@sikka/hawa 0.24.4-next → 0.24.6-next

package/dist/docsSidebar/index.d.mts

@@ -0,0 +1,11 @@
+import React__default from 'react';
+import { D as DirectionType } from '../commonTypes-ko_NGEoT.mjs';
+
+type DocsSidebarType = {
+    pages: any[];
+    currentPage?: string;
+    direction?: DirectionType;
+};
+declare const DocsSidebar: React__default.FC<DocsSidebarType>;
+
+export { DocsSidebar };

package/dist/docsSidebar/index.d.ts

@@ -0,0 +1,11 @@
+import React__default from 'react';
+import { D as DirectionType } from '../commonTypes-ko_NGEoT.js';
+
+type DocsSidebarType = {
+    pages: any[];
+    currentPage?: string;
+    direction?: DirectionType;
+};
+declare const DocsSidebar: React__default.FC<DocsSidebarType>;
+
+export { DocsSidebar };

package/dist/docsSidebar/index.js

@@ -0,0 +1,111 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// components/layout/docsSidebar/index.ts
+var docsSidebar_exports = {};
+__export(docsSidebar_exports, {
+  DocsSidebar: () => DocsSidebar
+});
+module.exports = __toCommonJS(docsSidebar_exports);
+
+// components/layout/docsSidebar/DocsSidebar.tsx
+var import_react = __toESM(require("react"));
+
+// components/util.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+function cn(...inputs) {
+  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+}
+
+// components/layout/docsSidebar/DocsSidebar.tsx
+var DocsSidebar = ({
+  currentPage: propCurrentPage,
+  pages,
+  direction
+}) => {
+  const [activePage, setActivePage] = import_react.default.useState(pages[0]);
+  const handlePageClick = (page, event) => {
+    event.preventDefault();
+    setTimeout(() => {
+      setActivePage(page);
+    }, 50);
+    const element = document.getElementById(page);
+    element == null ? void 0 : element.scrollIntoView({ behavior: "smooth", block: "start" });
+  };
+  const getCurrentSection = () => {
+    for (let i = pages.length - 1; i >= 0; i--) {
+      const page = pages[i];
+      const element = document.getElementById(page);
+      const rect = element == null ? void 0 : element.getBoundingClientRect();
+      if (rect) {
+        if (rect.top < window.innerHeight && rect.bottom >= 0) {
+          return page;
+        }
+      }
+    }
+    return pages[0];
+  };
+  import_react.default.useEffect(() => {
+    const handleScroll = () => {
+      setActivePage(getCurrentSection());
+    };
+    window.addEventListener("scroll", handleScroll);
+    return () => {
+      window.removeEventListener("scroll", handleScroll);
+    };
+  }, []);
+  let selectedStyles = {
+    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_react.default.createElement(
+    "div",
+    {
+      className: "hawa-flex hawa-flex-col hawa-overflow-x-clip",
+      dir: direction
+    },
+    pages.map((page, index) => /* @__PURE__ */ import_react.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
+    ))
+  );
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DocsSidebar
+});

package/dist/docsSidebar/index.mjs

@@ -0,0 +1,69 @@
+import {
+  cn
+} from "../chunk-TE3BKEXL.mjs";
+
+// components/layout/docsSidebar/DocsSidebar.tsx
+import React from "react";
+var DocsSidebar = ({
+  currentPage: propCurrentPage,
+  pages,
+  direction
+}) => {
+  const [activePage, setActivePage] = React.useState(pages[0]);
+  const handlePageClick = (page, event) => {
+    event.preventDefault();
+    setTimeout(() => {
+      setActivePage(page);
+    }, 50);
+    const element = document.getElementById(page);
+    element == null ? void 0 : element.scrollIntoView({ behavior: "smooth", block: "start" });
+  };
+  const getCurrentSection = () => {
+    for (let i = pages.length - 1; i >= 0; i--) {
+      const page = pages[i];
+      const element = document.getElementById(page);
+      const rect = element == null ? void 0 : element.getBoundingClientRect();
+      if (rect) {
+        if (rect.top < window.innerHeight && rect.bottom >= 0) {
+          return page;
+        }
+      }
+    }
+    return pages[0];
+  };
+  React.useEffect(() => {
+    const handleScroll = () => {
+      setActivePage(getCurrentSection());
+    };
+    window.addEventListener("scroll", handleScroll);
+    return () => {
+      window.removeEventListener("scroll", handleScroll);
+    };
+  }, []);
+  let selectedStyles = {
+    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__ */ React.createElement(
+    "div",
+    {
+      className: "hawa-flex hawa-flex-col hawa-overflow-x-clip",
+      dir: direction
+    },
+    pages.map((page, index) => /* @__PURE__ */ React.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
+    ))
+  );
+};
+export {
+  DocsSidebar
+};

package/dist/index.css

@@ -1503,6 +1503,9 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-min-h-\[37\.75px\] {
   min-height: 37.75px;
 }
+.hawa-min-h-\[400px\] {
+  min-height: 400px;
+}
 .hawa-min-h-\[40px\] {
   min-height: 40px;
 }
@@ -2695,6 +2698,9 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-pe-0 {
   padding-inline-end: 0px;
 }
+.hawa-pe-3 {
+  padding-inline-end: 0.75rem;
+}
 .hawa-pe-9 {
   padding-inline-end: 2.25rem;
 }
@@ -2713,9 +2719,6 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-pr-2 {
   padding-right: 0.5rem;
 }
-.hawa-pr-3 {
-  padding-right: 0.75rem;
-}
 .hawa-ps-9 {
   padding-inline-start: 2.25rem;
 }
@@ -3348,6 +3351,9 @@ body {
 .hover\:hawa-bg-accent:hover {
   background-color: hsl(var(--accent));
 }
+.hover\:hawa-bg-card-foreground\/5:hover {
+  background-color: hsl(var(--card-foreground) / 0.05);
+}
 .hover\:hawa-bg-destructive\/90:hover {
   background-color: hsl(var(--destructive) / 0.9);
 }

package/dist/index.d.mts

@@ -1188,6 +1188,7 @@ type SingleAppTab = {
     onClick?: any;
 };
 type AppTabsType = {
+    className?: string;
     tabs: SingleAppTab[];
 };
 declare const AppTabs: React__default.FC<AppTabsType>;

package/dist/index.d.ts

@@ -1188,6 +1188,7 @@ type SingleAppTab = {
     onClick?: any;
 };
 type AppTabsType = {
+    className?: string;
     tabs: SingleAppTab[];
 };
 declare const AppTabs: React__default.FC<AppTabsType>;

package/dist/index.js

@@ -7773,7 +7773,7 @@ var InterfaceSettings = ({
   ));
 };
 
-// components/layout/Stats.tsx
+// components/layout/stats/Stats.tsx
 var import_react36 = __toESM(require("react"));
 var Stats = ({
   label,
@@ -7806,7 +7806,7 @@ var Stats = ({
   ), chart && (isLoading ? /* @__PURE__ */ import_react36.default.createElement(Skeleton, { className: "hawa-mt-2 hawa-h-4 hawa-w-1/2" }) : chart)));
 };
 
-// components/layout/Sidebar.tsx
+// components/layout/sidebar/Sidebar.tsx
 var React63 = __toESM(require("react"));
 var AccordionPrimitive6 = __toESM(require("@radix-ui/react-accordion"));
 var Accordion2 = AccordionPrimitive6.Root;
@@ -8014,13 +8014,13 @@ var SidebarItem = ({
   }
 };
 
