@onereach/ui-components 26.4.0 → 26.4.1-beta.5877.0

package/dist/esm/OrDataGrid-Dg_tGOqf.mjs

@@ -1,1646 +0,0 @@
-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 S, ref as w, computed as n, openBlock as o, createElementBlock as v, normalizeClass as u, renderSlot as i, createCommentVNode as g, resolveComponent as d, normalizeStyle as N, Fragment as H, createBlock as p, watch as x, createElementVNode as ee, createVNode as M, mergeProps as te, withCtx as f, createSlots as J, normalizeProps as ae, guardReactiveProps as oe, renderList as P, createTextVNode as K, toDisplayString as Q } from "vue";
-import { _ as T } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
-import { O as re } from "./OrDatePicker-D-Do0tSf.mjs";
-import { O as ne } from "./OrDateTimePicker-myqJkQxy.mjs";
-import "./OrDateTimePicker.vue_vue_type_script_lang-xnGNoSUB.mjs";
-import "@onereach/ui-components-common/types";
-import { O as le } from "./OrInput-nExtCSw8.mjs";
-import { O as se } from "./OrRating-CAwz23JA.mjs";
-import { O as ie } from "./OrSelect-BeL73iXu.mjs";
-import { O as de } from "./OrSwitch-BtoXDsZx.mjs";
-import { O as ue } from "./OrTagInput-B2U22gXE.mjs";
-import { O as ce } from "./OrTimePicker-QPUb8olp.mjs";
-import { O as me } from "./OrIcon-k8cyvh-D.mjs";
-import { useElementSize as fe } from "@vueuse/core";
-import { O as pe } from "./OrNotification-BkjmRseb.mjs";
-const ge = [
-  // Layout
-  "layout-row",
-  // Interactivity
-  "interactivity-default",
-  // Box
-  "h-[calc(theme(spacing.2xl)+theme(spacing.xs))]",
-  // Spacing
-  "px-sm+",
-  "py-0",
-  "gap-xl",
-  // Theme
-  "theme-border-disabled border-t-1",
-  "dark:theme-border-disabled-dark"
-], ve = [
-  // Typography
-  "typography-body-2-semibold"
-], he = S({
-  name: "OrDataGridFooter",
-  expose: [
-    "root"
-  ],
-  setup() {
-    const e = w(), t = n(() => [
-      "or-data-grid-footer-v3",
-      ...ge
-    ]), r = n(() => [
-      ...ve
-    ]);
-    return {
-      root: e,
-      rootStyles: t,
-      statusStyles: r
-    };
-  }
-}), be = {
-  key: 1,
-  class: /* @__PURE__ */ u(["grow"])
-};
-function ye(e, t, r, m, h, b) {
-  return o(), v("div", {
-    ref: "root",
-    class: u(e.rootStyles)
-  }, [
-    e.$slots.status ? (o(), v("div", {
-      key: 0,
-      class: u(e.statusStyles)
-    }, [
-      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(he, [["render", ye]]), Oe = [
-  // Layout
-  "layout-row items-start gap-md",
-  // Interactivity
-  "interactivity-default",
-  // Box
-  "h-3xl"
-], $e = [
-  // Typography
-  "typography-headline-2"
-], De = S({
-  name: "OrDataGridHeader",
-  expose: [
-    "root"
-  ],
-  setup() {
-    const e = w(), t = n(() => [
-      "or-data-grid-header-v3",
-      ...Oe
-    ]), r = n(() => [
-      ...$e
-    ]);
-    return {
-      root: e,
-      rootStyles: t,
-      titleStyles: r
-    };
-  }
-}), we = {
-  key: 1,
-  class: /* @__PURE__ */ u(["grow"])
-};
-function Ge(e, t, r, m, h, b) {
-  return o(), v("div", {
-    ref: "root",
-    class: u(e.rootStyles)
-  }, [
-    e.$slots.title ? (o(), v("div", {
-      key: 0,
-      class: u(e.titleStyles)
-    }, [
-      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 Se = /* @__PURE__ */ T(De, [["render", Ge]]);
-var c = /* @__PURE__ */ ((e) => (e.Standard = "standard", e.Comfortable = "comfortable", e.Compact = "compact", e.Dynamic = "dynamic", e))(c || {});
-const Te = [
-  // Layout
-  "layout-row items-center",
-  // Spacing
-  "px-sm+",
-  "py-0",
-  "gap-xs",
-  // Theme
-  "theme-border-transparent border-1",
-  "dark:theme-border-transparent-dark",
-  "theme-outline-transparent outline-2",
-  "dark:theme-outline-transparent-dark",
-  // Theme (focus)
-  "focus-within:theme-border-primary",
-  "dark:focus-within:theme-border-primary-dark",
-  "focus-within:theme-outline-primary",
-  "dark:focus-within:theme-outline-primary-dark",
-  // Theme (.sticky-start)
-  "[&.sticky-start]:border-e-disabled",
-  "dark:[&.sticky-start]:border-e-disabled-dark",
-  // Theme (.sticky-end)
-  "[&.sticky-end]:border-s-disabled",
-  "dark:[&.sticky-end]:border-s-disabled-dark"
-], Ce = [
-  // interactivity
-  "interactivity-select",
-  // Typography
-  "truncate"
-], Ve = S({
-  name: "OrDataGridTableContentCell",
-  components: {
-    OrCheckbox: X,
-    OrDatePicker: re,
-    OrDateTimePicker: ne,
-    OrInput: le,
-    OrRating: se,
-    OrSelect: ie,
-    OrSwitch: de,
-    OrTagInput: ue,
-    OrTimePicker: ce
-  },
-  model: {
-    prop: "modelValue",
-    event: "update:modelValue"
-  },
-  props: {
-    modelValue: {
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      type: void 0,
-      default: void 0
-    },
-    column: {
-      type: Object,
-      default: void 0
-    },
-    features: {
-      type: Object,
-      default: void 0
-    },
-    variant: {
-      type: String,
-      default: c.Standard
-    },
-    override: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  emits: [
-    "input"
-  ],
-  expose: [
-    "root"
-  ],
-  setup(e, t) {
-    const r = w(), m = n(() => {
-      var k;
-      return [
-        "or-data-grid-table-content-cell-v3",
-        ...Te,
-        ...(k = e.column) != null && k.stickiness ? [`sticky-${e.column.stickiness}`] : [],
-        ...e.variant === c.Dynamic ? ["!py-xs"] : []
-      ];
-    }), h = n(() => {
-      if (e.column)
-        switch (e.column.stickiness) {
-          case "start":
-            return {
-              position: "sticky",
-              insetInlineStart: "0",
-              flexDirection: e.column.alignment === "end" ? "row-reverse" : void 0,
-              justifyContent: e.column.alignment
-            };
-          case "end":
-            return {
-              position: "sticky",
-              insetInlineEnd: "0",
-              flexDirection: e.column.alignment === "end" ? "row-reverse" : void 0,
-              justifyContent: e.column.alignment
-            };
-          default:
-            return {
-              flexDirection: e.column.alignment === "end" ? "row-reverse" : void 0,
-              justifyContent: e.column.alignment
-            };
-        }
-      return {
-        justifyContent: "center"
-      };
-    }), b = n(() => {
-      var l, O;
-      const k = ((l = e.column) == null ? void 0 : l.wrapping) ?? (e.variant === c.Dynamic && !((O = e.column) != null && O.control));
-      return [
-        ...Ce.filter((G) => G !== "truncate"),
-        ...k ? ["whitespace-pre-wrap break-words"] : ["truncate"]
-      ];
-    }), $ = n({
-      get: () => e.modelValue,
-      set: (k) => {
-        t.emit("input", k);
-      }
-    }), D = n(() => {
-      var k;
-      return (k = e.column) == null ? void 0 : k.control;
-    });
-    return {
-      root: r,
-      rootStyles: m,
-      rootInlineStyles: h,
-      contentStyles: b,
-      model: $,
-      control: D
-    };
-  }
-});
-function Me(e, t, r, m, h, b) {
-  const $ = d("OrInput"), D = d("OrRating"), k = d("OrSelect"), l = d("OrCheckbox"), O = d("OrSwitch"), G = d("OrDatePicker"), C = d("OrTimePicker"), V = d("OrDateTimePicker"), I = d("OrTagInput");
-  return o(), v("div", {
-    ref: "root",
-    class: u(e.rootStyles),
-    style: N(e.rootInlineStyles)
-  }, [
-    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] = (y) => e.model = y),
-        type: "text",
-        variant: "embedded"
-      }, null, 8, ["modelValue"])) : g("", !0),
-      e.control.type === "number" ? (o(), p($, {
-        key: 1,
-        modelValue: e.model,
-        "onUpdate:modelValue": t[1] || (t[1] = (y) => e.model = y),
-        type: "number",
-        variant: "embedded"
-      }, null, 8, ["modelValue"])) : g("", !0),
-      e.control.type === "rating" ? (o(), p(D, {
-        key: 2,
-        modelValue: e.model,
-        "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] = (y) => e.model = y),
-        options: e.control.options,
-        variant: "embedded",
-        anchor: e.root
-      }, 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] = (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] = (y) => e.model = y)
-      }, null, 8, ["modelValue"])) : g("", !0),
-      e.control.type === "date" ? (o(), p(G, {
-        key: 6,
-        modelValue: e.model,
-        "onUpdate:modelValue": t[6] || (t[6] = (y) => e.model = y),
-        variant: "embedded",
-        anchor: e.root
-      }, null, 8, ["modelValue", "anchor"])) : g("", !0),
-      e.control.type === "time" ? (o(), p(C, {
-        key: 7,
-        modelValue: e.model,
-        "onUpdate:modelValue": t[7] || (t[7] = (y) => e.model = y),
-        variant: "embedded",
-        anchor: e.root
-      }, null, 8, ["modelValue", "anchor"])) : g("", !0),
-      e.control.type === "datetime" ? (o(), p(V, {
-        key: 8,
-        modelValue: e.model,
-        "onUpdate:modelValue": t[8] || (t[8] = (y) => e.model = y),
-        variant: "embedded",
-        anchor: e.root
-      }, null, 8, ["modelValue", "anchor"])) : g("", !0),
-      e.control.type === "tags" ? (o(), p(I, {
-        key: 9,
-        modelValue: e.model,
-        "onUpdate:modelValue": t[9] || (t[9] = (y) => e.model = y),
-        variant: "embedded"
-      }, null, 8, ["modelValue"])) : g("", !0)
-    ], 64)) : (o(), v("div", {
-      key: 2,
-      class: u(e.contentStyles)
-    }, [
-      i(e.$slots, "default")
-    ], 2))
-  ], 6);
-}
-const Re = /* @__PURE__ */ T(Ve, [["render", Me]]), Ie = [
-  // Layout
-  "grid grid-cols-[subgrid] col-span-full",
-  // Typography
-  "typography-body-2-regular",
-  // Theme
-  "theme-border-disabled [&:not(:last-child)]:border-b-1",
-  "dark:theme-border-disabled-dark",
-  // Theme (children)
-  "children:theme-foreground-default",
-  "dark:children:theme-foreground-default-dark",
-  "children:theme-background-default",
-  "dark:children:theme-background-default-dark",
-  // Theme (hover / children)
-  "children:hover:theme-background-surface-1",
-  "dark:children:hover:theme-background-surface-1-dark",
-  // Theme (selected / children)
-  "children:selected:theme-background-surface-2",
-  "dark:children:selected:theme-background-surface-2-dark",
-  // Theme (selected + hover / children)
-  "children:hover:selected:theme-background-surface-3",
-  "dark:children:hover:selected:theme-background-surface-3-dark"
-], Fe = {
-  [c.Standard]: [
-    // Box
-    "min-h-[calc(theme(spacing.2xl)+theme(spacing.xs))]"
-  ],
-  [c.Comfortable]: [
-    // Box
-    "min-h-[calc(theme(spacing.3xl)+theme(spacing.xs))]"
-  ],
-  [c.Compact]: [
-    // Box
-    "min-h-[calc(theme(spacing.xl)+theme(spacing.xs))]"
-  ],
-  [c.Dynamic]: [
-    // Box
-    "min-h-[calc(theme(spacing.2xl)+theme(spacing.xs))]"
-  ]
-}, He = S({
-  name: "OrDataGridTableContentRow",
-  props: {
-    variant: {
-      type: String,
-      required: !0
-    },
-    selected: {
-      type: Boolean,
-      default: !1
-    },
-    interactive: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  expose: [
-    "root"
-  ],
-  setup(e) {
-    const t = w(), r = n(() => [
-      "or-data-grid-table-content-row-v3",
-      ...Ie,
-      ...Fe[e.variant],
-      ...e.interactive ? ["cursor-pointer"] : []
-    ]);
-    return {
-      root: t,
-      rootStyles: r
-    };
-  }
-}), Pe = ["selected"];
-function je(e, t, r, m, h, b) {
-  return o(), v("div", {
-    ref: "root",
-    class: u(e.rootStyles),
-    selected: e.selected
-  }, [
-    i(e.$slots, "default")
-  ], 10, Pe);
-}
-const Ee = /* @__PURE__ */ T(He, [["render", je]]), Ue = [
-  // Layout
-  "contents"
-], Ne = S({
-  name: "OrDataGridTableContent",
-  expose: [
-    "root"
-  ],
-  setup() {
-    const e = w(), t = n(() => [
-      "or-data-grid-table-content-v3",
-      ...Ue
-    ]);
-    return {
-      root: e,
-      rootStyles: t
-    };
-  }
-});
-function qe(e, t, r, m, h, b) {
-  return o(), v("div", {
-    ref: "root",
-    class: u(e.rootStyles)
-  }, [
-    i(e.$slots, "default")
-  ], 2);
-}
-const Ae = /* @__PURE__ */ T(Ne, [["render", qe]]), Le = [
-  // Layout
-  "layout-row",
-  // Spacing
-  "px-sm+",
-  "py-0",
-  "gap-xs",
-  // Theme
-  "theme-border-transparent border-1",
-  "dark:theme-border-transparent-dark"
-], Be = S({
-  name: "OrDataGridTableFooterCell",
-  expose: [
-    "root"
-  ],
-  setup() {
-    const e = w(), t = n(() => [
-      "or-data-grid-table-footer-cell-v3",
-      ...Le
-    ]);
-    return {
-      root: e,
-      rootStyles: t
-    };
-  }
-});
-function ze(e, t, r, m, h, b) {
-  return o(), v("div", {
-    ref: "root",
-    class: u(e.rootStyles)
-  }, [
-    i(e.$slots, "default")
-  ], 2);
-}
-const We = /* @__PURE__ */ T(Be, [["render", ze]]), Je = [
-  // Layout
-  "grid grid-cols-1",
-  // Typography
-  "typography-body-2-regular",
-  // Theme
-  "theme-border-disabled border-t-1",
-  "dark:theme-border-disabled-dark",
-  // Theme (children)
-  "children:theme-foreground-default",
-  "dark:children:theme-foreground-default-dark",
-  "children:theme-background-default",
-  "dark:children:theme-background-default-dark"
-], Ke = {
-  [c.Standard]: [
-    // Box
-    "min-h-[calc(theme(spacing.2xl)+theme(spacing.xs))]"
-  ],
-  [c.Comfortable]: [
-    // Box
-    "min-h-[calc(theme(spacing.3xl)+theme(spacing.xs))]"
-  ],
-  [c.Compact]: [
-    // Box
-    "min-h-[calc(theme(spacing.xl)+theme(spacing.xs))]"
-  ],
-  [c.Dynamic]: [
-    // Box
-    "min-h-[calc(theme(spacing.2xl)+theme(spacing.xs))]"
-  ]
-}, Qe = S({
-  name: "OrDataGridTableFooterRow",
-  props: {
-    variant: {
-      type: String,
-      required: !0
-    }
-  },
-  expose: [
-    "root"
-  ],
-  setup(e) {
-    const t = w(), r = n(() => [
-      "or-data-grid-table-footer-row-v3",
-      ...Je,
-      ...Ke[e.variant]
-    ]);
-    return {
-      root: t,
-      rootStyles: r
-    };
-  }
-});
-function Xe(e, t, r, m, h, b) {
-  return o(), v("div", {
-    ref: "root",
-    class: u(e.rootStyles)
-  }, [
-    i(e.$slots, "default")
-  ], 2);
-}
-const Ye = /* @__PURE__ */ T(Qe, [["render", Xe]]), Ze = [
-  // Layout
-  "contents"
-], _e = S({
-  name: "OrDataGridTableFooter",
-  expose: [
-    "root"
-  ],
-  setup() {
-    const e = w(), t = n(() => [
-      "or-data-grid-table-footer-v3",
-      ...Ze
-    ]);
-    return {
-      root: e,
-      rootStyles: t
-    };
-  }
-});
-function xe(e, t, r, m, h, b) {
-  return o(), v("div", {
-    ref: "root",
-    class: u(e.rootStyles)
-  }, [
-    i(e.$slots, "default")
-  ], 2);
-}
-const et = /* @__PURE__ */ T(_e, [["render", xe]]), tt = [
-  // Layout
-  "layout-row",
-  // Spacing
-  "px-sm+",
-  "py-0",
-  "gap-xs",
-  // Theme
-  "theme-border-transparent border-1",
-  "dark:theme-border-transparent-dark",
-  // Theme (.sticky-start)
-  "[&.sticky-start]:border-e-disabled",
-  "dark:[&.sticky-start]:border-e-disabled-dark",
-  // Theme (.sticky-end)
-  "[&.sticky-end]:border-s-disabled",
-  "dark:[&.sticky-end]:border-s-disabled-dark"
-], at = S({
-  name: "OrDataGridTableHeaderCell",
-  components: {
-    OrIcon: me
-  },
-  model: {
-    prop: "modelValue",
-    event: "update:modelValue"
-  },
-  props: {
-    modelValue: {
-      type: Object,
-      default: void 0
-    },
-    column: {
-      type: Object,
-      default: void 0
-    },
-    features: {
-      type: Object,
-      default: void 0
-    }
-  },
-  emits: [
-    "update:modelValue",
-    "update:scrollOffset",
-    "remove:scrollOffset"
-  ],
-  expose: [
-    "root"
-  ],
-  setup(e, t) {
-    const r = w(), m = n(() => {
-      var l, O, G;
-      return !!((l = e.features) != null && l.sorting) && !!((O = e.column) != null && O.name) && ((G = e.column) == null ? void 0 : G.sorting) !== !1;
-    }), h = n(() => {
-      var l;
-      return [
-        "or-data-grid-table-header-cell-v3",
-        ...tt,
-        ...(l = e.column) != null && l.stickiness ? [`sticky-${e.column.stickiness}`] : [],
-        ...m.value ? ["interactivity-click"] : []
-      ];
-    }), b = n(() => {
-      if (e.column)
-        switch (e.column.stickiness) {
-          case "start":
-            return {
-              position: "sticky",
-              insetInlineStart: "0",
-              flexDirection: e.column.alignment === "end" ? "row-reverse" : void 0,
-              justifyContent: e.column.alignment
-            };
-          case "end":
-            return {
-              position: "sticky",
-              insetInlineEnd: "0",
-              flexDirection: e.column.alignment === "end" ? "row-reverse" : void 0,
-              justifyContent: e.column.alignment
-            };
-          default:
-            return {
-              flexDirection: e.column.alignment === "end" ? "row-reverse" : void 0,
-              justifyContent: e.column.alignment
-            };
-        }
-      return {
-        justifyContent: "center"
-      };
-    }), $ = n({
-      get: () => {
-        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: (l) => {
-        t.emit("update:modelValue", l);
-      }
-    });
-    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.");
-          $.value = {
-            column: ((l = e.column) == null ? void 0 : l.name) || "_check",
-            direction: "asc"
-          };
-        }
-    }
-    const { width: k } = fe(r, void 0, { box: "border-box" });
-    return x([
-      r,
-      k,
-      () => {
-        var l;
-        return (l = e.column) == null ? void 0 : l.stickiness;
-      }
-    ], ([
-      l,
-      O
-    ], [
-      G
-    ]) => {
-      G && G !== l && t.emit("remove:scrollOffset", G), t.emit("update:scrollOffset", l, O, e.column);
-    }), {
-      root: r,
-      rootStyles: h,
-      rootInlineStyles: b,
-      isSortable: m,
-      model: $,
-      toggleSorting: D
-    };
-  }
-}), ot = {
-  class: /* @__PURE__ */ u(["truncate"])
-};
-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] = (D) => e.toggleSorting())
-  }, [
-    ee("div", ot, [
-      i(e.$slots, "default")
-    ]),
-    e.model ? (o(), p($, {
-      key: 0,
-      icon: e.model.direction === "asc" ? "arrow_upward" : "arrow_downward"
-    }, null, 8, ["icon"])) : g("", !0)
-  ], 6);
-}
-const nt = /* @__PURE__ */ T(at, [["render", rt]]), lt = [
-  // Position
-  "sticky top-0 z-10",
-  // Layout
-  "grid grid-cols-[subgrid] col-span-full",
-  // Typography
-  "typography-body-2-semibold",
-  // Theme (children)
-  "children:theme-foreground-default",
-  "dark:children:theme-foreground-default-dark",
-  "children:theme-background-surface-variant-1",
-  "dark:children:theme-background-surface-variant-1-dark"
-], st = {
-  [c.Standard]: [
-    // Box
-    "min-h-[calc(theme(spacing.2xl)+theme(spacing.xs))]"
-  ],
-  [c.Comfortable]: [
-    // Box
-    "min-h-[calc(theme(spacing.3xl)+theme(spacing.xs))]"
-  ],
-  [c.Compact]: [
-    // Box
-    "min-h-[calc(theme(spacing.xl)+theme(spacing.xs))]"
-  ],
-  [c.Dynamic]: [
-    // Box
-    "min-h-[calc(theme(spacing.2xl)+theme(spacing.xs))]"
-  ]
-}, it = S({
-  name: "OrDataGridTableHeaderRow",
-  props: {
-    variant: {
-      type: String,
-      required: !0
-    }
-  },
-  expose: [
-    "root"
-  ],
-  setup(e) {
-    const t = w(), r = n(() => [
-      "or-data-grid-table-header-row-v3",
-      ...lt,
-      ...st[e.variant]
-    ]);
-    return {
-      root: t,
-      rootStyles: r
-    };
-  }
-});
-function dt(e, t, r, m, h, b) {
-  return o(), v("div", {
-    ref: "root",
-    class: u(e.rootStyles)
-  }, [
-    i(e.$slots, "default")
-  ], 2);
-}
-const ut = /* @__PURE__ */ T(it, [["render", dt]]), ct = [
-  // Layout
-  "contents"
-], mt = S({
-  name: "OrDataGridTableHeader",
-  expose: [
-    "root"
-  ],
-  setup() {
-    const e = w(), t = n(() => [
-      "or-data-grid-table-header-v3",
-      ...ct
-    ]);
-    return {
-      root: e,
-      rootStyles: t
-    };
-  }
-});
-function ft(e, t, r, m, h, b) {
-  return o(), v("div", {
-    ref: "root",
-    class: u(e.rootStyles)
-  }, [
-    i(e.$slots, "default")
-  ], 2);
-}
-const pt = /* @__PURE__ */ T(mt, [["render", ft]]), gt = [
-  // Layout
-  "layout-row justify-center",
-  // Spacing
-  "px-sm+",
-  "py-0",
-  "gap-xs",
-  // Typography
-  "typography-body-2-regular",
-  // Theme
-  "theme-foreground-default",
-  "dark:theme-foreground-default-dark",
-  "theme-background-default",
-  "dark:theme-background-default-dark"
-], vt = {
-  [c.Standard]: [
-    // Box
-    "min-h-[calc(theme(spacing.2xl)+theme(spacing.xs))]"
-  ],
-  [c.Comfortable]: [
-    // Box
-    "min-h-[calc(theme(spacing.3xl)+theme(spacing.xs))]"
-  ],
-  [c.Compact]: [
-    // Box
-    "min-h-[calc(theme(spacing.xl)+theme(spacing.xs))]"
-  ],
-  [c.Dynamic]: [
-    // Box
-    "min-h-[calc(theme(spacing.2xl)+theme(spacing.xs))]"
-  ]
-}, ht = S({
-  name: "OrDataGridTablePlaceholder",
-  props: {
-    variant: {
-      type: String,
-      required: !0
-    }
-  },
-  expose: [
-    "root"
-  ],
-  setup(e) {
-    const t = w(), r = n(() => [
-      "or-data-grid-table-placeholder-v3",
-      ...gt,
-      ...vt[e.variant]
-    ]);
-    return {
-      root: t,
-      rootStyles: r
-    };
-  }
-});
-function bt(e, t, r, m, h, b) {
-  return o(), v("div", {
-    ref: "root",
-    class: u(e.rootStyles)
-  }, [
-    i(e.$slots, "default")
-  ], 2);
-}
-const yt = /* @__PURE__ */ T(ht, [["render", bt]]), kt = [
-  // Layout
-  "grid content-start",
-  // Overflow
-  "overflow-auto",
-  // Interactivity
-  "interactivity-default"
-], Ot = S({
-  name: "OrDataGridTable",
-  props: {
-    columns: {
-      type: Array,
-      required: !0
-    },
-    features: {
-      type: Object,
-      required: !0
-    }
-  },
-  expose: [
-    "root"
-  ],
-  setup(e) {
-    const t = w(), r = n(() => [
-      "or-data-grid-table-v3",
-      ...kt
-    ]), 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: m
-    };
-  }
-});
-function $t(e, t, r, m, h, b) {
-  return o(), v("div", {
-    ref: "root",
-    class: u(e.rootStyles),
-    style: N(e.rootInlineStyles)
-  }, [
-    i(e.$slots, "default")
-  ], 6);
-}
-const Dt = /* @__PURE__ */ T(Ot, [["render", $t]]), wt = [
-  // Layout
-  "layout-row",
-  // Box
-  "h-2xl",
-  // Spacing
-  "gap-xl"
-], Gt = S({
-  name: "OrDataGridToolbar",
-  expose: [
-    "root"
-  ],
-  setup() {
-    const e = w(), t = n(() => [
-      "or-data-grid-toolbar-v3",
-      ...wt
-    ]);
-    return {
-      root: e,
-      rootStyles: t
-    };
-  }
-});
-function St(e, t, r, m, h, b) {
-  return o(), v("div", {
-    ref: "root",
-    class: u(e.rootStyles)
-  }, [
-    i(e.$slots, "default")
-  ], 2);
-}
-const Tt = /* @__PURE__ */ T(Gt, [["render", St]]), Ct = [
-  // Position
-  "grid sticky z-10",
-  // Layout
-  "col-span-full"
-], Vt = {
-  [c.Standard]: [
-    // Position
-    "top-[calc(theme(spacing.2xl)+theme(spacing.xs))]"
-  ],
-  [c.Comfortable]: [
-    // Position
-    "top-[calc(theme(spacing.3xl)+theme(spacing.xs))]"
-  ],
-  [c.Compact]: [
-    // Position
-    "top-[calc(theme(spacing.xl)+theme(spacing.xs))]"
-  ],
-  [c.Dynamic]: [
-    // Position
-    "top-[calc(theme(spacing.2xl)+theme(spacing.xs))]"
-  ]
-}, Mt = S({
-  components: {
-    OrNotification: pe
-  },
-  props: {
-    notification: {
-      type: Object,
-      required: !0
-    },
-    variant: {
-      type: String,
-      required: !0
-    }
-  },
-  emits: [
-    "close-notification"
-  ],
-  setup(e) {
-    return {
-      rootStyles: n(() => [
-        "or-data-grid-notification-v3",
-        ...Ct,
-        ...Vt[e.variant]
-      ])
-    };
-  }
-});
-function Rt(e, t, r, m, h, b) {
-  const $ = d("OrNotification");
-  return o(), v("div", {
-    class: u(e.rootStyles)
-  }, [
-    M($, te(e.notification, {
-      class: "rounded-0 shadow-none",
-      onClose: t[0] || (t[0] = (D) => e.$emit("close-notification"))
-    }), {
-      default: f(() => [
-        e.$slots.notification ? i(e.$slots, "notification", { key: 0 }) : g("", !0)
-      ]),
-      _: 3
-    }, 16)
-  ], 2);
-}
-const It = /* @__PURE__ */ T(Mt, [["render", Rt]]), Ft = [
-  // Layout
-  "grid col-span-full grid-cols-[subgrid]",
-  // Typography
-  "typography-body-2-regular",
-  // Theme
-  "theme-border-disabled",
-  "dark:theme-border-disabled-dark",
-  // Theme (children)
-  "children:theme-foreground-default",
-  "dark:children:theme-foreground-default-dark",
-  "children:theme-background-default",
-  "dark:children:theme-background-default-dark"
-], Ht = {
-  [c.Standard]: [
-    // Box
-    "min-h-[calc(theme(spacing.2xl)+theme(spacing.xs))]"
-  ],
-  [c.Comfortable]: [
-    // Box
-    "min-h-[calc(theme(spacing.3xl)+theme(spacing.xs))]"
-  ],
-  [c.Compact]: [
-    // Box
-    "min-h-[calc(theme(spacing.xl)+theme(spacing.xs))]"
-  ],
-  [c.Dynamic]: [
-    // Box
-    "min-h-[calc(theme(spacing.2xl)+theme(spacing.xs))]"
-  ]
-}, Pt = S({
-  name: "OrDataGridTableExtraRow",
-  props: {
-    variant: {
-      type: String,
-      required: !0
-    }
-  },
-  expose: [
-    "root"
-  ],
-  setup(e) {
-    const t = w(), r = n(() => [
-      "or-data-grid-table-extra-row-v3",
-      ...Ft,
-      ...Ht[e.variant]
-    ]);
-    return {
-      root: t,
-      rootStyles: r
-    };
-  }
-});
-function jt(e, t, r, m, h, b) {
-  return o(), v("div", {
-    ref: "root",
-    class: u(e.rootStyles)
-  }, [
-    i(e.$slots, "default")
-  ], 2);
-}
-const Et = /* @__PURE__ */ T(Pt, [["render", jt]]), Ut = [
-  // Layout
-  "layout-column"
-], Nt = S({
-  name: "OrDataGrid",
-  components: {
-    OrCheckbox: X,
-    OrDataGridFooter: ke,
-    OrDataGridHeader: Se,
-    OrDataGridTable: Dt,
-    OrDataGridTableContent: Ae,
-    OrDataGridTableContentCell: Re,
-    OrDataGridTableContentRow: Ee,
-    OrDataGridTableFooter: et,
-    OrDataGridTableFooterCell: We,
-    OrDataGridTableFooterRow: Ye,
-    OrDataGridTableExtraRow: Et,
-    OrDataGridTableHeader: pt,
-    OrDataGridTableHeaderCell: nt,
-    OrDataGridTableHeaderRow: ut,
-    OrDataGridTablePlaceholder: yt,
-    OrDataGridToolbar: Tt,
-    OrDataGridNotification: It,
-    OrPagination: Y,
-    OrSearch: Z,
-    OrSkeletonText: _
-  },
-  model: {
-    prop: "modelValue",
-    event: "update:modelValue"
-  },
-  props: {
-    modelValue: {
-      type: void 0,
-      default: void 0
-    },
-    items: {
-      type: Array,
-      default: () => []
-    },
-    columns: {
-      type: Array,
-      required: !0
-    },
-    variant: {
-      type: String,
-      default: () => c.Standard
-    },
-    features: {
-      type: Object,
-      default: () => ({})
-    },
-    loading: {
-      type: Boolean,
-      default: !1
-    },
-    notification: {
-      type: Object,
-      default: void 0
-    },
-    interactiveRows: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  emits: [
-    "update:modelValue",
-    "update:item",
-    "close-notification",
-    "hover:row",
-    "blur:row",
-    "hover:cell",
-    "blur:cell",
-    "click:row"
-  ],
-  expose: [
-    "root"
-  ],
-  setup(e, t) {
-    const r = w(), m = w(), h = n(() => [
-      "or-data-grid-v3",
-      ...Ut
-    ]), b = n(() => ({
-      scrollPaddingInlineStart: `${[...C.value.values()].reduce((a, s) => a + s, 0)}px`,
-      scrollPaddingInlineEnd: `${[...V.value.values()].reduce((a, s) => a + s, 0)}px`
-    })), $ = n({
-      get: () => !!e.items.length && e.items.every((a) => D.value.includes(a.id)),
-      set: (a) => {
-        a ? D.value = [
-          .../* @__PURE__ */ new Set([
-            ...D.value,
-            ...e.items.map((s) => s.id)
-          ])
-        ] : D.value = [];
-      }
-    }), D = n({
-      get: () => {
-        var a;
-        return ((a = e.modelValue) == null ? void 0 : a.selecting) ?? [];
-      },
-      set: (a) => {
-        t.emit("update:modelValue", {
-          selecting: a,
-          filtering: k.value,
-          searching: l.value,
-          sorting: O.value,
-          paging: G.value
-        });
-      }
-    }), k = n({
-      get: () => {
-        var a;
-        return (a = e.modelValue) == null ? void 0 : a.filtering;
-      },
-      set: (a) => {
-        t.emit("update:modelValue", {
-          selecting: D.value,
-          filtering: a,
-          searching: l.value,
-          sorting: O.value,
-          paging: {
-            ...G.value,
-            offset: 0
-          }
-        });
-      }
-    }), l = n({
-      get: () => {
-        var a;
-        return (a = e.modelValue) == null ? void 0 : a.searching;
-      },
-      set: (a) => {
-        t.emit("update:modelValue", {
-          selecting: D.value,
-          filtering: k.value,
-          searching: a,
-          sorting: O.value,
-          paging: {
-            ...G.value,
-            offset: 0
-          }
-        });
-      }
-    }), O = n({
-      get: () => {
-        var a;
-        return (a = e.modelValue) == null ? void 0 : a.sorting;
-      },
-      set: (a) => {
-        t.emit("update:modelValue", {
-          selecting: D.value,
-          filtering: k.value,
-          searching: l.value,
-          sorting: a,
-          paging: {
-            ...G.value,
-            offset: 0
-          }
-        });
-      }
-    }), G = n({
-      get: () => {
-        var a;
-        return (a = e.modelValue) == null ? void 0 : a.paging;
-      },
-      set: (a) => {
-        t.emit("update:modelValue", {
-          selecting: D.value,
-          filtering: k.value,
-          searching: l.value,
-          sorting: O.value,
-          paging: a
-        });
-      }
-    }), C = w(/* @__PURE__ */ new Map()), V = w(/* @__PURE__ */ new Map()), I = n(() => e.features.selecting && (typeof e.features.selecting == "object" ? e.features.selecting.showCounter !== !1 : !0)), y = n(() => e.items.length === 0 || e.loading || typeof e.features.selecting == "object" && e.features.selecting.disabled), F = n(() => {
-      var a;
-      return ((a = m.value) == null ? void 0 : a.currentLimit) || 10;
-    });
-    function j(a) {
-      l.value = a;
-    }
-    function E(a, s, R) {
-      switch (R.stickiness) {
-        case "start":
-          C.value.set(a, s), C.value = new Map(C.value), V.value.delete(a), V.value = new Map(V.value);
-          break;
-        case "end":
-          C.value.delete(a), C.value = new Map(C.value), V.value.set(a, s), V.value = new Map(V.value);
-          break;
-        default:
-          U(a);
-          break;
-      }
-    }
-    function q(a) {
-      e.interactiveRows && t.emit("hover:row", a);
-    }
-    function A(a) {
-      e.interactiveRows && t.emit("blur:row", a);
-    }
-    function L(a, s, R) {
-      e.interactiveRows && t.emit("hover:cell", {
-        item: a,
-        columnName: s,
-        value: R
-      });
-    }
-    function B(a, s, R) {
-      e.interactiveRows && t.emit("blur:cell", {
-        item: a,
-        columnName: s,
-        value: R
-      });
-    }
-    function z(a) {
-      e.interactiveRows && t.emit("click:row", a);
-    }
-    function U(a) {
-      C.value.delete(a), C.value = new Map(C.value), V.value.delete(a), V.value = new Map(V.value);
-    }
-    function W(a) {
-      a.currentTarget.scrollIntoView({ block: "nearest" });
-    }
-    return {
-      root: r,
-      rootStyles: h,
-      pagination: m,
-      tableInlineStyles: b,
-      selectingIndicator: $,
-      showSelectingCouter: I,
-      selectingDisabled: y,
-      skeletonsLength: F,
-      handleMouseEnterRow: q,
-      handleMouseLeaveRow: A,
-      handleMouseEnterCell: L,
-      handleMouseLeaveCell: B,
-      handleRowClick: z,
-      selectingModel: D,
-      filteringModel: k,
-      searchingModel: l,
-      sortingModel: O,
-      pagingModel: G,
-      updateScrollOffset: E,
-      removeScrollOffset: U,
-      updateSearchingModel: j,
-      scrollTo: W,
-      onInput: (a, s, R) => {
-        a[s] = R, t.emit("update:item", a);
-      }
-    };
-  }
-});
-function qt(e, t, r, m, h, b) {
-  const $ = d("OrSearch"), D = d("OrDataGridHeader"), k = d("OrDataGridToolbar"), l = d("OrCheckbox"), O = d("OrDataGridTableHeaderCell"), G = d("OrDataGridTableHeaderRow"), C = d("OrDataGridTableHeader"), V = d("OrDataGridNotification"), I = d("OrDataGridTableExtraRow"), y = d("OrSkeletonText"), F = d("OrDataGridTableContentCell"), j = d("OrDataGridTableContentRow"), E = d("OrDataGridTablePlaceholder"), q = d("OrDataGridTableContent"), A = d("OrDataGridTable"), L = d("OrDataGridTableFooterCell"), B = d("OrDataGridTableFooterRow"), z = d("OrDataGridTableFooter"), U = d("OrPagination"), W = d("OrDataGridFooter");
-  return o(), v("div", {
-    ref: "root",
-    class: u(e.rootStyles)
-  }, [
-    e.$slots.title || e.features.searching || e.$slots.search || e.$slots.extraActions ? (o(), p(D, {
-      key: 0,
-      class: u(["shrink-0"])
-    }, J({ _: 2 }, [
-      e.$slots.title ? {
-        name: "title",
-        fn: f(() => [
-          i(e.$slots, "title")
-        ]),
-        key: "0"
-      } : void 0,
-      e.features.searching ? {
-        name: "searching",
-        fn: f(() => [
-          i(e.$slots, "search", ae(oe({ updateSearchingModel: e.updateSearchingModel, searchingModel: e.searchingModel })), () => [
-            M($, {
-              modelValue: e.searchingModel,
-              "onUpdate:modelValue": t[0] || (t[0] = (a) => e.searchingModel = a)
-            }, null, 8, ["modelValue"])
-          ])
-        ]),
-        key: "1"
-      } : void 0,
-      e.$slots.extraActions ? {
-        name: "extraActions",
-        fn: f(() => [
-          i(e.$slots, "extraActions")
-        ]),
-        key: "2"
-      } : void 0
-    ]), 1024)) : g("", !0),
-    e.$slots.toolbar ? (o(), p(k, {
-      key: 1,
-      class: u(["shrink-0"])
-    }, {
-      default: f(() => [
-        i(e.$slots, "toolbar")
-      ]),
-      _: 3
-    })) : 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: f(() => [
-        M(C, null, {
-          default: f(() => [
-            M(G, { 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: f(() => [
-                    M(l, {
-                      modelValue: e.selectingIndicator,
-                      "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"])) : 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] = (s) => e.sortingModel = s),
-                  column: a,
-                  features: e.features,
-                  "onUpdate:scrollOffset": e.updateScrollOffset,
-                  "onRemove:scrollOffset": e.removeScrollOffset
-                }, {
-                  default: f(() => [
-                    K(Q(a.label), 1)
-                  ]),
-                  _: 2
-                }, 1032, ["modelValue", "column", "features", "onUpdate:scrollOffset", "onRemove:scrollOffset"]))), 128))
-              ]),
-              _: 1
-            }, 8, ["variant"])
-          ]),
-          _: 1
-        }),
-        e.notification ? (o(), p(V, {
-          key: 0,
-          notification: e.notification,
-          variant: e.variant,
-          onCloseNotification: t[3] || (t[3] = (a) => e.$emit("close-notification"))
-        }, J({ _: 2 }, [
-          e.$slots.notification ? {
-            name: "notification",
-            fn: f(() => [
-              i(e.$slots, "notification")
-            ]),
-            key: "0"
-          } : void 0
-        ]), 1032, ["notification", "variant"])) : g("", !0),
-        M(q, null, {
-          default: f(() => [
-            e.$slots["before-rows"] ? (o(), p(I, {
-              key: 0,
-              variant: e.variant,
-              class: "border-b-1"
-            }, {
-              default: f(() => [
-                i(e.$slots, "before-rows")
-              ]),
-              _: 3
-            }, 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: f(() => [
-                e.features.selecting ? (o(), p(F, {
-                  key: 0,
-                  column: { stickiness: "start" },
-                  variant: e.variant,
-                  override: !0
-                }, {
-                  default: f(() => [
-                    M(y)
-                  ]),
-                  _: 1
-                }, 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: f(() => [
-                    i(e.$slots, "column-loading", { column: s }, () => [
-                      M(y)
-                    ])
-                  ]),
-                  _: 2
-                }, 1032, ["column", "features", "variant"]))), 128))
-              ]),
-              _: 2
-            }, 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(a.id),
-              interactive: e.interactiveRows,
-              onMouseenter: () => e.handleMouseEnterRow(a),
-              onMouseleave: () => e.handleMouseLeaveRow(a),
-              onClick: () => e.handleRowClick(a)
-            }, {
-              default: f(() => [
-                e.features.selecting ? (o(), p(F, {
-                  key: 0,
-                  column: { stickiness: "start" },
-                  variant: e.variant,
-                  override: !0,
-                  "force-state": "none",
-                  class: "!py-xs !px-xs md:!py-none md:!px-sm+",
-                  onMouseenter: () => e.handleMouseEnterCell(a, "selecting", e.selectingModel.includes(a.id)),
-                  onMouseleave: () => e.handleMouseLeaveCell(a, "selecting", e.selectingModel.includes(a.id))
-                }, {
-                  default: f(() => [
-                    M(l, {
-                      modelValue: e.selectingModel,
-                      "onUpdate:modelValue": t[4] || (t[4] = (s) => e.selectingModel = s),
-                      value: a.id,
-                      disabled: e.selectingDisabled
-                    }, null, 8, ["modelValue", "value", "disabled"])
-                  ]),
-                  _: 2
-                }, 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,
-                  variant: e.variant,
-                  onInput: (R) => e.onInput(a, s.name, R),
-                  onFocusin: t[5] || (t[5] = (R) => e.scrollTo(R)),
-                  onMouseenter: () => e.handleMouseEnterCell(a, s.name, a[s.name]),
-                  onMouseleave: () => e.handleMouseLeaveCell(a, s.name, a[s.name])
-                }, {
-                  default: f(() => [
-                    i(e.$slots, s.name, {
-                      column: s,
-                      item: a
-                    }, () => [
-                      K(Q(a[s.name]), 1)
-                    ])
-                  ]),
-                  _: 2
-                }, 1032, ["model-value", "column", "features", "variant", "onInput", "onMouseenter", "onMouseleave"]))), 128))
-              ]),
-              _: 2
-            }, 1032, ["variant", "selected", "interactive", "onMouseenter", "onMouseleave", "onClick"]))), 128)) : e.$slots.noSearchResults && (e.features.filtering && e.filteringModel || e.features.searching && e.searchingModel) ? (o(), p(E, {
-              key: 3,
-              class: u(["col-span-full"]),
-              variant: e.variant
-            }, {
-              default: f(() => [
-                i(e.$slots, "noSearchResults", {
-                  filter: e.filteringModel,
-                  search: e.searchingModel
-                })
-              ]),
-              _: 3
-            }, 8, ["variant"])) : e.$slots.empty ? (o(), p(E, {
-              key: 4,
-              class: u(["col-span-full"]),
-              variant: e.variant
-            }, {
-              default: f(() => [
-                i(e.$slots, "empty")
-              ]),
-              _: 3
-            }, 8, ["variant"])) : g("", !0),
-            e.$slots["after-rows"] ? (o(), p(I, {
-              key: 5,
-              variant: e.variant
-            }, {
-              default: f(() => [
-                i(e.$slots, "after-rows")
-              ]),
-              _: 3
-            }, 8, ["variant"])) : g("", !0)
-          ]),
-          _: 3
-        })
-      ]),
-      _: 3
-    }, 8, ["class", "style", "columns", "features"]),
-    e.$slots["extra-row"] ? (o(), p(z, { key: 2 }, {
-      default: f(() => [
-        M(B, {
-          class: u(["shrink-0"]),
-          variant: e.variant
-        }, {
-          default: f(() => [
-            M(L, null, {
-              default: f(() => [
-                i(e.$slots, "extra-row")
-              ]),
-              _: 3
-            })
-          ]),
-          _: 3
-        }, 8, ["variant"])
-      ]),
-      _: 3
-    })) : g("", !0),
-    e.$slots.actions || e.showSelectingCouter || e.features.paging ? (o(), p(W, {
-      key: 3,
-      class: u(["shrink-0"])
-    }, J({ _: 2 }, [
-      e.features.selecting && e.selectingModel.length > 0 ? {
-        name: "status",
-        fn: f(() => [
-          K(Q(e.selectingModel.length) + " row(s) selected ", 1)
-        ]),
-        key: "0"
-      } : void 0,
-      e.$slots.actions ? {
-        name: "actions",
-        fn: f(() => [
-          i(e.$slots, "actions")
-        ]),
-        key: "1"
-      } : void 0,
-      e.features.paging ? {
-        name: "paging",
-        fn: f(() => [
-          M(U, {
-            ref: "pagination",
-            modelValue: e.pagingModel,
-            "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)) : g("", !0)
-  ], 2);
-}
-const la = /* @__PURE__ */ T(Nt, [["render", qt]]);
-export {
-  c as D,
-  la as O,
-  ke as a,
-  Se as b,
-  Re as c,
-  Ee as d,
-  Ae as e,
-  We as f,
-  Ye as g,
-  et as h,
-  nt as i,
-  ut as j,
-  pt as k,
-  yt as l,
-  Dt as m,
-  Tt as n,
-  It as o,
-  Et as p
-};
-//# sourceMappingURL=OrDataGrid-Dg_tGOqf.mjs.map