@fluid-app/ui-primitives 0.1.1 → 0.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/dist/index.cjs +629 -142
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.d.cts +78 -17
  4. package/dist/index.d.ts +78 -17
  5. package/dist/index.js +601 -143
  6. package/dist/index.js.map +1 -1
  7. package/package.json +8 -3
  8. package/src/index.ts +44 -4
package/dist/index.d.cts CHANGED
@@ -1,12 +1,13 @@
1
1
  import { ClassValue } from 'clsx';
2
- import { FieldValues, UseFormProps, UseFormReturn } from 'react-hook-form';
2
+ import * as react_hook_form from 'react-hook-form';
3
+ import { FieldValues, UseFormProps, UseFormReturn, FieldPath, ControllerProps } from 'react-hook-form';
3
4
  import { ZodSchema } from 'zod';
4
5
  import * as react_jsx_runtime from 'react/jsx-runtime';
5
6
  import * as AccordionPrimitive from '@radix-ui/react-accordion';
6
7
  import * as React$1 from 'react';
7
8
  import * as class_variance_authority_types from 'class-variance-authority/types';
8
9
  import { VariantProps } from 'class-variance-authority';
9
- import { Avatar as Avatar$1, RadioGroup as RadioGroup$1 } from 'radix-ui';
10
+ import { AlertDialog as AlertDialog$1, Avatar as Avatar$1, Slot, Label as Label$1, RadioGroup as RadioGroup$1 } from 'radix-ui';
10
11
  import { DayPicker } from 'react-day-picker';
11
12
  import * as RechartsPrimitive from 'recharts';
12
13
  import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
@@ -19,6 +20,7 @@ import * as PopoverPrimitive from '@radix-ui/react-popover';
19
20
  import * as SelectPrimitive from '@radix-ui/react-select';
20
21
  import * as SeparatorPrimitive from '@radix-ui/react-separator';
21
22
  import * as SliderPrimitive from '@radix-ui/react-slider';
23
+ import { ToasterProps } from 'sonner';
22
24
  import * as SwitchPrimitive from '@radix-ui/react-switch';
23
25
  import * as TabsPrimitive from '@radix-ui/react-tabs';
24
26
  import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
