@sikka/hawa 0.48.0-next → 0.49.0-next

package/dist/blocks/pricing/index.js

@@ -62,9 +62,7 @@ var import_class_variance_authority = require("class-variance-authority");
 
 // elements/helperText/HelperText.tsx
 var import_react3 = __toESM(require("react"));
-var HelperText = ({
-  helperText
-}) => /* @__PURE__ */ import_react3.default.createElement(
+var HelperText = ({ helperText }) => /* @__PURE__ */ import_react3.default.createElement(
   "p",
   {
     className: cn(
@@ -115,38 +113,31 @@ var Tooltip = ({
   delayDuration = 300,
   ...props
 }) => {
-  return /* @__PURE__ */ import_react4.default.createElement(
-    TooltipPrimitive.TooltipProvider,
+  return /* @__PURE__ */ import_react4.default.createElement(TooltipPrimitive.TooltipProvider, { delayDuration, ...providerProps }, /* @__PURE__ */ import_react4.default.createElement(
+    TooltipPrimitive.Root,
     {
-      delayDuration,
-      ...providerProps
+      open: !disabled && open,
+      defaultOpen,
+      onOpenChange,
+      ...props
     },
+    /* @__PURE__ */ import_react4.default.createElement(TooltipPrimitive.Trigger, { ...triggerProps }, children),
     /* @__PURE__ */ import_react4.default.createElement(
-      TooltipPrimitive.Root,
+      TooltipContent,
       {
-        open: !disabled && open,
-        defaultOpen,
-        onOpenChange,
-        ...props
+        size,
+        side,
+        align: "center",
+        ...contentProps,
+        style: {
+          ...contentProps == null ? void 0 : contentProps.style,
+          maxWidth: "var(--radix-tooltip-content-available-width)",
+          maxHeight: "var(--radix-tooltip-content-available-height)"
+        }
       },
-      /* @__PURE__ */ import_react4.default.createElement(TooltipPrimitive.Trigger, { ...triggerProps }, children),
-      /* @__PURE__ */ import_react4.default.createElement(
-        TooltipContent,
-        {
-          size,
-          side,
-          align: "center",
-          ...contentProps,
-          style: {
-            ...contentProps == null ? void 0 : contentProps.style,
-            maxWidth: "var(--radix-tooltip-content-available-width)",
-            maxHeight: "var(--radix-tooltip-content-available-height)"
-          }
-        },
-        content
-      )
+      content
     )
-  );
+  ));
 };
 
 // elements/label/Label.tsx
@@ -223,57 +214,42 @@ var Loading = ({
   };
   switch (design.split("-")[0]) {
     case "dots":
-      return /* @__PURE__ */ import_react5.default.createElement(
+      return /* @__PURE__ */ import_react5.default.createElement("div", { className: cn("hawa-flex hawa-flex-row hawa-gap-2", classNames == null ? void 0 : classNames.container) }, /* @__PURE__ */ import_react5.default.createElement(
         "div",
         {
           className: cn(
-            "hawa-flex hawa-flex-row hawa-gap-2",
-            classNames == null ? void 0 : classNames.container
+            "hawa-animate-bounce hawa-rounded-full hawa-delay-100 hawa-repeat-infinite",
+            size === "button" ? "hawa-h-2 hawa-w-2" : sizeStyles[size],
+            animationStyles[design.split("-")[1]],
+            color ? color : "hawa-bg-primary"
           )
-        },
-        /* @__PURE__ */ import_react5.default.createElement(
-          "div",
-          {
-            className: cn(
-              "hawa-animate-bounce hawa-rounded-full hawa-delay-100 hawa-repeat-infinite",
-              size === "button" ? "hawa-h-2 hawa-w-2" : sizeStyles[size],
-              animationStyles[design.split("-")[1]],
-              color ? color : "hawa-bg-primary"
-            )
-          }
-        ),
-        /* @__PURE__ */ import_react5.default.createElement(
-          "div",
-          {
-            className: cn(
-              "hawa-animate-bounce hawa-rounded-full hawa-delay-200 hawa-repeat-infinite",
-              size === "button" ? "hawa-h-2 hawa-w-2" : sizeStyles[size],
-              animationStyles[design.split("-")[1]],
-              color ? color : "hawa-bg-primary"
-            )
-          }
-        ),
-        /* @__PURE__ */ import_react5.default.createElement(
-          "div",
-          {
-            className: cn(
-              "hawa-animate-bounce hawa-rounded-full hawa-delay-300 hawa-repeat-infinite",
-              size === "button" ? "hawa-h-2 hawa-w-2" : sizeStyles[size],
-              animationStyles[design.split("-")[1]],
-              color ? color : "hawa-bg-primary"
-            )
-          }
-        )
-      );
+        }
+      ), /* @__PURE__ */ import_react5.default.createElement(
+        "div",
+        {
+          className: cn(
+            "hawa-animate-bounce hawa-rounded-full hawa-delay-200 hawa-repeat-infinite",
+            size === "button" ? "hawa-h-2 hawa-w-2" : sizeStyles[size],
+            animationStyles[design.split("-")[1]],
+            color ? color : "hawa-bg-primary"
+          )
+        }
+      ), /* @__PURE__ */ import_react5.default.createElement(
+        "div",
+        {
+          className: cn(
+            "hawa-animate-bounce hawa-rounded-full hawa-delay-300 hawa-repeat-infinite",
+            size === "button" ? "hawa-h-2 hawa-w-2" : sizeStyles[size],
+            animationStyles[design.split("-")[1]],
+            color ? color : "hawa-bg-primary"
+          )
+        }
+      ));
     case "square":
       return /* @__PURE__ */ import_react5.default.createElement(
         "svg",
         {
-          className: cn(
-            "squircle-container",
-            sizeStyles[size],
-            classNames == null ? void 0 : classNames.container
-          ),
+          className: cn("squircle-container", sizeStyles[size], classNames == null ? void 0 : classNames.container),
           viewBox: "0 0 35 35",
           height: "35",
           width: "35"
@@ -314,11 +290,7 @@ var Loading = ({
           height: "37",
           width: "37",
           preserveAspectRatio: "xMidYMid meet",
-          className: cn(
-            "squircle-container",
-            sizeStyles[size],
-            classNames == null ? void 0 : classNames.container
-          )
+          className: cn("squircle-container", sizeStyles[size], classNames == null ? void 0 : classNames.container)
         },
         /* @__PURE__ */ import_react5.default.createElement(
           "path",
@@ -361,11 +333,7 @@ var Loading = ({
           viewBox: "0 0 40 40",
           height: "40",
           width: "40",
-          className: cn(
-            "circle-container",
-            sizeStyles[size],
-            classNames == null ? void 0 : classNames.container
-          )
+          className: cn("circle-container", sizeStyles[size], classNames == null ? void 0 : classNames.container)
         },
         /* @__PURE__ */ import_react5.default.createElement(
           "circle",
@@ -507,13 +475,7 @@ Button.displayName = "Button";
 // elements/card/Card.tsx
 var React8 = __toESM(require("react"));
 var Card = React8.forwardRef(
-  ({
-    className,
-    variant = "default",
-    clickable = false,
-    asContainer = false,
-    ...props
-  }, ref) => {
+  ({ className, variant = "default", clickable = false, asContainer = false, ...props }, ref) => {
     let variantStyles = {
       default: cn(
         "hawa-rounded hawa-border hawa-bg-card hawa-text-card-foreground hawa-shadow-sm",
@@ -525,14 +487,7 @@ var Card = React8.forwardRef(
         clickable && "hawa-cursor-pointer active:hawa-translate-x-0.5 active:hawa-translate-y-0.5 active:hawa-shadow-color-primary-active active:translate-x-0.5 active:translate-y-0.5 active:shadow-color-primary-active"
       )
     };
-    return /* @__PURE__ */ React8.createElement(
-      "div",
-      {
-        ref,
-        className: cn(!asContainer && variantStyles[variant], className),
-        ...props
-      }
-    );
+    return /* @__PURE__ */ React8.createElement("div", { ref, className: cn(!asContainer && variantStyles[variant], className), ...props });
   }
 );
 var CardHeader = React8.forwardRef(
@@ -540,30 +495,15 @@ var CardHeader = React8.forwardRef(
     "div",
     {
       ref,
-      className: cn(
-        "hawa-flex hawa-flex-col hawa-space-y-1.5 hawa-p-6",
-        className
-      ),
+      className: cn("hawa-flex hawa-flex-col hawa-space-y-1.5 hawa-p-6", className),
       ...props
     }
   ), props.actions && /* @__PURE__ */ React8.createElement("div", { className: "hawa-p-6" }, props.actions))
 );
-var CardTitle = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React8.createElement(
-  "h3",
-  {
-    ref,
-    className: cn("hawa-text-2xl hawa-font-semibold", className),
-    ...props
-  }
-));
-var CardDescription = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React8.createElement(
-  "p",
-  {
-    ref,
-    className: cn("hawa-text-sm hawa-text-muted-foreground", className),
-    ...props
-  }
-));
+var CardTitle = React8.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ React8.createElement("h3", { ref, className: cn("hawa-text-2xl hawa-font-semibold", className), ...props })
+);
+var CardDescription = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React8.createElement("p", { ref, className: cn("hawa-text-sm hawa-text-muted-foreground", className), ...props }));
 var CardContent = React8.forwardRef(
   ({ headless, noPadding, className, ...props }, ref) => /* @__PURE__ */ React8.createElement(
     "div",
@@ -659,16 +599,7 @@ function Skeleton({
 // elements/chip/Chip.tsx
 var import_react7 = __toESM(require("react"));
 var Chip = import_react7.default.forwardRef(
-  ({
-    label,
-    size = "normal",
-    icon,
-    color,
-    radius = "inherit",
-    dot,
-    dotStatus = "none",
-    ...rest
-  }, ref) => {
+  ({ label, size = "normal", icon, color, radius = "inherit", dot, dotStatus = "none", ...rest }, ref) => {
     let defaultStyles = "hawa-flex hawa-flex-row hawa-w-fit hawa-gap-1 hawa-items-center  hawa-px-2.5 hawa-py-1  hawa-font-bold ";
     let radiusStyles = {
       inherit: " hawa-rounded",
@@ -715,12 +646,7 @@ var Chip = import_react7.default.forwardRef(
             rest.className
           )
         },
-        dot && /* @__PURE__ */ import_react7.default.createElement(
-          "span",
-          {
-            className: cn(dotStyles[size], dotStatusStyles[dotStatus])
-          }
-        ),
+        dot && /* @__PURE__ */ import_react7.default.createElement("span", { className: cn(dotStyles[size], dotStatusStyles[dotStatus]) }),
         icon && icon,
         label
       );
@@ -755,13 +681,7 @@ 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_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_react8.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_react8.default.createElement(
     Card,
     {
       dir: direction,
@@ -816,48 +736,26 @@ var PricingCard = ({
                 clipRule: "evenodd"
               }
             )
-          ) : /* @__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) || "",
-              color: "oceanic",
-              size: "small"
-            }
-          ))),
-          feature.hint && /* @__PURE__ */ import_react8.default.createElement(
-            Tooltip,
+          ) : /* @__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) || "", color: "oceanic", size: "small" }))),
+          feature.hint && /* @__PURE__ */ import_react8.default.createElement(Tooltip, { content: feature.hint, side: feature.hintSide }, /* @__PURE__ */ import_react8.default.createElement(
+            "svg",
             {
-              content: feature.hint,
-              side: feature.hintSide
+              xmlns: "http://www.w3.org/2000/svg",
+              className: "hawa-h-[14px] hawa-w-[14px] hawa-cursor-help",
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
             },
-            /* @__PURE__ */ import_react8.default.createElement(
-              "svg",
-              {
-                xmlns: "http://www.w3.org/2000/svg",
-                className: "hawa-h-[14px] hawa-w-[14px] hawa-cursor-help",
-                viewBox: "0 0 24 24",
-                fill: "none",
-                stroke: "currentColor",
-                strokeWidth: "2",
-                strokeLinecap: "round",
-                strokeLinejoin: "round"
-              },
-              /* @__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_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_react8.default.createElement(
-        Button,
-        {
-          onClick: props.onPlanClicked,
-          disabled: currentPlan,
-          className: "hawa-w-full"
-        },
-        (_i = props.texts) == null ? void 0 : _i.buttonText
-      )
+      /* @__PURE__ */ import_react8.default.createElement(Button, { onClick: props.onPlanClicked, disabled: currentPlan, className: "hawa-w-full" }, (_i = props.texts) == null ? void 0 : _i.buttonText)
     ))
   ));
 };
@@ -1029,17 +927,11 @@ var DropdownMenuSeparator = React13.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
-var DropdownMenuShortcut = ({
-  className,
-  ...props
-}) => {
+var DropdownMenuShortcut = ({ className, ...props }) => {
   return /* @__PURE__ */ React13.createElement(
     "span",
     {
-      className: cn(
-        "hawa-text-xs hawa-tracking-widest hawa-opacity-60",
-        className
-      ),
+      className: cn("hawa-text-xs hawa-tracking-widest hawa-opacity-60", className),
       ...props
     }
   );
@@ -1059,21 +951,19 @@ var import_react_tabs = require("@radix-ui/react-tabs");
 // elements/popover/Popover.tsx
 var React17 = __toESM(require("react"));
 var PopoverPrimitive = __toESM(require("@radix-ui/react-popover"));
-var PopoverContent = React17.forwardRef(
-  ({ className, align = "center", sideOffset = 4, container, ...props }, ref) => /* @__PURE__ */ React17.createElement(PopoverPrimitive.Portal, { container }, /* @__PURE__ */ React17.createElement(
-    PopoverPrimitive.Content,
-    {
-      ref,
-      align,
-      sideOffset,
-      className: cn(
-        "dark:dark-shadow hawa-z-50 hawa-rounded hawa-border hawa-bg-popover hawa-text-popover-foreground hawa-shadow-md hawa-outline-none data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-fade-out-0 data-[state=open]:hawa-fade-in-0 data-[state=closed]:hawa-zoom-out-95 data-[state=open]:hawa-zoom-in-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",
-        className
-      ),
-      ...props
-    }
-  ))
-);
+var PopoverContent = React17.forwardRef(({ className, align = "center", sideOffset = 4, container, ...props }, ref) => /* @__PURE__ */ React17.createElement(PopoverPrimitive.Portal, { container }, /* @__PURE__ */ React17.createElement(
+  PopoverPrimitive.Content,
+  {
+    ref,
+    align,
+    sideOffset,
+    className: cn(
+      "dark:dark-shadow hawa-z-50 hawa-rounded hawa-border hawa-bg-popover hawa-text-popover-foreground hawa-shadow-md hawa-outline-none data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-fade-out-0 data-[state=open]:hawa-fade-in-0 data-[state=closed]:hawa-zoom-out-95 data-[state=open]:hawa-zoom-in-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",
+      className
+    ),
+    ...props
+  }
+)));
 PopoverContent.displayName = PopoverPrimitive.Content.displayName;
 var PopoverTrigger = PopoverPrimitive.Trigger;
 var PopoverRoot = PopoverPrimitive.Root;
@@ -1112,12 +1002,8 @@ var Radio = (0, import_react13.forwardRef)(
       default: "hawa-max-w-fit",
       full: "hawa-w-full"
     };
-    const [parentDirection, setParentDirection] = import_react13.default.useState(
-      null
-    );
-    const [selectedOption, setSelectedOption] = (0, import_react13.useState)(
-      props.defaultValue || props.value
-    );
+    const [parentDirection, setParentDirection] = import_react13.default.useState(null);
+    const [selectedOption, setSelectedOption] = (0, import_react13.useState)(props.defaultValue || props.value);
     const [openTooltip, setOpenTooltip] = (0, import_react13.useState)(null);
     const parentRef = (0, import_react13.useRef)(null);
     (0, import_react13.useEffect)(() => {
@@ -1146,89 +1032,78 @@ var Radio = (0, import_react13.forwardRef)(
     ];
     switch (design) {
       case "tabs":
-        return /* @__PURE__ */ import_react13.default.createElement(
-          "div",
+        return /* @__PURE__ */ import_react13.default.createElement("div", { className: cn("hawa-gap-2 hawa-flex hawa-flex-col", containerClassNames == null ? void 0 : containerClassNames.tabs) }, props.label && /* @__PURE__ */ import_react13.default.createElement(Label, { ...labelProps }, props.label), /* @__PURE__ */ import_react13.default.createElement(import_react_tabs.Tabs, null, /* @__PURE__ */ import_react13.default.createElement(
+          import_react_tabs.TabsList,
           {
+            role: "tablist",
+            ref: parentRef,
             className: cn(
-              "hawa-gap-2 hawa-flex hawa-flex-col",
-              containerClassNames == null ? void 0 : containerClassNames.tabs
+              props.options && ((_a = props.options) == null ? void 0 : _a.length) > 2 ? "hawa-flex-wrap xs:hawa-max-w-full xs:hawa-flex-nowrap" : "",
+              "hawa-select-none hawa-whitespace-nowrap hawa-rounded hawa-border hawa-text-center hawa-font-medium hawa-h-[40px]",
+              orientationStyle[orientation],
+              widthStyle[width],
+              tabsContainerClassName,
+              props.direction === "rtl" ? "hawa-flex-row-reverse" : ""
             )
           },
-          props.label && /* @__PURE__ */ import_react13.default.createElement(Label, { ...labelProps }, props.label),
-          /* @__PURE__ */ import_react13.default.createElement(import_react_tabs.Tabs, null, /* @__PURE__ */ import_react13.default.createElement(
-            import_react_tabs.TabsList,
-            {
-              role: "tablist",
-              ref: parentRef,
-              className: cn(
-                props.options && ((_a = props.options) == null ? void 0 : _a.length) > 2 ? "hawa-flex-wrap xs:hawa-max-w-full xs:hawa-flex-nowrap" : "",
-                "hawa-select-none hawa-whitespace-nowrap hawa-rounded hawa-border hawa-text-center hawa-font-medium hawa-h-[40px]",
-                orientationStyle[orientation],
-                widthStyle[width],
-                tabsContainerClassName,
-                props.direction === "rtl" ? "hawa-flex-row-reverse" : ""
-              )
-            },
-            (_b = props.options) == null ? void 0 : _b.map((opt, o) => {
-              return opt.tooltip ? /* @__PURE__ */ import_react13.default.createElement(
-                PopoverRoot,
+          (_b = props.options) == null ? void 0 : _b.map((opt, o) => {
+            return opt.tooltip ? /* @__PURE__ */ import_react13.default.createElement(
+              PopoverRoot,
+              {
+                key: o,
+                open: o === openTooltip,
+                onOpenChange: (bool) => setOpenTooltip(bool ? o : null)
+              },
+              /* @__PURE__ */ import_react13.default.createElement(
+                PopoverTrigger,
                 {
-                  key: o,
-                  open: o === openTooltip,
-                  onOpenChange: (bool) => setOpenTooltip(bool ? o : null)
+                  onMouseEnter: () => setOpenTooltip(o),
+                  onMouseLeave: () => setOpenTooltip(null),
+                  asChild: true
                 },
                 /* @__PURE__ */ import_react13.default.createElement(
-                  PopoverTrigger,
+                  import_react_tabs.TabsTrigger,
                   {
-                    onMouseEnter: () => setOpenTooltip(o),
-                    onMouseLeave: () => setOpenTooltip(null),
-                    asChild: true
-                  },
-                  /* @__PURE__ */ import_react13.default.createElement(
-                    import_react_tabs.TabsTrigger,
-                    {
-                      "aria-current": selectedOption === opt.value ? "page" : void 0,
-                      value: opt.value,
-                      role: "tab",
-                      tabIndex: 0,
-                      onClick: () => {
-                        if (props.disabled || opt.disabled) return;
-                        handleChange(opt);
-                      },
-                      className: cn(
-                        ...radio_option_tabs_styling,
-                        selectedOption === opt.value ? activeTabStyle : inactiveTabStyle
-                      )
+                    "aria-current": selectedOption === opt.value ? "page" : void 0,
+                    value: opt.value,
+                    role: "tab",
+                    tabIndex: 0,
+                    onClick: () => {
+                      if (props.disabled || opt.disabled) return;
+                      handleChange(opt);
                     },
-                    opt.icon && opt.icon,
-                    opt.label
-                  )
-                ),
-                /* @__PURE__ */ import_react13.default.createElement(PopoverContent, { ...opt.tooltipContentProps }, opt.tooltip)
-              ) : /* @__PURE__ */ import_react13.default.createElement(
-                import_react_tabs.TabsTrigger,
-                {
-                  key: o,
-                  role: "tab",
-                  tabIndex: 0,
-                  "aria-current": selectedOption === opt.value ? "page" : void 0,
-                  onClick: () => {
-                    if (props.disabled || opt.disabled) return;
-                    handleChange(opt);
+                    className: cn(
+                      ...radio_option_tabs_styling,
+                      selectedOption === opt.value ? activeTabStyle : inactiveTabStyle
+                    )
                   },
-                  className: cn(
-                    ...radio_option_tabs_styling,
-                    selectedOption === opt.value ? activeTabStyle : inactiveTabStyle
-                  ),
-                  value: opt.value
+                  opt.icon && opt.icon,
+                  opt.label
+                )
+              ),
+              /* @__PURE__ */ import_react13.default.createElement(PopoverContent, { ...opt.tooltipContentProps }, opt.tooltip)
+            ) : /* @__PURE__ */ import_react13.default.createElement(
+              import_react_tabs.TabsTrigger,
+              {
+                key: o,
+                role: "tab",
+                tabIndex: 0,
+                "aria-current": selectedOption === opt.value ? "page" : void 0,
+                onClick: () => {
+                  if (props.disabled || opt.disabled) return;
+                  handleChange(opt);
                 },
-                opt.icon && opt.icon,
-                opt.label
-              );
-            })
-          )),
-          !forceHideHelperText && /* @__PURE__ */ import_react13.default.createElement(HelperText, { helperText: props.helperText })
-        );
+                className: cn(
+                  ...radio_option_tabs_styling,
+                  selectedOption === opt.value ? activeTabStyle : inactiveTabStyle
+                ),
+                value: opt.value
+              },
+              opt.icon && opt.icon,
+              opt.label
+            );
+          })
+        )), !forceHideHelperText && /* @__PURE__ */ import_react13.default.createElement(HelperText, { helperText: props.helperText }));
       case "bordered":
         return /* @__PURE__ */ import_react13.default.createElement(
           "div",
@@ -1276,11 +1151,7 @@ var Radio = (0, import_react13.forwardRef)(
         return /* @__PURE__ */ import_react13.default.createElement(
           "ul",
           {
-            className: cn(
-              orientationStyle[orientation],
-              "hawa-gap-4",
-              containerClassNames == null ? void 0 : containerClassNames.cards
-            )
+            className: cn(orientationStyle[orientation], "hawa-gap-4", containerClassNames == null ? void 0 : containerClassNames.cards)
           },
           (_c = props.options) == null ? void 0 : _c.map((opt, o) => /* @__PURE__ */ import_react13.default.createElement("li", { key: o, onClick: () => handleChange(opt) }, /* @__PURE__ */ import_react13.default.createElement(
             "input",
@@ -1306,49 +1177,38 @@ var Radio = (0, import_react13.forwardRef)(
           )))
         );
       default:
-        return /* @__PURE__ */ import_react13.default.createElement(
+        return /* @__PURE__ */ import_react13.default.createElement("div", { className: cn("hawa-flex hawa-flex-col hawa-gap-2", containerClassNames == null ? void 0 : containerClassNames.default) }, props.label && /* @__PURE__ */ import_react13.default.createElement(Label, { ...labelProps }, props.label), /* @__PURE__ */ import_react13.default.createElement("div", { className: cn(orientationStyle[orientation], "hawa-gap-2") }, props.options && props.options.map((opt, i) => /* @__PURE__ */ import_react13.default.createElement(
           "div",
           {
             className: cn(
-              "hawa-flex hawa-flex-col hawa-gap-2",
-              containerClassNames == null ? void 0 : containerClassNames.default
-            )
+              "radio-item radio-item-default hawa-flex hawa-items-center hawa-transition-all",
+              props.direction === "rtl" ? "margin-left right-3px" : "margin-right left-3px"
+            ),
+            key: i + 1
           },
-          props.label && /* @__PURE__ */ import_react13.default.createElement(Label, { ...labelProps }, props.label),
-          /* @__PURE__ */ import_react13.default.createElement("div", { className: cn(orientationStyle[orientation], "hawa-gap-2") }, props.options && props.options.map((opt, i) => /* @__PURE__ */ import_react13.default.createElement(
-            "div",
+          /* @__PURE__ */ import_react13.default.createElement(
+            "input",
+            {
+              disabled: opt.disabled,
+              id: opt.value.toString(),
+              type: "radio",
+              value: opt.value,
+              name,
+              onChange: () => handleChange(opt)
+            }
+          ),
+          /* @__PURE__ */ import_react13.default.createElement(
+            "label",
             {
+              htmlFor: opt.value.toString(),
               className: cn(
-                "radio-item radio-item-default hawa-flex hawa-items-center hawa-transition-all",
-                props.direction === "rtl" ? "margin-left right-3px" : "margin-right left-3px"
-              ),
-              key: i + 1
+                "hawa-text-sm hawa-font-medium dark:hawa-text-white",
+                opt.disabled ? "hawa-text-gray-400" : "hawa-cursor-pointer hawa-text-gray-900"
+              )
             },
-            /* @__PURE__ */ import_react13.default.createElement(
-              "input",
-              {
-                disabled: opt.disabled,
-                id: opt.value.toString(),
-                type: "radio",
-                value: opt.value,
-                name,
-                onChange: () => handleChange(opt)
-              }
-            ),
-            /* @__PURE__ */ import_react13.default.createElement(
-              "label",
-              {
-                htmlFor: opt.value.toString(),
-                className: cn(
-                  "hawa-text-sm hawa-font-medium dark:hawa-text-white",
-                  opt.disabled ? "hawa-text-gray-400" : "hawa-cursor-pointer hawa-text-gray-900"
-                )
-              },
-              opt.label
-            )
-          ))),
-          /* @__PURE__ */ import_react13.default.createElement(HelperText, { helperText: props.helperText })
-        );
+            opt.label
+          )
+        ))), /* @__PURE__ */ import_react13.default.createElement(HelperText, { helperText: props.helperText }));
     }
   }
 );
@@ -1606,11 +1466,7 @@ var UncheckMark = ({ size = "default", className }) => {
 // blocks/pricing/ComparingPlans.tsx
 var ComparingPlans = (props) => {
   const uniqueFeatures = Array.from(
-    new Set(
-      props.plans.flatMap(
-        (plan) => plan.features.map((feature) => feature.text)
-      )
-    )
+    new Set(props.plans.flatMap((plan) => plan.features.map((feature) => feature.text)))
   );
   return /* @__PURE__ */ import_react18.default.createElement("div", { id: "detailed-pricing", className: "hawa-w-full" }, /* @__PURE__ */ import_react18.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_react18.default.createElement(
     Radio,
@@ -1680,9 +1536,7 @@ var ComparingPlans = (props) => {
           )
         },
         /* @__PURE__ */ import_react18.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
-          )
+          (plan) => plan.features.some((feature) => feature.text === featureText && feature.hint)
         ) && /* @__PURE__ */ import_react18.default.createElement(
           Tooltip,
           {
@@ -1690,13 +1544,9 @@ var ComparingPlans = (props) => {
             content: (_b = (_a = props.plans.find(
               (plan) => {
                 var _a2;
-                return (_a2 = plan.features.find(
-                  (feature) => feature.text === featureText
-                )) == null ? void 0 : _a2.hint;
+                return (_a2 = plan.features.find((feature) => feature.text === featureText)) == null ? void 0 : _a2.hint;
               }
-            )) == null ? void 0 : _a.features.find(
-              (feature) => feature.text === featureText
-            )) == null ? void 0 : _b.hint
+            )) == null ? void 0 : _a.features.find((feature) => feature.text === featureText)) == null ? void 0 : _b.hint
           },
           /* @__PURE__ */ import_react18.default.createElement(
             "svg",
@@ -1711,9 +1561,7 @@ var ComparingPlans = (props) => {
             /* @__PURE__ */ import_react18.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
-          )
+          (plan) => plan.features.some((feature) => feature.text === featureText && feature.soon)
         ) && /* @__PURE__ */ import_react18.default.createElement(
           Chip,
           {
@@ -1725,9 +1573,7 @@ var ComparingPlans = (props) => {
           }
         )),
         props.plans.map((plan, planIndex) => {
-          const feature = plan.features.find(
-            (f) => f.text === featureText
-          );
+          const feature = plan.features.find((f) => f.text === featureText);
           return /* @__PURE__ */ import_react18.default.createElement(
             "div",
             {
@@ -1741,32 +1587,25 @@ var ComparingPlans = (props) => {
     })
   ), props.showButtons && /* @__PURE__ */ import_react18.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_react18.default.createElement("div", { className: "hawa-flex hawa-items-center" }), props.plans.map((plan, i) => {
     var _a;
-    return /* @__PURE__ */ import_react18.default.createElement(
-      "div",
+    return /* @__PURE__ */ import_react18.default.createElement("div", { key: i, className: "hawa-flex hawa-items-center hawa-justify-center" }, /* @__PURE__ */ import_react18.default.createElement(
+      Button,
       {
-        key: i,
-        className: "hawa-flex hawa-items-center hawa-justify-center"
-      },
-      /* @__PURE__ */ import_react18.default.createElement(
-        Button,
-        {
-          className: "hawa-w-full hawa-max-w-xs",
-          onClick: () => {
-            var _a2, _b;
-            if (props.onPlanClicked) {
-              let clickedData = {
-                // plan: plan.id,
-                currency: (_a2 = props.currentCurrency) == null ? void 0 : _a2.value,
-                cycle: (_b = props.currentCycle) == null ? void 0 : _b.value,
-                ...plan
-              };
-              props.onPlanClicked(clickedData);
-            }
+        className: "hawa-w-full hawa-max-w-xs",
+        onClick: () => {
+          var _a2, _b;
+          if (props.onPlanClicked) {
+            let clickedData = {
+              // plan: plan.id,
+              currency: (_a2 = props.currentCurrency) == null ? void 0 : _a2.value,
+              cycle: (_b = props.currentCycle) == null ? void 0 : _b.value,
+              ...plan
+            };
+            props.onPlanClicked(clickedData);
           }
-        },
-        ((_a = plan.texts) == null ? void 0 : _a.buttonText) || "Get Started"
-      )
-    );
+        }
+      },
+      ((_a = plan.texts) == null ? void 0 : _a.buttonText) || "Get Started"
+    ));
   })));
 };
 
@@ -1795,41 +1634,25 @@ var HorizontalPricing = (props) => {
       options: props.billingCycles,
       defaultValue: props.currentCycle
     }
-  )), data.map((d, i) => /* @__PURE__ */ import_react19.default.createElement(
-    "label",
+  )), data.map((d, i) => /* @__PURE__ */ import_react19.default.createElement("label", { key: i, htmlFor: d.title, className: "", onClick: () => setSelectedCard(d.title) }, /* @__PURE__ */ import_react19.default.createElement(
+    "input",
+    {
+      type: "radio",
+      name: "radio",
+      id: d.title,
+      className: "hawa-peer hawa-appearance-none"
+    }
+  ), /* @__PURE__ */ import_react19.default.createElement(
+    "div",
     {
-      key: i,
-      htmlFor: d.title,
-      className: "",
-      onClick: () => setSelectedCard(d.title)
+      className: cn(
+        selectedCard === d.title ? "peer-checked:hawa-border-primary peer-checked:hawa-ring-4 peer-checked:hawa-ring-primary/20" : "",
+        "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_react19.default.createElement(
-      "input",
-      {
-        type: "radio",
-        name: "radio",
-        id: d.title,
-        className: "hawa-peer hawa-appearance-none"
-      }
-    ),
-    /* @__PURE__ */ import_react19.default.createElement(
-      "div",
-      {
-        className: cn(
-          selectedCard === d.title ? "peer-checked:hawa-border-primary peer-checked:hawa-ring-4 peer-checked:hawa-ring-primary/20" : "",
-          "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_react19.default.createElement("div", { className: "hawa-peer hawa-flex hawa-items-center hawa-gap-4" }, /* @__PURE__ */ import_react19.default.createElement(CheckIcons, null), /* @__PURE__ */ import_react19.default.createElement(
-        CardText,
-        {
-          title: "Enterprise",
-          subtitle: "For startups and new businesses"
-        }
-      )),
-      /* @__PURE__ */ import_react19.default.createElement(CardPrice, { amount: d.price, cycle: d.cycle })
-    )
-  ))));
+    /* @__PURE__ */ import_react19.default.createElement("div", { className: "hawa-peer hawa-flex hawa-items-center hawa-gap-4" }, /* @__PURE__ */ import_react19.default.createElement(CheckIcons, null), /* @__PURE__ */ import_react19.default.createElement(CardText, { title: "Enterprise", subtitle: "For startups and new businesses" })),
+    /* @__PURE__ */ import_react19.default.createElement(CardPrice, { amount: d.price, cycle: d.cycle })
+  )))));
 };
 var CheckIcons = () => /* @__PURE__ */ import_react19.default.createElement(import_react19.default.Fragment, null, /* @__PURE__ */ import_react19.default.createElement(
   "svg",