impact-nova 3.0.0-alpha.0 → 3.0.0-alpha.2

package/dist/components/data/ag-grid-react/index.js

@@ -1,38 +1,38 @@
-import { jsxs as Se, jsx as S } from "react/jsx-runtime";
-import { lazy as Ae, useRef as O, useState as _, useId as Ee, useEffect as J, useCallback as m, useMemo as h, Suspense as Ge } from "react";
-import { ModuleRegistry as Re, AllCommunityModule as Me } from "ag-grid-community";
-import { AllEnterpriseModule as Te } from "ag-grid-enterprise";
-import { AgGridReact as we } from "ag-grid-react";
-import { customAgGridTheme as De } from "./theme.js";
-import { AG_GRID_LIST_ROW_HEIGHT_PX as Ie, customAgGridListTheme as ke } from "./ag-grid-list.js";
-import { syncAgGridThemeMode as je } from "./sync-ag-grid-theme-mode.js";
-import { CustomHeader as He } from "./headers/custom-header.js";
-import { CustomHeaderGroup as B } from "./headers/custom-inner-header-group.js";
-import { mergeColumnGroupDefsWithDefault as Pe } from "./merge-column-group-defs.js";
-import { DefaultTextCellRenderer as Le } from "./cell-renderers/default-text-cell-renderer.js";
-import { GridHeaderContext as Oe } from "./headers/context/grid-header-context.js";
-import { convertToAgGridFilterModel as _e, getMultiFilterIndices as Ne, convertFromAgGridFilterModel as Ve } from "./headers/utils/filter-utils.js";
-import { AG_GRID_VALUE_FORMATTERS as We } from "./value-formatters.js";
-import { useGridAutoSizeStrategyOnResize as Ke } from "./useGridAutoSizeStrategyOnResize.js";
-import { subscribeGridApiEvent as gt, subscribeGridApiEvents as ht } from "./grid-api-event-subscription.js";
+import { jsxs as Ee, jsx as S } from "react/jsx-runtime";
+import { lazy as Ge, useRef as O, useState as _, useId as Re, useEffect as B, useCallback as m, useMemo as h, Suspense as we } from "react";
+import { ModuleRegistry as Me, AllCommunityModule as Te } from "ag-grid-community";
+import { AllEnterpriseModule as De } from "ag-grid-enterprise";
+import { AgGridReact as Ie } from "ag-grid-react";
+import { customAgGridTheme as ke } from "./theme.js";
+import { AG_GRID_LIST_ROW_HEIGHT_PX as je, customAgGridListTheme as He } from "./ag-grid-list.js";
+import { syncAgGridThemeMode as Pe } from "./sync-ag-grid-theme-mode.js";
+import { CustomHeader as Le } from "./headers/custom-header.js";
+import { CustomHeaderGroup as Q } from "./headers/custom-inner-header-group.js";
+import { mergeColumnGroupDefsWithDefault as Oe } from "./merge-column-group-defs.js";
+import { DefaultTextCellRenderer as _e } from "./cell-renderers/default-text-cell-renderer.js";
+import { GridHeaderContext as Ne } from "./headers/context/grid-header-context.js";
+import { convertToAgGridFilterModel as Ve, getMultiFilterIndices as We, convertFromAgGridFilterModel as $e } from "./headers/utils/filter-utils.js";
+import { AG_GRID_VALUE_FORMATTERS as Ke } from "./value-formatters.js";
+import { useGridAutoSizeStrategyOnResize as Ue } from "./useGridAutoSizeStrategyOnResize.js";
+import { subscribeGridApiEvent as Ct, subscribeGridApiEvents as vt } from "./grid-api-event-subscription.js";
 import { notifyColumnIndicatorSync as R } from "./notify-column-indicator-sync.js";
-import { setActiveSearchColumnId as N, clearHeaderSearchActiveState as Ue } from "./headers/header-search-active-state.js";
+import { setActiveSearchColumnId as N, clearHeaderSearchActiveState as qe } from "./headers/header-search-active-state.js";
 /* empty css               */
