@onereach/ui-components 26.4.1-beta.5886.0 → 26.4.1-beta.5887.0

package/dist/esm/{OrDataGrid-Ci188YMU.mjs → OrDataGrid-CSiAvIZi.mjs}

@@ -1,8 +1,8 @@
-import { O as le } from "./OrCheckbox-WPBzlvaV.mjs";
-import { O as me } from "./OrPagination-BXzDa-Su.mjs";
-import { O as fe } from "./OrSearch-CRFuNmg2.mjs";
-import { O as ge } from "./OrSkeletonArea.vue_vue_type_script_lang-jgRhbZ0X.mjs";
-import { defineComponent as M, ref as S, computed as n, openBlock as o, createElementBlock as p, normalizeClass as u, renderSlot as c, createCommentVNode as h, resolveComponent as m, normalizeStyle as A, createBlock as y, watch as ie, createElementVNode as ne, withModifiers as se, createVNode as W, mergeProps as he, withCtx as v, onMounted as pe, createSlots as _, normalizeProps as ke, guardReactiveProps as be, Fragment as Q, renderList as Y, createTextVNode as x, toDisplayString as ee } from "vue";
+import { O as se } from "./OrCheckbox-WPBzlvaV.mjs";
+import { O as ue } from "./OrPagination-BXzDa-Su.mjs";
+import { O as me } from "./OrSearch-CRFuNmg2.mjs";
+import { O as fe } from "./OrSkeletonArea.vue_vue_type_script_lang-jgRhbZ0X.mjs";
+import { defineComponent as M, ref as S, computed as n, openBlock as o, createElementBlock as h, normalizeClass as f, renderSlot as d, createCommentVNode as k, resolveComponent as g, normalizeStyle as A, createBlock as y, watch as le, createElementVNode as ge, withModifiers as ne, createVNode as W, mergeProps as he, withCtx as v, onMounted as pe, createSlots as _, normalizeProps as ke, guardReactiveProps as be, Fragment as Q, renderList as Y, createTextVNode as x, toDisplayString as ee } from "vue";
 import { _ as R } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
 import { O as ve } from "./OrDatePicker-D-Do0tSf.mjs";
 import { O as ye } from "./OrDateTimePicker-myqJkQxy.mjs";
@@ -54,22 +54,22 @@ const Me = [
   }
 }), ze = {
   key: 1,
-  class: /* @__PURE__ */ u(["grow"])
+  class: /* @__PURE__ */ f(["grow"])
 };
