@konstructio/ui 0.1.2-alpha.98 → 0.1.3

package/dist/components/Typography/Typography.js

@@ -1,18 +1,21 @@
-import { t as s } from "../../utils-COaoD3PI.js";
-import { typographyVariants as y } from "./Typography.variants.js";
-import { forwardRef as f } from "react";
-import { jsx as h } from "react/jsx-runtime";
-var i = f(({ className: o, theme: p, children: m, variant: r, component: t, ...a }, e) => /* @__PURE__ */ h(t ?? (r?.includes("h") ? r : "p"), {
-  ref: e,
-  "data-theme": p,
-  className: s(y({
-    className: o,
-    variant: r
-  })),
-  ...a,
-  children: m
-}));
-i.displayName = "KonstructTypography";
+import { t as y } from "../../utils-DnIJruo0.js";
+import { typographyVariants as f } from "./Typography.variants.js";
+import { forwardRef as n } from "react";
+import { jsx as c } from "react/jsx-runtime";
+var h = n(({ className: r, theme: p, children: t, variant: o, component: m, ...a }, e) => {
+  const s = m ?? (o?.includes("h") ? o : "p");
+  return /* @__PURE__ */ c(s, {
+    ref: e,
+    "data-theme": p,
+    className: y(f({
+      className: r,
+      variant: o
+    })),
+    ...a,
+    children: t
+  });
+});
+h.displayName = "KonstructTypography";
 export {
-  i as Typography
+  h as Typography
 };

package/dist/components/Typography/Typography.variants.js