-import { useAgGridTruncationTooltip as vt } from "./use-ag-grid-truncation-tooltip.js";
-import { isAgGridHeaderLabelTooltipOverflowing as bt, isAgGridTextOverflowing as xt } from "./ag-grid-tooltip-overflow.js";
-const $e = Ae(
+import { useAgGridTruncationTooltip as bt } from "./use-ag-grid-truncation-tooltip.js";
+import { isAgGridHeaderLabelTooltipOverflowing as Ft, isAgGridTextOverflowing as St } from "./ag-grid-tooltip-overflow.js";
+const ze = Ge(
   () => import("./headers/advanced-filter/advanced-filter-dialog.js").then((c) => ({
     default: c.AdvancedFilterDialog
   }))
 );
-Re.registerModules([Me, Te]);
-const F = "
", V = "", Q = (c) => {
+Me.registerModules([Te, De]);
+const F = "
", V = "", Y = (c) => {
   if (!c) return;
   const n = c.cellRendererParams?.splits;
   if (Array.isArray(n) && n.length > 0) return n;
   const s = c.cellEditorParams?.splits;
   if (Array.isArray(s) && s.length > 0) return s;
-}, Y = (c, n) => {
+}, Z = (c, n) => {
   const s = [];
   for (const b of n) {
     const C = b?.field?.split(".").pop();
@@ -57,13 +57,13 @@ const F = "
", V = "", Q = (c) => {
     s.push("");
   }
   return s;
-}, Z = (c) => {
+}, ee = (c) => {
   if (typeof navigator < "u" && navigator.clipboard?.writeText) {
-    navigator.clipboard.writeText(c).catch(() => ee(c));
+    navigator.clipboard.writeText(c).catch(() => te(c));
     return;
   }
-  ee(c);
-}, ee = (c) => {
+  te(c);
+}, te = (c) => {
   if (typeof document > "u") return;
   const n = document.createElement("textarea");
   n.value = c, n.setAttribute("readonly", ""), n.style.position = "fixed", n.style.top = "0", n.style.left = "0", n.style.opacity = "0", n.style.pointerEvents = "none", document.body.appendChild(n);
@@ -73,7 +73,7 @@ const F = "
", V = "", Q = (c) => {
     document.body.removeChild(n);
   }
 };
