@sikka/hawa 0.48.0-next → 0.49.0-next

package/dist/blocks/index.js

@@ -81,9 +81,7 @@ var import_class_variance_authority = require("class-variance-authority");
 
 // elements/helperText/HelperText.tsx
 var import_react = __toESM(require("react"));
-var HelperText = ({
-  helperText
-}) => /* @__PURE__ */ import_react.default.createElement(
+var HelperText = ({ helperText }) => /* @__PURE__ */ import_react.default.createElement(
   "p",
   {
     className: cn(
@@ -134,38 +132,31 @@ var Tooltip = ({
   delayDuration = 300,
   ...props
 }) => {
-  return /* @__PURE__ */ import_react2.default.createElement(
-    TooltipPrimitive.TooltipProvider,
+  return /* @__PURE__ */ import_react2.default.createElement(TooltipPrimitive.TooltipProvider, { delayDuration, ...providerProps }, /* @__PURE__ */ import_react2.default.createElement(
+    TooltipPrimitive.Root,
     {
-      delayDuration,
-      ...providerProps
+      open: !disabled && open,
+      defaultOpen,
+      onOpenChange,
+      ...props
     },
+    /* @__PURE__ */ import_react2.default.createElement(TooltipPrimitive.Trigger, { ...triggerProps }, children),
     /* @__PURE__ */ import_react2.default.createElement(
-      TooltipPrimitive.Root,
+      TooltipContent,
       {
-        open: !disabled && open,
-        defaultOpen,
-        onOpenChange,
-        ...props
+        size,
+        side,
+        align: "center",
+        ...contentProps,
+        style: {
+          ...contentProps == null ? void 0 : contentProps.style,
+          maxWidth: "var(--radix-tooltip-content-available-width)",
+          maxHeight: "var(--radix-tooltip-content-available-height)"
+        }
       },
-      /* @__PURE__ */ import_react2.default.createElement(TooltipPrimitive.Trigger, { ...triggerProps }, children),
-      /* @__PURE__ */ import_react2.default.createElement(
-        TooltipContent,
-        {
-          size,
-          side,
-          align: "center",
-          ...contentProps,
-          style: {
-            ...contentProps == null ? void 0 : contentProps.style,
-            maxWidth: "var(--radix-tooltip-content-available-width)",
-            maxHeight: "var(--radix-tooltip-content-available-height)"
-          }
-        },
-        content
-      )
+      content
     )
-  );
+  ));
 };
 
 // elements/label/Label.tsx
@@ -242,57 +233,42 @@ var Loading = ({
   };
   switch (design.split("-")[0]) {
     case "dots":
-      return /* @__PURE__ */ import_react3.default.createElement(
+      return /* @__PURE__ */ import_react3.default.createElement("div", { className: cn("hawa-flex hawa-flex-row hawa-gap-2", classNames == null ? void 0 : classNames.container) }, /* @__PURE__ */ import_react3.default.createElement(
         "div",
         {
           className: cn(
-            "hawa-flex hawa-flex-row hawa-gap-2",
-            classNames == null ? void 0 : classNames.container
+            "hawa-animate-bounce hawa-rounded-full hawa-delay-100 hawa-repeat-infinite",
+            size === "button" ? "hawa-h-2 hawa-w-2" : sizeStyles[size],
+            animationStyles[design.split("-")[1]],
+            color ? color : "hawa-bg-primary"
           )
-        },
-        /* @__PURE__ */ import_react3.default.createElement(
-          "div",
-          {
-            className: cn(
-              "hawa-animate-bounce hawa-rounded-full hawa-delay-100 hawa-repeat-infinite",
-              size === "button" ? "hawa-h-2 hawa-w-2" : sizeStyles[size],
-              animationStyles[design.split("-")[1]],
-              color ? color : "hawa-bg-primary"
-            )
-          }
-        ),
-        /* @__PURE__ */ import_react3.default.createElement(
-          "div",
-          {
-            className: cn(
-              "hawa-animate-bounce hawa-rounded-full hawa-delay-200 hawa-repeat-infinite",
-              size === "button" ? "hawa-h-2 hawa-w-2" : sizeStyles[size],
-              animationStyles[design.split("-")[1]],
-              color ? color : "hawa-bg-primary"
-            )
-          }
-        ),
-        /* @__PURE__ */ import_react3.default.createElement(
-          "div",
-          {
-            className: cn(
-              "hawa-animate-bounce hawa-rounded-full hawa-delay-300 hawa-repeat-infinite",
-              size === "button" ? "hawa-h-2 hawa-w-2" : sizeStyles[size],
-              animationStyles[design.split("-")[1]],
-              color ? color : "hawa-bg-primary"
-            )
-          }
-        )
-      );
+        }
+      ), /* @__PURE__ */ import_react3.default.createElement(
+        "div",
+        {
+          className: cn(
+            "hawa-animate-bounce hawa-rounded-full hawa-delay-200 hawa-repeat-infinite",
+            size === "button" ? "hawa-h-2 hawa-w-2" : sizeStyles[size],
+            animationStyles[design.split("-")[1]],
+            color ? color : "hawa-bg-primary"
+          )
+        }
+      ), /* @__PURE__ */ import_react3.default.createElement(
+        "div",
+        {
+          className: cn(
+            "hawa-animate-bounce hawa-rounded-full hawa-delay-300 hawa-repeat-infinite",
+            size === "button" ? "hawa-h-2 hawa-w-2" : sizeStyles[size],
+            animationStyles[design.split("-")[1]],
+            color ? color : "hawa-bg-primary"
+          )
+        }
+      ));
     case "square":
       return /* @__PURE__ */ import_react3.default.createElement(
         "svg",
         {
-          className: cn(
-            "squircle-container",
-            sizeStyles[size],
-            classNames == null ? void 0 : classNames.container
-          ),
+          className: cn("squircle-container", sizeStyles[size], classNames == null ? void 0 : classNames.container),
           viewBox: "0 0 35 35",
           height: "35",
           width: "35"
@@ -333,11 +309,7 @@ var Loading = ({
           height: "37",
           width: "37",
           preserveAspectRatio: "xMidYMid meet",
-          className: cn(
-            "squircle-container",
-            sizeStyles[size],
-            classNames == null ? void 0 : classNames.container
-          )
+          className: cn("squircle-container", sizeStyles[size], classNames == null ? void 0 : classNames.container)
         },
         /* @__PURE__ */ import_react3.default.createElement(
           "path",
@@ -380,11 +352,7 @@ var Loading = ({
           viewBox: "0 0 40 40",
           height: "40",
           width: "40",
-          className: cn(
-            "circle-container",
-            sizeStyles[size],
-            classNames == null ? void 0 : classNames.container
-          )
+          className: cn("circle-container", sizeStyles[size], classNames == null ? void 0 : classNames.container)
         },
         /* @__PURE__ */ import_react3.default.createElement(
           "circle",
@@ -674,22 +642,13 @@ var Logos = {
       }
     )
   ),
-  hawa: (props) => /* @__PURE__ */ import_react4.default.createElement(
-    "svg",
+  hawa: (props) => /* @__PURE__ */ import_react4.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", xmlSpace: "preserve", viewBox: "0 0 765 765", ...props }, /* @__PURE__ */ import_react4.default.createElement(
+    "path",
     {
-      xmlns: "http://www.w3.org/2000/svg",
-      xmlSpace: "preserve",
-      viewBox: "0 0 765 765",
-      ...props
-    },
-    /* @__PURE__ */ import_react4.default.createElement(
-      "path",
-      {
-        d: "M382.5 0C171.6 0 0 171.6 0 382.5V765h382.5C593.4 765 765 593.4 765 382.5S593.4 0 382.5 0zM281.6 305.7c98 0 177.7 79.7 177.7 177.7 0 98-79.7 177.7-177.7 177.7s-177.7-79.7-177.7-177.7c0-98 79.7-177.7 177.7-177.7zm246 314.5c23.2-41.6 35.6-88.7 35.6-136.7 0-155.3-126.3-281.6-281.6-281.6-48 0-95.1 12.4-136.8 35.6C194.9 156 285 104 382.5 104c153.6 0 278.6 125 278.6 278.6 0 97.3-52 187.5-133.5 237.6z",
-        fill: "currentColor"
-      }
-    )
-  ),
+      d: "M382.5 0C171.6 0 0 171.6 0 382.5V765h382.5C593.4 765 765 593.4 765 382.5S593.4 0 382.5 0zM281.6 305.7c98 0 177.7 79.7 177.7 177.7 0 98-79.7 177.7-177.7 177.7s-177.7-79.7-177.7-177.7c0-98 79.7-177.7 177.7-177.7zm246 314.5c23.2-41.6 35.6-88.7 35.6-136.7 0-155.3-126.3-281.6-281.6-281.6-48 0-95.1 12.4-136.8 35.6C194.9 156 285 104 382.5 104c153.6 0 278.6 125 278.6 278.6 0 97.3-52 187.5-133.5 237.6z",
+      fill: "currentColor"
+    }
+  )),
   sikka: (props) => /* @__PURE__ */ import_react4.default.createElement(
     "svg",
     {
@@ -758,101 +717,42 @@ var Logos = {
       d: "M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z"
     }
   )),
-  instagram: (props) => /* @__PURE__ */ import_react4.default.createElement(
-    "svg",
+  instagram: (props) => /* @__PURE__ */ import_react4.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 16 16", ...props }, /* @__PURE__ */ import_react4.default.createElement("path", { d: "M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334z" })),
+  telegram: (props) => /* @__PURE__ */ import_react4.default.createElement("svg", { role: "img", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ import_react4.default.createElement("title", null, "Telegram"), /* @__PURE__ */ import_react4.default.createElement(
+    "path",
     {
-      xmlns: "http://www.w3.org/2000/svg",
       fill: "currentColor",
-      viewBox: "0 0 16 16",
-      ...props
-    },
-    /* @__PURE__ */ import_react4.default.createElement("path", { d: "M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334z" })
-  ),
-  telegram: (props) => /* @__PURE__ */ import_react4.default.createElement(
-    "svg",
-    {
-      role: "img",
-      viewBox: "0 0 24 24",
-      xmlns: "http://www.w3.org/2000/svg",
-      ...props
-    },
-    /* @__PURE__ */ import_react4.default.createElement("title", null, "Telegram"),
-    /* @__PURE__ */ import_react4.default.createElement(
-      "path",
-      {
-        fill: "currentColor",
-        d: "M11.944 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0a12 12 0 0 0-.056 0zm4.962 7.224c.1-.002.321.023.465.14a.506.506 0 0 1 .171.325c.016.093.036.306.02.472-.18 1.898-.962 6.502-1.36 8.627-.168.9-.499 1.201-.82 1.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.48.33-.913.49-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z"
-      }
-    )
-  ),
-  youtube: (props) => /* @__PURE__ */ import_react4.default.createElement(
-    "svg",
+      d: "M11.944 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0a12 12 0 0 0-.056 0zm4.962 7.224c.1-.002.321.023.465.14a.506.506 0 0 1 .171.325c.016.093.036.306.02.472-.18 1.898-.962 6.502-1.36 8.627-.168.9-.499 1.201-.82 1.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.48.33-.913.49-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z"
+    }
+  )),
+  youtube: (props) => /* @__PURE__ */ import_react4.default.createElement("svg", { role: "img", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ import_react4.default.createElement("title", null, "YouTube"), /* @__PURE__ */ import_react4.default.createElement(
+    "path",
     {
-      role: "img",
-      viewBox: "0 0 24 24",
-      xmlns: "http://www.w3.org/2000/svg",
-      ...props
-    },
-    /* @__PURE__ */ import_react4.default.createElement("title", null, "YouTube"),
-    /* @__PURE__ */ import_react4.default.createElement(
-      "path",
-      {
-        fill: "currentColor",
-        d: "M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"
-      }
-    )
-  ),
-  tiktok: (props) => /* @__PURE__ */ import_react4.default.createElement(
-    "svg",
+      fill: "currentColor",
+      d: "M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"
+    }
+  )),
+  tiktok: (props) => /* @__PURE__ */ import_react4.default.createElement("svg", { role: "img", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ import_react4.default.createElement("title", null, "TikTok"), /* @__PURE__ */ import_react4.default.createElement(
+    "path",
     {
-      role: "img",
-      viewBox: "0 0 24 24",
-      xmlns: "http://www.w3.org/2000/svg",
-      ...props
-    },
-    /* @__PURE__ */ import_react4.default.createElement("title", null, "TikTok"),
-    /* @__PURE__ */ import_react4.default.createElement(
-      "path",
-      {
-        fill: "currentColor",
-        d: "M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z"
-      }
-    )
-  ),
-  linkedin: (props) => /* @__PURE__ */ import_react4.default.createElement(
-    "svg",
+      fill: "currentColor",
+      d: "M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z"
+    }
+  )),
+  linkedin: (props) => /* @__PURE__ */ import_react4.default.createElement("svg", { role: "img", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ import_react4.default.createElement("title", null, "LinkedIn"), /* @__PURE__ */ import_react4.default.createElement(
+    "path",
     {
-      role: "img",
-      viewBox: "0 0 24 24",
-      xmlns: "http://www.w3.org/2000/svg",
-      ...props
-    },
-    /* @__PURE__ */ import_react4.default.createElement("title", null, "LinkedIn"),
-    /* @__PURE__ */ import_react4.default.createElement(
-      "path",
-      {
-        fill: "currentColor",
-        d: "M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"
-      }
-    )
-  ),
-  behance: (props) => /* @__PURE__ */ import_react4.default.createElement(
-    "svg",
+      fill: "currentColor",
+      d: "M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"
+    }
+  )),
+  behance: (props) => /* @__PURE__ */ import_react4.default.createElement("svg", { role: "img", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ import_react4.default.createElement("title", null, "Behance"), /* @__PURE__ */ import_react4.default.createElement(
+    "path",
     {
-      role: "img",
-      viewBox: "0 0 24 24",
-      xmlns: "http://www.w3.org/2000/svg",
-      ...props
-    },
-    /* @__PURE__ */ import_react4.default.createElement("title", null, "Behance"),
-    /* @__PURE__ */ import_react4.default.createElement(
-      "path",
-      {
-        fill: "currentColor",
-        d: "M16.969 16.927a2.561 2.561 0 0 0 1.901.677 2.501 2.501 0 0 0 1.531-.475c.362-.235.636-.584.779-.99h2.585a5.091 5.091 0 0 1-1.9 2.896 5.292 5.292 0 0 1-3.091.88 5.839 5.839 0 0 1-2.284-.433 4.871 4.871 0 0 1-1.723-1.211 5.657 5.657 0 0 1-1.08-1.874 7.057 7.057 0 0 1-.383-2.393c-.005-.8.129-1.595.396-2.349a5.313 5.313 0 0 1 5.088-3.604 4.87 4.87 0 0 1 2.376.563c.661.362 1.231.87 1.668 1.485a6.2 6.2 0 0 1 .943 2.133c.194.821.263 1.666.205 2.508h-7.699c-.063.79.184 1.574.688 2.187ZM6.947 4.084a8.065 8.065 0 0 1 1.928.198 4.29 4.29 0 0 1 1.49.638c.418.303.748.711.958 1.182.241.579.357 1.203.341 1.83a3.506 3.506 0 0 1-.506 1.961 3.726 3.726 0 0 1-1.503 1.287 3.588 3.588 0 0 1 2.027 1.437c.464.747.697 1.615.67 2.494a4.593 4.593 0 0 1-.423 2.032 3.945 3.945 0 0 1-1.163 1.413 5.114 5.114 0 0 1-1.683.807 7.135 7.135 0 0 1-1.928.259H0V4.084h6.947Zm-.235 12.9c.308.004.616-.029.916-.099a2.18 2.18 0 0 0 .766-.332c.228-.158.411-.371.534-.619.142-.317.208-.663.191-1.009a2.08 2.08 0 0 0-.642-1.715 2.618 2.618 0 0 0-1.696-.505h-3.54v4.279h3.471Zm13.635-5.967a2.13 2.13 0 0 0-1.654-.619 2.336 2.336 0 0 0-1.163.259 2.474 2.474 0 0 0-.738.62 2.359 2.359 0 0 0-.396.792c-.074.239-.12.485-.137.734h4.769a3.239 3.239 0 0 0-.679-1.785l-.002-.001Zm-13.813-.648a2.254 2.254 0 0 0 1.423-.433c.399-.355.607-.88.56-1.413a1.916 1.916 0 0 0-.178-.891 1.298 1.298 0 0 0-.495-.533 1.851 1.851 0 0 0-.711-.274 3.966 3.966 0 0 0-.835-.073H3.241v3.631h3.293v-.014ZM21.62 5.122h-5.976v1.527h5.976V5.122Z"
-      }
-    )
-  ),
+      fill: "currentColor",
+      d: "M16.969 16.927a2.561 2.561 0 0 0 1.901.677 2.501 2.501 0 0 0 1.531-.475c.362-.235.636-.584.779-.99h2.585a5.091 5.091 0 0 1-1.9 2.896 5.292 5.292 0 0 1-3.091.88 5.839 5.839 0 0 1-2.284-.433 4.871 4.871 0 0 1-1.723-1.211 5.657 5.657 0 0 1-1.08-1.874 7.057 7.057 0 0 1-.383-2.393c-.005-.8.129-1.595.396-2.349a5.313 5.313 0 0 1 5.088-3.604 4.87 4.87 0 0 1 2.376.563c.661.362 1.231.87 1.668 1.485a6.2 6.2 0 0 1 .943 2.133c.194.821.263 1.666.205 2.508h-7.699c-.063.79.184 1.574.688 2.187ZM6.947 4.084a8.065 8.065 0 0 1 1.928.198 4.29 4.29 0 0 1 1.49.638c.418.303.748.711.958 1.182.241.579.357 1.203.341 1.83a3.506 3.506 0 0 1-.506 1.961 3.726 3.726 0 0 1-1.503 1.287 3.588 3.588 0 0 1 2.027 1.437c.464.747.697 1.615.67 2.494a4.593 4.593 0 0 1-.423 2.032 3.945 3.945 0 0 1-1.163 1.413 5.114 5.114 0 0 1-1.683.807 7.135 7.135 0 0 1-1.928.259H0V4.084h6.947Zm-.235 12.9c.308.004.616-.029.916-.099a2.18 2.18 0 0 0 .766-.332c.228-.158.411-.371.534-.619.142-.317.208-.663.191-1.009a2.08 2.08 0 0 0-.642-1.715 2.618 2.618 0 0 0-1.696-.505h-3.54v4.279h3.471Zm13.635-5.967a2.13 2.13 0 0 0-1.654-.619 2.336 2.336 0 0 0-1.163.259 2.474 2.474 0 0 0-.738.62 2.359 2.359 0 0 0-.396.792c-.074.239-.12.485-.137.734h4.769a3.239 3.239 0 0 0-.679-1.785l-.002-.001Zm-13.813-.648a2.254 2.254 0 0 0 1.423-.433c.399-.355.607-.88.56-1.413a1.916 1.916 0 0 0-.178-.891 1.298 1.298 0 0 0-.495-.533 1.851 1.851 0 0 0-.711-.274 3.966 3.966 0 0 0-.835-.073H3.241v3.631h3.293v-.014ZM21.62 5.122h-5.976v1.527h5.976V5.122Z"
+    }
+  )),
   microsoft: (props) => /* @__PURE__ */ import_react4.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", ...props }, /* @__PURE__ */ import_react4.default.createElement(
     "path",
     {
@@ -860,21 +760,13 @@ var Logos = {
       d: "M7.462 0H0v7.19h7.462V0zM16 0H8.538v7.19H16V0zM7.462 8.211H0V16h7.462V8.211zm8.538 0H8.538V16H16V8.211z"
     }
   )),
-  github: (props) => /* @__PURE__ */ import_react4.default.createElement(
-    "svg",
+  github: (props) => /* @__PURE__ */ import_react4.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 438.549 438.549", ...props }, /* @__PURE__ */ import_react4.default.createElement(
+    "path",
     {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 438.549 438.549",
-      ...props
-    },
-    /* @__PURE__ */ import_react4.default.createElement(
-      "path",
-      {
-        fill: "currentColor",
-        d: "M409.132 114.573c-19.608-33.596-46.205-60.194-79.798-79.8-33.598-19.607-70.277-29.408-110.063-29.408-39.781 0-76.472 9.804-110.063 29.408-33.596 19.605-60.192 46.204-79.8 79.8C9.803 148.168 0 184.854 0 224.63c0 47.78 13.94 90.745 41.827 128.906 27.884 38.164 63.906 64.572 108.063 79.227 5.14.954 8.945.283 11.419-1.996 2.475-2.282 3.711-5.14 3.711-8.562 0-.571-.049-5.708-.144-15.417a2549.81 2549.81 0 01-.144-25.406l-6.567 1.136c-4.187.767-9.469 1.092-15.846 1-6.374-.089-12.991-.757-19.842-1.999-6.854-1.231-13.229-4.086-19.13-8.559-5.898-4.473-10.085-10.328-12.56-17.556l-2.855-6.57c-1.903-4.374-4.899-9.233-8.992-14.559-4.093-5.331-8.232-8.945-12.419-10.848l-1.999-1.431c-1.332-.951-2.568-2.098-3.711-3.429-1.142-1.331-1.997-2.663-2.568-3.997-.572-1.335-.098-2.43 1.427-3.289 1.525-.859 4.281-1.276 8.28-1.276l5.708.853c3.807.763 8.516 3.042 14.133 6.851 5.614 3.806 10.229 8.754 13.846 14.842 4.38 7.806 9.657 13.754 15.846 17.847 6.184 4.093 12.419 6.136 18.699 6.136 6.28 0 11.704-.476 16.274-1.423 4.565-.952 8.848-2.383 12.847-4.285 1.713-12.758 6.377-22.559 13.988-29.41-10.848-1.14-20.601-2.857-29.264-5.14-8.658-2.286-17.605-5.996-26.835-11.14-9.235-5.137-16.896-11.516-22.985-19.126-6.09-7.614-11.088-17.61-14.987-29.979-3.901-12.374-5.852-26.648-5.852-42.826 0-23.035 7.52-42.637 22.557-58.817-7.044-17.318-6.379-36.732 1.997-58.24 5.52-1.715 13.706-.428 24.554 3.853 10.85 4.283 18.794 7.952 23.84 10.994 5.046 3.041 9.089 5.618 12.135 7.708 17.705-4.947 35.976-7.421 54.818-7.421s37.117 2.474 54.823 7.421l10.849-6.849c7.419-4.57 16.18-8.758 26.262-12.565 10.088-3.805 17.802-4.853 23.134-3.138 8.562 21.509 9.325 40.922 2.279 58.24 15.036 16.18 22.559 35.787 22.559 58.817 0 16.178-1.958 30.497-5.853 42.966-3.9 12.471-8.941 22.457-15.125 29.979-6.191 7.521-13.901 13.85-23.131 18.986-9.232 5.14-18.182 8.85-26.84 11.136-8.662 2.286-18.415 4.004-29.263 5.146 9.894 8.562 14.842 22.077 14.842 40.539v60.237c0 3.422 1.19 6.279 3.572 8.562 2.379 2.279 6.136 2.95 11.276 1.995 44.163-14.653 80.185-41.062 108.068-79.226 27.88-38.161 41.825-81.126 41.825-128.906-.01-39.771-9.818-76.454-29.414-110.049z"
-      }
-    )
-  ),
+      fill: "currentColor",
+      d: "M409.132 114.573c-19.608-33.596-46.205-60.194-79.798-79.8-33.598-19.607-70.277-29.408-110.063-29.408-39.781 0-76.472 9.804-110.063 29.408-33.596 19.605-60.192 46.204-79.8 79.8C9.803 148.168 0 184.854 0 224.63c0 47.78 13.94 90.745 41.827 128.906 27.884 38.164 63.906 64.572 108.063 79.227 5.14.954 8.945.283 11.419-1.996 2.475-2.282 3.711-5.14 3.711-8.562 0-.571-.049-5.708-.144-15.417a2549.81 2549.81 0 01-.144-25.406l-6.567 1.136c-4.187.767-9.469 1.092-15.846 1-6.374-.089-12.991-.757-19.842-1.999-6.854-1.231-13.229-4.086-19.13-8.559-5.898-4.473-10.085-10.328-12.56-17.556l-2.855-6.57c-1.903-4.374-4.899-9.233-8.992-14.559-4.093-5.331-8.232-8.945-12.419-10.848l-1.999-1.431c-1.332-.951-2.568-2.098-3.711-3.429-1.142-1.331-1.997-2.663-2.568-3.997-.572-1.335-.098-2.43 1.427-3.289 1.525-.859 4.281-1.276 8.28-1.276l5.708.853c3.807.763 8.516 3.042 14.133 6.851 5.614 3.806 10.229 8.754 13.846 14.842 4.38 7.806 9.657 13.754 15.846 17.847 6.184 4.093 12.419 6.136 18.699 6.136 6.28 0 11.704-.476 16.274-1.423 4.565-.952 8.848-2.383 12.847-4.285 1.713-12.758 6.377-22.559 13.988-29.41-10.848-1.14-20.601-2.857-29.264-5.14-8.658-2.286-17.605-5.996-26.835-11.14-9.235-5.137-16.896-11.516-22.985-19.126-6.09-7.614-11.088-17.61-14.987-29.979-3.901-12.374-5.852-26.648-5.852-42.826 0-23.035 7.52-42.637 22.557-58.817-7.044-17.318-6.379-36.732 1.997-58.24 5.52-1.715 13.706-.428 24.554 3.853 10.85 4.283 18.794 7.952 23.84 10.994 5.046 3.041 9.089 5.618 12.135 7.708 17.705-4.947 35.976-7.421 54.818-7.421s37.117 2.474 54.823 7.421l10.849-6.849c7.419-4.57 16.18-8.758 26.262-12.565 10.088-3.805 17.802-4.853 23.134-3.138 8.562 21.509 9.325 40.922 2.279 58.24 15.036 16.18 22.559 35.787 22.559 58.817 0 16.178-1.958 30.497-5.853 42.966-3.9 12.471-8.941 22.457-15.125 29.979-6.191 7.521-13.901 13.85-23.131 18.986-9.232 5.14-18.182 8.85-26.84 11.136-8.662 2.286-18.415 4.004-29.263 5.146 9.894 8.562 14.842 22.077 14.842 40.539v60.237c0 3.422 1.19 6.279 3.572 8.562 2.379 2.279 6.136 2.95 11.276 1.995 44.163-14.653 80.185-41.062 108.068-79.226 27.88-38.161 41.825-81.126 41.825-128.906-.01-39.771-9.818-76.454-29.414-110.049z"
+    }
+  )),
   radix: (props) => /* @__PURE__ */ import_react4.default.createElement("svg", { viewBox: "0 0 25 25", fill: "none", ...props }, /* @__PURE__ */ import_react4.default.createElement(
     "path",
     {
@@ -931,23 +823,13 @@ var Logos = {
       d: "M12.48 10.92v3.28h7.84c-.24 1.84-.853 3.187-1.787 4.133-1.147 1.147-2.933 2.4-6.053 2.4-4.827 0-8.6-3.893-8.6-8.72s3.773-8.72 8.6-8.72c2.6 0 4.507 1.027 5.907 2.347l2.307-2.307C18.747 1.44 16.133 0 12.48 0 5.867 0 .307 5.387.307 12s5.56 12 12.173 12c3.573 0 6.267-1.173 8.373-3.36 2.16-2.16 2.84-5.213 2.84-7.667 0-.76-.053-1.467-.173-2.053H12.48z"
     }
   )),
-  googleplay: (props) => /* @__PURE__ */ import_react4.default.createElement(
-    "svg",
+  googleplay: (props) => /* @__PURE__ */ import_react4.default.createElement("svg", { role: "img", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ import_react4.default.createElement("title", null, "Google Play"), /* @__PURE__ */ import_react4.default.createElement(
+    "path",
     {
-      role: "img",
-      viewBox: "0 0 24 24",
-      xmlns: "http://www.w3.org/2000/svg",
-      ...props
-    },
-    /* @__PURE__ */ import_react4.default.createElement("title", null, "Google Play"),
-    /* @__PURE__ */ import_react4.default.createElement(
-      "path",
-      {
-        fill: "currentColor",
-        d: "M22.018 13.298l-3.919 2.218-3.515-3.493 3.543-3.521 3.891 2.202a1.49 1.49 0 0 1 0 2.594zM1.337.924a1.486 1.486 0 0 0-.112.568v21.017c0 .217.045.419.124.6l11.155-11.087L1.337.924zm12.207 10.065l3.258-3.238L3.45.195a1.466 1.466 0 0 0-.946-.179l11.04 10.973zm0 2.067l-11 10.933c.298.036.612-.016.906-.183l13.324-7.54-3.23-3.21z"
-      }
-    )
-  ),
+      fill: "currentColor",
+      d: "M22.018 13.298l-3.919 2.218-3.515-3.493 3.543-3.521 3.891 2.202a1.49 1.49 0 0 1 0 2.594zM1.337.924a1.486 1.486 0 0 0-.112.568v21.017c0 .217.045.419.124.6l11.155-11.087L1.337.924zm12.207 10.065l3.258-3.238L3.45.195a1.466 1.466 0 0 0-.946-.179l11.04 10.973zm0 2.067l-11 10.933c.298.036.612-.016.906-.183l13.324-7.54-3.23-3.21z"
+    }
+  )),
   apple: (props) => /* @__PURE__ */ import_react4.default.createElement("svg", { role: "img", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ import_react4.default.createElement(
     "path",
     {
@@ -955,23 +837,13 @@ var Logos = {
       fill: "currentColor"
     }
   )),
-  applestore: (props) => /* @__PURE__ */ import_react4.default.createElement(
-    "svg",
+  applestore: (props) => /* @__PURE__ */ import_react4.default.createElement("svg", { role: "img", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ import_react4.default.createElement("title", null, "App Store"), /* @__PURE__ */ import_react4.default.createElement(
+    "path",
     {
-      role: "img",
-      viewBox: "0 0 24 24",
-      xmlns: "http://www.w3.org/2000/svg",
-      ...props
-    },
-    /* @__PURE__ */ import_react4.default.createElement("title", null, "App Store"),
-    /* @__PURE__ */ import_react4.default.createElement(
-      "path",
-      {
-        fill: "currentColor",
-        d: "M8.8086 14.9194l6.1107-11.0368c.0837-.1513.1682-.302.2437-.4584.0685-.142.1267-.2854.1646-.4403.0803-.3259.0588-.6656-.066-.9767-.1238-.3095-.3417-.5678-.6201-.7355a1.4175 1.4175 0 0 0-.921-.1924c-.3207.043-.6135.1935-.8443.4288-.1094.1118-.1996.2361-.2832.369-.092.1463-.175.2979-.259.4492l-.3864.6979-.3865-.6979c-.0837-.1515-.1667-.303-.2587-.4492-.0837-.1329-.1739-.2572-.2835-.369-.2305-.2353-.5233-.3857-.844-.429a1.4181 1.4181 0 0 0-.921.1926c-.2784.1677-.4964.426-.6203.7355-.1246.311-.1461.6508-.066.9767.038.155.0962.2984.1648.4403.0753.1564.1598.307.2437.4584l1.248 2.2543-4.8625 8.7825H2.0295c-.1676 0-.3351-.0007-.5026.0092-.1522.009-.3004.0284-.448.0714-.3108.0906-.5822.2798-.7783.548-.195.2665-.3006.5929-.3006.9279 0 .3352.1057.6612.3006.9277.196.2683.4675.4575.7782.548.1477.043.296.0623.4481.0715.1675.01.335.009.5026.009h13.0974c.0171-.0357.059-.1294.1-.2697.415-1.4151-.6156-2.843-2.0347-2.843zM3.113 18.5418l-.7922 1.5008c-.0818.1553-.1644.31-.2384.4705-.067.1458-.124.293-.1611.452-.0785.3346-.0576.6834.0645 1.0029.1212.3175.3346.583.607.7549.2727.172.5891.2416.9013.1975.3139-.044.6005-.1986.8263-.4402.1072-.1148.1954-.2424.2772-.3787.0902-.1503.1714-.3059.2535-.4612L6 19.4636c-.0896-.149-.9473-1.4704-2.887-.9218m20.5861-3.0056a1.4707 1.4707 0 0 0-.779-.5407c-.1476-.0425-.2961-.0616-.4483-.0705-.1678-.0099-.3352-.0091-.503-.0091H18.648l-4.3891-7.817c-.6655.7005-.9632 1.485-1.0773 2.1976-.1655 1.0333.0367 2.0934.546 3.0004l5.2741 9.3933c.084.1494.167.299.2591.4435.0837.131.1739.2537.2836.364.231.2323.5238.3809.8449.4232.3192.0424.643-.0244.9217-.1899.2784-.1653.4968-.4204.621-.7257.1246-.3072.146-.6425.0658-.9641-.0381-.1529-.0962-.2945-.165-.4346-.0753-.1543-.1598-.303-.2438-.4524l-1.216-2.1662h1.596c.1677 0 .3351.0009.5029-.009.1522-.009.3007-.028.4483-.0705a1.4707 1.4707 0 0 0 .779-.5407A1.5386 1.5386 0 0 0 24 16.452a1.539 1.539 0 0 0-.3009-.9158Z"
-      }
-    )
-  ),
+      fill: "currentColor",
+      d: "M8.8086 14.9194l6.1107-11.0368c.0837-.1513.1682-.302.2437-.4584.0685-.142.1267-.2854.1646-.4403.0803-.3259.0588-.6656-.066-.9767-.1238-.3095-.3417-.5678-.6201-.7355a1.4175 1.4175 0 0 0-.921-.1924c-.3207.043-.6135.1935-.8443.4288-.1094.1118-.1996.2361-.2832.369-.092.1463-.175.2979-.259.4492l-.3864.6979-.3865-.6979c-.0837-.1515-.1667-.303-.2587-.4492-.0837-.1329-.1739-.2572-.2835-.369-.2305-.2353-.5233-.3857-.844-.429a1.4181 1.4181 0 0 0-.921.1926c-.2784.1677-.4964.426-.6203.7355-.1246.311-.1461.6508-.066.9767.038.155.0962.2984.1648.4403.0753.1564.1598.307.2437.4584l1.248 2.2543-4.8625 8.7825H2.0295c-.1676 0-.3351-.0007-.5026.0092-.1522.009-.3004.0284-.448.0714-.3108.0906-.5822.2798-.7783.548-.195.2665-.3006.5929-.3006.9279 0 .3352.1057.6612.3006.9277.196.2683.4675.4575.7782.548.1477.043.296.0623.4481.0715.1675.01.335.009.5026.009h13.0974c.0171-.0357.059-.1294.1-.2697.415-1.4151-.6156-2.843-2.0347-2.843zM3.113 18.5418l-.7922 1.5008c-.0818.1553-.1644.31-.2384.4705-.067.1458-.124.293-.1611.452-.0785.3346-.0576.6834.0645 1.0029.1212.3175.3346.583.607.7549.2727.172.5891.2416.9013.1975.3139-.044.6005-.1986.8263-.4402.1072-.1148.1954-.2424.2772-.3787.0902-.1503.1714-.3059.2535-.4612L6 19.4636c-.0896-.149-.9473-1.4704-2.887-.9218m20.5861-3.0056a1.4707 1.4707 0 0 0-.779-.5407c-.1476-.0425-.2961-.0616-.4483-.0705-.1678-.0099-.3352-.0091-.503-.0091H18.648l-4.3891-7.817c-.6655.7005-.9632 1.485-1.0773 2.1976-.1655 1.0333.0367 2.0934.546 3.0004l5.2741 9.3933c.084.1494.167.299.2591.4435.0837.131.1739.2537.2836.364.231.2323.5238.3809.8449.4232.3192.0424.643-.0244.9217-.1899.2784-.1653.4968-.4204.621-.7257.1246-.3072.146-.6425.0658-.9641-.0381-.1529-.0962-.2945-.165-.4346-.0753-.1543-.1598-.303-.2438-.4524l-1.216-2.1662h1.596c.1677 0 .3351.0009.5029-.009.1522-.009.3007-.028.4483-.0705a1.4707 1.4707 0 0 0 .779-.5407A1.5386 1.5386 0 0 0 24 16.452a1.539 1.539 0 0 0-.3009-.9158Z"
+    }
+  )),
   paypal: (props) => /* @__PURE__ */ import_react4.default.createElement("svg", { role: "img", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ import_react4.default.createElement(
     "path",
     {
@@ -995,50 +867,21 @@ var Logos = {
     },
     /* @__PURE__ */ import_react4.default.createElement("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" })
   ),
-  whatsapp: (props) => /* @__PURE__ */ import_react4.default.createElement(
-    "svg",
+  whatsapp: (props) => /* @__PURE__ */ import_react4.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props }, /* @__PURE__ */ import_react4.default.createElement("path", { d: "M.057 24l1.687-6.163c-1.041-1.804-1.588-3.849-1.587-5.946.003-6.556 5.338-11.891 11.893-11.891 3.181.001 6.167 1.24 8.413 3.488 2.245 2.248 3.481 5.236 3.48 8.414-.003 6.557-5.338 11.892-11.893 11.892-1.99-.001-3.951-.5-5.688-1.448l-6.305 1.654zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.889 9.884-.001 2.225.651 3.891 1.746 5.634l-.999 3.648 3.742-.981zm11.387-5.464c-.074-.124-.272-.198-.57-.347-.297-.149-1.758-.868-2.031-.967-.272-.099-.47-.149-.669.149-.198.297-.768.967-.941 1.165-.173.198-.347.223-.644.074-.297-.149-1.255-.462-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.521.151-.172.2-.296.3-.495.099-.198.05-.372-.025-.521-.075-.148-.669-1.611-.916-2.206-.242-.579-.487-.501-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.095 3.2 5.076 4.487.709.306 1.263.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.695.248-1.29.173-1.414z" })),
+  visa: (props) => /* @__PURE__ */ import_react4.default.createElement("svg", { role: "img", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ import_react4.default.createElement("title", null, "Visa"), /* @__PURE__ */ import_react4.default.createElement(
+    "path",
     {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 24 24",
       fill: "currentColor",
-      ...props
-    },
-    /* @__PURE__ */ import_react4.default.createElement("path", { d: "M.057 24l1.687-6.163c-1.041-1.804-1.588-3.849-1.587-5.946.003-6.556 5.338-11.891 11.893-11.891 3.181.001 6.167 1.24 8.413 3.488 2.245 2.248 3.481 5.236 3.48 8.414-.003 6.557-5.338 11.892-11.893 11.892-1.99-.001-3.951-.5-5.688-1.448l-6.305 1.654zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.889 9.884-.001 2.225.651 3.891 1.746 5.634l-.999 3.648 3.742-.981zm11.387-5.464c-.074-.124-.272-.198-.57-.347-.297-.149-1.758-.868-2.031-.967-.272-.099-.47-.149-.669.149-.198.297-.768.967-.941 1.165-.173.198-.347.223-.644.074-.297-.149-1.255-.462-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.521.151-.172.2-.296.3-.495.099-.198.05-.372-.025-.521-.075-.148-.669-1.611-.916-2.206-.242-.579-.487-.501-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.095 3.2 5.076 4.487.709.306 1.263.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.695.248-1.29.173-1.414z" })
-  ),
-  visa: (props) => /* @__PURE__ */ import_react4.default.createElement(
-    "svg",
-    {
-      role: "img",
-      viewBox: "0 0 24 24",
-      xmlns: "http://www.w3.org/2000/svg",
-      ...props
-    },
-    /* @__PURE__ */ import_react4.default.createElement("title", null, "Visa"),
-    /* @__PURE__ */ import_react4.default.createElement(
-      "path",
-      {
-        fill: "currentColor",
-        d: "M9.112 8.262L5.97 15.758H3.92L2.374 9.775c-.094-.368-.175-.503-.461-.658C1.447 8.864.677 8.627 0 8.479l.046-.217h3.3a.904.904 0 01.894.764l.817 4.338 2.018-5.102zm8.033 5.049c.008-1.979-2.736-2.088-2.717-2.972.006-.269.262-.555.822-.628a3.66 3.66 0 011.913.336l.34-1.59a5.207 5.207 0 00-1.814-.333c-1.917 0-3.266 1.02-3.278 2.479-.012 1.079.963 1.68 1.698 2.04.756.367 1.01.603 1.006.931-.005.504-.602.725-1.16.734-.975.015-1.54-.263-1.992-.473l-.351 1.642c.453.208 1.289.39 2.156.398 2.037 0 3.37-1.006 3.377-2.564m5.061 2.447H24l-1.565-7.496h-1.656a.883.883 0 00-.826.55l-2.909 6.946h2.036l.405-1.12h2.488zm-2.163-2.656l1.02-2.815.588 2.815zm-8.16-4.84l-1.603 7.496H8.34l1.605-7.496z"
-      }
-    )
-  ),
-  mastercard: (props) => /* @__PURE__ */ import_react4.default.createElement(
-    "svg",
+      d: "M9.112 8.262L5.97 15.758H3.92L2.374 9.775c-.094-.368-.175-.503-.461-.658C1.447 8.864.677 8.627 0 8.479l.046-.217h3.3a.904.904 0 01.894.764l.817 4.338 2.018-5.102zm8.033 5.049c.008-1.979-2.736-2.088-2.717-2.972.006-.269.262-.555.822-.628a3.66 3.66 0 011.913.336l.34-1.59a5.207 5.207 0 00-1.814-.333c-1.917 0-3.266 1.02-3.278 2.479-.012 1.079.963 1.68 1.698 2.04.756.367 1.01.603 1.006.931-.005.504-.602.725-1.16.734-.975.015-1.54-.263-1.992-.473l-.351 1.642c.453.208 1.289.39 2.156.398 2.037 0 3.37-1.006 3.377-2.564m5.061 2.447H24l-1.565-7.496h-1.656a.883.883 0 00-.826.55l-2.909 6.946h2.036l.405-1.12h2.488zm-2.163-2.656l1.02-2.815.588 2.815zm-8.16-4.84l-1.603 7.496H8.34l1.605-7.496z"
+    }
+  )),
+  mastercard: (props) => /* @__PURE__ */ import_react4.default.createElement("svg", { role: "img", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ import_react4.default.createElement("title", null, "MasterCard"), /* @__PURE__ */ import_react4.default.createElement(
+    "path",
     {
-      role: "img",
-      viewBox: "0 0 24 24",
-      xmlns: "http://www.w3.org/2000/svg",
-      ...props
-    },
-    /* @__PURE__ */ import_react4.default.createElement("title", null, "MasterCard"),
-    /* @__PURE__ */ import_react4.default.createElement(
-      "path",
-      {
-        fill: "currentColor",
-        d: "M11.343 18.031c.058.049.12.098.181.146-1.177.783-2.59 1.238-4.107 1.238C3.32 19.416 0 16.096 0 12c0-4.095 3.32-7.416 7.416-7.416 1.518 0 2.931.456 4.105 1.238-.06.051-.12.098-.165.15C9.6 7.489 8.595 9.688 8.595 12c0 2.311 1.001 4.51 2.748 6.031zm5.241-13.447c-1.52 0-2.931.456-4.105 1.238.06.051.12.098.165.15C14.4 7.489 15.405 9.688 15.405 12c0 2.31-1.001 4.507-2.748 6.031-.058.049-.12.098-.181.146 1.177.783 2.588 1.238 4.107 1.238C20.68 19.416 24 16.096 24 12c0-4.094-3.32-7.416-7.416-7.416zM12 6.174c-.096.075-.189.15-.28.231C10.156 7.764 9.169 9.765 9.169 12c0 2.236.987 4.236 2.551 5.595.09.08.185.158.28.232.096-.074.189-.152.28-.232 1.563-1.359 2.551-3.359 2.551-5.595 0-2.235-.987-4.236-2.551-5.595-.09-.08-.184-.156-.28-.231z"
-      }
-    )
-  )
+      fill: "currentColor",
+      d: "M11.343 18.031c.058.049.12.098.181.146-1.177.783-2.59 1.238-4.107 1.238C3.32 19.416 0 16.096 0 12c0-4.095 3.32-7.416 7.416-7.416 1.518 0 2.931.456 4.105 1.238-.06.051-.12.098-.165.15C9.6 7.489 8.595 9.688 8.595 12c0 2.311 1.001 4.51 2.748 6.031zm5.241-13.447c-1.52 0-2.931.456-4.105 1.238.06.051.12.098.165.15C14.4 7.489 15.405 9.688 15.405 12c0 2.31-1.001 4.507-2.748 6.031-.058.049-.12.098-.181.146 1.177.783 2.588 1.238 4.107 1.238C20.68 19.416 24 16.096 24 12c0-4.094-3.32-7.416-7.416-7.416zM12 6.174c-.096.075-.189.15-.28.231C10.156 7.764 9.169 9.765 9.169 12c0 2.236.987 4.236 2.551 5.595.09.08.185.158.28.232.096-.074.189-.152.28-.232 1.563-1.359 2.551-3.359 2.551-5.595 0-2.235-.987-4.236-2.551-5.595-.09-.08-.184-.156-.28-.231z"
+    }
+  ))
 };
 
 // blocks/auth/AuthButtons.tsx
@@ -1238,20 +1081,9 @@ var Alert = ({
     ), props.actions && /* @__PURE__ */ import_react6.default.createElement(
       "div",
       {
-        className: cn(
-          "hawa-mt-2 hawa-flex hawa-flex-row hawa-gap-2",
-          classNames == null ? void 0 : classNames.actions
-        )
+        className: cn("hawa-mt-2 hawa-flex hawa-flex-row hawa-gap-2", classNames == null ? void 0 : classNames.actions)
       },
-      props.actions.map((act, index) => /* @__PURE__ */ import_react6.default.createElement(
-        Button,
-        {
-          key: index,
-          variant: act.variant,
-          onClick: act.onClick()
-        },
-        act.label
-      ))
+      props.actions.map((act, index) => /* @__PURE__ */ import_react6.default.createElement(Button, { key: index, variant: act.variant, onClick: act.onClick() }, act.label))
     ))),
     !props.persistent && /* @__PURE__ */ import_react6.default.createElement(
       "button",
@@ -1273,9 +1105,7 @@ var Alert = ({
             setClosed(true);
             setTimeout(() => {
               if (alertRef == null ? void 0 : alertRef.current) {
-                alertRef == null ? void 0 : alertRef.current.removeChild(
-                  alertRef == null ? void 0 : alertRef.current.children[0]
-                );
+                alertRef == null ? void 0 : alertRef.current.removeChild(alertRef == null ? void 0 : alertRef.current.children[0]);
               }
             }, 200);
           }
@@ -1307,13 +1137,7 @@ var Alert = ({
 // elements/card/Card.tsx
 var React9 = __toESM(require("react"));
 var Card = React9.forwardRef(
-  ({
-    className,
-    variant = "default",
-    clickable = false,
-    asContainer = false,
-    ...props
-  }, ref) => {
+  ({ className, variant = "default", clickable = false, asContainer = false, ...props }, ref) => {
     let variantStyles = {
       default: cn(
         "hawa-rounded hawa-border hawa-bg-card hawa-text-card-foreground hawa-shadow-sm",
@@ -1325,14 +1149,7 @@ var Card = React9.forwardRef(
         clickable && "hawa-cursor-pointer active:hawa-translate-x-0.5 active:hawa-translate-y-0.5 active:hawa-shadow-color-primary-active active:translate-x-0.5 active:translate-y-0.5 active:shadow-color-primary-active"
       )
     };
-    return /* @__PURE__ */ React9.createElement(
-      "div",
-      {
-        ref,
-        className: cn(!asContainer && variantStyles[variant], className),
-        ...props
-      }
-    );
+    return /* @__PURE__ */ React9.createElement("div", { ref, className: cn(!asContainer && variantStyles[variant], className), ...props });
   }
 );
 var CardHeader = React9.forwardRef(
@@ -1340,30 +1157,15 @@ var CardHeader = React9.forwardRef(
     "div",
     {
       ref,
-      className: cn(
-        "hawa-flex hawa-flex-col hawa-space-y-1.5 hawa-p-6",
-        className
-      ),
+      className: cn("hawa-flex hawa-flex-col hawa-space-y-1.5 hawa-p-6", className),
       ...props
     }
   ), props.actions && /* @__PURE__ */ React9.createElement("div", { className: "hawa-p-6" }, props.actions))
 );
-var CardTitle = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React9.createElement(
-  "h3",
-  {
-    ref,
-    className: cn("hawa-text-2xl hawa-font-semibold", className),
-    ...props
-  }
-));
-var CardDescription = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React9.createElement(
-  "p",
-  {
-    ref,
-    className: cn("hawa-text-sm hawa-text-muted-foreground", className),
-    ...props
-  }
-));
+var CardTitle = React9.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ React9.createElement("h3", { ref, className: cn("hawa-text-2xl hawa-font-semibold", className), ...props })
+);
+var CardDescription = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React9.createElement("p", { ref, className: cn("hawa-text-sm hawa-text-muted-foreground", className), ...props }));
 var CardContent = React9.forwardRef(
   ({ headless, noPadding, className, ...props }, ref) => /* @__PURE__ */ React9.createElement(
     "div",
@@ -3542,96 +3344,56 @@ var PhoneInput = ({
 
 // icons/Emojis.tsx
 var import_react11 = __toESM(require("react"));
-var VeryGoodEmoji = () => /* @__PURE__ */ import_react11.default.createElement(
-  "svg",
+var VeryGoodEmoji = () => /* @__PURE__ */ import_react11.default.createElement("svg", { fill: "none", height: "16", viewBox: "0 0 16 16", width: "16", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ import_react11.default.createElement("g", { clipPath: "url(#clip0_53_166)" }, /* @__PURE__ */ import_react11.default.createElement(
+  "path",
   {
-    fill: "none",
-    height: "16",
-    viewBox: "0 0 16 16",
-    width: "16",
-    xmlns: "http://www.w3.org/2000/svg"
-  },
-  /* @__PURE__ */ import_react11.default.createElement("g", { clipPath: "url(#clip0_53_166)" }, /* @__PURE__ */ import_react11.default.createElement(
-    "path",
-    {
-      clipRule: "evenodd",
-      d: "M14.5 8C14.5 11.5899 11.5899 14.5 8 14.5C4.41015 14.5 1.5 11.5899 1.5 8C1.5 4.41015 4.41015 1.5 8 1.5C11.5899 1.5 14.5 4.41015 14.5 8ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM4.5 8.97498H3.875V9.59998C3.875 11.4747 5.81046 12.8637 7.99817 12.8637C10.1879 12.8637 12.125 11.4832 12.125 9.59998V8.97498H11.5H4.5ZM7.99817 11.6137C6.59406 11.6137 5.63842 10.9482 5.28118 10.225H10.7202C10.3641 10.9504 9.40797 11.6137 7.99817 11.6137Z",
-      fill: "currentColor",
-      fillRule: "evenodd"
-    }
-  ), /* @__PURE__ */ import_react11.default.createElement(
-    "path",
-    {
-      clipRule: "evenodd",
-      d: "M6.15295 4.92093L5.375 3.5L4.59705 4.92093L3 5.21885L4.11625 6.39495L3.90717 8L5.375 7.30593L6.84283 8L6.63375 6.39495L7.75 5.21885L6.15295 4.92093ZM11.403 4.92093L10.625 3.5L9.84705 4.92093L8.25 5.21885L9.36625 6.39495L9.15717 8L10.625 7.30593L12.0928 8L11.8837 6.39495L13 5.21885L11.403 4.92093Z",
-      fill: "#FF990A",
-      fillRule: "evenodd"
-    }
-  ))
-);
-var GoodEmoji = () => /* @__PURE__ */ import_react11.default.createElement(
-  "svg",
+    clipRule: "evenodd",
+    d: "M14.5 8C14.5 11.5899 11.5899 14.5 8 14.5C4.41015 14.5 1.5 11.5899 1.5 8C1.5 4.41015 4.41015 1.5 8 1.5C11.5899 1.5 14.5 4.41015 14.5 8ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM4.5 8.97498H3.875V9.59998C3.875 11.4747 5.81046 12.8637 7.99817 12.8637C10.1879 12.8637 12.125 11.4832 12.125 9.59998V8.97498H11.5H4.5ZM7.99817 11.6137C6.59406 11.6137 5.63842 10.9482 5.28118 10.225H10.7202C10.3641 10.9504 9.40797 11.6137 7.99817 11.6137Z",
+    fill: "currentColor",
+    fillRule: "evenodd"
+  }
+), /* @__PURE__ */ import_react11.default.createElement(
+  "path",
   {
-    fill: "none",
-    height: "16",
-    viewBox: "0 0 16 16",
-    width: "16",
-    xmlns: "http://www.w3.org/2000/svg"
-  },
-  /* @__PURE__ */ import_react11.default.createElement("g", { clipPath: "url(#clip0_53_167)" }, /* @__PURE__ */ import_react11.default.createElement(
-    "path",
-    {
-      clipRule: "evenodd",
-      d: "M14.5 8C14.5 11.5899 11.5899 14.5 8 14.5C4.41015 14.5 1.5 11.5899 1.5 8C1.5 4.41015 4.41015 1.5 8 1.5C11.5899 1.5 14.5 4.41015 14.5 8ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM11.5249 10.8478L11.8727 10.3286L10.8342 9.6329L10.4863 10.1522C9.94904 10.9543 9.0363 11.4802 8.00098 11.4802C6.96759 11.4802 6.05634 10.9563 5.51863 10.1567L5.16986 9.63804L4.13259 10.3356L4.48137 10.8542C5.2414 11.9844 6.53398 12.7302 8.00098 12.7302C9.47073 12.7302 10.7654 11.9816 11.5249 10.8478ZM6.75 6.75C6.75 7.30228 6.30228 7.75 5.75 7.75C5.19772 7.75 4.75 7.30228 4.75 6.75C4.75 6.19772 5.19772 5.75 5.75 5.75C6.30228 5.75 6.75 6.19772 6.75 6.75ZM10.25 7.75C10.8023 7.75 11.25 7.30228 11.25 6.75C11.25 6.19772 10.8023 5.75 10.25 5.75C9.69771 5.75 9.25 6.19772 9.25 6.75C9.25 7.30228 9.69771 7.75 10.25 7.75Z",
-      fill: "currentColor",
-      fillRule: "evenodd"
-    }
-  ))
-);
-var BadEmoji = () => /* @__PURE__ */ import_react11.default.createElement(
-  "svg",
+    clipRule: "evenodd",
+    d: "M6.15295 4.92093L5.375 3.5L4.59705 4.92093L3 5.21885L4.11625 6.39495L3.90717 8L5.375 7.30593L6.84283 8L6.63375 6.39495L7.75 5.21885L6.15295 4.92093ZM11.403 4.92093L10.625 3.5L9.84705 4.92093L8.25 5.21885L9.36625 6.39495L9.15717 8L10.625 7.30593L12.0928 8L11.8837 6.39495L13 5.21885L11.403 4.92093Z",
+    fill: "#FF990A",
+    fillRule: "evenodd"
+  }
+)));
+var GoodEmoji = () => /* @__PURE__ */ import_react11.default.createElement("svg", { fill: "none", height: "16", viewBox: "0 0 16 16", width: "16", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ import_react11.default.createElement("g", { clipPath: "url(#clip0_53_167)" }, /* @__PURE__ */ import_react11.default.createElement(
+  "path",
   {
-    fill: "none",
-    height: "16",
-    viewBox: "0 0 16 16",
-    width: "16",
-    xmlns: "http://www.w3.org/2000/svg"
-  },
-  /* @__PURE__ */ import_react11.default.createElement("g", { clipPath: "url(#clip0_53_152)" }, /* @__PURE__ */ import_react11.default.createElement(
-    "path",
-    {
-      clipRule: "evenodd",
-      d: "M14.5 8C14.5 11.5899 11.5899 14.5 8 14.5C4.41015 14.5 1.5 11.5899 1.5 8C1.5 4.41015 4.41015 1.5 8 1.5C11.5899 1.5 14.5 4.41015 14.5 8ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM5.75 7.75C6.30228 7.75 6.75 7.30228 6.75 6.75C6.75 6.19772 6.30228 5.75 5.75 5.75C5.19772 5.75 4.75 6.19772 4.75 6.75C4.75 7.30228 5.19772 7.75 5.75 7.75ZM11.25 6.75C11.25 7.30228 10.8023 7.75 10.25 7.75C9.69771 7.75 9.25 7.30228 9.25 6.75C9.25 6.19772 9.69771 5.75 10.25 5.75C10.8023 5.75 11.25 6.19772 11.25 6.75ZM11.5249 11.2622L11.8727 11.7814L10.8342 12.4771L10.4863 11.9578C9.94904 11.1557 9.0363 10.6298 8.00098 10.6298C6.96759 10.6298 6.05634 11.1537 5.51863 11.9533L5.16986 12.4719L4.13259 11.7744L4.48137 11.2558C5.2414 10.1256 6.53398 9.37982 8.00098 9.37982C9.47073 9.37982 10.7654 10.1284 11.5249 11.2622Z",
-      fill: "currentColor",
-      fillRule: "evenodd"
-    }
-  ))
-);
-var VeryBadEmoji = () => /* @__PURE__ */ import_react11.default.createElement(
-  "svg",
+    clipRule: "evenodd",
+    d: "M14.5 8C14.5 11.5899 11.5899 14.5 8 14.5C4.41015 14.5 1.5 11.5899 1.5 8C1.5 4.41015 4.41015 1.5 8 1.5C11.5899 1.5 14.5 4.41015 14.5 8ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM11.5249 10.8478L11.8727 10.3286L10.8342 9.6329L10.4863 10.1522C9.94904 10.9543 9.0363 11.4802 8.00098 11.4802C6.96759 11.4802 6.05634 10.9563 5.51863 10.1567L5.16986 9.63804L4.13259 10.3356L4.48137 10.8542C5.2414 11.9844 6.53398 12.7302 8.00098 12.7302C9.47073 12.7302 10.7654 11.9816 11.5249 10.8478ZM6.75 6.75C6.75 7.30228 6.30228 7.75 5.75 7.75C5.19772 7.75 4.75 7.30228 4.75 6.75C4.75 6.19772 5.19772 5.75 5.75 5.75C6.30228 5.75 6.75 6.19772 6.75 6.75ZM10.25 7.75C10.8023 7.75 11.25 7.30228 11.25 6.75C11.25 6.19772 10.8023 5.75 10.25 5.75C9.69771 5.75 9.25 6.19772 9.25 6.75C9.25 7.30228 9.69771 7.75 10.25 7.75Z",
+    fill: "currentColor",
+    fillRule: "evenodd"
+  }
+)));
+var BadEmoji = () => /* @__PURE__ */ import_react11.default.createElement("svg", { fill: "none", height: "16", viewBox: "0 0 16 16", width: "16", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ import_react11.default.createElement("g", { clipPath: "url(#clip0_53_152)" }, /* @__PURE__ */ import_react11.default.createElement(
+  "path",
   {
-    fill: "none",
-    height: "16",
-    viewBox: "0 0 16 16",
-    width: "16",
-    xmlns: "http://www.w3.org/2000/svg"
-  },
-  /* @__PURE__ */ import_react11.default.createElement("g", { clipPath: "url(#clip0_53_151)" }, /* @__PURE__ */ import_react11.default.createElement(
-    "path",
-    {
-      d: "M11.841 12.0225C12.7197 12.9324 12.7197 14.4077 11.841 15.3176C10.9623 16.2275 9.53769 16.2275 8.65901 15.3176C7.78033 14.4077 7.78033 12.9324 8.65901 12.0225L10.25 10.375L11.841 12.0225Z",
-      fill: "#0070F3"
-    }
-  ), /* @__PURE__ */ import_react11.default.createElement(
-    "path",
-    {
-      clipRule: "evenodd",
-      d: "M8 1.5C4.41015 1.5 1.5 4.41015 1.5 8C1.5 10.9668 3.48826 13.4711 6.20649 14.2496L5.79351 15.6916C2.44895 14.7338 0 11.6539 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8C16 9.4652 15.6054 10.8405 14.9162 12.023L13.6203 11.2677C14.1794 10.3083 14.5 9.19272 14.5 8C14.5 4.41015 11.5899 1.5 8 1.5ZM6.75 6.75C6.75 7.30228 6.30228 7.75 5.75 7.75C5.19772 7.75 4.75 7.30228 4.75 6.75C4.75 6.19772 5.19772 5.75 5.75 5.75C6.30228 5.75 6.75 6.19772 6.75 6.75ZM10.25 7.75C10.8023 7.75 11.25 7.30228 11.25 6.75C11.25 6.19772 10.8023 5.75 10.25 5.75C9.69771 5.75 9.25 6.19772 9.25 6.75C9.25 7.30228 9.69771 7.75 10.25 7.75Z",
-      fill: "currentColor",
-      fillRule: "evenodd"
-    }
-  ))
-);
+    clipRule: "evenodd",
+    d: "M14.5 8C14.5 11.5899 11.5899 14.5 8 14.5C4.41015 14.5 1.5 11.5899 1.5 8C1.5 4.41015 4.41015 1.5 8 1.5C11.5899 1.5 14.5 4.41015 14.5 8ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM5.75 7.75C6.30228 7.75 6.75 7.30228 6.75 6.75C6.75 6.19772 6.30228 5.75 5.75 5.75C5.19772 5.75 4.75 6.19772 4.75 6.75C4.75 7.30228 5.19772 7.75 5.75 7.75ZM11.25 6.75C11.25 7.30228 10.8023 7.75 10.25 7.75C9.69771 7.75 9.25 7.30228 9.25 6.75C9.25 6.19772 9.69771 5.75 10.25 5.75C10.8023 5.75 11.25 6.19772 11.25 6.75ZM11.5249 11.2622L11.8727 11.7814L10.8342 12.4771L10.4863 11.9578C9.94904 11.1557 9.0363 10.6298 8.00098 10.6298C6.96759 10.6298 6.05634 11.1537 5.51863 11.9533L5.16986 12.4719L4.13259 11.7744L4.48137 11.2558C5.2414 10.1256 6.53398 9.37982 8.00098 9.37982C9.47073 9.37982 10.7654 10.1284 11.5249 11.2622Z",
+    fill: "currentColor",
+    fillRule: "evenodd"
+  }
+)));
+var VeryBadEmoji = () => /* @__PURE__ */ import_react11.default.createElement("svg", { fill: "none", height: "16", viewBox: "0 0 16 16", width: "16", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ import_react11.default.createElement("g", { clipPath: "url(#clip0_53_151)" }, /* @__PURE__ */ import_react11.default.createElement(
+  "path",
+  {
+    d: "M11.841 12.0225C12.7197 12.9324 12.7197 14.4077 11.841 15.3176C10.9623 16.2275 9.53769 16.2275 8.65901 15.3176C7.78033 14.4077 7.78033 12.9324 8.65901 12.0225L10.25 10.375L11.841 12.0225Z",
+    fill: "#0070F3"
+  }
+), /* @__PURE__ */ import_react11.default.createElement(
+  "path",
+  {
+    clipRule: "evenodd",
+    d: "M8 1.5C4.41015 1.5 1.5 4.41015 1.5 8C1.5 10.9668 3.48826 13.4711 6.20649 14.2496L5.79351 15.6916C2.44895 14.7338 0 11.6539 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8C16 9.4652 15.6054 10.8405 14.9162 12.023L13.6203 11.2677C14.1794 10.3083 14.5 9.19272 14.5 8C14.5 4.41015 11.5899 1.5 8 1.5ZM6.75 6.75C6.75 7.30228 6.30228 7.75 5.75 7.75C5.19772 7.75 4.75 7.30228 4.75 6.75C4.75 6.19772 5.19772 5.75 5.75 5.75C6.30228 5.75 6.75 6.19772 6.75 6.75ZM10.25 7.75C10.8023 7.75 11.25 7.30228 11.25 6.75C11.25 6.19772 10.8023 5.75 10.25 5.75C9.69771 5.75 9.25 6.19772 9.25 6.75C9.25 7.30228 9.69771 7.75 10.25 7.75Z",
+    fill: "currentColor",
+    fillRule: "evenodd"
+  }
+)));
 
 // icons/InputIcons.tsx
 var import_react12 = __toESM(require("react"));
@@ -4075,16 +3837,7 @@ var Checkbox = ({
         size === "default" ? "hawa-items-top" : "hawa-items-center"
       )
     },
-    /* @__PURE__ */ React18.createElement(
-      CheckboxElement,
-      {
-        ...props,
-        size,
-        radius,
-        disabled,
-        id
-      }
-    ),
+    /* @__PURE__ */ React18.createElement(CheckboxElement, { ...props, size, radius, disabled, id }),
     (label || helperText) && /* @__PURE__ */ React18.createElement("div", { className: "hawa-grid hawa-gap-1.5" }, label && /* @__PURE__ */ React18.createElement(
       "label",
       {
@@ -4159,9 +3912,7 @@ var CheckboxElement = React18.forwardRef(({ radius = "inherit", size = "default"
     /* @__PURE__ */ React18.createElement(
       CheckboxPrimitive.Indicator,
       {
-        className: cn(
-          "hawa-flex hawa-items-center hawa-justify-center hawa-text-current"
-        )
+        className: cn("hawa-flex hawa-items-center hawa-justify-center hawa-text-current")
       },
       /* @__PURE__ */ React18.createElement(
         "svg",
@@ -4347,16 +4098,7 @@ var import_tailwind_variants = require("tailwind-variants");
 // elements/chip/Chip.tsx
 var import_react36 = __toESM(require("react"));
 var Chip = import_react36.default.forwardRef(
-  ({
-    label,
-    size = "normal",
-    icon,
-    color,
-    radius = "inherit",
-    dot,
-    dotStatus = "none",
-    ...rest
-  }, ref) => {
+  ({ label, size = "normal", icon, color, radius = "inherit", dot, dotStatus = "none", ...rest }, ref) => {
     let defaultStyles = "hawa-flex hawa-flex-row hawa-w-fit hawa-gap-1 hawa-items-center  hawa-px-2.5 hawa-py-1  hawa-font-bold ";
     let radiusStyles = {
       inherit: " hawa-rounded",
@@ -4403,12 +4145,7 @@ var Chip = import_react36.default.forwardRef(
             rest.className
           )
         },
-        dot && /* @__PURE__ */ import_react36.default.createElement(
-          "span",
-          {
-            className: cn(dotStyles[size], dotStatusStyles[dotStatus])
-          }
-        ),
+        dot && /* @__PURE__ */ import_react36.default.createElement("span", { className: cn(dotStyles[size], dotStatusStyles[dotStatus]) }),
         icon && icon,
         label
       );
@@ -4625,83 +4362,75 @@ var Tabs = React30.forwardRef(
     /* @__PURE__ */ React30.createElement(TabsContext.Provider, { value: { orientation, variant, scrollable } }, props.children)
   )
 );
-var TabsList = React30.forwardRef(({ className, classNames, ...props }, ref) => {
-  const { orientation, variant, scrollable } = React30.useContext(TabsContext);
-  const { width } = useViewportSize();
-  if (scrollable && width < 768 && orientation === "horizontal") {
-    return /* @__PURE__ */ React30.createElement(ScrollArea, { orientation: "horizontal", className: classNames == null ? void 0 : classNames.scrollArea }, /* @__PURE__ */ React30.createElement(
-      TabsPrimitive.List,
-      {
-        ref,
-        className: cn(
-          tabsListVariant({ variant, orientation }),
-          "hawa-flex-row hawa-flex-nowrap",
-          className
-        ),
-        ...props
-      }
-    ));
-  } else {
-    return /* @__PURE__ */ React30.createElement(
-      TabsPrimitive.List,
-      {
-        ref,
-        className: cn(
-          tabsListVariant({ variant, orientation }),
-          orientation === "vertical" ? "hawa-flex-col" : "hawa-flex-row",
-          "hawa-flex-wrap",
-          className
-        ),
-        ...props
-      }
-    );
-  }
-});
-var TabsTrigger = React30.forwardRef(
-  ({ className, chipProps, withPopover = false, onPopoverClick, ...props }, ref) => {
-    const { orientation, variant } = React30.useContext(TabsContext);
-    if (withPopover) {
-      return /* @__PURE__ */ React30.createElement(Popover.Root, { open: props.showPopover }, /* @__PURE__ */ React30.createElement(Popover.Anchor, { asChild: true }, /* @__PURE__ */ React30.createElement(
-        TabsPrimitive.Trigger,
+var TabsList = React30.forwardRef(
+  ({ className, classNames, ...props }, ref) => {
+    const { orientation, variant, scrollable } = React30.useContext(TabsContext);
+    const { width } = useViewportSize();
+    if (scrollable && width < 768 && orientation === "horizontal") {
+      return /* @__PURE__ */ React30.createElement(ScrollArea, { orientation: "horizontal", className: classNames == null ? void 0 : classNames.scrollArea }, /* @__PURE__ */ React30.createElement(
+        TabsPrimitive.List,
         {
+          ref,
           className: cn(
-            tabsTriggerVariant({ variant, orientation }),
-            "hawa-relative",
+            tabsListVariant({ variant, orientation }),
+            "hawa-flex-row hawa-flex-nowrap",
             className
           ),
           ...props
-        },
-        props.children,
-        chipProps && /* @__PURE__ */ React30.createElement(Chip, { ...chipProps })
-      )), /* @__PURE__ */ React30.createElement(
-        Popover.Content,
-        {
-          onClick: onPopoverClick,
-          asChild: true,
-          className: cn(
-            "dark:dark-shadow hawa-z-50 hawa-rounded hawa-border hawa-bg-popover hawa-text-popover-foreground hawa-shadow-md hawa-outline-none data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-fade-out-0 data-[state=open]:hawa-fade-in-0 data-[state=closed]:hawa-zoom-out-95 data-[state=open]:hawa-zoom-in-95 data-[side=bottom]:hawa-slide-in-from-top-2 data-[side=left]:hawa-slide-in-from-right-2 data-[side=right]:hawa-slide-in-from-left-2 data-[side=top]:hawa-slide-in-from-bottom-2",
-            "hawa-arrow-default-top hawa-mt-2"
-          )
-        },
-        /* @__PURE__ */ React30.createElement("div", { className: "hawa-p-2" }, " ", props.popoverContent)
+        }
       ));
     } else {
       return /* @__PURE__ */ React30.createElement(
-        TabsPrimitive.Trigger,
+        TabsPrimitive.List,
         {
+          ref,
           className: cn(
-            tabsTriggerVariant({ variant, orientation }),
-            "hawa-relative",
+            tabsListVariant({ variant, orientation }),
+            orientation === "vertical" ? "hawa-flex-col" : "hawa-flex-row",
+            "hawa-flex-wrap",
             className
           ),
           ...props
-        },
-        props.children,
-        chipProps && /* @__PURE__ */ React30.createElement(Chip, { ...chipProps })
+        }
       );
     }
   }
 );
+var TabsTrigger = React30.forwardRef(({ className, chipProps, withPopover = false, onPopoverClick, ...props }, ref) => {
+  const { orientation, variant } = React30.useContext(TabsContext);
+  if (withPopover) {
+    return /* @__PURE__ */ React30.createElement(Popover.Root, { open: props.showPopover }, /* @__PURE__ */ React30.createElement(Popover.Anchor, { asChild: true }, /* @__PURE__ */ React30.createElement(
+      TabsPrimitive.Trigger,
+      {
+        className: cn(tabsTriggerVariant({ variant, orientation }), "hawa-relative", className),
+        ...props
+      },
+      props.children,
+      chipProps && /* @__PURE__ */ React30.createElement(Chip, { ...chipProps })
+    )), /* @__PURE__ */ React30.createElement(
+      Popover.Content,
+      {
+        onClick: onPopoverClick,
+        asChild: true,
+        className: cn(
+          "dark:dark-shadow hawa-z-50 hawa-rounded hawa-border hawa-bg-popover hawa-text-popover-foreground hawa-shadow-md hawa-outline-none data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-fade-out-0 data-[state=open]:hawa-fade-in-0 data-[state=closed]:hawa-zoom-out-95 data-[state=open]:hawa-zoom-in-95 data-[side=bottom]:hawa-slide-in-from-top-2 data-[side=left]:hawa-slide-in-from-right-2 data-[side=right]:hawa-slide-in-from-left-2 data-[side=top]:hawa-slide-in-from-bottom-2",
+          "hawa-arrow-default-top hawa-mt-2"
+        )
+      },
+      /* @__PURE__ */ React30.createElement("div", { className: "hawa-p-2" }, " ", props.popoverContent)
+    ));
+  } else {
+    return /* @__PURE__ */ React30.createElement(
+      TabsPrimitive.Trigger,
+      {
+        className: cn(tabsTriggerVariant({ variant, orientation }), "hawa-relative", className),
+        ...props
+      },
+      props.children,
+      chipProps && /* @__PURE__ */ React30.createElement(Chip, { ...chipProps })
+    );
+  }
+});
 var TabsContent = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React30.createElement(
   TabsPrimitive.Content,
   {
@@ -4853,385 +4582,398 @@ var RegisterForm = ({
         headless: registerTypes ? registerTypes.length <= 1 : true,
         noPadding: props.cardless
       },
-      /* @__PURE__ */ import_react37.default.createElement("div", null, props.showError && /* @__PURE__ */ import_react37.default.createElement(
-        Alert,
+      /* @__PURE__ */ import_react37.default.createElement(
+        "div",
         {
-          direction: props.direction,
-          title: props.errorTitle,
-          text: props.errorText,
-          severity: "error",
-          onAlertClosed: () => {
-            if (props.onErrorDismissed) {
-              props.onErrorDismissed();
+          className: cn(registerTypes && registerTypes.length > 1 ? "hawa-mt-6 hawa-mb-0" : "")
+        },
+        props.showError && /* @__PURE__ */ import_react37.default.createElement(
+          Alert,
+          {
+            direction: props.direction,
+            title: props.errorTitle,
+            text: props.errorText,
+            severity: "error",
+            onAlertClosed: () => {
+              if (props.onErrorDismissed) {
+                props.onErrorDismissed();
+              }
             }
           }
-        }
-      ), /* @__PURE__ */ import_react37.default.createElement(import_react_hook_form2.FormProvider, { ...methods }, /* @__PURE__ */ import_react37.default.createElement(
-        "form",
-        {
-          noValidate: true,
-          onSubmit: handleSubmit((e) => {
-            if (props.onRegister) {
-              return props.onRegister(e);
-            } else {
-              console.log("Form is submitted but onRegister prop is missing");
-            }
-          }),
-          className: "hawa-flex hawa-flex-col hawa-gap-4"
-        },
-        /* @__PURE__ */ import_react37.default.createElement(
-          Tabs,
+        ),
+        /* @__PURE__ */ import_react37.default.createElement(import_react_hook_form2.FormProvider, { ...methods }, /* @__PURE__ */ import_react37.default.createElement(
+          "form",
           {
-            dir: props.direction,
-            value: selectedRegisterType.value,
-            onValueChange: (e) => setSelectedRegisterType(
-              (registerTypes == null ? void 0 : registerTypes.find((r) => r.value === e)) || registerTypes && registerTypes[0] || {
-                label: "Password",
-                value: "password"
+            noValidate: true,
+            onSubmit: handleSubmit((e) => {
+              if (props.onRegister) {
+                return props.onRegister(e);
+              } else {
+                console.log("Form is submitted but onRegister prop is missing");
               }
-            )
+            }),
+            className: "hawa-flex hawa-flex-col hawa-gap-4"
           },
-          registerTypes && registerTypes.length > 1 && /* @__PURE__ */ import_react37.default.createElement(CardHeader, { className: "hawa-w-full hawa-px-0 hawa-py-0 hawa-my-4 hawa-mt-6" }, /* @__PURE__ */ import_react37.default.createElement(TabsList, { className: "hawa-w-full" }, registerTypes.map((registerType) => /* @__PURE__ */ import_react37.default.createElement(TabsTrigger, { value: registerType.value }, registerType.label)))),
           /* @__PURE__ */ import_react37.default.createElement(
-            TabsContent,
+            Tabs,
             {
-              value: "password",
-              className: cn(
-                "hawa-flex hawa-flex-col hawa-gap-4",
-                selectedRegisterType.value === "password" ? "hawa-block" : "hawa-hidden"
-              ),
-              dir: props.direction
-            },
-            /* @__PURE__ */ import_react37.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-4" }, registerFields.map((fld, i) => {
-              if (fld === "fullname") {
-                return /* @__PURE__ */ import_react37.default.createElement(
-                  import_react_hook_form2.Controller,
-                  {
-                    key: i,
-                    control,
-                    name: "fullName",
-                    render: ({ field }) => {
-                      var _a2, _b2, _c2;
-                      return /* @__PURE__ */ import_react37.default.createElement(
-                        Input,
-                        {
-                          width: "full",
-                          label: ((_a2 = texts == null ? void 0 : texts.fullName) == null ? void 0 : _a2.label) || "Full Name",
-                          placeholder: (_b2 = texts == null ? void 0 : texts.fullName) == null ? void 0 : _b2.placeholder,
-                          helperText: (_c2 = formState.errors.fullName) == null ? void 0 : _c2.message,
-                          ...field
-                        }
-                      );
-                    }
-                  }
-                );
-              }
-              if (fld === "email") {
-                return /* @__PURE__ */ import_react37.default.createElement(
-                  import_react_hook_form2.Controller,
-                  {
-                    key: i,
-                    control,
-                    name: "email",
-                    render: ({ field }) => {
-                      var _a2, _b2, _c2;
-                      return /* @__PURE__ */ import_react37.default.createElement(
-                        Input,
-                        {
-                          dir: "ltr",
-                          inputProps: {
-                            className: props.direction === "rtl" ? "hawa-text-right" : "hawa-text-left"
-                          },
-                          width: "full",
-                          autoComplete: "email",
-                          label: ((_a2 = texts == null ? void 0 : texts.email) == null ? void 0 : _a2.label) || "Email",
-                          helperText: (_b2 = formState.errors.email) == null ? void 0 : _b2.message,
-                          placeholder: ((_c2 = texts == null ? void 0 : texts.email) == null ? void 0 : _c2.placeholder) || "Enter your email",
-                          ...field,
-                          onChange: (e) => {
-                            field.onChange(e.target.value.toLowerCase().trim());
-                          }
-                        }
-                      );
-                    }
-                  }
-                );
-              }
-              if (fld === "username") {
-                return /* @__PURE__ */ import_react37.default.createElement(
-                  import_react_hook_form2.Controller,
-                  {
-                    key: i,
-                    control,
-                    name: "username",
-                    render: ({ field }) => {
-                      var _a2, _b2, _c2, _d2;
-                      return /* @__PURE__ */ import_react37.default.createElement(
-                        Input,
-                        {
-                          width: "full",
-                          autoComplete: "username",
-                          label: ((_a2 = texts == null ? void 0 : texts.username) == null ? void 0 : _a2.label) || "Username",
-                          labelProps: {
-                            ...(_b2 = props.usernameOptions) == null ? void 0 : _b2.label
-                          },
-                          helperText: (_c2 = formState.errors.username) == null ? void 0 : _c2.message,
-                          placeholder: (_d2 = texts == null ? void 0 : texts.username) == null ? void 0 : _d2.placeholder,
-                          ...field
-                        }
-                      );
-                    }
+              dir: props.direction,
+              value: selectedRegisterType.value,
+              onValueChange: (e) => {
+                if (props.onRegisterTypeChange) {
+                  props.onRegisterTypeChange(e);
+                }
+                setSelectedRegisterType(
+                  (registerTypes == null ? void 0 : registerTypes.find((r) => r.value === e)) || registerTypes && registerTypes[0] || {
+                    label: "Password",
+                    value: "password"
                   }
                 );
               }
-            })),
+            },
+            registerTypes && registerTypes.length > 1 && /* @__PURE__ */ import_react37.default.createElement(CardHeader, { className: "hawa-w-full hawa-px-0 hawa-py-0 hawa-mb-4" }, /* @__PURE__ */ import_react37.default.createElement(TabsList, { className: "hawa-w-full" }, registerTypes.map((registerType, k) => /* @__PURE__ */ import_react37.default.createElement(TabsTrigger, { key: k, value: registerType.value }, registerType.label)))),
             /* @__PURE__ */ import_react37.default.createElement(
-              import_react_hook_form2.Controller,
+              TabsContent,
               {
-                control,
-                name: "password",
-                render: ({ field }) => {
-                  var _a2, _b2, _c2;
+                value: "password",
+                className: cn(
+                  "hawa-flex hawa-flex-col hawa-gap-4",
+                  selectedRegisterType.value === "password" ? "hawa-block" : "hawa-hidden"
+                ),
+                dir: props.direction
+              },
+              /* @__PURE__ */ import_react37.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-4" }, registerFields.map((fld, i) => {
+                if (fld === "fullname") {
                   return /* @__PURE__ */ import_react37.default.createElement(
-                    Input,
+                    import_react_hook_form2.Controller,
                     {
-                      width: "full",
-                      type: passwordVisible ? "text" : "password",
-                      autoComplete: "new-password",
-                      label: ((_a2 = texts == null ? void 0 : texts.password) == null ? void 0 : _a2.label) || "Password",
-                      placeholder: (_b2 = texts == null ? void 0 : texts.password) == null ? void 0 : _b2.placeholder,
-                      helperText: (_c2 = formState.errors.password) == null ? void 0 : _c2.message,
-                      endIcon: /* @__PURE__ */ import_react37.default.createElement(
-                        "div",
-                        {
-                          className: "hawa-cursor-pointer",
-                          onClick: () => setPasswordVisible(!passwordVisible)
-                        },
-                        passwordVisible ? /* @__PURE__ */ import_react37.default.createElement(EyeIcon, { className: "hawa-text-gray-500" }) : /* @__PURE__ */ import_react37.default.createElement(HiddenEyeIcon, { className: "hawa-text-gray-500" }),
-                        " "
-                      ),
-                      ...field
+                      key: i,
+                      control,
+                      name: "fullName",
+                      render: ({ field }) => {
+                        var _a2, _b2, _c2;
+                        return /* @__PURE__ */ import_react37.default.createElement(
+                          Input,
+                          {
+                            width: "full",
+                            label: ((_a2 = texts == null ? void 0 : texts.fullName) == null ? void 0 : _a2.label) || "Full Name",
+                            placeholder: (_b2 = texts == null ? void 0 : texts.fullName) == null ? void 0 : _b2.placeholder,
+                            helperText: (_c2 = formState.errors.fullName) == null ? void 0 : _c2.message,
+                            ...field
+                          }
+                        );
+                      }
                     }
                   );
                 }
-              }
-            ),
-            /* @__PURE__ */ import_react37.default.createElement(
-              import_react_hook_form2.Controller,
-              {
-                control,
-                name: "confirm_password",
-                render: ({ field }) => {
-                  var _a2, _b2, _c2;
+                if (fld === "email") {
                   return /* @__PURE__ */ import_react37.default.createElement(
-                    Input,
+                    import_react_hook_form2.Controller,
                     {
-                      width: "full",
-                      type: passwordVisible ? "text" : "password",
-                      autoComplete: "new-password",
-                      label: ((_a2 = texts == null ? void 0 : texts.confirm) == null ? void 0 : _a2.label) || "Confirm Password",
-                      placeholder: ((_b2 = texts == null ? void 0 : texts.confirm) == null ? void 0 : _b2.placeholder) || "Confirm your Password",
-                      helperText: (_c2 = formState.errors.confirm_password) == null ? void 0 : _c2.message,
-                      endIcon: /* @__PURE__ */ import_react37.default.createElement(
-                        "div",
-                        {
-                          className: "hawa-cursor-pointer",
-                          onClick: () => setPasswordVisible(!passwordVisible)
-                        },
-                        passwordVisible ? /* @__PURE__ */ import_react37.default.createElement(EyeIcon, { className: "hawa-text-gray-500" }) : /* @__PURE__ */ import_react37.default.createElement(HiddenEyeIcon, { className: "hawa-text-gray-500" }),
-                        " "
-                      ),
-                      ...field
+                      key: i,
+                      control,
+                      name: "email",
+                      render: ({ field }) => {
+                        var _a2, _b2, _c2;
+                        return /* @__PURE__ */ import_react37.default.createElement(
+                          Input,
+                          {
+                            dir: "ltr",
+                            inputProps: {
+                              className: props.direction === "rtl" ? "hawa-text-right" : "hawa-text-left"
+                            },
+                            width: "full",
+                            autoComplete: "email",
+                            label: ((_a2 = texts == null ? void 0 : texts.email) == null ? void 0 : _a2.label) || "Email",
+                            helperText: (_b2 = formState.errors.email) == null ? void 0 : _b2.message,
+                            placeholder: ((_c2 = texts == null ? void 0 : texts.email) == null ? void 0 : _c2.placeholder) || "Enter your email",
+                            ...field,
+                            onChange: (e) => {
+                              field.onChange(e.target.value.toLowerCase().trim());
+                            }
+                          }
+                        );
+                      }
                     }
                   );
                 }
-              }
-            ),
-            props.additionalInputs,
-            props.showRefCode && /* @__PURE__ */ import_react37.default.createElement(
-              import_react_hook_form2.Controller,
-              {
-                control,
-                name: "refCode",
-                render: ({ field }) => {
-                  var _a2;
+                if (fld === "username") {
                   return /* @__PURE__ */ import_react37.default.createElement(
-                    Input,
+                    import_react_hook_form2.Controller,
                     {
-                      width: "full",
-                      label: texts == null ? void 0 : texts.refCode,
-                      placeholder: (texts == null ? void 0 : texts.refCodePlaceholder) || "Enter the referral code",
-                      helperText: (_a2 = formState.errors.refCode) == null ? void 0 : _a2.message,
-                      ...field
+                      key: i,
+                      control,
+                      name: "username",
+                      render: ({ field }) => {
+                        var _a2, _b2, _c2, _d2;
+                        return /* @__PURE__ */ import_react37.default.createElement(
+                          Input,
+                          {
+                            width: "full",
+                            autoComplete: "username",
+                            label: ((_a2 = texts == null ? void 0 : texts.username) == null ? void 0 : _a2.label) || "Username",
+                            labelProps: {
+                              ...(_b2 = props.usernameOptions) == null ? void 0 : _b2.label
+                            },
+                            helperText: (_c2 = formState.errors.username) == null ? void 0 : _c2.message,
+                            placeholder: (_d2 = texts == null ? void 0 : texts.username) == null ? void 0 : _d2.placeholder,
+                            ...field
+                          }
+                        );
+                      }
                     }
                   );
                 }
-              }
-            ),
-            props.showUserSource && /* @__PURE__ */ import_react37.default.createElement(
-              import_react_hook_form2.Controller,
-              {
-                control,
-                name: "reference",
-                render: ({ field }) => {
-                  var _a2, _b2;
-                  return /* @__PURE__ */ import_react37.default.createElement(
-                    Select,
-                    {
-                      label: ((_a2 = texts == null ? void 0 : texts.userReference) == null ? void 0 : _a2.label) || "How did you learn about us?",
-                      placeholder: (_b2 = texts == null ? void 0 : texts.userReference) == null ? void 0 : _b2.placeholder,
-                      isCreatable: false,
-                      isMulti: false,
-                      isSearchable: false,
-                      isClearable: false,
-                      options: props.userReferenceOptions || [],
-                      onChange: (e) => field.onChange(e)
-                    }
-                  );
+              })),
+              /* @__PURE__ */ import_react37.default.createElement(
+                import_react_hook_form2.Controller,
+                {
+                  control,
+                  name: "password",
+                  render: ({ field }) => {
+                    var _a2, _b2, _c2;
+                    return /* @__PURE__ */ import_react37.default.createElement(
+                      Input,
+                      {
+                        width: "full",
+                        type: passwordVisible ? "text" : "password",
+                        autoComplete: "new-password",
+                        label: ((_a2 = texts == null ? void 0 : texts.password) == null ? void 0 : _a2.label) || "Password",
+                        placeholder: (_b2 = texts == null ? void 0 : texts.password) == null ? void 0 : _b2.placeholder,
+                        helperText: (_c2 = formState.errors.password) == null ? void 0 : _c2.message,
+                        endIcon: /* @__PURE__ */ import_react37.default.createElement(
+                          "div",
+                          {
+                            className: "hawa-cursor-pointer",
+                            onClick: () => setPasswordVisible(!passwordVisible)
+                          },
+                          passwordVisible ? /* @__PURE__ */ import_react37.default.createElement(EyeIcon, { className: "hawa-text-gray-500" }) : /* @__PURE__ */ import_react37.default.createElement(HiddenEyeIcon, { className: "hawa-text-gray-500" }),
+                          " "
+                        ),
+                        ...field
+                      }
+                    );
+                  }
                 }
-              }
-            )
-          ),
-          /* @__PURE__ */ import_react37.default.createElement(
-            TabsContent,
-            {
-              value: "phone",
-              className: cn(
-                "hawa-flex hawa-flex-col hawa-gap-4",
-                selectedRegisterType.value === "phone" ? "hawa-block" : "hawa-hidden"
               ),
-              dir: props.direction
-            },
+              /* @__PURE__ */ import_react37.default.createElement(
+                import_react_hook_form2.Controller,
+                {
+                  control,
+                  name: "confirm_password",
+                  render: ({ field }) => {
+                    var _a2, _b2, _c2;
+                    return /* @__PURE__ */ import_react37.default.createElement(
+                      Input,
+                      {
+                        width: "full",
+                        type: passwordVisible ? "text" : "password",
+                        autoComplete: "new-password",
+                        label: ((_a2 = texts == null ? void 0 : texts.confirm) == null ? void 0 : _a2.label) || "Confirm Password",
+                        placeholder: ((_b2 = texts == null ? void 0 : texts.confirm) == null ? void 0 : _b2.placeholder) || "Confirm your Password",
+                        helperText: (_c2 = formState.errors.confirm_password) == null ? void 0 : _c2.message,
+                        endIcon: /* @__PURE__ */ import_react37.default.createElement(
+                          "div",
+                          {
+                            className: "hawa-cursor-pointer",
+                            onClick: () => setPasswordVisible(!passwordVisible)
+                          },
+                          passwordVisible ? /* @__PURE__ */ import_react37.default.createElement(EyeIcon, { className: "hawa-text-gray-500" }) : /* @__PURE__ */ import_react37.default.createElement(HiddenEyeIcon, { className: "hawa-text-gray-500" }),
+                          " "
+                        ),
+                        ...field
+                      }
+                    );
+                  }
+                }
+              ),
+              props.additionalInputs,
+              props.showRefCode && /* @__PURE__ */ import_react37.default.createElement(
+                import_react_hook_form2.Controller,
+                {
+                  control,
+                  name: "refCode",
+                  render: ({ field }) => {
+                    var _a2;
+                    return /* @__PURE__ */ import_react37.default.createElement(
+                      Input,
+                      {
+                        width: "full",
+                        label: texts == null ? void 0 : texts.refCode,
+                        placeholder: (texts == null ? void 0 : texts.refCodePlaceholder) || "Enter the referral code",
+                        helperText: (_a2 = formState.errors.refCode) == null ? void 0 : _a2.message,
+                        ...field
+                      }
+                    );
+                  }
+                }
+              ),
+              props.showUserSource && /* @__PURE__ */ import_react37.default.createElement(
+                import_react_hook_form2.Controller,
+                {
+                  control,
+                  name: "reference",
+                  render: ({ field }) => {
+                    var _a2, _b2;
+                    return /* @__PURE__ */ import_react37.default.createElement(
+                      Select,
+                      {
+                        label: ((_a2 = texts == null ? void 0 : texts.userReference) == null ? void 0 : _a2.label) || "How did you learn about us?",
+                        placeholder: (_b2 = texts == null ? void 0 : texts.userReference) == null ? void 0 : _b2.placeholder,
+                        isCreatable: false,
+                        isMulti: false,
+                        isSearchable: false,
+                        isClearable: false,
+                        options: props.userReferenceOptions || [],
+                        onChange: (e) => field.onChange(e)
+                      }
+                    );
+                  }
+                }
+              )
+            ),
             /* @__PURE__ */ import_react37.default.createElement(
-              import_react_hook_form2.Controller,
+              TabsContent,
               {
-                control,
-                name: "phone",
-                render: ({ field }) => {
-                  var _a2, _b2;
-                  return /* @__PURE__ */ import_react37.default.createElement(
-                    PhoneInput,
-                    {
-                      label: ((_a2 = texts == null ? void 0 : texts.phone) == null ? void 0 : _a2.label) || "Phone Number",
-                      helperText: (_b2 = formState.errors.phone) == null ? void 0 : _b2.message,
-                      preferredCountry: { label: "+966" },
-                      ...props.phoneInputProps,
-                      handleChange: (e) => {
-                        if ((0, import_libphonenumber_js2.isValidPhoneNumber)(e) && (0, import_libphonenumber_js2.isPossiblePhoneNumber)(e) && (0, import_libphonenumber_js2.validatePhoneNumberLength)(e) === void 0) {
-                          let parsed = (0, import_libphonenumber_js2.parsePhoneNumber)(e);
-                          field.onChange(parsed.number);
-                        } else {
-                          field.onChange(e);
+                value: "phone",
+                className: cn(
+                  "hawa-flex hawa-flex-col hawa-gap-4",
+                  selectedRegisterType.value === "phone" ? "hawa-block" : "hawa-hidden"
+                ),
+                dir: props.direction
+              },
+              /* @__PURE__ */ import_react37.default.createElement(
+                import_react_hook_form2.Controller,
+                {
+                  control,
+                  name: "phone",
+                  render: ({ field }) => {
+                    var _a2, _b2;
+                    return /* @__PURE__ */ import_react37.default.createElement(
+                      PhoneInput,
+                      {
+                        label: ((_a2 = texts == null ? void 0 : texts.phone) == null ? void 0 : _a2.label) || "Phone Number",
+                        helperText: (_b2 = formState.errors.phone) == null ? void 0 : _b2.message,
+                        preferredCountry: { label: "+966" },
+                        ...props.phoneInputProps,
+                        handleChange: (e) => {
+                          if ((0, import_libphonenumber_js2.isValidPhoneNumber)(e) && (0, import_libphonenumber_js2.isPossiblePhoneNumber)(e) && (0, import_libphonenumber_js2.validatePhoneNumberLength)(e) === void 0) {
+                            let parsed = (0, import_libphonenumber_js2.parsePhoneNumber)(e);
+                            field.onChange(parsed.number);
+                          } else {
+                            field.onChange(e);
+                          }
                         }
                       }
-                    }
-                  );
+                    );
+                  }
                 }
-              }
+              ),
+              props.additionalInputs,
+              props.showRefCode && /* @__PURE__ */ import_react37.default.createElement(
+                import_react_hook_form2.Controller,
+                {
+                  control,
+                  name: "refCode",
+                  render: ({ field }) => {
+                    var _a2;
+                    return /* @__PURE__ */ import_react37.default.createElement(
+                      Input,
+                      {
+                        width: "full",
+                        label: texts == null ? void 0 : texts.refCode,
+                        placeholder: (texts == null ? void 0 : texts.refCodePlaceholder) || "Enter the referral code",
+                        helperText: (_a2 = formState.errors.refCode) == null ? void 0 : _a2.message,
+                        ...field
+                      }
+                    );
+                  }
+                }
+              ),
+              props.showUserSource && /* @__PURE__ */ import_react37.default.createElement(
+                import_react_hook_form2.Controller,
+                {
+                  control,
+                  name: "reference",
+                  render: ({ field }) => {
+                    var _a2, _b2;
+                    return /* @__PURE__ */ import_react37.default.createElement(
+                      Select,
+                      {
+                        label: ((_a2 = texts == null ? void 0 : texts.userReference) == null ? void 0 : _a2.label) || "How did you learn about us?",
+                        placeholder: (_b2 = texts == null ? void 0 : texts.userReference) == null ? void 0 : _b2.placeholder,
+                        isCreatable: false,
+                        isMulti: false,
+                        isSearchable: false,
+                        isClearable: false,
+                        options: props.userReferenceOptions || [],
+                        onChange: (e) => field.onChange(e)
+                      }
+                    );
+                  }
+                }
+              )
             ),
-            props.additionalInputs,
-            props.showRefCode && /* @__PURE__ */ import_react37.default.createElement(
+            showTermsOption || showNewsletterOption ? /* @__PURE__ */ import_react37.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-3 hawa-mb-2" }, showTermsOption && /* @__PURE__ */ import_react37.default.createElement(
               import_react_hook_form2.Controller,
               {
                 control,
-                name: "refCode",
+                name: "terms_accepted",
                 render: ({ field }) => {
-                  var _a2;
+                  var _a2, _b2;
                   return /* @__PURE__ */ import_react37.default.createElement(
-                    Input,
+                    Checkbox,
                     {
-                      width: "full",
-                      label: texts == null ? void 0 : texts.refCode,
-                      placeholder: (texts == null ? void 0 : texts.refCodePlaceholder) || "Enter the referral code",
-                      helperText: (_a2 = formState.errors.refCode) == null ? void 0 : _a2.message,
-                      ...field
+                      id: "terms_accepted",
+                      helperText: (_b2 = (_a2 = formState.errors.terms_accepted) == null ? void 0 : _a2.message) == null ? void 0 : _b2.toString(),
+                      onCheckedChange: (e) => field.onChange(e),
+                      label: /* @__PURE__ */ import_react37.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-gap-0.5 hawa-whitespace-nowrap hawa-flex-wrap" }, (texts == null ? void 0 : texts.iAcceptText) || "I accept the", " ", /* @__PURE__ */ import_react37.default.createElement(StopPropagationWrapper, null, /* @__PURE__ */ import_react37.default.createElement(
+                        "span",
+                        {
+                          onClick: (e) => {
+                            e.preventDefault();
+                            if (props.onRouteToTOS) {
+                              props.onRouteToTOS();
+                            }
+                          },
+                          className: "clickable-link"
+                        },
+                        (texts == null ? void 0 : texts.termsText) || "Terms of Service"
+                      )))
                     }
                   );
                 }
               }
-            ),
-            props.showUserSource && /* @__PURE__ */ import_react37.default.createElement(
+            ), showNewsletterOption && /* @__PURE__ */ import_react37.default.createElement(
               import_react_hook_form2.Controller,
               {
                 control,
-                name: "reference",
-                render: ({ field }) => {
-                  var _a2, _b2;
-                  return /* @__PURE__ */ import_react37.default.createElement(
-                    Select,
-                    {
-                      label: ((_a2 = texts == null ? void 0 : texts.userReference) == null ? void 0 : _a2.label) || "How did you learn about us?",
-                      placeholder: (_b2 = texts == null ? void 0 : texts.userReference) == null ? void 0 : _b2.placeholder,
-                      isCreatable: false,
-                      isMulti: false,
-                      isSearchable: false,
-                      isClearable: false,
-                      options: props.userReferenceOptions || [],
-                      onChange: (e) => field.onChange(e)
-                    }
-                  );
-                }
-              }
-            )
-          ),
-          showTermsOption || showNewsletterOption ? /* @__PURE__ */ import_react37.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-3 hawa-mb-2" }, showTermsOption && /* @__PURE__ */ import_react37.default.createElement(
-            import_react_hook_form2.Controller,
-            {
-              control,
-              name: "terms_accepted",
-              render: ({ field }) => {
-                var _a2, _b2;
-                return /* @__PURE__ */ import_react37.default.createElement(
+                name: "newsletter_accepted",
+                render: ({ field }) => /* @__PURE__ */ import_react37.default.createElement(
                   Checkbox,
                   {
-                    id: "terms_accepted",
-                    helperText: (_b2 = (_a2 = formState.errors.terms_accepted) == null ? void 0 : _a2.message) == null ? void 0 : _b2.toString(),
-                    onCheckedChange: (e) => field.onChange(e),
-                    label: /* @__PURE__ */ import_react37.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-gap-0.5 hawa-whitespace-nowrap hawa-flex-wrap" }, (texts == null ? void 0 : texts.iAcceptText) || "I accept the", " ", /* @__PURE__ */ import_react37.default.createElement(StopPropagationWrapper, null, /* @__PURE__ */ import_react37.default.createElement(
-                      "span",
-                      {
-                        onClick: (e) => {
-                          e.preventDefault();
-                          if (props.onRouteToTOS) {
-                            props.onRouteToTOS();
-                          }
-                        },
-                        className: "clickable-link"
-                      },
-                      (texts == null ? void 0 : texts.termsText) || "Terms of Service"
-                    )))
+                    id: "newsletter_accepted",
+                    label: (texts == null ? void 0 : texts.subscribeToNewsletter) || "Subscribe to our newsletter",
+                    onCheckedChange: field.onChange
                   }
-                );
+                )
               }
-            }
-          ), showNewsletterOption && /* @__PURE__ */ import_react37.default.createElement(
-            import_react_hook_form2.Controller,
+            )) : null
+          ),
+          /* @__PURE__ */ import_react37.default.createElement(
+            Button,
             {
-              control,
-              name: "newsletter_accepted",
-              render: ({ field }) => /* @__PURE__ */ import_react37.default.createElement(
-                Checkbox,
-                {
-                  id: "newsletter_accepted",
-                  label: (texts == null ? void 0 : texts.subscribeToNewsletter) || "Subscribe to our newsletter",
-                  onCheckedChange: field.onChange
-                }
-              )
-            }
-          )) : null
-        ),
-        /* @__PURE__ */ import_react37.default.createElement(
-          Button,
-          {
-            className: "hawa-w-full",
-            type: "submit",
-            isLoading: props.isLoading,
-            disabled: props.isLoading
-          },
-          (texts == null ? void 0 : texts.registerText) || "Register"
-        ),
-        props.additionalButtons
-      )), props.onRouteToLogin && /* @__PURE__ */ import_react37.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-justify-center hawa-gap-1 hawa-p-3 hawa-text-center hawa-text-sm hawa-font-normal dark:hawa-text-white" }, /* @__PURE__ */ import_react37.default.createElement("span", null, (texts == null ? void 0 : texts.existingUserText) || "Already have an account?"), /* @__PURE__ */ import_react37.default.createElement("span", { onClick: props.onRouteToLogin, className: "clickable-link" }, (texts == null ? void 0 : texts.loginText) || "Login")))
+              className: "hawa-w-full",
+              type: "submit",
+              isLoading: props.isLoading,
+              disabled: props.isLoading
+            },
+            (texts == null ? void 0 : texts.registerText) || "Register"
+          ),
+          props.additionalButtons
+        )),
+        props.onRouteToLogin && /* @__PURE__ */ import_react37.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-justify-center hawa-gap-1 hawa-p-3 hawa-text-center hawa-text-sm hawa-font-normal dark:hawa-text-white" }, /* @__PURE__ */ import_react37.default.createElement("span", null, (texts == null ? void 0 : texts.existingUserText) || "Already have an account?"), /* @__PURE__ */ import_react37.default.createElement("span", { onClick: props.onRouteToLogin, className: "clickable-link" }, (texts == null ? void 0 : texts.loginText) || "Login"))
+      )
     ),
     props.viaGithub || props.viaGoogle || props.viaTwitter ? /* @__PURE__ */ import_react37.default.createElement(
       CardFooter,
@@ -5291,14 +5033,7 @@ var AppLanding = ({ texts, ...props }) => {
       handleEmail: props.handleEmail,
       handlePhone: props.handlePhone
     }
-  ), props.allowRegister && /* @__PURE__ */ import_react38.default.createElement("div", { className: "hawa-p-3 hawa-text-center hawa-text-sm hawa-font-normal dark:hawa-text-gray-300" }, texts == null ? void 0 : texts.newUserText, " ", /* @__PURE__ */ import_react38.default.createElement(
-    "span",
-    {
-      onClick: props.handleRouteToRegister,
-      className: "clickable-link"
-    },
-    texts == null ? void 0 : texts.createAccount
-  )))));
+  ), props.allowRegister && /* @__PURE__ */ import_react38.default.createElement("div", { className: "hawa-p-3 hawa-text-center hawa-text-sm hawa-font-normal dark:hawa-text-gray-300" }, texts == null ? void 0 : texts.newUserText, " ", /* @__PURE__ */ import_react38.default.createElement("span", { onClick: props.handleRouteToRegister, className: "clickable-link" }, texts == null ? void 0 : texts.createAccount)))));
 };
 
 // blocks/auth/CheckEmail.tsx
@@ -5327,11 +5062,7 @@ var import_react40 = __toESM(require("react"));
 var import_react_hook_form3 = require("react-hook-form");
 var import_zod3 = require("@hookform/resolvers/zod");
 var z3 = __toESM(require("zod"));
-var NewPasswordForm = ({
-  texts,
-  isLoading,
-  ...props
-}) => {
+var NewPasswordForm = ({ texts, isLoading, ...props }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h;
   const formSchema = z3.object({
     password: z3.string({ required_error: (_a = texts == null ? void 0 : texts.password) == null ? void 0 : _a.required }).min(1, { message: (_b = texts == null ? void 0 : texts.password) == null ? void 0 : _b.required }).min(8, { message: (_c = texts == null ? void 0 : texts.password) == null ? void 0 : _c.tooShort }),
@@ -5353,9 +5084,7 @@ var NewPasswordForm = ({
         if (props.handleNewPassword) {
           return props.handleNewPassword(e);
         } else {
-          console.log(
-            "Form is submitted but handleSubmission prop is missing"
-          );
+          console.log("Form is submitted but handleSubmission prop is missing");
         }
       })
     },
@@ -5409,14 +5138,7 @@ var NewPasswordForm = ({
           );
         }
       }
-    )), /* @__PURE__ */ import_react40.default.createElement(Button, { className: "hawa-w-full", type: "submit", isLoading }, texts == null ? void 0 : texts.updatePassword), props.allowRegister && /* @__PURE__ */ import_react40.default.createElement("div", { className: "hawa-mt-4 hawa-pb-0 hawa-text-center hawa-text-sm dark:hawa-text-gray-300" }, (_g = texts == null ? void 0 : texts.dontHaveAccount) != null ? _g : "Don't have an account? ", /* @__PURE__ */ import_react40.default.createElement(
-      "span",
-      {
-        className: "clickable-link",
-        onClick: props.handleRouteToRegister
-      },
-      (_h = texts == null ? void 0 : texts.registerText) != null ? _h : "Register"
-    )))
+    )), /* @__PURE__ */ import_react40.default.createElement(Button, { className: "hawa-w-full", type: "submit", isLoading }, texts == null ? void 0 : texts.updatePassword), props.allowRegister && /* @__PURE__ */ import_react40.default.createElement("div", { className: "hawa-mt-4 hawa-pb-0 hawa-text-center hawa-text-sm dark:hawa-text-gray-300" }, (_g = texts == null ? void 0 : texts.dontHaveAccount) != null ? _g : "Don't have an account? ", /* @__PURE__ */ import_react40.default.createElement("span", { className: "clickable-link", onClick: props.handleRouteToRegister }, (_h = texts == null ? void 0 : texts.registerText) != null ? _h : "Register")))
   ));
 };
 
