@onereach/ui-components 26.1.0 → 26.1.1-beta.5840.0

package/dist/esm/{OrDataGrid-BAfTYVHn.mjs → OrDataGrid-DilQSW6Y.mjs}

@@ -2,7 +2,7 @@ import { O as X } from "./OrCheckbox-WPBzlvaV.mjs";
 import { O as Y } from "./OrPagination-pcDCKc9g.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 f, normalizeClass as u, renderSlot as s, createCommentVNode as g, resolveComponent as d, normalizeStyle as N, Fragment as H, createBlock as m, watch as x, createElementVNode as ee, createVNode as M, mergeProps as te, withCtx as p, createSlots as K, normalizeProps as oe, guardReactiveProps as ae, renderList as P, createTextVNode as Q, toDisplayString as W } from "vue";
+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 { O as re } from "./OrDatePicker-B_N24Q-T.mjs";
 import { O as ne } from "./OrDateTimePicker-CNt_o1Js.mjs";
@@ -31,10 +31,10 @@ const ge = [
   // Theme
   "theme-border-disabled border-t-1",
   "dark:theme-border-disabled-dark"
-], be = [
+], ve = [
   // Typography
   "typography-body-2-semibold"
-], ve = G({
+], be = G({
   name: "OrDataGridFooter",
   expose: [
     "root"
@@ -44,7 +44,7 @@ const ge = [
       "or-data-grid-footer-v3",
       ...ge
     ]), r = n(() => [
-      ...be
+      ...ve
     ]);
     return {
       root: e,
@@ -56,25 +56,25 @@ const ge = [
   key: 1,
   class: /* @__PURE__ */ u(["grow"])
 };
-function ye(e, t, r, c, b, v) {
-  return a(), f("div", {
+function ye(e, t, r, c, v, b) {
+  return a(), g("div", {
     ref: "root",
     class: u(e.rootStyles)
   }, [
-    e.$slots.status ? (a(), f("div", {
+    e.$slots.status ? (a(), g("div", {
       key: 0,
       class: u(e.statusStyles)
     }, [
       s(e.$slots, "status")
-    ], 2)) : g("", !0),
+    ], 2)) : p("", !0),
     s(e.$slots, "actions"),
-    e.$slots.paging ? (a(), f("div", he)) : g("", !0),
+    e.$slots.paging ? (a(), g("div", he)) : p("", !0),
     s(e.$slots, "paging")
   ], 2);
 }
-const ke = /* @__PURE__ */ T(ve, [["render", ye]]), Oe = [
+const ke = /* @__PURE__ */ T(be, [["render", ye]]), Oe = [
   // Layout
-  "layout-row items-start",
+  "layout-row items-start gap-md",
   // Interactivity
   "interactivity-default",
   // Box
@@ -104,19 +104,20 @@ const ke = /* @__PURE__ */ T(ve, [["render", ye]]), Oe = [
   key: 1,
   class: /* @__PURE__ */ u(["grow"])
 };
-function Ge(e, t, r, c, b, v) {
-  return a(), f("div", {
+function Ge(e, t, r, c, v, b) {
+  return a(), g("div", {
     ref: "root",
     class: u(e.rootStyles)
   }, [
-    e.$slots.title ? (a(), f("div", {
+    e.$slots.title ? (a(), g("div", {
       key: 0,
       class: u(e.titleStyles)
     }, [
       s(e.$slots, "title")
-    ], 2)) : g("", !0),
-    e.$slots.searching ? (a(), f("div", we)) : g("", !0),
-    s(e.$slots, "searching")
+    ], 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)
   ], 2);
 }
 const Te = /* @__PURE__ */ T(De, [["render", Ge]]), Se = [
@@ -196,7 +197,7 @@ const Te = /* @__PURE__ */ T(De, [["render", Ge]]), Se = [
         ...Se,
         ...($ = e.column) != null && $.stickiness ? [`sticky-${e.column.stickiness}`] : []
       ];
-    }), b = n(() => {
+    }), v = n(() => {
       if (e.column)
         switch (e.column.stickiness) {
           case "start":
@@ -222,7 +223,7 @@ const Te = /* @__PURE__ */ T(De, [["render", Ge]]), Se = [
       return {
         justifyContent: "center"
       };
-    }), v = n(() => [
+    }), b = n(() => [
       ...Ce
     ]), k = n({
       get: () => e.modelValue,
@@ -236,86 +237,86 @@ const Te = /* @__PURE__ */ T(De, [["render", Ge]]), Se = [
     return {
       root: r,
       rootStyles: c,
-      rootInlineStyles: b,
-      contentStyles: v,
+      rootInlineStyles: v,
+      contentStyles: b,
       model: k,
       control: O
     };
   }
 });
-function Me(e, t, r, c, b, v) {
+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(), f("div", {
+  return a(), g("div", {
     ref: "root",
     class: u(e.rootStyles),
     style: N(e.rootInlineStyles)
   }, [
-    e.override ? s(e.$slots, "default", { key: 0 }) : e.control ? (a(), f(H, { key: 1 }, [
-      e.control.type === "text" ? (a(), m(k, {
+    e.override ? s(e.$slots, "default", { key: 0 }) : e.control ? (a(), g(H, { key: 1 }, [
+      e.control.type === "text" ? (a(), f(k, {
         key: 0,
         modelValue: e.model,
         "onUpdate:modelValue": t[0] || (t[0] = (h) => e.model = h),
         type: "text",
         variant: "embedded"
-      }, null, 8, ["modelValue"])) : g("", !0),
-      e.control.type === "number" ? (a(), m(k, {
+      }, null, 8, ["modelValue"])) : p("", !0),
+      e.control.type === "number" ? (a(), f(k, {
         key: 1,
         modelValue: e.model,
         "onUpdate:modelValue": t[1] || (t[1] = (h) => e.model = h),
         type: "number",
         variant: "embedded"
-      }, null, 8, ["modelValue"])) : g("", !0),
-      e.control.type === "rating" ? (a(), m(O, {
+      }, null, 8, ["modelValue"])) : p("", !0),
+      e.control.type === "rating" ? (a(), f(O, {
         key: 2,
         modelValue: e.model,
         "onUpdate:modelValue": t[2] || (t[2] = (h) => e.model = h)
-      }, null, 8, ["modelValue"])) : g("", !0),
-      e.control.type === "select" ? (a(), m($, {
+      }, null, 8, ["modelValue"])) : p("", !0),
+      e.control.type === "select" ? (a(), f($, {
         key: 3,
         modelValue: e.model,
         "onUpdate:modelValue": t[3] || (t[3] = (h) => e.model = h),
         options: e.control.options,
         variant: "embedded",
         anchor: e.root
-      }, null, 8, ["modelValue", "options", "anchor"])) : g("", !0),
-      e.control.type === "checkbox" ? (a(), m(i, {
+      }, null, 8, ["modelValue", "options", "anchor"])) : p("", !0),
+      e.control.type === "checkbox" ? (a(), f(i, {
         key: 4,
         modelValue: e.model,
         "onUpdate:modelValue": t[4] || (t[4] = (h) => e.model = h)
-      }, null, 8, ["modelValue"])) : g("", !0),
-      e.control.type === "switch" ? (a(), m(w, {
+      }, null, 8, ["modelValue"])) : p("", !0),
+      e.control.type === "switch" ? (a(), f(w, {
         key: 5,
         modelValue: e.model,
         "onUpdate:modelValue": t[5] || (t[5] = (h) => e.model = h)
-      }, null, 8, ["modelValue"])) : g("", !0),
-      e.control.type === "date" ? (a(), m(S, {
+      }, null, 8, ["modelValue"])) : p("", !0),
+      e.control.type === "date" ? (a(), f(S, {
         key: 6,
         modelValue: e.model,
         "onUpdate:modelValue": t[6] || (t[6] = (h) => e.model = h),
         variant: "embedded",
         anchor: e.root
-      }, null, 8, ["modelValue", "anchor"])) : g("", !0),
-      e.control.type === "time" ? (a(), m(C, {
+      }, null, 8, ["modelValue", "anchor"])) : p("", !0),
+      e.control.type === "time" ? (a(), f(C, {
         key: 7,
         modelValue: e.model,
         "onUpdate:modelValue": t[7] || (t[7] = (h) => e.model = h),
         variant: "embedded",
         anchor: e.root
-      }, null, 8, ["modelValue", "anchor"])) : g("", !0),
-      e.control.type === "datetime" ? (a(), m(V, {
+      }, null, 8, ["modelValue", "anchor"])) : p("", !0),
+      e.control.type === "datetime" ? (a(), f(V, {
         key: 8,
         modelValue: e.model,
         "onUpdate:modelValue": t[8] || (t[8] = (h) => e.model = h),
         variant: "embedded",
         anchor: e.root
-      }, null, 8, ["modelValue", "anchor"])) : g("", !0),
-      e.control.type === "tags" ? (a(), m(I, {
+      }, null, 8, ["modelValue", "anchor"])) : p("", !0),
+      e.control.type === "tags" ? (a(), f(I, {
         key: 9,
         modelValue: e.model,
         "onUpdate:modelValue": t[9] || (t[9] = (h) => e.model = h),
         variant: "embedded"
-      }, null, 8, ["modelValue"])) : g("", !0)
-    ], 64)) : (a(), f("div", {
+      }, null, 8, ["modelValue"])) : p("", !0)
+    ], 64)) : (a(), g("div", {
       key: 2,
       class: u(e.contentStyles)
     }, [
@@ -392,8 +393,8 @@ const Ie = [
     };
   }
 }), Pe = ["selected"];
-function je(e, t, r, c, b, v) {
-  return a(), f("div", {
+function je(e, t, r, c, v, b) {
+  return a(), g("div", {
     ref: "root",
     class: u(e.rootStyles),
     selected: e.selected
@@ -420,15 +421,15 @@ const Ee = /* @__PURE__ */ T(He, [["render", je]]), Ue = [
     };
   }
 });
-function qe(e, t, r, c, b, v) {
-  return a(), f("div", {
+function qe(e, t, r, c, v, b) {
+  return a(), g("div", {
     ref: "root",
     class: u(e.rootStyles)
   }, [
     s(e.$slots, "default")
   ], 2);
 }
-const Le = /* @__PURE__ */ T(Ne, [["render", qe]]), Be = [
+const Ae = /* @__PURE__ */ T(Ne, [["render", qe]]), Le = [
   // Layout
   "layout-row",
   // Spacing
@@ -438,7 +439,7 @@ const Le = /* @__PURE__ */ T(Ne, [["render", qe]]), Be = [
   // Theme
   "theme-border-transparent border-1",
   "dark:theme-border-transparent-dark"
-], ze = G({
+], Be = G({
   name: "OrDataGridTableFooterCell",
   expose: [
     "root"
@@ -446,7 +447,7 @@ const Le = /* @__PURE__ */ T(Ne, [["render", qe]]), Be = [
   setup() {
     const e = D(), t = n(() => [
       "or-data-grid-table-footer-cell-v3",
-      ...Be
+      ...Le
     ]);
     return {
       root: e,
@@ -454,15 +455,15 @@ const Le = /* @__PURE__ */ T(Ne, [["render", qe]]), Be = [
     };
   }
 });
-function Ae(e, t, r, c, b, v) {
-  return a(), f("div", {
+function ze(e, t, r, c, v, b) {
+  return a(), g("div", {
     ref: "root",
     class: u(e.rootStyles)
   }, [
     s(e.$slots, "default")
   ], 2);
 }
-const Je = /* @__PURE__ */ T(ze, [["render", Ae]]), Ke = [
+const Je = /* @__PURE__ */ T(Be, [["render", ze]]), Ke = [
   // Layout
   "grid grid-cols-1",
   // Typography
@@ -511,8 +512,8 @@ const Je = /* @__PURE__ */ T(ze, [["render", Ae]]), Ke = [
     };
   }
 });
-function Xe(e, t, r, c, b, v) {
-  return a(), f("div", {
+function Xe(e, t, r, c, v, b) {
+  return a(), g("div", {
     ref: "root",
     class: u(e.rootStyles)
   }, [
@@ -538,8 +539,8 @@ const Ye = /* @__PURE__ */ T(We, [["render", Xe]]), Ze = [
     };
   }
 });
-function xe(e, t, r, c, b, v) {
-  return a(), f("div", {
+function xe(e, t, r, c, v, b) {
+  return a(), g("div", {
     ref: "root",
     class: u(e.rootStyles)
   }, [
@@ -597,7 +598,7 @@ const et = /* @__PURE__ */ T(_e, [["render", xe]]), tt = [
     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;
-    }), b = n(() => {
+    }), v = n(() => {
       var i;
       return [
         "or-data-grid-table-header-cell-v3",
@@ -605,7 +606,7 @@ const et = /* @__PURE__ */ T(_e, [["render", xe]]), tt = [
         ...(i = e.column) != null && i.stickiness ? [`sticky-${e.column.stickiness}`] : [],
         ...c.value ? ["interactivity-click"] : []
       ];
-    }), v = n(() => {
+    }), b = n(() => {
       if (e.column)
         switch (e.column.stickiness) {
           case "start":
@@ -675,8 +676,8 @@ const et = /* @__PURE__ */ T(_e, [["render", xe]]), tt = [
       S && S !== i && t.emit("remove:scrollOffset", S), t.emit("update:scrollOffset", i, w, e.column);
     }), {
       root: r,
-      rootStyles: b,
-      rootInlineStyles: v,
+      rootStyles: v,
+      rootInlineStyles: b,
       isSortable: c,
       model: k,
       toggleSorting: O
@@ -685,9 +686,9 @@ const et = /* @__PURE__ */ T(_e, [["render", xe]]), tt = [
 }), at = {
   class: /* @__PURE__ */ u(["truncate"])
 };
-function rt(e, t, r, c, b, v) {
+function rt(e, t, r, c, v, b) {
   const k = d("OrIcon");
-  return a(), f("div", {
+  return a(), g("div", {
     ref: "root",
     class: u(e.rootStyles),
     style: N(e.rootInlineStyles),
@@ -696,10 +697,10 @@ function rt(e, t, r, c, b, v) {
     ee("div", at, [
       s(e.$slots, "default")
     ]),
-    e.model ? (a(), m(k, {
+    e.model ? (a(), f(k, {
       key: 0,
       icon: e.model.direction === "asc" ? "arrow_upward" : "arrow_downward"
-    }, null, 8, ["icon"])) : g("", !0)
+    }, null, 8, ["icon"])) : p("", !0)
   ], 6);
 }
 const nt = /* @__PURE__ */ T(ot, [["render", rt]]), lt = [
@@ -750,8 +751,8 @@ const nt = /* @__PURE__ */ T(ot, [["render", rt]]), lt = [
     };
   }
 });
-function dt(e, t, r, c, b, v) {
-  return a(), f("div", {
+function dt(e, t, r, c, v, b) {
+  return a(), g("div", {
     ref: "root",
     class: u(e.rootStyles)
   }, [
@@ -777,8 +778,8 @@ const ut = /* @__PURE__ */ T(it, [["render", dt]]), ct = [
     };
   }
 });
-function ft(e, t, r, c, b, v) {
-  return a(), f("div", {
+function ft(e, t, r, c, v, b) {
+  return a(), g("div", {
     ref: "root",
     class: u(e.rootStyles)
   }, [
@@ -799,7 +800,7 @@ const pt = /* @__PURE__ */ T(mt, [["render", ft]]), gt = [
   "dark:theme-foreground-default-dark",
   "theme-background-default",
   "dark:theme-background-default-dark"
-], bt = {
+], vt = {
   [y.Standard]: [
     // Box
     "min-h-[calc(theme(spacing.2xl)+theme(spacing.xs))]"
@@ -812,7 +813,7 @@ const pt = /* @__PURE__ */ T(mt, [["render", ft]]), gt = [
     // Box
     "min-h-[calc(theme(spacing.xl)+theme(spacing.xs))]"
   ]
-}, vt = G({
+}, bt = G({
   name: "OrDataGridTablePlaceholder",
   props: {
     variant: {
@@ -827,7 +828,7 @@ const pt = /* @__PURE__ */ T(mt, [["render", ft]]), gt = [
     const t = D(), r = n(() => [
       "or-data-grid-table-placeholder-v3",
       ...gt,
-      ...bt[e.variant]
+      ...vt[e.variant]
     ]);
     return {
       root: t,
@@ -835,15 +836,15 @@ const pt = /* @__PURE__ */ T(mt, [["render", ft]]), gt = [
     };
   }
 });
-function ht(e, t, r, c, b, v) {
-  return a(), f("div", {
+function ht(e, t, r, c, v, b) {
+  return a(), g("div", {
     ref: "root",
     class: u(e.rootStyles)
   }, [
     s(e.$slots, "default")
   ], 2);
 }
-const yt = /* @__PURE__ */ T(vt, [["render", ht]]), kt = [
+const yt = /* @__PURE__ */ T(bt, [["render", ht]]), kt = [
   // Layout
   "grid content-start",
   // Overflow
@@ -870,8 +871,8 @@ const yt = /* @__PURE__ */ T(vt, [["render", ht]]), kt = [
       "or-data-grid-table-v3",
       ...kt
     ]), c = n(() => {
-      const b = e.columns.map((v) => v.width ?? "auto");
-      return e.features.selecting ? { gridTemplateColumns: `0fr ${b.join(" ")}` } : { gridTemplateColumns: b.join(" ") };
+      const v = e.columns.map((b) => b.width ?? "auto");
+      return e.features.selecting ? { gridTemplateColumns: `0fr ${v.join(" ")}` } : { gridTemplateColumns: v.join(" ") };
     });
     return {
       root: t,
@@ -880,8 +881,8 @@ const yt = /* @__PURE__ */ T(vt, [["render", ht]]), kt = [
     };
   }
 });
-function $t(e, t, r, c, b, v) {
-  return a(), f("div", {
+function $t(e, t, r, c, v, b) {
+  return a(), g("div", {
     ref: "root",
     class: u(e.rootStyles),
     style: N(e.rootInlineStyles)
@@ -912,8 +913,8 @@ const Dt = /* @__PURE__ */ T(Ot, [["render", $t]]), wt = [
     };
   }
 });
-function Tt(e, t, r, c, b, v) {
-  return a(), f("div", {
+function Tt(e, t, r, c, v, b) {
+  return a(), g("div", {
     ref: "root",
     class: u(e.rootStyles)
   }, [
@@ -965,17 +966,17 @@ const St = /* @__PURE__ */ T(Gt, [["render", Tt]]), Ct = [
     };
   }
 });
-function Rt(e, t, r, c, b, v) {
+function Rt(e, t, r, c, v, b) {
   const k = d("OrNotification");
-  return a(), f("div", {
+  return a(), g("div", {
     class: u(e.rootStyles)
   }, [
     M(k, te(e.notification, {
       class: "rounded-0 shadow-none",
       onClose: t[0] || (t[0] = (O) => e.$emit("close-notification"))
     }), {
-      default: p(() => [
-        e.$slots.notification ? s(e.$slots, "notification", { key: 0 }) : g("", !0)
+      default: m(() => [
+        e.$slots.notification ? s(e.$slots, "notification", { key: 0 }) : p("", !0)
       ]),
       _: 3
     }, 16)
@@ -1030,8 +1031,8 @@ const It = /* @__PURE__ */ T(Mt, [["render", Rt]]), Ft = [
     };
   }
 });
-function jt(e, t, r, c, b, v) {
-  return a(), f("div", {
+function jt(e, t, r, c, v, b) {
+  return a(), g("div", {
     ref: "root",
     class: u(e.rootStyles)
   }, [
@@ -1048,7 +1049,7 @@ const Et = /* @__PURE__ */ T(Pt, [["render", jt]]), Ut = [
     OrDataGridFooter: ke,
     OrDataGridHeader: Te,
     OrDataGridTable: Dt,
-    OrDataGridTableContent: Le,
+    OrDataGridTableContent: Ae,
     OrDataGridTableContentCell: Re,
     OrDataGridTableContentRow: Ee,
     OrDataGridTableFooter: et,
@@ -1117,10 +1118,10 @@ const Et = /* @__PURE__ */ T(Pt, [["render", jt]]), Ut = [
     "root"
   ],
   setup(e, t) {
-    const r = D(), c = D(), b = n(() => [
+    const r = D(), c = D(), v = n(() => [
       "or-data-grid-v3",
       ...Ut
-    ]), v = n(() => ({
+    ]), 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({
@@ -1235,24 +1236,24 @@ const Et = /* @__PURE__ */ T(Pt, [["render", jt]]), Ut = [
     function q(o) {
       e.interactiveRows && t.emit("hover:row", o);
     }
-    function L(o) {
+    function A(o) {
       e.interactiveRows && t.emit("blur:row", o);
     }
-    function B(o, l, R) {
+    function L(o, l, R) {
       e.interactiveRows && t.emit("hover:cell", {
         item: o,
         columnName: l,
         value: R
       });
     }
-    function z(o, l, R) {
+    function B(o, l, R) {
       e.interactiveRows && t.emit("blur:cell", {
         item: o,
         columnName: l,
         value: R
       });
     }
-    function A(o) {
+    function z(o) {
       e.interactiveRows && t.emit("click:row", o);
     }
     function U(o) {
@@ -1263,18 +1264,18 @@ const Et = /* @__PURE__ */ T(Pt, [["render", jt]]), Ut = [
     }
     return {
       root: r,
-      rootStyles: b,
+      rootStyles: v,
       pagination: c,
-      tableInlineStyles: v,
+      tableInlineStyles: b,
       selectingIndicator: k,
       showSelectingCouter: I,
       selectingDisabled: h,
       skeletonsLength: F,
       handleMouseEnterRow: q,
-      handleMouseLeaveRow: L,
-      handleMouseEnterCell: B,
-      handleMouseLeaveCell: z,
-      handleRowClick: A,
+      handleMouseLeaveRow: A,
+      handleMouseEnterCell: L,
+      handleMouseLeaveCell: B,
+      handleRowClick: z,
       selectingModel: O,
       filteringModel: $,
       searchingModel: i,
@@ -1290,26 +1291,26 @@ const Et = /* @__PURE__ */ T(Pt, [["render", jt]]), Ut = [
     };
   }
 });
-function qt(e, t, r, c, b, v) {
-  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"), L = d("OrDataGridTable"), B = d("OrDataGridTableFooterCell"), z = d("OrDataGridTableFooterRow"), A = d("OrDataGridTableFooter"), U = d("OrPagination"), J = d("OrDataGridFooter");
-  return a(), f("div", {
+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", {
     ref: "root",
     class: u(e.rootStyles)
   }, [
-    e.$slots.title || e.features.searching || e.$slots.search ? (a(), m(O, {
+    e.$slots.title || e.features.searching || e.$slots.search || e.$slots.extraActions ? (a(), f(O, {
       key: 0,
       class: u(["shrink-0"])
     }, K({ _: 2 }, [
       e.$slots.title ? {
         name: "title",
-        fn: p(() => [
+        fn: m(() => [
           s(e.$slots, "title")
         ]),
         key: "0"
       } : void 0,
       e.features.searching ? {
         name: "searching",
-        fn: p(() => [
+        fn: m(() => [
           s(e.$slots, "search", oe(ae({ updateSearchingModel: e.updateSearchingModel, searchingModel: e.searchingModel })), () => [
             M(k, {
               modelValue: e.searchingModel,
@@ -1318,36 +1319,43 @@ function qt(e, t, r, c, b, v) {
           ])
         ]),
         key: "1"
+      } : void 0,
+      e.$slots.extraActions ? {
+        name: "extraActions",
+        fn: m(() => [
+          s(e.$slots, "extraActions")
+        ]),
+        key: "2"
       } : void 0
-    ]), 1024)) : g("", !0),
-    e.$slots.toolbar ? (a(), m($, {
+    ]), 1024)) : p("", !0),
+    e.$slots.toolbar ? (a(), f($, {
       key: 1,
       class: u(["shrink-0"])
     }, {
-      default: p(() => [
+      default: m(() => [
         s(e.$slots, "toolbar")
       ]),
       _: 3
-    })) : g("", !0),
-    M(L, {
+    })) : p("", !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: p(() => [
+      default: m(() => [
         M(C, null, {
-          default: p(() => [
+          default: m(() => [
             M(S, { variant: e.variant }, {
-              default: p(() => [
-                e.features.selecting ? (a(), m(w, {
+              default: m(() => [
+                e.features.selecting ? (a(), f(w, {
                   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: p(() => [
+                  default: m(() => [
                     M(i, {
                       modelValue: e.selectingIndicator,
                       "onUpdate:modelValue": t[1] || (t[1] = (o) => e.selectingIndicator = o),
@@ -1356,8 +1364,8 @@ function qt(e, t, r, c, b, v) {
                     }, null, 8, ["modelValue", "indeterminate", "disabled"])
                   ]),
                   _: 1
-                }, 8, ["onUpdate:scrollOffset", "onRemove:scrollOffset"])) : g("", !0),
-                (a(!0), f(H, null, P(e.columns, (o) => (a(), m(w, {
+                }, 8, ["onUpdate:scrollOffset", "onRemove:scrollOffset"])) : p("", !0),
+                (a(!0), g(H, null, P(e.columns, (o) => (a(), f(w, {
                   key: o.name,
                   modelValue: e.sortingModel,
                   "onUpdate:modelValue": t[2] || (t[2] = (l) => e.sortingModel = l),
@@ -1366,7 +1374,7 @@ function qt(e, t, r, c, b, v) {
                   "onUpdate:scrollOffset": e.updateScrollOffset,
                   "onRemove:scrollOffset": e.removeScrollOffset
                 }, {
-                  default: p(() => [
+                  default: m(() => [
                     Q(W(o.label), 1)
                   ]),
                   _: 2
@@ -1377,7 +1385,7 @@ function qt(e, t, r, c, b, v) {
           ]),
           _: 1
         }),
-        e.notification ? (a(), m(V, {
+        e.notification ? (a(), f(V, {
           key: 0,
           notification: e.notification,
           variant: e.variant,
@@ -1385,47 +1393,47 @@ function qt(e, t, r, c, b, v) {
         }, K({ _: 2 }, [
           e.$slots.notification ? {
             name: "notification",
-            fn: p(() => [
+            fn: m(() => [
               s(e.$slots, "notification")
             ]),
             key: "0"
           } : void 0
-        ]), 1032, ["notification", "variant"])) : g("", !0),
+        ]), 1032, ["notification", "variant"])) : p("", !0),
         M(q, null, {
-          default: p(() => [
-            e.$slots["before-rows"] ? (a(), m(I, {
+          default: m(() => [
+            e.$slots["before-rows"] ? (a(), f(I, {
               key: 0,
               variant: e.variant,
               class: "border-b-1"
             }, {
-              default: p(() => [
+              default: m(() => [
                 s(e.$slots, "before-rows")
               ]),
               _: 3
-            }, 8, ["variant"])) : g("", !0),
-            e.loading ? (a(!0), f(H, { key: 1 }, P(e.skeletonsLength, (o) => (a(), m(j, {
+            }, 8, ["variant"])) : p("", !0),
+            e.loading ? (a(!0), g(H, { key: 1 }, P(e.skeletonsLength, (o) => (a(), f(j, {
               key: o,
               variant: e.variant,
               interactive: e.interactiveRows
             }, {
-              default: p(() => [
-                e.features.selecting ? (a(), m(F, {
+              default: m(() => [
+                e.features.selecting ? (a(), f(F, {
                   key: 0,
                   column: { stickiness: "start" },
                   override: !0
                 }, {
-                  default: p(() => [
+                  default: m(() => [
                     M(h)
                   ]),
                   _: 1
-                })) : g("", !0),
-                (a(!0), f(H, null, P(e.columns, (l) => (a(), m(F, {
+                })) : p("", !0),
+                (a(!0), g(H, null, P(e.columns, (l) => (a(), f(F, {
                   key: l.name,
                   column: l,
                   features: e.features,
                   override: !0
                 }, {
-                  default: p(() => [
+                  default: m(() => [
                     s(e.$slots, "column-loading", { column: l }, () => [
                       M(h)
                     ])
@@ -1434,7 +1442,7 @@ function qt(e, t, r, c, b, v) {
                 }, 1032, ["column", "features"]))), 128))
               ]),
               _: 2
-            }, 1032, ["variant", "interactive"]))), 128)) : e.items.length > 0 ? (a(!0), f(H, { key: 2 }, P(e.items, (o) => (a(), m(j, {
+            }, 1032, ["variant", "interactive"]))), 128)) : e.items.length > 0 ? (a(!0), g(H, { key: 2 }, P(e.items, (o) => (a(), f(j, {
               key: o.id,
               variant: e.variant,
               selected: e.selectingModel.includes(o.id),
@@ -1443,8 +1451,8 @@ function qt(e, t, r, c, b, v) {
               onMouseleave: () => e.handleMouseLeaveRow(o),
               onClick: () => e.handleRowClick(o)
             }, {
-              default: p(() => [
-                e.features.selecting ? (a(), m(F, {
+              default: m(() => [
+                e.features.selecting ? (a(), f(F, {
                   key: 0,
                   column: { stickiness: "start" },
                   "force-state": "none",
@@ -1452,7 +1460,7 @@ function qt(e, t, r, c, b, v) {
                   onMouseenter: () => e.handleMouseEnterCell(o, "selecting", e.selectingModel.includes(o.id)),
                   onMouseleave: () => e.handleMouseLeaveCell(o, "selecting", e.selectingModel.includes(o.id))
                 }, {
-                  default: p(() => [
+                  default: m(() => [
                     M(i, {
                       modelValue: e.selectingModel,
                       "onUpdate:modelValue": t[4] || (t[4] = (l) => e.selectingModel = l),
@@ -1461,8 +1469,8 @@ function qt(e, t, r, c, b, v) {
                     }, null, 8, ["modelValue", "value", "disabled"])
                   ]),
                   _: 2
-                }, 1032, ["onMouseenter", "onMouseleave"])) : g("", !0),
-                (a(!0), f(H, null, P(e.columns, (l) => (a(), m(F, {
+                }, 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,
@@ -1472,7 +1480,7 @@ function qt(e, t, r, c, b, v) {
                   onMouseenter: () => e.handleMouseEnterCell(o, l.name, o[l.name]),
                   onMouseleave: () => e.handleMouseLeaveCell(o, l.name, o[l.name])
                 }, {
-                  default: p(() => [
+                  default: m(() => [
                     s(e.$slots, l.name, {
                       column: l,
                       item: o
@@ -1484,52 +1492,52 @@ function qt(e, t, r, c, b, v) {
                 }, 1032, ["model-value", "column", "features", "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(), m(E, {
+            }, 1032, ["variant", "selected", "interactive", "onMouseenter", "onMouseleave", "onClick"]))), 128)) : e.$slots.noSearchResults && (e.features.filtering && e.filteringModel || e.features.searching && e.searchingModel) ? (a(), f(E, {
               key: 3,
               class: u(["col-span-full"]),
               variant: e.variant
             }, {
-              default: p(() => [
+              default: m(() => [
                 s(e.$slots, "noSearchResults", {
                   filter: e.filteringModel,
                   search: e.searchingModel
                 })
               ]),
               _: 3
-            }, 8, ["variant"])) : e.$slots.empty ? (a(), m(E, {
+            }, 8, ["variant"])) : e.$slots.empty ? (a(), f(E, {
               key: 4,
               class: u(["col-span-full"]),
               variant: e.variant
             }, {
-              default: p(() => [
+              default: m(() => [
                 s(e.$slots, "empty")
               ]),
               _: 3
-            }, 8, ["variant"])) : g("", !0),
-            e.$slots["after-rows"] ? (a(), m(I, {
+            }, 8, ["variant"])) : p("", !0),
+            e.$slots["after-rows"] ? (a(), f(I, {
               key: 5,
               variant: e.variant
             }, {
-              default: p(() => [
+              default: m(() => [
                 s(e.$slots, "after-rows")
               ]),
               _: 3
-            }, 8, ["variant"])) : g("", !0)
+            }, 8, ["variant"])) : p("", !0)
           ]),
           _: 3
         })
       ]),
       _: 3
     }, 8, ["class", "style", "columns", "features"]),
-    e.$slots["extra-row"] ? (a(), m(A, { key: 2 }, {
-      default: p(() => [
-        M(z, {
+    e.$slots["extra-row"] ? (a(), f(z, { key: 2 }, {
+      default: m(() => [
+        M(B, {
           class: u(["shrink-0"]),
           variant: e.variant
         }, {
-          default: p(() => [
-            M(B, null, {
-              default: p(() => [
+          default: m(() => [
+            M(L, null, {
+              default: m(() => [
                 s(e.$slots, "extra-row")
               ]),
               _: 3
@@ -1539,28 +1547,28 @@ function qt(e, t, r, c, b, v) {
         }, 8, ["variant"])
       ]),
       _: 3
-    })) : g("", !0),
-    e.$slots.actions || e.showSelectingCouter || e.features.paging ? (a(), m(J, {
+    })) : p("", !0),
+    e.$slots.actions || e.showSelectingCouter || e.features.paging ? (a(), f(J, {
       key: 3,
       class: u(["shrink-0"])
     }, K({ _: 2 }, [
       e.features.selecting && e.selectingModel.length > 0 ? {
         name: "status",
-        fn: p(() => [
+        fn: m(() => [
           Q(W(e.selectingModel.length) + " row(s) selected ", 1)
         ]),
         key: "0"
       } : void 0,
       e.$slots.actions ? {
         name: "actions",
-        fn: p(() => [
+        fn: m(() => [
           s(e.$slots, "actions")
         ]),
         key: "1"
       } : void 0,
       e.features.paging ? {
         name: "paging",
-        fn: p(() => [
+        fn: m(() => [
           M(U, {
             ref: "pagination",
             modelValue: e.pagingModel,
@@ -1571,7 +1579,7 @@ function qt(e, t, r, c, b, v) {
         ]),
         key: "2"
       } : void 0
-    ]), 1024)) : g("", !0)
+    ]), 1024)) : p("", !0)
   ], 2);
 }
 const lo = /* @__PURE__ */ T(Nt, [["render", qt]]);
@@ -1582,7 +1590,7 @@ export {
   Te as b,
   Re as c,
   Ee as d,
-  Le as e,
+  Ae as e,
   Je as f,
   Ye as g,
   et as h,
@@ -1595,4 +1603,4 @@ export {
   It as o,
   Et as p
 };
-//# sourceMappingURL=OrDataGrid-BAfTYVHn.mjs.map
+//# sourceMappingURL=OrDataGrid-DilQSW6Y.mjs.map