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

package/dist/{GridPagination-DX1ANwBF.js → GridPagination-DrNedBid.js}

@@ -7577,114 +7577,114 @@ process.env.NODE_ENV !== "production" && (Ea.propTypes = {
   component: t.elementType
 });
 export {
-  Ka as $,
+  Li as $,
   Cr as A,
-  Ma as B,
-  ka as C,
-  yn as D,
-  Ht as E,
+  Xo as B,
+  Wt as C,
+  qt as D,
+  K as E,
   Hs as F,
   Ea as G,
   at as H,
   rt as I,
-  zt as J,
-  Xo as K,
+  re as J,
+  Mi as K,
   qs as L,
-  Wt as M,
-  qt as N,
+  Nn as M,
+  en as N,
   Kt as O,
   yt as P,
-  K as Q,
-  re as R,
+  _a as Q,
+  Ha as R,
   Yt as S,
-  en as T,
-  _a as U,
-  Ha as V,
-  Ya as W,
-  qa as X,
-  Qi as Y,
-  Ji as Z,
-  na as _,
+  Ya as T,
+  qa as U,
+  Qi as V,
+  Ji as W,
+  na as X,
+  Ni as Y,
+  Ka as Z,
+  Aa as _,
   Gn as a,
-  Aa as a0,
-  Li as a1,
-  $a as a2,
-  dt as a3,
-  ro as a4,
-  ea as a5,
-  Zt as a6,
-  aa as a7,
-  il as a8,
-  lo as a9,
-  va as aA,
-  nl as aB,
-  Ja as aC,
-  el as aD,
-  rl as aE,
-  Wa as aF,
-  Hi as aG,
-  Fa as aH,
-  Mo as aI,
-  Qa as aJ,
-  ja as aK,
-  Ua as aL,
-  oa as aM,
-  ia as aN,
-  Va as aO,
-  Io as aP,
-  ol as aQ,
+  $a as a0,
+  dt as a1,
+  ro as a2,
+  ea as a3,
+  Zt as a4,
+  aa as a5,
+  il as a6,
+  lo as a7,
+  ra as a8,
+  xt as a9,
+  nl as aA,
+  Ja as aB,
+  el as aC,
+  rl as aD,
+  Wa as aE,
+  Hi as aF,
+  Fa as aG,
+  Mo as aH,
+  Qa as aI,
+  ja as aJ,
+  Ua as aK,
+  oa as aL,
+  ia as aM,
+  Va as aN,
+  Io as aO,
+  ol as aP,
+  ya as aQ,
   Vn as aR,
   Ae as aS,
   No as aT,
-  ra as aa,
-  xt as ab,
-  Qt as ac,
-  La as ad,
-  So as ae,
-  ki as af,
-  Bi as ag,
-  za as ah,
-  ko as ai,
-  sl as aj,
-  pt as ak,
-  To as al,
-  Ba as am,
-  Zi as an,
-  Da as ao,
-  Co as ap,
-  Eo as aq,
-  xo as ar,
-  Oo as as,
-  Za as at,
-  ga as au,
-  Jt as av,
-  Ga as aw,
-  Ro as ax,
-  wt as ay,
-  tl as az,
-  Ni as b,
+  Qt as aa,
+  La as ab,
+  So as ac,
+  ki as ad,
+  Bi as ae,
+  za as af,
+  Xa as ag,
+  ko as ah,
+  sl as ai,
+  pt as aj,
+  To as ak,
+  Ba as al,
+  Zi as am,
+  Da as an,
+  Co as ao,
+  Eo as ap,
+  xo as aq,
+  Oo as ar,
+  Za as as,
+  ga as at,
+  Jt as au,
+  Ga as av,
+  Ro as aw,
+  wt as ax,
+  tl as ay,
+  va as az,
+  Dt as b,
   ut as c,
-  Nn as d,
-  Xa as e,
-  Mi as f,
-  ya as g,
-  Dt as h,
+  Ge as d,
+  Xn as e,
+  Be as f,
+  Ke as g,
+  ke as h,
   st as i,
-  Ge as j,
-  Xn as k,
-  Be as l,
-  Ke as m,
-  ke as n,
+  Qe as j,
+  Ut as k,
+  ct as l,
+  jn as m,
+  Na as n,
   ge as o,
-  Qe as p,
-  Ut as q,
-  ct as r,
-  jn as s,
-  Na as t,
+  Oa as p,
+  Jn as q,
+  Vt as r,
+  jt as s,
+  Et as t,
   dn as u,
-  Oa as v,
-  Jn as w,
-  Vt as x,
-  jt as y,
-  Et as z
+  Ma as v,
+  ka as w,
+  yn as x,
+  Ht as y,
+  zt as z
 };

