@amateescu/portal-ui-components 0.0.7-beta1 → 0.0.7-beta2

package/dist/components/CustomPagination/index.js

@@ -0,0 +1,705 @@
+import { jsx as f, jsxs as Z } from "react/jsx-runtime";
+import { u as aa, c as E, a as oa, L as S, F, i as M, G as ta, b as ea, d as G, g as na, e as sa, f as ia } from "../../GridPagination-DX1ANwBF.js";
+import { _, a as c } from "../../index-kNWC7pFF.js";
+import * as D from "react";
+import { g as w, a as q, u as H, c as I, b as J, s as A, d as W, m as B, P as t } from "../../generateUtilityClasses-BzhjuzcK.js";
+import { B as ra } from "../../ButtonBase-CHdm_9Jj.js";
+function la(a) {
+  return w("MuiPagination", a);
+}
+q("MuiPagination", ["root", "ul", "outlined", "text"]);
+const ca = ["boundaryCount", "componentName", "count", "defaultPage", "disabled", "hideNextButton", "hidePrevButton", "onChange", "page", "showFirstButton", "showLastButton", "siblingCount"];
+function pa(a = {}) {
+  const {
+    boundaryCount: o = 1,
+    componentName: e = "usePagination",
+    count: n = 1,
+    defaultPage: p = 1,
+    disabled: u = !1,
+    hideNextButton: v = !1,
+    hidePrevButton: l = !1,
+    onChange: d,
+    page: b,
+    showFirstButton: P = !1,
+    showLastButton: $ = !1,
+    siblingCount: y = 1
+  } = a, r = _(a, ca), [i, R] = aa({
+    controlled: b,
+    default: p,
+    name: e,
+    state: "page"
+  }), N = (s, O) => {
+    b || R(O), d && d(s, O);
+  }, x = (s, O) => {
+    const X = O - s + 1;
+    return Array.from({
+      length: X
+    }, (za, Y) => s + Y);
+  }, T = x(1, Math.min(o, n)), C = x(Math.max(n - o + 1, o + 1), n), k = Math.max(
+    Math.min(
+      // Natural start
+      i - y,
+      // Lower boundary when page is high
+      n - o - y * 2 - 1
+    ),
+    // Greater than startPages
+    o + 2
+  ), z = Math.min(
+    Math.max(
+      // Natural end
+      i + y,
+      // Upper boundary when page is low
+      o + y * 2 + 2
+    ),
+    // Less than endPages
+    C.length > 0 ? C[0] - 2 : n - 1
+  ), h = [
+    ...P ? ["first"] : [],
+    ...l ? [] : ["previous"],
+    ...T,
+    // Start ellipsis
+    // eslint-disable-next-line no-nested-ternary
+    ...k > o + 2 ? ["start-ellipsis"] : o + 1 < n - o ? [o + 1] : [],
+    // Sibling pages
+    ...x(k, z),
+    // End ellipsis
+    // eslint-disable-next-line no-nested-ternary
+    ...z < n - o - 1 ? ["end-ellipsis"] : n - o > o ? [n - o] : [],
+    ...C,
+    ...v ? [] : ["next"],
+    ...$ ? ["last"] : []
+  ], L = (s) => {
+    switch (s) {
+      case "first":
+        return 1;
+      case "previous":
+        return i - 1;
+      case "next":
+        return i + 1;
+      case "last":
+        return n;
+      default:
+        return null;
+    }
+  }, m = h.map((s) => typeof s == "number" ? {
+    onClick: (O) => {
+      N(O, s);
+    },
+    type: "page",
+    page: s,
+    selected: s === i,
+    disabled: u,
+    "aria-current": s === i ? "true" : void 0
+  } : {
+    onClick: (O) => {
+      N(O, L(s));
+    },
+    type: s,
+    page: L(s),
+    selected: !1,
+    disabled: u || s.indexOf("ellipsis") === -1 && (s === "next" || s === "last" ? i >= n : i <= 1)
+  });
+  return c({
+    items: m
+  }, r);
+}
+function da(a) {
+  return w("MuiPaginationItem", a);
+}
+const g = q("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "text", "textPrimary", "textSecondary", "outlined", "outlinedPrimary", "outlinedSecondary", "rounded", "ellipsis", "firstLast", "previousNext", "focusVisible", "disabled", "selected", "icon", "colorPrimary", "colorSecondary"]), U = E(/* @__PURE__ */ f("path", {
+  d: "M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"
+}), "NavigateBefore"), V = E(/* @__PURE__ */ f("path", {
+  d: "M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"
+}), "NavigateNext"), ua = ["className", "color", "component", "components", "disabled", "page", "selected", "shape", "size", "slots", "type", "variant"], K = (a, o) => {
+  const {
+    ownerState: e
+  } = a;
+  return [o.root, o[e.variant], o[`size${I(e.size)}`], e.variant === "text" && o[`text${I(e.color)}`], e.variant === "outlined" && o[`outlined${I(e.color)}`], e.shape === "rounded" && o.rounded, e.type === "page" && o.page, (e.type === "start-ellipsis" || e.type === "end-ellipsis") && o.ellipsis, (e.type === "previous" || e.type === "next") && o.previousNext, (e.type === "first" || e.type === "last") && o.firstLast];
+}, ga = (a) => {
+  const {
+    classes: o,
+    color: e,
+    disabled: n,
+    selected: p,
+    size: u,
+    shape: v,
+    type: l,
+    variant: d
+  } = a, b = {
+    root: ["root", `size${I(u)}`, d, v, e !== "standard" && `color${I(e)}`, e !== "standard" && `${d}${I(e)}`, n && "disabled", p && "selected", {
+      page: "page",
+      first: "firstLast",
+      last: "firstLast",
+      "start-ellipsis": "ellipsis",
+      "end-ellipsis": "ellipsis",
+      previous: "previousNext",
+      next: "previousNext"
+    }[l]],
+    icon: ["icon"]
+  };
+  return J(b, da, o);
+}, fa = A("div", {
+  name: "MuiPaginationItem",
+  slot: "Root",
+  overridesResolver: K
+})(({
+  theme: a,
+  ownerState: o
+}) => c({}, a.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,
+  height: "auto",
+  [`&.${g.disabled}`]: {
+    opacity: (a.vars || a).palette.action.disabledOpacity
+  }
+}, o.size === "small" && {
+  minWidth: 26,
+  borderRadius: 26 / 2,
+  margin: "0 1px",
+  padding: "0 4px"
+}, o.size === "large" && {
+  minWidth: 40,
+  borderRadius: 40 / 2,
+  padding: "0 10px",
+  fontSize: a.typography.pxToRem(15)
+})), va = A(ra, {
+  name: "MuiPaginationItem",
+  slot: "Root",
+  overridesResolver: K
+})(({
+  theme: a,
+  ownerState: o
+}) => c({}, a.typography.body2, {
+  borderRadius: 32 / 2,
+  textAlign: "center",
+  boxSizing: "border-box",
+  minWidth: 32,
+  height: 32,
+  padding: "0 6px",
+  margin: "0 3px",
+  color: (a.vars || a).palette.text.primary,
+  [`&.${g.focusVisible}`]: {
+    backgroundColor: (a.vars || a).palette.action.focus
+  },
+  [`&.${g.disabled}`]: {
+    opacity: (a.vars || a).palette.action.disabledOpacity
+  },
+  transition: a.transitions.create(["color", "background-color"], {
+    duration: a.transitions.duration.short
+  }),
+  "&:hover": {
+    backgroundColor: (a.vars || a).palette.action.hover,
+    // Reset on touch devices, it doesn't add specificity
+    "@media (hover: none)": {
+      backgroundColor: "transparent"
+    }
+  },
+  [`&.${g.selected}`]: {
+    backgroundColor: (a.vars || a).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),
+      // Reset on touch devices, it doesn't add specificity
+      "@media (hover: none)": {
+        backgroundColor: (a.vars || a).palette.action.selected
+      }
+    },
+    [`&.${g.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)
+    },
+    [`&.${g.disabled}`]: {
+      opacity: 1,
+      color: (a.vars || a).palette.action.disabled,
+      backgroundColor: (a.vars || a).palette.action.selected
+    }
+  }
+}, o.size === "small" && {
+  minWidth: 26,
+  height: 26,
+  borderRadius: 26 / 2,
+  margin: "0 1px",
+  padding: "0 4px"
+}, o.size === "large" && {
+  minWidth: 40,
+  height: 40,
+  borderRadius: 40 / 2,
+  padding: "0 10px",
+  fontSize: a.typography.pxToRem(15)
+}, o.shape === "rounded" && {
+  borderRadius: (a.vars || a).shape.borderRadius
+}), ({
+  theme: a,
+  ownerState: o
+}) => c({}, o.variant === "text" && {
+  [`&.${g.selected}`]: c({}, o.color !== "standard" && {
+    color: (a.vars || a).palette[o.color].contrastText,
+    backgroundColor: (a.vars || a).palette[o.color].main,
+    "&:hover": {
+      backgroundColor: (a.vars || a).palette[o.color].dark,
+      // Reset on touch devices, it doesn't add specificity
+      "@media (hover: none)": {
+        backgroundColor: (a.vars || a).palette[o.color].main
+      }
+    },
+    [`&.${g.focusVisible}`]: {
+      backgroundColor: (a.vars || a).palette[o.color].dark
+    }
+  }, {
+    [`&.${g.disabled}`]: {
+      color: (a.vars || a).palette.action.disabled
+    }
+  })
+}, o.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)"}`,
+  [`&.${g.selected}`]: c({}, o.color !== "standard" && {
+    color: (a.vars || a).palette[o.color].main,
+    border: `1px solid ${a.vars ? `rgba(${a.vars.palette[o.color].mainChannel} / 0.5)` : B(a.palette[o.color].main, 0.5)}`,
+    backgroundColor: a.vars ? `rgba(${a.vars.palette[o.color].mainChannel} / ${a.vars.palette.action.activatedOpacity})` : B(a.palette[o.color].main, a.palette.action.activatedOpacity),
+    "&:hover": {
+      backgroundColor: a.vars ? `rgba(${a.vars.palette[o.color].mainChannel} / calc(${a.vars.palette.action.activatedOpacity} + ${a.vars.palette.action.focusOpacity}))` : B(a.palette[o.color].main, a.palette.action.activatedOpacity + a.palette.action.focusOpacity),
+      // Reset on touch devices, it doesn't add specificity
+      "@media (hover: none)": {
+        backgroundColor: "transparent"
+      }
+    },
+    [`&.${g.focusVisible}`]: {
+      backgroundColor: a.vars ? `rgba(${a.vars.palette[o.color].mainChannel} / calc(${a.vars.palette.action.activatedOpacity} + ${a.vars.palette.action.focusOpacity}))` : B(a.palette[o.color].main, a.palette.action.activatedOpacity + a.palette.action.focusOpacity)
+    }
+  }, {
+    [`&.${g.disabled}`]: {
+      borderColor: (a.vars || a).palette.action.disabledBackground,
+      color: (a.vars || a).palette.action.disabled
+    }
+  })
+})), ba = A("div", {
+  name: "MuiPaginationItem",
+  slot: "Icon",
+  overridesResolver: (a, o) => o.icon
+})(({
+  theme: a,
+  ownerState: o
+}) => c({
+  fontSize: a.typography.pxToRem(20),
+  margin: "0 -8px"
+}, o.size === "small" && {
+  fontSize: a.typography.pxToRem(18)
+}, o.size === "large" && {
+  fontSize: a.typography.pxToRem(22)
+})), j = /* @__PURE__ */ D.forwardRef(function(o, e) {
+  const n = H({
+    props: o,
+    name: "MuiPaginationItem"
+  }), {
+    className: p,
+    color: u = "standard",
+    component: v,
+    components: l = {},
+    disabled: d = !1,
+    page: b,
+    selected: P = !1,
+    shape: $ = "circular",
+    size: y = "medium",
+    slots: r = {},
+    type: i = "page",
+    variant: R = "text"
+  } = n, N = _(n, ua), x = c({}, n, {
+    color: u,
+    disabled: d,
+    selected: P,
+    shape: $,
+    size: y,
+    type: i,
+    variant: R
+  }), T = oa(), C = ga(x), z = (T ? {
+    previous: r.next || l.next || V,
+    next: r.previous || l.previous || U,
+    last: r.first || l.first || F,
+    first: r.last || l.last || S
+  } : {
+    previous: r.previous || l.previous || U,
+    next: r.next || l.next || V,
+    first: r.first || l.first || F,
+    last: r.last || l.last || S
+  })[i];
+  return i === "start-ellipsis" || i === "end-ellipsis" ? /* @__PURE__ */ f(fa, {
+    ref: e,
+    ownerState: x,
+    className: W(C.root, p),
+    children: "…"
+  }) : /* @__PURE__ */ Z(va, c({
+    ref: e,
+    ownerState: x,
+    component: v,
+    disabled: d,
+    className: W(C.root, p)
+  }, N, {
+    children: [i === "page" && b, z ? /* @__PURE__ */ f(ba, {
+      as: z,
+      ownerState: x,
+      className: C.icon
+    }) : null]
+  }));
+});
+process.env.NODE_ENV !== "production" && (j.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * @ignore
+   */
+  children: t.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: t.object,
+  /**
+   * @ignore
+   */
+  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: 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: t.elementType,
+  /**
+   * The components used for each slot inside.
+   *
+   * This prop is an alias for the `slots` prop.
+   * It's recommended to use the `slots` prop instead.
+   *
+   * @default {}
+   */
+  components: t.shape({
+    first: t.elementType,
+    last: t.elementType,
+    next: t.elementType,
+    previous: t.elementType
+  }),
+  /**
+   * If `true`, the component is disabled.
+   * @default false
+   */
+  disabled: t.bool,
+  /**
+   * The current page number.
+   */
+  page: t.node,
+  /**
+   * If `true` the pagination item is selected.
+   * @default false
+   */
+  selected: t.bool,
+  /**
+   * The shape of the pagination item.
+   * @default 'circular'
+   */
+  shape: t.oneOf(["circular", "rounded"]),
+  /**
+   * The size of the component.
+   * @default 'medium'
+   */
+  size: t.oneOfType([t.oneOf(["small", "medium", "large"]), t.string]),
+  /**
+   * The components used for each slot inside.
+   *
+   * This prop is an alias for the `components` prop, which will be deprecated in the future.
+   *
+   * @default {}
+   */
+  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: t.oneOfType([t.arrayOf(t.oneOfType([t.func, t.object, t.bool])), t.func, t.object]),
+  /**
+   * The type of pagination item.
+   * @default 'page'
+   */
+  type: t.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])
+});
+const ya = ["boundaryCount", "className", "color", "count", "defaultPage", "disabled", "getItemAriaLabel", "hideNextButton", "hidePrevButton", "onChange", "page", "renderItem", "shape", "showFirstButton", "showLastButton", "siblingCount", "size", "variant"], xa = (a) => {
+  const {
+    classes: o,
+    variant: e
+  } = a;
+  return J({
+    root: ["root", e],
+    ul: ["ul"]
+  }, la, o);
+}, Ca = A("nav", {
+  name: "MuiPagination",
+  slot: "Root",
+  overridesResolver: (a, o) => {
+    const {
+      ownerState: e
+    } = a;
+    return [o.root, o[e.variant]];
+  }
+})({}), Pa = A("ul", {
+  name: "MuiPagination",
+  slot: "Ul",
+  overridesResolver: (a, o) => o.ul
+})({
+  display: "flex",
+  flexWrap: "wrap",
+  alignItems: "center",
+  padding: 0,
+  margin: 0,
+  listStyle: "none"
+});
+function ma(a, o, e) {
+  return a === "page" ? `${e ? "" : "Go to "}page ${o}` : `Go to ${a} page`;
+}
+const Q = /* @__PURE__ */ D.forwardRef(function(o, e) {
+  const n = H({
+    props: o,
+    name: "MuiPagination"
+  }), {
+    boundaryCount: p = 1,
+    className: u,
+    color: v = "standard",
+    count: l = 1,
+    defaultPage: d = 1,
+    disabled: b = !1,
+    getItemAriaLabel: P = ma,
+    hideNextButton: $ = !1,
+    hidePrevButton: y = !1,
+    renderItem: r = (m) => /* @__PURE__ */ f(j, c({}, m)),
+    shape: i = "circular",
+    showFirstButton: R = !1,
+    showLastButton: N = !1,
+    siblingCount: x = 1,
+    size: T = "medium",
+    variant: C = "text"
+  } = n, k = _(n, ya), {
+    items: z
+  } = pa(c({}, n, {
+    componentName: "Pagination"
+  })), h = c({}, n, {
+    boundaryCount: p,
+    color: v,
+    count: l,
+    defaultPage: d,
+    disabled: b,
+    getItemAriaLabel: P,
+    hideNextButton: $,
+    hidePrevButton: y,
+    renderItem: r,
+    shape: i,
+    showFirstButton: R,
+    showLastButton: N,
+    siblingCount: x,
+    size: T,
+    variant: C
+  }), L = xa(h);
+  return /* @__PURE__ */ f(Ca, c({
+    "aria-label": "pagination navigation",
+    className: W(L.root, u),
+    ownerState: h,
+    ref: e
+  }, k, {
+    children: /* @__PURE__ */ f(Pa, {
+      className: L.ul,
+      ownerState: h,
+      children: z.map((m, s) => /* @__PURE__ */ f("li", {
+        children: r(c({}, m, {
+          color: v,
+          "aria-label": P(m.type, m.page, m.selected),
+          shape: i,
+          size: T,
+          variant: C
+        }))
+      }, s))
+    })
+  }));
+});
+process.env.NODE_ENV !== "production" && (Q.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * Number of always visible pages at the beginning and end.
+   * @default 1
+   */
+  boundaryCount: M,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: t.object,
+  /**
+   * @ignore
+   */
+  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: t.oneOfType([t.oneOf(["primary", "secondary", "standard"]), t.string]),
+  /**
+   * The total number of pages.
+   * @default 1
+   */
+  count: M,
+  /**
+   * The page selected by default when the component is uncontrolled.
+   * @default 1
+   */
+  defaultPage: M,
+  /**
+   * If `true`, the component is disabled.
+   * @default false
+   */
+  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.
+   *
+   * For localization purposes, you can use the provided [translations](/material-ui/guides/localization/).
+   * @param {string} type The link or button type to format ('page' | 'first' | 'last' | 'next' | 'previous' | 'start-ellipsis' | 'end-ellipsis'). Defaults to 'page'.
+   * @param {number} page The page number to format.
+   * @param {bool} selected If true, the current page is selected.
+   * @returns {string}
+   */
+  getItemAriaLabel: t.func,
+  /**
+   * If `true`, hide the next-page button.
+   * @default false
+   */
+  hideNextButton: t.bool,
+  /**
+   * If `true`, hide the previous-page button.
+   * @default false
+   */
+  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: t.func,
+  /**
+   * The current page. Unlike `TablePagination`, which starts numbering from `0`, this pagination starts from `1`.
+   */
+  page: M,
+  /**
+   * Render the item.
+   * @param {PaginationRenderItemParams} params The props to spread on a PaginationItem.
+   * @returns {ReactNode}
+   * @default (item) => <PaginationItem {...item} />
+   */
+  renderItem: t.func,
+  /**
+   * The shape of the pagination items.
+   * @default 'circular'
+   */
+  shape: t.oneOf(["circular", "rounded"]),
+  /**
+   * If `true`, show the first-page button.
+   * @default false
+   */
+  showFirstButton: t.bool,
+  /**
+   * If `true`, show the last-page button.
+   * @default false
+   */
+  showLastButton: t.bool,
+  /**
+   * Number of always visible pages before and after the current page.
+   * @default 1
+   */
+  siblingCount: M,
+  /**
+   * The size of the component.
+   * @default 'medium'
+   */
+  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: t.oneOfType([t.arrayOf(t.oneOfType([t.func, t.object, t.bool])), t.func, t.object]),
+  /**
+   * The variant to use.
+   * @default 'text'
+   */
+  variant: t.oneOfType([t.oneOf(["outlined", "text"]), t.string])
+});
+const Oa = (a, o) => o > 0 && a > 0 ? Math.ceil(a / o) : 0;
+function $a({
+  isRtl: a,
+  arrowFirstIcon: o,
+  arrowLastIcon: e,
+  nextIcon: n,
+  previousIcon: p,
+  page: u,
+  onPageChange: v,
+  className: l
+}) {
+  const d = ea(), b = G(d, na), P = G(d, sa), $ = ia(), y = Oa($.rowCount ?? P, b);
+  return /* @__PURE__ */ f(
+    Q,
+    {
+      showFirstButton: !0,
+      showLastButton: !0,
+      className: l,
+      count: y,
+      page: u + 1,
+      onChange: (r, i) => {
+        v(r, i - 1);
+      },
+      boundaryCount: 0,
+      siblingCount: 1,
+      renderItem: (r) => /* @__PURE__ */ f(
+        j,
+        {
+          slots: { previous: a ? n : p, next: a ? p : n, first: a ? e : o, last: a ? o : e },
+          ...r
+        }
+      ),
+      sx: {
+        "& .MuiPaginationItem-root": {
+          fontWeight: "300",
+          fontSize: "16px",
+          "&.Mui-selected": {
+            color: "#12121A",
+            fontWeight: "400",
+            fontSize: "16px",
+            background: "#05A952",
+            borderRadius: "8px"
+          }
+        }
+      }
+    }
+  );
+}
+function ka({ isRtl: a, arrowFirstIcon: o, arrowLastIcon: e, nextIcon: n, previousIcon: p }) {
+  return /* @__PURE__ */ f(ta, { ActionsComponent: (u) => /* @__PURE__ */ f($a, { isRtl: a, arrowFirstIcon: o, arrowLastIcon: e, nextIcon: n, previousIcon: p, ...u }) });
+}
+export {
+  ka as CustomPagination
+};