@strapi/design-system 0.0.0-jsoninput.0

package/dist/MainNav/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./MainNav.cjs"),a=require("./NavBrand.cjs"),n=require("./NavLink.cjs"),s=require("./NavSection.cjs"),v=require("./NavSections.cjs"),N=require("./NavUser.cjs"),i=require("./NavCondense.cjs");exports.MainNav=e.MainNav;exports.NavBrand=a.NavBrand;exports.NavLink=n.NavLink;exports.NavSection=s.NavSection;exports.NavSections=v.NavSections;exports.NavUser=N.NavUser;exports.NavCondense=i.NavCondense;

package/dist/MainNav/index.js

@@ -0,0 +1,16 @@
+import { MainNav as e } from "./MainNav.js";
+import { NavBrand as t } from "./NavBrand.js";
+import { NavLink as m } from "./NavLink.js";
+import { NavSection as p } from "./NavSection.js";
+import { NavSections as x } from "./NavSections.js";
+import { NavUser as i } from "./NavUser.js";
+import { NavCondense as c } from "./NavCondense.js";
+export {
+  e as MainNav,
+  t as NavBrand,
+  c as NavCondense,
+  m as NavLink,
+  p as NavSection,
+  x as NavSections,
+  i as NavUser
+};

package/dist/ModalLayout/ModalBody.cjs

