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

package/dist/components/Filter/components/TimeFilterDropdown/hooks/index.js

@@ -0,0 +1,4 @@
+import { useTimeFilterDropdown as r } from "./useTimeFilterDropdown/useTimeFilterDropdown.js";
+export {
+  r as useTimeFilterDropdown
+};

package/dist/components/Filter/components/TimeFilterDropdown/{TimeFilterDropdown.hook.js → hooks/useTimeFilterDropdown/useTimeFilterDropdown.js}

@@ -1,7 +1,7 @@
-import { getFormattedTime as g } from "../../../TimePicker/utils/index.js";
-import { useFilterContext as w } from "../../contexts/filter.hook.js";
-import { sendOpenFilterEvent as x } from "../../events/index.js";
-import { useFilterDropdownSync as A } from "../../hooks/useFilterDropdownSync.js";
+import { getFormattedTime as g } from "../../../../../TimePicker/utils/index.js";
+import { useFilterContext as w } from "../../../../contexts/filter.hook.js";
+import { sendOpenFilterEvent as x } from "../../../../events/index.js";
+import { useFilterDropdownSync as A } from "../../../../hooks/useFilterDropdownSync.js";
 import { useCallback as d, useId as D, useState as t } from "react";
 var j = ({ onApply: o, format: v = "24" }) => {
   const { closeOnApply: c } = w(), l = D(), [b, s] = t(!1), [n, i] = t(), [r, p] = t(), [m, a] = t(), [h, f] = t(), S = h ?? (r ? g(r, v) : void 0), C = (e) => {

package/dist/components/Filter/components/index.js

@@ -1,14 +1,16 @@
 import { BadgeMultiSelect as t } from "./BadgeDropdown/BadgeMultiSelect.js";
-import { DateFilterDropdown as e } from "./DateFilterDropdown/DateFilterDropdown.js";
-import { DateRangeFilterDropdown as i } from "./DateRangeFilterDropdown/DateRangeFilterDropdown.js";
-import { ResetButton as l } from "./ResetButton/ResetButton.js";
-import { TextMultiSelect as n } from "./TextMultiSelect/TextMultiSelect.js";
-import { TimeFilterDropdown as a } from "./TimeFilterDropdown/TimeFilterDropdown.js";
+import { CustomDateRangeFilterDropdown as e } from "./CustomDateRangeFilterDropdown/CustomDateRangeFilterDropdown.js";
+import { DateFilterDropdown as i } from "./DateFilterDropdown/DateFilterDropdown.js";
+import { DateRangeFilterDropdown as l } from "./DateRangeFilterDropdown/DateRangeFilterDropdown.js";
+import { ResetButton as n } from "./ResetButton/ResetButton.js";
+import { TextMultiSelect as a } from "./TextMultiSelect/TextMultiSelect.js";
+import { TimeFilterDropdown as u } from "./TimeFilterDropdown/TimeFilterDropdown.js";
 export {
   t as BadgeMultiSelect,
-  e as DateFilterDropdown,
-  i as DateRangeFilterDropdown,
-  l as ResetButton,
-  n as TextMultiSelect,
-  a as TimeFilterDropdown
+  e as CustomDateRangeFilterDropdown,
+  i as DateFilterDropdown,
+  l as DateRangeFilterDropdown,
+  n as ResetButton,
+  a as TextMultiSelect,
+  u as TimeFilterDropdown
 };

package/dist/components/Modal/Modal.js

@@ -1,5 +1,5 @@
 "use client";
-import { t } from "../../Modal-Dq9BHD_9.js";
+import { t } from "../../Modal-DL4p692X.js";
 export {
   t as Modal
 };

package/dist/components/Modal/components/Wrapper/Wrapper.js

@@ -1,4 +1,4 @@
-import { n as p } from "../../../../Modal-Dq9BHD_9.js";
+import { n as p } from "../../../../Modal-DL4p692X.js";
 export {
   p as Wrapper
 };

package/dist/components/Modal/components/index.js

@@ -1,7 +1,7 @@
 import { Body as o } from "./Body/Body.js";
 import { Footer as p } from "./Footer/Footer.js";
 import { Header as e } from "./Header/Header.js";
-import { n as i } from "../../../Modal-Dq9BHD_9.js";
+import { n as i } from "../../../Modal-DL4p692X.js";
 export {
   o as Body,
   p as Footer,

package/dist/components/Radio/Radio.js

@@ -1,20 +1,20 @@
 import { t as a } from "../../utils-B-6R7kNE.js";
 import { Typography as t } from "../Typography/Typography.js";
-import { labelRadioVariants as p, radioVariants as u, wrapperRadioVariants as V } from "./Radio.variants.js";
-import { forwardRef as b, useId as j } from "react";
+import { labelRadioVariants as p, radioVariants as V, wrapperRadioVariants as b } from "./Radio.variants.js";
+import { forwardRef as j, useId as w } from "react";
 import { jsx as s, jsxs as c } from "react/jsx-runtime";
-var w = b(({ checked: o = !1, className: d, defaultChecked: l, disabled: e, label: f, labelTextClassName: N, description: r, descriptionClassName: h, name: m, theme: x, value: i, wrapperClassName: R, onChange: y }, g) => {
-  const n = `${j()}-${m}`;
+var F = j(({ checked: o = !1, className: d, defaultChecked: l, disabled: e, label: f, labelTextClassName: N, description: r, descriptionClassName: h, name: m, theme: x, value: i, wrapperClassName: R, onChange: y, onClick: g }, u) => {
+  const n = `${w()}-${m}`;
   return /* @__PURE__ */ c("label", {
     htmlFor: n,
-    className: a(V({
+    className: a(b({
       className: R,
       disabled: e || !1
     })),
     "data-theme": x,
     children: [
       /* @__PURE__ */ s("input", {
-        ref: g,
+        ref: u,
         id: n,
         type: "radio",
         name: m,
@@ -23,9 +23,10 @@ var w = b(({ checked: o = !1, className: d, defaultChecked: l, disabled: e, labe
         defaultChecked: l,
         className: "hidden peer",
         onChange: () => y?.(i),
+        onClick: g,
         disabled: e
       }),
-      /* @__PURE__ */ s("span", { className: a(u({
+      /* @__PURE__ */ s("span", { className: a(V({
         className: d,
         disabled: e || !1,
         checked: o || l || !1
@@ -45,7 +46,7 @@ var w = b(({ checked: o = !1, className: d, defaultChecked: l, disabled: e, labe
     ]
   });
 });
-w.displayName = "KonstructRadio";
+F.displayName = "KonstructRadio";
 export {
-  w as Radio
+  F as Radio
 };

package/dist/components/RadioGroup/RadioGroup.js

@@ -4,19 +4,19 @@ import { Radio as g } from "../Radio/Radio.js";
 import { radioGroupVariants as j } from "./RadioGroup.variants.js";
 import { useState as k } from "react";
 import { jsx as s } from "react/jsx-runtime";
-var B = ({ asChild: m, className: n, defaultChecked: a, direction: c, name: i, options: d, theme: p, value: t, wrapperClassName: l, onValueChange: f }) => {
-  const h = m ? R : "div", e = t !== void 0, [S, C] = k(() => a), N = e ? t : S, x = (o) => {
+var A = ({ asChild: m, className: n, defaultChecked: a, direction: i, name: c, options: d, theme: p, value: t, wrapperClassName: l, onValueChange: f }) => {
+  const h = m ? R : "div", e = t !== void 0, [S, C] = k(() => a), N = e ? t ?? void 0 : S, x = (o) => {
     e || C(o), f?.(o);
   };
   return /* @__PURE__ */ s(h, {
     className: r(j({
       className: l,
-      direction: c
+      direction: i
     })),
     "data-theme": p,
     children: d.map(({ value: o, ...G }) => /* @__PURE__ */ s(g, {
       value: o,
-      name: i,
+      name: c,
       className: r(n),
       checked: N === o,
       onChange: () => x(o),
@@ -25,5 +25,5 @@ var B = ({ asChild: m, className: n, defaultChecked: a, direction: c, name: i, o
   });
 };
 export {
-  B as RadioGroup
+  A as RadioGroup
 };

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

@@ -1,61 +1,7 @@
-import { t as r } from "../../../../utils-B-6R7kNE.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
+};