@oneclick.dev/cms-core-modules 0.0.96 → 0.0.98

package/dist/{TableView-YJ3BvQk7.mjs → TableView-Bf67F7Hd.mjs}

@@ -1,5 +1,5 @@
-import { isRef as vt, shallowRef as Mt, watch as Se, ref as A, watchEffect as _t, defineComponent as ne, h as Z, unref as b, inject as j, resolveComponent as m, openBlock as D, createElementBlock as E, Fragment as K, createElementVNode as $, toDisplayString as N, createVNode as r, withCtx as i, renderList as le, createTextVNode as S, createCommentVNode as Y, computed as Ie, createBlock as O, normalizeClass as ie, markRaw as Oe, withModifiers as It, resolveDynamicComponent as ot, useTemplateRef as Pt, reactive as ye, onMounted as Pe, nextTick as Be, provide as ae } from "vue";
-import { useFlowBuilder as St, useProjectSettings as At, useFirebaseIntegration as kt, useModulePermissions as me, useModuleStorage as we, useModuleRoute as Tt, useModuleBreadcrumbs as Et } from "@oneclick.dev/cms-kit";
+import { isRef as vt, shallowRef as Mt, watch as Se, ref as k, watchEffect as _t, defineComponent as ne, h as Z, unref as b, inject as j, resolveComponent as m, openBlock as D, createElementBlock as E, Fragment as K, createElementVNode as $, toDisplayString as N, createVNode as r, withCtx as i, renderList as le, createTextVNode as S, createCommentVNode as Y, computed as Ie, createBlock as O, normalizeClass as ie, markRaw as Oe, withModifiers as It, resolveDynamicComponent as ot, useTemplateRef as Pt, reactive as ye, onMounted as Pe, nextTick as Be, provide as ae } from "vue";
+import { useFlowBuilder as St, useProjectSettings as kt, useFirebaseIntegration as At, useModulePermissions as me, useModuleStorage as we, useModuleRoute as Tt, useModuleBreadcrumbs as Et } from "@oneclick.dev/cms-kit";
 import { i as Lt, v as xe, c as Me, d as zt } from "./utils-BVKy9S2J.mjs";
 import { ChevronsLeft as Ht, ChevronLeft as Gt, ChevronRight as Ot, ChevronsRight as Bt, Table2 as Ct, icons as lt, ArrowUpDown as Qe, Info as Ut, Check as Le, Trash2 as Nt, Plus as Re, ChevronUp as qt, ChevronDown as rt, X as jt, CalendarIcon as Yt, MousePointerClick as Kt } from "lucide-vue-next";
 import Xt from "@oneclick.dev/cms-kit/components";
