@sikka/hawa 0.1.95 → 0.1.97

package/dist/index.mjs

@@ -317,12 +317,13 @@ var HawaRadio = ({
               props.onChangeTab(opt.value);
             },
             className: cn(
-              "w-full cursor-pointer",
+              "w-full cursor-pointer ",
               orientation === "horizontal" && parentDirection === "ltr" && "rounded-none first:rounded-l last:rounded-r",
               orientation === "horizontal" && parentDirection === "rtl" && "rounded-none first:rounded-r last:rounded-l",
               orientation === "vertical" && "rounded-none first:rounded-t last:rounded-b",
               "last flex flex-row items-center justify-center gap-2 ",
               selectedOption === opt.value ? activeTabStyle : inactiveTabStyle
+              // "bg-red-500"
             ),
             key: o
           },
@@ -1160,6 +1161,7 @@ var DropdownMenu = ({
   align,
   alignOffset,
   selectCallback,
+  size = "default",
   width = "default"
 }) => {
   const widthStyles2 = {
@@ -1168,6 +1170,10 @@ var DropdownMenu = ({
     lg: "w-[200px]",
     parent: "ddm-w-parent"
   };
+  const sizeStyles2 = {
+    default: "px-2 py-3 ",
+    sm: "text-xs px-1.5 py-1.5"
+  };
   return /* @__PURE__ */ React19.createElement(DropdownMenuRoot, { dir: direction }, /* @__PURE__ */ React19.createElement(DropdownMenuTrigger, { className: triggerClassname }, trigger), /* @__PURE__ */ React19.createElement(DropdownMenuPortal, null, /* @__PURE__ */ React19.createElement(
     DropdownMenuContent,
     {
@@ -1178,47 +1184,68 @@ var DropdownMenu = ({
       alignOffset
     },
     items.map((item, index) => {
-      return item.subitems ? /* @__PURE__ */ React19.createElement(DropdownMenuSub, { key: index }, /* @__PURE__ */ React19.createElement(DropdownMenuSubTrigger, { dir: direction }, item.icon && item.icon, item.label && item.label), /* @__PURE__ */ React19.createElement(DropdownMenuPortal, null, /* @__PURE__ */ React19.createElement(DropdownMenuSubContent, null, item.subitems.map((subitem, subIndex) => /* @__PURE__ */ React19.createElement(
-        DropdownMenuItem,
-        {
-          disabled: subitem.disabled,
-          className: "px-2 py-3",
-          onSelect: () => {
-            subitem.action();
-            if (selectCallback) {
-              selectCallback(subitem.value);
-            }
+      if (item.type === "separator") {
+        return /* @__PURE__ */ React19.createElement(DropdownMenuSeparator, null);
+      } else if (item.type === "label") {
+        return /* @__PURE__ */ React19.createElement(DropdownMenuLabel, null, item.label);
+      } else {
+        return item.subitems ? /* @__PURE__ */ React19.createElement(DropdownMenuSub, { key: index }, /* @__PURE__ */ React19.createElement(
+          DropdownMenuSubTrigger,
+          {
+            className: cn(sizeStyles2[size]),
+            dir: direction
           },
-          key: subIndex
-        },
-        subitem.icon && subitem.icon,
-        subitem.label && subitem.label
-      ))))) : /* @__PURE__ */ React19.createElement(
-        DropdownMenuItem,
-        {
-          disabled: item.disabled,
-          key: index,
-          onSelect: (e) => {
-            if (item.presist) {
-              e.preventDefault();
-            }
-            if (item.action) {
-              item.action();
+          item.icon && item.icon,
+          item.label && item.label
+        ), /* @__PURE__ */ React19.createElement(DropdownMenuPortal, null, /* @__PURE__ */ React19.createElement(DropdownMenuSubContent, null, item.subitems.map((subitem, subIndex) => /* @__PURE__ */ React19.createElement(
+          DropdownMenuItem,
+          {
+            className: cn(
+              sizeStyles2[size],
+              !item.icon && !item.label ? "px-0 py-0 focus:bg-transparent" : "focus:bg-accent"
+            ),
+            disabled: subitem.disabled,
+            onSelect: () => {
+              subitem.action();
               if (selectCallback) {
-                selectCallback(item.value);
+                selectCallback(subitem.value);
               }
-            } else {
-              if (selectCallback) {
-                selectCallback(item.value);
+            },
+            key: subIndex
+          },
+          subitem.icon && subitem.icon,
+          subitem.label && subitem.label
+        ))))) : /* @__PURE__ */ React19.createElement(
+          DropdownMenuItem,
+          {
+            disabled: item.disabled,
+            key: index,
+            onSelect: (e) => {
+              if (item.presist) {
+                e.preventDefault();
               }
-            }
+              if (item.action) {
+                item.action();
+                if (selectCallback) {
+                  selectCallback(item.value);
+                }
+              } else {
+                if (selectCallback) {
+                  selectCallback(item.value);
+                }
+              }
+            },
+            end: item.end,
+            className: cn(
+              sizeStyles2[size],
+              !item.icon && !item.label ? "px-0 py-0 focus:bg-transparent " : "focus:bg-accent ",
+              item.presist && "focus:bg-transparent"
+            )
           },
-          end: item.end,
-          className: !item.icon && !item.label ? "px-0 py-0 focus:bg-transparent " : "px-2 py-3 focus:bg-accent "
-        },
-        item.icon && item.icon,
-        item.label && item.label
-      );
+          item.icon && item.icon,
+          item.label && item.label
+        );
+      }
     })
   )));
 };
@@ -1292,7 +1319,7 @@ var HawaTable = ({
   useEffect6(() => {
     changePage();
   }, [slice, page]);
-  return /* @__PURE__ */ React20.createElement("div", { className: "relative flex flex-col gap-2 " }, /* @__PURE__ */ React20.createElement("div", { className: `overflow-x-auto rounded  bg-${headerColor}` }, props.headerTools && /* @__PURE__ */ React20.createElement("div", { className: "flex flex-row items-center justify-between gap-2 border bg-background px-2  py-2" }, props.headerTools), /* @__PURE__ */ React20.createElement(
+  return /* @__PURE__ */ React20.createElement("div", { className: "relative flex flex-col gap-2  " }, /* @__PURE__ */ React20.createElement("div", { className: `overflow-x-auto rounded  bg-${headerColor}` }, props.headerTools && /* @__PURE__ */ React20.createElement("div", { className: "flex flex-row items-center justify-between gap-2 border bg-background px-2  py-2" }, props.headerTools), /* @__PURE__ */ React20.createElement(
     "table",
     {
       className: clsx7(
@@ -1399,7 +1426,8 @@ var HawaTable = ({
             /* @__PURE__ */ React20.createElement("div", { className: "flex items-center justify-center" }, /* @__PURE__ */ React20.createElement(
               DropdownMenu,
               {
-                width: "sm",
+                width: props.actionsWidth,
+                size: props.actionsSize,
                 direction,
                 side: "right",
                 items: props.actions,
@@ -4161,7 +4189,7 @@ function Skeleton({
 
 // src/elements/HawaStats.tsx
 var HawaStats = ({ variant = "default", ...props }) => {
-  return /* @__PURE__ */ React33.createElement(Card, { onClick: props.handleClick, clickable: Boolean(props.handleClick) }, /* @__PURE__ */ React33.createElement(CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2" }, /* @__PURE__ */ React33.createElement(CardTitle, { className: "text-sm font-medium" }, props.label), props.icon && props.icon), /* @__PURE__ */ React33.createElement(CardContent, null, props.isLoading ? /* @__PURE__ */ React33.createElement(Skeleton, { className: "h-8 w-3/4" }) : /* @__PURE__ */ React33.createElement("div", { className: "text-2xl font-bold" }, props.number), props.isLoading && props.helperText ? /* @__PURE__ */ React33.createElement(Skeleton, { className: "mt-2 h-4 w-1/2" }) : props.helperText && /* @__PURE__ */ React33.createElement("p", { className: "text-xs text-muted-foreground" }, props.helperText)));
+  return /* @__PURE__ */ React33.createElement(Card, { onClick: props.handleClick, clickable: Boolean(props.handleClick) }, /* @__PURE__ */ React33.createElement(CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2" }, /* @__PURE__ */ React33.createElement(CardTitle, { className: "text-sm font-medium" }, props.label), props.icon && props.icon), /* @__PURE__ */ React33.createElement(CardContent, null, props.isLoading ? /* @__PURE__ */ React33.createElement(Skeleton, { className: "h-8 w-3/4" }) : /* @__PURE__ */ React33.createElement("div", { className: "text-2xl font-bold" }, props.number), props.isLoading && props.helperText ? /* @__PURE__ */ React33.createElement(Skeleton, { className: "mt-2 h-4 w-1/2" }) : props.helperText && /* @__PURE__ */ React33.createElement("p", { className: "text-xs text-muted-foreground" }, props.helperText), props.isLoading && props.chart ? /* @__PURE__ */ React33.createElement(Skeleton, { className: "mt-2 h-4 w-1/2" }) : props.chart));
 };
 
 // src/elements/HawaCodeBlock.tsx
@@ -7731,7 +7759,10 @@ var AppLayout = ({
           alignOffset: 8,
           side: "bottom",
           sideOffset: 5,
+          width: props.profileMenuWidth,
           direction: isRTL ? "rtl" : "ltr",
+          items: props.profileMenuItems,
+          onItemSelect: (e) => console.log("selecting item ", e),
           trigger: /* @__PURE__ */ React78.createElement("div", { className: "relative h-8 w-8  cursor-pointer overflow-clip rounded ring-1 ring-primary/30 dark:bg-gray-600" }, props.avatarImage ? /* @__PURE__ */ React78.createElement("img", { src: props.avatarImage, alt: "User Avatar" }) : /* @__PURE__ */ React78.createElement(
             "svg",
             {
@@ -7748,9 +7779,7 @@ var AppLayout = ({
                 clipRule: "evenodd"
               }
             )
-          )),
-          items: props.profileMenuItems,
-          onItemSelect: (e) => console.log("selecting item ", e)
+          ))
         }
       )
     )
@@ -9854,7 +9883,7 @@ var NewPasswordForm = (props) => {
       setMatchError(true);
     }
   };
-  return /* @__PURE__ */ React91.createElement(Card, null, matchError && /* @__PURE__ */ React91.createElement(HawaAlert, { text: props.texts.passwordMatchError, severity: "error" }), props.passwordChanged ? /* @__PURE__ */ React91.createElement(CardContent, { headless: true }, /* @__PURE__ */ React91.createElement("div", { className: "text-center" }, props.texts.passwordChanged)) : /* @__PURE__ */ React91.createElement(FormProvider3, { ...methods }, /* @__PURE__ */ React91.createElement("form", { onSubmit: handleSubmit(handleSubmission) }, /* @__PURE__ */ React91.createElement(CardHeader, null, /* @__PURE__ */ React91.createElement(CardTitle, null, "Create Password"), /* @__PURE__ */ React91.createElement(CardDescription, null, "Set a new password for your account")), /* @__PURE__ */ React91.createElement(CardContent, null, /* @__PURE__ */ React91.createElement(
+  return /* @__PURE__ */ React91.createElement(Card, { dir: props.direction }, matchError && /* @__PURE__ */ React91.createElement(HawaAlert, { text: props.texts.passwordMatchError, severity: "error" }), props.passwordChanged ? /* @__PURE__ */ React91.createElement(CardContent, { headless: true }, /* @__PURE__ */ React91.createElement("div", { className: "text-center" }, props.texts.passwordChanged)) : /* @__PURE__ */ React91.createElement(FormProvider3, { ...methods }, /* @__PURE__ */ React91.createElement("form", { onSubmit: handleSubmit(handleSubmission) }, /* @__PURE__ */ React91.createElement(CardHeader, null, /* @__PURE__ */ React91.createElement(CardTitle, null, "Create Password"), /* @__PURE__ */ React91.createElement(CardDescription, null, "Set a new password for your account")), /* @__PURE__ */ React91.createElement(CardContent, null, /* @__PURE__ */ React91.createElement(
     Controller5,
     {
       control,