@sikka/hawa 0.23.2-next → 0.23.7-next

package/dist/blocks/misc/index.js

@@ -42,10 +42,11 @@ __export(misc_exports, {
 module.exports = __toCommonJS(misc_exports);
 
 // components/blocks/misc/LegalTexts.tsx
-var import_react41 = __toESM(require("react"));
+var import_react2 = __toESM(require("react"));
 
-// components/elements/card/Card.tsx
+// components/elements/scrollArea/ScrollArea.tsx
 var React = __toESM(require("react"));
+var ScrollAreaPrimitive = __toESM(require("@radix-ui/react-scroll-area"));
 
 // components/util.ts
 var import_clsx = require("clsx");
@@ -54,88 +55,223 @@ function cn(...inputs) {
   return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
 }
 
-// components/elements/card/Card.tsx
-var Card = React.forwardRef(
-  ({ className, variant = "default", clickable = false, ...props }, ref) => {
-    let variantStyles = {
-      default: cn(
-        "hawa-rounded-lg hawa-border hawa-bg-card hawa-text-card-foreground hawa-shadow-sm",
-        clickable && "hawa-cursor-pointer hawa-transition-all hover:hawa-drop-shadow-md dark:hover:dark-shadow"
-      ),
-      neoBrutalism: cn(
-        "neo-brutalism",
-        // "hawa-transition-all hawa-uppercase hawa-font-mono  dark:hawa-bg-black hawa-font-bold hawa-py-2 hawa-px-4 hawa-rounded hawa-border-2 hawa-border-primary hawa-shadow-color-primary hawa-transition-[hawa-transform_50ms, hawa-box-shadow_50ms] transition-all uppercase font-mono  dark:bg-black font-bold py-2 px-4 rounded border-2 border-primary shadow-color-primary transition-[transform_50ms, box-shadow_50ms]",
-        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__ */ React.createElement(
-      "div",
-      {
-        ref,
-        className: cn(className, variantStyles[variant]),
-        ...props
-      }
-    );
-  }
-);
-var CardHeader = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
-  "div",
+// components/elements/scrollArea/ScrollArea.tsx
+var ScrollArea = React.forwardRef(({ className, children, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ React.createElement(
+  ScrollAreaPrimitive.Root,
   {
     ref,
-    className: cn(
-      "hawa-flex hawa-flex-col hawa-space-y-1.5 hawa-p-6",
-      className
-    ),
+    className: cn("hawa-relative hawa-overflow-hidden", className),
     ...props
-  }
+  },
+  /* @__PURE__ */ React.createElement(ScrollAreaPrimitive.Viewport, { className: "hawa-h-full hawa-w-full hawa-rounded-[inherit]" }, children),
+  /* @__PURE__ */ React.createElement(ScrollBar, { orientation }),
+  /* @__PURE__ */ React.createElement(ScrollAreaPrimitive.Corner, null)
 ));
-var CardTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
-  "h3",
+ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
+var ScrollBar = React.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ React.createElement(
+  ScrollAreaPrimitive.ScrollAreaScrollbar,
   {
     ref,
-    className: cn("hawa-text-2xl hawa-font-semibold ", className),
+    orientation,
+    className: cn(
+      "hawa-flex hawa-touch-none hawa-select-none hawa-transition-colors",
+      orientation === "vertical" && "hawa-h-full hawa-w-2.5 hawa-border-l hawa-border-l-transparent hawa-p-[1px]",
+      orientation === "horizontal" && "hawa-h-2.5 hawa-border-t hawa-border-t-transparent hawa-p-[1px]",
+      className
+    ),
     ...props
-  }
+  },
+  /* @__PURE__ */ React.createElement(
+    ScrollAreaPrimitive.ScrollAreaThumb,
+    {
+      className: cn(
+        "hawa-relative hawa-rounded-full hawa-bg-border",
+        orientation === "vertical" && "hawa-flex-1"
+      )
+    }
+  )
 ));
-var CardDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
-  "p",
+ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
+
+// components/elements/tabs/Tabs.tsx
+var React3 = __toESM(require("react"));
+var TabsPrimitive = __toESM(require("@radix-ui/react-tabs"));
+
+// components/elements/chip/Chip.tsx
+var import_react = __toESM(require("react"));
+var Chip = import_react.default.forwardRef(
+  ({
+    label,
+    size = "normal",
+    icon,
+    color,
+    radius = "inherit",
+    dotType,
+    ...rest
+  }, ref) => {
+    let defaultStyles = "hawa-flex hawa-flex-row hawa-w-fit hawa-gap-1 hawa-items-center  hawa-px-2.5 hawa-py-1  hawa-font-bold ";
+    let radiusStyles = {
+      inherit: " hawa-rounded",
+      full: "hawa-rounded-full",
+      none: "hawa-rounded-none"
+    };
+    let sizeStyles = {
+      small: "hawa-h-[15px] hawa-leading-4 hawa-px-0 hawa-py-0 hawa-text-[9px] hawa-gap-0.5 ",
+      normal: "hawa-h-fit hawa-text-xs",
+      large: "hawa-text-base"
+    };
+    let dotStyles = {
+      small: "hawa-flex hawa-h-1 hawa-w-1 hawa-rounded-full",
+      normal: "hawa-flex hawa-h-2 hawa-w-2 hawa-rounded-full",
+      large: "hawa-flex hawa-h-3 hawa-w-3 hawa-rounded-full"
+    };
+    let dotTypeStyles = {
+      available: "hawa-bg-green-500",
+      unavailable: "hawa-bg-red-500"
+    };
+    let colorStyles = {
+      green: "hawa-bg-green-100 hawa-text-green-500 dark:hawa-bg-green-400 dark:hawa-text-green-800",
+      blue: "hawa-bg-blue-100 hawa-text-blue-500 dark:hawa-bg-blue-400 dark:hawa-text-blue-100",
+      red: "hawa-bg-red-100 hawa-text-red-500 dark:hawa-bg-red-400 dark:hawa-text-red-100",
+      yellow: "hawa-bg-yellow-100 hawa-text-yellow-600 dark:hawa-bg-yellow-400 dark:hawa-text-yellow-800",
+      orange: "hawa-bg-orange-100 hawa-text-orange-500 dark:hawa-bg-orange-400 dark:hawa-text-orange-100",
+      purple: "hawa-bg-purple-100 hawa-text-purple-500 dark:hawa-bg-purple-400 dark:hawa-text-purple-100",
+      cyan: "hawa-bg-cyan-100 hawa-text-cyan-800 dark:hawa-bg-cyan-400 dark:hawa-text-cyan-800",
+      hyper: "hawa-text-white hawa-bg-gradient-to-tl hawa-from-pink-500 hawa-via-red-500 hawa-to-yellow-500 ",
+      oceanic: "hawa-text-white hawa-bg-gradient-to-bl hawa-from-green-300 hawa-via-blue-500 hawa-to-purple-600"
+    };
+    if (label) {
+      return /* @__PURE__ */ import_react.default.createElement(
+        "span",
+        {
+          ...rest,
+          ref,
+          className: cn(
+            defaultStyles,
+            sizeStyles[size],
+            radiusStyles[radius],
+            color ? colorStyles[color] : "hawa-border hawa-bg-none"
+          )
+        },
+        dotType && /* @__PURE__ */ import_react.default.createElement(
+          "span",
+          {
+            className: cn(dotStyles[size], dotTypeStyles[dotType])
+          }
+        ),
+        icon && icon,
+        label
+      );
+    } else {
+      return /* @__PURE__ */ import_react.default.createElement(
+        "span",
+        {
+          ...rest,
+          ref,
+          className: cn(
+            "hawa-h-2 hawa-w-2 hawa-rounded-full",
+            color ? colorStyles[color] : "hawa-border hawa-bg-none"
+          )
+        }
+      );
+    }
+  }
+);
+
+// components/elements/tabs/Tabs.tsx
+var TabsContext = React3.createContext({ orientation: "vertical" });
+var Tabs = React3.forwardRef(({ className, orientation, ...props }, ref) => /* @__PURE__ */ React3.createElement(
+  TabsPrimitive.Root,
   {
     ref,
-    className: cn("hawa-text-sm hawa-text-muted-foreground", className),
+    className: cn(
+      "hawa-flex hawa-gap-2",
+      orientation === "vertical" ? "hawa-flex-row" : "hawa-flex-col",
+      className
+    ),
     ...props
-  }
+  },
+  /* @__PURE__ */ React3.createElement(TabsContext.Provider, { value: { orientation } }, props.children)
 ));
-var CardContent = React.forwardRef(
-  ({ headless, noPadding, className, ...props }, ref) => /* @__PURE__ */ React.createElement(
-    "div",
+Tabs.displayName = TabsPrimitive.Root.displayName;
+var TabsList = React3.forwardRef(({ className, ...props }, ref) => {
+  const { orientation } = React3.useContext(TabsContext);
+  return /* @__PURE__ */ React3.createElement(
+    TabsPrimitive.List,
     {
       ref,
       className: cn(
-        noPadding ? "hawa-p-0" : "hawa-p-6",
-        headless ? "hawa-pt-6" : "hawa-pt-0",
+        "hawa-flex hawa-w-fit hawa-flex-wrap hawa-items-center hawa-justify-start hawa-gap-1 hawa-rounded hawa-border hawa-bg-muted hawa-p-1 hawa-text-muted-foreground  dark:hawa-border-primary/10",
+        orientation === "vertical" ? "hawa-flex-col" : "hawa-flex-row",
         className
       ),
       ...props
     }
-  )
-);
-var CardFooter = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
-  "div",
+  );
+});
+TabsList.displayName = TabsPrimitive.List.displayName;
+var TabsTrigger = React3.forwardRef(({ className, chipProps, ...props }, ref) => {
+  return /* @__PURE__ */ React3.createElement(
+    TabsPrimitive.Trigger,
+    {
+      ref,
+      className: cn(
+        "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-border 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 data-[state=active]:hawa-bg-primary data-[state=active]:hawa-text-primary-foreground data-[state=active]:hawa-shadow-sm  dark:hawa-border-primary/10",
+        className
+      ),
+      ...props
+    },
+    props.children,
+    chipProps && /* @__PURE__ */ React3.createElement(Chip, { ...chipProps })
+  );
+});
+TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
+var TabsContent = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React3.createElement(
+  TabsPrimitive.Content,
   {
     ref,
-    className: cn("hawa-flex hawa-items-center hawa-p-6 hawa-pt-0", className),
+    className: cn(
+      "hawa-ring-offset-hawa-background hawa-w-full focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-2",
+      className
+    ),
     ...props
   }
 ));
-CardDescription.displayName = "CardDescription";
-CardContent.displayName = "CardContent";
-CardHeader.displayName = "CardHeader";
-CardFooter.displayName = "CardFooter";
-CardTitle.displayName = "CardTitle";
-Card.displayName = "Card";
+TabsContent.displayName = TabsPrimitive.Content.displayName;
+
+// components/blocks/misc/LegalTexts.tsx
+var LegalTexts = ({ tabs, ...props }) => {
+  return /* @__PURE__ */ import_react2.default.createElement(
+    Tabs,
+    {
+      value: props.activeTab,
+      onValueChange: props.handleTabChange,
+      defaultValue: props.defaultTab || tabs[0].value,
+      dir: props.direction
+    },
+    /* @__PURE__ */ import_react2.default.createElement(TabsList, { className: "hawa-w-full" }, tabs.map((tab, index) => /* @__PURE__ */ import_react2.default.createElement(TabsTrigger, { key: index, value: tab.value }, tab.title))),
+    tabs.map((tab, index) => /* @__PURE__ */ import_react2.default.createElement(TabsContent, { key: index, value: tab.value }, /* @__PURE__ */ import_react2.default.createElement(
+      ScrollArea,
+      {
+        className: cn(
+          "hawa-rounded  hawa-border hawa-bg-muted hawa-p-4",
+          props.scrollAreaClassName
+        )
+      },
+      tab.content
+    )))
+  );
+};
+
+// components/blocks/misc/EmptyState.tsx
+var import_react4 = __toESM(require("react"));
+
+// components/elements/button/Button.tsx
+var React6 = __toESM(require("react"));
+var import_class_variance_authority = require("class-variance-authority");
 
 // components/elements/loading/Loading.tsx
-var import_react = __toESM(require("react"));
+var import_react3 = __toESM(require("react"));
 var Loading = ({
   design = "spinner",
   size = "sm",
@@ -157,12 +293,12 @@ var Loading = ({
   };
   switch (design.split("-")[0]) {
     case "dots":
-      return /* @__PURE__ */ import_react.default.createElement(
+      return /* @__PURE__ */ import_react3.default.createElement(
         "div",
         {
           className: cn("hawa-flex hawa-flex-row hawa-gap-2", props.className)
         },
-        /* @__PURE__ */ import_react.default.createElement(
+        /* @__PURE__ */ import_react3.default.createElement(
           "div",
           {
             className: cn(
@@ -173,7 +309,7 @@ var Loading = ({
             )
           }
         ),
-        /* @__PURE__ */ import_react.default.createElement(
+        /* @__PURE__ */ import_react3.default.createElement(
           "div",
           {
             className: cn(
@@ -184,7 +320,7 @@ var Loading = ({
             )
           }
         ),
-        /* @__PURE__ */ import_react.default.createElement(
+        /* @__PURE__ */ import_react3.default.createElement(
           "div",
           {
             className: cn(
@@ -197,7 +333,7 @@ var Loading = ({
         )
       );
     case "square":
-      return /* @__PURE__ */ import_react.default.createElement(
+      return /* @__PURE__ */ import_react3.default.createElement(
         "svg",
         {
           className: cn("squircle-container", sizeStyles[size]),
@@ -205,7 +341,7 @@ var Loading = ({
           height: "35",
           width: "35"
         },
-        /* @__PURE__ */ import_react.default.createElement(
+        /* @__PURE__ */ import_react3.default.createElement(
           "rect",
           {
             className: "squircle-track",
@@ -217,7 +353,7 @@ var Loading = ({
             height: "32.5"
           }
         ),
-        /* @__PURE__ */ import_react.default.createElement(
+        /* @__PURE__ */ import_react3.default.createElement(
           "rect",
           {
             className: "square-car",
@@ -232,7 +368,7 @@ var Loading = ({
         )
       );
     case "squircle":
-      return /* @__PURE__ */ import_react.default.createElement(
+      return /* @__PURE__ */ import_react3.default.createElement(
         "svg",
         {
           className: cn("squircle-container", sizeStyles[size]),
@@ -243,7 +379,7 @@ var Loading = ({
           width: "37",
           preserveAspectRatio: "xMidYMid meet"
         },
-        /* @__PURE__ */ import_react.default.createElement(
+        /* @__PURE__ */ import_react3.default.createElement(
           "path",
           {
             className: "squircle-track",
@@ -253,7 +389,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_react.default.createElement(
+        /* @__PURE__ */ import_react3.default.createElement(
           "path",
           {
             className: "squircle-car",
@@ -265,11 +401,11 @@ var Loading = ({
         )
       );
     case "progress":
-      return /* @__PURE__ */ import_react.default.createElement("div", { className: "progress-loading" });
+      return /* @__PURE__ */ import_react3.default.createElement("div", { className: "progress-loading" });
     case "orbit":
-      return /* @__PURE__ */ import_react.default.createElement("div", { className: "orbit-container" });
+      return /* @__PURE__ */ import_react3.default.createElement("div", { className: "orbit-container" });
     default:
-      return /* @__PURE__ */ import_react.default.createElement(
+      return /* @__PURE__ */ import_react3.default.createElement(
         "svg",
         {
           className: cn("circle-container", sizeStyles[size]),
@@ -277,7 +413,7 @@ var Loading = ({
           height: "40",
           width: "40"
         },
-        /* @__PURE__ */ import_react.default.createElement(
+        /* @__PURE__ */ import_react3.default.createElement(
           "circle",
           {
             className: cn("circle-track", {
@@ -292,7 +428,7 @@ var Loading = ({
             fill: "none"
           }
         ),
-        /* @__PURE__ */ import_react.default.createElement(
+        /* @__PURE__ */ import_react3.default.createElement(
           "circle",
           {
             className: cn("circle-car", {
@@ -311,2395 +447,433 @@ var Loading = ({
   }
 };
 
-// components/elements/tooltip/Tooltip.tsx
-var import_react2 = __toESM(require("react"));
-var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"));
-var TooltipContent = import_react2.default.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ import_react2.default.createElement(
-  TooltipPrimitive.Content,
+// components/elements/button/Button.tsx
+var buttonVariants = (0, import_class_variance_authority.cva)(
+  "hawa-inline-flex hawa-items-center  hawa-select-none hawa-rounded-md hawa-text-sm hawa-font-medium hawa-ring-offset-background hawa-transition-colors 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",
   {
-    ref,
-    sideOffset,
-    className: cn(
-      "hawa-z-50 hawa-overflow-hidden hawa-rounded-md hawa-border hawa-bg-popover hawa-px-3 hawa-py-1.5 hawa-text-sm hawa-text-popover-foreground hawa-shadow-md hawa-animate-in hawa-fade-in-0 hawa-zoom-in-95 data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-fade-out-0 data-[state=closed]:hawa-zoom-out-95 data-[side=bottom]:hawa-slide-in-from-top-2 data-[side=left]:hawa-slide-in-from-right-2 data-[side=right]:hawa-slide-in-from-left-2 data-[side=top]:hawa-slide-in-from-bottom-2",
-      className
-    ),
-    ...props
-  }
-));
-TooltipContent.displayName = TooltipPrimitive.Content.displayName;
-var TooltipArrow = import_react2.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ import_react2.default.createElement(TooltipPrimitive.Arrow, { ref, className: cn(className), ...props }));
-TooltipArrow.displayName = TooltipPrimitive.Arrow.displayName;
-var Tooltip = ({
-  side,
-  open,
-  content,
-  children,
-  defaultOpen,
-  onOpenChange,
-  triggerProps,
-  contentProps,
-  providerProps,
-  delayDuration = 300,
-  ...props
-}) => {
-  return /* @__PURE__ */ import_react2.default.createElement(
-    TooltipPrimitive.TooltipProvider,
-    {
-      delayDuration,
-      ...providerProps
+    variants: {
+      variant: {
+        default: "hawa-bg-primary hawa-text-primary-foreground hover:hawa-bg-primary/90",
+        light: "hawa-bg-primary/20 hawa-text-primary hover:hawa-bg-primary/40",
+        destructive: "hawa-bg-destructive hawa-text-destructive-foreground hover:hawa-bg-destructive/90",
+        outline: "hawa-border hawa-border-input hawa-bg-transparent hover:hawa-bg-accent hover:hawa-text-accent-foreground",
+        secondary: "hawa-bg-secondary hawa-text-secondary-foreground hover:hawa-bg-secondary/80",
+        ghost: "hover:hawa-bg-accent hover:hawa-text-accent-foreground",
+        link: "hawa-text-primary hawa-underline-offset-4 hover:hawa-underline",
+        combobox: "hawa-bg-background hawa-border",
+        neoBrutalism: "neo-brutalism"
+        // "hawa-cursor-pointer hawa-transition-all hawa-uppercase hawa-font-mono  dark:hawa-bg-black hawa-font-bold hawa-py-2 hawa-px-4 hawa-rounded hawa-border-2 hawa-border-primary hawa-shadow-color-primary hawa-transition-[hawa-transform_50ms, hawa-box-shadow_50ms] active:hawa-translate-x-0.5 active:hawa-translate-y-0.5 active:hawa-shadow-color-primary-active shadow-color-primary active:shadow-color-primary-active",
+      },
+      size: {
+        default: "hawa-h-10 hawa-px-4 hawa-py-2",
+        heightless: "hawa-px-4 hawa-py-4",
+        xs: "hawa-h-fit hawa-min-h-[25px] hawa-py-1 hawa-text-[10px] hawa-px-2 ",
+        sm: "hawa-h-9  hawa-text-[11px] hawa-rounded-md hawa-px-3",
+        lg: "hawa-h-11 hawa-rounded-md hawa-px-8",
+        xl: "hawa-h-14 hawa-rounded-md hawa-px-10",
+        icon: "hawa-h-10 hawa-w-10",
+        smallIcon: "hawa-h-7 hawa-w-7"
+      }
     },
-    /* @__PURE__ */ import_react2.default.createElement(
-      TooltipPrimitive.Root,
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+var Button = React6.forwardRef(
+  ({
+    className,
+    variant,
+    size,
+    asChild = false,
+    centered = true,
+    isLoading,
+    children,
+    ...props
+  }, ref) => {
+    const Comp = "button";
+    const loadingColor = variant === "outline" || variant === "ghost" || variant === "neoBrutalism" ? "hawa-bg-primary" : "hawa-bg-primary-foreground";
+    return /* @__PURE__ */ React6.createElement(
+      Comp,
       {
-        open,
-        defaultOpen,
-        onOpenChange,
+        className: cn(
+          buttonVariants({ variant, size, className }),
+          centered && "hawa-justify-center"
+        ),
+        ref,
         ...props
       },
-      /* @__PURE__ */ import_react2.default.createElement(TooltipPrimitive.Trigger, { ...triggerProps }, children),
-      /* @__PURE__ */ import_react2.default.createElement(TooltipContent, { side, align: "center", ...contentProps }, content)
-    )
-  );
-};
+      isLoading ? /* @__PURE__ */ React6.createElement(
+        Loading,
+        {
+          design: size === "icon" || size === "smallIcon" ? "spinner" : "dots-pulse",
+          themeMode: variant === "outline" ? "light" : "dark",
+          color: loadingColor,
+          size: size === "sm" || size === "xs" ? "xs" : "button"
+        }
+      ) : children
+    );
+  }
+);
+Button.displayName = "Button";
 
-// components/elements/skeleton/Skeleton.tsx
-var import_react3 = __toESM(require("react"));
-function Skeleton({
-  className,
-  content,
-  animation = "pulse",
-  ...props
-}) {
-  const animationStyles = {
-    none: "hawa-rounded hawa-bg-muted",
-    pulse: "hawa-animate-pulse hawa-rounded hawa-bg-muted",
-    shimmer: "hawa-space-y-5 hawa-rounded hawa-bg-muted  hawa-p-4 hawa-relative  before:hawa-absolute before:hawa-inset-0 before:hawa--translate-x-full before:hawa-animate-[shimmer_2s_infinite] before:hawa-bg-gradient-to-r before:hawa-from-transparent before:hawa-via-gray-300/40 dark:before:hawa-via-white/10 before:hawa-to-transparent hawa-isolate hawa-overflow-hidden  before:hawa-border-t before:hawa-border-rose-100/10"
-  };
-  return /* @__PURE__ */ import_react3.default.createElement(
-    "div",
-    {
-      className: cn(
-        animationStyles[animation],
-        content && "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center",
-        className
+// components/elements/card/Card.tsx
+var React7 = __toESM(require("react"));
+var Card = React7.forwardRef(
+  ({ className, variant = "default", clickable = false, ...props }, ref) => {
+    let variantStyles = {
+      default: cn(
+        "hawa-rounded-lg hawa-border hawa-bg-card hawa-text-card-foreground hawa-shadow-sm",
+        clickable && "hawa-cursor-pointer hawa-transition-all hover:hawa-drop-shadow-md dark:hover:dark-shadow"
       ),
-      ...props
-    },
-    content && content
-  );
-}
-
-// components/elements/dropdownMenu/DropdownMenu.tsx
-var React5 = __toESM(require("react"));
-var DropdownMenuPrimitive = __toESM(require("@radix-ui/react-dropdown-menu"));
-var DropdownMenuSubTrigger = React5.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ React5.createElement(
-  DropdownMenuPrimitive.SubTrigger,
+      neoBrutalism: cn(
+        "neo-brutalism",
+        // "hawa-transition-all hawa-uppercase hawa-font-mono  dark:hawa-bg-black hawa-font-bold hawa-py-2 hawa-px-4 hawa-rounded hawa-border-2 hawa-border-primary hawa-shadow-color-primary hawa-transition-[hawa-transform_50ms, hawa-box-shadow_50ms] transition-all uppercase font-mono  dark:bg-black font-bold py-2 px-4 rounded border-2 border-primary shadow-color-primary transition-[transform_50ms, box-shadow_50ms]",
+        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__ */ React7.createElement(
+      "div",
+      {
+        ref,
+        className: cn(className, variantStyles[variant]),
+        ...props
+      }
+    );
+  }
+);
+var CardHeader = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React7.createElement(
+  "div",
   {
     ref,
     className: cn(
-      "hawa-flex hawa-cursor-default hawa-select-none hawa-items-center hawa-justify-between hawa-rounded-sm hawa-text-sm hawa-outline-none focus:hawa-bg-accent data-[state=open]:hawa-bg-accent",
-      inset && "hawa-pl-8",
+      "hawa-flex hawa-flex-col hawa-space-y-1.5 hawa-p-6",
       className
     ),
     ...props
-  },
-  /* @__PURE__ */ React5.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2" }, children),
-  " ",
-  /* @__PURE__ */ React5.createElement(
-    "svg",
-    {
-      "aria-label": "Chevron Right Icon",
-      stroke: "currentColor",
-      fill: "currentColor",
-      strokeWidth: "0",
-      viewBox: "0 0 16 16",
-      height: "1em",
-      width: "1em",
-      className: cn(props.dir === "rtl" ? "hawa-rotate-180" : "")
-    },
-    /* @__PURE__ */ React5.createElement(
-      "path",
-      {
-        fillRule: "evenodd",
-        d: "M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"
-      }
-    )
-  )
+  }
 ));
-DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
-var DropdownMenuSubContent = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React5.createElement(
-  DropdownMenuPrimitive.SubContent,
+var CardTitle = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React7.createElement(
+  "h3",
   {
     ref,
-    className: cn(
-      "hawa-z-50 hawa-min-w-[8rem] hawa-gap-1 hawa-overflow-hidden hawa-rounded-md hawa-border hawa-bg-popover hawa-p-1 hawa-text-popover-foreground hawa-shadow-lg data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-fade-out-0 data-[state=open]:hawa-fade-in-0 data-[state=closed]:hawa-zoom-out-95 data-[state=open]:hawa-zoom-in-95 data-[side=bottom]:hawa-slide-in-from-top-2 data-[side=left]:hawa-slide-in-from-right-2 data-[side=right]:hawa-slide-in-from-left-2 data-[side=top]:hawa-slide-in-from-bottom-2",
-      className
-    ),
+    className: cn("hawa-text-2xl hawa-font-semibold ", className),
     ...props
   }
 ));
-DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
-var DropdownMenuContent = React5.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React5.createElement(DropdownMenuPrimitive.Portal, null, /* @__PURE__ */ React5.createElement(
-  DropdownMenuPrimitive.Content,
+var CardDescription = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React7.createElement(
+  "p",
   {
     ref,
-    sideOffset,
-    className: cn(
-      "hawa-z-50  hawa-overflow-hidden hawa-rounded-md hawa-border hawa-bg-popover hawa-p-1 hawa-text-popover-foreground hawa-shadow-md data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-fade-out-0 data-[state=open]:hawa-fade-in-0 data-[state=closed]:hawa-zoom-out-95 data-[state=open]:hawa-zoom-in-95 data-[side=bottom]:hawa-slide-in-from-top-2 data-[side=left]:hawa-slide-in-from-right-2 data-[side=right]:hawa-slide-in-from-left-2 data-[side=top]:hawa-slide-in-from-bottom-2",
-      className
-    ),
+    className: cn("hawa-text-sm hawa-text-muted-foreground", className),
     ...props
   }
-)));
-DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
-var DropdownMenuItem = React5.forwardRef(({ className, inset, badged, slug, ...props }, ref) => {
-  return /* @__PURE__ */ React5.createElement("a", { href: slug }, /* @__PURE__ */ React5.createElement(
-    DropdownMenuPrimitive.Item,
+));
+var CardContent = React7.forwardRef(
+  ({ headless, noPadding, className, ...props }, ref) => /* @__PURE__ */ React7.createElement(
+    "div",
     {
-      disabled: props.disabled,
       ref,
       className: cn(
-        "hawa-relative hawa-flex hawa-cursor-pointer hawa-select-none hawa-items-center hawa-justify-between hawa-rounded-sm hawa-text-sm hawa-outline-none hawa-transition-colors focus:hawa-text-accent-foreground data-[disabled]:hawa-pointer-events-none data-[disabled]:hawa-opacity-50",
-        inset && "hawa-pl-8",
-        props.end && Array.isArray(props.children) && props.children[1] && "hawa-gap-6",
+        noPadding ? "hawa-p-0" : "hawa-p-6",
+        headless ? "hawa-pt-6" : "hawa-pt-0",
         className
       ),
       ...props
-    },
-    /* @__PURE__ */ React5.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 " }, props.children),
-    props.end && props.end,
-    !props.end && props.shortcut && /* @__PURE__ */ React5.createElement(DropdownMenuShortcut, null, props.shortcut),
-    !props.end && badged && /* @__PURE__ */ React5.createElement("div", { className: "hawa-h-3 hawa-w-3 hawa-rounded-full hawa-bg-red-500" })
-  ));
-});
-DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
-var DropdownMenuCheckboxItem = React5.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ React5.createElement(
-  DropdownMenuPrimitive.CheckboxItem,
+    }
+  )
+);
+var CardFooter = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React7.createElement(
+  "div",
   {
     ref,
-    className: cn(
-      "hawa-relative hawa-flex hawa-cursor-default hawa-select-none hawa-items-center hawa-rounded-sm hawa-py-1.5 hawa-pl-8 hawa-pr-2 hawa-text-sm hawa-outline-none hawa-transition-colors focus:hawa-bg-accent focus:hawa-text-accent-foreground data-[disabled]:hawa-pointer-events-none data-[disabled]:hawa-opacity-50",
-      className
-    ),
-    checked,
+    className: cn("hawa-flex hawa-items-center hawa-p-6 hawa-pt-0", className),
     ...props
-  },
-  /* @__PURE__ */ React5.createElement("span", { className: "hawa-absolute hawa-left-2 hawa-flex hawa-h-3.5 hawa-w-3.5 hawa-items-center hawa-justify-center" }, /* @__PURE__ */ React5.createElement(DropdownMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React5.createElement(
+  }
+));
+CardDescription.displayName = "CardDescription";
+CardContent.displayName = "CardContent";
+CardHeader.displayName = "CardHeader";
+CardFooter.displayName = "CardFooter";
+CardTitle.displayName = "CardTitle";
+Card.displayName = "Card";
+
+// components/blocks/misc/EmptyState.tsx
+var EmptyState = ({ texts, onActionClick }) => {
+  return /* @__PURE__ */ import_react4.default.createElement(Card, null, /* @__PURE__ */ import_react4.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react4.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-text-center " }, /* @__PURE__ */ import_react4.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_react4.default.createElement(
     "svg",
     {
-      "aria-label": "Check Mark",
       stroke: "currentColor",
       fill: "currentColor",
       strokeWidth: "0",
       viewBox: "0 0 512 512",
-      height: "0.60em",
-      width: "0.60em"
+      height: "0.35em",
+      width: "0.35em"
     },
-    /* @__PURE__ */ React5.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" })
-  ), " ")),
-  children
-));
-DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
-var DropdownMenuRadioItem = React5.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React5.createElement(
-  DropdownMenuPrimitive.RadioItem,
-  {
-    ref,
-    className: cn(
-      "hawa-relative hawa-flex hawa-cursor-pointer hawa-select-none hawa-items-center hawa-rounded-sm hawa-py-1.5 hawa-pl-8 hawa-pr-2 hawa-text-sm hawa-outline-none hawa-transition-colors focus:hawa-bg-accent focus:hawa-text-accent-foreground data-[disabled]:hawa-pointer-events-none data-[disabled]:hawa-opacity-50",
-      className
-    ),
-    ...props
-  },
-  /* @__PURE__ */ React5.createElement("span", { className: "hawa-absolute hawa-left-2 hawa-flex hawa-h-3.5 hawa-w-3.5 hawa-items-center hawa-justify-center" }, /* @__PURE__ */ React5.createElement(DropdownMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React5.createElement(
-    "svg",
+    /* @__PURE__ */ import_react4.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_react4.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_react4.default.createElement(CardFooter, null, /* @__PURE__ */ import_react4.default.createElement(Button, { className: "hawa-w-full", onClick: () => onActionClick() }, (texts == null ? void 0 : texts.actionText) || "Go Home")));
+};
+
+// components/blocks/misc/Testimonial.tsx
+var import_react5 = __toESM(require("react"));
+var Testimonial = () => {
+  return /* @__PURE__ */ import_react5.default.createElement(Card, null, /* @__PURE__ */ import_react5.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react5.default.createElement("div", null, /* @__PURE__ */ import_react5.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_react5.default.createElement("div", { className: "flex flex-row gap-4" }, /* @__PURE__ */ import_react5.default.createElement("svg", { width: "48", height: "48", viewBox: "0 0 48 48", fill: "none" }, /* @__PURE__ */ import_react5.default.createElement("rect", { width: "48", height: "48", rx: "24", fill: "#45BE8B" }), /* @__PURE__ */ import_react5.default.createElement(
+    "path",
     {
-      xmlns: "http://www.w3.org/2000/svg",
-      width: "24",
-      "aria-label": "Circle",
-      height: "24",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      className: "hawa-h-2 hawa-w-2 hawa-fill-current"
-    },
-    /* @__PURE__ */ React5.createElement("circle", { cx: "12", cy: "12", r: "10" })
-  ))),
-  children
-));
-DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
-var DropdownMenuLabel = React5.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ React5.createElement(
-  DropdownMenuPrimitive.Label,
+      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_react5.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_react5.default.createElement("span", { className: "border border-l " }), " ", /* @__PURE__ */ import_react5.default.createElement("div", null, /* @__PURE__ */ import_react5.default.createElement("strong", null, "Brent Lassi"), /* @__PURE__ */ import_react5.default.createElement("div", null, " Chief Information Security Officer")))));
+};
+
+// components/blocks/misc/LeadGenerator.tsx
+var import_react9 = __toESM(require("react"));
+var import_react_hook_form = require("react-hook-form");
+
+// components/elements/input/Input.tsx
+var import_react8 = __toESM(require("react"));
+
+// components/elements/label/Label.tsx
+var React11 = __toESM(require("react"));
+
+// components/elements/tooltip/Tooltip.tsx
+var import_react6 = __toESM(require("react"));
+var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"));
+var TooltipContent = import_react6.default.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ import_react6.default.createElement(
+  TooltipPrimitive.Content,
   {
     ref,
+    sideOffset,
     className: cn(
-      "hawa-px-2 hawa-py-1.5 hawa-text-sm hawa-font-semibold",
-      inset && "hawa-pl-8",
+      "hawa-z-50 hawa-overflow-hidden hawa-rounded-md hawa-border hawa-bg-popover hawa-px-3 hawa-py-1.5 hawa-text-sm hawa-text-popover-foreground hawa-shadow-md hawa-animate-in hawa-fade-in-0 hawa-zoom-in-95 data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-fade-out-0 data-[state=closed]:hawa-zoom-out-95 data-[side=bottom]:hawa-slide-in-from-top-2 data-[side=left]:hawa-slide-in-from-right-2 data-[side=right]:hawa-slide-in-from-left-2 data-[side=top]:hawa-slide-in-from-bottom-2",
       className
     ),
     ...props
   }
 ));
-DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
-var DropdownMenuSeparator = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React5.createElement(
-  DropdownMenuPrimitive.Separator,
-  {
-    ref,
-    className: cn("hawa--mx-1 hawa-my-1 hawa-h-px hawa-bg-muted", className),
-    ...props
-  }
-));
-DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
-var DropdownMenuShortcut = ({
-  className,
+TooltipContent.displayName = TooltipPrimitive.Content.displayName;
+var TooltipArrow = import_react6.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ import_react6.default.createElement(TooltipPrimitive.Arrow, { ref, className: cn(className), ...props }));
+TooltipArrow.displayName = TooltipPrimitive.Arrow.displayName;
+var Tooltip = ({
+  side,
+  open,
+  content,
+  children,
+  defaultOpen,
+  onOpenChange,
+  triggerProps,
+  contentProps,
+  providerProps,
+  delayDuration = 300,
   ...props
 }) => {
-  return /* @__PURE__ */ React5.createElement(
-    "span",
+  return /* @__PURE__ */ import_react6.default.createElement(
+    TooltipPrimitive.TooltipProvider,
     {
-      className: cn(
-        "hawa-text-xs hawa-tracking-widest hawa-opacity-60",
-        className
-      ),
-      ...props
-    }
+      delayDuration,
+      ...providerProps
+    },
+    /* @__PURE__ */ import_react6.default.createElement(
+      TooltipPrimitive.Root,
+      {
+        open,
+        defaultOpen,
+        onOpenChange,
+        ...props
+      },
+      /* @__PURE__ */ import_react6.default.createElement(TooltipPrimitive.Trigger, { ...triggerProps }, children),
+      /* @__PURE__ */ import_react6.default.createElement(TooltipContent, { side, align: "center", ...contentProps }, content)
+    )
   );
 };
-DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
-
-// components/elements/accordion/Accordion.tsx
-var React8 = __toESM(require("react"));
-var AccordionPrimitive3 = __toESM(require("@radix-ui/react-accordion"));
 
-// components/elements/accordion/AccordionContent.tsx
-var React6 = __toESM(require("react"));
-var AccordionPrimitive = __toESM(require("@radix-ui/react-accordion"));
-var AccordionContent = React6.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React6.createElement(
-  AccordionPrimitive.Content,
+// components/elements/label/Label.tsx
+var Label = React11.forwardRef(({ className, hint, hintSide, required, children, ...props }, ref) => /* @__PURE__ */ React11.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-1 hawa-transition-all" }, /* @__PURE__ */ React11.createElement(
+  "label",
   {
     ref,
-    className: !props.unstyled ? cn(
-      "hawa-overflow-hidden hawa-text-sm hawa-transition-all data-[state=closed]:hawa-animate-accordion-up data-[state=open]:hawa-animate-accordion-down",
+    className: cn(
+      "hawa-text-sm hawa-font-medium hawa-leading-none peer-disabled:hawa-cursor-not-allowed peer-disabled:hawa-opacity-70",
       className
-    ) : className,
-    ...props
-  },
-  /* @__PURE__ */ React6.createElement("div", { className: "hawa-bg-background hawa-p-4" }, children)
-));
-AccordionContent.displayName = AccordionPrimitive.Content.displayName;
-
-// components/elements/accordion/AccordionTrigger.tsx
-var React7 = __toESM(require("react"));
-var AccordionPrimitive2 = __toESM(require("@radix-ui/react-accordion"));
-var AccordionTrigger = React7.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React7.createElement(AccordionPrimitive2.Header, { className: "hawa-flex" }, /* @__PURE__ */ React7.createElement(
-  AccordionPrimitive2.Trigger,
-  {
-    ref,
-    className: !props.unstyled ? cn(
-      "hawa-flex hawa-flex-1 hawa-items-center hawa-justify-between hawa-bg-muted/50 hawa-p-4 hawa-font-medium hawa-transition-all [&[data-state=open]>svg]:hawa-rotate-180",
-      props.disabled ? "hawa-bg-muted/30 hawa-text-muted-foreground/50" : "hover:hawa-bg-muted",
-      className
-    ) : className,
-    ...props
-  },
-  children,
-  !props.hideArrow && /* @__PURE__ */ React7.createElement(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      width: "24",
-      height: "24",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      className: "hawa-icon hawa-shrink-0 hawa-transition-transform hawa-duration-200"
-    },
-    /* @__PURE__ */ React7.createElement("path", { d: "m6 9 6 6 6-6" })
-  )
-)));
-AccordionTrigger.displayName = AccordionPrimitive2.Trigger.displayName;
-
-// components/elements/accordion/Accordion.tsx
-var Accordion = React8.forwardRef(
-  ({
-    items,
-    design = "default",
-    itemClassNames,
-    triggerclassNames,
-    contentclassNames,
-    className,
-    ...props
-  }, ref) => /* @__PURE__ */ React8.createElement(AccordionPrimitive3.Root, { type: props.type, collapsible: true }, /* @__PURE__ */ React8.createElement(
-    "div",
-    {
-      className: cn("hawa-flex hawa-flex-col", {
-        "hawa-gap-4": design === "separated",
-        "hawa-gap-0": design === "default"
-      })
-    },
-    items.map((item, index) => /* @__PURE__ */ React8.createElement(
-      AccordionPrimitive3.Item,
-      {
-        disabled: item.disabled || false,
-        className: cn(itemClassNames, "hawa-rounded"),
-        key: index,
-        value: `item-${index}`
-      },
-      /* @__PURE__ */ React8.createElement(
-        AccordionTrigger,
-        {
-          disabled: item.disabled || false,
-          className: cn(
-            "hawa-transition-all",
-            design === "separated" ? "hawa-rounded data-[state=open]:hawa-rounded-b-none" : {
-              "hawa-rounded-t": index === 0,
-              "data-[state=closed]:hawa-rounded-b": index === items.length - 1
-            },
-            triggerclassNames
-          )
-        },
-        /* @__PURE__ */ React8.createElement(
-          "span",
-          {
-            className: cn(
-              "hawa-flex hawa-flex-row",
-              item.chip && "hawa-gap-2"
-            )
-          },
-          item.trigger,
-          " ",
-          item.chip && /* @__PURE__ */ React8.createElement(Chip, { ...item.chip })
-        )
-      ),
-      /* @__PURE__ */ React8.createElement(
-        AccordionContent,
-        {
-          "aria-disabled": item.disabled || false,
-          className: cn(
-            "hawa-border  hawa-transition-all",
-            design === "separated" ? "hawa-rounded data-[state=open]:hawa-rounded-t-none" : {
-              "data-[state=open]:hawa-rounded-b": index === items.length - 1
-            },
-            contentclassNames
-          )
-        },
-        item.content
-      )
-    ))
-  ))
-);
-Accordion.displayName = "Accordion";
-
-// components/elements/accordion/AccordionItem.tsx
-var React9 = __toESM(require("react"));
-var AccordionPrimitive4 = __toESM(require("@radix-ui/react-accordion"));
-var AccordionItem = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React9.createElement(AccordionPrimitive4.Item, { ref, className: cn(className), ...props }));
-AccordionItem.displayName = "AccordionItem";
-
-// components/elements/accordion/AccordionRoot.tsx
-var AccordionPrimitive5 = __toESM(require("@radix-ui/react-accordion"));
-
-// components/elements/logos/Logos.tsx
-var import_react4 = __toESM(require("react"));
-
-// components/elements/navigationMenu/NavigationMenu.tsx
-var React11 = __toESM(require("react"));
-var NavigationMenuPrimitive = __toESM(require("@radix-ui/react-navigation-menu"));
-var import_class_variance_authority = require("class-variance-authority");
-var navigationMenuTriggerStyle = (0, import_class_variance_authority.cva)(
-  "hawa-group hawa-inline-flex hawa-h-10 hawa-w-max hawa-items-center hawa-gap-1 hawa-justify-center hawa-rounded-md hawa-bg-background hawa-px-4 hawa-py-2 hawa-text-sm hawa-font-medium hawa-transition-colors hover:hawa-bg-accent hover:hawa-text-accent-foreground focus:hawa-bg-accent focus:hawa-text-accent-foreground focus:hawa-outline-none disabled:hawa-pointer-events-none disabled:hawa-opacity-50 data-[active]:hawa-bg-accent/50 "
-);
-var NavigationMenuRoot = React11.forwardRef(({ className, children, viewportClassNames, ...props }, ref) => /* @__PURE__ */ React11.createElement(
-  NavigationMenuPrimitive.Root,
-  {
-    ref,
-    className: cn(
-      "hawa-relative hawa-z-10 hawa-flex  hawa-flex-1 hawa-items-center hawa-justify-center",
-      // "hawa-max-w-max",
-      className
-    ),
-    ...props
-  },
-  children,
-  /* @__PURE__ */ React11.createElement(NavigationMenuViewport, { className: viewportClassNames })
-));
-var NavigationMenuList = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React11.createElement(
-  NavigationMenuPrimitive.List,
-  {
-    ref,
-    className: cn(
-      "hawa-group hawa-flex hawa-flex-1 hawa-list-none hawa-items-center hawa-justify-center hawa-gap-1",
-      className
-    ),
-    ...props
-  }
-));
-var NavigationMenuTrigger = React11.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React11.createElement(
-  NavigationMenuPrimitive.Trigger,
-  {
-    ref,
-    className: cn(navigationMenuTriggerStyle(), "hawa-group", className),
+    ),
     ...props
   },
   children,
-  /* @__PURE__ */ React11.createElement(
-    "svg",
-    {
-      "aria-label": "Chevron Icon",
-      xmlns: "http://www.w3.org/2000/svg",
-      width: "24",
-      height: "24",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      "aria-hidden": "true",
-      className: "hawa-icon hawa-relative hawa-top-[1px] hawa-transition hawa-duration-200 group-data-[state=open]:hawa-rotate-180"
-    },
-    /* @__PURE__ */ React11.createElement("path", { d: "m6 9 6 6 6-6" })
-  )
-));
-var NavigationMenuContent = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React11.createElement(
-  NavigationMenuPrimitive.Content,
-  {
-    ref,
-    className: cn(
-      "hawa-absolute  hawa-left-0 hawa-top-0 hawa-w-full hawa-rounded ",
-      // "md:hawa-absolute md:hawa-w-auto  hawa-left-0 hawa-top-0 ",
-      //   animation
-      "data-[motion^=from-]:hawa-animate-in data-[motion^=to-]:hawa-animate-out data-[motion^=from-]:hawa-fade-in data-[motion^=to-]:hawa-fade-out data-[motion=from-end]:hawa-slide-in-from-right-52 data-[motion=from-start]:hawa-slide-in-from-left-52 data-[motion=to-end]:hawa-slide-out-to-right-52 data-[motion=to-start]:hawa-slide-out-to-left-52",
-      className
-    ),
-    ...props
-  }
-));
-var NavigationMenuViewport = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React11.createElement(
-  "div",
-  {
-    className: cn(
-      "hawa-absolute hawa-top-full hawa-flex hawa-w-full hawa-justify-center"
-    )
-  },
-  /* @__PURE__ */ React11.createElement(
-    NavigationMenuPrimitive.Viewport,
-    {
-      className: cn(
-        "hawa-origin-top-center hawa-relative hawa-mt-1.5  hawa-w-full hawa-overflow-hidden hawa-rounded-md hawa-border hawa-bg-popover hawa-text-popover-foreground hawa-shadow-lg data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-zoom-out-95 data-[state=open]:hawa-zoom-in-90 ",
-        // hawa-h-[var(--radix-navigation-menu-viewport-height)]
-        // "md:hawa-w-[var(--radix-navigation-menu-viewport-width)]",
-        className
-      ),
-      style: {
-        height: "calc(var(--radix-navigation-menu-viewport-height) + 1px)"
-      },
-      ref,
-      ...props
-    }
-  )
-));
-var NavigationMenuIndicator = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React11.createElement(
-  NavigationMenuPrimitive.Indicator,
+  required && /* @__PURE__ */ React11.createElement("span", { className: "hawa-mx-0.5 hawa-text-red-500" }, "*")
+), hint && /* @__PURE__ */ React11.createElement(Tooltip, { content: hint, side: hintSide }, /* @__PURE__ */ React11.createElement(
+  "svg",
   {
-    ref,
-    className: cn(
-      "hawa-top-full hawa-z-[1] hawa-flex hawa-h-1.5 hawa-items-end hawa-justify-center hawa-overflow-hidden data-[state=visible]:hawa-animate-in data-[state=hidden]:hawa-animate-out data-[state=hidden]:hawa-fade-out data-[state=visible]:hawa-fade-in",
-      className
-    ),
-    ...props
+    xmlns: "http://www.w3.org/2000/svg",
+    className: "hawa-h-[14px] hawa-w-[14px] hawa-cursor-help",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
   },
-  /* @__PURE__ */ React11.createElement("div", { className: "hawa-relative hawa-top-[60%] hawa-h-2 hawa-w-2 hawa-rotate-45 hawa-rounded-tl-sm hawa-bg-border hawa-shadow-md" })
-));
-NavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName;
-NavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName;
-NavigationMenuList.displayName = NavigationMenuPrimitive.List.displayName;
-NavigationMenuRoot.displayName = NavigationMenuPrimitive.Root.displayName;
-NavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayName;
-NavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;
+  /* @__PURE__ */ React11.createElement("circle", { cx: "12", cy: "12", r: "10" }),
+  /* @__PURE__ */ React11.createElement("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
+  /* @__PURE__ */ React11.createElement("path", { d: "M12 17h.01" })
+))));
+Label.displayName = "Label";
 
-// components/elements/sheet/Sheet.tsx
-var React12 = __toESM(require("react"));
-var SheetPrimitive = __toESM(require("@radix-ui/react-dialog"));
-var import_class_variance_authority2 = require("class-variance-authority");
-var SheetPortal = SheetPrimitive.Portal;
-var SheetOverlay = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React12.createElement(
-  SheetPrimitive.Overlay,
-  {
-    className: cn(
-      "hawa-fixed hawa-inset-0 hawa-z-50 hawa-bg-background/80 hawa-backdrop-blur-sm 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",
-      className
-    ),
-    ...props,
-    ref
-  }
-));
-var sheetVariants = (0, import_class_variance_authority2.cva)(
-  "hawa-fixed hawa-z-50 hawa-gap-4 hawa-bg-background hawa-p-2 hawa-shadow-lg hawa-transition hawa-ease-in-out data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-duration-300 data-[state=open]:hawa-duration-300",
-  {
-    variants: {
-      side: {
-        top: "hawa-inset-x-0 hawa-top-0 hawa-border-b data-[state=closed]:hawa-slide-out-to-top data-[state=open]:hawa-slide-in-from-top",
-        bottom: "hawa-inset-x-0 hawa-bottom-0 hawa-border-t data-[state=closed]:hawa-slide-out-to-bottom data-[state=open]:hawa-slide-in-from-bottom",
-        left: "hawa-inset-y-0 hawa-left-0 hawa-h-full hawa-w-3/4 hawa-border-r data-[state=closed]:hawa-slide-out-to-left data-[state=open]:hawa-slide-in-from-left sm:hawa-max-w-sm",
-        right: "hawa-inset-y-0 hawa-right-0 hawa-h-full hawa-w-3/4  hawa-border-l data-[state=closed]:hawa-slide-out-to-right data-[state=open]:hawa-slide-in-from-right sm:hawa-max-w-sm"
-      }
-    },
-    defaultVariants: {
-      side: "right"
-    }
-  }
-);
-var SheetContent = React12.forwardRef(
-  ({ side = "right", className, children, persist, hideCloseButton, ...props }, ref) => /* @__PURE__ */ React12.createElement(SheetPortal, null, /* @__PURE__ */ React12.createElement(SheetOverlay, null), /* @__PURE__ */ React12.createElement(
-    SheetPrimitive.Content,
-    {
-      ref,
-      className: cn(sheetVariants({ side }), className),
-      onPointerDownOutside: (e) => {
-        if (persist) {
-          e.preventDefault();
-        }
-      },
-      ...props
-    },
-    children,
-    !hideCloseButton && /* @__PURE__ */ React12.createElement(
-      SheetPrimitive.Close,
-      {
-        className: cn(
-          "hawa-absolute hawa-rounded-sm hawa-opacity-70 hawa-ring-offset-background hawa-transition-opacity hover:hawa-opacity-100 focus:hawa-outline-none focus:hawa-ring-2 focus:hawa-ring-ring focus:hawa-ring-offset-2 disabled:hawa-pointer-events-none data-[state=open]:hawa-bg-secondary",
-          {
-            "hawa-right-4 hawa-top-4": side === "left" || side === "bottom",
-            "hawa-left-4 hawa-top-4": side === "right",
-            "hawa-bottom-4 hawa-right-4": side === "top"
-          }
-        )
-      },
-      /* @__PURE__ */ React12.createElement(
-        "svg",
-        {
-          "aria-label": "Close Icon",
-          "aria-hidden": "true",
-          className: "hawa-h-5 hawa-w-5",
-          fill: "currentColor",
-          viewBox: "0 0 20 20"
-        },
-        /* @__PURE__ */ React12.createElement(
-          "path",
-          {
-            fillRule: "evenodd",
-            d: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",
-            clipRule: "evenodd"
-          }
-        )
-      ),
-      /* @__PURE__ */ React12.createElement("span", { className: "hawa-sr-only" }, "Close")
-    )
-  ))
-);
-var SheetHeader = ({
-  className,
-  ...props
-}) => /* @__PURE__ */ React12.createElement(
-  "div",
-  {
-    className: cn(
-      "hawa-flex hawa-flex-col hawa-space-y-2 hawa-text-center sm:hawa-text-left",
-      className
-    ),
-    ...props
-  }
-);
-var SheetFooter = ({
+// components/elements/skeleton/Skeleton.tsx
+var import_react7 = __toESM(require("react"));
+function Skeleton({
   className,
+  content,
+  animation = "pulse",
   ...props
-}) => /* @__PURE__ */ React12.createElement(
-  "div",
-  {
-    className: cn(
-      "hawa-flex hawa-flex-col-reverse sm:hawa-flex-row sm:hawa-justify-end sm:hawa-space-x-2",
-      className
-    ),
-    ...props
-  }
-);
-var SheetTitle = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React12.createElement(
-  SheetPrimitive.Title,
-  {
-    ref,
-    className: cn(
-      "hawa-text-lg hawa-font-semibold hawa-text-foreground",
-      className
-    ),
-    ...props
-  }
-));
-var SheetDescription = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React12.createElement(
-  SheetPrimitive.Description,
-  {
-    ref,
-    className: cn("hawa-text-sm hawa-text-muted-foreground", className),
-    ...props
-  }
-));
-SheetDescription.displayName = SheetPrimitive.Description.displayName;
-SheetOverlay.displayName = SheetPrimitive.Overlay.displayName;
-SheetContent.displayName = SheetPrimitive.Content.displayName;
-SheetHeader.displayName = "SheetHeader";
-SheetFooter.displayName = "SheetFooter";
-SheetTitle.displayName = SheetPrimitive.Title.displayName;
-
-// components/elements/dialog/Dialog.tsx
-var React13 = __toESM(require("react"));
-var DialogPrimitive = __toESM(require("@radix-ui/react-dialog"));
-var DialogPortal = ({ ...props }) => /* @__PURE__ */ React13.createElement(DialogPrimitive.Portal, { ...props });
-var DialogOverlay = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React13.createElement(
-  DialogPrimitive.Overlay,
-  {
-    ref,
-    className: cn(
-      "hawa-fixed hawa-inset-0 hawa-z-50 hawa-bg-background/80 hawa-backdrop-blur-sm 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",
-      className
-    ),
-    ...props
-  }
-));
-var DialogContent = React13.forwardRef(({ className, children, persist, hideCloseButton, ...props }, ref) => /* @__PURE__ */ React13.createElement(DialogPortal, null, /* @__PURE__ */ React13.createElement(DialogOverlay, null), /* @__PURE__ */ React13.createElement(
-  DialogPrimitive.Content,
-  {
-    onPointerDownOutside: (e) => {
-      if (persist) {
-        e.preventDefault();
-      }
-    },
-    ref,
-    className: cn(
-      "hawa-fixed hawa-left-[50%] hawa-top-[50%] hawa-z-50 hawa-grid hawa-w-full hawa-max-w-lg hawa-translate-x-[-50%] hawa-translate-y-[-50%] hawa-gap-4 hawa-border hawa-bg-background hawa-p-6 hawa-shadow-lg hawa-transition-all hawa-duration-200 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-[state=closed]:hawa-slide-out-to-left-1/2 data-[state=closed]:hawa-slide-out-to-top-[48%] data-[state=open]:hawa-slide-in-from-left-1/2 data-[state=open]:hawa-slide-in-from-top-[48%] sm:hawa-rounded md:hawa-w-full",
-      className
-    ),
-    ...props
-  },
-  children,
-  !hideCloseButton && /* @__PURE__ */ React13.createElement(
-    DialogPrimitive.Close,
-    {
-      className: cn(
-        "hawa-absolute hawa-top-4 hawa-rounded hawa-opacity-70 hawa-ring-offset-background hawa-transition-opacity hover:hawa-opacity-100 focus:hawa-outline-none focus:hawa-ring-2 focus:hawa-ring-ring focus:hawa-ring-offset-2 disabled:hawa-pointer-events-none data-[state=open]:hawa-bg-accent data-[state=open]:hawa-text-muted-foreground",
-        props.dir === "rtl" ? " hawa-left-4" : " hawa-right-4"
-      )
-    },
-    /* @__PURE__ */ React13.createElement(
-      "svg",
-      {
-        "aria-label": "Close Icon",
-        "aria-hidden": "true",
-        className: "hawa-h-5 hawa-w-5",
-        fill: "currentColor",
-        viewBox: "0 0 20 20"
-      },
-      /* @__PURE__ */ React13.createElement(
-        "path",
-        {
-          fillRule: "evenodd",
-          d: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",
-          clipRule: "evenodd"
-        }
-      )
-    ),
-    /* @__PURE__ */ React13.createElement("span", { className: "hawa-sr-only" }, "Close")
-  )
-)));
-var DialogCarouselContent = React13.forwardRef(
-  ({
-    className,
-    children,
-    onPrev,
-    persist,
-    hideCloseButton,
-    hidePrevButton,
-    ...props
-  }, ref) => /* @__PURE__ */ React13.createElement(DialogPortal, null, /* @__PURE__ */ React13.createElement(DialogOverlay, null), /* @__PURE__ */ React13.createElement(
-    DialogPrimitive.Content,
-    {
-      onPointerDownOutside: (e) => {
-        if (persist) {
-          e.preventDefault();
-        }
-      },
-      ref,
-      className: cn(
-        "hawa-fixed hawa-left-[50%] hawa-top-[50%] hawa-z-50 hawa-grid hawa-w-full hawa-max-w-lg hawa-translate-x-[-50%] hawa-translate-y-[-50%] hawa-gap-4 hawa-border hawa-bg-background hawa-p-6 hawa-pt-14 hawa-shadow-lg hawa-transition-all hawa-duration-200 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-[state=closed]:hawa-slide-out-to-left-1/2 data-[state=closed]:hawa-slide-out-to-top-[48%] data-[state=open]:hawa-slide-in-from-left-1/2 data-[state=open]:hawa-slide-in-from-top-[48%] sm:hawa-rounded md:hawa-w-full",
-        className
-      ),
-      ...props
-    },
-    children,
-    /* @__PURE__ */ React13.createElement(
-      "div",
-      {
-        className: cn(
-          "hawa-absolute hawa-top-0 hawa-flex hawa-w-full hawa-flex-row hawa-p-4",
-          onPrev ? "hawa-justify-between" : "hawa-justify-end"
-        )
-      },
-      hidePrevButton ? /* @__PURE__ */ React13.createElement("div", null) : /* @__PURE__ */ React13.createElement(
-        "div",
-        {
-          onClick: onPrev,
-          className: cn(
-            "hawa-end-0 hawa-cursor-pointer hawa-rounded hawa-opacity-70 hawa-ring-offset-background hawa-transition-opacity hover:hawa-opacity-100 focus:hawa-outline-none focus:hawa-ring-2 focus:hawa-ring-ring focus:hawa-ring-offset-2 disabled:hawa-pointer-events-none data-[state=open]:hawa-bg-accent data-[state=open]:hawa-text-muted-foreground",
-            props.dir === "rtl" && "hawa-rotate-180"
-          )
-        },
-        /* @__PURE__ */ React13.createElement(
-          "svg",
-          {
-            xmlns: "http://www.w3.org/2000/svg",
-            width: "24",
-            height: "24",
-            viewBox: "0 0 24 24",
-            fill: "none",
-            className: "hawa-h-6 hawa-w-6",
-            stroke: "currentColor",
-            strokeWidth: "2",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
-          },
-          /* @__PURE__ */ React13.createElement("path", { d: "m15 18-6-6 6-6" })
-        )
-      ),
-      !hideCloseButton && /* @__PURE__ */ React13.createElement(
-        DialogPrimitive.Close,
-        {
-          className: cn(
-            "hawa-end-0 hawa-rounded hawa-opacity-70 hawa-ring-offset-background hawa-transition-opacity hover:hawa-opacity-100 focus:hawa-outline-none focus:hawa-ring-2 focus:hawa-ring-ring focus:hawa-ring-offset-2 disabled:hawa-pointer-events-none data-[state=open]:hawa-bg-accent data-[state=open]:hawa-text-muted-foreground ",
-            props.dir === "rtl" ? " hawa-left-4" : " hawa-right-4"
-          )
-        },
-        /* @__PURE__ */ React13.createElement(
-          "svg",
-          {
-            "aria-label": "Close Icon",
-            "aria-hidden": "true",
-            className: "hawa-h-6 hawa-w-6",
-            fill: "currentColor",
-            viewBox: "0 0 20 20"
-          },
-          /* @__PURE__ */ React13.createElement(
-            "path",
-            {
-              fillRule: "evenodd",
-              d: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",
-              clipRule: "evenodd"
-            }
-          )
-        ),
-        /* @__PURE__ */ React13.createElement("span", { className: "hawa-sr-only" }, "Close")
-      )
-    )
-  ))
-);
-var DialogHeader = ({
-  className,
-  ...props
-}) => /* @__PURE__ */ React13.createElement(
-  "div",
-  {
-    className: cn(
-      "hawa-flex hawa-flex-col hawa-space-y-1.5 hawa-text-center sm:hawa-text-left",
-      className
-    ),
-    ...props
-  }
-);
-var DialogTitle = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React13.createElement(
-  DialogPrimitive.Title,
-  {
-    ref,
-    className: cn(
-      "hawa-text-start hawa-text-lg hawa-font-semibold hawa-leading-none hawa-tracking-tight",
-      className
-    ),
-    ...props
-  }
-));
-var DialogDescription = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React13.createElement(
-  DialogPrimitive.Description,
-  {
-    ref,
-    className: cn(
-      "hawa-text-start hawa-text-sm hawa-text-muted-foreground",
-      className
-    ),
-    ...props
-  }
-));
-var DialogFooter = ({
-  className,
-  ...props
-}) => /* @__PURE__ */ React13.createElement(
-  "div",
-  {
-    className: cn(
-      "hawa-flex hawa-flex-col-reverse sm:hawa-flex-row sm:hawa-justify-end sm:hawa-gap-2",
-      className
-    ),
-    ...props
-  }
-);
-var DialogCarousel = ({
-  stepsApi,
-  stepsRef,
-  children,
-  direction
-}) => {
-  React13.useEffect(() => {
-    if (stepsApi) {
-      stepsApi.reInit();
-    }
-  }, [stepsApi, children]);
-  return /* @__PURE__ */ React13.createElement("div", { className: "hawa-overflow-hidden" }, /* @__PURE__ */ React13.createElement("div", { ref: stepsRef, dir: direction }, /* @__PURE__ */ React13.createElement(
-    "div",
-    {
-      className: "hawa-flex",
-      style: {
-        transition: "height 0.2s"
-      }
-    },
-    React13.Children.map(children, (child, index) => /* @__PURE__ */ React13.createElement(
-      "div",
-      {
-        className: cn(
-          "hawa-flex hawa-h-fit hawa-flex-[0_0_100%] hawa-items-center hawa-justify-center"
-        ),
-        key: index
-      },
-      child
-    ))
-  )));
-};
-var DialogSteps = ({
-  currentStep,
-  visibleStepRef,
-  children
-}) => {
-  const [dialogHeight, setDialogHeight] = React13.useState(null);
-  React13.useEffect(() => {
-    if (visibleStepRef.current) {
-      setDialogHeight(visibleStepRef.current.offsetHeight);
-      console.log("height is ", visibleStepRef.current.offsetHeight);
-    }
-  }, [currentStep, visibleStepRef]);
-  return /* @__PURE__ */ React13.createElement(
-    "div",
-    {
-      className: "hawa-relative hawa-overflow-clip",
-      style: {
-        height: dialogHeight || "fit-content",
-        transition: "height 0.2s"
-      }
-    },
-    React13.Children.map(children, (child, index) => /* @__PURE__ */ React13.createElement(
-      "div",
-      {
-        ref: currentStep === `step-${index + 1}` ? visibleStepRef : null,
-        className: cn(
-          currentStep === `step-${index + 1}` ? "hawa-visible hawa-block" : "hawa-invisible hawa-hidden"
-        )
-      },
-      child
-    ))
-  );
-};
-var DialogStep = ({
-  id,
-  children,
-  className,
-  stepRef
-}) => {
-  return /* @__PURE__ */ React13.createElement(
-    "div",
-    {
-      id,
-      ref: stepRef,
-      className: cn("hawa-w-full  hawa-px-1", className)
-    },
-    children
-  );
-};
-var DialogBody = ({ children, className }) => {
-  return /* @__PURE__ */ React13.createElement("div", { className: cn("hawa-py-6", className) }, children);
-};
-DialogBody.displayName = "DialogBody";
-DialogStep.displayName = "DialogStep";
-DialogSteps.displayName = "DialogSteps";
-DialogCarousel.displayName = "DialogCarousel";
-DialogCarouselContent.displayName = "DialogCarouselContent";
-DialogHeader.displayName = "DialogHeader";
-DialogFooter.displayName = "DialogFooter";
-DialogTitle.displayName = DialogPrimitive.Title.displayName;
-DialogPortal.displayName = DialogPrimitive.Portal.displayName;
-DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
-DialogContent.displayName = DialogPrimitive.Content.displayName;
-DialogDescription.displayName = DialogPrimitive.Description.displayName;
-
-// components/elements/alert/Alert.tsx
-var import_react5 = __toESM(require("react"));
-
-// components/elements/button/Button.tsx
-var React14 = __toESM(require("react"));
-var import_class_variance_authority3 = require("class-variance-authority");
-var buttonVariants = (0, import_class_variance_authority3.cva)(
-  "hawa-inline-flex hawa-items-center  hawa-select-none hawa-rounded-md hawa-text-sm hawa-font-medium hawa-ring-offset-background hawa-transition-colors 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",
-  {
-    variants: {
-      variant: {
-        default: "hawa-bg-primary hawa-text-primary-foreground hover:hawa-bg-primary/90",
-        light: "hawa-bg-primary/20 hawa-text-primary hover:hawa-bg-primary/40",
-        destructive: "hawa-bg-destructive hawa-text-destructive-foreground hover:hawa-bg-destructive/90",
-        outline: "hawa-border hawa-border-input hawa-bg-transparent hover:hawa-bg-accent hover:hawa-text-accent-foreground",
-        secondary: "hawa-bg-secondary hawa-text-secondary-foreground hover:hawa-bg-secondary/80",
-        ghost: "hover:hawa-bg-accent hover:hawa-text-accent-foreground",
-        link: "hawa-text-primary hawa-underline-offset-4 hover:hawa-underline",
-        combobox: "hawa-bg-background hawa-border",
-        neoBrutalism: "neo-brutalism"
-        // "hawa-cursor-pointer hawa-transition-all hawa-uppercase hawa-font-mono  dark:hawa-bg-black hawa-font-bold hawa-py-2 hawa-px-4 hawa-rounded hawa-border-2 hawa-border-primary hawa-shadow-color-primary hawa-transition-[hawa-transform_50ms, hawa-box-shadow_50ms] active:hawa-translate-x-0.5 active:hawa-translate-y-0.5 active:hawa-shadow-color-primary-active shadow-color-primary active:shadow-color-primary-active",
-      },
-      size: {
-        default: "hawa-h-10 hawa-px-4 hawa-py-2",
-        heightless: "hawa-px-4 hawa-py-4",
-        xs: "hawa-h-fit hawa-min-h-[25px] hawa-py-1 hawa-text-[10px] hawa-px-2 ",
-        sm: "hawa-h-9  hawa-text-[11px] hawa-rounded-md hawa-px-3",
-        lg: "hawa-h-11 hawa-rounded-md hawa-px-8",
-        xl: "hawa-h-14 hawa-rounded-md hawa-px-10",
-        icon: "hawa-h-10 hawa-w-10",
-        smallIcon: "hawa-h-7 hawa-w-7"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-);
-var Button = React14.forwardRef(
-  ({
-    className,
-    variant,
-    size,
-    asChild = false,
-    centered = true,
-    isLoading,
-    children,
-    ...props
-  }, ref) => {
-    const Comp = "button";
-    const loadingColor = variant === "outline" || variant === "ghost" || variant === "neoBrutalism" ? "hawa-bg-primary" : "hawa-bg-primary-foreground";
-    return /* @__PURE__ */ React14.createElement(
-      Comp,
-      {
-        className: cn(
-          buttonVariants({ variant, size, className }),
-          centered && "hawa-justify-center"
-        ),
-        ref,
-        ...props
-      },
-      isLoading ? /* @__PURE__ */ React14.createElement(
-        Loading,
-        {
-          design: size === "icon" || size === "smallIcon" ? "spinner" : "dots-pulse",
-          themeMode: variant === "outline" ? "light" : "dark",
-          color: loadingColor,
-          size: size === "sm" || size === "xs" ? "xs" : "button"
-        }
-      ) : children
-    );
-  }
-);
-Button.displayName = "Button";
-
-// components/elements/avatar/Avatar.tsx
-var import_react7 = __toESM(require("react"));
-
-// components/elements/FileUploader.tsx
-var import_react6 = __toESM(require("react"));
-
-// components/elements/dataTable/DataTable.tsx
-var React21 = __toESM(require("react"));
-var import_react_table = require("@tanstack/react-table");
-
-// components/elements/input/Input.tsx
-var import_react8 = __toESM(require("react"));
-
-// components/elements/label/Label.tsx
-var React18 = __toESM(require("react"));
-var Label2 = React18.forwardRef(({ className, hint, hintSide, required, children, ...props }, ref) => /* @__PURE__ */ React18.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-1 hawa-transition-all" }, /* @__PURE__ */ React18.createElement(
-  "label",
-  {
-    ref,
-    className: cn(
-      "hawa-text-sm hawa-font-medium hawa-leading-none peer-disabled:hawa-cursor-not-allowed peer-disabled:hawa-opacity-70",
-      className
-    ),
-    ...props
-  },
-  children,
-  required && /* @__PURE__ */ React18.createElement("span", { className: "hawa-mx-0.5 hawa-text-red-500" }, "*")
-), hint && /* @__PURE__ */ React18.createElement(Tooltip, { content: hint, side: hintSide }, /* @__PURE__ */ React18.createElement(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    className: "hawa-h-[14px] hawa-w-[14px] hawa-cursor-help",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  },
-  /* @__PURE__ */ React18.createElement("circle", { cx: "12", cy: "12", r: "10" }),
-  /* @__PURE__ */ React18.createElement("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
-  /* @__PURE__ */ React18.createElement("path", { d: "M12 17h.01" })
-))));
-Label2.displayName = "Label";
-
-// components/elements/input/Input.tsx
-var Input = (0, import_react8.forwardRef)(
-  ({
-    margin = "none",
-    width = "full",
-    preview = false,
-    forceHideHelperText = false,
-    labelProps,
-    placeholder,
-    showCount,
-    inputProps,
-    countPosition = "bottom",
-    ...props
-  }, ref) => {
-    var _a;
-    let marginStyles = {
-      none: "hawa-mb-0",
-      normal: "hawa-mb-3",
-      large: "hawa-mb-5"
-    };
-    let widthStyles = {
-      small: "hawa-w-full hawa-max-w-2xs",
-      normal: "hawa-w-1/2",
-      full: "hawa-w-full",
-      auto: ""
-    };
-    let defaultStyle = "hawa-flex hawa-max-h-fit hawa-h-fit hawa-relative hawa-flex-col hawa-justify-center hawa-gap-0";
-    let defaultInputStyle = "hawa-block hawa-w-full hawa-rounded hawa-border hawa-transition-all hawa-bg-background hawa-p-3 hawa-text-sm ";
-    return /* @__PURE__ */ import_react8.default.createElement(
-      "div",
-      {
-        className: cn(
-          defaultStyle,
-          marginStyles[margin],
-          widthStyles[width],
-          props.containerClassName,
-          "hawa-w-full hawa-gap-2"
-        )
-      },
-      props.label && /* @__PURE__ */ import_react8.default.createElement(Label2, { ...labelProps }, props.label),
-      props.isLoading ? /* @__PURE__ */ import_react8.default.createElement("div", { className: "hawa-pb-2" }, /* @__PURE__ */ import_react8.default.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" })) : /* @__PURE__ */ import_react8.default.createElement(import_react8.default.Fragment, null, !props.hideSeparator && /* @__PURE__ */ import_react8.default.createElement(
-        "div",
-        {
-          className: cn(
-            "hawa-absolute hawa-top-[22px] hawa-h-[0.8px] hawa-w-full hawa-bg-gray-200 hawa-transition-all dark:hawa-bg-gray-800",
-            preview ? "hawa-opacity-100" : "hawa-opacity-0"
-          )
-        }
-      ), /* @__PURE__ */ import_react8.default.createElement(import_react8.default.Fragment, null, /* @__PURE__ */ import_react8.default.createElement("div", { className: "hawa-relative" }, props.startIcon && /* @__PURE__ */ import_react8.default.createElement("div", { className: "hawa-absolute hawa-start-3 hawa-top-1/2 hawa--translate-y-1/2" }, props.startIcon), props.endIcon && /* @__PURE__ */ import_react8.default.createElement(
-        "div",
-        {
-          className: cn(
-            "hawa-absolute hawa-end-3 hawa-top-1/2 hawa--translate-y-1/2",
-            (_a = props.endIconProps) == null ? void 0 : _a.className
-          )
-        },
-        props.endIcon
-      ), /* @__PURE__ */ import_react8.default.createElement(
-        "input",
-        {
-          required: true,
-          dir: props.dir,
-          type: props.type,
-          value: props.value,
-          onChange: props.onChange,
-          autoComplete: props.autoComplete,
-          defaultValue: props.defaultValue,
-          placeholder,
-          disabled: props.disabled || preview,
-          style: { height: 40 },
-          ...inputProps,
-          className: cn(
-            defaultInputStyle,
-            " focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-0 dark:hawa-text-white",
-            {
-              "hawa-pe-9": props.endIcon,
-              "hawa-ps-9": props.startIcon,
-              "hawa-pe-[60px]": countPosition === "center"
-            },
-            preview && "hawa-border-transparent hawa-bg-transparent hawa-px-0",
-            inputProps == null ? void 0 : inputProps.className
-          )
-        }
-      )), !forceHideHelperText && /* @__PURE__ */ import_react8.default.createElement(
-        "p",
-        {
-          className: cn(
-            "hawa-my-0 hawa-text-start hawa-text-xs hawa-text-helper-color hawa-transition-all",
-            props.helperText ? "hawa-h-4 hawa-opacity-100" : "hawa-h-0 hawa-opacity-0"
-          )
-        },
-        props.helperText
-      ), !props.disabled && forceHideHelperText && /* @__PURE__ */ import_react8.default.createElement(
-        "div",
-        {
-          className: cn(
-            "hawa-absolute hawa-end-0 hawa-top-[47px] hawa-z-20 hawa-translate-y-1/2 hawa-rounded hawa-bg-background hawa-text-start  hawa-text-xs hawa-text-helper-color hawa-drop-shadow-md hawa-transition-all",
-            props.helperText ? "hawa-border hawa-p-1" : "hawa-border-none hawa-p-0"
-          )
-        },
-        props.helperText
-      ), showCount && /* @__PURE__ */ import_react8.default.createElement(
-        "div",
-        {
-          className: cn(
-            "hawa-absolute hawa-translate-y-1/2 hawa-text-start hawa-text-xs hawa-transition-all",
-            {
-              "hawa-end-0 hawa-top-[62px]": countPosition === "bottom",
-              "hawa-bottom-[62px] hawa-end-0": countPosition === "top",
-              "hawa-end-2": countPosition === "center"
-            }
-          )
-        },
-        props.value ? String(props.value).length : 0,
-        "/",
-        props.maxLength
-      )))
-    );
-  }
-);
-
-// components/elements/table/Table.tsx
-var React20 = __toESM(require("react"));
-var Table = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React20.createElement("div", { className: "hawa-relative hawa-w-full  hawa-overflow-auto hawa-rounded hawa-border" }, /* @__PURE__ */ React20.createElement(
-  "table",
-  {
-    ref,
-    className: cn("hawa-w-full hawa-caption-bottom hawa-text-sm", className),
-    ...props
-  }
-)));
-Table.displayName = "Table";
-var TableHeader = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React20.createElement(
-  "thead",
-  {
-    ref,
-    className: cn("[&_tr]:hawa-border-b", "hawa-bg-muted/50", className),
-    ...props
-  }
-));
-TableHeader.displayName = "TableHeader";
-var TableHead = React20.forwardRef(
-  ({ className, condensed, clickable, dir, ...props }, ref) => /* @__PURE__ */ React20.createElement(
-    "th",
-    {
-      ref,
-      className: cn(
-        "hawa-bg-muted/60 hawa-text-start hawa-align-middle hawa-font-medium hawa-text-muted-foreground dark:hawa-bg-muted/40 [&:has([role=checkbox])]:hawa-pr-0 [&:not(:last-child)&:not(:first-child)]:hawa-border-x",
-        dir === "rtl" ? "[&:not(:last-child)]:hawa-border-l" : "[&:not(:last-child)]:hawa-border-r",
-        condensed ? "hawa-h-8" : "hawa-h-12",
-        clickable ? "hawa-px-1" : "hawa-px-4",
-        //First and last columns
-        clickable ? " [&:not(:last-child)&:not(:first-child)]:hawa-p-1" : "hawa-px-4",
-        //Columns in between
-        className
-      ),
-      ...props
-    }
-  )
-);
-TableHead.displayName = "TableHead";
-var TableBody = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React20.createElement("tbody", { ref, className: cn("hawa-border-none", className), ...props }));
-TableBody.displayName = "TableBody";
-var TableFooter = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React20.createElement(
-  "tfoot",
-  {
-    ref,
-    className: cn(
-      "hawa-bg-primary hawa-font-medium hawa-text-primary-foreground",
-      className
-    ),
-    ...props
-  }
-));
-TableFooter.displayName = "TableFooter";
-var TableRow = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React20.createElement(
-  "tr",
-  {
-    ref,
-    className: cn(
-      "hawa-bg-background hawa-transition-colors data-[state=selected]:hawa-bg-muted",
-      "[&:not(:last-child)&:not(:first-child)]:hawa-border-y",
-      "[&:not(:last-child)]:hawa-border-b",
-      className
-    ),
-    ...props
-  }
-));
-TableRow.displayName = "TableRow";
-var TableCell = React20.forwardRef(
-  ({ className, enablePadding = true, padding = "default", ...props }, ref) => {
-    let paddingStyles = {
-      condensed: "hawa-p-0 hawa-px-4",
-      default: "hawa-p-4",
-      noPadding: "hawa-p-0"
-    };
-    return /* @__PURE__ */ React20.createElement(
-      "td",
-      {
-        ref,
-        className: cn(
-          paddingStyles[padding],
-          // "border-x",
-          // enablePadding ? "hawa-p-4" : "hawa-p-0",
-          // props.disablePadding ? "hawa-p-0" : "hawa-p-4",
-          // props.condensed ? "hawa-p-0 hawa-px-4" : "hawa-p-4",
-          "hawa-align-middle [&:has([role=checkbox])]:hawa-pr-0 ",
-          "[&:not(:last-child)&:not(:first-child)]:hawa-border-x",
-          // "[&:not(:last-child)]:hawa-border-r",
-          props.dir === "rtl" ? "[&:not(:last-child)]:hawa-border-l" : "[&:not(:last-child)]:hawa-border-r",
-          className
-        ),
-        ...props
-      }
-    );
-  }
-);
-TableCell.displayName = "TableCell";
-var TableCaption = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React20.createElement(
-  "caption",
-  {
-    ref,
-    className: cn(
-      "hawa-mt-4 hawa-text-sm hawa-text-muted-foreground",
-      className
-    ),
-    ...props
-  }
-));
-TableCaption.displayName = "TableCaption";
-
-// components/elements/backToTop/BackToTop.tsx
-var import_react9 = __toESM(require("react"));
-
-// components/elements/radio/Radio.tsx
-var import_react10 = __toESM(require("react"));
-
-// components/elements/combobox/Combobox.tsx
-var React26 = __toESM(require("react"));
-var PopoverPrimitive2 = __toESM(require("@radix-ui/react-popover"));
-
-// components/elements/command/Command.tsx
-var React24 = __toESM(require("react"));
-var import_cmdk = require("cmdk");
-var Command = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React24.createElement(
-  import_cmdk.Command,
-  {
-    ref,
-    className: cn(
-      "hawa-flex hawa-h-full hawa-w-full hawa-flex-col hawa-overflow-hidden hawa-rounded-md hawa-bg-popover hawa-text-popover-foreground",
-      className
-    ),
-    ...props
-  }
-));
-Command.displayName = import_cmdk.Command.displayName;
-var CommandInput = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React24.createElement(
-  "div",
-  {
-    className: "hawa-flex hawa-items-center hawa-border-b hawa-px-3",
-    "cmdk-input-wrapper": ""
-  },
-  /* @__PURE__ */ React24.createElement(
-    "svg",
-    {
-      "aria-label": "Search Icon",
-      xmlns: "http://www.w3.org/2000/svg",
-      width: "24",
-      height: "24",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      className: "hawa-icon hawa-mr-2 hawa-shrink-0 hawa-opacity-50"
-    },
-    /* @__PURE__ */ React24.createElement("circle", { cx: "11", cy: "11", r: "8" }),
-    /* @__PURE__ */ React24.createElement("path", { d: "m21 21-4.3-4.3" })
-  ),
-  /* @__PURE__ */ React24.createElement(
-    import_cmdk.Command.Input,
-    {
-      ref,
-      className: cn(
-        "hawa-flex hawa-h-11 hawa-w-full hawa-rounded-md hawa-bg-transparent hawa-py-3 hawa-text-sm hawa-outline-none placeholder:hawa-text-muted-foreground disabled:hawa-cursor-not-allowed disabled:hawa-opacity-50",
-        className
-      ),
-      ...props
-    }
-  )
-));
-CommandInput.displayName = import_cmdk.Command.Input.displayName;
-var CommandList = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React24.createElement(
-  import_cmdk.Command.List,
-  {
-    ref,
-    className: cn(
-      "hawa-max-h-[300px] hawa-overflow-y-auto hawa-overflow-x-hidden",
-      className
-    ),
-    ...props
-  }
-));
-CommandList.displayName = import_cmdk.Command.List.displayName;
-var CommandEmpty = React24.forwardRef((props, ref) => /* @__PURE__ */ React24.createElement(
-  import_cmdk.Command.Empty,
-  {
-    ref,
-    className: "hawa-py-6 hawa-text-center hawa-text-sm",
-    ...props
-  }
-));
-CommandEmpty.displayName = import_cmdk.Command.Empty.displayName;
-var CommandGroup = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React24.createElement(
-  import_cmdk.Command.Group,
-  {
-    ref,
-    className: cn(
-      "hawa-overflow-hidden hawa-p-1 hawa-text-foreground [&_[cmdk-group-heading]]:hawa-px-2 [&_[cmdk-group-heading]]:hawa-py-1.5 [&_[cmdk-group-heading]]:hawa-text-xs [&_[cmdk-group-heading]]:hawa-font-medium [&_[cmdk-group-heading]]:hawa-text-muted-foreground",
-      className
-    ),
-    ...props
-  }
-));
-CommandGroup.displayName = import_cmdk.Command.Group.displayName;
-var CommandSeparator = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React24.createElement(
-  import_cmdk.Command.Separator,
-  {
-    ref,
-    className: cn("hawa--mx-1 hawa-h-px hawa-bg-border", className),
-    ...props
-  }
-));
-CommandSeparator.displayName = import_cmdk.Command.Separator.displayName;
-var CommandItem = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React24.createElement(
-  import_cmdk.Command.Item,
-  {
-    ref,
-    className: cn(
-      "hawa-relative hawa-flex hawa-cursor-default hawa-select-none hawa-items-center hawa-rounded-sm hawa-px-2 hawa-py-1.5 hawa-text-sm hawa-outline-none aria-selected:hawa-bg-accent aria-selected:hawa-text-accent-foreground data-[disabled]:hawa-pointer-events-none data-[disabled]:hawa-opacity-50",
-      className
-    ),
-    ...props
-  }
-));
-CommandItem.displayName = import_cmdk.Command.Item.displayName;
-var CommandShortcut = ({
-  className,
-  ...props
-}) => {
-  return /* @__PURE__ */ React24.createElement(
-    "span",
-    {
-      className: cn(
-        "hawa-ml-auto hawa-text-xs hawa-tracking-widest hawa-text-muted-foreground",
-        className
-      ),
-      ...props
-    }
-  );
-};
-CommandShortcut.displayName = "CommandShortcut";
-
-// components/elements/popover/Popover.tsx
-var React25 = __toESM(require("react"));
-var PopoverPrimitive = __toESM(require("@radix-ui/react-popover"));
-var PopoverContent = React25.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React25.createElement(PopoverPrimitive.Portal, null, /* @__PURE__ */ React25.createElement(
-  PopoverPrimitive.Content,
-  {
-    ref,
-    align,
-    sideOffset,
-    className: cn(
-      "dark:dark-shadow hawa-z-50 hawa-rounded hawa-border hawa-bg-popover hawa-text-popover-foreground hawa-shadow-md hawa-outline-none data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-fade-out-0 data-[state=open]:hawa-fade-in-0 data-[state=closed]:hawa-zoom-out-95 data-[state=open]:hawa-zoom-in-95 data-[side=bottom]:hawa-slide-in-from-top-2 data-[side=left]:hawa-slide-in-from-right-2 data-[side=right]:hawa-slide-in-from-left-2 data-[side=top]:hawa-slide-in-from-bottom-2",
-      className
-    ),
-    ...props
-  }
-)));
-PopoverContent.displayName = PopoverPrimitive.Content.displayName;
-var PopoverTrigger = PopoverPrimitive.Trigger;
-
-// components/elements/combobox/Combobox.tsx
-var Combobox = React26.forwardRef(
-  ({
-    labelKey = "label",
-    valueKey = "value",
-    defaultValue = "",
-    popoverClassName,
-    labelProps,
-    data,
-    ...props
-  }, ref) => {
-    var _a, _b, _c;
-    const [open, setOpen] = React26.useState(false);
-    const [value, setValue] = React26.useState(defaultValue);
-    function getProperty(obj, key) {
-      return obj[key];
-    }
-    const handleOpenChange = (open2) => {
-      if (!(props.isLoading || props.preview)) {
-        setOpen(open2);
-      }
-    };
-    return /* @__PURE__ */ React26.createElement(
-      "div",
-      {
-        className: cn(
-          "hawa-relative hawa-flex hawa-h-fit hawa-flex-col hawa-gap-2",
-          props.width === "fit" ? "hawa-w-fit" : "hawa-w-full"
-        )
-      },
-      props.label && /* @__PURE__ */ React26.createElement(Label2, { ...labelProps }, props.label),
-      /* @__PURE__ */ React26.createElement(PopoverPrimitive2.Root, { open, onOpenChange: handleOpenChange }, /* @__PURE__ */ React26.createElement(PopoverTrigger, { asChild: true }, props.isLoading ? /* @__PURE__ */ React26.createElement("div", { className: "hawa-pb-2" }, /* @__PURE__ */ React26.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" })) : /* @__PURE__ */ React26.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-start hawa-gap-2 " }, /* @__PURE__ */ React26.createElement(
-        "div",
-        {
-          className: cn(
-            "hawa-absolute hawa-top-[22px] hawa-h-[0.8px] hawa-w-full hawa-bg-gray-200 hawa-transition-all dark:hawa-bg-gray-800",
-            props.preview ? "hawa-opacity-100" : "hawa-opacity-0"
-          )
-        }
-      ), /* @__PURE__ */ React26.createElement(
-        "button",
-        {
-          role: "combobox",
-          "aria-expanded": open,
-          className: cn(
-            "hawa-inline-flex hawa-h-10 hawa-w-full hawa-select-none hawa-items-center hawa-justify-between hawa-rounded-md hawa-border hawa-py-2 hawa-text-sm hawa-font-normal hawa-text-primary 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",
-            props.preview ? "hawa-cursor-default hawa-rounded-none hawa-border-transparent hawa-px-0" : "hawa-bg-background hawa-px-3 "
-          )
-        },
-        value ? getProperty(
-          data.find((item) => item[valueKey] === value) || {},
-          labelKey
-        ) : ((_a = props.texts) == null ? void 0 : _a.placeholder) || "...",
-        /* @__PURE__ */ React26.createElement(
-          "svg",
-          {
-            xmlns: "http://www.w3.org/2000/svg",
-            className: cn(
-              "hawa-icon hawa-transition-all",
-              !props.preview ? "hawa-visible hawa-opacity-100" : "hawa-invisible hawa-opacity-0"
-            ),
-            "aria-label": "Chevron down icon",
-            viewBox: "0 0 24 24",
-            fill: "none",
-            stroke: "currentColor",
-            strokeWidth: "2",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
-          },
-          /* @__PURE__ */ React26.createElement("path", { d: "m6 9 6 6 6-6" })
-        )
-      ), /* @__PURE__ */ React26.createElement(
-        "p",
-        {
-          className: cn(
-            "hawa-my-0 hawa-text-start hawa-text-xs hawa-text-helper-color hawa-transition-all",
-            props.helperText ? "hawa-h-4 hawa-opacity-100" : "hawa-h-0 hawa-opacity-0"
-          )
-        },
-        props.helperText
-      ))), /* @__PURE__ */ React26.createElement(
-        PopoverContent,
-        {
-          className: cn("popover-w-parent", props.helperText && "-hawa-mt-4")
-        },
-        /* @__PURE__ */ React26.createElement(Command, null, !props.hideInput && /* @__PURE__ */ React26.createElement(
-          CommandInput,
-          {
-            placeholder: ((_b = props.texts) == null ? void 0 : _b.searchPlaceholder) || "Search"
-          }
-        ), /* @__PURE__ */ React26.createElement(CommandEmpty, null, ((_c = props.texts) == null ? void 0 : _c.noItems) || "No items found."), /* @__PURE__ */ React26.createElement(CommandGroup, { className: "hawa-max-h-[200px] hawa-overflow-y-auto" }, data.map((item, i) => /* @__PURE__ */ React26.createElement(
-          CommandItem,
-          {
-            key: i,
-            onSelect: () => {
-              const newValue = getProperty(item, valueKey);
-              setValue(newValue === value ? "" : newValue);
-              if (props.onChange) {
-                props.onChange(
-                  newValue === value ? "" : newValue
-                );
-              }
-              setOpen(false);
-            }
-          },
-          /* @__PURE__ */ React26.createElement(
-            "svg",
-            {
-              "aria-label": "Check Icon",
-              xmlns: "http://www.w3.org/2000/svg",
-              width: "24",
-              height: "24",
-              viewBox: "0 0 24 24",
-              fill: "none",
-              stroke: "currentColor",
-              strokeWidth: "2",
-              strokeLinecap: "round",
-              strokeLinejoin: "round",
-              className: cn(
-                "hawa-icon hawa-mr-2",
-                value === getProperty(item, valueKey) ? "hawa-opacity-100" : "hawa-opacity-0"
-              )
-            },
-            /* @__PURE__ */ React26.createElement("polyline", { points: "20 6 9 17 4 12" })
-          ),
-          getProperty(item, labelKey)
-        ))))
-      ))
-    );
-  }
-);
-
-// components/elements/textarea/Textarea.tsx
-var React27 = __toESM(require("react"));
-var Textarea = React27.forwardRef(
-  ({
-    className,
-    labelProps,
-    showCount,
-    forceHideHelperText,
-    textareaProps,
-    countPosition = "bottom",
-    ...props
-  }, ref) => {
-    return /* @__PURE__ */ React27.createElement("div", { className: "hawa-relative hawa-flex hawa-h-full hawa-w-full hawa-flex-col hawa-gap-2" }, props.label && /* @__PURE__ */ React27.createElement(Label2, { ...labelProps }, props.label), /* @__PURE__ */ React27.createElement(
-      "textarea",
-      {
-        className: cn(
-          "hawa-flex hawa-min-h-[40px] hawa-w-full hawa-rounded-md hawa-border hawa-border-input hawa-bg-background hawa-px-3 hawa-py-2 hawa-text-sm hawa-ring-offset-background placeholder:hawa-text-gray-400 placeholder:hawa-text-muted-foreground focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-0 disabled:hawa-cursor-not-allowed disabled:hawa-opacity-50",
-          className
-        ),
-        ref,
-        ...textareaProps
-      }
-    ), /* @__PURE__ */ React27.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, !forceHideHelperText && /* @__PURE__ */ React27.createElement(
-      "p",
-      {
-        className: cn(
-          "hawa-my-0 hawa-text-start hawa-text-xs hawa-text-helper-color hawa-transition-all",
-          props.helperText ? "hawa-h-4 hawa-opacity-100" : "hawa-h-0 hawa-opacity-0"
-        )
-      },
-      props.helperText
-    ), showCount && /* @__PURE__ */ React27.createElement(
-      "div",
-      {
-        className: cn(
-          " hawa-text-start hawa-text-xs hawa-transition-all ",
-          {
-            "hawa-absolute hawa-bottom-[80px] hawa-end-0 hawa-translate-y-1/2": countPosition === "top"
-          }
-        )
-      },
-      (textareaProps == null ? void 0 : textareaProps.value) ? String(textareaProps == null ? void 0 : textareaProps.value).length : 0,
-      "/",
-      textareaProps == null ? void 0 : textareaProps.maxLength
-    )));
-  }
-);
-Textarea.displayName = "Textarea";
-
-// components/elements/fileDropzone/FileDropzone.tsx
-var import_react11 = __toESM(require("react"));
-var import_react_dropzone = require("react-dropzone");
-var import_clsx2 = __toESM(require("clsx"));
-
-// components/elements/sortButton/SortButton.tsx
-var import_react12 = __toESM(require("react"));
-
-// components/elements/tabs/Tabs.tsx
-var React31 = __toESM(require("react"));
-var TabsPrimitive = __toESM(require("@radix-ui/react-tabs"));
-
-// components/elements/Chip.tsx
-var import_react13 = __toESM(require("react"));
-var Chip = import_react13.default.forwardRef(
-  ({
-    label,
-    size = "normal",
-    icon,
-    color,
-    radius = "inherit",
-    dotType,
-    ...rest
-  }, ref) => {
-    let defaultStyles = "hawa-flex hawa-flex-row hawa-w-fit hawa-gap-1 hawa-items-center  hawa-px-2.5 hawa-py-1  hawa-font-bold ";
-    let radiusStyles = {
-      inherit: " hawa-rounded",
-      full: "hawa-rounded-full",
-      none: "hawa-rounded-none"
-    };
-    let sizeStyles = {
-      small: "hawa-h-[15px] hawa-leading-4 hawa-px-0 hawa-py-0 hawa-text-[9px] hawa-gap-0.5 ",
-      normal: "hawa-h-fit hawa-text-xs",
-      large: "hawa-text-base"
-    };
-    let dotStyles = {
-      small: "hawa-flex hawa-h-1 hawa-w-1 hawa-rounded-full",
-      normal: "hawa-flex hawa-h-2 hawa-w-2 hawa-rounded-full",
-      large: "hawa-flex hawa-h-3 hawa-w-3 hawa-rounded-full"
-    };
-    let dotTypeStyles = {
-      available: "hawa-bg-green-500",
-      unavailable: "hawa-bg-red-500"
-    };
-    let colorStyles = {
-      green: "hawa-bg-green-100 hawa-text-green-500 dark:hawa-bg-green-400 dark:hawa-text-green-800",
-      blue: "hawa-bg-blue-100 hawa-text-blue-500 dark:hawa-bg-blue-400 dark:hawa-text-blue-100",
-      red: "hawa-bg-red-100 hawa-text-red-500 dark:hawa-bg-red-400 dark:hawa-text-red-100",
-      yellow: "hawa-bg-yellow-100 hawa-text-yellow-600 dark:hawa-bg-yellow-400 dark:hawa-text-yellow-800",
-      orange: "hawa-bg-orange-100 hawa-text-orange-500 dark:hawa-bg-orange-400 dark:hawa-text-orange-100",
-      purple: "hawa-bg-purple-100 hawa-text-purple-500 dark:hawa-bg-purple-400 dark:hawa-text-purple-100",
-      cyan: "hawa-bg-cyan-100 hawa-text-cyan-800 dark:hawa-bg-cyan-400 dark:hawa-text-cyan-800",
-      hyper: "hawa-text-white hawa-bg-gradient-to-tl hawa-from-pink-500 hawa-via-red-500 hawa-to-yellow-500 ",
-      oceanic: "hawa-text-white hawa-bg-gradient-to-bl hawa-from-green-300 hawa-via-blue-500 hawa-to-purple-600"
-    };
-    if (label) {
-      return /* @__PURE__ */ import_react13.default.createElement(
-        "span",
-        {
-          ...rest,
-          ref,
-          className: cn(
-            defaultStyles,
-            sizeStyles[size],
-            radiusStyles[radius],
-            color ? colorStyles[color] : "hawa-border hawa-bg-none"
-          )
-        },
-        dotType && /* @__PURE__ */ import_react13.default.createElement(
-          "span",
-          {
-            className: cn(dotStyles[size], dotTypeStyles[dotType])
-          }
-        ),
-        icon && icon,
-        label
-      );
-    } else {
-      return /* @__PURE__ */ import_react13.default.createElement(
-        "span",
-        {
-          ...rest,
-          ref,
-          className: cn(
-            "hawa-h-2 hawa-w-2 hawa-rounded-full",
-            color ? colorStyles[color] : "hawa-border hawa-bg-none"
-          )
-        }
-      );
-    }
-  }
-);
-
-// components/elements/tabs/Tabs.tsx
-var TabsContext = React31.createContext({ orientation: "vertical" });
-var Tabs = React31.forwardRef(({ className, orientation, ...props }, ref) => /* @__PURE__ */ React31.createElement(
-  TabsPrimitive.Root,
-  {
-    ref,
-    className: cn(
-      "hawa-flex hawa-gap-2",
-      orientation === "vertical" ? "hawa-flex-row" : "hawa-flex-col",
-      className
-    ),
-    ...props
-  },
-  /* @__PURE__ */ React31.createElement(TabsContext.Provider, { value: { orientation } }, props.children)
-));
-Tabs.displayName = TabsPrimitive.Root.displayName;
-var TabsList = React31.forwardRef(({ className, ...props }, ref) => {
-  const { orientation } = React31.useContext(TabsContext);
-  return /* @__PURE__ */ React31.createElement(
-    TabsPrimitive.List,
-    {
-      ref,
-      className: cn(
-        "hawa-flex hawa-w-fit hawa-flex-wrap hawa-items-center hawa-justify-start hawa-gap-1 hawa-rounded hawa-border hawa-bg-muted hawa-p-1 hawa-text-muted-foreground  dark:hawa-border-primary/10",
-        orientation === "vertical" ? "hawa-flex-col" : "hawa-flex-row",
-        className
-      ),
-      ...props
-    }
-  );
-});
-TabsList.displayName = TabsPrimitive.List.displayName;
-var TabsTrigger = React31.forwardRef(({ className, chipProps, ...props }, ref) => {
-  return /* @__PURE__ */ React31.createElement(
-    TabsPrimitive.Trigger,
-    {
-      ref,
-      className: cn(
-        "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-border 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 data-[state=active]:hawa-bg-primary data-[state=active]:hawa-text-primary-foreground data-[state=active]:hawa-shadow-sm  dark:hawa-border-primary/10",
-        className
-      ),
-      ...props
-    },
-    props.children,
-    chipProps && /* @__PURE__ */ React31.createElement(Chip, { ...chipProps })
-  );
-});
-TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-var TabsContent = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React31.createElement(
-  TabsPrimitive.Content,
-  {
-    ref,
-    className: cn(
-      "hawa-ring-offset-hawa-background hawa-w-full focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-2",
-      className
-    ),
-    ...props
-  }
-));
-TabsContent.displayName = TabsPrimitive.Content.displayName;
-
-// components/elements/select/Select.tsx
-var import_react14 = __toESM(require("react"));
-var import_react_select = __toESM(require("react-select"));
-var import_creatable = __toESM(require("react-select/creatable"));
-var import_clsx3 = __toESM(require("clsx"));
-
-// components/elements/switch/Switch.tsx
-var React33 = __toESM(require("react"));
-var SwitchPrimitives = __toESM(require("@radix-ui/react-switch"));
-var Switch = React33.forwardRef(
-  ({ className, size = "default", roundedness = "inherit", label, ...props }, ref) => {
-    const [parentDirection, setParentDirection] = React33.useState(
-      null
-    );
-    const parentRef = React33.useRef(null);
-    React33.useEffect(() => {
-      var _a;
-      const parentNode = (_a = parentRef.current) == null ? void 0 : _a.parentNode;
-      if (parentNode) {
-        const dir = window.getComputedStyle(parentNode).direction;
-        setParentDirection(dir);
-      }
-    });
-    const rootSize = {
-      default: "hawa-h-[25px] hawa-w-[42px]",
-      sm: "hawa-h-[20px] hawa-w-[37px]",
-      lg: "hawa-h-[30px] hawa-w-[47px]"
-    };
-    const thumbSize = {
-      default: "hawa-h-[21px] hawa-w-[21px]",
-      sm: "hawa-h-[16px] hawa-w-[16px]",
-      lg: "hawa-h-[26px] hawa-w-[26px]"
-    };
-    const rootRoundednessStyles = {
-      none: "hawa-rounded-none",
-      full: "hawa-rounded-full",
-      inherit: "hawa-rounded"
-    };
-    const thumbRoundednessStyles = {
-      none: "hawa-rounded-none",
-      full: "hawa-rounded-full",
-      inherit: "hawa-rounded-inner"
-    };
-    return /* @__PURE__ */ React33.createElement(
-      "div",
-      {
-        className: "hawa-flex hawa-flex-row hawa-items-center",
-        ref: parentRef
-      },
-      /* @__PURE__ */ React33.createElement(
-        SwitchPrimitives.Root,
-        {
-          className: cn(
-            "data-[state=unchecked]:hawa-bg-primary/20",
-            "data-[state=checked]:hawa-bg-primary",
-            "hawa-relative hawa-cursor-pointer hawa-rounded hawa-outline-none",
-            rootRoundednessStyles[roundedness],
-            className,
-            rootSize[size]
-          ),
-          ...props,
-          ref
-        },
-        /* @__PURE__ */ React33.createElement(
-          SwitchPrimitives.Thumb,
-          {
-            className: cn(
-              thumbSize[size],
-              "hawa-block hawa-rounded  hawa-transition-transform  hawa-duration-100 hawa-will-change-transform",
-              "data-[state=checked]:hawa-bg-primary-foreground",
-              "hawa-bg-white dark:hawa-bg-background",
-              thumbRoundednessStyles[roundedness],
-              parentDirection === "rtl" ? "hawa--translate-x-0.5 data-[state=checked]:hawa--translate-x-[19px]" : "hawa-translate-x-0.5 data-[state=checked]:hawa-translate-x-[19px]"
-            )
-          }
-        )
-      ),
-      label && /* @__PURE__ */ React33.createElement("span", { className: "hawa-mx-2 hawa-text-sm hawa-font-medium hawa-text-gray-900 dark:hawa-text-gray-300" }, label)
-    );
-  }
-);
-Switch.displayName = SwitchPrimitives.Root.displayName;
-
-// components/elements/checkbox/Checkbox.tsx
-var React34 = __toESM(require("react"));
-var CheckboxPrimitive = __toESM(require("@radix-ui/react-checkbox"));
-var CheckboxElement = React34.forwardRef(({ radius = "inherit", size = "default", className, ...props }, ref) => {
-  let checkboxRadius = {
-    none: "hawa-rounded-none",
-    inherit: "hawa-rounded-sm",
-    full: "hawa-rounded-full"
-  };
-  let checkboxSizes = {
-    xs: "hawa-w-3 hawa-h-3",
-    sm: "hawa-w-6 hawa-h-6",
-    default: "hawa-icon",
-    md: "hawa-w-8 hawa-h-8",
-    lg: "hawa-w-10 hawa-h-10",
-    xl: "hawa-w-12 hawa-h-12"
-  };
-  let checkboxIndicatorSizes = {
-    xs: "0.5em",
-    default: "0.60em",
-    sm: "0.75em",
-    md: "0.875em",
-    lg: "1em",
-    xl: "1.25em"
-  };
-  return /* @__PURE__ */ React34.createElement(
-    CheckboxPrimitive.Root,
-    {
-      ref,
-      className: cn(
-        "hawa-peer hawa-shrink-0  hawa-border hawa-border-primary hawa-ring-offset-background focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-2 disabled:hawa-cursor-not-allowed disabled:hawa-opacity-50 data-[state=checked]:hawa-bg-primary data-[state=checked]:hawa-text-primary-foreground",
-        checkboxSizes[size],
-        checkboxRadius[radius],
-        className
-      ),
-      ...props
-    },
-    /* @__PURE__ */ React34.createElement(
-      CheckboxPrimitive.Indicator,
-      {
-        className: cn(
-          "hawa-flex hawa-items-center hawa-justify-center hawa-text-current"
-        )
-      },
-      /* @__PURE__ */ React34.createElement(
-        "svg",
-        {
-          "aria-label": "Check Mark",
-          stroke: "currentColor",
-          fill: "currentColor",
-          strokeWidth: "0",
-          viewBox: "0 0 512 512",
-          height: checkboxIndicatorSizes[size],
-          width: checkboxIndicatorSizes[size]
-        },
-        /* @__PURE__ */ React34.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" })
-      ),
-      " "
-    )
-  );
-});
-CheckboxElement.displayName = CheckboxPrimitive.Root.displayName;
-
-// components/elements/cards/ActionCard.tsx
-var import_react15 = __toESM(require("react"));
-
-// components/elements/cards/AdCard.tsx
-var import_react16 = __toESM(require("react"));
-
-// components/elements/cards/PricingCard.tsx
-var import_react17 = __toESM(require("react"));
-
-// components/elements/cards/ItemCard.tsx
-var import_react18 = __toESM(require("react"));
-
-// components/elements/cards/LandingCard.tsx
-var import_react19 = __toESM(require("react"));
-
-// components/elements/PinInput.tsx
-var import_react20 = __toESM(require("react"));
-
-// components/elements/PhoneInput.tsx
-var import_react21 = __toESM(require("react"));
-
-// components/elements/Progress.tsx
-var React42 = __toESM(require("react"));
-var ProgressPrimitive = __toESM(require("@radix-ui/react-progress"));
-var Progress = React42.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ React42.createElement(
-  ProgressPrimitive.Root,
-  {
-    ref,
-    className: cn(
-      "hawa-relative hawa-h-4 hawa-w-full hawa-overflow-hidden hawa-rounded hawa-bg-secondary",
-      className
-    ),
-    ...props
-  },
-  /* @__PURE__ */ React42.createElement(
-    ProgressPrimitive.Indicator,
-    {
-      className: "hawa-h-full hawa-w-full hawa-flex-1 hawa-bg-primary hawa-transition-all",
-      style: { transform: `translateX(-${100 - (value || 0)}%)` }
-    }
-  )
-));
-Progress.displayName = ProgressPrimitive.Root.displayName;
-
-// components/elements/ProgressCircle.tsx
-var import_react22 = __toESM(require("react"));
-var size2config = {
-  xs: {
-    radius: 15,
-    strokeWidth: 3
-  },
-  sm: {
-    radius: 19,
-    strokeWidth: 4
-  },
-  md: {
-    radius: 32,
-    strokeWidth: 6
-  },
-  lg: {
-    radius: 52,
-    strokeWidth: 8
-  },
-  xl: {
-    radius: 80,
-    strokeWidth: 10
-  }
-};
-function getLimitedValue(input) {
-  if (input === void 0) {
-    return 0;
-  } else if (input > 100) {
-    return 100;
-  } else {
-    return input;
-  }
-}
-var ProgressCircle = import_react22.default.forwardRef((props, ref) => {
-  const {
-    value: inputValue,
-    size = "md",
-    className,
-    showAnimation = true,
-    color,
-    tooltip,
-    radius: inputRadius,
-    strokeWidth: inputStrokeWidth,
-    children,
-    ...other
-  } = props;
-  const value = getLimitedValue(inputValue);
-  const radius = inputRadius != null ? inputRadius : size2config[size].radius;
-  const strokeWidth = inputStrokeWidth != null ? inputStrokeWidth : size2config[size].strokeWidth;
-  const normalizedRadius = radius - strokeWidth / 2;
-  const circumference = normalizedRadius * 2 * Math.PI;
-  const strokeDashoffset = value / 100 * circumference;
-  const offset = circumference - strokeDashoffset;
-  return /* @__PURE__ */ import_react22.default.createElement(import_react22.default.Fragment, null, /* @__PURE__ */ import_react22.default.createElement(
-    "div",
-    {
-      ref,
-      className: cn(
-        "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center",
-        className
-      )
-    },
-    /* @__PURE__ */ import_react22.default.createElement(
-      "svg",
-      {
-        width: radius * 2,
-        height: radius * 2,
-        viewBox: `0 0 ${radius * 2} ${radius * 2}`,
-        className: "hawa-rotate-180 hawa-transform"
-      },
-      /* @__PURE__ */ import_react22.default.createElement(
-        "circle",
-        {
-          r: normalizedRadius,
-          cx: radius,
-          cy: radius,
-          strokeWidth,
-          fill: "transparent",
-          stroke: "",
-          strokeLinecap: "round",
-          className: cn(
-            "hawa-transition-colors hawa-ease-linear",
-            " hawa-stroke-primary/20"
-          )
-        }
-      ),
-      value > 0 ? /* @__PURE__ */ import_react22.default.createElement(
-        "circle",
-        {
-          r: normalizedRadius,
-          cx: radius,
-          cy: radius,
-          strokeWidth,
-          strokeDasharray: circumference + " " + circumference,
-          strokeDashoffset: offset,
-          fill: "transparent",
-          stroke: "",
-          strokeLinecap: "round",
-          className: cn(
-            "hawa-transition-colors hawa-ease-linear",
-            "hawa-stroke-primary",
-            showAnimation ? "hawa-transition-all hawa-duration-300 hawa-ease-in-out" : ""
-          )
-        }
-      ) : null
-    ),
-    /* @__PURE__ */ import_react22.default.createElement("div", { className: cn("hawa-absolute hawa-flex") }, children)
-  ));
-});
-ProgressCircle.displayName = "ProgressCircle";
-
-// components/elements/Pagination.tsx
-var import_react23 = __toESM(require("react"));
-var import_react_headless_pagination = require("react-headless-pagination");
-
-// components/elements/PasswordInput.tsx
-var import_react27 = __toESM(require("react"));
-
-// components/icons/Emojis.tsx
-var import_react24 = __toESM(require("react"));
-
-// components/icons/InputIcons.tsx
-var import_react25 = __toESM(require("react"));
-
-// components/icons/CommonIcons.tsx
-var import_react26 = __toESM(require("react"));
-
-// components/elements/Slider.tsx
-var React49 = __toESM(require("react"));
-var SliderPrimitive = __toESM(require("@radix-ui/react-slider"));
-var Slider = React49.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React49.createElement(
-  SliderPrimitive.Root,
-  {
-    ref,
-    className: cn(
-      "hawa-relative hawa-flex hawa-w-full hawa-touch-none hawa-select-none hawa-items-center",
-      className
-    ),
-    ...props
-  },
-  /* @__PURE__ */ React49.createElement(SliderPrimitive.Track, { className: "hawa-relative hawa-h-2 hawa-w-full hawa-grow hawa-overflow-hidden hawa-rounded-full hawa-border hawa-bg-background" }, /* @__PURE__ */ React49.createElement(SliderPrimitive.Range, { className: "hawa-absolute hawa-h-full hawa-bg-primary" })),
-  /* @__PURE__ */ React49.createElement(SliderPrimitive.Thumb, { className: "hawa-block hawa-h-5 hawa-w-5 hawa-rounded-full hawa-border-2 hawa-border-primary hawa-bg-background hawa-ring-offset-background hawa-transition-colors 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" })
-));
-Slider.displayName = SliderPrimitive.Root.displayName;
-
-// components/elements/SimpleTable.tsx
-var React50 = __toESM(require("react"));
-var import_react_table2 = require("@tanstack/react-table");
-
-// components/elements/Separator.tsx
-var React51 = __toESM(require("react"));
-
-// components/elements/ScrollArea.tsx
-var React52 = __toESM(require("react"));
-var ScrollAreaPrimitive = __toESM(require("@radix-ui/react-scroll-area"));
-var ScrollArea = React52.forwardRef(({ className, children, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ React52.createElement(
-  ScrollAreaPrimitive.Root,
-  {
-    ref,
-    className: cn("hawa-relative hawa-overflow-hidden", className),
-    ...props
-  },
-  /* @__PURE__ */ React52.createElement(ScrollAreaPrimitive.Viewport, { className: "hawa-h-full hawa-w-full hawa-rounded-[inherit]" }, children),
-  /* @__PURE__ */ React52.createElement(ScrollBar, { orientation }),
-  /* @__PURE__ */ React52.createElement(ScrollAreaPrimitive.Corner, null)
-));
-ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
-var ScrollBar = React52.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ React52.createElement(
-  ScrollAreaPrimitive.ScrollAreaScrollbar,
-  {
-    ref,
-    orientation,
-    className: cn(
-      "hawa-flex hawa-touch-none hawa-select-none hawa-transition-colors",
-      orientation === "vertical" && "hawa-h-full hawa-w-2.5 hawa-border-l hawa-border-l-transparent hawa-p-[1px]",
-      orientation === "horizontal" && "hawa-h-2.5 hawa-border-t hawa-border-t-transparent hawa-p-[1px]",
-      className
-    ),
-    ...props
-  },
-  /* @__PURE__ */ React52.createElement(
-    ScrollAreaPrimitive.ScrollAreaThumb,
-    {
-      className: cn(
-        "hawa-relative hawa-rounded-full hawa-bg-border",
-        orientation === "vertical" && "hawa-flex-1"
-      )
-    }
-  )
-));
-ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
-
-// components/elements/ScrollIndicator.tsx
-var import_react28 = __toESM(require("react"));
-
-// components/elements/StopPropagationWrapper.tsx
-var import_react29 = __toESM(require("react"));
-
-// components/elements/ColorPicker.tsx
-var import_react30 = __toESM(require("react"));
-
-// components/elements/CodeBlock.tsx
-var import_react32 = __toESM(require("react"));
-var import_prism_react_renderer = require("prism-react-renderer");
-
-// components/hooks/useClipboard.ts
-var import_react31 = require("react");
-
-// components/elements/Carousel.tsx
-var import_react33 = __toESM(require("react"));
-var import_embla_carousel_react = __toESM(require("embla-carousel-react"));
-
-// components/elements/Count.tsx
-var import_react34 = __toESM(require("react"));
-
-// components/elements/Toast.tsx
-var React59 = __toESM(require("react"));
-var ToastPrimitives = __toESM(require("@radix-ui/react-toast"));
-var import_class_variance_authority4 = require("class-variance-authority");
-var toastVariants = (0, import_class_variance_authority4.cva)(
-  "hawa-group hawa-z-[900] hawa-pointer-events-auto hawa-relative hawa-flex hawa-w-full hawa-items-center hawa-justify-between hawa-space-x-4 hawa-overflow-hidden hawa-rounded-md hawa-border  hawa-shadow-lg hawa-transition-all data-[swipe=cancel]:hawa-translate-x-0 data-[swipe=end]:hawa-translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:hawa-translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:hawa-transition-none data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out data-[swipe=end]:hawa-animate-out data-[state=closed]:hawa-fade-out-80  data-[state=open]:hawa-slide-in-from-top-full data-[state=open]:sm:hawa-slide-in-from-bottom-full",
-  {
-    variants: {
-      variant: {
-        default: "hawa-border hawa-bg-background hawa-text-foreground",
-        destructive: "hawa-destructive hawa-group hawa-border-destructive hawa-bg-destructive hawa-text-destructive-foreground"
-      },
-      severity: {
-        info: "hawa-info hawa-group hawa-text-info-foreground hawa-bg-info",
-        warning: "hawa-warning hawa-group hawa-text-warning-foreground hawa-bg-warning",
-        error: "hawa-error hawa-group hawa-border-error hawa-bg-error hawa-text-white",
-        success: "hawa-success hawa-group hawa-text-success-foreground hawa-bg-success",
-        none: ""
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  }
-);
-var ToastViewport = React59.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React59.createElement(
-  ToastPrimitives.Viewport,
-  {
-    ref,
-    className: cn(
-      "hawa-fixed hawa-top-0 hawa-z-[100] hawa-flex hawa-max-h-screen hawa-w-full hawa-flex-col-reverse hawa-p-4 sm:hawa-bottom-0 sm:hawa-right-0 sm:hawa-top-auto sm:hawa-flex-col md:hawa-max-w-[420px]",
-      className
-    ),
-    ...props
-  }
-));
-ToastViewport.displayName = ToastPrimitives.Viewport.displayName;
-var Toast = React59.forwardRef(({ className, variant, severity = "none", direction, ...props }, ref) => {
-  return /* @__PURE__ */ React59.createElement(
-    ToastPrimitives.Root,
-    {
-      ref,
-      className: cn(
-        toastVariants({ variant, severity }),
-        className,
-        direction === "rtl" ? "hawa-p-6 hawa-pl-0 hawa-pr-10 data-[state=closed]:hawa-slide-out-to-left-full" : "hawa-p-6 hawa-pr-8 data-[state=closed]:hawa-slide-out-to-right-full"
-      ),
-      dir: direction,
-      ...props
-    }
-  );
-});
-Toast.displayName = ToastPrimitives.Root.displayName;
-var ToastAction = React59.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ React59.createElement(
-    ToastPrimitives.Action,
+}) {
+  const animationStyles = {
+    none: "hawa-rounded hawa-bg-muted",
+    pulse: "hawa-animate-pulse hawa-rounded hawa-bg-muted",
+    shimmer: "hawa-space-y-5 hawa-rounded hawa-bg-muted  hawa-p-4 hawa-relative  before:hawa-absolute before:hawa-inset-0 before:hawa--translate-x-full before:hawa-animate-[shimmer_2s_infinite] before:hawa-bg-gradient-to-r before:hawa-from-transparent before:hawa-via-gray-300/40 dark:before:hawa-via-white/10 before:hawa-to-transparent hawa-isolate hawa-overflow-hidden  before:hawa-border-t before:hawa-border-rose-100/10"
+  };
+  return /* @__PURE__ */ import_react7.default.createElement(
+    "div",
     {
-      ref,
       className: cn(
-        "hawa-inline-flex hawa-h-8 hawa-shrink-0 hawa-items-center hawa-justify-center hawa-rounded-md hawa-border hawa-bg-transparent hawa-px-3 hawa-text-sm hawa-font-medium hawa-ring-offset-background hawa-transition-colors hover:hawa-bg-secondary hover:hawa-text-secondary-foreground focus:hawa-outline-none focus:hawa-ring-2 focus:hawa-ring-ring focus:hawa-ring-offset-2 disabled:hawa-pointer-events-none disabled:hawa-opacity-50",
-        "group-[.info]:hawa-border-muted/40 group-[.info]:hover:hawa-border-info/30 group-[.info]:hover:hawa-bg-info group-[.info]:hover:hawa-text-info-foreground group-[.info]:focus:hawa-ring-info",
-        "group-[.error]:hawa-border-muted/40 group-[.error]:hover:hawa-border-error/30 group-[.error]:hover:hawa-bg-error group-[.error]:hover:hawa-text-error-foreground group-[.error]:focus:hawa-ring-error",
-        "group-[.success]:hawa-border-muted/40 group-[.success]:hover:hawa-border-success/30 group-[.success]:hover:hawa-bg-success group-[.success]:hover:hawa-text-success-foreground group-[.success]:focus:hawa-ring-success",
-        "group-[.warning]:hawa-border-muted/40 group-[.warning]:hover:hawa-border-warning/30 group-[.warning]:hover:hawa-bg-warning group-[.warning]:hover:hawa-text-warning-foreground group-[.warning]:focus:hawa-ring-warning",
+        animationStyles[animation],
+        content && "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center",
         className
       ),
       ...props
-    }
-  );
-});
-ToastAction.displayName = ToastPrimitives.Action.displayName;
-var ToastClose = React59.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React59.createElement(
-  ToastPrimitives.Close,
-  {
-    ref,
-    className: cn(
-      "hawa-absolute hawa-right-2 hawa-top-2 hawa-rounded-md hawa-p-1 hawa-text-foreground/50 hawa-opacity-0 hawa-transition-opacity hover:hawa-text-foreground focus:hawa-opacity-100 focus:hawa-outline-none focus:hawa-ring-2 group-hover:hawa-opacity-100 group-[.destructive]:hawa-text-red-300 group-[.destructive]:hover:hawa-text-red-50 group-[.destructive]:focus:hawa-ring-red-400 group-[.destructive]:focus:hawa-ring-offset-red-600",
-      className
-    ),
-    "toast-close": "",
-    ...props
-  },
-  /* @__PURE__ */ React59.createElement(
-    "svg",
-    {
-      "aria-label": "Close Icon",
-      "aria-hidden": "true",
-      className: "hawa-icon",
-      fill: "currentColor",
-      viewBox: "0 0 20 20"
     },
-    /* @__PURE__ */ React59.createElement(
-      "path",
-      {
-        fillRule: "evenodd",
-        d: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",
-        clipRule: "evenodd"
-      }
-    )
-  )
-));
-ToastClose.displayName = ToastPrimitives.Close.displayName;
-var ToastTitle = React59.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React59.createElement(
-  ToastPrimitives.Title,
-  {
-    ref,
-    className: cn(
-      "hawa-select-text hawa-text-sm hawa-font-semibold",
-      className
-    ),
-    ...props
-  }
-));
-ToastTitle.displayName = ToastPrimitives.Title.displayName;
-var ToastDescription = React59.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React59.createElement(
-  ToastPrimitives.Description,
-  {
-    ref,
-    className: cn("hawa-select-text hawa-text-sm hawa-opacity-90", className),
-    ...props
-  }
-));
-ToastDescription.displayName = ToastPrimitives.Description.displayName;
-
-// components/elements/Toaster.tsx
-var import_react35 = __toESM(require("react"));
-
-// components/hooks/useToast.ts
-var React60 = __toESM(require("react"));
-
-// components/elements/Breadcrumb.tsx
-var import_react36 = __toESM(require("react"));
-
-// components/elements/Badge.tsx
-var import_react37 = __toESM(require("react"));
-
-// components/elements/AppStores.tsx
-var import_react38 = __toESM(require("react"));
-
-// components/elements/DestroyableCard.tsx
-var import_react39 = __toESM(require("react"));
-
-// components/elements/InterfaceSettings.tsx
-var import_react40 = __toESM(require("react"));
+    content && content
+  );
+}
 
-// components/blocks/misc/LegalTexts.tsx
-var LegalTexts = ({ tabs, ...props }) => {
-  return /* @__PURE__ */ import_react41.default.createElement(
-    Tabs,
-    {
-      value: props.activeTab,
-      onValueChange: props.handleTabChange,
-      defaultValue: props.defaultTab || tabs[0].value,
-      dir: props.direction
-    },
-    /* @__PURE__ */ import_react41.default.createElement(TabsList, { className: "hawa-w-full" }, tabs.map((tab, index) => /* @__PURE__ */ import_react41.default.createElement(TabsTrigger, { key: index, value: tab.value }, tab.title))),
-    tabs.map((tab, index) => /* @__PURE__ */ import_react41.default.createElement(TabsContent, { key: index, value: tab.value }, /* @__PURE__ */ import_react41.default.createElement(
-      ScrollArea,
+// components/elements/input/Input.tsx
+var Input = (0, import_react8.forwardRef)(
+  ({
+    margin = "none",
+    width = "full",
+    preview = false,
+    forceHideHelperText = false,
+    labelProps,
+    placeholder,
+    showCount,
+    inputProps,
+    countPosition = "bottom",
+    ...props
+  }, ref) => {
+    var _a;
+    let marginStyles = {
+      none: "hawa-mb-0",
+      normal: "hawa-mb-3",
+      large: "hawa-mb-5"
+    };
+    let widthStyles = {
+      small: "hawa-w-full hawa-max-w-2xs",
+      normal: "hawa-w-1/2",
+      full: "hawa-w-full",
+      auto: ""
+    };
+    let defaultStyle = "hawa-flex hawa-max-h-fit hawa-h-fit hawa-relative hawa-flex-col hawa-justify-center hawa-gap-0";
+    let defaultInputStyle = "hawa-block hawa-w-full hawa-rounded hawa-border hawa-transition-all hawa-bg-background hawa-p-3 hawa-text-sm ";
+    return /* @__PURE__ */ import_react8.default.createElement(
+      "div",
       {
         className: cn(
-          "hawa-rounded  hawa-border hawa-bg-muted hawa-p-4",
-          props.scrollAreaClassName
+          defaultStyle,
+          marginStyles[margin],
+          widthStyles[width],
+          props.containerClassName,
+          "hawa-w-full hawa-gap-2"
         )
       },
-      tab.content
-    )))
-  );
-};
-
-// components/blocks/misc/EmptyState.tsx
-var import_react42 = __toESM(require("react"));
-var EmptyState = ({ texts, onActionClick }) => {
-  return /* @__PURE__ */ import_react42.default.createElement(Card, null, /* @__PURE__ */ import_react42.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react42.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-text-center " }, /* @__PURE__ */ import_react42.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_react42.default.createElement(
-    "svg",
-    {
-      stroke: "currentColor",
-      fill: "currentColor",
-      strokeWidth: "0",
-      viewBox: "0 0 512 512",
-      height: "0.35em",
-      width: "0.35em"
-    },
-    /* @__PURE__ */ import_react42.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_react42.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_react42.default.createElement(CardFooter, null, /* @__PURE__ */ import_react42.default.createElement(Button, { className: "hawa-w-full", onClick: () => onActionClick() }, (texts == null ? void 0 : texts.actionText) || "Go Home")));
-};
-
-// components/blocks/misc/Testimonial.tsx
-var import_react43 = __toESM(require("react"));
-var Testimonial = () => {
-  return /* @__PURE__ */ import_react43.default.createElement(Card, null, /* @__PURE__ */ import_react43.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react43.default.createElement("div", null, /* @__PURE__ */ import_react43.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_react43.default.createElement("div", { className: "flex flex-row gap-4" }, /* @__PURE__ */ import_react43.default.createElement("svg", { width: "48", height: "48", viewBox: "0 0 48 48", fill: "none" }, /* @__PURE__ */ import_react43.default.createElement("rect", { width: "48", height: "48", rx: "24", fill: "#45BE8B" }), /* @__PURE__ */ import_react43.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_react43.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_react43.default.createElement("span", { className: "border border-l " }), " ", /* @__PURE__ */ import_react43.default.createElement("div", null, /* @__PURE__ */ import_react43.default.createElement("strong", null, "Brent Lassi"), /* @__PURE__ */ import_react43.default.createElement("div", null, " Chief Information Security Officer")))));
-};
+      props.label && /* @__PURE__ */ import_react8.default.createElement(Label, { ...labelProps }, props.label),
+      props.isLoading ? /* @__PURE__ */ import_react8.default.createElement("div", { className: "hawa-pb-2" }, /* @__PURE__ */ import_react8.default.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" })) : /* @__PURE__ */ import_react8.default.createElement(import_react8.default.Fragment, null, !props.hideSeparator && /* @__PURE__ */ import_react8.default.createElement(
+        "div",
+        {
+          className: cn(
+            "hawa-absolute hawa-top-[22px] hawa-h-[0.8px] hawa-w-full hawa-bg-gray-200 hawa-transition-all dark:hawa-bg-gray-800",
+            preview ? "hawa-opacity-100" : "hawa-opacity-0"
+          )
+        }
+      ), /* @__PURE__ */ import_react8.default.createElement(import_react8.default.Fragment, null, /* @__PURE__ */ import_react8.default.createElement("div", { className: "hawa-relative" }, props.startIcon && /* @__PURE__ */ import_react8.default.createElement("div", { className: "hawa-absolute hawa-start-3 hawa-top-1/2 hawa--translate-y-1/2" }, props.startIcon), props.endIcon && /* @__PURE__ */ import_react8.default.createElement(
+        "div",
+        {
+          className: cn(
+            "hawa-absolute hawa-end-3 hawa-top-1/2 hawa--translate-y-1/2",
+            (_a = props.endIconProps) == null ? void 0 : _a.className
+          )
+        },
+        props.endIcon
+      ), /* @__PURE__ */ import_react8.default.createElement(
+        "input",
+        {
+          required: true,
+          dir: props.dir,
+          type: props.type,
+          value: props.value,
+          onChange: props.onChange,
+          autoComplete: props.autoComplete,
+          defaultValue: props.defaultValue,
+          placeholder,
+          disabled: props.disabled || preview,
+          style: { height: 40 },
+          ...inputProps,
+          className: cn(
+            defaultInputStyle,
+            " focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-0 dark:hawa-text-white",
+            {
+              "hawa-pe-9": props.endIcon,
+              "hawa-ps-9": props.startIcon,
+              "hawa-pe-[60px]": countPosition === "center"
+            },
+            preview && "hawa-border-transparent hawa-bg-transparent hawa-px-0",
+            inputProps == null ? void 0 : inputProps.className
+          )
+        }
+      )), !forceHideHelperText && /* @__PURE__ */ import_react8.default.createElement(
+        "p",
+        {
+          className: cn(
+            "hawa-my-0 hawa-text-start hawa-text-xs hawa-text-helper-color hawa-transition-all",
+            props.helperText ? "hawa-h-4 hawa-opacity-100" : "hawa-h-0 hawa-opacity-0"
+          )
+        },
+        props.helperText
+      ), !props.disabled && forceHideHelperText && /* @__PURE__ */ import_react8.default.createElement(
+        "div",
+        {
+          className: cn(
+            "hawa-absolute hawa-end-0 hawa-top-[47px] hawa-z-20 hawa-translate-y-1/2 hawa-rounded hawa-bg-background hawa-text-start  hawa-text-xs hawa-text-helper-color hawa-drop-shadow-md hawa-transition-all",
+            props.helperText ? "hawa-border hawa-p-1" : "hawa-border-none hawa-p-0"
+          )
+        },
+        props.helperText
+      ), showCount && /* @__PURE__ */ import_react8.default.createElement(
+        "div",
+        {
+          className: cn(
+            "hawa-absolute hawa-translate-y-1/2 hawa-text-start hawa-text-xs hawa-transition-all",
+            {
+              "hawa-end-0 hawa-top-[62px]": countPosition === "bottom",
+              "hawa-bottom-[62px] hawa-end-0": countPosition === "top",
+              "hawa-end-2": countPosition === "center"
+            }
+          )
+        },
+        props.value ? String(props.value).length : 0,
+        "/",
+        props.maxLength
+      )))
+    );
+  }
+);
 
 // components/blocks/misc/LeadGenerator.tsx
-var import_react44 = __toESM(require("react"));
-var import_react_hook_form = require("react-hook-form");
 var LeadGenerator = ({ texts, submitHandler }) => {
   var _a;
   const { handleSubmit, control, formState } = (0, import_react_hook_form.useForm)();
@@ -2710,14 +884,14 @@ var LeadGenerator = ({ texts, submitHandler }) => {
       console.log("handleNewsletterSub props was not provided");
     }
   };
-  return /* @__PURE__ */ import_react44.default.createElement(Card, null, /* @__PURE__ */ import_react44.default.createElement(CardHeader, null, /* @__PURE__ */ import_react44.default.createElement(CardTitle, null, texts == null ? void 0 : texts.title), /* @__PURE__ */ import_react44.default.createElement(CardDescription, null, texts == null ? void 0 : texts.subtitle)), /* @__PURE__ */ import_react44.default.createElement(CardContent, null, /* @__PURE__ */ import_react44.default.createElement(
+  return /* @__PURE__ */ import_react9.default.createElement(Card, null, /* @__PURE__ */ import_react9.default.createElement(CardHeader, null, /* @__PURE__ */ import_react9.default.createElement(CardTitle, null, texts == null ? void 0 : texts.title), /* @__PURE__ */ import_react9.default.createElement(CardDescription, null, texts == null ? void 0 : texts.subtitle)), /* @__PURE__ */ import_react9.default.createElement(CardContent, null, /* @__PURE__ */ import_react9.default.createElement(
     "form",
     {
       noValidate: true,
       className: "hawa-flex hawa-flex-row hawa-gap-2",
       onSubmit: handleSubmit(onSubmit)
     },
-    /* @__PURE__ */ import_react44.default.createElement(
+    /* @__PURE__ */ import_react9.default.createElement(
       import_react_hook_form.Controller,
       {
         name: "email",
@@ -2730,27 +904,27 @@ var LeadGenerator = ({ texts, submitHandler }) => {
           }
         },
         defaultValue: "",
-        render: ({ field }) => /* @__PURE__ */ import_react44.default.createElement(Input, { ...field, type: "email", placeholder: "example@sikka.io" })
+        render: ({ field }) => /* @__PURE__ */ import_react9.default.createElement(Input, { ...field, type: "email", placeholder: "example@sikka.io" })
       }
     ),
-    /* @__PURE__ */ import_react44.default.createElement(Button, { type: "submit", disabled: !formState.isValid }, (_a = texts == null ? void 0 : texts.submit) != null ? _a : "Submit")
+    /* @__PURE__ */ import_react9.default.createElement(Button, { type: "submit", disabled: !formState.isValid }, (_a = texts == null ? void 0 : texts.submit) != null ? _a : "Submit")
   )));
 };
 
 // components/blocks/misc/Announcement.tsx
-var import_react45 = __toESM(require("react"));
+var import_react10 = __toESM(require("react"));
 var Announcement = ({
   onActionClick,
   ...props
 }) => {
-  return /* @__PURE__ */ import_react45.default.createElement(Card, null, /* @__PURE__ */ import_react45.default.createElement(
+  return /* @__PURE__ */ import_react10.default.createElement(Card, null, /* @__PURE__ */ import_react10.default.createElement(
     CardContent,
     {
       headless: true,
       className: "hawa-flex hawa-flex-row hawa-items-center hawa-justify-between"
     },
-    /* @__PURE__ */ import_react45.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-start hawa-justify-center " }, /* @__PURE__ */ import_react45.default.createElement("span", { className: "hawa-text-lg hawa-font-bold" }, props.title), /* @__PURE__ */ import_react45.default.createElement("span", { className: "hawa-text-sm" }, props.subtitle)),
-    /* @__PURE__ */ import_react45.default.createElement(
+    /* @__PURE__ */ import_react10.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-start hawa-justify-center " }, /* @__PURE__ */ import_react10.default.createElement("span", { className: "hawa-text-lg hawa-font-bold" }, props.title), /* @__PURE__ */ import_react10.default.createElement("span", { className: "hawa-text-sm" }, props.subtitle)),
+    /* @__PURE__ */ import_react10.default.createElement(
       Button,
       {
         onClick: () => onActionClick(),
@@ -2762,15 +936,15 @@ var Announcement = ({
 };
 
 // components/blocks/misc/NotFound.tsx
-var import_react46 = __toESM(require("react"));
+var import_react11 = __toESM(require("react"));
 var NotFound = ({ texts }) => {
-  return /* @__PURE__ */ import_react46.default.createElement(Card, null, /* @__PURE__ */ import_react46.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react46.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center dark:hawa-text-white" }, /* @__PURE__ */ import_react46.default.createElement("div", { className: "hawa-text-center hawa-text-6xl hawa-font-bold " }, "404"), /* @__PURE__ */ import_react46.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_react46.default.createElement("div", { className: "hawa-mb-4 hawa-text-center" }, (texts == null ? void 0 : texts.ifLost) || /* @__PURE__ */ import_react46.default.createElement(import_react46.default.Fragment, null, "If you're lost please contact us ", /* @__PURE__ */ import_react46.default.createElement("span", { className: "clickable-link" }, "help@sikka.io"))), /* @__PURE__ */ import_react46.default.createElement(Button, { className: "hawa-w-full" }, (texts == null ? void 0 : texts.home) || "Home"))));
+  return /* @__PURE__ */ import_react11.default.createElement(Card, null, /* @__PURE__ */ import_react11.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center dark:hawa-text-white" }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "hawa-text-center hawa-text-6xl hawa-font-bold " }, "404"), /* @__PURE__ */ import_react11.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_react11.default.createElement("div", { className: "hawa-mb-4 hawa-text-center" }, (texts == null ? void 0 : texts.ifLost) || /* @__PURE__ */ import_react11.default.createElement(import_react11.default.Fragment, null, "If you're lost please contact us ", /* @__PURE__ */ import_react11.default.createElement("span", { className: "clickable-link" }, "help@sikka.io"))), /* @__PURE__ */ import_react11.default.createElement(Button, { className: "hawa-w-full" }, (texts == null ? void 0 : texts.home) || "Home"))));
 };
 
 // components/blocks/misc/NoPermission.tsx
-var import_react47 = __toESM(require("react"));
+var import_react12 = __toESM(require("react"));
 var NoPermission = ({ texts }) => {
-  return /* @__PURE__ */ import_react47.default.createElement(Card, null, /* @__PURE__ */ import_react47.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react47.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-text-center" }, /* @__PURE__ */ import_react47.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_react47.default.createElement(
+  return /* @__PURE__ */ import_react12.default.createElement(Card, null, /* @__PURE__ */ import_react12.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react12.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-text-center" }, /* @__PURE__ */ import_react12.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_react12.default.createElement(
     "svg",
     {
       stroke: "currentColor",
@@ -2780,15 +954,66 @@ var NoPermission = ({ texts }) => {
       height: "0.35em",
       width: "0.35em"
     },
-    /* @__PURE__ */ import_react47.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_react47.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_react47.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_react12.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_react12.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_react12.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"))));
 };
 
 // components/blocks/misc/ContactForm.tsx
-var import_react48 = __toESM(require("react"));
+var import_react13 = __toESM(require("react"));
 var import_react_hook_form2 = require("react-hook-form");
 var import_zod = require("@hookform/resolvers/zod");
 var z = __toESM(require("zod"));
+
+// components/elements/textarea/Textarea.tsx
+var React18 = __toESM(require("react"));
+var Textarea = React18.forwardRef(
+  ({
+    className,
+    labelProps,
+    showCount,
+    forceHideHelperText,
+    textareaProps,
+    countPosition = "bottom",
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ React18.createElement("div", { className: "hawa-relative hawa-flex hawa-h-full hawa-w-full hawa-flex-col hawa-gap-2" }, props.label && /* @__PURE__ */ React18.createElement(Label, { ...labelProps }, props.label), /* @__PURE__ */ React18.createElement(
+      "textarea",
+      {
+        className: cn(
+          "hawa-flex hawa-min-h-[40px] hawa-w-full hawa-rounded-md hawa-border hawa-border-input hawa-bg-background hawa-px-3 hawa-py-2 hawa-text-sm hawa-ring-offset-background placeholder:hawa-text-gray-400 placeholder:hawa-text-muted-foreground focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-0 disabled:hawa-cursor-not-allowed disabled:hawa-opacity-50",
+          className
+        ),
+        ref,
+        ...textareaProps
+      }
+    ), /* @__PURE__ */ React18.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, !forceHideHelperText && /* @__PURE__ */ React18.createElement(
+      "p",
+      {
+        className: cn(
+          "hawa-my-0 hawa-text-start hawa-text-xs hawa-text-helper-color hawa-transition-all",
+          props.helperText ? "hawa-h-4 hawa-opacity-100" : "hawa-h-0 hawa-opacity-0"
+        )
+      },
+      props.helperText
+    ), showCount && /* @__PURE__ */ React18.createElement(
+      "div",
+      {
+        className: cn(
+          " hawa-text-start hawa-text-xs hawa-transition-all ",
+          {
+            "hawa-absolute hawa-bottom-[80px] hawa-end-0 hawa-translate-y-1/2": countPosition === "top"
+          }
+        )
+      },
+      (textareaProps == null ? void 0 : textareaProps.value) ? String(textareaProps == null ? void 0 : textareaProps.value).length : 0,
+      "/",
+      textareaProps == null ? void 0 : textareaProps.maxLength
+    )));
+  }
+);
+Textarea.displayName = "Textarea";
+
+// components/blocks/misc/ContactForm.tsx
 var ContactForm = ({
   cardless,
   size = "default",
@@ -2828,7 +1053,7 @@ var ContactForm = ({
     sm: "hawa-max-w-sm",
     default: "hawa-w-full"
   };
-  return /* @__PURE__ */ import_react48.default.createElement(
+  return /* @__PURE__ */ import_react13.default.createElement(
     Card,
     {
       className: cn(
@@ -2838,7 +1063,7 @@ var ContactForm = ({
       ),
       style: cardless ? { boxShadow: "none" } : void 0
     },
-    /* @__PURE__ */ import_react48.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react48.default.createElement(
+    /* @__PURE__ */ import_react13.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react13.default.createElement(
       "form",
       {
         noValidate: true,
@@ -2847,7 +1072,7 @@ var ContactForm = ({
         id: formId,
         autoComplete: formAutoComplete
       },
-      /* @__PURE__ */ import_react48.default.createElement(
+      /* @__PURE__ */ import_react13.default.createElement(
         "div",
         {
           className: cn(
@@ -2858,14 +1083,14 @@ var ContactForm = ({
             }
           )
         },
-        /* @__PURE__ */ import_react48.default.createElement(
+        /* @__PURE__ */ import_react13.default.createElement(
           import_react_hook_form2.Controller,
           {
             control,
             name: "name",
             render: ({ field }) => {
               var _a2;
-              return /* @__PURE__ */ import_react48.default.createElement(
+              return /* @__PURE__ */ import_react13.default.createElement(
                 Input,
                 {
                   label: texts == null ? void 0 : texts.name.label,
@@ -2878,14 +1103,14 @@ var ContactForm = ({
             }
           }
         ),
-        /* @__PURE__ */ import_react48.default.createElement(
+        /* @__PURE__ */ import_react13.default.createElement(
           import_react_hook_form2.Controller,
           {
             control,
             name: "email",
             render: ({ field }) => {
               var _a2;
-              return /* @__PURE__ */ import_react48.default.createElement(
+              return /* @__PURE__ */ import_react13.default.createElement(
                 Input,
                 {
                   label: texts == null ? void 0 : texts.email.label,
@@ -2899,14 +1124,14 @@ var ContactForm = ({
           }
         )
       ),
-      /* @__PURE__ */ import_react48.default.createElement(
+      /* @__PURE__ */ import_react13.default.createElement(
         import_react_hook_form2.Controller,
         {
           control,
           name: "message",
           render: ({ field }) => {
             var _a2;
-            return /* @__PURE__ */ import_react48.default.createElement(
+            return /* @__PURE__ */ import_react13.default.createElement(
               Textarea,
               {
                 label: texts == null ? void 0 : texts.message.label,
@@ -2921,7 +1146,7 @@ var ContactForm = ({
           }
         }
       ),
-      /* @__PURE__ */ import_react48.default.createElement(Button, { type: "submit", className: "hawa-w-full" }, (texts == null ? void 0 : texts.submit) || "Submit")
+      /* @__PURE__ */ import_react13.default.createElement(Button, { type: "submit", className: "hawa-w-full" }, (texts == null ? void 0 : texts.submit) || "Submit")
     ))
   );
 };