@motor-hero/ui-kit 0.39.0 → 0.40.0

package/dist/index.js

@@ -2090,7 +2090,7 @@ function ResponsiveDataView({
 
 // src/components/row-actions-menu.tsx
 import * as DropdownMenu3 from "@radix-ui/react-dropdown-menu";
-import { MoreVertical } from "lucide-react";
+import { ChevronRight as ChevronRight3, MoreVertical } from "lucide-react";
 import { useState as useState11 } from "react";
 import { Drawer as DrawerPrimitive6 } from "vaul";
 import { Fragment as Fragment6, jsx as jsx26, jsxs as jsxs23 } from "react/jsx-runtime";
@@ -2131,6 +2131,45 @@ function RowActionsMenu({
               itemClass2,
               action.destructive && "text-destructive focus:bg-destructive/10"
             );
+            if (action.children?.length) {
+              return /* @__PURE__ */ jsxs23(DropdownMenu3.Sub, { children: [
+                /* @__PURE__ */ jsxs23(
+                  DropdownMenu3.SubTrigger,
+                  {
+                    className: cls,
+                    disabled: action.disabled,
+                    children: [
+                      action.icon,
+                      action.label,
+                      /* @__PURE__ */ jsx26(ChevronRight3, { className: "ml-auto h-4 w-4 text-muted-foreground" })
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsx26(DropdownMenu3.Portal, { children: /* @__PURE__ */ jsx26(
+                  DropdownMenu3.SubContent,
+                  {
+                    sideOffset: 4,
+                    className: "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95",
+                    children: action.children.map((child) => /* @__PURE__ */ jsxs23(
+                      DropdownMenu3.Item,
+                      {
+                        className: cn(
+                          itemClass2,
+                          child.destructive && "text-destructive focus:bg-destructive/10"
+                        ),
+                        disabled: child.disabled,
+                        onClick: child.onClick,
+                        children: [
+                          child.icon,
+                          child.label
+                        ]
+                      },
+                      child.label
+                    ))
+                  }
+                ) })
+              ] }, action.label);
+            }
             return action.href ? /* @__PURE__ */ jsx26(
               DropdownMenu3.Item,
               {
@@ -2180,6 +2219,36 @@ function RowActionsMenu({
             action.icon,
             action.label
           ] });
+          if (action.children?.length) {
+            return /* @__PURE__ */ jsxs23("div", { children: [
+              /* @__PURE__ */ jsx26("div", { className: "mx-3 my-1 h-px bg-border" }),
+              /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-3 px-3 pb-1 pt-2 text-xs font-medium uppercase tracking-wide text-muted-foreground", children: [
+                action.icon,
+                action.label
+              ] }),
+              action.children.map((child) => /* @__PURE__ */ jsxs23(
+                "button",
+                {
+                  type: "button",
+                  disabled: child.disabled,
+                  className: cn(
+                    sheetItemClass2,
+                    child.destructive && "text-destructive"
+                  ),
+                  onClick: () => {
+                    child.onClick?.();
+                    setOpen(false);
+                  },
+                  children: [
+                    child.icon,
+                    child.label
+                  ]
+                },
+                child.label
+              )),
+              /* @__PURE__ */ jsx26("div", { className: "mx-3 my-1 h-px bg-border" })
+            ] }, action.label);
+          }
           return action.href ? /* @__PURE__ */ jsx26(
             "span",
             {