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

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

@@ -2,8 +2,8 @@ import { O as X } from "./OrCheckbox-WPBzlvaV.mjs";
 import { O as Y } from "./OrPagination-BXzDa-Su.mjs";
 import { O as Z } from "./OrSearch-CRFuNmg2.mjs";
 import { O as _ } from "./OrSkeletonArea.vue_vue_type_script_lang-jgRhbZ0X.mjs";
-import { defineComponent as G, ref as D, computed as n, openBlock as a, createElementBlock as g, normalizeClass as u, renderSlot as s, createCommentVNode as p, resolveComponent as d, normalizeStyle as N, Fragment as H, createBlock as f, watch as x, createElementVNode as ee, createVNode as M, mergeProps as te, withCtx as m, createSlots as K, normalizeProps as oe, guardReactiveProps as ae, renderList as P, createTextVNode as Q, toDisplayString as W } from "vue";
-import { _ as T } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
+import { defineComponent as T, ref as G, computed as n, openBlock as o, createElementBlock as v, normalizeClass as u, renderSlot as i, createCommentVNode as g, resolveComponent as d, normalizeStyle as N, Fragment as H, createBlock as p, watch as x, createElementVNode as ee, createVNode as M, mergeProps as te, withCtx as f, createSlots as K, normalizeProps as ae, guardReactiveProps as oe, renderList as P, createTextVNode as Q, toDisplayString as W } from "vue";
+import { _ as C } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
 import { O as re } from "./OrDatePicker-D-Do0tSf.mjs";
 import { O as ne } from "./OrDateTimePicker-myqJkQxy.mjs";
 import "./OrDateTimePicker.vue_vue_type_script_lang-xnGNoSUB.mjs";
