@onereach/ui-components 23.3.3-beta.5638.0 → 23.3.4-beta.5642.0

package/dist/esm/{OrDataGrid-SmBxul-o.mjs → OrDataGrid-rR9MOj2g.mjs}

@@ -2,7 +2,7 @@ import { O as X } from "./OrCheckbox-XS2Evsl3.mjs";
 import { O as Y } from "./OrPagination-BFUGGyGy.mjs";
 import { O as Z } from "./OrSearch-1OFONLHk.mjs";
 import { O as _ } from "./OrSkeletonText-Dm8s1o0l.mjs";
-import { defineComponent as w, ref as D, computed as n, openBlock as a, createElementBlock as m, normalizeClass as d, renderSlot as s, createCommentVNode as p, resolveComponent as i, normalizeStyle as N, Fragment as H, createBlock as c, watch as x, createElementVNode as ee, createVNode as V, mergeProps as te, withCtx as f, createSlots as K, normalizeProps as oe, guardReactiveProps as ae, renderList as P, createTextVNode as Q, toDisplayString as W } from "vue";
+import { defineComponent as w, ref as $, computed as n, openBlock as a, createElementBlock as f, normalizeClass as u, renderSlot as s, createCommentVNode as g, resolveComponent as d, normalizeStyle as N, Fragment as H, createBlock as m, watch as x, createElementVNode as ee, createVNode as V, mergeProps as te, withCtx as p, createSlots as K, normalizeProps as oe, guardReactiveProps as ae, renderList as P, createTextVNode as Q, toDisplayString as W } from "vue";
 import { _ as G } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
 import { O as re } from "./OrDatePicker-B8f7IXss.mjs";
 import { O as ne } from "./OrDateTimePicker-BjUIRfEc.mjs";
@@ -14,8 +14,8 @@ import { O as ie } from "./OrSelect-B_u1cgIv.mjs";
 import { O as de } from "./OrSwitch-Cmi57-QB.mjs";
 import { O as ue } from "./OrTagInput-CjYmyfIU.mjs";
 import { O as ce } from "./OrTimePicker-CQJesQKa.mjs";
