@onereach/ui-components 26.4.1-beta.5881.0 → 26.4.1-beta.5883.0

package/dist/esm/{OrDataGrid-DnLT39dk.mjs → OrDataGrid-Bt5O_lK1.mjs}

@@ -2,7 +2,7 @@ import { O as ne } from "./OrCheckbox-WPBzlvaV.mjs";
 import { O as ce } from "./OrPagination-BXzDa-Su.mjs";
 import { O as ue } from "./OrSearch-CRFuNmg2.mjs";
 import { O as me } from "./OrSkeletonArea.vue_vue_type_script_lang-jgRhbZ0X.mjs";
-import { defineComponent as M, ref as D, computed as o, openBlock as r, createElementBlock as p, normalizeClass as c, renderSlot as d, createCommentVNode as h, resolveComponent as f, normalizeStyle as A, createBlock as y, watch as se, createElementVNode as fe, withModifiers as oe, createVNode as W, mergeProps as ge, withCtx as k, onMounted as he, createSlots as Z, normalizeProps as pe, guardReactiveProps as ve, Fragment as Q, renderList as Y, createTextVNode as _, toDisplayString as x } from "vue";
+import { defineComponent as M, ref as D, computed as o, openBlock as r, createElementBlock as p, normalizeClass as u, renderSlot as c, createCommentVNode as h, resolveComponent as f, normalizeStyle as A, createBlock as y, watch as se, createElementVNode as fe, withModifiers as oe, createVNode as E, mergeProps as ge, withCtx as k, onMounted as he, createSlots as Z, normalizeProps as pe, guardReactiveProps as ve, Fragment as Q, renderList as Y, createTextVNode as _, toDisplayString as x } from "vue";
 import { _ as R } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
 import { O as ke } from "./OrDatePicker-D-Do0tSf.mjs";
 import { O as ye } from "./OrDateTimePicker-myqJkQxy.mjs";
@@ -15,8 +15,8 @@ import { O as we } from "./OrSwitch-BtoXDsZx.mjs";
 import { O as De } from "./OrTagInput-B2U22gXE.mjs";
 import { O as Se } from "./OrTimePicker-QPUb8olp.mjs";
 import { O as Te } from "./OrIcon-k8cyvh-D.mjs";
-import { useElementSize as Ge } from "@vueuse/core";
-import { O as Ce } from "./OrNotification-BkjmRseb.mjs";
+import { useElementSize as Ce } from "@vueuse/core";
+import { O as Ge } from "./OrNotification-BkjmRseb.mjs";
 const Ve = [
   // Layout
   "layout-row",
@@ -54,35 +54,35 @@ const Ve = [
   }
 }), Ie = {
   key: 1,
-  class: /* @__PURE__ */ c(["grow"])
+  class: /* @__PURE__ */ u(["grow"])
 };
