@facter/ds-core 1.1.3 → 1.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.mts +1050 -19
- package/dist/index.d.ts +1050 -19
- package/dist/index.js +3137 -228
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +3060 -231
- package/dist/index.mjs.map +1 -1
- package/dist/themes/index.d.mts +17 -1
- package/dist/themes/index.d.ts +17 -1
- package/dist/themes/index.js +14 -3
- package/dist/themes/index.js.map +1 -1
- package/dist/themes/index.mjs +14 -3
- package/dist/themes/index.mjs.map +1 -1
- package/package.json +23 -16
- package/src/themes/default.css +59 -0
package/dist/index.d.ts
CHANGED
|
@@ -1,19 +1,26 @@
|
|
|
1
1
|
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
2
2
|
import * as React$1 from 'react';
|
|
3
|
+
import { ReactNode, ComponentType } from 'react';
|
|
3
4
|
import { VariantProps } from 'class-variance-authority';
|
|
4
5
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
5
6
|
import * as SelectPrimitive from '@radix-ui/react-select';
|
|
6
7
|
import * as TabsPrimitive from '@radix-ui/react-tabs';
|
|
7
8
|
import * as _tanstack_react_table from '@tanstack/react-table';
|
|
8
9
|
import { ColumnDef, Column, SortingState, ColumnFiltersState, VisibilityState, RowSelectionState, PaginationState, Table as Table$1 } from '@tanstack/react-table';
|
|
9
|
-
export { flexRender } from '@tanstack/react-table';
|
|
10
|
+
export { ColumnDef, flexRender } from '@tanstack/react-table';
|
|
10
11
|
import * as DialogPrimitive from '@radix-ui/react-dialog';
|
|
11
|
-
import { Toaster as Toaster$1 } from 'sonner';
|
|
12
|
+
import { Toaster as Toaster$1, toast as toast$1 } from 'sonner';
|
|
12
13
|
import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
|
|
13
14
|
import * as SwitchPrimitives from '@radix-ui/react-switch';
|
|
14
|
-
import { FieldValues, FieldPath, UseFormReturn, SubmitHandler, SubmitErrorHandler } from 'react-hook-form';
|
|
15
|
+
import { FieldValues, FieldPath, UseFormReturn, SubmitHandler, SubmitErrorHandler, Path } from 'react-hook-form';
|
|
16
|
+
import * as AvatarPrimitive from '@radix-ui/react-avatar';
|
|
17
|
+
import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
|
|
18
|
+
import * as PopoverPrimitive from '@radix-ui/react-popover';
|
|
15
19
|
import { LucideIcon } from 'lucide-react';
|
|
20
|
+
import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
|
|
21
|
+
import * as SeparatorPrimitive from '@radix-ui/react-separator';
|
|
16
22
|
import { ClassValue } from 'clsx';
|
|
23
|
+
export { FACTER_THEMES, FacterTheme, THEME_INFO } from './themes/index.js';
|
|
17
24
|
|
|
18
25
|
declare const buttonVariants: (props?: ({
|
|
19
26
|
variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
|
|
@@ -24,6 +31,43 @@ interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, V
|
|
|
24
31
|
}
|
|
25
32
|
declare const Button: React$1.ForwardRefExoticComponent<ButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
26
33
|
|
|
34
|
+
interface CardProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
35
|
+
}
|
|
36
|
+
declare function Card({ className, ...props }: CardProps): react_jsx_runtime.JSX.Element;
|
|
37
|
+
declare namespace Card {
|
|
38
|
+
var displayName: string;
|
|
39
|
+
}
|
|
40
|
+
interface CardHeaderProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
41
|
+
}
|
|
42
|
+
declare function CardHeader({ className, ...props }: CardHeaderProps): react_jsx_runtime.JSX.Element;
|
|
43
|
+
declare namespace CardHeader {
|
|
44
|
+
var displayName: string;
|
|
45
|
+
}
|
|
46
|
+
interface CardTitleProps extends React$1.HTMLAttributes<HTMLHeadingElement> {
|
|
47
|
+
}
|
|
48
|
+
declare function CardTitle({ className, ...props }: CardTitleProps): react_jsx_runtime.JSX.Element;
|
|
49
|
+
declare namespace CardTitle {
|
|
50
|
+
var displayName: string;
|
|
51
|
+
}
|
|
52
|
+
interface CardDescriptionProps extends React$1.HTMLAttributes<HTMLParagraphElement> {
|
|
53
|
+
}
|
|
54
|
+
declare function CardDescription({ className, ...props }: CardDescriptionProps): react_jsx_runtime.JSX.Element;
|
|
55
|
+
declare namespace CardDescription {
|
|
56
|
+
var displayName: string;
|
|
57
|
+
}
|
|
58
|
+
interface CardContentProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
59
|
+
}
|
|
60
|
+
declare function CardContent({ className, ...props }: CardContentProps): react_jsx_runtime.JSX.Element;
|
|
61
|
+
declare namespace CardContent {
|
|
62
|
+
var displayName: string;
|
|
63
|
+
}
|
|
64
|
+
interface CardFooterProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
65
|
+
}
|
|
66
|
+
declare function CardFooter({ className, ...props }: CardFooterProps): react_jsx_runtime.JSX.Element;
|
|
67
|
+
declare namespace CardFooter {
|
|
68
|
+
var displayName: string;
|
|
69
|
+
}
|
|
70
|
+
|
|
27
71
|
declare const inputVariants: (props?: ({
|
|
28
72
|
variant?: "default" | "error" | null | undefined;
|
|
29
73
|
inputSize?: "default" | "sm" | "lg" | null | undefined;
|
|
@@ -48,6 +92,119 @@ declare namespace Badge {
|
|
|
48
92
|
var displayName: string;
|
|
49
93
|
}
|
|
50
94
|
|
|
95
|
+
type SparklineColor = 'chart-1' | 'chart-2' | 'chart-3' | 'chart-4' | 'chart-5';
|
|
96
|
+
type BigNumberCardSize = 'default' | 'sm' | 'lg';
|
|
97
|
+
interface BigNumberCardRootProps {
|
|
98
|
+
children: React$1.ReactNode;
|
|
99
|
+
className?: string;
|
|
100
|
+
size?: BigNumberCardSize;
|
|
101
|
+
}
|
|
102
|
+
interface BigNumberCardHeaderProps {
|
|
103
|
+
children: React$1.ReactNode;
|
|
104
|
+
className?: string;
|
|
105
|
+
}
|
|
106
|
+
interface BigNumberCardTitleProps {
|
|
107
|
+
children: React$1.ReactNode;
|
|
108
|
+
className?: string;
|
|
109
|
+
}
|
|
110
|
+
interface BigNumberCardLinkProps {
|
|
111
|
+
children: React$1.ReactNode;
|
|
112
|
+
href?: string;
|
|
113
|
+
onClick?: () => void;
|
|
114
|
+
className?: string;
|
|
115
|
+
}
|
|
116
|
+
interface BigNumberCardContentProps {
|
|
117
|
+
children: React$1.ReactNode;
|
|
118
|
+
className?: string;
|
|
119
|
+
}
|
|
120
|
+
interface BigNumberCardValueProps {
|
|
121
|
+
children: React$1.ReactNode;
|
|
122
|
+
prefix?: string;
|
|
123
|
+
suffix?: string;
|
|
124
|
+
className?: string;
|
|
125
|
+
}
|
|
126
|
+
interface BigNumberCardTrendProps {
|
|
127
|
+
value: number;
|
|
128
|
+
direction: 'up' | 'down';
|
|
129
|
+
children?: React$1.ReactNode;
|
|
130
|
+
className?: string;
|
|
131
|
+
show?: boolean;
|
|
132
|
+
}
|
|
133
|
+
interface BigNumberCardSparklineProps {
|
|
134
|
+
data: number[];
|
|
135
|
+
color?: SparklineColor;
|
|
136
|
+
animate?: boolean;
|
|
137
|
+
className?: string;
|
|
138
|
+
show?: boolean;
|
|
139
|
+
}
|
|
140
|
+
|
|
141
|
+
declare function Sparkline({ data, color, animate, className, show, }: BigNumberCardSparklineProps): react_jsx_runtime.JSX.Element | null;
|
|
142
|
+
declare namespace Sparkline {
|
|
143
|
+
var displayName: string;
|
|
144
|
+
}
|
|
145
|
+
|
|
146
|
+
declare function BigNumberCardRoot({ children, className, size }: BigNumberCardRootProps): react_jsx_runtime.JSX.Element;
|
|
147
|
+
declare namespace BigNumberCardRoot {
|
|
148
|
+
var displayName: string;
|
|
149
|
+
}
|
|
150
|
+
declare function BigNumberCardHeader({ children, className }: BigNumberCardHeaderProps): react_jsx_runtime.JSX.Element;
|
|
151
|
+
declare namespace BigNumberCardHeader {
|
|
152
|
+
var displayName: string;
|
|
153
|
+
}
|
|
154
|
+
declare function BigNumberCardTitle({ children, className }: BigNumberCardTitleProps): react_jsx_runtime.JSX.Element;
|
|
155
|
+
declare namespace BigNumberCardTitle {
|
|
156
|
+
var displayName: string;
|
|
157
|
+
}
|
|
158
|
+
declare function BigNumberCardLink({ children, href, onClick, className }: BigNumberCardLinkProps): react_jsx_runtime.JSX.Element;
|
|
159
|
+
declare namespace BigNumberCardLink {
|
|
160
|
+
var displayName: string;
|
|
161
|
+
}
|
|
162
|
+
declare function BigNumberCardContent({ children, className }: BigNumberCardContentProps): react_jsx_runtime.JSX.Element;
|
|
163
|
+
declare namespace BigNumberCardContent {
|
|
164
|
+
var displayName: string;
|
|
165
|
+
}
|
|
166
|
+
declare function BigNumberCardValue({ children, prefix, suffix, className }: BigNumberCardValueProps): react_jsx_runtime.JSX.Element;
|
|
167
|
+
declare namespace BigNumberCardValue {
|
|
168
|
+
var displayName: string;
|
|
169
|
+
}
|
|
170
|
+
declare function BigNumberCardTrend({ value, direction, children, className, show }: BigNumberCardTrendProps): react_jsx_runtime.JSX.Element | null;
|
|
171
|
+
declare namespace BigNumberCardTrend {
|
|
172
|
+
var displayName: string;
|
|
173
|
+
}
|
|
174
|
+
interface BigNumberCardDescriptionProps {
|
|
175
|
+
children: React$1.ReactNode;
|
|
176
|
+
className?: string;
|
|
177
|
+
show?: boolean;
|
|
178
|
+
}
|
|
179
|
+
declare function BigNumberCardDescription({ children, className, show }: BigNumberCardDescriptionProps): react_jsx_runtime.JSX.Element | null;
|
|
180
|
+
declare namespace BigNumberCardDescription {
|
|
181
|
+
var displayName: string;
|
|
182
|
+
}
|
|
183
|
+
declare function BigNumberCardSparklineWrapper(props: React$1.ComponentProps<typeof Sparkline>): react_jsx_runtime.JSX.Element | null;
|
|
184
|
+
declare namespace BigNumberCardSparklineWrapper {
|
|
185
|
+
var displayName: string;
|
|
186
|
+
}
|
|
187
|
+
declare const BigNumberCard: {
|
|
188
|
+
Root: typeof BigNumberCardRoot;
|
|
189
|
+
Header: typeof BigNumberCardHeader;
|
|
190
|
+
Title: typeof BigNumberCardTitle;
|
|
191
|
+
Link: typeof BigNumberCardLink;
|
|
192
|
+
Content: typeof BigNumberCardContent;
|
|
193
|
+
Value: typeof BigNumberCardValue;
|
|
194
|
+
Trend: typeof BigNumberCardTrend;
|
|
195
|
+
Description: typeof BigNumberCardDescription;
|
|
196
|
+
Sparkline: typeof BigNumberCardSparklineWrapper;
|
|
197
|
+
};
|
|
198
|
+
|
|
199
|
+
interface SkeletonProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
200
|
+
variant?: 'default' | 'circular' | 'text';
|
|
201
|
+
animation?: 'pulse' | 'wave' | 'none';
|
|
202
|
+
}
|
|
203
|
+
declare function Skeleton({ className, variant, animation, ...props }: SkeletonProps): react_jsx_runtime.JSX.Element;
|
|
204
|
+
declare namespace Skeleton {
|
|
205
|
+
var displayName: string;
|
|
206
|
+
}
|
|
207
|
+
|
|
51
208
|
declare const selectVariants: (props?: ({
|
|
52
209
|
variant?: "default" | "error" | null | undefined;
|
|
53
210
|
selectSize?: "default" | "sm" | "lg" | null | undefined;
|
|
@@ -78,7 +235,7 @@ declare const TabsTrigger: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.
|
|
|
78
235
|
declare const TabsContent: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
79
236
|
|
|
80
237
|
declare const loaderVariants: (props?: ({
|
|
81
|
-
variant?: "default" | "
|
|
238
|
+
variant?: "default" | "pulse" | "spinner" | "dots" | "bars" | null | undefined;
|
|
82
239
|
scope?: "local" | "global" | null | undefined;
|
|
83
240
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
84
241
|
interface LoaderProps extends VariantProps<typeof loaderVariants> {
|
|
@@ -403,9 +560,9 @@ declare const Table: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HT
|
|
|
403
560
|
declare const TableHeader: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableSectionElement> & React$1.RefAttributes<HTMLTableSectionElement>>;
|
|
404
561
|
declare const TableBody: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableSectionElement> & React$1.RefAttributes<HTMLTableSectionElement>>;
|
|
405
562
|
declare const TableFooter: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableSectionElement> & React$1.RefAttributes<HTMLTableSectionElement>>;
|
|
406
|
-
declare const TableRow: React$1.
|
|
563
|
+
declare const TableRow: React$1.NamedExoticComponent<React$1.HTMLAttributes<HTMLTableRowElement> & React$1.RefAttributes<HTMLTableRowElement>>;
|
|
407
564
|
declare const TableHead: React$1.ForwardRefExoticComponent<React$1.ThHTMLAttributes<HTMLTableCellElement> & React$1.RefAttributes<HTMLTableCellElement>>;
|
|
408
|
-
declare const TableCell: React$1.
|
|
565
|
+
declare const TableCell: React$1.NamedExoticComponent<React$1.TdHTMLAttributes<HTMLTableCellElement> & React$1.RefAttributes<HTMLTableCellElement>>;
|
|
409
566
|
declare const TableCaption: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableCaptionElement> & React$1.RefAttributes<HTMLTableCaptionElement>>;
|
|
410
567
|
|
|
411
568
|
/**
|
|
@@ -511,18 +668,18 @@ declare const Dialog: React$1.FC<DialogPrimitive.DialogProps>;
|
|
|
511
668
|
declare const DialogTrigger: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
512
669
|
declare const DialogPortal: React$1.FC<DialogPrimitive.DialogPortalProps>;
|
|
513
670
|
declare const DialogClose: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
514
|
-
declare const DialogOverlay: React$1.
|
|
671
|
+
declare const DialogOverlay: React$1.NamedExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
515
672
|
declare const dialogContentVariants: (props?: ({
|
|
516
673
|
size?: "sm" | "lg" | "md" | "xl" | "2xl" | "3xl" | "4xl" | "full" | null | undefined;
|
|
517
674
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
518
675
|
interface DialogContentProps extends React$1.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>, VariantProps<typeof dialogContentVariants> {
|
|
519
676
|
showCloseButton?: boolean;
|
|
520
677
|
}
|
|
521
|
-
declare const DialogContent: React$1.
|
|
678
|
+
declare const DialogContent: React$1.NamedExoticComponent<DialogContentProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
522
679
|
declare const DialogHeader: React$1.NamedExoticComponent<React$1.HTMLAttributes<HTMLDivElement>>;
|
|
523
680
|
declare const DialogFooter: React$1.NamedExoticComponent<React$1.HTMLAttributes<HTMLDivElement>>;
|
|
524
|
-
declare const DialogTitle: React$1.
|
|
525
|
-
declare const DialogDescription: React$1.
|
|
681
|
+
declare const DialogTitle: React$1.NamedExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
|
|
682
|
+
declare const DialogDescription: React$1.NamedExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
|
|
526
683
|
declare const DialogBody: React$1.NamedExoticComponent<React$1.HTMLAttributes<HTMLDivElement>>;
|
|
527
684
|
|
|
528
685
|
interface RippleEffectProps {
|
|
@@ -615,7 +772,7 @@ declare const toast: ((message: string) => string | number) & {
|
|
|
615
772
|
error: (message: string | ToastProps) => string | number;
|
|
616
773
|
warning: (message: string | ToastProps) => string | number;
|
|
617
774
|
info: (message: string | ToastProps) => string | number;
|
|
618
|
-
custom: (component:
|
|
775
|
+
custom: (component: Parameters<typeof toast$1.custom>[0], options?: Parameters<typeof toast$1.custom>[1]) => string | number;
|
|
619
776
|
dismiss: (id?: string | number) => string | number;
|
|
620
777
|
promise: <T>(promise: Promise<T> | (() => Promise<T>), options: {
|
|
621
778
|
loading: string;
|
|
@@ -636,7 +793,7 @@ declare const checkboxVariants: (props?: ({
|
|
|
636
793
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
637
794
|
interface CheckboxProps extends React$1.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>, VariantProps<typeof checkboxVariants> {
|
|
638
795
|
}
|
|
639
|
-
declare const Checkbox: React$1.
|
|
796
|
+
declare const Checkbox: React$1.NamedExoticComponent<CheckboxProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
640
797
|
|
|
641
798
|
declare const switchVariants: (props?: ({
|
|
642
799
|
variant?: "default" | "secondary" | "success" | null | undefined;
|
|
@@ -644,7 +801,7 @@ declare const switchVariants: (props?: ({
|
|
|
644
801
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
645
802
|
interface SwitchProps extends React$1.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root>, VariantProps<typeof switchVariants> {
|
|
646
803
|
}
|
|
647
|
-
declare const Switch: React$1.
|
|
804
|
+
declare const Switch: React$1.NamedExoticComponent<SwitchProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
648
805
|
|
|
649
806
|
declare const textareaVariants: (props?: ({
|
|
650
807
|
variant?: "default" | "error" | null | undefined;
|
|
@@ -658,7 +815,7 @@ interface TextareaProps extends Omit<React$1.TextareaHTMLAttributes<HTMLTextArea
|
|
|
658
815
|
labelClassName?: string;
|
|
659
816
|
autoResize?: boolean;
|
|
660
817
|
}
|
|
661
|
-
declare const Textarea: React$1.
|
|
818
|
+
declare const Textarea: React$1.NamedExoticComponent<TextareaProps & React$1.RefAttributes<HTMLTextAreaElement>>;
|
|
662
819
|
|
|
663
820
|
interface FormLabelProps extends React$1.LabelHTMLAttributes<HTMLLabelElement> {
|
|
664
821
|
required?: boolean;
|
|
@@ -819,16 +976,65 @@ declare const Form: typeof FormRoot & {
|
|
|
819
976
|
Field: typeof FormFieldProvider;
|
|
820
977
|
};
|
|
821
978
|
|
|
979
|
+
interface AvatarProps extends React$1.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root> {
|
|
980
|
+
className?: string;
|
|
981
|
+
}
|
|
982
|
+
interface AvatarImageProps extends React$1.ComponentPropsWithoutRef<typeof AvatarPrimitive.Image> {
|
|
983
|
+
className?: string;
|
|
984
|
+
}
|
|
985
|
+
interface AvatarFallbackProps extends React$1.ComponentPropsWithoutRef<typeof AvatarPrimitive.Fallback> {
|
|
986
|
+
className?: string;
|
|
987
|
+
}
|
|
988
|
+
declare const Avatar: React$1.ForwardRefExoticComponent<AvatarProps & React$1.RefAttributes<HTMLSpanElement>>;
|
|
989
|
+
declare const AvatarImage: React$1.ForwardRefExoticComponent<AvatarImageProps & React$1.RefAttributes<HTMLImageElement>>;
|
|
990
|
+
declare const AvatarFallback: React$1.ForwardRefExoticComponent<AvatarFallbackProps & React$1.RefAttributes<HTMLSpanElement>>;
|
|
991
|
+
|
|
992
|
+
declare const DropdownMenu: React$1.FC<DropdownMenuPrimitive.DropdownMenuProps>;
|
|
993
|
+
declare const DropdownMenuTrigger: React$1.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
994
|
+
declare const DropdownMenuGroup: React$1.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
995
|
+
declare const DropdownMenuPortal: React$1.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
|
|
996
|
+
declare const DropdownMenuSub: React$1.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
|
|
997
|
+
declare const DropdownMenuRadioGroup: React$1.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
998
|
+
declare const DropdownMenuSubTrigger: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
999
|
+
inset?: boolean;
|
|
1000
|
+
} & React$1.RefAttributes<HTMLDivElement>>;
|
|
1001
|
+
declare const DropdownMenuSubContent: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
1002
|
+
declare const DropdownMenuContent: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
1003
|
+
declare const DropdownMenuItem: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
1004
|
+
inset?: boolean;
|
|
1005
|
+
} & React$1.RefAttributes<HTMLDivElement>>;
|
|
1006
|
+
declare const DropdownMenuCheckboxItem: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
1007
|
+
declare const DropdownMenuRadioItem: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
1008
|
+
declare const DropdownMenuLabel: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
1009
|
+
inset?: boolean;
|
|
1010
|
+
} & React$1.RefAttributes<HTMLDivElement>>;
|
|
1011
|
+
declare const DropdownMenuSeparator: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
1012
|
+
declare const DropdownMenuShortcut: {
|
|
1013
|
+
({ className, ...props }: React$1.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
|
|
1014
|
+
displayName: string;
|
|
1015
|
+
};
|
|
1016
|
+
|
|
1017
|
+
declare const Popover: React$1.FC<PopoverPrimitive.PopoverProps>;
|
|
1018
|
+
declare const PopoverTrigger: React$1.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
1019
|
+
declare const PopoverContent: React$1.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
1020
|
+
|
|
822
1021
|
interface AuthLayoutProps {
|
|
823
1022
|
children: React$1.ReactNode;
|
|
824
1023
|
className?: string;
|
|
825
1024
|
}
|
|
826
1025
|
interface AuthLayoutImageProps {
|
|
827
|
-
|
|
828
|
-
|
|
1026
|
+
/** Image source URL (optional if using showPattern) */
|
|
1027
|
+
src?: string;
|
|
1028
|
+
/** Image alt text */
|
|
1029
|
+
alt?: string;
|
|
1030
|
+
/** Position of the image panel */
|
|
829
1031
|
position?: 'left' | 'right';
|
|
1032
|
+
/** Additional CSS classes */
|
|
830
1033
|
className?: string;
|
|
1034
|
+
/** Whether to load image with priority */
|
|
831
1035
|
priority?: boolean;
|
|
1036
|
+
/** Show geometric pattern overlay (useful as placeholder) */
|
|
1037
|
+
showPattern?: boolean;
|
|
832
1038
|
}
|
|
833
1039
|
interface AuthLayoutContentProps {
|
|
834
1040
|
children: React$1.ReactNode;
|
|
@@ -842,6 +1048,8 @@ interface AuthLayoutHeaderProps {
|
|
|
842
1048
|
title?: string;
|
|
843
1049
|
description?: string;
|
|
844
1050
|
centered?: boolean;
|
|
1051
|
+
/** Position of the header: 'default' (inline) or 'top-left' (absolute corner) */
|
|
1052
|
+
position?: 'default' | 'top-left' | 'top-right';
|
|
845
1053
|
}
|
|
846
1054
|
interface AuthLayoutBodyProps {
|
|
847
1055
|
children: React$1.ReactNode;
|
|
@@ -863,7 +1071,7 @@ declare function AuthLayoutRoot({ children, className }: AuthLayoutProps): react
|
|
|
863
1071
|
declare namespace AuthLayoutRoot {
|
|
864
1072
|
var displayName: string;
|
|
865
1073
|
}
|
|
866
|
-
declare function AuthLayoutImage({ src, alt, position: _position, className, priority, }: AuthLayoutImageProps): react_jsx_runtime.JSX.Element;
|
|
1074
|
+
declare function AuthLayoutImage({ src, alt, position: _position, className, priority, showPattern, }: AuthLayoutImageProps): react_jsx_runtime.JSX.Element;
|
|
867
1075
|
declare namespace AuthLayoutImage {
|
|
868
1076
|
var displayName: string;
|
|
869
1077
|
}
|
|
@@ -871,7 +1079,7 @@ declare function AuthLayoutContent({ children, className, maxWidth, }: AuthLayou
|
|
|
871
1079
|
declare namespace AuthLayoutContent {
|
|
872
1080
|
var displayName: string;
|
|
873
1081
|
}
|
|
874
|
-
declare function AuthLayoutHeader({ children, className, logo, title, description, centered, }: AuthLayoutHeaderProps): react_jsx_runtime.JSX.Element;
|
|
1082
|
+
declare function AuthLayoutHeader({ children, className, logo, title, description, centered, position, }: AuthLayoutHeaderProps): react_jsx_runtime.JSX.Element;
|
|
875
1083
|
declare namespace AuthLayoutHeader {
|
|
876
1084
|
var displayName: string;
|
|
877
1085
|
}
|
|
@@ -1235,6 +1443,829 @@ declare const DashboardLayout: typeof DashboardLayoutRoot & {
|
|
|
1235
1443
|
MobileNavItem: typeof DashboardLayoutMobileNavItem;
|
|
1236
1444
|
};
|
|
1237
1445
|
|
|
1446
|
+
interface SidebarContextValue {
|
|
1447
|
+
expanded: boolean;
|
|
1448
|
+
setExpanded: (expanded: boolean) => void;
|
|
1449
|
+
pinned: boolean;
|
|
1450
|
+
setPinned: (pinned: boolean) => void;
|
|
1451
|
+
activeSection: string | null;
|
|
1452
|
+
setActiveSection: (id: string | null) => void;
|
|
1453
|
+
isMobile: boolean;
|
|
1454
|
+
collapsedWidth: number;
|
|
1455
|
+
expandedWidth: number;
|
|
1456
|
+
}
|
|
1457
|
+
interface SidebarProps {
|
|
1458
|
+
children: React.ReactNode;
|
|
1459
|
+
defaultExpanded?: boolean;
|
|
1460
|
+
defaultPinned?: boolean;
|
|
1461
|
+
collapsedWidth?: number;
|
|
1462
|
+
expandedWidth?: number;
|
|
1463
|
+
className?: string;
|
|
1464
|
+
}
|
|
1465
|
+
interface SidebarHeaderProps {
|
|
1466
|
+
logo?: React.ReactNode;
|
|
1467
|
+
collapsedLogo?: React.ReactNode;
|
|
1468
|
+
title?: string;
|
|
1469
|
+
showPinButton?: boolean;
|
|
1470
|
+
className?: string;
|
|
1471
|
+
}
|
|
1472
|
+
interface SidebarNavProps {
|
|
1473
|
+
children: React.ReactNode;
|
|
1474
|
+
className?: string;
|
|
1475
|
+
}
|
|
1476
|
+
interface SidebarSectionProps {
|
|
1477
|
+
title?: string;
|
|
1478
|
+
children: React.ReactNode;
|
|
1479
|
+
className?: string;
|
|
1480
|
+
}
|
|
1481
|
+
type BadgeVariant = 'default' | 'notification' | 'success' | 'warning';
|
|
1482
|
+
interface SidebarNavItemProps {
|
|
1483
|
+
icon?: LucideIcon | React.ReactNode;
|
|
1484
|
+
label: string;
|
|
1485
|
+
href?: string;
|
|
1486
|
+
onClick?: () => void;
|
|
1487
|
+
isActive?: boolean;
|
|
1488
|
+
badge?: string | number;
|
|
1489
|
+
badgeVariant?: BadgeVariant;
|
|
1490
|
+
disabled?: boolean;
|
|
1491
|
+
className?: string;
|
|
1492
|
+
}
|
|
1493
|
+
interface SidebarNavGroupProps {
|
|
1494
|
+
icon?: LucideIcon | React.ReactNode;
|
|
1495
|
+
label: string;
|
|
1496
|
+
children: React.ReactNode;
|
|
1497
|
+
id?: string;
|
|
1498
|
+
defaultOpen?: boolean;
|
|
1499
|
+
isActive?: boolean;
|
|
1500
|
+
badge?: string | number;
|
|
1501
|
+
badgeVariant?: BadgeVariant;
|
|
1502
|
+
className?: string;
|
|
1503
|
+
}
|
|
1504
|
+
interface SidebarFooterUser {
|
|
1505
|
+
name: string;
|
|
1506
|
+
email?: string;
|
|
1507
|
+
avatar?: string;
|
|
1508
|
+
}
|
|
1509
|
+
interface SidebarFooterMenuItem {
|
|
1510
|
+
icon?: LucideIcon;
|
|
1511
|
+
label: string;
|
|
1512
|
+
onClick: () => void;
|
|
1513
|
+
variant?: 'default' | 'destructive';
|
|
1514
|
+
}
|
|
1515
|
+
interface SidebarFooterProps {
|
|
1516
|
+
user?: SidebarFooterUser;
|
|
1517
|
+
menuItems?: SidebarFooterMenuItem[];
|
|
1518
|
+
children?: React.ReactNode;
|
|
1519
|
+
className?: string;
|
|
1520
|
+
}
|
|
1521
|
+
|
|
1522
|
+
interface SidebarRootProps {
|
|
1523
|
+
children: React$1.ReactNode;
|
|
1524
|
+
defaultExpanded?: boolean;
|
|
1525
|
+
defaultPinned?: boolean;
|
|
1526
|
+
collapsedWidth?: number;
|
|
1527
|
+
expandedWidth?: number;
|
|
1528
|
+
}
|
|
1529
|
+
declare function SidebarRoot({ children, defaultExpanded, defaultPinned, collapsedWidth, expandedWidth, }: SidebarRootProps): react_jsx_runtime.JSX.Element;
|
|
1530
|
+
declare namespace SidebarRoot {
|
|
1531
|
+
var displayName: string;
|
|
1532
|
+
}
|
|
1533
|
+
interface SidebarAsideProps {
|
|
1534
|
+
children: React$1.ReactNode;
|
|
1535
|
+
className?: string;
|
|
1536
|
+
}
|
|
1537
|
+
declare function SidebarAside({ children, className }: SidebarAsideProps): react_jsx_runtime.JSX.Element | null;
|
|
1538
|
+
declare namespace SidebarAside {
|
|
1539
|
+
var displayName: string;
|
|
1540
|
+
}
|
|
1541
|
+
interface SidebarContentProps {
|
|
1542
|
+
children: React$1.ReactNode;
|
|
1543
|
+
className?: string;
|
|
1544
|
+
}
|
|
1545
|
+
declare function SidebarContent({ children, className }: SidebarContentProps): react_jsx_runtime.JSX.Element;
|
|
1546
|
+
declare namespace SidebarContent {
|
|
1547
|
+
var displayName: string;
|
|
1548
|
+
}
|
|
1549
|
+
declare function LegacySidebar({ children, defaultExpanded, defaultPinned, collapsedWidth, expandedWidth, className, }: SidebarProps): react_jsx_runtime.JSX.Element;
|
|
1550
|
+
declare namespace LegacySidebar {
|
|
1551
|
+
var displayName: string;
|
|
1552
|
+
}
|
|
1553
|
+
declare const Sidebar: typeof LegacySidebar & {
|
|
1554
|
+
Root: typeof SidebarRoot;
|
|
1555
|
+
Aside: typeof SidebarAside;
|
|
1556
|
+
Content: typeof SidebarContent;
|
|
1557
|
+
Header: React$1.NamedExoticComponent<SidebarHeaderProps>;
|
|
1558
|
+
Nav: React$1.NamedExoticComponent<SidebarNavProps>;
|
|
1559
|
+
Section: React$1.NamedExoticComponent<SidebarSectionProps>;
|
|
1560
|
+
NavItem: React$1.NamedExoticComponent<SidebarNavItemProps>;
|
|
1561
|
+
NavGroup: React$1.NamedExoticComponent<SidebarNavGroupProps>;
|
|
1562
|
+
Footer: React$1.NamedExoticComponent<SidebarFooterProps>;
|
|
1563
|
+
};
|
|
1564
|
+
|
|
1565
|
+
declare function useSidebar(): SidebarContextValue;
|
|
1566
|
+
declare function useSidebarOptional(): SidebarContextValue | null;
|
|
1567
|
+
declare function useMediaQuery(query: string): boolean;
|
|
1568
|
+
|
|
1569
|
+
interface MobileNavItemConfig {
|
|
1570
|
+
icon: LucideIcon | React.ReactNode;
|
|
1571
|
+
label: string;
|
|
1572
|
+
href?: string;
|
|
1573
|
+
onClick?: () => void;
|
|
1574
|
+
isActive?: boolean;
|
|
1575
|
+
}
|
|
1576
|
+
interface MobileNavFabAction {
|
|
1577
|
+
icon: React.ReactNode;
|
|
1578
|
+
label: string;
|
|
1579
|
+
onClick: () => void;
|
|
1580
|
+
}
|
|
1581
|
+
interface MobileNavProps {
|
|
1582
|
+
items: MobileNavItemConfig[];
|
|
1583
|
+
fabAction?: MobileNavFabAction;
|
|
1584
|
+
className?: string;
|
|
1585
|
+
}
|
|
1586
|
+
interface MobileNavItemProps {
|
|
1587
|
+
icon: LucideIcon | React.ReactNode;
|
|
1588
|
+
label: string;
|
|
1589
|
+
isActive?: boolean;
|
|
1590
|
+
onClick?: () => void;
|
|
1591
|
+
}
|
|
1592
|
+
|
|
1593
|
+
declare const MobileNav: React$1.NamedExoticComponent<MobileNavProps>;
|
|
1594
|
+
|
|
1595
|
+
declare const MobileNavItem: React$1.NamedExoticComponent<MobileNavItemProps>;
|
|
1596
|
+
|
|
1597
|
+
interface NavbarProps {
|
|
1598
|
+
children: React$1.ReactNode;
|
|
1599
|
+
className?: string;
|
|
1600
|
+
style?: React$1.CSSProperties;
|
|
1601
|
+
}
|
|
1602
|
+
declare const Navbar: React$1.NamedExoticComponent<NavbarProps>;
|
|
1603
|
+
|
|
1604
|
+
interface ThemeToggleProps {
|
|
1605
|
+
className?: string;
|
|
1606
|
+
}
|
|
1607
|
+
declare function ThemeToggle({ className }: ThemeToggleProps): react_jsx_runtime.JSX.Element;
|
|
1608
|
+
declare namespace ThemeToggle {
|
|
1609
|
+
var displayName: string;
|
|
1610
|
+
}
|
|
1611
|
+
|
|
1612
|
+
interface NotificationItem {
|
|
1613
|
+
id: string;
|
|
1614
|
+
icon?: React$1.ReactNode;
|
|
1615
|
+
title: string;
|
|
1616
|
+
description: string;
|
|
1617
|
+
time: string;
|
|
1618
|
+
isHighlighted?: boolean;
|
|
1619
|
+
}
|
|
1620
|
+
interface NavbarNotificationProps {
|
|
1621
|
+
notifications?: NotificationItem[];
|
|
1622
|
+
onMarkAllAsRead?: () => void;
|
|
1623
|
+
onViewAll?: () => void;
|
|
1624
|
+
}
|
|
1625
|
+
declare function NavbarNotification({ notifications, onMarkAllAsRead, onViewAll, }: NavbarNotificationProps): react_jsx_runtime.JSX.Element;
|
|
1626
|
+
declare namespace NavbarNotification {
|
|
1627
|
+
var displayName: string;
|
|
1628
|
+
}
|
|
1629
|
+
|
|
1630
|
+
interface Company {
|
|
1631
|
+
id: string;
|
|
1632
|
+
name: string;
|
|
1633
|
+
cnpj?: string;
|
|
1634
|
+
}
|
|
1635
|
+
interface NavbarCompanyProfileProps {
|
|
1636
|
+
/** Lista de empresas vinculadas */
|
|
1637
|
+
companies: Company[];
|
|
1638
|
+
/** ID da empresa ativa */
|
|
1639
|
+
activeCompanyId?: string;
|
|
1640
|
+
/** Callback quando uma empresa é selecionada */
|
|
1641
|
+
onCompanySelect?: (companyId: string) => void;
|
|
1642
|
+
/** Se está carregando as empresas */
|
|
1643
|
+
isLoading?: boolean;
|
|
1644
|
+
/** Função para formatar CNPJ (opcional) */
|
|
1645
|
+
formatCnpj?: (cnpj: string) => string;
|
|
1646
|
+
}
|
|
1647
|
+
declare function NavbarCompanyProfile({ companies, activeCompanyId, onCompanySelect, isLoading, formatCnpj, }: NavbarCompanyProfileProps): react_jsx_runtime.JSX.Element | null;
|
|
1648
|
+
declare namespace NavbarCompanyProfile {
|
|
1649
|
+
var displayName: string;
|
|
1650
|
+
}
|
|
1651
|
+
|
|
1652
|
+
interface UserMenuItemConfig {
|
|
1653
|
+
icon?: React$1.ReactNode;
|
|
1654
|
+
label: string;
|
|
1655
|
+
onClick?: () => void;
|
|
1656
|
+
href?: string;
|
|
1657
|
+
variant?: 'default' | 'destructive';
|
|
1658
|
+
}
|
|
1659
|
+
interface NavbarUserMenuProps {
|
|
1660
|
+
/** Nome do usuário */
|
|
1661
|
+
name: string;
|
|
1662
|
+
/** Email do usuário */
|
|
1663
|
+
email?: string;
|
|
1664
|
+
/** URL do avatar */
|
|
1665
|
+
avatarUrl?: string;
|
|
1666
|
+
/** Se está no modo colapsado (só mostra avatar) */
|
|
1667
|
+
isCollapsed?: boolean;
|
|
1668
|
+
/** Itens do menu */
|
|
1669
|
+
menuItems?: UserMenuItemConfig[];
|
|
1670
|
+
/** Children customizado para o menu */
|
|
1671
|
+
children?: React$1.ReactNode;
|
|
1672
|
+
}
|
|
1673
|
+
declare function NavbarUserMenu({ name, email, avatarUrl, isCollapsed, menuItems, children, }: NavbarUserMenuProps): react_jsx_runtime.JSX.Element;
|
|
1674
|
+
declare namespace NavbarUserMenu {
|
|
1675
|
+
var displayName: string;
|
|
1676
|
+
}
|
|
1677
|
+
|
|
1678
|
+
declare const Breadcrumb: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
|
|
1679
|
+
separator?: React$1.ReactNode;
|
|
1680
|
+
} & React$1.RefAttributes<HTMLElement>>;
|
|
1681
|
+
declare const BreadcrumbList: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, "ref"> & React$1.RefAttributes<HTMLOListElement>>;
|
|
1682
|
+
declare const BreadcrumbItem: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React$1.RefAttributes<HTMLLIElement>>;
|
|
1683
|
+
declare const BreadcrumbLink: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
|
|
1684
|
+
asChild?: boolean;
|
|
1685
|
+
} & React$1.RefAttributes<HTMLAnchorElement>>;
|
|
1686
|
+
declare const BreadcrumbPage: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
|
|
1687
|
+
declare const BreadcrumbSeparator: {
|
|
1688
|
+
({ children, className, ...props }: React$1.ComponentProps<"li">): react_jsx_runtime.JSX.Element;
|
|
1689
|
+
displayName: string;
|
|
1690
|
+
};
|
|
1691
|
+
declare const BreadcrumbEllipsis: {
|
|
1692
|
+
({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
|
|
1693
|
+
displayName: string;
|
|
1694
|
+
};
|
|
1695
|
+
|
|
1696
|
+
declare const ScrollArea: React$1.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
1697
|
+
declare const ScrollBar: React$1.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaScrollbarProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
1698
|
+
|
|
1699
|
+
declare const Separator: React$1.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
1700
|
+
|
|
1701
|
+
interface SectionHeaderRootProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
1702
|
+
/**
|
|
1703
|
+
* Adds a gradient from primary color on the left side
|
|
1704
|
+
* @default true
|
|
1705
|
+
*/
|
|
1706
|
+
gradient?: boolean;
|
|
1707
|
+
/**
|
|
1708
|
+
* Adds bottom border
|
|
1709
|
+
* @default true
|
|
1710
|
+
*/
|
|
1711
|
+
bordered?: boolean;
|
|
1712
|
+
}
|
|
1713
|
+
declare function SectionHeaderRoot({ children, className, gradient, bordered, ...props }: SectionHeaderRootProps): react_jsx_runtime.JSX.Element;
|
|
1714
|
+
declare namespace SectionHeaderRoot {
|
|
1715
|
+
var displayName: string;
|
|
1716
|
+
}
|
|
1717
|
+
interface SectionHeaderIconProps {
|
|
1718
|
+
icon: LucideIcon;
|
|
1719
|
+
className?: string;
|
|
1720
|
+
}
|
|
1721
|
+
declare function SectionHeaderIcon({ icon: Icon, className }: SectionHeaderIconProps): react_jsx_runtime.JSX.Element;
|
|
1722
|
+
declare namespace SectionHeaderIcon {
|
|
1723
|
+
var displayName: string;
|
|
1724
|
+
}
|
|
1725
|
+
interface SectionHeaderContentProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
1726
|
+
}
|
|
1727
|
+
declare function SectionHeaderContent({ children, className, ...props }: SectionHeaderContentProps): react_jsx_runtime.JSX.Element;
|
|
1728
|
+
declare namespace SectionHeaderContent {
|
|
1729
|
+
var displayName: string;
|
|
1730
|
+
}
|
|
1731
|
+
interface SectionHeaderTitleProps extends React$1.HTMLAttributes<HTMLHeadingElement> {
|
|
1732
|
+
}
|
|
1733
|
+
declare function SectionHeaderTitle({ children, className, ...props }: SectionHeaderTitleProps): react_jsx_runtime.JSX.Element;
|
|
1734
|
+
declare namespace SectionHeaderTitle {
|
|
1735
|
+
var displayName: string;
|
|
1736
|
+
}
|
|
1737
|
+
interface SectionHeaderSubtitleProps extends React$1.HTMLAttributes<HTMLParagraphElement> {
|
|
1738
|
+
}
|
|
1739
|
+
declare function SectionHeaderSubtitle({ children, className, ...props }: SectionHeaderSubtitleProps): react_jsx_runtime.JSX.Element;
|
|
1740
|
+
declare namespace SectionHeaderSubtitle {
|
|
1741
|
+
var displayName: string;
|
|
1742
|
+
}
|
|
1743
|
+
interface SectionHeaderActionsProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
1744
|
+
}
|
|
1745
|
+
declare function SectionHeaderActions({ children, className, ...props }: SectionHeaderActionsProps): react_jsx_runtime.JSX.Element;
|
|
1746
|
+
declare namespace SectionHeaderActions {
|
|
1747
|
+
var displayName: string;
|
|
1748
|
+
}
|
|
1749
|
+
interface SectionHeaderBadgeProps extends React$1.HTMLAttributes<HTMLSpanElement> {
|
|
1750
|
+
variant?: 'default' | 'muted';
|
|
1751
|
+
}
|
|
1752
|
+
declare function SectionHeaderBadge({ children, className, variant, ...props }: SectionHeaderBadgeProps): react_jsx_runtime.JSX.Element;
|
|
1753
|
+
declare namespace SectionHeaderBadge {
|
|
1754
|
+
var displayName: string;
|
|
1755
|
+
}
|
|
1756
|
+
declare const SectionHeader: typeof SectionHeaderRoot & {
|
|
1757
|
+
Icon: typeof SectionHeaderIcon;
|
|
1758
|
+
Content: typeof SectionHeaderContent;
|
|
1759
|
+
Title: typeof SectionHeaderTitle;
|
|
1760
|
+
Subtitle: typeof SectionHeaderSubtitle;
|
|
1761
|
+
Actions: typeof SectionHeaderActions;
|
|
1762
|
+
Badge: typeof SectionHeaderBadge;
|
|
1763
|
+
};
|
|
1764
|
+
|
|
1765
|
+
interface KanbanItem {
|
|
1766
|
+
id: string;
|
|
1767
|
+
[key: string]: unknown;
|
|
1768
|
+
}
|
|
1769
|
+
interface KanbanColumnConfig {
|
|
1770
|
+
id: string;
|
|
1771
|
+
title: string;
|
|
1772
|
+
color?: string;
|
|
1773
|
+
headerClassName?: string;
|
|
1774
|
+
dropZoneClassName?: string;
|
|
1775
|
+
}
|
|
1776
|
+
interface KanbanBoardProps {
|
|
1777
|
+
children: ReactNode;
|
|
1778
|
+
onDragEnd?: (result: KanbanDragResult) => void;
|
|
1779
|
+
onDragStart?: (itemId: string, sourceColumnId: string) => void;
|
|
1780
|
+
className?: string;
|
|
1781
|
+
}
|
|
1782
|
+
interface KanbanColumnProps {
|
|
1783
|
+
id: string;
|
|
1784
|
+
title: string;
|
|
1785
|
+
count?: number;
|
|
1786
|
+
children?: ReactNode;
|
|
1787
|
+
className?: string;
|
|
1788
|
+
headerClassName?: string;
|
|
1789
|
+
emptyMessage?: string;
|
|
1790
|
+
/** Optional footer element (e.g., "Add Task" button) */
|
|
1791
|
+
footer?: ReactNode;
|
|
1792
|
+
/** Callback to check if a drop is allowed in this column */
|
|
1793
|
+
canDrop?: (itemId: string, sourceColumnId: string) => boolean;
|
|
1794
|
+
}
|
|
1795
|
+
interface KanbanCardProps {
|
|
1796
|
+
id: string;
|
|
1797
|
+
columnId: string;
|
|
1798
|
+
children: ReactNode;
|
|
1799
|
+
className?: string;
|
|
1800
|
+
disabled?: boolean;
|
|
1801
|
+
}
|
|
1802
|
+
interface KanbanDragResult {
|
|
1803
|
+
itemId: string;
|
|
1804
|
+
sourceColumnId: string;
|
|
1805
|
+
destinationColumnId: string;
|
|
1806
|
+
}
|
|
1807
|
+
interface KanbanContextValue {
|
|
1808
|
+
isDragging: boolean;
|
|
1809
|
+
draggedItemId: string | null;
|
|
1810
|
+
sourceColumnId: string | null;
|
|
1811
|
+
hoveredColumnId: string | null;
|
|
1812
|
+
setHoveredColumnId: (columnId: string | null) => void;
|
|
1813
|
+
canDropInColumn: (columnId: string) => boolean;
|
|
1814
|
+
registerDropValidator: (columnId: string, validator: (itemId: string, sourceColumnId: string) => boolean) => void;
|
|
1815
|
+
unregisterDropValidator: (columnId: string) => void;
|
|
1816
|
+
}
|
|
1817
|
+
interface KanbanEmptyProps {
|
|
1818
|
+
message?: string;
|
|
1819
|
+
className?: string;
|
|
1820
|
+
}
|
|
1821
|
+
|
|
1822
|
+
declare function KanbanBoard({ children, onDragEnd, onDragStart, className, }: KanbanBoardProps): react_jsx_runtime.JSX.Element;
|
|
1823
|
+
declare namespace KanbanBoard {
|
|
1824
|
+
var displayName: string;
|
|
1825
|
+
}
|
|
1826
|
+
|
|
1827
|
+
declare function KanbanColumn({ id, title, count, children, className, headerClassName, emptyMessage, footer, canDrop, }: KanbanColumnProps): react_jsx_runtime.JSX.Element;
|
|
1828
|
+
declare namespace KanbanColumn {
|
|
1829
|
+
var displayName: string;
|
|
1830
|
+
}
|
|
1831
|
+
|
|
1832
|
+
declare function KanbanCard({ id, columnId, children, className, disabled, }: KanbanCardProps): react_jsx_runtime.JSX.Element;
|
|
1833
|
+
declare namespace KanbanCard {
|
|
1834
|
+
var displayName: string;
|
|
1835
|
+
}
|
|
1836
|
+
|
|
1837
|
+
/**
|
|
1838
|
+
* Kanban - A compound component for building Kanban boards
|
|
1839
|
+
*
|
|
1840
|
+
* @example
|
|
1841
|
+
* ```tsx
|
|
1842
|
+
* <Kanban.Board onDragEnd={handleDragEnd}>
|
|
1843
|
+
* <Kanban.Column id="pending" title="Pendente" count={3}>
|
|
1844
|
+
* <Kanban.Card id="1" columnId="pending">
|
|
1845
|
+
* <div>Card content</div>
|
|
1846
|
+
* </Kanban.Card>
|
|
1847
|
+
* </Kanban.Column>
|
|
1848
|
+
* <Kanban.Column
|
|
1849
|
+
* id="done"
|
|
1850
|
+
* title="Concluido"
|
|
1851
|
+
* canDrop={(itemId, sourceColumnId) => sourceColumnId === 'in-progress'}
|
|
1852
|
+
* >
|
|
1853
|
+
* <Kanban.Card id="2" columnId="done">
|
|
1854
|
+
* <div>Card content</div>
|
|
1855
|
+
* </Kanban.Card>
|
|
1856
|
+
* </Kanban.Column>
|
|
1857
|
+
* </Kanban.Board>
|
|
1858
|
+
* ```
|
|
1859
|
+
*/
|
|
1860
|
+
declare const Kanban: {
|
|
1861
|
+
Board: typeof KanbanBoard;
|
|
1862
|
+
Column: typeof KanbanColumn;
|
|
1863
|
+
Card: typeof KanbanCard;
|
|
1864
|
+
};
|
|
1865
|
+
|
|
1866
|
+
declare function useKanban(): KanbanContextValue;
|
|
1867
|
+
declare function useKanbanOptional(): KanbanContextValue | null;
|
|
1868
|
+
|
|
1869
|
+
/**
|
|
1870
|
+
* Generic validation schema interface
|
|
1871
|
+
* Compatible with Zod and other validation libraries
|
|
1872
|
+
*/
|
|
1873
|
+
interface ValidationSchema {
|
|
1874
|
+
safeParseAsync: (data: unknown) => Promise<{
|
|
1875
|
+
success: boolean;
|
|
1876
|
+
error?: {
|
|
1877
|
+
issues: Array<{
|
|
1878
|
+
path: (string | number)[];
|
|
1879
|
+
message: string;
|
|
1880
|
+
}>;
|
|
1881
|
+
};
|
|
1882
|
+
}>;
|
|
1883
|
+
}
|
|
1884
|
+
/**
|
|
1885
|
+
* Configuration for a single wizard step
|
|
1886
|
+
*/
|
|
1887
|
+
interface WizardStepConfig<T extends FieldValues = FieldValues> {
|
|
1888
|
+
/** Unique identifier for the step */
|
|
1889
|
+
id: string;
|
|
1890
|
+
/** Step name used for lookups and matching with Panel */
|
|
1891
|
+
name: string;
|
|
1892
|
+
/** Display label for the step indicator */
|
|
1893
|
+
label?: string;
|
|
1894
|
+
/** Optional description shown below the label */
|
|
1895
|
+
description?: string;
|
|
1896
|
+
/** Icon component to display in step indicator */
|
|
1897
|
+
icon?: ComponentType<{
|
|
1898
|
+
className?: string;
|
|
1899
|
+
}>;
|
|
1900
|
+
/** Fields that belong to this step (for validation) */
|
|
1901
|
+
fields?: Path<T>[];
|
|
1902
|
+
/** Validation schema for per-step validation (Zod compatible) */
|
|
1903
|
+
validationSchema?: ValidationSchema;
|
|
1904
|
+
/** Whether this step can be skipped */
|
|
1905
|
+
isOptional?: boolean;
|
|
1906
|
+
/** Whether step is disabled (static or dynamic) */
|
|
1907
|
+
isDisabled?: boolean | ((data: T) => boolean);
|
|
1908
|
+
/** Whether step is hidden (static or dynamic) */
|
|
1909
|
+
isHidden?: boolean | ((data: T) => boolean);
|
|
1910
|
+
}
|
|
1911
|
+
/**
|
|
1912
|
+
* Props for the root Wizard component
|
|
1913
|
+
*/
|
|
1914
|
+
interface WizardProps<T extends FieldValues = FieldValues> {
|
|
1915
|
+
/** Child components (Wizard.Steps, Wizard.Content, etc.) */
|
|
1916
|
+
children: ReactNode;
|
|
1917
|
+
/** React Hook Form instance */
|
|
1918
|
+
form: UseFormReturn<T>;
|
|
1919
|
+
/** Array of step configurations */
|
|
1920
|
+
steps: WizardStepConfig<T>[];
|
|
1921
|
+
/** Initial step index (0-based) */
|
|
1922
|
+
initialStep?: number;
|
|
1923
|
+
/** Callback when step changes */
|
|
1924
|
+
onStepChange?: (step: number, direction: 'next' | 'prev' | 'jump') => void;
|
|
1925
|
+
/** Callback when wizard completes (form submit on last step) */
|
|
1926
|
+
onComplete?: (data: T) => void | Promise<void>;
|
|
1927
|
+
/** Whether to validate before advancing to next step (default: true) */
|
|
1928
|
+
validateOnNext?: boolean;
|
|
1929
|
+
/** Whether to allow jumping to any completed step (default: false) */
|
|
1930
|
+
allowJumpToStep?: boolean;
|
|
1931
|
+
/** Additional class name for the wizard container */
|
|
1932
|
+
className?: string;
|
|
1933
|
+
}
|
|
1934
|
+
/**
|
|
1935
|
+
* Context value provided by the Wizard
|
|
1936
|
+
*/
|
|
1937
|
+
interface WizardContextValue<T extends FieldValues = FieldValues> {
|
|
1938
|
+
/** Current step index (0-based) */
|
|
1939
|
+
currentStep: number;
|
|
1940
|
+
/** Total number of visible steps */
|
|
1941
|
+
totalSteps: number;
|
|
1942
|
+
/** Filtered list of visible steps */
|
|
1943
|
+
activeSteps: WizardStepConfig<T>[];
|
|
1944
|
+
/** All step configurations (including hidden) */
|
|
1945
|
+
allSteps: WizardStepConfig<T>[];
|
|
1946
|
+
/** Whether current step is the first step */
|
|
1947
|
+
isFirstStep: boolean;
|
|
1948
|
+
/** Whether current step is the last step */
|
|
1949
|
+
isLastStep: boolean;
|
|
1950
|
+
/** Progress percentage (0-100) */
|
|
1951
|
+
progress: number;
|
|
1952
|
+
/** Navigate to next step (validates current step first) */
|
|
1953
|
+
goToNextStep: () => Promise<boolean>;
|
|
1954
|
+
/** Navigate to previous step (no validation) */
|
|
1955
|
+
goToPrevStep: () => void;
|
|
1956
|
+
/** Navigate to specific step by index */
|
|
1957
|
+
goToStep: (index: number) => Promise<boolean>;
|
|
1958
|
+
/** Reset wizard to initial state */
|
|
1959
|
+
reset: () => void;
|
|
1960
|
+
/** Validate current step fields */
|
|
1961
|
+
validateCurrentStep: () => Promise<boolean>;
|
|
1962
|
+
/** Check if a step has been completed */
|
|
1963
|
+
isStepCompleted: (index: number) => boolean;
|
|
1964
|
+
/** Check if a step has errors */
|
|
1965
|
+
hasStepErrors: (index: number) => boolean;
|
|
1966
|
+
/** React Hook Form instance */
|
|
1967
|
+
form: UseFormReturn<T>;
|
|
1968
|
+
/** Current step configuration */
|
|
1969
|
+
currentStepConfig: WizardStepConfig<T>;
|
|
1970
|
+
/** Get step config by index */
|
|
1971
|
+
getStepConfig: (index: number) => WizardStepConfig<T> | undefined;
|
|
1972
|
+
/** Get step config by name */
|
|
1973
|
+
getStepByName: (name: string) => WizardStepConfig<T> | undefined;
|
|
1974
|
+
/** Get step index by name */
|
|
1975
|
+
getStepIndexByName: (name: string) => number;
|
|
1976
|
+
/** Whether jumping to steps is allowed */
|
|
1977
|
+
allowJumpToStep: boolean;
|
|
1978
|
+
}
|
|
1979
|
+
/**
|
|
1980
|
+
* Props for Wizard.Steps component
|
|
1981
|
+
*/
|
|
1982
|
+
interface WizardStepsProps {
|
|
1983
|
+
/** Layout variant */
|
|
1984
|
+
variant?: 'horizontal' | 'vertical';
|
|
1985
|
+
/** Whether to show step descriptions */
|
|
1986
|
+
showDescription?: boolean;
|
|
1987
|
+
/** Whether to show step numbers instead of icons */
|
|
1988
|
+
showNumbers?: boolean;
|
|
1989
|
+
/** Size variant */
|
|
1990
|
+
size?: 'sm' | 'md' | 'lg';
|
|
1991
|
+
/** Additional class name */
|
|
1992
|
+
className?: string;
|
|
1993
|
+
}
|
|
1994
|
+
/**
|
|
1995
|
+
* Props for individual Wizard.Step indicator
|
|
1996
|
+
*/
|
|
1997
|
+
interface WizardStepIndicatorProps {
|
|
1998
|
+
/** Step configuration */
|
|
1999
|
+
step: WizardStepConfig;
|
|
2000
|
+
/** Step index (0-based) */
|
|
2001
|
+
index: number;
|
|
2002
|
+
/** Step state */
|
|
2003
|
+
state: 'completed' | 'current' | 'pending' | 'error' | 'disabled';
|
|
2004
|
+
/** Whether to show step number */
|
|
2005
|
+
showNumber?: boolean;
|
|
2006
|
+
/** Whether to show description */
|
|
2007
|
+
showDescription?: boolean;
|
|
2008
|
+
/** Size variant */
|
|
2009
|
+
size?: 'sm' | 'md' | 'lg';
|
|
2010
|
+
/** Whether step is clickable */
|
|
2011
|
+
isClickable?: boolean;
|
|
2012
|
+
/** Click handler */
|
|
2013
|
+
onClick?: () => void;
|
|
2014
|
+
}
|
|
2015
|
+
/**
|
|
2016
|
+
* Props for step connector line
|
|
2017
|
+
*/
|
|
2018
|
+
interface WizardStepConnectorProps {
|
|
2019
|
+
/** Whether the step before this connector is completed */
|
|
2020
|
+
isCompleted?: boolean;
|
|
2021
|
+
/** Layout variant */
|
|
2022
|
+
variant?: 'horizontal' | 'vertical';
|
|
2023
|
+
/** Additional class name */
|
|
2024
|
+
className?: string;
|
|
2025
|
+
}
|
|
2026
|
+
/**
|
|
2027
|
+
* Props for Wizard.Content component
|
|
2028
|
+
*/
|
|
2029
|
+
interface WizardContentProps {
|
|
2030
|
+
/** Panel children */
|
|
2031
|
+
children: ReactNode;
|
|
2032
|
+
/** Additional class name */
|
|
2033
|
+
className?: string;
|
|
2034
|
+
}
|
|
2035
|
+
/**
|
|
2036
|
+
* Props for Wizard.Panel component
|
|
2037
|
+
*/
|
|
2038
|
+
interface WizardPanelProps {
|
|
2039
|
+
/** Name matching a step's name */
|
|
2040
|
+
name: string;
|
|
2041
|
+
/** Panel content */
|
|
2042
|
+
children: ReactNode;
|
|
2043
|
+
/** Additional class name */
|
|
2044
|
+
className?: string;
|
|
2045
|
+
}
|
|
2046
|
+
/**
|
|
2047
|
+
* Props for Wizard.Navigation component
|
|
2048
|
+
*/
|
|
2049
|
+
interface WizardNavigationProps {
|
|
2050
|
+
/** Label for cancel button (default: "Cancelar") */
|
|
2051
|
+
cancelLabel?: string;
|
|
2052
|
+
/** Label for previous button (default: "Voltar") */
|
|
2053
|
+
prevLabel?: string;
|
|
2054
|
+
/** Label for next button (default: "Continuar") */
|
|
2055
|
+
nextLabel?: string;
|
|
2056
|
+
/** Label for submit button (default: "Finalizar") */
|
|
2057
|
+
submitLabel?: string;
|
|
2058
|
+
/** Label shown when loading (default: "Processando...") */
|
|
2059
|
+
loadingLabel?: string;
|
|
2060
|
+
/** Handler for cancel button */
|
|
2061
|
+
onCancel?: () => void;
|
|
2062
|
+
/** Whether to show cancel button (default: true on first step) */
|
|
2063
|
+
showCancel?: boolean;
|
|
2064
|
+
/** Whether submit button is disabled */
|
|
2065
|
+
submitDisabled?: boolean;
|
|
2066
|
+
/** Additional class name */
|
|
2067
|
+
className?: string;
|
|
2068
|
+
}
|
|
2069
|
+
/**
|
|
2070
|
+
* Props for Wizard.Progress component
|
|
2071
|
+
*/
|
|
2072
|
+
interface WizardProgressProps {
|
|
2073
|
+
/** Whether to show percentage text */
|
|
2074
|
+
showPercentage?: boolean;
|
|
2075
|
+
/** Whether to show step count (e.g., "2 de 4") */
|
|
2076
|
+
showStepCount?: boolean;
|
|
2077
|
+
/** Additional class name */
|
|
2078
|
+
className?: string;
|
|
2079
|
+
}
|
|
2080
|
+
/**
|
|
2081
|
+
* Step state type
|
|
2082
|
+
*/
|
|
2083
|
+
type StepState = 'completed' | 'current' | 'pending' | 'error' | 'disabled';
|
|
2084
|
+
|
|
2085
|
+
/**
|
|
2086
|
+
* Visual step indicators component
|
|
2087
|
+
*
|
|
2088
|
+
* Displays the wizard steps with their current states:
|
|
2089
|
+
* - Completed (checkmark, green)
|
|
2090
|
+
* - Current (highlighted, primary)
|
|
2091
|
+
* - Pending (muted)
|
|
2092
|
+
* - Error (red indicator)
|
|
2093
|
+
* - Disabled (grayed out)
|
|
2094
|
+
*
|
|
2095
|
+
* @example
|
|
2096
|
+
* ```tsx
|
|
2097
|
+
* <Wizard.Steps variant="horizontal" showDescription />
|
|
2098
|
+
* ```
|
|
2099
|
+
*/
|
|
2100
|
+
declare function WizardSteps({ variant, showDescription, showNumbers, size, className, }: WizardStepsProps): react_jsx_runtime.JSX.Element;
|
|
2101
|
+
|
|
2102
|
+
/**
|
|
2103
|
+
* Container for wizard step panels
|
|
2104
|
+
*
|
|
2105
|
+
* Automatically renders only the panel matching the current step
|
|
2106
|
+
*
|
|
2107
|
+
* @example
|
|
2108
|
+
* ```tsx
|
|
2109
|
+
* <Wizard.Content>
|
|
2110
|
+
* <Wizard.Panel name="step1">Step 1 content</Wizard.Panel>
|
|
2111
|
+
* <Wizard.Panel name="step2">Step 2 content</Wizard.Panel>
|
|
2112
|
+
* </Wizard.Content>
|
|
2113
|
+
* ```
|
|
2114
|
+
*/
|
|
2115
|
+
declare function WizardContent({ children, className }: WizardContentProps): react_jsx_runtime.JSX.Element;
|
|
2116
|
+
|
|
2117
|
+
/**
|
|
2118
|
+
* Individual panel for wizard step content
|
|
2119
|
+
*
|
|
2120
|
+
* The `name` prop must match a step's `name` or `id` in the wizard configuration
|
|
2121
|
+
*
|
|
2122
|
+
* @example
|
|
2123
|
+
* ```tsx
|
|
2124
|
+
* <Wizard.Panel name="personal">
|
|
2125
|
+
* <Form.Input name="name" label="Nome" required />
|
|
2126
|
+
* <Form.Input name="email" label="Email" required />
|
|
2127
|
+
* </Wizard.Panel>
|
|
2128
|
+
* ```
|
|
2129
|
+
*/
|
|
2130
|
+
declare function WizardPanel({ name, children, className }: WizardPanelProps): react_jsx_runtime.JSX.Element;
|
|
2131
|
+
|
|
2132
|
+
/**
|
|
2133
|
+
* Navigation buttons for the wizard
|
|
2134
|
+
*
|
|
2135
|
+
* Provides:
|
|
2136
|
+
* - Cancel button (first step only by default)
|
|
2137
|
+
* - Previous button
|
|
2138
|
+
* - Next button (type="button" - does NOT submit)
|
|
2139
|
+
* - Submit button (last step only, type="submit")
|
|
2140
|
+
*
|
|
2141
|
+
* @example
|
|
2142
|
+
* ```tsx
|
|
2143
|
+
* <Wizard.Navigation
|
|
2144
|
+
* cancelLabel="Cancelar"
|
|
2145
|
+
* prevLabel="Voltar"
|
|
2146
|
+
* nextLabel="Continuar"
|
|
2147
|
+
* submitLabel="Finalizar"
|
|
2148
|
+
* onCancel={() => dialog.close()}
|
|
2149
|
+
* />
|
|
2150
|
+
* ```
|
|
2151
|
+
*/
|
|
2152
|
+
declare function WizardNavigation({ cancelLabel, prevLabel, nextLabel, submitLabel, loadingLabel, onCancel, showCancel, submitDisabled, className, }: WizardNavigationProps): react_jsx_runtime.JSX.Element;
|
|
2153
|
+
|
|
2154
|
+
/**
|
|
2155
|
+
* Progress bar component for the wizard
|
|
2156
|
+
*
|
|
2157
|
+
* Displays a visual progress indicator with optional percentage and step count
|
|
2158
|
+
*
|
|
2159
|
+
* @example
|
|
2160
|
+
* ```tsx
|
|
2161
|
+
* <Wizard.Progress showPercentage showStepCount />
|
|
2162
|
+
* ```
|
|
2163
|
+
*/
|
|
2164
|
+
declare function WizardProgress({ showPercentage, showStepCount, className, }: WizardProgressProps): react_jsx_runtime.JSX.Element;
|
|
2165
|
+
|
|
2166
|
+
/**
|
|
2167
|
+
* Root Wizard component
|
|
2168
|
+
*
|
|
2169
|
+
* Provides multi-step form functionality with:
|
|
2170
|
+
* - Per-step validation with Zod schemas
|
|
2171
|
+
* - Visual step indicators
|
|
2172
|
+
* - Navigation controls
|
|
2173
|
+
* - Progress tracking
|
|
2174
|
+
*
|
|
2175
|
+
* @example
|
|
2176
|
+
* ```tsx
|
|
2177
|
+
* const form = useForm<FormData>({
|
|
2178
|
+
* resolver: zodResolver(schema),
|
|
2179
|
+
* mode: 'onTouched',
|
|
2180
|
+
* });
|
|
2181
|
+
*
|
|
2182
|
+
* <Wizard form={form} steps={steps} onComplete={handleSubmit}>
|
|
2183
|
+
* <Wizard.Steps />
|
|
2184
|
+
* <Wizard.Content>
|
|
2185
|
+
* <Wizard.Panel name="step1">...</Wizard.Panel>
|
|
2186
|
+
* <Wizard.Panel name="step2">...</Wizard.Panel>
|
|
2187
|
+
* </Wizard.Content>
|
|
2188
|
+
* <Wizard.Navigation onCancel={handleClose} />
|
|
2189
|
+
* </Wizard>
|
|
2190
|
+
* ```
|
|
2191
|
+
*/
|
|
2192
|
+
declare function WizardRoot<T extends FieldValues>({ children, form, steps, initialStep, onStepChange, onComplete, validateOnNext, allowJumpToStep, className, }: WizardProps<T>): react_jsx_runtime.JSX.Element;
|
|
2193
|
+
declare const Wizard: typeof WizardRoot & {
|
|
2194
|
+
/** Visual step indicators */
|
|
2195
|
+
Steps: typeof WizardSteps;
|
|
2196
|
+
/** Container for step panels */
|
|
2197
|
+
Content: typeof WizardContent;
|
|
2198
|
+
/** Individual step content panel */
|
|
2199
|
+
Panel: typeof WizardPanel;
|
|
2200
|
+
/** Navigation buttons (prev, next, submit) */
|
|
2201
|
+
Navigation: typeof WizardNavigation;
|
|
2202
|
+
/** Progress bar indicator */
|
|
2203
|
+
Progress: typeof WizardProgress;
|
|
2204
|
+
};
|
|
2205
|
+
|
|
2206
|
+
/**
|
|
2207
|
+
* Hook to access wizard context
|
|
2208
|
+
* @throws Error if used outside of Wizard component
|
|
2209
|
+
*/
|
|
2210
|
+
declare function useWizardContext<T extends FieldValues = FieldValues>(): WizardContextValue<T>;
|
|
2211
|
+
/**
|
|
2212
|
+
* Optional hook that returns undefined if outside wizard context
|
|
2213
|
+
*/
|
|
2214
|
+
declare function useWizardContextOptional<T extends FieldValues = FieldValues>(): WizardContextValue<T> | undefined;
|
|
2215
|
+
interface WizardProviderProps<T extends FieldValues> extends WizardProps<T> {
|
|
2216
|
+
children: ReactNode;
|
|
2217
|
+
}
|
|
2218
|
+
/**
|
|
2219
|
+
* Wizard context provider component
|
|
2220
|
+
*/
|
|
2221
|
+
declare function WizardProvider<T extends FieldValues>({ children, form, steps, initialStep, onStepChange, validateOnNext, allowJumpToStep, }: WizardProviderProps<T>): react_jsx_runtime.JSX.Element;
|
|
2222
|
+
|
|
2223
|
+
/**
|
|
2224
|
+
* Individual step indicator component
|
|
2225
|
+
*
|
|
2226
|
+
* Displays a step with:
|
|
2227
|
+
* - Circle with number/icon/checkmark
|
|
2228
|
+
* - Optional label
|
|
2229
|
+
* - Optional description
|
|
2230
|
+
*/
|
|
2231
|
+
declare function WizardStepIndicator({ step, index, state, showNumber, showDescription, size, isClickable, onClick, }: WizardStepIndicatorProps): react_jsx_runtime.JSX.Element;
|
|
2232
|
+
|
|
2233
|
+
/**
|
|
2234
|
+
* Connector line between wizard steps
|
|
2235
|
+
*
|
|
2236
|
+
* Changes color based on completion state:
|
|
2237
|
+
* - Completed: primary/green color
|
|
2238
|
+
* - Pending: muted gray
|
|
2239
|
+
*/
|
|
2240
|
+
declare function WizardStepConnector({ isCompleted, variant, className, }: WizardStepConnectorProps): react_jsx_runtime.JSX.Element;
|
|
2241
|
+
|
|
2242
|
+
interface LogoProps {
|
|
2243
|
+
/** Width of the logo (number for px, string for custom units) */
|
|
2244
|
+
width?: number | string;
|
|
2245
|
+
/** Color of the logo (defaults to currentColor for theme compatibility) */
|
|
2246
|
+
color?: string;
|
|
2247
|
+
/** Additional CSS classes */
|
|
2248
|
+
className?: string;
|
|
2249
|
+
}
|
|
2250
|
+
/**
|
|
2251
|
+
* Facter brand logo - SVG component
|
|
2252
|
+
*
|
|
2253
|
+
* The logo uses currentColor by default, so it inherits the text color
|
|
2254
|
+
* from its parent. Use the `color` prop to override, or apply text color
|
|
2255
|
+
* classes via `className`.
|
|
2256
|
+
*
|
|
2257
|
+
* @example
|
|
2258
|
+
* // Basic usage (inherits color from parent)
|
|
2259
|
+
* <Logo width={32} />
|
|
2260
|
+
*
|
|
2261
|
+
* // With explicit color class
|
|
2262
|
+
* <Logo width={32} className="text-primary" />
|
|
2263
|
+
*
|
|
2264
|
+
* // With custom color
|
|
2265
|
+
* <Logo width={32} color="#ffffff" />
|
|
2266
|
+
*/
|
|
2267
|
+
declare function Logo({ width, color, className, }: LogoProps): react_jsx_runtime.JSX.Element;
|
|
2268
|
+
|
|
1238
2269
|
type Theme = 'dark' | 'light' | 'system';
|
|
1239
2270
|
interface ThemeProviderProps {
|
|
1240
2271
|
children: React$1.ReactNode;
|
|
@@ -1257,4 +2288,4 @@ declare const useTheme: () => ThemeProviderState;
|
|
|
1257
2288
|
*/
|
|
1258
2289
|
declare function cn(...inputs: ClassValue[]): string;
|
|
1259
2290
|
|
|
1260
|
-
export { AuthLayout, type AuthLayoutBodyProps, type AuthLayoutContentProps, type AuthLayoutDividerProps, type AuthLayoutFooterProps, type AuthLayoutHeaderProps, type AuthLayoutImageProps, type AuthLayoutLinkProps, type AuthLayoutProps, Badge, type BadgeProps, type BaseFieldProps, Button, type ButtonProps, Checkbox, type CheckboxProps, DENSITY_CONFIG, DashboardLayout, type DashboardLayoutBreadcrumbsProps, type DashboardLayoutContentProps, type DashboardLayoutContextValue, type DashboardLayoutHeaderActionsProps, type DashboardLayoutHeaderProps, type DashboardLayoutHeaderTitleProps, type DashboardLayoutHeaderUserProps, type DashboardLayoutMobileNavItemProps, type DashboardLayoutMobileNavProps, type DashboardLayoutProps, type DashboardLayoutSidebarFooterProps, type DashboardLayoutSidebarHeaderProps, type DashboardLayoutSidebarNavGroupProps, type DashboardLayoutSidebarNavItemProps, type DashboardLayoutSidebarNavProps, type DashboardLayoutSidebarProps, type DashboardLayoutSidebarSectionProps, DataTable, type DataTableBulkActionsProps, type DataTableColumnHeaderProps, type DataTableColumnVisibilityProps, type DataTableContentProps, type DataTableContextValue, type DataTableDensity, type DataTableDensityToggleProps, type DataTableEmptyStateProps, type DataTableExportFormat, type DataTableExportProps, type DataTableFilterOption, type DataTableFilterProps, type DataTableFiltersProps, type DataTableLoadingProps, type DataTableMeta, type DataTablePaginationMode, type DataTablePaginationProps, type DataTableProps, type DataTableRowActionsProps, type DataTableSearchProps, type DataTableState, type DataTableTab, type DataTableTabsProps, type DataTableToolbarProps, Dialog, DialogBody, DialogClose, DialogContent, type DialogContentProps, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DialogWrapper, type DialogWrapperProps, EmptyState, type EmptyStateProps, Form, FormCheckbox, type FormCheckboxProps, type FormContextValue, FormDescription, type FormDescriptionProps, FormError, type FormErrorProps, type FormFieldContextValue, FormFieldProvider, FormFieldWrapper, type FormFieldWrapperProps, FormInput, type FormInputProps, FormLabel, type FormLabelProps, FormProvider, FormRadioGroup, type FormRadioGroupProps, type FormRootProps, FormSelect, type FormSelectProps, FormSwitch, type FormSwitchProps, FormTextarea, type FormTextareaProps, GlobalLoaderController, Input, type InputProps, Loader, type LoaderProps, LoaderProvider, type MaskType, type PaginatedResponse, type PaginationMeta, type PaginationParams, type RadioOption, RippleBackground, type RippleBackgroundProps, RippleEffect, type RippleEffectProps, RippleWrapper, type RippleWrapperProps, Select, SelectGroup, SelectItem, type SelectItemProps, SelectLabel, type SelectOption, type SelectProps, SelectSeparator, SelectionLayout, type SelectionLayoutCardProps, type SelectionLayoutEmptyProps, type SelectionLayoutHeaderProps, type SelectionLayoutHeadlineProps, type SelectionLayoutListProps, type SelectionLayoutLogoProps, type SelectionLayoutMainProps, type SelectionLayoutProps, type SelectionLayoutSearchProps, type SelectionLayoutSidebarProps, type SelectionLayoutStatsProps, type SelectionLayoutTabProps, type SelectionLayoutTabsProps, Switch, type SwitchProps, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, type TextareaProps, ThemeProvider, Toaster, type ToasterProps, type UseDataTableConfig, cn, loader, toast, useDashboardLayout, useDataTable, useDataTableColumnVisibility, useDataTableDensity, useDataTableEmpty, useDataTableInstance, useDataTableLoading, useDataTableMeta, useDataTablePagination, useDataTableSelection, useDataTableSorting, useDataTableState, useDebounce, useDebouncedCallback, useFormContext, useFormFieldContext, useLoader, useTheme };
|
|
2291
|
+
export { AuthLayout, type AuthLayoutBodyProps, type AuthLayoutContentProps, type AuthLayoutDividerProps, type AuthLayoutFooterProps, type AuthLayoutHeaderProps, type AuthLayoutImageProps, type AuthLayoutLinkProps, type AuthLayoutProps, Avatar, AvatarFallback, type AvatarFallbackProps, AvatarImage, type AvatarImageProps, type AvatarProps, Badge, type BadgeProps, type BadgeVariant, type BaseFieldProps, BigNumberCard, type BigNumberCardContentProps, type BigNumberCardHeaderProps, type BigNumberCardLinkProps, type BigNumberCardRootProps, type BigNumberCardSize, type BigNumberCardSparklineProps, type BigNumberCardTitleProps, type BigNumberCardTrendProps, type BigNumberCardValueProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, Card, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps, Checkbox, type CheckboxProps, type Company, DENSITY_CONFIG, DashboardLayout, type DashboardLayoutBreadcrumbsProps, type DashboardLayoutContentProps, type DashboardLayoutContextValue, type DashboardLayoutHeaderActionsProps, type DashboardLayoutHeaderProps, type DashboardLayoutHeaderTitleProps, type DashboardLayoutHeaderUserProps, type DashboardLayoutMobileNavItemProps, type DashboardLayoutMobileNavProps, type DashboardLayoutProps, type DashboardLayoutSidebarFooterProps, type DashboardLayoutSidebarHeaderProps, type DashboardLayoutSidebarNavGroupProps, type DashboardLayoutSidebarNavItemProps, type DashboardLayoutSidebarNavProps, type DashboardLayoutSidebarProps, type DashboardLayoutSidebarSectionProps, DataTable, type DataTableBulkActionsProps, type DataTableColumnHeaderProps, type DataTableColumnVisibilityProps, type DataTableContentProps, type DataTableContextValue, type DataTableDensity, type DataTableDensityToggleProps, type DataTableEmptyStateProps, type DataTableExportFormat, type DataTableExportProps, type DataTableFilterOption, type DataTableFilterProps, type DataTableFiltersProps, type DataTableLoadingProps, type DataTableMeta, type DataTablePaginationMode, type DataTablePaginationProps, type DataTableProps, type DataTableRowActionsProps, type DataTableSearchProps, type DataTableState, type DataTableTab, type DataTableTabsProps, type DataTableToolbarProps, Dialog, DialogBody, DialogClose, DialogContent, type DialogContentProps, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DialogWrapper, type DialogWrapperProps, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, type EmptyStateProps, Form, FormCheckbox, type FormCheckboxProps, type FormContextValue, FormDescription, type FormDescriptionProps, FormError, type FormErrorProps, type FormFieldContextValue, FormFieldProvider, FormFieldWrapper, type FormFieldWrapperProps, FormInput, type FormInputProps, FormLabel, type FormLabelProps, FormProvider, FormRadioGroup, type FormRadioGroupProps, type FormRootProps, FormSelect, type FormSelectProps, FormSwitch, type FormSwitchProps, FormTextarea, type FormTextareaProps, GlobalLoaderController, Input, type InputProps, Kanban, type KanbanBoardProps, type KanbanCardProps, type KanbanColumnConfig, type KanbanColumnProps, type KanbanContextValue, type KanbanDragResult, type KanbanEmptyProps, type KanbanItem, Loader, type LoaderProps, LoaderProvider, Logo, type LogoProps, type MaskType, MobileNav, type MobileNavFabAction, MobileNavItem, type MobileNavItemConfig, type MobileNavItemProps, type MobileNavProps, Navbar, NavbarCompanyProfile, type NavbarCompanyProfileProps, NavbarNotification, type NavbarNotificationProps, type NavbarProps, NavbarUserMenu, type NavbarUserMenuProps, type NotificationItem, type PaginatedResponse, type PaginationMeta, type PaginationParams, Popover, PopoverContent, PopoverTrigger, type RadioOption, RippleBackground, type RippleBackgroundProps, RippleEffect, type RippleEffectProps, RippleWrapper, type RippleWrapperProps, ScrollArea, ScrollBar, SectionHeader, SectionHeaderActions, type SectionHeaderActionsProps, SectionHeaderBadge, type SectionHeaderBadgeProps, SectionHeaderContent, type SectionHeaderContentProps, SectionHeaderIcon, type SectionHeaderIconProps, SectionHeaderRoot, type SectionHeaderRootProps, SectionHeaderSubtitle, type SectionHeaderSubtitleProps, SectionHeaderTitle, type SectionHeaderTitleProps, Select, SelectGroup, SelectItem, type SelectItemProps, SelectLabel, type SelectOption, type SelectProps, SelectSeparator, SelectionLayout, type SelectionLayoutCardProps, type SelectionLayoutEmptyProps, type SelectionLayoutHeaderProps, type SelectionLayoutHeadlineProps, type SelectionLayoutListProps, type SelectionLayoutLogoProps, type SelectionLayoutMainProps, type SelectionLayoutProps, type SelectionLayoutSearchProps, type SelectionLayoutSidebarProps, type SelectionLayoutStatsProps, type SelectionLayoutTabProps, type SelectionLayoutTabsProps, Separator, Sidebar, type SidebarContextValue, type SidebarFooterMenuItem, type SidebarFooterProps, type SidebarFooterUser, type SidebarHeaderProps, type SidebarNavGroupProps, type SidebarNavItemProps, type SidebarNavProps, type SidebarProps, type SidebarSectionProps, Skeleton, type SkeletonProps, Sparkline, type SparklineColor, type StepState, Switch, type SwitchProps, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, type TextareaProps, ThemeProvider, ThemeToggle, type ThemeToggleProps, Toaster, type ToasterProps, type UseDataTableConfig, type UserMenuItemConfig, type ValidationSchema, Wizard, WizardContent, type WizardContentProps, type WizardContextValue, WizardNavigation, type WizardNavigationProps, WizardPanel, type WizardPanelProps, WizardProgress, type WizardProgressProps, type WizardProps, WizardProvider, type WizardStepConfig, WizardStepConnector, type WizardStepConnectorProps, WizardStepIndicator, type WizardStepIndicatorProps, WizardSteps, type WizardStepsProps, cn, loader, toast, useDashboardLayout, useDataTable, useDataTableColumnVisibility, useDataTableDensity, useDataTableEmpty, useDataTableInstance, useDataTableLoading, useDataTableMeta, useDataTablePagination, useDataTableSelection, useDataTableSorting, useDataTableState, useDebounce, useDebouncedCallback, useFormContext, useFormFieldContext, useKanban, useKanbanOptional, useLoader, useMediaQuery, useSidebar, useSidebarOptional, useTheme, useWizardContext, useWizardContextOptional };
|