@sberbusiness/triplex-next 0.1.4 → 0.1.5

package/components/ListMaster/index.js

@@ -0,0 +1,19 @@
+import { ListMaster as t } from "./ListMaster.js";
+import { ListMasterBody as s } from "./components/ListMasterBody.js";
+import { ListMasterChipGroup as p } from "./components/ListMasterChipGroup.js";
+import { ListMasterFooter as f } from "./components/ListMasterFooter.js";
+import { ListMasterFooterControls as x } from "./components/ListMasterFooterControls.js";
+import { ListMasterFooterDescription as M } from "./components/ListMasterFooterDescription.js";
+import { ListMasterHeader as l } from "./components/ListMasterHeader.js";
+import { SelectionControls as F } from "./components/SelectionControls.js";
+export {
+  t as ListMaster,
+  s as ListMasterBody,
+  p as ListMasterChipGroup,
+  f as ListMasterFooter,
+  x as ListMasterFooterControls,
+  M as ListMasterFooterDescription,
+  l as ListMasterHeader,
+  F as SelectionControls
+};
+//# sourceMappingURL=index.js.map

package/components/Loader/LoaderMiddle/LoaderMiddle.js

@@ -0,0 +1,22 @@
+import { jsxs as e, jsx as o } from "react/jsx-runtime";
+import { c as t } from "../../../chunks/vendor-CF2m175I.js";
+const a = "loaderMiddle__933a3e51", s = "dot__56eedfac", l = "dot1__ef414726", n = "dot2__23deb403", c = "dot3__987aeb8e", i = "dot4__4dbdeae3", r = "line__a5c8dff6", d = {
+  loaderMiddle: a,
+  dot: s,
+  dot1: l,
+  dot2: n,
+  dot3: c,
+  dot4: i,
+  line: r
+}, _ = () => /* @__PURE__ */ e("div", { role: "status", "aria-label": "loading", className: d.loaderMiddle, children: [
+  /* @__PURE__ */ o("span", { className: d.line }),
+  /* @__PURE__ */ o("span", { className: t(d.dot, d.dot1) }),
+  /* @__PURE__ */ o("span", { className: t(d.dot, d.dot2) }),
+  /* @__PURE__ */ o("span", { className: t(d.dot, d.dot3) }),
+  /* @__PURE__ */ o("span", { className: t(d.dot, d.dot4) })
+] });
+_.displayName = "LoaderMiddle";
+export {
+  _ as LoaderMiddle
+};
+//# sourceMappingURL=LoaderMiddle.js.map

package/components/Loader/LoaderSmall/LoaderSmall.js

@@ -0,0 +1,48 @@
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import { c as o } from "../../../chunks/vendor-CF2m175I.js";
+import { ELoaderSmallTheme as d, ELoaderSmallSize as l } from "./enum.js";
+const c = "loaderSmall__2e0192d0", m = "sm__eeddf12b", _ = "dot__56eedfac", S = "md__de9418ac", i = "lg__58ac1bc9", u = "neutral__6c2af821", b = "brand__698b6117", p = "dot1__ef414726", L = "dot2__23deb403", f = "dot3__987aeb8e", a = {
+  loaderSmall: c,
+  sm: m,
+  dot: _,
+  md: S,
+  lg: i,
+  neutral: u,
+  brand: b,
+  dot1: p,
+  dot2: L,
+  dot3: f
+}, t = (s) => {
+  switch (s) {
+    case d.BRAND:
+      return a.brand;
+    case d.NEUTRAL:
+      return a.neutral;
+  }
+}, g = (s) => {
+  switch (s) {
+    case l.SM:
+      return a.sm;
+    case l.MD:
+      return a.md;
+    case l.LG:
+      return a.lg;
+  }
+}, N = ({ theme: s, size: r }) => /* @__PURE__ */ n(
+  "span",
+  {
+    role: "status",
+    "aria-label": "loading",
+    className: o(a.loaderSmall, g(r), t(s)),
+    children: [
+      /* @__PURE__ */ e("span", { className: o(t(s), a.dot, a.dot1) }),
+      /* @__PURE__ */ e("span", { className: o(t(s), a.dot, a.dot2) }),
+      /* @__PURE__ */ e("span", { className: o(t(s), a.dot, a.dot3) })
+    ]
+  }
+);
+N.displayName = "LoaderSmall";
+export {
+  N as LoaderSmall
+};
+//# sourceMappingURL=LoaderSmall.js.map

