@sikka/hawa 0.35.2-next → 0.35.4-next

package/dist/blocks/index.js

@@ -6402,7 +6402,7 @@ var ContactForm = ({
 };
 
 // blocks/pricing/PricingPlans.tsx
-var import_react59 = __toESM(require("react"));
+var import_react60 = __toESM(require("react"));
 
 // blocks/cards/ActionCard.tsx
 var import_react54 = __toESM(require("react"));
@@ -6660,14 +6660,14 @@ var PricingCard = ({
 };
 
 // blocks/cards/ItemCard.tsx
-var import_react57 = __toESM(require("react"));
+var import_react58 = __toESM(require("react"));
 
 // elements/dropdownMenu/DropdownMenu.tsx
 var React59 = __toESM(require("react"));
+var import_react57 = require("@headlessui/react");
 var DropdownMenuPrimitive = __toESM(require("@radix-ui/react-dropdown-menu"));
 var DropdownMenuRoot = DropdownMenuPrimitive.Root;
 var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
-var DropdownMenuPortal = DropdownMenuPrimitive.Portal;
 var DropdownMenuSub = DropdownMenuPrimitive.Sub;
 var DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
 var DropdownMenuSubTrigger = React59.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ React59.createElement(
@@ -6717,7 +6717,7 @@ var DropdownMenuSubContent = React59.forwardRef(({ className, ...props }, ref) =
   }
 ));
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
-var DropdownMenuContent = React59.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React59.createElement(DropdownMenuPrimitive.Portal, null, /* @__PURE__ */ React59.createElement(
+var DropdownMenuContent = React59.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React59.createElement(import_react57.Portal, null, /* @__PURE__ */ React59.createElement(
   DropdownMenuPrimitive.Content,
   {
     ref,
@@ -6854,6 +6854,7 @@ var DropdownMenu = ({
   side,
   className,
   triggerClassname,
+  triggerProps,
   align,
   alignOffset,
   onItemSelect,
@@ -6885,8 +6886,16 @@ var DropdownMenu = ({
       modal: false,
       dir: direction
     },
-    /* @__PURE__ */ React59.createElement(DropdownMenuTrigger, { asChild: true, className: triggerClassname }, trigger),
-    /* @__PURE__ */ React59.createElement(DropdownMenuPortal, null, /* @__PURE__ */ React59.createElement(
+    /* @__PURE__ */ React59.createElement(
+      DropdownMenuTrigger,
+      {
+        asChild: true,
+        className: triggerClassname,
+        ...triggerProps
+      },
+      trigger
+    ),
+    /* @__PURE__ */ React59.createElement(import_react57.Portal, null, /* @__PURE__ */ React59.createElement(
       DropdownMenuContent,
       {
         side,
@@ -6947,7 +6956,7 @@ var DropdownMenu = ({
             },
             item.icon && item.icon,
             item.label && item.label
-          ), /* @__PURE__ */ React59.createElement(DropdownMenuPortal, null, /* @__PURE__ */ React59.createElement(DropdownMenuSubContent, null, item.subitems.map((subitem, subIndex) => {
+          ), /* @__PURE__ */ React59.createElement(import_react57.Portal, null, /* @__PURE__ */ React59.createElement(DropdownMenuSubContent, null, item.subitems.map((subitem, subIndex) => {
             const SubitemLinkComponent = subitem.slug ? LinkComponent : "a";
             return /* @__PURE__ */ React59.createElement(
               DropdownMenuItem,
@@ -7060,12 +7069,12 @@ var ItemCard = ({
     )
   };
   let headerActionsButtonStyle = "hawa-inline-block hawa-rounded hawa-p-1 hawa-text-sm hawa-text-gray-500 hover:hawa-bg-gray-100 focus:hawa-outline-none focus:hawa-ring-4 focus:hawa-ring-gray-200 dark:hawa-text-gray-400 dark:hover:hawa-bg-gray-700 dark:focus:hawa-ring-gray-700";
-  const [openActionHeader, setOpenActionHeader] = (0, import_react57.useState)(false);
+  const [openActionHeader, setOpenActionHeader] = (0, import_react58.useState)(false);
   function handleOpenActionHeader(e) {
     e.stopPropagation();
     setOpenActionHeader(!openActionHeader);
   }
-  (0, import_react57.useEffect)(() => {
+  (0, import_react58.useEffect)(() => {
     window.onclick = () => {
       if (openActionHeader) {
         setOpenActionHeader(false);
@@ -7073,7 +7082,7 @@ var ItemCard = ({
     };
     return () => window.onclick = null;
   }, [openActionHeader]);
-  return /* @__PURE__ */ import_react57.default.createElement(
+  return /* @__PURE__ */ import_react58.default.createElement(
     "div",
     {
       className: cn(
@@ -7089,7 +7098,7 @@ var ItemCard = ({
         }
       }
     },
-    cardImage && /* @__PURE__ */ import_react57.default.createElement("div", { className: "hawa-group hawa-relative hawa-overflow-clip" }, /* @__PURE__ */ import_react57.default.createElement(
+    cardImage && /* @__PURE__ */ import_react58.default.createElement("div", { className: "hawa-group hawa-relative hawa-overflow-clip" }, /* @__PURE__ */ import_react58.default.createElement(
       "img",
       {
         src: cardImage,
@@ -7098,7 +7107,7 @@ var ItemCard = ({
           clickableImage ? "hawa-overflow-clip hawa-transition-all group-hover:hawa-blur-lg" : ""
         )
       }
-    ), clickableImage && /* @__PURE__ */ import_react57.default.createElement(StopPropagationWrapper, null, /* @__PURE__ */ import_react57.default.createElement("div", { className: "hawa-absolute hawa-left-0 hawa-top-0 hawa-flex hawa-h-full hawa-w-full hawa-items-center hawa-justify-center hawa-opacity-0 hawa-transition-all group-hover:hawa-opacity-100 " }, /* @__PURE__ */ import_react57.default.createElement(
+    ), clickableImage && /* @__PURE__ */ import_react58.default.createElement(StopPropagationWrapper, null, /* @__PURE__ */ import_react58.default.createElement("div", { className: "hawa-absolute hawa-left-0 hawa-top-0 hawa-flex hawa-h-full hawa-w-full hawa-items-center hawa-justify-center hawa-opacity-0 hawa-transition-all group-hover:hawa-opacity-100 " }, /* @__PURE__ */ import_react58.default.createElement(
       Button,
       {
         variant: "secondary",
@@ -7108,19 +7117,19 @@ var ItemCard = ({
       clickableImageActionIcon,
       clickableImageActionText || "Click"
     )))),
-    /* @__PURE__ */ import_react57.default.createElement("div", { className: "hawa-relative hawa-flex hawa-h-full hawa-w-full hawa-flex-col hawa-justify-between hawa-p-4 xs:hawa-p-6 xs:hawa-px-2 xs:hawa-pb-2" }, headerActions && /* @__PURE__ */ import_react57.default.createElement("div", { className: "hawa-absolute hawa-end-0 hawa-top-0 hawa-flex hawa-justify-end hawa-pe-3 hawa-pt-3" }, /* @__PURE__ */ import_react57.default.createElement(StopPropagationWrapper, null, /* @__PURE__ */ import_react57.default.createElement(
+    /* @__PURE__ */ import_react58.default.createElement("div", { className: "hawa-relative hawa-flex hawa-h-full hawa-w-full hawa-flex-col hawa-justify-between hawa-p-4 xs:hawa-p-6 xs:hawa-px-2 xs:hawa-pb-2" }, headerActions && /* @__PURE__ */ import_react58.default.createElement("div", { className: "hawa-absolute hawa-end-0 hawa-top-0 hawa-flex hawa-justify-end hawa-pe-3 hawa-pt-3" }, /* @__PURE__ */ import_react58.default.createElement(StopPropagationWrapper, null, /* @__PURE__ */ import_react58.default.createElement(
       DropdownMenu,
       {
         items: headerActions,
-        trigger: /* @__PURE__ */ import_react57.default.createElement(
+        trigger: /* @__PURE__ */ import_react58.default.createElement(
           Button,
           {
             variant: "ghost",
             size: "smallIcon",
             onClick: handleOpenActionHeader
           },
-          /* @__PURE__ */ import_react57.default.createElement("span", { className: "hawa-sr-only" }, "Open dropdown"),
-          /* @__PURE__ */ import_react57.default.createElement(
+          /* @__PURE__ */ import_react58.default.createElement("span", { className: "hawa-sr-only" }, "Open dropdown"),
+          /* @__PURE__ */ import_react58.default.createElement(
             "svg",
             {
               className: "hawa-h-5 hawa-w-5",
@@ -7128,11 +7137,11 @@ var ItemCard = ({
               fill: "currentColor",
               viewBox: "0 0 20 20"
             },
-            /* @__PURE__ */ import_react57.default.createElement("path", { d: "M10 6a2 2 0 110-4 2 2 0 010 4zM10 12a2 2 0 110-4 2 2 0 010 4zM10 18a2 2 0 110-4 2 2 0 010 4z" })
+            /* @__PURE__ */ import_react58.default.createElement("path", { d: "M10 6a2 2 0 110-4 2 2 0 010 4zM10 12a2 2 0 110-4 2 2 0 010 4zM10 18a2 2 0 110-4 2 2 0 010 4z" })
           )
         )
       }
-    ))), /* @__PURE__ */ import_react57.default.createElement("div", { className: " hawa-mx-2" }, header && /* @__PURE__ */ import_react57.default.createElement("h5", { className: "hawa-mb-2 hawa-text-2xl hawa-font-bold hawa-tracking-tight " }, header), content && /* @__PURE__ */ import_react57.default.createElement("span", { className: "hawa-w-full hawa-font-normal " }, content)), actions || counts ? /* @__PURE__ */ import_react57.default.createElement(
+    ))), /* @__PURE__ */ import_react58.default.createElement("div", { className: " hawa-mx-2" }, header && /* @__PURE__ */ import_react58.default.createElement("h5", { className: "hawa-mb-2 hawa-text-2xl hawa-font-bold hawa-tracking-tight " }, header), content && /* @__PURE__ */ import_react58.default.createElement("span", { className: "hawa-w-full hawa-font-normal " }, content)), actions || counts ? /* @__PURE__ */ import_react58.default.createElement(
       "div",
       {
         className: cn(
@@ -7142,15 +7151,15 @@ var ItemCard = ({
         )
       },
       counts,
-      /* @__PURE__ */ import_react57.default.createElement(StopPropagationWrapper, null, actions)
+      /* @__PURE__ */ import_react58.default.createElement(StopPropagationWrapper, null, actions)
     ) : null)
   );
 };
 
 // blocks/cards/LandingCard.tsx
-var import_react58 = __toESM(require("react"));
+var import_react59 = __toESM(require("react"));
 var LandingCard = (props) => {
-  return /* @__PURE__ */ import_react58.default.createElement(Card, { className: props.className }, /* @__PURE__ */ import_react58.default.createElement(CardHeader, null, props.icon, /* @__PURE__ */ import_react58.default.createElement(CardTitle, null, props.title), /* @__PURE__ */ import_react58.default.createElement(CardDescription, null, props.subtitle)));
+  return /* @__PURE__ */ import_react59.default.createElement(Card, { className: props.className }, /* @__PURE__ */ import_react59.default.createElement(CardHeader, null, props.icon, /* @__PURE__ */ import_react59.default.createElement(CardTitle, null, props.title), /* @__PURE__ */ import_react59.default.createElement(CardDescription, null, props.subtitle)));
 };
 
 // blocks/pricing/PricingPlans.tsx
@@ -7159,7 +7168,7 @@ var PricingPlans = ({
   cardsContainerProps,
   ...props
 }) => {
-  return /* @__PURE__ */ import_react59.default.createElement("div", { ...mainContainerProps }, /* @__PURE__ */ import_react59.default.createElement("div", { className: "hawa-mb-2 hawa-flex hawa-w-full hawa-justify-between" }, /* @__PURE__ */ import_react59.default.createElement(
+  return /* @__PURE__ */ import_react60.default.createElement("div", { ...mainContainerProps }, /* @__PURE__ */ import_react60.default.createElement("div", { className: "hawa-mb-2 hawa-flex hawa-w-full hawa-justify-between" }, /* @__PURE__ */ import_react60.default.createElement(
     Radio,
     {
       name: "cycle",
@@ -7172,7 +7181,7 @@ var PricingPlans = ({
         }
       }
     }
-  ), /* @__PURE__ */ import_react59.default.createElement(
+  ), /* @__PURE__ */ import_react60.default.createElement(
     Radio,
     {
       name: "currency",
@@ -7185,7 +7194,7 @@ var PricingPlans = ({
         }
       }
     }
-  )), /* @__PURE__ */ import_react59.default.createElement(
+  )), /* @__PURE__ */ import_react60.default.createElement(
     "div",
     {
       className: "hawa-inline-grid hawa-w-full hawa-grid-cols-[repeat(auto-fit,_minmax(300px,_1fr))] hawa-gap-4",
@@ -7193,7 +7202,7 @@ var PricingPlans = ({
     },
     props.plans.map((plan, index) => {
       var _a, _b;
-      return /* @__PURE__ */ import_react59.default.createElement(
+      return /* @__PURE__ */ import_react60.default.createElement(
         PricingCard,
         {
           key: index,
@@ -7224,7 +7233,7 @@ var PricingPlans = ({
 };
 
 // blocks/pricing/ComparingPlans.tsx
-var import_react60 = __toESM(require("react"));
+var import_react61 = __toESM(require("react"));
 var ComparingPlans = (props) => {
   const uniqueFeatures = Array.from(
     new Set(
@@ -7233,7 +7242,7 @@ var ComparingPlans = (props) => {
       )
     )
   );
-  return /* @__PURE__ */ import_react60.default.createElement("div", { id: "detailed-pricing", className: "hawa-w-full" }, /* @__PURE__ */ import_react60.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_react60.default.createElement(
+  return /* @__PURE__ */ import_react61.default.createElement("div", { id: "detailed-pricing", className: "hawa-w-full" }, /* @__PURE__ */ import_react61.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_react61.default.createElement(
     Radio,
     {
       name: "cycle",
@@ -7248,7 +7257,7 @@ var ComparingPlans = (props) => {
         }
       }
     }
-  ), /* @__PURE__ */ import_react60.default.createElement(
+  ), /* @__PURE__ */ import_react61.default.createElement(
     Radio,
     {
       name: "currency",
@@ -7263,7 +7272,7 @@ var ComparingPlans = (props) => {
         }
       }
     }
-  )), /* @__PURE__ */ import_react60.default.createElement(
+  )), /* @__PURE__ */ import_react61.default.createElement(
     "div",
     {
       className: cn(
@@ -7274,16 +7283,16 @@ var ComparingPlans = (props) => {
         top: props.topPosition || 0
       }
     },
-    /* @__PURE__ */ import_react60.default.createElement("div", { className: "hawa-flex hawa-items-center" }),
-    props.plans.map((plan, i) => /* @__PURE__ */ import_react60.default.createElement(
+    /* @__PURE__ */ import_react61.default.createElement("div", { className: "hawa-flex hawa-items-center" }),
+    props.plans.map((plan, i) => /* @__PURE__ */ import_react61.default.createElement(
       "div",
       {
         key: i,
         className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-gap-2"
       },
-      /* @__PURE__ */ import_react60.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, /* @__PURE__ */ import_react60.default.createElement("div", { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ import_react60.default.createElement("span", { className: "hawa-text-md hawa-font-bold " }, plan.texts.title), /* @__PURE__ */ import_react60.default.createElement("span", { className: "hawa-text-md  hawa-font-normal hawa-text-muted-foreground " }, plan.texts.subtitle)), /* @__PURE__ */ import_react60.default.createElement("div", { className: " hawa-flex hawa-items-baseline  " }, /* @__PURE__ */ import_react60.default.createElement(import_react60.default.Fragment, null, /* @__PURE__ */ import_react60.default.createElement("span", { className: "hawa-text-5xl hawa-font-extrabold hawa-tracking-tight" }, plan.price), /* @__PURE__ */ import_react60.default.createElement("span", { className: "hawa-mx-1 hawa-text-sm hawa-font-semibold" }, plan.texts.currencyText)), /* @__PURE__ */ import_react60.default.createElement("span", { className: "hawa-ml-1 hawa-text-xl hawa-font-normal " }, "/ ", plan.texts.cycleText)))
+      /* @__PURE__ */ import_react61.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, /* @__PURE__ */ import_react61.default.createElement("div", { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ import_react61.default.createElement("span", { className: "hawa-text-md hawa-font-bold " }, plan.texts.title), /* @__PURE__ */ import_react61.default.createElement("span", { className: "hawa-text-md  hawa-font-normal hawa-text-muted-foreground " }, plan.texts.subtitle)), /* @__PURE__ */ import_react61.default.createElement("div", { className: " hawa-flex hawa-items-baseline  " }, /* @__PURE__ */ import_react61.default.createElement(import_react61.default.Fragment, null, /* @__PURE__ */ import_react61.default.createElement("span", { className: "hawa-text-5xl hawa-font-extrabold hawa-tracking-tight" }, plan.price), /* @__PURE__ */ import_react61.default.createElement("span", { className: "hawa-mx-1 hawa-text-sm hawa-font-semibold" }, plan.texts.currencyText)), /* @__PURE__ */ import_react61.default.createElement("span", { className: "hawa-ml-1 hawa-text-xl hawa-font-normal " }, "/ ", plan.texts.cycleText)))
     ))
-  ), /* @__PURE__ */ import_react60.default.createElement(
+  ), /* @__PURE__ */ import_react61.default.createElement(
     ScrollArea,
     {
       className: "hawa-h-fit hawa-rounded hawa-rounded-t-none hawa-border hawa-border-t-0 hawa-bg-background",
@@ -7291,7 +7300,7 @@ var ComparingPlans = (props) => {
     },
     uniqueFeatures.map((featureText, featureIndex) => {
       var _a, _b, _c, _d;
-      return /* @__PURE__ */ import_react60.default.createElement(
+      return /* @__PURE__ */ import_react61.default.createElement(
         "div",
         {
           key: featureIndex,
@@ -7300,11 +7309,11 @@ var ComparingPlans = (props) => {
             featureIndex === 0 ? "" : "hawa-border-t"
           )
         },
-        /* @__PURE__ */ import_react60.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 hawa-text-foreground" }, featureText, props.plans.some(
+        /* @__PURE__ */ import_react61.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 hawa-text-foreground" }, featureText, props.plans.some(
           (plan) => plan.features.some(
             (feature) => feature.text === featureText && feature.hint
           )
-        ) && /* @__PURE__ */ import_react60.default.createElement(
+        ) && /* @__PURE__ */ import_react61.default.createElement(
           Tooltip,
           {
             side: "right",
@@ -7319,7 +7328,7 @@ var ComparingPlans = (props) => {
               (feature) => feature.text === featureText
             )) == null ? void 0 : _b.hint
           },
-          /* @__PURE__ */ import_react60.default.createElement(
+          /* @__PURE__ */ import_react61.default.createElement(
             "svg",
             {
               stroke: "currentColor",
@@ -7329,13 +7338,13 @@ var ComparingPlans = (props) => {
               height: "1em",
               width: "1em"
             },
-            /* @__PURE__ */ import_react60.default.createElement("path", { d: "M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8 4a.905.905 0 0 0-.9.995l.35 3.507a.552.552 0 0 0 1.1 0l.35-3.507A.905.905 0 0 0 8 4zm.002 6a1 1 0 1 0 0 2 1 1 0 0 0 0-2z" })
+            /* @__PURE__ */ import_react61.default.createElement("path", { d: "M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8 4a.905.905 0 0 0-.9.995l.35 3.507a.552.552 0 0 0 1.1 0l.35-3.507A.905.905 0 0 0 8 4zm.002 6a1 1 0 1 0 0 2 1 1 0 0 0 0-2z" })
           )
         ), props.plans.some(
           (plan) => plan.features.some(
             (feature) => feature.text === featureText && feature.soon
           )
-        ) && /* @__PURE__ */ import_react60.default.createElement(
+        ) && /* @__PURE__ */ import_react61.default.createElement(
           Chip,
           {
             label: ((_d = (_c = props.plans.find(
@@ -7349,26 +7358,26 @@ var ComparingPlans = (props) => {
           const feature = plan.features.find(
             (f) => f.text === featureText
           );
-          return /* @__PURE__ */ import_react60.default.createElement(
+          return /* @__PURE__ */ import_react61.default.createElement(
             "div",
             {
               key: planIndex,
               className: "hawa-flex hawa-flex-col hawa-items-center hawa-text-center"
             },
-            (feature == null ? void 0 : feature.included) ? /* @__PURE__ */ import_react60.default.createElement(CheckMark, { className: "hawa-text-foreground" }) : /* @__PURE__ */ import_react60.default.createElement(UncheckMark, { className: "hawa-text-foreground" })
+            (feature == null ? void 0 : feature.included) ? /* @__PURE__ */ import_react61.default.createElement(CheckMark, { className: "hawa-text-foreground" }) : /* @__PURE__ */ import_react61.default.createElement(UncheckMark, { className: "hawa-text-foreground" })
           );
         })
       );
     })
-  ), props.showButtons && /* @__PURE__ */ import_react60.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_react60.default.createElement("div", { className: "hawa-flex hawa-items-center" }), props.plans.map((plan, i) => {
+  ), props.showButtons && /* @__PURE__ */ import_react61.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_react61.default.createElement("div", { className: "hawa-flex hawa-items-center" }), props.plans.map((plan, i) => {
     var _a;
-    return /* @__PURE__ */ import_react60.default.createElement(
+    return /* @__PURE__ */ import_react61.default.createElement(
       "div",
       {
         key: i,
         className: "hawa-flex hawa-items-center hawa-justify-center"
       },
-      /* @__PURE__ */ import_react60.default.createElement(
+      /* @__PURE__ */ import_react61.default.createElement(
         Button,
         {
           className: "hawa-w-full hawa-max-w-xs",
@@ -7392,15 +7401,15 @@ var ComparingPlans = (props) => {
 };
 
 // blocks/pricing/HorizontalPricing.tsx
-var import_react61 = __toESM(require("react"));
+var import_react62 = __toESM(require("react"));
 var HorizontalPricing = (props) => {
-  const [selectedCard, setSelectedCard] = (0, import_react61.useState)("");
+  const [selectedCard, setSelectedCard] = (0, import_react62.useState)("");
   let data = [
     { title: "basic", price: "$49", cycle: "/mo" },
     { title: "business", price: "$99", cycle: "/mo" },
     { title: "enterprise", price: "$149", cycle: "/mo" }
   ];
-  return /* @__PURE__ */ import_react61.default.createElement("div", { className: "hawa-z-10 hawa-w-full hawa-max-w-screen-sm" }, /* @__PURE__ */ import_react61.default.createElement("div", { className: "hawa-max-w-2xl " }, /* @__PURE__ */ import_react61.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, /* @__PURE__ */ import_react61.default.createElement(
+  return /* @__PURE__ */ import_react62.default.createElement("div", { className: "hawa-z-10 hawa-w-full hawa-max-w-screen-sm" }, /* @__PURE__ */ import_react62.default.createElement("div", { className: "hawa-max-w-2xl " }, /* @__PURE__ */ import_react62.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, /* @__PURE__ */ import_react62.default.createElement(
     Radio,
     {
       name: "currency",
@@ -7408,7 +7417,7 @@ var HorizontalPricing = (props) => {
       options: props.currencies,
       defaultValue: props.currentCurrency
     }
-  ), /* @__PURE__ */ import_react61.default.createElement(
+  ), /* @__PURE__ */ import_react62.default.createElement(
     Radio,
     {
       name: "cycle",
@@ -7416,7 +7425,7 @@ var HorizontalPricing = (props) => {
       options: props.billingCycles,
       defaultValue: props.currentCycle
     }
-  )), data.map((d, i) => /* @__PURE__ */ import_react61.default.createElement(
+  )), data.map((d, i) => /* @__PURE__ */ import_react62.default.createElement(
     "label",
     {
       key: i,
@@ -7424,7 +7433,7 @@ var HorizontalPricing = (props) => {
       className: "",
       onClick: () => setSelectedCard(d.title)
     },
-    /* @__PURE__ */ import_react61.default.createElement(
+    /* @__PURE__ */ import_react62.default.createElement(
       "input",
       {
         type: "radio",
@@ -7433,7 +7442,7 @@ var HorizontalPricing = (props) => {
         className: "hawa-peer hawa-appearance-none"
       }
     ),
-    /* @__PURE__ */ import_react61.default.createElement(
+    /* @__PURE__ */ import_react62.default.createElement(
       "div",
       {
         className: cn(
@@ -7441,18 +7450,18 @@ var HorizontalPricing = (props) => {
           "hawa-peer hawa-flex hawa-cursor-pointer hawa-items-center hawa-justify-between  hawa-rounded-xl hawa-border hawa-bg-background hawa-px-5   hawa-py-4 hawa-shadow dark:hawa-text-white  peer-checked:[&_.active]:hawa-block peer-checked:[&_.default]:hawa-hidden"
         )
       },
-      /* @__PURE__ */ import_react61.default.createElement("div", { className: "hawa-peer hawa-flex hawa-items-center hawa-gap-4" }, /* @__PURE__ */ import_react61.default.createElement(CheckIcons, null), /* @__PURE__ */ import_react61.default.createElement(
+      /* @__PURE__ */ import_react62.default.createElement("div", { className: "hawa-peer hawa-flex hawa-items-center hawa-gap-4" }, /* @__PURE__ */ import_react62.default.createElement(CheckIcons, null), /* @__PURE__ */ import_react62.default.createElement(
         CardText,
         {
           title: "Enterprise",
           subtitle: "For startups and new businesses"
         }
       )),
-      /* @__PURE__ */ import_react61.default.createElement(CardPrice, { amount: d.price, cycle: d.cycle })
+      /* @__PURE__ */ import_react62.default.createElement(CardPrice, { amount: d.price, cycle: d.cycle })
     )
   ))));
 };
-var CheckIcons = () => /* @__PURE__ */ import_react61.default.createElement(import_react61.default.Fragment, null, /* @__PURE__ */ import_react61.default.createElement(
+var CheckIcons = () => /* @__PURE__ */ import_react62.default.createElement(import_react62.default.Fragment, null, /* @__PURE__ */ import_react62.default.createElement(
   "svg",
   {
     fill: "none",
@@ -7461,7 +7470,7 @@ var CheckIcons = () => /* @__PURE__ */ import_react61.default.createElement(impo
     stroke: "currentColor",
     className: "hawa-default hawa-h-8 hawa-w-8 hawa-text-neutral-500"
   },
-  /* @__PURE__ */ import_react61.default.createElement(
+  /* @__PURE__ */ import_react62.default.createElement(
     "path",
     {
       strokeLinecap: "round",
@@ -7469,14 +7478,14 @@ var CheckIcons = () => /* @__PURE__ */ import_react61.default.createElement(impo
       d: "M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
     }
   )
-), /* @__PURE__ */ import_react61.default.createElement(
+), /* @__PURE__ */ import_react62.default.createElement(
   "svg",
   {
     viewBox: "0 0 24 24",
     fill: "currentColor",
     className: "hawa-active hawa-hidden hawa-h-8 hawa-w-8 hawa-text-blue-500"
   },
-  /* @__PURE__ */ import_react61.default.createElement(
+  /* @__PURE__ */ import_react62.default.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -7485,11 +7494,11 @@ var CheckIcons = () => /* @__PURE__ */ import_react61.default.createElement(impo
     }
   )
 ));
-var CardText = (props) => /* @__PURE__ */ import_react61.default.createElement("div", { className: "hawa-peer hawa-flex hawa-flex-col hawa-items-start " }, /* @__PURE__ */ import_react61.default.createElement("h2", { className: "hawa-font-medium hawa-text-primary/90 sm:hawa-text-xl" }, props.title), /* @__PURE__ */ import_react61.default.createElement("p", { className: "hawa-text-sm hawa-text-primary/60" }, props.subtitle, " "));
-var CardPrice = (props) => /* @__PURE__ */ import_react61.default.createElement("h2", { className: "hawa-peer hawa-text-xl hawa-font-semibold hawa-text-primary sm:hawa-text-2xl" }, props.amount, /* @__PURE__ */ import_react61.default.createElement("span", { className: "hawa-text-base hawa-font-medium hawa-text-neutral-400" }, props.cycle));
+var CardText = (props) => /* @__PURE__ */ import_react62.default.createElement("div", { className: "hawa-peer hawa-flex hawa-flex-col hawa-items-start " }, /* @__PURE__ */ import_react62.default.createElement("h2", { className: "hawa-font-medium hawa-text-primary/90 sm:hawa-text-xl" }, props.title), /* @__PURE__ */ import_react62.default.createElement("p", { className: "hawa-text-sm hawa-text-primary/60" }, props.subtitle, " "));
+var CardPrice = (props) => /* @__PURE__ */ import_react62.default.createElement("h2", { className: "hawa-peer hawa-text-xl hawa-font-semibold hawa-text-primary sm:hawa-text-2xl" }, props.amount, /* @__PURE__ */ import_react62.default.createElement("span", { className: "hawa-text-base hawa-font-medium hawa-text-neutral-400" }, props.cycle));
 
 // blocks/Usage.tsx
-var import_react62 = __toESM(require("react"));
+var import_react63 = __toESM(require("react"));
 
 // elements/progress/Progress.tsx
 var React65 = __toESM(require("react"));
@@ -7517,7 +7526,7 @@ Progress.displayName = ProgressPrimitive.Root.displayName;
 // blocks/Usage.tsx
 var Usage = (props) => {
   var _a;
-  return /* @__PURE__ */ import_react62.default.createElement("div", { className: "hawa-flex hawa-w-full hawa-flex-col hawa-gap-1 hawa-rounded hawa-border hawa-bg-card hawa-p-4" }, /* @__PURE__ */ import_react62.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2" }, /* @__PURE__ */ import_react62.default.createElement("span", { className: "hawa-bg-white-200" }, props.title), props.tooltip && /* @__PURE__ */ import_react62.default.createElement(Tooltip, { content: props.tooltip }, /* @__PURE__ */ import_react62.default.createElement(
+  return /* @__PURE__ */ import_react63.default.createElement("div", { className: "hawa-flex hawa-w-full hawa-flex-col hawa-gap-1 hawa-rounded hawa-border hawa-bg-card hawa-p-4" }, /* @__PURE__ */ import_react63.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2" }, /* @__PURE__ */ import_react63.default.createElement("span", { className: "hawa-bg-white-200" }, props.title), props.tooltip && /* @__PURE__ */ import_react63.default.createElement(Tooltip, { content: props.tooltip }, /* @__PURE__ */ import_react63.default.createElement(
     "svg",
     {
       stroke: "currentColor",
@@ -7528,8 +7537,8 @@ var Usage = (props) => {
       height: "1em",
       width: "1em"
     },
-    /* @__PURE__ */ import_react62.default.createElement("path", { d: "M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8 4a.905.905 0 0 0-.9.995l.35 3.507a.552.552 0 0 0 1.1 0l.35-3.507A.905.905 0 0 0 8 4zm.002 6a1 1 0 1 0 0 2 1 1 0 0 0 0-2z" })
-  ))), /* @__PURE__ */ import_react62.default.createElement("div", { className: "hawa-bg-white-100 hawa-flex hawa-flex-row" }, /* @__PURE__ */ import_react62.default.createElement("div", null, props.currentUsage), /* @__PURE__ */ import_react62.default.createElement("div", null, " (", props.percent, "%)")), /* @__PURE__ */ import_react62.default.createElement(Progress, { value: (_a = props.percent) != null ? _a : 0 }));
+    /* @__PURE__ */ import_react63.default.createElement("path", { d: "M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8 4a.905.905 0 0 0-.9.995l.35 3.507a.552.552 0 0 0 1.1 0l.35-3.507A.905.905 0 0 0 8 4zm.002 6a1 1 0 1 0 0 2 1 1 0 0 0 0-2z" })
+  ))), /* @__PURE__ */ import_react63.default.createElement("div", { className: "hawa-bg-white-100 hawa-flex hawa-flex-row" }, /* @__PURE__ */ import_react63.default.createElement("div", null, props.currentUsage), /* @__PURE__ */ import_react63.default.createElement("div", null, " (", props.percent, "%)")), /* @__PURE__ */ import_react63.default.createElement(Progress, { value: (_a = props.percent) != null ? _a : 0 }));
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/blocks/index.mjs

@@ -25,7 +25,7 @@ import {
   UncheckMark,
   VeryBadEmoji,
   VeryGoodEmoji
-} from "../chunk-Y6XTMPVO.mjs";
+} from "../chunk-TERP5K6R.mjs";
 import "../chunk-OPYDG34F.mjs";
 import {
   Button,
@@ -43,7 +43,7 @@ import {
   Skeleton,
   Tooltip,
   cn
-} from "../chunk-FY7BKFH7.mjs";
+} from "../chunk-G7JHUC5N.mjs";
 import "../chunk-JU6Q4Q3T.mjs";
 
 // blocks/auth/AuthButtons.tsx