@hybridcore/ui 1.6.28 → 1.6.30

package/dist/components/metric-card/index.js

@@ -1,28 +1,33 @@
-import { jsx as e, jsxs as i, Fragment as m } from "react/jsx-runtime";
+import { jsx as e, jsxs as i, Fragment as v } from "react/jsx-runtime";
 import { Stack as a, Skeleton as l, Tooltip as c } from "@mui/material";
-import { MetricChart as w } from "./MetricChart.js";
-import { useMetricCardLogic as z } from "./logic.js";
-import { MetricCardRoot as f, MetricCardValue as V, MetricCardSecondValue as k, MetricCardTrendContainer as P, MetricCardLabel as v, MetricCardPanel as W, MetricCardDescription as M, MetricCardSideChart as L, MetricCardCornerIconContainer as A, MetricCardIconContainer as y, MetricCardContent as D, MetricCardChartContainer as F } from "./styled.js";
-const H = (t) => {
-  const { state: S } = z(t), {
+import { MetricChart as y } from "./MetricChart.js";
+import { useMetricCardLogic as W } from "./logic.js";
+import { MetricCardRoot as S, MetricCardValue as D, MetricCardSecondValue as F, MetricCardTrendContainer as L, MetricCardLabel as b, MetricCardPanel as A, MetricCardDescription as I, MetricCardSideChart as R, MetricCardCornerIconContainer as q, MetricCardIconContainer as T, MetricCardContent as B, MetricCardChartContainer as E } from "./styled.js";
+const O = (t) => {
+  const { state: j } = W(t), {
     ownerState: n,
     layout: d,
     calculatedValue: o,
     calculatedSecondValue: h,
     calculatedChange: s,
-    TrendIcon: b,
+    TrendIcon: z,
     Icon: r,
-    showCornerIcon: I,
+    showCornerIcon: V,
     showSideIcon: C,
     iconPosition: x,
-    snapshotPayload: T
-  } = S, g = !!t.showChart && !!t.chartType && (t.value ?? []).length >= 2, j = (t.showChange || t.showTrend) && s !== "—";
+    snapshotPayload: k,
+    hasChart: g,
+    chartType: m,
+    chartData: w,
+    chartColor: f,
+    chartFill: u
+  } = j, P = (t.showChange || t.showTrend) && s !== "—";
   if (t.loading)
-    return /* @__PURE__ */ e(f, { ownerState: n, sx: t.sx, children: /* @__PURE__ */ i(a, { spacing: 1, children: [
+    return /* @__PURE__ */ e(S, { ownerState: n, sx: t.sx, children: /* @__PURE__ */ i(a, { spacing: 1, children: [
       /* @__PURE__ */ e(l, { variant: "text", width: "60%" }),
       /* @__PURE__ */ e(l, { variant: "rectangular", height: 40, width: "40%" }),
       /* @__PURE__ */ e(l, { variant: "text", width: "80%" }),
-      t.showChart && /* @__PURE__ */ e(
+      n.showChart && /* @__PURE__ */ e(
         l,
         {
           variant: "rectangular",
@@ -32,7 +37,7 @@ const H = (t) => {
         }
       )
     ] }) });
-  const u = /* @__PURE__ */ i(
+  const M = /* @__PURE__ */ i(
     a,
     {
       direction: "row",
@@ -49,43 +54,43 @@ const H = (t) => {
             spacing: 0.5,
             sx: { minWidth: 0 },
             children: [
-              /* @__PURE__ */ e(c, { title: o, children: /* @__PURE__ */ e(V, { variant: "h4", ownerState: n, children: o }) }),
-              h && /* @__PURE__ */ e(c, { title: h, children: /* @__PURE__ */ e(k, { variant: "h5", ownerState: n, children: h }) })
+              /* @__PURE__ */ e(c, { title: o, children: /* @__PURE__ */ e(D, { variant: "h4", ownerState: n, children: o }) }),
+              h && /* @__PURE__ */ e(c, { title: h, children: /* @__PURE__ */ e(F, { variant: "h5", ownerState: n, children: h }) })
             ]
           }
         ),
-        j && /* @__PURE__ */ i(P, { ownerState: n, children: [
-          d === "overlay" && t.showTrend && /* @__PURE__ */ e(b, { size: 16 }),
+        P && /* @__PURE__ */ i(L, { ownerState: n, children: [
+          d === "overlay" && t.showTrend && /* @__PURE__ */ e(z, { size: 16 }),
           t.showChange && s
         ] })
       ]
     }
   );
   return /* @__PURE__ */ e(
-    f,
+    S,
     {
       ownerState: n,
       sx: t.sx,
-      "data-snapshot": T,
-      children: d === "panel" ? /* @__PURE__ */ i(m, { children: [
-        /* @__PURE__ */ e(c, { title: t.label, children: /* @__PURE__ */ e(v, { variant: "body2", children: t.label }) }),
-        /* @__PURE__ */ i(W, { children: [
+      "data-snapshot": k,
+      children: d === "panel" ? /* @__PURE__ */ i(v, { children: [
+        /* @__PURE__ */ e(c, { title: t.label, children: /* @__PURE__ */ e(b, { variant: "body2", children: t.label }) }),
+        /* @__PURE__ */ i(A, { children: [
           /* @__PURE__ */ i(a, { justifyContent: "center", spacing: 0.5, sx: { flexShrink: 0 }, children: [
-            u,
-            t.description && /* @__PURE__ */ e(c, { title: t.description, children: /* @__PURE__ */ e(M, { variant: "caption", children: t.description }) })
+            M,
+            t.description && /* @__PURE__ */ e(c, { title: t.description, children: /* @__PURE__ */ e(I, { variant: "caption", children: t.description }) })
           ] }),
-          g && /* @__PURE__ */ e(L, { children: /* @__PURE__ */ e(
-            w,
+          g && /* @__PURE__ */ e(R, { children: /* @__PURE__ */ e(
+            y,
             {
-              type: t.chartType,
-              data: t.value,
-              inset: !0,
-              gradient: !0
+              type: m,
+              data: w,
+              fill: u ?? "gradient",
+              color: f
             }
           ) })
         ] })
-      ] }) : /* @__PURE__ */ i(m, { children: [
-        I && r && /* @__PURE__ */ e(A, { ownerState: n, children: /* @__PURE__ */ e(r, { size: 24 }) }),
+      ] }) : /* @__PURE__ */ i(v, { children: [
+        V && r && /* @__PURE__ */ e(q, { ownerState: n, children: /* @__PURE__ */ e(r, { size: 24 }) }),
         /* @__PURE__ */ i(
           a,
           {
@@ -94,12 +99,12 @@ const H = (t) => {
             alignItems: "flex-start",
             sx: { flex: 1 },
             children: [
-              C && r && x === "left" && /* @__PURE__ */ e(y, { ownerState: n, children: /* @__PURE__ */ e(r, { sx: { fontSize: 24 } }) }),
-              /* @__PURE__ */ i(D, { children: [
-                /* @__PURE__ */ e(c, { title: t.label, children: /* @__PURE__ */ e(v, { variant: "body2", children: t.label }) }),
-                u
+              C && r && x === "left" && /* @__PURE__ */ e(T, { ownerState: n, children: /* @__PURE__ */ e(r, { sx: { fontSize: 24 } }) }),
+              /* @__PURE__ */ i(B, { children: [
+                /* @__PURE__ */ e(c, { title: t.label, children: /* @__PURE__ */ e(b, { variant: "body2", children: t.label }) }),
+                M
               ] }),
-              C && r && x === "right" && /* @__PURE__ */ e(y, { ownerState: n, children: /* @__PURE__ */ e(r, { sx: { fontSize: 24 } }) })
+              C && r && x === "right" && /* @__PURE__ */ e(T, { ownerState: n, children: /* @__PURE__ */ e(r, { sx: { fontSize: 24 } }) })
             ]
           }
         ),
@@ -111,14 +116,22 @@ const H = (t) => {
             sx: { width: "100%", mt: 2 },
             children: [
               t.description && /* @__PURE__ */ e(c, { title: t.description, children: /* @__PURE__ */ e(
-                M,
+                I,
                 {
                   variant: "caption",
                   sx: { textAlign: { xs: "center", sm: "left" } },
                   children: t.description
                 }
               ) }),
-              g && /* @__PURE__ */ e(F, { children: /* @__PURE__ */ e(w, { type: t.chartType, data: t.value }) })
+              g && /* @__PURE__ */ e(E, { children: /* @__PURE__ */ e(
+                y,
+                {
+                  type: m,
+                  data: w,
+                  fill: u ?? "solid",
+                  color: f
+                }
+              ) })
             ]
           }
         )
@@ -127,5 +140,5 @@ const H = (t) => {
   );
 };
 export {
-  H as MetricCard
+  O as MetricCard
 };

package/dist/components/metric-card/logic.js

@@ -1,96 +1,105 @@
-import { useThemeProps as K } from "@mui/material";
-import { formatValue as D, resolveConditionalStyle as M } from "../charts/_common/format.js";
-import { I as Q, a as W, b as X } from "../../IconTrendingUp-CW4SFYmc.js";
-const oe = ($) => {
-  const i = K({ props: $, name: "HCMetricCard" }), {
-    value: c = [],
-    secondValue: v = [],
-    secondValueFormat: k,
-    variant: O = "default",
-    layout: C = "overlay",
-    valuePrefix: Z,
-    valueSuffix: A,
-    format: o,
-    showChange: H = !1,
+import { useThemeProps as _ } from "@mui/material";
+import { formatValue as M, resolveConditionalStyle as $ } from "../charts/_common/format.js";
+import { I as ee, a as oe, b as te } from "../../IconTrendingUp-CW4SFYmc.js";
+const le = (k) => {
+  const i = _({ props: k, name: "HCMetricCard" }), {
+    value: o = [],
+    secondValue: C = [],
+    secondValueFormat: O,
+    variant: Z = "default",
+    layout: v = "overlay",
+    valuePrefix: A,
+    valueSuffix: H,
+    format: t,
+    showChange: J = !1,
     changeType: l = "percentage",
-    showTrend: J = !1,
+    showTrend: L = !1,
     showIcon: b = !1,
     icon: u,
-    iconPosition: d = "right"
-  } = i, L = c.length > 0, f = c[c.length - 1], S = c[c.length - 2], e = f ? Number(f.v) : NaN, t = S ? Number(S.v) : NaN, w = !isNaN(e) && !isNaN(t), g = {
-    ...o,
-    prefix: (o == null ? void 0 : o.prefix) ?? Z,
-    suffix: (o == null ? void 0 : o.suffix) ?? A
+    iconPosition: d = "right",
+    showChart: R = !1,
+    chartType: w,
+    chartColor: U,
+    chartFill: j
+  } = i, q = o.length > 0, h = o[o.length - 1], y = o[o.length - 2], e = h ? Number(h.v) : NaN, a = y ? Number(y.v) : NaN, S = !isNaN(e) && !isNaN(a), f = {
+    ...t,
+    prefix: (t == null ? void 0 : t.prefix) ?? A,
+    suffix: (t == null ? void 0 : t.suffix) ?? H
   };
-  let r = "—", y = "", I, V;
+  let r = "—", I = "", V, x;
   if (!isNaN(e)) {
-    r = D(e, g), y = f.t;
-    const a = M(e, g);
-    I = a.color, V = a.backgroundColor;
+    r = M(e, f), I = h.t;
+    const c = $(e, f);
+    V = c.color, x = c.backgroundColor;
   }
-  const x = k ?? g;
-  let p, T, B;
-  const F = v[v.length - 1], h = F ? Number(F.v) : NaN;
-  if (!isNaN(h)) {
-    p = D(h, x);
-    const a = M(h, x);
-    T = a.color, B = a.backgroundColor;
+  const T = O ?? f;
+  let g, B, F;
+  const D = C[C.length - 1], p = D ? Number(D.v) : NaN;
+  if (!isNaN(p)) {
+    g = M(p, T);
+    const c = $(p, T);
+    B = c.color, F = c.backgroundColor;
   }
   let s;
-  if (H)
-    if (w && !(t === 0 && l === "percentage")) {
-      const m = l === "absolute" ? e - t : (e - t) / t * 100, z = m > 0 ? "+" : m < 0 ? "−" : "", E = l === "percentage" ? 1 : 2, G = l === "percentage" ? "%" : "";
-      s = `${z}${Math.abs(m).toFixed(E)}${G}`;
+  if (J)
+    if (S && !(a === 0 && l === "percentage")) {
+      const m = l === "absolute" ? e - a : (e - a) / a * 100, W = m > 0 ? "+" : m < 0 ? "−" : "", X = l === "percentage" ? 1 : 2, Y = l === "percentage" ? "%" : "";
+      s = `${W}${Math.abs(m).toFixed(X)}${Y}`;
     } else
       s = "—";
   let n;
-  J && w && (e > t ? n = "up" : e < t ? n = "down" : n = "neutral");
-  let N = Q;
-  n === "up" ? N = W : n === "down" && (N = X);
+  L && S && (e > a ? n = "up" : e < a ? n = "down" : n = "neutral");
+  let N = ee;
+  n === "up" ? N = oe : n === "down" && (N = te);
   const P = [
     "top-left",
     "top-right",
     "bottom-left",
     "bottom-right"
-  ].includes(d), R = b && !!u && P, U = b && !!u && !P, j = JSON.stringify({
+  ].includes(d), z = b && !!u && P, E = b && !!u && !P, G = JSON.stringify({
     metric: i.label,
     value: r,
     change: s,
-    asOf: y
-  }), q = {
+    asOf: I
+  }), K = {
     ...i,
-    variant: O,
-    layout: C,
+    variant: Z,
+    layout: v,
     changeType: l,
     iconPosition: d,
     calculatedValue: r,
-    calculatedSecondValue: p,
-    calculatedSecondValueColor: T,
-    calculatedSecondValueBg: B,
+    calculatedSecondValue: g,
+    calculatedSecondValueColor: B,
+    calculatedSecondValueBg: F,
     calculatedChange: s,
     calculatedTrend: n,
-    calculatedValueColor: I,
-    calculatedValueBg: V,
-    hasData: L
-  };
+    calculatedValueColor: V,
+    calculatedValueBg: x,
+    hasData: q
+  }, Q = !!R && !!w && o.length >= 2;
   return {
     refs: {},
     state: {
-      ownerState: q,
-      layout: C,
+      ownerState: K,
+      layout: v,
+      hasChart: Q,
+      chartType: w,
+      chartData: o,
+      chartColor: U,
+      chartFill: j,
       calculatedValue: r,
-      calculatedSecondValue: p,
+      calculatedSecondValue: g,
       calculatedChange: s,
       TrendIcon: N,
       Icon: u,
-      showCornerIcon: R,
-      showSideIcon: U,
+      showCornerIcon: z,
+      showSideIcon: E,
       iconPosition: d,
-      snapshotPayload: j
+      snapshotPayload: G
     },
     actions: {}
   };
 };
 export {
-  oe as useMetricCardLogic
+  le as useMetricCardLogic
 };

package/dist/components/metric-card/styled.js

@@ -3,7 +3,7 @@ import { Widget as f } from "../widget/styled.js";
 import { variantColor as s, resolvePaletteColor as d, trendColor as u } from "./helpers.js";
 const e = {
   shouldForwardProp: (o) => o !== "ownerState"
-}, M = t(f.Root, {
+}, w = t(f.Root, {
   name: "HCMetricCard",
   slot: "Root",
   ...e
@@ -19,7 +19,7 @@ const e = {
       padding: o.spacing(1.5)
     }
   };
-}), w = t(C, {
+}), M = t(C, {
   name: "HCMetricCard",
   slot: "Content"
 })(() => ({
@@ -86,7 +86,7 @@ const e = {
     [o.breakpoints.down("md")]: { fontSize: "0.95rem" },
     [o.breakpoints.up("md")]: { fontSize: "1.25rem" }
   };
-}), S = t("div", {
+}), h = t("div", {
   name: "HCMetricCard",
   slot: "TrendContainer",
   ...e
@@ -112,7 +112,7 @@ const e = {
       }
     }
   };
-}), h = t(l, {
+}), S = t(l, {
   name: "HCMetricCard",
   slot: "Description"
 })(({ theme: o }) => ({
@@ -194,19 +194,23 @@ const e = {
   minWidth: 0,
   alignSelf: "stretch",
   display: "flex",
-  alignItems: "flex-end"
+  alignItems: "flex-end",
+  // `MetricChart` is drawn wider and taller than its box so amCharts' axis gutters (and
+  // its watermark) fall outside — this is what clips them, and what keeps the overhang
+  // from reaching the value column beside it.
+  overflow: "hidden"
 }));
 export {
   I as MetricCardChartContainer,
-  w as MetricCardContent,
+  M as MetricCardContent,
   H as MetricCardCornerIconContainer,
-  h as MetricCardDescription,
+  S as MetricCardDescription,
   k as MetricCardIconContainer,
   m as MetricCardLabel,
   R as MetricCardPanel,
-  M as MetricCardRoot,
+  w as MetricCardRoot,
   W as MetricCardSecondValue,
   z as MetricCardSideChart,
-  S as MetricCardTrendContainer,
+  h as MetricCardTrendContainer,
   y as MetricCardValue
 };

package/dist/components/paginated-list/helpers.js

@@ -0,0 +1,8 @@
+const r = (i, o) => {
+  if (!i) return;
+  const n = i.filter((t) => t != null && `${t}`.trim() !== "").map((t) => `${t}`.trim());
+  return n.length ? n.join(` ${o} `) : void 0;
+};
+export {
+  r as joinMeta
+};

package/dist/components/paginated-list/index.js

@@ -1,73 +1,156 @@
-import { jsxs as a, Fragment as T, jsx as n } from "react/jsx-runtime";
-import { Typography as l, Divider as h, Box as k, ListItem as I, Checkbox as w, ListItemIcon as O, ListItemText as R, TablePagination as b } from "@mui/material";
-import S from "lodash";
-import { usePaginatedListLogic as _ } from "./logic.js";
-import { PaginatedListRoot as E, PaginatedListHeader as D, PaginatedListContent as j, PaginatedListList as A, PaginatedListPagination as F } from "./styled.js";
-const N = [5, 10, 25, 50], U = (g) => {
+import { jsxs as n, Fragment as g, jsx as e } from "react/jsx-runtime";
+import { Typography as I, Divider as k, Checkbox as R, CircularProgress as H, TablePagination as T, Box as W, ListItem as B, ListItemIcon as J, ListItemText as q } from "@mui/material";
+import K from "lodash";
+import { joinMeta as Q } from "./helpers.js";
+import { usePaginatedListLogic as X } from "./logic.js";
+import { PaginatedListRoot as Y, PaginatedListHeader as Z, PaginatedListViewAll as $, PaginatedListContent as ee, PaginatedListCardRail as ie, PaginatedListCard as ne, PaginatedListCardHeader as ae, PaginatedListCardIcon as te, PaginatedListCardTitle as re, PaginatedListCardDescription as oe, PaginatedListCardFooter as de, PaginatedListCardMeta as se, PaginatedListCardAction as ce, PaginatedListLoadMore as le, PaginatedListPagination as M, PaginatedListList as he } from "./styled.js";
+import { c as ge } from "../../createReactComponent-C7L-DMHj.js";
+/**
+ * @license @tabler/icons-react v3.44.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const pe = [["path", { d: "M17 7l-10 10", key: "svg-0" }], ["path", { d: "M8 7l9 0l0 9", key: "svg-1" }]], O = ge("outline", "arrow-up-right", "ArrowUpRight", pe), A = [5, 10, 25, 50], xe = (_) => {
   const {
-    title: t,
-    displayData: r,
-    count: p,
-    page: P,
+    title: c,
+    variant: b,
+    itemIcon: S,
+    metaSeparator: z,
+    cardsLayout: D,
+    isInfinite: p,
+    hasMore: E,
+    isLoadingMore: j,
+    refs: F,
+    onViewAll: P,
+    displayData: l,
+    count: C,
+    page: L,
     rowsPerPage: m,
-    expanded: d,
-    selectionMode: o,
-    selected: y,
-    handleChangePage: L,
-    handleChangeRowsPerPage: u,
-    handleItemClick: x,
-    handleExpandToggle: C,
-    onItemClick: s,
-    ownerState: i,
-    sx: v,
-    other: f
-  } = _(g);
-  return /* @__PURE__ */ a(
-    E,
+    expanded: u,
+    selectionMode: t,
+    selected: v,
+    handleChangePage: f,
+    handleChangeRowsPerPage: x,
+    handleItemClick: y,
+    handleExpandToggle: N,
+    onItemClick: U,
+    ownerState: a,
+    sx: V,
+    other: G
+  } = X(_), h = S, r = b === "cards", o = r && D === "grid", d = t || !!U;
+  return /* @__PURE__ */ n(
+    Y,
     {
-      ownerState: i,
-      sx: v,
+      ownerState: a,
+      sx: V,
       elevation: 0,
       "data-snapshot": JSON.stringify({
-        title: t,
-        data: r
+        title: c,
+        data: l
       }),
-      ...f,
+      ...G,
       children: [
-        t && /* @__PURE__ */ a(T, { children: [
-          /* @__PURE__ */ n(D, { ownerState: i, children: /* @__PURE__ */ n(l, { variant: "h3", children: t }) }),
-          /* @__PURE__ */ n(h, {})
+        c && /* @__PURE__ */ n(g, { children: [
+          /* @__PURE__ */ n(Z, { ownerState: a, children: [
+            /* @__PURE__ */ e(I, { variant: "h3", children: c }),
+            r && !o && P && /* @__PURE__ */ e(
+              $,
+              {
+                size: "small",
+                endIcon: /* @__PURE__ */ e(O, { size: 16 }),
+                onClick: P,
+                children: "View all"
+              }
+            )
+          ] }),
+          !r && /* @__PURE__ */ e(k, {})
         ] }),
-        /* @__PURE__ */ a(j, { ownerState: i, children: [
-          /* @__PURE__ */ n(A, { disablePadding: !0, ownerState: i, children: r.map((e, c) => /* @__PURE__ */ a(k, { children: [
-            c !== 0 && /* @__PURE__ */ n(h, { component: "li" }),
-            /* @__PURE__ */ a(
-              I,
+        /* @__PURE__ */ e(ee, { ownerState: a, children: r ? /* @__PURE__ */ n(g, { children: [
+          /* @__PURE__ */ n(ie, { grid: o, children: [
+            l.map((i, s) => {
+              const w = Q(i.meta, z);
+              return /* @__PURE__ */ n(
+                ne,
+                {
+                  onClick: y(i),
+                  sx: {
+                    cursor: d ? "pointer" : "default",
+                    ...o && { flex: "1 1 280px", maxWidth: 360 }
+                  },
+                  children: [
+                    /* @__PURE__ */ n(ae, { children: [
+                      t ? /* @__PURE__ */ e(
+                        R,
+                        {
+                          size: "small",
+                          sx: { p: 0 },
+                          checked: v.indexOf(i.id) !== -1
+                        }
+                      ) : (i.icon || h) && /* @__PURE__ */ e(te, { children: i.icon ?? (h ? /* @__PURE__ */ e(h, {}) : null) }),
+                      /* @__PURE__ */ e(re, { variant: "h4", title: i.title, children: i.title })
+                    ] }),
+                    /* @__PURE__ */ e(
+                      oe,
+                      {
+                        variant: "body2",
+                        title: i.description,
+                        children: i.description
+                      }
+                    ),
+                    /* @__PURE__ */ n(de, { children: [
+                      /* @__PURE__ */ e(se, { variant: "caption", title: w, children: w }),
+                      d && /* @__PURE__ */ e(ce, { children: /* @__PURE__ */ e(O, { size: 18 }) })
+                    ] })
+                  ]
+                },
+                i.id || s
+              );
+            }),
+            p && E && /* @__PURE__ */ e(le, { ref: F.sentinelRef, children: j && /* @__PURE__ */ e(H, { size: 18 }) })
+          ] }),
+          o && !p && /* @__PURE__ */ e(M, { ownerState: a, children: /* @__PURE__ */ e(
+            T,
+            {
+              component: "div",
+              count: C,
+              page: L,
+              rowsPerPage: m,
+              rowsPerPageOptions: A,
+              onPageChange: f,
+              onRowsPerPageChange: x
+            }
+          ) })
+        ] }) : /* @__PURE__ */ n(g, { children: [
+          /* @__PURE__ */ e(he, { disablePadding: !0, ownerState: a, children: l.map((i, s) => /* @__PURE__ */ n(W, { children: [
+            s !== 0 && /* @__PURE__ */ e(k, { component: "li" }),
+            /* @__PURE__ */ n(
+              B,
               {
-                onClick: x(e),
+                onClick: y(i),
                 sx: {
-                  cursor: o || s ? "pointer" : "default",
-                  "&:hover": o || s ? { backgroundColor: "action.hover" } : void 0,
-                  pl: o ? 0 : 2
+                  cursor: d ? "pointer" : "default",
+                  "&:hover": d ? { backgroundColor: "action.hover" } : void 0,
+                  pl: t ? 0 : 2
                 },
                 children: [
-                  o && /* @__PURE__ */ n(w, { checked: y.indexOf(e.id) !== -1 }),
-                  !o && e.icon && /* @__PURE__ */ n(O, { children: e.icon }),
-                  /* @__PURE__ */ n(
-                    R,
+                  t && /* @__PURE__ */ e(R, { checked: v.indexOf(i.id) !== -1 }),
+                  !t && i.icon && /* @__PURE__ */ e(J, { children: i.icon }),
+                  /* @__PURE__ */ e(
+                    q,
                     {
-                      primary: e.title,
+                      primary: i.title,
                       primaryTypographyProps: { variant: "h4" },
                       secondaryTypographyProps: { component: "div" },
-                      secondary: /* @__PURE__ */ n(
-                        l,
+                      secondary: /* @__PURE__ */ e(
+                        I,
                         {
                           variant: "body2",
                           mt: 1,
                           sx: { cursor: "pointer" },
-                          title: d.includes(e.id) ? "Show less" : "Read more",
-                          onClick: C(e),
-                          children: d.includes(e.id) ? e.description : S.truncate(e.description, { length: 100 })
+                          title: u.includes(i.id) ? "Show less" : "Read more",
+                          onClick: N(i),
+                          children: u.includes(i.id) ? i.description : K.truncate(i.description, { length: 100 })
                         }
                       )
                     }
@@ -75,24 +158,24 @@ const N = [5, 10, 25, 50], U = (g) => {
                 ]
               }
             )
-          ] }, e.id || c)) }),
-          /* @__PURE__ */ n(F, { ownerState: i, children: /* @__PURE__ */ n(
-            b,
+          ] }, i.id || s)) }),
+          /* @__PURE__ */ e(M, { ownerState: a, children: /* @__PURE__ */ e(
+            T,
             {
               component: "div",
-              count: p,
-              page: P,
+              count: C,
+              page: L,
               rowsPerPage: m,
-              rowsPerPageOptions: N,
-              onPageChange: L,
-              onRowsPerPageChange: u
+              rowsPerPageOptions: A,
+              onPageChange: f,
+              onRowsPerPageChange: x
             }
           ) })
-        ] })
+        ] }) })
       ]
     }
   );
 };
 export {
-  U as PaginatedList
+  xe as PaginatedList
 };