@@ -56,6 +58,29 @@ declare function Alert({ className, variant, ...props }: React$1.ComponentProps<
56
58
  declare function AlertTitle({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
57
59
  declare function AlertDescription({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
58
60
 
61
+ declare const buttonVariants: (props?: ({
62
+ variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
63
+ size?: "default" | "sm" | "lg" | "xl" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
64
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
65
+ declare function Button({ className, variant, size, asChild, ...props }: React$1.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
66
+ asChild?: boolean;
67
+ }): react_jsx_runtime.JSX.Element;
68
+
69
+ declare function AlertDialog({ ...props }: React$1.ComponentProps<typeof AlertDialog$1.Root>): react_jsx_runtime.JSX.Element;
70
+ declare function AlertDialogTrigger({ ...props }: React$1.ComponentProps<typeof AlertDialog$1.Trigger>): react_jsx_runtime.JSX.Element;
71
+ declare function AlertDialogPortal({ ...props }: React$1.ComponentProps<typeof AlertDialog$1.Portal>): react_jsx_runtime.JSX.Element;
72
+ declare function AlertDialogOverlay({ className, ...props }: React$1.ComponentProps<typeof AlertDialog$1.Overlay>): react_jsx_runtime.JSX.Element;
73
+ declare function AlertDialogContent({ className, size, ...props }: React$1.ComponentProps<typeof AlertDialog$1.Content> & {
74
+ size?: "default" | "sm";
75
+ }): react_jsx_runtime.JSX.Element;
76
+ declare function AlertDialogHeader({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
77
+ declare function AlertDialogFooter({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
78
+ declare function AlertDialogTitle({ className, ...props }: React$1.ComponentProps<typeof AlertDialog$1.Title>): react_jsx_runtime.JSX.Element;
79
+ declare function AlertDialogDescription({ className, ...props }: React$1.ComponentProps<typeof AlertDialog$1.Description>): react_jsx_runtime.JSX.Element;
80
+ declare function AlertDialogMedia({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
81
+ declare function AlertDialogAction({ className, variant, size, ...props }: React$1.ComponentProps<typeof AlertDialog$1.Action> & Pick<React$1.ComponentProps<typeof Button>, "variant" | "size">): react_jsx_runtime.JSX.Element;
82
+ declare function AlertDialogCancel({ className, variant, size, ...props }: React$1.ComponentProps<typeof AlertDialog$1.Cancel> & Pick<React$1.ComponentProps<typeof Button>, "variant" | "size">): react_jsx_runtime.JSX.Element;
83
+
59
84
  declare function Avatar({ className, size, ...props }: React$1.ComponentProps<typeof Avatar$1.Root> & {
60
85
  size?: "default" | "sm" | "lg";
61
86
  }): react_jsx_runtime.JSX.Element;
@@ -66,20 +91,12 @@ declare function AvatarGroup({ className, ...props }: React$1.ComponentProps<"di
66
91
  declare function AvatarGroupCount({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
67
92
 
68
93
  declare const badgeVariants: (props?: ({
69
- variant?: "link" | "default" | "destructive" | "secondary" | "outline" | "ghost" | null | undefined;
94
+ variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
70
95
  } & class_variance_authority_types.ClassProp) | undefined) => string;
71
96
  declare function Badge({ className, variant, asChild, ...props }: React$1.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
72
97
  asChild?: boolean;
73
98
  }): react_jsx_runtime.JSX.Element;
74
99
 
75
- declare const buttonVariants: (props?: ({
76
- variant?: "link" | "default" | "destructive" | "secondary" | "outline" | "ghost" | null | undefined;
77
- size?: "default" | "sm" | "lg" | "xl" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
78
- } & class_variance_authority_types.ClassProp) | undefined) => string;
79
- declare function Button({ className, variant, size, asChild, ...props }: React$1.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
80
- asChild?: boolean;
81
- }): react_jsx_runtime.JSX.Element;
82
-
83
100
  type CalendarProps = React$1.ComponentProps<typeof DayPicker>;
84
101
  declare function Calendar({ className, classNames, showOutsideDays, ...props }: CalendarProps): react_jsx_runtime.JSX.Element;
85
102
  declare namespace Calendar {
@@ -136,6 +153,17 @@ declare function Collapsible({ ...props }: React.ComponentProps<typeof Collapsib
136
153
  declare function CollapsibleTrigger({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>): react_jsx_runtime.JSX.Element;
137
154
  declare function CollapsibleContent({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>): react_jsx_runtime.JSX.Element;
138
155
 
156
+ type DatePickerProps = {
157
+ value?: Date;
158
+ onChange?: (date: Date | undefined) => void;
159
+ placeholder?: string;
160
+ formatDate?: (date: Date) => string;
161
+ disabled?: boolean;
162
+ className?: string;
163
+ calendarProps?: Omit<CalendarProps, "mode" | "selected" | "onSelect">;
164
+ };
165
+ declare function DatePicker({ value, onChange, placeholder, formatDate, disabled, className, calendarProps, }: DatePickerProps): react_jsx_runtime.JSX.Element;
166
+
139
167
  declare function Dialog({ ...props }: React$1.ComponentProps<typeof DialogPrimitive.Root>): react_jsx_runtime.JSX.Element;
140
168
  declare function DialogTrigger({ ...props }: React$1.ComponentProps<typeof DialogPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
141
169
  declare function DialogPortal({ ...props }: React$1.ComponentProps<typeof DialogPrimitive.Portal>): react_jsx_runtime.JSX.Element;
@@ -173,6 +201,26 @@ declare function DropdownMenuSubTrigger({ className, inset, children, ...props }
173
201
  }): react_jsx_runtime.JSX.Element;
174
202
  declare function DropdownMenuSubContent({ className, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.SubContent>): react_jsx_runtime.JSX.Element;
175
203
 
204
+ declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>(props: react_hook_form.FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React$1.JSX.Element;
205
+ declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => react_jsx_runtime.JSX.Element;
206
+ declare const useFormField: () => {
207
+ invalid: boolean;
208
+ isDirty: boolean;
209
+ isTouched: boolean;
210
+ isValidating: boolean;
211
+ error?: react_hook_form.FieldError;
212
+ id: string;
213
+ name: string;
214
+ formItemId: string;
215
+ formDescriptionId: string;
216
+ formMessageId: string;
217
+ };
218
+ declare function FormItem({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
219
+ declare function FormLabel({ className, ...props }: React$1.ComponentProps<typeof Label$1.Root>): react_jsx_runtime.JSX.Element;
220
+ declare function FormControl({ ...props }: React$1.ComponentProps<typeof Slot.Root>): react_jsx_runtime.JSX.Element;
221
+ declare function FormDescription({ className, ...props }: React$1.ComponentProps<"p">): react_jsx_runtime.JSX.Element;
222
+ declare function FormMessage({ className, ...props }: React$1.ComponentProps<"p">): react_jsx_runtime.JSX.Element | null;
223
+
176
224
  interface IconButtonProps extends React$1.ComponentProps<"button">, VariantProps<typeof buttonVariants> {
177
225
  icon: LucideIcon;
178
226
  asChild?: boolean;
@@ -181,7 +229,7 @@ interface IconButtonProps extends React$1.ComponentProps<"button">, VariantProps
181
229
  declare function IconButton({ icon: Icon, className, variant, size, isActive, ...props }: IconButtonProps): react_jsx_runtime.JSX.Element;
182
230
 
183
231
  declare const toggleVariants: (props?: ({
184
- variant?: "link" | "default" | "destructive" | "secondary" | "outline" | "ghost" | null | undefined;
232
+ variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
185
233
  size?: "default" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
186
234
  } & class_variance_authority_types.ClassProp) | undefined) => string;
187
235
  declare function Toggle({ className, variant, size, ...props }: React$1.ComponentProps<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime.JSX.Element;
@@ -195,6 +243,17 @@ declare function Input({ className, type, ...props }: React$1.ComponentProps<"in
195
243
 
196
244
  declare function Label({ className, ...props }: React$1.ComponentProps<typeof LabelPrimitive.Root>): react_jsx_runtime.JSX.Element;
197
245
 
246
+ declare function Pagination({ className, ...props }: React$1.ComponentProps<"nav">): react_jsx_runtime.JSX.Element;
247
+ declare function PaginationContent({ className, ...props }: React$1.ComponentProps<"ul">): react_jsx_runtime.JSX.Element;
248
+ declare function PaginationItem({ ...props }: React$1.ComponentProps<"li">): react_jsx_runtime.JSX.Element;
249
+ type PaginationLinkProps = {
250
+ isActive?: boolean;
251
+ } & Pick<React$1.ComponentProps<typeof Button>, "size"> & React$1.ComponentProps<"a">;
252
+ declare function PaginationLink({ className, isActive, size, ...props }: PaginationLinkProps): react_jsx_runtime.JSX.Element;
253
+ declare function PaginationPrevious({ className, ...props }: React$1.ComponentProps<typeof PaginationLink>): react_jsx_runtime.JSX.Element;
254
+ declare function PaginationNext({ className, ...props }: React$1.ComponentProps<typeof PaginationLink>): react_jsx_runtime.JSX.Element;
255
+ declare function PaginationEllipsis({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
256
+
198
257
  declare function Popover({ ...props }: React$1.ComponentProps<typeof PopoverPrimitive.Root>): react_jsx_runtime.JSX.Element;
199
258
  declare function PopoverTrigger({ ...props }: React$1.ComponentProps<typeof PopoverPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
200
259
  declare function PopoverContent({ className, align, sideOffset, ...props }: React$1.ComponentProps<typeof PopoverPrimitive.Content>): react_jsx_runtime.JSX.Element;
@@ -221,10 +280,6 @@ declare function SelectScrollDownButton({ className, ...props }: React$1.Compone
221
280
 
222
281
  declare const Separator: React$1.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
223
282
 
224
- declare function Skeleton({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
225
-
226
- declare const Slider: React$1.ForwardRefExoticComponent<Omit<SliderPrimitive.SliderProps & React$1.RefAttributes<HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
227
-
228
283
  declare const Sheet: React$1.FC<DialogPrimitive.DialogProps>;
229
284
  declare const SheetTrigger: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
230
285
  declare const SheetClose: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React$1.RefAttributes<HTMLButtonElement>>;
@@ -241,6 +296,12 @@ declare function SheetFooter({ className, ...props }: React$1.ComponentProps<"di
241
296
  declare const SheetTitle: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
242
297
  declare const SheetDescription: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
243
298
 
299
+ declare function Skeleton({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
300
+
301
+ declare const Slider: React$1.ForwardRefExoticComponent<Omit<SliderPrimitive.SliderProps & React$1.RefAttributes<HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
302
+
303
+ declare function Toaster({ theme, ...props }: ToasterProps): react_jsx_runtime.JSX.Element;
304
+
244
305
  interface SpinnerWithTextProps {
245
306
  text?: string;
246
307
  variant?: "page" | "inline";
@@ -277,4 +338,4 @@ declare function Tooltip(props: React$1.ComponentProps<typeof TooltipPrimitive.R
277
338
  declare const TooltipTrigger: React$1.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
278
339
  declare function TooltipContent({ className, sideOffset, ...props }: React$1.ComponentProps<typeof TooltipPrimitive.Content>): react_jsx_runtime.JSX.Element;
279
340
 
280
- export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertTitle, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, Button, Calendar, type CalendarProps, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, type ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Collapsible, CollapsibleContent, CollapsibleTrigger, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, IconButton, IconToggle, Input, Label, Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, PortalContainerProvider, RadioGroup, RadioGroupItem, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, Slider, SpinnerWithText, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonVariants, cn, toggleVariants, useZodForm };
341
+ export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, Button, Calendar, type CalendarProps, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, type ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Collapsible, CollapsibleContent, CollapsibleTrigger, DatePicker, type DatePickerProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, IconButton, IconToggle, Input, Label, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, PortalContainerProvider, RadioGroup, RadioGroupItem, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, Slider, SpinnerWithText, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonVariants, cn, toggleVariants, useFormField, useZodForm };
package/dist/index.d.ts CHANGED
@@ -1,12 +1,13 @@
1
1
  import { ClassValue } from 'clsx';
2
- import { FieldValues, UseFormProps, UseFormReturn } from 'react-hook-form';
2
+ import * as react_hook_form from 'react-hook-form';
3
+ import { FieldValues, UseFormProps, UseFormReturn, FieldPath, ControllerProps } from 'react-hook-form';
3
4
  import { ZodSchema } from 'zod';
4
5
  import * as react_jsx_runtime from 'react/jsx-runtime';
5
6
  import * as AccordionPrimitive from '@radix-ui/react-accordion';
6
7
  import * as React$1 from 'react';
7
8
  import * as class_variance_authority_types from 'class-variance-authority/types';
8
9
  import { VariantProps } from 'class-variance-authority';
9
- import { Avatar as Avatar$1, RadioGroup as RadioGroup$1 } from 'radix-ui';
10
+ import { AlertDialog as AlertDialog$1, Avatar as Avatar$1, Slot, Label as Label$1, RadioGroup as RadioGroup$1 } from 'radix-ui';
10
11
  import { DayPicker } from 'react-day-picker';
11
12
  import * as RechartsPrimitive from 'recharts';
12
13
  import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
@@ -19,6 +20,7 @@ import * as PopoverPrimitive from '@radix-ui/react-popover';
19
20
  import * as SelectPrimitive from '@radix-ui/react-select';
20
21
  import * as SeparatorPrimitive from '@radix-ui/react-separator';
21
22
  import * as SliderPrimitive from '@radix-ui/react-slider';
23
+ import { ToasterProps } from 'sonner';
22
24
  import * as SwitchPrimitive from '@radix-ui/react-switch';
23
25
  import * as TabsPrimitive from '@radix-ui/react-tabs';
24
26
  import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
@@ -56,6 +58,29 @@ declare function Alert({ className, variant, ...props }: React$1.ComponentProps<
56
58
  declare function AlertTitle({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
57
59
  declare function AlertDescription({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
58
60
 
61
+ declare const buttonVariants: (props?: ({
62
+ variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
63
+ size?: "default" | "sm" | "lg" | "xl" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
64
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
65
+ declare function Button({ className, variant, size, asChild, ...props }: React$1.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
66
+ asChild?: boolean;
67
+ }): react_jsx_runtime.JSX.Element;
68
+
69
+ declare function AlertDialog({ ...props }: React$1.ComponentProps<typeof AlertDialog$1.Root>): react_jsx_runtime.JSX.Element;
70
+ declare function AlertDialogTrigger({ ...props }: React$1.ComponentProps<typeof AlertDialog$1.Trigger>): react_jsx_runtime.JSX.Element;
71
+ declare function AlertDialogPortal({ ...props }: React$1.ComponentProps<typeof AlertDialog$1.Portal>): react_jsx_runtime.JSX.Element;
72
+ declare function AlertDialogOverlay({ className, ...props }: React$1.ComponentProps<typeof AlertDialog$1.Overlay>): react_jsx_runtime.JSX.Element;
73
+ declare function AlertDialogContent({ className, size, ...props }: React$1.ComponentProps<typeof AlertDialog$1.Content> & {
74
+ size?: "default" | "sm";
75
+ }): react_jsx_runtime.JSX.Element;
76
+ declare function AlertDialogHeader({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
77
+ declare function AlertDialogFooter({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
78
+ declare function AlertDialogTitle({ className, ...props }: React$1.ComponentProps<typeof AlertDialog$1.Title>): react_jsx_runtime.JSX.Element;
79
+ declare function AlertDialogDescription({ className, ...props }: React$1.ComponentProps<typeof AlertDialog$1.Description>): react_jsx_runtime.JSX.Element;
80
+ declare function AlertDialogMedia({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
81
+ declare function AlertDialogAction({ className, variant, size, ...props }: React$1.ComponentProps<typeof AlertDialog$1.Action> & Pick<React$1.ComponentProps<typeof Button>, "variant" | "size">): react_jsx_runtime.JSX.Element;
82
+ declare function AlertDialogCancel({ className, variant, size, ...props }: React$1.ComponentProps<typeof AlertDialog$1.Cancel> & Pick<React$1.ComponentProps<typeof Button>, "variant" | "size">): react_jsx_runtime.JSX.Element;
83
+
59
84
  declare function Avatar({ className, size, ...props }: React$1.ComponentProps<typeof Avatar$1.Root> & {
60
85
  size?: "default" | "sm" | "lg";
61
86
  }): react_jsx_runtime.JSX.Element;
@@ -66,20 +91,12 @@ declare function AvatarGroup({ className, ...props }: React$1.ComponentProps<"di
66
91
  declare function AvatarGroupCount({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
67
92
 
68
93
  declare const badgeVariants: (props?: ({
69
- variant?: "link" | "default" | "destructive" | "secondary" | "outline" | "ghost" | null | undefined;
94
+ variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
70
95
  } & class_variance_authority_types.ClassProp) | undefined) => string;
71
96
  declare function Badge({ className, variant, asChild, ...props }: React$1.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
72
97
  asChild?: boolean;
73
98
  }): react_jsx_runtime.JSX.Element;
74
99
 
75
- declare const buttonVariants: (props?: ({
76
- variant?: "link" | "default" | "destructive" | "secondary" | "outline" | "ghost" | null | undefined;
77
- size?: "default" | "sm" | "lg" | "xl" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
78
- } & class_variance_authority_types.ClassProp) | undefined) => string;
79
- declare function Button({ className, variant, size, asChild, ...props }: React$1.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
80
- asChild?: boolean;
81
- }): react_jsx_runtime.JSX.Element;
82
-
83
100
  type CalendarProps = React$1.ComponentProps<typeof DayPicker>;
84
101
  declare function Calendar({ className, classNames, showOutsideDays, ...props }: CalendarProps): react_jsx_runtime.JSX.Element;
85
102
  declare namespace Calendar {
@@ -136,6 +153,17 @@ declare function Collapsible({ ...props }: React.ComponentProps<typeof Collapsib
136
153
  declare function CollapsibleTrigger({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>): react_jsx_runtime.JSX.Element;
137
154
  declare function CollapsibleContent({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>): react_jsx_runtime.JSX.Element;
138
155
 
156
+ type DatePickerProps = {
157
+ value?: Date;
158
+ onChange?: (date: Date | undefined) => void;
159
+ placeholder?: string;
160
+ formatDate?: (date: Date) => string;
161
+ disabled?: boolean;
162
+ className?: string;
163
+ calendarProps?: Omit<CalendarProps, "mode" | "selected" | "onSelect">;
164
+ };
165
+ declare function DatePicker({ value, onChange, placeholder, formatDate, disabled, className, calendarProps, }: DatePickerProps): react_jsx_runtime.JSX.Element;
166
+
139
167
  declare function Dialog({ ...props }: React$1.ComponentProps<typeof DialogPrimitive.Root>): react_jsx_runtime.JSX.Element;
140
168
  declare function DialogTrigger({ ...props }: React$1.ComponentProps<typeof DialogPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
141
169
  declare function DialogPortal({ ...props }: React$1.ComponentProps<typeof DialogPrimitive.Portal>): react_jsx_runtime.JSX.Element;
@@ -173,6 +201,26 @@ declare function DropdownMenuSubTrigger({ className, inset, children, ...props }
173
201
  }): react_jsx_runtime.JSX.Element;
174
202
  declare function DropdownMenuSubContent({ className, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.SubContent>): react_jsx_runtime.JSX.Element;
175
203
 
204
+ declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>(props: react_hook_form.FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React$1.JSX.Element;
205
+ declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => react_jsx_runtime.JSX.Element;
206
+ declare const useFormField: () => {
207
+ invalid: boolean;
208
+ isDirty: boolean;
209
+ isTouched: boolean;
210
+ isValidating: boolean;
211
+ error?: react_hook_form.FieldError;
212
+ id: string;
213
+ name: string;
214
+ formItemId: string;
215
+ formDescriptionId: string;
216
+ formMessageId: string;
217
+ };
218
+ declare function FormItem({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
219
+ declare function FormLabel({ className, ...props }: React$1.ComponentProps<typeof Label$1.Root>): react_jsx_runtime.JSX.Element;
220
+ declare function FormControl({ ...props }: React$1.ComponentProps<typeof Slot.Root>): react_jsx_runtime.JSX.Element;
221
+ declare function FormDescription({ className, ...props }: React$1.ComponentProps<"p">): react_jsx_runtime.JSX.Element;
222
+ declare function FormMessage({ className, ...props }: React$1.ComponentProps<"p">): react_jsx_runtime.JSX.Element | null;
223
+
176
224
  interface IconButtonProps extends React$1.ComponentProps<"button">, VariantProps<typeof buttonVariants> {
177
225
  icon: LucideIcon;
178
226
  asChild?: boolean;
@@ -181,7 +229,7 @@ interface IconButtonProps extends React$1.ComponentProps<"button">, VariantProps
181
229
  declare function IconButton({ icon: Icon, className, variant, size, isActive, ...props }: IconButtonProps): react_jsx_runtime.JSX.Element;
182
230
 
183
231
  declare const toggleVariants: (props?: ({
184
- variant?: "link" | "default" | "destructive" | "secondary" | "outline" | "ghost" | null | undefined;
232
+ variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
185
233
  size?: "default" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
186
234
  } & class_variance_authority_types.ClassProp) | undefined) => string;
187
235
  declare function Toggle({ className, variant, size, ...props }: React$1.ComponentProps<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime.JSX.Element;
@@ -195,6 +243,17 @@ declare function Input({ className, type, ...props }: React$1.ComponentProps<"in
195
243
 
196
244
  declare function Label({ className, ...props }: React$1.ComponentProps<typeof LabelPrimitive.Root>): react_jsx_runtime.JSX.Element;
197
245
 
246
+ declare function Pagination({ className, ...props }: React$1.ComponentProps<"nav">): react_jsx_runtime.JSX.Element;
247
+ declare function PaginationContent({ className, ...props }: React$1.ComponentProps<"ul">): react_jsx_runtime.JSX.Element;
248
+ declare function PaginationItem({ ...props }: React$1.ComponentProps<"li">): react_jsx_runtime.JSX.Element;
249
+ type PaginationLinkProps = {
250
+ isActive?: boolean;
251
+ } & Pick<React$1.ComponentProps<typeof Button>, "size"> & React$1.ComponentProps<"a">;
252
+ declare function PaginationLink({ className, isActive, size, ...props }: PaginationLinkProps): react_jsx_runtime.JSX.Element;
253
+ declare function PaginationPrevious({ className, ...props }: React$1.ComponentProps<typeof PaginationLink>): react_jsx_runtime.JSX.Element;
254
+ declare function PaginationNext({ className, ...props }: React$1.ComponentProps<typeof PaginationLink>): react_jsx_runtime.JSX.Element;
255
+ declare function PaginationEllipsis({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
256
+
198
257
  declare function Popover({ ...props }: React$1.ComponentProps<typeof PopoverPrimitive.Root>): react_jsx_runtime.JSX.Element;
199
258
  declare function PopoverTrigger({ ...props }: React$1.ComponentProps<typeof PopoverPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
200
259
  declare function PopoverContent({ className, align, sideOffset, ...props }: React$1.ComponentProps<typeof PopoverPrimitive.Content>): react_jsx_runtime.JSX.Element;
@@ -221,10 +280,6 @@ declare function SelectScrollDownButton({ className, ...props }: React$1.Compone
221
280
 
222
281
  declare const Separator: React$1.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
223
282
 
224
- declare function Skeleton({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
225
-
226
- declare const Slider: React$1.ForwardRefExoticComponent<Omit<SliderPrimitive.SliderProps & React$1.RefAttributes<HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
227
-
228
283
  declare const Sheet: React$1.FC<DialogPrimitive.DialogProps>;
229
284
  declare const SheetTrigger: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
230
285
  declare const SheetClose: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React$1.RefAttributes<HTMLButtonElement>>;
@@ -241,6 +296,12 @@ declare function SheetFooter({ className, ...props }: React$1.ComponentProps<"di
241
296
  declare const SheetTitle: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
242
297
  declare const SheetDescription: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
243
298
 
299
+ declare function Skeleton({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
300
+
301
+ declare const Slider: React$1.ForwardRefExoticComponent<Omit<SliderPrimitive.SliderProps & React$1.RefAttributes<HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
302
+
303
+ declare function Toaster({ theme, ...props }: ToasterProps): react_jsx_runtime.JSX.Element;
304
+
244
305
  interface SpinnerWithTextProps {
245
306
  text?: string;
246
307
  variant?: "page" | "inline";
@@ -277,4 +338,4 @@ declare function Tooltip(props: React$1.ComponentProps<typeof TooltipPrimitive.R
277
338
  declare const TooltipTrigger: React$1.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
278
339
  declare function TooltipContent({ className, sideOffset, ...props }: React$1.ComponentProps<typeof TooltipPrimitive.Content>): react_jsx_runtime.JSX.Element;
279
340
 
280
- export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertTitle, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, Button, Calendar, type CalendarProps, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, type ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Collapsible, CollapsibleContent, CollapsibleTrigger, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, IconButton, IconToggle, Input, Label, Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, PortalContainerProvider, RadioGroup, RadioGroupItem, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, Slider, SpinnerWithText, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonVariants, cn, toggleVariants, useZodForm };
341
+ export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, Button, Calendar, type CalendarProps, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, type ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Collapsible, CollapsibleContent, CollapsibleTrigger, DatePicker, type DatePickerProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, IconButton, IconToggle, Input, Label, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, PortalContainerProvider, RadioGroup, RadioGroupItem, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, Slider, SpinnerWithText, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonVariants, cn, toggleVariants, useFormField, useZodForm };