@sikka/hawa 0.27.7-next → 0.27.9-next

package/dist/blocks/feedback/index.mjs

@@ -1,25 +1,25 @@
 import {
   Textarea
-} from "../../chunk-7PMCIALZ.mjs";
+} from "../../chunk-3QADSQDZ.mjs";
 import {
   Select
-} from "../../chunk-FWXGRCMV.mjs";
+} from "../../chunk-EZKMFH4D.mjs";
 import {
   Radio
-} from "../../chunk-YVA24XDX.mjs";
+} from "../../chunk-77PYXYCP.mjs";
 import {
   BadEmoji,
   GoodEmoji,
   VeryBadEmoji,
   VeryGoodEmoji
-} from "../../chunk-22AYTFV7.mjs";
+} from "../../chunk-PPOMNW7H.mjs";
 import {
   Button,
   Card,
   CardContent,
   Label,
   cn
-} from "../../chunk-HMOLUVOW.mjs";
+} from "../../chunk-O3Y6K3YE.mjs";
 
 // blocks/feedback/UserReferralSource.tsx
 import React, { useRef, useState } from "react";

package/dist/blocks/index.d.mts

@@ -360,6 +360,7 @@ type ContactFormProps = {
 declare const ContactForm: React__default.FC<ContactFormProps>;
 
 type PricingPlansTypes = {
+    loadingCards?: boolean;
     plans: PricingCardProps[];
     currencies: RadioOptionType[];
     billingCycles: RadioOptionType[];

package/dist/blocks/index.d.ts

@@ -360,6 +360,7 @@ type ContactFormProps = {
 declare const ContactForm: React__default.FC<ContactFormProps>;
 
 type PricingPlansTypes = {
+    loadingCards?: boolean;
     plans: PricingCardProps[];
     currencies: RadioOptionType[];
     billingCycles: RadioOptionType[];

package/dist/blocks/index.js

@@ -627,6 +627,7 @@ var Tooltip = ({
   open,
   content,
   children,
+  disabled,
   defaultOpen,
   onOpenChange,
   triggerProps,
@@ -644,7 +645,7 @@ var Tooltip = ({
     /* @__PURE__ */ import_react3.default.createElement(
       TooltipPrimitive.Root,
       {
-        open,
+        open: !disabled && open,
         defaultOpen,
         onOpenChange,
         ...props
@@ -721,10 +722,10 @@ function Skeleton({
     shimmer: "hawa-space-y-5 hawa-rounded hawa-bg-muted  hawa-p-4 hawa-relative  before:hawa-absolute before:hawa-inset-0 before:hawa--translate-x-full before:hawa-animate-[shimmer_2s_infinite] before:hawa-bg-gradient-to-r before:hawa-from-transparent before:hawa-via-gray-300/40 dark:before:hawa-via-white/10 before:hawa-to-transparent hawa-isolate hawa-overflow-hidden  before:hawa-border-t before:hawa-border-rose-100/10"
   };
   const fadeStyle = {
-    bottom: "[mask-image:linear-gradient(to_bottom,#D1D4DC_50%,transparent_100%)]",
-    top: "[mask-image:linear-gradient(to_top,#D1D4DC_50%,transparent_100%)]",
-    right: "[mask-image:linear-gradient(to_right,#D1D4DC_50%,transparent_100%)]",
-    left: "[mask-image:linear-gradient(to_left,#D1D4DC_50%,transparent_100%)]"
+    bottom: "hawa-mask-fade-bottom",
+    top: "hawa-mask-fade-top",
+    right: "hawa-mask-fade-right",
+    left: "hawa-mask-fade-left "
   };
   return /* @__PURE__ */ import_react4.default.createElement(
     "div",
@@ -781,7 +782,7 @@ var Input = (0, import_react5.forwardRef)(
         )
       },
       props.label && /* @__PURE__ */ import_react5.default.createElement(Label, { ...labelProps }, props.label),
-      props.isLoading ? /* @__PURE__ */ import_react5.default.createElement("div", { className: "hawa-pb-2" }, /* @__PURE__ */ import_react5.default.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" })) : /* @__PURE__ */ import_react5.default.createElement(import_react5.default.Fragment, null, !props.hideSeparator && /* @__PURE__ */ import_react5.default.createElement(
+      /* @__PURE__ */ import_react5.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-w-full hawa-items-center " }, props.prefixText && /* @__PURE__ */ import_react5.default.createElement("span", { className: cn("hawa-me-2 hawa-opacity-90", !forceHideHelperText && "hawa-mb-2") }, props.prefixText), props.isLoading ? /* @__PURE__ */ import_react5.default.createElement("div", { className: "hawa-pb-2" }, /* @__PURE__ */ import_react5.default.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" })) : /* @__PURE__ */ import_react5.default.createElement(import_react5.default.Fragment, null, !props.hideSeparator && /* @__PURE__ */ import_react5.default.createElement(
         "div",
         {
           className: cn(
@@ -789,7 +790,7 @@ var Input = (0, import_react5.forwardRef)(
             preview ? "hawa-opacity-100" : "hawa-opacity-0"
           )
         }
-      ), /* @__PURE__ */ import_react5.default.createElement(import_react5.default.Fragment, null, /* @__PURE__ */ import_react5.default.createElement("div", { className: "hawa-relative" }, props.startIcon && /* @__PURE__ */ import_react5.default.createElement("div", { className: "hawa-absolute hawa-start-3 hawa-top-1/2 hawa--translate-y-1/2" }, props.startIcon), props.endIcon && /* @__PURE__ */ import_react5.default.createElement(
+      ), /* @__PURE__ */ import_react5.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-w-full hawa-gap-2" }, /* @__PURE__ */ import_react5.default.createElement("div", { className: "hawa-relative" }, props.startIcon && /* @__PURE__ */ import_react5.default.createElement("div", { className: "hawa-absolute hawa-start-3 hawa-top-1/2 hawa--translate-y-1/2" }, props.startIcon), props.endIcon && /* @__PURE__ */ import_react5.default.createElement(
         "div",
         {
           className: cn(
@@ -857,7 +858,7 @@ var Input = (0, import_react5.forwardRef)(
         props.value ? String(props.value).length : 0,
         "/",
         props.maxLength
-      )))
+      ))))
     );
   }
 );
@@ -5896,7 +5897,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_react38.default.createElement(
+  return /* @__PURE__ */ import_react38.default.createElement(import_react38.default.Fragment, null, props.isLoadingCard ? /* @__PURE__ */ import_react38.default.createElement(
+    Skeleton,
+    {
+      className: cn(cardSizes[size], "hawa-h-[200px]"),
+      fade: "bottom"
+    }
+  ) : /* @__PURE__ */ import_react38.default.createElement(
     Card,
     {
       dir: direction,
@@ -5915,7 +5922,7 @@ var PricingCard = ({
       },
       ((_a = props.texts) == null ? void 0 : _a.recommended) || "RECOMMENDED"
     ),
-    /* @__PURE__ */ import_react38.default.createElement("div", { className: "hawa-flex hawa-h-full hawa-flex-col hawa-gap-4" }, /* @__PURE__ */ import_react38.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_react38.default.createElement("span", null, (_b = props.texts) == null ? void 0 : _b.title), /* @__PURE__ */ import_react38.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_react38.default.createElement("span", { className: "hawa-absolute hawa-end-0" }, /* @__PURE__ */ import_react38.default.createElement(Chip, { label: props.discount, size: "large", color: "hyper" }))), /* @__PURE__ */ import_react38.default.createElement("div", { className: " hawa-flex hawa-items-baseline  hawa-text-primary" }, props.isLoading ? /* @__PURE__ */ import_react38.default.createElement(Skeleton, { className: "hawa-h-[48px] hawa-w-full hawa-max-w-[200px] hawa-p-0 " }) : /* @__PURE__ */ import_react38.default.createElement(import_react38.default.Fragment, null, props.noPrice ? /* @__PURE__ */ import_react38.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_react38.default.createElement(import_react38.default.Fragment, null, /* @__PURE__ */ import_react38.default.createElement(import_react38.default.Fragment, null, /* @__PURE__ */ import_react38.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-end   hawa-gap-2" }, props.oldPrice && props.oldPrice > 0 && /* @__PURE__ */ import_react38.default.createElement("span", { className: "hawa-line-through hawa-opacity-70" }, props.oldPrice + " " + ((_e = props.texts) == null ? void 0 : _e.currencyText)), /* @__PURE__ */ import_react38.default.createElement("span", { className: "hawa-text-5xl hawa-font-extrabold hawa-tracking-tight" }, props.price)), /* @__PURE__ */ import_react38.default.createElement("span", { className: "hawa-mx-1 hawa-text-sm hawa-font-semibold" }, (_f = props.texts) == null ? void 0 : _f.currencyText)), /* @__PURE__ */ import_react38.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_react38.default.createElement(Separator, null), /* @__PURE__ */ import_react38.default.createElement(
+    /* @__PURE__ */ import_react38.default.createElement("div", { className: "hawa-flex hawa-h-full hawa-flex-col hawa-gap-4" }, /* @__PURE__ */ import_react38.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_react38.default.createElement("span", null, (_b = props.texts) == null ? void 0 : _b.title), /* @__PURE__ */ import_react38.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_react38.default.createElement("span", { className: "hawa-absolute hawa-end-0" }, /* @__PURE__ */ import_react38.default.createElement(Chip, { label: props.discount, size: "large", color: "hyper" }))), /* @__PURE__ */ import_react38.default.createElement("div", { className: " hawa-flex hawa-items-baseline  hawa-text-primary" }, props.isLoadingPrice ? /* @__PURE__ */ import_react38.default.createElement(Skeleton, { className: "hawa-h-[48px] hawa-w-full hawa-max-w-[200px] hawa-p-0 " }) : /* @__PURE__ */ import_react38.default.createElement(import_react38.default.Fragment, null, props.noPrice ? /* @__PURE__ */ import_react38.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_react38.default.createElement(import_react38.default.Fragment, null, /* @__PURE__ */ import_react38.default.createElement(import_react38.default.Fragment, null, /* @__PURE__ */ import_react38.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-end   hawa-gap-2" }, props.oldPrice && props.oldPrice > 0 && /* @__PURE__ */ import_react38.default.createElement("span", { className: "hawa-line-through hawa-opacity-70" }, props.oldPrice + " " + ((_e = props.texts) == null ? void 0 : _e.currencyText)), /* @__PURE__ */ import_react38.default.createElement("span", { className: "hawa-text-5xl hawa-font-extrabold hawa-tracking-tight" }, props.price)), /* @__PURE__ */ import_react38.default.createElement("span", { className: "hawa-mx-1 hawa-text-sm hawa-font-semibold" }, (_f = props.texts) == null ? void 0 : _f.currencyText)), /* @__PURE__ */ import_react38.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_react38.default.createElement(Separator, null), /* @__PURE__ */ import_react38.default.createElement(
       "div",
       {
         className: cn(
@@ -5959,22 +5966,29 @@ var PricingCard = ({
               size: "small"
             }
           ))),
-          feature.hint && /* @__PURE__ */ import_react38.default.createElement(Tooltip, { content: feature.hint, side: feature.hintSide }, /* @__PURE__ */ import_react38.default.createElement(
-            "svg",
+          feature.hint && /* @__PURE__ */ import_react38.default.createElement(
+            Tooltip,
             {
-              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"
+              content: feature.hint,
+              side: feature.hintSide
             },
-            /* @__PURE__ */ import_react38.default.createElement("circle", { cx: "12", cy: "12", r: "10" }),
-            /* @__PURE__ */ import_react38.default.createElement("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
-            /* @__PURE__ */ import_react38.default.createElement("path", { d: "M12 17h.01" })
-          ))
+            /* @__PURE__ */ import_react38.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_react38.default.createElement("circle", { cx: "12", cy: "12", r: "10" }),
+              /* @__PURE__ */ import_react38.default.createElement("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
+              /* @__PURE__ */ import_react38.default.createElement("path", { d: "M12 17h.01" })
+            )
+          )
         );
       })),
       /* @__PURE__ */ import_react38.default.createElement(
@@ -5987,7 +6001,7 @@ var PricingCard = ({
         (_i = props.texts) == null ? void 0 : _i.buttonText
       )
     ))
-  );
+  ));
 };
 
 // blocks/cards/ItemCard.tsx
@@ -6503,6 +6517,7 @@ var PricingPlans = ({
             }
           },
           ...plan,
+          isLoadingCard: props.loadingCards || plan.isLoadingCard,
           price: plan.price,
           texts: {
             ...plan.texts,

package/dist/blocks/index.mjs

@@ -25,7 +25,7 @@ import {
   UncheckMark,
   VeryBadEmoji,
   VeryGoodEmoji
-} from "../chunk-KLVQRGD5.mjs";
+} from "../chunk-YHED4XVA.mjs";
 import {
   Button,
   Card,
@@ -41,7 +41,7 @@ import {
   Skeleton,
   Tooltip,
   cn
-} from "../chunk-VH3BSHXE.mjs";
+} from "../chunk-H6RXLCDX.mjs";
 import "../chunk-ZFXKCRJC.mjs";
 
 // blocks/auth/LoginForm.tsx
@@ -2039,7 +2039,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__ */ React23.createElement(
+  return /* @__PURE__ */ React23.createElement(React23.Fragment, null, props.isLoadingCard ? /* @__PURE__ */ React23.createElement(
+    Skeleton,
+    {
+      className: cn(cardSizes[size], "hawa-h-[200px]"),
+      fade: "bottom"
+    }
+  ) : /* @__PURE__ */ React23.createElement(
     Card,
     {
       dir: direction,
@@ -2058,7 +2064,7 @@ var PricingCard = ({
       },
       ((_a = props.texts) == null ? void 0 : _a.recommended) || "RECOMMENDED"
     ),
-    /* @__PURE__ */ React23.createElement("div", { className: "hawa-flex hawa-h-full hawa-flex-col hawa-gap-4" }, /* @__PURE__ */ React23.createElement("div", { className: "hawa-text-md hawa-relative hawa-flex hawa-flex-col hawa-justify-between hawa-font-bold hawa-text-primary/70" }, /* @__PURE__ */ React23.createElement("span", null, (_b = props.texts) == null ? void 0 : _b.title), /* @__PURE__ */ React23.createElement("h5", { className: "hawa-text-sm  hawa-font-normal hawa-text-primary/70" }, (_c = props.texts) == null ? void 0 : _c.subtitle), props.discount && /* @__PURE__ */ React23.createElement("span", { className: "hawa-absolute hawa-end-0" }, /* @__PURE__ */ React23.createElement(Chip, { label: props.discount, size: "large", color: "hyper" }))), /* @__PURE__ */ React23.createElement("div", { className: " hawa-flex hawa-items-baseline  hawa-text-primary" }, props.isLoading ? /* @__PURE__ */ React23.createElement(Skeleton, { className: "hawa-h-[48px] hawa-w-full hawa-max-w-[200px] hawa-p-0 " }) : /* @__PURE__ */ React23.createElement(React23.Fragment, null, props.noPrice ? /* @__PURE__ */ React23.createElement("div", { className: "hawa-text-5xl hawa-font-extrabold hawa-tracking-tight" }, ((_d = props.texts) == null ? void 0 : _d.priceless) || "Contact Us") : /* @__PURE__ */ React23.createElement(React23.Fragment, null, /* @__PURE__ */ React23.createElement(React23.Fragment, null, /* @__PURE__ */ React23.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-end   hawa-gap-2" }, props.oldPrice && props.oldPrice > 0 && /* @__PURE__ */ React23.createElement("span", { className: "hawa-line-through hawa-opacity-70" }, props.oldPrice + " " + ((_e = props.texts) == null ? void 0 : _e.currencyText)), /* @__PURE__ */ React23.createElement("span", { className: "hawa-text-5xl hawa-font-extrabold hawa-tracking-tight" }, props.price)), /* @__PURE__ */ React23.createElement("span", { className: "hawa-mx-1 hawa-text-sm hawa-font-semibold" }, (_f = props.texts) == null ? void 0 : _f.currencyText)), /* @__PURE__ */ React23.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__ */ React23.createElement(Separator, null), /* @__PURE__ */ React23.createElement(
+    /* @__PURE__ */ React23.createElement("div", { className: "hawa-flex hawa-h-full hawa-flex-col hawa-gap-4" }, /* @__PURE__ */ React23.createElement("div", { className: "hawa-text-md hawa-relative hawa-flex hawa-flex-col hawa-justify-between hawa-font-bold hawa-text-primary/70" }, /* @__PURE__ */ React23.createElement("span", null, (_b = props.texts) == null ? void 0 : _b.title), /* @__PURE__ */ React23.createElement("h5", { className: "hawa-text-sm  hawa-font-normal hawa-text-primary/70" }, (_c = props.texts) == null ? void 0 : _c.subtitle), props.discount && /* @__PURE__ */ React23.createElement("span", { className: "hawa-absolute hawa-end-0" }, /* @__PURE__ */ React23.createElement(Chip, { label: props.discount, size: "large", color: "hyper" }))), /* @__PURE__ */ React23.createElement("div", { className: " hawa-flex hawa-items-baseline  hawa-text-primary" }, props.isLoadingPrice ? /* @__PURE__ */ React23.createElement(Skeleton, { className: "hawa-h-[48px] hawa-w-full hawa-max-w-[200px] hawa-p-0 " }) : /* @__PURE__ */ React23.createElement(React23.Fragment, null, props.noPrice ? /* @__PURE__ */ React23.createElement("div", { className: "hawa-text-5xl hawa-font-extrabold hawa-tracking-tight" }, ((_d = props.texts) == null ? void 0 : _d.priceless) || "Contact Us") : /* @__PURE__ */ React23.createElement(React23.Fragment, null, /* @__PURE__ */ React23.createElement(React23.Fragment, null, /* @__PURE__ */ React23.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-end   hawa-gap-2" }, props.oldPrice && props.oldPrice > 0 && /* @__PURE__ */ React23.createElement("span", { className: "hawa-line-through hawa-opacity-70" }, props.oldPrice + " " + ((_e = props.texts) == null ? void 0 : _e.currencyText)), /* @__PURE__ */ React23.createElement("span", { className: "hawa-text-5xl hawa-font-extrabold hawa-tracking-tight" }, props.price)), /* @__PURE__ */ React23.createElement("span", { className: "hawa-mx-1 hawa-text-sm hawa-font-semibold" }, (_f = props.texts) == null ? void 0 : _f.currencyText)), /* @__PURE__ */ React23.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__ */ React23.createElement(Separator, null), /* @__PURE__ */ React23.createElement(
       "div",
       {
         className: cn(
@@ -2102,22 +2108,29 @@ var PricingCard = ({
               size: "small"
             }
           ))),
-          feature.hint && /* @__PURE__ */ React23.createElement(Tooltip, { content: feature.hint, side: feature.hintSide }, /* @__PURE__ */ React23.createElement(
-            "svg",
+          feature.hint && /* @__PURE__ */ React23.createElement(
+            Tooltip,
             {
-              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"
+              content: feature.hint,
+              side: feature.hintSide
             },
-            /* @__PURE__ */ React23.createElement("circle", { cx: "12", cy: "12", r: "10" }),
-            /* @__PURE__ */ React23.createElement("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
-            /* @__PURE__ */ React23.createElement("path", { d: "M12 17h.01" })
-          ))
+            /* @__PURE__ */ React23.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__ */ React23.createElement("circle", { cx: "12", cy: "12", r: "10" }),
+              /* @__PURE__ */ React23.createElement("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
+              /* @__PURE__ */ React23.createElement("path", { d: "M12 17h.01" })
+            )
+          )
         );
       })),
       /* @__PURE__ */ React23.createElement(
@@ -2130,7 +2143,7 @@ var PricingCard = ({
         (_i = props.texts) == null ? void 0 : _i.buttonText
       )
     ))
-  );
+  ));
 };
 
 // blocks/cards/ItemCard.tsx
@@ -2313,6 +2326,7 @@ var PricingPlans = ({
             }
           },
           ...plan,
+          isLoadingCard: props.loadingCards || plan.isLoadingCard,
           price: plan.price,
           texts: {
             ...plan.texts,

package/dist/blocks/misc/index.js

@@ -715,6 +715,7 @@ var Tooltip = ({
   open,
   content,
   children,
+  disabled,
   defaultOpen,
   onOpenChange,
   triggerProps,
@@ -732,7 +733,7 @@ var Tooltip = ({
     /* @__PURE__ */ import_react6.default.createElement(
       TooltipPrimitive.Root,
       {
-        open,
+        open: !disabled && open,
         defaultOpen,
         onOpenChange,
         ...props
@@ -809,10 +810,10 @@ function Skeleton({
     shimmer: "hawa-space-y-5 hawa-rounded hawa-bg-muted  hawa-p-4 hawa-relative  before:hawa-absolute before:hawa-inset-0 before:hawa--translate-x-full before:hawa-animate-[shimmer_2s_infinite] before:hawa-bg-gradient-to-r before:hawa-from-transparent before:hawa-via-gray-300/40 dark:before:hawa-via-white/10 before:hawa-to-transparent hawa-isolate hawa-overflow-hidden  before:hawa-border-t before:hawa-border-rose-100/10"
   };
   const fadeStyle = {
-    bottom: "[mask-image:linear-gradient(to_bottom,#D1D4DC_50%,transparent_100%)]",
-    top: "[mask-image:linear-gradient(to_top,#D1D4DC_50%,transparent_100%)]",
-    right: "[mask-image:linear-gradient(to_right,#D1D4DC_50%,transparent_100%)]",
-    left: "[mask-image:linear-gradient(to_left,#D1D4DC_50%,transparent_100%)]"
+    bottom: "hawa-mask-fade-bottom",
+    top: "hawa-mask-fade-top",
+    right: "hawa-mask-fade-right",
+    left: "hawa-mask-fade-left "
   };
   return /* @__PURE__ */ import_react7.default.createElement(
     "div",
@@ -869,7 +870,7 @@ var Input = (0, import_react8.forwardRef)(
         )
       },
       props.label && /* @__PURE__ */ import_react8.default.createElement(Label, { ...labelProps }, props.label),
-      props.isLoading ? /* @__PURE__ */ import_react8.default.createElement("div", { className: "hawa-pb-2" }, /* @__PURE__ */ import_react8.default.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" })) : /* @__PURE__ */ import_react8.default.createElement(import_react8.default.Fragment, null, !props.hideSeparator && /* @__PURE__ */ import_react8.default.createElement(
+      /* @__PURE__ */ import_react8.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-w-full hawa-items-center " }, props.prefixText && /* @__PURE__ */ import_react8.default.createElement("span", { className: cn("hawa-me-2 hawa-opacity-90", !forceHideHelperText && "hawa-mb-2") }, props.prefixText), props.isLoading ? /* @__PURE__ */ import_react8.default.createElement("div", { className: "hawa-pb-2" }, /* @__PURE__ */ import_react8.default.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" })) : /* @__PURE__ */ import_react8.default.createElement(import_react8.default.Fragment, null, !props.hideSeparator && /* @__PURE__ */ import_react8.default.createElement(
         "div",
         {
           className: cn(
@@ -877,7 +878,7 @@ var Input = (0, import_react8.forwardRef)(
             preview ? "hawa-opacity-100" : "hawa-opacity-0"
           )
         }
-      ), /* @__PURE__ */ import_react8.default.createElement(import_react8.default.Fragment, null, /* @__PURE__ */ import_react8.default.createElement("div", { className: "hawa-relative" }, props.startIcon && /* @__PURE__ */ import_react8.default.createElement("div", { className: "hawa-absolute hawa-start-3 hawa-top-1/2 hawa--translate-y-1/2" }, props.startIcon), props.endIcon && /* @__PURE__ */ import_react8.default.createElement(
+      ), /* @__PURE__ */ import_react8.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-w-full hawa-gap-2" }, /* @__PURE__ */ import_react8.default.createElement("div", { className: "hawa-relative" }, props.startIcon && /* @__PURE__ */ import_react8.default.createElement("div", { className: "hawa-absolute hawa-start-3 hawa-top-1/2 hawa--translate-y-1/2" }, props.startIcon), props.endIcon && /* @__PURE__ */ import_react8.default.createElement(
         "div",
         {
           className: cn(
@@ -945,7 +946,7 @@ var Input = (0, import_react8.forwardRef)(
         props.value ? String(props.value).length : 0,
         "/",
         props.maxLength
-      )))
+      ))))
     );
   }
 );

package/dist/blocks/misc/index.mjs

@@ -1,16 +1,16 @@
 import {
   Input
-} from "../../chunk-3V6NT6T7.mjs";
+} from "../../chunk-YVH4TWNC.mjs";
 import {
   Chip,
   ScrollArea
-} from "../../chunk-3DLPFXOW.mjs";
+} from "../../chunk-TZT5E6NW.mjs";
 import {
   Textarea
-} from "../../chunk-7PMCIALZ.mjs";
+} from "../../chunk-3QADSQDZ.mjs";
 import {
   Select
-} from "../../chunk-FWXGRCMV.mjs";
+} from "../../chunk-EZKMFH4D.mjs";
 import {
   Button,
   Card,
@@ -20,7 +20,7 @@ import {
   CardHeader,
   CardTitle,
   cn
-} from "../../chunk-HMOLUVOW.mjs";
+} from "../../chunk-O3Y6K3YE.mjs";
 
 // blocks/misc/LegalTexts.tsx
 import React2 from "react";

package/dist/blocks/pricing/index.d.mts

@@ -21,11 +21,13 @@ type PricingCardProps = {
     currentPlan?: boolean;
     recommended?: boolean;
     size?: "small" | "medium" | "large";
-    isLoading?: boolean;
+    isLoadingPrice?: boolean;
+    isLoadingCard?: boolean;
     texts: PricingPlanTexts;
 };
 
 type PricingPlansTypes = {
+    loadingCards?: boolean;
     plans: PricingCardProps[];
     currencies: RadioOptionType[];
     billingCycles: RadioOptionType[];

package/dist/blocks/pricing/index.d.ts

@@ -21,11 +21,13 @@ type PricingCardProps = {
     currentPlan?: boolean;
     recommended?: boolean;
     size?: "small" | "medium" | "large";
-    isLoading?: boolean;
+    isLoadingPrice?: boolean;
+    isLoadingCard?: boolean;
     texts: PricingPlanTexts;
 };
 
 type PricingPlansTypes = {
+    loadingCards?: boolean;
     plans: PricingCardProps[];
     currencies: RadioOptionType[];
     billingCycles: RadioOptionType[];

package/dist/blocks/pricing/index.js

@@ -463,10 +463,10 @@ function Skeleton({
     shimmer: "hawa-space-y-5 hawa-rounded hawa-bg-muted  hawa-p-4 hawa-relative  before:hawa-absolute before:hawa-inset-0 before:hawa--translate-x-full before:hawa-animate-[shimmer_2s_infinite] before:hawa-bg-gradient-to-r before:hawa-from-transparent before:hawa-via-gray-300/40 dark:before:hawa-via-white/10 before:hawa-to-transparent hawa-isolate hawa-overflow-hidden  before:hawa-border-t before:hawa-border-rose-100/10"
   };
   const fadeStyle = {
-    bottom: "[mask-image:linear-gradient(to_bottom,#D1D4DC_50%,transparent_100%)]",
-    top: "[mask-image:linear-gradient(to_top,#D1D4DC_50%,transparent_100%)]",
-    right: "[mask-image:linear-gradient(to_right,#D1D4DC_50%,transparent_100%)]",
-    left: "[mask-image:linear-gradient(to_left,#D1D4DC_50%,transparent_100%)]"
+    bottom: "hawa-mask-fade-bottom",
+    top: "hawa-mask-fade-top",
+    right: "hawa-mask-fade-right",
+    left: "hawa-mask-fade-left "
   };
   return /* @__PURE__ */ import_react4.default.createElement(
     "div",
@@ -511,6 +511,7 @@ var Tooltip = ({
   open,
   content,
   children,
+  disabled,
   defaultOpen,
   onOpenChange,
   triggerProps,
@@ -528,7 +529,7 @@ var Tooltip = ({
     /* @__PURE__ */ import_react5.default.createElement(
       TooltipPrimitive.Root,
       {
-        open,
+        open: !disabled && open,
         defaultOpen,
         onOpenChange,
         ...props
@@ -644,7 +645,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(
+  return /* @__PURE__ */ import_react7.default.createElement(import_react7.default.Fragment, null, props.isLoadingCard ? /* @__PURE__ */ import_react7.default.createElement(
+    Skeleton,
+    {
+      className: cn(cardSizes[size], "hawa-h-[200px]"),
+      fade: "bottom"
+    }
+  ) : /* @__PURE__ */ import_react7.default.createElement(
     Card,
     {
       dir: direction,
@@ -663,7 +670,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.isLoading ? /* @__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_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(
       "div",
       {
         className: cn(
@@ -707,22 +714,29 @@ var PricingCard = ({
               size: "small"
             }
           ))),
-          feature.hint && /* @__PURE__ */ import_react7.default.createElement(Tooltip, { content: feature.hint, side: feature.hintSide }, /* @__PURE__ */ import_react7.default.createElement(
-            "svg",
+          feature.hint && /* @__PURE__ */ import_react7.default.createElement(
+            Tooltip,
             {
-              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"
+              content: feature.hint,
+              side: feature.hintSide
             },
-            /* @__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_react7.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_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_react7.default.createElement(
@@ -735,7 +749,7 @@ var PricingCard = ({
         (_i = props.texts) == null ? void 0 : _i.buttonText
       )
     ))
-  );
+  ));
 };
 
 // blocks/cards/ItemCard.tsx
@@ -1216,6 +1230,7 @@ var PricingPlans = ({
             }
           },
           ...plan,
+          isLoadingCard: props.loadingCards || plan.isLoadingCard,
           price: plan.price,
           texts: {
             ...plan.texts,