@sikka/hawa 0.0.243 → 0.0.245

package/dist/styles.css

@@ -730,6 +730,9 @@ video {
 .mb-1 {
   margin-bottom: 0.25rem;
 }
+.mb-10 {
+  margin-bottom: 2.5rem;
+}
 .mb-2 {
   margin-bottom: 0.5rem;
 }
@@ -742,9 +745,6 @@ video {
 .mb-5 {
   margin-bottom: 1.25rem;
 }
-.mb-8 {
-  margin-bottom: 2rem;
-}
 .ml-0 {
   margin-left: 0px;
 }
@@ -2246,6 +2246,11 @@ body {
   background-color: rgb(229 231 235 / var(--tw-bg-opacity));
 }
 
+.hover\:bg-gray-400:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(156 163 175 / var(--tw-bg-opacity));
+}
+
 .hover\:bg-gray-50:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(249 250 251 / var(--tw-bg-opacity));

package/es/blocks/Account/HawaApiBox.d.ts

@@ -1,8 +1,8 @@
-import React from "react";
+import { FC } from "react";
 type HawaApiBoxTypes = {
     lang?: any;
     onClick?: any;
     buttonText?: any;
 };
-export declare const HawaApiBox: React.FunctionComponent<HawaApiBoxTypes>;
+export declare const HawaApiBox: FC<HawaApiBoxTypes>;
 export {};

package/es/blocks/Account/UserProfileForm.d.ts

@@ -1,8 +1,8 @@
-import React from "react";
+import { FC } from "react";
 type UserProfileFormTypes = {
     inputs: any;
     texts: any;
     handleUpdateProfile: any;
 };
-export declare const UserProfileForm: React.FunctionComponent<UserProfileFormTypes>;
+export declare const UserProfileForm: FC<UserProfileFormTypes>;
 export {};

package/es/blocks/Account/UserSettingsForm.d.ts

@@ -1,9 +1,9 @@
-import React from "react";
+import { FC } from "react";
 type UserSettingsFormTypes = {
     children: any;
     handleSaveSettings?: any;
     saveSettingsText?: string;
     blockTitle?: string;
 };
-export declare const UserSettingsForm: React.FunctionComponent<UserSettingsFormTypes>;
+export declare const UserSettingsForm: FC<UserSettingsFormTypes>;
 export {};

package/es/blocks/AuthForms/AppLanding.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import { FC } from "react";
 type AppLandingTypes = {
     handleSignIn: () => void;
     handleSignUp: () => void;
@@ -10,5 +10,5 @@ type AppLandingTypes = {
     };
     size: "small" | "normal" | "full";
 };
-export declare const AppLanding: React.FunctionComponent<AppLandingTypes>;
+export declare const AppLanding: FC<AppLandingTypes>;
 export {};

package/es/blocks/AuthForms/CodeConfirmation.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import { FC } from "react";
 type TConfirmation = {
     showError?: any;
     errorTitle?: any;
@@ -12,11 +12,11 @@ type TConfirmation = {
         codePlaceholder: string;
         codeRequiredText: string;
         confirm: string;
-        cancel: any;
+        cancel: string;
     };
     phoneNumber?: string;
     submitConfirmation?: any;
     handleSignIn?: any;
 };
-export declare const CodeConfirmation: React.FunctionComponent<TConfirmation>;
+export declare const CodeConfirmation: FC<TConfirmation>;
 export {};

package/es/blocks/AuthForms/NewPasswordForm.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import { FC } from "react";
 type NewPasswordTypes = {
     handleNewPassword: () => void;
     passwordChanged: any;
@@ -14,5 +14,5 @@ type NewPasswordTypes = {
         passwordChanged: string;
     };
 };
-export declare const NewPasswordForm: React.FunctionComponent<NewPasswordTypes>;
+export declare const NewPasswordForm: FC<NewPasswordTypes>;
 export {};

package/es/blocks/AuthForms/ResetPasswordForm.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import { FC } from "react";
 type ResetPasswordType = {
     handleResetPassword: () => void;
     handleRouteToSignUp: () => void;
@@ -14,5 +14,5 @@ type ResetPasswordType = {
         dontHaveAccount: string;
     };
 };
-export declare const ResetPasswordForm: React.FunctionComponent<ResetPasswordType>;
+export declare const ResetPasswordForm: FC<ResetPasswordType>;
 export {};

package/es/blocks/AuthForms/SignInForm.d.ts

@@ -1,5 +1,5 @@
-import React from "react";
-export declare const SignInForm: React.FunctionComponent<SignInFormTypes>;
+import { FC } from "react";
+export declare const SignInForm: FC<SignInFormTypes>;
 type SignInFormTypes = {
     direction?: "rtl" | "ltr";
     showError?: any;

package/es/blocks/AuthForms/SignInPhone.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import { FC } from "react";
 type SignInPhoneTypes = {
     value: any;
     onSubmit: any;
@@ -9,5 +9,5 @@ type SignInPhoneTypes = {
     SignInButtonText: any;
     handleSignIn: any;
 };
-export declare const SignInPhone: React.FunctionComponent<SignInPhoneTypes>;
+export declare const SignInPhone: FC<SignInPhoneTypes>;
 export {};

package/es/blocks/AuthForms/SignUpForm.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import { FC } from "react";
 type SignUpFormTypes = {
     direction?: "rtl" | "ltr";
     texts: {
@@ -51,5 +51,5 @@ type SignUpFormTypes = {
     signUpFields: any[];
     isLoading?: boolean;
 };
-export declare const SignUpForm: React.FunctionComponent<SignUpFormTypes>;
+export declare const SignUpForm: FC<SignUpFormTypes>;
 export {};

package/es/blocks/Misc/EmptyState.d.ts

@@ -1,6 +1,11 @@
-import React from "react";
+import { FC } from "react";
 type TEmptyState = {
     variant?: "outlined" | "contained" | "neobrutalism";
+    onActionClick: () => void;
+    texts: {
+        youreCaughtUp?: string;
+        actionText?: string;
+    };
 };
-export declare const EmptyState: React.FunctionComponent<TEmptyState>;
+export declare const EmptyState: FC<TEmptyState>;
 export {};

package/es/blocks/Misc/LeadGenerator.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import { FC } from "react";
 type TLeadGenerator = {
     variant?: "outlined" | "contained" | "neobrutalism";
     texts: {
@@ -8,5 +8,5 @@ type TLeadGenerator = {
     };
     handleNewsletterSub: (e: string) => void;
 };
-export declare const LeadGenerator: React.FunctionComponent<TLeadGenerator>;
+export declare const LeadGenerator: FC<TLeadGenerator>;
 export {};

package/es/blocks/Misc/Newsletter.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import { FC } from "react";
 type TNewsletter = {
     variant?: "outlined" | "contained" | "neobrutalism";
     texts: {
@@ -8,5 +8,5 @@ type TNewsletter = {
     };
     handleNewsletterSub: (e: string) => void;
 };
-export declare const Newsletter: React.FunctionComponent<TNewsletter>;
+export declare const Newsletter: FC<TNewsletter>;
 export {};

package/es/blocks/Misc/NoPermission.d.ts

@@ -1,6 +1,10 @@
-import React from "react";
+import { FC } from "react";
 type TNoPermission = {
     variant?: "outlined" | "contained" | "neobrutalism";
+    texts?: {
+        title: string;
+        subtitle: string;
+    };
 };
-export declare const NoPermission: React.FunctionComponent<TNoPermission>;
+export declare const NoPermission: FC<TNoPermission>;
 export {};

package/es/blocks/Misc/NotFound.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import { FC } from "react";
 type NotFoundTypes = {
     variant?: "outlined" | "contained" | "neobrutalism";
     texts?: {
@@ -7,5 +7,5 @@ type NotFoundTypes = {
         home?: string;
     };
 };
-export declare const NotFound: React.FunctionComponent<NotFoundTypes>;
+export declare const NotFound: FC<NotFoundTypes>;
 export {};

package/es/blocks/Misc/Testimonial.d.ts

@@ -1,6 +1,6 @@
-import React from "react";
+import { FC } from "react";
 type TEmptyState = {
     variant?: "outlined" | "contained" | "neobrutalism";
 };
-export declare const Testimonial: React.FunctionComponent<TEmptyState>;
+export declare const Testimonial: FC<TEmptyState>;
 export {};

package/es/blocks/Payment/ChargeWalletForm.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import { FC } from "react";
 type ChargeWalletTypes = {
     currency: any;
     handleChargeWallet: any;
@@ -8,5 +8,5 @@ type ChargeWalletTypes = {
         chargeWallet: string;
     };
 };
-export declare const ChargeWalletForm: React.FunctionComponent<ChargeWalletTypes>;
+export declare const ChargeWalletForm: FC<ChargeWalletTypes>;
 export {};

package/es/blocks/Payment/CheckoutForm.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import { FC } from "react";
 type CheckoutFormTypes = {
     lang: string;
     products: any;
@@ -23,5 +23,5 @@ type CheckoutFormTypes = {
         zipCodeLabel: string;
     };
 };
-export declare const CheckoutForm: React.FunctionComponent<CheckoutFormTypes>;
+export declare const CheckoutForm: FC<CheckoutFormTypes>;
 export {};

package/es/blocks/Payment/Confirmation.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import { FC } from "react";
 type ConfirmationPageTypes = {
     texts: {
         print: string;
@@ -36,5 +36,5 @@ type ConfirmationPageTypes = {
     handleHistory: any;
     handleRefundPolicyLink: any;
 };
-export declare const ConfirmationPage: React.FunctionComponent<ConfirmationPageTypes>;
+export declare const ConfirmationPage: FC<ConfirmationPageTypes>;
 export {};

package/es/blocks/Payment/CreditCardForm.d.ts

@@ -1,7 +1,7 @@
-import React from "react";
+import { FC } from "react";
 type CreditCardFormTypes = {
     handle: any;
     handlePayWithCreditCard: any;
 };
-export declare const CreditCardForm: React.FunctionComponent<CreditCardFormTypes>;
+export declare const CreditCardForm: FC<CreditCardFormTypes>;
 export {};

package/es/blocks/Payment/PayWithWallet.d.ts

@@ -1,8 +1,8 @@
-import React from "react";
+import { FC } from "react";
 type PayWithWalletTypes = {
     walletBalance: any;
     currency: any;
     handlePayWithWallet: any;
 };
-export declare const PayWithWallet: React.FunctionComponent<PayWithWalletTypes>;
+export declare const PayWithWallet: FC<PayWithWalletTypes>;
 export {};

package/es/blocks/Payment/SelectPayment.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import { FC } from "react";
 type SelectPaymentTypes = {
     viaMada: boolean;
     viaWallet: boolean;
@@ -22,5 +22,5 @@ type SelectPaymentTypes = {
     handleCreditCard: any;
     handleGooglePay: any;
 };
-export declare const SelectPayment: React.FunctionComponent<SelectPaymentTypes>;
+export declare const SelectPayment: FC<SelectPaymentTypes>;
 export {};

package/es/blocks/Pricing/ComparingPlans.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import { FC } from "react";
 type ComparingPlansTypes = {
     plans: [
         {
@@ -35,5 +35,5 @@ type ComparingPlansTypes = {
     onCurrencyChange?: (e: any) => void;
     direction?: "rtl" | "ltr";
 };
-export declare const ComparingPlans: React.FunctionComponent<ComparingPlansTypes>;
+export declare const ComparingPlans: FC<ComparingPlansTypes>;
 export {};

package/es/blocks/Pricing/PricingPlans.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import { FC } from "react";
 type PricingPlansTypes = {
     plans: [
         {
@@ -43,5 +43,5 @@ type PricingPlansTypes = {
     onCurrencyChange?: (e: any) => void;
     direction?: "rtl" | "ltr";
 };
-export declare const PricingPlans: React.FunctionComponent<PricingPlansTypes>;
+export declare const PricingPlans: FC<PricingPlansTypes>;
 export {};

package/es/blocks/Referral/ReferralAccount.d.ts

@@ -1,7 +1,7 @@
-import React from "react";
+import { FC } from "react";
 type ReferralAccount = {
     referralLink: string;
     referralCode: string;
 };
-export declare const ReferralAccount: React.FunctionComponent<ReferralAccount>;
+export declare const ReferralAccount: FC<ReferralAccount>;
 export {};

package/es/blocks/Referral/ReferralSettlement.d.ts

@@ -1,8 +1,8 @@
-import React from "react";
+import { FC } from "react";
 type TReferralSettlement = {
     referralLink: string;
     referralCode: string;
     withdrawError?: string;
 };
-export declare const ReferralSettlement: React.FunctionComponent<TReferralSettlement>;
+export declare const ReferralSettlement: FC<TReferralSettlement>;
 export {};

package/es/blocks/Referral/ReferralStats.d.ts

@@ -1,8 +1,8 @@
-import React from "react";
+import { FC } from "react";
 type TReferralStats = {
     referralLink: string;
     referralCode: string;
     withdrawError?: string;
 };
-export declare const ReferralStats: React.FunctionComponent<TReferralStats>;
+export declare const ReferralStats: FC<TReferralStats>;
 export {};

package/es/elements/ArrowCarousel.d.ts

@@ -1,4 +1,4 @@
-import { FunctionComponent } from "react";
+import { FC } from "react";
 type Item = {
     label?: string;
     icon?: JSX.Element;
@@ -9,5 +9,5 @@ type ComponentTypes = {
     arrowSize?: number;
     labelSize?: "small" | "medium" | "big";
 };
-export declare const ArrowCarousel: FunctionComponent<ComponentTypes>;
+export declare const ArrowCarousel: FC<ComponentTypes>;
 export {};

package/es/elements/AutoCompleteField.d.ts

@@ -1,8 +1,8 @@
-import React from "react";
+import { FC } from "react";
 type TAutoCompleteFieldTypes = {
     name: string;
     rules: any;
     shouldUnregister: boolean;
 };
-export declare const AutoCompleteField: React.FunctionComponent<TAutoCompleteFieldTypes>;
+export declare const AutoCompleteField: FC<TAutoCompleteFieldTypes>;
 export {};

package/es/elements/BackToTop.d.ts

@@ -1,10 +1,10 @@
-import React, { FunctionComponent } from "react";
+import { FC, RefObject } from "react";
 type ComponentTypes = {
     paddingX?: number;
     paddingY?: number;
     paddingThreshold?: number;
     corner?: "top-left" | "top-right" | "bottom-left" | "bottom-right";
-    anchor: React.RefObject<HTMLInputElement>;
+    anchor: RefObject<HTMLInputElement>;
 };
-export declare const BackToTop: FunctionComponent<ComponentTypes>;
+export declare const BackToTop: FC<ComponentTypes>;
 export {};

package/es/elements/Breadcrumb.d.ts

@@ -1,13 +1,11 @@
 import { FC, ReactNode } from "react";
 type TBreadcrumb = {
-    /**
-     * The array of crumbs, each one with a label and a href link
-     */
+    /** The array of crumbs, each one with a label and a href link */
     breadcrumbLinks: [{
         label: string;
         href: string;
     }];
-    /** The separator between each crumb, can be character or React Node */
+    /** The separator between each crumb, can be character or React Node. The default is ">" */
     separator?: string | ReactNode;
 };
 declare const HawaBreadcrumb: FC<TBreadcrumb>;

package/es/elements/DragDropImages.d.ts

@@ -1,8 +1,6 @@
 import React from "react";
 type DragDropImagesTypes = {
-    /**
-     * The text label above the component. Consistant with the other form input fields
-     */
+    /**  The text label above the component. Consistant with the other form input fields   */
     label?: string;
     files: [File];
     setFiles: any;
@@ -15,9 +13,7 @@ type DragDropImagesTypes = {
     onClearFiles: any;
     maxSize: number;
     errorMessages: string;
-    /**
-     * The translation object, use this to replace the default text with any translated text you want.
-     */
+    /** The translation object, use this to replace the default text with any translated text you want.*/
     texts: {
         clickHereToUpload: string;
         maxFileSize: string;

package/es/elements/DraggableCard.d.ts

@@ -1,6 +1,6 @@
-import React, { ReactElement } from "react";
+import { ReactElement, FC } from "react";
 type DraggableCardTypes = {
     children: ReactElement;
 };
-export declare const DraggableCard: React.FunctionComponent<DraggableCardTypes>;
+export declare const DraggableCard: FC<DraggableCardTypes>;
 export {};

package/es/elements/HawaAccordion.d.ts

@@ -1,17 +1,11 @@
-import React from "react";
+import { FC } from "react";
 type AccordionTypes = {
-    /**
-     * The title of the clickable accordion bar
-     */
+    /** The title of the clickable accordion bar   */
     title: string;
-    /**
-     * The content inside the accordion to be visible once the bar is clicked
-     */
+    /** The content inside the accordion to be visible once the bar is clicked   */
     content: any;
-    /**
-     * The index of each accordion, must be unique for each usage of this component
-     */
+    /** The index of each accordion, must be unique for each usage of this component   */
     index: any;
 };
-export declare const HawaAccordion: React.FunctionComponent<AccordionTypes>;
+export declare const HawaAccordion: FC<AccordionTypes>;
 export {};

package/es/elements/HawaAdCard.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import { FC } from "react";
 type AdCardTypes = {
     orientation: "vertical" | "horizontal";
     title: string;
@@ -6,5 +6,5 @@ type AdCardTypes = {
     imageURL: string;
     handleHide: any;
 };
-export declare const HawaAdCard: React.FunctionComponent<AdCardTypes>;
+export declare const HawaAdCard: FC<AdCardTypes>;
 export {};

package/es/elements/HawaCardInput.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+/// <reference types="react" />
 export declare const HawaCardInput: ({ cardHolder, cardMonth, cardYear, cardCvv, rememberMe, onUpdateState, cardNumberRef, cardHolderRef, cardDateRef, cardCvvRef, rememberMeRef, onCardInputFocus, onCardInputBlur, children, handlePaymentPayfort, selectedPaymentMethod, isRegister, accessCode, shaRequestPassphrase, transaction, signature, isCheckout, }: {
     cardHolder: any;
     cardMonth: any;
@@ -22,4 +22,4 @@ export declare const HawaCardInput: ({ cardHolder, cardMonth, cardYear, cardCvv,
     transaction: any;
     signature: any;
     isCheckout: any;
-}) => React.JSX.Element;
+}) => import("react").JSX.Element;

package/es/elements/HawaCheckbox.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import { FC } from "react";
 type TCheckBoxTypes = {
     centered?: boolean;
     label?: any;
@@ -7,5 +7,5 @@ type TCheckBoxTypes = {
     onChange?: (e: any) => void;
     val?: boolean;
 };
-export declare const HawaCheckbox: React.FunctionComponent<TCheckBoxTypes>;
+export declare const HawaCheckbox: FC<TCheckBoxTypes>;
 export {};

package/es/elements/HawaChip.d.ts

@@ -1,11 +1,17 @@
-import React from "react";
+import { FC } from "react";
 type TChipTypes = {
+    /** The text inside the chip */
     label: string;
-    size?: "small" | "normal" | "large";
+    /** The small icon before the chip label  */
     icon?: JSX.Element;
+    /** The color of the chip, must be a tailwind color */
     color?: string;
+    /** The size of the chip */
+    size?: "small" | "normal" | "large";
+    /** Enable/Disable the dot before the label of the chip */
     dot?: boolean;
+    /** Red/Green dot next to the label of the chip indicating online/offline or available/unavailable */
     dotType?: "available" | "unavailable";
 };
-export declare const HawaChip: React.FunctionComponent<TChipTypes>;
+export declare const HawaChip: FC<TChipTypes>;
 export {};

package/es/elements/HawaColorPicker.d.ts

@@ -1,7 +1,9 @@
-import React from "react";
+import { FC, ChangeEvent } from "react";
 type ColorPickerTypes = {
+    /** The hex code for the color */
     color?: any;
-    handleChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    /** Fires everytime the color changes */
+    handleChange?: (e: ChangeEvent<HTMLInputElement>) => void;
 };
-export declare const HawaColorPicker: React.FunctionComponent<ColorPickerTypes>;
+export declare const HawaColorPicker: FC<ColorPickerTypes>;
 export {};

package/es/elements/HawaCopyrights.d.ts

@@ -1,11 +1,15 @@
-import React from "react";
+import { FC } from "react";
 type CopyRightsTypes = {
-    withLogo?: boolean;
-    lang?: any;
+    /** 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;
 };
-export declare const HawaCopyrights: React.FunctionComponent<CopyRightsTypes>;
+export declare const HawaCopyrights: FC<CopyRightsTypes>;
 export {};

package/es/elements/HawaDrawer.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactNode } from "react";
+import { FC, ReactNode } from "react";
 type TDrawerTypes = {
     open: boolean;
     setOpen: any;
@@ -9,5 +9,5 @@ type TDrawerTypes = {
     drawerBody?: any;
     drawerFooter?: any;
 };
-export declare const HawaDrawer: React.FunctionComponent<TDrawerTypes>;
+export declare const HawaDrawer: FC<TDrawerTypes>;
 export {};

package/es/elements/HawaIconCount.d.ts

@@ -1,7 +1,9 @@
-import React from "react";
+import { FC } from "react";
 type IconCountTypes = {
-    icon: any;
+    /** The icon of the counter */
+    icon: JSX.Element;
+    /** The text next to the icon */
     count?: string;
 };
-export declare const HawaIconCount: React.FunctionComponent<IconCountTypes>;
+export declare const HawaIconCount: FC<IconCountTypes>;
 export {};