@strapi/design-system 1.4.1 → 1.5.0-alpha.0

package/dist/ModalLayout/ModalLayout.js

@@ -1,33 +1,13 @@
-var y = Object.defineProperty;
-var i = Object.getOwnPropertySymbols;
-var m = Object.prototype.hasOwnProperty, p = Object.prototype.propertyIsEnumerable;
-var n = (e, r, o) => r in e ? y(e, r, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[r] = o, s = (e, r) => {
-  for (var o in r || (r = {}))
-    m.call(r, o) && n(e, o, r[o]);
-  if (i)
-    for (var o of i(r))
-      p.call(r, o) && n(e, o, r[o]);
-  return e;
-};
-var d = (e, r) => {
-  var o = {};
-  for (var t in e)
-    m.call(e, t) && r.indexOf(t) < 0 && (o[t] = e[t]);
-  if (e != null && i)
-    for (var t of i(e))
-      r.indexOf(t) < 0 && p.call(e, t) && (o[t] = e[t]);
-  return o;
-};
-import a from "react";
-import u from "styled-components";
-import c from "prop-types";
-import { Box as g } from "../Box/Box.js";
-import { FocusTrap as E } from "../FocusTrap/FocusTrap.js";
-import { Portal as b } from "../Portal/Portal.js";
-import { ModalContext as x } from "./ModalContext.js";
-import { DismissibleLayer as w } from "../DismissibleLayer/DismissibleLayer.js";
-import P from "../helpers/useLockScroll.js";
-const h = u.div`
+import o from "react";
+import t from "styled-components";
+import r from "prop-types";
+import { Box as n } from "../Box/Box.js";
+import { FocusTrap as m } from "../FocusTrap/FocusTrap.js";
+import { Portal as p } from "../Portal/Portal.js";
+import { ModalContext as s } from "./ModalContext.js";
+import { DismissibleLayer as d } from "../DismissibleLayer/DismissibleLayer.js";
+import c from "../helpers/useLockScroll.js";
+const u = t.div`
   position: fixed;
   z-index: 4;
   inset: 0;
@@ -36,29 +16,27 @@ const h = u.div`
   display: flex;
   align-items: center;
   justify-content: center;
-`, k = u(g)`
+`, f = t(n)`
   width: ${830 / 16}rem;
-`, M = (t) => {
-  var l = t, { onClose: e, labelledBy: r } = l, o = d(l, ["onClose", "labelledBy"]);
-  return P(!0), /* @__PURE__ */ a.createElement(b, null, /* @__PURE__ */ a.createElement(x.Provider, {
-    value: e
-  }, /* @__PURE__ */ a.createElement(h, null, /* @__PURE__ */ a.createElement(E, null, /* @__PURE__ */ a.createElement(w, {
-    onEscapeKeyDown: e,
-    onPointerDownOutside: e
-  }, /* @__PURE__ */ a.createElement(k, s({
-    "aria-labelledby": r,
-    onClick: (f) => f.stopPropagation(),
-    background: "neutral0",
-    hasRadius: !0,
-    shadow: "popupShadow",
-    role: "dialog",
-    "aria-modal": !0
-  }, o)))))));
-};
-M.propTypes = {
-  labelledBy: c.string.isRequired,
-  onClose: c.func.isRequired
+`, y = ({ onClose: e, labelledBy: a, ...i }) => (c(!0), /* @__PURE__ */ o.createElement(p, null, /* @__PURE__ */ o.createElement(s.Provider, {
+  value: e
+}, /* @__PURE__ */ o.createElement(u, null, /* @__PURE__ */ o.createElement(m, null, /* @__PURE__ */ o.createElement(d, {
+  onEscapeKeyDown: e,
+  onPointerDownOutside: e
+}, /* @__PURE__ */ o.createElement(f, {
+  "aria-labelledby": a,
+  onClick: (l) => l.stopPropagation(),
+  background: "neutral0",
+  hasRadius: !0,
+  shadow: "popupShadow",
+  role: "dialog",
+  "aria-modal": !0,
+  ...i
+})))))));
+y.propTypes = {
+  labelledBy: r.string.isRequired,
+  onClose: r.func.isRequired
 };
 export {
-  M as ModalLayout
+  y as ModalLayout
 };

package/dist/NumberInput/NumberInput.cjs

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

package/dist/NumberInput/NumberInput.js

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

package/dist/Pagination/components.cjs

@@ -1,21 +1,21 @@
-"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)`
+"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)`
   line-height: revert;
-`,M={active:!0},m=p.default(S.NavLink).withConfig({shouldForwardProp:(e,t)=>!M[e]&&t(e)})`
+`,C={active:!0},p=l.default(_.NavLink).withConfig({shouldForwardProp:(e,t)=>!C[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;
 
-  ${A.buttonFocusStyle}
-`,z=p.default(m)`
+  ${E.buttonFocusStyle}
+`,w=l.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};
 
   &:hover {
     box-shadow: ${({theme:e})=>e.shadows.filterShadow};
   }
-`,x=p.default(m)`
+`,v=l.default(p)`
   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}
-`,O=p.default(m)`
+`,H=l.default(p)`
   color: ${({theme:e})=>e.colors.neutral800};
-`,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;
+`,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;