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

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

@@ -1,23 +1,23 @@
-import { O as ne } from "./OrCheckbox-WPBzlvaV.mjs";
-import { O as ce } from "./OrPagination-BXzDa-Su.mjs";
-import { O as ue } from "./OrSearch-CRFuNmg2.mjs";
-import { O as me } from "./OrSkeletonArea.vue_vue_type_script_lang-jgRhbZ0X.mjs";
-import { defineComponent as M, ref as D, computed as o, openBlock as r, createElementBlock as p, normalizeClass as u, renderSlot as c, createCommentVNode as h, resolveComponent as f, normalizeStyle as A, createBlock as y, watch as se, createElementVNode as fe, withModifiers as oe, createVNode as E, mergeProps as ge, withCtx as k, onMounted as he, createSlots as Z, normalizeProps as pe, guardReactiveProps as ve, Fragment as Q, renderList as Y, createTextVNode as _, toDisplayString as x } from "vue";
+import { O as le } from "./OrCheckbox-WPBzlvaV.mjs";
+import { O as me } from "./OrPagination-BXzDa-Su.mjs";
+import { O as fe } from "./OrSearch-CRFuNmg2.mjs";
+import { O as ge } from "./OrSkeletonArea.vue_vue_type_script_lang-jgRhbZ0X.mjs";
+import { defineComponent as M, ref as S, computed as n, openBlock as o, createElementBlock as p, normalizeClass as u, renderSlot as c, createCommentVNode as h, resolveComponent as m, normalizeStyle as A, createBlock as y, watch as ie, createElementVNode as ne, withModifiers as se, createVNode as W, mergeProps as he, withCtx as v, onMounted as pe, createSlots as _, normalizeProps as ke, guardReactiveProps as be, Fragment as Q, renderList as Y, createTextVNode as x, toDisplayString as ee } from "vue";
 import { _ as R } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
-import { O as ke } from "./OrDatePicker-D-Do0tSf.mjs";
+import { O as ve } from "./OrDatePicker-D-Do0tSf.mjs";
 import { O as ye } from "./OrDateTimePicker-myqJkQxy.mjs";
 import "./OrDateTimePicker.vue_vue_type_script_lang-xnGNoSUB.mjs";
 import "@onereach/ui-components-common/types";