@@ -34,13 +34,13 @@ const ge = [
 ], ve = [
   // Typography
   "typography-body-2-semibold"
-], be = G({
+], he = T({
   name: "OrDataGridFooter",
   expose: [
     "root"
   ],
   setup() {
-    const e = D(), t = n(() => [
+    const e = G(), t = n(() => [
       "or-data-grid-footer-v3",
       ...ge
     ]), r = n(() => [
@@ -52,27 +52,27 @@ const ge = [
       statusStyles: r
     };
   }
-}), he = {
+}), be = {
   key: 1,
   class: /* @__PURE__ */ u(["grow"])
 };
-function ye(e, t, r, c, v, b) {
-  return a(), g("div", {
+function ye(e, t, r, m, h, b) {
+  return o(), v("div", {
     ref: "root",
     class: u(e.rootStyles)
   }, [
-    e.$slots.status ? (a(), g("div", {
+    e.$slots.status ? (o(), v("div", {
       key: 0,
       class: u(e.statusStyles)
     }, [
-      s(e.$slots, "status")
-    ], 2)) : p("", !0),
-    s(e.$slots, "actions"),
-    e.$slots.paging ? (a(), g("div", he)) : p("", !0),
-    s(e.$slots, "paging")
+      i(e.$slots, "status")
+    ], 2)) : g("", !0),
+    i(e.$slots, "actions"),
+    e.$slots.paging ? (o(), v("div", be)) : g("", !0),
+    i(e.$slots, "paging")
   ], 2);
 }
-const ke = /* @__PURE__ */ T(be, [["render", ye]]), Oe = [
+const ke = /* @__PURE__ */ C(he, [["render", ye]]), Oe = [
   // Layout
   "layout-row items-start gap-md",
   // Interactivity
@@ -82,13 +82,13 @@ const ke = /* @__PURE__ */ T(be, [["render", ye]]), Oe = [
 ], $e = [
   // Typography
   "typography-headline-2"
-], De = G({
+], De = T({
   name: "OrDataGridHeader",
   expose: [
     "root"
   ],
   setup() {
-    const e = D(), t = n(() => [
+    const e = G(), t = n(() => [
       "or-data-grid-header-v3",
       ...Oe
     ]), r = n(() => [
@@ -104,25 +104,27 @@ const ke = /* @__PURE__ */ T(be, [["render", ye]]), Oe = [
   key: 1,
   class: /* @__PURE__ */ u(["grow"])
 };
-function Ge(e, t, r, c, v, b) {
-  return a(), g("div", {
+function Ge(e, t, r, m, h, b) {
+  return o(), v("div", {
     ref: "root",
     class: u(e.rootStyles)
   }, [
-    e.$slots.title ? (a(), g("div", {
+    e.$slots.title ? (o(), v("div", {
       key: 0,
       class: u(e.titleStyles)
     }, [
-      s(e.$slots, "title")
-    ], 2)) : p("", !0),
-    e.$slots.searching || e.$slots.extraActions ? (a(), g("div", we)) : p("", !0),
-    s(e.$slots, "searching"),
-    e.$slots.extraActions ? s(e.$slots, "extraActions", { key: 2 }) : p("", !0)
+      i(e.$slots, "title")
+    ], 2)) : g("", !0),
+    e.$slots.searching || e.$slots.extraActions ? (o(), v("div", we)) : g("", !0),
+    i(e.$slots, "searching"),
+    e.$slots.extraActions ? i(e.$slots, "extraActions", { key: 2 }) : g("", !0)
   ], 2);
 }
-const Te = /* @__PURE__ */ T(De, [["render", Ge]]), Se = [
+const Se = /* @__PURE__ */ C(De, [["render", Ge]]);
+var c = /* @__PURE__ */ ((e) => (e.Standard = "standard", e.Comfortable = "comfortable", e.Compact = "compact", e.Dynamic = "dynamic", e))(c || {});
+const Te = [
   // Layout
-  "layout-row",
+  "layout-row items-center",
   // Spacing
   "px-sm+",
   "py-0",
@@ -148,7 +150,7 @@ const Te = /* @__PURE__ */ T(De, [["render", Ge]]), Se = [
   "interactivity-select",
   // Typography
   "truncate"
-], Ve = G({
+], Ve = T({
   name: "OrDataGridTableContentCell",
   components: {
     OrCheckbox: X,
@@ -167,6 +169,7 @@ const Te = /* @__PURE__ */ T(De, [["render", Ge]]), Se = [
   },
   props: {
     modelValue: {
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
       type: void 0,
       default: void 0
     },
@@ -178,9 +181,9 @@ const Te = /* @__PURE__ */ T(De, [["render", Ge]]), Se = [
       type: Object,
       default: void 0
     },
-    override: {
-      type: Boolean,
-      default: !1
+    variant: {
+      type: String,
+      default: c.Standard
     }
   },
   emits: [
@@ -190,14 +193,15 @@ const Te = /* @__PURE__ */ T(De, [["render", Ge]]), Se = [
     "root"
   ],
   setup(e, t) {
-    const r = D(), c = n(() => {
-      var $;
+    const r = G(), m = n(() => {
+      var k;
       return [
         "or-data-grid-table-content-cell-v3",
-        ...Se,
-        ...($ = e.column) != null && $.stickiness ? [`sticky-${e.column.stickiness}`] : []
+        ...Te,
+        ...(k = e.column) != null && k.stickiness ? [`sticky-${e.column.stickiness}`] : [],
+        ...e.variant === c.Dynamic ? ["!py-xs"] : []
       ];
-    }), v = n(() => {
+    }), h = n(() => {
       if (e.column)
         switch (e.column.stickiness) {
           case "start":
@@ -223,110 +227,113 @@ const Te = /* @__PURE__ */ T(De, [["render", Ge]]), Se = [
       return {
         justifyContent: "center"
       };
-    }), b = n(() => [
-      ...Ce
-    ]), k = n({
+    }), b = n(() => {
+      var k, l, O, w, S;
+      return [
+        ...Ce,
+        ...((l = (k = e.column) == null ? void 0 : k.control) == null ? void 0 : l.type) !== "text" && ((w = (O = e.column) == null ? void 0 : O.control) == null ? void 0 : w.type) !== "number" ? [] : ["grow"],
+        ...e.variant === c.Dynamic && !((S = e.column) != null && S.control) ? ["whitespace-pre-wrap break-words"] : ["truncate"]
+      ];
+    }), $ = n({
       get: () => e.modelValue,
-      set: ($) => {
-        t.emit("input", $);
+      set: (k) => {
+        t.emit("input", k);
       }
-    }), O = n(() => {
-      var $;
-      return ($ = e.column) == null ? void 0 : $.control;
+    }), D = n(() => {
+      var k;
+      return (k = e.column) == null ? void 0 : k.control;
     });
     return {
       root: r,
-      rootStyles: c,
-      rootInlineStyles: v,
+      rootStyles: m,
+      rootInlineStyles: h,
       contentStyles: b,
-      model: k,
-      control: O
+      model: $,
+      control: D
     };
   }
 });
-function Me(e, t, r, c, v, b) {
-  const k = d("OrInput"), O = d("OrRating"), $ = d("OrSelect"), i = d("OrCheckbox"), w = d("OrSwitch"), S = d("OrDatePicker"), C = d("OrTimePicker"), V = d("OrDateTimePicker"), I = d("OrTagInput");
-  return a(), g("div", {
+function Me(e, t, r, m, h, b) {
+  const $ = d("OrInput"), D = d("OrRating"), k = d("OrSelect"), l = d("OrCheckbox"), O = d("OrSwitch"), w = d("OrDatePicker"), S = d("OrTimePicker"), V = d("OrDateTimePicker"), I = d("OrTagInput");
+  return o(), v("div", {
     ref: "root",
     class: u(e.rootStyles),
     style: N(e.rootInlineStyles)
   }, [
-    e.override ? s(e.$slots, "default", { key: 0 }) : e.control ? (a(), g(H, { key: 1 }, [
-      e.control.type === "text" ? (a(), f(k, {
+    e.override ? i(e.$slots, "default", { key: 0 }) : e.control ? (o(), v(H, { key: 1 }, [
+      e.control.type === "text" ? (o(), p($, {
         key: 0,
         modelValue: e.model,
-        "onUpdate:modelValue": t[0] || (t[0] = (h) => e.model = h),
+        "onUpdate:modelValue": t[0] || (t[0] = (y) => e.model = y),
         type: "text",
         variant: "embedded"
-      }, null, 8, ["modelValue"])) : p("", !0),
-      e.control.type === "number" ? (a(), f(k, {
+      }, null, 8, ["modelValue"])) : g("", !0),
+      e.control.type === "number" ? (o(), p($, {
         key: 1,
         modelValue: e.model,
-        "onUpdate:modelValue": t[1] || (t[1] = (h) => e.model = h),
+        "onUpdate:modelValue": t[1] || (t[1] = (y) => e.model = y),
         type: "number",
         variant: "embedded"
-      }, null, 8, ["modelValue"])) : p("", !0),
-      e.control.type === "rating" ? (a(), f(O, {
+      }, null, 8, ["modelValue"])) : g("", !0),
+      e.control.type === "rating" ? (o(), p(D, {
         key: 2,
         modelValue: e.model,
-        "onUpdate:modelValue": t[2] || (t[2] = (h) => e.model = h)
-      }, null, 8, ["modelValue"])) : p("", !0),
-      e.control.type === "select" ? (a(), f($, {
+        "onUpdate:modelValue": t[2] || (t[2] = (y) => e.model = y)
+      }, null, 8, ["modelValue"])) : g("", !0),
+      e.control.type === "select" ? (o(), p(k, {
         key: 3,
         modelValue: e.model,
-        "onUpdate:modelValue": t[3] || (t[3] = (h) => e.model = h),
+        "onUpdate:modelValue": t[3] || (t[3] = (y) => e.model = y),
         options: e.control.options,
         variant: "embedded",
         anchor: e.root
-      }, null, 8, ["modelValue", "options", "anchor"])) : p("", !0),
-      e.control.type === "checkbox" ? (a(), f(i, {
+      }, null, 8, ["modelValue", "options", "anchor"])) : g("", !0),
+      e.control.type === "checkbox" ? (o(), p(l, {
         key: 4,
         modelValue: e.model,
-        "onUpdate:modelValue": t[4] || (t[4] = (h) => e.model = h)
-      }, null, 8, ["modelValue"])) : p("", !0),
-      e.control.type === "switch" ? (a(), f(w, {
+        "onUpdate:modelValue": t[4] || (t[4] = (y) => e.model = y)
+      }, null, 8, ["modelValue"])) : g("", !0),
+      e.control.type === "switch" ? (o(), p(O, {
         key: 5,
         modelValue: e.model,
-        "onUpdate:modelValue": t[5] || (t[5] = (h) => e.model = h)
-      }, null, 8, ["modelValue"])) : p("", !0),
-      e.control.type === "date" ? (a(), f(S, {
+        "onUpdate:modelValue": t[5] || (t[5] = (y) => e.model = y)
+      }, null, 8, ["modelValue"])) : g("", !0),
+      e.control.type === "date" ? (o(), p(w, {
         key: 6,
         modelValue: e.model,
-        "onUpdate:modelValue": t[6] || (t[6] = (h) => e.model = h),
+        "onUpdate:modelValue": t[6] || (t[6] = (y) => e.model = y),
         variant: "embedded",
         anchor: e.root
-      }, null, 8, ["modelValue", "anchor"])) : p("", !0),
-      e.control.type === "time" ? (a(), f(C, {
+      }, null, 8, ["modelValue", "anchor"])) : g("", !0),
+      e.control.type === "time" ? (o(), p(S, {
         key: 7,
         modelValue: e.model,
-        "onUpdate:modelValue": t[7] || (t[7] = (h) => e.model = h),
+        "onUpdate:modelValue": t[7] || (t[7] = (y) => e.model = y),
         variant: "embedded",
         anchor: e.root
-      }, null, 8, ["modelValue", "anchor"])) : p("", !0),
-      e.control.type === "datetime" ? (a(), f(V, {
+      }, null, 8, ["modelValue", "anchor"])) : g("", !0),
+      e.control.type === "datetime" ? (o(), p(V, {
         key: 8,
         modelValue: e.model,
-        "onUpdate:modelValue": t[8] || (t[8] = (h) => e.model = h),
+        "onUpdate:modelValue": t[8] || (t[8] = (y) => e.model = y),
         variant: "embedded",
         anchor: e.root
-      }, null, 8, ["modelValue", "anchor"])) : p("", !0),
-      e.control.type === "tags" ? (a(), f(I, {
+      }, null, 8, ["modelValue", "anchor"])) : g("", !0),
+      e.control.type === "tags" ? (o(), p(I, {
         key: 9,
         modelValue: e.model,
-        "onUpdate:modelValue": t[9] || (t[9] = (h) => e.model = h),
+        "onUpdate:modelValue": t[9] || (t[9] = (y) => e.model = y),
         variant: "embedded"
-      }, null, 8, ["modelValue"])) : p("", !0)
-    ], 64)) : (a(), g("div", {
+      }, null, 8, ["modelValue"])) : g("", !0)
+    ], 64)) : (o(), v("div", {
       key: 2,
       class: u(e.contentStyles)
     }, [
-      s(e.$slots, "default")
+      i(e.$slots, "default")
     ], 2))
   ], 6);
 }
-const Re = /* @__PURE__ */ T(Ve, [["render", Me]]);
-var y = /* @__PURE__ */ ((e) => (e.Standard = "standard", e.Comfortable = "comfortable", e.Compact = "compact", e))(y || {});
-const Ie = [
+const Re = /* @__PURE__ */ C(Ve, [["render", Me]]), Ie = [
   // Layout
   "grid grid-cols-[subgrid] col-span-full",
   // Typography
@@ -349,19 +356,23 @@ const Ie = [
   "children:hover:selected:theme-background-surface-3",
   "dark:children:hover:selected:theme-background-surface-3-dark"
 ], Fe = {
-  [y.Standard]: [
+  [c.Standard]: [
     // Box
     "h-[calc(theme(spacing.2xl)+theme(spacing.xs))]"
   ],
-  [y.Comfortable]: [
+  [c.Comfortable]: [
     // Box
     "h-[calc(theme(spacing.3xl)+theme(spacing.xs))]"
   ],
-  [y.Compact]: [
+  [c.Compact]: [
     // Box
     "h-[calc(theme(spacing.xl)+theme(spacing.xs))]"
+  ],
+  [c.Dynamic]: [
+    // Box
+    "min-h-[calc(theme(spacing.2xl)+theme(spacing.xs))]"
   ]
-}, He = G({
+}, He = T({
   name: "OrDataGridTableContentRow",
   props: {
     variant: {
@@ -381,7 +392,7 @@ const Ie = [
     "root"
   ],
   setup(e) {
-    const t = D(), r = n(() => [
+    const t = G(), r = n(() => [
       "or-data-grid-table-content-row-v3",
       ...Ie,
       ...Fe[e.variant],
@@ -393,25 +404,25 @@ const Ie = [
     };
   }
 }), Pe = ["selected"];
-function je(e, t, r, c, v, b) {
-  return a(), g("div", {
+function je(e, t, r, m, h, b) {
+  return o(), v("div", {
     ref: "root",
     class: u(e.rootStyles),
     selected: e.selected
   }, [
-    s(e.$slots, "default")
+    i(e.$slots, "default")
   ], 10, Pe);
 }
-const Ee = /* @__PURE__ */ T(He, [["render", je]]), Ue = [
+const Ee = /* @__PURE__ */ C(He, [["render", je]]), Ue = [
   // Layout
   "contents"
-], Ne = G({
+], Ne = T({
   name: "OrDataGridTableContent",
   expose: [
     "root"
   ],
   setup() {
-    const e = D(), t = n(() => [
+    const e = G(), t = n(() => [
       "or-data-grid-table-content-v3",
       ...Ue
     ]);
@@ -421,15 +432,15 @@ const Ee = /* @__PURE__ */ T(He, [["render", je]]), Ue = [
     };
   }
 });
-function qe(e, t, r, c, v, b) {
-  return a(), g("div", {
+function qe(e, t, r, m, h, b) {
+  return o(), v("div", {
     ref: "root",
     class: u(e.rootStyles)
   }, [
-    s(e.$slots, "default")
+    i(e.$slots, "default")
   ], 2);
 }
-const Ae = /* @__PURE__ */ T(Ne, [["render", qe]]), Le = [
+const Ae = /* @__PURE__ */ C(Ne, [["render", qe]]), Le = [
   // Layout
   "layout-row",
   // Spacing
@@ -439,13 +450,13 @@ const Ae = /* @__PURE__ */ T(Ne, [["render", qe]]), Le = [
   // Theme
   "theme-border-transparent border-1",
   "dark:theme-border-transparent-dark"
-], Be = G({
+], Be = T({
   name: "OrDataGridTableFooterCell",
   expose: [
     "root"
   ],
   setup() {
-    const e = D(), t = n(() => [
+    const e = G(), t = n(() => [
       "or-data-grid-table-footer-cell-v3",
       ...Le
     ]);
@@ -455,15 +466,15 @@ const Ae = /* @__PURE__ */ T(Ne, [["render", qe]]), Le = [
     };
   }
 });
-function ze(e, t, r, c, v, b) {
-  return a(), g("div", {
+function ze(e, t, r, m, h, b) {
+  return o(), v("div", {
     ref: "root",
     class: u(e.rootStyles)
   }, [
-    s(e.$slots, "default")
+    i(e.$slots, "default")
   ], 2);
 }
-const Je = /* @__PURE__ */ T(Be, [["render", ze]]), Ke = [
+const Je = /* @__PURE__ */ C(Be, [["render", ze]]), Ke = [
   // Layout
   "grid grid-cols-1",
   // Typography
@@ -477,19 +488,23 @@ const Je = /* @__PURE__ */ T(Be, [["render", ze]]), Ke = [
   "children:theme-background-default",
   "dark:children:theme-background-default-dark"
 ], Qe = {
-  [y.Standard]: [
+  [c.Standard]: [
     // Box
     "h-[calc(theme(spacing.2xl)+theme(spacing.xs))]"
   ],
-  [y.Comfortable]: [
+  [c.Comfortable]: [
     // Box
     "h-[calc(theme(spacing.3xl)+theme(spacing.xs))]"
   ],
-  [y.Compact]: [
+  [c.Compact]: [
     // Box
     "h-[calc(theme(spacing.xl)+theme(spacing.xs))]"
+  ],
+  [c.Dynamic]: [
+    // Box
+    "min-h-[calc(theme(spacing.2xl)+theme(spacing.xs))]"
   ]
-}, We = G({
+}, We = T({
   name: "OrDataGridTableFooterRow",
   props: {
     variant: {
@@ -501,7 +516,7 @@ const Je = /* @__PURE__ */ T(Be, [["render", ze]]), Ke = [
     "root"
   ],
   setup(e) {
-    const t = D(), r = n(() => [
+    const t = G(), r = n(() => [
       "or-data-grid-table-footer-row-v3",
       ...Ke,
       ...Qe[e.variant]
@@ -512,24 +527,24 @@ const Je = /* @__PURE__ */ T(Be, [["render", ze]]), Ke = [
     };
   }
 });
-function Xe(e, t, r, c, v, b) {
-  return a(), g("div", {
+function Xe(e, t, r, m, h, b) {
+  return o(), v("div", {
     ref: "root",
     class: u(e.rootStyles)
   }, [
-    s(e.$slots, "default")
+    i(e.$slots, "default")
   ], 2);
 }
-const Ye = /* @__PURE__ */ T(We, [["render", Xe]]), Ze = [
+const Ye = /* @__PURE__ */ C(We, [["render", Xe]]), Ze = [
   // Layout
   "contents"
-], _e = G({
+], _e = T({
   name: "OrDataGridTableFooter",
   expose: [
     "root"
   ],
   setup() {
-    const e = D(), t = n(() => [
+    const e = G(), t = n(() => [
       "or-data-grid-table-footer-v3",
       ...Ze
     ]);
@@ -539,15 +554,15 @@ const Ye = /* @__PURE__ */ T(We, [["render", Xe]]), Ze = [
     };
   }
 });
-function xe(e, t, r, c, v, b) {
-  return a(), g("div", {
+function xe(e, t, r, m, h, b) {
+  return o(), v("div", {
     ref: "root",
     class: u(e.rootStyles)
   }, [
-    s(e.$slots, "default")
+    i(e.$slots, "default")
   ], 2);
 }
-const et = /* @__PURE__ */ T(_e, [["render", xe]]), tt = [
+const et = /* @__PURE__ */ C(_e, [["render", xe]]), tt = [
   // Layout
   "layout-row",
   // Spacing
@@ -563,7 +578,7 @@ const et = /* @__PURE__ */ T(_e, [["render", xe]]), tt = [
   // Theme (.sticky-end)
   "[&.sticky-end]:border-s-disabled",
   "dark:[&.sticky-end]:border-s-disabled-dark"
-], ot = G({
+], at = T({
   name: "OrDataGridTableHeaderCell",
   components: {
     OrIcon: me
@@ -595,16 +610,16 @@ const et = /* @__PURE__ */ T(_e, [["render", xe]]), tt = [
     "root"
   ],
   setup(e, t) {
-    const r = D(), c = n(() => {
-      var i, w, S;
-      return !!((i = e.features) != null && i.sorting) && !!((w = e.column) != null && w.name) && ((S = e.column) == null ? void 0 : S.sorting) !== !1;
-    }), v = n(() => {
-      var i;
+    const r = G(), m = n(() => {
+      var l, O, w;
+      return !!((l = e.features) != null && l.sorting) && !!((O = e.column) != null && O.name) && ((w = e.column) == null ? void 0 : w.sorting) !== !1;
+    }), h = n(() => {
+      var l;
       return [
         "or-data-grid-table-header-cell-v3",
         ...tt,
-        ...(i = e.column) != null && i.stickiness ? [`sticky-${e.column.stickiness}`] : [],
-        ...c.value ? ["interactivity-click"] : []
+        ...(l = e.column) != null && l.stickiness ? [`sticky-${e.column.stickiness}`] : [],
+        ...m.value ? ["interactivity-click"] : []
       ];
     }), b = n(() => {
       if (e.column)
@@ -632,78 +647,78 @@ const et = /* @__PURE__ */ T(_e, [["render", xe]]), tt = [
       return {
         justifyContent: "center"
       };
-    }), k = n({
+    }), $ = n({
       get: () => {
-        var i, w;
-        if (c.value)
-          return ((i = e.modelValue) == null ? void 0 : i.column) === ((w = e.column) == null ? void 0 : w.name) ? e.modelValue : void 0;
+        var l, O;
+        if (m.value)
+          return ((l = e.modelValue) == null ? void 0 : l.column) === ((O = e.column) == null ? void 0 : O.name) ? e.modelValue : void 0;
       },
-      set: (i) => {
-        t.emit("update:modelValue", i);
+      set: (l) => {
+        t.emit("update:modelValue", l);
       }
     });
-    function O() {
-      var i;
-      if (c.value)
-        if (k.value)
-          k.value = {
-            ...k.value,
-            direction: k.value.direction === "asc" ? "desc" : "asc"
+    function D() {
+      var l;
+      if (m.value)
+        if ($.value)
+          $.value = {
+            ...$.value,
+            direction: $.value.direction === "asc" ? "desc" : "asc"
           };
         else {
           if (!e.column)
             throw new Error("[OrDataGridTableHeaderCell]: `column` must be specified.");
-          k.value = {
-            column: ((i = e.column) == null ? void 0 : i.name) || "_check",
+          $.value = {
+            column: ((l = e.column) == null ? void 0 : l.name) || "_check",
             direction: "asc"
           };
         }
     }
-    const { width: $ } = fe(r, void 0, { box: "border-box" });
+    const { width: k } = fe(r, void 0, { box: "border-box" });
     return x([
       r,
-      $,
+      k,
       () => {
-        var i;
-        return (i = e.column) == null ? void 0 : i.stickiness;
+        var l;
+        return (l = e.column) == null ? void 0 : l.stickiness;
       }
     ], ([
-      i,
-      w
+      l,
+      O
     ], [
-      S
+      w
     ]) => {
-      S && S !== i && t.emit("remove:scrollOffset", S), t.emit("update:scrollOffset", i, w, e.column);
+      w && w !== l && t.emit("remove:scrollOffset", w), t.emit("update:scrollOffset", l, O, e.column);
     }), {
       root: r,
-      rootStyles: v,
+      rootStyles: h,
       rootInlineStyles: b,
-      isSortable: c,
-      model: k,
-      toggleSorting: O
+      isSortable: m,
+      model: $,
+      toggleSorting: D
     };
   }
-}), at = {
+}), ot = {
   class: /* @__PURE__ */ u(["truncate"])
 };
-function rt(e, t, r, c, v, b) {
-  const k = d("OrIcon");
-  return a(), g("div", {
+function rt(e, t, r, m, h, b) {
+  const $ = d("OrIcon");
+  return o(), v("div", {
     ref: "root",
     class: u(e.rootStyles),
     style: N(e.rootInlineStyles),
-    onClick: t[0] || (t[0] = (O) => e.toggleSorting())
+    onClick: t[0] || (t[0] = (D) => e.toggleSorting())
   }, [
-    ee("div", at, [
-      s(e.$slots, "default")
+    ee("div", ot, [
+      i(e.$slots, "default")
     ]),
-    e.model ? (a(), f(k, {
+    e.model ? (o(), p($, {
       key: 0,
       icon: e.model.direction === "asc" ? "arrow_upward" : "arrow_downward"
-    }, null, 8, ["icon"])) : p("", !0)
+    }, null, 8, ["icon"])) : g("", !0)
   ], 6);
 }
-const nt = /* @__PURE__ */ T(ot, [["render", rt]]), lt = [
+const nt = /* @__PURE__ */ C(at, [["render", rt]]), lt = [
   // Position
   "sticky top-0 z-10",
   // Layout
@@ -716,19 +731,23 @@ const nt = /* @__PURE__ */ T(ot, [["render", rt]]), lt = [
   "children:theme-background-surface-variant-1",
   "dark:children:theme-background-surface-variant-1-dark"
 ], st = {
-  [y.Standard]: [
+  [c.Standard]: [
     // Box
     "h-[calc(theme(spacing.2xl)+theme(spacing.xs))]"
   ],
-  [y.Comfortable]: [
+  [c.Comfortable]: [
     // Box
     "h-[calc(theme(spacing.3xl)+theme(spacing.xs))]"
   ],
-  [y.Compact]: [
+  [c.Compact]: [
     // Box
     "h-[calc(theme(spacing.xl)+theme(spacing.xs))]"
+  ],
+  [c.Dynamic]: [
+    // Box
+    "min-h-[calc(theme(spacing.2xl)+theme(spacing.xs))]"
   ]
-}, it = G({
+}, it = T({
   name: "OrDataGridTableHeaderRow",
   props: {
     variant: {
@@ -740,7 +759,7 @@ const nt = /* @__PURE__ */ T(ot, [["render", rt]]), lt = [
     "root"
   ],
   setup(e) {
-    const t = D(), r = n(() => [
+    const t = G(), r = n(() => [
       "or-data-grid-table-header-row-v3",
       ...lt,
       ...st[e.variant]
@@ -751,24 +770,24 @@ const nt = /* @__PURE__ */ T(ot, [["render", rt]]), lt = [
     };
   }
 });
-function dt(e, t, r, c, v, b) {
-  return a(), g("div", {
+function dt(e, t, r, m, h, b) {
+  return o(), v("div", {
     ref: "root",
     class: u(e.rootStyles)
   }, [
-    s(e.$slots, "default")
+    i(e.$slots, "default")
   ], 2);
 }
-const ut = /* @__PURE__ */ T(it, [["render", dt]]), ct = [
+const ut = /* @__PURE__ */ C(it, [["render", dt]]), ct = [
   // Layout
   "contents"
-], mt = G({
+], mt = T({
   name: "OrDataGridTableHeader",
   expose: [
     "root"
   ],
   setup() {
-    const e = D(), t = n(() => [
+    const e = G(), t = n(() => [
       "or-data-grid-table-header-v3",
       ...ct
     ]);
@@ -778,15 +797,15 @@ const ut = /* @__PURE__ */ T(it, [["render", dt]]), ct = [
     };
   }
 });
-function ft(e, t, r, c, v, b) {
-  return a(), g("div", {
+function ft(e, t, r, m, h, b) {
+  return o(), v("div", {
     ref: "root",
     class: u(e.rootStyles)
   }, [
-    s(e.$slots, "default")
+    i(e.$slots, "default")
   ], 2);
 }
-const pt = /* @__PURE__ */ T(mt, [["render", ft]]), gt = [
+const pt = /* @__PURE__ */ C(mt, [["render", ft]]), gt = [
   // Layout
   "layout-row justify-center",
   // Spacing
@@ -801,19 +820,23 @@ const pt = /* @__PURE__ */ T(mt, [["render", ft]]), gt = [
   "theme-background-default",
   "dark:theme-background-default-dark"
 ], vt = {
-  [y.Standard]: [
+  [c.Standard]: [
     // Box
     "min-h-[calc(theme(spacing.2xl)+theme(spacing.xs))]"
   ],
-  [y.Comfortable]: [
+  [c.Comfortable]: [
     // Box
     "min-h-[calc(theme(spacing.3xl)+theme(spacing.xs))]"
   ],
-  [y.Compact]: [
+  [c.Compact]: [
     // Box
     "min-h-[calc(theme(spacing.xl)+theme(spacing.xs))]"
+  ],
+  [c.Dynamic]: [
+    // Box
+    "min-h-[calc(theme(spacing.2xl)+theme(spacing.xs))]"
   ]
-}, bt = G({
+}, ht = T({
   name: "OrDataGridTablePlaceholder",
   props: {
     variant: {
@@ -825,7 +848,7 @@ const pt = /* @__PURE__ */ T(mt, [["render", ft]]), gt = [
     "root"
   ],
   setup(e) {
-    const t = D(), r = n(() => [
+    const t = G(), r = n(() => [
       "or-data-grid-table-placeholder-v3",
       ...gt,
       ...vt[e.variant]
@@ -836,22 +859,22 @@ const pt = /* @__PURE__ */ T(mt, [["render", ft]]), gt = [
     };
   }
 });
-function ht(e, t, r, c, v, b) {
-  return a(), g("div", {
+function bt(e, t, r, m, h, b) {
+  return o(), v("div", {
     ref: "root",
     class: u(e.rootStyles)
   }, [
-    s(e.$slots, "default")
+    i(e.$slots, "default")
   ], 2);
 }
-const yt = /* @__PURE__ */ T(bt, [["render", ht]]), kt = [
+const yt = /* @__PURE__ */ C(ht, [["render", bt]]), kt = [
   // Layout
   "grid content-start",
   // Overflow
   "overflow-auto",
   // Interactivity
   "interactivity-default"
-], Ot = G({
+], Ot = T({
   name: "OrDataGridTable",
   props: {
     columns: {
@@ -867,43 +890,43 @@ const yt = /* @__PURE__ */ T(bt, [["render", ht]]), kt = [
     "root"
   ],
   setup(e) {
-    const t = D(), r = n(() => [
+    const t = G(), r = n(() => [
       "or-data-grid-table-v3",
       ...kt
-    ]), c = n(() => {
-      const v = e.columns.map((b) => b.width ?? "auto");
-      return e.features.selecting ? { gridTemplateColumns: `0fr ${v.join(" ")}` } : { gridTemplateColumns: v.join(" ") };
+    ]), m = n(() => {
+      const h = e.columns.map((b) => b.width ?? "auto");
+      return e.features.selecting ? { gridTemplateColumns: `0fr ${h.join(" ")}` } : { gridTemplateColumns: h.join(" ") };
     });
     return {
       root: t,
       rootStyles: r,
-      rootInlineStyles: c
+      rootInlineStyles: m
     };
   }
 });
-function $t(e, t, r, c, v, b) {
-  return a(), g("div", {
+function $t(e, t, r, m, h, b) {
+  return o(), v("div", {
     ref: "root",
     class: u(e.rootStyles),
     style: N(e.rootInlineStyles)
   }, [
-    s(e.$slots, "default")
+    i(e.$slots, "default")
   ], 6);
 }
-const Dt = /* @__PURE__ */ T(Ot, [["render", $t]]), wt = [
+const Dt = /* @__PURE__ */ C(Ot, [["render", $t]]), wt = [
   // Layout
   "layout-row",
   // Box
   "h-2xl",
   // Spacing
   "gap-xl"
-], Gt = G({
+], Gt = T({
   name: "OrDataGridToolbar",
   expose: [
     "root"
   ],
   setup() {
-    const e = D(), t = n(() => [
+    const e = G(), t = n(() => [
       "or-data-grid-toolbar-v3",
       ...wt
     ]);
@@ -913,33 +936,37 @@ const Dt = /* @__PURE__ */ T(Ot, [["render", $t]]), wt = [
     };
   }
 });
-function Tt(e, t, r, c, v, b) {
-  return a(), g("div", {
+function St(e, t, r, m, h, b) {
+  return o(), v("div", {
     ref: "root",
     class: u(e.rootStyles)
   }, [
-    s(e.$slots, "default")
+    i(e.$slots, "default")
   ], 2);
 }
-const St = /* @__PURE__ */ T(Gt, [["render", Tt]]), Ct = [
+const Tt = /* @__PURE__ */ C(Gt, [["render", St]]), Ct = [
   // Position
   "grid sticky z-10",
   // Layout
   "col-span-full"
 ], Vt = {
-  [y.Standard]: [
+  [c.Standard]: [
     // Position
     "top-[calc(theme(spacing.2xl)+theme(spacing.xs))]"
   ],
-  [y.Comfortable]: [
+  [c.Comfortable]: [
     // Position
     "top-[calc(theme(spacing.3xl)+theme(spacing.xs))]"
   ],
-  [y.Compact]: [
+  [c.Compact]: [
     // Position
     "top-[calc(theme(spacing.xl)+theme(spacing.xs))]"
+  ],
+  [c.Dynamic]: [
+    // Position
+    "top-[calc(theme(spacing.2xl)+theme(spacing.xs))]"
   ]
-}, Mt = G({
+}, Mt = T({
   components: {
     OrNotification: pe
   },
@@ -966,23 +993,23 @@ const St = /* @__PURE__ */ T(Gt, [["render", Tt]]), Ct = [
     };
   }
 });
-function Rt(e, t, r, c, v, b) {
-  const k = d("OrNotification");
-  return a(), g("div", {
+function Rt(e, t, r, m, h, b) {
+  const $ = d("OrNotification");
+  return o(), v("div", {
     class: u(e.rootStyles)
   }, [
-    M(k, te(e.notification, {
+    M($, te(e.notification, {
       class: "rounded-0 shadow-none",
-      onClose: t[0] || (t[0] = (O) => e.$emit("close-notification"))
+      onClose: t[0] || (t[0] = (D) => e.$emit("close-notification"))
     }), {
-      default: m(() => [
-        e.$slots.notification ? s(e.$slots, "notification", { key: 0 }) : p("", !0)
+      default: f(() => [
+        e.$slots.notification ? i(e.$slots, "notification", { key: 0 }) : g("", !0)
       ]),
       _: 3
     }, 16)
   ], 2);
 }
-const It = /* @__PURE__ */ T(Mt, [["render", Rt]]), Ft = [
+const It = /* @__PURE__ */ C(Mt, [["render", Rt]]), Ft = [
   // Layout
   "grid col-span-full grid-cols-[subgrid]",
   // Typography
@@ -996,19 +1023,23 @@ const It = /* @__PURE__ */ T(Mt, [["render", Rt]]), Ft = [
   "children:theme-background-default",
   "dark:children:theme-background-default-dark"
 ], Ht = {
-  [y.Standard]: [
+  [c.Standard]: [
     // Box
     "h-[calc(theme(spacing.2xl)+theme(spacing.xs))]"
   ],
-  [y.Comfortable]: [
+  [c.Comfortable]: [
     // Box
     "h-[calc(theme(spacing.3xl)+theme(spacing.xs))]"
   ],
-  [y.Compact]: [
+  [c.Compact]: [
     // Box
     "h-[calc(theme(spacing.xl)+theme(spacing.xs))]"
+  ],
+  [c.Dynamic]: [
+    // Box
+    "min-h-[calc(theme(spacing.2xl)+theme(spacing.xs))]"
   ]
-}, Pt = G({
+}, Pt = T({
   name: "OrDataGridTableExtraRow",
   props: {
     variant: {
@@ -1020,7 +1051,7 @@ const It = /* @__PURE__ */ T(Mt, [["render", Rt]]), Ft = [
     "root"
   ],
   setup(e) {
-    const t = D(), r = n(() => [
+    const t = G(), r = n(() => [
       "or-data-grid-table-extra-row-v3",
       ...Ft,
       ...Ht[e.variant]
@@ -1031,23 +1062,23 @@ const It = /* @__PURE__ */ T(Mt, [["render", Rt]]), Ft = [
     };
   }
 });
-function jt(e, t, r, c, v, b) {
-  return a(), g("div", {
+function jt(e, t, r, m, h, b) {
+  return o(), v("div", {
     ref: "root",
     class: u(e.rootStyles)
   }, [
-    s(e.$slots, "default")
+    i(e.$slots, "default")
   ], 2);
 }
-const Et = /* @__PURE__ */ T(Pt, [["render", jt]]), Ut = [
+const Et = /* @__PURE__ */ C(Pt, [["render", jt]]), Ut = [
   // Layout
   "layout-column"
-], Nt = G({
+], Nt = T({
   name: "OrDataGrid",
   components: {
     OrCheckbox: X,
     OrDataGridFooter: ke,
-    OrDataGridHeader: Te,
+    OrDataGridHeader: Se,
     OrDataGridTable: Dt,
     OrDataGridTableContent: Ae,
     OrDataGridTableContentCell: Re,
@@ -1060,7 +1091,7 @@ const Et = /* @__PURE__ */ T(Pt, [["render", jt]]), Ut = [
     OrDataGridTableHeaderCell: nt,
     OrDataGridTableHeaderRow: ut,
     OrDataGridTablePlaceholder: yt,
-    OrDataGridToolbar: St,
+    OrDataGridToolbar: Tt,
     OrDataGridNotification: It,
     OrPagination: Y,
     OrSearch: Z,
@@ -1085,7 +1116,7 @@ const Et = /* @__PURE__ */ T(Pt, [["render", jt]]), Ut = [
     },
     variant: {
       type: String,
-      default: () => y.Standard
+      default: () => c.Standard
     },
     features: {
       type: Object,
@@ -1118,203 +1149,203 @@ const Et = /* @__PURE__ */ T(Pt, [["render", jt]]), Ut = [
     "root"
   ],
   setup(e, t) {
-    const r = D(), c = D(), v = n(() => [
+    const r = G(), m = G(), h = n(() => [
       "or-data-grid-v3",
       ...Ut
     ]), b = n(() => ({
-      scrollPaddingInlineStart: `${[...C.value.values()].reduce((o, l) => o + l, 0)}px`,
-      scrollPaddingInlineEnd: `${[...V.value.values()].reduce((o, l) => o + l, 0)}px`
-    })), k = n({
-      get: () => !!e.items.length && e.items.every((o) => O.value.includes(o.id)),
-      set: (o) => {
-        o ? O.value = [
+      scrollPaddingInlineStart: `${[...S.value.values()].reduce((a, s) => a + s, 0)}px`,
+      scrollPaddingInlineEnd: `${[...V.value.values()].reduce((a, s) => a + s, 0)}px`
+    })), $ = n({
+      get: () => !!e.items.length && e.items.every((a) => D.value.includes(a.id)),
+      set: (a) => {
+        a ? D.value = [
           .../* @__PURE__ */ new Set([
-            ...O.value,
-            ...e.items.map((l) => l.id)
+            ...D.value,
+            ...e.items.map((s) => s.id)
           ])
-        ] : O.value = [];
+        ] : D.value = [];
       }
-    }), O = n({
+    }), D = n({
       get: () => {
-        var o;
-        return ((o = e.modelValue) == null ? void 0 : o.selecting) ?? [];
+        var a;
+        return ((a = e.modelValue) == null ? void 0 : a.selecting) ?? [];
       },
-      set: (o) => {
+      set: (a) => {
         t.emit("update:modelValue", {
-          selecting: o,
-          filtering: $.value,
-          searching: i.value,
-          sorting: w.value,
-          paging: S.value
+          selecting: a,
+          filtering: k.value,
+          searching: l.value,
+          sorting: O.value,
+          paging: w.value
         });
       }
-    }), $ = n({
+    }), k = n({
       get: () => {
-        var o;
-        return (o = e.modelValue) == null ? void 0 : o.filtering;
+        var a;
+        return (a = e.modelValue) == null ? void 0 : a.filtering;
       },
-      set: (o) => {
+      set: (a) => {
         t.emit("update:modelValue", {
-          selecting: O.value,
-          filtering: o,
-          searching: i.value,
-          sorting: w.value,
+          selecting: D.value,
+          filtering: a,
+          searching: l.value,
+          sorting: O.value,
           paging: {
-            ...S.value,
+            ...w.value,
             offset: 0
           }
         });
       }
-    }), i = n({
+    }), l = n({
       get: () => {
-        var o;
-        return (o = e.modelValue) == null ? void 0 : o.searching;
+        var a;
+        return (a = e.modelValue) == null ? void 0 : a.searching;
       },
-      set: (o) => {
+      set: (a) => {
         t.emit("update:modelValue", {
-          selecting: O.value,
-          filtering: $.value,
-          searching: o,
-          sorting: w.value,
+          selecting: D.value,
+          filtering: k.value,
+          searching: a,
+          sorting: O.value,
           paging: {
-            ...S.value,
+            ...w.value,
             offset: 0
           }
         });
       }
-    }), w = n({
+    }), O = n({
       get: () => {
-        var o;
-        return (o = e.modelValue) == null ? void 0 : o.sorting;
+        var a;
+        return (a = e.modelValue) == null ? void 0 : a.sorting;
       },
-      set: (o) => {
+      set: (a) => {
         t.emit("update:modelValue", {
-          selecting: O.value,
-          filtering: $.value,
-          searching: i.value,
-          sorting: o,
+          selecting: D.value,
+          filtering: k.value,
+          searching: l.value,
+          sorting: a,
           paging: {
-            ...S.value,
+            ...w.value,
             offset: 0
           }
         });
       }
-    }), S = n({
+    }), w = n({
       get: () => {
-        var o;
-        return (o = e.modelValue) == null ? void 0 : o.paging;
+        var a;
+        return (a = e.modelValue) == null ? void 0 : a.paging;
       },
-      set: (o) => {
+      set: (a) => {
         t.emit("update:modelValue", {
-          selecting: O.value,
-          filtering: $.value,
-          searching: i.value,
-          sorting: w.value,
-          paging: o
+          selecting: D.value,
+          filtering: k.value,
+          searching: l.value,
+          sorting: O.value,
+          paging: a
         });
       }
-    }), C = D(/* @__PURE__ */ new Map()), V = D(/* @__PURE__ */ new Map()), I = n(() => e.features.selecting && (typeof e.features.selecting == "object" ? e.features.selecting.showCounter !== !1 : !0)), h = n(() => e.items.length === 0 || e.loading || typeof e.features.selecting == "object" && e.features.selecting.disabled), F = n(() => {
-      var o;
-      return ((o = c.value) == null ? void 0 : o.currentLimit) || 10;
+    }), S = G(/* @__PURE__ */ new Map()), V = G(/* @__PURE__ */ new Map()), I = n(() => e.features.selecting && (typeof e.features.selecting == "object" ? e.features.selecting.showCounter !== !1 : !0)), y = n(() => e.items.length === 0 || e.loading || typeof e.features.selecting == "object" && e.features.selecting.disabled), F = n(() => {
+      var a;
+      return ((a = m.value) == null ? void 0 : a.currentLimit) || 10;
     });
-    function j(o) {
-      i.value = o;
+    function j(a) {
+      l.value = a;
     }
-    function E(o, l, R) {
+    function E(a, s, R) {
       switch (R.stickiness) {
         case "start":
-          C.value.set(o, l), C.value = new Map(C.value), V.value.delete(o), V.value = new Map(V.value);
+          S.value.set(a, s), S.value = new Map(S.value), V.value.delete(a), V.value = new Map(V.value);
           break;
         case "end":
-          C.value.delete(o), C.value = new Map(C.value), V.value.set(o, l), V.value = new Map(V.value);
+          S.value.delete(a), S.value = new Map(S.value), V.value.set(a, s), V.value = new Map(V.value);
           break;
         default:
-          U(o);
+          U(a);
           break;
       }
     }
-    function q(o) {
-      e.interactiveRows && t.emit("hover:row", o);
+    function q(a) {
+      e.interactiveRows && t.emit("hover:row", a);
     }
-    function A(o) {
-      e.interactiveRows && t.emit("blur:row", o);
+    function A(a) {
+      e.interactiveRows && t.emit("blur:row", a);
     }
-    function L(o, l, R) {
+    function L(a, s, R) {
       e.interactiveRows && t.emit("hover:cell", {
-        item: o,
-        columnName: l,
+        item: a,
+        columnName: s,
         value: R
       });
     }
-    function B(o, l, R) {
+    function B(a, s, R) {
       e.interactiveRows && t.emit("blur:cell", {
-        item: o,
-        columnName: l,
+        item: a,
+        columnName: s,
         value: R
       });
     }
-    function z(o) {
-      e.interactiveRows && t.emit("click:row", o);
+    function z(a) {
+      e.interactiveRows && t.emit("click:row", a);
     }
-    function U(o) {
-      C.value.delete(o), C.value = new Map(C.value), V.value.delete(o), V.value = new Map(V.value);
+    function U(a) {
+      S.value.delete(a), S.value = new Map(S.value), V.value.delete(a), V.value = new Map(V.value);
     }
-    function J(o) {
-      o.currentTarget.scrollIntoView({ block: "nearest" });
+    function J(a) {
+      a.currentTarget.scrollIntoView({ block: "nearest" });
     }
     return {
       root: r,
-      rootStyles: v,
-      pagination: c,
+      rootStyles: h,
+      pagination: m,
       tableInlineStyles: b,
-      selectingIndicator: k,
+      selectingIndicator: $,
       showSelectingCouter: I,
-      selectingDisabled: h,
+      selectingDisabled: y,
       skeletonsLength: F,
       handleMouseEnterRow: q,
       handleMouseLeaveRow: A,
       handleMouseEnterCell: L,
       handleMouseLeaveCell: B,
       handleRowClick: z,
-      selectingModel: O,
-      filteringModel: $,
-      searchingModel: i,
-      sortingModel: w,
-      pagingModel: S,
+      selectingModel: D,
+      filteringModel: k,
+      searchingModel: l,
+      sortingModel: O,
+      pagingModel: w,
       updateScrollOffset: E,
       removeScrollOffset: U,
       updateSearchingModel: j,
       scrollTo: J,
-      onInput: (o, l, R) => {
-        o[l] = R, t.emit("update:item", o);
+      onInput: (a, s, R) => {
+        a[s] = R, t.emit("update:item", a);
       }
     };
   }
 });
-function qt(e, t, r, c, v, b) {
-  const k = d("OrSearch"), O = d("OrDataGridHeader"), $ = d("OrDataGridToolbar"), i = d("OrCheckbox"), w = d("OrDataGridTableHeaderCell"), S = d("OrDataGridTableHeaderRow"), C = d("OrDataGridTableHeader"), V = d("OrDataGridNotification"), I = d("OrDataGridTableExtraRow"), h = d("OrSkeletonText"), F = d("OrDataGridTableContentCell"), j = d("OrDataGridTableContentRow"), E = d("OrDataGridTablePlaceholder"), q = d("OrDataGridTableContent"), A = d("OrDataGridTable"), L = d("OrDataGridTableFooterCell"), B = d("OrDataGridTableFooterRow"), z = d("OrDataGridTableFooter"), U = d("OrPagination"), J = d("OrDataGridFooter");
-  return a(), g("div", {
+function qt(e, t, r, m, h, b) {
+  const $ = d("OrSearch"), D = d("OrDataGridHeader"), k = d("OrDataGridToolbar"), l = d("OrCheckbox"), O = d("OrDataGridTableHeaderCell"), w = d("OrDataGridTableHeaderRow"), S = d("OrDataGridTableHeader"), V = d("OrDataGridNotification"), I = d("OrDataGridTableExtraRow"), y = d("OrSkeletonText"), F = d("OrDataGridTableContentCell"), j = d("OrDataGridTableContentRow"), E = d("OrDataGridTablePlaceholder"), q = d("OrDataGridTableContent"), A = d("OrDataGridTable"), L = d("OrDataGridTableFooterCell"), B = d("OrDataGridTableFooterRow"), z = d("OrDataGridTableFooter"), U = d("OrPagination"), J = d("OrDataGridFooter");
+  return o(), v("div", {
     ref: "root",
     class: u(e.rootStyles)
   }, [
-    e.$slots.title || e.features.searching || e.$slots.search || e.$slots.extraActions ? (a(), f(O, {
+    e.$slots.title || e.features.searching || e.$slots.search || e.$slots.extraActions ? (o(), p(D, {
       key: 0,
       class: u(["shrink-0"])
     }, K({ _: 2 }, [
       e.$slots.title ? {
         name: "title",
-        fn: m(() => [
-          s(e.$slots, "title")
+        fn: f(() => [
+          i(e.$slots, "title")
         ]),
         key: "0"
       } : void 0,
       e.features.searching ? {
         name: "searching",
-        fn: m(() => [
-          s(e.$slots, "search", oe(ae({ updateSearchingModel: e.updateSearchingModel, searchingModel: e.searchingModel })), () => [
-            M(k, {
+        fn: f(() => [
+          i(e.$slots, "search", ae(oe({ updateSearchingModel: e.updateSearchingModel, searchingModel: e.searchingModel })), () => [
+            M($, {
               modelValue: e.searchingModel,
-              "onUpdate:modelValue": t[0] || (t[0] = (o) => e.searchingModel = o)
+              "onUpdate:modelValue": t[0] || (t[0] = (a) => e.searchingModel = a)
             }, null, 8, ["modelValue"])
           ])
         ]),
@@ -1322,60 +1353,60 @@ function qt(e, t, r, c, v, b) {
       } : void 0,
       e.$slots.extraActions ? {
         name: "extraActions",
-        fn: m(() => [
-          s(e.$slots, "extraActions")
+        fn: f(() => [
+          i(e.$slots, "extraActions")
         ]),
         key: "2"
       } : void 0
-    ]), 1024)) : p("", !0),
-    e.$slots.toolbar ? (a(), f($, {
+    ]), 1024)) : g("", !0),
+    e.$slots.toolbar ? (o(), p(k, {
       key: 1,
       class: u(["shrink-0"])
     }, {
-      default: m(() => [
-        s(e.$slots, "toolbar")
+      default: f(() => [
+        i(e.$slots, "toolbar")
       ]),
       _: 3
-    })) : p("", !0),
+    })) : g("", !0),
     M(A, {
       class: u(["grow", { "grid-rows-[auto_1fr]": e.items.length === 0 }]),
       style: N(e.tableInlineStyles),
       columns: e.columns,
       features: e.features
     }, {
-      default: m(() => [
-        M(C, null, {
-          default: m(() => [
-            M(S, { variant: e.variant }, {
-              default: m(() => [
-                e.features.selecting ? (a(), f(w, {
+      default: f(() => [
+        M(S, null, {
+          default: f(() => [
+            M(w, { variant: e.variant }, {
+              default: f(() => [
+                e.features.selecting ? (o(), p(O, {
                   key: 0,
                   column: { stickiness: "start" },
                   class: "!py-xs !px-xs md:!py-none md:!px-sm+",
                   "onUpdate:scrollOffset": e.updateScrollOffset,
                   "onRemove:scrollOffset": e.removeScrollOffset
                 }, {
-                  default: m(() => [
-                    M(i, {
+                  default: f(() => [
+                    M(l, {
                       modelValue: e.selectingIndicator,
-                      "onUpdate:modelValue": t[1] || (t[1] = (o) => e.selectingIndicator = o),
+                      "onUpdate:modelValue": t[1] || (t[1] = (a) => e.selectingIndicator = a),
                       indeterminate: !e.selectingIndicator && e.selectingModel.length > 0,
                       disabled: e.selectingDisabled
                     }, null, 8, ["modelValue", "indeterminate", "disabled"])
                   ]),
                   _: 1
-                }, 8, ["onUpdate:scrollOffset", "onRemove:scrollOffset"])) : p("", !0),
-                (a(!0), g(H, null, P(e.columns, (o) => (a(), f(w, {
-                  key: o.name,
+                }, 8, ["onUpdate:scrollOffset", "onRemove:scrollOffset"])) : g("", !0),
+                (o(!0), v(H, null, P(e.columns, (a) => (o(), p(O, {
+                  key: a.name,
                   modelValue: e.sortingModel,
-                  "onUpdate:modelValue": t[2] || (t[2] = (l) => e.sortingModel = l),
-                  column: o,
+                  "onUpdate:modelValue": t[2] || (t[2] = (s) => e.sortingModel = s),
+                  column: a,
                   features: e.features,
                   "onUpdate:scrollOffset": e.updateScrollOffset,
                   "onRemove:scrollOffset": e.removeScrollOffset
                 }, {
-                  default: m(() => [
-                    Q(W(o.label), 1)
+                  default: f(() => [
+                    Q(W(a.label), 1)
                   ]),
                   _: 2
                 }, 1032, ["modelValue", "column", "features", "onUpdate:scrollOffset", "onRemove:scrollOffset"]))), 128))
@@ -1385,160 +1416,164 @@ function qt(e, t, r, c, v, b) {
           ]),
           _: 1
         }),
-        e.notification ? (a(), f(V, {
+        e.notification ? (o(), p(V, {
           key: 0,
           notification: e.notification,
           variant: e.variant,
-          onCloseNotification: t[3] || (t[3] = (o) => e.$emit("close-notification"))
+          onCloseNotification: t[3] || (t[3] = (a) => e.$emit("close-notification"))
         }, K({ _: 2 }, [
           e.$slots.notification ? {
             name: "notification",
-            fn: m(() => [
-              s(e.$slots, "notification")
+            fn: f(() => [
+              i(e.$slots, "notification")
             ]),
             key: "0"
           } : void 0
-        ]), 1032, ["notification", "variant"])) : p("", !0),
+        ]), 1032, ["notification", "variant"])) : g("", !0),
         M(q, null, {
-          default: m(() => [
-            e.$slots["before-rows"] ? (a(), f(I, {
+          default: f(() => [
+            e.$slots["before-rows"] ? (o(), p(I, {
               key: 0,
               variant: e.variant,
               class: "border-b-1"
             }, {
-              default: m(() => [
-                s(e.$slots, "before-rows")
+              default: f(() => [
+                i(e.$slots, "before-rows")
               ]),
               _: 3
-            }, 8, ["variant"])) : p("", !0),
-            e.loading ? (a(!0), g(H, { key: 1 }, P(e.skeletonsLength, (o) => (a(), f(j, {
-              key: o,
+            }, 8, ["variant"])) : g("", !0),
+            e.loading ? (o(!0), v(H, { key: 1 }, P(e.skeletonsLength, (a) => (o(), p(j, {
+              key: a,
               variant: e.variant,
               interactive: e.interactiveRows
             }, {
-              default: m(() => [
-                e.features.selecting ? (a(), f(F, {
+              default: f(() => [
+                e.features.selecting ? (o(), p(F, {
                   key: 0,
                   column: { stickiness: "start" },
+                  variant: e.variant,
                   override: !0
                 }, {
-                  default: m(() => [
-                    M(h)
+                  default: f(() => [
+                    M(y)
                   ]),
                   _: 1
-                })) : p("", !0),
-                (a(!0), g(H, null, P(e.columns, (l) => (a(), f(F, {
-                  key: l.name,
-                  column: l,
+                }, 8, ["variant"])) : g("", !0),
+                (o(!0), v(H, null, P(e.columns, (s) => (o(), p(F, {
+                  key: s.name,
+                  column: s,
                   features: e.features,
+                  variant: e.variant,
                   override: !0
                 }, {
-                  default: m(() => [
-                    s(e.$slots, "column-loading", { column: l }, () => [
-                      M(h)
+                  default: f(() => [
+                    i(e.$slots, "column-loading", { column: s }, () => [
+                      M(y)
                     ])
                   ]),
                   _: 2
-                }, 1032, ["column", "features"]))), 128))
+                }, 1032, ["column", "features", "variant"]))), 128))
               ]),
               _: 2
-            }, 1032, ["variant", "interactive"]))), 128)) : e.items.length > 0 ? (a(!0), g(H, { key: 2 }, P(e.items, (o) => (a(), f(j, {
-              key: o.id,
+            }, 1032, ["variant", "interactive"]))), 128)) : e.items.length > 0 ? (o(!0), v(H, { key: 2 }, P(e.items, (a) => (o(), p(j, {
+              key: a.id,
               variant: e.variant,
-              selected: e.selectingModel.includes(o.id),
+              selected: e.selectingModel.includes(a.id),
               interactive: e.interactiveRows,
-              onMouseenter: () => e.handleMouseEnterRow(o),
-              onMouseleave: () => e.handleMouseLeaveRow(o),
-              onClick: () => e.handleRowClick(o)
+              onMouseenter: () => e.handleMouseEnterRow(a),
+              onMouseleave: () => e.handleMouseLeaveRow(a),
+              onClick: () => e.handleRowClick(a)
             }, {
-              default: m(() => [
-                e.features.selecting ? (a(), f(F, {
+              default: f(() => [
+                e.features.selecting ? (o(), p(F, {
                   key: 0,
                   column: { stickiness: "start" },
+                  variant: e.variant,
                   "force-state": "none",
                   class: "!py-xs !px-xs md:!py-none md:!px-sm+",
-                  onMouseenter: () => e.handleMouseEnterCell(o, "selecting", e.selectingModel.includes(o.id)),
-                  onMouseleave: () => e.handleMouseLeaveCell(o, "selecting", e.selectingModel.includes(o.id))
+                  onMouseenter: () => e.handleMouseEnterCell(a, "selecting", e.selectingModel.includes(a.id)),
+                  onMouseleave: () => e.handleMouseLeaveCell(a, "selecting", e.selectingModel.includes(a.id))
                 }, {
-                  default: m(() => [
-                    M(i, {
+                  default: f(() => [
+                    M(l, {
                       modelValue: e.selectingModel,
-                      "onUpdate:modelValue": t[4] || (t[4] = (l) => e.selectingModel = l),
-                      value: o.id,
+                      "onUpdate:modelValue": t[4] || (t[4] = (s) => e.selectingModel = s),
+                      value: a.id,
                       disabled: e.selectingDisabled
                     }, null, 8, ["modelValue", "value", "disabled"])
                   ]),
                   _: 2
-                }, 1032, ["onMouseenter", "onMouseleave"])) : p("", !0),
-                (a(!0), g(H, null, P(e.columns, (l) => (a(), f(F, {
-                  key: l.name,
-                  "model-value": o[l.name],
-                  column: l,
+                }, 1032, ["variant", "onMouseenter", "onMouseleave"])) : g("", !0),
+                (o(!0), v(H, null, P(e.columns, (s) => (o(), p(F, {
+                  key: s.name,
+                  "model-value": a[s.name],
+                  column: s,
                   features: e.features,
-                  onInput: (R) => e.onInput(o, l.name, R),
+                  variant: e.variant,
+                  onInput: (R) => e.onInput(a, s.name, R),
                   onFocusin: t[5] || (t[5] = (R) => e.scrollTo(R)),
-                  onMouseenter: () => e.handleMouseEnterCell(o, l.name, o[l.name]),
-                  onMouseleave: () => e.handleMouseLeaveCell(o, l.name, o[l.name])
+                  onMouseenter: () => e.handleMouseEnterCell(a, s.name, a[s.name]),
+                  onMouseleave: () => e.handleMouseLeaveCell(a, s.name, a[s.name])
                 }, {
-                  default: m(() => [
-                    s(e.$slots, l.name, {
-                      column: l,
-                      item: o
+                  default: f(() => [
+                    i(e.$slots, s.name, {
+                      column: s,
+                      item: a
                     }, () => [
-                      Q(W(o[l.name]), 1)
+                      Q(W(a[s.name]), 1)
                     ])
                   ]),
                   _: 2
-                }, 1032, ["model-value", "column", "features", "onInput", "onMouseenter", "onMouseleave"]))), 128))
+                }, 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) ? (a(), f(E, {
+            }, 1032, ["variant", "selected", "interactive", "onMouseenter", "onMouseleave", "onClick"]))), 128)) : e.$slots.noSearchResults && (e.features.filtering && e.filteringModel || e.features.searching && e.searchingModel) ? (o(), p(E, {
               key: 3,
               class: u(["col-span-full"]),
               variant: e.variant
             }, {
-              default: m(() => [
-                s(e.$slots, "noSearchResults", {
+              default: f(() => [
+                i(e.$slots, "noSearchResults", {
                   filter: e.filteringModel,
                   search: e.searchingModel
                 })
               ]),
               _: 3
-            }, 8, ["variant"])) : e.$slots.empty ? (a(), f(E, {
+            }, 8, ["variant"])) : e.$slots.empty ? (o(), p(E, {
               key: 4,
               class: u(["col-span-full"]),
               variant: e.variant
             }, {
-              default: m(() => [
-                s(e.$slots, "empty")
+              default: f(() => [
+                i(e.$slots, "empty")
               ]),
               _: 3
-            }, 8, ["variant"])) : p("", !0),
-            e.$slots["after-rows"] ? (a(), f(I, {
+            }, 8, ["variant"])) : g("", !0),
+            e.$slots["after-rows"] ? (o(), p(I, {
               key: 5,
               variant: e.variant
             }, {
-              default: m(() => [
-                s(e.$slots, "after-rows")
+              default: f(() => [
+                i(e.$slots, "after-rows")
               ]),
               _: 3
-            }, 8, ["variant"])) : p("", !0)
+            }, 8, ["variant"])) : g("", !0)
           ]),
           _: 3
         })
       ]),
       _: 3
     }, 8, ["class", "style", "columns", "features"]),
-    e.$slots["extra-row"] ? (a(), f(z, { key: 2 }, {
-      default: m(() => [
+    e.$slots["extra-row"] ? (o(), p(z, { key: 2 }, {
+      default: f(() => [
         M(B, {
           class: u(["shrink-0"]),
           variant: e.variant
         }, {
-          default: m(() => [
+          default: f(() => [
             M(L, null, {
-              default: m(() => [
-                s(e.$slots, "extra-row")
+              default: f(() => [
+                i(e.$slots, "extra-row")
               ]),
               _: 3
             })
@@ -1547,47 +1582,47 @@ function qt(e, t, r, c, v, b) {
         }, 8, ["variant"])
       ]),
       _: 3
-    })) : p("", !0),
-    e.$slots.actions || e.showSelectingCouter || e.features.paging ? (a(), f(J, {
+    })) : g("", !0),
+    e.$slots.actions || e.showSelectingCouter || e.features.paging ? (o(), p(J, {
       key: 3,
       class: u(["shrink-0"])
     }, K({ _: 2 }, [
       e.features.selecting && e.selectingModel.length > 0 ? {
         name: "status",
-        fn: m(() => [
+        fn: f(() => [
           Q(W(e.selectingModel.length) + " row(s) selected ", 1)
         ]),
         key: "0"
       } : void 0,
       e.$slots.actions ? {
         name: "actions",
-        fn: m(() => [
-          s(e.$slots, "actions")
+        fn: f(() => [
+          i(e.$slots, "actions")
         ]),
         key: "1"
       } : void 0,
       e.features.paging ? {
         name: "paging",
-        fn: m(() => [
+        fn: f(() => [
           M(U, {
             ref: "pagination",
             modelValue: e.pagingModel,
-            "onUpdate:modelValue": t[6] || (t[6] = (o) => e.pagingModel = o),
+            "onUpdate:modelValue": t[6] || (t[6] = (a) => e.pagingModel = a),
             length: e.features.paging.length,
             options: e.features.paging.options
           }, null, 8, ["modelValue", "length", "options"])
         ]),
         key: "2"
       } : void 0
-    ]), 1024)) : p("", !0)
+    ]), 1024)) : g("", !0)
   ], 2);
 }
-const lo = /* @__PURE__ */ T(Nt, [["render", qt]]);
+const la = /* @__PURE__ */ C(Nt, [["render", qt]]);
 export {
-  y as D,
-  lo as O,
+  c as D,
+  la as O,
   ke as a,
-  Te as b,
+  Se as b,
   Re as c,
   Ee as d,
   Ae as e,
@@ -1599,8 +1634,8 @@ export {
   pt as k,
   yt as l,
   Dt as m,
-  St as n,
+  Tt as n,
   It as o,
   Et as p
 };
-//# sourceMappingURL=OrDataGrid-MuOX0_U6.mjs.map
+//# sourceMappingURL=OrDataGrid-CCz56Bn1.mjs.map