@onereach/ui-components 26.3.3-beta.5867.0 → 26.3.3-beta.5869.0

package/dist/esm/{OrDataGrid-CCz56Bn1.mjs → OrDataGrid-Dg_tGOqf.mjs}

@@ -2,8 +2,8 @@ import { O as X } from "./OrCheckbox-WPBzlvaV.mjs";
 import { O as Y } from "./OrPagination-BXzDa-Su.mjs";
 import { O as Z } from "./OrSearch-CRFuNmg2.mjs";
 import { O as _ } from "./OrSkeletonArea.vue_vue_type_script_lang-jgRhbZ0X.mjs";
-import { defineComponent as T, ref as G, computed as n, openBlock as o, createElementBlock as v, normalizeClass as u, renderSlot as i, createCommentVNode as g, resolveComponent as d, normalizeStyle as N, Fragment as H, createBlock as p, watch as x, createElementVNode as ee, createVNode as M, mergeProps as te, withCtx as f, createSlots as K, normalizeProps as ae, guardReactiveProps as oe, renderList as P, createTextVNode as Q, toDisplayString as W } from "vue";
-import { _ as C } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
+import { defineComponent as S, ref as w, computed as n, openBlock as o, createElementBlock as v, normalizeClass as u, renderSlot as i, createCommentVNode as g, resolveComponent as d, normalizeStyle as N, Fragment as H, createBlock as p, watch as x, createElementVNode as ee, createVNode as M, mergeProps as te, withCtx as f, createSlots as J, normalizeProps as ae, guardReactiveProps as oe, renderList as P, createTextVNode as K, toDisplayString as Q } from "vue";
+import { _ as T } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
 import { O as re } from "./OrDatePicker-D-Do0tSf.mjs";
 import { O as ne } from "./OrDateTimePicker-myqJkQxy.mjs";
 import "./OrDateTimePicker.vue_vue_type_script_lang-xnGNoSUB.mjs";
