@sikka/hawa 0.24.4-next → 0.24.6-next

package/dist/codeBlock/index.mjs

@@ -1,15 +1,11 @@
 import {
-  Chip
-} from "../chunk-JYSC6GKM.mjs";
-import {
-  Button
-} from "../chunk-26FHSPJI.mjs";
-import {
+  Label,
+  Tooltip,
   cn
-} from "../chunk-TE3BKEXL.mjs";
+} from "../chunk-LRLLDOQZ.mjs";
 
 // components/elements/codeBlock/CodeBlock.tsx
-import React53, { useState as useState19 } from "react";
+import React58, { useState as useState19 } from "react";
 import { Highlight, themes } from "prism-react-renderer";
 
 // components/elements/card/Card.tsx
@@ -93,55 +89,181 @@ CardFooter.displayName = "CardFooter";
 CardTitle.displayName = "CardTitle";
 Card.displayName = "Card";
 
-// components/elements/tooltip/Tooltip.tsx
+// components/elements/loading/Loading.tsx
 import React2 from "react";
-import * as TooltipPrimitive from "@radix-ui/react-tooltip";
-var TooltipContent = React2.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React2.createElement(
-  TooltipPrimitive.Content,
-  {
-    ref,
-    sideOffset,
-    className: cn(
-      "hawa-z-50 hawa-overflow-hidden hawa-rounded-md hawa-border hawa-bg-popover hawa-px-3 hawa-py-1.5 hawa-text-sm hawa-text-popover-foreground hawa-shadow-md hawa-animate-in hawa-fade-in-0 hawa-zoom-in-95 data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-fade-out-0 data-[state=closed]:hawa-zoom-out-95 data-[side=bottom]:hawa-slide-in-from-top-2 data-[side=left]:hawa-slide-in-from-right-2 data-[side=right]:hawa-slide-in-from-left-2 data-[side=top]:hawa-slide-in-from-bottom-2",
-      className
-    ),
-    ...props
-  }
-));
-TooltipContent.displayName = TooltipPrimitive.Content.displayName;
-var TooltipArrow = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React2.createElement(TooltipPrimitive.Arrow, { ref, className: cn(className), ...props }));
-TooltipArrow.displayName = TooltipPrimitive.Arrow.displayName;
-var Tooltip = ({
-  side,
-  open,
-  content,
-  children,
-  defaultOpen,
-  onOpenChange,
-  triggerProps,
-  contentProps,
-  providerProps,
-  delayDuration = 300,
+var Loading = ({
+  design = "spinner",
+  size = "sm",
+  themeMode = "light",
+  color,
   ...props
 }) => {
-  return /* @__PURE__ */ React2.createElement(
-    TooltipPrimitive.TooltipProvider,
-    {
-      delayDuration,
-      ...providerProps
-    },
-    /* @__PURE__ */ React2.createElement(
-      TooltipPrimitive.Root,
-      {
-        open,
-        defaultOpen,
-        onOpenChange,
-        ...props
-      },
-      /* @__PURE__ */ React2.createElement(TooltipPrimitive.Trigger, { ...triggerProps }, children),
-      /* @__PURE__ */ React2.createElement(TooltipContent, { side, align: "center", ...contentProps }, content)
-    )
-  );
+  let sizeStyles2 = {
+    button: "hawa-h-4 hawa-w-4",
+    xs: "hawa-h-1 hawa-w-1",
+    sm: "hawa-h-6 hawa-w-6",
+    normal: "hawa-h-8 hawa-w-8",
+    lg: "hawa-h-14 hawa-w-14",
+    xl: "hawa-h-24 hawa-w-24"
+  };
+  let animationStyles = {
+    pulse: "hawa-animate-in hawa-fade-in hawa-duration-1000",
+    bounce: "hawa-animate-bounce"
+  };
+  switch (design.split("-")[0]) {
+    case "dots":
+      return /* @__PURE__ */ React2.createElement(
+        "div",
+        {
+          className: cn("hawa-flex hawa-flex-row hawa-gap-2", props.className)
+        },
+        /* @__PURE__ */ React2.createElement(
+          "div",
+          {
+            className: cn(
+              "hawa-animate-bounce hawa-rounded-full hawa-delay-100 hawa-repeat-infinite",
+              size === "button" ? "hawa-h-2 hawa-w-2" : sizeStyles2[size],
+              animationStyles[design.split("-")[1]],
+              color ? color : "hawa-bg-primary"
+            )
+          }
+        ),
+        /* @__PURE__ */ React2.createElement(
+          "div",
+          {
+            className: cn(
+              "hawa-animate-bounce hawa-rounded-full hawa-delay-200 hawa-repeat-infinite",
+              size === "button" ? "hawa-h-2 hawa-w-2" : sizeStyles2[size],
+              animationStyles[design.split("-")[1]],
+              color ? color : "hawa-bg-primary"
+            )
+          }
+        ),
+        /* @__PURE__ */ React2.createElement(
+          "div",
+          {
+            className: cn(
+              "hawa-animate-bounce hawa-rounded-full hawa-delay-300 hawa-repeat-infinite",
+              size === "button" ? "hawa-h-2 hawa-w-2" : sizeStyles2[size],
+              animationStyles[design.split("-")[1]],
+              color ? color : "hawa-bg-primary"
+            )
+          }
+        )
+      );
+    case "square":
+      return /* @__PURE__ */ React2.createElement(
+        "svg",
+        {
+          className: cn("squircle-container", sizeStyles2[size]),
+          viewBox: "0 0 35 35",
+          height: "35",
+          width: "35"
+        },
+        /* @__PURE__ */ React2.createElement(
+          "rect",
+          {
+            className: "squircle-track",
+            x: "2.5",
+            y: "2.5",
+            fill: "none",
+            strokeWidth: "5px",
+            width: "32.5",
+            height: "32.5"
+          }
+        ),
+        /* @__PURE__ */ React2.createElement(
+          "rect",
+          {
+            className: "square-car",
+            x: "2.5",
+            y: "2.5",
+            fill: "none",
+            strokeWidth: "5px",
+            width: "32.5",
+            height: "32.5",
+            pathLength: "100"
+          }
+        )
+      );
+    case "squircle":
+      return /* @__PURE__ */ React2.createElement(
+        "svg",
+        {
+          className: cn("squircle-container", sizeStyles2[size]),
+          x: "0px",
+          y: "0px",
+          viewBox: "0 0 37 37",
+          height: "37",
+          width: "37",
+          preserveAspectRatio: "xMidYMid meet"
+        },
+        /* @__PURE__ */ React2.createElement(
+          "path",
+          {
+            className: "squircle-track",
+            fill: "none",
+            strokeWidth: "5",
+            pathLength: "100",
+            d: "M0.37 18.5 C0.37 5.772 5.772 0.37 18.5 0.37 S36.63 5.772 36.63 18.5 S31.228 36.63 18.5 36.63 S0.37 31.228 0.37 18.5"
+          }
+        ),
+        /* @__PURE__ */ React2.createElement(
+          "path",
+          {
+            className: "squircle-car",
+            fill: "none",
+            strokeWidth: "5",
+            pathLength: "100",
+            d: "M0.37 18.5 C0.37 5.772 5.772 0.37 18.5 0.37 S36.63 5.772 36.63 18.5 S31.228 36.63 18.5 36.63 S0.37 31.228 0.37 18.5"
+          }
+        )
+      );
+    case "progress":
+      return /* @__PURE__ */ React2.createElement("div", { className: "progress-loading" });
+    case "orbit":
+      return /* @__PURE__ */ React2.createElement("div", { className: "orbit-container" });
+    default:
+      return /* @__PURE__ */ React2.createElement(
+        "svg",
+        {
+          className: cn("circle-container", sizeStyles2[size]),
+          viewBox: "0 0 40 40",
+          height: "40",
+          width: "40"
+        },
+        /* @__PURE__ */ React2.createElement(
+          "circle",
+          {
+            className: cn("circle-track", {
+              "hawa-stroke-primary-foreground": themeMode === "dark",
+              "hawa-stroke-primary": themeMode === "light"
+            }),
+            cx: "20",
+            cy: "20",
+            r: "17.5",
+            pathLength: "100",
+            strokeWidth: "5px",
+            fill: "none"
+          }
+        ),
+        /* @__PURE__ */ React2.createElement(
+          "circle",
+          {
+            className: cn("circle-car", {
+              "hawa-stroke-primary-foreground": themeMode === "dark",
+              "hawa-stroke-primary": themeMode === "light"
+            }),
+            cx: "20",
+            cy: "20",
+            r: "17.5",
+            pathLength: "100",
+            strokeWidth: "5px",
+            fill: "none"
+          }
+        )
+      );
+  }
 };
 
 // components/elements/skeleton/Skeleton.tsx
@@ -351,17 +473,233 @@ var DropdownMenuShortcut = ({
 };
 DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
 
-// components/elements/logos/Logos.tsx
+// components/elements/accordion/Accordion.tsx
+import * as React8 from "react";
+import * as AccordionPrimitive3 from "@radix-ui/react-accordion";
+
+// components/elements/chip/Chip.tsx
 import React5 from "react";
+var Chip = React5.forwardRef(
+  ({
+    label,
+    size = "normal",
+    icon,
+    color,
+    radius = "inherit",
+    dotType,
+    ...rest
+  }, ref) => {
+    let defaultStyles = "hawa-flex hawa-flex-row hawa-w-fit hawa-gap-1 hawa-items-center  hawa-px-2.5 hawa-py-1  hawa-font-bold ";
+    let radiusStyles = {
+      inherit: " hawa-rounded",
+      full: "hawa-rounded-full",
+      none: "hawa-rounded-none"
+    };
+    let sizeStyles2 = {
+      small: "hawa-h-[15px] hawa-leading-4 hawa-px-0 hawa-py-0 hawa-text-[9px] hawa-gap-0.5 ",
+      normal: "hawa-h-fit hawa-text-xs",
+      large: "hawa-text-base"
+    };
+    let dotStyles = {
+      small: "hawa-flex hawa-h-1 hawa-w-1 hawa-rounded-full",
+      normal: "hawa-flex hawa-h-2 hawa-w-2 hawa-rounded-full",
+      large: "hawa-flex hawa-h-3 hawa-w-3 hawa-rounded-full"
+    };
+    let dotTypeStyles = {
+      available: "hawa-bg-green-500",
+      unavailable: "hawa-bg-red-500"
+    };
+    let colorStyles = {
+      green: "hawa-bg-green-100 hawa-text-green-500 dark:hawa-bg-green-400 dark:hawa-text-green-800",
+      blue: "hawa-bg-blue-100 hawa-text-blue-500 dark:hawa-bg-blue-400 dark:hawa-text-blue-100",
+      red: "hawa-bg-red-100 hawa-text-red-500 dark:hawa-bg-red-400 dark:hawa-text-red-100",
+      yellow: "hawa-bg-yellow-100 hawa-text-yellow-600 dark:hawa-bg-yellow-400 dark:hawa-text-yellow-800",
+      orange: "hawa-bg-orange-100 hawa-text-orange-500 dark:hawa-bg-orange-400 dark:hawa-text-orange-100",
+      purple: "hawa-bg-purple-100 hawa-text-purple-500 dark:hawa-bg-purple-400 dark:hawa-text-purple-100",
+      cyan: "hawa-bg-cyan-100 hawa-text-cyan-800 dark:hawa-bg-cyan-400 dark:hawa-text-cyan-800",
+      hyper: "hawa-text-white hawa-bg-gradient-to-tl hawa-from-pink-500 hawa-via-red-500 hawa-to-yellow-500 ",
+      oceanic: "hawa-text-white hawa-bg-gradient-to-bl hawa-from-green-300 hawa-via-blue-500 hawa-to-purple-600"
+    };
+    if (label) {
+      return /* @__PURE__ */ React5.createElement(
+        "span",
+        {
+          ...rest,
+          ref,
+          className: cn(
+            defaultStyles,
+            sizeStyles2[size],
+            radiusStyles[radius],
+            color ? colorStyles[color] : "hawa-border hawa-bg-none"
+          )
+        },
+        dotType && /* @__PURE__ */ React5.createElement(
+          "span",
+          {
+            className: cn(dotStyles[size], dotTypeStyles[dotType])
+          }
+        ),
+        icon && icon,
+        label
+      );
+    } else {
+      return /* @__PURE__ */ React5.createElement(
+        "span",
+        {
+          ...rest,
+          ref,
+          className: cn(
+            "hawa-h-2 hawa-w-2 hawa-rounded-full",
+            color ? colorStyles[color] : "hawa-border hawa-bg-none"
+          )
+        }
+      );
+    }
+  }
+);
 
-// components/elements/navigationMenu/NavigationMenu.tsx
+// components/elements/accordion/AccordionContent.tsx
 import * as React6 from "react";
+import * as AccordionPrimitive from "@radix-ui/react-accordion";
+var AccordionContent = React6.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React6.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__ */ React6.createElement("div", { className: "hawa-bg-background hawa-p-4" }, children)
+));
+AccordionContent.displayName = AccordionPrimitive.Content.displayName;
+
+// components/elements/accordion/AccordionTrigger.tsx
+import * as React7 from "react";
+import * as AccordionPrimitive2 from "@radix-ui/react-accordion";
+var AccordionTrigger = React7.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React7.createElement(AccordionPrimitive2.Header, { className: "hawa-flex" }, /* @__PURE__ */ React7.createElement(
+  AccordionPrimitive2.Trigger,
+  {
+    ref,
+    className: !props.unstyled ? cn(
+      "hawa-flex hawa-flex-1 hawa-items-center hawa-justify-between hawa-bg-muted/50 hawa-p-4 hawa-font-medium hawa-transition-all [&[data-state=open]>svg]:hawa-rotate-180",
+      props.disabled ? "hawa-bg-muted/30 hawa-text-muted-foreground/50" : "hover:hawa-bg-muted",
+      className
+    ) : className,
+    ...props
+  },
+  children,
+  !props.hideArrow && /* @__PURE__ */ React7.createElement(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className: "hawa-icon hawa-shrink-0 hawa-transition-transform hawa-duration-200"
+    },
+    /* @__PURE__ */ React7.createElement("path", { d: "m6 9 6 6 6-6" })
+  )
+)));
+AccordionTrigger.displayName = AccordionPrimitive2.Trigger.displayName;
+
+// components/elements/accordion/Accordion.tsx
+var Accordion = React8.forwardRef(
+  ({
+    items,
+    design = "default",
+    itemClassNames,
+    triggerclassNames,
+    contentclassNames,
+    className,
+    ...props
+  }, ref) => /* @__PURE__ */ React8.createElement(AccordionPrimitive3.Root, { type: props.type, collapsible: true }, /* @__PURE__ */ React8.createElement(
+    "div",
+    {
+      className: cn("hawa-flex hawa-flex-col", {
+        "hawa-gap-4": design === "separated",
+        "hawa-gap-0": design === "default"
+      })
+    },
+    items.map((item, index) => /* @__PURE__ */ React8.createElement(
+      AccordionPrimitive3.Item,
+      {
+        disabled: item.disabled || false,
+        className: cn(itemClassNames, "hawa-rounded"),
+        key: index,
+        value: `item-${index}`
+      },
+      /* @__PURE__ */ React8.createElement(
+        AccordionTrigger,
+        {
+          disabled: item.disabled || false,
+          className: cn(
+            "hawa-transition-all",
+            design === "separated" ? "hawa-rounded data-[state=open]:hawa-rounded-b-none" : {
+              "hawa-rounded-t": index === 0,
+              "data-[state=closed]:hawa-rounded-b": index === items.length - 1
+            },
+            triggerclassNames
+          )
+        },
+        /* @__PURE__ */ React8.createElement(
+          "span",
+          {
+            className: cn(
+              "hawa-flex hawa-flex-row",
+              item.chip && "hawa-gap-2"
+            )
+          },
+          item.trigger,
+          " ",
+          item.chip && /* @__PURE__ */ React8.createElement(Chip, { ...item.chip })
+        )
+      ),
+      /* @__PURE__ */ React8.createElement(
+        AccordionContent,
+        {
+          "aria-disabled": item.disabled || false,
+          className: cn(
+            "hawa-border hawa-transition-all",
+            design === "separated" ? "hawa-rounded data-[state=open]:hawa-rounded-t-none" : {
+              "data-[state=open]:hawa-rounded-b": index === items.length - 1
+            },
+            contentclassNames
+          )
+        },
+        item.content
+      )
+    ))
+  ))
+);
+Accordion.displayName = "Accordion";
+
+// components/elements/accordion/AccordionItem.tsx
+import * as React9 from "react";
+import * as AccordionPrimitive4 from "@radix-ui/react-accordion";
+var AccordionItem = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React9.createElement(AccordionPrimitive4.Item, { ref, className: cn(className), ...props }));
+AccordionItem.displayName = "AccordionItem";
+
+// components/elements/accordion/AccordionRoot.tsx
+import * as AccordionPrimitive5 from "@radix-ui/react-accordion";
+
+// components/elements/logos/Logos.tsx
+import React10 from "react";
+
+// components/elements/navigationMenu/NavigationMenu.tsx
+import * as React11 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 = React6.forwardRef(({ className, children, viewportClassNames, ...props }, ref) => /* @__PURE__ */ React6.createElement(
+var NavigationMenuRoot = React11.forwardRef(({ className, children, viewportClassNames, ...props }, ref) => /* @__PURE__ */ React11.createElement(
   NavigationMenuPrimitive.Root,
   {
     ref,
@@ -373,9 +711,9 @@ var NavigationMenuRoot = React6.forwardRef(({ className, children, viewportClass
     ...props
   },
   children,
-  /* @__PURE__ */ React6.createElement(NavigationMenuViewport, { className: viewportClassNames })
+  /* @__PURE__ */ React11.createElement(NavigationMenuViewport, { className: viewportClassNames })
 ));
-var NavigationMenuList = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React6.createElement(
+var NavigationMenuList = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React11.createElement(
   NavigationMenuPrimitive.List,
   {
     ref,
@@ -386,7 +724,7 @@ var NavigationMenuList = React6.forwardRef(({ className, ...props }, ref) => /*
     ...props
   }
 ));
-var NavigationMenuTrigger = React6.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React6.createElement(
+var NavigationMenuTrigger = React11.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React11.createElement(
   NavigationMenuPrimitive.Trigger,
   {
     ref,
@@ -394,7 +732,7 @@ var NavigationMenuTrigger = React6.forwardRef(({ className, children, ...props }
     ...props
   },
   children,
-  /* @__PURE__ */ React6.createElement(
+  /* @__PURE__ */ React11.createElement(
     "svg",
     {
       "aria-label": "Chevron Icon",
@@ -410,10 +748,10 @@ var NavigationMenuTrigger = React6.forwardRef(({ className, children, ...props }
       "aria-hidden": "true",
       className: "hawa-icon hawa-relative hawa-top-[1px] hawa-transition hawa-duration-200 group-data-[state=open]:hawa-rotate-180"
     },
-    /* @__PURE__ */ React6.createElement("path", { d: "m6 9 6 6 6-6" })
+    /* @__PURE__ */ React11.createElement("path", { d: "m6 9 6 6 6-6" })
   )
 ));
-var NavigationMenuContent = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React6.createElement(
+var NavigationMenuContent = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React11.createElement(
   NavigationMenuPrimitive.Content,
   {
     ref,
@@ -427,14 +765,14 @@ var NavigationMenuContent = React6.forwardRef(({ className, ...props }, ref) =>
     ...props
   }
 ));
-var NavigationMenuViewport = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React6.createElement(
+var NavigationMenuViewport = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React11.createElement(
   "div",
   {
     className: cn(
       "hawa-absolute hawa-top-full hawa-flex hawa-w-full hawa-justify-center"
     )
   },
-  /* @__PURE__ */ React6.createElement(
+  /* @__PURE__ */ React11.createElement(
     NavigationMenuPrimitive.Viewport,
     {
       className: cn(
@@ -451,7 +789,7 @@ var NavigationMenuViewport = React6.forwardRef(({ className, ...props }, ref) =>
     }
   )
 ));
-var NavigationMenuIndicator = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React6.createElement(
+var NavigationMenuIndicator = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React11.createElement(
   NavigationMenuPrimitive.Indicator,
   {
     ref,
@@ -461,7 +799,7 @@ var NavigationMenuIndicator = React6.forwardRef(({ className, ...props }, ref) =
     ),
     ...props
   },
-  /* @__PURE__ */ React6.createElement("div", { className: "hawa-relative hawa-top-[60%] hawa-h-2 hawa-w-2 hawa-rotate-45 hawa-rounded-tl-sm hawa-bg-border hawa-shadow-md" })
+  /* @__PURE__ */ React11.createElement("div", { className: "hawa-relative hawa-top-[60%] hawa-h-2 hawa-w-2 hawa-rotate-45 hawa-rounded-tl-sm hawa-bg-border hawa-shadow-md" })
 ));
 NavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName;
 NavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName;
@@ -471,11 +809,11 @@ NavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayN
 NavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;
 
 // components/elements/sheet/Sheet.tsx
-import * as React7 from "react";
+import * as React12 from "react";
 import * as SheetPrimitive from "@radix-ui/react-dialog";
 import { cva as cva2 } from "class-variance-authority";
 var SheetPortal = SheetPrimitive.Portal;
-var SheetOverlay = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React7.createElement(
+var SheetOverlay = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React12.createElement(
   SheetPrimitive.Overlay,
   {
     className: cn(
@@ -502,8 +840,8 @@ var sheetVariants = cva2(
     }
   }
 );
-var SheetContent = React7.forwardRef(
-  ({ side = "right", className, children, persist, hideCloseButton, ...props }, ref) => /* @__PURE__ */ React7.createElement(SheetPortal, null, /* @__PURE__ */ React7.createElement(SheetOverlay, null), /* @__PURE__ */ React7.createElement(
+var SheetContent = React12.forwardRef(
+  ({ side = "right", className, children, persist, hideCloseButton, ...props }, ref) => /* @__PURE__ */ React12.createElement(SheetPortal, null, /* @__PURE__ */ React12.createElement(SheetOverlay, null), /* @__PURE__ */ React12.createElement(
     SheetPrimitive.Content,
     {
       ref,
@@ -516,7 +854,7 @@ var SheetContent = React7.forwardRef(
       ...props
     },
     children,
-    !hideCloseButton && /* @__PURE__ */ React7.createElement(
+    !hideCloseButton && /* @__PURE__ */ React12.createElement(
       SheetPrimitive.Close,
       {
         className: cn(
@@ -528,7 +866,7 @@ var SheetContent = React7.forwardRef(
           }
         )
       },
-      /* @__PURE__ */ React7.createElement(
+      /* @__PURE__ */ React12.createElement(
         "svg",
         {
           "aria-label": "Close Icon",
@@ -537,7 +875,7 @@ var SheetContent = React7.forwardRef(
           fill: "currentColor",
           viewBox: "0 0 20 20"
         },
-        /* @__PURE__ */ React7.createElement(
+        /* @__PURE__ */ React12.createElement(
           "path",
           {
             fillRule: "evenodd",
@@ -546,14 +884,14 @@ var SheetContent = React7.forwardRef(
           }
         )
       ),
-      /* @__PURE__ */ React7.createElement("span", { className: "hawa-sr-only" }, "Close")
+      /* @__PURE__ */ React12.createElement("span", { className: "hawa-sr-only" }, "Close")
     )
   ))
 );
 var SheetHeader = ({
   className,
   ...props
-}) => /* @__PURE__ */ React7.createElement(
+}) => /* @__PURE__ */ React12.createElement(
   "div",
   {
     className: cn(
@@ -566,7 +904,7 @@ var SheetHeader = ({
 var SheetFooter = ({
   className,
   ...props
-}) => /* @__PURE__ */ React7.createElement(
+}) => /* @__PURE__ */ React12.createElement(
   "div",
   {
     className: cn(
@@ -576,7 +914,7 @@ var SheetFooter = ({
     ...props
   }
 );
-var SheetTitle = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React7.createElement(
+var SheetTitle = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React12.createElement(
   SheetPrimitive.Title,
   {
     ref,
@@ -587,7 +925,7 @@ var SheetTitle = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE_
     ...props
   }
 ));
-var SheetDescription = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React7.createElement(
+var SheetDescription = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React12.createElement(
   SheetPrimitive.Description,
   {
     ref,
@@ -603,10 +941,10 @@ SheetFooter.displayName = "SheetFooter";
 SheetTitle.displayName = SheetPrimitive.Title.displayName;
 
 // components/elements/dialog/Dialog.tsx
-import * as React8 from "react";
+import * as React13 from "react";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
-var DialogPortal = ({ ...props }) => /* @__PURE__ */ React8.createElement(DialogPrimitive.Portal, { ...props });
-var DialogOverlay = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React8.createElement(
+var DialogPortal = ({ ...props }) => /* @__PURE__ */ React13.createElement(DialogPrimitive.Portal, { ...props });
+var DialogOverlay = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React13.createElement(
   DialogPrimitive.Overlay,
   {
     ref,
@@ -617,7 +955,7 @@ var DialogOverlay = React8.forwardRef(({ className, ...props }, ref) => /* @__PU
     ...props
   }
 ));
-var DialogContent = React8.forwardRef(({ className, children, persist, hideCloseButton, ...props }, ref) => /* @__PURE__ */ React8.createElement(DialogPortal, null, /* @__PURE__ */ React8.createElement(DialogOverlay, null), /* @__PURE__ */ React8.createElement(
+var DialogContent = React13.forwardRef(({ className, children, persist, hideCloseButton, ...props }, ref) => /* @__PURE__ */ React13.createElement(DialogPortal, null, /* @__PURE__ */ React13.createElement(DialogOverlay, null), /* @__PURE__ */ React13.createElement(
   DialogPrimitive.Content,
   {
     onPointerDownOutside: (e) => {
@@ -633,7 +971,7 @@ var DialogContent = React8.forwardRef(({ className, children, persist, hideClose
     ...props
   },
   children,
-  !hideCloseButton && /* @__PURE__ */ React8.createElement(
+  !hideCloseButton && /* @__PURE__ */ React13.createElement(
     DialogPrimitive.Close,
     {
       className: cn(
@@ -641,7 +979,7 @@ var DialogContent = React8.forwardRef(({ className, children, persist, hideClose
         props.dir === "rtl" ? " hawa-left-4" : " hawa-right-4"
       )
     },
-    /* @__PURE__ */ React8.createElement(
+    /* @__PURE__ */ React13.createElement(
       "svg",
       {
         "aria-label": "Close Icon",
@@ -650,7 +988,7 @@ var DialogContent = React8.forwardRef(({ className, children, persist, hideClose
         fill: "currentColor",
         viewBox: "0 0 20 20"
       },
-      /* @__PURE__ */ React8.createElement(
+      /* @__PURE__ */ React13.createElement(
         "path",
         {
           fillRule: "evenodd",
@@ -659,10 +997,10 @@ var DialogContent = React8.forwardRef(({ className, children, persist, hideClose
         }
       )
     ),
-    /* @__PURE__ */ React8.createElement("span", { className: "hawa-sr-only" }, "Close")
+    /* @__PURE__ */ React13.createElement("span", { className: "hawa-sr-only" }, "Close")
   )
 )));
-var DialogCarouselContent = React8.forwardRef(
+var DialogCarouselContent = React13.forwardRef(
   ({
     className,
     children,
@@ -671,7 +1009,7 @@ var DialogCarouselContent = React8.forwardRef(
     hideCloseButton,
     hidePrevButton,
     ...props
-  }, ref) => /* @__PURE__ */ React8.createElement(DialogPortal, null, /* @__PURE__ */ React8.createElement(DialogOverlay, null), /* @__PURE__ */ React8.createElement(
+  }, ref) => /* @__PURE__ */ React13.createElement(DialogPortal, null, /* @__PURE__ */ React13.createElement(DialogOverlay, null), /* @__PURE__ */ React13.createElement(
     DialogPrimitive.Content,
     {
       onPointerDownOutside: (e) => {
@@ -687,7 +1025,7 @@ var DialogCarouselContent = React8.forwardRef(
       ...props
     },
     children,
-    /* @__PURE__ */ React8.createElement(
+    /* @__PURE__ */ React13.createElement(
       "div",
       {
         className: cn(
@@ -695,7 +1033,7 @@ var DialogCarouselContent = React8.forwardRef(
           onPrev ? "hawa-justify-between" : "hawa-justify-end"
         )
       },
-      hidePrevButton ? /* @__PURE__ */ React8.createElement("div", null) : /* @__PURE__ */ React8.createElement(
+      hidePrevButton ? /* @__PURE__ */ React13.createElement("div", null) : /* @__PURE__ */ React13.createElement(
         "div",
         {
           onClick: onPrev,
@@ -704,7 +1042,7 @@ var DialogCarouselContent = React8.forwardRef(
             props.dir === "rtl" && "hawa-rotate-180"
           )
         },
-        /* @__PURE__ */ React8.createElement(
+        /* @__PURE__ */ React13.createElement(
           "svg",
           {
             xmlns: "http://www.w3.org/2000/svg",
@@ -718,10 +1056,10 @@ var DialogCarouselContent = React8.forwardRef(
             strokeLinecap: "round",
             strokeLinejoin: "round"
           },
-          /* @__PURE__ */ React8.createElement("path", { d: "m15 18-6-6 6-6" })
+          /* @__PURE__ */ React13.createElement("path", { d: "m15 18-6-6 6-6" })
         )
       ),
-      !hideCloseButton && /* @__PURE__ */ React8.createElement(
+      !hideCloseButton && /* @__PURE__ */ React13.createElement(
         DialogPrimitive.Close,
         {
           className: cn(
@@ -729,7 +1067,7 @@ var DialogCarouselContent = React8.forwardRef(
             props.dir === "rtl" ? " hawa-left-4" : " hawa-right-4"
           )
         },
-        /* @__PURE__ */ React8.createElement(
+        /* @__PURE__ */ React13.createElement(
           "svg",
           {
             "aria-label": "Close Icon",
@@ -738,7 +1076,7 @@ var DialogCarouselContent = React8.forwardRef(
             fill: "currentColor",
             viewBox: "0 0 20 20"
           },
-          /* @__PURE__ */ React8.createElement(
+          /* @__PURE__ */ React13.createElement(
             "path",
             {
               fillRule: "evenodd",
@@ -747,7 +1085,7 @@ var DialogCarouselContent = React8.forwardRef(
             }
           )
         ),
-        /* @__PURE__ */ React8.createElement("span", { className: "hawa-sr-only" }, "Close")
+        /* @__PURE__ */ React13.createElement("span", { className: "hawa-sr-only" }, "Close")
       )
     )
   ))
@@ -755,7 +1093,7 @@ var DialogCarouselContent = React8.forwardRef(
 var DialogHeader = ({
   className,
   ...props
-}) => /* @__PURE__ */ React8.createElement(
+}) => /* @__PURE__ */ React13.createElement(
   "div",
   {
     className: cn(
@@ -765,7 +1103,7 @@ var DialogHeader = ({
     ...props
   }
 );
-var DialogTitle = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React8.createElement(
+var DialogTitle = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React13.createElement(
   DialogPrimitive.Title,
   {
     ref,
@@ -776,7 +1114,7 @@ var DialogTitle = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE
     ...props
   }
 ));
-var DialogDescription = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React8.createElement(
+var DialogDescription = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React13.createElement(
   DialogPrimitive.Description,
   {
     ref,
@@ -790,7 +1128,7 @@ var DialogDescription = React8.forwardRef(({ className, ...props }, ref) => /* @
 var DialogFooter = ({
   className,
   ...props
-}) => /* @__PURE__ */ React8.createElement(
+}) => /* @__PURE__ */ React13.createElement(
   "div",
   {
     className: cn(
@@ -806,12 +1144,12 @@ var DialogCarousel = ({
   children,
   direction
 }) => {
-  React8.useEffect(() => {
+  React13.useEffect(() => {
     if (stepsApi) {
       stepsApi.reInit();
     }
   }, [stepsApi, children]);
-  return /* @__PURE__ */ React8.createElement("div", { className: "hawa-overflow-hidden" }, /* @__PURE__ */ React8.createElement("div", { ref: stepsRef, dir: direction }, /* @__PURE__ */ React8.createElement(
+  return /* @__PURE__ */ React13.createElement("div", { className: "hawa-overflow-hidden" }, /* @__PURE__ */ React13.createElement("div", { ref: stepsRef, dir: direction }, /* @__PURE__ */ React13.createElement(
     "div",
     {
       className: "hawa-flex",
@@ -819,7 +1157,7 @@ var DialogCarousel = ({
         transition: "height 0.2s"
       }
     },
-    React8.Children.map(children, (child, index) => /* @__PURE__ */ React8.createElement(
+    React13.Children.map(children, (child, index) => /* @__PURE__ */ React13.createElement(
       "div",
       {
         className: cn(
@@ -836,14 +1174,14 @@ var DialogSteps = ({
   visibleStepRef,
   children
 }) => {
-  const [dialogHeight, setDialogHeight] = React8.useState(null);
-  React8.useEffect(() => {
+  const [dialogHeight, setDialogHeight] = React13.useState(null);
+  React13.useEffect(() => {
     if (visibleStepRef.current) {
       setDialogHeight(visibleStepRef.current.offsetHeight);
       console.log("height is ", visibleStepRef.current.offsetHeight);
     }
   }, [currentStep, visibleStepRef]);
-  return /* @__PURE__ */ React8.createElement(
+  return /* @__PURE__ */ React13.createElement(
     "div",
     {
       className: "hawa-relative hawa-overflow-clip",
@@ -852,7 +1190,7 @@ var DialogSteps = ({
         transition: "height 0.2s"
       }
     },
-    React8.Children.map(children, (child, index) => /* @__PURE__ */ React8.createElement(
+    React13.Children.map(children, (child, index) => /* @__PURE__ */ React13.createElement(
       "div",
       {
         ref: currentStep === `step-${index + 1}` ? visibleStepRef : null,
@@ -870,7 +1208,7 @@ var DialogStep = ({
   className,
   stepRef
 }) => {
-  return /* @__PURE__ */ React8.createElement(
+  return /* @__PURE__ */ React13.createElement(
     "div",
     {
       id,
@@ -881,7 +1219,7 @@ var DialogStep = ({
   );
 };
 var DialogBody = ({ children, className }) => {
-  return /* @__PURE__ */ React8.createElement("div", { className: cn("hawa-py-6", className) }, children);
+  return /* @__PURE__ */ React13.createElement("div", { className: cn("hawa-py-6", className) }, children);
 };
 DialogBody.displayName = "DialogBody";
 DialogStep.displayName = "DialogStep";
@@ -897,16 +1235,89 @@ DialogContent.displayName = DialogPrimitive.Content.displayName;
 DialogDescription.displayName = DialogPrimitive.Description.displayName;
 
 // components/elements/alert/Alert.tsx
-import React9, { useRef, useState as useState2, useEffect as useEffect2 } from "react";
+import React15, { useRef, useState as useState2, useEffect as useEffect2 } from "react";
+
+// components/elements/button/Button.tsx
+import * as React14 from "react";
+import { cva as cva3 } from "class-variance-authority";
+var buttonVariants = cva3(
+  "hawa-inline-flex hawa-items-center  hawa-select-none hawa-rounded-md hawa-text-sm hawa-font-medium hawa-ring-offset-background hawa-transition-colors focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-2 disabled:hawa-pointer-events-none disabled:hawa-opacity-50",
+  {
+    variants: {
+      variant: {
+        default: "hawa-bg-primary hawa-text-primary-foreground hover:hawa-bg-primary/90",
+        light: "hawa-bg-primary/20 hawa-text-primary hover:hawa-bg-primary/40",
+        destructive: "hawa-bg-destructive hawa-text-destructive-foreground hover:hawa-bg-destructive/90",
+        outline: "hawa-border hawa-border-input hawa-bg-transparent hover:hawa-bg-accent hover:hawa-text-accent-foreground",
+        secondary: "hawa-bg-secondary hawa-text-secondary-foreground hover:hawa-bg-secondary/80",
+        ghost: "hover:hawa-bg-accent hover:hawa-text-accent-foreground",
+        link: "hawa-text-primary hawa-underline-offset-4 hover:hawa-underline",
+        combobox: "hawa-bg-background hawa-border",
+        neoBrutalism: "neo-brutalism"
+        // "hawa-cursor-pointer hawa-transition-all hawa-uppercase hawa-font-mono  dark:hawa-bg-black hawa-font-bold hawa-py-2 hawa-px-4 hawa-rounded hawa-border-2 hawa-border-primary hawa-shadow-color-primary hawa-transition-[hawa-transform_50ms, hawa-box-shadow_50ms] active:hawa-translate-x-0.5 active:hawa-translate-y-0.5 active:hawa-shadow-color-primary-active shadow-color-primary active:shadow-color-primary-active",
+      },
+      size: {
+        default: "hawa-h-10 hawa-px-4 hawa-py-2",
+        heightless: "hawa-px-4 hawa-py-4",
+        xs: "hawa-h-fit hawa-min-h-[25px] hawa-py-1 hawa-text-[10px] hawa-px-2 ",
+        sm: "hawa-h-9  hawa-text-[11px] hawa-rounded-md hawa-px-3",
+        lg: "hawa-h-11 hawa-rounded-md hawa-px-8",
+        xl: "hawa-h-14 hawa-rounded-md hawa-px-10",
+        icon: "hawa-h-10 hawa-w-10",
+        smallIcon: "hawa-h-7 hawa-w-7"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+var Button = React14.forwardRef(
+  ({
+    className,
+    variant,
+    size,
+    asChild = false,
+    centered = true,
+    isLoading,
+    children,
+    ...props
+  }, ref) => {
+    const Comp = "button";
+    const loadingColor = variant === "outline" || variant === "ghost" || variant === "neoBrutalism" ? "hawa-bg-primary" : "hawa-bg-primary-foreground";
+    return /* @__PURE__ */ React14.createElement(
+      Comp,
+      {
+        className: cn(
+          buttonVariants({ variant, size, className }),
+          centered && "hawa-justify-center"
+        ),
+        ref,
+        ...props
+      },
+      isLoading ? /* @__PURE__ */ React14.createElement(
+        Loading,
+        {
+          design: size === "icon" || size === "smallIcon" ? "spinner" : "dots-pulse",
+          themeMode: variant === "outline" ? "light" : "dark",
+          color: loadingColor,
+          size: size === "sm" || size === "xs" ? "xs" : "button"
+        }
+      ) : children
+    );
+  }
+);
+Button.displayName = "Button";
 
 // components/elements/avatar/Avatar.tsx
-import React11 from "react";
+import React17 from "react";
 
 // components/elements/fileUploader/FileUploader.tsx
-import React10, { useRef as useRef2 } from "react";
+import React16, { useRef as useRef2 } from "react";
 
 // components/elements/dataTable/DataTable.tsx
-import * as React15 from "react";
+import * as React20 from "react";
 import {
   flexRender,
   getCoreRowModel,
@@ -918,42 +1329,8 @@ import {
 } from "@tanstack/react-table";
 
 // components/elements/input/Input.tsx
-import React13, { forwardRef as forwardRef7 } from "react";
-
-// components/elements/label/Label.tsx
-import * as React12 from "react";
-var Label2 = React12.forwardRef(({ className, hint, hintSide, required, children, ...props }, ref) => /* @__PURE__ */ React12.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-1 hawa-transition-all" }, /* @__PURE__ */ React12.createElement(
-  "label",
-  {
-    ref,
-    className: cn(
-      "hawa-text-sm hawa-font-medium hawa-leading-none peer-disabled:hawa-cursor-not-allowed peer-disabled:hawa-opacity-70",
-      className
-    ),
-    ...props
-  },
-  children,
-  required && /* @__PURE__ */ React12.createElement("span", { className: "hawa-mx-0.5 hawa-text-red-500" }, "*")
-), hint && /* @__PURE__ */ React12.createElement(Tooltip, { content: hint, side: hintSide }, /* @__PURE__ */ React12.createElement(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    className: "hawa-h-[14px] hawa-w-[14px] hawa-cursor-help",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  },
-  /* @__PURE__ */ React12.createElement("circle", { cx: "12", cy: "12", r: "10" }),
-  /* @__PURE__ */ React12.createElement("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
-  /* @__PURE__ */ React12.createElement("path", { d: "M12 17h.01" })
-))));
-Label2.displayName = "Label";
-
-// components/elements/input/Input.tsx
-var Input = forwardRef7(
+import React18, { forwardRef as forwardRef11 } from "react";
+var Input = forwardRef11(
   ({
     margin = "none",
     width = "full",
@@ -980,7 +1357,7 @@ var Input = forwardRef7(
     };
     let defaultStyle = "hawa-flex hawa-max-h-fit hawa-h-fit hawa-relative hawa-flex-col hawa-justify-center hawa-gap-0";
     let defaultInputStyle = "hawa-block hawa-w-full hawa-rounded hawa-border hawa-transition-all hawa-bg-background hawa-p-3 hawa-text-sm ";
-    return /* @__PURE__ */ React13.createElement(
+    return /* @__PURE__ */ React18.createElement(
       "div",
       {
         className: cn(
@@ -991,8 +1368,8 @@ var Input = forwardRef7(
           "hawa-w-full hawa-gap-2"
         )
       },
-      props.label && /* @__PURE__ */ React13.createElement(Label2, { ...labelProps }, props.label),
-      props.isLoading ? /* @__PURE__ */ React13.createElement("div", { className: "hawa-pb-2" }, /* @__PURE__ */ React13.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" })) : /* @__PURE__ */ React13.createElement(React13.Fragment, null, !props.hideSeparator && /* @__PURE__ */ React13.createElement(
+      props.label && /* @__PURE__ */ React18.createElement(Label, { ...labelProps }, props.label),
+      props.isLoading ? /* @__PURE__ */ React18.createElement("div", { className: "hawa-pb-2" }, /* @__PURE__ */ React18.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" })) : /* @__PURE__ */ React18.createElement(React18.Fragment, null, !props.hideSeparator && /* @__PURE__ */ React18.createElement(
         "div",
         {
           className: cn(
@@ -1000,7 +1377,7 @@ var Input = forwardRef7(
             preview ? "hawa-opacity-100" : "hawa-opacity-0"
           )
         }
-      ), /* @__PURE__ */ React13.createElement(React13.Fragment, null, /* @__PURE__ */ React13.createElement("div", { className: "hawa-relative" }, props.startIcon && /* @__PURE__ */ React13.createElement("div", { className: "hawa-absolute hawa-start-3 hawa-top-1/2 hawa--translate-y-1/2" }, props.startIcon), props.endIcon && /* @__PURE__ */ React13.createElement(
+      ), /* @__PURE__ */ React18.createElement(React18.Fragment, null, /* @__PURE__ */ React18.createElement("div", { className: "hawa-relative" }, props.startIcon && /* @__PURE__ */ React18.createElement("div", { className: "hawa-absolute hawa-start-3 hawa-top-1/2 hawa--translate-y-1/2" }, props.startIcon), props.endIcon && /* @__PURE__ */ React18.createElement(
         "div",
         {
           className: cn(
@@ -1009,7 +1386,7 @@ var Input = forwardRef7(
           )
         },
         props.endIcon
-      ), /* @__PURE__ */ React13.createElement(
+      ), /* @__PURE__ */ React18.createElement(
         "input",
         {
           required: true,
@@ -1035,7 +1412,7 @@ var Input = forwardRef7(
             inputProps == null ? void 0 : inputProps.className
           )
         }
-      )), !forceHideHelperText && /* @__PURE__ */ React13.createElement(
+      )), !forceHideHelperText && /* @__PURE__ */ React18.createElement(
         "p",
         {
           className: cn(
@@ -1044,7 +1421,7 @@ var Input = forwardRef7(
           )
         },
         props.helperText
-      ), !props.disabled && forceHideHelperText && /* @__PURE__ */ React13.createElement(
+      ), !props.disabled && forceHideHelperText && /* @__PURE__ */ React18.createElement(
         "div",
         {
           className: cn(
@@ -1053,7 +1430,7 @@ var Input = forwardRef7(
           )
         },
         props.helperText
-      ), showCount && /* @__PURE__ */ React13.createElement(
+      ), showCount && /* @__PURE__ */ React18.createElement(
         "div",
         {
           className: cn(
@@ -1074,8 +1451,8 @@ var Input = forwardRef7(
 );
 
 // components/elements/table/Table.tsx
-import * as React14 from "react";
-var Table = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React14.createElement("div", { className: "hawa-relative hawa-w-full  hawa-overflow-auto hawa-rounded hawa-border" }, /* @__PURE__ */ React14.createElement(
+import * as React19 from "react";
+var Table = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React19.createElement("div", { className: "hawa-relative hawa-w-full  hawa-overflow-auto hawa-rounded hawa-border" }, /* @__PURE__ */ React19.createElement(
   "table",
   {
     ref,
@@ -1084,7 +1461,7 @@ var Table = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
   }
 )));
 Table.displayName = "Table";
-var TableHeader = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React14.createElement(
+var TableHeader = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React19.createElement(
   "thead",
   {
     ref,
@@ -1093,8 +1470,8 @@ var TableHeader = React14.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TableHeader.displayName = "TableHeader";
-var TableHead = React14.forwardRef(
-  ({ className, condensed, clickable, dir, ...props }, ref) => /* @__PURE__ */ React14.createElement(
+var TableHead = React19.forwardRef(
+  ({ className, condensed, clickable, dir, ...props }, ref) => /* @__PURE__ */ React19.createElement(
     "th",
     {
       ref,
@@ -1113,9 +1490,9 @@ var TableHead = React14.forwardRef(
   )
 );
 TableHead.displayName = "TableHead";
-var TableBody = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React14.createElement("tbody", { ref, className: cn("hawa-border-none", className), ...props }));
+var TableBody = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React19.createElement("tbody", { ref, className: cn("hawa-border-none", className), ...props }));
 TableBody.displayName = "TableBody";
-var TableFooter = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React14.createElement(
+var TableFooter = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React19.createElement(
   "tfoot",
   {
     ref,
@@ -1127,7 +1504,7 @@ var TableFooter = React14.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TableFooter.displayName = "TableFooter";
-var TableRow = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React14.createElement(
+var TableRow = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React19.createElement(
   "tr",
   {
     ref,
@@ -1141,14 +1518,14 @@ var TableRow = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TableRow.displayName = "TableRow";
-var TableCell = React14.forwardRef(
+var TableCell = React19.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__ */ React14.createElement(
+    return /* @__PURE__ */ React19.createElement(
       "td",
       {
         ref,
@@ -1170,7 +1547,7 @@ var TableCell = React14.forwardRef(
   }
 );
 TableCell.displayName = "TableCell";
-var TableCaption = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React14.createElement(
+var TableCaption = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React19.createElement(
   "caption",
   {
     ref,
@@ -1183,17 +1560,20 @@ var TableCaption = React14.forwardRef(({ className, ...props }, ref) => /* @__PU
 ));
 TableCaption.displayName = "TableCaption";
 
+// components/elements/backToTop/BackToTop.tsx
+import React21, { useState as useState4, useEffect as useEffect3, useRef as useRef3 } from "react";
+
 // components/elements/radio/Radio.tsx
-import React16, { useState as useState4, useRef as useRef3, useEffect as useEffect3 } from "react";
+import React22, { useState as useState5, useRef as useRef4, useEffect as useEffect4 } from "react";
 
 // components/elements/combobox/Combobox.tsx
-import * as React19 from "react";
+import * as React25 from "react";
 import * as PopoverPrimitive2 from "@radix-ui/react-popover";
 
 // components/elements/command/Command.tsx
-import * as React17 from "react";
+import * as React23 from "react";
 import { Command as CommandPrimitive } from "cmdk";
-var Command = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React17.createElement(
+var Command = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React23.createElement(
   CommandPrimitive,
   {
     ref,
@@ -1205,13 +1585,13 @@ var Command = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 Command.displayName = CommandPrimitive.displayName;
-var CommandInput = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React17.createElement(
+var CommandInput = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React23.createElement(
   "div",
   {
     className: "hawa-flex hawa-items-center hawa-border-b hawa-px-3",
     "cmdk-input-wrapper": ""
   },
-  /* @__PURE__ */ React17.createElement(
+  /* @__PURE__ */ React23.createElement(
     "svg",
     {
       "aria-label": "Search Icon",
@@ -1226,10 +1606,10 @@ var CommandInput = React17.forwardRef(({ className, ...props }, ref) => /* @__PU
       strokeLinejoin: "round",
       className: "hawa-icon hawa-mr-2 hawa-shrink-0 hawa-opacity-50"
     },
-    /* @__PURE__ */ React17.createElement("circle", { cx: "11", cy: "11", r: "8" }),
-    /* @__PURE__ */ React17.createElement("path", { d: "m21 21-4.3-4.3" })
+    /* @__PURE__ */ React23.createElement("circle", { cx: "11", cy: "11", r: "8" }),
+    /* @__PURE__ */ React23.createElement("path", { d: "m21 21-4.3-4.3" })
   ),
-  /* @__PURE__ */ React17.createElement(
+  /* @__PURE__ */ React23.createElement(
     CommandPrimitive.Input,
     {
       ref,
@@ -1242,7 +1622,7 @@ var CommandInput = React17.forwardRef(({ className, ...props }, ref) => /* @__PU
   )
 ));
 CommandInput.displayName = CommandPrimitive.Input.displayName;
-var CommandList = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React17.createElement(
+var CommandList = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React23.createElement(
   CommandPrimitive.List,
   {
     ref,
@@ -1254,7 +1634,7 @@ var CommandList = React17.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 CommandList.displayName = CommandPrimitive.List.displayName;
-var CommandEmpty = React17.forwardRef((props, ref) => /* @__PURE__ */ React17.createElement(
+var CommandEmpty = React23.forwardRef((props, ref) => /* @__PURE__ */ React23.createElement(
   CommandPrimitive.Empty,
   {
     ref,
@@ -1263,7 +1643,7 @@ var CommandEmpty = React17.forwardRef((props, ref) => /* @__PURE__ */ React17.cr
   }
 ));
 CommandEmpty.displayName = CommandPrimitive.Empty.displayName;
-var CommandGroup = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React17.createElement(
+var CommandGroup = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React23.createElement(
   CommandPrimitive.Group,
   {
     ref,
@@ -1275,7 +1655,7 @@ var CommandGroup = React17.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 CommandGroup.displayName = CommandPrimitive.Group.displayName;
-var CommandSeparator = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React17.createElement(
+var CommandSeparator = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React23.createElement(
   CommandPrimitive.Separator,
   {
     ref,
@@ -1284,7 +1664,7 @@ var CommandSeparator = React17.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 CommandSeparator.displayName = CommandPrimitive.Separator.displayName;
-var CommandItem = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React17.createElement(
+var CommandItem = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React23.createElement(
   CommandPrimitive.Item,
   {
     ref,
@@ -1300,7 +1680,7 @@ var CommandShortcut = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ React17.createElement(
+  return /* @__PURE__ */ React23.createElement(
     "span",
     {
       className: cn(
@@ -1314,9 +1694,9 @@ var CommandShortcut = ({
 CommandShortcut.displayName = "CommandShortcut";
 
 // components/elements/popover/Popover.tsx
-import * as React18 from "react";
+import * as React24 from "react";
 import * as PopoverPrimitive from "@radix-ui/react-popover";
-var PopoverContent = React18.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React18.createElement(PopoverPrimitive.Portal, null, /* @__PURE__ */ React18.createElement(
+var PopoverContent = React24.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React24.createElement(PopoverPrimitive.Portal, null, /* @__PURE__ */ React24.createElement(
   PopoverPrimitive.Content,
   {
     ref,
@@ -1333,7 +1713,7 @@ PopoverContent.displayName = PopoverPrimitive.Content.displayName;
 var PopoverTrigger = PopoverPrimitive.Trigger;
 
 // components/elements/combobox/Combobox.tsx
-var Combobox = React19.forwardRef(
+var Combobox = React25.forwardRef(
   ({
     labelKey = "label",
     valueKey = "value",
@@ -1344,8 +1724,8 @@ var Combobox = React19.forwardRef(
     ...props
   }, ref) => {
     var _a, _b, _c;
-    const [open, setOpen] = React19.useState(false);
-    const [value, setValue] = React19.useState(defaultValue);
+    const [open, setOpen] = React25.useState(false);
+    const [value, setValue] = React25.useState(defaultValue);
     function getProperty(obj, key) {
       return obj[key];
     }
@@ -1354,7 +1734,7 @@ var Combobox = React19.forwardRef(
         setOpen(open2);
       }
     };
-    return /* @__PURE__ */ React19.createElement(
+    return /* @__PURE__ */ React25.createElement(
       "div",
       {
         className: cn(
@@ -1362,8 +1742,8 @@ var Combobox = React19.forwardRef(
           props.width === "fit" ? "hawa-w-fit" : "hawa-w-full"
         )
       },
-      props.label && /* @__PURE__ */ React19.createElement(Label2, { ...labelProps }, props.label),
-      /* @__PURE__ */ React19.createElement(PopoverPrimitive2.Root, { open, onOpenChange: handleOpenChange }, /* @__PURE__ */ React19.createElement(PopoverTrigger, { asChild: true }, props.isLoading ? /* @__PURE__ */ React19.createElement("div", { className: "hawa-pb-2" }, /* @__PURE__ */ React19.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" })) : /* @__PURE__ */ React19.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-start hawa-gap-2 " }, /* @__PURE__ */ React19.createElement(
+      props.label && /* @__PURE__ */ React25.createElement(Label, { ...labelProps }, props.label),
+      /* @__PURE__ */ React25.createElement(PopoverPrimitive2.Root, { open, onOpenChange: handleOpenChange }, /* @__PURE__ */ React25.createElement(PopoverTrigger, { asChild: true }, props.isLoading ? /* @__PURE__ */ React25.createElement("div", { className: "hawa-pb-2" }, /* @__PURE__ */ React25.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" })) : /* @__PURE__ */ React25.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-start hawa-gap-2 " }, /* @__PURE__ */ React25.createElement(
         "div",
         {
           className: cn(
@@ -1371,7 +1751,7 @@ var Combobox = React19.forwardRef(
             props.preview ? "hawa-opacity-100" : "hawa-opacity-0"
           )
         }
-      ), /* @__PURE__ */ React19.createElement(
+      ), /* @__PURE__ */ React25.createElement(
         "button",
         {
           role: "combobox",
@@ -1386,7 +1766,7 @@ var Combobox = React19.forwardRef(
           data.find((item) => item[valueKey] === value) || {},
           labelKey
         ) : ((_a = props.texts) == null ? void 0 : _a.placeholder) || ". . .",
-        /* @__PURE__ */ React19.createElement(
+        /* @__PURE__ */ React25.createElement(
           "svg",
           {
             xmlns: "http://www.w3.org/2000/svg",
@@ -1402,9 +1782,9 @@ var Combobox = React19.forwardRef(
             strokeLinecap: "round",
             strokeLinejoin: "round"
           },
-          /* @__PURE__ */ React19.createElement("path", { d: "m6 9 6 6 6-6" })
+          /* @__PURE__ */ React25.createElement("path", { d: "m6 9 6 6 6-6" })
         )
-      ), /* @__PURE__ */ React19.createElement(
+      ), /* @__PURE__ */ React25.createElement(
         "p",
         {
           className: cn(
@@ -1413,18 +1793,18 @@ var Combobox = React19.forwardRef(
           )
         },
         props.helperText
-      ))), /* @__PURE__ */ React19.createElement(
+      ))), /* @__PURE__ */ React25.createElement(
         PopoverContent,
         {
           sideOffset: 0,
           className: cn("popover-w-parent", props.helperText && "-hawa-mt-4")
         },
-        /* @__PURE__ */ React19.createElement(Command, null, !props.hideInput && /* @__PURE__ */ React19.createElement(
+        /* @__PURE__ */ React25.createElement(Command, null, !props.hideInput && /* @__PURE__ */ React25.createElement(
           CommandInput,
           {
             placeholder: ((_b = props.texts) == null ? void 0 : _b.searchPlaceholder) || "Search"
           }
-        ), /* @__PURE__ */ React19.createElement(CommandEmpty, null, ((_c = props.texts) == null ? void 0 : _c.noItems) || "No items found."), /* @__PURE__ */ React19.createElement(CommandGroup, { className: "hawa-max-h-[200px] hawa-overflow-y-auto" }, data.map((item, i) => /* @__PURE__ */ React19.createElement(
+        ), /* @__PURE__ */ React25.createElement(CommandEmpty, null, ((_c = props.texts) == null ? void 0 : _c.noItems) || "No items found."), /* @__PURE__ */ React25.createElement(CommandGroup, { className: "hawa-max-h-[200px] hawa-overflow-y-auto" }, data.map((item, i) => /* @__PURE__ */ React25.createElement(
           CommandItem,
           {
             key: i,
@@ -1439,7 +1819,7 @@ var Combobox = React19.forwardRef(
               setOpen(false);
             }
           },
-          /* @__PURE__ */ React19.createElement(
+          /* @__PURE__ */ React25.createElement(
             "svg",
             {
               "aria-label": "Check Icon",
@@ -1457,7 +1837,7 @@ var Combobox = React19.forwardRef(
                 value === getProperty(item, valueKey) ? "hawa-opacity-100" : "hawa-opacity-0"
               )
             },
-            /* @__PURE__ */ React19.createElement("polyline", { points: "20 6 9 17 4 12" })
+            /* @__PURE__ */ React25.createElement("polyline", { points: "20 6 9 17 4 12" })
           ),
           getProperty(item, labelKey)
         ))))
@@ -1467,8 +1847,8 @@ var Combobox = React19.forwardRef(
 );
 
 // components/elements/textarea/Textarea.tsx
-import * as React20 from "react";
-var Textarea = React20.forwardRef(
+import * as React26 from "react";
+var Textarea = React26.forwardRef(
   ({
     className,
     labelProps,
@@ -1478,7 +1858,7 @@ var Textarea = React20.forwardRef(
     countPosition = "bottom",
     ...props
   }, ref) => {
-    return /* @__PURE__ */ React20.createElement("div", { className: "hawa-relative hawa-flex hawa-h-full hawa-w-full hawa-flex-col hawa-gap-2" }, props.label && /* @__PURE__ */ React20.createElement(Label2, { ...labelProps }, props.label), /* @__PURE__ */ React20.createElement(
+    return /* @__PURE__ */ React26.createElement("div", { className: "hawa-relative hawa-flex hawa-h-full hawa-w-full hawa-flex-col hawa-gap-2" }, props.label && /* @__PURE__ */ React26.createElement(Label, { ...labelProps }, props.label), /* @__PURE__ */ React26.createElement(
       "textarea",
       {
         className: cn(
@@ -1488,7 +1868,7 @@ var Textarea = React20.forwardRef(
         ref,
         ...textareaProps
       }
-    ), /* @__PURE__ */ React20.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, !forceHideHelperText && /* @__PURE__ */ React20.createElement(
+    ), /* @__PURE__ */ React26.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, !forceHideHelperText && /* @__PURE__ */ React26.createElement(
       "p",
       {
         className: cn(
@@ -1497,7 +1877,7 @@ var Textarea = React20.forwardRef(
         )
       },
       props.helperText
-    ), showCount && /* @__PURE__ */ React20.createElement(
+    ), showCount && /* @__PURE__ */ React26.createElement(
       "div",
       {
         className: cn(
@@ -1516,18 +1896,18 @@ var Textarea = React20.forwardRef(
 Textarea.displayName = "Textarea";
 
 // components/elements/fileDropzone/FileDropzone.tsx
-import React21, { useEffect as useEffect4, useState as useState6 } from "react";
+import React27, { useEffect as useEffect5, useState as useState7 } from "react";
 import { useDropzone } from "react-dropzone";
 import clsx from "clsx";
 
 // components/elements/sortButton/SortButton.tsx
-import React22 from "react";
+import React28 from "react";
 
 // components/elements/tabs/Tabs.tsx
-import * as React23 from "react";
+import * as React29 from "react";
 import * as TabsPrimitive from "@radix-ui/react-tabs";
-var TabsContext = React23.createContext({ orientation: "vertical" });
-var Tabs = React23.forwardRef(({ className, orientation, ...props }, ref) => /* @__PURE__ */ React23.createElement(
+var TabsContext = React29.createContext({ orientation: "vertical" });
+var Tabs = React29.forwardRef(({ className, orientation, ...props }, ref) => /* @__PURE__ */ React29.createElement(
   TabsPrimitive.Root,
   {
     ref,
@@ -1538,12 +1918,12 @@ var Tabs = React23.forwardRef(({ className, orientation, ...props }, ref) => /*
     ),
     ...props
   },
-  /* @__PURE__ */ React23.createElement(TabsContext.Provider, { value: { orientation } }, props.children)
+  /* @__PURE__ */ React29.createElement(TabsContext.Provider, { value: { orientation } }, props.children)
 ));
 Tabs.displayName = TabsPrimitive.Root.displayName;
-var TabsList = React23.forwardRef(({ className, ...props }, ref) => {
-  const { orientation } = React23.useContext(TabsContext);
-  return /* @__PURE__ */ React23.createElement(
+var TabsList = React29.forwardRef(({ className, ...props }, ref) => {
+  const { orientation } = React29.useContext(TabsContext);
+  return /* @__PURE__ */ React29.createElement(
     TabsPrimitive.List,
     {
       ref,
@@ -1557,8 +1937,8 @@ var TabsList = React23.forwardRef(({ className, ...props }, ref) => {
   );
 });
 TabsList.displayName = TabsPrimitive.List.displayName;
-var TabsTrigger = React23.forwardRef(({ className, chipProps, ...props }, ref) => {
-  return /* @__PURE__ */ React23.createElement(
+var TabsTrigger = React29.forwardRef(({ className, chipProps, ...props }, ref) => {
+  return /* @__PURE__ */ React29.createElement(
     TabsPrimitive.Trigger,
     {
       ref,
@@ -1569,11 +1949,11 @@ var TabsTrigger = React23.forwardRef(({ className, chipProps, ...props }, ref) =
       ...props
     },
     props.children,
-    chipProps && /* @__PURE__ */ React23.createElement(Chip, { ...chipProps })
+    chipProps && /* @__PURE__ */ React29.createElement(Chip, { ...chipProps })
   );
 });
 TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-var TabsContent = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React23.createElement(
+var TabsContent = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React29.createElement(
   TabsPrimitive.Content,
   {
     ref,
@@ -1587,21 +1967,21 @@ var TabsContent = React23.forwardRef(({ className, ...props }, ref) => /* @__PUR
 TabsContent.displayName = TabsPrimitive.Content.displayName;
 
 // components/elements/select/Select.tsx
-import React24 from "react";
+import React30 from "react";
 import ReactSelect from "react-select";
 import CreatableSelect from "react-select/creatable";
 import clsx2 from "clsx";
 
 // components/elements/switch/Switch.tsx
-import * as React25 from "react";
+import * as React31 from "react";
 import * as SwitchPrimitives from "@radix-ui/react-switch";
-var Switch = React25.forwardRef(
+var Switch = React31.forwardRef(
   ({ className, size = "default", roundedness = "inherit", label, ...props }, ref) => {
-    const [parentDirection, setParentDirection] = React25.useState(
+    const [parentDirection, setParentDirection] = React31.useState(
       null
     );
-    const parentRef = React25.useRef(null);
-    React25.useEffect(() => {
+    const parentRef = React31.useRef(null);
+    React31.useEffect(() => {
       var _a;
       const parentNode = (_a = parentRef.current) == null ? void 0 : _a.parentNode;
       if (parentNode) {
@@ -1629,13 +2009,13 @@ var Switch = React25.forwardRef(
       full: "hawa-rounded-full",
       inherit: "hawa-rounded-inner"
     };
-    return /* @__PURE__ */ React25.createElement(
+    return /* @__PURE__ */ React31.createElement(
       "div",
       {
         className: "hawa-flex hawa-flex-row hawa-items-center",
         ref: parentRef
       },
-      /* @__PURE__ */ React25.createElement(
+      /* @__PURE__ */ React31.createElement(
         SwitchPrimitives.Root,
         {
           className: cn(
@@ -1649,7 +2029,7 @@ var Switch = React25.forwardRef(
           ...props,
           ref
         },
-        /* @__PURE__ */ React25.createElement(
+        /* @__PURE__ */ React31.createElement(
           SwitchPrimitives.Thumb,
           {
             className: cn(
@@ -1663,16 +2043,16 @@ var Switch = React25.forwardRef(
           }
         )
       ),
-      label && /* @__PURE__ */ React25.createElement("span", { className: "hawa-mx-2 hawa-text-sm hawa-font-medium hawa-text-gray-900 dark:hawa-text-gray-300" }, label)
+      label && /* @__PURE__ */ React31.createElement("span", { className: "hawa-mx-2 hawa-text-sm hawa-font-medium hawa-text-gray-900 dark:hawa-text-gray-300" }, label)
     );
   }
 );
 Switch.displayName = SwitchPrimitives.Root.displayName;
 
 // components/elements/checkbox/Checkbox.tsx
-import * as React26 from "react";
+import * as React32 from "react";
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
-var CheckboxElement = React26.forwardRef(({ radius = "inherit", size = "default", className, ...props }, ref) => {
+var CheckboxElement = React32.forwardRef(({ radius = "inherit", size = "default", className, ...props }, ref) => {
   let checkboxRadius = {
     none: "hawa-rounded-none",
     inherit: "hawa-rounded-sm",
@@ -1694,7 +2074,7 @@ var CheckboxElement = React26.forwardRef(({ radius = "inherit", size = "default"
     lg: "1em",
     xl: "1.25em"
   };
-  return /* @__PURE__ */ React26.createElement(
+  return /* @__PURE__ */ React32.createElement(
     CheckboxPrimitive.Root,
     {
       ref,
@@ -1706,14 +2086,14 @@ var CheckboxElement = React26.forwardRef(({ radius = "inherit", size = "default"
       ),
       ...props
     },
-    /* @__PURE__ */ React26.createElement(
+    /* @__PURE__ */ React32.createElement(
       CheckboxPrimitive.Indicator,
       {
         className: cn(
           "hawa-flex hawa-items-center hawa-justify-center hawa-text-current"
         )
       },
-      /* @__PURE__ */ React26.createElement(
+      /* @__PURE__ */ React32.createElement(
         "svg",
         {
           "aria-label": "Check Mark",
@@ -1724,7 +2104,7 @@ var CheckboxElement = React26.forwardRef(({ radius = "inherit", size = "default"
           height: checkboxIndicatorSizes[size],
           width: checkboxIndicatorSizes[size]
         },
-        /* @__PURE__ */ React26.createElement("path", { d: "M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z" })
+        /* @__PURE__ */ React32.createElement("path", { d: "M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z" })
       ),
       " "
     )
@@ -1733,9 +2113,9 @@ var CheckboxElement = React26.forwardRef(({ radius = "inherit", size = "default"
 CheckboxElement.displayName = CheckboxPrimitive.Root.displayName;
 
 // components/elements/progress/Progress.tsx
-import * as React27 from "react";
+import * as React33 from "react";
 import * as ProgressPrimitive from "@radix-ui/react-progress";
-var Progress = React27.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ React27.createElement(
+var Progress = React33.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ React33.createElement(
   ProgressPrimitive.Root,
   {
     ref,
@@ -1745,7 +2125,7 @@ var Progress = React27.forwardRef(({ className, value, ...props }, ref) => /* @_
     ),
     ...props
   },
-  /* @__PURE__ */ React27.createElement(
+  /* @__PURE__ */ React33.createElement(
     ProgressPrimitive.Indicator,
     {
       className: "hawa-h-full hawa-w-full hawa-flex-1 hawa-bg-primary hawa-transition-all",
@@ -1756,39 +2136,39 @@ var Progress = React27.forwardRef(({ className, value, ...props }, ref) => /* @_
 Progress.displayName = ProgressPrimitive.Root.displayName;
 
 // components/elements/breadcrumb/Breadcrumb.tsx
-import React28 from "react";
+import React34 from "react";
 
 // components/elements/appStores/AppStores.tsx
-import React29 from "react";
+import React35 from "react";
 
 // components/elements/badge/Badge.tsx
-import React30, { useEffect as useEffect6, useState as useState8, useRef as useRef5 } from "react";
+import React36, { useEffect as useEffect7, useState as useState9, useRef as useRef6 } from "react";
 
 // components/elements/phoneInput/PhoneInput.tsx
-import React31, { useState as useState9, useRef as useRef6, useEffect as useEffect7 } from "react";
+import React37, { useState as useState10, useRef as useRef7, useEffect as useEffect8 } from "react";
 
 // components/elements/pinInput/PinInput.tsx
-import React32, { useEffect as useEffect8, useState as useState10 } from "react";
+import React38, { useEffect as useEffect9, useState as useState11 } from "react";
 
 // components/elements/stopPropagationWrapper/StopPropagationWrapper.tsx
-import React33 from "react";
+import React39 from "react";
 
 // components/elements/scrollArea/ScrollArea.tsx
-import * as React34 from "react";
+import * as React40 from "react";
 import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
-var ScrollArea = React34.forwardRef(({ className, children, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ React34.createElement(
+var ScrollArea = React40.forwardRef(({ className, children, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ React40.createElement(
   ScrollAreaPrimitive.Root,
   {
     ref,
     className: cn("hawa-relative hawa-overflow-hidden", className),
     ...props
   },
-  /* @__PURE__ */ React34.createElement(ScrollAreaPrimitive.Viewport, { className: "hawa-h-full hawa-w-full hawa-rounded-[inherit]" }, children),
-  /* @__PURE__ */ React34.createElement(ScrollBar, { orientation }),
-  /* @__PURE__ */ React34.createElement(ScrollAreaPrimitive.Corner, null)
+  /* @__PURE__ */ React40.createElement(ScrollAreaPrimitive.Viewport, { className: "hawa-h-full hawa-w-full hawa-rounded-[inherit]" }, children),
+  /* @__PURE__ */ React40.createElement(ScrollBar, { orientation }),
+  /* @__PURE__ */ React40.createElement(ScrollAreaPrimitive.Corner, null)
 ));
 ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
-var ScrollBar = React34.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ React34.createElement(
+var ScrollBar = React40.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ React40.createElement(
   ScrollAreaPrimitive.ScrollAreaScrollbar,
   {
     ref,
@@ -1801,7 +2181,7 @@ var ScrollBar = React34.forwardRef(({ className, orientation = "vertical", ...pr
     ),
     ...props
   },
-  /* @__PURE__ */ React34.createElement(
+  /* @__PURE__ */ React40.createElement(
     ScrollAreaPrimitive.ScrollAreaThumb,
     {
       className: cn(
@@ -1813,14 +2193,8 @@ var ScrollBar = React34.forwardRef(({ className, orientation = "vertical", ...pr
 ));
 ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
 
-// components/elements/colorPicker/ColorPicker.tsx
-import React35, {
-  useState as useState11,
-  useEffect as useEffect9
-} from "react";
-
 // components/elements/progressCircle/ProgressCircle.tsx
-import React36 from "react";
+import React41 from "react";
 var size2config = {
   xs: {
     radius: 15,
@@ -1852,7 +2226,7 @@ function getLimitedValue(input) {
     return input;
   }
 }
-var ProgressCircle = React36.forwardRef((props, ref) => {
+var ProgressCircle = React41.forwardRef((props, ref) => {
   const {
     value: inputValue,
     size = "md",
@@ -1872,7 +2246,7 @@ var ProgressCircle = React36.forwardRef((props, ref) => {
   const circumference = normalizedRadius * 2 * Math.PI;
   const strokeDashoffset = value / 100 * circumference;
   const offset = circumference - strokeDashoffset;
-  return /* @__PURE__ */ React36.createElement(React36.Fragment, null, /* @__PURE__ */ React36.createElement(
+  return /* @__PURE__ */ React41.createElement(React41.Fragment, null, /* @__PURE__ */ React41.createElement(
     "div",
     {
       ref,
@@ -1881,7 +2255,7 @@ var ProgressCircle = React36.forwardRef((props, ref) => {
         className
       )
     },
-    /* @__PURE__ */ React36.createElement(
+    /* @__PURE__ */ React41.createElement(
       "svg",
       {
         width: radius * 2,
@@ -1889,7 +2263,7 @@ var ProgressCircle = React36.forwardRef((props, ref) => {
         viewBox: `0 0 ${radius * 2} ${radius * 2}`,
         className: "hawa-rotate-180 hawa-transform"
       },
-      /* @__PURE__ */ React36.createElement(
+      /* @__PURE__ */ React41.createElement(
         "circle",
         {
           r: normalizedRadius,
@@ -1905,7 +2279,7 @@ var ProgressCircle = React36.forwardRef((props, ref) => {
           )
         }
       ),
-      value > 0 ? /* @__PURE__ */ React36.createElement(
+      value > 0 ? /* @__PURE__ */ React41.createElement(
         "circle",
         {
           r: normalizedRadius,
@@ -1925,31 +2299,31 @@ var ProgressCircle = React36.forwardRef((props, ref) => {
         }
       ) : null
     ),
-    /* @__PURE__ */ React36.createElement("div", { className: cn("hawa-absolute hawa-flex") }, children)
+    /* @__PURE__ */ React41.createElement("div", { className: cn("hawa-absolute hawa-flex") }, children)
   ));
 });
 ProgressCircle.displayName = "ProgressCircle";
 
 // components/elements/pagination/Pagination.tsx
-import React37 from "react";
+import React42 from "react";
 import { Pagination as PaginationPrimitive } from "react-headless-pagination";
 
 // components/elements/passwordInput/PasswordInput.tsx
-import React41, { useEffect as useEffect10, useState as useState12 } from "react";
+import React46, { useEffect as useEffect10, useState as useState12 } from "react";
 
 // components/icons/Emojis.tsx
-import React38 from "react";
+import React43 from "react";
 
 // components/icons/InputIcons.tsx
-import React39 from "react";
+import React44 from "react";
 
 // components/icons/CommonIcons.tsx
-import React40 from "react";
+import React45 from "react";
 
 // components/elements/slider/Slider.tsx
-import * as React42 from "react";
+import * as React47 from "react";
 import * as SliderPrimitive from "@radix-ui/react-slider";
-var Slider = React42.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React42.createElement(
+var Slider = React47.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React47.createElement(
   SliderPrimitive.Root,
   {
     ref,
@@ -1959,13 +2333,13 @@ var Slider = React42.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
     ),
     ...props
   },
-  /* @__PURE__ */ React42.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__ */ React42.createElement(SliderPrimitive.Range, { className: "hawa-absolute hawa-h-full hawa-bg-primary" })),
-  /* @__PURE__ */ React42.createElement(SliderPrimitive.Thumb, { className: "hawa-block hawa-h-5 hawa-w-5 hawa-rounded-full hawa-border-2 hawa-border-primary hawa-bg-background hawa-ring-offset-background hawa-transition-colors focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-2 disabled:hawa-pointer-events-none disabled:hawa-opacity-50" })
+  /* @__PURE__ */ React47.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__ */ React47.createElement(SliderPrimitive.Range, { className: "hawa-absolute hawa-h-full hawa-bg-primary" })),
+  /* @__PURE__ */ React47.createElement(SliderPrimitive.Thumb, { className: "hawa-block hawa-h-5 hawa-w-5 hawa-rounded-full hawa-border-2 hawa-border-primary hawa-bg-background hawa-ring-offset-background hawa-transition-colors focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-2 disabled:hawa-pointer-events-none disabled:hawa-opacity-50" })
 ));
 Slider.displayName = SliderPrimitive.Root.displayName;
 
 // components/elements/simpleTable/SimpleTable.tsx
-import * as React43 from "react";
+import * as React48 from "react";
 import {
   flexRender as flexRender2,
   getCoreRowModel as getCoreRowModel2,
@@ -1973,23 +2347,23 @@ import {
 } from "@tanstack/react-table";
 
 // components/elements/separator/Separator.tsx
-import * as React44 from "react";
+import * as React49 from "react";
 
 // components/elements/scrollIndicator/ScrollIndicator.tsx
-import React45, { useState as useState13, useEffect as useEffect11 } from "react";
+import React50, { useState as useState13, useEffect as useEffect11 } from "react";
 
 // components/elements/carousel/Carousel.tsx
-import React46, { useEffect as useEffect12, useState as useState14 } from "react";
+import React51, { useEffect as useEffect12, useState as useState14 } from "react";
 import useEmblaCarousel from "embla-carousel-react";
 
 // components/elements/count/Count.tsx
-import React47 from "react";
+import React52 from "react";
 
 // components/elements/toast/Toast.tsx
-import * as React48 from "react";
+import * as React53 from "react";
 import * as ToastPrimitives from "@radix-ui/react-toast";
-import { cva as cva3 } from "class-variance-authority";
-var toastVariants = cva3(
+import { cva as cva4 } from "class-variance-authority";
+var toastVariants = cva4(
   "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: {
@@ -2013,7 +2387,7 @@ var sizeStyles = {
   // Update this based on the desired padding for rtl
   sm: "hawa-text-xs"
 };
-var ToastViewport = React48.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React48.createElement(
+var ToastViewport = React53.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React53.createElement(
   ToastPrimitives.Viewport,
   {
     ref,
@@ -2025,8 +2399,8 @@ var ToastViewport = React48.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 ToastViewport.displayName = ToastPrimitives.Viewport.displayName;
-var Toast = React48.forwardRef(({ className, variant, severity = "none", direction, ...props }, ref) => {
-  return /* @__PURE__ */ React48.createElement(
+var Toast = React53.forwardRef(({ className, variant, severity = "none", direction, ...props }, ref) => {
+  return /* @__PURE__ */ React53.createElement(
     ToastPrimitives.Root,
     {
       ref,
@@ -2041,8 +2415,8 @@ var Toast = React48.forwardRef(({ className, variant, severity = "none", directi
   );
 });
 Toast.displayName = ToastPrimitives.Root.displayName;
-var ToastAction = React48.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ React48.createElement(
+var ToastAction = React53.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ React53.createElement(
     ToastPrimitives.Action,
     {
       ref,
@@ -2060,7 +2434,7 @@ var ToastAction = React48.forwardRef(({ className, ...props }, ref) => {
   );
 });
 ToastAction.displayName = ToastPrimitives.Action.displayName;
-var ToastClose = React48.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React48.createElement(
+var ToastClose = React53.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React53.createElement(
   ToastPrimitives.Close,
   {
     ref,
@@ -2074,7 +2448,7 @@ var ToastClose = React48.forwardRef(({ className, ...props }, ref) => /* @__PURE
     "toast-close": "",
     ...props
   },
-  /* @__PURE__ */ React48.createElement(
+  /* @__PURE__ */ React53.createElement(
     "svg",
     {
       "aria-label": "Close Icon",
@@ -2083,7 +2457,7 @@ var ToastClose = React48.forwardRef(({ className, ...props }, ref) => /* @__PURE
       fill: "currentColor",
       viewBox: "0 0 20 20"
     },
-    /* @__PURE__ */ React48.createElement(
+    /* @__PURE__ */ React53.createElement(
       "path",
       {
         fillRule: "evenodd",
@@ -2094,7 +2468,7 @@ var ToastClose = React48.forwardRef(({ className, ...props }, ref) => /* @__PURE
   )
 ));
 ToastClose.displayName = ToastPrimitives.Close.displayName;
-var ToastTitle = React48.forwardRef(({ className, size = "default", ...props }, ref) => /* @__PURE__ */ React48.createElement(
+var ToastTitle = React53.forwardRef(({ className, size = "default", ...props }, ref) => /* @__PURE__ */ React53.createElement(
   ToastPrimitives.Title,
   {
     ref,
@@ -2107,7 +2481,7 @@ var ToastTitle = React48.forwardRef(({ className, size = "default", ...props },
   }
 ));
 ToastTitle.displayName = ToastPrimitives.Title.displayName;
-var ToastDescription = React48.forwardRef(({ className, size = "default", ...props }, ref) => /* @__PURE__ */ React48.createElement(
+var ToastDescription = React53.forwardRef(({ className, size = "default", ...props }, ref) => /* @__PURE__ */ React53.createElement(
   ToastPrimitives.Description,
   {
     ref,
@@ -2122,16 +2496,16 @@ var ToastDescription = React48.forwardRef(({ className, size = "default", ...pro
 ToastDescription.displayName = ToastPrimitives.Description.displayName;
 
 // components/elements/toaster/Toaster.tsx
-import React50 from "react";
+import React55 from "react";
 
 // components/hooks/useToast.ts
-import * as React49 from "react";
+import * as React54 from "react";
 
 // components/elements/destroyableCard/DestroyableCard.tsx
-import React51, { useRef as useRef7, useState as useState16 } from "react";
+import React56, { useRef as useRef8, useState as useState16 } from "react";
 
 // components/elements/interfaceSettings/InterfaceSettings.tsx
-import React52, { useState as useState17 } from "react";
+import React57, { useState as useState17 } from "react";
 
 // components/hooks/useClipboard.ts
 import { useState as useState18 } from "react";
@@ -2180,7 +2554,7 @@ var CodeBlock = ({
     sm: "hawa-w-full hawa-max-w-sm",
     xs: "hawa-w-full hawa-max-w-xs"
   };
-  return /* @__PURE__ */ React53.createElement(
+  return /* @__PURE__ */ React58.createElement(
     "div",
     {
       className: cn(
@@ -2189,7 +2563,7 @@ var CodeBlock = ({
         className
       )
     },
-    fileName && /* @__PURE__ */ React53.createElement(
+    fileName && /* @__PURE__ */ React58.createElement(
       "div",
       {
         className: cn(
@@ -2197,7 +2571,7 @@ var CodeBlock = ({
           fileName && tabs ? "hawa-bg-gray-300 dark:hawa-bg-muted/50" : "hawa-bg-gray-200"
         )
       },
-      /* @__PURE__ */ React53.createElement(
+      /* @__PURE__ */ React58.createElement(
         "div",
         {
           className: cn(
@@ -2207,7 +2581,7 @@ var CodeBlock = ({
         fileName
       )
     ),
-    tabs && /* @__PURE__ */ React53.createElement(
+    tabs && /* @__PURE__ */ React58.createElement(
       "div",
       {
         className: cn(
@@ -2215,7 +2589,7 @@ var CodeBlock = ({
           tabs && fileName && "hawa-rounded-t-none"
         )
       },
-      tabs.map((tab, i) => /* @__PURE__ */ React53.createElement(
+      tabs.map((tab, i) => /* @__PURE__ */ React58.createElement(
         "div",
         {
           key: i,
@@ -2223,7 +2597,7 @@ var CodeBlock = ({
             selectedTab === i ? " hawa-border-b-2 hawa-border-primary" : "hawa-bg-transparent"
           )
         },
-        /* @__PURE__ */ React53.createElement(
+        /* @__PURE__ */ React58.createElement(
           "div",
           {
             onClick: () => setSelectedTab(i),
@@ -2235,7 +2609,7 @@ var CodeBlock = ({
         )
       ))
     ),
-    /* @__PURE__ */ React53.createElement(
+    /* @__PURE__ */ React58.createElement(
       "div",
       {
         className: cn(
@@ -2243,26 +2617,26 @@ var CodeBlock = ({
           tabs || fileName ? "hawa-rounded-b hawa-rounded-t-none" : "hawa-rounded"
         )
       },
-      /* @__PURE__ */ React53.createElement(
+      /* @__PURE__ */ React58.createElement(
         Highlight,
         {
           theme,
           code: tabs ? tabs[selectedTab].code : code || "",
           language
         },
-        ({ className: className2, style, tokens, getLineProps, getTokenProps }) => /* @__PURE__ */ React53.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__ */ React53.createElement("div", { key: i, ...getLineProps({ line }) }, props.lineNumbers && /* @__PURE__ */ React53.createElement("span", { className: "hawa-mr-4" }, i + 1), line.map((token, key) => /* @__PURE__ */ React53.createElement("span", { key, ...getTokenProps({ token }) })))))
+        ({ className: className2, style, tokens, getLineProps, getTokenProps }) => /* @__PURE__ */ React58.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__ */ React58.createElement("div", { key: i, ...getLineProps({ line }) }, props.lineNumbers && /* @__PURE__ */ React58.createElement("span", { className: "hawa-mr-4" }, i + 1), line.map((token, key) => /* @__PURE__ */ React58.createElement("span", { key, ...getTokenProps({ token }) })))))
       ),
-      /* @__PURE__ */ React53.createElement("div", { className: "hawa-flex hawa-w-fit hawa-flex-row hawa-items-center hawa-gap-2 hawa-p-2" }, /* @__PURE__ */ React53.createElement(
+      /* @__PURE__ */ React58.createElement("div", { className: "hawa-flex hawa-w-fit hawa-flex-row hawa-items-center hawa-gap-2 hawa-p-2" }, /* @__PURE__ */ React58.createElement(
         Tooltip,
         {
           open: clipboard.copied,
           side: "left",
-          content: /* @__PURE__ */ React53.createElement("div", null, "Copied!"),
+          content: /* @__PURE__ */ React58.createElement("div", null, "Copied!"),
           triggerProps: {
             asChild: true
           }
         },
-        /* @__PURE__ */ React53.createElement(
+        /* @__PURE__ */ React58.createElement(
           Button,
           {
             size: "icon",
@@ -2270,7 +2644,7 @@ var CodeBlock = ({
             variant: "outline",
             className: "hawa-text-foreground hawa-opacity-50 sm:hawa-opacity-100"
           },
-          /* @__PURE__ */ React53.createElement(
+          /* @__PURE__ */ React58.createElement(
             "svg",
             {
               "aria-label": "Copy Icon",
@@ -2283,8 +2657,8 @@ var CodeBlock = ({
               height: "1em",
               width: "1em"
             },
-            /* @__PURE__ */ React53.createElement("rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2" }),
-            /* @__PURE__ */ React53.createElement("path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" })
+            /* @__PURE__ */ React58.createElement("rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2" }),
+            /* @__PURE__ */ React58.createElement("path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" })
           )
         )
       ))