@@ -0,0 +1,4 @@
+"use strict";var c=Object.defineProperty;var a=Object.getOwnPropertySymbols;var u=Object.prototype.hasOwnProperty,n=Object.prototype.propertyIsEnumerable;var d=(e,t,o)=>t in e?c(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,l=(e,t)=>{for(var o in t||(t={}))u.call(t,o)&&d(e,o,t[o]);if(a)for(var o of a(t))n.call(t,o)&&d(e,o,t[o]);return e};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react"),i=require("styled-components"),f=require("../Box/Box.cjs"),r=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},y=r(s),p=r(i),B=p.default(f.Box)`
+  overflow: auto;
+  max-height: 60vh;
+`,_=e=>y.default.createElement(B,l({padding:7},e));exports.ModalBody=_;

package/dist/ModalLayout/ModalBody.js

@@ -0,0 +1,23 @@
+var m = Object.defineProperty;
+var e = Object.getOwnPropertySymbols;
+var p = Object.prototype.hasOwnProperty, l = Object.prototype.propertyIsEnumerable;
+var a = (r, o, t) => o in r ? m(r, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[o] = t, d = (r, o) => {
+  for (var t in o || (o = {}))
+    p.call(o, t) && a(r, t, o[t]);
+  if (e)
+    for (var t of e(o))
+      l.call(o, t) && a(r, t, o[t]);
+  return r;
+};
+import f from "react";
+import i from "styled-components";
+import { Box as n } from "../Box/Box.js";
+const c = i(n)`
+  overflow: auto;
+  max-height: 60vh;
+`, y = (r) => /* @__PURE__ */ f.createElement(c, d({
+  padding: 7
+}, r));
+export {
+  y as ModalBody
+};

package/dist/ModalLayout/ModalContext.cjs

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

package/dist/ModalLayout/ModalContext.js

@@ -0,0 +1,6 @@
+import { createContext as t, useContext as o } from "react";
+const e = t(), r = () => o(e);
+export {
+  e as ModalContext,
+  r as useModal
+};

package/dist/ModalLayout/ModalFooter.cjs

@@ -0,0 +1,8 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("react"),c=require("styled-components"),i=require("prop-types"),p=require("../Box/Box.cjs"),n=require("../Flex/Flex.cjs"),o=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},t=o(u),l=o(c),a=o(i),f=l.default(p.Box)`
+  border-radius: 0 0 ${({theme:e})=>e.borderRadius} ${({theme:e})=>e.borderRadius};
+  border-top: 1px solid ${({theme:e})=>e.colors.neutral150};
+`,d=l.default(n.Flex)`
+  & > * + * {
+    margin-left: ${({theme:e})=>e.spaces[2]};
+  }
+`,r=({startActions:e,endActions:s})=>t.default.createElement(f,{paddingTop:4,paddingBottom:4,paddingLeft:5,paddingRight:5,background:"neutral100"},t.default.createElement(n.Flex,{justifyContent:"space-between"},t.default.createElement(d,null,e),t.default.createElement(d,null,s)));r.defaultProps={endActions:void 0,startActions:void 0};r.propTypes={endActions:a.default.node,startActions:a.default.node};exports.ModalFooter=r;

package/dist/ModalLayout/ModalFooter.js

@@ -0,0 +1,32 @@
+import o from "react";
+import n from "styled-components";
+import t from "prop-types";
+import { Box as i } from "../Box/Box.js";
+import { Flex as d } from "../Flex/Flex.js";
+const s = n(i)`
+  border-radius: 0 0 ${({ theme: e }) => e.borderRadius} ${({ theme: e }) => e.borderRadius};
+  border-top: 1px solid ${({ theme: e }) => e.colors.neutral150};
+`, r = n(d)`
+  & > * + * {
+    margin-left: ${({ theme: e }) => e.spaces[2]};
+  }
+`, a = ({ startActions: e, endActions: p }) => /* @__PURE__ */ o.createElement(s, {
+  paddingTop: 4,
+  paddingBottom: 4,
+  paddingLeft: 5,
+  paddingRight: 5,
+  background: "neutral100"
+}, /* @__PURE__ */ o.createElement(d, {
+  justifyContent: "space-between"
+}, /* @__PURE__ */ o.createElement(r, null, e), /* @__PURE__ */ o.createElement(r, null, p)));
+a.defaultProps = {
+  endActions: void 0,
+  startActions: void 0
+};
+a.propTypes = {
+  endActions: t.node,
+  startActions: t.node
+};
+export {
+  a as ModalFooter
+};

package/dist/ModalLayout/ModalHeader.cjs

@@ -0,0 +1,4 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react"),d=require("styled-components"),c=require("prop-types"),u=require("@strapi/icons/Cross"),i=require("../Flex/Flex.cjs"),p=require("../Box/Box.cjs"),f=require("../IconButton/IconButton.cjs"),b=require("./ModalContext.cjs"),o=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},t=o(s),x=o(d),a=o(c),y=o(u),_=x.default(p.Box)`
+  border-radius: ${({theme:e})=>e.borderRadius} ${({theme:e})=>e.borderRadius} 0 0;
+  border-bottom: 1px solid ${({theme:e})=>e.colors.neutral150};
+`,r=({children:e,closeLabel:l})=>{const n=b.useModal();return t.default.createElement(_,{paddingTop:4,paddingBottom:4,paddingLeft:5,paddingRight:5,background:"neutral100"},t.default.createElement(i.Flex,{justifyContent:"space-between"},e,t.default.createElement(f.IconButton,{onClick:n,"aria-label":l,icon:t.default.createElement(y.default,null)})))};r.defaultProps={closeLabel:"Close the modal"};r.propTypes={children:a.default.node.isRequired,closeLabel:a.default.string};exports.ModalHeader=r;

package/dist/ModalLayout/ModalHeader.js

@@ -0,0 +1,37 @@
+import o from "react";
+import l from "styled-components";
+import r from "prop-types";
+import n from "@strapi/icons/Cross";
+import { Flex as i } from "../Flex/Flex.js";
+import { Box as p } from "../Box/Box.js";
+import { IconButton as m } from "../IconButton/IconButton.js";
+import { useModal as s } from "./ModalContext.js";
+const c = l(p)`
+  border-radius: ${({ theme: e }) => e.borderRadius} ${({ theme: e }) => e.borderRadius} 0 0;
+  border-bottom: 1px solid ${({ theme: e }) => e.colors.neutral150};
+`, t = ({ children: e, closeLabel: a }) => {
+  const d = s();
+  return /* @__PURE__ */ o.createElement(c, {
+    paddingTop: 4,
+    paddingBottom: 4,
+    paddingLeft: 5,
+    paddingRight: 5,
+    background: "neutral100"
+  }, /* @__PURE__ */ o.createElement(i, {
+    justifyContent: "space-between"
+  }, e, /* @__PURE__ */ o.createElement(m, {
+    onClick: d,
+    "aria-label": a,
+    icon: /* @__PURE__ */ o.createElement(n, null)
+  })));
+};
+t.defaultProps = {
+  closeLabel: "Close the modal"
+};
+t.propTypes = {
+  children: r.node.isRequired,
+  closeLabel: r.string
+};
+export {
+  t as ModalHeader
+};

package/dist/ModalLayout/ModalLayout.cjs

@@ -0,0 +1,12 @@
+"use strict";var q=Object.defineProperty;var l=Object.getOwnPropertySymbols;var c=Object.prototype.hasOwnProperty,i=Object.prototype.propertyIsEnumerable;var u=(e,o,t)=>o in e?q(e,o,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[o]=t,d=(e,o)=>{for(var t in o||(o={}))c.call(o,t)&&u(e,t,o[t]);if(l)for(var t of l(o))i.call(o,t)&&u(e,t,o[t]);return e};var p=(e,o)=>{var t={};for(var a in e)c.call(e,a)&&o.indexOf(a)<0&&(t[a]=e[a]);if(e!=null&&l)for(var a of l(e))o.indexOf(a)<0&&i.call(e,a)&&(t[a]=e[a]);return t};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const g=require("react"),x=require("styled-components"),P=require("prop-types"),j=require("../Box/Box.cjs"),L=require("../FocusTrap/FocusTrap.cjs"),M=require("../Portal/Portal.cjs"),_=require("./ModalContext.cjs"),T=require("../DismissibleLayer/DismissibleLayer.cjs"),D=require("../helpers/useLockScroll.cjs"),s=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},r=s(g),y=s(x),f=s(P),E=y.default.div`
+  position: fixed;
+  z-index: 4;
+  inset: 0;
+  background: ${({theme:e})=>`${e.colors.neutral800}1F`};
+  padding: 0 ${({theme:e})=>e.spaces[8]};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`,h=y.default(j.Box)`
+  width: ${830/16}rem;
+`,m=a=>{var n=a,{onClose:e,labelledBy:o}=n,t=p(n,["onClose","labelledBy"]);return D(!0),r.default.createElement(M.Portal,null,r.default.createElement(_.ModalContext.Provider,{value:e},r.default.createElement(E,null,r.default.createElement(L.FocusTrap,null,r.default.createElement(T.DismissibleLayer,{onEscapeKeyDown:e,onPointerDownOutside:e},r.default.createElement(h,d({"aria-labelledby":o,onClick:b=>b.stopPropagation(),background:"neutral0",hasRadius:!0,shadow:"popupShadow",role:"dialog","aria-modal":!0},t)))))))};m.propTypes={labelledBy:f.default.string.isRequired,onClose:f.default.func.isRequired};exports.ModalLayout=m;

package/dist/ModalLayout/ModalLayout.js

@@ -0,0 +1,64 @@
+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`
+  position: fixed;
+  z-index: 4;
+  inset: 0;
+  background: ${({ theme: e }) => `${e.colors.neutral800}1F`};
+  padding: 0 ${({ theme: e }) => e.spaces[8]};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`, k = u(g)`
+  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
+};
+export {
+  M as ModalLayout
+};

