@sikka/hawa 0.23.2-next → 0.23.7-next

package/dist/blocks/index.mjs

@@ -11,6 +11,7 @@ import {
   CheckMark,
   Checkbox,
   Chip,
+  DropdownMenu,
   EyeIcon,
   GoodEmoji,
   HiddenEyeIcon,
@@ -21,11 +22,12 @@ import {
   PhoneInput,
   PinInput,
   Popover,
-  PricingCard,
   Progress,
   Radio,
   ScrollArea,
   Select,
+  Separator,
+  Skeleton,
   StopPropagationWrapper,
   Tabs,
   TabsContent,
@@ -37,7 +39,7 @@ import {
   VeryBadEmoji,
   VeryGoodEmoji,
   cn
-} from "../chunk-X6PCWJYD.mjs";
+} from "../chunk-2R2QPJT7.mjs";
 import "../chunk-343SRWR4.mjs";
 
 // components/blocks/auth/LoginForm.tsx
@@ -1817,13 +1819,351 @@ var ContactForm = ({
 };
 
 // components/blocks/pricing/PricingPlans.tsx
-import React21 from "react";
+import React26 from "react";
+
+// components/blocks/cards/ActionCard.tsx
+import React21, { useState as useState8 } from "react";
+var ActionCard = (props) => {
+  const [hovered, setHovered] = useState8(false);
+  return /* @__PURE__ */ React21.createElement("div", { className: "hawa-flex hawa-h-full hawa-w-full hawa-flex-col hawa-gap-1" }, /* @__PURE__ */ React21.createElement(
+    "div",
+    {
+      className: "hawa-group hawa-relative hawa-h-full hawa-w-full hawa-rounded hawa-border hawa-bg-background hawa-bg-cover hawa-bg-center hawa-transition-all hawa-duration-500 hover:hawa-drop-shadow-2xl",
+      style: {
+        backgroundImage: `url(${props.blank ? "" : props.cardImage})`
+      },
+      onMouseEnter: () => setHovered(true),
+      onMouseLeave: () => setHovered(false)
+    },
+    props.blank ? /* @__PURE__ */ React21.createElement("div", { className: "hawa-flex hawa-h-full hawa-flex-col hawa-items-center hawa-justify-center " }, /* @__PURE__ */ React21.createElement(
+      "svg",
+      {
+        className: "hawa-h-10 hawa-w-10 hawa-text-foreground",
+        stroke: "currentColor",
+        fill: "currentColor",
+        strokeWidth: "0",
+        viewBox: "0 0 24 24",
+        height: "1em",
+        width: "1em",
+        xmlns: "http://www.w3.org/2000/svg"
+      },
+      /* @__PURE__ */ React21.createElement("path", { d: "M19 11h-6V5h-2v6H5v2h6v6h2v-6h6z" })
+    )) : /* @__PURE__ */ React21.createElement("div", { className: "hawa-absolute hawa-inset-0 hawa-rounded hawa-bg-black hawa-opacity-50" }),
+    /* @__PURE__ */ React21.createElement("div", { className: "hawa-absolute hawa-bottom-2 hawa-right-2 hawa-z-10 hawa-opacity-0 hawa-transition-all hawa-duration-200 group-hover:hawa-opacity-100" }, props.inCardActions),
+    !props.blank && /* @__PURE__ */ React21.createElement("div", { className: "hawa-relative hawa-p-4" }, /* @__PURE__ */ React21.createElement("h1", { className: "hawa-text-white" }, props.title), /* @__PURE__ */ React21.createElement("p", { className: "hawa-text-white" }, props.subtitle))
+  ), /* @__PURE__ */ React21.createElement(
+    "div",
+    {
+      className: `hawa-flex hawa-flex-row hawa-justify-between hawa-text-sm hawa-transition-all hawa-duration-200 ${hovered ? "hawa-opacity-100" : "hawa-opacity-0"}`
+    },
+    props.bottomElement
+  ));
+};
+
+// components/blocks/cards/AdCard.tsx
+import React22, { useState as useState9, useEffect as useEffect3, useRef as useRef3 } from "react";
+var AdCard = ({
+  orientation = "vertical",
+  ...props
+}) => {
+  const adRef = useRef3(null);
+  const [closed, setClosed] = useState9(false);
+  let duration = 0;
+  useEffect3(() => {
+    if (duration) {
+      const timeoutHide = setTimeout(() => {
+        setClosed(true);
+      }, duration);
+      const timeoutDestroy = setTimeout(() => {
+        setClosed(true);
+        if (adRef.current) {
+          adRef.current.removeChild(adRef.current.children[0]);
+        }
+      }, duration + 1e3);
+      return () => {
+        clearTimeout(timeoutHide);
+        clearTimeout(timeoutDestroy);
+      };
+    }
+  }, [duration]);
+  let cardStyles = {
+    horizontal: "hawa-flex hawa-flex-row  hawa-max-w-xl hawa-rounded hawa-border hawa-bg-card hawa-p-2 hawa-gap-2 hawa-items-center hawa-relative ",
+    vertical: "hawa-flex hawa-flex-col hawa-max-w-[200px] hawa-justify-start hawa-rounded hawa-border hawa-bg-card hawa-gap-2 hawa-p-2 hawa-relative"
+  };
+  let imageStyles = {
+    horizontal: "hawa-w-auto hawa-h-full hawa-bg-blue-500  hawa-rounded-inner",
+    vertical: "hawa-bg-blue-500 hawa-rounded-inner hawa-w-auto "
+  };
+  return /* @__PURE__ */ React22.createElement("div", { ref: adRef }, /* @__PURE__ */ React22.createElement(
+    "div",
+    {
+      className: cn(cardStyles[orientation], props.className),
+      onClick: props.handleClick
+    },
+    /* @__PURE__ */ React22.createElement("div", { className: "hawa-flex hawa-aspect-square hawa-w-full  hawa-max-w-fit  hawa-items-start " }, /* @__PURE__ */ React22.createElement(
+      "img",
+      {
+        src: props.imageURL ? props.imageURL : "https://via.placeholder.com/50",
+        className: imageStyles[orientation]
+      }
+    )),
+    /* @__PURE__ */ React22.createElement("div", { className: "hawa-w-full hawa-text-xs" }, /* @__PURE__ */ React22.createElement("div", { className: "hawa-font-bold" }, props.title), /* @__PURE__ */ React22.createElement("div", { className: "hawa-text-[12px]" }, props.description)),
+    props.canHide && /* @__PURE__ */ React22.createElement(
+      "span",
+      {
+        onClick: (e) => {
+          e.stopPropagation();
+          if (props.canHide) {
+            setClosed(true);
+            setTimeout(() => {
+              if (adRef.current) {
+                adRef.current.removeChild(adRef.current.children[0]);
+              }
+            }, 200);
+          } else {
+            if (props.handleCantHide) {
+              props.handleCantHide();
+            }
+          }
+        },
+        className: "hawa-absolute hawa-right-0 hawa-top-0 hawa-h-fit hawa-cursor-pointer hawa-select-none hawa-rounded-bl-lg hawa-rounded-tr-lg hawa-bg-primary/50 hawa-px-2.5 hawa-py-0.5 hawa-text-[10px] hawa-font-semibold hawa-text-primary-foreground"
+      },
+      "Hide"
+    )
+  ));
+};
+
+// components/blocks/cards/PricingCard.tsx
+import React23 from "react";
+var PricingCard = ({
+  size = "medium",
+  direction = "ltr",
+  endButton = true,
+  recommended,
+  currentPlan = false,
+  ...props
+}) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+  let cardSizes = {
+    small: "hawa-w-full hawa-max-w-sm hawa-rounded hawa-border dark:hawa-border-gray-700 hawa-bg-background ",
+    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(
+    Card,
+    {
+      dir: direction,
+      className: cn(
+        currentPlan ? "hawa-border-2 hawa-border-primary dark:hawa-border-primary/70 " : "hawa-border",
+        cardSizes[size],
+        "hawa-relative hawa-flex  hawa-flex-col hawa-justify-between hawa-gap-4 hawa-p-4",
+        recommended ? "hawa-rounded hawa-rounded-t-none" : "hawa-rounded"
+      )
+    },
+    recommended && /* @__PURE__ */ React23.createElement(
+      "div",
+      {
+        className: "hawa-absolute -hawa-left-[1px] hawa-top-0 -hawa-translate-y-full hawa-rounded-t hawa-border hawa-bg-primary hawa-p-2  hawa-text-center hawa-text-primary-foreground",
+        style: { width: "calc(100% + 2px)" }
+      },
+      ((_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(
+      "div",
+      {
+        className: cn(
+          "hawa-flex hawa-h-full hawa-justify-between hawa-gap-4",
+          endButton ? "hawa-flex-col" : "hawa-flex-col-reverse"
+        )
+      },
+      props.features && /* @__PURE__ */ React23.createElement("ul", { role: "list", className: "hawa-space-y-0 hawa-overflow-x-auto" }, (_h = props.features) == null ? void 0 : _h.map((feature, o) => {
+        return /* @__PURE__ */ React23.createElement(
+          "li",
+          {
+            key: o,
+            className: cn(
+              "hawa-flex hawa-flex-row hawa-justify-between hawa-gap-2",
+              !feature.included && "hawa-line-through"
+            )
+          },
+          /* @__PURE__ */ React23.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center" }, feature.included ? /* @__PURE__ */ React23.createElement(
+            "svg",
+            {
+              "aria-label": "Check Icon",
+              "aria-hidden": "true",
+              className: "hawa-m-2 hawa-h-5 hawa-w-5 hawa-flex-shrink-0 hawa-text-primary",
+              fill: "currentColor",
+              viewBox: "0 0 20 20"
+            },
+            /* @__PURE__ */ React23.createElement(
+              "path",
+              {
+                fillRule: "evenodd",
+                d: "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z",
+                clipRule: "evenodd"
+              }
+            )
+          ) : /* @__PURE__ */ React23.createElement("div", { className: "hawa-m-2 hawa-mx-2.5 hawa-h-4 hawa-w-4 hawa-rounded-full hawa-bg-primary/10" }), /* @__PURE__ */ React23.createElement("span", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 hawa-whitespace-nowrap hawa-text-start hawa-font-normal hawa-leading-tight hawa-text-primary/70 " }, feature.text, " ", feature.soon && feature.included && /* @__PURE__ */ React23.createElement(Chip, { label: "soon", color: "oceanic", size: "small" }))),
+          feature.hint && /* @__PURE__ */ React23.createElement(Tooltip, { content: feature.hint, side: feature.hintSide }, /* @__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(
+        Button,
+        {
+          onClick: props.onPlanClicked,
+          disabled: currentPlan,
+          className: "hawa-w-full"
+        },
+        (_i = props.texts) == null ? void 0 : _i.buttonText
+      )
+    ))
+  );
+};
+
+// components/blocks/cards/ItemCard.tsx
+import React24, { useEffect as useEffect4, useState as useState10 } from "react";
+var ItemCard = ({
+  actions,
+  counts,
+  content,
+  headerActions,
+  clickableImage,
+  onImageClick,
+  clickableImageActionText,
+  clickableImageActionIcon,
+  header,
+  cardImage,
+  orientation = "vertical",
+  ...props
+}) => {
+  let defaultStyle = "hawa-block hawa-rounded hawa-border hawa-bg-card hawa-text-card-foreground hawa-shadow-sm hawa-transition-all";
+  let orientationStyles = {
+    vertical: "hawa-max-w-sm",
+    horizontal: "hawa-flex hawa-flex-row hawa-w-full"
+  };
+  let imageStyles = {
+    vertical: "hawa-h-auto hawa-max-h-56 hawa-w-full hawa-rounded-t-lg hawa-object-cover",
+    horizontal: (
+      // "h-auto w-full rounded-l-lg object-cover md:h-auto md:w-48 md:rounded-none md:rounded-l-lg",
+      // "h-full w-full rounded-l-lg object-cover md:w-48 md:rounded-none md:rounded-l-lg",
+      "hawa-h-full hawa-w-48 hawa-rounded-l hawa-object-cover"
+    )
+  };
+  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] = useState10(false);
+  function handleOpenActionHeader(e) {
+    e.stopPropagation();
+    setOpenActionHeader(!openActionHeader);
+  }
+  useEffect4(() => {
+    window.onclick = () => {
+      if (openActionHeader) {
+        setOpenActionHeader(false);
+      }
+    };
+    return () => window.onclick = null;
+  }, [openActionHeader]);
+  return /* @__PURE__ */ React24.createElement(
+    "div",
+    {
+      className: cn(
+        defaultStyle,
+        props.onCardClick && " hawa-cursor-pointer hover:hawa-shadow-lg",
+        orientationStyles[orientation],
+        props.className
+      ),
+      onClick: (e) => {
+        e.stopPropagation();
+        if (props.onCardClick) {
+          props.onCardClick(e);
+        }
+      }
+    },
+    cardImage && /* @__PURE__ */ React24.createElement("div", { className: "hawa-group hawa-relative hawa-overflow-clip" }, /* @__PURE__ */ React24.createElement(
+      "img",
+      {
+        src: cardImage,
+        className: cn(
+          imageStyles[orientation],
+          clickableImage ? "hawa-overflow-clip hawa-transition-all group-hover:hawa-blur-lg" : ""
+        )
+      }
+    ), clickableImage && /* @__PURE__ */ React24.createElement(StopPropagationWrapper, null, /* @__PURE__ */ React24.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__ */ React24.createElement(
+      Button,
+      {
+        variant: "secondary",
+        onClick: onImageClick,
+        className: "hawa-flex hawa-flex-row hawa-gap-2"
+      },
+      clickableImageActionIcon,
+      clickableImageActionText || "Click"
+    )))),
+    /* @__PURE__ */ React24.createElement("div", { className: "hawa-relative hawa-w-full hawa-p-4 xs:hawa-p-6 xs:hawa-px-2 xs:hawa-pb-2" }, headerActions && /* @__PURE__ */ React24.createElement("div", { className: "hawa-absolute hawa-right-0 hawa-top-0 hawa-flex hawa-justify-end hawa-pr-3 hawa-pt-3" }, /* @__PURE__ */ React24.createElement(StopPropagationWrapper, null, /* @__PURE__ */ React24.createElement(
+      DropdownMenu,
+      {
+        items: headerActions,
+        trigger: /* @__PURE__ */ React24.createElement(
+          Button,
+          {
+            variant: "ghost",
+            size: "smallIcon",
+            onClick: handleOpenActionHeader
+          },
+          /* @__PURE__ */ React24.createElement("span", { className: "hawa-sr-only" }, "Open dropdown"),
+          /* @__PURE__ */ React24.createElement(
+            "svg",
+            {
+              className: "hawa-h-5 hawa-w-5",
+              "aria-hidden": "true",
+              fill: "currentColor",
+              viewBox: "0 0 20 20"
+            },
+            /* @__PURE__ */ React24.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__ */ React24.createElement("div", { className: " hawa-mx-2" }, header && /* @__PURE__ */ React24.createElement("h5", { className: "hawa-mb-2 hawa-text-2xl hawa-font-bold hawa-tracking-tight " }, header), content && /* @__PURE__ */ React24.createElement("span", { className: "hawa-w-full hawa-font-normal " }, content)), actions || counts ? /* @__PURE__ */ React24.createElement(
+      "div",
+      {
+        className: cn(
+          "hawa-mt-3 hawa-flex hawa-flex-col hawa-items-center hawa-rounded-b-lg dark:hawa-text-white xs:hawa-flex-row ",
+          actions && counts ? "hawa-justify-between" : "hawa-justify-end"
+        )
+      },
+      counts,
+      /* @__PURE__ */ React24.createElement(StopPropagationWrapper, null, actions)
+    ) : null)
+  );
+};
+
+// components/blocks/cards/LandingCard.tsx
+import React25 from "react";
+var LandingCard = (props) => {
+  return /* @__PURE__ */ React25.createElement(Card, { className: props.className }, /* @__PURE__ */ React25.createElement(CardHeader, null, props.icon, /* @__PURE__ */ React25.createElement(CardTitle, null, props.title), /* @__PURE__ */ React25.createElement(CardDescription, null, props.subtitle)));
+};
+
+// components/blocks/pricing/PricingPlans.tsx
 var PricingPlans = ({
   mainContainerProps,
   cardsContainerProps,
   ...props
 }) => {
-  return /* @__PURE__ */ React21.createElement("div", { ...mainContainerProps }, /* @__PURE__ */ React21.createElement("div", { className: "hawa-mb-2 hawa-flex hawa-w-full hawa-justify-between" }, /* @__PURE__ */ React21.createElement(
+  return /* @__PURE__ */ React26.createElement("div", { ...mainContainerProps }, /* @__PURE__ */ React26.createElement("div", { className: "hawa-mb-2 hawa-flex hawa-w-full hawa-justify-between" }, /* @__PURE__ */ React26.createElement(
     Radio,
     {
       design: "tabs",
@@ -1835,7 +2175,7 @@ var PricingPlans = ({
         }
       }
     }
-  ), /* @__PURE__ */ React21.createElement(
+  ), /* @__PURE__ */ React26.createElement(
     Radio,
     {
       design: "tabs",
@@ -1847,7 +2187,7 @@ var PricingPlans = ({
         }
       }
     }
-  )), /* @__PURE__ */ React21.createElement(
+  )), /* @__PURE__ */ React26.createElement(
     "div",
     {
       className: "hawa-inline-grid hawa-w-full hawa-grid-cols-[repeat(auto-fit,_minmax(300px,_1fr))] hawa-gap-4",
@@ -1855,7 +2195,7 @@ var PricingPlans = ({
     },
     props.plans.map((plan, index) => {
       var _a, _b;
-      return /* @__PURE__ */ React21.createElement(
+      return /* @__PURE__ */ React26.createElement(
         PricingCard,
         {
           key: index,
@@ -1885,7 +2225,7 @@ var PricingPlans = ({
 };
 
 // components/blocks/pricing/ComparingPlans.tsx
-import React22 from "react";
+import React27 from "react";
 var ComparingPlans = (props) => {
   const uniqueFeatures = Array.from(
     new Set(
@@ -1894,7 +2234,7 @@ var ComparingPlans = (props) => {
       )
     )
   );
-  return /* @__PURE__ */ React22.createElement("div", { id: "detailed-pricing", className: "hawa-w-full" }, /* @__PURE__ */ React22.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__ */ React22.createElement(
+  return /* @__PURE__ */ React27.createElement("div", { id: "detailed-pricing", className: "hawa-w-full" }, /* @__PURE__ */ React27.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__ */ React27.createElement(
     Radio,
     {
       tabsContainerClassName: "hawa-w-full sm:hawa-max-w-fit",
@@ -1908,7 +2248,7 @@ var ComparingPlans = (props) => {
         }
       }
     }
-  ), /* @__PURE__ */ React22.createElement(
+  ), /* @__PURE__ */ React27.createElement(
     Radio,
     {
       tabsContainerClassName: "hawa-w-full sm:hawa-max-w-fit",
@@ -1922,7 +2262,7 @@ var ComparingPlans = (props) => {
         }
       }
     }
-  )), /* @__PURE__ */ React22.createElement(
+  )), /* @__PURE__ */ React27.createElement(
     "div",
     {
       className: cn(
@@ -1933,16 +2273,16 @@ var ComparingPlans = (props) => {
         top: props.topPosition || 0
       }
     },
-    /* @__PURE__ */ React22.createElement("div", { className: "hawa-flex hawa-items-center" }),
-    props.plans.map((plan, i) => /* @__PURE__ */ React22.createElement(
+    /* @__PURE__ */ React27.createElement("div", { className: "hawa-flex hawa-items-center" }),
+    props.plans.map((plan, i) => /* @__PURE__ */ React27.createElement(
       "div",
       {
         key: i,
         className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-gap-2"
       },
-      /* @__PURE__ */ React22.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, /* @__PURE__ */ React22.createElement("div", { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ React22.createElement("span", { className: "hawa-text-md hawa-font-bold " }, plan.texts.title), /* @__PURE__ */ React22.createElement("span", { className: "hawa-text-md  hawa-font-normal hawa-text-muted-foreground " }, plan.texts.subtitle)), /* @__PURE__ */ React22.createElement("div", { className: " hawa-flex hawa-items-baseline  " }, /* @__PURE__ */ React22.createElement(React22.Fragment, null, /* @__PURE__ */ React22.createElement("span", { className: "hawa-text-5xl hawa-font-extrabold hawa-tracking-tight" }, plan.price), /* @__PURE__ */ React22.createElement("span", { className: "hawa-mx-1 hawa-text-sm hawa-font-semibold" }, plan.texts.currencyText)), /* @__PURE__ */ React22.createElement("span", { className: "hawa-ml-1 hawa-text-xl hawa-font-normal " }, "/ ", plan.texts.cycleText)))
+      /* @__PURE__ */ React27.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, /* @__PURE__ */ React27.createElement("div", { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ React27.createElement("span", { className: "hawa-text-md hawa-font-bold " }, plan.texts.title), /* @__PURE__ */ React27.createElement("span", { className: "hawa-text-md  hawa-font-normal hawa-text-muted-foreground " }, plan.texts.subtitle)), /* @__PURE__ */ React27.createElement("div", { className: " hawa-flex hawa-items-baseline  " }, /* @__PURE__ */ React27.createElement(React27.Fragment, null, /* @__PURE__ */ React27.createElement("span", { className: "hawa-text-5xl hawa-font-extrabold hawa-tracking-tight" }, plan.price), /* @__PURE__ */ React27.createElement("span", { className: "hawa-mx-1 hawa-text-sm hawa-font-semibold" }, plan.texts.currencyText)), /* @__PURE__ */ React27.createElement("span", { className: "hawa-ml-1 hawa-text-xl hawa-font-normal " }, "/ ", plan.texts.cycleText)))
     ))
-  ), /* @__PURE__ */ React22.createElement(
+  ), /* @__PURE__ */ React27.createElement(
     ScrollArea,
     {
       className: "hawa-h-fit hawa-rounded hawa-rounded-t-none hawa-border hawa-border-t-0 hawa-bg-background",
@@ -1950,7 +2290,7 @@ var ComparingPlans = (props) => {
     },
     uniqueFeatures.map((featureText, featureIndex) => {
       var _a, _b, _c, _d;
-      return /* @__PURE__ */ React22.createElement(
+      return /* @__PURE__ */ React27.createElement(
         "div",
         {
           key: featureIndex,
@@ -1959,11 +2299,11 @@ var ComparingPlans = (props) => {
             featureIndex === 0 ? "" : "hawa-border-t"
           )
         },
-        /* @__PURE__ */ React22.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 hawa-text-foreground" }, featureText, props.plans.some(
+        /* @__PURE__ */ React27.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__ */ React22.createElement(
+        ) && /* @__PURE__ */ React27.createElement(
           Tooltip,
           {
             side: "right",
@@ -1978,7 +2318,7 @@ var ComparingPlans = (props) => {
               (feature) => feature.text === featureText
             )) == null ? void 0 : _b.hint
           },
-          /* @__PURE__ */ React22.createElement(
+          /* @__PURE__ */ React27.createElement(
             "svg",
             {
               stroke: "currentColor",
@@ -1988,13 +2328,13 @@ var ComparingPlans = (props) => {
               height: "1em",
               width: "1em"
             },
-            /* @__PURE__ */ React22.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__ */ React27.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__ */ React22.createElement(
+        ) && /* @__PURE__ */ React27.createElement(
           Chip,
           {
             label: ((_d = (_c = props.plans.find(
@@ -2008,26 +2348,26 @@ var ComparingPlans = (props) => {
           const feature = plan.features.find(
             (f) => f.text === featureText
           );
-          return /* @__PURE__ */ React22.createElement(
+          return /* @__PURE__ */ React27.createElement(
             "div",
             {
               key: planIndex,
               className: "hawa-flex hawa-flex-col hawa-items-center hawa-text-center"
             },
-            (feature == null ? void 0 : feature.included) ? /* @__PURE__ */ React22.createElement(CheckMark, { className: "hawa-text-foreground" }) : /* @__PURE__ */ React22.createElement(UncheckMark, { className: "hawa-text-foreground" })
+            (feature == null ? void 0 : feature.included) ? /* @__PURE__ */ React27.createElement(CheckMark, { className: "hawa-text-foreground" }) : /* @__PURE__ */ React27.createElement(UncheckMark, { className: "hawa-text-foreground" })
           );
         })
       );
     })
-  ), props.showButtons && /* @__PURE__ */ React22.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__ */ React22.createElement("div", { className: "hawa-flex hawa-items-center" }), props.plans.map((plan, i) => {
+  ), props.showButtons && /* @__PURE__ */ React27.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__ */ React27.createElement("div", { className: "hawa-flex hawa-items-center" }), props.plans.map((plan, i) => {
     var _a;
-    return /* @__PURE__ */ React22.createElement(
+    return /* @__PURE__ */ React27.createElement(
       "div",
       {
         key: i,
         className: "hawa-flex hawa-items-center hawa-justify-center"
       },
-      /* @__PURE__ */ React22.createElement(
+      /* @__PURE__ */ React27.createElement(
         Button,
         {
           className: "hawa-w-full hawa-max-w-xs",
@@ -2051,29 +2391,29 @@ var ComparingPlans = (props) => {
 };
 
 // components/blocks/pricing/HorizontalPricing.tsx
-import React23, { useState as useState9 } from "react";
+import React28, { useState as useState11 } from "react";
 var HorizontalPricing = (props) => {
-  const [selectedCard, setSelectedCard] = useState9("");
+  const [selectedCard, setSelectedCard] = useState11("");
   let data = [
     { title: "basic", price: "$49", cycle: "/mo" },
     { title: "business", price: "$99", cycle: "/mo" },
     { title: "enterprise", price: "$149", cycle: "/mo" }
   ];
-  return /* @__PURE__ */ React23.createElement("div", { className: "hawa-z-10 hawa-w-full hawa-max-w-screen-sm" }, /* @__PURE__ */ React23.createElement("div", { className: "hawa-max-w-2xl " }, /* @__PURE__ */ React23.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, /* @__PURE__ */ React23.createElement(
+  return /* @__PURE__ */ React28.createElement("div", { className: "hawa-z-10 hawa-w-full hawa-max-w-screen-sm" }, /* @__PURE__ */ React28.createElement("div", { className: "hawa-max-w-2xl " }, /* @__PURE__ */ React28.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, /* @__PURE__ */ React28.createElement(
     Radio,
     {
       design: "tabs",
       options: props.currencies,
       defaultValue: props.currentCurrency
     }
-  ), /* @__PURE__ */ React23.createElement(
+  ), /* @__PURE__ */ React28.createElement(
     Radio,
     {
       design: "tabs",
       options: props.billingCycles,
       defaultValue: props.currentCycle
     }
-  )), data.map((d, i) => /* @__PURE__ */ React23.createElement(
+  )), data.map((d, i) => /* @__PURE__ */ React28.createElement(
     "label",
     {
       key: i,
@@ -2081,7 +2421,7 @@ var HorizontalPricing = (props) => {
       className: "",
       onClick: () => setSelectedCard(d.title)
     },
-    /* @__PURE__ */ React23.createElement(
+    /* @__PURE__ */ React28.createElement(
       "input",
       {
         type: "radio",
@@ -2090,7 +2430,7 @@ var HorizontalPricing = (props) => {
         className: "hawa-peer hawa-appearance-none"
       }
     ),
-    /* @__PURE__ */ React23.createElement(
+    /* @__PURE__ */ React28.createElement(
       "div",
       {
         className: cn(
@@ -2098,18 +2438,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__ */ React23.createElement("div", { className: "hawa-peer hawa-flex hawa-items-center hawa-gap-4" }, /* @__PURE__ */ React23.createElement(CheckIcons, null), /* @__PURE__ */ React23.createElement(
+      /* @__PURE__ */ React28.createElement("div", { className: "hawa-peer hawa-flex hawa-items-center hawa-gap-4" }, /* @__PURE__ */ React28.createElement(CheckIcons, null), /* @__PURE__ */ React28.createElement(
         CardText,
         {
           title: "Enterprise",
           subtitle: "For startups and new businesses"
         }
       )),
-      /* @__PURE__ */ React23.createElement(CardPrice, { amount: d.price, cycle: d.cycle })
+      /* @__PURE__ */ React28.createElement(CardPrice, { amount: d.price, cycle: d.cycle })
     )
   ))));
 };
-var CheckIcons = () => /* @__PURE__ */ React23.createElement(React23.Fragment, null, /* @__PURE__ */ React23.createElement(
+var CheckIcons = () => /* @__PURE__ */ React28.createElement(React28.Fragment, null, /* @__PURE__ */ React28.createElement(
   "svg",
   {
     fill: "none",
@@ -2118,7 +2458,7 @@ var CheckIcons = () => /* @__PURE__ */ React23.createElement(React23.Fragment, n
     stroke: "currentColor",
     className: "hawa-default hawa-h-8 hawa-w-8 hawa-text-neutral-500"
   },
-  /* @__PURE__ */ React23.createElement(
+  /* @__PURE__ */ React28.createElement(
     "path",
     {
       strokeLinecap: "round",
@@ -2126,14 +2466,14 @@ var CheckIcons = () => /* @__PURE__ */ React23.createElement(React23.Fragment, n
       d: "M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
     }
   )
-), /* @__PURE__ */ React23.createElement(
+), /* @__PURE__ */ React28.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__ */ React23.createElement(
+  /* @__PURE__ */ React28.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -2142,14 +2482,14 @@ var CheckIcons = () => /* @__PURE__ */ React23.createElement(React23.Fragment, n
     }
   )
 ));
-var CardText = (props) => /* @__PURE__ */ React23.createElement("div", { className: "hawa-peer hawa-flex hawa-flex-col hawa-items-start " }, /* @__PURE__ */ React23.createElement("h2", { className: "hawa-font-medium hawa-text-primary/90 sm:hawa-text-xl" }, props.title), /* @__PURE__ */ React23.createElement("p", { className: "hawa-text-sm hawa-text-primary/60" }, props.subtitle, " "));
-var CardPrice = (props) => /* @__PURE__ */ React23.createElement("h2", { className: "hawa-peer hawa-text-xl hawa-font-semibold hawa-text-primary sm:hawa-text-2xl" }, props.amount, /* @__PURE__ */ React23.createElement("span", { className: "hawa-text-base hawa-font-medium hawa-text-neutral-400" }, props.cycle));
+var CardText = (props) => /* @__PURE__ */ React28.createElement("div", { className: "hawa-peer hawa-flex hawa-flex-col hawa-items-start " }, /* @__PURE__ */ React28.createElement("h2", { className: "hawa-font-medium hawa-text-primary/90 sm:hawa-text-xl" }, props.title), /* @__PURE__ */ React28.createElement("p", { className: "hawa-text-sm hawa-text-primary/60" }, props.subtitle, " "));
+var CardPrice = (props) => /* @__PURE__ */ React28.createElement("h2", { className: "hawa-peer hawa-text-xl hawa-font-semibold hawa-text-primary sm:hawa-text-2xl" }, props.amount, /* @__PURE__ */ React28.createElement("span", { className: "hawa-text-base hawa-font-medium hawa-text-neutral-400" }, props.cycle));
 
 // components/blocks/Usage.tsx
-import React24 from "react";
+import React29 from "react";
 var Usage = (props) => {
   var _a;
-  return /* @__PURE__ */ React24.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__ */ React24.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2" }, /* @__PURE__ */ React24.createElement("span", { className: "hawa-bg-white-200" }, props.title), props.tooltip && /* @__PURE__ */ React24.createElement(Tooltip, { content: props.tooltip }, /* @__PURE__ */ React24.createElement(
+  return /* @__PURE__ */ React29.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__ */ React29.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2" }, /* @__PURE__ */ React29.createElement("span", { className: "hawa-bg-white-200" }, props.title), props.tooltip && /* @__PURE__ */ React29.createElement(Tooltip, { content: props.tooltip }, /* @__PURE__ */ React29.createElement(
     "svg",
     {
       stroke: "currentColor",
@@ -2160,10 +2500,12 @@ var Usage = (props) => {
       height: "1em",
       width: "1em"
     },
-    /* @__PURE__ */ React24.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__ */ React24.createElement("div", { className: "hawa-bg-white-100 hawa-flex hawa-flex-row" }, /* @__PURE__ */ React24.createElement("div", null, props.currentUsage), /* @__PURE__ */ React24.createElement("div", null, " (", props.percent, "%)")), /* @__PURE__ */ React24.createElement(Progress, { value: (_a = props.percent) != null ? _a : 0 }));
+    /* @__PURE__ */ React29.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__ */ React29.createElement("div", { className: "hawa-bg-white-100 hawa-flex hawa-flex-row" }, /* @__PURE__ */ React29.createElement("div", null, props.currentUsage), /* @__PURE__ */ React29.createElement("div", null, " (", props.percent, "%)")), /* @__PURE__ */ React29.createElement(Progress, { value: (_a = props.percent) != null ? _a : 0 }));
 };
 export {
+  ActionCard,
+  AdCard,
   Announcement,
   AppLanding,
   CheckEmail,
@@ -2175,12 +2517,15 @@ export {
   FeedbackForm,
   FeedbackRating,
   HorizontalPricing,
+  ItemCard,
+  LandingCard,
   LeadGenerator,
   LegalTexts,
   LoginForm,
   NewPasswordForm,
   NoPermission,
   NotFound,
+  PricingCard,
   PricingPlans,
   RegisterForm,
   ResetPasswordForm,