@sikka/hawa 0.23.2-next → 0.23.7-next

package/dist/blocks/pricing/index.mjs

@@ -1,23 +1,1839 @@
+import "../../chunk-TR56G3NM.mjs";
+import {
+  PopoverContent,
+  PopoverTrigger,
+  Radio
+} from "../../chunk-P2O6R3S6.mjs";
 import {
-  Button,
   CheckMark,
+  UncheckMark
+} from "../../chunk-UAVBFK53.mjs";
+import {
   Chip,
-  PricingCard,
-  Radio,
-  ScrollArea,
+  ScrollArea
+} from "../../chunk-QGKW5R5F.mjs";
+import "../../chunk-A25EXELT.mjs";
+import "../../chunk-F6TKEDDP.mjs";
+import {
+  Button,
+  Card,
+  Label,
+  Skeleton,
   Tooltip,
-  UncheckMark,
   cn
-} from "../../chunk-ENNSA4VR.mjs";
+} from "../../chunk-677VOLD4.mjs";
+
+// components/blocks/pricing/PricingPlans.tsx
+import React44 from "react";
+
+// components/blocks/cards/ActionCard.tsx
+import React, { useState } from "react";
+
+// components/blocks/cards/AdCard.tsx
+import React2, { useState as useState2, useEffect, useRef } from "react";
+
+// components/blocks/cards/PricingCard.tsx
+import React41 from "react";
+
+// components/elements/dropdownMenu/DropdownMenu.tsx
+import * as React3 from "react";
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+var DropdownMenuSubTrigger = React3.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ React3.createElement(
+  DropdownMenuPrimitive.SubTrigger,
+  {
+    ref,
+    className: cn(
+      "hawa-flex hawa-cursor-default hawa-select-none hawa-items-center hawa-justify-between hawa-rounded-sm hawa-text-sm hawa-outline-none focus:hawa-bg-accent data-[state=open]:hawa-bg-accent",
+      inset && "hawa-pl-8",
+      className
+    ),
+    ...props
+  },
+  /* @__PURE__ */ React3.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2" }, children),
+  " ",
+  /* @__PURE__ */ React3.createElement(
+    "svg",
+    {
+      "aria-label": "Chevron Right Icon",
+      stroke: "currentColor",
+      fill: "currentColor",
+      strokeWidth: "0",
+      viewBox: "0 0 16 16",
+      height: "1em",
+      width: "1em",
+      className: cn(props.dir === "rtl" ? "hawa-rotate-180" : "")
+    },
+    /* @__PURE__ */ React3.createElement(
+      "path",
+      {
+        fillRule: "evenodd",
+        d: "M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"
+      }
+    )
+  )
+));
+DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
+var DropdownMenuSubContent = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React3.createElement(
+  DropdownMenuPrimitive.SubContent,
+  {
+    ref,
+    className: cn(
+      "hawa-z-50 hawa-min-w-[8rem] hawa-gap-1 hawa-overflow-hidden hawa-rounded-md hawa-border hawa-bg-popover hawa-p-1 hawa-text-popover-foreground hawa-shadow-lg data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-fade-out-0 data-[state=open]:hawa-fade-in-0 data-[state=closed]:hawa-zoom-out-95 data-[state=open]:hawa-zoom-in-95 data-[side=bottom]:hawa-slide-in-from-top-2 data-[side=left]:hawa-slide-in-from-right-2 data-[side=right]:hawa-slide-in-from-left-2 data-[side=top]:hawa-slide-in-from-bottom-2",
+      className
+    ),
+    ...props
+  }
+));
+DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
+var DropdownMenuContent = React3.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React3.createElement(DropdownMenuPrimitive.Portal, null, /* @__PURE__ */ React3.createElement(
+  DropdownMenuPrimitive.Content,
+  {
+    ref,
+    sideOffset,
+    className: cn(
+      "hawa-z-50  hawa-overflow-hidden hawa-rounded-md hawa-border hawa-bg-popover hawa-p-1 hawa-text-popover-foreground hawa-shadow-md data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-fade-out-0 data-[state=open]:hawa-fade-in-0 data-[state=closed]:hawa-zoom-out-95 data-[state=open]:hawa-zoom-in-95 data-[side=bottom]:hawa-slide-in-from-top-2 data-[side=left]:hawa-slide-in-from-right-2 data-[side=right]:hawa-slide-in-from-left-2 data-[side=top]:hawa-slide-in-from-bottom-2",
+      className
+    ),
+    ...props
+  }
+)));
+DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
+var DropdownMenuItem = React3.forwardRef(({ className, inset, badged, slug, ...props }, ref) => {
+  return /* @__PURE__ */ React3.createElement("a", { href: slug }, /* @__PURE__ */ React3.createElement(
+    DropdownMenuPrimitive.Item,
+    {
+      disabled: props.disabled,
+      ref,
+      className: cn(
+        "hawa-relative hawa-flex hawa-cursor-pointer hawa-select-none hawa-items-center hawa-justify-between hawa-rounded-sm hawa-text-sm hawa-outline-none hawa-transition-colors focus:hawa-text-accent-foreground data-[disabled]:hawa-pointer-events-none data-[disabled]:hawa-opacity-50",
+        inset && "hawa-pl-8",
+        props.end && Array.isArray(props.children) && props.children[1] && "hawa-gap-6",
+        className
+      ),
+      ...props
+    },
+    /* @__PURE__ */ React3.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__ */ React3.createElement(DropdownMenuShortcut, null, props.shortcut),
+    !props.end && badged && /* @__PURE__ */ React3.createElement("div", { className: "hawa-h-3 hawa-w-3 hawa-rounded-full hawa-bg-red-500" })
+  ));
+});
+DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
+var DropdownMenuCheckboxItem = React3.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ React3.createElement(
+  DropdownMenuPrimitive.CheckboxItem,
+  {
+    ref,
+    className: cn(
+      "hawa-relative hawa-flex hawa-cursor-default hawa-select-none hawa-items-center hawa-rounded-sm hawa-py-1.5 hawa-pl-8 hawa-pr-2 hawa-text-sm hawa-outline-none hawa-transition-colors focus:hawa-bg-accent focus:hawa-text-accent-foreground data-[disabled]:hawa-pointer-events-none data-[disabled]:hawa-opacity-50",
+      className
+    ),
+    checked,
+    ...props
+  },
+  /* @__PURE__ */ React3.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__ */ React3.createElement(DropdownMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React3.createElement(
+    "svg",
+    {
+      "aria-label": "Check Mark",
+      stroke: "currentColor",
+      fill: "currentColor",
+      strokeWidth: "0",
+      viewBox: "0 0 512 512",
+      height: "0.60em",
+      width: "0.60em"
+    },
+    /* @__PURE__ */ React3.createElement("path", { d: "M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z" })
+  ), " ")),
+  children
+));
+DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
+var DropdownMenuRadioItem = React3.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React3.createElement(
+  DropdownMenuPrimitive.RadioItem,
+  {
+    ref,
+    className: cn(
+      "hawa-relative hawa-flex hawa-cursor-pointer hawa-select-none hawa-items-center hawa-rounded-sm hawa-py-1.5 hawa-pl-8 hawa-pr-2 hawa-text-sm hawa-outline-none hawa-transition-colors focus:hawa-bg-accent focus:hawa-text-accent-foreground data-[disabled]:hawa-pointer-events-none data-[disabled]:hawa-opacity-50",
+      className
+    ),
+    ...props
+  },
+  /* @__PURE__ */ React3.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__ */ React3.createElement(DropdownMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React3.createElement(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "24",
+      "aria-label": "Circle",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className: "hawa-h-2 hawa-w-2 hawa-fill-current"
+    },
+    /* @__PURE__ */ React3.createElement("circle", { cx: "12", cy: "12", r: "10" })
+  ))),
+  children
+));
+DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
+var DropdownMenuLabel = React3.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ React3.createElement(
+  DropdownMenuPrimitive.Label,
+  {
+    ref,
+    className: cn(
+      "hawa-px-2 hawa-py-1.5 hawa-text-sm hawa-font-semibold",
+      inset && "hawa-pl-8",
+      className
+    ),
+    ...props
+  }
+));
+DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
+var DropdownMenuSeparator = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React3.createElement(
+  DropdownMenuPrimitive.Separator,
+  {
+    ref,
+    className: cn("hawa--mx-1 hawa-my-1 hawa-h-px hawa-bg-muted", className),
+    ...props
+  }
+));
+DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
+var DropdownMenuShortcut = ({
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ React3.createElement(
+    "span",
+    {
+      className: cn(
+        "hawa-text-xs hawa-tracking-widest hawa-opacity-60",
+        className
+      ),
+      ...props
+    }
+  );
+};
+DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
+
+// components/elements/accordion/Accordion.tsx
+import * as React6 from "react";
+import * as AccordionPrimitive3 from "@radix-ui/react-accordion";
+
+// components/elements/accordion/AccordionContent.tsx
+import * as React4 from "react";
+import * as AccordionPrimitive from "@radix-ui/react-accordion";
+var AccordionContent = React4.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React4.createElement(
+  AccordionPrimitive.Content,
+  {
+    ref,
+    className: !props.unstyled ? cn(
+      "hawa-overflow-hidden hawa-text-sm hawa-transition-all data-[state=closed]:hawa-animate-accordion-up data-[state=open]:hawa-animate-accordion-down",
+      className
+    ) : className,
+    ...props
+  },
+  /* @__PURE__ */ React4.createElement("div", { className: "hawa-bg-background hawa-p-4" }, children)
+));
+AccordionContent.displayName = AccordionPrimitive.Content.displayName;
+
+// components/elements/accordion/AccordionTrigger.tsx
+import * as React5 from "react";
+import * as AccordionPrimitive2 from "@radix-ui/react-accordion";
+var AccordionTrigger = React5.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React5.createElement(AccordionPrimitive2.Header, { className: "hawa-flex" }, /* @__PURE__ */ React5.createElement(
+  AccordionPrimitive2.Trigger,
+  {
+    ref,
+    className: !props.unstyled ? cn(
+      "hawa-flex hawa-flex-1 hawa-items-center hawa-justify-between hawa-bg-muted/50 hawa-p-4 hawa-font-medium hawa-transition-all [&[data-state=open]>svg]:hawa-rotate-180",
+      props.disabled ? "hawa-bg-muted/30 hawa-text-muted-foreground/50" : "hover:hawa-bg-muted",
+      className
+    ) : className,
+    ...props
+  },
+  children,
+  !props.hideArrow && /* @__PURE__ */ React5.createElement(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className: "hawa-icon hawa-shrink-0 hawa-transition-transform hawa-duration-200"
+    },
+    /* @__PURE__ */ React5.createElement("path", { d: "m6 9 6 6 6-6" })
+  )
+)));
+AccordionTrigger.displayName = AccordionPrimitive2.Trigger.displayName;
+
+// components/elements/accordion/Accordion.tsx
+var Accordion = React6.forwardRef(
+  ({
+    items,
+    design = "default",
+    itemClassNames,
+    triggerclassNames,
+    contentclassNames,
+    className,
+    ...props
+  }, ref) => /* @__PURE__ */ React6.createElement(AccordionPrimitive3.Root, { type: props.type, collapsible: true }, /* @__PURE__ */ React6.createElement(
+    "div",
+    {
+      className: cn("hawa-flex hawa-flex-col", {
+        "hawa-gap-4": design === "separated",
+        "hawa-gap-0": design === "default"
+      })
+    },
+    items.map((item, index) => /* @__PURE__ */ React6.createElement(
+      AccordionPrimitive3.Item,
+      {
+        disabled: item.disabled || false,
+        className: cn(itemClassNames, "hawa-rounded"),
+        key: index,
+        value: `item-${index}`
+      },
+      /* @__PURE__ */ React6.createElement(
+        AccordionTrigger,
+        {
+          disabled: item.disabled || false,
+          className: cn(
+            "hawa-transition-all",
+            design === "separated" ? "hawa-rounded data-[state=open]:hawa-rounded-b-none" : {
+              "hawa-rounded-t": index === 0,
+              "data-[state=closed]:hawa-rounded-b": index === items.length - 1
+            },
+            triggerclassNames
+          )
+        },
+        /* @__PURE__ */ React6.createElement(
+          "span",
+          {
+            className: cn(
+              "hawa-flex hawa-flex-row",
+              item.chip && "hawa-gap-2"
+            )
+          },
+          item.trigger,
+          " ",
+          item.chip && /* @__PURE__ */ React6.createElement(Chip, { ...item.chip })
+        )
+      ),
+      /* @__PURE__ */ React6.createElement(
+        AccordionContent,
+        {
+          "aria-disabled": item.disabled || false,
+          className: cn(
+            "hawa-border  hawa-transition-all",
+            design === "separated" ? "hawa-rounded data-[state=open]:hawa-rounded-t-none" : {
+              "data-[state=open]:hawa-rounded-b": index === items.length - 1
+            },
+            contentclassNames
+          )
+        },
+        item.content
+      )
+    ))
+  ))
+);
+Accordion.displayName = "Accordion";
+
+// components/elements/accordion/AccordionItem.tsx
+import * as React7 from "react";
+import * as AccordionPrimitive4 from "@radix-ui/react-accordion";
+var AccordionItem = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React7.createElement(AccordionPrimitive4.Item, { ref, className: cn(className), ...props }));
+AccordionItem.displayName = "AccordionItem";
+
+// components/elements/accordion/AccordionRoot.tsx
+import * as AccordionPrimitive5 from "@radix-ui/react-accordion";
+
+// components/elements/navigationMenu/NavigationMenu.tsx
+import * as React8 from "react";
+import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
+import { cva } from "class-variance-authority";
+var navigationMenuTriggerStyle = 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 = React8.forwardRef(({ className, children, viewportClassNames, ...props }, ref) => /* @__PURE__ */ React8.createElement(
+  NavigationMenuPrimitive.Root,
+  {
+    ref,
+    className: cn(
+      "hawa-relative hawa-z-10 hawa-flex  hawa-flex-1 hawa-items-center hawa-justify-center",
+      // "hawa-max-w-max",
+      className
+    ),
+    ...props
+  },
+  children,
+  /* @__PURE__ */ React8.createElement(NavigationMenuViewport, { className: viewportClassNames })
+));
+var NavigationMenuList = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React8.createElement(
+  NavigationMenuPrimitive.List,
+  {
+    ref,
+    className: cn(
+      "hawa-group hawa-flex hawa-flex-1 hawa-list-none hawa-items-center hawa-justify-center hawa-gap-1",
+      className
+    ),
+    ...props
+  }
+));
+var NavigationMenuTrigger = React8.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React8.createElement(
+  NavigationMenuPrimitive.Trigger,
+  {
+    ref,
+    className: cn(navigationMenuTriggerStyle(), "hawa-group", className),
+    ...props
+  },
+  children,
+  /* @__PURE__ */ React8.createElement(
+    "svg",
+    {
+      "aria-label": "Chevron Icon",
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      className: "hawa-icon hawa-relative hawa-top-[1px] hawa-transition hawa-duration-200 group-data-[state=open]:hawa-rotate-180"
+    },
+    /* @__PURE__ */ React8.createElement("path", { d: "m6 9 6 6 6-6" })
+  )
+));
+var NavigationMenuContent = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React8.createElement(
+  NavigationMenuPrimitive.Content,
+  {
+    ref,
+    className: cn(
+      "hawa-absolute  hawa-left-0 hawa-top-0 hawa-w-full hawa-rounded ",
+      // "md:hawa-absolute md:hawa-w-auto  hawa-left-0 hawa-top-0 ",
+      //   animation
+      "data-[motion^=from-]:hawa-animate-in data-[motion^=to-]:hawa-animate-out data-[motion^=from-]:hawa-fade-in data-[motion^=to-]:hawa-fade-out data-[motion=from-end]:hawa-slide-in-from-right-52 data-[motion=from-start]:hawa-slide-in-from-left-52 data-[motion=to-end]:hawa-slide-out-to-right-52 data-[motion=to-start]:hawa-slide-out-to-left-52",
+      className
+    ),
+    ...props
+  }
+));
+var NavigationMenuViewport = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React8.createElement(
+  "div",
+  {
+    className: cn(
+      "hawa-absolute hawa-top-full hawa-flex hawa-w-full hawa-justify-center"
+    )
+  },
+  /* @__PURE__ */ React8.createElement(
+    NavigationMenuPrimitive.Viewport,
+    {
+      className: cn(
+        "hawa-origin-top-center hawa-relative hawa-mt-1.5  hawa-w-full hawa-overflow-hidden hawa-rounded-md hawa-border hawa-bg-popover hawa-text-popover-foreground hawa-shadow-lg data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-zoom-out-95 data-[state=open]:hawa-zoom-in-90 ",
+        // hawa-h-[var(--radix-navigation-menu-viewport-height)]
+        // "md:hawa-w-[var(--radix-navigation-menu-viewport-width)]",
+        className
+      ),
+      style: {
+        height: "calc(var(--radix-navigation-menu-viewport-height) + 1px)"
+      },
+      ref,
+      ...props
+    }
+  )
+));
+var NavigationMenuIndicator = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React8.createElement(
+  NavigationMenuPrimitive.Indicator,
+  {
+    ref,
+    className: cn(
+      "hawa-top-full hawa-z-[1] hawa-flex hawa-h-1.5 hawa-items-end hawa-justify-center hawa-overflow-hidden data-[state=visible]:hawa-animate-in data-[state=hidden]:hawa-animate-out data-[state=hidden]:hawa-fade-out data-[state=visible]:hawa-fade-in",
+      className
+    ),
+    ...props
+  },
+  /* @__PURE__ */ React8.createElement("div", { className: "hawa-relative hawa-top-[60%] hawa-h-2 hawa-w-2 hawa-rotate-45 hawa-rounded-tl-sm hawa-bg-border hawa-shadow-md" })
+));
+NavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName;
+NavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName;
+NavigationMenuList.displayName = NavigationMenuPrimitive.List.displayName;
+NavigationMenuRoot.displayName = NavigationMenuPrimitive.Root.displayName;
+NavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayName;
+NavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;
+
+// components/elements/sheet/Sheet.tsx
+import * as React9 from "react";
+import * as SheetPrimitive from "@radix-ui/react-dialog";
+import { cva as cva2 } from "class-variance-authority";
+var SheetPortal = SheetPrimitive.Portal;
+var SheetOverlay = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React9.createElement(
+  SheetPrimitive.Overlay,
+  {
+    className: cn(
+      "hawa-fixed hawa-inset-0 hawa-z-50 hawa-bg-background/80 hawa-backdrop-blur-sm data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-fade-out-0 data-[state=open]:hawa-fade-in-0",
+      className
+    ),
+    ...props,
+    ref
+  }
+));
+var sheetVariants = cva2(
+  "hawa-fixed hawa-z-50 hawa-gap-4 hawa-bg-background hawa-p-2 hawa-shadow-lg hawa-transition hawa-ease-in-out data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-duration-300 data-[state=open]:hawa-duration-300",
+  {
+    variants: {
+      side: {
+        top: "hawa-inset-x-0 hawa-top-0 hawa-border-b data-[state=closed]:hawa-slide-out-to-top data-[state=open]:hawa-slide-in-from-top",
+        bottom: "hawa-inset-x-0 hawa-bottom-0 hawa-border-t data-[state=closed]:hawa-slide-out-to-bottom data-[state=open]:hawa-slide-in-from-bottom",
+        left: "hawa-inset-y-0 hawa-left-0 hawa-h-full hawa-w-3/4 hawa-border-r data-[state=closed]:hawa-slide-out-to-left data-[state=open]:hawa-slide-in-from-left sm:hawa-max-w-sm",
+        right: "hawa-inset-y-0 hawa-right-0 hawa-h-full hawa-w-3/4  hawa-border-l data-[state=closed]:hawa-slide-out-to-right data-[state=open]:hawa-slide-in-from-right sm:hawa-max-w-sm"
+      }
+    },
+    defaultVariants: {
+      side: "right"
+    }
+  }
+);
+var SheetContent = React9.forwardRef(
+  ({ side = "right", className, children, persist, hideCloseButton, ...props }, ref) => /* @__PURE__ */ React9.createElement(SheetPortal, null, /* @__PURE__ */ React9.createElement(SheetOverlay, null), /* @__PURE__ */ React9.createElement(
+    SheetPrimitive.Content,
+    {
+      ref,
+      className: cn(sheetVariants({ side }), className),
+      onPointerDownOutside: (e) => {
+        if (persist) {
+          e.preventDefault();
+        }
+      },
+      ...props
+    },
+    children,
+    !hideCloseButton && /* @__PURE__ */ React9.createElement(
+      SheetPrimitive.Close,
+      {
+        className: cn(
+          "hawa-absolute hawa-rounded-sm hawa-opacity-70 hawa-ring-offset-background hawa-transition-opacity hover:hawa-opacity-100 focus:hawa-outline-none focus:hawa-ring-2 focus:hawa-ring-ring focus:hawa-ring-offset-2 disabled:hawa-pointer-events-none data-[state=open]:hawa-bg-secondary",
+          {
+            "hawa-right-4 hawa-top-4": side === "left" || side === "bottom",
+            "hawa-left-4 hawa-top-4": side === "right",
+            "hawa-bottom-4 hawa-right-4": side === "top"
+          }
+        )
+      },
+      /* @__PURE__ */ React9.createElement(
+        "svg",
+        {
+          "aria-label": "Close Icon",
+          "aria-hidden": "true",
+          className: "hawa-h-5 hawa-w-5",
+          fill: "currentColor",
+          viewBox: "0 0 20 20"
+        },
+        /* @__PURE__ */ React9.createElement(
+          "path",
+          {
+            fillRule: "evenodd",
+            d: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",
+            clipRule: "evenodd"
+          }
+        )
+      ),
+      /* @__PURE__ */ React9.createElement("span", { className: "hawa-sr-only" }, "Close")
+    )
+  ))
+);
+var SheetHeader = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ React9.createElement(
+  "div",
+  {
+    className: cn(
+      "hawa-flex hawa-flex-col hawa-space-y-2 hawa-text-center sm:hawa-text-left",
+      className
+    ),
+    ...props
+  }
+);
+var SheetFooter = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ React9.createElement(
+  "div",
+  {
+    className: cn(
+      "hawa-flex hawa-flex-col-reverse sm:hawa-flex-row sm:hawa-justify-end sm:hawa-space-x-2",
+      className
+    ),
+    ...props
+  }
+);
+var SheetTitle = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React9.createElement(
+  SheetPrimitive.Title,
+  {
+    ref,
+    className: cn(
+      "hawa-text-lg hawa-font-semibold hawa-text-foreground",
+      className
+    ),
+    ...props
+  }
+));
+var SheetDescription = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React9.createElement(
+  SheetPrimitive.Description,
+  {
+    ref,
+    className: cn("hawa-text-sm hawa-text-muted-foreground", className),
+    ...props
+  }
+));
+SheetDescription.displayName = SheetPrimitive.Description.displayName;
+SheetOverlay.displayName = SheetPrimitive.Overlay.displayName;
+SheetContent.displayName = SheetPrimitive.Content.displayName;
+SheetHeader.displayName = "SheetHeader";
+SheetFooter.displayName = "SheetFooter";
+SheetTitle.displayName = SheetPrimitive.Title.displayName;
+
+// components/elements/dialog/Dialog.tsx
+import * as React10 from "react";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+var DialogPortal = ({ ...props }) => /* @__PURE__ */ React10.createElement(DialogPrimitive.Portal, { ...props });
+var DialogOverlay = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React10.createElement(
+  DialogPrimitive.Overlay,
+  {
+    ref,
+    className: cn(
+      "hawa-fixed hawa-inset-0 hawa-z-50 hawa-bg-background/80 hawa-backdrop-blur-sm data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-fade-out-0 data-[state=open]:hawa-fade-in-0",
+      className
+    ),
+    ...props
+  }
+));
+var DialogContent = React10.forwardRef(({ className, children, persist, hideCloseButton, ...props }, ref) => /* @__PURE__ */ React10.createElement(DialogPortal, null, /* @__PURE__ */ React10.createElement(DialogOverlay, null), /* @__PURE__ */ React10.createElement(
+  DialogPrimitive.Content,
+  {
+    onPointerDownOutside: (e) => {
+      if (persist) {
+        e.preventDefault();
+      }
+    },
+    ref,
+    className: cn(
+      "hawa-fixed hawa-left-[50%] hawa-top-[50%] hawa-z-50 hawa-grid hawa-w-full hawa-max-w-lg hawa-translate-x-[-50%] hawa-translate-y-[-50%] hawa-gap-4 hawa-border hawa-bg-background hawa-p-6 hawa-shadow-lg hawa-transition-all hawa-duration-200 data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-fade-out-0 data-[state=open]:hawa-fade-in-0 data-[state=closed]:hawa-zoom-out-95 data-[state=open]:hawa-zoom-in-95 data-[state=closed]:hawa-slide-out-to-left-1/2 data-[state=closed]:hawa-slide-out-to-top-[48%] data-[state=open]:hawa-slide-in-from-left-1/2 data-[state=open]:hawa-slide-in-from-top-[48%] sm:hawa-rounded md:hawa-w-full",
+      className
+    ),
+    ...props
+  },
+  children,
+  !hideCloseButton && /* @__PURE__ */ React10.createElement(
+    DialogPrimitive.Close,
+    {
+      className: cn(
+        "hawa-absolute hawa-top-4 hawa-rounded hawa-opacity-70 hawa-ring-offset-background hawa-transition-opacity hover:hawa-opacity-100 focus:hawa-outline-none focus:hawa-ring-2 focus:hawa-ring-ring focus:hawa-ring-offset-2 disabled:hawa-pointer-events-none data-[state=open]:hawa-bg-accent data-[state=open]:hawa-text-muted-foreground",
+        props.dir === "rtl" ? " hawa-left-4" : " hawa-right-4"
+      )
+    },
+    /* @__PURE__ */ React10.createElement(
+      "svg",
+      {
+        "aria-label": "Close Icon",
+        "aria-hidden": "true",
+        className: "hawa-h-5 hawa-w-5",
+        fill: "currentColor",
+        viewBox: "0 0 20 20"
+      },
+      /* @__PURE__ */ React10.createElement(
+        "path",
+        {
+          fillRule: "evenodd",
+          d: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",
+          clipRule: "evenodd"
+        }
+      )
+    ),
+    /* @__PURE__ */ React10.createElement("span", { className: "hawa-sr-only" }, "Close")
+  )
+)));
+var DialogCarouselContent = React10.forwardRef(
+  ({
+    className,
+    children,
+    onPrev,
+    persist,
+    hideCloseButton,
+    hidePrevButton,
+    ...props
+  }, ref) => /* @__PURE__ */ React10.createElement(DialogPortal, null, /* @__PURE__ */ React10.createElement(DialogOverlay, null), /* @__PURE__ */ React10.createElement(
+    DialogPrimitive.Content,
+    {
+      onPointerDownOutside: (e) => {
+        if (persist) {
+          e.preventDefault();
+        }
+      },
+      ref,
+      className: cn(
+        "hawa-fixed hawa-left-[50%] hawa-top-[50%] hawa-z-50 hawa-grid hawa-w-full hawa-max-w-lg hawa-translate-x-[-50%] hawa-translate-y-[-50%] hawa-gap-4 hawa-border hawa-bg-background hawa-p-6 hawa-pt-14 hawa-shadow-lg hawa-transition-all hawa-duration-200 data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-fade-out-0 data-[state=open]:hawa-fade-in-0 data-[state=closed]:hawa-zoom-out-95 data-[state=open]:hawa-zoom-in-95 data-[state=closed]:hawa-slide-out-to-left-1/2 data-[state=closed]:hawa-slide-out-to-top-[48%] data-[state=open]:hawa-slide-in-from-left-1/2 data-[state=open]:hawa-slide-in-from-top-[48%] sm:hawa-rounded md:hawa-w-full",
+        className
+      ),
+      ...props
+    },
+    children,
+    /* @__PURE__ */ React10.createElement(
+      "div",
+      {
+        className: cn(
+          "hawa-absolute hawa-top-0 hawa-flex hawa-w-full hawa-flex-row hawa-p-4",
+          onPrev ? "hawa-justify-between" : "hawa-justify-end"
+        )
+      },
+      hidePrevButton ? /* @__PURE__ */ React10.createElement("div", null) : /* @__PURE__ */ React10.createElement(
+        "div",
+        {
+          onClick: onPrev,
+          className: cn(
+            "hawa-end-0 hawa-cursor-pointer hawa-rounded hawa-opacity-70 hawa-ring-offset-background hawa-transition-opacity hover:hawa-opacity-100 focus:hawa-outline-none focus:hawa-ring-2 focus:hawa-ring-ring focus:hawa-ring-offset-2 disabled:hawa-pointer-events-none data-[state=open]:hawa-bg-accent data-[state=open]:hawa-text-muted-foreground",
+            props.dir === "rtl" && "hawa-rotate-180"
+          )
+        },
+        /* @__PURE__ */ React10.createElement(
+          "svg",
+          {
+            xmlns: "http://www.w3.org/2000/svg",
+            width: "24",
+            height: "24",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            className: "hawa-h-6 hawa-w-6",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          },
+          /* @__PURE__ */ React10.createElement("path", { d: "m15 18-6-6 6-6" })
+        )
+      ),
+      !hideCloseButton && /* @__PURE__ */ React10.createElement(
+        DialogPrimitive.Close,
+        {
+          className: cn(
+            "hawa-end-0 hawa-rounded hawa-opacity-70 hawa-ring-offset-background hawa-transition-opacity hover:hawa-opacity-100 focus:hawa-outline-none focus:hawa-ring-2 focus:hawa-ring-ring focus:hawa-ring-offset-2 disabled:hawa-pointer-events-none data-[state=open]:hawa-bg-accent data-[state=open]:hawa-text-muted-foreground ",
+            props.dir === "rtl" ? " hawa-left-4" : " hawa-right-4"
+          )
+        },
+        /* @__PURE__ */ React10.createElement(
+          "svg",
+          {
+            "aria-label": "Close Icon",
+            "aria-hidden": "true",
+            className: "hawa-h-6 hawa-w-6",
+            fill: "currentColor",
+            viewBox: "0 0 20 20"
+          },
+          /* @__PURE__ */ React10.createElement(
+            "path",
+            {
+              fillRule: "evenodd",
+              d: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",
+              clipRule: "evenodd"
+            }
+          )
+        ),
+        /* @__PURE__ */ React10.createElement("span", { className: "hawa-sr-only" }, "Close")
+      )
+    )
+  ))
+);
+var DialogHeader = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ React10.createElement(
+  "div",
+  {
+    className: cn(
+      "hawa-flex hawa-flex-col hawa-space-y-1.5 hawa-text-center sm:hawa-text-left",
+      className
+    ),
+    ...props
+  }
+);
+var DialogTitle = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React10.createElement(
+  DialogPrimitive.Title,
+  {
+    ref,
+    className: cn(
+      "hawa-text-start hawa-text-lg hawa-font-semibold hawa-leading-none hawa-tracking-tight",
+      className
+    ),
+    ...props
+  }
+));
+var DialogDescription = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React10.createElement(
+  DialogPrimitive.Description,
+  {
+    ref,
+    className: cn(
+      "hawa-text-start hawa-text-sm hawa-text-muted-foreground",
+      className
+    ),
+    ...props
+  }
+));
+var DialogFooter = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ React10.createElement(
+  "div",
+  {
+    className: cn(
+      "hawa-flex hawa-flex-col-reverse sm:hawa-flex-row sm:hawa-justify-end sm:hawa-gap-2",
+      className
+    ),
+    ...props
+  }
+);
+var DialogCarousel = ({
+  stepsApi,
+  stepsRef,
+  children,
+  direction
+}) => {
+  React10.useEffect(() => {
+    if (stepsApi) {
+      stepsApi.reInit();
+    }
+  }, [stepsApi, children]);
+  return /* @__PURE__ */ React10.createElement("div", { className: "hawa-overflow-hidden" }, /* @__PURE__ */ React10.createElement("div", { ref: stepsRef, dir: direction }, /* @__PURE__ */ React10.createElement(
+    "div",
+    {
+      className: "hawa-flex",
+      style: {
+        transition: "height 0.2s"
+      }
+    },
+    React10.Children.map(children, (child, index) => /* @__PURE__ */ React10.createElement(
+      "div",
+      {
+        className: cn(
+          "hawa-flex hawa-h-fit hawa-flex-[0_0_100%] hawa-items-center hawa-justify-center"
+        ),
+        key: index
+      },
+      child
+    ))
+  )));
+};
+var DialogSteps = ({
+  currentStep,
+  visibleStepRef,
+  children
+}) => {
+  const [dialogHeight, setDialogHeight] = React10.useState(null);
+  React10.useEffect(() => {
+    if (visibleStepRef.current) {
+      setDialogHeight(visibleStepRef.current.offsetHeight);
+      console.log("height is ", visibleStepRef.current.offsetHeight);
+    }
+  }, [currentStep, visibleStepRef]);
+  return /* @__PURE__ */ React10.createElement(
+    "div",
+    {
+      className: "hawa-relative hawa-overflow-clip",
+      style: {
+        height: dialogHeight || "fit-content",
+        transition: "height 0.2s"
+      }
+    },
+    React10.Children.map(children, (child, index) => /* @__PURE__ */ React10.createElement(
+      "div",
+      {
+        ref: currentStep === `step-${index + 1}` ? visibleStepRef : null,
+        className: cn(
+          currentStep === `step-${index + 1}` ? "hawa-visible hawa-block" : "hawa-invisible hawa-hidden"
+        )
+      },
+      child
+    ))
+  );
+};
+var DialogStep = ({
+  id,
+  children,
+  className,
+  stepRef
+}) => {
+  return /* @__PURE__ */ React10.createElement(
+    "div",
+    {
+      id,
+      ref: stepRef,
+      className: cn("hawa-w-full  hawa-px-1", className)
+    },
+    children
+  );
+};
+var DialogBody = ({ children, className }) => {
+  return /* @__PURE__ */ React10.createElement("div", { className: cn("hawa-py-6", className) }, children);
+};
+DialogBody.displayName = "DialogBody";
+DialogStep.displayName = "DialogStep";
+DialogSteps.displayName = "DialogSteps";
+DialogCarousel.displayName = "DialogCarousel";
+DialogCarouselContent.displayName = "DialogCarouselContent";
+DialogHeader.displayName = "DialogHeader";
+DialogFooter.displayName = "DialogFooter";
+DialogTitle.displayName = DialogPrimitive.Title.displayName;
+DialogPortal.displayName = DialogPrimitive.Portal.displayName;
+DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
+DialogContent.displayName = DialogPrimitive.Content.displayName;
+DialogDescription.displayName = DialogPrimitive.Description.displayName;
+
+// components/elements/avatar/Avatar.tsx
+import React12 from "react";
+
+// components/elements/FileUploader.tsx
+import React11, { useRef as useRef2 } from "react";
+
+// components/elements/dataTable/DataTable.tsx
+import * as React14 from "react";
+import {
+  flexRender,
+  getCoreRowModel,
+  getFilteredRowModel,
+  getPaginationRowModel,
+  getExpandedRowModel,
+  getSortedRowModel,
+  useReactTable
+} from "@tanstack/react-table";
+
+// components/elements/table/Table.tsx
+import * as React13 from "react";
+var Table = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React13.createElement("div", { className: "hawa-relative hawa-w-full  hawa-overflow-auto hawa-rounded hawa-border" }, /* @__PURE__ */ React13.createElement(
+  "table",
+  {
+    ref,
+    className: cn("hawa-w-full hawa-caption-bottom hawa-text-sm", className),
+    ...props
+  }
+)));
+Table.displayName = "Table";
+var TableHeader = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React13.createElement(
+  "thead",
+  {
+    ref,
+    className: cn("[&_tr]:hawa-border-b", "hawa-bg-muted/50", className),
+    ...props
+  }
+));
+TableHeader.displayName = "TableHeader";
+var TableHead = React13.forwardRef(
+  ({ className, condensed, clickable, dir, ...props }, ref) => /* @__PURE__ */ React13.createElement(
+    "th",
+    {
+      ref,
+      className: cn(
+        "hawa-bg-muted/60 hawa-text-start hawa-align-middle hawa-font-medium hawa-text-muted-foreground dark:hawa-bg-muted/40 [&:has([role=checkbox])]:hawa-pr-0 [&:not(:last-child)&:not(:first-child)]:hawa-border-x",
+        dir === "rtl" ? "[&:not(:last-child)]:hawa-border-l" : "[&:not(:last-child)]:hawa-border-r",
+        condensed ? "hawa-h-8" : "hawa-h-12",
+        clickable ? "hawa-px-1" : "hawa-px-4",
+        //First and last columns
+        clickable ? " [&:not(:last-child)&:not(:first-child)]:hawa-p-1" : "hawa-px-4",
+        //Columns in between
+        className
+      ),
+      ...props
+    }
+  )
+);
+TableHead.displayName = "TableHead";
+var TableBody = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React13.createElement("tbody", { ref, className: cn("hawa-border-none", className), ...props }));
+TableBody.displayName = "TableBody";
+var TableFooter = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React13.createElement(
+  "tfoot",
+  {
+    ref,
+    className: cn(
+      "hawa-bg-primary hawa-font-medium hawa-text-primary-foreground",
+      className
+    ),
+    ...props
+  }
+));
+TableFooter.displayName = "TableFooter";
+var TableRow = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React13.createElement(
+  "tr",
+  {
+    ref,
+    className: cn(
+      "hawa-bg-background hawa-transition-colors data-[state=selected]:hawa-bg-muted",
+      "[&:not(:last-child)&:not(:first-child)]:hawa-border-y",
+      "[&:not(:last-child)]:hawa-border-b",
+      className
+    ),
+    ...props
+  }
+));
+TableRow.displayName = "TableRow";
+var TableCell = React13.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__ */ React13.createElement(
+      "td",
+      {
+        ref,
+        className: cn(
+          paddingStyles[padding],
+          // "border-x",
+          // enablePadding ? "hawa-p-4" : "hawa-p-0",
+          // props.disablePadding ? "hawa-p-0" : "hawa-p-4",
+          // props.condensed ? "hawa-p-0 hawa-px-4" : "hawa-p-4",
+          "hawa-align-middle [&:has([role=checkbox])]:hawa-pr-0 ",
+          "[&:not(:last-child)&:not(:first-child)]:hawa-border-x",
+          // "[&:not(:last-child)]:hawa-border-r",
+          props.dir === "rtl" ? "[&:not(:last-child)]:hawa-border-l" : "[&:not(:last-child)]:hawa-border-r",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+TableCell.displayName = "TableCell";
+var TableCaption = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React13.createElement(
+  "caption",
+  {
+    ref,
+    className: cn(
+      "hawa-mt-4 hawa-text-sm hawa-text-muted-foreground",
+      className
+    ),
+    ...props
+  }
+));
+TableCaption.displayName = "TableCaption";
+
+// components/elements/backToTop/BackToTop.tsx
+import React15, { useState as useState5, useEffect as useEffect3, useRef as useRef3 } from "react";
+
+// components/elements/combobox/Combobox.tsx
+import * as React17 from "react";
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+
+// components/elements/command/Command.tsx
+import * as React16 from "react";
+import { Command as CommandPrimitive } from "cmdk";
+var Command = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React16.createElement(
+  CommandPrimitive,
+  {
+    ref,
+    className: cn(
+      "hawa-flex hawa-h-full hawa-w-full hawa-flex-col hawa-overflow-hidden hawa-rounded-md hawa-bg-popover hawa-text-popover-foreground",
+      className
+    ),
+    ...props
+  }
+));
+Command.displayName = CommandPrimitive.displayName;
+var CommandInput = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React16.createElement(
+  "div",
+  {
+    className: "hawa-flex hawa-items-center hawa-border-b hawa-px-3",
+    "cmdk-input-wrapper": ""
+  },
+  /* @__PURE__ */ React16.createElement(
+    "svg",
+    {
+      "aria-label": "Search Icon",
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className: "hawa-icon hawa-mr-2 hawa-shrink-0 hawa-opacity-50"
+    },
+    /* @__PURE__ */ React16.createElement("circle", { cx: "11", cy: "11", r: "8" }),
+    /* @__PURE__ */ React16.createElement("path", { d: "m21 21-4.3-4.3" })
+  ),
+  /* @__PURE__ */ React16.createElement(
+    CommandPrimitive.Input,
+    {
+      ref,
+      className: cn(
+        "hawa-flex hawa-h-11 hawa-w-full hawa-rounded-md hawa-bg-transparent hawa-py-3 hawa-text-sm hawa-outline-none placeholder:hawa-text-muted-foreground disabled:hawa-cursor-not-allowed disabled:hawa-opacity-50",
+        className
+      ),
+      ...props
+    }
+  )
+));
+CommandInput.displayName = CommandPrimitive.Input.displayName;
+var CommandList = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React16.createElement(
+  CommandPrimitive.List,
+  {
+    ref,
+    className: cn(
+      "hawa-max-h-[300px] hawa-overflow-y-auto hawa-overflow-x-hidden",
+      className
+    ),
+    ...props
+  }
+));
+CommandList.displayName = CommandPrimitive.List.displayName;
+var CommandEmpty = React16.forwardRef((props, ref) => /* @__PURE__ */ React16.createElement(
+  CommandPrimitive.Empty,
+  {
+    ref,
+    className: "hawa-py-6 hawa-text-center hawa-text-sm",
+    ...props
+  }
+));
+CommandEmpty.displayName = CommandPrimitive.Empty.displayName;
+var CommandGroup = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React16.createElement(
+  CommandPrimitive.Group,
+  {
+    ref,
+    className: cn(
+      "hawa-overflow-hidden hawa-p-1 hawa-text-foreground [&_[cmdk-group-heading]]:hawa-px-2 [&_[cmdk-group-heading]]:hawa-py-1.5 [&_[cmdk-group-heading]]:hawa-text-xs [&_[cmdk-group-heading]]:hawa-font-medium [&_[cmdk-group-heading]]:hawa-text-muted-foreground",
+      className
+    ),
+    ...props
+  }
+));
+CommandGroup.displayName = CommandPrimitive.Group.displayName;
+var CommandSeparator = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React16.createElement(
+  CommandPrimitive.Separator,
+  {
+    ref,
+    className: cn("hawa--mx-1 hawa-h-px hawa-bg-border", className),
+    ...props
+  }
+));
+CommandSeparator.displayName = CommandPrimitive.Separator.displayName;
+var CommandItem = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React16.createElement(
+  CommandPrimitive.Item,
+  {
+    ref,
+    className: cn(
+      "hawa-relative hawa-flex hawa-cursor-default hawa-select-none hawa-items-center hawa-rounded-sm hawa-px-2 hawa-py-1.5 hawa-text-sm hawa-outline-none aria-selected:hawa-bg-accent aria-selected:hawa-text-accent-foreground data-[disabled]:hawa-pointer-events-none data-[disabled]:hawa-opacity-50",
+      className
+    ),
+    ...props
+  }
+));
+CommandItem.displayName = CommandPrimitive.Item.displayName;
+var CommandShortcut = ({
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ React16.createElement(
+    "span",
+    {
+      className: cn(
+        "hawa-ml-auto hawa-text-xs hawa-tracking-widest hawa-text-muted-foreground",
+        className
+      ),
+      ...props
+    }
+  );
+};
+CommandShortcut.displayName = "CommandShortcut";
+
+// components/elements/combobox/Combobox.tsx
+var Combobox = React17.forwardRef(
+  ({
+    labelKey = "label",
+    valueKey = "value",
+    defaultValue = "",
+    popoverClassName,
+    labelProps,
+    data,
+    ...props
+  }, ref) => {
+    var _a, _b, _c;
+    const [open, setOpen] = React17.useState(false);
+    const [value, setValue] = React17.useState(defaultValue);
+    function getProperty(obj, key) {
+      return obj[key];
+    }
+    const handleOpenChange = (open2) => {
+      if (!(props.isLoading || props.preview)) {
+        setOpen(open2);
+      }
+    };
+    return /* @__PURE__ */ React17.createElement(
+      "div",
+      {
+        className: cn(
+          "hawa-relative hawa-flex hawa-h-fit hawa-flex-col hawa-gap-2",
+          props.width === "fit" ? "hawa-w-fit" : "hawa-w-full"
+        )
+      },
+      props.label && /* @__PURE__ */ React17.createElement(Label, { ...labelProps }, props.label),
+      /* @__PURE__ */ React17.createElement(PopoverPrimitive.Root, { open, onOpenChange: handleOpenChange }, /* @__PURE__ */ React17.createElement(PopoverTrigger, { asChild: true }, props.isLoading ? /* @__PURE__ */ React17.createElement("div", { className: "hawa-pb-2" }, /* @__PURE__ */ React17.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" })) : /* @__PURE__ */ React17.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-start hawa-gap-2 " }, /* @__PURE__ */ React17.createElement(
+        "div",
+        {
+          className: cn(
+            "hawa-absolute hawa-top-[22px] hawa-h-[0.8px] hawa-w-full hawa-bg-gray-200 hawa-transition-all dark:hawa-bg-gray-800",
+            props.preview ? "hawa-opacity-100" : "hawa-opacity-0"
+          )
+        }
+      ), /* @__PURE__ */ React17.createElement(
+        "button",
+        {
+          role: "combobox",
+          "aria-expanded": open,
+          className: cn(
+            "hawa-inline-flex hawa-h-10 hawa-w-full hawa-select-none hawa-items-center hawa-justify-between hawa-rounded-md hawa-border hawa-py-2 hawa-text-sm hawa-font-normal hawa-text-primary hawa-ring-offset-background  hawa-transition-all  focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-2 disabled:hawa-pointer-events-none disabled:hawa-opacity-50",
+            props.preview ? "hawa-cursor-default hawa-rounded-none hawa-border-transparent hawa-px-0" : "hawa-bg-background hawa-px-3 "
+          )
+        },
+        value ? getProperty(
+          data.find((item) => item[valueKey] === value) || {},
+          labelKey
+        ) : ((_a = props.texts) == null ? void 0 : _a.placeholder) || "...",
+        /* @__PURE__ */ React17.createElement(
+          "svg",
+          {
+            xmlns: "http://www.w3.org/2000/svg",
+            className: cn(
+              "hawa-icon hawa-transition-all",
+              !props.preview ? "hawa-visible hawa-opacity-100" : "hawa-invisible hawa-opacity-0"
+            ),
+            "aria-label": "Chevron down icon",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          },
+          /* @__PURE__ */ React17.createElement("path", { d: "m6 9 6 6 6-6" })
+        )
+      ), /* @__PURE__ */ React17.createElement(
+        "p",
+        {
+          className: cn(
+            "hawa-my-0 hawa-text-start hawa-text-xs hawa-text-helper-color hawa-transition-all",
+            props.helperText ? "hawa-h-4 hawa-opacity-100" : "hawa-h-0 hawa-opacity-0"
+          )
+        },
+        props.helperText
+      ))), /* @__PURE__ */ React17.createElement(
+        PopoverContent,
+        {
+          className: cn("popover-w-parent", props.helperText && "-hawa-mt-4")
+        },
+        /* @__PURE__ */ React17.createElement(Command, null, !props.hideInput && /* @__PURE__ */ React17.createElement(
+          CommandInput,
+          {
+            placeholder: ((_b = props.texts) == null ? void 0 : _b.searchPlaceholder) || "Search"
+          }
+        ), /* @__PURE__ */ React17.createElement(CommandEmpty, null, ((_c = props.texts) == null ? void 0 : _c.noItems) || "No items found."), /* @__PURE__ */ React17.createElement(CommandGroup, { className: "hawa-max-h-[200px] hawa-overflow-y-auto" }, data.map((item, i) => /* @__PURE__ */ React17.createElement(
+          CommandItem,
+          {
+            key: i,
+            onSelect: () => {
+              const newValue = getProperty(item, valueKey);
+              setValue(newValue === value ? "" : newValue);
+              if (props.onChange) {
+                props.onChange(
+                  newValue === value ? "" : newValue
+                );
+              }
+              setOpen(false);
+            }
+          },
+          /* @__PURE__ */ React17.createElement(
+            "svg",
+            {
+              "aria-label": "Check Icon",
+              xmlns: "http://www.w3.org/2000/svg",
+              width: "24",
+              height: "24",
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              className: cn(
+                "hawa-icon hawa-mr-2",
+                value === getProperty(item, valueKey) ? "hawa-opacity-100" : "hawa-opacity-0"
+              )
+            },
+            /* @__PURE__ */ React17.createElement("polyline", { points: "20 6 9 17 4 12" })
+          ),
+          getProperty(item, labelKey)
+        ))))
+      ))
+    );
+  }
+);
+
+// components/elements/fileDropzone/FileDropzone.tsx
+import React18, { useEffect as useEffect4, useState as useState7 } from "react";
+import { useDropzone } from "react-dropzone";
+import clsx from "clsx";
+
+// components/elements/sortButton/SortButton.tsx
+import React19 from "react";
+
+// components/elements/switch/Switch.tsx
+import * as React20 from "react";
+import * as SwitchPrimitives from "@radix-ui/react-switch";
+var Switch = React20.forwardRef(
+  ({ className, size = "default", roundedness = "inherit", label, ...props }, ref) => {
+    const [parentDirection, setParentDirection] = React20.useState(
+      null
+    );
+    const parentRef = React20.useRef(null);
+    React20.useEffect(() => {
+      var _a;
+      const parentNode = (_a = parentRef.current) == null ? void 0 : _a.parentNode;
+      if (parentNode) {
+        const dir = window.getComputedStyle(parentNode).direction;
+        setParentDirection(dir);
+      }
+    });
+    const rootSize = {
+      default: "hawa-h-[25px] hawa-w-[42px]",
+      sm: "hawa-h-[20px] hawa-w-[37px]",
+      lg: "hawa-h-[30px] hawa-w-[47px]"
+    };
+    const thumbSize = {
+      default: "hawa-h-[21px] hawa-w-[21px]",
+      sm: "hawa-h-[16px] hawa-w-[16px]",
+      lg: "hawa-h-[26px] hawa-w-[26px]"
+    };
+    const rootRoundednessStyles = {
+      none: "hawa-rounded-none",
+      full: "hawa-rounded-full",
+      inherit: "hawa-rounded"
+    };
+    const thumbRoundednessStyles = {
+      none: "hawa-rounded-none",
+      full: "hawa-rounded-full",
+      inherit: "hawa-rounded-inner"
+    };
+    return /* @__PURE__ */ React20.createElement(
+      "div",
+      {
+        className: "hawa-flex hawa-flex-row hawa-items-center",
+        ref: parentRef
+      },
+      /* @__PURE__ */ React20.createElement(
+        SwitchPrimitives.Root,
+        {
+          className: cn(
+            "data-[state=unchecked]:hawa-bg-primary/20",
+            "data-[state=checked]:hawa-bg-primary",
+            "hawa-relative hawa-cursor-pointer hawa-rounded hawa-outline-none",
+            rootRoundednessStyles[roundedness],
+            className,
+            rootSize[size]
+          ),
+          ...props,
+          ref
+        },
+        /* @__PURE__ */ React20.createElement(
+          SwitchPrimitives.Thumb,
+          {
+            className: cn(
+              thumbSize[size],
+              "hawa-block hawa-rounded  hawa-transition-transform  hawa-duration-100 hawa-will-change-transform",
+              "data-[state=checked]:hawa-bg-primary-foreground",
+              "hawa-bg-white dark:hawa-bg-background",
+              thumbRoundednessStyles[roundedness],
+              parentDirection === "rtl" ? "hawa--translate-x-0.5 data-[state=checked]:hawa--translate-x-[19px]" : "hawa-translate-x-0.5 data-[state=checked]:hawa-translate-x-[19px]"
+            )
+          }
+        )
+      ),
+      label && /* @__PURE__ */ React20.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/progress/Progress.tsx
+import * as React21 from "react";
+import * as ProgressPrimitive from "@radix-ui/react-progress";
+var Progress = React21.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ React21.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__ */ React21.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/breadcrumb/Breadcrumb.tsx
+import React22 from "react";
+
+// components/elements/appStores/AppStores.tsx
+import React23 from "react";
+
+// components/elements/badge/Badge.tsx
+import React24, { useEffect as useEffect6, useState as useState9, useRef as useRef5 } from "react";
+
+// components/elements/ProgressCircle.tsx
+import React25 from "react";
+var size2config = {
+  xs: {
+    radius: 15,
+    strokeWidth: 3
+  },
+  sm: {
+    radius: 19,
+    strokeWidth: 4
+  },
+  md: {
+    radius: 32,
+    strokeWidth: 6
+  },
+  lg: {
+    radius: 52,
+    strokeWidth: 8
+  },
+  xl: {
+    radius: 80,
+    strokeWidth: 10
+  }
+};
+function getLimitedValue(input) {
+  if (input === void 0) {
+    return 0;
+  } else if (input > 100) {
+    return 100;
+  } else {
+    return input;
+  }
+}
+var ProgressCircle = React25.forwardRef((props, ref) => {
+  const {
+    value: inputValue,
+    size = "md",
+    className,
+    showAnimation = true,
+    color,
+    tooltip,
+    radius: inputRadius,
+    strokeWidth: inputStrokeWidth,
+    children,
+    ...other
+  } = props;
+  const value = getLimitedValue(inputValue);
+  const radius = inputRadius != null ? inputRadius : size2config[size].radius;
+  const strokeWidth = inputStrokeWidth != null ? inputStrokeWidth : size2config[size].strokeWidth;
+  const normalizedRadius = radius - strokeWidth / 2;
+  const circumference = normalizedRadius * 2 * Math.PI;
+  const strokeDashoffset = value / 100 * circumference;
+  const offset = circumference - strokeDashoffset;
+  return /* @__PURE__ */ React25.createElement(React25.Fragment, null, /* @__PURE__ */ React25.createElement(
+    "div",
+    {
+      ref,
+      className: cn(
+        "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center",
+        className
+      )
+    },
+    /* @__PURE__ */ React25.createElement(
+      "svg",
+      {
+        width: radius * 2,
+        height: radius * 2,
+        viewBox: `0 0 ${radius * 2} ${radius * 2}`,
+        className: "hawa-rotate-180 hawa-transform"
+      },
+      /* @__PURE__ */ React25.createElement(
+        "circle",
+        {
+          r: normalizedRadius,
+          cx: radius,
+          cy: radius,
+          strokeWidth,
+          fill: "transparent",
+          stroke: "",
+          strokeLinecap: "round",
+          className: cn(
+            "hawa-transition-colors hawa-ease-linear",
+            " hawa-stroke-primary/20"
+          )
+        }
+      ),
+      value > 0 ? /* @__PURE__ */ React25.createElement(
+        "circle",
+        {
+          r: normalizedRadius,
+          cx: radius,
+          cy: radius,
+          strokeWidth,
+          strokeDasharray: circumference + " " + circumference,
+          strokeDashoffset: offset,
+          fill: "transparent",
+          stroke: "",
+          strokeLinecap: "round",
+          className: cn(
+            "hawa-transition-colors hawa-ease-linear",
+            "hawa-stroke-primary",
+            showAnimation ? "hawa-transition-all hawa-duration-300 hawa-ease-in-out" : ""
+          )
+        }
+      ) : null
+    ),
+    /* @__PURE__ */ React25.createElement("div", { className: cn("hawa-absolute hawa-flex") }, children)
+  ));
+});
+ProgressCircle.displayName = "ProgressCircle";
+
+// components/elements/Pagination.tsx
+import React26 from "react";
+import { Pagination as PaginationPrimitive } from "react-headless-pagination";
+
+// components/elements/PasswordInput.tsx
+import React27, { useEffect as useEffect7, useState as useState10 } from "react";
+
+// components/elements/Slider.tsx
+import * as React28 from "react";
+import * as SliderPrimitive from "@radix-ui/react-slider";
+var Slider = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React28.createElement(
+  SliderPrimitive.Root,
+  {
+    ref,
+    className: cn(
+      "hawa-relative hawa-flex hawa-w-full hawa-touch-none hawa-select-none hawa-items-center",
+      className
+    ),
+    ...props
+  },
+  /* @__PURE__ */ React28.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__ */ React28.createElement(SliderPrimitive.Range, { className: "hawa-absolute hawa-h-full hawa-bg-primary" })),
+  /* @__PURE__ */ React28.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
+import * as React29 from "react";
+import {
+  flexRender as flexRender2,
+  getCoreRowModel as getCoreRowModel2,
+  useReactTable as useReactTable2
+} from "@tanstack/react-table";
+
+// components/elements/Separator.tsx
+import * as React30 from "react";
+var Separator2 = ({
+  className,
+  orientation = "horizontal",
+  ...props
+}) => /* @__PURE__ */ React30.createElement(
+  "div",
+  {
+    className: cn(
+      "hawa-shrink-0 hawa-bg-border",
+      orientation === "horizontal" ? "hawa-h-[1px] hawa-w-full" : "hawa-h-full hawa-w-[1px]",
+      className
+    ),
+    ...props
+  }
+);
+
+// components/elements/ScrollIndicator.tsx
+import React31, { useState as useState11, useEffect as useEffect8 } from "react";
+
+// components/elements/ColorPicker.tsx
+import React32, {
+  useState as useState12,
+  useEffect as useEffect9
+} from "react";
+
+// components/elements/CodeBlock.tsx
+import React33, { useState as useState14 } from "react";
+import { Highlight, themes } from "prism-react-renderer";
+
+// components/hooks/useClipboard.ts
+import { useState as useState13 } from "react";
+
+// components/elements/Carousel.tsx
+import React34, { useEffect as useEffect11, useState as useState15 } from "react";
+import useEmblaCarousel from "embla-carousel-react";
+
+// components/elements/Count.tsx
+import React35 from "react";
+
+// components/elements/Toast.tsx
+import * as React36 from "react";
+import * as ToastPrimitives from "@radix-ui/react-toast";
+import { cva as cva3 } from "class-variance-authority";
+var toastVariants = cva3(
+  "hawa-group hawa-z-[900] hawa-pointer-events-auto hawa-relative hawa-flex hawa-w-full hawa-items-center hawa-justify-between hawa-space-x-4 hawa-overflow-hidden hawa-rounded-md hawa-border  hawa-shadow-lg hawa-transition-all data-[swipe=cancel]:hawa-translate-x-0 data-[swipe=end]:hawa-translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:hawa-translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:hawa-transition-none data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out data-[swipe=end]:hawa-animate-out data-[state=closed]:hawa-fade-out-80  data-[state=open]:hawa-slide-in-from-top-full data-[state=open]:sm:hawa-slide-in-from-bottom-full",
+  {
+    variants: {
+      variant: {
+        default: "hawa-border hawa-bg-background hawa-text-foreground",
+        destructive: "hawa-destructive hawa-group hawa-border-destructive hawa-bg-destructive hawa-text-destructive-foreground"
+      },
+      severity: {
+        info: "hawa-info hawa-group hawa-text-info-foreground hawa-bg-info",
+        warning: "hawa-warning hawa-group hawa-text-warning-foreground hawa-bg-warning",
+        error: "hawa-error hawa-group hawa-border-error hawa-bg-error hawa-text-white",
+        success: "hawa-success hawa-group hawa-text-success-foreground hawa-bg-success",
+        none: ""
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+var ToastViewport = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React36.createElement(
+  ToastPrimitives.Viewport,
+  {
+    ref,
+    className: cn(
+      "hawa-fixed hawa-top-0 hawa-z-[100] hawa-flex hawa-max-h-screen hawa-w-full hawa-flex-col-reverse hawa-p-4 sm:hawa-bottom-0 sm:hawa-right-0 sm:hawa-top-auto sm:hawa-flex-col md:hawa-max-w-[420px]",
+      className
+    ),
+    ...props
+  }
+));
+ToastViewport.displayName = ToastPrimitives.Viewport.displayName;
+var Toast = React36.forwardRef(({ className, variant, severity = "none", direction, ...props }, ref) => {
+  return /* @__PURE__ */ React36.createElement(
+    ToastPrimitives.Root,
+    {
+      ref,
+      className: cn(
+        toastVariants({ variant, severity }),
+        className,
+        direction === "rtl" ? "hawa-p-6 hawa-pl-0 hawa-pr-10 data-[state=closed]:hawa-slide-out-to-left-full" : "hawa-p-6 hawa-pr-8 data-[state=closed]:hawa-slide-out-to-right-full"
+      ),
+      dir: direction,
+      ...props
+    }
+  );
+});
+Toast.displayName = ToastPrimitives.Root.displayName;
+var ToastAction = React36.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ React36.createElement(
+    ToastPrimitives.Action,
+    {
+      ref,
+      className: cn(
+        "hawa-inline-flex hawa-h-8 hawa-shrink-0 hawa-items-center hawa-justify-center hawa-rounded-md hawa-border hawa-bg-transparent hawa-px-3 hawa-text-sm hawa-font-medium hawa-ring-offset-background hawa-transition-colors hover:hawa-bg-secondary hover:hawa-text-secondary-foreground focus:hawa-outline-none focus:hawa-ring-2 focus:hawa-ring-ring focus:hawa-ring-offset-2 disabled:hawa-pointer-events-none disabled:hawa-opacity-50",
+        "group-[.info]:hawa-border-muted/40 group-[.info]:hover:hawa-border-info/30 group-[.info]:hover:hawa-bg-info group-[.info]:hover:hawa-text-info-foreground group-[.info]:focus:hawa-ring-info",
+        "group-[.error]:hawa-border-muted/40 group-[.error]:hover:hawa-border-error/30 group-[.error]:hover:hawa-bg-error group-[.error]:hover:hawa-text-error-foreground group-[.error]:focus:hawa-ring-error",
+        "group-[.success]:hawa-border-muted/40 group-[.success]:hover:hawa-border-success/30 group-[.success]:hover:hawa-bg-success group-[.success]:hover:hawa-text-success-foreground group-[.success]:focus:hawa-ring-success",
+        "group-[.warning]:hawa-border-muted/40 group-[.warning]:hover:hawa-border-warning/30 group-[.warning]:hover:hawa-bg-warning group-[.warning]:hover:hawa-text-warning-foreground group-[.warning]:focus:hawa-ring-warning",
+        className
+      ),
+      ...props
+    }
+  );
+});
+ToastAction.displayName = ToastPrimitives.Action.displayName;
+var ToastClose = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React36.createElement(
+  ToastPrimitives.Close,
+  {
+    ref,
+    className: cn(
+      "hawa-absolute hawa-right-2 hawa-top-2 hawa-rounded-md hawa-p-1 hawa-text-foreground/50 hawa-opacity-0 hawa-transition-opacity hover:hawa-text-foreground focus:hawa-opacity-100 focus:hawa-outline-none focus:hawa-ring-2 group-hover:hawa-opacity-100 group-[.destructive]:hawa-text-red-300 group-[.destructive]:hover:hawa-text-red-50 group-[.destructive]:focus:hawa-ring-red-400 group-[.destructive]:focus:hawa-ring-offset-red-600",
+      className
+    ),
+    "toast-close": "",
+    ...props
+  },
+  /* @__PURE__ */ React36.createElement(
+    "svg",
+    {
+      "aria-label": "Close Icon",
+      "aria-hidden": "true",
+      className: "hawa-icon",
+      fill: "currentColor",
+      viewBox: "0 0 20 20"
+    },
+    /* @__PURE__ */ React36.createElement(
+      "path",
+      {
+        fillRule: "evenodd",
+        d: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",
+        clipRule: "evenodd"
+      }
+    )
+  )
+));
+ToastClose.displayName = ToastPrimitives.Close.displayName;
+var ToastTitle = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React36.createElement(
+  ToastPrimitives.Title,
+  {
+    ref,
+    className: cn(
+      "hawa-select-text hawa-text-sm hawa-font-semibold",
+      className
+    ),
+    ...props
+  }
+));
+ToastTitle.displayName = ToastPrimitives.Title.displayName;
+var ToastDescription = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React36.createElement(
+  ToastPrimitives.Description,
+  {
+    ref,
+    className: cn("hawa-select-text hawa-text-sm hawa-opacity-90", className),
+    ...props
+  }
+));
+ToastDescription.displayName = ToastPrimitives.Description.displayName;
+
+// components/elements/Toaster.tsx
+import React38 from "react";
+
+// components/hooks/useToast.ts
+import * as React37 from "react";
+
+// components/elements/DestroyableCard.tsx
+import React39, { useRef as useRef6, useState as useState17 } from "react";
+
+// components/elements/InterfaceSettings.tsx
+import React40, { useState as useState18 } from "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__ */ React41.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__ */ React41.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__ */ React41.createElement("div", { className: "hawa-flex hawa-h-full hawa-flex-col hawa-gap-4" }, /* @__PURE__ */ React41.createElement("div", { className: "hawa-text-md hawa-relative hawa-flex hawa-flex-col hawa-justify-between hawa-font-bold hawa-text-primary/70" }, /* @__PURE__ */ React41.createElement("span", null, (_b = props.texts) == null ? void 0 : _b.title), /* @__PURE__ */ React41.createElement("h5", { className: "hawa-text-sm  hawa-font-normal hawa-text-primary/70" }, (_c = props.texts) == null ? void 0 : _c.subtitle), props.discount && /* @__PURE__ */ React41.createElement("span", { className: "hawa-absolute hawa-end-0" }, /* @__PURE__ */ React41.createElement(Chip, { label: props.discount, size: "large", color: "hyper" }))), /* @__PURE__ */ React41.createElement("div", { className: " hawa-flex hawa-items-baseline  hawa-text-primary" }, props.isLoading ? /* @__PURE__ */ React41.createElement(Skeleton, { className: "hawa-h-[48px] hawa-w-full hawa-max-w-[200px] hawa-p-0 " }) : /* @__PURE__ */ React41.createElement(React41.Fragment, null, props.noPrice ? /* @__PURE__ */ React41.createElement("div", { className: "hawa-text-5xl hawa-font-extrabold hawa-tracking-tight" }, ((_d = props.texts) == null ? void 0 : _d.priceless) || "Contact Us") : /* @__PURE__ */ React41.createElement(React41.Fragment, null, /* @__PURE__ */ React41.createElement(React41.Fragment, null, /* @__PURE__ */ React41.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-end   hawa-gap-2" }, props.oldPrice && props.oldPrice > 0 && /* @__PURE__ */ React41.createElement("span", { className: "hawa-line-through hawa-opacity-70" }, props.oldPrice + " " + ((_e = props.texts) == null ? void 0 : _e.currencyText)), /* @__PURE__ */ React41.createElement("span", { className: "hawa-text-5xl hawa-font-extrabold hawa-tracking-tight" }, props.price)), /* @__PURE__ */ React41.createElement("span", { className: "hawa-mx-1 hawa-text-sm hawa-font-semibold" }, (_f = props.texts) == null ? void 0 : _f.currencyText)), /* @__PURE__ */ React41.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__ */ React41.createElement(Separator2, null), /* @__PURE__ */ React41.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__ */ React41.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__ */ React41.createElement(
+          "li",
+          {
+            key: o,
+            className: cn(
+              "hawa-flex hawa-flex-row hawa-justify-between hawa-gap-2",
+              !feature.included && "hawa-line-through"
+            )
+          },
+          /* @__PURE__ */ React41.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center" }, feature.included ? /* @__PURE__ */ React41.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__ */ React41.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__ */ React41.createElement("div", { className: "hawa-m-2 hawa-mx-2.5 hawa-h-4 hawa-w-4 hawa-rounded-full hawa-bg-primary/10" }), /* @__PURE__ */ React41.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__ */ React41.createElement(Chip, { label: "soon", color: "oceanic", size: "small" }))),
+          feature.hint && /* @__PURE__ */ React41.createElement(Tooltip, { content: feature.hint, side: feature.hintSide }, /* @__PURE__ */ React41.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__ */ React41.createElement("circle", { cx: "12", cy: "12", r: "10" }),
+            /* @__PURE__ */ React41.createElement("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
+            /* @__PURE__ */ React41.createElement("path", { d: "M12 17h.01" })
+          ))
+        );
+      })),
+      /* @__PURE__ */ React41.createElement(
+        Button,
+        {
+          onClick: props.onPlanClicked,
+          disabled: currentPlan,
+          className: "hawa-w-full"
+        },
+        (_i = props.texts) == null ? void 0 : _i.buttonText
+      )
+    ))
+  );
+};
+
+// components/blocks/cards/ItemCard.tsx
+import React42, { useEffect as useEffect13, useState as useState19 } from "react";
+
+// components/blocks/cards/LandingCard.tsx
+import React43 from "react";
 
 // components/blocks/pricing/PricingPlans.tsx