-import { useElementSize as me } from "@vueuse/core";
-import { O as fe } from "./OrIcon-k8cyvh-D.mjs";
+import { O as me } from "./OrIcon-k8cyvh-D.mjs";
+import { useElementSize as fe } from "@vueuse/core";
 import { O as pe } from "./OrNotification-Dz3Tr1wI.mjs";
 const ge = [
   // Layout
@@ -40,7 +40,7 @@ const ge = [
     "root"
   ],
   setup() {
-    const e = D(), t = n(() => [
+    const e = $(), t = n(() => [
       "or-data-grid-footer-v3",
       ...ge
     ]), r = n(() => [
@@ -54,21 +54,21 @@ const ge = [
   }
 }), he = {
   key: 1,
-  class: /* @__PURE__ */ d(["grow"])
+  class: /* @__PURE__ */ u(["grow"])
 };
-function ye(e, t, r, b, v, u) {
-  return a(), m("div", {
+function ye(e, t, r, c, b, h) {
+  return a(), f("div", {
     ref: "root",
-    class: d(e.rootStyles)
+    class: u(e.rootStyles)
   }, [
-    e.$slots.status ? (a(), m("div", {
+    e.$slots.status ? (a(), f("div", {
       key: 0,
-      class: d(e.statusStyles)
+      class: u(e.statusStyles)
     }, [
       s(e.$slots, "status")
-    ], 2)) : p("", !0),
+    ], 2)) : g("", !0),
     s(e.$slots, "actions"),
-    e.$slots.paging ? (a(), m("div", he)) : p("", !0),
+    e.$slots.paging ? (a(), f("div", he)) : g("", !0),
     s(e.$slots, "paging")
   ], 2);
 }
@@ -88,7 +88,7 @@ const ke = /* @__PURE__ */ G(ve, [["render", ye]]), Oe = [
     "root"
   ],
   setup() {
-    const e = D(), t = n(() => [
+    const e = $(), t = n(() => [
       "or-data-grid-header-v3",
       ...Oe
     ]), r = n(() => [
@@ -102,20 +102,20 @@ const ke = /* @__PURE__ */ G(ve, [["render", ye]]), Oe = [
   }
 }), we = {
   key: 1,
-  class: /* @__PURE__ */ d(["grow"])
+  class: /* @__PURE__ */ u(["grow"])
 };
-function Ge(e, t, r, b, v, u) {
-  return a(), m("div", {
+function Ge(e, t, r, c, b, h) {
+  return a(), f("div", {
     ref: "root",
-    class: d(e.rootStyles)
+    class: u(e.rootStyles)
   }, [
-    e.$slots.title ? (a(), m("div", {
+    e.$slots.title ? (a(), f("div", {
       key: 0,
-      class: d(e.titleStyles)
+      class: u(e.titleStyles)
     }, [
       s(e.$slots, "title")
-    ], 2)) : p("", !0),
-    e.$slots.searching ? (a(), m("div", we)) : p("", !0),
+    ], 2)) : g("", !0),
+    e.$slots.searching ? (a(), f("div", we)) : g("", !0),
     s(e.$slots, "searching")
   ], 2);
 }
@@ -184,14 +184,14 @@ const Te = /* @__PURE__ */ G(De, [["render", Ge]]), Se = [
     "root"
   ],
   setup(e, t) {
-    const r = D(), b = n(() => {
-      var h;
+    const r = $(), c = n(() => {
+      var v;
       return [
         "or-data-grid-table-content-cell-v3",
         ...Se,
-        ...(h = e.column) != null && h.stickiness ? [`sticky-${e.column.stickiness}`] : []
+        ...(v = e.column) != null && v.stickiness ? [`sticky-${e.column.stickiness}`] : []
       ];
-    }), v = n(() => {
+    }), b = n(() => {
       if (e.column)
         switch (e.column.stickiness) {
           case "start":
@@ -217,106 +217,106 @@ const Te = /* @__PURE__ */ G(De, [["render", Ge]]), Se = [
       return {
         justifyContent: "center"
       };
-    }), u = n({
+    }), h = n({
       get: () => e.modelValue,
-      set: (h) => {
-        t.emit("input", h);
+      set: (v) => {
+        t.emit("input", v);
       }
-    }), T = n(() => {
-      var h;
-      return (h = e.column) == null ? void 0 : h.control;
+    }), O = n(() => {
+      var v;
+      return (v = e.column) == null ? void 0 : v.control;
     });
     return {
       root: r,
-      rootStyles: b,
-      rootInlineStyles: v,
-      model: u,
-      control: T
+      rootStyles: c,
+      rootInlineStyles: b,
+      model: h,
+      control: O
     };
   }
 }), Ve = {
   key: 2,
-  class: /* @__PURE__ */ d(["truncate"])
+  class: /* @__PURE__ */ u(["truncate"])
 };
-function Me(e, t, r, b, v, u) {
-  const T = i("OrInput"), h = i("OrRating"), g = i("OrSelect"), k = i("OrCheckbox"), O = i("OrSwitch"), R = i("OrDatePicker"), S = i("OrTimePicker"), C = i("OrDateTimePicker"), I = i("OrTagInput");
-  return a(), m("div", {
+function Me(e, t, r, c, b, h) {
+  const O = d("OrInput"), v = d("OrRating"), M = d("OrSelect"), i = d("OrCheckbox"), D = d("OrSwitch"), T = d("OrDatePicker"), S = d("OrTimePicker"), C = d("OrDateTimePicker"), I = d("OrTagInput");
+  return a(), f("div", {
     ref: "root",
-    class: d(e.rootStyles),
+    class: u(e.rootStyles),
     style: N(e.rootInlineStyles)
   }, [
-    e.override ? s(e.$slots, "default", { key: 0 }) : e.control ? (a(), m(H, { key: 1 }, [
-      e.control.type === "text" ? (a(), c(T, {
+    e.override ? s(e.$slots, "default", { key: 0 }) : e.control ? (a(), f(H, { key: 1 }, [
+      e.control.type === "text" ? (a(), m(O, {
         key: 0,
         modelValue: e.model,
         "onUpdate:modelValue": t[0] || (t[0] = (y) => e.model = y),
         type: "text",
         variant: "embedded"
-      }, null, 8, ["modelValue"])) : p("", !0),
-      e.control.type === "number" ? (a(), c(T, {
+      }, null, 8, ["modelValue"])) : g("", !0),
+      e.control.type === "number" ? (a(), m(O, {
         key: 1,
         modelValue: e.model,
         "onUpdate:modelValue": t[1] || (t[1] = (y) => e.model = y),
         type: "number",
         variant: "embedded"
-      }, null, 8, ["modelValue"])) : p("", !0),
-      e.control.type === "rating" ? (a(), c(h, {
+      }, null, 8, ["modelValue"])) : g("", !0),
+      e.control.type === "rating" ? (a(), m(v, {
         key: 2,
         modelValue: e.model,
         "onUpdate:modelValue": t[2] || (t[2] = (y) => e.model = y)
-      }, null, 8, ["modelValue"])) : p("", !0),
-      e.control.type === "select" ? (a(), c(g, {
+      }, null, 8, ["modelValue"])) : g("", !0),
+      e.control.type === "select" ? (a(), m(M, {
         key: 3,
         modelValue: e.model,
         "onUpdate:modelValue": t[3] || (t[3] = (y) => e.model = y),
         options: e.control.options,
         variant: "embedded",
         anchor: e.root
-      }, null, 8, ["modelValue", "options", "anchor"])) : p("", !0),
-      e.control.type === "checkbox" ? (a(), c(k, {
+      }, null, 8, ["modelValue", "options", "anchor"])) : g("", !0),
+      e.control.type === "checkbox" ? (a(), m(i, {
         key: 4,
         modelValue: e.model,
         "onUpdate:modelValue": t[4] || (t[4] = (y) => e.model = y)
-      }, null, 8, ["modelValue"])) : p("", !0),
-      e.control.type === "switch" ? (a(), c(O, {
+      }, null, 8, ["modelValue"])) : g("", !0),
+      e.control.type === "switch" ? (a(), m(D, {
         key: 5,
         modelValue: e.model,
         "onUpdate:modelValue": t[5] || (t[5] = (y) => e.model = y)
-      }, null, 8, ["modelValue"])) : p("", !0),
-      e.control.type === "date" ? (a(), c(R, {
+      }, null, 8, ["modelValue"])) : g("", !0),
+      e.control.type === "date" ? (a(), m(T, {
         key: 6,
         modelValue: e.model,
         "onUpdate:modelValue": t[6] || (t[6] = (y) => e.model = y),
         variant: "embedded",
         anchor: e.root
-      }, null, 8, ["modelValue", "anchor"])) : p("", !0),
-      e.control.type === "time" ? (a(), c(S, {
+      }, null, 8, ["modelValue", "anchor"])) : g("", !0),
+      e.control.type === "time" ? (a(), m(S, {
         key: 7,
         modelValue: e.model,
         "onUpdate:modelValue": t[7] || (t[7] = (y) => e.model = y),
         variant: "embedded",
         anchor: e.root
-      }, null, 8, ["modelValue", "anchor"])) : p("", !0),
-      e.control.type === "datetime" ? (a(), c(C, {
+      }, null, 8, ["modelValue", "anchor"])) : g("", !0),
+      e.control.type === "datetime" ? (a(), m(C, {
         key: 8,
         modelValue: e.model,
         "onUpdate:modelValue": t[8] || (t[8] = (y) => e.model = y),
         variant: "embedded",
         anchor: e.root
-      }, null, 8, ["modelValue", "anchor"])) : p("", !0),
-      e.control.type === "tags" ? (a(), c(I, {
+      }, null, 8, ["modelValue", "anchor"])) : g("", !0),
+      e.control.type === "tags" ? (a(), m(I, {
         key: 9,
         modelValue: e.model,
         "onUpdate:modelValue": t[9] || (t[9] = (y) => e.model = y),
         variant: "embedded"
-      }, null, 8, ["modelValue"])) : p("", !0)
-    ], 64)) : (a(), m("div", Ve, [
+      }, null, 8, ["modelValue"])) : g("", !0)
+    ], 64)) : (a(), f("div", Ve, [
       s(e.$slots, "default")
     ]))
   ], 6);
 }
 const Re = /* @__PURE__ */ G(Ce, [["render", Me]]);
-var $ = /* @__PURE__ */ ((e) => (e.Standard = "standard", e.Comfortable = "comfortable", e.Compact = "compact", e))($ || {});
+var k = /* @__PURE__ */ ((e) => (e.Standard = "standard", e.Comfortable = "comfortable", e.Compact = "compact", e))(k || {});
 const Ie = [
   // Layout
   "grid grid-cols-[subgrid] col-span-full",
@@ -340,15 +340,15 @@ const Ie = [
   "children:hover:selected:theme-background-surface-3",
   "dark:children:hover:selected:theme-background-surface-3-dark"
 ], Fe = {
-  [$.Standard]: [
+  [k.Standard]: [
     // Box
     "h-[calc(theme(spacing.2xl)+theme(spacing.xs))]"
   ],
-  [$.Comfortable]: [
+  [k.Comfortable]: [
     // Box
     "h-[calc(theme(spacing.3xl)+theme(spacing.xs))]"
   ],
-  [$.Compact]: [
+  [k.Compact]: [
     // Box
     "h-[calc(theme(spacing.xl)+theme(spacing.xs))]"
   ]
@@ -372,7 +372,7 @@ const Ie = [
     "root"
   ],
   setup(e) {
-    const t = D(), r = n(() => [
+    const t = $(), r = n(() => [
       "or-data-grid-table-content-row-v3",
       ...Ie,
       ...Fe[e.variant],
@@ -384,10 +384,10 @@ const Ie = [
     };
   }
 }), Pe = ["selected"];
-function je(e, t, r, b, v, u) {
-  return a(), m("div", {
+function je(e, t, r, c, b, h) {
+  return a(), f("div", {
     ref: "root",
-    class: d(e.rootStyles),
+    class: u(e.rootStyles),
     selected: e.selected
   }, [
     s(e.$slots, "default")
@@ -402,7 +402,7 @@ const Ee = /* @__PURE__ */ G(He, [["render", je]]), Ue = [
     "root"
   ],
   setup() {
-    const e = D(), t = n(() => [
+    const e = $(), t = n(() => [
       "or-data-grid-table-content-v3",
       ...Ue
     ]);
@@ -412,10 +412,10 @@ const Ee = /* @__PURE__ */ G(He, [["render", je]]), Ue = [
     };
   }
 });
-function qe(e, t, r, b, v, u) {
-  return a(), m("div", {
+function qe(e, t, r, c, b, h) {
+  return a(), f("div", {
     ref: "root",
-    class: d(e.rootStyles)
+    class: u(e.rootStyles)
   }, [
     s(e.$slots, "default")
   ], 2);
@@ -436,7 +436,7 @@ const Le = /* @__PURE__ */ G(Ne, [["render", qe]]), Be = [
     "root"
   ],
   setup() {
-    const e = D(), t = n(() => [
+    const e = $(), t = n(() => [
       "or-data-grid-table-footer-cell-v3",
       ...Be
     ]);
@@ -446,10 +446,10 @@ const Le = /* @__PURE__ */ G(Ne, [["render", qe]]), Be = [
     };
   }
 });
-function Ae(e, t, r, b, v, u) {
-  return a(), m("div", {
+function Ae(e, t, r, c, b, h) {
+  return a(), f("div", {
     ref: "root",
-    class: d(e.rootStyles)
+    class: u(e.rootStyles)
   }, [
     s(e.$slots, "default")
   ], 2);
@@ -468,15 +468,15 @@ const Je = /* @__PURE__ */ G(ze, [["render", Ae]]), Ke = [
   "children:theme-background-default",
   "dark:children:theme-background-default-dark"
 ], Qe = {
-  [$.Standard]: [
+  [k.Standard]: [
     // Box
     "h-[calc(theme(spacing.2xl)+theme(spacing.xs))]"
   ],
-  [$.Comfortable]: [
+  [k.Comfortable]: [
     // Box
     "h-[calc(theme(spacing.3xl)+theme(spacing.xs))]"
   ],
-  [$.Compact]: [
+  [k.Compact]: [
     // Box
     "h-[calc(theme(spacing.xl)+theme(spacing.xs))]"
   ]
@@ -492,7 +492,7 @@ const Je = /* @__PURE__ */ G(ze, [["render", Ae]]), Ke = [
     "root"
   ],
   setup(e) {
-    const t = D(), r = n(() => [
+    const t = $(), r = n(() => [
       "or-data-grid-table-footer-row-v3",
       ...Ke,
       ...Qe[e.variant]
@@ -503,10 +503,10 @@ const Je = /* @__PURE__ */ G(ze, [["render", Ae]]), Ke = [
     };
   }
 });
-function Xe(e, t, r, b, v, u) {
-  return a(), m("div", {
+function Xe(e, t, r, c, b, h) {
+  return a(), f("div", {
     ref: "root",
-    class: d(e.rootStyles)
+    class: u(e.rootStyles)
   }, [
     s(e.$slots, "default")
   ], 2);
@@ -520,7 +520,7 @@ const Ye = /* @__PURE__ */ G(We, [["render", Xe]]), Ze = [
     "root"
   ],
   setup() {
-    const e = D(), t = n(() => [
+    const e = $(), t = n(() => [
       "or-data-grid-table-footer-v3",
       ...Ze
     ]);
@@ -530,10 +530,10 @@ const Ye = /* @__PURE__ */ G(We, [["render", Xe]]), Ze = [
     };
   }
 });
-function xe(e, t, r, b, v, u) {
-  return a(), m("div", {
+function xe(e, t, r, c, b, h) {
+  return a(), f("div", {
     ref: "root",
-    class: d(e.rootStyles)
+    class: u(e.rootStyles)
   }, [
     s(e.$slots, "default")
   ], 2);
@@ -557,7 +557,7 @@ const et = /* @__PURE__ */ G(_e, [["render", xe]]), tt = [
 ], ot = w({
   name: "OrDataGridTableHeaderCell",
   components: {
-    OrIcon: fe
+    OrIcon: me
   },
   model: {
     prop: "modelValue",
@@ -586,15 +586,18 @@ const et = /* @__PURE__ */ G(_e, [["render", xe]]), tt = [
     "root"
   ],
   setup(e, t) {
-    const r = D(), b = n(() => {
-      var g, k, O;
+    const r = $(), c = n(() => {
+      var i, D, T;
+      return !!((i = e.features) != null && i.sorting) && !!((D = e.column) != null && D.name) && ((T = e.column) == null ? void 0 : T.sorting) !== !1;
+    }), b = n(() => {
+      var i;
       return [
         "or-data-grid-table-header-cell-v3",
         ...tt,
-        ...(g = e.column) != null && g.stickiness ? [`sticky-${e.column.stickiness}`] : [],
-        ...(k = e.features) != null && k.sorting && ((O = e.column) != null && O.name) ? ["interactivity-click"] : []
+        ...(i = e.column) != null && i.stickiness ? [`sticky-${e.column.stickiness}`] : [],
+        ...c.value ? ["interactivity-click"] : []
       ];
-    }), v = n(() => {
+    }), h = n(() => {
       if (e.column)
         switch (e.column.stickiness) {
           case "start":
@@ -620,74 +623,75 @@ const et = /* @__PURE__ */ G(_e, [["render", xe]]), tt = [
       return {
         justifyContent: "center"
       };
-    }), u = n({
+    }), O = n({
       get: () => {
-        var g, k, O;
-        if ((g = e.features) != null && g.sorting)
-          return ((k = e.modelValue) == null ? void 0 : k.column) === ((O = e.column) == null ? void 0 : O.name) ? e.modelValue : void 0;
+        var i, D;
+        if (c.value)
+          return ((i = e.modelValue) == null ? void 0 : i.column) === ((D = e.column) == null ? void 0 : D.name) ? e.modelValue : void 0;
       },
-      set: (g) => {
-        t.emit("update:modelValue", g);
+      set: (i) => {
+        t.emit("update:modelValue", i);
       }
     });
-    function T() {
-      var g, k;
-      if ((g = e.features) != null && g.sorting)
-        if (u.value)
-          u.value = {
-            ...u.value,
-            direction: u.value.direction === "asc" ? "desc" : "asc"
+    function v() {
+      var i;
+      if (c.value)
+        if (O.value)
+          O.value = {
+            ...O.value,
+            direction: O.value.direction === "asc" ? "desc" : "asc"
           };
         else {
           if (!e.column)
             throw new Error("[OrDataGridTableHeaderCell]: `column` must be specified.");
-          u.value = {
-            column: ((k = e.column) == null ? void 0 : k.name) || "_check",
+          O.value = {
+            column: ((i = e.column) == null ? void 0 : i.name) || "_check",
             direction: "asc"
           };
         }
     }
-    const { width: h } = me(r, void 0, { box: "border-box" });
+    const { width: M } = fe(r, void 0, { box: "border-box" });
     return x([
       r,
-      h,
+      M,
       () => {
-        var g;
-        return (g = e.column) == null ? void 0 : g.stickiness;
+        var i;
+        return (i = e.column) == null ? void 0 : i.stickiness;
       }
     ], ([
-      g,
-      k
+      i,
+      D
     ], [
-      O
+      T
     ]) => {
-      O && O !== g && t.emit("remove:scrollOffset", O), t.emit("update:scrollOffset", g, k, e.column);
+      T && T !== i && t.emit("remove:scrollOffset", T), t.emit("update:scrollOffset", i, D, e.column);
     }), {
       root: r,
       rootStyles: b,
-      rootInlineStyles: v,
-      model: u,
-      toggleSorting: T
+      rootInlineStyles: h,
+      isSortable: c,
+      model: O,
+      toggleSorting: v
     };
   }
 }), at = {
-  class: /* @__PURE__ */ d(["truncate"])
+  class: /* @__PURE__ */ u(["truncate"])
 };
-function rt(e, t, r, b, v, u) {
-  const T = i("OrIcon");
-  return a(), m("div", {
+function rt(e, t, r, c, b, h) {
+  const O = d("OrIcon");
+  return a(), f("div", {
     ref: "root",
-    class: d(e.rootStyles),
+    class: u(e.rootStyles),
     style: N(e.rootInlineStyles),
-    onClick: t[0] || (t[0] = (h) => e.toggleSorting())
+    onClick: t[0] || (t[0] = (v) => e.toggleSorting())
   }, [
     ee("div", at, [
       s(e.$slots, "default")
     ]),
-    e.model ? (a(), c(T, {
+    e.model ? (a(), m(O, {
       key: 0,
       icon: e.model.direction === "asc" ? "arrow_upward" : "arrow_downward"
-    }, null, 8, ["icon"])) : p("", !0)
+    }, null, 8, ["icon"])) : g("", !0)
   ], 6);
 }
 const nt = /* @__PURE__ */ G(ot, [["render", rt]]), lt = [
@@ -703,15 +707,15 @@ const nt = /* @__PURE__ */ G(ot, [["render", rt]]), lt = [
   "children:theme-background-surface-variant-1",
   "dark:children:theme-background-surface-variant-1-dark"
 ], st = {
-  [$.Standard]: [
+  [k.Standard]: [
     // Box
     "h-[calc(theme(spacing.2xl)+theme(spacing.xs))]"
   ],
-  [$.Comfortable]: [
+  [k.Comfortable]: [
     // Box
     "h-[calc(theme(spacing.3xl)+theme(spacing.xs))]"
   ],
-  [$.Compact]: [
+  [k.Compact]: [
     // Box
     "h-[calc(theme(spacing.xl)+theme(spacing.xs))]"
   ]
@@ -727,7 +731,7 @@ const nt = /* @__PURE__ */ G(ot, [["render", rt]]), lt = [
     "root"
   ],
   setup(e) {
-    const t = D(), r = n(() => [
+    const t = $(), r = n(() => [
       "or-data-grid-table-header-row-v3",
       ...lt,
       ...st[e.variant]
@@ -738,10 +742,10 @@ const nt = /* @__PURE__ */ G(ot, [["render", rt]]), lt = [
     };
   }
 });
-function dt(e, t, r, b, v, u) {
-  return a(), m("div", {
+function dt(e, t, r, c, b, h) {
+  return a(), f("div", {
     ref: "root",
-    class: d(e.rootStyles)
+    class: u(e.rootStyles)
   }, [
     s(e.$slots, "default")
   ], 2);
@@ -755,7 +759,7 @@ const ut = /* @__PURE__ */ G(it, [["render", dt]]), ct = [
     "root"
   ],
   setup() {
-    const e = D(), t = n(() => [
+    const e = $(), t = n(() => [
       "or-data-grid-table-header-v3",
       ...ct
     ]);
@@ -765,10 +769,10 @@ const ut = /* @__PURE__ */ G(it, [["render", dt]]), ct = [
     };
   }
 });
-function ft(e, t, r, b, v, u) {
-  return a(), m("div", {
+function ft(e, t, r, c, b, h) {
+  return a(), f("div", {
     ref: "root",
-    class: d(e.rootStyles)
+    class: u(e.rootStyles)
   }, [
     s(e.$slots, "default")
   ], 2);
@@ -788,15 +792,15 @@ const pt = /* @__PURE__ */ G(mt, [["render", ft]]), gt = [
   "theme-background-default",
   "dark:theme-background-default-dark"
 ], bt = {
-  [$.Standard]: [
+  [k.Standard]: [
     // Box
     "min-h-[calc(theme(spacing.2xl)+theme(spacing.xs))]"
   ],
-  [$.Comfortable]: [
+  [k.Comfortable]: [
     // Box
     "min-h-[calc(theme(spacing.3xl)+theme(spacing.xs))]"
   ],
-  [$.Compact]: [
+  [k.Compact]: [
     // Box
     "min-h-[calc(theme(spacing.xl)+theme(spacing.xs))]"
   ]
@@ -812,7 +816,7 @@ const pt = /* @__PURE__ */ G(mt, [["render", ft]]), gt = [
     "root"
   ],
   setup(e) {
-    const t = D(), r = n(() => [
+    const t = $(), r = n(() => [
       "or-data-grid-table-placeholder-v3",
       ...gt,
       ...bt[e.variant]
@@ -823,10 +827,10 @@ const pt = /* @__PURE__ */ G(mt, [["render", ft]]), gt = [
     };
   }
 });
-function ht(e, t, r, b, v, u) {
-  return a(), m("div", {
+function ht(e, t, r, c, b, h) {
+  return a(), f("div", {
     ref: "root",
-    class: d(e.rootStyles)
+    class: u(e.rootStyles)
   }, [
     s(e.$slots, "default")
   ], 2);
@@ -854,24 +858,24 @@ const yt = /* @__PURE__ */ G(vt, [["render", ht]]), kt = [
     "root"
   ],
   setup(e) {
-    const t = D(), r = n(() => [
+    const t = $(), r = n(() => [
       "or-data-grid-table-v3",
       ...kt
-    ]), b = n(() => {
-      const v = e.columns.map((u) => u.width ?? "auto");
-      return e.features.selecting ? { gridTemplateColumns: `0fr ${v.join(" ")}` } : { gridTemplateColumns: v.join(" ") };
+    ]), c = n(() => {
+      const b = e.columns.map((h) => h.width ?? "auto");
+      return e.features.selecting ? { gridTemplateColumns: `0fr ${b.join(" ")}` } : { gridTemplateColumns: b.join(" ") };
     });
     return {
       root: t,
       rootStyles: r,
-      rootInlineStyles: b
+      rootInlineStyles: c
     };
   }
 });
-function $t(e, t, r, b, v, u) {
-  return a(), m("div", {
+function $t(e, t, r, c, b, h) {
+  return a(), f("div", {
     ref: "root",
-    class: d(e.rootStyles),
+    class: u(e.rootStyles),
     style: N(e.rootInlineStyles)
   }, [
     s(e.$slots, "default")
@@ -890,7 +894,7 @@ const Dt = /* @__PURE__ */ G(Ot, [["render", $t]]), wt = [
     "root"
   ],
   setup() {
-    const e = D(), t = n(() => [
+    const e = $(), t = n(() => [
       "or-data-grid-toolbar-v3",
       ...wt
     ]);
@@ -900,10 +904,10 @@ const Dt = /* @__PURE__ */ G(Ot, [["render", $t]]), wt = [
     };
   }
 });
-function Tt(e, t, r, b, v, u) {
-  return a(), m("div", {
+function Tt(e, t, r, c, b, h) {
+  return a(), f("div", {
     ref: "root",
-    class: d(e.rootStyles)
+    class: u(e.rootStyles)
   }, [
     s(e.$slots, "default")
   ], 2);
@@ -914,15 +918,15 @@ const St = /* @__PURE__ */ G(Gt, [["render", Tt]]), Ct = [
   // Layout
   "col-span-full"
 ], Vt = {
-  [$.Standard]: [
+  [k.Standard]: [
     // Position
     "top-[calc(theme(spacing.2xl)+theme(spacing.xs))]"
   ],
-  [$.Comfortable]: [
+  [k.Comfortable]: [
     // Position
     "top-[calc(theme(spacing.3xl)+theme(spacing.xs))]"
   ],
-  [$.Compact]: [
+  [k.Compact]: [
     // Position
     "top-[calc(theme(spacing.xl)+theme(spacing.xs))]"
   ]
@@ -953,17 +957,17 @@ const St = /* @__PURE__ */ G(Gt, [["render", Tt]]), Ct = [
     };
   }
 });
-function Rt(e, t, r, b, v, u) {
-  const T = i("OrNotification");
-  return a(), m("div", {
-    class: d(e.rootStyles)
+function Rt(e, t, r, c, b, h) {
+  const O = d("OrNotification");
+  return a(), f("div", {
+    class: u(e.rootStyles)
   }, [
-    V(T, te(e.notification, {
+    V(O, te(e.notification, {
       class: "rounded-0 shadow-none",
-      onClose: t[0] || (t[0] = (h) => e.$emit("close-notification"))
+      onClose: t[0] || (t[0] = (v) => e.$emit("close-notification"))
     }), {
-      default: f(() => [
-        e.$slots.notification ? s(e.$slots, "notification", { key: 0 }) : p("", !0)
+      default: p(() => [
+        e.$slots.notification ? s(e.$slots, "notification", { key: 0 }) : g("", !0)
       ]),
       _: 3
     }, 16)
@@ -983,15 +987,15 @@ const It = /* @__PURE__ */ G(Mt, [["render", Rt]]), Ft = [
   "children:theme-background-default",
   "dark:children:theme-background-default-dark"
 ], Ht = {
-  [$.Standard]: [
+  [k.Standard]: [
     // Box
     "h-[calc(theme(spacing.2xl)+theme(spacing.xs))]"
   ],
-  [$.Comfortable]: [
+  [k.Comfortable]: [
     // Box
     "h-[calc(theme(spacing.3xl)+theme(spacing.xs))]"
   ],
-  [$.Compact]: [
+  [k.Compact]: [
     // Box
     "h-[calc(theme(spacing.xl)+theme(spacing.xs))]"
   ]
@@ -1007,7 +1011,7 @@ const It = /* @__PURE__ */ G(Mt, [["render", Rt]]), Ft = [
     "root"
   ],
   setup(e) {
-    const t = D(), r = n(() => [
+    const t = $(), r = n(() => [
       "or-data-grid-table-extra-row-v3",
       ...Ft,
       ...Ht[e.variant]
@@ -1018,10 +1022,10 @@ const It = /* @__PURE__ */ G(Mt, [["render", Rt]]), Ft = [
     };
   }
 });
-function jt(e, t, r, b, v, u) {
-  return a(), m("div", {
+function jt(e, t, r, c, b, h) {
+  return a(), f("div", {
     ref: "root",
-    class: d(e.rootStyles)
+    class: u(e.rootStyles)
   }, [
     s(e.$slots, "default")
   ], 2);
@@ -1072,7 +1076,7 @@ const Et = /* @__PURE__ */ G(Pt, [["render", jt]]), Ut = [
     },
     variant: {
       type: String,
-      default: () => $.Standard
+      default: () => k.Standard
     },
     features: {
       type: Object,
@@ -1105,23 +1109,23 @@ const Et = /* @__PURE__ */ G(Pt, [["render", jt]]), Ut = [
     "root"
   ],
   setup(e, t) {
-    const r = D(), b = D(), v = n(() => [
+    const r = $(), c = $(), b = n(() => [
       "or-data-grid-v3",
       ...Ut
-    ]), u = n(() => ({
+    ]), h = n(() => ({
       scrollPaddingInlineStart: `${[...S.value.values()].reduce((o, l) => o + l, 0)}px`,
       scrollPaddingInlineEnd: `${[...C.value.values()].reduce((o, l) => o + l, 0)}px`
-    })), T = n({
-      get: () => !!e.items.length && e.items.every((o) => h.value.includes(o.id)),
+    })), O = n({
+      get: () => !!e.items.length && e.items.every((o) => v.value.includes(o.id)),
       set: (o) => {
-        o ? h.value = [
+        o ? v.value = [
           .../* @__PURE__ */ new Set([
-            ...h.value,
+            ...v.value,
             ...e.items.map((l) => l.id)
           ])
-        ] : h.value = [];
+        ] : v.value = [];
       }
-    }), h = n({
+    }), v = n({
       get: () => {
         var o;
         return ((o = e.modelValue) == null ? void 0 : o.selecting) ?? [];
@@ -1129,86 +1133,86 @@ const Et = /* @__PURE__ */ G(Pt, [["render", jt]]), Ut = [
       set: (o) => {
         t.emit("update:modelValue", {
           selecting: o,
-          filtering: g.value,
-          searching: k.value,
-          sorting: O.value,
-          paging: R.value
+          filtering: M.value,
+          searching: i.value,
+          sorting: D.value,
+          paging: T.value
         });
       }
-    }), g = n({
+    }), M = n({
       get: () => {
         var o;
         return (o = e.modelValue) == null ? void 0 : o.filtering;
       },
       set: (o) => {
         t.emit("update:modelValue", {
-          selecting: h.value,
+          selecting: v.value,
           filtering: o,
-          searching: k.value,
-          sorting: O.value,
+          searching: i.value,
+          sorting: D.value,
           paging: {
-            ...R.value,
+            ...T.value,
             offset: 0
           }
         });
       }
-    }), k = n({
+    }), i = n({
       get: () => {
         var o;
         return (o = e.modelValue) == null ? void 0 : o.searching;
       },
       set: (o) => {
         t.emit("update:modelValue", {
-          selecting: h.value,
-          filtering: g.value,
+          selecting: v.value,
+          filtering: M.value,
           searching: o,
-          sorting: O.value,
+          sorting: D.value,
           paging: {
-            ...R.value,
+            ...T.value,
             offset: 0
           }
         });
       }
-    }), O = n({
+    }), D = n({
       get: () => {
         var o;
         return (o = e.modelValue) == null ? void 0 : o.sorting;
       },
       set: (o) => {
         t.emit("update:modelValue", {
-          selecting: h.value,
-          filtering: g.value,
-          searching: k.value,
+          selecting: v.value,
+          filtering: M.value,
+          searching: i.value,
           sorting: o,
           paging: {
-            ...R.value,
+            ...T.value,
             offset: 0
           }
         });
       }
-    }), R = n({
+    }), T = n({
       get: () => {
         var o;
         return (o = e.modelValue) == null ? void 0 : o.paging;
       },
       set: (o) => {
         t.emit("update:modelValue", {
-          selecting: h.value,
-          filtering: g.value,
-          searching: k.value,
-          sorting: O.value,
+          selecting: v.value,
+          filtering: M.value,
+          searching: i.value,
+          sorting: D.value,
           paging: o
         });
       }
-    }), S = D(/* @__PURE__ */ new Map()), C = D(/* @__PURE__ */ new Map()), I = n(() => e.features.selecting && (typeof e.features.selecting == "object" ? e.features.selecting.showCounter !== !1 : !0)), y = n(() => e.items.length === 0 || e.loading || typeof e.features.selecting == "object" && e.features.selecting.disabled), F = n(() => {
+    }), S = $(/* @__PURE__ */ new Map()), C = $(/* @__PURE__ */ new Map()), I = n(() => e.features.selecting && (typeof e.features.selecting == "object" ? e.features.selecting.showCounter !== !1 : !0)), y = n(() => e.items.length === 0 || e.loading || typeof e.features.selecting == "object" && e.features.selecting.disabled), F = n(() => {
       var o;
-      return ((o = b.value) == null ? void 0 : o.currentLimit) || 10;
+      return ((o = c.value) == null ? void 0 : o.currentLimit) || 10;
     });
     function j(o) {
-      k.value = o;
+      i.value = o;
     }
-    function E(o, l, M) {
-      switch (M.stickiness) {
+    function E(o, l, R) {
+      switch (R.stickiness) {
         case "start":
           S.value.set(o, l), S.value = new Map(S.value), C.value.delete(o), C.value = new Map(C.value);
           break;
@@ -1226,18 +1230,18 @@ const Et = /* @__PURE__ */ G(Pt, [["render", jt]]), Ut = [
     function L(o) {
       e.interactiveRows && t.emit("blur:row", o);
     }
-    function B(o, l, M) {
+    function B(o, l, R) {
       e.interactiveRows && t.emit("hover:cell", {
         item: o,
         columnName: l,
-        value: M
+        value: R
       });
     }
-    function z(o, l, M) {
+    function z(o, l, R) {
       e.interactiveRows && t.emit("blur:cell", {
         item: o,
         columnName: l,
-        value: M
+        value: R
       });
     }
     function A(o) {
@@ -1251,10 +1255,10 @@ const Et = /* @__PURE__ */ G(Pt, [["render", jt]]), Ut = [
     }
     return {
       root: r,
-      rootStyles: v,
-      pagination: b,
-      tableInlineStyles: u,
-      selectingIndicator: T,
+      rootStyles: b,
+      pagination: c,
+      tableInlineStyles: h,
+      selectingIndicator: O,
       showSelectingCouter: I,
       selectingDisabled: y,
       skeletonsLength: F,
@@ -1263,43 +1267,43 @@ const Et = /* @__PURE__ */ G(Pt, [["render", jt]]), Ut = [
       handleMouseEnterCell: B,
       handleMouseLeaveCell: z,
       handleRowClick: A,
-      selectingModel: h,
-      filteringModel: g,
-      searchingModel: k,
-      sortingModel: O,
-      pagingModel: R,
+      selectingModel: v,
+      filteringModel: M,
+      searchingModel: i,
+      sortingModel: D,
+      pagingModel: T,
       updateScrollOffset: E,
       removeScrollOffset: U,
       updateSearchingModel: j,
       scrollTo: J,
-      onInput: (o, l, M) => {
-        o[l] = M, t.emit("update:item", o);
+      onInput: (o, l, R) => {
+        o[l] = R, t.emit("update:item", o);
       }
     };
   }
 });
-function qt(e, t, r, b, v, u) {
-  const T = i("OrSearch"), h = i("OrDataGridHeader"), g = i("OrDataGridToolbar"), k = i("OrCheckbox"), O = i("OrDataGridTableHeaderCell"), R = i("OrDataGridTableHeaderRow"), S = i("OrDataGridTableHeader"), C = i("OrDataGridNotification"), I = i("OrDataGridTableExtraRow"), y = i("OrSkeletonText"), F = i("OrDataGridTableContentCell"), j = i("OrDataGridTableContentRow"), E = i("OrDataGridTablePlaceholder"), q = i("OrDataGridTableContent"), L = i("OrDataGridTable"), B = i("OrDataGridTableFooterCell"), z = i("OrDataGridTableFooterRow"), A = i("OrDataGridTableFooter"), U = i("OrPagination"), J = i("OrDataGridFooter");
-  return a(), m("div", {
+function qt(e, t, r, c, b, h) {
+  const O = d("OrSearch"), v = d("OrDataGridHeader"), M = d("OrDataGridToolbar"), i = d("OrCheckbox"), D = d("OrDataGridTableHeaderCell"), T = d("OrDataGridTableHeaderRow"), S = d("OrDataGridTableHeader"), C = d("OrDataGridNotification"), I = d("OrDataGridTableExtraRow"), y = d("OrSkeletonText"), F = d("OrDataGridTableContentCell"), j = d("OrDataGridTableContentRow"), E = d("OrDataGridTablePlaceholder"), q = d("OrDataGridTableContent"), L = d("OrDataGridTable"), B = d("OrDataGridTableFooterCell"), z = d("OrDataGridTableFooterRow"), A = d("OrDataGridTableFooter"), U = d("OrPagination"), J = d("OrDataGridFooter");
+  return a(), f("div", {
     ref: "root",
-    class: d(e.rootStyles)
+    class: u(e.rootStyles)
   }, [
-    e.$slots.title || e.features.searching || e.$slots.search ? (a(), c(h, {
+    e.$slots.title || e.features.searching || e.$slots.search ? (a(), m(v, {
       key: 0,
-      class: d(["shrink-0"])
+      class: u(["shrink-0"])
     }, K({ _: 2 }, [
       e.$slots.title ? {
         name: "title",
-        fn: f(() => [
+        fn: p(() => [
           s(e.$slots, "title")
         ]),
         key: "0"
       } : void 0,
       e.features.searching ? {
         name: "searching",
-        fn: f(() => [
+        fn: p(() => [
           s(e.$slots, "search", oe(ae({ updateSearchingModel: e.updateSearchingModel, searchingModel: e.searchingModel })), () => [
-            V(T, {
+            V(O, {
               modelValue: e.searchingModel,
               "onUpdate:modelValue": t[0] || (t[0] = (o) => e.searchingModel = o)
             }, null, 8, ["modelValue"])
@@ -1307,36 +1311,36 @@ function qt(e, t, r, b, v, u) {
         ]),
         key: "1"
       } : void 0
-    ]), 1024)) : p("", !0),
-    e.$slots.toolbar ? (a(), c(g, {
+    ]), 1024)) : g("", !0),
+    e.$slots.toolbar ? (a(), m(M, {
       key: 1,
-      class: d(["shrink-0"])
+      class: u(["shrink-0"])
     }, {
-      default: f(() => [
+      default: p(() => [
         s(e.$slots, "toolbar")
       ]),
       _: 3
-    })) : p("", !0),
+    })) : g("", !0),
     V(L, {
-      class: d(["grow", { "grid-rows-[auto_1fr]": e.items.length === 0 }]),
+      class: u(["grow", { "grid-rows-[auto_1fr]": e.items.length === 0 }]),
       style: N(e.tableInlineStyles),
       columns: e.columns,
       features: e.features
     }, {
-      default: f(() => [
+      default: p(() => [
         V(S, null, {
-          default: f(() => [
-            V(R, { variant: e.variant }, {
-              default: f(() => [
-                e.features.selecting ? (a(), c(O, {
+          default: p(() => [
+            V(T, { variant: e.variant }, {
+              default: p(() => [
+                e.features.selecting ? (a(), m(D, {
                   key: 0,
                   column: { stickiness: "start" },
                   class: "!py-xs !px-xs md:!py-none md:!px-sm+",
                   "onUpdate:scrollOffset": e.updateScrollOffset,
                   "onRemove:scrollOffset": e.removeScrollOffset
                 }, {
-                  default: f(() => [
-                    V(k, {
+                  default: p(() => [
+                    V(i, {
                       modelValue: e.selectingIndicator,
                       "onUpdate:modelValue": t[1] || (t[1] = (o) => e.selectingIndicator = o),
                       indeterminate: !e.selectingIndicator && e.selectingModel.length > 0,
@@ -1344,8 +1348,8 @@ function qt(e, t, r, b, v, u) {
                     }, null, 8, ["modelValue", "indeterminate", "disabled"])
                   ]),
                   _: 1
-                }, 8, ["onUpdate:scrollOffset", "onRemove:scrollOffset"])) : p("", !0),
-                (a(!0), m(H, null, P(e.columns, (o) => (a(), c(O, {
+                }, 8, ["onUpdate:scrollOffset", "onRemove:scrollOffset"])) : g("", !0),
+                (a(!0), f(H, null, P(e.columns, (o) => (a(), m(D, {
                   key: o.name,
                   modelValue: e.sortingModel,
                   "onUpdate:modelValue": t[2] || (t[2] = (l) => e.sortingModel = l),
@@ -1354,7 +1358,7 @@ function qt(e, t, r, b, v, u) {
                   "onUpdate:scrollOffset": e.updateScrollOffset,
                   "onRemove:scrollOffset": e.removeScrollOffset
                 }, {
-                  default: f(() => [
+                  default: p(() => [
                     Q(W(o.label), 1)
                   ]),
                   _: 2
@@ -1365,7 +1369,7 @@ function qt(e, t, r, b, v, u) {
           ]),
           _: 1
         }),
-        e.notification ? (a(), c(C, {
+        e.notification ? (a(), m(C, {
           key: 0,
           notification: e.notification,
           variant: e.variant,
@@ -1373,47 +1377,47 @@ function qt(e, t, r, b, v, u) {
         }, K({ _: 2 }, [
           e.$slots.notification ? {
             name: "notification",
-            fn: f(() => [
+            fn: p(() => [
               s(e.$slots, "notification")
             ]),
             key: "0"
           } : void 0
-        ]), 1032, ["notification", "variant"])) : p("", !0),
+        ]), 1032, ["notification", "variant"])) : g("", !0),
         V(q, null, {
-          default: f(() => [
-            e.$slots["before-rows"] ? (a(), c(I, {
+          default: p(() => [
+            e.$slots["before-rows"] ? (a(), m(I, {
               key: 0,
               variant: e.variant,
               class: "border-b-1"
             }, {
-              default: f(() => [
+              default: p(() => [
                 s(e.$slots, "before-rows")
               ]),
               _: 3
-            }, 8, ["variant"])) : p("", !0),
-            e.loading ? (a(!0), m(H, { key: 1 }, P(e.skeletonsLength, (o) => (a(), c(j, {
+            }, 8, ["variant"])) : g("", !0),
+            e.loading ? (a(!0), f(H, { key: 1 }, P(e.skeletonsLength, (o) => (a(), m(j, {
               key: o,
               variant: e.variant,
               interactive: e.interactiveRows
             }, {
-              default: f(() => [
-                e.features.selecting ? (a(), c(F, {
+              default: p(() => [
+                e.features.selecting ? (a(), m(F, {
                   key: 0,
                   column: { stickiness: "start" },
                   override: !0
                 }, {
-                  default: f(() => [
+                  default: p(() => [
                     V(y)
                   ]),
                   _: 1
-                })) : p("", !0),
-                (a(!0), m(H, null, P(e.columns, (l) => (a(), c(F, {
+                })) : g("", !0),
+                (a(!0), f(H, null, P(e.columns, (l) => (a(), m(F, {
                   key: l.name,
                   column: l,
                   features: e.features,
                   override: !0
                 }, {
-                  default: f(() => [
+                  default: p(() => [
                     s(e.$slots, "column-loading", { column: l }, () => [
                       V(y)
                     ])
@@ -1422,7 +1426,7 @@ function qt(e, t, r, b, v, u) {
                 }, 1032, ["column", "features"]))), 128))
               ]),
               _: 2
-            }, 1032, ["variant", "interactive"]))), 128)) : e.items.length > 0 ? (a(!0), m(H, { key: 2 }, P(e.items, (o) => (a(), c(j, {
+            }, 1032, ["variant", "interactive"]))), 128)) : e.items.length > 0 ? (a(!0), f(H, { key: 2 }, P(e.items, (o) => (a(), m(j, {
               key: o.id,
               variant: e.variant,
               selected: e.selectingModel.includes(o.id),
@@ -1431,8 +1435,8 @@ function qt(e, t, r, b, v, u) {
               onMouseleave: () => e.handleMouseLeaveRow(o),
               onClick: () => e.handleRowClick(o)
             }, {
-              default: f(() => [
-                e.features.selecting ? (a(), c(F, {
+              default: p(() => [
+                e.features.selecting ? (a(), m(F, {
                   key: 0,
                   column: { stickiness: "start" },
                   "force-state": "none",
@@ -1440,8 +1444,8 @@ function qt(e, t, r, b, v, u) {
                   onMouseenter: () => e.handleMouseEnterCell(o, "selecting", e.selectingModel.includes(o.id)),
                   onMouseleave: () => e.handleMouseLeaveCell(o, "selecting", e.selectingModel.includes(o.id))
                 }, {
-                  default: f(() => [
-                    V(k, {
+                  default: p(() => [
+                    V(i, {
                       modelValue: e.selectingModel,
                       "onUpdate:modelValue": t[4] || (t[4] = (l) => e.selectingModel = l),
                       value: o.id,
@@ -1449,18 +1453,18 @@ function qt(e, t, r, b, v, u) {
                     }, null, 8, ["modelValue", "value", "disabled"])
                   ]),
                   _: 2
-                }, 1032, ["onMouseenter", "onMouseleave"])) : p("", !0),
-                (a(!0), m(H, null, P(e.columns, (l) => (a(), c(F, {
+                }, 1032, ["onMouseenter", "onMouseleave"])) : g("", !0),
+                (a(!0), f(H, null, P(e.columns, (l) => (a(), m(F, {
                   key: l.name,
                   "model-value": o[l.name],
                   column: l,
                   features: e.features,
-                  onInput: (M) => e.onInput(o, l.name, M),
-                  onFocusin: t[5] || (t[5] = (M) => e.scrollTo(M)),
+                  onInput: (R) => e.onInput(o, l.name, R),
+                  onFocusin: t[5] || (t[5] = (R) => e.scrollTo(R)),
                   onMouseenter: () => e.handleMouseEnterCell(o, l.name, o[l.name]),
                   onMouseleave: () => e.handleMouseLeaveCell(o, l.name, o[l.name])
                 }, {
-                  default: f(() => [
+                  default: p(() => [
                     s(e.$slots, l.name, {
                       column: l,
                       item: o
@@ -1472,52 +1476,52 @@ function qt(e, t, r, b, v, u) {
                 }, 1032, ["model-value", "column", "features", "onInput", "onMouseenter", "onMouseleave"]))), 128))
               ]),
               _: 2
-            }, 1032, ["variant", "selected", "interactive", "onMouseenter", "onMouseleave", "onClick"]))), 128)) : e.$slots.noSearchResults && (e.features.filtering && e.filteringModel || e.features.searching && e.searchingModel) ? (a(), c(E, {
+            }, 1032, ["variant", "selected", "interactive", "onMouseenter", "onMouseleave", "onClick"]))), 128)) : e.$slots.noSearchResults && (e.features.filtering && e.filteringModel || e.features.searching && e.searchingModel) ? (a(), m(E, {
               key: 3,
-              class: d(["col-span-full"]),
+              class: u(["col-span-full"]),
               variant: e.variant
             }, {
-              default: f(() => [
+              default: p(() => [
                 s(e.$slots, "noSearchResults", {
                   filter: e.filteringModel,
                   search: e.searchingModel
                 })
               ]),
               _: 3
-            }, 8, ["variant"])) : e.$slots.empty ? (a(), c(E, {
+            }, 8, ["variant"])) : e.$slots.empty ? (a(), m(E, {
               key: 4,
-              class: d(["col-span-full"]),
+              class: u(["col-span-full"]),
               variant: e.variant
             }, {
-              default: f(() => [
+              default: p(() => [
                 s(e.$slots, "empty")
               ]),
               _: 3
-            }, 8, ["variant"])) : p("", !0),
-            e.$slots["after-rows"] ? (a(), c(I, {
+            }, 8, ["variant"])) : g("", !0),
+            e.$slots["after-rows"] ? (a(), m(I, {
               key: 5,
               variant: e.variant
             }, {
-              default: f(() => [
+              default: p(() => [
                 s(e.$slots, "after-rows")
               ]),
               _: 3
-            }, 8, ["variant"])) : p("", !0)
+            }, 8, ["variant"])) : g("", !0)
           ]),
           _: 3
         })
       ]),
       _: 3
     }, 8, ["class", "style", "columns", "features"]),
-    e.$slots["extra-row"] ? (a(), c(A, { key: 2 }, {
-      default: f(() => [
+    e.$slots["extra-row"] ? (a(), m(A, { key: 2 }, {
+      default: p(() => [
         V(z, {
-          class: d(["shrink-0"]),
+          class: u(["shrink-0"]),
           variant: e.variant
         }, {
-          default: f(() => [
+          default: p(() => [
             V(B, null, {
-              default: f(() => [
+              default: p(() => [
                 s(e.$slots, "extra-row")
               ]),
               _: 3
@@ -1527,28 +1531,28 @@ function qt(e, t, r, b, v, u) {
         }, 8, ["variant"])
       ]),
       _: 3
-    })) : p("", !0),
-    e.$slots.actions || e.showSelectingCouter || e.features.paging ? (a(), c(J, {
+    })) : g("", !0),
+    e.$slots.actions || e.showSelectingCouter || e.features.paging ? (a(), m(J, {
       key: 3,
-      class: d(["shrink-0"])
+      class: u(["shrink-0"])
     }, K({ _: 2 }, [
       e.features.selecting && e.selectingModel.length > 0 ? {
         name: "status",
-        fn: f(() => [
+        fn: p(() => [
           Q(W(e.selectingModel.length) + " row(s) selected ", 1)
         ]),
         key: "0"
       } : void 0,
       e.$slots.actions ? {
         name: "actions",
-        fn: f(() => [
+        fn: p(() => [
           s(e.$slots, "actions")
         ]),
         key: "1"
       } : void 0,
       e.features.paging ? {
         name: "paging",
-        fn: f(() => [
+        fn: p(() => [
           V(U, {
             ref: "pagination",
             modelValue: e.pagingModel,
@@ -1559,12 +1563,12 @@ function qt(e, t, r, b, v, u) {
         ]),
         key: "2"
       } : void 0
-    ]), 1024)) : p("", !0)
+    ]), 1024)) : g("", !0)
   ], 2);
 }
 const lo = /* @__PURE__ */ G(Nt, [["render", qt]]);
 export {
-  $ as D,
+  k as D,
   lo as O,
   ke as a,
   Te as b,
@@ -1583,4 +1587,4 @@ export {
   It as o,
   Et as p
 };
-//# sourceMappingURL=OrDataGrid-SmBxul-o.mjs.map
+//# sourceMappingURL=OrDataGrid-rR9MOj2g.mjs.map