@reportportal/ui-kit 0.0.1-alpha.46 → 0.0.1-alpha.48

package/dist/fieldText-65e4c614.js

@@ -1,134 +0,0 @@
-import { jsx as e, jsxs as s, Fragment as w } from "react/jsx-runtime";
-import * as k from "react";
-import { forwardRef as K, useRef as O, useState as P } from "react";
-import { c as C } from "./bind-06a7ff84.js";
-import "./baseIconButton-b6adc843.js";
-const Q = (t) => /* @__PURE__ */ k.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ k.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1 8C1 4.14001 4.14001 1 8 1C11.86 1 15 4.14001 15 8C15 11.8595 11.86 15 8 15C4.14001 15 1 11.8595 1 8ZM5 5.54545L5.54545 5L8 7.45455L10.4545 5L11 5.54545L8.54545 8L11 10.4545L10.4545 11L8 8.54545L5.54545 11L5 10.4545L7.45455 8L5 5.54545Z", fill: "#A2AAB5" })), T = "_collapsed_7ag8j_13", U = "_label_7ag8j_21", V = "_asterisk_7ag8j_30", W = "_disabled_7ag8j_36", X = "_field_7ag8j_41", Y = "_placeholder_7ag8j_62", I = "_error_7ag8j_69", nn = "_touched_7ag8j_69", en = "_input_7ag8j_84", tn = "_icon_7ag8j_1", an = "_text_7ag8j_175", sn = {
-  "icon-container": "_icon-container_7ag8j_1",
-  "icon-container-end": "_icon-container-end_7ag8j_1",
-  "icon-container-start": "_icon-container-start_7ag8j_1",
-  collapsed: T,
-  label: U,
-  asterisk: V,
-  disabled: W,
-  field: X,
-  "default-width": "_default-width_7ag8j_53",
-  placeholder: Y,
-  error: I,
-  touched: nn,
-  "input-container": "_input-container_7ag8j_84",
-  input: en,
-  icon: tn,
-  "start-icon": "_start-icon_7ag8j_131",
-  "clear-icon": "_clear-icon_7ag8j_132",
-  "additional-content": "_additional-content_7ag8j_168",
-  text: an,
-  "error-text": "_error-text_7ag8j_183",
-  "help-text": "_help-text_7ag8j_187"
-}, cn = "_spinner_qn4ih_8", on = "_spin_qn4ih_1", ln = {
-  "spin-loader": "_spin-loader_qn4ih_1",
-  spinner: cn,
-  spin: on,
-  "color-topaz": "_color-topaz_qn4ih_20"
-}, v = C.bind(ln), rn = ({ color: t = "topaz", className: o }) => /* @__PURE__ */ e("div", { className: v("spin-loader", o), children: /* @__PURE__ */ e("div", { className: v("spinner", { [`color-${t}`]: t }) }) }), n = C.bind(sn), un = K(
-  ({
-    value: t = "",
-    className: o,
-    error: i,
-    placeholder: p,
-    disabled: c = !1,
-    onChange: F,
-    touched: h = !1,
-    title: R,
-    label: l,
-    helpText: r,
-    defaultWidth: b = !0,
-    startIcon: u,
-    endIcon: f,
-    clearable: B = !1,
-    onClear: m,
-    isRequired: g = !1,
-    hasDoubleMessage: E = !1,
-    type: S = "text",
-    displayError: q = !0,
-    collapsible: y = !1,
-    loading: z = !1,
-    onFocus: A = () => {
-    },
-    onBlur: $ = () => {
-    },
-    ...H
-  }, M) => {
-    const Z = O(null), _ = M || Z, [j, x] = P(!1), D = (a) => {
-      x(!0), A(a);
-    }, G = (a) => {
-      x(!1), $(a);
-    }, J = () => {
-      var a;
-      m && (m(t), (a = _.current) == null || a.focus());
-    }, N = q && i && h, L = /* @__PURE__ */ e("span", { className: n("text", "help-text"), children: r });
-    return /* @__PURE__ */ s(w, { children: [
-      l && /* @__PURE__ */ s("span", { className: n("label", { disabled: c }), children: [
-        l,
-        g && /* @__PURE__ */ e("span", { className: n("asterisk"), children: "*" })
-      ] }),
-      /* @__PURE__ */ s(
-        "div",
-        {
-          className: n("field", o, {
-            error: i,
-            touched: h,
-            disabled: c,
-            "default-width": b,
-            collapsed: y && !j && !t
-          }),
-          title: R,
-          children: [
-            z ? /* @__PURE__ */ e(rn, {}) : u && /* @__PURE__ */ e(
-              "span",
-              {
-                className: n("icon-container-start"),
-                onClick: () => {
-                  var d;
-                  (d = _.current) == null || d.focus();
-                },
-                children: /* @__PURE__ */ e("span", { className: n("icon", { "start-icon": !j }), children: u })
-              }
-            ),
-            /* @__PURE__ */ s("span", { className: n("input-container"), children: [
-              /* @__PURE__ */ e(
-                "input",
-                {
-                  ref: _,
-                  type: S,
-                  className: n("input"),
-                  value: t,
-                  disabled: c,
-                  onChange: F,
-                  onFocus: D,
-                  onBlur: G,
-                  ...H
-                }
-              ),
-              p && !t && /* @__PURE__ */ s("span", { className: n("placeholder"), children: [
-                p,
-                g && !l && /* @__PURE__ */ e("span", { className: n("asterisk") })
-              ] })
-            ] }),
-            f && /* @__PURE__ */ e("span", { className: n("icon-container-end"), children: /* @__PURE__ */ e("span", { className: n("icon"), children: f }) }),
-            B && t.length > 0 && /* @__PURE__ */ e("span", { className: n("icon-container-end"), children: /* @__PURE__ */ e("button", { type: "button", className: n("clear-icon", { disabled: c }), onClick: J, children: /* @__PURE__ */ e(Q, {}) }) })
-          ]
-        }
-      ),
-      (N || r) && /* @__PURE__ */ e("div", { className: n("additional-content", { disabled: c }), children: N ? /* @__PURE__ */ s(w, { children: [
-        /* @__PURE__ */ e("span", { className: n("text", "error-text"), children: i }),
-        E && L
-      ] }) : r && L })
-    ] });
-  }
-);
-export {
-  un as F,
-  rn as S,
-  Q as a
-};

