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

package/dist/esm/OrDataGrid-B7h2wGXD.mjs

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