-function ze(e, t, n, v, g, u) {
+function ze(e, t, n, v, g, l) {
   return r(), p("div", {
     ref: "root",
-    class: c(e.rootStyles)
+    class: u(e.rootStyles)
   }, [
     e.$slots.status ? (r(), p("div", {
       key: 0,
-      class: c(e.statusStyles)
+      class: u(e.statusStyles)
     }, [
-      d(e.$slots, "status")
+      c(e.$slots, "status")
     ], 2)) : h("", !0),
-    d(e.$slots, "actions"),
+    c(e.$slots, "actions"),
     e.$slots.paging ? (r(), p("div", Ie)) : h("", !0),
-    d(e.$slots, "paging")
+    c(e.$slots, "paging")
   ], 2);
 }
-const He = /* @__PURE__ */ R(Re, [["render", ze]]), Ee = [
+const He = /* @__PURE__ */ R(Re, [["render", ze]]), Fe = [
   // Layout
   "layout-row items-start gap-md",
   // Interactivity
   "interactivity-default",
   // Box
   "h-3xl"
-], Fe = [
+], We = [
   // Typography
   "typography-headline-2"
-], We = M({
+], Ee = M({
   name: "OrDataGridHeader",
   expose: [
     "root"
@@ -90,9 +90,9 @@ const He = /* @__PURE__ */ R(Re, [["render", ze]]), Ee = [
   setup() {
     const e = D(), t = o(() => [
       "or-data-grid-header-v3",
-      ...Ee
-    ]), n = o(() => [
       ...Fe
+    ]), n = o(() => [
+      ...We
     ]);
     return {
       root: e,
@@ -102,25 +102,25 @@ const He = /* @__PURE__ */ R(Re, [["render", ze]]), Ee = [
   }
 }), Pe = {
   key: 1,
-  class: /* @__PURE__ */ c(["grow"])
+  class: /* @__PURE__ */ u(["grow"])
 };
-function Ne(e, t, n, v, g, u) {
+function Ne(e, t, n, v, g, l) {
   return r(), p("div", {
     ref: "root",
-    class: c(e.rootStyles)
+    class: u(e.rootStyles)
   }, [
     e.$slots.title ? (r(), p("div", {
       key: 0,
-      class: c(e.titleStyles)
+      class: u(e.titleStyles)
     }, [
-      d(e.$slots, "title")
+      c(e.$slots, "title")
     ], 2)) : h("", !0),
     e.$slots.searching || e.$slots.extraActions ? (r(), p("div", Pe)) : h("", !0),
-    d(e.$slots, "searching"),
-    e.$slots.extraActions ? d(e.$slots, "extraActions", { key: 2 }) : h("", !0)
+    c(e.$slots, "searching"),
+    e.$slots.extraActions ? c(e.$slots, "extraActions", { key: 2 }) : h("", !0)
   ], 2);
 }
-const je = /* @__PURE__ */ R(We, [["render", Ne]]);
+const je = /* @__PURE__ */ R(Ee, [["render", Ne]]);
 var b = /* @__PURE__ */ ((e) => (e.Standard = "standard", e.Comfortable = "comfortable", e.Compact = "compact", e.Dynamic = "dynamic", e))(b || {});
 const K = "52px", Ue = [
   // Layout
@@ -213,12 +213,12 @@ const K = "52px", Ue = [
   ],
   setup(e, t) {
     const n = D(), v = o(() => {
-      var O, G, I, C;
+      var O, C, I, G;
       return [
         "or-data-grid-table-content-cell-v3",
         ...Ue,
-        ...(O = e.column) != null && O.stickiness ? [`sticky-${e.column.stickiness}`, "overflow-hidden"] : [],
-        ...(G = e.features) != null && G.resizing && ((I = e.column) != null && I.name) && ((C = e.column) == null ? void 0 : C.resizing) !== !1 ? ["resizable"] : []
+        ...(O = e.column) != null && O.stickiness ? ["overflow-hidden", `sticky-${e.column.stickiness}`] : [],
+        ...(C = e.features) != null && C.resizing && ((I = e.column) != null && I.name) && ((G = e.column) == null ? void 0 : G.resizing) !== !1 ? ["resizable"] : []
       ];
     }), g = o(() => {
       if (e.column)
@@ -248,16 +248,16 @@ const K = "52px", Ue = [
       return {
         justifyContent: "center"
       };
-    }), u = o(() => {
-      var C, i, w, s, E;
-      const O = ((C = e.column) == null ? void 0 : C.wrapping) ?? (e.variant === b.Dynamic && !((i = e.column) != null && i.control)), G = !!((w = e.column) != null && w.stickiness), I = ((E = (s = e.column) == null ? void 0 : s.control) == null ? void 0 : E.type) === "tags";
+    }), l = o(() => {
+      var G, d, w, s, F;
+      const O = ((G = e.column) == null ? void 0 : G.wrapping) ?? (e.variant === b.Dynamic && !((d = e.column) != null && d.control)), C = ((s = (w = e.column) == null ? void 0 : w.control) == null ? void 0 : s.type) === "tags", I = (F = e.column) == null ? void 0 : F.fitContent;
       return [
         "layout-row items-center w-full min-w-0",
-        ...G || I ? ["overflow-hidden"] : [],
+        ...C ? ["overflow-hidden"] : [],
         ...Le.filter((P) => P !== "truncate"),
-        ...O ? ["whitespace-pre-wrap break-words"] : ["truncate"]
+        ...O ? ["whitespace-pre-wrap break-words"] : I ? ["overflow-hidden"] : ["truncate"]
       ];
-    }), T = o(() => ({
+    }), S = o(() => ({
       minWidth: e.column && e.column.minWidth || K,
       maxWidth: e.column && e.column.maxWidth
     })), H = o({
@@ -265,7 +265,7 @@ const K = "52px", Ue = [
       set: (O) => {
         t.emit("input", O);
       }
-    }), S = o(() => {
+    }), T = o(() => {
       var O;
       return (O = e.column) == null ? void 0 : O.control;
     });
@@ -273,34 +273,34 @@ const K = "52px", Ue = [
       root: n,
       rootStyles: v,
       rootInlineStyles: g,
-      contentStyles: u,
-      contentInlineStyles: T,
+      contentStyles: l,
+      contentInlineStyles: S,
       model: H,
-      control: S,
+      control: T,
       DATA_GRID_DEFAULT_MIN_WIDTH: K
     };
   }
 });
-function qe(e, t, n, v, g, u) {
-  const T = f("OrInput"), H = f("OrRating"), S = f("OrSelect"), O = f("OrCheckbox"), G = f("OrSwitch"), I = f("OrDatePicker"), C = f("OrTimePicker"), i = f("OrDateTimePicker"), w = f("OrTagInput");
+function qe(e, t, n, v, g, l) {
+  const S = f("OrInput"), H = f("OrRating"), T = f("OrSelect"), O = f("OrCheckbox"), C = f("OrSwitch"), I = f("OrDatePicker"), G = f("OrTimePicker"), d = f("OrDateTimePicker"), w = f("OrTagInput");
   return r(), p("div", {
     ref: "root",
-    class: c(e.rootStyles),
+    class: u(e.rootStyles),
     style: A(e.rootInlineStyles)
   }, [
-    e.override ? d(e.$slots, "default", { key: 0 }) : e.control ? (r(), p("div", {
+    e.override ? c(e.$slots, "default", { key: 0 }) : e.control ? (r(), p("div", {
       key: 1,
-      class: c(e.contentStyles),
+      class: u(e.contentStyles),
       style: A(e.contentInlineStyles)
     }, [
-      e.control.type === "text" ? (r(), y(T, {
+      e.control.type === "text" ? (r(), y(S, {
         key: 0,
         modelValue: e.model,
         "onUpdate:modelValue": t[0] || (t[0] = (s) => e.model = s),
         type: "text",
         variant: "embedded"
       }, null, 8, ["modelValue"])) : h("", !0),
-      e.control.type === "number" ? (r(), y(T, {
+      e.control.type === "number" ? (r(), y(S, {
         key: 1,
         modelValue: e.model,
         "onUpdate:modelValue": t[1] || (t[1] = (s) => e.model = s),
@@ -312,7 +312,7 @@ function qe(e, t, n, v, g, u) {
         modelValue: e.model,
         "onUpdate:modelValue": t[2] || (t[2] = (s) => e.model = s)
       }, null, 8, ["modelValue"])) : h("", !0),
-      e.control.type === "select" ? (r(), y(S, {
+      e.control.type === "select" ? (r(), y(T, {
         key: 3,
         modelValue: e.model,
         "onUpdate:modelValue": t[3] || (t[3] = (s) => e.model = s),
@@ -325,7 +325,7 @@ function qe(e, t, n, v, g, u) {
         modelValue: e.model,
         "onUpdate:modelValue": t[4] || (t[4] = (s) => e.model = s)
       }, null, 8, ["modelValue"])) : h("", !0),
-      e.control.type === "switch" ? (r(), y(G, {
+      e.control.type === "switch" ? (r(), y(C, {
         key: 5,
         modelValue: e.model,
         "onUpdate:modelValue": t[5] || (t[5] = (s) => e.model = s)
@@ -337,14 +337,14 @@ function qe(e, t, n, v, g, u) {
         variant: "embedded",
         anchor: e.root
       }, null, 8, ["modelValue", "anchor"])) : h("", !0),
-      e.control.type === "time" ? (r(), y(C, {
+      e.control.type === "time" ? (r(), y(G, {
         key: 7,
         modelValue: e.model,
         "onUpdate:modelValue": t[7] || (t[7] = (s) => e.model = s),
         variant: "embedded",
         anchor: e.root
       }, null, 8, ["modelValue", "anchor"])) : h("", !0),
-      e.control.type === "datetime" ? (r(), y(i, {
+      e.control.type === "datetime" ? (r(), y(d, {
         key: 8,
         modelValue: e.model,
         "onUpdate:modelValue": t[8] || (t[8] = (s) => e.model = s),
@@ -356,14 +356,14 @@ function qe(e, t, n, v, g, u) {
         modelValue: e.model,
         "onUpdate:modelValue": t[9] || (t[9] = (s) => e.model = s),
         variant: "embedded",
-        class: c(["grow min-w-0"])
+        class: u(["grow min-w-0"])
       }, null, 8, ["modelValue"])) : h("", !0)
     ], 6)) : (r(), p("div", {
       key: 2,
-      class: c(e.contentStyles),
+      class: u(e.contentStyles),
       style: A(e.contentInlineStyles)
     }, [
-      d(e.$slots, "default")
+      c(e.$slots, "default")
     ], 6))
   ], 6);
 }
@@ -440,13 +440,13 @@ const Be = /* @__PURE__ */ R(Ae, [["render", qe]]), Ke = [
     };
   }
 }), Qe = ["selected"];
-function Ye(e, t, n, v, g, u) {
+function Ye(e, t, n, v, g, l) {
   return r(), p("div", {
     ref: "root",
-    class: c(e.rootStyles),
+    class: u(e.rootStyles),
     selected: e.selected
   }, [
-    d(e.$slots, "default")
+    c(e.$slots, "default")
   ], 10, Qe);
 }
 const Ze = /* @__PURE__ */ R(Je, [["render", Ye]]), _e = [
@@ -468,12 +468,12 @@ const Ze = /* @__PURE__ */ R(Je, [["render", Ye]]), _e = [
     };
   }
 });
-function et(e, t, n, v, g, u) {
+function et(e, t, n, v, g, l) {
   return r(), p("div", {
     ref: "root",
-    class: c(e.rootStyles)
+    class: u(e.rootStyles)
   }, [
-    d(e.$slots, "default")
+    c(e.$slots, "default")
   ], 2);
 }
 const tt = /* @__PURE__ */ R(xe, [["render", et]]), at = [
@@ -502,12 +502,12 @@ const tt = /* @__PURE__ */ R(xe, [["render", et]]), at = [
     };
   }
 });
-function ot(e, t, n, v, g, u) {
+function ot(e, t, n, v, g, l) {
   return r(), p("div", {
     ref: "root",
-    class: c(e.rootStyles)
+    class: u(e.rootStyles)
   }, [
-    d(e.$slots, "default")
+    c(e.$slots, "default")
   ], 2);
 }
 const nt = /* @__PURE__ */ R(rt, [["render", ot]]), st = [
@@ -563,12 +563,12 @@ const nt = /* @__PURE__ */ R(rt, [["render", ot]]), st = [
     };
   }
 });
-function dt(e, t, n, v, g, u) {
+function dt(e, t, n, v, g, l) {
   return r(), p("div", {
     ref: "root",
-    class: c(e.rootStyles)
+    class: u(e.rootStyles)
   }, [
-    d(e.$slots, "default")
+    c(e.$slots, "default")
   ], 2);
 }
 const ct = /* @__PURE__ */ R(it, [["render", dt]]), ut = [
@@ -590,12 +590,12 @@ const ct = /* @__PURE__ */ R(it, [["render", dt]]), ut = [
     };
   }
 });
-function ft(e, t, n, v, g, u) {
+function ft(e, t, n, v, g, l) {
   return r(), p("div", {
     ref: "root",
-    class: c(e.rootStyles)
+    class: u(e.rootStyles)
   }, [
-    d(e.$slots, "default")
+    c(e.$slots, "default")
   ], 2);
 }
 const gt = /* @__PURE__ */ R(mt, [["render", ft]]), ht = [
@@ -670,31 +670,32 @@ const gt = /* @__PURE__ */ R(mt, [["render", ft]]), ht = [
   ],
   setup(e, t) {
     const n = D(), v = o(() => {
-      var i, w, s;
-      return !!((i = e.features) != null && i.sorting) && !!((w = e.column) != null && w.name) && ((s = e.column) == null ? void 0 : s.sorting) !== !1;
+      var d, w, s;
+      return !!((d = e.features) != null && d.sorting) && !!((w = e.column) != null && w.name) && ((s = e.column) == null ? void 0 : s.sorting) !== !1;
     }), g = o(() => {
-      var i, w, s;
-      return !!((i = e.features) != null && i.resizing) && !!((w = e.column) != null && w.name) && ((s = e.column) == null ? void 0 : s.resizing) !== !1;
-    }), u = o(() => {
-      var i;
+      var d, w, s;
+      return !!((d = e.features) != null && d.resizing) && !!((w = e.column) != null && w.name) && ((s = e.column) == null ? void 0 : s.resizing) !== !1;
+    }), l = o(() => {
+      var d;
       return [
         "or-data-grid-table-header-cell-v3",
         "relative",
         ...ht,
-        ...(i = e.column) != null && i.stickiness ? [`sticky-${e.column.stickiness}`, "overflow-hidden"] : [],
+        ...(d = e.column) != null && d.stickiness ? ["overflow-hidden", `sticky-${e.column.stickiness}`] : [],
         ...g.value ? ["resizable"] : [],
         ...v.value ? ["interactivity-click"] : []
       ];
-    }), T = o(() => [
+    }), S = o(() => [
       "or-data-grid-table-header-cell-resize-handle-v3",
       ...pt
     ]), H = o(() => {
-      var i, w;
+      var d, w;
       return {
-        minWidth: ((i = e.column) == null ? void 0 : i.minWidth) || K,
-        maxWidth: (w = e.column) == null ? void 0 : w.maxWidth
+        minWidth: ((d = e.column) == null ? void 0 : d.minWidth) || K,
+        maxWidth: (w = e.column) == null ? void 0 : w.maxWidth,
+        overflow: "hidden"
       };
-    }), S = o(() => {
+    }), T = o(() => {
       if (e.column)
         switch (e.column.stickiness) {
           case "start":
@@ -724,16 +725,16 @@ const gt = /* @__PURE__ */ R(mt, [["render", ft]]), ht = [
       };
     }), O = o({
       get: () => {
-        var i, w;
+        var d, w;
         if (v.value)
-          return ((i = e.modelValue) == null ? void 0 : i.column) === ((w = e.column) == null ? void 0 : w.name) ? e.modelValue : void 0;
+          return ((d = e.modelValue) == null ? void 0 : d.column) === ((w = e.column) == null ? void 0 : w.name) ? e.modelValue : void 0;
       },
-      set: (i) => {
-        t.emit("update:modelValue", i);
+      set: (d) => {
+        t.emit("update:modelValue", d);
       }
     });
-    function G() {
-      var i;
+    function C() {
+      var d;
       if (v.value)
         if (O.value)
           O.value = {
@@ -744,16 +745,16 @@ const gt = /* @__PURE__ */ R(mt, [["render", ft]]), ht = [
           if (!e.column)
             throw new Error("[OrDataGridTableHeaderCell]: `column` must be specified.");
           O.value = {
-            column: ((i = e.column) == null ? void 0 : i.name) || "_check",
+            column: ((d = e.column) == null ? void 0 : d.name) || "_check",
             direction: "asc"
           };
         }
     }
-    function I(i) {
+    function I(d) {
       var V;
-      const w = i.pageX, s = ((V = n.value) == null ? void 0 : V.offsetWidth) || 0, E = (F) => {
+      const w = d.pageX, s = ((V = n.value) == null ? void 0 : V.offsetWidth) || 0, F = (W) => {
         var q, B;
-        const X = F.pageX - w;
+        const X = W.pageX - w;
         let j = Math.max(0, s + X);
         const U = ((q = e.column) == null ? void 0 : q.minWidth) || K;
         if (U && (U.endsWith("px") || !isNaN(Number(U)))) {
@@ -766,61 +767,61 @@ const gt = /* @__PURE__ */ R(mt, [["render", ft]]), ht = [
         }
         t.emit("update:column-width", j);
       }, P = () => {
-        document.removeEventListener("mousemove", E), document.removeEventListener("mouseup", P);
+        document.removeEventListener("mousemove", F), document.removeEventListener("mouseup", P);
       };
-      document.addEventListener("mousemove", E), document.addEventListener("mouseup", P);
+      document.addEventListener("mousemove", F), document.addEventListener("mouseup", P);
     }
-    const { width: C } = Ge(n, void 0, { box: "border-box" });
+    const { width: G } = Ce(n, void 0, { box: "border-box" });
     return se([
       n,
-      C,
+      G,
       () => {
-        var i;
-        return (i = e.column) == null ? void 0 : i.stickiness;
+        var d;
+        return (d = e.column) == null ? void 0 : d.stickiness;
       }
     ], ([
-      i,
+      d,
       w
     ], [
       s
     ]) => {
-      s && s !== i && t.emit("remove:scrollOffset", s), t.emit("update:scrollOffset", i, w, e.column);
+      s && s !== d && t.emit("remove:scrollOffset", s), t.emit("update:scrollOffset", d, w, e.column);
     }), {
       root: n,
-      rootStyles: u,
-      rootInlineStyles: S,
+      rootStyles: l,
+      rootInlineStyles: T,
       wrapInlineStyle: H,
-      resizeHandleStyles: T,
+      resizeHandleStyles: S,
       isSortable: v,
       isResizable: g,
       model: O,
-      toggleSorting: G,
+      toggleSorting: C,
       onResizeStart: I,
       DATA_GRID_DEFAULT_MIN_WIDTH: K
     };
   }
 });
-function kt(e, t, n, v, g, u) {
-  const T = f("OrIcon");
+function kt(e, t, n, v, g, l) {
+  const S = f("OrIcon");
   return r(), p("div", {
     ref: "root",
-    class: c(e.rootStyles),
+    class: u(e.rootStyles),
     style: A(e.rootInlineStyles),
     onClick: t[2] || (t[2] = (H) => e.toggleSorting())
   }, [
     fe("div", {
-      class: c(["truncate"]),
+      class: u(["truncate"]),
       style: A(e.wrapInlineStyle)
     }, [
-      d(e.$slots, "default")
+      c(e.$slots, "default")
     ], 4),
-    e.model ? (r(), y(T, {
+    e.model ? (r(), y(S, {
       key: 0,
       icon: e.model.direction === "asc" ? "arrow_upward" : "arrow_downward"
     }, null, 8, ["icon"])) : h("", !0),
     e.isResizable ? (r(), p("div", {
       key: 1,
-      class: c(e.resizeHandleStyles),
+      class: u(e.resizeHandleStyles),
       onMousedown: t[0] || (t[0] = oe((...H) => e.onResizeStart && e.onResizeStart(...H), ["stop", "prevent"])),
       onClick: t[1] || (t[1] = oe(() => {
       }, ["stop"]))
@@ -879,12 +880,12 @@ const yt = /* @__PURE__ */ R(vt, [["render", kt]]), bt = [
     };
   }
 });
-function wt(e, t, n, v, g, u) {
+function wt(e, t, n, v, g, l) {
   return r(), p("div", {
     ref: "root",
-    class: c(e.rootStyles)
+    class: u(e.rootStyles)
   }, [
-    d(e.$slots, "default")
+    c(e.$slots, "default")
   ], 2);
 }
 const Dt = /* @__PURE__ */ R($t, [["render", wt]]), St = [
@@ -906,15 +907,15 @@ const Dt = /* @__PURE__ */ R($t, [["render", wt]]), St = [
     };
   }
 });
-function Gt(e, t, n, v, g, u) {
+function Ct(e, t, n, v, g, l) {
   return r(), p("div", {
     ref: "root",
-    class: c(e.rootStyles)
+    class: u(e.rootStyles)
   }, [
-    d(e.$slots, "default")
+    c(e.$slots, "default")
   ], 2);
 }
-const Ct = /* @__PURE__ */ R(Tt, [["render", Gt]]), Vt = [
+const Gt = /* @__PURE__ */ R(Tt, [["render", Ct]]), Vt = [
   // Layout
   "layout-row justify-center items-center",
   // Spacing
@@ -968,23 +969,23 @@ const Ct = /* @__PURE__ */ R(Tt, [["render", Gt]]), Vt = [
     };
   }
 });
-function It(e, t, n, v, g, u) {
+function It(e, t, n, v, g, l) {
   return r(), p("div", {
     ref: "root",
-    class: c(e.rootStyles)
+    class: u(e.rootStyles)
   }, [
-    d(e.$slots, "default")
+    c(e.$slots, "default")
   ], 2);
 }
 const zt = /* @__PURE__ */ R(Rt, [["render", It]]), Ht = [
   // Layout
   "grid content-start",
-  "w-full min-w-0",
+  "w-full min-w-0 min-h-0",
   // Overflow
   "overflow-auto",
   // Interactivity
   "interactivity-default"
-], Et = M({
+], Ft = M({
   name: "OrDataGridTable",
   props: {
     columns: {
@@ -1004,12 +1005,11 @@ const zt = /* @__PURE__ */ R(Rt, [["render", It]]), Ht = [
       "or-data-grid-table-v3",
       ...Ht
     ]), v = o(() => {
-      const g = e.columns.map((u) => {
-        if (u.width && (u.width.includes("minmax") || u.width.includes("calc")))
-          return u.width;
-        const T = u.width ?? "1fr", H = u.minWidth || (u.width ? K : "120px");
-        let S = u.maxWidth || T;
-        return T.endsWith("px") ? T : `minmax(${H}, ${S})`;
+      const g = e.columns.map((l) => {
+        if (l.width && (l.width.includes("minmax") || l.width.includes("calc")))
+          return l.width;
+        const S = l.width ?? "1fr", H = l.minWidth || (l.width ? K : l.fitContent || l.stickiness ? "max-content" : "120px"), T = l.maxWidth || (l.width ? S === "max-content" ? "max-content" : S : l.fitContent || l.minWidth || l.stickiness ? "max-content" : "1fr");
+        return l.fitContent ? "max-content" : S.endsWith("px") ? S : `minmax(${H}, ${T})`;
       });
       return e.features.selecting ? { gridTemplateColumns: `min-content ${g.join(" ")}` } : { gridTemplateColumns: g.join(" ") };
     });
@@ -1020,16 +1020,16 @@ const zt = /* @__PURE__ */ R(Rt, [["render", It]]), Ht = [
     };
   }
 });
-function Ft(e, t, n, v, g, u) {
+function Wt(e, t, n, v, g, l) {
   return r(), p("div", {
     ref: "root",
-    class: c(e.rootStyles),
+    class: u(e.rootStyles),
     style: A(e.rootInlineStyles)
   }, [
-    d(e.$slots, "default")
+    c(e.$slots, "default")
   ], 6);
 }
-const Wt = /* @__PURE__ */ R(Et, [["render", Ft]]), Pt = [
+const Et = /* @__PURE__ */ R(Ft, [["render", Wt]]), Pt = [
   // Layout
   "layout-row",
   // Box
@@ -1052,12 +1052,12 @@ const Wt = /* @__PURE__ */ R(Et, [["render", Ft]]), Pt = [
     };
   }
 });
-function jt(e, t, n, v, g, u) {
+function jt(e, t, n, v, g, l) {
   return r(), p("div", {
     ref: "root",
-    class: c(e.rootStyles)
+    class: u(e.rootStyles)
   }, [
-    d(e.$slots, "default")
+    c(e.$slots, "default")
   ], 2);
 }
 const Ut = /* @__PURE__ */ R(Nt, [["render", jt]]), Lt = [
@@ -1084,7 +1084,7 @@ const Ut = /* @__PURE__ */ R(Nt, [["render", jt]]), Lt = [
   ]
 }, qt = M({
   components: {
-    OrNotification: Ce
+    OrNotification: Ge
   },
   props: {
     notification: {
@@ -1109,17 +1109,17 @@ const Ut = /* @__PURE__ */ R(Nt, [["render", jt]]), Lt = [
     };
   }
 });
-function Bt(e, t, n, v, g, u) {
-  const T = f("OrNotification");
+function Bt(e, t, n, v, g, l) {
+  const S = f("OrNotification");
   return r(), p("div", {
-    class: c(e.rootStyles)
+    class: u(e.rootStyles)
   }, [
-    W(T, ge(e.notification, {
+    E(S, ge(e.notification, {
       class: "rounded-0 shadow-none",
       onClose: t[0] || (t[0] = (H) => e.$emit("close-notification"))
     }), {
       default: k(() => [
-        e.$slots.notification ? d(e.$slots, "notification", { key: 0 }) : h("", !0)
+        e.$slots.notification ? c(e.$slots, "notification", { key: 0 }) : h("", !0)
       ]),
       _: 3
     }, 16)
@@ -1178,24 +1178,24 @@ const Kt = /* @__PURE__ */ R(qt, [["render", Bt]]), Xt = [
     };
   }
 });
-function Yt(e, t, n, v, g, u) {
+function Yt(e, t, n, v, g, l) {
   return r(), p("div", {
     ref: "root",
-    class: c(e.rootStyles)
+    class: u(e.rootStyles)
   }, [
-    d(e.$slots, "default")
+    c(e.$slots, "default")
   ], 2);
 }
 const Zt = /* @__PURE__ */ R(Qt, [["render", Yt]]), _t = [
   // Layout
-  "layout-column"
+  "layout-column min-h-0"
 ], xt = M({
   name: "OrDataGrid",
   components: {
     OrCheckbox: ne,
     OrDataGridFooter: He,
     OrDataGridHeader: je,
-    OrDataGridTable: Wt,
+    OrDataGridTable: Et,
     OrDataGridTableContent: tt,
     OrDataGridTableContentCell: Be,
     OrDataGridTableContentRow: Ze,
@@ -1203,7 +1203,7 @@ const Zt = /* @__PURE__ */ R(Qt, [["render", Yt]]), _t = [
     OrDataGridTableFooterCell: nt,
     OrDataGridTableFooterRow: ct,
     OrDataGridTableExtraRow: Zt,
-    OrDataGridTableHeader: Ct,
+    OrDataGridTableHeader: Gt,
     OrDataGridTableHeaderCell: yt,
     OrDataGridTableHeaderRow: Dt,
     OrDataGridTablePlaceholder: zt,
@@ -1265,23 +1265,23 @@ const Zt = /* @__PURE__ */ R(Qt, [["render", Yt]]), _t = [
     "root"
   ],
   setup(e, t) {
-    const n = D(), v = D(), g = D(), u = o(() => [
+    const n = D(), v = D(), g = D(), l = o(() => [
       "or-data-grid-v3",
       ..._t
-    ]), T = o(() => ({
+    ]), S = o(() => ({
       scrollPaddingInlineStart: `${[...V.value.values()].reduce((a, $) => a + $, 0)}px`,
-      scrollPaddingInlineEnd: `${[...F.value.values()].reduce((a, $) => a + $, 0)}px`
+      scrollPaddingInlineEnd: `${[...W.value.values()].reduce((a, $) => a + $, 0)}px`
     })), H = o({
-      get: () => !!e.items.length && e.items.every((a) => S.value.includes(a.id)),
+      get: () => !!e.items.length && e.items.every((a) => T.value.includes(a.id)),
       set: (a) => {
-        a ? S.value = [
+        a ? T.value = [
           .../* @__PURE__ */ new Set([
-            ...S.value,
+            ...T.value,
             ...e.items.map(($) => $.id)
           ])
-        ] : S.value = [];
+        ] : T.value = [];
       }
-    }), S = o({
+    }), T = o({
       get: () => {
         var a;
         return ((a = e.modelValue) == null ? void 0 : a.selecting) ?? [];
@@ -1290,9 +1290,9 @@ const Zt = /* @__PURE__ */ R(Qt, [["render", Yt]]), _t = [
         t.emit("update:modelValue", {
           selecting: a,
           filtering: O.value,
-          searching: G.value,
+          searching: C.value,
           sorting: I.value,
-          paging: C.value
+          paging: G.value
         });
       }
     }), O = o({
@@ -1302,29 +1302,29 @@ const Zt = /* @__PURE__ */ R(Qt, [["render", Yt]]), _t = [
       },
       set: (a) => {
         t.emit("update:modelValue", {
-          selecting: S.value,
+          selecting: T.value,
           filtering: a,
-          searching: G.value,
+          searching: C.value,
           sorting: I.value,
           paging: {
-            ...C.value,
+            ...G.value,
             offset: 0
           }
         });
       }
-    }), G = o({
+    }), C = o({
       get: () => {
         var a;
         return (a = e.modelValue) == null ? void 0 : a.searching;
       },
       set: (a) => {
         t.emit("update:modelValue", {
-          selecting: S.value,
+          selecting: T.value,
           filtering: O.value,
           searching: a,
           sorting: I.value,
           paging: {
-            ...C.value,
+            ...G.value,
             offset: 0
           }
         });
@@ -1336,26 +1336,26 @@ const Zt = /* @__PURE__ */ R(Qt, [["render", Yt]]), _t = [
       },
       set: (a) => {
         t.emit("update:modelValue", {
-          selecting: S.value,
+          selecting: T.value,
           filtering: O.value,
-          searching: G.value,
+          searching: C.value,
           sorting: a,
           paging: {
-            ...C.value,
+            ...G.value,
             offset: 0
           }
         });
       }
-    }), C = o({
+    }), G = o({
       get: () => {
         var a;
         return (a = e.modelValue) == null ? void 0 : a.paging;
       },
       set: (a) => {
         t.emit("update:modelValue", {
-          selecting: S.value,
+          selecting: T.value,
           filtering: O.value,
-          searching: G.value,
+          searching: C.value,
           sorting: I.value,
           paging: a
         });
@@ -1363,7 +1363,7 @@ const Zt = /* @__PURE__ */ R(Qt, [["render", Yt]]), _t = [
     });
     se(() => {
       var a;
-      return (a = C.value) == null ? void 0 : a.offset;
+      return (a = G.value) == null ? void 0 : a.offset;
     }, () => {
       var a;
       (a = g.value) != null && a.root && g.value.root.scrollTo({
@@ -1371,13 +1371,13 @@ const Zt = /* @__PURE__ */ R(Qt, [["render", Yt]]), _t = [
         behavior: "smooth"
       });
     });
-    const i = o(() => e.features.selecting && (typeof e.features.selecting == "object" ? e.features.selecting.showCounter !== !1 : !0)), w = o(() => e.items.length === 0 || e.loading || typeof e.features.selecting == "object" && e.features.selecting.disabled), s = o(() => {
+    const d = o(() => e.features.selecting && (typeof e.features.selecting == "object" ? e.features.selecting.showCounter !== !1 : !0)), w = o(() => e.items.length === 0 || e.loading || typeof e.features.selecting == "object" && e.features.selecting.disabled), s = o(() => {
       var a;
       return ((a = v.value) == null ? void 0 : a.currentLimit) || 10;
-    }), E = D({}), P = o(() => e.columns.map((a) => ({
+    }), F = D({}), P = o(() => e.columns.map((a) => ({
       ...a,
-      width: E.value[a.name] || a.width
-    }))), V = D(/* @__PURE__ */ new Map()), F = D(/* @__PURE__ */ new Map()), X = o(() => {
+      width: F.value[a.name] || a.width
+    }))), V = D(/* @__PURE__ */ new Map()), W = D(/* @__PURE__ */ new Map()), X = o(() => {
       const a = /* @__PURE__ */ new Map(), $ = /* @__PURE__ */ new Map(), z = [], te = [];
       e.features.selecting && z.push({
         name: "_check",
@@ -1391,22 +1391,22 @@ const Zt = /* @__PURE__ */ R(Qt, [["render", Yt]]), _t = [
       });
       let re = 0;
       return [...te].reverse().forEach((N) => {
-        $.set(N.name, re), re += F.value.get(N.name) || 0;
+        $.set(N.name, re), re += W.value.get(N.name) || 0;
       }), {
         start: a,
         end: $
       };
     });
     function j(a) {
-      G.value = a;
+      C.value = a;
     }
     function U(a, $, z) {
       switch (z.stickiness) {
         case "start":
-          V.value.set(z.name, $), V.value = new Map(V.value), F.value.delete(z.name), F.value = new Map(F.value);
+          V.value.set(z.name, $), V.value = new Map(V.value), W.value.delete(z.name), W.value = new Map(W.value);
           break;
         case "end":
-          V.value.delete(z.name), V.value = new Map(V.value), F.value.set(z.name, $), F.value = new Map(F.value);
+          V.value.delete(z.name), V.value = new Map(V.value), W.value.set(z.name, $), W.value = new Map(W.value);
           break;
         default:
           ee(z.name);
@@ -1426,7 +1426,7 @@ const Zt = /* @__PURE__ */ R(Qt, [["render", Yt]]), _t = [
         value: z
       });
     }
-    function l(a, $, z) {
+    function i(a, $, z) {
       e.interactiveRows && t.emit("blur:cell", {
         item: a,
         columnName: $,
@@ -1437,8 +1437,8 @@ const Zt = /* @__PURE__ */ R(Qt, [["render", Yt]]), _t = [
       e.interactiveRows && t.emit("click:row", a);
     }
     function J(a, $) {
-      E.value = {
-        ...E.value,
+      F.value = {
+        ...F.value,
         [a.name]: `${$}px`
       }, e.features.storageKey && le();
     }
@@ -1455,7 +1455,7 @@ const Zt = /* @__PURE__ */ R(Qt, [["render", Yt]]), _t = [
           const a = localStorage.getItem(`or-data-grid-v3-widths-${e.features.storageKey}`);
           if (a) {
             const $ = JSON.parse(a);
-            E.value = $;
+            F.value = $;
           }
         } catch (a) {
           console.error("[OrDataGrid]: Failed to load column widths from localStorage", a);
@@ -1465,32 +1465,32 @@ const Zt = /* @__PURE__ */ R(Qt, [["render", Yt]]), _t = [
       ie();
     });
     function ee(a) {
-      V.value.delete(a), V.value = new Map(V.value), F.value.delete(a), F.value = new Map(F.value);
+      V.value.delete(a), V.value = new Map(V.value), W.value.delete(a), W.value = new Map(W.value);
     }
     function de(a) {
       a.currentTarget.scrollIntoView({ block: "nearest" });
     }
     return {
       root: n,
-      rootStyles: u,
+      rootStyles: l,
       pagination: v,
-      tableInlineStyles: T,
+      tableInlineStyles: S,
       selectingIndicator: H,
-      showSelectingCouter: i,
+      showSelectingCouter: d,
       selectingDisabled: w,
       skeletonsLength: s,
       actualColumns: P,
       handleMouseEnterRow: q,
       handleMouseLeaveRow: B,
       handleMouseEnterCell: L,
-      handleMouseLeaveCell: l,
+      handleMouseLeaveCell: i,
       handleRowClick: m,
       updateColumnWidth: J,
-      selectingModel: S,
+      selectingModel: T,
       filteringModel: O,
-      searchingModel: G,
+      searchingModel: C,
       sortingModel: I,
-      pagingModel: C,
+      pagingModel: G,
       stickyOffsets: X,
       updateScrollOffset: U,
       removeScrollOffset: ee,
@@ -1509,30 +1509,30 @@ const Zt = /* @__PURE__ */ R(Qt, [["render", Yt]]), _t = [
     };
   }
 });
-function ea(e, t, n, v, g, u) {
-  const T = f("OrSearch"), H = f("OrDataGridHeader"), S = f("OrDataGridToolbar"), O = f("OrCheckbox"), G = f("OrDataGridTableHeaderCell"), I = f("OrDataGridTableHeaderRow"), C = f("OrDataGridTableHeader"), i = f("OrDataGridNotification"), w = f("OrDataGridTableExtraRow"), s = f("OrSkeletonText"), E = f("OrDataGridTableContentCell"), P = f("OrDataGridTableContentRow"), V = f("OrDataGridTablePlaceholder"), F = f("OrDataGridTableContent"), X = f("OrDataGridTable"), j = f("OrDataGridTableFooterCell"), U = f("OrDataGridTableFooterRow"), q = f("OrDataGridTableFooter"), B = f("OrPagination"), L = f("OrDataGridFooter");
+function ea(e, t, n, v, g, l) {
+  const S = f("OrSearch"), H = f("OrDataGridHeader"), T = f("OrDataGridToolbar"), O = f("OrCheckbox"), C = f("OrDataGridTableHeaderCell"), I = f("OrDataGridTableHeaderRow"), G = f("OrDataGridTableHeader"), d = f("OrDataGridNotification"), w = f("OrDataGridTableExtraRow"), s = f("OrSkeletonText"), F = f("OrDataGridTableContentCell"), P = f("OrDataGridTableContentRow"), V = f("OrDataGridTablePlaceholder"), W = f("OrDataGridTableContent"), X = f("OrDataGridTable"), j = f("OrDataGridTableFooterCell"), U = f("OrDataGridTableFooterRow"), q = f("OrDataGridTableFooter"), B = f("OrPagination"), L = f("OrDataGridFooter");
   return r(), p("div", {
     ref: "root",
-    class: c(e.rootStyles)
+    class: u(e.rootStyles)
   }, [
     e.$slots.title || e.features.searching || e.$slots.search || e.$slots.extraActions ? (r(), y(H, {
       key: 0,
-      class: c(["shrink-0"])
+      class: u(["shrink-0"])
     }, Z({ _: 2 }, [
       e.$slots.title ? {
         name: "title",
         fn: k(() => [
-          d(e.$slots, "title")
+          c(e.$slots, "title")
         ]),
         key: "0"
       } : void 0,
       e.features.searching ? {
         name: "searching",
         fn: k(() => [
-          d(e.$slots, "search", pe(ve({ updateSearchingModel: e.updateSearchingModel, searchingModel: e.searchingModel })), () => [
-            W(T, {
+          c(e.$slots, "search", pe(ve({ updateSearchingModel: e.updateSearchingModel, searchingModel: e.searchingModel })), () => [
+            E(S, {
               modelValue: e.searchingModel,
-              "onUpdate:modelValue": t[0] || (t[0] = (l) => e.searchingModel = l)
+              "onUpdate:modelValue": t[0] || (t[0] = (i) => e.searchingModel = i)
             }, null, 8, ["modelValue"])
           ])
         ]),
@@ -1541,33 +1541,33 @@ function ea(e, t, n, v, g, u) {
       e.$slots.extraActions ? {
         name: "extraActions",
         fn: k(() => [
-          d(e.$slots, "extraActions")
+          c(e.$slots, "extraActions")
         ]),
         key: "2"
       } : void 0
     ]), 1024)) : h("", !0),
-    e.$slots.toolbar ? (r(), y(S, {
+    e.$slots.toolbar ? (r(), y(T, {
       key: 1,
-      class: c(["shrink-0"])
+      class: u(["shrink-0"])
     }, {
       default: k(() => [
-        d(e.$slots, "toolbar")
+        c(e.$slots, "toolbar")
       ]),
       _: 3
     })) : h("", !0),
-    W(X, {
+    E(X, {
       ref: "table",
-      class: c(["grow", { "grid-rows-[auto_1fr]": e.items.length === 0 }]),
+      class: u(["grow", { "grid-rows-[auto_1fr]": e.items.length === 0 }]),
       style: A(e.tableInlineStyles),
       columns: e.actualColumns,
       features: e.features
     }, {
       default: k(() => [
-        W(C, null, {
+        E(G, null, {
           default: k(() => [
-            W(I, { variant: e.variant }, {
+            E(I, { variant: e.variant }, {
               default: k(() => [
-                e.features.selecting ? (r(), y(G, {
+                e.features.selecting ? (r(), y(C, {
                   key: 0,
                   column: { name: "_check", stickiness: "start" },
                   "sticky-offset": e.stickyOffsets.start.get("_check"),
@@ -1576,28 +1576,28 @@ function ea(e, t, n, v, g, u) {
                   "onRemove:scrollOffset": e.removeScrollOffset
                 }, {
                   default: k(() => [
-                    W(O, {
+                    E(O, {
                       modelValue: e.selectingIndicator,
-                      "onUpdate:modelValue": t[1] || (t[1] = (l) => e.selectingIndicator = l),
+                      "onUpdate:modelValue": t[1] || (t[1] = (i) => e.selectingIndicator = i),
                       indeterminate: !e.selectingIndicator && e.selectingModel.length > 0,
                       disabled: e.selectingDisabled
                     }, null, 8, ["modelValue", "indeterminate", "disabled"])
                   ]),
                   _: 1
                 }, 8, ["sticky-offset", "onUpdate:scrollOffset", "onRemove:scrollOffset"])) : h("", !0),
-                (r(!0), p(Q, null, Y(e.actualColumns, (l) => (r(), y(G, {
-                  key: l.name,
+                (r(!0), p(Q, null, Y(e.actualColumns, (i) => (r(), y(C, {
+                  key: i.name,
                   modelValue: e.sortingModel,
                   "onUpdate:modelValue": t[2] || (t[2] = (m) => e.sortingModel = m),
-                  column: l,
+                  column: i,
                   features: e.features,
-                  "sticky-offset": l.stickiness === "start" ? e.stickyOffsets.start.get(l.name) : l.stickiness === "end" ? e.stickyOffsets.end.get(l.name) : void 0,
+                  "sticky-offset": i.stickiness === "start" ? e.stickyOffsets.start.get(i.name) : i.stickiness === "end" ? e.stickyOffsets.end.get(i.name) : void 0,
                   "onUpdate:scrollOffset": e.updateScrollOffset,
                   "onRemove:scrollOffset": e.removeScrollOffset,
-                  "onUpdate:columnWidth": (m) => e.updateColumnWidth(l, m)
+                  "onUpdate:columnWidth": (m) => e.updateColumnWidth(i, m)
                 }, {
                   default: k(() => [
-                    _(x(l.label), 1)
+                    _(x(i.label), 1)
                   ]),
                   _: 2
                 }, 1032, ["modelValue", "column", "features", "sticky-offset", "onUpdate:scrollOffset", "onRemove:scrollOffset", "onUpdate:columnWidth"]))), 128))
@@ -1607,21 +1607,21 @@ function ea(e, t, n, v, g, u) {
           ]),
           _: 1
         }),
-        e.notification ? (r(), y(i, {
+        e.notification ? (r(), y(d, {
           key: 0,
           notification: e.notification,
           variant: e.variant,
-          onCloseNotification: t[3] || (t[3] = (l) => e.$emit("close-notification"))
+          onCloseNotification: t[3] || (t[3] = (i) => e.$emit("close-notification"))
         }, Z({ _: 2 }, [
           e.$slots.notification ? {
             name: "notification",
             fn: k(() => [
-              d(e.$slots, "notification")
+              c(e.$slots, "notification")
             ]),
             key: "0"
           } : void 0
         ]), 1032, ["notification", "variant"])) : h("", !0),
-        W(F, null, {
+        E(W, null, {
           default: k(() => [
             e.$slots["before-rows"] ? (r(), y(w, {
               key: 0,
@@ -1629,17 +1629,17 @@ function ea(e, t, n, v, g, u) {
               class: "border-b-1"
             }, {
               default: k(() => [
-                d(e.$slots, "before-rows")
+                c(e.$slots, "before-rows")
               ]),
               _: 3
             }, 8, ["variant"])) : h("", !0),
-            e.loading ? (r(!0), p(Q, { key: 1 }, Y(e.skeletonsLength, (l) => (r(), y(P, {
-              key: l,
+            e.loading ? (r(!0), p(Q, { key: 1 }, Y(e.skeletonsLength, (i) => (r(), y(P, {
+              key: i,
               variant: e.variant,
               interactive: e.interactiveRows
             }, {
               default: k(() => [
-                e.features.selecting ? (r(), y(E, {
+                e.features.selecting ? (r(), y(F, {
                   key: 0,
                   column: { name: "_check", stickiness: "start" },
                   "sticky-offset": e.stickyOffsets.start.get("_check"),
@@ -1647,11 +1647,11 @@ function ea(e, t, n, v, g, u) {
                   override: !0
                 }, {
                   default: k(() => [
-                    W(s)
+                    E(s)
                   ]),
                   _: 1
                 }, 8, ["sticky-offset", "variant"])) : h("", !0),
-                (r(!0), p(Q, null, Y(e.actualColumns, (m) => (r(), y(E, {
+                (r(!0), p(Q, null, Y(e.actualColumns, (m) => (r(), y(F, {
                   key: m.name,
                   column: m,
                   features: e.features,
@@ -1660,25 +1660,25 @@ function ea(e, t, n, v, g, u) {
                   override: !0
                 }, {
                   default: k(() => [
-                    d(e.$slots, "column-loading", { column: m }, () => [
-                      W(s)
+                    c(e.$slots, "column-loading", { column: m }, () => [
+                      E(s)
                     ])
                   ]),
                   _: 2
                 }, 1032, ["column", "features", "sticky-offset", "variant"]))), 128))
               ]),
               _: 2
-            }, 1032, ["variant", "interactive"]))), 128)) : e.items.length > 0 ? (r(!0), p(Q, { key: 2 }, Y(e.items, (l) => (r(), y(P, {
-              key: l.id,
+            }, 1032, ["variant", "interactive"]))), 128)) : e.items.length > 0 ? (r(!0), p(Q, { key: 2 }, Y(e.items, (i) => (r(), y(P, {
+              key: i.id,
               variant: e.variant,
-              selected: e.selectingModel.includes(l.id),
+              selected: e.selectingModel.includes(i.id),
               interactive: e.interactiveRows,
-              onMouseenter: () => e.handleMouseEnterRow(l),
-              onMouseleave: () => e.handleMouseLeaveRow(l),
-              onClick: () => e.handleRowClick(l)
+              onMouseenter: () => e.handleMouseEnterRow(i),
+              onMouseleave: () => e.handleMouseLeaveRow(i),
+              onClick: () => e.handleRowClick(i)
             }, {
               default: k(() => [
-                e.features.selecting ? (r(), y(E, {
+                e.features.selecting ? (r(), y(F, {
                   key: 0,
                   column: { name: "_check", stickiness: "start" },
                   "sticky-offset": e.stickyOffsets.start.get("_check"),
@@ -1686,37 +1686,37 @@ function ea(e, t, n, v, g, u) {
                   override: !0,
                   "force-state": "none",
                   class: "md:!py-none",
-                  onMouseenter: () => e.handleMouseEnterCell(l, "selecting", e.selectingModel.includes(l.id)),
-                  onMouseleave: () => e.handleMouseLeaveCell(l, "selecting", e.selectingModel.includes(l.id))
+                  onMouseenter: () => e.handleMouseEnterCell(i, "selecting", e.selectingModel.includes(i.id)),
+                  onMouseleave: () => e.handleMouseLeaveCell(i, "selecting", e.selectingModel.includes(i.id))
                 }, {
                   default: k(() => [
-                    W(O, {
+                    E(O, {
                       modelValue: e.selectingModel,
                       "onUpdate:modelValue": t[4] || (t[4] = (m) => e.selectingModel = m),
-                      value: l.id,
+                      value: i.id,
                       disabled: e.selectingDisabled
                     }, null, 8, ["modelValue", "value", "disabled"])
                   ]),
                   _: 2
                 }, 1032, ["sticky-offset", "variant", "onMouseenter", "onMouseleave"])) : h("", !0),
-                (r(!0), p(Q, null, Y(e.actualColumns, (m) => (r(), y(E, {
+                (r(!0), p(Q, null, Y(e.actualColumns, (m) => (r(), y(F, {
                   key: m.name,
-                  "model-value": l[m.name],
+                  "model-value": i[m.name],
                   column: m,
                   features: e.features,
                   "sticky-offset": m.stickiness === "start" ? e.stickyOffsets.start.get(m.name) : m.stickiness === "end" ? e.stickyOffsets.end.get(m.name) : void 0,
                   variant: e.variant,
-                  onInput: (J) => e.onInput(l, m.name, J),
+                  onInput: (J) => e.onInput(i, m.name, J),
                   onFocusin: t[5] || (t[5] = (J) => e.scrollTo(J)),
-                  onMouseenter: () => e.handleMouseEnterCell(l, m.name, l[m.name]),
-                  onMouseleave: () => e.handleMouseLeaveCell(l, m.name, l[m.name])
+                  onMouseenter: () => e.handleMouseEnterCell(i, m.name, i[m.name]),
+                  onMouseleave: () => e.handleMouseLeaveCell(i, m.name, i[m.name])
                 }, {
                   default: k(() => [
-                    d(e.$slots, m.name, {
+                    c(e.$slots, m.name, {
                       column: m,
-                      item: l
+                      item: i
                     }, () => [
-                      _(x(l[m.name]), 1)
+                      _(x(i[m.name]), 1)
                     ])
                   ]),
                   _: 2
@@ -1725,11 +1725,11 @@ function ea(e, t, n, v, g, u) {
               _: 2
             }, 1032, ["variant", "selected", "interactive", "onMouseenter", "onMouseleave", "onClick"]))), 128)) : e.$slots.noSearchResults && (e.features.filtering && e.filteringModel || e.features.searching && e.searchingModel) ? (r(), y(V, {
               key: 3,
-              class: c(["col-span-full"]),
+              class: u(["col-span-full"]),
               variant: e.variant
             }, {
               default: k(() => [
-                d(e.$slots, "noSearchResults", {
+                c(e.$slots, "noSearchResults", {
                   filter: e.filteringModel,
                   search: e.searchingModel
                 })
@@ -1737,11 +1737,11 @@ function ea(e, t, n, v, g, u) {
               _: 3
             }, 8, ["variant"])) : e.$slots.empty ? (r(), y(V, {
               key: 4,
-              class: c(["col-span-full"]),
+              class: u(["col-span-full"]),
               variant: e.variant
             }, {
               default: k(() => [
-                d(e.$slots, "empty")
+                c(e.$slots, "empty")
               ]),
               _: 3
             }, 8, ["variant"])) : h("", !0),
@@ -1750,7 +1750,7 @@ function ea(e, t, n, v, g, u) {
               variant: e.variant
             }, {
               default: k(() => [
-                d(e.$slots, "after-rows")
+                c(e.$slots, "after-rows")
               ]),
               _: 3
             }, 8, ["variant"])) : h("", !0)
@@ -1762,14 +1762,14 @@ function ea(e, t, n, v, g, u) {
     }, 8, ["class", "style", "columns", "features"]),
     e.$slots["extra-row"] ? (r(), y(q, { key: 2 }, {
       default: k(() => [
-        W(U, {
-          class: c(["shrink-0"]),
+        E(U, {
+          class: u(["shrink-0"]),
           variant: e.variant
         }, {
           default: k(() => [
-            W(j, null, {
+            E(j, null, {
               default: k(() => [
-                d(e.$slots, "extra-row")
+                c(e.$slots, "extra-row")
               ]),
               _: 3
             })
@@ -1781,7 +1781,7 @@ function ea(e, t, n, v, g, u) {
     })) : h("", !0),
     e.$slots.actions || e.showSelectingCouter || e.features.paging ? (r(), y(L, {
       key: 3,
-      class: c(["shrink-0"])
+      class: u(["shrink-0"])
     }, Z({ _: 2 }, [
       e.features.selecting && e.selectingModel.length > 0 ? {
         name: "status",
@@ -1793,17 +1793,17 @@ function ea(e, t, n, v, g, u) {
       e.$slots.actions ? {
         name: "actions",
         fn: k(() => [
-          d(e.$slots, "actions")
+          c(e.$slots, "actions")
         ]),
         key: "1"
       } : void 0,
       e.features.paging ? {
         name: "paging",
         fn: k(() => [
-          W(B, {
+          E(B, {
             ref: "pagination",
             modelValue: e.pagingModel,
-            "onUpdate:modelValue": t[6] || (t[6] = (l) => e.pagingModel = l),
+            "onUpdate:modelValue": t[6] || (t[6] = (i) => e.pagingModel = i),
             length: e.features.paging.length,
             options: e.features.paging.options
           }, null, 8, ["modelValue", "length", "options"])
@@ -1828,11 +1828,11 @@ export {
   gt as i,
   yt as j,
   Dt as k,
-  Ct as l,
+  Gt as l,
   zt as m,
-  Wt as n,
+  Et as n,
   Ut as o,
   Kt as p,
   Zt as q
 };
-//# sourceMappingURL=OrDataGrid-DnLT39dk.mjs.map
+//# sourceMappingURL=OrDataGrid-Bt5O_lK1.mjs.map