package/components/Loader/LoaderSmall/enum.js

@@ -0,0 +1,6 @@
+var n = /* @__PURE__ */ ((r) => (r.BRAND = "brand", r.NEUTRAL = "neutral", r))(n || {}), t = /* @__PURE__ */ ((r) => (r.SM = "sm", r.MD = "md", r.LG = "lg", r))(t || {});
+export {
+  t as ELoaderSmallSize,
+  n as ELoaderSmallTheme
+};
+//# sourceMappingURL=enum.js.map

package/components/Loader/index.js

@@ -0,0 +1,10 @@
+import { LoaderSmall as r } from "./LoaderSmall/LoaderSmall.js";
+import { ELoaderSmallSize as l, ELoaderSmallTheme as m } from "./LoaderSmall/enum.js";
+import { LoaderMiddle as L } from "./LoaderMiddle/LoaderMiddle.js";
+export {
+  l as ELoaderSmallSize,
+  m as ELoaderSmallTheme,
+  L as LoaderMiddle,
+  r as LoaderSmall
+};
+//# sourceMappingURL=index.js.map

package/components/LoaderWidget/LoaderWidget.js

@@ -0,0 +1,28 @@
+import { jsx as d } from "react/jsx-runtime";
+import { LoaderSmall as m } from "../Loader/LoaderSmall/LoaderSmall.js";
+import { ELoaderSmallTheme as s, ELoaderSmallSize as t } from "../Loader/LoaderSmall/enum.js";
+import { LoaderMiddle as n } from "../Loader/LoaderMiddle/LoaderMiddle.js";
+import { c as p } from "../../chunks/vendor-CF2m175I.js";
+const B = "loaderWidget__9641f002", k = "loaderSmallBackdrop__99ef1c49", g = "loaderMiddleBackdrop__a8ae34d3", M = "loaderMiddleBackground__61d51f28", a = {
+  loaderWidget: B,
+  loaderSmallBackdrop: k,
+  loaderMiddleBackdrop: g,
+  loaderMiddleBackground: M
+}, f = ({
+  className: o,
+  size: e = t.MD,
+  type: l,
+  theme: r = s.BRAND,
+  ...c
+}) => {
+  const i = p(o, a.loaderWidget, {
+    [a.loaderSmallBackdrop]: l === "small",
+    [a.loaderMiddleBackdrop]: l === "middle"
+  });
+  return /* @__PURE__ */ d("div", { className: i, ...c, children: l === "small" ? /* @__PURE__ */ d(m, { size: e, theme: r }) : /* @__PURE__ */ d("div", { className: a.loaderMiddleBackground, children: /* @__PURE__ */ d(n, {}) }) });
+};
+f.displayName = "LoaderWidget";
+export {
+  f as LoaderWidget
+};
+//# sourceMappingURL=LoaderWidget.js.map

package/components/LoaderWidget/index.js

@@ -0,0 +1,5 @@
+import { LoaderWidget as r } from "./LoaderWidget.js";
+export {
+  r as LoaderWidget
+};
+//# sourceMappingURL=index.js.map

package/components/MediaWidth/MediaBetweenWidth.js

@@ -0,0 +1,9 @@
+import { useMatchMedia as r } from "./useMatchMedia.js";
+const o = ({ children: n, fallback: i, minWidth: e, maxWidth: t }) => r(
+  `(max-width: ${t}) and (min-width: ${e})`,
+  window.innerWidth >= parseInt(e) && window.innerWidth <= parseInt(t)
+) ? n : i;
+export {
+  o as MediaBetweenWidth
+};
+//# sourceMappingURL=MediaBetweenWidth.js.map

