@konstructio/ui 0.1.2-alpha.77 → 0.1.2-alpha.78

package/dist/components/Toast/Toast.variants.js

@@ -1,16 +1,49 @@
 import { c as a } from "../../index-D29mdTf5.js";
-const t = a(["rounded-md", "p-4", "flex", "flex-row", "relative", "overflow-hidden", "h-14", "items-center", "gap-8", "data-[state=open]:animate-slide-in", "data-[state=closed]:animate-hide", "data-[swipe=move]:translate-x-4", "data-[swipe=cancel]:translate-x-0", "data-[swipe=end]:animate-swipe-out", "text-white", "shadow-[0px_2px_4px_0px_rgba(100,116,139,0.25)]"], {
-  variants: {
-    variant: {
-      success: ["bg-green-800"],
-      error: ["bg-red-800"],
-      warning: ["bg-amber-800"]
+const t = a(
+  [
+    "rounded-md",
+    "p-4",
+    "flex",
+    "flex-row",
+    "relative",
+    "overflow-hidden",
+    "h-14",
+    "items-center",
+    "gap-8",
+    "data-[state=open]:animate-slide-in",
+    "data-[state=closed]:animate-hide",
+    "data-[swipe=move]:translate-x-4",
+    "data-[swipe=cancel]:translate-x-0",
+    "data-[swipe=end]:animate-swipe-out",
+    "text-white",
+    "shadow-[0px_2px_4px_0px_rgba(100,116,139,0.25)]"
+  ],
+  {
+    variants: {
+      variant: {
+        success: ["bg-green-800"],
+        error: ["bg-red-800"],
+        warning: ["bg-amber-800"]
+      }
+    },
+    defaultVariants: {
+      variant: "success"
     }
-  },
-  defaultVariants: {
-    variant: "success"
   }
-}), s = a(["fixed", "bottom-0", "right-0", "flex", "flex-col", "p-[var(--viewport-padding)]", "gap-8", "w-[390px]", "max-w-[100vw]", "m-0", "z-50", "outline-none"]), i = a(["w-4", "h-4", "text-white"]);
+), s = a([
+  "fixed",
+  "bottom-0",
+  "right-0",
+  "flex",
+  "flex-col",
+  "p-[var(--viewport-padding)]",
+  "gap-8",
+  "w-[390px]",
+  "max-w-[100vw]",
+  "m-0",
+  "z-50",
+  "outline-none"
+]), i = a(["w-4", "h-4", "text-white"]);
 export {
   i as closeToastVariants,
   t as toastVariants,

package/dist/components/Tooltip/Tooltip.js

@@ -1,38 +1,37 @@
-import { jsx as l, jsxs as y } from "react/jsx-runtime";
-import { c as R } from "../../compiler-runtime-DA41awpA.js";
-import { T, A as j, P as A, C as D, R as O, a as E } from "../../index-CiACf4ao.js";
-import { cn as $ } from "../../utils/index.js";
-const F = (P) => {
-  const e = R.c(20), {
-    content: n,
-    children: d,
-    side: N,
-    sideOffset: v,
-    bgClassName: u,
-    arrowClassName: g,
-    textClassName: w,
-    className: c,
-    delayDuration: b
-  } = P, m = N === void 0 ? "top" : N, f = v === void 0 ? 4 : v, p = u === void 0 ? "bg-slate-700" : u, x = g === void 0 ? "fill-slate-700" : g, h = w === void 0 ? "text-white" : w, C = b === void 0 ? 0 : b;
-  let t;
-  e[0] !== d ? (t = /* @__PURE__ */ l(T, { asChild: !0, children: /* @__PURE__ */ l("span", { children: d }) }), e[0] = d, e[1] = t) : t = e[1];
-  let s;
-  e[2] !== p || e[3] !== c || e[4] !== h ? (s = $("rounded px-2 py-1 text-xs shadow-md", "animate-in fade-in-0", p, h, c), e[2] = p, e[3] = c, e[4] = h, e[5] = s) : s = e[5];
-  let o;
-  e[6] !== x ? (o = /* @__PURE__ */ l(j, { className: x }), e[6] = x, e[7] = o) : o = e[7];
-  let a;
-  e[8] !== n || e[9] !== m || e[10] !== f || e[11] !== s || e[12] !== o ? (a = /* @__PURE__ */ l(A, { children: /* @__PURE__ */ y(D, { side: m, sideOffset: f, className: s, children: [
-    n,
-    o
-  ] }) }), e[8] = n, e[9] = m, e[10] = f, e[11] = s, e[12] = o, e[13] = a) : a = e[13];
-  let i;
-  e[14] !== a || e[15] !== t ? (i = /* @__PURE__ */ y(O, { children: [
-    t,
-    a
-  ] }), e[14] = a, e[15] = t, e[16] = i) : i = e[16];
-  let r;
-  return e[17] !== C || e[18] !== i ? (r = /* @__PURE__ */ l(E, { delayDuration: C, children: i }), e[17] = C, e[18] = i, e[19] = r) : r = e[19], r;
-};
+import { jsx as r, jsxs as a } from "react/jsx-runtime";
+import { P as c, R as p, T as h, a as x, C as f, A as g } from "../../index-mPinF0Ho.js";
+import { cn as w } from "../../utils/index.js";
+const j = ({
+  content: e,
+  children: s,
+  side: t = "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(c, { delayDuration: m, children: /* @__PURE__ */ a(p, { children: [
+  /* @__PURE__ */ r(h, { asChild: !0, children: /* @__PURE__ */ r("span", { children: s }) }),
+  /* @__PURE__ */ r(x, { children: /* @__PURE__ */ a(
+    f,
+    {
+      side: t,
+      sideOffset: o,
+      className: w(
+        "rounded px-2 py-1 text-xs shadow-md",
+        "animate-in fade-in-0",
+        i,
+        n,
+        d
+      ),
+      children: [
+        e,
+        /* @__PURE__ */ r(g, { className: l })
+      ]
+    }
+  ) })
+] }) });
 export {
-  F as Tooltip
+  j as Tooltip
 };

