jcicl 0.0.227 → 0.0.229

package/Pagination/Pagination.js

@@ -1,20 +1,21 @@
 import { jsx as d, jsxs as Z } from "react/jsx-runtime";
-import { n as aa } from "../.chunks/emotion-styled.browser.esm.js";
-import { c as ta } from "../.chunks/emotion-react.browser.esm.js";
+import { n as tt } from "../.chunks/emotion-styled.browser.esm.js";
+import { c as at } from "../.chunks/emotion-react.browser.esm.js";
 import * as G from "react";
-import { a as _, g as H, s as B, e as N, u as q, b as U, P as t, c as I, d as J } from "../.chunks/DefaultPropsProvider.js";
-import { u as ea } from "../.chunks/useControlled.js";
-import { u as j, i as w } from "../.chunks/useSlot.js";
-import { u as oa } from "../.chunks/index.js";
+import { a as _, g as H, s as B, e as N, u as q, b as U, P as a, c as I, d as J } from "../.chunks/DefaultPropsProvider.js";
+import { u as et } from "../.chunks/useControlled.js";
+import { i as w } from "../.chunks/integerPropType.js";
+import { u as ot } from "../.chunks/index.js";
 import { c as D } from "../.chunks/createSimplePaletteValueFilter.js";
 import { c as h } from "../.chunks/createSvgIcon.js";
+import { u as j } from "../.chunks/useSlot.js";
 import { m as V } from "../.chunks/memoTheme.js";
