baaz-custom-components 5.2.4 → 5.2.6

package/dist/index.css

@@ -296,6 +296,9 @@
   .top-4 {
     top: calc(var(--spacing) * 4);
   }
+  .top-10 {
+    top: calc(var(--spacing) * 10);
+  }
   .top-12 {
     top: calc(var(--spacing) * 12);
   }

package/dist/index.js

@@ -2453,36 +2453,20 @@ function GridHeader({
             children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react14.Ellipsis, { size: 16 })
           }
         ),
-        downloadMenu && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "absolute top-full right-0 mt-2 w-32 rounded-md border !bg-background shadow-lg z-50 overflow-hidden", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
-            "button",
-            {
-              onClick: () => {
-                onPdf == null ? void 0 : onPdf();
-                setDownloadMenu(false);
-              },
-              className: "flex items-center gap-2 w-full px-3 py-2 text-sm hover:bg-muted cursor-pointer",
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react14.FileText, { size: 14 }),
-                " PDF"
-              ]
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
-            "button",
-            {
-              onClick: () => {
-                onExcel == null ? void 0 : onExcel();
-                setDownloadMenu(false);
-              },
-              className: "flex items-center gap-2 w-full px-3 py-2 text-sm hover:bg-muted cursor-pointer",
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react14.FileSpreadsheet, { size: 14 }),
-                " Excel"
-              ]
-            }
-          )
-        ] })
+        downloadMenu && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "absolute top-full right-0 mt-2 w-32 rounded-md border !bg-background shadow-lg z-50 overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+          "button",
+          {
+            onClick: () => {
+              onExcel == null ? void 0 : onExcel();
+              setDownloadMenu(false);
+            },
+            className: "flex items-center gap-2 w-full px-3 py-2 text-sm hover:bg-muted cursor-pointer",
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react14.FileSpreadsheet, { size: 14 }),
+              " Excel"
+            ]
+          }
+        ) })
       ] })
     ] }) }),
     children,
