@sikka/hawa 0.3.1-next → 0.4.1-next

package/dist/index.css

@@ -847,6 +847,9 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-h-14 {
   height: 3.5rem;
 }
+.hawa-h-16 {
+  height: 4rem;
+}
 .hawa-h-2 {
   height: 0.5rem;
 }
@@ -975,6 +978,9 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-w-14 {
   width: 3.5rem;
 }
+.hawa-w-16 {
+  width: 4rem;
+}
 .hawa-w-2 {
   width: 0.5rem;
 }
@@ -993,6 +999,9 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-w-3\.5 {
   width: 0.875rem;
 }
+.hawa-w-3\/4 {
+  width: 75%;
+}
 .hawa-w-32 {
   width: 8rem;
 }
@@ -1222,6 +1231,9 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-grid-cols-1 {
   grid-template-columns: repeat(1, minmax(0, 1fr));
 }
+.hawa-grid-cols-2 {
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+}
 .hawa-flex-row {
   flex-direction: row;
 }
@@ -1267,6 +1279,9 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-gap-2 {
   gap: 0.5rem;
 }
+.hawa-gap-3 {
+  gap: 0.75rem;
+}
 .hawa-gap-4 {
   gap: 1rem;
 }
@@ -1282,6 +1297,11 @@ input[type="number"]::-webkit-inner-spin-button,
   margin-right: calc(1rem * var(--tw-space-x-reverse));
   margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
 }
+.hawa-space-y-0 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(0px * var(--tw-space-y-reverse));
+}
 .hawa-space-y-1 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-y-reverse: 0;
   margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
@@ -1336,6 +1356,9 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-rounded {
   border-radius: var(--radius);
 }
+.hawa-rounded-3xl {
+  border-radius: 1.5rem;
+}
 .hawa-rounded-\[inherit\] {
   border-radius: inherit;
 }
@@ -1772,6 +1795,10 @@ input[type="number"]::-webkit-inner-spin-button,
   font-size: 1.5rem;
   line-height: 2rem;
 }
+.hawa-text-6xl {
+  font-size: 3.75rem;
+  line-height: 1;
+}
 .hawa-text-\[10px\] {
   font-size: 10px;
 }