package/components/MediaWidth/MediaMaxWidth.js

@@ -0,0 +1,6 @@
+import { useMatchMedia as i } from "./useMatchMedia.js";
+const o = ({ children: e, fallback: a, maxWidth: t }) => i(`(max-width: ${t})`, window.innerWidth <= parseInt(t)) ? e : a;
+export {
+  o as MediaMaxWidth
+};
+//# sourceMappingURL=MediaMaxWidth.js.map

package/components/MediaWidth/MediaMinWidth.js

@@ -0,0 +1,6 @@
+import { useMatchMedia as n } from "./useMatchMedia.js";
+const o = ({ children: e, fallback: i, minWidth: t }) => n(`(min-width: ${t})`, window.innerWidth >= parseInt(t)) ? e : i;
+export {
+  o as MediaMinWidth
+};
+//# sourceMappingURL=MediaMinWidth.js.map

package/components/MediaWidth/MediaWidth.js

@@ -0,0 +1,10 @@
+import { jsx as i } from "react/jsx-runtime";
+import { MediaMaxWidth as p } from "./MediaMaxWidth.js";
+import { MediaMinWidth as M } from "./MediaMinWidth.js";
+import { MediaBetweenWidth as f } from "./MediaBetweenWidth.js";
+import "./useMatchMedia.js";
+const w = ({ children: t, fallback: r, maxWidth: e, minWidth: o }) => o && e ? /* @__PURE__ */ i(f, { minWidth: o, maxWidth: e, fallback: r, children: t }) : o ? /* @__PURE__ */ i(M, { minWidth: o, fallback: r, children: t }) : e ? /* @__PURE__ */ i(p, { maxWidth: e, fallback: r, children: t }) : r;
+export {
+  w as MediaWidth
+};
+//# sourceMappingURL=MediaWidth.js.map

package/components/MediaWidth/index.js

@@ -0,0 +1,13 @@
+import { MediaWidth as i } from "./MediaWidth.js";
+import { MediaMaxWidth as r } from "./MediaMaxWidth.js";
+import { MediaMinWidth as M } from "./MediaMinWidth.js";
+import { MediaBetweenWidth as x } from "./MediaBetweenWidth.js";
+import { useMatchMedia as h } from "./useMatchMedia.js";
+export {
+  x as MediaBetweenWidth,
+  r as MediaMaxWidth,
+  M as MediaMinWidth,
+  i as MediaWidth,
+  h as useMatchMedia
+};
+//# sourceMappingURL=index.js.map

package/components/MediaWidth/useMatchMedia.js

@@ -0,0 +1,14 @@
+import { useState as r, useEffect as i } from "react";
+function d(e, a) {
+  const [s, c] = r(a);
+  return i(() => {
+    const t = window.matchMedia(e), n = (h) => c(h.matches);
+    return t.addEventListener("change", n), () => {
+      t.removeEventListener("change", n);
+    };
+  }, [e]), s;
+}
+export {
+  d as useMatchMedia
+};
+//# sourceMappingURL=useMatchMedia.js.map

package/components/MobileView/MobileView.js

@@ -0,0 +1,8 @@
+import { jsx as r } from "react/jsx-runtime";
+import { EScreenWidth as t } from "../../helpers/breakpoints.js";
+import { MediaWidth as m } from "../MediaWidth/MediaWidth.js";
+const M = ({ children: i, fallback: o }) => /* @__PURE__ */ r(m, { maxWidth: t.SM_MAX, fallback: o, children: i });
+export {
+  M as MobileView
+};
+//# sourceMappingURL=MobileView.js.map

package/components/MobileView/index.js

@@ -0,0 +1,5 @@
+import { MobileView as i } from "./MobileView.js";
+export {
+  i as MobileView
+};
+//# sourceMappingURL=index.js.map

package/components/Overlay/Overlay.js

