@sikka/hawa 0.35.3-next → 0.35.5-next

package/dist/blocks/pricing/index.js

@@ -38,7 +38,7 @@ __export(pricing_exports, {
 module.exports = __toCommonJS(pricing_exports);
 
 // blocks/pricing/PricingPlans.tsx
-var import_react13 = __toESM(require("react"));
+var import_react14 = __toESM(require("react"));
 
 // blocks/cards/ActionCard.tsx
 var import_react = __toESM(require("react"));
@@ -826,10 +826,11 @@ var PricingCard = ({
 };
 
 // blocks/cards/ItemCard.tsx
-var import_react10 = __toESM(require("react"));
+var import_react11 = __toESM(require("react"));
 
 // elements/dropdownMenu/DropdownMenu.tsx
 var React13 = __toESM(require("react"));
+var import_react9 = require("@headlessui/react");
 var DropdownMenuPrimitive = __toESM(require("@radix-ui/react-dropdown-menu"));
 var DropdownMenuSubTrigger = React13.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ React13.createElement(
   DropdownMenuPrimitive.SubTrigger,
@@ -878,7 +879,7 @@ var DropdownMenuSubContent = React13.forwardRef(({ className, ...props }, ref) =
   }
 ));
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
-var DropdownMenuContent = React13.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React13.createElement(DropdownMenuPrimitive.Portal, null, /* @__PURE__ */ React13.createElement(
+var DropdownMenuContent = React13.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React13.createElement(import_react9.Portal, null, /* @__PURE__ */ React13.createElement(
   DropdownMenuPrimitive.Content,
   {
     ref,
@@ -1009,13 +1010,13 @@ var DropdownMenuShortcut = ({
 DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
 
 // elements/stopPropagationWrapper/StopPropagationWrapper.tsx
-var import_react9 = __toESM(require("react"));
+var import_react10 = __toESM(require("react"));
 
 // blocks/cards/LandingCard.tsx
-var import_react11 = __toESM(require("react"));
+var import_react12 = __toESM(require("react"));
 
 // elements/radio/Radio.tsx
-var import_react12 = __toESM(require("react"));
+var import_react13 = __toESM(require("react"));
 
 // elements/popover/Popover.tsx
 var React17 = __toESM(require("react"));
@@ -1040,7 +1041,7 @@ var PopoverTrigger = PopoverPrimitive.Trigger;
 var PopoverRoot = PopoverPrimitive.Root;
 
 // elements/radio/Radio.tsx
-var Radio = (0, import_react12.forwardRef)(
+var Radio = (0, import_react13.forwardRef)(
   ({
     design = "default",
     width = "default",
@@ -1072,15 +1073,15 @@ var Radio = (0, import_react12.forwardRef)(
       default: "hawa-max-w-fit",
       full: "hawa-w-full"
     };
-    const [parentDirection, setParentDirection] = import_react12.default.useState(
+    const [parentDirection, setParentDirection] = import_react13.default.useState(
       null
     );
-    const [selectedOption, setSelectedOption] = (0, import_react12.useState)(
+    const [selectedOption, setSelectedOption] = (0, import_react13.useState)(
       props.defaultValue || props.value
     );
-    const [openTooltip, setOpenTooltip] = (0, import_react12.useState)(null);
-    const parentRef = (0, import_react12.useRef)(null);
-    (0, import_react12.useEffect)(() => {
+    const [openTooltip, setOpenTooltip] = (0, import_react13.useState)(null);
+    const parentRef = (0, import_react13.useRef)(null);
+    (0, import_react13.useEffect)(() => {
       var _a2;
       const parentNode = (_a2 = parentRef.current) == null ? void 0 : _a2.parentNode;
       if (parentNode) {
@@ -1106,7 +1107,7 @@ var Radio = (0, import_react12.forwardRef)(
     ];
     switch (design) {
       case "tabs":
-        return /* @__PURE__ */ import_react12.default.createElement("div", { className: "hawa-gap-2 hawa-flex hawa-flex-col" }, props.label && /* @__PURE__ */ import_react12.default.createElement(Label, { ...labelProps }, props.label), /* @__PURE__ */ import_react12.default.createElement(
+        return /* @__PURE__ */ import_react13.default.createElement("div", { className: "hawa-gap-2 hawa-flex hawa-flex-col" }, props.label && /* @__PURE__ */ import_react13.default.createElement(Label, { ...labelProps }, props.label), /* @__PURE__ */ import_react13.default.createElement(
           "ul",
           {
             ref: parentRef,
@@ -1119,21 +1120,21 @@ var Radio = (0, import_react12.forwardRef)(
             )
           },
           (_b = props.options) == null ? void 0 : _b.map((opt, o) => {
-            return opt.tooltip ? /* @__PURE__ */ import_react12.default.createElement(
+            return opt.tooltip ? /* @__PURE__ */ import_react13.default.createElement(
               PopoverRoot,
               {
                 key: o,
                 open: o === openTooltip,
                 onOpenChange: (bool) => setOpenTooltip(bool ? o : null)
               },
-              /* @__PURE__ */ import_react12.default.createElement(
+              /* @__PURE__ */ import_react13.default.createElement(
                 PopoverTrigger,
                 {
                   onMouseEnter: () => setOpenTooltip(o),
                   onMouseLeave: () => setOpenTooltip(null),
                   asChild: true
                 },
-                /* @__PURE__ */ import_react12.default.createElement(
+                /* @__PURE__ */ import_react13.default.createElement(
                   "li",
                   {
                     "aria-current": "page",
@@ -1151,8 +1152,8 @@ var Radio = (0, import_react12.forwardRef)(
                   opt.label
                 )
               ),
-              /* @__PURE__ */ import_react12.default.createElement(PopoverContent, { ...opt.tooltipContentProps }, opt.tooltip)
-            ) : /* @__PURE__ */ import_react12.default.createElement(
+              /* @__PURE__ */ import_react13.default.createElement(PopoverContent, { ...opt.tooltipContentProps }, opt.tooltip)
+            ) : /* @__PURE__ */ import_react13.default.createElement(
               "li",
               {
                 key: o,
@@ -1171,7 +1172,7 @@ var Radio = (0, import_react12.forwardRef)(
               opt.label
             );
           })
-        ), !forceHideHelperText && /* @__PURE__ */ import_react12.default.createElement(
+        ), !forceHideHelperText && /* @__PURE__ */ import_react13.default.createElement(
           "p",
           {
             className: cn(
@@ -1182,7 +1183,7 @@ var Radio = (0, import_react12.forwardRef)(
           props.helperText
         ));
       case "bordered":
-        return /* @__PURE__ */ import_react12.default.createElement("div", { className: cn(orientationStyle[orientation], "hawa-gap-4") }, props.options && props.options.map((opt, i) => /* @__PURE__ */ import_react12.default.createElement("div", { key: i, className: "hawa-w-full hawa-rounded hawa-border" }, /* @__PURE__ */ import_react12.default.createElement(
+        return /* @__PURE__ */ import_react13.default.createElement("div", { className: cn(orientationStyle[orientation], "hawa-gap-4") }, props.options && props.options.map((opt, i) => /* @__PURE__ */ import_react13.default.createElement("div", { key: i, className: "hawa-w-full hawa-rounded hawa-border" }, /* @__PURE__ */ import_react13.default.createElement(
           "div",
           {
             className: cn(
@@ -1191,7 +1192,7 @@ var Radio = (0, import_react12.forwardRef)(
             ),
             key: i + 1
           },
-          /* @__PURE__ */ import_react12.default.createElement(
+          /* @__PURE__ */ import_react13.default.createElement(
             "input",
             {
               disabled: opt.disabled,
@@ -1202,7 +1203,7 @@ var Radio = (0, import_react12.forwardRef)(
               onChange: () => handleChange(opt)
             }
           ),
-          /* @__PURE__ */ import_react12.default.createElement(
+          /* @__PURE__ */ import_react13.default.createElement(
             "label",
             {
               htmlFor: opt.value.toString(),
@@ -1215,7 +1216,7 @@ var Radio = (0, import_react12.forwardRef)(
           )
         ))));
       case "cards":
-        return /* @__PURE__ */ import_react12.default.createElement("ul", { className: cn(orientationStyle[orientation], "hawa-gap-4") }, (_c = props.options) == null ? void 0 : _c.map((opt, o) => /* @__PURE__ */ import_react12.default.createElement("li", { key: o, onClick: () => handleChange(opt) }, /* @__PURE__ */ import_react12.default.createElement(
+        return /* @__PURE__ */ import_react13.default.createElement("ul", { className: cn(orientationStyle[orientation], "hawa-gap-4") }, (_c = props.options) == null ? void 0 : _c.map((opt, o) => /* @__PURE__ */ import_react13.default.createElement("li", { key: o, onClick: () => handleChange(opt) }, /* @__PURE__ */ import_react13.default.createElement(
           "input",
           {
             type: "radio",
@@ -1226,7 +1227,7 @@ var Radio = (0, import_react12.forwardRef)(
             required: true,
             disabled: opt.disabled
           }
-        ), /* @__PURE__ */ import_react12.default.createElement(
+        ), /* @__PURE__ */ import_react13.default.createElement(
           "label",
           {
             htmlFor: opt.value.toString(),
@@ -1235,10 +1236,10 @@ var Radio = (0, import_react12.forwardRef)(
               opt.disabled ? "hawa-opacity-50" : "hawa-cursor-pointer hover:hawa-bg-foreground/10 hover:hawa-text-gray-600 dark:hover:hawa-bg-foreground/20 dark:hover:hawa-text-gray-300"
             )
           },
-          /* @__PURE__ */ import_react12.default.createElement("div", { className: "hawa-block  hawa-h-full hawa-w-full" }, /* @__PURE__ */ import_react12.default.createElement("div", { className: "hawa-w-full hawa-text-lg hawa-font-semibold" }, opt.label), /* @__PURE__ */ import_react12.default.createElement("div", { className: "hawa-w-full" }, opt.sublabel))
+          /* @__PURE__ */ import_react13.default.createElement("div", { className: "hawa-block  hawa-h-full hawa-w-full" }, /* @__PURE__ */ import_react13.default.createElement("div", { className: "hawa-w-full hawa-text-lg hawa-font-semibold" }, opt.label), /* @__PURE__ */ import_react13.default.createElement("div", { className: "hawa-w-full" }, opt.sublabel))
         ))));
       default:
-        return /* @__PURE__ */ import_react12.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, props.label && /* @__PURE__ */ import_react12.default.createElement(Label, { ...labelProps }, props.label), /* @__PURE__ */ import_react12.default.createElement("div", { className: cn(orientationStyle[orientation], "hawa-gap-2") }, props.options && props.options.map((opt, i) => /* @__PURE__ */ import_react12.default.createElement(
+        return /* @__PURE__ */ import_react13.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, props.label && /* @__PURE__ */ import_react13.default.createElement(Label, { ...labelProps }, props.label), /* @__PURE__ */ import_react13.default.createElement("div", { className: cn(orientationStyle[orientation], "hawa-gap-2") }, props.options && props.options.map((opt, i) => /* @__PURE__ */ import_react13.default.createElement(
           "div",
           {
             className: cn(
@@ -1247,7 +1248,7 @@ var Radio = (0, import_react12.forwardRef)(
             ),
             key: i + 1
           },
-          /* @__PURE__ */ import_react12.default.createElement(
+          /* @__PURE__ */ import_react13.default.createElement(
             "input",
             {
               disabled: opt.disabled,
@@ -1258,7 +1259,7 @@ var Radio = (0, import_react12.forwardRef)(
               onChange: () => handleChange(opt)
             }
           ),
-          /* @__PURE__ */ import_react12.default.createElement(
+          /* @__PURE__ */ import_react13.default.createElement(
             "label",
             {
               htmlFor: opt.value.toString(),
@@ -1269,7 +1270,7 @@ var Radio = (0, import_react12.forwardRef)(
             },
             opt.label
           )
-        ))), /* @__PURE__ */ import_react12.default.createElement(
+        ))), /* @__PURE__ */ import_react13.default.createElement(
           "p",
           {
             className: cn(
@@ -1289,7 +1290,7 @@ var PricingPlans = ({
   cardsContainerProps,
   ...props
 }) => {
-  return /* @__PURE__ */ import_react13.default.createElement("div", { ...mainContainerProps }, /* @__PURE__ */ import_react13.default.createElement("div", { className: "hawa-mb-2 hawa-flex hawa-w-full hawa-justify-between" }, /* @__PURE__ */ import_react13.default.createElement(
+  return /* @__PURE__ */ import_react14.default.createElement("div", { ...mainContainerProps }, /* @__PURE__ */ import_react14.default.createElement("div", { className: "hawa-mb-2 hawa-flex hawa-w-full hawa-justify-between" }, /* @__PURE__ */ import_react14.default.createElement(
     Radio,
     {
       name: "cycle",
@@ -1302,7 +1303,7 @@ var PricingPlans = ({
         }
       }
     }
-  ), /* @__PURE__ */ import_react13.default.createElement(
+  ), /* @__PURE__ */ import_react14.default.createElement(
     Radio,
     {
       name: "currency",
@@ -1315,7 +1316,7 @@ var PricingPlans = ({
         }
       }
     }
-  )), /* @__PURE__ */ import_react13.default.createElement(
+  )), /* @__PURE__ */ import_react14.default.createElement(
     "div",
     {
       className: "hawa-inline-grid hawa-w-full hawa-grid-cols-[repeat(auto-fit,_minmax(300px,_1fr))] hawa-gap-4",
@@ -1323,7 +1324,7 @@ var PricingPlans = ({
     },
     props.plans.map((plan, index) => {
       var _a, _b;
-      return /* @__PURE__ */ import_react13.default.createElement(
+      return /* @__PURE__ */ import_react14.default.createElement(
         PricingCard,
         {
           key: index,
@@ -1354,7 +1355,7 @@ var PricingPlans = ({
 };
 
 // blocks/pricing/ComparingPlans.tsx
-var import_react17 = __toESM(require("react"));
+var import_react18 = __toESM(require("react"));
 
 // elements/scrollArea/ScrollArea.tsx
 var React20 = __toESM(require("react"));
@@ -1397,19 +1398,19 @@ var ScrollBar = React20.forwardRef(({ className, orientation = "vertical", ...pr
 ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
 
 // icons/Emojis.tsx
-var import_react14 = __toESM(require("react"));
+var import_react15 = __toESM(require("react"));
 
 // icons/InputIcons.tsx
-var import_react15 = __toESM(require("react"));
+var import_react16 = __toESM(require("react"));
 
 // icons/CommonIcons.tsx
-var import_react16 = __toESM(require("react"));
+var import_react17 = __toESM(require("react"));
 var CheckMark = ({ size = "default", className }) => {
   let sizeStyles = {
     default: "hawa-h-5 hawa-w-5",
     sm: "hawa-h-3 hawa-w-3"
   };
-  return /* @__PURE__ */ import_react16.default.createElement(
+  return /* @__PURE__ */ import_react17.default.createElement(
     "svg",
     {
       className: cn(sizeStyles[size], className),
@@ -1417,7 +1418,7 @@ var CheckMark = ({ size = "default", className }) => {
       fill: "currentColor",
       viewBox: "0 0 20 20"
     },
-    /* @__PURE__ */ import_react16.default.createElement(
+    /* @__PURE__ */ import_react17.default.createElement(
       "path",
       {
         fillRule: "evenodd",
@@ -1432,7 +1433,7 @@ var UncheckMark = ({ size = "default", className }) => {
     default: "hawa-h-5 hawa-w-5",
     sm: "hawa-h-3 hawa-w-3"
   };
-  return /* @__PURE__ */ import_react16.default.createElement(
+  return /* @__PURE__ */ import_react17.default.createElement(
     "svg",
     {
       className: cn(sizeStyles[size], className),
@@ -1440,7 +1441,7 @@ var UncheckMark = ({ size = "default", className }) => {
       fill: "currentColor",
       viewBox: "0 0 20 20"
     },
-    /* @__PURE__ */ import_react16.default.createElement(
+    /* @__PURE__ */ import_react17.default.createElement(
       "path",
       {
         fillRule: "evenodd",
@@ -1460,7 +1461,7 @@ var ComparingPlans = (props) => {
       )
     )
   );
-  return /* @__PURE__ */ import_react17.default.createElement("div", { id: "detailed-pricing", className: "hawa-w-full" }, /* @__PURE__ */ import_react17.default.createElement("div", { className: "hawa-mb-2 hawa-flex hawa-w-full hawa-flex-col hawa-justify-between hawa-gap-2 sm:hawa-flex-row" }, /* @__PURE__ */ import_react17.default.createElement(
+  return /* @__PURE__ */ import_react18.default.createElement("div", { id: "detailed-pricing", className: "hawa-w-full" }, /* @__PURE__ */ import_react18.default.createElement("div", { className: "hawa-mb-2 hawa-flex hawa-w-full hawa-flex-col hawa-justify-between hawa-gap-2 sm:hawa-flex-row" }, /* @__PURE__ */ import_react18.default.createElement(
     Radio,
     {
       name: "cycle",
@@ -1475,7 +1476,7 @@ var ComparingPlans = (props) => {
         }
       }
     }
-  ), /* @__PURE__ */ import_react17.default.createElement(
+  ), /* @__PURE__ */ import_react18.default.createElement(
     Radio,
     {
       name: "currency",
@@ -1490,7 +1491,7 @@ var ComparingPlans = (props) => {
         }
       }
     }
-  )), /* @__PURE__ */ import_react17.default.createElement(
+  )), /* @__PURE__ */ import_react18.default.createElement(
     "div",
     {
       className: cn(
@@ -1501,16 +1502,16 @@ var ComparingPlans = (props) => {
         top: props.topPosition || 0
       }
     },
-    /* @__PURE__ */ import_react17.default.createElement("div", { className: "hawa-flex hawa-items-center" }),
-    props.plans.map((plan, i) => /* @__PURE__ */ import_react17.default.createElement(
+    /* @__PURE__ */ import_react18.default.createElement("div", { className: "hawa-flex hawa-items-center" }),
+    props.plans.map((plan, i) => /* @__PURE__ */ import_react18.default.createElement(
       "div",
       {
         key: i,
         className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-gap-2"
       },
-      /* @__PURE__ */ import_react17.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, /* @__PURE__ */ import_react17.default.createElement("div", { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ import_react17.default.createElement("span", { className: "hawa-text-md hawa-font-bold " }, plan.texts.title), /* @__PURE__ */ import_react17.default.createElement("span", { className: "hawa-text-md  hawa-font-normal hawa-text-muted-foreground " }, plan.texts.subtitle)), /* @__PURE__ */ import_react17.default.createElement("div", { className: " hawa-flex hawa-items-baseline  " }, /* @__PURE__ */ import_react17.default.createElement(import_react17.default.Fragment, null, /* @__PURE__ */ import_react17.default.createElement("span", { className: "hawa-text-5xl hawa-font-extrabold hawa-tracking-tight" }, plan.price), /* @__PURE__ */ import_react17.default.createElement("span", { className: "hawa-mx-1 hawa-text-sm hawa-font-semibold" }, plan.texts.currencyText)), /* @__PURE__ */ import_react17.default.createElement("span", { className: "hawa-ml-1 hawa-text-xl hawa-font-normal " }, "/ ", plan.texts.cycleText)))
+      /* @__PURE__ */ import_react18.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, /* @__PURE__ */ import_react18.default.createElement("div", { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ import_react18.default.createElement("span", { className: "hawa-text-md hawa-font-bold " }, plan.texts.title), /* @__PURE__ */ import_react18.default.createElement("span", { className: "hawa-text-md  hawa-font-normal hawa-text-muted-foreground " }, plan.texts.subtitle)), /* @__PURE__ */ import_react18.default.createElement("div", { className: " hawa-flex hawa-items-baseline  " }, /* @__PURE__ */ import_react18.default.createElement(import_react18.default.Fragment, null, /* @__PURE__ */ import_react18.default.createElement("span", { className: "hawa-text-5xl hawa-font-extrabold hawa-tracking-tight" }, plan.price), /* @__PURE__ */ import_react18.default.createElement("span", { className: "hawa-mx-1 hawa-text-sm hawa-font-semibold" }, plan.texts.currencyText)), /* @__PURE__ */ import_react18.default.createElement("span", { className: "hawa-ml-1 hawa-text-xl hawa-font-normal " }, "/ ", plan.texts.cycleText)))
     ))
-  ), /* @__PURE__ */ import_react17.default.createElement(
+  ), /* @__PURE__ */ import_react18.default.createElement(
     ScrollArea,
     {
       className: "hawa-h-fit hawa-rounded hawa-rounded-t-none hawa-border hawa-border-t-0 hawa-bg-background",
@@ -1518,7 +1519,7 @@ var ComparingPlans = (props) => {
     },
     uniqueFeatures.map((featureText, featureIndex) => {
       var _a, _b, _c, _d;
-      return /* @__PURE__ */ import_react17.default.createElement(
+      return /* @__PURE__ */ import_react18.default.createElement(
         "div",
         {
           key: featureIndex,
@@ -1527,11 +1528,11 @@ var ComparingPlans = (props) => {
             featureIndex === 0 ? "" : "hawa-border-t"
           )
         },
-        /* @__PURE__ */ import_react17.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 hawa-text-foreground" }, featureText, props.plans.some(
+        /* @__PURE__ */ import_react18.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 hawa-text-foreground" }, featureText, props.plans.some(
           (plan) => plan.features.some(
             (feature) => feature.text === featureText && feature.hint
           )
-        ) && /* @__PURE__ */ import_react17.default.createElement(
+        ) && /* @__PURE__ */ import_react18.default.createElement(
           Tooltip,
           {
             side: "right",
@@ -1546,7 +1547,7 @@ var ComparingPlans = (props) => {
               (feature) => feature.text === featureText
             )) == null ? void 0 : _b.hint
           },
-          /* @__PURE__ */ import_react17.default.createElement(
+          /* @__PURE__ */ import_react18.default.createElement(
             "svg",
             {
               stroke: "currentColor",
@@ -1556,13 +1557,13 @@ var ComparingPlans = (props) => {
               height: "1em",
               width: "1em"
             },
-            /* @__PURE__ */ import_react17.default.createElement("path", { d: "M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8 4a.905.905 0 0 0-.9.995l.35 3.507a.552.552 0 0 0 1.1 0l.35-3.507A.905.905 0 0 0 8 4zm.002 6a1 1 0 1 0 0 2 1 1 0 0 0 0-2z" })
+            /* @__PURE__ */ import_react18.default.createElement("path", { d: "M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8 4a.905.905 0 0 0-.9.995l.35 3.507a.552.552 0 0 0 1.1 0l.35-3.507A.905.905 0 0 0 8 4zm.002 6a1 1 0 1 0 0 2 1 1 0 0 0 0-2z" })
           )
         ), props.plans.some(
           (plan) => plan.features.some(
             (feature) => feature.text === featureText && feature.soon
           )
-        ) && /* @__PURE__ */ import_react17.default.createElement(
+        ) && /* @__PURE__ */ import_react18.default.createElement(
           Chip,
           {
             label: ((_d = (_c = props.plans.find(
@@ -1576,26 +1577,26 @@ var ComparingPlans = (props) => {
           const feature = plan.features.find(
             (f) => f.text === featureText
           );
-          return /* @__PURE__ */ import_react17.default.createElement(
+          return /* @__PURE__ */ import_react18.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_react17.default.createElement(CheckMark, { className: "hawa-text-foreground" }) : /* @__PURE__ */ import_react17.default.createElement(UncheckMark, { className: "hawa-text-foreground" })
+            (feature == null ? void 0 : feature.included) ? /* @__PURE__ */ import_react18.default.createElement(CheckMark, { className: "hawa-text-foreground" }) : /* @__PURE__ */ import_react18.default.createElement(UncheckMark, { className: "hawa-text-foreground" })
           );
         })
       );
     })
-  ), props.showButtons && /* @__PURE__ */ import_react17.default.createElement("div", { className: "hawa-grid  hawa-grid-cols-[1fr_repeat(3,_minmax(0,_1fr))] hawa-gap-x-16  hawa-px-4 hawa-py-5" }, /* @__PURE__ */ import_react17.default.createElement("div", { className: "hawa-flex hawa-items-center" }), props.plans.map((plan, i) => {
+  ), props.showButtons && /* @__PURE__ */ import_react18.default.createElement("div", { className: "hawa-grid  hawa-grid-cols-[1fr_repeat(3,_minmax(0,_1fr))] hawa-gap-x-16  hawa-px-4 hawa-py-5" }, /* @__PURE__ */ import_react18.default.createElement("div", { className: "hawa-flex hawa-items-center" }), props.plans.map((plan, i) => {
     var _a;
-    return /* @__PURE__ */ import_react17.default.createElement(
+    return /* @__PURE__ */ import_react18.default.createElement(
       "div",
       {
         key: i,
         className: "hawa-flex hawa-items-center hawa-justify-center"
       },
-      /* @__PURE__ */ import_react17.default.createElement(
+      /* @__PURE__ */ import_react18.default.createElement(
         Button,
         {
           className: "hawa-w-full hawa-max-w-xs",
@@ -1619,15 +1620,15 @@ var ComparingPlans = (props) => {
 };
 
 // blocks/pricing/HorizontalPricing.tsx
-var import_react18 = __toESM(require("react"));
+var import_react19 = __toESM(require("react"));
 var HorizontalPricing = (props) => {
-  const [selectedCard, setSelectedCard] = (0, import_react18.useState)("");
+  const [selectedCard, setSelectedCard] = (0, import_react19.useState)("");
   let data = [
     { title: "basic", price: "$49", cycle: "/mo" },
     { title: "business", price: "$99", cycle: "/mo" },
     { title: "enterprise", price: "$149", cycle: "/mo" }
   ];
-  return /* @__PURE__ */ import_react18.default.createElement("div", { className: "hawa-z-10 hawa-w-full hawa-max-w-screen-sm" }, /* @__PURE__ */ import_react18.default.createElement("div", { className: "hawa-max-w-2xl " }, /* @__PURE__ */ import_react18.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, /* @__PURE__ */ import_react18.default.createElement(
+  return /* @__PURE__ */ import_react19.default.createElement("div", { className: "hawa-z-10 hawa-w-full hawa-max-w-screen-sm" }, /* @__PURE__ */ import_react19.default.createElement("div", { className: "hawa-max-w-2xl " }, /* @__PURE__ */ import_react19.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, /* @__PURE__ */ import_react19.default.createElement(
     Radio,
     {
       name: "currency",
@@ -1635,7 +1636,7 @@ var HorizontalPricing = (props) => {
       options: props.currencies,
       defaultValue: props.currentCurrency
     }
-  ), /* @__PURE__ */ import_react18.default.createElement(
+  ), /* @__PURE__ */ import_react19.default.createElement(
     Radio,
     {
       name: "cycle",
@@ -1643,7 +1644,7 @@ var HorizontalPricing = (props) => {
       options: props.billingCycles,
       defaultValue: props.currentCycle
     }
-  )), data.map((d, i) => /* @__PURE__ */ import_react18.default.createElement(
+  )), data.map((d, i) => /* @__PURE__ */ import_react19.default.createElement(
     "label",
     {
       key: i,
@@ -1651,7 +1652,7 @@ var HorizontalPricing = (props) => {
       className: "",
       onClick: () => setSelectedCard(d.title)
     },
-    /* @__PURE__ */ import_react18.default.createElement(
+    /* @__PURE__ */ import_react19.default.createElement(
       "input",
       {
         type: "radio",
@@ -1660,7 +1661,7 @@ var HorizontalPricing = (props) => {
         className: "hawa-peer hawa-appearance-none"
       }
     ),
-    /* @__PURE__ */ import_react18.default.createElement(
+    /* @__PURE__ */ import_react19.default.createElement(
       "div",
       {
         className: cn(
@@ -1668,18 +1669,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_react18.default.createElement("div", { className: "hawa-peer hawa-flex hawa-items-center hawa-gap-4" }, /* @__PURE__ */ import_react18.default.createElement(CheckIcons, null), /* @__PURE__ */ import_react18.default.createElement(
+      /* @__PURE__ */ import_react19.default.createElement("div", { className: "hawa-peer hawa-flex hawa-items-center hawa-gap-4" }, /* @__PURE__ */ import_react19.default.createElement(CheckIcons, null), /* @__PURE__ */ import_react19.default.createElement(
         CardText,
         {
           title: "Enterprise",
           subtitle: "For startups and new businesses"
         }
       )),
-      /* @__PURE__ */ import_react18.default.createElement(CardPrice, { amount: d.price, cycle: d.cycle })
+      /* @__PURE__ */ import_react19.default.createElement(CardPrice, { amount: d.price, cycle: d.cycle })
     )
   ))));
 };
-var CheckIcons = () => /* @__PURE__ */ import_react18.default.createElement(import_react18.default.Fragment, null, /* @__PURE__ */ import_react18.default.createElement(
+var CheckIcons = () => /* @__PURE__ */ import_react19.default.createElement(import_react19.default.Fragment, null, /* @__PURE__ */ import_react19.default.createElement(
   "svg",
   {
     fill: "none",
@@ -1688,7 +1689,7 @@ var CheckIcons = () => /* @__PURE__ */ import_react18.default.createElement(impo
     stroke: "currentColor",
     className: "hawa-default hawa-h-8 hawa-w-8 hawa-text-neutral-500"
   },
-  /* @__PURE__ */ import_react18.default.createElement(
+  /* @__PURE__ */ import_react19.default.createElement(
     "path",
     {
       strokeLinecap: "round",
@@ -1696,14 +1697,14 @@ var CheckIcons = () => /* @__PURE__ */ import_react18.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_react18.default.createElement(
+), /* @__PURE__ */ import_react19.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_react18.default.createElement(
+  /* @__PURE__ */ import_react19.default.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -1712,8 +1713,8 @@ var CheckIcons = () => /* @__PURE__ */ import_react18.default.createElement(impo
     }
   )
 ));
-var CardText = (props) => /* @__PURE__ */ import_react18.default.createElement("div", { className: "hawa-peer hawa-flex hawa-flex-col hawa-items-start " }, /* @__PURE__ */ import_react18.default.createElement("h2", { className: "hawa-font-medium hawa-text-primary/90 sm:hawa-text-xl" }, props.title), /* @__PURE__ */ import_react18.default.createElement("p", { className: "hawa-text-sm hawa-text-primary/60" }, props.subtitle, " "));
-var CardPrice = (props) => /* @__PURE__ */ import_react18.default.createElement("h2", { className: "hawa-peer hawa-text-xl hawa-font-semibold hawa-text-primary sm:hawa-text-2xl" }, props.amount, /* @__PURE__ */ import_react18.default.createElement("span", { className: "hawa-text-base hawa-font-medium hawa-text-neutral-400" }, props.cycle));
+var CardText = (props) => /* @__PURE__ */ import_react19.default.createElement("div", { className: "hawa-peer hawa-flex hawa-flex-col hawa-items-start " }, /* @__PURE__ */ import_react19.default.createElement("h2", { className: "hawa-font-medium hawa-text-primary/90 sm:hawa-text-xl" }, props.title), /* @__PURE__ */ import_react19.default.createElement("p", { className: "hawa-text-sm hawa-text-primary/60" }, props.subtitle, " "));
+var CardPrice = (props) => /* @__PURE__ */ import_react19.default.createElement("h2", { className: "hawa-peer hawa-text-xl hawa-font-semibold hawa-text-primary sm:hawa-text-2xl" }, props.amount, /* @__PURE__ */ import_react19.default.createElement("span", { className: "hawa-text-base hawa-font-medium hawa-text-neutral-400" }, props.cycle));
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ComparingPlans,

package/dist/blocks/pricing/index.mjs

@@ -176,6 +176,7 @@ import React6, { useEffect as useEffect2, useState as useState4 } from "react";
 
 // elements/dropdownMenu/DropdownMenu.tsx
 import * as React5 from "react";
+import { Portal } from "@headlessui/react";
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
 var DropdownMenuSubTrigger = React5.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ React5.createElement(
   DropdownMenuPrimitive.SubTrigger,
@@ -224,7 +225,7 @@ var DropdownMenuSubContent = React5.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
-var DropdownMenuContent = React5.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React5.createElement(DropdownMenuPrimitive.Portal, null, /* @__PURE__ */ React5.createElement(
+var DropdownMenuContent = React5.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React5.createElement(Portal, null, /* @__PURE__ */ React5.createElement(
   DropdownMenuPrimitive.Content,
   {
     ref,

package/dist/{chunk-JU6Q4Q3T.mjs → chunk-545D35G6.mjs}

@@ -31,16 +31,18 @@ import React2 from "react";
 var useOutsideClick = (callback) => {
   const ref = React2.useRef(null);
   React2.useEffect(() => {
-    const handleClick = (event) => {
+    const handleClickOutside = (event) => {
       if (ref.current && !ref.current.contains(event.target)) {
         callback();
       }
     };
-    document.addEventListener("click", handleClick, true);
+    document.addEventListener("mousedown", handleClickOutside, true);
+    document.addEventListener("touchstart", handleClickOutside, true);
     return () => {
-      document.removeEventListener("click", handleClick, true);
+      document.removeEventListener("mousedown", handleClickOutside, true);
+      document.removeEventListener("touchstart", handleClickOutside, true);
     };
-  }, [ref]);
+  }, [ref, callback]);
   return ref;
 };
 var useOutsideClick_default = useOutsideClick;

package/dist/{chunk-OW3WFRFQ.mjs → chunk-G7JHUC5N.mjs}

@@ -1010,6 +1010,7 @@ var Chip = React9.forwardRef(
 
 // elements/dropdownMenu/DropdownMenu.tsx
 import * as React10 from "react";
+import { Portal } from "@headlessui/react";
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
 var DropdownMenuRoot = DropdownMenuPrimitive.Root;
 var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
@@ -1064,7 +1065,7 @@ var DropdownMenuSubContent = React10.forwardRef(({ className, ...props }, ref) =
   }
 ));
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
-var DropdownMenuContent = React10.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React10.createElement(DropdownMenuPrimitive.Portal, null, /* @__PURE__ */ React10.createElement(
+var DropdownMenuContent = React10.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React10.createElement(Portal, null, /* @__PURE__ */ React10.createElement(
   DropdownMenuPrimitive.Content,
   {
     ref,
@@ -1242,7 +1243,7 @@ var DropdownMenu = ({
       },
       trigger
     ),
-    /* @__PURE__ */ React10.createElement(DropdownMenuPortal, null, /* @__PURE__ */ React10.createElement(
+    /* @__PURE__ */ React10.createElement(Portal, null, /* @__PURE__ */ React10.createElement(
       DropdownMenuContent,
       {
         side,
@@ -1303,7 +1304,7 @@ var DropdownMenu = ({
             },
             item.icon && item.icon,
             item.label && item.label
-          ), /* @__PURE__ */ React10.createElement(DropdownMenuPortal, null, /* @__PURE__ */ React10.createElement(DropdownMenuSubContent, null, item.subitems.map((subitem, subIndex) => {
+          ), /* @__PURE__ */ React10.createElement(Portal, null, /* @__PURE__ */ React10.createElement(DropdownMenuSubContent, null, item.subitems.map((subitem, subIndex) => {
             const SubitemLinkComponent = subitem.slug ? LinkComponent : "a";
             return /* @__PURE__ */ React10.createElement(
               DropdownMenuItem,

package/dist/{chunk-OWYGADJZ.mjs → chunk-HSRW7X3Z.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   cn
-} from "./chunk-OW3WFRFQ.mjs";
+} from "./chunk-G7JHUC5N.mjs";
 
 // elements/sheet/Sheet.tsx
 import * as React from "react";

package/dist/{chunk-YNEQBAQC.mjs → chunk-TERP5K6R.mjs}

@@ -8,7 +8,7 @@ import {
   Label,
   Skeleton,
   cn
-} from "./chunk-OW3WFRFQ.mjs";
+} from "./chunk-G7JHUC5N.mjs";
 
 // elements/alert/Alert.tsx
 import React, { useRef, useState, useEffect } from "react";