@sikka/hawa 0.35.0-next → 0.35.2-next

package/dist/blocks/pricing/index.js

@@ -38,7 +38,7 @@ __export(pricing_exports, {
 module.exports = __toCommonJS(pricing_exports);
 
 // blocks/pricing/PricingPlans.tsx
-var import_react12 = __toESM(require("react"));
+var import_react13 = __toESM(require("react"));
 
 // blocks/cards/ActionCard.tsx
 var import_react = __toESM(require("react"));
@@ -54,14 +54,15 @@ function cn(...inputs) {
 }
 
 // blocks/cards/PricingCard.tsx
-var import_react7 = __toESM(require("react"));
+var import_react8 = __toESM(require("react"));
 
 // elements/button/Button.tsx
 var React7 = __toESM(require("react"));
 var import_class_variance_authority = require("class-variance-authority");
 
 // elements/helperText/HelperText.tsx
-var HelperText = ({ helperText }) => /* @__PURE__ */ React.createElement(
+var import_react3 = __toESM(require("react"));
+var HelperText = ({ helperText }) => /* @__PURE__ */ import_react3.default.createElement(
   "p",
   {
     className: cn(
@@ -76,9 +77,9 @@ var HelperText = ({ helperText }) => /* @__PURE__ */ React.createElement(
 var React5 = __toESM(require("react"));
 
 // elements/tooltip/Tooltip.tsx
-var import_react3 = __toESM(require("react"));
+var import_react4 = __toESM(require("react"));
 var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"));
-var TooltipContent = import_react3.default.forwardRef(({ className, sideOffset = 4, size = "default", ...props }, ref) => /* @__PURE__ */ import_react3.default.createElement(
+var TooltipContent = import_react4.default.forwardRef(({ className, sideOffset = 4, size = "default", ...props }, ref) => /* @__PURE__ */ import_react4.default.createElement(
   TooltipPrimitive.Content,
   {
     ref,
@@ -95,7 +96,7 @@ var TooltipContent = import_react3.default.forwardRef(({ className, sideOffset =
   }
 ));
 TooltipContent.displayName = TooltipPrimitive.Content.displayName;
-var TooltipArrow = import_react3.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ import_react3.default.createElement(TooltipPrimitive.Arrow, { ref, className: cn(className), ...props }));
+var TooltipArrow = import_react4.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ import_react4.default.createElement(TooltipPrimitive.Arrow, { ref, className: cn(className), ...props }));
 TooltipArrow.displayName = TooltipPrimitive.Arrow.displayName;
 var Tooltip = ({
   side,
@@ -112,13 +113,13 @@ var Tooltip = ({
   delayDuration = 300,
   ...props
 }) => {
-  return /* @__PURE__ */ import_react3.default.createElement(
+  return /* @__PURE__ */ import_react4.default.createElement(
     TooltipPrimitive.TooltipProvider,
     {
       delayDuration,
       ...providerProps
     },
-    /* @__PURE__ */ import_react3.default.createElement(
+    /* @__PURE__ */ import_react4.default.createElement(
       TooltipPrimitive.Root,
       {
         open: !disabled && open,
@@ -126,8 +127,8 @@ var Tooltip = ({
         onOpenChange,
         ...props
       },
-      /* @__PURE__ */ import_react3.default.createElement(TooltipPrimitive.Trigger, { ...triggerProps }, children),
-      /* @__PURE__ */ import_react3.default.createElement(
+      /* @__PURE__ */ import_react4.default.createElement(TooltipPrimitive.Trigger, { ...triggerProps }, children),
+      /* @__PURE__ */ import_react4.default.createElement(
         TooltipContent,
         {
           size,
@@ -189,7 +190,7 @@ var Label = React5.forwardRef(({ className, hint, hintSide, required, children,
 Label.displayName = "Label";
 
 // elements/loading/Loading.tsx
-var import_react4 = __toESM(require("react"));
+var import_react5 = __toESM(require("react"));
 var Loading = ({
   design = "spinner",
   size = "normal",
@@ -220,7 +221,7 @@ var Loading = ({
   };
   switch (design.split("-")[0]) {
     case "dots":
-      return /* @__PURE__ */ import_react4.default.createElement(
+      return /* @__PURE__ */ import_react5.default.createElement(
         "div",
         {
           className: cn(
@@ -228,7 +229,7 @@ var Loading = ({
             classNames == null ? void 0 : classNames.container
           )
         },
-        /* @__PURE__ */ import_react4.default.createElement(
+        /* @__PURE__ */ import_react5.default.createElement(
           "div",
           {
             className: cn(
@@ -239,7 +240,7 @@ var Loading = ({
             )
           }
         ),
-        /* @__PURE__ */ import_react4.default.createElement(
+        /* @__PURE__ */ import_react5.default.createElement(
           "div",
           {
             className: cn(
@@ -250,7 +251,7 @@ var Loading = ({
             )
           }
         ),
-        /* @__PURE__ */ import_react4.default.createElement(
+        /* @__PURE__ */ import_react5.default.createElement(
           "div",
           {
             className: cn(
@@ -263,7 +264,7 @@ var Loading = ({
         )
       );
     case "square":
-      return /* @__PURE__ */ import_react4.default.createElement(
+      return /* @__PURE__ */ import_react5.default.createElement(
         "svg",
         {
           className: cn(
@@ -275,7 +276,7 @@ var Loading = ({
           height: "35",
           width: "35"
         },
-        /* @__PURE__ */ import_react4.default.createElement(
+        /* @__PURE__ */ import_react5.default.createElement(
           "rect",
           {
             className: "squircle-track",
@@ -287,7 +288,7 @@ var Loading = ({
             height: "32.5"
           }
         ),
-        /* @__PURE__ */ import_react4.default.createElement(
+        /* @__PURE__ */ import_react5.default.createElement(
           "rect",
           {
             className: "square-car",
@@ -302,7 +303,7 @@ var Loading = ({
         )
       );
     case "squircle":
-      return /* @__PURE__ */ import_react4.default.createElement(
+      return /* @__PURE__ */ import_react5.default.createElement(
         "svg",
         {
           x: "0px",
@@ -317,7 +318,7 @@ var Loading = ({
             classNames == null ? void 0 : classNames.container
           )
         },
-        /* @__PURE__ */ import_react4.default.createElement(
+        /* @__PURE__ */ import_react5.default.createElement(
           "path",
           {
             className: cn("squircle-track", classNames == null ? void 0 : classNames.track),
@@ -327,7 +328,7 @@ var Loading = ({
             d: "M0.37 18.5 C0.37 5.772 5.772 0.37 18.5 0.37 S36.63 5.772 36.63 18.5 S31.228 36.63 18.5 36.63 S0.37 31.228 0.37 18.5"
           }
         ),
-        /* @__PURE__ */ import_react4.default.createElement(
+        /* @__PURE__ */ import_react5.default.createElement(
           "path",
           {
             className: cn("squircle-car", classNames == null ? void 0 : classNames.car),
@@ -339,7 +340,7 @@ var Loading = ({
         )
       );
     case "progress":
-      return /* @__PURE__ */ import_react4.default.createElement(
+      return /* @__PURE__ */ import_react5.default.createElement(
         "div",
         {
           className: cn(
@@ -350,9 +351,9 @@ var Loading = ({
         }
       );
     case "orbit":
-      return /* @__PURE__ */ import_react4.default.createElement("div", { className: cn("orbit-container", classNames == null ? void 0 : classNames.container) });
+      return /* @__PURE__ */ import_react5.default.createElement("div", { className: cn("orbit-container", classNames == null ? void 0 : classNames.container) });
     default:
-      return /* @__PURE__ */ import_react4.default.createElement(
+      return /* @__PURE__ */ import_react5.default.createElement(
         "svg",
         {
           viewBox: "0 0 40 40",
@@ -364,7 +365,7 @@ var Loading = ({
             classNames == null ? void 0 : classNames.container
           )
         },
-        /* @__PURE__ */ import_react4.default.createElement(
+        /* @__PURE__ */ import_react5.default.createElement(
           "circle",
           {
             className: cn(
@@ -383,7 +384,7 @@ var Loading = ({
             pathLength: "100"
           }
         ),
-        /* @__PURE__ */ import_react4.default.createElement(
+        /* @__PURE__ */ import_react5.default.createElement(
           "circle",
           {
             className: cn(
@@ -587,7 +588,7 @@ var Separator = ({
 );
 
 // elements/skeleton/Skeleton.tsx
-var import_react5 = __toESM(require("react"));
+var import_react6 = __toESM(require("react"));
 function Skeleton({
   className,
   content,
@@ -606,7 +607,7 @@ function Skeleton({
     right: "hawa-mask-fade-right",
     left: "hawa-mask-fade-left "
   };
-  return /* @__PURE__ */ import_react5.default.createElement(
+  return /* @__PURE__ */ import_react6.default.createElement(
     "div",
     {
       className: cn(
@@ -622,8 +623,8 @@ function Skeleton({
 }
 
 // elements/chip/Chip.tsx
-var import_react6 = __toESM(require("react"));
-var Chip = import_react6.default.forwardRef(
+var import_react7 = __toESM(require("react"));
+var Chip = import_react7.default.forwardRef(
   ({
     label,
     size = "normal",
@@ -665,7 +666,7 @@ var Chip = import_react6.default.forwardRef(
       oceanic: "hawa-text-white dark:hawa-text-black hawa-bg-gradient-to-bl hawa-from-green-300 hawa-via-blue-500 hawa-to-purple-600"
     };
     if (label) {
-      return /* @__PURE__ */ import_react6.default.createElement(
+      return /* @__PURE__ */ import_react7.default.createElement(
         "span",
         {
           ...rest,
@@ -677,7 +678,7 @@ var Chip = import_react6.default.forwardRef(
             color ? colorStyles[color] : "hawa-border hawa-bg-none"
           )
         },
-        dotType && /* @__PURE__ */ import_react6.default.createElement(
+        dotType && /* @__PURE__ */ import_react7.default.createElement(
           "span",
           {
             className: cn(dotStyles[size], dotTypeStyles[dotType])
@@ -687,7 +688,7 @@ var Chip = import_react6.default.forwardRef(
         label
       );
     } else {
-      return /* @__PURE__ */ import_react6.default.createElement(
+      return /* @__PURE__ */ import_react7.default.createElement(
         "span",
         {
           ...rest,
@@ -717,13 +718,13 @@ var PricingCard = ({
     medium: "hawa-w-full hawa-rounded hawa-min-w-fit hawa-border dark:hawa-border-gray-700 hawa-bg-background ",
     large: "hawa-w-full hawa-max-w-lg hawa-rounded hawa-border dark:hawa-border-gray-700 hawa-bg-background "
   };
-  return /* @__PURE__ */ import_react7.default.createElement(import_react7.default.Fragment, null, props.isLoadingCard ? /* @__PURE__ */ import_react7.default.createElement(
+  return /* @__PURE__ */ import_react8.default.createElement(import_react8.default.Fragment, null, props.isLoadingCard ? /* @__PURE__ */ import_react8.default.createElement(
     Skeleton,
     {
       className: cn(cardSizes[size], "hawa-h-[200px]"),
       fade: "bottom"
     }
-  ) : /* @__PURE__ */ import_react7.default.createElement(
+  ) : /* @__PURE__ */ import_react8.default.createElement(
     Card,
     {
       dir: direction,
@@ -734,7 +735,7 @@ var PricingCard = ({
         recommended ? "hawa-rounded hawa-rounded-t-none" : "hawa-rounded"
       )
     },
-    recommended && /* @__PURE__ */ import_react7.default.createElement(
+    recommended && /* @__PURE__ */ import_react8.default.createElement(
       "div",
       {
         className: "hawa-absolute -hawa-left-[1px] hawa-top-0 -hawa-translate-y-full hawa-rounded-t hawa-border hawa-bg-primary hawa-p-2  hawa-text-center hawa-text-primary-foreground",
@@ -742,7 +743,7 @@ var PricingCard = ({
       },
       ((_a = props.texts) == null ? void 0 : _a.recommended) || "RECOMMENDED"
     ),
-    /* @__PURE__ */ import_react7.default.createElement("div", { className: "hawa-flex hawa-h-full hawa-flex-col hawa-gap-4" }, /* @__PURE__ */ import_react7.default.createElement("div", { className: "hawa-text-md hawa-relative hawa-flex hawa-flex-col hawa-justify-between hawa-font-bold hawa-text-primary/70" }, /* @__PURE__ */ import_react7.default.createElement("span", null, (_b = props.texts) == null ? void 0 : _b.title), /* @__PURE__ */ import_react7.default.createElement("h5", { className: "hawa-text-sm  hawa-font-normal hawa-text-primary/70" }, (_c = props.texts) == null ? void 0 : _c.subtitle), props.discount && /* @__PURE__ */ import_react7.default.createElement("span", { className: "hawa-absolute hawa-end-0" }, /* @__PURE__ */ import_react7.default.createElement(Chip, { label: props.discount, size: "large", color: "hyper" }))), /* @__PURE__ */ import_react7.default.createElement("div", { className: " hawa-flex hawa-items-baseline  hawa-text-primary" }, props.isLoadingPrice ? /* @__PURE__ */ import_react7.default.createElement(Skeleton, { className: "hawa-h-[48px] hawa-w-full hawa-max-w-[200px] hawa-p-0 " }) : /* @__PURE__ */ import_react7.default.createElement(import_react7.default.Fragment, null, props.noPrice ? /* @__PURE__ */ import_react7.default.createElement("div", { className: "hawa-text-5xl hawa-font-extrabold hawa-tracking-tight" }, ((_d = props.texts) == null ? void 0 : _d.priceless) || "Contact Us") : /* @__PURE__ */ import_react7.default.createElement(import_react7.default.Fragment, null, /* @__PURE__ */ import_react7.default.createElement(import_react7.default.Fragment, null, /* @__PURE__ */ import_react7.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-end   hawa-gap-2" }, props.oldPrice && props.oldPrice > 0 && /* @__PURE__ */ import_react7.default.createElement("span", { className: "hawa-line-through hawa-opacity-70" }, props.oldPrice + " " + ((_e = props.texts) == null ? void 0 : _e.currencyText)), /* @__PURE__ */ import_react7.default.createElement("span", { className: "hawa-text-5xl hawa-font-extrabold hawa-tracking-tight" }, props.price)), /* @__PURE__ */ import_react7.default.createElement("span", { className: "hawa-mx-1 hawa-text-sm hawa-font-semibold" }, (_f = props.texts) == null ? void 0 : _f.currencyText)), /* @__PURE__ */ import_react7.default.createElement("span", { className: "hawa-ml-1 hawa-whitespace-nowrap hawa-text-xl hawa-font-normal hawa-text-primary/70" }, "/ ", (_g = props.texts) == null ? void 0 : _g.cycleText)))), endButton && /* @__PURE__ */ import_react7.default.createElement(Separator, null), /* @__PURE__ */ import_react7.default.createElement(
+    /* @__PURE__ */ import_react8.default.createElement("div", { className: "hawa-flex hawa-h-full hawa-flex-col hawa-gap-4" }, /* @__PURE__ */ import_react8.default.createElement("div", { className: "hawa-text-md hawa-relative hawa-flex hawa-flex-col hawa-justify-between hawa-font-bold hawa-text-primary/70" }, /* @__PURE__ */ import_react8.default.createElement("span", null, (_b = props.texts) == null ? void 0 : _b.title), /* @__PURE__ */ import_react8.default.createElement("h5", { className: "hawa-text-sm  hawa-font-normal hawa-text-primary/70" }, (_c = props.texts) == null ? void 0 : _c.subtitle), props.discount && /* @__PURE__ */ import_react8.default.createElement("span", { className: "hawa-absolute hawa-end-0" }, /* @__PURE__ */ import_react8.default.createElement(Chip, { label: props.discount, size: "large", color: "hyper" }))), /* @__PURE__ */ import_react8.default.createElement("div", { className: " hawa-flex hawa-items-baseline  hawa-text-primary" }, props.isLoadingPrice ? /* @__PURE__ */ import_react8.default.createElement(Skeleton, { className: "hawa-h-[48px] hawa-w-full hawa-max-w-[200px] hawa-p-0 " }) : /* @__PURE__ */ import_react8.default.createElement(import_react8.default.Fragment, null, props.noPrice ? /* @__PURE__ */ import_react8.default.createElement("div", { className: "hawa-text-5xl hawa-font-extrabold hawa-tracking-tight" }, ((_d = props.texts) == null ? void 0 : _d.priceless) || "Contact Us") : /* @__PURE__ */ import_react8.default.createElement(import_react8.default.Fragment, null, /* @__PURE__ */ import_react8.default.createElement(import_react8.default.Fragment, null, /* @__PURE__ */ import_react8.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-end   hawa-gap-2" }, props.oldPrice && props.oldPrice > 0 && /* @__PURE__ */ import_react8.default.createElement("span", { className: "hawa-line-through hawa-opacity-70" }, props.oldPrice + " " + ((_e = props.texts) == null ? void 0 : _e.currencyText)), /* @__PURE__ */ import_react8.default.createElement("span", { className: "hawa-text-5xl hawa-font-extrabold hawa-tracking-tight" }, props.price)), /* @__PURE__ */ import_react8.default.createElement("span", { className: "hawa-mx-1 hawa-text-sm hawa-font-semibold" }, (_f = props.texts) == null ? void 0 : _f.currencyText)), /* @__PURE__ */ import_react8.default.createElement("span", { className: "hawa-ml-1 hawa-whitespace-nowrap hawa-text-xl hawa-font-normal hawa-text-primary/70" }, "/ ", (_g = props.texts) == null ? void 0 : _g.cycleText)))), endButton && /* @__PURE__ */ import_react8.default.createElement(Separator, null), /* @__PURE__ */ import_react8.default.createElement(
       "div",
       {
         className: cn(
@@ -750,9 +751,9 @@ var PricingCard = ({
           endButton ? "hawa-flex-col" : "hawa-flex-col-reverse"
         )
       },
-      props.features && /* @__PURE__ */ import_react7.default.createElement("ul", { role: "list", className: "hawa-space-y-0 hawa-overflow-x-auto" }, (_h = props.features) == null ? void 0 : _h.map((feature, o) => {
+      props.features && /* @__PURE__ */ import_react8.default.createElement("ul", { role: "list", className: "hawa-space-y-0 hawa-overflow-x-auto" }, (_h = props.features) == null ? void 0 : _h.map((feature, o) => {
         var _a2;
-        return /* @__PURE__ */ import_react7.default.createElement(
+        return /* @__PURE__ */ import_react8.default.createElement(
           "li",
           {
             key: o,
@@ -761,7 +762,7 @@ var PricingCard = ({
               !feature.included && "hawa-line-through"
             )
           },
-          /* @__PURE__ */ import_react7.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center" }, feature.included ? /* @__PURE__ */ import_react7.default.createElement(
+          /* @__PURE__ */ import_react8.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center" }, feature.included ? /* @__PURE__ */ import_react8.default.createElement(
             "svg",
             {
               "aria-label": "Check Icon",
@@ -770,7 +771,7 @@ var PricingCard = ({
               fill: "currentColor",
               viewBox: "0 0 20 20"
             },
-            /* @__PURE__ */ import_react7.default.createElement(
+            /* @__PURE__ */ import_react8.default.createElement(
               "path",
               {
                 fillRule: "evenodd",
@@ -778,7 +779,7 @@ var PricingCard = ({
                 clipRule: "evenodd"
               }
             )
-          ) : /* @__PURE__ */ import_react7.default.createElement("div", { className: "hawa-m-2 hawa-mx-2.5 hawa-h-4 hawa-w-4 hawa-rounded-full hawa-bg-primary/10" }), /* @__PURE__ */ import_react7.default.createElement("span", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 hawa-whitespace-nowrap hawa-text-start hawa-font-normal hawa-leading-tight hawa-text-primary/70 " }, feature.text, " ", feature.soon && feature.included && /* @__PURE__ */ import_react7.default.createElement(
+          ) : /* @__PURE__ */ import_react8.default.createElement("div", { className: "hawa-m-2 hawa-mx-2.5 hawa-h-4 hawa-w-4 hawa-rounded-full hawa-bg-primary/10" }), /* @__PURE__ */ import_react8.default.createElement("span", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 hawa-whitespace-nowrap hawa-text-start hawa-font-normal hawa-leading-tight hawa-text-primary/70 " }, feature.text, " ", feature.soon && feature.included && /* @__PURE__ */ import_react8.default.createElement(
             Chip,
             {
               label: ((_a2 = props.texts) == null ? void 0 : _a2.soon) || "",
@@ -786,13 +787,13 @@ var PricingCard = ({
               size: "small"
             }
           ))),
-          feature.hint && /* @__PURE__ */ import_react7.default.createElement(
+          feature.hint && /* @__PURE__ */ import_react8.default.createElement(
             Tooltip,
             {
               content: feature.hint,
               side: feature.hintSide
             },
-            /* @__PURE__ */ import_react7.default.createElement(
+            /* @__PURE__ */ import_react8.default.createElement(
               "svg",
               {
                 xmlns: "http://www.w3.org/2000/svg",
@@ -804,14 +805,14 @@ var PricingCard = ({
                 strokeLinecap: "round",
                 strokeLinejoin: "round"
               },
-              /* @__PURE__ */ import_react7.default.createElement("circle", { cx: "12", cy: "12", r: "10" }),
-              /* @__PURE__ */ import_react7.default.createElement("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
-              /* @__PURE__ */ import_react7.default.createElement("path", { d: "M12 17h.01" })
+              /* @__PURE__ */ import_react8.default.createElement("circle", { cx: "12", cy: "12", r: "10" }),
+              /* @__PURE__ */ import_react8.default.createElement("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
+              /* @__PURE__ */ import_react8.default.createElement("path", { d: "M12 17h.01" })
             )
           )
         );
       })),
-      /* @__PURE__ */ import_react7.default.createElement(
+      /* @__PURE__ */ import_react8.default.createElement(
         Button,
         {
           onClick: props.onPlanClicked,
@@ -825,7 +826,7 @@ var PricingCard = ({
 };
 
 // blocks/cards/ItemCard.tsx
-var import_react9 = __toESM(require("react"));
+var import_react10 = __toESM(require("react"));
 
 // elements/dropdownMenu/DropdownMenu.tsx
 var React13 = __toESM(require("react"));
@@ -1008,13 +1009,13 @@ var DropdownMenuShortcut = ({
 DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
 
 // elements/stopPropagationWrapper/StopPropagationWrapper.tsx
-var import_react8 = __toESM(require("react"));
+var import_react9 = __toESM(require("react"));
 
 // blocks/cards/LandingCard.tsx
-var import_react10 = __toESM(require("react"));
+var import_react11 = __toESM(require("react"));
 
 // elements/radio/Radio.tsx
-var import_react11 = __toESM(require("react"));
+var import_react12 = __toESM(require("react"));
 
 // elements/popover/Popover.tsx
 var React17 = __toESM(require("react"));
@@ -1039,7 +1040,7 @@ var PopoverTrigger = PopoverPrimitive.Trigger;
 var PopoverRoot = PopoverPrimitive.Root;
 
 // elements/radio/Radio.tsx
-var Radio = (0, import_react11.forwardRef)(
+var Radio = (0, import_react12.forwardRef)(
   ({
     design = "default",
     width = "default",
@@ -1071,15 +1072,15 @@ var Radio = (0, import_react11.forwardRef)(
       default: "hawa-max-w-fit",
       full: "hawa-w-full"
     };
-    const [parentDirection, setParentDirection] = import_react11.default.useState(
+    const [parentDirection, setParentDirection] = import_react12.default.useState(
       null
     );
-    const [selectedOption, setSelectedOption] = (0, import_react11.useState)(
+    const [selectedOption, setSelectedOption] = (0, import_react12.useState)(
       props.defaultValue || props.value
     );
-    const [openTooltip, setOpenTooltip] = (0, import_react11.useState)(null);
-    const parentRef = (0, import_react11.useRef)(null);
-    (0, import_react11.useEffect)(() => {
+    const [openTooltip, setOpenTooltip] = (0, import_react12.useState)(null);
+    const parentRef = (0, import_react12.useRef)(null);
+    (0, import_react12.useEffect)(() => {
       var _a2;
       const parentNode = (_a2 = parentRef.current) == null ? void 0 : _a2.parentNode;
       if (parentNode) {
@@ -1105,7 +1106,7 @@ var Radio = (0, import_react11.forwardRef)(
     ];
     switch (design) {
       case "tabs":
-        return /* @__PURE__ */ import_react11.default.createElement("div", { className: "hawa-gap-2 hawa-flex hawa-flex-col" }, props.label && /* @__PURE__ */ import_react11.default.createElement(Label, { ...labelProps }, props.label), /* @__PURE__ */ import_react11.default.createElement(
+        return /* @__PURE__ */ import_react12.default.createElement("div", { className: "hawa-gap-2 hawa-flex hawa-flex-col" }, props.label && /* @__PURE__ */ import_react12.default.createElement(Label, { ...labelProps }, props.label), /* @__PURE__ */ import_react12.default.createElement(
           "ul",
           {
             ref: parentRef,
@@ -1118,21 +1119,21 @@ var Radio = (0, import_react11.forwardRef)(
             )
           },
           (_b = props.options) == null ? void 0 : _b.map((opt, o) => {
-            return opt.tooltip ? /* @__PURE__ */ import_react11.default.createElement(
+            return opt.tooltip ? /* @__PURE__ */ import_react12.default.createElement(
               PopoverRoot,
               {
                 key: o,
                 open: o === openTooltip,
                 onOpenChange: (bool) => setOpenTooltip(bool ? o : null)
               },
-              /* @__PURE__ */ import_react11.default.createElement(
+              /* @__PURE__ */ import_react12.default.createElement(
                 PopoverTrigger,
                 {
                   onMouseEnter: () => setOpenTooltip(o),
                   onMouseLeave: () => setOpenTooltip(null),
                   asChild: true
                 },
-                /* @__PURE__ */ import_react11.default.createElement(
+                /* @__PURE__ */ import_react12.default.createElement(
                   "li",
                   {
                     "aria-current": "page",
@@ -1150,8 +1151,8 @@ var Radio = (0, import_react11.forwardRef)(
                   opt.label
                 )
               ),
-              /* @__PURE__ */ import_react11.default.createElement(PopoverContent, { ...opt.tooltipContentProps }, opt.tooltip)
-            ) : /* @__PURE__ */ import_react11.default.createElement(
+              /* @__PURE__ */ import_react12.default.createElement(PopoverContent, { ...opt.tooltipContentProps }, opt.tooltip)
+            ) : /* @__PURE__ */ import_react12.default.createElement(
               "li",
               {
                 key: o,
@@ -1170,7 +1171,7 @@ var Radio = (0, import_react11.forwardRef)(
               opt.label
             );
           })
-        ), !forceHideHelperText && /* @__PURE__ */ import_react11.default.createElement(
+        ), !forceHideHelperText && /* @__PURE__ */ import_react12.default.createElement(
           "p",
           {
             className: cn(
@@ -1181,7 +1182,7 @@ var Radio = (0, import_react11.forwardRef)(
           props.helperText
         ));
       case "bordered":
-        return /* @__PURE__ */ import_react11.default.createElement("div", { className: cn(orientationStyle[orientation], "hawa-gap-4") }, props.options && props.options.map((opt, i) => /* @__PURE__ */ import_react11.default.createElement("div", { key: i, className: "hawa-w-full hawa-rounded hawa-border" }, /* @__PURE__ */ import_react11.default.createElement(
+        return /* @__PURE__ */ import_react12.default.createElement("div", { className: cn(orientationStyle[orientation], "hawa-gap-4") }, props.options && props.options.map((opt, i) => /* @__PURE__ */ import_react12.default.createElement("div", { key: i, className: "hawa-w-full hawa-rounded hawa-border" }, /* @__PURE__ */ import_react12.default.createElement(
           "div",
           {
             className: cn(
@@ -1190,7 +1191,7 @@ var Radio = (0, import_react11.forwardRef)(
             ),
             key: i + 1
           },
-          /* @__PURE__ */ import_react11.default.createElement(
+          /* @__PURE__ */ import_react12.default.createElement(
             "input",
             {
               disabled: opt.disabled,
@@ -1201,7 +1202,7 @@ var Radio = (0, import_react11.forwardRef)(
               onChange: () => handleChange(opt)
             }
           ),
-          /* @__PURE__ */ import_react11.default.createElement(
+          /* @__PURE__ */ import_react12.default.createElement(
             "label",
             {
               htmlFor: opt.value.toString(),
@@ -1214,7 +1215,7 @@ var Radio = (0, import_react11.forwardRef)(
           )
         ))));
       case "cards":
-        return /* @__PURE__ */ import_react11.default.createElement("ul", { className: cn(orientationStyle[orientation], "hawa-gap-4") }, (_c = props.options) == null ? void 0 : _c.map((opt, o) => /* @__PURE__ */ import_react11.default.createElement("li", { key: o, onClick: () => handleChange(opt) }, /* @__PURE__ */ import_react11.default.createElement(
+        return /* @__PURE__ */ import_react12.default.createElement("ul", { className: cn(orientationStyle[orientation], "hawa-gap-4") }, (_c = props.options) == null ? void 0 : _c.map((opt, o) => /* @__PURE__ */ import_react12.default.createElement("li", { key: o, onClick: () => handleChange(opt) }, /* @__PURE__ */ import_react12.default.createElement(
           "input",
           {
             type: "radio",
@@ -1225,7 +1226,7 @@ var Radio = (0, import_react11.forwardRef)(
             required: true,
             disabled: opt.disabled
           }
-        ), /* @__PURE__ */ import_react11.default.createElement(
+        ), /* @__PURE__ */ import_react12.default.createElement(
           "label",
           {
             htmlFor: opt.value.toString(),
@@ -1234,10 +1235,10 @@ var Radio = (0, import_react11.forwardRef)(
               opt.disabled ? "hawa-opacity-50" : "hawa-cursor-pointer hover:hawa-bg-foreground/10 hover:hawa-text-gray-600 dark:hover:hawa-bg-foreground/20 dark:hover:hawa-text-gray-300"
             )
           },
-          /* @__PURE__ */ import_react11.default.createElement("div", { className: "hawa-block  hawa-h-full hawa-w-full" }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "hawa-w-full hawa-text-lg hawa-font-semibold" }, opt.label), /* @__PURE__ */ import_react11.default.createElement("div", { className: "hawa-w-full" }, opt.sublabel))
+          /* @__PURE__ */ import_react12.default.createElement("div", { className: "hawa-block  hawa-h-full hawa-w-full" }, /* @__PURE__ */ import_react12.default.createElement("div", { className: "hawa-w-full hawa-text-lg hawa-font-semibold" }, opt.label), /* @__PURE__ */ import_react12.default.createElement("div", { className: "hawa-w-full" }, opt.sublabel))
         ))));
       default:
-        return /* @__PURE__ */ import_react11.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, props.label && /* @__PURE__ */ import_react11.default.createElement(Label, { ...labelProps }, props.label), /* @__PURE__ */ import_react11.default.createElement("div", { className: cn(orientationStyle[orientation], "hawa-gap-2") }, props.options && props.options.map((opt, i) => /* @__PURE__ */ import_react11.default.createElement(
+        return /* @__PURE__ */ import_react12.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, props.label && /* @__PURE__ */ import_react12.default.createElement(Label, { ...labelProps }, props.label), /* @__PURE__ */ import_react12.default.createElement("div", { className: cn(orientationStyle[orientation], "hawa-gap-2") }, props.options && props.options.map((opt, i) => /* @__PURE__ */ import_react12.default.createElement(
           "div",
           {
             className: cn(
@@ -1246,7 +1247,7 @@ var Radio = (0, import_react11.forwardRef)(
             ),
             key: i + 1
           },
-          /* @__PURE__ */ import_react11.default.createElement(
+          /* @__PURE__ */ import_react12.default.createElement(
             "input",
             {
               disabled: opt.disabled,
@@ -1257,7 +1258,7 @@ var Radio = (0, import_react11.forwardRef)(
               onChange: () => handleChange(opt)
             }
           ),
-          /* @__PURE__ */ import_react11.default.createElement(
+          /* @__PURE__ */ import_react12.default.createElement(
             "label",
             {
               htmlFor: opt.value.toString(),
@@ -1268,7 +1269,7 @@ var Radio = (0, import_react11.forwardRef)(
             },
             opt.label
           )
-        ))), /* @__PURE__ */ import_react11.default.createElement(
+        ))), /* @__PURE__ */ import_react12.default.createElement(
           "p",
           {
             className: cn(
@@ -1288,7 +1289,7 @@ var PricingPlans = ({
   cardsContainerProps,
   ...props
 }) => {
-  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(
+  return /* @__PURE__ */ import_react13.default.createElement("div", { ...mainContainerProps }, /* @__PURE__ */ import_react13.default.createElement("div", { className: "hawa-mb-2 hawa-flex hawa-w-full hawa-justify-between" }, /* @__PURE__ */ import_react13.default.createElement(
     Radio,
     {
       name: "cycle",
@@ -1301,7 +1302,7 @@ var PricingPlans = ({
         }
       }
     }
-  ), /* @__PURE__ */ import_react12.default.createElement(
+  ), /* @__PURE__ */ import_react13.default.createElement(
     Radio,
     {
       name: "currency",
@@ -1314,7 +1315,7 @@ var PricingPlans = ({
         }
       }
     }
-  )), /* @__PURE__ */ import_react12.default.createElement(
+  )), /* @__PURE__ */ import_react13.default.createElement(
     "div",
     {
       className: "hawa-inline-grid hawa-w-full hawa-grid-cols-[repeat(auto-fit,_minmax(300px,_1fr))] hawa-gap-4",
@@ -1322,7 +1323,7 @@ var PricingPlans = ({
     },
     props.plans.map((plan, index) => {
       var _a, _b;
-      return /* @__PURE__ */ import_react12.default.createElement(
+      return /* @__PURE__ */ import_react13.default.createElement(
         PricingCard,
         {
           key: index,
@@ -1353,7 +1354,7 @@ var PricingPlans = ({
 };
 
 // blocks/pricing/ComparingPlans.tsx
-var import_react16 = __toESM(require("react"));
+var import_react17 = __toESM(require("react"));
 
 // elements/scrollArea/ScrollArea.tsx
 var React20 = __toESM(require("react"));
@@ -1396,19 +1397,19 @@ var ScrollBar = React20.forwardRef(({ className, orientation = "vertical", ...pr
 ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
 
 // icons/Emojis.tsx
-var import_react13 = __toESM(require("react"));
+var import_react14 = __toESM(require("react"));
 
 // icons/InputIcons.tsx
-var import_react14 = __toESM(require("react"));
+var import_react15 = __toESM(require("react"));
 
 // icons/CommonIcons.tsx
-var import_react15 = __toESM(require("react"));
+var import_react16 = __toESM(require("react"));
 var CheckMark = ({ size = "default", className }) => {
   let sizeStyles = {
     default: "hawa-h-5 hawa-w-5",
     sm: "hawa-h-3 hawa-w-3"
   };
-  return /* @__PURE__ */ import_react15.default.createElement(
+  return /* @__PURE__ */ import_react16.default.createElement(
     "svg",
     {
       className: cn(sizeStyles[size], className),
@@ -1416,7 +1417,7 @@ var CheckMark = ({ size = "default", className }) => {
       fill: "currentColor",
       viewBox: "0 0 20 20"
     },
-    /* @__PURE__ */ import_react15.default.createElement(
+    /* @__PURE__ */ import_react16.default.createElement(
       "path",
       {
         fillRule: "evenodd",
@@ -1431,7 +1432,7 @@ var UncheckMark = ({ size = "default", className }) => {
     default: "hawa-h-5 hawa-w-5",
     sm: "hawa-h-3 hawa-w-3"
   };
-  return /* @__PURE__ */ import_react15.default.createElement(
+  return /* @__PURE__ */ import_react16.default.createElement(
     "svg",
     {
       className: cn(sizeStyles[size], className),
@@ -1439,7 +1440,7 @@ var UncheckMark = ({ size = "default", className }) => {
       fill: "currentColor",
       viewBox: "0 0 20 20"
     },
-    /* @__PURE__ */ import_react15.default.createElement(
+    /* @__PURE__ */ import_react16.default.createElement(
       "path",
       {
         fillRule: "evenodd",
@@ -1459,7 +1460,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(
+  return /* @__PURE__ */ import_react17.default.createElement("div", { id: "detailed-pricing", className: "hawa-w-full" }, /* @__PURE__ */ import_react17.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_react17.default.createElement(
     Radio,
     {
       name: "cycle",
@@ -1474,7 +1475,7 @@ var ComparingPlans = (props) => {
         }
       }
     }
-  ), /* @__PURE__ */ import_react16.default.createElement(
+  ), /* @__PURE__ */ import_react17.default.createElement(
     Radio,
     {
       name: "currency",
@@ -1489,7 +1490,7 @@ var ComparingPlans = (props) => {
         }
       }
     }
-  )), /* @__PURE__ */ import_react16.default.createElement(
+  )), /* @__PURE__ */ import_react17.default.createElement(
     "div",
     {
       className: cn(
@@ -1500,16 +1501,16 @@ var ComparingPlans = (props) => {
         top: props.topPosition || 0
       }
     },
-    /* @__PURE__ */ import_react16.default.createElement("div", { className: "hawa-flex hawa-items-center" }),
-    props.plans.map((plan, i) => /* @__PURE__ */ import_react16.default.createElement(
+    /* @__PURE__ */ import_react17.default.createElement("div", { className: "hawa-flex hawa-items-center" }),
+    props.plans.map((plan, i) => /* @__PURE__ */ import_react17.default.createElement(
       "div",
       {
         key: i,
         className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-gap-2"
       },
-      /* @__PURE__ */ import_react16.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, /* @__PURE__ */ import_react16.default.createElement("div", { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ import_react16.default.createElement("span", { className: "hawa-text-md hawa-font-bold " }, plan.texts.title), /* @__PURE__ */ import_react16.default.createElement("span", { className: "hawa-text-md  hawa-font-normal hawa-text-muted-foreground " }, plan.texts.subtitle)), /* @__PURE__ */ import_react16.default.createElement("div", { className: " hawa-flex hawa-items-baseline  " }, /* @__PURE__ */ import_react16.default.createElement(import_react16.default.Fragment, null, /* @__PURE__ */ import_react16.default.createElement("span", { className: "hawa-text-5xl hawa-font-extrabold hawa-tracking-tight" }, plan.price), /* @__PURE__ */ import_react16.default.createElement("span", { className: "hawa-mx-1 hawa-text-sm hawa-font-semibold" }, plan.texts.currencyText)), /* @__PURE__ */ import_react16.default.createElement("span", { className: "hawa-ml-1 hawa-text-xl hawa-font-normal " }, "/ ", plan.texts.cycleText)))
+      /* @__PURE__ */ import_react17.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, /* @__PURE__ */ import_react17.default.createElement("div", { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ import_react17.default.createElement("span", { className: "hawa-text-md hawa-font-bold " }, plan.texts.title), /* @__PURE__ */ import_react17.default.createElement("span", { className: "hawa-text-md  hawa-font-normal hawa-text-muted-foreground " }, plan.texts.subtitle)), /* @__PURE__ */ import_react17.default.createElement("div", { className: " hawa-flex hawa-items-baseline  " }, /* @__PURE__ */ import_react17.default.createElement(import_react17.default.Fragment, null, /* @__PURE__ */ import_react17.default.createElement("span", { className: "hawa-text-5xl hawa-font-extrabold hawa-tracking-tight" }, plan.price), /* @__PURE__ */ import_react17.default.createElement("span", { className: "hawa-mx-1 hawa-text-sm hawa-font-semibold" }, plan.texts.currencyText)), /* @__PURE__ */ import_react17.default.createElement("span", { className: "hawa-ml-1 hawa-text-xl hawa-font-normal " }, "/ ", plan.texts.cycleText)))
     ))
-  ), /* @__PURE__ */ import_react16.default.createElement(
+  ), /* @__PURE__ */ import_react17.default.createElement(
     ScrollArea,
     {
       className: "hawa-h-fit hawa-rounded hawa-rounded-t-none hawa-border hawa-border-t-0 hawa-bg-background",
@@ -1517,7 +1518,7 @@ var ComparingPlans = (props) => {
     },
     uniqueFeatures.map((featureText, featureIndex) => {
       var _a, _b, _c, _d;
-      return /* @__PURE__ */ import_react16.default.createElement(
+      return /* @__PURE__ */ import_react17.default.createElement(
         "div",
         {
           key: featureIndex,
@@ -1526,11 +1527,11 @@ var ComparingPlans = (props) => {
             featureIndex === 0 ? "" : "hawa-border-t"
           )
         },
-        /* @__PURE__ */ import_react16.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 hawa-text-foreground" }, featureText, props.plans.some(
+        /* @__PURE__ */ import_react17.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 hawa-text-foreground" }, featureText, props.plans.some(
           (plan) => plan.features.some(
             (feature) => feature.text === featureText && feature.hint
           )
-        ) && /* @__PURE__ */ import_react16.default.createElement(
+        ) && /* @__PURE__ */ import_react17.default.createElement(
           Tooltip,
           {
             side: "right",
@@ -1545,7 +1546,7 @@ var ComparingPlans = (props) => {
               (feature) => feature.text === featureText
             )) == null ? void 0 : _b.hint
           },
-          /* @__PURE__ */ import_react16.default.createElement(
+          /* @__PURE__ */ import_react17.default.createElement(
             "svg",
             {
               stroke: "currentColor",
@@ -1555,13 +1556,13 @@ var ComparingPlans = (props) => {
               height: "1em",
               width: "1em"
             },
-            /* @__PURE__ */ import_react16.default.createElement("path", { d: "M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8 4a.905.905 0 0 0-.9.995l.35 3.507a.552.552 0 0 0 1.1 0l.35-3.507A.905.905 0 0 0 8 4zm.002 6a1 1 0 1 0 0 2 1 1 0 0 0 0-2z" })
+            /* @__PURE__ */ import_react17.default.createElement("path", { d: "M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8 4a.905.905 0 0 0-.9.995l.35 3.507a.552.552 0 0 0 1.1 0l.35-3.507A.905.905 0 0 0 8 4zm.002 6a1 1 0 1 0 0 2 1 1 0 0 0 0-2z" })
           )
         ), props.plans.some(
           (plan) => plan.features.some(
             (feature) => feature.text === featureText && feature.soon
           )
-        ) && /* @__PURE__ */ import_react16.default.createElement(
+        ) && /* @__PURE__ */ import_react17.default.createElement(
           Chip,
           {
             label: ((_d = (_c = props.plans.find(
@@ -1575,26 +1576,26 @@ var ComparingPlans = (props) => {
           const feature = plan.features.find(
             (f) => f.text === featureText
           );
-          return /* @__PURE__ */ import_react16.default.createElement(
+          return /* @__PURE__ */ import_react17.default.createElement(
             "div",
             {
               key: planIndex,
               className: "hawa-flex hawa-flex-col hawa-items-center hawa-text-center"
             },
-            (feature == null ? void 0 : feature.included) ? /* @__PURE__ */ import_react16.default.createElement(CheckMark, { className: "hawa-text-foreground" }) : /* @__PURE__ */ import_react16.default.createElement(UncheckMark, { className: "hawa-text-foreground" })
+            (feature == null ? void 0 : feature.included) ? /* @__PURE__ */ import_react17.default.createElement(CheckMark, { className: "hawa-text-foreground" }) : /* @__PURE__ */ import_react17.default.createElement(UncheckMark, { className: "hawa-text-foreground" })
           );
         })
       );
     })
-  ), props.showButtons && /* @__PURE__ */ import_react16.default.createElement("div", { className: "hawa-grid  hawa-grid-cols-[1fr_repeat(3,_minmax(0,_1fr))] hawa-gap-x-16  hawa-px-4 hawa-py-5" }, /* @__PURE__ */ import_react16.default.createElement("div", { className: "hawa-flex hawa-items-center" }), props.plans.map((plan, i) => {
+  ), props.showButtons && /* @__PURE__ */ import_react17.default.createElement("div", { className: "hawa-grid  hawa-grid-cols-[1fr_repeat(3,_minmax(0,_1fr))] hawa-gap-x-16  hawa-px-4 hawa-py-5" }, /* @__PURE__ */ import_react17.default.createElement("div", { className: "hawa-flex hawa-items-center" }), props.plans.map((plan, i) => {
     var _a;
-    return /* @__PURE__ */ import_react16.default.createElement(
+    return /* @__PURE__ */ import_react17.default.createElement(
       "div",
       {
         key: i,
         className: "hawa-flex hawa-items-center hawa-justify-center"
       },
-      /* @__PURE__ */ import_react16.default.createElement(
+      /* @__PURE__ */ import_react17.default.createElement(
         Button,
         {
           className: "hawa-w-full hawa-max-w-xs",
@@ -1618,15 +1619,15 @@ var ComparingPlans = (props) => {
 };
 
 // blocks/pricing/HorizontalPricing.tsx
-var import_react17 = __toESM(require("react"));
+var import_react18 = __toESM(require("react"));
 var HorizontalPricing = (props) => {
-  const [selectedCard, setSelectedCard] = (0, import_react17.useState)("");
+  const [selectedCard, setSelectedCard] = (0, import_react18.useState)("");
   let data = [
     { title: "basic", price: "$49", cycle: "/mo" },
     { title: "business", price: "$99", cycle: "/mo" },
     { title: "enterprise", price: "$149", cycle: "/mo" }
   ];
-  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(
+  return /* @__PURE__ */ import_react18.default.createElement("div", { className: "hawa-z-10 hawa-w-full hawa-max-w-screen-sm" }, /* @__PURE__ */ import_react18.default.createElement("div", { className: "hawa-max-w-2xl " }, /* @__PURE__ */ import_react18.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, /* @__PURE__ */ import_react18.default.createElement(
     Radio,
     {
       name: "currency",
@@ -1634,7 +1635,7 @@ var HorizontalPricing = (props) => {
       options: props.currencies,
       defaultValue: props.currentCurrency
     }
-  ), /* @__PURE__ */ import_react17.default.createElement(
+  ), /* @__PURE__ */ import_react18.default.createElement(
     Radio,
     {
       name: "cycle",
@@ -1642,7 +1643,7 @@ var HorizontalPricing = (props) => {
       options: props.billingCycles,
       defaultValue: props.currentCycle
     }
-  )), data.map((d, i) => /* @__PURE__ */ import_react17.default.createElement(
+  )), data.map((d, i) => /* @__PURE__ */ import_react18.default.createElement(
     "label",
     {
       key: i,
@@ -1650,7 +1651,7 @@ var HorizontalPricing = (props) => {
       className: "",
       onClick: () => setSelectedCard(d.title)
     },
-    /* @__PURE__ */ import_react17.default.createElement(
+    /* @__PURE__ */ import_react18.default.createElement(
       "input",
       {
         type: "radio",
@@ -1659,7 +1660,7 @@ var HorizontalPricing = (props) => {
         className: "hawa-peer hawa-appearance-none"
       }
     ),
-    /* @__PURE__ */ import_react17.default.createElement(
+    /* @__PURE__ */ import_react18.default.createElement(
       "div",
       {
         className: cn(
@@ -1667,18 +1668,18 @@ var HorizontalPricing = (props) => {
           "hawa-peer hawa-flex hawa-cursor-pointer hawa-items-center hawa-justify-between  hawa-rounded-xl hawa-border hawa-bg-background hawa-px-5   hawa-py-4 hawa-shadow dark:hawa-text-white  peer-checked:[&_.active]:hawa-block peer-checked:[&_.default]:hawa-hidden"
         )
       },
-      /* @__PURE__ */ import_react17.default.createElement("div", { className: "hawa-peer hawa-flex hawa-items-center hawa-gap-4" }, /* @__PURE__ */ import_react17.default.createElement(CheckIcons, null), /* @__PURE__ */ import_react17.default.createElement(
+      /* @__PURE__ */ import_react18.default.createElement("div", { className: "hawa-peer hawa-flex hawa-items-center hawa-gap-4" }, /* @__PURE__ */ import_react18.default.createElement(CheckIcons, null), /* @__PURE__ */ import_react18.default.createElement(
         CardText,
         {
           title: "Enterprise",
           subtitle: "For startups and new businesses"
         }
       )),
-      /* @__PURE__ */ import_react17.default.createElement(CardPrice, { amount: d.price, cycle: d.cycle })
+      /* @__PURE__ */ import_react18.default.createElement(CardPrice, { amount: d.price, cycle: d.cycle })
     )
   ))));
 };
-var CheckIcons = () => /* @__PURE__ */ import_react17.default.createElement(import_react17.default.Fragment, null, /* @__PURE__ */ import_react17.default.createElement(
+var CheckIcons = () => /* @__PURE__ */ import_react18.default.createElement(import_react18.default.Fragment, null, /* @__PURE__ */ import_react18.default.createElement(
   "svg",
   {
     fill: "none",
@@ -1687,7 +1688,7 @@ var CheckIcons = () => /* @__PURE__ */ import_react17.default.createElement(impo
     stroke: "currentColor",
     className: "hawa-default hawa-h-8 hawa-w-8 hawa-text-neutral-500"
   },
-  /* @__PURE__ */ import_react17.default.createElement(
+  /* @__PURE__ */ import_react18.default.createElement(
     "path",
     {
       strokeLinecap: "round",
@@ -1695,14 +1696,14 @@ var CheckIcons = () => /* @__PURE__ */ import_react17.default.createElement(impo
       d: "M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
     }
   )
-), /* @__PURE__ */ import_react17.default.createElement(
+), /* @__PURE__ */ import_react18.default.createElement(
   "svg",
   {
     viewBox: "0 0 24 24",
     fill: "currentColor",
     className: "hawa-active hawa-hidden hawa-h-8 hawa-w-8 hawa-text-blue-500"
   },
-  /* @__PURE__ */ import_react17.default.createElement(
+  /* @__PURE__ */ import_react18.default.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -1711,8 +1712,8 @@ var CheckIcons = () => /* @__PURE__ */ import_react17.default.createElement(impo
     }
   )
 ));
-var CardText = (props) => /* @__PURE__ */ import_react17.default.createElement("div", { className: "hawa-peer hawa-flex hawa-flex-col hawa-items-start " }, /* @__PURE__ */ import_react17.default.createElement("h2", { className: "hawa-font-medium hawa-text-primary/90 sm:hawa-text-xl" }, props.title), /* @__PURE__ */ import_react17.default.createElement("p", { className: "hawa-text-sm hawa-text-primary/60" }, props.subtitle, " "));
-var CardPrice = (props) => /* @__PURE__ */ import_react17.default.createElement("h2", { className: "hawa-peer hawa-text-xl hawa-font-semibold hawa-text-primary sm:hawa-text-2xl" }, props.amount, /* @__PURE__ */ import_react17.default.createElement("span", { className: "hawa-text-base hawa-font-medium hawa-text-neutral-400" }, props.cycle));
+var CardText = (props) => /* @__PURE__ */ import_react18.default.createElement("div", { className: "hawa-peer hawa-flex hawa-flex-col hawa-items-start " }, /* @__PURE__ */ import_react18.default.createElement("h2", { className: "hawa-font-medium hawa-text-primary/90 sm:hawa-text-xl" }, props.title), /* @__PURE__ */ import_react18.default.createElement("p", { className: "hawa-text-sm hawa-text-primary/60" }, props.subtitle, " "));
+var CardPrice = (props) => /* @__PURE__ */ import_react18.default.createElement("h2", { className: "hawa-peer hawa-text-xl hawa-font-semibold hawa-text-primary sm:hawa-text-2xl" }, props.amount, /* @__PURE__ */ import_react18.default.createElement("span", { className: "hawa-text-base hawa-font-medium hawa-text-neutral-400" }, props.cycle));
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ComparingPlans,