@sikka/hawa 0.8.13-next → 0.8.14-next

package/dist/index.css

@@ -1098,6 +1098,9 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-h-\[var\(--radix-navigation-menu-viewport-height\)\] {
   height: var(--radix-navigation-menu-viewport-height);
 }
+.hawa-h-auto {
+  height: auto;
+}
 .hawa-h-fit {
   height: -moz-fit-content;
   height: fit-content;
@@ -1111,6 +1114,9 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-h-screen {
   height: 100vh;
 }
+.hawa-max-h-56 {
+  max-height: 14rem;
+}
 .hawa-max-h-\[300px\] {
   max-height: 300px;
 }
@@ -1623,6 +1629,14 @@ input[type="number"]::-webkit-inner-spin-button,
   border-bottom-right-radius: var(--radius);
   border-bottom-left-radius: var(--radius);
 }
+.hawa-rounded-b-lg {
+  border-bottom-right-radius: var(--radius);
+  border-bottom-left-radius: var(--radius);
+}
+.hawa-rounded-l {
+  border-top-left-radius: var(--radius);
+  border-bottom-left-radius: var(--radius);
+}
 .hawa-rounded-l-none {
   border-top-left-radius: 0px;
   border-bottom-left-radius: 0px;
@@ -1635,6 +1649,10 @@ input[type="number"]::-webkit-inner-spin-button,
   border-top-left-radius: var(--radius);
   border-top-right-radius: var(--radius);
 }
+.hawa-rounded-t-lg {
+  border-top-left-radius: var(--radius);
+  border-top-right-radius: var(--radius);
+}
 .hawa-rounded-t-none {
   border-top-left-radius: 0px;
   border-top-right-radius: 0px;
@@ -2080,6 +2098,9 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-pr-2 {
   padding-right: 0.5rem;
 }
+.hawa-pr-3 {
+  padding-right: 0.75rem;
+}
 .hawa-pr-8 {
   padding-right: 2rem;
 }
@@ -2098,6 +2119,9 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-pt-2 {
   padding-top: 0.5rem;
 }
+.hawa-pt-3 {
+  padding-top: 0.75rem;
+}
 .hawa-pt-4 {
   padding-top: 1rem;
 }
@@ -2761,6 +2785,11 @@ body {
 .hover\:hawa-opacity-100:hover {
   opacity: 1;
 }
+.hover\:hawa-shadow-lg:hover {
+  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
+  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
 .hover\:hawa-drop-shadow-2xl:hover {
   --tw-drop-shadow: drop-shadow(0 25px 25px rgb(0 0 0 / 0.15));
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
@@ -2798,10 +2827,19 @@ body {
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
 }
+.focus\:hawa-ring-4:focus {
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
 .focus\:hawa-ring-blue-500:focus {
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));
 }
+.focus\:hawa-ring-gray-200:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(229 231 235 / var(--tw-ring-opacity));
+}
 .focus\:hawa-ring-gray-300:focus {
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity));
@@ -2862,6 +2900,10 @@ body {
 .hawa-group:hover .group-hover\:hawa-opacity-100 {
   opacity: 1;
 }
+.hawa-group:hover .group-hover\:hawa-blur-lg {
+  --tw-blur: blur(16px);
+  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
+}
 .hawa-group.error .group-\[\.error\]\:hawa-border-muted\/40 {
   border-color: hsl(var(--muted) / 0.4);
 }
@@ -3362,6 +3404,10 @@ body {
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));
 }
+:is([data-mode="dark"] .dark\:focus\:hawa-ring-gray-700:focus) {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(55 65 81 / var(--tw-ring-opacity));
+}
 :is([data-mode="dark"] .hawa-peer:checked ~ .dark\:peer-checked\:hawa-text-primary) {
   color: hsl(var(--primary));
 }

package/dist/index.d.mts

@@ -1,5 +1,6 @@
 import * as React$1 from 'react';
 import React__default, { FC, ReactNode, ChangeEvent, InputHTMLAttributes, RefObject, PropsWithRef } from 'react';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
@@ -10,7 +11,6 @@ import * as SwitchPrimitives from '@radix-ui/react-switch';
 import * as LabelPrimitive from '@radix-ui/react-label';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
 import * as SliderPrimitive from '@radix-ui/react-slider';
-import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import { RowData, ColumnDef } from '@tanstack/react-table';
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
 import * as SeparatorPrimitive from '@radix-ui/react-separator';
@@ -66,6 +66,74 @@ type PricingCardTypes = {
 };
 declare const PricingCard: FC<PricingCardTypes>;
 
