@sikka/hawa 0.29.12-next → 0.29.14-next

package/dist/blocks/index.js

@@ -4654,7 +4654,8 @@ var Radio = ({
     props.defaultValue || props.value
   );
   let activeTabStyle = "hawa-inline-block hawa-w-full hawa-text-primary-foreground hawa-bg-primary  hawa-active dark:hawa-bg-primary";
-  let inactiveTabStyle = "hawa-inline-block hawa-w-full hawa-transition-all hover:hawa-bg-muted hawa-bg-primary-foreground dark:hover:hawa-text-white";
+  let inactiveTabStyle = `hawa-inline-block hawa-w-full hawa-transition-all  hawa-bg-primary-foreground dark:hover:hawa-text-white
+    ${props.disabled ? "" : "hover:hawa-bg-muted"}`;
   let orientationStyle = {
     horizontal: "hawa-flex hawa-flex-row",
     vertical: "hawa-flex hawa-flex-col"
@@ -4708,14 +4709,18 @@ var Radio = ({
           "li",
           {
             "aria-current": "page",
-            onClick: () => handleChange(opt),
+            onClick: () => {
+              if (props.disabled)
+                return;
+              handleChange(opt);
+            },
             className: cn(
-              "hawa-w-full hawa-cursor-pointer ",
+              "hawa-w-full hawa-last hawa-flex hawa-flex-row hawa-items-center hawa-justify-center hawa-gap-2 ",
+              !props.disabled && "hawa-cursor-pointer",
               orientation === "horizontal" && parentDirection === "ltr" && "hawa-rounded-none first:hawa-rounded-l last:hawa-rounded-r",
               orientation === "horizontal" && parentDirection === "rtl" && "hawa-rounded-none first:hawa-rounded-r last:hawa-rounded-l",
               orientation === "vertical" && "hawa-rounded-none first:hawa-rounded-t last:hawa-rounded-b",
               tabSizeStyle[size],
-              "hawa-last hawa-flex hawa-flex-row hawa-items-center hawa-justify-center hawa-gap-2 ",
               selectedOption === opt.value ? activeTabStyle : inactiveTabStyle
             ),
             key: o
@@ -6531,6 +6536,8 @@ var DropdownMenu = ({
       {
         side,
         sideOffset,
+        align,
+        alignOffset,
         className: cn(
           className,
           widthStyles[width],
@@ -6538,12 +6545,11 @@ var DropdownMenu = ({
         ),
         style: {
           maxHeight: "var(--radix-dropdown-menu-content-available-height)"
-        },
-        align,
-        alignOffset
+        }
       },
       header && header,
       items && items.map((item, index) => {
+        const ItemLinkComponent = item.slug ? LinkComponent : "a";
         if (item.itemType === "separator") {
           return /* @__PURE__ */ React48.createElement(DropdownMenuSeparator, { key: index });
         } else if (item.itemType === "label") {
@@ -6554,43 +6560,46 @@ var DropdownMenu = ({
           return item.subitems ? /* @__PURE__ */ React48.createElement(DropdownMenuSub, { key: index }, /* @__PURE__ */ React48.createElement(
             DropdownMenuSubTrigger,
             {
-              className: cn(sizeStyles[size]),
-              dir: direction
+              dir: direction,
+              className: cn(sizeStyles[size])
             },
             item.icon && item.icon,
             item.label && item.label
-          ), /* @__PURE__ */ React48.createElement(DropdownMenuPortal, null, /* @__PURE__ */ React48.createElement(DropdownMenuSubContent, null, item.subitems.map((subitem, subIndex) => /* @__PURE__ */ React48.createElement(
-            DropdownMenuItem,
-            {
-              LinkComponent: subitem.slug ? LinkComponent : "a",
-              slug: subitem.slug,
-              onMouseDown: (event) => {
-                if (event.button === 1 || event.button === 0 && event.ctrlKey) {
-                  event.preventDefault();
-                  if (subitem.onMiddleClick) {
-                    subitem.onMiddleClick(item.value);
+          ), /* @__PURE__ */ React48.createElement(DropdownMenuPortal, null, /* @__PURE__ */ React48.createElement(DropdownMenuSubContent, null, item.subitems.map((subitem, subIndex) => {
+            const SubitemLinkComponent = subitem.slug ? LinkComponent : "a";
+            return /* @__PURE__ */ React48.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);
                   }
                 }
               },
-              key: subIndex,
-              className: cn(
-                sizeStyles[size],
-                !item.icon && !item.label ? "hawa-px-0 hawa-py-0 focus:hawa-bg-transparent" : "focus:hawa-bg-accent"
-              ),
-              disabled: subitem.disabled,
-              onSelect: () => {
-                subitem.action && subitem.action();
-                if (onItemSelect) {
-                  onItemSelect(subitem.value);
-                }
-              }
-            },
-            subitem.icon && subitem.icon,
-            subitem.label && subitem.label
-          ))))) : /* @__PURE__ */ React48.createElement(
+              subitem.icon && subitem.icon,
+              subitem.label && subitem.label
+            );
+          })))) : /* @__PURE__ */ React48.createElement(
             DropdownMenuItem,
             {
-              LinkComponent: item.slug ? LinkComponent : "a",
+              LinkComponent: ItemLinkComponent,
               slug: item.slug,
               key: index,
               disabled: item.disabled,

package/dist/blocks/index.mjs

@@ -26,7 +26,7 @@ import {
   UncheckMark,
   VeryBadEmoji,
   VeryGoodEmoji
-} from "../chunk-BRR5Q4AR.mjs";
+} from "../chunk-XKVSLAKW.mjs";
 import {
   Button,
   Card,
@@ -42,7 +42,7 @@ import {
   Skeleton,
   Tooltip,
   cn
-} from "../chunk-WEQJRNY5.mjs";
+} from "../chunk-FVBEK44Y.mjs";
 import "../chunk-4OOSUQZG.mjs";
 
 // blocks/auth/AuthButtons.tsx

package/dist/blocks/pricing/index.js

@@ -1011,7 +1011,8 @@ var Radio = ({
     props.defaultValue || props.value
   );
   let activeTabStyle = "hawa-inline-block hawa-w-full hawa-text-primary-foreground hawa-bg-primary  hawa-active dark:hawa-bg-primary";
-  let inactiveTabStyle = "hawa-inline-block hawa-w-full hawa-transition-all hover:hawa-bg-muted hawa-bg-primary-foreground dark:hover:hawa-text-white";
+  let inactiveTabStyle = `hawa-inline-block hawa-w-full hawa-transition-all  hawa-bg-primary-foreground dark:hover:hawa-text-white
+    ${props.disabled ? "" : "hover:hawa-bg-muted"}`;
   let orientationStyle = {
     horizontal: "hawa-flex hawa-flex-row",
     vertical: "hawa-flex hawa-flex-col"
@@ -1065,14 +1066,18 @@ var Radio = ({
           "li",
           {
             "aria-current": "page",
-            onClick: () => handleChange(opt),
+            onClick: () => {
+              if (props.disabled)
+                return;
+              handleChange(opt);
+            },
             className: cn(
-              "hawa-w-full hawa-cursor-pointer ",
+              "hawa-w-full hawa-last hawa-flex hawa-flex-row hawa-items-center hawa-justify-center hawa-gap-2 ",
+              !props.disabled && "hawa-cursor-pointer",
               orientation === "horizontal" && parentDirection === "ltr" && "hawa-rounded-none first:hawa-rounded-l last:hawa-rounded-r",
               orientation === "horizontal" && parentDirection === "rtl" && "hawa-rounded-none first:hawa-rounded-r last:hawa-rounded-l",
               orientation === "vertical" && "hawa-rounded-none first:hawa-rounded-t last:hawa-rounded-b",
               tabSizeStyle[size],
-              "hawa-last hawa-flex hawa-flex-row hawa-items-center hawa-justify-center hawa-gap-2 ",
               selectedOption === opt.value ? activeTabStyle : inactiveTabStyle
             ),
             key: o

package/dist/blocks/pricing/index.mjs

@@ -6,7 +6,7 @@ import {
 import "../../chunk-47APBDKK.mjs";
 import {
   Radio
-} from "../../chunk-JESKKO3W.mjs";
+} from "../../chunk-JMBRP2WR.mjs";
 import {
   CheckMark,
   UncheckMark

package/dist/{chunk-WEQJRNY5.mjs → chunk-FVBEK44Y.mjs}

@@ -1168,6 +1168,8 @@ var DropdownMenu = ({
       {
         side,
         sideOffset,
+        align,
+        alignOffset,
         className: cn(
           className,
           widthStyles[width],
@@ -1175,12 +1177,11 @@ var DropdownMenu = ({
         ),
         style: {
           maxHeight: "var(--radix-dropdown-menu-content-available-height)"
-        },
-        align,
-        alignOffset
+        }
       },
       header && header,
       items && items.map((item, index) => {
+        const ItemLinkComponent = item.slug ? LinkComponent : "a";
         if (item.itemType === "separator") {
           return /* @__PURE__ */ React8.createElement(DropdownMenuSeparator, { key: index });
         } else if (item.itemType === "label") {
@@ -1191,43 +1192,46 @@ var DropdownMenu = ({
           return item.subitems ? /* @__PURE__ */ React8.createElement(DropdownMenuSub, { key: index }, /* @__PURE__ */ React8.createElement(
             DropdownMenuSubTrigger,
             {
-              className: cn(sizeStyles[size]),
-              dir: direction
+              dir: direction,
+              className: cn(sizeStyles[size])
             },
             item.icon && item.icon,
             item.label && item.label
-          ), /* @__PURE__ */ React8.createElement(DropdownMenuPortal, null, /* @__PURE__ */ React8.createElement(DropdownMenuSubContent, null, item.subitems.map((subitem, subIndex) => /* @__PURE__ */ React8.createElement(
-            DropdownMenuItem,
-            {
-              LinkComponent: subitem.slug ? LinkComponent : "a",
-              slug: subitem.slug,
-              onMouseDown: (event) => {
-                if (event.button === 1 || event.button === 0 && event.ctrlKey) {
-                  event.preventDefault();
-                  if (subitem.onMiddleClick) {
-                    subitem.onMiddleClick(item.value);
+          ), /* @__PURE__ */ React8.createElement(DropdownMenuPortal, null, /* @__PURE__ */ React8.createElement(DropdownMenuSubContent, null, item.subitems.map((subitem, subIndex) => {
+            const SubitemLinkComponent = subitem.slug ? LinkComponent : "a";
+            return /* @__PURE__ */ React8.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);
                   }
                 }
               },
-              key: subIndex,
-              className: cn(
-                sizeStyles[size],
-                !item.icon && !item.label ? "hawa-px-0 hawa-py-0 focus:hawa-bg-transparent" : "focus:hawa-bg-accent"
-              ),
-              disabled: subitem.disabled,
-              onSelect: () => {
-                subitem.action && subitem.action();
-                if (onItemSelect) {
-                  onItemSelect(subitem.value);
-                }
-              }
-            },
-            subitem.icon && subitem.icon,
-            subitem.label && subitem.label
-          ))))) : /* @__PURE__ */ React8.createElement(
+              subitem.icon && subitem.icon,
+              subitem.label && subitem.label
+            );
+          })))) : /* @__PURE__ */ React8.createElement(
             DropdownMenuItem,
             {
-              LinkComponent: item.slug ? LinkComponent : "a",
+              LinkComponent: ItemLinkComponent,
               slug: item.slug,
               key: index,
               disabled: item.disabled,

package/dist/{chunk-JESKKO3W.mjs → chunk-JMBRP2WR.mjs}

@@ -23,7 +23,8 @@ var Radio = ({
     props.defaultValue || props.value
   );
   let activeTabStyle = "hawa-inline-block hawa-w-full hawa-text-primary-foreground hawa-bg-primary  hawa-active dark:hawa-bg-primary";
-  let inactiveTabStyle = "hawa-inline-block hawa-w-full hawa-transition-all hover:hawa-bg-muted hawa-bg-primary-foreground dark:hover:hawa-text-white";
+  let inactiveTabStyle = `hawa-inline-block hawa-w-full hawa-transition-all  hawa-bg-primary-foreground dark:hover:hawa-text-white
+    ${props.disabled ? "" : "hover:hawa-bg-muted"}`;
   let orientationStyle = {
     horizontal: "hawa-flex hawa-flex-row",
     vertical: "hawa-flex hawa-flex-col"
@@ -77,14 +78,18 @@ var Radio = ({
           "li",
           {
             "aria-current": "page",
-            onClick: () => handleChange(opt),
+            onClick: () => {
+              if (props.disabled)
+                return;
+              handleChange(opt);
+            },
             className: cn(
-              "hawa-w-full hawa-cursor-pointer ",
+              "hawa-w-full hawa-last hawa-flex hawa-flex-row hawa-items-center hawa-justify-center hawa-gap-2 ",
+              !props.disabled && "hawa-cursor-pointer",
               orientation === "horizontal" && parentDirection === "ltr" && "hawa-rounded-none first:hawa-rounded-l last:hawa-rounded-r",
               orientation === "horizontal" && parentDirection === "rtl" && "hawa-rounded-none first:hawa-rounded-r last:hawa-rounded-l",
               orientation === "vertical" && "hawa-rounded-none first:hawa-rounded-t last:hawa-rounded-b",
               tabSizeStyle[size],
-              "hawa-last hawa-flex hawa-flex-row hawa-items-center hawa-justify-center hawa-gap-2 ",
               selectedOption === opt.value ? activeTabStyle : inactiveTabStyle
             ),
             key: o

package/dist/{chunk-BRR5Q4AR.mjs → chunk-XKVSLAKW.mjs}

@@ -5,7 +5,7 @@ import {
   Skeleton,
   Tooltip,
   cn
-} from "./chunk-WEQJRNY5.mjs";
+} from "./chunk-FVBEK44Y.mjs";
 
 // elements/alert/Alert.tsx
 import React, { useRef, useState, useEffect } from "react";
@@ -2473,7 +2473,8 @@ var Radio = ({
     props.defaultValue || props.value
   );
   let activeTabStyle = "hawa-inline-block hawa-w-full hawa-text-primary-foreground hawa-bg-primary  hawa-active dark:hawa-bg-primary";
-  let inactiveTabStyle = "hawa-inline-block hawa-w-full hawa-transition-all hover:hawa-bg-muted hawa-bg-primary-foreground dark:hover:hawa-text-white";
+  let inactiveTabStyle = `hawa-inline-block hawa-w-full hawa-transition-all  hawa-bg-primary-foreground dark:hover:hawa-text-white
+    ${props.disabled ? "" : "hover:hawa-bg-muted"}`;
   let orientationStyle = {
     horizontal: "hawa-flex hawa-flex-row",
     vertical: "hawa-flex hawa-flex-col"
@@ -2527,14 +2528,18 @@ var Radio = ({
           "li",
           {
             "aria-current": "page",
-            onClick: () => handleChange(opt),
+            onClick: () => {
+              if (props.disabled)
+                return;
+              handleChange(opt);
+            },
             className: cn(
-              "hawa-w-full hawa-cursor-pointer ",
+              "hawa-w-full hawa-last hawa-flex hawa-flex-row hawa-items-center hawa-justify-center hawa-gap-2 ",
+              !props.disabled && "hawa-cursor-pointer",
               orientation === "horizontal" && parentDirection === "ltr" && "hawa-rounded-none first:hawa-rounded-l last:hawa-rounded-r",
               orientation === "horizontal" && parentDirection === "rtl" && "hawa-rounded-none first:hawa-rounded-r last:hawa-rounded-l",
               orientation === "vertical" && "hawa-rounded-none first:hawa-rounded-t last:hawa-rounded-b",
               tabSizeStyle[size],
-              "hawa-last hawa-flex hawa-flex-row hawa-items-center hawa-justify-center hawa-gap-2 ",
               selectedOption === opt.value ? activeTabStyle : inactiveTabStyle
             ),
             key: o

package/dist/{chunk-LAR4X4XW.mjs → chunk-ZXUDZYZZ.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   cn
-} from "./chunk-WEQJRNY5.mjs";
+} from "./chunk-FVBEK44Y.mjs";
 
 // elements/sheet/Sheet.tsx
 import * as React from "react";

package/dist/dataTable/index.js

@@ -565,6 +565,8 @@ var DropdownMenu = ({
       {
         side,
         sideOffset,
+        align,
+        alignOffset,
         className: cn(
           className,
           widthStyles[width],
@@ -572,12 +574,11 @@ var DropdownMenu = ({
         ),
         style: {
           maxHeight: "var(--radix-dropdown-menu-content-available-height)"
-        },
-        align,
-        alignOffset
+        }
       },
       header && header,
       items && items.map((item, index) => {
+        const ItemLinkComponent = item.slug ? LinkComponent : "a";
         if (item.itemType === "separator") {
           return /* @__PURE__ */ React3.createElement(DropdownMenuSeparator, { key: index });
         } else if (item.itemType === "label") {
@@ -588,43 +589,46 @@ var DropdownMenu = ({
           return item.subitems ? /* @__PURE__ */ React3.createElement(DropdownMenuSub, { key: index }, /* @__PURE__ */ React3.createElement(
             DropdownMenuSubTrigger,
             {
-              className: cn(sizeStyles[size]),
-              dir: direction
+              dir: direction,
+              className: cn(sizeStyles[size])
             },
             item.icon && item.icon,
             item.label && item.label
-          ), /* @__PURE__ */ React3.createElement(DropdownMenuPortal, null, /* @__PURE__ */ React3.createElement(DropdownMenuSubContent, null, item.subitems.map((subitem, subIndex) => /* @__PURE__ */ React3.createElement(
-            DropdownMenuItem,
-            {
-              LinkComponent: subitem.slug ? LinkComponent : "a",
-              slug: subitem.slug,
-              onMouseDown: (event) => {
-                if (event.button === 1 || event.button === 0 && event.ctrlKey) {
-                  event.preventDefault();
-                  if (subitem.onMiddleClick) {
-                    subitem.onMiddleClick(item.value);
+          ), /* @__PURE__ */ React3.createElement(DropdownMenuPortal, null, /* @__PURE__ */ React3.createElement(DropdownMenuSubContent, null, item.subitems.map((subitem, subIndex) => {
+            const SubitemLinkComponent = subitem.slug ? LinkComponent : "a";
+            return /* @__PURE__ */ React3.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);
                   }
                 }
               },
-              key: subIndex,
-              className: cn(
-                sizeStyles[size],
-                !item.icon && !item.label ? "hawa-px-0 hawa-py-0 focus:hawa-bg-transparent" : "focus:hawa-bg-accent"
-              ),
-              disabled: subitem.disabled,
-              onSelect: () => {
-                subitem.action && subitem.action();
-                if (onItemSelect) {
-                  onItemSelect(subitem.value);
-                }
-              }
-            },
-            subitem.icon && subitem.icon,
-            subitem.label && subitem.label
-          ))))) : /* @__PURE__ */ React3.createElement(
+              subitem.icon && subitem.icon,
+              subitem.label && subitem.label
+            );
+          })))) : /* @__PURE__ */ React3.createElement(
             DropdownMenuItem,
             {
-              LinkComponent: item.slug ? LinkComponent : "a",
+              LinkComponent: ItemLinkComponent,
               slug: item.slug,
               key: index,
               disabled: item.disabled,