-function pt({
+function ft({
   children: c,
   defaultColDef: n,
   defaultColGroupDef: s,
@@ -84,26 +84,28 @@ function pt({
   onFilterChanged: x,
   onSelectionChanged: v,
   onModelUpdated: A,
-  ensureDomOrder: M = !1,
-  autoSizeStrategy: T,
-  tooltipShowMode: w = "whenTruncated",
+  ensureDomOrder: w = !1,
+  autoSizeStrategy: M,
+  tooltipShowMode: T = "whenTruncated",
   tooltipShowDelay: D = 500,
-  tooltipHideDelay: te = 5e3,
-  tooltipInteraction: re = !0,
-  themeOverride: ne,
+  tooltipHideDelay: re = 5e3,
+  tooltipInteraction: ne = !0,
+  themeOverride: oe,
   variant: W = "table",
+  rowLoading: le = !1,
+  className: $,
   ...f
 }) {
-  const a = O(null), I = O(null), [K, U] = _(null), $ = Ee(), y = O($);
-  y.current = $, Ke(K, I, T), J(() => {
+  const a = O(null), I = O(null), [K, U] = _(null), q = Re(), y = O(q);
+  y.current = q, Ue(K, I, M), B(() => {
     const e = document.documentElement, t = () => {
-      je(e.classList.contains("dark") ? "dark" : "light", e);
+      Pe(e.classList.contains("dark") ? "dark" : "light", e);
     };
     t();
     const o = new MutationObserver(t);
     return o.observe(e, { attributes: !0, attributeFilter: ["class"] }), () => o.disconnect();
   }, []);
-  const [oe, q] = _(!1), [le, z] = _(null), ie = m(() => [], []), se = h(() => ({
+  const [ie, z] = _(!1), [se, X] = _(null), ce = m(() => [], []), ae = h(() => ({
     numericColumn: {
       cellClass: "ag-right-aligned-cell",
       headerClass: "ag-right-aligned-header",
@@ -137,17 +139,17 @@ function pt({
       a.current.setGridOption("context", { ...e, activeSearchColumnId: null }), N(y.current, null), R(a.current);
     },
     openAdvancedFilter: (e) => {
-      z(e || null), q(!0);
+      X(e || null), z(!0);
     },
     closeAdvancedFilter: () => {
-      q(!1), z(null);
+      z(!1), X(null);
     },
     applyAdvancedFilter: (e) => {
       if (!a.current) return;
-      const t = _e(e);
+      const t = Ve(e);
       a.current.setFilterModel(t), a.current.onFilterChanged(), R(a.current);
     }
-  }), []), ce = m((e) => {
+  }), []), ue = m((e) => {
     a.current = e.api, U(e.api);
     const t = e.api.getGridOption("context") || {};
     e.api.setGridOption("context", {
@@ -155,28 +157,28 @@ function pt({
       activeSearchColumnId: null,
       headerSearchScopeId: y.current
     }), N(y.current, null), u && u(e);
-  }, [u]), ae = m(
+  }, [u]), de = m(
     (e) => {
-      Ue(y.current), a.current = null, U(null), d?.(e);
+      qe(y.current), a.current = null, U(null), d?.(e);
     },
     [d]
-  ), ue = m(
+  ), pe = m(
     (e) => {
       R(e.api), x?.(e);
     },
     [x]
-  ), de = m(
+  ), me = m(
     (e) => {
       v?.(e);
     },
     [v]
-  ), pe = m(
+  ), fe = m(
     (e) => {
       A?.(e);
     },
     [A]
   );
-  J(() => {
+  B(() => {
     const e = I.current;
     if (!e) return;
     const t = (o) => {
@@ -190,12 +192,12 @@ function pt({
     };
     return e.addEventListener("keydown", t, !0), () => e.removeEventListener("keydown", t, !0);
   }, []);
-  const me = h(() => ({
-    headerComponent: He,
+  const ge = h(() => ({
+    headerComponent: Le,
     // Default cell renderer wraps text in a span so display:flex centering
     // and text-overflow:ellipsis both work (ellipsis doesn't work on
     // anonymous flex text nodes, but works on flex child elements).
-    cellRenderer: Le,
+    cellRenderer: _e,
     ...n,
     suppressHeaderKeyboardEvent: (e) => {
       const { event: t } = e, o = t.target;
@@ -220,24 +222,24 @@ function pt({
       ...s?.headerGroupComponentParams,
       innerHeaderGroupComponent: s?.headerGroupComponentParams?.innerHeaderGroupComponent ?? "CustomInnerHeaderGroup"
     }
-  }), [s]), fe = h(
-    () => Pe(b ?? void 0, j),
+  }), [s]), he = h(
+    () => Oe(b ?? void 0, j),
     [b, j]
-  ), ge = h(() => ({
-    ...We,
+  ), Ce = h(() => ({
+    ...Ke,
     // Always available - value formatters
-    CustomInnerHeaderGroup: B,
-    CustomHeaderGroup: B,
+    CustomInnerHeaderGroup: Q,
+    CustomHeaderGroup: Q,
     ...f.components,
     // User components override
     ...C
     // Optional custom formatters override defaults
-  }), [C, f.components]), he = m((e) => {
+  }), [C, f.components]), ve = m((e) => {
     const t = e.value;
     if (t != null && typeof t == "object") {
-      const i = Q(e.column?.getColDef());
+      const i = Y(e.column?.getColDef());
       if (i && i.length > 0) {
-        const l = Y(t, i);
+        const l = Z(t, i);
         if (i.length === 1) {
           const P = i[0]?.field?.split(".").pop(), g = P ? t[P] : void 0;
           return g && typeof g == "object" && "value" in g ? g.value ?? "" : l[0];
@@ -248,7 +250,7 @@ function pt({
       return r.length === 0 ? "" : r.length === 1 ? r[0] : r.join(F);
     }
     return t == null ? t : e.column?.getColDef()?.useValueFormatterForExport === !0 ? e.formatValue?.(t) ?? t : t;
-  }, []), Ce = m((e) => {
+  }, []), ye = m((e) => {
     if (typeof e.value == "string") {
       const t = e.value.trim();
       if (t.startsWith("{") || t.startsWith("["))
@@ -259,10 +261,10 @@ function pt({
         }
     }
     return e.value;
-  }, []), ve = m((e) => {
+  }, []), be = m((e) => {
     const t = e?.data ?? "";
     if (!t.includes(F) && !t.includes(V)) {
-      Z(t);
+      ee(t);
       return;
     }
     const o = [], i = t.split(`
@@ -279,20 +281,20 @@ function pt({
         continue;
       }
       for (let p = 0; p < L; p++) {
-        const Fe = g.map((G) => !G.isSplit && G.slots.length === 1 ? G.slots[0] : G.slots[p] ?? "");
-        o.push(Fe.join("	"));
+        const Ae = g.map((G) => !G.isSplit && G.slots.length === 1 ? G.slots[0] : G.slots[p] ?? "");
+        o.push(Ae.join("	"));
       }
     }
-    Z(o.join(`
+    ee(o.join(`
 `));
   }, []), E = m((e) => {
     const t = e.value;
     if (t == null) return "";
     if (typeof t != "object")
       return e.column?.getColDef()?.useValueFormatterForExport === !0 ? String(e.formatValue?.(t) ?? t) : String(t);
-    const o = Q(e.column?.getColDef());
+    const o = Y(e.column?.getColDef());
     if (o && o.length > 0) {
-      const r = Y(t, o);
+      const r = Z(t, o);
       return o.length === 1 ? r[0] : r.join(`
 `);
     }
@@ -308,69 +310,71 @@ function pt({
     }
     return i.length === 0 ? "" : i.length === 1 ? i[0] : i.join(`
 `);
-  }, []), ye = h(() => ({
+  }, []), xe = h(() => ({
     processCellCallback: E,
     ...f.defaultCsvExportParams ?? {}
-  }), [E, f.defaultCsvExportParams]), be = h(() => ({
+  }), [E, f.defaultCsvExportParams]), Fe = h(() => ({
     processCellCallback: E,
     ...f.defaultExcelExportParams ?? {}
-  }), [E, f.defaultExcelExportParams]), H = W === "list", X = f.rowHeight ?? Ie, xe = ne ?? (H ? ke : De);
-  return /* @__PURE__ */ Se(Oe.Provider, { value: k, children: [
+  }), [E, f.defaultExcelExportParams]), H = W === "list", J = f.rowHeight ?? je, Se = oe ?? (H ? He : ke);
+  return /* @__PURE__ */ Ee(Ne.Provider, { value: k, children: [
     /* @__PURE__ */ S(
       "div",
       {
         ref: I,
         "data-component": "ag-grid-react",
         "data-variant": W,
+        "data-row-loading": le ? "true" : "false",
+        className: `table-with-loader${$ ? ` ${$}` : ""}`,
         style: {
           width: "100%",
           height: "100%",
-          ...H ? { "--ag-row-height": `${X}px` } : null
+          ...H ? { "--ag-row-height": `${J}px` } : null
         },
         children: /* @__PURE__ */ S(
-          we,
+          Ie,
           {
-            theme: xe,
-            defaultColDef: me,
-            columnDefs: fe,
+            theme: Se,
+            defaultColDef: ge,
+            columnDefs: he,
             cellSelection: !0,
             defaultColGroupDef: j,
-            onGridReady: ce,
-            onGridPreDestroyed: ae,
-            onFilterChanged: ue,
-            onSelectionChanged: de,
-            onModelUpdated: pe,
-            tooltipShowMode: w,
+            onGridReady: ue,
+            onGridPreDestroyed: de,
+            onFilterChanged: pe,
+            onSelectionChanged: me,
+            onModelUpdated: fe,
+            tooltipShowMode: T,
             tooltipShowDelay: D,
-            tooltipHideDelay: te,
-            tooltipInteraction: re,
-            processCellForClipboard: he,
-            processCellFromClipboard: Ce,
-            sendToClipboard: ve,
-            ensureDomOrder: M,
+            tooltipHideDelay: re,
+            tooltipInteraction: ne,
+            processCellForClipboard: ve,
+            processCellFromClipboard: ye,
+            sendToClipboard: be,
+            ensureDomOrder: w,
             suppressHeaderFocus: !1,
             suppressFocusAfterRefresh: !0,
             suppressGroupRowsSticky: !0,
             hidePaddedHeaderRows: !0,
             suppressServerSideFullWidthLoadingRow: !0,
-            columnTypes: se,
-            autoSizeStrategy: T,
+            columnTypes: ae,
+            autoSizeStrategy: M,
             ...f,
-            ...H ? { rowHeight: X } : null,
-            components: ge,
-            defaultCsvExportParams: ye,
-            defaultExcelExportParams: be,
-            getMainMenuItems: ie
+            ...H ? { rowHeight: J } : null,
+            components: Ce,
+            defaultCsvExportParams: xe,
+            defaultExcelExportParams: Fe,
+            getMainMenuItems: ce
           }
         )
       }
     ),
     c,
     /* @__PURE__ */ S(
-      qe,
+      Xe,
       {
-        isOpen: oe,
-        columnId: le,
+        isOpen: ie,
+        columnId: se,
         gridApi: K,
         onClose: k.closeAdvancedFilter,
         onApply: k.applyAdvancedFilter
@@ -378,7 +382,7 @@ function pt({
     )
   ] });
 }
-function qe({
+function Xe({
   isOpen: c,
   columnId: n,
   gridApi: s,
@@ -388,16 +392,16 @@ function qe({
   if (!c || !n || !s) return null;
   const u = s.getColumn(n);
   if (!u) return null;
-  const d = u.getColDef(), x = d.headerComponentParams, v = Ne(d), A = v.text !== -1 || v.number !== -1 || v.date !== -1, M = v.set !== -1, w = d.filter === "agMultiColumnFilter" && (A || M) ? "multi" : d.filter === "agNumberColumnFilter" ? "number" : d.filter === "agDateColumnFilter" ? "date" : d.filter === "agSetColumnFilter" || x?.selectOptions ? "select" : "text", D = Ve(s.getFilterModel());
-  return /* @__PURE__ */ S(Ge, { fallback: null, children: /* @__PURE__ */ S(
-    $e,
+  const d = u.getColDef(), x = d.headerComponentParams, v = We(d), A = v.text !== -1 || v.number !== -1 || v.date !== -1, w = v.set !== -1, T = d.filter === "agMultiColumnFilter" && (A || w) ? "multi" : d.filter === "agNumberColumnFilter" ? "number" : d.filter === "agDateColumnFilter" ? "date" : d.filter === "agSetColumnFilter" || x?.selectOptions ? "select" : "text", D = $e(s.getFilterModel());
+  return /* @__PURE__ */ S(we, { fallback: null, children: /* @__PURE__ */ S(
+    ze,
     {
       isOpen: c,
       onClose: b,
       onApply: C,
       columnId: n,
       columnLabel: d.headerName || n,
-      columnType: w,
+      columnType: T,
       selectOptions: x?.selectOptions,
       isMultiSelect: x?.isMultiSelect,
       initialModel: D,
@@ -406,10 +410,10 @@ function qe({
   ) });
 }
 export {
-  pt as AgGridWrapper,
-  bt as isAgGridHeaderLabelTooltipOverflowing,
-  xt as isAgGridTextOverflowing,
-  gt as subscribeGridApiEvent,
-  ht as subscribeGridApiEvents,
-  vt as useAgGridTruncationTooltip
+  ft as AgGridWrapper,
+  Ft as isAgGridHeaderLabelTooltipOverflowing,
+  St as isAgGridTextOverflowing,
+  Ct as subscribeGridApiEvent,
+  vt as subscribeGridApiEvents,
+  bt as useAgGridTruncationTooltip
 };

package/dist/components/flows/iris-chat/iris-chat-markdown.js

@@ -1,22 +1,22 @@
 import { jsx as t, jsxs as s } from "react/jsx-runtime";
 import { useState as c } from "react";
-import p from "react-markdown";
-import m from "remark-gfm";
-import { ButtonIconTooltip as l } from "../../feedback/tooltip/button-icon-tooltip.js";
-import { Button as d } from "../../primitives/button/button.js";
-import { useImpactNovaI18n as f } from "../../../i18n/use-impact-nova-i18n.js";
-import { createComponent as h } from "../../../lib/primitives/create-component.js";
-import { cn as u } from "../../../lib/utils.js";
-import { IrisChatCopyIcon as C } from "./iris-chat-icons.js";
-import { irisChatMarkdownVariants as k } from "./iris-chat.variants.js";
+import { ButtonIconTooltip as p } from "../../feedback/tooltip/button-icon-tooltip.js";
+import { Button as m } from "../../primitives/button/button.js";
+import { useImpactNovaI18n as l } from "../../../i18n/use-impact-nova-i18n.js";
+import { createComponent as d } from "../../../lib/primitives/create-component.js";
+import { cn as f } from "../../../lib/utils.js";
+import { IrisChatCopyIcon as h } from "./iris-chat-icons.js";
+import { irisChatMarkdownVariants as u } from "./iris-chat.variants.js";
+import { Markdown as C } from "../../../node_modules/react-markdown/lib/index.js";
+import k from "../../../node_modules/remark-gfm/lib/index.js";
 function n(r) {
   return typeof r == "string" || typeof r == "number" ? String(r) : Array.isArray(r) ? r.map(n).join("") : r && typeof r == "object" && "props" in r ? n(r.props.children) : "";
 }
 function y({ children: r }) {
-  const { t: o } = f(), [e, i] = c(!1), a = n(r);
+  const { t: o } = l(), [e, i] = c(!1), a = n(r);
   return /* @__PURE__ */ s("div", { className: "relative", children: [
-    /* @__PURE__ */ t(l, { label: o(e ? "irisChat.copied" : "irisChat.copyCode"), children: /* @__PURE__ */ t(
-      d,
+    /* @__PURE__ */ t(p, { label: o(e ? "irisChat.copied" : "irisChat.copyCode"), children: /* @__PURE__ */ t(
+      m,
       {
         type: "button",
         variant: "ghost",
@@ -28,24 +28,24 @@ function y({ children: r }) {
           navigator.clipboard?.writeText(a).catch(() => {
           }), i(!0), window.setTimeout(() => i(!1), 1600);
         },
-        children: /* @__PURE__ */ t(C, { size: 14 })
+        children: /* @__PURE__ */ t(h, { size: 14 })
       }
     ) }),
     /* @__PURE__ */ t("pre", { children: r })
   ] });
 }
-const B = h(
+const B = d(
   "IrisChatMarkdown",
   ({ className: r, children: o }, e) => /* @__PURE__ */ t(
     "div",
     {
       ref: e,
       "data-component": "iris-chat-markdown",
-      className: u(k(), r),
+      className: f(u(), r),
       children: /* @__PURE__ */ t(
-        p,
+        C,
         {
-          remarkPlugins: [m],
+          remarkPlugins: [k],
           skipHtml: !0,
           components: {
             a: ({ href: i, children: a }) => /* @__PURE__ */ t("a", { href: i, target: "_blank", rel: "noreferrer", children: a }),

package/dist/components/forms/select/components/SelectTriggerValue.js

@@ -6,23 +6,23 @@ function w({
   isMulti: u,
   isDisabled: p,
   internalValue: o,
-  totalCount: s,
+  totalCount: a,
   totalOptionsCount: g,
   formatSelectedCount: v,
-  resolveOptionLabel: a,
+  resolveOptionLabel: s,
   placeholder: c
 }) {
   const n = x(
-    "text-[14px] font-medium truncate min-w-0 block",
+    "text-[14px] font-normal truncate min-w-0 block",
     p ? "text-disabled-foreground" : "text-foreground"
   );
   if (u) {
     const e = o || [];
     let t = 0;
-    if (h(e) ? t = Math.max(0, (typeof s == "number" ? s : g) - e.excludedValues.length) : d(e) && (t = e.length), t === 0)
+    if (h(e) ? t = Math.max(0, (typeof a == "number" ? a : g) - e.excludedValues.length) : d(e) && (t = e.length), t === 0)
       return c;
     if (t === 1 && d(e)) {
-      const i = a(e[0]);
+      const i = s(e[0]);
       return /* @__PURE__ */ r(
         m,
         {
@@ -39,7 +39,7 @@ function w({
   const l = o;
   if (!l)
     return c;
-  const f = a(l);
+  const f = s(l);
   return /* @__PURE__ */ r(
     m,
     {

package/dist/impact-nova-components.css

@@ -2038,3 +2038,88 @@ html.iris-agent-session *:not(.iris-agent-cursor):not(.iris-agent-cursor *):not(
   box-shadow: none;
   background-color: var(--color-background);
 }
+
+/* Viewport next-page shimmer (`rowLoading` / `data-row-loading`).
+   AG Grid v36 owns `.ag-row::after` as a flex spacer — never override it.
+   Pseudos sit on cell regions (`.ag-grid-scrolling-cells`, pinned left/right). */
+@keyframes in-ag-row-shimmer-slide {
+  0% {
+    background-position: -1000px 0;
+  }
+
+  100% {
+    background-position: 1000px 0;
+  }
+}
+
+[data-component="ag-grid-react"].table-with-loader[data-row-loading="true"] .ag-grid-scrolling-container .ag-row > .ag-grid-scrolling-cells,
+[data-component="ag-grid-react"].table-with-loader[data-row-loading="true"] .ag-grid-scrolling-container .ag-row > .ag-grid-pinned-left-cells,
+[data-component="ag-grid-react"].table-with-loader[data-row-loading="true"] .ag-grid-scrolling-container .ag-row > .ag-grid-pinned-right-cells,
+[data-component="ag-grid-react"].table-with-loader[data-row-loading="true"] .ag-grid-pinned-top-rows .ag-row > .ag-grid-scrolling-cells,
+[data-component="ag-grid-react"].table-with-loader[data-row-loading="true"] .ag-grid-sticky-top-rows-container .ag-row > .ag-grid-scrolling-cells {
+  overflow: hidden;
+  pointer-events: none;
+}
+
+[data-component="ag-grid-react"].table-with-loader[data-row-loading="true"] .ag-grid-scrolling-container .ag-row {
+  pointer-events: none;
+  user-select: none;
+}
+
+[data-component="ag-grid-react"].table-with-loader[data-row-loading="true"] .ag-grid-scrolling-container .ag-row > .ag-grid-scrolling-cells::before,
+[data-component="ag-grid-react"].table-with-loader[data-row-loading="true"] .ag-grid-scrolling-container .ag-row > .ag-grid-pinned-left-cells::before,
+[data-component="ag-grid-react"].table-with-loader[data-row-loading="true"] .ag-grid-scrolling-container .ag-row > .ag-grid-pinned-right-cells::before,
+[data-component="ag-grid-react"].table-with-loader[data-row-loading="true"] .ag-grid-pinned-top-rows .ag-row > .ag-grid-scrolling-cells::before,
+[data-component="ag-grid-react"].table-with-loader[data-row-loading="true"] .ag-grid-sticky-top-rows-container .ag-row > .ag-grid-scrolling-cells::before {
+  content: "" !important;
+  display: block !important;
+  position: absolute !important;
+  inset: 0;
+  background: color-mix(in srgb, var(--color-background) 40%, transparent) !important;
+  z-index: 1;
+  pointer-events: none;
+}
+
+[data-component="ag-grid-react"].table-with-loader[data-row-loading="true"] .ag-grid-scrolling-container .ag-row > .ag-grid-scrolling-cells::after,
+[data-component="ag-grid-react"].table-with-loader[data-row-loading="true"] .ag-grid-scrolling-container .ag-row > .ag-grid-pinned-left-cells::after,
+[data-component="ag-grid-react"].table-with-loader[data-row-loading="true"] .ag-grid-scrolling-container .ag-row > .ag-grid-pinned-right-cells::after,
+[data-component="ag-grid-react"].table-with-loader[data-row-loading="true"] .ag-grid-pinned-top-rows .ag-row > .ag-grid-scrolling-cells::after,
+[data-component="ag-grid-react"].table-with-loader[data-row-loading="true"] .ag-grid-sticky-top-rows-container .ag-row > .ag-grid-scrolling-cells::after {
+  content: "" !important;
+  display: block !important;
+  position: absolute !important;
+  inset: 0;
+  background-color: transparent !important;
+  background-image: linear-gradient(
+    to right,
+    transparent 0%,
+    color-mix(in srgb, var(--color-primary) 25%, transparent) 50%,
+    transparent 100%
+  );
+  background-size: 1000px 100%;
+  background-repeat: repeat-x;
+  background-position: -1000px 0;
+  animation: in-ag-row-shimmer-slide 2s linear infinite;
+  z-index: 2;
+  pointer-events: none;
+}
+
+[data-component="ag-grid-react"].table-with-loader[data-row-loading="true"] .ag-grid-scrolling-container .ag-row .in-ag-editable-cell-highlight .bg-canvas-elevated,
+[data-component="ag-grid-react"].table-with-loader[data-row-loading="true"] .ag-grid-pinned-top-rows .ag-row .in-ag-editable-cell-highlight .bg-canvas-elevated,
+[data-component="ag-grid-react"].table-with-loader[data-row-loading="true"] .ag-grid-sticky-top-rows-container .ag-row .in-ag-editable-cell-highlight .bg-canvas-elevated {
+  background-color: var(--color-primary-soft) !important;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  [data-component="ag-grid-react"].table-with-loader[data-row-loading="true"] .ag-grid-scrolling-container .ag-row > .ag-grid-scrolling-cells::after,
+  [data-component="ag-grid-react"].table-with-loader[data-row-loading="true"] .ag-grid-scrolling-container .ag-row > .ag-grid-pinned-left-cells::after,
+  [data-component="ag-grid-react"].table-with-loader[data-row-loading="true"] .ag-grid-scrolling-container .ag-row > .ag-grid-pinned-right-cells::after,
+  [data-component="ag-grid-react"].table-with-loader[data-row-loading="true"] .ag-grid-pinned-top-rows .ag-row > .ag-grid-scrolling-cells::after,
+  [data-component="ag-grid-react"].table-with-loader[data-row-loading="true"] .ag-grid-sticky-top-rows-container .ag-row > .ag-grid-scrolling-cells::after {
+    animation: none;
+    background-position: 0 0;
+    opacity: 0.85;
+    background-image: none;
+    background: color-mix(in srgb, var(--color-primary) 12%, transparent);
+  }
+}