+type ExtendedDropdownMenuContentProps = Partial<React$1.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>> & {};
+type ExtendedDropdownMenuTriggerProps = Partial<React$1.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Trigger>> & {};
+type SubItem$2 = {
+    label?: string;
+    value?: any;
+    icon?: any;
+    action?: () => void;
+    highlighted?: boolean;
+    disabled?: boolean;
+};
+type MenuItemType = {
+    icon?: any;
+    label?: string;
+    value?: any;
+    content?: any;
+    end?: any;
+    presist?: boolean;
+    itemType?: "separator" | "label" | string;
+    action?: () => void;
+    highlighted?: boolean;
+    subitems?: SubItem$2[];
+    disabled?: boolean;
+    onMiddleClick?: any;
+    onClick?: any;
+};
+interface DropdownMenuProps {
+    trigger?: any;
+    items?: MenuItemType[];
+    direction?: "rtl" | "ltr";
+    className?: ExtendedDropdownMenuContentProps["className"];
+    triggerClassname?: ExtendedDropdownMenuTriggerProps["className"];
+    sideOffset?: ExtendedDropdownMenuContentProps["sideOffset"];
+    side?: ExtendedDropdownMenuContentProps["side"];
+    align?: ExtendedDropdownMenuContentProps["align"];
+    alignOffset?: ExtendedDropdownMenuContentProps["alignOffset"];
+    width?: "default" | "sm" | "lg" | "parent";
+    size?: "default" | "sm";
+    onItemSelect?: any;
+    onOpenChange?: any;
+    open?: any;
+}
+declare const DropdownMenu: React$1.FC<DropdownMenuProps>;
+
+interface ItemCardTypes {
+    headerActions?: MenuItemType[];
+    header?: any;
+    content?: any;
+    /** a URL for the image of the card */
+    cardImage?: string;
+    /** a function that fires when the card is clicked anywhere */
+    onCardClick?: any;
+    /** a React node with HawaIconCount children to have counters at the bottom of the card */
+    counts?: JSX.Element;
+    /** The action buttons on the bottom right of the card */
+    actions?: JSX.Element;
+    /** The orientation of the card */
+    orientation?: "horizontal" | "vertical";
+    /** Enabling this blurs the image on hover and shows an action button */
+    clickableImage?: boolean;
+    /** The function of the action button on the image of the card */
+    clickableImageAction?: () => void;
+    /** The text of the action button on the image of the card */
+    clickableImageActionText: string;
+    /** The icon of the action button on the image of the card */
+    clickableImageActionIcon?: any;
+}
+declare const ItemCard: FC<ItemCardTypes>;
+
 declare const buttonVariants: (props?: ({
     variant?: "link" | "default" | "light" | "destructive" | "outline" | "secondary" | "ghost" | "neoBrutalism" | null | undefined;
     size?: "xs" | "sm" | "lg" | "xl" | "default" | "heightless" | "icon" | "smallIcon" | null | undefined;
@@ -291,49 +359,6 @@ declare const Textarea: React$1.ForwardRefExoticComponent<TextareaProps & React$
 
 declare const Slider: React$1.ForwardRefExoticComponent<Omit<SliderPrimitive.SliderProps & React$1.RefAttributes<HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
 
-type ExtendedDropdownMenuContentProps = Partial<React$1.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>> & {};
-type ExtendedDropdownMenuTriggerProps = Partial<React$1.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Trigger>> & {};
-type SubItem$2 = {
-    label?: string;
-    value?: any;
-    icon?: any;
-    action?: () => void;
-    highlighted?: boolean;
-    disabled?: boolean;
-};
-type MenuItemType = {
-    icon?: any;
-    label?: string;
-    value?: any;
-    content?: any;
-    end?: any;
-    presist?: boolean;
-    itemType?: "separator" | "label" | string;
-    action?: () => void;
-    highlighted?: boolean;
-    subitems?: SubItem$2[];
-    disabled?: boolean;
-    onMiddleClick?: any;
-    onClick?: any;
-};
-interface DropdownMenuProps {
-    trigger?: any;
-    items?: MenuItemType[];
-    direction?: "rtl" | "ltr";
-    className?: ExtendedDropdownMenuContentProps["className"];
-    triggerClassname?: ExtendedDropdownMenuTriggerProps["className"];
-    sideOffset?: ExtendedDropdownMenuContentProps["sideOffset"];
-    side?: ExtendedDropdownMenuContentProps["side"];
-    align?: ExtendedDropdownMenuContentProps["align"];
-    alignOffset?: ExtendedDropdownMenuContentProps["alignOffset"];
-    width?: "default" | "sm" | "lg" | "parent";
-    size?: "default" | "sm";
-    onItemSelect?: any;
-    onOpenChange?: any;
-    open?: any;
-}
-declare const DropdownMenu: React$1.FC<DropdownMenuProps>;
-
 type ColorPickerTypes = {
     /** The hex code for the color */
     color?: any;
@@ -661,6 +686,14 @@ type SelectTypes = {
 };
 declare const Select: FC<SelectTypes>;
 
+type IconCountTypes = {
+    /** The icon of the counter */
+    icon: JSX.Element;
+    /** The text next to the icon */
+    count?: string;
+};
+declare const Count: FC<IconCountTypes>;
+
 declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues extends FieldValues | undefined = undefined>(props: react_hook_form.FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React$1.JSX.Element;
 declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => React$1.JSX.Element;
 declare const useFormField: () => {
@@ -1449,4 +1482,4 @@ declare function useTabs(initialTab?: string): {
     handleTabChange: (index: any) => void;
 };
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, ActionCard, AdCard, Alert, Announcement, AppLanding, AppLayout, AppStores, BackToTop, Breadcrumb, Button, ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CheckEmail, Checkbox, Chip, CodeBlock, CodeConfirmation, ColorPicker, Combobox, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ComparingPlans, Copyrights, DataTable, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, DropdownMenu, EmptyState, FeedbackEmoji, FeedbackForm, FeedbackRating, FileDropzone, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, HorizontalPricing, Input, InterfaceSettings, Label, LeadGenerator, LegalTexts, Loading, LoginForm, Logos, MenuItemType, NavMenuItem, NavigationMenu, NavigationMenuLink, NewPasswordForm, NoPermission, NotFound, PhoneInput, PinInput, Popover, PopoverContent, PopoverTrigger, PricingCard, PricingPlans, Progress, Radio, RadioOptionsTypes, RegisterForm, ResetPasswordForm, ScrollArea, ScrollBar, Select, SelectOptionProps, Separator, SidebarGroup, SidebarItem, SimpleTable, Skeleton, Slider, SortButton, Stats, SubItem$2 as SubItem, Switch, TChipTypes, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Testimonial, Textarea, TextareaProps, Toast$1 as Toast, ToastAction, ToastActionElement, ToastClose, ToastDescription, ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, Tooltip, Usage, UseFocusWithinOptions, UseMediaQueryOptions, UserReferralSource, buttonVariants, reducer, toast, useBreakpoint, useClipboard, useFocusWithin, useFormField, useMediaQuery, useTabs, useToast, useWindowSize };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, ActionCard, AdCard, Alert, Announcement, AppLanding, AppLayout, AppStores, BackToTop, Breadcrumb, Button, ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CheckEmail, Checkbox, Chip, CodeBlock, CodeConfirmation, ColorPicker, Combobox, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ComparingPlans, Copyrights, Count, DataTable, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, DropdownMenu, EmptyState, FeedbackEmoji, FeedbackForm, FeedbackRating, FileDropzone, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, HorizontalPricing, Input, InterfaceSettings, ItemCard, Label, LeadGenerator, LegalTexts, Loading, LoginForm, Logos, MenuItemType, NavMenuItem, NavigationMenu, NavigationMenuLink, NewPasswordForm, NoPermission, NotFound, PhoneInput, PinInput, Popover, PopoverContent, PopoverTrigger, PricingCard, PricingPlans, Progress, Radio, RadioOptionsTypes, RegisterForm, ResetPasswordForm, ScrollArea, ScrollBar, Select, SelectOptionProps, Separator, SidebarGroup, SidebarItem, SimpleTable, Skeleton, Slider, SortButton, Stats, SubItem$2 as SubItem, Switch, TChipTypes, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Testimonial, Textarea, TextareaProps, Toast$1 as Toast, ToastAction, ToastActionElement, ToastClose, ToastDescription, ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, Tooltip, Usage, UseFocusWithinOptions, UseMediaQueryOptions, UserReferralSource, buttonVariants, reducer, toast, useBreakpoint, useClipboard, useFocusWithin, useFormField, useMediaQuery, useTabs, useToast, useWindowSize };

package/dist/index.d.ts

@@ -1,5 +1,6 @@
 import * as React$1 from 'react';
 import React__default, { FC, ReactNode, ChangeEvent, InputHTMLAttributes, RefObject, PropsWithRef } from 'react';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
@@ -10,7 +11,6 @@ import * as SwitchPrimitives from '@radix-ui/react-switch';
 import * as LabelPrimitive from '@radix-ui/react-label';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
 import * as SliderPrimitive from '@radix-ui/react-slider';
-import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import { RowData, ColumnDef } from '@tanstack/react-table';
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
 import * as SeparatorPrimitive from '@radix-ui/react-separator';
@@ -66,6 +66,74 @@ type PricingCardTypes = {
 };
 declare const PricingCard: FC<PricingCardTypes>;
 
+type ExtendedDropdownMenuContentProps = Partial<React$1.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>> & {};
+type ExtendedDropdownMenuTriggerProps = Partial<React$1.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Trigger>> & {};
+type SubItem$2 = {
+    label?: string;
+    value?: any;
+    icon?: any;
+    action?: () => void;
+    highlighted?: boolean;
+    disabled?: boolean;
+};
+type MenuItemType = {
+    icon?: any;
+    label?: string;
+    value?: any;
+    content?: any;
+    end?: any;
+    presist?: boolean;
+    itemType?: "separator" | "label" | string;
+    action?: () => void;
+    highlighted?: boolean;
+    subitems?: SubItem$2[];
+    disabled?: boolean;
+    onMiddleClick?: any;
+    onClick?: any;
+};
+interface DropdownMenuProps {
+    trigger?: any;
+    items?: MenuItemType[];
+    direction?: "rtl" | "ltr";
+    className?: ExtendedDropdownMenuContentProps["className"];
+    triggerClassname?: ExtendedDropdownMenuTriggerProps["className"];
+    sideOffset?: ExtendedDropdownMenuContentProps["sideOffset"];
+    side?: ExtendedDropdownMenuContentProps["side"];
+    align?: ExtendedDropdownMenuContentProps["align"];
+    alignOffset?: ExtendedDropdownMenuContentProps["alignOffset"];
+    width?: "default" | "sm" | "lg" | "parent";
+    size?: "default" | "sm";
+    onItemSelect?: any;
+    onOpenChange?: any;
+    open?: any;
+}
+declare const DropdownMenu: React$1.FC<DropdownMenuProps>;
+
+interface ItemCardTypes {
+    headerActions?: MenuItemType[];
+    header?: any;
+    content?: any;
+    /** a URL for the image of the card */
+    cardImage?: string;
+    /** a function that fires when the card is clicked anywhere */
+    onCardClick?: any;
+    /** a React node with HawaIconCount children to have counters at the bottom of the card */
+    counts?: JSX.Element;
+    /** The action buttons on the bottom right of the card */
+    actions?: JSX.Element;
+    /** The orientation of the card */
+    orientation?: "horizontal" | "vertical";
+    /** Enabling this blurs the image on hover and shows an action button */
+    clickableImage?: boolean;
+    /** The function of the action button on the image of the card */
+    clickableImageAction?: () => void;
+    /** The text of the action button on the image of the card */
+    clickableImageActionText: string;
+    /** The icon of the action button on the image of the card */
+    clickableImageActionIcon?: any;
+}
+declare const ItemCard: FC<ItemCardTypes>;
+
 declare const buttonVariants: (props?: ({
     variant?: "link" | "default" | "light" | "destructive" | "outline" | "secondary" | "ghost" | "neoBrutalism" | null | undefined;
     size?: "xs" | "sm" | "lg" | "xl" | "default" | "heightless" | "icon" | "smallIcon" | null | undefined;
@@ -291,49 +359,6 @@ declare const Textarea: React$1.ForwardRefExoticComponent<TextareaProps & React$
 
 declare const Slider: React$1.ForwardRefExoticComponent<Omit<SliderPrimitive.SliderProps & React$1.RefAttributes<HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
 
-type ExtendedDropdownMenuContentProps = Partial<React$1.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>> & {};
-type ExtendedDropdownMenuTriggerProps = Partial<React$1.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Trigger>> & {};
-type SubItem$2 = {
-    label?: string;
-    value?: any;
-    icon?: any;
-    action?: () => void;
-    highlighted?: boolean;
-    disabled?: boolean;
-};
-type MenuItemType = {
-    icon?: any;
-    label?: string;
-    value?: any;
-    content?: any;
-    end?: any;
-    presist?: boolean;
-    itemType?: "separator" | "label" | string;
-    action?: () => void;
-    highlighted?: boolean;
-    subitems?: SubItem$2[];
-    disabled?: boolean;
-    onMiddleClick?: any;
-    onClick?: any;
-};
-interface DropdownMenuProps {
-    trigger?: any;
-    items?: MenuItemType[];
-    direction?: "rtl" | "ltr";
-    className?: ExtendedDropdownMenuContentProps["className"];
-    triggerClassname?: ExtendedDropdownMenuTriggerProps["className"];
-    sideOffset?: ExtendedDropdownMenuContentProps["sideOffset"];
-    side?: ExtendedDropdownMenuContentProps["side"];
-    align?: ExtendedDropdownMenuContentProps["align"];
-    alignOffset?: ExtendedDropdownMenuContentProps["alignOffset"];
-    width?: "default" | "sm" | "lg" | "parent";
-    size?: "default" | "sm";
-    onItemSelect?: any;
-    onOpenChange?: any;
-    open?: any;
-}
-declare const DropdownMenu: React$1.FC<DropdownMenuProps>;
-
 type ColorPickerTypes = {
     /** The hex code for the color */
     color?: any;
@@ -661,6 +686,14 @@ type SelectTypes = {
 };
 declare const Select: FC<SelectTypes>;
 
+type IconCountTypes = {
+    /** The icon of the counter */
+    icon: JSX.Element;
+    /** The text next to the icon */
+    count?: string;
+};
+declare const Count: FC<IconCountTypes>;
+
 declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues extends FieldValues | undefined = undefined>(props: react_hook_form.FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React$1.JSX.Element;
 declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => React$1.JSX.Element;
 declare const useFormField: () => {
@@ -1449,4 +1482,4 @@ declare function useTabs(initialTab?: string): {
     handleTabChange: (index: any) => void;
 };
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, ActionCard, AdCard, Alert, Announcement, AppLanding, AppLayout, AppStores, BackToTop, Breadcrumb, Button, ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CheckEmail, Checkbox, Chip, CodeBlock, CodeConfirmation, ColorPicker, Combobox, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ComparingPlans, Copyrights, DataTable, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, DropdownMenu, EmptyState, FeedbackEmoji, FeedbackForm, FeedbackRating, FileDropzone, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, HorizontalPricing, Input, InterfaceSettings, Label, LeadGenerator, LegalTexts, Loading, LoginForm, Logos, MenuItemType, NavMenuItem, NavigationMenu, NavigationMenuLink, NewPasswordForm, NoPermission, NotFound, PhoneInput, PinInput, Popover, PopoverContent, PopoverTrigger, PricingCard, PricingPlans, Progress, Radio, RadioOptionsTypes, RegisterForm, ResetPasswordForm, ScrollArea, ScrollBar, Select, SelectOptionProps, Separator, SidebarGroup, SidebarItem, SimpleTable, Skeleton, Slider, SortButton, Stats, SubItem$2 as SubItem, Switch, TChipTypes, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Testimonial, Textarea, TextareaProps, Toast$1 as Toast, ToastAction, ToastActionElement, ToastClose, ToastDescription, ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, Tooltip, Usage, UseFocusWithinOptions, UseMediaQueryOptions, UserReferralSource, buttonVariants, reducer, toast, useBreakpoint, useClipboard, useFocusWithin, useFormField, useMediaQuery, useTabs, useToast, useWindowSize };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, ActionCard, AdCard, Alert, Announcement, AppLanding, AppLayout, AppStores, BackToTop, Breadcrumb, Button, ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CheckEmail, Checkbox, Chip, CodeBlock, CodeConfirmation, ColorPicker, Combobox, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ComparingPlans, Copyrights, Count, DataTable, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, DropdownMenu, EmptyState, FeedbackEmoji, FeedbackForm, FeedbackRating, FileDropzone, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, HorizontalPricing, Input, InterfaceSettings, ItemCard, Label, LeadGenerator, LegalTexts, Loading, LoginForm, Logos, MenuItemType, NavMenuItem, NavigationMenu, NavigationMenuLink, NewPasswordForm, NoPermission, NotFound, PhoneInput, PinInput, Popover, PopoverContent, PopoverTrigger, PricingCard, PricingPlans, Progress, Radio, RadioOptionsTypes, RegisterForm, ResetPasswordForm, ScrollArea, ScrollBar, Select, SelectOptionProps, Separator, SidebarGroup, SidebarItem, SimpleTable, Skeleton, Slider, SortButton, Stats, SubItem$2 as SubItem, Switch, TChipTypes, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Testimonial, Textarea, TextareaProps, Toast$1 as Toast, ToastAction, ToastActionElement, ToastClose, ToastDescription, ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, Tooltip, Usage, UseFocusWithinOptions, UseMediaQueryOptions, UserReferralSource, buttonVariants, reducer, toast, useBreakpoint, useClipboard, useFocusWithin, useFormField, useMediaQuery, useTabs, useToast, useWindowSize };