@sikka/hawa 0.27.23-next → 0.27.24-next

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (39) hide show
  1. package/dist/blocks/auth/index.d.mts +29 -3
  2. package/dist/blocks/auth/index.d.ts +29 -3
  3. package/dist/blocks/auth/index.js +385 -382
  4. package/dist/blocks/auth/index.mjs +314 -308
  5. package/dist/blocks/feedback/index.d.mts +1 -1
  6. package/dist/blocks/feedback/index.d.ts +1 -1
  7. package/dist/blocks/feedback/index.mjs +5 -5
  8. package/dist/blocks/index.d.mts +28 -2
  9. package/dist/blocks/index.d.ts +28 -2
  10. package/dist/blocks/index.js +400 -397
  11. package/dist/blocks/index.mjs +19 -15
  12. package/dist/blocks/misc/index.d.mts +1 -1
  13. package/dist/blocks/misc/index.d.ts +1 -1
  14. package/dist/blocks/misc/index.mjs +5 -5
  15. package/dist/blocks/pricing/index.d.mts +1 -1
  16. package/dist/blocks/pricing/index.d.ts +1 -1
  17. package/dist/blocks/pricing/index.mjs +4 -4
  18. package/dist/{chunk-5UYZN5SQ.mjs → chunk-3ZURZ4TW.mjs} +1 -1
  19. package/dist/{chunk-W5I4VB5Z.mjs → chunk-4F7LNY2V.mjs} +1 -1
  20. package/dist/{chunk-MMOEFJSP.mjs → chunk-6HOSGMTV.mjs} +1 -1
  21. package/dist/{chunk-M6XGGAPQ.mjs → chunk-KZCOE6V3.mjs} +1 -1
  22. package/dist/{chunk-EFWL3FFK.mjs → chunk-N5J4XNGU.mjs} +1 -1
  23. package/dist/{chunk-DUL6C2S2.mjs → chunk-NK7TELIV.mjs} +1 -1
  24. package/dist/{chunk-ZOWDRDAM.mjs → chunk-R2NAPFAZ.mjs} +221 -221
  25. package/dist/{chunk-7QEBDFLT.mjs → chunk-SYZ5JMYJ.mjs} +2 -4
  26. package/dist/{chunk-7CYXEZDV.mjs → chunk-TIQERSM3.mjs} +1 -1
  27. package/dist/{chunk-DQHPOUHR.mjs → chunk-ZV3KYZ5G.mjs} +1 -1
  28. package/dist/elements/index.d.mts +3 -3
  29. package/dist/elements/index.d.ts +3 -3
  30. package/dist/elements/index.mjs +3 -3
  31. package/dist/index.css +3 -0
  32. package/dist/index.d.mts +52 -26
  33. package/dist/index.d.ts +52 -26
  34. package/dist/index.js +18 -13
  35. package/dist/index.mjs +17 -13
  36. package/dist/layout/index.mjs +2 -2
  37. package/dist/{textTypes-u4OSE-rn.d.ts → textTypes-ah2JJr8v.d.mts} +1 -1
  38. package/dist/{textTypes-u4OSE-rn.d.mts → textTypes-ah2JJr8v.d.ts} +1 -1
  39. package/package.json +1 -1
@@ -3,7 +3,7 @@ import {
3
3
  Label,
4
4
  Skeleton,
5
5
  cn
6
- } from "./chunk-7QEBDFLT.mjs";
6
+ } from "./chunk-SYZ5JMYJ.mjs";
7
7
 
8
8
  // elements/select/Select.tsx
9
9
  import React from "react";