package/dist/ModalLayout/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("./ModalLayout.cjs"),e=require("./ModalHeader.cjs"),a=require("./ModalFooter.cjs"),d=require("./ModalBody.cjs");exports.ModalLayout=o.ModalLayout;exports.ModalHeader=e.ModalHeader;exports.ModalFooter=a.ModalFooter;exports.ModalBody=d.ModalBody;

package/dist/ModalLayout/index.js

@@ -0,0 +1,10 @@
+import { ModalLayout as e } from "./ModalLayout.js";
+import { ModalHeader as d } from "./ModalHeader.js";
+import { ModalFooter as f } from "./ModalFooter.js";
+import { ModalBody as m } from "./ModalBody.js";
+export {
+  m as ModalBody,
+  f as ModalFooter,
+  d as ModalHeader,
+  e as ModalLayout
+};

package/dist/NumberInput/NumberInput.cjs

@@ -0,0 +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`
+  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};
+  svg {
+    display: block;
+    height: ${4/16}rem;
+    transform: ${({reverse:e})=>e?"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;

package/dist/NumberInput/NumberInput.js

@@ -0,0 +1,211 @@
+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 "../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`
+  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};
+  svg {
+    display: block;
+    height: ${4 / 16}rem;
+    transform: ${({ reverse: e }) => e ? "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;
+      },
+      defaultProp: ae,
+      onChange(r) {
+        const i = c.current.parse(r);
+        $(isNaN(i) ? void 0 : i);
+      }
+    }), u = (r) => {
+      B(String(r));
+    }, U = ({ target: { value: r } }) => {
+      c.current.isValidPartialNumber(r) && u(r);
+    }, y = () => {
+      if (!m) {
+        u(s);
+        return;
+      }
+      const r = c.current.parse(m), i = isNaN(r) ? s : r + s;
+      u(f.current.format(i));
+    }, h = () => {
+      if (!m) {
+        u(-s);
+        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();
+            break;
+          }
+          case k.UP: {
+            r.preventDefault(), y();
+            break;
+          }
+        }
+    }, j = () => {
+      if (m) {
+        const r = c.current.parse(m), i = isNaN(r) ? "" : f.current.format(r);
+        u(i);
+      }
+    };
+    return /* @__PURE__ */ a.createElement(Y, {
+      name: o,
+      hint: l,
+      error: P,
+      id: z,
+      required: K
+    }, /* @__PURE__ */ a.createElement(ee, {
+      spacing: 1
+    }, g && /* @__PURE__ */ a.createElement(G, {
+      action: R
+    }, g), /* @__PURE__ */ a.createElement(J, A({
+      ref: T,
+      startAction: n,
+      disabled: d,
+      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,
+        "aria-hidden": !0,
+        reverse: !0,
+        onClick: y,
+        tabIndex: -1,
+        type: "button",
+        "data-testid": "ArrowUp"
+      }, /* @__PURE__ */ a.createElement(F, {
+        as: D,
+        color: "neutral500"
+      })), /* @__PURE__ */ a.createElement(C, {
+        disabled: d,
+        "aria-hidden": !0,
+        onClick: h,
+        tabIndex: -1,
+        type: "button",
+        "data-testid": "ArrowDown"
+      }, /* @__PURE__ */ a.createElement(F, {
+        as: D,
+        color: "neutral500"
+      })))
+    }, L)), /* @__PURE__ */ a.createElement(Q, null), /* @__PURE__ */ a.createElement(Z, 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": 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
+};
+export {
+  b as NumberInput
+};

