@sikka/hawa 0.26.29 → 0.26.30

package/dist/elements/index.mjs

@@ -0,0 +1,3418 @@
+import {
+  useClipboard,
+  useToast
+} from "../chunk-JNUGOUYJ.mjs";
+import {
+  Alert,
+  CheckMark,
+  Checkbox,
+  EyeIcon,
+  HiddenEyeIcon,
+  Input,
+  Label,
+  PhoneInput,
+  PinInput,
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+  Progress,
+  Radio,
+  ScrollArea,
+  ScrollBar,
+  Select,
+  Separator,
+  StopPropagationWrapper,
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger,
+  Textarea,
+  UncheckMark
+} from "../chunk-F3DQJHTG.mjs";
+import {
+  Sheet,
+  SheetClose,
+  SheetContent,
+  SheetDescription,
+  SheetFooter,
+  SheetHeader,
+  SheetOverlay,
+  SheetPortal,
+  SheetTitle,
+  SheetTrigger
+} from "../chunk-FQ6WVEHW.mjs";
+import {
+  Button,
+  Card,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+  Chip,
+  DropdownMenu,
+  DropdownMenuCheckboxItem,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuPortal,
+  DropdownMenuRadio,
+  DropdownMenuRadioGroup,
+  DropdownMenuRadioItem,
+  DropdownMenuRoot,
+  DropdownMenuSeparator,
+  DropdownMenuShortcut,
+  DropdownMenuSub,
+  DropdownMenuSubContent,
+  DropdownMenuSubTrigger,
+  DropdownMenuTrigger,
+  Loading,
+  Logos,
+  Skeleton,
+  Tooltip,
+  buttonVariants,
+  calculateLuminance,
+  cn
+} from "../chunk-MQUAGP7K.mjs";
+import {
+  __require
+} from "../chunk-ZFXKCRJC.mjs";
+
+// elements/accordion/Accordion.tsx
+import * as React3 from "react";
+import * as AccordionPrimitive3 from "@radix-ui/react-accordion";
+
+// elements/accordion/AccordionContent.tsx
+import * as React from "react";
+import * as AccordionPrimitive from "@radix-ui/react-accordion";
+var AccordionContent = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React.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__ */ React.createElement("div", { className: "hawa-bg-background hawa-p-4" }, children)
+));
+AccordionContent.displayName = AccordionPrimitive.Content.displayName;
+
+// elements/accordion/AccordionTrigger.tsx
+import * as React2 from "react";
+import * as AccordionPrimitive2 from "@radix-ui/react-accordion";
+var AccordionTrigger = React2.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React2.createElement(AccordionPrimitive2.Header, { className: "hawa-flex" }, /* @__PURE__ */ React2.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__ */ React2.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__ */ React2.createElement("path", { d: "m6 9 6 6 6-6" })
+  )
+)));
+AccordionTrigger.displayName = AccordionPrimitive2.Trigger.displayName;
+
+// elements/accordion/Accordion.tsx
+var Accordion = React3.forwardRef(
+  ({
+    items,
+    design = "default",
+    itemClassNames,
+    triggerclassNames,
+    contentclassNames,
+    className,
+    ...props
+  }, ref) => /* @__PURE__ */ React3.createElement(AccordionPrimitive3.Root, { type: props.type, collapsible: true }, /* @__PURE__ */ React3.createElement(
+    "div",
+    {
+      className: cn("hawa-flex hawa-flex-col", {
+        "hawa-gap-4": design === "separated",
+        "hawa-gap-0": design === "default"
+      })
+    },
+    items.map((item, index) => /* @__PURE__ */ React3.createElement(
+      AccordionPrimitive3.Item,
+      {
+        disabled: item.disabled || false,
+        className: cn(itemClassNames, "hawa-rounded"),
+        key: index,
+        value: `item-${index}`
+      },
+      /* @__PURE__ */ React3.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__ */ React3.createElement(
+          "span",
+          {
+            className: cn(
+              "hawa-flex hawa-flex-row",
+              item.chip && "hawa-gap-2"
+            )
+          },
+          item.trigger,
+          " ",
+          item.chip && /* @__PURE__ */ React3.createElement(Chip, { ...item.chip })
+        )
+      ),
+      /* @__PURE__ */ React3.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";
+
+// elements/accordion/AccordionItem.tsx
+import * as React4 from "react";
+import * as AccordionPrimitive4 from "@radix-ui/react-accordion";
+var AccordionItem = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React4.createElement(AccordionPrimitive4.Item, { ref, className: cn(className), ...props }));
+AccordionItem.displayName = "AccordionItem";
+
+// elements/accordion/AccordionRoot.tsx
+import * as AccordionPrimitive5 from "@radix-ui/react-accordion";
+var AccordionRoot = AccordionPrimitive5.Root;
+
+// elements/navigationMenu/NavigationMenu.tsx
+import * as React5 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 = React5.forwardRef(({ className, children, viewportClassNames, ...props }, ref) => /* @__PURE__ */ React5.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__ */ React5.createElement(NavigationMenuViewport, { className: viewportClassNames })
+));
+var NavigationMenuList = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React5.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 = React5.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React5.createElement(
+  NavigationMenuPrimitive.Trigger,
+  {
+    ref,
+    className: cn(navigationMenuTriggerStyle(), "hawa-group", className),
+    ...props
+  },
+  children,
+  /* @__PURE__ */ React5.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__ */ React5.createElement("path", { d: "m6 9 6 6 6-6" })
+  )
+));
+var NavigationMenuContent = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React5.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 StandardNavigationMenuItem = ({ icon, title, subtitle, ...linkProps }) => /* @__PURE__ */ React5.createElement(NavigationMenuLink, { ...linkProps }, /* @__PURE__ */ React5.createElement("div", { className: "hawa-flex hawa-max-w-md hawa-cursor-pointer hawa-flex-row hawa-items-center hawa-gap-4 hawa-rounded-inner hawa-p-4 hawa-py-2 hawa-transition-all  hover:hawa-bg-muted" }, icon && icon, /* @__PURE__ */ React5.createElement("div", { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ React5.createElement("h1", { className: "hawa-text-xl hawa-font-bold" }, title), /* @__PURE__ */ React5.createElement("p", { className: "hawa-text-sm" }, subtitle))));
+var NavigationMenuViewport = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React5.createElement(
+  "div",
+  {
+    className: cn(
+      "hawa-absolute hawa-top-full hawa-flex hawa-w-full hawa-justify-center"
+    )
+  },
+  /* @__PURE__ */ React5.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 = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React5.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__ */ React5.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" })
+));
+var NavigationMenu = ({
+  viewportClassNames,
+  rootClassNames,
+  triggerClassNames,
+  actionFirst,
+  ...props
+}) => {
+  return /* @__PURE__ */ React5.createElement(
+    NavigationMenuRoot,
+    {
+      dir: props.direction,
+      delayDuration: 0,
+      className: rootClassNames,
+      viewportClassNames
+    },
+    /* @__PURE__ */ React5.createElement(NavigationMenuList, null, props.items.map((item, i) => /* @__PURE__ */ React5.createElement(NavigationMenuItem, { key: i }, item.content ? /* @__PURE__ */ React5.createElement(React5.Fragment, null, /* @__PURE__ */ React5.createElement(NavigationMenuTrigger, { className: cn(triggerClassNames) }, item.trigger), /* @__PURE__ */ React5.createElement(NavigationMenuContent, null, item.content)) : /* @__PURE__ */ React5.createElement(
+      NavigationMenuLink,
+      {
+        href: actionFirst ? void 0 : item.path,
+        onClick: () => {
+          if (item.action) {
+            item.action();
+          }
+        },
+        className: cn(
+          navigationMenuTriggerStyle(),
+          "hawa-cursor-pointer hawa-select-none",
+          triggerClassNames
+        )
+      },
+      item.trigger
+    ))))
+  );
+};
+var NavigationMenuItem = NavigationMenuPrimitive.Item;
+var NavigationMenuLink = NavigationMenuPrimitive.Link;
+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;
+
+// elements/dialog/Dialog.tsx
+import * as React6 from "react";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+var Dialog = DialogPrimitive.Root;
+var DialogTrigger = DialogPrimitive.Trigger;
+var DialogPortal = ({ ...props }) => /* @__PURE__ */ React6.createElement(DialogPrimitive.Portal, { ...props });
+var DialogOverlay = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React6.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 = React6.forwardRef(({ className, children, persist, hideCloseButton, ...props }, ref) => /* @__PURE__ */ React6.createElement(DialogPortal, null, /* @__PURE__ */ React6.createElement(DialogOverlay, null), /* @__PURE__ */ React6.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__ */ React6.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__ */ React6.createElement(
+      "svg",
+      {
+        "aria-label": "Close Icon",
+        "aria-hidden": "true",
+        className: "hawa-h-5 hawa-w-5",
+        fill: "currentColor",
+        viewBox: "0 0 20 20"
+      },
+      /* @__PURE__ */ React6.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__ */ React6.createElement("span", { className: "hawa-sr-only" }, "Close")
+  )
+)));
+var DialogCarouselContent = React6.forwardRef(
+  ({
+    className,
+    children,
+    onPrev,
+    persist,
+    hideCloseButton,
+    hidePrevButton,
+    ...props
+  }, ref) => /* @__PURE__ */ React6.createElement(DialogPortal, null, /* @__PURE__ */ React6.createElement(DialogOverlay, null), /* @__PURE__ */ React6.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__ */ React6.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__ */ React6.createElement("div", null) : /* @__PURE__ */ React6.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__ */ React6.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__ */ React6.createElement("path", { d: "m15 18-6-6 6-6" })
+        )
+      ),
+      !hideCloseButton && /* @__PURE__ */ React6.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__ */ React6.createElement(
+          "svg",
+          {
+            "aria-label": "Close Icon",
+            "aria-hidden": "true",
+            className: "hawa-h-6 hawa-w-6",
+            fill: "currentColor",
+            viewBox: "0 0 20 20"
+          },
+          /* @__PURE__ */ React6.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__ */ React6.createElement("span", { className: "hawa-sr-only" }, "Close")
+      )
+    )
+  ))
+);
+var DialogHeader = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ React6.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 = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React6.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 = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React6.createElement(
+  DialogPrimitive.Description,
+  {
+    ref,
+    className: cn(
+      "hawa-text-start hawa-text-sm hawa-text-muted-foreground",
+      className
+    ),
+    ...props
+  }
+));
+var DialogFooter = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ React6.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
+}) => {
+  React6.useEffect(() => {
+    if (stepsApi) {
+      stepsApi.reInit();
+    }
+  }, [stepsApi, children]);
+  return /* @__PURE__ */ React6.createElement("div", { className: "hawa-overflow-hidden" }, /* @__PURE__ */ React6.createElement("div", { ref: stepsRef, dir: direction }, /* @__PURE__ */ React6.createElement(
+    "div",
+    {
+      className: "hawa-flex",
+      style: {
+        transition: "height 0.2s"
+      }
+    },
+    React6.Children.map(children, (child, index) => /* @__PURE__ */ React6.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] = React6.useState(null);
+  React6.useEffect(() => {
+    if (visibleStepRef.current) {
+      setDialogHeight(visibleStepRef.current.offsetHeight);
+      console.log("height is ", visibleStepRef.current.offsetHeight);
+    }
+  }, [currentStep, visibleStepRef]);
+  return /* @__PURE__ */ React6.createElement(
+    "div",
+    {
+      className: "hawa-relative hawa-overflow-clip",
+      style: {
+        height: dialogHeight || "fit-content",
+        transition: "height 0.2s"
+      }
+    },
+    React6.Children.map(children, (child, index) => /* @__PURE__ */ React6.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__ */ React6.createElement(
+    "div",
+    {
+      id,
+      ref: stepRef,
+      className: cn("hawa-w-full  hawa-px-1", className)
+    },
+    children
+  );
+};
+var DialogBody = ({ children, className }) => {
+  return /* @__PURE__ */ React6.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;
+
+// elements/avatar/Avatar.tsx
+import React8 from "react";
+
+// elements/fileUploader/FileUploader.tsx
+import React7, { useRef } from "react";
+var FileUploader = ({ handleFile, className }) => {
+  const hiddenFileInput = useRef(null);
+  const handleClick = () => {
+    var _a;
+    (_a = hiddenFileInput.current) == null ? void 0 : _a.click();
+  };
+  const handleChange = (event) => {
+    const fileUploaded = event.target.files[0];
+    handleFile(fileUploaded);
+  };
+  return /* @__PURE__ */ React7.createElement("div", { className }, /* @__PURE__ */ React7.createElement("div", { className: "hawa-h-full hawa-w-full", onClick: handleClick }), /* @__PURE__ */ React7.createElement(
+    "input",
+    {
+      type: "file",
+      onChange: handleChange,
+      ref: hiddenFileInput,
+      style: { display: "none" }
+    }
+  ));
+};
+
+// elements/avatar/Avatar.tsx
+var Avatar = ({
+  isUploadable,
+  src,
+  alt,
+  size = "default",
+  radius = "inherit",
+  icon,
+  className,
+  ...props
+}) => {
+  let sizeStyles2 = {
+    "2xs": "hawa-h-4 hawa-w-4",
+    xs: "hawa-h-6 hawa-w-6",
+    sm: "hawa-h-8 hawa-w-8",
+    default: "hawa-h-10 hawa-w-10",
+    lg: "hawa-h-12 hawa-w-12",
+    xl: "hawa-h-14 hawa-w-14",
+    "2xl": "hawa-h-16 hawa-w-16",
+    "3xl": "hawa-h-[72px] hawa-w-[72px]",
+    "4xl": "hawa-h-20 hawa-w-20",
+    "5xl": "hawa-h-[88px] hawa-w-[88px]",
+    "6xl": "hawa-h-24 hawa-w-24"
+  };
+  let radiusStyles = {
+    full: "hawa-rounded-full",
+    inherit: "hawa-rounded",
+    none: "hawa-rounded-none"
+  };
+  return /* @__PURE__ */ React8.createElement(
+    "div",
+    {
+      className: cn(
+        "hawa-relative  hawa-bg-card hawa-p-0",
+        sizeStyles2[size],
+        radiusStyles[radius],
+        className
+      )
+    },
+    /* @__PURE__ */ React8.createElement(
+      FileUploader,
+      {
+        className: cn(
+          "hawa-absolute hawa-left-0 hawa-top-0 hawa-w-full hawa-cursor-pointer hawa-bg-red-400 hawa-opacity-0",
+          sizeStyles2[size],
+          radiusStyles[radius],
+          (!isUploadable || !!src) && "hawa-hidden"
+        )
+      }
+    ),
+    /* @__PURE__ */ React8.createElement(
+      "img",
+      {
+        className: cn(
+          "hawa-blue-400 hawa-object-cover",
+          sizeStyles2[size],
+          radiusStyles[radius],
+          !src && "hawa-hidden"
+        ),
+        src,
+        alt
+      }
+    ),
+    !src && !isUploadable && /* @__PURE__ */ React8.createElement(
+      "div",
+      {
+        className: cn(
+          sizeStyles2[size],
+          "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center"
+        )
+      },
+      icon ? icon : /* @__PURE__ */ React8.createElement(
+        "svg",
+        {
+          xmlns: "http://www.w3.org/2000/svg",
+          style: { width: "50%", opacity: 0.35 },
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        },
+        /* @__PURE__ */ React8.createElement("circle", { cx: "12", cy: "8", r: "5" }),
+        /* @__PURE__ */ React8.createElement("path", { d: "M20 21a8 8 0 1 0-16 0" })
+      )
+    )
+  );
+};
+
+// elements/dataTable/DataTable.tsx
+import * as React10 from "react";
+import {
+  flexRender,
+  getCoreRowModel,
+  getFilteredRowModel,
+  getPaginationRowModel,
+  getExpandedRowModel,
+  getSortedRowModel,
+  useReactTable
+} from "@tanstack/react-table";
+
+// elements/table/Table.tsx
+import * as React9 from "react";
+var Table = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React9.createElement("div", { className: "hawa-relative hawa-w-full  hawa-overflow-auto hawa-rounded hawa-border" }, /* @__PURE__ */ React9.createElement(
+  "table",
+  {
+    ref,
+    className: cn("hawa-w-full hawa-caption-bottom hawa-text-sm", className),
+    ...props
+  }
+)));
+Table.displayName = "Table";
+var TableHeader = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React9.createElement(
+  "thead",
+  {
+    ref,
+    className: cn("[&_tr]:hawa-border-b", "hawa-bg-muted/50", className),
+    ...props
+  }
+));
+TableHeader.displayName = "TableHeader";
+var TableHead = React9.forwardRef(
+  ({ className, condensed, clickable, dir, ...props }, ref) => /* @__PURE__ */ React9.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 = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React9.createElement("tbody", { ref, className: cn("hawa-border-none", className), ...props }));
+TableBody.displayName = "TableBody";
+var TableFooter = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React9.createElement(
+  "tfoot",
+  {
+    ref,
+    className: cn(
+      "hawa-bg-primary hawa-font-medium hawa-text-primary-foreground",
+      className
+    ),
+    ...props
+  }
+));
+TableFooter.displayName = "TableFooter";
+var TableRow = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React9.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 = React9.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__ */ React9.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 = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React9.createElement(
+  "caption",
+  {
+    ref,
+    className: cn(
+      "hawa-mt-4 hawa-text-sm hawa-text-muted-foreground",
+      className
+    ),
+    ...props
+  }
+));
+TableCaption.displayName = "TableCaption";
+
+// elements/dataTable/DataTable.tsx
+var DataTable = ({
+  columns,
+  data,
+  paginationPosition = "bottom",
+  translateFn,
+  enableHideColumns,
+  enableSearch,
+  enableGoTo,
+  ...props
+}) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
+  const [sorting, setSorting] = React10.useState(
+    props.defaultSort ? [{ id: props.defaultSort, desc: false }] : []
+  );
+  const [columnFilters, setColumnFilters] = React10.useState(
+    []
+  );
+  const [globalFilter, setGlobalFilter] = React10.useState("");
+  const [expanded, setExpanded] = React10.useState({});
+  const [columnVisibility, setColumnVisibility] = React10.useState({});
+  const [rowSelection, setRowSelection] = React10.useState({});
+  const visibleColumns = columns.filter(
+    (column) => {
+      var _a2;
+      return ((_a2 = column.meta) == null ? void 0 : _a2.hidden) !== true;
+    }
+  );
+  const table = useReactTable({
+    data,
+    columns: visibleColumns,
+    onExpandedChange: setExpanded,
+    getExpandedRowModel: getExpandedRowModel(),
+    onGlobalFilterChange: setGlobalFilter,
+    onSortingChange: setSorting,
+    onColumnFiltersChange: setColumnFilters,
+    getCoreRowModel: getCoreRowModel(),
+    getPaginationRowModel: getPaginationRowModel(),
+    getSortedRowModel: getSortedRowModel(),
+    getFilteredRowModel: getFilteredRowModel(),
+    onColumnVisibilityChange: setColumnVisibility,
+    onRowSelectionChange: setRowSelection,
+    state: {
+      sorting,
+      columnFilters,
+      columnVisibility,
+      globalFilter,
+      rowSelection,
+      expanded
+    }
+  });
+  const pageText = ((_a = props.texts) == null ? void 0 : _a.page) || "page";
+  const itemsPerPageOptions = (_b = props.itemsPerPage) == null ? void 0 : _b.map((item) => ({
+    label: `${item} / ${pageText}`,
+    value: item
+  }));
+  return /* @__PURE__ */ React10.createElement("div", { className: "hawa-flex hawa-w-full hawa-flex-col hawa-gap-4" }, (enableSearch || enableHideColumns) && /* @__PURE__ */ React10.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-4" }, enableSearch && /* @__PURE__ */ React10.createElement(
+    Input,
+    {
+      forceHideHelperText: true,
+      placeholder: (_c = props.texts) == null ? void 0 : _c.searchPlaceholder,
+      value: globalFilter != null ? globalFilter : "",
+      onChange: (event) => setGlobalFilter(event.target.value),
+      margin: "none",
+      className: "hawa-w-full md:hawa-max-w-sm"
+    }
+  ), enableHideColumns && /* @__PURE__ */ React10.createElement(DropdownMenuRoot, null, /* @__PURE__ */ React10.createElement(DropdownMenuTrigger, { asChild: true }, /* @__PURE__ */ React10.createElement(
+    Button,
+    {
+      variant: "outline",
+      className: "hawa-flex hawa-flex-row hawa-gap-2"
+    },
+    ((_d = props.texts) == null ? void 0 : _d.columns) || "Columns",
+    /* @__PURE__ */ React10.createElement(
+      "svg",
+      {
+        "aria-label": "Chevron Down 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-rotate-90"
+      },
+      /* @__PURE__ */ React10.createElement("path", { d: "m9 18 6-6-6-6" })
+    )
+  )), /* @__PURE__ */ React10.createElement(
+    DropdownMenuContent,
+    {
+      align: props.direction === "rtl" ? "start" : "end"
+    },
+    table.getAllColumns().filter((column) => column.getCanHide()).map((column) => {
+      return /* @__PURE__ */ React10.createElement(
+        DropdownMenuCheckboxItem,
+        {
+          key: column.id,
+          checked: column.getIsVisible(),
+          onCheckedChange: (value) => column.toggleVisibility(!!value)
+        },
+        translateFn ? translateFn(column.id) : column.id
+      );
+    })
+  ))), props.isLoading ? /* @__PURE__ */ React10.createElement(Skeleton, { className: "hawa-h-[130px] hawa-w-full" }) : /* @__PURE__ */ React10.createElement(
+    "div",
+    {
+      className: cn(
+        "hawa-flex hawa-w-full  hawa-gap-4",
+        paginationPosition === "top" ? "hawa-flex-col-reverse" : "hawa-flex-col"
+      )
+    },
+    /* @__PURE__ */ React10.createElement("div", { className: "hawa-rounded-md" }, /* @__PURE__ */ React10.createElement(Table, null, table.getAllColumns().length > 0 && /* @__PURE__ */ React10.createElement(TableHeader, null, table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ React10.createElement(TableRow, { key: headerGroup.id }, headerGroup.headers.map((header) => {
+      var _a2;
+      let isSortable = (_a2 = header.column.columnDef.meta) == null ? void 0 : _a2.sortable;
+      return /* @__PURE__ */ React10.createElement(
+        TableHead,
+        {
+          dir: props.direction,
+          condensed: props.condensed,
+          clickable: Boolean(isSortable),
+          key: header.id
+        },
+        header.isPlaceholder ? null : flexRender(
+          header.column.columnDef.header,
+          header.getContext()
+        )
+      );
+    })))), /* @__PURE__ */ React10.createElement(TableBody, null, ((_e = table.getRowModel().rows) == null ? void 0 : _e.length) ? table.getRowModel().rows.map((row) => /* @__PURE__ */ React10.createElement(
+      TableRow,
+      {
+        key: row.id,
+        "data-state": row.getIsSelected() && "selected"
+      },
+      row.getVisibleCells().map((cell) => {
+        var _a2;
+        return /* @__PURE__ */ React10.createElement(
+          TableCell,
+          {
+            dir: props.direction,
+            padding: props.condensed ? "condensed" : (_a2 = cell.column.columnDef.meta) == null ? void 0 : _a2.padding,
+            key: cell.id
+          },
+          flexRender(
+            cell.column.columnDef.cell,
+            cell.getContext()
+          )
+        );
+      })
+    )) : /* @__PURE__ */ React10.createElement(TableRow, null, /* @__PURE__ */ React10.createElement(
+      TableCell,
+      {
+        colSpan: columns.length,
+        className: "hawa-h-24 hawa-text-center"
+      },
+      (_f = props.texts) == null ? void 0 : _f.noData
+    ))))),
+    /* @__PURE__ */ React10.createElement("div", { className: "hawa-flex hawa-items-center hawa-justify-between" }, !props.showCount && /* @__PURE__ */ React10.createElement("div", { className: "hawa-flex hawa-w-fit hawa-flex-row hawa-items-center hawa-gap-2 hawa-text-sm hawa-text-muted-foreground" }), props.showCount && /* @__PURE__ */ React10.createElement(
+      "div",
+      {
+        className: "text-muted-foreground text-sm",
+        dir: props.direction
+      },
+      /* @__PURE__ */ React10.createElement("span", null, (_g = props.texts) == null ? void 0 : _g.total),
+      " ",
+      /* @__PURE__ */ React10.createElement("span", null, table.getFilteredRowModel().rows.length.toLocaleString())
+    ), /* @__PURE__ */ React10.createElement("div", { className: "hawa-flex hawa-w-fit hawa-flex-row hawa-items-center hawa-gap-2 " }, enableGoTo && /* @__PURE__ */ React10.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-justify-center hawa-gap-2" }, /* @__PURE__ */ React10.createElement("span", { className: "hawa-text-sm" }, (_h = props.texts) == null ? void 0 : _h.goTo), /* @__PURE__ */ React10.createElement(
+      "input",
+      {
+        max: table.getPageCount(),
+        min: 0,
+        type: "number",
+        defaultValue: table.getState().pagination.pageIndex + 1,
+        onChange: (e) => {
+          let page = Number(e.target.value) - 1;
+          const max = table.getPageCount();
+          if (!isNaN(page) && Number(page) > max) {
+            page = max - 1;
+          }
+          table.setPageIndex(page);
+        },
+        className: "hawa-w-16 hawa-rounded hawa-border hawa-p-1 hawa-px-2 hawa-text-sm"
+      }
+    )), /* @__PURE__ */ React10.createElement(
+      DropdownMenu,
+      {
+        size: "sm",
+        width: "sm",
+        direction: props.direction,
+        items: itemsPerPageOptions || [
+          { label: `10 / ${pageText}`, value: 10 },
+          { label: `20 / ${pageText}`, value: 20 },
+          { label: `30 / ${pageText}`, value: 30 },
+          { label: `40 / ${pageText}`, value: 40 },
+          { label: `50 / ${pageText}`, value: 50 }
+        ],
+        trigger: /* @__PURE__ */ React10.createElement(
+          Button,
+          {
+            variant: "outline",
+            size: "icon",
+            className: "hawa-h-fit hawa-w-fit hawa-p-0 hawa-px-2 hawa-py-1 "
+          },
+          `${table.getState().pagination.pageSize} / ${(_i = props.texts) == null ? void 0 : _i.page}`
+        ),
+        onItemSelect: (e) => table.setPageSize(Number(e))
+      }
+    ), table.getPageCount() > 1 && /* @__PURE__ */ React10.createElement(React10.Fragment, null, /* @__PURE__ */ React10.createElement("div", { className: "hawa-flex hawa-w-fit hawa-flex-row hawa-items-center hawa-gap-2 hawa-text-sm  " }, /* @__PURE__ */ React10.createElement("span", { className: "hawa-flex hawa-items-center hawa-gap-1" }, /* @__PURE__ */ React10.createElement("div", null, (_j = props.texts) == null ? void 0 : _j.page), /* @__PURE__ */ React10.createElement("div", { className: "hawa-flex hawa-flex-row hawa-gap-1" }, /* @__PURE__ */ React10.createElement("span", { className: "hawa-font-bold" }, table.getState().pagination.pageIndex + 1), /* @__PURE__ */ React10.createElement("span", null, (_k = props.texts) == null ? void 0 : _k.of), /* @__PURE__ */ React10.createElement("span", { className: "hawa-font-bold" }, table.getPageCount())))), /* @__PURE__ */ React10.createElement(
+      Button,
+      {
+        "aria-label": "Next Table Page",
+        variant: "outline",
+        size: "smallIcon",
+        onClick: () => table.setPageIndex(0),
+        disabled: !table.getCanPreviousPage(),
+        className: cn(
+          props.direction === "rtl" && "hawa-rotate-180"
+        )
+      },
+      /* @__PURE__ */ React10.createElement(
+        "svg",
+        {
+          xmlns: "http://www.w3.org/2000/svg",
+          width: "20",
+          height: "20",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        },
+        /* @__PURE__ */ React10.createElement("path", { d: "m11 17-5-5 5-5" }),
+        /* @__PURE__ */ React10.createElement("path", { d: "m18 17-5-5 5-5" })
+      )
+    ), /* @__PURE__ */ React10.createElement(
+      Button,
+      {
+        "aria-label": "Previous Table Page",
+        variant: "outline",
+        size: "smallIcon",
+        onClick: () => table.previousPage(),
+        disabled: !table.getCanPreviousPage(),
+        className: cn(
+          props.direction === "rtl" && "hawa-rotate-180"
+        )
+      },
+      /* @__PURE__ */ React10.createElement(
+        "svg",
+        {
+          xmlns: "http://www.w3.org/2000/svg",
+          width: "20",
+          height: "20",
+          "aria-label": "Single Chevron Icon",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        },
+        /* @__PURE__ */ React10.createElement("path", { d: "m15 18-6-6 6-6" })
+      )
+    ), /* @__PURE__ */ React10.createElement(
+      Button,
+      {
+        "aria-label": "Next Table Page",
+        variant: "outline",
+        size: "smallIcon",
+        onClick: () => table.nextPage(),
+        disabled: !table.getCanNextPage(),
+        className: cn(
+          props.direction === "ltr" && "hawa-rotate-180"
+        )
+      },
+      /* @__PURE__ */ React10.createElement(
+        "svg",
+        {
+          xmlns: "http://www.w3.org/2000/svg",
+          width: "20",
+          height: "20",
+          "aria-label": "Single Chevron Icon",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        },
+        /* @__PURE__ */ React10.createElement("path", { d: "m15 18-6-6 6-6" })
+      )
+    ), /* @__PURE__ */ React10.createElement(
+      Button,
+      {
+        "aria-label": "Next Table Page",
+        variant: "outline",
+        size: "smallIcon",
+        onClick: () => table.setPageIndex(table.getPageCount() - 1),
+        disabled: !table.getCanNextPage(),
+        className: cn(
+          props.direction === "ltr" && "hawa-rotate-180"
+        )
+      },
+      /* @__PURE__ */ React10.createElement(
+        "svg",
+        {
+          xmlns: "http://www.w3.org/2000/svg",
+          width: "20",
+          height: "20",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        },
+        /* @__PURE__ */ React10.createElement("path", { d: "m11 17-5-5 5-5" }),
+        /* @__PURE__ */ React10.createElement("path", { d: "m18 17-5-5 5-5" })
+      )
+    ))))
+  ));
+};
+
+// elements/backToTop/BackToTop.tsx
+import React11, { useState as useState3, useEffect as useEffect2, useRef as useRef2 } from "react";
+var BackToTop = ({ ...props }) => {
+  const [visible, setVisible] = useState3(false);
+  const [rect, _setRect] = useState3(null);
+  const self = useRef2(null);
+  const _rect = useRef2(rect);
+  const setRect = (data) => {
+    _rect.current = data;
+    _setRect(data);
+  };
+  const getCoords = () => {
+    let anchor = props.anchor.current;
+    if (anchor) {
+      return [anchor.scrollTop, anchor.scrollLeft];
+    }
+    return [0, 0];
+  };
+  const onScroll = () => {
+    var _a;
+    let [scrollTop, scrollLeft] = getCoords();
+    let rect2 = (_a = props.anchor.current) == null ? void 0 : _a.getBoundingClientRect();
+    if (rect2) {
+      setVisible(scrollTop >= rect2.height + (props.paddingThreshold || 100));
+    }
+  };
+  const backToTop = () => {
+    if (props.anchor.current) {
+      props.anchor.current.scrollTo({ top: 0, behavior: "smooth" });
+    }
+  };
+  useEffect2(() => {
+    if (!props.anchor.current)
+      return;
+    props.anchor.current.addEventListener("scroll", onScroll);
+    let interval = setInterval(() => {
+      if (!props.anchor.current)
+        return;
+      let newRect = props.anchor.current.getBoundingClientRect();
+      if (_rect.current == null)
+        return setRect(newRect);
+      if (!(_rect.current.top == newRect.top && _rect.current.left == newRect.left && _rect.current.width == newRect.width && _rect.current.height == newRect.height)) {
+        setRect(newRect);
+      }
+    }, 1);
+    return () => {
+      var _a;
+      (_a = props.anchor.current) == null ? void 0 : _a.removeEventListener("scroll", onScroll);
+      clearInterval(interval);
+    };
+  }, [onScroll, props.anchor]);
+  const getStyles = () => {
+    var _a;
+    if (!props.anchor.current || !self.current)
+      return {};
+    let corner = props.corner || "bottom-right";
+    let [vertical, horizontal] = corner.split("-");
+    let anchorRect = props.anchor.current.getBoundingClientRect();
+    let selfRect = (_a = self.current) == null ? void 0 : _a.getBoundingClientRect();
+    let width = horizontal == "right" ? anchorRect.width - selfRect.width : 0;
+    let height = vertical == "bottom" ? anchorRect.height - selfRect.height : 0;
+    let style = {
+      top: anchorRect.y + height + (vertical == "bottom" ? -1 : 1) * (props.paddingX || 10),
+      left: anchorRect.x + width + (horizontal == "right" ? -1 : 1) * (props.paddingX || 25)
+    };
+    return style;
+  };
+  return /* @__PURE__ */ React11.createElement(
+    Button,
+    {
+      className: cn(
+        "hawa-fixed hawa-cursor-pointer hawa-rounded hawa-transition-all",
+        visible ? "hawa-pointer-events-all hawa-opacity-100" : "hawa-pointer-events-none hawa-opacity-0"
+      ),
+      onClick: backToTop,
+      style: {
+        ...getStyles(),
+        transitionProperty: "opacity, background-color"
+      },
+      ref: self,
+      size: "icon"
+    },
+    /* @__PURE__ */ React11.createElement(
+      "svg",
+      {
+        className: cn(
+          "hawa-h-6 hawa-w-6 hawa-shrink-0 hawa-rotate-180 hawa-transition-all  disabled:hawa-bg-gray-200"
+        ),
+        "aria-label": "Arrow Icon",
+        viewBox: "0 0 20 20",
+        fill: "currentColor"
+      },
+      /* @__PURE__ */ React11.createElement("path", { d: "M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" })
+    )
+  );
+};
+
+// elements/combobox/Combobox.tsx
+import * as React13 from "react";
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+
+// elements/command/Command.tsx
+import * as React12 from "react";
+import { Command as CommandPrimitive } from "cmdk";
+var Command = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React12.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 CommandDialog = ({ children, ...props }) => {
+  return /* @__PURE__ */ React12.createElement(Dialog, { ...props }, /* @__PURE__ */ React12.createElement(DialogContent, { className: "hawa-overflow-hidden hawa-p-0 hawa-shadow-lg" }, /* @__PURE__ */ React12.createElement(Command, { className: "[&_[cmdk-group-heading]]:hawa-px-2 [&_[cmdk-group-heading]]:hawa-font-medium [&_[cmdk-group-heading]]:hawa-text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:hawa-pt-0 [&_[cmdk-group]]:hawa-px-2 [&_[cmdk-input-wrapper]_svg]:hawa-h-5 [&_[cmdk-input-wrapper]_svg]:hawa-w-5 [&_[cmdk-input]]:hawa-h-12 [&_[cmdk-item]]:hawa-px-2 [&_[cmdk-item]]:hawa-py-3 [&_[cmdk-item]_svg]:hawa-h-5 [&_[cmdk-item]_svg]:hawa-w-5" }, children)));
+};
+var CommandInput = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React12.createElement(
+  "div",
+  {
+    className: "hawa-flex hawa-items-center hawa-border-b hawa-px-3",
+    "cmdk-input-wrapper": ""
+  },
+  /* @__PURE__ */ React12.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-me-2 hawa-shrink-0 hawa-opacity-50"
+    },
+    /* @__PURE__ */ React12.createElement("circle", { cx: "11", cy: "11", r: "8" }),
+    /* @__PURE__ */ React12.createElement("path", { d: "m21 21-4.3-4.3" })
+  ),
+  /* @__PURE__ */ React12.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 = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React12.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 = React12.forwardRef((props, ref) => /* @__PURE__ */ React12.createElement(
+  CommandPrimitive.Empty,
+  {
+    ref,
+    className: "hawa-py-6 hawa-text-center hawa-text-sm",
+    ...props
+  }
+));
+CommandEmpty.displayName = CommandPrimitive.Empty.displayName;
+var CommandGroup = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React12.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 = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React12.createElement(
+  CommandPrimitive.Separator,
+  {
+    ref,
+    className: cn("hawa--mx-1 hawa-h-px hawa-bg-border", className),
+    ...props
+  }
+));
+CommandSeparator.displayName = CommandPrimitive.Separator.displayName;
+var CommandItem = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React12.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__ */ React12.createElement(
+    "span",
+    {
+      className: cn(
+        "hawa-ml-auto hawa-text-xs hawa-tracking-widest hawa-text-muted-foreground",
+        className
+      ),
+      ...props
+    }
+  );
+};
+CommandShortcut.displayName = "CommandShortcut";
+
+// elements/combobox/Combobox.tsx
+var Combobox = React13.forwardRef(
+  ({
+    labelKey = "label",
+    valueKey = "value",
+    defaultValue = "",
+    popoverClassName,
+    direction,
+    labelProps,
+    data,
+    ...props
+  }, ref) => {
+    var _a, _b, _c;
+    const [open, setOpen] = React13.useState(false);
+    const [value, setValue] = React13.useState(defaultValue);
+    function getProperty(obj, key) {
+      return obj[key];
+    }
+    const handleOpenChange = (open2) => {
+      if (!(props.isLoading || props.preview)) {
+        setOpen(open2);
+      }
+    };
+    return /* @__PURE__ */ React13.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__ */ React13.createElement(Label, { ...labelProps }, props.label),
+      /* @__PURE__ */ React13.createElement(PopoverPrimitive.Root, { open, onOpenChange: handleOpenChange }, /* @__PURE__ */ React13.createElement(PopoverTrigger, { asChild: true }, props.isLoading ? /* @__PURE__ */ React13.createElement("div", { className: "hawa-pb-2" }, /* @__PURE__ */ React13.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" })) : /* @__PURE__ */ React13.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-start hawa-gap-2 " }, /* @__PURE__ */ React13.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__ */ React13.createElement(
+        "button",
+        {
+          role: "combobox",
+          type: "button",
+          "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-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__ */ React13.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__ */ React13.createElement("path", { d: "m6 9 6 6 6-6" })
+        )
+      ), /* @__PURE__ */ React13.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__ */ React13.createElement(
+        PopoverContent,
+        {
+          sideOffset: 0,
+          className: cn("popover-w-parent", props.helperText && "-hawa-mt-4"),
+          dir: direction
+        },
+        /* @__PURE__ */ React13.createElement(Command, null, !props.hideInput && /* @__PURE__ */ React13.createElement(
+          CommandInput,
+          {
+            dir: direction,
+            placeholder: ((_b = props.texts) == null ? void 0 : _b.searchPlaceholder) || "Search"
+          }
+        ), /* @__PURE__ */ React13.createElement(CommandEmpty, null, ((_c = props.texts) == null ? void 0 : _c.noItems) || "No items found."), /* @__PURE__ */ React13.createElement(CommandGroup, { className: "hawa-max-h-[200px] hawa-overflow-y-auto" }, data.map((item, i) => /* @__PURE__ */ React13.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__ */ React13.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",
+                value === getProperty(item, valueKey) ? "hawa-opacity-100" : "hawa-opacity-0"
+              ),
+              style: { marginInlineEnd: "0.5rem" }
+            },
+            /* @__PURE__ */ React13.createElement("polyline", { points: "20 6 9 17 4 12" })
+          ),
+          getProperty(item, labelKey)
+        ))))
+      ))
+    );
+  }
+);
+
+// elements/fileDropzone/FileDropzone.tsx
+import React14, { useEffect as useEffect3, useState as useState5 } from "react";
+import { useDropzone } from "react-dropzone";
+import clsx from "clsx";
+var FileDropzone = ({
+  texts,
+  files,
+  setFiles,
+  setDeletedFiles,
+  onAcceptedFiles,
+  errorMessages,
+  maxFiles,
+  accept,
+  showPreview,
+  onDeleteFile,
+  onClearFiles,
+  disclaimer,
+  maxSize,
+  label,
+  termsLink,
+  privacyLink
+}) => {
+  var _a, _b, _c, _d, _e, _f;
+  const [cmp, setCmp] = useState5(0);
+  const [max, setMax] = useState5(0);
+  const {
+    getRootProps,
+    getInputProps,
+    fileRejections,
+    acceptedFiles,
+    isDragActive
+  } = useDropzone({
+    multiple: true,
+    accept,
+    maxSize,
+    maxFiles,
+    onDrop: (acceptedFiles2) => {
+      setFiles(
+        acceptedFiles2.map(
+          (file, index) => Object.assign(file, {
+            preview: URL.createObjectURL(file)
+          })
+        )
+      );
+    }
+  });
+  useEffect3(
+    () => () => {
+      files == null ? void 0 : files.forEach((file) => {
+        URL.revokeObjectURL(file.preview);
+      });
+    },
+    [files]
+  );
+  useEffect3(() => {
+    setFiles(acceptedFiles);
+  }, [acceptedFiles, cmp, setFiles]);
+  onClearFiles = () => {
+    acceptedFiles.length = 0;
+    acceptedFiles.splice(0, acceptedFiles.length);
+    setFiles([]);
+  };
+  const clearAllFiles = () => {
+    acceptedFiles.length = 0;
+    setFiles([]);
+  };
+  useEffect3(() => {
+    if (maxSize > 0) {
+      const k = 1024;
+      const sizes = ["Bytes", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"];
+      const i = Math.floor(Math.log(maxSize) / Math.log(1024));
+      setMax(
+        parseFloat((maxSize / Math.pow(1024, i)).toFixed(2)) + " " + sizes[i]
+      );
+    }
+  }, [maxSize]);
+  const errs = fileRejections.map((rej, i) => {
+    switch (rej.errors[0].code) {
+      case "file-too-large":
+        return /* @__PURE__ */ React14.createElement(
+          Alert,
+          {
+            key: i,
+            text: rej.file.name,
+            title: texts.fileTooLarge,
+            severity: "error"
+          }
+        );
+      case "too-many-files":
+        return /* @__PURE__ */ React14.createElement(
+          Alert,
+          {
+            key: i,
+            text: rej.file.name,
+            title: texts.tooManyFiles,
+            severity: "error"
+          }
+        );
+      case "file-invalid-type":
+        return /* @__PURE__ */ React14.createElement(
+          Alert,
+          {
+            key: i,
+            text: rej.file.name,
+            title: texts.invalidFileType,
+            severity: "error"
+          }
+        );
+      default:
+        return /* @__PURE__ */ React14.createElement(
+          Alert,
+          {
+            key: i,
+            text: rej.file.name,
+            title: rej.errors[0].code,
+            severity: "error"
+          }
+        );
+    }
+  });
+  const thumbs = files == null ? void 0 : files.map((file, index) => /* @__PURE__ */ React14.createElement("div", { className: "hawa-relative hawa-rounded", key: index }, /* @__PURE__ */ React14.createElement(
+    "button",
+    {
+      onClick: (e) => {
+        e.stopPropagation();
+        acceptedFiles.splice(acceptedFiles.indexOf(file), 1);
+        setCmp(Math.random);
+        onDeleteFile(file);
+      },
+      type: "button",
+      className: "hawa-absolute hawa-left-0 hawa-ml-auto hawa-inline-flex hawa-items-center hawa-rounded-inner hawa-rounded-bl-none hawa-rounded-tr-none hawa-bg-gray-900 hawa-p-1.5 hawa-text-sm hawa-text-gray-400 hawa-transition-all hover:hawa-bg-gray-200 hover:hawa-text-gray-900 dark:hover:hawa-bg-gray-600 dark:hover:hawa-text-white",
+      "data-modal-toggle": "defaultModal"
+    },
+    /* @__PURE__ */ React14.createElement(
+      "svg",
+      {
+        "aria-hidden": "true",
+        className: "hawa-h-5 hawa-w-5",
+        fill: "currentColor",
+        viewBox: "0 0 20 20"
+      },
+      /* @__PURE__ */ React14.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__ */ React14.createElement("span", { className: "hawa-sr-only" }, "Close modal")
+  ), /* @__PURE__ */ React14.createElement(
+    "div",
+    {
+      style: {
+        display: "flex",
+        justifyContent: "center",
+        alignItems: "center",
+        overflow: "hidden",
+        height: 100,
+        width: 100,
+        backgroundImage: `url(${file.preview})`,
+        backgroundSize: "cover",
+        backgroundPosition: "center",
+        border: "1px solid black"
+      },
+      className: "hawa-rounded",
+      key: file.name
+    }
+  )));
+  return /* @__PURE__ */ React14.createElement("div", null, label && /* @__PURE__ */ React14.createElement("div", { className: "hawa-mb-2 hawa-block hawa-text-sm hawa-font-medium hawa-text-gray-900 dark:hawa-text-gray-300" }, label), /* @__PURE__ */ React14.createElement(
+    "div",
+    {
+      className: clsx(
+        "hawa-flex hawa-flex-col hawa-justify-center hawa-rounded hawa-border hawa-border-dashed  hawa-p-6 hawa-transition-all  ",
+        isDragActive ? "hawa-bg-muted" : "hawa-bg-muted/20 hover:hawa-bg-muted/50 "
+      )
+    },
+    /* @__PURE__ */ React14.createElement("div", { ...getRootProps({}) }, /* @__PURE__ */ React14.createElement("p", { ...getInputProps() }), /* @__PURE__ */ React14.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-gap-2 hawa-pt-4 hawa-text-center" }, /* @__PURE__ */ React14.createElement(
+      "svg",
+      {
+        stroke: "currentColor",
+        fill: "none",
+        strokeWidth: "2",
+        viewBox: "0 0 24 24",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        height: "1.5em",
+        width: "1.5em"
+      },
+      /* @__PURE__ */ React14.createElement("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }),
+      /* @__PURE__ */ React14.createElement("path", { d: "M19 11v-2a2 2 0 0 0 -2 -2h-8a2 2 0 0 0 -2 2v8a2 2 0 0 0 2 2h2" }),
+      /* @__PURE__ */ React14.createElement("path", { d: "M13 13l9 3l-4 2l-2 4l-3 -9" }),
+      /* @__PURE__ */ React14.createElement("path", { d: "M3 3l0 .01" }),
+      /* @__PURE__ */ React14.createElement("path", { d: "M7 3l0 .01" }),
+      /* @__PURE__ */ React14.createElement("path", { d: "M11 3l0 .01" }),
+      /* @__PURE__ */ React14.createElement("path", { d: "M15 3l0 .01" }),
+      /* @__PURE__ */ React14.createElement("path", { d: "M3 7l0 .01" }),
+      /* @__PURE__ */ React14.createElement("path", { d: "M3 11l0 .01" }),
+      /* @__PURE__ */ React14.createElement("path", { d: "M3 15l0 .01" })
+    ), typeof texts.clickHereToUpload === "function" ? texts.clickHereToUpload() : texts.clickHereToUpload), /* @__PURE__ */ React14.createElement("div", { className: "hawa-select-none hawa-pt-2 hawa-text-center hawa-text-xs" }, texts.acceptedFileTypes, " ", accept.split(",")), /* @__PURE__ */ React14.createElement("div", { className: "hawa-select-none hawa-pb-2 hawa-pt-1 hawa-text-center hawa-text-xs" }, texts.maxFileSize, " ", max)),
+    acceptedFiles.length > 0 && /* @__PURE__ */ React14.createElement("div", { className: "hawa-flex hawa-justify-center hawa-rounded-lg  hawa-p-2 " }, /* @__PURE__ */ React14.createElement(Button, { onClick: clearAllFiles }, "Clear All")),
+    acceptedFiles.length > 0 && thumbs && showPreview ? /* @__PURE__ */ React14.createElement("aside", { className: "hawa-flex hawa-flex-row hawa-flex-wrap hawa-justify-center  hawa-gap-2 hawa-rounded-lg  hawa-p-2" }, thumbs) : null,
+    /* @__PURE__ */ React14.createElement("div", { className: "px-4" }, ((_b = (_a = fileRejections[0]) == null ? void 0 : _a.errors[0]) == null ? void 0 : _b.code) && errs)
+  ), disclaimer && /* @__PURE__ */ React14.createElement("div", { className: "hawa-mt-2 hawa-text-sm hawa-text-muted-foreground/50" }, (_c = texts.disclaimer) != null ? _c : "By uploading a file you agree to our", " ", /* @__PURE__ */ React14.createElement(
+    "a",
+    {
+      href: termsLink,
+      className: "clickable-link hawa-text-muted-foreground/50"
+    },
+    (_d = texts.terms) != null ? _d : "Terms"
+  ), " ", (_e = texts.and) != null ? _e : "and", " ", /* @__PURE__ */ React14.createElement(
+    "a",
+    {
+      href: privacyLink,
+      className: "clickable-link hawa-text-muted-foreground/50"
+    },
+    (_f = texts.privacyPolicy) != null ? _f : "Privacy Policy"
+  )));
+};
+
+// elements/sortButton/SortButton.tsx
+import React15 from "react";
+var SortButton = (props) => {
+  return /* @__PURE__ */ React15.createElement(
+    Button,
+    {
+      variant: "ghost",
+      centered: false,
+      className: cn(
+        "hawa-flex hawa-w-full hawa-flex-row hawa-items-start hawa-justify-start hawa-gap-2 hawa-text-start",
+        props.condensed && "hawa-h-6"
+      ),
+      onClick: props.onSort
+    },
+    props.label,
+    /* @__PURE__ */ React15.createElement(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        className: props.condensed ? "hawa-h-3 hawa-w-3" : "hawa-icon"
+      },
+      /* @__PURE__ */ React15.createElement("path", { d: "m21 16-4 4-4-4" }),
+      /* @__PURE__ */ React15.createElement("path", { d: "M17 20V4" }),
+      /* @__PURE__ */ React15.createElement("path", { d: "m3 8 4-4 4 4" }),
+      /* @__PURE__ */ React15.createElement("path", { d: "M7 4v16" })
+    )
+  );
+};
+
+// elements/switch/Switch.tsx
+import * as React16 from "react";
+import * as SwitchPrimitives from "@radix-ui/react-switch";
+var Switch = React16.forwardRef(
+  ({ className, size = "default", roundedness = "inherit", label, ...props }, ref) => {
+    const [parentDirection, setParentDirection] = React16.useState(
+      null
+    );
+    const parentRef = React16.useRef(null);
+    React16.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__ */ React16.createElement(
+      "div",
+      {
+        className: "hawa-flex hawa-flex-row hawa-items-center",
+        ref: parentRef
+      },
+      /* @__PURE__ */ React16.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__ */ React16.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__ */ React16.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;
+
+// elements/breadcrumb/Breadcrumb.tsx
+import React17 from "react";
+var Breadcrumb = ({
+  breadcrumbLinks,
+  separator = ">"
+}) => {
+  return /* @__PURE__ */ React17.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 hawa-text-sm" }, breadcrumbLinks.map((singleBreadcrumbLink, index) => /* @__PURE__ */ React17.createElement(
+    "div",
+    {
+      key: index,
+      className: "hawa-flex hawa-flex-row hawa-items-center hawa-justify-center hawa-gap-2"
+    },
+    /* @__PURE__ */ React17.createElement(
+      "a",
+      {
+        href: singleBreadcrumbLink.href,
+        className: index + 1 === breadcrumbLinks.length ? "hawa-pointer-events-none" : "hawa-underline-offset-4 hawa-transition-all hover:hawa-text-primary hover:hawa-underline hover:hawa-decoration-2"
+      },
+      singleBreadcrumbLink.label
+    ),
+    index != breadcrumbLinks.length - 1 ? typeof separator == "string" ? /* @__PURE__ */ React17.createElement("div", null, separator) : /* @__PURE__ */ React17.createElement("div", null, separator) : null
+  )));
+};
+
+// elements/appStores/AppStores.tsx
+import React18 from "react";
+var AppStores = (props) => {
+  return /* @__PURE__ */ React18.createElement("div", { className: "hawa-flex hawa-justify-center" }, /* @__PURE__ */ React18.createElement("div", null, props.store === "apple" ? /* @__PURE__ */ React18.createElement("div", { className: "hawa-mt-3 hawa-flex hawa-h-14 hawa-w-48 hawa-items-center hawa-justify-center hawa-rounded-lg hawa-bg-black hawa-text-white dark:hawa-bg-white dark:hawa-text-black" }, /* @__PURE__ */ React18.createElement("div", { className: "hawa-mr-3" }, /* @__PURE__ */ React18.createElement("svg", { viewBox: "0 0 384 512", width: "30" }, /* @__PURE__ */ React18.createElement(
+    "path",
+    {
+      fill: "currentColor",
+      d: "M318.7 268.7c-.2-36.7 16.4-64.4 50-84.8-18.8-26.9-47.2-41.7-84.7-44.6-35.5-2.8-74.3 20.7-88.5 20.7-15 0-49.4-19.7-76.4-19.7C63.3 141.2 4 184.8 4 273.5q0 39.3 14.4 81.2c12.8 36.7 59 126.7 107.2 125.2 25.2-.6 43-17.9 75.8-17.9 31.8 0 48.3 17.9 76.4 17.9 48.6-.7 90.4-82.5 102.6-119.3-65.2-30.7-61.7-90-61.7-91.9zm-56.6-164.2c27.3-32.4 24.8-61.9 24-72.5-24.1 1.4-52 16.4-67.9 34.9-17.5 19.8-27.8 44.3-25.6 71.9 26.1 2 49.9-11.4 69.5-34.3z"
+    }
+  ))), /* @__PURE__ */ React18.createElement("div", null, /* @__PURE__ */ React18.createElement("div", { className: "hawa-text-xs" }, "Download on the"), /* @__PURE__ */ React18.createElement("div", { className: "hawa--mt-1 hawa-font-sans hawa-text-2xl hawa-font-semibold" }, "App Store"))) : /* @__PURE__ */ React18.createElement("div", { className: "hawa-mt-3 hawa-flex hawa-h-14 hawa-w-48 hawa-items-center hawa-justify-center hawa-rounded-lg hawa-border hawa-border-black hawa-bg-black hawa-text-white dark:hawa-bg-white dark:hawa-text-black" }, /* @__PURE__ */ React18.createElement("div", { className: "hawa-mr-3" }, /* @__PURE__ */ React18.createElement("svg", { viewBox: "30 336.7 120.9 129.2", width: "30" }, /* @__PURE__ */ React18.createElement(
+    "path",
+    {
+      fill: "#FFD400",
+      d: "M119.2,421.2c15.3-8.4,27-14.8,28-15.3c3.2-1.7,6.5-6.2,0-9.7  c-2.1-1.1-13.4-7.3-28-15.3l-20.1,20.2L119.2,421.2z"
+    }
+  ), /* @__PURE__ */ React18.createElement(
+    "path",
+    {
+      fill: "#FF3333",
+      d: "M99.1,401.1l-64.2,64.7c1.5,0.2,3.2-0.2,5.2-1.3  c4.2-2.3,48.8-26.7,79.1-43.3L99.1,401.1L99.1,401.1z"
+    }
+  ), /* @__PURE__ */ React18.createElement(
+    "path",
+    {
+      fill: "#48FF48",
+      d: "M99.1,401.1l20.1-20.2c0,0-74.6-40.7-79.1-43.1  c-1.7-1-3.6-1.3-5.3-1L99.1,401.1z"
+    }
+  ), /* @__PURE__ */ React18.createElement(
+    "path",
+    {
+      fill: "#3BCCFF",
+      d: "M99.1,401.1l-64.3-64.3c-2.6,0.6-4.8,2.9-4.8,7.6  c0,7.5,0,107.5,0,113.8c0,4.3,1.7,7.4,4.9,7.7L99.1,401.1z"
+    }
+  ))), /* @__PURE__ */ React18.createElement("div", null, /* @__PURE__ */ React18.createElement("div", { className: "hawa-text-xs" }, "GET IT ON"), /* @__PURE__ */ React18.createElement("div", { className: "hawa--mt-1 hawa-font-sans hawa-text-xl hawa-font-semibold" }, "Google Play")))));
+};
+
+// elements/badge/Badge.tsx
+import React19, { useEffect as useEffect5, useState as useState7, useRef as useRef4 } from "react";
+var Badge = ({
+  anchor,
+  position = "right",
+  size = "default",
+  text,
+  className
+}) => {
+  const [badgePosition, setBadgePosition] = useState7(null);
+  const indicatorRef = useRef4(null);
+  const sizeStyles2 = {
+    small: { top: 4, left: 6, right: 7, classes: "hawa-w-3 hawa-h-3" },
+    default: { top: 4, left: 7, right: 5, classes: "hawa-w-3 hawa-h-3" },
+    large: { top: 6, left: 12, right: 7, classes: "hawa-w-6 hawa-h-6" }
+  };
+  useEffect5(() => {
+    const handlePositioning = () => {
+      var _a;
+      if (anchor.current && indicatorRef.current) {
+        const rect = anchor.current.getBoundingClientRect();
+        const parentRect = (_a = indicatorRef.current.parentElement) == null ? void 0 : _a.getBoundingClientRect();
+        const style = window.getComputedStyle(anchor.current);
+        const marginTop = parseFloat(style.marginTop.replace("px", ""));
+        const marginRight = parseFloat(style.marginRight.replace("px", ""));
+        if (parentRect) {
+          setBadgePosition({
+            top: rect.top - parentRect.top - marginTop - sizeStyles2[size].top,
+            left: position === "right" ? parentRect.right - parentRect.left - sizeStyles2[size].left : rect.right - parentRect.left - parentRect.width - marginRight - sizeStyles2[size].right
+          });
+        }
+      }
+    };
+    handlePositioning();
+    window.addEventListener("resize", handlePositioning);
+    return () => {
+      window.removeEventListener("resize", handlePositioning);
+    };
+  }, [anchor]);
+  return /* @__PURE__ */ React19.createElement("div", { ref: indicatorRef, className: cn("hawa-relative", className) }, badgePosition && /* @__PURE__ */ React19.createElement(
+    "div",
+    {
+      style: {
+        position: "absolute",
+        top: badgePosition == null ? void 0 : badgePosition.top,
+        left: badgePosition == null ? void 0 : badgePosition.left
+      },
+      className: cn(
+        "hawa-origin-center hawa-rounded-full  hawa-bg-red-500 ",
+        sizeStyles2[size].classes,
+        "hawa-flex hawa-flex-row hawa-items-center hawa-justify-center hawa-text-[9px] hawa-text-white"
+      )
+    },
+    size === "large" && text && text
+  ));
+};
+var BadgedComponent = ({
+  children,
+  className,
+  hideBadge,
+  position,
+  size,
+  text
+}) => {
+  const ref = useRef4(null);
+  return /* @__PURE__ */ React19.createElement("div", { className: cn("hawa-relative hawa-w-fit", className), ref }, !hideBadge && /* @__PURE__ */ React19.createElement(
+    Badge,
+    {
+      size,
+      text,
+      position,
+      anchor: ref,
+      className: "hawa-z-10"
+    }
+  ), children);
+};
+
+// elements/colorPicker/ColorPicker.tsx
+import React20, {
+  useState as useState8,
+  useEffect as useEffect6
+} from "react";
+var ColorPicker = ({
+  containerProps,
+  colorPickerProps,
+  textInputProps,
+  labelProps,
+  forceHideHelperText,
+  isLoading,
+  preview = false,
+  ...props
+}) => {
+  const [selectedColor, setSelectedColor] = useState8(props.color);
+  useEffect6(() => {
+    if (selectedColor && selectedColor[0] !== "#") {
+      setSelectedColor(`#${selectedColor}`);
+    }
+  }, [selectedColor]);
+  const handleTextInputChange = (e) => {
+    const inputElement = e.target;
+    let inputColor = inputElement.value;
+    if (inputColor[0] !== "#") {
+      inputColor = `#${inputColor}`;
+    }
+    const sanitizedInput = inputColor.replace(/[^a-fA-F0-9#]/g, "");
+    setSelectedColor(sanitizedInput);
+    if (props.handleChange) {
+      props.handleChange(e);
+    }
+  };
+  return /* @__PURE__ */ React20.createElement("div", { className: "hawa-flex hawa-w-fit hawa-flex-col hawa-gap-2" }, props.label && /* @__PURE__ */ React20.createElement(Label, { ...labelProps }, props.label), isLoading ? /* @__PURE__ */ React20.createElement(Skeleton, { style: { height: 40, width: 148 } }) : /* @__PURE__ */ React20.createElement("div", { dir: "ltr", className: "hawa-flex hawa-w-full hawa-flex-row" }, /* @__PURE__ */ React20.createElement(
+    "div",
+    {
+      style: { height: 40, backgroundColor: selectedColor },
+      className: "hawa-rounded-bl-lg hawa-rounded-tl-lg hawa-border"
+    },
+    /* @__PURE__ */ React20.createElement(
+      "input",
+      {
+        disabled: preview,
+        type: "color",
+        value: selectedColor,
+        onChange: (e) => {
+          setSelectedColor(e.target.value);
+          if (props.handleChange) {
+            props.handleChange(e);
+          }
+        },
+        className: cn(
+          "hawa-mt-0 hawa-h-[38px] hawa-opacity-0",
+          props.colorPickerClassNames
+        ),
+        ...colorPickerProps
+      }
+    )
+  ), /* @__PURE__ */ React20.createElement("div", { className: "hawa-relative hawa-flex hawa-max-h-fit hawa-w-full hawa-flex-col hawa-justify-center hawa-gap-0" }, /* @__PURE__ */ React20.createElement(
+    "input",
+    {
+      disabled: preview,
+      maxLength: 7,
+      type: "text",
+      onInput: handleTextInputChange,
+      value: selectedColor,
+      className: cn(
+        "hawa-block hawa-h-[40px] hawa-w-24 hawa-rounded hawa-rounded-l-none hawa-bg-background hawa-p-2 hawa-text-sm hawa-transition-all",
+        "hawa-border hawa-border-l-0 hawa-border-l-transparent"
+        // "hawa-border hawa-border-x-0 hawa-border-x-transparent hawa-border-b-0 hawa-rounded-tr-none"
+      ),
+      style: {
+        backgroundColor: preview ? selectedColor : "hsl(var(--background))",
+        color: preview ? calculateLuminance(selectedColor) > 0.5 ? "black" : "white" : ""
+      },
+      ...textInputProps
+    }
+  ))), !forceHideHelperText && /* @__PURE__ */ React20.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
+  ));
+};
+
+// elements/progressCircle/ProgressCircle.tsx
+import React21 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 = React21.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__ */ React21.createElement(React21.Fragment, null, /* @__PURE__ */ React21.createElement(
+    "div",
+    {
+      ref,
+      className: cn(
+        "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center",
+        className
+      )
+    },
+    /* @__PURE__ */ React21.createElement(
+      "svg",
+      {
+        width: radius * 2,
+        height: radius * 2,
+        viewBox: `0 0 ${radius * 2} ${radius * 2}`,
+        className: "hawa-rotate-180 hawa-transform"
+      },
+      /* @__PURE__ */ React21.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__ */ React21.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__ */ React21.createElement("div", { className: cn("hawa-absolute hawa-flex") }, children)
+  ));
+});
+ProgressCircle.displayName = "ProgressCircle";
+
+// elements/pagination/Pagination.tsx
+import React22 from "react";
+import { Pagination as PaginationPrimitive } from "react-headless-pagination";
+var Pagination = ({
+  direction,
+  totalPages,
+  currentPage
+}) => {
+  const [page, setPage] = React22.useState(currentPage || 0);
+  const handlePageChange = (page2) => {
+    setPage(page2);
+  };
+  return /* @__PURE__ */ React22.createElement(
+    PaginationPrimitive,
+    {
+      totalPages,
+      edgePageCount: 2,
+      middlePagesSiblingCount: 1,
+      currentPage: page,
+      setCurrentPage: handlePageChange,
+      className: "hawa-flex hawa-h-9 hawa-w-full hawa-select-none hawa-items-center hawa-text-sm hawa-transition-all",
+      truncableText: "...",
+      truncableClassName: "hawa-w-10 hawa-px-0.5 hawa-text-center"
+    },
+    /* @__PURE__ */ React22.createElement(
+      PaginationPrimitive.PrevButton,
+      {
+        as: /* @__PURE__ */ React22.createElement(
+          "button",
+          {
+            "aria-label": "Previous Table Page",
+            className: cn(
+              "hawa-min-w-9 hawa-flex hawa-h-9 hawa-w-9 hawa-items-center hawa-justify-center hawa-rounded hawa-border hawa-bg-card",
+              direction === "rtl" && "hawa-rotate-180"
+            ),
+            style: { minWidth: 36 }
+          },
+          /* @__PURE__ */ React22.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"
+            },
+            /* @__PURE__ */ React22.createElement("path", { d: "m15 18-6-6 6-6" })
+          )
+        ),
+        className: cn(
+          "hawa-mr-2 hawa-flex hawa-items-center hawa-text-gray-500 hover:hawa-text-gray-600 dark:hover:hawa-text-gray-200",
+          {
+            "hawa-cursor-pointer": page !== 0,
+            "hawa-opacity-50": page === 0
+          }
+        )
+      },
+      "Previous"
+    ),
+    /* @__PURE__ */ React22.createElement("nav", { className: "hawa-flex hawa-flex-grow hawa-justify-center" }, /* @__PURE__ */ React22.createElement("ul", { className: "hawa-flex hawa-items-center hawa-gap-1" }, /* @__PURE__ */ React22.createElement(
+      PaginationPrimitive.PageButton,
+      {
+        className: "hawa-tap-highlight-transparent hawa-text-default-foreground data-[focus-visible=true]:hawa-outline-focus data-[disabled=true]:hawa-text-default-300 hawa-min-w-9 hawa-text-small hawa-box-border hawa-flex hawa-h-9 hawa-w-9 hawa-cursor-pointer hawa-touch-none hawa-select-none hawa-flex-wrap hawa-items-center hawa-justify-center hawa-truncate hawa-rounded hawa-border hawa-bg-card hawa-outline-none hawa-transition-all hover:hawa-scale-[1.1] data-[disabled=true]:hawa-pointer-events-none data-[focus-visible=true]:hawa-z-10 data-[pressed=true]:hawa-scale-[0.97] data-[focus-visible=true]:hawa-outline-2 data-[focus-visible=true]:hawa-outline-offset-2",
+        activeClassName: "hawa-bg-primary hawa-text-primary-foreground hawa-transition-all"
+      }
+    ))),
+    /* @__PURE__ */ React22.createElement(
+      PaginationPrimitive.NextButton,
+      {
+        as: /* @__PURE__ */ React22.createElement(
+          "button",
+          {
+            "aria-label": "Previous Table Page",
+            className: cn(
+              "hawa-min-w-9 hawa-flex hawa-h-9 hawa-w-9 hawa-items-center hawa-justify-center hawa-rounded hawa-border hawa-bg-card",
+              direction === "ltr" && "hawa-rotate-180"
+            ),
+            style: { minWidth: 36 }
+          },
+          /* @__PURE__ */ React22.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"
+            },
+            /* @__PURE__ */ React22.createElement("path", { d: "m15 18-6-6 6-6" })
+          )
+        ),
+        className: cn(
+          "hawa-mr-2 hawa-flex hawa-items-center hawa-text-gray-500 hover:hawa-text-gray-600 dark:hover:hawa-text-gray-200",
+          {
+            "hawa-cursor-pointer": page !== totalPages - 1,
+            "hawa-opacity-50": page === totalPages - 1
+          }
+        )
+      },
+      "Next"
+    )
+  );
+};
+
+// elements/passwordInput/PasswordInput.tsx
+import React23, { useEffect as useEffect7, useState as useState9 } from "react";
+var PasswordStrengthIndicator = ({ strength }) => {
+  const strengthLevels = [
+    "none",
+    "very-weak",
+    "weak",
+    "medium",
+    "strong",
+    "very-strong"
+  ];
+  const strengthColors = {
+    none: "hawa-bg-red-700",
+    "very-weak": "hawa-bg-red-600",
+    weak: "hawa-bg-red-500",
+    medium: "hawa-bg-yellow-500",
+    strong: "hawa-bg-green-400",
+    "very-strong": "hawa-bg-green-600"
+  };
+  const currentStrengthLevel = strengthLevels[strength];
+  const width = {
+    none: "0%",
+    "very-weak": "20%",
+    weak: "40%",
+    medium: "60%",
+    strong: "80%",
+    "very-strong": "100%"
+  }[currentStrengthLevel];
+  return /* @__PURE__ */ React23.createElement("div", { className: "hawa-mt-0.5 hawa-h-2 hawa-w-full hawa-rounded hawa-bg-gray-200" }, /* @__PURE__ */ React23.createElement(
+    "div",
+    {
+      className: `${strengthColors[currentStrengthLevel]} hawa-h-full hawa-rounded hawa-transition-all hawa-duration-300`,
+      style: { width }
+    }
+  ));
+};
+var PasswordInput = ({
+  hidePopover,
+  ...props
+}) => {
+  const [inputValue, setInputValue] = useState9("");
+  const [isInputFocused, setIsInputFocused] = useState9(false);
+  const [currentStr, setCurrentStr] = useState9(0);
+  const [passwordVisible, setPasswordVisible] = useState9(false);
+  const [lengthCriteriaMet, setLengthCriteriaMet] = useState9(false);
+  const [numberCriteriaMet, setNumberCriteriaMet] = useState9(false);
+  const [specialCharCriteriaMet, setSpecialCharCriteriaMet] = useState9(false);
+  const [lowercaseCriteriaMet, setLowercaseCriteriaMet] = useState9(false);
+  const [uppercaseCriteriaMet, setUppercaseCriteriaMet] = useState9(false);
+  useEffect7(() => {
+    const calculateStrength = () => {
+      let strengthScore = 0;
+      if (lengthCriteriaMet)
+        strengthScore += 1;
+      if (numberCriteriaMet)
+        strengthScore += 1;
+      if (specialCharCriteriaMet)
+        strengthScore += 1;
+      if (lowercaseCriteriaMet)
+        strengthScore += 1;
+      if (uppercaseCriteriaMet)
+        strengthScore += 1;
+      return strengthScore;
+    };
+    const currentStrengthScore = calculateStrength();
+    setCurrentStr(currentStrengthScore);
+  }, [inputValue]);
+  const handleInputChange = (event) => {
+    const newPassword = event.target.value;
+    if (props.onChange) {
+      props.onChange(event);
+    }
+    setInputValue(newPassword);
+    setLengthCriteriaMet(newPassword.length >= 8);
+    setNumberCriteriaMet(/\d/.test(newPassword));
+    setSpecialCharCriteriaMet(/[!@#$%^&*(),.?":{}|<>]/.test(newPassword));
+    setLowercaseCriteriaMet(/[a-z]/.test(newPassword));
+    setUppercaseCriteriaMet(/[A-Z]/.test(newPassword));
+  };
+  const handleInputFocus = () => {
+    if (!hidePopover) {
+      setIsInputFocused(true);
+    }
+  };
+  const handleInputBlur = () => {
+    setIsInputFocused(false);
+  };
+  const getCriteriaClass = (isMet) => isMet ? "hawa-flex hawa-flex-row hawa-gap-2 hawa-text-sm hawa-items-center hawa-text-green-500" : "hawa-flex hawa-flex-row hawa-gap-2 hawa-text-sm hawa-items-center hawa-text-red-600";
+  return /* @__PURE__ */ React23.createElement("div", null, /* @__PURE__ */ React23.createElement(
+    Popover,
+    {
+      width: "trigger",
+      sideOffset: 20,
+      open: isInputFocused,
+      onOpenChange: setIsInputFocused,
+      triggerProps: { asChild: true },
+      contentProps: { onOpenAutoFocus: (e) => e.preventDefault() },
+      trigger: /* @__PURE__ */ React23.createElement(
+        "div",
+        {
+          onClick: (e) => {
+            e.preventDefault();
+            if (!hidePopover) {
+              setIsInputFocused(true);
+            }
+          }
+        },
+        /* @__PURE__ */ React23.createElement(
+          Input,
+          {
+            width: "full",
+            className: "hawa-w-full",
+            label: "test",
+            onChange: handleInputChange,
+            onFocus: handleInputFocus,
+            onBlur: handleInputBlur,
+            type: passwordVisible ? "text" : "password",
+            endIcon: /* @__PURE__ */ React23.createElement(
+              "div",
+              {
+                className: "hawa-cursor-pointer",
+                onClick: () => setPasswordVisible(!passwordVisible)
+              },
+              passwordVisible ? /* @__PURE__ */ React23.createElement(EyeIcon, { className: "hawa-text-gray-500" }) : /* @__PURE__ */ React23.createElement(HiddenEyeIcon, { className: "hawa-text-gray-500" }),
+              " "
+            )
+          }
+        )
+      )
+    },
+    /* @__PURE__ */ React23.createElement("div", { className: "hawa-rounded hawa-p-2" }, /* @__PURE__ */ React23.createElement("ul", { className: "hawa-rounded hawa-p-2" }, /* @__PURE__ */ React23.createElement("li", { className: getCriteriaClass(lengthCriteriaMet) }, lengthCriteriaMet ? /* @__PURE__ */ React23.createElement(CheckMark, { size: "sm" }) : /* @__PURE__ */ React23.createElement(UncheckMark, { size: "sm" }), "At least 8 characters long"), /* @__PURE__ */ React23.createElement("li", { className: getCriteriaClass(numberCriteriaMet) }, numberCriteriaMet ? /* @__PURE__ */ React23.createElement(CheckMark, { size: "sm" }) : /* @__PURE__ */ React23.createElement(UncheckMark, { size: "sm" }), "At least 1 number"), /* @__PURE__ */ React23.createElement("li", { className: getCriteriaClass(specialCharCriteriaMet) }, specialCharCriteriaMet ? /* @__PURE__ */ React23.createElement(CheckMark, { size: "sm" }) : /* @__PURE__ */ React23.createElement(UncheckMark, { size: "sm" }), "At least 1 special character"), /* @__PURE__ */ React23.createElement("li", { className: getCriteriaClass(lowercaseCriteriaMet) }, lowercaseCriteriaMet ? /* @__PURE__ */ React23.createElement(CheckMark, { size: "sm" }) : /* @__PURE__ */ React23.createElement(UncheckMark, { size: "sm" }), "At least 1 lowercase letter"), /* @__PURE__ */ React23.createElement("li", { className: getCriteriaClass(uppercaseCriteriaMet) }, uppercaseCriteriaMet ? /* @__PURE__ */ React23.createElement(CheckMark, { size: "sm" }) : /* @__PURE__ */ React23.createElement(UncheckMark, { size: "sm" }), "At least 1 uppercase letter")))
+  ), /* @__PURE__ */ React23.createElement(PasswordStrengthIndicator, { strength: currentStr }));
+};
+
+// elements/slider/Slider.tsx
+import * as React24 from "react";
+import * as SliderPrimitive from "@radix-ui/react-slider";
+var Slider = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React24.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__ */ React24.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__ */ React24.createElement(SliderPrimitive.Range, { className: "hawa-absolute hawa-h-full hawa-bg-primary" })),
+  /* @__PURE__ */ React24.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;
+
+// elements/simpleTable/SimpleTable.tsx
+import * as React25 from "react";
+import {
+  flexRender as flexRender2,
+  getCoreRowModel as getCoreRowModel2,
+  useReactTable as useReactTable2
+} from "@tanstack/react-table";
+var SimpleTable = ({
+  columns,
+  data,
+  classNames,
+  ...props
+}) => {
+  var _a, _b;
+  const table = useReactTable2({
+    data,
+    columns,
+    getCoreRowModel: getCoreRowModel2()
+  });
+  return /* @__PURE__ */ React25.createElement(
+    "div",
+    {
+      className: cn(
+        "hawa-flex  hawa-w-full hawa-flex-col hawa-gap-4",
+        classNames
+      )
+    },
+    props.isLoading ? /* @__PURE__ */ React25.createElement(Skeleton, { className: "h-[130px] w-full" }) : /* @__PURE__ */ React25.createElement("div", { className: "hawa-rounded" }, /* @__PURE__ */ React25.createElement(Table, null, table.getAllColumns().length > 0 && /* @__PURE__ */ React25.createElement(TableHeader, null, table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ React25.createElement(TableRow, { key: headerGroup.id }, headerGroup.headers.map((header) => {
+      return /* @__PURE__ */ React25.createElement(
+        TableHead,
+        {
+          condensed: props.condensed,
+          dir: props.direction,
+          key: header.id
+        },
+        header.isPlaceholder ? null : flexRender2(
+          header.column.columnDef.header,
+          header.getContext()
+        )
+      );
+    })))), /* @__PURE__ */ React25.createElement(TableBody, null, ((_a = table.getRowModel().rows) == null ? void 0 : _a.length) ? table.getRowModel().rows.map((row) => /* @__PURE__ */ React25.createElement(
+      TableRow,
+      {
+        key: row.id,
+        "data-state": row.getIsSelected() && "selected"
+      },
+      row.getVisibleCells().map((cell) => {
+        var _a2;
+        return /* @__PURE__ */ React25.createElement(
+          TableCell,
+          {
+            dir: props.direction,
+            padding: props.condensed ? "condensed" : (_a2 = cell.column.columnDef.meta) == null ? void 0 : _a2.padding,
+            key: cell.id
+          },
+          flexRender2(
+            cell.column.columnDef.cell,
+            cell.getContext()
+          )
+        );
+      })
+    )) : /* @__PURE__ */ React25.createElement(TableRow, null, /* @__PURE__ */ React25.createElement(
+      TableCell,
+      {
+        colSpan: columns.length,
+        className: "hawa-h-24 hawa-text-center"
+      },
+      (_b = props.texts) == null ? void 0 : _b.noData
+    )))))
+  );
+};
+
+// elements/scrollIndicator/ScrollIndicator.tsx
+import React26, { useState as useState10, useEffect as useEffect8 } from "react";
+var ScrollIndicator = ({
+  anchor,
+  inContainer = false
+}) => {
+  const [scrollPercentage, setScrollPercentage] = useState10(0);
+  const onScroll = () => {
+    const scrollElement = anchor.current;
+    if (scrollElement) {
+      const { scrollTop, scrollHeight, clientHeight } = scrollElement;
+      const totalScroll = scrollHeight - clientHeight;
+      const scrollPosition = scrollTop;
+      const percentageScrolled = scrollPosition / totalScroll * 100;
+      setScrollPercentage(percentageScrolled);
+    }
+  };
+  useEffect8(() => {
+    if (!anchor.current)
+      return;
+    anchor.current.addEventListener("scroll", onScroll);
+    return () => {
+      var _a;
+      (_a = anchor.current) == null ? void 0 : _a.removeEventListener("scroll", onScroll);
+    };
+  }, [anchor]);
+  return /* @__PURE__ */ React26.createElement(
+    "div",
+    {
+      style: {
+        position: inContainer ? "absolute" : "fixed",
+        top: 0,
+        left: 0,
+        height: "5px",
+        width: `${scrollPercentage}%`,
+        backgroundColor: "hsl(var(--primary))"
+      }
+    }
+  );
+};
+
+// elements/codeBlock/CodeBlock.tsx
+import React27, { useState as useState11 } from "react";
+import {
+  Highlight,
+  themes,
+  Prism
+} from "prism-react-renderer";
+(typeof global !== "undefined" ? global : window).Prism = Prism;
+__require("prismjs/components/prism-bash");
+var CodeBlock = ({
+  tabs,
+  code,
+  fileName,
+  className,
+  language = "javascript",
+  // default to JavaScript if no language is provided
+  width = "full",
+  ...props
+}) => {
+  const clipboard = useClipboard();
+  const [selectedTab, setSelectedTab] = useState11(0);
+  const theme = themes.oceanicNext;
+  let widthStyles = {
+    full: "hawa-w-full",
+    md: "hawa-w-full hawa-max-w-md",
+    sm: "hawa-w-full hawa-max-w-sm",
+    xs: "hawa-w-full hawa-max-w-xs"
+  };
+  return /* @__PURE__ */ React27.createElement(
+    "div",
+    {
+      className: cn(
+        widthStyles[width],
+        "hawa-w-full hawa-flex-col hawa-items-center hawa-rounded hawa-bg-background hawa-text-left hawa-text-white sm:hawa-text-base",
+        className
+      )
+    },
+    fileName && /* @__PURE__ */ React27.createElement(
+      "div",
+      {
+        className: cn(
+          "hawa-flex hawa-flex-row hawa-gap-2 hawa-rounded-t hawa-p-2 hawa-py-0.5 hawa-pb-0 hawa-font-mono hawa-text-foreground",
+          fileName && tabs ? "hawa-bg-primary/10" : "hawa-bg-primary/15"
+        )
+      },
+      /* @__PURE__ */ React27.createElement(
+        "div",
+        {
+          className: cn(
+            "hawa-font-mono hawa-w-full hawa-max-w-[52px] hawa-rounded-inner hawa-p-1 hawa-py-0.5 hawa-text-center hawa-text-[0.75rem]"
+          )
+        },
+        fileName
+      )
+    ),
+    tabs && /* @__PURE__ */ React27.createElement(
+      "div",
+      {
+        className: cn(
+          // hawa-bg-gray-300 dark:hawa-bg-red-600
+          "hawa-flex hawa-flex-row hawa-gap-2 hawa-rounded-t  hawa-p-1 hawa-bg-primary/15 hawa-pb-0 hawa-font-mono hawa-text-foreground",
+          tabs && fileName && "hawa-rounded-t-none"
+        )
+      },
+      tabs.map((tab, i) => /* @__PURE__ */ React27.createElement(
+        "div",
+        {
+          key: i,
+          className: cn(
+            selectedTab === i ? " hawa-border-b-2 hawa-border-primary" : "hawa-bg-transparent"
+          )
+        },
+        /* @__PURE__ */ React27.createElement(
+          "div",
+          {
+            onClick: () => setSelectedTab(i),
+            className: cn(
+              "hawa-mb-0.5 hawa-w-full hawa-max-w-[52px] hawa-cursor-pointer hawa-rounded-inner hawa-p-2 hawa-py-0.5 hawa-text-center hawa-text-[0.7rem]  hawa-transition-all hover:hawa-bg-muted-foreground/20"
+            )
+          },
+          tab.title
+        )
+      ))
+    ),
+    /* @__PURE__ */ React27.createElement(
+      "div",
+      {
+        className: cn(
+          "hawa-flex hawa-w-full hawa-flex-row hawa-items-start hawa-justify-between hawa-border hawa-bg-gray-700 hawa-p-0 hawa-text-left hawa-text-sm sm:hawa-text-base ",
+          tabs || fileName ? "hawa-rounded-b hawa-rounded-t-none" : "hawa-rounded"
+        )
+      },
+      /* @__PURE__ */ React27.createElement(
+        Highlight,
+        {
+          theme,
+          code: tabs ? tabs[selectedTab].code : code || "",
+          language
+        },
+        ({ className: className2, style, tokens, getLineProps, getTokenProps }) => /* @__PURE__ */ React27.createElement("pre", { className: "hawa-min-h-[37.75px] hawa-w-full hawa-overflow-auto hawa-p-4 hawa-font-mono hawa-text-foreground" }, tokens.map((line, i) => /* @__PURE__ */ React27.createElement("div", { key: i, ...getLineProps({ line }) }, props.lineNumbers && /* @__PURE__ */ React27.createElement("span", { className: "hawa-mr-4" }, i + 1), line.map((token, key) => /* @__PURE__ */ React27.createElement("span", { key, ...getTokenProps({ token }) })))))
+      ),
+      /* @__PURE__ */ React27.createElement("div", { className: "hawa-flex hawa-w-fit hawa-flex-row hawa-items-center hawa-gap-2 hawa-p-2" }, /* @__PURE__ */ React27.createElement(
+        Tooltip,
+        {
+          open: clipboard.copied,
+          side: "left",
+          content: /* @__PURE__ */ React27.createElement("div", null, "Copied!"),
+          triggerProps: {
+            asChild: true
+          }
+        },
+        /* @__PURE__ */ React27.createElement(
+          Button,
+          {
+            size: "icon",
+            onClick: () => clipboard.copy(tabs ? tabs[selectedTab].code : code),
+            variant: "outline",
+            className: "hawa-text-gray-200 hawa-opacity-50 "
+          },
+          /* @__PURE__ */ React27.createElement(
+            "svg",
+            {
+              "aria-label": "Copy",
+              stroke: "currentColor",
+              fill: "none",
+              strokeWidth: "2",
+              viewBox: "0 0 24 24",
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              height: "1em",
+              width: "1em"
+            },
+            /* @__PURE__ */ React27.createElement("rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2" }),
+            /* @__PURE__ */ React27.createElement("path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" })
+          )
+        )
+      ))
+    )
+  );
+};
+
+// elements/carousel/Carousel.tsx
+import React28, { useEffect as useEffect10, useState as useState12 } from "react";
+import useEmblaCarousel from "embla-carousel-react";
+var Carousel = ({
+  items,
+  showArrows,
+  options,
+  autoplay,
+  direction = "ltr",
+  autoplayInterval = 3e3,
+  ...props
+}) => {
+  const [emblaRef, emblaApi] = useEmblaCarousel({
+    ...options,
+    direction,
+    loop: autoplay ? true : (options == null ? void 0 : options.loop) || false
+  });
+  const [selectedIndex, setSelectedIndex] = useState12(0);
+  useEffect10(() => {
+    function selectHandler() {
+      const index = emblaApi == null ? void 0 : emblaApi.selectedScrollSnap();
+      setSelectedIndex(index || 0);
+    }
+    emblaApi == null ? void 0 : emblaApi.on("select", selectHandler);
+    return () => {
+      emblaApi == null ? void 0 : emblaApi.off("select", selectHandler);
+    };
+  }, [emblaApi]);
+  useEffect10(() => {
+    let autoplayTimer;
+    if (autoplay && emblaApi) {
+      autoplayTimer = setInterval(() => {
+        emblaApi.scrollNext();
+      }, autoplayInterval);
+    }
+    return () => {
+      if (autoplayTimer)
+        clearInterval(autoplayTimer);
+    };
+  }, [emblaApi, autoplay, autoplayInterval]);
+  const length = React28.Children.count(items);
+  const canScrollNext = !!(emblaApi == null ? void 0 : emblaApi.canScrollNext());
+  const canScrollPrev = !!(emblaApi == null ? void 0 : emblaApi.canScrollPrev());
+  return /* @__PURE__ */ React28.createElement("div", { className: " hawa-relative hawa-h-full" }, /* @__PURE__ */ React28.createElement("div", { className: "hawa-h-full hawa-overflow-hidden" }, /* @__PURE__ */ React28.createElement("div", { className: "hawa-h-full", ref: emblaRef }, /* @__PURE__ */ React28.createElement("div", { className: "hawa-flex hawa-h-full" }, items == null ? void 0 : items.map((item, i) => /* @__PURE__ */ React28.createElement(
+    "div",
+    {
+      key: i,
+      className: "hawa-flex hawa-h-full hawa-min-w-0  hawa-flex-[0_0_100%]  hawa-items-center hawa-justify-center"
+    },
+    item
+  ))))), /* @__PURE__ */ React28.createElement(
+    Dots,
+    {
+      direction,
+      itemsLength: length,
+      selectedIndex,
+      onDotClick: (index) => emblaApi == null ? void 0 : emblaApi.scrollTo(index)
+    }
+  ), showArrows && /* @__PURE__ */ React28.createElement(
+    CarouselControls,
+    {
+      canScrollNext,
+      canScrollPrev,
+      onNext: () => emblaApi == null ? void 0 : emblaApi.scrollNext(),
+      onPrev: () => emblaApi == null ? void 0 : emblaApi.scrollPrev()
+    }
+  ));
+};
+var Dots = ({
+  onDotClick,
+  itemsLength,
+  selectedIndex,
+  direction
+}) => {
+  const arr = new Array(itemsLength).fill(0);
+  return /* @__PURE__ */ React28.createElement(
+    "div",
+    {
+      dir: direction,
+      className: "hawa-z-50 hawa-my-2 hawa-flex hawa-justify-center hawa-gap-1"
+    },
+    arr.map((_, index) => {
+      const selected = index === selectedIndex;
+      return /* @__PURE__ */ React28.createElement(
+        "div",
+        {
+          key: index,
+          onClick: () => onDotClick(index),
+          className: cn(
+            "hawa-h-2 hawa-rounded-full hawa-bg-primary hawa-transition-all hawa-duration-300 hover:hawa-cursor-pointer",
+            !selected ? "hawa-w-2 hawa-opacity-50" : "hawa-w-6 hawa-opacity-100"
+          )
+        }
+      );
+    })
+  );
+};
+var CarouselControls = (props) => {
+  return /* @__PURE__ */ React28.createElement("div", { className: "hawa-flex hawa-justify-end hawa-gap-2 " }, /* @__PURE__ */ React28.createElement(
+    "button",
+    {
+      onClick: () => props.canScrollPrev && props.onPrev(),
+      disabled: !props.canScrollPrev,
+      className: cn(
+        "hawa-absolute hawa-start-0 hawa-top-1/2 -hawa-translate-y-2 hawa-rounded-full hawa-p-2 hawa-text-white ",
+        !props.canScrollPrev && "hawa-bg-primary/50",
+        props.canScrollPrev && "hawa-bg-primary"
+      )
+    },
+    /* @__PURE__ */ React28.createElement(
+      "svg",
+      {
+        "aria-label": "Chevron Right Icon",
+        stroke: "currentColor",
+        fill: "currentColor",
+        viewBox: "0 0 16 16",
+        className: "hawa-h-2 hawa-w-2 hawa-shrink-0 hawa-rotate-180 hawa-transition-transform hawa-duration-200 "
+      },
+      /* @__PURE__ */ React28.createElement("path", { 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" })
+    )
+  ), /* @__PURE__ */ React28.createElement(
+    "button",
+    {
+      onClick: () => props.canScrollNext && props.onNext(),
+      disabled: !props.canScrollNext,
+      className: cn(
+        "hawa-absolute hawa-end-0 hawa-top-1/2 -hawa-translate-y-2 hawa-rounded-full hawa-p-2 hawa-text-white ",
+        !props.canScrollNext && "hawa-bg-primary/50",
+        props.canScrollNext && "hawa-bg-primary"
+      )
+    },
+    /* @__PURE__ */ React28.createElement(
+      "svg",
+      {
+        "aria-label": "Chevron Right Icon",
+        stroke: "currentColor",
+        fill: "currentColor",
+        viewBox: "0 0 16 16",
+        className: "hawa-h-2 hawa-w-2  hawa-shrink-0 hawa-transition-transform hawa-duration-200 "
+      },
+      /* @__PURE__ */ React28.createElement("path", { 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" })
+    )
+  ));
+};
+
+// elements/count/Count.tsx
+import React29 from "react";
+var Count = (props) => {
+  return /* @__PURE__ */ React29.createElement("div", { className: "hawa-flex hawa-h-fit hawa-flex-row hawa-items-center hawa-gap-2 hawa-px-2" }, /* @__PURE__ */ React29.createElement("div", null, props.icon), /* @__PURE__ */ React29.createElement("div", { className: "hawa-text-sm" }, props.count));
+};
+
+// elements/toast/Toast.tsx
+import * as React30 from "react";
+import * as ToastPrimitives from "@radix-ui/react-toast";
+import { cva as cva2 } from "class-variance-authority";
+var toastVariants = cva2(
+  "hawa-group hawa-z-[900] hawa-pointer-events-auto hawa-relative hawa-flex hawa-w-full hawa-items-center hawa-justify-between 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 sizeStyles = {
+  default: "hawa-text-sm",
+  // Update this based on the desired padding for rtl
+  sm: "hawa-text-xs"
+};
+var ToastProvider = ToastPrimitives.Provider;
+var ToastViewport = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React30.createElement("div", null, /* @__PURE__ */ React30.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
+  }
+), /* @__PURE__ */ React30.createElement("div", null, "inside ToastViewport")));
+ToastViewport.displayName = ToastPrimitives.Viewport.displayName;
+var Toast = React30.forwardRef(({ className, variant, severity = "none", direction, ...props }, ref) => {
+  return /* @__PURE__ */ React30.createElement(
+    ToastPrimitives.Root,
+    {
+      ref,
+      className: cn(
+        toastVariants({ variant, severity }),
+        className,
+        direction === "rtl" ? "data-[state=closed]:hawa-slide-out-to-left-full" : "data-[state=closed]:hawa-slide-out-to-right-full"
+      ),
+      dir: direction,
+      ...props
+    }
+  );
+});
+Toast.displayName = ToastPrimitives.Root.displayName;
+var ToastAction = React30.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ React30.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",
+        "hawa-whitespace-nowrap",
+        className
+      ),
+      ...props
+    }
+  );
+});
+ToastAction.displayName = ToastPrimitives.Action.displayName;
+var ToastClose = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React30.createElement(
+  ToastPrimitives.Close,
+  {
+    ref,
+    className: cn(
+      // "hawa-absolute hawa-start-2 hawa-top-2",
+      // "group-hover:hawa-opacity-100",
+      "hawa-opacity-100",
+      "hawa-rounded-md hawa-p-1 hawa-text-foreground/50 hawa-transition-opacity hover:hawa-text-foreground focus:hawa-opacity-100 focus:hawa-outline-none focus:hawa-ring-2  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__ */ React30.createElement(
+    "svg",
+    {
+      "aria-label": "Close Icon",
+      "aria-hidden": "true",
+      className: "hawa-icon",
+      fill: "currentColor",
+      viewBox: "0 0 20 20"
+    },
+    /* @__PURE__ */ React30.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 = React30.forwardRef(({ className, size = "default", ...props }, ref) => /* @__PURE__ */ React30.createElement(
+  ToastPrimitives.Title,
+  {
+    ref,
+    className: cn(
+      "hawa-select-text hawa-text-sm hawa-font-semibold",
+      sizeStyles[size],
+      className
+    ),
+    ...props
+  }
+));
+ToastTitle.displayName = ToastPrimitives.Title.displayName;
+var ToastDescription = React30.forwardRef(({ className, size = "default", ...props }, ref) => /* @__PURE__ */ React30.createElement(
+  ToastPrimitives.Description,
+  {
+    ref,
+    className: cn(
+      "hawa-select-text hawa-opacity-90",
+      sizeStyles[size],
+      className
+    ),
+    ...props
+  }
+));
+ToastDescription.displayName = ToastPrimitives.Description.displayName;
+
+// elements/toaster/Toaster.tsx
+import React31 from "react";
+function Toaster(props) {
+  const { toasts } = useToast();
+  let isRTL = props.direction === "rtl";
+  return /* @__PURE__ */ React31.createElement("div", null, /* @__PURE__ */ React31.createElement("div", null, "I AM INSIDE MAIN TOASTER"), /* @__PURE__ */ React31.createElement(ToastProvider, { swipeDirection: isRTL ? "left" : "right" }, /* @__PURE__ */ React31.createElement("div", null, "I AM INSIDE TOASTPROVIDER"), toasts.map(function({
+    id,
+    title,
+    description,
+    size = "default",
+    action,
+    ...toastProps
+  }) {
+    return /* @__PURE__ */ React31.createElement(Toast, { direction: props.direction, key: id, ...toastProps }, /* @__PURE__ */ React31.createElement("div", null, "I AM INSIDE TOAST"), /* @__PURE__ */ React31.createElement(
+      "div",
+      {
+        className: cn(
+          "hawa-flex hawa-w-full hawa-flex-row hawa-gap-2",
+          action && "hawa-justify-between"
+        )
+      },
+      /* @__PURE__ */ React31.createElement("div", { className: "hawa-flex hawa-h-full hawa-flex-col hawa-p-2 hawa-pe-0" }, /* @__PURE__ */ React31.createElement(ToastClose, null)),
+      /* @__PURE__ */ React31.createElement("div", { className: "hawa-mx-0 hawa-h-auto hawa-max-h-full hawa-w-px hawa-bg-primary-foreground/10" }),
+      /* @__PURE__ */ React31.createElement(
+        "div",
+        {
+          className: cn(
+            "hawa-flex hawa-w-full hawa-flex-row hawa-justify-between hawa-gap-2",
+            {
+              "hawa-p-4": size === "default",
+              "hawa-p-2": size === "sm"
+            }
+          )
+        },
+        /* @__PURE__ */ React31.createElement("div", { className: "hawa-grid hawa-gap-1 hawa-text-start" }, title && /* @__PURE__ */ React31.createElement(ToastTitle, { size }, title), description && /* @__PURE__ */ React31.createElement(ToastDescription, { size }, description)),
+        action && /* @__PURE__ */ React31.createElement("div", { className: "hawa-flex  hawa-flex-col hawa-justify-center" }, action)
+      )
+    ));
+  }), /* @__PURE__ */ React31.createElement(
+    ToastViewport,
+    {
+      className: cn("hawa-gap-2", isRTL && "hawa-fixed hawa-left-0")
+    }
+  )));
+}
+
+// elements/destroyableCard/DestroyableCard.tsx
+import React32, { useRef as useRef5, useState as useState13 } from "react";
+var DestroyableCard = ({
+  position = "bottom-right",
+  fixed,
+  direction,
+  ...props
+}) => {
+  const [closed, setClosed] = useState13(false);
+  const popUpRef = useRef5(null);
+  const boxPosition = {
+    "bottom-right": "hawa-right-4 hawa-bottom-4",
+    "bottom-left": "hawa-left-4 hawa-bottom-4"
+  };
+  return /* @__PURE__ */ React32.createElement(
+    "div",
+    {
+      className: cn(
+        "hawa-transition-all",
+        closed ? "hawa-opacity-0" : "hawa-opacity-100"
+      ),
+      ref: popUpRef
+    },
+    /* @__PURE__ */ React32.createElement(
+      Card,
+      {
+        className: cn(
+          fixed ? "hawa-fixed" : "hawa-relative",
+          fixed && position && boxPosition[position]
+        ),
+        dir: direction
+      },
+      /* @__PURE__ */ React32.createElement(
+        "button",
+        {
+          type: "button",
+          className: cn(
+            direction === "rtl" ? "hawa-left-2" : "hawa-right-2",
+            "hawa-absolute hawa-top-2 hawa-inline-flex hawa-h-8 hawa-w-8 hawa-rounded hawa-p-1.5 hawa-text-gray-400 hawa-transition-all hover:hawa-bg-gray-100 hover:hawa-text-gray-900 focus:hawa-ring-2 focus:hawa-ring-gray-300 dark:hawa-bg-gray-800 dark:hawa-text-gray-500 dark:hover:hawa-bg-gray-700 dark:hover:hawa-text-white"
+          ),
+          "data-dismiss-target": "#destroyable-card",
+          "aria-label": "Close",
+          onClick: () => {
+            setClosed(true);
+            setTimeout(() => {
+              if (popUpRef == null ? void 0 : popUpRef.current) {
+                popUpRef == null ? void 0 : popUpRef.current.removeChild(popUpRef == null ? void 0 : popUpRef.current.children[0]);
+              }
+            }, 200);
+          }
+        },
+        /* @__PURE__ */ React32.createElement(
+          "svg",
+          {
+            "aria-hidden": "true",
+            className: "hawa-h-5 hawa-w-5",
+            fill: "currentColor",
+            viewBox: "0 0 20 20"
+          },
+          /* @__PURE__ */ React32.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__ */ React32.createElement(CardContent, { headless: true }, props.children)
+    )
+  );
+};
+
+// elements/interfaceSettings/InterfaceSettings.tsx
+import React33, { useState as useState14 } from "react";
+var InterfaceSettings = ({
+  orientation = "horizontal",
+  width = "default",
+  handleColorMode,
+  handleLanguage,
+  ...props
+}) => {
+  const [color, setColor] = useState14(props.currentColorMode);
+  const [language, setLanguage] = useState14(props.currentLanguage);
+  let orientationStyle = {
+    horizontal: "hawa-flex hawa-flex-row hawa-justify-between",
+    vertical: "hawa-flex hawa-flex-col hawa-items-center hawa-gap-2"
+  };
+  return /* @__PURE__ */ React33.createElement("div", { className: cn(orientationStyle[orientation]) }, /* @__PURE__ */ React33.createElement(
+    Radio,
+    {
+      width,
+      defaultValue: language,
+      onChange: (e) => {
+        if (handleLanguage) {
+          handleLanguage(e.value);
+        }
+        setLanguage(e);
+      },
+      design: "tabs",
+      options: [
+        { value: "ar", label: "\u0639\u0631\u0628\u064A" },
+        { value: "en", label: "English" }
+      ]
+    }
+  ), /* @__PURE__ */ React33.createElement(
+    Radio,
+    {
+      width,
+      defaultValue: color,
+      onChange: (e) => {
+        if (handleColorMode) {
+          handleColorMode(e.value);
+        }
+        setColor(e);
+      },
+      design: "tabs",
+      options: [
+        {
+          value: "light",
+          label: /* @__PURE__ */ React33.createElement(
+            "svg",
+            {
+              width: "15",
+              height: "15",
+              viewBox: "0 0 15 15",
+              fill: "none",
+              xmlns: "http://www.w3.org/2000/svg",
+              className: "hawa-h-[1.2rem] hawa-w-[1.2rem] hawa-rotate-0 hawa-scale-100 hawa-transition-all dark:hawa--rotate-90"
+            },
+            /* @__PURE__ */ React33.createElement(
+              "path",
+              {
+                d: "M7.5 0C7.77614 0 8 0.223858 8 0.5V2.5C8 2.77614 7.77614 3 7.5 3C7.22386 3 7 2.77614 7 2.5V0.5C7 0.223858 7.22386 0 7.5 0ZM2.1967 2.1967C2.39196 2.00144 2.70854 2.00144 2.90381 2.1967L4.31802 3.61091C4.51328 3.80617 4.51328 4.12276 4.31802 4.31802C4.12276 4.51328 3.80617 4.51328 3.61091 4.31802L2.1967 2.90381C2.00144 2.70854 2.00144 2.39196 2.1967 2.1967ZM0.5 7C0.223858 7 0 7.22386 0 7.5C0 7.77614 0.223858 8 0.5 8H2.5C2.77614 8 3 7.77614 3 7.5C3 7.22386 2.77614 7 2.5 7H0.5ZM2.1967 12.8033C2.00144 12.608 2.00144 12.2915 2.1967 12.0962L3.61091 10.682C3.80617 10.4867 4.12276 10.4867 4.31802 10.682C4.51328 10.8772 4.51328 11.1938 4.31802 11.3891L2.90381 12.8033C2.70854 12.9986 2.39196 12.9986 2.1967 12.8033ZM12.5 7C12.2239 7 12 7.22386 12 7.5C12 7.77614 12.2239 8 12.5 8H14.5C14.7761 8 15 7.77614 15 7.5C15 7.22386 14.7761 7 14.5 7H12.5ZM10.682 4.31802C10.4867 4.12276 10.4867 3.80617 10.682 3.61091L12.0962 2.1967C12.2915 2.00144 12.608 2.00144 12.8033 2.1967C12.9986 2.39196 12.9986 2.70854 12.8033 2.90381L11.3891 4.31802C11.1938 4.51328 10.8772 4.51328 10.682 4.31802ZM8 12.5C8 12.2239 7.77614 12 7.5 12C7.22386 12 7 12.2239 7 12.5V14.5C7 14.7761 7.22386 15 7.5 15C7.77614 15 8 14.7761 8 14.5V12.5ZM10.682 10.682C10.8772 10.4867 11.1938 10.4867 11.3891 10.682L12.8033 12.0962C12.9986 12.2915 12.9986 12.608 12.8033 12.8033C12.608 12.9986 12.2915 12.9986 12.0962 12.8033L10.682 11.3891C10.4867 11.1938 10.4867 10.8772 10.682 10.682ZM5.5 7.5C5.5 6.39543 6.39543 5.5 7.5 5.5C8.60457 5.5 9.5 6.39543 9.5 7.5C9.5 8.60457 8.60457 9.5 7.5 9.5C6.39543 9.5 5.5 8.60457 5.5 7.5ZM7.5 4.5C5.84315 4.5 4.5 5.84315 4.5 7.5C4.5 9.15685 5.84315 10.5 7.5 10.5C9.15685 10.5 10.5 9.15685 10.5 7.5C10.5 5.84315 9.15685 4.5 7.5 4.5Z",
+                fill: "currentColor"
+              }
+            )
+          )
+        },
+        {
+          value: "dark",
+          label: /* @__PURE__ */ React33.createElement(
+            "svg",
+            {
+              xmlns: "http://www.w3.org/2000/svg",
+              width: "24",
+              height: "24",
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              className: "hawa-h-[1.2rem] hawa-w-[1.2rem]  hawa-transition-all dark:hawa-rotate-0 dark:hawa-scale-100"
+            },
+            /* @__PURE__ */ React33.createElement("path", { d: "M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z" })
+          )
+        }
+      ]
+    }
+  ));
+};
+export {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionRoot,
+  AccordionTrigger,
+  Alert,
+  AppStores,
+  Avatar,
+  BackToTop,
+  Badge,
+  BadgedComponent,
+  Breadcrumb,
+  Button,
+  Card,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+  Carousel,
+  Checkbox,
+  Chip,
+  CodeBlock,
+  ColorPicker,
+  Combobox,
+  Command,
+  CommandDialog,
+  CommandEmpty,
+  CommandGroup,
+  CommandInput,
+  CommandItem,
+  CommandList,
+  CommandSeparator,
+  CommandShortcut,
+  Count,
+  DataTable,
+  DestroyableCard,
+  Dialog,
+  DialogBody,
+  DialogCarousel,
+  DialogCarouselContent,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogPortal,
+  DialogStep,
+  DialogSteps,
+  DialogTitle,
+  DialogTrigger,
+  DropdownMenu,
+  DropdownMenuCheckboxItem,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuPortal,
+  DropdownMenuRadio,
+  DropdownMenuRadioGroup,
+  DropdownMenuRadioItem,
+  DropdownMenuRoot,
+  DropdownMenuSeparator,
+  DropdownMenuShortcut,
+  DropdownMenuSub,
+  DropdownMenuSubContent,
+  DropdownMenuSubTrigger,
+  DropdownMenuTrigger,
+  FileDropzone,
+  FileUploader,
+  Input,
+  InterfaceSettings,
+  Label,
+  Loading,
+  Logos,
+  NavigationMenu,
+  NavigationMenuContent,
+  NavigationMenuIndicator,
+  NavigationMenuItem,
+  NavigationMenuLink,
+  NavigationMenuList,
+  NavigationMenuRoot,
+  NavigationMenuTrigger,
+  NavigationMenuViewport,
+  Pagination,
+  PasswordInput,
+  PasswordStrengthIndicator,
+  PhoneInput,
+  PinInput,
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+  Progress,
+  ProgressCircle,
+  Radio,
+  ScrollArea,
+  ScrollBar,
+  ScrollIndicator,
+  Select,
+  Separator,
+  Sheet,
+  SheetClose,
+  SheetContent,
+  SheetDescription,
+  SheetFooter,
+  SheetHeader,
+  SheetOverlay,
+  SheetPortal,
+  SheetTitle,
+  SheetTrigger,
+  SimpleTable,
+  Skeleton,
+  Slider,
+  SortButton,
+  StandardNavigationMenuItem,
+  StopPropagationWrapper,
+  Switch,
+  Table,
+  TableBody,
+  TableCaption,
+  TableCell,
+  TableFooter,
+  TableHead,
+  TableHeader,
+  TableRow,
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger,
+  Textarea,
+  Toast,
+  ToastAction,
+  ToastClose,
+  ToastDescription,
+  ToastProvider,
+  ToastTitle,
+  ToastViewport,
+  Toaster,
+  Tooltip,
+  buttonVariants,
+  navigationMenuTriggerStyle
+};