@onereach/ui-components 26.4.1-beta.5878.0 → 26.4.1-beta.5880.0

package/dist/esm/{OrDataGrid-C_RY7OZe.mjs → OrDataGrid-D69LUBBI.mjs}

@@ -1,23 +1,23 @@
-import { O as ee } from "./OrCheckbox-WPBzlvaV.mjs";
-import { O as re } from "./OrPagination-BXzDa-Su.mjs";
-import { O as oe } from "./OrSearch-CRFuNmg2.mjs";
-import { O as ne } from "./OrSkeletonArea.vue_vue_type_script_lang-jgRhbZ0X.mjs";
-import { defineComponent as G, ref as D, computed as l, openBlock as r, createElementBlock as p, normalizeClass as f, renderSlot as i, createCommentVNode as g, resolveComponent as m, normalizeStyle as K, Fragment as q, createBlock as y, watch as te, createElementVNode as le, withModifiers as x, createVNode as H, mergeProps as se, withCtx as b, onMounted as ie, createSlots as Y, normalizeProps as de, guardReactiveProps as ue, renderList as Q, createTextVNode as Z, toDisplayString as _ } from "vue";
-import { _ as C } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
-import { O as ce } from "./OrDatePicker-D-Do0tSf.mjs";
-import { O as me } from "./OrDateTimePicker-myqJkQxy.mjs";
+import { O as te } from "./OrCheckbox-WPBzlvaV.mjs";
+import { O as ne } from "./OrPagination-BXzDa-Su.mjs";
+import { O as le } from "./OrSearch-CRFuNmg2.mjs";
+import { O as se } from "./OrSkeletonArea.vue_vue_type_script_lang-jgRhbZ0X.mjs";
+import { defineComponent as M, ref as D, computed as n, openBlock as r, createElementBlock as h, normalizeClass as f, renderSlot as d, createCommentVNode as p, resolveComponent as m, normalizeStyle as K, Fragment as q, createBlock as y, watch as ae, createElementVNode as ie, withModifiers as ee, createVNode as z, mergeProps as de, withCtx as b, onMounted as ue, createSlots as Y, normalizeProps as ce, guardReactiveProps as me, renderList as Q, createTextVNode as Z, toDisplayString as _ } from "vue";
+import { _ as R } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
+import { O as fe } from "./OrDatePicker-D-Do0tSf.mjs";
+import { O as ge } from "./OrDateTimePicker-myqJkQxy.mjs";
 import "./OrDateTimePicker.vue_vue_type_script_lang-xnGNoSUB.mjs";
 import "@onereach/ui-components-common/types";
