@konstructio/ui 0.1.2-alpha.106 → 0.1.2-alpha.108

package/dist/components/TimePicker/components/WrapperList/WrapperList.js

@@ -1,32 +1,33 @@
-import { t as c } from "../../../../utils-Cx-WzRZF.js";
-import { getHours as a, getMinutes as s } from "../../utils/index.js";
-import { useTimePickerContext as x } from "../../contexts/time-picker.hook.js";
-import { HoursList as g } from "../HoursList/HoursList.js";
-import { MeridianList as b } from "../MeridianList/MeridianList.js";
-import { MinutesList as h } from "../MinutesList/MinutesList.js";
-import { jsx as i, jsxs as k } from "react/jsx-runtime";
-var P = ({ isOpen: d, scrollBehavior: t, listClassName: r, listItemClassName: o, listItemButtonClassName: e, onClose: m }) => {
-  const { time: n, format: p } = x(), u = a(n), f = s(n);
-  return d ? /* @__PURE__ */ k("div", {
+import { t as a } from "../../../../utils-B-6R7kNE.js";
+import { getHours as s, getMinutes as x } from "../../utils/index.js";
+import { useTimePickerContext as g } from "../../contexts/time-picker.hook.js";
+import { HoursList as b } from "../HoursList/HoursList.js";
+import { MeridianList as h } from "../MeridianList/MeridianList.js";
+import { MinutesList as k } from "../MinutesList/MinutesList.js";
+import { jsx as i, jsxs as L } from "react/jsx-runtime";
+var T = ({ id: d, isOpen: p, scrollBehavior: t, listClassName: r, listItemClassName: o, listItemButtonClassName: e, onClose: m }) => {
+  const { time: n, format: u } = g(), f = s(n), c = x(n);
+  return p ? /* @__PURE__ */ L("div", {
+    id: d,
     role: "group",
-    className: c("flex", "gap-1.5", "p-2", "rounded-md", "shadow", "w-max", "max-h-54", "absolute", "bg-white", "z-20", "animate-in", "fade-in-0", "zoom-in-95", "dark:bg-metal-800", "dark:border", "dark:border-metal-700", "mt-1"),
+    className: a("flex", "gap-1.5", "p-2", "rounded-md", "shadow", "w-max", "max-h-54", "absolute", "bg-white", "z-20", "animate-in", "fade-in-0", "zoom-in-95", "dark:bg-metal-800", "dark:border", "dark:border-metal-700", "mt-1"),
     children: [
-      /* @__PURE__ */ i(g, {
-        hours: u,
+      /* @__PURE__ */ i(b, {
+        hours: f,
         scrollBehavior: t,
         listClassName: r,
         listItemClassName: o,
         listItemButtonClassName: e
       }),
-      /* @__PURE__ */ i(h, {
-        minutes: f,
+      /* @__PURE__ */ i(k, {
+        minutes: c,
         scrollBehavior: t,
         listClassName: r,
         listItemClassName: o,
         listItemButtonClassName: e,
-        onClose: p === "24" ? m : void 0
+        onClose: u === "24" ? m : void 0
       }),
-      /* @__PURE__ */ i(b, {
+      /* @__PURE__ */ i(h, {
         listClassName: r,
         listItemClassName: o,
         listItemButtonClassName: e,
@@ -36,5 +37,5 @@ var P = ({ isOpen: d, scrollBehavior: t, listClassName: r, listItemClassName: o,
   }) : null;
 };
 export {
-  P as WrapperList
+  T as WrapperList
 };

package/dist/components/Toast/Toast.js

@@ -1,5 +1,5 @@
 "use client";
-import { t as o } from "../../Toast-DLJDExxw.js";
+import { t as o } from "../../Toast-jSx3Lao8.js";
 export {
   o as Toast
 };

package/dist/components/Tooltip/Tooltip.js

@@ -1,5 +1,5 @@
-import { t as p } from "../../utils-Cx-WzRZF.js";
-import { a as c, i as h, n as x, o as f, r as g, t as w } from "../../dist-oJzmvhAb.js";
+import { t as p } from "../../utils-B-6R7kNE.js";
+import { a as c, i as h, n as x, o as f, r as g, t as w } from "../../dist-AxOGvL82.js";
 import { jsx as r, jsxs as a } from "react/jsx-runtime";
 var C = ({ content: t, children: e, side: s = "top", sideOffset: o = 4, bgClassName: i = "bg-slate-700", arrowClassName: l = "fill-slate-700", textClassName: n = "text-white", className: d, delayDuration: m = 0 }) => /* @__PURE__ */ r(h, {
   delayDuration: m,

package/dist/components/Typography/Typography.js

@@ -1,4 +1,4 @@
-import { t as y } from "../../utils-Cx-WzRZF.js";
+import { t as y } from "../../utils-B-6R7kNE.js";
 import { typographyVariants as f } from "./Typography.variants.js";
 import { forwardRef as n } from "react";
 import { jsx as c } from "react/jsx-runtime";

package/dist/components/VirtualizedTable/VirtualizedTable.js

@@ -1,6 +1,6 @@
-import { t as l } from "../../utils-Cx-WzRZF.js";
+import { t as l } from "../../utils-B-6R7kNE.js";
 import { Actions as ee } from "./components/Actions/Actions.js";
-import { t as re } from "../../table.provider-DfZ74xMZ.js";
+import { t as re } from "../../table.provider-CWzODR1t.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";

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

@@ -1,61 +1,7 @@
-import { t as r } from "../../../../utils-Cx-WzRZF.js";
-import { Button as g } from "../../../Button/Button.js";
-import { t as B } from "../../../../ellipsis-vertical-BBmhzIXn.js";
-import { useRef as R, useState as A } from "react";
-import { jsx as n, jsxs as m } from "react/jsx-runtime";
-var C = 36, H = 16, D = ({ actions: i, wrapperClassName: h, triggerButtonClassName: v, iconTriggerButtonClassName: f, wrapperActionsClassName: b, wrapperContentActionsClassName: w, ...x }) => {
-  const c = R(null), [u, y] = A(!1), k = () => {
-    const o = c.current;
-    if (!o || !i) return;
-    const t = o.getBoundingClientRect(), p = i.length * C + H;
-    let a = 0, l = window.innerHeight, e = o.parentElement;
-    for (; e; ) {
-      const { overflowY: E } = window.getComputedStyle(e);
-      if ([
-        "auto",
-        "scroll",
-        "hidden"
-      ].includes(E)) {
-        const d = e.getBoundingClientRect();
-        a = d.top, l = d.bottom;
-        break;
-      }
-      e = e.parentElement;
-    }
-    const s = l - t.bottom, N = t.top - a;
-    y(s < p && N > s);
-  };
-  return i ? /* @__PURE__ */ m("div", {
-    ref: c,
-    className: r("relative group", h),
-    onMouseEnter: k,
-    children: [/* @__PURE__ */ m(g, {
-      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", v),
-      children: [/* @__PURE__ */ n(B, {
-        "aria-hidden": "true",
-        className: r("w-7 h-7", f)
-      }), /* @__PURE__ */ n("span", {
-        className: "sr-only",
-        children: "Show Actions"
-      })]
-    }), /* @__PURE__ */ n("div", {
-      className: r("absolute", "right-0", "w-53.75", "z-10", u ? "bottom-full" : "top-full", u ? "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", b),
-      children: /* @__PURE__ */ n("div", {
-        className: r("bg-white", "py-2", "rounded-lg", "shadow-lg", "border", "border-zinc-100", "dark:bg-metal-800", "dark:border-metal-700", w),
-        children: i.map(({ id: o, label: t, className: p, component: a = g, componentProps: l, onClick: e }, s) => /* @__PURE__ */ n(a, {
-          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", p),
-          variant: "link",
-          onClick: () => e(x.row.original),
-          ...l,
-          children: t
-        }, o ?? (typeof t == "string" ? t : `action-${s}`)))
-      })
-    })]
-  }) : 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 {
-  D 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-B-6R7kNE.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-B-6R7kNE.js";
+import { Button as l } from "../../../../../Button/Button.js";
+import { t as m } from "../../../../../../ellipsis-vertical-BBmhzIXn.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-B-6R7kNE.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-B-6R7kNE.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
+};

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

@@ -0,0 +1,72 @@
+import "../../constants/index.js";
+import { useCallback as r, useEffect as T, useLayoutEffect as L, useRef as p } from "react";
+var x = ({ isOpen: l, menuRef: s, triggerRef: d, setIsOpen: n }) => {
+  const o = p(void 0), f = p(null), g = r(() => {
+    clearTimeout(o.current), n(!0);
+  }, [n]), i = r(() => {
+    clearTimeout(o.current), n(!1);
+  }, [n]), h = r(() => {
+    clearTimeout(o.current), o.current = setTimeout(() => {
+      n(!1);
+    }, 100);
+  }, [n]), w = r((t) => {
+    t.pointerType !== "touch" && g();
+  }, [g]), E = r((t) => {
+    t.pointerType !== "touch" && h();
+  }, [h]), y = r((t) => {
+    f.current = t.pointerType;
+  }, []), v = r(() => {
+    const t = f.current;
+    if (f.current = null, clearTimeout(o.current), t && t !== "touch") {
+      n(!0);
+      return;
+    }
+    n((e) => !e);
+  }, [n]);
+  T(() => () => {
+    clearTimeout(o.current);
+  }, []);
+  const u = r(() => {
+    const t = d.current, e = s.current;
+    if (!t || !e) return;
+    const c = t.getBoundingClientRect(), a = c.bottom + 4 + e.offsetHeight <= window.innerHeight ? c.bottom + 4 : c.top - 4 - e.offsetHeight;
+    e.style.top = `${Math.max(a, 4)}px`, e.style.left = `${Math.max(c.right - e.offsetWidth, 4)}px`;
+  }, [s, d]);
+  return L(() => {
+    l && u();
+  }, [l, u]), T(() => {
+    if (!l) return;
+    const t = new AbortController(), e = (a) => {
+      const m = a.target;
+      d.current?.contains(m) || s.current?.contains(m) || i();
+    }, c = (a) => {
+      a.key === "Escape" && i();
+    };
+    return document.addEventListener("mousedown", e, { signal: t.signal }), document.addEventListener("keydown", c, { signal: t.signal }), document.addEventListener("scroll", u, {
+      signal: t.signal,
+      capture: !0,
+      passive: !0
+    }), window.addEventListener("resize", u, {
+      signal: t.signal,
+      passive: !0
+    }), window.addEventListener("blur", i, { signal: t.signal }), () => {
+      t.abort();
+    };
+  }, [
+    l,
+    s,
+    d,
+    i,
+    u
+  ]), {
+    closeMenu: i,
+    handlePointerEnter: w,
+    handlePointerLeave: E,
+    handleTriggerClick: v,
+    handleTriggerPointerDown: y,
+    openMenu: g
+  };
+};
+export {
+  x as useMenuInteractions
+};

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

@@ -0,0 +1,56 @@
+import { useCallback as n, useLayoutEffect as m, useRef as d } from "react";
+var b = ({ buttonRef: i, isOpen: a, menuRef: y, closeMenu: D, openMenu: o }) => {
+  const c = d(null), s = n(() => Array.from(y.current?.querySelectorAll('[role="menuitem"]') ?? []), [y]), r = n((e) => {
+    const t = s();
+    t.length !== 0 && t[(e + t.length) % t.length]?.focus();
+  }, [s]), l = n(() => {
+    D(), i.current?.focus();
+  }, [i, D]);
+  m(() => {
+    a && c.current && (r(c.current === "first" ? 0 : -1), c.current = null);
+  }, [a, r]);
+  const g = n((e) => {
+    if (!e.currentTarget.contains(e.target)) return;
+    const t = e.key === "Tab" && !e.shiftKey && a;
+    e.key === "ArrowDown" || t ? (e.preventDefault(), a ? r(0) : (c.current = "first", o())) : e.key === "ArrowUp" && (e.preventDefault(), a ? r(-1) : (c.current = "last", o()));
+  }, [
+    a,
+    r,
+    o
+  ]);
+  return {
+    handleMenuKeyDown: n((e) => {
+      const t = s(), u = t.indexOf(document.activeElement);
+      switch (e.key) {
+        case "ArrowDown":
+          e.preventDefault(), r(u + 1);
+          break;
+        case "ArrowUp":
+          e.preventDefault(), r(u - 1);
+          break;
+        case "Home":
+          e.preventDefault(), r(0);
+          break;
+        case "End":
+          e.preventDefault(), r(-1);
+          break;
+        case "Tab": {
+          e.preventDefault();
+          const f = e.shiftKey ? u - 1 : u + 1;
+          f < 0 || f >= t.length ? l() : r(f);
+          break;
+        }
+        case "Escape":
+          e.preventDefault(), l();
+      }
+    }, [
+      s,
+      r,
+      l
+    ]),
+    handleTriggerKeyDown: g
+  };
+};
+export {
+  b as useMenuKeyboardNavigation
+};

package/dist/components/VirtualizedTable/components/Actions/components/PortalActions/hooks/use-row-highlight/use-row-highlight.js

@@ -0,0 +1,13 @@
+import { useEffect as o } from "react";
+var n = ({ isOpen: r, triggerRef: e }) => {
+  o(() => {
+    const t = e.current?.closest("tr");
+    if (!(!t || !r))
+      return t.setAttribute("data-actions-open", ""), () => {
+        t.removeAttribute("data-actions-open");
+      };
+  }, [r, e]);
+};
+export {
+  n as useRowHighlight
+};