@konstructio/ui 0.1.2-alpha.11 → 0.1.2-alpha.111

package/dist/components/VirtualizedTable/VirtualizedTable.js

@@ -1,117 +1,107 @@
-import { jsx as r, jsxs as m } from "react/jsx-runtime";
-import { useMemo as H } from "react";
-import { cn as s } from "../../utils/index.js";
-import { TableProvider as I } from "./contexts/table.provider.js";
-import { Filter as K } from "./components/Filter/Filter.js";
-import { Header as M } from "./components/Header/Header.js";
-import { Body as P } from "./components/Body/Body.js";
-import { Pagination as k } from "./components/Pagination/Pagination.js";
-import { TruncateText as q } from "./components/TruncateText/TruncateText.js";
-import { Actions as C } from "./components/Actions/Actions.js";
-const E = ({
-  id: c,
-  ariaLabel: n,
-  columns: d,
-  data: f,
-  totalItems: p = -1 / 0,
-  className: u,
-  classNameHeaderActiveArrows: b,
-  classNameHeaderArrows: T,
-  classNameHeaderTable: N,
-  classNameTable: h,
-  classNameWrapperTable: x,
-  fetchData: A,
-  // Pagination
-  showPagination: v,
-  showTotalItems: o,
-  showDropdownPagination: i,
-  showDotPagination: a,
-  showFormPagination: l,
-  pageSizes: y,
-  // Filter
-  showFilter: z = !1,
-  showFilterInput: V,
-  filterSearchPlaceholder: g = "",
-  multiSelectFilter: j,
-  filterActions: w,
-  showResetButton: B = !0
-}) => {
-  const t = H(
-    () => v || [
-      o,
-      i,
-      a,
-      l
-    ].some(Boolean),
-    []
-  );
-  return /* @__PURE__ */ r(
-    I,
-    {
-      id: c,
-      columns: d,
-      data: f,
-      fetchData: A,
-      totalItems: p,
-      children: /* @__PURE__ */ m("section", { className: u, children: [
-        z && /* @__PURE__ */ r(
-          K,
-          {
-            actions: w,
-            multiSelectFilter: j,
-            placeholder: g,
-            showFilterInput: V,
-            showResetButton: B
-          }
-        ),
-        /* @__PURE__ */ r(
-          "div",
-          {
-            className: s(
-              "shadow rounded-t-lg",
-              {
-                "overflow-hidden rounded-lg": !t
-              },
-              x
-            ),
-            children: /* @__PURE__ */ m(
-              "table",
-              {
-                className: s("w-full border-collapse", h),
-                "aria-label": n,
-                children: [
-                  /* @__PURE__ */ r(
-                    M,
-                    {
-                      className: N,
-                      classNameArrows: T,
-                      classNameActiveArrows: b
-                    }
-                  ),
-                  /* @__PURE__ */ r(P, {})
-                ]
-              }
-            )
-          }
-        ),
-        t && /* @__PURE__ */ r(
-          k,
-          {
-            showTotalItems: o,
-            showDropdownPagination: i,
-            showDotPagination: a,
-            showFormPagination: l,
-            pageSizes: y
-          }
-        )
-      ] })
-    }
-  );
-}, e = E;
-e.displayName = "KonstructVirtualizedTable";
-e.TruncateText = q;
-e.Actions = C;
+import { t as l } from "../../utils-DnIJruo0.js";
+import { Actions as ee } from "./components/Actions/Actions.js";
+import { t as re } from "../../table.provider-MQ4T5Xb5.js";
+import { sendResetFiltersEvent as te } from "./events/filters/filters.js";
+import { sendRefreshEvent as ae } from "./events/refresh/refresh.js";
+import { sendCollapseRowEvent as le, sendExpandRowEvent as oe, sendToggleRowEvent as ie } from "./events/row/row.js";
+import { Body as se } from "./components/Body/Body.js";
+import { Filter as ne } from "./components/Filter/Filter.js";
+import { Header as me } from "./components/Header/Header.js";
+import { Pagination as ce } from "./components/Pagination/Pagination.js";
+import { TruncateText as de } from "./components/TruncateText/TruncateText.js";
+import { WrapperBody as fe } from "./components/WrapperBody/WrapperBody.js";
+import { jsx as e, jsxs as o } from "react/jsx-runtime";
+var pe = ({ id: i, ariaLabel: f, columns: p, data: v, totalItems: u = -1 / 0, className: b, classNameHeaderActiveArrows: w, classNameHeaderArrows: E, classNameHeaderTable: T, classNameTable: N, classNameWrapperTable: h, isLoading: a, emptyState: k, errorState: x, headerContent: A, classNameHeaderContent: R, classNameScrollContainer: s, getRowId: y, fetchData: z, queryOptions: B, showPagination: P, showTotalItems: n, showDropdownPagination: m, showDotPagination: c, showFormPagination: d, pageSizes: V, dropdownPaginationDirection: g, showFilter: j = !1, showFilterInput: F, filterSearchPlaceholder: H = "", filters: I, multiSelectFilter: K, filterActions: W, showResetButton: q = !0, resetButtonClassName: C, closeOnApply: G = !0, enableHoverRow: J, classNameHoverRow: M, enableExpandedRow: O, expandedState: Q, defaultExpanded: U, classNameExpandedRow: X, classNameExpandedCell: Y, classNameExpandedContent: Z, classNameExpandedHeader: _, classNameActiveExpandedRow: $, onExpandedChange: L, renderExpandedRow: S, keepExpandColumnVisible: D }) => {
+  const r = P || [
+    n,
+    m,
+    c,
+    d
+  ].some(Boolean);
+  return /* @__PURE__ */ e(re, {
+    id: i,
+    columns: p,
+    data: v,
+    headerContent: A,
+    getRowId: y,
+    fetchData: z,
+    totalItems: u,
+    queryOptions: B,
+    isPaginationEnabled: r,
+    enableExpandedRow: O,
+    expandedState: Q,
+    onExpandedChange: L,
+    defaultExpanded: U,
+    classNameExpandedRow: X,
+    classNameExpandedCell: Y,
+    classNameExpandedContent: Z,
+    classNameExpandedHeader: _,
+    classNameActiveExpandedRow: $,
+    enableHoverRow: J,
+    classNameHoverRow: M,
+    renderExpandedRow: S,
+    keepExpandColumnVisible: D,
+    children: /* @__PURE__ */ o("section", {
+      className: l("kvt", "w-full min-w-fit", b),
+      children: [j && /* @__PURE__ */ e(ne, {
+        id: i,
+        actions: W,
+        filters: I,
+        multiSelectFilter: K,
+        placeholder: H,
+        showFilterInput: F,
+        showResetButton: q,
+        resetButtonClassName: C,
+        closeOnApply: G
+      }), /* @__PURE__ */ e("div", {
+        className: l("kvt-scroll", "w-full", s),
+        children: /* @__PURE__ */ o("div", {
+          className: "kvt-scroll-content w-full min-w-fit",
+          children: [/* @__PURE__ */ e(fe, {
+            showPagination: r,
+            classNameWrapperTable: h,
+            isLoading: a,
+            children: /* @__PURE__ */ o("table", {
+              className: l("kvt-table", "w-full border-collapse table-auto", "dark:border-separate dark:border-spacing-0", N),
+              "aria-label": f,
+              children: [/* @__PURE__ */ e(me, {
+                className: T,
+                classNameArrows: E,
+                classNameActiveArrows: w,
+                classNameHeaderContent: R
+              }), /* @__PURE__ */ e(se, {
+                isLoading: a,
+                showPagination: r,
+                emptyState: k,
+                errorState: x
+              })]
+            })
+          }), r && /* @__PURE__ */ e(ce, {
+            showTotalItems: n,
+            showDropdownPagination: m,
+            showDotPagination: c,
+            showFormPagination: d,
+            pageSizes: V,
+            isLoading: a,
+            isListPortal: !!s,
+            dropdownPaginationDirection: g
+          })]
+        })
+      })]
+    })
+  });
+}, t = pe;
+t.displayName = "KonstructVirtualizedTable";
+t.TruncateText = de;
+t.Actions = ee;
+t.Events = {
+  sendExpandRowEvent: oe,
+  sendCollapseRowEvent: le,
+  sendToggleRowEvent: ie,
+  sendResetFiltersEvent: te,
+  sendRefreshEvent: ae
+};
 export {
-  q as TruncateText,
-  e as VirtualizedTable
+  de as TruncateText,
+  t as VirtualizedTable
 };

