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

package/dist/components/Typography/Typography.js

@@ -1,29 +1,18 @@
-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;
-});
-u.displayName = "KonstructTypography";
+import { t as s } from "../../utils-DHuiYnx1.js";
+import { typographyVariants as y } from "./Typography.variants.js";
+import { forwardRef as f } from "react";
+import { jsx as h } from "react/jsx-runtime";
+var i = f(({ className: o, theme: p, children: m, variant: r, component: t, ...a }, e) => /* @__PURE__ */ h(t ?? (r?.includes("h") ? r : "p"), {
+  ref: e,
+  "data-theme": p,
+  className: s(y({
+    className: o,
+    variant: r
+  })),
+  ...a,
+  children: m
+}));
+i.displayName = "KonstructTypography";
 export {
-  u as Typography
+  i as Typography
 };

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

@@ -1,29 +1,74 @@
-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"]
-    }
-  },
-  defaultVariants: {
-    variant: "body1"
-  }
+import { t } from "../../dist-DtEbXv47.js";
+var 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" }
 });
 export {
   a as typographyVariants

package/dist/components/VirtualizedTable/VirtualizedTable.js

@@ -1,83 +1,95 @@
-import { jsx as r, jsxs as n } from "react/jsx-runtime";
-import { useMemo as Y } from "react";
-import { cn as s } from "../../utils/index.js";
-import { sendToggleRowEvent as Z, sendCollapseRowEvent as _, sendExpandRowEvent as $ } from "./events/index.js";
-import { TableProvider as D } from "./contexts/table.provider.js";
-import { Filter as L } from "./components/Filter/Filter.js";
-import { WrapperBody as rr } from "./components/WrapperBody/WrapperBody.js";
+import { t as s } from "../../utils-DHuiYnx1.js";
+import { Actions as Y } from "./components/Actions/Actions.js";
+import { t as Z } from "../../table.provider-4OQNqxH3.js";
+import { sendCollapseRowEvent as _, sendExpandRowEvent as $, sendToggleRowEvent as D } from "./events/index.js";
+import { Body as L } from "./components/Body/Body.js";
+import { Filter as rr } from "./components/Filter/Filter.js";
 import { Header as er } from "./components/Header/Header.js";
-import { Body as or } from "./components/Body/Body.js";
-import { Pagination as tr } from "./components/Pagination/Pagination.js";
-import { TruncateText as ar } from "./components/TruncateText/TruncateText.js";
-import { Actions as ir } from "./components/Actions/Actions.js";
-const lr = ({
-  id: c,
-  ariaLabel: p,
-  columns: d,
-  data: f,
-  totalItems: u = -1 / 0,
-  className: b,
-  classNameHeaderActiveArrows: T,
-  classNameHeaderArrows: v,
-  classNameHeaderTable: x,
-  classNameTable: E,
-  classNameWrapperTable: N,
-  isLoading: t,
-  getRowId: w,
-  fetchData: A,
-  queryOptions: y,
-  // Pagination
-  showPagination: h,
-  showTotalItems: a,
-  showDropdownPagination: i,
-  showDotPagination: l,
-  showFormPagination: m,
-  pageSizes: z,
-  // Filter
-  showFilter: B = !1,
-  showFilterInput: R,
-  filterSearchPlaceholder: V = "",
-  filters: g,
-  multiSelectFilter: j,
-  filterActions: k,
-  showResetButton: P = !0,
-  resetButtonClassName: C,
-  closeOnApply: H = !0,
-  // Hover row
-  enableHoverRow: I,
-  classNameHoverRow: K,
-  // Expandable rows
-  enableExpandedRow: M,
-  expandedState: W,
-  defaultExpanded: q,
-  classNameExpandedRow: F,
-  classNameExpandedCell: G,
-  classNameExpandedContent: J,
-  classNameExpandedHeader: O,
-  classNameActiveExpandedRow: Q,
-  onExpandedChange: S,
-  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 })
-  ] }) });
-}, o = lr;
-o.displayName = "KonstructVirtualizedTable";
-o.TruncateText = ar;
-o.Actions = ir;
-o.Events = {
+import { Pagination as ar } from "./components/Pagination/Pagination.js";
+import { TruncateText as or } from "./components/TruncateText/TruncateText.js";
+import { WrapperBody as tr } from "./components/WrapperBody/WrapperBody.js";
+import { useMemo as ir } from "react";
+import { jsx as r, jsxs as n } from "react/jsx-runtime";
+var lr = ({ id: c, ariaLabel: p, columns: d, data: f, totalItems: u = -1 / 0, className: b, classNameHeaderActiveArrows: v, classNameHeaderArrows: T, classNameHeaderTable: x, classNameTable: E, classNameWrapperTable: N, isLoading: o, getRowId: w, fetchData: A, queryOptions: y, showPagination: h, showTotalItems: t, showDropdownPagination: i, showDotPagination: l, showFormPagination: m, pageSizes: z, showFilter: B = !1, showFilterInput: R, filterSearchPlaceholder: V = "", filters: g, multiSelectFilter: j, filterActions: k, showResetButton: P = !0, resetButtonClassName: C, closeOnApply: H = !0, enableHoverRow: I, classNameHoverRow: K, enableExpandedRow: M, expandedState: W, defaultExpanded: q, classNameExpandedRow: F, classNameExpandedCell: G, classNameExpandedContent: J, classNameExpandedHeader: O, classNameActiveExpandedRow: Q, onExpandedChange: S, renderExpandedRow: U, keepExpandColumnVisible: X }) => {
+  const e = ir(() => h || [
+    t,
+    i,
+    l,
+    m
+  ].some(Boolean), []);
+  return /* @__PURE__ */ r(Z, {
+    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(rr, {
+          actions: k,
+          filters: g,
+          multiSelectFilter: j,
+          placeholder: V,
+          showFilterInput: R,
+          showResetButton: P,
+          resetButtonClassName: C,
+          closeOnApply: H
+        }),
+        /* @__PURE__ */ r(tr, {
+          showPagination: e,
+          classNameWrapperTable: N,
+          isLoading: o,
+          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: T,
+              classNameActiveArrows: v
+            }), /* @__PURE__ */ r(L, {
+              isLoading: o,
+              showPagination: e
+            })]
+          })
+        }),
+        e && /* @__PURE__ */ r(ar, {
+          showTotalItems: t,
+          showDropdownPagination: i,
+          showDotPagination: l,
+          showFormPagination: m,
+          pageSizes: z,
+          isLoading: o
+        })
+      ]
+    })
+  });
+}, a = lr;
+a.displayName = "KonstructVirtualizedTable";
+a.TruncateText = or;
+a.Actions = Y;
+a.Events = {
   sendExpandRowEvent: $,
   sendCollapseRowEvent: _,
-  sendToggleRowEvent: Z
+  sendToggleRowEvent: D
 };
 export {
-  ar as TruncateText,
-  o as VirtualizedTable
+  or as TruncateText,
+  a as VirtualizedTable
 };

