kdpa-components 1.0.0 → 1.2.0

package/dist/{KdpaPaginationGrid-6e4cd782.js → KdpaPaginationGrid-97a5b164.js}

@@ -1,143 +1,142 @@
-import { j as n } from "./jsx-runtime-944c88e2.js";
-import { e as U } from "./index-456f3e1b.js";
-import { K as aa, a as A } from "./KdpaMenuItem-9a9ece89.js";
-import { a as _, _ as p } from "./extends-393586f3.js";
+import { j as g } from "./jsx-dev-runtime-48fdc504.js";
+import { e as K } from "./index-5f8afc53.js";
+import { K as ea, a as F } from "./KdpaMenuItem-99cde871.js";
+import { _ as V, a as d } from "./extends-135d7828.js";
 import * as S from "react";
-import { P as t } from "./index-f4329b29.js";
-import { g as w, s as T, u as D, c as W, a as H } from "./useThemeProps-114e8d66.js";
-import { g as q, a as I, c as k } from "./identifier-5cabf5ae.js";
-import { u as ea } from "./useControlled-cc2d41cb.js";
-import { i as R } from "./Paper-ad7ba238.js";
-import { u as ta } from "./useTheme-2bb6b2df.js";
-import { c as F } from "./createSvgIcon-5cb90f79.js";
-import { B as oa } from "./ButtonBase-496494a5.js";
-function sa(a) {
-  return q("MuiPagination", a);
+import { g as w, j as m, a as I, P as o, c as B } from "./identifier-2647f844.js";
+import { g as H, s as D, u as q, c as E, a as J } from "./useThemeProps-ea792506.js";
+import { u as oa } from "./useControlled-cc2d41cb.js";
+import { i as L } from "./Paper-00aea968.js";
+import { u as na } from "./useTheme-6ea322ec.js";
+import { c as R } from "./createSvgIcon-1aa1b2b2.js";
+import { B as ta } from "./ButtonBase-fa4630c8.js";
+function ia(a) {
+  return w("MuiPagination", a);
 }
-w("MuiPagination", ["root", "ul", "outlined", "text"]);
-const na = ["boundaryCount", "componentName", "count", "defaultPage", "disabled", "hideNextButton", "hidePrevButton", "onChange", "page", "showFirstButton", "showLastButton", "siblingCount"];
-function ia(a = {}) {
+H("MuiPagination", ["root", "ul", "outlined", "text"]);
+const sa = ["boundaryCount", "componentName", "count", "defaultPage", "disabled", "hideNextButton", "hidePrevButton", "onChange", "page", "showFirstButton", "showLastButton", "siblingCount"];
+function ra(a = {}) {
   const {
     boundaryCount: e = 1,
-    componentName: o = "usePagination",
-    count: s = 1,
-    defaultPage: d = 1,
+    componentName: n = "usePagination",
+    count: t = 1,
+    defaultPage: c = 1,
     disabled: f = !1,
-    hideNextButton: b = !1,
-    hidePrevButton: c = !1,
+    hideNextButton: v = !1,
+    hidePrevButton: l = !1,
     onChange: i,
-    page: g,
-    showFirstButton: $ = !1,
-    showLastButton: j = !1,
-    siblingCount: m = 1
-  } = a, u = _(a, na), [l, z] = ea({
-    controlled: g,
-    default: d,
-    name: o,
+    page: u,
+    showFirstButton: C = !1,
+    showLastButton: T = !1,
+    siblingCount: P = 1
+  } = a, p = V(a, sa), [r, j] = oa({
+    controlled: u,
+    default: c,
+    name: n,
     state: "page"
-  }), O = (r, C) => {
-    g || z(C), i && i(r, C);
-  }, x = (r, C) => {
-    const Y = C - r + 1;
+  }), $ = (s, h) => {
+    u || j(h), i && i(s, h);
+  }, x = (s, h) => {
+    const Z = h - s + 1;
     return Array.from({
-      length: Y
-    }, (Ca, Z) => r + Z);
-  }, N = x(1, Math.min(e, s)), y = x(Math.max(s - e + 1, e + 1), s), M = Math.max(
+      length: Z
+    }, (ha, aa) => s + aa);
+  }, O = x(1, Math.min(e, t)), y = x(Math.max(t - e + 1, e + 1), t), z = Math.max(
     Math.min(
       // Natural start
-      l - m,
+      r - P,
       // Lower boundary when page is high
-      s - e - m * 2 - 1
+      t - e - P * 2 - 1
     ),
     // Greater than startPages
     e + 2
-  ), h = Math.min(
+  ), k = Math.min(
     Math.max(
       // Natural end
-      l + m,
+      r + P,
       // Upper boundary when page is low
-      e + m * 2 + 2
+      e + P * 2 + 2
     ),
     // Less than endPages
-    y.length > 0 ? y[0] - 2 : s - 1
-  ), L = [
-    ...$ ? ["first"] : [],
-    ...c ? [] : ["previous"],
-    ...N,
+    y.length > 0 ? y[0] - 2 : t - 1
+  ), M = [
+    ...C ? ["first"] : [],
+    ...l ? [] : ["previous"],
+    ...O,
     // Start ellipsis
     // eslint-disable-next-line no-nested-ternary
-    ...M > e + 2 ? ["start-ellipsis"] : e + 1 < s - e ? [e + 1] : [],
+    ...z > e + 2 ? ["start-ellipsis"] : e + 1 < t - e ? [e + 1] : [],
     // Sibling pages
-    ...x(M, h),
+    ...x(z, k),
     // End ellipsis
     // eslint-disable-next-line no-nested-ternary
-    ...h < s - e - 1 ? ["end-ellipsis"] : s - e > e ? [s - e] : [],
+    ...k < t - e - 1 ? ["end-ellipsis"] : t - e > e ? [t - e] : [],
     ...y,
-    ...b ? [] : ["next"],
-    ...j ? ["last"] : []
-  ], B = (r) => {
-    switch (r) {
+    ...v ? [] : ["next"],
+    ...T ? ["last"] : []
+  ], G = (s) => {
+    switch (s) {
       case "first":
         return 1;
       case "previous":
-        return l - 1;
+        return r - 1;
       case "next":
-        return l + 1;
+        return r + 1;
       case "last":
-        return s;
+        return t;
       default:
         return null;
     }
-  }, P = L.map((r) => typeof r == "number" ? {
-    onClick: (C) => {
-      O(C, r);
+  }, N = M.map((s) => typeof s == "number" ? {
+    onClick: (h) => {
+      $(h, s);
     },
     type: "page",
-    page: r,
-    selected: r === l,
+    page: s,
+    selected: s === r,
     disabled: f,
-    "aria-current": r === l ? "true" : void 0
+    "aria-current": s === r ? "true" : void 0
   } : {
-    onClick: (C) => {
-      O(C, B(r));
+    onClick: (h) => {
+      $(h, G(s));
     },
-    type: r,
-    page: B(r),
+    type: s,
+    page: G(s),
     selected: !1,
-    disabled: f || r.indexOf("ellipsis") === -1 && (r === "next" || r === "last" ? l >= s : l <= 1)
+    disabled: f || s.indexOf("ellipsis") === -1 && (s === "next" || s === "last" ? r >= t : r <= 1)
   });
-  return p({
-    items: P
-  }, u);
+  return d({
+    items: N
+  }, p);
 }
-function ra(a) {
-  return q("MuiPaginationItem", a);
+function la(a) {
+  return w("MuiPaginationItem", a);
 }
-const la = w("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "text", "textPrimary", "textSecondary", "outlined", "outlinedPrimary", "outlinedSecondary", "rounded", "ellipsis", "firstLast", "previousNext", "focusVisible", "disabled", "selected", "icon"]), v = la, E = F(/* @__PURE__ */ n.jsx("path", {
+const ca = H("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "text", "textPrimary", "textSecondary", "outlined", "outlinedPrimary", "outlinedSecondary", "rounded", "ellipsis", "firstLast", "previousNext", "focusVisible", "disabled", "selected", "icon"]), b = ca, W = R(/* @__PURE__ */ m.jsx("path", {
   d: "M18.41 16.59L13.82 12l4.59-4.59L17 6l-6 6 6 6zM6 6h2v12H6z"
-}), "FirstPage"), V = F(/* @__PURE__ */ n.jsx("path", {
+}), "FirstPage"), _ = R(/* @__PURE__ */ m.jsx("path", {
   d: "M5.59 7.41L10.18 12l-4.59 4.59L7 18l6-6-6-6zM16 6h2v12h-2z"
-}), "LastPage"), K = F(/* @__PURE__ */ n.jsx("path", {
+}), "LastPage"), U = R(/* @__PURE__ */ m.jsx("path", {
   d: "M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"
-}), "NavigateBefore"), G = F(/* @__PURE__ */ n.jsx("path", {
+}), "NavigateBefore"), A = R(/* @__PURE__ */ m.jsx("path", {
   d: "M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"
-}), "NavigateNext"), ca = ["className", "color", "component", "components", "disabled", "page", "selected", "shape", "size", "slots", "type", "variant"], J = (a, e) => {
+}), "NavigateNext"), da = ["className", "color", "component", "components", "disabled", "page", "selected", "shape", "size", "slots", "type", "variant"], Q = (a, e) => {
   const {
-    ownerState: o
+    ownerState: n
   } = a;
-  return [e.root, e[o.variant], e[`size${k(o.size)}`], o.variant === "text" && e[`text${k(o.color)}`], o.variant === "outlined" && e[`outlined${k(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];
-}, da = (a) => {
+  return [e.root, e[n.variant], e[`size${B(n.size)}`], n.variant === "text" && e[`text${B(n.color)}`], n.variant === "outlined" && e[`outlined${B(n.color)}`], n.shape === "rounded" && e.rounded, n.type === "page" && e.page, (n.type === "start-ellipsis" || n.type === "end-ellipsis") && e.ellipsis, (n.type === "previous" || n.type === "next") && e.previousNext, (n.type === "first" || n.type === "last") && e.firstLast];
+}, pa = (a) => {
   const {
     classes: e,
-    color: o,
-    disabled: s,
-    selected: d,
+    color: n,
+    disabled: t,
+    selected: c,
     size: f,
-    shape: b,
-    type: c,
+    shape: v,
+    type: l,
     variant: i
-  } = a, g = {
-    root: ["root", `size${k(f)}`, i, b, o !== "standard" && `${i}${k(o)}`, s && "disabled", d && "selected", {
+  } = a, u = {
+    root: ["root", `size${B(f)}`, i, v, n !== "standard" && `${i}${B(n)}`, t && "disabled", c && "selected", {
       page: "page",
       first: "firstLast",
       last: "firstLast",
@@ -145,18 +144,18 @@ const la = w("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "te
       "end-ellipsis": "ellipsis",
       previous: "previousNext",
       next: "previousNext"
-    }[c]],
+    }[l]],
     icon: ["icon"]
   };
-  return H(g, ra, e);
-}, pa = T("div", {
+  return J(u, la, e);
+}, ua = D("div", {
   name: "MuiPaginationItem",
   slot: "Root",
-  overridesResolver: J
+  overridesResolver: Q
 })(({
   theme: a,
   ownerState: e
-}) => p({}, a.typography.body2, {
+}) => d({}, a.typography.body2, {
   borderRadius: 32 / 2,
   textAlign: "center",
   boxSizing: "border-box",
@@ -165,7 +164,7 @@ const la = w("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "te
   margin: "0 3px",
   color: (a.vars || a).palette.text.primary,
   height: "auto",
-  [`&.${v.disabled}`]: {
+  [`&.${b.disabled}`]: {
     opacity: (a.vars || a).palette.action.disabledOpacity
   }
 }, e.size === "small" && {
@@ -178,14 +177,14 @@ const la = w("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "te
   borderRadius: 40 / 2,
   padding: "0 10px",
   fontSize: a.typography.pxToRem(15)
-})), ua = T(oa, {
+})), ga = D(ta, {
   name: "MuiPaginationItem",
   slot: "Root",
-  overridesResolver: J
+  overridesResolver: Q
 })(({
   theme: a,
   ownerState: e
-}) => p({}, a.typography.body2, {
+}) => d({}, a.typography.body2, {
   borderRadius: 32 / 2,
   textAlign: "center",
   boxSizing: "border-box",
@@ -194,10 +193,10 @@ const la = w("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "te
   padding: "0 6px",
   margin: "0 3px",
   color: (a.vars || a).palette.text.primary,
-  [`&.${v.focusVisible}`]: {
+  [`&.${b.focusVisible}`]: {
     backgroundColor: (a.vars || a).palette.action.focus
   },
-  [`&.${v.disabled}`]: {
+  [`&.${b.disabled}`]: {
     opacity: (a.vars || a).palette.action.disabledOpacity
   },
   transition: a.transitions.create(["color", "background-color"], {
@@ -210,7 +209,7 @@ const la = w("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "te
       backgroundColor: "transparent"
     }
   },
-  [`&.${v.selected}`]: {
+  [`&.${b.selected}`]: {
     backgroundColor: (a.vars || a).palette.action.selected,
     "&:hover": {
       backgroundColor: a.vars ? `rgba(${a.vars.palette.action.selected} / calc(${a.vars.palette.action.selectedOpacity} + ${a.vars.palette.action.hoverOpacity}))` : I(a.palette.action.selected, a.palette.action.selectedOpacity + a.palette.action.hoverOpacity),
@@ -219,10 +218,10 @@ const la = w("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "te
         backgroundColor: (a.vars || a).palette.action.selected
       }
     },
-    [`&.${v.focusVisible}`]: {
+    [`&.${b.focusVisible}`]: {
       backgroundColor: a.vars ? `rgba(${a.vars.palette.action.selected} / calc(${a.vars.palette.action.selectedOpacity} + ${a.vars.palette.action.focusOpacity}))` : I(a.palette.action.selected, a.palette.action.selectedOpacity + a.palette.action.focusOpacity)
     },
-    [`&.${v.disabled}`]: {
+    [`&.${b.disabled}`]: {
       opacity: 1,
       color: (a.vars || a).palette.action.disabled,
       backgroundColor: (a.vars || a).palette.action.selected
@@ -245,8 +244,8 @@ const la = w("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "te
 }), ({
   theme: a,
   ownerState: e
-}) => p({}, e.variant === "text" && {
-  [`&.${v.selected}`]: p({}, e.color !== "standard" && {
+}) => d({}, e.variant === "text" && {
+  [`&.${b.selected}`]: d({}, e.color !== "standard" && {
     color: (a.vars || a).palette[e.color].contrastText,
     backgroundColor: (a.vars || a).palette[e.color].main,
     "&:hover": {
@@ -256,17 +255,17 @@ const la = w("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "te
         backgroundColor: (a.vars || a).palette[e.color].main
       }
     },
-    [`&.${v.focusVisible}`]: {
+    [`&.${b.focusVisible}`]: {
       backgroundColor: (a.vars || a).palette[e.color].dark
     }
   }, {
-    [`&.${v.disabled}`]: {
+    [`&.${b.disabled}`]: {
       color: (a.vars || a).palette.action.disabled
     }
   })
 }, e.variant === "outlined" && {
   border: a.vars ? `1px solid rgba(${a.vars.palette.common.onBackgroundChannel} / 0.23)` : `1px solid ${a.palette.mode === "light" ? "rgba(0, 0, 0, 0.23)" : "rgba(255, 255, 255, 0.23)"}`,
-  [`&.${v.selected}`]: p({}, e.color !== "standard" && {
+  [`&.${b.selected}`]: d({}, e.color !== "standard" && {
     color: (a.vars || a).palette[e.color].main,
     border: `1px solid ${a.vars ? `rgba(${a.vars.palette[e.color].mainChannel} / 0.5)` : I(a.palette[e.color].main, 0.5)}`,
     backgroundColor: a.vars ? `rgba(${a.vars.palette[e.color].mainChannel} / ${a.vars.palette.action.activatedOpacity})` : I(a.palette[e.color].main, a.palette.action.activatedOpacity),
@@ -277,85 +276,85 @@ const la = w("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "te
         backgroundColor: "transparent"
       }
     },
-    [`&.${v.focusVisible}`]: {
+    [`&.${b.focusVisible}`]: {
       backgroundColor: a.vars ? `rgba(${a.vars.palette[e.color].mainChannel} / calc(${a.vars.palette.action.activatedOpacity} + ${a.vars.palette.action.focusOpacity}))` : I(a.palette[e.color].main, a.palette.action.activatedOpacity + a.palette.action.focusOpacity)
     }
   }, {
-    [`&.${v.disabled}`]: {
+    [`&.${b.disabled}`]: {
       borderColor: (a.vars || a).palette.action.disabledBackground,
       color: (a.vars || a).palette.action.disabled
     }
   })
-})), ga = T("div", {
+})), ba = D("div", {
   name: "MuiPaginationItem",
   slot: "Icon",
   overridesResolver: (a, e) => e.icon
 })(({
   theme: a,
   ownerState: e
-}) => p({
+}) => d({
   fontSize: a.typography.pxToRem(20),
   margin: "0 -8px"
 }, e.size === "small" && {
   fontSize: a.typography.pxToRem(18)
 }, e.size === "large" && {
   fontSize: a.typography.pxToRem(22)
-})), Q = /* @__PURE__ */ S.forwardRef(function(e, o) {
-  const s = D({
+})), X = /* @__PURE__ */ S.forwardRef(function(e, n) {
+  const t = q({
     props: e,
     name: "MuiPaginationItem"
   }), {
-    className: d,
+    className: c,
     color: f = "standard",
-    component: b,
-    components: c = {},
+    component: v,
+    components: l = {},
     disabled: i = !1,
-    page: g,
-    selected: $ = !1,
-    shape: j = "circular",
-    size: m = "medium",
-    slots: u = {},
-    type: l = "page",
-    variant: z = "text"
-  } = s, O = _(s, ca), x = p({}, s, {
+    page: u,
+    selected: C = !1,
+    shape: T = "circular",
+    size: P = "medium",
+    slots: p = {},
+    type: r = "page",
+    variant: j = "text"
+  } = t, $ = V(t, da), x = d({}, t, {
     color: f,
     disabled: i,
-    selected: $,
-    shape: j,
-    size: m,
-    type: l,
-    variant: z
-  }), N = ta(), y = da(x), h = (N.direction === "rtl" ? {
-    previous: u.next || c.next || G,
-    next: u.previous || c.previous || K,
-    last: u.first || c.first || E,
-    first: u.last || c.last || V
+    selected: C,
+    shape: T,
+    size: P,
+    type: r,
+    variant: j
+  }), O = na(), y = pa(x), k = (O.direction === "rtl" ? {
+    previous: p.next || l.next || A,
+    next: p.previous || l.previous || U,
+    last: p.first || l.first || W,
+    first: p.last || l.last || _
   } : {
-    previous: u.previous || c.previous || K,
-    next: u.next || c.next || G,
-    first: u.first || c.first || E,
-    last: u.last || c.last || V
-  })[l];
-  return l === "start-ellipsis" || l === "end-ellipsis" ? /* @__PURE__ */ n.jsx(pa, {
-    ref: o,
+    previous: p.previous || l.previous || U,
+    next: p.next || l.next || A,
+    first: p.first || l.first || W,
+    last: p.last || l.last || _
+  })[r];
+  return r === "start-ellipsis" || r === "end-ellipsis" ? /* @__PURE__ */ m.jsx(ua, {
+    ref: n,
     ownerState: x,
-    className: W(y.root, d),
+    className: E(y.root, c),
     children: "…"
-  }) : /* @__PURE__ */ n.jsxs(ua, p({
-    ref: o,
+  }) : /* @__PURE__ */ m.jsxs(ga, d({
+    ref: n,
     ownerState: x,
-    component: b,
+    component: v,
     disabled: i,
-    className: W(y.root, d)
-  }, O, {
-    children: [l === "page" && g, h ? /* @__PURE__ */ n.jsx(ga, {
-      as: h,
+    className: E(y.root, c)
+  }, $, {
+    children: [r === "page" && u, k ? /* @__PURE__ */ m.jsx(ba, {
+      as: k,
       ownerState: x,
       className: y.icon
     }) : null]
   }));
 });
-process.env.NODE_ENV !== "production" && (Q.propTypes = {
+process.env.NODE_ENV !== "production" && (X.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // |     To update them edit the d.ts file and run "yarn proptypes"     |
@@ -363,27 +362,27 @@ process.env.NODE_ENV !== "production" && (Q.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/#adding-new-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.
    *
@@ -392,36 +391,36 @@ process.env.NODE_ENV !== "production" && (Q.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.
    *
@@ -429,46 +428,46 @@ process.env.NODE_ENV !== "production" && (Q.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 va = Q, fa = ["boundaryCount", "className", "color", "count", "defaultPage", "disabled", "getItemAriaLabel", "hideNextButton", "hidePrevButton", "onChange", "page", "renderItem", "shape", "showFirstButton", "showLastButton", "siblingCount", "size", "variant"], ba = (a) => {
+const fa = X, ma = ["boundaryCount", "className", "color", "count", "defaultPage", "disabled", "getItemAriaLabel", "hideNextButton", "hidePrevButton", "onChange", "page", "renderItem", "shape", "showFirstButton", "showLastButton", "siblingCount", "size", "variant"], va = (a) => {
   const {
     classes: e,
-    variant: o
+    variant: n
   } = a;
-  return H({
-    root: ["root", o],
+  return J({
+    root: ["root", n],
     ul: ["ul"]
-  }, sa, e);
-}, xa = T("nav", {
+  }, ia, e);
+}, xa = D("nav", {
   name: "MuiPagination",
   slot: "Root",
   overridesResolver: (a, e) => {
     const {
-      ownerState: o
+      ownerState: n
     } = a;
-    return [e.root, e[o.variant]];
+    return [e.root, e[n.variant]];
   }
-})({}), ya = T("ul", {
+})({}), ya = D("ul", {
   name: "MuiPagination",
   slot: "Ul",
   overridesResolver: (a, e) => e.ul
@@ -480,73 +479,73 @@ const va = Q, fa = ["boundaryCount", "className", "color", "count", "defaultPage
   margin: 0,
   listStyle: "none"
 });
-function ma(a, e, o) {
-  return a === "page" ? `${o ? "" : "Go to "}page ${e}` : `Go to ${a} page`;
+function Pa(a, e, n) {
+  return a === "page" ? `${n ? "" : "Go to "}page ${e}` : `Go to ${a} page`;
 }
-const X = /* @__PURE__ */ S.forwardRef(function(e, o) {
-  const s = D({
+const Y = /* @__PURE__ */ S.forwardRef(function(e, n) {
+  const t = q({
     props: e,
     name: "MuiPagination"
   }), {
-    boundaryCount: d = 1,
+    boundaryCount: c = 1,
     className: f,
-    color: b = "standard",
-    count: c = 1,
+    color: v = "standard",
+    count: l = 1,
     defaultPage: i = 1,
-    disabled: g = !1,
-    getItemAriaLabel: $ = ma,
-    hideNextButton: j = !1,
-    hidePrevButton: m = !1,
-    renderItem: u = (P) => /* @__PURE__ */ n.jsx(va, p({}, P)),
-    shape: l = "circular",
-    showFirstButton: z = !1,
-    showLastButton: O = !1,
+    disabled: u = !1,
+    getItemAriaLabel: C = Pa,
+    hideNextButton: T = !1,
+    hidePrevButton: P = !1,
+    renderItem: p = (N) => /* @__PURE__ */ m.jsx(fa, d({}, N)),
+    shape: r = "circular",
+    showFirstButton: j = !1,
+    showLastButton: $ = !1,
     siblingCount: x = 1,
-    size: N = "medium",
+    size: O = "medium",
     variant: y = "text"
-  } = s, M = _(s, fa), {
-    items: h
-  } = ia(p({}, s, {
+  } = t, z = V(t, ma), {
+    items: k
+  } = ra(d({}, t, {
     componentName: "Pagination"
-  })), L = p({}, s, {
-    boundaryCount: d,
-    color: b,
-    count: c,
+  })), M = d({}, t, {
+    boundaryCount: c,
+    color: v,
+    count: l,
     defaultPage: i,
-    disabled: g,
-    getItemAriaLabel: $,
-    hideNextButton: j,
-    hidePrevButton: m,
-    renderItem: u,
-    shape: l,
-    showFirstButton: z,
-    showLastButton: O,
+    disabled: u,
+    getItemAriaLabel: C,
+    hideNextButton: T,
+    hidePrevButton: P,
+    renderItem: p,
+    shape: r,
+    showFirstButton: j,
+    showLastButton: $,
     siblingCount: x,
-    size: N,
+    size: O,
     variant: y
-  }), B = ba(L);
-  return /* @__PURE__ */ n.jsx(xa, p({
+  }), G = va(M);
+  return /* @__PURE__ */ m.jsx(xa, d({
     "aria-label": "pagination navigation",
-    className: W(B.root, f),
-    ownerState: L,
-    ref: o
-  }, M, {
-    children: /* @__PURE__ */ n.jsx(ya, {
-      className: B.ul,
-      ownerState: L,
-      children: h.map((P, r) => /* @__PURE__ */ n.jsx("li", {
-        children: u(p({}, P, {
-          color: b,
-          "aria-label": $(P.type, P.page, P.selected),
-          shape: l,
-          size: N,
+    className: E(G.root, f),
+    ownerState: M,
+    ref: n
+  }, z, {
+    children: /* @__PURE__ */ m.jsx(ya, {
+      className: G.ul,
+      ownerState: M,
+      children: k.map((N, s) => /* @__PURE__ */ m.jsx("li", {
+        children: p(d({}, N, {
+          color: v,
+          "aria-label": C(N.type, N.page, N.selected),
+          shape: r,
+          size: O,
           variant: y
         }))
-      }, r))
+      }, s))
     })
   }));
 });
-process.env.NODE_ENV !== "production" && (X.propTypes = {
+process.env.NODE_ENV !== "production" && (Y.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // |     To update them edit the d.ts file and run "yarn proptypes"     |
@@ -555,37 +554,37 @@ process.env.NODE_ENV !== "production" && (X.propTypes = {
    * Number of always visible pages at the beginning and end.
    * @default 1
    */
-  boundaryCount: R,
+  boundaryCount: L,
   /**
    * 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/#adding-new-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
    */
-  count: R,
+  count: L,
   /**
    * The page selected by default when the component is uncontrolled.
    * @default 1
    */
-  defaultPage: R,
+  defaultPage: L,
   /**
    * 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.
@@ -596,76 +595,77 @@ process.env.NODE_ENV !== "production" && (X.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.
    */
-  page: R,
+  page: L,
   /**
    * Render the item.
    * @param {PaginationRenderItemParams} params The props to spread on a PaginationItem.
    * @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
    */
-  siblingCount: R,
+  siblingCount: L,
   /**
    * 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 Pa = X, Ta = ({
+const Na = Y;
+const Ba = ({
   onChange: a,
   totalCount: e,
-  page: o,
-  pageSize: s,
-  pageTotalCount: d = [
+  page: n,
+  pageSize: t,
+  pageTotalCount: c = [
     {
       value: "5",
       label: "5"
@@ -685,44 +685,92 @@ const Pa = X, Ta = ({
   ],
   disabled: f
 }) => {
-  function b(i) {
+  function v(i) {
     a(1, +i.target.value);
   }
-  function c(i, g) {
-    a(g, s);
+  function l(i, u) {
+    a(u, t);
   }
-  return /* @__PURE__ */ n.jsxs("div", { className: "d-flex justify-content-end amirtest my-2", children: [
-    /* @__PURE__ */ n.jsxs("div", { className: "d-flex justify-content-end ms-2", children: [
-      /* @__PURE__ */ n.jsx(U.Label, { className: "paginationInput-lable", for: "exampleSelectMulti", children: /* @__PURE__ */ n.jsx("span", { className: "text-muted", children: "تعداد" }) }),
-      /* @__PURE__ */ n.jsx("div", { className: "ms-1", children: /* @__PURE__ */ n.jsx(
-        aa,
+  return /* @__PURE__ */ g.jsxDEV("div", { className: "kdpa-pagination", children: [
+    /* @__PURE__ */ g.jsxDEV("div", { className: "kdpa-pagination-content", children: [
+      /* @__PURE__ */ g.jsxDEV(K.Label, { className: "paginationInput-lable", for: "exampleSelectMulti", children: /* @__PURE__ */ g.jsxDEV("span", { className: "text-muted", children: "تعداد" }, void 0, !1, {
+        fileName: "D:/a.dakhili/kdpa/packages/components/src/components/PaginationGrid/KdpaPaginationGrid.tsx",
+        lineNumber: 54,
+        columnNumber: 11
+      }, globalThis) }, void 0, !1, {
+        fileName: "D:/a.dakhili/kdpa/packages/components/src/components/PaginationGrid/KdpaPaginationGrid.tsx",
+        lineNumber: 53,
+        columnNumber: 9
+      }, globalThis),
+      /* @__PURE__ */ g.jsxDEV("div", { className: "kdpa-pagination-container", children: /* @__PURE__ */ g.jsxDEV(
+        ea,
         {
-          onChange: (i) => b(i),
-          value: s,
+          onChange: (i) => v(i),
+          value: t,
           disabled: f,
-          children: (d == null ? void 0 : d.length) === 0 ? /* @__PURE__ */ n.jsx(A, { children: "بدون مقدار" }) : d == null ? void 0 : d.map((i, g) => /* @__PURE__ */ n.jsx(A, { value: i == null ? void 0 : i.value, children: i == null ? void 0 : i.label }, g))
-        }
-      ) }),
-      /* @__PURE__ */ n.jsxs(
-        U.Label,
+          children: (c == null ? void 0 : c.length) === 0 ? /* @__PURE__ */ g.jsxDEV(F, { children: "بدون مقدار" }, void 0, !1, {
+            fileName: "D:/a.dakhili/kdpa/packages/components/src/components/PaginationGrid/KdpaPaginationGrid.tsx",
+            lineNumber: 63,
+            columnNumber: 15
+          }, globalThis) : c == null ? void 0 : c.map((i, u) => /* @__PURE__ */ g.jsxDEV(F, { value: i == null ? void 0 : i.value, children: i == null ? void 0 : i.label }, u, !1, {
+            fileName: "D:/a.dakhili/kdpa/packages/components/src/components/PaginationGrid/KdpaPaginationGrid.tsx",
+            lineNumber: 66,
+            columnNumber: 17
+          }, globalThis))
+        },
+        void 0,
+        !1,
+        {
+          fileName: "D:/a.dakhili/kdpa/packages/components/src/components/PaginationGrid/KdpaPaginationGrid.tsx",
+          lineNumber: 57,
+          columnNumber: 11
+        },
+        globalThis
+      ) }, void 0, !1, {
+        fileName: "D:/a.dakhili/kdpa/packages/components/src/components/PaginationGrid/KdpaPaginationGrid.tsx",
+        lineNumber: 56,
+        columnNumber: 9
+      }, globalThis),
+      /* @__PURE__ */ g.jsxDEV(
+        K.Label,
         {
-          className: "paginationInput-lable ms-1 me-2",
+          className: "paginationInput-lable kdpa-pagination-container-lable",
           for: "exampleSelectMulti",
           children: [
-            /* @__PURE__ */ n.jsx("span", { className: "text-muted me-1", children: "تعداد کل" }),
-            /* @__PURE__ */ n.jsx("span", { children: e })
+            /* @__PURE__ */ g.jsxDEV("span", { className: "text-muted kdpa-pagination-container-span", children: "تعداد کل" }, void 0, !1, {
+              fileName: "D:/a.dakhili/kdpa/packages/components/src/components/PaginationGrid/KdpaPaginationGrid.tsx",
+              lineNumber: 77,
+              columnNumber: 11
+            }, globalThis),
+            /* @__PURE__ */ g.jsxDEV("span", { children: e }, void 0, !1, {
+              fileName: "D:/a.dakhili/kdpa/packages/components/src/components/PaginationGrid/KdpaPaginationGrid.tsx",
+              lineNumber: 80,
+              columnNumber: 11
+            }, globalThis)
           ]
-        }
+        },
+        void 0,
+        !0,
+        {
+          fileName: "D:/a.dakhili/kdpa/packages/components/src/components/PaginationGrid/KdpaPaginationGrid.tsx",
+          lineNumber: 73,
+          columnNumber: 9
+        },
+        globalThis
       )
-    ] }),
-    /* @__PURE__ */ n.jsx(
-      Pa,
+    ] }, void 0, !0, {
+      fileName: "D:/a.dakhili/kdpa/packages/components/src/components/PaginationGrid/KdpaPaginationGrid.tsx",
+      lineNumber: 52,
+      columnNumber: 7
+    }, globalThis),
+    /* @__PURE__ */ g.jsxDEV(
+      Na,
       {
         variant: "outlined",
         shape: "rounded",
-        page: o,
-        count: Math.ceil(e / s),
-        onChange: c,
+        page: n,
+        count: Math.ceil(e / t),
+        onChange: l,
         disabled: f,
         sx: {
           "& .MuiPagination-ul li": {
@@ -738,10 +786,22 @@ const Pa = X, Ta = ({
             borderColor: "#7367F0"
           }
         }
-      }
+      },
+      void 0,
+      !1,
+      {
+        fileName: "D:/a.dakhili/kdpa/packages/components/src/components/PaginationGrid/KdpaPaginationGrid.tsx",
+        lineNumber: 83,
+        columnNumber: 7
+      },
+      globalThis
     )
-  ] });
+  ] }, void 0, !0, {
+    fileName: "D:/a.dakhili/kdpa/packages/components/src/components/PaginationGrid/KdpaPaginationGrid.tsx",
+    lineNumber: 51,
+    columnNumber: 5
+  }, globalThis);
 };
 export {
-  Ta as K
+  Ba as K
 };