@sikka/hawa 0.48.0-next → 0.49.0-next

package/dist/layout/index.js

@@ -73,13 +73,7 @@ function cn(...inputs) {
 // elements/card/Card.tsx
 var React = __toESM(require("react"));
 var Card = React.forwardRef(
-  ({
-    className,
-    variant = "default",
-    clickable = false,
-    asContainer = false,
-    ...props
-  }, ref) => {
+  ({ className, variant = "default", clickable = false, asContainer = false, ...props }, ref) => {
     let variantStyles = {
       default: cn(
         "hawa-rounded hawa-border hawa-bg-card hawa-text-card-foreground hawa-shadow-sm",
@@ -91,14 +85,7 @@ var Card = React.forwardRef(
         clickable && "hawa-cursor-pointer active:hawa-translate-x-0.5 active:hawa-translate-y-0.5 active:hawa-shadow-color-primary-active active:translate-x-0.5 active:translate-y-0.5 active:shadow-color-primary-active"
       )
     };
-    return /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        ref,
-        className: cn(!asContainer && variantStyles[variant], className),
-        ...props
-      }
-    );
+    return /* @__PURE__ */ React.createElement("div", { ref, className: cn(!asContainer && variantStyles[variant], className), ...props });
   }
 );
 var CardHeader = React.forwardRef(
@@ -106,30 +93,15 @@ var CardHeader = React.forwardRef(
     "div",
     {
       ref,
-      className: cn(
-        "hawa-flex hawa-flex-col hawa-space-y-1.5 hawa-p-6",
-        className
-      ),
+      className: cn("hawa-flex hawa-flex-col hawa-space-y-1.5 hawa-p-6", className),
       ...props
     }
   ), props.actions && /* @__PURE__ */ React.createElement("div", { className: "hawa-p-6" }, props.actions))
 );
-var CardTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
-  "h3",
-  {
-    ref,
-    className: cn("hawa-text-2xl hawa-font-semibold", className),
-    ...props
-  }
-));
-var CardDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
-  "p",
-  {
-    ref,
-    className: cn("hawa-text-sm hawa-text-muted-foreground", className),
-    ...props
-  }
-));
+var CardTitle = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ React.createElement("h3", { ref, className: cn("hawa-text-2xl hawa-font-semibold", className), ...props })
+);
+var CardDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement("p", { ref, className: cn("hawa-text-sm hawa-text-muted-foreground", className), ...props }));
 var CardContent = React.forwardRef(
   ({ headless, noPadding, className, ...props }, ref) => /* @__PURE__ */ React.createElement(
     "div",
@@ -243,16 +215,7 @@ var AccordionPrimitive = __toESM(require("@radix-ui/react-accordion"));
 // elements/chip/Chip.tsx
 var import_react3 = __toESM(require("react"));
 var Chip = import_react3.default.forwardRef(
-  ({
-    label,
-    size = "normal",
-    icon,
-    color,
-    radius = "inherit",
-    dot,
-    dotStatus = "none",
-    ...rest
-  }, ref) => {
+  ({ label, size = "normal", icon, color, radius = "inherit", dot, dotStatus = "none", ...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",
@@ -299,12 +262,7 @@ var Chip = import_react3.default.forwardRef(
             rest.className
           )
         },
-        dot && /* @__PURE__ */ import_react3.default.createElement(
-          "span",
-          {
-            className: cn(dotStyles[size], dotStatusStyles[dotStatus])
-          }
-        ),
+        dot && /* @__PURE__ */ import_react3.default.createElement("span", { className: cn(dotStyles[size], dotStatusStyles[dotStatus]) }),
         icon && icon,
         label
       );
@@ -329,28 +287,19 @@ var Accordion = AccordionPrimitive.Root;
 var triggerStyles = "hawa-flex hawa-flex-1 hawa-items-center hawa-duration-75 hawa-select-none hawa-cursor-pointer  hawa-rounded hawa-justify-between hawa-p-2 hawa-px-3 hawa-font-medium hawa-transition-all  [&[data-state=open]>svg]:hawa--rotate-90";
 var AccordionItem = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React5.createElement(AccordionPrimitive.Item, { ref, className: cn(className), ...props }));
 AccordionItem.displayName = "AccordionItem";
-var AccordionTrigger = React5.forwardRef(({ className, showArrow, children, ...props }, ref) => /* @__PURE__ */ React5.createElement(AccordionPrimitive.Header, { className: "flex" }, /* @__PURE__ */ React5.createElement(
-  AccordionPrimitive.Trigger,
+var AccordionTrigger = React5.forwardRef(({ className, showArrow, children, ...props }, ref) => /* @__PURE__ */ React5.createElement(AccordionPrimitive.Header, { className: "flex" }, /* @__PURE__ */ React5.createElement(AccordionPrimitive.Trigger, { ref, className: cn(triggerStyles, className), ...props }, children, showArrow && /* @__PURE__ */ React5.createElement(
+  "svg",
   {
-    ref,
-    className: cn(triggerStyles, className),
-    ...props
+    "aria-label": "Chevron Right Icon",
+    stroke: "currentColor",
+    fill: "currentColor",
+    viewBox: "0 0 16 16",
+    height: "1em",
+    width: "1em",
+    className: "hawa-icon hawa-shrink-0 hawa-rotate-90 hawa-transition-transform hawa-duration-200"
   },
-  children,
-  showArrow && /* @__PURE__ */ React5.createElement(
-    "svg",
-    {
-      "aria-label": "Chevron Right Icon",
-      stroke: "currentColor",
-      fill: "currentColor",
-      viewBox: "0 0 16 16",
-      height: "1em",
-      width: "1em",
-      className: "hawa-icon hawa-shrink-0 hawa-rotate-90 hawa-transition-transform hawa-duration-200"
-    },
-    /* @__PURE__ */ React5.createElement("path", { d: "M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z" })
-  )
-)));
+  /* @__PURE__ */ React5.createElement("path", { d: "M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z" })
+))));
 AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
 var AccordionContent = React5.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React5.createElement(
   AccordionPrimitive.Content,
@@ -404,111 +353,78 @@ var SidebarGroup = ({
     ))
   )));
 };