@@ -5482,22 +5204,7 @@ var ResetPasswordForm = ({
         }
       }
     )),
-    /* @__PURE__ */ import_react41.default.createElement(CardFooter, { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ import_react41.default.createElement(
-      Button,
-      {
-        type: "submit",
-        className: "hawa-w-full",
-        isLoading
-      },
-      ((_i = props.texts) == null ? void 0 : _i.resetPassword) || "Reset Password"
-    ), allowRegister && /* @__PURE__ */ import_react41.default.createElement("div", { className: "hawa-mt-4 hawa-pb-0 hawa-text-center hawa-text-sm dark:hawa-text-gray-300" }, (_k = (_j = props.texts) == null ? void 0 : _j.dontHaveAccount) != null ? _k : "Don't have an account? ", /* @__PURE__ */ import_react41.default.createElement(
-      "span",
-      {
-        className: "clickable-link",
-        onClick: props.handleRouteToRegister
-      },
-      (_m = (_l = props.texts) == null ? void 0 : _l.registerText) != null ? _m : "Register"
-    )))
+    /* @__PURE__ */ import_react41.default.createElement(CardFooter, { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ import_react41.default.createElement(Button, { type: "submit", className: "hawa-w-full", isLoading }, ((_i = props.texts) == null ? void 0 : _i.resetPassword) || "Reset Password"), allowRegister && /* @__PURE__ */ import_react41.default.createElement("div", { className: "hawa-mt-4 hawa-pb-0 hawa-text-center hawa-text-sm dark:hawa-text-gray-300" }, (_k = (_j = props.texts) == null ? void 0 : _j.dontHaveAccount) != null ? _k : "Don't have an account? ", /* @__PURE__ */ import_react41.default.createElement("span", { className: "clickable-link", onClick: props.handleRouteToRegister }, (_m = (_l = props.texts) == null ? void 0 : _l.registerText) != null ? _m : "Register")))
   )) : /* @__PURE__ */ import_react41.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react41.default.createElement("div", { className: "hawa-text-center" }, ((_n = props.texts) == null ? void 0 : _n.emailSentText) || "An email has been sent with a link to set a new password")));
 };
 
