@teamprodevs/appsmith-custom-table 0.4.10 → 0.4.12

package/dist/app.js

@@ -1,4 +1,4 @@
-import { jsx as _, jsxs as Ze, Fragment as Sx } from "react/jsx-runtime";
+import { jsx as _, Fragment as Sx, jsxs as Ze } from "react/jsx-runtime";
 import * as f from "react";
 import de, { useLayoutEffect as pq, useState as yq, forwardRef as sS, createElement as Cx } from "react";
 import * as lS from "react-dom";
@@ -2134,12 +2134,12 @@ const fR = (e, t) => {
 }, HR = [], ce = (e) => {
   const t = (o) => o[e] || HR;
   return t.isThemeGetter = !0, t;
-}, LS = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, SS = /^\((?:(\w[\w-]*):)?(.+)\)$/i, VR = /^\d+\/\d+$/, OR = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, TR = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, FR = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, ER = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, UR = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, D1 = (e) => VR.test(e), U = (e) => !!e && !Number.isNaN(Number(e)), it = (e) => !!e && Number.isInteger(Number(e)), mx = (e) => e.endsWith("%") && U(e.slice(0, -1)), Xe = (e) => OR.test(e), BR = () => !0, ZR = (e) => (
+}, LS = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, SS = /^\((?:(\w[\w-]*):)?(.+)\)$/i, VR = /^\d+\/\d+$/, OR = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, TR = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, FR = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, ER = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, UR = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, D1 = (e) => VR.test(e), B = (e) => !!e && !Number.isNaN(Number(e)), it = (e) => !!e && Number.isInteger(Number(e)), mx = (e) => e.endsWith("%") && B(e.slice(0, -1)), Xe = (e) => OR.test(e), BR = () => !0, ZR = (e) => (
   // `colorFunctionRegex` check is necessary because color functions can have percentages in them which which would be incorrectly classified as lengths.
   // For example, `hsl(0 0% 0%)` would be classified as a length without this check.
   // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
   TR.test(e) && !FR.test(e)
-), CS = () => !1, GR = (e) => ER.test(e), WR = (e) => UR.test(e), KR = (e) => !A(e) && !j(e), XR = (e) => X1(e, AS, CS), A = (e) => LS.test(e), mt = (e) => X1(e, jS, ZR), fx = (e) => X1(e, tD, U), kL = (e) => X1(e, NS, CS), JR = (e) => X1(e, zS, WR), Zr = (e) => X1(e, PS, GR), j = (e) => SS.test(e), rr = (e) => J1(e, jS), YR = (e) => J1(e, nD), mL = (e) => J1(e, NS), QR = (e) => J1(e, AS), eD = (e) => J1(e, zS), Gr = (e) => J1(e, PS, !0), X1 = (e, t, o) => {
+), CS = () => !1, GR = (e) => ER.test(e), WR = (e) => UR.test(e), KR = (e) => !A(e) && !j(e), XR = (e) => X1(e, AS, CS), A = (e) => LS.test(e), mt = (e) => X1(e, jS, ZR), fx = (e) => X1(e, tD, B), kL = (e) => X1(e, NS, CS), JR = (e) => X1(e, zS, WR), Zr = (e) => X1(e, PS, GR), j = (e) => SS.test(e), rr = (e) => J1(e, jS), YR = (e) => J1(e, nD), mL = (e) => J1(e, NS), QR = (e) => J1(e, AS), eD = (e) => J1(e, zS), Gr = (e) => J1(e, PS, !0), X1 = (e, t, o) => {
   const a = LS.exec(e);
   return a ? a[1] ? t(a[1]) : o(a[2]) : !1;
 }, J1 = (e, t, o = !1) => {
@@ -2166,7 +2166,7 @@ const fR = (e, t) => {
     "left-bottom"
   ], I = () => [...x(), j, A], z = () => ["auto", "hidden", "clip", "visible", "scroll"], N = () => ["auto", "contain", "none"], L = () => [j, A, l], T = () => [D1, "full", "auto", ...L()], G = () => [it, "none", "subgrid", j, A], Y = () => ["auto", {
     span: ["full", it, j, A]
-  }, it, j, A], Q = () => [it, "auto", j, A], K = () => ["auto", "min", "max", "fr", j, A], X = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], B = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], R = () => ["auto", ...L()], J = () => [D1, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...L()], C = () => [e, j, A], P = () => [...x(), mL, kL, {
+  }, it, j, A], Q = () => [it, "auto", j, A], K = () => ["auto", "min", "max", "fr", j, A], X = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], U = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], R = () => ["auto", ...L()], J = () => [D1, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...L()], C = () => [e, j, A], P = () => [...x(), mL, kL, {
     position: [j, A]
   }], ae = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
