@me1a/ui 2.0.4 → 2.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.mts +69 -17
- package/dist/index.d.ts +69 -17
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +1 -1
- package/dist/index.mjs.map +1 -1
- package/package.json +4 -4
package/dist/index.d.mts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
2
2
|
import * as React$1 from 'react';
|
|
3
3
|
import { VariantProps } from 'class-variance-authority';
|
|
4
4
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
@@ -7,7 +7,7 @@ import * as SeparatorPrimitive from '@radix-ui/react-separator';
|
|
|
7
7
|
import * as AvatarPrimitive from '@radix-ui/react-avatar';
|
|
8
8
|
import * as TooltipPrimitive from '@radix-ui/react-tooltip';
|
|
9
9
|
import * as react_hook_form from 'react-hook-form';
|
|
10
|
-
import { FieldValues, FieldPath, ControllerProps } from 'react-hook-form';
|
|
10
|
+
import { UseFormReturn, FieldValues, FieldPath, ControllerProps } from 'react-hook-form';
|
|
11
11
|
import * as LabelPrimitive from '@radix-ui/react-label';
|
|
12
12
|
import { Slot } from '@radix-ui/react-slot';
|
|
13
13
|
import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
|
|
@@ -16,8 +16,6 @@ import { Drawer as Drawer$1 } from 'vaul';
|
|
|
16
16
|
import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
|
|
17
17
|
import { ClassValue } from 'clsx';
|
|
18
18
|
|
|
19
|
-
type ButtonVariant = "default" | "destructive" | "outline" | "secondary" | "ghost" | "link";
|
|
20
|
-
type ButtonSize = "default" | "sm" | "lg" | "icon";
|
|
21
19
|
/**
|
|
22
20
|
* Props interface for the Button component.
|
|
23
21
|
* Extends the native button HTML attributes and adds support for variants and asChild prop.
|
|
@@ -39,8 +37,6 @@ type ButtonSize = "default" | "sm" | "lg" | "icon";
|
|
|
39
37
|
*/
|
|
40
38
|
interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
|
|
41
39
|
asChild?: boolean;
|
|
42
|
-
variant?: ButtonVariant;
|
|
43
|
-
size?: ButtonSize;
|
|
44
40
|
startIcon?: React$1.ReactNode;
|
|
45
41
|
endIcon?: React$1.ReactNode;
|
|
46
42
|
loading?: boolean;
|
|
@@ -61,7 +57,7 @@ interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, V
|
|
|
61
57
|
declare const buttonVariants: (props?: ({
|
|
62
58
|
variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
|
|
63
59
|
size?: "default" | "sm" | "lg" | "icon" | null | undefined;
|
|
64
|
-
} &
|
|
60
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
65
61
|
/**
|
|
66
62
|
* A versatile button component that supports multiple variants, sizes, and can be rendered as a child component.
|
|
67
63
|
* Built on top of Radix UI's Slot primitive for maximum flexibility.
|
|
@@ -129,7 +125,7 @@ interface TextFieldProps extends Omit<React$1.InputHTMLAttributes<HTMLInputEleme
|
|
|
129
125
|
declare const textFieldVariants: (props?: ({
|
|
130
126
|
variant?: "default" | "error" | null | undefined;
|
|
131
127
|
size?: "default" | "sm" | "lg" | null | undefined;
|
|
132
|
-
} &
|
|
128
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
133
129
|
/**
|
|
134
130
|
* A versatile text field component that supports multiple variants, sizes, and icons.
|
|
135
131
|
* Built on top of shadcn/ui's Input component.
|
|
@@ -372,7 +368,7 @@ declare const SheetPortal: React$1.FC<DialogPrimitive.DialogPortalProps>;
|
|
|
372
368
|
declare const SheetOverlay: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
373
369
|
declare const sheetVariants: (props?: ({
|
|
374
370
|
side?: "left" | "right" | "bottom" | "top" | null | undefined;
|
|
375
|
-
} &
|
|
371
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
376
372
|
interface SheetContentProps extends React$1.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>, VariantProps<typeof sheetVariants> {
|
|
377
373
|
}
|
|
378
374
|
declare const SheetContent: React$1.ForwardRefExoticComponent<SheetContentProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
@@ -425,7 +421,7 @@ declare const TooltipContent: React$1.ForwardRefExoticComponent<Omit<TooltipPrim
|
|
|
425
421
|
declare const badgeVariants: (props?: ({
|
|
426
422
|
variant?: "default" | "destructive" | "outline" | "secondary" | "success" | "warning" | "info" | null | undefined;
|
|
427
423
|
size?: "default" | "sm" | "lg" | null | undefined;
|
|
428
|
-
} &
|
|
424
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
429
425
|
|
|
430
426
|
interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
|
|
431
427
|
/**
|
|
@@ -521,12 +517,29 @@ type FormFieldContextValue<TFieldValues extends FieldValues = FieldValues, TName
|
|
|
521
517
|
type FormItemContextValue = {
|
|
522
518
|
id: string;
|
|
523
519
|
};
|
|
520
|
+
/**
|
|
521
|
+
* Props interface for the FormProvider component.
|
|
522
|
+
*/
|
|
523
|
+
interface FormProviderProps {
|
|
524
|
+
/**
|
|
525
|
+
* The form children
|
|
526
|
+
*/
|
|
527
|
+
children: React$1.ReactNode;
|
|
528
|
+
/**
|
|
529
|
+
* The form methods from react-hook-form
|
|
530
|
+
*/
|
|
531
|
+
methods: UseFormReturn<any>;
|
|
532
|
+
/**
|
|
533
|
+
* Optional form submission handler
|
|
534
|
+
*/
|
|
535
|
+
onSubmit?: VoidFunction;
|
|
536
|
+
}
|
|
524
537
|
|
|
525
538
|
/**
|
|
526
539
|
* Form component that provides form context to all child components.
|
|
527
540
|
* Built on top of react-hook-form's FormProvider.
|
|
528
541
|
*/
|
|
529
|
-
declare const Form:
|
|
542
|
+
declare const Form: ({ children, methods, onSubmit }: FormProviderProps) => react_jsx_runtime.JSX.Element;
|
|
530
543
|
/**
|
|
531
544
|
* FormField component that wraps react-hook-form's Controller component.
|
|
532
545
|
* Provides form field context to child components.
|
|
@@ -572,7 +585,7 @@ declare const FormMessage: React$1.ForwardRefExoticComponent<FormMessageProps &
|
|
|
572
585
|
declare const typographyVariants: (props?: ({
|
|
573
586
|
variant?: "list" | "small" | "blockquote" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "muted" | "large" | "lead" | null | undefined;
|
|
574
587
|
align?: "center" | "left" | "right" | "justify" | null | undefined;
|
|
575
|
-
} &
|
|
588
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
576
589
|
interface TypographyProps extends React$1.HTMLAttributes<HTMLElement>, VariantProps<typeof typographyVariants> {
|
|
577
590
|
as?: React$1.ElementType;
|
|
578
591
|
}
|
|
@@ -581,6 +594,45 @@ declare const Typography: React$1.ForwardRefExoticComponent<TypographyProps & Re
|
|
|
581
594
|
type TypographyVariant = NonNullable<VariantProps<typeof typographyVariants>["variant"]>;
|
|
582
595
|
type TypographyAlign = NonNullable<VariantProps<typeof typographyVariants>["align"]>;
|
|
583
596
|
|
|
597
|
+
interface PageLoaderProps$1 {
|
|
598
|
+
/**
|
|
599
|
+
* Optional className to extend the component's styles
|
|
600
|
+
*/
|
|
601
|
+
className?: string;
|
|
602
|
+
/**
|
|
603
|
+
* Optional size of the loader (default: "default")
|
|
604
|
+
*/
|
|
605
|
+
size?: "sm" | "default" | "lg";
|
|
606
|
+
/**
|
|
607
|
+
* Optional text to display below the loader
|
|
608
|
+
*/
|
|
609
|
+
text?: string;
|
|
610
|
+
/**
|
|
611
|
+
* Optional color of the loader (default: "primary")
|
|
612
|
+
*/
|
|
613
|
+
color?: "primary" | "secondary" | "accent" | "muted" | "destructive" | string;
|
|
614
|
+
}
|
|
615
|
+
declare function PageLoader({ className, size, text, color }: PageLoaderProps$1): react_jsx_runtime.JSX.Element;
|
|
616
|
+
|
|
617
|
+
interface PageLoaderProps {
|
|
618
|
+
/**
|
|
619
|
+
* Optional className to extend the component's styles
|
|
620
|
+
*/
|
|
621
|
+
className?: string;
|
|
622
|
+
/**
|
|
623
|
+
* Optional size of the loader (default: "default")
|
|
624
|
+
*/
|
|
625
|
+
size?: "sm" | "default" | "lg";
|
|
626
|
+
/**
|
|
627
|
+
* Optional text to display below the loader
|
|
628
|
+
*/
|
|
629
|
+
text?: string;
|
|
630
|
+
/**
|
|
631
|
+
* Optional color of the loader (default: "primary")
|
|
632
|
+
*/
|
|
633
|
+
color?: "primary" | "secondary" | "accent" | "muted" | "destructive" | string;
|
|
634
|
+
}
|
|
635
|
+
|
|
584
636
|
/**
|
|
585
637
|
* Card is a flexible container component that can be used to group related content and actions.
|
|
586
638
|
* It provides a consistent visual style with a subtle border, shadow, and rounded corners.
|
|
@@ -650,7 +702,7 @@ declare const CardFooter: React$1.ForwardRefExoticComponent<React$1.HTMLAttribut
|
|
|
650
702
|
|
|
651
703
|
declare const navigationMenuTriggerStyle: (props?: ({
|
|
652
704
|
variant?: "default" | "ghost" | "link" | "mobile" | null | undefined;
|
|
653
|
-
} &
|
|
705
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
654
706
|
|
|
655
707
|
interface NavigationMenuProps extends React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Root> {
|
|
656
708
|
/**
|
|
@@ -888,7 +940,7 @@ declare const SidebarMenuItem: React$1.ForwardRefExoticComponent<Omit<React$1.De
|
|
|
888
940
|
declare const sidebarMenuButtonVariants: (props?: ({
|
|
889
941
|
variant?: "default" | "outline" | null | undefined;
|
|
890
942
|
size?: "default" | "sm" | "lg" | null | undefined;
|
|
891
|
-
} &
|
|
943
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
892
944
|
declare const SidebarMenuButton: React$1.ForwardRefExoticComponent<Omit<React$1.ClassAttributes<HTMLButtonElement> & React$1.ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
893
945
|
asChild?: boolean;
|
|
894
946
|
isActive?: boolean;
|
|
@@ -896,7 +948,7 @@ declare const SidebarMenuButton: React$1.ForwardRefExoticComponent<Omit<React$1.
|
|
|
896
948
|
} & VariantProps<(props?: ({
|
|
897
949
|
variant?: "default" | "outline" | null | undefined;
|
|
898
950
|
size?: "default" | "sm" | "lg" | null | undefined;
|
|
899
|
-
} &
|
|
951
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
900
952
|
declare const SidebarMenuAction: React$1.ForwardRefExoticComponent<Omit<React$1.ClassAttributes<HTMLButtonElement> & React$1.ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
901
953
|
asChild?: boolean;
|
|
902
954
|
showOnHover?: boolean;
|
|
@@ -984,7 +1036,7 @@ declare const DropdownMenuShortcut: {
|
|
|
984
1036
|
declare const dropdownMenuTriggerStyle: (props?: ({
|
|
985
1037
|
variant?: "default" | "outline" | "ghost" | "link" | null | undefined;
|
|
986
1038
|
size?: "default" | "sm" | "lg" | "icon" | null | undefined;
|
|
987
|
-
} &
|
|
1039
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
988
1040
|
|
|
989
1041
|
type DropdownMenuTriggerVariants = VariantProps<typeof dropdownMenuTriggerStyle>;
|
|
990
1042
|
interface DropdownMenuProps {
|
|
@@ -1270,4 +1322,4 @@ declare function useIsMobile(): boolean;
|
|
|
1270
1322
|
|
|
1271
1323
|
declare function cn(...inputs: ClassValue[]): string;
|
|
1272
1324
|
|
|
1273
|
-
export { Avatar, AvatarFallback, type AvatarFallbackProps, AvatarImage, type AvatarImageProps, type AvatarProps, Badge, type BadgeProps, Box, type BoxProps, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Container, type ContainerProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, type DropdownMenuCheckboxItemProps, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuGroup, type DropdownMenuGroupProps, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuLabel, type DropdownMenuLabelProps, DropdownMenuPortal, type DropdownMenuPortalProps, type DropdownMenuProps, DropdownMenuRadioGroup, type DropdownMenuRadioGroupProps, DropdownMenuRadioItem, type DropdownMenuRadioItemProps, DropdownMenuSeparator, type DropdownMenuSeparatorProps, DropdownMenuShortcut, type DropdownMenuShortcutProps, DropdownMenuSub, DropdownMenuSubContent, type DropdownMenuSubContentProps, type DropdownMenuSubProps, DropdownMenuSubTrigger, type DropdownMenuSubTriggerProps, DropdownMenuTrigger, type DropdownMenuTriggerProps, Form, FormControl, type FormControlProps, FormDescription, type FormDescriptionProps, FormField, type FormFieldContextValue, type FormFieldProps, FormItem, type FormItemContextValue, type FormItemProps, FormLabel, type FormLabelProps, FormMessage, type FormMessageProps, type FormProps, Input, NavigationMenu, NavigationMenuContent, type NavigationMenuContentProps, NavigationMenuIndicator, type NavigationMenuIndicatorProps, NavigationMenuItem, type NavigationMenuItemProps, NavigationMenuLink, type NavigationMenuLinkProps, NavigationMenuList, type NavigationMenuListProps, type NavigationMenuProps, NavigationMenuTrigger, type NavigationMenuTriggerProps, NavigationMenuViewport, type NavigationMenuViewportProps, RHFTextField, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Sidebar, SidebarContent, type SidebarContextProps, SidebarFooter, SidebarGroup, SidebarGroupAction, type SidebarGroupActionProps, SidebarGroupContent, SidebarGroupLabel, type SidebarGroupLabelProps, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, type SidebarMenuActionProps, SidebarMenuBadge, SidebarMenuButton, type SidebarMenuButtonProps, SidebarMenuItem, SidebarMenuSkeleton, type SidebarMenuSkeletonProps, SidebarMenuSub, SidebarMenuSubButton, type SidebarMenuSubButtonProps, SidebarMenuSubItem, type SidebarProps, SidebarProvider, type SidebarProviderProps, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Stack, type StackProps, TextField, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, Typography, type TypographyAlign, type TypographyProps, type TypographyVariant, badgeVariants, buttonVariants, cn, sidebarMenuButtonVariants, textFieldVariants, typographyVariants, useFormField, useIsMobile, useSidebar };
|
|
1325
|
+
export { Avatar, AvatarFallback, type AvatarFallbackProps, AvatarImage, type AvatarImageProps, type AvatarProps, Badge, type BadgeProps, Box, type BoxProps, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Container, type ContainerProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, type DropdownMenuCheckboxItemProps, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuGroup, type DropdownMenuGroupProps, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuLabel, type DropdownMenuLabelProps, DropdownMenuPortal, type DropdownMenuPortalProps, type DropdownMenuProps, DropdownMenuRadioGroup, type DropdownMenuRadioGroupProps, DropdownMenuRadioItem, type DropdownMenuRadioItemProps, DropdownMenuSeparator, type DropdownMenuSeparatorProps, DropdownMenuShortcut, type DropdownMenuShortcutProps, DropdownMenuSub, DropdownMenuSubContent, type DropdownMenuSubContentProps, type DropdownMenuSubProps, DropdownMenuSubTrigger, type DropdownMenuSubTriggerProps, DropdownMenuTrigger, type DropdownMenuTriggerProps, Form, FormControl, type FormControlProps, FormDescription, type FormDescriptionProps, FormField, type FormFieldContextValue, type FormFieldProps, FormItem, type FormItemContextValue, type FormItemProps, FormLabel, type FormLabelProps, FormMessage, type FormMessageProps, type FormProps, Input, NavigationMenu, NavigationMenuContent, type NavigationMenuContentProps, NavigationMenuIndicator, type NavigationMenuIndicatorProps, NavigationMenuItem, type NavigationMenuItemProps, NavigationMenuLink, type NavigationMenuLinkProps, NavigationMenuList, type NavigationMenuListProps, type NavigationMenuProps, NavigationMenuTrigger, type NavigationMenuTriggerProps, NavigationMenuViewport, type NavigationMenuViewportProps, PageLoader, type PageLoaderProps, RHFTextField, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Sidebar, SidebarContent, type SidebarContextProps, SidebarFooter, SidebarGroup, SidebarGroupAction, type SidebarGroupActionProps, SidebarGroupContent, SidebarGroupLabel, type SidebarGroupLabelProps, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, type SidebarMenuActionProps, SidebarMenuBadge, SidebarMenuButton, type SidebarMenuButtonProps, SidebarMenuItem, SidebarMenuSkeleton, type SidebarMenuSkeletonProps, SidebarMenuSub, SidebarMenuSubButton, type SidebarMenuSubButtonProps, SidebarMenuSubItem, type SidebarProps, SidebarProvider, type SidebarProviderProps, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Stack, type StackProps, TextField, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, Typography, type TypographyAlign, type TypographyProps, type TypographyVariant, badgeVariants, buttonVariants, cn, sidebarMenuButtonVariants, textFieldVariants, typographyVariants, useFormField, useIsMobile, useSidebar };
|
package/dist/index.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
2
2
|
import * as React$1 from 'react';
|
|
3
3
|
import { VariantProps } from 'class-variance-authority';
|
|
4
4
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
@@ -7,7 +7,7 @@ import * as SeparatorPrimitive from '@radix-ui/react-separator';
|
|
|
7
7
|
import * as AvatarPrimitive from '@radix-ui/react-avatar';
|
|
8
8
|
import * as TooltipPrimitive from '@radix-ui/react-tooltip';
|
|
9
9
|
import * as react_hook_form from 'react-hook-form';
|
|
10
|
-
import { FieldValues, FieldPath, ControllerProps } from 'react-hook-form';
|
|
10
|
+
import { UseFormReturn, FieldValues, FieldPath, ControllerProps } from 'react-hook-form';
|
|
11
11
|
import * as LabelPrimitive from '@radix-ui/react-label';
|
|
12
12
|
import { Slot } from '@radix-ui/react-slot';
|
|
13
13
|
import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
|
|
@@ -16,8 +16,6 @@ import { Drawer as Drawer$1 } from 'vaul';
|
|
|
16
16
|
import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
|
|
17
17
|
import { ClassValue } from 'clsx';
|
|
18
18
|
|
|
19
|
-
type ButtonVariant = "default" | "destructive" | "outline" | "secondary" | "ghost" | "link";
|
|
20
|
-
type ButtonSize = "default" | "sm" | "lg" | "icon";
|
|
21
19
|
/**
|
|
22
20
|
* Props interface for the Button component.
|
|
23
21
|
* Extends the native button HTML attributes and adds support for variants and asChild prop.
|
|
@@ -39,8 +37,6 @@ type ButtonSize = "default" | "sm" | "lg" | "icon";
|
|
|
39
37
|
*/
|
|
40
38
|
interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
|
|
41
39
|
asChild?: boolean;
|
|
42
|
-
variant?: ButtonVariant;
|
|
43
|
-
size?: ButtonSize;
|
|
44
40
|
startIcon?: React$1.ReactNode;
|
|
45
41
|
endIcon?: React$1.ReactNode;
|
|
46
42
|
loading?: boolean;
|
|
@@ -61,7 +57,7 @@ interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, V
|
|
|
61
57
|
declare const buttonVariants: (props?: ({
|
|
62
58
|
variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
|
|
63
59
|
size?: "default" | "sm" | "lg" | "icon" | null | undefined;
|
|
64
|
-
} &
|
|
60
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
65
61
|
/**
|
|
66
62
|
* A versatile button component that supports multiple variants, sizes, and can be rendered as a child component.
|
|
67
63
|
* Built on top of Radix UI's Slot primitive for maximum flexibility.
|
|
@@ -129,7 +125,7 @@ interface TextFieldProps extends Omit<React$1.InputHTMLAttributes<HTMLInputEleme
|
|
|
129
125
|
declare const textFieldVariants: (props?: ({
|
|
130
126
|
variant?: "default" | "error" | null | undefined;
|
|
131
127
|
size?: "default" | "sm" | "lg" | null | undefined;
|
|
132
|
-
} &
|
|
128
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
133
129
|
/**
|
|
134
130
|
* A versatile text field component that supports multiple variants, sizes, and icons.
|
|
135
131
|
* Built on top of shadcn/ui's Input component.
|
|
@@ -372,7 +368,7 @@ declare const SheetPortal: React$1.FC<DialogPrimitive.DialogPortalProps>;
|
|
|
372
368
|
declare const SheetOverlay: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
373
369
|
declare const sheetVariants: (props?: ({
|
|
374
370
|
side?: "left" | "right" | "bottom" | "top" | null | undefined;
|
|
375
|
-
} &
|
|
371
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
376
372
|
interface SheetContentProps extends React$1.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>, VariantProps<typeof sheetVariants> {
|
|
377
373
|
}
|
|
378
374
|
declare const SheetContent: React$1.ForwardRefExoticComponent<SheetContentProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
@@ -425,7 +421,7 @@ declare const TooltipContent: React$1.ForwardRefExoticComponent<Omit<TooltipPrim
|
|
|
425
421
|
declare const badgeVariants: (props?: ({
|
|
426
422
|
variant?: "default" | "destructive" | "outline" | "secondary" | "success" | "warning" | "info" | null | undefined;
|
|
427
423
|
size?: "default" | "sm" | "lg" | null | undefined;
|
|
428
|
-
} &
|
|
424
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
429
425
|
|
|
430
426
|
interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
|
|
431
427
|
/**
|
|
@@ -521,12 +517,29 @@ type FormFieldContextValue<TFieldValues extends FieldValues = FieldValues, TName
|
|
|
521
517
|
type FormItemContextValue = {
|
|
522
518
|
id: string;
|
|
523
519
|
};
|
|
520
|
+
/**
|
|
521
|
+
* Props interface for the FormProvider component.
|
|
522
|
+
*/
|
|
523
|
+
interface FormProviderProps {
|
|
524
|
+
/**
|
|
525
|
+
* The form children
|
|
526
|
+
*/
|
|
527
|
+
children: React$1.ReactNode;
|
|
528
|
+
/**
|
|
529
|
+
* The form methods from react-hook-form
|
|
530
|
+
*/
|
|
531
|
+
methods: UseFormReturn<any>;
|
|
532
|
+
/**
|
|
533
|
+
* Optional form submission handler
|
|
534
|
+
*/
|
|
535
|
+
onSubmit?: VoidFunction;
|
|
536
|
+
}
|
|
524
537
|
|
|
525
538
|
/**
|
|
526
539
|
* Form component that provides form context to all child components.
|
|
527
540
|
* Built on top of react-hook-form's FormProvider.
|
|
528
541
|
*/
|
|
529
|
-
declare const Form:
|
|
542
|
+
declare const Form: ({ children, methods, onSubmit }: FormProviderProps) => react_jsx_runtime.JSX.Element;
|
|
530
543
|
/**
|
|
531
544
|
* FormField component that wraps react-hook-form's Controller component.
|
|
532
545
|
* Provides form field context to child components.
|
|
@@ -572,7 +585,7 @@ declare const FormMessage: React$1.ForwardRefExoticComponent<FormMessageProps &
|
|
|
572
585
|
declare const typographyVariants: (props?: ({
|
|
573
586
|
variant?: "list" | "small" | "blockquote" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "muted" | "large" | "lead" | null | undefined;
|
|
574
587
|
align?: "center" | "left" | "right" | "justify" | null | undefined;
|
|
575
|
-
} &
|
|
588
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
576
589
|
interface TypographyProps extends React$1.HTMLAttributes<HTMLElement>, VariantProps<typeof typographyVariants> {
|
|
577
590
|
as?: React$1.ElementType;
|
|
578
591
|
}
|
|
@@ -581,6 +594,45 @@ declare const Typography: React$1.ForwardRefExoticComponent<TypographyProps & Re
|
|
|
581
594
|
type TypographyVariant = NonNullable<VariantProps<typeof typographyVariants>["variant"]>;
|
|
582
595
|
type TypographyAlign = NonNullable<VariantProps<typeof typographyVariants>["align"]>;
|
|
583
596
|
|
|
597
|
+
interface PageLoaderProps$1 {
|
|
598
|
+
/**
|
|
599
|
+
* Optional className to extend the component's styles
|
|
600
|
+
*/
|
|
601
|
+
className?: string;
|
|
602
|
+
/**
|
|
603
|
+
* Optional size of the loader (default: "default")
|
|
604
|
+
*/
|
|
605
|
+
size?: "sm" | "default" | "lg";
|
|
606
|
+
/**
|
|
607
|
+
* Optional text to display below the loader
|
|
608
|
+
*/
|
|
609
|
+
text?: string;
|
|
610
|
+
/**
|
|
611
|
+
* Optional color of the loader (default: "primary")
|
|
612
|
+
*/
|
|
613
|
+
color?: "primary" | "secondary" | "accent" | "muted" | "destructive" | string;
|
|
614
|
+
}
|
|
615
|
+
declare function PageLoader({ className, size, text, color }: PageLoaderProps$1): react_jsx_runtime.JSX.Element;
|
|
616
|
+
|
|
617
|
+
interface PageLoaderProps {
|
|
618
|
+
/**
|
|
619
|
+
* Optional className to extend the component's styles
|
|
620
|
+
*/
|
|
621
|
+
className?: string;
|
|
622
|
+
/**
|
|
623
|
+
* Optional size of the loader (default: "default")
|
|
624
|
+
*/
|
|
625
|
+
size?: "sm" | "default" | "lg";
|
|
626
|
+
/**
|
|
627
|
+
* Optional text to display below the loader
|
|
628
|
+
*/
|
|
629
|
+
text?: string;
|
|
630
|
+
/**
|
|
631
|
+
* Optional color of the loader (default: "primary")
|
|
632
|
+
*/
|
|
633
|
+
color?: "primary" | "secondary" | "accent" | "muted" | "destructive" | string;
|
|
634
|
+
}
|
|
635
|
+
|
|
584
636
|
/**
|
|
585
637
|
* Card is a flexible container component that can be used to group related content and actions.
|
|
586
638
|
* It provides a consistent visual style with a subtle border, shadow, and rounded corners.
|
|
@@ -650,7 +702,7 @@ declare const CardFooter: React$1.ForwardRefExoticComponent<React$1.HTMLAttribut
|
|
|
650
702
|
|
|
651
703
|
declare const navigationMenuTriggerStyle: (props?: ({
|
|
652
704
|
variant?: "default" | "ghost" | "link" | "mobile" | null | undefined;
|
|
653
|
-
} &
|
|
705
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
654
706
|
|
|
655
707
|
interface NavigationMenuProps extends React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Root> {
|
|
656
708
|
/**
|
|
@@ -888,7 +940,7 @@ declare const SidebarMenuItem: React$1.ForwardRefExoticComponent<Omit<React$1.De
|
|
|
888
940
|
declare const sidebarMenuButtonVariants: (props?: ({
|
|
889
941
|
variant?: "default" | "outline" | null | undefined;
|
|
890
942
|
size?: "default" | "sm" | "lg" | null | undefined;
|
|
891
|
-
} &
|
|
943
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
892
944
|
declare const SidebarMenuButton: React$1.ForwardRefExoticComponent<Omit<React$1.ClassAttributes<HTMLButtonElement> & React$1.ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
893
945
|
asChild?: boolean;
|
|
894
946
|
isActive?: boolean;
|
|
@@ -896,7 +948,7 @@ declare const SidebarMenuButton: React$1.ForwardRefExoticComponent<Omit<React$1.
|
|
|
896
948
|
} & VariantProps<(props?: ({
|
|
897
949
|
variant?: "default" | "outline" | null | undefined;
|
|
898
950
|
size?: "default" | "sm" | "lg" | null | undefined;
|
|
899
|
-
} &
|
|
951
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
900
952
|
declare const SidebarMenuAction: React$1.ForwardRefExoticComponent<Omit<React$1.ClassAttributes<HTMLButtonElement> & React$1.ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
901
953
|
asChild?: boolean;
|
|
902
954
|
showOnHover?: boolean;
|
|
@@ -984,7 +1036,7 @@ declare const DropdownMenuShortcut: {
|
|
|
984
1036
|
declare const dropdownMenuTriggerStyle: (props?: ({
|
|
985
1037
|
variant?: "default" | "outline" | "ghost" | "link" | null | undefined;
|
|
986
1038
|
size?: "default" | "sm" | "lg" | "icon" | null | undefined;
|
|
987
|
-
} &
|
|
1039
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
988
1040
|
|
|
989
1041
|
type DropdownMenuTriggerVariants = VariantProps<typeof dropdownMenuTriggerStyle>;
|
|
990
1042
|
interface DropdownMenuProps {
|
|
@@ -1270,4 +1322,4 @@ declare function useIsMobile(): boolean;
|
|
|
1270
1322
|
|
|
1271
1323
|
declare function cn(...inputs: ClassValue[]): string;
|
|
1272
1324
|
|
|
1273
|
-
export { Avatar, AvatarFallback, type AvatarFallbackProps, AvatarImage, type AvatarImageProps, type AvatarProps, Badge, type BadgeProps, Box, type BoxProps, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Container, type ContainerProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, type DropdownMenuCheckboxItemProps, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuGroup, type DropdownMenuGroupProps, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuLabel, type DropdownMenuLabelProps, DropdownMenuPortal, type DropdownMenuPortalProps, type DropdownMenuProps, DropdownMenuRadioGroup, type DropdownMenuRadioGroupProps, DropdownMenuRadioItem, type DropdownMenuRadioItemProps, DropdownMenuSeparator, type DropdownMenuSeparatorProps, DropdownMenuShortcut, type DropdownMenuShortcutProps, DropdownMenuSub, DropdownMenuSubContent, type DropdownMenuSubContentProps, type DropdownMenuSubProps, DropdownMenuSubTrigger, type DropdownMenuSubTriggerProps, DropdownMenuTrigger, type DropdownMenuTriggerProps, Form, FormControl, type FormControlProps, FormDescription, type FormDescriptionProps, FormField, type FormFieldContextValue, type FormFieldProps, FormItem, type FormItemContextValue, type FormItemProps, FormLabel, type FormLabelProps, FormMessage, type FormMessageProps, type FormProps, Input, NavigationMenu, NavigationMenuContent, type NavigationMenuContentProps, NavigationMenuIndicator, type NavigationMenuIndicatorProps, NavigationMenuItem, type NavigationMenuItemProps, NavigationMenuLink, type NavigationMenuLinkProps, NavigationMenuList, type NavigationMenuListProps, type NavigationMenuProps, NavigationMenuTrigger, type NavigationMenuTriggerProps, NavigationMenuViewport, type NavigationMenuViewportProps, RHFTextField, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Sidebar, SidebarContent, type SidebarContextProps, SidebarFooter, SidebarGroup, SidebarGroupAction, type SidebarGroupActionProps, SidebarGroupContent, SidebarGroupLabel, type SidebarGroupLabelProps, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, type SidebarMenuActionProps, SidebarMenuBadge, SidebarMenuButton, type SidebarMenuButtonProps, SidebarMenuItem, SidebarMenuSkeleton, type SidebarMenuSkeletonProps, SidebarMenuSub, SidebarMenuSubButton, type SidebarMenuSubButtonProps, SidebarMenuSubItem, type SidebarProps, SidebarProvider, type SidebarProviderProps, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Stack, type StackProps, TextField, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, Typography, type TypographyAlign, type TypographyProps, type TypographyVariant, badgeVariants, buttonVariants, cn, sidebarMenuButtonVariants, textFieldVariants, typographyVariants, useFormField, useIsMobile, useSidebar };
|
|
1325
|
+
export { Avatar, AvatarFallback, type AvatarFallbackProps, AvatarImage, type AvatarImageProps, type AvatarProps, Badge, type BadgeProps, Box, type BoxProps, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Container, type ContainerProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, type DropdownMenuCheckboxItemProps, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuGroup, type DropdownMenuGroupProps, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuLabel, type DropdownMenuLabelProps, DropdownMenuPortal, type DropdownMenuPortalProps, type DropdownMenuProps, DropdownMenuRadioGroup, type DropdownMenuRadioGroupProps, DropdownMenuRadioItem, type DropdownMenuRadioItemProps, DropdownMenuSeparator, type DropdownMenuSeparatorProps, DropdownMenuShortcut, type DropdownMenuShortcutProps, DropdownMenuSub, DropdownMenuSubContent, type DropdownMenuSubContentProps, type DropdownMenuSubProps, DropdownMenuSubTrigger, type DropdownMenuSubTriggerProps, DropdownMenuTrigger, type DropdownMenuTriggerProps, Form, FormControl, type FormControlProps, FormDescription, type FormDescriptionProps, FormField, type FormFieldContextValue, type FormFieldProps, FormItem, type FormItemContextValue, type FormItemProps, FormLabel, type FormLabelProps, FormMessage, type FormMessageProps, type FormProps, Input, NavigationMenu, NavigationMenuContent, type NavigationMenuContentProps, NavigationMenuIndicator, type NavigationMenuIndicatorProps, NavigationMenuItem, type NavigationMenuItemProps, NavigationMenuLink, type NavigationMenuLinkProps, NavigationMenuList, type NavigationMenuListProps, type NavigationMenuProps, NavigationMenuTrigger, type NavigationMenuTriggerProps, NavigationMenuViewport, type NavigationMenuViewportProps, PageLoader, type PageLoaderProps, RHFTextField, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Sidebar, SidebarContent, type SidebarContextProps, SidebarFooter, SidebarGroup, SidebarGroupAction, type SidebarGroupActionProps, SidebarGroupContent, SidebarGroupLabel, type SidebarGroupLabelProps, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, type SidebarMenuActionProps, SidebarMenuBadge, SidebarMenuButton, type SidebarMenuButtonProps, SidebarMenuItem, SidebarMenuSkeleton, type SidebarMenuSkeletonProps, SidebarMenuSub, SidebarMenuSubButton, type SidebarMenuSubButtonProps, SidebarMenuSubItem, type SidebarProps, SidebarProvider, type SidebarProviderProps, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Stack, type StackProps, TextField, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, Typography, type TypographyAlign, type TypographyProps, type TypographyVariant, badgeVariants, buttonVariants, cn, sidebarMenuButtonVariants, textFieldVariants, typographyVariants, useFormField, useIsMobile, useSidebar };
|