@sikka/hawa 0.4.5-next → 0.4.8-next

package/dist/index.css

@@ -580,13 +580,20 @@ input[type="number"]::-webkit-inner-spin-button,
     display: inline-block;
     position: relative;
     top: 3px;
-    margin: 0 5px 0 0;
+    /* margin: 0 5px 0 0; */
+
     width: 15px;
     height: 15px;
     border-radius: 11px;
     border: 2px solid #a3a3a3;
     background-color: transparent;
   }
+.radio-item.margin-right label:before {
+    margin: 0 5px 0 0; /* top right bottom left */
+  }
+.radio-item.margin-left label:before {
+    margin: 0 0 0 5px; /* top right bottom left */
+  }
 .radio-item-default input[type="radio"]:checked + label:after {
     border-radius: 100%;
     width: 9px;
@@ -839,6 +846,12 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-mb-5 {
   margin-bottom: 1.25rem;
 }
+.hawa-ml-0 {
+  margin-left: 0px;
+}
+.hawa-ml-1 {
+  margin-left: 0.25rem;
+}
 .hawa-ml-14 {
   margin-left: 3.5rem;
 }
@@ -908,6 +921,9 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-hidden {
   display: none;
 }
+.hawa-aspect-square {
+  aspect-ratio: 1 / 1;
+}
 .hawa-h-1 {
   height: 0.25rem;
 }
@@ -1147,6 +1163,9 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-w-\[47px\] {
   width: 47px;
 }
+.hawa-w-auto {
+  width: auto;
+}
 .hawa-w-fit {
   width: -moz-fit-content;
   width: fit-content;
@@ -1176,6 +1195,9 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-max-w-4xl {
   max-width: 56rem;
 }
+.hawa-max-w-\[200px\] {
+  max-width: 200px;
+}
 .hawa-max-w-\[52px\] {
   max-width: 52px;
 }
@@ -1204,6 +1226,9 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-flex-1 {
   flex: 1 1 0%;
 }
+.hawa-flex-shrink-0 {
+  flex-shrink: 0;
+}
 .hawa-shrink-0 {
   flex-shrink: 0;
 }
@@ -1345,6 +1370,9 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-items-center {
   align-items: center;
 }
+.hawa-items-baseline {
+  align-items: baseline;
+}
 .hawa-justify-start {
   justify-content: flex-start;
 }
@@ -1607,6 +1635,10 @@ input[type="number"]::-webkit-inner-spin-button,
   --tw-bg-opacity: 1;
   background-color: rgb(239 246 255 / var(--tw-bg-opacity));
 }
+.hawa-bg-blue-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(59 130 246 / var(--tw-bg-opacity));
+}
 .hawa-bg-border {
   background-color: hsl(var(--border));
 }
@@ -1687,6 +1719,9 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-bg-primary\/5 {
   background-color: hsl(var(--primary) / 0.05);
 }
+.hawa-bg-primary\/50 {
+  background-color: hsl(var(--primary) / 0.5);
+}
 .hawa-bg-primary\/90 {
   background-color: hsl(var(--primary) / 0.9);
 }
@@ -1907,6 +1942,10 @@ input[type="number"]::-webkit-inner-spin-button,
   font-size: 1.5rem;
   line-height: 2rem;
 }