package/dist/components/VirtualizedTable/VirtualizedTable.types.d.ts

@@ -156,7 +156,7 @@ export type Props<TData extends RowDataPrimitive> = VariantProps<typeof virtuali
     queryOptions?: Omit<UseQueryOptions<any, any, any, any>, 'queryKey' | 'queryFn'>;
     isLoading?: boolean;
     getRowId?: (originalRow: TData, index: number) => string;
-    fetchData?: (params: Record<string, string | number | string[] | number[] | undefined>) => Promise<{
+    fetchData?: (params: Record<string, string | number | string[] | number[] | undefined>, signal?: AbortSignal) => Promise<{
         data: TData[];
         totalItemsCount?: number;
     }>;

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

@@ -1,5 +1,5 @@
-import { c as a } from "../../index-D29mdTf5.js";
-const t = a([]);
+import { t as a } from "../../dist-DtEbXv47.js";
+var t = a([]);
 export {
   t as virtualizeTableVariants
 };

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

@@ -1,15 +1,16 @@
-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";
+var i = ({ className: e, onClick: r }) => /* @__PURE__ */ o("svg", {
+  width: "7",
+  height: "5",
+  viewBox: "0 0 7 5",
+  fill: "none",
+  className: e,
+  onClick: r,
+  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
+  i as default
 };

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

@@ -1,15 +1,16 @@
-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), {
-    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;
-};
+import { jsx as r } from "react/jsx-runtime";
+var l = ({ className: o, onClick: t }) => /* @__PURE__ */ r("svg", {
+  width: "7",
+  height: "5",
+  viewBox: "0 0 7 5",
+  fill: "currentColor",
+  className: o,
+  onClick: t,
+  children: /* @__PURE__ */ r("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/assets/index.js

@@ -1,6 +1,6 @@
-import { default as r } from "./chevron-up.js";
-import { default as f } from "./chevron-down.js";
+import n from "./chevron-up.js";
+import m from "./chevron-down.js";
 export {
-  f as ChevronDown,
-  r as ChevronUp
+  m as ChevronDown,
+  n as ChevronUp
 };

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

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