package/dist/components/VirtualizedTable/VirtualizedTable.variants.js

@@ -1,5 +1,5 @@
-import { c as a } from "../../index-D29mdTf5.js";
-const t = a([]);
+import { t as a } from "../../dist-B9GE4SXf.js";
+var t = a([]);
 export {
   t as virtualizeTableVariants
 };

package/dist/components/VirtualizedTable/assets/chevron-down.js

@@ -1,25 +1,16 @@
 import { jsx as o } from "react/jsx-runtime";
-const l = ({
-  className: t,
-  onClick: e
-}) => /* @__PURE__ */ o(
-  "svg",
-  {
-    width: "7",
-    height: "5",
-    viewBox: "0 0 7 5",
-    fill: "none",
-    className: t,
-    onClick: e,
-    children: /* @__PURE__ */ o(
-      "path",
-      {
-        d: "M0.8225 0L3.5 2.67167L6.1775 0L7 0.8225L3.5 4.3225L0 0.8225L0.8225 0Z",
-        fill: "currentColor"
-      }
-    )
-  }
-);
+var i = ({ className: e, onClick: r }) => /* @__PURE__ */ o("svg", {
+  width: "7",
+  height: "5",
+  viewBox: "0 0 7 5",
+  fill: "none",
+  className: e,
+  onClick: r,
+  children: /* @__PURE__ */ o("path", {
+    d: "M0.8225 0L3.5 2.67167L6.1775 0L7 0.8225L3.5 4.3225L0 0.8225L0.8225 0Z",
+    fill: "currentColor"
+  })
+});
 export {
-  l as default
+  i as default
 };