+.hawa-text-5xl {
+  font-size: 3rem;
+  line-height: 1;
+}
 .hawa-text-6xl {
   font-size: 3.75rem;
   line-height: 1;
@@ -1917,6 +1956,9 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-text-\[11px\] {
   font-size: 11px;
 }
+.hawa-text-\[12px\] {
+  font-size: 12px;
+}
 .hawa-text-\[1rem\] {
   font-size: 1rem;
 }
@@ -1942,6 +1984,9 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-font-bold {
   font-weight: 700;
 }
+.hawa-font-extrabold {
+  font-weight: 800;
+}
 .hawa-font-medium {
   font-weight: 500;
 }
@@ -1963,6 +2008,9 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-leading-none {
   line-height: 1;
 }
+.hawa-leading-tight {
+  line-height: 1.25;
+}
 .hawa-tracking-tight {
   letter-spacing: -0.025em;
 }
@@ -2047,6 +2095,9 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-text-primary-foreground {
   color: hsl(var(--primary-foreground));
 }
+.hawa-text-primary\/70 {
+  color: hsl(var(--primary) / 0.7);
+}
 .hawa-text-red-500 {
   --tw-text-opacity: 1;
   color: rgb(239 68 68 / var(--tw-text-opacity));
@@ -2858,6 +2909,9 @@ body {
 :is(.hawa-dark .dark\:hawa-border-primary\/10) {
   border-color: hsl(var(--primary) / 0.1);
 }
+:is(.hawa-dark .dark\:hawa-border-primary\/70) {
+  border-color: hsl(var(--primary) / 0.7);
+}
 :is(.hawa-dark .dark\:hawa-bg-background) {
   background-color: hsl(var(--background));
 }

package/dist/index.d.mts

@@ -1,6 +1,6 @@
-import * as class_variance_authority_types from 'class-variance-authority/types';
 import * as React from 'react';
 import React__default, { FC, ReactNode, ChangeEvent, RefObject, PropsWithRef } from 'react';
+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';
 import { DialogProps } from '@radix-ui/react-dialog';
@@ -21,6 +21,49 @@ import * as _radix_ui_react_slot from '@radix-ui/react-slot';
 import * as react_hook_form from 'react-hook-form';
 import { FieldValues, FieldPath, ControllerProps } from 'react-hook-form';
 
+type ImageCardTypes = {
+    children: any;
+    align?: any;
+    bottomElement?: any;
+    inCardActions?: any;
+    cardImage?: string;
+    title?: string;
+    subtitle?: string;
+    blank?: boolean;
+};
+declare const ActionCard: FC<ImageCardTypes>;
+
+type AdCardTypes = {
+    orientation: "vertical" | "horizontal";
+    title: string;
+    description: string;
+    imageURL: string;
+    handleHide?: any;
+    handleCantHide?: () => void;
+    canHide: boolean;
+};
+declare const AdCard: FC<AdCardTypes>;
+
+type PricingCardTypes = {
+    direction?: "rtl" | "ltr";
+    features: {
+        included: boolean;
+        text: string;
+    }[];
+    price: number;
+    texts: {
+        title: string;
+        subtitle: string;
+        buttonText: string;
+        cycleText: string;
+        currencyText: string;
+    };
+    onPlanClicked?: () => void;
+    currentPlan?: boolean;
+    size: "small" | "medium" | "large";
+};
+declare const PricingCard: FC<PricingCardTypes>;
+
 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;
@@ -169,6 +212,7 @@ type RadioTypes = {
     width?: "default" | "full";
     onChangeTab?: any;
     defaultValue?: any;
+    direction?: "rtl" | "ltr";
 };
 declare const Radio: FC<RadioTypes>;
 
@@ -302,18 +346,6 @@ type PinInputTypes = {
 };
 declare const PinInput: FC<PinInputTypes>;
 
-type ImageCardTypes = {
-    children: any;
-    align?: any;
-    bottomElement?: any;
-    inCardActions?: any;
-    cardImage?: string;
-    title?: string;
-    subtitle?: string;
-    blank?: boolean;
-};
-declare const ActionCard: FC<ImageCardTypes>;
-
 type FileDropzoneTypes = {
     /**  The text label above the component. Consistant with the other form input fields   */
     label?: string;
@@ -494,14 +526,14 @@ type TextFieldTypes = {
 declare const Input: FC<TextFieldTypes>;
 
 declare const Tabs: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
-    orientation?: "horizontal" | "vertical" | undefined;
+    orientation?: "vertical" | "horizontal" | undefined;
 } & React.RefAttributes<HTMLDivElement>>;
 declare const TabsList: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 declare const TabsContent: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 
 declare const ScrollArea: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
-    orientation?: "horizontal" | "vertical" | undefined;
+    orientation?: "vertical" | "horizontal" | undefined;
 } & React.RefAttributes<HTMLDivElement>>;
 declare const ScrollBar: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaScrollbarProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 
@@ -1083,6 +1115,136 @@ type TNoPermission = {
 };
 declare const NoPermission: FC<TNoPermission>;
 
+type PricingPlansTypes = {
+    plans: [
+        {
+            direction: "rtl" | "ltr";
+            features: [{
+                included: boolean;
+                text: string;
+            }];
+            price: number;
+            texts: {
+                title: string;
+                subtitle: string;
+                buttonText: string;
+                cycleText: string;
+                currencyText: string;
+            };
+            size: "small" | "medium" | "large";
+        }
+    ];
+    currencies: [
+        {
+            label: string;
+            value: string;
+        }
+    ];
+    billingCycles: [
+        {
+            label: string;
+            value: string;
+        }
+    ];
+    onPlanClicked?: (e: any) => void;
+    currentCycle: {
+        label: string;
+        value: string;
+    };
+    currentCurrency: {
+        label: string;
+        value: string;
+    };
+    onCycleChange?: (e: any) => void;
+    onCurrencyChange?: (e: any) => void;
+    direction?: "rtl" | "ltr";
+};
+declare const PricingPlans: FC<PricingPlansTypes>;
+
+type ComparingPlansTypes = {
+    plans: [
+        {
+            direction: "rtl" | "ltr";
+            features: [{
+                included: boolean;
+                text: string;
+                description?: string;
+            }];
+            price: number;
+            texts: {
+                title: string;
+                subtitle: string;
+                buttonText: string;
+                cycleText: string;
+                currencyText: string;
+            };
+            size: "small" | "medium" | "large";
+        }
+    ];
+    currencies: [
+        {
+            label: string;
+            value: string;
+        }
+    ];
+    billingCycles: [
+        {
+            label: string;
+            value: string;
+        }
+    ];
+    onCycleChange?: (e: any) => void;
+    onCurrencyChange?: (e: any) => void;
+    direction?: "rtl" | "ltr";
+};
+declare const ComparingPlans: FC<ComparingPlansTypes>;
+
+type HorizontalPricingTypes = {
+    plans: [
+        {
+            direction: "rtl" | "ltr";
+            features: [{
+                included: boolean;
+                text: string;
+            }];
+            price: number;
+            texts: {
+                title: string;
+                subtitle: string;
+                buttonText: string;
+                cycleText: string;
+                currencyText: string;
+            };
+            size: "small" | "medium" | "large";
+        }
+    ];
+    currencies: [
+        {
+            label: string;
+            value: string;
+        }
+    ];
+    billingCycles: [
+        {
+            label: string;
+            value: string;
+        }
+    ];
+    onPlanClicked?: (e: any) => void;
+    currentCycle: {
+        label: string;
+        value: string;
+    };
+    currentCurrency: {
+        label: string;
+        value: string;
+    };
+    onCycleChange?: (e: any) => void;
+    onCurrencyChange?: (e: any) => void;
+    direction?: "rtl" | "ltr";
+};
+declare const HorizontalPricing: FC<HorizontalPricingTypes>;
+
 type UsageCardTypes = {
     tooltip?: any;
     title: any;
@@ -1091,4 +1253,4 @@ type UsageCardTypes = {
 };
 declare const Usage: FC<UsageCardTypes>;
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, ActionCard, 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, Copyrights, DataTable, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, DropdownMenu, EmptyState, FeedbackEmoji, FeedbackForm, FeedbackRating, FileDropzone, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, Input, InterfaceSettings, Label, LeadGenerator, LegalTexts, Loading, LoginForm, Logos, MenuItemType, NewPasswordForm, NoPermission, NotFound, PhoneInput, PinInput, Popover, PopoverContent, PopoverTrigger, Progress, Radio, RadioOptionsTypes, RegisterForm, ResetPasswordForm, ScrollArea, ScrollBar, Select, Separator, SidebarGroup, SidebarItem, SimpleTable, Skeleton, Slider, SortButton, Stats, SubItem$2 as SubItem, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Testimonial, Textarea, TextareaProps, Toast, ToastAction, ToastActionElement, ToastClose, ToastDescription, ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, Tooltip, Usage, UserReferralSource, buttonVariants, useFormField };
+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, NewPasswordForm, NoPermission, NotFound, PhoneInput, PinInput, Popover, PopoverContent, PopoverTrigger, PricingCard, PricingPlans, Progress, Radio, RadioOptionsTypes, RegisterForm, ResetPasswordForm, ScrollArea, ScrollBar, Select, Separator, SidebarGroup, SidebarItem, SimpleTable, Skeleton, Slider, SortButton, Stats, SubItem$2 as SubItem, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Testimonial, Textarea, TextareaProps, Toast, ToastAction, ToastActionElement, ToastClose, ToastDescription, ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, Tooltip, Usage, UserReferralSource, buttonVariants, useFormField };

package/dist/index.d.ts

@@ -1,6 +1,6 @@
-import * as class_variance_authority_types from 'class-variance-authority/types';
 import * as React from 'react';
 import React__default, { FC, ReactNode, ChangeEvent, RefObject, PropsWithRef } from 'react';
+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';
 import { DialogProps } from '@radix-ui/react-dialog';
@@ -21,6 +21,49 @@ import * as _radix_ui_react_slot from '@radix-ui/react-slot';
 import * as react_hook_form from 'react-hook-form';
 import { FieldValues, FieldPath, ControllerProps } from 'react-hook-form';
 
+type ImageCardTypes = {
+    children: any;
+    align?: any;
+    bottomElement?: any;
+    inCardActions?: any;
+    cardImage?: string;
+    title?: string;
+    subtitle?: string;
+    blank?: boolean;
+};
+declare const ActionCard: FC<ImageCardTypes>;
+
+type AdCardTypes = {
+    orientation: "vertical" | "horizontal";
+    title: string;
+    description: string;
+    imageURL: string;
+    handleHide?: any;
+    handleCantHide?: () => void;
+    canHide: boolean;
+};
+declare const AdCard: FC<AdCardTypes>;
+
+type PricingCardTypes = {
+    direction?: "rtl" | "ltr";
+    features: {
+        included: boolean;
+        text: string;
+    }[];
+    price: number;
+    texts: {
+        title: string;
+        subtitle: string;
+        buttonText: string;
+        cycleText: string;
+        currencyText: string;
+    };
+    onPlanClicked?: () => void;
+    currentPlan?: boolean;
+    size: "small" | "medium" | "large";
+};
+declare const PricingCard: FC<PricingCardTypes>;
+
 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;
@@ -169,6 +212,7 @@ type RadioTypes = {
     width?: "default" | "full";
     onChangeTab?: any;
     defaultValue?: any;
+    direction?: "rtl" | "ltr";
 };
 declare const Radio: FC<RadioTypes>;
 
@@ -302,18 +346,6 @@ type PinInputTypes = {
 };
 declare const PinInput: FC<PinInputTypes>;
 
-type ImageCardTypes = {
-    children: any;
-    align?: any;
-    bottomElement?: any;
-    inCardActions?: any;
-    cardImage?: string;
-    title?: string;
-    subtitle?: string;
-    blank?: boolean;
-};
-declare const ActionCard: FC<ImageCardTypes>;
-
 type FileDropzoneTypes = {
     /**  The text label above the component. Consistant with the other form input fields   */
     label?: string;
@@ -494,14 +526,14 @@ type TextFieldTypes = {
 declare const Input: FC<TextFieldTypes>;
 
 declare const Tabs: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
-    orientation?: "horizontal" | "vertical" | undefined;
+    orientation?: "vertical" | "horizontal" | undefined;
 } & React.RefAttributes<HTMLDivElement>>;
 declare const TabsList: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 declare const TabsContent: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 
 declare const ScrollArea: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
-    orientation?: "horizontal" | "vertical" | undefined;
+    orientation?: "vertical" | "horizontal" | undefined;
 } & React.RefAttributes<HTMLDivElement>>;
 declare const ScrollBar: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaScrollbarProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 
@@ -1083,6 +1115,136 @@ type TNoPermission = {
 };
 declare const NoPermission: FC<TNoPermission>;
 
+type PricingPlansTypes = {
+    plans: [
+        {
+            direction: "rtl" | "ltr";
+            features: [{
+                included: boolean;
+                text: string;
+            }];
+            price: number;
+            texts: {
+                title: string;
+                subtitle: string;
+                buttonText: string;
+                cycleText: string;
+                currencyText: string;
+            };
+            size: "small" | "medium" | "large";
+        }
+    ];
+    currencies: [
+        {
+            label: string;
+            value: string;
+        }
+    ];
+    billingCycles: [
+        {
+            label: string;
+            value: string;
+        }
+    ];
+    onPlanClicked?: (e: any) => void;
+    currentCycle: {
+        label: string;
+        value: string;
+    };
+    currentCurrency: {
+        label: string;
+        value: string;
+    };
+    onCycleChange?: (e: any) => void;
+    onCurrencyChange?: (e: any) => void;
+    direction?: "rtl" | "ltr";
+};
+declare const PricingPlans: FC<PricingPlansTypes>;
+
+type ComparingPlansTypes = {
+    plans: [
+        {
+            direction: "rtl" | "ltr";
+            features: [{
+                included: boolean;
+                text: string;
+                description?: string;
+            }];
+            price: number;
+            texts: {
+                title: string;
+                subtitle: string;
+                buttonText: string;
+                cycleText: string;
+                currencyText: string;
+            };
+            size: "small" | "medium" | "large";
+        }
+    ];
+    currencies: [
+        {
+            label: string;
+            value: string;
+        }
+    ];
+    billingCycles: [
+        {
+            label: string;
+            value: string;
+        }
+    ];
+    onCycleChange?: (e: any) => void;
+    onCurrencyChange?: (e: any) => void;
+    direction?: "rtl" | "ltr";
+};
+declare const ComparingPlans: FC<ComparingPlansTypes>;
+
+type HorizontalPricingTypes = {
+    plans: [
+        {
+            direction: "rtl" | "ltr";
+            features: [{
+                included: boolean;
+                text: string;
+            }];
+            price: number;
+            texts: {
+                title: string;
+                subtitle: string;
+                buttonText: string;
+                cycleText: string;
+                currencyText: string;
+            };
+            size: "small" | "medium" | "large";
+        }
+    ];
+    currencies: [
+        {
+            label: string;
+            value: string;
+        }
+    ];
+    billingCycles: [
+        {
+            label: string;
+            value: string;
+        }
+    ];
+    onPlanClicked?: (e: any) => void;
+    currentCycle: {
+        label: string;
+        value: string;
+    };
+    currentCurrency: {
+        label: string;
+        value: string;
+    };
+    onCycleChange?: (e: any) => void;
+    onCurrencyChange?: (e: any) => void;
+    direction?: "rtl" | "ltr";
+};
+declare const HorizontalPricing: FC<HorizontalPricingTypes>;
+
 type UsageCardTypes = {
     tooltip?: any;
     title: any;
@@ -1091,4 +1253,4 @@ type UsageCardTypes = {
 };
 declare const Usage: FC<UsageCardTypes>;
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, ActionCard, 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, Copyrights, DataTable, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, DropdownMenu, EmptyState, FeedbackEmoji, FeedbackForm, FeedbackRating, FileDropzone, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, Input, InterfaceSettings, Label, LeadGenerator, LegalTexts, Loading, LoginForm, Logos, MenuItemType, NewPasswordForm, NoPermission, NotFound, PhoneInput, PinInput, Popover, PopoverContent, PopoverTrigger, Progress, Radio, RadioOptionsTypes, RegisterForm, ResetPasswordForm, ScrollArea, ScrollBar, Select, Separator, SidebarGroup, SidebarItem, SimpleTable, Skeleton, Slider, SortButton, Stats, SubItem$2 as SubItem, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Testimonial, Textarea, TextareaProps, Toast, ToastAction, ToastActionElement, ToastClose, ToastDescription, ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, Tooltip, Usage, UserReferralSource, buttonVariants, useFormField };
+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, NewPasswordForm, NoPermission, NotFound, PhoneInput, PinInput, Popover, PopoverContent, PopoverTrigger, PricingCard, PricingPlans, Progress, Radio, RadioOptionsTypes, RegisterForm, ResetPasswordForm, ScrollArea, ScrollBar, Select, Separator, SidebarGroup, SidebarItem, SimpleTable, Skeleton, Slider, SortButton, Stats, SubItem$2 as SubItem, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Testimonial, Textarea, TextareaProps, Toast, ToastAction, ToastActionElement, ToastClose, ToastDescription, ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, Tooltip, Usage, UserReferralSource, buttonVariants, useFormField };