@@ -2575,11 +2559,12 @@ var CheckboxCell = ({ row, api, column }) => {
   const selectedRows = useStore(api, "selectedRows");
   const isSelected = selectedRows.includes(row.id);
   const handleChange = (e) => {
-    var _a, _b;
+    var _a, _b, _c, _d;
     e.stopPropagation();
     const isChecked = e.target.checked;
+    (_b = (_a = column == null ? void 0 : column.config) == null ? void 0 : _a.markCheckboxAction) == null ? void 0 : _b.call(_a);
     api.exec("select-row", { id: row.id, mode: isChecked, toggle: true });
-    (_b = (_a = column == null ? void 0 : column.config) == null ? void 0 : _a.onSelectionChange) == null ? void 0 : _b.call(_a, row.id, row, isChecked);
+    (_d = (_c = column == null ? void 0 : column.config) == null ? void 0 : _c.onSelectionChange) == null ? void 0 : _d.call(_c, row.id, row, isChecked);
   };
   return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     "div",
@@ -2649,6 +2634,8 @@ var HeaderCheckbox = ({ api, column }) => {
     const pageData = (_b = (_a2 = column == null ? void 0 : column.config) == null ? void 0 : _a2.getPageData()) != null ? _b : [];
     const dataArray = Array.isArray(pageData) ? pageData : [];
     dataArray.forEach((row) => {
+      var _a3, _b2;
+      (_b2 = (_a3 = column == null ? void 0 : column.config) == null ? void 0 : _a3.markCheckboxAction) == null ? void 0 : _b2.call(_a3);
       api.exec("select-row", { id: row.id, mode: isChecked, toggle: true });
     });
     (_d = (_c = column == null ? void 0 : column.config) == null ? void 0 : _c.onSelectAllPage) == null ? void 0 : _d.call(_c, dataArray, isChecked);
@@ -2679,13 +2666,15 @@ function buildCheckboxColumn({
   getPageData,
   onSelectionChange,
   onSelectAllPage,
-  clearToken
+  clearToken,
+  markCheckboxAction
 }) {
   const configRef = {
     getPageData,
     onSelectionChange,
     onSelectAllPage,
-    clearToken
+    clearToken,
+    markCheckboxAction
   };
   return {
     id: "__selection__",
@@ -2699,6 +2688,7 @@ function buildCheckboxColumn({
 }
 
 // src/components/custom/grid/index.tsx
+var import_lucide_react15 = require("lucide-react");
 var import_jsx_runtime28 = require("react/jsx-runtime");
 var _measureCanvas = typeof window !== "undefined" ? document.createElement("canvas") : null;
 function measureHeaderTextWidth(text) {
@@ -2765,6 +2755,7 @@ var Grid = (0, import_react10.forwardRef)(
     var _a2;
     const apiRef = (0, import_react10.useRef)(null);
     const containerRef = (0, import_react10.useRef)(null);
+    const isCheckboxActionRef = (0, import_react10.useRef)(false);
     const dataRef = (0, import_react10.useRef)(data);
     (0, import_react10.useEffect)(() => {
       dataRef.current = data;
@@ -2804,7 +2795,10 @@ var Grid = (0, import_react10.forwardRef)(
           var _a3;
           (_a3 = onSelectAllPageRef.current) == null ? void 0 : _a3.call(onSelectAllPageRef, pageData, checked);
         },
-        clearToken: clearTokenRef.current
+        clearToken: clearTokenRef.current,
+        markCheckboxAction: () => {
+          isCheckboxActionRef.current = true;
+        }
       });
       return [checkboxCol, ...columns];
     }, [selectionEnabled, columns, clearTokenRef.current]);
@@ -2887,6 +2881,10 @@ var Grid = (0, import_react10.forwardRef)(
         resizeColumns();
         api.intercept("focus-cell", onFocusCell);
         api.on("select-row", (ev) => {
+          if (isCheckboxActionRef.current) {
+            isCheckboxActionRef.current = false;
+            return;
+          }
           const handler = onRowClickRef.current;
           if (!handler) return;
           const row = api.getRow(ev.id);
@@ -2937,15 +2935,21 @@ var Grid = (0, import_react10.forwardRef)(
         {
           className: "flex-1 w-full border border-border overflow-hidden",
           ref: containerRef,
-          children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_react_grid.WillowDark, { fonts, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "w-full h-full relative", children: rest.loading ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "absolute inset-0 bg-background/60 backdrop-blur-sm flex items-center justify-center z-10", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "animate-spin rounded-full h-8 w-8 border-2 border-primary border-t-transparent" }) }) : /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
-            import_react_grid.Grid,
-            __spreadProps(__spreadValues({}, rest), {
-              data,
-              columns: resolvedColumns,
-              init,
-              selectedRows: selectionEnabled ? selectedIds : void 0
-            })
-          ) }) })
+          children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_react_grid.WillowDark, { fonts, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "w-full h-full relative", children: rest.loading ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "absolute inset-0 bg-background/60 backdrop-blur-sm flex items-center justify-center z-10", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "animate-spin rounded-full h-8 w-8 border-2 border-primary border-t-transparent" }) }) : /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_jsx_runtime28.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+              import_react_grid.Grid,
+              __spreadProps(__spreadValues({}, rest), {
+                data,
+                columns: resolvedColumns,
+                init,
+                selectedRows: selectionEnabled ? selectedIds : void 0
+              })
+            ),
+            !(data == null ? void 0 : data.length) && /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "absolute top-10 left-0 right-0 bottom-0 flex flex-col items-center justify-center pointer-events-none select-none", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_lucide_react15.Table2, { size: 26 }),
+              /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { className: "text-sm font-medium text-muted-foreground mt-2", children: "No data found" })
+            ] })
+          ] }) }) })
         }
       )
     ] });
@@ -2954,7 +2958,7 @@ var Grid = (0, import_react10.forwardRef)(
 var grid_default = import_react10.default.memo(Grid);
 
 // src/components/custom/grid/sortableHeaderCell.tsx
-var import_lucide_react15 = require("lucide-react");
+var import_lucide_react16 = require("lucide-react");
 var import_react11 = __toESM(require("react"));
 var import_jsx_runtime29 = require("react/jsx-runtime");
 var SortableHeaderCell = ({ cell, sortKey, sortOrder, onSortChange }) => {
@@ -2979,8 +2983,8 @@ var SortableHeaderCell = ({ cell, sortKey, sortOrder, onSortChange }) => {
       className: "cursor-pointer flex items-center gap-2 justify-between select-none",
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { children: cell.text }),
-        !active && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_lucide_react15.ArrowUpDown, { className: "w-4 h-4 opacity-50" }),
-        active && (sortOrder === "asc" ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_lucide_react15.MoveDown, { className: "w-4 h-4" }) : /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_lucide_react15.MoveUp, { className: "w-4 h-4" }))
+        !active && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_lucide_react16.ArrowUpDown, { className: "w-4 h-4 opacity-50" }),
+        active && (sortOrder === "asc" ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_lucide_react16.MoveDown, { className: "w-4 h-4" }) : /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_lucide_react16.MoveUp, { className: "w-4 h-4" }))
       ]
     }
   );
