@sikka/hawa 0.24.7-next → 0.24.10-next

package/dist/{Radio-2ZwcMDWt.d.ts → Radio-K1WGpnGA.d.ts}

@@ -60,8 +60,9 @@ type RadioTypes = {
     design?: "default" | "tabs" | "cards" | "bordered";
     width?: "default" | "full" | "none";
     size?: "default" | "lg" | "sm" | "xs";
+    name?: string;
     options: RadioOptionsTypes[];
-    onChangeTab?: any;
+    onChange?: any;
     defaultValue?: any;
     direction?: DirectionType;
     helperText?: string;

package/dist/{Radio-5ZANA8Vh.d.mts → Radio-hsrLKNxE.d.mts}

@@ -60,8 +60,9 @@ type RadioTypes = {
     design?: "default" | "tabs" | "cards" | "bordered";
     width?: "default" | "full" | "none";
     size?: "default" | "lg" | "sm" | "xs";
+    name?: string;
     options: RadioOptionsTypes[];
-    onChangeTab?: any;
+    onChange?: any;
     defaultValue?: any;
     direction?: DirectionType;
     helperText?: string;

package/dist/blocks/feedback/index.js

@@ -477,8 +477,10 @@ var Radio = ({
   width = "default",
   size = "default",
   orientation = "horizontal",
+  name,
   labelProps,
   tabsContainerClassName,
+  onChange,
   ...props
 }) => {
   var _a, _b, _c;
@@ -512,6 +514,14 @@ var Radio = ({
       setParentDirection(dir);
     }
   });
+  const handleChange = (opt) => {
+    setSelectedOption(opt.value);
+    if (onChange) {
+      onChange(opt.value);
+    } else {
+      console.log("onChange was not provided");
+    }
+  };
   switch (design) {
     case "tabs":
       return /* @__PURE__ */ import_react3.default.createElement(
@@ -530,14 +540,7 @@ var Radio = ({
           "li",
           {
             "aria-current": "page",
-            onClick: () => {
-              setSelectedOption(opt.value);
-              if (props.onChangeTab) {
-                props.onChangeTab(opt);
-              } else {
-                console.log("onChangeTab was not provided");
-              }
-            },
+            onClick: () => handleChange(opt),
             className: cn(
               "hawa-w-full hawa-cursor-pointer ",
               orientation === "horizontal" && parentDirection === "ltr" && "hawa-rounded-none first:hawa-rounded-l last:hawa-rounded-r",
@@ -576,7 +579,8 @@ var Radio = ({
               id: opt.value.toString(),
               type: "radio",
               value: opt.value,
-              name: "bordered-radio"
+              name,
+              onChange: () => handleChange(opt)
             }
           ),
           /* @__PURE__ */ import_react3.default.createElement(
@@ -593,12 +597,12 @@ var Radio = ({
         )
       )));
     case "cards":
-      return /* @__PURE__ */ import_react3.default.createElement("ul", { className: cn(orientationStyle[orientation], "hawa-gap-4") }, (_c = props.options) == null ? void 0 : _c.map((opt, o) => /* @__PURE__ */ import_react3.default.createElement("li", { key: o }, /* @__PURE__ */ import_react3.default.createElement(
+      return /* @__PURE__ */ import_react3.default.createElement("ul", { className: cn(orientationStyle[orientation], "hawa-gap-4") }, (_c = props.options) == null ? void 0 : _c.map((opt, o) => /* @__PURE__ */ import_react3.default.createElement("li", { key: o, onClick: () => handleChange(opt) }, /* @__PURE__ */ import_react3.default.createElement(
         "input",
         {
           type: "radio",
           id: opt.value.toString(),
-          name: "cards-radio",
+          name,
           value: opt.value.toString(),
           className: "hawa-peer hawa-hidden",
           required: true,
@@ -632,15 +636,8 @@ var Radio = ({
             id: opt.value.toString(),
             type: "radio",
             value: opt.value,
-            name: "default-radio",
-            onChange: () => {
-              setSelectedOption(opt.value);
-              if (props.onChangeTab) {
-                props.onChangeTab(opt);
-              } else {
-                console.log("onChangeTab was not provided");
-              }
-            }
+            name,
+            onChange: () => handleChange(opt)
           }
         ),
         /* @__PURE__ */ import_react3.default.createElement(
@@ -834,7 +831,7 @@ var UserReferralSource = ({
                     orientation: "vertical",
                     options: optionsWithOther,
                     defaultValue: field.value,
-                    onChangeTab: (e) => field.onChange(e.value),
+                    onChange: (e) => field.onChange(e.value),
                     helperText: (_b2 = (_a2 = formState.errors.source) == null ? void 0 : _a2.message) == null ? void 0 : _b2.toString()
                   }
                 );

package/dist/blocks/feedback/index.mjs

@@ -6,7 +6,7 @@ import {
 } from "../../chunk-UTGVG66T.mjs";
 import {
   Radio
-} from "../../chunk-OT7WQYPD.mjs";
+} from "../../chunk-4Y2FCYFW.mjs";
 import {
   BadEmoji,
   GoodEmoji,
@@ -143,7 +143,7 @@ var UserReferralSource = ({
                     orientation: "vertical",
                     options: optionsWithOther,
                     defaultValue: field.value,
-                    onChangeTab: (e) => field.onChange(e.value),
+                    onChange: (e) => field.onChange(e.value),
                     helperText: (_b2 = (_a2 = formState.errors.source) == null ? void 0 : _a2.message) == null ? void 0 : _b2.toString()
                   }
                 );

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, R as RadioOptionsTypes } from '../Radio-5ZANA8Vh.mjs';
+import { S as SelectOptionProps, R as RadioOptionsTypes } from '../Radio-hsrLKNxE.mjs';
 import { M as MenuItemType } from '../DropdownMenu-vm2kRAhL.mjs';
 import '@radix-ui/react-dropdown-menu';
 

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, R as RadioOptionsTypes } from '../Radio-2ZwcMDWt.js';
+import { S as SelectOptionProps, R as RadioOptionsTypes } from '../Radio-K1WGpnGA.js';
 import { M as MenuItemType } from '../DropdownMenu-jh4puuXw.js';
 import '@radix-ui/react-dropdown-menu';
 

package/dist/blocks/index.js

@@ -4341,8 +4341,10 @@ var Radio = ({
   width = "default",
   size = "default",
   orientation = "horizontal",
+  name,
   labelProps,
   tabsContainerClassName,
+  onChange,
   ...props
 }) => {
   var _a, _b, _c;
@@ -4376,6 +4378,14 @@ var Radio = ({
       setParentDirection(dir);
     }
   });
+  const handleChange = (opt) => {
+    setSelectedOption(opt.value);
+    if (onChange) {
+      onChange(opt.value);
+    } else {
+      console.log("onChange was not provided");
+    }
+  };
   switch (design) {
     case "tabs":
       return /* @__PURE__ */ import_react22.default.createElement(
@@ -4394,14 +4404,7 @@ var Radio = ({
           "li",
           {
             "aria-current": "page",
-            onClick: () => {
-              setSelectedOption(opt.value);
-              if (props.onChangeTab) {
-                props.onChangeTab(opt);
-              } else {
-                console.log("onChangeTab was not provided");
-              }
-            },
+            onClick: () => handleChange(opt),
             className: cn(
               "hawa-w-full hawa-cursor-pointer ",
               orientation === "horizontal" && parentDirection === "ltr" && "hawa-rounded-none first:hawa-rounded-l last:hawa-rounded-r",
@@ -4440,7 +4443,8 @@ var Radio = ({
               id: opt.value.toString(),
               type: "radio",
               value: opt.value,
-              name: "bordered-radio"
+              name,
+              onChange: () => handleChange(opt)
             }
           ),
           /* @__PURE__ */ import_react22.default.createElement(
@@ -4457,12 +4461,12 @@ var Radio = ({
         )
       )));
     case "cards":
-      return /* @__PURE__ */ import_react22.default.createElement("ul", { className: cn(orientationStyle[orientation], "hawa-gap-4") }, (_c = props.options) == null ? void 0 : _c.map((opt, o) => /* @__PURE__ */ import_react22.default.createElement("li", { key: o }, /* @__PURE__ */ import_react22.default.createElement(
+      return /* @__PURE__ */ import_react22.default.createElement("ul", { className: cn(orientationStyle[orientation], "hawa-gap-4") }, (_c = props.options) == null ? void 0 : _c.map((opt, o) => /* @__PURE__ */ import_react22.default.createElement("li", { key: o, onClick: () => handleChange(opt) }, /* @__PURE__ */ import_react22.default.createElement(
         "input",
         {
           type: "radio",
           id: opt.value.toString(),
-          name: "cards-radio",
+          name,
           value: opt.value.toString(),
           className: "hawa-peer hawa-hidden",
           required: true,
@@ -4496,15 +4500,8 @@ var Radio = ({
             id: opt.value.toString(),
             type: "radio",
             value: opt.value,
-            name: "default-radio",
-            onChange: () => {
-              setSelectedOption(opt.value);
-              if (props.onChangeTab) {
-                props.onChangeTab(opt);
-              } else {
-                console.log("onChangeTab was not provided");
-              }
-            }
+            name,
+            onChange: () => handleChange(opt)
           }
         ),
         /* @__PURE__ */ import_react22.default.createElement(
@@ -4698,7 +4695,7 @@ var UserReferralSource = ({
                     orientation: "vertical",
                     options: optionsWithOther,
                     defaultValue: field.value,
-                    onChangeTab: (e) => field.onChange(e.value),
+                    onChange: (e) => field.onChange(e.value),
                     helperText: (_b2 = (_a2 = formState.errors.source) == null ? void 0 : _a2.message) == null ? void 0 : _b2.toString()
                   }
                 );
@@ -5759,6 +5756,7 @@ var PricingCard = ({
         )
       },
       props.features && /* @__PURE__ */ import_react38.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_react38.default.createElement(
           "li",
           {
@@ -5785,7 +5783,14 @@ var PricingCard = ({
                 clipRule: "evenodd"
               }
             )
-          ) : /* @__PURE__ */ import_react38.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_react38.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_react38.default.createElement(Chip, { label: "soon", color: "oceanic", size: "small" }))),
+          ) : /* @__PURE__ */ import_react38.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_react38.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_react38.default.createElement(
+            Chip,
+            {
+              label: ((_a2 = props.texts) == null ? void 0 : _a2.soon) || "",
+              color: "oceanic",
+              size: "small"
+            }
+          ))),
           feature.hint && /* @__PURE__ */ import_react38.default.createElement(Tooltip, { content: feature.hint, side: feature.hintSide }, /* @__PURE__ */ import_react38.default.createElement(
             "svg",
             {
@@ -6282,7 +6287,7 @@ var PricingPlans = ({
       design: "tabs",
       defaultValue: props.currentCycle.value,
       options: props.billingCycles,
-      onChangeTab: (e) => {
+      onChange: (e) => {
         if (props.onCycleChange) {
           props.onCycleChange(e);
         }
@@ -6294,7 +6299,7 @@ var PricingPlans = ({
       design: "tabs",
       defaultValue: props.currentCurrency.value,
       options: props.currencies,
-      onChangeTab: (e) => {
+      onChange: (e) => {
         if (props.onCurrencyChange) {
           props.onCurrencyChange(e);
         }
@@ -6355,7 +6360,7 @@ var ComparingPlans = (props) => {
       design: "tabs",
       defaultValue: props.currentCycle.value,
       options: props.billingCycles,
-      onChangeTab: (e) => {
+      onChange: (e) => {
         if (props.onCycleChange) {
           props.onCycleChange(e);
         }
@@ -6369,7 +6374,7 @@ var ComparingPlans = (props) => {
       design: "tabs",
       defaultValue: props.currentCurrency.value,
       options: props.currencies,
-      onChangeTab: (e) => {
+      onChange: (e) => {
         if (props.onCurrencyChange) {
           props.onCurrencyChange(e);
         }

package/dist/blocks/index.mjs

@@ -25,7 +25,7 @@ import {
   UncheckMark,
   VeryBadEmoji,
   VeryGoodEmoji
-} from "../chunk-O4FANSN5.mjs";
+} from "../chunk-2VDIM3CP.mjs";
 import {
   Button,
   Card,
@@ -1186,7 +1186,7 @@ var UserReferralSource = ({
                     orientation: "vertical",
                     options: optionsWithOther,
                     defaultValue: field.value,
-                    onChangeTab: (e) => field.onChange(e.value),
+                    onChange: (e) => field.onChange(e.value),
                     helperText: (_b2 = (_a2 = formState.errors.source) == null ? void 0 : _a2.message) == null ? void 0 : _b2.toString()
                   }
                 );
@@ -1978,6 +1978,7 @@ var PricingCard = ({
         )
       },
       props.features && /* @__PURE__ */ React23.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__ */ React23.createElement(
           "li",
           {
@@ -2004,7 +2005,14 @@ var PricingCard = ({
                 clipRule: "evenodd"
               }
             )
-          ) : /* @__PURE__ */ React23.createElement("div", { className: "hawa-m-2 hawa-mx-2.5 hawa-h-4 hawa-w-4 hawa-rounded-full hawa-bg-primary/10" }), /* @__PURE__ */ React23.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__ */ React23.createElement(Chip, { label: "soon", color: "oceanic", size: "small" }))),
+          ) : /* @__PURE__ */ React23.createElement("div", { className: "hawa-m-2 hawa-mx-2.5 hawa-h-4 hawa-w-4 hawa-rounded-full hawa-bg-primary/10" }), /* @__PURE__ */ React23.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__ */ React23.createElement(
+            Chip,
+            {
+              label: ((_a2 = props.texts) == null ? void 0 : _a2.soon) || "",
+              color: "oceanic",
+              size: "small"
+            }
+          ))),
           feature.hint && /* @__PURE__ */ React23.createElement(Tooltip, { content: feature.hint, side: feature.hintSide }, /* @__PURE__ */ React23.createElement(
             "svg",
             {
@@ -2171,7 +2179,7 @@ var PricingPlans = ({
       design: "tabs",
       defaultValue: props.currentCycle.value,
       options: props.billingCycles,
-      onChangeTab: (e) => {
+      onChange: (e) => {
         if (props.onCycleChange) {
           props.onCycleChange(e);
         }
@@ -2183,7 +2191,7 @@ var PricingPlans = ({
       design: "tabs",
       defaultValue: props.currentCurrency.value,
       options: props.currencies,
-      onChangeTab: (e) => {
+      onChange: (e) => {
         if (props.onCurrencyChange) {
           props.onCurrencyChange(e);
         }
@@ -2244,7 +2252,7 @@ var ComparingPlans = (props) => {
       design: "tabs",
       defaultValue: props.currentCycle.value,
       options: props.billingCycles,
-      onChangeTab: (e) => {
+      onChange: (e) => {
         if (props.onCycleChange) {
           props.onCycleChange(e);
         }
@@ -2258,7 +2266,7 @@ var ComparingPlans = (props) => {
       design: "tabs",
       defaultValue: props.currentCurrency.value,
       options: props.currencies,
-      onChangeTab: (e) => {
+      onChange: (e) => {
         if (props.onCurrencyChange) {
           props.onCurrencyChange(e);
         }

package/dist/blocks/pricing/index.js

@@ -608,6 +608,7 @@ var PricingCard = ({
         )
       },
       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) => {
+        var _a2;
         return /* @__PURE__ */ import_react7.default.createElement(
           "li",
           {
@@ -634,7 +635,14 @@ 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(Chip, { label: "soon", color: "oceanic", size: "small" }))),
+          ) : /* @__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(
+            Chip,
+            {
+              label: ((_a2 = props.texts) == null ? void 0 : _a2.soon) || "",
+              color: "oceanic",
+              size: "small"
+            }
+          ))),
           feature.hint && /* @__PURE__ */ import_react7.default.createElement(Tooltip, { content: feature.hint, side: feature.hintSide }, /* @__PURE__ */ import_react7.default.createElement(
             "svg",
             {
@@ -896,8 +904,10 @@ var Radio = ({
   width = "default",
   size = "default",
   orientation = "horizontal",
+  name,
   labelProps,
   tabsContainerClassName,
+  onChange,
   ...props
 }) => {
   var _a, _b, _c;
@@ -931,6 +941,14 @@ var Radio = ({
       setParentDirection(dir);
     }
   });
+  const handleChange = (opt) => {
+    setSelectedOption(opt.value);
+    if (onChange) {
+      onChange(opt.value);
+    } else {
+      console.log("onChange was not provided");
+    }
+  };
   switch (design) {
     case "tabs":
       return /* @__PURE__ */ import_react11.default.createElement(
@@ -949,14 +967,7 @@ var Radio = ({
           "li",
           {
             "aria-current": "page",
-            onClick: () => {
-              setSelectedOption(opt.value);
-              if (props.onChangeTab) {
-                props.onChangeTab(opt);
-              } else {
-                console.log("onChangeTab was not provided");
-              }
-            },
+            onClick: () => handleChange(opt),
             className: cn(
               "hawa-w-full hawa-cursor-pointer ",
               orientation === "horizontal" && parentDirection === "ltr" && "hawa-rounded-none first:hawa-rounded-l last:hawa-rounded-r",
@@ -995,7 +1006,8 @@ var Radio = ({
               id: opt.value.toString(),
               type: "radio",
               value: opt.value,
-              name: "bordered-radio"
+              name,
+              onChange: () => handleChange(opt)
             }
           ),
           /* @__PURE__ */ import_react11.default.createElement(
@@ -1012,12 +1024,12 @@ var Radio = ({
         )
       )));
     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 }, /* @__PURE__ */ import_react11.default.createElement(
+      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(
         "input",
         {
           type: "radio",
           id: opt.value.toString(),
-          name: "cards-radio",
+          name,
           value: opt.value.toString(),
           className: "hawa-peer hawa-hidden",
           required: true,
@@ -1051,15 +1063,8 @@ var Radio = ({
             id: opt.value.toString(),
             type: "radio",
             value: opt.value,
-            name: "default-radio",
-            onChange: () => {
-              setSelectedOption(opt.value);
-              if (props.onChangeTab) {
-                props.onChangeTab(opt);
-              } else {
-                console.log("onChangeTab was not provided");
-              }
-            }
+            name,
+            onChange: () => handleChange(opt)
           }
         ),
         /* @__PURE__ */ import_react11.default.createElement(
@@ -1098,7 +1103,7 @@ var PricingPlans = ({
       design: "tabs",
       defaultValue: props.currentCycle.value,
       options: props.billingCycles,
-      onChangeTab: (e) => {
+      onChange: (e) => {
         if (props.onCycleChange) {
           props.onCycleChange(e);
         }
@@ -1110,7 +1115,7 @@ var PricingPlans = ({
       design: "tabs",
       defaultValue: props.currentCurrency.value,
       options: props.currencies,
-      onChangeTab: (e) => {
+      onChange: (e) => {
         if (props.onCurrencyChange) {
           props.onCurrencyChange(e);
         }
@@ -1268,7 +1273,7 @@ var ComparingPlans = (props) => {
       design: "tabs",
       defaultValue: props.currentCycle.value,
       options: props.billingCycles,
-      onChangeTab: (e) => {
+      onChange: (e) => {
         if (props.onCycleChange) {
           props.onCycleChange(e);
         }
@@ -1282,7 +1287,7 @@ var ComparingPlans = (props) => {
       design: "tabs",
       defaultValue: props.currentCurrency.value,
       options: props.currencies,
-      onChangeTab: (e) => {
+      onChange: (e) => {
         if (props.onCurrencyChange) {
           props.onCurrencyChange(e);
         }

package/dist/blocks/pricing/index.mjs

@@ -5,7 +5,7 @@ import {
 import "../../chunk-ZCZ3WARS.mjs";
 import {
   Radio
-} from "../../chunk-OT7WQYPD.mjs";
+} from "../../chunk-4Y2FCYFW.mjs";
 import {
   CheckMark,
   UncheckMark
@@ -91,6 +91,7 @@ var PricingCard = ({
         )
       },
       props.features && /* @__PURE__ */ React4.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__ */ React4.createElement(
           "li",
           {
@@ -117,7 +118,14 @@ var PricingCard = ({
                 clipRule: "evenodd"
               }
             )
-          ) : /* @__PURE__ */ React4.createElement("div", { className: "hawa-m-2 hawa-mx-2.5 hawa-h-4 hawa-w-4 hawa-rounded-full hawa-bg-primary/10" }), /* @__PURE__ */ React4.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__ */ React4.createElement(Chip, { label: "soon", color: "oceanic", size: "small" }))),
+          ) : /* @__PURE__ */ React4.createElement("div", { className: "hawa-m-2 hawa-mx-2.5 hawa-h-4 hawa-w-4 hawa-rounded-full hawa-bg-primary/10" }), /* @__PURE__ */ React4.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__ */ React4.createElement(
+            Chip,
+            {
+              label: ((_a2 = props.texts) == null ? void 0 : _a2.soon) || "",
+              color: "oceanic",
+              size: "small"
+            }
+          ))),
           feature.hint && /* @__PURE__ */ React4.createElement(Tooltip, { content: feature.hint, side: feature.hintSide }, /* @__PURE__ */ React4.createElement(
             "svg",
             {
@@ -347,7 +355,7 @@ var PricingPlans = ({
       design: "tabs",
       defaultValue: props.currentCycle.value,
       options: props.billingCycles,
-      onChangeTab: (e) => {
+      onChange: (e) => {
         if (props.onCycleChange) {
           props.onCycleChange(e);
         }
@@ -359,7 +367,7 @@ var PricingPlans = ({
       design: "tabs",
       defaultValue: props.currentCurrency.value,
       options: props.currencies,
-      onChangeTab: (e) => {
+      onChange: (e) => {
         if (props.onCurrencyChange) {
           props.onCurrencyChange(e);
         }
@@ -420,7 +428,7 @@ var ComparingPlans = (props) => {
       design: "tabs",
       defaultValue: props.currentCycle.value,
       options: props.billingCycles,
-      onChangeTab: (e) => {
+      onChange: (e) => {
         if (props.onCycleChange) {
           props.onCycleChange(e);
         }
@@ -434,7 +442,7 @@ var ComparingPlans = (props) => {
       design: "tabs",
       defaultValue: props.currentCurrency.value,
       options: props.currencies,
-      onChangeTab: (e) => {
+      onChange: (e) => {
         if (props.onCurrencyChange) {
           props.onCurrencyChange(e);
         }