@konstructio/ui 0.1.2-alpha.112 → 0.1.2-alpha.114

package/dist/components/Toast/Toast.js

@@ -1,5 +1,71 @@
 "use client";
-import { t as o } from "../../Toast-CRPLONv9.js";
+import { t as D } from "../../utils-DnIJruo0.js";
+import { useIsHydrated as L } from "../../hooks/useIsHydrated/useIsHydrated.js";
+import { TOAST_TRANSITION as R } from "./constants/index.js";
+import { useStackExpansion as b } from "./hooks/useStackExpansion/useStackExpansion.js";
+import { useToastHeights as w } from "./hooks/useToastHeights/useToastHeights.js";
+import { useToastSource as C } from "./hooks/useToastSource/useToastSource.js";
+import { ToastCard as k } from "./components/ToastCard/ToastCard.js";
+import { computeStackLayout as B } from "./utils/compute-stack-layout/compute-stack-layout.js";
+import { useEffect as G } from "react";
+import { createPortal as P } from "react-dom";
+import { jsx as r } from "react/jsx-runtime";
+import { AnimatePresence as j, motion as z, useReducedMotion as F } from "motion/react";
+var K = ({ autoWidth: l = !1, className: u, closeLabel: p = "Close toast", container: h, duration: n, hoverBehavior: g = "resume", isPortal: T = !0, label: S = "Notifications", limit: a, maxVisible: m = 3, theme: v, toasts: s, onDismiss: H }) => {
+  const c = F(), A = L(), { heights: E, setHeight: y, removeHeight: I } = w(), { expanded: _, regionHandlers: x } = b(), t = C({
+    toasts: s,
+    onDismiss: H
+  });
+  G(() => {
+    s || t.configure({
+      duration: n,
+      limit: a
+    });
+  }, [
+    s,
+    t.configure,
+    n,
+    a
+  ]);
+  const e = t.toasts.slice().reverse(), d = _ && e.length > 0, { offsets: M, frontHeight: N, regionHeight: O } = B({
+    toasts: e,
+    heights: E,
+    expanded: d,
+    maxVisible: m
+  }), f = /* @__PURE__ */ r("section", {
+    "aria-label": S,
+    "data-theme": v,
+    className: D("fixed right-6 bottom-6 z-100 w-97.5 max-w-[calc(100vw-3rem)]", u),
+    style: { pointerEvents: e.length > 0 ? void 0 : "none" },
+    ...x,
+    children: /* @__PURE__ */ r(z.ol, {
+      className: "relative m-0 list-none p-0",
+      animate: { height: O },
+      transition: c ? { duration: 0 } : R,
+      children: /* @__PURE__ */ r(j, { children: e.map((i, o) => /* @__PURE__ */ r(k, {
+        autoWidth: l,
+        closeLabel: p,
+        expanded: d,
+        frontHeight: N,
+        index: o,
+        offset: M[o] ?? 0,
+        reducedMotion: !!c,
+        restartOnLeave: g === "restart",
+        resumeDelay: (e.length - 1 - o) * 300,
+        toast: i,
+        total: e.length,
+        visible: o < m,
+        onDismiss: () => {
+          t.dismiss(i.id);
+        },
+        onExited: I,
+        onHeightChange: y
+      }, i.id)) })
+    })
+  });
+  return T ? A ? P(f, h ?? document.body) : null : f;
+};
+K.displayName = "KonstructToast";
 export {
-  o as Toast
+  K as Toast
 };

package/dist/components/Toast/components/ToastCard/ToastCard.js

@@ -1,21 +1,21 @@
 import { t as r } from "../../../../utils-DnIJruo0.js";
 import { t as L } from "../../../../x-C8O1IsaM.js";
