@strapi/design-system 1.7.5 → 1.7.7

package/dist/NumberInput/NumberInput.js

@@ -1,179 +1,79 @@
-import { jsx as n, jsxs as h, Fragment as L } from "react/jsx-runtime";
-import S, { useRef as y } from "react";
-import { NumberParser as T, NumberFormatter as j } from "@internationalized/number";
+import { jsx as n, jsxs as h, Fragment as U } from "react/jsx-runtime";
+import _, { useRef as b } from "react";
+import { NumberParser as j, NumberFormatter as E } from "@internationalized/number";
 import { CarretDown as N } from "@strapi/icons";
-import r from "prop-types";
-import z from "styled-components";
-import { getDefaultLocale as U } from "../helpers/getDefaultLocale.js";
-import { KeyboardKeys as v } from "../helpers/keyboardKeys.js";
-import { useControllableState as _ } from "../hooks/useControllableState.js";
-import { useId as E } from "../hooks/useId.js";
-import { sizes as H } from "../themes/sizes.js";
-import { Field as M } from "../Field/Field.js";
-import { Flex as W } from "../Flex/Flex.js";
-import { FieldLabel as X } from "../Field/FieldLabel.js";
-import { FieldInput as Y } from "../Field/FieldInput.js";
+import M from "styled-components";
+import { getDefaultLocale as q } from "../helpers/getDefaultLocale.js";
+import { KeyboardKeys as g } from "../helpers/keyboardKeys.js";
+import { useControllableState as z } from "../hooks/useControllableState.js";
+import { useId as H } from "../hooks/useId.js";
+import { Field as O } from "../Field/Field.js";
+import { Flex as T } from "../Flex/Flex.js";
+import { FieldLabel as W } from "../Field/FieldLabel.js";
+import { FieldInput as X } from "../Field/FieldInput.js";
 import { Icon as w } from "../Icon/Icon.js";
-import { FieldHint as G } from "../Field/FieldHint.js";
-import { FieldError as J } from "../Field/FieldError.js";
-const x = z.button`
+import { FieldHint as Y } from "../Field/FieldHint.js";
+import { FieldError as G } from "../Field/FieldError.js";
+const x = M.button`
   display: flex;
   height: 1rem;
-  align-items: ${({ reverse: o }) => o ? "flex-end" : "flex-start"};
-  transform: translateY(${({ reverse: o }) => o ? "-2px" : "2px"});
-  cursor: ${({ disabled: o }) => o ? "not-allowed" : void 0};
+  align-items: ${({ reverse: t }) => t ? "flex-end" : "flex-start"};
+  transform: translateY(${({ reverse: t }) => t ? "-2px" : "2px"});
+  cursor: ${({ disabled: t }) => t ? "not-allowed" : void 0};
   svg {
     display: block;
     height: ${4 / 16}rem;
-    transform: ${({ reverse: o }) => o ? "rotateX(180deg)" : void 0};
+    transform: ${({ reverse: t }) => t ? "rotateX(180deg)" : void 0};
   }