@@ -0,0 +1,57 @@
+import { jsx as m } from "react/jsx-runtime";
+import { useState as h } from "react";
+import { c as u } from "../../chunks/vendor-CF2m175I.js";
+import { OverlayBase as k } from "./OverlayBase.js";
+import { OverlayMask as B } from "./OverlayMask.js";
+import { OverlayPanel as M } from "./OverlayPanel.js";
+import { s as r } from "../../chunks/Overlay.module-BfeGcilV.js";
+const s = ({
+  children: o,
+  className: i,
+  direction: c,
+  fixed: f,
+  onClose: a,
+  onClosing: e,
+  onOpening: p,
+  onOpen: y,
+  opened: t,
+  setOpened: v,
+  ...d
+}) => {
+  const [n, l] = h(!1), O = () => {
+    l(!0), e == null || e();
+  }, x = () => {
+    l(!1), a == null || a();
+  };
+  return /* @__PURE__ */ m(
+    "div",
+    {
+      className: u(r.overlay, i, {
+        [r.closing]: n,
+        [r.fixed]: !!f,
+        [r.opened]: t
+      }),
+      ...d,
+      children: /* @__PURE__ */ m(
+        k,
+        {
+          direction: c,
+          onClose: x,
+          onClosing: O,
+          onOpening: p,
+          onOpen: y,
+          opened: t,
+          setOpened: v,
+          children: o
+        }
+      )
+    }
+  );
+};
+s.displayName = "Overlay";
+s.Mask = B;
+s.Panel = M;
+export {
+  s as Overlay
+};
+//# sourceMappingURL=Overlay.js.map

package/components/Overlay/OverlayBase.js

@@ -0,0 +1,28 @@
+import { useState as h, useRef as x, useEffect as B, useLayoutEffect as F } from "react";
+var G = /* @__PURE__ */ ((t) => (t.BOTTOM = "bottom", t.LEFT = "left", t.RIGHT = "right", t.TOP = "top", t))(G || {});
+const P = ({
+  children: t,
+  direction: L = "right",
+  opened: r,
+  onClose: s,
+  onClosing: f,
+  onOpen: c,
+  onOpening: u,
+  setOpened: R
+}) => {
+  const [I, b] = h(!1), [e, a] = h(!1), [T, m] = h(!1), M = x(r);
+  return B(() => {
+    b(!0);
+  }, []), F(() => {
+    M.current && !r ? (m(!1), a(!0), f == null || f()) : !M.current && r && (a(!1), m(!0), u == null || u()), M.current = r;
+  }, [r]), B(() => {
+    I && (e ? f == null || f() : s == null || s());
+  }, [e]), B(() => {
+    I && (T ? u == null || u() : c == null || c());
+  }, [T]), t({ closing: e, direction: L, opened: r, opening: T, setClosing: a, setOpened: R, setOpening: m });
+};
+export {
+  G as EOverlayDirection,
+  P as OverlayBase
+};
+//# sourceMappingURL=OverlayBase.js.map

package/components/Overlay/OverlayMask.js

@@ -0,0 +1,19 @@
+import { jsx as m } from "react/jsx-runtime";
+import l from "react";
+import { c as t } from "../../chunks/vendor-CF2m175I.js";
+import { s as a } from "../../chunks/Overlay.module-BfeGcilV.js";
+const f = l.forwardRef(({ className: r, opened: s, ...e }, o) => /* @__PURE__ */ m(
+  "div",
+  {
+    className: t(a.overlayMask, r, {
+      [a.overlayOpened]: s
+    }),
+    ref: o,
+    ...e
+  }
+));
+f.displayName = "OverlayMask";
+export {
+  f as OverlayMask
+};
+//# sourceMappingURL=OverlayMask.js.map

package/components/Overlay/OverlayPanel.js

