@sikka/hawa 0.27.23-next → 0.28.0-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 (47) 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 +1244 -1174
  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.js +87 -20
  15. package/dist/blocks/misc/index.mjs +92 -25
  16. package/dist/blocks/pricing/index.d.mts +1 -1
  17. package/dist/blocks/pricing/index.d.ts +1 -1
  18. package/dist/blocks/pricing/index.mjs +4 -4
  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-5UYZN5SQ.mjs → chunk-Y3HUZNCH.mjs} +88 -21
  28. package/dist/{chunk-DQHPOUHR.mjs → chunk-ZV3KYZ5G.mjs} +1 -1
  29. package/dist/elements/index.d.mts +5 -4
  30. package/dist/elements/index.d.ts +5 -4
  31. package/dist/elements/index.js +87 -20
  32. package/dist/elements/index.mjs +3 -3
  33. package/dist/index.css +29 -0
  34. package/dist/index.d.mts +54 -27
  35. package/dist/index.d.ts +54 -27
  36. package/dist/index.js +105 -33
  37. package/dist/index.mjs +104 -33
  38. package/dist/layout/index.mjs +2 -2
  39. package/dist/tabs/index.d.mts +2 -1
  40. package/dist/tabs/index.d.ts +2 -1
  41. package/dist/tabs/index.js +89 -20
  42. package/dist/tabs/index.js.map +1 -1
  43. package/dist/tabs/index.mjs +89 -20
  44. package/dist/tabs/index.mjs.map +1 -1
  45. package/dist/{textTypes-u4OSE-rn.d.ts → textTypes-ah2JJr8v.d.mts} +1 -1
  46. package/dist/{textTypes-u4OSE-rn.d.mts → textTypes-ah2JJr8v.d.ts} +1 -1
  47. package/package.json +2 -1
package/dist/index.d.ts CHANGED
@@ -612,8 +612,9 @@ type SortButtonProps = {
612
612
  };
613
613
  declare const SortButton: React__default.FC<SortButtonProps>;
614
614
 
615
+ type TabsVariants = "default" | "underlined" | "underlined_tabs";
615
616
  declare const Tabs: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
616
- orientation?: "vertical" | "horizontal" | undefined;
617
+ variant?: TabsVariants | undefined;
617
618
  } & React$1.RefAttributes<HTMLDivElement>>;
618
619
  declare const TabsList: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
