@strapi/design-system 1.3.1-alpha.0 → 1.3.1

package/dist/NumberInput/NumberInput.js

@@ -1,149 +1,183 @@
-import t, { useState as j, useRef as x } from "react";
-import e from "prop-types";
-import E from "@strapi/icons/CarretDown";
-import H from "styled-components";
-import { sizes as M } from "../themes/sizes.js";
-import { NumberParser as W, NumberFormatter as X } from "@internationalized/number";
-import { Field as Y } from "../Field/Field.js";
-import { FieldLabel as G } from "../Field/FieldLabel.js";
-import { FieldInput as J } from "../Field/FieldInput.js";
-import { FieldHint as Q } from "../Field/FieldHint.js";
-import { FieldError as Z } from "../Field/FieldError.js";
+var J = Object.defineProperty;
+var v = Object.getOwnPropertySymbols;
+var h = Object.prototype.hasOwnProperty, D = Object.prototype.propertyIsEnumerable;
+var A = (e, o, t) => o in e ? J(e, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[o] = t, S = (e, o) => {
+  for (var t in o || (o = {}))
+    h.call(o, t) && A(e, t, o[t]);
+  if (v)
+    for (var t of v(o))
+      D.call(o, t) && A(e, t, o[t]);
+  return e;
+};
+var k = (e, o) => {
+  var t = {};
+  for (var a in e)
+    h.call(e, a) && o.indexOf(a) < 0 && (t[a] = e[a]);
+  if (e != null && v)
+    for (var a of v(e))
+      o.indexOf(a) < 0 && D.call(e, a) && (t[a] = e[a]);
+  return t;
+};
+import n, { useState as Q, useRef as R } from "react";
+import r from "prop-types";
+import P from "@strapi/icons/CarretDown";
+import Z from "styled-components";
+import { sizes as C } from "../themes/sizes.js";
+import { NumberParser as ee, NumberFormatter as re } from "@internationalized/number";
+import { Field as te } from "../Field/Field.js";
+import { FieldLabel as oe } from "../Field/FieldLabel.js";
+import { FieldInput as ne } from "../Field/FieldInput.js";
+import { FieldHint as ie } from "../Field/FieldHint.js";
+import { FieldError as ae } from "../Field/FieldError.js";
 import "../Field/FieldContext.js";
 import "../Field/FieldAction.js";
-import { Stack as C } from "../Stack/Stack.js";
-import { Icon as w } from "../Icon/Icon.js";
-import { useId as ee } from "../helpers/useId.js";
-import { KeyboardKeys as I } from "../helpers/keyboardKeys.js";
-import { getDefaultLocale as F } from "../helpers/getDefaultLocale.js";
-const A = H.button`
+import { Stack as se } from "../Stack/Stack.js";
+import { Icon as V } from "../Icon/Icon.js";
+import { useId as le } from "../helpers/useId.js";
+import { KeyboardKeys as O } from "../helpers/keyboardKeys.js";
+import { getDefaultLocale as $ } from "../helpers/getDefaultLocale.js";
+const q = Z.button`
   display: flex;
   height: 1rem;
-  align-items: ${({ reverse: i }) => i ? "flex-end" : "flex-start"};
-  transform: translateY(${({ reverse: i }) => i ? "-2px" : "2px"});
-  cursor: ${({ disabled: i }) => i ? "not-allowed" : void 0};
+  align-items: ${({ reverse: e }) => e ? "flex-end" : "flex-start"};
+  transform: translateY(${({ reverse: e }) => e ? "-2px" : "2px"});
+  cursor: ${({ disabled: e }) => e ? "not-allowed" : void 0};
   svg {
     display: block;
     height: ${4 / 16}rem;
-    transform: ${({ reverse: i }) => i ? "rotateX(180deg)" : void 0};
+    transform: ${({ reverse: e }) => e ? "rotateX(180deg)" : void 0};
   }
-`, V = "", g = t.forwardRef(
-  ({
-    size: i,
-    startAction: h,
-    name: D,
-    hint: S,
-    error: k,
-    label: v,
-    labelAction: R,
-    locale: P,
-    id: O,
-    onValueChange: s,
-    value: a,
-    step: r,
-    required: $,
-    disabled: d,
-    ...q
-  }, K) => {
-    const [m, o] = j(a == null ? V : String(a)), L = ee("numberinput", O), T = P || F(), f = x(new W(T)), p = x(new X(F(), { maximumFractionDigits: 20 })), z = (n) => {
-      const l = n.target.value;
-      if (f.current.isValidPartialNumber(l)) {
-        const u = l === "" ? void 0 : f.current.parse(l);
-        u === void 0 || isNaN(u) ? s(void 0) : s(u), o(n.target.value);
+`, K = "", x = n.forwardRef(
+  (me, j) => {
+    var w = me, {
+      size: e,
+      startAction: o,
+      name: t,
+      hint: a,
+      error: L,
+      label: E,
+      labelAction: T,
+      locale: z,
+      id: B,
+      onValueChange: u,
+      value: c,
+      step: s,
+      required: U,
+      disabled: b
+    } = w, _ = k(w, [
+      "size",
+      "startAction",
+      "name",
+      "hint",
+      "error",
+      "label",
+      "labelAction",
+      "locale",
+      "id",
+      "onValueChange",
+      "value",
+      "step",
+      "required",
+      "disabled"
+    ]);
+    const [i, l] = Q(c == null ? K : String(c)), H = le("numberinput", B), M = z || $(), g = R(new ee(M)), N = R(new re($(), { maximumFractionDigits: 20 })), W = (m) => {
+      const d = m.target.value;
+      if (g.current.isValidPartialNumber(d)) {
+        const p = d === "" ? void 0 : g.current.parse(d);
+        p === void 0 || isNaN(p) ? u(void 0) : u(p), l(m.target.value);
       }
-    }, N = (n) => {
-      if (m === void 0) {
-        s(r), o(String(r));
+    }, I = (m) => {
+      if (i === void 0) {
+        u(s), l(String(s));
         return;
       }
-      if (isNaN(m)) {
-        const l = f.current.parse(m), c = (isNaN(l) ? 0 : l) + r, b = p.current.format(c);
-        s(c), o(n ? String(c) : b);
+      if (isNaN(i)) {
+        const d = g.current.parse(i), f = (isNaN(d) ? 0 : d) + s, y = N.current.format(f);
+        u(f), l(m ? String(f) : y);
         return;
       }
-      s(a + r), o(String(a + r));
-    }, y = (n) => {
-      if (m === void 0) {
-        s(-r), o(String(-r));
+      u(c + s), l(String(c + s));
+    }, F = (m) => {
+      if (i === void 0) {
+        u(-s), l(String(-s));
         return;
       }
-      if (isNaN(m)) {
-        const l = f.current.parse(m), c = (isNaN(l) ? 0 : l) - r, b = p.current.format(c);
-        s(c), o(n ? String(c) : b);
+      if (isNaN(i)) {
+        const d = g.current.parse(i), f = (isNaN(d) ? 0 : d) - s, y = N.current.format(f);
+        u(f), l(m ? String(f) : y);
         return;
       }
-      s(a - r), o(String(a - r));
-    }, B = (n) => {
-      if (!d)
-        switch (n.key) {
-          case I.DOWN: {
-            n.preventDefault(), y(!0);
+      u(c - s), l(String(c - s));
+    }, X = (m) => {
+      if (!b)
+        switch (m.key) {
+          case O.DOWN: {
+            m.preventDefault(), F(!0);
             break;
           }
-          case I.UP: {
-            n.preventDefault(), N(!0);
+          case O.UP: {
+            m.preventDefault(), I(!0);
             break;
           }
         }
-    }, U = () => {
-      o(m ?? V);
-    }, _ = () => {
-      o(a === void 0 ? void 0 : p.current.format(a));
+    }, Y = () => {
+      l(i != null ? i : K);
+    }, G = () => {
+      l(c === void 0 ? void 0 : N.current.format(c));
     };
-    return /* @__PURE__ */ t.createElement(Y, {
-      name: D,
-      hint: S,
-      error: k,
-      id: L
-    }, /* @__PURE__ */ t.createElement(C, {
+    return /* @__PURE__ */ n.createElement(te, {
+      name: t,
+      hint: a,
+      error: L,
+      id: H
+    }, /* @__PURE__ */ n.createElement(se, {
       spacing: 1
-    }, v && /* @__PURE__ */ t.createElement(G, {
-      required: $,
-      action: R
-    }, v), /* @__PURE__ */ t.createElement(J, {
-      ref: K,
-      startAction: h,
-      disabled: d,
+    }, E && /* @__PURE__ */ n.createElement(oe, {
+      required: U,
+      action: T
+    }, E), /* @__PURE__ */ n.createElement(ne, S({
+      ref: j,
+      startAction: o,
+      disabled: b,
       type: "text",
       inputmode: "decimal",
-      onChange: z,
-      onKeyDown: B,
-      onBlur: _,
-      onFocus: U,
-      value: m ?? "",
-      size: i,
-      endAction: /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement(A, {
-        disabled: d,
+      onChange: W,
+      onKeyDown: X,
+      onBlur: G,
+      onFocus: Y,
+      value: i != null ? i : "",
+      size: e,
+      endAction: /* @__PURE__ */ n.createElement(n.Fragment, null, /* @__PURE__ */ n.createElement(q, {
+        disabled: b,
         "aria-hidden": !0,
         reverse: !0,
         onClick: () => {
-          N();
+          I();
         },
         tabIndex: -1,
         type: "button",
         "data-testid": "ArrowUp"
-      }, /* @__PURE__ */ t.createElement(w, {
-        as: E,
+      }, /* @__PURE__ */ n.createElement(V, {
+        as: P,
         color: "neutral500"
-      })), /* @__PURE__ */ t.createElement(A, {
-        disabled: d,
+      })), /* @__PURE__ */ n.createElement(q, {
+        disabled: b,
         "aria-hidden": !0,
         onClick: () => {
-          y();
+          F();
         },
         tabIndex: -1,
         type: "button",
         "data-testid": "ArrowDown"
-      }, /* @__PURE__ */ t.createElement(w, {
-        as: E,
+      }, /* @__PURE__ */ n.createElement(V, {
+        as: P,
         color: "neutral500"
-      }))),
-      ...q
-    }), /* @__PURE__ */ t.createElement(Q, null), /* @__PURE__ */ t.createElement(Z, null)));
+      })))
+    }, _)), /* @__PURE__ */ n.createElement(ie, null), /* @__PURE__ */ n.createElement(ae, null)));
   }
 );
-g.displayName = "NumberInput";
-g.defaultProps = {
+x.displayName = "NumberInput";
+x.defaultProps = {
   "aria-label": void 0,
   disabled: !1,
   error: void 0,
@@ -157,23 +191,23 @@ g.defaultProps = {
   step: 1,
   value: void 0
 };
-g.propTypes = {
-  "aria-label": e.string,
-  disabled: e.bool,
-  error: e.string,
-  hint: e.oneOfType([e.string, e.node, e.arrayOf(e.node)]),
-  id: e.string,
-  label: e.string,
-  labelAction: e.element,
-  locale: e.string,
-  name: e.string.isRequired,
-  onValueChange: e.func.isRequired,
-  required: e.bool,
-  size: e.oneOf(Object.keys(M.input)),
-  startAction: e.element,
-  step: e.number,
-  value: e.number
+x.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(C.input)),
+  startAction: r.element,
+  step: r.number,
+  value: r.number
 };
 export {
-  g as NumberInput
+  x as NumberInput
 };

package/dist/Pagination/components.cjs

@@ -1,21 +1,21 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const b=require("react"),L=require("styled-components"),q=require("prop-types"),k=require("@strapi/icons/ChevronLeft"),T=require("@strapi/icons/ChevronRight"),_=require("react-router-dom"),d=require("../VisuallyHidden/VisuallyHidden.cjs"),c=require("./PaginationContext.cjs"),x=require("../Typography/Typography.cjs"),E=require("../themes/utils.cjs"),s=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},a=s(b),l=s(L),i=s(q),R=s(k),$=s(T),g=l.default(x.Typography)`
+"use strict";var $=Object.defineProperty,C=Object.defineProperties;var w=Object.getOwnPropertyDescriptors;var f=Object.getOwnPropertySymbols;var k=Object.prototype.hasOwnProperty,T=Object.prototype.propertyIsEnumerable;var q=(e,t,a)=>t in e?$(e,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[t]=a,l=(e,t)=>{for(var a in t||(t={}))k.call(t,a)&&q(e,a,t[a]);if(f)for(var a of f(t))T.call(t,a)&&q(e,a,t[a]);return e},g=(e,t)=>C(e,w(t));var d=(e,t)=>{var a={};for(var r in e)k.call(e,r)&&t.indexOf(r)<0&&(a[r]=e[r]);if(e!=null&&f)for(var r of f(e))t.indexOf(r)<0&&T.call(e,r)&&(a[r]=e[r]);return a};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const H=require("react"),N=require("styled-components"),V=require("prop-types"),j=require("@strapi/icons/ChevronLeft"),D=require("@strapi/icons/ChevronRight"),S=require("react-router-dom"),h=require("../VisuallyHidden/VisuallyHidden.cjs"),v=require("./PaginationContext.cjs"),W=require("../Typography/Typography.cjs"),A=require("../themes/utils.cjs"),c=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},n=c(H),p=c(N),u=c(V),F=c(j),I=c(D),_=p.default(W.Typography)`
   line-height: revert;
-`,C={active:!0},p=l.default(_.NavLink).withConfig({shouldForwardProp:(e,t)=>!C[e]&&t(e)})`
+`,M={active:!0},m=p.default(S.NavLink).withConfig({shouldForwardProp:(e,t)=>!M[e]&&t(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};
   text-decoration: none;
   display: flex;
 
-  ${E.buttonFocusStyle}
-`,w=l.default(p)`
+  ${A.buttonFocusStyle}
+`,z=p.default(m)`
   color: ${({theme:e,active:t})=>t?e.colors.primary700:e.colors.neutral800};
   background: ${({theme:e,active:t})=>t?e.colors.neutral0:void 0};
 
   &:hover {
     box-shadow: ${({theme:e})=>e.shadows.filterShadow};
   }
-`,v=l.default(p)`
+`,x=p.default(m)`
   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}
-`,H=l.default(p)`
+`,O=p.default(m)`
   color: ${({theme:e})=>e.colors.neutral800};
-`,f=({children:e,to:t,...n})=>{const{activePage:o}=c.usePagination(),r=o===1;return a.default.createElement(v,{to:r?"#":t,"aria-disabled":r,tabIndex:r?-1:void 0,...n},a.default.createElement(d.VisuallyHidden,null,e),a.default.createElement(R.default,{"aria-hidden":!0}))};f.displayName="PreviousLink";const h=({children:e,to:t,...n})=>{const{activePage:o,pageCount:r}=c.usePagination(),u=o===r;return a.default.createElement(v,{to:u?"#":t,"aria-disabled":u,tabIndex:u?-1:void 0,...n},a.default.createElement(d.VisuallyHidden,null,e),a.default.createElement($.default,{"aria-hidden":!0}))};h.displayName="NextLink";const y=({number:e,children:t,...n})=>{const{activePage:o}=c.usePagination(),r=o===e;return a.default.createElement(w,{...n,active:r},a.default.createElement(d.VisuallyHidden,null,t),a.default.createElement(g,{"aria-hidden":!0,variant:"pi",fontWeight:r?"bold":null},e))};y.displayName="PageLink";const m=({children:e,...t})=>a.default.createElement(H,{...t,as:"div"},a.default.createElement(d.VisuallyHidden,null,e),a.default.createElement(g,{"aria-hidden":!0,variant:"pi"},"\u2026"));y.propTypes={children:i.default.node.isRequired,number:i.default.number.isRequired};const P={children:i.default.node.isRequired,to:i.default.string.isRequired};h.propTypes=P;f.propTypes=P;m.propTypes={children:i.default.node.isRequired};exports.Dots=m;exports.NextLink=h;exports.PageLink=y;exports.PreviousLink=f;
+`,P=r=>{var o=r,{children:e,to:t}=o,a=d(o,["children","to"]);const{activePage:s}=v.usePagination(),i=s===1;return n.default.createElement(x,l({to:i?"#":t,"aria-disabled":i,tabIndex:i?-1:void 0},a),n.default.createElement(h.VisuallyHidden,null,e),n.default.createElement(F.default,{"aria-hidden":!0}))};P.displayName="PreviousLink";const b=r=>{var o=r,{children:e,to:t}=o,a=d(o,["children","to"]);const{activePage:s,pageCount:i}=v.usePagination(),y=s===i;return n.default.createElement(x,l({to:y?"#":t,"aria-disabled":y,tabIndex:y?-1:void 0},a),n.default.createElement(h.VisuallyHidden,null,e),n.default.createElement(I.default,{"aria-hidden":!0}))};b.displayName="NextLink";const L=r=>{var o=r,{number:e,children:t}=o,a=d(o,["number","children"]);const{activePage:s}=v.usePagination(),i=s===e;return n.default.createElement(z,g(l({},a),{active:i}),n.default.createElement(h.VisuallyHidden,null,t),n.default.createElement(_,{"aria-hidden":!0,variant:"pi",fontWeight:i?"bold":null},e))};L.displayName="PageLink";const E=a=>{var r=a,{children:e}=r,t=d(r,["children"]);return n.default.createElement(O,g(l({},t),{as:"div"}),n.default.createElement(h.VisuallyHidden,null,e),n.default.createElement(_,{"aria-hidden":!0,variant:"pi"},"\u2026"))};L.propTypes={children:u.default.node.isRequired,number:u.default.number.isRequired};const R={children:u.default.node.isRequired,to:u.default.string.isRequired};b.propTypes=R;P.propTypes=R;E.propTypes={children:u.default.node.isRequired};exports.Dots=E;exports.NextLink=b;exports.PageLink=L;exports.PreviousLink=P;

package/dist/Pagination/components.js

@@ -1,19 +1,40 @@
-import t from "react";
-import s from "styled-components";
-import n from "prop-types";
-import b from "@strapi/icons/ChevronLeft";
-import y from "@strapi/icons/ChevronRight";
-import { NavLink as P } from "react-router-dom";
-import { VisuallyHidden as l } from "../VisuallyHidden/VisuallyHidden.js";
-import { usePagination as c } from "./PaginationContext.js";
-import { Typography as E } from "../Typography/Typography.js";
-import { buttonFocusStyle as k } from "../themes/utils.js";
-const m = s(E)`
+var R = Object.defineProperty, T = Object.defineProperties;
+var N = Object.getOwnPropertyDescriptors;
+var m = Object.getOwnPropertySymbols;
+var y = Object.prototype.hasOwnProperty, P = Object.prototype.propertyIsEnumerable;
+var b = (e, r, t) => r in e ? R(e, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[r] = t, l = (e, r) => {
+  for (var t in r || (r = {}))
+    y.call(r, t) && b(e, t, r[t]);
+  if (m)
+    for (var t of m(r))
+      P.call(r, t) && b(e, t, r[t]);
+  return e;
+}, v = (e, r) => T(e, N(r));
+var d = (e, r) => {
+  var t = {};
+  for (var o in e)
+    y.call(e, o) && r.indexOf(o) < 0 && (t[o] = e[o]);
+  if (e != null && m)
+    for (var o of m(e))
+      r.indexOf(o) < 0 && P.call(e, o) && (t[o] = e[o]);
+  return t;
+};
+import i from "react";
+import p from "styled-components";
+import c from "prop-types";
+import q from "@strapi/icons/ChevronLeft";
+import W from "@strapi/icons/ChevronRight";
+import { NavLink as C } from "react-router-dom";
+import { VisuallyHidden as u } from "../VisuallyHidden/VisuallyHidden.js";
+import { usePagination as f } from "./PaginationContext.js";
+import { Typography as S } from "../Typography/Typography.js";
+import { buttonFocusStyle as A } from "../themes/utils.js";
+const E = p(S)`
   line-height: revert;
-`, L = {
+`, D = {
   active: !0
-}, p = s(P).withConfig({
-  shouldForwardProp: (e, r) => !L[e] && r(e)
+}, g = p(C).withConfig({
+  shouldForwardProp: (e, r) => !D[e] && r(e)
 })`
   padding: ${({ theme: e }) => e.spaces[3]};
   border-radius: ${({ theme: e }) => e.borderRadius};
@@ -21,15 +42,15 @@ const m = s(E)`
   text-decoration: none;
   display: flex;
 
-  ${k}
-`, $ = s(p)`
+  ${A}
+`, F = p(g)`
   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};
   }
-`, u = s(p)`
+`, k = p(g)`
   font-size: 0.7rem;
   svg path {
     fill: ${(e) => e["aria-disabled"] ? e.theme.colors.neutral300 : e.theme.colors.neutral600};
@@ -45,67 +66,69 @@ const m = s(E)`
   ${(e) => e["aria-disabled"] ? `
   pointer-events: none;
     ` : void 0}
-`, x = s(p)`
+`, I = p(g)`
   color: ${({ theme: e }) => e.colors.neutral800};
-`, h = ({ children: e, to: r, ...i }) => {
-  const { activePage: a } = c(), o = a === 1;
-  return /* @__PURE__ */ t.createElement(u, {
-    to: o ? "#" : r,
-    "aria-disabled": o,
-    tabIndex: o ? -1 : void 0,
-    ...i
-  }, /* @__PURE__ */ t.createElement(l, null, e), /* @__PURE__ */ t.createElement(b, {
+`, L = (o) => {
+  var a = o, { children: e, to: r } = a, t = d(a, ["children", "to"]);
+  const { activePage: s } = f(), n = s === 1;
+  return /* @__PURE__ */ i.createElement(k, l({
+    to: n ? "#" : r,
+    "aria-disabled": n,
+    tabIndex: n ? -1 : void 0
+  }, t), /* @__PURE__ */ i.createElement(u, null, e), /* @__PURE__ */ i.createElement(q, {
     "aria-hidden": !0
   }));
 };
-h.displayName = "PreviousLink";
-const v = ({ children: e, to: r, ...i }) => {
-  const { activePage: a, pageCount: o } = c(), d = a === o;
-  return /* @__PURE__ */ t.createElement(u, {
-    to: d ? "#" : r,
-    "aria-disabled": d,
-    tabIndex: d ? -1 : void 0,
-    ...i
-  }, /* @__PURE__ */ t.createElement(l, null, e), /* @__PURE__ */ t.createElement(y, {
+L.displayName = "PreviousLink";
+const $ = (o) => {
+  var a = o, { children: e, to: r } = a, t = d(a, ["children", "to"]);
+  const { activePage: s, pageCount: n } = f(), h = s === n;
+  return /* @__PURE__ */ i.createElement(k, l({
+    to: h ? "#" : r,
+    "aria-disabled": h,
+    tabIndex: h ? -1 : void 0
+  }, t), /* @__PURE__ */ i.createElement(u, null, e), /* @__PURE__ */ i.createElement(W, {
     "aria-hidden": !0
   }));
 };
-v.displayName = "NextLink";
-const f = ({ number: e, children: r, ...i }) => {
-  const { activePage: a } = c(), o = a === e;
-  return /* @__PURE__ */ t.createElement($, {
-    ...i,
-    active: o
-  }, /* @__PURE__ */ t.createElement(l, null, r), /* @__PURE__ */ t.createElement(m, {
+$.displayName = "NextLink";
+const x = (o) => {
+  var a = o, { number: e, children: r } = a, t = d(a, ["number", "children"]);
+  const { activePage: s } = f(), n = s === e;
+  return /* @__PURE__ */ i.createElement(F, v(l({}, t), {
+    active: n
+  }), /* @__PURE__ */ i.createElement(u, null, r), /* @__PURE__ */ i.createElement(E, {
     "aria-hidden": !0,
     variant: "pi",
-    fontWeight: o ? "bold" : null
+    fontWeight: n ? "bold" : null
   }, 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(m, {
-  "aria-hidden": !0,
-  variant: "pi"
-}, "\u2026"));
-f.propTypes = {
-  children: n.node.isRequired,
-  number: n.number.isRequired
+x.displayName = "PageLink";
+const _ = (t) => {
+  var o = t, { children: e } = o, r = d(o, ["children"]);
+  return /* @__PURE__ */ i.createElement(I, v(l({}, r), {
+    as: "div"
+  }), /* @__PURE__ */ i.createElement(u, null, e), /* @__PURE__ */ i.createElement(E, {
+    "aria-hidden": !0,
+    variant: "pi"
+  }, "\u2026"));
+};
+x.propTypes = {
+  children: c.node.isRequired,
+  number: c.number.isRequired
 };
-const g = {
-  children: n.node.isRequired,
-  to: n.string.isRequired
+const w = {
+  children: c.node.isRequired,
+  to: c.string.isRequired
 };
-v.propTypes = g;
-h.propTypes = g;
-w.propTypes = {
-  children: n.node.isRequired
+$.propTypes = w;
+L.propTypes = w;
+_.propTypes = {
+  children: c.node.isRequired
 };
 export {
-  w as Dots,
-  v as NextLink,
-  f as PageLink,
-  h as PreviousLink
+  _ as Dots,
+  $ as NextLink,
+  x as PageLink,
+  L as PreviousLink
 };

package/dist/Popover/Popover.cjs

@@ -1,9 +1,9 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const q=require("react"),j=require("prop-types"),S=require("styled-components"),a=require("@floating-ui/react-dom"),u=require("../Box/Box.cjs"),T=require("../Portal/Portal.cjs"),$=require("../helpers/useIntersection.cjs"),b=e=>e&&typeof e=="object"&&"default"in e?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 r in e)if(r!=="default"){const s=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(n,r,s.get?s:{enumerable:!0,get:()=>e[r]})}}return n.default=e,Object.freeze(n)}const o=M(q),t=b(j),m=b(S),h=["top","top-start","top-end","right","right-start","right-end","bottom","bottom-start","bottom-end","left","left-start","left-end"],B=m.default(u.Box)`
+"use strict";var W=Object.defineProperty;var i=Object.getOwnPropertySymbols;var P=Object.prototype.hasOwnProperty,y=Object.prototype.propertyIsEnumerable;var g=(e,o,t)=>o in e?W(e,o,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[o]=t,c=(e,o)=>{for(var t in o||(o={}))P.call(o,t)&&g(e,t,o[t]);if(i)for(var t of i(o))y.call(o,t)&&g(e,t,o[t]);return e};var v=(e,o)=>{var t={};for(var r in e)P.call(e,r)&&o.indexOf(r)<0&&(t[r]=e[r]);if(e!=null&&i)for(var r of i(e))o.indexOf(r)<0&&y.call(e,r)&&(t[r]=e[r]);return t};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const L=require("react"),D=require("prop-types"),z=require("styled-components"),a=require("@floating-ui/react-dom"),d=require("../Box/Box.cjs"),A=require("../Portal/Portal.cjs"),C=require("../helpers/useIntersection.cjs"),x=e=>e&&typeof e=="object"&&"default"in e?e:{default:e};function N(e){if(e&&e.__esModule)return e;const o=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(o,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return o.default=e,Object.freeze(o)}const s=N(L),n=x(D),w=x(z),E=["top","top-start","top-end","right","right-start","right-end","bottom","bottom-start","bottom-end","left","left-start","left-end"],I=w.default(d.Box)`
   box-shadow: ${({theme:e})=>e.shadows.filterShadow};
   z-index: 4;
   border: 1px solid ${({theme:e})=>e.colors.neutral150};
   background: ${({theme:e})=>e.colors.neutral0};
-`,W=m.default(u.Box)`
+`,V=w.default(d.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;
   }
-`,c=({source:e,children:n,spacing:r,fullWidth:s,placement:y,onReachEnd:i,intersectionId:l,centered:v,...x})=>{const f=o.useRef(null),[p,w]=o.useState(void 0),{x:E,y:_,reference:O,floating:k,strategy:R}=a.useFloating({strategy:"fixed",placement:v?"bottom":y,middleware:[a.offset({mainAxis:r}),a.shift(),a.flip()],whileElementsMounted:a.autoUpdate});return o.useLayoutEffect(()=>{O(e.current)},[e]),o.useLayoutEffect(()=>{s&&w(e.current.offsetWidth)},[s]),$.useIntersection(f,i,{selectorToWatch:`#${l}`,skipWhen:!l||!i}),o.createElement(B,{ref:k,style:{left:E,top:_,position:R,width:p||void 0},hasRadius:!0,background:"neutral0",padding:1},o.createElement(W,{ref:f,...x},n,l&&i&&o.createElement(u.Box,{id:l,width:"100%",height:"1px"})))},d=e=>o.createElement(T.Portal,null,o.createElement(c,{...e})),g={fullWidth:!1,intersectionId:void 0,onReachEnd:void 0,centered:!1,placement:"bottom-start"},P={centered:t.default.bool,children:t.default.node.isRequired,fullWidth:t.default.bool,intersectionId:t.default.string,onReachEnd:t.default.func,placement:t.default.oneOf(h),source:t.default.shape({current:(typeof Element>"u"?t.default.any:t.default.instanceOf(Element)).isRequired}).isRequired,spacing:t.default.number};c.propTypes=P;c.defaultProps=g;d.propTypes=P;d.defaultProps=g;exports.POPOVER_PLACEMENTS=h;exports.Popover=d;
+`,f=F=>{var b=F,{source:e,children:o,spacing:t,fullWidth:r,placement:k,onReachEnd:u,intersectionId:l,centered:R}=b,q=v(b,["source","children","spacing","fullWidth","placement","onReachEnd","intersectionId","centered"]);const m=s.useRef(null),[h,j]=s.useState(void 0),{x:S,y:T,reference:$,floating:M,strategy:B}=a.useFloating({strategy:"fixed",placement:R?"bottom":k,middleware:[a.offset({mainAxis:t}),a.shift(),a.flip()],whileElementsMounted:a.autoUpdate});return s.useLayoutEffect(()=>{$(e.current)},[e]),s.useLayoutEffect(()=>{r&&j(e.current.offsetWidth)},[r]),C.useIntersection(m,u,{selectorToWatch:`#${l}`,skipWhen:!l||!u}),s.createElement(I,{ref:M,style:{left:S,top:T,position:B,width:h||void 0},hasRadius:!0,background:"neutral0",padding:1},s.createElement(V,c({ref:m},q),o,l&&u&&s.createElement(d.Box,{id:l,width:"100%",height:"1px"})))},p=e=>s.createElement(A.Portal,null,s.createElement(f,c({},e))),_={fullWidth:!1,intersectionId:void 0,onReachEnd:void 0,centered:!1,placement:"bottom-start"},O={centered:n.default.bool,children:n.default.node.isRequired,fullWidth:n.default.bool,intersectionId:n.default.string,onReachEnd:n.default.func,placement:n.default.oneOf(E),source:n.default.shape({current:(typeof Element=="undefined"?n.default.any:n.default.instanceOf(Element)).isRequired}).isRequired,spacing:n.default.number};f.propTypes=O;f.defaultProps=_;p.propTypes=O;p.defaultProps=_;exports.POPOVER_PLACEMENTS=E;exports.Popover=p;