package/dist/components/VirtualizedTable/assets/chevron-up.js

@@ -1,25 +1,16 @@
-import { jsx as o } from "react/jsx-runtime";
-const l = ({
-  className: r,
-  onClick: t
-}) => /* @__PURE__ */ o(
-  "svg",
-  {
-    width: "7",
-    height: "5",
-    viewBox: "0 0 7 5",
-    fill: "currentColor",
-    className: r,
-    onClick: t,
-    children: /* @__PURE__ */ o(
-      "path",
-      {
-        d: "M0.8225 4.99999L3.5 2.32832L6.1775 4.99999L7 4.17749L3.5 0.67749L0 4.17749L0.8225 4.99999Z",
-        fill: "currentColor"
-      }
-    )
-  }
-);
+import { jsx as r } from "react/jsx-runtime";
+var l = ({ className: o, onClick: t }) => /* @__PURE__ */ r("svg", {
+  width: "7",
+  height: "5",
+  viewBox: "0 0 7 5",
+  fill: "currentColor",
+  className: o,
+  onClick: t,
+  children: /* @__PURE__ */ r("path", {
+    d: "M0.8225 4.99999L3.5 2.32832L6.1775 4.99999L7 4.17749L3.5 0.67749L0 4.17749L0.8225 4.99999Z",
+    fill: "currentColor"
+  })
+});
 export {
   l as default
 };

package/dist/components/VirtualizedTable/assets/index.js

@@ -1,6 +1,6 @@
-import { default as r } from "./chevron-up.js";
-import { default as f } from "./chevron-down.js";
+import n from "./chevron-up.js";
+import m from "./chevron-down.js";
 export {
-  f as ChevronDown,
-  r as ChevronUp
+  m as ChevronDown,
+  n as ChevronUp
 };

package/dist/components/VirtualizedTable/components/Actions/Actions.js