package/dist/NumberInput/index.cjs

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

package/dist/NumberInput/index.js

@@ -0,0 +1,4 @@
+import { NumberInput as m } from "./NumberInput.js";
+export {
+  m as NumberInput
+};

package/dist/Pagination/Pagination.cjs

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

package/dist/Pagination/Pagination.js

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

package/dist/Pagination/PaginationContext.cjs

@@ -0,0 +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;

package/dist/Pagination/PaginationContext.js

@@ -0,0 +1,6 @@
+import { createContext as t, useContext as e } from "react";
+const o = t({ activePage: 1, pageCount: 1 }), a = () => e(o);
+export {
+  o as PaginationContext,
+  a as usePagination
+};

package/dist/Pagination/assets/next.cjs

@@ -0,0 +1 @@
+"use strict";const M="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDcgMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0tMC4wMDAxOTU1MDMgMS4xNzVMMy44MTY0NyA1TC0wLjAwMDE5NTUwMyA4LjgyNUwxLjE3NDggMTBMNi4xNzQ4IDVMMS4xNzQ4IDBMLTAuMDAwMTk1NTAzIDEuMTc1WiIgZmlsbD0iIzhFOEVBOSIvPgo8L3N2Zz4K";module.exports=M;

package/dist/Pagination/assets/next.js

@@ -0,0 +1,4 @@
+const M = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDcgMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0tMC4wMDAxOTU1MDMgMS4xNzVMMy44MTY0NyA1TC0wLjAwMDE5NTUwMyA4LjgyNUwxLjE3NDggMTBMNi4xNzQ4IDVMMS4xNzQ4IDBMLTAuMDAwMTk1NTAzIDEuMTc1WiIgZmlsbD0iIzhFOEVBOSIvPgo8L3N2Zz4K";
+export {
+  M as default
+};

package/dist/Pagination/assets/previous.cjs

@@ -0,0 +1 @@
+"use strict";const I="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDcgMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik02LjE3NSA4LjgyNUwyLjM1ODMzIDVMNi4xNzUgMS4xNzVMNSAwTDAgNUw1IDEwTDYuMTc1IDguODI1WiIgZmlsbD0iIzhFOEVBOSIvPgo8L3N2Zz4K";module.exports=I;

package/dist/Pagination/assets/previous.js

@@ -0,0 +1,4 @@
+const I = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDcgMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik02LjE3NSA4LjgyNUwyLjM1ODMzIDVMNi4xNzUgMS4xNzVMNSAwTDAgNUw1IDEwTDYuMTc1IDguODI1WiIgZmlsbD0iIzhFOEVBOSIvPgo8L3N2Zz4K";
+export {
+  I as default
+};

package/dist/Pagination/components.cjs

@@ -0,0 +1,36 @@
+"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;
+`,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;
+
+  ${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};
+  }
+`,x=p.default(m)`
+  font-size: 0.7rem;
+  svg path {
+    fill: ${e=>e["aria-disabled"]?e.theme.colors.neutral300:e.theme.colors.neutral600};
+  }
+
+  &:focus,
+  &:hover {
+    svg path {
+      fill: ${e=>e["aria-disabled"]?e.theme.colors.neutral300:e.theme.colors.neutral700};
+    }
+  }
+
+  ${e=>e["aria-disabled"]?`
+  pointer-events: none;
+    `:void 0}
+`,O=p.default(m)`
+  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;