@sikka/hawa 0.4.7-next → 0.4.9-next

package/dist/index.css

@@ -849,6 +849,9 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-ml-0 {
   margin-left: 0px;
 }
+.hawa-ml-1 {
+  margin-left: 0.25rem;
+}
 .hawa-ml-14 {
   margin-left: 3.5rem;
 }
@@ -1211,6 +1214,9 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-max-w-md {
   max-width: 28rem;
 }
+.hawa-max-w-screen-sm {
+  max-width: 640px;
+}
 .hawa-max-w-sm {
   max-width: 24rem;
 }
@@ -1223,6 +1229,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;
 }
@@ -1337,6 +1346,11 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-resize-none {
   resize: none;
 }
+.hawa-appearance-none {
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+}
 .hawa-grid-cols-1 {
   grid-template-columns: repeat(1, minmax(0, 1fr));
 }
@@ -1364,6 +1378,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;
 }
@@ -1498,6 +1515,9 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-rounded-sm {
   border-radius: calc(var(--radius) - 4px);
 }
+.hawa-rounded-xl {
+  border-radius: calc(var(--radius) + 4px);
+}
 .hawa-rounded-b {
   border-bottom-right-radius: var(--radius);
   border-bottom-left-radius: var(--radius);
@@ -1826,6 +1846,10 @@ input[type="number"]::-webkit-inner-spin-button,
   padding-left: 1rem;
   padding-right: 1rem;
 }
+.hawa-px-5 {
+  padding-left: 1.25rem;
+  padding-right: 1.25rem;
+}
 .hawa-px-6 {
   padding-left: 1.5rem;
   padding-right: 1.5rem;
@@ -1933,6 +1957,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;
@@ -1952,6 +1980,10 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-text-\[9px\] {
   font-size: 9px;
 }
+.hawa-text-base {
+  font-size: 1rem;
+  line-height: 1.5rem;
+}
 .hawa-text-lg {
   font-size: 1.125rem;
   line-height: 1.75rem;
@@ -1971,6 +2003,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;
 }
@@ -1992,6 +2027,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;
 }
@@ -2009,6 +2047,10 @@ input[type="number"]::-webkit-inner-spin-button,
   --tw-text-opacity: 1;
   color: rgb(0 0 0 / var(--tw-text-opacity));
 }
+.hawa-text-blue-500 {
+  --tw-text-opacity: 1;
+  color: rgb(59 130 246 / var(--tw-text-opacity));
+}
 .hawa-text-blue-700 {
   --tw-text-opacity: 1;
   color: rgb(29 78 216 / var(--tw-text-opacity));
@@ -2067,6 +2109,22 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-text-muted-foreground\/50 {
   color: hsl(var(--muted-foreground) / 0.5);
 }
+.hawa-text-neutral-400 {
+  --tw-text-opacity: 1;
+  color: rgb(163 163 163 / var(--tw-text-opacity));
+}
+.hawa-text-neutral-500 {
+  --tw-text-opacity: 1;
+  color: rgb(115 115 115 / var(--tw-text-opacity));
+}
+.hawa-text-neutral-700 {
+  --tw-text-opacity: 1;
+  color: rgb(64 64 64 / var(--tw-text-opacity));
+}
+.hawa-text-neutral-900 {
+  --tw-text-opacity: 1;
+  color: rgb(23 23 23 / var(--tw-text-opacity));
+}
 .hawa-text-popover-foreground {
   color: hsl(var(--popover-foreground));
 }
@@ -2076,6 +2134,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));
@@ -2128,6 +2189,11 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-opacity-90 {
   opacity: 0.9;
 }
+.hawa-shadow {
+  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
 .hawa-shadow-lg {
   --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);
@@ -2688,6 +2754,10 @@ body {
 .hawa-group.destructive .group-\[\.destructive\]\:focus\:hawa-ring-offset-red-600:focus {
   --tw-ring-offset-color: #dc2626;
 }
+.hawa-peer:checked ~ .peer-checked\:hawa-border-blue-500 {
+  --tw-border-opacity: 1;
+  border-color: rgb(59 130 246 / var(--tw-border-opacity));
+}
 .hawa-peer:checked ~ .peer-checked\:hawa-border-blue-600 {
   --tw-border-opacity: 1;
   border-color: rgb(37 99 235 / var(--tw-border-opacity));
@@ -2887,6 +2957,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));
 }
@@ -2939,6 +3012,10 @@ body {
   --tw-text-opacity: 1;
   color: rgb(30 64 175 / var(--tw-text-opacity));
 }
+:is(.hawa-dark .dark\:hawa-text-gray-100) {
+  --tw-text-opacity: 1;
+  color: rgb(243 244 246 / var(--tw-text-opacity));
+}
 :is(.hawa-dark .dark\:hawa-text-gray-300) {
   --tw-text-opacity: 1;
   color: rgb(209 213 219 / var(--tw-text-opacity));
@@ -3071,11 +3148,21 @@ body {
     text-align: left;
   }
 
+  .sm\:hawa-text-2xl {
+    font-size: 1.5rem;
+    line-height: 2rem;
+  }
+
   .sm\:hawa-text-base {
     font-size: 1rem;
     line-height: 1.5rem;
   }
 
+  .sm\:hawa-text-xl {
+    font-size: 1.25rem;
+    line-height: 1.75rem;
+  }
+
   .sm\:hawa-opacity-100 {
     opacity: 1;
   }
@@ -3140,6 +3227,12 @@ body {
   --tw-rotate: 180deg;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
+.hawa-peer:checked ~ .peer-checked\:\[\&_\.active\]\:hawa-block .active {
+  display: block;
+}
+.hawa-peer:checked ~ .peer-checked\:\[\&_\.default\]\:hawa-hidden .default {
+  display: none;
+}
 .\[\&_\[cmdk-group-heading\]\]\:hawa-px-2 [cmdk-group-heading] {
   padding-left: 0.5rem;
   padding-right: 0.5rem;

package/dist/index.d.mts

@@ -46,10 +46,10 @@ declare const AdCard: FC<AdCardTypes>;
 
 type PricingCardTypes = {
     direction?: "rtl" | "ltr";
-    features: [{
+    features: {
         included: boolean;
         text: string;
-    }];
+    }[];
     price: number;
     texts: {
         title: string;
@@ -1115,6 +1115,134 @@ 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: {
+        currentPlan?: boolean;
+        direction?: "rtl" | "ltr";
+        currency?: string;
+        cycleText?: string;
+        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;
+    }[];
+    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;
@@ -1123,4 +1251,4 @@ type UsageCardTypes = {
 };
 declare const Usage: FC<UsageCardTypes>;
 
-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, 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, PricingCard, 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

@@ -46,10 +46,10 @@ declare const AdCard: FC<AdCardTypes>;
 
 type PricingCardTypes = {
     direction?: "rtl" | "ltr";
-    features: [{
+    features: {
         included: boolean;
         text: string;
-    }];
+    }[];
     price: number;
     texts: {
         title: string;
@@ -1115,6 +1115,134 @@ 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: {
+        currentPlan?: boolean;
+        direction?: "rtl" | "ltr";
+        currency?: string;
+        cycleText?: string;
+        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;
+    }[];
+    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;
@@ -1123,4 +1251,4 @@ type UsageCardTypes = {
 };
 declare const Usage: FC<UsageCardTypes>;
 
-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, 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, PricingCard, 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 };