@@ -0,0 +1,46 @@
+import { jsx as o } from "react/jsx-runtime";
+import n from "react";
+import { c as d } from "../../chunks/vendor-CF2m175I.js";
+import { EOverlayDirection as r } from "./OverlayBase.js";
+import { s as e } from "../../chunks/Overlay.module-BfeGcilV.js";
+const P = n.forwardRef(
+  ({
+    children: s,
+    className: m,
+    closing: T,
+    direction: a,
+    onTransitionEnd: l,
+    opened: f,
+    opening: h,
+    setClosing: p,
+    setOpened: u,
+    setOpening: c,
+    ...y
+  }, O) => {
+    const v = (t) => {
+      const { target: g, currentTarget: i } = t;
+      g === i && (p(!1), c(!1)), l == null || l(t);
+    };
+    return /* @__PURE__ */ o(
+      "div",
+      {
+        className: d(e.overlayPanel, m, {
+          [e.bottom]: a === r.BOTTOM,
+          [e.left]: a === r.LEFT,
+          [e.opened]: f,
+          [e.right]: a === r.RIGHT,
+          [e.top]: a === r.TOP
+        }),
+        onTransitionEnd: v,
+        ref: O,
+        ...y,
+        children: /* @__PURE__ */ o("div", { className: e.overlayContent, children: s })
+      }
+    );
+  }
+);
+P.displayName = "OverlayPanel";
+export {
+  P as OverlayPanel
+};
+//# sourceMappingURL=OverlayPanel.js.map

package/components/Page/Page.js

@@ -0,0 +1,23 @@
+import { jsx as t } from "react/jsx-runtime";
+import m from "react";
+import { c as s } from "../../chunks/vendor-CF2m175I.js";
+import { BodyPage as i } from "./components/BodyPage.js";
+import { HeaderPage as f } from "./components/HeaderPage.js";
+import { FooterPage as p } from "./components/FooterPage.js";
+import { s as d } from "../../chunks/Page.module-DI3KI2pW.js";
+import "./components/enums.js";
+const g = Object.assign(
+  m.forwardRef(function({ children: o, className: r, ...e }, a) {
+    return /* @__PURE__ */ t("div", { className: s(d.page, r), ...e, ref: a, children: o });
+  }),
+  {
+    Body: i,
+    Header: f,
+    Footer: p
+  }
+);
+g.displayName = "Page";
+export {
+  g as Page
+};
+//# sourceMappingURL=Page.js.map

package/components/Page/components/BodyPage.js

@@ -0,0 +1,11 @@
+import { jsx as m } from "react/jsx-runtime";
+import s from "react";
+import { Body as e } from "../../Body/Body.js";
+import { c as t } from "../../../chunks/vendor-CF2m175I.js";
+import { s as f } from "../../../chunks/Page.module-DI3KI2pW.js";
+const d = s.forwardRef(({ className: o, ...r }, a) => /* @__PURE__ */ m(e, { className: t(f.bodyPage, o), ...r, ref: a }));
+d.displayName = "BodyPage";
+export {
+  d as BodyPage
+};
+//# sourceMappingURL=BodyPage.js.map

package/components/Page/components/FooterPage.js

@@ -0,0 +1,39 @@
+import { jsxs as k, jsx as s, Fragment as N } from "react/jsx-runtime";
+import S, { useState as p, useRef as P, useEffect as v } from "react";
+import { Footer as n } from "../../Footer/Footer.js";
+import { EFooterPageType as c } from "./enums.js";
+import { s as e } from "../../../chunks/Page.module-DI3KI2pW.js";
+import { c as D } from "../../../chunks/vendor-CF2m175I.js";
+const F = Object.assign(
+  S.forwardRef(({ className: u, type: r, ...t }, i) => {
+    const [l, g] = p(!1), a = P(null), o = r === c.SECOND && "sticky" in t ? t.sticky : !1;
+    v(() => {
+      if (!o || !a.current)
+        return;
+      const m = new IntersectionObserver(([d]) => g(!d.isIntersecting), { threshold: [0] });
+      return m.observe(a.current), () => {
+        m.disconnect();
+      };
+    }, [o]);
+    const f = D(
+      e.footerPage,
+      {
+        [e.footerPageBackground]: r === c.SECOND,
+        [e.footerPageSticky]: o,
+        [e.footerPageStuck]: l && o && r === c.SECOND
+      },
+      u
+    );
+    return r === c.SECOND ? /* @__PURE__ */ k(N, { children: [
+      /* @__PURE__ */ s("div", { className: f, ref: i, children: /* @__PURE__ */ s(n, { ...t }) }),
+      /* @__PURE__ */ s("div", { ref: a, "aria-hidden": "true", className: e.observerTarget })
+    ] }) : /* @__PURE__ */ s(n, { ref: i, className: f, ...t });
+  }),
+  {
+    Description: n.Description
+  }
+);
+export {
+  F as FooterPage
+};
+//# sourceMappingURL=FooterPage.js.map

