@sikka/hawa 0.35.5-next → 0.35.6-next

package/dist/blocks/misc/index.mjs

@@ -24,10 +24,10 @@ import {
 } from "../../chunk-YP2CCKZG.mjs";
 
 // blocks/misc/LegalTexts.tsx
-import React12 from "react";
+import React11 from "react";
 
 // elements/tabs/Tabs.tsx
-import * as React11 from "react";
+import * as React10 from "react";
 
 // hooks/useIsomorphicEffect.ts
 import { useEffect, useLayoutEffect } from "react";
@@ -110,15 +110,15 @@ var useMeasureDirty = (ref) => {
   return rect;
 };
 
-// hooks/useOutsideClick.ts
-import React9 from "react";
+// hooks/useClickOutside.ts
+import { useEffect as useEffect14, useRef as useRef8 } from "react";
 
 // elements/tabs/Tabs.tsx
 import * as TabsPrimitive from "@radix-ui/react-tabs";
 import { tv } from "tailwind-variants";
 
 // elements/floatBox/FloatBox.tsx
-import * as React10 from "react";
+import * as React9 from "react";
 var FloatBox = ({
   className,
   open,
@@ -156,7 +156,7 @@ var FloatBox = ({
     right: "hawa-arrow-default-left",
     left: "hawa-arrow-default-right"
   };
-  return /* @__PURE__ */ React10.createElement(
+  return /* @__PURE__ */ React9.createElement(
     "div",
     {
       className: cn(
@@ -167,8 +167,8 @@ var FloatBox = ({
       "data-side": side,
       "data-floatbox-state": open ? "open" : "closed"
     },
-    withArrow && /* @__PURE__ */ React10.createElement("div", { className: cn(arrowDirection[side]) }),
-    /* @__PURE__ */ React10.createElement("span", null, props.children)
+    withArrow && /* @__PURE__ */ React9.createElement("div", { className: cn(arrowDirection[side]) }),
+    /* @__PURE__ */ React9.createElement("span", null, props.children)
   );
 };
 
@@ -231,8 +231,8 @@ var tabsTriggerVariant = tv({
   ],
   defaultVariants: { variant: "default", orientation: "horizontal" }
 });
-var TabsContext = React11.createContext({ orientation: "horizontal", variant: "default" });
-var Tabs = React11.forwardRef(({ className, orientation, variant = "default", ...props }, ref) => /* @__PURE__ */ React11.createElement(
+var TabsContext = React10.createContext({ orientation: "horizontal", variant: "default" });
+var Tabs = React10.forwardRef(({ className, orientation, variant = "default", ...props }, ref) => /* @__PURE__ */ React10.createElement(
   TabsPrimitive.Root,
   {
     ref,
@@ -243,11 +243,11 @@ var Tabs = React11.forwardRef(({ className, orientation, variant = "default", ..
     ),
     ...props
   },
-  /* @__PURE__ */ React11.createElement(TabsContext.Provider, { value: { orientation, variant } }, props.children)
+  /* @__PURE__ */ React10.createElement(TabsContext.Provider, { value: { orientation, variant } }, props.children)
 ));
-var TabsList = React11.forwardRef(({ className, ...props }, ref) => {
-  const { orientation, variant } = React11.useContext(TabsContext);
-  return /* @__PURE__ */ React11.createElement(
+var TabsList = React10.forwardRef(({ className, ...props }, ref) => {
+  const { orientation, variant } = React10.useContext(TabsContext);
+  return /* @__PURE__ */ React10.createElement(
     TabsPrimitive.List,
     {
       ref,
@@ -260,11 +260,11 @@ var TabsList = React11.forwardRef(({ className, ...props }, ref) => {
     }
   );
 });
-var TabsTrigger = React11.forwardRef(({ className, chipProps, ...props }, ref) => {
-  const { orientation, variant } = React11.useContext(TabsContext);
-  const tabTriggerRef = React11.useRef(null);
+var TabsTrigger = React10.forwardRef(({ className, chipProps, ...props }, ref) => {
+  const { orientation, variant } = React10.useContext(TabsContext);
+  const tabTriggerRef = React10.useRef(null);
   const { width } = useMeasureDirty(tabTriggerRef);
-  return /* @__PURE__ */ React11.createElement(
+  return /* @__PURE__ */ React10.createElement(
     TabsPrimitive.Trigger,
     {
       ref: tabTriggerRef,
@@ -276,8 +276,8 @@ var TabsTrigger = React11.forwardRef(({ className, chipProps, ...props }, ref) =
       ...props
     },
     props.children,
-    chipProps && /* @__PURE__ */ React11.createElement(Chip, { ...chipProps }),
-    /* @__PURE__ */ React11.createElement(
+    chipProps && /* @__PURE__ */ React10.createElement(Chip, { ...chipProps }),
+    /* @__PURE__ */ React10.createElement(
       FloatBox,
       {
         withArrow: true,
@@ -290,7 +290,7 @@ var TabsTrigger = React11.forwardRef(({ className, chipProps, ...props }, ref) =
     )
   );
 });
-var TabsContent = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React11.createElement(
+var TabsContent = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React10.createElement(
   TabsPrimitive.Content,
   {
     ref,
@@ -308,7 +308,7 @@ TabsContent.displayName = TabsPrimitive.Content.displayName;
 
 // blocks/misc/LegalTexts.tsx
 var LegalTexts = ({ tabs, ...props }) => {
-  return /* @__PURE__ */ React12.createElement(
+  return /* @__PURE__ */ React11.createElement(
     Tabs,
     {
       value: props.activeTab,
@@ -316,8 +316,8 @@ var LegalTexts = ({ tabs, ...props }) => {
       defaultValue: props.defaultTab || tabs[0].value,
       dir: props.direction
     },
-    /* @__PURE__ */ React12.createElement(TabsList, { className: "hawa-w-full" }, tabs.map((tab, index) => /* @__PURE__ */ React12.createElement(TabsTrigger, { key: index, value: tab.value }, tab.title))),
-    tabs.map((tab, index) => /* @__PURE__ */ React12.createElement(TabsContent, { key: index, value: tab.value }, /* @__PURE__ */ React12.createElement(
+    /* @__PURE__ */ React11.createElement(TabsList, { className: "hawa-w-full" }, tabs.map((tab, index) => /* @__PURE__ */ React11.createElement(TabsTrigger, { key: index, value: tab.value }, tab.title))),
+    tabs.map((tab, index) => /* @__PURE__ */ React11.createElement(TabsContent, { key: index, value: tab.value }, /* @__PURE__ */ React11.createElement(
       ScrollArea,
       {
         className: cn(
@@ -331,9 +331,9 @@ var LegalTexts = ({ tabs, ...props }) => {
 };
 
 // blocks/misc/EmptyState.tsx
-import React13 from "react";
+import React12 from "react";
 var EmptyState = ({ texts, onActionClick }) => {
-  return /* @__PURE__ */ React13.createElement(Card, null, /* @__PURE__ */ React13.createElement(CardContent, { headless: true }, /* @__PURE__ */ React13.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-text-center " }, /* @__PURE__ */ React13.createElement("div", { className: "hawa-flex hawa-h-10 hawa-w-10 hawa-flex-col hawa-items-center hawa-justify-center hawa-rounded-3xl hawa-bg-primary hawa-text-6xl hawa-font-bold hawa-text-primary-foreground" }, /* @__PURE__ */ React13.createElement(
+  return /* @__PURE__ */ React12.createElement(Card, null, /* @__PURE__ */ React12.createElement(CardContent, { headless: true }, /* @__PURE__ */ React12.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-text-center " }, /* @__PURE__ */ React12.createElement("div", { className: "hawa-flex hawa-h-10 hawa-w-10 hawa-flex-col hawa-items-center hawa-justify-center hawa-rounded-3xl hawa-bg-primary hawa-text-6xl hawa-font-bold hawa-text-primary-foreground" }, /* @__PURE__ */ React12.createElement(
     "svg",
     {
       stroke: "currentColor",
@@ -343,30 +343,30 @@ var EmptyState = ({ texts, onActionClick }) => {
       height: "0.35em",
       width: "0.35em"
     },
-    /* @__PURE__ */ React13.createElement("path", { d: "M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z" })
-  )), /* @__PURE__ */ React13.createElement("div", { className: "hawa-m-2 hawa-text-xl hawa-font-bold" }, (texts == null ? void 0 : texts.youreCaughtUp) || "You're all caught up"))), /* @__PURE__ */ React13.createElement(CardFooter, null, /* @__PURE__ */ React13.createElement(Button, { className: "hawa-w-full", onClick: () => onActionClick() }, (texts == null ? void 0 : texts.actionText) || "Go Home")));
+    /* @__PURE__ */ React12.createElement("path", { d: "M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z" })
+  )), /* @__PURE__ */ React12.createElement("div", { className: "hawa-m-2 hawa-text-xl hawa-font-bold" }, (texts == null ? void 0 : texts.youreCaughtUp) || "You're all caught up"))), /* @__PURE__ */ React12.createElement(CardFooter, null, /* @__PURE__ */ React12.createElement(Button, { className: "hawa-w-full", onClick: () => onActionClick() }, (texts == null ? void 0 : texts.actionText) || "Go Home")));
 };
 
 // blocks/misc/Testimonial.tsx
-import React14 from "react";
+import React13 from "react";
 var Testimonial = () => {
-  return /* @__PURE__ */ React14.createElement(Card, null, /* @__PURE__ */ React14.createElement(CardContent, { headless: true }, /* @__PURE__ */ React14.createElement("div", null, /* @__PURE__ */ React14.createElement("p", { className: "mb-4 max-w-sm" }, "The team at Sikka Software is simply amazing. The tech is easy to follow, easy to work with, and infinitely flexible. The solution opportunities created by Tines are endless.")), /* @__PURE__ */ React14.createElement("div", { className: "flex flex-row gap-4" }, /* @__PURE__ */ React14.createElement("svg", { width: "48", height: "48", viewBox: "0 0 48 48", fill: "none" }, /* @__PURE__ */ React14.createElement("rect", { width: "48", height: "48", rx: "24", fill: "#45BE8B" }), /* @__PURE__ */ React14.createElement(
+  return /* @__PURE__ */ React13.createElement(Card, null, /* @__PURE__ */ React13.createElement(CardContent, { headless: true }, /* @__PURE__ */ React13.createElement("div", null, /* @__PURE__ */ React13.createElement("p", { className: "mb-4 max-w-sm" }, "The team at Sikka Software is simply amazing. The tech is easy to follow, easy to work with, and infinitely flexible. The solution opportunities created by Tines are endless.")), /* @__PURE__ */ React13.createElement("div", { className: "flex flex-row gap-4" }, /* @__PURE__ */ React13.createElement("svg", { width: "48", height: "48", viewBox: "0 0 48 48", fill: "none" }, /* @__PURE__ */ React13.createElement("rect", { width: "48", height: "48", rx: "24", fill: "#45BE8B" }), /* @__PURE__ */ React13.createElement(
     "path",
     {
       d: "M14.1412 22.4427L17.5803 16.5199C17.7671 16.1981 18.1112 16 18.4834 16H20.8581C21.653 16 22.1565 16.8528 21.7725 17.5488L19.3042 22.0225C19.2202 22.1747 19.1762 22.3458 19.1762 22.5196C19.1762 23.0879 19.6369 23.5486 20.2052 23.5486H21.5827C22.1594 23.5486 22.627 24.0162 22.627 24.5929V31.347C22.627 31.9237 22.1594 32.3913 21.5827 32.3913H15.0443C14.4676 32.3913 14 31.9237 14 31.347V22.9671C14 22.7829 14.0487 22.602 14.1412 22.4427Z",
       fill: "#FFFFFF"
     }
-  ), /* @__PURE__ */ React14.createElement(
+  ), /* @__PURE__ */ React13.createElement(
     "path",
     {
       d: "M25.356 22.4427L28.7951 16.5199C28.982 16.1981 29.326 16 29.6982 16H32.0729C32.8679 16 33.3713 16.8528 32.9873 17.5488L30.5191 22.0225C30.4351 22.1747 30.391 22.3458 30.391 22.5196C30.391 23.0879 30.8518 23.5486 31.4201 23.5486H32.7975C33.3743 23.5486 33.8418 24.0162 33.8418 24.5929V31.347C33.8418 31.9237 33.3743 32.3913 32.7975 32.3913H26.2592C25.6824 32.3913 25.2148 31.9237 25.2148 31.347V22.9671C25.2148 22.7829 25.2636 22.602 25.356 22.4427Z",
       fill: "#FFFFFF"
     }
-  )), /* @__PURE__ */ React14.createElement("span", { className: "border border-l " }), " ", /* @__PURE__ */ React14.createElement("div", null, /* @__PURE__ */ React14.createElement("strong", null, "Brent Lassi"), /* @__PURE__ */ React14.createElement("div", null, " Chief Information Security Officer")))));
+  )), /* @__PURE__ */ React13.createElement("span", { className: "border border-l " }), " ", /* @__PURE__ */ React13.createElement("div", null, /* @__PURE__ */ React13.createElement("strong", null, "Brent Lassi"), /* @__PURE__ */ React13.createElement("div", null, " Chief Information Security Officer")))));
 };
 
 // blocks/misc/LeadGenerator.tsx
-import React15 from "react";
+import React14 from "react";
 import { useForm, Controller } from "react-hook-form";
 var LeadGenerator = ({ texts, submitHandler }) => {
   var _a;
@@ -378,14 +378,14 @@ var LeadGenerator = ({ texts, submitHandler }) => {
       console.log("handleNewsletterSub props was not provided");
     }
   };
-  return /* @__PURE__ */ React15.createElement(Card, null, /* @__PURE__ */ React15.createElement(CardHeader, null, /* @__PURE__ */ React15.createElement(CardTitle, null, texts == null ? void 0 : texts.title), /* @__PURE__ */ React15.createElement(CardDescription, null, texts == null ? void 0 : texts.subtitle)), /* @__PURE__ */ React15.createElement(CardContent, null, /* @__PURE__ */ React15.createElement(
+  return /* @__PURE__ */ React14.createElement(Card, null, /* @__PURE__ */ React14.createElement(CardHeader, null, /* @__PURE__ */ React14.createElement(CardTitle, null, texts == null ? void 0 : texts.title), /* @__PURE__ */ React14.createElement(CardDescription, null, texts == null ? void 0 : texts.subtitle)), /* @__PURE__ */ React14.createElement(CardContent, null, /* @__PURE__ */ React14.createElement(
     "form",
     {
       noValidate: true,
       className: "hawa-flex hawa-flex-row hawa-gap-2",
       onSubmit: handleSubmit(onSubmit)
     },
-    /* @__PURE__ */ React15.createElement(
+    /* @__PURE__ */ React14.createElement(
       Controller,
       {
         name: "email",
@@ -398,27 +398,27 @@ var LeadGenerator = ({ texts, submitHandler }) => {
           }
         },
         defaultValue: "",
-        render: ({ field }) => /* @__PURE__ */ React15.createElement(Input, { ...field, type: "email", placeholder: "example@sikka.io" })
+        render: ({ field }) => /* @__PURE__ */ React14.createElement(Input, { ...field, type: "email", placeholder: "example@sikka.io" })
       }
     ),
-    /* @__PURE__ */ React15.createElement(Button, { type: "submit", disabled: !formState.isValid }, (_a = texts == null ? void 0 : texts.submit) != null ? _a : "Submit")
+    /* @__PURE__ */ React14.createElement(Button, { type: "submit", disabled: !formState.isValid }, (_a = texts == null ? void 0 : texts.submit) != null ? _a : "Submit")
   )));
 };
 
 // blocks/misc/Announcement.tsx
-import React16 from "react";
+import React15 from "react";
 var Announcement = ({
   onActionClick,
   ...props
 }) => {
-  return /* @__PURE__ */ React16.createElement(Card, null, /* @__PURE__ */ React16.createElement(
+  return /* @__PURE__ */ React15.createElement(Card, null, /* @__PURE__ */ React15.createElement(
     CardContent,
     {
       headless: true,
       className: "hawa-flex hawa-flex-row hawa-items-center hawa-justify-between"
     },
-    /* @__PURE__ */ React16.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-start hawa-justify-center " }, /* @__PURE__ */ React16.createElement("span", { className: "hawa-text-lg hawa-font-bold" }, props.title), /* @__PURE__ */ React16.createElement("span", { className: "hawa-text-sm" }, props.subtitle)),
-    /* @__PURE__ */ React16.createElement(
+    /* @__PURE__ */ React15.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-start hawa-justify-center " }, /* @__PURE__ */ React15.createElement("span", { className: "hawa-text-lg hawa-font-bold" }, props.title), /* @__PURE__ */ React15.createElement("span", { className: "hawa-text-sm" }, props.subtitle)),
+    /* @__PURE__ */ React15.createElement(
       Button,
       {
         onClick: () => onActionClick(),
@@ -430,15 +430,15 @@ var Announcement = ({
 };
 
 // blocks/misc/NotFound.tsx
-import React17 from "react";
+import React16 from "react";
 var NotFound = ({ texts }) => {
-  return /* @__PURE__ */ React17.createElement(Card, null, /* @__PURE__ */ React17.createElement(CardContent, { headless: true }, /* @__PURE__ */ React17.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center dark:hawa-text-white" }, /* @__PURE__ */ React17.createElement("div", { className: "hawa-text-center hawa-text-6xl hawa-font-bold " }, "404"), /* @__PURE__ */ React17.createElement("div", { className: "hawa-m-2 hawa-text-center hawa-text-xl hawa-font-bold " }, (texts == null ? void 0 : texts.pageNotFound) || "Page Not Found"), /* @__PURE__ */ React17.createElement("div", { className: "hawa-mb-4 hawa-text-center" }, (texts == null ? void 0 : texts.ifLost) || /* @__PURE__ */ React17.createElement(React17.Fragment, null, "If you're lost please contact us ", /* @__PURE__ */ React17.createElement("span", { className: "clickable-link" }, "help@sikka.io"))), /* @__PURE__ */ React17.createElement(Button, { className: "hawa-w-full" }, (texts == null ? void 0 : texts.home) || "Home"))));
+  return /* @__PURE__ */ React16.createElement(Card, null, /* @__PURE__ */ React16.createElement(CardContent, { headless: true }, /* @__PURE__ */ React16.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center dark:hawa-text-white" }, /* @__PURE__ */ React16.createElement("div", { className: "hawa-text-center hawa-text-6xl hawa-font-bold " }, "404"), /* @__PURE__ */ React16.createElement("div", { className: "hawa-m-2 hawa-text-center hawa-text-xl hawa-font-bold " }, (texts == null ? void 0 : texts.pageNotFound) || "Page Not Found"), /* @__PURE__ */ React16.createElement("div", { className: "hawa-mb-4 hawa-text-center" }, (texts == null ? void 0 : texts.ifLost) || /* @__PURE__ */ React16.createElement(React16.Fragment, null, "If you're lost please contact us ", /* @__PURE__ */ React16.createElement("span", { className: "clickable-link" }, "help@sikka.io"))), /* @__PURE__ */ React16.createElement(Button, { className: "hawa-w-full" }, (texts == null ? void 0 : texts.home) || "Home"))));
 };
 
 // blocks/misc/NoPermission.tsx
-import React18 from "react";
+import React17 from "react";
 var NoPermission = ({ texts }) => {
-  return /* @__PURE__ */ React18.createElement(Card, null, /* @__PURE__ */ React18.createElement(CardContent, { headless: true }, /* @__PURE__ */ React18.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-text-center" }, /* @__PURE__ */ React18.createElement("div", { className: "hawa-flex hawa-h-10 hawa-w-10 hawa-flex-col hawa-items-center hawa-justify-center hawa-rounded-3xl hawa-bg-primary hawa-text-6xl hawa-font-bold  hawa-text-primary-foreground" }, /* @__PURE__ */ React18.createElement(
+  return /* @__PURE__ */ React17.createElement(Card, null, /* @__PURE__ */ React17.createElement(CardContent, { headless: true }, /* @__PURE__ */ React17.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-text-center" }, /* @__PURE__ */ React17.createElement("div", { className: "hawa-flex hawa-h-10 hawa-w-10 hawa-flex-col hawa-items-center hawa-justify-center hawa-rounded-3xl hawa-bg-primary hawa-text-6xl hawa-font-bold  hawa-text-primary-foreground" }, /* @__PURE__ */ React17.createElement(
     "svg",
     {
       stroke: "currentColor",
@@ -448,12 +448,12 @@ var NoPermission = ({ texts }) => {
       height: "0.35em",
       width: "0.35em"
     },
-    /* @__PURE__ */ React18.createElement("path", { d: "M400 224h-24v-72C376 68.2 307.8 0 224 0S72 68.2 72 152v72H48c-26.5 0-48 21.5-48 48v192c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V272c0-26.5-21.5-48-48-48zm-104 0H152v-72c0-39.7 32.3-72 72-72s72 32.3 72 72v72z" })
-  )), /* @__PURE__ */ React18.createElement("div", { className: "hawa-m-2 hawa-text-xl hawa-font-bold" }, (texts == null ? void 0 : texts.title) || "You don't have permission"), /* @__PURE__ */ React18.createElement("div", null, (texts == null ? void 0 : texts.subtitle) || "If you think this is a problem please contact your administrator or our customer support"))));
+    /* @__PURE__ */ React17.createElement("path", { d: "M400 224h-24v-72C376 68.2 307.8 0 224 0S72 68.2 72 152v72H48c-26.5 0-48 21.5-48 48v192c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V272c0-26.5-21.5-48-48-48zm-104 0H152v-72c0-39.7 32.3-72 72-72s72 32.3 72 72v72z" })
+  )), /* @__PURE__ */ React17.createElement("div", { className: "hawa-m-2 hawa-text-xl hawa-font-bold" }, (texts == null ? void 0 : texts.title) || "You don't have permission"), /* @__PURE__ */ React17.createElement("div", null, (texts == null ? void 0 : texts.subtitle) || "If you think this is a problem please contact your administrator or our customer support"))));
 };
 
 // blocks/misc/ContactForm.tsx
-import React19 from "react";
+import React18 from "react";
 import { useForm as useForm2, Controller as Controller2 } from "react-hook-form";
 import { zodResolver } from "@hookform/resolvers/zod";
 import * as z from "zod";
@@ -526,7 +526,7 @@ var ContactForm = ({
       console.log("Form is submitted but onSubmit prop is missing");
     }
   };
-  return /* @__PURE__ */ React19.createElement(
+  return /* @__PURE__ */ React18.createElement(
     Card,
     {
       className: cn(
@@ -535,7 +535,7 @@ var ContactForm = ({
       ),
       style: cardless ? { boxShadow: "none" } : void 0
     },
-    /* @__PURE__ */ React19.createElement(CardContent, { headless: true, className: cardless ? "!hawa-p-0" : "" }, props.showSuccess ? /* @__PURE__ */ React19.createElement(CardHeader, null, /* @__PURE__ */ React19.createElement(CardTitle, null, ((_d = texts == null ? void 0 : texts.success) == null ? void 0 : _d.title) || "Message Sent! \u{1F389}"), /* @__PURE__ */ React19.createElement(CardDescription, null, ((_e = texts == null ? void 0 : texts.success) == null ? void 0 : _e.description) || "Thank you for your submission, we will get back to you as soon as possible.")) : /* @__PURE__ */ React19.createElement(
+    /* @__PURE__ */ React18.createElement(CardContent, { headless: true, className: cardless ? "!hawa-p-0" : "" }, props.showSuccess ? /* @__PURE__ */ React18.createElement(CardHeader, null, /* @__PURE__ */ React18.createElement(CardTitle, null, ((_d = texts == null ? void 0 : texts.success) == null ? void 0 : _d.title) || "Message Sent! \u{1F389}"), /* @__PURE__ */ React18.createElement(CardDescription, null, ((_e = texts == null ? void 0 : texts.success) == null ? void 0 : _e.description) || "Thank you for your submission, we will get back to you as soon as possible.")) : /* @__PURE__ */ React18.createElement(
       "form",
       {
         noValidate: true,
@@ -544,7 +544,7 @@ var ContactForm = ({
         id: formId,
         autoComplete: formAutoComplete
       },
-      /* @__PURE__ */ React19.createElement(
+      /* @__PURE__ */ React18.createElement(
         "div",
         {
           className: cn(
@@ -555,14 +555,14 @@ var ContactForm = ({
             }
           )
         },
-        /* @__PURE__ */ React19.createElement(
+        /* @__PURE__ */ React18.createElement(
           Controller2,
           {
             control,
             name: "name",
             render: ({ field }) => {
               var _a2;
-              return /* @__PURE__ */ React19.createElement(
+              return /* @__PURE__ */ React18.createElement(
                 Input,
                 {
                   label: (texts == null ? void 0 : texts.name.label) || "Name",
@@ -575,14 +575,14 @@ var ContactForm = ({
             }
           }
         ),
-        /* @__PURE__ */ React19.createElement(
+        /* @__PURE__ */ React18.createElement(
           Controller2,
           {
             control,
             name: "email",
             render: ({ field }) => {
               var _a2;
-              return /* @__PURE__ */ React19.createElement(
+              return /* @__PURE__ */ React18.createElement(
                 Input,
                 {
                   label: (texts == null ? void 0 : texts.email.label) || "Email",
@@ -598,7 +598,7 @@ var ContactForm = ({
       ),
       customFields && customFields.map((customField) => {
         console.log("custom", customField);
-        return /* @__PURE__ */ React19.createElement(
+        return /* @__PURE__ */ React18.createElement(
           Controller2,
           {
             control,
@@ -608,7 +608,7 @@ var ContactForm = ({
               switch (type) {
                 case "text":
                 case "number":
-                  return /* @__PURE__ */ React19.createElement(
+                  return /* @__PURE__ */ React18.createElement(
                     Input,
                     {
                       id: customField.name,
@@ -619,7 +619,7 @@ var ContactForm = ({
                     }
                   );
                 case "select":
-                  return /* @__PURE__ */ React19.createElement(
+                  return /* @__PURE__ */ React18.createElement(
                     Select,
                     {
                       label,
@@ -629,20 +629,20 @@ var ContactForm = ({
                     }
                   );
                 default:
-                  return /* @__PURE__ */ React19.createElement("div", null, "Unknown type");
+                  return /* @__PURE__ */ React18.createElement("div", null, "Unknown type");
               }
             }
           }
         );
       }),
-      /* @__PURE__ */ React19.createElement(
+      /* @__PURE__ */ React18.createElement(
         Controller2,
         {
           control,
           name: "message",
           render: ({ field }) => {
             var _a2;
-            return /* @__PURE__ */ React19.createElement(
+            return /* @__PURE__ */ React18.createElement(
               Textarea,
               {
                 label: (texts == null ? void 0 : texts.message.label) || "Message",
@@ -659,7 +659,7 @@ var ContactForm = ({
           }
         }
       ),
-      /* @__PURE__ */ React19.createElement(Button, { type: "submit", className: "hawa-w-full" }, (texts == null ? void 0 : texts.submit) || "Submit")
+      /* @__PURE__ */ React18.createElement(Button, { type: "submit", className: "hawa-w-full" }, (texts == null ? void 0 : texts.submit) || "Submit")
     ))
   );
 };

package/dist/{chunk-TERP5K6R.mjs → chunk-57EAKTAP.mjs}

@@ -8,7 +8,7 @@ import {
   Label,
   Skeleton,
   cn
-} from "./chunk-G7JHUC5N.mjs";
+} from "./chunk-ANXGMZXS.mjs";
 
 // elements/alert/Alert.tsx
 import React, { useRef, useState, useEffect } from "react";
@@ -3123,194 +3123,11 @@ var Progress = React15.forwardRef(({ className, value, ...props }, ref) => /* @_
 )));
 Progress.displayName = ProgressPrimitive.Root.displayName;
 
-// icons/Emojis.tsx
-import React16 from "react";
-var VeryGoodEmoji = () => /* @__PURE__ */ React16.createElement(
-  "svg",
-  {
-    fill: "none",
-    height: "16",
-    viewBox: "0 0 16 16",
-    width: "16",
-    xmlns: "http://www.w3.org/2000/svg"
-  },
-  /* @__PURE__ */ React16.createElement("g", { clipPath: "url(#clip0_53_166)" }, /* @__PURE__ */ React16.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__ */ React16.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__ */ React16.createElement(
-  "svg",
-  {
-    fill: "none",
-    height: "16",
-    viewBox: "0 0 16 16",
-    width: "16",
-    xmlns: "http://www.w3.org/2000/svg"
-  },
-  /* @__PURE__ */ React16.createElement("g", { clipPath: "url(#clip0_53_167)" }, /* @__PURE__ */ React16.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__ */ React16.createElement(
-  "svg",
-  {
-    fill: "none",
-    height: "16",
-    viewBox: "0 0 16 16",
-    width: "16",
-    xmlns: "http://www.w3.org/2000/svg"
-  },
-  /* @__PURE__ */ React16.createElement("g", { clipPath: "url(#clip0_53_152)" }, /* @__PURE__ */ React16.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__ */ React16.createElement(
-  "svg",
-  {
-    fill: "none",
-    height: "16",
-    viewBox: "0 0 16 16",
-    width: "16",
-    xmlns: "http://www.w3.org/2000/svg"
-  },
-  /* @__PURE__ */ React16.createElement("g", { clipPath: "url(#clip0_53_151)" }, /* @__PURE__ */ React16.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__ */ React16.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
-import React17 from "react";
-var EyeIcon = (props) => /* @__PURE__ */ React17.createElement("div", { className: cn("hawa-h-5 hawa-w-5", props.className) }, /* @__PURE__ */ React17.createElement(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  },
-  /* @__PURE__ */ React17.createElement("path", { d: "M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z" }),
-  /* @__PURE__ */ React17.createElement("circle", { cx: "12", cy: "12", r: "3" })
-));
-var HiddenEyeIcon = (props) => /* @__PURE__ */ React17.createElement("div", { className: cn("hawa-h-5 hawa-w-5", props.className) }, /* @__PURE__ */ React17.createElement(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  },
-  /* @__PURE__ */ React17.createElement("path", { d: "M9.88 9.88a3 3 0 1 0 4.24 4.24" }),
-  /* @__PURE__ */ React17.createElement("path", { d: "M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68" }),
-  /* @__PURE__ */ React17.createElement("path", { d: "M6.61 6.61A13.526 13.526 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61" }),
-  /* @__PURE__ */ React17.createElement("line", { x1: "2", x2: "22", y1: "2", y2: "22" })
-));
-
-// icons/CommonIcons.tsx
-import React18 from "react";
-var CheckMark = ({ size = "default", className }) => {
-  let sizeStyles = {
-    default: "hawa-h-5 hawa-w-5",
-    sm: "hawa-h-3 hawa-w-3"
-  };
-  return /* @__PURE__ */ React18.createElement(
-    "svg",
-    {
-      className: cn(sizeStyles[size], className),
-      "aria-hidden": "true",
-      fill: "currentColor",
-      viewBox: "0 0 20 20"
-    },
-    /* @__PURE__ */ React18.createElement(
-      "path",
-      {
-        fillRule: "evenodd",
-        d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z",
-        clipRule: "evenodd"
-      }
-    )
-  );
-};
-var UncheckMark = ({ size = "default", className }) => {
-  let sizeStyles = {
-    default: "hawa-h-5 hawa-w-5",
-    sm: "hawa-h-3 hawa-w-3"
-  };
-  return /* @__PURE__ */ React18.createElement(
-    "svg",
-    {
-      className: cn(sizeStyles[size], className),
-      "aria-hidden": "true",
-      fill: "currentColor",
-      viewBox: "0 0 20 20"
-    },
-    /* @__PURE__ */ React18.createElement(
-      "path",
-      {
-        fillRule: "evenodd",
-        d: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",
-        clipRule: "evenodd"
-      }
-    )
-  );
-};
-
 export {
   Alert,
   Input,
   Select,
   PhoneInput,
-  VeryGoodEmoji,
-  GoodEmoji,
-  BadEmoji,
-  VeryBadEmoji,
-  EyeIcon,
-  HiddenEyeIcon,
-  CheckMark,
-  UncheckMark,
   Checkbox,
   StopPropagationWrapper,
   PinInput,