@snapcall/design-system 1.21.3 → 1.22.0-beta.2

package/dist/index.d.ts

@@ -30,7 +30,7 @@ declare const AccordionContent: react__default.ForwardRefExoticComponent<Omit<Ac
 declare const buttonVariants: (props?: ({
     variant?: "primary" | "secondary" | "tertiary" | "outline" | "outlineBlue" | "destructive" | "ghostBlue" | "ghostRed" | "ghostGray" | "roundedFill" | "roundedGlass" | undefined;
 } & ({
-    class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
+    class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | /*elided*/ any | {
         [x: string]: any;
     } | null | undefined)[] | {
         [x: string]: any;
@@ -55,10 +55,10 @@ declare const buttonVariants: (props?: ({
     } | null | undefined)[] | {
         [x: string]: any;
     } | null | undefined;
-    className?: undefined;
+    className?: never;
 } | {
-    class?: undefined;
-    className?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
+    class?: never;
+    className?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | /*elided*/ any | {
         [x: string]: any;
     } | null | undefined)[] | {
         [x: string]: any;
@@ -87,7 +87,7 @@ declare const buttonVariants: (props?: ({
 declare const buttonSizes: (props?: ({
     size?: "xs" | "sm" | "md" | "lg" | undefined;
 } & ({
-    class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
+    class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | /*elided*/ any | {
         [x: string]: any;
     } | null | undefined)[] | {
         [x: string]: any;
@@ -112,10 +112,10 @@ declare const buttonSizes: (props?: ({
     } | null | undefined)[] | {
         [x: string]: any;
     } | null | undefined;
-    className?: undefined;
+    className?: never;
 } | {
-    class?: undefined;
-    className?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
+    class?: never;
+    className?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | /*elided*/ any | {
         [x: string]: any;
     } | null | undefined)[] | {
         [x: string]: any;
@@ -144,7 +144,7 @@ declare const buttonSizes: (props?: ({
 declare const iconButtonSizes: (props?: ({
     size?: "xs" | "sm" | "md" | "lg" | undefined;
 } & ({
-    class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
+    class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | /*elided*/ any | {
         [x: string]: any;
     } | null | undefined)[] | {
         [x: string]: any;
@@ -169,10 +169,10 @@ declare const iconButtonSizes: (props?: ({
     } | null | undefined)[] | {
         [x: string]: any;
     } | null | undefined;
-    className?: undefined;
+    className?: never;
 } | {
-    class?: undefined;
-    className?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
+    class?: never;
+    className?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | /*elided*/ any | {
         [x: string]: any;
     } | null | undefined)[] | {
         [x: string]: any;
@@ -226,14 +226,14 @@ declare const AlertDialogCancel: react.ForwardRefExoticComponent<Omit<AlertDialo
 
 interface AvatarProps extends VariantProps<typeof avatarVariants>, VariantProps<typeof avatarSizes> {
     className?: string;
-    icon?: JSX.Element;
+    icon?: react__default.JSX.Element;
     name: string;
-    image?: JSX.Element;
+    image?: react__default.JSX.Element;
 }
 declare const avatarSizes: (props?: ({
     size?: "xs" | "sm" | "md" | "lg" | "xxs" | "xl" | undefined;
 } & ({
-    class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
+    class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | /*elided*/ any | {
         [x: string]: any;
     } | null | undefined)[] | {
         [x: string]: any;
@@ -258,10 +258,10 @@ declare const avatarSizes: (props?: ({
     } | null | undefined)[] | {
         [x: string]: any;
     } | null | undefined;
-    className?: undefined;
+    className?: never;
 } | {
-    class?: undefined;
-    className?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
+    class?: never;
+    className?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | /*elided*/ any | {
         [x: string]: any;
     } | null | undefined)[] | {
         [x: string]: any;
@@ -290,7 +290,7 @@ declare const avatarSizes: (props?: ({
 declare const avatarVariants: (props?: ({
     variant?: "blue" | "amber" | "red" | "green" | "plum" | "crimson" | "purple" | "violet" | "indigo" | "cyan" | "teal" | "grass" | "brown" | "lime" | "yellow" | "gold" | "bronze" | "gray" | undefined;
 } & ({
-    class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
+    class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | /*elided*/ any | {
         [x: string]: any;
     } | null | undefined)[] | {
         [x: string]: any;
@@ -315,10 +315,10 @@ declare const avatarVariants: (props?: ({
     } | null | undefined)[] | {
         [x: string]: any;
     } | null | undefined;
-    className?: undefined;
+    className?: never;
 } | {
-    class?: undefined;
-    className?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
+    class?: never;
+    className?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | /*elided*/ any | {
         [x: string]: any;
     } | null | undefined)[] | {
         [x: string]: any;
@@ -347,10 +347,10 @@ declare const avatarVariants: (props?: ({
 declare const Avatar: react__default.ForwardRefExoticComponent<AvatarProps & react__default.RefAttributes<HTMLDivElement>>;
 
 declare const badgeVariants: (props?: ({
-    variant?: "fill" | "default" | "outline" | undefined;
+    variant?: "fill" | "outline" | "default" | undefined;
     color?: "blue" | "red" | "green" | "crimson" | "violet" | "cyan" | "teal" | "brown" | "yellow" | "gray" | "orange" | undefined;
 } & ({
-    class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
+    class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | /*elided*/ any | {
         [x: string]: any;
     } | null | undefined)[] | {
         [x: string]: any;
@@ -375,10 +375,10 @@ declare const badgeVariants: (props?: ({
     } | null | undefined)[] | {
         [x: string]: any;
     } | null | undefined;
-    className?: undefined;
+    className?: never;
 } | {
-    class?: undefined;
-    className?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
+    class?: never;
+    className?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | /*elided*/ any | {
         [x: string]: any;
     } | null | undefined)[] | {
         [x: string]: any;
@@ -408,6 +408,71 @@ interface BadgeProps extends Omit<react.HTMLAttributes<HTMLDivElement>, 'color'>
 }
 declare function Badge({ className, variant, color, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
 
+declare const bannerVariants: (props?: ({
+    color?: "blue" | "amber" | "red" | "green" | "gray" | "unset" | undefined;
+} & ({
+    class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | /*elided*/ any | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined;
+    className?: never;
+} | {
+    class?: never;
+    className?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | /*elided*/ any | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined;
+})) | undefined) => string;
+interface BannerProps extends Omit<react.HTMLAttributes<HTMLDivElement>, 'color'>, VariantProps<typeof bannerVariants> {
+    title?: string;
+    text: react.ReactNode;
+    icon?: react.JSX.Element;
+    action?: react.JSX.Element;
+}
+declare function Banner({ title, text, icon, action, color, className, ...props }: BannerProps): react_jsx_runtime.JSX.Element;
+
 type CarouselApi = UseEmblaCarouselType[1];
 type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;
 type CarouselOptions = UseCarouselParameters[0];
@@ -429,36 +494,36 @@ declare const Checkbox: react.ForwardRefExoticComponent<Omit<CheckboxPrimitive.C
 declare const Command: react.ForwardRefExoticComponent<Omit<{
     children?: react.ReactNode;
 } & Pick<Pick<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof react.HTMLAttributes<HTMLDivElement>> & {
-    ref?: react.Ref<HTMLDivElement> | undefined;
+    ref?: react.Ref<HTMLDivElement>;
 } & {
-    asChild?: boolean | undefined;
+    asChild?: boolean;
 }, "key" | "asChild" | keyof react.HTMLAttributes<HTMLDivElement>> & {
-    label?: string | undefined;
-    shouldFilter?: boolean | undefined;
-    filter?: ((value: string, search: string, keywords?: string[] | undefined) => number) | undefined;
-    defaultValue?: string | undefined;
-    value?: string | undefined;
-    onValueChange?: ((value: string) => void) | undefined;
-    loop?: boolean | undefined;
-    disablePointerSelection?: boolean | undefined;
-    vimBindings?: boolean | undefined;
+    label?: string;
+    shouldFilter?: boolean;
+    filter?: (value: string, search: string, keywords?: string[]) => number;
+    defaultValue?: string;
+    value?: string;
+    onValueChange?: (value: string) => void;
+    loop?: boolean;
+    disablePointerSelection?: boolean;
+    vimBindings?: boolean;
 } & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
 declare const CommandInput: react.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof react.InputHTMLAttributes<HTMLInputElement>> & {
-    ref?: react.Ref<HTMLInputElement> | undefined;
+    ref?: react.Ref<HTMLInputElement>;
 } & {
-    asChild?: boolean | undefined;
+    asChild?: boolean;
 }, "key" | "asChild" | keyof react.InputHTMLAttributes<HTMLInputElement>>, "type" | "onChange" | "value"> & {
-    value?: string | undefined;
-    onValueChange?: ((search: string) => void) | undefined;
+    value?: string;
+    onValueChange?: (search: string) => void;
 } & react.RefAttributes<HTMLInputElement>, "ref"> & react.RefAttributes<HTMLInputElement>>;
 declare const CommandList: react.ForwardRefExoticComponent<Omit<{
     children?: react.ReactNode;
 } & Pick<Pick<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof react.HTMLAttributes<HTMLDivElement>> & {
-    ref?: react.Ref<HTMLDivElement> | undefined;
+    ref?: react.Ref<HTMLDivElement>;
 } & {
-    asChild?: boolean | undefined;
+    asChild?: boolean;
 }, "key" | "asChild" | keyof react.HTMLAttributes<HTMLDivElement>> & {
-    label?: string | undefined;
+    label?: string;
 } & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
 interface CommandEmptyExtension {
     title?: string;
@@ -467,40 +532,40 @@ interface CommandEmptyExtension {
 declare const CommandEmpty: react.ForwardRefExoticComponent<Omit<{
     children?: react.ReactNode;
 } & Pick<Pick<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof react.HTMLAttributes<HTMLDivElement>> & {
-    ref?: react.Ref<HTMLDivElement> | undefined;
+    ref?: react.Ref<HTMLDivElement>;
 } & {
-    asChild?: boolean | undefined;
+    asChild?: boolean;
 }, "key" | "asChild" | keyof react.HTMLAttributes<HTMLDivElement>> & react.RefAttributes<HTMLDivElement>, "ref"> & CommandEmptyExtension & react.RefAttributes<HTMLDivElement & CommandEmptyExtension>>;
 declare const CommandLoading: react.ForwardRefExoticComponent<Omit<{
     children?: react.ReactNode;
 } & Pick<Pick<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof react.HTMLAttributes<HTMLDivElement>> & {
-    ref?: react.Ref<HTMLDivElement> | undefined;
+    ref?: react.Ref<HTMLDivElement>;
 } & {
-    asChild?: boolean | undefined;
+    asChild?: boolean;
 }, "key" | "asChild" | keyof react.HTMLAttributes<HTMLDivElement>> & {
-    progress?: number | undefined;
-    label?: string | undefined;
+    progress?: number;
+    label?: string;
 } & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
 declare const CommandGroup: react.ForwardRefExoticComponent<Omit<{
     children?: react.ReactNode;
 } & Omit<Pick<Pick<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof react.HTMLAttributes<HTMLDivElement>> & {
-    ref?: react.Ref<HTMLDivElement> | undefined;
+    ref?: react.Ref<HTMLDivElement>;
 } & {
-    asChild?: boolean | undefined;
+    asChild?: boolean;
 }, "key" | "asChild" | keyof react.HTMLAttributes<HTMLDivElement>>, "heading" | "value"> & {
     heading?: react.ReactNode;
-    value?: string | undefined;
-    forceMount?: boolean | undefined;
+    value?: string;
+    forceMount?: boolean;
 } & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
 declare const CommandSeparator: react.ForwardRefExoticComponent<Omit<Pick<Pick<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof react.HTMLAttributes<HTMLDivElement>> & {
-    ref?: react.Ref<HTMLDivElement> | undefined;
+    ref?: react.Ref<HTMLDivElement>;
 } & {
-    asChild?: boolean | undefined;
+    asChild?: boolean;
 }, "key" | "asChild" | keyof react.HTMLAttributes<HTMLDivElement>> & {
-    alwaysRender?: boolean | undefined;
+    alwaysRender?: boolean;
 } & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
 type CommandItemExtension = {
-    icon?: JSX.Element;
+    icon?: react.JSX.Element;
     checkbox?: boolean;
     checked?: boolean;
     description?: string;
@@ -508,15 +573,15 @@ type CommandItemExtension = {
 declare const CommandItem: react.ForwardRefExoticComponent<Omit<{
     children?: react.ReactNode;
 } & Omit<Pick<Pick<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof react.HTMLAttributes<HTMLDivElement>> & {
-    ref?: react.Ref<HTMLDivElement> | undefined;
+    ref?: react.Ref<HTMLDivElement>;
 } & {
-    asChild?: boolean | undefined;
+    asChild?: boolean;
 }, "key" | "asChild" | keyof react.HTMLAttributes<HTMLDivElement>>, "onSelect" | "disabled" | "value"> & {
-    disabled?: boolean | undefined;
-    onSelect?: ((value: string) => void) | undefined;
-    value?: string | undefined;
-    keywords?: string[] | undefined;
-    forceMount?: boolean | undefined;
+    disabled?: boolean;
+    onSelect?: (value: string) => void;
+    value?: string;
+    keywords?: string[];
+    forceMount?: boolean;
 } & react.RefAttributes<HTMLDivElement>, "ref"> & CommandItemExtension & react.RefAttributes<HTMLDivElement & CommandItemExtension>>;
 
 type StringKeys<T> = {
@@ -549,8 +614,8 @@ declare function CreatableSelect<T, Multiple extends boolean>({ isLoading, items
 declare const Dialog: react.FC<SheetPrimitive.DialogProps>;
 declare const DialogTrigger: react.ForwardRefExoticComponent<SheetPrimitive.DialogTriggerProps & react.RefAttributes<HTMLButtonElement>>;
 declare const DialogContent: react.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & {
-    bottomSheet?: boolean | undefined;
-    showClose?: boolean | undefined;
+    bottomSheet?: boolean;
+    showClose?: boolean;
 } & react.RefAttributes<HTMLDivElement>>;
 declare const DialogHeader: {
     ({ className, ...props }: react.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
@@ -565,8 +630,8 @@ declare const DialogDescription: react.ForwardRefExoticComponent<Omit<SheetPrimi
 
 declare const DropdownMenu: react__default.FC<DropdownMenuPrimitive.DropdownMenuProps>;
 interface DropdownMenuItemExtension {
-    icon?: JSX.Element;
-    description?: JSX.Element;
+    icon?: react__default.JSX.Element;
+    description?: react__default.JSX.Element;
     destructive?: boolean;
 }
 declare const DropdownMenuCheckboxItem: react__default.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & react__default.RefAttributes<HTMLDivElement>, "ref"> & DropdownMenuItemExtension & react__default.RefAttributes<HTMLDivElement & DropdownMenuItemExtension>>;
@@ -589,9 +654,9 @@ interface FilterButtonProps extends ButtonProps {
 declare const FilterButton: react__default.ForwardRefExoticComponent<FilterButtonProps & react__default.RefAttributes<HTMLButtonElement>>;
 
 interface InputProps extends react.InputHTMLAttributes<HTMLInputElement> {
-    button?: JSX.Element;
-    prefixEnchancer?: JSX.Element | string;
-    suffixEnchancer?: JSX.Element | string;
+    button?: react.JSX.Element;
+    prefixEnchancer?: react.JSX.Element | string;
+    suffixEnchancer?: react.JSX.Element | string;
     'data-has-error'?: string;
     'data-is-disabled'?: string;
 }
@@ -606,15 +671,15 @@ type MediaCardProps = {
     description?: string;
     duration?: number;
     type: 'audio' | 'video' | 'image';
-    image?: string | JSX.Element;
-    action?: JSX.Element;
+    image?: string | React.JSX.Element;
+    action?: React.JSX.Element;
     actionBehavior?: 'default' | 'hover';
     moderationStatus?: 'processing' | 'flagged' | 'safe' | null;
     isLoading?: boolean;
     size: 'small' | 'medium' | 'large';
     author?: {
         name: string;
-        image?: JSX.Element;
+        image?: React.JSX.Element;
     };
 } & HTMLAttributes<HTMLDivElement>;
 declare const MediaCard: {
@@ -664,7 +729,7 @@ declare const SheetClose: react.ForwardRefExoticComponent<Omit<SheetPrimitive.Di
 declare const sheetVariants: (props?: ({
     side?: "top" | "right" | "bottom" | "left" | undefined;
 } & ({
-    class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
+    class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | /*elided*/ any | {
         [x: string]: any;
     } | null | undefined)[] | {
         [x: string]: any;
@@ -689,10 +754,10 @@ declare const sheetVariants: (props?: ({
     } | null | undefined)[] | {
         [x: string]: any;
     } | null | undefined;
-    className?: undefined;
+    className?: never;
 } | {
-    class?: undefined;
-    className?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
+    class?: never;
+    className?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | /*elided*/ any | {
         [x: string]: any;
     } | null | undefined)[] | {
         [x: string]: any;
@@ -727,7 +792,7 @@ declare const SheetHeader: {
     displayName: string;
 };
 declare const SheetTitle: react.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogTitleProps & react.RefAttributes<HTMLHeadingElement>, "ref"> & {
-    icon?: react.ReactElement<any, string | react.JSXElementConstructor<any>> | undefined;
+    icon?: react.ReactElement<IconProps>;
 } & react.RefAttributes<HTMLHeadingElement>>;
 declare const SheetDescription: react.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogDescriptionProps & react.RefAttributes<HTMLParagraphElement>, "ref"> & react.RefAttributes<HTMLParagraphElement>>;
 
@@ -742,11 +807,11 @@ declare const TableRow: react.ForwardRefExoticComponent<react.HTMLAttributes<HTM
 declare const TableHead: react.ForwardRefExoticComponent<react.ThHTMLAttributes<HTMLTableCellElement> & react.RefAttributes<HTMLTableCellElement>>;
 declare const TableCell: react.ForwardRefExoticComponent<react.TdHTMLAttributes<HTMLTableCellElement> & react.RefAttributes<HTMLTableCellElement>>;
 declare const TableEmpty: react.ForwardRefExoticComponent<react.HTMLAttributes<HTMLDivElement> & {
-    title?: string | undefined;
-    description?: string | undefined;
+    title?: string;
+    description?: string;
 } & react.RefAttributes<HTMLDivElement & {
-    title?: string | undefined;
-    description?: string | undefined;
+    title?: string;
+    description?: string;
 }>>;
 
 declare const Tabs: react.ForwardRefExoticComponent<TabsPrimitive.TabsProps & react.RefAttributes<HTMLDivElement>>;
@@ -763,9 +828,9 @@ declare const Textarea: react.ForwardRefExoticComponent<TextareaProps & react.Re
 declare const ToastProvider: react.FC<ToastPrimitives.ToastProviderProps>;
 declare const ToastViewport: react.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastViewportProps & react.RefAttributes<HTMLOListElement>, "ref"> & react.RefAttributes<HTMLOListElement>>;
 declare const Toast$1: react.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastProps & react.RefAttributes<HTMLLIElement>, "ref"> & VariantProps<(props?: ({
-    variant?: "default" | "destructive" | undefined;
+    variant?: "destructive" | "default" | undefined;
 } & ({
-    class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
+    class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | /*elided*/ any | {
         [x: string]: any;
     } | null | undefined)[] | {
         [x: string]: any;
@@ -790,10 +855,10 @@ declare const Toast$1: react.ForwardRefExoticComponent<Omit<ToastPrimitives.Toas
     } | null | undefined)[] | {
         [x: string]: any;
     } | null | undefined;
-    className?: undefined;
+    className?: never;
 } | {
-    class?: undefined;
-    className?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
+    class?: never;
+    className?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | /*elided*/ any | {
         [x: string]: any;
     } | null | undefined)[] | {
         [x: string]: any;
@@ -820,9 +885,9 @@ declare const Toast$1: react.ForwardRefExoticComponent<Omit<ToastPrimitives.Toas
     } | null | undefined;
 })) | undefined) => string> & react.RefAttributes<HTMLLIElement>>;
 declare const RawToast: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & VariantProps<(props?: ({
-    variant?: "default" | "destructive" | undefined;
+    variant?: "destructive" | "default" | undefined;
 } & ({
-    class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
+    class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | /*elided*/ any | {
         [x: string]: any;
     } | null | undefined)[] | {
         [x: string]: any;
@@ -847,10 +912,10 @@ declare const RawToast: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLP
     } | null | undefined)[] | {
         [x: string]: any;
     } | null | undefined;
-    className?: undefined;
+    className?: never;
 } | {
-    class?: undefined;
-    className?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
+    class?: never;
+    className?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | /*elided*/ any | {
         [x: string]: any;
     } | null | undefined)[] | {
         [x: string]: any;
@@ -889,7 +954,7 @@ type ToasterToast = Omit<ToastProps, 'title'> & {
     description?: react.ReactNode;
     actions?: ToastActionElement[];
     parentId?: string;
-    icon?: react.ReactElement;
+    icon?: react.ReactElement<IconProps>;
     hideClose?: boolean;
 };
 type Toast = Omit<ToasterToast, 'id' | 'parentId'>;
@@ -912,8 +977,8 @@ declare function useToast({ toasterId }?: {
     toasts: ToasterToast[];
 };
 
-declare const ToastContent: ({ title, description, icon, actions, hideClose, onClose, }: Pick<ToasterToast, "title" | "icon" | "description" | "actions" | "hideClose"> & {
-    onClose?: react__default.MouseEventHandler<HTMLButtonElement> | undefined;
+declare const ToastContent: ({ title, description, icon, actions, hideClose, onClose, }: Pick<ToasterToast, "title" | "description" | "icon" | "actions" | "hideClose"> & {
+    onClose?: react__default.MouseEventHandler<HTMLButtonElement>;
 }) => react_jsx_runtime.JSX.Element;
 declare function Toaster({ className, toasterId, ...props }: ToastPrimitives.ToastProviderProps & {
     toasterId?: string;
@@ -928,7 +993,7 @@ declare const ToggleGroup: react.ForwardRefExoticComponent<((Omit<ToggleGroupPri
 type ToggleGroupItemProps = {
     title?: string;
     description?: string;
-    icon?: JSX.Element;
+    icon?: react.JSX.Element;
     image?: react.ReactNode;
 };
 declare const ToggleGroupItem: react.ForwardRefExoticComponent<Omit<ToggleGroupPrimitive.ToggleGroupItemProps & react.RefAttributes<HTMLButtonElement>, "ref"> & ToggleGroupItemProps & react.RefAttributes<HTMLButtonElement>>;
@@ -938,4 +1003,4 @@ declare const Tooltip: react.FC<TooltipPrimitive.TooltipProps>;
 declare const TooltipTrigger: react.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & react.RefAttributes<HTMLButtonElement>>;
 declare const TooltipContent: react.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, Avatar, Badge, type BadgeProps, Button, type ButtonProps, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, Checkbox, Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandLoading, CommandSeparator, CreatableSelect, type CreatableSelectProps, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, FilterButton, Input, Label, Link, MediaCard, Pagination, PaginationPageChoice, Popover, PopoverContent, PopoverTrigger, RadioGroup, RadioGroupItem, RawToast, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, Sheet, SheetClose, SheetContent, SheetDescription, SheetHeader, SheetTitle, SheetTrigger, Skeleton, Switch, Table, TableBody, TableCell, TableEmpty, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toast$1 as Toast, ToastAction, type ToastActionElement, ToastClose, ToastContent, ToastDescription, type ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, buttonSizes, buttonVariants, iconButtonSizes, toast, useToast };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, Avatar, Badge, type BadgeProps, Banner, type BannerProps, Button, type ButtonProps, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, Checkbox, Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandLoading, CommandSeparator, CreatableSelect, type CreatableSelectProps, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, FilterButton, Input, Label, Link, MediaCard, Pagination, PaginationPageChoice, Popover, PopoverContent, PopoverTrigger, RadioGroup, RadioGroupItem, RawToast, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, Sheet, SheetClose, SheetContent, SheetDescription, SheetHeader, SheetTitle, SheetTrigger, Skeleton, Switch, Table, TableBody, TableCell, TableEmpty, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toast$1 as Toast, ToastAction, type ToastActionElement, ToastClose, ToastContent, ToastDescription, type ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, buttonSizes, buttonVariants, iconButtonSizes, toast, useToast };

package/dist/index.js

@@ -13,43 +13,45 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var src_exports = {};
-module.exports = __toCommonJS(src_exports);
-__reExport(src_exports, require("./components/Accordion"), module.exports);
-__reExport(src_exports, require("./components/AlertDialog"), module.exports);
-__reExport(src_exports, require("./components/Avatar"), module.exports);
-__reExport(src_exports, require("./components/Badge"), module.exports);
-__reExport(src_exports, require("./components/Button"), module.exports);
-__reExport(src_exports, require("./components/Carousel"), module.exports);
-__reExport(src_exports, require("./components/Checkbox"), module.exports);
-__reExport(src_exports, require("./components/Command"), module.exports);
-__reExport(src_exports, require("./components/CreatableSelect"), module.exports);
-__reExport(src_exports, require("./components/Dialog"), module.exports);
-__reExport(src_exports, require("./components/DropdownMenu"), module.exports);
-__reExport(src_exports, require("./components/FilterButton"), module.exports);
-__reExport(src_exports, require("./components/Input"), module.exports);
-__reExport(src_exports, require("./components/Label"), module.exports);
-__reExport(src_exports, require("./components/Link"), module.exports);
-__reExport(src_exports, require("./components/MediaCard"), module.exports);
-__reExport(src_exports, require("./components/Pagination"), module.exports);
-__reExport(src_exports, require("./components/Popover"), module.exports);
-__reExport(src_exports, require("./components/RadioGroup"), module.exports);
-__reExport(src_exports, require("./components/Select"), module.exports);
-__reExport(src_exports, require("./components/Sheet"), module.exports);
-__reExport(src_exports, require("./components/Skeleton"), module.exports);
-__reExport(src_exports, require("./components/Switch"), module.exports);
-__reExport(src_exports, require("./components/Table"), module.exports);
-__reExport(src_exports, require("./components/Tabs"), module.exports);
-__reExport(src_exports, require("./components/Textarea"), module.exports);
-__reExport(src_exports, require("./components/Toaster"), module.exports);
-__reExport(src_exports, require("./components/ToggleGroup"), module.exports);
-__reExport(src_exports, require("./components/Tooltip"), module.exports);
+var index_exports = {};
+module.exports = __toCommonJS(index_exports);
+__reExport(index_exports, require("./components/Accordion"), module.exports);
+__reExport(index_exports, require("./components/AlertDialog"), module.exports);
+__reExport(index_exports, require("./components/Avatar"), module.exports);
+__reExport(index_exports, require("./components/Badge"), module.exports);
+__reExport(index_exports, require("./components/Banner"), module.exports);
+__reExport(index_exports, require("./components/Button"), module.exports);
+__reExport(index_exports, require("./components/Carousel"), module.exports);
+__reExport(index_exports, require("./components/Checkbox"), module.exports);
+__reExport(index_exports, require("./components/Command"), module.exports);
+__reExport(index_exports, require("./components/CreatableSelect"), module.exports);
+__reExport(index_exports, require("./components/Dialog"), module.exports);
+__reExport(index_exports, require("./components/DropdownMenu"), module.exports);
+__reExport(index_exports, require("./components/FilterButton"), module.exports);
+__reExport(index_exports, require("./components/Input"), module.exports);
+__reExport(index_exports, require("./components/Label"), module.exports);
+__reExport(index_exports, require("./components/Link"), module.exports);
+__reExport(index_exports, require("./components/MediaCard"), module.exports);
+__reExport(index_exports, require("./components/Pagination"), module.exports);
+__reExport(index_exports, require("./components/Popover"), module.exports);
+__reExport(index_exports, require("./components/RadioGroup"), module.exports);
+__reExport(index_exports, require("./components/Select"), module.exports);
+__reExport(index_exports, require("./components/Sheet"), module.exports);
+__reExport(index_exports, require("./components/Skeleton"), module.exports);
+__reExport(index_exports, require("./components/Switch"), module.exports);
+__reExport(index_exports, require("./components/Table"), module.exports);
+__reExport(index_exports, require("./components/Tabs"), module.exports);
+__reExport(index_exports, require("./components/Textarea"), module.exports);
+__reExport(index_exports, require("./components/Toaster"), module.exports);
+__reExport(index_exports, require("./components/ToggleGroup"), module.exports);
+__reExport(index_exports, require("./components/Tooltip"), module.exports);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ...require("./components/Accordion"),
   ...require("./components/AlertDialog"),
   ...require("./components/Avatar"),
   ...require("./components/Badge"),
+  ...require("./components/Banner"),
   ...require("./components/Button"),
   ...require("./components/Carousel"),
   ...require("./components/Checkbox"),