-import { n as P, t as h } from "../../../../react-C685EsYG.js";
-import { Typography as A } from "../../../Typography/Typography.js";
-import { COLLAPSED_SCALE_STEP as D, DEFAULT_TOAST_DURATION as j, TOAST_ENTER_TRANSITION as B, TOAST_EXIT_TRANSITION as F, TOAST_ICONS as U, TOAST_TRANSITION as X } from "../../constants/index.js";
-import { useToastTimer as k } from "../../hooks/useToastTimer/useToastTimer.js";
-import { toastCloseButtonVariants as K, toastDescriptionVariants as q, toastFrameVariants as G, toastIconVariants as J, toastTitleVariants as M, toastVariants as Q } from "../../Toast.variants.js";
-import { useEffect as W, useRef as Y } from "react";
-import { jsx as t, jsxs as o } from "react/jsx-runtime";
+import { Typography as h } from "../../../Typography/Typography.js";
+import { COLLAPSED_SCALE_STEP as P, DEFAULT_TOAST_DURATION as D, TOAST_ENTER_TRANSITION as j, TOAST_EXIT_TRANSITION as B, TOAST_ICONS as F, TOAST_TRANSITION as U } from "../../constants/index.js";
+import { useToastTimer as X } from "../../hooks/useToastTimer/useToastTimer.js";
+import { toastCloseButtonVariants as k, toastDescriptionVariants as K, toastFrameVariants as q, toastIconVariants as G, toastTitleVariants as J, toastVariants as M } from "../../Toast.variants.js";
+import { useEffect as Q, useRef as W } from "react";
+import { jsx as t, jsxs as s } from "react/jsx-runtime";
+import { motion as A, usePresence as Y } from "motion/react";
 var Z = ({ autoWidth: x, closeLabel: I, expanded: i, frontHeight: l, index: n, offset: O, reducedMotion: S, restartOnLeave: v, resumeDelay: b, toast: _, total: w, visible: m, onDismiss: p, onExited: E, onHeightChange: d }) => {
-  const T = Y(null), [C] = P(), { description: s, duration: R = j, id: c, showCloseButton: V = !0, title: g, type: a = "info" } = _;
-  k({
+  const T = W(null), [C] = Y(), { description: o, duration: R = D, id: c, showCloseButton: V = !0, title: g, type: a = "info" } = _;
+  X({
     duration: R,
     paused: i,
     restart: v,
     resumeDelay: b,
     onExpire: p
-  }), W(() => {
+  }), Q(() => {
     const e = T.current;
     if (!e) return;
     const N = () => {
@@ -27,13 +27,13 @@ var Z = ({ autoWidth: x, closeLabel: I, expanded: i, frontHeight: l, index: n, o
       y.disconnect();
     };
   }, [c, d]);
-  const z = U[a], u = !i && n !== 0 && l !== 0, f = S ? { duration: 0 } : {
-    ...X,
-    x: B,
-    opacity: F
+  const z = F[a], u = !i && n !== 0 && l !== 0, f = S ? { duration: 0 } : {
+    ...U,
+    x: j,
+    opacity: B
   };
-  return /* @__PURE__ */ t(h.li, {
-    className: r("absolute right-0 bottom-0 origin-bottom will-change-transform", x ? "w-max max-w-[calc(100vw-3rem)]" : "max-w-full", G({ type: a })),
+  return /* @__PURE__ */ t(A.li, {
+    className: r("absolute right-0 bottom-0 origin-bottom will-change-transform", x ? "w-max max-w-[calc(100vw-3rem)]" : "max-w-full", q({ type: a })),
     style: { zIndex: C ? w - n : 0 },
     initial: {
       x: "110%",
@@ -45,7 +45,7 @@ var Z = ({ autoWidth: x, closeLabel: I, expanded: i, frontHeight: l, index: n, o
       x: 0,
       opacity: m ? 1 : 0,
       y: -O,
-      scale: i ? 1 : 1 - n * D,
+      scale: i ? 1 : 1 - n * P,
       height: u ? l : "auto"
     },
     exit: { opacity: 0 },
@@ -54,27 +54,27 @@ var Z = ({ autoWidth: x, closeLabel: I, expanded: i, frontHeight: l, index: n, o
       e === "exit" && E(c);
     },
     "aria-hidden": !m,
-    children: /* @__PURE__ */ o("div", {
+    children: /* @__PURE__ */ s("div", {
       ref: T,
       role: "status",
       "aria-live": "polite",
       "aria-atomic": "true",
-      className: Q(),
-      children: [/* @__PURE__ */ o("div", {
+      className: M(),
+      children: [/* @__PURE__ */ s("div", {
         className: "flex items-center gap-8",
-        children: [/* @__PURE__ */ o("div", {
+        children: [/* @__PURE__ */ s("div", {
           className: "flex min-w-0 flex-1 items-center gap-2",
           children: [/* @__PURE__ */ t(z, {
-            size: s ? 20 : 24,
-            className: r(J({ type: a }))
-          }), /* @__PURE__ */ t(A, {
-            variant: s ? "body2" : "body1",
-            className: r("min-w-0", M({ type: a })),
+            size: o ? 20 : 24,
+            className: r(G({ type: a }))
+          }), /* @__PURE__ */ t(h, {
+            variant: o ? "body2" : "body1",
+            className: r("min-w-0", J({ type: a })),
             children: g
           })]
-        }), V ? /* @__PURE__ */ o("button", {
+        }), V ? /* @__PURE__ */ s("button", {
           type: "button",
-          className: r(K({ type: a })),
+          className: r(k({ type: a })),
           onClick: p,
           children: [/* @__PURE__ */ t(L, {
             className: "size-5",
@@ -84,14 +84,14 @@ var Z = ({ autoWidth: x, closeLabel: I, expanded: i, frontHeight: l, index: n, o
             children: I
           })]
         }) : null]
-      }), s ? /* @__PURE__ */ t(h.div, {
+      }), o ? /* @__PURE__ */ t(A.div, {
         className: "pl-7",
         animate: { opacity: u ? 0 : 1 },
         transition: f,
-        children: /* @__PURE__ */ t(A, {
+        children: /* @__PURE__ */ t(h, {
           variant: "body2",
-          className: r(q({ type: a })),
-          children: s
+          className: r(K({ type: a })),
+          children: o
         })
       }) : null]
     })

package/dist/components/Tooltip/Tooltip.js

@@ -1,18 +1,34 @@
-import { t as p } from "../../utils-DnIJruo0.js";
-import { a as c, i as h, n as x, o as f, r as g, t as w } from "../../dist-D5Q2IYuC.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,
-  children: /* @__PURE__ */ a(c, { children: [/* @__PURE__ */ r(f, {
-    asChild: !0,
-    children: /* @__PURE__ */ r("span", { children: e })
-  }), /* @__PURE__ */ r(g, { children: /* @__PURE__ */ a(x, {
-    side: s,
-    sideOffset: o,
-    className: p("rounded px-2 py-1 text-xs shadow-md", "animate-in fade-in-0", i, n, d),
-    children: [t, /* @__PURE__ */ r(w, { className: l })]
-  }) })] })
-});
+import { t } from "../../utils-DnIJruo0.js";
+import { a as w, i as C, n as b, o as j, r as O, t as P } from "../../dist-vUCyiTQy.js";
+import { useState as y } from "react";
+import { jsx as e, jsxs as s } from "react/jsx-runtime";
+var k = ({ content: o, children: i, asOverlay: r = !1, disabled: a = !1, overlayClassName: n, overlayLabel: p, wrapperClassName: m, side: d = "top", sideOffset: c = 4, bgClassName: f = "bg-slate-700", arrowClassName: h = "fill-slate-700", textClassName: g = "text-white", className: T, delayDuration: u = 0 }) => {
+  const [x, v] = y(!1), N = r ? /* @__PURE__ */ e("span", {
+    role: "img",
+    "aria-label": p ?? (typeof o == "string" ? o : void 0),
+    hidden: a,
+    className: t("absolute cursor-help", n ?? "inset-0")
+  }) : /* @__PURE__ */ e("span", { children: i }), l = /* @__PURE__ */ e(w, {
+    delayDuration: u,
+    children: /* @__PURE__ */ s(P, {
+      open: !a && x,
+      onOpenChange: v,
+      children: [/* @__PURE__ */ e(j, {
+        asChild: !0,
+        children: N
+      }), /* @__PURE__ */ e(C, { children: /* @__PURE__ */ s(O, {
+        side: d,
+        sideOffset: c,
+        className: t("rounded px-2 py-1 text-xs shadow-md", "animate-in fade-in-0", f, g, T),
+        children: [o, /* @__PURE__ */ e(b, { className: h })]
+      }) })]
+    })
+  });
+  return r ? /* @__PURE__ */ s("div", {
+    className: t("relative", m),
+    children: [i, l]
+  }) : l;
+};
 export {
-  C as Tooltip
+  k as Tooltip
 };

package/dist/components/VirtualizedTable/VirtualizedTable.js

@@ -1,107 +1,38 @@
-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;
+import { t as o } from "../../utils-DnIJruo0.js";
+import { Actions as a } from "./components/Actions/Actions.js";
+import { sendResetFiltersEvent as i } from "./events/filters/filters.js";
+import { sendRefreshEvent as m } from "./events/refresh/refresh.js";
+import { sendCollapseRowEvent as n, sendExpandRowEvent as s, sendToggleRowEvent as l } from "./events/row/row.js";
+import { EmptyState as p } from "./components/EmptyState/EmptyState.js";
+import { EmptyResults as f } from "./components/EmptyResults/EmptyResults.js";
+import { ErrorState as u } from "./components/ErrorState/ErrorState.js";
+import { TruncateText as d } from "./components/TruncateText/TruncateText.js";
+import { Suspense as E, lazy as c } from "react";
+import { jsx as r } from "react/jsx-runtime";
+var v = c(() => import("./components/VirtualizedTableContent/VirtualizedTableContent.js").then((e) => ({ default: e.VirtualizedTableContent }))), T = (e) => /* @__PURE__ */ r(E, {
+  fallback: /* @__PURE__ */ r("section", {
+    className: o("kvt", "w-full min-w-fit", e.className),
+    "aria-busy": "true"
+  }),
+  children: /* @__PURE__ */ r(v, { ...e })
+}), t = T;
 t.displayName = "KonstructVirtualizedTable";
-t.TruncateText = de;
-t.Actions = ee;
+t.TruncateText = d;
+t.EmptyState = p;
+t.EmptyResults = f;
+t.ErrorState = u;
+t.Actions = a;
 t.Events = {
-  sendExpandRowEvent: oe,
-  sendCollapseRowEvent: le,
-  sendToggleRowEvent: ie,
-  sendResetFiltersEvent: te,
-  sendRefreshEvent: ae
+  sendExpandRowEvent: s,
+  sendCollapseRowEvent: n,
+  sendToggleRowEvent: l,
+  sendResetFiltersEvent: i,
+  sendRefreshEvent: m
 };
 export {
-  de as TruncateText,
+  f as EmptyResults,
+  p as EmptyState,
+  u as ErrorState,
+  d as TruncateText,
   t as VirtualizedTable
 };

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

@@ -1,5 +1,5 @@
-import { t as r } from "../../../../dist-B9GE4SXf.js";
-var e = r([
+import { t as a } from "../../../../dist-B9GE4SXf.js";
+var e = a([
   "text-slate-400",
   "group-hover:text-slate-800",
   "group-hover:bg-aurora-50",
@@ -17,7 +17,7 @@ var e = r([
     false: []
   } },
   defaultVariants: { isOpen: !1 }
-}), t = r([
+}), t = a([
   "bg-white",
   "py-2",
   "rounded-lg",
@@ -26,7 +26,7 @@ var e = r([
   "border-zinc-100",
   "dark:bg-metal-800",
   "dark:border-metal-700"
-]), o = r([
+]), o = a([
   "w-full",
   "text-slate-800",
   "cursor-pointer",
@@ -45,7 +45,20 @@ var e = r([
   "focus:no-underline",
   "dark:hover:bg-metal-700",
   "dark:focus:bg-metal-700"
-]);
+], {
+  variants: { isDisabled: {
+    true: [
+      "cursor-not-allowed",
+      "text-slate-400",
+      "hover:bg-transparent",
+      "hover:text-slate-400",
+      "dark:text-metal-500",
+      "dark:hover:bg-transparent"
+    ],
+    false: []
+  } },
+  defaultVariants: { isDisabled: !1 }
+});
 export {
   o as actionsItemVariants,
   t as actionsPanelVariants,

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

@@ -1,23 +1,33 @@
 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}`)))
+import { Button as I } from "../../../../../Button/Button.js";
+import { Tooltip as V } from "../../../../../Tooltip/Tooltip.js";
+import { actionsItemVariants as g, actionsPanelVariants as j } from "../../Actions.variants.js";
+import { jsx as n } from "react/jsx-runtime";
+var D = ({ actions: s, className: m, disabledReasonSide: c = "left", isMenu: l = !1, rowData: f, onSelect: p }) => /* @__PURE__ */ n("div", {
+  className: a(j(), m),
+  children: s.map(({ id: d, label: t, className: u, component: x = I, componentProps: v, disabled: N = !1, disabledReason: i, disabledReasonSide: h = c, onClick: k }, y) => {
+    const r = d ?? (typeof t == "string" ? t : `action-${y}`), e = N || !!i, o = /* @__PURE__ */ n(x, {
+      "aria-disabled": e || void 0,
+      className: a(g({ isDisabled: e }), u),
+      variant: "link",
+      onClick: () => {
+        e || (p?.(), k(f));
+      },
+      ...l ? {
+        role: "menuitem",
+        tabIndex: -1
+      } : {},
+      ...v,
+      children: t
+    }, r);
+    return i ? /* @__PURE__ */ n(V, {
+      side: h,
+      className: "z-50 max-w-40 text-center",
+      content: i,
+      children: o
+    }, r) : o;
+  })
 });
 export {
-  V as ActionsList
+  D as ActionsList
 };

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

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