@sikka/hawa 0.27.4-next → 0.27.6-next

package/dist/blocks/index.d.mts

@@ -1,7 +1,7 @@
 import React__default, { FC, InputHTMLAttributes } from 'react';
 import { D as DirectionType, a as RadioOptionType, O as OrientationType } from '../commonTypes-CKtkuNFH.mjs';
 import { LoginFormTextsTypes, RegisterFormTextsTypes, ThirdPartyAuthTextsTypes, NewPasswordTextsTypes, ResetPasswordTextsTypes, BaseInputType, TextInputType, PricingCardProps, PlanFeature, PricingPlanTexts } from '../types/index.mjs';
-import { S as SelectOptionProps, L as LabelProps, R as RadioOptionsTypes } from '../Radio-hsrLKNxE.mjs';
+import { S as SelectOptionProps, L as LabelProps, R as RadioOptionsTypes } from '../Radio-RSPNWT03.mjs';
 import { M as MenuItemType } from '../DropdownMenu-EUL-D3I3.mjs';
 import '@radix-ui/react-dropdown-menu';
 
@@ -248,6 +248,7 @@ type FeedbackFormDescriptionInputProps = BaseInputType & {
 };
 type FeedbackFormType = {
     onSubmit: (e: any) => void;
+    loadingSubmission?: boolean;
     requestTypes?: {
         label: string;
         value: any;

package/dist/blocks/index.d.ts

@@ -1,7 +1,7 @@
 import React__default, { FC, InputHTMLAttributes } from 'react';
 import { D as DirectionType, a as RadioOptionType, O as OrientationType } from '../commonTypes-CKtkuNFH.js';
 import { LoginFormTextsTypes, RegisterFormTextsTypes, ThirdPartyAuthTextsTypes, NewPasswordTextsTypes, ResetPasswordTextsTypes, BaseInputType, TextInputType, PricingCardProps, PlanFeature, PricingPlanTexts } from '../types/index.js';
-import { S as SelectOptionProps, L as LabelProps, R as RadioOptionsTypes } from '../Radio-K1WGpnGA.js';
+import { S as SelectOptionProps, L as LabelProps, R as RadioOptionsTypes } from '../Radio-PmNrOjLQ.js';
 import { M as MenuItemType } from '../DropdownMenu-SPisqCzV.js';
 import '@radix-ui/react-dropdown-menu';
 
@@ -248,6 +248,7 @@ type FeedbackFormDescriptionInputProps = BaseInputType & {
 };
 type FeedbackFormType = {
     onSubmit: (e: any) => void;
+    loadingSubmission?: boolean;
     requestTypes?: {
         label: string;
         value: any;

package/dist/blocks/index.js

@@ -86,7 +86,7 @@ var import_class_variance_authority = require("class-variance-authority");
 var import_react = __toESM(require("react"));
 var Loading = ({
   design = "spinner",
-  size = "sm",
+  size = "normal",
   themeMode = "light",
   classNames,
   color,
@@ -100,6 +100,14 @@ var Loading = ({
     lg: "hawa-h-14 hawa-w-14",
     xl: "hawa-h-24 hawa-w-24"
   };
+  let progressSizes = {
+    button: "hawa-h-1",
+    xs: "hawa-h-1 hawa-w-1",
+    sm: "hawa-h-6 hawa-w-6",
+    normal: "",
+    lg: "hawa-h-6",
+    xl: "hawa-h-10 hawa-w-64"
+  };
   let animationStyles = {
     pulse: "hawa-animate-in hawa-fade-in hawa-duration-1000",
     bounce: "hawa-animate-bounce"
@@ -230,6 +238,7 @@ var Loading = ({
         {
           className: cn(
             "progress-loading after:hawa-rounded hawa-rounded",
+            progressSizes[size],
             classNames == null ? void 0 : classNames.container
           )
         }
@@ -593,13 +602,17 @@ var React6 = __toESM(require("react"));
 // elements/tooltip/Tooltip.tsx
 var import_react3 = __toESM(require("react"));
 var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"));
-var TooltipContent = import_react3.default.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ import_react3.default.createElement(
+var TooltipContent = import_react3.default.forwardRef(({ className, sideOffset = 4, size = "default", ...props }, ref) => /* @__PURE__ */ import_react3.default.createElement(
   TooltipPrimitive.Content,
   {
     ref,
     sideOffset,
     className: cn(
       "hawa-z-50 hawa-overflow-hidden hawa-rounded-md hawa-border hawa-bg-popover hawa-px-3 hawa-py-1.5 hawa-text-sm hawa-text-popover-foreground hawa-shadow-md hawa-animate-in hawa-fade-in-0 hawa-zoom-in-95 data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-fade-out-0 data-[state=closed]:hawa-zoom-out-95 data-[side=bottom]:hawa-slide-in-from-top-2 data-[side=left]:hawa-slide-in-from-right-2 data-[side=right]:hawa-slide-in-from-left-2 data-[side=top]:hawa-slide-in-from-bottom-2",
+      {
+        "hawa-text-xs": size === "small",
+        "hawa-text-xl": size === "large"
+      },
       className
     ),
     ...props
@@ -610,6 +623,7 @@ var TooltipArrow = import_react3.default.forwardRef(({ className, ...props }, re
 TooltipArrow.displayName = TooltipPrimitive.Arrow.displayName;
 var Tooltip = ({
   side,
+  size,
   open,
   content,
   children,
@@ -636,7 +650,16 @@ var Tooltip = ({
         ...props
       },
       /* @__PURE__ */ import_react3.default.createElement(TooltipPrimitive.Trigger, { ...triggerProps }, children),
-      /* @__PURE__ */ import_react3.default.createElement(TooltipContent, { side, align: "center", ...contentProps }, content)
+      /* @__PURE__ */ import_react3.default.createElement(
+        TooltipContent,
+        {
+          size,
+          side,
+          align: "center",
+          ...contentProps
+        },
+        content
+      )
     )
   );
 };
@@ -689,6 +712,7 @@ function Skeleton({
   className,
   content,
   animation = "pulse",
+  fade,
   ...props
 }) {
   const animationStyles = {
@@ -696,12 +720,14 @@ function Skeleton({
     pulse: "hawa-animate-pulse hawa-rounded hawa-bg-muted",
     shimmer: "hawa-space-y-5 hawa-rounded hawa-bg-muted  hawa-p-4 hawa-relative  before:hawa-absolute before:hawa-inset-0 before:hawa--translate-x-full before:hawa-animate-[shimmer_2s_infinite] before:hawa-bg-gradient-to-r before:hawa-from-transparent before:hawa-via-gray-300/40 dark:before:hawa-via-white/10 before:hawa-to-transparent hawa-isolate hawa-overflow-hidden  before:hawa-border-t before:hawa-border-rose-100/10"
   };
+  const fadeStyle = `[mask-image:linear-gradient(to_${fade},#D1D4DC_50%,transparent_100%)]`;
   return /* @__PURE__ */ import_react4.default.createElement(
     "div",
     {
       className: cn(
         animationStyles[animation],
         content && "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center",
+        fade && fadeStyle,
         className
       ),
       ...props
@@ -4743,6 +4769,7 @@ var UserReferralSource = ({
                 return /* @__PURE__ */ import_react23.default.createElement(
                   Radio,
                   {
+                    name: "source",
                     direction: props.direction,
                     orientation: "vertical",
                     options: optionsWithOther,
@@ -5162,7 +5189,7 @@ var FeedbackForm = (props) => {
           }
         }
       ),
-      /* @__PURE__ */ import_react26.default.createElement(Button, { type: "submit" }, (_i = props.texts) == null ? void 0 : _i.submit)
+      /* @__PURE__ */ import_react26.default.createElement(Button, { isLoading: props.loadingSubmission, type: "submit" }, (_i = props.texts) == null ? void 0 : _i.submit)
     ))
   );
 };
@@ -6423,6 +6450,7 @@ var PricingPlans = ({
   return /* @__PURE__ */ import_react41.default.createElement("div", { ...mainContainerProps }, /* @__PURE__ */ import_react41.default.createElement("div", { className: "hawa-mb-2 hawa-flex hawa-w-full hawa-justify-between" }, /* @__PURE__ */ import_react41.default.createElement(
     Radio,
     {
+      name: "cycle",
       design: "tabs",
       defaultValue: props.currentCycle.value,
       options: props.billingCycles,
@@ -6435,6 +6463,7 @@ var PricingPlans = ({
   ), /* @__PURE__ */ import_react41.default.createElement(
     Radio,
     {
+      name: "currency",
       design: "tabs",
       defaultValue: props.currentCurrency.value,
       options: props.currencies,
@@ -6494,6 +6523,7 @@ var ComparingPlans = (props) => {
   return /* @__PURE__ */ import_react42.default.createElement("div", { id: "detailed-pricing", className: "hawa-w-full" }, /* @__PURE__ */ import_react42.default.createElement("div", { className: "hawa-mb-2 hawa-flex hawa-w-full hawa-flex-col hawa-justify-between hawa-gap-2 sm:hawa-flex-row" }, /* @__PURE__ */ import_react42.default.createElement(
     Radio,
     {
+      name: "cycle",
       tabsContainerClassName: "hawa-w-full sm:hawa-max-w-fit",
       width: "none",
       design: "tabs",
@@ -6508,6 +6538,7 @@ var ComparingPlans = (props) => {
   ), /* @__PURE__ */ import_react42.default.createElement(
     Radio,
     {
+      name: "currency",
       tabsContainerClassName: "hawa-w-full sm:hawa-max-w-fit",
       width: "none",
       design: "tabs",
@@ -6659,6 +6690,7 @@ var HorizontalPricing = (props) => {
   return /* @__PURE__ */ import_react43.default.createElement("div", { className: "hawa-z-10 hawa-w-full hawa-max-w-screen-sm" }, /* @__PURE__ */ import_react43.default.createElement("div", { className: "hawa-max-w-2xl " }, /* @__PURE__ */ import_react43.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, /* @__PURE__ */ import_react43.default.createElement(
     Radio,
     {
+      name: "currency",
       design: "tabs",
       options: props.currencies,
       defaultValue: props.currentCurrency
@@ -6666,6 +6698,7 @@ var HorizontalPricing = (props) => {
   ), /* @__PURE__ */ import_react43.default.createElement(
     Radio,
     {
+      name: "cycle",
       design: "tabs",
       options: props.billingCycles,
       defaultValue: props.currentCycle

package/dist/blocks/index.mjs

@@ -25,7 +25,7 @@ import {
   UncheckMark,
   VeryBadEmoji,
   VeryGoodEmoji
-} from "../chunk-V2ANNDSC.mjs";
+} from "../chunk-CVOMACRL.mjs";
 import {
   Button,
   Card,
@@ -41,7 +41,7 @@ import {
   Skeleton,
   Tooltip,
   cn
-} from "../chunk-N3AIWCPY.mjs";
+} from "../chunk-I5EJUQ4E.mjs";
 import "../chunk-ZFXKCRJC.mjs";
 
 // blocks/auth/LoginForm.tsx
@@ -1188,6 +1188,7 @@ var UserReferralSource = ({
                 return /* @__PURE__ */ React9.createElement(
                   Radio,
                   {
+                    name: "source",
                     direction: props.direction,
                     orientation: "vertical",
                     options: optionsWithOther,
@@ -1546,7 +1547,7 @@ var FeedbackForm = (props) => {
           }
         }
       ),
-      /* @__PURE__ */ React12.createElement(Button, { type: "submit" }, (_i = props.texts) == null ? void 0 : _i.submit)
+      /* @__PURE__ */ React12.createElement(Button, { isLoading: props.loadingSubmission, type: "submit" }, (_i = props.texts) == null ? void 0 : _i.submit)
     ))
   );
 };
@@ -2264,6 +2265,7 @@ var PricingPlans = ({
   return /* @__PURE__ */ React26.createElement("div", { ...mainContainerProps }, /* @__PURE__ */ React26.createElement("div", { className: "hawa-mb-2 hawa-flex hawa-w-full hawa-justify-between" }, /* @__PURE__ */ React26.createElement(
     Radio,
     {
+      name: "cycle",
       design: "tabs",
       defaultValue: props.currentCycle.value,
       options: props.billingCycles,
@@ -2276,6 +2278,7 @@ var PricingPlans = ({
   ), /* @__PURE__ */ React26.createElement(
     Radio,
     {
+      name: "currency",
       design: "tabs",
       defaultValue: props.currentCurrency.value,
       options: props.currencies,
@@ -2335,6 +2338,7 @@ var ComparingPlans = (props) => {
   return /* @__PURE__ */ React27.createElement("div", { id: "detailed-pricing", className: "hawa-w-full" }, /* @__PURE__ */ React27.createElement("div", { className: "hawa-mb-2 hawa-flex hawa-w-full hawa-flex-col hawa-justify-between hawa-gap-2 sm:hawa-flex-row" }, /* @__PURE__ */ React27.createElement(
     Radio,
     {
+      name: "cycle",
       tabsContainerClassName: "hawa-w-full sm:hawa-max-w-fit",
       width: "none",
       design: "tabs",
@@ -2349,6 +2353,7 @@ var ComparingPlans = (props) => {
   ), /* @__PURE__ */ React27.createElement(
     Radio,
     {
+      name: "currency",
       tabsContainerClassName: "hawa-w-full sm:hawa-max-w-fit",
       width: "none",
       design: "tabs",
@@ -2500,6 +2505,7 @@ var HorizontalPricing = (props) => {
   return /* @__PURE__ */ React28.createElement("div", { className: "hawa-z-10 hawa-w-full hawa-max-w-screen-sm" }, /* @__PURE__ */ React28.createElement("div", { className: "hawa-max-w-2xl " }, /* @__PURE__ */ React28.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, /* @__PURE__ */ React28.createElement(
     Radio,
     {
+      name: "currency",
       design: "tabs",
       options: props.currencies,
       defaultValue: props.currentCurrency
@@ -2507,6 +2513,7 @@ var HorizontalPricing = (props) => {
   ), /* @__PURE__ */ React28.createElement(
     Radio,
     {
+      name: "cycle",
       design: "tabs",
       options: props.billingCycles,
       defaultValue: props.currentCycle

package/dist/blocks/misc/index.js

@@ -276,7 +276,7 @@ var import_class_variance_authority = require("class-variance-authority");
 var import_react3 = __toESM(require("react"));
 var Loading = ({
   design = "spinner",
-  size = "sm",
+  size = "normal",
   themeMode = "light",
   classNames,
   color,
@@ -290,6 +290,14 @@ var Loading = ({
     lg: "hawa-h-14 hawa-w-14",
     xl: "hawa-h-24 hawa-w-24"
   };
+  let progressSizes = {
+    button: "hawa-h-1",
+    xs: "hawa-h-1 hawa-w-1",
+    sm: "hawa-h-6 hawa-w-6",
+    normal: "",
+    lg: "hawa-h-6",
+    xl: "hawa-h-10 hawa-w-64"
+  };
   let animationStyles = {
     pulse: "hawa-animate-in hawa-fade-in hawa-duration-1000",
     bounce: "hawa-animate-bounce"
@@ -420,6 +428,7 @@ var Loading = ({
         {
           className: cn(
             "progress-loading after:hawa-rounded hawa-rounded",
+            progressSizes[size],
             classNames == null ? void 0 : classNames.container
           )
         }
@@ -681,13 +690,17 @@ var React11 = __toESM(require("react"));
 // elements/tooltip/Tooltip.tsx
 var import_react6 = __toESM(require("react"));
 var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"));
-var TooltipContent = import_react6.default.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ import_react6.default.createElement(
+var TooltipContent = import_react6.default.forwardRef(({ className, sideOffset = 4, size = "default", ...props }, ref) => /* @__PURE__ */ import_react6.default.createElement(
   TooltipPrimitive.Content,
   {
     ref,
     sideOffset,
     className: cn(
       "hawa-z-50 hawa-overflow-hidden hawa-rounded-md hawa-border hawa-bg-popover hawa-px-3 hawa-py-1.5 hawa-text-sm hawa-text-popover-foreground hawa-shadow-md hawa-animate-in hawa-fade-in-0 hawa-zoom-in-95 data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-fade-out-0 data-[state=closed]:hawa-zoom-out-95 data-[side=bottom]:hawa-slide-in-from-top-2 data-[side=left]:hawa-slide-in-from-right-2 data-[side=right]:hawa-slide-in-from-left-2 data-[side=top]:hawa-slide-in-from-bottom-2",
+      {
+        "hawa-text-xs": size === "small",
+        "hawa-text-xl": size === "large"
+      },
       className
     ),
     ...props
@@ -698,6 +711,7 @@ var TooltipArrow = import_react6.default.forwardRef(({ className, ...props }, re
 TooltipArrow.displayName = TooltipPrimitive.Arrow.displayName;
 var Tooltip = ({
   side,
+  size,
   open,
   content,
   children,
@@ -724,7 +738,16 @@ var Tooltip = ({
         ...props
       },
       /* @__PURE__ */ import_react6.default.createElement(TooltipPrimitive.Trigger, { ...triggerProps }, children),
-      /* @__PURE__ */ import_react6.default.createElement(TooltipContent, { side, align: "center", ...contentProps }, content)
+      /* @__PURE__ */ import_react6.default.createElement(
+        TooltipContent,
+        {
+          size,
+          side,
+          align: "center",
+          ...contentProps
+        },
+        content
+      )
     )
   );
 };
@@ -777,6 +800,7 @@ function Skeleton({
   className,
   content,
   animation = "pulse",
+  fade,
   ...props
 }) {
   const animationStyles = {
@@ -784,12 +808,14 @@ function Skeleton({
     pulse: "hawa-animate-pulse hawa-rounded hawa-bg-muted",
     shimmer: "hawa-space-y-5 hawa-rounded hawa-bg-muted  hawa-p-4 hawa-relative  before:hawa-absolute before:hawa-inset-0 before:hawa--translate-x-full before:hawa-animate-[shimmer_2s_infinite] before:hawa-bg-gradient-to-r before:hawa-from-transparent before:hawa-via-gray-300/40 dark:before:hawa-via-white/10 before:hawa-to-transparent hawa-isolate hawa-overflow-hidden  before:hawa-border-t before:hawa-border-rose-100/10"
   };
+  const fadeStyle = `[mask-image:linear-gradient(to_${fade},#D1D4DC_50%,transparent_100%)]`;
   return /* @__PURE__ */ import_react7.default.createElement(
     "div",
     {
       className: cn(
         animationStyles[animation],
         content && "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center",
+        fade && fadeStyle,
         className
       ),
       ...props

package/dist/blocks/misc/index.mjs

@@ -1,16 +1,16 @@
 import {
   Input
-} from "../../chunk-USKURX7W.mjs";
+} from "../../chunk-AQO6QVMV.mjs";
 import {
   Chip,
   ScrollArea
-} from "../../chunk-FEL67JJQ.mjs";
+} from "../../chunk-MNCROATO.mjs";
 import {
   Textarea
-} from "../../chunk-SOE62VBZ.mjs";
+} from "../../chunk-HMQOYBTW.mjs";
 import {
   Select
-} from "../../chunk-O5VU32JT.mjs";
+} from "../../chunk-KZ72VALG.mjs";
 import {
   Button,
   Card,
@@ -20,7 +20,7 @@ import {
   CardHeader,
   CardTitle,
   cn
-} from "../../chunk-ABEN43H7.mjs";
+} from "../../chunk-GCRMEJAI.mjs";
 
 // blocks/misc/LegalTexts.tsx
 import React2 from "react";

package/dist/blocks/pricing/index.js

@@ -63,7 +63,7 @@ var import_class_variance_authority = require("class-variance-authority");
 var import_react3 = __toESM(require("react"));
 var Loading = ({
   design = "spinner",
-  size = "sm",
+  size = "normal",
   themeMode = "light",
   classNames,
   color,
@@ -77,6 +77,14 @@ var Loading = ({
     lg: "hawa-h-14 hawa-w-14",
     xl: "hawa-h-24 hawa-w-24"
   };
+  let progressSizes = {
+    button: "hawa-h-1",
+    xs: "hawa-h-1 hawa-w-1",
+    sm: "hawa-h-6 hawa-w-6",
+    normal: "",
+    lg: "hawa-h-6",
+    xl: "hawa-h-10 hawa-w-64"
+  };
   let animationStyles = {
     pulse: "hawa-animate-in hawa-fade-in hawa-duration-1000",
     bounce: "hawa-animate-bounce"
@@ -207,6 +215,7 @@ var Loading = ({
         {
           className: cn(
             "progress-loading after:hawa-rounded hawa-rounded",
+            progressSizes[size],
             classNames == null ? void 0 : classNames.container
           )
         }
@@ -445,6 +454,7 @@ function Skeleton({
   className,
   content,
   animation = "pulse",
+  fade,
   ...props
 }) {
   const animationStyles = {
@@ -452,12 +462,14 @@ function Skeleton({
     pulse: "hawa-animate-pulse hawa-rounded hawa-bg-muted",
     shimmer: "hawa-space-y-5 hawa-rounded hawa-bg-muted  hawa-p-4 hawa-relative  before:hawa-absolute before:hawa-inset-0 before:hawa--translate-x-full before:hawa-animate-[shimmer_2s_infinite] before:hawa-bg-gradient-to-r before:hawa-from-transparent before:hawa-via-gray-300/40 dark:before:hawa-via-white/10 before:hawa-to-transparent hawa-isolate hawa-overflow-hidden  before:hawa-border-t before:hawa-border-rose-100/10"
   };
+  const fadeStyle = `[mask-image:linear-gradient(to_${fade},#D1D4DC_50%,transparent_100%)]`;
   return /* @__PURE__ */ import_react4.default.createElement(
     "div",
     {
       className: cn(
         animationStyles[animation],
         content && "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center",
+        fade && fadeStyle,
         className
       ),
       ...props
@@ -469,13 +481,17 @@ function Skeleton({
 // elements/tooltip/Tooltip.tsx
 var import_react5 = __toESM(require("react"));
 var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"));
-var TooltipContent = import_react5.default.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ import_react5.default.createElement(
+var TooltipContent = import_react5.default.forwardRef(({ className, sideOffset = 4, size = "default", ...props }, ref) => /* @__PURE__ */ import_react5.default.createElement(
   TooltipPrimitive.Content,
   {
     ref,
     sideOffset,
     className: cn(
       "hawa-z-50 hawa-overflow-hidden hawa-rounded-md hawa-border hawa-bg-popover hawa-px-3 hawa-py-1.5 hawa-text-sm hawa-text-popover-foreground hawa-shadow-md hawa-animate-in hawa-fade-in-0 hawa-zoom-in-95 data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-fade-out-0 data-[state=closed]:hawa-zoom-out-95 data-[side=bottom]:hawa-slide-in-from-top-2 data-[side=left]:hawa-slide-in-from-right-2 data-[side=right]:hawa-slide-in-from-left-2 data-[side=top]:hawa-slide-in-from-bottom-2",
+      {
+        "hawa-text-xs": size === "small",
+        "hawa-text-xl": size === "large"
+      },
       className
     ),
     ...props
@@ -486,6 +502,7 @@ var TooltipArrow = import_react5.default.forwardRef(({ className, ...props }, re
 TooltipArrow.displayName = TooltipPrimitive.Arrow.displayName;
 var Tooltip = ({
   side,
+  size,
   open,
   content,
   children,
@@ -512,7 +529,16 @@ var Tooltip = ({
         ...props
       },
       /* @__PURE__ */ import_react5.default.createElement(TooltipPrimitive.Trigger, { ...triggerProps }, children),
-      /* @__PURE__ */ import_react5.default.createElement(TooltipContent, { side, align: "center", ...contentProps }, content)
+      /* @__PURE__ */ import_react5.default.createElement(
+        TooltipContent,
+        {
+          size,
+          side,
+          align: "center",
+          ...contentProps
+        },
+        content
+      )
     )
   );
 };
@@ -1137,6 +1163,7 @@ var PricingPlans = ({
   return /* @__PURE__ */ import_react12.default.createElement("div", { ...mainContainerProps }, /* @__PURE__ */ import_react12.default.createElement("div", { className: "hawa-mb-2 hawa-flex hawa-w-full hawa-justify-between" }, /* @__PURE__ */ import_react12.default.createElement(
     Radio,
     {
+      name: "cycle",
       design: "tabs",
       defaultValue: props.currentCycle.value,
       options: props.billingCycles,
@@ -1149,6 +1176,7 @@ var PricingPlans = ({
   ), /* @__PURE__ */ import_react12.default.createElement(
     Radio,
     {
+      name: "currency",
       design: "tabs",
       defaultValue: props.currentCurrency.value,
       options: props.currencies,
@@ -1305,6 +1333,7 @@ var ComparingPlans = (props) => {
   return /* @__PURE__ */ import_react16.default.createElement("div", { id: "detailed-pricing", className: "hawa-w-full" }, /* @__PURE__ */ import_react16.default.createElement("div", { className: "hawa-mb-2 hawa-flex hawa-w-full hawa-flex-col hawa-justify-between hawa-gap-2 sm:hawa-flex-row" }, /* @__PURE__ */ import_react16.default.createElement(
     Radio,
     {
+      name: "cycle",
       tabsContainerClassName: "hawa-w-full sm:hawa-max-w-fit",
       width: "none",
       design: "tabs",
@@ -1319,6 +1348,7 @@ var ComparingPlans = (props) => {
   ), /* @__PURE__ */ import_react16.default.createElement(
     Radio,
     {
+      name: "currency",
       tabsContainerClassName: "hawa-w-full sm:hawa-max-w-fit",
       width: "none",
       design: "tabs",
@@ -1470,6 +1500,7 @@ var HorizontalPricing = (props) => {
   return /* @__PURE__ */ import_react17.default.createElement("div", { className: "hawa-z-10 hawa-w-full hawa-max-w-screen-sm" }, /* @__PURE__ */ import_react17.default.createElement("div", { className: "hawa-max-w-2xl " }, /* @__PURE__ */ import_react17.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, /* @__PURE__ */ import_react17.default.createElement(
     Radio,
     {
+      name: "currency",
       design: "tabs",
       options: props.currencies,
       defaultValue: props.currentCurrency
@@ -1477,6 +1508,7 @@ var HorizontalPricing = (props) => {
   ), /* @__PURE__ */ import_react17.default.createElement(
     Radio,
     {
+      name: "cycle",
       design: "tabs",
       options: props.billingCycles,
       defaultValue: props.currentCycle

package/dist/blocks/pricing/index.mjs

@@ -1,22 +1,22 @@
 import {
   Chip,
   ScrollArea
-} from "../../chunk-FEL67JJQ.mjs";
+} from "../../chunk-MNCROATO.mjs";
 import "../../chunk-ZS3FB3PO.mjs";
 import {
   Radio
-} from "../../chunk-ROYGC4RA.mjs";
+} from "../../chunk-7YVLGY5B.mjs";
 import {
   CheckMark,
   UncheckMark
-} from "../../chunk-CA3JPYZA.mjs";
+} from "../../chunk-F4MGQ5JV.mjs";
 import {
   Button,
   Card,
   Skeleton,
   Tooltip,
   cn
-} from "../../chunk-ABEN43H7.mjs";
+} from "../../chunk-GCRMEJAI.mjs";
 
 // blocks/pricing/PricingPlans.tsx
 import React8 from "react";
@@ -352,6 +352,7 @@ var PricingPlans = ({
   return /* @__PURE__ */ React8.createElement("div", { ...mainContainerProps }, /* @__PURE__ */ React8.createElement("div", { className: "hawa-mb-2 hawa-flex hawa-w-full hawa-justify-between" }, /* @__PURE__ */ React8.createElement(
     Radio,
     {
+      name: "cycle",
       design: "tabs",
       defaultValue: props.currentCycle.value,
       options: props.billingCycles,
@@ -364,6 +365,7 @@ var PricingPlans = ({
   ), /* @__PURE__ */ React8.createElement(
     Radio,
     {
+      name: "currency",
       design: "tabs",
       defaultValue: props.currentCurrency.value,
       options: props.currencies,
@@ -423,6 +425,7 @@ var ComparingPlans = (props) => {
   return /* @__PURE__ */ React9.createElement("div", { id: "detailed-pricing", className: "hawa-w-full" }, /* @__PURE__ */ React9.createElement("div", { className: "hawa-mb-2 hawa-flex hawa-w-full hawa-flex-col hawa-justify-between hawa-gap-2 sm:hawa-flex-row" }, /* @__PURE__ */ React9.createElement(
     Radio,
     {
+      name: "cycle",
       tabsContainerClassName: "hawa-w-full sm:hawa-max-w-fit",
       width: "none",
       design: "tabs",
@@ -437,6 +440,7 @@ var ComparingPlans = (props) => {
   ), /* @__PURE__ */ React9.createElement(
     Radio,
     {
+      name: "currency",
       tabsContainerClassName: "hawa-w-full sm:hawa-max-w-fit",
       width: "none",
       design: "tabs",
@@ -588,6 +592,7 @@ var HorizontalPricing = (props) => {
   return /* @__PURE__ */ React10.createElement("div", { className: "hawa-z-10 hawa-w-full hawa-max-w-screen-sm" }, /* @__PURE__ */ React10.createElement("div", { className: "hawa-max-w-2xl " }, /* @__PURE__ */ React10.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, /* @__PURE__ */ React10.createElement(
     Radio,
     {
+      name: "currency",
       design: "tabs",
       options: props.currencies,
       defaultValue: props.currentCurrency
@@ -595,6 +600,7 @@ var HorizontalPricing = (props) => {
   ), /* @__PURE__ */ React10.createElement(
     Radio,
     {
+      name: "cycle",
       design: "tabs",
       options: props.billingCycles,
       defaultValue: props.currentCycle

package/dist/button/index.js

@@ -50,7 +50,7 @@ function cn(...inputs) {
 var import_react = __toESM(require("react"));
 var Loading = ({
   design = "spinner",
-  size = "sm",
+  size = "normal",
   themeMode = "light",
   classNames,
   color,
@@ -64,6 +64,14 @@ var Loading = ({
     lg: "hawa-h-14 hawa-w-14",
     xl: "hawa-h-24 hawa-w-24"
   };
+  let progressSizes = {
+    button: "hawa-h-1",
+    xs: "hawa-h-1 hawa-w-1",
+    sm: "hawa-h-6 hawa-w-6",
+    normal: "",
+    lg: "hawa-h-6",
+    xl: "hawa-h-10 hawa-w-64"
+  };
   let animationStyles = {
     pulse: "hawa-animate-in hawa-fade-in hawa-duration-1000",
     bounce: "hawa-animate-bounce"
@@ -194,6 +202,7 @@ var Loading = ({
         {
           className: cn(
             "progress-loading after:hawa-rounded hawa-rounded",
+            progressSizes[size],
             classNames == null ? void 0 : classNames.container
           )
         }