@@ -498,8 +498,8 @@ type TextFieldTypes = React__default.InputHTMLAttributes<HTMLInputElement> & {
498
498
  declare const Input: React__default.ForwardRefExoticComponent<React__default.InputHTMLAttributes<HTMLInputElement> & {
499
499
  isLoading?: boolean | undefined;
500
500
  containerClassName?: string | undefined;
501
- margin?: "none" | "normal" | "large" | undefined;
502
- width?: "full" | "normal" | "small" | "auto" | undefined;
501
+ margin?: "normal" | "none" | "large" | undefined;
502
+ width?: "normal" | "small" | "full" | "auto" | undefined;
503
503
  /** The label of the input field */
504
504
  label?: any;
505
505
  labelProps?: LabelProps | undefined;
@@ -521,7 +521,7 @@ declare const Input: React__default.ForwardRefExoticComponent<React__default.Inp
521
521
  placeholder?: React__default.ReactNode;
522
522
  /** Show the count of characters left in the input field. Works along with maxLength prop. */
523
523
  showCount?: boolean | undefined;
524
- countPosition?: "top" | "bottom" | "center" | undefined;
524
+ countPosition?: "center" | "top" | "bottom" | undefined;
525
525
  popup?: boolean | undefined;
526
526
  popupContent?: React__default.ReactNode;
527
527
  prefixText?: any;
@@ -498,8 +498,8 @@ type TextFieldTypes = React__default.InputHTMLAttributes<HTMLInputElement> & {
498
498
  declare const Input: React__default.ForwardRefExoticComponent<React__default.InputHTMLAttributes<HTMLInputElement> & {
499
499
  isLoading?: boolean | undefined;
500
500
  containerClassName?: string | undefined;
501
- margin?: "none" | "normal" | "large" | undefined;
502
- width?: "full" | "normal" | "small" | "auto" | undefined;
501
+ margin?: "normal" | "none" | "large" | undefined;
502
+ width?: "normal" | "small" | "full" | "auto" | undefined;
503
503
  /** The label of the input field */
504
504
  label?: any;
505
505
  labelProps?: LabelProps | undefined;
@@ -521,7 +521,7 @@ declare const Input: React__default.ForwardRefExoticComponent<React__default.Inp
521
521
  placeholder?: React__default.ReactNode;
522
522
  /** Show the count of characters left in the input field. Works along with maxLength prop. */
523
523
  showCount?: boolean | undefined;
524
- countPosition?: "top" | "bottom" | "center" | undefined;
524
+ countPosition?: "center" | "top" | "bottom" | undefined;
525
525
  popup?: boolean | undefined;
526
526
  popupContent?: React__default.ReactNode;
527
527
  prefixText?: any;
@@ -28,7 +28,7 @@ import {
28
28
  TabsTrigger,
29
29
  Textarea,
30
30
  UncheckMark
31
- } from "../chunk-5UYZN5SQ.mjs";
31
+ } from "../chunk-3ZURZ4TW.mjs";
32
32
  import {
33
33
  Sheet,
34
34
  SheetClose,
@@ -40,7 +40,7 @@ import {
40
40
  SheetPortal,
41
41
  SheetTitle,
42
42
  SheetTrigger
43
- } from "../chunk-7CYXEZDV.mjs";
43
+ } from "../chunk-TIQERSM3.mjs";
44
44
  import {
45
45
  Button,
46
46
  Card,
@@ -74,7 +74,7 @@ import {
74
74
  buttonVariants,
75
75
  calculateLuminance,
76
76
  cn
77
- } from "../chunk-ZOWDRDAM.mjs";
77
+ } from "../chunk-R2NAPFAZ.mjs";
78
78
  import {
79
79
  __require
80
80
  } from "../chunk-4OOSUQZG.mjs";
package/dist/index.css CHANGED
@@ -2547,6 +2547,9 @@ input[type="number"]::-webkit-inner-spin-button,
2547
2547
  .hawa-pb-2 {
2548
2548
  padding-bottom: 0.5rem;
2549
2549
  }
2550
+ .hawa-pb-4 {
2551
+ padding-bottom: 1rem;
2552
+ }
2550
2553
  .hawa-pe-0 {
2551
2554
  padding-inline-end: 0px;
2552
2555
  }
package/dist/index.d.mts CHANGED
@@ -1299,31 +1299,6 @@ type DocsSidebarType = {
1299
1299
  };
1300
1300
  declare const DocsSidebar: React__default.FC<DocsSidebarType>;
1301
1301
 
1302
- type PlanFeature = {
1303
- soon?: boolean;
1304
- included?: boolean;
1305
- text: string;
1306
- hint?: string;
1307
- hintSide?: PositionType;
1308
- };
1309
- type PricingCardProps = {
1310
- direction?: DirectionType;
1311
- features: PlanFeature[];
1312
- endButton?: boolean;
1313
- price: number;
1314
- oldPrice?: number;
1315
- noPrice?: boolean;
1316
- id?: string;
1317
- discount?: string;
1318
- onPlanClicked?: () => void;
1319
- currentPlan?: boolean;
1320
- recommended?: boolean;
1321
- size?: "small" | "medium" | "large";
1322
- isLoadingPrice?: boolean;
1323
- isLoadingCard?: boolean;
1324
- texts: PricingPlanTexts;
1325
- };
1326
-
1327
1302
  type PricingPlanTexts = {
1328
1303
  title?: string;
1329
1304
  subtitle?: string;
@@ -1411,6 +1386,57 @@ type NewPasswordTextsTypes = {
1411
1386
  registerText?: string;
1412
1387
  };
1413
1388
 
1389
+ type AuthButtonsType = {
1390
+ texts?: ThirdPartyAuthTextsTypes;
1391
+ viaGoogle?: boolean;
1392
+ viaTwitter?: boolean;
1393
+ viaGithub?: boolean;
1394
+ viaMicrosoft?: boolean;
1395
+ viaEmail?: boolean;
1396
+ viaPhone?: boolean;
1397
+ viaApple?: boolean;
1398
+ isGoogleLoading?: boolean;
1399
+ isGithubLoading?: boolean;
1400
+ isTwitterLoading?: boolean;
1401
+ isMicrosoftLoading?: boolean;
1402
+ isEmailLoading?: boolean;
1403
+ isPhoneLoading?: boolean;
1404
+ isAppleLoading?: boolean;
1405
+ handleGoogle?: () => void;
1406
+ handleTwitter?: () => void;
1407
+ handleApple?: () => void;
1408
+ handleMicrosoft?: () => void;
1409
+ handleGithub?: () => void;
1410
+ handleEmail?: () => void;
1411
+ handlePhone?: () => void;
1412
+ };
1413
+ declare const AuthButtons: React__default.FC<AuthButtonsType>;
1414
+
1415
+ type PlanFeature = {
1416
+ soon?: boolean;
1417
+ included?: boolean;
1418
+ text: string;
1419
+ hint?: string;
1420
+ hintSide?: PositionType;
1421
+ };
1422
+ type PricingCardProps = {
1423
+ direction?: DirectionType;
1424
+ features: PlanFeature[];
1425
+ endButton?: boolean;
1426
+ price: number;
1427
+ oldPrice?: number;
1428
+ noPrice?: boolean;
1429
+ id?: string;
1430
+ discount?: string;
1431
+ onPlanClicked?: () => void;
1432
+ currentPlan?: boolean;
1433
+ recommended?: boolean;
1434
+ size?: "small" | "medium" | "large";
1435
+ isLoadingPrice?: boolean;
1436
+ isLoadingCard?: boolean;
1437
+ texts: PricingPlanTexts;
1438
+ };
1439
+
1414
1440
  type LoginFormTypes = {
1415
1441
  /** Object containing text labels used throughout the form. */
1416
1442
  texts?: LoginFormTextsTypes;
@@ -1995,4 +2021,4 @@ declare function useTabs(initialTab?: string): {
1995
2021
  handleTabChange: (index: any) => void;
1996
2022
  };
1997
2023
 
1998
- export { Accordion, AccordionContent, AccordionItem, type AccordionItemProps, AccordionRoot, AccordionTrigger, ActionCard, AdCard, Alert, Announcement, AppLanding, AppLayout, type AppSidebarItemProps, AppStores, AppTabs, AppTopbar, Avatar, BackToTop, Badge, BadgedComponent, Breadcrumb, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CheckEmail, Checkbox, Chip, type ChipColors, type ChipTypes, CodeBlock, CodeConfirmation, ColorPicker, Combobox, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ComparingPlans, ContactForm, Copyrights, Count, DataTable, DestroyableCard, Dialog, DialogBody, DialogCarousel, DialogCarouselContent, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogPortal, DialogStep, DialogSteps, DialogTitle, DialogTrigger, DocsLayout, DocsSidebar, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadio, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuRoot, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, FeedbackEmoji, FeedbackForm, FeedbackRating, FileDropzone, FileUploader, HorizontalPricing, Input, InterfaceSettings, ItemCard, Label, type LabelProps, LandingCard, LeadGenerator, LegalTexts, Loading, LoginForm, Logos, type MenuItemType, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, Navbar, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem$1 as NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuRoot, NavigationMenuTrigger, NavigationMenuViewport, NewPasswordForm, NoPermission, NotFound, Pagination, PasswordInput, PasswordStrengthIndicator, PhoneInput, PinInput, Popover, PopoverContent, PopoverTrigger, PricingCard, PricingPlans, Progress, ProgressCircle, Radio, type RadioOptionsTypes, RegisterForm, ResetPasswordForm, ScrollArea, ScrollBar, ScrollIndicator, Select, type SelectOptionProps, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, SidebarGroup, SidebarItem, SimpleTable, Skeleton, Slider, SortButton, StandardNavigationMenuItem, Stats, StopPropagationWrapper, type SubItem$1 as SubItem, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Testimonial, type TextFieldTypes, Textarea, type TextareaProps, Toast$1 as Toast, ToastAction, type ToastActionElement, ToastClose, ToastDescription, type ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, type ToasterToastProps, Tooltip, Usage, type UseFocusWithinOptions, type UseMediaQueryOptions, UserReferralSource, buttonVariants, navigationMenuTriggerStyle, reducer, toast, useBreakpoint, useClipboard, useDialogCarousel, useFocusWithin, useIsomorphicEffect, useMediaQuery, useMultiStepDialog, useTabs, useToast, useWindowSize };
2024
+ export { Accordion, AccordionContent, AccordionItem, type AccordionItemProps, AccordionRoot, AccordionTrigger, ActionCard, AdCard, Alert, Announcement, AppLanding, AppLayout, type AppSidebarItemProps, AppStores, AppTabs, AppTopbar, AuthButtons, Avatar, BackToTop, Badge, BadgedComponent, Breadcrumb, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CheckEmail, Checkbox, Chip, type ChipColors, type ChipTypes, CodeBlock, CodeConfirmation, ColorPicker, Combobox, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ComparingPlans, ContactForm, Copyrights, Count, DataTable, DestroyableCard, Dialog, DialogBody, DialogCarousel, DialogCarouselContent, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogPortal, DialogStep, DialogSteps, DialogTitle, DialogTrigger, DocsLayout, DocsSidebar, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadio, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuRoot, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, FeedbackEmoji, FeedbackForm, FeedbackRating, FileDropzone, FileUploader, HorizontalPricing, Input, InterfaceSettings, ItemCard, Label, type LabelProps, LandingCard, LeadGenerator, LegalTexts, Loading, LoginForm, Logos, type MenuItemType, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, Navbar, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem$1 as NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuRoot, NavigationMenuTrigger, NavigationMenuViewport, NewPasswordForm, NoPermission, NotFound, Pagination, PasswordInput, PasswordStrengthIndicator, PhoneInput, PinInput, Popover, PopoverContent, PopoverTrigger, PricingCard, PricingPlans, Progress, ProgressCircle, Radio, type RadioOptionsTypes, RegisterForm, ResetPasswordForm, ScrollArea, ScrollBar, ScrollIndicator, Select, type SelectOptionProps, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, SidebarGroup, SidebarItem, SimpleTable, Skeleton, Slider, SortButton, StandardNavigationMenuItem, Stats, StopPropagationWrapper, type SubItem$1 as SubItem, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Testimonial, type TextFieldTypes, Textarea, type TextareaProps, Toast$1 as Toast, ToastAction, type ToastActionElement, ToastClose, ToastDescription, type ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, type ToasterToastProps, Tooltip, Usage, type UseFocusWithinOptions, type UseMediaQueryOptions, UserReferralSource, buttonVariants, navigationMenuTriggerStyle, reducer, toast, useBreakpoint, useClipboard, useDialogCarousel, useFocusWithin, useIsomorphicEffect, useMediaQuery, useMultiStepDialog, useTabs, useToast, useWindowSize };
package/dist/index.d.ts CHANGED
@@ -1299,31 +1299,6 @@ type DocsSidebarType = {
1299
1299
  };
1300
1300
  declare const DocsSidebar: React__default.FC<DocsSidebarType>;
1301
1301
 
1302
- type PlanFeature = {
1303
- soon?: boolean;
1304
- included?: boolean;
1305
- text: string;
1306
- hint?: string;
1307
- hintSide?: PositionType;
1308
- };
1309
- type PricingCardProps = {
1310
- direction?: DirectionType;
1311
- features: PlanFeature[];
1312
- endButton?: boolean;
1313
- price: number;
1314
- oldPrice?: number;
1315
- noPrice?: boolean;
1316
- id?: string;
1317
- discount?: string;
1318
- onPlanClicked?: () => void;
1319
- currentPlan?: boolean;
1320
- recommended?: boolean;
1321
- size?: "small" | "medium" | "large";
1322
- isLoadingPrice?: boolean;
1323
- isLoadingCard?: boolean;
1324
- texts: PricingPlanTexts;
1325
- };
1326
-
1327
1302
  type PricingPlanTexts = {
1328
1303
  title?: string;
1329
1304
  subtitle?: string;
@@ -1411,6 +1386,57 @@ type NewPasswordTextsTypes = {
1411
1386
  registerText?: string;
1412
1387
  };
1413
1388
 
1389
+ type AuthButtonsType = {
1390
+ texts?: ThirdPartyAuthTextsTypes;
1391
+ viaGoogle?: boolean;
1392
+ viaTwitter?: boolean;
1393
+ viaGithub?: boolean;
1394
+ viaMicrosoft?: boolean;
1395
+ viaEmail?: boolean;
1396
+ viaPhone?: boolean;
1397
+ viaApple?: boolean;
1398
+ isGoogleLoading?: boolean;
1399
+ isGithubLoading?: boolean;
1400
+ isTwitterLoading?: boolean;
1401
+ isMicrosoftLoading?: boolean;
1402
+ isEmailLoading?: boolean;
1403
+ isPhoneLoading?: boolean;
1404
+ isAppleLoading?: boolean;
1405
+ handleGoogle?: () => void;
1406
+ handleTwitter?: () => void;
1407
+ handleApple?: () => void;
1408
+ handleMicrosoft?: () => void;
1409
+ handleGithub?: () => void;
1410
+ handleEmail?: () => void;
1411
+ handlePhone?: () => void;
1412
+ };
1413
+ declare const AuthButtons: React__default.FC<AuthButtonsType>;
1414
+
1415
+ type PlanFeature = {
1416
+ soon?: boolean;
1417
+ included?: boolean;
1418
+ text: string;
1419
+ hint?: string;
1420
+ hintSide?: PositionType;
1421
+ };
1422
+ type PricingCardProps = {
1423
+ direction?: DirectionType;
1424
+ features: PlanFeature[];
1425
+ endButton?: boolean;
1426
+ price: number;
1427
+ oldPrice?: number;
1428
+ noPrice?: boolean;
1429
+ id?: string;
1430
+ discount?: string;
1431
+ onPlanClicked?: () => void;
1432
+ currentPlan?: boolean;
1433
+ recommended?: boolean;
1434
+ size?: "small" | "medium" | "large";
1435
+ isLoadingPrice?: boolean;
1436
+ isLoadingCard?: boolean;
1437
+ texts: PricingPlanTexts;
1438
+ };
1439
+
1414
1440
  type LoginFormTypes = {
1415
1441
  /** Object containing text labels used throughout the form. */
1416
1442
  texts?: LoginFormTextsTypes;
@@ -1995,4 +2021,4 @@ declare function useTabs(initialTab?: string): {
1995
2021
  handleTabChange: (index: any) => void;
1996
2022
  };
1997
2023
 
1998
- export { Accordion, AccordionContent, AccordionItem, type AccordionItemProps, AccordionRoot, AccordionTrigger, ActionCard, AdCard, Alert, Announcement, AppLanding, AppLayout, type AppSidebarItemProps, AppStores, AppTabs, AppTopbar, Avatar, BackToTop, Badge, BadgedComponent, Breadcrumb, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CheckEmail, Checkbox, Chip, type ChipColors, type ChipTypes, CodeBlock, CodeConfirmation, ColorPicker, Combobox, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ComparingPlans, ContactForm, Copyrights, Count, DataTable, DestroyableCard, Dialog, DialogBody, DialogCarousel, DialogCarouselContent, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogPortal, DialogStep, DialogSteps, DialogTitle, DialogTrigger, DocsLayout, DocsSidebar, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadio, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuRoot, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, FeedbackEmoji, FeedbackForm, FeedbackRating, FileDropzone, FileUploader, HorizontalPricing, Input, InterfaceSettings, ItemCard, Label, type LabelProps, LandingCard, LeadGenerator, LegalTexts, Loading, LoginForm, Logos, type MenuItemType, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, Navbar, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem$1 as NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuRoot, NavigationMenuTrigger, NavigationMenuViewport, NewPasswordForm, NoPermission, NotFound, Pagination, PasswordInput, PasswordStrengthIndicator, PhoneInput, PinInput, Popover, PopoverContent, PopoverTrigger, PricingCard, PricingPlans, Progress, ProgressCircle, Radio, type RadioOptionsTypes, RegisterForm, ResetPasswordForm, ScrollArea, ScrollBar, ScrollIndicator, Select, type SelectOptionProps, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, SidebarGroup, SidebarItem, SimpleTable, Skeleton, Slider, SortButton, StandardNavigationMenuItem, Stats, StopPropagationWrapper, type SubItem$1 as SubItem, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Testimonial, type TextFieldTypes, Textarea, type TextareaProps, Toast$1 as Toast, ToastAction, type ToastActionElement, ToastClose, ToastDescription, type ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, type ToasterToastProps, Tooltip, Usage, type UseFocusWithinOptions, type UseMediaQueryOptions, UserReferralSource, buttonVariants, navigationMenuTriggerStyle, reducer, toast, useBreakpoint, useClipboard, useDialogCarousel, useFocusWithin, useIsomorphicEffect, useMediaQuery, useMultiStepDialog, useTabs, useToast, useWindowSize };
2024
+ export { Accordion, AccordionContent, AccordionItem, type AccordionItemProps, AccordionRoot, AccordionTrigger, ActionCard, AdCard, Alert, Announcement, AppLanding, AppLayout, type AppSidebarItemProps, AppStores, AppTabs, AppTopbar, AuthButtons, Avatar, BackToTop, Badge, BadgedComponent, Breadcrumb, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CheckEmail, Checkbox, Chip, type ChipColors, type ChipTypes, CodeBlock, CodeConfirmation, ColorPicker, Combobox, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ComparingPlans, ContactForm, Copyrights, Count, DataTable, DestroyableCard, Dialog, DialogBody, DialogCarousel, DialogCarouselContent, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogPortal, DialogStep, DialogSteps, DialogTitle, DialogTrigger, DocsLayout, DocsSidebar, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadio, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuRoot, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, FeedbackEmoji, FeedbackForm, FeedbackRating, FileDropzone, FileUploader, HorizontalPricing, Input, InterfaceSettings, ItemCard, Label, type LabelProps, LandingCard, LeadGenerator, LegalTexts, Loading, LoginForm, Logos, type MenuItemType, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, Navbar, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem$1 as NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuRoot, NavigationMenuTrigger, NavigationMenuViewport, NewPasswordForm, NoPermission, NotFound, Pagination, PasswordInput, PasswordStrengthIndicator, PhoneInput, PinInput, Popover, PopoverContent, PopoverTrigger, PricingCard, PricingPlans, Progress, ProgressCircle, Radio, type RadioOptionsTypes, RegisterForm, ResetPasswordForm, ScrollArea, ScrollBar, ScrollIndicator, Select, type SelectOptionProps, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, SidebarGroup, SidebarItem, SimpleTable, Skeleton, Slider, SortButton, StandardNavigationMenuItem, Stats, StopPropagationWrapper, type SubItem$1 as SubItem, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Testimonial, type TextFieldTypes, Textarea, type TextareaProps, Toast$1 as Toast, ToastAction, type ToastActionElement, ToastClose, ToastDescription, type ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, type ToasterToastProps, Tooltip, Usage, type UseFocusWithinOptions, type UseMediaQueryOptions, UserReferralSource, buttonVariants, navigationMenuTriggerStyle, reducer, toast, useBreakpoint, useClipboard, useDialogCarousel, useFocusWithin, useIsomorphicEffect, useMediaQuery, useMultiStepDialog, useTabs, useToast, useWindowSize };
package/dist/index.js CHANGED
@@ -45,6 +45,7 @@ __export(components_exports, {
45
45
  AppStores: () => AppStores,
46
46
  AppTabs: () => AppTabs,
47
47
  AppTopbar: () => AppTopbar,
48
+ AuthButtons: () => AuthButtons,
48
49
  Avatar: () => Avatar,
49
50
  BackToTop: () => BackToTop,
50
51
  Badge: () => Badge,
@@ -9188,13 +9189,6 @@ var DocsLayout = ({
9188
9189
  ));
9189
9190
  };
9190
9191
 
9191
- // blocks/auth/LoginForm.tsx
9192
- var import_react46 = __toESM(require("react"));
9193
- var import_react_hook_form = require("react-hook-form");
9194
- var import_zod = require("@hookform/resolvers/zod");
9195
- var import_libphonenumber_js = require("libphonenumber-js");
9196
- var z = __toESM(require("zod"));
9197
-
9198
9192
  // blocks/auth/AuthButtons.tsx
9199
9193
  var import_react45 = __toESM(require("react"));
9200
9194
  var AuthButtons = (props) => {
@@ -9273,6 +9267,11 @@ var AuthButtons = (props) => {
9273
9267
  };
9274
9268
 
9275
9269
  // blocks/auth/LoginForm.tsx
9270
+ var import_react46 = __toESM(require("react"));
9271
+ var import_react_hook_form = require("react-hook-form");
9272
+ var import_zod = require("@hookform/resolvers/zod");
9273
+ var import_libphonenumber_js = require("libphonenumber-js");
9274
+ var z = __toESM(require("zod"));
9276
9275
  var LoginForm = ({
9277
9276
  loginType = "email",
9278
9277
  texts,
@@ -10101,10 +10100,15 @@ var import_react51 = __toESM(require("react"));
10101
10100
  var import_react_hook_form4 = require("react-hook-form");
10102
10101
  var import_zod4 = require("@hookform/resolvers/zod");
10103
10102
  var z4 = __toESM(require("zod"));
10104
- var ResetPasswordForm = (props) => {
10103
+ var ResetPasswordForm = ({
10104
+ allowRegister = true,
10105
+ ...props
10106
+ }) => {
10105
10107
  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
10106
10108
  const formSchema = z4.object({
10107
- email: z4.string({ required_error: (_b = (_a = props.texts) == null ? void 0 : _a.email) == null ? void 0 : _b.required }).email({ message: (_d = (_c = props.texts) == null ? void 0 : _c.email) == null ? void 0 : _d.invalid }).min(1, { message: (_f = (_e = props.texts) == null ? void 0 : _e.email) == null ? void 0 : _f.required })
10109
+ email: z4.string({
10110
+ required_error: ((_b = (_a = props.texts) == null ? void 0 : _a.email) == null ? void 0 : _b.required) || "Email is required"
10111
+ }).email({ message: ((_d = (_c = props.texts) == null ? void 0 : _c.email) == null ? void 0 : _d.invalid) || "Invalid email" }).min(1, { message: ((_f = (_e = props.texts) == null ? void 0 : _e.email) == null ? void 0 : _f.required) || "Email is required" })
10108
10112
  });
10109
10113
  const { handleSubmit, control, formState } = (0, import_react_hook_form4.useForm)({
10110
10114
  resolver: (0, import_zod4.zodResolver)(formSchema)
@@ -10121,7 +10125,7 @@ var ResetPasswordForm = (props) => {
10121
10125
  }
10122
10126
  })
10123
10127
  },
10124
- /* @__PURE__ */ import_react51.default.createElement(CardContent, { headless: props.headless }, /* @__PURE__ */ import_react51.default.createElement(
10128
+ /* @__PURE__ */ import_react51.default.createElement(CardContent, { headless: props.headless, className: "hawa-pb-4" }, /* @__PURE__ */ import_react51.default.createElement(
10125
10129
  import_react_hook_form4.Controller,
10126
10130
  {
10127
10131
  control,
@@ -10132,7 +10136,7 @@ var ResetPasswordForm = (props) => {
10132
10136
  Input,
10133
10137
  {
10134
10138
  width: "full",
10135
- label: (_b2 = (_a2 = props.texts) == null ? void 0 : _a2.email) == null ? void 0 : _b2.label,
10139
+ label: ((_b2 = (_a2 = props.texts) == null ? void 0 : _a2.email) == null ? void 0 : _b2.label) || "Email",
10136
10140
  helperText: (_c2 = formState.errors.email) == null ? void 0 : _c2.message,
10137
10141
  placeholder: (_e2 = (_d2 = props.texts) == null ? void 0 : _d2.email) == null ? void 0 : _e2.placeholder,
10138
10142
  ...field
@@ -10141,7 +10145,7 @@ var ResetPasswordForm = (props) => {
10141
10145
  }
10142
10146
  }
10143
10147
  )),
10144
- /* @__PURE__ */ import_react51.default.createElement(CardFooter, { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ import_react51.default.createElement(Button, { type: "submit", className: "hawa-w-full" }, (_i = props.texts) == null ? void 0 : _i.resetPassword), props.allowRegister && /* @__PURE__ */ import_react51.default.createElement("div", { className: "hawa-mt-4 hawa-pb-0 hawa-text-center hawa-text-sm dark:hawa-text-gray-300" }, (_k = (_j = props.texts) == null ? void 0 : _j.dontHaveAccount) != null ? _k : "Don't have an account? ", /* @__PURE__ */ import_react51.default.createElement(
10148
+ /* @__PURE__ */ import_react51.default.createElement(CardFooter, { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ import_react51.default.createElement(Button, { type: "submit", className: "hawa-w-full " }, ((_i = props.texts) == null ? void 0 : _i.resetPassword) || "Reset Password"), allowRegister && /* @__PURE__ */ import_react51.default.createElement("div", { className: "hawa-mt-4 hawa-pb-0 hawa-text-center hawa-text-sm dark:hawa-text-gray-300" }, (_k = (_j = props.texts) == null ? void 0 : _j.dontHaveAccount) != null ? _k : "Don't have an account? ", /* @__PURE__ */ import_react51.default.createElement(
10145
10149
  "span",
10146
10150
  {
10147
10151
  className: "clickable-link",
@@ -10149,7 +10153,7 @@ var ResetPasswordForm = (props) => {
10149
10153
  },
10150
10154
  (_m = (_l = props.texts) == null ? void 0 : _l.registerText) != null ? _m : "Register"
10151
10155
  )))
10152
- )) : /* @__PURE__ */ import_react51.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react51.default.createElement("div", { className: "hawa-text-center" }, (_n = props.texts) == null ? void 0 : _n.emailSentText)));
10156
+ )) : /* @__PURE__ */ import_react51.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react51.default.createElement("div", { className: "hawa-text-center" }, ((_n = props.texts) == null ? void 0 : _n.emailSentText) || "An email has been sent with a link to set a new password")));
10153
10157
  };
10154
10158
 
10155
10159
  // blocks/auth/CodeConfirmation.tsx
@@ -12156,6 +12160,7 @@ function useTabs(initialTab = "") {
12156
12160
  AppStores,
12157
12161
  AppTabs,
12158
12162
  AppTopbar,
12163
+ AuthButtons,
12159
12164
  Avatar,
12160
12165
  BackToTop,
12161
12166
  Badge,
package/dist/index.mjs CHANGED
@@ -8970,13 +8970,6 @@ var DocsLayout = ({
8970
8970
  ));
8971
8971
  };
8972
8972
 
8973
- // blocks/auth/LoginForm.tsx
8974
- import React73, { useState as useState25 } from "react";
8975
- import { Controller, useForm } from "react-hook-form";
8976
- import { zodResolver } from "@hookform/resolvers/zod";
8977
- import { parsePhoneNumber } from "libphonenumber-js";
8978
- import * as z from "zod";
8979
-
8980
8973
  // blocks/auth/AuthButtons.tsx
8981
8974
  import React72 from "react";
8982
8975
  var AuthButtons = (props) => {
@@ -9055,6 +9048,11 @@ var AuthButtons = (props) => {
9055
9048
  };
9056
9049
 
9057
9050
  // blocks/auth/LoginForm.tsx
9051
+ import React73, { useState as useState25 } from "react";
9052
+ import { Controller, useForm } from "react-hook-form";
9053
+ import { zodResolver } from "@hookform/resolvers/zod";
9054
+ import { parsePhoneNumber } from "libphonenumber-js";
9055
+ import * as z from "zod";
9058
9056
  var LoginForm = ({
9059
9057
  loginType = "email",
9060
9058
  texts,
@@ -9883,10 +9881,15 @@ import React78 from "react";
9883
9881
  import { Controller as Controller4, useForm as useForm4 } from "react-hook-form";
9884
9882
  import { zodResolver as zodResolver4 } from "@hookform/resolvers/zod";
9885
9883
  import * as z4 from "zod";
9886
- var ResetPasswordForm = (props) => {
9884
+ var ResetPasswordForm = ({
9885
+ allowRegister = true,
9886
+ ...props
9887
+ }) => {
9887
9888
  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
9888
9889
  const formSchema = z4.object({
9889
- email: z4.string({ required_error: (_b = (_a = props.texts) == null ? void 0 : _a.email) == null ? void 0 : _b.required }).email({ message: (_d = (_c = props.texts) == null ? void 0 : _c.email) == null ? void 0 : _d.invalid }).min(1, { message: (_f = (_e = props.texts) == null ? void 0 : _e.email) == null ? void 0 : _f.required })
9890
+ email: z4.string({
9891
+ required_error: ((_b = (_a = props.texts) == null ? void 0 : _a.email) == null ? void 0 : _b.required) || "Email is required"
9892
+ }).email({ message: ((_d = (_c = props.texts) == null ? void 0 : _c.email) == null ? void 0 : _d.invalid) || "Invalid email" }).min(1, { message: ((_f = (_e = props.texts) == null ? void 0 : _e.email) == null ? void 0 : _f.required) || "Email is required" })
9890
9893
  });
9891
9894
  const { handleSubmit, control, formState } = useForm4({
9892
9895
  resolver: zodResolver4(formSchema)
@@ -9903,7 +9906,7 @@ var ResetPasswordForm = (props) => {
9903
9906
  }
9904
9907
  })
9905
9908
  },
9906
- /* @__PURE__ */ React78.createElement(CardContent, { headless: props.headless }, /* @__PURE__ */ React78.createElement(
9909
+ /* @__PURE__ */ React78.createElement(CardContent, { headless: props.headless, className: "hawa-pb-4" }, /* @__PURE__ */ React78.createElement(
9907
9910
  Controller4,
9908
9911
  {
9909
9912
  control,
@@ -9914,7 +9917,7 @@ var ResetPasswordForm = (props) => {
9914
9917
  Input,
9915
9918
  {
9916
9919
  width: "full",
9917
- label: (_b2 = (_a2 = props.texts) == null ? void 0 : _a2.email) == null ? void 0 : _b2.label,
9920
+ label: ((_b2 = (_a2 = props.texts) == null ? void 0 : _a2.email) == null ? void 0 : _b2.label) || "Email",
9918
9921
  helperText: (_c2 = formState.errors.email) == null ? void 0 : _c2.message,
9919
9922
  placeholder: (_e2 = (_d2 = props.texts) == null ? void 0 : _d2.email) == null ? void 0 : _e2.placeholder,
9920
9923
  ...field
@@ -9923,7 +9926,7 @@ var ResetPasswordForm = (props) => {
9923
9926
  }
9924
9927
  }
9925
9928
  )),
9926
- /* @__PURE__ */ React78.createElement(CardFooter, { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ React78.createElement(Button, { type: "submit", className: "hawa-w-full" }, (_i = props.texts) == null ? void 0 : _i.resetPassword), props.allowRegister && /* @__PURE__ */ React78.createElement("div", { className: "hawa-mt-4 hawa-pb-0 hawa-text-center hawa-text-sm dark:hawa-text-gray-300" }, (_k = (_j = props.texts) == null ? void 0 : _j.dontHaveAccount) != null ? _k : "Don't have an account? ", /* @__PURE__ */ React78.createElement(
9929
+ /* @__PURE__ */ React78.createElement(CardFooter, { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ React78.createElement(Button, { type: "submit", className: "hawa-w-full " }, ((_i = props.texts) == null ? void 0 : _i.resetPassword) || "Reset Password"), allowRegister && /* @__PURE__ */ React78.createElement("div", { className: "hawa-mt-4 hawa-pb-0 hawa-text-center hawa-text-sm dark:hawa-text-gray-300" }, (_k = (_j = props.texts) == null ? void 0 : _j.dontHaveAccount) != null ? _k : "Don't have an account? ", /* @__PURE__ */ React78.createElement(
9927
9930
  "span",
9928
9931
  {
9929
9932
  className: "clickable-link",
@@ -9931,7 +9934,7 @@ var ResetPasswordForm = (props) => {
9931
9934
  },
9932
9935
  (_m = (_l = props.texts) == null ? void 0 : _l.registerText) != null ? _m : "Register"
9933
9936
  )))
9934
- )) : /* @__PURE__ */ React78.createElement(CardContent, { headless: true }, /* @__PURE__ */ React78.createElement("div", { className: "hawa-text-center" }, (_n = props.texts) == null ? void 0 : _n.emailSentText)));
9937
+ )) : /* @__PURE__ */ React78.createElement(CardContent, { headless: true }, /* @__PURE__ */ React78.createElement("div", { className: "hawa-text-center" }, ((_n = props.texts) == null ? void 0 : _n.emailSentText) || "An email has been sent with a link to set a new password")));
9935
9938
  };
9936
9939
 
9937
9940
  // blocks/auth/CodeConfirmation.tsx
@@ -11937,6 +11940,7 @@ export {
11937
11940
  AppStores,
11938
11941
  AppTabs,
11939
11942
  AppTopbar,
11943
+ AuthButtons,
11940
11944
  Avatar,
11941
11945
  BackToTop,
11942
11946
  Badge,
@@ -6,7 +6,7 @@ import {
6
6
  Sheet,
7
7
  SheetContent,
8
8
  SheetTrigger
9
- } from "../chunk-7CYXEZDV.mjs";
9
+ } from "../chunk-TIQERSM3.mjs";
10
10
  import {
11
11
  Button,
12
12
  Card,
@@ -18,7 +18,7 @@ import {
18
18
  Skeleton,
19
19
  Tooltip,
20
20
  cn
21
- } from "../chunk-ZOWDRDAM.mjs";
21
+ } from "../chunk-R2NAPFAZ.mjs";
22
22
  import "../chunk-4OOSUQZG.mjs";
23
23
 
24
24
  // layout/stats/Stats.tsx
@@ -92,4 +92,4 @@ type NewPasswordTextsTypes = {
92
92
  registerText?: string;
93
93
  };
94
94
 
95
- export type { BaseInputType as B, DirectionType as D, LoginFormTextsTypes as L, NewPasswordTextsTypes as N, PositionType as P, RadioOptionType as R, TextInputType as T, RegisterFormTextsTypes as a, ThirdPartyAuthTextsTypes as b, ResetPasswordTextsTypes as c, PricingPlanTexts as d };
95
+ export type { BaseInputType as B, DirectionType as D, LoginFormTextsTypes as L, NewPasswordTextsTypes as N, PositionType as P, RadioOptionType as R, TextInputType as T, ThirdPartyAuthTextsTypes as a, RegisterFormTextsTypes as b, ResetPasswordTextsTypes as c, PricingPlanTexts as d };
@@ -92,4 +92,4 @@ type NewPasswordTextsTypes = {
92
92
  registerText?: string;
93
93
  };
94
94
 
95
- export type { BaseInputType as B, DirectionType as D, LoginFormTextsTypes as L, NewPasswordTextsTypes as N, PositionType as P, RadioOptionType as R, TextInputType as T, RegisterFormTextsTypes as a, ThirdPartyAuthTextsTypes as b, ResetPasswordTextsTypes as c, PricingPlanTexts as d };
95
+ export type { BaseInputType as B, DirectionType as D, LoginFormTextsTypes as L, NewPasswordTextsTypes as N, PositionType as P, RadioOptionType as R, TextInputType as T, ThirdPartyAuthTextsTypes as a, RegisterFormTextsTypes as b, ResetPasswordTextsTypes as c, PricingPlanTexts as d };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sikka/hawa",
3
- "version": "0.27.23-next",
3
+ "version": "0.27.24-next",
4
4
  "description": "Modern UI Kit made with Tailwind",
5
5
  "author": {
6
6
  "name": "Sikka Software",