package/dist/components/Typography/Typography.js

@@ -1,29 +1,26 @@
-import { jsx as f } from "react/jsx-runtime";
-import { c as d } from "../../compiler-runtime-DA41awpA.js";
-import { forwardRef as h } from "react";
-import { cn as y } from "../../utils/index.js";
-import { typographyVariants as g } from "./Typography.variants.js";
-const u = h((i, n) => {
-  const e = d.c(17);
-  let o, r, p, m, a, t;
-  e[0] !== i ? ({
-    className: r,
-    theme: a,
-    children: o,
-    variant: t,
-    component: p,
-    ...m
-  } = i, e[0] = i, e[1] = o, e[2] = r, e[3] = p, e[4] = m, e[5] = a, e[6] = t) : (o = e[1], r = e[2], p = e[3], m = e[4], a = e[5], t = e[6]);
-  const c = p ?? (t?.includes("h") ? t : "p");
-  let l;
-  e[7] !== r || e[8] !== t ? (l = y(g({
-    className: r,
-    variant: t
-  })), e[7] = r, e[8] = t, e[9] = l) : l = e[9];
-  let s;
-  return e[10] !== c || e[11] !== o || e[12] !== m || e[13] !== n || e[14] !== l || e[15] !== a ? (s = /* @__PURE__ */ f(c, { ref: n, "data-theme": a, className: l, ...m, children: o }), e[10] = c, e[11] = o, e[12] = m, e[13] = n, e[14] = l, e[15] = a, e[16] = s) : s = e[16], s;
+import { jsx as n } from "react/jsx-runtime";
+import { forwardRef as y } from "react";
+import { cn as c } from "../../utils/index.js";
+import { typographyVariants as f } from "./Typography.variants.js";
+const h = y(({ className: r, theme: p, children: t, variant: o, component: m, ...e }, s) => {
+  const a = m ?? (o?.includes("h") ? o : "p");
+  return /* @__PURE__ */ n(
+    a,
+    {
+      ref: s,
+      "data-theme": p,
+      className: c(
+        f({
+          className: r,
+          variant: o
+        })
+      ),
+      ...e,
+      children: t
+    }
+  );
 });
-u.displayName = "KonstructTypography";
+h.displayName = "KonstructTypography";
 export {
-  u as Typography
+  h as Typography
 };

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

@@ -1,30 +1,65 @@
 import { c as t } from "../../index-D29mdTf5.js";
-const a = t(["text-slate-800", "dark:text-metal-50"], {
-  variants: {
-    variant: {
-      h1: ["text-[57px]", "leading-16"],
-      h2: ["text-[45px]", "leading-13"],
-      h3: ["text-4xl", "leading-11"],
-      h4: ["text-[32px]", "leading-10"],
-      h5: ["text-[28px]", "leading-9"],
-      h6: ["text-2xl", "font-medium", "leading-8", "tracking-[0.15px]"],
-      subtitle1: ["text-[22px]", "leading-7"],
-      subtitle2: ["text-[16px]", "font-medium", "leading-6", "tracking-[0.15px]"],
-      subtitle3: ["text-[14px]", "font-medium", "leading-5", "tracking-[0.1px]"],
-      labelLarge: ["text-sm", "font-medium", "text-slate-500", "dark:text-metal-50"],
-      labelMedium: ["text-[12px]", "font-medium", "leading-4", "tracking-[0.5px]", "uppercase"],
-      labelSmall: ["text-[11px]", "font-medium", "leading-4", "tracking-[0.5px]", "uppercase"],
-      buttonSmall: ["text-[14px]", "font-semibold", "leading-5", "tracking-[0.25px]"],
-      body1: ["text-base", "leading-6", "tracking-[0.5px]"],
-      body2: ["text-sm", "leading-5", "tracking-[0.25px]"],
-      body3: ["text-xs", "leading-4", "tracking-[0.4px]"],
-      tooltip: ["text-sm", "leading-5.5"]
+const a = t(
+  ["text-slate-800", "dark:text-metal-50"],
+  {
+    variants: {
+      variant: {
+        h1: ["text-[57px]", "leading-16"],
+        h2: ["text-[45px]", "leading-13"],
+        h3: ["text-4xl", "leading-11"],
+        h4: ["text-[32px]", "leading-10"],
+        h5: ["text-[28px]", "leading-9"],
+        h6: ["text-2xl", "font-medium", "leading-8", "tracking-[0.15px]"],
+        subtitle1: ["text-[22px]", "leading-7"],
+        subtitle2: [
+          "text-[16px]",
+          "font-medium",
+          "leading-6",
+          "tracking-[0.15px]"
+        ],
+        subtitle3: [
+          "text-[14px]",
+          "font-medium",
+          "leading-5",
+          "tracking-[0.1px]"
+        ],
+        labelLarge: [
+          "text-sm",
+          "font-medium",
+          "text-slate-500",
+          "dark:text-metal-50"
+        ],
+        labelMedium: [
+          "text-[12px]",
+          "font-medium",
+          "leading-4",
+          "tracking-[0.5px]",
+          "uppercase"
+        ],
+        labelSmall: [
+          "text-[11px]",
+          "font-medium",
+          "leading-4",
+          "tracking-[0.5px]",
+          "uppercase"
+        ],
+        buttonSmall: [
+          "text-[14px]",
+          "font-semibold",
+          "leading-5",
+          "tracking-[0.25px]"
+        ],
+        body1: ["text-base", "leading-6", "tracking-[0.5px]"],
+        body2: ["text-sm", "leading-5", "tracking-[0.25px]"],
+        body3: ["text-xs", "leading-4", "tracking-[0.4px]"],
+        tooltip: ["text-sm", "leading-5.5"]
+      }
+    },
+    defaultVariants: {
+      variant: "body1"
     }
-  },
-  defaultVariants: {
-    variant: "body1"
   }
-});
+);
 export {
   a as typographyVariants
 };

package/dist/components/VirtualizedTable/VirtualizedTable.js

@@ -59,15 +59,97 @@ const lr = ({
   renderExpandedRow: U,
   keepExpandColumnVisible: X
 }) => {
-  const e = Y(() => h || [a, i, l, m].some(Boolean), []);
-  return /* @__PURE__ */ r(D, { id: c, columns: d, data: f, getRowId: w, fetchData: A, totalItems: u, queryOptions: y, isPaginationEnabled: e, enableExpandedRow: M, expandedState: W, onExpandedChange: S, defaultExpanded: q, classNameExpandedRow: F, classNameExpandedCell: G, classNameExpandedContent: J, classNameExpandedHeader: O, classNameActiveExpandedRow: Q, enableHoverRow: I, classNameHoverRow: K, renderExpandedRow: U, keepExpandColumnVisible: X, children: /* @__PURE__ */ n("section", { className: s("w-full min-w-fit", b), children: [
-    B && /* @__PURE__ */ r(L, { actions: k, filters: g, multiSelectFilter: j, placeholder: V, showFilterInput: R, showResetButton: P, resetButtonClassName: C, closeOnApply: H }),
-    /* @__PURE__ */ r(rr, { showPagination: e, classNameWrapperTable: N, isLoading: t, children: /* @__PURE__ */ n("table", { className: s("w-full border-collapse table-auto", "dark:border-separate dark:border-spacing-0", E), "aria-label": p, children: [
-      /* @__PURE__ */ r(er, { className: x, classNameArrows: v, classNameActiveArrows: T }),
-      /* @__PURE__ */ r(or, { isLoading: t, showPagination: e })
-    ] }) }),
-    e && /* @__PURE__ */ r(tr, { showTotalItems: a, showDropdownPagination: i, showDotPagination: l, showFormPagination: m, pageSizes: z, isLoading: t })
-  ] }) });
+  const e = Y(
+    () => h || [
+      a,
+      i,
+      l,
+      m
+    ].some(Boolean),
+    []
+  );
+  return /* @__PURE__ */ r(
+    D,
+    {
+      id: c,
+      columns: d,
+      data: f,
+      getRowId: w,
+      fetchData: A,
+      totalItems: u,
+      queryOptions: y,
+      isPaginationEnabled: e,
+      enableExpandedRow: M,
+      expandedState: W,
+      onExpandedChange: S,
+      defaultExpanded: q,
+      classNameExpandedRow: F,
+      classNameExpandedCell: G,
+      classNameExpandedContent: J,
+      classNameExpandedHeader: O,
+      classNameActiveExpandedRow: Q,
+      enableHoverRow: I,
+      classNameHoverRow: K,
+      renderExpandedRow: U,
+      keepExpandColumnVisible: X,
+      children: /* @__PURE__ */ n("section", { className: s("w-full min-w-fit", b), children: [
+        B && /* @__PURE__ */ r(
+          L,
+          {
+            actions: k,
+            filters: g,
+            multiSelectFilter: j,
+            placeholder: V,
+            showFilterInput: R,
+            showResetButton: P,
+            resetButtonClassName: C,
+            closeOnApply: H
+          }
+        ),
+        /* @__PURE__ */ r(
+          rr,
+          {
+            showPagination: e,
+            classNameWrapperTable: N,
+            isLoading: t,
+            children: /* @__PURE__ */ n(
+              "table",
+              {
+                className: s(
+                  "w-full border-collapse table-auto",
+                  "dark:border-separate dark:border-spacing-0",
+                  E
+                ),
+                "aria-label": p,
+                children: [
+                  /* @__PURE__ */ r(
+                    er,
+                    {
+                      className: x,
+                      classNameArrows: v,
+                      classNameActiveArrows: T
+                    }
+                  ),
+                  /* @__PURE__ */ r(or, { isLoading: t, showPagination: e })
+                ]
+              }
+            )
+          }
+        ),
+        e && /* @__PURE__ */ r(
+          tr,
+          {
+            showTotalItems: a,
+            showDropdownPagination: i,
+            showDotPagination: l,
+            showFormPagination: m,
+            pageSizes: z,
+            isLoading: t
+          }
+        )
+      ] })
+    }
+  );
 }, o = lr;
 o.displayName = "KonstructVirtualizedTable";
 o.TruncateText = ar;

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

@@ -1,15 +1,25 @@
-import { jsx as i } from "react/jsx-runtime";
-import { c } from "../../../compiler-runtime-DA41awpA.js";
-const a = (n) => {
-  const e = c.c(4), {
-    className: l,
-    onClick: r
-  } = n;
-  let t;
-  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ i("path", { d: "M0.8225 0L3.5 2.67167L6.1775 0L7 0.8225L3.5 4.3225L0 0.8225L0.8225 0Z", fill: "currentColor" }), e[0] = t) : t = e[0];
-  let o;
-  return e[1] !== l || e[2] !== r ? (o = /* @__PURE__ */ i("svg", { width: "7", height: "5", viewBox: "0 0 7 5", fill: "none", className: l, onClick: r, children: t }), e[1] = l, e[2] = r, e[3] = o) : o = e[3], o;
-};
+import { jsx as o } from "react/jsx-runtime";
+const l = ({
+  className: t,
+  onClick: e
+}) => /* @__PURE__ */ o(
+  "svg",
+  {
+    width: "7",
+    height: "5",
+    viewBox: "0 0 7 5",
+    fill: "none",
+    className: t,
+    onClick: e,
+    children: /* @__PURE__ */ o(
+      "path",
+      {
+        d: "M0.8225 0L3.5 2.67167L6.1775 0L7 0.8225L3.5 4.3225L0 0.8225L0.8225 0Z",
+        fill: "currentColor"
+      }
+    )
+  }
+);
 export {
-  a as default
+  l as default
 };

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

@@ -1,15 +1,25 @@
-import { jsx as c } from "react/jsx-runtime";
-import { c as n } from "../../../compiler-runtime-DA41awpA.js";
-const a = (i) => {
-  const e = n.c(4), {
+import { jsx as o } from "react/jsx-runtime";
+const l = ({
+  className: r,
+  onClick: t
+}) => /* @__PURE__ */ o(
+  "svg",
+  {
+    width: "7",
+    height: "5",
+    viewBox: "0 0 7 5",
+    fill: "currentColor",
     className: r,
-    onClick: l
-  } = i;
-  let t;
-  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ c("path", { d: "M0.8225 4.99999L3.5 2.32832L6.1775 4.99999L7 4.17749L3.5 0.67749L0 4.17749L0.8225 4.99999Z", fill: "currentColor" }), e[0] = t) : t = e[0];
-  let o;
-  return e[1] !== r || e[2] !== l ? (o = /* @__PURE__ */ c("svg", { width: "7", height: "5", viewBox: "0 0 7 5", fill: "currentColor", className: r, onClick: l, children: t }), e[1] = r, e[2] = l, e[3] = o) : o = e[3], o;
-};
+    onClick: t,
+    children: /* @__PURE__ */ o(
+      "path",
+      {
+        d: "M0.8225 4.99999L3.5 2.32832L6.1775 4.99999L7 4.17749L3.5 0.67749L0 4.17749L0.8225 4.99999Z",
+        fill: "currentColor"
+      }
+    )
+  }
+);
 export {
-  a as default
+  l as default
 };

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

@@ -1,65 +1,118 @@
-import { jsx as f, jsxs as _ } from "react/jsx-runtime";
-import { c as R } from "../../../../compiler-runtime-DA41awpA.js";
-import { Button as A } from "../../../Button/Button.js";
-import { cn as d } from "../../../../utils/index.js";
-import { E as T } from "../../../../ellipsis-vertical-Cl3yNtOy.js";
-const I = (h) => {
-  const e = R.c(33);
-  let t, a, r, l, o, s;
-  if (e[0] !== h) {
-    s = /* @__PURE__ */ Symbol.for("react.early_return_sentinel");
-    e: {
-      const {
-        actions: y,
-        wrapperClassName: b,
-        triggerButtonClassName: v,
-        iconTriggerButtonClassName: x,
-        wrapperActionsClassName: N,
-        wrapperContentActionsClassName: k,
-        ...S
-      } = h;
-      if (!y) {
-        s = null;
-        break e;
-      }
-      e[7] !== b ? (l = d("relative group", b), e[7] = b, e[8] = l) : l = e[8];
-      let c;
-      e[9] !== v ? (c = d("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), e[9] = v, e[10] = c) : c = e[10];
-      let m;
-      e[11] !== x ? (m = d("w-7 h-7", x), e[11] = x, e[12] = m) : m = e[12];
-      let p;
-      e[13] !== m ? (p = /* @__PURE__ */ f(T, { "aria-hidden": "true", className: m }), e[13] = m, e[14] = p) : p = e[14];
-      let g;
-      e[15] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (g = /* @__PURE__ */ f("span", { className: "sr-only", children: "Show Actions" }), e[15] = g) : g = e[15], e[16] !== c || e[17] !== p ? (o = /* @__PURE__ */ _(A, { variant: "link", shape: "circle", size: "large", className: c, role: "presentation", children: [
-        p,
-        g
-      ] }), e[16] = c, e[17] = p, e[18] = o) : o = e[18], e[19] !== N ? (r = d("absolute", "top-full", "right-0", "w-53.75", "hidden", "group-hover:block", "z-10", N), e[19] = N, e[20] = r) : r = e[20], e[21] !== k ? (t = d("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", k), e[21] = k, e[22] = t) : t = e[22], a = y.map((j, z) => {
-        const {
-          id: B,
-          label: w,
-          className: E,
-          component: C,
-          componentProps: $,
-          onClick: P
-        } = j;
-        return /* @__PURE__ */ f(C === void 0 ? A : C, { className: d("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", E), variant: "link", role: "presentation", onClick: () => P(S.row.original), ...$, children: w }, B ?? (typeof w == "string" ? w : `action-${z}`));
-      });
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import { Button as n } from "../../../Button/Button.js";
+import { cn as r } from "../../../../utils/index.js";
+import { E as x } from "../../../../ellipsis-vertical-Cl3yNtOy.js";
+const y = ({
+  actions: a,
+  wrapperClassName: i,
+  triggerButtonClassName: l,
+  iconTriggerButtonClassName: s,
+  wrapperActionsClassName: d,
+  wrapperContentActionsClassName: c,
+  ...m
+}) => a ? /* @__PURE__ */ t("div", { className: r("relative group", i), children: [
+  /* @__PURE__ */ t(
+    n,
+    {
+      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" })
+      ]
     }
-    e[0] = h, e[1] = t, e[2] = a, e[3] = r, e[4] = l, e[5] = o, e[6] = s;
-  } else
-    t = e[1], a = e[2], r = e[3], l = e[4], o = e[5], s = e[6];
-  if (s !== /* @__PURE__ */ Symbol.for("react.early_return_sentinel"))
-    return s;
-  let n;
-  e[23] !== t || e[24] !== a ? (n = /* @__PURE__ */ f("div", { className: t, children: a }), e[23] = t, e[24] = a, e[25] = n) : n = e[25];
-  let i;
-  e[26] !== r || e[27] !== n ? (i = /* @__PURE__ */ f("div", { className: r, children: n }), e[26] = r, e[27] = n, e[28] = i) : i = e[28];
-  let u;
-  return e[29] !== l || e[30] !== o || e[31] !== i ? (u = /* @__PURE__ */ _("div", { className: l, children: [
-    o,
-    i
-  ] }), e[29] = l, e[30] = o, e[31] = i, e[32] = u) : u = e[32], u;
-};
+  ),
+  /* @__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",
+            c
+          ),
+          children: a.map(
+            ({
+              id: p,
+              label: o,
+              className: h,
+              component: u = n,
+              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(m.row.original),
+                ...g,
+                children: o
+              },
+              p ?? (typeof o == "string" ? o : `action-${f}`)
+            )
+          )
+        }
+      )
+    }
+  )
+] }) : null;
 export {
-  I as Actions
+  y as Actions
 };