@sikka/hawa 0.48.0-next → 0.49.0-next

package/dist/elements/index.mjs

@@ -26,10 +26,10 @@ import {
   TabsList,
   TabsTrigger,
   Textarea
-} from "../chunk-GBLWUEYN.mjs";
+} from "../chunk-ULRL4WI6.mjs";
 import {
   useClipboard
-} from "../chunk-WL7C2A5D.mjs";
+} from "../chunk-WQR4XZGL.mjs";
 import {
   Sheet,
   SheetClose,
@@ -41,7 +41,7 @@ import {
   SheetPortal,
   SheetTitle,
   SheetTrigger
-} from "../chunk-WUMDFBEK.mjs";
+} from "../chunk-3CHFVHTW.mjs";
 import {
   Button,
   Card,
@@ -81,10 +81,10 @@ import {
   buttonVariants,
   calculateLuminance,
   cn
-} from "../chunk-6SJUUJOV.mjs";
+} from "../chunk-KDGJZPWK.mjs";
 import {
   __require
-} from "../chunk-2LUXOXAL.mjs";
+} from "../chunk-5SQBJRWE.mjs";
 
 // elements/accordion/Accordion.tsx
 import * as React3 from "react";
@@ -180,18 +180,7 @@ var Accordion = React3.forwardRef(
             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("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,
@@ -296,30 +285,22 @@ var NavigationMenuContent = React5.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 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",
+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-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
-    }
-  )
-));
+      "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,
   {
@@ -393,23 +374,7 @@ var DialogOverlay = React6.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 var DialogContent = React6.forwardRef(
-  ({
-    ids,
-    className,
-    classNames,
-    children,
-    persist,
-    hideCloseButton,
-    overlayProps,
-    ...props
-  }, ref) => /* @__PURE__ */ React6.createElement(DialogPortal, { container: props.container }, /* @__PURE__ */ React6.createElement(
-    DialogOverlay,
-    {
-      className: classNames == null ? void 0 : classNames.overlay,
-      id: ids == null ? void 0 : ids.overlay,
-      ...overlayProps
-    }
-  ), /* @__PURE__ */ React6.createElement(
+  ({ ids, className, classNames, children, persist, hideCloseButton, overlayProps, ...props }, ref) => /* @__PURE__ */ React6.createElement(DialogPortal, { container: props.container }, /* @__PURE__ */ React6.createElement(DialogOverlay, { className: classNames == null ? void 0 : classNames.overlay, id: ids == null ? void 0 : ids.overlay, ...overlayProps }), /* @__PURE__ */ React6.createElement(
     DialogPrimitive.Content,
     {
       onPointerDownOutside: (e) => {
@@ -458,100 +423,87 @@ var DialogContent = React6.forwardRef(
     )
   ))
 );
-var DialogCarouselContent = React6.forwardRef(
-  ({
-    className,
-    children,
-    onPrev,
-    persist,
-    hideCloseButton,
-    hidePrevButton,
+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
-  }, ref) => /* @__PURE__ */ React6.createElement(DialogPortal, null, /* @__PURE__ */ React6.createElement(DialogOverlay, null), /* @__PURE__ */ React6.createElement(
-    DialogPrimitive.Content,
+  },
+  children,
+  /* @__PURE__ */ React6.createElement(
+    "div",
     {
-      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
+        "hawa-absolute hawa-top-0 hawa-flex hawa-w-full hawa-flex-row hawa-p-4",
+        onPrev ? "hawa-justify-between" : "hawa-justify-end"
+      )
     },
-    children,
-    /* @__PURE__ */ React6.createElement(
+    hidePrevButton ? /* @__PURE__ */ React6.createElement("div", null) : /* @__PURE__ */ React6.createElement(
       "div",
       {
+        onClick: onPrev,
         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"
+          "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"
         )
       },
-      hidePrevButton ? /* @__PURE__ */ React6.createElement("div", null) : /* @__PURE__ */ React6.createElement(
-        "div",
+      /* @__PURE__ */ React6.createElement(
+        "svg",
         {
-          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"
-          )
+          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(
-          "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" })
+        /* @__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"
         )
-      ),
-      !hideCloseButton && /* @__PURE__ */ React6.createElement(
-        DialogPrimitive.Close,
+      },
+      /* @__PURE__ */ React6.createElement(
+        "svg",
         {
-          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"
-          )
+          "aria-label": "Close Icon",
+          "aria-hidden": "true",
+          className: "hawa-h-6 hawa-w-6",
+          fill: "currentColor",
+          viewBox: "0 0 20 20"
         },
         /* @__PURE__ */ React6.createElement(
-          "svg",
+          "path",
           {
-            "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")
-      )
+            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(
+  )
+)));
+var DialogHeader = ({ className, ...props }) => /* @__PURE__ */ React6.createElement(
   "div",
   {
     className: cn(
@@ -576,17 +528,11 @@ var DialogDescription = React6.forwardRef(({ className, ...props }, ref) => /* @
   DialogPrimitive.Description,
   {
     ref,
-    className: cn(
-      "hawa-text-start hawa-text-sm hawa-text-muted-foreground",
-      className
-    ),
+    className: cn("hawa-text-start hawa-text-sm hawa-text-muted-foreground", className),
     ...props
   }
 ));
-var DialogFooter = ({
-  className,
-  ...props
-}) => /* @__PURE__ */ React6.createElement(
+var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ React6.createElement(
   "div",
   {
     className: cn(
@@ -627,11 +573,7 @@ var DialogCarousel = ({
     ))
   )));
 };
-var DialogSteps = ({
-  currentStep,
-  visibleStepRef,
-  children
-}) => {
+var DialogSteps = ({ currentStep, visibleStepRef, children }) => {
   const [dialogHeight, setDialogHeight] = React6.useState(null);
   React6.useEffect(() => {
     if (visibleStepRef.current) {
@@ -660,21 +602,8 @@ var DialogSteps = ({
     ))
   );
 };
-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 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);
@@ -823,14 +752,16 @@ import {
 
 // 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
-  }
-)));
+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
+    }
+  ))
+);
 var TableHeader = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React9.createElement(
   "thead",
   {
@@ -863,26 +794,25 @@ var TableFooter = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE
   "tfoot",
   {
     ref,
-    className: cn(
-      "hawa-bg-primary hawa-font-medium hawa-text-primary-foreground",
-      className
-    ),
-    ...props
-  }
-));
-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
-    ),
+    className: cn("hawa-bg-primary hawa-font-medium hawa-text-primary-foreground", className),
     ...props
   }
 ));
+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
+    }
+  )
+);
 var TableCell = React9.forwardRef(
   ({ className, enablePadding = true, padding = "default", ...props }, ref) => {
     let paddingStyles = {
@@ -915,10 +845,7 @@ var TableCaption = React9.forwardRef(({ className, ...props }, ref) => /* @__PUR
   "caption",
   {
     ref,
-    className: cn(
-      "hawa-mt-4 hawa-text-sm hawa-text-muted-foreground",
-      className
-    ),
+    className: cn("hawa-mt-4 hawa-text-sm hawa-text-muted-foreground", className),
     ...props
   }
 ));
@@ -950,9 +877,7 @@ var DataTable = ({
   const [sorting, setSorting] = React10.useState(
     props.defaultSort ? [{ id: props.defaultSort, desc: false }] : []
   );
-  const [columnFilters, setColumnFilters] = React10.useState(
-    []
-  );
+  const [columnFilters, setColumnFilters] = React10.useState([]);
   const [globalFilter, setGlobalFilter] = React10.useState("");
   const [expanded, setExpanded] = React10.useState({});
   const [columnVisibility, setColumnVisibility] = React10.useState(() => {
@@ -1094,52 +1019,38 @@ var DataTable = ({
         )
       ) : null
     }
-  ), enableHideColumns && /* @__PURE__ */ React10.createElement(DropdownMenuRoot, null, /* @__PURE__ */ React10.createElement(DropdownMenuTrigger, { asChild: true }, /* @__PURE__ */ React10.createElement(
-    Button,
+  ), 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",
     {
-      variant: "outline",
-      className: "hawa-flex hawa-flex-row hawa-gap-2"
+      width: "15",
+      height: "15",
+      viewBox: "0 0 15 15",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg"
     },
-    ((_d = props.texts) == null ? void 0 : _d.columns) || "Columns",
     /* @__PURE__ */ React10.createElement(
-      "svg",
+      "path",
       {
-        width: "15",
-        height: "15",
-        viewBox: "0 0 15 15",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg"
-      },
-      /* @__PURE__ */ React10.createElement(
-        "path",
-        {
-          d: "M5.5 3C4.67157 3 4 3.67157 4 4.5C4 5.32843 4.67157 6 5.5 6C6.32843 6 7 5.32843 7 4.5C7 3.67157 6.32843 3 5.5 3ZM3 5C3.01671 5 3.03323 4.99918 3.04952 4.99758C3.28022 6.1399 4.28967 7 5.5 7C6.71033 7 7.71978 6.1399 7.95048 4.99758C7.96677 4.99918 7.98329 5 8 5H13.5C13.7761 5 14 4.77614 14 4.5C14 4.22386 13.7761 4 13.5 4H8C7.98329 4 7.96677 4.00082 7.95048 4.00242C7.71978 2.86009 6.71033 2 5.5 2C4.28967 2 3.28022 2.86009 3.04952 4.00242C3.03323 4.00082 3.01671 4 3 4H1.5C1.22386 4 1 4.22386 1 4.5C1 4.77614 1.22386 5 1.5 5H3ZM11.9505 10.9976C11.7198 12.1399 10.7103 13 9.5 13C8.28967 13 7.28022 12.1399 7.04952 10.9976C7.03323 10.9992 7.01671 11 7 11H1.5C1.22386 11 1 10.7761 1 10.5C1 10.2239 1.22386 10 1.5 10H7C7.01671 10 7.03323 10.0008 7.04952 10.0024C7.28022 8.8601 8.28967 8 9.5 8C10.7103 8 11.7198 8.8601 11.9505 10.0024C11.9668 10.0008 11.9833 10 12 10H13.5C13.7761 10 14 10.2239 14 10.5C14 10.7761 13.7761 11 13.5 11H12C11.9833 11 11.9668 10.9992 11.9505 10.9976ZM8 10.5C8 9.67157 8.67157 9 9.5 9C10.3284 9 11 9.67157 11 10.5C11 11.3284 10.3284 12 9.5 12C8.67157 12 8 11.3284 8 10.5Z",
-          fill: "currentColor",
-          "fill-rule": "evenodd",
-          "clip-rule": "evenodd"
-        }
-      )
+        d: "M5.5 3C4.67157 3 4 3.67157 4 4.5C4 5.32843 4.67157 6 5.5 6C6.32843 6 7 5.32843 7 4.5C7 3.67157 6.32843 3 5.5 3ZM3 5C3.01671 5 3.03323 4.99918 3.04952 4.99758C3.28022 6.1399 4.28967 7 5.5 7C6.71033 7 7.71978 6.1399 7.95048 4.99758C7.96677 4.99918 7.98329 5 8 5H13.5C13.7761 5 14 4.77614 14 4.5C14 4.22386 13.7761 4 13.5 4H8C7.98329 4 7.96677 4.00082 7.95048 4.00242C7.71978 2.86009 6.71033 2 5.5 2C4.28967 2 3.28022 2.86009 3.04952 4.00242C3.03323 4.00082 3.01671 4 3 4H1.5C1.22386 4 1 4.22386 1 4.5C1 4.77614 1.22386 5 1.5 5H3ZM11.9505 10.9976C11.7198 12.1399 10.7103 13 9.5 13C8.28967 13 7.28022 12.1399 7.04952 10.9976C7.03323 10.9992 7.01671 11 7 11H1.5C1.22386 11 1 10.7761 1 10.5C1 10.2239 1.22386 10 1.5 10H7C7.01671 10 7.03323 10.0008 7.04952 10.0024C7.28022 8.8601 8.28967 8 9.5 8C10.7103 8 11.7198 8.8601 11.9505 10.0024C11.9668 10.0008 11.9833 10 12 10H13.5C13.7761 10 14 10.2239 14 10.5C14 10.7761 13.7761 11 13.5 11H12C11.9833 11 11.9668 10.9992 11.9505 10.9976ZM8 10.5C8 9.67157 8.67157 9 9.5 9C10.3284 9 11 9.67157 11 10.5C11 11.3284 10.3284 12 9.5 12C8.67157 12 8 11.3284 8 10.5Z",
+        fill: "currentColor",
+        fillRule: "evenodd",
+        clipRule: "evenodd"
+      }
     )
-  )), /* @__PURE__ */ React10.createElement(
-    DropdownMenuContent,
-    {
-      align: props.direction === "rtl" ? "start" : "end"
-    },
-    table.getAllColumns().filter((column) => column.getCanHide()).map((column) => {
-      var _a2, _b2;
-      return /* @__PURE__ */ React10.createElement(
-        DropdownMenuCheckboxItem,
-        {
-          key: column.id,
-          checked: column.getIsVisible(),
-          onCheckedChange: (value) => column.toggleVisibility(!!value)
-        },
-        translateFn ? translateFn(
-          ((_a2 = column.columnDef.meta) == null ? void 0 : _a2.i18nKey) ? (_b2 = column.columnDef.meta) == null ? void 0 : _b2.i18nKey : column.id
-        ) : column.id
-      );
-    })
-  ))), enableFiltering && ((_e = props.filters) == null ? void 0 : _e.length) && /* @__PURE__ */ React10.createElement("div", { className: "hawa-flex-row hawa-gap-2 hawa-flex" }, (_f = props.filters) == null ? void 0 : _f.map((filter) => {
+  ))), /* @__PURE__ */ React10.createElement(DropdownMenuContent, { align: props.direction === "rtl" ? "start" : "end" }, table.getAllColumns().filter((column) => column.getCanHide()).map((column) => {
+    var _a2, _b2;
+    return /* @__PURE__ */ React10.createElement(
+      DropdownMenuCheckboxItem,
+      {
+        key: column.id,
+        checked: column.getIsVisible(),
+        onCheckedChange: (value) => column.toggleVisibility(!!value)
+      },
+      translateFn ? translateFn(
+        ((_a2 = column.columnDef.meta) == null ? void 0 : _a2.i18nKey) ? (_b2 = column.columnDef.meta) == null ? void 0 : _b2.i18nKey : column.id
+      ) : column.id
+    );
+  })))), enableFiltering && ((_e = props.filters) == null ? void 0 : _e.length) && /* @__PURE__ */ React10.createElement("div", { className: "hawa-flex-row hawa-gap-2 hawa-flex" }, (_f = props.filters) == null ? void 0 : _f.map((filter) => {
     return /* @__PURE__ */ React10.createElement(
       Button,
       {
@@ -1189,45 +1100,25 @@ var DataTable = ({
             width: `${header.column.columnDef.size}px !important`
           }
         },
-        header.isPlaceholder ? null : flexRender(
-          header.column.columnDef.header,
-          header.getContext()
-        )
+        header.isPlaceholder ? null : flexRender(header.column.columnDef.header, header.getContext())
       );
-    })))), /* @__PURE__ */ React10.createElement(TableBody, null, ((_g = table.getRowModel().rows) == null ? void 0 : _g.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,
-          {
-            key: cell.id,
-            dir: props.direction,
-            style: {
-              maxWidth: `${cell.column.columnDef.maxSize}px !important`,
-              minWidth: `${cell.column.columnDef.minSize}px !important`,
-              width: `${cell.column.columnDef.size}px !important`
-            },
-            padding: props.condensed ? "condensed" : (_a2 = cell.column.columnDef.meta) == null ? void 0 : _a2.padding
+    })))), /* @__PURE__ */ React10.createElement(TableBody, null, ((_g = table.getRowModel().rows) == null ? void 0 : _g.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,
+        {
+          key: cell.id,
+          dir: props.direction,
+          style: {
+            maxWidth: `${cell.column.columnDef.maxSize}px !important`,
+            minWidth: `${cell.column.columnDef.minSize}px !important`,
+            width: `${cell.column.columnDef.size}px !important`
           },
-          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"
-      },
-      (_h = props.texts) == null ? void 0 : _h.noData
-    ))))),
+          padding: props.condensed ? "condensed" : (_a2 = cell.column.columnDef.meta) == null ? void 0 : _a2.padding
+        },
+        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" }, (_h = props.texts) == null ? void 0 : _h.noData))))),
     /* @__PURE__ */ React10.createElement(
       "div",
       {
@@ -1237,16 +1128,7 @@ var DataTable = ({
         )
       },
       !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 || table.getFilteredSelectedRowModel().rows.length > 0 && props.showSelectionCount ? /* @__PURE__ */ React10.createElement("div", { className: "hawa-flex hawa-flex-row hawa-h-auto hawa-gap-4" }, /* @__PURE__ */ React10.createElement("div", { className: "hawa-flex hawa-flex-row hawa-h-auto hawa-items-center hawa-justify-between" }, props.showCount && /* @__PURE__ */ React10.createElement(
-        "div",
-        {
-          className: "hawa-text-muted-foreground hawa-text-sm",
-          dir: props.direction
-        },
-        /* @__PURE__ */ React10.createElement("span", null, (_i = props.texts) == null ? void 0 : _i.total),
-        " ",
-        /* @__PURE__ */ React10.createElement("span", null, table.getFilteredRowModel().rows.length.toLocaleString())
-      ), props.showCount && table.getFilteredSelectedRowModel().rows.length > 0 && props.showSelectionCount && /* @__PURE__ */ React10.createElement("div", { className: "hawa-w-[0.5px] hawa-mx-2 hawa-bg-red-500 hawa-h-full" }), table.getFilteredSelectedRowModel().rows.length > 0 && props.showSelectionCount && /* @__PURE__ */ React10.createElement(
+      props.showCount || table.getFilteredSelectedRowModel().rows.length > 0 && props.showSelectionCount ? /* @__PURE__ */ React10.createElement("div", { className: "hawa-flex hawa-flex-row hawa-h-auto hawa-gap-4" }, /* @__PURE__ */ React10.createElement("div", { className: "hawa-flex hawa-flex-row hawa-h-auto hawa-items-center hawa-justify-between" }, props.showCount && /* @__PURE__ */ React10.createElement("div", { className: "hawa-text-muted-foreground hawa-text-sm", dir: props.direction }, /* @__PURE__ */ React10.createElement("span", null, (_i = props.texts) == null ? void 0 : _i.total), " ", /* @__PURE__ */ React10.createElement("span", null, table.getFilteredRowModel().rows.length.toLocaleString())), props.showCount && table.getFilteredSelectedRowModel().rows.length > 0 && props.showSelectionCount && /* @__PURE__ */ React10.createElement("div", { className: "hawa-w-[0.5px] hawa-mx-2 hawa-bg-red-500 hawa-h-full" }), table.getFilteredSelectedRowModel().rows.length > 0 && props.showSelectionCount && /* @__PURE__ */ React10.createElement(
         "div",
         {
           className: "hawa-text-muted-foreground hawa-text-sm",
@@ -1267,9 +1149,7 @@ var DataTable = ({
           direction: props.direction,
           items: (props.bulkActions || []).map((action) => ({
             ...action,
-            action: () => action.action(
-              table.getFilteredSelectedRowModel().rows
-            )
+            action: () => action.action(table.getFilteredSelectedRowModel().rows)
           })),
           trigger: /* @__PURE__ */ React10.createElement(Button, { size: "xs" }, ((_l = props.texts) == null ? void 0 : _l.bulkAction) || "Bulk Action")
         }
@@ -1323,9 +1203,7 @@ var DataTable = ({
           size: "smallIcon",
           onClick: () => table.setPageIndex(0),
           disabled: !table.getCanPreviousPage(),
-          className: cn(
-            props.direction === "rtl" && "hawa-rotate-180"
-          )
+          className: cn(props.direction === "rtl" && "hawa-rotate-180")
         },
         /* @__PURE__ */ React10.createElement(
           "svg",
@@ -1351,9 +1229,7 @@ var DataTable = ({
           size: "smallIcon",
           onClick: () => table.previousPage(),
           disabled: !table.getCanPreviousPage(),
-          className: cn(
-            props.direction === "rtl" && "hawa-rotate-180"
-          )
+          className: cn(props.direction === "rtl" && "hawa-rotate-180")
         },
         /* @__PURE__ */ React10.createElement(
           "svg",
@@ -1379,9 +1255,7 @@ var DataTable = ({
           size: "smallIcon",
           onClick: () => table.nextPage(),
           disabled: !table.getCanNextPage(),
-          className: cn(
-            props.direction === "ltr" && "hawa-rotate-180"
-          )
+          className: cn(props.direction === "ltr" && "hawa-rotate-180")
         },
         /* @__PURE__ */ React10.createElement(
           "svg",
@@ -1407,9 +1281,7 @@ var DataTable = ({
           size: "smallIcon",
           onClick: () => table.setPageIndex(table.getPageCount() - 1),
           disabled: !table.getCanNextPage(),
-          className: cn(
-            props.direction === "ltr" && "hawa-rotate-180"
-          )
+          className: cn(props.direction === "ltr" && "hawa-rotate-180")
         },
         /* @__PURE__ */ React10.createElement(
           "svg",
@@ -1533,66 +1405,57 @@ import * as PopoverPrimitive from "@radix-ui/react-popover";
 import * as React12 from "react";
 import { Dialog as Dialog2 } from "@radix-ui/react-dialog";
 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
-  }
-));
-var CommandDialog = ({ children, ...props }) => {
-  return /* @__PURE__ */ React12.createElement(Dialog2, { ...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,
+var Command = React12.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ React12.createElement(
+    CommandPrimitive,
     {
       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",
+        "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
     }
   )
-));
-var CommandList = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React12.createElement(
-  CommandPrimitive.List,
+);
+var CommandDialog = ({ children, ...props }) => {
+  return /* @__PURE__ */ React12.createElement(Dialog2, { ...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-max-h-[300px] hawa-overflow-y-auto hawa-overflow-x-hidden",
+      "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
   }
+)));
+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
+  }
 ));
 var CommandEmpty = React12.forwardRef((props, ref) => /* @__PURE__ */ React12.createElement(
   CommandPrimitive.Empty,
@@ -1648,52 +1511,30 @@ var CommandShortcut = ({
     }
   );
 };
-var FullCommand = ({
-  items,
-  direction = "ltr",
-  texts,
-  onActionClick
-}) => {
-  return /* @__PURE__ */ React12.createElement(
-    Command,
-    {
-      dir: direction,
-      className: "hawa-rounded-lg hawa-border hawa-shadow-md !hawa-h-full"
-    },
-    /* @__PURE__ */ React12.createElement(
-      CommandInput,
-      {
-        placeholder: (texts == null ? void 0 : texts.searchPlaceholder) || "Type a command or search..."
-      }
-    ),
-    /* @__PURE__ */ React12.createElement(CommandList, null, /* @__PURE__ */ React12.createElement(CommandEmpty, null, (texts == null ? void 0 : texts.emptyText) || "No results found."), items.map((item, index) => {
-      var _a;
-      if (item.type === "group") {
-        return /* @__PURE__ */ React12.createElement(CommandGroup, { heading: item.heading, key: index }, (_a = item.items) == null ? void 0 : _a.map((subItem, subIndex) => /* @__PURE__ */ React12.createElement(
-          CommandItem,
-          {
-            key: subIndex,
-            onSelect: () => {
-              if (onActionClick) onActionClick();
-              subItem.action();
-            }
-          },
-          /* @__PURE__ */ React12.createElement(subItem.icon, { className: "hawa-icon hawa-me-2" }),
-          /* @__PURE__ */ React12.createElement("span", null, subItem.label),
-          subItem.shortcut && /* @__PURE__ */ React12.createElement(CommandShortcut, null, subItem.shortcut)
-        )));
-      } else if (item.type === "separator") {
-        return /* @__PURE__ */ React12.createElement(CommandSeparator, { key: index });
-      }
-      return null;
-    }))
-  );
+var FullCommand = ({ items, direction = "ltr", texts, onActionClick }) => {
+  return /* @__PURE__ */ React12.createElement(Command, { dir: direction, className: "hawa-rounded-lg hawa-border hawa-shadow-md !hawa-h-full" }, /* @__PURE__ */ React12.createElement(CommandInput, { placeholder: (texts == null ? void 0 : texts.searchPlaceholder) || "Type a command or search..." }), /* @__PURE__ */ React12.createElement(CommandList, null, /* @__PURE__ */ React12.createElement(CommandEmpty, null, (texts == null ? void 0 : texts.emptyText) || "No results found."), items.map((item, index) => {
+    var _a;
+    if (item.type === "group") {
+      return /* @__PURE__ */ React12.createElement(CommandGroup, { heading: item.heading, key: index }, (_a = item.items) == null ? void 0 : _a.map((subItem, subIndex) => /* @__PURE__ */ React12.createElement(
+        CommandItem,
+        {
+          key: subIndex,
+          onSelect: () => {
+            if (onActionClick) onActionClick();
+            subItem.action();
+          }
+        },
+        /* @__PURE__ */ React12.createElement(subItem.icon, { className: "hawa-icon hawa-me-2" }),
+        /* @__PURE__ */ React12.createElement("span", null, subItem.label),
+        subItem.shortcut && /* @__PURE__ */ React12.createElement(CommandShortcut, null, subItem.shortcut)
+      )));
+    } else if (item.type === "separator") {
+      return /* @__PURE__ */ React12.createElement(CommandSeparator, { key: index });
+    }
+    return null;
+  })));
 };
-var AppCommand = ({
-  commandProps,
-  dialogProps,
-  onActionClick
-}) => {
+var AppCommand = ({ commandProps, dialogProps, onActionClick }) => {
   return /* @__PURE__ */ React12.createElement(Dialog2, { ...dialogProps }, /* @__PURE__ */ React12.createElement(
     DialogContent,
     {
@@ -1739,9 +1580,7 @@ var Combobox = React13.forwardRef(
         setOpen(open2);
       }
     };
-    const selectedItem = data.find(
-      (item) => getProperty(item, valueKey) === value
-    );
+    const selectedItem = data.find((item) => getProperty(item, valueKey) === value);
     return /* @__PURE__ */ React13.createElement(
       "div",
       {
@@ -1802,8 +1641,7 @@ var Combobox = React13.forwardRef(
           Command,
           {
             filter: (value2, search) => {
-              if (value2.toLowerCase().includes(search.toLowerCase()))
-                return 1;
+              if (value2.toLowerCase().includes(search.toLowerCase())) return 1;
               return 0;
             }
           },
@@ -1819,10 +1657,7 @@ var Combobox = React13.forwardRef(
           /* @__PURE__ */ React13.createElement(CommandList, null, /* @__PURE__ */ React13.createElement(
             CommandGroup,
             {
-              className: cn(
-                "hawa-max-h-[200px]",
-                data.length > 0 && "hawa-overflow-y-auto"
-              )
+              className: cn("hawa-max-h-[200px]", data.length > 0 && "hawa-overflow-y-auto")
             },
             data.map((item, i) => /* @__PURE__ */ React13.createElement(
               CommandItem,
@@ -1830,13 +1665,9 @@ var Combobox = React13.forwardRef(
                 key: i,
                 onSelect: () => {
                   const newValue = getProperty(item, valueKey);
-                  setValue(
-                    newValue === value ? "" : newValue
-                  );
+                  setValue(newValue === value ? "" : newValue);
                   if (props.onChange) {
-                    props.onChange(
-                      newValue === value ? "" : newValue
-                    );
+                    props.onChange(newValue === value ? "" : newValue);
                   }
                   setOpen(false);
                 }
@@ -1896,13 +1727,7 @@ var FileDropzone = ({
   var _a, _b, _c, _d, _e, _f;
   const [cmp, setCmp] = useState5(0);
   const [max, setMax] = useState5(0);
-  const {
-    getRootProps,
-    getInputProps,
-    fileRejections,
-    acceptedFiles,
-    isDragActive
-  } = useDropzone({
+  const { getRootProps, getInputProps, fileRejections, acceptedFiles, isDragActive } = useDropzone({
     multiple: true,
     accept,
     maxSize,
@@ -1942,53 +1767,19 @@ var FileDropzone = ({
       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]
-      );
+      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"
-          }
-        );
+        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"
-          }
-        );
+        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"
-          }
-        );
+        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"
-          }
-        );
+        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(
@@ -2075,21 +1866,7 @@ var FileDropzone = ({
     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"
-  )));
+  ), 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
@@ -2132,9 +1909,7 @@ 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 [parentDirection, setParentDirection] = React16.useState(null);
     const parentRef = React16.useRef(null);
     React16.useEffect(() => {
       var _a;
@@ -2164,53 +1939,41 @@ var Switch = React16.forwardRef(
       full: "hawa-rounded-full",
       inherit: "hawa-rounded-inner"
     };
-    return /* @__PURE__ */ React16.createElement(
-      "div",
+    return /* @__PURE__ */ React16.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center", ref: parentRef }, /* @__PURE__ */ React16.createElement(
+      SwitchPrimitives.Root,
       {
-        className: "hawa-flex hawa-flex-row hawa-items-center",
-        ref: parentRef
+        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.Root,
+        SwitchPrimitives.Thumb,
         {
           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)
-    );
+            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 = ">",
-  size = "normal"
-}) => {
+var Breadcrumb = ({ breadcrumbLinks, separator = ">", size = "normal" }) => {
   const textStyles = {
     normal: "",
     small: "hawa-text-sm",
@@ -2335,32 +2098,13 @@ var Badge = ({
     size === "large" && text && text
   ));
 };
-var BadgedComponent = ({
-  children,
-  className,
-  hideBadge,
-  position,
-  size,
-  text
-}) => {
+var BadgedComponent = ({ children, className, hideBadge, position, size, text }) => {
   const ref = useRef5(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);
+  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 useEffect7
-} from "react";
+import React20, { useState as useState8, useEffect as useEffect7 } from "react";
 var ColorPicker = ({
   containerProps,
   colorPickerProps,
@@ -2407,10 +2151,7 @@ var ColorPicker = ({
             props.handleChange(e);
           }
         },
-        className: cn(
-          "hawa-mt-0 hawa-h-[38px] hawa-opacity-0",
-          props.colorPickerClassNames
-        ),
+        className: cn("hawa-mt-0 hawa-h-[38px] hawa-opacity-0", props.colorPickerClassNames),
         ...colorPickerProps
       }
     )
@@ -2454,92 +2195,84 @@ function getLimitedValue(input) {
     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",
+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",
       {
-        width: radius * 2,
-        height: radius * 2,
-        viewBox: `0 0 ${radius * 2} ${radius * 2}`,
-        className: "hawa-rotate-180 hawa-transform"
+        ref,
+        className: cn("hawa-flex hawa-flex-col hawa-items-center hawa-justify-center", className)
       },
       /* @__PURE__ */ React21.createElement(
-        "circle",
+        "svg",
         {
-          r: normalizedRadius,
-          cx: radius,
-          cy: radius,
-          strokeWidth,
-          fill: "transparent",
-          stroke: "",
-          strokeLinecap: "round",
-          className: cn(
-            "hawa-transition-colors hawa-ease-linear",
-            "hawa-stroke-primary/20"
-          )
-        }
+          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
       ),
-      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)
-  ));
-});
+      /* @__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
-}) => {
+var Pagination = ({ direction, totalPages, currentPage }) => {
   const [page, setPage] = React22.useState(currentPage || 0);
   const handlePageChange = (page2) => {
     setPage(page2);
@@ -2647,14 +2380,7 @@ var Pagination = ({
 // elements/passwordInput/PasswordInput.tsx
 import React23, { useEffect as useEffect8, useState as useState9 } from "react";
 var PasswordStrengthIndicator = ({ strength }) => {
-  const strengthLevels = [
-    "none",
-    "very-weak",
-    "weak",
-    "medium",
-    "strong",
-    "very-strong"
-  ];
+  const strengthLevels = ["none", "very-weak", "weak", "medium", "strong", "very-strong"];
   const strengthColors = {
     none: "hawa-bg-red-700",
     "very-weak": "hawa-bg-red-600",
@@ -2680,10 +2406,7 @@ var PasswordStrengthIndicator = ({ strength }) => {
     }
   ));
 };
-var PasswordInput = ({
-  hidePopover,
-  ...props
-}) => {
+var PasswordInput = ({ hidePopover, ...props }) => {
   const [inputValue, setInputValue] = useState9("");
   const [isInputFocused, setIsInputFocused] = useState9(false);
   const [currentStr, setCurrentStr] = useState9(0);
@@ -2811,71 +2534,39 @@ var SimpleTable = ({
     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, !headerless && 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,
-          style: {
-            maxWidth: header.column.columnDef.maxSize
-          }
-        },
-        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,
+  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, !headerless && 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,
       {
-        key: row.id,
-        "data-state": row.getIsSelected() && "selected"
+        condensed: props.condensed,
+        dir: props.direction,
+        key: header.id,
+        style: {
+          maxWidth: header.column.columnDef.maxSize
+        }
       },
-      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,
-            style: {
-              maxWidth: cell.column.columnDef.maxSize
-            },
-            key: cell.id
-          },
-          flexRender2(
-            cell.column.columnDef.cell,
-            cell.getContext()
-          )
-        );
-      })
-    )) : /* @__PURE__ */ React25.createElement(TableRow, null, /* @__PURE__ */ React25.createElement(
+      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,
       {
-        colSpan: columns.length,
-        className: "hawa-h-24 hawa-text-center"
+        dir: props.direction,
+        padding: props.condensed ? "condensed" : (_a2 = cell.column.columnDef.meta) == null ? void 0 : _a2.padding,
+        style: {
+          maxWidth: cell.column.columnDef.maxSize
+        },
+        key: cell.id
       },
-      (_b = props.texts) == null ? void 0 : _b.noData
-    )), props.extra)))
-  );
+      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)), props.extra))));
 };
 
 // elements/scrollIndicator/ScrollIndicator.tsx
 import React26, { useState as useState10, useEffect as useEffect9 } from "react";
-var ScrollIndicator = ({
-  anchor,
-  inContainer = false
-}) => {
+var ScrollIndicator = ({ anchor, inContainer = false }) => {
   const [scrollPercentage, setScrollPercentage] = useState10(0);
   const onScroll = () => {
     const scrollElement = anchor.current;
@@ -3137,34 +2828,22 @@ var Carousel = ({
     }
   ));
 };
-var Dots = ({
-  onDotClick,
-  itemsLength,
-  selectedIndex,
-  direction
-}) => {
+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"
-          )
-        }
-      );
-    })
-  );
+  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(
@@ -3334,11 +3013,7 @@ var ToastTitle = React30.forwardRef(({ className, size = "default", ...props },
   ToastPrimitives.Title,
   {
     ref,
-    className: cn(
-      "hawa-select-text hawa-text-sm hawa-font-semibold",
-      sizeStyles[size],
-      className
-    ),
+    className: cn("hawa-select-text hawa-text-sm hawa-font-semibold", sizeStyles[size], className),
     ...props
   }
 ));
@@ -3347,11 +3022,7 @@ var ToastDescription = React30.forwardRef(({ className, size = "default", ...pro
   ToastPrimitives.Description,
   {
     ref,
-    className: cn(
-      "hawa-select-text hawa-opacity-90",
-      sizeStyles[size],
-      className
-    ),
+    className: cn("hawa-select-text hawa-opacity-90", sizeStyles[size], className),
     ...props
   }
 ));
@@ -3392,12 +3063,7 @@ function Toaster(props) {
         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")
-    }
-  ));
+  }), /* @__PURE__ */ React31.createElement(ToastViewport, { className: cn("hawa-gap-2", isRTL && "hawa-fixed hawa-left-0") }));
 }
 
 // elements/destroyableCard/DestroyableCard.tsx
@@ -3417,10 +3083,7 @@ var DestroyableCard = ({
   return /* @__PURE__ */ React32.createElement(
     "div",
     {
-      className: cn(
-        "hawa-transition-all",
-        closed ? "hawa-opacity-0" : "hawa-opacity-100"
-      ),
+      className: cn("hawa-transition-all", closed ? "hawa-opacity-0" : "hawa-opacity-100"),
       ref: popUpRef
     },
     /* @__PURE__ */ React32.createElement(