-import { O as be } from "./OrInput-nExtCSw8.mjs";
-import { O as Oe } from "./OrRating-CAwz23JA.mjs";
-import { O as $e } from "./OrSelect-BeL73iXu.mjs";
-import { O as we } from "./OrSwitch-BtoXDsZx.mjs";
-import { O as De } from "./OrTagInput-B2U22gXE.mjs";
-import { O as Se } from "./OrTimePicker-QPUb8olp.mjs";
-import { O as Te } from "./OrIcon-k8cyvh-D.mjs";
-import { useElementSize as Ce } from "@vueuse/core";
-import { O as Ge } from "./OrNotification-BkjmRseb.mjs";
-const Ve = [
+import { O as Oe } from "./OrInput-nExtCSw8.mjs";
+import { O as $e } from "./OrRating-CAwz23JA.mjs";
+import { O as we } from "./OrSelect-BeL73iXu.mjs";
+import { O as De } from "./OrSwitch-BtoXDsZx.mjs";
+import { O as Se } from "./OrTagInput-B2U22gXE.mjs";
+import { O as Te } from "./OrTimePicker-QPUb8olp.mjs";
+import { O as Ce } from "./OrIcon-k8cyvh-D.mjs";
+import { useElementSize as Ge } from "@vueuse/core";
+import { O as Ve } from "./OrNotification-BkjmRseb.mjs";
+const Me = [
   // Layout
   "layout-row",
   // Interactivity
@@ -31,98 +31,98 @@ const Ve = [
   // Theme
   "theme-border-disabled border-t-1",
   "dark:theme-border-disabled-dark"
-], Me = [
+], Re = [
   // Typography
   "typography-body-2-semibold"
-], Re = M({
+], Ie = M({
   name: "OrDataGridFooter",
   expose: [
     "root"
   ],
   setup() {
-    const e = D(), t = o(() => [
+    const e = S(), t = n(() => [
       "or-data-grid-footer-v3",
-      ...Ve
-    ]), n = o(() => [
       ...Me
+    ]), s = n(() => [
+      ...Re
     ]);
     return {
       root: e,
       rootStyles: t,
-      statusStyles: n
+      statusStyles: s
     };
   }
-}), Ie = {
+}), ze = {
   key: 1,
   class: /* @__PURE__ */ u(["grow"])
 };
-function ze(e, t, n, v, g, l) {
-  return r(), p("div", {
+function He(e, t, s, k, g, i) {
+  return o(), p("div", {
     ref: "root",
     class: u(e.rootStyles)
   }, [
-    e.$slots.status ? (r(), p("div", {
+    e.$slots.status ? (o(), p("div", {
       key: 0,
       class: u(e.statusStyles)
     }, [
       c(e.$slots, "status")
     ], 2)) : h("", !0),
     c(e.$slots, "actions"),
-    e.$slots.paging ? (r(), p("div", Ie)) : h("", !0),
+    e.$slots.paging ? (o(), p("div", ze)) : h("", !0),
     c(e.$slots, "paging")
   ], 2);
 }
-const He = /* @__PURE__ */ R(Re, [["render", ze]]), Fe = [
+const Ee = /* @__PURE__ */ R(Ie, [["render", He]]), We = [
   // Layout
   "layout-row items-start gap-md",
   // Interactivity
   "interactivity-default",
   // Box
   "h-3xl"
-], We = [
+], Fe = [
   // Typography
   "typography-headline-2"
-], Ee = M({
+], Ne = M({
   name: "OrDataGridHeader",
   expose: [
     "root"
   ],
   setup() {
-    const e = D(), t = o(() => [
+    const e = S(), t = n(() => [
       "or-data-grid-header-v3",
-      ...Fe
-    ]), n = o(() => [
       ...We
+    ]), s = n(() => [
+      ...Fe
     ]);
     return {
       root: e,
       rootStyles: t,
-      titleStyles: n
+      titleStyles: s
     };
   }
 }), Pe = {
   key: 1,
   class: /* @__PURE__ */ u(["grow"])
 };
-function Ne(e, t, n, v, g, l) {
-  return r(), p("div", {
+function Ue(e, t, s, k, g, i) {
+  return o(), p("div", {
     ref: "root",
     class: u(e.rootStyles)
   }, [
-    e.$slots.title ? (r(), p("div", {
+    e.$slots.title ? (o(), p("div", {
       key: 0,
       class: u(e.titleStyles)
     }, [
       c(e.$slots, "title")
     ], 2)) : h("", !0),
-    e.$slots.searching || e.$slots.extraActions ? (r(), p("div", Pe)) : h("", !0),
+    e.$slots.searching || e.$slots.extraActions ? (o(), p("div", Pe)) : h("", !0),
     c(e.$slots, "searching"),
     e.$slots.extraActions ? c(e.$slots, "extraActions", { key: 2 }) : h("", !0)
   ], 2);
 }
-const je = /* @__PURE__ */ R(Ee, [["render", Ne]]);
-var b = /* @__PURE__ */ ((e) => (e.Standard = "standard", e.Comfortable = "comfortable", e.Compact = "compact", e.Dynamic = "dynamic", e))(b || {});
-const q = "52px", Ue = [
+const je = /* @__PURE__ */ R(Ne, [["render", Ue]]);
+var O = /* @__PURE__ */ ((e) => (e.Standard = "standard", e.Comfortable = "comfortable", e.Compact = "compact", e.Dynamic = "dynamic", e))(O || {});
+const K = "52px", Z = "42px", Le = [
   // Layout
   "layout-row items-center",
   // Spacing
@@ -130,8 +130,11 @@ const q = "52px", Ue = [
   "py-xs",
   "gap-xs",
   // Theme
-  "theme-border-transparent border-1",
-  "dark:theme-border-transparent-dark",
+  "theme-border-disabled border-b-1 border-e-1 border-solid",
+  "dark:theme-border-disabled-dark",
+  // Border (conditional override for last row/column)
+  "group-last:border-b-0",
+  "last:border-e-0",
   "theme-outline-transparent outline-2 -outline-offset-1",
   "dark:theme-outline-transparent-dark",
   // Theme (focus)
@@ -156,23 +159,23 @@ const q = "52px", Ue = [
   // Theme (.resizable)
   "[&.resizable]:border-e-disabled [&.resizable]:border-solid",
   "dark:[&.resizable]:border-e-disabled-dark"
-], Le = [
+], Ae = [
   // interactivity
   "interactivity-select",
   // Typography
   "truncate"
-], Ae = M({
+], qe = M({
   name: "OrDataGridTableContentCell",
   components: {
-    OrCheckbox: ne,
-    OrDatePicker: ke,
+    OrCheckbox: le,
+    OrDatePicker: ve,
     OrDateTimePicker: ye,
-    OrInput: be,
-    OrRating: Oe,
-    OrSelect: $e,
-    OrSwitch: we,
-    OrTagInput: De,
-    OrTimePicker: Se
+    OrInput: Oe,
+    OrRating: $e,
+    OrSelect: we,
+    OrSwitch: De,
+    OrTagInput: Se,
+    OrTimePicker: Te
   },
   model: {
     prop: "modelValue",
@@ -194,7 +197,7 @@ const q = "52px", Ue = [
     },
     variant: {
       type: String,
-      default: b.Standard
+      default: O.Standard
     },
     override: {
       type: Boolean,
@@ -212,153 +215,148 @@ const q = "52px", Ue = [
     "root"
   ],
   setup(e, t) {
-    const n = D(), v = o(() => {
-      var O, C, I, G;
+    const s = S(), k = n(() => {
+      var f, D, I, G;
       return [
         "or-data-grid-table-content-cell-v3",
-        ...Ue,
-        ...(O = e.column) != null && O.stickiness ? ["overflow-hidden", `sticky-${e.column.stickiness}`] : [],
-        ...(C = e.features) != null && C.resizing && ((I = e.column) != null && I.name) && ((G = e.column) == null ? void 0 : G.resizing) !== !1 ? ["resizable"] : []
+        ...Le,
+        ...(f = e.column) != null && f.stickiness ? ["overflow-hidden", `sticky-${e.column.stickiness}`] : [],
+        ...(D = e.features) != null && D.resizing && ((I = e.column) != null && I.name) && ((G = e.column) == null ? void 0 : G.resizing) !== !1 ? ["resizable"] : []
       ];
-    }), g = o(() => {
+    }), g = n(() => {
       if (e.column)
         switch (e.column.stickiness) {
           case "start":
             return {
               position: "sticky",
               insetInlineStart: `${e.stickyOffset}px`,
-              zIndex: "30",
-              flexDirection: e.column.alignment === "end" ? "row-reverse" : void 0,
-              justifyContent: e.column.alignment
+              zIndex: "30"
             };
           case "end":
             return {
               position: "sticky",
               insetInlineEnd: `${e.stickyOffset}px`,
-              zIndex: "30",
-              flexDirection: e.column.alignment === "end" ? "row-reverse" : void 0,
-              justifyContent: e.column.alignment
+              zIndex: "30"
             };
           default:
-            return {
-              flexDirection: e.column.alignment === "end" ? "row-reverse" : void 0,
-              justifyContent: e.column.alignment
-            };
+            return {};
         }
-      return {
-        justifyContent: "center"
-      };
-    }), l = o(() => {
-      var G, d, w, s, F;
-      const O = ((G = e.column) == null ? void 0 : G.wrapping) ?? (e.variant === b.Dynamic && !((d = e.column) != null && d.control)), C = ((s = (w = e.column) == null ? void 0 : w.control) == null ? void 0 : s.type) === "tags", I = (F = e.column) == null ? void 0 : F.fitContent;
+      return {};
+    }), i = n(() => {
+      var G, N, F, r, b;
+      const f = ((G = e.column) == null ? void 0 : G.wrapping) ?? (e.variant === O.Dynamic && !((N = e.column) != null && N.control)), D = ((r = (F = e.column) == null ? void 0 : F.control) == null ? void 0 : r.type) === "tags", I = (b = e.column) == null ? void 0 : b.fitContent;
       return [
         "layout-row items-center w-full min-w-0",
-        ...C ? ["overflow-hidden"] : [],
-        ...Le.filter((P) => P !== "truncate"),
-        ...O ? ["whitespace-pre-wrap break-words"] : I ? ["overflow-hidden"] : ["truncate"]
+        ...D ? ["overflow-hidden"] : [],
+        ...Ae.filter((w) => w !== "truncate"),
+        ...f ? ["whitespace-pre-wrap break-words"] : I ? ["overflow-hidden"] : ["truncate"]
       ];
-    }), S = o(() => ({
-      minWidth: e.column && e.column.minWidth || q,
-      maxWidth: e.column && e.column.maxWidth
-    })), H = o({
+    }), T = n(() => {
+      var f, D;
+      return {
+        minWidth: e.column && e.column.minWidth || (((f = e.column) == null ? void 0 : f.name) === "_check" ? Z : K),
+        maxWidth: e.column && e.column.maxWidth,
+        justifyContent: ((D = e.column) == null ? void 0 : D.alignment) || (e.column ? void 0 : "center")
+      };
+    }), E = n({
       get: () => e.modelValue,
-      set: (O) => {
-        t.emit("input", O);
+      set: (f) => {
+        t.emit("input", f);
       }
-    }), T = o(() => {
-      var O;
-      return (O = e.column) == null ? void 0 : O.control;
+    }), C = n(() => {
+      var f;
+      return (f = e.column) == null ? void 0 : f.control;
     });
     return {
-      root: n,
-      rootStyles: v,
+      root: s,
+      rootStyles: k,
       rootInlineStyles: g,
-      contentStyles: l,
-      contentInlineStyles: S,
-      model: H,
-      control: T,
-      DATA_GRID_DEFAULT_MIN_WIDTH: q
+      contentStyles: i,
+      contentInlineStyles: T,
+      model: E,
+      control: C,
+      DATA_GRID_DEFAULT_MIN_WIDTH: K
     };
   }
 });
-function qe(e, t, n, v, g, l) {
-  const S = f("OrInput"), H = f("OrRating"), T = f("OrSelect"), O = f("OrCheckbox"), C = f("OrSwitch"), I = f("OrDatePicker"), G = f("OrTimePicker"), d = f("OrDateTimePicker"), w = f("OrTagInput");
-  return r(), p("div", {
+function Be(e, t, s, k, g, i) {
+  const T = m("OrInput"), E = m("OrRating"), C = m("OrSelect"), f = m("OrCheckbox"), D = m("OrSwitch"), I = m("OrDatePicker"), G = m("OrTimePicker"), N = m("OrDateTimePicker"), F = m("OrTagInput");
+  return o(), p("div", {
     ref: "root",
     class: u(e.rootStyles),
     style: A(e.rootInlineStyles)
   }, [
-    e.override ? c(e.$slots, "default", { key: 0 }) : e.control ? (r(), p("div", {
+    e.override ? c(e.$slots, "default", { key: 0 }) : e.control ? (o(), p("div", {
       key: 1,
       class: u(e.contentStyles),
       style: A(e.contentInlineStyles)
     }, [
-      e.control.type === "text" ? (r(), y(S, {
+      e.control.type === "text" ? (o(), y(T, {
         key: 0,
         modelValue: e.model,
-        "onUpdate:modelValue": t[0] || (t[0] = (s) => e.model = s),
+        "onUpdate:modelValue": t[0] || (t[0] = (r) => e.model = r),
         type: "text",
         variant: "embedded"
       }, null, 8, ["modelValue"])) : h("", !0),
-      e.control.type === "number" ? (r(), y(S, {
+      e.control.type === "number" ? (o(), y(T, {
         key: 1,
         modelValue: e.model,
-        "onUpdate:modelValue": t[1] || (t[1] = (s) => e.model = s),
+        "onUpdate:modelValue": t[1] || (t[1] = (r) => e.model = r),
         type: "number",
         variant: "embedded"
       }, null, 8, ["modelValue"])) : h("", !0),
-      e.control.type === "rating" ? (r(), y(H, {
+      e.control.type === "rating" ? (o(), y(E, {
         key: 2,
         modelValue: e.model,
-        "onUpdate:modelValue": t[2] || (t[2] = (s) => e.model = s)
+        "onUpdate:modelValue": t[2] || (t[2] = (r) => e.model = r)
       }, null, 8, ["modelValue"])) : h("", !0),
-      e.control.type === "select" ? (r(), y(T, {
+      e.control.type === "select" ? (o(), y(C, {
         key: 3,
         modelValue: e.model,
-        "onUpdate:modelValue": t[3] || (t[3] = (s) => e.model = s),
+        "onUpdate:modelValue": t[3] || (t[3] = (r) => e.model = r),
         options: e.control.options,
         variant: "embedded",
         anchor: e.root
       }, null, 8, ["modelValue", "options", "anchor"])) : h("", !0),
-      e.control.type === "checkbox" ? (r(), y(O, {
+      e.control.type === "checkbox" ? (o(), y(f, {
         key: 4,
         modelValue: e.model,
-        "onUpdate:modelValue": t[4] || (t[4] = (s) => e.model = s)
+        "onUpdate:modelValue": t[4] || (t[4] = (r) => e.model = r)
       }, null, 8, ["modelValue"])) : h("", !0),
-      e.control.type === "switch" ? (r(), y(C, {
+      e.control.type === "switch" ? (o(), y(D, {
         key: 5,
         modelValue: e.model,
-        "onUpdate:modelValue": t[5] || (t[5] = (s) => e.model = s)
+        "onUpdate:modelValue": t[5] || (t[5] = (r) => e.model = r)
       }, null, 8, ["modelValue"])) : h("", !0),
-      e.control.type === "date" ? (r(), y(I, {
+      e.control.type === "date" ? (o(), y(I, {
         key: 6,
         modelValue: e.model,
-        "onUpdate:modelValue": t[6] || (t[6] = (s) => e.model = s),
+        "onUpdate:modelValue": t[6] || (t[6] = (r) => e.model = r),
         variant: "embedded",
         anchor: e.root
       }, null, 8, ["modelValue", "anchor"])) : h("", !0),
-      e.control.type === "time" ? (r(), y(G, {
+      e.control.type === "time" ? (o(), y(G, {
         key: 7,
         modelValue: e.model,
-        "onUpdate:modelValue": t[7] || (t[7] = (s) => e.model = s),
+        "onUpdate:modelValue": t[7] || (t[7] = (r) => e.model = r),
         variant: "embedded",
         anchor: e.root
       }, null, 8, ["modelValue", "anchor"])) : h("", !0),
-      e.control.type === "datetime" ? (r(), y(d, {
+      e.control.type === "datetime" ? (o(), y(N, {
         key: 8,
         modelValue: e.model,
-        "onUpdate:modelValue": t[8] || (t[8] = (s) => e.model = s),
+        "onUpdate:modelValue": t[8] || (t[8] = (r) => e.model = r),
         variant: "embedded",
         anchor: e.root
       }, null, 8, ["modelValue", "anchor"])) : h("", !0),
-      e.control.type === "tags" ? (r(), y(w, {
+      e.control.type === "tags" ? (o(), y(F, {
         key: 9,
         modelValue: e.model,
-        "onUpdate:modelValue": t[9] || (t[9] = (s) => e.model = s),
+        "onUpdate:modelValue": t[9] || (t[9] = (r) => e.model = r),
         variant: "embedded",
         class: u(["grow min-w-0"])
       }, null, 8, ["modelValue"])) : h("", !0)
-    ], 6)) : (r(), p("div", {
+    ], 6)) : (o(), p("div", {
       key: 2,
       class: u(e.contentStyles),
       style: A(e.contentInlineStyles)
@@ -367,16 +365,13 @@ function qe(e, t, n, v, g, l) {
     ], 6))
   ], 6);
 }
-const Be = /* @__PURE__ */ R(Ae, [["render", qe]]), Ke = [
+const Ke = /* @__PURE__ */ R(qe, [["render", Be]]), Xe = [
   // Layout
   "grid grid-cols-[subgrid] col-span-full",
   // Stacking context
   "relative z-[1]",
   // Typography
   "typography-body-2-regular",
-  // Theme
-  "theme-border-disabled [&:not(:last-child)]:border-b-1",
-  "dark:theme-border-disabled-dark",
   // Theme (children)
   "children:theme-foreground-default",
   "dark:children:theme-foreground-default-dark",
@@ -391,24 +386,24 @@ const Be = /* @__PURE__ */ R(Ae, [["render", qe]]), Ke = [
   // Theme (selected + hover / children)
   "children:hover:selected:theme-background-surface-3",
   "dark:children:hover:selected:theme-background-surface-3-dark"
-], Xe = {
-  [b.Standard]: [
+], Je = {
+  [O.Standard]: [
     // Box
     "min-h-[calc(theme(spacing.2xl)+theme(spacing.xs))]"
   ],
-  [b.Comfortable]: [
+  [O.Comfortable]: [
     // Box
     "min-h-[calc(theme(spacing.3xl)+theme(spacing.xs))]"
   ],
-  [b.Compact]: [
+  [O.Compact]: [
     // Box
     "min-h-[calc(theme(spacing.xl)+theme(spacing.xs))]"
   ],
-  [b.Dynamic]: [
+  [O.Dynamic]: [
     // Box
     "min-h-[calc(theme(spacing.2xl)+theme(spacing.xs))]"
   ]
-}, Je = M({
+}, Qe = M({
   name: "OrDataGridTableContentRow",
   props: {
     variant: {
@@ -428,39 +423,39 @@ const Be = /* @__PURE__ */ R(Ae, [["render", qe]]), Ke = [
     "root"
   ],
   setup(e) {
-    const t = D(), n = o(() => [
+    const t = S(), s = n(() => [
       "or-data-grid-table-content-row-v3",
-      ...Ke,
-      ...Xe[e.variant],
+      ...Xe,
+      ...Je[e.variant],
       ...e.interactive ? ["cursor-pointer"] : []
     ]);
     return {
       root: t,
-      rootStyles: n
+      rootStyles: s
     };
   }
-}), Qe = ["selected"];
-function Ye(e, t, n, v, g, l) {
-  return r(), p("div", {
+}), Ye = ["selected"];
+function Ze(e, t, s, k, g, i) {
+  return o(), p("div", {
     ref: "root",
     class: u(e.rootStyles),
     selected: e.selected
   }, [
     c(e.$slots, "default")
-  ], 10, Qe);
+  ], 10, Ye);
 }
-const Ze = /* @__PURE__ */ R(Je, [["render", Ye]]), _e = [
+const _e = /* @__PURE__ */ R(Qe, [["render", Ze]]), xe = [
   // Layout
   "contents"
-], xe = M({
+], et = M({
   name: "OrDataGridTableContent",
   expose: [
     "root"
   ],
   setup() {
-    const e = D(), t = o(() => [
+    const e = S(), t = n(() => [
       "or-data-grid-table-content-v3",
-      ..._e
+      ...xe
     ]);
     return {
       root: e,
@@ -468,15 +463,15 @@ const Ze = /* @__PURE__ */ R(Je, [["render", Ye]]), _e = [
     };
   }
 });
-function et(e, t, n, v, g, l) {
-  return r(), p("div", {
+function tt(e, t, s, k, g, i) {
+  return o(), p("div", {
     ref: "root",
     class: u(e.rootStyles)
   }, [
     c(e.$slots, "default")
   ], 2);
 }
-const tt = /* @__PURE__ */ R(xe, [["render", et]]), at = [
+const at = /* @__PURE__ */ R(et, [["render", tt]]), rt = [
   // Layout
   "layout-row",
   // Spacing
@@ -486,15 +481,15 @@ const tt = /* @__PURE__ */ R(xe, [["render", et]]), at = [
   // Theme
   "theme-border-transparent border-1",
   "dark:theme-border-transparent-dark"
-], rt = M({
+], ot = M({
   name: "OrDataGridTableFooterCell",
   expose: [
     "root"
   ],
   setup() {
-    const e = D(), t = o(() => [
+    const e = S(), t = n(() => [
       "or-data-grid-table-footer-cell-v3",
-      ...at
+      ...rt
     ]);
     return {
       root: e,
@@ -502,15 +497,15 @@ const tt = /* @__PURE__ */ R(xe, [["render", et]]), at = [
     };
   }
 });
-function ot(e, t, n, v, g, l) {
-  return r(), p("div", {
+function nt(e, t, s, k, g, i) {
+  return o(), p("div", {
     ref: "root",
     class: u(e.rootStyles)
   }, [
     c(e.$slots, "default")
   ], 2);
 }
-const nt = /* @__PURE__ */ R(rt, [["render", ot]]), st = [
+const st = /* @__PURE__ */ R(ot, [["render", nt]]), lt = [
   // Layout
   "grid grid-cols-1",
   // Typography
@@ -523,24 +518,24 @@ const nt = /* @__PURE__ */ R(rt, [["render", ot]]), st = [
   "dark:children:theme-foreground-default-dark",
   "children:theme-background-default",
   "dark:children:theme-background-default-dark"
-], lt = {
-  [b.Standard]: [
+], it = {
+  [O.Standard]: [
     // Box
     "min-h-[calc(theme(spacing.2xl)+theme(spacing.xs))]"
   ],
-  [b.Comfortable]: [
+  [O.Comfortable]: [
     // Box
     "min-h-[calc(theme(spacing.3xl)+theme(spacing.xs))]"
   ],
-  [b.Compact]: [
+  [O.Compact]: [
     // Box
     "min-h-[calc(theme(spacing.xl)+theme(spacing.xs))]"
   ],
-  [b.Dynamic]: [
+  [O.Dynamic]: [
     // Box
     "min-h-[calc(theme(spacing.2xl)+theme(spacing.xs))]"
   ]
-}, it = M({
+}, dt = M({
   name: "OrDataGridTableFooterRow",
   props: {
     variant: {
@@ -552,37 +547,37 @@ const nt = /* @__PURE__ */ R(rt, [["render", ot]]), st = [
     "root"
   ],
   setup(e) {
-    const t = D(), n = o(() => [
+    const t = S(), s = n(() => [
       "or-data-grid-table-footer-row-v3",
-      ...st,
-      ...lt[e.variant]
+      ...lt,
+      ...it[e.variant]
     ]);
     return {
       root: t,
-      rootStyles: n
+      rootStyles: s
     };
   }
 });
-function dt(e, t, n, v, g, l) {
-  return r(), p("div", {
+function ct(e, t, s, k, g, i) {
+  return o(), p("div", {
     ref: "root",
     class: u(e.rootStyles)
   }, [
     c(e.$slots, "default")
   ], 2);
 }
-const ct = /* @__PURE__ */ R(it, [["render", dt]]), ut = [
+const ut = /* @__PURE__ */ R(dt, [["render", ct]]), mt = [
   // Layout
   "contents"
-], mt = M({
+], ft = M({
   name: "OrDataGridTableFooter",
   expose: [
     "root"
   ],
   setup() {
-    const e = D(), t = o(() => [
+    const e = S(), t = n(() => [
       "or-data-grid-table-footer-v3",
-      ...ut
+      ...mt
     ]);
     return {
       root: e,
@@ -590,15 +585,15 @@ const ct = /* @__PURE__ */ R(it, [["render", dt]]), ut = [
     };
   }
 });
-function ft(e, t, n, v, g, l) {
-  return r(), p("div", {
+function gt(e, t, s, k, g, i) {
+  return o(), p("div", {
     ref: "root",
     class: u(e.rootStyles)
   }, [
     c(e.$slots, "default")
   ], 2);
 }
-const gt = /* @__PURE__ */ R(mt, [["render", ft]]), ht = [
+const ht = /* @__PURE__ */ R(ft, [["render", gt]]), pt = [
   // Layout
   "layout-row items-center",
   // Spacing
@@ -606,8 +601,10 @@ const gt = /* @__PURE__ */ R(mt, [["render", ft]]), ht = [
   "py-xs",
   "gap-xs",
   // Theme
-  "theme-border-transparent border-1",
-  "dark:theme-border-transparent-dark",
+  "theme-border-disabled border-b-1 border-e-1 border-solid",
+  "dark:theme-border-disabled-dark",
+  // Border (conditional override for last column)
+  "last:border-e-0",
   "theme-outline-transparent outline-2 -outline-offset-1",
   "dark:theme-outline-transparent-dark",
   // Theme (Stacking)
@@ -621,7 +618,7 @@ const gt = /* @__PURE__ */ R(mt, [["render", ft]]), ht = [
   // Theme (.resizable)
   "[&.resizable]:border-e-disabled [&.resizable]:border-solid",
   "dark:[&.resizable]:border-e-disabled-dark"
-], pt = [
+], kt = [
   // Position
   "absolute top-0 bottom-0 end-0 z-50",
   // Box
@@ -632,10 +629,10 @@ const gt = /* @__PURE__ */ R(mt, [["render", ft]]), ht = [
   "dark:hover:theme-background-primary-dark",
   "active:theme-background-primary",
   "dark:active:theme-background-primary-dark"
-], vt = M({
+], bt = M({
   name: "OrDataGridTableHeaderCell",
   components: {
-    OrIcon: Te
+    OrIcon: Ce
   },
   model: {
     prop: "modelValue",
@@ -669,166 +666,177 @@ const gt = /* @__PURE__ */ R(mt, [["render", ft]]), ht = [
     "root"
   ],
   setup(e, t) {
-    const n = D(), v = o(() => {
-      var d, w, s;
-      return !!((d = e.features) != null && d.sorting) && !!((w = e.column) != null && w.name) && ((s = e.column) == null ? void 0 : s.sorting) !== !1;
-    }), g = o(() => {
-      var d, w, s;
-      return !!((d = e.features) != null && d.resizing) && !!((w = e.column) != null && w.name) && ((s = e.column) == null ? void 0 : s.resizing) !== !1;
-    }), l = o(() => {
-      var d;
+    const s = S(), k = n(() => {
+      var r, b, w;
+      return !!((r = e.features) != null && r.sorting) && !!((b = e.column) != null && b.name) && ((w = e.column) == null ? void 0 : w.sorting) !== !1;
+    }), g = n(() => {
+      var r, b, w;
+      return !!((r = e.features) != null && r.resizing) && !!((b = e.column) != null && b.name) && ((w = e.column) == null ? void 0 : w.resizing) !== !1;
+    }), i = n(() => {
+      var r;
       return [
         "or-data-grid-table-header-cell-v3",
         "relative",
-        ...ht,
-        ...(d = e.column) != null && d.stickiness ? ["overflow-hidden", `sticky-${e.column.stickiness}`] : [],
+        ...pt,
+        ...(r = e.column) != null && r.stickiness ? ["overflow-hidden", `sticky-${e.column.stickiness}`] : [],
         ...g.value ? ["resizable"] : [],
-        ...v.value ? ["interactivity-click"] : []
+        ...k.value ? ["interactivity-click"] : []
       ];
-    }), S = o(() => [
+    }), T = n(() => [
       "or-data-grid-table-header-cell-resize-handle-v3",
-      ...pt
-    ]), H = o(() => {
-      var d, w;
+      ...kt
+    ]), E = n(() => {
+      var r, b, w;
       return {
-        minWidth: ((d = e.column) == null ? void 0 : d.minWidth) || q,
+        minWidth: ((r = e.column) == null ? void 0 : r.minWidth) || (((b = e.column) == null ? void 0 : b.name) === "_check" ? Z : K),
         maxWidth: (w = e.column) == null ? void 0 : w.maxWidth,
         overflow: "hidden"
       };
-    }), T = o(() => {
+    }), C = n(() => {
       if (e.column)
         switch (e.column.stickiness) {
           case "start":
             return {
               position: "sticky",
               insetInlineStart: `${e.stickyOffset}px`,
-              zIndex: "120",
-              flexDirection: e.column.alignment === "end" ? "row-reverse" : void 0,
-              justifyContent: e.column.alignment
+              zIndex: "120"
             };
           case "end":
             return {
               position: "sticky",
               insetInlineEnd: `${e.stickyOffset}px`,
-              zIndex: "120",
-              flexDirection: e.column.alignment === "end" ? "row-reverse" : void 0,
-              justifyContent: e.column.alignment
+              zIndex: "120"
             };
           default:
-            return {
-              flexDirection: e.column.alignment === "end" ? "row-reverse" : void 0,
-              justifyContent: e.column.alignment
-            };
+            return {};
         }
       return {
         justifyContent: "center"
       };
-    }), O = o({
+    }), f = n({
       get: () => {
-        var d, w;
-        if (v.value)
-          return ((d = e.modelValue) == null ? void 0 : d.column) === ((w = e.column) == null ? void 0 : w.name) ? e.modelValue : void 0;
+        var r, b;
+        if (k.value)
+          return ((r = e.modelValue) == null ? void 0 : r.column) === ((b = e.column) == null ? void 0 : b.name) ? e.modelValue : void 0;
       },
-      set: (d) => {
-        t.emit("update:modelValue", d);
+      set: (r) => {
+        t.emit("update:modelValue", r);
       }
+    }), D = n(() => {
+      var r;
+      return [
+        "layout-row items-center w-full min-w-0",
+        ...((r = e.column) == null ? void 0 : r.alignment) === "end" ? ["flex-row-reverse"] : []
+      ];
+    }), I = n(() => {
+      var r;
+      return {
+        justifyContent: (r = e.column) == null ? void 0 : r.alignment
+      };
     });
-    function C() {
-      var d;
-      if (v.value)
-        if (O.value)
-          O.value = {
-            ...O.value,
-            direction: O.value.direction === "asc" ? "desc" : "asc"
+    function G() {
+      var r;
+      if (k.value)
+        if (f.value)
+          f.value = {
+            ...f.value,
+            direction: f.value.direction === "asc" ? "desc" : "asc"
           };
         else {
           if (!e.column)
             throw new Error("[OrDataGridTableHeaderCell]: `column` must be specified.");
-          O.value = {
-            column: ((d = e.column) == null ? void 0 : d.name) || "_check",
+          f.value = {
+            column: ((r = e.column) == null ? void 0 : r.name) || "_check",
             direction: "asc"
           };
         }
     }
-    function I(d) {
-      var V;
-      const w = d.pageX, s = ((V = n.value) == null ? void 0 : V.offsetWidth) || 0, F = (W) => {
-        var B, K;
-        const X = W.pageX - w;
-        let j = Math.max(0, s + X);
-        const U = ((B = e.column) == null ? void 0 : B.minWidth) || q;
-        if (U && (U.endsWith("px") || !isNaN(Number(U)))) {
-          const L = parseInt(U, 10);
-          j = Math.max(j, L);
+    function N(r) {
+      var q;
+      const b = r.pageX, w = ((q = s.value) == null ? void 0 : q.offsetWidth) || 0, V = (X) => {
+        var B, l, d;
+        const J = X.pageX - b;
+        let U = Math.max(0, w + J);
+        const L = ((B = e.column) == null ? void 0 : B.minWidth) || (((l = e.column) == null ? void 0 : l.name) === "_check" ? Z : K);
+        if (L && (L.endsWith("px") || !isNaN(Number(L)))) {
+          const j = parseInt(L, 10);
+          U = Math.max(U, j);
         }
-        if ((K = e.column) != null && K.maxWidth && (e.column.maxWidth.endsWith("px") || !isNaN(Number(e.column.maxWidth)))) {
-          const L = parseInt(e.column.maxWidth, 10);
-          j = Math.min(j, L);
+        if ((d = e.column) != null && d.maxWidth && (e.column.maxWidth.endsWith("px") || !isNaN(Number(e.column.maxWidth)))) {
+          const j = parseInt(e.column.maxWidth, 10);
+          U = Math.min(U, j);
         }
-        t.emit("update:column-width", j);
-      }, P = () => {
-        document.removeEventListener("mousemove", F), document.removeEventListener("mouseup", P);
+        t.emit("update:column-width", U);
+      }, z = () => {
+        document.removeEventListener("mousemove", V), document.removeEventListener("mouseup", z);
       };
-      document.addEventListener("mousemove", F), document.addEventListener("mouseup", P);
+      document.addEventListener("mousemove", V), document.addEventListener("mouseup", z);
     }
-    const { width: G } = Ce(n, void 0, { box: "border-box" });
-    return se([
-      n,
-      G,
+    const { width: F } = Ge(s, void 0, { box: "border-box" });
+    return ie([
+      s,
+      F,
       () => {
-        var d;
-        return (d = e.column) == null ? void 0 : d.stickiness;
+        var r;
+        return (r = e.column) == null ? void 0 : r.stickiness;
       }
     ], ([
-      d,
-      w
+      r,
+      b
     ], [
-      s
+      w
     ]) => {
-      s && s !== d && t.emit("remove:scrollOffset", s), t.emit("update:scrollOffset", d, w, e.column);
+      w && w !== r && t.emit("remove:scrollOffset", w), t.emit("update:scrollOffset", r, b, e.column);
     }), {
-      root: n,
-      rootStyles: l,
-      rootInlineStyles: T,
-      wrapInlineStyle: H,
-      resizeHandleStyles: S,
-      isSortable: v,
+      root: s,
+      rootStyles: i,
+      rootInlineStyles: C,
+      headerContentStyles: D,
+      headerContentInlineStyles: I,
+      wrapInlineStyle: E,
+      resizeHandleStyles: T,
+      isSortable: k,
       isResizable: g,
-      model: O,
-      toggleSorting: C,
-      onResizeStart: I,
-      DATA_GRID_DEFAULT_MIN_WIDTH: q
+      model: f,
+      toggleSorting: G,
+      onResizeStart: N,
+      DATA_GRID_DEFAULT_MIN_WIDTH: K
     };
   }
 });
-function kt(e, t, n, v, g, l) {
-  const S = f("OrIcon");
-  return r(), p("div", {
+function vt(e, t, s, k, g, i) {
+  const T = m("OrIcon");
+  return o(), p("div", {
     ref: "root",
     class: u(e.rootStyles),
     style: A(e.rootInlineStyles),
-    onClick: t[2] || (t[2] = (H) => e.toggleSorting())
+    onClick: t[2] || (t[2] = (E) => e.toggleSorting())
   }, [
-    fe("div", {
-      class: u(["truncate"]),
-      style: A(e.wrapInlineStyle)
+    ne("div", {
+      class: u(e.headerContentStyles),
+      style: A(e.headerContentInlineStyles)
     }, [
-      c(e.$slots, "default")
-    ], 4),
-    e.model ? (r(), y(S, {
+      ne("div", {
+        class: u(["truncate"]),
+        style: A(e.wrapInlineStyle)
+      }, [
+        c(e.$slots, "default")
+      ], 4),
+      e.model ? (o(), y(T, {
+        key: 0,
+        icon: e.model.direction === "asc" ? "arrow_upward" : "arrow_downward"
+      }, null, 8, ["icon"])) : h("", !0)
+    ], 6),
+    e.isResizable ? (o(), p("div", {
       key: 0,
-      icon: e.model.direction === "asc" ? "arrow_upward" : "arrow_downward"
-    }, null, 8, ["icon"])) : h("", !0),
-    e.isResizable ? (r(), p("div", {
-      key: 1,
       class: u(e.resizeHandleStyles),
-      onMousedown: t[0] || (t[0] = oe((...H) => e.onResizeStart && e.onResizeStart(...H), ["stop", "prevent"])),
-      onClick: t[1] || (t[1] = oe(() => {
+      onMousedown: t[0] || (t[0] = se((...E) => e.onResizeStart && e.onResizeStart(...E), ["stop", "prevent"])),
+      onClick: t[1] || (t[1] = se(() => {
       }, ["stop"]))
     }, null, 34)) : h("", !0)
   ], 6);
 }
-const yt = /* @__PURE__ */ R(vt, [["render", kt]]), bt = [
+const yt = /* @__PURE__ */ R(bt, [["render", vt]]), Ot = [
   // Position
   "sticky top-0 z-[110]",
   // Layout
@@ -840,24 +848,24 @@ const yt = /* @__PURE__ */ R(vt, [["render", kt]]), bt = [
   "dark:children:theme-foreground-default-dark",
   "children:theme-background-surface-variant-1",
   "dark:children:theme-background-surface-variant-1-dark"
-], Ot = {
-  [b.Standard]: [
+], $t = {
+  [O.Standard]: [
     // Box
     "min-h-[calc(theme(spacing.2xl)+theme(spacing.xs))]"
   ],
-  [b.Comfortable]: [
+  [O.Comfortable]: [
     // Box
     "min-h-[calc(theme(spacing.3xl)+theme(spacing.xs))]"
   ],
-  [b.Compact]: [
+  [O.Compact]: [
     // Box
     "min-h-[calc(theme(spacing.xl)+theme(spacing.xs))]"
   ],
-  [b.Dynamic]: [
+  [O.Dynamic]: [
     // Box
     "min-h-[calc(theme(spacing.2xl)+theme(spacing.xs))]"
   ]
-}, $t = M({
+}, wt = M({
   name: "OrDataGridTableHeaderRow",
   props: {
     variant: {
@@ -869,37 +877,37 @@ const yt = /* @__PURE__ */ R(vt, [["render", kt]]), bt = [
     "root"
   ],
   setup(e) {
-    const t = D(), n = o(() => [
+    const t = S(), s = n(() => [
       "or-data-grid-table-header-row-v3",
-      ...bt,
-      ...Ot[e.variant]
+      ...Ot,
+      ...$t[e.variant]
     ]);
     return {
       root: t,
-      rootStyles: n
+      rootStyles: s
     };
   }
 });
-function wt(e, t, n, v, g, l) {
-  return r(), p("div", {
+function Dt(e, t, s, k, g, i) {
+  return o(), p("div", {
     ref: "root",
     class: u(e.rootStyles)
   }, [
     c(e.$slots, "default")
   ], 2);
 }
-const Dt = /* @__PURE__ */ R($t, [["render", wt]]), St = [
+const St = /* @__PURE__ */ R(wt, [["render", Dt]]), Tt = [
   // Layout
   "contents"
-], Tt = M({
+], Ct = M({
   name: "OrDataGridTableHeader",
   expose: [
     "root"
   ],
   setup() {
-    const e = D(), t = o(() => [
+    const e = S(), t = n(() => [
       "or-data-grid-table-header-v3",
-      ...St
+      ...Tt
     ]);
     return {
       root: e,
@@ -907,15 +915,15 @@ const Dt = /* @__PURE__ */ R($t, [["render", wt]]), St = [
     };
   }
 });
-function Ct(e, t, n, v, g, l) {
-  return r(), p("div", {
+function Gt(e, t, s, k, g, i) {
+  return o(), p("div", {
     ref: "root",
     class: u(e.rootStyles)
   }, [
     c(e.$slots, "default")
   ], 2);
 }
-const Gt = /* @__PURE__ */ R(Tt, [["render", Ct]]), Vt = [
+const Vt = /* @__PURE__ */ R(Ct, [["render", Gt]]), Mt = [
   // Layout
   "layout-row justify-center items-center",
   // Spacing
@@ -929,24 +937,24 @@ const Gt = /* @__PURE__ */ R(Tt, [["render", Ct]]), Vt = [
   "dark:theme-foreground-default-dark",
   "theme-background-default",
   "dark:theme-background-default-dark"
-], Mt = {
-  [b.Standard]: [
+], Rt = {
+  [O.Standard]: [
     // Box
     "min-h-[calc(theme(spacing.2xl)+theme(spacing.xs))]"
   ],
-  [b.Comfortable]: [
+  [O.Comfortable]: [
     // Box
     "min-h-[calc(theme(spacing.3xl)+theme(spacing.xs))]"
   ],
-  [b.Compact]: [
+  [O.Compact]: [
     // Box
     "min-h-[calc(theme(spacing.xl)+theme(spacing.xs))]"
   ],
-  [b.Dynamic]: [
+  [O.Dynamic]: [
     // Box
     "min-h-[calc(theme(spacing.2xl)+theme(spacing.xs))]"
   ]
-}, Rt = M({
+}, It = M({
   name: "OrDataGridTablePlaceholder",
   props: {
     variant: {
@@ -958,26 +966,26 @@ const Gt = /* @__PURE__ */ R(Tt, [["render", Ct]]), Vt = [
     "root"
   ],
   setup(e) {
-    const t = D(), n = o(() => [
+    const t = S(), s = n(() => [
       "or-data-grid-table-placeholder-v3",
-      ...Vt,
-      ...Mt[e.variant]
+      ...Mt,
+      ...Rt[e.variant]
     ]);
     return {
       root: t,
-      rootStyles: n
+      rootStyles: s
     };
   }
 });
-function It(e, t, n, v, g, l) {
-  return r(), p("div", {
+function zt(e, t, s, k, g, i) {
+  return o(), p("div", {
     ref: "root",
     class: u(e.rootStyles)
   }, [
     c(e.$slots, "default")
   ], 2);
 }
-const zt = /* @__PURE__ */ R(Rt, [["render", It]]), Ht = [
+const Ht = /* @__PURE__ */ R(It, [["render", zt]]), Et = [
   // Layout
   "grid content-start",
   "w-full min-w-0 min-h-0",
@@ -985,7 +993,7 @@ const zt = /* @__PURE__ */ R(Rt, [["render", It]]), Ht = [
   "overflow-auto",
   // Interactivity
   "interactivity-default"
-], Ft = M({
+], Wt = M({
   name: "OrDataGridTable",
   props: {
     columns: {
@@ -1001,27 +1009,27 @@ const zt = /* @__PURE__ */ R(Rt, [["render", It]]), Ht = [
     "root"
   ],
   setup(e) {
-    const t = D(), n = o(() => [
+    const t = S(), s = n(() => [
       "or-data-grid-table-v3",
-      ...Ht
-    ]), v = o(() => {
-      const g = e.columns.map((l) => {
-        if (l.width && (l.width.includes("minmax") || l.width.includes("calc")))
-          return l.width;
-        const S = l.width ?? "1fr", H = l.minWidth || (l.width ? q : l.fitContent || l.stickiness ? "max-content" : "120px"), T = l.maxWidth || (l.width ? S === "max-content" ? "max-content" : S : l.fitContent || l.minWidth || l.stickiness ? "max-content" : "1fr");
-        return l.fitContent ? "max-content" : S.endsWith("px") ? S : `minmax(${H}, ${T})`;
+      ...Et
+    ]), k = n(() => {
+      const g = e.columns.map((i) => {
+        if (i.width && (i.width.includes("minmax") || i.width.includes("calc")))
+          return i.width;
+        const T = i.width ?? "1fr", E = i.minWidth || (i.width ? K : i.fitContent || i.stickiness ? "max-content" : "120px"), C = i.maxWidth || (i.width ? T === "max-content" ? "max-content" : T : i.fitContent || i.minWidth || i.stickiness ? "max-content" : "1fr");
+        return i.fitContent ? "max-content" : T.endsWith("px") ? T : `minmax(${E}, ${C})`;
       });
-      return e.features.selecting ? { gridTemplateColumns: `${q} ${g.join(" ")}` } : { gridTemplateColumns: g.join(" ") };
+      return e.features.selecting ? { gridTemplateColumns: `${Z} ${g.join(" ")}` } : { gridTemplateColumns: g.join(" ") };
     });
     return {
       root: t,
-      rootStyles: n,
-      rootInlineStyles: v
+      rootStyles: s,
+      rootInlineStyles: k
     };
   }
 });
-function Wt(e, t, n, v, g, l) {
-  return r(), p("div", {
+function Ft(e, t, s, k, g, i) {
+  return o(), p("div", {
     ref: "root",
     class: u(e.rootStyles),
     style: A(e.rootInlineStyles)
@@ -1029,20 +1037,20 @@ function Wt(e, t, n, v, g, l) {
     c(e.$slots, "default")
   ], 6);
 }
-const Et = /* @__PURE__ */ R(Ft, [["render", Wt]]), Pt = [
+const Nt = /* @__PURE__ */ R(Wt, [["render", Ft]]), Pt = [
   // Layout
   "layout-row",
   // Box
   "h-2xl",
   // Spacing
   "gap-xl"
-], Nt = M({
+], Ut = M({
   name: "OrDataGridToolbar",
   expose: [
     "root"
   ],
   setup() {
-    const e = D(), t = o(() => [
+    const e = S(), t = n(() => [
       "or-data-grid-toolbar-v3",
       ...Pt
     ]);
@@ -1052,39 +1060,39 @@ const Et = /* @__PURE__ */ R(Ft, [["render", Wt]]), Pt = [
     };
   }
 });
-function jt(e, t, n, v, g, l) {
-  return r(), p("div", {
+function jt(e, t, s, k, g, i) {
+  return o(), p("div", {
     ref: "root",
     class: u(e.rootStyles)
   }, [
     c(e.$slots, "default")
   ], 2);
 }
-const Ut = /* @__PURE__ */ R(Nt, [["render", jt]]), Lt = [
+const Lt = /* @__PURE__ */ R(Ut, [["render", jt]]), At = [
   // Position
   "grid sticky z-10",
   // Layout
   "col-span-full"
-], At = {
-  [b.Standard]: [
+], qt = {
+  [O.Standard]: [
     // Position
     "top-[calc(theme(spacing.2xl)+theme(spacing.xs))]"
   ],
-  [b.Comfortable]: [
+  [O.Comfortable]: [
     // Position
     "top-[calc(theme(spacing.3xl)+theme(spacing.xs))]"
   ],
-  [b.Compact]: [
+  [O.Compact]: [
     // Position
     "top-[calc(theme(spacing.xl)+theme(spacing.xs))]"
   ],
-  [b.Dynamic]: [
+  [O.Dynamic]: [
     // Position
     "top-[calc(theme(spacing.2xl)+theme(spacing.xs))]"
   ]
-}, qt = M({
+}, Bt = M({
   components: {
-    OrNotification: Ge
+    OrNotification: Ve
   },
   props: {
     notification: {
@@ -1101,31 +1109,31 @@ const Ut = /* @__PURE__ */ R(Nt, [["render", jt]]), Lt = [
   ],
   setup(e) {
     return {
-      rootStyles: o(() => [
+      rootStyles: n(() => [
         "or-data-grid-notification-v3",
-        ...Lt,
-        ...At[e.variant]
+        ...At,
+        ...qt[e.variant]
       ])
     };
   }
 });
-function Bt(e, t, n, v, g, l) {
-  const S = f("OrNotification");
-  return r(), p("div", {
+function Kt(e, t, s, k, g, i) {
+  const T = m("OrNotification");
+  return o(), p("div", {
     class: u(e.rootStyles)
   }, [
-    E(S, ge(e.notification, {
+    W(T, he(e.notification, {
       class: "rounded-0 shadow-none",
-      onClose: t[0] || (t[0] = (H) => e.$emit("close-notification"))
+      onClose: t[0] || (t[0] = (E) => e.$emit("close-notification"))
     }), {
-      default: k(() => [
+      default: v(() => [
         e.$slots.notification ? c(e.$slots, "notification", { key: 0 }) : h("", !0)
       ]),
       _: 3
     }, 16)
   ], 2);
 }
-const Kt = /* @__PURE__ */ R(qt, [["render", Bt]]), Xt = [
+const Xt = /* @__PURE__ */ R(Bt, [["render", Kt]]), Jt = [
   // Layout
   "grid col-span-full grid-cols-[subgrid]",
   // Typography
@@ -1138,24 +1146,24 @@ const Kt = /* @__PURE__ */ R(qt, [["render", Bt]]), Xt = [
   "dark:children:theme-foreground-default-dark",
   "children:theme-background-default",
   "dark:children:theme-background-default-dark"
-], Jt = {
-  [b.Standard]: [
+], Qt = {
+  [O.Standard]: [
     // Box
     "min-h-[calc(theme(spacing.2xl)+theme(spacing.xs))]"
   ],
-  [b.Comfortable]: [
+  [O.Comfortable]: [
     // Box
     "min-h-[calc(theme(spacing.3xl)+theme(spacing.xs))]"
   ],
-  [b.Compact]: [
+  [O.Compact]: [
     // Box
     "min-h-[calc(theme(spacing.xl)+theme(spacing.xs))]"
   ],
-  [b.Dynamic]: [
+  [O.Dynamic]: [
     // Box
     "min-h-[calc(theme(spacing.2xl)+theme(spacing.xs))]"
   ]
-}, Qt = M({
+}, Yt = M({
   name: "OrDataGridTableExtraRow",
   props: {
     variant: {
@@ -1167,51 +1175,51 @@ const Kt = /* @__PURE__ */ R(qt, [["render", Bt]]), Xt = [
     "root"
   ],
   setup(e) {
-    const t = D(), n = o(() => [
+    const t = S(), s = n(() => [
       "or-data-grid-table-extra-row-v3",
-      ...Xt,
-      ...Jt[e.variant]
+      ...Jt,
+      ...Qt[e.variant]
     ]);
     return {
       root: t,
-      rootStyles: n
+      rootStyles: s
     };
   }
 });
-function Yt(e, t, n, v, g, l) {
-  return r(), p("div", {
+function Zt(e, t, s, k, g, i) {
+  return o(), p("div", {
     ref: "root",
     class: u(e.rootStyles)
   }, [
     c(e.$slots, "default")
   ], 2);
 }
-const Zt = /* @__PURE__ */ R(Qt, [["render", Yt]]), _t = [
+const _t = /* @__PURE__ */ R(Yt, [["render", Zt]]), xt = [
   // Layout
   "layout-column min-h-0"
-], xt = M({
+], ea = M({
   name: "OrDataGrid",
   components: {
-    OrCheckbox: ne,
-    OrDataGridFooter: He,
+    OrCheckbox: le,
+    OrDataGridFooter: Ee,
     OrDataGridHeader: je,
-    OrDataGridTable: Et,
-    OrDataGridTableContent: tt,
-    OrDataGridTableContentCell: Be,
-    OrDataGridTableContentRow: Ze,
-    OrDataGridTableFooter: gt,
-    OrDataGridTableFooterCell: nt,
-    OrDataGridTableFooterRow: ct,
-    OrDataGridTableExtraRow: Zt,
-    OrDataGridTableHeader: Gt,
+    OrDataGridTable: Nt,
+    OrDataGridTableContent: at,
+    OrDataGridTableContentCell: Ke,
+    OrDataGridTableContentRow: _e,
+    OrDataGridTableFooter: ht,
+    OrDataGridTableFooterCell: st,
+    OrDataGridTableFooterRow: ut,
+    OrDataGridTableExtraRow: _t,
+    OrDataGridTableHeader: Vt,
     OrDataGridTableHeaderCell: yt,
-    OrDataGridTableHeaderRow: Dt,
-    OrDataGridTablePlaceholder: zt,
-    OrDataGridToolbar: Ut,
-    OrDataGridNotification: Kt,
-    OrPagination: ce,
-    OrSearch: ue,
-    OrSkeletonText: me
+    OrDataGridTableHeaderRow: St,
+    OrDataGridTablePlaceholder: Ht,
+    OrDataGridToolbar: Lt,
+    OrDataGridNotification: Xt,
+    OrPagination: me,
+    OrSearch: fe,
+    OrSkeletonText: ge
   },
   model: {
     prop: "modelValue",
@@ -1232,7 +1240,7 @@ const Zt = /* @__PURE__ */ R(Qt, [["render", Yt]]), _t = [
     },
     variant: {
       type: String,
-      default: () => b.Standard
+      default: () => O.Standard
     },
     features: {
       type: Object,
@@ -1265,23 +1273,23 @@ const Zt = /* @__PURE__ */ R(Qt, [["render", Yt]]), _t = [
     "root"
   ],
   setup(e, t) {
-    const n = D(), v = D(), g = D(), l = o(() => [
+    const s = S(), k = S(), g = S(), i = n(() => [
       "or-data-grid-v3",
-      ..._t
-    ]), S = o(() => ({
+      ...xt
+    ]), T = n(() => ({
       scrollPaddingInlineStart: `${[...V.value.values()].reduce((a, $) => a + $, 0)}px`,
-      scrollPaddingInlineEnd: `${[...W.value.values()].reduce((a, $) => a + $, 0)}px`
-    })), H = o({
-      get: () => !!e.items.length && e.items.every((a) => T.value.includes(a.id)),
+      scrollPaddingInlineEnd: `${[...z.value.values()].reduce((a, $) => a + $, 0)}px`
+    })), E = n({
+      get: () => !!e.items.length && e.items.every((a) => C.value.includes(a.id)),
       set: (a) => {
-        a ? T.value = [
+        a ? C.value = [
           .../* @__PURE__ */ new Set([
-            ...T.value,
+            ...C.value,
             ...e.items.map(($) => $.id)
           ])
-        ] : T.value = [];
+        ] : C.value = [];
       }
-    }), T = o({
+    }), C = n({
       get: () => {
         var a;
         return ((a = e.modelValue) == null ? void 0 : a.selecting) ?? [];
@@ -1289,22 +1297,22 @@ const Zt = /* @__PURE__ */ R(Qt, [["render", Yt]]), _t = [
       set: (a) => {
         t.emit("update:modelValue", {
           selecting: a,
-          filtering: O.value,
-          searching: C.value,
+          filtering: f.value,
+          searching: D.value,
           sorting: I.value,
           paging: G.value
         });
       }
-    }), O = o({
+    }), f = n({
       get: () => {
         var a;
         return (a = e.modelValue) == null ? void 0 : a.filtering;
       },
       set: (a) => {
         t.emit("update:modelValue", {
-          selecting: T.value,
+          selecting: C.value,
           filtering: a,
-          searching: C.value,
+          searching: D.value,
           sorting: I.value,
           paging: {
             ...G.value,
@@ -1312,15 +1320,15 @@ const Zt = /* @__PURE__ */ R(Qt, [["render", Yt]]), _t = [
           }
         });
       }
-    }), C = o({
+    }), D = n({
       get: () => {
         var a;
         return (a = e.modelValue) == null ? void 0 : a.searching;
       },
       set: (a) => {
         t.emit("update:modelValue", {
-          selecting: T.value,
-          filtering: O.value,
+          selecting: C.value,
+          filtering: f.value,
           searching: a,
           sorting: I.value,
           paging: {
@@ -1329,16 +1337,16 @@ const Zt = /* @__PURE__ */ R(Qt, [["render", Yt]]), _t = [
           }
         });
       }
-    }), I = o({
+    }), I = n({
       get: () => {
         var a;
         return (a = e.modelValue) == null ? void 0 : a.sorting;
       },
       set: (a) => {
         t.emit("update:modelValue", {
-          selecting: T.value,
-          filtering: O.value,
-          searching: C.value,
+          selecting: C.value,
+          filtering: f.value,
+          searching: D.value,
           sorting: a,
           paging: {
             ...G.value,
@@ -1346,22 +1354,22 @@ const Zt = /* @__PURE__ */ R(Qt, [["render", Yt]]), _t = [
           }
         });
       }
-    }), G = o({
+    }), G = n({
       get: () => {
         var a;
         return (a = e.modelValue) == null ? void 0 : a.paging;
       },
       set: (a) => {
         t.emit("update:modelValue", {
-          selecting: T.value,
-          filtering: O.value,
-          searching: C.value,
+          selecting: C.value,
+          filtering: f.value,
+          searching: D.value,
           sorting: I.value,
           paging: a
         });
       }
     });
-    se(() => {
+    ie(() => {
       var a;
       return (a = G.value) == null ? void 0 : a.offset;
     }, () => {
@@ -1371,130 +1379,130 @@ const Zt = /* @__PURE__ */ R(Qt, [["render", Yt]]), _t = [
         behavior: "smooth"
       });
     });
-    const d = o(() => e.features.selecting && (typeof e.features.selecting == "object" ? e.features.selecting.showCounter !== !1 : !0)), w = o(() => e.items.length === 0 || e.loading || typeof e.features.selecting == "object" && e.features.selecting.disabled), s = o(() => {
+    const N = n(() => e.features.selecting && (typeof e.features.selecting == "object" ? e.features.selecting.showCounter !== !1 : !0)), F = n(() => e.items.length === 0 || e.loading || typeof e.features.selecting == "object" && e.features.selecting.disabled), r = n(() => {
       var a;
-      return ((a = v.value) == null ? void 0 : a.currentLimit) || 10;
-    }), F = D({}), P = o(() => e.columns.map((a) => ({
+      return ((a = k.value) == null ? void 0 : a.currentLimit) || 10;
+    }), b = S({}), w = n(() => e.columns.map((a) => ({
       ...a,
-      width: F.value[a.name] || a.width
-    }))), V = D(/* @__PURE__ */ new Map()), W = D(/* @__PURE__ */ new Map()), X = o(() => {
-      const a = /* @__PURE__ */ new Map(), $ = /* @__PURE__ */ new Map(), z = [], te = [];
-      e.features.selecting && z.push({
+      width: b.value[a.name] || a.width
+    }))), V = S(/* @__PURE__ */ new Map()), z = S(/* @__PURE__ */ new Map()), q = n(() => {
+      const a = /* @__PURE__ */ new Map(), $ = /* @__PURE__ */ new Map(), H = [], ae = [];
+      e.features.selecting && H.push({
         name: "_check",
         stickiness: "start"
-      }), P.value.forEach((N) => {
-        N.stickiness === "start" ? z.push(N) : N.stickiness === "end" && te.push(N);
-      });
-      let ae = 0;
-      z.forEach((N) => {
-        a.set(N.name, ae), ae += V.value.get(N.name) || 0;
+      }), w.value.forEach((P) => {
+        P.stickiness === "start" ? H.push(P) : P.stickiness === "end" && ae.push(P);
       });
       let re = 0;
-      return [...te].reverse().forEach((N) => {
-        $.set(N.name, re), re += W.value.get(N.name) || 0;
+      H.forEach((P) => {
+        a.set(P.name, re), re += V.value.get(P.name) || 0;
+      });
+      let oe = 0;
+      return [...ae].reverse().forEach((P) => {
+        $.set(P.name, oe), oe += z.value.get(P.name) || 0;
       }), {
         start: a,
         end: $
       };
     });
-    function j(a) {
-      C.value = a;
+    function X(a) {
+      D.value = a;
     }
-    function U(a, $, z) {
-      switch (z.stickiness) {
+    function J(a, $, H) {
+      switch (H.stickiness) {
         case "start":
-          V.value.set(z.name, $), V.value = new Map(V.value), W.value.delete(z.name), W.value = new Map(W.value);
+          V.value.set(H.name, $), V.value = new Map(V.value), z.value.delete(H.name), z.value = new Map(z.value);
           break;
         case "end":
-          V.value.delete(z.name), V.value = new Map(V.value), W.value.set(z.name, $), W.value = new Map(W.value);
+          V.value.delete(H.name), V.value = new Map(V.value), z.value.set(H.name, $), z.value = new Map(z.value);
           break;
         default:
-          ee(z.name);
+          te(H.name);
           break;
       }
     }
-    function B(a) {
+    function U(a) {
       e.interactiveRows && t.emit("hover:row", a);
     }
-    function K(a) {
+    function L(a) {
       e.interactiveRows && t.emit("blur:row", a);
     }
-    function L(a, $, z) {
+    function B(a, $, H) {
       e.interactiveRows && t.emit("hover:cell", {
         item: a,
         columnName: $,
-        value: z
+        value: H
       });
     }
-    function i(a, $, z) {
+    function l(a, $, H) {
       e.interactiveRows && t.emit("blur:cell", {
         item: a,
         columnName: $,
-        value: z
+        value: H
       });
     }
-    function m(a) {
+    function d(a) {
       e.interactiveRows && t.emit("click:row", a);
     }
-    function J(a, $) {
-      F.value = {
-        ...F.value,
+    function j(a, $) {
+      b.value = {
+        ...b.value,
         [a.name]: `${$}px`
-      }, e.features.storageKey && le();
+      }, e.features.storageKey && de();
     }
-    function le() {
+    function de() {
       if (typeof window > "u" || !e.features.storageKey) return;
       const a = {};
-      P.value.forEach(($) => {
+      w.value.forEach(($) => {
         $.name && $.width && (a[$.name] = $.width);
       }), localStorage.setItem(`or-data-grid-v3-widths-${e.features.storageKey}`, JSON.stringify(a));
     }
-    function ie() {
+    function ce() {
       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);
-            F.value = $;
+            b.value = $;
           }
         } catch (a) {
           console.error("[OrDataGrid]: Failed to load column widths from localStorage", a);
         }
     }
-    he(() => {
-      ie();
+    pe(() => {
+      ce();
     });
-    function ee(a) {
-      V.value.delete(a), V.value = new Map(V.value), W.value.delete(a), W.value = new Map(W.value);
+    function te(a) {
+      V.value.delete(a), V.value = new Map(V.value), z.value.delete(a), z.value = new Map(z.value);
     }
-    function de(a) {
+    function ue(a) {
       a.currentTarget.scrollIntoView({ block: "nearest" });
     }
     return {
-      root: n,
-      rootStyles: l,
-      pagination: v,
-      tableInlineStyles: S,
-      selectingIndicator: H,
-      showSelectingCouter: d,
-      selectingDisabled: w,
-      skeletonsLength: s,
-      actualColumns: P,
-      handleMouseEnterRow: B,
-      handleMouseLeaveRow: K,
-      handleMouseEnterCell: L,
-      handleMouseLeaveCell: i,
-      handleRowClick: m,
-      updateColumnWidth: J,
-      selectingModel: T,
-      filteringModel: O,
-      searchingModel: C,
+      root: s,
+      rootStyles: i,
+      pagination: k,
+      tableInlineStyles: T,
+      selectingIndicator: E,
+      showSelectingCouter: N,
+      selectingDisabled: F,
+      skeletonsLength: r,
+      actualColumns: w,
+      handleMouseEnterRow: U,
+      handleMouseLeaveRow: L,
+      handleMouseEnterCell: B,
+      handleMouseLeaveCell: l,
+      handleRowClick: d,
+      updateColumnWidth: j,
+      selectingModel: C,
+      filteringModel: f,
+      searchingModel: D,
       sortingModel: I,
       pagingModel: G,
-      stickyOffsets: X,
-      updateScrollOffset: U,
-      removeScrollOffset: ee,
-      updateSearchingModel: j,
+      stickyOffsets: q,
+      updateScrollOffset: J,
+      removeScrollOffset: te,
+      updateSearchingModel: X,
       scrollToTop: () => {
         var a;
         (a = g.value) != null && a.root && g.value.root.scrollTo({
@@ -1502,37 +1510,37 @@ const Zt = /* @__PURE__ */ R(Qt, [["render", Yt]]), _t = [
           behavior: "smooth"
         });
       },
-      scrollTo: de,
-      onInput: (a, $, z) => {
-        a[$] = z, t.emit("update:item", a);
+      scrollTo: ue,
+      onInput: (a, $, H) => {
+        a[$] = H, t.emit("update:item", a);
       }
     };
   }
 });
-function ea(e, t, n, v, g, l) {
-  const S = f("OrSearch"), H = f("OrDataGridHeader"), T = f("OrDataGridToolbar"), O = f("OrCheckbox"), C = f("OrDataGridTableHeaderCell"), I = f("OrDataGridTableHeaderRow"), G = f("OrDataGridTableHeader"), d = f("OrDataGridNotification"), w = f("OrDataGridTableExtraRow"), s = f("OrSkeletonText"), F = f("OrDataGridTableContentCell"), P = f("OrDataGridTableContentRow"), V = f("OrDataGridTablePlaceholder"), W = f("OrDataGridTableContent"), X = f("OrDataGridTable"), j = f("OrDataGridTableFooterCell"), U = f("OrDataGridTableFooterRow"), B = f("OrDataGridTableFooter"), K = f("OrPagination"), L = f("OrDataGridFooter");
-  return r(), p("div", {
+function ta(e, t, s, k, g, i) {
+  const T = m("OrSearch"), E = m("OrDataGridHeader"), C = m("OrDataGridToolbar"), f = m("OrCheckbox"), D = m("OrDataGridTableHeaderCell"), I = m("OrDataGridTableHeaderRow"), G = m("OrDataGridTableHeader"), N = m("OrDataGridNotification"), F = m("OrDataGridTableExtraRow"), r = m("OrSkeletonText"), b = m("OrDataGridTableContentCell"), w = m("OrDataGridTableContentRow"), V = m("OrDataGridTablePlaceholder"), z = m("OrDataGridTableContent"), q = m("OrDataGridTable"), X = m("OrDataGridTableFooterCell"), J = m("OrDataGridTableFooterRow"), U = m("OrDataGridTableFooter"), L = m("OrPagination"), B = m("OrDataGridFooter");
+  return o(), p("div", {
     ref: "root",
     class: u(e.rootStyles)
   }, [
-    e.$slots.title || e.features.searching || e.$slots.search || e.$slots.extraActions ? (r(), y(H, {
+    e.$slots.title || e.features.searching || e.$slots.search || e.$slots.extraActions ? (o(), y(E, {
       key: 0,
       class: u(["shrink-0"])
-    }, Z({ _: 2 }, [
+    }, _({ _: 2 }, [
       e.$slots.title ? {
         name: "title",
-        fn: k(() => [
+        fn: v(() => [
           c(e.$slots, "title")
         ]),
         key: "0"
       } : void 0,
       e.features.searching ? {
         name: "searching",
-        fn: k(() => [
-          c(e.$slots, "search", pe(ve({ updateSearchingModel: e.updateSearchingModel, searchingModel: e.searchingModel })), () => [
-            E(S, {
+        fn: v(() => [
+          c(e.$slots, "search", ke(be({ updateSearchingModel: e.updateSearchingModel, searchingModel: e.searchingModel })), () => [
+            W(T, {
               modelValue: e.searchingModel,
-              "onUpdate:modelValue": t[0] || (t[0] = (i) => e.searchingModel = i)
+              "onUpdate:modelValue": t[0] || (t[0] = (l) => e.searchingModel = l)
             }, null, 8, ["modelValue"])
           ])
         ]),
@@ -1540,34 +1548,34 @@ function ea(e, t, n, v, g, l) {
       } : void 0,
       e.$slots.extraActions ? {
         name: "extraActions",
-        fn: k(() => [
+        fn: v(() => [
           c(e.$slots, "extraActions")
         ]),
         key: "2"
       } : void 0
     ]), 1024)) : h("", !0),
-    e.$slots.toolbar ? (r(), y(T, {
+    e.$slots.toolbar ? (o(), y(C, {
       key: 1,
       class: u(["shrink-0"])
     }, {
-      default: k(() => [
+      default: v(() => [
         c(e.$slots, "toolbar")
       ]),
       _: 3
     })) : h("", !0),
-    E(X, {
+    W(q, {
       ref: "table",
       class: u(["grow", { "grid-rows-[auto_1fr]": e.items.length === 0 }]),
       style: A(e.tableInlineStyles),
       columns: e.actualColumns,
       features: e.features
     }, {
-      default: k(() => [
-        E(G, null, {
-          default: k(() => [
-            E(I, { variant: e.variant }, {
-              default: k(() => [
-                e.features.selecting ? (r(), y(C, {
+      default: v(() => [
+        W(G, null, {
+          default: v(() => [
+            W(I, { variant: e.variant }, {
+              default: v(() => [
+                e.features.selecting ? (o(), y(D, {
                   key: 0,
                   column: { name: "_check", stickiness: "start" },
                   "sticky-offset": e.stickyOffsets.start.get("_check"),
@@ -1575,29 +1583,29 @@ function ea(e, t, n, v, g, l) {
                   "onUpdate:scrollOffset": e.updateScrollOffset,
                   "onRemove:scrollOffset": e.removeScrollOffset
                 }, {
-                  default: k(() => [
-                    E(O, {
+                  default: v(() => [
+                    W(f, {
                       modelValue: e.selectingIndicator,
-                      "onUpdate:modelValue": t[1] || (t[1] = (i) => e.selectingIndicator = i),
+                      "onUpdate:modelValue": t[1] || (t[1] = (l) => e.selectingIndicator = l),
                       indeterminate: !e.selectingIndicator && e.selectingModel.length > 0,
                       disabled: e.selectingDisabled
                     }, null, 8, ["modelValue", "indeterminate", "disabled"])
                   ]),
                   _: 1
                 }, 8, ["sticky-offset", "onUpdate:scrollOffset", "onRemove:scrollOffset"])) : h("", !0),
-                (r(!0), p(Q, null, Y(e.actualColumns, (i) => (r(), y(C, {
-                  key: i.name,
+                (o(!0), p(Q, null, Y(e.actualColumns, (l) => (o(), y(D, {
+                  key: l.name,
                   modelValue: e.sortingModel,
-                  "onUpdate:modelValue": t[2] || (t[2] = (m) => e.sortingModel = m),
-                  column: i,
+                  "onUpdate:modelValue": t[2] || (t[2] = (d) => e.sortingModel = d),
+                  column: l,
                   features: e.features,
-                  "sticky-offset": i.stickiness === "start" ? e.stickyOffsets.start.get(i.name) : i.stickiness === "end" ? e.stickyOffsets.end.get(i.name) : void 0,
+                  "sticky-offset": l.stickiness === "start" ? e.stickyOffsets.start.get(l.name) : l.stickiness === "end" ? e.stickyOffsets.end.get(l.name) : void 0,
                   "onUpdate:scrollOffset": e.updateScrollOffset,
                   "onRemove:scrollOffset": e.removeScrollOffset,
-                  "onUpdate:columnWidth": (m) => e.updateColumnWidth(i, m)
+                  "onUpdate:columnWidth": (d) => e.updateColumnWidth(l, d)
                 }, {
-                  default: k(() => [
-                    _(x(i.label), 1)
+                  default: v(() => [
+                    x(ee(l.label), 1)
                   ]),
                   _: 2
                 }, 1032, ["modelValue", "column", "features", "sticky-offset", "onUpdate:scrollOffset", "onRemove:scrollOffset", "onUpdate:columnWidth"]))), 128))
@@ -1607,78 +1615,78 @@ function ea(e, t, n, v, g, l) {
           ]),
           _: 1
         }),
-        e.notification ? (r(), y(d, {
+        e.notification ? (o(), y(N, {
           key: 0,
           notification: e.notification,
           variant: e.variant,
-          onCloseNotification: t[3] || (t[3] = (i) => e.$emit("close-notification"))
-        }, Z({ _: 2 }, [
+          onCloseNotification: t[3] || (t[3] = (l) => e.$emit("close-notification"))
+        }, _({ _: 2 }, [
           e.$slots.notification ? {
             name: "notification",
-            fn: k(() => [
+            fn: v(() => [
               c(e.$slots, "notification")
             ]),
             key: "0"
           } : void 0
         ]), 1032, ["notification", "variant"])) : h("", !0),
-        E(W, null, {
-          default: k(() => [
-            e.$slots["before-rows"] ? (r(), y(w, {
+        W(z, null, {
+          default: v(() => [
+            e.$slots["before-rows"] ? (o(), y(F, {
               key: 0,
               variant: e.variant,
               class: "border-b-1"
             }, {
-              default: k(() => [
+              default: v(() => [
                 c(e.$slots, "before-rows")
               ]),
               _: 3
             }, 8, ["variant"])) : h("", !0),
-            e.loading ? (r(!0), p(Q, { key: 1 }, Y(e.skeletonsLength, (i) => (r(), y(P, {
-              key: i,
+            e.loading ? (o(!0), p(Q, { key: 1 }, Y(e.skeletonsLength, (l) => (o(), y(w, {
+              key: l,
               variant: e.variant,
               interactive: e.interactiveRows
             }, {
-              default: k(() => [
-                e.features.selecting ? (r(), y(F, {
+              default: v(() => [
+                e.features.selecting ? (o(), y(b, {
                   key: 0,
                   column: { name: "_check", stickiness: "start" },
                   "sticky-offset": e.stickyOffsets.start.get("_check"),
                   variant: e.variant,
                   override: !0
                 }, {
-                  default: k(() => [
-                    E(s)
+                  default: v(() => [
+                    W(r)
                   ]),
                   _: 1
                 }, 8, ["sticky-offset", "variant"])) : h("", !0),
-                (r(!0), p(Q, null, Y(e.actualColumns, (m) => (r(), y(F, {
-                  key: m.name,
-                  column: m,
+                (o(!0), p(Q, null, Y(e.actualColumns, (d) => (o(), y(b, {
+                  key: d.name,
+                  column: d,
                   features: e.features,
-                  "sticky-offset": m.stickiness === "start" ? e.stickyOffsets.start.get(m.name) : m.stickiness === "end" ? e.stickyOffsets.end.get(m.name) : void 0,
+                  "sticky-offset": d.stickiness === "start" ? e.stickyOffsets.start.get(d.name) : d.stickiness === "end" ? e.stickyOffsets.end.get(d.name) : void 0,
                   variant: e.variant,
                   override: !0
                 }, {
-                  default: k(() => [
-                    c(e.$slots, "column-loading", { column: m }, () => [
-                      E(s)
+                  default: v(() => [
+                    c(e.$slots, "column-loading", { column: d }, () => [
+                      W(r)
                     ])
                   ]),
                   _: 2
                 }, 1032, ["column", "features", "sticky-offset", "variant"]))), 128))
               ]),
               _: 2
-            }, 1032, ["variant", "interactive"]))), 128)) : e.items.length > 0 ? (r(!0), p(Q, { key: 2 }, Y(e.items, (i) => (r(), y(P, {
-              key: i.id,
+            }, 1032, ["variant", "interactive"]))), 128)) : e.items.length > 0 ? (o(!0), p(Q, { key: 2 }, Y(e.items, (l) => (o(), y(w, {
+              key: l.id,
               variant: e.variant,
-              selected: e.selectingModel.includes(i.id),
+              selected: e.selectingModel.includes(l.id),
               interactive: e.interactiveRows,
-              onMouseenter: () => e.handleMouseEnterRow(i),
-              onMouseleave: () => e.handleMouseLeaveRow(i),
-              onClick: () => e.handleRowClick(i)
+              onMouseenter: () => e.handleMouseEnterRow(l),
+              onMouseleave: () => e.handleMouseLeaveRow(l),
+              onClick: () => e.handleRowClick(l)
             }, {
-              default: k(() => [
-                e.features.selecting ? (r(), y(F, {
+              default: v(() => [
+                e.features.selecting ? (o(), y(b, {
                   key: 0,
                   column: { name: "_check", stickiness: "start" },
                   "sticky-offset": e.stickyOffsets.start.get("_check"),
@@ -1686,70 +1694,70 @@ function ea(e, t, n, v, g, l) {
                   override: !0,
                   "force-state": "none",
                   class: "md:!py-none",
-                  onMouseenter: () => e.handleMouseEnterCell(i, "selecting", e.selectingModel.includes(i.id)),
-                  onMouseleave: () => e.handleMouseLeaveCell(i, "selecting", e.selectingModel.includes(i.id))
+                  onMouseenter: () => e.handleMouseEnterCell(l, "selecting", e.selectingModel.includes(l.id)),
+                  onMouseleave: () => e.handleMouseLeaveCell(l, "selecting", e.selectingModel.includes(l.id))
                 }, {
-                  default: k(() => [
-                    E(O, {
+                  default: v(() => [
+                    W(f, {
                       modelValue: e.selectingModel,
-                      "onUpdate:modelValue": t[4] || (t[4] = (m) => e.selectingModel = m),
-                      value: i.id,
+                      "onUpdate:modelValue": t[4] || (t[4] = (d) => e.selectingModel = d),
+                      value: l.id,
                       disabled: e.selectingDisabled
                     }, null, 8, ["modelValue", "value", "disabled"])
                   ]),
                   _: 2
                 }, 1032, ["sticky-offset", "variant", "onMouseenter", "onMouseleave"])) : h("", !0),
-                (r(!0), p(Q, null, Y(e.actualColumns, (m) => (r(), y(F, {
-                  key: m.name,
-                  "model-value": i[m.name],
-                  column: m,
+                (o(!0), p(Q, null, Y(e.actualColumns, (d) => (o(), y(b, {
+                  key: d.name,
+                  "model-value": l[d.name],
+                  column: d,
                   features: e.features,
-                  "sticky-offset": m.stickiness === "start" ? e.stickyOffsets.start.get(m.name) : m.stickiness === "end" ? e.stickyOffsets.end.get(m.name) : void 0,
+                  "sticky-offset": d.stickiness === "start" ? e.stickyOffsets.start.get(d.name) : d.stickiness === "end" ? e.stickyOffsets.end.get(d.name) : void 0,
                   variant: e.variant,
-                  onInput: (J) => e.onInput(i, m.name, J),
-                  onFocusin: t[5] || (t[5] = (J) => e.scrollTo(J)),
-                  onMouseenter: () => e.handleMouseEnterCell(i, m.name, i[m.name]),
-                  onMouseleave: () => e.handleMouseLeaveCell(i, m.name, i[m.name])
+                  onInput: (j) => e.onInput(l, d.name, j),
+                  onFocusin: t[5] || (t[5] = (j) => e.scrollTo(j)),
+                  onMouseenter: () => e.handleMouseEnterCell(l, d.name, l[d.name]),
+                  onMouseleave: () => e.handleMouseLeaveCell(l, d.name, l[d.name])
                 }, {
-                  default: k(() => [
-                    c(e.$slots, m.name, {
-                      column: m,
-                      item: i
+                  default: v(() => [
+                    c(e.$slots, d.name, {
+                      column: d,
+                      item: l
                     }, () => [
-                      _(x(i[m.name]), 1)
+                      x(ee(l[d.name]), 1)
                     ])
                   ]),
                   _: 2
                 }, 1032, ["model-value", "column", "features", "sticky-offset", "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(V, {
+            }, 1032, ["variant", "selected", "interactive", "onMouseenter", "onMouseleave", "onClick"]))), 128)) : e.$slots.noSearchResults && (e.features.filtering && e.filteringModel || e.features.searching && e.searchingModel) ? (o(), y(V, {
               key: 3,
               class: u(["col-span-full"]),
               variant: e.variant
             }, {
-              default: k(() => [
+              default: v(() => [
                 c(e.$slots, "noSearchResults", {
                   filter: e.filteringModel,
                   search: e.searchingModel
                 })
               ]),
               _: 3
-            }, 8, ["variant"])) : e.$slots.empty ? (r(), y(V, {
+            }, 8, ["variant"])) : e.$slots.empty ? (o(), y(V, {
               key: 4,
               class: u(["col-span-full"]),
               variant: e.variant
             }, {
-              default: k(() => [
+              default: v(() => [
                 c(e.$slots, "empty")
               ]),
               _: 3
             }, 8, ["variant"])) : h("", !0),
-            e.$slots["after-rows"] ? (r(), y(w, {
+            e.$slots["after-rows"] ? (o(), y(F, {
               key: 5,
               variant: e.variant
             }, {
-              default: k(() => [
+              default: v(() => [
                 c(e.$slots, "after-rows")
               ]),
               _: 3
@@ -1760,15 +1768,15 @@ function ea(e, t, n, v, g, l) {
       ]),
       _: 3
     }, 8, ["class", "style", "columns", "features"]),
-    e.$slots["extra-row"] ? (r(), y(B, { key: 2 }, {
-      default: k(() => [
-        E(U, {
+    e.$slots["extra-row"] ? (o(), y(U, { key: 2 }, {
+      default: v(() => [
+        W(J, {
           class: u(["shrink-0"]),
           variant: e.variant
         }, {
-          default: k(() => [
-            E(j, null, {
-              default: k(() => [
+          default: v(() => [
+            W(X, null, {
+              default: v(() => [
                 c(e.$slots, "extra-row")
               ]),
               _: 3
@@ -1779,31 +1787,31 @@ function ea(e, t, n, v, g, l) {
       ]),
       _: 3
     })) : h("", !0),
-    e.$slots.actions || e.showSelectingCouter || e.features.paging ? (r(), y(L, {
+    e.$slots.actions || e.showSelectingCouter || e.features.paging ? (o(), y(B, {
       key: 3,
       class: u(["shrink-0"])
-    }, Z({ _: 2 }, [
+    }, _({ _: 2 }, [
       e.features.selecting && e.selectingModel.length > 0 ? {
         name: "status",
-        fn: k(() => [
-          _(x(e.selectingModel.length) + " row(s) selected ", 1)
+        fn: v(() => [
+          x(ee(e.selectingModel.length) + " row(s) selected ", 1)
         ]),
         key: "0"
       } : void 0,
       e.$slots.actions ? {
         name: "actions",
-        fn: k(() => [
+        fn: v(() => [
           c(e.$slots, "actions")
         ]),
         key: "1"
       } : void 0,
       e.features.paging ? {
         name: "paging",
-        fn: k(() => [
-          E(K, {
+        fn: v(() => [
+          W(L, {
             ref: "pagination",
             modelValue: e.pagingModel,
-            "onUpdate:modelValue": t[6] || (t[6] = (i) => e.pagingModel = i),
+            "onUpdate:modelValue": t[6] || (t[6] = (l) => e.pagingModel = l),
             length: e.features.paging.length,
             options: e.features.paging.options
           }, null, 8, ["modelValue", "length", "options"])
@@ -1813,26 +1821,27 @@ function ea(e, t, n, v, g, l) {
     ]), 1024)) : h("", !0)
   ], 2);
 }
-const ba = /* @__PURE__ */ R(xt, [["render", ea]]);
+const Oa = /* @__PURE__ */ R(ea, [["render", ta]]);
 export {
-  b as D,
-  ba as O,
-  q as a,
-  He as b,
-  je as c,
-  Be as d,
-  Ze as e,
-  tt as f,
-  nt as g,
-  ct as h,
-  gt as i,
-  yt as j,
-  Dt as k,
-  Gt as l,
-  zt as m,
-  Et as n,
-  Ut as o,
-  Kt as p,
-  Zt as q
+  O as D,
+  Oa as O,
+  K as a,
+  Z as b,
+  Ee as c,
+  je as d,
+  Ke as e,
+  _e as f,
+  at as g,
+  st as h,
+  ut as i,
+  ht as j,
+  yt as k,
+  St as l,
+  Vt as m,
+  Ht as n,
+  Nt as o,
+  Lt as p,
+  Xt as q,
+  _t as r
 };
-//# sourceMappingURL=OrDataGrid-DO5dWT5H.mjs.map
+//# sourceMappingURL=OrDataGrid-Ci188YMU.mjs.map