package/dist/fieldTextFlex-5bddf46a.js

@@ -1,67 +0,0 @@
-import { jsxs as _, Fragment as u, jsx as r } from "react/jsx-runtime";
-import { c as y } from "./bind-06a7ff84.js";
-import { forwardRef as H, useId as I } from "react";
-const E = "_error_cxv68_19", R = "_touched_cxv68_19", j = "_label_cxv68_30", O = "_disabled_cxv68_56", $ = {
-  "text-area": "_text-area_cxv68_1",
-  error: E,
-  touched: R,
-  label: j,
-  "additional-content": "_additional-content_cxv68_39",
-  "error-text": "_error-text_cxv68_39",
-  "help-text": "_help-text_cxv68_47",
-  disabled: O
-}, t = y.bind($), w = 72, z = 2, G = H(
-  ({
-    value: o = "",
-    readonly: d = !1,
-    error: a = "",
-    placeholder: h = "",
-    disabled: e = !1,
-    touched: l = !1,
-    className: m = "",
-    label: n = "",
-    helpText: s = "",
-    onChange: p,
-    onFocus: f,
-    onBlur: g,
-    onKeyUp: v,
-    ...N
-  }, b) => {
-    const i = I(), x = a && l, F = (c) => {
-      c.target.style.height = `${w}px`, c.target.style.height = `${c.target.scrollHeight + z}px`;
-    };
-    return /* @__PURE__ */ _(u, { children: [
-      n && /* @__PURE__ */ r("label", { htmlFor: i, className: t("label", { disabled: e }), children: n }),
-      /* @__PURE__ */ r(
-        "textarea",
-        {
-          id: i,
-          ref: b,
-          className: t("text-area", m, {
-            disabled: e,
-            error: a,
-            touched: l
-          }),
-          value: o,
-          placeholder: h,
-          disabled: e,
-          readOnly: d,
-          onChange: p,
-          onFocus: f,
-          onBlur: g,
-          onKeyUp: v,
-          onInput: F,
-          ...N,
-          children: o
-        }
-      ),
-      (x || s) && /* @__PURE__ */ _("div", { className: t("additional-content", { disabled: e }), children: [
-        x && /* @__PURE__ */ r("span", { className: t("error-text"), children: a }),
-        s && /* @__PURE__ */ r("span", { className: t("help-text"), children: s })
-      ] })
-    ] });
-  }
-);
-export {
-  G as F
-};