package/components/Page/components/HeaderPage.js

@@ -0,0 +1,42 @@
+import { jsxs as h, jsx as c, Fragment as S } from "react/jsx-runtime";
+import b, { useState as k, useRef as N, useEffect as P } from "react";
+import { Header as e } from "../../Header/Header.js";
+import { EHeaderPageType as o } from "./enums.js";
+import { s as r } from "../../../chunks/Page.module-DI3KI2pW.js";
+import { c as v } from "../../../chunks/vendor-CF2m175I.js";
+const x = Object.assign(
+  b.forwardRef(({ className: m, type: a, ...s }, n) => {
+    const [f, l] = k(!1), i = N(null), t = a === o.SECOND && "sticky" in s ? s.sticky : !1;
+    P(() => {
+      if (!t || !i.current)
+        return;
+      const u = new IntersectionObserver(([g]) => l(!g.isIntersecting), { threshold: [0] });
+      return u.observe(i.current), () => {
+        u.disconnect();
+      };
+    }, [t]);
+    const d = v(
+      r.headerPage,
+      {
+        [r.headerPageBackground]: a === o.SECOND,
+        [r.headerPageSticky]: t,
+        [r.headerPageStuck]: f && t && a === o.SECOND
+      },
+      m
+    );
+    return a === o.SECOND ? /* @__PURE__ */ h(S, { children: [
+      /* @__PURE__ */ c("div", { ref: i, "aria-hidden": "true", className: r.observerTarget }),
+      /* @__PURE__ */ c("div", { className: d, ref: n, children: /* @__PURE__ */ c(e, { ...s }) })
+    ] }) : /* @__PURE__ */ c(e, { ref: n, className: d, ...s });
+  }),
+  {
+    LayoutSidebar: e.LayoutSidebar,
+    Subhead: e.Subhead,
+    Tabs: e.Tabs,
+    Title: e.Title
+  }
+);
+export {
+  x as HeaderPage
+};
+//# sourceMappingURL=HeaderPage.js.map

package/components/Page/components/enums.js

@@ -0,0 +1,6 @@
+var n = /* @__PURE__ */ ((r) => (r.FIRST = "first", r.SECOND = "second", r))(n || {}), s = /* @__PURE__ */ ((r) => (r.FIRST = "first", r.SECOND = "second", r))(s || {});
+export {
+  s as EFooterPageType,
+  n as EHeaderPageType
+};
+//# sourceMappingURL=enums.js.map

package/components/Page/index.js

@@ -0,0 +1,8 @@
+import { Page as r } from "./Page.js";
+import { EFooterPageType as p, EHeaderPageType as g } from "./components/enums.js";
+export {
+  p as EFooterPageType,
+  g as EHeaderPageType,
+  r as Page
+};
+//# sourceMappingURL=index.js.map

package/components/Pagination/Pagination.js

@@ -0,0 +1,22 @@
+import { PaginationExtended as a } from "./components/PaginationExtended.js";
+import { PaginationNavigation as e } from "./components/PaginationNavigation.js";
+import "./components/PaginationNavigationButton.js";
+import "./components/PaginationNavigationExtended.js";
+import "./components/PaginationNavigationExtendedItem.js";
+import "./components/PaginationPageButton.js";
+import "./components/PaginationPageEllipsis.js";
+import { PaginationSelect as n } from "./components/PaginationSelect.js";
+import "./enums.js";
+import { jsxs as p, jsx as o } from "react/jsx-runtime";
+import f from "react";
+const d = f.forwardRef(
+  ({ paginationNavigationProps: t, paginationSelectProps: i, ...r }, m) => /* @__PURE__ */ p(a, { ...r, ref: m, children: [
+    /* @__PURE__ */ o(n, { ...i }),
+    t.totalPages > 1 && /* @__PURE__ */ o(e, { ...t })
+  ] })
+);
+d.displayName = "Pagination";
+export {
+  d as Pagination
+};
+//# sourceMappingURL=Pagination.js.map

