@sikka/hawa 0.4.4-next → 0.4.7-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;
@@ -810,6 +817,10 @@ input[type="number"]::-webkit-inner-spin-button,
   margin-top: 0.25rem;
   margin-bottom: 0.25rem;
 }
+.hawa-my-2 {
+  margin-top: 0.5rem;
+  margin-bottom: 0.5rem;
+}
 .hawa-my-4 {
   margin-top: 1rem;
   margin-bottom: 1rem;
@@ -835,6 +846,9 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-mb-5 {
   margin-bottom: 1.25rem;
 }
+.hawa-ml-0 {
+  margin-left: 0px;
+}
 .hawa-ml-14 {
   margin-left: 3.5rem;
 }
@@ -904,6 +918,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;
 }
@@ -1143,6 +1160,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;
@@ -1172,6 +1192,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;
 }
@@ -1344,6 +1367,9 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-justify-start {
   justify-content: flex-start;
 }
+.hawa-justify-end {
+  justify-content: flex-end;
+}
 .hawa-justify-center {
   justify-content: center;
 }
@@ -1600,6 +1626,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));
 }
@@ -1680,6 +1710,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);
 }
@@ -1910,6 +1943,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;
 }

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>>;
 
@@ -722,6 +754,20 @@ type SubItem = {
 };
 declare const AppLayout: React__default.FunctionComponent<AppLayoutTypes>;
 
+type CopyRightsTypes = {
+    /** A text used as the version of the app, for example: v1.0.0 */
+    version?: string;
+    /** Credit to the creator of the app, for example: Sikka Software */
+    credits?: string;
+    /** The URL of the logo in the copyrights */
+    logoURL?: string;
+    /** Enable/Disable the existance of the logo */
+    withLogo?: boolean;
+    /** Fires when the logo is clicked, usually goes to the website of the creator of the app */
+    onLogoClicked?: any;
+};
+declare const Copyrights: FC<CopyRightsTypes>;
+
 type LoginFormTypes = {
     texts?: {
         emailLabel?: string;
@@ -1077,4 +1123,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, 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, 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 };

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>>;
 
@@ -722,6 +754,20 @@ type SubItem = {
 };
 declare const AppLayout: React__default.FunctionComponent<AppLayoutTypes>;
 
+type CopyRightsTypes = {
+    /** A text used as the version of the app, for example: v1.0.0 */
+    version?: string;
+    /** Credit to the creator of the app, for example: Sikka Software */
+    credits?: string;
+    /** The URL of the logo in the copyrights */
+    logoURL?: string;
+    /** Enable/Disable the existance of the logo */
+    withLogo?: boolean;
+    /** Fires when the logo is clicked, usually goes to the website of the creator of the app */
+    onLogoClicked?: any;
+};
+declare const Copyrights: FC<CopyRightsTypes>;
+
 type LoginFormTypes = {
     texts?: {
         emailLabel?: string;
@@ -1077,4 +1123,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, 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, 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 };