@@ -1,4 +1,4 @@
-import { t } from "../../dist-Bcn6lMQe.js";
+import { t } from "../../dist-B9GE4SXf.js";
 var a = t(["text-slate-800", "dark:text-metal-50"], {
   variants: { variant: {
     h1: ["text-[57px]", "leading-16"],

package/dist/components/VirtualizedTable/VirtualizedTable.js

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

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

@@ -1,4 +1,4 @@
-import { t as a } from "../../dist-Bcn6lMQe.js";
+import { t as a } from "../../dist-B9GE4SXf.js";
 var t = a([]);
 export {
   t as virtualizeTableVariants

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

@@ -1,37 +1,7 @@
-import { t as r } from "../../../../utils-COaoD3PI.js";
-import { Button as o } from "../../../Button/Button.js";
-import { t as x } from "../../../../ellipsis-vertical-Cm9A6Zu8.js";
-import { jsx as e, jsxs as i } from "react/jsx-runtime";
-var y = ({ actions: t, wrapperClassName: n, triggerButtonClassName: l, iconTriggerButtonClassName: s, wrapperActionsClassName: d, wrapperContentActionsClassName: m, ...p }) => t ? /* @__PURE__ */ i("div", {
-  className: r("relative group", n),
-  children: [/* @__PURE__ */ i(o, {
-    variant: "link",
-    shape: "circle",
-    size: "large",
-    className: 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", l),
-    role: "presentation",
-    children: [/* @__PURE__ */ e(x, {
-      "aria-hidden": "true",
-      className: r("w-7 h-7", s)
-    }), /* @__PURE__ */ e("span", {
-      className: "sr-only",
-      children: "Show Actions"
-    })]
-  }), /* @__PURE__ */ e("div", {
-    className: r("absolute", "top-full", "right-0", "w-53.75", "hidden", "group-hover:block", "z-10", d),
-    children: /* @__PURE__ */ e("div", {
-      className: r("bg-white", "mt-0.5", "py-2", "rounded-lg", "shadow-lg", "border", "border-zinc-100", "animate-in", "fade-in-0", "dark:bg-metal-800", "dark:border-metal-700", m),
-      children: t.map(({ id: c, label: a, className: h, component: u = o, componentProps: g, onClick: v }, f) => /* @__PURE__ */ e(u, {
-        className: 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", "dark:hover:bg-metal-700", h),
-        variant: "link",
-        role: "presentation",
-        onClick: () => v(p.row.original),
-        ...g,
-        children: a
-      }, c ?? (typeof a == "string" ? a : `action-${f}`)))
-    })
-  })]
-}) : 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 {
-  y as Actions
+  l as Actions
 };

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

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

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

@@ -0,0 +1,51 @@
+import { Button as g } from "../../../../../Button/Button.js";
+import { Tooltip as j } from "../../../../../Tooltip/Tooltip.js";
+import { t as u } from "../../../../../../utils-DnIJruo0.js";
+import { actionsDisabledReasonVariants as S, actionsItemVariants as z, actionsPanelVariants as A } from "../../Actions.variants.js";
+import { Fragment as B, useId as C, useRef as F, useState as L } from "react";
+import { jsx as t, jsxs as b } from "react/jsx-runtime";
+var O = ({ actions: f, className: v, disabledReasonSide: h = "left", isMenu: c = !1, rowData: x, onSelect: y }) => {
+  const [I, N] = L(null), r = F(null), D = C(), P = (o) => {
+    r.current = o.pointerType;
+  };
+  return /* @__PURE__ */ t("div", {
+    className: u(A(), v),
+    children: f.map(({ id: o, label: i, className: R, component: T = g, componentProps: k, disabled: w = !1, disabledReason: e, disabledReasonSide: V = h, onClick: $ }, l) => {
+      const n = o ?? (typeof i == "string" ? i : `action-${l}`), s = w || !!e, a = !!e && I === n, m = `${D}-reason-${l}`, d = /* @__PURE__ */ t(T, {
+        "aria-disabled": s || void 0,
+        "aria-describedby": a ? m : void 0,
+        className: u(z({ isDisabled: s }), R),
+        variant: "link",
+        onPointerDown: P,
+        onClick: () => {
+          const p = r.current;
+          if (r.current = null, s) {
+            e && p && p !== "mouse" && N(a ? null : n);
+            return;
+          }
+          y?.(), $(x);
+        },
+        ...c ? {
+          role: "menuitem",
+          tabIndex: -1
+        } : {},
+        ...k,
+        children: i
+      }, n);
+      return e ? /* @__PURE__ */ b(B, { children: [/* @__PURE__ */ t(j, {
+        side: V,
+        className: "z-50 max-w-40 text-center",
+        content: e,
+        children: d
+      }), a ? /* @__PURE__ */ t("div", {
+        id: m,
+        role: c ? "none" : void 0,
+        className: S(),
+        children: e
+      }) : null] }, n) : d;
+    })
+  });
+};
+export {
+  O as ActionsList
+};

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

@@ -0,0 +1,26 @@
+import { t as n } from "../../../../../../ellipsis-vertical-C_yX7aQe.js";
+import { Button as m } from "../../../../../Button/Button.js";
+import { t as r } from "../../../../../../utils-DnIJruo0.js";
+import { actionsTriggerVariants as c } from "../../Actions.variants.js";
+import { forwardRef as l } from "react";
+import { jsx as i, jsxs as p } from "react/jsx-runtime";
+var f = l(({ className: a, iconClassName: o, isOpen: s = !1, ...t }, e) => /* @__PURE__ */ p(m, {
+  ref: e,
+  type: "button",
+  variant: "link",
+  shape: "circle",
+  size: "large",
+  className: r(c({ isOpen: s }), "pointer-coarse:min-h-11 pointer-coarse:min-w-11", a),
+  ...t,
+  children: [/* @__PURE__ */ i(n, {
+    "aria-hidden": "true",
+    className: r("w-7 h-7", o)
+  }), /* @__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,81 @@
+import { t as w } from "../../../../../../utils-DnIJruo0.js";
+import { ActionsList as P } from "../ActionsList/ActionsList.js";
+import { ActionsTrigger as j } from "../ActionsTrigger/ActionsTrigger.js";
+import "./constants/index.js";
+import { useEffect as G, useRef as b, useState as c } from "react";
+import { jsx as a, jsxs as U } from "react/jsx-runtime";
+var Q = ({ actions: p, disabledReasonSide: y, openOnHover: r = !0, wrapperClassName: T, triggerButtonClassName: E, iconTriggerButtonClassName: C, wrapperActionsClassName: I, wrapperContentActionsClassName: S, ...A }) => {
+  const s = b(null), l = b(null), [u, D] = c(!1), [o, i] = c(!1), [N, d] = c(!1), f = () => {
+    const e = s.current;
+    if (!e) return;
+    const t = e.getBoundingClientRect(), B = p.length * 36 + 16;
+    let g = 0, m = window.innerHeight, n = e.parentElement;
+    for (; n; ) {
+      const { overflowY: M } = window.getComputedStyle(n);
+      if ([
+        "auto",
+        "scroll",
+        "hidden"
+      ].includes(M)) {
+        const h = n.getBoundingClientRect();
+        g = h.top, m = h.bottom;
+        break;
+      }
+      n = n.parentElement;
+    }
+    const v = m - t.bottom, H = t.top - g;
+    D(v < B && H > v);
+  }, R = () => {
+    r && d(!0), i(!1);
+  }, k = (e) => {
+    l.current = e.pointerType;
+  }, L = () => {
+    const e = l.current;
+    l.current = null, !(r && (!e || e === "mouse")) && (f(), i((t) => !t));
+  };
+  G(() => {
+    if (!o) return;
+    const e = new AbortController();
+    return document.addEventListener("pointerdown", (t) => {
+      s.current?.contains(t.target) || i(!1);
+    }, { signal: e.signal }), document.addEventListener("keydown", (t) => {
+      t.key === "Escape" && i(!1);
+    }, { signal: e.signal }), () => {
+      e.abort();
+    };
+  }, [o]);
+  const x = r && !N;
+  return /* @__PURE__ */ U("div", {
+    ref: s,
+    className: w("relative group", T),
+    onMouseEnter: f,
+    onMouseLeave: () => {
+      d(!1);
+    },
+    children: [/* @__PURE__ */ a(j, {
+      className: E,
+      iconClassName: C,
+      isOpen: o,
+      onClick: L,
+      onPointerDown: k,
+      ...r ? {} : { "aria-expanded": o }
+    }), /* @__PURE__ */ a("div", {
+      className: w("absolute", "right-0", "w-53.75", "z-10", u ? "bottom-full" : "top-full", u ? "pb-1" : "pt-1", "transition-[opacity,visibility]", "duration-150", o ? "visible opacity-100" : "invisible opacity-0 delay-150", x && [
+        "group-hover:visible",
+        "group-hover:opacity-100",
+        "group-hover:delay-0",
+        "group-hover:duration-75"
+      ], I),
+      children: /* @__PURE__ */ a(P, {
+        actions: p,
+        disabledReasonSide: y,
+        className: S,
+        rowData: A.row.original,
+        onSelect: R
+      })
+    })]
+  });
+};
+export {
+  Q 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,48 @@
+import { t as n } from "../../../../../../utils-DnIJruo0.js";
+import { ActionsList as N } from "../ActionsList/ActionsList.js";
+import { ActionsTrigger as C } from "../ActionsTrigger/ActionsTrigger.js";
+import { useActionsMenu as K } from "./hooks/use-actions-menu/use-actions-menu.js";
+import { createPortal as T } from "react-dom";
+import { jsx as o, jsxs as E } from "react/jsx-runtime";
+var z = ({ actions: s, disabledReasonSide: l, openOnHover: d = !0, wrapperClassName: m, triggerButtonClassName: c, iconTriggerButtonClassName: u, wrapperActionsClassName: f, wrapperContentActionsClassName: p, ...g }) => {
+  const { buttonRef: h, hasOpened: r, isOpen: e, menuId: i, menuRef: P, triggerRef: v, handleMenuKeyDown: w, handlePointerEnter: t, handlePointerLeave: a, handleTriggerClick: D, handleTriggerKeyDown: x, handleTriggerPointerDown: L, handleButtonPointerLeave: y, selectAndClose: A } = K({ openOnHover: d });
+  return /* @__PURE__ */ E("div", {
+    ref: v,
+    className: n("group inline-flex", m),
+    onPointerEnter: t,
+    onPointerLeave: a,
+    onKeyDown: x,
+    children: [/* @__PURE__ */ o(C, {
+      ref: h,
+      "aria-haspopup": "menu",
+      "aria-expanded": e,
+      "aria-controls": r ? i : void 0,
+      className: c,
+      iconClassName: u,
+      isOpen: e,
+      onClick: D,
+      onPointerDown: L,
+      onPointerLeave: y
+    }), r && T(/* @__PURE__ */ o("div", {
+      id: i,
+      ref: P,
+      role: "menu",
+      hidden: !e,
+      className: n("fixed z-50 w-53.75", f),
+      onPointerEnter: t,
+      onPointerLeave: a,
+      onKeyDown: w,
+      children: /* @__PURE__ */ o(N, {
+        actions: s,
+        disabledReasonSide: l,
+        className: n("animate-in fade-in-0", p),
+        isMenu: !0,
+        rowData: g.row.original,
+        onSelect: A
+      })
+    }), document.body)]
+  });
+};
+export {
+  z 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,44 @@
+import { useMenuInteractions as P } from "../use-menu-interactions/use-menu-interactions.js";
+import { useMenuKeyboardNavigation as b } from "../use-menu-keyboard-navigation/use-menu-keyboard-navigation.js";
+import { useRowHighlight as y } from "../use-row-highlight/use-row-highlight.js";
+import { useCallback as C, useId as D, useRef as o, useState as u } from "react";
+var H = ({ openOnHover: a }) => {
+  const [e, l] = u(!1), [i, c] = u(!1), n = o(null), s = o(null), t = o(null), d = D(), g = C((w) => {
+    c(!0), l(w);
+  }, []), { closeMenu: r, handlePointerEnter: p, handlePointerLeave: f, handleTriggerClick: h, handleTriggerPointerDown: m, handleButtonPointerLeave: M, openMenu: I, selectAndClose: O } = P({
+    isOpen: e,
+    menuRef: t,
+    openOnHover: a,
+    triggerRef: n,
+    setIsOpen: g
+  }), { handleMenuKeyDown: R, handleTriggerKeyDown: v } = b({
+    buttonRef: s,
+    isOpen: e,
+    menuRef: t,
+    closeMenu: r,
+    openMenu: I
+  });
+  return y({
+    isOpen: e,
+    triggerRef: n
+  }), {
+    buttonRef: s,
+    hasOpened: i,
+    isOpen: e,
+    menuId: d,
+    menuRef: t,
+    triggerRef: n,
+    closeMenu: r,
+    handleMenuKeyDown: R,
+    handlePointerEnter: p,
+    handlePointerLeave: f,
+    handleTriggerClick: h,
+    handleTriggerKeyDown: v,
+    handleTriggerPointerDown: m,
+    handleButtonPointerLeave: M,
+    selectAndClose: O
+  };
+};
+export {
+  H as useActionsMenu
+};