package/components/Pagination/components/PaginationExtended.js

@@ -0,0 +1,22 @@
+import { jsx as o } from "react/jsx-runtime";
+import { c as i } from "../../../chunks/vendor-CF2m175I.js";
+import d from "react";
+const s = "paginationExtended__a5565be6", r = {
+  paginationExtended: s
+}, p = d.forwardRef(
+  ({ children: a, className: n, ...e }, t) => /* @__PURE__ */ o(
+    "nav",
+    {
+      className: i(r.paginationExtended, n),
+      "data-tx": process.env.npm_package_version,
+      ...e,
+      ref: t,
+      children: a
+    }
+  )
+);
+p.displayName = "PaginationExtended";
+export {
+  p as PaginationExtended
+};
+//# sourceMappingURL=PaginationExtended.js.map

package/components/Pagination/components/PaginationNavigation.js

@@ -0,0 +1,67 @@
+import { jsxs as _, jsx as a } from "react/jsx-runtime";
+import B from "react";
+import { EPaginationNavigationIconDirection as r } from "../enums.js";
+import { PaginationNavigationButton as s } from "./PaginationNavigationButton.js";
+import { PaginationUtils as j, PAGINATION_ELLIPSIS_VALUE as v } from "../utils/paginationUtils.js";
+import { PaginationPageEllipsis as w } from "./PaginationPageEllipsis.js";
+import { PaginationPageButton as y } from "./PaginationPageButton.js";
+import { PaginationNavigationExtended as R } from "./PaginationNavigationExtended.js";
+import { PaginationNavigationExtendedItem as l } from "./PaginationNavigationExtendedItem.js";
+const S = B.forwardRef(
+  ({
+    buttonNextProps: o,
+    buttonPrevProps: d,
+    currentPage: n,
+    onCurrentPageChange: t,
+    totalPages: m,
+    boundaryCount: e = 0,
+    siblingCount: f = 0,
+    ...g
+  }, h) => {
+    const E = j.createPagesArray({
+      boundaryCount: e,
+      currentPage: n,
+      siblingCount: f,
+      totalPages: m
+    }), N = n === 1, k = n === m, I = () => {
+      t(n - 1);
+    }, A = (i) => () => {
+      t(i);
+    }, C = () => {
+      t(n + 1);
+    }, L = (i, c) => {
+      switch (i) {
+        case v:
+          return /* @__PURE__ */ a(l, { children: /* @__PURE__ */ a(w, { children: "..." }) }, c);
+        default:
+          return /* @__PURE__ */ a(l, { children: /* @__PURE__ */ a(y, { isCurrent: i === n, onClick: A(i), children: i }) }, c);
+      }
+    };
+    return /* @__PURE__ */ _(R, { ...g, ref: h, children: [
+      /* @__PURE__ */ a(l, { children: /* @__PURE__ */ a(
+        s,
+        {
+          direction: r.BACK,
+          ...d,
+          onClick: I,
+          disabled: N || (d == null ? void 0 : d.disabled)
+        }
+      ) }),
+      E.map((i, c) => L(i, c)),
+      /* @__PURE__ */ a(l, { children: /* @__PURE__ */ a(
+        s,
+        {
+          direction: r.NEXT,
+          ...o,
+          onClick: C,
+          disabled: k || (o == null ? void 0 : o.disabled)
+        }
+      ) })
+    ] });
+  }
+);
+S.displayName = "PaginationNavigation";
+export {
+  S as PaginationNavigation
+};
+//# sourceMappingURL=PaginationNavigation.js.map