@@ -1,50 +1,7 @@
-import { jsxs as o, jsx as e } from "react/jsx-runtime";
-import { Button as r } from "../../../Button/Button.js";
-import { cn as s } from "../../../../utils/index.js";
-import { c as n } from "../../../../createLucideIcon-D2CN7Ma9.js";
-/**
-* @license lucide-react v0.545.0 - ISC
-*
-* This source code is licensed under the ISC license.
-* See the LICENSE file in the root directory of this source tree.
-*/
-const d = [
-  ["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }],
-  ["circle", { cx: "12", cy: "5", r: "1", key: "gxeob9" }],
-  ["circle", { cx: "12", cy: "19", r: "1", key: "lyex9k" }]
-], h = n("ellipsis-vertical", d), g = ({
-  actions: t,
-  ...l
-}) => t ? /* @__PURE__ */ o("div", { className: "relative group w-fit", children: [
-  /* @__PURE__ */ o(
-    r,
-    {
-      variant: "text",
-      shape: "circle",
-      size: "large",
-      className: "text-slate-400 group-hover:text-slate-800 group-hover:bg-aurora-50",
-      role: "presentation",
-      children: [
-        /* @__PURE__ */ e(h, { "aria-hidden": "true", className: "w-7 h-7" }),
-        /* @__PURE__ */ e("span", { className: "sr-only", children: "Show Actions" })
-      ]
-    }
-  ),
-  /* @__PURE__ */ e("div", { className: "absolute top-full right-0 w-[215px] hidden group-hover:block z-10", children: /* @__PURE__ */ e("div", { className: "bg-white mt-0.5 py-2 rounded-lg shadow-lg border border-zinc-100 animate-in fade-in-0", children: t.map(({ label: i, onClick: a, className: c }) => /* @__PURE__ */ e(
-    r,
-    {
-      className: s(
-        "w-full text-slate-800 cursor-pointer p-0 h-9 flex gap-2 text-sm font-normal justify-start hover:bg-gray-50 hover:text-slate-800 rounded-none px-6",
-        c
-      ),
-      variant: "text",
-      asChild: !0,
-      role: "presentation",
-      children: /* @__PURE__ */ e(r, { onClick: () => a(l.row.original), children: i })
-    },
-    i
-  )) }) })
-] }) : null;
+import { InlineActions as n } from "./components/InlineActions/InlineActions.js";
+import { PortalActions as o } from "./components/PortalActions/PortalActions.js";
+import { jsx as t } from "react/jsx-runtime";
+var l = ({ isPortal: i = !1, ...r }) => r.actions ? i ? /* @__PURE__ */ t(o, { ...r }) : /* @__PURE__ */ t(n, { ...r }) : null;
 export {
-  g as Actions
+  l as Actions
 };

package/dist/components/VirtualizedTable/components/Actions/Actions.variants.js

@@ -0,0 +1,53 @@
+import { t as r } from "../../../../dist-B9GE4SXf.js";
+var e = r([
+  "text-slate-400",
+  "group-hover:text-slate-800",
+  "group-hover:bg-aurora-50",
+  "dark:text-metal-400",
+  "dark:group-hover:text-aurora-500",
+  "dark:group-hover:bg-aurora-900"
+], {
+  variants: { isOpen: {
+    true: [
+      "text-slate-800",
+      "bg-aurora-50",
+      "dark:text-aurora-500",
+      "dark:bg-aurora-900"
+    ],
+    false: []
+  } },
+  defaultVariants: { isOpen: !1 }
+}), t = r([
+  "bg-white",
+  "py-2",
+  "rounded-lg",
+  "shadow-lg",
+  "border",
+  "border-zinc-100",
+  "dark:bg-metal-800",
+  "dark:border-metal-700"
+]), o = r([
+  "w-full",
+  "text-slate-800",
+  "cursor-pointer",
+  "p-0",
+  "h-9",
+  "flex",
+  "gap-2",
+  "text-sm",
+  "font-normal",
+  "justify-start",
+  "rounded-none",
+  "px-6",
+  "hover:bg-gray-50",
+  "hover:text-slate-800",
+  "hover:no-underline",
+  "focus:no-underline",
+  "dark:hover:bg-metal-700",
+  "dark:focus:bg-metal-700"
+]);
+export {
+  o as actionsItemVariants,
+  t as actionsPanelVariants,
+  e as actionsTriggerVariants
+};

package/dist/components/VirtualizedTable/components/Actions/components/ActionsList/ActionsList.js

@@ -0,0 +1,23 @@
+import { t as a } from "../../../../../../utils-DnIJruo0.js";
+import { Button as v } from "../../../../../Button/Button.js";
+import { actionsItemVariants as x, actionsPanelVariants as N } from "../../Actions.variants.js";
+import { jsx as i } from "react/jsx-runtime";
+var V = ({ actions: n, className: o, isMenu: r = !1, rowData: m, onSelect: s }) => /* @__PURE__ */ i("div", {
+  className: a(N(), o),
+  children: n.map(({ id: e, label: t, className: c, component: p = v, componentProps: f, onClick: l }, d) => /* @__PURE__ */ i(p, {
+    className: a(x(), c),
+    variant: "link",
+    onClick: () => {
+      s?.(), l(m);
+    },
+    ...r ? {
+      role: "menuitem",
+      tabIndex: -1
+    } : {},
+    ...f,
+    children: t
+  }, e ?? (typeof t == "string" ? t : `action-${d}`)))
+});
+export {
+  V as ActionsList
+};

package/dist/components/VirtualizedTable/components/Actions/components/ActionsTrigger/ActionsTrigger.js

@@ -0,0 +1,26 @@
+import { t as r } from "../../../../../../utils-DnIJruo0.js";
+import { Button as l } from "../../../../../Button/Button.js";
+import { t as m } from "../../../../../../ellipsis-vertical-C_yX7aQe.js";
+import { actionsTriggerVariants as n } from "../../Actions.variants.js";
+import { forwardRef as c } from "react";
+import { jsx as i, jsxs as p } from "react/jsx-runtime";
+var f = c(({ className: a, iconClassName: s, isOpen: t = !1, ...o }, e) => /* @__PURE__ */ p(l, {
+  ref: e,
+  type: "button",
+  variant: "link",
+  shape: "circle",
+  size: "large",
+  className: r(n({ isOpen: t }), a),
+  ...o,
+  children: [/* @__PURE__ */ i(m, {
+    "aria-hidden": "true",
+    className: r("w-7 h-7", s)
+  }), /* @__PURE__ */ i("span", {
+    className: "sr-only",
+    children: "Show Actions"
+  })]
+}));
+f.displayName = "KonstructVirtualizedTableActionsTrigger";
+export {
+  f as ActionsTrigger
+};

package/dist/components/VirtualizedTable/components/Actions/components/InlineActions/InlineActions.js

@@ -0,0 +1,48 @@
+import { t as m } from "../../../../../../utils-DnIJruo0.js";
+import { ActionsList as E } from "../ActionsList/ActionsList.js";
+import { ActionsTrigger as I } from "../ActionsTrigger/ActionsTrigger.js";
+import "./constants/index.js";
+import { useRef as R, useState as T } from "react";
+import { jsx as e, jsxs as B } from "react/jsx-runtime";
+var M = ({ actions: i, wrapperClassName: u, triggerButtonClassName: g, iconTriggerButtonClassName: d, wrapperActionsClassName: f, wrapperContentActionsClassName: v, ...h }) => {
+  const r = R(null), [n, b] = T(!1), w = () => {
+    const o = r.current;
+    if (!o) return;
+    const s = o.getBoundingClientRect(), y = i.length * 36 + 16;
+    let l = 0, c = window.innerHeight, t = o.parentElement;
+    for (; t; ) {
+      const { overflowY: A } = window.getComputedStyle(t);
+      if ([
+        "auto",
+        "scroll",
+        "hidden"
+      ].includes(A)) {
+        const p = t.getBoundingClientRect();
+        l = p.top, c = p.bottom;
+        break;
+      }
+      t = t.parentElement;
+    }
+    const a = c - s.bottom, N = s.top - l;
+    b(a < y && N > a);
+  };
+  return /* @__PURE__ */ B("div", {
+    ref: r,
+    className: m("relative group", u),
+    onMouseEnter: w,
+    children: [/* @__PURE__ */ e(I, {
+      className: g,
+      iconClassName: d
+    }), /* @__PURE__ */ e("div", {
+      className: m("absolute", "right-0", "w-53.75", "z-10", n ? "bottom-full" : "top-full", n ? "pb-1" : "pt-1", "invisible", "opacity-0", "transition-[opacity,visibility]", "duration-150", "delay-150", "group-hover:visible", "group-hover:opacity-100", "group-hover:delay-0", "group-hover:duration-75", f),
+      children: /* @__PURE__ */ e(E, {
+        actions: i,
+        className: v,
+        rowData: h.row.original
+      })
+    })]
+  });
+};
+export {
+  M as InlineActions
+};

package/dist/components/VirtualizedTable/components/Actions/components/InlineActions/constants/index.js

@@ -0,0 +1,5 @@
+var I = 36, r = 16;
+export {
+  I as ITEM_HEIGHT,
+  r as LIST_PADDING
+};

package/dist/components/VirtualizedTable/components/Actions/components/PortalActions/PortalActions.js

@@ -0,0 +1,46 @@
+import { t as n } from "../../../../../../utils-DnIJruo0.js";
+import { ActionsList as y } from "../ActionsList/ActionsList.js";
+import { ActionsTrigger as N } from "../ActionsTrigger/ActionsTrigger.js";
+import { useActionsMenu as A } from "./hooks/use-actions-menu/use-actions-menu.js";
+import { createPortal as K } from "react-dom";
+import { jsx as o, jsxs as L } from "react/jsx-runtime";
+var j = ({ actions: s, wrapperClassName: l, triggerButtonClassName: m, iconTriggerButtonClassName: d, wrapperActionsClassName: c, wrapperContentActionsClassName: f, ...u }) => {
+  const { buttonRef: p, hasOpened: r, isOpen: e, menuId: i, menuRef: g, triggerRef: h, closeMenu: P, handleMenuKeyDown: w, handlePointerEnter: a, handlePointerLeave: t, handleTriggerClick: v, handleTriggerKeyDown: D, handleTriggerPointerDown: x } = A();
+  return /* @__PURE__ */ L("div", {
+    ref: h,
+    className: n("group inline-flex", l),
+    onPointerEnter: a,
+    onPointerLeave: t,
+    onKeyDown: D,
+    children: [/* @__PURE__ */ o(N, {
+      ref: p,
+      "aria-haspopup": "menu",
+      "aria-expanded": e,
+      "aria-controls": r ? i : void 0,
+      className: m,
+      iconClassName: d,
+      isOpen: e,
+      onClick: v,
+      onPointerDown: x
+    }), r && K(/* @__PURE__ */ o("div", {
+      id: i,
+      ref: g,
+      role: "menu",
+      hidden: !e,
+      className: n("fixed z-50 w-53.75", c),
+      onPointerEnter: a,
+      onPointerLeave: t,
+      onKeyDown: w,
+      children: /* @__PURE__ */ o(y, {
+        actions: s,
+        className: n("animate-in fade-in-0", f),
+        isMenu: !0,
+        rowData: u.row.original,
+        onSelect: P
+      })
+    }), document.body)]
+  });
+};
+export {
+  j as PortalActions
+};

package/dist/components/VirtualizedTable/components/Actions/components/PortalActions/constants/index.js

@@ -0,0 +1,5 @@
+var _ = 100, r = 4;
+export {
+  _ as CLOSE_DELAY_MS,
+  r as MENU_GAP_PX
+};

package/dist/components/VirtualizedTable/components/Actions/components/PortalActions/hooks/index.js

@@ -0,0 +1,4 @@
+import { useActionsMenu as e } from "./use-actions-menu/use-actions-menu.js";
+export {
+  e as useActionsMenu
+};

package/dist/components/VirtualizedTable/components/Actions/components/PortalActions/hooks/use-actions-menu/use-actions-menu.js

@@ -0,0 +1,41 @@
+import { useMenuInteractions as R } from "../use-menu-interactions/use-menu-interactions.js";
+import { useMenuKeyboardNavigation as w } from "../use-menu-keyboard-navigation/use-menu-keyboard-navigation.js";
+import { useRowHighlight as b } from "../use-row-highlight/use-row-highlight.js";
+import { useCallback as v, useId as y, useRef as o, useState as u } from "react";
+var k = () => {
+  const [e, a] = u(!1), [i, l] = u(!1), n = o(null), s = o(null), t = o(null), c = y(), d = v((O) => {
+    l(!0), a(O);
+  }, []), { closeMenu: r, handlePointerEnter: g, handlePointerLeave: p, handleTriggerClick: f, handleTriggerPointerDown: m, openMenu: h } = R({
+    isOpen: e,
+    menuRef: t,
+    triggerRef: n,
+    setIsOpen: d
+  }), { handleMenuKeyDown: M, handleTriggerKeyDown: I } = w({
+    buttonRef: s,
+    isOpen: e,
+    menuRef: t,
+    closeMenu: r,
+    openMenu: h
+  });
+  return b({
+    isOpen: e,
+    triggerRef: n
+  }), {
+    buttonRef: s,
+    hasOpened: i,
+    isOpen: e,
+    menuId: c,
+    menuRef: t,
+    triggerRef: n,
+    closeMenu: r,
+    handleMenuKeyDown: M,
+    handlePointerEnter: g,
+    handlePointerLeave: p,
+    handleTriggerClick: f,
+    handleTriggerKeyDown: I,
+    handleTriggerPointerDown: m
+  };
+};
+export {
+  k as useActionsMenu
+};