package/dist/index-54e3bfc2.js

@@ -1,147 +0,0 @@
-import { jsx as e, jsxs as c, Fragment as B } from "react/jsx-runtime";
-import * as M from "react";
-import { useState as g, useEffect as b, useRef as j } from "react";
-import { Scrollbars as G } from "rc-scrollbars";
-import { AnimatePresence as K, motion as P } from "framer-motion";
-import { c as u } from "./bind-06a7ff84.js";
-import { u as q } from "./useOnClickOutside-c332f7d3.js";
-import { K as Y } from "./keyCodes-f63c0e11.js";
-import { B as L } from "./button-33c88abf.js";
-import { B as F } from "./baseIconButton-b6adc843.js";
-const U = (t) => /* @__PURE__ */ M.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ M.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0.732179 15.2698C0.330639 14.8683 0.33064 14.2172 0.73218 13.8157L6.54858 7.99928L0.73218 2.18288C0.33064 1.78134 0.330639 1.13031 0.732179 0.728774C1.13372 0.327235 1.78474 0.327235 2.18628 0.728774L8.00269 6.54518L13.8191 0.728767C14.2206 0.327229 14.8717 0.327228 15.2732 0.728767C15.6747 1.13031 15.6747 1.78133 15.2732 2.18287L9.45679 7.99928L15.2732 13.8157C15.6747 14.2172 15.6747 14.8683 15.2732 15.2698C14.8717 15.6713 14.2206 15.6713 13.8191 15.2698L8.00269 9.45338L2.18628 15.2698C1.78474 15.6713 1.13372 15.6713 0.732179 15.2698Z", fill: "#A2AAB5" })), X = () => {
-  const [t, n] = g({ width: 0, height: 0 });
-  return b(() => {
-    const l = () => {
-      n({
-        width: window.innerWidth,
-        height: window.innerHeight
-      });
-    };
-    return window.addEventListener("resize", l), l(), () => window.removeEventListener("resize", l);
-  }, []), t;
-}, Z = "_scrollable_qziry_12", J = {
-  "modal-content": "_modal-content_qziry_1",
-  scrollable: Z
-}, Q = u.bind(J), A = ({ scrollable: t = !1, children: n }) => /* @__PURE__ */ e("div", { className: Q("modal-content", { scrollable: t }), children: n }), V = {
-  "buttons-block": "_buttons-block_1dgm4_1",
-  "button-container": "_button-container_1dgm4_5",
-  "modal-footer": "_modal-footer_1dgm4_14",
-  "with-extra-node": "_with-extra-node_1dgm4_21",
-  "size-small": "_size-small_1dgm4_25"
-}, m = u.bind(V), ee = ({
-  footerNode: t,
-  closeHandler: n,
-  okButton: l,
-  cancelButton: r,
-  size: a
-}) => /* @__PURE__ */ c("div", { className: m("modal-footer", { "with-extra-node": t, [`size-${a}`]: a }), children: [
-  t && t,
-  /* @__PURE__ */ c("div", { className: m("buttons-block"), children: [
-    r && /* @__PURE__ */ e("div", { className: m("button-container"), children: /* @__PURE__ */ e(
-      L,
-      {
-        variant: "ghost",
-        adjustWidthOn: a === "small" ? "parent" : "content",
-        onClick: n,
-        ...r
-      }
-    ) }),
-    l && /* @__PURE__ */ e("div", { className: m("button-container"), children: /* @__PURE__ */ e(L, { adjustWidthOn: a === "small" ? "parent" : "content", ...l }) })
-  ] })
-] }), te = {
-  "modal-header": "_modal-header_68lru_1",
-  "width-description": "_width-description_68lru_10",
-  "modal-header-content": "_modal-header-content_68lru_14",
-  "modal-title": "_modal-title_68lru_20",
-  "close-modal-icon": "_close-modal-icon_68lru_29"
-}, _ = u.bind(te), oe = ({ title: t, onClose: n, withDescription: l = !1 }) => /* @__PURE__ */ c("div", { className: _("modal-header", { "width-description": l }), children: [
-  /* @__PURE__ */ e("div", { className: _("modal-header-content"), children: t && /* @__PURE__ */ e("div", { className: _("modal-title"), children: t }) }),
-  /* @__PURE__ */ e(F, { className: _("close-modal-icon"), onClick: n, children: /* @__PURE__ */ e(U, {}) })
-] }), ne = "_modal_f3ckb_1", le = "_description_f3ckb_43", ae = "_scrollable_f3ckb_53", se = {
-  modal: ne,
-  "overlay-default": "_overlay-default_f3ckb_12",
-  "overlay-light-cyan": "_overlay-light-cyan_f3ckb_16",
-  "scrolling-content": "_scrolling-content_f3ckb_20",
-  "modal-window": "_modal-window_f3ckb_26",
-  description: le,
-  scrollable: ae,
-  "size-default": "_size-default_f3ckb_57",
-  "size-small": "_size-small_f3ckb_69",
-  "size-large": "_size-large_f3ckb_81"
-}, h = u.bind(se), ie = 0.9, ce = 32 + 24, de = 32 + 8, re = 36 + 16, me = 32 * 2, ye = ({
-  title: t,
-  children: n,
-  footerNode: l,
-  okButton: r,
-  cancelButton: a,
-  className: N,
-  size: f = "default",
-  onClose: O = () => {
-  },
-  overlay: p = "default",
-  zIndex: z = 2,
-  allowCloseOutside: D = !0,
-  scrollable: v = !1,
-  withoutFooter: y = !1,
-  createFooter: C = null,
-  description: s = null
-}) => {
-  const [R, E] = g(!1), [S, T] = g(0), i = j(null), H = X(), k = H.height, I = k * ie, w = (k - S) / 2, $ = () => {
-    let o = I - me;
-    return y || (o = o - re), s ? o = o - de : o = o - ce, o;
-  }, d = () => {
-    E(!1);
-  }, x = (o) => {
-    const { keyCode: W } = o;
-    W === Y.ESCAPE_KEY_CODE && d();
-  };
-  return b(() => {
-    if (i && i.current) {
-      const { clientHeight: o } = i.current;
-      T(o);
-    }
-  }, [n, H]), b(() => (E(!0), document.addEventListener("keydown", x, !1), () => document.removeEventListener("keydown", x, !1)), []), q(i, D ? d : void 0), /* @__PURE__ */ e(K, { onExitComplete: O, children: R && /* @__PURE__ */ e("div", { className: h("modal", { [`overlay-${p}`]: p }), style: { zIndex: z }, children: /* @__PURE__ */ c(
-    P.div,
-    {
-      className: h("modal-window", { [`size-${f}`]: f }, N),
-      ref: i,
-      tabIndex: 0,
-      initial: { opacity: 0, marginTop: -w },
-      animate: { opacity: 1, marginTop: w },
-      exit: { opacity: 0, marginTop: -w },
-      transition: { duration: 0.3 },
-      onAnimationStart: () => {
-        var o;
-        return (o = i.current) == null ? void 0 : o.focus();
-      },
-      children: [
-        /* @__PURE__ */ e(oe, { title: t, onClose: d, withDescription: !!s }),
-        v ? /* @__PURE__ */ c(G, { autoHeight: !0, autoHeightMax: $(), hideTracksWhenNotNeeded: !0, children: [
-          s && /* @__PURE__ */ e("span", { className: h("description", { scrollable: v }), children: s }),
-          /* @__PURE__ */ e(A, { scrollable: !0, children: n })
-        ] }) : /* @__PURE__ */ c(B, { children: [
-          s && /* @__PURE__ */ e("span", { className: h("description"), children: s }),
-          /* @__PURE__ */ e(A, { children: n })
-        ] }),
-        !y && (C ? C(d) : /* @__PURE__ */ e(
-          ee,
-          {
-            size: f,
-            footerNode: l,
-            okButton: r,
-            cancelButton: a,
-            closeHandler: d
-          }
-        ))
-      ]
-    },
-    "modal-window"
-  ) }) });
-};
-export {
-  ye as M,
-  U as S,
-  A as a,
-  oe as b,
-  ee as c
-};