-function He(e, t, s, k, g, i) {
-  return o(), p("div", {
+function He(e, t, s, b, p, i) {
+  return o(), h("div", {
     ref: "root",
-    class: u(e.rootStyles)
+    class: f(e.rootStyles)
   }, [
-    e.$slots.status ? (o(), p("div", {
+    e.$slots.status ? (o(), h("div", {
       key: 0,
-      class: u(e.statusStyles)
+      class: f(e.statusStyles)
     }, [
-      c(e.$slots, "status")
-    ], 2)) : h("", !0),
-    c(e.$slots, "actions"),
-    e.$slots.paging ? (o(), p("div", ze)) : h("", !0),
-    c(e.$slots, "paging")
+      d(e.$slots, "status")
+    ], 2)) : k("", !0),
+    d(e.$slots, "actions"),
+    e.$slots.paging ? (o(), h("div", ze)) : k("", !0),
+    d(e.$slots, "paging")
   ], 2);
 }
 const Ee = /* @__PURE__ */ R(Ie, [["render", He]]), We = [
@@ -102,22 +102,22 @@ const Ee = /* @__PURE__ */ R(Ie, [["render", He]]), We = [
   }
 }), Pe = {
   key: 1,
-  class: /* @__PURE__ */ u(["grow"])
+  class: /* @__PURE__ */ f(["grow"])
 };
-function Ue(e, t, s, k, g, i) {
-  return o(), p("div", {
+function Ue(e, t, s, b, p, i) {
+  return o(), h("div", {
     ref: "root",
-    class: u(e.rootStyles)
+    class: f(e.rootStyles)
   }, [
-    e.$slots.title ? (o(), p("div", {
+    e.$slots.title ? (o(), h("div", {
       key: 0,
-      class: u(e.titleStyles)
+      class: f(e.titleStyles)
     }, [
-      c(e.$slots, "title")
-    ], 2)) : h("", !0),
-    e.$slots.searching || e.$slots.extraActions ? (o(), p("div", Pe)) : h("", !0),
-    c(e.$slots, "searching"),
-    e.$slots.extraActions ? c(e.$slots, "extraActions", { key: 2 }) : h("", !0)
+      d(e.$slots, "title")
+    ], 2)) : k("", !0),
+    e.$slots.searching || e.$slots.extraActions ? (o(), h("div", Pe)) : k("", !0),
+    d(e.$slots, "searching"),
+    e.$slots.extraActions ? d(e.$slots, "extraActions", { key: 2 }) : k("", !0)
   ], 2);
 }
 const je = /* @__PURE__ */ R(Ne, [["render", Ue]]);
@@ -167,7 +167,7 @@ const K = "52px", Z = "42px", Le = [
 ], qe = M({
   name: "OrDataGridTableContentCell",
   components: {
-    OrCheckbox: le,
+    OrCheckbox: se,
     OrDatePicker: ve,
     OrDateTimePicker: ye,
     OrInput: Oe,
@@ -215,62 +215,66 @@ const K = "52px", Z = "42px", Le = [
     "root"
   ],
   setup(e, t) {
-    const s = S(), k = n(() => {
-      var f, D, I, G;
+    const s = S(), b = n(() => {
+      var c, w, I, G;
       return [
         "or-data-grid-table-content-cell-v3",
         ...Le,
-        ...(f = e.column) != null && f.stickiness ? ["overflow-hidden", `sticky-${e.column.stickiness}`] : [],
-        ...(D = e.features) != null && D.resizing && ((I = e.column) != null && I.name) && ((G = e.column) == null ? void 0 : G.resizing) !== !1 ? ["resizable"] : []
+        ...(c = e.column) != null && c.stickiness ? ["overflow-hidden", `sticky-${e.column.stickiness}`] : [],
+        ...(w = e.features) != null && w.resizing && ((I = e.column) != null && I.name) && ((G = e.column) == null ? void 0 : G.resizing) !== !1 ? ["resizable"] : []
       ];
-    }), g = n(() => {
+    }), p = n(() => {
+      var w;
+      const c = {
+        justifyContent: ((w = e.column) == null ? void 0 : w.alignment) || (e.column ? void 0 : "center")
+      };
       if (e.column)
         switch (e.column.stickiness) {
           case "start":
-            return {
+            Object.assign(c, {
               position: "sticky",
               insetInlineStart: `${e.stickyOffset}px`,
               zIndex: "30"
-            };
+            });
+            break;
           case "end":
-            return {
+            Object.assign(c, {
               position: "sticky",
               insetInlineEnd: `${e.stickyOffset}px`,
               zIndex: "30"
-            };
-          default:
-            return {};
+            });
+            break;
         }
-      return {};
+      return c;
     }), i = n(() => {
-      var G, N, F, r, b;
-      const f = ((G = e.column) == null ? void 0 : G.wrapping) ?? (e.variant === O.Dynamic && !((N = e.column) != null && N.control)), D = ((r = (F = e.column) == null ? void 0 : F.control) == null ? void 0 : r.type) === "tags", I = (b = e.column) == null ? void 0 : b.fitContent;
+      var G, N, F, r, u;
+      const c = ((G = e.column) == null ? void 0 : G.wrapping) ?? (e.variant === O.Dynamic && !((N = e.column) != null && N.control)), w = ((r = (F = e.column) == null ? void 0 : F.control) == null ? void 0 : r.type) === "tags", I = (u = e.column) == null ? void 0 : u.fitContent;
       return [
         "layout-row items-center w-full min-w-0",
-        ...D ? ["overflow-hidden"] : [],
-        ...Ae.filter((w) => w !== "truncate"),
-        ...f ? ["whitespace-pre-wrap break-words"] : I ? ["overflow-hidden"] : ["truncate"]
+        ...w ? ["overflow-hidden"] : [],
+        ...Ae.filter((D) => D !== "truncate"),
+        ...c ? ["whitespace-pre-wrap break-words"] : I ? ["overflow-hidden"] : ["truncate"]
       ];
     }), T = n(() => {
-      var f, D;
+      var c, w;
       return {
-        minWidth: e.column && e.column.minWidth || (((f = e.column) == null ? void 0 : f.name) === "_check" ? Z : K),
+        minWidth: e.column && e.column.minWidth || (((c = e.column) == null ? void 0 : c.name) === "_check" ? Z : K),
         maxWidth: e.column && e.column.maxWidth,
-        justifyContent: ((D = e.column) == null ? void 0 : D.alignment) || (e.column ? void 0 : "center")
+        justifyContent: ((w = e.column) == null ? void 0 : w.alignment) || (e.column ? void 0 : "center")
       };
     }), E = n({
       get: () => e.modelValue,
-      set: (f) => {
-        t.emit("input", f);
+      set: (c) => {
+        t.emit("input", c);
       }
     }), C = n(() => {
-      var f;
-      return (f = e.column) == null ? void 0 : f.control;
+      var c;
+      return (c = e.column) == null ? void 0 : c.control;
     });
     return {
       root: s,
-      rootStyles: k,
-      rootInlineStyles: g,
+      rootStyles: b,
+      rootInlineStyles: p,
       contentStyles: i,
       contentInlineStyles: T,
       model: E,
@@ -279,16 +283,16 @@ const K = "52px", Z = "42px", Le = [
     };
   }
 });
-function Be(e, t, s, k, g, i) {
-  const T = m("OrInput"), E = m("OrRating"), C = m("OrSelect"), f = m("OrCheckbox"), D = m("OrSwitch"), I = m("OrDatePicker"), G = m("OrTimePicker"), N = m("OrDateTimePicker"), F = m("OrTagInput");
-  return o(), p("div", {
+function Be(e, t, s, b, p, i) {
+  const T = g("OrInput"), E = g("OrRating"), C = g("OrSelect"), c = g("OrCheckbox"), w = g("OrSwitch"), I = g("OrDatePicker"), G = g("OrTimePicker"), N = g("OrDateTimePicker"), F = g("OrTagInput");
+  return o(), h("div", {
     ref: "root",
-    class: u(e.rootStyles),
+    class: f(e.rootStyles),
     style: A(e.rootInlineStyles)
   }, [
-    e.override ? c(e.$slots, "default", { key: 0 }) : e.control ? (o(), p("div", {
+    e.override ? d(e.$slots, "default", { key: 0 }) : e.control ? (o(), h("div", {
       key: 1,
-      class: u(e.contentStyles),
+      class: f(e.contentStyles),
       style: A(e.contentInlineStyles)
     }, [
       e.control.type === "text" ? (o(), y(T, {
@@ -297,19 +301,19 @@ function Be(e, t, s, k, g, i) {
         "onUpdate:modelValue": t[0] || (t[0] = (r) => e.model = r),
         type: "text",
         variant: "embedded"
-      }, null, 8, ["modelValue"])) : h("", !0),
+      }, null, 8, ["modelValue"])) : k("", !0),
       e.control.type === "number" ? (o(), y(T, {
         key: 1,
         modelValue: e.model,
         "onUpdate:modelValue": t[1] || (t[1] = (r) => e.model = r),
         type: "number",
         variant: "embedded"
-      }, null, 8, ["modelValue"])) : h("", !0),
+      }, null, 8, ["modelValue"])) : k("", !0),
       e.control.type === "rating" ? (o(), y(E, {
         key: 2,
         modelValue: e.model,
         "onUpdate:modelValue": t[2] || (t[2] = (r) => e.model = r)
-      }, null, 8, ["modelValue"])) : h("", !0),
+      }, null, 8, ["modelValue"])) : k("", !0),
       e.control.type === "select" ? (o(), y(C, {
         key: 3,
         modelValue: e.model,
@@ -317,51 +321,51 @@ function Be(e, t, s, k, g, i) {
         options: e.control.options,
         variant: "embedded",
         anchor: e.root
-      }, null, 8, ["modelValue", "options", "anchor"])) : h("", !0),
-      e.control.type === "checkbox" ? (o(), y(f, {
+      }, null, 8, ["modelValue", "options", "anchor"])) : k("", !0),
+      e.control.type === "checkbox" ? (o(), y(c, {
         key: 4,
         modelValue: e.model,
         "onUpdate:modelValue": t[4] || (t[4] = (r) => e.model = r)
-      }, null, 8, ["modelValue"])) : h("", !0),
-      e.control.type === "switch" ? (o(), y(D, {
+      }, null, 8, ["modelValue"])) : k("", !0),
+      e.control.type === "switch" ? (o(), y(w, {
         key: 5,
         modelValue: e.model,
         "onUpdate:modelValue": t[5] || (t[5] = (r) => e.model = r)
-      }, null, 8, ["modelValue"])) : h("", !0),
+      }, null, 8, ["modelValue"])) : k("", !0),
       e.control.type === "date" ? (o(), y(I, {
         key: 6,
         modelValue: e.model,
         "onUpdate:modelValue": t[6] || (t[6] = (r) => e.model = r),
         variant: "embedded",
         anchor: e.root
-      }, null, 8, ["modelValue", "anchor"])) : h("", !0),
+      }, null, 8, ["modelValue", "anchor"])) : k("", !0),
       e.control.type === "time" ? (o(), y(G, {
         key: 7,
         modelValue: e.model,
         "onUpdate:modelValue": t[7] || (t[7] = (r) => e.model = r),
         variant: "embedded",
         anchor: e.root
-      }, null, 8, ["modelValue", "anchor"])) : h("", !0),
+      }, null, 8, ["modelValue", "anchor"])) : k("", !0),
       e.control.type === "datetime" ? (o(), y(N, {
         key: 8,
         modelValue: e.model,
         "onUpdate:modelValue": t[8] || (t[8] = (r) => e.model = r),
         variant: "embedded",
         anchor: e.root
-      }, null, 8, ["modelValue", "anchor"])) : h("", !0),
+      }, null, 8, ["modelValue", "anchor"])) : k("", !0),
       e.control.type === "tags" ? (o(), y(F, {
         key: 9,
         modelValue: e.model,
         "onUpdate:modelValue": t[9] || (t[9] = (r) => e.model = r),
         variant: "embedded",
-        class: u(["grow min-w-0"])
-      }, null, 8, ["modelValue"])) : h("", !0)
-    ], 6)) : (o(), p("div", {
+        class: f(["grow min-w-0"])
+      }, null, 8, ["modelValue"])) : k("", !0)
+    ], 6)) : (o(), h("div", {
       key: 2,
-      class: u(e.contentStyles),
+      class: f(e.contentStyles),
       style: A(e.contentInlineStyles)
     }, [
-      c(e.$slots, "default")
+      d(e.$slots, "default")
     ], 6))
   ], 6);
 }