@@ -2906,6 +2933,16 @@ body {
   .md\:hawa-max-w-sm {
     max-width: 24rem;
   }
+
+  .md\:hawa-grid-cols-2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+}
+@media (min-width: 1024px) {
+
+  .lg\:hawa-grid-cols-4 {
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+  }
 }
 .\[\&\:has\(\[role\=checkbox\]\)\]\:hawa-pr-0:has([role=checkbox]) {
   padding-right: 0px;

package/dist/index.d.mts

@@ -27,6 +27,7 @@ declare const buttonVariants: (props?: ({
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
     asChild?: boolean;
+    centered?: boolean;
     isLoading?: boolean;
 }
 declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
@@ -369,11 +370,10 @@ type SortButtonProps = {
 };
 declare const SortButton: React__default.FC<SortButtonProps>;
 
-type DataProps$1 = {};
-type DataTableProps = {
+type DataTableProps<DataProps = {}> = {
     direction?: "rtl" | "ltr";
-    columns: ColumnDef<DataProps$1>[];
-    data: DataProps$1[];
+    columns: ColumnDef<DataProps>[];
+    data: DataProps[];
     condensed?: boolean;
     isLoading?: boolean;
     defaultSort?: string;
@@ -391,7 +391,7 @@ declare module "@tanstack/table-core" {
         sortable: any;
     }
 }
-declare const DataTable: React.FC<DataTableProps>;
+declare const DataTable: <DataProps extends {}>({ columns, data, ...props }: DataTableProps<DataProps>) => React.JSX.Element;
 
 type DataProps = {};
 type SimpleTableProps = {
@@ -630,4 +630,351 @@ type TypographyTypes = {
 };
 declare const InterfaceSettings: FC<TypographyTypes>;
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, ActionCard, Alert, AppStores, BackToTop, Breadcrumb, Button, ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Chip, CodeBlock, ColorPicker, Combobox, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, DataTable, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, DropdownMenu, FileDropzone, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, Input, InterfaceSettings, Label, Loading, Logos, MenuItemType, PhoneInput, PinInput, Popover, PopoverContent, PopoverTrigger, Progress, Radio, RadioOptionsTypes, ScrollArea, ScrollBar, Select, Separator, SimpleTable, Skeleton, Slider, SortButton, SubItem, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, TextareaProps, Toast, ToastAction, ToastActionElement, ToastClose, ToastDescription, ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, Tooltip, buttonVariants, useFormField };
+type StatTypes = {
+    label?: string;
+    color?: string;
+    number?: string;
+    helperText?: string;
+    chart?: any;
+    icon?: any;
+    variant?: "default" | "plain" | "contained" | "outlined" | "brutalist" | "dropshadow";
+    width?: "full" | "min" | "normal";
+    isLoading?: boolean;
+    handleClick?: () => void;
+};
+declare const Stats: FC<StatTypes>;
+
+type LoginFormTypes = {
+    texts?: {
+        emailLabel?: string;
+        emailPlaceholder?: string;
+        emailRequiredText?: string;
+        emailInvalidText?: string;
+        usernameLabel?: string;
+        usernamePlaceholder?: string;
+        usernameRequired?: string;
+        phoneRequiredText?: string;
+        passwordLabel?: string;
+        passwordPlaceholder?: string;
+        passwordRequiredText?: string;
+        forgotPasswordText?: string;
+        newUserText?: string;
+        createAccount?: string;
+        loginText?: string;
+        loginViaGoogleLabel?: string;
+        loginViaGithubLabel?: string;
+        loginViaTwitterLabel?: string;
+    };
+    handleLanguage?: () => void;
+    currentLanguage?: any;
+    handleColorMode?: () => void;
+    currentColorMode?: any;
+    logosOnly?: boolean;
+    direction?: "rtl" | "ltr";
+    showError?: any;
+    errorTitle?: string;
+    errorText?: string;
+    loginType?: "email" | "username" | "phone";
+    withoutResetPassword?: boolean;
+    withoutSignUp?: boolean;
+    /**
+     *show spinner if true
+     */
+    isLoading?: any;
+    isGoogleLoading?: boolean;
+    isTwitterLoading?: boolean;
+    isGithubLoading?: boolean;
+    viaGoogle?: boolean;
+    viaGithub?: boolean;
+    viaTwitter?: boolean;
+    /**
+     * Handle the login function.
+     */
+    handleLogin?: (e: any) => void;
+    /**
+     * Handle routing to register page
+     */
+    handleRouteToSignUp?: () => void;
+    handleForgotPassword?: () => void;
+    handleGoogleLogin?: () => void;
+    handleGithubLogin?: () => void;
+    handleTwitterLogin?: () => void;
+};
+declare const LoginForm: FC<LoginFormTypes>;
+
+type RegisterFormTypes = {
+    handleLanguage?: () => void;
+    currentLanguage?: any;
+    handleColorMode?: () => void;
+    currentColorMode?: any;
+    direction?: "rtl" | "ltr";
+    logosOnly?: boolean;
+    texts: {
+        fullNameLabel: string;
+        fullNamePlaceholder: string;
+        fullNameRequiredText: string;
+        emailLabel: string;
+        emailPlaceholder: string;
+        emailRequiredText: string;
+        emailInvalidText: string;
+        usernameLabel: string;
+        usernamePlaceholder: string;
+        usernameRequired: string;
+        passwordLabel: string;
+        passwordPlaceholder: string;
+        passwordRequiredText: string;
+        passwordTooShortText: string;
+        confirmPasswordLabel: string;
+        confirmPasswordPlaceholder: string;
+        refCodePlaceholder: string;
+        subscribeToNewsletter: string;
+        forgotPasswordText: string;
+        termsText: string;
+        iAcceptText: string;
+        termsRequiredText: string;
+        newUserText: string;
+        registerText: string;
+        loginText: string;
+        existingUserText: string;
+        registerViaGoogleLabel: string;
+        registerViaGithubLabel: string;
+        registerViaTwitterLabel: string;
+        refCode: string;
+        userReferenceLabel: string;
+    };
+    viaGoogle: boolean;
+    viaGithub: boolean;
+    viaTwitter: boolean;
+    showRefCode: boolean;
+    showUserSource: boolean;
+    showTermsOption: boolean;
+    showNewsletterOption: boolean;
+    handleRegister: (e: any) => void;
+    handleRouteToLogin: () => void;
+    handleGoogleRegister: () => void;
+    handleGithubRegister: () => void;
+    handleTwitterRegister: () => void;
+    handleRouteToTOS: () => void;
+    showError: any;
+    errorTitle: any;
+    errorText: any;
+    registerFields: any[];
+    isLoading?: boolean;
+};
+declare const RegisterForm: FC<RegisterFormTypes>;
+
+type AppLandingTypes = {
+    texts?: {
+        newUserText?: string;
+        createAccount?: string;
+        continueWithGoogle?: string;
+        continueWithTwitter?: string;
+        continueWithApple?: string;
+        continueWithMicrosoft?: string;
+        continueWithGithub?: string;
+        continueWithEmail?: string;
+        continueWithPhone?: string;
+    };
+    viaGoogle?: boolean;
+    viaTwitter?: boolean;
+    viaGithub?: boolean;
+    viaMicrosoft?: boolean;
+    viaEmail?: boolean;
+    viaPhone?: boolean;
+    viaApple?: boolean;
+    withoutSignUp?: boolean;
+    size: "small" | "normal" | "full";
+    direction: "rtl" | "ltr";
+    handleSignIn: () => void;
+    handleSignUp: () => void;
+    handleLanguage: () => void;
+    handleColorMode: () => void;
+    handleRouteToSignUp?: () => void;
+    handleGoogle?: () => void;
+    handleTwitter?: () => void;
+    handleApple?: () => void;
+    handleMicrosoft?: () => void;
+    handleGithub?: () => void;
+    handleEmail?: () => void;
+    handlePhone?: () => void;
+};
+declare const AppLanding: FC<AppLandingTypes>;
+
+type CheckEmailBlocks = {
+    texts?: {
+        checkEmail: string;
+        resendEmail: string;
+        pleaseVerify: string;
+    };
+    handleResend?: () => void;
+};
+declare const CheckEmail: FC<CheckEmailBlocks>;
+
+type NewPasswordTypes = {
+    handleNewPassword: () => void;
+    direction?: "rtl" | "ltr";
+    headless?: boolean;
+    passwordChanged: any;
+    texts: {
+        passwordPlaceholder: string;
+        updatePassword: string;
+        passwordRequiredText: string;
+        passwordLabel: string;
+        confirmPasswordPlaceholder: string;
+        confirmPasswordLabel: string;
+        confirmPasswordRequiredText: string;
+        passwordMatchError: string;
+        passwordChanged: string;
+    };
+};
+declare const NewPasswordForm: FC<NewPasswordTypes>;
+
+type ResetPasswordType = {
+    handleResetPassword: (e: any) => void;
+    handleRouteToRegister: () => void;
+    sent: any;
+    texts?: {
+        emailLabel: string;
+        emailPlaceholder: string;
+        emailRequiredText: string;
+        emailInvalidText: string;
+        emailSentText: string;
+        resetPassword: string;
+        registerText: string;
+        dontHaveAccount: string;
+    };
+    headless?: boolean;
+    direction?: "rtl" | "ltr";
+};
+declare const ResetPasswordForm: FC<ResetPasswordType>;
+
+type TConfirmation = {
+    showError?: any;
+    errorTitle?: any;
+    errorText?: any;
+    texts?: {
+        checkYourPhone?: string;
+        weSentCode?: string;
+        didntGetCode?: string;
+        resendCode?: string;
+        codeLabel?: string;
+        codePlaceholder?: string;
+        codeRequiredText?: string;
+        confirm?: string;
+        cancel?: string;
+    };
+    phoneNumber?: string;
+    submitConfirmation?: any;
+    handleSignIn?: any;
+};
+declare const CodeConfirmation: FC<TConfirmation>;
+
+type ComponentTypes$2 = {
+    title?: string;
+    question: string;
+    description?: string;
+    tag?: any;
+    options?: RadioOptionsTypes[];
+    texts?: {
+        least: string;
+        most: string;
+    };
+    position?: "bottom-right" | "bottom-left";
+    onOptionClicked?: (option: any) => void;
+};
+declare const UserReferralSource: FC<ComponentTypes$2>;
+
+type ComponentTypes$1 = {
+    title?: string;
+    question: string;
+    banner?: boolean;
+    options?: any[];
+    texts?: {
+        least: string;
+        most: string;
+    };
+    position?: "bottom-right" | "bottom-left";
+    onOptionClicked?: (option: any) => void;
+};
+declare const FeedbackRating: FC<ComponentTypes$1>;
+
+type ComponentTypes = {
+    handleSubmit: ({}: {}) => void;
+    showSuccess?: boolean;
+};
+declare const FeedbackEmoji: FC<ComponentTypes>;
+
+type TabType = {
+    title: string;
+    content: string;
+    value: string;
+};
+type LegalTextsType = {
+    tabs: TabType[];
+    activeTab?: any;
+    handleTabChange?: any;
+    direction?: any;
+    defaultTab?: any;
+    scrollAreaClassName?: string;
+};
+declare const LegalTexts: React__default.FC<LegalTextsType>;
+
+type NotFoundTypes = {
+    variant?: "outlined" | "contained" | "neobrutalism";
+    texts?: {
+        pageNotFound?: string;
+        ifLost?: string;
+        home?: string;
+    };
+};
+declare const NotFound: FC<NotFoundTypes>;
+
+type TEmptyState$1 = {
+    onActionClick: () => void;
+    texts?: {
+        youreCaughtUp?: string;
+        actionText?: string;
+    };
+};
+declare const EmptyState: FC<TEmptyState$1>;
+
+type TEmptyState = {
+    variant?: "outlined" | "contained" | "neobrutalism";
+};
+declare const Testimonial: FC<TEmptyState>;
+
+type TLeadGenerator = {
+    texts?: {
+        title?: string;
+        subtitle?: string;
+        submit?: string;
+    };
+    handleNewsletterSub: (e: string) => void;
+};
+declare const LeadGenerator: FC<TLeadGenerator>;
+
+type AnnouncementTypes = {
+    onActionClick: () => void;
+    actionText?: string;
+    title?: string;
+    subtitle?: string;
+};
+declare const Announcement: FC<AnnouncementTypes>;
+
+type TNoPermission = {
+    texts?: {
+        title: string;
+        subtitle: string;
+    };
+};
+declare const NoPermission: FC<TNoPermission>;
+
+type UsageCardTypes = {
+    tooltip?: any;
+    title: any;
+    percent: any;
+    currentUsage: any;
+};
+declare const Usage: FC<UsageCardTypes>;
+
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, ActionCard, Alert, Announcement, AppLanding, 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, 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, SimpleTable, Skeleton, Slider, SortButton, Stats, 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 };