-import { B as sa } from "../.chunks/ButtonBase.js";
-function na(a) {
-  return H("MuiPagination", a);
+import { B as st } from "../.chunks/ButtonBase.js";
+function nt(t) {
+  return H("MuiPagination", t);
 }
 _("MuiPagination", ["root", "ul", "outlined", "text"]);
-function ia(a = {}) {
+function it(t = {}) {
   const {
     boundaryCount: e = 1,
     componentName: o = "usePagination",
@@ -29,7 +30,7 @@ function ia(a = {}) {
     showLastButton: R = !1,
     siblingCount: m = 1,
     ...O
-  } = a, [l, p] = ea({
+  } = t, [l, p] = et({
     controlled: P,
     default: y,
     name: o,
@@ -110,23 +111,23 @@ function ia(a = {}) {
     ...O
   };
 }
-function ra(a) {
-  return H("MuiPaginationItem", a);
+function rt(t) {
+  return H("MuiPaginationItem", t);
 }
-const r = _("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "text", "textPrimary", "textSecondary", "outlined", "outlinedPrimary", "outlinedSecondary", "rounded", "ellipsis", "firstLast", "previousNext", "focusVisible", "disabled", "selected", "icon", "colorPrimary", "colorSecondary"]), la = h(/* @__PURE__ */ d("path", {
+const r = _("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "text", "textPrimary", "textSecondary", "outlined", "outlinedPrimary", "outlinedSecondary", "rounded", "ellipsis", "firstLast", "previousNext", "focusVisible", "disabled", "selected", "icon", "colorPrimary", "colorSecondary"]), lt = h(/* @__PURE__ */ d("path", {
   d: "M18.41 16.59L13.82 12l4.59-4.59L17 6l-6 6 6 6zM6 6h2v12H6z"
-}), "FirstPage"), pa = h(/* @__PURE__ */ d("path", {
+}), "FirstPage"), pt = h(/* @__PURE__ */ d("path", {
   d: "M5.59 7.41L10.18 12l-4.59 4.59L7 18l6-6-6-6zM16 6h2v12h-2z"
-}), "LastPage"), ca = h(/* @__PURE__ */ d("path", {
+}), "LastPage"), ct = h(/* @__PURE__ */ d("path", {
   d: "M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"
-}), "NavigateBefore"), da = h(/* @__PURE__ */ d("path", {
+}), "NavigateBefore"), dt = h(/* @__PURE__ */ d("path", {
   d: "M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"
-}), "NavigateNext"), K = (a, e) => {
+}), "NavigateNext"), K = (t, e) => {
   const {
     ownerState: o
-  } = a;
+  } = t;
   return [e.root, e[o.variant], e[`size${I(o.size)}`], o.variant === "text" && e[`text${I(o.color)}`], o.variant === "outlined" && e[`outlined${I(o.color)}`], o.shape === "rounded" && e.rounded, o.type === "page" && e.page, (o.type === "start-ellipsis" || o.type === "end-ellipsis") && e.ellipsis, (o.type === "previous" || o.type === "next") && e.previousNext, (o.type === "first" || o.type === "last") && e.firstLast];
-}, ua = (a) => {
+}, ut = (t) => {
   const {
     classes: e,
     color: o,
@@ -136,7 +137,7 @@ const r = _("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "tex
     shape: x,
     type: u,
     variant: g
-  } = a, P = {
+  } = t, P = {
     root: ["root", `size${I(b)}`, g, x, o !== "standard" && `color${I(o)}`, o !== "standard" && `${g}${I(o)}`, n && "disabled", y && "selected", {
       page: "page",
       first: "firstLast",
@@ -148,25 +149,25 @@ const r = _("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "tex
     }[u]],
     icon: ["icon"]
   };
-  return J(P, ra, e);
-}, ga = B("div", {
+  return J(P, rt, e);
+}, gt = B("div", {
   name: "MuiPaginationItem",
   slot: "Root",
   overridesResolver: K
 })(V(({
-  theme: a
+  theme: t
 }) => ({
-  ...a.typography.body2,
+  ...t.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: (t.vars || t).palette.text.primary,
   height: "auto",
   [`&.${r.disabled}`]: {
-    opacity: (a.vars || a).palette.action.disabledOpacity
+    opacity: (t.vars || t).palette.action.disabledOpacity
   },
   variants: [{
     props: {
@@ -186,17 +187,17 @@ const r = _("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "tex
       minWidth: 40,
       borderRadius: 40 / 2,
       padding: "0 10px",
-      fontSize: a.typography.pxToRem(15)
+      fontSize: t.typography.pxToRem(15)
     }
   }]
-}))), fa = B(sa, {
+}))), ft = B(st, {
   name: "MuiPaginationItem",
   slot: "Root",
   overridesResolver: K
 })(V(({
-  theme: a
+  theme: t
 }) => ({
-  ...a.typography.body2,
+  ...t.typography.body2,
   borderRadius: 32 / 2,
   textAlign: "center",
   boxSizing: "border-box",
@@ -204,39 +205,39 @@ const r = _("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "tex
   height: 32,
   padding: "0 6px",
   margin: "0 3px",
-  color: (a.vars || a).palette.text.primary,
+  color: (t.vars || t).palette.text.primary,
   [`&.${r.focusVisible}`]: {
-    backgroundColor: (a.vars || a).palette.action.focus
+    backgroundColor: (t.vars || t).palette.action.focus
   },
   [`&.${r.disabled}`]: {
-    opacity: (a.vars || a).palette.action.disabledOpacity
+    opacity: (t.vars || t).palette.action.disabledOpacity
   },
-  transition: a.transitions.create(["color", "background-color"], {
-    duration: a.transitions.duration.short
+  transition: t.transitions.create(["color", "background-color"], {
+    duration: t.transitions.duration.short
   }),
   "&:hover": {
-    backgroundColor: (a.vars || a).palette.action.hover,
+    backgroundColor: (t.vars || t).palette.action.hover,
     // Reset on touch devices, it doesn't add specificity
     "@media (hover: none)": {
       backgroundColor: "transparent"
     }
   },
   [`&.${r.selected}`]: {
-    backgroundColor: (a.vars || a).palette.action.selected,
+    backgroundColor: (t.vars || t).palette.action.selected,
     "&:hover": {
-      backgroundColor: a.vars ? `rgba(${a.vars.palette.action.selectedChannel} / calc(${a.vars.palette.action.selectedOpacity} + ${a.vars.palette.action.hoverOpacity}))` : N(a.palette.action.selected, a.palette.action.selectedOpacity + a.palette.action.hoverOpacity),
+      backgroundColor: t.vars ? `rgba(${t.vars.palette.action.selectedChannel} / calc(${t.vars.palette.action.selectedOpacity} + ${t.vars.palette.action.hoverOpacity}))` : N(t.palette.action.selected, t.palette.action.selectedOpacity + t.palette.action.hoverOpacity),
       // Reset on touch devices, it doesn't add specificity
       "@media (hover: none)": {
-        backgroundColor: (a.vars || a).palette.action.selected
+        backgroundColor: (t.vars || t).palette.action.selected
       }
     },
     [`&.${r.focusVisible}`]: {
-      backgroundColor: a.vars ? `rgba(${a.vars.palette.action.selectedChannel} / calc(${a.vars.palette.action.selectedOpacity} + ${a.vars.palette.action.focusOpacity}))` : N(a.palette.action.selected, a.palette.action.selectedOpacity + a.palette.action.focusOpacity)
+      backgroundColor: t.vars ? `rgba(${t.vars.palette.action.selectedChannel} / calc(${t.vars.palette.action.selectedOpacity} + ${t.vars.palette.action.focusOpacity}))` : N(t.palette.action.selected, t.palette.action.selectedOpacity + t.palette.action.focusOpacity)
     },
     [`&.${r.disabled}`]: {
       opacity: 1,
-      color: (a.vars || a).palette.action.disabled,
-      backgroundColor: (a.vars || a).palette.action.selected
+      color: (t.vars || t).palette.action.disabled,
+      backgroundColor: (t.vars || t).palette.action.selected
     }
   },
   variants: [{
@@ -259,25 +260,25 @@ const r = _("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "tex
       height: 40,
       borderRadius: 40 / 2,
       padding: "0 10px",
-      fontSize: a.typography.pxToRem(15)
+      fontSize: t.typography.pxToRem(15)
     }
   }, {
     props: {
       shape: "rounded"
     },
     style: {
-      borderRadius: (a.vars || a).shape.borderRadius
+      borderRadius: (t.vars || t).shape.borderRadius
     }
   }, {
     props: {
       variant: "outlined"
     },
     style: {
-      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)"}`,
+      border: t.vars ? `1px solid rgba(${t.vars.palette.common.onBackgroundChannel} / 0.23)` : `1px solid ${t.palette.mode === "light" ? "rgba(0, 0, 0, 0.23)" : "rgba(255, 255, 255, 0.23)"}`,
       [`&.${r.selected}`]: {
         [`&.${r.disabled}`]: {
-          borderColor: (a.vars || a).palette.action.disabledBackground,
-          color: (a.vars || a).palette.action.disabled
+          borderColor: (t.vars || t).palette.action.disabledBackground,
+          color: (t.vars || t).palette.action.disabled
         }
       }
     }
@@ -288,79 +289,79 @@ const r = _("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "tex
     style: {
       [`&.${r.selected}`]: {
         [`&.${r.disabled}`]: {
-          color: (a.vars || a).palette.action.disabled
+          color: (t.vars || t).palette.action.disabled
         }
       }
     }
-  }, ...Object.entries(a.palette).filter(D(["dark", "contrastText"])).map(([e]) => ({
+  }, ...Object.entries(t.palette).filter(D(["dark", "contrastText"])).map(([e]) => ({
     props: {
       variant: "text",
       color: e
     },
     style: {
       [`&.${r.selected}`]: {
-        color: (a.vars || a).palette[e].contrastText,
-        backgroundColor: (a.vars || a).palette[e].main,
+        color: (t.vars || t).palette[e].contrastText,
+        backgroundColor: (t.vars || t).palette[e].main,
         "&:hover": {
-          backgroundColor: (a.vars || a).palette[e].dark,
+          backgroundColor: (t.vars || t).palette[e].dark,
           // Reset on touch devices, it doesn't add specificity
           "@media (hover: none)": {
-            backgroundColor: (a.vars || a).palette[e].main
+            backgroundColor: (t.vars || t).palette[e].main
           }
         },
         [`&.${r.focusVisible}`]: {
-          backgroundColor: (a.vars || a).palette[e].dark
+          backgroundColor: (t.vars || t).palette[e].dark
         },
         [`&.${r.disabled}`]: {
-          color: (a.vars || a).palette.action.disabled
+          color: (t.vars || t).palette.action.disabled
         }
       }
     }
-  })), ...Object.entries(a.palette).filter(D(["light"])).map(([e]) => ({
+  })), ...Object.entries(t.palette).filter(D(["light"])).map(([e]) => ({
     props: {
       variant: "outlined",
       color: e
     },
     style: {
       [`&.${r.selected}`]: {
-        color: (a.vars || a).palette[e].main,
-        border: `1px solid ${a.vars ? `rgba(${a.vars.palette[e].mainChannel} / 0.5)` : N(a.palette[e].main, 0.5)}`,
-        backgroundColor: a.vars ? `rgba(${a.vars.palette[e].mainChannel} / ${a.vars.palette.action.activatedOpacity})` : N(a.palette[e].main, a.palette.action.activatedOpacity),
+        color: (t.vars || t).palette[e].main,
+        border: `1px solid ${t.vars ? `rgba(${t.vars.palette[e].mainChannel} / 0.5)` : N(t.palette[e].main, 0.5)}`,
+        backgroundColor: t.vars ? `rgba(${t.vars.palette[e].mainChannel} / ${t.vars.palette.action.activatedOpacity})` : N(t.palette[e].main, t.palette.action.activatedOpacity),
         "&:hover": {
-          backgroundColor: a.vars ? `rgba(${a.vars.palette[e].mainChannel} / calc(${a.vars.palette.action.activatedOpacity} + ${a.vars.palette.action.focusOpacity}))` : N(a.palette[e].main, a.palette.action.activatedOpacity + a.palette.action.focusOpacity),
+          backgroundColor: t.vars ? `rgba(${t.vars.palette[e].mainChannel} / calc(${t.vars.palette.action.activatedOpacity} + ${t.vars.palette.action.focusOpacity}))` : N(t.palette[e].main, t.palette.action.activatedOpacity + t.palette.action.focusOpacity),
           // Reset on touch devices, it doesn't add specificity
           "@media (hover: none)": {
             backgroundColor: "transparent"
           }
         },
         [`&.${r.focusVisible}`]: {
-          backgroundColor: a.vars ? `rgba(${a.vars.palette[e].mainChannel} / calc(${a.vars.palette.action.activatedOpacity} + ${a.vars.palette.action.focusOpacity}))` : N(a.palette[e].main, a.palette.action.activatedOpacity + a.palette.action.focusOpacity)
+          backgroundColor: t.vars ? `rgba(${t.vars.palette[e].mainChannel} / calc(${t.vars.palette.action.activatedOpacity} + ${t.vars.palette.action.focusOpacity}))` : N(t.palette[e].main, t.palette.action.activatedOpacity + t.palette.action.focusOpacity)
         }
       }
     }
   }))]
-}))), va = B("div", {
+}))), vt = B("div", {
   name: "MuiPaginationItem",
   slot: "Icon",
-  overridesResolver: (a, e) => e.icon
+  overridesResolver: (t, e) => e.icon
 })(V(({
-  theme: a
+  theme: t
 }) => ({
-  fontSize: a.typography.pxToRem(20),
+  fontSize: t.typography.pxToRem(20),
   margin: "0 -8px",
   variants: [{
     props: {
       size: "small"
     },
     style: {
-      fontSize: a.typography.pxToRem(18)
+      fontSize: t.typography.pxToRem(18)
     }
   }, {
     props: {
       size: "large"
     },
     style: {
-      fontSize: a.typography.pxToRem(22)
+      fontSize: t.typography.pxToRem(22)
     }
   }]
 }))), Q = /* @__PURE__ */ G.forwardRef(function(e, o) {
@@ -391,7 +392,7 @@ const r = _("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "tex
     size: m,
     type: p,
     variant: C
-  }, k = oa(), v = ua(c), f = {
+  }, k = ot(), v = ut(c), f = {
     slots: {
       previous: O.previous ?? u.previous,
       next: O.next ?? u.next,
@@ -400,19 +401,19 @@ const r = _("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "tex
     },
     slotProps: l
   }, [L, S] = j("previous", {
-    elementType: ca,
+    elementType: ct,
     externalForwardedProps: f,
     ownerState: c
   }), [z, s] = j("next", {
-    elementType: da,
+    elementType: dt,
     externalForwardedProps: f,
     ownerState: c
   }), [i, M] = j("first", {
-    elementType: la,
+    elementType: lt,
     externalForwardedProps: f,
     ownerState: c
   }), [W, F] = j("last", {
-    elementType: pa,
+    elementType: pt,
     externalForwardedProps: f,
     ownerState: c
   }), A = k ? {
@@ -431,19 +432,19 @@ const r = _("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "tex
     first: M,
     last: F
   }[A];
-  return p === "start-ellipsis" || p === "end-ellipsis" ? /* @__PURE__ */ d(ga, {
+  return p === "start-ellipsis" || p === "end-ellipsis" ? /* @__PURE__ */ d(gt, {
     ref: o,
     ownerState: c,
     className: U(v.root, y),
     children: "…"
-  }) : /* @__PURE__ */ Z(fa, {
+  }) : /* @__PURE__ */ Z(ft, {
     ref: o,
     ownerState: c,
     component: x,
     disabled: g,
     className: U(v.root, y),
     ...$,
-    children: [p === "page" && P, E ? /* @__PURE__ */ d(va, {
+    children: [p === "page" && P, E ? /* @__PURE__ */ d(vt, {
       ...Y,
       className: v.icon,
       as: E
@@ -458,27 +459,27 @@ process.env.NODE_ENV !== "production" && (Q.propTypes = {
   /**
    * @ignore
    */
-  children: t.node,
+  children: a.node,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: t.object,
+  classes: a.object,
   /**
    * @ignore
    */
-  className: t.string,
+  className: a.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: t.oneOfType([t.oneOf(["primary", "secondary", "standard"]), t.string]),
+  color: a.oneOfType([a.oneOf(["primary", "secondary", "standard"]), a.string]),
   /**
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
-  component: t.elementType,
+  component: a.elementType,
   /**
    * The components used for each slot inside.
    *
@@ -488,93 +489,93 @@ process.env.NODE_ENV !== "production" && (Q.propTypes = {
    * @default {}
    * @deprecated use the `slots` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    */
-  components: t.shape({
-    first: t.elementType,
-    last: t.elementType,
-    next: t.elementType,
-    previous: t.elementType
+  components: a.shape({
+    first: a.elementType,
+    last: a.elementType,
+    next: a.elementType,
+    previous: a.elementType
   }),
   /**
    * If `true`, the component is disabled.
    * @default false
    */
-  disabled: t.bool,
+  disabled: a.bool,
   /**
    * The current page number.
    */
-  page: t.node,
+  page: a.node,
   /**
    * If `true` the pagination item is selected.
    * @default false
    */
-  selected: t.bool,
+  selected: a.bool,
   /**
    * The shape of the pagination item.
    * @default 'circular'
    */
-  shape: t.oneOf(["circular", "rounded"]),
+  shape: a.oneOf(["circular", "rounded"]),
   /**
    * The size of the component.
    * @default 'medium'
    */
-  size: t.oneOfType([t.oneOf(["small", "medium", "large"]), t.string]),
+  size: a.oneOfType([a.oneOf(["small", "medium", "large"]), a.string]),
   /**
    * The props used for each slot inside.
    * @default {}
    */
-  slotProps: t.shape({
-    first: t.oneOfType([t.func, t.object]),
-    last: t.oneOfType([t.func, t.object]),
-    next: t.oneOfType([t.func, t.object]),
-    previous: t.oneOfType([t.func, t.object])
+  slotProps: a.shape({
+    first: a.oneOfType([a.func, a.object]),
+    last: a.oneOfType([a.func, a.object]),
+    next: a.oneOfType([a.func, a.object]),
+    previous: a.oneOfType([a.func, a.object])
   }),
   /**
    * The components used for each slot inside.
    * @default {}
    */
-  slots: t.shape({
-    first: t.elementType,
-    last: t.elementType,
-    next: t.elementType,
-    previous: t.elementType
+  slots: a.shape({
+    first: a.elementType,
+    last: a.elementType,
+    next: a.elementType,
+    previous: a.elementType
   }),
   /**
    * 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]),
+  sx: a.oneOfType([a.arrayOf(a.oneOfType([a.func, a.object, a.bool])), a.func, a.object]),
   /**
    * The type of pagination item.
    * @default 'page'
    */
-  type: t.oneOf(["end-ellipsis", "first", "last", "next", "page", "previous", "start-ellipsis"]),
+  type: a.oneOf(["end-ellipsis", "first", "last", "next", "page", "previous", "start-ellipsis"]),
   /**
    * The variant to use.
    * @default 'text'
    */
-  variant: t.oneOfType([t.oneOf(["outlined", "text"]), t.string])
+  variant: a.oneOfType([a.oneOf(["outlined", "text"]), a.string])
 });
-const ya = (a) => {
+const yt = (t) => {
   const {
     classes: e,
     variant: o
-  } = a;
+  } = t;
   return J({
     root: ["root", o],
     ul: ["ul"]
-  }, na, e);
-}, ba = B("nav", {
+  }, nt, e);
+}, bt = B("nav", {
   name: "MuiPagination",
   slot: "Root",
-  overridesResolver: (a, e) => {
+  overridesResolver: (t, e) => {
     const {
       ownerState: o
-    } = a;
+    } = t;
     return [e.root, e[o.variant]];
   }
-})({}), xa = B("ul", {
+})({}), xt = B("ul", {
   name: "MuiPagination",
   slot: "Ul",
-  overridesResolver: (a, e) => e.ul
+  overridesResolver: (t, e) => e.ul
 })({
   display: "flex",
   flexWrap: "wrap",
@@ -583,8 +584,8 @@ const ya = (a) => {
   margin: 0,
   listStyle: "none"
 });
-function Pa(a, e, o) {
-  return a === "page" ? `${o ? "" : "Go to "}page ${e}` : `Go to ${a} page`;
+function Pt(t, e, o) {
+  return t === "page" ? `${o ? "" : "Go to "}page ${e}` : `Go to ${t} page`;
 }
 const X = /* @__PURE__ */ G.forwardRef(function(e, o) {
   const n = q({
@@ -597,7 +598,7 @@ const X = /* @__PURE__ */ G.forwardRef(function(e, o) {
     count: u = 1,
     defaultPage: g = 1,
     disabled: P = !1,
-    getItemAriaLabel: T = Pa,
+    getItemAriaLabel: T = Pt,
     hideNextButton: R = !1,
     hidePrevButton: m = !1,
     onChange: O,
@@ -614,7 +615,7 @@ const X = /* @__PURE__ */ G.forwardRef(function(e, o) {
     ...L
   } = n, {
     items: S
-  } = ia({
+  } = it({
     ...n,
     componentName: "Pagination"
   }), z = {
@@ -634,14 +635,14 @@ const X = /* @__PURE__ */ G.forwardRef(function(e, o) {
     siblingCount: k,
     size: v,
     variant: f
-  }, s = ya(z);
-  return /* @__PURE__ */ d(ba, {
+  }, s = yt(z);
+  return /* @__PURE__ */ d(bt, {
     "aria-label": "pagination navigation",
     className: U(s.root, b),
     ownerState: z,
     ref: o,
     ...L,
-    children: /* @__PURE__ */ d(xa, {
+    children: /* @__PURE__ */ d(xt, {
       className: s.ul,
       ownerState: z,
       children: S.map((i, M) => /* @__PURE__ */ d("li", {
@@ -670,18 +671,18 @@ process.env.NODE_ENV !== "production" && (X.propTypes = {
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: t.object,
+  classes: a.object,
   /**
    * @ignore
    */
-  className: t.string,
+  className: a.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: t.oneOfType([t.oneOf(["primary", "secondary", "standard"]), t.string]),
+  color: a.oneOfType([a.oneOf(["primary", "secondary", "standard"]), a.string]),
   /**
    * The total number of pages.
    * @default 1
@@ -696,7 +697,7 @@ process.env.NODE_ENV !== "production" && (X.propTypes = {
    * If `true`, the component is disabled.
    * @default false
    */
-  disabled: t.bool,
+  disabled: a.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.
@@ -707,24 +708,24 @@ process.env.NODE_ENV !== "production" && (X.propTypes = {
    * @param {boolean} selected If true, the current page is selected.
    * @returns {string}
    */
-  getItemAriaLabel: t.func,
+  getItemAriaLabel: a.func,
   /**
    * If `true`, hide the next-page button.
    * @default false
    */
-  hideNextButton: t.bool,
+  hideNextButton: a.bool,
   /**
    * If `true`, hide the previous-page button.
    * @default false
    */
-  hidePrevButton: t.bool,
+  hidePrevButton: a.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: t.func,
+  onChange: a.func,
   /**
    * The current page. Unlike `TablePagination`, which starts numbering from `0`, this pagination starts from `1`.
    */
@@ -735,22 +736,22 @@ process.env.NODE_ENV !== "production" && (X.propTypes = {
    * @returns {ReactNode}
    * @default (item) => <PaginationItem {...item} />
    */
-  renderItem: t.func,
+  renderItem: a.func,
   /**
    * The shape of the pagination items.
    * @default 'circular'
    */
-  shape: t.oneOf(["circular", "rounded"]),
+  shape: a.oneOf(["circular", "rounded"]),
   /**
    * If `true`, show the first-page button.
    * @default false
    */
-  showFirstButton: t.bool,
+  showFirstButton: a.bool,
   /**
    * If `true`, show the last-page button.
    * @default false
    */
-  showLastButton: t.bool,
+  showLastButton: a.bool,
   /**
    * Number of always visible pages before and after the current page.
    * @default 1
@@ -760,20 +761,20 @@ process.env.NODE_ENV !== "production" && (X.propTypes = {
    * The size of the component.
    * @default 'medium'
    */
-  size: t.oneOfType([t.oneOf(["small", "medium", "large"]), t.string]),
+  size: a.oneOfType([a.oneOf(["small", "medium", "large"]), a.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]),
+  sx: a.oneOfType([a.arrayOf(a.oneOfType([a.func, a.object, a.bool])), a.func, a.object]),
   /**
    * The variant to use.
    * @default 'text'
    */
-  variant: t.oneOfType([t.oneOf(["outlined", "text"]), t.string])
+  variant: a.oneOfType([a.oneOf(["outlined", "text"]), a.string])
 });
-const ma = aa(X)(() => ({
-  ...ta``
-})), Ma = (a) => /* @__PURE__ */ d(ma, { ...a });
+const mt = tt(X)(() => ({
+  ...at``
+})), wt = (t) => /* @__PURE__ */ d(mt, { ...t });
 export {
-  Ma as default
+  wt as default
 };