619
620
  declare const TabsTrigger: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & {
@@ -1299,31 +1300,6 @@ type DocsSidebarType = {
1299
1300
  };
1300
1301
  declare const DocsSidebar: React__default.FC<DocsSidebarType>;
1301
1302
 
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
1303
  type PricingPlanTexts = {
1328
1304
  title?: string;
1329
1305
  subtitle?: string;
@@ -1411,6 +1387,57 @@ type NewPasswordTextsTypes = {
1411
1387
  registerText?: string;
1412
1388
  };
1413
1389
 
1390
+ type AuthButtonsType = {
1391
+ texts?: ThirdPartyAuthTextsTypes;
1392
+ viaGoogle?: boolean;
1393
+ viaTwitter?: boolean;
1394
+ viaGithub?: boolean;
1395
+ viaMicrosoft?: boolean;
1396
+ viaEmail?: boolean;
1397
+ viaPhone?: boolean;
1398
+ viaApple?: boolean;
1399
+ isGoogleLoading?: boolean;
1400
+ isGithubLoading?: boolean;
1401
+ isTwitterLoading?: boolean;
1402
+ isMicrosoftLoading?: boolean;
1403
+ isEmailLoading?: boolean;
1404
+ isPhoneLoading?: boolean;
1405
+ isAppleLoading?: boolean;
1406
+ handleGoogle?: () => void;
1407
+ handleTwitter?: () => void;
1408
+ handleApple?: () => void;
1409
+ handleMicrosoft?: () => void;
1410
+ handleGithub?: () => void;
1411
+ handleEmail?: () => void;
1412
+ handlePhone?: () => void;
1413
+ };
1414
+ declare const AuthButtons: React__default.FC<AuthButtonsType>;
1415
+
1416
+ type PlanFeature = {
1417
+ soon?: boolean;
1418
+ included?: boolean;
1419
+ text: string;
1420
+ hint?: string;
1421
+ hintSide?: PositionType;
1422
+ };
1423
+ type PricingCardProps = {
1424
+ direction?: DirectionType;
1425
+ features: PlanFeature[];
1426
+ endButton?: boolean;
1427
+ price: number;
1428
+ oldPrice?: number;
1429
+ noPrice?: boolean;
1430
+ id?: string;
1431
+ discount?: string;
1432
+ onPlanClicked?: () => void;
1433
+ currentPlan?: boolean;
1434
+ recommended?: boolean;
1435
+ size?: "small" | "medium" | "large";
1436
+ isLoadingPrice?: boolean;
1437
+ isLoadingCard?: boolean;
1438
+ texts: PricingPlanTexts;
1439
+ };
1440
+
1414
1441
  type LoginFormTypes = {
1415
1442
  /** Object containing text labels used throughout the form. */
1416
1443
  texts?: LoginFormTextsTypes;
@@ -1995,4 +2022,4 @@ declare function useTabs(initialTab?: string): {
1995
2022
  handleTabChange: (index: any) => void;
1996
2023
  };
1997
2024
 
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 };
2025
+ 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,
@@ -3892,31 +3893,100 @@ var SortButton = (props) => {
3892
3893
  // elements/tabs/Tabs.tsx
3893
3894
  var React31 = __toESM(require("react"));
3894
3895
  var TabsPrimitive = __toESM(require("@radix-ui/react-tabs"));
3895
- var TabsContext = React31.createContext({ orientation: "vertical" });
3896
- var Tabs = React31.forwardRef(
3897
- ({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ React31.createElement(
3898
- TabsPrimitive.Root,
3896
+ var import_tailwind_variants = require("tailwind-variants");
3897
+ var tabsListVariant = (0, import_tailwind_variants.tv)({
3898
+ base: "",
3899
+ variants: {
3900
+ variant: {
3901
+ default: "hawa-flex hawa-w-fit hawa-flex-wrap hawa-items-center hawa-justify-start hawa-gap-1 hawa-rounded hawa-border hawa-bg-muted hawa-p-1 hawa-text-muted-foreground dark:hawa-border-primary/10",
3902
+ underlined: "hawa-flex hawa-w-fit hawa-flex-wrap hawa-items-center hawa-justify-start hawa-gap-1 hawa-rounded hawa-p-1 hawa-text-muted-foreground dark:hawa-border-primary/10",
3903
+ underlined_tabs: "hawa-flex hawa-w-fit hawa-flex-wrap hawa-items-center hawa-justify-start hawa-gap-1 hawa-text-muted-foreground"
3904
+ },
3905
+ orientation: {
3906
+ horizontal: "",
3907
+ vertical: ""
3908
+ }
3909
+ },
3910
+ compoundVariants: [
3899
3911
  {
3900
- ref,
3901
- className: cn(
3902
- "hawa-flex hawa-gap-2",
3903
- orientation === "vertical" ? "hawa-flex-row" : "hawa-flex-col",
3904
- className
3905
- ),
3906
- ...props
3912
+ variant: "underlined_tabs",
3913
+ orientation: "vertical",
3914
+ class: "hawa-border-e-2 hawa-border-e-primary"
3907
3915
  },
3908
- /* @__PURE__ */ React31.createElement(TabsContext.Provider, { value: { orientation } }, props.children)
3909
- )
3910
- );
3916
+ {
3917
+ variant: "underlined_tabs",
3918
+ orientation: "horizontal",
3919
+ class: "hawa-border-b-2 hawa-border-b-primary"
3920
+ }
3921
+ ],
3922
+ defaultVariants: {
3923
+ variant: "default",
3924
+ orientation: "horizontal"
3925
+ }
3926
+ });
3927
+ var tabsTriggerVariant = (0, import_tailwind_variants.tv)({
3928
+ base: "",
3929
+ variants: {
3930
+ variant: {
3931
+ default: "hawa-inline-flex hawa-w-full hawa-flex-1 hawa-select-none hawa-items-center hawa-justify-center hawa-gap-2 hawa-whitespace-nowrap hawa-rounded hawa-border hawa-px-3 hawa-py-1.5 hawa-text-sm hawa-font-medium hawa-ring-offset-background hawa-transition-all focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-2 disabled:hawa-pointer-events-none disabled:hawa-opacity-50 data-[state=active]:hawa-bg-primary data-[state=active]:hawa-text-primary-foreground data-[state=active]:hawa-shadow-sm dark:hawa-border-primary/10",
3932
+ underlined: "hawa-inline-flex hawa-w-full hawa-flex-1 hawa-select-none hawa-items-center hawa-justify-center hawa-gap-2 hawa-whitespace-nowrap hawa-rounded hawa-rounded-none hawa-px-3 hawa-py-1.5 hawa-text-sm hawa-font-medium hawa-ring-offset-background hawa-transition-all focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-2 disabled:hawa-pointer-events-none disabled:hawa-opacity-50",
3933
+ underlined_tabs: "hawa-inline-flex hawa-w-full hawa-flex-1 hawa-select-none hawa-items-center hawa-justify-center hawa-gap-2 hawa-whitespace-nowrap hawa-rounded hawa-px-3 hawa-py-1.5 hawa-text-sm hawa-font-medium hawa-ring-offset-background hawa-transition-all focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-2 disabled:hawa-pointer-events-none disabled:hawa-opacity-50 hawa-bg-primary/10 data-[state=active]:hawa-bg-primary data-[state=active]:hawa-text-primary-foreground dark:hawa-border-primary/10"
3934
+ },
3935
+ orientation: {
3936
+ horizontal: "",
3937
+ vertical: ""
3938
+ }
3939
+ },
3940
+ compoundVariants: [
3941
+ {
3942
+ variant: "underlined",
3943
+ orientation: "horizontal",
3944
+ class: "data-[state=active]:hawa-border-b-primary hawa-border-b hawa-border-b-2"
3945
+ },
3946
+ {
3947
+ variant: "underlined",
3948
+ orientation: "vertical",
3949
+ class: "data-[state=active]:hawa-border-e-primary hawa-border-e hawa-border-e-2"
3950
+ },
3951
+ {
3952
+ variant: "underlined_tabs",
3953
+ orientation: "horizontal",
3954
+ class: "hawa-rounded-b-none"
3955
+ },
3956
+ {
3957
+ variant: "underlined_tabs",
3958
+ orientation: "vertical",
3959
+ class: "hawa-rounded-e-none"
3960
+ }
3961
+ ],
3962
+ defaultVariants: {
3963
+ variant: "default",
3964
+ orientation: "horizontal"
3965
+ }
3966
+ });
3967
+ var TabsContext = React31.createContext({ orientation: "horizontal", variant: "default" });
3968
+ var Tabs = React31.forwardRef(({ className, orientation, variant = "default", ...props }, ref) => /* @__PURE__ */ React31.createElement(
3969
+ TabsPrimitive.Root,
3970
+ {
3971
+ ref,
3972
+ className: cn(
3973
+ "hawa-flex hawa-gap-2",
3974
+ orientation === "vertical" ? "hawa-flex-row" : "hawa-flex-col",
3975
+ className
3976
+ ),
3977
+ ...props
3978
+ },
3979
+ /* @__PURE__ */ React31.createElement(TabsContext.Provider, { value: { orientation, variant } }, props.children)
3980
+ ));
3911
3981
  Tabs.displayName = TabsPrimitive.Root.displayName;
3912
3982
  var TabsList = React31.forwardRef(({ className, ...props }, ref) => {
3913
- const { orientation } = React31.useContext(TabsContext);
3983
+ const { orientation, variant } = React31.useContext(TabsContext);
3914
3984
  return /* @__PURE__ */ React31.createElement(
3915
3985
  TabsPrimitive.List,
3916
3986
  {
3917
3987
  ref,
3918
3988
  className: cn(
3919
- "hawa-flex hawa-w-fit hawa-flex-wrap hawa-items-center hawa-justify-start hawa-gap-1 hawa-rounded hawa-border hawa-bg-muted hawa-p-1 hawa-text-muted-foreground dark:hawa-border-primary/10",
3989
+ tabsListVariant({ variant, orientation }),
3920
3990
  orientation === "vertical" ? "hawa-flex-col" : "hawa-flex-row",
3921
3991
  className
3922
3992
  ),
@@ -3926,14 +3996,12 @@ var TabsList = React31.forwardRef(({ className, ...props }, ref) => {
3926
3996
  });
3927
3997
  TabsList.displayName = TabsPrimitive.List.displayName;
3928
3998
  var TabsTrigger = React31.forwardRef(({ className, chipProps, ...props }, ref) => {
3999
+ const { orientation, variant } = React31.useContext(TabsContext);
3929
4000
  return /* @__PURE__ */ React31.createElement(
3930
4001
  TabsPrimitive.Trigger,
3931
4002
  {
3932
4003
  ref,
3933
- className: cn(
3934
- "hawa-inline-flex hawa-w-full hawa-flex-1 hawa-select-none hawa-items-center hawa-justify-center hawa-gap-2 hawa-whitespace-nowrap hawa-rounded hawa-border hawa-px-3 hawa-py-1.5 hawa-text-sm hawa-font-medium hawa-ring-offset-background hawa-transition-all focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-2 disabled:hawa-pointer-events-none disabled:hawa-opacity-50 data-[state=active]:hawa-bg-primary data-[state=active]:hawa-text-primary-foreground data-[state=active]:hawa-shadow-sm dark:hawa-border-primary/10",
3935
- className
3936
- ),
4004
+ className: cn(tabsTriggerVariant({ variant, orientation }), className),
3937
4005
  ...props
3938
4006
  },
3939
4007
  props.children,
@@ -9188,13 +9256,6 @@ var DocsLayout = ({
9188
9256
  ));
9189
9257
  };
9190
9258
 
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
9259
  // blocks/auth/AuthButtons.tsx
9199
9260
  var import_react45 = __toESM(require("react"));
9200
9261
  var AuthButtons = (props) => {
@@ -9273,6 +9334,11 @@ var AuthButtons = (props) => {
9273
9334
  };
9274
9335
 
9275
9336
  // blocks/auth/LoginForm.tsx
9337
+ var import_react46 = __toESM(require("react"));
9338
+ var import_react_hook_form = require("react-hook-form");
9339
+ var import_zod = require("@hookform/resolvers/zod");
9340
+ var import_libphonenumber_js = require("libphonenumber-js");
9341
+ var z = __toESM(require("zod"));
9276
9342
  var LoginForm = ({
9277
9343
  loginType = "email",
9278
9344
  texts,
@@ -10101,10 +10167,15 @@ var import_react51 = __toESM(require("react"));
10101
10167
  var import_react_hook_form4 = require("react-hook-form");
10102
10168
  var import_zod4 = require("@hookform/resolvers/zod");
10103
10169
  var z4 = __toESM(require("zod"));
10104
- var ResetPasswordForm = (props) => {
10170
+ var ResetPasswordForm = ({
10171
+ allowRegister = true,
10172
+ ...props
10173
+ }) => {
10105
10174
  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
10106
10175
  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 })
10176
+ email: z4.string({
10177
+ required_error: ((_b = (_a = props.texts) == null ? void 0 : _a.email) == null ? void 0 : _b.required) || "Email is required"
10178
+ }).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
10179
  });
10109
10180
  const { handleSubmit, control, formState } = (0, import_react_hook_form4.useForm)({
10110
10181
  resolver: (0, import_zod4.zodResolver)(formSchema)
@@ -10121,7 +10192,7 @@ var ResetPasswordForm = (props) => {
10121
10192
  }
10122
10193
  })
10123
10194
  },
10124
- /* @__PURE__ */ import_react51.default.createElement(CardContent, { headless: props.headless }, /* @__PURE__ */ import_react51.default.createElement(
10195
+ /* @__PURE__ */ import_react51.default.createElement(CardContent, { headless: props.headless, className: "hawa-pb-4" }, /* @__PURE__ */ import_react51.default.createElement(
10125
10196
  import_react_hook_form4.Controller,
10126
10197
  {
10127
10198
  control,
@@ -10132,7 +10203,7 @@ var ResetPasswordForm = (props) => {
10132
10203
  Input,
10133
10204
  {
10134
10205
  width: "full",
10135
- label: (_b2 = (_a2 = props.texts) == null ? void 0 : _a2.email) == null ? void 0 : _b2.label,
10206
+ label: ((_b2 = (_a2 = props.texts) == null ? void 0 : _a2.email) == null ? void 0 : _b2.label) || "Email",
10136
10207
  helperText: (_c2 = formState.errors.email) == null ? void 0 : _c2.message,
10137
10208
  placeholder: (_e2 = (_d2 = props.texts) == null ? void 0 : _d2.email) == null ? void 0 : _e2.placeholder,
10138
10209
  ...field
@@ -10141,7 +10212,7 @@ var ResetPasswordForm = (props) => {
10141
10212
  }
10142
10213
  }
10143
10214
  )),
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(
10215
+ /* @__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
10216
  "span",
10146
10217
  {
10147
10218
  className: "clickable-link",
@@ -10149,7 +10220,7 @@ var ResetPasswordForm = (props) => {
10149
10220
  },
10150
10221
  (_m = (_l = props.texts) == null ? void 0 : _l.registerText) != null ? _m : "Register"
10151
10222
  )))
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)));
10223
+ )) : /* @__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
10224
  };
10154
10225
 
10155
10226
  // blocks/auth/CodeConfirmation.tsx
@@ -12156,6 +12227,7 @@ function useTabs(initialTab = "") {
12156
12227
  AppStores,
12157
12228
  AppTabs,
12158
12229
  AppTopbar,
12230
+ AuthButtons,
12159
12231
  Avatar,
12160
12232
  BackToTop,
12161
12233
  Badge,
package/dist/index.mjs CHANGED
@@ -3667,31 +3667,100 @@ var SortButton = (props) => {
3667
3667
  // elements/tabs/Tabs.tsx
3668
3668
  import * as React31 from "react";
3669
3669
  import * as TabsPrimitive from "@radix-ui/react-tabs";
3670
- var TabsContext = React31.createContext({ orientation: "vertical" });
3671
- var Tabs = React31.forwardRef(
3672
- ({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ React31.createElement(
3673
- TabsPrimitive.Root,
3670
+ import { tv } from "tailwind-variants";
3671
+ var tabsListVariant = tv({
3672
+ base: "",
3673
+ variants: {
3674
+ variant: {
3675
+ default: "hawa-flex hawa-w-fit hawa-flex-wrap hawa-items-center hawa-justify-start hawa-gap-1 hawa-rounded hawa-border hawa-bg-muted hawa-p-1 hawa-text-muted-foreground dark:hawa-border-primary/10",
3676
+ underlined: "hawa-flex hawa-w-fit hawa-flex-wrap hawa-items-center hawa-justify-start hawa-gap-1 hawa-rounded hawa-p-1 hawa-text-muted-foreground dark:hawa-border-primary/10",
3677
+ underlined_tabs: "hawa-flex hawa-w-fit hawa-flex-wrap hawa-items-center hawa-justify-start hawa-gap-1 hawa-text-muted-foreground"
3678
+ },
3679
+ orientation: {
3680
+ horizontal: "",
3681
+ vertical: ""
3682
+ }
3683
+ },
3684
+ compoundVariants: [
3674
3685
  {
3675
- ref,
3676
- className: cn(
3677
- "hawa-flex hawa-gap-2",
3678
- orientation === "vertical" ? "hawa-flex-row" : "hawa-flex-col",
3679
- className
3680
- ),
3681
- ...props
3686
+ variant: "underlined_tabs",
3687
+ orientation: "vertical",
3688
+ class: "hawa-border-e-2 hawa-border-e-primary"
3682
3689
  },
3683
- /* @__PURE__ */ React31.createElement(TabsContext.Provider, { value: { orientation } }, props.children)
3684
- )
3685
- );
3690
+ {
3691
+ variant: "underlined_tabs",
3692
+ orientation: "horizontal",
3693
+ class: "hawa-border-b-2 hawa-border-b-primary"
3694
+ }
3695
+ ],
3696
+ defaultVariants: {
3697
+ variant: "default",
3698
+ orientation: "horizontal"
3699
+ }
3700
+ });
3701
+ var tabsTriggerVariant = tv({
3702
+ base: "",
3703
+ variants: {
3704
+ variant: {
3705
+ default: "hawa-inline-flex hawa-w-full hawa-flex-1 hawa-select-none hawa-items-center hawa-justify-center hawa-gap-2 hawa-whitespace-nowrap hawa-rounded hawa-border hawa-px-3 hawa-py-1.5 hawa-text-sm hawa-font-medium hawa-ring-offset-background hawa-transition-all focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-2 disabled:hawa-pointer-events-none disabled:hawa-opacity-50 data-[state=active]:hawa-bg-primary data-[state=active]:hawa-text-primary-foreground data-[state=active]:hawa-shadow-sm dark:hawa-border-primary/10",
3706
+ underlined: "hawa-inline-flex hawa-w-full hawa-flex-1 hawa-select-none hawa-items-center hawa-justify-center hawa-gap-2 hawa-whitespace-nowrap hawa-rounded hawa-rounded-none hawa-px-3 hawa-py-1.5 hawa-text-sm hawa-font-medium hawa-ring-offset-background hawa-transition-all focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-2 disabled:hawa-pointer-events-none disabled:hawa-opacity-50",
3707
+ underlined_tabs: "hawa-inline-flex hawa-w-full hawa-flex-1 hawa-select-none hawa-items-center hawa-justify-center hawa-gap-2 hawa-whitespace-nowrap hawa-rounded hawa-px-3 hawa-py-1.5 hawa-text-sm hawa-font-medium hawa-ring-offset-background hawa-transition-all focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-2 disabled:hawa-pointer-events-none disabled:hawa-opacity-50 hawa-bg-primary/10 data-[state=active]:hawa-bg-primary data-[state=active]:hawa-text-primary-foreground dark:hawa-border-primary/10"
3708
+ },
3709
+ orientation: {
3710
+ horizontal: "",
3711
+ vertical: ""
3712
+ }
3713
+ },
3714
+ compoundVariants: [
3715
+ {
3716
+ variant: "underlined",
3717
+ orientation: "horizontal",
3718
+ class: "data-[state=active]:hawa-border-b-primary hawa-border-b hawa-border-b-2"
3719
+ },
3720
+ {
3721
+ variant: "underlined",
3722
+ orientation: "vertical",
3723
+ class: "data-[state=active]:hawa-border-e-primary hawa-border-e hawa-border-e-2"
3724
+ },
3725
+ {
3726
+ variant: "underlined_tabs",
3727
+ orientation: "horizontal",
3728
+ class: "hawa-rounded-b-none"
3729
+ },
3730
+ {
3731
+ variant: "underlined_tabs",
3732
+ orientation: "vertical",
3733
+ class: "hawa-rounded-e-none"
3734
+ }
3735
+ ],
3736
+ defaultVariants: {
3737
+ variant: "default",
3738
+ orientation: "horizontal"
3739
+ }
3740
+ });
3741
+ var TabsContext = React31.createContext({ orientation: "horizontal", variant: "default" });
3742
+ var Tabs = React31.forwardRef(({ className, orientation, variant = "default", ...props }, ref) => /* @__PURE__ */ React31.createElement(
3743
+ TabsPrimitive.Root,
3744
+ {
3745
+ ref,
3746
+ className: cn(
3747
+ "hawa-flex hawa-gap-2",
3748
+ orientation === "vertical" ? "hawa-flex-row" : "hawa-flex-col",
3749
+ className
3750
+ ),
3751
+ ...props
3752
+ },
3753
+ /* @__PURE__ */ React31.createElement(TabsContext.Provider, { value: { orientation, variant } }, props.children)
3754
+ ));
3686
3755
  Tabs.displayName = TabsPrimitive.Root.displayName;
3687
3756
  var TabsList = React31.forwardRef(({ className, ...props }, ref) => {
3688
- const { orientation } = React31.useContext(TabsContext);
3757
+ const { orientation, variant } = React31.useContext(TabsContext);
3689
3758
  return /* @__PURE__ */ React31.createElement(
3690
3759
  TabsPrimitive.List,
3691
3760
  {
3692
3761
  ref,
3693
3762
  className: cn(
3694
- "hawa-flex hawa-w-fit hawa-flex-wrap hawa-items-center hawa-justify-start hawa-gap-1 hawa-rounded hawa-border hawa-bg-muted hawa-p-1 hawa-text-muted-foreground dark:hawa-border-primary/10",
3763
+ tabsListVariant({ variant, orientation }),
3695
3764
  orientation === "vertical" ? "hawa-flex-col" : "hawa-flex-row",
3696
3765
  className
3697
3766
  ),
@@ -3701,14 +3770,12 @@ var TabsList = React31.forwardRef(({ className, ...props }, ref) => {
3701
3770
  });
3702
3771
  TabsList.displayName = TabsPrimitive.List.displayName;
3703
3772
  var TabsTrigger = React31.forwardRef(({ className, chipProps, ...props }, ref) => {
3773
+ const { orientation, variant } = React31.useContext(TabsContext);
3704
3774
  return /* @__PURE__ */ React31.createElement(
3705
3775
  TabsPrimitive.Trigger,
3706
3776
  {
3707
3777
  ref,
3708
- className: cn(
3709
- "hawa-inline-flex hawa-w-full hawa-flex-1 hawa-select-none hawa-items-center hawa-justify-center hawa-gap-2 hawa-whitespace-nowrap hawa-rounded hawa-border hawa-px-3 hawa-py-1.5 hawa-text-sm hawa-font-medium hawa-ring-offset-background hawa-transition-all focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-2 disabled:hawa-pointer-events-none disabled:hawa-opacity-50 data-[state=active]:hawa-bg-primary data-[state=active]:hawa-text-primary-foreground data-[state=active]:hawa-shadow-sm dark:hawa-border-primary/10",
3710
- className
3711
- ),
3778
+ className: cn(tabsTriggerVariant({ variant, orientation }), className),
3712
3779
  ...props
3713
3780
  },
3714
3781
  props.children,
@@ -8970,13 +9037,6 @@ var DocsLayout = ({
8970
9037
  ));
8971
9038
  };
8972
9039
 
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
9040
  // blocks/auth/AuthButtons.tsx
8981
9041
  import React72 from "react";
8982
9042
  var AuthButtons = (props) => {
@@ -9055,6 +9115,11 @@ var AuthButtons = (props) => {
9055
9115
  };
9056
9116
 
9057
9117
  // blocks/auth/LoginForm.tsx
9118
+ import React73, { useState as useState25 } from "react";
9119
+ import { Controller, useForm } from "react-hook-form";
9120
+ import { zodResolver } from "@hookform/resolvers/zod";
9121
+ import { parsePhoneNumber } from "libphonenumber-js";
9122
+ import * as z from "zod";
9058
9123
  var LoginForm = ({
9059
9124
  loginType = "email",
9060
9125
  texts,
@@ -9883,10 +9948,15 @@ import React78 from "react";
9883
9948
  import { Controller as Controller4, useForm as useForm4 } from "react-hook-form";
9884
9949
  import { zodResolver as zodResolver4 } from "@hookform/resolvers/zod";
9885
9950
  import * as z4 from "zod";
9886
- var ResetPasswordForm = (props) => {
9951
+ var ResetPasswordForm = ({
9952
+ allowRegister = true,
9953
+ ...props
9954
+ }) => {
9887
9955
  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
9888
9956
  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 })
9957
+ email: z4.string({
9958
+ required_error: ((_b = (_a = props.texts) == null ? void 0 : _a.email) == null ? void 0 : _b.required) || "Email is required"
9959
+ }).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
9960
  });
9891
9961
  const { handleSubmit, control, formState } = useForm4({
9892
9962
  resolver: zodResolver4(formSchema)
@@ -9903,7 +9973,7 @@ var ResetPasswordForm = (props) => {
9903
9973
  }
9904
9974
  })
9905
9975
  },
9906
- /* @__PURE__ */ React78.createElement(CardContent, { headless: props.headless }, /* @__PURE__ */ React78.createElement(
9976
+ /* @__PURE__ */ React78.createElement(CardContent, { headless: props.headless, className: "hawa-pb-4" }, /* @__PURE__ */ React78.createElement(
9907
9977
  Controller4,
9908
9978
  {
9909
9979
  control,
@@ -9914,7 +9984,7 @@ var ResetPasswordForm = (props) => {
9914
9984
  Input,
9915
9985
  {
9916
9986
  width: "full",
9917
- label: (_b2 = (_a2 = props.texts) == null ? void 0 : _a2.email) == null ? void 0 : _b2.label,
9987
+ label: ((_b2 = (_a2 = props.texts) == null ? void 0 : _a2.email) == null ? void 0 : _b2.label) || "Email",
9918
9988
  helperText: (_c2 = formState.errors.email) == null ? void 0 : _c2.message,
9919
9989
  placeholder: (_e2 = (_d2 = props.texts) == null ? void 0 : _d2.email) == null ? void 0 : _e2.placeholder,
9920
9990
  ...field
@@ -9923,7 +9993,7 @@ var ResetPasswordForm = (props) => {
9923
9993
  }
9924
9994
  }
9925
9995
  )),
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(
9996
+ /* @__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
9997
  "span",
9928
9998
  {
9929
9999
  className: "clickable-link",
@@ -9931,7 +10001,7 @@ var ResetPasswordForm = (props) => {
9931
10001
  },
9932
10002
  (_m = (_l = props.texts) == null ? void 0 : _l.registerText) != null ? _m : "Register"
9933
10003
  )))
9934
- )) : /* @__PURE__ */ React78.createElement(CardContent, { headless: true }, /* @__PURE__ */ React78.createElement("div", { className: "hawa-text-center" }, (_n = props.texts) == null ? void 0 : _n.emailSentText)));
10004
+ )) : /* @__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
10005
  };
9936
10006
 
9937
10007
  // blocks/auth/CodeConfirmation.tsx
@@ -11937,6 +12007,7 @@ export {
11937
12007
  AppStores,
11938
12008
  AppTabs,
11939
12009
  AppTopbar,
12010
+ AuthButtons,
11940
12011
  Avatar,
11941
12012
  BackToTop,
11942
12013
  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
@@ -20,8 +20,9 @@ type ChipTypes = React__default.HTMLAttributes<HTMLSpanElement> & {
20
20
  radius?: RadiusType;
21
21
  };
22
22
 
23
+ type TabsVariants = "default" | "underlined" | "underlined_tabs";
23
24
  declare const Tabs: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
24
- orientation?: "vertical" | "horizontal" | undefined;
25
+ variant?: TabsVariants | undefined;
25
26
  } & React.RefAttributes<HTMLDivElement>>;
26
27
  declare const TabsList: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
27
28
  declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & {
@@ -20,8 +20,9 @@ type ChipTypes = React__default.HTMLAttributes<HTMLSpanElement> & {
20
20
  radius?: RadiusType;
21
21
  };
22
22
 
23
+ type TabsVariants = "default" | "underlined" | "underlined_tabs";
23
24
  declare const Tabs: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
24
- orientation?: "vertical" | "horizontal" | undefined;
25
+ variant?: TabsVariants | undefined;
25
26
  } & React.RefAttributes<HTMLDivElement>>;
26
27
  declare const TabsList: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
27
28
  declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & {