@sikka/hawa 0.24.2-next → 0.24.4-next

package/dist/accordion/index.d.mts

@@ -23,7 +23,7 @@ type ChipTypes = React__default.HTMLAttributes<HTMLSpanElement> & {
 
 type AccordionItemProps = {
     trigger: string;
-    content: string;
+    content: React.ReactNode;
     disabled?: boolean;
     chip?: ChipTypes;
 };

package/dist/accordion/index.d.ts

@@ -23,7 +23,7 @@ type ChipTypes = React__default.HTMLAttributes<HTMLSpanElement> & {
 
 type AccordionItemProps = {
     trigger: string;
-    content: string;
+    content: React.ReactNode;
     disabled?: boolean;
     chip?: ChipTypes;
 };

package/dist/accordion/index.js

@@ -240,7 +240,7 @@ var Accordion = React4.forwardRef(
         {
           "aria-disabled": item.disabled || false,
           className: cn(
-            "hawa-border  hawa-transition-all",
+            "hawa-border hawa-transition-all",
             design === "separated" ? "hawa-rounded data-[state=open]:hawa-rounded-t-none" : {
               "data-[state=open]:hawa-rounded-b": index === items.length - 1
             },

package/dist/accordion/index.mjs

@@ -4,7 +4,7 @@ import {
   AccordionItem,
   AccordionRoot,
   AccordionTrigger
-} from "../chunk-QBE2IIIH.mjs";
+} from "../chunk-JYSC6GKM.mjs";
 import "../chunk-TE3BKEXL.mjs";
 export {
   Accordion,

package/dist/{chunk-QBE2IIIH.mjs → chunk-JYSC6GKM.mjs}

@@ -195,7 +195,7 @@ var Accordion = React4.forwardRef(
         {
           "aria-disabled": item.disabled || false,
           className: cn(
-            "hawa-border  hawa-transition-all",
+            "hawa-border hawa-transition-all",
             design === "separated" ? "hawa-rounded data-[state=open]:hawa-rounded-t-none" : {
               "data-[state=open]:hawa-rounded-b": index === items.length - 1
             },

package/dist/codeBlock/index.js

@@ -756,7 +756,7 @@ var Accordion = React9.forwardRef(
         {
           "aria-disabled": item.disabled || false,
           className: cn(
-            "hawa-border  hawa-transition-all",
+            "hawa-border hawa-transition-all",
             design === "separated" ? "hawa-rounded data-[state=open]:hawa-rounded-t-none" : {
               "data-[state=open]:hawa-rounded-b": index === items.length - 1
             },

package/dist/codeBlock/index.mjs

@@ -1,6 +1,6 @@
 import {
   Chip
-} from "../chunk-QBE2IIIH.mjs";
+} from "../chunk-JYSC6GKM.mjs";
 import {
   Button
 } from "../chunk-26FHSPJI.mjs";

package/dist/elements/index.d.mts

@@ -82,7 +82,7 @@ declare function Skeleton({ className, content, animation, ...props }: SkeletonP
 
 type AccordionItemProps = {
     trigger: string;
-    content: string;
+    content: React.ReactNode;
     disabled?: boolean;
     chip?: ChipTypes;
 };

package/dist/elements/index.d.ts

@@ -82,7 +82,7 @@ declare function Skeleton({ className, content, animation, ...props }: SkeletonP
 
 type AccordionItemProps = {
     trigger: string;
-    content: string;
+    content: React.ReactNode;
     disabled?: boolean;
     chip?: ChipTypes;
 };

package/dist/elements/index.js

@@ -1051,7 +1051,7 @@ var Accordion = React9.forwardRef(
         {
           "aria-disabled": item.disabled || false,
           className: cn(
-            "hawa-border  hawa-transition-all",
+            "hawa-border hawa-transition-all",
             design === "separated" ? "hawa-rounded data-[state=open]:hawa-rounded-t-none" : {
               "data-[state=open]:hawa-rounded-b": index === items.length - 1
             },

package/dist/elements/index.mjs

@@ -187,7 +187,7 @@ var Accordion = React3.forwardRef(
         {
           "aria-disabled": item.disabled || false,
           className: cn(
-            "hawa-border  hawa-transition-all",
+            "hawa-border hawa-transition-all",
             design === "separated" ? "hawa-rounded data-[state=open]:hawa-rounded-t-none" : {
               "data-[state=open]:hawa-rounded-b": index === items.length - 1
             },

package/dist/index.d.mts

@@ -209,7 +209,7 @@ declare const Chip: React__default.ForwardRefExoticComponent<React__default.HTML
 
 type AccordionItemProps = {
     trigger: string;
-    content: string;
+    content: React$1.ReactNode;
     disabled?: boolean;
     chip?: ChipTypes;
 };
@@ -1178,11 +1178,17 @@ declare const MenubarShortcut: {
     displayname: string;
 };
 
+type SingleAppTab = {
+    label: string;
+    value?: string;
+    icon?: React__default.ReactNode;
+    path?: string;
+    action?: any;
+    onMouseDown?: any;
+    onClick?: any;
+};
 type AppTabsType = {
-    tabs: {
-        label: string;
-        icon?: React__default.ReactNode;
-    }[];
+    tabs: SingleAppTab[];
 };
 declare const AppTabs: React__default.FC<AppTabsType>;
 

package/dist/index.d.ts

@@ -209,7 +209,7 @@ declare const Chip: React__default.ForwardRefExoticComponent<React__default.HTML
 
 type AccordionItemProps = {
     trigger: string;
-    content: string;
+    content: React$1.ReactNode;
     disabled?: boolean;
     chip?: ChipTypes;
 };
@@ -1178,11 +1178,17 @@ declare const MenubarShortcut: {
     displayname: string;
 };
 
+type SingleAppTab = {
+    label: string;
+    value?: string;
+    icon?: React__default.ReactNode;
+    path?: string;
+    action?: any;
+    onMouseDown?: any;
+    onClick?: any;
+};
 type AppTabsType = {
-    tabs: {
-        label: string;
-        icon?: React__default.ReactNode;
-    }[];
+    tabs: SingleAppTab[];
 };
 declare const AppTabs: React__default.FC<AppTabsType>;
 

package/dist/index.js

@@ -1117,7 +1117,7 @@ var Accordion = React9.forwardRef(
         {
           "aria-disabled": item.disabled || false,
           className: cn(
-            "hawa-border  hawa-transition-all",
+            "hawa-border hawa-transition-all",
             design === "separated" ? "hawa-rounded data-[state=open]:hawa-rounded-t-none" : {
               "data-[state=open]:hawa-rounded-b": index === items.length - 1
             },
@@ -8810,33 +8810,33 @@ var AppTabs = ({ tabs, ...props }) => {
   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(
-      AppSingleTab,
+      "a",
       {
+        href: tab.path,
         key: index,
-        tab,
-        onClick: () => setSelectedIndex(index),
-        isSelected: selected
-      }
+        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-gray-200  dark:hover:hawa-bg-gray-700"
+        )
+      },
+      tab.icon && tab.icon,
+      tab.label
     );
   })));
 };
-var AppSingleTab = ({ tab, ...props }) => {
-  return /* @__PURE__ */ import_react41.default.createElement(
-    "div",
-    {
-      key: props.key,
-      onClick: props.onClick,
-      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
-        props.isSelected ? "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
-  );
-};
 
 // components/layout/DocsLayout.tsx
 var import_react44 = __toESM(require("react"));

package/dist/index.mjs

@@ -876,7 +876,7 @@ var Accordion = React9.forwardRef(
         {
           "aria-disabled": item.disabled || false,
           className: cn(
-            "hawa-border  hawa-transition-all",
+            "hawa-border hawa-transition-all",
             design === "separated" ? "hawa-rounded data-[state=open]:hawa-rounded-t-none" : {
               "data-[state=open]:hawa-rounded-b": index === items.length - 1
             },
@@ -8584,33 +8584,33 @@ var AppTabs = ({ tabs, ...props }) => {
   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(
-      AppSingleTab,
+      "a",
       {
+        href: tab.path,
         key: index,
-        tab,
-        onClick: () => setSelectedIndex(index),
-        isSelected: selected
-      }
+        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-gray-200  dark:hover:hawa-bg-gray-700"
+        )
+      },
+      tab.icon && tab.icon,
+      tab.label
     );
   })));
 };
-var AppSingleTab = ({ tab, ...props }) => {
-  return /* @__PURE__ */ React69.createElement(
-    "div",
-    {
-      key: props.key,
-      onClick: props.onClick,
-      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
-        props.isSelected ? "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
-  );
-};
 
 // components/layout/DocsLayout.tsx
 import React72, { useEffect as useEffect18, useRef as useRef10, useState as useState25 } from "react";

package/dist/layout/index.d.mts

@@ -198,11 +198,17 @@ declare const MenubarShortcut: {
     displayname: string;
 };
 
+type SingleAppTab = {
+    label: string;
+    value?: string;
+    icon?: React__default.ReactNode;
+    path?: string;
+    action?: any;
+    onMouseDown?: any;
+    onClick?: any;
+};
 type AppTabsType = {
-    tabs: {
-        label: string;
-        icon?: React__default.ReactNode;
-    }[];
+    tabs: SingleAppTab[];
 };
 declare const AppTabs: React__default.FC<AppTabsType>;
 

package/dist/layout/index.d.ts

@@ -198,11 +198,17 @@ declare const MenubarShortcut: {
     displayname: string;
 };
 
+type SingleAppTab = {
+    label: string;
+    value?: string;
+    icon?: React__default.ReactNode;
+    path?: string;
+    action?: any;
+    onMouseDown?: any;
+    onClick?: any;
+};
 type AppTabsType = {
-    tabs: {
-        label: string;
-        icon?: React__default.ReactNode;
-    }[];
+    tabs: SingleAppTab[];
 };
 declare const AppTabs: React__default.FC<AppTabsType>;
 

package/dist/layout/index.js

@@ -1931,33 +1931,33 @@ var AppTabs = ({ tabs, ...props }) => {
   return /* @__PURE__ */ import_react10.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_react10.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-center " }, tabs.map((tab, index) => {
     const selected = index === selectedIndex;
     return /* @__PURE__ */ import_react10.default.createElement(
-      AppSingleTab,
+      "a",
       {
+        href: tab.path,
         key: index,
-        tab,
-        onClick: () => setSelectedIndex(index),
-        isSelected: selected
-      }
+        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-gray-200  dark:hover:hawa-bg-gray-700"
+        )
+      },
+      tab.icon && tab.icon,
+      tab.label
     );
   })));
 };
-var AppSingleTab = ({ tab, ...props }) => {
-  return /* @__PURE__ */ import_react10.default.createElement(
-    "div",
-    {
-      key: props.key,
-      onClick: props.onClick,
-      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
-        props.isSelected ? "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
-  );
-};
 
 // components/layout/DocsLayout.tsx
 var import_react14 = __toESM(require("react"));

package/dist/layout/index.mjs

@@ -1056,33 +1056,33 @@ var AppTabs = ({ tabs, ...props }) => {
   return /* @__PURE__ */ React8.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__ */ React8.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-center " }, tabs.map((tab, index) => {
     const selected = index === selectedIndex;
     return /* @__PURE__ */ React8.createElement(
-      AppSingleTab,
+      "a",
       {
+        href: tab.path,
         key: index,
-        tab,
-        onClick: () => setSelectedIndex(index),
-        isSelected: selected
-      }
+        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-gray-200  dark:hover:hawa-bg-gray-700"
+        )
+      },
+      tab.icon && tab.icon,
+      tab.label
     );
   })));
 };
-var AppSingleTab = ({ tab, ...props }) => {
-  return /* @__PURE__ */ React8.createElement(
-    "div",
-    {
-      key: props.key,
-      onClick: props.onClick,
-      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
-        props.isSelected ? "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
-  );
-};
 
 // components/layout/DocsLayout.tsx
 import React10, { useEffect as useEffect2, useRef as useRef2, useState as useState4 } from "react";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sikka/hawa",
-  "version": "0.24.2-next",
+  "version": "0.24.4-next",
   "description": "Modern UI Kit made with Tailwind",
   "author": {
     "name": "Sikka Software",