@sikka/hawa 0.1.57 → 0.1.59

package/{src/elements → archive}/HawaSnackbar.tsx

@@ -1,6 +1,6 @@
 import React, { FC, useEffect, useRef, useState } from "react"
 import clsx from "clsx"
-import { HawaButton } from "./HawaButton"
+import { HawaButton } from "../src/elements/HawaButton"
 
 type THawaSnackBar = {
   severity: "info" | "warning" | "error" | "success" | "none"

package/{src/elements → archive}/HawaSwitch.tsx

@@ -10,7 +10,7 @@ export const HawaSwitch: FC<SwitchTypes> = ({ size = "normal", ...props }) => {
   let sizeStyles = {
     small: "",
     normal:
-      "peer-checked:after:translate-x-full h-6 w-11 after:top-[2px] after:left-[2px] after:h-5 after:w-5 ",
+      "peer-checked:after:translate-x-full h-6 w-11 after:top-[2px] after:left-[1px] after:h-5 after:w-5 ",
     large:
       "peer-checked:after:translate-x-[2.445rem]  h-10 w-20 after:top-[2px] after:left-[2px] after:h-9 after:w-9",
   }

package/dist/index.d.mts

@@ -9,30 +9,7 @@ import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import * as TabsPrimitive from '@radix-ui/react-tabs';
 import * as SeparatorPrimitive from '@radix-ui/react-separator';
 import * as ToastPrimitives from '@radix-ui/react-toast';
-
-type THawaSnackBar = {
-    severity: "info" | "warning" | "error" | "success" | "none";
-    title: string;
-    description: string;
-    onCloseSnakbar?: () => void;
-    duration?: number;
-    position?: "top-left" | "top-center" | "top-right" | "bottom-right" | "bottom-center" | "bottom-left";
-    actions?: [
-        {
-            icon?: any;
-            label: string;
-            onClick: any;
-            variant: "contained" | "outlined";
-        }
-    ];
-};
-declare const HawaSnackbar: FC<THawaSnackBar>;
-
-type SwitchTypes = {
-    text?: any;
-    size?: "small" | "normal" | "large";
-};
-declare const HawaSwitch: FC<SwitchTypes>;
+import * as SwitchPrimitives from '@radix-ui/react-switch';
 
 type TCheckBoxTypes = {
     centered?: boolean;
@@ -101,7 +78,7 @@ type SettingsRowTypes = {
         max?: any;
     };
     switchProps: {
-        size: "small" | "normal" | "large";
+        size: "sm" | "default";
     };
     selectProps: {
         label?: string;
@@ -418,6 +395,9 @@ type DragDropImagesTypes = {
     onClearFiles: any;
     maxSize: number;
     errorMessages: string;
+    disclaimer?: boolean;
+    termsLink?: string;
+    privacyLink?: string;
     /** The translation object, use this to replace the default text with any translated text you want.*/
     texts: {
         errorUploading: any;
@@ -427,6 +407,10 @@ type DragDropImagesTypes = {
         fileTooLarge: any;
         acceptedFileTypes: any;
         invalidFileType: any;
+        terms?: string;
+        privacyPolicy?: string;
+        disclaimer?: string;
+        and?: string;
     };
 };
 declare const DragDropImages: React__default.FunctionComponent<DragDropImagesTypes>;
@@ -735,18 +719,9 @@ type StoreButtonsTypes = {
 };
 declare const HawaStoreButtons: FC<StoreButtonsTypes>;
 
-type LogoButtonTypes = {
-    lang?: any;
-    logo?: "google" | "github" | "twitter" | "wallet" | "googlepay" | "applepay" | "stcpay" | "visa/master" | "paypal" | "mada";
-    onClick?: any;
-    buttonText?: any;
-    direction?: "rtl" | "ltr";
-};
-declare const HawaLogoButton: FC<LogoButtonTypes>;
-
 declare const buttonVariants: (props?: {
-    variant?: "link" | "default" | "secondary" | "light" | "outline" | "destructive" | "ghost";
-    size?: "sm" | "lg" | "xl" | "default" | "xs" | "icon" | "smallIcon";
+    variant?: "link" | "default" | "outline" | "light" | "secondary" | "destructive" | "ghost";
+    size?: "icon" | "default" | "sm" | "lg" | "xl" | "xs" | "heightless" | "smallIcon";
 } & class_variance_authority_dist_types.ClassProp) => string;
 interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
     asChild?: boolean;
@@ -814,11 +789,13 @@ type Item$3 = {
     icon?: any;
     label: string;
     value: string;
+    end?: any;
+    presist?: boolean;
     action?: () => void;
     highlighted?: boolean;
     subitems?: SubItem$3[];
 };
-declare const DropdownMenu: ({ trigger, items, direction, onItemSelect, sideOffset, side, className, triggerClassname, align, alignOffset, }: {
+declare const DropdownMenu: ({ trigger, items, direction, onItemSelect, sideOffset, side, className, triggerClassname, align, alignOffset, width, }: {
     trigger?: any;
     items?: Item$3[];
     direction?: "rtl" | "ltr";
@@ -829,6 +806,7 @@ declare const DropdownMenu: ({ trigger, items, direction, onItemSelect, sideOffs
     side?: ExtendedDropdownMenuContentProps["side"];
     align?: ExtendedDropdownMenuContentProps["align"];
     alignOffset?: ExtendedDropdownMenuContentProps["alignOffset"];
+    width?: "default" | "sm" | "lg" | "parent";
 }) => React$1.JSX.Element;
 
 interface PopoverProps {
@@ -873,6 +851,12 @@ type ToastActionElement = React$1.ReactElement<typeof ToastAction>;
 
 declare function Toaster(props: any): React__default.JSX.Element;
 
+interface SwitchProps extends React$1.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root> {
+    size?: "default" | "sm" | "lg";
+    label?: string;
+}
+declare const Switch: React$1.ForwardRefExoticComponent<SwitchProps & React$1.RefAttributes<HTMLButtonElement>>;
+
 declare const Box: (props: any) => React__default.JSX.Element;
 
 type BottomAppBarTypes = {
@@ -905,6 +889,7 @@ type HawaSiteLayoutTypes = {
 declare const HawaSiteLayout: React__default.FunctionComponent<HawaSiteLayoutTypes>;
 
 type AppLayoutTypes = {
+    design?: "default" | "bubbles" | "floating";
     /** The pages of the side drawer */
     drawerItems: Item$2[];
     direction?: "rtl" | "ltr";
@@ -1339,13 +1324,7 @@ type SelectPaymentTypes = {
     applePayLabel: string;
     visaMasterLabel: string;
     googlePayLabel: string;
-    handleMada: any;
-    handleWallet: any;
-    handleSTCPay: any;
-    handlePayPal: any;
-    handleApplePay: any;
-    handleCreditCard: any;
-    handleGooglePay: any;
+    handleContinue: (string: any) => void;
 };
 declare const SelectPayment: FC<SelectPaymentTypes>;
 
@@ -1683,4 +1662,4 @@ declare function useToast(): {
     toasts: ToasterToast[];
 };
 
-export { Announcement, AppLanding, AppLayout, AppSidebar, ArrowCarousel, BackToTop, Box, Button, ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, ChargeWalletForm, CheckoutForm, CodeConfirmation, ComparingPlans, ConfirmationPage, CreditCardForm, DragDropImages, DraggableCard, DropdownMenu, EmptyState, FloatingComment, FloatingCommentExec, FloatingCommentSlate, Footer, HawaAccordion, HawaAdCard, HawaAlert, HawaAppLayout, HawaAppLayoutSimplified, HawaBanner, HawaBottomAppBar, HawaButton, HawaCheckbox, HawaChip, HawaCodeBlock, HawaColorPicker, HawaContainer, HawaCopyrights, HawaDatepicker, HawaDropdownMenu, HawaGrid, HawaIconCount, HawaInlineCode, HawaItemCard, HawaLandingCard, HawaLoading, HawaLogoButton, HawaMenu, HawaModal, HawaPanelTabs, HawaPhoneInput, HawaPinInput, HawaPricingCard, HawaRadio, HawaRange, HawaSearchBar, HawaSelect, HawaSettingsRow, HawaSiteLayout, HawaSnackbar, HawaStats, HawaStepper, HawaStoreButtons, HawaSwitch, HawaTable, HawaTabs, HawaTextField, HawaTooltip, HawaTypography, HorizontalPricing, Input, InputProps, InterfaceSettings, InvoiceAccordion, Label, LeadGenerator, NewPasswordForm, NoPermission, NotFound, PayWithWallet, Popover, PricingPlans, ReferralAccount, ReferralSettlement, ReferralStats, ResetPasswordForm, SelectPayment, Separator, SidebarGroup, SidebarItem, SignInBlock, SignInForm, SignInPhone, SignUpForm, Skeleton, SubsectionList, Tabs, TabsContent, TabsList, TabsTrigger, Testimonial, Textarea, TextareaProps, Timeline, Toast$1 as Toast, ToastAction, ToastActionElement, ToastClose, ToastDescription, ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, Tooltip, UsageCard, UserFeedback, UserProfileForm, UserSettingsForm, buttonVariants, reducer, toast, useToast };
+export { Announcement, AppLanding, AppLayout, AppSidebar, ArrowCarousel, BackToTop, Box, Button, ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, ChargeWalletForm, CheckoutForm, CodeConfirmation, ComparingPlans, ConfirmationPage, CreditCardForm, DragDropImages, DraggableCard, DropdownMenu, EmptyState, FloatingComment, FloatingCommentExec, FloatingCommentSlate, Footer, HawaAccordion, HawaAdCard, HawaAlert, HawaAppLayout, HawaAppLayoutSimplified, HawaBanner, HawaBottomAppBar, HawaButton, HawaCheckbox, HawaChip, HawaCodeBlock, HawaColorPicker, HawaContainer, HawaCopyrights, HawaDatepicker, HawaDropdownMenu, HawaGrid, HawaIconCount, HawaInlineCode, HawaItemCard, HawaLandingCard, HawaLoading, HawaMenu, HawaModal, HawaPanelTabs, HawaPhoneInput, HawaPinInput, HawaPricingCard, HawaRadio, HawaRange, HawaSearchBar, HawaSelect, HawaSettingsRow, HawaSiteLayout, HawaStats, HawaStepper, HawaStoreButtons, HawaTable, HawaTabs, HawaTextField, HawaTooltip, HawaTypography, HorizontalPricing, Input, InputProps, InterfaceSettings, InvoiceAccordion, Label, LeadGenerator, NewPasswordForm, NoPermission, NotFound, PayWithWallet, Popover, PricingPlans, ReferralAccount, ReferralSettlement, ReferralStats, ResetPasswordForm, SelectPayment, Separator, SidebarGroup, SidebarItem, SignInBlock, SignInForm, SignInPhone, SignUpForm, Skeleton, SubsectionList, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Testimonial, Textarea, TextareaProps, Timeline, Toast$1 as Toast, ToastAction, ToastActionElement, ToastClose, ToastDescription, ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, Tooltip, UsageCard, UserFeedback, UserProfileForm, UserSettingsForm, buttonVariants, reducer, toast, useToast };

package/dist/index.d.ts

@@ -9,30 +9,7 @@ import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import * as TabsPrimitive from '@radix-ui/react-tabs';
 import * as SeparatorPrimitive from '@radix-ui/react-separator';
 import * as ToastPrimitives from '@radix-ui/react-toast';
-
-type THawaSnackBar = {
-    severity: "info" | "warning" | "error" | "success" | "none";
-    title: string;
-    description: string;
-    onCloseSnakbar?: () => void;
-    duration?: number;
-    position?: "top-left" | "top-center" | "top-right" | "bottom-right" | "bottom-center" | "bottom-left";
-    actions?: [
-        {
-            icon?: any;
-            label: string;
-            onClick: any;
-            variant: "contained" | "outlined";
-        }
-    ];
-};
-declare const HawaSnackbar: FC<THawaSnackBar>;
-
-type SwitchTypes = {
-    text?: any;
-    size?: "small" | "normal" | "large";
-};
-declare const HawaSwitch: FC<SwitchTypes>;
+import * as SwitchPrimitives from '@radix-ui/react-switch';
 
 type TCheckBoxTypes = {
     centered?: boolean;
@@ -101,7 +78,7 @@ type SettingsRowTypes = {
         max?: any;
     };
     switchProps: {
-        size: "small" | "normal" | "large";
+        size: "sm" | "default";
     };
     selectProps: {
         label?: string;
@@ -418,6 +395,9 @@ type DragDropImagesTypes = {
     onClearFiles: any;
     maxSize: number;
     errorMessages: string;
+    disclaimer?: boolean;
+    termsLink?: string;
+    privacyLink?: string;
     /** The translation object, use this to replace the default text with any translated text you want.*/
     texts: {
         errorUploading: any;
@@ -427,6 +407,10 @@ type DragDropImagesTypes = {
         fileTooLarge: any;
         acceptedFileTypes: any;
         invalidFileType: any;
+        terms?: string;
+        privacyPolicy?: string;
+        disclaimer?: string;
+        and?: string;
     };
 };
 declare const DragDropImages: React__default.FunctionComponent<DragDropImagesTypes>;
@@ -735,18 +719,9 @@ type StoreButtonsTypes = {
 };
 declare const HawaStoreButtons: FC<StoreButtonsTypes>;
 
-type LogoButtonTypes = {
-    lang?: any;
-    logo?: "google" | "github" | "twitter" | "wallet" | "googlepay" | "applepay" | "stcpay" | "visa/master" | "paypal" | "mada";
-    onClick?: any;
-    buttonText?: any;
-    direction?: "rtl" | "ltr";
-};
-declare const HawaLogoButton: FC<LogoButtonTypes>;
-
 declare const buttonVariants: (props?: {
-    variant?: "link" | "default" | "secondary" | "light" | "outline" | "destructive" | "ghost";
-    size?: "sm" | "lg" | "xl" | "default" | "xs" | "icon" | "smallIcon";
+    variant?: "link" | "default" | "outline" | "light" | "secondary" | "destructive" | "ghost";
+    size?: "icon" | "default" | "sm" | "lg" | "xl" | "xs" | "heightless" | "smallIcon";
 } & class_variance_authority_dist_types.ClassProp) => string;
 interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
     asChild?: boolean;
@@ -814,11 +789,13 @@ type Item$3 = {
     icon?: any;
     label: string;
     value: string;
+    end?: any;
+    presist?: boolean;
     action?: () => void;
     highlighted?: boolean;
     subitems?: SubItem$3[];
 };
-declare const DropdownMenu: ({ trigger, items, direction, onItemSelect, sideOffset, side, className, triggerClassname, align, alignOffset, }: {
+declare const DropdownMenu: ({ trigger, items, direction, onItemSelect, sideOffset, side, className, triggerClassname, align, alignOffset, width, }: {
     trigger?: any;
     items?: Item$3[];
     direction?: "rtl" | "ltr";
@@ -829,6 +806,7 @@ declare const DropdownMenu: ({ trigger, items, direction, onItemSelect, sideOffs
     side?: ExtendedDropdownMenuContentProps["side"];
     align?: ExtendedDropdownMenuContentProps["align"];
     alignOffset?: ExtendedDropdownMenuContentProps["alignOffset"];
+    width?: "default" | "sm" | "lg" | "parent";
 }) => React$1.JSX.Element;
 
 interface PopoverProps {
@@ -873,6 +851,12 @@ type ToastActionElement = React$1.ReactElement<typeof ToastAction>;
 
 declare function Toaster(props: any): React__default.JSX.Element;
 
+interface SwitchProps extends React$1.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root> {
+    size?: "default" | "sm" | "lg";
+    label?: string;
+}
+declare const Switch: React$1.ForwardRefExoticComponent<SwitchProps & React$1.RefAttributes<HTMLButtonElement>>;
+
 declare const Box: (props: any) => React__default.JSX.Element;
 
 type BottomAppBarTypes = {
@@ -905,6 +889,7 @@ type HawaSiteLayoutTypes = {
 declare const HawaSiteLayout: React__default.FunctionComponent<HawaSiteLayoutTypes>;
 
 type AppLayoutTypes = {
+    design?: "default" | "bubbles" | "floating";
     /** The pages of the side drawer */
     drawerItems: Item$2[];
     direction?: "rtl" | "ltr";
@@ -1339,13 +1324,7 @@ type SelectPaymentTypes = {
     applePayLabel: string;
     visaMasterLabel: string;
     googlePayLabel: string;
-    handleMada: any;
-    handleWallet: any;
-    handleSTCPay: any;
-    handlePayPal: any;
-    handleApplePay: any;
-    handleCreditCard: any;
-    handleGooglePay: any;
+    handleContinue: (string: any) => void;
 };
 declare const SelectPayment: FC<SelectPaymentTypes>;
 
@@ -1683,4 +1662,4 @@ declare function useToast(): {
     toasts: ToasterToast[];
 };
 
-export { Announcement, AppLanding, AppLayout, AppSidebar, ArrowCarousel, BackToTop, Box, Button, ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, ChargeWalletForm, CheckoutForm, CodeConfirmation, ComparingPlans, ConfirmationPage, CreditCardForm, DragDropImages, DraggableCard, DropdownMenu, EmptyState, FloatingComment, FloatingCommentExec, FloatingCommentSlate, Footer, HawaAccordion, HawaAdCard, HawaAlert, HawaAppLayout, HawaAppLayoutSimplified, HawaBanner, HawaBottomAppBar, HawaButton, HawaCheckbox, HawaChip, HawaCodeBlock, HawaColorPicker, HawaContainer, HawaCopyrights, HawaDatepicker, HawaDropdownMenu, HawaGrid, HawaIconCount, HawaInlineCode, HawaItemCard, HawaLandingCard, HawaLoading, HawaLogoButton, HawaMenu, HawaModal, HawaPanelTabs, HawaPhoneInput, HawaPinInput, HawaPricingCard, HawaRadio, HawaRange, HawaSearchBar, HawaSelect, HawaSettingsRow, HawaSiteLayout, HawaSnackbar, HawaStats, HawaStepper, HawaStoreButtons, HawaSwitch, HawaTable, HawaTabs, HawaTextField, HawaTooltip, HawaTypography, HorizontalPricing, Input, InputProps, InterfaceSettings, InvoiceAccordion, Label, LeadGenerator, NewPasswordForm, NoPermission, NotFound, PayWithWallet, Popover, PricingPlans, ReferralAccount, ReferralSettlement, ReferralStats, ResetPasswordForm, SelectPayment, Separator, SidebarGroup, SidebarItem, SignInBlock, SignInForm, SignInPhone, SignUpForm, Skeleton, SubsectionList, Tabs, TabsContent, TabsList, TabsTrigger, Testimonial, Textarea, TextareaProps, Timeline, Toast$1 as Toast, ToastAction, ToastActionElement, ToastClose, ToastDescription, ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, Tooltip, UsageCard, UserFeedback, UserProfileForm, UserSettingsForm, buttonVariants, reducer, toast, useToast };
+export { Announcement, AppLanding, AppLayout, AppSidebar, ArrowCarousel, BackToTop, Box, Button, ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, ChargeWalletForm, CheckoutForm, CodeConfirmation, ComparingPlans, ConfirmationPage, CreditCardForm, DragDropImages, DraggableCard, DropdownMenu, EmptyState, FloatingComment, FloatingCommentExec, FloatingCommentSlate, Footer, HawaAccordion, HawaAdCard, HawaAlert, HawaAppLayout, HawaAppLayoutSimplified, HawaBanner, HawaBottomAppBar, HawaButton, HawaCheckbox, HawaChip, HawaCodeBlock, HawaColorPicker, HawaContainer, HawaCopyrights, HawaDatepicker, HawaDropdownMenu, HawaGrid, HawaIconCount, HawaInlineCode, HawaItemCard, HawaLandingCard, HawaLoading, HawaMenu, HawaModal, HawaPanelTabs, HawaPhoneInput, HawaPinInput, HawaPricingCard, HawaRadio, HawaRange, HawaSearchBar, HawaSelect, HawaSettingsRow, HawaSiteLayout, HawaStats, HawaStepper, HawaStoreButtons, HawaTable, HawaTabs, HawaTextField, HawaTooltip, HawaTypography, HorizontalPricing, Input, InputProps, InterfaceSettings, InvoiceAccordion, Label, LeadGenerator, NewPasswordForm, NoPermission, NotFound, PayWithWallet, Popover, PricingPlans, ReferralAccount, ReferralSettlement, ReferralStats, ResetPasswordForm, SelectPayment, Separator, SidebarGroup, SidebarItem, SignInBlock, SignInForm, SignInPhone, SignUpForm, Skeleton, SubsectionList, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Testimonial, Textarea, TextareaProps, Timeline, Toast$1 as Toast, ToastAction, ToastActionElement, ToastClose, ToastDescription, ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, Tooltip, UsageCard, UserFeedback, UserProfileForm, UserSettingsForm, buttonVariants, reducer, toast, useToast };