@amateescu/portal-ui-components 0.0.7-beta3 → 0.0.7-beta4

package/dist/components/CustomPagination/index.js

@@ -1,132 +1,376 @@
-import { jsx as b, jsxs as Y } from "react/jsx-runtime";
-import { _, a as l } from "../../index-kNWC7pFF.js";
-import * as D from "react";
-import { g as G, a as S, u as w, c as T, b as q, s as A, d as W, m as B, P as o } from "../../generateUtilityClasses-BzhjuzcK.js";
-import { u as Z, c as H, a as aa, L as U, F, i as M, G as ta } from "../../GridPagination-DrNedBid.js";
-import { B as oa } from "../../ButtonBase-CHdm_9Jj.js";
-function ea(a) {
-  return G("MuiPagination", a);
+import { jsxs as Q, jsx as b } from "react/jsx-runtime";
+import { GridPagination as ne } from "@mui/x-data-grid";
+import { _ as w, a as f } from "../../index-kNWC7pFF.js";
+import * as m from "react";
+import { P as t, g as U, a as D, u as F, c as O, b as W, s as B, f as V, e as S } from "../../generateUtilityClasses-DHfaG5wY.js";
+import { B as ae } from "../../ButtonBase-BGF0RYEt.js";
+function ie({
+  controlled: e,
+  default: o,
+  name: n,
+  state: a = "value"
+}) {
+  const {
+    current: i
+  } = m.useRef(e !== void 0), [l, u] = m.useState(o), s = i ? e : l;
+  if (process.env.NODE_ENV !== "production") {
+    m.useEffect(() => {
+      i !== (e !== void 0) && console.error([`MUI: A component is changing the ${i ? "" : "un"}controlled ${a} state of ${n} to be ${i ? "un" : ""}controlled.`, "Elements should not switch from uncontrolled to controlled (or vice versa).", `Decide between using a controlled or uncontrolled ${n} element for the lifetime of the component.`, "The nature of the state is determined during the first render. It's considered controlled if the value is not `undefined`.", "More info: https://fb.me/react-controlled-components"].join(`
+`));
+    }, [a, n, e]);
+    const {
+      current: c
+    } = m.useRef(o);
+    m.useEffect(() => {
+      !i && !Object.is(c, o) && console.error([`MUI: A component is changing the default ${a} state of an uncontrolled ${n} after being initialized. To suppress this warning opt to use a controlled ${n}.`].join(`
+`));
+    }, [JSON.stringify(o)]);
+  }
+  const g = m.useCallback((c) => {
+    i || u(c);
+  }, []);
+  return [s, g];
+}
+function re(e) {
+  const o = typeof e;
+  switch (o) {
+    case "number":
+      return Number.isNaN(e) ? "NaN" : Number.isFinite(e) ? e !== Math.floor(e) ? "float" : "number" : "Infinity";
+    case "object":
+      return e === null ? "null" : e.constructor.name;
+    default:
+      return o;
+  }
+}
+function se(e) {
+  return typeof e == "number" && isFinite(e) && Math.floor(e) === e;
+}
+const le = Number.isInteger || se;
+function X(e, o, n, a) {
+  const i = e[o];
+  if (i == null || !le(i)) {
+    const l = re(i);
+    return new RangeError(`Invalid ${a} \`${o}\` of type \`${l}\` supplied to \`${n}\`, expected \`integer\`.`);
+  }
+  return null;
+}
+function Y(e, o, ...n) {
+  return e[o] === void 0 ? null : X(e, o, ...n);
 }
-S("MuiPagination", ["root", "ul", "outlined", "text"]);
-const na = ["boundaryCount", "componentName", "count", "defaultPage", "disabled", "hideNextButton", "hidePrevButton", "onChange", "page", "showFirstButton", "showLastButton", "siblingCount"];
-function sa(a = {}) {
+function j() {
+  return null;
+}
+Y.isRequired = X;
+j.isRequired = j;
+const L = process.env.NODE_ENV === "production" ? j : Y, ce = /* @__PURE__ */ m.createContext();
+process.env.NODE_ENV !== "production" && (t.node, t.bool);
+const de = () => {
+  const e = m.useContext(ce);
+  return e ?? !1;
+};
+function pe(e) {
+  return U("MuiSvgIcon", e);
+}
+D("MuiSvgIcon", ["root", "colorPrimary", "colorSecondary", "colorAction", "colorError", "colorDisabled", "fontSizeInherit", "fontSizeSmall", "fontSizeMedium", "fontSizeLarge"]);
+const ue = ["children", "className", "color", "component", "fontSize", "htmlColor", "inheritViewBox", "titleAccess", "viewBox"], ge = (e) => {
   const {
-    boundaryCount: t = 1,
-    componentName: e = "usePagination",
-    count: n = 1,
-    defaultPage: c = 1,
-    disabled: p = !1,
+    color: o,
+    fontSize: n,
+    classes: a
+  } = e, i = {
+    root: ["root", o !== "inherit" && `color${O(o)}`, `fontSize${O(n)}`]
+  };
+  return W(i, pe, a);
+}, fe = B("svg", {
+  name: "MuiSvgIcon",
+  slot: "Root",
+  overridesResolver: (e, o) => {
+    const {
+      ownerState: n
+    } = e;
+    return [o.root, n.color !== "inherit" && o[`color${O(n.color)}`], o[`fontSize${O(n.fontSize)}`]];
+  }
+})(({
+  theme: e,
+  ownerState: o
+}) => {
+  var n, a, i, l, u, s, g, c, y, x, v, d, r;
+  return {
+    userSelect: "none",
+    width: "1em",
+    height: "1em",
+    display: "inline-block",
+    // the <svg> will define the property that has `currentColor`
+    // for example heroicons uses fill="none" and stroke="currentColor"
+    fill: o.hasSvgAsChild ? void 0 : "currentColor",
+    flexShrink: 0,
+    transition: (n = e.transitions) == null || (a = n.create) == null ? void 0 : a.call(n, "fill", {
+      duration: (i = e.transitions) == null || (i = i.duration) == null ? void 0 : i.shorter
+    }),
+    fontSize: {
+      inherit: "inherit",
+      small: ((l = e.typography) == null || (u = l.pxToRem) == null ? void 0 : u.call(l, 20)) || "1.25rem",
+      medium: ((s = e.typography) == null || (g = s.pxToRem) == null ? void 0 : g.call(s, 24)) || "1.5rem",
+      large: ((c = e.typography) == null || (y = c.pxToRem) == null ? void 0 : y.call(c, 35)) || "2.1875rem"
+    }[o.fontSize],
+    // TODO v5 deprecate, v6 remove for sx
+    color: (x = (v = (e.vars || e).palette) == null || (v = v[o.color]) == null ? void 0 : v.main) != null ? x : {
+      action: (d = (e.vars || e).palette) == null || (d = d.action) == null ? void 0 : d.active,
+      disabled: (r = (e.vars || e).palette) == null || (r = r.action) == null ? void 0 : r.disabled,
+      inherit: void 0
+    }[o.color]
+  };
+}), E = /* @__PURE__ */ m.forwardRef(function(o, n) {
+  const a = F({
+    props: o,
+    name: "MuiSvgIcon"
+  }), {
+    children: i,
+    className: l,
+    color: u = "inherit",
+    component: s = "svg",
+    fontSize: g = "medium",
+    htmlColor: c,
+    inheritViewBox: y = !1,
+    titleAccess: x,
+    viewBox: v = "0 0 24 24"
+  } = a, d = w(a, ue), r = /* @__PURE__ */ m.isValidElement(i) && i.type === "svg", P = f({}, a, {
+    color: u,
+    component: s,
+    fontSize: g,
+    instanceFontSize: o.fontSize,
+    inheritViewBox: y,
+    viewBox: v,
+    hasSvgAsChild: r
+  }), N = {};
+  y || (N.viewBox = v);
+  const h = ge(P);
+  return /* @__PURE__ */ Q(fe, f({
+    as: s,
+    className: V(h.root, l),
+    focusable: "false",
+    color: c,
+    "aria-hidden": x ? void 0 : !0,
+    role: x ? "img" : void 0,
+    ref: n
+  }, N, d, r && i.props, {
+    ownerState: P,
+    children: [r ? i.props.children : i, x ? /* @__PURE__ */ b("title", {
+      children: x
+    }) : null]
+  }));
+});
+process.env.NODE_ENV !== "production" && (E.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * Node passed into the SVG element.
+   */
+  children: t.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: t.object,
+  /**
+   * @ignore
+   */
+  className: t.string,
+  /**
+   * The color of the component.
+   * It supports both default and custom theme colors, which can be added as shown in the
+   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
+   * You can use the `htmlColor` prop to apply a color attribute to the SVG element.
+   * @default 'inherit'
+   */
+  color: t.oneOfType([t.oneOf(["inherit", "action", "disabled", "primary", "secondary", "error", "info", "success", "warning"]), t.string]),
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: t.elementType,
+  /**
+   * The fontSize applied to the icon. Defaults to 24px, but can be configure to inherit font size.
+   * @default 'medium'
+   */
+  fontSize: t.oneOfType([t.oneOf(["inherit", "large", "medium", "small"]), t.string]),
+  /**
+   * Applies a color attribute to the SVG element.
+   */
+  htmlColor: t.string,
+  /**
+   * If `true`, the root node will inherit the custom `component`'s viewBox and the `viewBox`
+   * prop will be ignored.
+   * Useful when you want to reference a custom `component` and have `SvgIcon` pass that
+   * `component`'s viewBox to the root node.
+   * @default false
+   */
+  inheritViewBox: t.bool,
+  /**
+   * The shape-rendering attribute. The behavior of the different options is described on the
+   * [MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/shape-rendering).
+   * If you are having issues with blurry icons you should investigate this prop.
+   */
+  shapeRendering: t.string,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: t.oneOfType([t.arrayOf(t.oneOfType([t.func, t.object, t.bool])), t.func, t.object]),
+  /**
+   * Provides a human-readable title for the element that contains it.
+   * https://www.w3.org/TR/SVG-access/#Equivalent
+   */
+  titleAccess: t.string,
+  /**
+   * Allows you to redefine what the coordinates without units mean inside an SVG element.
+   * For example, if the SVG element is 500 (width) by 200 (height),
+   * and you pass viewBox="0 0 50 20",
+   * this means that the coordinates inside the SVG will go from the top left corner (0,0)
+   * to bottom right (50,20) and each unit will be worth 10px.
+   * @default '0 0 24 24'
+   */
+  viewBox: t.string
+});
+E.muiName = "SvgIcon";
+function A(e, o) {
+  function n(a, i) {
+    return /* @__PURE__ */ b(E, f({
+      "data-testid": `${o}Icon`,
+      ref: i
+    }, a, {
+      children: e
+    }));
+  }
+  return process.env.NODE_ENV !== "production" && (n.displayName = `${o}Icon`), n.muiName = E.muiName, /* @__PURE__ */ m.memo(/* @__PURE__ */ m.forwardRef(n));
+}
+function ve(e) {
+  return U("MuiPagination", e);
+}
+D("MuiPagination", ["root", "ul", "outlined", "text"]);
+const be = ["boundaryCount", "componentName", "count", "defaultPage", "disabled", "hideNextButton", "hidePrevButton", "onChange", "page", "showFirstButton", "showLastButton", "siblingCount"];
+function ye(e = {}) {
+  const {
+    boundaryCount: o = 1,
+    componentName: n = "usePagination",
+    count: a = 1,
+    defaultPage: i = 1,
+    disabled: l = !1,
     hideNextButton: u = !1,
-    hidePrevButton: r = !1,
+    hidePrevButton: s = !1,
     onChange: g,
-    page: f,
-    showFirstButton: C = !1,
-    showLastButton: I = !1,
-    siblingCount: P = 1
-  } = a, d = _(a, na), [i, k] = Z({
-    controlled: f,
-    default: c,
-    name: e,
+    page: c,
+    showFirstButton: y = !1,
+    showLastButton: x = !1,
+    siblingCount: v = 1
+  } = e, d = w(e, be), [r, P] = ie({
+    controlled: c,
+    default: i,
+    name: n,
     state: "page"
-  }), N = (s, O) => {
-    f || k(O), g && g(s, O);
-  }, y = (s, O) => {
-    const Q = O - s + 1;
+  }), N = (p, I) => {
+    c || P(I), g && g(p, I);
+  }, h = (p, I) => {
+    const oe = I - p + 1;
     return Array.from({
-      length: Q
-    }, (xa, X) => s + X);
-  }, z = y(1, Math.min(t, n)), x = y(Math.max(n - t + 1, t + 1), n), R = Math.max(
+      length: oe
+    }, (Se, te) => p + te);
+  }, R = h(1, Math.min(o, a)), C = h(Math.max(a - o + 1, o + 1), a), M = Math.max(
     Math.min(
       // Natural start
-      i - P,
+      r - v,
       // Lower boundary when page is high
-      n - t - P * 2 - 1
+      a - o - v * 2 - 1
     ),
     // Greater than startPages
-    t + 2
-  ), $ = Math.min(
+    o + 2
+  ), T = Math.min(
     Math.max(
       // Natural end
-      i + P,
+      r + v,
       // Upper boundary when page is low
-      t + P * 2 + 2
+      o + v * 2 + 2
     ),
     // Less than endPages
-    x.length > 0 ? x[0] - 2 : n - 1
-  ), h = [
-    ...C ? ["first"] : [],
-    ...r ? [] : ["previous"],
-    ...z,
+    C.length > 0 ? C[0] - 2 : a - 1
+  ), _ = [
+    ...y ? ["first"] : [],
+    ...s ? [] : ["previous"],
+    ...R,
     // Start ellipsis
     // eslint-disable-next-line no-nested-ternary
-    ...R > t + 2 ? ["start-ellipsis"] : t + 1 < n - t ? [t + 1] : [],
+    ...M > o + 2 ? ["start-ellipsis"] : o + 1 < a - o ? [o + 1] : [],
     // Sibling pages
-    ...y(R, $),
+    ...h(M, T),
     // End ellipsis
     // eslint-disable-next-line no-nested-ternary
-    ...$ < n - t - 1 ? ["end-ellipsis"] : n - t > t ? [n - t] : [],
-    ...x,
+    ...T < a - o - 1 ? ["end-ellipsis"] : a - o > o ? [a - o] : [],
+    ...C,
     ...u ? [] : ["next"],
-    ...I ? ["last"] : []
-  ], L = (s) => {
-    switch (s) {
+    ...x ? ["last"] : []
+  ], k = (p) => {
+    switch (p) {
       case "first":
         return 1;
       case "previous":
-        return i - 1;
+        return r - 1;
       case "next":
-        return i + 1;
+        return r + 1;
       case "last":
-        return n;
+        return a;
       default:
         return null;
     }
-  }, m = h.map((s) => typeof s == "number" ? {
-    onClick: (O) => {
-      N(O, s);
+  }, z = _.map((p) => typeof p == "number" ? {
+    onClick: (I) => {
+      N(I, p);
     },
     type: "page",
-    page: s,
-    selected: s === i,
-    disabled: p,
-    "aria-current": s === i ? "true" : void 0
+    page: p,
+    selected: p === r,
+    disabled: l,
+    "aria-current": p === r ? "true" : void 0
   } : {
-    onClick: (O) => {
-      N(O, L(s));
+    onClick: (I) => {
+      N(I, k(p));
     },
-    type: s,
-    page: L(s),
+    type: p,
+    page: k(p),
     selected: !1,
-    disabled: p || s.indexOf("ellipsis") === -1 && (s === "next" || s === "last" ? i >= n : i <= 1)
+    disabled: l || p.indexOf("ellipsis") === -1 && (p === "next" || p === "last" ? r >= a : r <= 1)
   });
-  return l({
-    items: m
+  return f({
+    items: z
   }, d);
 }
-function ia(a) {
-  return G("MuiPaginationItem", a);
+function me(e) {
+  return U("MuiPaginationItem", e);
 }
-const v = S("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "text", "textPrimary", "textSecondary", "outlined", "outlinedPrimary", "outlinedSecondary", "rounded", "ellipsis", "firstLast", "previousNext", "focusVisible", "disabled", "selected", "icon", "colorPrimary", "colorSecondary"]), V = H(/* @__PURE__ */ b("path", {
+const $ = D("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "text", "textPrimary", "textSecondary", "outlined", "outlinedPrimary", "outlinedSecondary", "rounded", "ellipsis", "firstLast", "previousNext", "focusVisible", "disabled", "selected", "icon", "colorPrimary", "colorSecondary"]), q = A(/* @__PURE__ */ b("path", {
+  d: "M18.41 16.59L13.82 12l4.59-4.59L17 6l-6 6 6 6zM6 6h2v12H6z"
+}), "FirstPage"), H = A(/* @__PURE__ */ b("path", {
+  d: "M5.59 7.41L10.18 12l-4.59 4.59L7 18l6-6-6-6zM16 6h2v12h-2z"
+}), "LastPage"), J = A(/* @__PURE__ */ b("path", {
   d: "M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"
-}), "NavigateBefore"), E = H(/* @__PURE__ */ b("path", {
+}), "NavigateBefore"), K = A(/* @__PURE__ */ b("path", {
   d: "M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"
-}), "NavigateNext"), ra = ["className", "color", "component", "components", "disabled", "page", "selected", "shape", "size", "slots", "type", "variant"], J = (a, t) => {
+}), "NavigateNext"), xe = ["className", "color", "component", "components", "disabled", "page", "selected", "shape", "size", "slots", "type", "variant"], Z = (e, o) => {
   const {
-    ownerState: e
-  } = a;
-  return [t.root, t[e.variant], t[`size${T(e.size)}`], e.variant === "text" && t[`text${T(e.color)}`], e.variant === "outlined" && t[`outlined${T(e.color)}`], e.shape === "rounded" && t.rounded, e.type === "page" && t.page, (e.type === "start-ellipsis" || e.type === "end-ellipsis") && t.ellipsis, (e.type === "previous" || e.type === "next") && t.previousNext, (e.type === "first" || e.type === "last") && t.firstLast];
-}, la = (a) => {
+    ownerState: n
+  } = e;
+  return [o.root, o[n.variant], o[`size${O(n.size)}`], n.variant === "text" && o[`text${O(n.color)}`], n.variant === "outlined" && o[`outlined${O(n.color)}`], n.shape === "rounded" && o.rounded, n.type === "page" && o.page, (n.type === "start-ellipsis" || n.type === "end-ellipsis") && o.ellipsis, (n.type === "previous" || n.type === "next") && o.previousNext, (n.type === "first" || n.type === "last") && o.firstLast];
+}, he = (e) => {
   const {
-    classes: t,
-    color: e,
-    disabled: n,
-    selected: c,
-    size: p,
+    classes: o,
+    color: n,
+    disabled: a,
+    selected: i,
+    size: l,
     shape: u,
-    type: r,
+    type: s,
     variant: g
-  } = a, f = {
-    root: ["root", `size${T(p)}`, g, u, e !== "standard" && `color${T(e)}`, e !== "standard" && `${g}${T(e)}`, n && "disabled", c && "selected", {
+  } = e, c = {
+    root: ["root", `size${O(l)}`, g, u, n !== "standard" && `color${O(n)}`, n !== "standard" && `${g}${O(n)}`, a && "disabled", i && "selected", {
       page: "page",
       first: "firstLast",
       last: "firstLast",
@@ -134,47 +378,47 @@ const v = S("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "tex
       "end-ellipsis": "ellipsis",
       previous: "previousNext",
       next: "previousNext"
-    }[r]],
+    }[s]],
     icon: ["icon"]
   };
-  return q(f, ia, t);
-}, ca = A("div", {
+  return W(c, me, o);
+}, $e = B("div", {
   name: "MuiPaginationItem",
   slot: "Root",
-  overridesResolver: J
+  overridesResolver: Z
 })(({
-  theme: a,
-  ownerState: t
-}) => l({}, a.typography.body2, {
+  theme: e,
+  ownerState: o
+}) => f({}, e.typography.body2, {
   borderRadius: 32 / 2,
   textAlign: "center",
   boxSizing: "border-box",
   minWidth: 32,
   padding: "0 6px",
   margin: "0 3px",
-  color: (a.vars || a).palette.text.primary,
+  color: (e.vars || e).palette.text.primary,
   height: "auto",
-  [`&.${v.disabled}`]: {
-    opacity: (a.vars || a).palette.action.disabledOpacity
+  [`&.${$.disabled}`]: {
+    opacity: (e.vars || e).palette.action.disabledOpacity
   }
-}, t.size === "small" && {
+}, o.size === "small" && {
   minWidth: 26,
   borderRadius: 26 / 2,
   margin: "0 1px",
   padding: "0 4px"
-}, t.size === "large" && {
+}, o.size === "large" && {
   minWidth: 40,
   borderRadius: 40 / 2,
   padding: "0 10px",
-  fontSize: a.typography.pxToRem(15)
-})), pa = A(oa, {
+  fontSize: e.typography.pxToRem(15)
+})), Ce = B(ae, {
   name: "MuiPaginationItem",
   slot: "Root",
-  overridesResolver: J
+  overridesResolver: Z
 })(({
-  theme: a,
-  ownerState: t
-}) => l({}, a.typography.body2, {
+  theme: e,
+  ownerState: o
+}) => f({}, e.typography.body2, {
   borderRadius: 32 / 2,
   textAlign: "center",
   boxSizing: "border-box",
@@ -182,169 +426,169 @@ const v = S("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "tex
   height: 32,
   padding: "0 6px",
   margin: "0 3px",
-  color: (a.vars || a).palette.text.primary,
-  [`&.${v.focusVisible}`]: {
-    backgroundColor: (a.vars || a).palette.action.focus
+  color: (e.vars || e).palette.text.primary,
+  [`&.${$.focusVisible}`]: {
+    backgroundColor: (e.vars || e).palette.action.focus
   },
-  [`&.${v.disabled}`]: {
-    opacity: (a.vars || a).palette.action.disabledOpacity
+  [`&.${$.disabled}`]: {
+    opacity: (e.vars || e).palette.action.disabledOpacity
   },
-  transition: a.transitions.create(["color", "background-color"], {
-    duration: a.transitions.duration.short
+  transition: e.transitions.create(["color", "background-color"], {
+    duration: e.transitions.duration.short
   }),
   "&:hover": {
-    backgroundColor: (a.vars || a).palette.action.hover,
+    backgroundColor: (e.vars || e).palette.action.hover,
     // Reset on touch devices, it doesn't add specificity
     "@media (hover: none)": {
       backgroundColor: "transparent"
     }
   },
-  [`&.${v.selected}`]: {
-    backgroundColor: (a.vars || a).palette.action.selected,
+  [`&.${$.selected}`]: {
+    backgroundColor: (e.vars || e).palette.action.selected,
     "&:hover": {
-      backgroundColor: a.vars ? `rgba(${a.vars.palette.action.selectedChannel} / calc(${a.vars.palette.action.selectedOpacity} + ${a.vars.palette.action.hoverOpacity}))` : B(a.palette.action.selected, a.palette.action.selectedOpacity + a.palette.action.hoverOpacity),
+      backgroundColor: e.vars ? `rgba(${e.vars.palette.action.selectedChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.hoverOpacity}))` : S(e.palette.action.selected, e.palette.action.selectedOpacity + e.palette.action.hoverOpacity),
       // Reset on touch devices, it doesn't add specificity
       "@media (hover: none)": {
-        backgroundColor: (a.vars || a).palette.action.selected
+        backgroundColor: (e.vars || e).palette.action.selected
       }
     },
-    [`&.${v.focusVisible}`]: {
-      backgroundColor: a.vars ? `rgba(${a.vars.palette.action.selectedChannel} / calc(${a.vars.palette.action.selectedOpacity} + ${a.vars.palette.action.focusOpacity}))` : B(a.palette.action.selected, a.palette.action.selectedOpacity + a.palette.action.focusOpacity)
+    [`&.${$.focusVisible}`]: {
+      backgroundColor: e.vars ? `rgba(${e.vars.palette.action.selectedChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.focusOpacity}))` : S(e.palette.action.selected, e.palette.action.selectedOpacity + e.palette.action.focusOpacity)
     },
-    [`&.${v.disabled}`]: {
+    [`&.${$.disabled}`]: {
       opacity: 1,
-      color: (a.vars || a).palette.action.disabled,
-      backgroundColor: (a.vars || a).palette.action.selected
+      color: (e.vars || e).palette.action.disabled,
+      backgroundColor: (e.vars || e).palette.action.selected
     }
   }
-}, t.size === "small" && {
+}, o.size === "small" && {
   minWidth: 26,
   height: 26,
   borderRadius: 26 / 2,
   margin: "0 1px",
   padding: "0 4px"
-}, t.size === "large" && {
+}, o.size === "large" && {
   minWidth: 40,
   height: 40,
   borderRadius: 40 / 2,
   padding: "0 10px",
-  fontSize: a.typography.pxToRem(15)
-}, t.shape === "rounded" && {
-  borderRadius: (a.vars || a).shape.borderRadius
+  fontSize: e.typography.pxToRem(15)
+}, o.shape === "rounded" && {
+  borderRadius: (e.vars || e).shape.borderRadius
 }), ({
-  theme: a,
-  ownerState: t
-}) => l({}, t.variant === "text" && {
-  [`&.${v.selected}`]: l({}, t.color !== "standard" && {
-    color: (a.vars || a).palette[t.color].contrastText,
-    backgroundColor: (a.vars || a).palette[t.color].main,
+  theme: e,
+  ownerState: o
+}) => f({}, o.variant === "text" && {
+  [`&.${$.selected}`]: f({}, o.color !== "standard" && {
+    color: (e.vars || e).palette[o.color].contrastText,
+    backgroundColor: (e.vars || e).palette[o.color].main,
     "&:hover": {
-      backgroundColor: (a.vars || a).palette[t.color].dark,
+      backgroundColor: (e.vars || e).palette[o.color].dark,
       // Reset on touch devices, it doesn't add specificity
       "@media (hover: none)": {
-        backgroundColor: (a.vars || a).palette[t.color].main
+        backgroundColor: (e.vars || e).palette[o.color].main
       }
     },
-    [`&.${v.focusVisible}`]: {
-      backgroundColor: (a.vars || a).palette[t.color].dark
+    [`&.${$.focusVisible}`]: {
+      backgroundColor: (e.vars || e).palette[o.color].dark
     }
   }, {
-    [`&.${v.disabled}`]: {
-      color: (a.vars || a).palette.action.disabled
+    [`&.${$.disabled}`]: {
+      color: (e.vars || e).palette.action.disabled
     }
   })
-}, t.variant === "outlined" && {
-  border: a.vars ? `1px solid rgba(${a.vars.palette.common.onBackgroundChannel} / 0.23)` : `1px solid ${a.palette.mode === "light" ? "rgba(0, 0, 0, 0.23)" : "rgba(255, 255, 255, 0.23)"}`,
-  [`&.${v.selected}`]: l({}, t.color !== "standard" && {
-    color: (a.vars || a).palette[t.color].main,
-    border: `1px solid ${a.vars ? `rgba(${a.vars.palette[t.color].mainChannel} / 0.5)` : B(a.palette[t.color].main, 0.5)}`,
-    backgroundColor: a.vars ? `rgba(${a.vars.palette[t.color].mainChannel} / ${a.vars.palette.action.activatedOpacity})` : B(a.palette[t.color].main, a.palette.action.activatedOpacity),
+}, o.variant === "outlined" && {
+  border: e.vars ? `1px solid rgba(${e.vars.palette.common.onBackgroundChannel} / 0.23)` : `1px solid ${e.palette.mode === "light" ? "rgba(0, 0, 0, 0.23)" : "rgba(255, 255, 255, 0.23)"}`,
+  [`&.${$.selected}`]: f({}, o.color !== "standard" && {
+    color: (e.vars || e).palette[o.color].main,
+    border: `1px solid ${e.vars ? `rgba(${e.vars.palette[o.color].mainChannel} / 0.5)` : S(e.palette[o.color].main, 0.5)}`,
+    backgroundColor: e.vars ? `rgba(${e.vars.palette[o.color].mainChannel} / ${e.vars.palette.action.activatedOpacity})` : S(e.palette[o.color].main, e.palette.action.activatedOpacity),
     "&:hover": {
-      backgroundColor: a.vars ? `rgba(${a.vars.palette[t.color].mainChannel} / calc(${a.vars.palette.action.activatedOpacity} + ${a.vars.palette.action.focusOpacity}))` : B(a.palette[t.color].main, a.palette.action.activatedOpacity + a.palette.action.focusOpacity),
+      backgroundColor: e.vars ? `rgba(${e.vars.palette[o.color].mainChannel} / calc(${e.vars.palette.action.activatedOpacity} + ${e.vars.palette.action.focusOpacity}))` : S(e.palette[o.color].main, e.palette.action.activatedOpacity + e.palette.action.focusOpacity),
       // Reset on touch devices, it doesn't add specificity
       "@media (hover: none)": {
         backgroundColor: "transparent"
       }
     },
-    [`&.${v.focusVisible}`]: {
-      backgroundColor: a.vars ? `rgba(${a.vars.palette[t.color].mainChannel} / calc(${a.vars.palette.action.activatedOpacity} + ${a.vars.palette.action.focusOpacity}))` : B(a.palette[t.color].main, a.palette.action.activatedOpacity + a.palette.action.focusOpacity)
+    [`&.${$.focusVisible}`]: {
+      backgroundColor: e.vars ? `rgba(${e.vars.palette[o.color].mainChannel} / calc(${e.vars.palette.action.activatedOpacity} + ${e.vars.palette.action.focusOpacity}))` : S(e.palette[o.color].main, e.palette.action.activatedOpacity + e.palette.action.focusOpacity)
     }
   }, {
-    [`&.${v.disabled}`]: {
-      borderColor: (a.vars || a).palette.action.disabledBackground,
-      color: (a.vars || a).palette.action.disabled
+    [`&.${$.disabled}`]: {
+      borderColor: (e.vars || e).palette.action.disabledBackground,
+      color: (e.vars || e).palette.action.disabled
     }
   })
-})), da = A("div", {
+})), Oe = B("div", {
   name: "MuiPaginationItem",
   slot: "Icon",
-  overridesResolver: (a, t) => t.icon
+  overridesResolver: (e, o) => o.icon
 })(({
-  theme: a,
-  ownerState: t
-}) => l({
-  fontSize: a.typography.pxToRem(20),
+  theme: e,
+  ownerState: o
+}) => f({
+  fontSize: e.typography.pxToRem(20),
   margin: "0 -8px"
-}, t.size === "small" && {
-  fontSize: a.typography.pxToRem(18)
-}, t.size === "large" && {
-  fontSize: a.typography.pxToRem(22)
-})), j = /* @__PURE__ */ D.forwardRef(function(t, e) {
-  const n = w({
-    props: t,
+}, o.size === "small" && {
+  fontSize: e.typography.pxToRem(18)
+}, o.size === "large" && {
+  fontSize: e.typography.pxToRem(22)
+})), G = /* @__PURE__ */ m.forwardRef(function(o, n) {
+  const a = F({
+    props: o,
     name: "MuiPaginationItem"
   }), {
-    className: c,
-    color: p = "standard",
+    className: i,
+    color: l = "standard",
     component: u,
-    components: r = {},
+    components: s = {},
     disabled: g = !1,
-    page: f,
-    selected: C = !1,
-    shape: I = "circular",
-    size: P = "medium",
+    page: c,
+    selected: y = !1,
+    shape: x = "circular",
+    size: v = "medium",
     slots: d = {},
-    type: i = "page",
-    variant: k = "text"
-  } = n, N = _(n, ra), y = l({}, n, {
-    color: p,
+    type: r = "page",
+    variant: P = "text"
+  } = a, N = w(a, xe), h = f({}, a, {
+    color: l,
     disabled: g,
-    selected: C,
-    shape: I,
-    size: P,
-    type: i,
-    variant: k
-  }), z = aa(), x = la(y), $ = (z ? {
-    previous: d.next || r.next || E,
-    next: d.previous || r.previous || V,
-    last: d.first || r.first || F,
-    first: d.last || r.last || U
+    selected: y,
+    shape: x,
+    size: v,
+    type: r,
+    variant: P
+  }), R = de(), C = he(h), T = (R ? {
+    previous: d.next || s.next || K,
+    next: d.previous || s.previous || J,
+    last: d.first || s.first || q,
+    first: d.last || s.last || H
   } : {
-    previous: d.previous || r.previous || V,
-    next: d.next || r.next || E,
-    first: d.first || r.first || F,
-    last: d.last || r.last || U
-  })[i];
-  return i === "start-ellipsis" || i === "end-ellipsis" ? /* @__PURE__ */ b(ca, {
-    ref: e,
-    ownerState: y,
-    className: W(x.root, c),
+    previous: d.previous || s.previous || J,
+    next: d.next || s.next || K,
+    first: d.first || s.first || q,
+    last: d.last || s.last || H
+  })[r];
+  return r === "start-ellipsis" || r === "end-ellipsis" ? /* @__PURE__ */ b($e, {
+    ref: n,
+    ownerState: h,
+    className: V(C.root, i),
     children: "…"
-  }) : /* @__PURE__ */ Y(pa, l({
-    ref: e,
-    ownerState: y,
+  }) : /* @__PURE__ */ Q(Ce, f({
+    ref: n,
+    ownerState: h,
     component: u,
     disabled: g,
-    className: W(x.root, c)
+    className: V(C.root, i)
   }, N, {
-    children: [i === "page" && f, $ ? /* @__PURE__ */ b(da, {
-      as: $,
-      ownerState: y,
-      className: x.icon
+    children: [r === "page" && c, T ? /* @__PURE__ */ b(Oe, {
+      as: T,
+      ownerState: h,
+      className: C.icon
     }) : null]
   }));
 });
-process.env.NODE_ENV !== "production" && (j.propTypes = {
+process.env.NODE_ENV !== "production" && (G.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -352,27 +596,27 @@ process.env.NODE_ENV !== "production" && (j.propTypes = {
   /**
    * @ignore
    */
-  children: o.node,
+  children: t.node,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: o.object,
+  classes: t.object,
   /**
    * @ignore
    */
-  className: o.string,
+  className: t.string,
   /**
    * The active color.
    * It supports both default and custom theme colors, which can be added as shown in the
    * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
    * @default 'standard'
    */
-  color: o.oneOfType([o.oneOf(["primary", "secondary", "standard"]), o.string]),
+  color: t.oneOfType([t.oneOf(["primary", "secondary", "standard"]), t.string]),
   /**
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
-  component: o.elementType,
+  component: t.elementType,
   /**
    * The components used for each slot inside.
    *
@@ -381,36 +625,36 @@ process.env.NODE_ENV !== "production" && (j.propTypes = {
    *
    * @default {}
    */
-  components: o.shape({
-    first: o.elementType,
-    last: o.elementType,
-    next: o.elementType,
-    previous: o.elementType
+  components: t.shape({
+    first: t.elementType,
+    last: t.elementType,
+    next: t.elementType,
+    previous: t.elementType
   }),
   /**
    * If `true`, the component is disabled.
    * @default false
    */
-  disabled: o.bool,
+  disabled: t.bool,
   /**
    * The current page number.
    */
-  page: o.node,
+  page: t.node,
   /**
    * If `true` the pagination item is selected.
    * @default false
    */
-  selected: o.bool,
+  selected: t.bool,
   /**
    * The shape of the pagination item.
    * @default 'circular'
    */
-  shape: o.oneOf(["circular", "rounded"]),
+  shape: t.oneOf(["circular", "rounded"]),
   /**
    * The size of the component.
    * @default 'medium'
    */
-  size: o.oneOfType([o.oneOf(["small", "medium", "large"]), o.string]),
+  size: t.oneOfType([t.oneOf(["small", "medium", "large"]), t.string]),
   /**
    * The components used for each slot inside.
    *
@@ -418,49 +662,49 @@ process.env.NODE_ENV !== "production" && (j.propTypes = {
    *
    * @default {}
    */
-  slots: o.shape({
-    first: o.elementType,
-    last: o.elementType,
-    next: o.elementType,
-    previous: o.elementType
+  slots: t.shape({
+    first: t.elementType,
+    last: t.elementType,
+    next: t.elementType,
+    previous: t.elementType
   }),
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object]),
+  sx: t.oneOfType([t.arrayOf(t.oneOfType([t.func, t.object, t.bool])), t.func, t.object]),
   /**
    * The type of pagination item.
    * @default 'page'
    */
-  type: o.oneOf(["end-ellipsis", "first", "last", "next", "page", "previous", "start-ellipsis"]),
+  type: t.oneOf(["end-ellipsis", "first", "last", "next", "page", "previous", "start-ellipsis"]),
   /**
    * The variant to use.
    * @default 'text'
    */
-  variant: o.oneOfType([o.oneOf(["outlined", "text"]), o.string])
+  variant: t.oneOfType([t.oneOf(["outlined", "text"]), t.string])
 });
-const ua = ["boundaryCount", "className", "color", "count", "defaultPage", "disabled", "getItemAriaLabel", "hideNextButton", "hidePrevButton", "onChange", "page", "renderItem", "shape", "showFirstButton", "showLastButton", "siblingCount", "size", "variant"], ga = (a) => {
+const Ne = ["boundaryCount", "className", "color", "count", "defaultPage", "disabled", "getItemAriaLabel", "hideNextButton", "hidePrevButton", "onChange", "page", "renderItem", "shape", "showFirstButton", "showLastButton", "siblingCount", "size", "variant"], Pe = (e) => {
   const {
-    classes: t,
-    variant: e
-  } = a;
-  return q({
-    root: ["root", e],
+    classes: o,
+    variant: n
+  } = e;
+  return W({
+    root: ["root", n],
     ul: ["ul"]
-  }, ea, t);
-}, fa = A("nav", {
+  }, ve, o);
+}, ze = B("nav", {
   name: "MuiPagination",
   slot: "Root",
-  overridesResolver: (a, t) => {
+  overridesResolver: (e, o) => {
     const {
-      ownerState: e
-    } = a;
-    return [t.root, t[e.variant]];
+      ownerState: n
+    } = e;
+    return [o.root, o[n.variant]];
   }
-})({}), va = A("ul", {
+})({}), Ie = B("ul", {
   name: "MuiPagination",
   slot: "Ul",
-  overridesResolver: (a, t) => t.ul
+  overridesResolver: (e, o) => o.ul
 })({
   display: "flex",
   flexWrap: "wrap",
@@ -469,73 +713,73 @@ const ua = ["boundaryCount", "className", "color", "count", "defaultPage", "disa
   margin: 0,
   listStyle: "none"
 });
-function ba(a, t, e) {
-  return a === "page" ? `${e ? "" : "Go to "}page ${t}` : `Go to ${a} page`;
+function Te(e, o, n) {
+  return e === "page" ? `${n ? "" : "Go to "}page ${o}` : `Go to ${e} page`;
 }
-const K = /* @__PURE__ */ D.forwardRef(function(t, e) {
-  const n = w({
-    props: t,
+const ee = /* @__PURE__ */ m.forwardRef(function(o, n) {
+  const a = F({
+    props: o,
     name: "MuiPagination"
   }), {
-    boundaryCount: c = 1,
-    className: p,
+    boundaryCount: i = 1,
+    className: l,
     color: u = "standard",
-    count: r = 1,
+    count: s = 1,
     defaultPage: g = 1,
-    disabled: f = !1,
-    getItemAriaLabel: C = ba,
-    hideNextButton: I = !1,
-    hidePrevButton: P = !1,
-    renderItem: d = (m) => /* @__PURE__ */ b(j, l({}, m)),
-    shape: i = "circular",
-    showFirstButton: k = !1,
+    disabled: c = !1,
+    getItemAriaLabel: y = Te,
+    hideNextButton: x = !1,
+    hidePrevButton: v = !1,
+    renderItem: d = (z) => /* @__PURE__ */ b(G, f({}, z)),
+    shape: r = "circular",
+    showFirstButton: P = !1,
     showLastButton: N = !1,
-    siblingCount: y = 1,
-    size: z = "medium",
-    variant: x = "text"
-  } = n, R = _(n, ua), {
-    items: $
-  } = sa(l({}, n, {
+    siblingCount: h = 1,
+    size: R = "medium",
+    variant: C = "text"
+  } = a, M = w(a, Ne), {
+    items: T
+  } = ye(f({}, a, {
     componentName: "Pagination"
-  })), h = l({}, n, {
-    boundaryCount: c,
+  })), _ = f({}, a, {
+    boundaryCount: i,
     color: u,
-    count: r,
+    count: s,
     defaultPage: g,
-    disabled: f,
-    getItemAriaLabel: C,
-    hideNextButton: I,
-    hidePrevButton: P,
+    disabled: c,
+    getItemAriaLabel: y,
+    hideNextButton: x,
+    hidePrevButton: v,
     renderItem: d,
-    shape: i,
-    showFirstButton: k,
+    shape: r,
+    showFirstButton: P,
     showLastButton: N,
-    siblingCount: y,
-    size: z,
-    variant: x
-  }), L = ga(h);
-  return /* @__PURE__ */ b(fa, l({
+    siblingCount: h,
+    size: R,
+    variant: C
+  }), k = Pe(_);
+  return /* @__PURE__ */ b(ze, f({
     "aria-label": "pagination navigation",
-    className: W(L.root, p),
-    ownerState: h,
-    ref: e
-  }, R, {
-    children: /* @__PURE__ */ b(va, {
-      className: L.ul,
-      ownerState: h,
-      children: $.map((m, s) => /* @__PURE__ */ b("li", {
-        children: d(l({}, m, {
+    className: V(k.root, l),
+    ownerState: _,
+    ref: n
+  }, M, {
+    children: /* @__PURE__ */ b(Ie, {
+      className: k.ul,
+      ownerState: _,
+      children: T.map((z, p) => /* @__PURE__ */ b("li", {
+        children: d(f({}, z, {
           color: u,
-          "aria-label": C(m.type, m.page, m.selected),
-          shape: i,
-          size: z,
-          variant: x
+          "aria-label": y(z.type, z.page, z.selected),
+          shape: r,
+          size: R,
+          variant: C
         }))
-      }, s))
+      }, p))
     })
   }));
 });
-process.env.NODE_ENV !== "production" && (K.propTypes = {
+process.env.NODE_ENV !== "production" && (ee.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -544,37 +788,37 @@ process.env.NODE_ENV !== "production" && (K.propTypes = {
    * Number of always visible pages at the beginning and end.
    * @default 1
    */
-  boundaryCount: M,
+  boundaryCount: L,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: o.object,
+  classes: t.object,
   /**
    * @ignore
    */
-  className: o.string,
+  className: t.string,
   /**
    * The active color.
    * It supports both default and custom theme colors, which can be added as shown in the
    * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
    * @default 'standard'
    */
-  color: o.oneOfType([o.oneOf(["primary", "secondary", "standard"]), o.string]),
+  color: t.oneOfType([t.oneOf(["primary", "secondary", "standard"]), t.string]),
   /**
    * The total number of pages.
    * @default 1
    */
-  count: M,
+  count: L,
   /**
    * The page selected by default when the component is uncontrolled.
    * @default 1
    */
-  defaultPage: M,
+  defaultPage: L,
   /**
    * If `true`, the component is disabled.
    * @default false
    */
-  disabled: o.bool,
+  disabled: t.bool,
   /**
    * Accepts a function which returns a string value that provides a user-friendly name for the current page.
    * This is important for screen reader users.
@@ -585,99 +829,99 @@ process.env.NODE_ENV !== "production" && (K.propTypes = {
    * @param {bool} selected If true, the current page is selected.
    * @returns {string}
    */
-  getItemAriaLabel: o.func,
+  getItemAriaLabel: t.func,
   /**
    * If `true`, hide the next-page button.
    * @default false
    */
-  hideNextButton: o.bool,
+  hideNextButton: t.bool,
   /**
    * If `true`, hide the previous-page button.
    * @default false
    */
-  hidePrevButton: o.bool,
+  hidePrevButton: t.bool,
   /**
    * Callback fired when the page is changed.
    *
    * @param {React.ChangeEvent<unknown>} event The event source of the callback.
    * @param {number} page The page selected.
    */
-  onChange: o.func,
+  onChange: t.func,
   /**
    * The current page. Unlike `TablePagination`, which starts numbering from `0`, this pagination starts from `1`.
    */
-  page: M,
+  page: L,
   /**
    * Render the item.
    * @param {PaginationRenderItemParams} params The props to spread on a PaginationItem.
    * @returns {ReactNode}
    * @default (item) => <PaginationItem {...item} />
    */
-  renderItem: o.func,
+  renderItem: t.func,
   /**
    * The shape of the pagination items.
    * @default 'circular'
    */
-  shape: o.oneOf(["circular", "rounded"]),
+  shape: t.oneOf(["circular", "rounded"]),
   /**
    * If `true`, show the first-page button.
    * @default false
    */
-  showFirstButton: o.bool,
+  showFirstButton: t.bool,
   /**
    * If `true`, show the last-page button.
    * @default false
    */
-  showLastButton: o.bool,
+  showLastButton: t.bool,
   /**
    * Number of always visible pages before and after the current page.
    * @default 1
    */
-  siblingCount: M,
+  siblingCount: L,
   /**
    * The size of the component.
    * @default 'medium'
    */
-  size: o.oneOfType([o.oneOf(["small", "medium", "large"]), o.string]),
+  size: t.oneOfType([t.oneOf(["small", "medium", "large"]), t.string]),
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object]),
+  sx: t.oneOfType([t.arrayOf(t.oneOfType([t.func, t.object, t.bool])), t.func, t.object]),
   /**
    * The variant to use.
    * @default 'text'
    */
-  variant: o.oneOfType([o.oneOf(["outlined", "text"]), o.string])
+  variant: t.oneOfType([t.oneOf(["outlined", "text"]), t.string])
 });
-function ya({
-  isRtl: a,
-  pageCount: t,
-  arrowFirstIcon: e,
-  arrowLastIcon: n,
-  nextIcon: c,
-  previousIcon: p,
+function Re({
+  isRtl: e,
+  pageCount: o,
+  arrowFirstIcon: n,
+  arrowLastIcon: a,
+  nextIcon: i,
+  previousIcon: l,
   page: u,
-  onPageChange: r,
+  onPageChange: s,
   className: g
 }) {
   return /* @__PURE__ */ b(
-    K,
+    ee,
     {
       showFirstButton: !0,
       showLastButton: !0,
       className: g,
-      count: t,
+      count: o,
       page: u + 1,
-      onChange: (f, C) => {
-        r(f, C - 1);
+      onChange: (c, y) => {
+        s(c, y - 1);
       },
       boundaryCount: 0,
       siblingCount: 1,
-      renderItem: (f) => /* @__PURE__ */ b(
-        j,
+      renderItem: (c) => /* @__PURE__ */ b(
+        G,
         {
-          slots: { previous: a ? c : p, next: a ? p : c, first: a ? n : e, last: a ? e : n },
-          ...f
+          slots: { previous: e ? i : l, next: e ? l : i, first: e ? a : n, last: e ? n : a },
+          ...c
         }
       ),
       sx: {
@@ -696,9 +940,9 @@ function ya({
     }
   );
 }
-function Na({ isRtl: a, pageCount: t, arrowFirstIcon: e, arrowLastIcon: n, nextIcon: c, previousIcon: p }) {
-  return /* @__PURE__ */ b(ta, { ActionsComponent: (u) => /* @__PURE__ */ b(ya, { isRtl: a, pageCount: t, arrowFirstIcon: e, arrowLastIcon: n, nextIcon: c, previousIcon: p, ...u }) });
+function Ve({ isRtl: e, pageCount: o, arrowFirstIcon: n, arrowLastIcon: a, nextIcon: i, previousIcon: l }) {
+  return /* @__PURE__ */ b(ne, { ActionsComponent: (u) => /* @__PURE__ */ b(Re, { isRtl: e, pageCount: o, arrowFirstIcon: n, arrowLastIcon: a, nextIcon: i, previousIcon: l, ...u }) });
 }
 export {
-  Na as CustomPagination
+  Ve as CustomPagination
 };