package/dist/components/CustomPagination/index.d.ts

@@ -1,13 +1,11 @@
-import { FunctionComponent, SVGProps } from 'react';
-type PortalSvg = FunctionComponent<SVGProps<SVGSVGElement> & {
-    title?: string;
-}>;
+import { default as CustomSvg } from '../../types/CustomSvg';
 type ExternalPaginationProps = {
     isRtl: boolean;
-    arrowFirstIcon: PortalSvg;
-    arrowLastIcon: PortalSvg;
-    nextIcon: PortalSvg;
-    previousIcon: PortalSvg;
+    pageCount: number;
+    arrowFirstIcon: CustomSvg;
+    arrowLastIcon: CustomSvg;
+    nextIcon: CustomSvg;
+    previousIcon: CustomSvg;
 };
-export declare function CustomPagination({ isRtl, arrowFirstIcon, arrowLastIcon, nextIcon, previousIcon }: ExternalPaginationProps): import("react/jsx-runtime").JSX.Element;
+export declare function CustomPagination({ isRtl, pageCount, arrowFirstIcon, arrowLastIcon, nextIcon, previousIcon }: ExternalPaginationProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/CustomPagination/index.js

@@ -1,73 +1,73 @@
-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 { 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 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);
+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);
 }
-q("MuiPagination", ["root", "ul", "outlined", "text"]);
-const ca = ["boundaryCount", "componentName", "count", "defaultPage", "disabled", "hideNextButton", "hidePrevButton", "onChange", "page", "showFirstButton", "showLastButton", "siblingCount"];
-function pa(a = {}) {
+S("MuiPagination", ["root", "ul", "outlined", "text"]);
+const na = ["boundaryCount", "componentName", "count", "defaultPage", "disabled", "hideNextButton", "hidePrevButton", "onChange", "page", "showFirstButton", "showLastButton", "siblingCount"];
+function sa(a = {}) {
   const {
-    boundaryCount: o = 1,
+    boundaryCount: t = 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,
+    defaultPage: c = 1,
+    disabled: p = !1,
+    hideNextButton: u = !1,
+    hidePrevButton: r = !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,
     state: "page"
   }), N = (s, O) => {
-    b || R(O), d && d(s, O);
-  }, x = (s, O) => {
-    const X = O - s + 1;
+    f || k(O), g && g(s, O);
+  }, y = (s, O) => {
+    const Q = 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(
+      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(
     Math.min(
       // Natural start
-      i - y,
+      i - P,
       // Lower boundary when page is high
-      n - o - y * 2 - 1
+      n - t - P * 2 - 1
     ),
     // Greater than startPages
-    o + 2
-  ), z = Math.min(
+    t + 2
+  ), $ = Math.min(
     Math.max(
       // Natural end
-      i + y,
+      i + P,
       // Upper boundary when page is low
-      o + y * 2 + 2
+      t + P * 2 + 2
     ),
     // Less than endPages
-    C.length > 0 ? C[0] - 2 : n - 1
+    x.length > 0 ? x[0] - 2 : n - 1
   ), h = [
-    ...P ? ["first"] : [],
-    ...l ? [] : ["previous"],
-    ...T,
+    ...C ? ["first"] : [],
+    ...r ? [] : ["previous"],
+    ...z,
     // Start ellipsis
     // eslint-disable-next-line no-nested-ternary
-    ...k > o + 2 ? ["start-ellipsis"] : o + 1 < n - o ? [o + 1] : [],
+    ...R > t + 2 ? ["start-ellipsis"] : t + 1 < n - t ? [t + 1] : [],
     // Sibling pages
-    ...x(k, z),
+    ...y(R, $),
     // End ellipsis
     // eslint-disable-next-line no-nested-ternary
-    ...z < n - o - 1 ? ["end-ellipsis"] : n - o > o ? [n - o] : [],
-    ...C,
-    ...v ? [] : ["next"],
-    ...$ ? ["last"] : []
+    ...$ < n - t - 1 ? ["end-ellipsis"] : n - t > t ? [n - t] : [],
+    ...x,
+    ...u ? [] : ["next"],
+    ...I ? ["last"] : []
   ], L = (s) => {
     switch (s) {
       case "first":
@@ -88,7 +88,7 @@ function pa(a = {}) {
     type: "page",
     page: s,
     selected: s === i,
-    disabled: u,
+    disabled: p,
     "aria-current": s === i ? "true" : void 0
   } : {
     onClick: (O) => {
@@ -97,36 +97,36 @@ function pa(a = {}) {
     type: s,
     page: L(s),
     selected: !1,
-    disabled: u || s.indexOf("ellipsis") === -1 && (s === "next" || s === "last" ? i >= n : i <= 1)
+    disabled: p || s.indexOf("ellipsis") === -1 && (s === "next" || s === "last" ? i >= n : i <= 1)
   });
-  return c({
+  return l({
     items: m
-  }, r);
+  }, d);
 }
-function da(a) {
-  return w("MuiPaginationItem", a);
+function ia(a) {
+  return G("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", {
+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", {
   d: "M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"
-}), "NavigateBefore"), V = E(/* @__PURE__ */ f("path", {
+}), "NavigateBefore"), E = H(/* @__PURE__ */ b("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) => {
+}), "NavigateNext"), ra = ["className", "color", "component", "components", "disabled", "page", "selected", "shape", "size", "slots", "type", "variant"], J = (a, t) => {
   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) => {
+  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) => {
   const {
-    classes: o,
+    classes: t,
     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", {
+    selected: c,
+    size: p,
+    shape: u,
+    type: r,
+    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", {
       page: "page",
       first: "firstLast",
       last: "firstLast",
@@ -134,18 +134,18 @@ const g = q("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "tex
       "end-ellipsis": "ellipsis",
       previous: "previousNext",
       next: "previousNext"
-    }[l]],
+    }[r]],
     icon: ["icon"]
   };
-  return J(b, da, o);
-}, fa = A("div", {
+  return q(f, ia, t);
+}, ca = A("div", {
   name: "MuiPaginationItem",
   slot: "Root",
-  overridesResolver: K
+  overridesResolver: J
 })(({
   theme: a,
-  ownerState: o
-}) => c({}, a.typography.body2, {
+  ownerState: t
+}) => l({}, a.typography.body2, {
   borderRadius: 32 / 2,
   textAlign: "center",
   boxSizing: "border-box",
@@ -154,27 +154,27 @@ const g = q("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "tex
   margin: "0 3px",
   color: (a.vars || a).palette.text.primary,
   height: "auto",
-  [`&.${g.disabled}`]: {
+  [`&.${v.disabled}`]: {
     opacity: (a.vars || a).palette.action.disabledOpacity
   }
-}, o.size === "small" && {
+}, t.size === "small" && {
   minWidth: 26,
   borderRadius: 26 / 2,
   margin: "0 1px",
   padding: "0 4px"
-}, o.size === "large" && {
+}, t.size === "large" && {
   minWidth: 40,
   borderRadius: 40 / 2,
   padding: "0 10px",
   fontSize: a.typography.pxToRem(15)
-})), va = A(ra, {
+})), pa = A(oa, {
   name: "MuiPaginationItem",
   slot: "Root",
-  overridesResolver: K
+  overridesResolver: J
 })(({
   theme: a,
-  ownerState: o
-}) => c({}, a.typography.body2, {
+  ownerState: t
+}) => l({}, a.typography.body2, {
   borderRadius: 32 / 2,
   textAlign: "center",
   boxSizing: "border-box",
@@ -183,10 +183,10 @@ const g = q("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "tex
   padding: "0 6px",
   margin: "0 3px",
   color: (a.vars || a).palette.text.primary,
-  [`&.${g.focusVisible}`]: {
+  [`&.${v.focusVisible}`]: {
     backgroundColor: (a.vars || a).palette.action.focus
   },
-  [`&.${g.disabled}`]: {
+  [`&.${v.disabled}`]: {
     opacity: (a.vars || a).palette.action.disabledOpacity
   },
   transition: a.transitions.create(["color", "background-color"], {
@@ -199,7 +199,7 @@ const g = q("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "tex
       backgroundColor: "transparent"
     }
   },
-  [`&.${g.selected}`]: {
+  [`&.${v.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),
@@ -208,139 +208,139 @@ const g = q("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "tex
         backgroundColor: (a.vars || a).palette.action.selected
       }
     },
-    [`&.${g.focusVisible}`]: {
+    [`&.${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)
     },
-    [`&.${g.disabled}`]: {
+    [`&.${v.disabled}`]: {
       opacity: 1,
       color: (a.vars || a).palette.action.disabled,
       backgroundColor: (a.vars || a).palette.action.selected
     }
   }
-}, o.size === "small" && {
+}, t.size === "small" && {
   minWidth: 26,
   height: 26,
   borderRadius: 26 / 2,
   margin: "0 1px",
   padding: "0 4px"
-}, o.size === "large" && {
+}, t.size === "large" && {
   minWidth: 40,
   height: 40,
   borderRadius: 40 / 2,
   padding: "0 10px",
   fontSize: a.typography.pxToRem(15)
-}, o.shape === "rounded" && {
+}, t.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,
+  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,
     "&:hover": {
-      backgroundColor: (a.vars || a).palette[o.color].dark,
+      backgroundColor: (a.vars || a).palette[t.color].dark,
       // Reset on touch devices, it doesn't add specificity
       "@media (hover: none)": {
-        backgroundColor: (a.vars || a).palette[o.color].main
+        backgroundColor: (a.vars || a).palette[t.color].main
       }
     },
-    [`&.${g.focusVisible}`]: {
-      backgroundColor: (a.vars || a).palette[o.color].dark
+    [`&.${v.focusVisible}`]: {
+      backgroundColor: (a.vars || a).palette[t.color].dark
     }
   }, {
-    [`&.${g.disabled}`]: {
+    [`&.${v.disabled}`]: {
       color: (a.vars || a).palette.action.disabled
     }
   })
-}, o.variant === "outlined" && {
+}, 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)"}`,
-  [`&.${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),
+  [`&.${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),
     "&: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),
+      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),
       // 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)
+    [`&.${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)
     }
   }, {
-    [`&.${g.disabled}`]: {
+    [`&.${v.disabled}`]: {
       borderColor: (a.vars || a).palette.action.disabledBackground,
       color: (a.vars || a).palette.action.disabled
     }
   })
-})), ba = A("div", {
+})), da = A("div", {
   name: "MuiPaginationItem",
   slot: "Icon",
-  overridesResolver: (a, o) => o.icon
+  overridesResolver: (a, t) => t.icon
 })(({
   theme: a,
-  ownerState: o
-}) => c({
+  ownerState: t
+}) => l({
   fontSize: a.typography.pxToRem(20),
   margin: "0 -8px"
-}, o.size === "small" && {
+}, t.size === "small" && {
   fontSize: a.typography.pxToRem(18)
-}, o.size === "large" && {
+}, t.size === "large" && {
   fontSize: a.typography.pxToRem(22)
-})), j = /* @__PURE__ */ D.forwardRef(function(o, e) {
-  const n = H({
-    props: o,
+})), j = /* @__PURE__ */ D.forwardRef(function(t, e) {
+  const n = w({
+    props: t,
     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 = {},
+    className: c,
+    color: p = "standard",
+    component: u,
+    components: r = {},
+    disabled: g = !1,
+    page: f,
+    selected: C = !1,
+    shape: I = "circular",
+    size: P = "medium",
+    slots: d = {},
     type: i = "page",
-    variant: R = "text"
-  } = n, N = _(n, ua), x = c({}, n, {
-    color: u,
-    disabled: d,
-    selected: P,
-    shape: $,
-    size: y,
+    variant: k = "text"
+  } = n, N = _(n, ra), y = l({}, n, {
+    color: p,
+    disabled: g,
+    selected: C,
+    shape: I,
+    size: P,
     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
+    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
   } : {
-    previous: r.previous || l.previous || U,
-    next: r.next || l.next || V,
-    first: r.first || l.first || F,
-    last: r.last || l.last || S
+    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__ */ f(fa, {
+  return i === "start-ellipsis" || i === "end-ellipsis" ? /* @__PURE__ */ b(ca, {
     ref: e,
-    ownerState: x,
-    className: W(C.root, p),
+    ownerState: y,
+    className: W(x.root, c),
     children: "…"
-  }) : /* @__PURE__ */ Z(va, c({
+  }) : /* @__PURE__ */ Y(pa, l({
     ref: e,
-    ownerState: x,
-    component: v,
-    disabled: d,
-    className: W(C.root, p)
+    ownerState: y,
+    component: u,
+    disabled: g,
+    className: W(x.root, c)
   }, N, {
-    children: [i === "page" && b, z ? /* @__PURE__ */ f(ba, {
-      as: z,
-      ownerState: x,
-      className: C.icon
+    children: [i === "page" && f, $ ? /* @__PURE__ */ b(da, {
+      as: $,
+      ownerState: y,
+      className: x.icon
     }) : null]
   }));
 });
@@ -352,27 +352,27 @@ process.env.NODE_ENV !== "production" && (j.propTypes = {
   /**
    * @ignore
    */
-  children: t.node,
+  children: o.node,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: t.object,
+  classes: o.object,
   /**
    * @ignore
    */
-  className: t.string,
+  className: o.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: o.oneOfType([o.oneOf(["primary", "secondary", "standard"]), o.string]),
   /**
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
-  component: t.elementType,
+  component: o.elementType,
   /**
    * The components used for each slot inside.
    *
@@ -381,36 +381,36 @@ process.env.NODE_ENV !== "production" && (j.propTypes = {
    *
    * @default {}
    */
-  components: t.shape({
-    first: t.elementType,
-    last: t.elementType,
-    next: t.elementType,
-    previous: t.elementType
+  components: o.shape({
+    first: o.elementType,
+    last: o.elementType,
+    next: o.elementType,
+    previous: o.elementType
   }),
   /**
    * If `true`, the component is disabled.
    * @default false
    */
-  disabled: t.bool,
+  disabled: o.bool,
   /**
    * The current page number.
    */
-  page: t.node,
+  page: o.node,
   /**
    * If `true` the pagination item is selected.
    * @default false
    */
-  selected: t.bool,
+  selected: o.bool,
   /**
    * The shape of the pagination item.
    * @default 'circular'
    */
-  shape: t.oneOf(["circular", "rounded"]),
+  shape: o.oneOf(["circular", "rounded"]),
   /**
    * The size of the component.
    * @default 'medium'
    */
-  size: t.oneOfType([t.oneOf(["small", "medium", "large"]), t.string]),
+  size: o.oneOfType([o.oneOf(["small", "medium", "large"]), o.string]),
   /**
    * The components used for each slot inside.
    *
@@ -418,49 +418,49 @@ process.env.NODE_ENV !== "production" && (j.propTypes = {
    *
    * @default {}
    */
-  slots: t.shape({
-    first: t.elementType,
-    last: t.elementType,
-    next: t.elementType,
-    previous: t.elementType
+  slots: o.shape({
+    first: o.elementType,
+    last: o.elementType,
+    next: o.elementType,
+    previous: o.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: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object]),
   /**
    * The type of pagination item.
    * @default 'page'
    */
-  type: t.oneOf(["end-ellipsis", "first", "last", "next", "page", "previous", "start-ellipsis"]),
+  type: o.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: o.oneOfType([o.oneOf(["outlined", "text"]), o.string])
 });
-const ya = ["boundaryCount", "className", "color", "count", "defaultPage", "disabled", "getItemAriaLabel", "hideNextButton", "hidePrevButton", "onChange", "page", "renderItem", "shape", "showFirstButton", "showLastButton", "siblingCount", "size", "variant"], xa = (a) => {
+const ua = ["boundaryCount", "className", "color", "count", "defaultPage", "disabled", "getItemAriaLabel", "hideNextButton", "hidePrevButton", "onChange", "page", "renderItem", "shape", "showFirstButton", "showLastButton", "siblingCount", "size", "variant"], ga = (a) => {
   const {
-    classes: o,
+    classes: t,
     variant: e
   } = a;
-  return J({
+  return q({
     root: ["root", e],
     ul: ["ul"]
-  }, la, o);
-}, Ca = A("nav", {
+  }, ea, t);
+}, fa = A("nav", {
   name: "MuiPagination",
   slot: "Root",
-  overridesResolver: (a, o) => {
+  overridesResolver: (a, t) => {
     const {
       ownerState: e
     } = a;
-    return [o.root, o[e.variant]];
+    return [t.root, t[e.variant]];
   }
-})({}), Pa = A("ul", {
+})({}), va = A("ul", {
   name: "MuiPagination",
   slot: "Ul",
-  overridesResolver: (a, o) => o.ul
+  overridesResolver: (a, t) => t.ul
 })({
   display: "flex",
   flexWrap: "wrap",
@@ -469,73 +469,73 @@ const ya = ["boundaryCount", "className", "color", "count", "defaultPage", "disa
   margin: 0,
   listStyle: "none"
 });
-function ma(a, o, e) {
-  return a === "page" ? `${e ? "" : "Go to "}page ${o}` : `Go to ${a} page`;
+function ba(a, t, e) {
+  return a === "page" ? `${e ? "" : "Go to "}page ${t}` : `Go to ${a} page`;
 }
-const Q = /* @__PURE__ */ D.forwardRef(function(o, e) {
-  const n = H({
-    props: o,
+const K = /* @__PURE__ */ D.forwardRef(function(t, e) {
+  const n = w({
+    props: t,
     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)),
+    boundaryCount: c = 1,
+    className: p,
+    color: u = "standard",
+    count: r = 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: R = !1,
+    showFirstButton: k = !1,
     showLastButton: N = !1,
-    siblingCount: x = 1,
-    size: T = "medium",
-    variant: C = "text"
-  } = n, k = _(n, ya), {
-    items: z
-  } = pa(c({}, n, {
+    siblingCount: y = 1,
+    size: z = "medium",
+    variant: x = "text"
+  } = n, R = _(n, ua), {
+    items: $
+  } = sa(l({}, n, {
     componentName: "Pagination"
-  })), h = c({}, n, {
-    boundaryCount: p,
-    color: v,
-    count: l,
-    defaultPage: d,
-    disabled: b,
-    getItemAriaLabel: P,
-    hideNextButton: $,
-    hidePrevButton: y,
-    renderItem: r,
+  })), h = l({}, n, {
+    boundaryCount: c,
+    color: u,
+    count: r,
+    defaultPage: g,
+    disabled: f,
+    getItemAriaLabel: C,
+    hideNextButton: I,
+    hidePrevButton: P,
+    renderItem: d,
     shape: i,
-    showFirstButton: R,
+    showFirstButton: k,
     showLastButton: N,
-    siblingCount: x,
-    size: T,
-    variant: C
-  }), L = xa(h);
-  return /* @__PURE__ */ f(Ca, c({
+    siblingCount: y,
+    size: z,
+    variant: x
+  }), L = ga(h);
+  return /* @__PURE__ */ b(fa, l({
     "aria-label": "pagination navigation",
-    className: W(L.root, u),
+    className: W(L.root, p),
     ownerState: h,
     ref: e
-  }, k, {
-    children: /* @__PURE__ */ f(Pa, {
+  }, R, {
+    children: /* @__PURE__ */ b(va, {
       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),
+      children: $.map((m, s) => /* @__PURE__ */ b("li", {
+        children: d(l({}, m, {
+          color: u,
+          "aria-label": C(m.type, m.page, m.selected),
           shape: i,
-          size: T,
-          variant: C
+          size: z,
+          variant: x
         }))
       }, s))
     })
   }));
 });
-process.env.NODE_ENV !== "production" && (Q.propTypes = {
+process.env.NODE_ENV !== "production" && (K.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -548,18 +548,18 @@ process.env.NODE_ENV !== "production" && (Q.propTypes = {
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: t.object,
+  classes: o.object,
   /**
    * @ignore
    */
-  className: t.string,
+  className: o.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: o.oneOfType([o.oneOf(["primary", "secondary", "standard"]), o.string]),
   /**
    * The total number of pages.
    * @default 1
@@ -574,7 +574,7 @@ process.env.NODE_ENV !== "production" && (Q.propTypes = {
    * If `true`, the component is disabled.
    * @default false
    */
-  disabled: t.bool,
+  disabled: o.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,24 +585,24 @@ process.env.NODE_ENV !== "production" && (Q.propTypes = {
    * @param {bool} selected If true, the current page is selected.
    * @returns {string}
    */
-  getItemAriaLabel: t.func,
+  getItemAriaLabel: o.func,
   /**
    * If `true`, hide the next-page button.
    * @default false
    */
-  hideNextButton: t.bool,
+  hideNextButton: o.bool,
   /**
    * If `true`, hide the previous-page button.
    * @default false
    */
-  hidePrevButton: t.bool,
+  hidePrevButton: o.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: o.func,
   /**
    * The current page. Unlike `TablePagination`, which starts numbering from `0`, this pagination starts from `1`.
    */
@@ -613,22 +613,22 @@ process.env.NODE_ENV !== "production" && (Q.propTypes = {
    * @returns {ReactNode}
    * @default (item) => <PaginationItem {...item} />
    */
-  renderItem: t.func,
+  renderItem: o.func,
   /**
    * The shape of the pagination items.
    * @default 'circular'
    */
-  shape: t.oneOf(["circular", "rounded"]),
+  shape: o.oneOf(["circular", "rounded"]),
   /**
    * If `true`, show the first-page button.
    * @default false
    */
-  showFirstButton: t.bool,
+  showFirstButton: o.bool,
   /**
    * If `true`, show the last-page button.
    * @default false
    */
-  showLastButton: t.bool,
+  showLastButton: o.bool,
   /**
    * Number of always visible pages before and after the current page.
    * @default 1
@@ -638,47 +638,46 @@ process.env.NODE_ENV !== "production" && (Q.propTypes = {
    * The size of the component.
    * @default 'medium'
    */
-  size: t.oneOfType([t.oneOf(["small", "medium", "large"]), t.string]),
+  size: o.oneOfType([o.oneOf(["small", "medium", "large"]), o.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: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object]),
   /**
    * The variant to use.
    * @default 'text'
    */
-  variant: t.oneOfType([t.oneOf(["outlined", "text"]), t.string])
+  variant: o.oneOfType([o.oneOf(["outlined", "text"]), o.string])
 });
-const Oa = (a, o) => o > 0 && a > 0 ? Math.ceil(a / o) : 0;
-function $a({
+function ya({
   isRtl: a,
-  arrowFirstIcon: o,
-  arrowLastIcon: e,
-  nextIcon: n,
+  pageCount: t,
+  arrowFirstIcon: e,
+  arrowLastIcon: n,
+  nextIcon: c,
   previousIcon: p,
   page: u,
-  onPageChange: v,
-  className: l
+  onPageChange: r,
+  className: g
 }) {
-  const d = ea(), b = G(d, na), P = G(d, sa), $ = ia(), y = Oa($.rowCount ?? P, b);
-  return /* @__PURE__ */ f(
-    Q,
+  return /* @__PURE__ */ b(
+    K,
     {
       showFirstButton: !0,
       showLastButton: !0,
-      className: l,
-      count: y,
+      className: g,
+      count: t,
       page: u + 1,
-      onChange: (r, i) => {
-        v(r, i - 1);
+      onChange: (f, C) => {
+        r(f, C - 1);
       },
       boundaryCount: 0,
       siblingCount: 1,
-      renderItem: (r) => /* @__PURE__ */ f(
+      renderItem: (f) => /* @__PURE__ */ b(
         j,
         {
-          slots: { previous: a ? n : p, next: a ? p : n, first: a ? e : o, last: a ? o : e },
-          ...r
+          slots: { previous: a ? c : p, next: a ? p : c, first: a ? n : e, last: a ? e : n },
+          ...f
         }
       ),
       sx: {
@@ -697,9 +696,9 @@ function $a({
     }
   );
 }
-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 }) });
+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 }) });
 }
 export {
-  ka as CustomPagination
+  Na as CustomPagination
 };

package/dist/components/TotalDataGrid/index.js

@@ -3,7 +3,7 @@ import { _ as Z, a as f } from "../../index-kNWC7pFF.js";
 import * as a from "react";
 import Pc, { createElement as un } from "react";
 import { f as oi, w as Ic, h as Oc, x as Mc, i as Ec, c as se, y as Tc, r as kc, o as jl, z as Rc, A as ql, B as Mr, D as Fc, p as $c, E as Ul, F as Dc, j as ni, b as xe, g as et, d as fe, P as o, n as Nc, T as Vc, a as tt, u as Ze, s as ve, H as Hc, e as Kn, m as ot, l as tl, t as Lc, v as _c } from "../../generateUtilityClasses-BzhjuzcK.js";
-import { c as Ve, h as Ke, u as dn, o as jt, P as Ac, j as Lr, H as qo, k as ur, A as Gc, l as _o, m as Io, n as Wl, p as Er, I as dr, i as zc, q as Zo, r as ri, s as Bc, t as jc, v as qc, w as Kl, x as li, y as pr, z as si, B as Uc, C as Wc, D as Ql, E as _r, J as Jo, a as Kc, K as $n, O as Qc, M as Yc, N as Xc, S as ii, Q as pt, R as Pn, f as he, d as ue, T as xt, U as fr, V as Zc, W as Jc, X as eu, Y as mn, Z as Bt, _ as In, b as Fe, $ as ai, a0 as tu, a1 as ou, a2 as ol, a3 as ci, a4 as nl, a5 as mo, a6 as Vo, a7 as Gn, a8 as ui, a9 as oo, aa as Ht, ab as nu, ac as Mo, ad as di, ae as ut, af as pi, ag as ru, ah as lu, e as fi, ai as su, aj as iu, ak as rl, al as gr, am as mr, an as Co, ao as ll, ap as gi, aq as au, ar as cu, as as wo, at as We, au as Ce, av as zn, aw as uu, ax as to, ay as ao, az as du, aA as pu, aB as mi, aC as fu, aD as hi, aE as gu, aF as sn, aG as sl, aH as mu, aI as Dn, aJ as hu, aK as Qn, aL as Yl, aM as bi, aN as bu, aO as vu, aP as Cu, aQ as wu, g as yu, aR as vi, aS as Su, G as xu, aT as Pu } from "../../GridPagination-DX1ANwBF.js";
+import { c as Ve, b as Ke, u as dn, o as jt, P as Ac, d as Lr, H as qo, e as ur, A as Gc, f as _o, g as Io, h as Wl, j as Er, I as dr, i as zc, k as Zo, l as ri, m as Bc, n as jc, p as qc, q as Kl, r as li, s as pr, t as si, v as Uc, w as Wc, x as Ql, y as _r, z as Jo, a as Kc, B as $n, O as Qc, C as Yc, D as Xc, S as ii, E as pt, J as Pn, K as he, M as ue, N as xt, Q as fr, R as Zc, T as Jc, U as eu, V as mn, W as Bt, X as In, Y as Fe, Z as ai, _ as tu, $ as ou, a0 as ol, a1 as ci, a2 as nl, a3 as mo, a4 as Vo, a5 as Gn, a6 as ui, a7 as oo, a8 as Ht, a9 as nu, aa as Mo, ab as di, ac as ut, ad as pi, ae as ru, af as lu, ag as fi, ah as su, ai as iu, aj as rl, ak as gr, al as mr, am as Co, an as ll, ao as gi, ap as au, aq as cu, ar as wo, as as We, at as Ce, au as zn, av as uu, aw as to, ax as ao, ay as du, az as pu, aA as mi, aB as fu, aC as hi, aD as gu, aE as sn, aF as sl, aG as mu, aH as Dn, aI as hu, aJ as Qn, aK as Yl, aL as bi, aM as bu, aN as vu, aO as Cu, aP as wu, aQ as yu, aR as vi, aS as Su, G as xu, aT as Pu } from "../../GridPagination-DrNedBid.js";
 import { t as hn } from "../../toPropertyKey-Dgu5PCQm.js";
 import { b as lt, s as Iu, u as vt, a as nt, r as ro, B as Ar, c as Nn, d as Ou, f as Mu } from "../../ButtonBase-CHdm_9Jj.js";
 import { r as Ci } from "../../index-D2lG1Jv0.js";

package/dist/types/CustomSvg.d.ts

@@ -0,0 +1,5 @@
+import { FunctionComponent, SVGProps } from 'react';
+type CustomSvg = FunctionComponent<SVGProps<SVGSVGElement> & {
+    title?: string;
+}>;
+export default CustomSvg;

package/dist/types/CustomSvg.js

@@ -0,0 +1 @@
+

package/package.json

@@ -2,7 +2,7 @@
   "name": "@amateescu/portal-ui-components",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",
-  "version": "0.0.7-beta2",
+  "version": "0.0.7-beta3",
   "type": "module",
   "files": [
     "dist"