@bizapps/ui 1.0.0 → 1.2.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +235 -137
- package/dist/main.cjs +1381 -465
- package/dist/main.cjs.map +1 -1
- package/dist/main.css +1 -1
- package/dist/main.d.cts +325 -241
- package/dist/main.d.ts +325 -241
- package/dist/main.js +1343 -467
- package/dist/main.js.map +1 -1
- package/package.json +15 -12
package/dist/main.d.cts
CHANGED
|
@@ -1,15 +1,13 @@
|
|
|
1
|
-
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
3
|
-
import * as class_variance_authority from 'class-variance-authority';
|
|
4
|
-
import { VariantProps } from 'class-variance-authority';
|
|
5
1
|
import * as react from 'react';
|
|
6
2
|
import { HTMLAttributes, ReactNode, ComponentProps, ButtonHTMLAttributes, MouseEventHandler, SVGAttributes } from 'react';
|
|
7
|
-
import
|
|
8
|
-
import {
|
|
9
|
-
|
|
3
|
+
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
4
|
+
import { VariantProps } from 'class-variance-authority';
|
|
5
|
+
import { Avatar as Avatar$1, Label as Label$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';
|
|
10
6
|
import useEmblaCarousel, { UseEmblaCarouselType } from 'embla-carousel-react';
|
|
11
7
|
import { DropzoneOptions, FileRejection, DropEvent } from 'react-dropzone';
|
|
12
8
|
import Color from 'color';
|
|
9
|
+
import { DateRange } from 'react-day-picker';
|
|
10
|
+
export { DateRange } from 'react-day-picker';
|
|
13
11
|
import * as react_hook_form from 'react-hook-form';
|
|
14
12
|
import { UseFormProps, FieldValues } from 'react-hook-form';
|
|
15
13
|
export { Controller, useFieldArray } from 'react-hook-form';
|
|
@@ -26,35 +24,35 @@ interface AlertProps extends HTMLAttributes<HTMLDivElement>, VariantProps<typeof
|
|
|
26
24
|
}
|
|
27
25
|
type AlertTitleProps = HTMLAttributes<HTMLHeadingElement>;
|
|
28
26
|
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):
|
|
27
|
+
declare function Alert({ className, variant, icon, onDismiss, children, ...props }: AlertProps): react.JSX.Element;
|
|
28
|
+
declare function AlertTitle({ className, ...props }: AlertTitleProps): react.JSX.Element;
|
|
29
|
+
declare function AlertDescription({ className, ...props }: AlertDescriptionProps): react.JSX.Element;
|
|
32
30
|
|
|
33
31
|
declare const avatarVariants: (props?: ({
|
|
34
32
|
size?: "sm" | "md" | "lg" | "xl" | null | undefined;
|
|
35
33
|
} & 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'>):
|
|
34
|
+
declare function Avatar({ className, size, ...props }: ComponentProps<typeof Avatar$1.Root> & VariantProps<typeof avatarVariants>): react.JSX.Element;
|
|
35
|
+
declare function AvatarImage({ className, ...props }: ComponentProps<typeof Avatar$1.Image>): react.JSX.Element;
|
|
36
|
+
declare function AvatarFallback({ className, ...props }: ComponentProps<typeof Avatar$1.Fallback>): react.JSX.Element;
|
|
37
|
+
declare function AvatarBadge({ className, ...props }: ComponentProps<'span'>): react.JSX.Element;
|
|
38
|
+
declare function AvatarGroup({ className, ...props }: ComponentProps<'div'>): react.JSX.Element;
|
|
39
|
+
declare function AvatarGroupCount({ className, ...props }: ComponentProps<'div'>): react.JSX.Element;
|
|
42
40
|
|
|
43
41
|
declare const badgeVariants$1: (props?: ({
|
|
44
42
|
variant?: "default" | "link" | "secondary" | "destructive" | "outline" | "ghost" | null | undefined;
|
|
45
43
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
46
44
|
declare function Badge$1({ className, variant, asChild, ...props }: ComponentProps<'span'> & VariantProps<typeof badgeVariants$1> & {
|
|
47
45
|
asChild?: boolean;
|
|
48
|
-
}):
|
|
46
|
+
}): react.JSX.Element;
|
|
49
47
|
|
|
50
48
|
type StatusProps = ComponentProps<typeof Badge$1> & {
|
|
51
49
|
status: 'online' | 'offline' | 'maintenance' | 'degraded';
|
|
52
50
|
};
|
|
53
|
-
declare const Status: ({ className, status, ...props }: StatusProps) =>
|
|
51
|
+
declare const Status: ({ className, status, ...props }: StatusProps) => react.JSX.Element;
|
|
54
52
|
type StatusIndicatorProps = HTMLAttributes<HTMLSpanElement>;
|
|
55
|
-
declare const StatusIndicator: ({ className, ...props }: StatusIndicatorProps) =>
|
|
53
|
+
declare const StatusIndicator: ({ className, ...props }: StatusIndicatorProps) => react.JSX.Element;
|
|
56
54
|
type StatusLabelProps = HTMLAttributes<HTMLSpanElement>;
|
|
57
|
-
declare const StatusLabel: ({ className, children, ...props }: StatusLabelProps) =>
|
|
55
|
+
declare const StatusLabel: ({ className, children, ...props }: StatusLabelProps) => react.JSX.Element;
|
|
58
56
|
|
|
59
57
|
declare const badgeVariants: (props?: ({
|
|
60
58
|
variant?: "default" | "info" | "success" | "warning" | "error" | null | undefined;
|
|
@@ -62,23 +60,23 @@ declare const badgeVariants: (props?: ({
|
|
|
62
60
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
63
61
|
declare function Badge({ className, variant, size, asChild, ...props }: ComponentProps<'span'> & VariantProps<typeof badgeVariants> & {
|
|
64
62
|
asChild?: boolean;
|
|
65
|
-
}):
|
|
63
|
+
}): react.JSX.Element;
|
|
66
64
|
|
|
67
65
|
/**
|
|
68
66
|
* Root landmark for a breadcrumb trail. Renders a `<nav aria-label="breadcrumb">`
|
|
69
67
|
* and wraps a single {@link BreadcrumbList}.
|
|
70
68
|
*/
|
|
71
|
-
declare function Breadcrumb({ className, ...props }: ComponentProps<'nav'>):
|
|
69
|
+
declare function Breadcrumb({ className, ...props }: ComponentProps<'nav'>): react.JSX.Element;
|
|
72
70
|
/**
|
|
73
71
|
* Ordered list (`<ol>`) holding the trail. Lays the items out in a wrapping,
|
|
74
72
|
* gapped flex row and sets the default `text-main-grey` color and `text-sm` scale.
|
|
75
73
|
*/
|
|
76
|
-
declare function BreadcrumbList({ className, ...props }: ComponentProps<'ol'>):
|
|
74
|
+
declare function BreadcrumbList({ className, ...props }: ComponentProps<'ol'>): react.JSX.Element;
|
|
77
75
|
/**
|
|
78
76
|
* A single segment (`<li>`) of the trail. Wraps a {@link BreadcrumbLink},
|
|
79
77
|
* {@link BreadcrumbPage}, or {@link BreadcrumbEllipsis}.
|
|
80
78
|
*/
|
|
81
|
-
declare function BreadcrumbItem({ className, ...props }: ComponentProps<'li'>):
|
|
79
|
+
declare function BreadcrumbItem({ className, ...props }: ComponentProps<'li'>): react.JSX.Element;
|
|
82
80
|
/**
|
|
83
81
|
* Navigable ancestor in the trail. Renders an `<a>` by default; pass `asChild`
|
|
84
82
|
* to delegate to a router link (e.g. React Router / Next.js `Link`) while keeping
|
|
@@ -88,23 +86,23 @@ declare function BreadcrumbItem({ className, ...props }: ComponentProps<'li'>):
|
|
|
88
86
|
*/
|
|
89
87
|
declare function BreadcrumbLink({ asChild, className, ...props }: ComponentProps<'a'> & {
|
|
90
88
|
asChild?: boolean;
|
|
91
|
-
}):
|
|
89
|
+
}): react.JSX.Element;
|
|
92
90
|
/**
|
|
93
91
|
* The current page — the last, non-interactive segment. Renders a `<span>` with
|
|
94
92
|
* `aria-current="page"` and emphasized `text-main-blue-primary` color.
|
|
95
93
|
*/
|
|
96
|
-
declare function BreadcrumbPage({ className, ...props }: ComponentProps<'span'>):
|
|
94
|
+
declare function BreadcrumbPage({ className, ...props }: ComponentProps<'span'>): react.JSX.Element;
|
|
97
95
|
/**
|
|
98
96
|
* Visual divider between items. Defaults to a `ChevronRight` icon; pass any node
|
|
99
97
|
* as children to override it. Always `aria-hidden`, so overrides never reach
|
|
100
98
|
* assistive tech.
|
|
101
99
|
*/
|
|
102
|
-
declare function BreadcrumbSeparator({ children, className, ...props }: ComponentProps<'li'>):
|
|
100
|
+
declare function BreadcrumbSeparator({ children, className, ...props }: ComponentProps<'li'>): react.JSX.Element;
|
|
103
101
|
/**
|
|
104
102
|
* Truncation marker (`…`) that collapses hidden middle segments of a long trail.
|
|
105
103
|
* Pair it with a `DropdownMenu` to make the collapsed segments navigable.
|
|
106
104
|
*/
|
|
107
|
-
declare function BreadcrumbEllipsis({ className, ...props }: ComponentProps<'span'>):
|
|
105
|
+
declare function BreadcrumbEllipsis({ className, ...props }: ComponentProps<'span'>): react.JSX.Element;
|
|
108
106
|
|
|
109
107
|
declare const buttonVariants$1: (props?: ({
|
|
110
108
|
variant?: "secondary" | "outline" | "ghost" | "cancel" | "primary" | "cancelGhost" | null | undefined;
|
|
@@ -117,16 +115,7 @@ declare const buttonVariants$1: (props?: ({
|
|
|
117
115
|
declare function Button$1({ className, variant, size, asChild, isLoading, children, onClick, ...props }: ComponentProps<'button'> & VariantProps<typeof buttonVariants$1> & {
|
|
118
116
|
asChild?: boolean;
|
|
119
117
|
isLoading?: boolean;
|
|
120
|
-
}):
|
|
121
|
-
|
|
122
|
-
declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, locale, formatters, components, fromYear, toYear, ...props }: ComponentProps<typeof DayPicker> & {
|
|
123
|
-
buttonVariant?: ComponentProps<typeof Button$1>['variant'];
|
|
124
|
-
fromYear?: number;
|
|
125
|
-
toYear?: number;
|
|
126
|
-
}): react_jsx_runtime.JSX.Element;
|
|
127
|
-
declare function CalendarDayButton({ className, day, modifiers, locale, ...props }: ComponentProps<typeof DayButton> & {
|
|
128
|
-
locale?: Partial<Locale>;
|
|
129
|
-
}): react_jsx_runtime.JSX.Element;
|
|
118
|
+
}): react.JSX.Element;
|
|
130
119
|
|
|
131
120
|
type MiniCalendarProps = HTMLAttributes<HTMLDivElement> & {
|
|
132
121
|
value?: Date;
|
|
@@ -137,30 +126,30 @@ type MiniCalendarProps = HTMLAttributes<HTMLDivElement> & {
|
|
|
137
126
|
onStartDateChange?: (date: Date | undefined) => void;
|
|
138
127
|
days?: number;
|
|
139
128
|
};
|
|
140
|
-
declare const MiniCalendar: ({ value, defaultValue, onValueChange, startDate, defaultStartDate, onStartDateChange, days, className, children, ...props }: MiniCalendarProps) =>
|
|
129
|
+
declare const MiniCalendar: ({ value, defaultValue, onValueChange, startDate, defaultStartDate, onStartDateChange, days, className, children, ...props }: MiniCalendarProps) => react.JSX.Element;
|
|
141
130
|
type MiniCalendarNavigationProps = ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
142
131
|
direction: 'prev' | 'next';
|
|
143
132
|
asChild?: boolean;
|
|
144
133
|
};
|
|
145
|
-
declare const MiniCalendarNavigation: ({ direction, asChild, children, onClick, ...props }: MiniCalendarNavigationProps) =>
|
|
134
|
+
declare const MiniCalendarNavigation: ({ direction, asChild, children, onClick, ...props }: MiniCalendarNavigationProps) => react.JSX.Element;
|
|
146
135
|
type MiniCalendarDaysProps = Omit<HTMLAttributes<HTMLDivElement>, 'children'> & {
|
|
147
136
|
children: (date: Date) => ReactNode;
|
|
148
137
|
};
|
|
149
|
-
declare const MiniCalendarDays: ({ className, children, ...props }: MiniCalendarDaysProps) =>
|
|
138
|
+
declare const MiniCalendarDays: ({ className, children, ...props }: MiniCalendarDaysProps) => react.JSX.Element;
|
|
150
139
|
type MiniCalendarDayProps = ComponentProps<typeof Button$1> & {
|
|
151
140
|
date: Date;
|
|
152
141
|
};
|
|
153
|
-
declare const MiniCalendarDay: ({ date, className, ...props }: MiniCalendarDayProps) =>
|
|
142
|
+
declare const MiniCalendarDay: ({ date, className, ...props }: MiniCalendarDayProps) => react.JSX.Element;
|
|
154
143
|
|
|
155
144
|
declare function Card({ className, size, ...props }: ComponentProps<'div'> & {
|
|
156
145
|
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'>):
|
|
146
|
+
}): react.JSX.Element;
|
|
147
|
+
declare function CardHeader({ className, ...props }: ComponentProps<'div'>): react.JSX.Element;
|
|
148
|
+
declare function CardTitle({ className, ...props }: ComponentProps<'div'>): react.JSX.Element;
|
|
149
|
+
declare function CardDescription({ className, ...props }: ComponentProps<'div'>): react.JSX.Element;
|
|
150
|
+
declare function CardAction({ className, ...props }: ComponentProps<'div'>): react.JSX.Element;
|
|
151
|
+
declare function CardContent({ className, ...props }: ComponentProps<'div'>): react.JSX.Element;
|
|
152
|
+
declare function CardFooter({ className, ...props }: ComponentProps<'div'>): react.JSX.Element;
|
|
164
153
|
|
|
165
154
|
type CarouselApi = UseEmblaCarouselType[1];
|
|
166
155
|
type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;
|
|
@@ -185,36 +174,38 @@ declare function useCarousel(): CarouselContextProps;
|
|
|
185
174
|
* Carousel root. Wraps Embla Carousel with keyboard navigation, scroll state, and context.
|
|
186
175
|
* Use `orientation` for vertical mode and `opts` to pass Embla options directly.
|
|
187
176
|
*/
|
|
188
|
-
declare function Carousel({ orientation, opts, setApi, plugins, className, children, ...props }: ComponentProps<'div'> & CarouselProps):
|
|
177
|
+
declare function Carousel({ orientation, opts, setApi, plugins, className, children, ...props }: ComponentProps<'div'> & CarouselProps): react.JSX.Element;
|
|
189
178
|
/**
|
|
190
179
|
* Scrollable track wrapper. Direct child of `Carousel`. Wraps `CarouselItem` children.
|
|
191
180
|
*/
|
|
192
|
-
declare function CarouselContent({ className, ...props }: ComponentProps<'div'>):
|
|
181
|
+
declare function CarouselContent({ className, ...props }: ComponentProps<'div'>): react.JSX.Element;
|
|
193
182
|
/**
|
|
194
183
|
* Individual slide. Use `className` with `basis-*` utilities to control how many slides are visible.
|
|
195
184
|
*/
|
|
196
|
-
declare function CarouselItem({ className, ...props }: ComponentProps<'div'>):
|
|
185
|
+
declare function CarouselItem({ className, ...props }: ComponentProps<'div'>): react.JSX.Element;
|
|
197
186
|
/**
|
|
198
187
|
* Previous-slide button. Positioned absolutely to the left (horizontal) or top (vertical).
|
|
199
188
|
* Disabled automatically when there are no previous slides.
|
|
200
189
|
*/
|
|
201
|
-
declare function CarouselPrevious({ className, variant, size, ...props }: ComponentProps<typeof Button$1>):
|
|
190
|
+
declare function CarouselPrevious({ className, variant, size, ...props }: ComponentProps<typeof Button$1>): react.JSX.Element;
|
|
202
191
|
/**
|
|
203
192
|
* Next-slide button. Positioned absolutely to the right (horizontal) or bottom (vertical).
|
|
204
193
|
* Disabled automatically when there are no next slides.
|
|
205
194
|
*/
|
|
206
|
-
declare function CarouselNext({ className, variant, size, ...props }: ComponentProps<typeof Button$1>):
|
|
195
|
+
declare function CarouselNext({ className, variant, size, ...props }: ComponentProps<typeof Button$1>): react.JSX.Element;
|
|
207
196
|
|
|
208
|
-
declare function Field({ className, ...props }: ComponentProps<'div'>):
|
|
209
|
-
declare function FieldLabel({ className, ...props }: ComponentProps<'label'>):
|
|
210
|
-
declare function FieldDescription({ className, ...props }: ComponentProps<'p'>):
|
|
197
|
+
declare function Field({ className, ...props }: ComponentProps<'div'>): react.JSX.Element;
|
|
198
|
+
declare function FieldLabel({ className, ...props }: ComponentProps<'label'>): react.JSX.Element;
|
|
199
|
+
declare function FieldDescription({ className, ...props }: ComponentProps<'p'>): react.JSX.Element;
|
|
211
200
|
declare function FieldError({ errors, className }: {
|
|
212
201
|
errors?: unknown[];
|
|
213
202
|
className?: string;
|
|
214
|
-
}):
|
|
215
|
-
declare function FieldGroup({ className, ...props }: ComponentProps<'div'>):
|
|
203
|
+
}): react.JSX.Element | null;
|
|
204
|
+
declare function FieldGroup({ className, ...props }: ComponentProps<'div'>): react.JSX.Element;
|
|
216
205
|
|
|
217
|
-
declare function Input({ className, type, ...props }: ComponentProps<'input'>):
|
|
206
|
+
declare function Input({ className, type, ...props }: ComponentProps<'input'>): react.JSX.Element;
|
|
207
|
+
|
|
208
|
+
declare function Label({ className, ...props }: ComponentProps<typeof Label$1.Root>): react.JSX.Element;
|
|
218
209
|
|
|
219
210
|
declare const linkVariants: (props?: ({
|
|
220
211
|
variant?: "underlined" | "plain" | null | undefined;
|
|
@@ -225,7 +216,7 @@ declare function Link({ className, variant, size, asChild, disabled, target, rel
|
|
|
225
216
|
disabled?: boolean;
|
|
226
217
|
truncate?: boolean;
|
|
227
218
|
onClick?: MouseEventHandler<HTMLElement>;
|
|
228
|
-
}):
|
|
219
|
+
}): react.JSX.Element;
|
|
229
220
|
|
|
230
221
|
interface PinInputProps {
|
|
231
222
|
length?: number;
|
|
@@ -237,13 +228,13 @@ interface PinInputProps {
|
|
|
237
228
|
className?: string;
|
|
238
229
|
inputClassName?: string;
|
|
239
230
|
}
|
|
240
|
-
declare function PinInput({ length, value, onChange, disabled, invalid, mask, className, inputClassName, }: PinInputProps):
|
|
231
|
+
declare function PinInput({ length, value, onChange, disabled, invalid, mask, className, inputClassName, }: PinInputProps): react.JSX.Element;
|
|
241
232
|
|
|
242
233
|
declare const toggleVariants: (props?: ({
|
|
243
234
|
variant?: "default" | "outline" | null | undefined;
|
|
244
235
|
size?: "sm" | "md" | "lg" | null | undefined;
|
|
245
236
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
246
|
-
declare function Toggle({ className, variant, size, ...props }: ComponentProps<typeof Toggle$1.Root> & VariantProps<typeof toggleVariants>):
|
|
237
|
+
declare function Toggle({ className, variant, size, ...props }: ComponentProps<typeof Toggle$1.Root> & VariantProps<typeof toggleVariants>): react.JSX.Element;
|
|
247
238
|
|
|
248
239
|
type SegmentedControlSingleProps = {
|
|
249
240
|
type: 'single';
|
|
@@ -262,21 +253,21 @@ type SegmentedControlProps = (SegmentedControlSingleProps | SegmentedControlMult
|
|
|
262
253
|
className?: string;
|
|
263
254
|
children?: ReactNode;
|
|
264
255
|
};
|
|
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>):
|
|
256
|
+
declare function SegmentedControl({ className, size, children, ...props }: SegmentedControlProps): react.JSX.Element;
|
|
257
|
+
declare function SegmentedControlItem({ className, children, value, ...props }: ComponentProps<typeof ToggleGroup$1.Item> & VariantProps<typeof toggleVariants>): react.JSX.Element;
|
|
258
|
+
|
|
259
|
+
declare function Select({ ...props }: ComponentProps<typeof Select$1.Root>): react.JSX.Element;
|
|
260
|
+
declare function SelectTrigger$1({ className, children, ...props }: ComponentProps<typeof Select$1.Trigger>): react.JSX.Element;
|
|
261
|
+
declare function SelectContent({ className, children, position, ...props }: ComponentProps<typeof Select$1.Content>): react.JSX.Element;
|
|
262
|
+
declare function SelectItem({ className, children, ...props }: ComponentProps<typeof Select$1.Item>): react.JSX.Element;
|
|
263
|
+
declare function SelectLabel({ className, ...props }: ComponentProps<typeof Select$1.Label>): react.JSX.Element;
|
|
264
|
+
declare function SelectSeparator({ className, ...props }: ComponentProps<typeof Select$1.Separator>): react.JSX.Element;
|
|
265
|
+
declare function SelectScrollUpButton({ className, ...props }: ComponentProps<typeof Select$1.ScrollUpButton>): react.JSX.Element;
|
|
266
|
+
declare function SelectScrollDownButton({ className, ...props }: ComponentProps<typeof Select$1.ScrollDownButton>): react.JSX.Element;
|
|
267
|
+
declare function SelectValue({ ...props }: ComponentProps<typeof Select$1.Value>): react.JSX.Element;
|
|
268
|
+
declare function SelectGroup({ ...props }: ComponentProps<typeof Select$1.Group>): react.JSX.Element;
|
|
269
|
+
|
|
270
|
+
declare function Separator({ className, orientation, decorative, ...props }: ComponentProps<typeof Separator$1.Root>): react.JSX.Element;
|
|
280
271
|
|
|
281
272
|
declare const progressVariants: (props?: ({
|
|
282
273
|
variant?: "default" | "success" | "warning" | "danger" | "orange" | null | undefined;
|
|
@@ -287,23 +278,23 @@ declare const progressIndicatorVariants: (props?: ({
|
|
|
287
278
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
288
279
|
interface ProgressProps extends ComponentProps<typeof Progress$1.Root>, VariantProps<typeof progressVariants> {
|
|
289
280
|
}
|
|
290
|
-
declare function Progress({ className, value, variant, size, ...props }: ProgressProps):
|
|
281
|
+
declare function Progress({ className, value, variant, size, ...props }: ProgressProps): react.JSX.Element;
|
|
291
282
|
|
|
292
283
|
declare const skeletonVariants: (props?: ({
|
|
293
284
|
variant?: "default" | "text" | "avatar" | null | undefined;
|
|
294
285
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
295
|
-
declare function Skeleton({ className, variant, ...props }: ComponentProps<'div'> & VariantProps<typeof skeletonVariants>):
|
|
286
|
+
declare function Skeleton({ className, variant, ...props }: ComponentProps<'div'> & VariantProps<typeof skeletonVariants>): react.JSX.Element;
|
|
296
287
|
|
|
297
|
-
declare function Slider({ className, defaultValue, value, min, max, ...props }: ComponentProps<typeof Slider$1.Root>):
|
|
288
|
+
declare function Slider({ className, defaultValue, value, min, max, ...props }: ComponentProps<typeof Slider$1.Root>): react.JSX.Element;
|
|
298
289
|
|
|
299
290
|
declare function Switch({ className, size, ...props }: ComponentProps<typeof Switch$1.Root> & {
|
|
300
291
|
size?: 'sm' | 'default';
|
|
301
|
-
}):
|
|
292
|
+
}): react.JSX.Element;
|
|
302
293
|
|
|
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>):
|
|
294
|
+
declare function Tabs({ defaultValue, value: controlledValue, onValueChange, ...props }: ComponentProps<typeof Tabs$1.Root>): react.JSX.Element;
|
|
295
|
+
declare function TabsList({ className, ...props }: ComponentProps<typeof Tabs$1.List>): react.JSX.Element;
|
|
296
|
+
declare function TabsTrigger({ className, value, children, ...props }: ComponentProps<typeof Tabs$1.Trigger>): react.JSX.Element;
|
|
297
|
+
declare function TabsContent({ className, value, children, ...props }: ComponentProps<typeof Tabs$1.Content>): react.JSX.Element;
|
|
307
298
|
|
|
308
299
|
type ToastType = 'default' | 'success' | 'error' | 'warning' | 'info' | 'loading';
|
|
309
300
|
interface ToastAction {
|
|
@@ -343,30 +334,30 @@ interface ToasterProps {
|
|
|
343
334
|
duration?: number;
|
|
344
335
|
children?: ReactNode;
|
|
345
336
|
}
|
|
346
|
-
declare function Toaster({ position, children }: ToasterProps):
|
|
337
|
+
declare function Toaster({ position, children }: ToasterProps): react.JSX.Element;
|
|
347
338
|
|
|
348
339
|
declare function ToggleGroup({ className, variant, size, spacing, orientation, children, ...props }: ComponentProps<typeof ToggleGroup$1.Root> & VariantProps<typeof toggleVariants> & {
|
|
349
340
|
spacing?: number;
|
|
350
341
|
orientation?: 'horizontal' | 'vertical';
|
|
351
|
-
}):
|
|
352
|
-
declare function ToggleGroupItem({ className, children, variant, size, ...props }: ComponentProps<typeof ToggleGroup$1.Item> & VariantProps<typeof toggleVariants>):
|
|
342
|
+
}): react.JSX.Element;
|
|
343
|
+
declare function ToggleGroupItem({ className, children, variant, size, ...props }: ComponentProps<typeof ToggleGroup$1.Item> & VariantProps<typeof toggleVariants>): react.JSX.Element;
|
|
353
344
|
|
|
354
345
|
declare const tooltipContentVariants: (props?: ({
|
|
355
346
|
variant?: "default" | "primary" | null | undefined;
|
|
356
347
|
size?: "sm" | "md" | null | undefined;
|
|
357
348
|
} & 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'>):
|
|
349
|
+
declare function TooltipProvider({ delayDuration, ...props }: ComponentProps<typeof Tooltip$1.Provider>): react.JSX.Element;
|
|
350
|
+
declare function Tooltip({ ...props }: ComponentProps<typeof Tooltip$1.Root>): react.JSX.Element;
|
|
351
|
+
declare function TooltipTrigger({ ...props }: ComponentProps<typeof Tooltip$1.Trigger>): react.JSX.Element;
|
|
352
|
+
declare function TooltipContent({ className, sideOffset, variant, size, children, ...props }: ComponentProps<typeof Tooltip$1.Content> & VariantProps<typeof tooltipContentVariants>): react.JSX.Element;
|
|
353
|
+
|
|
354
|
+
declare function Popover({ ...props }: ComponentProps<typeof Popover$1.Root>): react.JSX.Element;
|
|
355
|
+
declare function PopoverTrigger({ ...props }: ComponentProps<typeof Popover$1.Trigger>): react.JSX.Element;
|
|
356
|
+
declare function PopoverContent({ className, align, sideOffset, ...props }: ComponentProps<typeof Popover$1.Content>): react.JSX.Element;
|
|
357
|
+
declare function PopoverAnchor({ ...props }: ComponentProps<typeof Popover$1.Anchor>): react.JSX.Element;
|
|
358
|
+
declare function PopoverHeader({ className, ...props }: ComponentProps<'div'>): react.JSX.Element;
|
|
359
|
+
declare function PopoverTitle({ className, ...props }: ComponentProps<'h2'>): react.JSX.Element;
|
|
360
|
+
declare function PopoverDescription({ className, ...props }: ComponentProps<'p'>): react.JSX.Element;
|
|
370
361
|
|
|
371
362
|
declare const TEXT_SIZES: readonly [12, 14, 16, 18, 20, 24, 28, 32, 40, 48];
|
|
372
363
|
declare const TEXT_WEIGHTS: readonly [100, 200, 300, 400, 500, 700, 800, 900];
|
|
@@ -387,45 +378,45 @@ interface TextProps extends Omit<HTMLAttributes<HTMLElement>, 'color'> {
|
|
|
387
378
|
/** Text content */
|
|
388
379
|
children: ReactNode;
|
|
389
380
|
}
|
|
390
|
-
declare function Text({ as: Tag, size, weight, italic, color, className, style, children, ...props }: TextProps):
|
|
381
|
+
declare function Text({ as: Tag, size, weight, italic, color, className, style, children, ...props }: TextProps): react.JSX.Element;
|
|
391
382
|
|
|
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>):
|
|
383
|
+
declare function Dialog({ children, ...props }: ComponentProps<typeof Dialog$1.Root>): react.JSX.Element;
|
|
384
|
+
declare function DialogTrigger({ ...props }: ComponentProps<typeof Dialog$1.Trigger>): react.JSX.Element;
|
|
385
|
+
declare function DialogPortal({ children, ...props }: ComponentProps<typeof Dialog$1.Portal>): react.JSX.Element;
|
|
386
|
+
declare function DialogClose({ ...props }: ComponentProps<typeof Dialog$1.Close>): react.JSX.Element;
|
|
387
|
+
declare function DialogOverlay({ className, ...props }: ComponentProps<typeof Dialog$1.Overlay>): react.JSX.Element;
|
|
397
388
|
declare function DialogContent({ className, children, showCloseButton, ...props }: ComponentProps<typeof Dialog$1.Content> & {
|
|
398
389
|
showCloseButton?: boolean;
|
|
399
|
-
}):
|
|
400
|
-
declare function DialogHeader({ className, ...props }: ComponentProps<'div'>):
|
|
401
|
-
declare function DialogBody({ className, ...props }: ComponentProps<'div'>):
|
|
390
|
+
}): react.JSX.Element;
|
|
391
|
+
declare function DialogHeader({ className, ...props }: ComponentProps<'div'>): react.JSX.Element;
|
|
392
|
+
declare function DialogBody({ className, ...props }: ComponentProps<'div'>): react.JSX.Element;
|
|
402
393
|
declare function DialogFooter({ className, showCloseButton, children, ...props }: ComponentProps<'div'> & {
|
|
403
394
|
showCloseButton?: boolean;
|
|
404
|
-
}):
|
|
405
|
-
declare function DialogTitle({ className, ...props }: ComponentProps<typeof Dialog$1.Title>):
|
|
406
|
-
declare function DialogDescription({ className, ...props }: ComponentProps<typeof Dialog$1.Description>):
|
|
407
|
-
|
|
408
|
-
declare function AlertDialog({ children, ...props }: ComponentProps<typeof AlertDialog$1.Root>):
|
|
409
|
-
declare function AlertDialogTrigger({ ...props }: ComponentProps<typeof AlertDialog$1.Trigger>):
|
|
410
|
-
declare function AlertDialogPortal({ children, ...props }: ComponentProps<typeof AlertDialog$1.Portal>):
|
|
411
|
-
declare function AlertDialogOverlay({ className, ...props }: ComponentProps<typeof AlertDialog$1.Overlay>):
|
|
395
|
+
}): react.JSX.Element;
|
|
396
|
+
declare function DialogTitle({ className, ...props }: ComponentProps<typeof Dialog$1.Title>): react.JSX.Element;
|
|
397
|
+
declare function DialogDescription({ className, ...props }: ComponentProps<typeof Dialog$1.Description>): react.JSX.Element;
|
|
398
|
+
|
|
399
|
+
declare function AlertDialog({ children, ...props }: ComponentProps<typeof AlertDialog$1.Root>): react.JSX.Element;
|
|
400
|
+
declare function AlertDialogTrigger({ ...props }: ComponentProps<typeof AlertDialog$1.Trigger>): react.JSX.Element;
|
|
401
|
+
declare function AlertDialogPortal({ children, ...props }: ComponentProps<typeof AlertDialog$1.Portal>): react.JSX.Element;
|
|
402
|
+
declare function AlertDialogOverlay({ className, ...props }: ComponentProps<typeof AlertDialog$1.Overlay>): react.JSX.Element;
|
|
412
403
|
declare function AlertDialogContent({ className, size, variant, showClose, children, ...props }: ComponentProps<typeof AlertDialog$1.Content> & {
|
|
413
404
|
size?: 'default' | 'sm';
|
|
414
405
|
variant?: 'default' | 'dark-glass';
|
|
415
406
|
showClose?: boolean;
|
|
416
|
-
}):
|
|
417
|
-
declare function AlertDialogHeader({ className, ...props }: ComponentProps<'div'>):
|
|
418
|
-
declare function AlertDialogFooter({ className, ...props }: ComponentProps<'div'>):
|
|
419
|
-
declare function AlertDialogMedia({ className, ...props }: ComponentProps<'div'>):
|
|
420
|
-
declare function AlertDialogTitle({ className, ...props }: ComponentProps<typeof AlertDialog$1.Title>):
|
|
421
|
-
declare function AlertDialogDescription({ className, ...props }: ComponentProps<typeof AlertDialog$1.Description>):
|
|
422
|
-
declare function AlertDialogAction({ className, variant, size, children, ...props }: ComponentProps<typeof AlertDialog$1.Action> & Pick<ComponentProps<typeof Button$1>, 'variant' | 'size'>):
|
|
423
|
-
declare function AlertDialogCancel({ className, variant, size, children, ...props }: ComponentProps<typeof AlertDialog$1.Cancel> & Pick<ComponentProps<typeof Button$1>, 'variant' | 'size'>):
|
|
424
|
-
|
|
425
|
-
declare function Accordion({ className, ...props }: ComponentProps<typeof Accordion$1.Root>):
|
|
426
|
-
declare function AccordionItem({ className, ...props }: ComponentProps<typeof Accordion$1.Item>):
|
|
427
|
-
declare function AccordionTrigger({ className, children, ...props }: ComponentProps<typeof Accordion$1.Trigger>):
|
|
428
|
-
declare function AccordionContent({ className, children, ...props }: ComponentProps<typeof Accordion$1.Content>):
|
|
407
|
+
}): react.JSX.Element;
|
|
408
|
+
declare function AlertDialogHeader({ className, ...props }: ComponentProps<'div'>): react.JSX.Element;
|
|
409
|
+
declare function AlertDialogFooter({ className, ...props }: ComponentProps<'div'>): react.JSX.Element;
|
|
410
|
+
declare function AlertDialogMedia({ className, ...props }: ComponentProps<'div'>): react.JSX.Element;
|
|
411
|
+
declare function AlertDialogTitle({ className, ...props }: ComponentProps<typeof AlertDialog$1.Title>): react.JSX.Element;
|
|
412
|
+
declare function AlertDialogDescription({ className, ...props }: ComponentProps<typeof AlertDialog$1.Description>): react.JSX.Element;
|
|
413
|
+
declare function AlertDialogAction({ className, variant, size, children, ...props }: ComponentProps<typeof AlertDialog$1.Action> & Pick<ComponentProps<typeof Button$1>, 'variant' | 'size'>): react.JSX.Element;
|
|
414
|
+
declare function AlertDialogCancel({ className, variant, size, children, ...props }: ComponentProps<typeof AlertDialog$1.Cancel> & Pick<ComponentProps<typeof Button$1>, 'variant' | 'size'>): react.JSX.Element;
|
|
415
|
+
|
|
416
|
+
declare function Accordion({ className, ...props }: ComponentProps<typeof Accordion$1.Root>): react.JSX.Element;
|
|
417
|
+
declare function AccordionItem({ className, ...props }: ComponentProps<typeof Accordion$1.Item>): react.JSX.Element;
|
|
418
|
+
declare function AccordionTrigger({ className, children, ...props }: ComponentProps<typeof Accordion$1.Trigger>): react.JSX.Element;
|
|
419
|
+
declare function AccordionContent({ className, children, ...props }: ComponentProps<typeof Accordion$1.Content>): react.JSX.Element;
|
|
429
420
|
|
|
430
421
|
interface ComboboxOption {
|
|
431
422
|
value: string;
|
|
@@ -442,34 +433,34 @@ interface ComboboxProps {
|
|
|
442
433
|
disabled?: boolean;
|
|
443
434
|
className?: string;
|
|
444
435
|
}
|
|
445
|
-
declare function Combobox({ options, value, onValueChange, placeholder, searchPlaceholder, emptyMessage, disabled, className, }: ComboboxProps):
|
|
436
|
+
declare function Combobox({ options, value, onValueChange, placeholder, searchPlaceholder, emptyMessage, disabled, className, }: ComboboxProps): react.JSX.Element;
|
|
446
437
|
|
|
447
|
-
declare function DropdownMenu({ ...props }: ComponentProps<typeof DropdownMenu$1.Root>):
|
|
448
|
-
declare function DropdownMenuPortal({ ...props }: ComponentProps<typeof DropdownMenu$1.Portal>):
|
|
449
|
-
declare function DropdownMenuTrigger({ ...props }: ComponentProps<typeof DropdownMenu$1.Trigger>):
|
|
450
|
-
declare function DropdownMenuContent({ className, align, sideOffset, ...props }: ComponentProps<typeof DropdownMenu$1.Content>):
|
|
451
|
-
declare function DropdownMenuGroup({ ...props }: ComponentProps<typeof DropdownMenu$1.Group>):
|
|
438
|
+
declare function DropdownMenu({ ...props }: ComponentProps<typeof DropdownMenu$1.Root>): react.JSX.Element;
|
|
439
|
+
declare function DropdownMenuPortal({ ...props }: ComponentProps<typeof DropdownMenu$1.Portal>): react.JSX.Element;
|
|
440
|
+
declare function DropdownMenuTrigger({ ...props }: ComponentProps<typeof DropdownMenu$1.Trigger>): react.JSX.Element;
|
|
441
|
+
declare function DropdownMenuContent({ className, align, sideOffset, ...props }: ComponentProps<typeof DropdownMenu$1.Content>): react.JSX.Element;
|
|
442
|
+
declare function DropdownMenuGroup({ ...props }: ComponentProps<typeof DropdownMenu$1.Group>): react.JSX.Element;
|
|
452
443
|
declare function DropdownMenuItem({ className, inset, variant, ...props }: ComponentProps<typeof DropdownMenu$1.Item> & {
|
|
453
444
|
inset?: boolean;
|
|
454
445
|
variant?: 'default' | 'destructive';
|
|
455
|
-
}):
|
|
446
|
+
}): react.JSX.Element;
|
|
456
447
|
declare function DropdownMenuCheckboxItem({ className, children, checked, inset, ...props }: ComponentProps<typeof DropdownMenu$1.CheckboxItem> & {
|
|
457
448
|
inset?: boolean;
|
|
458
|
-
}):
|
|
459
|
-
declare function DropdownMenuRadioGroup({ ...props }: ComponentProps<typeof DropdownMenu$1.RadioGroup>):
|
|
449
|
+
}): react.JSX.Element;
|
|
450
|
+
declare function DropdownMenuRadioGroup({ ...props }: ComponentProps<typeof DropdownMenu$1.RadioGroup>): react.JSX.Element;
|
|
460
451
|
declare function DropdownMenuRadioItem({ className, children, inset, ...props }: ComponentProps<typeof DropdownMenu$1.RadioItem> & {
|
|
461
452
|
inset?: boolean;
|
|
462
|
-
}):
|
|
453
|
+
}): react.JSX.Element;
|
|
463
454
|
declare function DropdownMenuLabel({ className, inset, ...props }: ComponentProps<typeof DropdownMenu$1.Label> & {
|
|
464
455
|
inset?: boolean;
|
|
465
|
-
}):
|
|
466
|
-
declare function DropdownMenuSeparator({ className, ...props }: ComponentProps<typeof DropdownMenu$1.Separator>):
|
|
467
|
-
declare function DropdownMenuShortcut({ className, ...props }: ComponentProps<'span'>):
|
|
468
|
-
declare function DropdownMenuSub({ ...props }: ComponentProps<typeof DropdownMenu$1.Sub>):
|
|
456
|
+
}): react.JSX.Element;
|
|
457
|
+
declare function DropdownMenuSeparator({ className, ...props }: ComponentProps<typeof DropdownMenu$1.Separator>): react.JSX.Element;
|
|
458
|
+
declare function DropdownMenuShortcut({ className, ...props }: ComponentProps<'span'>): react.JSX.Element;
|
|
459
|
+
declare function DropdownMenuSub({ ...props }: ComponentProps<typeof DropdownMenu$1.Sub>): react.JSX.Element;
|
|
469
460
|
declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: ComponentProps<typeof DropdownMenu$1.SubTrigger> & {
|
|
470
461
|
inset?: boolean;
|
|
471
|
-
}):
|
|
472
|
-
declare function DropdownMenuSubContent({ className, ...props }: ComponentProps<typeof DropdownMenu$1.SubContent>):
|
|
462
|
+
}): react.JSX.Element;
|
|
463
|
+
declare function DropdownMenuSubContent({ className, ...props }: ComponentProps<typeof DropdownMenu$1.SubContent>): react.JSX.Element;
|
|
473
464
|
|
|
474
465
|
type DropzoneProps = Omit<DropzoneOptions, 'onDrop'> & {
|
|
475
466
|
src?: File[];
|
|
@@ -478,50 +469,50 @@ type DropzoneProps = Omit<DropzoneOptions, 'onDrop'> & {
|
|
|
478
469
|
onDrop?: (acceptedFiles: File[], fileRejections: FileRejection[], event: DropEvent) => void;
|
|
479
470
|
children?: ReactNode;
|
|
480
471
|
};
|
|
481
|
-
declare const Dropzone: ({ accept, maxFiles, maxSize, minSize, onDrop, onError, disabled, src, className, children, border, ...props }: DropzoneProps) =>
|
|
472
|
+
declare const Dropzone: ({ accept, maxFiles, maxSize, minSize, onDrop, onError, disabled, src, className, children, border, ...props }: DropzoneProps) => react.JSX.Element;
|
|
482
473
|
interface DropzoneContentProps {
|
|
483
474
|
children?: ReactNode;
|
|
484
475
|
className?: string;
|
|
485
476
|
}
|
|
486
|
-
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> |
|
|
477
|
+
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;
|
|
487
478
|
interface DropzoneEmptyStateProps {
|
|
488
479
|
children?: ReactNode;
|
|
489
480
|
className?: string;
|
|
490
481
|
}
|
|
491
|
-
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> |
|
|
482
|
+
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;
|
|
492
483
|
|
|
493
|
-
declare function Empty({ className, ...props }: React.ComponentProps<'div'>):
|
|
494
|
-
declare function EmptyHeader({ className, ...props }: React.ComponentProps<'div'>):
|
|
484
|
+
declare function Empty({ className, ...props }: React.ComponentProps<'div'>): react.JSX.Element;
|
|
485
|
+
declare function EmptyHeader({ className, ...props }: React.ComponentProps<'div'>): react.JSX.Element;
|
|
495
486
|
declare const emptyMediaVariants: (props?: ({
|
|
496
487
|
variant?: "default" | "icon" | null | undefined;
|
|
497
488
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
498
|
-
declare function EmptyMedia({ className, variant, ...props }: React.ComponentProps<'div'> & VariantProps<typeof emptyMediaVariants>):
|
|
499
|
-
declare function EmptyTitle({ className, ...props }: React.ComponentProps<'div'>):
|
|
500
|
-
declare function EmptyDescription({ className, ...props }: React.ComponentProps<'p'>):
|
|
501
|
-
declare function EmptyContent({ className, ...props }: React.ComponentProps<'div'>):
|
|
489
|
+
declare function EmptyMedia({ className, variant, ...props }: React.ComponentProps<'div'> & VariantProps<typeof emptyMediaVariants>): react.JSX.Element;
|
|
490
|
+
declare function EmptyTitle({ className, ...props }: React.ComponentProps<'div'>): react.JSX.Element;
|
|
491
|
+
declare function EmptyDescription({ className, ...props }: React.ComponentProps<'p'>): react.JSX.Element;
|
|
492
|
+
declare function EmptyContent({ className, ...props }: React.ComponentProps<'div'>): react.JSX.Element;
|
|
502
493
|
|
|
503
|
-
declare function ItemGroup({ className, ...props }: ComponentProps<'div'>):
|
|
504
|
-
declare function ItemSeparator({ className, ...props }: ComponentProps<typeof Separator>):
|
|
494
|
+
declare function ItemGroup({ className, ...props }: ComponentProps<'div'>): react.JSX.Element;
|
|
495
|
+
declare function ItemSeparator({ className, ...props }: ComponentProps<typeof Separator>): react.JSX.Element;
|
|
505
496
|
declare const itemVariants: (props?: ({
|
|
506
497
|
variant?: "default" | "outline" | "muted" | "highlighted" | null | undefined;
|
|
507
498
|
size?: "default" | "sm" | "xs" | null | undefined;
|
|
508
499
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
509
500
|
declare function Item({ className, variant, size, asChild, ...props }: ComponentProps<'div'> & VariantProps<typeof itemVariants> & {
|
|
510
501
|
asChild?: boolean;
|
|
511
|
-
}):
|
|
502
|
+
}): react.JSX.Element;
|
|
512
503
|
declare const itemMediaVariants: (props?: ({
|
|
513
504
|
variant?: "default" | "icon" | "image" | null | undefined;
|
|
514
505
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
515
|
-
declare function ItemMedia({ className, variant, ...props }: ComponentProps<'div'> & VariantProps<typeof itemMediaVariants>):
|
|
516
|
-
declare function ItemContent({ className, ...props }: ComponentProps<'div'>):
|
|
517
|
-
declare function ItemTitle({ className, ...props }: ComponentProps<'div'>):
|
|
518
|
-
declare function ItemDescription({ className, ...props }: ComponentProps<'p'>):
|
|
519
|
-
declare function ItemActions({ className, ...props }: ComponentProps<'div'>):
|
|
520
|
-
declare function ItemHeader({ className, ...props }: ComponentProps<'div'>):
|
|
521
|
-
declare function ItemFooter({ className, ...props }: ComponentProps<'div'>):
|
|
506
|
+
declare function ItemMedia({ className, variant, ...props }: ComponentProps<'div'> & VariantProps<typeof itemMediaVariants>): react.JSX.Element;
|
|
507
|
+
declare function ItemContent({ className, ...props }: ComponentProps<'div'>): react.JSX.Element;
|
|
508
|
+
declare function ItemTitle({ className, ...props }: ComponentProps<'div'>): react.JSX.Element;
|
|
509
|
+
declare function ItemDescription({ className, ...props }: ComponentProps<'p'>): react.JSX.Element;
|
|
510
|
+
declare function ItemActions({ className, ...props }: ComponentProps<'div'>): react.JSX.Element;
|
|
511
|
+
declare function ItemHeader({ className, ...props }: ComponentProps<'div'>): react.JSX.Element;
|
|
512
|
+
declare function ItemFooter({ className, ...props }: ComponentProps<'div'>): react.JSX.Element;
|
|
522
513
|
|
|
523
|
-
declare function RadioGroup({ className, ...props }: ComponentProps<typeof RadioGroup$1.Root>):
|
|
524
|
-
declare function RadioGroupItem({ className, ...props }: ComponentProps<typeof RadioGroup$1.Item>):
|
|
514
|
+
declare function RadioGroup({ className, ...props }: ComponentProps<typeof RadioGroup$1.Root>): react.JSX.Element;
|
|
515
|
+
declare function RadioGroupItem({ className, ...props }: ComponentProps<typeof RadioGroup$1.Item>): react.JSX.Element;
|
|
525
516
|
|
|
526
517
|
declare const spinnerVariants: (props?: ({
|
|
527
518
|
size?: "sm" | "md" | "lg" | "xl" | null | undefined;
|
|
@@ -529,14 +520,14 @@ declare const spinnerVariants: (props?: ({
|
|
|
529
520
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
530
521
|
interface SpinnerProps extends Omit<ComponentProps<'svg'>, 'color'>, VariantProps<typeof spinnerVariants> {
|
|
531
522
|
}
|
|
532
|
-
declare function Spinner({ className, size, color, ...props }: SpinnerProps):
|
|
523
|
+
declare function Spinner({ className, size, color, ...props }: SpinnerProps): react.JSX.Element;
|
|
533
524
|
declare const spinnerLoaderVariants: (props?: ({
|
|
534
525
|
size?: "sm" | "md" | "lg" | "xl" | null | undefined;
|
|
535
526
|
color?: "current" | "destructive" | "primary" | "white" | "muted" | null | undefined;
|
|
536
527
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
537
528
|
interface SpinnerLoaderProps extends Omit<ComponentProps<'svg'>, 'color'>, VariantProps<typeof spinnerLoaderVariants> {
|
|
538
529
|
}
|
|
539
|
-
declare function SpinnerLoader({ className, size, color, ...props }: SpinnerLoaderProps):
|
|
530
|
+
declare function SpinnerLoader({ className, size, color, ...props }: SpinnerLoaderProps): react.JSX.Element;
|
|
540
531
|
declare const spinnerDotsVariants: (props?: ({
|
|
541
532
|
size?: "sm" | "md" | "lg" | "xl" | null | undefined;
|
|
542
533
|
color?: "current" | "destructive" | "primary" | "white" | "muted" | null | undefined;
|
|
@@ -544,7 +535,7 @@ declare const spinnerDotsVariants: (props?: ({
|
|
|
544
535
|
interface SpinnerDotsProps extends VariantProps<typeof spinnerDotsVariants> {
|
|
545
536
|
className?: string;
|
|
546
537
|
}
|
|
547
|
-
declare function SpinnerDots({ className, size, color }: SpinnerDotsProps):
|
|
538
|
+
declare function SpinnerDots({ className, size, color }: SpinnerDotsProps): react.JSX.Element;
|
|
548
539
|
|
|
549
540
|
declare const buttonVariants: (props?: ({
|
|
550
541
|
variant?: "default" | "link" | "secondary" | "destructive" | "outline" | "ghost" | null | undefined;
|
|
@@ -552,11 +543,11 @@ declare const buttonVariants: (props?: ({
|
|
|
552
543
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
553
544
|
declare function Button({ className, variant, size, asChild, ...props }: ComponentProps<'button'> & VariantProps<typeof buttonVariants> & {
|
|
554
545
|
asChild?: boolean;
|
|
555
|
-
}):
|
|
546
|
+
}): react.JSX.Element;
|
|
556
547
|
|
|
557
548
|
declare function SelectTrigger({ className, size, children, ...props }: ComponentProps<typeof Select$1.Trigger> & {
|
|
558
549
|
size?: 'sm' | 'default';
|
|
559
|
-
}):
|
|
550
|
+
}): react.JSX.Element;
|
|
560
551
|
|
|
561
552
|
interface ColorPickerContextValue {
|
|
562
553
|
hue: number;
|
|
@@ -576,24 +567,24 @@ type ColorPickerProps = Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> & {
|
|
|
576
567
|
defaultValue?: Parameters<typeof Color>[0];
|
|
577
568
|
onChange?: (value: [number, number, number, number]) => void;
|
|
578
569
|
};
|
|
579
|
-
declare const ColorPicker: ({ value, defaultValue, onChange, className, ...props }: ColorPickerProps) =>
|
|
570
|
+
declare const ColorPicker: ({ value, defaultValue, onChange, className, ...props }: ColorPickerProps) => react.JSX.Element;
|
|
580
571
|
type ColorPickerSelectionProps = HTMLAttributes<HTMLDivElement>;
|
|
581
|
-
declare const ColorPickerSelection: react.MemoExoticComponent<({ className, ...props }: ColorPickerSelectionProps) =>
|
|
572
|
+
declare const ColorPickerSelection: react.MemoExoticComponent<({ className, ...props }: ColorPickerSelectionProps) => react.JSX.Element>;
|
|
582
573
|
type ColorPickerHueProps = ComponentProps<typeof Slider$1.Root>;
|
|
583
|
-
declare const ColorPickerHue: ({ className, ...props }: ColorPickerHueProps) =>
|
|
574
|
+
declare const ColorPickerHue: ({ className, ...props }: ColorPickerHueProps) => react.JSX.Element;
|
|
584
575
|
type ColorPickerAlphaProps = ComponentProps<typeof Slider$1.Root>;
|
|
585
|
-
declare const ColorPickerAlpha: ({ className, ...props }: ColorPickerAlphaProps) =>
|
|
576
|
+
declare const ColorPickerAlpha: ({ className, ...props }: ColorPickerAlphaProps) => react.JSX.Element;
|
|
586
577
|
type ColorPickerEyeDropperProps = ComponentProps<typeof Button>;
|
|
587
|
-
declare const ColorPickerEyeDropper: ({ className, ...props }: ColorPickerEyeDropperProps) =>
|
|
578
|
+
declare const ColorPickerEyeDropper: ({ className, ...props }: ColorPickerEyeDropperProps) => react.JSX.Element;
|
|
588
579
|
type ColorPickerOutputProps = ComponentProps<typeof SelectTrigger>;
|
|
589
|
-
declare const ColorPickerOutput: ({ ...props }: ColorPickerOutputProps) =>
|
|
580
|
+
declare const ColorPickerOutput: ({ ...props }: ColorPickerOutputProps) => react.JSX.Element;
|
|
590
581
|
type ColorPickerFormatProps = HTMLAttributes<HTMLDivElement>;
|
|
591
|
-
declare const ColorPickerFormat: ({ className, ...props }: ColorPickerFormatProps) =>
|
|
582
|
+
declare const ColorPickerFormat: ({ className, ...props }: ColorPickerFormatProps) => react.JSX.Element | null;
|
|
592
583
|
type ColorPickerPresetsProps = HTMLAttributes<HTMLDivElement> & {
|
|
593
584
|
colors: string[];
|
|
594
585
|
};
|
|
595
586
|
declare const ColorPickerPresets: {
|
|
596
|
-
({ colors, className, ...props }: ColorPickerPresetsProps):
|
|
587
|
+
({ colors, className, ...props }: ColorPickerPresetsProps): react.JSX.Element;
|
|
597
588
|
displayName: string;
|
|
598
589
|
};
|
|
599
590
|
|
|
@@ -627,7 +618,7 @@ interface DatePickerProps {
|
|
|
627
618
|
fromDate?: Date;
|
|
628
619
|
toDate?: Date;
|
|
629
620
|
}
|
|
630
|
-
declare function DatePicker({ mode, selected, onSelect, placeholder, disabled, className, fromDate, toDate, }: DatePickerProps):
|
|
621
|
+
declare function DatePicker({ mode, selected, onSelect, placeholder, disabled, className, fromDate, toDate, }: DatePickerProps): react.JSX.Element;
|
|
631
622
|
|
|
632
623
|
interface NavbarDropdownItem {
|
|
633
624
|
href: string;
|
|
@@ -662,13 +653,14 @@ interface NavbarProps extends HTMLAttributes<HTMLElement> {
|
|
|
662
653
|
notifications?: NavbarNotification[];
|
|
663
654
|
avatarSrc?: string;
|
|
664
655
|
avatarFallback?: string;
|
|
656
|
+
showUtilityBar?: boolean;
|
|
665
657
|
onNavLinkClick?: (href: string) => void;
|
|
666
658
|
onSearchClick?: () => void;
|
|
667
659
|
onHelpClick?: () => void;
|
|
668
660
|
onAvatarClick?: () => void;
|
|
669
661
|
onNotificationClick?: (id: string) => void;
|
|
670
662
|
}
|
|
671
|
-
declare const Logo: (props: SVGAttributes<SVGElement>) =>
|
|
663
|
+
declare const Logo: (props: SVGAttributes<SVGElement>) => react.JSX.Element;
|
|
672
664
|
/**
|
|
673
665
|
* @remarks
|
|
674
666
|
* Navigation dropdowns use `absolute` positioning without a Portal. If this
|
|
@@ -679,33 +671,82 @@ declare const Navbar: react.ForwardRefExoticComponent<NavbarProps & react.RefAtt
|
|
|
679
671
|
|
|
680
672
|
declare function NavigationMenu({ className, children, viewport, ...props }: ComponentProps<typeof NavigationMenu$1.Root> & {
|
|
681
673
|
viewport?: boolean;
|
|
682
|
-
}):
|
|
683
|
-
declare function NavigationMenuList({ className, ...props }: ComponentProps<typeof NavigationMenu$1.List>):
|
|
684
|
-
declare function NavigationMenuItem({ className, ...props }: ComponentProps<typeof NavigationMenu$1.Item>):
|
|
674
|
+
}): react.JSX.Element;
|
|
675
|
+
declare function NavigationMenuList({ className, ...props }: ComponentProps<typeof NavigationMenu$1.List>): react.JSX.Element;
|
|
676
|
+
declare function NavigationMenuItem({ className, ...props }: ComponentProps<typeof NavigationMenu$1.Item>): react.JSX.Element;
|
|
685
677
|
declare const navigationMenuTriggerStyle: (props?: class_variance_authority_types.ClassProp | undefined) => string;
|
|
686
|
-
declare function NavigationMenuTrigger({ className, children, ...props }: ComponentProps<typeof NavigationMenu$1.Trigger>):
|
|
687
|
-
declare function NavigationMenuContent({ className, ...props }: ComponentProps<typeof NavigationMenu$1.Content>):
|
|
688
|
-
declare function NavigationMenuViewport({ className, ...props }: ComponentProps<typeof NavigationMenu$1.Viewport>):
|
|
689
|
-
declare function NavigationMenuLink({ className, ...props }: ComponentProps<typeof NavigationMenu$1.Link>):
|
|
690
|
-
declare function NavigationMenuIndicator({ className, ...props }: ComponentProps<typeof NavigationMenu$1.Indicator>):
|
|
691
|
-
|
|
692
|
-
|
|
678
|
+
declare function NavigationMenuTrigger({ className, children, ...props }: ComponentProps<typeof NavigationMenu$1.Trigger>): react.JSX.Element;
|
|
679
|
+
declare function NavigationMenuContent({ className, ...props }: ComponentProps<typeof NavigationMenu$1.Content>): react.JSX.Element;
|
|
680
|
+
declare function NavigationMenuViewport({ className, ...props }: ComponentProps<typeof NavigationMenu$1.Viewport>): react.JSX.Element;
|
|
681
|
+
declare function NavigationMenuLink({ className, ...props }: ComponentProps<typeof NavigationMenu$1.Link>): react.JSX.Element;
|
|
682
|
+
declare function NavigationMenuIndicator({ className, ...props }: ComponentProps<typeof NavigationMenu$1.Indicator>): react.JSX.Element;
|
|
683
|
+
|
|
684
|
+
type SidebarContextProps = {
|
|
685
|
+
state: 'expanded' | 'collapsed';
|
|
686
|
+
open: boolean;
|
|
687
|
+
setOpen: (open: boolean) => void;
|
|
688
|
+
openMobile: boolean;
|
|
689
|
+
setOpenMobile: (open: boolean) => void;
|
|
690
|
+
isMobile: boolean;
|
|
691
|
+
toggleSidebar: () => void;
|
|
692
|
+
};
|
|
693
|
+
declare function useSidebar(): SidebarContextProps;
|
|
694
|
+
declare function SidebarProvider({ defaultOpen, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }: ComponentProps<'div'> & {
|
|
693
695
|
defaultOpen?: boolean;
|
|
694
696
|
open?: boolean;
|
|
695
697
|
onOpenChange?: (open: boolean) => void;
|
|
696
|
-
}
|
|
697
|
-
declare
|
|
698
|
-
|
|
699
|
-
variant?:
|
|
700
|
-
|
|
701
|
-
}
|
|
698
|
+
}): react.JSX.Element;
|
|
699
|
+
declare function Sidebar({ side, variant, collapsible, className, children, dir, ...props }: ComponentProps<'div'> & {
|
|
700
|
+
side?: 'left' | 'right';
|
|
701
|
+
variant?: 'sidebar' | 'floating' | 'inset';
|
|
702
|
+
collapsible?: 'offcanvas' | 'icon' | 'none';
|
|
703
|
+
}): react.JSX.Element;
|
|
704
|
+
declare function SidebarTrigger({ className, onClick, ...props }: ComponentProps<typeof Button$1>): react.JSX.Element;
|
|
705
|
+
declare function SidebarRail({ className, ...props }: ComponentProps<'button'>): react.JSX.Element;
|
|
706
|
+
declare function SidebarInset({ className, ...props }: ComponentProps<'main'>): react.JSX.Element;
|
|
707
|
+
declare function SidebarInput({ className, ...props }: ComponentProps<typeof Input>): react.JSX.Element;
|
|
708
|
+
declare function SidebarHeader({ className, ...props }: ComponentProps<'div'>): react.JSX.Element;
|
|
709
|
+
declare function SidebarFooter({ className, ...props }: ComponentProps<'div'>): react.JSX.Element;
|
|
710
|
+
declare function SidebarSeparator({ className, ...props }: ComponentProps<typeof Separator>): react.JSX.Element;
|
|
711
|
+
declare function SidebarContent({ className, ...props }: ComponentProps<'div'>): react.JSX.Element;
|
|
712
|
+
declare function SidebarGroup({ className, ...props }: ComponentProps<'div'>): react.JSX.Element;
|
|
713
|
+
declare function SidebarGroupLabel({ className, asChild, ...props }: ComponentProps<'div'> & {
|
|
702
714
|
asChild?: boolean;
|
|
703
|
-
|
|
704
|
-
|
|
715
|
+
}): react.JSX.Element;
|
|
716
|
+
declare function SidebarGroupAction({ className, asChild, ...props }: ComponentProps<'button'> & {
|
|
717
|
+
asChild?: boolean;
|
|
718
|
+
}): react.JSX.Element;
|
|
719
|
+
declare function SidebarGroupContent({ className, ...props }: ComponentProps<'div'>): react.JSX.Element;
|
|
720
|
+
declare function SidebarMenu({ className, ...props }: ComponentProps<'ul'>): react.JSX.Element;
|
|
721
|
+
declare function SidebarMenuItem({ className, ...props }: ComponentProps<'li'>): react.JSX.Element;
|
|
722
|
+
declare const sidebarMenuButtonVariants: (props?: ({
|
|
723
|
+
variant?: "default" | "outline" | null | undefined;
|
|
724
|
+
size?: "default" | "sm" | "lg" | null | undefined;
|
|
725
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
726
|
+
declare function SidebarMenuButton({ asChild, isActive, variant, size, tooltip, className, ...props }: ComponentProps<'button'> & {
|
|
727
|
+
asChild?: boolean;
|
|
728
|
+
isActive?: boolean;
|
|
729
|
+
tooltip?: string | ComponentProps<typeof TooltipContent>;
|
|
730
|
+
} & VariantProps<typeof sidebarMenuButtonVariants>): react.JSX.Element;
|
|
731
|
+
declare function SidebarMenuAction({ className, asChild, showOnHover, ...props }: ComponentProps<'button'> & {
|
|
732
|
+
asChild?: boolean;
|
|
733
|
+
showOnHover?: boolean;
|
|
734
|
+
}): react.JSX.Element;
|
|
735
|
+
declare function SidebarMenuBadge({ className, ...props }: ComponentProps<'div'>): react.JSX.Element;
|
|
736
|
+
declare function SidebarMenuSkeleton({ className, showIcon, ...props }: ComponentProps<'div'> & {
|
|
737
|
+
showIcon?: boolean;
|
|
738
|
+
}): react.JSX.Element;
|
|
739
|
+
declare function SidebarMenuSub({ className, ...props }: ComponentProps<'ul'>): react.JSX.Element;
|
|
740
|
+
declare function SidebarMenuSubItem({ className, ...props }: ComponentProps<'li'>): react.JSX.Element;
|
|
741
|
+
declare function SidebarMenuSubButton({ asChild, size, isActive, className, ...props }: ComponentProps<'a'> & {
|
|
742
|
+
asChild?: boolean;
|
|
743
|
+
size?: 'sm' | 'md';
|
|
744
|
+
isActive?: boolean;
|
|
745
|
+
}): react.JSX.Element;
|
|
705
746
|
|
|
706
747
|
interface AppShellItem {
|
|
707
748
|
label: string;
|
|
708
|
-
icon?:
|
|
749
|
+
icon?: ReactNode;
|
|
709
750
|
active?: boolean;
|
|
710
751
|
onClick?: () => void;
|
|
711
752
|
permission?: string | string[];
|
|
@@ -717,20 +758,25 @@ interface AppShellProps {
|
|
|
717
758
|
onItemClick?: (label: string) => void;
|
|
718
759
|
brandName?: string;
|
|
719
760
|
showHeader?: boolean;
|
|
761
|
+
header?: ReactNode;
|
|
762
|
+
open?: boolean;
|
|
763
|
+
onOpenChange?: (open: boolean) => void;
|
|
764
|
+
defaultOpen?: boolean;
|
|
720
765
|
className?: string;
|
|
721
766
|
mainClassName?: string;
|
|
722
|
-
children?:
|
|
767
|
+
children?: ReactNode;
|
|
723
768
|
}
|
|
724
769
|
/**
|
|
725
|
-
*
|
|
726
|
-
* Internally wraps SidebarProvider (shadcn), which imposes `min-h-svh` on the root.
|
|
727
|
-
* This component overrides it with `min-h-0`.
|
|
770
|
+
* Full-page application shell with a collapsible sidebar.
|
|
728
771
|
*
|
|
729
|
-
*
|
|
772
|
+
* @remarks
|
|
773
|
+
* The wrapper is always `h-dvh overflow-hidden` so it fills the dynamic viewport
|
|
774
|
+
* regardless of the parent's height. The inner `<main>` handles its own scroll.
|
|
775
|
+
* Use `mainClassName` to customise padding, background, or scroll behaviour.
|
|
730
776
|
*/
|
|
731
|
-
declare function AppShell({ items, activeItem, onItemClick, brandName, showHeader, className, mainClassName, children, }: AppShellProps):
|
|
777
|
+
declare function AppShell({ items, activeItem, onItemClick, brandName, showHeader, header, open, onOpenChange, defaultOpen, className, mainClassName, children, }: AppShellProps): react.JSX.Element;
|
|
732
778
|
|
|
733
|
-
declare function Textarea({ className, ...props }: ComponentProps<'textarea'>):
|
|
779
|
+
declare function Textarea({ className, ...props }: ComponentProps<'textarea'>): react.JSX.Element;
|
|
734
780
|
|
|
735
781
|
interface CalendarEvent {
|
|
736
782
|
id: string | number;
|
|
@@ -775,7 +821,7 @@ interface EventCalendarProps {
|
|
|
775
821
|
className?: string;
|
|
776
822
|
}
|
|
777
823
|
|
|
778
|
-
declare function EventCalendar({ events, defaultView, onViewChange, defaultDate, onEventClick, onEventCreate, locale, className, }: EventCalendarProps):
|
|
824
|
+
declare function EventCalendar({ events, defaultView, onViewChange, defaultDate, onEventClick, onEventCreate, locale, className, }: EventCalendarProps): react.JSX.Element;
|
|
779
825
|
|
|
780
826
|
declare const duration: {
|
|
781
827
|
readonly instant: 0.1;
|
|
@@ -1147,16 +1193,16 @@ declare function Table({ className, containerClassName, ...props }: ComponentPro
|
|
|
1147
1193
|
* a nested scroll container would otherwise trap `position: sticky` cells.
|
|
1148
1194
|
*/
|
|
1149
1195
|
containerClassName?: string;
|
|
1150
|
-
}):
|
|
1151
|
-
declare function TableHeader({ className, ...props }: ComponentProps<'thead'>):
|
|
1152
|
-
declare function TableBody({ className, ...props }: ComponentProps<'tbody'>):
|
|
1153
|
-
declare function TableFooter({ className, ...props }: ComponentProps<'tfoot'>):
|
|
1154
|
-
declare function TableRow({ className, ...props }: ComponentProps<'tr'>):
|
|
1155
|
-
declare function TableHead({ className, ...props }: ComponentProps<'th'>):
|
|
1156
|
-
declare function TableCell({ className, ...props }: ComponentProps<'td'>):
|
|
1157
|
-
declare function TableCaption({ className, ...props }: ComponentProps<'caption'>):
|
|
1196
|
+
}): react.JSX.Element;
|
|
1197
|
+
declare function TableHeader({ className, ...props }: ComponentProps<'thead'>): react.JSX.Element;
|
|
1198
|
+
declare function TableBody({ className, ...props }: ComponentProps<'tbody'>): react.JSX.Element;
|
|
1199
|
+
declare function TableFooter({ className, ...props }: ComponentProps<'tfoot'>): react.JSX.Element;
|
|
1200
|
+
declare function TableRow({ className, ...props }: ComponentProps<'tr'>): react.JSX.Element;
|
|
1201
|
+
declare function TableHead({ className, ...props }: ComponentProps<'th'>): react.JSX.Element;
|
|
1202
|
+
declare function TableCell({ className, ...props }: ComponentProps<'td'>): react.JSX.Element;
|
|
1203
|
+
declare function TableCaption({ className, ...props }: ComponentProps<'caption'>): react.JSX.Element;
|
|
1158
1204
|
|
|
1159
|
-
declare function Checkbox({ className, checked, ...props }: ComponentProps<typeof Checkbox$1.Root>):
|
|
1205
|
+
declare function Checkbox({ className, checked, ...props }: ComponentProps<typeof Checkbox$1.Root>): react.JSX.Element;
|
|
1160
1206
|
|
|
1161
1207
|
type TableCellSize = 'sm' | 'md' | 'lg';
|
|
1162
1208
|
type TableVariant = 'default' | 'striped';
|
|
@@ -1281,26 +1327,26 @@ interface TablePaginationProps {
|
|
|
1281
1327
|
onPerPageChange: (newPerPage: number) => void;
|
|
1282
1328
|
}
|
|
1283
1329
|
|
|
1284
|
-
declare function Pagination({ className, ...props }: ComponentProps<'nav'>):
|
|
1285
|
-
declare function PaginationContent({ className, ...props }: ComponentProps<'ul'>):
|
|
1286
|
-
declare function PaginationItem({ ...props }: ComponentProps<'li'>):
|
|
1330
|
+
declare function Pagination({ className, ...props }: ComponentProps<'nav'>): react.JSX.Element;
|
|
1331
|
+
declare function PaginationContent({ className, ...props }: ComponentProps<'ul'>): react.JSX.Element;
|
|
1332
|
+
declare function PaginationItem({ ...props }: ComponentProps<'li'>): react.JSX.Element;
|
|
1287
1333
|
type PaginationLinkProps = {
|
|
1288
1334
|
isActive?: boolean;
|
|
1289
1335
|
} & Pick<ComponentProps<typeof Button$1>, 'size'> & ComponentProps<'a'>;
|
|
1290
|
-
declare function PaginationLink({ className, isActive, size, ...props }: PaginationLinkProps):
|
|
1336
|
+
declare function PaginationLink({ className, isActive, size, ...props }: PaginationLinkProps): react.JSX.Element;
|
|
1291
1337
|
declare function PaginationPrevious({ className, text, ...props }: ComponentProps<typeof PaginationLink> & {
|
|
1292
1338
|
text?: string;
|
|
1293
|
-
}):
|
|
1339
|
+
}): react.JSX.Element;
|
|
1294
1340
|
declare function PaginationNext({ className, text, ...props }: ComponentProps<typeof PaginationLink> & {
|
|
1295
1341
|
text?: string;
|
|
1296
|
-
}):
|
|
1297
|
-
declare function PaginationEllipsis({ className, ...props }: ComponentProps<'span'>):
|
|
1298
|
-
declare function TablePaginationBase({ page, totalPages, perPage, totalRecords, rowsPerPageOptions, onPageChange, onPerPageChange, }: TablePaginationProps):
|
|
1342
|
+
}): react.JSX.Element;
|
|
1343
|
+
declare function PaginationEllipsis({ className, ...props }: ComponentProps<'span'>): react.JSX.Element;
|
|
1344
|
+
declare function TablePaginationBase({ page, totalPages, perPage, totalRecords, rowsPerPageOptions, onPageChange, onPerPageChange, }: TablePaginationProps): react.JSX.Element;
|
|
1299
1345
|
declare const TablePagination: react.MemoExoticComponent<typeof TablePaginationBase>;
|
|
1300
1346
|
|
|
1301
1347
|
declare function useTableContext<T = unknown>(): TableContextType<T>;
|
|
1302
1348
|
|
|
1303
|
-
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>):
|
|
1349
|
+
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;
|
|
1304
1350
|
|
|
1305
1351
|
interface FilterOptionProps {
|
|
1306
1352
|
value: string;
|
|
@@ -1316,19 +1362,19 @@ interface DataTableColumnFilterProps {
|
|
|
1316
1362
|
/** Human-readable column name used to build accessible labels. */
|
|
1317
1363
|
columnLabel?: string;
|
|
1318
1364
|
}
|
|
1319
|
-
declare function DataTableColumnFilter({ options, selectedValues, onChange, searchPlaceholder, columnLabel, }: DataTableColumnFilterProps):
|
|
1365
|
+
declare function DataTableColumnFilter({ options, selectedValues, onChange, searchPlaceholder, columnLabel, }: DataTableColumnFilterProps): react.JSX.Element;
|
|
1320
1366
|
|
|
1321
1367
|
interface DataTableSkeletonProps {
|
|
1322
1368
|
columnCount: number;
|
|
1323
1369
|
rowCount?: number;
|
|
1324
1370
|
size?: TableCellSize;
|
|
1325
1371
|
}
|
|
1326
|
-
declare function DataTableSkeleton({ columnCount, rowCount, size }: DataTableSkeletonProps):
|
|
1372
|
+
declare function DataTableSkeleton({ columnCount, rowCount, size }: DataTableSkeletonProps): react.JSX.Element;
|
|
1327
1373
|
|
|
1328
1374
|
interface DataTableHeaderCellProps<T> {
|
|
1329
1375
|
header: Header<T, unknown>;
|
|
1330
1376
|
}
|
|
1331
|
-
declare function DataTableHeaderCell<T>({ header }: DataTableHeaderCellProps<T>):
|
|
1377
|
+
declare function DataTableHeaderCell<T>({ header }: DataTableHeaderCellProps<T>): react.JSX.Element;
|
|
1332
1378
|
|
|
1333
1379
|
interface UseTableSortingProps {
|
|
1334
1380
|
/**
|
|
@@ -1711,7 +1757,7 @@ interface DataTableRowActionsProps<T> {
|
|
|
1711
1757
|
/** Screen-reader label for the trigger button. Default: "Open actions" */
|
|
1712
1758
|
label?: string;
|
|
1713
1759
|
}
|
|
1714
|
-
declare function DataTableRowActions<T>({ row, actions, label, }: DataTableRowActionsProps<T>):
|
|
1760
|
+
declare function DataTableRowActions<T>({ row, actions, label, }: DataTableRowActionsProps<T>): react.JSX.Element;
|
|
1715
1761
|
|
|
1716
1762
|
interface DataTableFooterProps {
|
|
1717
1763
|
pagination: TablePaginationProps;
|
|
@@ -1719,7 +1765,7 @@ interface DataTableFooterProps {
|
|
|
1719
1765
|
selectedCount?: number;
|
|
1720
1766
|
className?: string;
|
|
1721
1767
|
}
|
|
1722
|
-
declare function DataTableFooter({ pagination, selectedCount, className }: DataTableFooterProps):
|
|
1768
|
+
declare function DataTableFooter({ pagination, selectedCount, className }: DataTableFooterProps): react.JSX.Element;
|
|
1723
1769
|
|
|
1724
1770
|
interface DataTableCardViewProps<T> {
|
|
1725
1771
|
rows: Row<T>[];
|
|
@@ -1731,7 +1777,7 @@ interface DataTableCardViewProps<T> {
|
|
|
1731
1777
|
skeletonRowCount?: number;
|
|
1732
1778
|
emptyState?: ReactNode;
|
|
1733
1779
|
}
|
|
1734
|
-
declare function DataTableCardView<T>({ rows, columns, size, variant, onRowClick, isLoading, skeletonRowCount, emptyState, }: DataTableCardViewProps<T>):
|
|
1780
|
+
declare function DataTableCardView<T>({ rows, columns, size, variant, onRowClick, isLoading, skeletonRowCount, emptyState, }: DataTableCardViewProps<T>): react.JSX.Element;
|
|
1735
1781
|
|
|
1736
1782
|
interface DataTableToolbarProps<T> {
|
|
1737
1783
|
/** TanStack Table instance. Optional when toolbar is rendered inside DataTable's toolbar prop (context available). */
|
|
@@ -1751,7 +1797,7 @@ interface DataTableToolbarProps<T> {
|
|
|
1751
1797
|
*/
|
|
1752
1798
|
columnFilters?: ColumnFiltersState;
|
|
1753
1799
|
}
|
|
1754
|
-
declare function DataTableToolbar<T>({ table: tableProp, leading, trailing, className, hideColumnsToggle, hideDensityToggle, columnFilters: columnFiltersProp, }: DataTableToolbarProps<T>):
|
|
1800
|
+
declare function DataTableToolbar<T>({ table: tableProp, leading, trailing, className, hideColumnsToggle, hideDensityToggle, columnFilters: columnFiltersProp, }: DataTableToolbarProps<T>): react.JSX.Element;
|
|
1755
1801
|
|
|
1756
1802
|
interface DataTableSearchProps {
|
|
1757
1803
|
placeholder?: string;
|
|
@@ -1759,7 +1805,7 @@ interface DataTableSearchProps {
|
|
|
1759
1805
|
/** Debounce delay in ms before committing to context. Default: 300 */
|
|
1760
1806
|
debounce?: number;
|
|
1761
1807
|
}
|
|
1762
|
-
declare function DataTableSearch({ placeholder, className, debounce, }: DataTableSearchProps):
|
|
1808
|
+
declare function DataTableSearch({ placeholder, className, debounce, }: DataTableSearchProps): react.JSX.Element;
|
|
1763
1809
|
|
|
1764
1810
|
interface UseTableGlobalFilterProps {
|
|
1765
1811
|
/**
|
|
@@ -1941,12 +1987,12 @@ interface CanProps {
|
|
|
1941
1987
|
}
|
|
1942
1988
|
type CanNotProps = Omit<CanProps, 'negate'>;
|
|
1943
1989
|
/** Renders children when the user has the required permission(s). Requires `AbilityProvider` in the tree. */
|
|
1944
|
-
declare function Can({ permission, mode, negate, fallback, children }: CanProps):
|
|
1990
|
+
declare function Can({ permission, mode, negate, fallback, children }: CanProps): react.JSX.Element;
|
|
1945
1991
|
declare namespace Can {
|
|
1946
1992
|
var displayName: string;
|
|
1947
1993
|
}
|
|
1948
1994
|
/** Renders children when the user does NOT have the required permission(s). Alias for `<Can negate />`. Requires `AbilityProvider` in the tree. */
|
|
1949
|
-
declare function CanNot({ permission, mode, fallback, children }: CanNotProps):
|
|
1995
|
+
declare function CanNot({ permission, mode, fallback, children }: CanNotProps): react.JSX.Element;
|
|
1950
1996
|
declare namespace CanNot {
|
|
1951
1997
|
var displayName: string;
|
|
1952
1998
|
}
|
|
@@ -1965,16 +2011,54 @@ interface AbilityProviderProps {
|
|
|
1965
2011
|
* @param permission - the permission being requested (from `Can.perform`)
|
|
1966
2012
|
*/
|
|
1967
2013
|
declare function matchPermission(pattern: string, permission: string): boolean;
|
|
1968
|
-
declare function AbilityProvider({ children, permissions }: AbilityProviderProps):
|
|
2014
|
+
declare function AbilityProvider({ children, permissions }: AbilityProviderProps): react.JSX.Element;
|
|
1969
2015
|
declare function useAbility(): AbilityContextValue;
|
|
1970
2016
|
declare function useCan(permissions: string | string[], mode?: 'any' | 'all'): boolean;
|
|
1971
2017
|
|
|
2018
|
+
declare function Sheet({ ...props }: react.ComponentProps<typeof Dialog$1.Root>): react.JSX.Element;
|
|
2019
|
+
declare function SheetTrigger({ ...props }: react.ComponentProps<typeof Dialog$1.Trigger>): react.JSX.Element;
|
|
2020
|
+
declare function SheetClose({ ...props }: react.ComponentProps<typeof Dialog$1.Close>): react.JSX.Element;
|
|
2021
|
+
declare function SheetContent({ className, children, side, showCloseButton, ...props }: react.ComponentProps<typeof Dialog$1.Content> & {
|
|
2022
|
+
side?: 'top' | 'right' | 'bottom' | 'left';
|
|
2023
|
+
showCloseButton?: boolean;
|
|
2024
|
+
}): react.JSX.Element;
|
|
2025
|
+
declare function SheetHeader({ className, ...props }: react.ComponentProps<'div'>): react.JSX.Element;
|
|
2026
|
+
declare function SheetFooter({ className, ...props }: react.ComponentProps<'div'>): react.JSX.Element;
|
|
2027
|
+
declare function SheetTitle({ className, ...props }: react.ComponentProps<typeof Dialog$1.Title>): react.JSX.Element;
|
|
2028
|
+
declare function SheetDescription({ className, ...props }: react.ComponentProps<typeof Dialog$1.Description>): react.JSX.Element;
|
|
2029
|
+
|
|
2030
|
+
declare function Drawer({ children, open, onOpenChange, ...props }: ComponentProps<typeof Dialog$1.Root>): react.JSX.Element;
|
|
2031
|
+
declare function DrawerTrigger({ ...props }: ComponentProps<typeof Dialog$1.Trigger>): react.JSX.Element;
|
|
2032
|
+
declare function DrawerClose({ ...props }: ComponentProps<typeof Dialog$1.Close>): react.JSX.Element;
|
|
2033
|
+
declare function DrawerPortal({ children, ...props }: ComponentProps<typeof Dialog$1.Portal>): react.JSX.Element;
|
|
2034
|
+
declare function DrawerOverlay({ className, ...props }: ComponentProps<typeof Dialog$1.Overlay>): react.JSX.Element;
|
|
2035
|
+
declare const sizeClasses: {
|
|
2036
|
+
readonly sm: "w-64";
|
|
2037
|
+
readonly md: "w-80";
|
|
2038
|
+
readonly lg: "w-96";
|
|
2039
|
+
readonly xl: "w-[30rem]";
|
|
2040
|
+
readonly full: "w-screen";
|
|
2041
|
+
};
|
|
2042
|
+
type DrawerSide = 'left' | 'right' | 'top' | 'bottom';
|
|
2043
|
+
type DrawerSize = keyof typeof sizeClasses;
|
|
2044
|
+
declare function DrawerContent({ className, children, side, size, showCloseButton, resizable, ...props }: ComponentProps<typeof Dialog$1.Content> & {
|
|
2045
|
+
side?: DrawerSide;
|
|
2046
|
+
size?: DrawerSize;
|
|
2047
|
+
showCloseButton?: boolean;
|
|
2048
|
+
resizable?: boolean;
|
|
2049
|
+
}): react.JSX.Element;
|
|
2050
|
+
declare function DrawerHeader({ className, ...props }: ComponentProps<'div'>): react.JSX.Element;
|
|
2051
|
+
declare function DrawerBody({ className, ...props }: ComponentProps<'div'>): react.JSX.Element;
|
|
2052
|
+
declare function DrawerFooter({ className, ...props }: ComponentProps<'div'>): react.JSX.Element;
|
|
2053
|
+
declare function DrawerTitle({ className, ...props }: ComponentProps<typeof Dialog$1.Title>): react.JSX.Element;
|
|
2054
|
+
declare function DrawerDescription({ className, ...props }: ComponentProps<typeof Dialog$1.Description>): react.JSX.Element;
|
|
2055
|
+
|
|
1972
2056
|
interface TCCEProviderProps {
|
|
1973
2057
|
children: ReactNode;
|
|
1974
2058
|
permissions?: string[];
|
|
1975
2059
|
toasterPosition?: ToasterPosition;
|
|
1976
2060
|
tooltipDelayDuration?: number;
|
|
1977
2061
|
}
|
|
1978
|
-
declare function TCCEProvider({ children, permissions, toasterPosition, tooltipDelayDuration, }: TCCEProviderProps):
|
|
2062
|
+
declare function TCCEProvider({ children, permissions, toasterPosition, tooltipDelayDuration, }: TCCEProviderProps): react.JSX.Element;
|
|
1979
2063
|
|
|
1980
|
-
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, AppShell, type AppShellItem, type AppShellProps, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button$1 as Button,
|
|
2064
|
+
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, AppShell, type AppShellItem, type AppShellProps, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button$1 as Button, 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, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, type DrawerSide, type DrawerSize, DrawerTitle, DrawerTrigger, 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, Label, 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, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, 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, useSidebar, useTableContext, useTableData, useTableFiltering, useTableGlobalFilter, useTableSizing, useTableSorting, useTableVisibility, useToast };
|