@strapi/design-system 1.7.0 → 1.7.2-alpha.0

package/dist/NumberInput/NumberInput.js

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

package/dist/NumberInput/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./NumberInput.cjs");exports.NumberInput=e.NumberInput;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./NumberInput.cjs");exports.NumberInput=e.NumberInput;

package/dist/Pagination/Pagination.cjs

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const p=require("react"),f=require("prop-types"),g=require("styled-components"),m=require("./PaginationContext.cjs"),b=require("../Flex/Flex.cjs"),l=e=>e&&typeof e=="object"&&"default"in e?e:{default:e};function y(e){if(e&&e.__esModule)return e;const a=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(a,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const n=y(p),o=l(f),s=l(g),P=s.default.nav``,_=s.default(b.Flex)`
+"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]};
   }
-`,i=({children:e,label:a,activePage:t,pageCount:r})=>{const u=n.useMemo(()=>({activePage:t,pageCount:r}),[t,r]);return n.createElement(m.PaginationContext.Provider,{value:u},n.createElement(P,{"aria-label":a},n.createElement(_,{as:"ul"},n.Children.map(e,(c,d)=>n.createElement("li",{key:d},c)))))};i.defaultProps={label:"pagination"};i.propTypes={activePage:o.default.number.isRequired,children:o.default.node.isRequired,label:o.default.string,pageCount:o.default.number.isRequired};exports.Pagination=i;
+`,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;

package/dist/Pagination/Pagination.js

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

package/dist/Pagination/PaginationContext.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react"),t=e.createContext({activePage:1,pageCount:1}),n=()=>e.useContext(t);exports.PaginationContext=t;exports.usePagination=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),e=t.createContext({activePage:1,pageCount:1}),n=()=>t.useContext(e);exports.PaginationContext=e;exports.usePagination=n;

package/dist/Pagination/components.cjs

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

package/dist/Pagination/components.js

@@ -1,18 +1,19 @@
-import t from "react";
-import { ChevronLeft as b, ChevronRight as y } from "@strapi/icons";
+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 P } from "react-router-dom";
+import { NavLink as x } from "react-router-dom";
 import s from "styled-components";
-import { usePagination as c } from "./PaginationContext.js";
-import { buttonFocusStyle as E } from "../themes/utils.js";
-import { Typography as k } from "../Typography/Typography.js";
+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(k)`
+const u = s(L)`
   line-height: revert;
-`, L = {
+`, $ = {
   active: !0
-}, p = s(P).withConfig({
-  shouldForwardProp: (e, r) => !L[e] && r(e)
+}, h = s(x).withConfig({
+  shouldForwardProp: (e, r) => !$[e] && r(e)
 })`
   padding: ${({ theme: e }) => e.spaces[3]};
   border-radius: ${({ theme: e }) => e.borderRadius};
@@ -20,15 +21,15 @@ const u = s(k)`
   text-decoration: none;
   display: flex;
 
-  ${E}
-`, $ = s(p)`
+  ${k}
+`, w = s(h)`
   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(p)`
+`, m = s(h)`
   font-size: 0.7rem;
   svg path {
     fill: ${(e) => e["aria-disabled"] ? e.theme.colors.neutral300 : e.theme.colors.neutral600};
@@ -44,60 +45,70 @@ const u = s(k)`
   ${(e) => e["aria-disabled"] ? `
   pointer-events: none;
     ` : void 0}
-`, x = s(p)`
+`, T = s(h)`
   color: ${({ theme: e }) => e.colors.neutral800};
-`, h = ({ children: e, to: r, ...a }) => {
-  const { activePage: i } = c(), o = i === 1;
-  return /* @__PURE__ */ t.createElement(
+`, 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,
-      ...a
-    },
-    /* @__PURE__ */ t.createElement(l, null, e),
-    /* @__PURE__ */ t.createElement(b, { "aria-hidden": !0 })
+      ...t,
+      children: [
+        /* @__PURE__ */ i(l, { children: e }),
+        /* @__PURE__ */ i(y, { "aria-hidden": !0 })
+      ]
+    }
   );
 };
-h.displayName = "PreviousLink";
-const v = ({ children: e, to: r, ...a }) => {
-  const { activePage: i, pageCount: o } = c(), d = i === o;
-  return /* @__PURE__ */ t.createElement(
+v.displayName = "PreviousLink";
+const f = ({ children: e, to: r, ...t }) => {
+  const { activePage: a, pageCount: o } = p(), c = a === o;
+  return /* @__PURE__ */ d(
     m,
     {
-      to: d ? "#" : r,
-      "aria-disabled": d,
-      tabIndex: d ? -1 : void 0,
-      ...a
-    },
-    /* @__PURE__ */ t.createElement(l, null, e),
-    /* @__PURE__ */ t.createElement(y, { "aria-hidden": !0 })
+      to: c ? "#" : r,
+      "aria-disabled": c,
+      tabIndex: c ? -1 : void 0,
+      ...t,
+      children: [
+        /* @__PURE__ */ i(l, { children: e }),
+        /* @__PURE__ */ i(P, { "aria-hidden": !0 })
+      ]
+    }
   );
 };
-v.displayName = "NextLink";
-const f = ({ number: e, children: r, ...a }) => {
-  const { activePage: i } = c(), o = i === e;
-  return /* @__PURE__ */ t.createElement($, { ...a, active: o }, /* @__PURE__ */ t.createElement(l, null, r), /* @__PURE__ */ t.createElement(u, { "aria-hidden": !0, variant: "pi", fontWeight: o ? "bold" : null }, e));
+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 })
+  ] });
 };
-f.displayName = "PageLink";
-const w = ({ children: e, ...r }) => /* @__PURE__ */ t.createElement(x, { ...r, as: "div" }, /* @__PURE__ */ t.createElement(l, null, e), /* @__PURE__ */ t.createElement(u, { "aria-hidden": !0, variant: "pi" }, "\u2026"));
-f.propTypes = {
+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
 };
-const g = {
+const b = {
   children: n.node.isRequired,
   to: n.string.isRequired
 };
-v.propTypes = g;
-h.propTypes = g;
-w.propTypes = {
+f.propTypes = b;
+v.propTypes = b;
+R.propTypes = {
   children: n.node.isRequired
 };
 export {
-  w as Dots,
-  v as NextLink,
-  f as PageLink,
-  h as PreviousLink
+  R as Dots,
+  f as NextLink,
+  g as PageLink,
+  v as PreviousLink
 };

package/dist/Pagination/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("./Pagination.cjs"),e=require("./components.cjs");exports.Pagination=i.Pagination;exports.Dots=e.Dots;exports.NextLink=e.NextLink;exports.PageLink=e.PageLink;exports.PreviousLink=e.PreviousLink;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Pagination.cjs"),i=require("./components.cjs");exports.Pagination=e.Pagination;exports.Dots=i.Dots;exports.NextLink=i.NextLink;exports.PageLink=i.PageLink;exports.PreviousLink=i.PreviousLink;

package/dist/Popover/Popover.cjs

@@ -1,9 +1,9 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),w=require("react"),a=require("@floating-ui/react-dom"),y=require("styled-components"),u=require("../Box/Box.cjs"),k=require("../hooks/useIntersection.cjs"),_=require("../Portal/Portal.cjs"),v=e=>e&&typeof e=="object"&&"default"in e?e:{default:e};function S(e){if(e&&e.__esModule)return e;const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const r=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,r.get?r:{enumerable:!0,get:()=>e[o]})}}return t.default=e,Object.freeze(t)}const i=S(w),f=v(y),O=["top","top-start","top-end","right","right-start","right-end","bottom","bottom-start","bottom-end","left","left-start","left-end"],$=f.default(u.Box)`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),S=require("react"),a=require("@floating-ui/react-dom"),y=require("styled-components"),j=require("../hooks/useIntersection.cjs"),u=require("../Box/Box.cjs"),_=require("../Portal/Portal.cjs"),k=e=>e&&e.__esModule?e:{default:e};function v(e){if(e&&e.__esModule)return e;const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const i=v(S),f=k(y),O=["top","top-start","top-end","right","right-start","right-end","bottom","bottom-start","bottom-end","left","left-start","left-end"],$=f.default(u.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};
-`,p=({source:e,children:t,spacing:o=0,fullWidth:r=!1,placement:s="bottom-start",centered:l=!1,...c})=>{const[h,g]=i.useState(void 0),{x:m,y:x,reference:d,floating:j,strategy:P}=a.useFloating({strategy:"fixed",placement:l?"bottom":s,middleware:[a.offset({mainAxis:o}),a.shift(),a.flip()],whileElementsMounted:a.autoUpdate});return i.useLayoutEffect(()=>{d(e.current)},[e,d]),i.useLayoutEffect(()=>{r&&g(e.current.offsetWidth)},[r,e]),n.jsx($,{ref:j,style:{left:m,top:x,position:P,width:h||void 0},hasRadius:!0,background:"neutral0",padding:1,...c,children:t})},b=({children:e,intersectionId:t,onReachEnd:o,...r})=>{const s=i.useRef(null);return k.useIntersection(s,o??(()=>{}),{selectorToWatch:`#${t}`,skipWhen:!t||!o}),n.jsxs(q,{ref:s,...r,children:[e,t&&o&&n.jsx(u.Box,{id:t,width:"100%",height:"1px"})]})},q=f.default(u.Box)`
+`,p=({source:e,children:t,spacing:r=0,fullWidth:o=!1,placement:n="bottom-start",centered:l=!1,...c})=>{const[h,g]=i.useState(void 0),{x:m,y:x,reference:d,floating:w,strategy:P}=a.useFloating({strategy:"fixed",placement:l?"bottom":n,middleware:[a.offset({mainAxis:r}),a.shift(),a.flip()],whileElementsMounted:a.autoUpdate});return i.useLayoutEffect(()=>{d(e.current)},[e,d]),i.useLayoutEffect(()=>{o&&g(e.current.offsetWidth)},[o,e]),s.jsx($,{ref:w,style:{left:m,top:x,position:P,width:h||void 0},hasRadius:!0,background:"neutral0",padding:1,...c,children:t})},b=({children:e,intersectionId:t,onReachEnd:r,...o})=>{const n=i.useRef(null);return j.useIntersection(n,r??(()=>{}),{selectorToWatch:`#${CSS.escape(t??"")}`,skipWhen:!t||!r}),s.jsxs(q,{ref:n,...o,children:[e,t&&r&&s.jsx(u.Box,{id:CSS.escape(t),width:"100%",height:"1px"})]})},q=f.default(u.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:t,spacing:o,fullWidth:r,placement:s,centered:l,...c})=>n.jsx(_.Portal,{children:n.jsx(p,{source:t,spacing:o,fullWidth:r,placement:s,centered:l,children:n.jsx(b,{...c,children:e})})});exports.Content=p;exports.POPOVER_PLACEMENTS=O;exports.Popover=E;exports.Scrolling=b;
+`,E=({children:e,source:t,spacing:r,fullWidth:o,placement:n,centered:l,...c})=>s.jsx(_.Portal,{children:s.jsx(p,{source:t,spacing:r,fullWidth:o,placement:n,centered:l,children:s.jsx(b,{...c,children:e})})});exports.Content=p;exports.POPOVER_PLACEMENTS=O;exports.Popover=E;exports.Scrolling=b;