@sikka/hawa 0.38.14-next → 0.40.0-next

package/dist/blocks/misc/index.js

@@ -43,7 +43,7 @@ __export(misc_exports, {
 module.exports = __toCommonJS(misc_exports);
 
 // blocks/misc/LegalTexts.tsx
-var import_react19 = __toESM(require("react"));
+var import_react21 = __toESM(require("react"));
 
 // elements/scrollArea/ScrollArea.tsx
 var React = __toESM(require("react"));
@@ -178,7 +178,7 @@ var ScrollBar = React.forwardRef(({ className, orientation = "vertical", ...prop
 ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
 
 // elements/tabs/Tabs.tsx
-var React12 = __toESM(require("react"));
+var React11 = __toESM(require("react"));
 
 // hooks/useIsomorphicEffect.ts
 var import_react = require("react");
@@ -229,37 +229,6 @@ var import_react14 = require("react");
 
 // hooks/useMeasureDirty.ts
 var import_react15 = require("react");
-var useMeasureDirty = (ref) => {
-  const frame = (0, import_react15.useRef)(0);
-  const [rect, set] = (0, import_react15.useState)({
-    width: 0,
-    height: 0,
-    top: 0,
-    left: 0,
-    bottom: 0,
-    right: 0
-  });
-  const [observer] = (0, import_react15.useState)(
-    () => new ResizeObserver((entries) => {
-      const entry = entries[0];
-      if (entry) {
-        cancelAnimationFrame(frame.current);
-        frame.current = requestAnimationFrame(() => {
-          if (ref.current) {
-            set(entry.contentRect);
-          }
-        });
-      }
-    })
-  );
-  (0, import_react15.useEffect)(() => {
-    observer.disconnect();
-    if (ref.current) {
-      observer.observe(ref.current);
-    }
-  }, [ref]);
-  return rect;
-};
 
 // hooks/useClickOutside.ts
 var import_react16 = require("react");
@@ -267,13 +236,45 @@ var import_react16 = require("react");
 // hooks/useShortcuts.ts
 var import_react17 = require("react");
 
+// hooks/useWindowEvent.ts
+var import_react18 = require("react");
+function useWindowEvent(type, listener, options) {
+  (0, import_react18.useEffect)(() => {
+    window.addEventListener(type, listener, options);
+    return () => window.removeEventListener(type, listener, options);
+  }, [type, listener]);
+}
+
+// hooks/useViewportSize.ts
+var import_react19 = require("react");
+var eventListerOptions = {
+  passive: true
+};
+function useViewportSize() {
+  const [windowSize, setWindowSize] = (0, import_react19.useState)({
+    width: 0,
+    height: 0
+  });
+  const setSize = (0, import_react19.useCallback)(() => {
+    setWindowSize({
+      width: window.innerWidth || 0,
+      height: window.innerHeight || 0
+    });
+  }, []);
+  useWindowEvent("resize", setSize, eventListerOptions);
+  useWindowEvent("orientationchange", setSize, eventListerOptions);
+  (0, import_react19.useEffect)(setSize, []);
+  return windowSize;
+}
+
 // elements/tabs/Tabs.tsx
+var Popover = __toESM(require("@radix-ui/react-popover"));
 var TabsPrimitive = __toESM(require("@radix-ui/react-tabs"));
 var import_tailwind_variants = require("tailwind-variants");
 
 // elements/chip/Chip.tsx
-var import_react18 = __toESM(require("react"));
-var Chip = import_react18.default.forwardRef(
+var import_react20 = __toESM(require("react"));
+var Chip = import_react20.default.forwardRef(
   ({
     label,
     size = "normal",
@@ -317,7 +318,7 @@ var Chip = import_react18.default.forwardRef(
       oceanic: "hawa-text-white dark:hawa-text-black hawa-bg-gradient-to-bl hawa-from-green-300 hawa-via-blue-500 hawa-to-purple-600"
     };
     if (label) {
-      return /* @__PURE__ */ import_react18.default.createElement(
+      return /* @__PURE__ */ import_react20.default.createElement(
         "span",
         {
           ...rest,
@@ -329,7 +330,7 @@ var Chip = import_react18.default.forwardRef(
             color ? colorStyles[color] : "hawa-border hawa-bg-none"
           )
         },
-        dot && /* @__PURE__ */ import_react18.default.createElement(
+        dot && /* @__PURE__ */ import_react20.default.createElement(
           "span",
           {
             className: cn(dotStyles[size], dotStatusStyles[dotStatus])
@@ -339,7 +340,7 @@ var Chip = import_react18.default.forwardRef(
         label
       );
     } else {
-      return /* @__PURE__ */ import_react18.default.createElement(
+      return /* @__PURE__ */ import_react20.default.createElement(
         "span",
         {
           ...rest,
@@ -354,61 +355,6 @@ var Chip = import_react18.default.forwardRef(
   }
 );
 
-// elements/floatBox/FloatBox.tsx
-var React11 = __toESM(require("react"));
-var FloatBox = ({
-  className,
-  open,
-  side = "bottom",
-  sideOffset = 40,
-  align = "center",
-  withArrow = false,
-  ...props
-}) => {
-  let stylesMap = {
-    bottom: {
-      start: { top: sideOffset, insetInlineStart: 0 },
-      center: { top: sideOffset },
-      end: { top: sideOffset, insetInlineEnd: 0 }
-    },
-    top: {
-      start: { bottom: sideOffset, insetInlineStart: 0 },
-      center: { bottom: sideOffset },
-      end: { bottom: sideOffset, insetInlineEnd: 0 }
-    },
-    right: {
-      start: { left: sideOffset, top: -5 },
-      center: { left: sideOffset },
-      end: { left: sideOffset, bottom: 0 }
-    },
-    left: {
-      start: { right: sideOffset, top: 0 },
-      center: { right: sideOffset },
-      end: { right: sideOffset, bottom: 0 }
-    }
-  };
-  const arrowDirection = {
-    top: "hawa-arrow-default-bottom",
-    bottom: "hawa-arrow-default-top",
-    right: "hawa-arrow-default-left",
-    left: "hawa-arrow-default-right"
-  };
-  return /* @__PURE__ */ React11.createElement(
-    "div",
-    {
-      className: cn(
-        "data-[floatbox-state=closed]:hawa-invisible data-[floatbox-state=open]:hawa-visible hawa-absolute dark:dark-shadow hawa-z-50 hawa-rounded hawa-border  hawa-text-popover-foreground hawa-shadow-md hawa-outline-none data-[floatbox-state=open]:hawa-animate-in data-[floatbox-state=closed]:hawa-animate-out data-[floatbox-state=closed]:hawa-fade-out-0 data-[floatbox-state=open]:hawa-fade-in-0 data-[floatbox-state=closed]:hawa-zoom-out-95 data-[floatbox-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-bg-popover",
-        className
-      ),
-      style: { ...stylesMap[side][align] },
-      "data-side": side,
-      "data-floatbox-state": open ? "open" : "closed"
-    },
-    withArrow && /* @__PURE__ */ React11.createElement("div", { className: cn(arrowDirection[side]) }),
-    /* @__PURE__ */ React11.createElement("span", null, props.children)
-  );
-};
-
 // elements/tabs/Tabs.tsx
 var tabsListVariant = (0, import_tailwind_variants.tv)({
   base: "",
@@ -468,39 +414,27 @@ var tabsTriggerVariant = (0, import_tailwind_variants.tv)({
   ],
   defaultVariants: { variant: "default", orientation: "horizontal" }
 });
-var TabsContext = React12.createContext({ orientation: "horizontal", variant: "default" });
-var Tabs = React12.forwardRef(({ className, orientation, variant = "default", ...props }, ref) => /* @__PURE__ */ React12.createElement(
-  TabsPrimitive.Root,
-  {
-    ref,
-    className: cn(
-      "hawa-flex hawa-gap-2",
-      orientation === "vertical" ? "hawa-flex-row" : "hawa-flex-col",
-      className
-    ),
-    ...props
-  },
-  /* @__PURE__ */ React12.createElement(TabsContext.Provider, { value: { orientation, variant } }, props.children)
-));
-var TabsList = React12.forwardRef(({ className, classNames, ...props }, ref) => {
-  const { orientation, variant } = React12.useContext(TabsContext);
-  const [size, setSize] = React12.useState(
-    typeof window !== "undefined" && window.innerWidth || 1200
-  );
-  React12.useEffect(() => {
-    if (typeof window !== "undefined") {
-      const resize = () => {
-        setSize(window.innerWidth);
-      };
-      resize();
-      window.addEventListener("resize", resize);
-      return () => {
-        window.removeEventListener("resize", resize);
-      };
-    }
-  }, []);
-  if (props.scrollable && size < 768 && orientation === "horizontal") {
-    return /* @__PURE__ */ React12.createElement(ScrollArea, { orientation: "horizontal", className: classNames == null ? void 0 : classNames.scrollArea }, /* @__PURE__ */ React12.createElement(
+var TabsContext = React11.createContext({ orientation: "horizontal", variant: "default", scrollable: false });
+var Tabs = React11.forwardRef(
+  ({ className, orientation, scrollable, variant = "default", ...props }, ref) => /* @__PURE__ */ React11.createElement(
+    TabsPrimitive.Root,
+    {
+      ref,
+      className: cn(
+        "hawa-flex hawa-gap-2",
+        orientation === "vertical" ? "hawa-flex-row" : "hawa-flex-col",
+        className
+      ),
+      ...props
+    },
+    /* @__PURE__ */ React11.createElement(TabsContext.Provider, { value: { orientation, variant, scrollable } }, props.children)
+  )
+);
+var TabsList = React11.forwardRef(({ className, classNames, ...props }, ref) => {
+  const { orientation, variant, scrollable } = React11.useContext(TabsContext);
+  const { width } = useViewportSize();
+  if (scrollable && width < 768 && orientation === "horizontal") {
+    return /* @__PURE__ */ React11.createElement(ScrollArea, { orientation: "horizontal", className: classNames == null ? void 0 : classNames.scrollArea }, /* @__PURE__ */ React11.createElement(
       TabsPrimitive.List,
       {
         ref,
@@ -513,7 +447,7 @@ var TabsList = React12.forwardRef(({ className, classNames, ...props }, ref) =>
       }
     ));
   } else {
-    return /* @__PURE__ */ React12.createElement(
+    return /* @__PURE__ */ React11.createElement(
       TabsPrimitive.List,
       {
         ref,
@@ -528,37 +462,52 @@ var TabsList = React12.forwardRef(({ className, classNames, ...props }, ref) =>
     );
   }
 });
-var TabsTrigger = React12.forwardRef(({ className, chipProps, ...props }, ref) => {
-  const { orientation, variant } = React12.useContext(TabsContext);
-  const tabTriggerRef = React12.useRef(null);
-  const { width } = useMeasureDirty(tabTriggerRef);
-  return /* @__PURE__ */ React12.createElement(
-    TabsPrimitive.Trigger,
-    {
-      ref: tabTriggerRef,
-      className: cn(
-        tabsTriggerVariant({ variant, orientation }),
-        "hawa-relative",
-        className
-      ),
-      ...props
-    },
-    props.children,
-    chipProps && /* @__PURE__ */ React12.createElement(Chip, { ...chipProps }),
-    /* @__PURE__ */ React12.createElement(
-      FloatBox,
-      {
-        withArrow: true,
-        align: orientation === "vertical" ? "start" : "start",
-        side: orientation === "vertical" ? "right" : "bottom",
-        sideOffset: orientation === "vertical" ? width + 30 : 45,
-        open: props.showPopover
-      },
-      props.popoverContent
-    )
-  );
-});
-var TabsContent = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React12.createElement(
+var TabsTrigger = React11.forwardRef(
+  ({ className, chipProps, withPopover = false, onPopoverClick, ...props }, ref) => {
+    const { orientation, variant } = React11.useContext(TabsContext);
+    if (withPopover) {
+      return /* @__PURE__ */ React11.createElement(Popover.Root, { open: props.showPopover }, /* @__PURE__ */ React11.createElement(Popover.Anchor, { asChild: true }, /* @__PURE__ */ React11.createElement(
+        TabsPrimitive.Trigger,
+        {
+          className: cn(
+            tabsTriggerVariant({ variant, orientation }),
+            "hawa-relative",
+            className
+          ),
+          ...props
+        },
+        props.children,
+        chipProps && /* @__PURE__ */ React11.createElement(Chip, { ...chipProps })
+      )), /* @__PURE__ */ React11.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__ */ React11.createElement("div", { className: "hawa-p-2" }, " ", props.popoverContent)
+      ));
+    } else {
+      return /* @__PURE__ */ React11.createElement(
+        TabsPrimitive.Trigger,
+        {
+          className: cn(
+            tabsTriggerVariant({ variant, orientation }),
+            "hawa-relative",
+            className
+          ),
+          ...props
+        },
+        props.children,
+        chipProps && /* @__PURE__ */ React11.createElement(Chip, { ...chipProps })
+      );
+    }
+  }
+);
+var TabsContent = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React11.createElement(
   TabsPrimitive.Content,
   {
     ref,
@@ -576,7 +525,7 @@ TabsContent.displayName = TabsPrimitive.Content.displayName;
 
 // blocks/misc/LegalTexts.tsx
 var LegalTexts = ({ tabs, ...props }) => {
-  return /* @__PURE__ */ import_react19.default.createElement(
+  return /* @__PURE__ */ import_react21.default.createElement(
     Tabs,
     {
       value: props.activeTab,
@@ -584,8 +533,8 @@ var LegalTexts = ({ tabs, ...props }) => {
       defaultValue: props.defaultTab || tabs[0].value,
       dir: props.direction
     },
-    /* @__PURE__ */ import_react19.default.createElement(TabsList, { className: "hawa-w-full" }, tabs.map((tab, index) => /* @__PURE__ */ import_react19.default.createElement(TabsTrigger, { key: index, value: tab.value }, tab.title))),
-    tabs.map((tab, index) => /* @__PURE__ */ import_react19.default.createElement(TabsContent, { key: index, value: tab.value }, /* @__PURE__ */ import_react19.default.createElement(
+    /* @__PURE__ */ import_react21.default.createElement(TabsList, { className: "hawa-w-full" }, tabs.map((tab, index) => /* @__PURE__ */ import_react21.default.createElement(TabsTrigger, { key: index, value: tab.value }, tab.title))),
+    tabs.map((tab, index) => /* @__PURE__ */ import_react21.default.createElement(TabsContent, { key: index, value: tab.value }, /* @__PURE__ */ import_react21.default.createElement(
       ScrollArea,
       {
         className: cn(
@@ -599,15 +548,15 @@ var LegalTexts = ({ tabs, ...props }) => {
 };
 
 // blocks/misc/EmptyState.tsx
-var import_react23 = __toESM(require("react"));
+var import_react25 = __toESM(require("react"));
 
 // elements/button/Button.tsx
-var React18 = __toESM(require("react"));
+var React17 = __toESM(require("react"));
 var import_class_variance_authority = require("class-variance-authority");
 
 // elements/helperText/HelperText.tsx
-var import_react20 = __toESM(require("react"));
-var HelperText = ({ helperText }) => /* @__PURE__ */ import_react20.default.createElement(
+var import_react22 = __toESM(require("react"));
+var HelperText = ({ helperText }) => /* @__PURE__ */ import_react22.default.createElement(
   "p",
   {
     className: cn(
@@ -619,12 +568,12 @@ var HelperText = ({ helperText }) => /* @__PURE__ */ import_react20.default.crea
 );
 
 // elements/label/Label.tsx
-var React16 = __toESM(require("react"));
+var React15 = __toESM(require("react"));
 
 // elements/tooltip/Tooltip.tsx
-var import_react21 = __toESM(require("react"));
+var import_react23 = __toESM(require("react"));
 var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"));
-var TooltipContent = import_react21.default.forwardRef(({ className, sideOffset = 4, size = "default", ...props }, ref) => /* @__PURE__ */ import_react21.default.createElement(
+var TooltipContent = import_react23.default.forwardRef(({ className, sideOffset = 4, size = "default", ...props }, ref) => /* @__PURE__ */ import_react23.default.createElement(
   TooltipPrimitive.Content,
   {
     ref,
@@ -641,7 +590,7 @@ var TooltipContent = import_react21.default.forwardRef(({ className, sideOffset
   }
 ));
 TooltipContent.displayName = TooltipPrimitive.Content.displayName;
-var TooltipArrow = import_react21.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ import_react21.default.createElement(TooltipPrimitive.Arrow, { ref, className: cn(className), ...props }));
+var TooltipArrow = import_react23.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ import_react23.default.createElement(TooltipPrimitive.Arrow, { ref, className: cn(className), ...props }));
 TooltipArrow.displayName = TooltipPrimitive.Arrow.displayName;
 var Tooltip = ({
   side,
@@ -658,13 +607,13 @@ var Tooltip = ({
   delayDuration = 300,
   ...props
 }) => {
-  return /* @__PURE__ */ import_react21.default.createElement(
+  return /* @__PURE__ */ import_react23.default.createElement(
     TooltipPrimitive.TooltipProvider,
     {
       delayDuration,
       ...providerProps
     },
-    /* @__PURE__ */ import_react21.default.createElement(
+    /* @__PURE__ */ import_react23.default.createElement(
       TooltipPrimitive.Root,
       {
         open: !disabled && open,
@@ -672,8 +621,8 @@ var Tooltip = ({
         onOpenChange,
         ...props
       },
-      /* @__PURE__ */ import_react21.default.createElement(TooltipPrimitive.Trigger, { ...triggerProps }, children),
-      /* @__PURE__ */ import_react21.default.createElement(
+      /* @__PURE__ */ import_react23.default.createElement(TooltipPrimitive.Trigger, { ...triggerProps }, children),
+      /* @__PURE__ */ import_react23.default.createElement(
         TooltipContent,
         {
           size,
@@ -693,7 +642,7 @@ var Tooltip = ({
 };
 
 // elements/label/Label.tsx
-var Label = React16.forwardRef(({ className, hint, hintSide, required, children, ...props }, ref) => /* @__PURE__ */ React16.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-1 hawa-transition-all" }, /* @__PURE__ */ React16.createElement(
+var Label = React15.forwardRef(({ className, hint, hintSide, required, children, ...props }, ref) => /* @__PURE__ */ React15.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-1 hawa-transition-all" }, /* @__PURE__ */ React15.createElement(
   "label",
   {
     ref,
@@ -704,8 +653,8 @@ var Label = React16.forwardRef(({ className, hint, hintSide, required, children,
     ...props
   },
   children,
-  required && /* @__PURE__ */ React16.createElement("span", { className: "hawa-mx-0.5 hawa-text-red-500" }, "*")
-), hint && /* @__PURE__ */ React16.createElement(
+  required && /* @__PURE__ */ React15.createElement("span", { className: "hawa-mx-0.5 hawa-text-red-500" }, "*")
+), hint && /* @__PURE__ */ React15.createElement(
   Tooltip,
   {
     content: hint,
@@ -715,7 +664,7 @@ var Label = React16.forwardRef(({ className, hint, hintSide, required, children,
       onClick: (event) => event.preventDefault()
     }
   },
-  /* @__PURE__ */ React16.createElement("div", null, /* @__PURE__ */ React16.createElement(
+  /* @__PURE__ */ React15.createElement("div", null, /* @__PURE__ */ React15.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -727,15 +676,15 @@ var Label = React16.forwardRef(({ className, hint, hintSide, required, children,
       strokeLinecap: "round",
       strokeLinejoin: "round"
     },
-    /* @__PURE__ */ React16.createElement("circle", { cx: "12", cy: "12", r: "10" }),
-    /* @__PURE__ */ React16.createElement("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
-    /* @__PURE__ */ React16.createElement("path", { d: "M12 17h.01" })
+    /* @__PURE__ */ React15.createElement("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ React15.createElement("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
+    /* @__PURE__ */ React15.createElement("path", { d: "M12 17h.01" })
   ))
 )));
 Label.displayName = "Label";
 
 // elements/loading/Loading.tsx
-var import_react22 = __toESM(require("react"));
+var import_react24 = __toESM(require("react"));
 var Loading = ({
   design = "spinner",
   size = "normal",
@@ -766,7 +715,7 @@ var Loading = ({
   };
   switch (design.split("-")[0]) {
     case "dots":
-      return /* @__PURE__ */ import_react22.default.createElement(
+      return /* @__PURE__ */ import_react24.default.createElement(
         "div",
         {
           className: cn(
@@ -774,7 +723,7 @@ var Loading = ({
             classNames == null ? void 0 : classNames.container
           )
         },
-        /* @__PURE__ */ import_react22.default.createElement(
+        /* @__PURE__ */ import_react24.default.createElement(
           "div",
           {
             className: cn(
@@ -785,7 +734,7 @@ var Loading = ({
             )
           }
         ),
-        /* @__PURE__ */ import_react22.default.createElement(
+        /* @__PURE__ */ import_react24.default.createElement(
           "div",
           {
             className: cn(
@@ -796,7 +745,7 @@ var Loading = ({
             )
           }
         ),
-        /* @__PURE__ */ import_react22.default.createElement(
+        /* @__PURE__ */ import_react24.default.createElement(
           "div",
           {
             className: cn(
@@ -809,7 +758,7 @@ var Loading = ({
         )
       );
     case "square":
-      return /* @__PURE__ */ import_react22.default.createElement(
+      return /* @__PURE__ */ import_react24.default.createElement(
         "svg",
         {
           className: cn(
@@ -821,7 +770,7 @@ var Loading = ({
           height: "35",
           width: "35"
         },
-        /* @__PURE__ */ import_react22.default.createElement(
+        /* @__PURE__ */ import_react24.default.createElement(
           "rect",
           {
             className: "squircle-track",
@@ -833,7 +782,7 @@ var Loading = ({
             height: "32.5"
           }
         ),
-        /* @__PURE__ */ import_react22.default.createElement(
+        /* @__PURE__ */ import_react24.default.createElement(
           "rect",
           {
             className: "square-car",
@@ -848,7 +797,7 @@ var Loading = ({
         )
       );
     case "squircle":
-      return /* @__PURE__ */ import_react22.default.createElement(
+      return /* @__PURE__ */ import_react24.default.createElement(
         "svg",
         {
           x: "0px",
@@ -863,7 +812,7 @@ var Loading = ({
             classNames == null ? void 0 : classNames.container
           )
         },
-        /* @__PURE__ */ import_react22.default.createElement(
+        /* @__PURE__ */ import_react24.default.createElement(
           "path",
           {
             className: cn("squircle-track", classNames == null ? void 0 : classNames.track),
@@ -873,7 +822,7 @@ var Loading = ({
             d: "M0.37 18.5 C0.37 5.772 5.772 0.37 18.5 0.37 S36.63 5.772 36.63 18.5 S31.228 36.63 18.5 36.63 S0.37 31.228 0.37 18.5"
           }
         ),
-        /* @__PURE__ */ import_react22.default.createElement(
+        /* @__PURE__ */ import_react24.default.createElement(
           "path",
           {
             className: cn("squircle-car", classNames == null ? void 0 : classNames.car),
@@ -885,7 +834,7 @@ var Loading = ({
         )
       );
     case "progress":
-      return /* @__PURE__ */ import_react22.default.createElement(
+      return /* @__PURE__ */ import_react24.default.createElement(
         "div",
         {
           className: cn(
@@ -896,9 +845,9 @@ var Loading = ({
         }
       );
     case "orbit":
-      return /* @__PURE__ */ import_react22.default.createElement("div", { className: cn("orbit-container", classNames == null ? void 0 : classNames.container) });
+      return /* @__PURE__ */ import_react24.default.createElement("div", { className: cn("orbit-container", classNames == null ? void 0 : classNames.container) });
     default:
-      return /* @__PURE__ */ import_react22.default.createElement(
+      return /* @__PURE__ */ import_react24.default.createElement(
         "svg",
         {
           viewBox: "0 0 40 40",
@@ -910,7 +859,7 @@ var Loading = ({
             classNames == null ? void 0 : classNames.container
           )
         },
-        /* @__PURE__ */ import_react22.default.createElement(
+        /* @__PURE__ */ import_react24.default.createElement(
           "circle",
           {
             className: cn(
@@ -929,7 +878,7 @@ var Loading = ({
             pathLength: "100"
           }
         ),
-        /* @__PURE__ */ import_react22.default.createElement(
+        /* @__PURE__ */ import_react24.default.createElement(
           "circle",
           {
             className: cn(
@@ -983,7 +932,7 @@ var buttonVariants = (0, import_class_variance_authority.cva)(
     defaultVariants: { variant: "default", size: "default" }
   }
 );
-var Button = React18.forwardRef(
+var Button = React17.forwardRef(
   ({
     className,
     label,
@@ -995,13 +944,13 @@ var Button = React18.forwardRef(
     children,
     labelProps,
     showHelperText = false,
-    inForm = false,
+    asInput = false,
     ...props
   }, ref) => {
     const Comp = "button";
     const loadingColor = variant === "outline" || variant === "ghost" || variant === "neoBrutalism" ? "hawa-bg-primary" : "hawa-bg-primary-foreground";
-    if (inForm) {
-      return /* @__PURE__ */ React18.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, label && /* @__PURE__ */ React18.createElement(Label, { ...labelProps }, label), /* @__PURE__ */ React18.createElement(
+    if (asInput) {
+      return /* @__PURE__ */ React17.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, label && /* @__PURE__ */ React17.createElement(Label, { ...labelProps }, label), /* @__PURE__ */ React17.createElement(
         Comp,
         {
           className: cn(
@@ -1011,7 +960,7 @@ var Button = React18.forwardRef(
           ref,
           ...props
         },
-        isLoading ? /* @__PURE__ */ React18.createElement(
+        isLoading ? /* @__PURE__ */ React17.createElement(
           Loading,
           {
             design: size === "icon" || size === "smallIcon" ? "spinner" : "dots-pulse",
@@ -1020,9 +969,9 @@ var Button = React18.forwardRef(
             size: size === "sm" || size === "xs" ? "xs" : "button"
           }
         ) : children
-      ), showHelperText && /* @__PURE__ */ React18.createElement(HelperText, { helperText: props.helperText }));
+      ), showHelperText && /* @__PURE__ */ React17.createElement(HelperText, { helperText: props.helperText }));
     } else {
-      return /* @__PURE__ */ React18.createElement(
+      return /* @__PURE__ */ React17.createElement(
         Comp,
         {
           className: cn(
@@ -1032,7 +981,7 @@ var Button = React18.forwardRef(
           ref,
           ...props
         },
-        isLoading ? /* @__PURE__ */ React18.createElement(
+        isLoading ? /* @__PURE__ */ React17.createElement(
           Loading,
           {
             design: size === "icon" || size === "smallIcon" ? "spinner" : "dots-pulse",
@@ -1048,8 +997,8 @@ var Button = React18.forwardRef(
 Button.displayName = "Button";
 
 // elements/card/Card.tsx
-var React19 = __toESM(require("react"));
-var Card = React19.forwardRef(
+var React18 = __toESM(require("react"));
+var Card = React18.forwardRef(
   ({
     className,
     variant = "default",
@@ -1068,7 +1017,7 @@ var Card = React19.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__ */ React19.createElement(
+    return /* @__PURE__ */ React18.createElement(
       "div",
       {
         ref,
@@ -1078,8 +1027,8 @@ var Card = React19.forwardRef(
     );
   }
 );
-var CardHeader = React19.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ React19.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, /* @__PURE__ */ React19.createElement(
+var CardHeader = React18.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ React18.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, /* @__PURE__ */ React18.createElement(
     "div",
     {
       ref,
@@ -1089,9 +1038,9 @@ var CardHeader = React19.forwardRef(
       ),
       ...props
     }
-  ), props.actions && /* @__PURE__ */ React19.createElement("div", { className: "hawa-p-6" }, props.actions))
+  ), props.actions && /* @__PURE__ */ React18.createElement("div", { className: "hawa-p-6" }, props.actions))
 );
-var CardTitle = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React19.createElement(
+var CardTitle = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React18.createElement(
   "h3",
   {
     ref,
@@ -1099,7 +1048,7 @@ var CardTitle = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE_
     ...props
   }
 ));
-var CardDescription = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React19.createElement(
+var CardDescription = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React18.createElement(
   "p",
   {
     ref,
@@ -1107,8 +1056,8 @@ var CardDescription = React19.forwardRef(({ className, ...props }, ref) => /* @_
     ...props
   }
 ));
-var CardContent = React19.forwardRef(
-  ({ headless, noPadding, className, ...props }, ref) => /* @__PURE__ */ React19.createElement(
+var CardContent = React18.forwardRef(
+  ({ headless, noPadding, className, ...props }, ref) => /* @__PURE__ */ React18.createElement(
     "div",
     {
       ref,
@@ -1121,7 +1070,7 @@ var CardContent = React19.forwardRef(
     }
   )
 );
-var CardFooter = React19.forwardRef(({ className, noPadding, ...props }, ref) => /* @__PURE__ */ React19.createElement(
+var CardFooter = React18.forwardRef(({ className, noPadding, ...props }, ref) => /* @__PURE__ */ React18.createElement(
   "div",
   {
     ref,
@@ -1142,7 +1091,7 @@ Card.displayName = "Card";
 
 // blocks/misc/EmptyState.tsx
 var EmptyState = ({ texts, onActionClick }) => {
-  return /* @__PURE__ */ import_react23.default.createElement(Card, null, /* @__PURE__ */ import_react23.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react23.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-text-center " }, /* @__PURE__ */ import_react23.default.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__ */ import_react23.default.createElement(
+  return /* @__PURE__ */ import_react25.default.createElement(Card, null, /* @__PURE__ */ import_react25.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react25.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-text-center " }, /* @__PURE__ */ import_react25.default.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__ */ import_react25.default.createElement(
     "svg",
     {
       stroke: "currentColor",
@@ -1152,37 +1101,37 @@ var EmptyState = ({ texts, onActionClick }) => {
       height: "0.35em",
       width: "0.35em"
     },
-    /* @__PURE__ */ import_react23.default.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__ */ import_react23.default.createElement("div", { className: "hawa-m-2 hawa-text-xl hawa-font-bold" }, (texts == null ? void 0 : texts.youreCaughtUp) || "You're all caught up"))), /* @__PURE__ */ import_react23.default.createElement(CardFooter, null, /* @__PURE__ */ import_react23.default.createElement(Button, { className: "hawa-w-full", onClick: () => onActionClick() }, (texts == null ? void 0 : texts.actionText) || "Go Home")));
+    /* @__PURE__ */ import_react25.default.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__ */ import_react25.default.createElement("div", { className: "hawa-m-2 hawa-text-xl hawa-font-bold" }, (texts == null ? void 0 : texts.youreCaughtUp) || "You're all caught up"))), /* @__PURE__ */ import_react25.default.createElement(CardFooter, null, /* @__PURE__ */ import_react25.default.createElement(Button, { className: "hawa-w-full", onClick: () => onActionClick() }, (texts == null ? void 0 : texts.actionText) || "Go Home")));
 };
 
 // blocks/misc/Testimonial.tsx
-var import_react24 = __toESM(require("react"));
+var import_react26 = __toESM(require("react"));
 var Testimonial = () => {
-  return /* @__PURE__ */ import_react24.default.createElement(Card, null, /* @__PURE__ */ import_react24.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react24.default.createElement("div", null, /* @__PURE__ */ import_react24.default.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__ */ import_react24.default.createElement("div", { className: "flex flex-row gap-4" }, /* @__PURE__ */ import_react24.default.createElement("svg", { width: "48", height: "48", viewBox: "0 0 48 48", fill: "none" }, /* @__PURE__ */ import_react24.default.createElement("rect", { width: "48", height: "48", rx: "24", fill: "#45BE8B" }), /* @__PURE__ */ import_react24.default.createElement(
+  return /* @__PURE__ */ import_react26.default.createElement(Card, null, /* @__PURE__ */ import_react26.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react26.default.createElement("div", null, /* @__PURE__ */ import_react26.default.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__ */ import_react26.default.createElement("div", { className: "flex flex-row gap-4" }, /* @__PURE__ */ import_react26.default.createElement("svg", { width: "48", height: "48", viewBox: "0 0 48 48", fill: "none" }, /* @__PURE__ */ import_react26.default.createElement("rect", { width: "48", height: "48", rx: "24", fill: "#45BE8B" }), /* @__PURE__ */ import_react26.default.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__ */ import_react24.default.createElement(
+  ), /* @__PURE__ */ import_react26.default.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__ */ import_react24.default.createElement("span", { className: "border border-l " }), " ", /* @__PURE__ */ import_react24.default.createElement("div", null, /* @__PURE__ */ import_react24.default.createElement("strong", null, "Brent Lassi"), /* @__PURE__ */ import_react24.default.createElement("div", null, " Chief Information Security Officer")))));
+  )), /* @__PURE__ */ import_react26.default.createElement("span", { className: "border border-l " }), " ", /* @__PURE__ */ import_react26.default.createElement("div", null, /* @__PURE__ */ import_react26.default.createElement("strong", null, "Brent Lassi"), /* @__PURE__ */ import_react26.default.createElement("div", null, " Chief Information Security Officer")))));
 };
 
 // blocks/misc/LeadGenerator.tsx
-var import_react27 = __toESM(require("react"));
+var import_react29 = __toESM(require("react"));
 var import_react_hook_form = require("react-hook-form");
 
 // elements/input/Input.tsx
-var import_react26 = __toESM(require("react"));
+var import_react28 = __toESM(require("react"));
 
 // elements/skeleton/Skeleton.tsx
-var import_react25 = __toESM(require("react"));
+var import_react27 = __toESM(require("react"));
 function Skeleton({
   className,
   content,
@@ -1201,7 +1150,7 @@ function Skeleton({
     right: "hawa-mask-fade-right",
     left: "hawa-mask-fade-left "
   };
-  return /* @__PURE__ */ import_react25.default.createElement(
+  return /* @__PURE__ */ import_react27.default.createElement(
     "div",
     {
       className: cn(
@@ -1217,7 +1166,7 @@ function Skeleton({
 }
 
 // elements/input/Input.tsx
-var Input = (0, import_react26.forwardRef)(
+var Input = (0, import_react28.forwardRef)(
   ({
     margin = "none",
     width = "full",
@@ -1261,7 +1210,7 @@ var Input = (0, import_react26.forwardRef)(
         props.onChange(newEvent);
       }
     };
-    return /* @__PURE__ */ import_react26.default.createElement(
+    return /* @__PURE__ */ import_react28.default.createElement(
       "div",
       {
         className: cn(
@@ -1272,8 +1221,8 @@ var Input = (0, import_react26.forwardRef)(
           "hawa-w-full hawa-gap-2"
         )
       },
-      props.label && /* @__PURE__ */ import_react26.default.createElement(Label, { ...labelProps }, props.label),
-      /* @__PURE__ */ import_react26.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-w-full hawa-items-center " }, props.outsidePrefix && /* @__PURE__ */ import_react26.default.createElement(
+      props.label && /* @__PURE__ */ import_react28.default.createElement(Label, { ...labelProps }, props.label),
+      /* @__PURE__ */ import_react28.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-w-full hawa-items-center " }, props.outsidePrefix && /* @__PURE__ */ import_react28.default.createElement(
         "span",
         {
           className: cn(
@@ -1282,12 +1231,12 @@ var Input = (0, import_react26.forwardRef)(
           )
         },
         props.outsidePrefix
-      ), props.isLoading ? /* @__PURE__ */ import_react26.default.createElement("div", { className: "hawa-pb-2 hawa-w-full" }, /* @__PURE__ */ import_react26.default.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" })) : props.isLoadingError ? /* @__PURE__ */ import_react26.default.createElement("div", { className: "hawa-pb-2 hawa-w-full" }, /* @__PURE__ */ import_react26.default.createElement(
+      ), props.isLoading ? /* @__PURE__ */ import_react28.default.createElement("div", { className: "hawa-pb-2 hawa-w-full" }, /* @__PURE__ */ import_react28.default.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" })) : props.isLoadingError ? /* @__PURE__ */ import_react28.default.createElement("div", { className: "hawa-pb-2 hawa-w-full" }, /* @__PURE__ */ import_react28.default.createElement(
         Skeleton,
         {
           animation: "none",
           className: "hawa-h-[40px] hawa-w-full !hawa-bg-destructive/[0.3]",
-          content: /* @__PURE__ */ import_react26.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-gap-2" }, /* @__PURE__ */ import_react26.default.createElement(
+          content: /* @__PURE__ */ import_react28.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-gap-2" }, /* @__PURE__ */ import_react28.default.createElement(
             "svg",
             {
               xmlns: "http://www.w3.org/2000/svg",
@@ -1301,12 +1250,12 @@ var Input = (0, import_react26.forwardRef)(
               strokeLinejoin: "round",
               className: "hawa-text-destructive"
             },
-            /* @__PURE__ */ import_react26.default.createElement("path", { d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3" }),
-            /* @__PURE__ */ import_react26.default.createElement("path", { d: "M12 9v4" }),
-            /* @__PURE__ */ import_react26.default.createElement("path", { d: "M12 17h.01" })
-          ), /* @__PURE__ */ import_react26.default.createElement("span", null, /* @__PURE__ */ import_react26.default.createElement("span", { className: "hawa-text-destructive" }, props.loadingErrorMesssage || "Error loading data")))
+            /* @__PURE__ */ import_react28.default.createElement("path", { d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3" }),
+            /* @__PURE__ */ import_react28.default.createElement("path", { d: "M12 9v4" }),
+            /* @__PURE__ */ import_react28.default.createElement("path", { d: "M12 17h.01" })
+          ), /* @__PURE__ */ import_react28.default.createElement("span", null, /* @__PURE__ */ import_react28.default.createElement("span", { className: "hawa-text-destructive" }, props.loadingErrorMesssage || "Error loading data")))
         }
-      )) : /* @__PURE__ */ import_react26.default.createElement(import_react26.default.Fragment, null, !props.hideSeparator && /* @__PURE__ */ import_react26.default.createElement(
+      )) : /* @__PURE__ */ import_react28.default.createElement(import_react28.default.Fragment, null, !props.hideSeparator && /* @__PURE__ */ import_react28.default.createElement(
         "div",
         {
           className: cn(
@@ -1314,7 +1263,7 @@ var Input = (0, import_react26.forwardRef)(
             preview ? "hawa-opacity-100" : "hawa-opacity-0"
           )
         }
-      ), /* @__PURE__ */ import_react26.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-w-full hawa-gap-2" }, /* @__PURE__ */ import_react26.default.createElement("div", { className: "hawa-relative" }, props.startIcon && /* @__PURE__ */ import_react26.default.createElement("div", { className: "hawa-absolute hawa-start-3 hawa-top-1/2 hawa--translate-y-1/2" }, props.startIcon), props.endIcon && /* @__PURE__ */ import_react26.default.createElement(
+      ), /* @__PURE__ */ import_react28.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-w-full hawa-gap-2" }, /* @__PURE__ */ import_react28.default.createElement("div", { className: "hawa-relative" }, props.startIcon && /* @__PURE__ */ import_react28.default.createElement("div", { className: "hawa-absolute hawa-start-3 hawa-top-1/2 hawa--translate-y-1/2" }, props.startIcon), props.endIcon && /* @__PURE__ */ import_react28.default.createElement(
         "div",
         {
           className: cn(
@@ -1323,7 +1272,7 @@ var Input = (0, import_react26.forwardRef)(
           )
         },
         props.endIcon
-      ), /* @__PURE__ */ import_react26.default.createElement(
+      ), /* @__PURE__ */ import_react28.default.createElement(
         "input",
         {
           required: true,
@@ -1349,7 +1298,7 @@ var Input = (0, import_react26.forwardRef)(
             inputProps == null ? void 0 : inputProps.className
           )
         }
-      )), !forceHideHelperText && /* @__PURE__ */ import_react26.default.createElement(HelperText, { helperText: props.helperText }), !props.disabled && forceHideHelperText && /* @__PURE__ */ import_react26.default.createElement(
+      )), !forceHideHelperText && /* @__PURE__ */ import_react28.default.createElement(HelperText, { helperText: props.helperText }), !props.disabled && forceHideHelperText && /* @__PURE__ */ import_react28.default.createElement(
         "div",
         {
           className: cn(
@@ -1358,7 +1307,7 @@ var Input = (0, import_react26.forwardRef)(
           )
         },
         props.helperText
-      ), showCount && /* @__PURE__ */ import_react26.default.createElement(
+      ), showCount && /* @__PURE__ */ import_react28.default.createElement(
         "div",
         {
           className: cn(
@@ -1389,14 +1338,14 @@ var LeadGenerator = ({ texts, submitHandler }) => {
       console.log("handleNewsletterSub props was not provided");
     }
   };
-  return /* @__PURE__ */ import_react27.default.createElement(Card, null, /* @__PURE__ */ import_react27.default.createElement(CardHeader, null, /* @__PURE__ */ import_react27.default.createElement(CardTitle, null, texts == null ? void 0 : texts.title), /* @__PURE__ */ import_react27.default.createElement(CardDescription, null, texts == null ? void 0 : texts.subtitle)), /* @__PURE__ */ import_react27.default.createElement(CardContent, null, /* @__PURE__ */ import_react27.default.createElement(
+  return /* @__PURE__ */ import_react29.default.createElement(Card, null, /* @__PURE__ */ import_react29.default.createElement(CardHeader, null, /* @__PURE__ */ import_react29.default.createElement(CardTitle, null, texts == null ? void 0 : texts.title), /* @__PURE__ */ import_react29.default.createElement(CardDescription, null, texts == null ? void 0 : texts.subtitle)), /* @__PURE__ */ import_react29.default.createElement(CardContent, null, /* @__PURE__ */ import_react29.default.createElement(
     "form",
     {
       noValidate: true,
       className: "hawa-flex hawa-flex-row hawa-gap-2",
       onSubmit: handleSubmit(onSubmit)
     },
-    /* @__PURE__ */ import_react27.default.createElement(
+    /* @__PURE__ */ import_react29.default.createElement(
       import_react_hook_form.Controller,
       {
         name: "email",
@@ -1409,27 +1358,27 @@ var LeadGenerator = ({ texts, submitHandler }) => {
           }
         },
         defaultValue: "",
-        render: ({ field }) => /* @__PURE__ */ import_react27.default.createElement(Input, { ...field, type: "email", placeholder: "example@sikka.io" })
+        render: ({ field }) => /* @__PURE__ */ import_react29.default.createElement(Input, { ...field, type: "email", placeholder: "example@sikka.io" })
       }
     ),
-    /* @__PURE__ */ import_react27.default.createElement(Button, { type: "submit", disabled: !formState.isValid }, (_a = texts == null ? void 0 : texts.submit) != null ? _a : "Submit")
+    /* @__PURE__ */ import_react29.default.createElement(Button, { type: "submit", disabled: !formState.isValid }, (_a = texts == null ? void 0 : texts.submit) != null ? _a : "Submit")
   )));
 };
 
 // blocks/misc/Announcement.tsx
-var import_react28 = __toESM(require("react"));
+var import_react30 = __toESM(require("react"));
 var Announcement = ({
   onActionClick,
   ...props
 }) => {
-  return /* @__PURE__ */ import_react28.default.createElement(Card, null, /* @__PURE__ */ import_react28.default.createElement(
+  return /* @__PURE__ */ import_react30.default.createElement(Card, null, /* @__PURE__ */ import_react30.default.createElement(
     CardContent,
     {
       headless: true,
       className: "hawa-flex hawa-flex-row hawa-items-center hawa-justify-between"
     },
-    /* @__PURE__ */ import_react28.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-start hawa-justify-center " }, /* @__PURE__ */ import_react28.default.createElement("span", { className: "hawa-text-lg hawa-font-bold" }, props.title), /* @__PURE__ */ import_react28.default.createElement("span", { className: "hawa-text-sm" }, props.subtitle)),
-    /* @__PURE__ */ import_react28.default.createElement(
+    /* @__PURE__ */ import_react30.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-start hawa-justify-center " }, /* @__PURE__ */ import_react30.default.createElement("span", { className: "hawa-text-lg hawa-font-bold" }, props.title), /* @__PURE__ */ import_react30.default.createElement("span", { className: "hawa-text-sm" }, props.subtitle)),
+    /* @__PURE__ */ import_react30.default.createElement(
       Button,
       {
         onClick: () => onActionClick(),
@@ -1441,15 +1390,15 @@ var Announcement = ({
 };
 
 // blocks/misc/NotFound.tsx
-var import_react29 = __toESM(require("react"));
+var import_react31 = __toESM(require("react"));
 var NotFound = ({ texts }) => {
-  return /* @__PURE__ */ import_react29.default.createElement(Card, null, /* @__PURE__ */ import_react29.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react29.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center dark:hawa-text-white" }, /* @__PURE__ */ import_react29.default.createElement("div", { className: "hawa-text-center hawa-text-6xl hawa-font-bold " }, "404"), /* @__PURE__ */ import_react29.default.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__ */ import_react29.default.createElement("div", { className: "hawa-mb-4 hawa-text-center" }, (texts == null ? void 0 : texts.ifLost) || /* @__PURE__ */ import_react29.default.createElement(import_react29.default.Fragment, null, "If you're lost please contact us ", /* @__PURE__ */ import_react29.default.createElement("span", { className: "clickable-link" }, "help@sikka.io"))), /* @__PURE__ */ import_react29.default.createElement(Button, { className: "hawa-w-full" }, (texts == null ? void 0 : texts.home) || "Home"))));
+  return /* @__PURE__ */ import_react31.default.createElement(Card, null, /* @__PURE__ */ import_react31.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react31.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center dark:hawa-text-white" }, /* @__PURE__ */ import_react31.default.createElement("div", { className: "hawa-text-center hawa-text-6xl hawa-font-bold " }, "404"), /* @__PURE__ */ import_react31.default.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__ */ import_react31.default.createElement("div", { className: "hawa-mb-4 hawa-text-center" }, (texts == null ? void 0 : texts.ifLost) || /* @__PURE__ */ import_react31.default.createElement(import_react31.default.Fragment, null, "If you're lost please contact us ", /* @__PURE__ */ import_react31.default.createElement("span", { className: "clickable-link" }, "help@sikka.io"))), /* @__PURE__ */ import_react31.default.createElement(Button, { className: "hawa-w-full" }, (texts == null ? void 0 : texts.home) || "Home"))));
 };
 
 // blocks/misc/NoPermission.tsx
-var import_react30 = __toESM(require("react"));
+var import_react32 = __toESM(require("react"));
 var NoPermission = ({ texts }) => {
-  return /* @__PURE__ */ import_react30.default.createElement(Card, null, /* @__PURE__ */ import_react30.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react30.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-text-center" }, /* @__PURE__ */ import_react30.default.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__ */ import_react30.default.createElement(
+  return /* @__PURE__ */ import_react32.default.createElement(Card, null, /* @__PURE__ */ import_react32.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react32.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-text-center" }, /* @__PURE__ */ import_react32.default.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__ */ import_react32.default.createElement(
     "svg",
     {
       stroke: "currentColor",
@@ -1459,18 +1408,18 @@ var NoPermission = ({ texts }) => {
       height: "0.35em",
       width: "0.35em"
     },
-    /* @__PURE__ */ import_react30.default.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__ */ import_react30.default.createElement("div", { className: "hawa-m-2 hawa-text-xl hawa-font-bold" }, (texts == null ? void 0 : texts.title) || "You don't have permission"), /* @__PURE__ */ import_react30.default.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__ */ import_react32.default.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__ */ import_react32.default.createElement("div", { className: "hawa-m-2 hawa-text-xl hawa-font-bold" }, (texts == null ? void 0 : texts.title) || "You don't have permission"), /* @__PURE__ */ import_react32.default.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
-var import_react32 = __toESM(require("react"));
+var import_react34 = __toESM(require("react"));
 var import_react_hook_form2 = require("react-hook-form");
 var import_zod = require("@hookform/resolvers/zod");
 var z = __toESM(require("zod"));
 
 // elements/select/Select.tsx
-var import_react31 = __toESM(require("react"));
+var import_react33 = __toESM(require("react"));
 var import_react_select = __toESM(require("react-select"));
 var import_creatable = __toESM(require("react-select/creatable"));
 var import_clsx2 = __toESM(require("clsx"));
@@ -1481,10 +1430,10 @@ var Select = ({
 }) => {
   const NoOption = () => {
     var _a, _b;
-    return /* @__PURE__ */ import_react31.default.createElement("div", null, (_b = (_a = props.texts) == null ? void 0 : _a.noOptions) != null ? _b : "No Items Found");
+    return /* @__PURE__ */ import_react33.default.createElement("div", null, (_b = (_a = props.texts) == null ? void 0 : _a.noOptions) != null ? _b : "No Items Found");
   };
   const Control = ({ children, innerProps, innerRef }) => {
-    return /* @__PURE__ */ import_react31.default.createElement(
+    return /* @__PURE__ */ import_react33.default.createElement(
       "div",
       {
         ref: innerRef,
@@ -1497,7 +1446,7 @@ var Select = ({
     );
   };
   const Option = ({ children, innerProps, innerRef }) => {
-    return /* @__PURE__ */ import_react31.default.createElement(
+    return /* @__PURE__ */ import_react33.default.createElement(
       "div",
       {
         ref: innerRef,
@@ -1518,7 +1467,7 @@ var Select = ({
     ...menuProps
   }) => {
     const menuOpen = menuProps.selectProps.menuIsOpen;
-    return /* @__PURE__ */ import_react31.default.createElement(
+    return /* @__PURE__ */ import_react33.default.createElement(
       "div",
       {
         className: cn(
@@ -1536,7 +1485,7 @@ var Select = ({
   let selectContainerStyles = "hawa-rounded hawa-block hawa-w-full hawa-border hawa-transition-all hawa-bg-background  hawa-p-0 hawa-px-1 hawa-text-sm";
   let selectPlaceholderStyles = "hawa-text-muted-foreground hawa-cursor-pointer hawa-px-1";
   let selectIndicatorContainerStyles = "hawa-cursor-pointer hawa-text-muted-foreground hawa-absolute hawa-end-0 hawa-top-[50%] hawa-bottom-[50%] ";
-  return /* @__PURE__ */ import_react31.default.createElement(
+  return /* @__PURE__ */ import_react33.default.createElement(
     "div",
     {
       className: cn(
@@ -1544,10 +1493,10 @@ var Select = ({
         props.width === "fit" ? "hawa-w-fit" : "hawa-w-full"
       )
     },
-    props.label && /* @__PURE__ */ import_react31.default.createElement(Label, { ...labelProps }, props.label),
-    props.isLoading ? /* @__PURE__ */ import_react31.default.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" }) : !props.isCreatable ? (
+    props.label && /* @__PURE__ */ import_react33.default.createElement(Label, { ...labelProps }, props.label),
+    props.isLoading ? /* @__PURE__ */ import_react33.default.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" }) : !props.isCreatable ? (
       //   TODO: enable keyboard to go to the next item in the list
-      /* @__PURE__ */ import_react31.default.createElement(
+      /* @__PURE__ */ import_react33.default.createElement(
         import_react_select.default,
         {
           noOptionsMessage: NoOption,
@@ -1581,7 +1530,7 @@ var Select = ({
             //     {...e}
             //   />
             // ),
-            ValueContainer: (e) => /* @__PURE__ */ import_react31.default.createElement(
+            ValueContainer: (e) => /* @__PURE__ */ import_react33.default.createElement(
               "div",
               {
                 className: cn(
@@ -1591,7 +1540,7 @@ var Select = ({
                 ...e
               }
             ),
-            MultiValueContainer: (e) => /* @__PURE__ */ import_react31.default.createElement(
+            MultiValueContainer: (e) => /* @__PURE__ */ import_react33.default.createElement(
               "div",
               {
                 className: "hawa-rounded hawa-border hawa-p-1 hawa-px-2 hawa-flex hawa-flex-row",
@@ -1610,7 +1559,7 @@ var Select = ({
           isSearchable: props.isSearchable
         }
       )
-    ) : /* @__PURE__ */ import_react31.default.createElement(
+    ) : /* @__PURE__ */ import_react33.default.createElement(
       import_creatable.default,
       {
         formatCreateLabel: (inputValue) => {
@@ -1640,13 +1589,13 @@ var Select = ({
         onInputChange: (newValue, action) => props.onInputChange(newValue, action)
       }
     ),
-    !props.hideHelperText && /* @__PURE__ */ import_react31.default.createElement(HelperText, { helperText: props.helperText })
+    !props.hideHelperText && /* @__PURE__ */ import_react33.default.createElement(HelperText, { helperText: props.helperText })
   );
 };
 
 // elements/textarea/Textarea.tsx
-var React29 = __toESM(require("react"));
-var Textarea = React29.forwardRef(
+var React28 = __toESM(require("react"));
+var Textarea = React28.forwardRef(
   ({
     className,
     classNames,
@@ -1658,7 +1607,7 @@ var Textarea = React29.forwardRef(
     isLoading,
     ...props
   }, ref) => {
-    return /* @__PURE__ */ React29.createElement(
+    return /* @__PURE__ */ React28.createElement(
       "div",
       {
         className: cn(
@@ -1667,7 +1616,7 @@ var Textarea = React29.forwardRef(
           className
         )
       },
-      /* @__PURE__ */ React29.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, props.label && /* @__PURE__ */ React29.createElement(Label, { ...labelProps }, props.label), showCount && countPosition === "top" && /* @__PURE__ */ React29.createElement(
+      /* @__PURE__ */ React28.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, props.label && /* @__PURE__ */ React28.createElement(Label, { ...labelProps }, props.label), showCount && countPosition === "top" && /* @__PURE__ */ React28.createElement(
         "div",
         {
           className: "hawa-text-start hawa-text-xs hawa-transition-all hawa-leading-none"
@@ -1676,7 +1625,7 @@ var Textarea = React29.forwardRef(
         "/",
         textareaProps == null ? void 0 : textareaProps.maxLength
       )),
-      isLoading ? /* @__PURE__ */ React29.createElement(Skeleton, { style: { height: 40 } }) : /* @__PURE__ */ React29.createElement(
+      isLoading ? /* @__PURE__ */ React28.createElement(Skeleton, { style: { height: 40 } }) : /* @__PURE__ */ React28.createElement(
         "textarea",
         {
           ...textareaProps,
@@ -1687,7 +1636,7 @@ var Textarea = React29.forwardRef(
           ref
         }
       ),
-      /* @__PURE__ */ React29.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, !forceHideHelperText && /* @__PURE__ */ React29.createElement(HelperText, { helperText: props.helperText }), showCount && countPosition === "bottom" && /* @__PURE__ */ React29.createElement("div", { className: "hawa-text-start hawa-text-xs hawa-transition-all" }, (textareaProps == null ? void 0 : textareaProps.value) ? String(textareaProps == null ? void 0 : textareaProps.value).length : 0, "/", textareaProps == null ? void 0 : textareaProps.maxLength))
+      /* @__PURE__ */ React28.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, !forceHideHelperText && /* @__PURE__ */ React28.createElement(HelperText, { helperText: props.helperText }), showCount && countPosition === "bottom" && /* @__PURE__ */ React28.createElement("div", { className: "hawa-text-start hawa-text-xs hawa-transition-all" }, (textareaProps == null ? void 0 : textareaProps.value) ? String(textareaProps == null ? void 0 : textareaProps.value).length : 0, "/", textareaProps == null ? void 0 : textareaProps.maxLength))
     );
   }
 );
@@ -1702,6 +1651,7 @@ var ContactForm = ({
   formAutoComplete = "off",
   onSubmit,
   customFields,
+  classNames,
   ...props
 }) => {
   var _a, _b, _c, _d, _e;
@@ -1763,7 +1713,7 @@ var ContactForm = ({
       console.log("Form is submitted but onSubmit prop is missing");
     }
   };
-  return /* @__PURE__ */ import_react32.default.createElement(
+  return /* @__PURE__ */ import_react34.default.createElement(
     Card,
     {
       className: cn(
@@ -1772,7 +1722,7 @@ var ContactForm = ({
       ),
       style: cardless ? { boxShadow: "none" } : void 0
     },
-    /* @__PURE__ */ import_react32.default.createElement(CardContent, { headless: true, className: cardless ? "!hawa-p-0" : "" }, props.showSuccess ? /* @__PURE__ */ import_react32.default.createElement(CardHeader, null, /* @__PURE__ */ import_react32.default.createElement(CardTitle, null, ((_d = texts == null ? void 0 : texts.success) == null ? void 0 : _d.title) || "Message Sent! \u{1F389}"), /* @__PURE__ */ import_react32.default.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__ */ import_react32.default.createElement(
+    /* @__PURE__ */ import_react34.default.createElement(CardContent, { headless: true, className: cardless ? "!hawa-p-0" : "" }, props.showSuccess ? /* @__PURE__ */ import_react34.default.createElement(CardHeader, null, /* @__PURE__ */ import_react34.default.createElement(CardTitle, null, ((_d = texts == null ? void 0 : texts.success) == null ? void 0 : _d.title) || "Message Sent! \u{1F389}"), /* @__PURE__ */ import_react34.default.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__ */ import_react34.default.createElement(
       "form",
       {
         noValidate: true,
@@ -1781,7 +1731,7 @@ var ContactForm = ({
         id: formId,
         autoComplete: formAutoComplete
       },
-      /* @__PURE__ */ import_react32.default.createElement(
+      /* @__PURE__ */ import_react34.default.createElement(
         "div",
         {
           className: cn(
@@ -1792,14 +1742,14 @@ var ContactForm = ({
             }
           )
         },
-        /* @__PURE__ */ import_react32.default.createElement(
+        /* @__PURE__ */ import_react34.default.createElement(
           import_react_hook_form2.Controller,
           {
             control,
             name: "name",
             render: ({ field }) => {
               var _a2;
-              return /* @__PURE__ */ import_react32.default.createElement(
+              return /* @__PURE__ */ import_react34.default.createElement(
                 Input,
                 {
                   label: (texts == null ? void 0 : texts.name.label) || "Name",
@@ -1812,14 +1762,14 @@ var ContactForm = ({
             }
           }
         ),
-        /* @__PURE__ */ import_react32.default.createElement(
+        /* @__PURE__ */ import_react34.default.createElement(
           import_react_hook_form2.Controller,
           {
             control,
             name: "email",
             render: ({ field }) => {
               var _a2;
-              return /* @__PURE__ */ import_react32.default.createElement(
+              return /* @__PURE__ */ import_react34.default.createElement(
                 Input,
                 {
                   label: (texts == null ? void 0 : texts.email.label) || "Email",
@@ -1835,7 +1785,7 @@ var ContactForm = ({
       ),
       customFields && customFields.map((customField) => {
         console.log("custom", customField);
-        return /* @__PURE__ */ import_react32.default.createElement(
+        return /* @__PURE__ */ import_react34.default.createElement(
           import_react_hook_form2.Controller,
           {
             control,
@@ -1845,7 +1795,7 @@ var ContactForm = ({
               switch (type) {
                 case "text":
                 case "number":
-                  return /* @__PURE__ */ import_react32.default.createElement(
+                  return /* @__PURE__ */ import_react34.default.createElement(
                     Input,
                     {
                       id: customField.name,
@@ -1856,7 +1806,7 @@ var ContactForm = ({
                     }
                   );
                 case "select":
-                  return /* @__PURE__ */ import_react32.default.createElement(
+                  return /* @__PURE__ */ import_react34.default.createElement(
                     Select,
                     {
                       label,
@@ -1866,20 +1816,20 @@ var ContactForm = ({
                     }
                   );
                 default:
-                  return /* @__PURE__ */ import_react32.default.createElement("div", null, "Unknown type");
+                  return /* @__PURE__ */ import_react34.default.createElement("div", null, "Unknown type");
               }
             }
           }
         );
       }),
-      /* @__PURE__ */ import_react32.default.createElement(
+      /* @__PURE__ */ import_react34.default.createElement(
         import_react_hook_form2.Controller,
         {
           control,
           name: "message",
           render: ({ field }) => {
             var _a2;
-            return /* @__PURE__ */ import_react32.default.createElement(
+            return /* @__PURE__ */ import_react34.default.createElement(
               Textarea,
               {
                 label: (texts == null ? void 0 : texts.message.label) || "Message",
@@ -1896,7 +1846,14 @@ var ContactForm = ({
           }
         }
       ),
-      /* @__PURE__ */ import_react32.default.createElement(Button, { type: "submit", className: "hawa-w-full" }, (texts == null ? void 0 : texts.submit) || "Submit")
+      /* @__PURE__ */ import_react34.default.createElement(
+        Button,
+        {
+          type: "submit",
+          className: cn("hawa-w-full", classNames == null ? void 0 : classNames.submitButton)
+        },
+        (texts == null ? void 0 : texts.submit) || "Submit"
+      )
     ))
   );
 };