@@ -2180,14 +2180,14 @@ const fR = (e, t) => {
     s,
     j,
     A
-  ], ie = () => ["", U, rr, mt], Ke = () => ["solid", "dashed", "dotted", "double"], Pe = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], Z = () => [U, mx, mL, kL], rt = () => [
+  ], ie = () => ["", B, rr, mt], Ke = () => ["solid", "dashed", "dotted", "double"], Pe = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], Z = () => [B, mx, mL, kL], rt = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
     y,
     j,
     A
-  ], P1 = () => ["none", U, j, A], q1 = () => ["none", U, j, A], nr = () => [U, j, A], R1 = () => [D1, "full", ...L()];
+  ], P1 = () => ["none", B, j, A], q1 = () => ["none", B, j, A], nr = () => [B, j, A], R1 = () => [D1, "full", ...L()];
   return {
     cacheSize: 500,
     theme: {
@@ -2206,7 +2206,7 @@ const fR = (e, t) => {
       perspective: ["dramatic", "near", "normal", "midrange", "distant", "none"],
       radius: [Xe],
       shadow: [Xe],
-      spacing: ["px", U],
+      spacing: ["px", B],
       text: [Xe],
       "text-shadow": [Xe],
       tracking: ["tighter", "tight", "normal", "wide", "wider", "widest"]
@@ -2233,7 +2233,7 @@ const fR = (e, t) => {
        * @see https://tailwindcss.com/docs/columns
        */
       columns: [{
-        columns: [U, A, j, d]
+        columns: [B, A, j, d]
       }],
       /**
        * Break After
@@ -2464,21 +2464,21 @@ const fR = (e, t) => {
        * @see https://tailwindcss.com/docs/flex
        */
       flex: [{
-        flex: [U, D1, "auto", "initial", "none", A]
+        flex: [B, D1, "auto", "initial", "none", A]
       }],
       /**
        * Flex Grow
        * @see https://tailwindcss.com/docs/flex-grow
        */
       grow: [{
-        grow: ["", U, j, A]
+        grow: ["", B, j, A]
       }],
       /**
        * Flex Shrink
        * @see https://tailwindcss.com/docs/flex-shrink
        */
       shrink: [{
-        shrink: ["", U, j, A]
+        shrink: ["", B, j, A]
       }],
       /**
        * Order
@@ -2597,14 +2597,14 @@ const fR = (e, t) => {
        * @see https://tailwindcss.com/docs/justify-items
        */
       "justify-items": [{
-        "justify-items": [...B(), "normal"]
+        "justify-items": [...U(), "normal"]
       }],
       /**
        * Justify Self
        * @see https://tailwindcss.com/docs/justify-self
        */
       "justify-self": [{
-        "justify-self": ["auto", ...B()]
+        "justify-self": ["auto", ...U()]
       }],
       /**
        * Align Content
@@ -2618,7 +2618,7 @@ const fR = (e, t) => {
        * @see https://tailwindcss.com/docs/align-items
        */
       "align-items": [{
-        items: [...B(), {
+        items: [...U(), {
           baseline: ["", "last"]
         }]
       }],
@@ -2627,7 +2627,7 @@ const fR = (e, t) => {
        * @see https://tailwindcss.com/docs/align-self
        */
       "align-self": [{
-        self: ["auto", ...B(), {
+        self: ["auto", ...U(), {
           baseline: ["", "last"]
         }]
       }],
@@ -2643,14 +2643,14 @@ const fR = (e, t) => {
        * @see https://tailwindcss.com/docs/place-items
        */
       "place-items": [{
-        "place-items": [...B(), "baseline"]
+        "place-items": [...U(), "baseline"]
       }],
       /**
        * Place Self
        * @see https://tailwindcss.com/docs/place-self
        */
       "place-self": [{
-        "place-self": ["auto", ...B()]
+        "place-self": ["auto", ...U()]
       }],
       // Spacing
       /**
@@ -2955,7 +2955,7 @@ const fR = (e, t) => {
        * @see https://tailwindcss.com/docs/line-clamp
        */
       "line-clamp": [{
-        "line-clamp": [U, "none", j, fx]
+        "line-clamp": [B, "none", j, fx]
       }],
       /**
        * Line Height
@@ -3028,7 +3028,7 @@ const fR = (e, t) => {
        * @see https://tailwindcss.com/docs/text-decoration-thickness
        */
       "text-decoration-thickness": [{
-        decoration: [U, "from-font", "auto", j, mt]
+        decoration: [B, "from-font", "auto", j, mt]
       }],
       /**
        * Text Decoration Color
@@ -3042,7 +3042,7 @@ const fR = (e, t) => {
        * @see https://tailwindcss.com/docs/text-underline-offset
        */
       "underline-offset": [{
-        "underline-offset": [U, "auto", j, A]
+        "underline-offset": [B, "auto", j, A]
       }],
       /**
        * Text Transform
@@ -3508,14 +3508,14 @@ const fR = (e, t) => {
        * @see https://tailwindcss.com/docs/outline-offset
        */
       "outline-offset": [{
-        "outline-offset": [U, j, A]
+        "outline-offset": [B, j, A]
       }],
       /**
        * Outline Width
        * @see https://tailwindcss.com/docs/outline-width
        */
       "outline-w": [{
-        outline: ["", U, rr, mt]
+        outline: ["", B, rr, mt]
       }],
       /**
        * Outline Color
@@ -3590,7 +3590,7 @@ const fR = (e, t) => {
        * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
        */
       "ring-offset-w": [{
-        "ring-offset": [U, mt]
+        "ring-offset": [B, mt]
       }],
       /**
        * Ring Offset Color
@@ -3634,7 +3634,7 @@ const fR = (e, t) => {
        * @see https://tailwindcss.com/docs/opacity
        */
       opacity: [{
-        opacity: [U, j, A]
+        opacity: [B, j, A]
       }],
       /**
        * Mix Blend Mode
@@ -3669,7 +3669,7 @@ const fR = (e, t) => {
        * @see https://tailwindcss.com/docs/mask-image
        */
       "mask-image-linear-pos": [{
-        "mask-linear": [U]
+        "mask-linear": [B]
       }],
       "mask-image-linear-from-pos": [{
         "mask-linear-from": Z()
@@ -3783,7 +3783,7 @@ const fR = (e, t) => {
         "mask-radial-at": x()
       }],
       "mask-image-conic-pos": [{
-        "mask-conic": [U]
+        "mask-conic": [B]
       }],
       "mask-image-conic-from-pos": [{
         "mask-conic-from": Z()
@@ -3874,14 +3874,14 @@ const fR = (e, t) => {
        * @see https://tailwindcss.com/docs/brightness
        */
       brightness: [{
-        brightness: [U, j, A]
+        brightness: [B, j, A]
       }],
       /**
        * Contrast
        * @see https://tailwindcss.com/docs/contrast
        */
       contrast: [{
-        contrast: [U, j, A]
+        contrast: [B, j, A]
       }],
       /**
        * Drop Shadow
@@ -3909,35 +3909,35 @@ const fR = (e, t) => {
        * @see https://tailwindcss.com/docs/grayscale
        */
       grayscale: [{
-        grayscale: ["", U, j, A]
+        grayscale: ["", B, j, A]
       }],
       /**
        * Hue Rotate
        * @see https://tailwindcss.com/docs/hue-rotate
        */
       "hue-rotate": [{
-        "hue-rotate": [U, j, A]
+        "hue-rotate": [B, j, A]
       }],
       /**
        * Invert
        * @see https://tailwindcss.com/docs/invert
        */
       invert: [{
-        invert: ["", U, j, A]
+        invert: ["", B, j, A]
       }],
       /**
        * Saturate
        * @see https://tailwindcss.com/docs/saturate
        */
       saturate: [{
-        saturate: [U, j, A]
+        saturate: [B, j, A]
       }],
       /**
        * Sepia
        * @see https://tailwindcss.com/docs/sepia
        */
       sepia: [{
-        sepia: ["", U, j, A]
+        sepia: ["", B, j, A]
       }],
       /**
        * Backdrop Filter
@@ -3964,56 +3964,56 @@ const fR = (e, t) => {
        * @see https://tailwindcss.com/docs/backdrop-brightness
        */
       "backdrop-brightness": [{
-        "backdrop-brightness": [U, j, A]
+        "backdrop-brightness": [B, j, A]
       }],
       /**
        * Backdrop Contrast
        * @see https://tailwindcss.com/docs/backdrop-contrast
        */
       "backdrop-contrast": [{
-        "backdrop-contrast": [U, j, A]
+        "backdrop-contrast": [B, j, A]
       }],
       /**
        * Backdrop Grayscale
        * @see https://tailwindcss.com/docs/backdrop-grayscale
        */
       "backdrop-grayscale": [{
-        "backdrop-grayscale": ["", U, j, A]
+        "backdrop-grayscale": ["", B, j, A]
       }],
       /**
        * Backdrop Hue Rotate
        * @see https://tailwindcss.com/docs/backdrop-hue-rotate
        */
       "backdrop-hue-rotate": [{
-        "backdrop-hue-rotate": [U, j, A]
+        "backdrop-hue-rotate": [B, j, A]
       }],
       /**
        * Backdrop Invert
        * @see https://tailwindcss.com/docs/backdrop-invert
        */
       "backdrop-invert": [{
-        "backdrop-invert": ["", U, j, A]
+        "backdrop-invert": ["", B, j, A]
       }],
       /**
        * Backdrop Opacity
        * @see https://tailwindcss.com/docs/backdrop-opacity
        */
       "backdrop-opacity": [{
-        "backdrop-opacity": [U, j, A]
+        "backdrop-opacity": [B, j, A]
       }],
       /**
        * Backdrop Saturate
        * @see https://tailwindcss.com/docs/backdrop-saturate
        */
       "backdrop-saturate": [{
-        "backdrop-saturate": [U, j, A]
+        "backdrop-saturate": [B, j, A]
       }],
       /**
        * Backdrop Sepia
        * @see https://tailwindcss.com/docs/backdrop-sepia
        */
       "backdrop-sepia": [{
-        "backdrop-sepia": ["", U, j, A]
+        "backdrop-sepia": ["", B, j, A]
       }],
       // --------------
       // --- Tables ---
@@ -4082,7 +4082,7 @@ const fR = (e, t) => {
        * @see https://tailwindcss.com/docs/transition-duration
        */
       duration: [{
-        duration: [U, "initial", j, A]
+        duration: [B, "initial", j, A]
       }],
       /**
        * Transition Timing Function
@@ -4096,7 +4096,7 @@ const fR = (e, t) => {
        * @see https://tailwindcss.com/docs/transition-delay
        */
       delay: [{
-        delay: [U, j, A]
+        delay: [B, j, A]
       }],
       /**
        * Animation
@@ -4540,7 +4540,7 @@ const fR = (e, t) => {
        * @see https://tailwindcss.com/docs/stroke-width
        */
       "stroke-w": [{
-        stroke: [U, rr, mt, fx]
+        stroke: [B, rr, mt, fx]
       }],
       /**
        * Stroke
@@ -4621,18 +4621,11 @@ function re(...e) {
 }
 function rD({ className: e, ...t }) {
   return /* @__PURE__ */ _(
-    "div",
+    "table",
     {
-      "data-slot": "table-container",
-      className: "relative w-full overflow-x-auto",
-      children: /* @__PURE__ */ _(
-        "table",
-        {
-          "data-slot": "table",
-          className: re("w-full caption-bottom text-sm", e),
-          ...t
-        }
-      )
+      "data-slot": "table",
+      className: re("w-full caption-bottom text-sm", e),
+      ...t
     }
   );
 }
@@ -4704,34 +4697,30 @@ const RS = 20, lD = {
 };
 function uD({
   table: e,
-  styles: t,
-  children: o
+  styles: t
 }) {
-  return /* @__PURE__ */ Ze(cD, { className: t?.body, children: [
-    e.getRowModel().rows.map((a) => /* @__PURE__ */ _(
-      qS,
-      {
-        className: re("even:bg-foreground/5", t?.row),
-        children: a.getVisibleCells().map((n) => {
-          const r = n.column.columnDef.meta?.size ?? Ie.md, c = lD[r];
-          return /* @__PURE__ */ _(
-            sD,
-            {
-              className: re(
-                "whitespace-normal break-words border text-center lg:text-start max-w-96",
-                c,
-                t?.cell
-              ),
-              children: MS(n.column.columnDef.cell, n.getContext())
-            },
-            n.id
-          );
-        })
-      },
-      a.id
-    )),
-    o
-  ] });
+  return /* @__PURE__ */ _(cD, { className: t?.body, children: e.getRowModel().rows.map((o) => /* @__PURE__ */ _(
+    qS,
+    {
+      className: re("even:bg-foreground/5", t?.row),
+      children: o.getVisibleCells().map((a) => {
+        const n = a.column.columnDef.meta?.size ?? Ie.md, r = lD[n];
+        return /* @__PURE__ */ _(
+          sD,
+          {
+            className: re(
+              "whitespace-normal break-words border text-center lg:text-start max-w-96",
+              r,
+              t?.cell
+            ),
+            children: MS(a.column.columnDef.cell, a.getContext())
+          },
+          a.id
+        );
+      })
+    },
+    o.id
+  )) });
 }
 const hD = ({ table: e, styles: t }) => /* @__PURE__ */ _(
   iD,
@@ -4745,7 +4734,7 @@ const hD = ({ table: e, styles: t }) => /* @__PURE__ */ _(
       {
         colSpan: a.colSpan,
         className: re(
-          "whitespace-normal break-words text-center select-none border p-1 text-xs xs:text-sm lg:text-start min-w-8 lg:text-base lg:font-semibold lg:px-2",
+          "whitespace-normal break-words text-center border p-1 md:text-start min-w-8 md:px-2",
           a.column.getCanSort() && "cursor-pointer",
           t?.cell
         ),
@@ -5692,12 +5681,12 @@ const sH = (e) => ({
     }, p = s$(n), y = d$(p), m = await c.getDimensions(s), g = p === "y", v = g ? "top" : "left", w = g ? "bottom" : "right", b = g ? "clientHeight" : "clientWidth", x = r.reference[y] + r.reference[p] - k[p] - r.floating[y], I = k[p] - r.reference[p], z = await (c.getOffsetParent == null ? void 0 : c.getOffsetParent(s));
     let N = z ? z[b] : 0;
     (!N || !await (c.isElement == null ? void 0 : c.isElement(z))) && (N = d.floating[b] || r.floating[y]);
-    const L = x / 2 - I / 2, T = N / 2 - m[y] / 2 - 1, G = ht(h[v], T), Y = ht(h[w], T), Q = G, K = N - m[y] - Y, X = N / 2 - m[y] / 2 + L, B = Hx(Q, X, K), R = !l.arrow && Q1(n) != null && X !== B && r.reference[y] / 2 - (X < Q ? G : Y) - m[y] / 2 < 0, J = R ? X < Q ? X - Q : X - K : 0;
+    const L = x / 2 - I / 2, T = N / 2 - m[y] / 2 - 1, G = ht(h[v], T), Y = ht(h[w], T), Q = G, K = N - m[y] - Y, X = N / 2 - m[y] / 2 + L, U = Hx(Q, X, K), R = !l.arrow && Q1(n) != null && X !== U && r.reference[y] / 2 - (X < Q ? G : Y) - m[y] / 2 < 0, J = R ? X < Q ? X - Q : X - K : 0;
     return {
       [p]: k[p] + J,
       data: {
-        [p]: B,
-        centerOffset: X - B - J,
+        [p]: U,
+        centerOffset: X - U - J,
         ...R && {
           alignmentOffset: J
         }
@@ -5742,8 +5731,8 @@ const sH = (e) => ({
         overflows: T
       }], !T.every((X) => X <= 0)) {
         var Y, Q;
-        const X = (((Y = r.flip) == null ? void 0 : Y.index) || 0) + 1, B = N[X];
-        if (B && (!(h === "alignment" ? w !== Ue(B) : !1) || // We leave the current main axis only if every placement on that axis
+        const X = (((Y = r.flip) == null ? void 0 : Y.index) || 0) + 1, U = N[X];
+        if (U && (!(h === "alignment" ? w !== Ue(U) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
         G.every((C) => Ue(C.placement) === w ? C.overflows[0] > 0 : !0)))
           return {
@@ -5752,7 +5741,7 @@ const sH = (e) => ({
               overflows: G
             },
             reset: {
-              placement: B
+              placement: U
             }
           };
         let R = (Q = G.filter((J) => J.overflows[0] <= 0).sort((J, C) => J.overflows[1] - C.overflows[1])[0]) == null ? void 0 : Q.placement;
@@ -6638,7 +6627,7 @@ function YH(e) {
       K();
     }
   }, [x, I, K, G, T]);
-  const B = f.useMemo(() => ({
+  const U = f.useMemo(() => ({
     reference: z,
     floating: N,
     setReference: w,
@@ -6670,10 +6659,10 @@ function YH(e) {
   return f.useMemo(() => ({
     ...u,
     update: K,
-    refs: B,
+    refs: U,
     elements: R,
     floatingStyles: J
-  }), [u, K, B, R, J]);
+  }), [u, K, U, R, J]);
 }
 const QH = (e) => {
   function t(o) {
@@ -6794,7 +6783,7 @@ var y$ = "PopperContent", [uV, hV] = iC(y$), uC = f.forwardRef(
       boundary: Y.filter(yV),
       // with `strategy: 'fixed'`, this is the only way to get it to respect boundaries
       altBoundary: Q
-    }, { refs: X, floatingStyles: B, placement: R, isPositioned: J, middlewareData: C } = YH({
+    }, { refs: X, floatingStyles: U, placement: R, isPositioned: J, middlewareData: C } = YH({
       // default to `fixed` strategy so users don't have to pick and we also avoid focus scroll issues
       strategy: "fixed",
       placement: T,
@@ -6837,8 +6826,8 @@ var y$ = "PopperContent", [uV, hV] = iC(y$), uC = f.forwardRef(
         ref: X.setFloating,
         "data-radix-popper-content-wrapper": "",
         style: {
-          ...B,
-          transform: J ? B.transform : "translate(0, -200%)",
+          ...U,
+          transform: J ? U.transform : "translate(0, -200%)",
           // keep off the page when measuring
           minWidth: "max-content",
           zIndex: Ke,
@@ -7090,10 +7079,10 @@ var $V = f.forwardRef((e, t) => {
             if (L.target === L.currentTarget && T && !v) {
               const G = new CustomEvent(bx, MV);
               if (L.currentTarget.dispatchEvent(G), !G.defaultPrevented) {
-                const Y = x().filter((R) => R.focusable), Q = Y.find((R) => R.active), K = Y.find((R) => R.id === m), B = [Q, K, ...Y].filter(
+                const Y = x().filter((R) => R.focusable), Q = Y.find((R) => R.active), K = Y.find((R) => R.id === m), U = [Q, K, ...Y].filter(
                   Boolean
                 ).map((R) => R.ref.current);
-                xC(B, u);
+                xC(U, u);
               }
             }
             I.current = !1;
@@ -7822,7 +7811,7 @@ var be = "MenuContent", [SO, g$] = z1(be), OC = f.forwardRef(
       onDismiss: p,
       disableOutsideScroll: y,
       ...m
-    } = e, g = A1(be, o), v = Sr(be, o), w = Tb(o), b = RC(o), x = wO(o), [I, z] = f.useState(null), N = f.useRef(null), L = ue(t, N, g.onContentChange), T = f.useRef(0), G = f.useRef(""), Y = f.useRef(0), Q = f.useRef(null), K = f.useRef("right"), X = f.useRef(0), B = y ? jC : f.Fragment, R = y ? { as: zO, allowPinchZoom: !0 } : void 0, J = (P) => {
+    } = e, g = A1(be, o), v = Sr(be, o), w = Tb(o), b = RC(o), x = wO(o), [I, z] = f.useState(null), N = f.useRef(null), L = ue(t, N, g.onContentChange), T = f.useRef(0), G = f.useRef(""), Y = f.useRef(0), Q = f.useRef(null), K = f.useRef("right"), X = f.useRef(0), U = y ? jC : f.Fragment, R = y ? { as: zO, allowPinchZoom: !0 } : void 0, J = (P) => {
       const ae = G.current + P, ke = x().filter((Z) => !Z.disabled), $e = document.activeElement, oe = ke.find((Z) => Z.ref.current === $e)?.textValue, ie = ke.map((Z) => Z.textValue), Ke = EO(ie, ae, oe), Pe = ke.find((Z) => Z.textValue === Ke)?.ref.current;
       (function Z(rt) {
         G.current = rt, window.clearTimeout(T.current), rt !== "" && (T.current = window.setTimeout(() => Z(""), 1e3));
@@ -7857,7 +7846,7 @@ var be = "MenuContent", [SO, g$] = z1(be), OC = f.forwardRef(
         onPointerGraceIntentChange: f.useCallback((P) => {
           Q.current = P;
         }, []),
-        children: /* @__PURE__ */ _(B, { ...R, children: /* @__PURE__ */ _(
+        children: /* @__PURE__ */ _(U, { ...R, children: /* @__PURE__ */ _(
           ZS,
           {
             asChild: !0,
@@ -40202,7 +40191,7 @@ function lge({ column: e, title: t }) {
     sge,
     {
       variant: "outline",
-      className: "cursor-pointer rounded lg:px-2 lg:py-1 border-none hover:bg-primary/10 text-base capitalize select-none flex items-center",
+      className: "cursor-pointer rounded lg:px-2 lg:py-1 border-none hover:bg-primary/10 text-xs md:text-sm lg:text-base font-semibold capitalize select-none flex items-center",
       onClick: () => {
       },
       children: [
@@ -40594,7 +40583,7 @@ function Hge({
 const Vge = ({ value: e }) => {
   const t = typeof e == "object" ? JSON.stringify(e) : String(e);
   return e === null ? /* @__PURE__ */ _(Sx, {}) : t?.length < 30 ? /* @__PURE__ */ _(Sx, { children: t }) : /* @__PURE__ */ Ze(Rge, { children: [
-    /* @__PURE__ */ _(Dge, { className: "line-clamp-1 max-w-40 sm:max-w-64 lg:max-w-full text-black", children: t }),
+    /* @__PURE__ */ _(Dge, { className: "line-clamp-1 text-center max-w-40 md:max-w-64 lg:max-w-full lg:text-start", children: t }),
     /* @__PURE__ */ _(Hge, { className: "max-w-64 lg:max-w-80 break-words", children: t })
   ] });
 };
@@ -40766,10 +40755,12 @@ function Jge(e) {
     },
     onModelChange: k = () => {
     }
-  } = e, p = Tge(e), [y, m] = de.useState({}), [g, v] = de.useState({}), [w, b] = de.useState(1), [x, I] = de.useState(!0), [z, N] = de.useState(c || []), [L] = de.useState([]), T = de.useCallback(() => {
-    const B = [], R = [];
-    return r?.enable && (r?.pin === Ye.left ? B.push("#") : r?.pin === Ye.right && R.push("#")), n?.enable && o && o?.length > 0 && (n?.pin === Ye.left ? B.push("actions") : n?.pin === Ye.right && R.push("actions")), { left: B, right: R };
-  }, [r, n, o]), [G, Y] = de.useState(T());
+  } = e, p = Tge(e), [y, m] = de.useState({}), [g, v] = de.useState({}), [w, b] = de.useState(0), [x, I] = de.useState(!0), [z, N] = de.useState(c || []), [L] = de.useState([]), T = de.useCallback(() => {
+    const U = [], R = [];
+    return r?.enable && (r?.pin === Ye.left ? U.push("#") : r?.pin === Ye.right && R.push("#")), n?.enable && o && o?.length > 0 && (n?.pin === Ye.left ? U.push("actions") : n?.pin === Ye.right && R.push("actions")), { left: U, right: R };
+  }, [r, n, o]), [G, Y] = de.useState(
+    T()
+  );
   de.useEffect(() => {
     Y(T());
   }, [T]);
@@ -40794,62 +40785,64 @@ function Jge(e) {
     },
     enableRowSelection: !0,
     manualSorting: !0
-  });
-  de.useEffect(() => {
-    const B = Object.keys(y)[0];
-    if (!B) {
+  }), X = (U, R) => {
+    if (!U || !x || !R.isIntersecting || z?.length < w * s)
+      return;
+    const J = w + 1;
+    b(J), h("onLoadMore", { page: J, limit: s });
+  };
+  return de.useEffect(() => {
+    const U = Object.keys(y)[0];
+    if (!U) {
       u({ selectedRow: {} });
       return;
     }
-    const R = K.getRow(B);
+    const R = K.getRow(U);
     R && (u({ selectedRow: R.original }), a && h(a, {
       row: R.original
     }));
-  }, [y, a, K]);
-  const X = (B, R) => {
-    if (!B || !x || !R.isIntersecting) return;
-    const J = w + 1;
-    b(J), h("onLoadMore", { page: J, limit: s });
-  };
-  return de.useEffect(() => {
-    w * s >= d && I(!1);
+  }, [y, a, K]), de.useEffect(() => {
+    w * s > d && I(!1);
   }, [w, s, d]), de.useEffect(() => {
-    k((B) => {
-      B.data !== z && N(B.data || []);
+    z?.length > 0 && k((U) => {
+      U?.data?.length > 0 && U.data !== z && N(U.data || []);
     });
-  }, []), p.success ? /* @__PURE__ */ _(
+  }, [z]), p.success ? /* @__PURE__ */ Ze(
     "main",
     {
       className: re(
-        "max-h-svh lg:max-h-[40rem] border-border xl:max-h-[48rem] relative flex flex-col gap-2 overflow-y-auto",
+        "max-h-svh lg:max-h-[40rem] border-border xl:max-h-[48rem] relative flex flex-col gap-2 overflow-y-auto font-sans",
         l?.container
       ),
       style: { ...l?.variables },
-      children: /* @__PURE__ */ Ze(
-        rD,
-        {
-          className: re(
-            "w-full min-w-96 table-auto border-collapse",
-            l?.table
-          ),
-          children: [
-            /* @__PURE__ */ _(hD, { styles: l?.head, table: K }),
-            /* @__PURE__ */ _(uD, { styles: l?.body, table: K, children: x && /* @__PURE__ */ _(
-              xq,
-              {
-                triggerOnce: !1,
-                as: "div",
-                threshold: 0,
-                rootMargin: "200px 0px",
-                onChange: (B, R) => X(B, R),
-                colSpan: K.getVisibleLeafColumns().length,
-                className: "h-10 text-muted-foreground flex justify-center items-center",
-                children: /* @__PURE__ */ _(kr, { className: "animate-spin" })
-              }
-            ) })
-          ]
-        }
-      )
+      children: [
+        /* @__PURE__ */ Ze(
+          rD,
+          {
+            className: re(
+              "w-full min-w-96 h-full table-auto border-collapse",
+              l?.table
+            ),
+            children: [
+              /* @__PURE__ */ _(hD, { styles: l?.head, table: K }),
+              /* @__PURE__ */ _(uD, { styles: l?.body, table: K })
+            ]
+          }
+        ),
+        x && /* @__PURE__ */ _(
+          xq,
+          {
+            triggerOnce: !1,
+            as: "div",
+            threshold: 0,
+            rootMargin: "200px 0px",
+            onChange: (U, R) => X(U, R),
+            colSpan: K.getVisibleLeafColumns().length,
+            className: "h-10 text-muted-foreground flex justify-center items-center",
+            children: /* @__PURE__ */ _(kr, { className: "animate-spin" })
+          }
+        )
+      ]
     }
   ) : /* @__PURE__ */ _(
     Zge,