@sikka/hawa 0.30.24-next → 0.30.26-next

package/dist/blocks/misc/index.mjs

@@ -5,7 +5,7 @@ import {
 import {
   Chip,
   ScrollArea
-} from "../../chunk-CVOMHXJK.mjs";
+} from "../../chunk-BXGDHNAY.mjs";
 import {
   Textarea
 } from "../../chunk-AEFNDLFD.mjs";
@@ -24,12 +24,49 @@ import {
 } from "../../chunk-ZGNBKYX7.mjs";
 
 // blocks/misc/LegalTexts.tsx
-import React2 from "react";
+import React3 from "react";
 
 // elements/tabs/Tabs.tsx
-import * as React from "react";
+import * as React2 from "react";
 import * as TabsPrimitive from "@radix-ui/react-tabs";
 import { tv } from "tailwind-variants";
+
+// elements/floatBox/FloatBox.tsx
+import * as React from "react";
+var FloatBox = ({
+  className,
+  open,
+  side = "bottom",
+  sideOffset = 40,
+  ...props
+}) => {
+  let widthStyles = {
+    trigger: "var(--radix-popover-trigger-width)",
+    default: "auto"
+  };
+  let sideOffsetStyles = {
+    bottom: { top: sideOffset },
+    top: { bottom: sideOffset },
+    right: { left: sideOffset },
+    left: { right: sideOffset }
+  };
+  return /* @__PURE__ */ React.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-bg-popover 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",
+        sideOffsetStyles[side],
+        className
+      ),
+      style: { ...sideOffsetStyles[side] },
+      "data-side": side,
+      "data-floatbox-state": open ? "open" : "closed"
+    },
+    props.children
+  );
+};
+
+// elements/tabs/Tabs.tsx
 var tabsListVariant = tv({
   base: "",
   variants: {
@@ -38,10 +75,7 @@ var tabsListVariant = tv({
       underlined: "hawa-flex hawa-w-fit hawa-flex-wrap hawa-items-center hawa-justify-start hawa-gap-1 hawa-rounded  hawa-p-1 hawa-text-muted-foreground  dark:hawa-border-primary/10",
       underlined_tabs: "hawa-flex hawa-w-fit hawa-flex-wrap hawa-items-center hawa-justify-start hawa-gap-1 hawa-text-muted-foreground"
     },
-    orientation: {
-      horizontal: "",
-      vertical: ""
-    }
+    orientation: { horizontal: "", vertical: "" }
   },
   compoundVariants: [
     {
@@ -55,10 +89,7 @@ var tabsListVariant = tv({
       class: "hawa-border-b-2 hawa-border-b-primary"
     }
   ],
-  defaultVariants: {
-    variant: "default",
-    orientation: "horizontal"
-  }
+  defaultVariants: { variant: "default", orientation: "horizontal" }
 });
 var tabsTriggerVariant = tv({
   base: "",
@@ -68,10 +99,7 @@ var tabsTriggerVariant = tv({
       underlined: "hawa-inline-flex  hawa-w-full hawa-flex-1 hawa-select-none hawa-items-center hawa-justify-center hawa-gap-2 hawa-whitespace-nowrap hawa-rounded hawa-rounded-none hawa-px-3 hawa-py-1.5 hawa-text-sm hawa-font-medium hawa-ring-offset-background hawa-transition-all focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-2 disabled:hawa-pointer-events-none disabled:hawa-opacity-50",
       underlined_tabs: "hawa-inline-flex hawa-w-full hawa-flex-1 hawa-select-none hawa-items-center hawa-justify-center hawa-gap-2 hawa-whitespace-nowrap hawa-rounded   hawa-px-3 hawa-py-1.5 hawa-text-sm hawa-font-medium hawa-ring-offset-background hawa-transition-all focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-2 disabled:hawa-pointer-events-none disabled:hawa-opacity-50 hawa-bg-primary/10 data-[state=active]:hawa-bg-primary data-[state=active]:hawa-text-primary-foreground  dark:hawa-border-primary/10"
     },
-    orientation: {
-      horizontal: "",
-      vertical: ""
-    }
+    orientation: { horizontal: "", vertical: "" }
   },
   compoundVariants: [
     {
@@ -95,13 +123,10 @@ var tabsTriggerVariant = tv({
       class: "hawa-rounded-e-none"
     }
   ],
-  defaultVariants: {
-    variant: "default",
-    orientation: "horizontal"
-  }
+  defaultVariants: { variant: "default", orientation: "horizontal" }
 });
-var TabsContext = React.createContext({ orientation: "horizontal", variant: "default" });
-var Tabs = React.forwardRef(({ className, orientation, variant = "default", ...props }, ref) => /* @__PURE__ */ React.createElement(
+var TabsContext = React2.createContext({ orientation: "horizontal", variant: "default" });
+var Tabs = React2.forwardRef(({ className, orientation, variant = "default", ...props }, ref) => /* @__PURE__ */ React2.createElement(
   TabsPrimitive.Root,
   {
     ref,
@@ -112,12 +137,11 @@ var Tabs = React.forwardRef(({ className, orientation, variant = "default", ...p
     ),
     ...props
   },
-  /* @__PURE__ */ React.createElement(TabsContext.Provider, { value: { orientation, variant } }, props.children)
+  /* @__PURE__ */ React2.createElement(TabsContext.Provider, { value: { orientation, variant } }, props.children)
 ));
-Tabs.displayName = TabsPrimitive.Root.displayName;
-var TabsList = React.forwardRef(({ className, ...props }, ref) => {
-  const { orientation, variant } = React.useContext(TabsContext);
-  return /* @__PURE__ */ React.createElement(
+var TabsList = React2.forwardRef(({ className, ...props }, ref) => {
+  const { orientation, variant } = React2.useContext(TabsContext);
+  return /* @__PURE__ */ React2.createElement(
     TabsPrimitive.List,
     {
       ref,
@@ -130,22 +154,25 @@ var TabsList = React.forwardRef(({ className, ...props }, ref) => {
     }
   );
 });
-TabsList.displayName = TabsPrimitive.List.displayName;
-var TabsTrigger = React.forwardRef(({ className, chipProps, ...props }, ref) => {
-  const { orientation, variant } = React.useContext(TabsContext);
-  return /* @__PURE__ */ React.createElement(
+var TabsTrigger = React2.forwardRef(({ className, chipProps, ...props }, ref) => {
+  const { orientation, variant } = React2.useContext(TabsContext);
+  return /* @__PURE__ */ React2.createElement(
     TabsPrimitive.Trigger,
     {
       ref,
-      className: cn(tabsTriggerVariant({ variant, orientation }), className),
+      className: cn(
+        tabsTriggerVariant({ variant, orientation }),
+        "hawa-relative",
+        className
+      ),
       ...props
     },
     props.children,
-    chipProps && /* @__PURE__ */ React.createElement(Chip, { ...chipProps })
+    chipProps && /* @__PURE__ */ React2.createElement(Chip, { ...chipProps }),
+    /* @__PURE__ */ React2.createElement(FloatBox, { open: props.showPopover }, props.popoverContent)
   );
 });
-TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-var TabsContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
+var TabsContent = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React2.createElement(
   TabsPrimitive.Content,
   {
     ref,
@@ -156,11 +183,14 @@ var TabsContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE_
     ...props
   }
 ));
+Tabs.displayName = TabsPrimitive.Root.displayName;
+TabsList.displayName = TabsPrimitive.List.displayName;
+TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
 TabsContent.displayName = TabsPrimitive.Content.displayName;
 
 // blocks/misc/LegalTexts.tsx
 var LegalTexts = ({ tabs, ...props }) => {
-  return /* @__PURE__ */ React2.createElement(
+  return /* @__PURE__ */ React3.createElement(
     Tabs,
     {
       value: props.activeTab,
@@ -168,8 +198,8 @@ var LegalTexts = ({ tabs, ...props }) => {
       defaultValue: props.defaultTab || tabs[0].value,
       dir: props.direction
     },
-    /* @__PURE__ */ React2.createElement(TabsList, { className: "hawa-w-full" }, tabs.map((tab, index) => /* @__PURE__ */ React2.createElement(TabsTrigger, { key: index, value: tab.value }, tab.title))),
-    tabs.map((tab, index) => /* @__PURE__ */ React2.createElement(TabsContent, { key: index, value: tab.value }, /* @__PURE__ */ React2.createElement(
+    /* @__PURE__ */ React3.createElement(TabsList, { className: "hawa-w-full" }, tabs.map((tab, index) => /* @__PURE__ */ React3.createElement(TabsTrigger, { key: index, value: tab.value }, tab.title))),
+    tabs.map((tab, index) => /* @__PURE__ */ React3.createElement(TabsContent, { key: index, value: tab.value }, /* @__PURE__ */ React3.createElement(
       ScrollArea,
       {
         className: cn(
@@ -183,9 +213,9 @@ var LegalTexts = ({ tabs, ...props }) => {
 };
 
 // blocks/misc/EmptyState.tsx
-import React3 from "react";
+import React4 from "react";
 var EmptyState = ({ texts, onActionClick }) => {
-  return /* @__PURE__ */ React3.createElement(Card, null, /* @__PURE__ */ React3.createElement(CardContent, { headless: true }, /* @__PURE__ */ React3.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-text-center " }, /* @__PURE__ */ React3.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__ */ React3.createElement(
+  return /* @__PURE__ */ React4.createElement(Card, null, /* @__PURE__ */ React4.createElement(CardContent, { headless: true }, /* @__PURE__ */ React4.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-text-center " }, /* @__PURE__ */ React4.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__ */ React4.createElement(
     "svg",
     {
       stroke: "currentColor",
@@ -195,30 +225,30 @@ var EmptyState = ({ texts, onActionClick }) => {
       height: "0.35em",
       width: "0.35em"
     },
-    /* @__PURE__ */ React3.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__ */ React3.createElement("div", { className: "hawa-m-2 hawa-text-xl hawa-font-bold" }, (texts == null ? void 0 : texts.youreCaughtUp) || "You're all caught up"))), /* @__PURE__ */ React3.createElement(CardFooter, null, /* @__PURE__ */ React3.createElement(Button, { className: "hawa-w-full", onClick: () => onActionClick() }, (texts == null ? void 0 : texts.actionText) || "Go Home")));
+    /* @__PURE__ */ React4.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__ */ React4.createElement("div", { className: "hawa-m-2 hawa-text-xl hawa-font-bold" }, (texts == null ? void 0 : texts.youreCaughtUp) || "You're all caught up"))), /* @__PURE__ */ React4.createElement(CardFooter, null, /* @__PURE__ */ React4.createElement(Button, { className: "hawa-w-full", onClick: () => onActionClick() }, (texts == null ? void 0 : texts.actionText) || "Go Home")));
 };
 
 // blocks/misc/Testimonial.tsx
-import React4 from "react";
+import React5 from "react";
 var Testimonial = () => {
-  return /* @__PURE__ */ React4.createElement(Card, null, /* @__PURE__ */ React4.createElement(CardContent, { headless: true }, /* @__PURE__ */ React4.createElement("div", null, /* @__PURE__ */ React4.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__ */ React4.createElement("div", { className: "flex flex-row gap-4" }, /* @__PURE__ */ React4.createElement("svg", { width: "48", height: "48", viewBox: "0 0 48 48", fill: "none" }, /* @__PURE__ */ React4.createElement("rect", { width: "48", height: "48", rx: "24", fill: "#45BE8B" }), /* @__PURE__ */ React4.createElement(
+  return /* @__PURE__ */ React5.createElement(Card, null, /* @__PURE__ */ React5.createElement(CardContent, { headless: true }, /* @__PURE__ */ React5.createElement("div", null, /* @__PURE__ */ React5.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__ */ React5.createElement("div", { className: "flex flex-row gap-4" }, /* @__PURE__ */ React5.createElement("svg", { width: "48", height: "48", viewBox: "0 0 48 48", fill: "none" }, /* @__PURE__ */ React5.createElement("rect", { width: "48", height: "48", rx: "24", fill: "#45BE8B" }), /* @__PURE__ */ React5.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__ */ React4.createElement(
+  ), /* @__PURE__ */ React5.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__ */ React4.createElement("span", { className: "border border-l " }), " ", /* @__PURE__ */ React4.createElement("div", null, /* @__PURE__ */ React4.createElement("strong", null, "Brent Lassi"), /* @__PURE__ */ React4.createElement("div", null, " Chief Information Security Officer")))));
+  )), /* @__PURE__ */ React5.createElement("span", { className: "border border-l " }), " ", /* @__PURE__ */ React5.createElement("div", null, /* @__PURE__ */ React5.createElement("strong", null, "Brent Lassi"), /* @__PURE__ */ React5.createElement("div", null, " Chief Information Security Officer")))));
 };
 
 // blocks/misc/LeadGenerator.tsx
-import React5 from "react";
+import React6 from "react";
 import { useForm, Controller } from "react-hook-form";
 var LeadGenerator = ({ texts, submitHandler }) => {
   var _a;
@@ -230,14 +260,14 @@ var LeadGenerator = ({ texts, submitHandler }) => {
       console.log("handleNewsletterSub props was not provided");
     }
   };
-  return /* @__PURE__ */ React5.createElement(Card, null, /* @__PURE__ */ React5.createElement(CardHeader, null, /* @__PURE__ */ React5.createElement(CardTitle, null, texts == null ? void 0 : texts.title), /* @__PURE__ */ React5.createElement(CardDescription, null, texts == null ? void 0 : texts.subtitle)), /* @__PURE__ */ React5.createElement(CardContent, null, /* @__PURE__ */ React5.createElement(
+  return /* @__PURE__ */ React6.createElement(Card, null, /* @__PURE__ */ React6.createElement(CardHeader, null, /* @__PURE__ */ React6.createElement(CardTitle, null, texts == null ? void 0 : texts.title), /* @__PURE__ */ React6.createElement(CardDescription, null, texts == null ? void 0 : texts.subtitle)), /* @__PURE__ */ React6.createElement(CardContent, null, /* @__PURE__ */ React6.createElement(
     "form",
     {
       noValidate: true,
       className: "hawa-flex hawa-flex-row hawa-gap-2",
       onSubmit: handleSubmit(onSubmit)
     },
-    /* @__PURE__ */ React5.createElement(
+    /* @__PURE__ */ React6.createElement(
       Controller,
       {
         name: "email",
@@ -250,27 +280,27 @@ var LeadGenerator = ({ texts, submitHandler }) => {
           }
         },
         defaultValue: "",
-        render: ({ field }) => /* @__PURE__ */ React5.createElement(Input, { ...field, type: "email", placeholder: "example@sikka.io" })
+        render: ({ field }) => /* @__PURE__ */ React6.createElement(Input, { ...field, type: "email", placeholder: "example@sikka.io" })
       }
     ),
-    /* @__PURE__ */ React5.createElement(Button, { type: "submit", disabled: !formState.isValid }, (_a = texts == null ? void 0 : texts.submit) != null ? _a : "Submit")
+    /* @__PURE__ */ React6.createElement(Button, { type: "submit", disabled: !formState.isValid }, (_a = texts == null ? void 0 : texts.submit) != null ? _a : "Submit")
   )));
 };
 
 // blocks/misc/Announcement.tsx
-import React6 from "react";
+import React7 from "react";
 var Announcement = ({
   onActionClick,
   ...props
 }) => {
-  return /* @__PURE__ */ React6.createElement(Card, null, /* @__PURE__ */ React6.createElement(
+  return /* @__PURE__ */ React7.createElement(Card, null, /* @__PURE__ */ React7.createElement(
     CardContent,
     {
       headless: true,
       className: "hawa-flex hawa-flex-row hawa-items-center hawa-justify-between"
     },
-    /* @__PURE__ */ React6.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-start hawa-justify-center " }, /* @__PURE__ */ React6.createElement("span", { className: "hawa-text-lg hawa-font-bold" }, props.title), /* @__PURE__ */ React6.createElement("span", { className: "hawa-text-sm" }, props.subtitle)),
-    /* @__PURE__ */ React6.createElement(
+    /* @__PURE__ */ React7.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-start hawa-justify-center " }, /* @__PURE__ */ React7.createElement("span", { className: "hawa-text-lg hawa-font-bold" }, props.title), /* @__PURE__ */ React7.createElement("span", { className: "hawa-text-sm" }, props.subtitle)),
+    /* @__PURE__ */ React7.createElement(
       Button,
       {
         onClick: () => onActionClick(),
@@ -282,15 +312,15 @@ var Announcement = ({
 };
 
 // blocks/misc/NotFound.tsx
-import React7 from "react";
+import React8 from "react";
 var NotFound = ({ texts }) => {
-  return /* @__PURE__ */ React7.createElement(Card, null, /* @__PURE__ */ React7.createElement(CardContent, { headless: true }, /* @__PURE__ */ React7.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center dark:hawa-text-white" }, /* @__PURE__ */ React7.createElement("div", { className: "hawa-text-center hawa-text-6xl hawa-font-bold " }, "404"), /* @__PURE__ */ React7.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__ */ React7.createElement("div", { className: "hawa-mb-4 hawa-text-center" }, (texts == null ? void 0 : texts.ifLost) || /* @__PURE__ */ React7.createElement(React7.Fragment, null, "If you're lost please contact us ", /* @__PURE__ */ React7.createElement("span", { className: "clickable-link" }, "help@sikka.io"))), /* @__PURE__ */ React7.createElement(Button, { className: "hawa-w-full" }, (texts == null ? void 0 : texts.home) || "Home"))));
+  return /* @__PURE__ */ React8.createElement(Card, null, /* @__PURE__ */ React8.createElement(CardContent, { headless: true }, /* @__PURE__ */ React8.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center dark:hawa-text-white" }, /* @__PURE__ */ React8.createElement("div", { className: "hawa-text-center hawa-text-6xl hawa-font-bold " }, "404"), /* @__PURE__ */ React8.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__ */ React8.createElement("div", { className: "hawa-mb-4 hawa-text-center" }, (texts == null ? void 0 : texts.ifLost) || /* @__PURE__ */ React8.createElement(React8.Fragment, null, "If you're lost please contact us ", /* @__PURE__ */ React8.createElement("span", { className: "clickable-link" }, "help@sikka.io"))), /* @__PURE__ */ React8.createElement(Button, { className: "hawa-w-full" }, (texts == null ? void 0 : texts.home) || "Home"))));
 };
 
 // blocks/misc/NoPermission.tsx
-import React8 from "react";
+import React9 from "react";
 var NoPermission = ({ texts }) => {
-  return /* @__PURE__ */ React8.createElement(Card, null, /* @__PURE__ */ React8.createElement(CardContent, { headless: true }, /* @__PURE__ */ React8.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-text-center" }, /* @__PURE__ */ React8.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__ */ React8.createElement(
+  return /* @__PURE__ */ React9.createElement(Card, null, /* @__PURE__ */ React9.createElement(CardContent, { headless: true }, /* @__PURE__ */ React9.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-text-center" }, /* @__PURE__ */ React9.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__ */ React9.createElement(
     "svg",
     {
       stroke: "currentColor",
@@ -300,12 +330,12 @@ var NoPermission = ({ texts }) => {
       height: "0.35em",
       width: "0.35em"
     },
-    /* @__PURE__ */ React8.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__ */ React8.createElement("div", { className: "hawa-m-2 hawa-text-xl hawa-font-bold" }, (texts == null ? void 0 : texts.title) || "You don't have permission"), /* @__PURE__ */ React8.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__ */ React9.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__ */ React9.createElement("div", { className: "hawa-m-2 hawa-text-xl hawa-font-bold" }, (texts == null ? void 0 : texts.title) || "You don't have permission"), /* @__PURE__ */ React9.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 React9 from "react";
+import React10 from "react";
 import { useForm as useForm2, Controller as Controller2 } from "react-hook-form";
 import { zodResolver } from "@hookform/resolvers/zod";
 import * as z from "zod";
@@ -377,7 +407,7 @@ var ContactForm = ({
       console.log("Form is submitted but onSubmit prop is missing");
     }
   };
-  return /* @__PURE__ */ React9.createElement(
+  return /* @__PURE__ */ React10.createElement(
     Card,
     {
       className: cn(
@@ -386,7 +416,7 @@ var ContactForm = ({
       ),
       style: cardless ? { boxShadow: "none" } : void 0
     },
-    /* @__PURE__ */ React9.createElement(CardContent, { headless: true, className: cardless ? "!hawa-p-0" : "" }, /* @__PURE__ */ React9.createElement(
+    /* @__PURE__ */ React10.createElement(CardContent, { headless: true, className: cardless ? "!hawa-p-0" : "" }, /* @__PURE__ */ React10.createElement(
       "form",
       {
         noValidate: true,
@@ -395,7 +425,7 @@ var ContactForm = ({
         id: formId,
         autoComplete: formAutoComplete
       },
-      /* @__PURE__ */ React9.createElement(
+      /* @__PURE__ */ React10.createElement(
         "div",
         {
           className: cn(
@@ -406,14 +436,14 @@ var ContactForm = ({
             }
           )
         },
-        /* @__PURE__ */ React9.createElement(
+        /* @__PURE__ */ React10.createElement(
           Controller2,
           {
             control,
             name: "name",
             render: ({ field }) => {
               var _a2;
-              return /* @__PURE__ */ React9.createElement(
+              return /* @__PURE__ */ React10.createElement(
                 Input,
                 {
                   label: (texts == null ? void 0 : texts.name.label) || "Name",
@@ -426,14 +456,14 @@ var ContactForm = ({
             }
           }
         ),
-        /* @__PURE__ */ React9.createElement(
+        /* @__PURE__ */ React10.createElement(
           Controller2,
           {
             control,
             name: "email",
             render: ({ field }) => {
               var _a2;
-              return /* @__PURE__ */ React9.createElement(
+              return /* @__PURE__ */ React10.createElement(
                 Input,
                 {
                   label: (texts == null ? void 0 : texts.email.label) || "Email",
@@ -449,7 +479,7 @@ var ContactForm = ({
       ),
       customFields && customFields.map((customField) => {
         console.log("custom", customField);
-        return /* @__PURE__ */ React9.createElement(
+        return /* @__PURE__ */ React10.createElement(
           Controller2,
           {
             control,
@@ -459,7 +489,7 @@ var ContactForm = ({
               switch (type) {
                 case "text":
                 case "number":
-                  return /* @__PURE__ */ React9.createElement(
+                  return /* @__PURE__ */ React10.createElement(
                     Input,
                     {
                       id: customField.name,
@@ -470,7 +500,7 @@ var ContactForm = ({
                     }
                   );
                 case "select":
-                  return /* @__PURE__ */ React9.createElement(
+                  return /* @__PURE__ */ React10.createElement(
                     Select,
                     {
                       label,
@@ -480,20 +510,20 @@ var ContactForm = ({
                     }
                   );
                 default:
-                  return /* @__PURE__ */ React9.createElement("div", null, "Unknown type");
+                  return /* @__PURE__ */ React10.createElement("div", null, "Unknown type");
               }
             }
           }
         );
       }),
-      /* @__PURE__ */ React9.createElement(
+      /* @__PURE__ */ React10.createElement(
         Controller2,
         {
           control,
           name: "message",
           render: ({ field }) => {
             var _a2;
-            return /* @__PURE__ */ React9.createElement(
+            return /* @__PURE__ */ React10.createElement(
               Textarea,
               {
                 label: (texts == null ? void 0 : texts.message.label) || "Message",
@@ -510,7 +540,7 @@ var ContactForm = ({
           }
         }
       ),
-      /* @__PURE__ */ React9.createElement(Button, { type: "submit", className: "hawa-w-full" }, (texts == null ? void 0 : texts.submit) || "Submit")
+      /* @__PURE__ */ React10.createElement(Button, { type: "submit", className: "hawa-w-full" }, (texts == null ? void 0 : texts.submit) || "Submit")
     ))
   );
 };

package/dist/blocks/pricing/index.mjs

@@ -2,7 +2,7 @@
 import {
   Chip,
   ScrollArea
-} from "../../chunk-CVOMHXJK.mjs";
+} from "../../chunk-BXGDHNAY.mjs";
 import "../../chunk-47APBDKK.mjs";
 import {
   Radio

package/dist/breadcrumb/index.d.mts

@@ -1,14 +1,16 @@
 import { FC, ReactNode } from 'react';
 
+type BreadcrumbItemProps = {
+    label: string;
+    href: string;
+};
 interface BCTypes {
     /** The array of crumbs, each one with a label and a href link */
-    breadcrumbLinks: {
-        label: string;
-        href: string;
-    }[];
+    breadcrumbLinks: BreadcrumbItemProps[];
     /** The separator between each crumb, can be character or React Node. The default is ">" */
     separator?: string | ReactNode;
+    size?: "normal" | "small" | "xs";
 }
 declare const Breadcrumb: FC<BCTypes>;
 
-export { Breadcrumb };
+export { Breadcrumb, type BreadcrumbItemProps };

package/dist/breadcrumb/index.d.ts

@@ -1,14 +1,16 @@
 import { FC, ReactNode } from 'react';
 
+type BreadcrumbItemProps = {
+    label: string;
+    href: string;
+};
 interface BCTypes {
     /** The array of crumbs, each one with a label and a href link */
-    breadcrumbLinks: {
-        label: string;
-        href: string;
-    }[];
+    breadcrumbLinks: BreadcrumbItemProps[];
     /** The separator between each crumb, can be character or React Node. The default is ">" */
     separator?: string | ReactNode;
+    size?: "normal" | "small" | "xs";
 }
 declare const Breadcrumb: FC<BCTypes>;
 
-export { Breadcrumb };
+export { Breadcrumb, type BreadcrumbItemProps };

package/dist/breadcrumb/index.js

@@ -37,26 +37,50 @@ module.exports = __toCommonJS(breadcrumb_exports);
 
 // elements/breadcrumb/Breadcrumb.tsx
 var import_react = __toESM(require("react"));
+
+// util/index.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+function cn(...inputs) {
+  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+}
+
+// elements/breadcrumb/Breadcrumb.tsx
 var Breadcrumb = ({
   breadcrumbLinks,
-  separator = ">"
+  separator = ">",
+  size = "normal"
 }) => {
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 hawa-text-sm" }, breadcrumbLinks.map((singleBreadcrumbLink, index) => /* @__PURE__ */ import_react.default.createElement(
+  const textStyles = {
+    normal: "",
+    small: "hawa-text-sm",
+    xs: "hawa-text-xs"
+  };
+  return /* @__PURE__ */ import_react.default.createElement(
     "div",
     {
-      key: index,
-      className: "hawa-flex hawa-flex-row hawa-items-center hawa-justify-center hawa-gap-2"
+      className: cn(
+        "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 hawa-text-sm",
+        textStyles[size]
+      )
     },
-    /* @__PURE__ */ import_react.default.createElement(
-      "a",
+    breadcrumbLinks.map((singleBreadcrumbLink, index) => /* @__PURE__ */ import_react.default.createElement(
+      "div",
       {
-        href: singleBreadcrumbLink.href,
-        className: index + 1 === breadcrumbLinks.length ? "hawa-pointer-events-none" : "hawa-underline-offset-4 hawa-transition-all hover:hawa-text-primary hover:hawa-underline hover:hawa-decoration-2"
+        key: index,
+        className: "hawa-flex hawa-flex-row hawa-items-center hawa-justify-center hawa-gap-2"
       },
-      singleBreadcrumbLink.label
-    ),
-    index != breadcrumbLinks.length - 1 ? typeof separator == "string" ? /* @__PURE__ */ import_react.default.createElement("div", null, separator) : /* @__PURE__ */ import_react.default.createElement("div", null, separator) : null
-  )));
+      /* @__PURE__ */ import_react.default.createElement(
+        "a",
+        {
+          href: singleBreadcrumbLink.href,
+          className: index + 1 === breadcrumbLinks.length ? "hawa-pointer-events-none" : "hawa-underline-offset-4 hawa-transition-all hover:hawa-text-primary hover:hawa-underline hover:hawa-decoration-2"
+        },
+        singleBreadcrumbLink.label
+      ),
+      index != breadcrumbLinks.length - 1 ? typeof separator == "string" ? /* @__PURE__ */ import_react.default.createElement("div", null, separator) : /* @__PURE__ */ import_react.default.createElement("div", null, separator) : null
+    ))
+  );
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/breadcrumb/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../elements/breadcrumb/index.ts","../../elements/breadcrumb/Breadcrumb.tsx"],"sourcesContent":["export * from \"./Breadcrumb\";\n","import React, { FC, ReactNode } from \"react\";\n\ninterface BCTypes {\n  /** The array of crumbs, each one with a label and a href link */\n  breadcrumbLinks: { label: string; href: string }[];\n  /** The separator between each crumb, can be character or React Node. The default is \">\" */\n  separator?: string | ReactNode;\n}\n\nexport const Breadcrumb: FC<BCTypes> = ({\n  breadcrumbLinks,\n  separator = \">\"\n}) => {\n  return (\n    <div className=\"hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 hawa-text-sm\">\n      {breadcrumbLinks.map((singleBreadcrumbLink, index) => (\n        <div\n          key={index}\n          className=\"hawa-flex hawa-flex-row hawa-items-center hawa-justify-center hawa-gap-2\"\n        >\n          <a\n            href={singleBreadcrumbLink.href}\n            className={\n              index + 1 === breadcrumbLinks.length\n                ? \"hawa-pointer-events-none\"\n                : \"hawa-underline-offset-4 hawa-transition-all hover:hawa-text-primary hover:hawa-underline hover:hawa-decoration-2\"\n            }\n          >\n            {singleBreadcrumbLink.label}\n          </a>\n          {index != breadcrumbLinks.length - 1 ? (\n            typeof separator == \"string\" ? (\n              <div>{separator}</div>\n            ) : (\n              <div>{separator}</div>\n            )\n          ) : null}\n        </div>\n      ))}\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,mBAAqC;AAS9B,IAAM,aAA0B,CAAC;AAAA,EACtC;AAAA,EACA,YAAY;AACd,MAAM;AACJ,SACE,6BAAAA,QAAA,cAAC,SAAI,WAAU,uEACZ,gBAAgB,IAAI,CAAC,sBAAsB,UAC1C,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,WAAU;AAAA;AAAA,IAEV,6BAAAA,QAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,qBAAqB;AAAA,QAC3B,WACE,QAAQ,MAAM,gBAAgB,SAC1B,6BACA;AAAA;AAAA,MAGL,qBAAqB;AAAA,IACxB;AAAA,IACC,SAAS,gBAAgB,SAAS,IACjC,OAAO,aAAa,WAClB,6BAAAA,QAAA,cAAC,aAAK,SAAU,IAEhB,6BAAAA,QAAA,cAAC,aAAK,SAAU,IAEhB;AAAA,EACN,CACD,CACH;AAEJ;","names":["React"]}
+{"version":3,"sources":["../../elements/breadcrumb/index.ts","../../elements/breadcrumb/Breadcrumb.tsx","../../util/index.ts"],"sourcesContent":["export * from \"./Breadcrumb\";\n","import React, { FC, ReactNode } from \"react\";\n\nimport { cn } from \"@util/index\";\n\nexport type BreadcrumbItemProps = {\n  label: string;\n  href: string;\n};\ninterface BCTypes {\n  /** The array of crumbs, each one with a label and a href link */\n  breadcrumbLinks: BreadcrumbItemProps[];\n  /** The separator between each crumb, can be character or React Node. The default is \">\" */\n  separator?: string | ReactNode;\n  size?: \"normal\" | \"small\" | \"xs\";\n}\n\nexport const Breadcrumb: FC<BCTypes> = ({\n  breadcrumbLinks,\n  separator = \">\",\n  size = \"normal\",\n}) => {\n  const textStyles = {\n    normal: \"\",\n    small: \"hawa-text-sm\",\n    xs: \"hawa-text-xs\",\n  };\n  return (\n    <div\n      className={cn(\n        \"hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 hawa-text-sm\",\n        textStyles[size],\n      )}\n    >\n      {breadcrumbLinks.map((singleBreadcrumbLink, index) => (\n        <div\n          key={index}\n          className=\"hawa-flex hawa-flex-row hawa-items-center hawa-justify-center hawa-gap-2\"\n        >\n          <a\n            href={singleBreadcrumbLink.href}\n            className={\n              index + 1 === breadcrumbLinks.length\n                ? \"hawa-pointer-events-none\"\n                : \"hawa-underline-offset-4 hawa-transition-all hover:hawa-text-primary hover:hawa-underline hover:hawa-decoration-2\"\n            }\n          >\n            {singleBreadcrumbLink.label}\n          </a>\n          {index != breadcrumbLinks.length - 1 ? (\n            typeof separator == \"string\" ? (\n              <div>{separator}</div>\n            ) : (\n              <div>{separator}</div>\n            )\n          ) : null}\n        </div>\n      ))}\n    </div>\n  );\n};\n","import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n\ntype Palette = {\n  name: string;\n  colors: {\n    [key: number]: string;\n  };\n};\ntype Rgb = {\n  r: number;\n  g: number;\n  b: number;\n};\nfunction hexToRgb(hex: string): Rgb | null {\n  const sanitizedHex = hex.replaceAll(\"##\", \"#\");\n  const colorParts = /^#?([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})$/i.exec(\n    sanitizedHex\n  );\n\n  if (!colorParts) {\n    return null;\n  }\n\n  const [, r, g, b] = colorParts;\n\n  return {\n    r: parseInt(r, 16),\n    g: parseInt(g, 16),\n    b: parseInt(b, 16)\n  } as Rgb;\n}\n\nfunction rgbToHex(r: number, g: number, b: number): string {\n  const toHex = (c: number) => `0${c.toString(16)}`.slice(-2);\n  return `#${toHex(r)}${toHex(g)}${toHex(b)}`;\n}\n\nexport function getTextColor(color: string): \"#FFF\" | \"#333\" {\n  const rgbColor = hexToRgb(color);\n\n  if (!rgbColor) {\n    return \"#333\";\n  }\n\n  const { r, g, b } = rgbColor;\n  const luma = 0.2126 * r + 0.7152 * g + 0.0722 * b;\n\n  return luma < 120 ? \"#FFF\" : \"#333\";\n}\n\nfunction lighten(hex: string, intensity: number): string {\n  const color = hexToRgb(`#${hex}`);\n\n  if (!color) {\n    return \"\";\n  }\n\n  const r = Math.round(color.r + (255 - color.r) * intensity);\n  const g = Math.round(color.g + (255 - color.g) * intensity);\n  const b = Math.round(color.b + (255 - color.b) * intensity);\n\n  return rgbToHex(r, g, b);\n}\n\nfunction darken(hex: string, intensity: number): string {\n  const color = hexToRgb(hex);\n\n  if (!color) {\n    return \"\";\n  }\n\n  const r = Math.round(color.r * intensity);\n  const g = Math.round(color.g * intensity);\n  const b = Math.round(color.b * intensity);\n\n  return rgbToHex(r, g, b);\n}\nconst parseColor = (color: any) => {\n  if (color.startsWith(\"#\")) {\n    // Convert hex to RGB\n    let r = parseInt(color.slice(1, 3), 16);\n    let g = parseInt(color.slice(3, 5), 16);\n    let b = parseInt(color.slice(5, 7), 16);\n    return [r, g, b];\n  } else if (color.startsWith(\"rgb\")) {\n    // Extract RGB values from rgb() format\n    return color.match(/\\d+/g).map(Number);\n  }\n  // Default to white if format is unrecognized\n  return [255, 255, 255];\n};\nexport const calculateLuminance = (color: any) => {\n  const [r, g, b] = parseColor(color)?.map((c: any) => {\n    c /= 255;\n    return c <= 0.03928 ? c / 12.92 : ((c + 0.055) / 1.055) ** 2.4;\n  });\n  return 0.2126 * r + 0.7152 * g + 0.0722 * b;\n};\n\nfunction getPallette(baseColor: string): Palette {\n  const name = baseColor;\n\n  const response: Palette = {\n    name,\n    colors: {\n      500: `#${baseColor}`.replace(\"##\", \"#\")\n    }\n  };\n\n  const intensityMap: {\n    [key: number]: number;\n  } = {\n    50: 0.95,\n    100: 0.9,\n    200: 0.75,\n    300: 0.6,\n    400: 0.3,\n    600: 0.9,\n    700: 0.75,\n    800: 0.6,\n    900: 0.49\n  };\n\n  [50, 100, 200, 300, 400].forEach((level) => {\n    response.colors[level] = lighten(baseColor, intensityMap[level]);\n  });\n  [600, 700, 800, 900].forEach((level) => {\n    response.colors[level] = darken(baseColor, intensityMap[level]);\n  });\n\n  return response as Palette;\n}\n\nexport { getPallette };\n\n// const hexToRgb = (hex) => {\n//   let d = hex?.split(\"#\")[1];\n//   var aRgbHex = d?.match(/.{1,2}/g);\n//   var aRgb = [\n//     parseInt(aRgbHex[0], 16),\n//     parseInt(aRgbHex[1], 16),\n//     parseInt(aRgbHex[2], 16)\n//   ];\n//   return aRgb;\n// };\n// const getTextColor = (backColor) => {\n//   let rgbArray = hexToRgb(backColor);\n//   if (rgbArray[0] * 0.299 + rgbArray[1] * 0.587 + rgbArray[2] * 0.114 > 186) {\n//     return \"#000000\";\n//   } else {\n//     return \"#ffffff\";\n//   }\n// };\n// const replaceAt = function (string, index, replacement) {\n//   // if (replacement == \"\" || replacement == \" \") {\n//   //   return (\n//   //     string.substring(0, index) +\n//   //     string.substring(index + replacement.length )\n//   //   );\n//   // }\n//   const replaced = string.substring(0, index) + replacement + string.substring(index + 1)\n//   return replaced\n// };\n\n// export { hexToRgb, getTextColor, replaceAt };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,mBAAqC;;;ACArC,kBAAsC;AACtC,4BAAwB;AAEjB,SAAS,MAAM,QAAsB;AAC1C,aAAO,mCAAQ,kBAAK,MAAM,CAAC;AAC7B;;;ADWO,IAAM,aAA0B,CAAC;AAAA,EACtC;AAAA,EACA,YAAY;AAAA,EACZ,OAAO;AACT,MAAM;AACJ,QAAM,aAAa;AAAA,IACjB,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,IAAI;AAAA,EACN;AACA,SACE,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA,WAAW,IAAI;AAAA,MACjB;AAAA;AAAA,IAEC,gBAAgB,IAAI,CAAC,sBAAsB,UAC1C,6BAAAA,QAAA;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL,WAAU;AAAA;AAAA,MAEV,6BAAAA,QAAA;AAAA,QAAC;AAAA;AAAA,UACC,MAAM,qBAAqB;AAAA,UAC3B,WACE,QAAQ,MAAM,gBAAgB,SAC1B,6BACA;AAAA;AAAA,QAGL,qBAAqB;AAAA,MACxB;AAAA,MACC,SAAS,gBAAgB,SAAS,IACjC,OAAO,aAAa,WAClB,6BAAAA,QAAA,cAAC,aAAK,SAAU,IAEhB,6BAAAA,QAAA,cAAC,aAAK,SAAU,IAEhB;AAAA,IACN,CACD;AAAA,EACH;AAEJ;","names":["React"]}