@sikka/hawa 0.23.2-next → 0.23.7-next

package/dist/blocks/pricing/index.js

@@ -39,8 +39,11 @@ module.exports = __toCommonJS(pricing_exports);
 // components/blocks/pricing/PricingPlans.tsx
 var import_react41 = __toESM(require("react"));
 
-// components/elements/card/Card.tsx
-var React = __toESM(require("react"));
+// components/blocks/cards/ActionCard.tsx
+var import_react = __toESM(require("react"));
+
+// components/blocks/cards/AdCard.tsx
+var import_react2 = __toESM(require("react"));
 
 // components/util.ts
 var import_clsx = require("clsx");
@@ -49,8 +52,12 @@ function cn(...inputs) {
   return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
 }
 
+// components/blocks/cards/PricingCard.tsx
+var import_react38 = __toESM(require("react"));
+
 // components/elements/card/Card.tsx
-var Card = React.forwardRef(
+var React3 = __toESM(require("react"));
+var Card = React3.forwardRef(
   ({ className, variant = "default", clickable = false, ...props }, ref) => {
     let variantStyles = {
       default: cn(
@@ -63,7 +70,7 @@ var Card = React.forwardRef(
         clickable && "hawa-cursor-pointer active:hawa-translate-x-0.5 active:hawa-translate-y-0.5 active:hawa-shadow-color-primary-active active:translate-x-0.5 active:translate-y-0.5 active:shadow-color-primary-active"
       )
     };
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ React3.createElement(
       "div",
       {
         ref,
@@ -73,7 +80,7 @@ var Card = React.forwardRef(
     );
   }
 );
-var CardHeader = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
+var CardHeader = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React3.createElement(
   "div",
   {
     ref,
@@ -84,7 +91,7 @@ var CardHeader = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__
     ...props
   }
 ));
-var CardTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
+var CardTitle = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React3.createElement(
   "h3",
   {
     ref,
@@ -92,7 +99,7 @@ var CardTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__
     ...props
   }
 ));
-var CardDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
+var CardDescription = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React3.createElement(
   "p",
   {
     ref,
@@ -100,8 +107,8 @@ var CardDescription = React.forwardRef(({ className, ...props }, ref) => /* @__P
     ...props
   }
 ));
-var CardContent = React.forwardRef(
-  ({ headless, noPadding, className, ...props }, ref) => /* @__PURE__ */ React.createElement(
+var CardContent = React3.forwardRef(
+  ({ headless, noPadding, className, ...props }, ref) => /* @__PURE__ */ React3.createElement(
     "div",
     {
       ref,
@@ -114,7 +121,7 @@ var CardContent = React.forwardRef(
     }
   )
 );
-var CardFooter = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
+var CardFooter = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React3.createElement(
   "div",
   {
     ref,
@@ -130,7 +137,7 @@ CardTitle.displayName = "CardTitle";
 Card.displayName = "Card";
 
 // components/elements/loading/Loading.tsx
-var import_react = __toESM(require("react"));
+var import_react3 = __toESM(require("react"));
 var Loading = ({
   design = "spinner",
   size = "sm",
@@ -152,12 +159,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(
@@ -168,7 +175,7 @@ var Loading = ({
             )
           }
         ),
-        /* @__PURE__ */ import_react.default.createElement(
+        /* @__PURE__ */ import_react3.default.createElement(
           "div",
           {
             className: cn(
@@ -179,7 +186,7 @@ var Loading = ({
             )
           }
         ),
-        /* @__PURE__ */ import_react.default.createElement(
+        /* @__PURE__ */ import_react3.default.createElement(
           "div",
           {
             className: cn(
@@ -192,7 +199,7 @@ var Loading = ({
         )
       );
     case "square":
-      return /* @__PURE__ */ import_react.default.createElement(
+      return /* @__PURE__ */ import_react3.default.createElement(
         "svg",
         {
           className: cn("squircle-container", sizeStyles[size]),
@@ -200,7 +207,7 @@ var Loading = ({
           height: "35",
           width: "35"
         },
-        /* @__PURE__ */ import_react.default.createElement(
+        /* @__PURE__ */ import_react3.default.createElement(
           "rect",
           {
             className: "squircle-track",
@@ -212,7 +219,7 @@ var Loading = ({
             height: "32.5"
           }
         ),
-        /* @__PURE__ */ import_react.default.createElement(
+        /* @__PURE__ */ import_react3.default.createElement(
           "rect",
           {
             className: "square-car",
@@ -227,7 +234,7 @@ var Loading = ({
         )
       );
     case "squircle":
-      return /* @__PURE__ */ import_react.default.createElement(
+      return /* @__PURE__ */ import_react3.default.createElement(
         "svg",
         {
           className: cn("squircle-container", sizeStyles[size]),
@@ -238,7 +245,7 @@ var Loading = ({
           width: "37",
           preserveAspectRatio: "xMidYMid meet"
         },
-        /* @__PURE__ */ import_react.default.createElement(
+        /* @__PURE__ */ import_react3.default.createElement(
           "path",
           {
             className: "squircle-track",
@@ -248,7 +255,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",
@@ -260,11 +267,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]),
@@ -272,7 +279,7 @@ var Loading = ({
           height: "40",
           width: "40"
         },
-        /* @__PURE__ */ import_react.default.createElement(
+        /* @__PURE__ */ import_react3.default.createElement(
           "circle",
           {
             className: cn("circle-track", {
@@ -287,7 +294,7 @@ var Loading = ({
             fill: "none"
           }
         ),
-        /* @__PURE__ */ import_react.default.createElement(
+        /* @__PURE__ */ import_react3.default.createElement(
           "circle",
           {
             className: cn("circle-car", {
@@ -307,9 +314,9 @@ var Loading = ({
 };
 
 // components/elements/tooltip/Tooltip.tsx
-var import_react2 = __toESM(require("react"));
+var import_react4 = __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(
+var TooltipContent = import_react4.default.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ import_react4.default.createElement(
   TooltipPrimitive.Content,
   {
     ref,
@@ -322,7 +329,7 @@ var TooltipContent = import_react2.default.forwardRef(({ className, sideOffset =
   }
 ));
 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 }));
+var TooltipArrow = import_react4.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ import_react4.default.createElement(TooltipPrimitive.Arrow, { ref, className: cn(className), ...props }));
 TooltipArrow.displayName = TooltipPrimitive.Arrow.displayName;
 var Tooltip = ({
   side,
@@ -337,13 +344,13 @@ var Tooltip = ({
   delayDuration = 300,
   ...props
 }) => {
-  return /* @__PURE__ */ import_react2.default.createElement(
+  return /* @__PURE__ */ import_react4.default.createElement(
     TooltipPrimitive.TooltipProvider,
     {
       delayDuration,
       ...providerProps
     },
-    /* @__PURE__ */ import_react2.default.createElement(
+    /* @__PURE__ */ import_react4.default.createElement(
       TooltipPrimitive.Root,
       {
         open,
@@ -351,14 +358,14 @@ var Tooltip = ({
         onOpenChange,
         ...props
       },
-      /* @__PURE__ */ import_react2.default.createElement(TooltipPrimitive.Trigger, { ...triggerProps }, children),
-      /* @__PURE__ */ import_react2.default.createElement(TooltipContent, { side, align: "center", ...contentProps }, content)
+      /* @__PURE__ */ import_react4.default.createElement(TooltipPrimitive.Trigger, { ...triggerProps }, children),
+      /* @__PURE__ */ import_react4.default.createElement(TooltipContent, { side, align: "center", ...contentProps }, content)
     )
   );
 };
 
 // components/elements/skeleton/Skeleton.tsx
-var import_react3 = __toESM(require("react"));
+var import_react5 = __toESM(require("react"));
 function Skeleton({
   className,
   content,
@@ -370,7 +377,7 @@ function Skeleton({
     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(
+  return /* @__PURE__ */ import_react5.default.createElement(
     "div",
     {
       className: cn(
@@ -385,9 +392,9 @@ function Skeleton({
 }
 
 // components/elements/dropdownMenu/DropdownMenu.tsx
-var React5 = __toESM(require("react"));
+var React7 = __toESM(require("react"));
 var DropdownMenuPrimitive = __toESM(require("@radix-ui/react-dropdown-menu"));
-var DropdownMenuSubTrigger = React5.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ React5.createElement(
+var DropdownMenuSubTrigger = React7.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ React7.createElement(
   DropdownMenuPrimitive.SubTrigger,
   {
     ref,
@@ -398,9 +405,9 @@ var DropdownMenuSubTrigger = React5.forwardRef(({ className, inset, children, ..
     ),
     ...props
   },
-  /* @__PURE__ */ React5.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2" }, children),
+  /* @__PURE__ */ React7.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2" }, children),
   " ",
-  /* @__PURE__ */ React5.createElement(
+  /* @__PURE__ */ React7.createElement(
     "svg",
     {
       "aria-label": "Chevron Right Icon",
@@ -412,7 +419,7 @@ var DropdownMenuSubTrigger = React5.forwardRef(({ className, inset, children, ..
       width: "1em",
       className: cn(props.dir === "rtl" ? "hawa-rotate-180" : "")
     },
-    /* @__PURE__ */ React5.createElement(
+    /* @__PURE__ */ React7.createElement(
       "path",
       {
         fillRule: "evenodd",
@@ -422,7 +429,7 @@ var DropdownMenuSubTrigger = React5.forwardRef(({ className, inset, children, ..
   )
 ));
 DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
-var DropdownMenuSubContent = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React5.createElement(
+var DropdownMenuSubContent = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React7.createElement(
   DropdownMenuPrimitive.SubContent,
   {
     ref,
@@ -434,7 +441,7 @@ var DropdownMenuSubContent = React5.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
-var DropdownMenuContent = React5.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React5.createElement(DropdownMenuPrimitive.Portal, null, /* @__PURE__ */ React5.createElement(
+var DropdownMenuContent = React7.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React7.createElement(DropdownMenuPrimitive.Portal, null, /* @__PURE__ */ React7.createElement(
   DropdownMenuPrimitive.Content,
   {
     ref,
@@ -447,8 +454,8 @@ var DropdownMenuContent = React5.forwardRef(({ className, sideOffset = 4, ...pro
   }
 )));
 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(
+var DropdownMenuItem = React7.forwardRef(({ className, inset, badged, slug, ...props }, ref) => {
+  return /* @__PURE__ */ React7.createElement("a", { href: slug }, /* @__PURE__ */ React7.createElement(
     DropdownMenuPrimitive.Item,
     {
       disabled: props.disabled,
@@ -461,14 +468,14 @@ var DropdownMenuItem = React5.forwardRef(({ className, inset, badged, slug, ...p
       ),
       ...props
     },
-    /* @__PURE__ */ React5.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 " }, props.children),
+    /* @__PURE__ */ React7.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" })
+    !props.end && props.shortcut && /* @__PURE__ */ React7.createElement(DropdownMenuShortcut, null, props.shortcut),
+    !props.end && badged && /* @__PURE__ */ React7.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(
+var DropdownMenuCheckboxItem = React7.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ React7.createElement(
   DropdownMenuPrimitive.CheckboxItem,
   {
     ref,
@@ -479,7 +486,7 @@ var DropdownMenuCheckboxItem = React5.forwardRef(({ className, children, checked
     checked,
     ...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(
+  /* @__PURE__ */ React7.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__ */ React7.createElement(DropdownMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React7.createElement(
     "svg",
     {
       "aria-label": "Check Mark",
@@ -490,12 +497,12 @@ var DropdownMenuCheckboxItem = React5.forwardRef(({ className, children, checked
       height: "0.60em",
       width: "0.60em"
     },
-    /* @__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" })
+    /* @__PURE__ */ React7.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(
+var DropdownMenuRadioItem = React7.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React7.createElement(
   DropdownMenuPrimitive.RadioItem,
   {
     ref,
@@ -505,7 +512,7 @@ var DropdownMenuRadioItem = React5.forwardRef(({ className, children, ...props }
     ),
     ...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(
+  /* @__PURE__ */ React7.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__ */ React7.createElement(DropdownMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React7.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -520,12 +527,12 @@ var DropdownMenuRadioItem = React5.forwardRef(({ className, children, ...props }
       strokeLinejoin: "round",
       className: "hawa-h-2 hawa-w-2 hawa-fill-current"
     },
-    /* @__PURE__ */ React5.createElement("circle", { cx: "12", cy: "12", r: "10" })
+    /* @__PURE__ */ React7.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(
+var DropdownMenuLabel = React7.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ React7.createElement(
   DropdownMenuPrimitive.Label,
   {
     ref,
@@ -538,7 +545,7 @@ var DropdownMenuLabel = React5.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
-var DropdownMenuSeparator = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React5.createElement(
+var DropdownMenuSeparator = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React7.createElement(
   DropdownMenuPrimitive.Separator,
   {
     ref,
@@ -551,7 +558,7 @@ var DropdownMenuShortcut = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ React5.createElement(
+  return /* @__PURE__ */ React7.createElement(
     "span",
     {
       className: cn(
@@ -565,13 +572,94 @@ var DropdownMenuShortcut = ({
 DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
 
 // components/elements/accordion/Accordion.tsx
-var React8 = __toESM(require("react"));
+var React11 = __toESM(require("react"));
 var AccordionPrimitive3 = __toESM(require("@radix-ui/react-accordion"));
 
+// components/elements/chip/Chip.tsx
+var import_react6 = __toESM(require("react"));
+var Chip = import_react6.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_react6.default.createElement(
+        "span",
+        {
+          ...rest,
+          ref,
+          className: cn(
+            defaultStyles,
+            sizeStyles[size],
+            radiusStyles[radius],
+            color ? colorStyles[color] : "hawa-border hawa-bg-none"
+          )
+        },
+        dotType && /* @__PURE__ */ import_react6.default.createElement(
+          "span",
+          {
+            className: cn(dotStyles[size], dotTypeStyles[dotType])
+          }
+        ),
+        icon && icon,
+        label
+      );
+    } else {
+      return /* @__PURE__ */ import_react6.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/accordion/AccordionContent.tsx
-var React6 = __toESM(require("react"));
+var React9 = __toESM(require("react"));
 var AccordionPrimitive = __toESM(require("@radix-ui/react-accordion"));
-var AccordionContent = React6.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React6.createElement(
+var AccordionContent = React9.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React9.createElement(
   AccordionPrimitive.Content,
   {
     ref,
@@ -581,14 +669,14 @@ var AccordionContent = React6.forwardRef(({ className, children, ...props }, ref
     ) : className,
     ...props
   },
-  /* @__PURE__ */ React6.createElement("div", { className: "hawa-bg-background hawa-p-4" }, children)
+  /* @__PURE__ */ React9.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 React10 = __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(
+var AccordionTrigger = React10.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React10.createElement(AccordionPrimitive2.Header, { className: "hawa-flex" }, /* @__PURE__ */ React10.createElement(
   AccordionPrimitive2.Trigger,
   {
     ref,
@@ -600,7 +688,7 @@ var AccordionTrigger = React7.forwardRef(({ className, children, ...props }, ref
     ...props
   },
   children,
-  !props.hideArrow && /* @__PURE__ */ React7.createElement(
+  !props.hideArrow && /* @__PURE__ */ React10.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -614,13 +702,13 @@ var AccordionTrigger = React7.forwardRef(({ className, children, ...props }, ref
       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" })
+    /* @__PURE__ */ React10.createElement("path", { d: "m6 9 6 6 6-6" })
   )
 )));
 AccordionTrigger.displayName = AccordionPrimitive2.Trigger.displayName;
 
 // components/elements/accordion/Accordion.tsx
-var Accordion = React8.forwardRef(
+var Accordion = React11.forwardRef(
   ({
     items,
     design = "default",
@@ -629,7 +717,7 @@ var Accordion = React8.forwardRef(
     contentclassNames,
     className,
     ...props
-  }, ref) => /* @__PURE__ */ React8.createElement(AccordionPrimitive3.Root, { type: props.type, collapsible: true }, /* @__PURE__ */ React8.createElement(
+  }, ref) => /* @__PURE__ */ React11.createElement(AccordionPrimitive3.Root, { type: props.type, collapsible: true }, /* @__PURE__ */ React11.createElement(
     "div",
     {
       className: cn("hawa-flex hawa-flex-col", {
@@ -637,7 +725,7 @@ var Accordion = React8.forwardRef(
         "hawa-gap-0": design === "default"
       })
     },
-    items.map((item, index) => /* @__PURE__ */ React8.createElement(
+    items.map((item, index) => /* @__PURE__ */ React11.createElement(
       AccordionPrimitive3.Item,
       {
         disabled: item.disabled || false,
@@ -645,7 +733,7 @@ var Accordion = React8.forwardRef(
         key: index,
         value: `item-${index}`
       },
-      /* @__PURE__ */ React8.createElement(
+      /* @__PURE__ */ React11.createElement(
         AccordionTrigger,
         {
           disabled: item.disabled || false,
@@ -658,7 +746,7 @@ var Accordion = React8.forwardRef(
             triggerclassNames
           )
         },
-        /* @__PURE__ */ React8.createElement(
+        /* @__PURE__ */ React11.createElement(
           "span",
           {
             className: cn(
@@ -668,10 +756,10 @@ var Accordion = React8.forwardRef(
           },
           item.trigger,
           " ",
-          item.chip && /* @__PURE__ */ React8.createElement(Chip, { ...item.chip })
+          item.chip && /* @__PURE__ */ React11.createElement(Chip, { ...item.chip })
         )
       ),
-      /* @__PURE__ */ React8.createElement(
+      /* @__PURE__ */ React11.createElement(
         AccordionContent,
         {
           "aria-disabled": item.disabled || false,
@@ -691,25 +779,25 @@ var Accordion = React8.forwardRef(
 Accordion.displayName = "Accordion";
 
 // components/elements/accordion/AccordionItem.tsx
-var React9 = __toESM(require("react"));
+var React12 = __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 }));
+var AccordionItem = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React12.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"));
+var import_react7 = __toESM(require("react"));
 
 // components/elements/navigationMenu/NavigationMenu.tsx
-var React11 = __toESM(require("react"));
+var React14 = __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(
+var NavigationMenuRoot = React14.forwardRef(({ className, children, viewportClassNames, ...props }, ref) => /* @__PURE__ */ React14.createElement(
   NavigationMenuPrimitive.Root,
   {
     ref,
@@ -721,9 +809,9 @@ var NavigationMenuRoot = React11.forwardRef(({ className, children, viewportClas
     ...props
   },
   children,
-  /* @__PURE__ */ React11.createElement(NavigationMenuViewport, { className: viewportClassNames })
+  /* @__PURE__ */ React14.createElement(NavigationMenuViewport, { className: viewportClassNames })
 ));
-var NavigationMenuList = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React11.createElement(
+var NavigationMenuList = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React14.createElement(
   NavigationMenuPrimitive.List,
   {
     ref,
@@ -734,7 +822,7 @@ var NavigationMenuList = React11.forwardRef(({ className, ...props }, ref) => /*
     ...props
   }
 ));
-var NavigationMenuTrigger = React11.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React11.createElement(
+var NavigationMenuTrigger = React14.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React14.createElement(
   NavigationMenuPrimitive.Trigger,
   {
     ref,
@@ -742,7 +830,7 @@ var NavigationMenuTrigger = React11.forwardRef(({ className, children, ...props
     ...props
   },
   children,
-  /* @__PURE__ */ React11.createElement(
+  /* @__PURE__ */ React14.createElement(
     "svg",
     {
       "aria-label": "Chevron Icon",
@@ -758,10 +846,10 @@ var NavigationMenuTrigger = React11.forwardRef(({ className, children, ...props
       "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" })
+    /* @__PURE__ */ React14.createElement("path", { d: "m6 9 6 6 6-6" })
   )
 ));
-var NavigationMenuContent = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React11.createElement(
+var NavigationMenuContent = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React14.createElement(
   NavigationMenuPrimitive.Content,
   {
     ref,
@@ -775,14 +863,14 @@ var NavigationMenuContent = React11.forwardRef(({ className, ...props }, ref) =>
     ...props
   }
 ));
-var NavigationMenuViewport = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React11.createElement(
+var NavigationMenuViewport = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React14.createElement(
   "div",
   {
     className: cn(
       "hawa-absolute hawa-top-full hawa-flex hawa-w-full hawa-justify-center"
     )
   },
-  /* @__PURE__ */ React11.createElement(
+  /* @__PURE__ */ React14.createElement(
     NavigationMenuPrimitive.Viewport,
     {
       className: cn(
@@ -799,7 +887,7 @@ var NavigationMenuViewport = React11.forwardRef(({ className, ...props }, ref) =
     }
   )
 ));
-var NavigationMenuIndicator = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React11.createElement(
+var NavigationMenuIndicator = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React14.createElement(
   NavigationMenuPrimitive.Indicator,
   {
     ref,
@@ -809,7 +897,7 @@ var NavigationMenuIndicator = React11.forwardRef(({ className, ...props }, ref)
     ),
     ...props
   },
-  /* @__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" })
+  /* @__PURE__ */ React14.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;
@@ -819,11 +907,11 @@ NavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayN
 NavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;
 
 // components/elements/sheet/Sheet.tsx
-var React12 = __toESM(require("react"));
+var React15 = __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(
+var SheetOverlay = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React15.createElement(
   SheetPrimitive.Overlay,
   {
     className: cn(
@@ -850,8 +938,8 @@ var sheetVariants = (0, import_class_variance_authority2.cva)(
     }
   }
 );
-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(
+var SheetContent = React15.forwardRef(
+  ({ side = "right", className, children, persist, hideCloseButton, ...props }, ref) => /* @__PURE__ */ React15.createElement(SheetPortal, null, /* @__PURE__ */ React15.createElement(SheetOverlay, null), /* @__PURE__ */ React15.createElement(
     SheetPrimitive.Content,
     {
       ref,
@@ -864,7 +952,7 @@ var SheetContent = React12.forwardRef(
       ...props
     },
     children,
-    !hideCloseButton && /* @__PURE__ */ React12.createElement(
+    !hideCloseButton && /* @__PURE__ */ React15.createElement(
       SheetPrimitive.Close,
       {
         className: cn(
@@ -876,7 +964,7 @@ var SheetContent = React12.forwardRef(
           }
         )
       },
-      /* @__PURE__ */ React12.createElement(
+      /* @__PURE__ */ React15.createElement(
         "svg",
         {
           "aria-label": "Close Icon",
@@ -885,7 +973,7 @@ var SheetContent = React12.forwardRef(
           fill: "currentColor",
           viewBox: "0 0 20 20"
         },
-        /* @__PURE__ */ React12.createElement(
+        /* @__PURE__ */ React15.createElement(
           "path",
           {
             fillRule: "evenodd",
@@ -894,14 +982,14 @@ var SheetContent = React12.forwardRef(
           }
         )
       ),
-      /* @__PURE__ */ React12.createElement("span", { className: "hawa-sr-only" }, "Close")
+      /* @__PURE__ */ React15.createElement("span", { className: "hawa-sr-only" }, "Close")
     )
   ))
 );
 var SheetHeader = ({
   className,
   ...props
-}) => /* @__PURE__ */ React12.createElement(
+}) => /* @__PURE__ */ React15.createElement(
   "div",
   {
     className: cn(
@@ -914,7 +1002,7 @@ var SheetHeader = ({
 var SheetFooter = ({
   className,
   ...props
-}) => /* @__PURE__ */ React12.createElement(
+}) => /* @__PURE__ */ React15.createElement(
   "div",
   {
     className: cn(
@@ -924,7 +1012,7 @@ var SheetFooter = ({
     ...props
   }
 );
-var SheetTitle = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React12.createElement(
+var SheetTitle = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React15.createElement(
   SheetPrimitive.Title,
   {
     ref,
@@ -935,7 +1023,7 @@ var SheetTitle = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE
     ...props
   }
 ));
-var SheetDescription = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React12.createElement(
+var SheetDescription = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React15.createElement(
   SheetPrimitive.Description,
   {
     ref,
@@ -951,10 +1039,10 @@ SheetFooter.displayName = "SheetFooter";
 SheetTitle.displayName = SheetPrimitive.Title.displayName;
 
 // components/elements/dialog/Dialog.tsx
-var React13 = __toESM(require("react"));
+var React16 = __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(
+var DialogPortal = ({ ...props }) => /* @__PURE__ */ React16.createElement(DialogPrimitive.Portal, { ...props });
+var DialogOverlay = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React16.createElement(
   DialogPrimitive.Overlay,
   {
     ref,
@@ -965,7 +1053,7 @@ var DialogOverlay = React13.forwardRef(({ className, ...props }, ref) => /* @__P
     ...props
   }
 ));
-var DialogContent = React13.forwardRef(({ className, children, persist, hideCloseButton, ...props }, ref) => /* @__PURE__ */ React13.createElement(DialogPortal, null, /* @__PURE__ */ React13.createElement(DialogOverlay, null), /* @__PURE__ */ React13.createElement(
+var DialogContent = React16.forwardRef(({ className, children, persist, hideCloseButton, ...props }, ref) => /* @__PURE__ */ React16.createElement(DialogPortal, null, /* @__PURE__ */ React16.createElement(DialogOverlay, null), /* @__PURE__ */ React16.createElement(
   DialogPrimitive.Content,
   {
     onPointerDownOutside: (e) => {
@@ -981,7 +1069,7 @@ var DialogContent = React13.forwardRef(({ className, children, persist, hideClos
     ...props
   },
   children,
-  !hideCloseButton && /* @__PURE__ */ React13.createElement(
+  !hideCloseButton && /* @__PURE__ */ React16.createElement(
     DialogPrimitive.Close,
     {
       className: cn(
@@ -989,7 +1077,7 @@ var DialogContent = React13.forwardRef(({ className, children, persist, hideClos
         props.dir === "rtl" ? " hawa-left-4" : " hawa-right-4"
       )
     },
-    /* @__PURE__ */ React13.createElement(
+    /* @__PURE__ */ React16.createElement(
       "svg",
       {
         "aria-label": "Close Icon",
@@ -998,7 +1086,7 @@ var DialogContent = React13.forwardRef(({ className, children, persist, hideClos
         fill: "currentColor",
         viewBox: "0 0 20 20"
       },
-      /* @__PURE__ */ React13.createElement(
+      /* @__PURE__ */ React16.createElement(
         "path",
         {
           fillRule: "evenodd",
@@ -1007,10 +1095,10 @@ var DialogContent = React13.forwardRef(({ className, children, persist, hideClos
         }
       )
     ),
-    /* @__PURE__ */ React13.createElement("span", { className: "hawa-sr-only" }, "Close")
+    /* @__PURE__ */ React16.createElement("span", { className: "hawa-sr-only" }, "Close")
   )
 )));
-var DialogCarouselContent = React13.forwardRef(
+var DialogCarouselContent = React16.forwardRef(
   ({
     className,
     children,
@@ -1019,7 +1107,7 @@ var DialogCarouselContent = React13.forwardRef(
     hideCloseButton,
     hidePrevButton,
     ...props
-  }, ref) => /* @__PURE__ */ React13.createElement(DialogPortal, null, /* @__PURE__ */ React13.createElement(DialogOverlay, null), /* @__PURE__ */ React13.createElement(
+  }, ref) => /* @__PURE__ */ React16.createElement(DialogPortal, null, /* @__PURE__ */ React16.createElement(DialogOverlay, null), /* @__PURE__ */ React16.createElement(
     DialogPrimitive.Content,
     {
       onPointerDownOutside: (e) => {
@@ -1035,7 +1123,7 @@ var DialogCarouselContent = React13.forwardRef(
       ...props
     },
     children,
-    /* @__PURE__ */ React13.createElement(
+    /* @__PURE__ */ React16.createElement(
       "div",
       {
         className: cn(
@@ -1043,7 +1131,7 @@ var DialogCarouselContent = React13.forwardRef(
           onPrev ? "hawa-justify-between" : "hawa-justify-end"
         )
       },
-      hidePrevButton ? /* @__PURE__ */ React13.createElement("div", null) : /* @__PURE__ */ React13.createElement(
+      hidePrevButton ? /* @__PURE__ */ React16.createElement("div", null) : /* @__PURE__ */ React16.createElement(
         "div",
         {
           onClick: onPrev,
@@ -1052,7 +1140,7 @@ var DialogCarouselContent = React13.forwardRef(
             props.dir === "rtl" && "hawa-rotate-180"
           )
         },
-        /* @__PURE__ */ React13.createElement(
+        /* @__PURE__ */ React16.createElement(
           "svg",
           {
             xmlns: "http://www.w3.org/2000/svg",
@@ -1066,10 +1154,10 @@ var DialogCarouselContent = React13.forwardRef(
             strokeLinecap: "round",
             strokeLinejoin: "round"
           },
-          /* @__PURE__ */ React13.createElement("path", { d: "m15 18-6-6 6-6" })
+          /* @__PURE__ */ React16.createElement("path", { d: "m15 18-6-6 6-6" })
         )
       ),
-      !hideCloseButton && /* @__PURE__ */ React13.createElement(
+      !hideCloseButton && /* @__PURE__ */ React16.createElement(
         DialogPrimitive.Close,
         {
           className: cn(
@@ -1077,7 +1165,7 @@ var DialogCarouselContent = React13.forwardRef(
             props.dir === "rtl" ? " hawa-left-4" : " hawa-right-4"
           )
         },
-        /* @__PURE__ */ React13.createElement(
+        /* @__PURE__ */ React16.createElement(
           "svg",
           {
             "aria-label": "Close Icon",
@@ -1086,7 +1174,7 @@ var DialogCarouselContent = React13.forwardRef(
             fill: "currentColor",
             viewBox: "0 0 20 20"
           },
-          /* @__PURE__ */ React13.createElement(
+          /* @__PURE__ */ React16.createElement(
             "path",
             {
               fillRule: "evenodd",
@@ -1095,7 +1183,7 @@ var DialogCarouselContent = React13.forwardRef(
             }
           )
         ),
-        /* @__PURE__ */ React13.createElement("span", { className: "hawa-sr-only" }, "Close")
+        /* @__PURE__ */ React16.createElement("span", { className: "hawa-sr-only" }, "Close")
       )
     )
   ))
@@ -1103,7 +1191,7 @@ var DialogCarouselContent = React13.forwardRef(
 var DialogHeader = ({
   className,
   ...props
-}) => /* @__PURE__ */ React13.createElement(
+}) => /* @__PURE__ */ React16.createElement(
   "div",
   {
     className: cn(
@@ -1113,7 +1201,7 @@ var DialogHeader = ({
     ...props
   }
 );
-var DialogTitle = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React13.createElement(
+var DialogTitle = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React16.createElement(
   DialogPrimitive.Title,
   {
     ref,
@@ -1124,7 +1212,7 @@ var DialogTitle = React13.forwardRef(({ className, ...props }, ref) => /* @__PUR
     ...props
   }
 ));
-var DialogDescription = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React13.createElement(
+var DialogDescription = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React16.createElement(
   DialogPrimitive.Description,
   {
     ref,
@@ -1138,7 +1226,7 @@ var DialogDescription = React13.forwardRef(({ className, ...props }, ref) => /*
 var DialogFooter = ({
   className,
   ...props
-}) => /* @__PURE__ */ React13.createElement(
+}) => /* @__PURE__ */ React16.createElement(
   "div",
   {
     className: cn(
@@ -1154,12 +1242,12 @@ var DialogCarousel = ({
   children,
   direction
 }) => {
-  React13.useEffect(() => {
+  React16.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(
+  return /* @__PURE__ */ React16.createElement("div", { className: "hawa-overflow-hidden" }, /* @__PURE__ */ React16.createElement("div", { ref: stepsRef, dir: direction }, /* @__PURE__ */ React16.createElement(
     "div",
     {
       className: "hawa-flex",
@@ -1167,7 +1255,7 @@ var DialogCarousel = ({
         transition: "height 0.2s"
       }
     },
-    React13.Children.map(children, (child, index) => /* @__PURE__ */ React13.createElement(
+    React16.Children.map(children, (child, index) => /* @__PURE__ */ React16.createElement(
       "div",
       {
         className: cn(
@@ -1184,14 +1272,14 @@ var DialogSteps = ({
   visibleStepRef,
   children
 }) => {
-  const [dialogHeight, setDialogHeight] = React13.useState(null);
-  React13.useEffect(() => {
+  const [dialogHeight, setDialogHeight] = React16.useState(null);
+  React16.useEffect(() => {
     if (visibleStepRef.current) {
       setDialogHeight(visibleStepRef.current.offsetHeight);
       console.log("height is ", visibleStepRef.current.offsetHeight);
     }
   }, [currentStep, visibleStepRef]);
-  return /* @__PURE__ */ React13.createElement(
+  return /* @__PURE__ */ React16.createElement(
     "div",
     {
       className: "hawa-relative hawa-overflow-clip",
@@ -1200,7 +1288,7 @@ var DialogSteps = ({
         transition: "height 0.2s"
       }
     },
-    React13.Children.map(children, (child, index) => /* @__PURE__ */ React13.createElement(
+    React16.Children.map(children, (child, index) => /* @__PURE__ */ React16.createElement(
       "div",
       {
         ref: currentStep === `step-${index + 1}` ? visibleStepRef : null,
@@ -1218,7 +1306,7 @@ var DialogStep = ({
   className,
   stepRef
 }) => {
-  return /* @__PURE__ */ React13.createElement(
+  return /* @__PURE__ */ React16.createElement(
     "div",
     {
       id,
@@ -1229,7 +1317,7 @@ var DialogStep = ({
   );
 };
 var DialogBody = ({ children, className }) => {
-  return /* @__PURE__ */ React13.createElement("div", { className: cn("hawa-py-6", className) }, children);
+  return /* @__PURE__ */ React16.createElement("div", { className: cn("hawa-py-6", className) }, children);
 };
 DialogBody.displayName = "DialogBody";
 DialogStep.displayName = "DialogStep";
@@ -1245,10 +1333,10 @@ DialogContent.displayName = DialogPrimitive.Content.displayName;
 DialogDescription.displayName = DialogPrimitive.Description.displayName;
 
 // components/elements/alert/Alert.tsx
-var import_react5 = __toESM(require("react"));
+var import_react8 = __toESM(require("react"));
 
 // components/elements/button/Button.tsx
-var React14 = __toESM(require("react"));
+var React17 = __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",
@@ -1283,7 +1371,7 @@ var buttonVariants = (0, import_class_variance_authority3.cva)(
     }
   }
 );
-var Button = React14.forwardRef(
+var Button = React17.forwardRef(
   ({
     className,
     variant,
@@ -1296,7 +1384,7 @@ var Button = React14.forwardRef(
   }, ref) => {
     const Comp = "button";
     const loadingColor = variant === "outline" || variant === "ghost" || variant === "neoBrutalism" ? "hawa-bg-primary" : "hawa-bg-primary-foreground";
-    return /* @__PURE__ */ React14.createElement(
+    return /* @__PURE__ */ React17.createElement(
       Comp,
       {
         className: cn(
@@ -1306,7 +1394,7 @@ var Button = React14.forwardRef(
         ref,
         ...props
       },
-      isLoading ? /* @__PURE__ */ React14.createElement(
+      isLoading ? /* @__PURE__ */ React17.createElement(
         Loading,
         {
           design: size === "icon" || size === "smallIcon" ? "spinner" : "dots-pulse",
@@ -1321,21 +1409,21 @@ var Button = React14.forwardRef(
 Button.displayName = "Button";
 
 // components/elements/avatar/Avatar.tsx
-var import_react7 = __toESM(require("react"));
+var import_react10 = __toESM(require("react"));
 
 // components/elements/FileUploader.tsx
-var import_react6 = __toESM(require("react"));
+var import_react9 = __toESM(require("react"));
 
 // components/elements/dataTable/DataTable.tsx
-var React21 = __toESM(require("react"));
+var React24 = __toESM(require("react"));
 var import_react_table = require("@tanstack/react-table");
 
 // components/elements/input/Input.tsx
-var import_react8 = __toESM(require("react"));
+var import_react11 = __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(
+var React21 = __toESM(require("react"));
+var Label2 = React21.forwardRef(({ className, hint, hintSide, required, children, ...props }, ref) => /* @__PURE__ */ React21.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-1 hawa-transition-all" }, /* @__PURE__ */ React21.createElement(
   "label",
   {
     ref,
@@ -1346,8 +1434,8 @@ var Label2 = React18.forwardRef(({ className, hint, hintSide, required, children
     ...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(
+  required && /* @__PURE__ */ React21.createElement("span", { className: "hawa-mx-0.5 hawa-text-red-500" }, "*")
+), hint && /* @__PURE__ */ React21.createElement(Tooltip, { content: hint, side: hintSide }, /* @__PURE__ */ React21.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -1359,14 +1447,14 @@ var Label2 = React18.forwardRef(({ className, hint, hintSide, required, children
     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" })
+  /* @__PURE__ */ React21.createElement("circle", { cx: "12", cy: "12", r: "10" }),
+  /* @__PURE__ */ React21.createElement("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
+  /* @__PURE__ */ React21.createElement("path", { d: "M12 17h.01" })
 ))));
 Label2.displayName = "Label";
 
 // components/elements/input/Input.tsx
-var Input = (0, import_react8.forwardRef)(
+var Input = (0, import_react11.forwardRef)(
   ({
     margin = "none",
     width = "full",
@@ -1393,7 +1481,7 @@ var Input = (0, import_react8.forwardRef)(
     };
     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(
+    return /* @__PURE__ */ import_react11.default.createElement(
       "div",
       {
         className: cn(
@@ -1404,8 +1492,8 @@ var Input = (0, import_react8.forwardRef)(
           "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(
+      props.label && /* @__PURE__ */ import_react11.default.createElement(Label2, { ...labelProps }, props.label),
+      props.isLoading ? /* @__PURE__ */ import_react11.default.createElement("div", { className: "hawa-pb-2" }, /* @__PURE__ */ import_react11.default.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" })) : /* @__PURE__ */ import_react11.default.createElement(import_react11.default.Fragment, null, !props.hideSeparator && /* @__PURE__ */ import_react11.default.createElement(
         "div",
         {
           className: cn(
@@ -1413,7 +1501,7 @@ var Input = (0, import_react8.forwardRef)(
             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(
+      ), /* @__PURE__ */ import_react11.default.createElement(import_react11.default.Fragment, null, /* @__PURE__ */ import_react11.default.createElement("div", { className: "hawa-relative" }, props.startIcon && /* @__PURE__ */ import_react11.default.createElement("div", { className: "hawa-absolute hawa-start-3 hawa-top-1/2 hawa--translate-y-1/2" }, props.startIcon), props.endIcon && /* @__PURE__ */ import_react11.default.createElement(
         "div",
         {
           className: cn(
@@ -1422,7 +1510,7 @@ var Input = (0, import_react8.forwardRef)(
           )
         },
         props.endIcon
-      ), /* @__PURE__ */ import_react8.default.createElement(
+      ), /* @__PURE__ */ import_react11.default.createElement(
         "input",
         {
           required: true,
@@ -1448,7 +1536,7 @@ var Input = (0, import_react8.forwardRef)(
             inputProps == null ? void 0 : inputProps.className
           )
         }
-      )), !forceHideHelperText && /* @__PURE__ */ import_react8.default.createElement(
+      )), !forceHideHelperText && /* @__PURE__ */ import_react11.default.createElement(
         "p",
         {
           className: cn(
@@ -1457,7 +1545,7 @@ var Input = (0, import_react8.forwardRef)(
           )
         },
         props.helperText
-      ), !props.disabled && forceHideHelperText && /* @__PURE__ */ import_react8.default.createElement(
+      ), !props.disabled && forceHideHelperText && /* @__PURE__ */ import_react11.default.createElement(
         "div",
         {
           className: cn(
@@ -1466,7 +1554,7 @@ var Input = (0, import_react8.forwardRef)(
           )
         },
         props.helperText
-      ), showCount && /* @__PURE__ */ import_react8.default.createElement(
+      ), showCount && /* @__PURE__ */ import_react11.default.createElement(
         "div",
         {
           className: cn(
@@ -1487,8 +1575,8 @@ var Input = (0, import_react8.forwardRef)(
 );
 
 // 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(
+var React23 = __toESM(require("react"));
+var Table = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React23.createElement("div", { className: "hawa-relative hawa-w-full  hawa-overflow-auto hawa-rounded hawa-border" }, /* @__PURE__ */ React23.createElement(
   "table",
   {
     ref,
@@ -1497,7 +1585,7 @@ var Table = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
   }
 )));
 Table.displayName = "Table";
-var TableHeader = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React20.createElement(
+var TableHeader = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React23.createElement(
   "thead",
   {
     ref,
@@ -1506,8 +1594,8 @@ var TableHeader = React20.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TableHeader.displayName = "TableHeader";
-var TableHead = React20.forwardRef(
-  ({ className, condensed, clickable, dir, ...props }, ref) => /* @__PURE__ */ React20.createElement(
+var TableHead = React23.forwardRef(
+  ({ className, condensed, clickable, dir, ...props }, ref) => /* @__PURE__ */ React23.createElement(
     "th",
     {
       ref,
@@ -1526,9 +1614,9 @@ var TableHead = React20.forwardRef(
   )
 );
 TableHead.displayName = "TableHead";
-var TableBody = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React20.createElement("tbody", { ref, className: cn("hawa-border-none", className), ...props }));
+var TableBody = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React23.createElement("tbody", { ref, className: cn("hawa-border-none", className), ...props }));
 TableBody.displayName = "TableBody";
-var TableFooter = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React20.createElement(
+var TableFooter = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React23.createElement(
   "tfoot",
   {
     ref,
@@ -1540,7 +1628,7 @@ var TableFooter = React20.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TableFooter.displayName = "TableFooter";
-var TableRow = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React20.createElement(
+var TableRow = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React23.createElement(
   "tr",
   {
     ref,
@@ -1554,14 +1642,14 @@ var TableRow = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TableRow.displayName = "TableRow";
-var TableCell = React20.forwardRef(
+var TableCell = React23.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(
+    return /* @__PURE__ */ React23.createElement(
       "td",
       {
         ref,
@@ -1583,7 +1671,7 @@ var TableCell = React20.forwardRef(
   }
 );
 TableCell.displayName = "TableCell";
-var TableCaption = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React20.createElement(
+var TableCaption = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React23.createElement(
   "caption",
   {
     ref,
@@ -1597,10 +1685,10 @@ var TableCaption = React20.forwardRef(({ className, ...props }, ref) => /* @__PU
 TableCaption.displayName = "TableCaption";
 
 // components/elements/backToTop/BackToTop.tsx
-var import_react9 = __toESM(require("react"));
+var import_react12 = __toESM(require("react"));
 
 // components/elements/radio/Radio.tsx
-var import_react10 = __toESM(require("react"));
+var import_react13 = __toESM(require("react"));
 var Radio = ({
   design = "default",
   width = "default",
@@ -1611,7 +1699,7 @@ var Radio = ({
   ...props
 }) => {
   var _a, _b, _c;
-  const [selectedOption, setSelectedOption] = (0, import_react10.useState)(props.defaultValue);
+  const [selectedOption, setSelectedOption] = (0, import_react13.useState)(props.defaultValue);
   let activeTabStyle = "hawa-inline-block hawa-w-full hawa-text-primary-foreground hawa-bg-primary  hawa-active dark:hawa-bg-primary";
   let inactiveTabStyle = "hawa-inline-block hawa-w-full hawa-transition-all hover:hawa-bg-muted hawa-bg-primary-foreground dark:hover:hawa-text-white";
   let orientationStyle = {
@@ -1629,11 +1717,11 @@ var Radio = ({
     default: "hawa-max-w-fit",
     full: "hawa-w-full"
   };
-  const [parentDirection, setParentDirection] = import_react10.default.useState(
+  const [parentDirection, setParentDirection] = import_react13.default.useState(
     null
   );
-  const parentRef = (0, import_react10.useRef)(null);
-  (0, import_react10.useEffect)(() => {
+  const parentRef = (0, import_react13.useRef)(null);
+  (0, import_react13.useEffect)(() => {
     var _a2;
     const parentNode = (_a2 = parentRef.current) == null ? void 0 : _a2.parentNode;
     if (parentNode) {
@@ -1643,7 +1731,7 @@ var Radio = ({
   });
   switch (design) {
     case "tabs":
-      return /* @__PURE__ */ import_react10.default.createElement(
+      return /* @__PURE__ */ import_react13.default.createElement(
         "ul",
         {
           ref: parentRef,
@@ -1655,7 +1743,7 @@ var Radio = ({
             tabsContainerClassName
           )
         },
-        (_b = props.options) == null ? void 0 : _b.map((opt, o) => /* @__PURE__ */ import_react10.default.createElement(
+        (_b = props.options) == null ? void 0 : _b.map((opt, o) => /* @__PURE__ */ import_react13.default.createElement(
           "li",
           {
             "aria-current": "page",
@@ -1683,13 +1771,13 @@ var Radio = ({
         ))
       );
     case "bordered":
-      return /* @__PURE__ */ import_react10.default.createElement("div", { className: cn(orientationStyle[orientation], "hawa-gap-4") }, props.options && props.options.map((opt, i) => /* @__PURE__ */ import_react10.default.createElement(
+      return /* @__PURE__ */ import_react13.default.createElement("div", { className: cn(orientationStyle[orientation], "hawa-gap-4") }, props.options && props.options.map((opt, i) => /* @__PURE__ */ import_react13.default.createElement(
         "div",
         {
           key: i,
           className: "hawa-rounded hawa-border hawa-border-gray-200 "
         },
-        /* @__PURE__ */ import_react10.default.createElement(
+        /* @__PURE__ */ import_react13.default.createElement(
           "div",
           {
             className: cn(
@@ -1698,7 +1786,7 @@ var Radio = ({
             ),
             key: i + 1
           },
-          /* @__PURE__ */ import_react10.default.createElement(
+          /* @__PURE__ */ import_react13.default.createElement(
             "input",
             {
               disabled: opt.disabled,
@@ -1708,7 +1796,7 @@ var Radio = ({
               name: "bordered-radio"
             }
           ),
-          /* @__PURE__ */ import_react10.default.createElement(
+          /* @__PURE__ */ import_react13.default.createElement(
             "label",
             {
               htmlFor: opt.value.toString(),
@@ -1722,7 +1810,7 @@ var Radio = ({
         )
       )));
     case "cards":
-      return /* @__PURE__ */ import_react10.default.createElement("ul", { className: cn(orientationStyle[orientation], "hawa-gap-4") }, (_c = props.options) == null ? void 0 : _c.map((opt, o) => /* @__PURE__ */ import_react10.default.createElement("li", { key: o }, /* @__PURE__ */ import_react10.default.createElement(
+      return /* @__PURE__ */ import_react13.default.createElement("ul", { className: cn(orientationStyle[orientation], "hawa-gap-4") }, (_c = props.options) == null ? void 0 : _c.map((opt, o) => /* @__PURE__ */ import_react13.default.createElement("li", { key: o }, /* @__PURE__ */ import_react13.default.createElement(
         "input",
         {
           type: "radio",
@@ -1733,7 +1821,7 @@ var Radio = ({
           required: true,
           disabled: opt.disabled
         }
-      ), /* @__PURE__ */ import_react10.default.createElement(
+      ), /* @__PURE__ */ import_react13.default.createElement(
         "label",
         {
           htmlFor: opt.value.toString(),
@@ -1742,10 +1830,10 @@ var Radio = ({
             opt.disabled ? "hawa-opacity-50" : "hawa-cursor-pointer hover:hawa-bg-gray-100 hover:hawa-text-gray-600 dark:hover:hawa-bg-gray-700 dark:hover:hawa-text-gray-300"
           )
         },
-        /* @__PURE__ */ import_react10.default.createElement("div", { className: "hawa-block  hawa-h-full hawa-w-full" }, /* @__PURE__ */ import_react10.default.createElement("div", { className: "hawa-w-full hawa-text-lg hawa-font-semibold" }, opt.label), /* @__PURE__ */ import_react10.default.createElement("div", { className: "hawa-w-full" }, opt.sublabel))
+        /* @__PURE__ */ import_react13.default.createElement("div", { className: "hawa-block  hawa-h-full hawa-w-full" }, /* @__PURE__ */ import_react13.default.createElement("div", { className: "hawa-w-full hawa-text-lg hawa-font-semibold" }, opt.label), /* @__PURE__ */ import_react13.default.createElement("div", { className: "hawa-w-full" }, opt.sublabel))
       ))));
     default:
-      return /* @__PURE__ */ import_react10.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, props.label && /* @__PURE__ */ import_react10.default.createElement(Label2, { ...labelProps }, props.label), /* @__PURE__ */ import_react10.default.createElement("div", { className: cn(orientationStyle[orientation], "hawa-gap-2") }, props.options && props.options.map((opt, i) => /* @__PURE__ */ import_react10.default.createElement(
+      return /* @__PURE__ */ import_react13.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, props.label && /* @__PURE__ */ import_react13.default.createElement(Label2, { ...labelProps }, props.label), /* @__PURE__ */ import_react13.default.createElement("div", { className: cn(orientationStyle[orientation], "hawa-gap-2") }, props.options && props.options.map((opt, i) => /* @__PURE__ */ import_react13.default.createElement(
         "div",
         {
           className: cn(
@@ -1754,7 +1842,7 @@ var Radio = ({
           ),
           key: i + 1
         },
-        /* @__PURE__ */ import_react10.default.createElement(
+        /* @__PURE__ */ import_react13.default.createElement(
           "input",
           {
             disabled: opt.disabled,
@@ -1772,7 +1860,7 @@ var Radio = ({
             }
           }
         ),
-        /* @__PURE__ */ import_react10.default.createElement(
+        /* @__PURE__ */ import_react13.default.createElement(
           "label",
           {
             htmlFor: opt.value.toString(),
@@ -1783,7 +1871,7 @@ var Radio = ({
           },
           opt.label
         )
-      ))), /* @__PURE__ */ import_react10.default.createElement(
+      ))), /* @__PURE__ */ import_react13.default.createElement(
         "p",
         {
           className: cn(
@@ -1797,13 +1885,13 @@ var Radio = ({
 };
 
 // components/elements/combobox/Combobox.tsx
-var React26 = __toESM(require("react"));
+var React29 = __toESM(require("react"));
 var PopoverPrimitive2 = __toESM(require("@radix-ui/react-popover"));
 
 // components/elements/command/Command.tsx
-var React24 = __toESM(require("react"));
+var React27 = __toESM(require("react"));
 var import_cmdk = require("cmdk");
-var Command = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React24.createElement(
+var Command = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React27.createElement(
   import_cmdk.Command,
   {
     ref,
@@ -1815,13 +1903,13 @@ var Command = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 Command.displayName = import_cmdk.Command.displayName;
-var CommandInput = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React24.createElement(
+var CommandInput = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React27.createElement(
   "div",
   {
     className: "hawa-flex hawa-items-center hawa-border-b hawa-px-3",
     "cmdk-input-wrapper": ""
   },
-  /* @__PURE__ */ React24.createElement(
+  /* @__PURE__ */ React27.createElement(
     "svg",
     {
       "aria-label": "Search Icon",
@@ -1836,10 +1924,10 @@ var CommandInput = React24.forwardRef(({ className, ...props }, ref) => /* @__PU
       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__ */ React27.createElement("circle", { cx: "11", cy: "11", r: "8" }),
+    /* @__PURE__ */ React27.createElement("path", { d: "m21 21-4.3-4.3" })
   ),
-  /* @__PURE__ */ React24.createElement(
+  /* @__PURE__ */ React27.createElement(
     import_cmdk.Command.Input,
     {
       ref,
@@ -1852,7 +1940,7 @@ var CommandInput = React24.forwardRef(({ className, ...props }, ref) => /* @__PU
   )
 ));
 CommandInput.displayName = import_cmdk.Command.Input.displayName;
-var CommandList = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React24.createElement(
+var CommandList = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React27.createElement(
   import_cmdk.Command.List,
   {
     ref,
@@ -1864,7 +1952,7 @@ var CommandList = React24.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 CommandList.displayName = import_cmdk.Command.List.displayName;
-var CommandEmpty = React24.forwardRef((props, ref) => /* @__PURE__ */ React24.createElement(
+var CommandEmpty = React27.forwardRef((props, ref) => /* @__PURE__ */ React27.createElement(
   import_cmdk.Command.Empty,
   {
     ref,
@@ -1873,7 +1961,7 @@ var CommandEmpty = React24.forwardRef((props, ref) => /* @__PURE__ */ React24.cr
   }
 ));
 CommandEmpty.displayName = import_cmdk.Command.Empty.displayName;
-var CommandGroup = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React24.createElement(
+var CommandGroup = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React27.createElement(
   import_cmdk.Command.Group,
   {
     ref,
@@ -1885,7 +1973,7 @@ var CommandGroup = React24.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 CommandGroup.displayName = import_cmdk.Command.Group.displayName;
-var CommandSeparator = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React24.createElement(
+var CommandSeparator = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React27.createElement(
   import_cmdk.Command.Separator,
   {
     ref,
@@ -1894,7 +1982,7 @@ var CommandSeparator = React24.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 CommandSeparator.displayName = import_cmdk.Command.Separator.displayName;
-var CommandItem = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React24.createElement(
+var CommandItem = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React27.createElement(
   import_cmdk.Command.Item,
   {
     ref,
@@ -1910,7 +1998,7 @@ var CommandShortcut = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ React24.createElement(
+  return /* @__PURE__ */ React27.createElement(
     "span",
     {
       className: cn(
@@ -1924,9 +2012,9 @@ var CommandShortcut = ({
 CommandShortcut.displayName = "CommandShortcut";
 
 // components/elements/popover/Popover.tsx
-var React25 = __toESM(require("react"));
+var React28 = __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(
+var PopoverContent = React28.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React28.createElement(PopoverPrimitive.Portal, null, /* @__PURE__ */ React28.createElement(
   PopoverPrimitive.Content,
   {
     ref,
@@ -1943,7 +2031,7 @@ PopoverContent.displayName = PopoverPrimitive.Content.displayName;
 var PopoverTrigger = PopoverPrimitive.Trigger;
 
 // components/elements/combobox/Combobox.tsx
-var Combobox = React26.forwardRef(
+var Combobox = React29.forwardRef(
   ({
     labelKey = "label",
     valueKey = "value",
@@ -1954,8 +2042,8 @@ var Combobox = React26.forwardRef(
     ...props
   }, ref) => {
     var _a, _b, _c;
-    const [open, setOpen] = React26.useState(false);
-    const [value, setValue] = React26.useState(defaultValue);
+    const [open, setOpen] = React29.useState(false);
+    const [value, setValue] = React29.useState(defaultValue);
     function getProperty(obj, key) {
       return obj[key];
     }
@@ -1964,7 +2052,7 @@ var Combobox = React26.forwardRef(
         setOpen(open2);
       }
     };
-    return /* @__PURE__ */ React26.createElement(
+    return /* @__PURE__ */ React29.createElement(
       "div",
       {
         className: cn(
@@ -1972,8 +2060,8 @@ var Combobox = React26.forwardRef(
           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(
+      props.label && /* @__PURE__ */ React29.createElement(Label2, { ...labelProps }, props.label),
+      /* @__PURE__ */ React29.createElement(PopoverPrimitive2.Root, { open, onOpenChange: handleOpenChange }, /* @__PURE__ */ React29.createElement(PopoverTrigger, { asChild: true }, props.isLoading ? /* @__PURE__ */ React29.createElement("div", { className: "hawa-pb-2" }, /* @__PURE__ */ React29.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" })) : /* @__PURE__ */ React29.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-start hawa-gap-2 " }, /* @__PURE__ */ React29.createElement(
         "div",
         {
           className: cn(
@@ -1981,7 +2069,7 @@ var Combobox = React26.forwardRef(
             props.preview ? "hawa-opacity-100" : "hawa-opacity-0"
           )
         }
-      ), /* @__PURE__ */ React26.createElement(
+      ), /* @__PURE__ */ React29.createElement(
         "button",
         {
           role: "combobox",
@@ -1995,7 +2083,7 @@ var Combobox = React26.forwardRef(
           data.find((item) => item[valueKey] === value) || {},
           labelKey
         ) : ((_a = props.texts) == null ? void 0 : _a.placeholder) || "...",
-        /* @__PURE__ */ React26.createElement(
+        /* @__PURE__ */ React29.createElement(
           "svg",
           {
             xmlns: "http://www.w3.org/2000/svg",
@@ -2011,9 +2099,9 @@ var Combobox = React26.forwardRef(
             strokeLinecap: "round",
             strokeLinejoin: "round"
           },
-          /* @__PURE__ */ React26.createElement("path", { d: "m6 9 6 6 6-6" })
+          /* @__PURE__ */ React29.createElement("path", { d: "m6 9 6 6 6-6" })
         )
-      ), /* @__PURE__ */ React26.createElement(
+      ), /* @__PURE__ */ React29.createElement(
         "p",
         {
           className: cn(
@@ -2022,17 +2110,17 @@ var Combobox = React26.forwardRef(
           )
         },
         props.helperText
-      ))), /* @__PURE__ */ React26.createElement(
+      ))), /* @__PURE__ */ React29.createElement(
         PopoverContent,
         {
           className: cn("popover-w-parent", props.helperText && "-hawa-mt-4")
         },
-        /* @__PURE__ */ React26.createElement(Command, null, !props.hideInput && /* @__PURE__ */ React26.createElement(
+        /* @__PURE__ */ React29.createElement(Command, null, !props.hideInput && /* @__PURE__ */ React29.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(
+        ), /* @__PURE__ */ React29.createElement(CommandEmpty, null, ((_c = props.texts) == null ? void 0 : _c.noItems) || "No items found."), /* @__PURE__ */ React29.createElement(CommandGroup, { className: "hawa-max-h-[200px] hawa-overflow-y-auto" }, data.map((item, i) => /* @__PURE__ */ React29.createElement(
           CommandItem,
           {
             key: i,
@@ -2047,7 +2135,7 @@ var Combobox = React26.forwardRef(
               setOpen(false);
             }
           },
-          /* @__PURE__ */ React26.createElement(
+          /* @__PURE__ */ React29.createElement(
             "svg",
             {
               "aria-label": "Check Icon",
@@ -2065,7 +2153,7 @@ var Combobox = React26.forwardRef(
                 value === getProperty(item, valueKey) ? "hawa-opacity-100" : "hawa-opacity-0"
               )
             },
-            /* @__PURE__ */ React26.createElement("polyline", { points: "20 6 9 17 4 12" })
+            /* @__PURE__ */ React29.createElement("polyline", { points: "20 6 9 17 4 12" })
           ),
           getProperty(item, labelKey)
         ))))
@@ -2075,8 +2163,8 @@ var Combobox = React26.forwardRef(
 );
 
 // components/elements/textarea/Textarea.tsx
-var React27 = __toESM(require("react"));
-var Textarea = React27.forwardRef(
+var React30 = __toESM(require("react"));
+var Textarea = React30.forwardRef(
   ({
     className,
     labelProps,
@@ -2086,7 +2174,7 @@ var Textarea = React27.forwardRef(
     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(
+    return /* @__PURE__ */ React30.createElement("div", { className: "hawa-relative hawa-flex hawa-h-full hawa-w-full hawa-flex-col hawa-gap-2" }, props.label && /* @__PURE__ */ React30.createElement(Label2, { ...labelProps }, props.label), /* @__PURE__ */ React30.createElement(
       "textarea",
       {
         className: cn(
@@ -2096,7 +2184,7 @@ var Textarea = React27.forwardRef(
         ref,
         ...textareaProps
       }
-    ), /* @__PURE__ */ React27.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, !forceHideHelperText && /* @__PURE__ */ React27.createElement(
+    ), /* @__PURE__ */ React30.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, !forceHideHelperText && /* @__PURE__ */ React30.createElement(
       "p",
       {
         className: cn(
@@ -2105,7 +2193,7 @@ var Textarea = React27.forwardRef(
         )
       },
       props.helperText
-    ), showCount && /* @__PURE__ */ React27.createElement(
+    ), showCount && /* @__PURE__ */ React30.createElement(
       "div",
       {
         className: cn(
@@ -2124,101 +2212,18 @@ var Textarea = React27.forwardRef(
 Textarea.displayName = "Textarea";
 
 // components/elements/fileDropzone/FileDropzone.tsx
-var import_react11 = __toESM(require("react"));
+var import_react14 = __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"));
+var import_react15 = __toESM(require("react"));
 
 // components/elements/tabs/Tabs.tsx
-var React31 = __toESM(require("react"));
+var React33 = __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(
+var TabsContext = React33.createContext({ orientation: "vertical" });
+var Tabs = React33.forwardRef(({ className, orientation, ...props }, ref) => /* @__PURE__ */ React33.createElement(
   TabsPrimitive.Root,
   {
     ref,
@@ -2229,12 +2234,12 @@ var Tabs = React31.forwardRef(({ className, orientation, ...props }, ref) => /*
     ),
     ...props
   },
-  /* @__PURE__ */ React31.createElement(TabsContext.Provider, { value: { orientation } }, props.children)
+  /* @__PURE__ */ React33.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(
+var TabsList = React33.forwardRef(({ className, ...props }, ref) => {
+  const { orientation } = React33.useContext(TabsContext);
+  return /* @__PURE__ */ React33.createElement(
     TabsPrimitive.List,
     {
       ref,
@@ -2248,8 +2253,8 @@ var TabsList = React31.forwardRef(({ className, ...props }, ref) => {
   );
 });
 TabsList.displayName = TabsPrimitive.List.displayName;
-var TabsTrigger = React31.forwardRef(({ className, chipProps, ...props }, ref) => {
-  return /* @__PURE__ */ React31.createElement(
+var TabsTrigger = React33.forwardRef(({ className, chipProps, ...props }, ref) => {
+  return /* @__PURE__ */ React33.createElement(
     TabsPrimitive.Trigger,
     {
       ref,
@@ -2260,11 +2265,11 @@ var TabsTrigger = React31.forwardRef(({ className, chipProps, ...props }, ref) =
       ...props
     },
     props.children,
-    chipProps && /* @__PURE__ */ React31.createElement(Chip, { ...chipProps })
+    chipProps && /* @__PURE__ */ React33.createElement(Chip, { ...chipProps })
   );
 });
 TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-var TabsContent = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React31.createElement(
+var TabsContent = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React33.createElement(
   TabsPrimitive.Content,
   {
     ref,
@@ -2278,21 +2283,21 @@ var TabsContent = React31.forwardRef(({ className, ...props }, ref) => /* @__PUR
 TabsContent.displayName = TabsPrimitive.Content.displayName;
 
 // components/elements/select/Select.tsx
-var import_react14 = __toESM(require("react"));
+var import_react16 = __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 React35 = __toESM(require("react"));
 var SwitchPrimitives = __toESM(require("@radix-ui/react-switch"));
-var Switch = React33.forwardRef(
+var Switch = React35.forwardRef(
   ({ className, size = "default", roundedness = "inherit", label, ...props }, ref) => {
-    const [parentDirection, setParentDirection] = React33.useState(
+    const [parentDirection, setParentDirection] = React35.useState(
       null
     );
-    const parentRef = React33.useRef(null);
-    React33.useEffect(() => {
+    const parentRef = React35.useRef(null);
+    React35.useEffect(() => {
       var _a;
       const parentNode = (_a = parentRef.current) == null ? void 0 : _a.parentNode;
       if (parentNode) {
@@ -2320,13 +2325,13 @@ var Switch = React33.forwardRef(
       full: "hawa-rounded-full",
       inherit: "hawa-rounded-inner"
     };
-    return /* @__PURE__ */ React33.createElement(
+    return /* @__PURE__ */ React35.createElement(
       "div",
       {
         className: "hawa-flex hawa-flex-row hawa-items-center",
         ref: parentRef
       },
-      /* @__PURE__ */ React33.createElement(
+      /* @__PURE__ */ React35.createElement(
         SwitchPrimitives.Root,
         {
           className: cn(
@@ -2340,7 +2345,7 @@ var Switch = React33.forwardRef(
           ...props,
           ref
         },
-        /* @__PURE__ */ React33.createElement(
+        /* @__PURE__ */ React35.createElement(
           SwitchPrimitives.Thumb,
           {
             className: cn(
@@ -2354,16 +2359,16 @@ var Switch = React33.forwardRef(
           }
         )
       ),
-      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)
+      label && /* @__PURE__ */ React35.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 React36 = __toESM(require("react"));
 var CheckboxPrimitive = __toESM(require("@radix-ui/react-checkbox"));
-var CheckboxElement = React34.forwardRef(({ radius = "inherit", size = "default", className, ...props }, ref) => {
+var CheckboxElement = React36.forwardRef(({ radius = "inherit", size = "default", className, ...props }, ref) => {
   let checkboxRadius = {
     none: "hawa-rounded-none",
     inherit: "hawa-rounded-sm",
@@ -2385,7 +2390,7 @@ var CheckboxElement = React34.forwardRef(({ radius = "inherit", size = "default"
     lg: "1em",
     xl: "1.25em"
   };
-  return /* @__PURE__ */ React34.createElement(
+  return /* @__PURE__ */ React36.createElement(
     CheckboxPrimitive.Root,
     {
       ref,
@@ -2397,14 +2402,14 @@ var CheckboxElement = React34.forwardRef(({ radius = "inherit", size = "default"
       ),
       ...props
     },
-    /* @__PURE__ */ React34.createElement(
+    /* @__PURE__ */ React36.createElement(
       CheckboxPrimitive.Indicator,
       {
         className: cn(
           "hawa-flex hawa-items-center hawa-justify-center hawa-text-current"
         )
       },
-      /* @__PURE__ */ React34.createElement(
+      /* @__PURE__ */ React36.createElement(
         "svg",
         {
           "aria-label": "Check Mark",
@@ -2415,7 +2420,7 @@ var CheckboxElement = React34.forwardRef(({ radius = "inherit", size = "default"
           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" })
+        /* @__PURE__ */ React36.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" })
       ),
       " "
     )
@@ -2423,151 +2428,89 @@ var CheckboxElement = React34.forwardRef(({ radius = "inherit", size = "default"
 });
 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/progress/Progress.tsx
+var React37 = __toESM(require("react"));
+var ProgressPrimitive = __toESM(require("@radix-ui/react-progress"));
+var Progress = React37.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ React37.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__ */ React37.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/cards/PricingCard.tsx
+// components/elements/breadcrumb/Breadcrumb.tsx
 var import_react17 = __toESM(require("react"));
-var PricingCard = ({
-  size = "medium",
-  direction = "ltr",
-  endButton = true,
-  recommended,
-  currentPlan = false,
-  ...props
-}) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
-  let cardSizes = {
-    small: "hawa-w-full hawa-max-w-sm hawa-rounded hawa-border dark:hawa-border-gray-700 hawa-bg-background ",
-    medium: "hawa-w-full hawa-rounded hawa-min-w-fit hawa-border dark:hawa-border-gray-700 hawa-bg-background ",
-    large: "hawa-w-full hawa-max-w-lg hawa-rounded hawa-border dark:hawa-border-gray-700 hawa-bg-background "
-  };
-  return /* @__PURE__ */ import_react17.default.createElement(
-    Card,
-    {
-      dir: direction,
-      className: cn(
-        currentPlan ? "hawa-border-2 hawa-border-primary dark:hawa-border-primary/70 " : "hawa-border",
-        cardSizes[size],
-        "hawa-relative hawa-flex  hawa-flex-col hawa-justify-between hawa-gap-4 hawa-p-4",
-        recommended ? "hawa-rounded hawa-rounded-t-none" : "hawa-rounded"
-      )
-    },
-    recommended && /* @__PURE__ */ import_react17.default.createElement(
-      "div",
-      {
-        className: "hawa-absolute -hawa-left-[1px] hawa-top-0 -hawa-translate-y-full hawa-rounded-t hawa-border hawa-bg-primary hawa-p-2  hawa-text-center hawa-text-primary-foreground",
-        style: { width: "calc(100% + 2px)" }
-      },
-      ((_a = props.texts) == null ? void 0 : _a.recommended) || "RECOMMENDED"
-    ),
-    /* @__PURE__ */ import_react17.default.createElement("div", { className: "hawa-flex hawa-h-full hawa-flex-col hawa-gap-4" }, /* @__PURE__ */ import_react17.default.createElement("div", { className: "hawa-text-md hawa-relative hawa-flex hawa-flex-col hawa-justify-between hawa-font-bold hawa-text-primary/70" }, /* @__PURE__ */ import_react17.default.createElement("span", null, (_b = props.texts) == null ? void 0 : _b.title), /* @__PURE__ */ import_react17.default.createElement("h5", { className: "hawa-text-sm  hawa-font-normal hawa-text-primary/70" }, (_c = props.texts) == null ? void 0 : _c.subtitle), props.discount && /* @__PURE__ */ import_react17.default.createElement("span", { className: "hawa-absolute hawa-end-0" }, /* @__PURE__ */ import_react17.default.createElement(Chip, { label: props.discount, size: "large", color: "hyper" }))), /* @__PURE__ */ import_react17.default.createElement("div", { className: " hawa-flex hawa-items-baseline  hawa-text-primary" }, props.isLoading ? /* @__PURE__ */ import_react17.default.createElement(Skeleton, { className: "hawa-h-[48px] hawa-w-full hawa-max-w-[200px] hawa-p-0 " }) : /* @__PURE__ */ import_react17.default.createElement(import_react17.default.Fragment, null, props.noPrice ? /* @__PURE__ */ import_react17.default.createElement("div", { className: "hawa-text-5xl hawa-font-extrabold hawa-tracking-tight" }, ((_d = props.texts) == null ? void 0 : _d.priceless) || "Contact Us") : /* @__PURE__ */ import_react17.default.createElement(import_react17.default.Fragment, null, /* @__PURE__ */ import_react17.default.createElement(import_react17.default.Fragment, null, /* @__PURE__ */ import_react17.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-end   hawa-gap-2" }, props.oldPrice && props.oldPrice > 0 && /* @__PURE__ */ import_react17.default.createElement("span", { className: "hawa-line-through hawa-opacity-70" }, props.oldPrice + " " + ((_e = props.texts) == null ? void 0 : _e.currencyText)), /* @__PURE__ */ import_react17.default.createElement("span", { className: "hawa-text-5xl hawa-font-extrabold hawa-tracking-tight" }, props.price)), /* @__PURE__ */ import_react17.default.createElement("span", { className: "hawa-mx-1 hawa-text-sm hawa-font-semibold" }, (_f = props.texts) == null ? void 0 : _f.currencyText)), /* @__PURE__ */ import_react17.default.createElement("span", { className: "hawa-ml-1 hawa-whitespace-nowrap hawa-text-xl hawa-font-normal hawa-text-primary/70" }, "/ ", (_g = props.texts) == null ? void 0 : _g.cycleText)))), endButton && /* @__PURE__ */ import_react17.default.createElement(Separator2, null), /* @__PURE__ */ import_react17.default.createElement(
-      "div",
-      {
-        className: cn(
-          "hawa-flex hawa-h-full hawa-justify-between hawa-gap-4",
-          endButton ? "hawa-flex-col" : "hawa-flex-col-reverse"
-        )
-      },
-      props.features && /* @__PURE__ */ import_react17.default.createElement("ul", { role: "list", className: "hawa-space-y-0 hawa-overflow-x-auto" }, (_h = props.features) == null ? void 0 : _h.map((feature, o) => {
-        return /* @__PURE__ */ import_react17.default.createElement(
-          "li",
-          {
-            key: o,
-            className: cn(
-              "hawa-flex hawa-flex-row hawa-justify-between hawa-gap-2",
-              !feature.included && "hawa-line-through"
-            )
-          },
-          /* @__PURE__ */ import_react17.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center" }, feature.included ? /* @__PURE__ */ import_react17.default.createElement(
-            "svg",
-            {
-              "aria-label": "Check Icon",
-              "aria-hidden": "true",
-              className: "hawa-m-2 hawa-h-5 hawa-w-5 hawa-flex-shrink-0 hawa-text-primary",
-              fill: "currentColor",
-              viewBox: "0 0 20 20"
-            },
-            /* @__PURE__ */ import_react17.default.createElement(
-              "path",
-              {
-                fillRule: "evenodd",
-                d: "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z",
-                clipRule: "evenodd"
-              }
-            )
-          ) : /* @__PURE__ */ import_react17.default.createElement("div", { className: "hawa-m-2 hawa-mx-2.5 hawa-h-4 hawa-w-4 hawa-rounded-full hawa-bg-primary/10" }), /* @__PURE__ */ import_react17.default.createElement("span", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 hawa-whitespace-nowrap hawa-text-start hawa-font-normal hawa-leading-tight hawa-text-primary/70 " }, feature.text, " ", feature.soon && feature.included && /* @__PURE__ */ import_react17.default.createElement(Chip, { label: "soon", color: "oceanic", size: "small" }))),
-          feature.hint && /* @__PURE__ */ import_react17.default.createElement(Tooltip, { content: feature.hint, side: feature.hintSide }, /* @__PURE__ */ import_react17.default.createElement(
-            "svg",
-            {
-              xmlns: "http://www.w3.org/2000/svg",
-              className: "hawa-h-[14px] hawa-w-[14px] hawa-cursor-help",
-              viewBox: "0 0 24 24",
-              fill: "none",
-              stroke: "currentColor",
-              strokeWidth: "2",
-              strokeLinecap: "round",
-              strokeLinejoin: "round"
-            },
-            /* @__PURE__ */ import_react17.default.createElement("circle", { cx: "12", cy: "12", r: "10" }),
-            /* @__PURE__ */ import_react17.default.createElement("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
-            /* @__PURE__ */ import_react17.default.createElement("path", { d: "M12 17h.01" })
-          ))
-        );
-      })),
-      /* @__PURE__ */ import_react17.default.createElement(
-        Button,
-        {
-          onClick: props.onPlanClicked,
-          disabled: currentPlan,
-          className: "hawa-w-full"
-        },
-        (_i = props.texts) == null ? void 0 : _i.buttonText
-      )
-    ))
-  );
-};
 
-// components/elements/cards/ItemCard.tsx
+// components/elements/appStores/AppStores.tsx
 var import_react18 = __toESM(require("react"));
 
-// components/elements/cards/LandingCard.tsx
+// components/elements/badge/Badge.tsx
 var import_react19 = __toESM(require("react"));
 
-// components/elements/PinInput.tsx
+// components/elements/phoneInput/PhoneInput.tsx
 var import_react20 = __toESM(require("react"));
 
-// components/elements/PhoneInput.tsx
+// components/elements/pinInput/PinInput.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,
+// components/elements/stopPropagationWrapper/StopPropagationWrapper.tsx
+var import_react22 = __toESM(require("react"));
+
+// components/elements/scrollArea/ScrollArea.tsx
+var React44 = __toESM(require("react"));
+var ScrollAreaPrimitive = __toESM(require("@radix-ui/react-scroll-area"));
+var ScrollArea = React44.forwardRef(({ className, children, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ React44.createElement(
+  ScrollAreaPrimitive.Root,
   {
     ref,
+    className: cn("hawa-relative hawa-overflow-hidden", className),
+    ...props
+  },
+  /* @__PURE__ */ React44.createElement(ScrollAreaPrimitive.Viewport, { className: "hawa-h-full hawa-w-full hawa-rounded-[inherit]" }, children),
+  /* @__PURE__ */ React44.createElement(ScrollBar, { orientation }),
+  /* @__PURE__ */ React44.createElement(ScrollAreaPrimitive.Corner, null)
+));
+ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
+var ScrollBar = React44.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ React44.createElement(
+  ScrollAreaPrimitive.ScrollAreaScrollbar,
+  {
+    ref,
+    orientation,
     className: cn(
-      "hawa-relative hawa-h-4 hawa-w-full hawa-overflow-hidden hawa-rounded hawa-bg-secondary",
+      "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__ */ React42.createElement(
-    ProgressPrimitive.Indicator,
+  /* @__PURE__ */ React44.createElement(
+    ScrollAreaPrimitive.ScrollAreaThumb,
     {
-      className: "hawa-h-full hawa-w-full hawa-flex-1 hawa-bg-primary hawa-transition-all",
-      style: { transform: `translateX(-${100 - (value || 0)}%)` }
+      className: cn(
+        "hawa-relative hawa-rounded-full hawa-bg-border",
+        orientation === "vertical" && "hawa-flex-1"
+      )
     }
   )
 ));
-Progress.displayName = ProgressPrimitive.Root.displayName;
+ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
 
 // components/elements/ProgressCircle.tsx
-var import_react22 = __toESM(require("react"));
+var import_react23 = __toESM(require("react"));
 var size2config = {
   xs: {
     radius: 15,
@@ -2599,7 +2542,7 @@ function getLimitedValue(input) {
     return input;
   }
 }
-var ProgressCircle = import_react22.default.forwardRef((props, ref) => {
+var ProgressCircle = import_react23.default.forwardRef((props, ref) => {
   const {
     value: inputValue,
     size = "md",
@@ -2619,7 +2562,7 @@ var ProgressCircle = import_react22.default.forwardRef((props, ref) => {
   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(
+  return /* @__PURE__ */ import_react23.default.createElement(import_react23.default.Fragment, null, /* @__PURE__ */ import_react23.default.createElement(
     "div",
     {
       ref,
@@ -2628,7 +2571,7 @@ var ProgressCircle = import_react22.default.forwardRef((props, ref) => {
         className
       )
     },
-    /* @__PURE__ */ import_react22.default.createElement(
+    /* @__PURE__ */ import_react23.default.createElement(
       "svg",
       {
         width: radius * 2,
@@ -2636,7 +2579,7 @@ var ProgressCircle = import_react22.default.forwardRef((props, ref) => {
         viewBox: `0 0 ${radius * 2} ${radius * 2}`,
         className: "hawa-rotate-180 hawa-transform"
       },
-      /* @__PURE__ */ import_react22.default.createElement(
+      /* @__PURE__ */ import_react23.default.createElement(
         "circle",
         {
           r: normalizedRadius,
@@ -2652,7 +2595,7 @@ var ProgressCircle = import_react22.default.forwardRef((props, ref) => {
           )
         }
       ),
-      value > 0 ? /* @__PURE__ */ import_react22.default.createElement(
+      value > 0 ? /* @__PURE__ */ import_react23.default.createElement(
         "circle",
         {
           r: normalizedRadius,
@@ -2672,32 +2615,32 @@ var ProgressCircle = import_react22.default.forwardRef((props, ref) => {
         }
       ) : null
     ),
-    /* @__PURE__ */ import_react22.default.createElement("div", { className: cn("hawa-absolute hawa-flex") }, children)
+    /* @__PURE__ */ import_react23.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_react24 = __toESM(require("react"));
 var import_react_headless_pagination = require("react-headless-pagination");
 
 // components/elements/PasswordInput.tsx
-var import_react27 = __toESM(require("react"));
+var import_react28 = __toESM(require("react"));
 
 // components/icons/Emojis.tsx
-var import_react24 = __toESM(require("react"));
+var import_react25 = __toESM(require("react"));
 
 // components/icons/InputIcons.tsx
-var import_react25 = __toESM(require("react"));
+var import_react26 = __toESM(require("react"));
 
 // components/icons/CommonIcons.tsx
-var import_react26 = __toESM(require("react"));
+var import_react27 = __toESM(require("react"));
 var CheckMark = ({ size = "default", className }) => {
   let sizeStyles = {
     default: "hawa-h-5 hawa-w-5",
     sm: "hawa-h-3 hawa-w-3"
   };
-  return /* @__PURE__ */ import_react26.default.createElement(
+  return /* @__PURE__ */ import_react27.default.createElement(
     "svg",
     {
       className: cn(sizeStyles[size], className),
@@ -2705,7 +2648,7 @@ var CheckMark = ({ size = "default", className }) => {
       fill: "currentColor",
       viewBox: "0 0 20 20"
     },
-    /* @__PURE__ */ import_react26.default.createElement(
+    /* @__PURE__ */ import_react27.default.createElement(
       "path",
       {
         fillRule: "evenodd",
@@ -2720,7 +2663,7 @@ var UncheckMark = ({ size = "default", className }) => {
     default: "hawa-h-5 hawa-w-5",
     sm: "hawa-h-3 hawa-w-3"
   };
-  return /* @__PURE__ */ import_react26.default.createElement(
+  return /* @__PURE__ */ import_react27.default.createElement(
     "svg",
     {
       className: cn(sizeStyles[size], className),
@@ -2728,7 +2671,7 @@ var UncheckMark = ({ size = "default", className }) => {
       fill: "currentColor",
       viewBox: "0 0 20 20"
     },
-    /* @__PURE__ */ import_react26.default.createElement(
+    /* @__PURE__ */ import_react27.default.createElement(
       "path",
       {
         fillRule: "evenodd",
@@ -2740,9 +2683,9 @@ var UncheckMark = ({ size = "default", className }) => {
 };
 
 // components/elements/Slider.tsx
-var React49 = __toESM(require("react"));
+var React51 = __toESM(require("react"));
 var SliderPrimitive = __toESM(require("@radix-ui/react-slider"));
-var Slider = React49.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React49.createElement(
+var Slider = React51.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React51.createElement(
   SliderPrimitive.Root,
   {
     ref,
@@ -2752,22 +2695,22 @@ var Slider = React49.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
     ),
     ...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" })
+  /* @__PURE__ */ React51.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__ */ React51.createElement(SliderPrimitive.Range, { className: "hawa-absolute hawa-h-full hawa-bg-primary" })),
+  /* @__PURE__ */ React51.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 React52 = __toESM(require("react"));
 var import_react_table2 = require("@tanstack/react-table");
 
 // components/elements/Separator.tsx
-var React51 = __toESM(require("react"));
+var React53 = __toESM(require("react"));
 var Separator2 = ({
   className,
   orientation = "horizontal",
   ...props
-}) => /* @__PURE__ */ React51.createElement(
+}) => /* @__PURE__ */ React53.createElement(
   "div",
   {
     className: cn(
@@ -2779,50 +2722,7 @@ var Separator2 = ({
   }
 );
 
-// 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
@@ -2972,19 +2872,117 @@ var import_react35 = __toESM(require("react"));
 // components/hooks/useToast.ts
 var React60 = __toESM(require("react"));
 
-// components/elements/Breadcrumb.tsx
+// components/elements/DestroyableCard.tsx
 var import_react36 = __toESM(require("react"));
 
-// components/elements/Badge.tsx
+// components/elements/InterfaceSettings.tsx
 var import_react37 = __toESM(require("react"));
 
-// components/elements/AppStores.tsx
-var import_react38 = __toESM(require("react"));
+// components/blocks/cards/PricingCard.tsx
+var PricingCard = ({
+  size = "medium",
+  direction = "ltr",
+  endButton = true,
+  recommended,
+  currentPlan = false,
+  ...props
+}) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+  let cardSizes = {
+    small: "hawa-w-full hawa-max-w-sm hawa-rounded hawa-border dark:hawa-border-gray-700 hawa-bg-background ",
+    medium: "hawa-w-full hawa-rounded hawa-min-w-fit hawa-border dark:hawa-border-gray-700 hawa-bg-background ",
+    large: "hawa-w-full hawa-max-w-lg hawa-rounded hawa-border dark:hawa-border-gray-700 hawa-bg-background "
+  };
+  return /* @__PURE__ */ import_react38.default.createElement(
+    Card,
+    {
+      dir: direction,
+      className: cn(
+        currentPlan ? "hawa-border-2 hawa-border-primary dark:hawa-border-primary/70 " : "hawa-border",
+        cardSizes[size],
+        "hawa-relative hawa-flex  hawa-flex-col hawa-justify-between hawa-gap-4 hawa-p-4",
+        recommended ? "hawa-rounded hawa-rounded-t-none" : "hawa-rounded"
+      )
+    },
+    recommended && /* @__PURE__ */ import_react38.default.createElement(
+      "div",
+      {
+        className: "hawa-absolute -hawa-left-[1px] hawa-top-0 -hawa-translate-y-full hawa-rounded-t hawa-border hawa-bg-primary hawa-p-2  hawa-text-center hawa-text-primary-foreground",
+        style: { width: "calc(100% + 2px)" }
+      },
+      ((_a = props.texts) == null ? void 0 : _a.recommended) || "RECOMMENDED"
+    ),
+    /* @__PURE__ */ import_react38.default.createElement("div", { className: "hawa-flex hawa-h-full hawa-flex-col hawa-gap-4" }, /* @__PURE__ */ import_react38.default.createElement("div", { className: "hawa-text-md hawa-relative hawa-flex hawa-flex-col hawa-justify-between hawa-font-bold hawa-text-primary/70" }, /* @__PURE__ */ import_react38.default.createElement("span", null, (_b = props.texts) == null ? void 0 : _b.title), /* @__PURE__ */ import_react38.default.createElement("h5", { className: "hawa-text-sm  hawa-font-normal hawa-text-primary/70" }, (_c = props.texts) == null ? void 0 : _c.subtitle), props.discount && /* @__PURE__ */ import_react38.default.createElement("span", { className: "hawa-absolute hawa-end-0" }, /* @__PURE__ */ import_react38.default.createElement(Chip, { label: props.discount, size: "large", color: "hyper" }))), /* @__PURE__ */ import_react38.default.createElement("div", { className: " hawa-flex hawa-items-baseline  hawa-text-primary" }, props.isLoading ? /* @__PURE__ */ import_react38.default.createElement(Skeleton, { className: "hawa-h-[48px] hawa-w-full hawa-max-w-[200px] hawa-p-0 " }) : /* @__PURE__ */ import_react38.default.createElement(import_react38.default.Fragment, null, props.noPrice ? /* @__PURE__ */ import_react38.default.createElement("div", { className: "hawa-text-5xl hawa-font-extrabold hawa-tracking-tight" }, ((_d = props.texts) == null ? void 0 : _d.priceless) || "Contact Us") : /* @__PURE__ */ import_react38.default.createElement(import_react38.default.Fragment, null, /* @__PURE__ */ import_react38.default.createElement(import_react38.default.Fragment, null, /* @__PURE__ */ import_react38.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-end   hawa-gap-2" }, props.oldPrice && props.oldPrice > 0 && /* @__PURE__ */ import_react38.default.createElement("span", { className: "hawa-line-through hawa-opacity-70" }, props.oldPrice + " " + ((_e = props.texts) == null ? void 0 : _e.currencyText)), /* @__PURE__ */ import_react38.default.createElement("span", { className: "hawa-text-5xl hawa-font-extrabold hawa-tracking-tight" }, props.price)), /* @__PURE__ */ import_react38.default.createElement("span", { className: "hawa-mx-1 hawa-text-sm hawa-font-semibold" }, (_f = props.texts) == null ? void 0 : _f.currencyText)), /* @__PURE__ */ import_react38.default.createElement("span", { className: "hawa-ml-1 hawa-whitespace-nowrap hawa-text-xl hawa-font-normal hawa-text-primary/70" }, "/ ", (_g = props.texts) == null ? void 0 : _g.cycleText)))), endButton && /* @__PURE__ */ import_react38.default.createElement(Separator2, null), /* @__PURE__ */ import_react38.default.createElement(
+      "div",
+      {
+        className: cn(
+          "hawa-flex hawa-h-full hawa-justify-between hawa-gap-4",
+          endButton ? "hawa-flex-col" : "hawa-flex-col-reverse"
+        )
+      },
+      props.features && /* @__PURE__ */ import_react38.default.createElement("ul", { role: "list", className: "hawa-space-y-0 hawa-overflow-x-auto" }, (_h = props.features) == null ? void 0 : _h.map((feature, o) => {
+        return /* @__PURE__ */ import_react38.default.createElement(
+          "li",
+          {
+            key: o,
+            className: cn(
+              "hawa-flex hawa-flex-row hawa-justify-between hawa-gap-2",
+              !feature.included && "hawa-line-through"
+            )
+          },
+          /* @__PURE__ */ import_react38.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center" }, feature.included ? /* @__PURE__ */ import_react38.default.createElement(
+            "svg",
+            {
+              "aria-label": "Check Icon",
+              "aria-hidden": "true",
+              className: "hawa-m-2 hawa-h-5 hawa-w-5 hawa-flex-shrink-0 hawa-text-primary",
+              fill: "currentColor",
+              viewBox: "0 0 20 20"
+            },
+            /* @__PURE__ */ import_react38.default.createElement(
+              "path",
+              {
+                fillRule: "evenodd",
+                d: "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z",
+                clipRule: "evenodd"
+              }
+            )
+          ) : /* @__PURE__ */ import_react38.default.createElement("div", { className: "hawa-m-2 hawa-mx-2.5 hawa-h-4 hawa-w-4 hawa-rounded-full hawa-bg-primary/10" }), /* @__PURE__ */ import_react38.default.createElement("span", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 hawa-whitespace-nowrap hawa-text-start hawa-font-normal hawa-leading-tight hawa-text-primary/70 " }, feature.text, " ", feature.soon && feature.included && /* @__PURE__ */ import_react38.default.createElement(Chip, { label: "soon", color: "oceanic", size: "small" }))),
+          feature.hint && /* @__PURE__ */ import_react38.default.createElement(Tooltip, { content: feature.hint, side: feature.hintSide }, /* @__PURE__ */ import_react38.default.createElement(
+            "svg",
+            {
+              xmlns: "http://www.w3.org/2000/svg",
+              className: "hawa-h-[14px] hawa-w-[14px] hawa-cursor-help",
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            },
+            /* @__PURE__ */ import_react38.default.createElement("circle", { cx: "12", cy: "12", r: "10" }),
+            /* @__PURE__ */ import_react38.default.createElement("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
+            /* @__PURE__ */ import_react38.default.createElement("path", { d: "M12 17h.01" })
+          ))
+        );
+      })),
+      /* @__PURE__ */ import_react38.default.createElement(
+        Button,
+        {
+          onClick: props.onPlanClicked,
+          disabled: currentPlan,
+          className: "hawa-w-full"
+        },
+        (_i = props.texts) == null ? void 0 : _i.buttonText
+      )
+    ))
+  );
+};
 
-// components/elements/DestroyableCard.tsx
+// components/blocks/cards/ItemCard.tsx
 var import_react39 = __toESM(require("react"));
 
-// components/elements/InterfaceSettings.tsx
+// components/blocks/cards/LandingCard.tsx
 var import_react40 = __toESM(require("react"));
 
 // components/blocks/pricing/PricingPlans.tsx