kdpa-components 1.4.0 → 1.4.2

package/dist/KdpaPaginationGrid-5c10bac2.js

@@ -1,807 +0,0 @@
-import { j as g } from "./jsx-dev-runtime-48fdc504.js";
-import { e as K } from "./index-8546b614.js";
-import { K as ea, a as F } from "./KdpaMenuItem-dccdad8f.js";
-import { _ as V, a as d } from "./extends-135d7828.js";
-import * as S from "react";
-import { g as w, j as m, a as I, P as o, c as B } from "./identifier-03e07987.js";
-import { g as H, s as D, u as q, c as E, a as J } from "./useThemeProps-d77fc01d.js";
-import { u as oa } from "./useControlled-cc2d41cb.js";
-import { i as L } from "./Paper-05bfa47c.js";
-import { u as na } from "./useTheme-02c27d78.js";
-import { c as R } from "./createSvgIcon-c9758670.js";
-import { B as ta } from "./ButtonBase-5c28f01f.js";
-function ia(a) {
-  return w("MuiPagination", 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: n = "usePagination",
-    count: t = 1,
-    defaultPage: c = 1,
-    disabled: f = !1,
-    hideNextButton: v = !1,
-    hidePrevButton: l = !1,
-    onChange: i,
-    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"
-  }), $ = (s, h) => {
-    u || j(h), i && i(s, h);
-  }, x = (s, h) => {
-    const Z = h - s + 1;
-    return Array.from({
-      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
-      r - P,
-      // Lower boundary when page is high
-      t - e - P * 2 - 1
-    ),
-    // Greater than startPages
-    e + 2
-  ), k = Math.min(
-    Math.max(
-      // Natural end
-      r + P,
-      // Upper boundary when page is low
-      e + P * 2 + 2
-    ),
-    // Less than endPages
-    y.length > 0 ? y[0] - 2 : t - 1
-  ), M = [
-    ...C ? ["first"] : [],
-    ...l ? [] : ["previous"],
-    ...O,
-    // Start ellipsis
-    // eslint-disable-next-line no-nested-ternary
-    ...z > e + 2 ? ["start-ellipsis"] : e + 1 < t - e ? [e + 1] : [],
-    // Sibling pages
-    ...x(z, k),
-    // End ellipsis
-    // eslint-disable-next-line no-nested-ternary
-    ...k < t - e - 1 ? ["end-ellipsis"] : t - e > e ? [t - e] : [],
-    ...y,
-    ...v ? [] : ["next"],
-    ...T ? ["last"] : []
-  ], G = (s) => {
-    switch (s) {
-      case "first":
-        return 1;
-      case "previous":
-        return r - 1;
-      case "next":
-        return r + 1;
-      case "last":
-        return t;
-      default:
-        return null;
-    }
-  }, N = M.map((s) => typeof s == "number" ? {
-    onClick: (h) => {
-      $(h, s);
-    },
-    type: "page",
-    page: s,
-    selected: s === r,
-    disabled: f,
-    "aria-current": s === r ? "true" : void 0
-  } : {
-    onClick: (h) => {
-      $(h, G(s));
-    },
-    type: s,
-    page: G(s),
-    selected: !1,
-    disabled: f || s.indexOf("ellipsis") === -1 && (s === "next" || s === "last" ? r >= t : r <= 1)
-  });
-  return d({
-    items: N
-  }, p);
-}
-function la(a) {
-  return w("MuiPaginationItem", a);
-}
-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"), _ = R(/* @__PURE__ */ m.jsx("path", {
-  d: "M5.59 7.41L10.18 12l-4.59 4.59L7 18l6-6-6-6zM16 6h2v12h-2z"
-}), "LastPage"), U = R(/* @__PURE__ */ m.jsx("path", {
-  d: "M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"
-}), "NavigateBefore"), A = R(/* @__PURE__ */ m.jsx("path", {
-  d: "M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"
-}), "NavigateNext"), da = ["className", "color", "component", "components", "disabled", "page", "selected", "shape", "size", "slots", "type", "variant"], Q = (a, e) => {
-  const {
-    ownerState: n
-  } = 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: n,
-    disabled: t,
-    selected: c,
-    size: f,
-    shape: v,
-    type: l,
-    variant: i
-  } = a, u = {
-    root: ["root", `size${B(f)}`, i, v, n !== "standard" && `${i}${B(n)}`, t && "disabled", c && "selected", {
-      page: "page",
-      first: "firstLast",
-      last: "firstLast",
-      "start-ellipsis": "ellipsis",
-      "end-ellipsis": "ellipsis",
-      previous: "previousNext",
-      next: "previousNext"
-    }[l]],
-    icon: ["icon"]
-  };
-  return J(u, la, e);
-}, ua = D("div", {
-  name: "MuiPaginationItem",
-  slot: "Root",
-  overridesResolver: Q
-})(({
-  theme: a,
-  ownerState: e
-}) => d({}, 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",
-  [`&.${b.disabled}`]: {
-    opacity: (a.vars || a).palette.action.disabledOpacity
-  }
-}, e.size === "small" && {
-  minWidth: 26,
-  borderRadius: 26 / 2,
-  margin: "0 1px",
-  padding: "0 4px"
-}, e.size === "large" && {
-  minWidth: 40,
-  borderRadius: 40 / 2,
-  padding: "0 10px",
-  fontSize: a.typography.pxToRem(15)
-})), ga = D(ta, {
-  name: "MuiPaginationItem",
-  slot: "Root",
-  overridesResolver: Q
-})(({
-  theme: a,
-  ownerState: e
-}) => d({}, 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,
-  [`&.${b.focusVisible}`]: {
-    backgroundColor: (a.vars || a).palette.action.focus
-  },
-  [`&.${b.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"
-    }
-  },
-  [`&.${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),
-      // Reset on touch devices, it doesn't add specificity
-      "@media (hover: none)": {
-        backgroundColor: (a.vars || a).palette.action.selected
-      }
-    },
-    [`&.${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)
-    },
-    [`&.${b.disabled}`]: {
-      opacity: 1,
-      color: (a.vars || a).palette.action.disabled,
-      backgroundColor: (a.vars || a).palette.action.selected
-    }
-  }
-}, e.size === "small" && {
-  minWidth: 26,
-  height: 26,
-  borderRadius: 26 / 2,
-  margin: "0 1px",
-  padding: "0 4px"
-}, e.size === "large" && {
-  minWidth: 40,
-  height: 40,
-  borderRadius: 40 / 2,
-  padding: "0 10px",
-  fontSize: a.typography.pxToRem(15)
-}, e.shape === "rounded" && {
-  borderRadius: (a.vars || a).shape.borderRadius
-}), ({
-  theme: a,
-  ownerState: e
-}) => 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": {
-      backgroundColor: (a.vars || a).palette[e.color].dark,
-      // Reset on touch devices, it doesn't add specificity
-      "@media (hover: none)": {
-        backgroundColor: (a.vars || a).palette[e.color].main
-      }
-    },
-    [`&.${b.focusVisible}`]: {
-      backgroundColor: (a.vars || a).palette[e.color].dark
-    }
-  }, {
-    [`&.${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)"}`,
-  [`&.${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),
-    "&:hover": {
-      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),
-      // Reset on touch devices, it doesn't add specificity
-      "@media (hover: none)": {
-        backgroundColor: "transparent"
-      }
-    },
-    [`&.${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)
-    }
-  }, {
-    [`&.${b.disabled}`]: {
-      borderColor: (a.vars || a).palette.action.disabledBackground,
-      color: (a.vars || a).palette.action.disabled
-    }
-  })
-})), ba = D("div", {
-  name: "MuiPaginationItem",
-  slot: "Icon",
-  overridesResolver: (a, e) => e.icon
-})(({
-  theme: a,
-  ownerState: e
-}) => 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)
-})), X = /* @__PURE__ */ S.forwardRef(function(e, n) {
-  const t = q({
-    props: e,
-    name: "MuiPaginationItem"
-  }), {
-    className: c,
-    color: f = "standard",
-    component: v,
-    components: l = {},
-    disabled: i = !1,
-    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: 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: 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: E(y.root, c),
-    children: "…"
-  }) : /* @__PURE__ */ m.jsxs(ga, d({
-    ref: n,
-    ownerState: x,
-    component: v,
-    disabled: i,
-    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" && (X.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // |     To update them edit the d.ts file and run "yarn proptypes"     |
-  // ----------------------------------------------------------------------
-  /**
-   * @ignore
-   */
-  children: o.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: o.object,
-  /**
-   * @ignore
-   */
-  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: 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: o.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: o.shape({
-    first: o.elementType,
-    last: o.elementType,
-    next: o.elementType,
-    previous: o.elementType
-  }),
-  /**
-   * If `true`, the component is disabled.
-   * @default false
-   */
-  disabled: o.bool,
-  /**
-   * The current page number.
-   */
-  page: o.node,
-  /**
-   * If `true` the pagination item is selected.
-   * @default false
-   */
-  selected: o.bool,
-  /**
-   * The shape of the pagination item.
-   * @default 'circular'
-   */
-  shape: o.oneOf(["circular", "rounded"]),
-  /**
-   * The size of the component.
-   * @default 'medium'
-   */
-  size: o.oneOfType([o.oneOf(["small", "medium", "large"]), o.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: 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: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object]),
-  /**
-   * The type of pagination item.
-   * @default 'page'
-   */
-  type: o.oneOf(["end-ellipsis", "first", "last", "next", "page", "previous", "start-ellipsis"]),
-  /**
-   * The variant to use.
-   * @default 'text'
-   */
-  variant: o.oneOfType([o.oneOf(["outlined", "text"]), o.string])
-});
-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: n
-  } = a;
-  return J({
-    root: ["root", n],
-    ul: ["ul"]
-  }, ia, e);
-}, xa = D("nav", {
-  name: "MuiPagination",
-  slot: "Root",
-  overridesResolver: (a, e) => {
-    const {
-      ownerState: n
-    } = a;
-    return [e.root, e[n.variant]];
-  }
-})({}), ya = D("ul", {
-  name: "MuiPagination",
-  slot: "Ul",
-  overridesResolver: (a, e) => e.ul
-})({
-  display: "flex",
-  flexWrap: "wrap",
-  alignItems: "center",
-  padding: 0,
-  margin: 0,
-  listStyle: "none"
-});
-function Pa(a, e, n) {
-  return a === "page" ? `${n ? "" : "Go to "}page ${e}` : `Go to ${a} page`;
-}
-const Y = /* @__PURE__ */ S.forwardRef(function(e, n) {
-  const t = q({
-    props: e,
-    name: "MuiPagination"
-  }), {
-    boundaryCount: c = 1,
-    className: f,
-    color: v = "standard",
-    count: l = 1,
-    defaultPage: i = 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: O = "medium",
-    variant: y = "text"
-  } = t, z = V(t, ma), {
-    items: k
-  } = ra(d({}, t, {
-    componentName: "Pagination"
-  })), M = d({}, t, {
-    boundaryCount: c,
-    color: v,
-    count: l,
-    defaultPage: i,
-    disabled: u,
-    getItemAriaLabel: C,
-    hideNextButton: T,
-    hidePrevButton: P,
-    renderItem: p,
-    shape: r,
-    showFirstButton: j,
-    showLastButton: $,
-    siblingCount: x,
-    size: O,
-    variant: y
-  }), G = va(M);
-  return /* @__PURE__ */ m.jsx(xa, d({
-    "aria-label": "pagination navigation",
-    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
-        }))
-      }, s))
-    })
-  }));
-});
-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"     |
-  // ----------------------------------------------------------------------
-  /**
-   * Number of always visible pages at the beginning and end.
-   * @default 1
-   */
-  boundaryCount: L,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: o.object,
-  /**
-   * @ignore
-   */
-  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: o.oneOfType([o.oneOf(["primary", "secondary", "standard"]), o.string]),
-  /**
-   * The total number of pages.
-   * @default 1
-   */
-  count: L,
-  /**
-   * The page selected by default when the component is uncontrolled.
-   * @default 1
-   */
-  defaultPage: L,
-  /**
-   * If `true`, the component is disabled.
-   * @default false
-   */
-  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.
-   *
-   * 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'). Defaults to 'page'.
-   * @param {number} page The page number to format.
-   * @param {bool} selected If true, the current page is selected.
-   * @returns {string}
-   */
-  getItemAriaLabel: o.func,
-  /**
-   * If `true`, hide the next-page button.
-   * @default false
-   */
-  hideNextButton: o.bool,
-  /**
-   * If `true`, hide the previous-page button.
-   * @default false
-   */
-  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: o.func,
-  /**
-   * The current page.
-   */
-  page: L,
-  /**
-   * Render the item.
-   * @param {PaginationRenderItemParams} params The props to spread on a PaginationItem.
-   * @returns {ReactNode}
-   * @default (item) => <PaginationItem {...item} />
-   */
-  renderItem: o.func,
-  /**
-   * The shape of the pagination items.
-   * @default 'circular'
-   */
-  shape: o.oneOf(["circular", "rounded"]),
-  /**
-   * If `true`, show the first-page button.
-   * @default false
-   */
-  showFirstButton: o.bool,
-  /**
-   * If `true`, show the last-page button.
-   * @default false
-   */
-  showLastButton: o.bool,
-  /**
-   * Number of always visible pages before and after the current page.
-   * @default 1
-   */
-  siblingCount: L,
-  /**
-   * The size of the component.
-   * @default 'medium'
-   */
-  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: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object]),
-  /**
-   * The variant to use.
-   * @default 'text'
-   */
-  variant: o.oneOfType([o.oneOf(["outlined", "text"]), o.string])
-});
-const Na = Y;
-const Ba = ({
-  onChange: a,
-  totalCount: e,
-  page: n,
-  pageSize: t,
-  pageTotalCount: c = [
-    {
-      value: "5",
-      label: "5"
-    },
-    {
-      value: "10",
-      label: "10"
-    },
-    {
-      value: "15",
-      label: "15"
-    },
-    {
-      value: "20",
-      label: "20"
-    }
-  ],
-  disabled: f
-}) => {
-  function v(i) {
-    a(1, +i.target.value);
-  }
-  function l(i, u) {
-    a(u, t);
-  }
-  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) => v(i),
-          value: t,
-          disabled: f,
-          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 kdpa-pagination-container-lable",
-          for: "exampleSelectMulti",
-          children: [
-            /* @__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
-      )
-    ] }, 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: n,
-        count: Math.ceil(e / t),
-        onChange: l,
-        disabled: f,
-        sx: {
-          "& .MuiPagination-ul li": {
-            margin: "0 3px",
-            borderRadius: "20"
-          },
-          "& .MuiPagination-ul li :hover": {
-            borderColor: "#7367F0"
-          },
-          "& .Mui-selected": {
-            backgroundColor: "transparent",
-            fontWeight: "600",
-            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 {
-  Ba as K
-};