@amateescu/portal-ui-components 0.0.34 → 0.0.37-beta0

package/dist/components/{CustomPagination/CustomPagination.js → PassportPagination/PassportPagination.js}

@@ -1,77 +1,77 @@
 import { jsx as s, jsxs as ot } from "react/jsx-runtime";
-import * as p from "react";
-import { GridPagination as nt } from "@mui/x-data-grid";
-import { g as Q, a as X, u as Y, s as R, c as A, b as T, d as Z, m as F, i as S, e as _, P as e } from "../../createSimplePaletteValueFilter-evt-Xthj.js";
-import { u as rt, a as st, b as j, i as B } from "../../useSlot-Baxtq84W.js";
-import { c as E } from "../../createSvgIcon-CgFXfzFk.js";
-import { B as it } from "../../ButtonBase-DUKuDCWw.js";
-const H = (t) => /* @__PURE__ */ p.createElement("svg", { width: 25, height: 24, viewBox: "0 0 25 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ p.createElement("g", { id: "arrow/chevron/</default-first" }, /* @__PURE__ */ p.createElement("path", { id: "vector", d: "M17.5 5L10.5 12L17.5 19M7.5 5L7.5 19", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }))), q = (t) => /* @__PURE__ */ p.createElement("svg", { width: 25, height: 24, viewBox: "0 0 25 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ p.createElement("g", { id: "arrow/chevron/>/end" }, /* @__PURE__ */ p.createElement("path", { id: "vector", d: "M7.5 4.99998L14.5 12L7.5 19M17.5 4.99998L17.5 19", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }))), J = (t) => /* @__PURE__ */ p.createElement("svg", { width: 10, height: 16, viewBox: "0 0 10 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ p.createElement("path", { d: "M1.5 1L8.5 8L1.5 15", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })), K = (t) => /* @__PURE__ */ p.createElement("svg", { width: 10, height: 16, viewBox: "0 0 10 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ p.createElement("path", { d: "M8.5 15L1.5 8L8.5 1", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }));
-function lt(t) {
-  return Q("MuiPagination", t);
+import { PaginationItem as at } from "@mui/material";
+import * as c from "react";
+import { g as J, a as K, u as Q, s as B, c as W, b as h, d as X, m as F, P as e } from "../../DefaultPropsProvider-BtPfTrMq.js";
+import { u as rt, a as nt, b as R, i as N } from "../../useSlot-CXnK24LX.js";
+import { c as D } from "../../createSimplePaletteValueFilter-Bz8RuRaa.js";
+import { c as j } from "../../createSvgIcon-B-eIQ7rU.js";
+import { B as st } from "../../ButtonBase-D6nf3ymf.js";
+function it(t) {
+  return J("MuiPagination", t);
 }
-X("MuiPagination", ["root", "ul", "outlined", "text"]);
-function ct(t = {}) {
+K("MuiPagination", ["root", "ul", "outlined", "text"]);
+function lt(t = {}) {
   const {
-    boundaryCount: a = 1,
-    componentName: o = "usePagination",
-    count: n = 1,
+    boundaryCount: o = 1,
+    componentName: a = "usePagination",
+    count: r = 1,
     defaultPage: v = 1,
-    disabled: c = !1,
+    disabled: p = !1,
     hideNextButton: f = !1,
     hidePrevButton: y = !1,
     onChange: b,
     page: P,
-    showFirstButton: L = !1,
-    showLastButton: z = !1,
-    siblingCount: C = 1,
-    ...w
+    showFirstButton: S = !1,
+    showLastButton: $ = !1,
+    siblingCount: w = 1,
+    ...C
   } = t, [d, u] = rt({
     controlled: P,
     default: v,
-    name: o,
+    name: a,
     state: "page"
-  }), O = (r, i) => {
-    P || u(i), b && b(r, i);
-  }, $ = (r, i) => {
-    const I = i - r + 1;
+  }), L = (n, i) => {
+    P || u(i), b && b(n, i);
+  }, k = (n, i) => {
+    const I = i - n + 1;
     return Array.from({
       length: I
-    }, (V, W) => r + W);
-  }, g = $(1, Math.min(a, n)), M = $(Math.max(n - a + 1, a + 1), n), m = Math.max(
+    }, (A, E) => n + E);
+  }, g = k(1, Math.min(o, r)), z = k(Math.max(r - o + 1, o + 1), r), m = Math.max(
     Math.min(
       // Natural start
-      d - C,
+      d - w,
       // Lower boundary when page is high
-      n - a - C * 2 - 1
+      r - o - w * 2 - 1
     ),
     // Greater than startPages
-    a + 2
+    o + 2
   ), x = Math.min(
     Math.max(
       // Natural end
-      d + C,
+      d + w,
       // Upper boundary when page is low
-      a + C * 2 + 2
+      o + w * 2 + 2
     ),
     // Less than endPages
-    n - a - 1
-  ), N = [
-    ...L ? ["first"] : [],
+    r - o - 1
+  ), M = [
+    ...S ? ["first"] : [],
     ...y ? [] : ["previous"],
     ...g,
     // Start ellipsis
     // eslint-disable-next-line no-nested-ternary
-    ...m > a + 2 ? ["start-ellipsis"] : a + 1 < n - a ? [a + 1] : [],
+    ...m > o + 2 ? ["start-ellipsis"] : o + 1 < r - o ? [o + 1] : [],
     // Sibling pages
-    ...$(m, x),
+    ...k(m, x),
     // End ellipsis
     // eslint-disable-next-line no-nested-ternary
-    ...x < n - a - 1 ? ["end-ellipsis"] : n - a > a ? [n - a] : [],
-    ...M,
+    ...x < r - o - 1 ? ["end-ellipsis"] : r - o > o ? [r - o] : [],
+    ...z,
     ...f ? [] : ["next"],
-    ...z ? ["last"] : []
-  ], h = (r) => {
-    switch (r) {
+    ...$ ? ["last"] : []
+  ], O = (n) => {
+    switch (n) {
       case "first":
         return 1;
       case "previous":
@@ -79,61 +79,61 @@ function ct(t = {}) {
       case "next":
         return d + 1;
       case "last":
-        return n;
+        return r;
       default:
         return null;
     }
   };
   return {
-    items: N.map((r) => typeof r == "number" ? {
+    items: M.map((n) => typeof n == "number" ? {
       onClick: (i) => {
-        O(i, r);
+        L(i, n);
       },
       type: "page",
-      page: r,
-      selected: r === d,
-      disabled: c,
-      "aria-current": r === d ? "page" : void 0
+      page: n,
+      selected: n === d,
+      disabled: p,
+      "aria-current": n === d ? "page" : void 0
     } : {
       onClick: (i) => {
-        O(i, h(r));
+        L(i, O(n));
       },
-      type: r,
-      page: h(r),
+      type: n,
+      page: O(n),
       selected: !1,
-      disabled: c || !r.includes("ellipsis") && (r === "next" || r === "last" ? d >= n : d <= 1)
+      disabled: p || !n.includes("ellipsis") && (n === "next" || n === "last" ? d >= r : d <= 1)
     }),
-    ...w
+    ...C
   };
 }
 function pt(t) {
-  return Q("MuiPaginationItem", t);
+  return J("MuiPaginationItem", t);
 }
-const l = X("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "text", "textPrimary", "textSecondary", "outlined", "outlinedPrimary", "outlinedSecondary", "rounded", "ellipsis", "firstLast", "previousNext", "focusVisible", "disabled", "selected", "icon", "colorPrimary", "colorSecondary"]), dt = E(/* @__PURE__ */ s("path", {
+const l = K("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "text", "textPrimary", "textSecondary", "outlined", "outlinedPrimary", "outlinedSecondary", "rounded", "ellipsis", "firstLast", "previousNext", "focusVisible", "disabled", "selected", "icon", "colorPrimary", "colorSecondary"]), ct = j(/* @__PURE__ */ s("path", {
   d: "M18.41 16.59L13.82 12l4.59-4.59L17 6l-6 6 6 6zM6 6h2v12H6z"
-}), "FirstPage"), ut = E(/* @__PURE__ */ s("path", {
+}), "FirstPage"), dt = j(/* @__PURE__ */ s("path", {
   d: "M5.59 7.41L10.18 12l-4.59 4.59L7 18l6-6-6-6zM16 6h2v12h-2z"
-}), "LastPage"), gt = E(/* @__PURE__ */ s("path", {
+}), "LastPage"), ut = j(/* @__PURE__ */ s("path", {
   d: "M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"
-}), "NavigateBefore"), vt = E(/* @__PURE__ */ s("path", {
+}), "NavigateBefore"), gt = j(/* @__PURE__ */ s("path", {
   d: "M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"
-}), "NavigateNext"), tt = (t, a) => {
+}), "NavigateNext"), Y = (t, o) => {
   const {
-    ownerState: o
+    ownerState: a
   } = t;
-  return [a.root, a[o.variant], a[`size${T(o.size)}`], o.variant === "text" && a[`text${T(o.color)}`], o.variant === "outlined" && a[`outlined${T(o.color)}`], o.shape === "rounded" && a.rounded, o.type === "page" && a.page, (o.type === "start-ellipsis" || o.type === "end-ellipsis") && a.ellipsis, (o.type === "previous" || o.type === "next") && a.previousNext, (o.type === "first" || o.type === "last") && a.firstLast];
-}, ft = (t) => {
+  return [o.root, o[a.variant], o[`size${h(a.size)}`], a.variant === "text" && o[`text${h(a.color)}`], a.variant === "outlined" && o[`outlined${h(a.color)}`], a.shape === "rounded" && o.rounded, a.type === "page" && o.page, (a.type === "start-ellipsis" || a.type === "end-ellipsis") && o.ellipsis, (a.type === "previous" || a.type === "next") && o.previousNext, (a.type === "first" || a.type === "last") && o.firstLast];
+}, vt = (t) => {
   const {
-    classes: a,
-    color: o,
-    disabled: n,
+    classes: o,
+    color: a,
+    disabled: r,
     selected: v,
-    size: c,
+    size: p,
     shape: f,
     type: y,
     variant: b
   } = t, P = {
-    root: ["root", `size${T(c)}`, b, f, o !== "standard" && `color${T(o)}`, o !== "standard" && `${b}${T(o)}`, n && "disabled", v && "selected", {
+    root: ["root", `size${h(p)}`, b, f, a !== "standard" && `color${h(a)}`, a !== "standard" && `${b}${h(a)}`, r && "disabled", v && "selected", {
       page: "page",
       first: "firstLast",
       last: "firstLast",
@@ -144,11 +144,11 @@ const l = X("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "tex
     }[y]],
     icon: ["icon"]
   };
-  return Z(P, pt, a);
-}, yt = R("div", {
+  return X(P, pt, o);
+}, ft = B("div", {
   name: "MuiPaginationItem",
   slot: "Root",
-  overridesResolver: tt
+  overridesResolver: Y
 })(F(({
   theme: t
 }) => ({
@@ -185,10 +185,10 @@ const l = X("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "tex
       fontSize: t.typography.pxToRem(15)
     }
   }]
-}))), bt = R(it, {
+}))), yt = B(st, {
   name: "MuiPaginationItem",
   slot: "Root",
-  overridesResolver: tt
+  overridesResolver: Y
 })(F(({
   theme: t
 }) => ({
@@ -220,14 +220,14 @@ const l = X("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "tex
   [`&.${l.selected}`]: {
     backgroundColor: (t.vars || t).palette.action.selected,
     "&:hover": {
-      backgroundColor: t.vars ? `rgba(${t.vars.palette.action.selectedChannel} / calc(${t.vars.palette.action.selectedOpacity} + ${t.vars.palette.action.hoverOpacity}))` : S(t.palette.action.selected, t.palette.action.selectedOpacity + t.palette.action.hoverOpacity),
+      backgroundColor: t.alpha((t.vars || t).palette.action.selected, `${(t.vars || t).palette.action.selectedOpacity} + ${(t.vars || t).palette.action.hoverOpacity}`),
       // Reset on touch devices, it doesn't add specificity
       "@media (hover: none)": {
         backgroundColor: (t.vars || t).palette.action.selected
       }
     },
     [`&.${l.focusVisible}`]: {
-      backgroundColor: t.vars ? `rgba(${t.vars.palette.action.selectedChannel} / calc(${t.vars.palette.action.selectedOpacity} + ${t.vars.palette.action.focusOpacity}))` : S(t.palette.action.selected, t.palette.action.selectedOpacity + t.palette.action.focusOpacity)
+      backgroundColor: t.alpha((t.vars || t).palette.action.selected, `${(t.vars || t).palette.action.selectedOpacity} + ${(t.vars || t).palette.action.focusOpacity}`)
     },
     [`&.${l.disabled}`]: {
       opacity: 1,
@@ -269,7 +269,7 @@ const l = X("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "tex
       variant: "outlined"
     },
     style: {
-      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)"}`,
+      border: t.vars ? `1px solid ${t.alpha(t.vars.palette.common.onBackground, 0.23)}` : `1px solid ${t.palette.mode === "light" ? "rgba(0, 0, 0, 0.23)" : "rgba(255, 255, 255, 0.23)"}`,
       [`&.${l.selected}`]: {
         [`&.${l.disabled}`]: {
           borderColor: (t.vars || t).palette.action.disabledBackground,
@@ -288,54 +288,54 @@ const l = X("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "tex
         }
       }
     }
-  }, ...Object.entries(t.palette).filter(_(["dark", "contrastText"])).map(([a]) => ({
+  }, ...Object.entries(t.palette).filter(D(["dark", "contrastText"])).map(([o]) => ({
     props: {
       variant: "text",
-      color: a
+      color: o
     },
     style: {
       [`&.${l.selected}`]: {
-        color: (t.vars || t).palette[a].contrastText,
-        backgroundColor: (t.vars || t).palette[a].main,
+        color: (t.vars || t).palette[o].contrastText,
+        backgroundColor: (t.vars || t).palette[o].main,
         "&:hover": {
-          backgroundColor: (t.vars || t).palette[a].dark,
+          backgroundColor: (t.vars || t).palette[o].dark,
           // Reset on touch devices, it doesn't add specificity
           "@media (hover: none)": {
-            backgroundColor: (t.vars || t).palette[a].main
+            backgroundColor: (t.vars || t).palette[o].main
           }
         },
         [`&.${l.focusVisible}`]: {
-          backgroundColor: (t.vars || t).palette[a].dark
+          backgroundColor: (t.vars || t).palette[o].dark
         },
         [`&.${l.disabled}`]: {
           color: (t.vars || t).palette.action.disabled
         }
       }
     }
-  })), ...Object.entries(t.palette).filter(_(["light"])).map(([a]) => ({
+  })), ...Object.entries(t.palette).filter(D(["light"])).map(([o]) => ({
     props: {
       variant: "outlined",
-      color: a
+      color: o
     },
     style: {
       [`&.${l.selected}`]: {
-        color: (t.vars || t).palette[a].main,
-        border: `1px solid ${t.vars ? `rgba(${t.vars.palette[a].mainChannel} / 0.5)` : S(t.palette[a].main, 0.5)}`,
-        backgroundColor: t.vars ? `rgba(${t.vars.palette[a].mainChannel} / ${t.vars.palette.action.activatedOpacity})` : S(t.palette[a].main, t.palette.action.activatedOpacity),
+        color: (t.vars || t).palette[o].main,
+        border: `1px solid ${t.alpha((t.vars || t).palette[o].main, 0.5)}`,
+        backgroundColor: t.alpha((t.vars || t).palette[o].main, (t.vars || t).palette.action.activatedOpacity),
         "&:hover": {
-          backgroundColor: t.vars ? `rgba(${t.vars.palette[a].mainChannel} / calc(${t.vars.palette.action.activatedOpacity} + ${t.vars.palette.action.focusOpacity}))` : S(t.palette[a].main, t.palette.action.activatedOpacity + t.palette.action.focusOpacity),
+          backgroundColor: t.alpha((t.vars || t).palette[o].main, `${(t.vars || t).palette.action.activatedOpacity} + ${(t.vars || t).palette.action.focusOpacity}`),
           // Reset on touch devices, it doesn't add specificity
           "@media (hover: none)": {
             backgroundColor: "transparent"
           }
         },
         [`&.${l.focusVisible}`]: {
-          backgroundColor: t.vars ? `rgba(${t.vars.palette[a].mainChannel} / calc(${t.vars.palette.action.activatedOpacity} + ${t.vars.palette.action.focusOpacity}))` : S(t.palette[a].main, t.palette.action.activatedOpacity + t.palette.action.focusOpacity)
+          backgroundColor: t.alpha((t.vars || t).palette[o].main, `${(t.vars || t).palette.action.activatedOpacity} + ${(t.vars || t).palette.action.focusOpacity}`)
         }
       }
     }
   }))]
-}))), xt = R("div", {
+}))), bt = B("div", {
   name: "MuiPaginationItem",
   slot: "Icon"
 })(F(({
@@ -358,94 +358,94 @@ const l = X("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "tex
       fontSize: t.typography.pxToRem(22)
     }
   }]
-}))), U = /* @__PURE__ */ p.forwardRef(function(a, o) {
-  const n = Y({
-    props: a,
+}))), Z = /* @__PURE__ */ c.forwardRef(function(o, a) {
+  const r = Q({
+    props: o,
     name: "MuiPaginationItem"
   }), {
     className: v,
-    color: c = "standard",
+    color: p = "standard",
     component: f,
     components: y = {},
     disabled: b = !1,
     page: P,
-    selected: L = !1,
-    shape: z = "circular",
-    size: C = "medium",
-    slots: w = {},
+    selected: S = !1,
+    shape: $ = "circular",
+    size: w = "medium",
+    slots: C = {},
     slotProps: d = {},
     type: u = "page",
-    variant: O = "text",
-    ...$
-  } = n, g = {
-    ...n,
-    color: c,
+    variant: L = "text",
+    ...k
+  } = r, g = {
+    ...r,
+    color: p,
     disabled: b,
-    selected: L,
-    shape: z,
-    size: C,
+    selected: S,
+    shape: $,
+    size: w,
     type: u,
-    variant: O
-  }, M = st(), m = ft(g), x = {
+    variant: L
+  }, z = nt(), m = vt(g), x = {
     slots: {
-      previous: w.previous ?? y.previous,
-      next: w.next ?? y.next,
-      first: w.first ?? y.first,
-      last: w.last ?? y.last
+      previous: C.previous ?? y.previous,
+      next: C.next ?? y.next,
+      first: C.first ?? y.first,
+      last: C.last ?? y.last
     },
     slotProps: d
-  }, [N, h] = j("previous", {
-    elementType: gt,
+  }, [M, O] = R("previous", {
+    elementType: ut,
     externalForwardedProps: x,
     ownerState: g
-  }), [k, r] = j("next", {
-    elementType: vt,
+  }), [T, n] = R("next", {
+    elementType: gt,
     externalForwardedProps: x,
     ownerState: g
-  }), [i, I] = j("first", {
-    elementType: dt,
+  }), [i, I] = R("first", {
+    elementType: ct,
     externalForwardedProps: x,
     ownerState: g
-  }), [V, W] = j("last", {
-    elementType: ut,
+  }), [A, E] = R("last", {
+    elementType: dt,
     externalForwardedProps: x,
     ownerState: g
-  }), D = M ? {
+  }), U = z ? {
     previous: "next",
     next: "previous",
     first: "last",
     last: "first"
-  }[u] : u, G = {
-    previous: N,
-    next: k,
+  }[u] : u, V = {
+    previous: M,
+    next: T,
     first: i,
-    last: V
-  }[D], at = {
-    previous: h,
-    next: r,
+    last: A
+  }[U], et = {
+    previous: O,
+    next: n,
     first: I,
-    last: W
-  }[D];
-  return u === "start-ellipsis" || u === "end-ellipsis" ? /* @__PURE__ */ s(yt, {
-    ref: o,
+    last: E
+  }[U];
+  return u === "start-ellipsis" || u === "end-ellipsis" ? /* @__PURE__ */ s(ft, {
+    ref: a,
     ownerState: g,
-    className: A(m.root, v),
+    className: W(m.root, v),
     children: "…"
-  }) : /* @__PURE__ */ ot(bt, {
-    ref: o,
+  }) : /* @__PURE__ */ ot(yt, {
+    ref: a,
     ownerState: g,
     component: f,
     disabled: b,
-    className: A(m.root, v),
-    ...$,
-    children: [u === "page" && P, G ? /* @__PURE__ */ s(xt, {
-      ...at,
+    className: W(m.root, v),
+    ...k,
+    children: [u === "page" && P, V ? /* @__PURE__ */ s(bt, {
+      ...et,
       className: m.icon,
-      as: G
+      as: V
     }) : null]
   });
 });
-process.env.NODE_ENV !== "production" && (U.propTypes = {
+process.env.NODE_ENV !== "production" && (Z.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -548,25 +548,25 @@ process.env.NODE_ENV !== "production" && (U.propTypes = {
    */
   variant: e.oneOfType([e.oneOf(["outlined", "text"]), e.string])
 });
-const mt = (t) => {
+const xt = (t) => {
   const {
-    classes: a,
-    variant: o
+    classes: o,
+    variant: a
   } = t;
-  return Z({
-    root: ["root", o],
+  return X({
+    root: ["root", a],
     ul: ["ul"]
-  }, lt, a);
-}, Pt = R("nav", {
+  }, it, o);
+}, mt = B("nav", {
   name: "MuiPagination",
   slot: "Root",
-  overridesResolver: (t, a) => {
+  overridesResolver: (t, o) => {
     const {
-      ownerState: o
+      ownerState: a
     } = t;
-    return [a.root, a[o.variant]];
+    return [o.root, o[a.variant]];
   }
-})({}), Ct = R("ul", {
+})({}), Pt = B("ul", {
   name: "MuiPagination",
   slot: "Ul"
 })({
@@ -577,73 +577,73 @@ const mt = (t) => {
   margin: 0,
   listStyle: "none"
 });
-function wt(t, a, o) {
-  return t === "page" ? `${o ? "" : "Go to "}page ${a}` : `Go to ${t} page`;
+function wt(t, o, a) {
+  return t === "page" ? `${a ? "" : "Go to "}page ${o}` : `Go to ${t} page`;
 }
-const et = /* @__PURE__ */ p.forwardRef(function(a, o) {
-  const n = Y({
-    props: a,
+const tt = /* @__PURE__ */ c.forwardRef(function(o, a) {
+  const r = Q({
+    props: o,
     name: "MuiPagination"
   }), {
     boundaryCount: v = 1,
-    className: c,
+    className: p,
     color: f = "standard",
     count: y = 1,
     defaultPage: b = 1,
     disabled: P = !1,
-    getItemAriaLabel: L = wt,
-    hideNextButton: z = !1,
-    hidePrevButton: C = !1,
-    onChange: w,
+    getItemAriaLabel: S = wt,
+    hideNextButton: $ = !1,
+    hidePrevButton: w = !1,
+    onChange: C,
     page: d,
-    renderItem: u = (i) => /* @__PURE__ */ s(U, {
+    renderItem: u = (i) => /* @__PURE__ */ s(Z, {
       ...i
     }),
-    shape: O = "circular",
-    showFirstButton: $ = !1,
+    shape: L = "circular",
+    showFirstButton: k = !1,
     showLastButton: g = !1,
-    siblingCount: M = 1,
+    siblingCount: z = 1,
     size: m = "medium",
     variant: x = "text",
-    ...N
-  } = n, {
-    items: h
-  } = ct({
-    ...n,
+    ...M
+  } = r, {
+    items: O
+  } = lt({
+    ...r,
     componentName: "Pagination"
-  }), k = {
-    ...n,
+  }), T = {
+    ...r,
     boundaryCount: v,
     color: f,
     count: y,
     defaultPage: b,
     disabled: P,
-    getItemAriaLabel: L,
-    hideNextButton: z,
-    hidePrevButton: C,
+    getItemAriaLabel: S,
+    hideNextButton: $,
+    hidePrevButton: w,
     renderItem: u,
-    shape: O,
-    showFirstButton: $,
+    shape: L,
+    showFirstButton: k,
     showLastButton: g,
-    siblingCount: M,
+    siblingCount: z,
     size: m,
     variant: x
-  }, r = mt(k);
-  return /* @__PURE__ */ s(Pt, {
+  }, n = xt(T);
+  return /* @__PURE__ */ s(mt, {
     "aria-label": "pagination navigation",
-    className: A(r.root, c),
-    ownerState: k,
-    ref: o,
-    ...N,
-    children: /* @__PURE__ */ s(Ct, {
-      className: r.ul,
-      ownerState: k,
-      children: h.map((i, I) => /* @__PURE__ */ s("li", {
+    className: W(n.root, p),
+    ownerState: T,
+    ref: a,
+    ...M,
+    children: /* @__PURE__ */ s(Pt, {
+      className: n.ul,
+      ownerState: T,
+      children: O.map((i, I) => /* @__PURE__ */ s("li", {
         children: u({
           ...i,
           color: f,
-          "aria-label": L(i.type, i.page, i.selected),
-          shape: O,
+          "aria-label": S(i.type, i.page, i.selected),
+          shape: L,
           size: m,
           variant: x
         })
@@ -651,7 +651,7 @@ const et = /* @__PURE__ */ p.forwardRef(function(a, o) {
     })
   });
 });
-process.env.NODE_ENV !== "production" && (et.propTypes = {
+process.env.NODE_ENV !== "production" && (tt.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -660,7 +660,7 @@ process.env.NODE_ENV !== "production" && (et.propTypes = {
    * Number of always visible pages at the beginning and end.
    * @default 1
    */
-  boundaryCount: B,
+  boundaryCount: N,
   /**
    * Override or extend the styles applied to the component.
    */
@@ -680,12 +680,12 @@ process.env.NODE_ENV !== "production" && (et.propTypes = {
    * The total number of pages.
    * @default 1
    */
-  count: B,
+  count: N,
   /**
    * The page selected by default when the component is uncontrolled.
    * @default 1
    */
-  defaultPage: B,
+  defaultPage: N,
   /**
    * If `true`, the component is disabled.
    * @default false
@@ -722,7 +722,7 @@ process.env.NODE_ENV !== "production" && (et.propTypes = {
   /**
    * The current page. Unlike `TablePagination`, which starts numbering from `0`, this pagination starts from `1`.
    */
-  page: B,
+  page: N,
   /**
    * Render the item.
    * @param {PaginationRenderItemParams} params The props to spread on a PaginationItem.
@@ -749,7 +749,7 @@ process.env.NODE_ENV !== "production" && (et.propTypes = {
    * Number of always visible pages before and after the current page.
    * @default 1
    */
-  siblingCount: B,
+  siblingCount: N,
   /**
    * The size of the component.
    * @default 'medium'
@@ -765,36 +765,37 @@ process.env.NODE_ENV !== "production" && (et.propTypes = {
    */
   variant: e.oneOfType([e.oneOf(["outlined", "text"]), e.string])
 });
-function Ot({
+const G = (t) => /* @__PURE__ */ c.createElement("svg", { width: 25, height: 24, viewBox: "0 0 25 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ c.createElement("g", { id: "arrow/chevron/</default-first" }, /* @__PURE__ */ c.createElement("path", { id: "vector", d: "M17.5 5L10.5 12L17.5 19M7.5 5L7.5 19", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }))), _ = (t) => /* @__PURE__ */ c.createElement("svg", { width: 25, height: 24, viewBox: "0 0 25 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ c.createElement("g", { id: "arrow/chevron/>/end" }, /* @__PURE__ */ c.createElement("path", { id: "vector", d: "M7.5 4.99998L14.5 12L7.5 19M17.5 4.99998L17.5 19", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }))), H = (t) => /* @__PURE__ */ c.createElement("svg", { width: 10, height: 16, viewBox: "0 0 10 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ c.createElement("path", { d: "M1.5 1L8.5 8L1.5 15", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })), q = (t) => /* @__PURE__ */ c.createElement("svg", { width: 10, height: 16, viewBox: "0 0 10 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ c.createElement("path", { d: "M8.5 15L1.5 8L8.5 1", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }));
+function $t({
   isRtl: t,
-  pageCount: a,
-  page: o,
-  onPageChange: n,
+  pageCount: o,
+  page: a,
+  onPageChange: r,
   className: v
 }) {
   return /* @__PURE__ */ s(
-    et,
+    tt,
     {
       showFirstButton: !0,
       showLastButton: !0,
       className: v,
-      count: a,
-      page: o + 1,
-      onChange: (c, f) => {
-        n(c, f - 1);
+      count: o,
+      page: a + 1,
+      onChange: (p, f) => {
+        r(p, f - 1);
       },
       boundaryCount: 0,
       siblingCount: 1,
-      renderItem: (c) => /* @__PURE__ */ s(
-        U,
+      renderItem: (p) => /* @__PURE__ */ s(
+        at,
         {
           slots: {
-            previous: () => t ? /* @__PURE__ */ s(J, { color: "var(--color-primary)" }) : /* @__PURE__ */ s(K, { color: "var(--color-primary)" }),
-            next: () => t ? /* @__PURE__ */ s(K, { color: "var(--color-primary)" }) : /* @__PURE__ */ s(J, { color: "var(--color-primary)" }),
-            first: () => t ? /* @__PURE__ */ s(q, { color: "var(--color-primary)" }) : /* @__PURE__ */ s(H, { color: "var(--color-primary)" }),
-            last: () => t ? /* @__PURE__ */ s(H, { color: "var(--color-primary)" }) : /* @__PURE__ */ s(q, { color: "var(--color-primary)" })
+            previous: () => t ? /* @__PURE__ */ s(H, { color: "var(--color-primary)" }) : /* @__PURE__ */ s(q, { color: "var(--color-primary)" }),
+            next: () => t ? /* @__PURE__ */ s(q, { color: "var(--color-primary)" }) : /* @__PURE__ */ s(H, { color: "var(--color-primary)" }),
+            first: () => t ? /* @__PURE__ */ s(_, { color: "var(--color-primary)" }) : /* @__PURE__ */ s(G, { color: "var(--color-primary)" }),
+            last: () => t ? /* @__PURE__ */ s(G, { color: "var(--color-primary)" }) : /* @__PURE__ */ s(_, { color: "var(--color-primary)" })
           },
-          ...c
+          ...p
         }
       ),
       sx: {
@@ -813,10 +814,6 @@ function Ot({
     }
   );
 }
-function zt({ isRtl: t, pageCount: a }) {
-  return /* @__PURE__ */ s(nt, { ActionsComponent: (o) => /* @__PURE__ */ s(Ot, { isRtl: t, pageCount: a, ...o }) });
-}
 export {
-  zt as CustomPagination,
-  Ot as Pagination
+  $t as PassportPagination
 };