-// components/layout/Copyrights.tsx
+// components/layout/copyrights/Copyrights.tsx
 var import_react37 = __toESM(require("react"));
 var Copyrights = (props) => {
   return /* @__PURE__ */ import_react37.default.createElement("div", { className: "hawa-my-2 hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-gap-1 hawa-text-xs hawa-text-gray-400" }, props.withLogo ? /* @__PURE__ */ import_react37.default.createElement("a", { href: props.onLogoClicked }, /* @__PURE__ */ import_react37.default.createElement("div", { className: "hawa-cursor-pointer" }, /* @__PURE__ */ import_react37.default.createElement("image", { href: props.logoURL, width: 100, height: 50 }))) : null, /* @__PURE__ */ import_react37.default.createElement("div", null, props.version), props.credits ? props.credits : null);
 };
 
-// components/layout/Navbar.tsx
+// components/layout/navbar/Navbar.tsx
 var import_react38 = __toESM(require("react"));
 
 // components/elements/collapsible/Collapsible.tsx
@@ -8029,7 +8029,7 @@ var Collapsible = CollapsiblePrimitive.Root;
 var CollapsibleTrigger2 = CollapsiblePrimitive.CollapsibleTrigger;
 var CollapsibleContent2 = CollapsiblePrimitive.CollapsibleContent;
 
-// components/layout/Navbar.tsx
+// components/layout/navbar/Navbar.tsx
 var Navbar = ({
   backgroundColor,
   logo,
@@ -8140,7 +8140,7 @@ var Navbar = ({
   ));
 };
 
-// components/layout/AppLayout.tsx
+// components/layout/appLayout/AppLayout.tsx
 var import_react39 = __toESM(require("react"));
 var AppLayout = ({
   profileMenuWidth = "default",
@@ -8495,7 +8495,7 @@ var MenuIcon = () => /* @__PURE__ */ import_react39.default.createElement(
   )
 );
 
-// components/layout/AppTopbar.tsx
+// components/layout/appTopbar/AppTopbar.tsx
 var import_react40 = __toESM(require("react"));
 var AppTopbar = ({ ...props }) => {
   const isRTL = props.direction === "ltr";
@@ -8600,7 +8600,7 @@ var AppTopbar = ({ ...props }) => {
   );
 };
 
-// components/layout/AppMenubar.tsx
+// components/layout/appMenubar/AppMenubar.tsx
 var React68 = __toESM(require("react"));
 var MenubarPrimitive = __toESM(require("@radix-ui/react-menubar"));
 var MenubarMenu = MenubarPrimitive.Menu;
@@ -8803,42 +8803,51 @@ var MenubarShortcut = ({
 };
 MenubarShortcut.displayname = "MenubarShortcut";
 
-// components/layout/AppTabs.tsx
+// components/layout/appTabs/AppTabs.tsx
 var import_react41 = __toESM(require("react"));
-var AppTabs = ({ tabs, ...props }) => {
+var AppTabs = ({ tabs, className }) => {
   const [selectedIndex, setSelectedIndex] = (0, import_react41.useState)(0);
-  return /* @__PURE__ */ import_react41.default.createElement("div", { className: "hawa-w-full hawa-border-b hawa-bg-gray-100 hawa-p-6 hawa-pb-0 dark:hawa-bg-gray-900 " }, /* @__PURE__ */ import_react41.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-center " }, tabs.map((tab, index) => {
-    const selected = index === selectedIndex;
-    return /* @__PURE__ */ import_react41.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);
+  return /* @__PURE__ */ import_react41.default.createElement(
+    "div",
+    {
+      className: cn(
+        "hawa-w-full hawa-border-b hawa-bg-card hawa-p-6 hawa-pb-0",
+        className
+      )
+    },
+    /* @__PURE__ */ import_react41.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-center " }, tabs.map((tab, index) => {
+      const selected = index === selectedIndex;
+      return /* @__PURE__ */ import_react41.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-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"
+          )
         },
-        className: cn(
-          "hawa-z-10 hawa-flex 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-gray-200  dark:hover:hawa-bg-gray-700"
-        )
-      },
-      tab.icon && tab.icon,
-      tab.label
-    );
-  })));
+        tab.icon && tab.icon,
+        tab.label
+      );
+    }))
+  );
 };
 
