kdpa-components 1.35.2 → 1.35.3

package/dist/index-116f732f.js

@@ -0,0 +1,749 @@
+import { j as s } from "./jsx-runtime-944c88e2.js";
+import { e as U } from "./index-7e2d793d.js";
+import { K as aa, a as A } from "./KdpaMenuItem-085f686f.js";
+import { a as _, _ as p } from "./extends-393586f3.js";
+import * as S from "react";
+import { g as w, a as I, P as o, h as R } from "./identifier-9dfe30d8.js";
+import { g as D, s as T, u as H, c as W, a as q } from "./useThemeProps-7d04a175.js";
+import { u as ea } from "./useControlled-cc2d41cb.js";
+import { i as B } from "./Paper-aaec61a3.js";
+import { u as oa } from "./useTheme-014a54ad.js";
+import { c as F } from "./createSvgIcon-b80a8a41.js";
+import { B as ta } from "./ButtonBase-0f9f324d.js";
+function na(a) {
+  return w("MuiPagination", a);
+}
+D("MuiPagination", ["root", "ul", "outlined", "text"]);
+const sa = ["boundaryCount", "componentName", "count", "defaultPage", "disabled", "hideNextButton", "hidePrevButton", "onChange", "page", "showFirstButton", "showLastButton", "siblingCount"];
+function ia(a = {}) {
+  const {
+    boundaryCount: e = 1,
+    componentName: t = "usePagination",
+    count: n = 1,
+    defaultPage: d = 1,
+    disabled: b = !1,
+    hideNextButton: f = !1,
+    hidePrevButton: c = !1,
+    onChange: i,
+    page: g,
+    showFirstButton: $ = !1,
+    showLastButton: j = !1,
+    siblingCount: m = 1
+  } = a, u = _(a, sa), [l, z] = ea({
+    controlled: g,
+    default: d,
+    name: t,
+    state: "page"
+  }), O = (r, C) => {
+    g || z(C), i && i(r, C);
+  }, x = (r, C) => {
+    const Y = C - r + 1;
+    return Array.from({
+      length: Y
+    }, (Ca, Z) => r + Z);
+  }, N = x(1, Math.min(e, n)), y = x(Math.max(n - e + 1, e + 1), n), k = Math.max(
+    Math.min(
+      // Natural start
+      l - m,
+      // Lower boundary when page is high
+      n - e - m * 2 - 1
+    ),
+    // Greater than startPages
+    e + 2
+  ), h = Math.min(
+    Math.max(
+      // Natural end
+      l + m,
+      // Upper boundary when page is low
+      e + m * 2 + 2
+    ),
+    // Less than endPages
+    y.length > 0 ? y[0] - 2 : n - 1
+  ), M = [
+    ...$ ? ["first"] : [],
+    ...c ? [] : ["previous"],
+    ...N,
+    // Start ellipsis
+    // eslint-disable-next-line no-nested-ternary
+    ...k > e + 2 ? ["start-ellipsis"] : e + 1 < n - e ? [e + 1] : [],
+    // Sibling pages
+    ...x(k, h),
+    // End ellipsis
+    // eslint-disable-next-line no-nested-ternary
+    ...h < n - e - 1 ? ["end-ellipsis"] : n - e > e ? [n - e] : [],
+    ...y,
+    ...f ? [] : ["next"],
+    ...j ? ["last"] : []
+  ], L = (r) => {
+    switch (r) {
+      case "first":
+        return 1;
+      case "previous":
+        return l - 1;
+      case "next":
+        return l + 1;
+      case "last":
+        return n;
+      default:
+        return null;
+    }
+  }, P = M.map((r) => typeof r == "number" ? {
+    onClick: (C) => {
+      O(C, r);
+    },
+    type: "page",
+    page: r,
+    selected: r === l,
+    disabled: b,
+    "aria-current": r === l ? "true" : void 0
+  } : {
+    onClick: (C) => {
+      O(C, L(r));
+    },
+    type: r,
+    page: L(r),
+    selected: !1,
+    disabled: b || r.indexOf("ellipsis") === -1 && (r === "next" || r === "last" ? l >= n : l <= 1)
+  });
+  return p({
+    items: P
+  }, u);
+}
+function ra(a) {
+  return w("MuiPaginationItem", a);
+}
+const la = D("MuiPaginationItem", ["root", "page", "sizeSmall", "sizeLarge", "text", "textPrimary", "textSecondary", "outlined", "outlinedPrimary", "outlinedSecondary", "rounded", "ellipsis", "firstLast", "previousNext", "focusVisible", "disabled", "selected", "icon"]), v = la, E = F(/* @__PURE__ */ s.jsx("path", {
+  d: "M18.41 16.59L13.82 12l4.59-4.59L17 6l-6 6 6 6zM6 6h2v12H6z"
+}), "FirstPage"), V = F(/* @__PURE__ */ s.jsx("path", {
+  d: "M5.59 7.41L10.18 12l-4.59 4.59L7 18l6-6-6-6zM16 6h2v12h-2z"
+}), "LastPage"), G = F(/* @__PURE__ */ s.jsx("path", {
+  d: "M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"
+}), "NavigateBefore"), K = F(/* @__PURE__ */ s.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) => {
+  const {
+    ownerState: t
+  } = a;
+  return [e.root, e[t.variant], e[`size${R(t.size)}`], t.variant === "text" && e[`text${R(t.color)}`], t.variant === "outlined" && e[`outlined${R(t.color)}`], t.shape === "rounded" && e.rounded, t.type === "page" && e.page, (t.type === "start-ellipsis" || t.type === "end-ellipsis") && e.ellipsis, (t.type === "previous" || t.type === "next") && e.previousNext, (t.type === "first" || t.type === "last") && e.firstLast];
+}, da = (a) => {
+  const {
+    classes: e,
+    color: t,
+    disabled: n,
+    selected: d,
+    size: b,
+    shape: f,
+    type: c,
+    variant: i
+  } = a, g = {
+    root: ["root", `size${R(b)}`, i, f, t !== "standard" && `${i}${R(t)}`, n && "disabled", d && "selected", {
+      page: "page",
+      first: "firstLast",
+      last: "firstLast",
+      "start-ellipsis": "ellipsis",
+      "end-ellipsis": "ellipsis",
+      previous: "previousNext",
+      next: "previousNext"
+    }[c]],
+    icon: ["icon"]
+  };
+  return q(g, ra, e);
+}, pa = T("div", {
+  name: "MuiPaginationItem",
+  slot: "Root",
+  overridesResolver: J
+})(({
+  theme: a,
+  ownerState: e
+}) => p({}, 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",
+  [`&.${v.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)
+})), ua = T(ta, {
+  name: "MuiPaginationItem",
+  slot: "Root",
+  overridesResolver: J
+})(({
+  theme: a,
+  ownerState: e
+}) => p({}, 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,
+  [`&.${v.focusVisible}`]: {
+    backgroundColor: (a.vars || a).palette.action.focus
+  },
+  [`&.${v.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"
+    }
+  },
+  [`&.${v.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
+      }
+    },
+    [`&.${v.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}`]: {
+      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
+}) => p({}, e.variant === "text" && {
+  [`&.${v.selected}`]: p({}, 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
+      }
+    },
+    [`&.${v.focusVisible}`]: {
+      backgroundColor: (a.vars || a).palette[e.color].dark
+    }
+  }, {
+    [`&.${v.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" && {
+    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"
+      }
+    },
+    [`&.${v.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}`]: {
+      borderColor: (a.vars || a).palette.action.disabledBackground,
+      color: (a.vars || a).palette.action.disabled
+    }
+  })
+})), ga = T("div", {
+  name: "MuiPaginationItem",
+  slot: "Icon",
+  overridesResolver: (a, e) => e.icon
+})(({
+  theme: a,
+  ownerState: e
+}) => p({
+  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, t) {
+  const n = H({
+    props: e,
+    name: "MuiPaginationItem"
+  }), {
+    className: d,
+    color: b = "standard",
+    component: f,
+    components: c = {},
+    disabled: i = !1,
+    page: g,
+    selected: $ = !1,
+    shape: j = "circular",
+    size: m = "medium",
+    slots: u = {},
+    type: l = "page",
+    variant: z = "text"
+  } = n, O = _(n, ca), x = p({}, n, {
+    color: b,
+    disabled: i,
+    selected: $,
+    shape: j,
+    size: m,
+    type: l,
+    variant: z
+  }), N = oa(), y = da(x), h = (N.direction === "rtl" ? {
+    previous: u.next || c.next || K,
+    next: u.previous || c.previous || G,
+    last: u.first || c.first || E,
+    first: u.last || c.last || V
+  } : {
+    previous: u.previous || c.previous || G,
+    next: u.next || c.next || K,
+    first: u.first || c.first || E,
+    last: u.last || c.last || V
+  })[l];
+  return l === "start-ellipsis" || l === "end-ellipsis" ? /* @__PURE__ */ s.jsx(pa, {
+    ref: t,
+    ownerState: x,
+    className: W(y.root, d),
+    children: "…"
+  }) : /* @__PURE__ */ s.jsxs(ua, p({
+    ref: t,
+    ownerState: x,
+    component: f,
+    disabled: i,
+    className: W(y.root, d)
+  }, O, {
+    children: [l === "page" && g, h ? /* @__PURE__ */ s.jsx(ga, {
+      as: h,
+      ownerState: x,
+      className: y.icon
+    }) : null]
+  }));
+});
+process.env.NODE_ENV !== "production" && (Q.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // |     To update them edit the d.ts file and run "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 va = Q, ba = ["boundaryCount", "className", "color", "count", "defaultPage", "disabled", "getItemAriaLabel", "hideNextButton", "hidePrevButton", "onChange", "page", "renderItem", "shape", "showFirstButton", "showLastButton", "siblingCount", "size", "variant"], fa = (a) => {
+  const {
+    classes: e,
+    variant: t
+  } = a;
+  return q({
+    root: ["root", t],
+    ul: ["ul"]
+  }, na, e);
+}, xa = T("nav", {
+  name: "MuiPagination",
+  slot: "Root",
+  overridesResolver: (a, e) => {
+    const {
+      ownerState: t
+    } = a;
+    return [e.root, e[t.variant]];
+  }
+})({}), ya = T("ul", {
+  name: "MuiPagination",
+  slot: "Ul",
+  overridesResolver: (a, e) => e.ul
+})({
+  display: "flex",
+  flexWrap: "wrap",
+  alignItems: "center",
+  padding: 0,
+  margin: 0,
+  listStyle: "none"
+});
+function ma(a, e, t) {
+  return a === "page" ? `${t ? "" : "Go to "}page ${e}` : `Go to ${a} page`;
+}
+const X = /* @__PURE__ */ S.forwardRef(function(e, t) {
+  const n = H({
+    props: e,
+    name: "MuiPagination"
+  }), {
+    boundaryCount: d = 1,
+    className: b,
+    color: f = "standard",
+    count: c = 1,
+    defaultPage: i = 1,
+    disabled: g = !1,
+    getItemAriaLabel: $ = ma,
+    hideNextButton: j = !1,
+    hidePrevButton: m = !1,
+    renderItem: u = (P) => /* @__PURE__ */ s.jsx(va, p({}, P)),
+    shape: l = "circular",
+    showFirstButton: z = !1,
+    showLastButton: O = !1,
+    siblingCount: x = 1,
+    size: N = "medium",
+    variant: y = "text"
+  } = n, k = _(n, ba), {
+    items: h
+  } = ia(p({}, n, {
+    componentName: "Pagination"
+  })), M = p({}, n, {
+    boundaryCount: d,
+    color: f,
+    count: c,
+    defaultPage: i,
+    disabled: g,
+    getItemAriaLabel: $,
+    hideNextButton: j,
+    hidePrevButton: m,
+    renderItem: u,
+    shape: l,
+    showFirstButton: z,
+    showLastButton: O,
+    siblingCount: x,
+    size: N,
+    variant: y
+  }), L = fa(M);
+  return /* @__PURE__ */ s.jsx(xa, p({
+    "aria-label": "pagination navigation",
+    className: W(L.root, b),
+    ownerState: M,
+    ref: t
+  }, k, {
+    children: /* @__PURE__ */ s.jsx(ya, {
+      className: L.ul,
+      ownerState: M,
+      children: h.map((P, r) => /* @__PURE__ */ s.jsx("li", {
+        children: u(p({}, P, {
+          color: f,
+          "aria-label": $(P.type, P.page, P.selected),
+          shape: l,
+          size: N,
+          variant: y
+        }))
+      }, r))
+    })
+  }));
+});
+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"     |
+  // ----------------------------------------------------------------------
+  /**
+   * Number of always visible pages at the beginning and end.
+   * @default 1
+   */
+  boundaryCount: B,
+  /**
+   * 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: B,
+  /**
+   * The page selected by default when the component is uncontrolled.
+   * @default 1
+   */
+  defaultPage: B,
+  /**
+   * 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: B,
+  /**
+   * 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: B,
+  /**
+   * 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 Pa = X;
+const Ra = ({
+  onChange: a,
+  totalCount: e,
+  page: t,
+  pageSize: n,
+  pageTotalCount: d = [
+    {
+      value: "5",
+      label: "5"
+    },
+    {
+      value: "10",
+      label: "10"
+    },
+    {
+      value: "15",
+      label: "15"
+    },
+    {
+      value: "20",
+      label: "20"
+    }
+  ],
+  disabled: b
+}) => {
+  function f(i) {
+    a(1, +i.target.value);
+  }
+  function c(i, g) {
+    a(g, n);
+  }
+  return /* @__PURE__ */ s.jsxs("div", { className: "kdpa-pagination", children: [
+    /* @__PURE__ */ s.jsxs("div", { className: "kdpa-pagination-content", children: [
+      /* @__PURE__ */ s.jsx(U.Label, { className: "paginationInput-lable", for: "exampleSelectMulti", children: /* @__PURE__ */ s.jsx("span", { className: "text-muted", children: "تعداد" }) }),
+      /* @__PURE__ */ s.jsx("div", { className: "kdpa-pagination-container", children: /* @__PURE__ */ s.jsx(
+        aa,
+        {
+          onChange: (i) => f(i),
+          value: n,
+          disabled: b,
+          children: (d == null ? void 0 : d.length) === 0 ? /* @__PURE__ */ s.jsx(A, { children: "بدون مقدار" }) : d == null ? void 0 : d.map((i, g) => /* @__PURE__ */ s.jsx(A, { value: i == null ? void 0 : i.value, children: i == null ? void 0 : i.label }, g))
+        }
+      ) }),
+      /* @__PURE__ */ s.jsxs(
+        U.Label,
+        {
+          className: "paginationInput-lable kdpa-pagination-container-lable",
+          for: "exampleSelectMulti",
+          children: [
+            /* @__PURE__ */ s.jsx("span", { className: "text-muted kdpa-pagination-container-span", children: "تعداد کل" }),
+            /* @__PURE__ */ s.jsx("span", { children: e })
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ s.jsx(
+      Pa,
+      {
+        variant: "outlined",
+        shape: "rounded",
+        page: t,
+        count: Math.ceil(e / n),
+        onChange: c,
+        disabled: b,
+        sx: {
+          "& .MuiPagination-ul li": {
+            margin: "0 3px",
+            borderRadius: "20"
+          },
+          "& .MuiPagination-ul li :hover": {
+            borderColor: "#7367F0"
+          },
+          "& .Mui-selected": {
+            backgroundColor: "transparent",
+            fontWeight: "600",
+            borderColor: "#7367F0"
+          }
+        }
+      }
+    )
+  ] });
+};
+export {
+  E as F,
+  Ra as K,
+  V as L
+};