@inspirare/design-system 0.0.5 → 0.0.7
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.ts +445 -1
- package/dist/index.js +57 -1
- package/package.json +22 -17
package/dist/index.d.ts
CHANGED
|
@@ -1 +1,445 @@
|
|
|
1
|
-
|
|
1
|
+
import * as AccordionPrimitive from '@radix-ui/react-accordion';
|
|
2
|
+
import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
|
|
3
|
+
import * as AvatarPrimitive from '@radix-ui/react-avatar';
|
|
4
|
+
import { Checkbox as Checkbox_2 } from 'radix-ui';
|
|
5
|
+
import { ClassProp } from 'class-variance-authority/types';
|
|
6
|
+
import { ClassValue } from 'clsx';
|
|
7
|
+
import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
|
|
8
|
+
import { Command as Command_2 } from 'cmdk';
|
|
9
|
+
import { ControllerProps } from 'react-hook-form';
|
|
10
|
+
import { DayButton } from 'react-day-picker';
|
|
11
|
+
import { DayPicker } from 'react-day-picker';
|
|
12
|
+
import * as DialogPrimitive from '@radix-ui/react-dialog';
|
|
13
|
+
import { Drawer as Drawer_2 } from 'vaul';
|
|
14
|
+
import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
|
|
15
|
+
import { FieldError } from 'react-hook-form';
|
|
16
|
+
import { FieldPath } from 'react-hook-form';
|
|
17
|
+
import { FieldValues } from 'react-hook-form';
|
|
18
|
+
import { FormProviderProps } from 'react-hook-form';
|
|
19
|
+
import * as HoverCardPrimitive from '@radix-ui/react-hover-card';
|
|
20
|
+
import { JSX } from 'react/jsx-runtime';
|
|
21
|
+
import * as LabelPrimitive from '@radix-ui/react-label';
|
|
22
|
+
import { MemoExoticComponent } from 'react';
|
|
23
|
+
import * as PopoverPrimitive from '@radix-ui/react-popover';
|
|
24
|
+
import * as ProgressPrimitive from '@radix-ui/react-progress';
|
|
25
|
+
import { RadioGroup as RadioGroup_2 } from 'radix-ui';
|
|
26
|
+
import * as React_2 from 'react';
|
|
27
|
+
import * as SelectPrimitive from '@radix-ui/react-select';
|
|
28
|
+
import * as SeparatorPrimitive from '@radix-ui/react-separator';
|
|
29
|
+
import * as SliderPrimitive from '@radix-ui/react-slider';
|
|
30
|
+
import { Slot } from '@radix-ui/react-slot';
|
|
31
|
+
import { Switch as Switch_2 } from 'radix-ui';
|
|
32
|
+
import * as TabsPrimitive from '@radix-ui/react-tabs';
|
|
33
|
+
import { ToasterProps } from 'sonner';
|
|
34
|
+
import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
|
|
35
|
+
import * as TogglePrimitive from '@radix-ui/react-toggle';
|
|
36
|
+
import * as TooltipPrimitive from '@radix-ui/react-tooltip';
|
|
37
|
+
import { VariantProps } from 'class-variance-authority';
|
|
38
|
+
|
|
39
|
+
export declare function Accordion({ ...props }: React_2.ComponentProps<typeof AccordionPrimitive.Root>): JSX.Element;
|
|
40
|
+
|
|
41
|
+
export declare function AccordionContent({ className, children, ...props }: React_2.ComponentProps<typeof AccordionPrimitive.Content>): JSX.Element;
|
|
42
|
+
|
|
43
|
+
export declare function AccordionItem({ className, ...props }: React_2.ComponentProps<typeof AccordionPrimitive.Item>): JSX.Element;
|
|
44
|
+
|
|
45
|
+
export declare function AccordionTrigger({ className, children, ...props }: React_2.ComponentProps<typeof AccordionPrimitive.Trigger>): JSX.Element;
|
|
46
|
+
|
|
47
|
+
export declare const AlertDialog: React_2.FC<AlertDialogPrimitive.AlertDialogProps>;
|
|
48
|
+
|
|
49
|
+
export declare const AlertDialogAction: React_2.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogActionProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
|
|
50
|
+
|
|
51
|
+
export declare const AlertDialogCancel: React_2.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogCancelProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
|
|
52
|
+
|
|
53
|
+
export declare const AlertDialogContent: React_2.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogContentProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
|
|
54
|
+
|
|
55
|
+
export declare const AlertDialogDescription: React_2.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogDescriptionProps & React_2.RefAttributes<HTMLParagraphElement>, "ref"> & React_2.RefAttributes<HTMLParagraphElement>>;
|
|
56
|
+
|
|
57
|
+
export declare const AlertDialogFooter: {
|
|
58
|
+
({ className, ...props }: React_2.HTMLAttributes<HTMLDivElement>): JSX.Element;
|
|
59
|
+
displayName: string;
|
|
60
|
+
};
|
|
61
|
+
|
|
62
|
+
export declare const AlertDialogHeader: {
|
|
63
|
+
({ className, ...props }: React_2.HTMLAttributes<HTMLDivElement>): JSX.Element;
|
|
64
|
+
displayName: string;
|
|
65
|
+
};
|
|
66
|
+
|
|
67
|
+
export declare const AlertDialogOverlay: React_2.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogOverlayProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
|
|
68
|
+
|
|
69
|
+
export declare const AlertDialogPortal: React_2.FC<AlertDialogPrimitive.AlertDialogPortalProps>;
|
|
70
|
+
|
|
71
|
+
export declare const AlertDialogTitle: React_2.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogTitleProps & React_2.RefAttributes<HTMLHeadingElement>, "ref"> & React_2.RefAttributes<HTMLHeadingElement>>;
|
|
72
|
+
|
|
73
|
+
export declare const AlertDialogTrigger: React_2.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogTriggerProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
|
|
74
|
+
|
|
75
|
+
export declare function Avatar({ className, ...props }: React_2.ComponentProps<typeof AvatarPrimitive.Root>): JSX.Element;
|
|
76
|
+
|
|
77
|
+
export declare function AvatarFallback({ className, ...props }: React_2.ComponentProps<typeof AvatarPrimitive.Fallback>): JSX.Element;
|
|
78
|
+
|
|
79
|
+
export declare function AvatarImage({ className, ...props }: React_2.ComponentProps<typeof AvatarPrimitive.Image>): JSX.Element;
|
|
80
|
+
|
|
81
|
+
export declare function Badge({ className, variant, asChild, ...props }: React_2.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
|
|
82
|
+
asChild?: boolean;
|
|
83
|
+
}): JSX.Element;
|
|
84
|
+
|
|
85
|
+
export declare const badgeVariants: (props?: ({
|
|
86
|
+
variant?: "default" | "destructive" | "outline" | "secondary" | null | undefined;
|
|
87
|
+
} & ClassProp) | undefined) => string;
|
|
88
|
+
|
|
89
|
+
export declare function Button({ className, variant, size, asChild, ...props }: React_2.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
|
|
90
|
+
asChild?: boolean;
|
|
91
|
+
}): JSX.Element;
|
|
92
|
+
|
|
93
|
+
export declare const buttonVariants: (props?: ({
|
|
94
|
+
variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
|
|
95
|
+
size?: "default" | "sm" | "lg" | "icon" | null | undefined;
|
|
96
|
+
} & ClassProp) | undefined) => string;
|
|
97
|
+
|
|
98
|
+
export declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, formatters, components, ...props }: React_2.ComponentProps<typeof DayPicker> & {
|
|
99
|
+
buttonVariant?: React_2.ComponentProps<typeof Button>["variant"];
|
|
100
|
+
}): JSX.Element;
|
|
101
|
+
|
|
102
|
+
export declare function CalendarDayButton({ className, day, modifiers, ...props }: React_2.ComponentProps<typeof DayButton>): JSX.Element;
|
|
103
|
+
|
|
104
|
+
export declare function Card({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
|
|
105
|
+
|
|
106
|
+
export declare function CardAction({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
|
|
107
|
+
|
|
108
|
+
export declare function CardContent({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
|
|
109
|
+
|
|
110
|
+
export declare function CardDescription({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
|
|
111
|
+
|
|
112
|
+
export declare function CardFooter({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
|
|
113
|
+
|
|
114
|
+
export declare function CardHeader({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
|
|
115
|
+
|
|
116
|
+
export declare function CardTitle({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
|
|
117
|
+
|
|
118
|
+
export declare function Checkbox({ className, ...props }: React_2.ComponentProps<typeof Checkbox_2.Root>): JSX.Element;
|
|
119
|
+
|
|
120
|
+
export declare function cn(...inputs: ClassValue[]): string;
|
|
121
|
+
|
|
122
|
+
export declare function Collapsible({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.Root>): JSX.Element;
|
|
123
|
+
|
|
124
|
+
export declare function CollapsibleContent({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>): JSX.Element;
|
|
125
|
+
|
|
126
|
+
export declare function CollapsibleTrigger({ className, ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>): JSX.Element;
|
|
127
|
+
|
|
128
|
+
export declare function ColorPicker({ value, onChange, className, disabled, }: ColorPickerProps): JSX.Element;
|
|
129
|
+
|
|
130
|
+
declare interface ColorPickerProps {
|
|
131
|
+
value: string;
|
|
132
|
+
onChange: (color: string) => void;
|
|
133
|
+
className?: string;
|
|
134
|
+
disabled?: boolean;
|
|
135
|
+
}
|
|
136
|
+
|
|
137
|
+
export declare function Command({ className, ...props }: React_2.ComponentProps<typeof Command_2>): JSX.Element;
|
|
138
|
+
|
|
139
|
+
export declare function CommandDialog({ title, description, children, className, showCloseButton, ...props }: React_2.ComponentProps<typeof Dialog> & {
|
|
140
|
+
title?: string;
|
|
141
|
+
description?: string;
|
|
142
|
+
className?: string;
|
|
143
|
+
showCloseButton?: boolean;
|
|
144
|
+
}): JSX.Element;
|
|
145
|
+
|
|
146
|
+
export declare function CommandEmpty({ ...props }: React_2.ComponentProps<typeof Command_2.Empty>): JSX.Element;
|
|
147
|
+
|
|
148
|
+
export declare function CommandGroup({ className, ...props }: React_2.ComponentProps<typeof Command_2.Group>): JSX.Element;
|
|
149
|
+
|
|
150
|
+
export declare function CommandInput({ className, ...props }: React_2.ComponentProps<typeof Command_2.Input>): JSX.Element;
|
|
151
|
+
|
|
152
|
+
export declare function CommandItem({ className, ...props }: React_2.ComponentProps<typeof Command_2.Item>): JSX.Element;
|
|
153
|
+
|
|
154
|
+
export declare function CommandList({ className, ...props }: React_2.ComponentProps<typeof Command_2.List>): JSX.Element;
|
|
155
|
+
|
|
156
|
+
export declare function CommandSeparator({ className, ...props }: React_2.ComponentProps<typeof Command_2.Separator>): JSX.Element;
|
|
157
|
+
|
|
158
|
+
export declare function CommandShortcut({ className, ...props }: React_2.ComponentProps<"span">): JSX.Element;
|
|
159
|
+
|
|
160
|
+
export declare function Dialog({ ...props }: React_2.ComponentProps<typeof DialogPrimitive.Root>): JSX.Element;
|
|
161
|
+
|
|
162
|
+
export declare function DialogClose({ className, ...props }: React_2.ComponentProps<typeof DialogPrimitive.Close>): JSX.Element;
|
|
163
|
+
|
|
164
|
+
export declare function DialogContent({ className, children, showCloseButton, ...props }: React_2.ComponentProps<typeof DialogPrimitive.Content> & {
|
|
165
|
+
showCloseButton?: boolean;
|
|
166
|
+
}): JSX.Element;
|
|
167
|
+
|
|
168
|
+
export declare function DialogDescription({ className, ...props }: React_2.ComponentProps<typeof DialogPrimitive.Description>): JSX.Element;
|
|
169
|
+
|
|
170
|
+
export declare function DialogFooter({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
|
|
171
|
+
|
|
172
|
+
export declare function DialogHeader({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
|
|
173
|
+
|
|
174
|
+
export declare function DialogOverlay({ className, ...props }: React_2.ComponentProps<typeof DialogPrimitive.Overlay>): JSX.Element;
|
|
175
|
+
|
|
176
|
+
export declare function DialogPortal({ ...props }: React_2.ComponentProps<typeof DialogPrimitive.Portal>): JSX.Element;
|
|
177
|
+
|
|
178
|
+
export declare function DialogTitle({ className, ...props }: React_2.ComponentProps<typeof DialogPrimitive.Title>): JSX.Element;
|
|
179
|
+
|
|
180
|
+
export declare function DialogTrigger({ className, ...props }: React_2.ComponentProps<typeof DialogPrimitive.Trigger>): JSX.Element;
|
|
181
|
+
|
|
182
|
+
export declare function Drawer({ ...props }: React_2.ComponentProps<typeof Drawer_2.Root>): JSX.Element;
|
|
183
|
+
|
|
184
|
+
export declare function DrawerClose({ className, ...props }: React_2.ComponentProps<typeof Drawer_2.Close>): JSX.Element;
|
|
185
|
+
|
|
186
|
+
export declare function DrawerContent({ className, children, ...props }: React_2.ComponentProps<typeof Drawer_2.Content>): JSX.Element;
|
|
187
|
+
|
|
188
|
+
export declare function DrawerDescription({ className, ...props }: React_2.ComponentProps<typeof Drawer_2.Description>): JSX.Element;
|
|
189
|
+
|
|
190
|
+
export declare function DrawerFooter({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
|
|
191
|
+
|
|
192
|
+
export declare function DrawerHeader({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
|
|
193
|
+
|
|
194
|
+
export declare function DrawerOverlay({ className, ...props }: React_2.ComponentProps<typeof Drawer_2.Overlay>): JSX.Element;
|
|
195
|
+
|
|
196
|
+
export declare function DrawerPortal({ ...props }: React_2.ComponentProps<typeof Drawer_2.Portal>): JSX.Element;
|
|
197
|
+
|
|
198
|
+
export declare function DrawerTitle({ className, ...props }: React_2.ComponentProps<typeof Drawer_2.Title>): JSX.Element;
|
|
199
|
+
|
|
200
|
+
export declare function DrawerTrigger({ className, ...props }: React_2.ComponentProps<typeof Drawer_2.Trigger>): JSX.Element;
|
|
201
|
+
|
|
202
|
+
export declare function DropdownMenu({ ...props }: React_2.ComponentProps<typeof DropdownMenuPrimitive.Root>): JSX.Element;
|
|
203
|
+
|
|
204
|
+
export declare function DropdownMenuCheckboxItem({ className, children, checked, ...props }: React_2.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>): JSX.Element;
|
|
205
|
+
|
|
206
|
+
export declare function DropdownMenuContent({ className, sideOffset, ...props }: React_2.ComponentProps<typeof DropdownMenuPrimitive.Content>): JSX.Element;
|
|
207
|
+
|
|
208
|
+
export declare function DropdownMenuGroup({ ...props }: React_2.ComponentProps<typeof DropdownMenuPrimitive.Group>): JSX.Element;
|
|
209
|
+
|
|
210
|
+
export declare function DropdownMenuItem({ className, inset, variant, ...props }: React_2.ComponentProps<typeof DropdownMenuPrimitive.Item> & {
|
|
211
|
+
inset?: boolean;
|
|
212
|
+
variant?: "default" | "destructive";
|
|
213
|
+
}): JSX.Element;
|
|
214
|
+
|
|
215
|
+
export declare function DropdownMenuLabel({ className, inset, ...props }: React_2.ComponentProps<typeof DropdownMenuPrimitive.Label> & {
|
|
216
|
+
inset?: boolean;
|
|
217
|
+
}): JSX.Element;
|
|
218
|
+
|
|
219
|
+
export declare function DropdownMenuPortal({ ...props }: React_2.ComponentProps<typeof DropdownMenuPrimitive.Portal>): JSX.Element;
|
|
220
|
+
|
|
221
|
+
export declare function DropdownMenuRadioGroup({ ...props }: React_2.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>): JSX.Element;
|
|
222
|
+
|
|
223
|
+
export declare function DropdownMenuRadioItem({ className, children, ...props }: React_2.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>): JSX.Element;
|
|
224
|
+
|
|
225
|
+
export declare function DropdownMenuSeparator({ className, ...props }: React_2.ComponentProps<typeof DropdownMenuPrimitive.Separator>): JSX.Element;
|
|
226
|
+
|
|
227
|
+
export declare function DropdownMenuShortcut({ className, ...props }: React_2.ComponentProps<"span">): JSX.Element;
|
|
228
|
+
|
|
229
|
+
export declare function DropdownMenuSub({ ...props }: React_2.ComponentProps<typeof DropdownMenuPrimitive.Sub>): JSX.Element;
|
|
230
|
+
|
|
231
|
+
export declare function DropdownMenuSubContent({ className, ...props }: React_2.ComponentProps<typeof DropdownMenuPrimitive.SubContent>): JSX.Element;
|
|
232
|
+
|
|
233
|
+
export declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: React_2.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
|
|
234
|
+
inset?: boolean;
|
|
235
|
+
}): JSX.Element;
|
|
236
|
+
|
|
237
|
+
export declare function DropdownMenuTrigger({ className, ...props }: React_2.ComponentProps<typeof DropdownMenuPrimitive.Trigger>): JSX.Element;
|
|
238
|
+
|
|
239
|
+
export declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>(props: FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React_2.JSX.Element;
|
|
240
|
+
|
|
241
|
+
export declare function FormControl({ ...props }: React_2.ComponentProps<typeof Slot>): JSX.Element;
|
|
242
|
+
|
|
243
|
+
export declare function FormDescription({ className, ...props }: React_2.ComponentProps<"p">): JSX.Element;
|
|
244
|
+
|
|
245
|
+
export declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => JSX.Element;
|
|
246
|
+
|
|
247
|
+
export declare function FormItem({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
|
|
248
|
+
|
|
249
|
+
export declare function FormLabel({ className, ...props }: React_2.ComponentProps<typeof LabelPrimitive.Root>): JSX.Element;
|
|
250
|
+
|
|
251
|
+
export declare function FormMessage({ className, ...props }: React_2.ComponentProps<"p">): JSX.Element | null;
|
|
252
|
+
|
|
253
|
+
export declare function HoverCard({ ...props }: React_2.ComponentProps<typeof HoverCardPrimitive.Root>): JSX.Element;
|
|
254
|
+
|
|
255
|
+
export declare function HoverCardContent({ className, align, sideOffset, ...props }: React_2.ComponentProps<typeof HoverCardPrimitive.Content>): JSX.Element;
|
|
256
|
+
|
|
257
|
+
export declare function HoverCardTrigger({ className, ...props }: React_2.ComponentProps<typeof HoverCardPrimitive.Trigger>): JSX.Element;
|
|
258
|
+
|
|
259
|
+
export declare function Input({ className, type, ...props }: React_2.ComponentProps<"input">): JSX.Element;
|
|
260
|
+
|
|
261
|
+
export declare function Label({ className, ...props }: React_2.ComponentProps<typeof LabelPrimitive.Root>): JSX.Element;
|
|
262
|
+
|
|
263
|
+
export declare function Popover({ ...props }: React_2.ComponentProps<typeof PopoverPrimitive.Root>): JSX.Element;
|
|
264
|
+
|
|
265
|
+
export declare function PopoverAnchor({ ...props }: React_2.ComponentProps<typeof PopoverPrimitive.Anchor>): JSX.Element;
|
|
266
|
+
|
|
267
|
+
export declare function PopoverContent({ className, align, sideOffset, ...props }: React_2.ComponentProps<typeof PopoverPrimitive.Content>): JSX.Element;
|
|
268
|
+
|
|
269
|
+
export declare function PopoverTrigger({ className, ...props }: React_2.ComponentProps<typeof PopoverPrimitive.Trigger>): JSX.Element;
|
|
270
|
+
|
|
271
|
+
export declare function Progress({ className, value, ...props }: React_2.ComponentProps<typeof ProgressPrimitive.Root>): JSX.Element;
|
|
272
|
+
|
|
273
|
+
export declare function RadioGroup({ className, ...props }: React_2.ComponentProps<typeof RadioGroup_2.Root>): JSX.Element;
|
|
274
|
+
|
|
275
|
+
export declare function RadioGroupItem({ className, ...props }: React_2.ComponentProps<typeof RadioGroup_2.Item>): JSX.Element;
|
|
276
|
+
|
|
277
|
+
export declare function ScreenReaderAnnouncement({ message, priority, }: ScreenReaderAnnouncementProps): JSX.Element;
|
|
278
|
+
|
|
279
|
+
/**
|
|
280
|
+
* Componente para anunciar mudanças de estado para leitores de tela
|
|
281
|
+
*/
|
|
282
|
+
declare interface ScreenReaderAnnouncementProps {
|
|
283
|
+
message: string;
|
|
284
|
+
priority?: "polite" | "assertive";
|
|
285
|
+
}
|
|
286
|
+
|
|
287
|
+
export declare const ScrollArea: React_2.MemoExoticComponent<({ className, children, }: ScrollAreaProps) => JSX.Element>;
|
|
288
|
+
|
|
289
|
+
export declare type ScrollAreaProps = {
|
|
290
|
+
className?: string;
|
|
291
|
+
children?: React_2.ReactNode;
|
|
292
|
+
};
|
|
293
|
+
|
|
294
|
+
export declare const ScrollBar: () => null;
|
|
295
|
+
|
|
296
|
+
export declare function Select({ ...props }: React_2.ComponentProps<typeof SelectPrimitive.Root>): JSX.Element;
|
|
297
|
+
|
|
298
|
+
export declare function SelectContent({ className, children, position, ...props }: React_2.ComponentProps<typeof SelectPrimitive.Content>): JSX.Element;
|
|
299
|
+
|
|
300
|
+
export declare function SelectGroup({ ...props }: React_2.ComponentProps<typeof SelectPrimitive.Group>): JSX.Element;
|
|
301
|
+
|
|
302
|
+
export declare function SelectItem({ className, children, ...props }: React_2.ComponentProps<typeof SelectPrimitive.Item>): JSX.Element;
|
|
303
|
+
|
|
304
|
+
export declare function SelectLabel({ className, ...props }: React_2.ComponentProps<typeof SelectPrimitive.Label>): JSX.Element;
|
|
305
|
+
|
|
306
|
+
export declare function SelectScrollDownButton({ className, ...props }: React_2.ComponentProps<typeof SelectPrimitive.ScrollDownButton>): JSX.Element;
|
|
307
|
+
|
|
308
|
+
export declare function SelectScrollUpButton({ className, ...props }: React_2.ComponentProps<typeof SelectPrimitive.ScrollUpButton>): JSX.Element;
|
|
309
|
+
|
|
310
|
+
export declare function SelectSeparator({ className, ...props }: React_2.ComponentProps<typeof SelectPrimitive.Separator>): JSX.Element;
|
|
311
|
+
|
|
312
|
+
export declare function SelectTrigger({ className, size, children, ...props }: React_2.ComponentProps<typeof SelectPrimitive.Trigger> & {
|
|
313
|
+
size?: "sm" | "default";
|
|
314
|
+
}): JSX.Element;
|
|
315
|
+
|
|
316
|
+
export declare function SelectValue({ ...props }: React_2.ComponentProps<typeof SelectPrimitive.Value>): JSX.Element;
|
|
317
|
+
|
|
318
|
+
export declare function Separator({ className, orientation, decorative, ...props }: React_2.ComponentProps<typeof SeparatorPrimitive.Root>): JSX.Element;
|
|
319
|
+
|
|
320
|
+
export declare function Sheet({ ...props }: React_2.ComponentProps<typeof DialogPrimitive.Root>): JSX.Element;
|
|
321
|
+
|
|
322
|
+
export declare function SheetClose({ className, ...props }: React_2.ComponentProps<typeof DialogPrimitive.Close>): JSX.Element;
|
|
323
|
+
|
|
324
|
+
export declare function SheetContent({ className, children, side, ...props }: React_2.ComponentProps<typeof DialogPrimitive.Content> & {
|
|
325
|
+
side?: "top" | "right" | "bottom" | "left";
|
|
326
|
+
}): JSX.Element;
|
|
327
|
+
|
|
328
|
+
export declare function SheetDescription({ className, ...props }: React_2.ComponentProps<typeof DialogPrimitive.Description>): JSX.Element;
|
|
329
|
+
|
|
330
|
+
export declare function SheetFooter({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
|
|
331
|
+
|
|
332
|
+
export declare function SheetHeader({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
|
|
333
|
+
|
|
334
|
+
export declare function SheetTitle({ className, ...props }: React_2.ComponentProps<typeof DialogPrimitive.Title>): JSX.Element;
|
|
335
|
+
|
|
336
|
+
export declare function SheetTrigger({ className, ...props }: React_2.ComponentProps<typeof DialogPrimitive.Trigger>): JSX.Element;
|
|
337
|
+
|
|
338
|
+
export declare function Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): JSX.Element;
|
|
339
|
+
|
|
340
|
+
export declare function SkeletonAvatar({ className, size, ...props }: React.HTMLAttributes<HTMLDivElement> & {
|
|
341
|
+
size?: "sm" | "default" | "lg";
|
|
342
|
+
}): JSX.Element;
|
|
343
|
+
|
|
344
|
+
export declare function SkeletonButton({ className, variant, ...props }: React.HTMLAttributes<HTMLDivElement> & {
|
|
345
|
+
variant?: "default" | "sm" | "lg";
|
|
346
|
+
}): JSX.Element;
|
|
347
|
+
|
|
348
|
+
export declare function SkeletonCard({ className, children, ...props }: React.HTMLAttributes<HTMLDivElement>): JSX.Element;
|
|
349
|
+
|
|
350
|
+
export declare function SkeletonText({ className, variant, ...props }: React.HTMLAttributes<HTMLDivElement> & {
|
|
351
|
+
variant?: "default" | "title" | "subtitle" | "caption";
|
|
352
|
+
}): JSX.Element;
|
|
353
|
+
|
|
354
|
+
export declare function Slider({ className, defaultValue, value, min, max, ...props }: React_2.ComponentProps<typeof SliderPrimitive.Root>): JSX.Element;
|
|
355
|
+
|
|
356
|
+
export declare function Switch({ className, size, ...props }: React_2.ComponentProps<typeof Switch_2.Root> & {
|
|
357
|
+
size?: "sm" | "default";
|
|
358
|
+
}): JSX.Element;
|
|
359
|
+
|
|
360
|
+
export declare function Table({ className, ...props }: React_2.ComponentProps<"table">): JSX.Element;
|
|
361
|
+
|
|
362
|
+
export declare function TableBody({ className, ...props }: React_2.ComponentProps<"tbody">): JSX.Element;
|
|
363
|
+
|
|
364
|
+
export declare function TableCaption({ className, ...props }: React_2.ComponentProps<"caption">): JSX.Element;
|
|
365
|
+
|
|
366
|
+
export declare function TableCell({ className, ...props }: React_2.ComponentProps<"td">): JSX.Element;
|
|
367
|
+
|
|
368
|
+
export declare function TableFooter({ className, ...props }: React_2.ComponentProps<"tfoot">): JSX.Element;
|
|
369
|
+
|
|
370
|
+
export declare function TableHead({ className, ...props }: React_2.ComponentProps<"th">): JSX.Element;
|
|
371
|
+
|
|
372
|
+
export declare function TableHeader({ className, ...props }: React_2.ComponentProps<"thead">): JSX.Element;
|
|
373
|
+
|
|
374
|
+
export declare function TableRow({ className, ...props }: React_2.ComponentProps<"tr">): JSX.Element;
|
|
375
|
+
|
|
376
|
+
export declare function Tabs({ className, ...props }: React_2.ComponentProps<typeof TabsPrimitive.Root>): JSX.Element;
|
|
377
|
+
|
|
378
|
+
export declare function TabsContent({ className, ...props }: React_2.ComponentProps<typeof TabsPrimitive.Content>): JSX.Element;
|
|
379
|
+
|
|
380
|
+
export declare function TabsList({ className, ...props }: React_2.ComponentProps<typeof TabsPrimitive.List>): JSX.Element;
|
|
381
|
+
|
|
382
|
+
export declare function TabsTrigger({ className, ...props }: React_2.ComponentProps<typeof TabsPrimitive.Trigger>): JSX.Element;
|
|
383
|
+
|
|
384
|
+
export declare function Textarea({ className, ...props }: React_2.ComponentProps<"textarea">): JSX.Element;
|
|
385
|
+
|
|
386
|
+
export declare const ThemeToggle: MemoExoticComponent<({ className, showLabel, }: ThemeToggleProps) => JSX.Element>;
|
|
387
|
+
|
|
388
|
+
declare interface ThemeToggleProps {
|
|
389
|
+
className?: string;
|
|
390
|
+
showLabel?: boolean;
|
|
391
|
+
}
|
|
392
|
+
|
|
393
|
+
export declare const Toaster: ({ ...props }: ToasterProps) => JSX.Element;
|
|
394
|
+
|
|
395
|
+
export declare function Toggle({ className, variant, size, ...props }: React_2.ComponentProps<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants>): JSX.Element;
|
|
396
|
+
|
|
397
|
+
export declare function ToggleGroup({ className, variant, size, children, ...props }: React_2.ComponentProps<typeof ToggleGroupPrimitive.Root> & VariantProps<typeof toggleVariants>): JSX.Element;
|
|
398
|
+
|
|
399
|
+
export declare function ToggleGroupItem({ className, children, variant, size, ...props }: React_2.ComponentProps<typeof ToggleGroupPrimitive.Item> & VariantProps<typeof toggleVariants>): JSX.Element;
|
|
400
|
+
|
|
401
|
+
export declare const toggleVariants: (props?: ({
|
|
402
|
+
variant?: "default" | "outline" | null | undefined;
|
|
403
|
+
size?: "default" | "sm" | "lg" | null | undefined;
|
|
404
|
+
} & ClassProp) | undefined) => string;
|
|
405
|
+
|
|
406
|
+
export declare function Tooltip({ ...props }: React_2.ComponentProps<typeof TooltipPrimitive.Root>): JSX.Element;
|
|
407
|
+
|
|
408
|
+
export declare function TooltipContent({ className, sideOffset, children, ...props }: React_2.ComponentProps<typeof TooltipPrimitive.Content>): JSX.Element;
|
|
409
|
+
|
|
410
|
+
export declare function TooltipProvider({ delayDuration, ...props }: React_2.ComponentProps<typeof TooltipPrimitive.Provider>): JSX.Element;
|
|
411
|
+
|
|
412
|
+
export declare function TooltipTrigger({ className, ...props }: React_2.ComponentProps<typeof TooltipPrimitive.Trigger>): JSX.Element;
|
|
413
|
+
|
|
414
|
+
export declare const useFormField: () => {
|
|
415
|
+
invalid: boolean;
|
|
416
|
+
isDirty: boolean;
|
|
417
|
+
isTouched: boolean;
|
|
418
|
+
isValidating: boolean;
|
|
419
|
+
error?: FieldError;
|
|
420
|
+
id: string;
|
|
421
|
+
name: string;
|
|
422
|
+
formItemId: string;
|
|
423
|
+
formDescriptionId: string;
|
|
424
|
+
formMessageId: string;
|
|
425
|
+
};
|
|
426
|
+
|
|
427
|
+
/**
|
|
428
|
+
* Hook para melhorar a acessibilidade dos modais
|
|
429
|
+
* Gerencia foco, escape key e aria-labels
|
|
430
|
+
*/
|
|
431
|
+
export declare function useModalAccessibility(isOpen: boolean, onClose: () => void): void;
|
|
432
|
+
|
|
433
|
+
/**
|
|
434
|
+
* Hook para anunciar mudanças de progresso
|
|
435
|
+
*/
|
|
436
|
+
export declare function useProgressAnnouncement(completedTabs: Set<string>, totalRequiredTabs: number): string;
|
|
437
|
+
|
|
438
|
+
/**
|
|
439
|
+
* Hook para gerenciar navegação por teclado em tabs
|
|
440
|
+
*/
|
|
441
|
+
export declare function useTabKeyboardNavigation(activeTab: string, tabs: Array<{
|
|
442
|
+
id: string;
|
|
443
|
+
}>, onTabChange: (tabId: string) => void): void;
|
|
444
|
+
|
|
445
|
+
export { }
|
package/dist/index.js
CHANGED
|
@@ -6830,4 +6830,60 @@ function nu({ className: e, sideOffset: t = 0, children: n, ...r }) {
|
|
|
6830
6830
|
}) });
|
|
6831
6831
|
}
|
|
6832
6832
|
//#endregion
|
|
6833
|
-
|
|
6833
|
+
//#region src/components/ui/accessibility-improvements.tsx
|
|
6834
|
+
function ru(e, t) {
|
|
6835
|
+
o(() => {
|
|
6836
|
+
if (!e) return;
|
|
6837
|
+
let n = (e) => {
|
|
6838
|
+
e.key === "Escape" && t();
|
|
6839
|
+
};
|
|
6840
|
+
document.addEventListener("keydown", n);
|
|
6841
|
+
let r = document.querySelectorAll("button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])");
|
|
6842
|
+
return r.length > 0 && r[0].focus(), () => {
|
|
6843
|
+
document.removeEventListener("keydown", n);
|
|
6844
|
+
};
|
|
6845
|
+
}, [e, t]);
|
|
6846
|
+
}
|
|
6847
|
+
function iu(e, t, n) {
|
|
6848
|
+
o(() => {
|
|
6849
|
+
let r = (r) => {
|
|
6850
|
+
if (r.target && r.target.getAttribute("role") === "tab") {
|
|
6851
|
+
let i = t.findIndex((t) => t.id === e);
|
|
6852
|
+
switch (r.key) {
|
|
6853
|
+
case "ArrowRight":
|
|
6854
|
+
case "ArrowDown":
|
|
6855
|
+
r.preventDefault(), n(t[(i + 1) % t.length].id);
|
|
6856
|
+
break;
|
|
6857
|
+
case "ArrowLeft":
|
|
6858
|
+
case "ArrowUp":
|
|
6859
|
+
r.preventDefault(), n(t[i === 0 ? t.length - 1 : i - 1].id);
|
|
6860
|
+
break;
|
|
6861
|
+
case "Home":
|
|
6862
|
+
r.preventDefault(), n(t[0].id);
|
|
6863
|
+
break;
|
|
6864
|
+
case "End":
|
|
6865
|
+
r.preventDefault(), n(t[t.length - 1].id);
|
|
6866
|
+
break;
|
|
6867
|
+
}
|
|
6868
|
+
}
|
|
6869
|
+
};
|
|
6870
|
+
return document.addEventListener("keydown", r), () => document.removeEventListener("keydown", r);
|
|
6871
|
+
}, [
|
|
6872
|
+
e,
|
|
6873
|
+
t,
|
|
6874
|
+
n
|
|
6875
|
+
]);
|
|
6876
|
+
}
|
|
6877
|
+
function au({ message: e, priority: t = "polite" }) {
|
|
6878
|
+
return /* @__PURE__ */ C("div", {
|
|
6879
|
+
"aria-live": t,
|
|
6880
|
+
"aria-atomic": "true",
|
|
6881
|
+
className: "sr-only",
|
|
6882
|
+
children: e
|
|
6883
|
+
});
|
|
6884
|
+
}
|
|
6885
|
+
function ou(e, t) {
|
|
6886
|
+
return `${e.size} de ${t} seções obrigatórias completas`;
|
|
6887
|
+
}
|
|
6888
|
+
//#endregion
|
|
6889
|
+
export { fe as Accordion, he as AccordionContent, pe as AccordionItem, me as AccordionTrigger, be as AlertDialog, Oe as AlertDialogAction, ke as AlertDialogCancel, we as AlertDialogContent, De as AlertDialogDescription, V as AlertDialogFooter, Te as AlertDialogHeader, Ce as AlertDialogOverlay, Se as AlertDialogPortal, Ee as AlertDialogTitle, xe as AlertDialogTrigger, Ae as Avatar, Me as AvatarFallback, je as AvatarImage, Pe as Badge, ye as Button, Vi as Calendar, Hi as CalendarDayButton, Ui as Card, qi as CardAction, Ji as CardContent, Ki as CardDescription, Yi as CardFooter, Wi as CardHeader, Gi as CardTitle, Xi as Checkbox, Zi as Collapsible, $i as CollapsibleContent, Qi as CollapsibleTrigger, Ra as ColorPicker, Ya as Command, Xa as CommandDialog, $a as CommandEmpty, eo as CommandGroup, Za as CommandInput, no as CommandItem, Qa as CommandList, to as CommandSeparator, ro as CommandShortcut, za as Dialog, Ha as DialogClose, Wa as DialogContent, Ja as DialogDescription, Ka as DialogFooter, Ga as DialogHeader, Ua as DialogOverlay, Va as DialogPortal, qa as DialogTitle, Ba as DialogTrigger, ss as Drawer, us as DrawerClose, fs as DrawerContent, gs as DrawerDescription, ms as DrawerFooter, ps as DrawerHeader, ds as DrawerOverlay, ls as DrawerPortal, hs as DrawerTitle, cs as DrawerTrigger, _s as DropdownMenu, Cs as DropdownMenuCheckboxItem, bs as DropdownMenuContent, xs as DropdownMenuGroup, Ss as DropdownMenuItem, Es as DropdownMenuLabel, vs as DropdownMenuPortal, ws as DropdownMenuRadioGroup, Ts as DropdownMenuRadioItem, Ds as DropdownMenuSeparator, Os as DropdownMenuShortcut, ks as DropdownMenuSub, js as DropdownMenuSubContent, As as DropdownMenuSubTrigger, ys as DropdownMenuTrigger, pc as Form, bc as FormControl, xc as FormDescription, hc as FormField, vc as FormItem, yc as FormLabel, Sc as FormMessage, Cc as HoverCard, Tc as HoverCardContent, wc as HoverCardTrigger, ea as Input, fc as Label, ta as Popover, ia as PopoverAnchor, ra as PopoverContent, na as PopoverTrigger, Ec as Progress, Dc as RadioGroup, Oc as RadioGroupItem, au as ScreenReaderAnnouncement, kc as ScrollArea, Ac as ScrollBar, jc as Select, Fc as SelectContent, Mc as SelectGroup, Lc as SelectItem, Ic as SelectLabel, Bc as SelectScrollDownButton, zc as SelectScrollUpButton, Rc as SelectSeparator, Pc as SelectTrigger, Nc as SelectValue, Vc as Separator, Hc as Sheet, Wc as SheetClose, qc as SheetContent, Zc as SheetDescription, Yc as SheetFooter, Jc as SheetHeader, Xc as SheetTitle, Uc as SheetTrigger, Qc as Skeleton, el as SkeletonAvatar, tl as SkeletonButton, nl as SkeletonCard, $c as SkeletonText, rl as Slider, Nl as Switch, Pl as Table, Il as TableBody, Vl as TableCaption, Bl as TableCell, Ll as TableFooter, zl as TableHead, Fl as TableHeader, Rl as TableRow, Hl as Tabs, Gl as TabsContent, Ul as TabsList, Wl as TabsTrigger, Kl as Textarea, ql as ThemeToggle, Ml as Toaster, Yl as Toggle, Zl as ToggleGroup, Ql as ToggleGroupItem, eu as Tooltip, nu as TooltipContent, $l as TooltipProvider, tu as TooltipTrigger, Ne as badgeVariants, ve as buttonVariants, z as cn, Jl as toggleVariants, gc as useFormField, ru as useModalAccessibility, ou as useProgressAnnouncement, iu as useTabKeyboardNavigation };
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@inspirare/design-system",
|
|
3
3
|
"private": false,
|
|
4
|
-
"version": "0.0.
|
|
4
|
+
"version": "0.0.7",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.js",
|
|
7
7
|
"module": "./dist/index.js",
|
|
@@ -11,6 +11,10 @@
|
|
|
11
11
|
"import": "./dist/index.js",
|
|
12
12
|
"types": "./dist/index.d.ts"
|
|
13
13
|
},
|
|
14
|
+
"./utils": {
|
|
15
|
+
"import": "./dist/index.js",
|
|
16
|
+
"types": "./dist/index.d.ts"
|
|
17
|
+
},
|
|
14
18
|
"./style.css": "./dist/index.css"
|
|
15
19
|
},
|
|
16
20
|
"files": [
|
|
@@ -50,6 +54,12 @@
|
|
|
50
54
|
"@tailwindcss/vite": "^4.2.4",
|
|
51
55
|
"class-variance-authority": "^0.7.1",
|
|
52
56
|
"clsx": "^2.1.1",
|
|
57
|
+
"cmdk": "^1.1.1",
|
|
58
|
+
"date-fns": "^4.1.0",
|
|
59
|
+
"framer-motion": "^12.38.0",
|
|
60
|
+
"lucide-react": "^1.14.0",
|
|
61
|
+
"next-themes": "^0.4.6",
|
|
62
|
+
"radix-ui": "^1.4.3",
|
|
53
63
|
"react-colorful": "^5.7.0",
|
|
54
64
|
"react-day-picker": "^9.14.0",
|
|
55
65
|
"react-hook-form": "^7.75.0",
|
|
@@ -59,30 +69,25 @@
|
|
|
59
69
|
"tailwindcss-animate": "^1.0.7",
|
|
60
70
|
"tailwindcss-displaymodes": "^1.0.8",
|
|
61
71
|
"vaul": "^1.1.2",
|
|
62
|
-
"zod": "^4.4.3"
|
|
63
|
-
"cmdk": "^1.1.1",
|
|
64
|
-
"date-fns": "^4.1.0",
|
|
65
|
-
"framer-motion": "^12.38.0",
|
|
66
|
-
"lucide-react": "^1.14.0",
|
|
67
|
-
"next-themes": "^0.4.6",
|
|
68
|
-
"radix-ui": "^1.4.3"
|
|
72
|
+
"zod": "^4.4.3"
|
|
69
73
|
},
|
|
70
74
|
"devDependencies": {
|
|
71
75
|
"@eslint/js": "^10.0.1",
|
|
76
|
+
"@microsoft/api-extractor": "^7.58.7",
|
|
72
77
|
"@types/node": "^24.12.2",
|
|
73
|
-
"@types/react": "^
|
|
74
|
-
"@types/react-dom": "^
|
|
75
|
-
"@vitejs/plugin-react": "^
|
|
78
|
+
"@types/react": "^18.3.12",
|
|
79
|
+
"@types/react-dom": "^18.3.1",
|
|
80
|
+
"@vitejs/plugin-react": "^4.3.4",
|
|
76
81
|
"eslint": "^10.2.1",
|
|
77
|
-
"eslint-plugin-react-hooks": "^
|
|
78
|
-
"eslint-plugin-react-refresh": "^0.
|
|
82
|
+
"eslint-plugin-react-hooks": "^5.1.0",
|
|
83
|
+
"eslint-plugin-react-refresh": "^0.4.16",
|
|
79
84
|
"globals": "^17.5.0",
|
|
80
|
-
"
|
|
85
|
+
"react": "^18.3.1",
|
|
86
|
+
"react-dom": "^18.3.1",
|
|
87
|
+
"typescript": "~5.9.2",
|
|
81
88
|
"typescript-eslint": "^8.58.2",
|
|
82
89
|
"vite": "^8.0.10",
|
|
83
|
-
"vite-plugin-dts": "^5.0.0"
|
|
84
|
-
"react": "^19.2.5",
|
|
85
|
-
"react-dom": "^19.2.5"
|
|
90
|
+
"vite-plugin-dts": "^5.0.0"
|
|
86
91
|
},
|
|
87
92
|
"peerDependencies": {
|
|
88
93
|
"react": "^18.0.0 || ^19.0.0",
|