@@ -5511,19 +5218,19 @@ var z5 = __toESM(require("zod"));
 var React36 = __toESM(require("react"));
 var import_input_otp = require("input-otp");
 
-// ../../node_modules/.pnpm/lucide-react@0.427.0_react@18.3.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
+// ../../node_modules/.pnpm/lucide-react@0.435.0_react@18.3.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
 var import_react43 = require("react");
 
-// ../../node_modules/.pnpm/lucide-react@0.427.0_react@18.3.1/node_modules/lucide-react/dist/esm/shared/src/utils.js
+// ../../node_modules/.pnpm/lucide-react@0.435.0_react@18.3.1/node_modules/lucide-react/dist/esm/shared/src/utils.js
 var toKebabCase = (string9) => string9.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
 var mergeClasses = (...classes) => classes.filter((className, index, array) => {
   return Boolean(className) && array.indexOf(className) === index;
 }).join(" ");
 
-// ../../node_modules/.pnpm/lucide-react@0.427.0_react@18.3.1/node_modules/lucide-react/dist/esm/Icon.js
+// ../../node_modules/.pnpm/lucide-react@0.435.0_react@18.3.1/node_modules/lucide-react/dist/esm/Icon.js
 var import_react42 = require("react");
 
-// ../../node_modules/.pnpm/lucide-react@0.427.0_react@18.3.1/node_modules/lucide-react/dist/esm/defaultAttributes.js
+// ../../node_modules/.pnpm/lucide-react@0.435.0_react@18.3.1/node_modules/lucide-react/dist/esm/defaultAttributes.js
 var defaultAttributes = {
   xmlns: "http://www.w3.org/2000/svg",
   width: 24,
@@ -5536,7 +5243,7 @@ var defaultAttributes = {
   strokeLinejoin: "round"
 };
 
-// ../../node_modules/.pnpm/lucide-react@0.427.0_react@18.3.1/node_modules/lucide-react/dist/esm/Icon.js
+// ../../node_modules/.pnpm/lucide-react@0.435.0_react@18.3.1/node_modules/lucide-react/dist/esm/Icon.js
 var Icon = (0, import_react42.forwardRef)(
   ({
     color = "currentColor",
@@ -5568,7 +5275,7 @@ var Icon = (0, import_react42.forwardRef)(
   }
 );
 
-// ../../node_modules/.pnpm/lucide-react@0.427.0_react@18.3.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
+// ../../node_modules/.pnpm/lucide-react@0.435.0_react@18.3.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
 var createLucideIcon = (iconName, iconNode) => {
   const Component = (0, import_react43.forwardRef)(
     ({ className, ...props }, ref) => (0, import_react43.createElement)(Icon, {
@@ -5582,7 +5289,7 @@ var createLucideIcon = (iconName, iconNode) => {
   return Component;
 };
 
-// ../../node_modules/.pnpm/lucide-react@0.427.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/dot.js
+// ../../node_modules/.pnpm/lucide-react@0.435.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/dot.js
 var Dot = createLucideIcon("Dot", [
   ["circle", { cx: "12.1", cy: "12.1", r: "1", key: "18d7e5" }]
 ]);
@@ -5679,7 +5386,7 @@ var CodeConfirmation = ({ codeLength = 6, ...props }) => {
       }
     };
   }, []);
-  return /* @__PURE__ */ import_react44.default.createElement(Card, null, /* @__PURE__ */ import_react44.default.createElement(CardContent, { headless: true }, props.showError && /* @__PURE__ */ import_react44.default.createElement(Alert, { title: props.errorTitle, text: props.errorText, severity: "error" }), /* @__PURE__ */ import_react44.default.createElement("div", { className: "hawa-mb-4 dark:hawa-text-white" }, /* @__PURE__ */ import_react44.default.createElement("div", { className: "hawa-text-lg hawa-font-bold" }, ((_c = props.texts) == null ? void 0 : _c.checkYourIdentifier) || "Please check your phone"), /* @__PURE__ */ import_react44.default.createElement("div", { className: "hawa-text-muted-foreground" }, /* @__PURE__ */ import_react44.default.createElement("span", null, ((_d = props.texts) == null ? void 0 : _d.weSentCode) || "We've sent a code to "), /* @__PURE__ */ import_react44.default.createElement("span", null, props.identifier))), /* @__PURE__ */ import_react44.default.createElement(
+  return /* @__PURE__ */ import_react44.default.createElement(Card, null, /* @__PURE__ */ import_react44.default.createElement(CardContent, { headless: true }, props.showError && /* @__PURE__ */ import_react44.default.createElement(Alert, { title: props.errorTitle, text: props.errorText, severity: "error" }), /* @__PURE__ */ import_react44.default.createElement("div", { className: "hawa-mb-4 dark:hawa-text-white" }, /* @__PURE__ */ import_react44.default.createElement("div", { className: "hawa-text-lg hawa-font-bold" }, ((_c = props.texts) == null ? void 0 : _c.checkYourIdentifier) || "Please check your phone"), /* @__PURE__ */ import_react44.default.createElement("div", { className: "hawa-text-muted-foreground hawa-flex hawa-flex-row" }, /* @__PURE__ */ import_react44.default.createElement("span", null, `${(_d = props.texts) == null ? void 0 : _d.weSentCode} ` || `We've sent a code to `, /* @__PURE__ */ import_react44.default.createElement("span", { dir: "ltr" }, props.identifier)))), /* @__PURE__ */ import_react44.default.createElement(
     "form",
     {
       noValidate: true,
@@ -5751,21 +5458,19 @@ var import_react_tabs = require("@radix-ui/react-tabs");
 // elements/popover/Popover.tsx
 var React38 = __toESM(require("react"));
 var PopoverPrimitive = __toESM(require("@radix-ui/react-popover"));
-var PopoverContent = React38.forwardRef(
-  ({ className, align = "center", sideOffset = 4, container, ...props }, ref) => /* @__PURE__ */ React38.createElement(PopoverPrimitive.Portal, { container }, /* @__PURE__ */ React38.createElement(
-    PopoverPrimitive.Content,
-    {
-      ref,
-      align,
-      sideOffset,
-      className: cn(
-        "dark:dark-shadow hawa-z-50 hawa-rounded hawa-border hawa-bg-popover hawa-text-popover-foreground hawa-shadow-md hawa-outline-none data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-fade-out-0 data-[state=open]:hawa-fade-in-0 data-[state=closed]:hawa-zoom-out-95 data-[state=open]:hawa-zoom-in-95 data-[side=bottom]:hawa-slide-in-from-top-2 data-[side=left]:hawa-slide-in-from-right-2 data-[side=right]:hawa-slide-in-from-left-2 data-[side=top]:hawa-slide-in-from-bottom-2",
-        className
-      ),
-      ...props
-    }
-  ))
-);
+var PopoverContent = React38.forwardRef(({ className, align = "center", sideOffset = 4, container, ...props }, ref) => /* @__PURE__ */ React38.createElement(PopoverPrimitive.Portal, { container }, /* @__PURE__ */ React38.createElement(
+  PopoverPrimitive.Content,
+  {
+    ref,
+    align,
+    sideOffset,
+    className: cn(
+      "dark:dark-shadow hawa-z-50 hawa-rounded hawa-border hawa-bg-popover hawa-text-popover-foreground hawa-shadow-md hawa-outline-none data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-fade-out-0 data-[state=open]:hawa-fade-in-0 data-[state=closed]:hawa-zoom-out-95 data-[state=open]:hawa-zoom-in-95 data-[side=bottom]:hawa-slide-in-from-top-2 data-[side=left]:hawa-slide-in-from-right-2 data-[side=right]:hawa-slide-in-from-left-2 data-[side=top]:hawa-slide-in-from-bottom-2",
+      className
+    ),
+    ...props
+  }
+)));
 PopoverContent.displayName = PopoverPrimitive.Content.displayName;
 var Popover2 = ({
   trigger,
@@ -5785,15 +5490,7 @@ var Popover2 = ({
     trigger: "var(--radix-popover-trigger-width)",
     default: "auto"
   };
-  return /* @__PURE__ */ React38.createElement(PopoverPrimitive.Root, { open, ...props }, /* @__PURE__ */ React38.createElement(
-    PopoverPrimitive.Trigger,
-    {
-      className: "hawa-w-full",
-      disabled: disableTrigger,
-      ...triggerProps
-    },
-    trigger
-  ), /* @__PURE__ */ React38.createElement(
+  return /* @__PURE__ */ React38.createElement(PopoverPrimitive.Root, { open, ...props }, /* @__PURE__ */ React38.createElement(PopoverPrimitive.Trigger, { className: "hawa-w-full", disabled: disableTrigger, ...triggerProps }, trigger), /* @__PURE__ */ React38.createElement(
     PopoverContent,
     {
       side,
@@ -5847,12 +5544,8 @@ var Radio = (0, import_react45.forwardRef)(
       default: "hawa-max-w-fit",
       full: "hawa-w-full"
     };
-    const [parentDirection, setParentDirection] = import_react45.default.useState(
-      null
-    );
-    const [selectedOption, setSelectedOption] = (0, import_react45.useState)(
-      props.defaultValue || props.value
-    );
+    const [parentDirection, setParentDirection] = import_react45.default.useState(null);
+    const [selectedOption, setSelectedOption] = (0, import_react45.useState)(props.defaultValue || props.value);
     const [openTooltip, setOpenTooltip] = (0, import_react45.useState)(null);
     const parentRef = (0, import_react45.useRef)(null);
     (0, import_react45.useEffect)(() => {
@@ -5881,89 +5574,78 @@ var Radio = (0, import_react45.forwardRef)(
     ];
     switch (design) {
       case "tabs":
-        return /* @__PURE__ */ import_react45.default.createElement(
-          "div",
+        return /* @__PURE__ */ import_react45.default.createElement("div", { className: cn("hawa-gap-2 hawa-flex hawa-flex-col", containerClassNames == null ? void 0 : containerClassNames.tabs) }, props.label && /* @__PURE__ */ import_react45.default.createElement(Label, { ...labelProps }, props.label), /* @__PURE__ */ import_react45.default.createElement(import_react_tabs.Tabs, null, /* @__PURE__ */ import_react45.default.createElement(
+          import_react_tabs.TabsList,
           {
+            role: "tablist",
+            ref: parentRef,
             className: cn(
-              "hawa-gap-2 hawa-flex hawa-flex-col",
-              containerClassNames == null ? void 0 : containerClassNames.tabs
+              props.options && ((_a = props.options) == null ? void 0 : _a.length) > 2 ? "hawa-flex-wrap xs:hawa-max-w-full xs:hawa-flex-nowrap" : "",
+              "hawa-select-none hawa-whitespace-nowrap hawa-rounded hawa-border hawa-text-center hawa-font-medium hawa-h-[40px]",
+              orientationStyle[orientation],
+              widthStyle[width],
+              tabsContainerClassName,
+              props.direction === "rtl" ? "hawa-flex-row-reverse" : ""
             )
           },
-          props.label && /* @__PURE__ */ import_react45.default.createElement(Label, { ...labelProps }, props.label),
-          /* @__PURE__ */ import_react45.default.createElement(import_react_tabs.Tabs, null, /* @__PURE__ */ import_react45.default.createElement(
-            import_react_tabs.TabsList,
-            {
-              role: "tablist",
-              ref: parentRef,
-              className: cn(
-                props.options && ((_a = props.options) == null ? void 0 : _a.length) > 2 ? "hawa-flex-wrap xs:hawa-max-w-full xs:hawa-flex-nowrap" : "",
-                "hawa-select-none hawa-whitespace-nowrap hawa-rounded hawa-border hawa-text-center hawa-font-medium hawa-h-[40px]",
-                orientationStyle[orientation],
-                widthStyle[width],
-                tabsContainerClassName,
-                props.direction === "rtl" ? "hawa-flex-row-reverse" : ""
-              )
-            },
-            (_b = props.options) == null ? void 0 : _b.map((opt, o) => {
-              return opt.tooltip ? /* @__PURE__ */ import_react45.default.createElement(
-                PopoverRoot,
+          (_b = props.options) == null ? void 0 : _b.map((opt, o) => {
+            return opt.tooltip ? /* @__PURE__ */ import_react45.default.createElement(
+              PopoverRoot,
+              {
+                key: o,
+                open: o === openTooltip,
+                onOpenChange: (bool) => setOpenTooltip(bool ? o : null)
+              },
+              /* @__PURE__ */ import_react45.default.createElement(
+                PopoverTrigger,
                 {
-                  key: o,
-                  open: o === openTooltip,
-                  onOpenChange: (bool) => setOpenTooltip(bool ? o : null)
+                  onMouseEnter: () => setOpenTooltip(o),
+                  onMouseLeave: () => setOpenTooltip(null),
+                  asChild: true
                 },
                 /* @__PURE__ */ import_react45.default.createElement(
-                  PopoverTrigger,
+                  import_react_tabs.TabsTrigger,
                   {
-                    onMouseEnter: () => setOpenTooltip(o),
-                    onMouseLeave: () => setOpenTooltip(null),
-                    asChild: true
-                  },
-                  /* @__PURE__ */ import_react45.default.createElement(
-                    import_react_tabs.TabsTrigger,
-                    {
-                      "aria-current": selectedOption === opt.value ? "page" : void 0,
-                      value: opt.value,
-                      role: "tab",
-                      tabIndex: 0,
-                      onClick: () => {
-                        if (props.disabled || opt.disabled) return;
-                        handleChange(opt);
-                      },
-                      className: cn(
-                        ...radio_option_tabs_styling,
-                        selectedOption === opt.value ? activeTabStyle : inactiveTabStyle
-                      )
+                    "aria-current": selectedOption === opt.value ? "page" : void 0,
+                    value: opt.value,
+                    role: "tab",
+                    tabIndex: 0,
+                    onClick: () => {
+                      if (props.disabled || opt.disabled) return;
+                      handleChange(opt);
                     },
-                    opt.icon && opt.icon,
-                    opt.label
-                  )
-                ),
-                /* @__PURE__ */ import_react45.default.createElement(PopoverContent, { ...opt.tooltipContentProps }, opt.tooltip)
-              ) : /* @__PURE__ */ import_react45.default.createElement(
-                import_react_tabs.TabsTrigger,
-                {
-                  key: o,
-                  role: "tab",
-                  tabIndex: 0,
-                  "aria-current": selectedOption === opt.value ? "page" : void 0,
-                  onClick: () => {
-                    if (props.disabled || opt.disabled) return;
-                    handleChange(opt);
+                    className: cn(
+                      ...radio_option_tabs_styling,
+                      selectedOption === opt.value ? activeTabStyle : inactiveTabStyle
+                    )
                   },
-                  className: cn(
-                    ...radio_option_tabs_styling,
-                    selectedOption === opt.value ? activeTabStyle : inactiveTabStyle
-                  ),
-                  value: opt.value
+                  opt.icon && opt.icon,
+                  opt.label
+                )
+              ),
+              /* @__PURE__ */ import_react45.default.createElement(PopoverContent, { ...opt.tooltipContentProps }, opt.tooltip)
+            ) : /* @__PURE__ */ import_react45.default.createElement(
+              import_react_tabs.TabsTrigger,
+              {
+                key: o,
+                role: "tab",
+                tabIndex: 0,
+                "aria-current": selectedOption === opt.value ? "page" : void 0,
+                onClick: () => {
+                  if (props.disabled || opt.disabled) return;
+                  handleChange(opt);
                 },
-                opt.icon && opt.icon,
-                opt.label
-              );
-            })
-          )),
-          !forceHideHelperText && /* @__PURE__ */ import_react45.default.createElement(HelperText, { helperText: props.helperText })
-        );
+                className: cn(
+                  ...radio_option_tabs_styling,
+                  selectedOption === opt.value ? activeTabStyle : inactiveTabStyle
+                ),
+                value: opt.value
+              },
+              opt.icon && opt.icon,
+              opt.label
+            );
+          })
+        )), !forceHideHelperText && /* @__PURE__ */ import_react45.default.createElement(HelperText, { helperText: props.helperText }));
       case "bordered":
         return /* @__PURE__ */ import_react45.default.createElement(
           "div",
@@ -6011,11 +5693,7 @@ var Radio = (0, import_react45.forwardRef)(
         return /* @__PURE__ */ import_react45.default.createElement(
           "ul",
           {
-            className: cn(
-              orientationStyle[orientation],
-              "hawa-gap-4",
-              containerClassNames == null ? void 0 : containerClassNames.cards
-            )
+            className: cn(orientationStyle[orientation], "hawa-gap-4", containerClassNames == null ? void 0 : containerClassNames.cards)
           },
           (_c = props.options) == null ? void 0 : _c.map((opt, o) => /* @__PURE__ */ import_react45.default.createElement("li", { key: o, onClick: () => handleChange(opt) }, /* @__PURE__ */ import_react45.default.createElement(
             "input",
@@ -6041,49 +5719,38 @@ var Radio = (0, import_react45.forwardRef)(
           )))
         );
       default:
-        return /* @__PURE__ */ import_react45.default.createElement(
+        return /* @__PURE__ */ import_react45.default.createElement("div", { className: cn("hawa-flex hawa-flex-col hawa-gap-2", containerClassNames == null ? void 0 : containerClassNames.default) }, props.label && /* @__PURE__ */ import_react45.default.createElement(Label, { ...labelProps }, props.label), /* @__PURE__ */ import_react45.default.createElement("div", { className: cn(orientationStyle[orientation], "hawa-gap-2") }, props.options && props.options.map((opt, i) => /* @__PURE__ */ import_react45.default.createElement(
           "div",
-          {
-            className: cn(
-              "hawa-flex hawa-flex-col hawa-gap-2",
-              containerClassNames == null ? void 0 : containerClassNames.default
-            )
-          },
-          props.label && /* @__PURE__ */ import_react45.default.createElement(Label, { ...labelProps }, props.label),
-          /* @__PURE__ */ import_react45.default.createElement("div", { className: cn(orientationStyle[orientation], "hawa-gap-2") }, props.options && props.options.map((opt, i) => /* @__PURE__ */ import_react45.default.createElement(
-            "div",
-            {
-              className: cn(
-                "radio-item radio-item-default hawa-flex hawa-items-center hawa-transition-all",
-                props.direction === "rtl" ? "margin-left right-3px" : "margin-right left-3px"
-              ),
-              key: i + 1
-            },
-            /* @__PURE__ */ import_react45.default.createElement(
-              "input",
-              {
-                disabled: opt.disabled,
-                id: opt.value.toString(),
-                type: "radio",
-                value: opt.value,
-                name,
-                onChange: () => handleChange(opt)
-              }
-            ),
-            /* @__PURE__ */ import_react45.default.createElement(
-              "label",
-              {
-                htmlFor: opt.value.toString(),
-                className: cn(
-                  "hawa-text-sm hawa-font-medium dark:hawa-text-white",
-                  opt.disabled ? "hawa-text-gray-400" : "hawa-cursor-pointer hawa-text-gray-900"
-                )
-              },
-              opt.label
-            )
-          ))),
-          /* @__PURE__ */ import_react45.default.createElement(HelperText, { helperText: props.helperText })
-        );
+          {
+            className: cn(
+              "radio-item radio-item-default hawa-flex hawa-items-center hawa-transition-all",
+              props.direction === "rtl" ? "margin-left right-3px" : "margin-right left-3px"
+            ),
+            key: i + 1
+          },
+          /* @__PURE__ */ import_react45.default.createElement(
+            "input",
+            {
+              disabled: opt.disabled,
+              id: opt.value.toString(),
+              type: "radio",
+              value: opt.value,
+              name,
+              onChange: () => handleChange(opt)
+            }
+          ),
+          /* @__PURE__ */ import_react45.default.createElement(
+            "label",
+            {
+              htmlFor: opt.value.toString(),
+              className: cn(
+                "hawa-text-sm hawa-font-medium dark:hawa-text-white",
+                opt.disabled ? "hawa-text-gray-400" : "hawa-cursor-pointer hawa-text-gray-900"
+              )
+            },
+            opt.label
+          )
+        ))), /* @__PURE__ */ import_react45.default.createElement(HelperText, { helperText: props.helperText }));
     }
   }
 );
@@ -6111,15 +5778,7 @@ var Textarea = React40.forwardRef(
           className
         )
       },
-      /* @__PURE__ */ React40.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, props.label && /* @__PURE__ */ React40.createElement(Label, { ...labelProps }, props.label), showCount && countPosition === "top" && /* @__PURE__ */ React40.createElement(
-        "div",
-        {
-          className: "hawa-text-start hawa-text-xs hawa-transition-all hawa-leading-none"
-        },
-        (textareaProps == null ? void 0 : textareaProps.value) ? String(textareaProps == null ? void 0 : textareaProps.value).length : 0,
-        "/",
-        textareaProps == null ? void 0 : textareaProps.maxLength
-      )),
+      /* @__PURE__ */ React40.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, props.label && /* @__PURE__ */ React40.createElement(Label, { ...labelProps }, props.label), showCount && countPosition === "top" && /* @__PURE__ */ React40.createElement("div", { className: "hawa-text-start hawa-text-xs hawa-transition-all hawa-leading-none" }, (textareaProps == null ? void 0 : textareaProps.value) ? String(textareaProps == null ? void 0 : textareaProps.value).length : 0, "/", textareaProps == null ? void 0 : textareaProps.maxLength)),
       isLoading ? /* @__PURE__ */ React40.createElement(Skeleton, { style: { height: 40 } }) : /* @__PURE__ */ React40.createElement(
         "textarea",
         {
@@ -6168,19 +5827,13 @@ var UserReferralSource = ({
   return /* @__PURE__ */ import_react46.default.createElement(
     "div",
     {
-      className: cn(
-        "hawa-transition-all",
-        closed ? "hawa-opacity-0" : "hawa-opacity-100"
-      ),
+      className: cn("hawa-transition-all", closed ? "hawa-opacity-0" : "hawa-opacity-100"),
       ref: popUpRef
     },
     /* @__PURE__ */ import_react46.default.createElement(
       Card,
       {
-        className: cn(
-          "hawa-fixed hawa-bottom-4 hawa-p-0 ",
-          boxPosition[position]
-        ),
+        className: cn("hawa-fixed hawa-bottom-4 hawa-p-0", boxPosition[position]),
         dir: props.direction
       },
       /* @__PURE__ */ import_react46.default.createElement(
@@ -6189,7 +5842,7 @@ var UserReferralSource = ({
           type: "button",
           className: cn(
             props.direction === "rtl" ? "hawa-left-2" : "hawa-right-2",
-            "hawa-absolute  hawa-top-2 hawa-inline-flex hawa-h-8 hawa-w-8 hawa-rounded hawa-p-1.5 hawa-text-gray-400 hawa-transition-all hover:hawa-bg-gray-100 hover:hawa-text-gray-900 focus:hawa-ring-2 focus:hawa-ring-gray-300 dark:hawa-bg-gray-800 dark:hawa-text-gray-500 dark:hover:hawa-bg-gray-700 dark:hover:hawa-text-white"
+            "hawa-absolute hawa-top-2 hawa-inline-flex hawa-h-8 hawa-w-8 hawa-rounded hawa-p-1.5 hawa-text-gray-400 hawa-transition-all hover:hawa-bg-gray-100 hover:hawa-text-gray-900 focus:hawa-ring-2 focus:hawa-ring-gray-300 dark:hawa-bg-gray-800 dark:hawa-text-gray-500 dark:hover:hawa-bg-gray-700 dark:hover:hawa-text-white"
           ),
           "data-dismiss-target": "#toast-default",
           "aria-label": "Close",
@@ -6241,7 +5894,7 @@ var UserReferralSource = ({
             )
           },
           /* @__PURE__ */ import_react46.default.createElement("div", { className: "hawa-mt-4 hawa-font-bold" }, props.question),
-          /* @__PURE__ */ import_react46.default.createElement("div", { className: "hawa-flex hawa-w-full hawa-flex-row hawa-gap-1 hawa-rounded " }, /* @__PURE__ */ import_react46.default.createElement(
+          /* @__PURE__ */ import_react46.default.createElement("div", { className: "hawa-flex hawa-w-full hawa-flex-row hawa-gap-1 hawa-rounded" }, /* @__PURE__ */ import_react46.default.createElement(
             import_react_hook_form6.Controller,
             {
               control,
@@ -6293,10 +5946,7 @@ var UserReferralSource = ({
 
 // blocks/feedback/FeedbackRating.tsx
 var import_react47 = __toESM(require("react"));
-var FeedbackRating = ({
-  position = "bottom-right",
-  ...props
-}) => {
+var FeedbackRating = ({ position = "bottom-right", ...props }) => {
   const [closed, setClosed] = (0, import_react47.useState)(false);
   const [answered, setAnswered] = (0, import_react47.useState)(false);
   const [clickedOption, setClickedOption] = (0, import_react47.useState)(null);
@@ -6386,9 +6036,7 @@ var FeedbackRating = ({
             }, 4800);
             setTimeout(() => {
               var _a, _b;
-              (_b = popUpRef.current) == null ? void 0 : _b.removeChild(
-                (_a = popUpRef.current) == null ? void 0 : _a.children[0]
-              );
+              (_b = popUpRef.current) == null ? void 0 : _b.removeChild((_a = popUpRef.current) == null ? void 0 : _a.children[0]);
               clearTimeout(timeoutDestroy);
             }, 5300);
           },
@@ -6538,9 +6186,7 @@ var FeedbackForm = (props) => {
   return /* @__PURE__ */ import_react49.default.createElement(
     Card,
     {
-      className: cn(
-        props.cardless ? "hawa-border-none hawa-bg-transparent hawa-shadow-none" : ""
-      ),
+      className: cn(props.cardless ? "hawa-border-none hawa-bg-transparent hawa-shadow-none" : ""),
       style: props.cardless ? { boxShadow: "none" } : void 0
     },
     /* @__PURE__ */ import_react49.default.createElement(CardContent, { headless: true, className: props.cardless ? "!hawa-p-0" : "" }, props.sent ? /* @__PURE__ */ import_react49.default.createElement("div", { className: "hawa-text-center hawa-min-h-[200px] hawa-flex hawa-flex-col hawa-justify-center" }, /* @__PURE__ */ import_react49.default.createElement("div", { className: "hawa-font-bold hawa-text-lg" }, props.texts.sentTitle || "Form submitted"), /* @__PURE__ */ import_react49.default.createElement("div", { className: "hawa-text-md" }, props.texts.sentSubtitle || "Thank you for your submission")) : /* @__PURE__ */ import_react49.default.createElement(
@@ -6713,10 +6359,7 @@ var LeadGenerator = ({ texts, submitHandler }) => {
 
 // blocks/misc/Announcement.tsx
 var import_react54 = __toESM(require("react"));
-var Announcement = ({
-  onActionClick,
-  ...props
-}) => {
+var Announcement = ({ onActionClick, ...props }) => {
   return /* @__PURE__ */ import_react54.default.createElement(Card, null, /* @__PURE__ */ import_react54.default.createElement(
     CardContent,
     {
@@ -6724,14 +6367,7 @@ var Announcement = ({
       className: "hawa-flex hawa-flex-row hawa-items-center hawa-justify-between"
     },
     /* @__PURE__ */ import_react54.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-start hawa-justify-center" }, /* @__PURE__ */ import_react54.default.createElement("span", { className: "hawa-text-lg hawa-font-bold" }, props.title), /* @__PURE__ */ import_react54.default.createElement("span", { className: "hawa-text-sm" }, props.subtitle)),
-    /* @__PURE__ */ import_react54.default.createElement(
-      Button,
-      {
-        onClick: () => onActionClick(),
-        className: "hawa-whitespace-nowrap"
-      },
-      props.actionText
-    )
+    /* @__PURE__ */ import_react54.default.createElement(Button, { onClick: () => onActionClick(), className: "hawa-whitespace-nowrap" }, props.actionText)
   ));
 };
 
@@ -6777,25 +6413,22 @@ var ContactForm = ({
 }) => {
   var _a, _b, _c, _d, _e;
   const customFieldsSchema = z8.object({
-    ...customFields == null ? void 0 : customFields.reduce(
-      (acc, curr) => {
-        switch (curr.type) {
-          case "text":
-            acc[curr.name] = z8.string().optional().default("");
-            break;
-          case "number":
-            acc[curr.name] = z8.string().optional().default("");
-            break;
-          case "select":
-            acc[curr.name] = z8.string().optional().default("");
-            break;
-          default:
-            break;
-        }
-        return acc;
-      },
-      {}
-    )
+    ...customFields == null ? void 0 : customFields.reduce((acc, curr) => {
+      switch (curr.type) {
+        case "text":
+          acc[curr.name] = z8.string().optional().default("");
+          break;
+        case "number":
+          acc[curr.name] = z8.string().optional().default("");
+          break;
+        case "select":
+          acc[curr.name] = z8.string().optional().default("");
+          break;
+        default:
+          break;
+      }
+      return acc;
+    }, {})
   });
   const contactFormSchema = z8.object({
     name: z8.string({ required_error: (texts == null ? void 0 : texts.name.required) || "Name is required" }).min(1, (texts == null ? void 0 : texts.name.required) || "Name is required").default(""),
@@ -6865,13 +6498,10 @@ var ContactForm = ({
       /* @__PURE__ */ import_react57.default.createElement(
         "div",
         {
-          className: cn(
-            "hawa-flex hawa-items-start hawa-justify-start hawa-gap-2",
-            {
-              "hawa-flex-row": size === "default",
-              "hawa-flex-col": size === "sm"
-            }
-          )
+          className: cn("hawa-flex hawa-items-start hawa-justify-start hawa-gap-2", {
+            "hawa-flex-row": size === "default",
+            "hawa-flex-col": size === "sm"
+          })
         },
         /* @__PURE__ */ import_react57.default.createElement(
           import_react_hook_form9.Controller,
@@ -6969,9 +6599,7 @@ var ContactForm = ({
                   placeholder: texts == null ? void 0 : texts.message.placeholder,
                   className: "hawa-min-h-20",
                   ...field,
-                  onKeyDown: getHotkeyHandler([
-                    ["mod+enter", () => SubmitForm(getValues())]
-                  ])
+                  onKeyDown: getHotkeyHandler([["mod+enter", () => SubmitForm(getValues())]])
                 },
                 classNames: { textarea: "hawa-min-h-40 hawa-h-full" },
                 helperText: (_a2 = errors.message) == null ? void 0 : _a2.message
@@ -6980,14 +6608,7 @@ var ContactForm = ({
           }
         }
       ),
-      /* @__PURE__ */ import_react57.default.createElement(
-        Button,
-        {
-          type: "submit",
-          className: cn("hawa-w-full", classNames == null ? void 0 : classNames.submitButton)
-        },
-        (texts == null ? void 0 : texts.submit) || "Submit"
-      )
+      /* @__PURE__ */ import_react57.default.createElement(Button, { type: "submit", className: cn("hawa-w-full", classNames == null ? void 0 : classNames.submitButton) }, (texts == null ? void 0 : texts.submit) || "Submit")
     ))
   );
 };
@@ -7036,10 +6657,7 @@ var ActionCard = (props) => {
 
 // blocks/cards/AdCard.tsx
 var import_react59 = __toESM(require("react"));
-var AdCard = ({
-  orientation = "vertical",
-  ...props
-}) => {
+var AdCard = ({ orientation = "vertical", ...props }) => {
   const adRef = (0, import_react59.useRef)(null);
   const [closed, setClosed] = (0, import_react59.useState)(false);
   let duration = 0;
@@ -7068,43 +6686,34 @@ var AdCard = ({
     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__ */ import_react59.default.createElement("div", { ref: adRef }, /* @__PURE__ */ import_react59.default.createElement(
-    "div",
+  return /* @__PURE__ */ import_react59.default.createElement("div", { ref: adRef }, /* @__PURE__ */ import_react59.default.createElement("div", { className: cn(cardStyles[orientation], props.className), onClick: props.handleClick }, /* @__PURE__ */ import_react59.default.createElement("div", { className: "hawa-flex hawa-aspect-square hawa-w-full hawa-max-w-fit hawa-items-start" }, /* @__PURE__ */ import_react59.default.createElement(
+    "img",
     {
-      className: cn(cardStyles[orientation], props.className),
-      onClick: props.handleClick
-    },
-    /* @__PURE__ */ import_react59.default.createElement("div", { className: "hawa-flex hawa-aspect-square hawa-w-full hawa-max-w-fit hawa-items-start" }, /* @__PURE__ */ import_react59.default.createElement(
-      "img",
-      {
-        src: props.imageURL ? props.imageURL : "https://via.placeholder.com/50",
-        className: imageStyles[orientation]
-      }
-    )),
-    /* @__PURE__ */ import_react59.default.createElement("div", { className: "hawa-w-full hawa-text-xs" }, /* @__PURE__ */ import_react59.default.createElement("div", { className: "hawa-font-bold" }, props.title), /* @__PURE__ */ import_react59.default.createElement("div", { className: "hawa-text-[12px]" }, props.description)),
-    props.canHide && /* @__PURE__ */ import_react59.default.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();
+      src: props.imageURL ? props.imageURL : "https://via.placeholder.com/50",
+      className: imageStyles[orientation]
+    }
+  )), /* @__PURE__ */ import_react59.default.createElement("div", { className: "hawa-w-full hawa-text-xs" }, /* @__PURE__ */ import_react59.default.createElement("div", { className: "hawa-font-bold" }, props.title), /* @__PURE__ */ import_react59.default.createElement("div", { className: "hawa-text-[12px]" }, props.description)), props.canHide && /* @__PURE__ */ import_react59.default.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"
-    )
-  ));
+      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"
+  )));
 };
 
 // blocks/cards/PricingCard.tsx
@@ -7143,13 +6752,7 @@ var PricingCard = ({
     medium: "hawa-w-full hawa-rounded hawa-min-w-fit hawa-border dark:hawa-border-gray-700 hawa-bg-background",
     large: "hawa-w-full hawa-max-w-lg hawa-rounded hawa-border dark:hawa-border-gray-700 hawa-bg-background"
   };
-  return /* @__PURE__ */ import_react60.default.createElement(import_react60.default.Fragment, null, props.isLoadingCard ? /* @__PURE__ */ import_react60.default.createElement(
-    Skeleton,
-    {
-      className: cn(cardSizes[size], "hawa-h-[200px]"),
-      fade: "bottom"
-    }
-  ) : /* @__PURE__ */ import_react60.default.createElement(
+  return /* @__PURE__ */ import_react60.default.createElement(import_react60.default.Fragment, null, props.isLoadingCard ? /* @__PURE__ */ import_react60.default.createElement(Skeleton, { className: cn(cardSizes[size], "hawa-h-[200px]"), fade: "bottom" }) : /* @__PURE__ */ import_react60.default.createElement(
     Card,
     {
       dir: direction,
@@ -7204,48 +6807,26 @@ var PricingCard = ({
                 clipRule: "evenodd"
               }
             )
-          ) : /* @__PURE__ */ import_react60.default.createElement("div", { className: "hawa-m-2 hawa-mx-2.5 hawa-h-4 hawa-w-4 hawa-rounded-full hawa-bg-primary/10" }), /* @__PURE__ */ import_react60.default.createElement("span", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 hawa-whitespace-nowrap hawa-text-start hawa-font-normal hawa-leading-tight hawa-text-primary/70" }, feature.text, " ", feature.soon && feature.included && /* @__PURE__ */ import_react60.default.createElement(
-            Chip,
-            {
-              label: ((_a2 = props.texts) == null ? void 0 : _a2.soon) || "",
-              color: "oceanic",
-              size: "small"
-            }
-          ))),
-          feature.hint && /* @__PURE__ */ import_react60.default.createElement(
-            Tooltip,
+          ) : /* @__PURE__ */ import_react60.default.createElement("div", { className: "hawa-m-2 hawa-mx-2.5 hawa-h-4 hawa-w-4 hawa-rounded-full hawa-bg-primary/10" }), /* @__PURE__ */ import_react60.default.createElement("span", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 hawa-whitespace-nowrap hawa-text-start hawa-font-normal hawa-leading-tight hawa-text-primary/70" }, feature.text, " ", feature.soon && feature.included && /* @__PURE__ */ import_react60.default.createElement(Chip, { label: ((_a2 = props.texts) == null ? void 0 : _a2.soon) || "", color: "oceanic", size: "small" }))),
+          feature.hint && /* @__PURE__ */ import_react60.default.createElement(Tooltip, { content: feature.hint, side: feature.hintSide }, /* @__PURE__ */ import_react60.default.createElement(
+            "svg",
             {
-              content: feature.hint,
-              side: feature.hintSide
+              xmlns: "http://www.w3.org/2000/svg",
+              className: "hawa-h-[14px] hawa-w-[14px] hawa-cursor-help",
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
             },
-            /* @__PURE__ */ import_react60.default.createElement(
-              "svg",
-              {
-                xmlns: "http://www.w3.org/2000/svg",
-                className: "hawa-h-[14px] hawa-w-[14px] hawa-cursor-help",
-                viewBox: "0 0 24 24",
-                fill: "none",
-                stroke: "currentColor",
-                strokeWidth: "2",
-                strokeLinecap: "round",
-                strokeLinejoin: "round"
-              },
-              /* @__PURE__ */ import_react60.default.createElement("circle", { cx: "12", cy: "12", r: "10" }),
-              /* @__PURE__ */ import_react60.default.createElement("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
-              /* @__PURE__ */ import_react60.default.createElement("path", { d: "M12 17h.01" })
-            )
-          )
+            /* @__PURE__ */ import_react60.default.createElement("circle", { cx: "12", cy: "12", r: "10" }),
+            /* @__PURE__ */ import_react60.default.createElement("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
+            /* @__PURE__ */ import_react60.default.createElement("path", { d: "M12 17h.01" })
+          ))
         );
       })),
-      /* @__PURE__ */ import_react60.default.createElement(
-        Button,
-        {
-          onClick: props.onPlanClicked,
-          disabled: currentPlan,
-          className: "hawa-w-full"
-        },
-        (_i = props.texts) == null ? void 0 : _i.buttonText
-      )
+      /* @__PURE__ */ import_react60.default.createElement(Button, { onClick: props.onPlanClicked, disabled: currentPlan, className: "hawa-w-full" }, (_i = props.texts) == null ? void 0 : _i.buttonText)
     ))
   ));
 };
@@ -7421,17 +7002,11 @@ var DropdownMenuSeparator = React57.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
-var DropdownMenuShortcut = ({
-  className,
-  ...props
-}) => {
+var DropdownMenuShortcut = ({ className, ...props }) => {
   return /* @__PURE__ */ React57.createElement(
     "span",
     {
-      className: cn(
-        "hawa-text-xs hawa-tracking-widest hawa-opacity-60",
-        className
-      ),
+      className: cn("hawa-text-xs hawa-tracking-widest hawa-opacity-60", className),
       ...props
     }
   );
@@ -7468,178 +7043,144 @@ var DropdownMenu = ({
     default: "hawa-px-2 hawa-py-3 ",
     sm: "hawa-text-xs hawa-px-1.5 hawa-py-1.5 "
   };
-  let [values, setValues] = React57.useState(
-    items.map((item) => item.currentOption)
-  );
-  return /* @__PURE__ */ React57.createElement(
-    DropdownMenuRoot,
+  let [values, setValues] = React57.useState(items.map((item) => item.currentOption));
+  return /* @__PURE__ */ React57.createElement(DropdownMenuRoot, { onOpenChange, open, modal: false, dir: direction }, /* @__PURE__ */ React57.createElement(
+    DropdownMenuTrigger,
     {
-      onOpenChange,
-      open,
-      modal: false,
-      dir: direction
+      asChild: true,
+      className: cn(classNames == null ? void 0 : classNames.trigger, triggerClassname),
+      ...triggerProps
     },
-    /* @__PURE__ */ React57.createElement(
-      DropdownMenuTrigger,
-      {
-        asChild: true,
-        className: cn(classNames == null ? void 0 : classNames.trigger, triggerClassname),
-        ...triggerProps
-      },
-      trigger
-    ),
-    /* @__PURE__ */ React57.createElement(import_react61.Portal, null, /* @__PURE__ */ React57.createElement(
-      DropdownMenuContent,
-      {
-        side,
-        sideOffset,
-        align,
-        alignOffset,
-        className: cn(
-          className,
-          classNames == null ? void 0 : classNames.content,
-          widthStyles[width],
-          "hawa-flex hawa-flex-col hawa-gap-1 hawa-overflow-y-auto"
-        ),
-        style: {
-          maxHeight: "var(--radix-dropdown-menu-content-available-height)"
-        },
-        ...contentProps
+    trigger
+  ), /* @__PURE__ */ React57.createElement(import_react61.Portal, null, /* @__PURE__ */ React57.createElement(
+    DropdownMenuContent,
+    {
+      side,
+      sideOffset,
+      align,
+      alignOffset,
+      className: cn(
+        className,
+        classNames == null ? void 0 : classNames.content,
+        widthStyles[width],
+        "hawa-flex hawa-flex-col hawa-gap-1 hawa-overflow-y-auto"
+      ),
+      style: {
+        maxHeight: "var(--radix-dropdown-menu-content-available-height)"
       },
-      header && header,
-      items && items.map((item, index) => {
-        var _a;
-        const ItemLinkComponent = item.slug ? LinkComponent : "a";
-        if (item.itemType === "separator") {
-          return /* @__PURE__ */ React57.createElement(
-            DropdownMenuSeparator,
-            {
-              key: index,
-              className: classNames == null ? void 0 : classNames.separator
-            }
-          );
-        } else if (item.itemType === "label") {
-          return /* @__PURE__ */ React57.createElement(DropdownMenuLabel, { key: index }, item.label);
-        } else if (item.itemType === "radio") {
-          let dd = item.currentOption;
-          return /* @__PURE__ */ React57.createElement(DropdownMenuSub, { key: index }, /* @__PURE__ */ React57.createElement(
-            DropdownMenuSubTrigger,
-            {
-              dir: direction,
-              className: cn(sizeStyles[size])
-            },
-            item.icon && item.icon,
-            item.label && item.label
-          ), /* @__PURE__ */ React57.createElement(DropdownMenuSubContent, null, /* @__PURE__ */ React57.createElement(
-            DropdownMenuRadioGroup,
-            {
-              value: values[index],
-              onValueChange: (e) => {
-                let newValues = [...values];
-                newValues[index] = e;
-                setValues(newValues);
-                console.log("changing to ", e);
-                if (item.onOptionChange) {
-                  item.onOptionChange(e);
-                }
+      ...contentProps
+    },
+    header && header,
+    items && items.map((item, index) => {
+      var _a;
+      const ItemLinkComponent = item.slug ? LinkComponent : "a";
+      if (item.itemType === "separator") {
+        return /* @__PURE__ */ React57.createElement(DropdownMenuSeparator, { key: index, className: classNames == null ? void 0 : classNames.separator });
+      } else if (item.itemType === "label") {
+        return /* @__PURE__ */ React57.createElement(DropdownMenuLabel, { key: index }, item.label);
+      } else if (item.itemType === "radio") {
+        let dd = item.currentOption;
+        return /* @__PURE__ */ React57.createElement(DropdownMenuSub, { key: index }, /* @__PURE__ */ React57.createElement(DropdownMenuSubTrigger, { dir: direction, className: cn(sizeStyles[size]) }, item.icon && item.icon, item.label && item.label), /* @__PURE__ */ React57.createElement(DropdownMenuSubContent, null, /* @__PURE__ */ React57.createElement(
+          DropdownMenuRadioGroup,
+          {
+            value: values[index],
+            onValueChange: (e) => {
+              let newValues = [...values];
+              newValues[index] = e;
+              setValues(newValues);
+              console.log("changing to ", e);
+              if (item.onOptionChange) {
+                item.onOptionChange(e);
               }
-            },
-            (_a = item.options) == null ? void 0 : _a.map((opt, i) => /* @__PURE__ */ React57.createElement(DropdownMenuRadioItem, { key: i, value: opt.value }, opt.label))
-          )));
-        } else if (item.itemType === "custom") {
-          return /* @__PURE__ */ React57.createElement("div", { key: index }, item.content);
-        } else {
-          return item.subitems ? /* @__PURE__ */ React57.createElement(DropdownMenuSub, { key: index }, /* @__PURE__ */ React57.createElement(
-            DropdownMenuSubTrigger,
-            {
-              dir: direction,
-              className: cn(sizeStyles[size])
-            },
-            item.icon && item.icon,
-            item.label && item.label
-          ), /* @__PURE__ */ React57.createElement(import_react61.Portal, null, /* @__PURE__ */ React57.createElement(DropdownMenuSubContent, null, item.subitems.map((subitem, subIndex) => {
-            const SubitemLinkComponent = subitem.slug ? LinkComponent : "a";
-            return /* @__PURE__ */ React57.createElement(
-              DropdownMenuItem,
-              {
-                key: subIndex,
-                LinkComponent: SubitemLinkComponent,
-                slug: subitem.slug,
-                disabled: subitem.disabled,
-                className: cn(
-                  sizeStyles[size],
-                  !item.icon && !item.label ? "hawa-px-0 hawa-py-0 focus:hawa-bg-transparent" : "focus:hawa-bg-accent"
-                ),
-                onMouseDown: (event) => {
-                  if (event.button === 1 || event.button === 0 && event.ctrlKey) {
-                    event.preventDefault();
-                    if (subitem.onMiddleClick) {
-                      subitem.onMiddleClick(item.value);
-                    }
-                  }
-                },
-                onSelect: () => {
-                  subitem.action && subitem.action();
-                  if (onItemSelect) {
-                    onItemSelect(subitem.value);
-                  }
-                }
-              },
-              subitem.icon && subitem.icon,
-              subitem.label && subitem.label
-            );
-          })))) : /* @__PURE__ */ React57.createElement(
+            }
+          },
+          (_a = item.options) == null ? void 0 : _a.map((opt, i) => /* @__PURE__ */ React57.createElement(DropdownMenuRadioItem, { key: i, value: opt.value }, opt.label))
+        )));
+      } else if (item.itemType === "custom") {
+        return /* @__PURE__ */ React57.createElement("div", { key: index }, item.content);
+      } else {
+        return item.subitems ? /* @__PURE__ */ React57.createElement(DropdownMenuSub, { key: index }, /* @__PURE__ */ React57.createElement(DropdownMenuSubTrigger, { dir: direction, className: cn(sizeStyles[size]) }, item.icon && item.icon, item.label && item.label), /* @__PURE__ */ React57.createElement(import_react61.Portal, null, /* @__PURE__ */ React57.createElement(DropdownMenuSubContent, null, item.subitems.map((subitem, subIndex) => {
+          const SubitemLinkComponent = subitem.slug ? LinkComponent : "a";
+          return /* @__PURE__ */ React57.createElement(
             DropdownMenuItem,
             {
-              LinkComponent: ItemLinkComponent,
-              slug: item.slug,
-              key: index,
-              disabled: item.disabled,
+              key: subIndex,
+              LinkComponent: SubitemLinkComponent,
+              slug: subitem.slug,
+              disabled: subitem.disabled,
+              className: cn(
+                sizeStyles[size],
+                !item.icon && !item.label ? "hawa-px-0 hawa-py-0 focus:hawa-bg-transparent" : "focus:hawa-bg-accent"
+              ),
               onMouseDown: (event) => {
                 if (event.button === 1 || event.button === 0 && event.ctrlKey) {
                   event.preventDefault();
-                  if (item.onMiddleClick) {
-                    item.onMiddleClick(item.value);
+                  if (subitem.onMiddleClick) {
+                    subitem.onMiddleClick(item.value);
                   }
                 }
               },
-              onClick: (event) => {
-                if (item.onClick) {
-                  item.onClick(item.value);
+              onSelect: () => {
+                subitem.action && subitem.action();
+                if (onItemSelect) {
+                  onItemSelect(subitem.value);
                 }
-              },
-              onSelect: (e) => {
-                if (item.presist) {
-                  e.preventDefault();
+              }
+            },
+            subitem.icon && subitem.icon,
+            subitem.label && subitem.label
+          );
+        })))) : /* @__PURE__ */ React57.createElement(
+          DropdownMenuItem,
+          {
+            LinkComponent: ItemLinkComponent,
+            slug: item.slug,
+            key: index,
+            disabled: item.disabled,
+            onMouseDown: (event) => {
+              if (event.button === 1 || event.button === 0 && event.ctrlKey) {
+                event.preventDefault();
+                if (item.onMiddleClick) {
+                  item.onMiddleClick(item.value);
                 }
-                if (item.action) {
-                  item.action();
-                  if (onItemSelect) {
-                    onItemSelect(item.value);
-                  }
-                } else {
-                  if (onItemSelect) {
-                    onItemSelect(item.value);
-                  }
+              }
+            },
+            onClick: (event) => {
+              if (item.onClick) {
+                item.onClick(item.value);
+              }
+            },
+            onSelect: (e) => {
+              if (item.presist) {
+                e.preventDefault();
+              }
+              if (item.action) {
+                item.action();
+                if (onItemSelect) {
+                  onItemSelect(item.value);
                 }
-              },
-              end: item.end,
-              shortcut: item.shortcut,
-              badged: item.badged,
-              className: cn(
-                sizeStyles[size],
-                !item.icon && !item.label ? "hawa-px-0 hawa-py-0 focus:hawa-bg-transparent" : "focus:hawa-bg-accent",
-                item.presist && "focus:hawa-bg-transparent",
-                classNames == null ? void 0 : classNames.item
-              )
+              } else {
+                if (onItemSelect) {
+                  onItemSelect(item.value);
+                }
+              }
             },
-            item.icon && item.icon,
-            item.label && item.label
-          );
-        }
-      })
-    ))
-  );
+            end: item.end,
+            shortcut: item.shortcut,
+            badged: item.badged,
+            className: cn(
+              sizeStyles[size],
+              !item.icon && !item.label ? "hawa-px-0 hawa-py-0 focus:hawa-bg-transparent" : "focus:hawa-bg-accent",
+              item.presist && "focus:hawa-bg-transparent",
+              classNames == null ? void 0 : classNames.item
+            )
+          },
+          item.icon && item.icon,
+          item.label && item.label
+        );
+      }
+    })
+  )));
 };
 
 // blocks/cards/ItemCard.tsx
@@ -7723,25 +7264,16 @@ var ItemCard = ({
       DropdownMenu,
       {
         items: headerActions,
-        trigger: /* @__PURE__ */ import_react62.default.createElement(
-          Button,
+        trigger: /* @__PURE__ */ import_react62.default.createElement(Button, { variant: "ghost", size: "smallIcon", onClick: handleOpenActionHeader }, /* @__PURE__ */ import_react62.default.createElement("span", { className: "hawa-sr-only" }, "Open dropdown"), /* @__PURE__ */ import_react62.default.createElement(
+          "svg",
           {
-            variant: "ghost",
-            size: "smallIcon",
-            onClick: handleOpenActionHeader
+            className: "hawa-h-5 hawa-w-5",
+            "aria-hidden": "true",
+            fill: "currentColor",
+            viewBox: "0 0 20 20"
           },
-          /* @__PURE__ */ import_react62.default.createElement("span", { className: "hawa-sr-only" }, "Open dropdown"),
-          /* @__PURE__ */ import_react62.default.createElement(
-            "svg",
-            {
-              className: "hawa-h-5 hawa-w-5",
-              "aria-hidden": "true",
-              fill: "currentColor",
-              viewBox: "0 0 20 20"
-            },
-            /* @__PURE__ */ import_react62.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_react62.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_react62.default.createElement("div", { className: "hawa-mx-2" }, header && /* @__PURE__ */ import_react62.default.createElement("h5", { className: "hawa-mb-2 hawa-text-2xl hawa-font-bold hawa-tracking-tight" }, header), content && /* @__PURE__ */ import_react62.default.createElement("span", { className: "hawa-w-full hawa-font-normal" }, content)), actions || counts ? /* @__PURE__ */ import_react62.default.createElement(
       "div",
@@ -7838,11 +7370,7 @@ var PricingPlans = ({
 var import_react65 = __toESM(require("react"));
 var ComparingPlans = (props) => {
   const uniqueFeatures = Array.from(
-    new Set(
-      props.plans.flatMap(
-        (plan) => plan.features.map((feature) => feature.text)
-      )
-    )
+    new Set(props.plans.flatMap((plan) => plan.features.map((feature) => feature.text)))
   );
   return /* @__PURE__ */ import_react65.default.createElement("div", { id: "detailed-pricing", className: "hawa-w-full" }, /* @__PURE__ */ import_react65.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_react65.default.createElement(
     Radio,
@@ -7912,9 +7440,7 @@ var ComparingPlans = (props) => {
           )
         },
         /* @__PURE__ */ import_react65.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
-          )
+          (plan) => plan.features.some((feature) => feature.text === featureText && feature.hint)
         ) && /* @__PURE__ */ import_react65.default.createElement(
           Tooltip,
           {
@@ -7922,13 +7448,9 @@ var ComparingPlans = (props) => {
             content: (_b = (_a = props.plans.find(
               (plan) => {
                 var _a2;
-                return (_a2 = plan.features.find(
-                  (feature) => feature.text === featureText
-                )) == null ? void 0 : _a2.hint;
+                return (_a2 = plan.features.find((feature) => feature.text === featureText)) == null ? void 0 : _a2.hint;
               }
-            )) == null ? void 0 : _a.features.find(
-              (feature) => feature.text === featureText
-            )) == null ? void 0 : _b.hint
+            )) == null ? void 0 : _a.features.find((feature) => feature.text === featureText)) == null ? void 0 : _b.hint
           },
           /* @__PURE__ */ import_react65.default.createElement(
             "svg",
@@ -7943,9 +7465,7 @@ var ComparingPlans = (props) => {
             /* @__PURE__ */ import_react65.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
-          )
+          (plan) => plan.features.some((feature) => feature.text === featureText && feature.soon)
         ) && /* @__PURE__ */ import_react65.default.createElement(
           Chip,
           {
@@ -7957,9 +7477,7 @@ var ComparingPlans = (props) => {
           }
         )),
         props.plans.map((plan, planIndex) => {
-          const feature = plan.features.find(
-            (f) => f.text === featureText
-          );
+          const feature = plan.features.find((f) => f.text === featureText);
           return /* @__PURE__ */ import_react65.default.createElement(
             "div",
             {
@@ -7973,32 +7491,25 @@ var ComparingPlans = (props) => {
     })
   ), props.showButtons && /* @__PURE__ */ import_react65.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_react65.default.createElement("div", { className: "hawa-flex hawa-items-center" }), props.plans.map((plan, i) => {
     var _a;
-    return /* @__PURE__ */ import_react65.default.createElement(
-      "div",
+    return /* @__PURE__ */ import_react65.default.createElement("div", { key: i, className: "hawa-flex hawa-items-center hawa-justify-center" }, /* @__PURE__ */ import_react65.default.createElement(
+      Button,
       {
-        key: i,
-        className: "hawa-flex hawa-items-center hawa-justify-center"
-      },
-      /* @__PURE__ */ import_react65.default.createElement(
-        Button,
-        {
-          className: "hawa-w-full hawa-max-w-xs",
-          onClick: () => {
-            var _a2, _b;
-            if (props.onPlanClicked) {
-              let clickedData = {
-                // plan: plan.id,
-                currency: (_a2 = props.currentCurrency) == null ? void 0 : _a2.value,
-                cycle: (_b = props.currentCycle) == null ? void 0 : _b.value,
-                ...plan
-              };
-              props.onPlanClicked(clickedData);
-            }
+        className: "hawa-w-full hawa-max-w-xs",
+        onClick: () => {
+          var _a2, _b;
+          if (props.onPlanClicked) {
+            let clickedData = {
+              // plan: plan.id,
+              currency: (_a2 = props.currentCurrency) == null ? void 0 : _a2.value,
+              cycle: (_b = props.currentCycle) == null ? void 0 : _b.value,
+              ...plan
+            };
+            props.onPlanClicked(clickedData);
           }
-        },
-        ((_a = plan.texts) == null ? void 0 : _a.buttonText) || "Get Started"
-      )
-    );
+        }
+      },
+      ((_a = plan.texts) == null ? void 0 : _a.buttonText) || "Get Started"
+    ));
   })));
 };
 
@@ -8027,41 +7538,25 @@ var HorizontalPricing = (props) => {
       options: props.billingCycles,
       defaultValue: props.currentCycle
     }
-  )), data.map((d, i) => /* @__PURE__ */ import_react66.default.createElement(
-    "label",
+  )), data.map((d, i) => /* @__PURE__ */ import_react66.default.createElement("label", { key: i, htmlFor: d.title, className: "", onClick: () => setSelectedCard(d.title) }, /* @__PURE__ */ import_react66.default.createElement(
+    "input",
+    {
+      type: "radio",
+      name: "radio",
+      id: d.title,
+      className: "hawa-peer hawa-appearance-none"
+    }
+  ), /* @__PURE__ */ import_react66.default.createElement(
+    "div",
     {
-      key: i,
-      htmlFor: d.title,
-      className: "",
-      onClick: () => setSelectedCard(d.title)
+      className: cn(
+        selectedCard === d.title ? "peer-checked:hawa-border-primary peer-checked:hawa-ring-4 peer-checked:hawa-ring-primary/20" : "",
+        "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_react66.default.createElement(
-      "input",
-      {
-        type: "radio",
-        name: "radio",
-        id: d.title,
-        className: "hawa-peer hawa-appearance-none"
-      }
-    ),
-    /* @__PURE__ */ import_react66.default.createElement(
-      "div",
-      {
-        className: cn(
-          selectedCard === d.title ? "peer-checked:hawa-border-primary peer-checked:hawa-ring-4 peer-checked:hawa-ring-primary/20" : "",
-          "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_react66.default.createElement("div", { className: "hawa-peer hawa-flex hawa-items-center hawa-gap-4" }, /* @__PURE__ */ import_react66.default.createElement(CheckIcons, null), /* @__PURE__ */ import_react66.default.createElement(
-        CardText,
-        {
-          title: "Enterprise",
-          subtitle: "For startups and new businesses"
-        }
-      )),
-      /* @__PURE__ */ import_react66.default.createElement(CardPrice, { amount: d.price, cycle: d.cycle })
-    )
-  ))));
+    /* @__PURE__ */ import_react66.default.createElement("div", { className: "hawa-peer hawa-flex hawa-items-center hawa-gap-4" }, /* @__PURE__ */ import_react66.default.createElement(CheckIcons, null), /* @__PURE__ */ import_react66.default.createElement(CardText, { title: "Enterprise", subtitle: "For startups and new businesses" })),
+    /* @__PURE__ */ import_react66.default.createElement(CardPrice, { amount: d.price, cycle: d.cycle })
+  )))));
 };
 var CheckIcons = () => /* @__PURE__ */ import_react66.default.createElement(import_react66.default.Fragment, null, /* @__PURE__ */ import_react66.default.createElement(
   "svg",
@@ -8178,7 +7673,7 @@ var Usage = (props) => {
 
 lucide-react/dist/esm/shared/src/utils.js:
   (**
-   * @license lucide-react v0.427.0 - ISC
+   * @license lucide-react v0.435.0 - ISC
    *
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
@@ -8186,7 +7681,7 @@ lucide-react/dist/esm/shared/src/utils.js:
 
 lucide-react/dist/esm/defaultAttributes.js:
   (**
-   * @license lucide-react v0.427.0 - ISC
+   * @license lucide-react v0.435.0 - ISC
    *
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
@@ -8194,7 +7689,7 @@ lucide-react/dist/esm/defaultAttributes.js:
 
 lucide-react/dist/esm/Icon.js:
   (**
-   * @license lucide-react v0.427.0 - ISC
+   * @license lucide-react v0.435.0 - ISC
    *
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
@@ -8202,7 +7697,7 @@ lucide-react/dist/esm/Icon.js:
 
 lucide-react/dist/esm/createLucideIcon.js:
   (**
-   * @license lucide-react v0.427.0 - ISC
+   * @license lucide-react v0.435.0 - ISC
    *
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
@@ -8210,7 +7705,7 @@ lucide-react/dist/esm/createLucideIcon.js:
 
 lucide-react/dist/esm/icons/dot.js:
   (**
-   * @license lucide-react v0.427.0 - ISC
+   * @license lucide-react v0.435.0 - ISC
    *
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
@@ -8218,7 +7713,7 @@ lucide-react/dist/esm/icons/dot.js:
 
 lucide-react/dist/esm/lucide-react.js:
   (**
-   * @license lucide-react v0.427.0 - ISC
+   * @license lucide-react v0.435.0 - ISC
    *
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.