@shifl-inc/ui 0.1.0 → 0.3.0

package/dist/shifl-ui.js

@@ -1,685 +1,1161 @@
-import {
-  ref as C,
-  computed as k,
-  defineComponent as O,
-  createElementBlock as p,
-  openBlock as b,
-  createElementVNode as n,
-  toDisplayString as _,
-  createTextVNode as U,
-  Fragment as $,
-  renderList as S,
-  withModifiers as N,
-  normalizeClass as j,
-  watch as V,
-  createBlock as H,
-  createCommentVNode as M,
-  unref as g,
-  normalizeStyle as R,
-  provide as Y,
-  inject as q,
-  onMounted as Q,
-  onUnmounted as X
-} from 'vue';
-function Z(e) {
-  const i = (e.columns || []).map((r) => ({
-    ...r,
-    frozen: r.frozen ?? r.fixed ?? !1,
-    visible: r.visible ?? !0
+import { ref as y, computed as v, onMounted as U, onUnmounted as X, defineComponent as _e, createElementBlock as a, openBlock as s, withModifiers as B, createElementVNode as c, createCommentVNode as T, createTextVNode as F, toDisplayString as k, Fragment as x, renderList as z, normalizeClass as R, watch as J, nextTick as Ae, createBlock as V, Teleport as me, normalizeStyle as Z, createVNode as he, unref as P, resolveDynamicComponent as pe, createStaticVNode as pt, provide as vt, inject as mt } from "vue";
+function _t(r) {
+  const f = (r.columns || []).map((l) => ({
+    ...l,
+    frozen: l.frozen ?? l.fixed ?? !1,
+    visible: l.visible ?? !0,
+    protected: l.protected ?? !1
   }));
   return {
-    ...e,
-    columns: i,
-    rows: e.rows ?? [],
-    search: e.search ?? [],
-    filters: e.filters ?? [],
-    paginationMeta: e.paginationMeta ?? {}
+    ...r,
+    columns: f,
+    rows: r.rows ?? [],
+    search: r.search ?? [],
+    filters: r.filters ?? [],
+    paginationMeta: r.paginationMeta ? {
+      show: r.paginationMeta.show ?? !0,
+      currentPage: r.paginationMeta.currentPage ?? 1,
+      perPage: r.paginationMeta.perPage ?? 20,
+      total: r.paginationMeta.total ?? 0,
+      from: r.paginationMeta.from,
+      to: r.paginationMeta.to,
+      ...r.paginationMeta
+    } : void 0
   };
 }
-function ee(e) {
-  const i = [...e],
-    r = C([...e]);
-  function c(o) {
-    r.value = r.value.map((t) => (t.key === o ? { ...t, visible: !t.visible } : t));
+function Ct(r) {
+  const f = [...r], l = y([...r]);
+  function m(d) {
+    l.value = l.value.map(
+      (u) => u.key === d ? { ...u, visible: !u.visible } : u
+    );
   }
-  function l(o) {
-    r.value = r.value.map((t) => ({ ...t, visible: o }));
+  function g(d) {
+    l.value = l.value.map((u) => ({ ...u, visible: d }));
   }
-  function f(o) {
-    const t = r.value.map((v) => (v.key === o ? { ...v, frozen: !v.frozen } : v)),
-      m = t.filter((v) => v.frozen),
-      y = t.filter((v) => !v.frozen);
-    r.value = [...m, ...y];
+  function _(d) {
+    const u = l.value.map(
+      (C) => C.key === d ? { ...C, frozen: !C.frozen } : C
+    ), h = u.filter((C) => C.frozen), S = u.filter((C) => !C.frozen);
+    l.value = [...h, ...S];
   }
-  function h(o, t) {
-    if (o === t || t < 0 || t >= r.value.length) return;
-    const m = r.value.findIndex((G) => !G.frozen),
-      y = m === -1 ? r.value.length : m;
-    if (o < y || t < y) return;
-    const v = [...r.value],
-      [z] = v.splice(o, 1);
-    (v.splice(t, 0, z), (r.value = v));
+  function b(d, u) {
+    if (d === u || u < 0 || u >= l.value.length) return;
+    const h = l.value.findIndex((N) => !N.frozen), S = h === -1 ? l.value.length : h;
+    if (d < S || u < S) return;
+    const C = [...l.value], [H] = C.splice(d, 1);
+    C.splice(u, 0, H), l.value = C;
   }
   function w() {
-    r.value = [...i];
+    l.value = [...f];
   }
-  const s = k(() => r.value.filter((o) => o.visible));
+  const L = v(() => l.value.filter((d) => d.visible));
   return {
-    columns: r,
-    visibleColumns: s,
-    toggleColumnVisibility: c,
-    setAllVisible: l,
-    toggleFrozen: f,
-    moveColumn: h,
+    columns: l,
+    visibleColumns: L,
+    toggleColumnVisibility: m,
+    setAllVisible: g,
+    toggleFrozen: _,
+    moveColumn: b,
     resetColumns: w
   };
 }
-function te(e) {
-  const i = C(e);
-  function r(l) {
-    var f;
-    i.value =
-      ((f = i.value) == null ? void 0 : f.key) === l && i.value.order === 'asc'
-        ? { key: l, order: 'desc' }
-        : { key: l, order: 'asc' };
+function yt(r) {
+  const f = y(r);
+  function l(g) {
+    var _;
+    f.value = ((_ = f.value) == null ? void 0 : _.key) === g && f.value.order === "asc" ? { key: g, order: "desc" } : { key: g, order: "asc" };
   }
-  function c(l) {
-    if (!i.value) return l;
-    const { key: f, order: h } = i.value;
-    return [...l].sort((w, s) => {
-      const o = w[f],
-        t = s[f];
-      if (o === t) return 0;
-      if (o == null) return 1;
-      if (t == null) return -1;
-      const m = String(o).localeCompare(String(t), void 0, {
+  function m(g) {
+    if (!f.value) return g;
+    const { key: _, order: b } = f.value;
+    return [...g].sort((w, L) => {
+      const d = w[_], u = L[_];
+      if (d === u) return 0;
+      if (d == null) return 1;
+      if (u == null) return -1;
+      const h = String(d).localeCompare(String(u), void 0, {
         numeric: !0
       });
-      return h === 'asc' ? m : -m;
+      return b === "asc" ? h : -h;
     });
   }
   return {
-    sort: i,
-    setSort: r,
-    applySort: c
+    sort: f,
+    setSort: l,
+    applySort: m
   };
 }
-function ne() {
-  const e = C('');
-  function i(c) {
-    e.value = c;
-  }
-  function r(c, l) {
-    const f = e.value.trim().toLowerCase();
-    return f
-      ? c.filter((h) =>
-          (l && l.length ? l.map((s) => h[s]) : Object.values(h)).some((s) =>
-            String(s ?? '')
-              .toLowerCase()
-              .includes(f)
-          )
-        )
-      : c;
+function kt() {
+  function r(f, l, m) {
+    const g = (m || "").trim().toLowerCase();
+    return g ? f.filter((_) => (l && l.length ? l.map((w) => _[w]) : Object.values(_)).some(
+      (w) => String(w ?? "").toLowerCase().includes(g)
+    )) : f;
   }
   return {
-    globalFilter: e,
-    setGlobalFilter: i,
     applyGlobalFilter: r
   };
 }
-const oe = { class: 'fixed inset-0 z-40 flex justify-end bg-black/20' },
-  re = {
-    class: 'flex h-full w-full max-w-md flex-col bg-white shadow-xl ring-1 ring-black/5',
-    role: 'dialog',
-    'aria-modal': 'true'
-  },
-  le = { class: 'flex items-center justify-between border-b border-gray-200 px-6 py-4' },
-  se = { class: 'min-w-0' },
-  ie = { class: 'text-xs font-medium text-gray-400' },
-  ue = { class: 'flex items-center justify-between border-b border-gray-200 px-6 py-3 text-xs' },
-  ae = { class: 'flex gap-3 font-medium text-gray-600' },
-  de = { class: 'flex-1 overflow-y-auto px-4 py-4' },
-  ce = { class: 'space-y-2' },
-  fe = ['draggable', 'onDragstart', 'onDragover', 'onDrop'],
-  ve = { class: 'flex items-center gap-3' },
-  ge = ['aria-label'],
-  be = { class: 'flex items-center gap-2' },
-  me = ['checked', 'onChange'],
-  pe = { class: 'text-gray-800' },
-  ye = { class: 'flex items-center gap-2 text-gray-400' },
-  he = ['onClick'],
-  xe = { class: 'flex justify-end gap-3 border-t border-gray-200 px-6 py-3' },
-  we = /* @__PURE__ */ O({
-    __name: 'GridColumnManager',
-    props: {
-      titlePrefix: {},
-      columns: {}
-    },
-    emits: [
-      'close',
-      'toggle',
-      'move',
-      'toggleFrozen',
-      'selectAll',
-      'deselectAll',
-      'restoreDefault'
-    ],
-    setup(e, { emit: i }) {
-      const r = e,
-        c = i,
-        l = C(null);
-      function f(s) {
-        var o;
-        ((o = r.columns[s]) != null && o.frozen) || (l.value = s);
+function bt() {
+  const r = y({
+    rowIndex: null,
+    position: null
+  });
+  function f(_, b, w = 200) {
+    const L = b.getBoundingClientRect();
+    let d = L.left;
+    d + w > window.innerWidth - 8 && (d = window.innerWidth - w + 8), r.value = {
+      rowIndex: _,
+      position: {
+        top: L.bottom,
+        // 4px below trigger
+        left: d
       }
-      function h(s) {}
-      function w(s) {
-        l.value === null || l.value === s || (c('move', l.value, s), (l.value = null));
-      }
-      return (s, o) => (
-        b(),
-        p('div', oe, [
-          n('div', re, [
-            n('header', le, [
-              n('div', se, [
-                n('p', ie, _(e.titlePrefix), 1),
-                o[6] ||
-                  (o[6] = n(
-                    'h2',
-                    { class: 'truncate text-base font-semibold text-gray-900' },
-                    ' Edit Columns ',
-                    -1
-                  ))
-              ]),
-              n(
-                'button',
-                {
-                  type: 'button',
-                  class:
-                    'inline-flex h-8 w-8 items-center justify-center rounded-full text-gray-400 hover:bg-gray-100 hover:text-gray-600',
-                  onClick: o[0] || (o[0] = (t) => s.$emit('close'))
-                },
-                [...(o[7] || (o[7] = [n('span', { class: 'sr-only' }, 'Close', -1), U(' ✕ ', -1)]))]
-              )
-            ]),
-            n('div', ue, [
-              n('div', ae, [
-                n(
-                  'button',
-                  {
-                    type: 'button',
-                    class: 'hover:text-blue-600',
-                    onClick: o[1] || (o[1] = (t) => s.$emit('selectAll'))
-                  },
-                  ' Select All '
-                ),
-                n(
-                  'button',
-                  {
-                    type: 'button',
-                    class: 'hover:text-blue-600',
-                    onClick: o[2] || (o[2] = (t) => s.$emit('deselectAll'))
-                  },
-                  ' Deselect All '
-                )
-              ]),
-              n(
-                'button',
-                {
-                  type: 'button',
-                  class: 'text-xs font-medium text-blue-600 hover:text-blue-700',
-                  onClick: o[3] || (o[3] = (t) => s.$emit('restoreDefault'))
-                },
-                ' Restore Default '
-              )
-            ]),
-            n('div', de, [
-              n('ul', ce, [
-                (b(!0),
-                p(
-                  $,
-                  null,
-                  S(
-                    e.columns,
-                    (t, m) => (
-                      b(),
-                      p(
-                        'li',
-                        {
-                          key: t.key,
-                          class:
-                            'flex items-center justify-between rounded-lg border border-gray-200 bg-gray-50 px-4 py-2 text-sm shadow-[0_1px_0_rgba(15,23,42,0.02)]',
-                          draggable: !t.frozen,
-                          onDragstart: (y) => f(m),
-                          onDragover: N((y) => void 0, ['prevent']),
-                          onDrop: N((y) => w(m), ['prevent'])
-                        },
-                        [
-                          n('div', ve, [
-                            n(
-                              'button',
-                              {
-                                type: 'button',
-                                class: j([
-                                  'cursor-grab text-gray-300 hover:text-gray-500',
-                                  { 'opacity-40 cursor-not-allowed': t.frozen }
-                                ]),
-                                'aria-label': `Move ${t.label}`
-                              },
-                              ' ⋮⋮ ',
-                              10,
-                              ge
-                            ),
-                            n('label', be, [
-                              n(
-                                'input',
-                                {
-                                  type: 'checkbox',
-                                  class:
-                                    'h-4 w-4 rounded border-gray-300 text-blue-600 focus:ring-blue-500',
-                                  checked: t.visible,
-                                  onChange: (y) => s.$emit('toggle', t.key)
-                                },
-                                null,
-                                40,
-                                me
-                              ),
-                              n('span', pe, _(t.label), 1)
-                            ])
-                          ]),
-                          n('div', ye, [
-                            n(
-                              'button',
-                              {
-                                type: 'button',
-                                class: j([
-                                  'h-7 w-7 rounded-full border border-transparent text-xs font-medium text-gray-500 hover:border-blue-200 hover:bg-blue-50 hover:text-blue-600 disabled:opacity-40',
-                                  {
-                                    'bg-blue-50 text-blue-600 border-blue-200': t.frozen
-                                  }
-                                ]),
-                                onClick: (y) => s.$emit('toggleFrozen', t.key)
-                              },
-                              ' Pin ',
-                              10,
-                              he
-                            )
-                          ])
-                        ],
-                        40,
-                        fe
-                      )
-                    )
-                  ),
-                  128
-                ))
-              ])
-            ]),
-            n('footer', xe, [
-              n(
-                'button',
-                {
-                  type: 'button',
-                  class:
-                    'rounded-md border border-gray-300 px-4 py-2 text-sm font-medium text-gray-700 hover:bg-gray-50',
-                  onClick: o[4] || (o[4] = (t) => s.$emit('close'))
-                },
-                ' Cancel '
-              ),
-              n(
-                'button',
-                {
-                  type: 'button',
-                  class:
-                    'rounded-md bg-blue-600 px-4 py-2 text-sm font-semibold text-white hover:bg-blue-700',
-                  onClick: o[5] || (o[5] = (t) => s.$emit('close'))
-                },
-                ' Update '
-              )
+    };
+  }
+  function l() {
+    r.value = {
+      rowIndex: null,
+      position: null
+    };
+  }
+  function m(_) {
+    return r.value.rowIndex === _;
+  }
+  function g(_) {
+    _.key === "Escape" && r.value.rowIndex !== null && l();
+  }
+  return U(() => {
+    document.addEventListener("keydown", g);
+  }), X(() => {
+    document.removeEventListener("keydown", g);
+  }), {
+    menuState: r,
+    openMenu: f,
+    closeMenu: l,
+    isMenuOpen: m
+  };
+}
+const wt = { class: "shifl-column-manager__header" }, Mt = { class: "shifl-column-manager__title-wrapper" }, xt = { class: "shifl-column-manager__title" }, $t = { key: 0 }, Tt = { key: 1 }, Lt = { class: "shifl-column-manager__controls" }, St = { class: "shifl-column-manager__controls-left" }, Pt = { class: "shifl-column-manager__content" }, At = { class: "shifl-column-manager__list" }, zt = ["draggable", "onDragstart", "onDragover", "onDrop"], Ht = ["aria-label", "disabled"], Rt = ["checked", "disabled", "onChange"], Vt = { class: "shifl-column-manager__label-text" }, Et = { class: "shifl-column-manager__footer" }, Dt = /* @__PURE__ */ _e({
+  __name: "GridColumnManager",
+  props: {
+    titlePrefix: {},
+    columns: {}
+  },
+  emits: ["close", "toggle", "move", "toggleFrozen", "selectAll", "deselectAll", "restoreDefault"],
+  setup(r, { emit: f }) {
+    const l = r, m = v(() => l.columns), g = f, _ = y(null);
+    function b(d) {
+      var u, h;
+      (u = l.columns[d]) != null && u.frozen || (h = l.columns[d]) != null && h.protected || (_.value = d);
+    }
+    function w(d) {
+    }
+    function L(d) {
+      _.value === null || _.value === d || (g("move", _.value, d), _.value = null);
+    }
+    return (d, u) => (s(), a("div", {
+      class: "shifl-column-manager__backdrop",
+      onClick: u[7] || (u[7] = B((h) => d.$emit("close"), ["self"]))
+    }, [
+      c("div", {
+        class: "shifl-column-manager__dialog",
+        role: "dialog",
+        "aria-modal": "true",
+        onClick: u[6] || (u[6] = B(() => {
+        }, ["stop"]))
+      }, [
+        c("header", wt, [
+          c("div", Mt, [
+            c("h2", xt, [
+              r.titlePrefix ? (s(), a("span", $t, k(r.titlePrefix), 1)) : T("", !0),
+              r.titlePrefix ? (s(), a("span", Tt, ">")) : T("", !0),
+              u[8] || (u[8] = F("Edit Columns ", -1))
             ])
+          ]),
+          c("button", {
+            type: "button",
+            class: "shifl-column-manager__close",
+            onClick: u[0] || (u[0] = (h) => d.$emit("close"))
+          }, [...u[9] || (u[9] = [
+            c("span", null, "✕", -1)
+          ])])
+        ]),
+        c("div", Lt, [
+          c("div", St, [
+            c("button", {
+              type: "button",
+              class: "shifl-column-manager__link-button",
+              onClick: u[1] || (u[1] = (h) => d.$emit("selectAll"))
+            }, " Select All "),
+            c("button", {
+              type: "button",
+              class: "shifl-column-manager__link-button",
+              onClick: u[2] || (u[2] = (h) => d.$emit("deselectAll"))
+            }, " Deselect All ")
+          ]),
+          c("button", {
+            type: "button",
+            class: "shifl-column-manager__link-button shifl-column-manager__link-button--primary",
+            onClick: u[3] || (u[3] = (h) => d.$emit("restoreDefault"))
+          }, " Restore Default ")
+        ]),
+        c("div", Pt, [
+          c("ul", At, [
+            (s(!0), a(x, null, z(m.value, (h, S) => (s(), a("li", {
+              key: h.key,
+              class: R(["shifl-column-manager__item", {
+                "shifl-column-manager__item--disabled": h.frozen || h.protected
+              }]),
+              draggable: !h.frozen && !h.protected,
+              onDragstart: (C) => b(S),
+              onDragover: B((C) => void 0, ["prevent"]),
+              onDrop: B((C) => L(S), ["prevent"])
+            }, [
+              c("button", {
+                type: "button",
+                class: R(["shifl-column-manager__drag-handle", {
+                  "shifl-column-manager__drag-handle--disabled": h.frozen || h.protected
+                }]),
+                "aria-label": `Move ${h.label}`,
+                disabled: h.frozen || h.protected
+              }, [...u[10] || (u[10] = [
+                c("span", null, "⋮⋮", -1)
+              ])], 10, Ht),
+              c("label", {
+                class: R(["shifl-column-manager__checkbox-label", {
+                  "shifl-column-manager__checkbox-label--disabled": h.frozen || h.protected
+                }])
+              }, [
+                c("input", {
+                  type: "checkbox",
+                  class: "shifl-column-manager__checkbox",
+                  checked: h.visible,
+                  disabled: h.frozen || h.protected,
+                  onChange: (C) => d.$emit("toggle", h.key)
+                }, null, 40, Rt),
+                u[11] || (u[11] = c("span", { class: "shifl-column-manager__checkbox-custom" }, null, -1)),
+                c("span", Vt, k(h.label), 1)
+              ], 2)
+            ], 42, zt))), 128))
           ])
+        ]),
+        c("footer", Et, [
+          c("button", {
+            type: "button",
+            class: "shifl-column-manager__button shifl-column-manager__button--primary",
+            onClick: u[4] || (u[4] = (h) => d.$emit("close"))
+          }, " Update "),
+          c("button", {
+            type: "button",
+            class: "shifl-column-manager__button shifl-column-manager__button--secondary",
+            onClick: u[5] || (u[5] = (h) => d.$emit("close"))
+          }, " Cancel ")
         ])
-      );
-    }
-  }),
-  _e = { class: 'shifl-grid relative' },
-  ke = { class: 'shifl-grid__controls' },
-  Ce = ['value'],
-  $e = { class: 'shifl-grid__header flex items-center justify-between' },
-  Se = { class: 'text-xs font-medium text-gray-500' },
-  ze = { class: 'shifl-grid__viewport' },
-  Ge = { class: 'shifl-grid__table' },
-  De = ['onClick'],
-  Fe = { key: 0 },
-  Ae = { key: 0 },
-  Me = ['colspan'],
-  Te = /* @__PURE__ */ O({
-    __name: 'ShiflGrid',
-    props: {
-      config: {}
-    },
-    setup(e) {
-      const i = e,
-        r = k(() => Z(i.config)),
-        {
-          columns: c,
-          visibleColumns: l,
-          toggleColumnVisibility: f,
-          setAllVisible: h,
-          toggleFrozen: w,
-          moveColumn: s,
-          resetColumns: o
-        } = ee(r.value.columns),
-        { sort: t, setSort: m, applySort: y } = te(r.value.sort),
-        { globalFilter: v, setGlobalFilter: z, applyGlobalFilter: G } = ne(),
-        D = C(!1);
-      (V(
-        () => r.value.columns,
-        (u) => {
-          c.value = [...u];
-        },
-        { deep: !0 }
-      ),
-        V(
-          () => r.value.sort,
-          (u) => {
-            u && (t.value = u);
-          },
-          { deep: !0 }
-        ));
-      const P = k(() => G(r.value.rows, r.value.search)),
-        F = k(() => y(P.value)),
-        K = k(() => {
-          let u = 0;
-          const a = {};
-          for (const d of l.value) {
-            d.frozen && (a[d.key] = u);
-            const x = parseInt(d.width ?? '160', 10);
-            Number.isNaN(x) || (u += x);
-          }
-          return a;
-        });
-      function W(u) {
-        const a = c.value.find((d) => d.key === u);
-        a != null && a.sortable && m(u);
+      ])
+    ]));
+  }
+}), G = (r, f) => {
+  const l = r.__vccOpts || r;
+  for (const [m, g] of f)
+    l[m] = g;
+  return l;
+}, Zt = /* @__PURE__ */ G(Dt, [["__scopeId", "data-v-e57fe743"]]), Gt = { class: "shifl-grid__tooltip-content" }, It = /* @__PURE__ */ _e({
+  __name: "GridTooltip",
+  props: {
+    content: {},
+    visible: { type: Boolean },
+    triggerElement: {}
+  },
+  setup(r) {
+    const f = r, l = y(null), m = y({}), g = v(() => f.content.includes(`
+`)), _ = v(() => g.value ? f.content.split(`
+`).filter((d) => d.trim().length > 0) : []), b = y("top"), w = y({});
+    function L() {
+      if (!f.triggerElement || !l.value) return;
+      const d = f.triggerElement.getBoundingClientRect(), u = l.value.getBoundingClientRect(), h = window.innerWidth, S = window.innerHeight;
+      let C = d.bottom + 8, H = d.left + scrollX;
+      H + u.width > h - 16 && (H = h - u.width - 16), H < 16 && (H = 16), C + u.height > S - 16 ? (C = d.top - u.height - 8, b.value = "bottom") : b.value = "top", m.value = {
+        position: "fixed",
+        top: `${C}px`,
+        left: `${H}px`,
+        zIndex: "10000"
+      };
+      const N = d.left + d.width / 2 - H;
+      w.value = {
+        left: `${N}px`
+      };
+    }
+    return J(
+      () => f.visible,
+      async (d) => {
+        d && (await Ae(), L());
       }
-      function I(u) {
-        const a = u.target.value;
-        z(a);
+    ), U(() => {
+      f.visible && Ae(() => L());
+    }), X(() => {
+    }), (d, u) => (s(), V(me, { to: "body" }, [
+      r.visible ? (s(), a("div", {
+        key: 0,
+        ref_key: "tooltipRef",
+        ref: l,
+        class: "shifl-grid__tooltip",
+        style: Z(m.value)
+      }, [
+        c("div", {
+          class: R(["shifl-grid__tooltip-arrow", b.value]),
+          style: Z(w.value)
+        }, null, 6),
+        c("div", Gt, [
+          g.value ? (s(!0), a(x, { key: 0 }, z(_.value, (h, S) => (s(), a("div", {
+            key: S,
+            class: "shifl-grid__tooltip-line"
+          }, k(h), 1))), 128)) : (s(), a(x, { key: 1 }, [
+            F(k(r.content), 1)
+          ], 64))
+        ])
+      ], 4)) : T("", !0)
+    ]));
+  }
+}), Bt = /* @__PURE__ */ G(It, [["__scopeId", "data-v-44347dc9"]]), Nt = {}, Wt = {
+  width: "14",
+  height: "15",
+  viewBox: "0 0 14 15",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  class: "shifl-smart-tracking-icon"
+};
+function Ft(r, f) {
+  return s(), a("svg", Wt, [...f[0] || (f[0] = [
+    c("path", {
+      d: "M1.03223 9.27441C1.22778 9.27445 1.40954 9.32951 1.57812 9.43066L3.86523 10.8594C4.1957 11.0618 4.3916 11.4202 4.3916 11.8047C4.39151 12.189 4.19562 12.5467 3.86523 12.749L1.57812 14.1797C1.41642 14.2806 1.22754 14.334 1.03223 14.334V14.3408C0.465713 14.3408 0.000165713 13.8751 0 13.3086V10.3066C0.000236867 9.74022 0.465756 9.27443 1.03223 9.27441ZM1.01172 13.3018L3.3252 11.8916C3.32796 11.8884 3.3728 11.8374 3.37305 11.8047C3.37305 11.771 3.35218 11.737 3.3252 11.7168L1.03906 10.2871L1.01172 13.3018ZM6.07129 3.37305C6.35041 3.37318 6.5771 3.59977 6.57715 3.87891C6.57715 4.15809 6.35044 4.38463 6.07129 4.38477H5.05957C4.03708 4.38477 3.20433 5.06537 3.2041 5.90234C3.2041 6.73947 4.03694 7.4209 5.05957 7.4209H7.08301C8.66344 7.42096 9.95019 8.55525 9.9502 9.9502C9.95009 11.3451 8.66338 12.4794 7.08301 12.4795H6.07129C5.79202 12.4795 5.56543 12.2529 5.56543 11.9736C5.56548 11.6944 5.79205 11.4678 6.07129 11.4678H7.08301C8.10552 11.4677 8.93739 10.7872 8.9375 9.9502C8.93749 9.11311 8.10558 8.43267 7.08301 8.43262H5.05957C3.47908 8.43262 2.19238 7.29733 2.19238 5.90234C2.19259 4.50751 3.4792 3.37305 5.05957 3.37305H6.07129ZM10.7939 0C12.0694 0.000131868 13.2591 0.779675 13.7549 1.94043C14.6093 3.9666 13.0453 5.42741 11.9033 6.49316L11.8818 6.51367C11.7964 6.59308 11.711 6.67193 11.6289 6.75C11.4057 6.96444 11.1095 7.08195 10.7939 7.08203C10.4783 7.08203 10.1803 6.9642 9.95703 6.74902C9.86266 6.65937 9.76511 6.56666 9.66602 6.47363L9.66016 6.46875C8.53029 5.40836 6.98418 3.95585 7.83203 1.94238C8.32854 0.77953 9.51841 6.29203e-06 10.7939 0ZM10.7939 1.01172C9.91775 1.01173 9.10234 1.54537 8.76367 2.33789C8.22961 3.60525 9.04604 4.50453 10.3525 5.73145L10.4229 5.79688C10.5024 5.87104 10.5804 5.94604 10.6572 6.01953C10.7267 6.08617 10.861 6.08446 10.9277 6.02051L10.9307 6.01758C11.0223 5.93066 11.1172 5.84284 11.2129 5.75391C12.5356 4.51951 13.3612 3.61352 12.8223 2.33594C12.4849 1.54493 11.6691 1.0127 10.793 1.0127L10.7939 1.01172ZM10.7998 2.53027C11.1719 2.53041 11.4734 2.83199 11.4736 3.2041C11.4736 3.57637 11.172 3.87877 10.7998 3.87891C10.4275 3.87882 10.1221 3.57641 10.1221 3.2041C10.1223 2.8319 10.4207 2.53027 10.793 2.53027H10.7998Z",
+      fill: "#05963F"
+    }, null, -1)
+  ])]);
+}
+const Ot = /* @__PURE__ */ G(Nt, [["render", Ft]]), jt = {}, Kt = {
+  width: "14",
+  height: "10",
+  viewBox: "0 0 14 10",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+function qt(r, f) {
+  return s(), a("svg", Kt, [...f[0] || (f[0] = [
+    c("path", {
+      "fill-rule": "evenodd",
+      "clip-rule": "evenodd",
+      d: "M0 0.666667C0 0.298477 0.314186 2.98023e-08 0.701754 2.98023e-08H4.2807C4.66827 2.98023e-08 4.98246 0.298477 4.98246 0.666667C4.98246 1.03486 4.66827 1.33333 4.2807 1.33333H0.701754C0.314186 1.33333 0 1.03486 0 0.666667ZM10.0301 0.195262C10.3042 -0.0650874 10.7485 -0.0650874 11.0225 0.195262L13.1278 2.19526C13.4018 2.45561 13.4018 2.87772 13.1278 3.13807C12.8537 3.39842 12.4094 3.39842 12.1354 3.13807L11.2281 2.27614V8.66667C11.2281 9.03486 10.9139 9.33333 10.5263 9.33333C10.1387 9.33333 9.82456 9.03486 9.82456 8.66667V2.27614L8.91727 3.13807C8.64322 3.39842 8.19889 3.39842 7.92484 3.13807C7.65079 2.87772 7.65079 2.45561 7.92484 2.19526L10.0301 0.195262ZM0 4.66667C0 4.29848 0.314186 4 0.701754 4H5.61404C6.0016 4 6.31579 4.29848 6.31579 4.66667C6.31579 5.03486 6.0016 5.33333 5.61404 5.33333H0.701754C0.314186 5.33333 0 5.03486 0 4.66667ZM0 8.66667C0 8.29848 0.314186 8 0.701754 8H7.01754C7.40511 8 7.7193 8.29848 7.7193 8.66667C7.7193 9.03486 7.40511 9.33333 7.01754 9.33333H0.701754C0.314186 9.33333 0 9.03486 0 8.66667Z",
+      fill: "#1A6D9E"
+    }, null, -1)
+  ])]);
+}
+const Jt = /* @__PURE__ */ G(jt, [["render", qt]]), Ut = {}, Xt = {
+  width: "14",
+  height: "10",
+  viewBox: "0 0 14 10",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+function Yt(r, f) {
+  return s(), a("svg", Xt, [...f[0] || (f[0] = [
+    c("path", {
+      d: "M4.28125 8C4.66872 8.00011 4.98242 8.29887 4.98242 8.66699C4.98242 9.03511 4.66872 9.33387 4.28125 9.33398H0.702148C0.314581 9.33398 8.1338e-07 9.03518 0 8.66699C0 8.2988 0.31458 8 0.702148 8H4.28125ZM10.5264 0C10.9139 0 11.2285 0.298802 11.2285 0.666992V7.05762L12.1357 6.19531C12.4097 5.93519 12.8539 5.93524 13.1279 6.19531C13.402 6.45566 13.402 6.87832 13.1279 7.13867L11.0225 9.13867C10.7484 9.39867 10.3042 9.39886 10.0303 9.13867L7.9248 7.13867C7.65082 6.87834 7.65082 6.45565 7.9248 6.19531C8.19886 5.93496 8.64392 5.93496 8.91797 6.19531L9.8252 7.05762V0.666992C9.8252 0.298891 10.1389 0.000143144 10.5264 0ZM5.61426 4C6.00183 4 6.31641 4.2988 6.31641 4.66699C6.31641 5.03518 6.00183 5.33398 5.61426 5.33398H0.702148C0.314581 5.33398 6.77817e-07 5.03518 0 4.66699C0 4.2988 0.31458 4 0.702148 4H5.61426ZM7.01758 0C7.40515 0 7.71973 0.298802 7.71973 0.666992C7.71973 1.03518 7.40515 1.33398 7.01758 1.33398H0.702148C0.31458 1.33398 5.42254e-07 1.03518 0 0.666992C0 0.298802 0.31458 0 0.702148 0H7.01758Z",
+      fill: "#1A6D9E"
+    }, null, -1)
+  ])]);
+}
+const Qt = /* @__PURE__ */ G(Ut, [["render", Yt]]), en = {}, tn = {
+  width: "21",
+  height: "13",
+  viewBox: "0 0 21 13",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+function nn(r, f) {
+  return s(), a("svg", tn, [...f[0] || (f[0] = [
+    c("path", {
+      d: "M19.6426 4.61523C19.9311 4.61524 20.1317 4.90139 20.0342 5.17285L17.499 12.2246C17.4395 12.3899 17.2821 12.5 17.1064 12.5H1.5459C1.35628 12.5 1.19044 12.3719 1.14258 12.1885L0.0136719 7.83887C-0.0548101 7.575 0.14438 7.31738 0.416992 7.31738H12.6016L14.71 4.61523H19.6426ZM3.51465 8.82324C3.11322 8.82324 2.78728 9.15265 2.78711 9.55859C2.78711 9.96468 3.11312 10.2939 3.51465 10.2939C3.9161 10.2938 4.24121 9.96462 4.24121 9.55859C4.24104 9.15271 3.91599 8.82334 3.51465 8.82324ZM7.87695 8.82324C7.47553 8.82324 7.14958 9.15265 7.14941 9.55859C7.14941 9.96468 7.47542 10.2939 7.87695 10.2939C8.27846 10.2939 8.60352 9.96466 8.60352 9.55859C8.60335 9.15267 8.27835 8.82327 7.87695 8.82324ZM12.2393 8.82324C11.8378 8.82324 11.5119 9.15265 11.5117 9.55859C11.5117 9.96468 11.8377 10.2939 12.2393 10.2939C12.6407 10.2938 12.9658 9.96458 12.9658 9.55859C12.9657 9.15275 12.6405 8.82341 12.2393 8.82324ZM10.3291 3.67676C10.5591 3.67679 10.7459 3.86283 10.7461 4.09277V5.46582C10.746 5.69585 10.5591 5.88278 10.3291 5.88281H1.75C1.51993 5.88281 1.33309 5.69587 1.33301 5.46582V4.09277C1.3332 3.86282 1.52 3.67676 1.75 3.67676H10.3291ZM8.91406 0C9.14418 0 9.33105 0.186874 9.33105 0.416992V1.78906C9.33105 2.01918 9.14418 2.20605 8.91406 2.20605H3.2041C2.97398 2.20605 2.78711 2.01918 2.78711 1.78906V0.416992C2.78711 0.186874 2.97398 1.52829e-06 3.2041 0H8.91406Z",
+      fill: "#9CA5B4"
+    }, null, -1)
+  ])]);
+}
+const ze = /* @__PURE__ */ G(en, [["render", nn]]), on = {}, rn = {
+  width: "16",
+  height: "16",
+  viewBox: "0 0 16 16",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+function sn(r, f) {
+  return s(), a("svg", rn, [...f[0] || (f[0] = [
+    c("path", {
+      d: "M7.99976 0.799561C11.9761 0.799561 15.1998 4.0234 15.2 7.99976C15.2 11.9762 11.9762 15.2 7.99976 15.2C4.0234 15.1998 0.799561 11.9761 0.799561 7.99976C0.799666 4.02346 4.02346 0.799666 7.99976 0.799561ZM7.99976 1.87964C4.61984 1.87974 1.87974 4.61984 1.87964 7.99976C1.87964 11.3798 4.61977 14.1198 7.99976 14.1199C11.3798 14.1199 14.1199 11.3798 14.1199 7.99976C14.1198 4.61977 11.3798 1.87964 7.99976 1.87964ZM7.9978 6.91968C8.27087 6.91973 8.49698 7.12223 8.53296 7.3855L8.53784 7.45874L8.53979 11.4197C8.5399 11.7178 8.29882 11.9595 8.00073 11.9597C7.72754 11.9599 7.50169 11.7572 7.46558 11.4939L7.46069 11.4207L7.45776 7.45972C7.45757 7.16153 7.69962 6.91987 7.9978 6.91968ZM8.00073 4.40112C8.39742 4.40137 8.71923 4.72319 8.71948 5.11987C8.71948 5.51677 8.39757 5.83935 8.00073 5.8396C7.60368 5.8396 7.28101 5.51692 7.28101 5.11987C7.28126 4.72304 7.60384 4.40112 8.00073 4.40112Z",
+      fill: "#69758C"
+    }, null, -1)
+  ])]);
+}
+const ln = /* @__PURE__ */ G(on, [["render", sn]]), an = { class: "shifl-grid relative" }, un = { class: "shifl-grid__controls" }, cn = { class: "shifl-grid__table" }, fn = ["onClick"], dn = { class: "shifl-grid__header-content" }, gn = {
+  key: 0,
+  class: "shifl-grid__header-label"
+}, hn = {
+  key: 1,
+  class: "shifl-grid__sort-icon"
+}, pn = { key: 0 }, vn = ["colspan"], mn = {
+  key: 0,
+  class: "shifl-grid__smart-tracking-icon"
+}, _n = ["onClick"], Cn = { key: 0 }, yn = ["innerHTML"], kn = {
+  key: 2,
+  class: "shifl-grid__type-cell"
+}, bn = {
+  key: 0,
+  class: "shifl-grid__container-badge"
+}, wn = {
+  key: 3,
+  class: "shifl-grid__tags-cell"
+}, Mn = { class: "shifl-grid__tags-wrapper" }, xn = ["onMouseenter"], $n = {
+  key: 4,
+  class: "shifl-grid__truncated-cell"
+}, Tn = ["onMouseenter"], Ln = ["onMouseenter"], Sn = {
+  key: 5,
+  class: "shifl-grid__chips-container"
+}, Pn = {
+  key: 0,
+  class: "shifl-grid__pagination"
+}, An = { class: "shifl-grid__pagination-left" }, zn = { class: "shifl-grid__pagination-range" }, Hn = { class: "shifl-grid__pagination-range-numbers" }, Rn = { class: "shifl-grid__pagination-right" }, Vn = { class: "shifl-grid__pagination-rows" }, En = ["value", "disabled"], Dn = { class: "shifl-grid__pagination-nav" }, Zn = ["disabled"], Gn = { class: "shifl-grid__pagination-pages" }, In = ["disabled", "onClick"], Bn = {
+  key: 1,
+  class: "shifl-grid__pagination-ellipsis"
+}, Nn = ["disabled"], Wn = ["onClick"], Fn = ["innerHTML"], On = 8, jn = /* @__PURE__ */ _e({
+  __name: "ShiflGrid",
+  props: {
+    config: {},
+    search: {},
+    loading: { type: Boolean }
+  },
+  emits: ["action-click", "search-change", "pagination-change"],
+  setup(r, { emit: f }) {
+    const l = r, m = f, g = v(() => _t(l.config)), _ = v(() => g.value.columns.filter((e) => !e.smartTrackingColumn)), {
+      columns: b,
+      visibleColumns: w,
+      toggleColumnVisibility: L,
+      setAllVisible: d,
+      toggleFrozen: u,
+      moveColumn: h,
+      resetColumns: S
+    } = Ct(_.value), { sort: C, setSort: H, applySort: N } = yt(g.value.sort), { applyGlobalFilter: Ve } = kt(), { menuState: E, openMenu: Ee, closeMenu: Y } = bt(), Q = y(!1), Ce = y({}), ye = y(null), ke = y(null), ee = y(null), te = y(!1), be = y(""), ne = y(null), De = y({});
+    y({});
+    const ie = y({});
+    J(
+      () => g.value.columns,
+      (e) => {
+        const n = e.filter((t) => !t.smartTrackingColumn);
+        b.value = [...n];
+      },
+      { deep: !0 }
+    ), J(
+      () => g.value.sort,
+      (e) => {
+        e && (C.value = e);
+      },
+      { deep: !0 }
+    ), J(
+      () => l.search,
+      (e, n) => {
+        var t;
+        if (g.value.searchMode === "server")
+          m("search-change", e || "");
+        else if (g.value.searchMode === "client" && e !== n) {
+          const i = ((t = $.value) == null ? void 0 : t.perPage) || 20;
+          m("pagination-change", 1, i);
+        }
+      }
+    );
+    const we = v(() => {
+      if ((g.value.searchMode || "client") === "server")
+        return g.value.rows;
+      const n = l.search || "";
+      return Ve(g.value.rows, g.value.search, n);
+    }), oe = v(() => {
+      var n;
+      return (g.value.searchMode || "client") === "client" ? we.value.length : ((n = $.value) == null ? void 0 : n.total) || 0;
+    }), re = v(() => N(we.value)), Me = v(() => {
+      if ((g.value.searchMode || "client") === "server")
+        return re.value;
+      const n = $.value;
+      if (!n || !n.show)
+        return re.value;
+      const t = n.perPage || 20, o = ((n.currentPage || 1) - 1) * t, p = o + t;
+      return re.value.slice(o, p);
+    }), $ = v(() => g.value.paginationMeta), Ze = v(() => {
+      var e;
+      return ((e = $.value) == null ? void 0 : e.perPage) === 100;
+    }), Ge = v(() => {
+      var e;
+      return ((e = $.value) == null ? void 0 : e.perPage) || 10;
+    }), xe = v(() => {
+      const e = $.value;
+      if (!e || !e.show)
+        return { from: 0, to: 0 };
+      const n = oe.value, t = e.perPage || 20, i = e.currentPage || 1;
+      if ((g.value.searchMode || "client") === "server" && e.from !== void 0 && e.to !== void 0)
+        return { from: e.from, to: e.to };
+      const p = (i - 1) * t + 1, M = Math.min(i * t, n);
+      return n === 0 ? { from: 0, to: 0 } : { from: p, to: M };
+    }), D = v(() => {
+      var e;
+      return ((e = $.value) == null ? void 0 : e.currentPage) || 1;
+    }), se = v(() => {
+      const e = $.value;
+      if (!e || !e.show) return 1;
+      const n = oe.value;
+      if (n === 0) return 1;
+      const t = e.perPage || 20, i = Math.ceil(n / t);
+      return Math.max(1, i);
+    }), $e = v(() => D.value <= 1), Te = v(() => D.value >= se.value), Ie = v(() => {
+      const e = se.value, n = D.value, t = [];
+      if (e <= 7)
+        for (let i = 1; i <= e; i++)
+          t.push(i);
+      else if (n <= 4) {
+        for (let i = 1; i <= 5; i++)
+          t.push(i);
+        t.push(-1), t.push(e);
+      } else if (n >= e - 3) {
+        t.push(1), t.push(-1);
+        for (let i = e - 4; i <= e; i++)
+          t.push(i);
+      } else {
+        t.push(1), t.push(-1);
+        for (let i = n - 1; i <= n + 1; i++)
+          t.push(i);
+        t.push(-1), t.push(e);
       }
-      function J(u) {
-        return u == null ? '' : typeof u == 'object' ? JSON.stringify(u) : String(u);
+      return t;
+    });
+    function Be(e) {
+      var t;
+      if (e < 1 || e > se.value || e === D.value || l.loading) return;
+      const n = ((t = $.value) == null ? void 0 : t.perPage) || 20;
+      m("pagination-change", e, n);
+    }
+    function Ne() {
+      var n;
+      if ($e.value || l.loading) return;
+      const e = ((n = $.value) == null ? void 0 : n.perPage) || 20;
+      m("pagination-change", D.value - 1, e);
+    }
+    function We() {
+      var n;
+      if (Te.value || l.loading) return;
+      const e = ((n = $.value) == null ? void 0 : n.perPage) || 20;
+      m("pagination-change", D.value + 1, e);
+    }
+    function Fe(e) {
+      var i;
+      if (l.loading) return;
+      const n = e.target, t = parseInt(n.value, 10);
+      t && t !== (((i = $.value) == null ? void 0 : i.perPage) || 20) && m("pagination-change", 1, t);
+    }
+    const Oe = v(() => {
+      const e = g.value.columns.find((t) => t.smartTrackingColumn);
+      if (!(e != null && e.smartTrackingColumn)) return !1;
+      const n = e.smartTrackingColumn.dataKey;
+      return g.value.rows.some((t) => {
+        const i = t[n];
+        return i === !0 || i === 1 || i === "true" || i === "1";
+      });
+    }), le = v(() => g.value.columns.find((e) => e.smartTrackingColumn)), I = v(() => {
+      var t;
+      const e = w.value.filter((i) => !i.smartTrackingColumn);
+      if (Oe.value && le.value) {
+        const i = {
+          key: "_smart_tracking",
+          label: "",
+          // No label
+          order: -1,
+          // Before everything
+          frozen: !0,
+          visible: !0,
+          protected: !0,
+          sortable: !1,
+          width: ((t = le.value.smartTrackingColumn) == null ? void 0 : t.width) || "36px",
+          smartTrackingColumn: le.value.smartTrackingColumn
+        }, o = e.findIndex((p) => p.key === "ref");
+        o >= 0 ? e.splice(o, 0, i) : e.unshift(i);
       }
-      function E(u, a = !0) {
-        const d = {
-          width: u.width ?? '160px',
-          minWidth: u.width ?? '160px'
-        };
-        if (!u.frozen) return d;
-        const x = K.value[u.key] ?? 0;
-        return {
-          ...d,
-          position: 'sticky',
-          left: `${x}px`,
-          zIndex: a ? 30 : 10,
-          background: '#ffffff'
-        };
+      const n = e.find((i) => i.key === "ref");
+      return n && (n.frozen = !0, n.protected = !0), e;
+    }), je = v(() => {
+      let e = 0;
+      const n = {};
+      for (const t of I.value) {
+        t.frozen && (n[t.key] = e);
+        const i = parseInt(t.width ?? "160", 10);
+        Number.isNaN(i) || (e += i + On * 2);
       }
-      return (u, a) => (
-        b(),
-        p('div', _e, [
-          n('div', ke, [
-            n(
-              'input',
-              {
-                class: 'flex-1 rounded border border-gray-300 px-3 py-2 text-sm',
-                type: 'text',
-                value: g(v),
-                onInput: I,
-                placeholder: 'Search anything...'
-              },
-              null,
-              40,
-              Ce
-            ),
-            n(
-              'button',
-              {
-                type: 'button',
-                class: 'shifl-grid__pill-button whitespace-nowrap',
-                onClick: a[0] || (a[0] = (d) => (D.value = !0))
-              },
-              ' Edit Columns '
-            )
-          ]),
-          n('div', $e, [
-            n('span', null, _(e.config.name ?? 'Shifl Grid'), 1),
-            n('span', Se, ' Showing ' + _(F.value.length) + ' of ' + _(r.value.rows.length), 1)
-          ]),
-          n('div', ze, [
-            n('table', Ge, [
-              n('thead', null, [
-                n('tr', null, [
-                  (b(!0),
-                  p(
-                    $,
-                    null,
-                    S(g(l), (d) => {
-                      var x;
-                      return (
-                        b(),
-                        p(
-                          'th',
-                          {
-                            key: d.key,
-                            style: R(E(d, !0)),
-                            onClick: () => W(d.key)
-                          },
-                          [
-                            n('span', null, _(d.label), 1),
-                            ((x = g(t)) == null ? void 0 : x.key) === d.key
-                              ? (b(), p('span', Fe, _(g(t).order === 'asc' ? '▲' : '▼'), 1))
-                              : M('', !0)
-                          ],
-                          12,
-                          De
-                        )
-                      );
-                    }),
-                    128
-                  ))
-                ])
-              ]),
-              n('tbody', null, [
-                F.value.length
-                  ? M('', !0)
-                  : (b(),
-                    p('tr', Ae, [
-                      n(
-                        'td',
-                        {
-                          colspan: g(l).length,
-                          class: 'text-center text-gray-500 py-6'
-                        },
-                        ' No data ',
-                        8,
-                        Me
-                      )
-                    ])),
-                (b(!0),
-                p(
-                  $,
-                  null,
-                  S(
-                    F.value,
-                    (d, x) => (
-                      b(),
-                      p('tr', { key: x }, [
-                        (b(!0),
-                        p(
-                          $,
-                          null,
-                          S(
-                            g(l),
-                            (A) => (
-                              b(),
-                              p(
-                                'td',
-                                {
-                                  key: A.key,
-                                  style: R(E(A, !1))
-                                },
-                                _(J(d[A.key])),
-                                5
-                              )
-                            )
-                          ),
-                          128
-                        ))
-                      ])
-                    )
-                  ),
-                  128
-                ))
-              ])
+      return n;
+    }), Le = y(0);
+    function Ke(e) {
+      const n = e.target;
+      Le.value = n.scrollLeft;
+    }
+    function qe(e) {
+      const n = b.value.find((t) => t.key === e);
+      !(n != null && n.sortable) || j(n) || ge(n) || H(e);
+    }
+    function Je(e) {
+      return e == null ? "" : typeof e == "object" ? JSON.stringify(e) : String(e);
+    }
+    function Ue(e) {
+      return typeof e == "string" && e.toLowerCase() === "ocean", ze;
+    }
+    function Xe(e) {
+      const n = e.toLowerCase();
+      return ["supplier", "suppliers", "po", "pos", "product_description"].includes(n);
+    }
+    function Ye(e) {
+      if (e == null) return "";
+      if (Array.isArray(e)) {
+        if (e.length === 0) return "";
+        const n = e.join(", ");
+        return Se(n, 45);
+      }
+      return typeof e == "string" ? Se(e, 45) : String(e);
+    }
+    function Se(e, n) {
+      return e.length <= n ? e : e.substring(0, n) + "...";
+    }
+    function ae(e) {
+      const n = e.toLowerCase();
+      return ["po", "pos", "supplier", "suppliers", "tag", "tags"].includes(n);
+    }
+    function Qe(e, n) {
+      return e == null || ae(n) ? !1 : Array.isArray(e) ? e.length === 0 ? !1 : e.join(", ").length > 30 : typeof e == "string" ? e.length > 30 : !1;
+    }
+    function et(e) {
+      return e == null ? !1 : Array.isArray(e) ? e.length === 0 ? !1 : e.join(", ").length > 45 : typeof e == "string" ? e.length > 45 : !1;
+    }
+    function tt(e) {
+      if (e == null) return 0;
+      if (Array.isArray(e)) {
+        if (e.length === 0 || e.join(", ").length <= 45) return 0;
+        let t = 0, i = 0;
+        for (let o = 0; o < e.length; o++) {
+          const p = String(e[o]), A = (o > 0 ? ", " : "").length + p.length;
+          if (t + A <= 45)
+            t += A, i++;
+          else
+            break;
+        }
+        return e.length - i;
+      }
+      return typeof e == "string" && e.length > 45 ? 1 : 0;
+    }
+    function ue(e, n, t, i) {
+      let o = "";
+      Array.isArray(t) ? t.length > 0 && (o = t.join(`
+`)) : t != null && (o = String(t)), be.value = o, ne.value = i, te.value = !0;
+    }
+    function ce() {
+      te.value = !1, ne.value = null;
+    }
+    function nt(e, n, t) {
+      t && (De.value[`${e}-${n}`] = t);
+    }
+    function O(e) {
+      return e == null ? [] : Array.isArray(e) ? e.map((n) => String(n)).filter((n) => n.length > 0) : typeof e == "string" ? e.split(",").map((n) => n.trim()).filter((n) => n.length > 0) : [String(e)];
+    }
+    function fe(e, n, t) {
+      const i = O(e);
+      if (i.length === 0) return [];
+      const o = `${n}-${t}`;
+      if (ie.value[o])
+        return ie.value[o];
+      const p = I.value.find((q) => q.key === n), A = (p != null && p.width ? parseInt(p.width) : 200) - 32, W = it(i, A);
+      return ie.value[o] = W, W;
+    }
+    function it(e, n) {
+      if (e.length === 0) return [];
+      const t = document.createElement("div");
+      t.style.cssText = "position: absolute; visibility: hidden; display: flex; flex-wrap: nowrap; gap: 6px;", t.className = "shifl-grid__chips-container", document.body.appendChild(t);
+      let i = 0, o = 0;
+      const p = 40;
+      for (let M = 0; M < e.length; M++) {
+        const A = document.createElement("span");
+        A.className = "shifl-grid__chip shifl-grid__chip--tag", A.textContent = e[M], A.style.cssText = "padding: 4px 8px; border-left: 3px solid; border: 1px solid; background: white; white-space: nowrap;", t.appendChild(A);
+        const W = A.offsetWidth, q = M > 0 ? 6 : 0, ht = M < e.length - 1;
+        if (o + q + W + (ht ? p : 0) > n && M > 0) {
+          t.removeChild(A);
+          break;
+        }
+        o += q + W, i++;
+      }
+      return document.body.removeChild(t), e.slice(0, i);
+    }
+    function ot(e, n, t) {
+      const i = O(e), o = fe(e, n, t);
+      return i.length > o.length;
+    }
+    function rt(e, n, t) {
+      const i = O(e), o = fe(e, n, t);
+      return i.length - o.length;
+    }
+    function st(e) {
+      const n = e.toLowerCase(), t = {
+        "high priority": "var(--shifl-color-error-r70)",
+        express: "var(--shifl-color-primary-b80)",
+        fragile: "var(--shifl-color-warning-o70)",
+        "temperature controlled": "var(--shifl-color-primary-b70)",
+        "customs clearance required": "var(--shifl-color-accent-p80)",
+        "insurance required": "var(--shifl-color-primary-b90)",
+        "special handling": "var(--shifl-color-warning-o80)",
+        "urgent delivery": "var(--shifl-color-error-r80)",
+        normal: "var(--shifl-color-neutral-n60)",
+        low: "var(--shifl-color-neutral-n50)"
+      };
+      if (t[n])
+        return t[n];
+      for (const [i, o] of Object.entries(t))
+        if (n.includes(i) || i.includes(n))
+          return o;
+      return lt(e);
+    }
+    function lt(e) {
+      let n = 0;
+      for (let i = 0; i < e.length; i++)
+        n = e.charCodeAt(i) + ((n << 5) - n);
+      const t = [
+        "var(--shifl-color-primary-b80)",
+        "var(--shifl-color-success-g70)",
+        "var(--shifl-color-warning-o70)",
+        "var(--shifl-color-error-r70)",
+        "var(--shifl-color-accent-p80)",
+        "var(--shifl-color-primary-b70)",
+        "var(--shifl-color-success-g60)",
+        "var(--shifl-color-warning-o60)"
+      ];
+      return t[Math.abs(n) % t.length];
+    }
+    function de(e, n = !0) {
+      const i = { ...{
+        width: e.width ?? "160px",
+        minWidth: e.width ?? "160px"
+      } }, o = Le.value > 0;
+      if (e.frozen) {
+        const p = je.value[e.key] ?? 0;
+        i.position = "sticky", i.left = `${p}px`, i.background = "#ffffff", i.boxShadow = o ? "2px 0 6px rgba(0, 0, 0, 0.12)" : "none", i.zIndex = n ? 40 : 10;
+      }
+      return n && (i.position = "sticky", i.top = "0px"), i;
+    }
+    const at = v(() => b.value.filter((e) => !e.smartTrackingColumn));
+    function j(e) {
+      return !!e.actionColumn;
+    }
+    function ge(e) {
+      return !!e.smartTrackingColumn;
+    }
+    function ut(e, n) {
+      if (!e.smartTrackingColumn) return !1;
+      const t = e.smartTrackingColumn.dataKey, i = n[t];
+      if (i === !0 || i === 1) return !0;
+      if (typeof i == "string") {
+        const o = i.toLowerCase().trim();
+        return o === "true" || o === "1" || o === "yes";
+      }
+      return !1;
+    }
+    function K(e, n) {
+      if (!e.actionColumn) return null;
+      const t = e.actionColumn.icon;
+      return t ? typeof t == "function" ? t(n) : t : null;
+    }
+    function ct(e, n, t, i) {
+      if (!t.actionColumn) return;
+      const o = i.currentTarget;
+      if (E.value.rowIndex === e) {
+        Y();
+        return;
+      }
+      ke.value = t, ee.value = n, Ee(e, o);
+    }
+    function ft(e, n) {
+      return !(e != null && e.actionColumn) || !n ? [] : (typeof e.actionColumn.actions == "function" ? e.actionColumn.actions(n) : e.actionColumn.actions).filter((i) => i.show ? i.show(n) : !0);
+    }
+    function dt(e, n, t) {
+      m("action-click", e.key, n, t), Y();
+    }
+    function gt(e, n) {
+      n && (Ce.value[e] = n);
+    }
+    function Pe(e) {
+      if (E.value.rowIndex === null) return;
+      const n = e.target, t = ye.value, i = Object.values(Ce.value), o = t == null ? void 0 : t.contains(n), p = i.some((M) => M.contains(n));
+      !o && !p && Y();
+    }
+    return U(() => {
+      document.addEventListener("click", Pe);
+    }), X(() => {
+      document.removeEventListener("click", Pe);
+    }), (e, n) => (s(), a("div", an, [
+      c("div", un, [
+        c("button", {
+          type: "button",
+          class: "shifl-grid__pill-button whitespace-nowrap",
+          onClick: n[0] || (n[0] = (t) => Q.value = !0)
+        }, " Edit Column ")
+      ]),
+      c("div", {
+        class: R(["shifl-grid__viewport", { "shifl-grid__viewport--scroll": Ze.value }]),
+        onScroll: Ke
+      }, [
+        c("table", cn, [
+          c("thead", null, [
+            c("tr", null, [
+              (s(!0), a(x, null, z(I.value, (t) => {
+                var i;
+                return s(), a("th", {
+                  key: t.key,
+                  style: Z(de(t, !0)),
+                  onClick: () => qe(t.key),
+                  class: R([
+                    "shifl-grid__header-cell",
+                    `shifl-grid__header-align-${t != null && t.align ? t.align : "left"}`,
+                    {
+                      "shifl-grid__cell--sticky": t.frozen,
+                      "shifl-grid__sortable-col": t.sortable
+                    }
+                  ])
+                }, [
+                  c("div", dn, [
+                    t.label ? (s(), a("span", gn, k(t.label), 1)) : T("", !0),
+                    ((i = P(C)) == null ? void 0 : i.key) === t.key && !j(t) && !ge(t) ? (s(), a("span", hn, [
+                      P(C).order === "asc" ? (s(), V(Jt, { key: 0 })) : (s(), V(Qt, { key: 1 }))
+                    ])) : T("", !0)
+                  ])
+                ], 14, fn);
+              }), 128))
             ])
           ]),
-          a[4] ||
-            (a[4] = n(
-              'div',
-              { class: 'shifl-grid__footer text-xs text-gray-600' },
-              ' Row per page 20 ▾ ',
-              -1
-            )),
-          D.value
-            ? (b(),
-              H(
-                we,
-                {
+          c("tbody", null, [
+            l.loading ? (s(!0), a(x, { key: 0 }, z(Ge.value, (t) => (s(), a("tr", {
+              key: `skeleton-${t}`,
+              class: "shifl-grid__skeleton-row"
+            }, [
+              (s(!0), a(x, null, z(I.value, (i) => (s(), a("td", {
+                key: i.key,
+                style: Z(de(i, !1)),
+                class: R({ "shifl-grid__cell--sticky": i.frozen })
+              }, [...n[5] || (n[5] = [
+                c("div", { class: "shifl-grid__skeleton-cell" }, null, -1)
+              ])], 6))), 128))
+            ]))), 128)) : (s(), a(x, { key: 1 }, [
+              Me.value.length ? T("", !0) : (s(), a("tr", pn, [
+                c("td", {
+                  colspan: I.value.length,
+                  class: "text-center text-gray-500 py-6"
+                }, " No data ", 8, vn)
+              ])),
+              (s(!0), a(x, null, z(Me.value, (t, i) => (s(), a("tr", { key: i }, [
+                (s(!0), a(x, null, z(I.value, (o) => (s(), a("td", {
+                  key: o.key,
+                  style: Z(de(o, !1)),
+                  class: R([
+                    { "shifl-grid__cell--sticky": o.frozen },
+                    { "shifl-grid__cell--action": j(o) },
+                    `shifl-grid__cell-align-${o != null && o.align ? o.align : "left"}`
+                  ])
+                }, [
+                  ge(o) ? (s(), a(x, { key: 0 }, [
+                    ut(o, t) ? (s(), a("div", mn, [
+                      he(Ot)
+                    ])) : T("", !0)
+                  ], 64)) : j(o) ? (s(), a("button", {
+                    key: 1,
+                    type: "button",
+                    class: "shifl-grid__action-icon",
+                    ref_for: !0,
+                    ref: (p) => gt(i, p),
+                    onClick: B((p) => ct(i, t, o, p), ["stop"])
+                  }, [
+                    K(o, t) ? typeof K(o, t) == "string" ? (s(), a("span", {
+                      key: 1,
+                      innerHTML: K(o, t),
+                      class: "w-4 h-4 inline-block"
+                    }, null, 8, yn)) : (s(), V(pe(K(o, t)), {
+                      key: 2,
+                      class: "w-4 h-4"
+                    })) : (s(), a("span", Cn, "⋯"))
+                  ], 8, _n)) : o.key.toLowerCase() === "type" ? (s(), a("div", kn, [
+                    (s(), V(pe(Ue(t[o.key])), { class: "shifl-grid__type-icon" })),
+                    t.container_count != null ? (s(), a("span", bn, " (" + k(t.container_count) + ") ", 1)) : T("", !0)
+                  ])) : o.key.toLowerCase() === "tag" || o.key.toLowerCase() === "tags" ? (s(), a("div", wn, [
+                    c("div", Mn, [
+                      c("div", {
+                        ref_for: !0,
+                        ref: "(el) => setTagsRef(col.key, rowIndex, el as HTMLElement)",
+                        class: "shifl-grid__chips-container shifl-grid__chips-container--single-line"
+                      }, [
+                        (s(!0), a(x, null, z(fe(
+                          t[o.key],
+                          o.key,
+                          i
+                        ), (p, M) => (s(), a("span", {
+                          key: M,
+                          class: "shifl-grid__chip shifl-grid__chip--tag",
+                          style: Z({ borderLeftColor: st(p) })
+                        }, k(p), 5))), 128))
+                      ], 512)
+                    ]),
+                    ot(t[o.key], o.key, i) ? (s(), a("button", {
+                      key: 0,
+                      type: "button",
+                      class: "shifl-grid__counter-button",
+                      onMouseenter: (p) => ue(
+                        o.key,
+                        i,
+                        t[o.key],
+                        p.currentTarget
+                      ),
+                      onMouseleave: ce
+                    }, " +" + k(rt(t[o.key], o.key, i)), 41, xn)) : T("", !0)
+                  ])) : Xe(o.key) ? (s(), a("div", $n, [
+                    c("span", {
+                      class: "shifl-grid__truncated-text",
+                      ref_for: !0,
+                      ref: (p) => nt(o.key, i, p)
+                    }, k(Ye(t[o.key])), 513),
+                    ae(o.key) && et(t[o.key]) ? (s(), a("button", {
+                      key: 0,
+                      type: "button",
+                      class: "shifl-grid__counter-button",
+                      onMouseenter: (p) => ue(
+                        o.key,
+                        i,
+                        t[o.key],
+                        p.currentTarget
+                      ),
+                      onMouseleave: ce
+                    }, " +" + k(tt(t[o.key])), 41, Tn)) : !ae(o.key) && Qe(t[o.key], o.key) ? (s(), a("button", {
+                      key: 1,
+                      type: "button",
+                      class: "shifl-grid__info-icon-button",
+                      onMouseenter: (p) => ue(
+                        o.key,
+                        i,
+                        t[o.key],
+                        p.currentTarget
+                      ),
+                      onMouseleave: ce
+                    }, [
+                      he(ln)
+                    ], 40, Ln)) : T("", !0)
+                  ])) : o.key.toLowerCase() === "status" ? (s(), a("div", Sn, [
+                    (s(!0), a(x, null, z(O(t[o.key]), (p, M) => (s(), a("span", {
+                      key: M,
+                      class: "shifl-grid__chip shifl-grid__chip--status"
+                    }, k(p), 1))), 128))
+                  ])) : (s(), a(x, { key: 6 }, [
+                    F(k(Je(t[o.key])), 1)
+                  ], 64))
+                ], 6))), 128))
+              ]))), 128))
+            ], 64))
+          ])
+        ])
+      ], 34),
+      $.value && $.value.show !== !1 ? (s(), a("div", Pn, [
+        c("div", An, [
+          c("span", zn, [
+            n[6] || (n[6] = F(" Showing ", -1)),
+            c("span", Hn, k(xe.value.from) + "–" + k(xe.value.to), 1),
+            F(" of " + k(oe.value), 1)
+          ])
+        ]),
+        c("div", Rn, [
+          c("div", Vn, [
+            n[8] || (n[8] = c("label", { class: "shifl-grid__pagination-label" }, "Row per page", -1)),
+            c("select", {
+              value: $.value.perPage || 20,
+              disabled: l.loading,
+              onChange: Fe,
+              class: "shifl-grid__pagination-select"
+            }, [...n[7] || (n[7] = [
+              pt('<option value="20">20</option><option value="30">30</option><option value="50">50</option><option value="75">75</option><option value="100">100</option>', 5)
+            ])], 40, En)
+          ]),
+          c("div", Dn, [
+            c("button", {
+              type: "button",
+              class: "shifl-grid__pagination-button",
+              disabled: $e.value || l.loading,
+              onClick: Ne,
+              "aria-label": "Previous page"
+            }, " ‹ ", 8, Zn),
+            c("div", Gn, [
+              (s(!0), a(x, null, z(Ie.value, (t) => (s(), a(x, { key: t }, [
+                t !== -1 ? (s(), a("button", {
                   key: 0,
-                  'title-prefix': e.config.name,
-                  columns: g(c),
-                  onClose: a[1] || (a[1] = (d) => (D.value = !1)),
-                  onToggle: g(f),
-                  onToggleFrozen: g(w),
-                  onMove: g(s),
-                  onSelectAll: a[2] || (a[2] = (d) => g(h)(!0)),
-                  onDeselectAll: a[3] || (a[3] = (d) => g(h)(!1)),
-                  onRestoreDefault: g(o)
-                },
-                null,
-                8,
-                [
-                  'title-prefix',
-                  'columns',
-                  'onToggle',
-                  'onToggleFrozen',
-                  'onMove',
-                  'onRestoreDefault'
-                ]
-              ))
-            : M('', !0)
+                  type: "button",
+                  class: R(["shifl-grid__pagination-page", { "shifl-grid__pagination-page--active": t === D.value }]),
+                  disabled: l.loading,
+                  onClick: (i) => Be(t)
+                }, k(t), 11, In)) : (s(), a("span", Bn, "…"))
+              ], 64))), 128))
+            ]),
+            c("button", {
+              type: "button",
+              class: "shifl-grid__pagination-button",
+              disabled: Te.value || l.loading,
+              onClick: We,
+              "aria-label": "Next page"
+            }, " › ", 8, Nn)
+          ])
         ])
-      );
-    }
-  }),
-  Ne = {
-    install(e) {
-      e.component('ShiflGrid', Te);
-    }
-  };
-function je(e) {
+      ])) : T("", !0),
+      (s(), V(me, { to: "body" }, [
+        P(E).rowIndex !== null && P(E).position ? (s(), a("div", {
+          key: 0,
+          ref_key: "actionMenuRef",
+          ref: ye,
+          class: "shifl-grid__action-menu",
+          style: Z(`
+          position: fixed !important; 
+          top: ${P(E).position.top}px !important; 
+          left: ${P(E).position.left}px !important; 
+          z-index: 1000 !important;`),
+          onClick: n[1] || (n[1] = B(() => {
+          }, ["stop"]))
+        }, [
+          (s(!0), a(x, null, z(ft(ke.value, ee.value), (t) => (s(), a("div", {
+            key: t.key,
+            class: R(["shifl-grid__action-menu-item", { "shifl-grid__action-menu-item--danger": t.danger }]),
+            onClick: () => dt(t, ee.value, P(E).rowIndex)
+          }, [
+            t.icon && typeof t.icon == "string" ? (s(), a("span", {
+              key: 0,
+              innerHTML: t.icon,
+              class: "w-4 h-4 inline-block"
+            }, null, 8, Fn)) : t.icon ? (s(), V(pe(typeof t.icon == "function" ? t.icon() : t.icon), {
+              key: 1,
+              class: "w-4 h-4"
+            })) : T("", !0),
+            c("span", null, k(t.label), 1)
+          ], 10, Wn))), 128))
+        ], 4)) : T("", !0)
+      ])),
+      he(Bt, {
+        content: be.value,
+        visible: te.value,
+        "trigger-element": ne.value
+      }, null, 8, ["content", "visible", "trigger-element"]),
+      (s(), V(me, { to: "body" }, [
+        Q.value ? (s(), V(Zt, {
+          key: 0,
+          "title-prefix": r.config.name,
+          columns: at.value,
+          onClose: n[2] || (n[2] = (t) => Q.value = !1),
+          onToggle: P(L),
+          onToggleFrozen: P(u),
+          onMove: P(h),
+          onSelectAll: n[3] || (n[3] = (t) => P(d)(!0)),
+          onDeselectAll: n[4] || (n[4] = (t) => P(d)(!1)),
+          onRestoreDefault: P(S)
+        }, null, 8, ["title-prefix", "columns", "onToggle", "onToggleFrozen", "onMove", "onRestoreDefault"])) : T("", !0)
+      ]))
+    ]));
+  }
+}), Jn = {
+  install(r) {
+    r.component("ShiflGrid", jn);
+  }
+};
+function Un(r) {
   return {
-    rows: e.rows
+    rows: r.rows
   };
 }
-function Ve() {
-  const e = C(/* @__PURE__ */ new Set());
-  function i(r) {
-    const c = r.id ?? JSON.stringify(r),
-      l = new Set(e.value);
-    (l.has(c) ? l.delete(c) : l.add(c), (e.value = l));
+function Xn() {
+  const r = y(/* @__PURE__ */ new Set());
+  function f(l) {
+    const m = l.id ?? JSON.stringify(l), g = new Set(r.value);
+    g.has(m) ? g.delete(m) : g.add(m), r.value = g;
   }
   return {
-    selectedKeys: e,
-    toggleRow: i
+    selectedKeys: r,
+    toggleRow: f
   };
 }
-function Re() {
+function Yn() {
   return {
     // placeholder
   };
 }
-const B = Symbol('shifl-grid-theme'),
-  L = {
-    surface: 'var(--shifl-surface)',
-    surfaceAlt: 'var(--shifl-surface-alt)',
-    border: 'var(--shifl-border)',
-    text: 'var(--shifl-text)',
-    textMuted: 'var(--shifl-text-muted)',
-    accent: 'var(--shifl-accent)',
-    accentStrong: 'var(--shifl-accent-strong)',
-    focus: 'var(--shifl-focus)'
-  };
-function Oe(e) {
-  const i = C({ ...L, ...e });
-  return (Y(B, i), i);
+const He = Symbol("shifl-grid-theme"), Re = {
+  surface: "var(--shifl-surface)",
+  surfaceAlt: "var(--shifl-surface-alt)",
+  border: "var(--shifl-border)",
+  text: "var(--shifl-text)",
+  textMuted: "var(--shifl-text-muted)",
+  accent: "var(--shifl-accent)",
+  accentStrong: "var(--shifl-accent-strong)",
+  focus: "var(--shifl-focus)"
+};
+function Qn(r) {
+  const f = y({ ...Re, ...r });
+  return vt(He, f), f;
 }
-function Be() {
-  const e = q(B);
-  return k(() => (e == null ? void 0 : e.value) ?? L);
+function ei() {
+  const r = mt(He);
+  return v(() => (r == null ? void 0 : r.value) ?? Re);
 }
-const T = {
+const ve = {
   sm: 640,
   lg: 1024
 };
-function Le() {
-  const e = C(typeof window < 'u' ? window.innerWidth : 0);
-  function i() {
-    e.value = window.innerWidth;
+function ti() {
+  const r = y(typeof window < "u" ? window.innerWidth : 0);
+  function f() {
+    r.value = window.innerWidth;
   }
-  return (
-    Q(() => {
-      window.addEventListener('resize', i);
-    }),
-    X(() => {
-      window.removeEventListener('resize', i);
-    }),
-    {
-      width: e,
-      isMobile: k(() => e.value < T.sm),
-      isTablet: k(() => e.value >= T.sm && e.value < T.lg)
-    }
-  );
+  return U(() => {
+    window.addEventListener("resize", f);
+  }), X(() => {
+    window.removeEventListener("resize", f);
+  }), {
+    width: r,
+    isMobile: v(() => r.value < ve.sm),
+    isTablet: v(() => r.value >= ve.sm && r.value < ve.lg)
+  };
 }
-function Pe() {
+function ni() {
   return {
     // placeholder
   };
 }
-function Ke() {
+function ii() {
   return {
     // placeholder
   };
 }
-function We() {
+function oi() {
   return {
     // placeholder
   };
 }
 export {
-  Te as ShiflGrid,
-  Ne as ShiflGridPlugin,
-  Oe as provideGridTheme,
-  Le as useBreakpoints,
-  ee as useGridColumns,
-  je as useGridData,
-  Re as useGridEditing,
-  ne as useGridFilter,
-  Pe as useGridInfiniteScroll,
-  Ve as useGridSelection,
-  te as useGridSort,
-  Be as useGridTheme,
-  We as useGridTour,
-  Ke as useVirtualScroll
+  jn as ShiflGrid,
+  Jn as ShiflGridPlugin,
+  Qn as provideGridTheme,
+  ti as useBreakpoints,
+  Ct as useGridColumns,
+  Un as useGridData,
+  Yn as useGridEditing,
+  kt as useGridFilter,
+  ni as useGridInfiniteScroll,
+  Xn as useGridSelection,
+  yt as useGridSort,
+  ei as useGridTheme,
+  oi as useGridTour,
+  ii as useVirtualScroll
 };