-`, Q = "", u = S.forwardRef(
-  ({
-    size: o,
-    startAction: I,
-    name: A,
-    hint: V,
-    error: D,
-    label: c,
-    labelAction: F,
-    locale: C,
-    id: k,
-    onValueChange: P,
-    value: p,
-    step: i,
-    required: R,
-    disabled: d,
-    ...K
-  }, O) => {
-    const $ = E(k), f = C || U(), s = y(new T(f, { style: "decimal" })), m = y(new j(f, { maximumFractionDigits: 20 })), [a, q] = _({
-      prop(e) {
-        const t = String(p);
-        return isNaN(t) || t !== e && e !== "" ? e : m.current.format(p);
-      },
-      defaultProp: Q,
-      onChange(e) {
-        const t = s.current.parse(e);
-        P(isNaN(t) ? void 0 : t);
-      }
-    }), l = (e) => {
-      q(String(e));
-    }, B = ({ target: { value: e } }) => {
-      s.current.isValidPartialNumber(e) && l(e);
-    }, b = () => {
-      if (!a) {
-        l(i);
-        return;
-      }
-      const e = s.current.parse(a), t = isNaN(e) ? i : e + i;
-      l(m.current.format(t));
-    }, g = () => {
-      if (!a) {
-        l(-i);
-        return;
-      }
-      const e = s.current.parse(a), t = isNaN(e) ? -i : e - i;
-      l(m.current.format(t));
-    };
-    return /* @__PURE__ */ n(M, { name: A, hint: V, error: D, id: $, required: R, children: /* @__PURE__ */ h(W, { direction: "column", alignItems: "stretch", gap: 1, children: [
-      c && /* @__PURE__ */ n(X, { action: F, children: c }),
-      /* @__PURE__ */ n(
-        Y,
-        {
-          ref: O,
-          startAction: I,
-          disabled: d,
-          type: "text",
-          inputmode: "decimal",
-          onChange: B,
-          onKeyDown: (e) => {
-            if (!d)
-              switch (e.key) {
-                case v.DOWN: {
-                  e.preventDefault(), g();
-                  break;
-                }
-                case v.UP: {
-                  e.preventDefault(), b();
-                  break;
-                }
-              }
-          },
-          onBlur: () => {
-            if (a) {
-              const e = s.current.parse(a), t = isNaN(e) ? "" : m.current.format(e);
-              l(t);
-            }
-          },
-          value: a,
-          size: o,
-          endAction: /* @__PURE__ */ h(L, { children: [
-            /* @__PURE__ */ n(
-              x,
-              {
-                disabled: d,
-                "aria-hidden": !0,
-                reverse: !0,
-                onClick: b,
-                tabIndex: -1,
-                type: "button",
-                "data-testid": "ArrowUp",
-                children: /* @__PURE__ */ n(w, { as: N, color: "neutral500" })
-              }
-            ),
-            /* @__PURE__ */ n(
-              x,
-              {
-                disabled: d,
-                "aria-hidden": !0,
-                onClick: g,
-                tabIndex: -1,
-                type: "button",
-                "data-testid": "ArrowDown",
-                children: /* @__PURE__ */ n(w, { as: N, color: "neutral500" })
-              }
-            )
-          ] }),
-          ...K
+`, J = "", pr = _.forwardRef(({ size: t = "M", startAction: y, name: I, hint: F, error: V, label: c, labelAction: D, locale: A, id: C, onValueChange: k, value: d, step: a = 1, required: P = !1, disabled: m = !1, ...R }, $) => {
+  const K = H(C), u = A || q(), s = b(new j(u, { style: "decimal" })), l = b(new E(u, { maximumFractionDigits: 20 })), [o, L] = z({
+    prop(r) {
+      const e = String(d);
+      return isNaN(Number(e)) || e !== r && r !== "" ? r : l.current.format(Number(d));
+    },
+    defaultProp: J,
+    onChange(r) {
+      const e = s.current.parse(r ?? "");
+      k(isNaN(e) ? void 0 : e);
+    }
+  }), i = (r) => {
+    L(String(r));
+  }, S = ({ target: { value: r } }) => {
+    s.current.isValidPartialNumber(r) && i(r);
+  }, f = () => {
+    if (!o) {
+      i(a);
+      return;
+    }
+    const r = s.current.parse(o), e = isNaN(r) ? a : r + a;
+    i(l.current.format(e));
+  }, p = () => {
+    if (!o) {
+      i(-a);
+      return;
+    }
+    const r = s.current.parse(o), e = isNaN(r) ? -a : r - a;
+    i(l.current.format(e));
+  }, v = (r) => {
+    if (!m)
+      switch (r.key) {
+        case g.DOWN: {
+          r.preventDefault(), p();
+          break;
         }
-      ),
-      /* @__PURE__ */ n(G, {}),
-      /* @__PURE__ */ n(J, {})
-    ] }) });
-  }
-);
-u.displayName = "NumberInput";
-u.defaultProps = {
-  "aria-label": void 0,
-  disabled: !1,
-  error: void 0,
-  hint: void 0,
-  id: void 0,
-  label: void 0,
-  labelAction: void 0,
-  locale: void 0,
-  required: !1,
-  size: "M",
-  startAction: void 0,
-  step: 1,
-  value: void 0
-};
-u.propTypes = {
-  "aria-label": r.string,
-  disabled: r.bool,
-  error: r.string,
-  hint: r.oneOfType([r.string, r.node, r.arrayOf(r.node)]),
-  id: r.string,
-  label: r.string,
-  labelAction: r.element,
-  locale: r.string,
-  name: r.string.isRequired,
-  onValueChange: r.func.isRequired,
-  required: r.bool,
-  size: r.oneOf(Object.keys(H.input)),
-  startAction: r.element,
-  step: r.number,
-  value: r.number
-};
+        case g.UP: {
+          r.preventDefault(), f();
+          break;
+        }
+      }
+  }, B = () => {
+    if (o) {
+      const r = s.current.parse(o), e = isNaN(r) ? "" : l.current.format(r);
+      i(e);
+    }
+  };
+  return n(O, { name: I, hint: F, error: V, id: K, required: P, children: h(T, { direction: "column", alignItems: "stretch", gap: 1, children: [c && n(W, { action: D, children: c }), n(X, { ref: $, startAction: y, disabled: m, type: "text", inputMode: "decimal", onChange: S, onKeyDown: v, onBlur: B, value: o, size: t, endAction: h(U, { children: [n(x, { disabled: m, "aria-hidden": !0, reverse: !0, onClick: f, tabIndex: -1, type: "button", "data-testid": "ArrowUp", children: n(w, { as: N, color: "neutral500" }) }), n(x, { disabled: m, "aria-hidden": !0, onClick: p, tabIndex: -1, type: "button", "data-testid": "ArrowDown", children: n(w, { as: N, color: "neutral500" }) })] }), ...R }), n(Y, {}), n(G, {})] }) });
+});
 export {
-  u as NumberInput
+  pr as NumberInput
 };