@@ -34,13 +34,13 @@ const ge = [
 ], ve = [
   // Typography
   "typography-body-2-semibold"
-], he = T({
+], he = S({
   name: "OrDataGridFooter",
   expose: [
     "root"
   ],
   setup() {
-    const e = G(), t = n(() => [
+    const e = w(), t = n(() => [
       "or-data-grid-footer-v3",
       ...ge
     ]), r = n(() => [
@@ -72,7 +72,7 @@ function ye(e, t, r, m, h, b) {
     i(e.$slots, "paging")
   ], 2);
 }
-const ke = /* @__PURE__ */ C(he, [["render", ye]]), Oe = [
+const ke = /* @__PURE__ */ T(he, [["render", ye]]), Oe = [
   // Layout
   "layout-row items-start gap-md",
   // Interactivity
@@ -82,13 +82,13 @@ const ke = /* @__PURE__ */ C(he, [["render", ye]]), Oe = [
 ], $e = [
   // Typography
   "typography-headline-2"
-], De = T({
+], De = S({
   name: "OrDataGridHeader",
   expose: [
     "root"
   ],
   setup() {
-    const e = G(), t = n(() => [
+    const e = w(), t = n(() => [
       "or-data-grid-header-v3",
       ...Oe
     ]), r = n(() => [
@@ -120,7 +120,7 @@ function Ge(e, t, r, m, h, b) {
     e.$slots.extraActions ? i(e.$slots, "extraActions", { key: 2 }) : g("", !0)
   ], 2);
 }
-const Se = /* @__PURE__ */ C(De, [["render", Ge]]);
+const Se = /* @__PURE__ */ T(De, [["render", Ge]]);
 var c = /* @__PURE__ */ ((e) => (e.Standard = "standard", e.Comfortable = "comfortable", e.Compact = "compact", e.Dynamic = "dynamic", e))(c || {});
 const Te = [
   // Layout
@@ -150,7 +150,7 @@ const Te = [
   "interactivity-select",
   // Typography
   "truncate"
-], Ve = T({
+], Ve = S({
   name: "OrDataGridTableContentCell",
   components: {
     OrCheckbox: X,
@@ -184,6 +184,10 @@ const Te = [
     variant: {
       type: String,
       default: c.Standard
+    },
+    override: {
+      type: Boolean,
+      default: !1
     }
   },
   emits: [
@@ -193,7 +197,7 @@ const Te = [
     "root"
   ],
   setup(e, t) {
-    const r = G(), m = n(() => {
+    const r = w(), m = n(() => {
       var k;
       return [
         "or-data-grid-table-content-cell-v3",
@@ -228,11 +232,11 @@ const Te = [
         justifyContent: "center"
       };
     }), b = n(() => {
-      var k, l, O, w, S;
+      var l, O;
+      const k = ((l = e.column) == null ? void 0 : l.wrapping) ?? (e.variant === c.Dynamic && !((O = e.column) != null && O.control));
       return [
-        ...Ce,
-        ...((l = (k = e.column) == null ? void 0 : k.control) == null ? void 0 : l.type) !== "text" && ((w = (O = e.column) == null ? void 0 : O.control) == null ? void 0 : w.type) !== "number" ? [] : ["grow"],
-        ...e.variant === c.Dynamic && !((S = e.column) != null && S.control) ? ["whitespace-pre-wrap break-words"] : ["truncate"]
+        ...Ce.filter((G) => G !== "truncate"),
+        ...k ? ["whitespace-pre-wrap break-words"] : ["truncate"]
       ];
     }), $ = n({
       get: () => e.modelValue,
@@ -254,7 +258,7 @@ const Te = [
   }
 });
 function Me(e, t, r, m, h, b) {
-  const $ = d("OrInput"), D = d("OrRating"), k = d("OrSelect"), l = d("OrCheckbox"), O = d("OrSwitch"), w = d("OrDatePicker"), S = d("OrTimePicker"), V = d("OrDateTimePicker"), I = d("OrTagInput");
+  const $ = d("OrInput"), D = d("OrRating"), k = d("OrSelect"), l = d("OrCheckbox"), O = d("OrSwitch"), G = d("OrDatePicker"), C = d("OrTimePicker"), V = d("OrDateTimePicker"), I = d("OrTagInput");
   return o(), v("div", {
     ref: "root",
     class: u(e.rootStyles),
@@ -298,14 +302,14 @@ function Me(e, t, r, m, h, b) {
         modelValue: e.model,
         "onUpdate:modelValue": t[5] || (t[5] = (y) => e.model = y)
       }, null, 8, ["modelValue"])) : g("", !0),
-      e.control.type === "date" ? (o(), p(w, {
+      e.control.type === "date" ? (o(), p(G, {
         key: 6,
         modelValue: e.model,
         "onUpdate:modelValue": t[6] || (t[6] = (y) => e.model = y),
         variant: "embedded",
         anchor: e.root
       }, null, 8, ["modelValue", "anchor"])) : g("", !0),
-      e.control.type === "time" ? (o(), p(S, {
+      e.control.type === "time" ? (o(), p(C, {
         key: 7,
         modelValue: e.model,
         "onUpdate:modelValue": t[7] || (t[7] = (y) => e.model = y),
@@ -333,7 +337,7 @@ function Me(e, t, r, m, h, b) {
     ], 2))
   ], 6);
 }
-const Re = /* @__PURE__ */ C(Ve, [["render", Me]]), Ie = [
+const Re = /* @__PURE__ */ T(Ve, [["render", Me]]), Ie = [
   // Layout
   "grid grid-cols-[subgrid] col-span-full",
   // Typography
@@ -358,21 +362,21 @@ const Re = /* @__PURE__ */ C(Ve, [["render", Me]]), Ie = [
 ], Fe = {
   [c.Standard]: [
     // Box
-    "h-[calc(theme(spacing.2xl)+theme(spacing.xs))]"
+    "min-h-[calc(theme(spacing.2xl)+theme(spacing.xs))]"
   ],
   [c.Comfortable]: [
     // Box
-    "h-[calc(theme(spacing.3xl)+theme(spacing.xs))]"
+    "min-h-[calc(theme(spacing.3xl)+theme(spacing.xs))]"
   ],
   [c.Compact]: [
     // Box
-    "h-[calc(theme(spacing.xl)+theme(spacing.xs))]"
+    "min-h-[calc(theme(spacing.xl)+theme(spacing.xs))]"
   ],
   [c.Dynamic]: [
     // Box
     "min-h-[calc(theme(spacing.2xl)+theme(spacing.xs))]"
   ]
-}, He = T({
+}, He = S({
   name: "OrDataGridTableContentRow",
   props: {
     variant: {
@@ -392,7 +396,7 @@ const Re = /* @__PURE__ */ C(Ve, [["render", Me]]), Ie = [
     "root"
   ],
   setup(e) {
-    const t = G(), r = n(() => [
+    const t = w(), r = n(() => [
       "or-data-grid-table-content-row-v3",
       ...Ie,
       ...Fe[e.variant],
@@ -413,16 +417,16 @@ function je(e, t, r, m, h, b) {
     i(e.$slots, "default")
   ], 10, Pe);
 }
-const Ee = /* @__PURE__ */ C(He, [["render", je]]), Ue = [
+const Ee = /* @__PURE__ */ T(He, [["render", je]]), Ue = [
   // Layout
   "contents"
-], Ne = T({
+], Ne = S({
   name: "OrDataGridTableContent",
   expose: [
     "root"
   ],
   setup() {
-    const e = G(), t = n(() => [
+    const e = w(), t = n(() => [
       "or-data-grid-table-content-v3",
       ...Ue
     ]);
@@ -440,7 +444,7 @@ function qe(e, t, r, m, h, b) {
     i(e.$slots, "default")
   ], 2);
 }
-const Ae = /* @__PURE__ */ C(Ne, [["render", qe]]), Le = [
+const Ae = /* @__PURE__ */ T(Ne, [["render", qe]]), Le = [
   // Layout
   "layout-row",
   // Spacing
@@ -450,13 +454,13 @@ const Ae = /* @__PURE__ */ C(Ne, [["render", qe]]), Le = [
   // Theme
   "theme-border-transparent border-1",
   "dark:theme-border-transparent-dark"
-], Be = T({
+], Be = S({
   name: "OrDataGridTableFooterCell",
   expose: [
     "root"
   ],
   setup() {
-    const e = G(), t = n(() => [
+    const e = w(), t = n(() => [
       "or-data-grid-table-footer-cell-v3",
       ...Le
     ]);
@@ -474,7 +478,7 @@ function ze(e, t, r, m, h, b) {
     i(e.$slots, "default")
   ], 2);
 }
-const Je = /* @__PURE__ */ C(Be, [["render", ze]]), Ke = [
+const We = /* @__PURE__ */ T(Be, [["render", ze]]), Je = [
   // Layout
   "grid grid-cols-1",
   // Typography
@@ -487,24 +491,24 @@ const Je = /* @__PURE__ */ C(Be, [["render", ze]]), Ke = [
   "dark:children:theme-foreground-default-dark",
   "children:theme-background-default",
   "dark:children:theme-background-default-dark"
-], Qe = {
+], Ke = {
   [c.Standard]: [
     // Box
-    "h-[calc(theme(spacing.2xl)+theme(spacing.xs))]"
+    "min-h-[calc(theme(spacing.2xl)+theme(spacing.xs))]"
   ],
   [c.Comfortable]: [
     // Box
-    "h-[calc(theme(spacing.3xl)+theme(spacing.xs))]"
+    "min-h-[calc(theme(spacing.3xl)+theme(spacing.xs))]"
   ],
   [c.Compact]: [
     // Box
-    "h-[calc(theme(spacing.xl)+theme(spacing.xs))]"
+    "min-h-[calc(theme(spacing.xl)+theme(spacing.xs))]"
   ],
   [c.Dynamic]: [
     // Box
     "min-h-[calc(theme(spacing.2xl)+theme(spacing.xs))]"
   ]
-}, We = T({
+}, Qe = S({
   name: "OrDataGridTableFooterRow",
   props: {
     variant: {
@@ -516,10 +520,10 @@ const Je = /* @__PURE__ */ C(Be, [["render", ze]]), Ke = [
     "root"
   ],
   setup(e) {
-    const t = G(), r = n(() => [
+    const t = w(), r = n(() => [
       "or-data-grid-table-footer-row-v3",
-      ...Ke,
-      ...Qe[e.variant]
+      ...Je,
+      ...Ke[e.variant]
     ]);
     return {
       root: t,
@@ -535,16 +539,16 @@ function Xe(e, t, r, m, h, b) {
     i(e.$slots, "default")
   ], 2);
 }
-const Ye = /* @__PURE__ */ C(We, [["render", Xe]]), Ze = [
+const Ye = /* @__PURE__ */ T(Qe, [["render", Xe]]), Ze = [
   // Layout
   "contents"
-], _e = T({
+], _e = S({
   name: "OrDataGridTableFooter",
   expose: [
     "root"
   ],
   setup() {
-    const e = G(), t = n(() => [
+    const e = w(), t = n(() => [
       "or-data-grid-table-footer-v3",
       ...Ze
     ]);
@@ -562,7 +566,7 @@ function xe(e, t, r, m, h, b) {
     i(e.$slots, "default")
   ], 2);
 }
-const et = /* @__PURE__ */ C(_e, [["render", xe]]), tt = [
+const et = /* @__PURE__ */ T(_e, [["render", xe]]), tt = [
   // Layout
   "layout-row",
   // Spacing
@@ -578,7 +582,7 @@ const et = /* @__PURE__ */ C(_e, [["render", xe]]), tt = [
   // Theme (.sticky-end)
   "[&.sticky-end]:border-s-disabled",
   "dark:[&.sticky-end]:border-s-disabled-dark"
-], at = T({
+], at = S({
   name: "OrDataGridTableHeaderCell",
   components: {
     OrIcon: me
@@ -610,9 +614,9 @@ const et = /* @__PURE__ */ C(_e, [["render", xe]]), tt = [
     "root"
   ],
   setup(e, t) {
-    const r = G(), m = n(() => {
-      var l, O, w;
-      return !!((l = e.features) != null && l.sorting) && !!((O = e.column) != null && O.name) && ((w = e.column) == null ? void 0 : w.sorting) !== !1;
+    const r = w(), m = n(() => {
+      var l, O, G;
+      return !!((l = e.features) != null && l.sorting) && !!((O = e.column) != null && O.name) && ((G = e.column) == null ? void 0 : G.sorting) !== !1;
     }), h = n(() => {
       var l;
       return [
@@ -686,9 +690,9 @@ const et = /* @__PURE__ */ C(_e, [["render", xe]]), tt = [
       l,
       O
     ], [
-      w
+      G
     ]) => {
-      w && w !== l && t.emit("remove:scrollOffset", w), t.emit("update:scrollOffset", l, O, e.column);
+      G && G !== l && t.emit("remove:scrollOffset", G), t.emit("update:scrollOffset", l, O, e.column);
     }), {
       root: r,
       rootStyles: h,
@@ -718,7 +722,7 @@ function rt(e, t, r, m, h, b) {
     }, null, 8, ["icon"])) : g("", !0)
   ], 6);
 }
-const nt = /* @__PURE__ */ C(at, [["render", rt]]), lt = [
+const nt = /* @__PURE__ */ T(at, [["render", rt]]), lt = [
   // Position
   "sticky top-0 z-10",
   // Layout
@@ -733,21 +737,21 @@ const nt = /* @__PURE__ */ C(at, [["render", rt]]), lt = [
 ], st = {
   [c.Standard]: [
     // Box
-    "h-[calc(theme(spacing.2xl)+theme(spacing.xs))]"
+    "min-h-[calc(theme(spacing.2xl)+theme(spacing.xs))]"
   ],
   [c.Comfortable]: [
     // Box
-    "h-[calc(theme(spacing.3xl)+theme(spacing.xs))]"
+    "min-h-[calc(theme(spacing.3xl)+theme(spacing.xs))]"
   ],
   [c.Compact]: [
     // Box
-    "h-[calc(theme(spacing.xl)+theme(spacing.xs))]"
+    "min-h-[calc(theme(spacing.xl)+theme(spacing.xs))]"
   ],
   [c.Dynamic]: [
     // Box
     "min-h-[calc(theme(spacing.2xl)+theme(spacing.xs))]"
   ]
-}, it = T({
+}, it = S({
   name: "OrDataGridTableHeaderRow",
   props: {
     variant: {
@@ -759,7 +763,7 @@ const nt = /* @__PURE__ */ C(at, [["render", rt]]), lt = [
     "root"
   ],
   setup(e) {
-    const t = G(), r = n(() => [
+    const t = w(), r = n(() => [
       "or-data-grid-table-header-row-v3",
       ...lt,
       ...st[e.variant]
@@ -778,16 +782,16 @@ function dt(e, t, r, m, h, b) {
     i(e.$slots, "default")
   ], 2);
 }
-const ut = /* @__PURE__ */ C(it, [["render", dt]]), ct = [
+const ut = /* @__PURE__ */ T(it, [["render", dt]]), ct = [
   // Layout
   "contents"
-], mt = T({
+], mt = S({
   name: "OrDataGridTableHeader",
   expose: [
     "root"
   ],
   setup() {
-    const e = G(), t = n(() => [
+    const e = w(), t = n(() => [
       "or-data-grid-table-header-v3",
       ...ct
     ]);
@@ -805,7 +809,7 @@ function ft(e, t, r, m, h, b) {
     i(e.$slots, "default")
   ], 2);
 }
-const pt = /* @__PURE__ */ C(mt, [["render", ft]]), gt = [
+const pt = /* @__PURE__ */ T(mt, [["render", ft]]), gt = [
   // Layout
   "layout-row justify-center",
   // Spacing
@@ -836,7 +840,7 @@ const pt = /* @__PURE__ */ C(mt, [["render", ft]]), gt = [
     // Box
     "min-h-[calc(theme(spacing.2xl)+theme(spacing.xs))]"
   ]
-}, ht = T({
+}, ht = S({
   name: "OrDataGridTablePlaceholder",
   props: {
     variant: {
@@ -848,7 +852,7 @@ const pt = /* @__PURE__ */ C(mt, [["render", ft]]), gt = [
     "root"
   ],
   setup(e) {
-    const t = G(), r = n(() => [
+    const t = w(), r = n(() => [
       "or-data-grid-table-placeholder-v3",
       ...gt,
       ...vt[e.variant]
@@ -867,14 +871,14 @@ function bt(e, t, r, m, h, b) {
     i(e.$slots, "default")
   ], 2);
 }
-const yt = /* @__PURE__ */ C(ht, [["render", bt]]), kt = [
+const yt = /* @__PURE__ */ T(ht, [["render", bt]]), kt = [
   // Layout
   "grid content-start",
   // Overflow
   "overflow-auto",
   // Interactivity
   "interactivity-default"
-], Ot = T({
+], Ot = S({
   name: "OrDataGridTable",
   props: {
     columns: {
@@ -890,7 +894,7 @@ const yt = /* @__PURE__ */ C(ht, [["render", bt]]), kt = [
     "root"
   ],
   setup(e) {
-    const t = G(), r = n(() => [
+    const t = w(), r = n(() => [
       "or-data-grid-table-v3",
       ...kt
     ]), m = n(() => {
@@ -913,20 +917,20 @@ function $t(e, t, r, m, h, b) {
     i(e.$slots, "default")
   ], 6);
 }
-const Dt = /* @__PURE__ */ C(Ot, [["render", $t]]), wt = [
+const Dt = /* @__PURE__ */ T(Ot, [["render", $t]]), wt = [
   // Layout
   "layout-row",
   // Box
   "h-2xl",
   // Spacing
   "gap-xl"
-], Gt = T({
+], Gt = S({
   name: "OrDataGridToolbar",
   expose: [
     "root"
   ],
   setup() {
-    const e = G(), t = n(() => [
+    const e = w(), t = n(() => [
       "or-data-grid-toolbar-v3",
       ...wt
     ]);
@@ -944,7 +948,7 @@ function St(e, t, r, m, h, b) {
     i(e.$slots, "default")
   ], 2);
 }
-const Tt = /* @__PURE__ */ C(Gt, [["render", St]]), Ct = [
+const Tt = /* @__PURE__ */ T(Gt, [["render", St]]), Ct = [
   // Position
   "grid sticky z-10",
   // Layout
@@ -966,7 +970,7 @@ const Tt = /* @__PURE__ */ C(Gt, [["render", St]]), Ct = [
     // Position
     "top-[calc(theme(spacing.2xl)+theme(spacing.xs))]"
   ]
-}, Mt = T({
+}, Mt = S({
   components: {
     OrNotification: pe
   },
@@ -1009,7 +1013,7 @@ function Rt(e, t, r, m, h, b) {
     }, 16)
   ], 2);
 }
-const It = /* @__PURE__ */ C(Mt, [["render", Rt]]), Ft = [
+const It = /* @__PURE__ */ T(Mt, [["render", Rt]]), Ft = [
   // Layout
   "grid col-span-full grid-cols-[subgrid]",
   // Typography
@@ -1025,21 +1029,21 @@ const It = /* @__PURE__ */ C(Mt, [["render", Rt]]), Ft = [
 ], Ht = {
   [c.Standard]: [
     // Box
-    "h-[calc(theme(spacing.2xl)+theme(spacing.xs))]"
+    "min-h-[calc(theme(spacing.2xl)+theme(spacing.xs))]"
   ],
   [c.Comfortable]: [
     // Box
-    "h-[calc(theme(spacing.3xl)+theme(spacing.xs))]"
+    "min-h-[calc(theme(spacing.3xl)+theme(spacing.xs))]"
   ],
   [c.Compact]: [
     // Box
-    "h-[calc(theme(spacing.xl)+theme(spacing.xs))]"
+    "min-h-[calc(theme(spacing.xl)+theme(spacing.xs))]"
   ],
   [c.Dynamic]: [
     // Box
     "min-h-[calc(theme(spacing.2xl)+theme(spacing.xs))]"
   ]
-}, Pt = T({
+}, Pt = S({
   name: "OrDataGridTableExtraRow",
   props: {
     variant: {
@@ -1051,7 +1055,7 @@ const It = /* @__PURE__ */ C(Mt, [["render", Rt]]), Ft = [
     "root"
   ],
   setup(e) {
-    const t = G(), r = n(() => [
+    const t = w(), r = n(() => [
       "or-data-grid-table-extra-row-v3",
       ...Ft,
       ...Ht[e.variant]
@@ -1070,10 +1074,10 @@ function jt(e, t, r, m, h, b) {
     i(e.$slots, "default")
   ], 2);
 }
-const Et = /* @__PURE__ */ C(Pt, [["render", jt]]), Ut = [
+const Et = /* @__PURE__ */ T(Pt, [["render", jt]]), Ut = [
   // Layout
   "layout-column"
-], Nt = T({
+], Nt = S({
   name: "OrDataGrid",
   components: {
     OrCheckbox: X,
@@ -1084,7 +1088,7 @@ const Et = /* @__PURE__ */ C(Pt, [["render", jt]]), Ut = [
     OrDataGridTableContentCell: Re,
     OrDataGridTableContentRow: Ee,
     OrDataGridTableFooter: et,
-    OrDataGridTableFooterCell: Je,
+    OrDataGridTableFooterCell: We,
     OrDataGridTableFooterRow: Ye,
     OrDataGridTableExtraRow: Et,
     OrDataGridTableHeader: pt,
@@ -1149,11 +1153,11 @@ const Et = /* @__PURE__ */ C(Pt, [["render", jt]]), Ut = [
     "root"
   ],
   setup(e, t) {
-    const r = G(), m = G(), h = n(() => [
+    const r = w(), m = w(), h = n(() => [
       "or-data-grid-v3",
       ...Ut
     ]), b = n(() => ({
-      scrollPaddingInlineStart: `${[...S.value.values()].reduce((a, s) => a + s, 0)}px`,
+      scrollPaddingInlineStart: `${[...C.value.values()].reduce((a, s) => a + s, 0)}px`,
       scrollPaddingInlineEnd: `${[...V.value.values()].reduce((a, s) => a + s, 0)}px`
     })), $ = n({
       get: () => !!e.items.length && e.items.every((a) => D.value.includes(a.id)),
@@ -1176,7 +1180,7 @@ const Et = /* @__PURE__ */ C(Pt, [["render", jt]]), Ut = [
           filtering: k.value,
           searching: l.value,
           sorting: O.value,
-          paging: w.value
+          paging: G.value
         });
       }
     }), k = n({
@@ -1191,7 +1195,7 @@ const Et = /* @__PURE__ */ C(Pt, [["render", jt]]), Ut = [
           searching: l.value,
           sorting: O.value,
           paging: {
-            ...w.value,
+            ...G.value,
             offset: 0
           }
         });
@@ -1208,7 +1212,7 @@ const Et = /* @__PURE__ */ C(Pt, [["render", jt]]), Ut = [
           searching: a,
           sorting: O.value,
           paging: {
-            ...w.value,
+            ...G.value,
             offset: 0
           }
         });
@@ -1225,12 +1229,12 @@ const Et = /* @__PURE__ */ C(Pt, [["render", jt]]), Ut = [
           searching: l.value,
           sorting: a,
           paging: {
-            ...w.value,
+            ...G.value,
             offset: 0
           }
         });
       }
-    }), w = n({
+    }), G = n({
       get: () => {
         var a;
         return (a = e.modelValue) == null ? void 0 : a.paging;
@@ -1244,7 +1248,7 @@ const Et = /* @__PURE__ */ C(Pt, [["render", jt]]), Ut = [
           paging: a
         });
       }
-    }), S = G(/* @__PURE__ */ new Map()), V = G(/* @__PURE__ */ new Map()), I = n(() => e.features.selecting && (typeof e.features.selecting == "object" ? e.features.selecting.showCounter !== !1 : !0)), y = n(() => e.items.length === 0 || e.loading || typeof e.features.selecting == "object" && e.features.selecting.disabled), F = n(() => {
+    }), C = w(/* @__PURE__ */ new Map()), V = w(/* @__PURE__ */ new Map()), I = n(() => e.features.selecting && (typeof e.features.selecting == "object" ? e.features.selecting.showCounter !== !1 : !0)), y = n(() => e.items.length === 0 || e.loading || typeof e.features.selecting == "object" && e.features.selecting.disabled), F = n(() => {
       var a;
       return ((a = m.value) == null ? void 0 : a.currentLimit) || 10;
     });
@@ -1254,10 +1258,10 @@ const Et = /* @__PURE__ */ C(Pt, [["render", jt]]), Ut = [
     function E(a, s, R) {
       switch (R.stickiness) {
         case "start":
-          S.value.set(a, s), S.value = new Map(S.value), V.value.delete(a), V.value = new Map(V.value);
+          C.value.set(a, s), C.value = new Map(C.value), V.value.delete(a), V.value = new Map(V.value);
           break;
         case "end":
-          S.value.delete(a), S.value = new Map(S.value), V.value.set(a, s), V.value = new Map(V.value);
+          C.value.delete(a), C.value = new Map(C.value), V.value.set(a, s), V.value = new Map(V.value);
           break;
         default:
           U(a);
@@ -1288,9 +1292,9 @@ const Et = /* @__PURE__ */ C(Pt, [["render", jt]]), Ut = [
       e.interactiveRows && t.emit("click:row", a);
     }
     function U(a) {
-      S.value.delete(a), S.value = new Map(S.value), V.value.delete(a), V.value = new Map(V.value);
+      C.value.delete(a), C.value = new Map(C.value), V.value.delete(a), V.value = new Map(V.value);
     }
-    function J(a) {
+    function W(a) {
       a.currentTarget.scrollIntoView({ block: "nearest" });
     }
     return {
@@ -1311,11 +1315,11 @@ const Et = /* @__PURE__ */ C(Pt, [["render", jt]]), Ut = [
       filteringModel: k,
       searchingModel: l,
       sortingModel: O,
-      pagingModel: w,
+      pagingModel: G,
       updateScrollOffset: E,
       removeScrollOffset: U,
       updateSearchingModel: j,
-      scrollTo: J,
+      scrollTo: W,
       onInput: (a, s, R) => {
         a[s] = R, t.emit("update:item", a);
       }
@@ -1323,7 +1327,7 @@ const Et = /* @__PURE__ */ C(Pt, [["render", jt]]), Ut = [
   }
 });
 function qt(e, t, r, m, h, b) {
-  const $ = d("OrSearch"), D = d("OrDataGridHeader"), k = d("OrDataGridToolbar"), l = d("OrCheckbox"), O = d("OrDataGridTableHeaderCell"), w = d("OrDataGridTableHeaderRow"), S = d("OrDataGridTableHeader"), V = d("OrDataGridNotification"), I = d("OrDataGridTableExtraRow"), y = d("OrSkeletonText"), F = d("OrDataGridTableContentCell"), j = d("OrDataGridTableContentRow"), E = d("OrDataGridTablePlaceholder"), q = d("OrDataGridTableContent"), A = d("OrDataGridTable"), L = d("OrDataGridTableFooterCell"), B = d("OrDataGridTableFooterRow"), z = d("OrDataGridTableFooter"), U = d("OrPagination"), J = d("OrDataGridFooter");
+  const $ = d("OrSearch"), D = d("OrDataGridHeader"), k = d("OrDataGridToolbar"), l = d("OrCheckbox"), O = d("OrDataGridTableHeaderCell"), G = d("OrDataGridTableHeaderRow"), C = d("OrDataGridTableHeader"), V = d("OrDataGridNotification"), I = d("OrDataGridTableExtraRow"), y = d("OrSkeletonText"), F = d("OrDataGridTableContentCell"), j = d("OrDataGridTableContentRow"), E = d("OrDataGridTablePlaceholder"), q = d("OrDataGridTableContent"), A = d("OrDataGridTable"), L = d("OrDataGridTableFooterCell"), B = d("OrDataGridTableFooterRow"), z = d("OrDataGridTableFooter"), U = d("OrPagination"), W = d("OrDataGridFooter");
   return o(), v("div", {
     ref: "root",
     class: u(e.rootStyles)
@@ -1331,7 +1335,7 @@ function qt(e, t, r, m, h, b) {
     e.$slots.title || e.features.searching || e.$slots.search || e.$slots.extraActions ? (o(), p(D, {
       key: 0,
       class: u(["shrink-0"])
-    }, K({ _: 2 }, [
+    }, J({ _: 2 }, [
       e.$slots.title ? {
         name: "title",
         fn: f(() => [
@@ -1375,9 +1379,9 @@ function qt(e, t, r, m, h, b) {
       features: e.features
     }, {
       default: f(() => [
-        M(S, null, {
+        M(C, null, {
           default: f(() => [
-            M(w, { variant: e.variant }, {
+            M(G, { variant: e.variant }, {
               default: f(() => [
                 e.features.selecting ? (o(), p(O, {
                   key: 0,
@@ -1406,7 +1410,7 @@ function qt(e, t, r, m, h, b) {
                   "onRemove:scrollOffset": e.removeScrollOffset
                 }, {
                   default: f(() => [
-                    Q(W(a.label), 1)
+                    K(Q(a.label), 1)
                   ]),
                   _: 2
                 }, 1032, ["modelValue", "column", "features", "onUpdate:scrollOffset", "onRemove:scrollOffset"]))), 128))
@@ -1421,7 +1425,7 @@ function qt(e, t, r, m, h, b) {
           notification: e.notification,
           variant: e.variant,
           onCloseNotification: t[3] || (t[3] = (a) => e.$emit("close-notification"))
-        }, K({ _: 2 }, [
+        }, J({ _: 2 }, [
           e.$slots.notification ? {
             name: "notification",
             fn: f(() => [
@@ -1489,6 +1493,7 @@ function qt(e, t, r, m, h, b) {
                   key: 0,
                   column: { stickiness: "start" },
                   variant: e.variant,
+                  override: !0,
                   "force-state": "none",
                   class: "!py-xs !px-xs md:!py-none md:!px-sm+",
                   onMouseenter: () => e.handleMouseEnterCell(a, "selecting", e.selectingModel.includes(a.id)),
@@ -1520,7 +1525,7 @@ function qt(e, t, r, m, h, b) {
                       column: s,
                       item: a
                     }, () => [
-                      Q(W(a[s.name]), 1)
+                      K(Q(a[s.name]), 1)
                     ])
                   ]),
                   _: 2
@@ -1583,14 +1588,14 @@ function qt(e, t, r, m, h, b) {
       ]),
       _: 3
     })) : g("", !0),
-    e.$slots.actions || e.showSelectingCouter || e.features.paging ? (o(), p(J, {
+    e.$slots.actions || e.showSelectingCouter || e.features.paging ? (o(), p(W, {
       key: 3,
       class: u(["shrink-0"])
-    }, K({ _: 2 }, [
+    }, J({ _: 2 }, [
       e.features.selecting && e.selectingModel.length > 0 ? {
         name: "status",
         fn: f(() => [
-          Q(W(e.selectingModel.length) + " row(s) selected ", 1)
+          K(Q(e.selectingModel.length) + " row(s) selected ", 1)
         ]),
         key: "0"
       } : void 0,
@@ -1617,7 +1622,7 @@ function qt(e, t, r, m, h, b) {
     ]), 1024)) : g("", !0)
   ], 2);
 }
-const la = /* @__PURE__ */ C(Nt, [["render", qt]]);
+const la = /* @__PURE__ */ T(Nt, [["render", qt]]);
 export {
   c as D,
   la as O,
@@ -1626,7 +1631,7 @@ export {
   Re as c,
   Ee as d,
   Ae as e,
-  Je as f,
+  We as f,
   Ye as g,
   et as h,
   nt as i,
@@ -1638,4 +1643,4 @@ export {
   It as o,
   Et as p
 };
-//# sourceMappingURL=OrDataGrid-CCz56Bn1.mjs.map
+//# sourceMappingURL=OrDataGrid-Dg_tGOqf.mjs.map