-// components/layout/DocsLayout.tsx
+// components/layout/docsLayout/DocsLayout.tsx
 var import_react44 = __toESM(require("react"));
 
 // components/hooks/useBreakpoint.ts
@@ -8860,7 +8869,7 @@ var useBreakpoint = () => {
   return breakpoint;
 };
 
-// components/layout/DocsSidebar.tsx
+// components/layout/docsSidebar/DocsSidebar.tsx
 var import_react43 = __toESM(require("react"));
 var DocsSidebar = ({
   currentPage: propCurrentPage,
@@ -8923,7 +8932,7 @@ var DocsSidebar = ({
   );
 };
 
-// components/layout/DocsLayout.tsx
+// components/layout/docsLayout/DocsLayout.tsx
 var DocsLayout = ({
   direction = "ltr",
   drawerSize = "md",
@@ -11198,7 +11207,7 @@ var ItemCard = ({
       clickableImageActionIcon,
       clickableImageActionText || "Click"
     )))),
-    /* @__PURE__ */ import_react68.default.createElement("div", { className: "hawa-relative hawa-w-full hawa-p-4 xs:hawa-p-6 xs:hawa-px-2 xs:hawa-pb-2" }, headerActions && /* @__PURE__ */ import_react68.default.createElement("div", { className: "hawa-absolute hawa-right-0 hawa-top-0 hawa-flex hawa-justify-end hawa-pr-3 hawa-pt-3" }, /* @__PURE__ */ import_react68.default.createElement(StopPropagationWrapper, null, /* @__PURE__ */ import_react68.default.createElement(
+    /* @__PURE__ */ import_react68.default.createElement("div", { className: "hawa-relative hawa-flex hawa-h-full hawa-w-full hawa-flex-col hawa-justify-between hawa-p-4 xs:hawa-p-6 xs:hawa-px-2 xs:hawa-pb-2" }, headerActions && /* @__PURE__ */ import_react68.default.createElement("div", { className: "hawa-absolute hawa-end-0 hawa-top-0 hawa-flex hawa-justify-end hawa-pe-3 hawa-pt-3" }, /* @__PURE__ */ import_react68.default.createElement(StopPropagationWrapper, null, /* @__PURE__ */ import_react68.default.createElement(
       DropdownMenu,
       {
         items: headerActions,
@@ -11226,8 +11235,9 @@ var ItemCard = ({
       "div",
       {
         className: cn(
-          "hawa-mt-3 hawa-flex hawa-flex-col hawa-items-center hawa-rounded-b-lg dark:hawa-text-white xs:hawa-flex-row ",
-          actions && counts ? "hawa-justify-between" : "hawa-justify-end"
+          "hawa-mt-3 hawa-flex hawa-flex-col hawa-items-center hawa-rounded-b-lg dark:hawa-text-white xs:hawa-flex-row",
+          actions || counts ? "hawa-justify-between" : "hawa-justify-end",
+          !actions && counts ? "hawa-py-3" : ""
         )
       },
       counts,

package/dist/index.mjs

@@ -7547,7 +7547,7 @@ var InterfaceSettings = ({
   ));
 };
 
-// components/layout/Stats.tsx
+// components/layout/stats/Stats.tsx
 import React62 from "react";
 var Stats = ({
   label,
@@ -7580,7 +7580,7 @@ var Stats = ({
   ), chart && (isLoading ? /* @__PURE__ */ React62.createElement(Skeleton, { className: "hawa-mt-2 hawa-h-4 hawa-w-1/2" }) : chart)));
 };
 
-// components/layout/Sidebar.tsx
+// components/layout/sidebar/Sidebar.tsx
 import * as React63 from "react";
 import * as AccordionPrimitive6 from "@radix-ui/react-accordion";
 var Accordion2 = AccordionPrimitive6.Root;
@@ -7788,13 +7788,13 @@ var SidebarItem = ({
   }
 };
 
-// components/layout/Copyrights.tsx
+// components/layout/copyrights/Copyrights.tsx
 import React64 from "react";
 var Copyrights = (props) => {
   return /* @__PURE__ */ React64.createElement("div", { className: "hawa-my-2 hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-gap-1 hawa-text-xs hawa-text-gray-400" }, props.withLogo ? /* @__PURE__ */ React64.createElement("a", { href: props.onLogoClicked }, /* @__PURE__ */ React64.createElement("div", { className: "hawa-cursor-pointer" }, /* @__PURE__ */ React64.createElement("image", { href: props.logoURL, width: 100, height: 50 }))) : null, /* @__PURE__ */ React64.createElement("div", null, props.version), props.credits ? props.credits : null);
 };
 
-// components/layout/Navbar.tsx
+// components/layout/navbar/Navbar.tsx
 import React65, { useState as useState21 } from "react";
 
 // components/elements/collapsible/Collapsible.tsx
@@ -7803,7 +7803,7 @@ var Collapsible = CollapsiblePrimitive.Root;
 var CollapsibleTrigger2 = CollapsiblePrimitive.CollapsibleTrigger;
 var CollapsibleContent2 = CollapsiblePrimitive.CollapsibleContent;
 
-// components/layout/Navbar.tsx
+// components/layout/navbar/Navbar.tsx
 var Navbar = ({
   backgroundColor,
   logo,
@@ -7914,7 +7914,7 @@ var Navbar = ({
   ));
 };
 
-// components/layout/AppLayout.tsx
+// components/layout/appLayout/AppLayout.tsx
 import React66, { useEffect as useEffect16, useRef as useRef9, useState as useState22 } from "react";
 var AppLayout = ({
   profileMenuWidth = "default",
@@ -8269,7 +8269,7 @@ var MenuIcon = () => /* @__PURE__ */ React66.createElement(
   )
 );
 
-// components/layout/AppTopbar.tsx
+// components/layout/appTopbar/AppTopbar.tsx
 import React67 from "react";
 var AppTopbar = ({ ...props }) => {
   const isRTL = props.direction === "ltr";
@@ -8374,7 +8374,7 @@ var AppTopbar = ({ ...props }) => {
   );
 };
 
-// components/layout/AppMenubar.tsx
+// components/layout/appMenubar/AppMenubar.tsx
 import * as React68 from "react";
 import * as MenubarPrimitive from "@radix-ui/react-menubar";
 var MenubarMenu = MenubarPrimitive.Menu;
@@ -8577,42 +8577,51 @@ var MenubarShortcut = ({
 };
 MenubarShortcut.displayname = "MenubarShortcut";
 
-// components/layout/AppTabs.tsx
+// components/layout/appTabs/AppTabs.tsx
 import React69, { useState as useState23 } from "react";
-var AppTabs = ({ tabs, ...props }) => {
+var AppTabs = ({ tabs, className }) => {
   const [selectedIndex, setSelectedIndex] = useState23(0);
-  return /* @__PURE__ */ React69.createElement("div", { className: "hawa-w-full hawa-border-b hawa-bg-gray-100 hawa-p-6 hawa-pb-0 dark:hawa-bg-gray-900 " }, /* @__PURE__ */ React69.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-center " }, tabs.map((tab, index) => {
-    const selected = index === selectedIndex;
-    return /* @__PURE__ */ React69.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);
+  return /* @__PURE__ */ React69.createElement(
+    "div",
+    {
+      className: cn(
+        "hawa-w-full hawa-border-b hawa-bg-card hawa-p-6 hawa-pb-0",
+        className
+      )
+    },
+    /* @__PURE__ */ React69.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-center " }, tabs.map((tab, index) => {
+      const selected = index === selectedIndex;
+      return /* @__PURE__ */ React69.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-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"
+          )
         },
-        className: cn(
-          "hawa-z-10 hawa-flex 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-gray-200  dark:hover:hawa-bg-gray-700"
-        )
-      },
-      tab.icon && tab.icon,
-      tab.label
-    );
-  })));
+        tab.icon && tab.icon,
+        tab.label
+      );
+    }))
+  );
 };
 
-// components/layout/DocsLayout.tsx
+// components/layout/docsLayout/DocsLayout.tsx
 import React72, { useEffect as useEffect18, useRef as useRef10, useState as useState25 } from "react";
 
 // components/hooks/useBreakpoint.ts
@@ -8634,7 +8643,7 @@ var useBreakpoint = () => {
   return breakpoint;
 };
 
-// components/layout/DocsSidebar.tsx
+// components/layout/docsSidebar/DocsSidebar.tsx
 import React71 from "react";
 var DocsSidebar = ({
   currentPage: propCurrentPage,
@@ -8697,7 +8706,7 @@ var DocsSidebar = ({
   );
 };
 
-// components/layout/DocsLayout.tsx
+// components/layout/docsLayout/DocsLayout.tsx
 var DocsLayout = ({
   direction = "ltr",
   drawerSize = "md",
@@ -10972,7 +10981,7 @@ var ItemCard = ({
       clickableImageActionIcon,
       clickableImageActionText || "Click"
     )))),
-    /* @__PURE__ */ React96.createElement("div", { className: "hawa-relative hawa-w-full hawa-p-4 xs:hawa-p-6 xs:hawa-px-2 xs:hawa-pb-2" }, headerActions && /* @__PURE__ */ React96.createElement("div", { className: "hawa-absolute hawa-right-0 hawa-top-0 hawa-flex hawa-justify-end hawa-pr-3 hawa-pt-3" }, /* @__PURE__ */ React96.createElement(StopPropagationWrapper, null, /* @__PURE__ */ React96.createElement(
+    /* @__PURE__ */ React96.createElement("div", { className: "hawa-relative hawa-flex hawa-h-full hawa-w-full hawa-flex-col hawa-justify-between hawa-p-4 xs:hawa-p-6 xs:hawa-px-2 xs:hawa-pb-2" }, headerActions && /* @__PURE__ */ React96.createElement("div", { className: "hawa-absolute hawa-end-0 hawa-top-0 hawa-flex hawa-justify-end hawa-pe-3 hawa-pt-3" }, /* @__PURE__ */ React96.createElement(StopPropagationWrapper, null, /* @__PURE__ */ React96.createElement(
       DropdownMenu,
       {
         items: headerActions,
@@ -11000,8 +11009,9 @@ var ItemCard = ({
       "div",
       {
         className: cn(
-          "hawa-mt-3 hawa-flex hawa-flex-col hawa-items-center hawa-rounded-b-lg dark:hawa-text-white xs:hawa-flex-row ",
-          actions && counts ? "hawa-justify-between" : "hawa-justify-end"
+          "hawa-mt-3 hawa-flex hawa-flex-col hawa-items-center hawa-rounded-b-lg dark:hawa-text-white xs:hawa-flex-row",
+          actions || counts ? "hawa-justify-between" : "hawa-justify-end",
+          !actions && counts ? "hawa-py-3" : ""
         )
       },
       counts,

package/dist/input/index.d.mts

@@ -1,13 +1,6 @@
-import * as React from 'react';
 import React__default from 'react';
-import { P as PositionType } from '../commonTypes-_11epZYh.mjs';
-
-type LabelProps = {
-    hint?: React.ReactNode;
-    hintSide?: PositionType;
-    htmlFor?: string;
-    required?: boolean;
-};
+import { LabelProps } from '../label/index.mjs';
+import '../commonTypes-GhKAraJw.mjs';
 
 declare const Input: React__default.ForwardRefExoticComponent<React__default.InputHTMLAttributes<HTMLInputElement> & {
     isLoading?: boolean | undefined;