@@ -435,13 +439,13 @@ const Ke = /* @__PURE__ */ R(qe, [["render", Be]]), Xe = [
     };
   }
 }), Ye = ["selected"];
-function Ze(e, t, s, k, g, i) {
-  return o(), p("div", {
+function Ze(e, t, s, b, p, i) {
+  return o(), h("div", {
     ref: "root",
-    class: u(e.rootStyles),
+    class: f(e.rootStyles),
     selected: e.selected
   }, [
-    c(e.$slots, "default")
+    d(e.$slots, "default")
   ], 10, Ye);
 }
 const _e = /* @__PURE__ */ R(Qe, [["render", Ze]]), xe = [
@@ -463,12 +467,12 @@ const _e = /* @__PURE__ */ R(Qe, [["render", Ze]]), xe = [
     };
   }
 });
-function tt(e, t, s, k, g, i) {
-  return o(), p("div", {
+function tt(e, t, s, b, p, i) {
+  return o(), h("div", {
     ref: "root",
-    class: u(e.rootStyles)
+    class: f(e.rootStyles)
   }, [
-    c(e.$slots, "default")
+    d(e.$slots, "default")
   ], 2);
 }
 const at = /* @__PURE__ */ R(et, [["render", tt]]), rt = [
@@ -497,12 +501,12 @@ const at = /* @__PURE__ */ R(et, [["render", tt]]), rt = [
     };
   }
 });
-function nt(e, t, s, k, g, i) {
-  return o(), p("div", {
+function nt(e, t, s, b, p, i) {
+  return o(), h("div", {
     ref: "root",
-    class: u(e.rootStyles)
+    class: f(e.rootStyles)
   }, [
-    c(e.$slots, "default")
+    d(e.$slots, "default")
   ], 2);
 }
 const st = /* @__PURE__ */ R(ot, [["render", nt]]), lt = [
@@ -558,12 +562,12 @@ const st = /* @__PURE__ */ R(ot, [["render", nt]]), lt = [
     };
   }
 });
-function ct(e, t, s, k, g, i) {
-  return o(), p("div", {
+function ct(e, t, s, b, p, i) {
+  return o(), h("div", {
     ref: "root",
-    class: u(e.rootStyles)
+    class: f(e.rootStyles)
   }, [
-    c(e.$slots, "default")
+    d(e.$slots, "default")
   ], 2);
 }
 const ut = /* @__PURE__ */ R(dt, [["render", ct]]), mt = [
@@ -585,12 +589,12 @@ const ut = /* @__PURE__ */ R(dt, [["render", ct]]), mt = [
     };
   }
 });
-function gt(e, t, s, k, g, i) {
-  return o(), p("div", {
+function gt(e, t, s, b, p, i) {
+  return o(), h("div", {
     ref: "root",
-    class: u(e.rootStyles)
+    class: f(e.rootStyles)
   }, [
-    c(e.$slots, "default")
+    d(e.$slots, "default")
   ], 2);
 }
 const ht = /* @__PURE__ */ R(ft, [["render", gt]]), pt = [
@@ -654,6 +658,10 @@ const ht = /* @__PURE__ */ R(ft, [["render", gt]]), pt = [
     stickyOffset: {
       type: Number,
       default: 0
+    },
+    override: {
+      type: Boolean,
+      default: !1
     }
   },
   emits: [
@@ -666,12 +674,12 @@ const ht = /* @__PURE__ */ R(ft, [["render", gt]]), pt = [
     "root"
   ],
   setup(e, t) {
-    const s = S(), k = n(() => {
-      var r, b, w;
-      return !!((r = e.features) != null && r.sorting) && !!((b = e.column) != null && b.name) && ((w = e.column) == null ? void 0 : w.sorting) !== !1;
-    }), g = n(() => {
-      var r, b, w;
-      return !!((r = e.features) != null && r.resizing) && !!((b = e.column) != null && b.name) && ((w = e.column) == null ? void 0 : w.resizing) !== !1;
+    const s = S(), b = n(() => {
+      var r, u, D;
+      return !!((r = e.features) != null && r.sorting) && !!((u = e.column) != null && u.name) && ((D = e.column) == null ? void 0 : D.sorting) !== !1;
+    }), p = n(() => {
+      var r, u, D;
+      return !!((r = e.features) != null && r.resizing) && !!((u = e.column) != null && u.name) && ((D = e.column) == null ? void 0 : D.resizing) !== !1;
     }), i = n(() => {
       var r;
       return [
@@ -679,73 +687,75 @@ const ht = /* @__PURE__ */ R(ft, [["render", gt]]), pt = [
         "relative",
         ...pt,
         ...(r = e.column) != null && r.stickiness ? ["overflow-hidden", `sticky-${e.column.stickiness}`] : [],
-        ...g.value ? ["resizable"] : [],
-        ...k.value ? ["interactivity-click"] : []
+        ...p.value ? ["resizable"] : [],
+        ...b.value ? ["interactivity-click"] : []
       ];
     }), T = n(() => [
       "or-data-grid-table-header-cell-resize-handle-v3",
       ...kt
     ]), E = n(() => {
-      var r, b, w;
+      var r, u, D;
       return {
-        minWidth: ((r = e.column) == null ? void 0 : r.minWidth) || (((b = e.column) == null ? void 0 : b.name) === "_check" ? Z : K),
-        maxWidth: (w = e.column) == null ? void 0 : w.maxWidth,
+        minWidth: ((r = e.column) == null ? void 0 : r.minWidth) || (((u = e.column) == null ? void 0 : u.name) === "_check" ? Z : K),
+        maxWidth: (D = e.column) == null ? void 0 : D.maxWidth,
         overflow: "hidden"
       };
     }), C = n(() => {
+      var u;
+      const r = {
+        justifyContent: ((u = e.column) == null ? void 0 : u.alignment) || (e.column ? void 0 : "center")
+      };
       if (e.column)
         switch (e.column.stickiness) {
           case "start":
-            return {
+            Object.assign(r, {
               position: "sticky",
               insetInlineStart: `${e.stickyOffset}px`,
               zIndex: "120"
-            };
+            });
+            break;
           case "end":
-            return {
+            Object.assign(r, {
               position: "sticky",
               insetInlineEnd: `${e.stickyOffset}px`,
               zIndex: "120"
-            };
-          default:
-            return {};
+            });
+            break;
         }
-      return {
-        justifyContent: "center"
-      };
-    }), f = n({
+      return r;
+    }), c = n({
       get: () => {
-        var r, b;
-        if (k.value)
-          return ((r = e.modelValue) == null ? void 0 : r.column) === ((b = e.column) == null ? void 0 : b.name) ? e.modelValue : void 0;
+        var r, u;
+        if (b.value)
+          return ((r = e.modelValue) == null ? void 0 : r.column) === ((u = e.column) == null ? void 0 : u.name) ? e.modelValue : void 0;
       },
       set: (r) => {
         t.emit("update:modelValue", r);
       }
-    }), D = n(() => {
+    }), w = n(() => {
       var r;
       return [
         "layout-row items-center w-full min-w-0",
         ...((r = e.column) == null ? void 0 : r.alignment) === "end" ? ["flex-row-reverse"] : []
       ];
     }), I = n(() => {
-      var r;
+      var r, u;
       return {
-        justifyContent: (r = e.column) == null ? void 0 : r.alignment
+        justifyContent: ((r = e.column) == null ? void 0 : r.alignment) === "end" || (u = e.column) == null ? void 0 : u.alignment
       };
     });
     function G() {
       var r;
-      if (k.value)
-        if (f.value)
-          f.value = {
-            ...f.value,
-            direction: f.value.direction === "asc" ? "desc" : "asc"
+      if (b.value)
+        if (c.value)
+          c.value = {
+            ...c.value,
+            direction: c.value.direction === "asc" ? "desc" : "asc"
           };
         else {
           if (!e.column)
             throw new Error("[OrDataGridTableHeaderCell]: `column` must be specified.");
-          f.value = {
+          c.value = {
             column: ((r = e.column) == null ? void 0 : r.name) || "_check",
             direction: "asc"
           };
@@ -753,16 +763,16 @@ const ht = /* @__PURE__ */ R(ft, [["render", gt]]), pt = [
     }
     function N(r) {
       var q;
-      const b = r.pageX, w = ((q = s.value) == null ? void 0 : q.offsetWidth) || 0, V = (X) => {
-        var B, l, d;
-        const J = X.pageX - b;
-        let U = Math.max(0, w + J);
+      const u = r.pageX, D = ((q = s.value) == null ? void 0 : q.offsetWidth) || 0, V = (X) => {
+        var B, l, m;
+        const J = X.pageX - u;
+        let U = Math.max(0, D + J);
         const L = ((B = e.column) == null ? void 0 : B.minWidth) || (((l = e.column) == null ? void 0 : l.name) === "_check" ? Z : K);
         if (L && (L.endsWith("px") || !isNaN(Number(L)))) {
           const j = parseInt(L, 10);
           U = Math.max(U, j);
         }
-        if ((d = e.column) != null && d.maxWidth && (e.column.maxWidth.endsWith("px") || !isNaN(Number(e.column.maxWidth)))) {
+        if ((m = e.column) != null && m.maxWidth && (e.column.maxWidth.endsWith("px") || !isNaN(Number(e.column.maxWidth)))) {
           const j = parseInt(e.column.maxWidth, 10);
           U = Math.min(U, j);
         }
@@ -773,7 +783,7 @@ const ht = /* @__PURE__ */ R(ft, [["render", gt]]), pt = [
       document.addEventListener("mousemove", V), document.addEventListener("mouseup", z);
     }
     const { width: F } = Ge(s, void 0, { box: "border-box" });
-    return ie([
+    return le([
       s,
       F,
       () => {
@@ -782,58 +792,59 @@ const ht = /* @__PURE__ */ R(ft, [["render", gt]]), pt = [
       }
     ], ([
       r,
-      b
+      u
     ], [
-      w
+      D
     ]) => {
-      w && w !== r && t.emit("remove:scrollOffset", w), t.emit("update:scrollOffset", r, b, e.column);
+      D && D !== r && t.emit("remove:scrollOffset", D), t.emit("update:scrollOffset", r, u, e.column);
     }), {
       root: s,
       rootStyles: i,
       rootInlineStyles: C,
-      headerContentStyles: D,
+      headerContentStyles: w,
       headerContentInlineStyles: I,
       wrapInlineStyle: E,
       resizeHandleStyles: T,
-      isSortable: k,
-      isResizable: g,
-      model: f,
+      isSortable: b,
+      isResizable: p,
+      model: c,
       toggleSorting: G,
       onResizeStart: N,
       DATA_GRID_DEFAULT_MIN_WIDTH: K
     };
   }
 });
-function vt(e, t, s, k, g, i) {
-  const T = m("OrIcon");
-  return o(), p("div", {
+function vt(e, t, s, b, p, i) {
+  const T = g("OrIcon");
+  return o(), h("div", {
     ref: "root",
-    class: u(e.rootStyles),
+    class: f(e.rootStyles),
     style: A(e.rootInlineStyles),
     onClick: t[2] || (t[2] = (E) => e.toggleSorting())
   }, [
-    ne("div", {
-      class: u(e.headerContentStyles),
+    e.override ? d(e.$slots, "default", { key: 0 }) : (o(), h("div", {
+      key: 1,
+      class: f(e.headerContentStyles),
       style: A(e.headerContentInlineStyles)
     }, [
-      ne("div", {
-        class: u(["truncate"]),
+      ge("div", {
+        class: f(["truncate"]),
         style: A(e.wrapInlineStyle)
       }, [
-        c(e.$slots, "default")
+        d(e.$slots, "default")
       ], 4),
       e.model ? (o(), y(T, {
         key: 0,
         icon: e.model.direction === "asc" ? "arrow_upward" : "arrow_downward"
-      }, null, 8, ["icon"])) : h("", !0)
-    ], 6),
-    e.isResizable ? (o(), p("div", {
-      key: 0,
-      class: u(e.resizeHandleStyles),
-      onMousedown: t[0] || (t[0] = se((...E) => e.onResizeStart && e.onResizeStart(...E), ["stop", "prevent"])),
-      onClick: t[1] || (t[1] = se(() => {
+      }, null, 8, ["icon"])) : k("", !0)
+    ], 6)),
+    e.isResizable ? (o(), h("div", {
+      key: 2,
+      class: f(e.resizeHandleStyles),
+      onMousedown: t[0] || (t[0] = ne((...E) => e.onResizeStart && e.onResizeStart(...E), ["stop", "prevent"])),
+      onClick: t[1] || (t[1] = ne(() => {
       }, ["stop"]))
-    }, null, 34)) : h("", !0)
+    }, null, 34)) : k("", !0)
   ], 6);
 }
 const yt = /* @__PURE__ */ R(bt, [["render", vt]]), Ot = [
@@ -888,12 +899,12 @@ const yt = /* @__PURE__ */ R(bt, [["render", vt]]), Ot = [
     };
   }
 });
-function Dt(e, t, s, k, g, i) {
-  return o(), p("div", {
+function Dt(e, t, s, b, p, i) {
+  return o(), h("div", {
     ref: "root",
-    class: u(e.rootStyles)
+    class: f(e.rootStyles)
   }, [
-    c(e.$slots, "default")
+    d(e.$slots, "default")
   ], 2);
 }
 const St = /* @__PURE__ */ R(wt, [["render", Dt]]), Tt = [
@@ -915,12 +926,12 @@ const St = /* @__PURE__ */ R(wt, [["render", Dt]]), Tt = [
     };
   }
 });
-function Gt(e, t, s, k, g, i) {
-  return o(), p("div", {
+function Gt(e, t, s, b, p, i) {
+  return o(), h("div", {
     ref: "root",
-    class: u(e.rootStyles)
+    class: f(e.rootStyles)
   }, [
-    c(e.$slots, "default")
+    d(e.$slots, "default")
   ], 2);
 }
 const Vt = /* @__PURE__ */ R(Ct, [["render", Gt]]), Mt = [
@@ -977,12 +988,12 @@ const Vt = /* @__PURE__ */ R(Ct, [["render", Gt]]), Mt = [
     };
   }
 });
-function zt(e, t, s, k, g, i) {
-  return o(), p("div", {
+function zt(e, t, s, b, p, i) {
+  return o(), h("div", {
     ref: "root",
-    class: u(e.rootStyles)
+    class: f(e.rootStyles)
   }, [
-    c(e.$slots, "default")
+    d(e.$slots, "default")
   ], 2);
 }
 const Ht = /* @__PURE__ */ R(It, [["render", zt]]), Et = [
@@ -1012,29 +1023,29 @@ const Ht = /* @__PURE__ */ R(It, [["render", zt]]), Et = [
     const t = S(), s = n(() => [
       "or-data-grid-table-v3",
       ...Et
-    ]), k = n(() => {
-      const g = e.columns.map((i) => {
+    ]), b = n(() => {
+      const p = e.columns.map((i) => {
         if (i.width && (i.width.includes("minmax") || i.width.includes("calc")))
           return i.width;
         const T = i.width ?? "1fr", E = i.minWidth || (i.width ? K : i.fitContent || i.stickiness ? "max-content" : "120px"), C = i.maxWidth || (i.width ? T === "max-content" ? "max-content" : T : i.fitContent || i.minWidth || i.stickiness ? "max-content" : "1fr");
         return i.fitContent ? "max-content" : T.endsWith("px") ? T : `minmax(${E}, ${C})`;
       });
-      return e.features.selecting ? { gridTemplateColumns: `${Z} ${g.join(" ")}` } : { gridTemplateColumns: g.join(" ") };
+      return e.features.selecting ? { gridTemplateColumns: `${Z} ${p.join(" ")}` } : { gridTemplateColumns: p.join(" ") };
     });
     return {
       root: t,
       rootStyles: s,
-      rootInlineStyles: k
+      rootInlineStyles: b
     };
   }
 });
-function Ft(e, t, s, k, g, i) {
-  return o(), p("div", {
+function Ft(e, t, s, b, p, i) {
+  return o(), h("div", {
     ref: "root",
-    class: u(e.rootStyles),
+    class: f(e.rootStyles),
     style: A(e.rootInlineStyles)
   }, [
-    c(e.$slots, "default")
+    d(e.$slots, "default")
   ], 6);
 }
 const Nt = /* @__PURE__ */ R(Wt, [["render", Ft]]), Pt = [
@@ -1060,12 +1071,12 @@ const Nt = /* @__PURE__ */ R(Wt, [["render", Ft]]), Pt = [
     };
   }
 });
-function jt(e, t, s, k, g, i) {
-  return o(), p("div", {
+function jt(e, t, s, b, p, i) {
+  return o(), h("div", {
     ref: "root",
-    class: u(e.rootStyles)
+    class: f(e.rootStyles)
   }, [
-    c(e.$slots, "default")
+    d(e.$slots, "default")
   ], 2);
 }
 const Lt = /* @__PURE__ */ R(Ut, [["render", jt]]), At = [
@@ -1117,17 +1128,17 @@ const Lt = /* @__PURE__ */ R(Ut, [["render", jt]]), At = [
     };
   }
 });
-function Kt(e, t, s, k, g, i) {
-  const T = m("OrNotification");
-  return o(), p("div", {
-    class: u(e.rootStyles)
+function Kt(e, t, s, b, p, i) {
+  const T = g("OrNotification");
+  return o(), h("div", {
+    class: f(e.rootStyles)
   }, [
     W(T, he(e.notification, {
       class: "rounded-0 shadow-none",
       onClose: t[0] || (t[0] = (E) => e.$emit("close-notification"))
     }), {
       default: v(() => [
-        e.$slots.notification ? c(e.$slots, "notification", { key: 0 }) : h("", !0)
+        e.$slots.notification ? d(e.$slots, "notification", { key: 0 }) : k("", !0)
       ]),
       _: 3
     }, 16)
@@ -1186,12 +1197,12 @@ const Xt = /* @__PURE__ */ R(Bt, [["render", Kt]]), Jt = [
     };
   }
 });
-function Zt(e, t, s, k, g, i) {
-  return o(), p("div", {
+function Zt(e, t, s, b, p, i) {
+  return o(), h("div", {
     ref: "root",
-    class: u(e.rootStyles)
+    class: f(e.rootStyles)
   }, [
-    c(e.$slots, "default")
+    d(e.$slots, "default")
   ], 2);
 }
 const _t = /* @__PURE__ */ R(Yt, [["render", Zt]]), xt = [
@@ -1200,7 +1211,7 @@ const _t = /* @__PURE__ */ R(Yt, [["render", Zt]]), xt = [
 ], ea = M({
   name: "OrDataGrid",
   components: {
-    OrCheckbox: le,
+    OrCheckbox: se,
     OrDataGridFooter: Ee,
     OrDataGridHeader: je,
     OrDataGridTable: Nt,
@@ -1217,9 +1228,9 @@ const _t = /* @__PURE__ */ R(Yt, [["render", Zt]]), xt = [
     OrDataGridTablePlaceholder: Ht,
     OrDataGridToolbar: Lt,
     OrDataGridNotification: Xt,
-    OrPagination: me,
-    OrSearch: fe,
-    OrSkeletonText: ge
+    OrPagination: ue,
+    OrSearch: me,
+    OrSkeletonText: fe
   },
   model: {
     prop: "modelValue",
@@ -1273,7 +1284,7 @@ const _t = /* @__PURE__ */ R(Yt, [["render", Zt]]), xt = [
     "root"
   ],
   setup(e, t) {
-    const s = S(), k = S(), g = S(), i = n(() => [
+    const s = S(), b = S(), p = S(), i = n(() => [
       "or-data-grid-v3",
       ...xt
     ]), T = n(() => ({
@@ -1297,13 +1308,13 @@ const _t = /* @__PURE__ */ R(Yt, [["render", Zt]]), xt = [
       set: (a) => {
         t.emit("update:modelValue", {
           selecting: a,
-          filtering: f.value,
-          searching: D.value,
+          filtering: c.value,
+          searching: w.value,
           sorting: I.value,
           paging: G.value
         });
       }
-    }), f = n({
+    }), c = n({
       get: () => {
         var a;
         return (a = e.modelValue) == null ? void 0 : a.filtering;
@@ -1312,7 +1323,7 @@ const _t = /* @__PURE__ */ R(Yt, [["render", Zt]]), xt = [
         t.emit("update:modelValue", {
           selecting: C.value,
           filtering: a,
-          searching: D.value,
+          searching: w.value,
           sorting: I.value,
           paging: {
             ...G.value,
@@ -1320,7 +1331,7 @@ const _t = /* @__PURE__ */ R(Yt, [["render", Zt]]), xt = [
           }
         });
       }
-    }), D = n({
+    }), w = n({
       get: () => {
         var a;
         return (a = e.modelValue) == null ? void 0 : a.searching;
@@ -1328,7 +1339,7 @@ const _t = /* @__PURE__ */ R(Yt, [["render", Zt]]), xt = [
       set: (a) => {
         t.emit("update:modelValue", {
           selecting: C.value,
-          filtering: f.value,
+          filtering: c.value,
           searching: a,
           sorting: I.value,
           paging: {
@@ -1345,8 +1356,8 @@ const _t = /* @__PURE__ */ R(Yt, [["render", Zt]]), xt = [
       set: (a) => {
         t.emit("update:modelValue", {
           selecting: C.value,
-          filtering: f.value,
-          searching: D.value,
+          filtering: c.value,
+          searching: w.value,
           sorting: a,
           paging: {
             ...G.value,
@@ -1362,35 +1373,36 @@ const _t = /* @__PURE__ */ R(Yt, [["render", Zt]]), xt = [
       set: (a) => {
         t.emit("update:modelValue", {
           selecting: C.value,
-          filtering: f.value,
-          searching: D.value,
+          filtering: c.value,
+          searching: w.value,
           sorting: I.value,
           paging: a
         });
       }
     });
-    ie(() => {
+    le(() => {
       var a;
       return (a = G.value) == null ? void 0 : a.offset;
     }, () => {
       var a;
-      (a = g.value) != null && a.root && g.value.root.scrollTo({
+      (a = p.value) != null && a.root && p.value.root.scrollTo({
         top: 0,
         behavior: "smooth"
       });
     });
     const N = n(() => e.features.selecting && (typeof e.features.selecting == "object" ? e.features.selecting.showCounter !== !1 : !0)), F = n(() => e.items.length === 0 || e.loading || typeof e.features.selecting == "object" && e.features.selecting.disabled), r = n(() => {
       var a;
-      return ((a = k.value) == null ? void 0 : a.currentLimit) || 10;
-    }), b = S({}), w = n(() => e.columns.map((a) => ({
+      return ((a = b.value) == null ? void 0 : a.currentLimit) || 10;
+    }), u = S({}), D = n(() => e.columns.map((a) => ({
       ...a,
-      width: b.value[a.name] || a.width
+      width: u.value[a.name] || a.width
     }))), V = S(/* @__PURE__ */ new Map()), z = S(/* @__PURE__ */ new Map()), q = n(() => {
       const a = /* @__PURE__ */ new Map(), $ = /* @__PURE__ */ new Map(), H = [], ae = [];
       e.features.selecting && H.push({
         name: "_check",
-        stickiness: "start"
-      }), w.value.forEach((P) => {
+        stickiness: "start",
+        alignment: "center"
+      }), D.value.forEach((P) => {
         P.stickiness === "start" ? H.push(P) : P.stickiness === "end" && ae.push(P);
       });
       let re = 0;
@@ -1406,7 +1418,7 @@ const _t = /* @__PURE__ */ R(Yt, [["render", Zt]]), xt = [
       };
     });
     function X(a) {
-      D.value = a;
+      w.value = a;
     }
     function J(a, $, H) {
       switch (H.stickiness) {
@@ -1441,62 +1453,62 @@ const _t = /* @__PURE__ */ R(Yt, [["render", Zt]]), xt = [
         value: H
       });
     }
-    function d(a) {
+    function m(a) {
       e.interactiveRows && t.emit("click:row", a);
     }
     function j(a, $) {
-      b.value = {
-        ...b.value,
+      u.value = {
+        ...u.value,
         [a.name]: `${$}px`
-      }, e.features.storageKey && de();
+      }, e.features.storageKey && ie();
     }
-    function de() {
+    function ie() {
       if (typeof window > "u" || !e.features.storageKey) return;
       const a = {};
-      w.value.forEach(($) => {
+      D.value.forEach(($) => {
         $.name && $.width && (a[$.name] = $.width);
       }), localStorage.setItem(`or-data-grid-v3-widths-${e.features.storageKey}`, JSON.stringify(a));
     }
-    function ce() {
+    function de() {
       if (!(typeof window > "u" || !e.features.storageKey))
         try {
           const a = localStorage.getItem(`or-data-grid-v3-widths-${e.features.storageKey}`);
           if (a) {
             const $ = JSON.parse(a);
-            b.value = $;
+            u.value = $;
           }
         } catch (a) {
           console.error("[OrDataGrid]: Failed to load column widths from localStorage", a);
         }
     }
     pe(() => {
-      ce();
+      de();
     });
     function te(a) {
       V.value.delete(a), V.value = new Map(V.value), z.value.delete(a), z.value = new Map(z.value);
     }
-    function ue(a) {
+    function ce(a) {
       a.currentTarget.scrollIntoView({ block: "nearest" });
     }
     return {
       root: s,
       rootStyles: i,
-      pagination: k,
+      pagination: b,
       tableInlineStyles: T,
       selectingIndicator: E,
       showSelectingCouter: N,
       selectingDisabled: F,
       skeletonsLength: r,
-      actualColumns: w,
+      actualColumns: D,
       handleMouseEnterRow: U,
       handleMouseLeaveRow: L,
       handleMouseEnterCell: B,
       handleMouseLeaveCell: l,
-      handleRowClick: d,
+      handleRowClick: m,
       updateColumnWidth: j,
       selectingModel: C,
-      filteringModel: f,
-      searchingModel: D,
+      filteringModel: c,
+      searchingModel: w,
       sortingModel: I,
       pagingModel: G,
       stickyOffsets: q,
@@ -1505,39 +1517,39 @@ const _t = /* @__PURE__ */ R(Yt, [["render", Zt]]), xt = [
       updateSearchingModel: X,
       scrollToTop: () => {
         var a;
-        (a = g.value) != null && a.root && g.value.root.scrollTo({
+        (a = p.value) != null && a.root && p.value.root.scrollTo({
           top: 0,
           behavior: "smooth"
         });
       },
-      scrollTo: ue,
+      scrollTo: ce,
       onInput: (a, $, H) => {
         a[$] = H, t.emit("update:item", a);
       }
     };
   }
 });
-function ta(e, t, s, k, g, i) {
-  const T = m("OrSearch"), E = m("OrDataGridHeader"), C = m("OrDataGridToolbar"), f = m("OrCheckbox"), D = m("OrDataGridTableHeaderCell"), I = m("OrDataGridTableHeaderRow"), G = m("OrDataGridTableHeader"), N = m("OrDataGridNotification"), F = m("OrDataGridTableExtraRow"), r = m("OrSkeletonText"), b = m("OrDataGridTableContentCell"), w = m("OrDataGridTableContentRow"), V = m("OrDataGridTablePlaceholder"), z = m("OrDataGridTableContent"), q = m("OrDataGridTable"), X = m("OrDataGridTableFooterCell"), J = m("OrDataGridTableFooterRow"), U = m("OrDataGridTableFooter"), L = m("OrPagination"), B = m("OrDataGridFooter");
-  return o(), p("div", {
+function ta(e, t, s, b, p, i) {
+  const T = g("OrSearch"), E = g("OrDataGridHeader"), C = g("OrDataGridToolbar"), c = g("OrCheckbox"), w = g("OrDataGridTableHeaderCell"), I = g("OrDataGridTableHeaderRow"), G = g("OrDataGridTableHeader"), N = g("OrDataGridNotification"), F = g("OrDataGridTableExtraRow"), r = g("OrSkeletonText"), u = g("OrDataGridTableContentCell"), D = g("OrDataGridTableContentRow"), V = g("OrDataGridTablePlaceholder"), z = g("OrDataGridTableContent"), q = g("OrDataGridTable"), X = g("OrDataGridTableFooterCell"), J = g("OrDataGridTableFooterRow"), U = g("OrDataGridTableFooter"), L = g("OrPagination"), B = g("OrDataGridFooter");
+  return o(), h("div", {
     ref: "root",
-    class: u(e.rootStyles)
+    class: f(e.rootStyles)
   }, [
     e.$slots.title || e.features.searching || e.$slots.search || e.$slots.extraActions ? (o(), y(E, {
       key: 0,
-      class: u(["shrink-0"])
+      class: f(["shrink-0"])
     }, _({ _: 2 }, [
       e.$slots.title ? {
         name: "title",
         fn: v(() => [
-          c(e.$slots, "title")
+          d(e.$slots, "title")
         ]),
         key: "0"
       } : void 0,
       e.features.searching ? {
         name: "searching",
         fn: v(() => [
-          c(e.$slots, "search", ke(be({ updateSearchingModel: e.updateSearchingModel, searchingModel: e.searchingModel })), () => [
+          d(e.$slots, "search", ke(be({ updateSearchingModel: e.updateSearchingModel, searchingModel: e.searchingModel })), () => [
             W(T, {
               modelValue: e.searchingModel,
               "onUpdate:modelValue": t[0] || (t[0] = (l) => e.searchingModel = l)
@@ -1549,23 +1561,23 @@ function ta(e, t, s, k, g, i) {
       e.$slots.extraActions ? {
         name: "extraActions",
         fn: v(() => [
-          c(e.$slots, "extraActions")
+          d(e.$slots, "extraActions")
         ]),
         key: "2"
       } : void 0
-    ]), 1024)) : h("", !0),
+    ]), 1024)) : k("", !0),
     e.$slots.toolbar ? (o(), y(C, {
       key: 1,
-      class: u(["shrink-0"])
+      class: f(["shrink-0"])
     }, {
       default: v(() => [
-        c(e.$slots, "toolbar")
+        d(e.$slots, "toolbar")
       ]),
       _: 3
-    })) : h("", !0),
+    })) : k("", !0),
     W(q, {
       ref: "table",
-      class: u(["grow", { "grid-rows-[auto_1fr]": e.items.length === 0 }]),
+      class: f(["grow", { "grid-rows-[auto_1fr]": e.items.length === 0 }]),
       style: A(e.tableInlineStyles),
       columns: e.actualColumns,
       features: e.features
@@ -1575,16 +1587,17 @@ function ta(e, t, s, k, g, i) {
           default: v(() => [
             W(I, { variant: e.variant }, {
               default: v(() => [
-                e.features.selecting ? (o(), y(D, {
+                e.features.selecting ? (o(), y(w, {
                   key: 0,
-                  column: { name: "_check", stickiness: "start" },
+                  column: { name: "_check", stickiness: "start", alignment: "center" },
                   "sticky-offset": e.stickyOffsets.start.get("_check"),
-                  class: "md:!py-none",
+                  override: !0,
+                  class: "!px-none",
                   "onUpdate:scrollOffset": e.updateScrollOffset,
                   "onRemove:scrollOffset": e.removeScrollOffset
                 }, {
                   default: v(() => [
-                    W(f, {
+                    W(c, {
                       modelValue: e.selectingIndicator,
                       "onUpdate:modelValue": t[1] || (t[1] = (l) => e.selectingIndicator = l),
                       indeterminate: !e.selectingIndicator && e.selectingModel.length > 0,
@@ -1592,17 +1605,17 @@ function ta(e, t, s, k, g, i) {
                     }, null, 8, ["modelValue", "indeterminate", "disabled"])
                   ]),
                   _: 1
-                }, 8, ["sticky-offset", "onUpdate:scrollOffset", "onRemove:scrollOffset"])) : h("", !0),
-                (o(!0), p(Q, null, Y(e.actualColumns, (l) => (o(), y(D, {
+                }, 8, ["sticky-offset", "onUpdate:scrollOffset", "onRemove:scrollOffset"])) : k("", !0),
+                (o(!0), h(Q, null, Y(e.actualColumns, (l) => (o(), y(w, {
                   key: l.name,
                   modelValue: e.sortingModel,
-                  "onUpdate:modelValue": t[2] || (t[2] = (d) => e.sortingModel = d),
+                  "onUpdate:modelValue": t[2] || (t[2] = (m) => e.sortingModel = m),
                   column: l,
                   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,
                   "onUpdate:scrollOffset": e.updateScrollOffset,
                   "onRemove:scrollOffset": e.removeScrollOffset,
-                  "onUpdate:columnWidth": (d) => e.updateColumnWidth(l, d)
+                  "onUpdate:columnWidth": (m) => e.updateColumnWidth(l, m)
                 }, {
                   default: v(() => [
                     x(ee(l.label), 1)
@@ -1624,11 +1637,11 @@ function ta(e, t, s, k, g, i) {
           e.$slots.notification ? {
             name: "notification",
             fn: v(() => [
-              c(e.$slots, "notification")
+              d(e.$slots, "notification")
             ]),
             key: "0"
           } : void 0
-        ]), 1032, ["notification", "variant"])) : h("", !0),
+        ]), 1032, ["notification", "variant"])) : k("", !0),
         W(z, null, {
           default: v(() => [
             e.$slots["before-rows"] ? (o(), y(F, {
@@ -1637,38 +1650,39 @@ function ta(e, t, s, k, g, i) {
               class: "border-b-1"
             }, {
               default: v(() => [
-                c(e.$slots, "before-rows")
+                d(e.$slots, "before-rows")
               ]),
               _: 3
-            }, 8, ["variant"])) : h("", !0),
-            e.loading ? (o(!0), p(Q, { key: 1 }, Y(e.skeletonsLength, (l) => (o(), y(w, {
+            }, 8, ["variant"])) : k("", !0),
+            e.loading ? (o(!0), h(Q, { key: 1 }, Y(e.skeletonsLength, (l) => (o(), y(D, {
               key: l,
               variant: e.variant,
               interactive: e.interactiveRows
             }, {
               default: v(() => [
-                e.features.selecting ? (o(), y(b, {
+                e.features.selecting ? (o(), y(u, {
                   key: 0,
-                  column: { name: "_check", stickiness: "start" },
+                  column: { name: "_check", stickiness: "start", alignment: "center" },
                   "sticky-offset": e.stickyOffsets.start.get("_check"),
                   variant: e.variant,
-                  override: !0
+                  override: !0,
+                  class: "!px-none"
                 }, {
                   default: v(() => [
                     W(r)
                   ]),
                   _: 1
-                }, 8, ["sticky-offset", "variant"])) : h("", !0),
-                (o(!0), p(Q, null, Y(e.actualColumns, (d) => (o(), y(b, {
-                  key: d.name,
-                  column: d,
+                }, 8, ["sticky-offset", "variant"])) : k("", !0),
+                (o(!0), h(Q, null, Y(e.actualColumns, (m) => (o(), y(u, {
+                  key: m.name,
+                  column: m,
                   features: e.features,
-                  "sticky-offset": d.stickiness === "start" ? e.stickyOffsets.start.get(d.name) : d.stickiness === "end" ? e.stickyOffsets.end.get(d.name) : void 0,
+                  "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,
                   override: !0
                 }, {
                   default: v(() => [
-                    c(e.$slots, "column-loading", { column: d }, () => [
+                    d(e.$slots, "column-loading", { column: m }, () => [
                       W(r)
                     ])
                   ]),
@@ -1676,7 +1690,7 @@ function ta(e, t, s, k, g, i) {
                 }, 1032, ["column", "features", "sticky-offset", "variant"]))), 128))
               ]),
               _: 2
-            }, 1032, ["variant", "interactive"]))), 128)) : e.items.length > 0 ? (o(!0), p(Q, { key: 2 }, Y(e.items, (l) => (o(), y(w, {
+            }, 1032, ["variant", "interactive"]))), 128)) : e.items.length > 0 ? (o(!0), h(Q, { key: 2 }, Y(e.items, (l) => (o(), y(D, {
               key: l.id,
               variant: e.variant,
               selected: e.selectingModel.includes(l.id),
@@ -1686,45 +1700,45 @@ function ta(e, t, s, k, g, i) {
               onClick: () => e.handleRowClick(l)
             }, {
               default: v(() => [
-                e.features.selecting ? (o(), y(b, {
+                e.features.selecting ? (o(), y(u, {
                   key: 0,
-                  column: { name: "_check", stickiness: "start" },
+                  column: { name: "_check", stickiness: "start", alignment: "center" },
                   "sticky-offset": e.stickyOffsets.start.get("_check"),
                   variant: e.variant,
                   override: !0,
                   "force-state": "none",
-                  class: "md:!py-none",
+                  class: "!px-none",
                   onMouseenter: () => e.handleMouseEnterCell(l, "selecting", e.selectingModel.includes(l.id)),
                   onMouseleave: () => e.handleMouseLeaveCell(l, "selecting", e.selectingModel.includes(l.id))
                 }, {
                   default: v(() => [
-                    W(f, {
+                    W(c, {
                       modelValue: e.selectingModel,
-                      "onUpdate:modelValue": t[4] || (t[4] = (d) => e.selectingModel = d),
+                      "onUpdate:modelValue": t[4] || (t[4] = (m) => e.selectingModel = m),
                       value: l.id,
                       disabled: e.selectingDisabled
                     }, null, 8, ["modelValue", "value", "disabled"])
                   ]),
                   _: 2
-                }, 1032, ["sticky-offset", "variant", "onMouseenter", "onMouseleave"])) : h("", !0),
-                (o(!0), p(Q, null, Y(e.actualColumns, (d) => (o(), y(b, {
-                  key: d.name,
-                  "model-value": l[d.name],
-                  column: d,
+                }, 1032, ["sticky-offset", "variant", "onMouseenter", "onMouseleave"])) : k("", !0),
+                (o(!0), h(Q, null, Y(e.actualColumns, (m) => (o(), y(u, {
+                  key: m.name,
+                  "model-value": l[m.name],
+                  column: m,
                   features: e.features,
-                  "sticky-offset": d.stickiness === "start" ? e.stickyOffsets.start.get(d.name) : d.stickiness === "end" ? e.stickyOffsets.end.get(d.name) : void 0,
+                  "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, d.name, j),
+                  onInput: (j) => e.onInput(l, m.name, j),
                   onFocusin: t[5] || (t[5] = (j) => e.scrollTo(j)),
-                  onMouseenter: () => e.handleMouseEnterCell(l, d.name, l[d.name]),
-                  onMouseleave: () => e.handleMouseLeaveCell(l, d.name, l[d.name])
+                  onMouseenter: () => e.handleMouseEnterCell(l, m.name, l[m.name]),
+                  onMouseleave: () => e.handleMouseLeaveCell(l, m.name, l[m.name])
                 }, {
                   default: v(() => [
-                    c(e.$slots, d.name, {
-                      column: d,
+                    d(e.$slots, m.name, {
+                      column: m,
                       item: l
                     }, () => [
-                      x(ee(l[d.name]), 1)
+                      x(ee(l[m.name]), 1)
                     ])
                   ]),
                   _: 2
@@ -1733,11 +1747,11 @@ function ta(e, t, s, k, g, i) {
               _: 2
             }, 1032, ["variant", "selected", "interactive", "onMouseenter", "onMouseleave", "onClick"]))), 128)) : e.$slots.noSearchResults && (e.features.filtering && e.filteringModel || e.features.searching && e.searchingModel) ? (o(), y(V, {
               key: 3,
-              class: u(["col-span-full"]),
+              class: f(["col-span-full"]),
               variant: e.variant
             }, {
               default: v(() => [
-                c(e.$slots, "noSearchResults", {
+                d(e.$slots, "noSearchResults", {
                   filter: e.filteringModel,
                   search: e.searchingModel
                 })
@@ -1745,23 +1759,23 @@ function ta(e, t, s, k, g, i) {
               _: 3
             }, 8, ["variant"])) : e.$slots.empty ? (o(), y(V, {
               key: 4,
-              class: u(["col-span-full"]),
+              class: f(["col-span-full"]),
               variant: e.variant
             }, {
               default: v(() => [
-                c(e.$slots, "empty")
+                d(e.$slots, "empty")
               ]),
               _: 3
-            }, 8, ["variant"])) : h("", !0),
+            }, 8, ["variant"])) : k("", !0),
             e.$slots["after-rows"] ? (o(), y(F, {
               key: 5,
               variant: e.variant
             }, {
               default: v(() => [
-                c(e.$slots, "after-rows")
+                d(e.$slots, "after-rows")
               ]),
               _: 3
-            }, 8, ["variant"])) : h("", !0)
+            }, 8, ["variant"])) : k("", !0)
           ]),
           _: 3
         })
@@ -1771,13 +1785,13 @@ function ta(e, t, s, k, g, i) {
     e.$slots["extra-row"] ? (o(), y(U, { key: 2 }, {
       default: v(() => [
         W(J, {
-          class: u(["shrink-0"]),
+          class: f(["shrink-0"]),
           variant: e.variant
         }, {
           default: v(() => [
             W(X, null, {
               default: v(() => [
-                c(e.$slots, "extra-row")
+                d(e.$slots, "extra-row")
               ]),
               _: 3
             })
@@ -1786,10 +1800,10 @@ function ta(e, t, s, k, g, i) {
         }, 8, ["variant"])
       ]),
       _: 3
-    })) : h("", !0),
+    })) : k("", !0),
     e.$slots.actions || e.showSelectingCouter || e.features.paging ? (o(), y(B, {
       key: 3,
-      class: u(["shrink-0"])
+      class: f(["shrink-0"])
     }, _({ _: 2 }, [
       e.features.selecting && e.selectingModel.length > 0 ? {
         name: "status",
@@ -1801,7 +1815,7 @@ function ta(e, t, s, k, g, i) {
       e.$slots.actions ? {
         name: "actions",
         fn: v(() => [
-          c(e.$slots, "actions")
+          d(e.$slots, "actions")
         ]),
         key: "1"
       } : void 0,
@@ -1818,7 +1832,7 @@ function ta(e, t, s, k, g, i) {
         ]),
         key: "2"
       } : void 0
-    ]), 1024)) : h("", !0)
+    ]), 1024)) : k("", !0)
   ], 2);
 }
 const Oa = /* @__PURE__ */ R(ea, [["render", ta]]);
@@ -1844,4 +1858,4 @@ export {
   Xt as q,
   _t as r
 };
-//# sourceMappingURL=OrDataGrid-Ci188YMU.mjs.map
+//# sourceMappingURL=OrDataGrid-CSiAvIZi.mjs.map