package/dist/Pagination/Pagination.cjs

@@ -1,5 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),p=require("react"),g=require("prop-types"),b=require("styled-components"),P=require("./PaginationContext.cjs"),_=require("../Flex/Flex.cjs"),s=e=>e&&e.__esModule?e:{default:e};function m(e){if(e&&e.__esModule)return e;const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const l=m(p),a=s(g),u=s(b),j=u.default.nav``,x=u.default(_.Flex)`
-  & > * + * {
-    margin-left: ${({theme:e})=>e.spaces[1]};
-  }
-`,o=({children:e,label:n,activePage:t,pageCount:r})=>{const c=l.useMemo(()=>({activePage:t,pageCount:r}),[t,r]);return i.jsx(P.PaginationContext.Provider,{value:c,children:i.jsx(j,{"aria-label":n,children:i.jsx(x,{as:"ul",children:l.Children.map(e,(d,f)=>i.jsx("li",{children:d},f))})})})};o.defaultProps={label:"pagination"};o.propTypes={activePage:a.default.number.isRequired,children:a.default.node.isRequired,label:a.default.string,pageCount:a.default.number.isRequired};exports.Pagination=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),l=require("react"),u=require("./PaginationContext.cjs"),d=require("../Box/Box.cjs"),x=require("../Flex/Flex.cjs");function g(e){if(e&&e.__esModule)return e;const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const i=g(l),f=({children:e,label:n="Pagination",activePage:t,pageCount:r})=>{const a=i.useMemo(()=>({activePage:t,pageCount:r}),[t,r]);return o.jsx(u.PaginationContext.Provider,{value:a,children:o.jsx(d.Box,{"aria-label":n,as:"nav",children:o.jsx(x.Flex,{as:"ol",gap:1,children:i.Children.map(e,(c,s)=>o.jsx("li",{children:c},s))})})})};exports.Pagination=f;

package/dist/Pagination/Pagination.js

@@ -1,26 +1,12 @@
 import { jsx as r } from "react/jsx-runtime";
-import * as t from "react";
-import e from "prop-types";
-import a from "styled-components";
+import * as n from "react";
 import { PaginationContext as c } from "./PaginationContext.js";
-import { Flex as u } from "../Flex/Flex.js";
-const f = a.nav``, g = a(u)`
-  & > * + * {
-    margin-left: ${({ theme: i }) => i.spaces[1]};
-  }
-`, l = ({ children: i, label: s, activePage: n, pageCount: o }) => {
-  const p = t.useMemo(() => ({ activePage: n, pageCount: o }), [n, o]);
-  return /* @__PURE__ */ r(c.Provider, { value: p, children: /* @__PURE__ */ r(f, { "aria-label": s, children: /* @__PURE__ */ r(g, { as: "ul", children: t.Children.map(i, (m, d) => /* @__PURE__ */ r("li", { children: m }, d)) }) }) });
-};
-l.defaultProps = {
-  label: "pagination"
-};
-l.propTypes = {
-  activePage: e.number.isRequired,
-  children: e.node.isRequired,
-  label: e.string,
-  pageCount: e.number.isRequired
+import { Box as p } from "../Box/Box.js";
+import { Flex as s } from "../Flex/Flex.js";
+const u = ({ children: t, label: a = "Pagination", activePage: o, pageCount: i }) => {
+  const e = n.useMemo(() => ({ activePage: o, pageCount: i }), [o, i]);
+  return r(c.Provider, { value: e, children: r(p, { "aria-label": a, as: "nav", children: r(s, { as: "ol", gap: 1, children: n.Children.map(t, (m, l) => r("li", { children: m }, l)) }) }) });
 };
 export {
-  l as Pagination
+  u as Pagination
 };

package/dist/Pagination/components.cjs

@@ -1,22 +1,21 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime");require("react");const g=require("@strapi/icons"),q=require("prop-types"),j=require("react-router-dom"),k=require("styled-components"),u=require("./PaginationContext.cjs"),L=require("../themes/utils.cjs"),m=require("../Typography/Typography.cjs"),d=require("../VisuallyHidden/VisuallyHidden.cjs"),y=e=>e&&e.__esModule?e:{default:e},a=y(q),n=y(k),f=n.default(m.Typography)`
-  line-height: revert;
-`,T={active:!0},c=n.default(j.NavLink).withConfig({shouldForwardProp:(e,i)=>!T[e]&&i(e)})`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),u=require("@strapi/icons"),v=require("react-router-dom"),y=require("styled-components"),d=require("./PaginationContext.cjs"),b=require("../themes/utils.cjs"),o=require("../VisuallyHidden/VisuallyHidden.cjs"),c=require("../Typography/Typography.cjs"),P=require("../Box/Box.cjs"),j=e=>e&&e.__esModule?e:{default:e},l=j(y),k={active:!0},h=l.default(v.NavLink).withConfig({shouldForwardProp:(e,i)=>!k[e]&&i(e)})`
   padding: ${({theme:e})=>e.spaces[3]};
   border-radius: ${({theme:e})=>e.borderRadius};
   box-shadow: ${({active:e,theme:i})=>e?i.shadows.filterShadow:void 0};
   text-decoration: none;
   display: flex;
 
-  ${L.buttonFocusStyle}
-`,$=n.default(c)`
+  ${b.buttonFocusStyle}
+`,L=l.default(h)`
   color: ${({theme:e,active:i})=>i?e.colors.primary700:e.colors.neutral800};
   background: ${({theme:e,active:i})=>i?e.colors.neutral0:void 0};
 
   &:hover {
     box-shadow: ${({theme:e})=>e.shadows.filterShadow};
   }
-`,x=n.default(c)`
-  font-size: 0.7rem;
+`,g=l.default(h)`
+  font-size: ${11/16}rem;
+
   svg path {
     fill: ${e=>e["aria-disabled"]?e.theme.colors.neutral300:e.theme.colors.neutral600};
   }
@@ -31,6 +30,4 @@
   ${e=>e["aria-disabled"]?`
   pointer-events: none;
     `:void 0}
-`,R=n.default(c)`
-  color: ${({theme:e})=>e.colors.neutral800};
-`,p=({children:e,to:i,...o})=>{const{activePage:s}=u.usePagination(),t=s===1;return r.jsxs(x,{to:t?"#":i,"aria-disabled":t,tabIndex:t?-1:void 0,...o,children:[r.jsx(d.VisuallyHidden,{children:e}),r.jsx(g.ChevronLeft,{"aria-hidden":!0})]})};p.displayName="PreviousLink";const h=({children:e,to:i,...o})=>{const{activePage:s,pageCount:t}=u.usePagination(),l=s===t;return r.jsxs(x,{to:l?"#":i,"aria-disabled":l,tabIndex:l?-1:void 0,...o,children:[r.jsx(d.VisuallyHidden,{children:e}),r.jsx(g.ChevronRight,{"aria-hidden":!0})]})};h.displayName="NextLink";const v=({number:e,children:i,...o})=>{const{activePage:s}=u.usePagination(),t=s===e;return r.jsxs($,{...o,active:t,children:[r.jsx(d.VisuallyHidden,{children:i}),r.jsx(f,{"aria-hidden":!0,variant:"pi",fontWeight:t?"bold":null,children:e})]})};v.displayName="PageLink";const P=({children:e,...i})=>r.jsxs(R,{...i,as:"div",children:[r.jsx(d.VisuallyHidden,{children:e}),r.jsx(f,{"aria-hidden":!0,variant:"pi",children:"…"})]});v.propTypes={children:a.default.node.isRequired,number:a.default.number.isRequired};const b={children:a.default.node.isRequired,to:a.default.string.isRequired};h.propTypes=b;p.propTypes=b;P.propTypes={children:a.default.node.isRequired};exports.Dots=P;exports.NextLink=h;exports.PageLink=v;exports.PreviousLink=p;
+`,x=({children:e,to:i,...r})=>{const{activePage:a}=d.usePagination(),t=a===1;return n.jsxs(g,{to:t?"#":i,"aria-disabled":t,tabIndex:t?-1:void 0,...r,children:[n.jsx(o.VisuallyHidden,{children:e}),n.jsx(u.ChevronLeft,{"aria-hidden":!0})]})};x.displayName="PreviousLink";const f=({children:e,to:i,...r})=>{const{activePage:a,pageCount:t}=d.usePagination(),s=a===t;return n.jsxs(g,{to:s?"#":i,"aria-disabled":s,tabIndex:s?-1:void 0,...r,children:[n.jsx(o.VisuallyHidden,{children:e}),n.jsx(u.ChevronRight,{"aria-hidden":!0})]})};f.displayName="NextLink";const p=({number:e,children:i,...r})=>{const{activePage:a}=d.usePagination(),t=a===e;return n.jsxs(L,{...r,active:t,children:[n.jsx(o.VisuallyHidden,{children:i}),n.jsx(c.Typography,{"aria-hidden":!0,fontWeight:t?"bold":void 0,lineHeight:"revert",variant:"pi",children:e})]})};p.displayName="PageLink";const $=({children:e,...i})=>n.jsxs(P.Box,{...i,children:[n.jsx(o.VisuallyHidden,{children:e}),n.jsx(c.Typography,{"aria-hidden":!0,lineHeight:"revert",textColor:"neutral800",variant:"pi",children:"…"})]});exports.Dots=$;exports.NextLink=f;exports.PageLink=p;exports.PreviousLink=x;

package/dist/Pagination/components.js

@@ -1,19 +1,16 @@
-import { jsxs as d, jsx as i } from "react/jsx-runtime";
-import "react";
-import { ChevronLeft as y, ChevronRight as P } from "@strapi/icons";
-import n from "prop-types";
-import { NavLink as x } from "react-router-dom";
-import s from "styled-components";
-import { usePagination as p } from "./PaginationContext.js";
-import { buttonFocusStyle as k } from "../themes/utils.js";
-import { Typography as L } from "../Typography/Typography.js";
-import { VisuallyHidden as l } from "../VisuallyHidden/VisuallyHidden.js";
-const u = s(L)`
-  line-height: revert;
-`, $ = {
+import { jsxs as a, jsx as o } from "react/jsx-runtime";
+import { ChevronLeft as f, ChevronRight as m } from "@strapi/icons";
+import { NavLink as v } from "react-router-dom";
+import l from "styled-components";
+import { usePagination as c } from "./PaginationContext.js";
+import { buttonFocusStyle as g } from "../themes/utils.js";
+import { VisuallyHidden as d } from "../VisuallyHidden/VisuallyHidden.js";
+import { Typography as h } from "../Typography/Typography.js";
+import { Box as b } from "../Box/Box.js";
+const x = {
   active: !0
-}, h = s(x).withConfig({
-  shouldForwardProp: (e, r) => !$[e] && r(e)
+}, u = l(v).withConfig({
+  shouldForwardProp: (e, r) => !x[e] && r(e)
 })`
   padding: ${({ theme: e }) => e.spaces[3]};
   border-radius: ${({ theme: e }) => e.borderRadius};
@@ -21,16 +18,17 @@ const u = s(L)`
   text-decoration: none;
   display: flex;
 
-  ${k}
-`, w = s(h)`
+  ${g}
+`, k = l(u)`
   color: ${({ theme: e, active: r }) => r ? e.colors.primary700 : e.colors.neutral800};
   background: ${({ theme: e, active: r }) => r ? e.colors.neutral0 : void 0};
 
   &:hover {
     box-shadow: ${({ theme: e }) => e.shadows.filterShadow};
   }
-`, m = s(h)`
-  font-size: 0.7rem;
+`, p = l(u)`
+  font-size: ${11 / 16}rem;
+
   svg path {
     fill: ${(e) => e["aria-disabled"] ? e.theme.colors.neutral300 : e.theme.colors.neutral600};
   }
@@ -45,70 +43,25 @@ const u = s(L)`
   ${(e) => e["aria-disabled"] ? `
   pointer-events: none;
     ` : void 0}
-`, T = s(h)`
-  color: ${({ theme: e }) => e.colors.neutral800};
-`, v = ({ children: e, to: r, ...t }) => {
-  const { activePage: a } = p(), o = a === 1;
-  return /* @__PURE__ */ d(
-    m,
-    {
-      to: o ? "#" : r,
-      "aria-disabled": o,
-      tabIndex: o ? -1 : void 0,
-      ...t,
-      children: [
-        /* @__PURE__ */ i(l, { children: e }),
-        /* @__PURE__ */ i(y, { "aria-hidden": !0 })
-      ]
-    }
-  );
-};
-v.displayName = "PreviousLink";
-const f = ({ children: e, to: r, ...t }) => {
-  const { activePage: a, pageCount: o } = p(), c = a === o;
-  return /* @__PURE__ */ d(
-    m,
-    {
-      to: c ? "#" : r,
-      "aria-disabled": c,
-      tabIndex: c ? -1 : void 0,
-      ...t,
-      children: [
-        /* @__PURE__ */ i(l, { children: e }),
-        /* @__PURE__ */ i(P, { "aria-hidden": !0 })
-      ]
-    }
-  );
-};
-f.displayName = "NextLink";
-const g = ({ number: e, children: r, ...t }) => {
-  const { activePage: a } = p(), o = a === e;
-  return /* @__PURE__ */ d(w, { ...t, active: o, children: [
-    /* @__PURE__ */ i(l, { children: r }),
-    /* @__PURE__ */ i(u, { "aria-hidden": !0, variant: "pi", fontWeight: o ? "bold" : null, children: e })
-  ] });
-};
-g.displayName = "PageLink";
-const R = ({ children: e, ...r }) => /* @__PURE__ */ d(T, { ...r, as: "div", children: [
-  /* @__PURE__ */ i(l, { children: e }),
-  /* @__PURE__ */ i(u, { "aria-hidden": !0, variant: "pi", children: "…" })
-] });
-g.propTypes = {
-  children: n.node.isRequired,
-  number: n.number.isRequired
+`, L = ({ children: e, to: r, ...n }) => {
+  const { activePage: t } = c(), i = t === 1;
+  return a(p, { to: i ? "#" : r, "aria-disabled": i, tabIndex: i ? -1 : void 0, ...n, children: [o(d, { children: e }), o(f, { "aria-hidden": !0 })] });
 };
-const b = {
-  children: n.node.isRequired,
-  to: n.string.isRequired
+L.displayName = "PreviousLink";
+const P = ({ children: e, to: r, ...n }) => {
+  const { activePage: t, pageCount: i } = c(), s = t === i;
+  return a(p, { to: s ? "#" : r, "aria-disabled": s, tabIndex: s ? -1 : void 0, ...n, children: [o(d, { children: e }), o(m, { "aria-hidden": !0 })] });
 };
-f.propTypes = b;
-v.propTypes = b;
-R.propTypes = {
-  children: n.node.isRequired
+P.displayName = "NextLink";
+const $ = ({ number: e, children: r, ...n }) => {
+  const { activePage: t } = c(), i = t === e;
+  return a(k, { ...n, active: i, children: [o(d, { children: r }), o(h, { "aria-hidden": !0, fontWeight: i ? "bold" : void 0, lineHeight: "revert", variant: "pi", children: e })] });
 };
+$.displayName = "PageLink";
+const F = ({ children: e, ...r }) => a(b, { ...r, children: [o(d, { children: e }), o(h, { "aria-hidden": !0, lineHeight: "revert", textColor: "neutral800", variant: "pi", children: "…" })] });
 export {
-  R as Dots,
-  f as NextLink,
-  g as PageLink,
-  v as PreviousLink
+  F as Dots,
+  P as NextLink,
+  $ as PageLink,
+  L as PreviousLink
 };

package/dist/Popover/Popover.cjs

@@ -1,9 +1,9 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),j=require("react"),a=require("@floating-ui/react-dom"),O=require("styled-components"),f=require("../helpers/strings.cjs"),_=require("../hooks/useId.cjs"),k=require("../hooks/useIntersection.cjs"),d=require("../Box/Box.cjs"),S=require("../Portal/Portal.cjs"),v=e=>e&&e.__esModule?e:{default:e};function q(e){if(e&&e.__esModule)return e;const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const l=q(j),p=v(O),R=["top","top-start","top-end","right","right-start","right-end","bottom","bottom-start","bottom-end","left","left-start","left-end"],$=p.default(d.Box)`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),F=require("react"),u=require("@floating-ui/react-dom"),M=require("@radix-ui/react-focus-scope"),m=require("@strapi/ui-primitives"),z=require("aria-hidden"),T=require("react-remove-scroll"),W=require("styled-components"),A=require("../DismissibleLayer/index.cjs"),P=require("../helpers/strings.cjs"),B=require("../hooks/useComposeRefs.cjs"),H=require("../hooks/useId.cjs"),K=require("../hooks/useIntersection.cjs"),g=require("../Box/Box.cjs"),N=require("../Portal/Portal.cjs"),U=e=>e&&e.__esModule?e:{default:e};function V(e){if(e&&e.__esModule)return e;const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const i=V(F),E=U(W),Z=["top","top-start","top-end","right","right-start","right-end","bottom","bottom-start","bottom-end","left","left-start","left-end"],G=E.default(g.Box)`
   box-shadow: ${({theme:e})=>e.shadows.filterShadow};
   z-index: ${({theme:e})=>e.zIndices[0]};
   border: 1px solid ${({theme:e})=>e.colors.neutral150};
   background: ${({theme:e})=>e.colors.neutral0};
-`,b=({source:e,children:r,spacing:t=0,fullWidth:o=!1,placement:n="bottom-start",centered:s=!1,...c})=>{const[g,m]=l.useState(void 0),{x,y:w,reference:u,floating:P,strategy:y}=a.useFloating({strategy:"fixed",placement:s?"bottom":n,middleware:[a.offset({mainAxis:t}),a.shift(),a.flip()],whileElementsMounted:a.autoUpdate});return l.useLayoutEffect(()=>{u(e.current)},[e,u]),l.useLayoutEffect(()=>{o&&m(e.current.offsetWidth)},[o,e]),i.jsx($,{ref:P,style:{left:x,top:w,position:y,width:g||void 0},hasRadius:!0,background:"neutral0",padding:1,...c,children:r})},h=({children:e,intersectionId:r,onReachEnd:t,...o})=>{const n=l.useRef(null),s=_.useId();return k.useIntersection(n,t??(()=>{}),{selectorToWatch:`#${f.stripReactIdOfColon(s)}`,skipWhen:!r||!t}),i.jsxs(I,{ref:n,...o,children:[e,r&&t&&i.jsx(d.Box,{id:f.stripReactIdOfColon(s),width:"100%",height:"1px"})]})},I=p.default(d.Box)`
+`,R=({source:e,children:r,spacing:t=0,fullWidth:n=!1,placement:c="bottom-start",centered:l=!1,onEscapeKeyDown:d,onPointerDownOutside:f,onDismiss:a,onFocusOutside:p,...O})=>{const[h,k]=i.useState(null),v=i.useRef(!1),[S,j]=i.useState(void 0),{x:q,y:C,reference:w,floating:D,strategy:_}=u.useFloating({strategy:"fixed",placement:l?"bottom":c,middleware:[u.offset({mainAxis:t}),u.shift(),u.flip()],whileElementsMounted:u.autoUpdate});i.useLayoutEffect(()=>{w(e.current)},[e,w]),i.useLayoutEffect(()=>{n&&j(e.current.offsetWidth)},[n,e]),i.useEffect(()=>{if(h)return z.hideOthers(h)},[h]);const x=m.useCallbackRef(a);i.useEffect(()=>{const o=()=>{x()};return window.addEventListener("blur",o),window.addEventListener("resize",o),()=>{window.removeEventListener("blur",o),window.removeEventListener("resize",o)}},[x]);const L=B.useComposedRefs(o=>k(o),D);return s.jsx(T.RemoveScroll,{allowPinchZoom:!0,children:s.jsx(M.FocusScope,{asChild:!0,loop:!0,trapped:!0,onUnmountAutoFocus:o=>{o.preventDefault(),v.current||e.current?.focus({preventScroll:!0})},children:s.jsx(A.DismissibleLayer,{asChild:!0,disableOutsidePointerEvents:!0,onEscapeKeyDown:d,onPointerDownOutside:m.composeEventHandlers(f,o=>{const b=o.detail.originalEvent,$=b.button===0&&b.ctrlKey===!0,I=b.button===2||$;v.current=I},{checkForDefaultPrevented:!1}),onFocusOutside:m.composeEventHandlers(p,o=>o.preventDefault(),{checkForDefaultPrevented:!1}),onDismiss:a,children:s.jsx(G,{ref:L,style:{left:q,top:C,position:_,width:S||void 0},hasRadius:!0,background:"neutral0",padding:1,...O,children:r})})})})},y=({children:e,intersectionId:r,onReachEnd:t,...n})=>{const c=i.useRef(null),l=H.useId();return K.useIntersection(c,t??(()=>{}),{selectorToWatch:`#${P.stripReactIdOfColon(l)}`,skipWhen:!r||!t}),s.jsxs(J,{ref:c,...n,children:[e,r&&t&&s.jsx(g.Box,{id:P.stripReactIdOfColon(l),width:"100%",height:"1px"})]})},J=E.default(g.Box)`
   // 16 is base base size, 3 is the factor to get closer to 40px and 5 is the number of elements visible in the list
   max-height: ${3*5}rem;
   overflow-y: auto;
@@ -23,4 +23,4 @@
     border-radius: ${({theme:e})=>e.borderRadius};
     margin-right: 10px;
   }
-`,E=({children:e,source:r,spacing:t,fullWidth:o,placement:n,centered:s,...c})=>i.jsx(S.Portal,{children:i.jsx(b,{source:r,spacing:t,fullWidth:o,placement:n,centered:s,children:i.jsx(h,{...c,children:e})})});exports.Content=b;exports.POPOVER_PLACEMENTS=R;exports.Popover=E;exports.Scrolling=h;
+`,Q=({children:e,source:r,spacing:t,fullWidth:n,placement:c,centered:l,onEscapeKeyDown:d,onPointerDownOutside:f,onDismiss:a,...p})=>s.jsx(N.Portal,{children:s.jsx(R,{source:r,spacing:t,fullWidth:n,placement:c,centered:l,onEscapeKeyDown:d,onPointerDownOutside:f,onDismiss:a,children:s.jsx(y,{...p,children:e})})});exports.Content=R;exports.POPOVER_PLACEMENTS=Z;exports.Popover=Q;exports.Scrolling=y;