@@ -3025,7 +3029,7 @@ function getPaginationRange(currentPage, totalPages, siblingCount = 2) {
 }
 
 // src/components/custom/pagination/index.tsx
-var import_lucide_react16 = require("lucide-react");
+var import_lucide_react17 = require("lucide-react");
 var import_jsx_runtime30 = require("react/jsx-runtime");
 function Pagination({
   totalCount,
@@ -3075,7 +3079,7 @@ function Pagination({
           disabled: currentPage === 1,
           onClick: () => handlePageChange(currentPage - 1),
           className: "border border-border w-8 h-8 rounded-md flex items-center justify-center disabled:opacity-40 hover:bg-card-foreground transition",
-          children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react16.ChevronLeft, { className: "w-5 h-5 select-none" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react17.ChevronLeft, { className: "w-5 h-5 select-none" })
         }
       ),
       pages.map(
@@ -3102,7 +3106,7 @@ function Pagination({
           disabled: currentPage === totalPages,
           onClick: () => handlePageChange(currentPage + 1),
           className: "border border-border w-8 h-8 rounded-md flex items-center justify-center disabled:opacity-40 hover:bg-card-foreground transition",
-          children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react16.ChevronRight, { className: "w-5 h-5 select-none" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react17.ChevronRight, { className: "w-5 h-5 select-none" })
         }
       )
     ] })
@@ -3111,7 +3115,7 @@ function Pagination({
 var pagination_default = Pagination;
 
 // src/components/custom/toolbar/index.tsx
-var import_lucide_react17 = require("lucide-react");
+var import_lucide_react18 = require("lucide-react");
 var import_react12 = require("react");
 var import_jsx_runtime31 = require("react/jsx-runtime");
 var SlideToolbar = ({
@@ -3166,7 +3170,7 @@ var SlideToolbar = ({
           open ? "opacity-0 pointer-events-none !w-0 border-r-0" : "opacity-100 pointer-events-auto"
         ].join(" "),
         children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
-          import_lucide_react17.ChevronRight,
+          import_lucide_react18.ChevronRight,
           {
             className: "text-primary-foreground chevron-bounce",
             size: 16
@@ -3199,7 +3203,7 @@ var SlideToolbar = ({
                 onClick: () => setOpen(false),
                 "aria-label": "Close toolbar",
                 className: "flex items-center justify-center w-6 h-6 rounded-md\n                       text-foreground/50 hover:text-foreground hover:bg-surface-alt\n                       transition-all duration-150 cursor-pointer",
-                children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_lucide_react17.X, { size: 13 })
+                children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_lucide_react18.X, { size: 13 })
               }
             )
           ] }),

package/dist/index.mjs

@@ -1951,7 +1951,7 @@ function exportExcel(rows, name) {
 
 // src/components/custom/grid/gridHeader/index.tsx
 import React3, { useEffect as useEffect6, useRef as useRef2, useState as useState7 } from "react";
-import { FileText, FileSpreadsheet, Search, Ellipsis, X as X4 } from "lucide-react";
+import { FileSpreadsheet, Search, Ellipsis, X as X4 } from "lucide-react";
 
 // src/components/custom/grid/gridHeader/components/filters.tsx
 import { useEffect as useEffect5, useMemo as useMemo3, useRef, useState as useState6 } from "react";
@@ -2422,36 +2422,20 @@ function GridHeader({
             children: /* @__PURE__ */ jsx25(Ellipsis, { size: 16 })
           }
         ),
-        downloadMenu && /* @__PURE__ */ jsxs19("div", { className: "absolute top-full right-0 mt-2 w-32 rounded-md border !bg-background shadow-lg z-50 overflow-hidden", children: [
-          /* @__PURE__ */ jsxs19(
-            "button",
-            {
-              onClick: () => {
-                onPdf == null ? void 0 : onPdf();
-                setDownloadMenu(false);
-              },
-              className: "flex items-center gap-2 w-full px-3 py-2 text-sm hover:bg-muted cursor-pointer",
-              children: [
-                /* @__PURE__ */ jsx25(FileText, { size: 14 }),
-                " PDF"
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsxs19(
-            "button",
-            {
-              onClick: () => {
-                onExcel == null ? void 0 : onExcel();
-                setDownloadMenu(false);
-              },
-              className: "flex items-center gap-2 w-full px-3 py-2 text-sm hover:bg-muted cursor-pointer",
-              children: [
-                /* @__PURE__ */ jsx25(FileSpreadsheet, { size: 14 }),
-                " Excel"
-              ]
-            }
-          )
-        ] })
+        downloadMenu && /* @__PURE__ */ jsx25("div", { className: "absolute top-full right-0 mt-2 w-32 rounded-md border !bg-background shadow-lg z-50 overflow-hidden", children: /* @__PURE__ */ jsxs19(
+          "button",
+          {
+            onClick: () => {
+              onExcel == null ? void 0 : onExcel();
+              setDownloadMenu(false);
+            },
+            className: "flex items-center gap-2 w-full px-3 py-2 text-sm hover:bg-muted cursor-pointer",
+            children: [
+              /* @__PURE__ */ jsx25(FileSpreadsheet, { size: 14 }),
+              " Excel"
+            ]
+          }
+        ) })
       ] })
     ] }) }),
     children,