package/dist/pagination-4ae395bd.js

@@ -1,347 +0,0 @@
-import { jsxs as p, jsx as o } from "react/jsx-runtime";
-import { c as m } from "./bind-06a7ff84.js";
-import * as f from "react";
-import { useState as b } from "react";
-import { Popover as I } from "./popover.js";
-import { B as v } from "./button-33c88abf.js";
-import { F as O } from "./fieldText-65e4c614.js";
-import { B as u } from "./baseIconButton-b6adc843.js";
-import { Tooltip as k } from "./tooltip.js";
-const y = (t) => /* @__PURE__ */ f.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "#A2AAB5", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ f.createElement("path", { d: "M12 13L4 8L12 3L12 13Z" })), T = (t) => /* @__PURE__ */ f.createElement("svg", { width: 13, height: 12, viewBox: "0 0 13 12", fill: "#A2AAB5", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ f.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0 12L2 12L2 2.38498e-08L1.90798e-07 0L0 12ZM13 1L5 6L13 11L13 1Z" })), E = {
-  "item-counter": "_item-counter_4g6do_1"
-}, M = m.bind(E), P = ({
-  activePage: t,
-  pageSize: n,
-  totalItems: s,
-  ofText: r,
-  itemsText: a
-}) => {
-  const c = t * n, i = c - n;
-  return /* @__PURE__ */ p("div", { className: M("item-counter"), children: [
-    `${i + 1} - ${c < s ? c : s}`,
-    ` ${r} ${s} ${a}`
-  ] });
-}, R = "_selected_183l8_32", V = {
-  "size-selector": "_size-selector_183l8_1",
-  "size-option": "_size-option_183l8_6",
-  selected: R
-}, C = m.bind(V), W = ({
-  currentSize: t,
-  options: n,
-  onClickOption: s
-}) => /* @__PURE__ */ o("div", { className: C("size-selector"), children: n.map((r) => /* @__PURE__ */ o(
-  "button",
-  {
-    className: C("size-option", { selected: r === t }),
-    onClick: () => {
-      s(r);
-    },
-    children: r
-  },
-  r
-)) }), D = {
-  "page-size-control": "_page-size-control_1y4na_1",
-  "size-selector-button": "_size-selector-button_1y4na_10"
-}, S = m.bind(D), F = ({
-  size: t,
-  sizeOptions: n,
-  perPageText: s,
-  changeSize: r
-}) => {
-  const [a, c] = b(!1), i = (e) => {
-    r(e), c(!1);
-  };
-  return /* @__PURE__ */ p("div", { className: S("page-size-control"), children: [
-    /* @__PURE__ */ o(
-      I,
-      {
-        content: /* @__PURE__ */ o(W, { options: n, onClickOption: i, currentSize: t }),
-        placement: "top",
-        isOpened: a,
-        setIsOpened: c,
-        children: /* @__PURE__ */ o(v, { className: S("size-selector-button"), variant: "text", children: t })
-      }
-    ),
-    ` ${s}`
-  ] });
-}, Z = {
-  "page-selector": "_page-selector_rtho4_1",
-  "field-wrapper": "_field-wrapper_rtho4_6",
-  "apply-button": "_apply-button_rtho4_10"
-}, N = m.bind(Z), j = ({
-  totalPages: t,
-  pageText: n,
-  goActionText: s,
-  selectPage: r
-}) => {
-  const [a, c] = b(""), [i, e] = b(!0), d = (h) => {
-    const w = h.target.value.replace(/\D/g, ""), $ = Number(w), L = $ > 0 && $ <= t;
-    e(L), c(w);
-  }, l = () => {
-    r(Number(a));
-  };
-  return /* @__PURE__ */ p("div", { className: N("page-selector"), children: [
-    /* @__PURE__ */ o("div", { className: N("field-wrapper"), children: /* @__PURE__ */ o(
-      O,
-      {
-        onChange: d,
-        value: a,
-        placeholder: n,
-        error: i ? "" : "Error",
-        touched: !0,
-        defaultWidth: !1,
-        displayError: !1
-      }
-    ) }),
-    /* @__PURE__ */ o(v, { onClick: l, disabled: !a || !i, className: N("apply-button"), children: s })
-  ] });
-}, G = {
-  "active-page": "_active-page_rmw5h_1",
-  "page-selector": "_page-selector_rmw5h_10",
-  "page-selector-button": "_page-selector-button_rmw5h_14"
-}, x = m.bind(G), H = ({
-  activePage: t,
-  totalPages: n,
-  pageText: s,
-  goToText: r,
-  goActionText: a,
-  changePage: c
-}) => {
-  const [i, e] = b(!1), d = (l) => {
-    c(l), e(!1);
-  };
-  return /* @__PURE__ */ p("div", { className: x("active-page"), children: [
-    `${s} `,
-    /* @__PURE__ */ o(
-      I,
-      {
-        content: /* @__PURE__ */ o(
-          j,
-          {
-            pageText: s,
-            goActionText: a,
-            selectPage: d,
-            totalPages: n
-          }
-        ),
-        title: r,
-        placement: "top",
-        isOpened: i,
-        setIsOpened: e,
-        className: x("page-selector"),
-        children: /* @__PURE__ */ o(v, { className: x("page-selector-button"), variant: "text", children: t })
-      }
-    )
-  ] });
-}, q = "_bar_dfnmf_1", J = "_section_dfnmf_9", K = "_selected_dfnmf_33", Q = "_tooltip_dfnmf_37", U = {
-  bar: q,
-  "section-with-tooltip": "_section-with-tooltip_dfnmf_9",
-  section: J,
-  selected: K,
-  "tooltip-wrapper": "_tooltip-wrapper_dfnmf_37",
-  tooltip: Q,
-  "tooltip-text": "_tooltip-text_dfnmf_48",
-  "page-number": "_page-number_dfnmf_52"
-}, g = m.bind(U), z = 13, A = 260, X = ({
-  totalPages: t,
-  activePage: n,
-  changePage: s,
-  captions: r
-}) => {
-  const a = A / t, c = Math.min(Math.ceil(A / z), t), i = Math.max(z, a), e = [];
-  for (let l = 1; l <= t; l++)
-    e.push({
-      end: l * a,
-      pageNumber: l
-    });
-  const d = Array.from({ length: c }, () => ({ pages: { from: void 0, to: void 0 } }));
-  return d.forEach((l, h) => {
-    for (l.pages.from = e[0].pageNumber; i * (h + 1) > e[0].end; )
-      e.shift();
-    l.pages.to = e[0].pageNumber, e.shift();
-  }), /* @__PURE__ */ o("div", { className: g("bar"), children: d.map((l, h) => /* @__PURE__ */ o(
-    "div",
-    {
-      className: g("section-with-tooltip"),
-      style: { width: i },
-      onClick: () => l.pages.from && s(l.pages.from),
-      children: /* @__PURE__ */ o(
-        k,
-        {
-          content: /* @__PURE__ */ p("div", { className: g("tooltip"), children: [
-            /* @__PURE__ */ o("div", { className: g("tooltip-text"), children: r.goTo }),
-            /* @__PURE__ */ o("div", { className: g("page-number"), children: l.pages.from })
-          ] }),
-          wrapperClassName: g("tooltip-wrapper"),
-          placement: "top",
-          children: /* @__PURE__ */ o(
-            "div",
-            {
-              className: g("section", {
-                selected: l.pages.from && l.pages.to && l.pages.from <= n && n <= l.pages.to
-              })
-            }
-          )
-        }
-      )
-    },
-    h
-  )) });
-}, Y = "_next_1p2t5_18", ee = {
-  "page-navigator": "_page-navigator_1p2t5_1",
-  "page-buttons": "_page-buttons_1p2t5_6",
-  "page-button": "_page-button_1p2t5_6",
-  next: Y
-}, _ = m.bind(ee), te = ({
-  activePage: t,
-  changePage: n,
-  totalPages: s,
-  captions: r
-}) => {
-  const a = () => {
-    n(1);
-  }, c = () => {
-    n(t - 1);
-  }, i = () => {
-    n(t + 1);
-  }, e = () => {
-    n(s);
-  };
-  return /* @__PURE__ */ p("div", { className: _("page-navigator"), children: [
-    /* @__PURE__ */ p("div", { className: _("page-buttons"), children: [
-      /* @__PURE__ */ o(
-        u,
-        {
-          className: _("page-button"),
-          onClick: a,
-          disabled: t === 1,
-          children: /* @__PURE__ */ o(T, {})
-        }
-      ),
-      /* @__PURE__ */ o(
-        u,
-        {
-          className: _("page-button"),
-          onClick: c,
-          disabled: t === 1,
-          children: /* @__PURE__ */ o(y, {})
-        }
-      )
-    ] }),
-    /* @__PURE__ */ o(
-      X,
-      {
-        totalPages: s,
-        activePage: t,
-        changePage: n,
-        captions: r
-      }
-    ),
-    /* @__PURE__ */ p("div", { className: _("page-buttons"), children: [
-      /* @__PURE__ */ o(
-        u,
-        {
-          className: _("page-button", "next"),
-          onClick: i,
-          disabled: t === s,
-          children: /* @__PURE__ */ o(y, {})
-        }
-      ),
-      /* @__PURE__ */ o(
-        u,
-        {
-          className: _("page-button", "next"),
-          onClick: e,
-          disabled: t === s,
-          children: /* @__PURE__ */ o(T, {})
-        }
-      )
-    ] })
-  ] });
-}, oe = {
-  "page-controls": "_page-controls_thyf8_1",
-  "total-pages": "_total-pages_thyf8_8"
-}, B = m.bind(oe), se = ({
-  activePage: t,
-  changePage: n,
-  captions: s,
-  totalPages: r
-}) => /* @__PURE__ */ p("div", { className: B("page-controls"), children: [
-  /* @__PURE__ */ o(
-    H,
-    {
-      activePage: t,
-      totalPages: r,
-      changePage: n,
-      pageText: s.page,
-      goToText: s.goTo,
-      goActionText: s.goAction
-    }
-  ),
-  /* @__PURE__ */ o(
-    te,
-    {
-      changePage: n,
-      activePage: t,
-      totalPages: r,
-      captions: { goTo: s.goTo }
-    }
-  ),
-  /* @__PURE__ */ p("span", { className: B("total-pages"), children: [
-    `${s.of} `,
-    r
-  ] })
-] }), ne = "_pagination_wi26a_1", re = {
-  pagination: ne
-}, le = m.bind(re), he = ({
-  activePage: t,
-  totalPages: n,
-  pageSize: s,
-  totalItems: r,
-  pageSizeOptions: a,
-  changePage: c,
-  changePageSize: i,
-  captions: e
-}) => {
-  const d = (e == null ? void 0 : e.of) || "of", l = (e == null ? void 0 : e.page) || "Page";
-  return /* @__PURE__ */ p("div", { className: le("pagination"), children: [
-    /* @__PURE__ */ o(
-      P,
-      {
-        activePage: t,
-        pageSize: s,
-        totalItems: r,
-        ofText: d,
-        itemsText: (e == null ? void 0 : e.items) || "items"
-      }
-    ),
-    n > 1 && /* @__PURE__ */ o(
-      se,
-      {
-        activePage: t,
-        totalPages: n,
-        changePage: c,
-        captions: {
-          page: l,
-          of: d,
-          goTo: (e == null ? void 0 : e.goTo) || "Go to page",
-          goAction: (e == null ? void 0 : e.goAction) || "Go"
-        }
-      }
-    ),
-    /* @__PURE__ */ o(
-      F,
-      {
-        size: s,
-        sizeOptions: a,
-        changeSize: i,
-        perPageText: (e == null ? void 0 : e.perPage) || "per page"
-      }
-    )
-  ] });
-};
-export {
-  he as P,
-  y as S,
-  T as a
-};