-import { O as fe } from "./OrInput-nExtCSw8.mjs";
-import { O as ge } from "./OrRating-CAwz23JA.mjs";
-import { O as pe } from "./OrSelect-BeL73iXu.mjs";
-import { O as he } from "./OrSwitch-BtoXDsZx.mjs";
-import { O as ve } from "./OrTagInput-B2U22gXE.mjs";
-import { O as be } from "./OrTimePicker-QPUb8olp.mjs";
-import { O as ye } from "./OrIcon-k8cyvh-D.mjs";
-import { useElementSize as ke } from "@vueuse/core";
-import { O as Oe } from "./OrNotification-BkjmRseb.mjs";
-const $e = [
+import { O as pe } from "./OrInput-nExtCSw8.mjs";
+import { O as he } from "./OrRating-CAwz23JA.mjs";
+import { O as ve } from "./OrSelect-BeL73iXu.mjs";
+import { O as be } from "./OrSwitch-BtoXDsZx.mjs";
+import { O as ye } from "./OrTagInput-B2U22gXE.mjs";
+import { O as ke } from "./OrTimePicker-QPUb8olp.mjs";
+import { O as Oe } from "./OrIcon-k8cyvh-D.mjs";
+import { useElementSize as $e } from "@vueuse/core";
+import { O as we } from "./OrNotification-BkjmRseb.mjs";
+const De = [
   // Layout
   "layout-row",
   // Interactivity
@@ -31,98 +31,98 @@ const $e = [
   // Theme
   "theme-border-disabled border-t-1",
   "dark:theme-border-disabled-dark"
-], we = [
+], Se = [
   // Typography
   "typography-body-2-semibold"
-], De = G({
+], Te = M({
   name: "OrDataGridFooter",
   expose: [
     "root"
   ],
   setup() {
-    const e = D(), t = l(() => [
+    const e = D(), t = n(() => [
       "or-data-grid-footer-v3",
-      ...$e
-    ]), n = l(() => [
-      ...we
+      ...De
+    ]), l = n(() => [
+      ...Se
     ]);
     return {
       root: e,
       rootStyles: t,
-      statusStyles: n
+      statusStyles: l
     };
   }
-}), Se = {
+}), Ge = {
   key: 1,
   class: /* @__PURE__ */ f(["grow"])
 };
-function Te(e, t, n, h, v, u) {
-  return r(), p("div", {
+function Ce(e, t, l, v, g, u) {
+  return r(), h("div", {
     ref: "root",
     class: f(e.rootStyles)
   }, [
-    e.$slots.status ? (r(), p("div", {
+    e.$slots.status ? (r(), h("div", {
       key: 0,
       class: f(e.statusStyles)
     }, [
-      i(e.$slots, "status")
-    ], 2)) : g("", !0),
-    i(e.$slots, "actions"),
-    e.$slots.paging ? (r(), p("div", Se)) : g("", !0),
-    i(e.$slots, "paging")
+      d(e.$slots, "status")
+    ], 2)) : p("", !0),
+    d(e.$slots, "actions"),
+    e.$slots.paging ? (r(), h("div", Ge)) : p("", !0),
+    d(e.$slots, "paging")
   ], 2);
 }
-const Ge = /* @__PURE__ */ C(De, [["render", Te]]), Ce = [
+const Ve = /* @__PURE__ */ R(Te, [["render", Ce]]), Me = [
   // Layout
   "layout-row items-start gap-md",
   // Interactivity
   "interactivity-default",
   // Box
   "h-3xl"
-], Ve = [
+], Re = [
   // Typography
   "typography-headline-2"
-], Me = G({
+], Ie = M({
   name: "OrDataGridHeader",
   expose: [
     "root"
   ],
   setup() {
-    const e = D(), t = l(() => [
+    const e = D(), t = n(() => [
       "or-data-grid-header-v3",
-      ...Ce
-    ]), n = l(() => [
-      ...Ve
+      ...Me
+    ]), l = n(() => [
+      ...Re
     ]);
     return {
       root: e,
       rootStyles: t,
-      titleStyles: n
+      titleStyles: l
     };
   }
-}), Re = {
+}), ze = {
   key: 1,
   class: /* @__PURE__ */ f(["grow"])
 };
-function Ie(e, t, n, h, v, u) {
-  return r(), p("div", {
+function He(e, t, l, v, g, u) {
+  return r(), h("div", {
     ref: "root",
     class: f(e.rootStyles)
   }, [
-    e.$slots.title ? (r(), p("div", {
+    e.$slots.title ? (r(), h("div", {
       key: 0,
       class: f(e.titleStyles)
     }, [
-      i(e.$slots, "title")
-    ], 2)) : g("", !0),
-    e.$slots.searching || e.$slots.extraActions ? (r(), p("div", Re)) : g("", !0),
-    i(e.$slots, "searching"),
-    e.$slots.extraActions ? i(e.$slots, "extraActions", { key: 2 }) : g("", !0)
+      d(e.$slots, "title")
+    ], 2)) : p("", !0),
+    e.$slots.searching || e.$slots.extraActions ? (r(), h("div", ze)) : p("", !0),
+    d(e.$slots, "searching"),
+    e.$slots.extraActions ? d(e.$slots, "extraActions", { key: 2 }) : p("", !0)
   ], 2);
 }
-const He = /* @__PURE__ */ C(Me, [["render", Ie]]);
+const Fe = /* @__PURE__ */ R(Ie, [["render", He]]);
 var k = /* @__PURE__ */ ((e) => (e.Standard = "standard", e.Comfortable = "comfortable", e.Compact = "compact", e.Dynamic = "dynamic", e))(k || {});
-const B = "52px", Fe = [
+const B = "52px", We = [
   // Layout
   "layout-row items-center",
   // Spacing
@@ -139,6 +139,8 @@ const B = "52px", Fe = [
   "dark:focus-within:theme-border-primary-dark",
   "focus-within:theme-outline-primary",
   "dark:focus-within:theme-outline-primary-dark",
+  // Theme (Stacking)
+  "relative",
   // Theme (.sticky-start)
   "[&.sticky-start]:theme-background-default [&.sticky-start]:border-e-disabled [&.sticky-start]:border-solid",
   "dark:[&.sticky-start]:theme-background-default-dark dark:[&.sticky-start]:border-e-disabled-dark",
@@ -150,24 +152,27 @@ const B = "52px", Fe = [
   "dark:[&.sticky-end]:theme-background-default-dark dark:[&.sticky-end]:border-s-disabled-dark",
   "hover:[&.sticky-end]:theme-background-surface-1 dark:hover:[&.sticky-end]:theme-background-surface-1-dark",
   "selected:[&.sticky-end]:theme-background-surface-2 dark:selected:[&.sticky-end]:theme-background-surface-2-dark",
-  "hover:selected:[&.sticky-end]:theme-background-surface-3 dark:hover:selected:[&.sticky-end]:theme-background-surface-3-dark"
-], We = [
+  "hover:selected:[&.sticky-end]:theme-background-surface-3 dark:hover:selected:[&.sticky-end]:theme-background-surface-3-dark",
+  // Theme (.resizable)
+  "[&.resizable]:border-e-disabled [&.resizable]:border-solid",
+  "dark:[&.resizable]:border-e-disabled-dark"
+], Pe = [
   // interactivity
   "interactivity-select",
   // Typography
   "truncate"
-], Ee = G({
+], Ee = M({
   name: "OrDataGridTableContentCell",
   components: {
-    OrCheckbox: ee,
-    OrDatePicker: ce,
-    OrDateTimePicker: me,
-    OrInput: fe,
-    OrRating: ge,
-    OrSelect: pe,
-    OrSwitch: he,
-    OrTagInput: ve,
-    OrTimePicker: be
+    OrCheckbox: te,
+    OrDatePicker: fe,
+    OrDateTimePicker: ge,
+    OrInput: pe,
+    OrRating: he,
+    OrSelect: ve,
+    OrSwitch: be,
+    OrTagInput: ye,
+    OrTimePicker: ke
   },
   model: {
     prop: "modelValue",
@@ -203,20 +208,22 @@ const B = "52px", Fe = [
     "root"
   ],
   setup(e, t) {
-    const n = D(), h = l(() => {
-      var O;
+    const l = D(), v = n(() => {
+      var O, T, C, V;
       return [
         "or-data-grid-table-content-cell-v3",
-        ...Fe,
-        ...(O = e.column) != null && O.stickiness ? [`sticky-${e.column.stickiness}`] : []
+        ...We,
+        ...(O = e.column) != null && O.stickiness ? [`sticky-${e.column.stickiness}`] : [],
+        ...(T = e.features) != null && T.resizing && ((C = e.column) != null && C.name) && ((V = e.column) == null ? void 0 : V.resizing) !== !1 ? ["resizable"] : []
       ];
-    }), v = l(() => {
+    }), g = n(() => {
       if (e.column)
         switch (e.column.stickiness) {
           case "start":
             return {
               position: "sticky",
               insetInlineStart: "0",
+              zIndex: "30",
               flexDirection: e.column.alignment === "end" ? "row-reverse" : void 0,
               justifyContent: e.column.alignment
             };
@@ -224,6 +231,7 @@ const B = "52px", Fe = [
             return {
               position: "sticky",
               insetInlineEnd: "0",
+              zIndex: "30",
               flexDirection: e.column.alignment === "end" ? "row-reverse" : void 0,
               justifyContent: e.column.alignment
             };
@@ -236,121 +244,123 @@ const B = "52px", Fe = [
       return {
         justifyContent: "center"
       };
-    }), u = l(() => {
-      var V, R;
-      const O = ((V = e.column) == null ? void 0 : V.wrapping) ?? (e.variant === k.Dynamic && !((R = e.column) != null && R.control));
+    }), u = n(() => {
+      var T, C;
+      const O = ((T = e.column) == null ? void 0 : T.wrapping) ?? (e.variant === k.Dynamic && !((C = e.column) != null && C.control));
       return [
-        ...We.filter((I) => I !== "truncate"),
+        ...Pe.filter((V) => V !== "truncate"),
         ...O ? ["whitespace-pre-wrap break-words"] : ["truncate"]
       ];
-    }), T = l(() => ({
+    }), G = n(() => ({
       minWidth: e.column && e.column.minWidth || B,
       maxWidth: e.column && e.column.maxWidth
-    })), M = l({
+    })), I = n({
       get: () => e.modelValue,
       set: (O) => {
         t.emit("input", O);
       }
-    }), S = l(() => {
+    }), S = n(() => {
       var O;
       return (O = e.column) == null ? void 0 : O.control;
     });
     return {
-      root: n,
-      rootStyles: h,
-      rootInlineStyles: v,
+      root: l,
+      rootStyles: v,
+      rootInlineStyles: g,
       contentStyles: u,
-      contentInlineStyles: T,
-      model: M,
+      contentInlineStyles: G,
+      model: I,
       control: S,
       DATA_GRID_DEFAULT_MIN_WIDTH: B
     };
   }
 });
-function Pe(e, t, n, h, v, u) {
-  const T = m("OrInput"), M = m("OrRating"), S = m("OrSelect"), O = m("OrCheckbox"), V = m("OrSwitch"), R = m("OrDatePicker"), I = m("OrTimePicker"), o = m("OrDateTimePicker"), c = m("OrTagInput");
-  return r(), p("div", {
+function je(e, t, l, v, g, u) {
+  const G = m("OrInput"), I = m("OrRating"), S = m("OrSelect"), O = m("OrCheckbox"), T = m("OrSwitch"), C = m("OrDatePicker"), V = m("OrTimePicker"), o = m("OrDateTimePicker"), c = m("OrTagInput");
+  return r(), h("div", {
     ref: "root",
     class: f(e.rootStyles),
     style: K(e.rootInlineStyles)
   }, [
-    e.override ? i(e.$slots, "default", { key: 0 }) : e.control ? (r(), p(q, { key: 1 }, [
-      e.control.type === "text" ? (r(), y(T, {
+    e.override ? d(e.$slots, "default", { key: 0 }) : e.control ? (r(), h(q, { key: 1 }, [
+      e.control.type === "text" ? (r(), y(G, {
         key: 0,
         modelValue: e.model,
-        "onUpdate:modelValue": t[0] || (t[0] = (d) => e.model = d),
+        "onUpdate:modelValue": t[0] || (t[0] = (s) => e.model = s),
         type: "text",
         variant: "embedded"
-      }, null, 8, ["modelValue"])) : g("", !0),
-      e.control.type === "number" ? (r(), y(T, {
+      }, null, 8, ["modelValue"])) : p("", !0),
+      e.control.type === "number" ? (r(), y(G, {
         key: 1,
         modelValue: e.model,
-        "onUpdate:modelValue": t[1] || (t[1] = (d) => e.model = d),
+        "onUpdate:modelValue": t[1] || (t[1] = (s) => e.model = s),
         type: "number",
         variant: "embedded"
-      }, null, 8, ["modelValue"])) : g("", !0),
-      e.control.type === "rating" ? (r(), y(M, {
+      }, null, 8, ["modelValue"])) : p("", !0),
+      e.control.type === "rating" ? (r(), y(I, {
         key: 2,
         modelValue: e.model,
-        "onUpdate:modelValue": t[2] || (t[2] = (d) => e.model = d)
-      }, null, 8, ["modelValue"])) : g("", !0),
+        "onUpdate:modelValue": t[2] || (t[2] = (s) => e.model = s)
+      }, null, 8, ["modelValue"])) : p("", !0),
       e.control.type === "select" ? (r(), y(S, {
         key: 3,
         modelValue: e.model,
-        "onUpdate:modelValue": t[3] || (t[3] = (d) => e.model = d),
+        "onUpdate:modelValue": t[3] || (t[3] = (s) => e.model = s),
         options: e.control.options,
         variant: "embedded",
         anchor: e.root
-      }, null, 8, ["modelValue", "options", "anchor"])) : g("", !0),
+      }, null, 8, ["modelValue", "options", "anchor"])) : p("", !0),
       e.control.type === "checkbox" ? (r(), y(O, {
         key: 4,
         modelValue: e.model,
-        "onUpdate:modelValue": t[4] || (t[4] = (d) => e.model = d)
-      }, null, 8, ["modelValue"])) : g("", !0),
-      e.control.type === "switch" ? (r(), y(V, {
+        "onUpdate:modelValue": t[4] || (t[4] = (s) => e.model = s)
+      }, null, 8, ["modelValue"])) : p("", !0),
+      e.control.type === "switch" ? (r(), y(T, {
         key: 5,
         modelValue: e.model,
-        "onUpdate:modelValue": t[5] || (t[5] = (d) => e.model = d)
-      }, null, 8, ["modelValue"])) : g("", !0),
-      e.control.type === "date" ? (r(), y(R, {
+        "onUpdate:modelValue": t[5] || (t[5] = (s) => e.model = s)
+      }, null, 8, ["modelValue"])) : p("", !0),
+      e.control.type === "date" ? (r(), y(C, {
         key: 6,
         modelValue: e.model,
-        "onUpdate:modelValue": t[6] || (t[6] = (d) => e.model = d),
+        "onUpdate:modelValue": t[6] || (t[6] = (s) => e.model = s),
         variant: "embedded",
         anchor: e.root
-      }, null, 8, ["modelValue", "anchor"])) : g("", !0),
-      e.control.type === "time" ? (r(), y(I, {
+      }, null, 8, ["modelValue", "anchor"])) : p("", !0),
+      e.control.type === "time" ? (r(), y(V, {
         key: 7,
         modelValue: e.model,
-        "onUpdate:modelValue": t[7] || (t[7] = (d) => e.model = d),
+        "onUpdate:modelValue": t[7] || (t[7] = (s) => e.model = s),
         variant: "embedded",
         anchor: e.root
-      }, null, 8, ["modelValue", "anchor"])) : g("", !0),
+      }, null, 8, ["modelValue", "anchor"])) : p("", !0),
       e.control.type === "datetime" ? (r(), y(o, {
         key: 8,
         modelValue: e.model,
-        "onUpdate:modelValue": t[8] || (t[8] = (d) => e.model = d),
+        "onUpdate:modelValue": t[8] || (t[8] = (s) => e.model = s),
         variant: "embedded",
         anchor: e.root
-      }, null, 8, ["modelValue", "anchor"])) : g("", !0),
+      }, null, 8, ["modelValue", "anchor"])) : p("", !0),
       e.control.type === "tags" ? (r(), y(c, {
         key: 9,
         modelValue: e.model,
-        "onUpdate:modelValue": t[9] || (t[9] = (d) => e.model = d),
+        "onUpdate:modelValue": t[9] || (t[9] = (s) => e.model = s),
         variant: "embedded"
-      }, null, 8, ["modelValue"])) : g("", !0)
-    ], 64)) : (r(), p("div", {
+      }, null, 8, ["modelValue"])) : p("", !0)
+    ], 64)) : (r(), h("div", {
       key: 2,
       class: f(e.contentStyles),
       style: K(e.contentInlineStyles)
     }, [
-      i(e.$slots, "default")
+      d(e.$slots, "default")
     ], 6))
   ], 6);
 }
-const ze = /* @__PURE__ */ C(Ee, [["render", Pe]]), je = [
+const Ne = /* @__PURE__ */ R(Ee, [["render", je]]), Ue = [
   // Layout
   "grid grid-cols-[subgrid] col-span-full",
+  // Stacking context
+  "relative z-[1]",
   // Typography
   "typography-body-2-regular",
   // Theme
@@ -370,7 +380,7 @@ const ze = /* @__PURE__ */ C(Ee, [["render", Pe]]), je = [
   // Theme (selected + hover / children)
   "children:hover:selected:theme-background-surface-3",
   "dark:children:hover:selected:theme-background-surface-3-dark"
-], Ne = {
+], Le = {
   [k.Standard]: [
     // Box
     "min-h-[calc(theme(spacing.2xl)+theme(spacing.xs))]"
@@ -387,7 +397,7 @@ const ze = /* @__PURE__ */ C(Ee, [["render", Pe]]), je = [
     // Box
     "min-h-[calc(theme(spacing.2xl)+theme(spacing.xs))]"
   ]
-}, Ue = G({
+}, Ae = M({
   name: "OrDataGridTableContentRow",
   props: {
     variant: {
@@ -407,39 +417,39 @@ const ze = /* @__PURE__ */ C(Ee, [["render", Pe]]), je = [
     "root"
   ],
   setup(e) {
-    const t = D(), n = l(() => [
+    const t = D(), l = n(() => [
       "or-data-grid-table-content-row-v3",
-      ...je,
-      ...Ne[e.variant],
+      ...Ue,
+      ...Le[e.variant],
       ...e.interactive ? ["cursor-pointer"] : []
     ]);
     return {
       root: t,
-      rootStyles: n
+      rootStyles: l
     };
   }
-}), Le = ["selected"];
-function Ae(e, t, n, h, v, u) {
-  return r(), p("div", {
+}), qe = ["selected"];
+function Be(e, t, l, v, g, u) {
+  return r(), h("div", {
     ref: "root",
     class: f(e.rootStyles),
     selected: e.selected
   }, [
-    i(e.$slots, "default")
-  ], 10, Le);
+    d(e.$slots, "default")
+  ], 10, qe);
 }
-const qe = /* @__PURE__ */ C(Ue, [["render", Ae]]), Be = [
+const Ke = /* @__PURE__ */ R(Ae, [["render", Be]]), Xe = [
   // Layout
   "contents"
-], Ke = G({
+], Je = M({
   name: "OrDataGridTableContent",
   expose: [
     "root"
   ],
   setup() {
-    const e = D(), t = l(() => [
+    const e = D(), t = n(() => [
       "or-data-grid-table-content-v3",
-      ...Be
+      ...Xe
     ]);
     return {
       root: e,
@@ -447,15 +457,15 @@ const qe = /* @__PURE__ */ C(Ue, [["render", Ae]]), Be = [
     };
   }
 });
-function Xe(e, t, n, h, v, u) {
-  return r(), p("div", {
+function Qe(e, t, l, v, g, u) {
+  return r(), h("div", {
     ref: "root",
     class: f(e.rootStyles)
   }, [
-    i(e.$slots, "default")
+    d(e.$slots, "default")
   ], 2);
 }
-const Je = /* @__PURE__ */ C(Ke, [["render", Xe]]), Qe = [
+const Ye = /* @__PURE__ */ R(Je, [["render", Qe]]), Ze = [
   // Layout
   "layout-row",
   // Spacing
@@ -465,15 +475,15 @@ const Je = /* @__PURE__ */ C(Ke, [["render", Xe]]), Qe = [
   // Theme
   "theme-border-transparent border-1",
   "dark:theme-border-transparent-dark"
-], Ye = G({
+], _e = M({
   name: "OrDataGridTableFooterCell",
   expose: [
     "root"
   ],
   setup() {
-    const e = D(), t = l(() => [
+    const e = D(), t = n(() => [
       "or-data-grid-table-footer-cell-v3",
-      ...Qe
+      ...Ze
     ]);
     return {
       root: e,
@@ -481,15 +491,15 @@ const Je = /* @__PURE__ */ C(Ke, [["render", Xe]]), Qe = [
     };
   }
 });
-function Ze(e, t, n, h, v, u) {
-  return r(), p("div", {
+function xe(e, t, l, v, g, u) {
+  return r(), h("div", {
     ref: "root",
     class: f(e.rootStyles)
   }, [
-    i(e.$slots, "default")
+    d(e.$slots, "default")
   ], 2);
 }
-const _e = /* @__PURE__ */ C(Ye, [["render", Ze]]), xe = [
+const et = /* @__PURE__ */ R(_e, [["render", xe]]), tt = [
   // Layout
   "grid grid-cols-1",
   // Typography
@@ -502,7 +512,7 @@ const _e = /* @__PURE__ */ C(Ye, [["render", Ze]]), xe = [
   "dark:children:theme-foreground-default-dark",
   "children:theme-background-default",
   "dark:children:theme-background-default-dark"
-], et = {
+], at = {
   [k.Standard]: [
     // Box
     "min-h-[calc(theme(spacing.2xl)+theme(spacing.xs))]"
@@ -519,7 +529,7 @@ const _e = /* @__PURE__ */ C(Ye, [["render", Ze]]), xe = [
     // Box
     "min-h-[calc(theme(spacing.2xl)+theme(spacing.xs))]"
   ]
-}, tt = G({
+}, rt = M({
   name: "OrDataGridTableFooterRow",
   props: {
     variant: {
@@ -531,37 +541,37 @@ const _e = /* @__PURE__ */ C(Ye, [["render", Ze]]), xe = [
     "root"
   ],
   setup(e) {
-    const t = D(), n = l(() => [
+    const t = D(), l = n(() => [
       "or-data-grid-table-footer-row-v3",
-      ...xe,
-      ...et[e.variant]
+      ...tt,
+      ...at[e.variant]
     ]);
     return {
       root: t,
-      rootStyles: n
+      rootStyles: l
     };
   }
 });
-function at(e, t, n, h, v, u) {
-  return r(), p("div", {
+function ot(e, t, l, v, g, u) {
+  return r(), h("div", {
     ref: "root",
     class: f(e.rootStyles)
   }, [
-    i(e.$slots, "default")
+    d(e.$slots, "default")
   ], 2);
 }
-const rt = /* @__PURE__ */ C(tt, [["render", at]]), ot = [
+const nt = /* @__PURE__ */ R(rt, [["render", ot]]), lt = [
   // Layout
   "contents"
-], nt = G({
+], st = M({
   name: "OrDataGridTableFooter",
   expose: [
     "root"
   ],
   setup() {
-    const e = D(), t = l(() => [
+    const e = D(), t = n(() => [
       "or-data-grid-table-footer-v3",
-      ...ot
+      ...lt
     ]);
     return {
       root: e,
@@ -569,15 +579,15 @@ const rt = /* @__PURE__ */ C(tt, [["render", at]]), ot = [
     };
   }
 });
-function lt(e, t, n, h, v, u) {
-  return r(), p("div", {
+function it(e, t, l, v, g, u) {
+  return r(), h("div", {
     ref: "root",
     class: f(e.rootStyles)
   }, [
-    i(e.$slots, "default")
+    d(e.$slots, "default")
   ], 2);
 }
-const st = /* @__PURE__ */ C(nt, [["render", lt]]), it = [
+const dt = /* @__PURE__ */ R(st, [["render", it]]), ut = [
   // Layout
   "layout-row items-center",
   // Spacing
@@ -590,14 +600,17 @@ const st = /* @__PURE__ */ C(nt, [["render", lt]]), it = [
   "theme-outline-transparent outline-2 -outline-offset-1",
   "dark:theme-outline-transparent-dark",
   // Theme (Stacking)
-  "relative z-1 hover:z-2",
+  "relative hover:z-[2]",
   // Theme (.sticky-start)
-  "[&.sticky-start]:theme-background-surface-variant-1 [&.sticky-start]:border-e-disabled [&.sticky-start]:border-solid z-20 hover:z-30",
+  "[&.sticky-start]:theme-background-surface-variant-1 [&.sticky-start]:border-e-disabled [&.sticky-start]:border-solid",
   "dark:[&.sticky-start]:theme-background-surface-variant-1-dark dark:[&.sticky-start]:border-e-disabled-dark",
   // Theme (.sticky-end)
-  "[&.sticky-end]:theme-background-surface-variant-1 [&.sticky-end]:border-s-disabled [&.sticky-end]:border-solid z-20 hover:z-30",
-  "dark:[&.sticky-end]:theme-background-surface-variant-1-dark dark:[&.sticky-end]:border-s-disabled-dark"
-], dt = [
+  "[&.sticky-end]:theme-background-surface-variant-1 [&.sticky-end]:border-s-disabled [&.sticky-end]:border-solid",
+  "dark:[&.sticky-end]:theme-background-surface-variant-1-dark dark:[&.sticky-end]:border-s-disabled-dark",
+  // Theme (.resizable)
+  "[&.resizable]:border-e-disabled [&.resizable]:border-solid",
+  "dark:[&.resizable]:border-e-disabled-dark"
+], ct = [
   // Position
   "absolute top-0 bottom-0 end-0 z-50",
   // Box
@@ -608,10 +621,10 @@ const st = /* @__PURE__ */ C(nt, [["render", lt]]), it = [
   "dark:hover:theme-background-primary-dark",
   "active:theme-background-primary",
   "dark:active:theme-background-primary-dark"
-], ut = G({
+], mt = M({
   name: "OrDataGridTableHeaderCell",
   components: {
-    OrIcon: ye
+    OrIcon: Oe
   },
   model: {
     prop: "modelValue",
@@ -641,37 +654,39 @@ const st = /* @__PURE__ */ C(nt, [["render", lt]]), it = [
     "root"
   ],
   setup(e, t) {
-    const n = D(), h = l(() => {
-      var o, c, d;
-      return !!((o = e.features) != null && o.sorting) && !!((c = e.column) != null && c.name) && ((d = e.column) == null ? void 0 : d.sorting) !== !1;
-    }), v = l(() => {
-      var o, c;
-      return !!((o = e.features) != null && o.resizing) && !!((c = e.column) != null && c.name);
-    }), u = l(() => {
+    const l = D(), v = n(() => {
+      var o, c, s;
+      return !!((o = e.features) != null && o.sorting) && !!((c = e.column) != null && c.name) && ((s = e.column) == null ? void 0 : s.sorting) !== !1;
+    }), g = n(() => {
+      var o, c, s;
+      return !!((o = e.features) != null && o.resizing) && !!((c = e.column) != null && c.name) && ((s = e.column) == null ? void 0 : s.resizing) !== !1;
+    }), u = n(() => {
       var o;
       return [
         "or-data-grid-table-header-cell-v3",
         "relative",
-        ...it,
+        ...ut,
         ...(o = e.column) != null && o.stickiness ? [`sticky-${e.column.stickiness}`] : [],
-        ...h.value ? ["interactivity-click"] : []
+        ...g.value ? ["resizable"] : [],
+        ...v.value ? ["interactivity-click"] : []
       ];
-    }), T = l(() => [
+    }), G = n(() => [
       "or-data-grid-table-header-cell-resize-handle-v3",
-      ...dt
-    ]), M = l(() => {
+      ...ct
+    ]), I = n(() => {
       var o, c;
       return {
         minWidth: ((o = e.column) == null ? void 0 : o.minWidth) || B,
         maxWidth: (c = e.column) == null ? void 0 : c.maxWidth
       };
-    }), S = l(() => {
+    }), S = n(() => {
       if (e.column)
         switch (e.column.stickiness) {
           case "start":
             return {
               position: "sticky",
               insetInlineStart: "0",
+              zIndex: "120",
               flexDirection: e.column.alignment === "end" ? "row-reverse" : void 0,
               justifyContent: e.column.alignment
             };
@@ -679,6 +694,7 @@ const st = /* @__PURE__ */ C(nt, [["render", lt]]), it = [
             return {
               position: "sticky",
               insetInlineEnd: "0",
+              zIndex: "120",
               flexDirection: e.column.alignment === "end" ? "row-reverse" : void 0,
               justifyContent: e.column.alignment
             };
@@ -691,19 +707,19 @@ const st = /* @__PURE__ */ C(nt, [["render", lt]]), it = [
       return {
         justifyContent: "center"
       };
-    }), O = l({
+    }), O = n({
       get: () => {
         var o, c;
-        if (h.value)
+        if (v.value)
           return ((o = e.modelValue) == null ? void 0 : o.column) === ((c = e.column) == null ? void 0 : c.name) ? e.modelValue : void 0;
       },
       set: (o) => {
         t.emit("update:modelValue", o);
       }
     });
-    function V() {
+    function T() {
       var o;
-      if (h.value)
+      if (v.value)
         if (O.value)
           O.value = {
             ...O.value,
@@ -718,31 +734,31 @@ const st = /* @__PURE__ */ C(nt, [["render", lt]]), it = [
           };
         }
     }
-    function R(o) {
-      var j;
-      const c = o.pageX, d = ((j = n.value) == null ? void 0 : j.offsetWidth) || 0, W = (X) => {
-        var U, L;
-        const J = X.pageX - c;
-        let E = Math.max(0, d + J);
-        const P = ((U = e.column) == null ? void 0 : U.minWidth) || B;
+    function C(o) {
+      var H;
+      const c = o.pageX, s = ((H = l.value) == null ? void 0 : H.offsetWidth) || 0, F = (U) => {
+        var L, A;
+        const X = U.pageX - c;
+        let W = Math.max(0, s + X);
+        const P = ((L = e.column) == null ? void 0 : L.minWidth) || B;
         if (P && (P.endsWith("px") || !isNaN(Number(P)))) {
-          const N = parseInt(P, 10);
-          E = Math.max(E, N);
+          const j = parseInt(P, 10);
+          W = Math.max(W, j);
         }
-        if ((L = e.column) != null && L.maxWidth && (e.column.maxWidth.endsWith("px") || !isNaN(Number(e.column.maxWidth)))) {
-          const N = parseInt(e.column.maxWidth, 10);
-          E = Math.min(E, N);
+        if ((A = e.column) != null && A.maxWidth && (e.column.maxWidth.endsWith("px") || !isNaN(Number(e.column.maxWidth)))) {
+          const j = parseInt(e.column.maxWidth, 10);
+          W = Math.min(W, j);
         }
-        t.emit("update:column-width", E);
-      }, z = () => {
-        document.removeEventListener("mousemove", W), document.removeEventListener("mouseup", z);
+        t.emit("update:column-width", W);
+      }, E = () => {
+        document.removeEventListener("mousemove", F), document.removeEventListener("mouseup", E);
       };
-      document.addEventListener("mousemove", W), document.addEventListener("mouseup", z);
+      document.addEventListener("mousemove", F), document.addEventListener("mouseup", E);
     }
-    const { width: I } = ke(n, void 0, { box: "border-box" });
-    return te([
-      n,
-      I,
+    const { width: V } = $e(l, void 0, { box: "border-box" });
+    return ae([
+      l,
+      V,
       () => {
         var o;
         return (o = e.column) == null ? void 0 : o.stickiness;
@@ -751,54 +767,54 @@ const st = /* @__PURE__ */ C(nt, [["render", lt]]), it = [
       o,
       c
     ], [
-      d
+      s
     ]) => {
-      d && d !== o && t.emit("remove:scrollOffset", d), t.emit("update:scrollOffset", o, c, e.column);
+      s && s !== o && t.emit("remove:scrollOffset", s), t.emit("update:scrollOffset", o, c, e.column);
     }), {
-      root: n,
+      root: l,
       rootStyles: u,
       rootInlineStyles: S,
-      wrapInlineStyle: M,
-      resizeHandleStyles: T,
-      isSortable: h,
-      isResizable: v,
+      wrapInlineStyle: I,
+      resizeHandleStyles: G,
+      isSortable: v,
+      isResizable: g,
       model: O,
-      toggleSorting: V,
-      onResizeStart: R,
+      toggleSorting: T,
+      onResizeStart: C,
       DATA_GRID_DEFAULT_MIN_WIDTH: B
     };
   }
 });
-function ct(e, t, n, h, v, u) {
-  const T = m("OrIcon");
-  return r(), p("div", {
+function ft(e, t, l, v, g, u) {
+  const G = m("OrIcon");
+  return r(), h("div", {
     ref: "root",
     class: f(e.rootStyles),
     style: K(e.rootInlineStyles),
-    onClick: t[2] || (t[2] = (M) => e.toggleSorting())
+    onClick: t[2] || (t[2] = (I) => e.toggleSorting())
   }, [
-    le("div", {
+    ie("div", {
       class: f(["truncate"]),
       style: K(e.wrapInlineStyle)
     }, [
-      i(e.$slots, "default")
+      d(e.$slots, "default")
     ], 4),
-    e.model ? (r(), y(T, {
+    e.model ? (r(), y(G, {
       key: 0,
       icon: e.model.direction === "asc" ? "arrow_upward" : "arrow_downward"
-    }, null, 8, ["icon"])) : g("", !0),
-    e.isResizable ? (r(), p("div", {
+    }, null, 8, ["icon"])) : p("", !0),
+    e.isResizable ? (r(), h("div", {
       key: 1,
       class: f(e.resizeHandleStyles),
-      onMousedown: t[0] || (t[0] = x((...M) => e.onResizeStart && e.onResizeStart(...M), ["stop", "prevent"])),
-      onClick: t[1] || (t[1] = x(() => {
+      onMousedown: t[0] || (t[0] = ee((...I) => e.onResizeStart && e.onResizeStart(...I), ["stop", "prevent"])),
+      onClick: t[1] || (t[1] = ee(() => {
       }, ["stop"]))
-    }, null, 34)) : g("", !0)
+    }, null, 34)) : p("", !0)
   ], 6);
 }
-const mt = /* @__PURE__ */ C(ut, [["render", ct]]), ft = [
+const gt = /* @__PURE__ */ R(mt, [["render", ft]]), pt = [
   // Position
-  "sticky top-0 z-10",
+  "sticky top-0 z-[110]",
   // Layout
   "grid grid-cols-[subgrid] col-span-full",
   // Typography
@@ -808,7 +824,7 @@ const mt = /* @__PURE__ */ C(ut, [["render", ct]]), ft = [
   "dark:children:theme-foreground-default-dark",
   "children:theme-background-surface-variant-1",
   "dark:children:theme-background-surface-variant-1-dark"
-], gt = {
+], ht = {
   [k.Standard]: [
     // Box
     "min-h-[calc(theme(spacing.2xl)+theme(spacing.xs))]"
@@ -825,7 +841,7 @@ const mt = /* @__PURE__ */ C(ut, [["render", ct]]), ft = [
     // Box
     "min-h-[calc(theme(spacing.2xl)+theme(spacing.xs))]"
   ]
-}, pt = G({
+}, vt = M({
   name: "OrDataGridTableHeaderRow",
   props: {
     variant: {
@@ -837,37 +853,37 @@ const mt = /* @__PURE__ */ C(ut, [["render", ct]]), ft = [
     "root"
   ],
   setup(e) {
-    const t = D(), n = l(() => [
+    const t = D(), l = n(() => [
       "or-data-grid-table-header-row-v3",
-      ...ft,
-      ...gt[e.variant]
+      ...pt,
+      ...ht[e.variant]
     ]);
     return {
       root: t,
-      rootStyles: n
+      rootStyles: l
     };
   }
 });
-function ht(e, t, n, h, v, u) {
-  return r(), p("div", {
+function bt(e, t, l, v, g, u) {
+  return r(), h("div", {
     ref: "root",
     class: f(e.rootStyles)
   }, [
-    i(e.$slots, "default")
+    d(e.$slots, "default")
   ], 2);
 }
-const vt = /* @__PURE__ */ C(pt, [["render", ht]]), bt = [
+const yt = /* @__PURE__ */ R(vt, [["render", bt]]), kt = [
   // Layout
   "contents"
-], yt = G({
+], Ot = M({
   name: "OrDataGridTableHeader",
   expose: [
     "root"
   ],
   setup() {
-    const e = D(), t = l(() => [
+    const e = D(), t = n(() => [
       "or-data-grid-table-header-v3",
-      ...bt
+      ...kt
     ]);
     return {
       root: e,
@@ -875,15 +891,15 @@ const vt = /* @__PURE__ */ C(pt, [["render", ht]]), bt = [
     };
   }
 });
-function kt(e, t, n, h, v, u) {
-  return r(), p("div", {
+function $t(e, t, l, v, g, u) {
+  return r(), h("div", {
     ref: "root",
     class: f(e.rootStyles)
   }, [
-    i(e.$slots, "default")
+    d(e.$slots, "default")
   ], 2);
 }
-const Ot = /* @__PURE__ */ C(yt, [["render", kt]]), $t = [
+const wt = /* @__PURE__ */ R(Ot, [["render", $t]]), Dt = [
   // Layout
   "layout-row justify-center items-center",
   // Spacing
@@ -897,7 +913,7 @@ const Ot = /* @__PURE__ */ C(yt, [["render", kt]]), $t = [
   "dark:theme-foreground-default-dark",
   "theme-background-default",
   "dark:theme-background-default-dark"
-], wt = {
+], St = {
   [k.Standard]: [
     // Box
     "min-h-[calc(theme(spacing.2xl)+theme(spacing.xs))]"
@@ -914,7 +930,7 @@ const Ot = /* @__PURE__ */ C(yt, [["render", kt]]), $t = [
     // Box
     "min-h-[calc(theme(spacing.2xl)+theme(spacing.xs))]"
   ]
-}, Dt = G({
+}, Tt = M({
   name: "OrDataGridTablePlaceholder",
   props: {
     variant: {
@@ -926,26 +942,26 @@ const Ot = /* @__PURE__ */ C(yt, [["render", kt]]), $t = [
     "root"
   ],
   setup(e) {
-    const t = D(), n = l(() => [
+    const t = D(), l = n(() => [
       "or-data-grid-table-placeholder-v3",
-      ...$t,
-      ...wt[e.variant]
+      ...Dt,
+      ...St[e.variant]
     ]);
     return {
       root: t,
-      rootStyles: n
+      rootStyles: l
     };
   }
 });
-function St(e, t, n, h, v, u) {
-  return r(), p("div", {
+function Gt(e, t, l, v, g, u) {
+  return r(), h("div", {
     ref: "root",
     class: f(e.rootStyles)
   }, [
-    i(e.$slots, "default")
+    d(e.$slots, "default")
   ], 2);
 }
-const Tt = /* @__PURE__ */ C(Dt, [["render", St]]), Gt = [
+const Ct = /* @__PURE__ */ R(Tt, [["render", Gt]]), Vt = [
   // Layout
   "grid content-start",
   "w-full min-w-0",
@@ -953,7 +969,7 @@ const Tt = /* @__PURE__ */ C(Dt, [["render", St]]), Gt = [
   "overflow-auto",
   // Interactivity
   "interactivity-default"
-], Ct = G({
+], Mt = M({
   name: "OrDataGridTable",
   props: {
     columns: {
@@ -969,51 +985,51 @@ const Tt = /* @__PURE__ */ C(Dt, [["render", St]]), Gt = [
     "root"
   ],
   setup(e) {
-    const t = D(), n = l(() => [
+    const t = D(), l = n(() => [
       "or-data-grid-table-v3",
-      ...Gt
-    ]), h = l(() => {
-      const v = e.columns.map((u) => {
+      ...Vt
+    ]), v = n(() => {
+      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", M = u.minWidth || (u.width ? B : "120px");
-        let S = u.maxWidth || T;
-        return T.endsWith("px") ? T : `minmax(${M}, ${S})`;
+        const G = u.width ?? "1fr", I = u.minWidth || (u.width ? B : "120px");
+        let S = u.maxWidth || G;
+        return G.endsWith("px") ? G : `minmax(${I}, ${S})`;
       });
-      return e.features.selecting ? { gridTemplateColumns: `min-content ${v.join(" ")}` } : { gridTemplateColumns: v.join(" ") };
+      return e.features.selecting ? { gridTemplateColumns: `min-content ${g.join(" ")}` } : { gridTemplateColumns: g.join(" ") };
     });
     return {
       root: t,
-      rootStyles: n,
-      rootInlineStyles: h
+      rootStyles: l,
+      rootInlineStyles: v
     };
   }
 });
-function Vt(e, t, n, h, v, u) {
-  return r(), p("div", {
+function Rt(e, t, l, v, g, u) {
+  return r(), h("div", {
     ref: "root",
     class: f(e.rootStyles),
     style: K(e.rootInlineStyles)
   }, [
-    i(e.$slots, "default")
+    d(e.$slots, "default")
   ], 6);
 }
-const Mt = /* @__PURE__ */ C(Ct, [["render", Vt]]), Rt = [
+const It = /* @__PURE__ */ R(Mt, [["render", Rt]]), zt = [
   // Layout
   "layout-row",
   // Box
   "h-2xl",
   // Spacing
   "gap-xl"
-], It = G({
+], Ht = M({
   name: "OrDataGridToolbar",
   expose: [
     "root"
   ],
   setup() {
-    const e = D(), t = l(() => [
+    const e = D(), t = n(() => [
       "or-data-grid-toolbar-v3",
-      ...Rt
+      ...zt
     ]);
     return {
       root: e,
@@ -1021,15 +1037,15 @@ const Mt = /* @__PURE__ */ C(Ct, [["render", Vt]]), Rt = [
     };
   }
 });
-function Ht(e, t, n, h, v, u) {
-  return r(), p("div", {
+function Ft(e, t, l, v, g, u) {
+  return r(), h("div", {
     ref: "root",
     class: f(e.rootStyles)
   }, [
-    i(e.$slots, "default")
+    d(e.$slots, "default")
   ], 2);
 }
-const Ft = /* @__PURE__ */ C(It, [["render", Ht]]), Wt = [
+const Wt = /* @__PURE__ */ R(Ht, [["render", Ft]]), Pt = [
   // Position
   "grid sticky z-10",
   // Layout
@@ -1051,9 +1067,9 @@ const Ft = /* @__PURE__ */ C(It, [["render", Ht]]), Wt = [
     // Position
     "top-[calc(theme(spacing.2xl)+theme(spacing.xs))]"
   ]
-}, Pt = G({
+}, jt = M({
   components: {
-    OrNotification: Oe
+    OrNotification: we
   },
   props: {
     notification: {
@@ -1070,31 +1086,31 @@ const Ft = /* @__PURE__ */ C(It, [["render", Ht]]), Wt = [
   ],
   setup(e) {
     return {
-      rootStyles: l(() => [
+      rootStyles: n(() => [
         "or-data-grid-notification-v3",
-        ...Wt,
+        ...Pt,
         ...Et[e.variant]
       ])
     };
   }
 });
-function zt(e, t, n, h, v, u) {
-  const T = m("OrNotification");
-  return r(), p("div", {
+function Nt(e, t, l, v, g, u) {
+  const G = m("OrNotification");
+  return r(), h("div", {
     class: f(e.rootStyles)
   }, [
-    H(T, se(e.notification, {
+    z(G, de(e.notification, {
       class: "rounded-0 shadow-none",
-      onClose: t[0] || (t[0] = (M) => e.$emit("close-notification"))
+      onClose: t[0] || (t[0] = (I) => e.$emit("close-notification"))
     }), {
       default: b(() => [
-        e.$slots.notification ? i(e.$slots, "notification", { key: 0 }) : g("", !0)
+        e.$slots.notification ? d(e.$slots, "notification", { key: 0 }) : p("", !0)
       ]),
       _: 3
     }, 16)
   ], 2);
 }
-const jt = /* @__PURE__ */ C(Pt, [["render", zt]]), Nt = [
+const Ut = /* @__PURE__ */ R(jt, [["render", Nt]]), Lt = [
   // Layout
   "grid col-span-full grid-cols-[subgrid]",
   // Typography
@@ -1107,7 +1123,7 @@ const jt = /* @__PURE__ */ C(Pt, [["render", zt]]), Nt = [
   "dark:children:theme-foreground-default-dark",
   "children:theme-background-default",
   "dark:children:theme-background-default-dark"
-], Ut = {
+], At = {
   [k.Standard]: [
     // Box
     "min-h-[calc(theme(spacing.2xl)+theme(spacing.xs))]"
@@ -1124,7 +1140,7 @@ const jt = /* @__PURE__ */ C(Pt, [["render", zt]]), Nt = [
     // Box
     "min-h-[calc(theme(spacing.2xl)+theme(spacing.xs))]"
   ]
-}, Lt = G({
+}, qt = M({
   name: "OrDataGridTableExtraRow",
   props: {
     variant: {
@@ -1136,51 +1152,51 @@ const jt = /* @__PURE__ */ C(Pt, [["render", zt]]), Nt = [
     "root"
   ],
   setup(e) {
-    const t = D(), n = l(() => [
+    const t = D(), l = n(() => [
       "or-data-grid-table-extra-row-v3",
-      ...Nt,
-      ...Ut[e.variant]
+      ...Lt,
+      ...At[e.variant]
     ]);
     return {
       root: t,
-      rootStyles: n
+      rootStyles: l
     };
   }
 });
-function At(e, t, n, h, v, u) {
-  return r(), p("div", {
+function Bt(e, t, l, v, g, u) {
+  return r(), h("div", {
     ref: "root",
     class: f(e.rootStyles)
   }, [
-    i(e.$slots, "default")
+    d(e.$slots, "default")
   ], 2);
 }
-const qt = /* @__PURE__ */ C(Lt, [["render", At]]), Bt = [
+const Kt = /* @__PURE__ */ R(qt, [["render", Bt]]), Xt = [
   // Layout
   "layout-column"
-], Kt = G({
+], Jt = M({
   name: "OrDataGrid",
   components: {
-    OrCheckbox: ee,
-    OrDataGridFooter: Ge,
-    OrDataGridHeader: He,
-    OrDataGridTable: Mt,
-    OrDataGridTableContent: Je,
-    OrDataGridTableContentCell: ze,
-    OrDataGridTableContentRow: qe,
-    OrDataGridTableFooter: st,
-    OrDataGridTableFooterCell: _e,
-    OrDataGridTableFooterRow: rt,
-    OrDataGridTableExtraRow: qt,
-    OrDataGridTableHeader: Ot,
-    OrDataGridTableHeaderCell: mt,
-    OrDataGridTableHeaderRow: vt,
-    OrDataGridTablePlaceholder: Tt,
-    OrDataGridToolbar: Ft,
-    OrDataGridNotification: jt,
-    OrPagination: re,
-    OrSearch: oe,
-    OrSkeletonText: ne
+    OrCheckbox: te,
+    OrDataGridFooter: Ve,
+    OrDataGridHeader: Fe,
+    OrDataGridTable: It,
+    OrDataGridTableContent: Ye,
+    OrDataGridTableContentCell: Ne,
+    OrDataGridTableContentRow: Ke,
+    OrDataGridTableFooter: dt,
+    OrDataGridTableFooterCell: et,
+    OrDataGridTableFooterRow: nt,
+    OrDataGridTableExtraRow: Kt,
+    OrDataGridTableHeader: wt,
+    OrDataGridTableHeaderCell: gt,
+    OrDataGridTableHeaderRow: yt,
+    OrDataGridTablePlaceholder: Ct,
+    OrDataGridToolbar: Wt,
+    OrDataGridNotification: Ut,
+    OrPagination: ne,
+    OrSearch: le,
+    OrSkeletonText: se
   },
   model: {
     prop: "modelValue",
@@ -1234,23 +1250,23 @@ const qt = /* @__PURE__ */ C(Lt, [["render", At]]), Bt = [
     "root"
   ],
   setup(e, t) {
-    const n = D(), h = D(), v = D(), u = l(() => [
+    const l = D(), v = D(), g = D(), u = n(() => [
       "or-data-grid-v3",
-      ...Bt
-    ]), T = l(() => ({
-      scrollPaddingInlineStart: `${[...o.value.values()].reduce((a, $) => a + $, 0)}px`,
-      scrollPaddingInlineEnd: `${[...c.value.values()].reduce((a, $) => a + $, 0)}px`
-    })), M = l({
+      ...Xt
+    ]), G = n(() => ({
+      scrollPaddingInlineStart: `${[...o.value.values()].reduce((a, w) => a + w, 0)}px`,
+      scrollPaddingInlineEnd: `${[...c.value.values()].reduce((a, w) => a + w, 0)}px`
+    })), I = n({
       get: () => !!e.items.length && e.items.every((a) => S.value.includes(a.id)),
       set: (a) => {
         a ? S.value = [
           .../* @__PURE__ */ new Set([
             ...S.value,
-            ...e.items.map(($) => $.id)
+            ...e.items.map((w) => w.id)
           ])
         ] : S.value = [];
       }
-    }), S = l({
+    }), S = n({
       get: () => {
         var a;
         return ((a = e.modelValue) == null ? void 0 : a.selecting) ?? [];
@@ -1259,12 +1275,12 @@ const qt = /* @__PURE__ */ C(Lt, [["render", At]]), Bt = [
         t.emit("update:modelValue", {
           selecting: a,
           filtering: O.value,
-          searching: V.value,
-          sorting: R.value,
-          paging: I.value
+          searching: T.value,
+          sorting: C.value,
+          paging: V.value
         });
       }
-    }), O = l({
+    }), O = n({
       get: () => {
         var a;
         return (a = e.modelValue) == null ? void 0 : a.filtering;
@@ -1273,15 +1289,15 @@ const qt = /* @__PURE__ */ C(Lt, [["render", At]]), Bt = [
         t.emit("update:modelValue", {
           selecting: S.value,
           filtering: a,
-          searching: V.value,
-          sorting: R.value,
+          searching: T.value,
+          sorting: C.value,
           paging: {
-            ...I.value,
+            ...V.value,
             offset: 0
           }
         });
       }
-    }), V = l({
+    }), T = n({
       get: () => {
         var a;
         return (a = e.modelValue) == null ? void 0 : a.searching;
@@ -1291,14 +1307,14 @@ const qt = /* @__PURE__ */ C(Lt, [["render", At]]), Bt = [
           selecting: S.value,
           filtering: O.value,
           searching: a,
-          sorting: R.value,
+          sorting: C.value,
           paging: {
-            ...I.value,
+            ...V.value,
             offset: 0
           }
         });
       }
-    }), R = l({
+    }), C = n({
       get: () => {
         var a;
         return (a = e.modelValue) == null ? void 0 : a.sorting;
@@ -1307,15 +1323,15 @@ const qt = /* @__PURE__ */ C(Lt, [["render", At]]), Bt = [
         t.emit("update:modelValue", {
           selecting: S.value,
           filtering: O.value,
-          searching: V.value,
+          searching: T.value,
           sorting: a,
           paging: {
-            ...I.value,
+            ...V.value,
             offset: 0
           }
         });
       }
-    }), I = l({
+    }), V = n({
       get: () => {
         var a;
         return (a = e.modelValue) == null ? void 0 : a.paging;
@@ -1324,159 +1340,164 @@ const qt = /* @__PURE__ */ C(Lt, [["render", At]]), Bt = [
         t.emit("update:modelValue", {
           selecting: S.value,
           filtering: O.value,
-          searching: V.value,
-          sorting: R.value,
+          searching: T.value,
+          sorting: C.value,
           paging: a
         });
       }
     });
-    te(() => {
+    ae(() => {
       var a;
-      return (a = I.value) == null ? void 0 : a.offset;
+      return (a = V.value) == null ? void 0 : a.offset;
     }, () => {
       var a;
-      (a = v.value) != null && a.root && v.value.root.scrollTo({
+      (a = g.value) != null && a.root && g.value.root.scrollTo({
         top: 0,
         behavior: "smooth"
       });
     });
-    const o = D(/* @__PURE__ */ new Map()), c = D(/* @__PURE__ */ new Map()), d = l(() => e.features.selecting && (typeof e.features.selecting == "object" ? e.features.selecting.showCounter !== !1 : !0)), W = l(() => e.items.length === 0 || e.loading || typeof e.features.selecting == "object" && e.features.selecting.disabled), z = l(() => {
+    const o = D(/* @__PURE__ */ new Map()), c = D(/* @__PURE__ */ new Map()), s = 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), E = n(() => {
       var a;
-      return ((a = h.value) == null ? void 0 : a.currentLimit) || 10;
-    });
-    function j(a) {
-      V.value = a;
+      return ((a = v.value) == null ? void 0 : a.currentLimit) || 10;
+    }), H = D({}), U = n(() => e.columns.map((a) => ({
+      ...a,
+      width: H.value[a.name] || a.width
+    })));
+    function X(a) {
+      T.value = a;
     }
-    function X(a, $, F) {
-      switch (F.stickiness) {
+    function W(a, w, N) {
+      switch (N.stickiness) {
         case "start":
-          o.value.set(a, $), o.value = new Map(o.value), c.value.delete(a), c.value = new Map(c.value);
+          o.value.set(a, w), o.value = new Map(o.value), c.value.delete(a), c.value = new Map(c.value);
           break;
         case "end":
-          o.value.delete(a), o.value = new Map(o.value), c.value.set(a, $), c.value = new Map(c.value);
+          o.value.delete(a), o.value = new Map(o.value), c.value.set(a, w), c.value = new Map(c.value);
           break;
         default:
-          A(a);
+          x(a);
           break;
       }
     }
-    function J(a) {
+    function P(a) {
       e.interactiveRows && t.emit("hover:row", a);
     }
-    function E(a) {
+    function L(a) {
       e.interactiveRows && t.emit("blur:row", a);
     }
-    function P(a, $, F) {
+    function A(a, w, N) {
       e.interactiveRows && t.emit("hover:cell", {
         item: a,
-        columnName: $,
-        value: F
+        columnName: w,
+        value: N
       });
     }
-    function U(a, $, F) {
+    function j(a, w, N) {
       e.interactiveRows && t.emit("blur:cell", {
         item: a,
-        columnName: $,
-        value: F
+        columnName: w,
+        value: N
       });
     }
-    function L(a) {
+    function i(a) {
       e.interactiveRows && t.emit("click:row", a);
     }
-    function N(a, $) {
-      a.width = `${$}px`, e.features.storageKey && s();
+    function $(a, w) {
+      H.value = {
+        ...H.value,
+        [a.name]: `${w}px`
+      }, e.features.storageKey && J();
     }
-    function s() {
+    function J() {
       if (typeof window > "u" || !e.features.storageKey) return;
       const a = {};
-      e.columns.forEach(($) => {
-        $.name && $.width && (a[$.name] = $.width);
+      U.value.forEach((w) => {
+        w.name && w.width && (a[w.name] = w.width);
       }), localStorage.setItem(`or-data-grid-v3-widths-${e.features.storageKey}`, JSON.stringify(a));
     }
-    function w() {
+    function re() {
       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);
-            e.columns.forEach((F) => {
-              F.name && $[F.name] && (F.width = $[F.name]);
-            });
+            const w = JSON.parse(a);
+            H.value = w;
           }
         } catch (a) {
           console.error("[OrDataGrid]: Failed to load column widths from localStorage", a);
         }
     }
-    ie(() => {
-      w();
+    ue(() => {
+      re();
     });
-    function A(a) {
+    function x(a) {
       o.value.delete(a), o.value = new Map(o.value), c.value.delete(a), c.value = new Map(c.value);
     }
-    function ae(a) {
+    function oe(a) {
       a.currentTarget.scrollIntoView({ block: "nearest" });
     }
     return {
-      root: n,
+      root: l,
       rootStyles: u,
-      pagination: h,
-      tableInlineStyles: T,
-      selectingIndicator: M,
-      showSelectingCouter: d,
-      selectingDisabled: W,
-      skeletonsLength: z,
-      handleMouseEnterRow: J,
-      handleMouseLeaveRow: E,
-      handleMouseEnterCell: P,
-      handleMouseLeaveCell: U,
-      handleRowClick: L,
-      updateColumnWidth: N,
+      pagination: v,
+      tableInlineStyles: G,
+      selectingIndicator: I,
+      showSelectingCouter: s,
+      selectingDisabled: F,
+      skeletonsLength: E,
+      actualColumns: U,
+      handleMouseEnterRow: P,
+      handleMouseLeaveRow: L,
+      handleMouseEnterCell: A,
+      handleMouseLeaveCell: j,
+      handleRowClick: i,
+      updateColumnWidth: $,
       selectingModel: S,
       filteringModel: O,
-      searchingModel: V,
-      sortingModel: R,
-      pagingModel: I,
-      updateScrollOffset: X,
-      removeScrollOffset: A,
-      updateSearchingModel: j,
+      searchingModel: T,
+      sortingModel: C,
+      pagingModel: V,
+      updateScrollOffset: W,
+      removeScrollOffset: x,
+      updateSearchingModel: X,
       scrollToTop: () => {
         var a;
-        (a = v.value) != null && a.root && v.value.root.scrollTo({
+        (a = g.value) != null && a.root && g.value.root.scrollTo({
           top: 0,
           behavior: "smooth"
         });
       },
-      scrollTo: ae,
-      onInput: (a, $, F) => {
-        a[$] = F, t.emit("update:item", a);
+      scrollTo: oe,
+      onInput: (a, w, N) => {
+        a[w] = N, t.emit("update:item", a);
       }
     };
   }
 });
-function Xt(e, t, n, h, v, u) {
-  const T = m("OrSearch"), M = m("OrDataGridHeader"), S = m("OrDataGridToolbar"), O = m("OrCheckbox"), V = m("OrDataGridTableHeaderCell"), R = m("OrDataGridTableHeaderRow"), I = m("OrDataGridTableHeader"), o = m("OrDataGridNotification"), c = m("OrDataGridTableExtraRow"), d = m("OrSkeletonText"), W = m("OrDataGridTableContentCell"), z = m("OrDataGridTableContentRow"), j = m("OrDataGridTablePlaceholder"), X = m("OrDataGridTableContent"), J = m("OrDataGridTable"), E = m("OrDataGridTableFooterCell"), P = m("OrDataGridTableFooterRow"), U = m("OrDataGridTableFooter"), L = m("OrPagination"), N = m("OrDataGridFooter");
-  return r(), p("div", {
+function Qt(e, t, l, v, g, u) {
+  const G = m("OrSearch"), I = m("OrDataGridHeader"), S = m("OrDataGridToolbar"), O = m("OrCheckbox"), T = m("OrDataGridTableHeaderCell"), C = m("OrDataGridTableHeaderRow"), V = m("OrDataGridTableHeader"), o = m("OrDataGridNotification"), c = m("OrDataGridTableExtraRow"), s = m("OrSkeletonText"), F = m("OrDataGridTableContentCell"), E = m("OrDataGridTableContentRow"), H = m("OrDataGridTablePlaceholder"), U = m("OrDataGridTableContent"), X = m("OrDataGridTable"), W = m("OrDataGridTableFooterCell"), P = m("OrDataGridTableFooterRow"), L = m("OrDataGridTableFooter"), A = m("OrPagination"), j = m("OrDataGridFooter");
+  return r(), h("div", {
     ref: "root",
     class: f(e.rootStyles)
   }, [
-    e.$slots.title || e.features.searching || e.$slots.search || e.$slots.extraActions ? (r(), y(M, {
+    e.$slots.title || e.features.searching || e.$slots.search || e.$slots.extraActions ? (r(), y(I, {
       key: 0,
       class: f(["shrink-0"])
     }, Y({ _: 2 }, [
       e.$slots.title ? {
         name: "title",
         fn: b(() => [
-          i(e.$slots, "title")
+          d(e.$slots, "title")
         ]),
         key: "0"
       } : void 0,
       e.features.searching ? {
         name: "searching",
         fn: b(() => [
-          i(e.$slots, "search", de(ue({ updateSearchingModel: e.updateSearchingModel, searchingModel: e.searchingModel })), () => [
-            H(T, {
+          d(e.$slots, "search", ce(me({ updateSearchingModel: e.updateSearchingModel, searchingModel: e.searchingModel })), () => [
+            z(G, {
               modelValue: e.searchingModel,
-              "onUpdate:modelValue": t[0] || (t[0] = (s) => e.searchingModel = s)
+              "onUpdate:modelValue": t[0] || (t[0] = (i) => e.searchingModel = i)
             }, null, 8, ["modelValue"])
           ])
         ]),
@@ -1485,33 +1506,33 @@ function Xt(e, t, n, h, v, u) {
       e.$slots.extraActions ? {
         name: "extraActions",
         fn: b(() => [
-          i(e.$slots, "extraActions")
+          d(e.$slots, "extraActions")
         ]),
         key: "2"
       } : void 0
-    ]), 1024)) : g("", !0),
+    ]), 1024)) : p("", !0),
     e.$slots.toolbar ? (r(), y(S, {
       key: 1,
       class: f(["shrink-0"])
     }, {
       default: b(() => [
-        i(e.$slots, "toolbar")
+        d(e.$slots, "toolbar")
       ]),
       _: 3
-    })) : g("", !0),
-    H(J, {
+    })) : p("", !0),
+    z(X, {
       ref: "table",
       class: f(["grow", { "grid-rows-[auto_1fr]": e.items.length === 0 }]),
       style: K(e.tableInlineStyles),
-      columns: e.columns,
+      columns: e.actualColumns,
       features: e.features
     }, {
       default: b(() => [
-        H(I, null, {
+        z(V, null, {
           default: b(() => [
-            H(R, { variant: e.variant }, {
+            z(C, { variant: e.variant }, {
               default: b(() => [
-                e.features.selecting ? (r(), y(V, {
+                e.features.selecting ? (r(), y(T, {
                   key: 0,
                   column: { stickiness: "start" },
                   class: "md:!py-none",
@@ -1519,27 +1540,27 @@ function Xt(e, t, n, h, v, u) {
                   "onRemove:scrollOffset": e.removeScrollOffset
                 }, {
                   default: b(() => [
-                    H(O, {
+                    z(O, {
                       modelValue: e.selectingIndicator,
-                      "onUpdate:modelValue": t[1] || (t[1] = (s) => e.selectingIndicator = s),
+                      "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, ["onUpdate:scrollOffset", "onRemove:scrollOffset"])) : g("", !0),
-                (r(!0), p(q, null, Q(e.columns, (s) => (r(), y(V, {
-                  key: s.name,
+                }, 8, ["onUpdate:scrollOffset", "onRemove:scrollOffset"])) : p("", !0),
+                (r(!0), h(q, null, Q(e.actualColumns, (i) => (r(), y(T, {
+                  key: i.name,
                   modelValue: e.sortingModel,
-                  "onUpdate:modelValue": t[2] || (t[2] = (w) => e.sortingModel = w),
-                  column: s,
+                  "onUpdate:modelValue": t[2] || (t[2] = ($) => e.sortingModel = $),
+                  column: i,
                   features: e.features,
                   "onUpdate:scrollOffset": e.updateScrollOffset,
                   "onRemove:scrollOffset": e.removeScrollOffset,
-                  "onUpdate:columnWidth": (w) => e.updateColumnWidth(s, w)
+                  "onUpdate:columnWidth": ($) => e.updateColumnWidth(i, $)
                 }, {
                   default: b(() => [
-                    Z(_(s.label), 1)
+                    Z(_(i.label), 1)
                   ]),
                   _: 2
                 }, 1032, ["modelValue", "column", "features", "onUpdate:scrollOffset", "onRemove:scrollOffset", "onUpdate:columnWidth"]))), 128))
@@ -1553,17 +1574,17 @@ function Xt(e, t, n, h, v, u) {
           key: 0,
           notification: e.notification,
           variant: e.variant,
-          onCloseNotification: t[3] || (t[3] = (s) => e.$emit("close-notification"))
+          onCloseNotification: t[3] || (t[3] = (i) => e.$emit("close-notification"))
         }, Y({ _: 2 }, [
           e.$slots.notification ? {
             name: "notification",
             fn: b(() => [
-              i(e.$slots, "notification")
+              d(e.$slots, "notification")
             ]),
             key: "0"
           } : void 0
-        ]), 1032, ["notification", "variant"])) : g("", !0),
-        H(X, null, {
+        ]), 1032, ["notification", "variant"])) : p("", !0),
+        z(U, null, {
           default: b(() => [
             e.$slots["before-rows"] ? (r(), y(c, {
               key: 0,
@@ -1571,143 +1592,143 @@ function Xt(e, t, n, h, v, u) {
               class: "border-b-1"
             }, {
               default: b(() => [
-                i(e.$slots, "before-rows")
+                d(e.$slots, "before-rows")
               ]),
               _: 3
-            }, 8, ["variant"])) : g("", !0),
-            e.loading ? (r(!0), p(q, { key: 1 }, Q(e.skeletonsLength, (s) => (r(), y(z, {
-              key: s,
+            }, 8, ["variant"])) : p("", !0),
+            e.loading ? (r(!0), h(q, { key: 1 }, Q(e.skeletonsLength, (i) => (r(), y(E, {
+              key: i,
               variant: e.variant,
               interactive: e.interactiveRows
             }, {
               default: b(() => [
-                e.features.selecting ? (r(), y(W, {
+                e.features.selecting ? (r(), y(F, {
                   key: 0,
                   column: { stickiness: "start" },
                   variant: e.variant,
                   override: !0
                 }, {
                   default: b(() => [
-                    H(d)
+                    z(s)
                   ]),
                   _: 1
-                }, 8, ["variant"])) : g("", !0),
-                (r(!0), p(q, null, Q(e.columns, (w) => (r(), y(W, {
-                  key: w.name,
-                  column: w,
+                }, 8, ["variant"])) : p("", !0),
+                (r(!0), h(q, null, Q(e.actualColumns, ($) => (r(), y(F, {
+                  key: $.name,
+                  column: $,
                   features: e.features,
                   variant: e.variant,
                   override: !0
                 }, {
                   default: b(() => [
-                    i(e.$slots, "column-loading", { column: w }, () => [
-                      H(d)
+                    d(e.$slots, "column-loading", { column: $ }, () => [
+                      z(s)
                     ])
                   ]),
                   _: 2
                 }, 1032, ["column", "features", "variant"]))), 128))
               ]),
               _: 2
-            }, 1032, ["variant", "interactive"]))), 128)) : e.items.length > 0 ? (r(!0), p(q, { key: 2 }, Q(e.items, (s) => (r(), y(z, {
-              key: s.id,
+            }, 1032, ["variant", "interactive"]))), 128)) : e.items.length > 0 ? (r(!0), h(q, { key: 2 }, Q(e.items, (i) => (r(), y(E, {
+              key: i.id,
               variant: e.variant,
-              selected: e.selectingModel.includes(s.id),
+              selected: e.selectingModel.includes(i.id),
               interactive: e.interactiveRows,
-              onMouseenter: () => e.handleMouseEnterRow(s),
-              onMouseleave: () => e.handleMouseLeaveRow(s),
-              onClick: () => e.handleRowClick(s)
+              onMouseenter: () => e.handleMouseEnterRow(i),
+              onMouseleave: () => e.handleMouseLeaveRow(i),
+              onClick: () => e.handleRowClick(i)
             }, {
               default: b(() => [
-                e.features.selecting ? (r(), y(W, {
+                e.features.selecting ? (r(), y(F, {
                   key: 0,
                   column: { stickiness: "start" },
                   variant: e.variant,
                   override: !0,
                   "force-state": "none",
                   class: "md:!py-none",
-                  onMouseenter: () => e.handleMouseEnterCell(s, "selecting", e.selectingModel.includes(s.id)),
-                  onMouseleave: () => e.handleMouseLeaveCell(s, "selecting", e.selectingModel.includes(s.id))
+                  onMouseenter: () => e.handleMouseEnterCell(i, "selecting", e.selectingModel.includes(i.id)),
+                  onMouseleave: () => e.handleMouseLeaveCell(i, "selecting", e.selectingModel.includes(i.id))
                 }, {
                   default: b(() => [
-                    H(O, {
+                    z(O, {
                       modelValue: e.selectingModel,
-                      "onUpdate:modelValue": t[4] || (t[4] = (w) => e.selectingModel = w),
-                      value: s.id,
+                      "onUpdate:modelValue": t[4] || (t[4] = ($) => e.selectingModel = $),
+                      value: i.id,
                       disabled: e.selectingDisabled
                     }, null, 8, ["modelValue", "value", "disabled"])
                   ]),
                   _: 2
-                }, 1032, ["variant", "onMouseenter", "onMouseleave"])) : g("", !0),
-                (r(!0), p(q, null, Q(e.columns, (w) => (r(), y(W, {
-                  key: w.name,
-                  "model-value": s[w.name],
-                  column: w,
+                }, 1032, ["variant", "onMouseenter", "onMouseleave"])) : p("", !0),
+                (r(!0), h(q, null, Q(e.actualColumns, ($) => (r(), y(F, {
+                  key: $.name,
+                  "model-value": i[$.name],
+                  column: $,
                   features: e.features,
                   variant: e.variant,
-                  onInput: (A) => e.onInput(s, w.name, A),
-                  onFocusin: t[5] || (t[5] = (A) => e.scrollTo(A)),
-                  onMouseenter: () => e.handleMouseEnterCell(s, w.name, s[w.name]),
-                  onMouseleave: () => e.handleMouseLeaveCell(s, w.name, s[w.name])
+                  onInput: (J) => e.onInput(i, $.name, J),
+                  onFocusin: t[5] || (t[5] = (J) => e.scrollTo(J)),
+                  onMouseenter: () => e.handleMouseEnterCell(i, $.name, i[$.name]),
+                  onMouseleave: () => e.handleMouseLeaveCell(i, $.name, i[$.name])
                 }, {
                   default: b(() => [
-                    i(e.$slots, w.name, {
-                      column: w,
-                      item: s
+                    d(e.$slots, $.name, {
+                      column: $,
+                      item: i
                     }, () => [
-                      Z(_(s[w.name]), 1)
+                      Z(_(i[$.name]), 1)
                     ])
                   ]),
                   _: 2
                 }, 1032, ["model-value", "column", "features", "variant", "onInput", "onMouseenter", "onMouseleave"]))), 128))
               ]),
               _: 2
-            }, 1032, ["variant", "selected", "interactive", "onMouseenter", "onMouseleave", "onClick"]))), 128)) : e.$slots.noSearchResults && (e.features.filtering && e.filteringModel || e.features.searching && e.searchingModel) ? (r(), y(j, {
+            }, 1032, ["variant", "selected", "interactive", "onMouseenter", "onMouseleave", "onClick"]))), 128)) : e.$slots.noSearchResults && (e.features.filtering && e.filteringModel || e.features.searching && e.searchingModel) ? (r(), y(H, {
               key: 3,
               class: f(["col-span-full"]),
               variant: e.variant
             }, {
               default: b(() => [
-                i(e.$slots, "noSearchResults", {
+                d(e.$slots, "noSearchResults", {
                   filter: e.filteringModel,
                   search: e.searchingModel
                 })
               ]),
               _: 3
-            }, 8, ["variant"])) : e.$slots.empty ? (r(), y(j, {
+            }, 8, ["variant"])) : e.$slots.empty ? (r(), y(H, {
               key: 4,
               class: f(["col-span-full"]),
               variant: e.variant
             }, {
               default: b(() => [
-                i(e.$slots, "empty")
+                d(e.$slots, "empty")
               ]),
               _: 3
-            }, 8, ["variant"])) : g("", !0),
+            }, 8, ["variant"])) : p("", !0),
             e.$slots["after-rows"] ? (r(), y(c, {
               key: 5,
               variant: e.variant
             }, {
               default: b(() => [
-                i(e.$slots, "after-rows")
+                d(e.$slots, "after-rows")
               ]),
               _: 3
-            }, 8, ["variant"])) : g("", !0)
+            }, 8, ["variant"])) : p("", !0)
           ]),
           _: 3
         })
       ]),
       _: 3
     }, 8, ["class", "style", "columns", "features"]),
-    e.$slots["extra-row"] ? (r(), y(U, { key: 2 }, {
+    e.$slots["extra-row"] ? (r(), y(L, { key: 2 }, {
       default: b(() => [
-        H(P, {
+        z(P, {
           class: f(["shrink-0"]),
           variant: e.variant
         }, {
           default: b(() => [
-            H(E, null, {
+            z(W, null, {
               default: b(() => [
-                i(e.$slots, "extra-row")
+                d(e.$slots, "extra-row")
               ]),
               _: 3
             })
@@ -1716,8 +1737,8 @@ function Xt(e, t, n, h, v, u) {
         }, 8, ["variant"])
       ]),
       _: 3
-    })) : g("", !0),
-    e.$slots.actions || e.showSelectingCouter || e.features.paging ? (r(), y(N, {
+    })) : p("", !0),
+    e.$slots.actions || e.showSelectingCouter || e.features.paging ? (r(), y(j, {
       key: 3,
       class: f(["shrink-0"])
     }, Y({ _: 2 }, [
@@ -1731,46 +1752,46 @@ function Xt(e, t, n, h, v, u) {
       e.$slots.actions ? {
         name: "actions",
         fn: b(() => [
-          i(e.$slots, "actions")
+          d(e.$slots, "actions")
         ]),
         key: "1"
       } : void 0,
       e.features.paging ? {
         name: "paging",
         fn: b(() => [
-          H(L, {
+          z(A, {
             ref: "pagination",
             modelValue: e.pagingModel,
-            "onUpdate:modelValue": t[6] || (t[6] = (s) => e.pagingModel = s),
+            "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"])
         ]),
         key: "2"
       } : void 0
-    ]), 1024)) : g("", !0)
+    ]), 1024)) : p("", !0)
   ], 2);
 }
-const fa = /* @__PURE__ */ C(Kt, [["render", Xt]]);
+const pa = /* @__PURE__ */ R(Jt, [["render", Qt]]);
 export {
   k as D,
-  fa as O,
+  pa as O,
   B as a,
-  Ge as b,
-  He as c,
-  ze as d,
-  qe as e,
-  Je as f,
-  _e as g,
-  rt as h,
-  st as i,
-  mt as j,
-  vt as k,
-  Ot as l,
-  Tt as m,
-  Mt as n,
-  Ft as o,
-  jt as p,
-  qt as q
+  Ve as b,
+  Fe as c,
+  Ne as d,
+  Ke as e,
+  Ye as f,
+  et as g,
+  nt as h,
+  dt as i,
+  gt as j,
+  yt as k,
+  wt as l,
+  Ct as m,
+  It as n,
+  Wt as o,
+  Ut as p,
+  Kt as q
 };
-//# sourceMappingURL=OrDataGrid-C_RY7OZe.mjs.map
+//# sourceMappingURL=OrDataGrid-D69LUBBI.mjs.map