@snapcall/design-system 1.1.1 → 1.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/index.d.mts +55 -4
  2. package/dist/index.d.ts +55 -4
  3. package/dist/index.js +442 -58
  4. package/dist/index.mjs +545 -184
  5. package/dist/tailwind.config.js +1 -1
  6. package/dist/tailwind.css +1 -1
  7. package/package.json +28 -22
package/dist/index.d.mts CHANGED
@@ -1,8 +1,13 @@
1
- import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
1
+ import * as react_jsx_runtime from 'react/jsx-runtime';
2
2
  import * as react from 'react';
3
3
  import { SVGProps } from 'react';
4
+ import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
4
5
  import { VariantProps } from 'class-variance-authority';
5
- import * as react_jsx_runtime from 'react/jsx-runtime';
6
+ import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
7
+ import { DayPicker } from 'react-day-picker';
8
+ export { DateRange } from 'react-day-picker';
9
+ import * as DialogPrimitive from '@radix-ui/react-dialog';
10
+ import * as PopoverPrimitive from '@radix-ui/react-popover';
6
11
  import * as TabsPrimitive from '@radix-ui/react-tabs';
7
12
 
8
13
  declare const buttonVariants: (props?: ({
@@ -11,20 +16,66 @@ declare const buttonVariants: (props?: ({
11
16
  declare const buttonSizes: (props?: ({
12
17
  size?: "xs" | "sm" | "md" | "lg" | null | undefined;
13
18
  } & class_variance_authority_dist_types.ClassProp) | undefined) => string;
19
+ declare const iconButtonSizes: (props?: ({
20
+ size?: "xs" | "sm" | "md" | "lg" | null | undefined;
21
+ } & class_variance_authority_dist_types.ClassProp) | undefined) => string;
14
22
  interface ButtonProps extends react.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants>, VariantProps<typeof buttonSizes> {
15
23
  icon?: boolean;
16
24
  asChild?: boolean;
17
25
  }
18
26
  declare const Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLButtonElement>>;
19
27
 
28
+ declare const AlertDialog: react.FC<AlertDialogPrimitive.AlertDialogProps>;
29
+ declare const AlertDialogTrigger: react.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogTriggerProps & react.RefAttributes<HTMLButtonElement>>;
30
+ declare const AlertDialogContent: react.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
31
+ declare const AlertDialogHeader: {
32
+ ({ className, ...props }: react.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
33
+ displayName: string;
34
+ };
35
+ declare const AlertDialogFooter: {
36
+ ({ className, ...props }: react.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
37
+ displayName: string;
38
+ };
39
+ declare const AlertDialogTitle: react.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogTitleProps & react.RefAttributes<HTMLHeadingElement>, "ref"> & react.RefAttributes<HTMLHeadingElement>>;
40
+ declare const AlertDialogDescription: react.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogDescriptionProps & react.RefAttributes<HTMLParagraphElement>, "ref"> & react.RefAttributes<HTMLParagraphElement>>;
41
+ type AlertDialogActionVariant = {
42
+ variant?: VariantProps<typeof buttonVariants>['variant'];
43
+ };
44
+ declare const AlertDialogAction: react.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogActionProps & react.RefAttributes<HTMLButtonElement>, "ref"> & AlertDialogActionVariant & react.RefAttributes<HTMLButtonElement>>;
45
+ declare const AlertDialogCancel: react.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogCancelProps & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
46
+
20
47
  declare const badgeVariants: (props?: ({
21
- variant?: "outline" | "default" | "fill" | null | undefined;
48
+ variant?: "default" | "outline" | "fill" | null | undefined;
22
49
  color?: "gray" | "green" | "red" | "yellow" | "blue" | "crimson" | "violet" | "cyan" | "teal" | "brown" | "orange" | null | undefined;
23
50
  } & class_variance_authority_dist_types.ClassProp) | undefined) => string;
24
51
  interface BadgeProps extends Omit<react.HTMLAttributes<HTMLDivElement>, 'color'>, VariantProps<typeof badgeVariants> {
25
52
  }
26
53
  declare function Badge({ className, variant, color, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
27
54
 
55
+ type CalendarProps = react.ComponentProps<typeof DayPicker>;
56
+ declare function Calendar({ className, classNames, showOutsideDays, ...props }: CalendarProps): react_jsx_runtime.JSX.Element;
57
+ declare namespace Calendar {
58
+ var displayName: string;
59
+ }
60
+
61
+ declare const Dialog: react.FC<DialogPrimitive.DialogProps>;
62
+ declare const DialogTrigger: react.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & react.RefAttributes<HTMLButtonElement>>;
63
+ declare const DialogContent: react.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
64
+ declare const DialogHeader: {
65
+ ({ className, ...props }: react.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
66
+ displayName: string;
67
+ };
68
+ declare const DialogFooter: {
69
+ ({ className, ...props }: react.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
70
+ displayName: string;
71
+ };
72
+ declare const DialogTitle: react.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & react.RefAttributes<HTMLHeadingElement>, "ref"> & react.RefAttributes<HTMLHeadingElement>>;
73
+ declare const DialogDescription: react.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & react.RefAttributes<HTMLParagraphElement>, "ref"> & react.RefAttributes<HTMLParagraphElement>>;
74
+
75
+ declare const Popover: react.FC<PopoverPrimitive.PopoverProps>;
76
+ declare const PopoverTrigger: react.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>>;
77
+ declare const PopoverContent: react.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
78
+
28
79
  declare const Tabs: react.ForwardRefExoticComponent<TabsPrimitive.TabsProps & react.RefAttributes<HTMLDivElement>>;
29
80
  declare const TabsList: react.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
30
81
  declare const TabsTrigger: react.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
@@ -194,4 +245,4 @@ declare const XCircleIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"
194
245
 
195
246
  declare const XCloseIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
196
247
 
197
- export { ActivityIcon, AlertCircleIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, Badge, BadgeProps, BellIcon, Button, ButtonProps, CalendarCheckIcon, CalendarIcon, CalendarPlusIcon, CameraIcon, CameraOffIcon, CheckCircleIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CopyIcon, CursorClickIcon, DownloadIcon, EditIcon, ExpandIcon, FlipBackwardIcon, FlipForwardIcon, HelpCircleIcon, HomeIcon, ImageDownIcon, ImageIcon, ImageXIcon, InfoCircleIcon, LightbulbIcon, LockIcon, LogInIcon, MagicWandIcon, MailIcon, MenuIcon, MessageChatSquareIcon, MessagePlusSquareIcon, MessageTextSquareIcon, MicrophoneIcon, MicrophoneOffIcon, MonitorIcon, NotificationBoxIcon, PauseCircleIcon, PhoneIcon, PieChartIcon, PlayCircleIcon, PlusCircleIcon, PlusIcon, PuzzlePieceIcon, QrCodeIcon, ReceiptCheckIcon, RecordingIcon, RefreshCcwIcon, RefreshCwIcon, RocketIcon, SaveIcon, SearchMdIcon, SendIcon, SettingsIcon, ShareIcon, SkipBackIcon, SkipForwardIcon, StarsIcon, Tabs, TabsContent, TabsList, TabsTrigger, TrashIcon, TrendDownIcon, TrendUpIcon, UserIcon, UserPlusIcon, UserXIcon, UsersIcon, UsersPlusIcon, UsersXIcon, VideoRecorderIcon, VideoRecorderOffIcon, VolumeMaxIcon, VolumeXIcon, XCircleIcon, XCloseIcon };
248
+ export { ActivityIcon, AlertCircleIcon, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, Badge, BadgeProps, BellIcon, Button, ButtonProps, Calendar, CalendarCheckIcon, CalendarIcon, CalendarPlusIcon, CameraIcon, CameraOffIcon, CheckCircleIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CopyIcon, CursorClickIcon, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, DownloadIcon, EditIcon, ExpandIcon, FlipBackwardIcon, FlipForwardIcon, HelpCircleIcon, HomeIcon, ImageDownIcon, ImageIcon, ImageXIcon, InfoCircleIcon, LightbulbIcon, LockIcon, LogInIcon, MagicWandIcon, MailIcon, MenuIcon, MessageChatSquareIcon, MessagePlusSquareIcon, MessageTextSquareIcon, MicrophoneIcon, MicrophoneOffIcon, MonitorIcon, NotificationBoxIcon, PauseCircleIcon, PhoneIcon, PieChartIcon, PlayCircleIcon, PlusCircleIcon, PlusIcon, Popover, PopoverContent, PopoverTrigger, PuzzlePieceIcon, QrCodeIcon, ReceiptCheckIcon, RecordingIcon, RefreshCcwIcon, RefreshCwIcon, RocketIcon, SaveIcon, SearchMdIcon, SendIcon, SettingsIcon, ShareIcon, SkipBackIcon, SkipForwardIcon, StarsIcon, Tabs, TabsContent, TabsList, TabsTrigger, TrashIcon, TrendDownIcon, TrendUpIcon, UserIcon, UserPlusIcon, UserXIcon, UsersIcon, UsersPlusIcon, UsersXIcon, VideoRecorderIcon, VideoRecorderOffIcon, VolumeMaxIcon, VolumeXIcon, XCircleIcon, XCloseIcon, buttonSizes, buttonVariants, iconButtonSizes };
package/dist/index.d.ts CHANGED
@@ -1,8 +1,13 @@
1
- import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
1
+ import * as react_jsx_runtime from 'react/jsx-runtime';
2
2
  import * as react from 'react';
3
3
  import { SVGProps } from 'react';
4
+ import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
4
5
  import { VariantProps } from 'class-variance-authority';
5
- import * as react_jsx_runtime from 'react/jsx-runtime';
6
+ import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
7
+ import { DayPicker } from 'react-day-picker';
8
+ export { DateRange } from 'react-day-picker';
9
+ import * as DialogPrimitive from '@radix-ui/react-dialog';
10
+ import * as PopoverPrimitive from '@radix-ui/react-popover';
6
11
  import * as TabsPrimitive from '@radix-ui/react-tabs';
7
12
 
8
13
  declare const buttonVariants: (props?: ({
@@ -11,20 +16,66 @@ declare const buttonVariants: (props?: ({
11
16
  declare const buttonSizes: (props?: ({
12
17
  size?: "xs" | "sm" | "md" | "lg" | null | undefined;
13
18
  } & class_variance_authority_dist_types.ClassProp) | undefined) => string;
19
+ declare const iconButtonSizes: (props?: ({
20
+ size?: "xs" | "sm" | "md" | "lg" | null | undefined;
21
+ } & class_variance_authority_dist_types.ClassProp) | undefined) => string;
14
22
  interface ButtonProps extends react.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants>, VariantProps<typeof buttonSizes> {
15
23
  icon?: boolean;
16
24
  asChild?: boolean;
17
25
  }
18
26
  declare const Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLButtonElement>>;
19
27
 
28
+ declare const AlertDialog: react.FC<AlertDialogPrimitive.AlertDialogProps>;
29
+ declare const AlertDialogTrigger: react.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogTriggerProps & react.RefAttributes<HTMLButtonElement>>;
30
+ declare const AlertDialogContent: react.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
31
+ declare const AlertDialogHeader: {
32
+ ({ className, ...props }: react.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
33
+ displayName: string;
34
+ };
35
+ declare const AlertDialogFooter: {
36
+ ({ className, ...props }: react.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
37
+ displayName: string;
38
+ };
39
+ declare const AlertDialogTitle: react.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogTitleProps & react.RefAttributes<HTMLHeadingElement>, "ref"> & react.RefAttributes<HTMLHeadingElement>>;
40
+ declare const AlertDialogDescription: react.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogDescriptionProps & react.RefAttributes<HTMLParagraphElement>, "ref"> & react.RefAttributes<HTMLParagraphElement>>;
41
+ type AlertDialogActionVariant = {
42
+ variant?: VariantProps<typeof buttonVariants>['variant'];
43
+ };
44
+ declare const AlertDialogAction: react.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogActionProps & react.RefAttributes<HTMLButtonElement>, "ref"> & AlertDialogActionVariant & react.RefAttributes<HTMLButtonElement>>;
45
+ declare const AlertDialogCancel: react.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogCancelProps & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
46
+
20
47
  declare const badgeVariants: (props?: ({
21
- variant?: "outline" | "default" | "fill" | null | undefined;
48
+ variant?: "default" | "outline" | "fill" | null | undefined;
22
49
  color?: "gray" | "green" | "red" | "yellow" | "blue" | "crimson" | "violet" | "cyan" | "teal" | "brown" | "orange" | null | undefined;
23
50
  } & class_variance_authority_dist_types.ClassProp) | undefined) => string;
24
51
  interface BadgeProps extends Omit<react.HTMLAttributes<HTMLDivElement>, 'color'>, VariantProps<typeof badgeVariants> {
25
52
  }
26
53
  declare function Badge({ className, variant, color, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
27
54
 
55
+ type CalendarProps = react.ComponentProps<typeof DayPicker>;
56
+ declare function Calendar({ className, classNames, showOutsideDays, ...props }: CalendarProps): react_jsx_runtime.JSX.Element;
57
+ declare namespace Calendar {
58
+ var displayName: string;
59
+ }
60
+
61
+ declare const Dialog: react.FC<DialogPrimitive.DialogProps>;
62
+ declare const DialogTrigger: react.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & react.RefAttributes<HTMLButtonElement>>;
63
+ declare const DialogContent: react.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
64
+ declare const DialogHeader: {
65
+ ({ className, ...props }: react.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
66
+ displayName: string;
67
+ };
68
+ declare const DialogFooter: {
69
+ ({ className, ...props }: react.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
70
+ displayName: string;
71
+ };
72
+ declare const DialogTitle: react.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & react.RefAttributes<HTMLHeadingElement>, "ref"> & react.RefAttributes<HTMLHeadingElement>>;
73
+ declare const DialogDescription: react.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & react.RefAttributes<HTMLParagraphElement>, "ref"> & react.RefAttributes<HTMLParagraphElement>>;
74
+
75
+ declare const Popover: react.FC<PopoverPrimitive.PopoverProps>;
76
+ declare const PopoverTrigger: react.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>>;
77
+ declare const PopoverContent: react.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
78
+
28
79
  declare const Tabs: react.ForwardRefExoticComponent<TabsPrimitive.TabsProps & react.RefAttributes<HTMLDivElement>>;
29
80
  declare const TabsList: react.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
30
81
  declare const TabsTrigger: react.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
@@ -194,4 +245,4 @@ declare const XCircleIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"
194
245
 
195
246
  declare const XCloseIcon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
196
247
 
197
- export { ActivityIcon, AlertCircleIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, Badge, BadgeProps, BellIcon, Button, ButtonProps, CalendarCheckIcon, CalendarIcon, CalendarPlusIcon, CameraIcon, CameraOffIcon, CheckCircleIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CopyIcon, CursorClickIcon, DownloadIcon, EditIcon, ExpandIcon, FlipBackwardIcon, FlipForwardIcon, HelpCircleIcon, HomeIcon, ImageDownIcon, ImageIcon, ImageXIcon, InfoCircleIcon, LightbulbIcon, LockIcon, LogInIcon, MagicWandIcon, MailIcon, MenuIcon, MessageChatSquareIcon, MessagePlusSquareIcon, MessageTextSquareIcon, MicrophoneIcon, MicrophoneOffIcon, MonitorIcon, NotificationBoxIcon, PauseCircleIcon, PhoneIcon, PieChartIcon, PlayCircleIcon, PlusCircleIcon, PlusIcon, PuzzlePieceIcon, QrCodeIcon, ReceiptCheckIcon, RecordingIcon, RefreshCcwIcon, RefreshCwIcon, RocketIcon, SaveIcon, SearchMdIcon, SendIcon, SettingsIcon, ShareIcon, SkipBackIcon, SkipForwardIcon, StarsIcon, Tabs, TabsContent, TabsList, TabsTrigger, TrashIcon, TrendDownIcon, TrendUpIcon, UserIcon, UserPlusIcon, UserXIcon, UsersIcon, UsersPlusIcon, UsersXIcon, VideoRecorderIcon, VideoRecorderOffIcon, VolumeMaxIcon, VolumeXIcon, XCircleIcon, XCloseIcon };
248
+ export { ActivityIcon, AlertCircleIcon, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, Badge, BadgeProps, BellIcon, Button, ButtonProps, Calendar, CalendarCheckIcon, CalendarIcon, CalendarPlusIcon, CameraIcon, CameraOffIcon, CheckCircleIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CopyIcon, CursorClickIcon, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, DownloadIcon, EditIcon, ExpandIcon, FlipBackwardIcon, FlipForwardIcon, HelpCircleIcon, HomeIcon, ImageDownIcon, ImageIcon, ImageXIcon, InfoCircleIcon, LightbulbIcon, LockIcon, LogInIcon, MagicWandIcon, MailIcon, MenuIcon, MessageChatSquareIcon, MessagePlusSquareIcon, MessageTextSquareIcon, MicrophoneIcon, MicrophoneOffIcon, MonitorIcon, NotificationBoxIcon, PauseCircleIcon, PhoneIcon, PieChartIcon, PlayCircleIcon, PlusCircleIcon, PlusIcon, Popover, PopoverContent, PopoverTrigger, PuzzlePieceIcon, QrCodeIcon, ReceiptCheckIcon, RecordingIcon, RefreshCcwIcon, RefreshCwIcon, RocketIcon, SaveIcon, SearchMdIcon, SendIcon, SettingsIcon, ShareIcon, SkipBackIcon, SkipForwardIcon, StarsIcon, Tabs, TabsContent, TabsList, TabsTrigger, TrashIcon, TrendDownIcon, TrendUpIcon, UserIcon, UserPlusIcon, UserXIcon, UsersIcon, UsersPlusIcon, UsersXIcon, VideoRecorderIcon, VideoRecorderOffIcon, VolumeMaxIcon, VolumeXIcon, XCircleIcon, XCloseIcon, buttonSizes, buttonVariants, iconButtonSizes };