@@ -2544,11 +2528,12 @@ var CheckboxCell = ({ row, api, column }) => {
   const selectedRows = useStore(api, "selectedRows");
   const isSelected = selectedRows.includes(row.id);
   const handleChange = (e) => {
-    var _a, _b;
+    var _a, _b, _c, _d;
     e.stopPropagation();
     const isChecked = e.target.checked;
+    (_b = (_a = column == null ? void 0 : column.config) == null ? void 0 : _a.markCheckboxAction) == null ? void 0 : _b.call(_a);
     api.exec("select-row", { id: row.id, mode: isChecked, toggle: true });
-    (_b = (_a = column == null ? void 0 : column.config) == null ? void 0 : _a.onSelectionChange) == null ? void 0 : _b.call(_a, row.id, row, isChecked);
+    (_d = (_c = column == null ? void 0 : column.config) == null ? void 0 : _c.onSelectionChange) == null ? void 0 : _d.call(_c, row.id, row, isChecked);
   };
   return /* @__PURE__ */ jsx26(
     "div",
@@ -2618,6 +2603,8 @@ var HeaderCheckbox = ({ api, column }) => {
     const pageData = (_b = (_a2 = column == null ? void 0 : column.config) == null ? void 0 : _a2.getPageData()) != null ? _b : [];
     const dataArray = Array.isArray(pageData) ? pageData : [];
     dataArray.forEach((row) => {
+      var _a3, _b2;
+      (_b2 = (_a3 = column == null ? void 0 : column.config) == null ? void 0 : _a3.markCheckboxAction) == null ? void 0 : _b2.call(_a3);
       api.exec("select-row", { id: row.id, mode: isChecked, toggle: true });
     });
     (_d = (_c = column == null ? void 0 : column.config) == null ? void 0 : _c.onSelectAllPage) == null ? void 0 : _d.call(_c, dataArray, isChecked);
@@ -2648,13 +2635,15 @@ function buildCheckboxColumn({
   getPageData,
   onSelectionChange,
   onSelectAllPage,
-  clearToken
+  clearToken,
+  markCheckboxAction
 }) {
   const configRef = {
     getPageData,
     onSelectionChange,
     onSelectAllPage,
-    clearToken
+    clearToken,
+    markCheckboxAction
   };
   return {
     id: "__selection__",
@@ -2668,7 +2657,8 @@ function buildCheckboxColumn({
 }
 
 // src/components/custom/grid/index.tsx
-import { jsx as jsx28, jsxs as jsxs20 } from "react/jsx-runtime";
+import { Table2 } from "lucide-react";
+import { Fragment as Fragment4, jsx as jsx28, jsxs as jsxs20 } from "react/jsx-runtime";
 var _measureCanvas = typeof window !== "undefined" ? document.createElement("canvas") : null;
 function measureHeaderTextWidth(text) {
   if (!_measureCanvas) return 0;
@@ -2734,6 +2724,7 @@ var Grid = forwardRef(
     var _a2;
     const apiRef = useRef5(null);
     const containerRef = useRef5(null);
+    const isCheckboxActionRef = useRef5(false);
     const dataRef = useRef5(data);
     useEffect9(() => {
       dataRef.current = data;
@@ -2773,7 +2764,10 @@ var Grid = forwardRef(
           var _a3;
           (_a3 = onSelectAllPageRef.current) == null ? void 0 : _a3.call(onSelectAllPageRef, pageData, checked);
         },
-        clearToken: clearTokenRef.current
+        clearToken: clearTokenRef.current,
+        markCheckboxAction: () => {
+          isCheckboxActionRef.current = true;
+        }
       });
       return [checkboxCol, ...columns];
     }, [selectionEnabled, columns, clearTokenRef.current]);
@@ -2856,6 +2850,10 @@ var Grid = forwardRef(
         resizeColumns();
         api.intercept("focus-cell", onFocusCell);
         api.on("select-row", (ev) => {
+          if (isCheckboxActionRef.current) {
+            isCheckboxActionRef.current = false;
+            return;
+          }
           const handler = onRowClickRef.current;
           if (!handler) return;
           const row = api.getRow(ev.id);
@@ -2906,15 +2904,21 @@ var Grid = forwardRef(
         {
           className: "flex-1 w-full border border-border overflow-hidden",
           ref: containerRef,
-          children: /* @__PURE__ */ jsx28(WillowDark, { fonts, children: /* @__PURE__ */ jsx28("div", { className: "w-full h-full relative", children: rest.loading ? /* @__PURE__ */ jsx28("div", { className: "absolute inset-0 bg-background/60 backdrop-blur-sm flex items-center justify-center z-10", children: /* @__PURE__ */ jsx28("div", { className: "animate-spin rounded-full h-8 w-8 border-2 border-primary border-t-transparent" }) }) : /* @__PURE__ */ jsx28(
-            SvarGrid,
-            __spreadProps(__spreadValues({}, rest), {
-              data,
-              columns: resolvedColumns,
-              init,
-              selectedRows: selectionEnabled ? selectedIds : void 0
-            })
-          ) }) })
+          children: /* @__PURE__ */ jsx28(WillowDark, { fonts, children: /* @__PURE__ */ jsx28("div", { className: "w-full h-full relative", children: rest.loading ? /* @__PURE__ */ jsx28("div", { className: "absolute inset-0 bg-background/60 backdrop-blur-sm flex items-center justify-center z-10", children: /* @__PURE__ */ jsx28("div", { className: "animate-spin rounded-full h-8 w-8 border-2 border-primary border-t-transparent" }) }) : /* @__PURE__ */ jsxs20(Fragment4, { children: [
+            /* @__PURE__ */ jsx28(
+              SvarGrid,
+              __spreadProps(__spreadValues({}, rest), {
+                data,
+                columns: resolvedColumns,
+                init,
+                selectedRows: selectionEnabled ? selectedIds : void 0
+              })
+            ),
+            !(data == null ? void 0 : data.length) && /* @__PURE__ */ jsxs20("div", { className: "absolute top-10 left-0 right-0 bottom-0 flex flex-col items-center justify-center pointer-events-none select-none", children: [
+              /* @__PURE__ */ jsx28(Table2, { size: 26 }),
+              /* @__PURE__ */ jsx28("p", { className: "text-sm font-medium text-muted-foreground mt-2", children: "No data found" })
+            ] })
+          ] }) }) })
         }
       )
     ] });
@@ -3082,7 +3086,7 @@ var pagination_default = Pagination;
 // src/components/custom/toolbar/index.tsx
 import { ChevronRight as ChevronRight4, X as X5 } from "lucide-react";
 import { useState as useState9, useRef as useRef6, useEffect as useEffect10 } from "react";
-import { Fragment as Fragment4, jsx as jsx31, jsxs as jsxs23 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx31, jsxs as jsxs23 } from "react/jsx-runtime";
 var SlideToolbar = ({
   items,
   children,
@@ -3109,7 +3113,7 @@ var SlideToolbar = ({
   const handleItem = (item) => {
     onAction == null ? void 0 : onAction(item.id);
   };
-  return /* @__PURE__ */ jsxs23(Fragment4, { children: [
+  return /* @__PURE__ */ jsxs23(Fragment5, { children: [
     /* @__PURE__ */ jsx31("style", { children: `
         @keyframes bounceX {
           0%, 100% { transform: translateX(0px); }
@@ -3172,7 +3176,7 @@ var SlideToolbar = ({
               }
             )
           ] }),
-          /* @__PURE__ */ jsx31("div", { className: "flex-1 overflow-y-auto overflow-x-hidden py-2 scrollbar-none", children: resolvedItems ? /* @__PURE__ */ jsxs23(Fragment4, { children: [
+          /* @__PURE__ */ jsx31("div", { className: "flex-1 overflow-y-auto overflow-x-hidden py-2 scrollbar-none", children: resolvedItems ? /* @__PURE__ */ jsxs23(Fragment5, { children: [
             /* @__PURE__ */ jsx31("p", { className: "px-4 pt-1 pb-2 text-[10px] font-semibold tracking-[0.16em] uppercase text-foreground/35", children: "Actions" }),
             /* @__PURE__ */ jsx31("nav", { className: "flex flex-col px-2", children: resolvedItems.map((item) => /* @__PURE__ */ jsxs23(
               "button",