@@ -166,15 +166,15 @@ const sn = {
     e.getHeaderGroups = z(() => [e.getAllColumns(), e.getVisibleLeafColumns(), e.getState().columnPinning.left, e.getState().columnPinning.right], (o, t, n, l) => {
       var s, a;
       const u = (s = n?.map((x) => t.find((v) => v.id === x)).filter(Boolean)) != null ? s : [], d = (a = l?.map((x) => t.find((v) => v.id === x)).filter(Boolean)) != null ? a : [], f = t.filter((x) => !(n != null && n.includes(x.id)) && !(l != null && l.includes(x.id)));
-      return Ae(o, [...u, ...f, ...d], e);
-    }, H(e.options, se, "getHeaderGroups")), e.getCenterHeaderGroups = z(() => [e.getAllColumns(), e.getVisibleLeafColumns(), e.getState().columnPinning.left, e.getState().columnPinning.right], (o, t, n, l) => (t = t.filter((s) => !(n != null && n.includes(s.id)) && !(l != null && l.includes(s.id))), Ae(o, t, e, "center")), H(e.options, se, "getCenterHeaderGroups")), e.getLeftHeaderGroups = z(() => [e.getAllColumns(), e.getVisibleLeafColumns(), e.getState().columnPinning.left], (o, t, n) => {
+      return ke(o, [...u, ...f, ...d], e);
+    }, H(e.options, se, "getHeaderGroups")), e.getCenterHeaderGroups = z(() => [e.getAllColumns(), e.getVisibleLeafColumns(), e.getState().columnPinning.left, e.getState().columnPinning.right], (o, t, n, l) => (t = t.filter((s) => !(n != null && n.includes(s.id)) && !(l != null && l.includes(s.id))), ke(o, t, e, "center")), H(e.options, se, "getCenterHeaderGroups")), e.getLeftHeaderGroups = z(() => [e.getAllColumns(), e.getVisibleLeafColumns(), e.getState().columnPinning.left], (o, t, n) => {
       var l;
       const s = (l = n?.map((a) => t.find((u) => u.id === a)).filter(Boolean)) != null ? l : [];
-      return Ae(o, s, e, "left");
+      return ke(o, s, e, "left");
     }, H(e.options, se, "getLeftHeaderGroups")), e.getRightHeaderGroups = z(() => [e.getAllColumns(), e.getVisibleLeafColumns(), e.getState().columnPinning.right], (o, t, n) => {
       var l;
       const s = (l = n?.map((a) => t.find((u) => u.id === a)).filter(Boolean)) != null ? l : [];
-      return Ae(o, s, e, "right");
+      return ke(o, s, e, "right");
     }, H(e.options, se, "getRightHeaderGroups")), e.getFooterGroups = z(() => [e.getHeaderGroups()], (o) => [...o].reverse(), H(e.options, se, "getFooterGroups")), e.getLeftFooterGroups = z(() => [e.getLeftHeaderGroups()], (o) => [...o].reverse(), H(e.options, se, "getLeftFooterGroups")), e.getCenterFooterGroups = z(() => [e.getCenterHeaderGroups()], (o) => [...o].reverse(), H(e.options, se, "getCenterFooterGroups")), e.getRightFooterGroups = z(() => [e.getRightHeaderGroups()], (o) => [...o].reverse(), H(e.options, se, "getRightFooterGroups")), e.getFlatHeaders = z(() => [e.getHeaderGroups()], (o) => o.map((t) => t.headers).flat(), H(e.options, se, "getFlatHeaders")), e.getLeftFlatHeaders = z(() => [e.getLeftHeaderGroups()], (o) => o.map((t) => t.headers).flat(), H(e.options, se, "getLeftFlatHeaders")), e.getCenterFlatHeaders = z(() => [e.getCenterHeaderGroups()], (o) => o.map((t) => t.headers).flat(), H(e.options, se, "getCenterFlatHeaders")), e.getRightFlatHeaders = z(() => [e.getRightHeaderGroups()], (o) => o.map((t) => t.headers).flat(), H(e.options, se, "getRightFlatHeaders")), e.getCenterLeafHeaders = z(() => [e.getCenterFlatHeaders()], (o) => o.filter((t) => {
       var n;
       return !((n = t.subHeaders) != null && n.length);
@@ -190,7 +190,7 @@ const sn = {
     }, H(e.options, se, "getLeafHeaders"));
   }
 };
-function Ae(e, o, t, n) {
+function ke(e, o, t, n) {
   var l, s;
   let a = 0;
   const u = function(v, p) {
@@ -681,7 +681,7 @@ const xn = {
 function Rn(e) {
   return e || (typeof document < "u" ? document : null);
 }
-const ke = {
+const Ae = {
   size: 150,
   minSize: 20,
   maxSize: Number.MAX_SAFE_INTEGER
@@ -693,7 +693,7 @@ const ke = {
   isResizingColumn: !1,
   columnSizingStart: []
 }), bn = {
-  getDefaultColumnDef: () => ke,
+  getDefaultColumnDef: () => Ae,
   getInitialState: (e) => ({
     columnSizing: {},
     columnSizingInfo: qe(),
@@ -709,7 +709,7 @@ const ke = {
     e.getSize = () => {
       var t, n, l;
       const s = o.getState().columnSizing[e.id];
-      return Math.min(Math.max((t = e.columnDef.minSize) != null ? t : ke.minSize, (n = s ?? e.columnDef.size) != null ? n : ke.size), (l = e.columnDef.maxSize) != null ? l : ke.maxSize);
+      return Math.min(Math.max((t = e.columnDef.minSize) != null ? t : Ae.minSize, (n = s ?? e.columnDef.size) != null ? n : Ae.size), (l = e.columnDef.maxSize) != null ? l : Ae.maxSize);
     }, e.getStart = z((t) => [t, he(o, t), o.getState().columnSizing], (t, n) => n.slice(0, e.getIndex(t)).reduce((l, s) => l + s.getSize(), 0), H(o.options, "debugColumns", "getStart")), e.getAfter = z((t) => [t, he(o, t), o.getState().columnSizing], (t, n) => n.slice(e.getIndex(t) + 1).reduce((l, s) => l + s.getSize(), 0), H(o.options, "debugColumns", "getAfter")), e.resetSize = () => {
       o.setColumnSizing((t) => {
         let {
@@ -1358,7 +1358,7 @@ function tt(e, o, t) {
     }
   }), l ? "all" : s ? "some" : !1;
 }
-const nt = /([0-9]+)/gm, An = (e, o, t) => $t(Ce(e.getValue(t)).toLowerCase(), Ce(o.getValue(t)).toLowerCase()), kn = (e, o, t) => $t(Ce(e.getValue(t)), Ce(o.getValue(t))), Tn = (e, o, t) => ut(Ce(e.getValue(t)).toLowerCase(), Ce(o.getValue(t)).toLowerCase()), En = (e, o, t) => ut(Ce(e.getValue(t)), Ce(o.getValue(t))), Ln = (e, o, t) => {
+const nt = /([0-9]+)/gm, kn = (e, o, t) => $t(Ce(e.getValue(t)).toLowerCase(), Ce(o.getValue(t)).toLowerCase()), An = (e, o, t) => $t(Ce(e.getValue(t)), Ce(o.getValue(t))), Tn = (e, o, t) => ut(Ce(e.getValue(t)).toLowerCase(), Ce(o.getValue(t)).toLowerCase()), En = (e, o, t) => ut(Ce(e.getValue(t)), Ce(o.getValue(t))), Ln = (e, o, t) => {
   const n = e.getValue(t), l = o.getValue(t);
   return n > l ? 1 : n < l ? -1 : 0;
 }, zn = (e, o, t) => ut(e.getValue(t), o.getValue(t));
@@ -1389,8 +1389,8 @@ function $t(e, o) {
   return t.length - n.length;
 }
 const Ve = {
-  alphanumeric: An,
-  alphanumericCaseSensitive: kn,
+  alphanumeric: kn,
+  alphanumericCaseSensitive: An,
   text: Tn,
   textCaseSensitive: En,
   datetime: Ln,
@@ -1936,7 +1936,7 @@ function Wn(e) {
       immediate: !0
     });
   }
-  const l = A(n.initialState);
+  const l = k(n.initialState);
   return _t(() => {
     n.setOptions((s) => {
       var a;
@@ -2286,7 +2286,7 @@ const wo = (e, o = {}) => {
     row: {}
   },
   setup(e) {
-    const o = e, t = j("data"), n = j("isPerformingDataTableAction", A(!1)), { runFlow: l } = St(), s = Ie(() => [!0, "true"].includes(Jt(o.action.visible, [
+    const o = e, t = j("data"), n = j("isPerformingDataTableAction", k(!1)), { runFlow: l } = St(), s = Ie(() => [!0, "true"].includes(Jt(o.action.visible, [
       {
         name: "item",
         value: {
@@ -2359,10 +2359,10 @@ const wo = (e, o = {}) => {
       })) : Y("", !0);
     };
   }
-}), yo = { class: "mx-auto w-full max-w-sm mt-8" }, Ro = { class: "w-full flex flex-col gap-2" }, bo = ["innerHTML"], Do = /* @__PURE__ */ ne({
+}), yo = { class: "mx-auto w-full max-w-sm mt-8" }, Ro = { class: "w-full flex flex-col gap-2 mb-4" }, bo = ["innerHTML"], Do = /* @__PURE__ */ ne({
   __name: "DataTableMobileRowActionDrawer",
   setup(e, { expose: o }) {
-    const t = A(!1), n = A([]);
+    const t = k(!1), n = k([]);
     Se(
       t,
       (a) => {
@@ -2398,7 +2398,7 @@ const wo = (e, o = {}) => {
                 $("div", Ro, [
                   (D(!0), E(K, null, le(b(n), (v) => (D(), O(d, {
                     variant: "outline",
-                    class: "w-full",
+                    class: "w-full h-11 border-none bg-foreground! text-background! rounded-lg",
                     key: v,
                     onClick: (p) => s(v)
                   }, {
@@ -2411,14 +2411,11 @@ const wo = (e, o = {}) => {
                     _: 2
                   }, 1032, ["onClick"]))), 128))
                 ]),
-                u[2] || (u[2] = $("div", { class: "p-4 pb-0" }, [
-                  $("div", { class: "mt-3 h-[40px]" })
-                ], -1)),
                 r(f, { "as-child": "" }, {
                   default: i(() => [
                     r(d, {
                       variant: "outline",
-                      class: "w-full mb-8"
+                      class: "w-full mb-8 h-11 shadow-none! border-none! active:bg-black/5 dark:active:bg-white/5! rounded-lg"
                     }, {
                       default: i(() => [...u[1] || (u[1] = [
                         S(" Cancel ", -1)
@@ -2443,7 +2440,7 @@ const wo = (e, o = {}) => {
 }, Vo = /* @__PURE__ */ ne({
   __name: "DataTable",
   setup(e, { expose: o }) {
-    const { Button: t, Checkbox: n } = Xt, { $dragAndDrop: l } = useNuxtApp(), { formatCurrency: s } = At(), a = j("integrationId", A("")), u = j("resourcePath", A("")), d = j("table"), f = j("data"), C = j("columns"), x = j("sortMode", A(!1)), v = j("sortModeProperty", A("")), p = j("filters", A([])), w = j("itemActions", A([])), g = j("isPerformingDataTableAction", A(!1)), _ = Pt("mobileActionDrawer"), c = Ie(() => {
+    const { Button: t, Checkbox: n } = Xt, { $dragAndDrop: l } = useNuxtApp(), { formatCurrency: s } = kt(), a = j("integrationId", k("")), u = j("resourcePath", k("")), d = j("table"), f = j("data"), C = j("columns"), x = j("sortMode", k(!1)), v = j("sortModeProperty", k("")), p = j("filters", k([])), w = j("itemActions", k([])), g = j("isPerformingDataTableAction", k(!1)), _ = Pt("mobileActionDrawer"), c = Ie(() => {
       let L = [];
       return x.value ? L.push({
         id: "drag-handle",
@@ -2496,7 +2493,7 @@ const wo = (e, o = {}) => {
         let U = !!p.value.find((h) => h.property === R.property);
         R.visible && (R.type === "text" ? L.push({
           id: R.property,
-          accessorFn: (h) => R.property.includes(".") ? R.property.split(".").reduce((k, P) => k?.[P], h) : h[R.property],
+          accessorFn: (h) => R.property.includes(".") ? R.property.split(".").reduce((A, P) => A?.[P], h) : h[R.property],
           header: ({ column: h }) => Z(t, {
             variant: "ghost",
             disabled: x.value,
@@ -2505,15 +2502,15 @@ const wo = (e, o = {}) => {
           cell: ({ row: h }) => Z("div", {}, h.getValue(R.property)),
           ...U ? {
             enableColumnFilter: !0,
-            filterFn: (h, k, P) => {
+            filterFn: (h, A, P) => {
               if (!Array.isArray(P) || P.length === 0) return !0;
-              const Q = h.getValue(k);
+              const Q = h.getValue(A);
               return P.includes(Q);
             }
           } : {}
         }) : R.type === "number" ? L.push({
           id: R.property,
-          accessorFn: (h) => R.property.includes(".") ? R.property.split(".").reduce((k, P) => k?.[P], h) : h[R.property],
+          accessorFn: (h) => R.property.includes(".") ? R.property.split(".").reduce((A, P) => A?.[P], h) : h[R.property],
           header: ({ column: h }) => Z(t, {
             variant: "ghost",
             disabled: x.value,
@@ -2522,22 +2519,22 @@ const wo = (e, o = {}) => {
           cell: ({ row: h }) => Z("div", { class: "" }, isNaN(h.getValue(R.property)) ? h.getValue(R.property) : parseFloat(h.getValue(R.property))?.toFixed(2)?.replace(".00", ""))
         }) : R.type === "date" ? L.push({
           id: R.property,
-          accessorFn: (h) => R.property.includes(".") ? R.property.split(".").reduce((k, P) => k?.[P], h) : h[R.property],
+          accessorFn: (h) => R.property.includes(".") ? R.property.split(".").reduce((A, P) => A?.[P], h) : h[R.property],
           header: R.label,
           cell: ({ row: h }) => Z("div", { class: "" }, h.getValue(R.property))
         }) : R.type === "datetime" ? L.push({
           id: R.property,
-          accessorFn: (h) => R.property.includes(".") ? R.property.split(".").reduce((k, P) => k?.[P], h) : h[R.property],
+          accessorFn: (h) => R.property.includes(".") ? R.property.split(".").reduce((A, P) => A?.[P], h) : h[R.property],
           header: R.label,
           cell: ({ row: h }) => Z("div", { class: "" }, new Date(h.getValue(R.property))?.toLocaleString() ?? "")
         }) : R.type === "boolean" ? L.push({
           id: R.property,
-          accessorFn: (h) => R.property.includes(".") ? R.property.split(".").reduce((k, P) => k?.[P], h) : h[R.property],
+          accessorFn: (h) => R.property.includes(".") ? R.property.split(".").reduce((A, P) => A?.[P], h) : h[R.property],
           header: R.label,
           cell: ({ row: h }) => Z(n, { defaultValue: h.getValue(R.property), disabled: !0, class: "border-ring disabled:cursor-default disabled:opacity-100" })
         }) : R.type === "URL" ? L.push({
           id: R.property,
-          accessorFn: (h) => R.property.includes(".") ? R.property.split(".").reduce((k, P) => k?.[P], h) : h[R.property],
+          accessorFn: (h) => R.property.includes(".") ? R.property.split(".").reduce((A, P) => A?.[P], h) : h[R.property],
           header: R.label,
           cell: ({ row: h }) => Z(
             "a",
@@ -2545,74 +2542,74 @@ const wo = (e, o = {}) => {
               href: h.getValue(R.property),
               target: "_blank",
               class: "text-primary",
-              onClick: (k) => k.stopPropagation(),
-              onPointerdown: (k) => k.stopPropagation(),
-              onKeydown: (k) => {
-                (k.key === "Enter" || k.key === " ") && k.stopPropagation();
+              onClick: (A) => A.stopPropagation(),
+              onPointerdown: (A) => A.stopPropagation(),
+              onKeydown: (A) => {
+                (A.key === "Enter" || A.key === " ") && A.stopPropagation();
               }
             },
             h.getValue(R.property)
           )
         }) : R.type === "email" ? L.push({
           id: R.property,
-          accessorFn: (h) => R.property.includes(".") ? R.property.split(".").reduce((k, P) => k?.[P], h) : h[R.property],
+          accessorFn: (h) => R.property.includes(".") ? R.property.split(".").reduce((A, P) => A?.[P], h) : h[R.property],
           header: R.label,
           cell: ({ row: h }) => Z(
             "a",
             {
               href: `mailto:${h.getValue(R.property)}`,
               class: "text-primary",
-              onClick: (k) => k.stopPropagation(),
-              onPointerdown: (k) => k.stopPropagation(),
-              onKeydown: (k) => {
-                (k.key === "Enter" || k.key === " ") && k.stopPropagation();
+              onClick: (A) => A.stopPropagation(),
+              onPointerdown: (A) => A.stopPropagation(),
+              onKeydown: (A) => {
+                (A.key === "Enter" || A.key === " ") && A.stopPropagation();
               }
             },
             h.getValue(R.property)
           )
         }) : R.type === "phone" ? L.push({
           id: R.property,
-          accessorFn: (h) => R.property.includes(".") ? R.property.split(".").reduce((k, P) => k?.[P], h) : h[R.property],
+          accessorFn: (h) => R.property.includes(".") ? R.property.split(".").reduce((A, P) => A?.[P], h) : h[R.property],
           header: R.label,
           cell: ({ row: h }) => Z(
             "a",
             {
               href: `tel:${h.getValue(R.property)}`,
               class: "text-primary",
-              onClick: (k) => k.stopPropagation(),
-              onPointerdown: (k) => k.stopPropagation(),
-              onKeydown: (k) => {
-                (k.key === "Enter" || k.key === " ") && k.stopPropagation();
+              onClick: (A) => A.stopPropagation(),
+              onPointerdown: (A) => A.stopPropagation(),
+              onKeydown: (A) => {
+                (A.key === "Enter" || A.key === " ") && A.stopPropagation();
               }
             },
             h.getValue(R.property)
           )
         }) : R.type === "currency" ? L.push({
           id: R.property,
-          accessorFn: (h) => R.property.includes(".") ? R.property.split(".").reduce((k, P) => k?.[P], h) : h[R.property],
+          accessorFn: (h) => R.property.includes(".") ? R.property.split(".").reduce((A, P) => A?.[P], h) : h[R.property],
           header: R.label,
           cell: ({ row: h }) => Z("div", { class: "" }, s(h.getValue(R.property)))
         }) : R.type === "image" ? L.push({
           id: R.property,
-          accessorFn: (h) => R.property.includes(".") ? R.property.split(".").reduce((k, P) => k?.[P], h) : h[R.property],
+          accessorFn: (h) => R.property.includes(".") ? R.property.split(".").reduce((A, P) => A?.[P], h) : h[R.property],
           header: R.label,
           cell: ({ row: h }) => h.getValue(R.property) ? Z("img", { src: h.getValue(R.property), alt: R.label, class: "size-16 object-cover" }) : ""
         }) : R.type === "array" ? L.push({
           id: R.property,
-          accessorFn: (h) => R.property.includes(".") ? R.property.split(".").reduce((k, P) => k?.[P], h) : h[R.property],
+          accessorFn: (h) => R.property.includes(".") ? R.property.split(".").reduce((A, P) => A?.[P], h) : h[R.property],
           header: R.label,
           cell: ({ row: h }) => {
-            const k = h.getValue(R.property);
-            return Array.isArray(k) ? Z("div", {}, k.map((P, Q) => Z("div", { key: Q }, P.toString()))) : Z("div", {}, "");
+            const A = h.getValue(R.property);
+            return Array.isArray(A) ? Z("div", {}, A.map((P, Q) => Z("div", { key: Q }, P.toString()))) : Z("div", {}, "");
           }
         }) : R.type === "html" && L.push({
           id: R.property,
-          accessorFn: (h) => R.property.includes(".") ? R.property.split(".").reduce((k, P) => k?.[P], h) : h[R.property],
+          accessorFn: (h) => R.property.includes(".") ? R.property.split(".").reduce((A, P) => A?.[P], h) : h[R.property],
           header: R.label,
           cell: ({ row: h }) => {
-            let k = document.createElement("div");
-            k.innerHTML = h.getValue(R.property) || "";
-            const P = k.innerText || k.textContent || "";
+            let A = document.createElement("div");
+            A.innerHTML = h.getValue(R.property) || "";
+            const P = A.innerText || A.textContent || "";
             return Z("div", { class: "", innerHTML: P.length > 100 ? P.substring(0, 100) + "..." : P });
           }
         }));
@@ -2621,7 +2618,7 @@ const wo = (e, o = {}) => {
         enableHiding: !1,
         cell: ({ row: R }) => Z("div", { class: "data-table-row-actions flex items-center justify-center gap-2" }, w.value.map((U) => Z(xo, { action: U, row: R })))
       }), L;
-    }), I = A(""), y = A([]), F = A([]), V = A({}), M = A({}), G = A({}), B = A({
+    }), I = k(""), y = k([]), F = k([]), V = k({}), M = k({}), G = k({}), B = k({
       pageIndex: 0,
       pageSize: 10
     }), X = ye({
@@ -2691,7 +2688,7 @@ const wo = (e, o = {}) => {
     });
     const [W, q] = l([], {
       plugins: [en()]
-    }), te = A(10), oe = A(0), T = () => {
+    }), te = k(10), oe = k(0), T = () => {
       te.value = B.value.pageSize, oe.value = B.value.pageIndex, B.value = {
         pageIndex: 0,
         pageSize: 1e4
@@ -2710,16 +2707,16 @@ const wo = (e, o = {}) => {
     };
     return o({
       saveSortMode: async () => {
-        const { update: L } = kt(a.value);
+        const { update: L } = At(a.value);
         f.value.forEach((R) => {
           R[v.value] !== q.value.findIndex((U) => U.id === R.id) && (R[v.value] = q.value.findIndex((U) => U.id === R.id), L(u.value, R.id, { [v.value]: R[v.value] }));
         });
       }
     }), (L, R) => {
-      const U = m("TooltipTrigger"), h = m("TooltipContent"), k = m("Tooltip"), P = m("TableHead"), Q = m("TableRow"), re = m("TableHeader"), ee = m("TableCell"), be = m("TableBody"), Ge = m("Table");
+      const U = m("TooltipTrigger"), h = m("TooltipContent"), A = m("Tooltip"), P = m("TableHead"), Q = m("TableRow"), re = m("TableHeader"), ee = m("TableCell"), be = m("TableBody"), Ge = m("Table");
       return D(), E(K, null, [
         $("div", {
-          class: ie(["w-full rounded-md border bg-background dark:bg-input/30 shadow-xs shadow-xs", { "cursor-wait": b(g) }])
+          class: ie(["border bg-background dark:bg-input/30 shadow-xs shadow-xs -mx-[17px] w-[calc(100%+34px)] @md:mx-0 @md:w-full @md:rounded-md", { "cursor-wait": b(g) }])
         }, [
           r(Ge, null, {
             default: i(() => [
@@ -2738,7 +2735,7 @@ const wo = (e, o = {}) => {
                             render: ve.column.columnDef.header,
                             props: ve.getContext()
                           }, null, 8, ["render", "props"])),
-                          b(C)?.find((pe) => pe.property === ve.column.columnDef.id)?.showInfoButton ? (D(), O(k, { key: 1 }, {
+                          b(C)?.find((pe) => pe.property === ve.column.columnDef.id)?.showInfoButton ? (D(), O(A, { key: 1 }, {
                             default: i(() => [
                               r(U, { "as-child": "" }, {
                                 default: i(() => [
@@ -2842,11 +2839,11 @@ const wo = (e, o = {}) => {
 }), $o = { class: "grid grid-cols-3 gap-2 mb-2 py-2" }, ho = { class: "flex flex-col items-start gap-1.5" }, Mo = { class: "flex flex-col items-start gap-1.5" }, Io = { class: "flex flex-col gap-1.5" }, Po = {
   key: 0,
   class: "flex flex-col gap-2 mb-4"
-}, Ao = { class: "flex flex-col gap-1.5" }, ko = { class: "flex flex-col items-start gap-1.5 col-span-4" }, To = { class: "flex flex-col items-start gap-1.5 col-span-4" }, Eo = /* @__PURE__ */ ne({
+}, ko = { class: "flex flex-col gap-1.5" }, Ao = { class: "flex flex-col items-start gap-1.5 col-span-4" }, To = { class: "flex flex-col items-start gap-1.5 col-span-4" }, Eo = /* @__PURE__ */ ne({
   __name: "StatDialog",
   emits: ["statAdded", "statEdited", "statRemoved"],
   setup(e, { expose: o, emit: t }) {
-    const n = t, l = j("columns"), s = A(!1), a = A("add"), u = A(null), d = ye({
+    const n = t, l = j("columns"), s = k(!1), a = k("add"), u = k(null), d = ye({
       label: "",
       method: "",
       field: "",
@@ -2871,8 +2868,8 @@ const wo = (e, o = {}) => {
     return o({
       openDialog: f
     }), (w, g) => {
-      const _ = m("DialogTitle"), c = m("DialogDescription"), I = m("DialogHeader"), y = m("Label"), F = m("Input"), V = m("SelectValue"), M = m("SelectTrigger"), G = m("SelectItem"), B = m("SelectContent"), X = m("Select"), W = m("ComboboxTrigger"), q = m("ComboboxInput"), te = m("ComboboxAnchor"), oe = m("ComboboxItem"), T = m("ComboboxGroup"), J = m("ComboboxList"), L = m("Combobox"), R = m("Button"), U = m("DialogFooter"), h = m("DialogScrollContent"), k = m("Dialog");
-      return D(), O(k, {
+      const _ = m("DialogTitle"), c = m("DialogDescription"), I = m("DialogHeader"), y = m("Label"), F = m("Input"), V = m("SelectValue"), M = m("SelectTrigger"), G = m("SelectItem"), B = m("SelectContent"), X = m("Select"), W = m("ComboboxTrigger"), q = m("ComboboxInput"), te = m("ComboboxAnchor"), oe = m("ComboboxItem"), T = m("ComboboxGroup"), J = m("ComboboxList"), L = m("Combobox"), R = m("Button"), U = m("DialogFooter"), h = m("DialogScrollContent"), A = m("Dialog");
+      return D(), O(A, {
         open: s.value,
         "onUpdate:open": g[4] || (g[4] = (P) => s.value = P)
       }, {
@@ -3058,7 +3055,7 @@ const wo = (e, o = {}) => {
                       default: i(() => [
                         r(te, { class: "w-full" }, {
                           default: i(() => [
-                            $("div", Ao, [
+                            $("div", ko, [
                               r(W, null, {
                                 default: i(() => [
                                   r(y, { class: "text-xs text-muted-foreground" }, {
@@ -3109,7 +3106,7 @@ const wo = (e, o = {}) => {
                       ]),
                       _: 2
                     }, 1032, ["modelValue", "onUpdate:modelValue"]),
-                    $("div", ko, [
+                    $("div", Ao, [
                       r(y, { class: "text-xs text-muted-foreground" }, {
                         default: i(() => [...g[15] || (g[15] = [
                           S("Condition", -1)
@@ -3251,7 +3248,7 @@ const wo = (e, o = {}) => {
 }), Lo = { class: "flex flex-wrap gap-2 mb-4" }, zo = ["onClick"], Ho = { class: "text-2xl font-bold" }, Go = { class: "text-xs text-muted-foreground truncate w-full text-center" }, Oo = /* @__PURE__ */ ne({
   __name: "Stats",
   setup(e) {
-    const o = j("data"), { isAdmin: t } = me(), { getModuleData: n, setModuleData: l } = we(), s = A(), a = A([]), u = (y) => {
+    const o = j("data"), { isAdmin: t } = me(), { getModuleData: n, setModuleData: l } = we(), s = k(), a = k([]), u = (y) => {
       let F = crypto.randomUUID();
       (!a.value || a?.value?.length === 0) && (a.value = []), a.value.push({ ...y, id: F }), l("stats", a.value);
     }, d = (y) => {
@@ -3641,7 +3638,7 @@ const wo = (e, o = {}) => {
   },
   emits: ["update:open"],
   setup(e, { emit: o }) {
-    const { setModuleData: t } = we(), n = e, l = o, s = j("columns"), a = A([]), u = Ie({
+    const { setModuleData: t } = we(), n = e, l = o, s = j("columns"), a = k([]), u = Ie({
       get() {
         return n.open;
       },
@@ -3659,7 +3656,7 @@ const wo = (e, o = {}) => {
       type: "text",
       showInfoButton: !1,
       infoTooltipText: ""
-    }), f = A(!1), C = () => {
+    }), f = k(!1), C = () => {
       f.value = !1, d.property = "", d.label = "", d.visible = !0, d.type = "text", d.showInfoButton = !1, d.infoTooltipText = "";
     }, x = () => {
       a.value || (a.value = []);
@@ -3679,7 +3676,7 @@ const wo = (e, o = {}) => {
       a.value = a.value.filter((g) => !g._remove), t("columns", a.value), s.value = a.value, C(), u.value = !1;
     };
     return (g, _) => {
-      const c = m("DropdownMenuItem"), I = m("DialogTrigger"), y = m("DialogTitle"), F = m("DialogDescription"), V = m("DialogHeader"), M = m("Button"), G = m("PopoverTrigger"), B = m("Label"), X = m("Input"), W = m("Checkbox"), q = m("SelectValue"), te = m("SelectTrigger"), oe = m("SelectLabel"), T = m("SelectItem"), J = m("SelectGroup"), L = m("SelectContent"), R = m("Select"), U = m("PopoverContent"), h = m("Popover"), k = m("Accordion"), P = m("DialogFooter"), Q = m("DialogScrollContent"), re = m("Dialog");
+      const c = m("DropdownMenuItem"), I = m("DialogTrigger"), y = m("DialogTitle"), F = m("DialogDescription"), V = m("DialogHeader"), M = m("Button"), G = m("PopoverTrigger"), B = m("Label"), X = m("Input"), W = m("Checkbox"), q = m("SelectValue"), te = m("SelectTrigger"), oe = m("SelectLabel"), T = m("SelectItem"), J = m("SelectGroup"), L = m("SelectContent"), R = m("Select"), U = m("PopoverContent"), h = m("Popover"), A = m("Accordion"), P = m("DialogFooter"), Q = m("DialogScrollContent"), re = m("Dialog");
       return D(), O(re, {
         open: u.value,
         "onUpdate:open": [
@@ -3966,7 +3963,7 @@ const wo = (e, o = {}) => {
                   _: 1
                 }, 8, ["open"])
               ]),
-              r(k, {
+              r(A, {
                 type: "single",
                 collapsible: "",
                 class: "w-full"
@@ -4032,7 +4029,7 @@ const wo = (e, o = {}) => {
 }), al = /* @__PURE__ */ ne({
   __name: "ColumnDropdown",
   setup(e) {
-    const { isAdmin: o } = me(), t = j("columns"), n = A(null), l = A(null), s = A(!1), a = A(!1), u = () => {
+    const { isAdmin: o } = me(), t = j("columns"), n = k(null), l = k(null), s = k(!1), a = k(!1), u = () => {
       l.value = n.value;
     }, d = (C) => {
       a.value = C, C || (s.value = !1);
@@ -4132,7 +4129,7 @@ const wo = (e, o = {}) => {
   setup(e, { emit: o }) {
     const { isAdmin: t } = me(), n = o, l = e, s = (v) => {
       u.value = v;
-    }, a = j("columns"), u = A(!1), d = A("");
+    }, a = j("columns"), u = k(!1), d = k("");
     Se(u, (v) => {
       v && (d.value = l.savedField ?? "");
     });
@@ -4292,7 +4289,7 @@ const wo = (e, o = {}) => {
 }, _l = /* @__PURE__ */ ne({
   __name: "SortMode",
   setup(e) {
-    const { getModuleData: o, setModuleData: t } = we(), { isAdmin: n } = me(), l = j("table"), s = j("data"), a = j("sortMode", A(!1)), u = j("sortModeProperty", A("")), d = j("saveSortMode", () => {
+    const { getModuleData: o, setModuleData: t } = we(), { isAdmin: n } = me(), l = j("table"), s = j("data"), a = j("sortMode", k(!1)), u = j("sortModeProperty", k("")), d = j("saveSortMode", () => {
     }), f = (w) => {
       u.value = w.field, t("sortMode", w);
     };
@@ -4300,7 +4297,7 @@ const wo = (e, o = {}) => {
       let w = await o("sortMode");
       u.value = w?.field ?? "";
     });
-    const C = A(0), x = () => {
+    const C = k(0), x = () => {
       a.value = !0, C.value = l?.value?.getState().pagination.pageSize, l?.value?.setPageSize(s.value.length);
     }, v = () => {
       a.value = !1, l?.value?.setPageSize(C.value);
@@ -4409,7 +4406,7 @@ const Cl = ["disabled"], wl = { class: "flex flex-col items-start gap-4 py-4" },
   setup(e, { emit: o }) {
     const { isAdmin: t } = me(), n = o, l = e, s = (w) => {
       d.value = w;
-    }, a = j("sortMode"), u = j("columns"), d = A(!1), f = A(""), C = A("");
+    }, a = j("sortMode"), u = j("columns"), d = k(!1), f = k(""), C = k("");
     Se(d, (w) => {
       w && (f.value = l.savedField ?? "", C.value = l.savedDefaultDate ?? "today");
     });
@@ -4421,7 +4418,7 @@ const Cl = ["disabled"], wl = { class: "flex flex-col items-start gap-4 py-4" },
       n("saved", { field: f.value, defaultDate: C.value }), v();
     };
     return (w, g) => {
-      const _ = m("DialogTrigger"), c = m("DialogTitle"), I = m("DialogDescription"), y = m("DialogHeader"), F = m("Label"), V = m("ComboboxTrigger"), M = m("ComboboxInput"), G = m("ComboboxAnchor"), B = m("ComboboxItem"), X = m("ComboboxGroup"), W = m("ComboboxList"), q = m("Combobox"), te = m("SelectValue"), oe = m("SelectTrigger"), T = m("SelectItem"), J = m("SelectLabel"), L = m("SelectGroup"), R = m("SelectContent"), U = m("Select"), h = m("Button"), k = m("DialogFooter"), P = m("DialogScrollContent"), Q = m("Dialog");
+      const _ = m("DialogTrigger"), c = m("DialogTitle"), I = m("DialogDescription"), y = m("DialogHeader"), F = m("Label"), V = m("ComboboxTrigger"), M = m("ComboboxInput"), G = m("ComboboxAnchor"), B = m("ComboboxItem"), X = m("ComboboxGroup"), W = m("ComboboxList"), q = m("Combobox"), te = m("SelectValue"), oe = m("SelectTrigger"), T = m("SelectItem"), J = m("SelectLabel"), L = m("SelectGroup"), R = m("SelectContent"), U = m("Select"), h = m("Button"), A = m("DialogFooter"), P = m("DialogScrollContent"), Q = m("Dialog");
       return D(), O(Q, {
         open: d.value,
         "onUpdate:open": [
@@ -4632,7 +4629,7 @@ const Cl = ["disabled"], wl = { class: "flex flex-col items-start gap-4 py-4" },
                   }, 8, ["modelValue"])
                 ])
               ]),
-              r(k, null, {
+              r(A, null, {
                 default: i(() => [
                   $("div", Rl, [
                     l.savedField ? (D(), O(h, {
@@ -4679,10 +4676,10 @@ const Cl = ["disabled"], wl = { class: "flex flex-col items-start gap-4 py-4" },
   setup(e) {
     const { getModuleData: o, setModuleData: t } = we(), { isAdmin: n } = me(), l = j("sortMode"), s = j("dateRangeFilter"), a = j("getTableData"), u = new tn("en-US", {
       dateStyle: "medium"
-    }), d = A({
+    }), d = k({
       start: new De(2022, 1, 20),
       end: new De(2022, 1, 20).subtract({ days: 20 })
-    }), f = A(!1), C = A(""), x = A("today"), v = (_) => {
+    }), f = k(!1), C = k(""), x = k("today"), v = (_) => {
       C.value = _.field, x.value = _.defaultDate, t("dateRangeFilter", _);
     }, p = (_) => {
       const c = Sl()?.[_], I = c[0].split("-")?.map((F) => parseInt(F)), y = c[1] ? c[1].split("-")?.map((F) => parseInt(F)) : [];
@@ -4906,13 +4903,13 @@ const Cl = ["disabled"], wl = { class: "flex flex-col items-start gap-4 py-4" },
       ], 2)) : Y("", !0);
     };
   }
-}), hl = { class: "grid grid-cols-3 gap-2 mb-2 py-2" }, Ml = { class: "flex flex-col items-start gap-1.5" }, Il = { class: "flex flex-col items-start gap-1.5" }, Pl = { class: "grid gap-4" }, Al = { class: "grid grid-cols-4 items-center gap-4" }, kl = { class: "grid grid-cols-4 items-center gap-4" }, Tl = { class: "grid grid-cols-4 items-center gap-4" }, El = { class: "flex justify-end gap-2" }, Ll = /* @__PURE__ */ ne({
+}), hl = { class: "grid grid-cols-3 gap-2 mb-2 py-2" }, Ml = { class: "flex flex-col items-start gap-1.5" }, Il = { class: "flex flex-col items-start gap-1.5" }, Pl = { class: "grid gap-4" }, kl = { class: "grid grid-cols-4 items-center gap-4" }, Al = { class: "grid grid-cols-4 items-center gap-4" }, Tl = { class: "grid grid-cols-4 items-center gap-4" }, El = { class: "flex justify-end gap-2" }, Ll = /* @__PURE__ */ ne({
   __name: "FilterDialog",
   emits: ["filterAdded", "filterEdited", "filterRemoved"],
   setup(e, { expose: o, emit: t }) {
     const n = t;
     j("columns");
-    const l = A(!1), s = A("add"), a = A(null), u = A(!1), d = ye({
+    const l = k(!1), s = k("add"), a = k(null), u = k(!1), d = ye({
       label: "",
       property: "",
       options: []
@@ -5029,7 +5026,7 @@ const Cl = ["disabled"], wl = { class: "flex flex-col items-start gap-4 py-4" },
                     r(W, { class: "w-80" }, {
                       default: i(() => [
                         $("div", Pl, [
-                          $("div", Al, [
+                          $("div", kl, [
                             r(V, {
                               for: "value",
                               class: "text-right"
@@ -5046,7 +5043,7 @@ const Cl = ["disabled"], wl = { class: "flex flex-col items-start gap-4 py-4" },
                               "onUpdate:modelValue": c[2] || (c[2] = (J) => f.value = J)
                             }, null, 8, ["modelValue"])
                           ]),
-                          $("div", kl, [
+                          $("div", Al, [
                             r(V, {
                               for: "label",
                               class: "text-right"
@@ -5168,7 +5165,7 @@ const Cl = ["disabled"], wl = { class: "flex flex-col items-start gap-4 py-4" },
 }), zl = { class: "flex flex-wrap gap-2 mb-4" }, Hl = { class: "truncate w-full text-left font-medium" }, Gl = ["onClick"], Ol = /* @__PURE__ */ ne({
   __name: "Filters",
   setup(e) {
-    const o = j("table"), t = j("data"), n = j("filters", A([])), { getModuleData: l, setModuleData: s } = we(), { isAdmin: a } = me(), u = A(), d = A(!1), f = () => {
+    const o = j("table"), t = j("data"), n = j("filters", k([])), { getModuleData: l, setModuleData: s } = we(), { isAdmin: a } = me(), u = k(), d = k(!1), f = () => {
       d.value || !o.value || !n.value?.length || !t.value?.length || !n.value.every((w) => o.value.getColumn(w.property)) || (d.value = !0, n.value.forEach((w) => {
         const g = w.options?.filter((_) => _.checked).map((_) => _.value);
         o.value.getColumn(w.property)?.setFilterValue(g?.length ? g : void 0);
@@ -5281,7 +5278,7 @@ const Cl = ["disabled"], wl = { class: "flex flex-col items-start gap-4 py-4" },
   __name: "ActionDialog",
   emits: ["actionAdded", "actionEdited", "actionRemoved"],
   setup(e, { expose: o, emit: t }) {
-    const n = t, l = A(!1), s = A("add"), a = A(null), u = ye({
+    const n = t, l = k(!1), s = k("add"), a = k(null), u = ye({
       label: "",
       icon: "",
       visible: "true",
@@ -5407,7 +5404,7 @@ const Cl = ["disabled"], wl = { class: "flex flex-col items-start gap-4 py-4" },
 }), Yl = { class: "grid gap-4 py-4" }, Kl = /* @__PURE__ */ ne({
   __name: "Actions",
   setup(e) {
-    const { setModuleData: o } = we(), { isAdmin: t } = me(), n = A(), l = j("itemActions", A([])), s = (d) => {
+    const { setModuleData: o } = we(), { isAdmin: t } = me(), n = k(), l = j("itemActions", k([])), s = (d) => {
       let f = crypto.randomUUID();
       (!l.value || l?.value?.length === 0) && (l.value = []), l.value.push({ ...d, id: f }), o("itemActions", l.value);
     }, a = (d) => {
@@ -5495,7 +5492,7 @@ const Cl = ["disabled"], wl = { class: "flex flex-col items-start gap-4 py-4" },
 }), Xl = { class: "grid grid-cols-2 gap-2 mb-2 py-2" }, Jl = { class: "flex flex-col items-start gap-1.5" }, Ql = { class: "flex flex-col items-start gap-1.5" }, Wl = /* @__PURE__ */ ne({
   __name: "CtaActionDialog",
   setup(e, { expose: o }) {
-    const { setModuleData: t } = we(), n = j("ctaButtonSettings", A({})), l = A(!1), s = A("add"), a = A(null), u = ye({
+    const { setModuleData: t } = we(), n = j("ctaButtonSettings", k({})), l = k(!1), s = k("add"), a = k(null), u = ye({
       label: "",
       icon: "",
       flow: {}
@@ -5630,7 +5627,7 @@ const Cl = ["disabled"], wl = { class: "flex flex-col items-start gap-4 py-4" },
   setup(e) {
     const o = e, t = Tt(), { isAdmin: n } = me(), { getModuleData: l } = we(), { runFlow: s } = St();
     Et(() => []);
-    const a = A(), u = A(), d = A([]), f = A([]), C = A(), x = A(!1), v = A(""), p = A(), w = A([]), g = A([]), _ = A(!1), c = A(null), I = Ie(() => o.config?.getItems?.integration), y = async () => {
+    const a = k(), u = k(), d = k([]), f = k([]), C = k(), x = k(!1), v = k(""), p = k(), w = k([]), g = k([]), _ = k(!1), c = k(null), I = Ie(() => o.config?.getItems?.integration), y = async () => {
       const W = await l("dateRangeFilter");
       let q;
       W && (q = {