-import React from "react";
 var PricingPlans = ({
   mainContainerProps,
   cardsContainerProps,
   ...props
 }) => {
-  return /* @__PURE__ */ React.createElement("div", { ...mainContainerProps }, /* @__PURE__ */ React.createElement("div", { className: "hawa-mb-2 hawa-flex hawa-w-full hawa-justify-between" }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React44.createElement("div", { ...mainContainerProps }, /* @__PURE__ */ React44.createElement("div", { className: "hawa-mb-2 hawa-flex hawa-w-full hawa-justify-between" }, /* @__PURE__ */ React44.createElement(
     Radio,
     {
       design: "tabs",
@@ -29,7 +1845,7 @@ var PricingPlans = ({
         }
       }
     }
-  ), /* @__PURE__ */ React.createElement(
+  ), /* @__PURE__ */ React44.createElement(
     Radio,
     {
       design: "tabs",
@@ -41,7 +1857,7 @@ var PricingPlans = ({
         }
       }
     }
-  )), /* @__PURE__ */ React.createElement(
+  )), /* @__PURE__ */ React44.createElement(
     "div",
     {
       className: "hawa-inline-grid hawa-w-full hawa-grid-cols-[repeat(auto-fit,_minmax(300px,_1fr))] hawa-gap-4",
@@ -49,7 +1865,7 @@ var PricingPlans = ({
     },
     props.plans.map((plan, index) => {
       var _a, _b;
-      return /* @__PURE__ */ React.createElement(
+      return /* @__PURE__ */ React44.createElement(
         PricingCard,
         {
           key: index,
@@ -79,7 +1895,7 @@ var PricingPlans = ({
 };
 
 // components/blocks/pricing/ComparingPlans.tsx
-import React2 from "react";
+import React45 from "react";
 var ComparingPlans = (props) => {
   const uniqueFeatures = Array.from(
     new Set(
@@ -88,7 +1904,7 @@ var ComparingPlans = (props) => {
       )
     )
   );
-  return /* @__PURE__ */ React2.createElement("div", { id: "detailed-pricing", className: "hawa-w-full" }, /* @__PURE__ */ React2.createElement("div", { className: "hawa-mb-2 hawa-flex hawa-w-full hawa-flex-col hawa-justify-between hawa-gap-2 sm:hawa-flex-row" }, /* @__PURE__ */ React2.createElement(
+  return /* @__PURE__ */ React45.createElement("div", { id: "detailed-pricing", className: "hawa-w-full" }, /* @__PURE__ */ React45.createElement("div", { className: "hawa-mb-2 hawa-flex hawa-w-full hawa-flex-col hawa-justify-between hawa-gap-2 sm:hawa-flex-row" }, /* @__PURE__ */ React45.createElement(
     Radio,
     {
       tabsContainerClassName: "hawa-w-full sm:hawa-max-w-fit",
@@ -102,7 +1918,7 @@ var ComparingPlans = (props) => {
         }
       }
     }
-  ), /* @__PURE__ */ React2.createElement(
+  ), /* @__PURE__ */ React45.createElement(
     Radio,
     {
       tabsContainerClassName: "hawa-w-full sm:hawa-max-w-fit",
@@ -116,7 +1932,7 @@ var ComparingPlans = (props) => {
         }
       }
     }
-  )), /* @__PURE__ */ React2.createElement(
+  )), /* @__PURE__ */ React45.createElement(
     "div",
     {
       className: cn(
@@ -127,16 +1943,16 @@ var ComparingPlans = (props) => {
         top: props.topPosition || 0
       }
     },
-    /* @__PURE__ */ React2.createElement("div", { className: "hawa-flex hawa-items-center" }),
-    props.plans.map((plan, i) => /* @__PURE__ */ React2.createElement(
+    /* @__PURE__ */ React45.createElement("div", { className: "hawa-flex hawa-items-center" }),
+    props.plans.map((plan, i) => /* @__PURE__ */ React45.createElement(
       "div",
       {
         key: i,
         className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-gap-2"
       },
-      /* @__PURE__ */ React2.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, /* @__PURE__ */ React2.createElement("div", { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ React2.createElement("span", { className: "hawa-text-md hawa-font-bold " }, plan.texts.title), /* @__PURE__ */ React2.createElement("span", { className: "hawa-text-md  hawa-font-normal hawa-text-muted-foreground " }, plan.texts.subtitle)), /* @__PURE__ */ React2.createElement("div", { className: " hawa-flex hawa-items-baseline  " }, /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement("span", { className: "hawa-text-5xl hawa-font-extrabold hawa-tracking-tight" }, plan.price), /* @__PURE__ */ React2.createElement("span", { className: "hawa-mx-1 hawa-text-sm hawa-font-semibold" }, plan.texts.currencyText)), /* @__PURE__ */ React2.createElement("span", { className: "hawa-ml-1 hawa-text-xl hawa-font-normal " }, "/ ", plan.texts.cycleText)))
+      /* @__PURE__ */ React45.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, /* @__PURE__ */ React45.createElement("div", { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ React45.createElement("span", { className: "hawa-text-md hawa-font-bold " }, plan.texts.title), /* @__PURE__ */ React45.createElement("span", { className: "hawa-text-md  hawa-font-normal hawa-text-muted-foreground " }, plan.texts.subtitle)), /* @__PURE__ */ React45.createElement("div", { className: " hawa-flex hawa-items-baseline  " }, /* @__PURE__ */ React45.createElement(React45.Fragment, null, /* @__PURE__ */ React45.createElement("span", { className: "hawa-text-5xl hawa-font-extrabold hawa-tracking-tight" }, plan.price), /* @__PURE__ */ React45.createElement("span", { className: "hawa-mx-1 hawa-text-sm hawa-font-semibold" }, plan.texts.currencyText)), /* @__PURE__ */ React45.createElement("span", { className: "hawa-ml-1 hawa-text-xl hawa-font-normal " }, "/ ", plan.texts.cycleText)))
     ))
-  ), /* @__PURE__ */ React2.createElement(
+  ), /* @__PURE__ */ React45.createElement(
     ScrollArea,
     {
       className: "hawa-h-fit hawa-rounded hawa-rounded-t-none hawa-border hawa-border-t-0 hawa-bg-background",
@@ -144,7 +1960,7 @@ var ComparingPlans = (props) => {
     },
     uniqueFeatures.map((featureText, featureIndex) => {
       var _a, _b, _c, _d;
-      return /* @__PURE__ */ React2.createElement(
+      return /* @__PURE__ */ React45.createElement(
         "div",
         {
           key: featureIndex,
@@ -153,11 +1969,11 @@ var ComparingPlans = (props) => {
             featureIndex === 0 ? "" : "hawa-border-t"
           )
         },
-        /* @__PURE__ */ React2.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 hawa-text-foreground" }, featureText, props.plans.some(
+        /* @__PURE__ */ React45.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 hawa-text-foreground" }, featureText, props.plans.some(
           (plan) => plan.features.some(
             (feature) => feature.text === featureText && feature.hint
           )
-        ) && /* @__PURE__ */ React2.createElement(
+        ) && /* @__PURE__ */ React45.createElement(
           Tooltip,
           {
             side: "right",
@@ -172,7 +1988,7 @@ var ComparingPlans = (props) => {
               (feature) => feature.text === featureText
             )) == null ? void 0 : _b.hint
           },
-          /* @__PURE__ */ React2.createElement(
+          /* @__PURE__ */ React45.createElement(
             "svg",
             {
               stroke: "currentColor",
@@ -182,13 +1998,13 @@ var ComparingPlans = (props) => {
               height: "1em",
               width: "1em"
             },
-            /* @__PURE__ */ React2.createElement("path", { d: "M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8 4a.905.905 0 0 0-.9.995l.35 3.507a.552.552 0 0 0 1.1 0l.35-3.507A.905.905 0 0 0 8 4zm.002 6a1 1 0 1 0 0 2 1 1 0 0 0 0-2z" })
+            /* @__PURE__ */ React45.createElement("path", { d: "M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8 4a.905.905 0 0 0-.9.995l.35 3.507a.552.552 0 0 0 1.1 0l.35-3.507A.905.905 0 0 0 8 4zm.002 6a1 1 0 1 0 0 2 1 1 0 0 0 0-2z" })
           )
         ), props.plans.some(
           (plan) => plan.features.some(
             (feature) => feature.text === featureText && feature.soon
           )
-        ) && /* @__PURE__ */ React2.createElement(
+        ) && /* @__PURE__ */ React45.createElement(
           Chip,
           {
             label: ((_d = (_c = props.plans.find(
@@ -202,26 +2018,26 @@ var ComparingPlans = (props) => {
           const feature = plan.features.find(
             (f) => f.text === featureText
           );
-          return /* @__PURE__ */ React2.createElement(
+          return /* @__PURE__ */ React45.createElement(
             "div",
             {
               key: planIndex,
               className: "hawa-flex hawa-flex-col hawa-items-center hawa-text-center"
             },
-            (feature == null ? void 0 : feature.included) ? /* @__PURE__ */ React2.createElement(CheckMark, { className: "hawa-text-foreground" }) : /* @__PURE__ */ React2.createElement(UncheckMark, { className: "hawa-text-foreground" })
+            (feature == null ? void 0 : feature.included) ? /* @__PURE__ */ React45.createElement(CheckMark, { className: "hawa-text-foreground" }) : /* @__PURE__ */ React45.createElement(UncheckMark, { className: "hawa-text-foreground" })
           );
         })
       );
     })
-  ), props.showButtons && /* @__PURE__ */ React2.createElement("div", { className: "hawa-grid  hawa-grid-cols-[1fr_repeat(3,_minmax(0,_1fr))] hawa-gap-x-16  hawa-px-4 hawa-py-5" }, /* @__PURE__ */ React2.createElement("div", { className: "hawa-flex hawa-items-center" }), props.plans.map((plan, i) => {
+  ), props.showButtons && /* @__PURE__ */ React45.createElement("div", { className: "hawa-grid  hawa-grid-cols-[1fr_repeat(3,_minmax(0,_1fr))] hawa-gap-x-16  hawa-px-4 hawa-py-5" }, /* @__PURE__ */ React45.createElement("div", { className: "hawa-flex hawa-items-center" }), props.plans.map((plan, i) => {
     var _a;
-    return /* @__PURE__ */ React2.createElement(
+    return /* @__PURE__ */ React45.createElement(
       "div",
       {
         key: i,
         className: "hawa-flex hawa-items-center hawa-justify-center"
       },
-      /* @__PURE__ */ React2.createElement(
+      /* @__PURE__ */ React45.createElement(
         Button,
         {
           className: "hawa-w-full hawa-max-w-xs",
@@ -245,29 +2061,29 @@ var ComparingPlans = (props) => {
 };
 
 // components/blocks/pricing/HorizontalPricing.tsx
-import React3, { useState as useState2 } from "react";
+import React46, { useState as useState20 } from "react";
 var HorizontalPricing = (props) => {
-  const [selectedCard, setSelectedCard] = useState2("");
+  const [selectedCard, setSelectedCard] = useState20("");
   let data = [
     { title: "basic", price: "$49", cycle: "/mo" },
     { title: "business", price: "$99", cycle: "/mo" },
     { title: "enterprise", price: "$149", cycle: "/mo" }
   ];
-  return /* @__PURE__ */ React3.createElement("div", { className: "hawa-z-10 hawa-w-full hawa-max-w-screen-sm" }, /* @__PURE__ */ React3.createElement("div", { className: "hawa-max-w-2xl " }, /* @__PURE__ */ React3.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, /* @__PURE__ */ React3.createElement(
+  return /* @__PURE__ */ React46.createElement("div", { className: "hawa-z-10 hawa-w-full hawa-max-w-screen-sm" }, /* @__PURE__ */ React46.createElement("div", { className: "hawa-max-w-2xl " }, /* @__PURE__ */ React46.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, /* @__PURE__ */ React46.createElement(
     Radio,
     {
       design: "tabs",
       options: props.currencies,
       defaultValue: props.currentCurrency
     }
-  ), /* @__PURE__ */ React3.createElement(
+  ), /* @__PURE__ */ React46.createElement(
     Radio,
     {
       design: "tabs",
       options: props.billingCycles,
       defaultValue: props.currentCycle
     }
-  )), data.map((d, i) => /* @__PURE__ */ React3.createElement(
+  )), data.map((d, i) => /* @__PURE__ */ React46.createElement(
     "label",
     {
       key: i,
@@ -275,7 +2091,7 @@ var HorizontalPricing = (props) => {
       className: "",
       onClick: () => setSelectedCard(d.title)
     },
-    /* @__PURE__ */ React3.createElement(
+    /* @__PURE__ */ React46.createElement(
       "input",
       {
         type: "radio",
@@ -284,7 +2100,7 @@ var HorizontalPricing = (props) => {
         className: "hawa-peer hawa-appearance-none"
       }
     ),
-    /* @__PURE__ */ React3.createElement(
+    /* @__PURE__ */ React46.createElement(
       "div",
       {
         className: cn(
@@ -292,18 +2108,18 @@ var HorizontalPricing = (props) => {
           "hawa-peer hawa-flex hawa-cursor-pointer hawa-items-center hawa-justify-between  hawa-rounded-xl hawa-border hawa-bg-background hawa-px-5   hawa-py-4 hawa-shadow dark:hawa-text-white  peer-checked:[&_.active]:hawa-block peer-checked:[&_.default]:hawa-hidden"
         )
       },
-      /* @__PURE__ */ React3.createElement("div", { className: "hawa-peer hawa-flex hawa-items-center hawa-gap-4" }, /* @__PURE__ */ React3.createElement(CheckIcons, null), /* @__PURE__ */ React3.createElement(
+      /* @__PURE__ */ React46.createElement("div", { className: "hawa-peer hawa-flex hawa-items-center hawa-gap-4" }, /* @__PURE__ */ React46.createElement(CheckIcons, null), /* @__PURE__ */ React46.createElement(
         CardText,
         {
           title: "Enterprise",
           subtitle: "For startups and new businesses"
         }
       )),
-      /* @__PURE__ */ React3.createElement(CardPrice, { amount: d.price, cycle: d.cycle })
+      /* @__PURE__ */ React46.createElement(CardPrice, { amount: d.price, cycle: d.cycle })
     )
   ))));
 };
-var CheckIcons = () => /* @__PURE__ */ React3.createElement(React3.Fragment, null, /* @__PURE__ */ React3.createElement(
+var CheckIcons = () => /* @__PURE__ */ React46.createElement(React46.Fragment, null, /* @__PURE__ */ React46.createElement(
   "svg",
   {
     fill: "none",
@@ -312,7 +2128,7 @@ var CheckIcons = () => /* @__PURE__ */ React3.createElement(React3.Fragment, nul
     stroke: "currentColor",
     className: "hawa-default hawa-h-8 hawa-w-8 hawa-text-neutral-500"
   },
-  /* @__PURE__ */ React3.createElement(
+  /* @__PURE__ */ React46.createElement(
     "path",
     {
       strokeLinecap: "round",
@@ -320,14 +2136,14 @@ var CheckIcons = () => /* @__PURE__ */ React3.createElement(React3.Fragment, nul
       d: "M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
     }
   )
-), /* @__PURE__ */ React3.createElement(
+), /* @__PURE__ */ React46.createElement(
   "svg",
   {
     viewBox: "0 0 24 24",
     fill: "currentColor",
     className: "hawa-active hawa-hidden hawa-h-8 hawa-w-8 hawa-text-blue-500"
   },
-  /* @__PURE__ */ React3.createElement(
+  /* @__PURE__ */ React46.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -336,8 +2152,8 @@ var CheckIcons = () => /* @__PURE__ */ React3.createElement(React3.Fragment, nul
     }
   )
 ));
-var CardText = (props) => /* @__PURE__ */ React3.createElement("div", { className: "hawa-peer hawa-flex hawa-flex-col hawa-items-start " }, /* @__PURE__ */ React3.createElement("h2", { className: "hawa-font-medium hawa-text-primary/90 sm:hawa-text-xl" }, props.title), /* @__PURE__ */ React3.createElement("p", { className: "hawa-text-sm hawa-text-primary/60" }, props.subtitle, " "));
-var CardPrice = (props) => /* @__PURE__ */ React3.createElement("h2", { className: "hawa-peer hawa-text-xl hawa-font-semibold hawa-text-primary sm:hawa-text-2xl" }, props.amount, /* @__PURE__ */ React3.createElement("span", { className: "hawa-text-base hawa-font-medium hawa-text-neutral-400" }, props.cycle));
+var CardText = (props) => /* @__PURE__ */ React46.createElement("div", { className: "hawa-peer hawa-flex hawa-flex-col hawa-items-start " }, /* @__PURE__ */ React46.createElement("h2", { className: "hawa-font-medium hawa-text-primary/90 sm:hawa-text-xl" }, props.title), /* @__PURE__ */ React46.createElement("p", { className: "hawa-text-sm hawa-text-primary/60" }, props.subtitle, " "));
+var CardPrice = (props) => /* @__PURE__ */ React46.createElement("h2", { className: "hawa-peer hawa-text-xl hawa-font-semibold hawa-text-primary sm:hawa-text-2xl" }, props.amount, /* @__PURE__ */ React46.createElement("span", { className: "hawa-text-base hawa-font-medium hawa-text-neutral-400" }, props.cycle));
 export {
   ComparingPlans,
   HorizontalPricing,