-var SidebarItem = ({
-  item,
-  onItemClick,
-  onSubItemClick,
-  direction,
-  isOpen = true,
-  LinkComponent,
-  ...props
-}) => {
+var SidebarItem = ({ item, onItemClick, onSubItemClick, direction, isOpen = true, LinkComponent, ...props }) => {
   const getSelectedStyle = (value) => {
     return props.selectedItem === value ? "hawa-bg-primary/90 hawa-text-primary-foreground  hawa-cursor-default" : "hover:hawa-bg-primary/10";
   };
   if (item.subitems) {
-    return /* @__PURE__ */ React5.createElement(
-      AccordionItem,
+    return /* @__PURE__ */ React5.createElement(AccordionItem, { value: item.value, className: "hawa-overflow-x-clip", dir: direction }, /* @__PURE__ */ React5.createElement(
+      AccordionTrigger,
       {
-        value: item.value,
-        className: "hawa-overflow-x-clip",
-        dir: direction
+        className: cn(
+          "hawa-w-full hawa-overflow-x-clip",
+          props.selectedItem === item.value ? "hawa-cursor-default hawa-bg-primary hawa-text-primary-foreground" : "hawa-h-10 hover:hawa-bg-primary/10",
+          item.subitems && item.subitems.some((subitem) => props.selectedItem === subitem.value) ? "hawa-bg-primary/80 hawa-text-primary-foreground hover:hawa-bg-primary/80" : ""
+        ),
+        showArrow: isOpen
       },
       /* @__PURE__ */ React5.createElement(
-        AccordionTrigger,
+        "div",
         {
           className: cn(
-            "hawa-w-full hawa-overflow-x-clip",
-            props.selectedItem === item.value ? "hawa-cursor-default hawa-bg-primary hawa-text-primary-foreground" : "hawa-h-10 hover:hawa-bg-primary/10",
-            item.subitems && item.subitems.some(
-              (subitem) => props.selectedItem === subitem.value
-            ) ? "hawa-bg-primary/80 hawa-text-primary-foreground hover:hawa-bg-primary/80" : ""
-          ),
-          showArrow: isOpen
+            "hawa-flex hawa-h-fit hawa-w-fit hawa-flex-row hawa-items-center hawa-gap-2"
+          )
         },
+        item.icon && item.icon,
         /* @__PURE__ */ React5.createElement(
-          "div",
+          "span",
           {
             className: cn(
-              "hawa-flex hawa-h-fit hawa-w-fit hawa-flex-row hawa-items-center hawa-gap-2"
+              "hawa-transition-all hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 hawa-whitespace-nowrap",
+              isOpen ? "hawa-opacity-100" : "hawa-opacity-0"
             )
           },
-          item.icon && item.icon,
-          /* @__PURE__ */ React5.createElement(
-            "span",
-            {
-              className: cn(
-                "hawa-transition-all hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 hawa-whitespace-nowrap",
-                isOpen ? "hawa-opacity-100" : "hawa-opacity-0"
-              )
-            },
-            item.label,
-            item.badge && /* @__PURE__ */ React5.createElement(
-              Chip,
-              {
-                label: item.badge.label,
-                color: item.badge.color,
-                size: "small"
-              }
-            )
-          )
+          item.label,
+          item.badge && /* @__PURE__ */ React5.createElement(Chip, { label: item.badge.label, color: item.badge.color, size: "small" })
         )
-      ),
-      item.subitems && /* @__PURE__ */ React5.createElement(AccordionContent, { className: "hawa-mt-1 hawa-h-full hawa-rounded" }, /* @__PURE__ */ React5.createElement(
-        "div",
+      )
+    ), item.subitems && /* @__PURE__ */ React5.createElement(AccordionContent, { className: "hawa-mt-1 hawa-h-full hawa-rounded" }, /* @__PURE__ */ React5.createElement(
+      "div",
+      {
+        className: cn(
+          "hawa-flex hawa-h-full hawa-flex-col hawa-gap-2 hawa-bg-foreground/5 hawa-p-1"
+        )
+      },
+      item.subitems.map((subitem, idx) => /* @__PURE__ */ React5.createElement(
+        LinkComponent,
         {
-          className: cn(
-            "hawa-flex hawa-h-full hawa-flex-col hawa-gap-2 hawa-bg-foreground/5 hawa-p-1"
-          )
-        },
-        item.subitems.map((subitem, idx) => /* @__PURE__ */ React5.createElement(
-          LinkComponent,
-          {
-            href: subitem.slug,
-            key: idx,
-            onMouseDown: (e) => {
-              if (subitem.onMouseDown) {
-                subitem.onMouseDown(e);
-              }
-            },
-            onClick: (e) => {
-              e.stopPropagation();
-              if (subitem.onClick) {
-                subitem.onClick(e);
-              }
-              if (onSubItemClick) {
-                onSubItemClick([item.value, subitem.value]);
-              }
-            },
-            className: cn(
-              "hawa-flex hawa-h-full hawa-cursor-pointer hawa-flex-row hawa-items-center hawa-gap-2 hawa-overflow-x-clip hawa-whitespace-nowrap hawa-rounded hawa-p-2 hawa-transition-all",
-              // bg-foreground/10
-              getSelectedStyle(subitem.value)
-            )
+          href: subitem.slug,
+          key: idx,
+          onMouseDown: (e) => {
+            if (subitem.onMouseDown) {
+              subitem.onMouseDown(e);
+            }
           },
-          subitem.icon && subitem.icon,
-          subitem.label,
-          subitem.badge && /* @__PURE__ */ React5.createElement(
-            Chip,
-            {
-              label: subitem.badge.label,
-              color: subitem.badge.color,
-              size: "small"
+          onClick: (e) => {
+            e.stopPropagation();
+            if (subitem.onClick) {
+              subitem.onClick(e);
             }
+            if (onSubItemClick) {
+              onSubItemClick([item.value, subitem.value]);
+            }
+          },
+          className: cn(
+            "hawa-flex hawa-h-full hawa-cursor-pointer hawa-flex-row hawa-items-center hawa-gap-2 hawa-overflow-x-clip hawa-whitespace-nowrap hawa-rounded hawa-p-2 hawa-transition-all",
+            // bg-foreground/10
+            getSelectedStyle(subitem.value)
           )
-        ))
+        },
+        subitem.icon && subitem.icon,
+        subitem.label,
+        subitem.badge && /* @__PURE__ */ React5.createElement(Chip, { label: subitem.badge.label, color: subitem.badge.color, size: "small" })
       ))
-    );
+    )));
   } else {
     return /* @__PURE__ */ React5.createElement(
       LinkComponent,
@@ -528,11 +444,7 @@ var SidebarItem = ({
             onItemClick([item.value]);
           }
         },
-        className: cn(
-          triggerStyles,
-          getSelectedStyle(item.value),
-          "hawa-overflow-x-clip"
-        )
+        className: cn(triggerStyles, getSelectedStyle(item.value), "hawa-overflow-x-clip")
       },
       /* @__PURE__ */ React5.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2" }, item.icon && item.icon, /* @__PURE__ */ React5.createElement(
         "span",
@@ -544,14 +456,7 @@ var SidebarItem = ({
         },
         item.label,
         " ",
-        item.badge && /* @__PURE__ */ React5.createElement(
-          Chip,
-          {
-            label: item.badge.label,
-            color: item.badge.color,
-            size: "small"
-          }
-        )
+        item.badge && /* @__PURE__ */ React5.createElement(Chip, { label: item.badge.label, color: item.badge.color, size: "small" })
       ))
     );
   }
@@ -646,10 +551,7 @@ var Navbar = ({
           strokeWidth: "2",
           strokeLinecap: "round",
           strokeLinejoin: "round",
-          className: cn(
-            "hawa-h-6 hawa-w-6",
-            !isOpen ? "hawa-invisible" : "hawa-visible"
-          )
+          className: cn("hawa-h-6 hawa-w-6", !isOpen ? "hawa-invisible" : "hawa-visible")
         },
         /* @__PURE__ */ import_react5.default.createElement("path", { d: "M18 6 6 18" }),
         /* @__PURE__ */ import_react5.default.createElement("path", { d: "m6 6 12 12" })
@@ -696,21 +598,15 @@ function useClickOutside(handler, events, nodes) {
       const { target } = event != null ? event : {};
       if (Array.isArray(nodes)) {
         const shouldIgnore = (target == null ? void 0 : target.hasAttribute("data-ignore-outside-clicks")) || !document.body.contains(target) && target.tagName !== "HTML";
-        const shouldTrigger = nodes.every(
-          (node) => !!node && !event.composedPath().includes(node)
-        );
+        const shouldTrigger = nodes.every((node) => !!node && !event.composedPath().includes(node));
         shouldTrigger && !shouldIgnore && handler();
       } else if (ref.current && !ref.current.contains(target)) {
         handler();
       }
     };
-    (events || DEFAULT_EVENTS).forEach(
-      (fn) => document.addEventListener(fn, listener)
-    );
+    (events || DEFAULT_EVENTS).forEach((fn) => document.addEventListener(fn, listener));
     return () => {
-      (events || DEFAULT_EVENTS).forEach(
-        (fn) => document.removeEventListener(fn, listener)
-      );
+      (events || DEFAULT_EVENTS).forEach((fn) => document.removeEventListener(fn, listener));
     };
   }, [ref, handler, nodes]);
   return ref;
@@ -725,9 +621,7 @@ var import_class_variance_authority = require("class-variance-authority");
 
 // elements/helperText/HelperText.tsx
 var import_react7 = __toESM(require("react"));
-var HelperText = ({
-  helperText
-}) => /* @__PURE__ */ import_react7.default.createElement(
+var HelperText = ({ helperText }) => /* @__PURE__ */ import_react7.default.createElement(
   "p",
   {
     className: cn(
@@ -778,38 +672,31 @@ var Tooltip = ({
   delayDuration = 300,
   ...props
 }) => {
-  return /* @__PURE__ */ import_react8.default.createElement(
-    TooltipPrimitive.TooltipProvider,
+  return /* @__PURE__ */ import_react8.default.createElement(TooltipPrimitive.TooltipProvider, { delayDuration, ...providerProps }, /* @__PURE__ */ import_react8.default.createElement(
+    TooltipPrimitive.Root,
     {
-      delayDuration,
-      ...providerProps
+      open: !disabled && open,
+      defaultOpen,
+      onOpenChange,
+      ...props
     },
+    /* @__PURE__ */ import_react8.default.createElement(TooltipPrimitive.Trigger, { ...triggerProps }, children),
     /* @__PURE__ */ import_react8.default.createElement(
-      TooltipPrimitive.Root,
+      TooltipContent,
       {
-        open: !disabled && open,
-        defaultOpen,
-        onOpenChange,
-        ...props
+        size,
+        side,
+        align: "center",
+        ...contentProps,
+        style: {
+          ...contentProps == null ? void 0 : contentProps.style,
+          maxWidth: "var(--radix-tooltip-content-available-width)",
+          maxHeight: "var(--radix-tooltip-content-available-height)"
+        }
       },
-      /* @__PURE__ */ import_react8.default.createElement(TooltipPrimitive.Trigger, { ...triggerProps }, children),
-      /* @__PURE__ */ import_react8.default.createElement(
-        TooltipContent,
-        {
-          size,
-          side,
-          align: "center",
-          ...contentProps,
-          style: {
-            ...contentProps == null ? void 0 : contentProps.style,
-            maxWidth: "var(--radix-tooltip-content-available-width)",
-            maxHeight: "var(--radix-tooltip-content-available-height)"
-          }
-        },
-        content
-      )
+      content
     )
-  );
+  ));
 };
 
 // elements/label/Label.tsx
@@ -886,57 +773,42 @@ var Loading = ({
   };
   switch (design.split("-")[0]) {
     case "dots":
-      return /* @__PURE__ */ import_react9.default.createElement(
+      return /* @__PURE__ */ import_react9.default.createElement("div", { className: cn("hawa-flex hawa-flex-row hawa-gap-2", classNames == null ? void 0 : classNames.container) }, /* @__PURE__ */ import_react9.default.createElement(
         "div",
         {
           className: cn(
-            "hawa-flex hawa-flex-row hawa-gap-2",
-            classNames == null ? void 0 : classNames.container
+            "hawa-animate-bounce hawa-rounded-full hawa-delay-100 hawa-repeat-infinite",
+            size === "button" ? "hawa-h-2 hawa-w-2" : sizeStyles[size],
+            animationStyles[design.split("-")[1]],
+            color ? color : "hawa-bg-primary"
           )
-        },
-        /* @__PURE__ */ import_react9.default.createElement(
-          "div",
-          {
-            className: cn(
-              "hawa-animate-bounce hawa-rounded-full hawa-delay-100 hawa-repeat-infinite",
-              size === "button" ? "hawa-h-2 hawa-w-2" : sizeStyles[size],
-              animationStyles[design.split("-")[1]],
-              color ? color : "hawa-bg-primary"
-            )
-          }
-        ),
-        /* @__PURE__ */ import_react9.default.createElement(
-          "div",
-          {
-            className: cn(
-              "hawa-animate-bounce hawa-rounded-full hawa-delay-200 hawa-repeat-infinite",
-              size === "button" ? "hawa-h-2 hawa-w-2" : sizeStyles[size],
-              animationStyles[design.split("-")[1]],
-              color ? color : "hawa-bg-primary"
-            )
-          }
-        ),
-        /* @__PURE__ */ import_react9.default.createElement(
-          "div",
-          {
-            className: cn(
-              "hawa-animate-bounce hawa-rounded-full hawa-delay-300 hawa-repeat-infinite",
-              size === "button" ? "hawa-h-2 hawa-w-2" : sizeStyles[size],
-              animationStyles[design.split("-")[1]],
-              color ? color : "hawa-bg-primary"
-            )
-          }
-        )
-      );
+        }
+      ), /* @__PURE__ */ import_react9.default.createElement(
+        "div",
+        {
+          className: cn(
+            "hawa-animate-bounce hawa-rounded-full hawa-delay-200 hawa-repeat-infinite",
+            size === "button" ? "hawa-h-2 hawa-w-2" : sizeStyles[size],
+            animationStyles[design.split("-")[1]],
+            color ? color : "hawa-bg-primary"
+          )
+        }
+      ), /* @__PURE__ */ import_react9.default.createElement(
+        "div",
+        {
+          className: cn(
+            "hawa-animate-bounce hawa-rounded-full hawa-delay-300 hawa-repeat-infinite",
+            size === "button" ? "hawa-h-2 hawa-w-2" : sizeStyles[size],
+            animationStyles[design.split("-")[1]],
+            color ? color : "hawa-bg-primary"
+          )
+        }
+      ));
     case "square":
       return /* @__PURE__ */ import_react9.default.createElement(
         "svg",
         {
-          className: cn(
-            "squircle-container",
-            sizeStyles[size],
-            classNames == null ? void 0 : classNames.container
-          ),
+          className: cn("squircle-container", sizeStyles[size], classNames == null ? void 0 : classNames.container),
           viewBox: "0 0 35 35",
           height: "35",
           width: "35"
@@ -977,11 +849,7 @@ var Loading = ({
           height: "37",
           width: "37",
           preserveAspectRatio: "xMidYMid meet",
-          className: cn(
-            "squircle-container",
-            sizeStyles[size],
-            classNames == null ? void 0 : classNames.container
-          )
+          className: cn("squircle-container", sizeStyles[size], classNames == null ? void 0 : classNames.container)
         },
         /* @__PURE__ */ import_react9.default.createElement(
           "path",
@@ -1024,11 +892,7 @@ var Loading = ({
           viewBox: "0 0 40 40",
           height: "40",
           width: "40",
-          className: cn(
-            "circle-container",
-            sizeStyles[size],
-            classNames == null ? void 0 : classNames.container
-          )
+          className: cn("circle-container", sizeStyles[size], classNames == null ? void 0 : classNames.container)
         },
         /* @__PURE__ */ import_react9.default.createElement(
           "circle",
@@ -1335,17 +1199,11 @@ var DropdownMenuSeparator = React13.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
-var DropdownMenuShortcut = ({
-  className,
-  ...props
-}) => {
+var DropdownMenuShortcut = ({ className, ...props }) => {
   return /* @__PURE__ */ React13.createElement(
     "span",
     {
-      className: cn(
-        "hawa-text-xs hawa-tracking-widest hawa-opacity-60",
-        className
-      ),
+      className: cn("hawa-text-xs hawa-tracking-widest hawa-opacity-60", className),
       ...props
     }
   );
@@ -1382,178 +1240,144 @@ var DropdownMenu = ({
     default: "hawa-px-2 hawa-py-3 ",
     sm: "hawa-text-xs hawa-px-1.5 hawa-py-1.5 "
   };
-  let [values, setValues] = React13.useState(
-    items.map((item) => item.currentOption)
-  );
-  return /* @__PURE__ */ React13.createElement(
-    DropdownMenuRoot,
+  let [values, setValues] = React13.useState(items.map((item) => item.currentOption));
+  return /* @__PURE__ */ React13.createElement(DropdownMenuRoot, { onOpenChange, open, modal: false, dir: direction }, /* @__PURE__ */ React13.createElement(
+    DropdownMenuTrigger,
     {
-      onOpenChange,
-      open,
-      modal: false,
-      dir: direction
+      asChild: true,
+      className: cn(classNames == null ? void 0 : classNames.trigger, triggerClassname),
+      ...triggerProps
     },
-    /* @__PURE__ */ React13.createElement(
-      DropdownMenuTrigger,
-      {
-        asChild: true,
-        className: cn(classNames == null ? void 0 : classNames.trigger, triggerClassname),
-        ...triggerProps
-      },
-      trigger
-    ),
-    /* @__PURE__ */ React13.createElement(import_react10.Portal, null, /* @__PURE__ */ React13.createElement(
-      DropdownMenuContent,
-      {
-        side,
-        sideOffset,
-        align,
-        alignOffset,
-        className: cn(
-          className,
-          classNames == null ? void 0 : classNames.content,
-          widthStyles[width],
-          "hawa-flex hawa-flex-col hawa-gap-1 hawa-overflow-y-auto"
-        ),
-        style: {
-          maxHeight: "var(--radix-dropdown-menu-content-available-height)"
-        },
-        ...contentProps
+    trigger
+  ), /* @__PURE__ */ React13.createElement(import_react10.Portal, null, /* @__PURE__ */ React13.createElement(
+    DropdownMenuContent,
+    {
+      side,
+      sideOffset,
+      align,
+      alignOffset,
+      className: cn(
+        className,
+        classNames == null ? void 0 : classNames.content,
+        widthStyles[width],
+        "hawa-flex hawa-flex-col hawa-gap-1 hawa-overflow-y-auto"
+      ),
+      style: {
+        maxHeight: "var(--radix-dropdown-menu-content-available-height)"
       },
-      header && header,
-      items && items.map((item, index) => {
-        var _a;
-        const ItemLinkComponent = item.slug ? LinkComponent : "a";
-        if (item.itemType === "separator") {
-          return /* @__PURE__ */ React13.createElement(
-            DropdownMenuSeparator,
-            {
-              key: index,
-              className: classNames == null ? void 0 : classNames.separator
-            }
-          );
-        } else if (item.itemType === "label") {
-          return /* @__PURE__ */ React13.createElement(DropdownMenuLabel, { key: index }, item.label);
-        } else if (item.itemType === "radio") {
-          let dd = item.currentOption;
-          return /* @__PURE__ */ React13.createElement(DropdownMenuSub, { key: index }, /* @__PURE__ */ React13.createElement(
-            DropdownMenuSubTrigger,
-            {
-              dir: direction,
-              className: cn(sizeStyles[size])
-            },
-            item.icon && item.icon,
-            item.label && item.label
-          ), /* @__PURE__ */ React13.createElement(DropdownMenuSubContent, null, /* @__PURE__ */ React13.createElement(
-            DropdownMenuRadioGroup,
-            {
-              value: values[index],
-              onValueChange: (e) => {
-                let newValues = [...values];
-                newValues[index] = e;
-                setValues(newValues);
-                console.log("changing to ", e);
-                if (item.onOptionChange) {
-                  item.onOptionChange(e);
-                }
+      ...contentProps
+    },
+    header && header,
+    items && items.map((item, index) => {
+      var _a;
+      const ItemLinkComponent = item.slug ? LinkComponent : "a";
+      if (item.itemType === "separator") {
+        return /* @__PURE__ */ React13.createElement(DropdownMenuSeparator, { key: index, className: classNames == null ? void 0 : classNames.separator });
+      } else if (item.itemType === "label") {
+        return /* @__PURE__ */ React13.createElement(DropdownMenuLabel, { key: index }, item.label);
+      } else if (item.itemType === "radio") {
+        let dd = item.currentOption;
+        return /* @__PURE__ */ React13.createElement(DropdownMenuSub, { key: index }, /* @__PURE__ */ React13.createElement(DropdownMenuSubTrigger, { dir: direction, className: cn(sizeStyles[size]) }, item.icon && item.icon, item.label && item.label), /* @__PURE__ */ React13.createElement(DropdownMenuSubContent, null, /* @__PURE__ */ React13.createElement(
+          DropdownMenuRadioGroup,
+          {
+            value: values[index],
+            onValueChange: (e) => {
+              let newValues = [...values];
+              newValues[index] = e;
+              setValues(newValues);
+              console.log("changing to ", e);
+              if (item.onOptionChange) {
+                item.onOptionChange(e);
               }
-            },
-            (_a = item.options) == null ? void 0 : _a.map((opt, i) => /* @__PURE__ */ React13.createElement(DropdownMenuRadioItem, { key: i, value: opt.value }, opt.label))
-          )));
-        } else if (item.itemType === "custom") {
-          return /* @__PURE__ */ React13.createElement("div", { key: index }, item.content);
-        } else {
-          return item.subitems ? /* @__PURE__ */ React13.createElement(DropdownMenuSub, { key: index }, /* @__PURE__ */ React13.createElement(
-            DropdownMenuSubTrigger,
-            {
-              dir: direction,
-              className: cn(sizeStyles[size])
-            },
-            item.icon && item.icon,
-            item.label && item.label
-          ), /* @__PURE__ */ React13.createElement(import_react10.Portal, null, /* @__PURE__ */ React13.createElement(DropdownMenuSubContent, null, item.subitems.map((subitem, subIndex) => {
-            const SubitemLinkComponent = subitem.slug ? LinkComponent : "a";
-            return /* @__PURE__ */ React13.createElement(
-              DropdownMenuItem,
-              {
-                key: subIndex,
-                LinkComponent: SubitemLinkComponent,
-                slug: subitem.slug,
-                disabled: subitem.disabled,
-                className: cn(
-                  sizeStyles[size],
-                  !item.icon && !item.label ? "hawa-px-0 hawa-py-0 focus:hawa-bg-transparent" : "focus:hawa-bg-accent"
-                ),
-                onMouseDown: (event) => {
-                  if (event.button === 1 || event.button === 0 && event.ctrlKey) {
-                    event.preventDefault();
-                    if (subitem.onMiddleClick) {
-                      subitem.onMiddleClick(item.value);
-                    }
-                  }
-                },
-                onSelect: () => {
-                  subitem.action && subitem.action();
-                  if (onItemSelect) {
-                    onItemSelect(subitem.value);
-                  }
-                }
-              },
-              subitem.icon && subitem.icon,
-              subitem.label && subitem.label
-            );
-          })))) : /* @__PURE__ */ React13.createElement(
+            }
+          },
+          (_a = item.options) == null ? void 0 : _a.map((opt, i) => /* @__PURE__ */ React13.createElement(DropdownMenuRadioItem, { key: i, value: opt.value }, opt.label))
+        )));
+      } else if (item.itemType === "custom") {
+        return /* @__PURE__ */ React13.createElement("div", { key: index }, item.content);
+      } else {
+        return item.subitems ? /* @__PURE__ */ React13.createElement(DropdownMenuSub, { key: index }, /* @__PURE__ */ React13.createElement(DropdownMenuSubTrigger, { dir: direction, className: cn(sizeStyles[size]) }, item.icon && item.icon, item.label && item.label), /* @__PURE__ */ React13.createElement(import_react10.Portal, null, /* @__PURE__ */ React13.createElement(DropdownMenuSubContent, null, item.subitems.map((subitem, subIndex) => {
+          const SubitemLinkComponent = subitem.slug ? LinkComponent : "a";
+          return /* @__PURE__ */ React13.createElement(
             DropdownMenuItem,
             {
-              LinkComponent: ItemLinkComponent,
-              slug: item.slug,
-              key: index,
-              disabled: item.disabled,
+              key: subIndex,
+              LinkComponent: SubitemLinkComponent,
+              slug: subitem.slug,
+              disabled: subitem.disabled,
+              className: cn(
+                sizeStyles[size],
+                !item.icon && !item.label ? "hawa-px-0 hawa-py-0 focus:hawa-bg-transparent" : "focus:hawa-bg-accent"
+              ),
               onMouseDown: (event) => {
                 if (event.button === 1 || event.button === 0 && event.ctrlKey) {
                   event.preventDefault();
-                  if (item.onMiddleClick) {
-                    item.onMiddleClick(item.value);
+                  if (subitem.onMiddleClick) {
+                    subitem.onMiddleClick(item.value);
                   }
                 }
               },
-              onClick: (event) => {
-                if (item.onClick) {
-                  item.onClick(item.value);
+              onSelect: () => {
+                subitem.action && subitem.action();
+                if (onItemSelect) {
+                  onItemSelect(subitem.value);
                 }
-              },
-              onSelect: (e) => {
-                if (item.presist) {
-                  e.preventDefault();
+              }
+            },
+            subitem.icon && subitem.icon,
+            subitem.label && subitem.label
+          );
+        })))) : /* @__PURE__ */ React13.createElement(
+          DropdownMenuItem,
+          {
+            LinkComponent: ItemLinkComponent,
+            slug: item.slug,
+            key: index,
+            disabled: item.disabled,
+            onMouseDown: (event) => {
+              if (event.button === 1 || event.button === 0 && event.ctrlKey) {
+                event.preventDefault();
+                if (item.onMiddleClick) {
+                  item.onMiddleClick(item.value);
                 }
-                if (item.action) {
-                  item.action();
-                  if (onItemSelect) {
-                    onItemSelect(item.value);
-                  }
-                } else {
-                  if (onItemSelect) {
-                    onItemSelect(item.value);
-                  }
+              }
+            },
+            onClick: (event) => {
+              if (item.onClick) {
+                item.onClick(item.value);
+              }
+            },
+            onSelect: (e) => {
+              if (item.presist) {
+                e.preventDefault();
+              }
+              if (item.action) {
+                item.action();
+                if (onItemSelect) {
+                  onItemSelect(item.value);
                 }
-              },
-              end: item.end,
-              shortcut: item.shortcut,
-              badged: item.badged,
-              className: cn(
-                sizeStyles[size],
-                !item.icon && !item.label ? "hawa-px-0 hawa-py-0 focus:hawa-bg-transparent" : "focus:hawa-bg-accent",
-                item.presist && "focus:hawa-bg-transparent",
-                classNames == null ? void 0 : classNames.item
-              )
+              } else {
+                if (onItemSelect) {
+                  onItemSelect(item.value);
+                }
+              }
             },
-            item.icon && item.icon,
-            item.label && item.label
-          );
-        }
-      })
-    ))
-  );
+            end: item.end,
+            shortcut: item.shortcut,
+            badged: item.badged,
+            className: cn(
+              sizeStyles[size],
+              !item.icon && !item.label ? "hawa-px-0 hawa-py-0 focus:hawa-bg-transparent" : "focus:hawa-bg-accent",
+              item.presist && "focus:hawa-bg-transparent",
+              classNames == null ? void 0 : classNames.item
+            )
+          },
+          item.icon && item.icon,
+          item.label && item.label
+        );
+      }
+    })
+  )));
 };
 
 // icons/Emojis.tsx
@@ -1590,7 +1414,9 @@ var MenuIcon = () => /* @__PURE__ */ import_react13.default.createElement(
 var LOCAL_STORAGE_KEY = "@sikka/hawa/keep-drawer-open";
 var AppLayout = ({
   profileMenuWidth = "default",
+  userInfoPosition = "next_to_avatar",
   DrawerFooterActions,
+  profileMenuItems,
   classNames,
   bordered = true,
   design = "default",
@@ -1623,9 +1449,7 @@ var AppLayout = ({
   };
   const isRTL = direction === "rtl";
   const [openedSidebarItem, setOpenedSidebarItem] = (0, import_react14.useState)("");
-  const [size, setSize] = (0, import_react14.useState)(
-    typeof window !== "undefined" && window.innerWidth || 1200
-  );
+  const [size, setSize] = (0, import_react14.useState)(typeof window !== "undefined" && window.innerWidth || 1200);
   const [openSideMenu, setOpenSideMenu] = (0, import_react14.useState)(() => {
     const savedState = localStorage.getItem(LOCAL_STORAGE_KEY);
     return savedState ? JSON.parse(savedState) : false;
@@ -1680,6 +1504,18 @@ var AppLayout = ({
     }
   }, [size, keepDrawerOpen]);
   const drawerSizeCondition = size > 600 ? drawerSizeStyle[keepDrawerOpen ? "opened" : "closed"][drawerSize] : 0;
+  let finalProfileMenuItems = profileMenuItems;
+  if (userInfoPosition === "in_dropdown") {
+    if (profileMenuItems && profileMenuItems.length > 0) {
+      finalProfileMenuItems = [
+        {
+          content: /* @__PURE__ */ import_react14.default.createElement("div", { className: "hawa-text-end hawa-p-2 hawa-text-xs hawa-flex hawa-flex-col hawa-justify-center hawa-items-start" }, /* @__PURE__ */ import_react14.default.createElement("div", { className: "hawa-font-bold" }, props.username), /* @__PURE__ */ import_react14.default.createElement("div", null, props.email)),
+          itemType: "custom"
+        },
+        ...profileMenuItems
+      ];
+    }
+  }
   return /* @__PURE__ */ import_react14.default.createElement("div", { className: "hawa-fixed hawa-start-0" }, props.topBar && /* @__PURE__ */ import_react14.default.createElement(
     "div",
     {
@@ -1692,10 +1528,7 @@ var AppLayout = ({
     size > 600 ? /* @__PURE__ */ import_react14.default.createElement(
       "div",
       {
-        className: cn(
-          "dark:hawa-text-white",
-          size > 600 ? "hawa-ms-14" : "hawa-ms-2"
-        ),
+        className: cn("dark:hawa-text-white", size > 600 ? "hawa-ms-14" : "hawa-ms-2"),
         style: {
           marginInlineStart: `${drawerSizeStyle[keepDrawerOpen ? "opened" : "closed"][drawerSize] + 10}px`
         }
@@ -1720,7 +1553,7 @@ var AppLayout = ({
         props.pageTitle ? /* @__PURE__ */ import_react14.default.createElement("div", { className: "hawa-text-sm" }, props.pageTitle) : /* @__PURE__ */ import_react14.default.createElement("div", null)
       )
     ),
-    /* @__PURE__ */ import_react14.default.createElement("div", { className: cn("hawa-flex hawa-gap-2 dark:hawa-text-white") }, size > 600 ? /* @__PURE__ */ import_react14.default.createElement("div", { className: "hawa-text-end hawa-text-xs" }, /* @__PURE__ */ import_react14.default.createElement("div", { className: "hawa-font-bold" }, props.username), " ", /* @__PURE__ */ import_react14.default.createElement("div", null, props.email)) : null, /* @__PURE__ */ import_react14.default.createElement(
+    /* @__PURE__ */ import_react14.default.createElement("div", { className: cn("hawa-flex hawa-gap-2 dark:hawa-text-white") }, size > 600 && userInfoPosition === "next_to_avatar" ? /* @__PURE__ */ import_react14.default.createElement("div", { className: "hawa-text-end hawa-text-xs hawa-flex hawa-flex-col hawa-justify-center" }, /* @__PURE__ */ import_react14.default.createElement("div", { className: "hawa-font-bold" }, props.username), /* @__PURE__ */ import_react14.default.createElement("div", null, props.email)) : null, /* @__PURE__ */ import_react14.default.createElement(
       DropdownMenu,
       {
         LinkComponent: MenuLinkComponent,
@@ -1730,7 +1563,7 @@ var AppLayout = ({
         sideOffset: 10,
         width: profileMenuWidth,
         direction,
-        items: props.profileMenuItems || [],
+        items: finalProfileMenuItems || [],
         onItemSelect: (e) => console.log("selecting item ", e),
         trigger: /* @__PURE__ */ import_react14.default.createElement(
           "div",
@@ -1881,10 +1714,7 @@ var AppLayout = ({
             size: "smallIcon",
             onClick: () => {
               const newKeepOpenState = !keepDrawerOpen;
-              localStorage.setItem(
-                LOCAL_STORAGE_KEY,
-                JSON.stringify(newKeepOpenState)
-              );
+              localStorage.setItem(LOCAL_STORAGE_KEY, JSON.stringify(newKeepOpenState));
               setKeepDrawerOpen(newKeepOpenState);
             }
           },
@@ -1910,14 +1740,7 @@ var AppLayout = ({
         )
       ) : null
     )
-  )), /* @__PURE__ */ import_react14.default.createElement(
-    Dialog.Root,
-    {
-      open: size < 600 && openSideMenu,
-      onOpenChange: setOpenSideMenu
-    },
-    /* @__PURE__ */ import_react14.default.createElement(Dialog.Portal, { container }, /* @__PURE__ */ import_react14.default.createElement(Dialog.Overlay, { className: "hawa-fixed hawa-inset-0 hawa-bg-foreground/20 hawa-backdrop-blur-[2px] data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out hawa-z-10 data-[state=closed]:hawa-fade-out-0 data-[state=open]:hawa-fade-in-0" }))
-  ), /* @__PURE__ */ import_react14.default.createElement(
+  )), /* @__PURE__ */ import_react14.default.createElement(Dialog.Root, { open: size < 600 && openSideMenu, onOpenChange: setOpenSideMenu }, /* @__PURE__ */ import_react14.default.createElement(Dialog.Portal, { container }, /* @__PURE__ */ import_react14.default.createElement(Dialog.Overlay, { className: "hawa-fixed hawa-inset-0 hawa-bg-foreground/20 hawa-backdrop-blur-[2px] data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out hawa-z-10 data-[state=closed]:hawa-fade-out-0 data-[state=open]:hawa-fade-in-0" }))), /* @__PURE__ */ import_react14.default.createElement(
     "div",
     {
       className: "hawa-fixed hawa-overflow-y-auto hawa-transition-all hawa-z-0",
@@ -1999,15 +1822,7 @@ var AppTopbar = ({ ...props }) => {
           isRTL ? "hawa-flex-row-reverse" : "hawa-flex-row"
         )
       },
-      size > 600 ? /* @__PURE__ */ import_react15.default.createElement(
-        "div",
-        {
-          className: isRTL ? "hawa-text-left hawa-text-xs" : "hawa-text-right hawa-text-xs"
-        },
-        /* @__PURE__ */ import_react15.default.createElement("div", { className: "hawa-font-bold" }, props.username),
-        " ",
-        /* @__PURE__ */ import_react15.default.createElement("div", null, props.email)
-      ) : null,
+      size > 600 ? /* @__PURE__ */ import_react15.default.createElement("div", { className: isRTL ? "hawa-text-left hawa-text-xs" : "hawa-text-right hawa-text-xs" }, /* @__PURE__ */ import_react15.default.createElement("div", { className: "hawa-font-bold" }, props.username), " ", /* @__PURE__ */ import_react15.default.createElement("div", null, props.email)) : null,
       /* @__PURE__ */ import_react15.default.createElement(
         DropdownMenu,
         {
@@ -2117,22 +1932,20 @@ var MenubarSubContent = React19.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 MenubarSubContent.displayName = MenubarPrimitive.SubContent.displayName;
-var MenubarContent = React19.forwardRef(
-  ({ className, align = "start", alignOffset = -4, sideOffset = 8, ...props }, ref) => /* @__PURE__ */ React19.createElement(MenubarPrimitive.Portal, null, /* @__PURE__ */ React19.createElement(
-    MenubarPrimitive.Content,
-    {
-      ref,
-      align,
-      alignOffset,
-      sideOffset,
-      className: cn(
-        "hawa-z-50 hawa-min-w-[12rem] hawa-overflow-hidden hawa-rounded-md hawa-border hawa-bg-popover hawa-p-1 hawa-text-popover-foreground hawa-shadow-md data-[state=open]:hawa-animate-in data-[state=closed]:hawa-fade-out-0 data-[state=open]:hawa-fade-in-0 data-[state=closed]:hawa-zoom-out-95 data-[state=open]:hawa-zoom-in-95 data-[side=bottom]:hawa-slide-in-from-top-2 data-[side=left]:hawa-slide-in-from-right-2 data-[side=right]:hawa-slide-in-from-left-2 data-[side=top]:hawa-slide-in-from-bottom-2",
-        className
-      ),
-      ...props
-    }
-  ))
-);
+var MenubarContent = React19.forwardRef(({ className, align = "start", alignOffset = -4, sideOffset = 8, ...props }, ref) => /* @__PURE__ */ React19.createElement(MenubarPrimitive.Portal, null, /* @__PURE__ */ React19.createElement(
+  MenubarPrimitive.Content,
+  {
+    ref,
+    align,
+    alignOffset,
+    sideOffset,
+    className: cn(
+      "hawa-z-50 hawa-min-w-[12rem] hawa-overflow-hidden hawa-rounded-md hawa-border hawa-bg-popover hawa-p-1 hawa-text-popover-foreground hawa-shadow-md data-[state=open]:hawa-animate-in data-[state=closed]:hawa-fade-out-0 data-[state=open]:hawa-fade-in-0 data-[state=closed]:hawa-zoom-out-95 data-[state=open]:hawa-zoom-in-95 data-[side=bottom]:hawa-slide-in-from-top-2 data-[side=left]:hawa-slide-in-from-right-2 data-[side=right]:hawa-slide-in-from-left-2 data-[side=top]:hawa-slide-in-from-bottom-2",
+      className
+    ),
+    ...props
+  }
+)));
 MenubarContent.displayName = MenubarPrimitive.Content.displayName;
 var MenubarItem = React19.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ React19.createElement(
   MenubarPrimitive.Item,
@@ -2228,10 +2041,7 @@ var MenubarSeparator = React19.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 MenubarSeparator.displayName = MenubarPrimitive.Separator.displayName;
-var MenubarShortcut = ({
-  className,
-  ...props
-}) => {
+var MenubarShortcut = ({ className, ...props }) => {
   return /* @__PURE__ */ React19.createElement(
     "span",
     {
@@ -2249,44 +2059,35 @@ MenubarShortcut.displayname = "MenubarShortcut";
 var import_react16 = __toESM(require("react"));
 var AppTabs = ({ tabs, className }) => {
   const [selectedIndex, setSelectedIndex] = (0, import_react16.useState)(0);
-  return /* @__PURE__ */ import_react16.default.createElement(
-    "div",
-    {
-      className: cn(
-        "hawa-w-full hawa-border-b hawa-bg-card hawa-p-6 hawa-pb-0",
-        className
-      )
-    },
-    /* @__PURE__ */ import_react16.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-center" }, tabs.map((tab, index) => {
-      const selected = index === selectedIndex;
-      return /* @__PURE__ */ import_react16.default.createElement(
-        "a",
-        {
-          href: tab.path,
-          key: index,
-          onMouseDown: (e) => {
-            if (tab.onMouseDown) {
-              tab.onMouseDown(e);
-            }
-          },
-          onClick: (e) => {
-            if (tab.onClick) {
-              tab.onClick(e);
-            }
-            setSelectedIndex(index);
-          },
-          className: cn(
-            "hawa-z-10 hawa-flex hawa-items-center hawa-translate-y-[1.1px] hawa-select-none hawa-flex-row hawa-gap-2 hawa-rounded-t hawa-p-4 hawa-py-2 hawa-text-sm hawa-transition-all",
-            "hawa-border",
-            // Always have a border but make it transparent
-            selected ? "hawa-border hawa-border-b-transparent hawa-bg-background" : "hawa-cursor-pointer hawa-border-transparent hover:hawa-bg-card-foreground/5"
-          )
+  return /* @__PURE__ */ import_react16.default.createElement("div", { className: cn("hawa-w-full hawa-border-b hawa-bg-card hawa-p-6 hawa-pb-0", className) }, /* @__PURE__ */ import_react16.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-center" }, tabs.map((tab, index) => {
+    const selected = index === selectedIndex;
+    return /* @__PURE__ */ import_react16.default.createElement(
+      "a",
+      {
+        href: tab.path,
+        key: index,
+        onMouseDown: (e) => {
+          if (tab.onMouseDown) {
+            tab.onMouseDown(e);
+          }
         },
-        tab.icon && tab.icon,
-        tab.label
-      );
-    }))
-  );
+        onClick: (e) => {
+          if (tab.onClick) {
+            tab.onClick(e);
+          }
+          setSelectedIndex(index);
+        },
+        className: cn(
+          "hawa-z-10 hawa-flex hawa-items-center hawa-translate-y-[1.1px] hawa-select-none hawa-flex-row hawa-gap-2 hawa-rounded-t hawa-p-4 hawa-py-2 hawa-text-sm hawa-transition-all",
+          "hawa-border",
+          // Always have a border but make it transparent
+          selected ? "hawa-border hawa-border-b-transparent hawa-bg-background" : "hawa-cursor-pointer hawa-border-transparent hover:hawa-bg-card-foreground/5"
+        )
+      },
+      tab.icon && tab.icon,
+      tab.label
+    );
+  })));
 };
 
 // layout/docsLayout/DocsLayout.tsx
@@ -2443,22 +2244,13 @@ var Logos = {
       }
     )
   ),
-  hawa: (props) => /* @__PURE__ */ import_react17.default.createElement(
-    "svg",
+  hawa: (props) => /* @__PURE__ */ import_react17.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", xmlSpace: "preserve", viewBox: "0 0 765 765", ...props }, /* @__PURE__ */ import_react17.default.createElement(
+    "path",
     {
-      xmlns: "http://www.w3.org/2000/svg",
-      xmlSpace: "preserve",
-      viewBox: "0 0 765 765",
-      ...props
-    },
-    /* @__PURE__ */ import_react17.default.createElement(
-      "path",
-      {
-        d: "M382.5 0C171.6 0 0 171.6 0 382.5V765h382.5C593.4 765 765 593.4 765 382.5S593.4 0 382.5 0zM281.6 305.7c98 0 177.7 79.7 177.7 177.7 0 98-79.7 177.7-177.7 177.7s-177.7-79.7-177.7-177.7c0-98 79.7-177.7 177.7-177.7zm246 314.5c23.2-41.6 35.6-88.7 35.6-136.7 0-155.3-126.3-281.6-281.6-281.6-48 0-95.1 12.4-136.8 35.6C194.9 156 285 104 382.5 104c153.6 0 278.6 125 278.6 278.6 0 97.3-52 187.5-133.5 237.6z",
-        fill: "currentColor"
-      }
-    )
-  ),
+      d: "M382.5 0C171.6 0 0 171.6 0 382.5V765h382.5C593.4 765 765 593.4 765 382.5S593.4 0 382.5 0zM281.6 305.7c98 0 177.7 79.7 177.7 177.7 0 98-79.7 177.7-177.7 177.7s-177.7-79.7-177.7-177.7c0-98 79.7-177.7 177.7-177.7zm246 314.5c23.2-41.6 35.6-88.7 35.6-136.7 0-155.3-126.3-281.6-281.6-281.6-48 0-95.1 12.4-136.8 35.6C194.9 156 285 104 382.5 104c153.6 0 278.6 125 278.6 278.6 0 97.3-52 187.5-133.5 237.6z",
+      fill: "currentColor"
+    }
+  )),
   sikka: (props) => /* @__PURE__ */ import_react17.default.createElement(
     "svg",
     {
@@ -2527,101 +2319,42 @@ var Logos = {
       d: "M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z"
     }
   )),
-  instagram: (props) => /* @__PURE__ */ import_react17.default.createElement(
-    "svg",
+  instagram: (props) => /* @__PURE__ */ import_react17.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 16 16", ...props }, /* @__PURE__ */ import_react17.default.createElement("path", { d: "M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334z" })),
+  telegram: (props) => /* @__PURE__ */ import_react17.default.createElement("svg", { role: "img", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ import_react17.default.createElement("title", null, "Telegram"), /* @__PURE__ */ import_react17.default.createElement(
+    "path",
     {
-      xmlns: "http://www.w3.org/2000/svg",
       fill: "currentColor",
-      viewBox: "0 0 16 16",
-      ...props
-    },
-    /* @__PURE__ */ import_react17.default.createElement("path", { d: "M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334z" })
-  ),
-  telegram: (props) => /* @__PURE__ */ import_react17.default.createElement(
-    "svg",
-    {
-      role: "img",
-      viewBox: "0 0 24 24",
-      xmlns: "http://www.w3.org/2000/svg",
-      ...props
-    },
-    /* @__PURE__ */ import_react17.default.createElement("title", null, "Telegram"),
-    /* @__PURE__ */ import_react17.default.createElement(
-      "path",
-      {
-        fill: "currentColor",
-        d: "M11.944 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0a12 12 0 0 0-.056 0zm4.962 7.224c.1-.002.321.023.465.14a.506.506 0 0 1 .171.325c.016.093.036.306.02.472-.18 1.898-.962 6.502-1.36 8.627-.168.9-.499 1.201-.82 1.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.48.33-.913.49-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z"
-      }
-    )
-  ),
-  youtube: (props) => /* @__PURE__ */ import_react17.default.createElement(
-    "svg",
+      d: "M11.944 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0a12 12 0 0 0-.056 0zm4.962 7.224c.1-.002.321.023.465.14a.506.506 0 0 1 .171.325c.016.093.036.306.02.472-.18 1.898-.962 6.502-1.36 8.627-.168.9-.499 1.201-.82 1.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.48.33-.913.49-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z"
+    }
+  )),
+  youtube: (props) => /* @__PURE__ */ import_react17.default.createElement("svg", { role: "img", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ import_react17.default.createElement("title", null, "YouTube"), /* @__PURE__ */ import_react17.default.createElement(
+    "path",
     {
-      role: "img",
-      viewBox: "0 0 24 24",
-      xmlns: "http://www.w3.org/2000/svg",
-      ...props
-    },
-    /* @__PURE__ */ import_react17.default.createElement("title", null, "YouTube"),
-    /* @__PURE__ */ import_react17.default.createElement(
-      "path",
-      {
-        fill: "currentColor",
-        d: "M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"
-      }
-    )
-  ),
-  tiktok: (props) => /* @__PURE__ */ import_react17.default.createElement(
-    "svg",
+      fill: "currentColor",
+      d: "M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"
+    }
+  )),
+  tiktok: (props) => /* @__PURE__ */ import_react17.default.createElement("svg", { role: "img", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ import_react17.default.createElement("title", null, "TikTok"), /* @__PURE__ */ import_react17.default.createElement(
+    "path",
     {
-      role: "img",
-      viewBox: "0 0 24 24",
-      xmlns: "http://www.w3.org/2000/svg",
-      ...props
-    },
-    /* @__PURE__ */ import_react17.default.createElement("title", null, "TikTok"),
-    /* @__PURE__ */ import_react17.default.createElement(
-      "path",
-      {
-        fill: "currentColor",
-        d: "M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z"
-      }
-    )
-  ),
-  linkedin: (props) => /* @__PURE__ */ import_react17.default.createElement(
-    "svg",
+      fill: "currentColor",
+      d: "M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z"
+    }
+  )),
+  linkedin: (props) => /* @__PURE__ */ import_react17.default.createElement("svg", { role: "img", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ import_react17.default.createElement("title", null, "LinkedIn"), /* @__PURE__ */ import_react17.default.createElement(
+    "path",
     {
-      role: "img",
-      viewBox: "0 0 24 24",
-      xmlns: "http://www.w3.org/2000/svg",
-      ...props
-    },
-    /* @__PURE__ */ import_react17.default.createElement("title", null, "LinkedIn"),
-    /* @__PURE__ */ import_react17.default.createElement(
-      "path",
-      {
-        fill: "currentColor",
-        d: "M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"
-      }
-    )
-  ),
-  behance: (props) => /* @__PURE__ */ import_react17.default.createElement(
-    "svg",
+      fill: "currentColor",
+      d: "M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"
+    }
+  )),
+  behance: (props) => /* @__PURE__ */ import_react17.default.createElement("svg", { role: "img", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ import_react17.default.createElement("title", null, "Behance"), /* @__PURE__ */ import_react17.default.createElement(
+    "path",
     {
-      role: "img",
-      viewBox: "0 0 24 24",
-      xmlns: "http://www.w3.org/2000/svg",
-      ...props
-    },
-    /* @__PURE__ */ import_react17.default.createElement("title", null, "Behance"),
-    /* @__PURE__ */ import_react17.default.createElement(
-      "path",
-      {
-        fill: "currentColor",
-        d: "M16.969 16.927a2.561 2.561 0 0 0 1.901.677 2.501 2.501 0 0 0 1.531-.475c.362-.235.636-.584.779-.99h2.585a5.091 5.091 0 0 1-1.9 2.896 5.292 5.292 0 0 1-3.091.88 5.839 5.839 0 0 1-2.284-.433 4.871 4.871 0 0 1-1.723-1.211 5.657 5.657 0 0 1-1.08-1.874 7.057 7.057 0 0 1-.383-2.393c-.005-.8.129-1.595.396-2.349a5.313 5.313 0 0 1 5.088-3.604 4.87 4.87 0 0 1 2.376.563c.661.362 1.231.87 1.668 1.485a6.2 6.2 0 0 1 .943 2.133c.194.821.263 1.666.205 2.508h-7.699c-.063.79.184 1.574.688 2.187ZM6.947 4.084a8.065 8.065 0 0 1 1.928.198 4.29 4.29 0 0 1 1.49.638c.418.303.748.711.958 1.182.241.579.357 1.203.341 1.83a3.506 3.506 0 0 1-.506 1.961 3.726 3.726 0 0 1-1.503 1.287 3.588 3.588 0 0 1 2.027 1.437c.464.747.697 1.615.67 2.494a4.593 4.593 0 0 1-.423 2.032 3.945 3.945 0 0 1-1.163 1.413 5.114 5.114 0 0 1-1.683.807 7.135 7.135 0 0 1-1.928.259H0V4.084h6.947Zm-.235 12.9c.308.004.616-.029.916-.099a2.18 2.18 0 0 0 .766-.332c.228-.158.411-.371.534-.619.142-.317.208-.663.191-1.009a2.08 2.08 0 0 0-.642-1.715 2.618 2.618 0 0 0-1.696-.505h-3.54v4.279h3.471Zm13.635-5.967a2.13 2.13 0 0 0-1.654-.619 2.336 2.336 0 0 0-1.163.259 2.474 2.474 0 0 0-.738.62 2.359 2.359 0 0 0-.396.792c-.074.239-.12.485-.137.734h4.769a3.239 3.239 0 0 0-.679-1.785l-.002-.001Zm-13.813-.648a2.254 2.254 0 0 0 1.423-.433c.399-.355.607-.88.56-1.413a1.916 1.916 0 0 0-.178-.891 1.298 1.298 0 0 0-.495-.533 1.851 1.851 0 0 0-.711-.274 3.966 3.966 0 0 0-.835-.073H3.241v3.631h3.293v-.014ZM21.62 5.122h-5.976v1.527h5.976V5.122Z"
-      }
-    )
-  ),
+      fill: "currentColor",
+      d: "M16.969 16.927a2.561 2.561 0 0 0 1.901.677 2.501 2.501 0 0 0 1.531-.475c.362-.235.636-.584.779-.99h2.585a5.091 5.091 0 0 1-1.9 2.896 5.292 5.292 0 0 1-3.091.88 5.839 5.839 0 0 1-2.284-.433 4.871 4.871 0 0 1-1.723-1.211 5.657 5.657 0 0 1-1.08-1.874 7.057 7.057 0 0 1-.383-2.393c-.005-.8.129-1.595.396-2.349a5.313 5.313 0 0 1 5.088-3.604 4.87 4.87 0 0 1 2.376.563c.661.362 1.231.87 1.668 1.485a6.2 6.2 0 0 1 .943 2.133c.194.821.263 1.666.205 2.508h-7.699c-.063.79.184 1.574.688 2.187ZM6.947 4.084a8.065 8.065 0 0 1 1.928.198 4.29 4.29 0 0 1 1.49.638c.418.303.748.711.958 1.182.241.579.357 1.203.341 1.83a3.506 3.506 0 0 1-.506 1.961 3.726 3.726 0 0 1-1.503 1.287 3.588 3.588 0 0 1 2.027 1.437c.464.747.697 1.615.67 2.494a4.593 4.593 0 0 1-.423 2.032 3.945 3.945 0 0 1-1.163 1.413 5.114 5.114 0 0 1-1.683.807 7.135 7.135 0 0 1-1.928.259H0V4.084h6.947Zm-.235 12.9c.308.004.616-.029.916-.099a2.18 2.18 0 0 0 .766-.332c.228-.158.411-.371.534-.619.142-.317.208-.663.191-1.009a2.08 2.08 0 0 0-.642-1.715 2.618 2.618 0 0 0-1.696-.505h-3.54v4.279h3.471Zm13.635-5.967a2.13 2.13 0 0 0-1.654-.619 2.336 2.336 0 0 0-1.163.259 2.474 2.474 0 0 0-.738.62 2.359 2.359 0 0 0-.396.792c-.074.239-.12.485-.137.734h4.769a3.239 3.239 0 0 0-.679-1.785l-.002-.001Zm-13.813-.648a2.254 2.254 0 0 0 1.423-.433c.399-.355.607-.88.56-1.413a1.916 1.916 0 0 0-.178-.891 1.298 1.298 0 0 0-.495-.533 1.851 1.851 0 0 0-.711-.274 3.966 3.966 0 0 0-.835-.073H3.241v3.631h3.293v-.014ZM21.62 5.122h-5.976v1.527h5.976V5.122Z"
+    }
+  )),
   microsoft: (props) => /* @__PURE__ */ import_react17.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", ...props }, /* @__PURE__ */ import_react17.default.createElement(
     "path",
     {
@@ -2629,21 +2362,13 @@ var Logos = {
       d: "M7.462 0H0v7.19h7.462V0zM16 0H8.538v7.19H16V0zM7.462 8.211H0V16h7.462V8.211zm8.538 0H8.538V16H16V8.211z"
     }
   )),
-  github: (props) => /* @__PURE__ */ import_react17.default.createElement(
-    "svg",
+  github: (props) => /* @__PURE__ */ import_react17.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 438.549 438.549", ...props }, /* @__PURE__ */ import_react17.default.createElement(
+    "path",
     {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 438.549 438.549",
-      ...props
-    },
-    /* @__PURE__ */ import_react17.default.createElement(
-      "path",
-      {
-        fill: "currentColor",
-        d: "M409.132 114.573c-19.608-33.596-46.205-60.194-79.798-79.8-33.598-19.607-70.277-29.408-110.063-29.408-39.781 0-76.472 9.804-110.063 29.408-33.596 19.605-60.192 46.204-79.8 79.8C9.803 148.168 0 184.854 0 224.63c0 47.78 13.94 90.745 41.827 128.906 27.884 38.164 63.906 64.572 108.063 79.227 5.14.954 8.945.283 11.419-1.996 2.475-2.282 3.711-5.14 3.711-8.562 0-.571-.049-5.708-.144-15.417a2549.81 2549.81 0 01-.144-25.406l-6.567 1.136c-4.187.767-9.469 1.092-15.846 1-6.374-.089-12.991-.757-19.842-1.999-6.854-1.231-13.229-4.086-19.13-8.559-5.898-4.473-10.085-10.328-12.56-17.556l-2.855-6.57c-1.903-4.374-4.899-9.233-8.992-14.559-4.093-5.331-8.232-8.945-12.419-10.848l-1.999-1.431c-1.332-.951-2.568-2.098-3.711-3.429-1.142-1.331-1.997-2.663-2.568-3.997-.572-1.335-.098-2.43 1.427-3.289 1.525-.859 4.281-1.276 8.28-1.276l5.708.853c3.807.763 8.516 3.042 14.133 6.851 5.614 3.806 10.229 8.754 13.846 14.842 4.38 7.806 9.657 13.754 15.846 17.847 6.184 4.093 12.419 6.136 18.699 6.136 6.28 0 11.704-.476 16.274-1.423 4.565-.952 8.848-2.383 12.847-4.285 1.713-12.758 6.377-22.559 13.988-29.41-10.848-1.14-20.601-2.857-29.264-5.14-8.658-2.286-17.605-5.996-26.835-11.14-9.235-5.137-16.896-11.516-22.985-19.126-6.09-7.614-11.088-17.61-14.987-29.979-3.901-12.374-5.852-26.648-5.852-42.826 0-23.035 7.52-42.637 22.557-58.817-7.044-17.318-6.379-36.732 1.997-58.24 5.52-1.715 13.706-.428 24.554 3.853 10.85 4.283 18.794 7.952 23.84 10.994 5.046 3.041 9.089 5.618 12.135 7.708 17.705-4.947 35.976-7.421 54.818-7.421s37.117 2.474 54.823 7.421l10.849-6.849c7.419-4.57 16.18-8.758 26.262-12.565 10.088-3.805 17.802-4.853 23.134-3.138 8.562 21.509 9.325 40.922 2.279 58.24 15.036 16.18 22.559 35.787 22.559 58.817 0 16.178-1.958 30.497-5.853 42.966-3.9 12.471-8.941 22.457-15.125 29.979-6.191 7.521-13.901 13.85-23.131 18.986-9.232 5.14-18.182 8.85-26.84 11.136-8.662 2.286-18.415 4.004-29.263 5.146 9.894 8.562 14.842 22.077 14.842 40.539v60.237c0 3.422 1.19 6.279 3.572 8.562 2.379 2.279 6.136 2.95 11.276 1.995 44.163-14.653 80.185-41.062 108.068-79.226 27.88-38.161 41.825-81.126 41.825-128.906-.01-39.771-9.818-76.454-29.414-110.049z"
-      }
-    )
-  ),
+      fill: "currentColor",
+      d: "M409.132 114.573c-19.608-33.596-46.205-60.194-79.798-79.8-33.598-19.607-70.277-29.408-110.063-29.408-39.781 0-76.472 9.804-110.063 29.408-33.596 19.605-60.192 46.204-79.8 79.8C9.803 148.168 0 184.854 0 224.63c0 47.78 13.94 90.745 41.827 128.906 27.884 38.164 63.906 64.572 108.063 79.227 5.14.954 8.945.283 11.419-1.996 2.475-2.282 3.711-5.14 3.711-8.562 0-.571-.049-5.708-.144-15.417a2549.81 2549.81 0 01-.144-25.406l-6.567 1.136c-4.187.767-9.469 1.092-15.846 1-6.374-.089-12.991-.757-19.842-1.999-6.854-1.231-13.229-4.086-19.13-8.559-5.898-4.473-10.085-10.328-12.56-17.556l-2.855-6.57c-1.903-4.374-4.899-9.233-8.992-14.559-4.093-5.331-8.232-8.945-12.419-10.848l-1.999-1.431c-1.332-.951-2.568-2.098-3.711-3.429-1.142-1.331-1.997-2.663-2.568-3.997-.572-1.335-.098-2.43 1.427-3.289 1.525-.859 4.281-1.276 8.28-1.276l5.708.853c3.807.763 8.516 3.042 14.133 6.851 5.614 3.806 10.229 8.754 13.846 14.842 4.38 7.806 9.657 13.754 15.846 17.847 6.184 4.093 12.419 6.136 18.699 6.136 6.28 0 11.704-.476 16.274-1.423 4.565-.952 8.848-2.383 12.847-4.285 1.713-12.758 6.377-22.559 13.988-29.41-10.848-1.14-20.601-2.857-29.264-5.14-8.658-2.286-17.605-5.996-26.835-11.14-9.235-5.137-16.896-11.516-22.985-19.126-6.09-7.614-11.088-17.61-14.987-29.979-3.901-12.374-5.852-26.648-5.852-42.826 0-23.035 7.52-42.637 22.557-58.817-7.044-17.318-6.379-36.732 1.997-58.24 5.52-1.715 13.706-.428 24.554 3.853 10.85 4.283 18.794 7.952 23.84 10.994 5.046 3.041 9.089 5.618 12.135 7.708 17.705-4.947 35.976-7.421 54.818-7.421s37.117 2.474 54.823 7.421l10.849-6.849c7.419-4.57 16.18-8.758 26.262-12.565 10.088-3.805 17.802-4.853 23.134-3.138 8.562 21.509 9.325 40.922 2.279 58.24 15.036 16.18 22.559 35.787 22.559 58.817 0 16.178-1.958 30.497-5.853 42.966-3.9 12.471-8.941 22.457-15.125 29.979-6.191 7.521-13.901 13.85-23.131 18.986-9.232 5.14-18.182 8.85-26.84 11.136-8.662 2.286-18.415 4.004-29.263 5.146 9.894 8.562 14.842 22.077 14.842 40.539v60.237c0 3.422 1.19 6.279 3.572 8.562 2.379 2.279 6.136 2.95 11.276 1.995 44.163-14.653 80.185-41.062 108.068-79.226 27.88-38.161 41.825-81.126 41.825-128.906-.01-39.771-9.818-76.454-29.414-110.049z"
+    }
+  )),
   radix: (props) => /* @__PURE__ */ import_react17.default.createElement("svg", { viewBox: "0 0 25 25", fill: "none", ...props }, /* @__PURE__ */ import_react17.default.createElement(
     "path",
     {
@@ -2700,23 +2425,13 @@ var Logos = {
       d: "M12.48 10.92v3.28h7.84c-.24 1.84-.853 3.187-1.787 4.133-1.147 1.147-2.933 2.4-6.053 2.4-4.827 0-8.6-3.893-8.6-8.72s3.773-8.72 8.6-8.72c2.6 0 4.507 1.027 5.907 2.347l2.307-2.307C18.747 1.44 16.133 0 12.48 0 5.867 0 .307 5.387.307 12s5.56 12 12.173 12c3.573 0 6.267-1.173 8.373-3.36 2.16-2.16 2.84-5.213 2.84-7.667 0-.76-.053-1.467-.173-2.053H12.48z"
     }
   )),
-  googleplay: (props) => /* @__PURE__ */ import_react17.default.createElement(
-    "svg",
+  googleplay: (props) => /* @__PURE__ */ import_react17.default.createElement("svg", { role: "img", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ import_react17.default.createElement("title", null, "Google Play"), /* @__PURE__ */ import_react17.default.createElement(
+    "path",
     {
-      role: "img",
-      viewBox: "0 0 24 24",
-      xmlns: "http://www.w3.org/2000/svg",
-      ...props
-    },
-    /* @__PURE__ */ import_react17.default.createElement("title", null, "Google Play"),
-    /* @__PURE__ */ import_react17.default.createElement(
-      "path",
-      {
-        fill: "currentColor",
-        d: "M22.018 13.298l-3.919 2.218-3.515-3.493 3.543-3.521 3.891 2.202a1.49 1.49 0 0 1 0 2.594zM1.337.924a1.486 1.486 0 0 0-.112.568v21.017c0 .217.045.419.124.6l11.155-11.087L1.337.924zm12.207 10.065l3.258-3.238L3.45.195a1.466 1.466 0 0 0-.946-.179l11.04 10.973zm0 2.067l-11 10.933c.298.036.612-.016.906-.183l13.324-7.54-3.23-3.21z"
-      }
-    )
-  ),
+      fill: "currentColor",
+      d: "M22.018 13.298l-3.919 2.218-3.515-3.493 3.543-3.521 3.891 2.202a1.49 1.49 0 0 1 0 2.594zM1.337.924a1.486 1.486 0 0 0-.112.568v21.017c0 .217.045.419.124.6l11.155-11.087L1.337.924zm12.207 10.065l3.258-3.238L3.45.195a1.466 1.466 0 0 0-.946-.179l11.04 10.973zm0 2.067l-11 10.933c.298.036.612-.016.906-.183l13.324-7.54-3.23-3.21z"
+    }
+  )),
   apple: (props) => /* @__PURE__ */ import_react17.default.createElement("svg", { role: "img", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ import_react17.default.createElement(
     "path",
     {
@@ -2724,23 +2439,13 @@ var Logos = {
       fill: "currentColor"
     }
   )),
-  applestore: (props) => /* @__PURE__ */ import_react17.default.createElement(
-    "svg",
+  applestore: (props) => /* @__PURE__ */ import_react17.default.createElement("svg", { role: "img", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ import_react17.default.createElement("title", null, "App Store"), /* @__PURE__ */ import_react17.default.createElement(
+    "path",
     {
-      role: "img",
-      viewBox: "0 0 24 24",
-      xmlns: "http://www.w3.org/2000/svg",
-      ...props
-    },
-    /* @__PURE__ */ import_react17.default.createElement("title", null, "App Store"),
-    /* @__PURE__ */ import_react17.default.createElement(
-      "path",
-      {
-        fill: "currentColor",
-        d: "M8.8086 14.9194l6.1107-11.0368c.0837-.1513.1682-.302.2437-.4584.0685-.142.1267-.2854.1646-.4403.0803-.3259.0588-.6656-.066-.9767-.1238-.3095-.3417-.5678-.6201-.7355a1.4175 1.4175 0 0 0-.921-.1924c-.3207.043-.6135.1935-.8443.4288-.1094.1118-.1996.2361-.2832.369-.092.1463-.175.2979-.259.4492l-.3864.6979-.3865-.6979c-.0837-.1515-.1667-.303-.2587-.4492-.0837-.1329-.1739-.2572-.2835-.369-.2305-.2353-.5233-.3857-.844-.429a1.4181 1.4181 0 0 0-.921.1926c-.2784.1677-.4964.426-.6203.7355-.1246.311-.1461.6508-.066.9767.038.155.0962.2984.1648.4403.0753.1564.1598.307.2437.4584l1.248 2.2543-4.8625 8.7825H2.0295c-.1676 0-.3351-.0007-.5026.0092-.1522.009-.3004.0284-.448.0714-.3108.0906-.5822.2798-.7783.548-.195.2665-.3006.5929-.3006.9279 0 .3352.1057.6612.3006.9277.196.2683.4675.4575.7782.548.1477.043.296.0623.4481.0715.1675.01.335.009.5026.009h13.0974c.0171-.0357.059-.1294.1-.2697.415-1.4151-.6156-2.843-2.0347-2.843zM3.113 18.5418l-.7922 1.5008c-.0818.1553-.1644.31-.2384.4705-.067.1458-.124.293-.1611.452-.0785.3346-.0576.6834.0645 1.0029.1212.3175.3346.583.607.7549.2727.172.5891.2416.9013.1975.3139-.044.6005-.1986.8263-.4402.1072-.1148.1954-.2424.2772-.3787.0902-.1503.1714-.3059.2535-.4612L6 19.4636c-.0896-.149-.9473-1.4704-2.887-.9218m20.5861-3.0056a1.4707 1.4707 0 0 0-.779-.5407c-.1476-.0425-.2961-.0616-.4483-.0705-.1678-.0099-.3352-.0091-.503-.0091H18.648l-4.3891-7.817c-.6655.7005-.9632 1.485-1.0773 2.1976-.1655 1.0333.0367 2.0934.546 3.0004l5.2741 9.3933c.084.1494.167.299.2591.4435.0837.131.1739.2537.2836.364.231.2323.5238.3809.8449.4232.3192.0424.643-.0244.9217-.1899.2784-.1653.4968-.4204.621-.7257.1246-.3072.146-.6425.0658-.9641-.0381-.1529-.0962-.2945-.165-.4346-.0753-.1543-.1598-.303-.2438-.4524l-1.216-2.1662h1.596c.1677 0 .3351.0009.5029-.009.1522-.009.3007-.028.4483-.0705a1.4707 1.4707 0 0 0 .779-.5407A1.5386 1.5386 0 0 0 24 16.452a1.539 1.539 0 0 0-.3009-.9158Z"
-      }
-    )
-  ),
+      fill: "currentColor",
+      d: "M8.8086 14.9194l6.1107-11.0368c.0837-.1513.1682-.302.2437-.4584.0685-.142.1267-.2854.1646-.4403.0803-.3259.0588-.6656-.066-.9767-.1238-.3095-.3417-.5678-.6201-.7355a1.4175 1.4175 0 0 0-.921-.1924c-.3207.043-.6135.1935-.8443.4288-.1094.1118-.1996.2361-.2832.369-.092.1463-.175.2979-.259.4492l-.3864.6979-.3865-.6979c-.0837-.1515-.1667-.303-.2587-.4492-.0837-.1329-.1739-.2572-.2835-.369-.2305-.2353-.5233-.3857-.844-.429a1.4181 1.4181 0 0 0-.921.1926c-.2784.1677-.4964.426-.6203.7355-.1246.311-.1461.6508-.066.9767.038.155.0962.2984.1648.4403.0753.1564.1598.307.2437.4584l1.248 2.2543-4.8625 8.7825H2.0295c-.1676 0-.3351-.0007-.5026.0092-.1522.009-.3004.0284-.448.0714-.3108.0906-.5822.2798-.7783.548-.195.2665-.3006.5929-.3006.9279 0 .3352.1057.6612.3006.9277.196.2683.4675.4575.7782.548.1477.043.296.0623.4481.0715.1675.01.335.009.5026.009h13.0974c.0171-.0357.059-.1294.1-.2697.415-1.4151-.6156-2.843-2.0347-2.843zM3.113 18.5418l-.7922 1.5008c-.0818.1553-.1644.31-.2384.4705-.067.1458-.124.293-.1611.452-.0785.3346-.0576.6834.0645 1.0029.1212.3175.3346.583.607.7549.2727.172.5891.2416.9013.1975.3139-.044.6005-.1986.8263-.4402.1072-.1148.1954-.2424.2772-.3787.0902-.1503.1714-.3059.2535-.4612L6 19.4636c-.0896-.149-.9473-1.4704-2.887-.9218m20.5861-3.0056a1.4707 1.4707 0 0 0-.779-.5407c-.1476-.0425-.2961-.0616-.4483-.0705-.1678-.0099-.3352-.0091-.503-.0091H18.648l-4.3891-7.817c-.6655.7005-.9632 1.485-1.0773 2.1976-.1655 1.0333.0367 2.0934.546 3.0004l5.2741 9.3933c.084.1494.167.299.2591.4435.0837.131.1739.2537.2836.364.231.2323.5238.3809.8449.4232.3192.0424.643-.0244.9217-.1899.2784-.1653.4968-.4204.621-.7257.1246-.3072.146-.6425.0658-.9641-.0381-.1529-.0962-.2945-.165-.4346-.0753-.1543-.1598-.303-.2438-.4524l-1.216-2.1662h1.596c.1677 0 .3351.0009.5029-.009.1522-.009.3007-.028.4483-.0705a1.4707 1.4707 0 0 0 .779-.5407A1.5386 1.5386 0 0 0 24 16.452a1.539 1.539 0 0 0-.3009-.9158Z"
+    }
+  )),
   paypal: (props) => /* @__PURE__ */ import_react17.default.createElement("svg", { role: "img", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ import_react17.default.createElement(
     "path",
     {
@@ -2764,50 +2469,21 @@ var Logos = {
     },
     /* @__PURE__ */ import_react17.default.createElement("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" })
   ),
-  whatsapp: (props) => /* @__PURE__ */ import_react17.default.createElement(
-    "svg",
+  whatsapp: (props) => /* @__PURE__ */ import_react17.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", ...props }, /* @__PURE__ */ import_react17.default.createElement("path", { d: "M.057 24l1.687-6.163c-1.041-1.804-1.588-3.849-1.587-5.946.003-6.556 5.338-11.891 11.893-11.891 3.181.001 6.167 1.24 8.413 3.488 2.245 2.248 3.481 5.236 3.48 8.414-.003 6.557-5.338 11.892-11.893 11.892-1.99-.001-3.951-.5-5.688-1.448l-6.305 1.654zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.889 9.884-.001 2.225.651 3.891 1.746 5.634l-.999 3.648 3.742-.981zm11.387-5.464c-.074-.124-.272-.198-.57-.347-.297-.149-1.758-.868-2.031-.967-.272-.099-.47-.149-.669.149-.198.297-.768.967-.941 1.165-.173.198-.347.223-.644.074-.297-.149-1.255-.462-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.521.151-.172.2-.296.3-.495.099-.198.05-.372-.025-.521-.075-.148-.669-1.611-.916-2.206-.242-.579-.487-.501-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.095 3.2 5.076 4.487.709.306 1.263.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.695.248-1.29.173-1.414z" })),
+  visa: (props) => /* @__PURE__ */ import_react17.default.createElement("svg", { role: "img", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ import_react17.default.createElement("title", null, "Visa"), /* @__PURE__ */ import_react17.default.createElement(
+    "path",
     {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 24 24",
       fill: "currentColor",
-      ...props
-    },
-    /* @__PURE__ */ import_react17.default.createElement("path", { d: "M.057 24l1.687-6.163c-1.041-1.804-1.588-3.849-1.587-5.946.003-6.556 5.338-11.891 11.893-11.891 3.181.001 6.167 1.24 8.413 3.488 2.245 2.248 3.481 5.236 3.48 8.414-.003 6.557-5.338 11.892-11.893 11.892-1.99-.001-3.951-.5-5.688-1.448l-6.305 1.654zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.889 9.884-.001 2.225.651 3.891 1.746 5.634l-.999 3.648 3.742-.981zm11.387-5.464c-.074-.124-.272-.198-.57-.347-.297-.149-1.758-.868-2.031-.967-.272-.099-.47-.149-.669.149-.198.297-.768.967-.941 1.165-.173.198-.347.223-.644.074-.297-.149-1.255-.462-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.521.151-.172.2-.296.3-.495.099-.198.05-.372-.025-.521-.075-.148-.669-1.611-.916-2.206-.242-.579-.487-.501-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.095 3.2 5.076 4.487.709.306 1.263.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.695.248-1.29.173-1.414z" })
-  ),
-  visa: (props) => /* @__PURE__ */ import_react17.default.createElement(
-    "svg",
-    {
-      role: "img",
-      viewBox: "0 0 24 24",
-      xmlns: "http://www.w3.org/2000/svg",
-      ...props
-    },
-    /* @__PURE__ */ import_react17.default.createElement("title", null, "Visa"),
-    /* @__PURE__ */ import_react17.default.createElement(
-      "path",
-      {
-        fill: "currentColor",
-        d: "M9.112 8.262L5.97 15.758H3.92L2.374 9.775c-.094-.368-.175-.503-.461-.658C1.447 8.864.677 8.627 0 8.479l.046-.217h3.3a.904.904 0 01.894.764l.817 4.338 2.018-5.102zm8.033 5.049c.008-1.979-2.736-2.088-2.717-2.972.006-.269.262-.555.822-.628a3.66 3.66 0 011.913.336l.34-1.59a5.207 5.207 0 00-1.814-.333c-1.917 0-3.266 1.02-3.278 2.479-.012 1.079.963 1.68 1.698 2.04.756.367 1.01.603 1.006.931-.005.504-.602.725-1.16.734-.975.015-1.54-.263-1.992-.473l-.351 1.642c.453.208 1.289.39 2.156.398 2.037 0 3.37-1.006 3.377-2.564m5.061 2.447H24l-1.565-7.496h-1.656a.883.883 0 00-.826.55l-2.909 6.946h2.036l.405-1.12h2.488zm-2.163-2.656l1.02-2.815.588 2.815zm-8.16-4.84l-1.603 7.496H8.34l1.605-7.496z"
-      }
-    )
-  ),
-  mastercard: (props) => /* @__PURE__ */ import_react17.default.createElement(
-    "svg",
+      d: "M9.112 8.262L5.97 15.758H3.92L2.374 9.775c-.094-.368-.175-.503-.461-.658C1.447 8.864.677 8.627 0 8.479l.046-.217h3.3a.904.904 0 01.894.764l.817 4.338 2.018-5.102zm8.033 5.049c.008-1.979-2.736-2.088-2.717-2.972.006-.269.262-.555.822-.628a3.66 3.66 0 011.913.336l.34-1.59a5.207 5.207 0 00-1.814-.333c-1.917 0-3.266 1.02-3.278 2.479-.012 1.079.963 1.68 1.698 2.04.756.367 1.01.603 1.006.931-.005.504-.602.725-1.16.734-.975.015-1.54-.263-1.992-.473l-.351 1.642c.453.208 1.289.39 2.156.398 2.037 0 3.37-1.006 3.377-2.564m5.061 2.447H24l-1.565-7.496h-1.656a.883.883 0 00-.826.55l-2.909 6.946h2.036l.405-1.12h2.488zm-2.163-2.656l1.02-2.815.588 2.815zm-8.16-4.84l-1.603 7.496H8.34l1.605-7.496z"
+    }
+  )),
+  mastercard: (props) => /* @__PURE__ */ import_react17.default.createElement("svg", { role: "img", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ import_react17.default.createElement("title", null, "MasterCard"), /* @__PURE__ */ import_react17.default.createElement(
+    "path",
     {
-      role: "img",
-      viewBox: "0 0 24 24",
-      xmlns: "http://www.w3.org/2000/svg",
-      ...props
-    },
-    /* @__PURE__ */ import_react17.default.createElement("title", null, "MasterCard"),
-    /* @__PURE__ */ import_react17.default.createElement(
-      "path",
-      {
-        fill: "currentColor",
-        d: "M11.343 18.031c.058.049.12.098.181.146-1.177.783-2.59 1.238-4.107 1.238C3.32 19.416 0 16.096 0 12c0-4.095 3.32-7.416 7.416-7.416 1.518 0 2.931.456 4.105 1.238-.06.051-.12.098-.165.15C9.6 7.489 8.595 9.688 8.595 12c0 2.311 1.001 4.51 2.748 6.031zm5.241-13.447c-1.52 0-2.931.456-4.105 1.238.06.051.12.098.165.15C14.4 7.489 15.405 9.688 15.405 12c0 2.31-1.001 4.507-2.748 6.031-.058.049-.12.098-.181.146 1.177.783 2.588 1.238 4.107 1.238C20.68 19.416 24 16.096 24 12c0-4.094-3.32-7.416-7.416-7.416zM12 6.174c-.096.075-.189.15-.28.231C10.156 7.764 9.169 9.765 9.169 12c0 2.236.987 4.236 2.551 5.595.09.08.185.158.28.232.096-.074.189-.152.28-.232 1.563-1.359 2.551-3.359 2.551-5.595 0-2.235-.987-4.236-2.551-5.595-.09-.08-.184-.156-.28-.231z"
-      }
-    )
-  )
+      fill: "currentColor",
+      d: "M11.343 18.031c.058.049.12.098.181.146-1.177.783-2.59 1.238-4.107 1.238C3.32 19.416 0 16.096 0 12c0-4.095 3.32-7.416 7.416-7.416 1.518 0 2.931.456 4.105 1.238-.06.051-.12.098-.165.15C9.6 7.489 8.595 9.688 8.595 12c0 2.311 1.001 4.51 2.748 6.031zm5.241-13.447c-1.52 0-2.931.456-4.105 1.238.06.051.12.098.165.15C14.4 7.489 15.405 9.688 15.405 12c0 2.31-1.001 4.507-2.748 6.031-.058.049-.12.098-.181.146 1.177.783 2.588 1.238 4.107 1.238C20.68 19.416 24 16.096 24 12c0-4.094-3.32-7.416-7.416-7.416zM12 6.174c-.096.075-.189.15-.28.231C10.156 7.764 9.169 9.765 9.169 12c0 2.236.987 4.236 2.551 5.595.09.08.185.158.28.232.096-.074.189-.152.28-.232 1.563-1.359 2.551-3.359 2.551-5.595 0-2.235-.987-4.236-2.551-5.595-.09-.08-.184-.156-.28-.231z"
+    }
+  ))
 };
 
 // elements/sheet/Sheet.tsx
@@ -2844,58 +2520,53 @@ var sheetVariants = (0, import_class_variance_authority2.cva)(
     }
   }
 );
-var SheetContent = React22.forwardRef(
-  ({ side = "right", className, children, persist, hideCloseButton, ...props }, ref) => /* @__PURE__ */ React22.createElement(SheetPortal, null, /* @__PURE__ */ React22.createElement(SheetOverlay, null), /* @__PURE__ */ React22.createElement(
-    SheetPrimitive.Content,
+var SheetContent = React22.forwardRef(({ side = "right", className, children, persist, hideCloseButton, ...props }, ref) => /* @__PURE__ */ React22.createElement(SheetPortal, null, /* @__PURE__ */ React22.createElement(SheetOverlay, null), /* @__PURE__ */ React22.createElement(
+  SheetPrimitive.Content,
+  {
+    ref,
+    className: cn(sheetVariants({ side }), className),
+    onPointerDownOutside: (e) => {
+      if (persist) {
+        e.preventDefault();
+      }
+    },
+    ...props
+  },
+  children,
+  !hideCloseButton && /* @__PURE__ */ React22.createElement(
+    SheetPrimitive.Close,
     {
-      ref,
-      className: cn(sheetVariants({ side }), className),
-      onPointerDownOutside: (e) => {
-        if (persist) {
-          e.preventDefault();
+      className: cn(
+        "hawa-absolute hawa-rounded-sm hawa-opacity-70 hawa-ring-offset-background hawa-transition-opacity hover:hawa-opacity-100 focus:hawa-outline-none focus:hawa-ring-2 focus:hawa-ring-ring focus:hawa-ring-offset-2 disabled:hawa-pointer-events-none data-[state=open]:hawa-bg-secondary",
+        {
+          "hawa-right-4 hawa-top-4": side === "left" || side === "bottom",
+          "hawa-left-4 hawa-top-4": side === "right",
+          "hawa-bottom-4 hawa-right-4": side === "top"
         }
-      },
-      ...props
+      )
     },
-    children,
-    !hideCloseButton && /* @__PURE__ */ React22.createElement(
-      SheetPrimitive.Close,
+    /* @__PURE__ */ React22.createElement(
+      "svg",
       {
-        className: cn(
-          "hawa-absolute hawa-rounded-sm hawa-opacity-70 hawa-ring-offset-background hawa-transition-opacity hover:hawa-opacity-100 focus:hawa-outline-none focus:hawa-ring-2 focus:hawa-ring-ring focus:hawa-ring-offset-2 disabled:hawa-pointer-events-none data-[state=open]:hawa-bg-secondary",
-          {
-            "hawa-right-4 hawa-top-4": side === "left" || side === "bottom",
-            "hawa-left-4 hawa-top-4": side === "right",
-            "hawa-bottom-4 hawa-right-4": side === "top"
-          }
-        )
+        "aria-label": "Close Icon",
+        "aria-hidden": "true",
+        className: "hawa-h-5 hawa-w-5",
+        fill: "currentColor",
+        viewBox: "0 0 20 20"
       },
       /* @__PURE__ */ React22.createElement(
-        "svg",
+        "path",
         {
-          "aria-label": "Close Icon",
-          "aria-hidden": "true",
-          className: "hawa-h-5 hawa-w-5",
-          fill: "currentColor",
-          viewBox: "0 0 20 20"
-        },
-        /* @__PURE__ */ React22.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__ */ React22.createElement("span", { className: "hawa-sr-only" }, "Close")
-    )
-  ))
-);
-var SheetHeader = ({
-  className,
-  ...props
-}) => /* @__PURE__ */ React22.createElement(
+          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__ */ React22.createElement("span", { className: "hawa-sr-only" }, "Close")
+  )
+)));
+var SheetHeader = ({ className, ...props }) => /* @__PURE__ */ React22.createElement(
   "div",
   {
     className: cn(
@@ -2905,10 +2576,7 @@ var SheetHeader = ({
     ...props
   }
 );
-var SheetFooter = ({
-  className,
-  ...props
-}) => /* @__PURE__ */ React22.createElement(
+var SheetFooter = ({ className, ...props }) => /* @__PURE__ */ React22.createElement(
   "div",
   {
     className: cn(
@@ -2922,10 +2590,7 @@ var SheetTitle = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE
   SheetPrimitive.Title,
   {
     ref,
-    className: cn(
-      "hawa-text-lg hawa-font-semibold hawa-text-foreground",
-      className
-    ),
+    className: cn("hawa-text-lg hawa-font-semibold hawa-text-foreground", className),
     ...props
   }
 ));
@@ -3005,25 +2670,18 @@ var DocsSidebar = ({
     rtl: "hawa-border-r-4  hawa-border-primary hawa-border-collapse hawa-bg-gray-200",
     ltr: "hawa-border-l-4  hawa-border-primary hawa-border-collapse hawa-bg-gray-200"
   };
-  return /* @__PURE__ */ import_react19.default.createElement(
+  return /* @__PURE__ */ import_react19.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-overflow-x-clip", dir: direction }, pages.map((page, index) => /* @__PURE__ */ import_react19.default.createElement(
     "div",
     {
-      className: "hawa-flex hawa-flex-col hawa-overflow-x-clip",
-      dir: direction
+      key: index,
+      className: cn(
+        "hawa-cursor-pointer hawa-whitespace-nowrap hawa-px-3 hawa-py-1 hawa-text-xs hawa-transition-all hover:hawa-bg-gray-100",
+        (propCurrentPage || activePage) === page ? selectedStyles[direction || "rtl"] : ""
+      ),
+      onClick: (event) => handlePageClick(page, event)
     },
-    pages.map((page, index) => /* @__PURE__ */ import_react19.default.createElement(
-      "div",
-      {
-        key: index,
-        className: cn(
-          "hawa-cursor-pointer hawa-whitespace-nowrap hawa-px-3 hawa-py-1 hawa-text-xs hawa-transition-all hover:hawa-bg-gray-100",
-          (propCurrentPage || activePage) === page ? selectedStyles[direction || "rtl"] : ""
-        ),
-        onClick: (event) => handlePageClick(page, event)
-      },
-      page
-    ))
-  );
+    page
+  )));
 };
 
 // layout/docsLayout/DocsLayout.tsx
@@ -3158,14 +2816,7 @@ var DocsLayout = ({
               }
             )
           )
-        )), /* @__PURE__ */ import_react20.default.createElement(
-          SheetContent,
-          {
-            side: isRTL ? "right" : "left",
-            className: "hawa-pt-10"
-          },
-          /* @__PURE__ */ import_react20.default.createElement(DocsSidebar, { direction, pages: pages || [] })
-        ))
+        )), /* @__PURE__ */ import_react20.default.createElement(SheetContent, { side: isRTL ? "right" : "left", className: "hawa-pt-10" }, /* @__PURE__ */ import_react20.default.createElement(DocsSidebar, { direction, pages: pages || [] })))
       )
     ),
     /* @__PURE__ */ import_react20.default.createElement(
@@ -3201,14 +2852,7 @@ var DocsLayout = ({
       },
       ref
     },
-    /* @__PURE__ */ import_react20.default.createElement(
-      DocsSidebar,
-      {
-        direction,
-        pages: pages || [],
-        currentPage
-      }
-    )
+    /* @__PURE__ */ import_react20.default.createElement(DocsSidebar, { direction, pages: pages || [], currentPage })
   ), /* @__PURE__ */ import_react20.default.createElement(
     "div",
     {