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

package/dist/MainNav/NavSection.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react"),g=require("prop-types"),f=require("./MainNavContext.cjs"),s=require("../Box/Box.cjs"),y=require("../Divider/Divider.cjs"),n=require("../Flex/Flex.cjs"),x=require("../Typography/Typography.cjs"),v=require("../VisuallyHidden/VisuallyHidden.cjs"),p=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},e=p(i),o=p(g),m=({label:t,children:d,spacing:u=2,horizontal:a=!1,...c})=>f.useMainNav()?e.default.createElement(n.Flex,{direction:"column",alignItems:"stretch",gap:2},e.default.createElement(s.Box,{paddingTop:1,paddingBottom:1,background:"neutral0",hasRadius:!0,as:"span"},e.default.createElement(y.Divider,null),e.default.createElement(v.VisuallyHidden,null,e.default.createElement("span",null,t))),e.default.createElement(n.Flex,{as:"ul",gap:u,direction:a?"row":"column",alignItems:a?"center":"stretch",...c},i.Children.map(d,(r,l)=>e.default.createElement("li",{key:l},r)))):e.default.createElement(n.Flex,{direction:"column",alignItems:"stretch",gap:2},e.default.createElement(s.Box,{paddingTop:1,paddingBottom:1,background:"neutral0",paddingRight:3,paddingLeft:3,hasRadius:!0,as:"span"},e.default.createElement(x.Typography,{variant:"sigma",textColor:"neutral600"},t)),e.default.createElement(n.Flex,{as:"ul",gap:u,direction:a?"row":"column",alignItems:a?"center":"stretch",...c},i.Children.map(d,(r,l)=>e.default.createElement("li",{key:l},r))));m.propTypes={children:o.default.node.isRequired,label:o.default.string.isRequired};exports.NavSection=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("react"),x=require("prop-types"),g=require("./MainNavContext.cjs"),h=require("../Divider/Divider.cjs"),i=require("../Flex/Flex.cjs"),l=require("../Box/Box.cjs"),m=require("../VisuallyHidden/VisuallyHidden.cjs"),j=require("../Typography/Typography.cjs"),q=n=>n&&n.__esModule?n:{default:n},u=q(x),p=({label:n,children:d,spacing:a=2,horizontal:r=!1,...c})=>g.useMainNav()?e.jsxs(i.Flex,{direction:"column",alignItems:"stretch",gap:2,children:[e.jsxs(l.Box,{paddingTop:1,paddingBottom:1,background:"neutral0",hasRadius:!0,as:"span",children:[e.jsx(h.Divider,{}),e.jsx(m.VisuallyHidden,{children:e.jsx("span",{children:n})})]}),e.jsx(i.Flex,{as:"ul",gap:a,direction:r?"row":"column",alignItems:r?"center":"stretch",...c,children:o.Children.map(d,(t,s)=>e.jsx("li",{children:t},s))})]}):e.jsxs(i.Flex,{direction:"column",alignItems:"stretch",gap:2,children:[e.jsx(l.Box,{paddingTop:1,paddingBottom:1,background:"neutral0",paddingRight:3,paddingLeft:3,hasRadius:!0,as:"span",children:e.jsx(j.Typography,{variant:"sigma",textColor:"neutral600",children:n})}),e.jsx(i.Flex,{as:"ul",gap:a,direction:r?"row":"column",alignItems:r?"center":"stretch",...c,children:o.Children.map(d,(t,s)=>e.jsx("li",{children:t},s))})]});p.propTypes={children:u.default.node.isRequired,label:u.default.string.isRequired};exports.NavSection=p;

package/dist/MainNav/NavSection.js

@@ -1,36 +1,46 @@
-import e, { Children as c } from "react";
-import d from "prop-types";
-import { useMainNav as s } from "./MainNavContext.js";
-import { Box as p } from "../Box/Box.js";
-import { Divider as u } from "../Divider/Divider.js";
-import { Flex as r } from "../Flex/Flex.js";
-import { Typography as g } from "../Typography/Typography.js";
-import { VisuallyHidden as f } from "../VisuallyHidden/VisuallyHidden.js";
-const E = ({ label: i, children: m, spacing: o = 2, horizontal: t = !1, ...l }) => s() ? /* @__PURE__ */ e.createElement(r, { direction: "column", alignItems: "stretch", gap: 2 }, /* @__PURE__ */ e.createElement(p, { paddingTop: 1, paddingBottom: 1, background: "neutral0", hasRadius: !0, as: "span" }, /* @__PURE__ */ e.createElement(u, null), /* @__PURE__ */ e.createElement(f, null, /* @__PURE__ */ e.createElement("span", null, i))), /* @__PURE__ */ e.createElement(
-  r,
-  {
-    as: "ul",
-    gap: o,
-    direction: t ? "row" : "column",
-    alignItems: t ? "center" : "stretch",
-    ...l
-  },
-  c.map(m, (n, a) => /* @__PURE__ */ e.createElement("li", { key: a }, n))
-)) : /* @__PURE__ */ e.createElement(r, { direction: "column", alignItems: "stretch", gap: 2 }, /* @__PURE__ */ e.createElement(p, { paddingTop: 1, paddingBottom: 1, background: "neutral0", paddingRight: 3, paddingLeft: 3, hasRadius: !0, as: "span" }, /* @__PURE__ */ e.createElement(g, { variant: "sigma", textColor: "neutral600" }, i)), /* @__PURE__ */ e.createElement(
-  r,
-  {
-    as: "ul",
-    gap: o,
-    direction: t ? "row" : "column",
-    alignItems: t ? "center" : "stretch",
-    ...l
-  },
-  c.map(m, (n, a) => /* @__PURE__ */ e.createElement("li", { key: a }, n))
-));
-E.propTypes = {
-  children: d.node.isRequired,
-  label: d.string.isRequired
+import { jsxs as d, jsx as r } from "react/jsx-runtime";
+import { Children as m } from "react";
+import p from "prop-types";
+import { useMainNav as u } from "./MainNavContext.js";
+import { Divider as g } from "../Divider/Divider.js";
+import { Flex as i } from "../Flex/Flex.js";
+import { Box as l } from "../Box/Box.js";
+import { VisuallyHidden as h } from "../VisuallyHidden/VisuallyHidden.js";
+import { Typography as f } from "../Typography/Typography.js";
+const x = ({ label: o, children: a, spacing: s = 2, horizontal: e = !1, ...c }) => u() ? /* @__PURE__ */ d(i, { direction: "column", alignItems: "stretch", gap: 2, children: [
+  /* @__PURE__ */ d(l, { paddingTop: 1, paddingBottom: 1, background: "neutral0", hasRadius: !0, as: "span", children: [
+    /* @__PURE__ */ r(g, {}),
+    /* @__PURE__ */ r(h, { children: /* @__PURE__ */ r("span", { children: o }) })
+  ] }),
+  /* @__PURE__ */ r(
+    i,
+    {
+      as: "ul",
+      gap: s,
+      direction: e ? "row" : "column",
+      alignItems: e ? "center" : "stretch",
+      ...c,
+      children: m.map(a, (n, t) => /* @__PURE__ */ r("li", { children: n }, t))
+    }
+  )
+] }) : /* @__PURE__ */ d(i, { direction: "column", alignItems: "stretch", gap: 2, children: [
+  /* @__PURE__ */ r(l, { paddingTop: 1, paddingBottom: 1, background: "neutral0", paddingRight: 3, paddingLeft: 3, hasRadius: !0, as: "span", children: /* @__PURE__ */ r(f, { variant: "sigma", textColor: "neutral600", children: o }) }),
+  /* @__PURE__ */ r(
+    i,
+    {
+      as: "ul",
+      gap: s,
+      direction: e ? "row" : "column",
+      alignItems: e ? "center" : "stretch",
+      ...c,
+      children: m.map(a, (n, t) => /* @__PURE__ */ r("li", { children: n }, t))
+    }
+  )
+] });
+x.propTypes = {
+  children: p.node.isRequired,
+  label: p.string.isRequired
 };
 export {
-  E as NavSection
+  x as NavSection
 };

package/dist/MainNav/NavSections.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react"),u=require("prop-types"),i=require("styled-components"),p=require("../Box/Box.cjs"),f=require("../Flex/Flex.cjs"),o=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},t=o(l),y=o(u),g=o(i),x=g.default(p.Box)`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),c=require("react"),u=require("prop-types"),a=require("styled-components"),p=require("../Box/Box.cjs"),f=require("../Flex/Flex.cjs"),o=e=>e&&e.__esModule?e:{default:e},g=o(u),x=o(a),y=x.default(p.Box)`
   flex-grow: 1;
   overflow-y: auto;
-`,n=({children:e,spacing:a=4,horizontal:r=!1,...s})=>t.default.createElement(x,{paddingLeft:3,paddingRight:2,paddingTop:3,paddingBottom:8},t.default.createElement(f.Flex,{as:"ul",gap:a,direction:r?"row":"column",alignItems:r?"center":"stretch",...s},l.Children.map(e,(c,d)=>t.default.createElement("li",{key:d},c))));n.propTypes={children:y.default.node.isRequired};exports.NavSections=n;
+`,n=({children:e,spacing:s=4,horizontal:r=!1,...i})=>t.jsx(y,{paddingLeft:3,paddingRight:2,paddingTop:3,paddingBottom:8,children:t.jsx(f.Flex,{as:"ul",gap:s,direction:r?"row":"column",alignItems:r?"center":"stretch",...i,children:c.Children.map(e,(d,l)=>t.jsx("li",{children:d},l))})});n.propTypes={children:g.default.node.isRequired};exports.NavSections=n;

package/dist/MainNav/NavSections.js

@@ -1,24 +1,25 @@
-import e, { Children as m } from "react";
-import a from "prop-types";
-import d from "styled-components";
-import { Box as l } from "../Box/Box.js";
+import { jsx as r } from "react/jsx-runtime";
+import { Children as d } from "react";
+import m from "prop-types";
+import l from "styled-components";
+import { Box as s } from "../Box/Box.js";
 import { Flex as c } from "../Flex/Flex.js";
-const s = d(l)`
+const a = l(s)`
   flex-grow: 1;
   overflow-y: auto;
-`, f = ({ children: t, spacing: o = 4, horizontal: r = !1, ...i }) => /* @__PURE__ */ e.createElement(s, { paddingLeft: 3, paddingRight: 2, paddingTop: 3, paddingBottom: 8 }, /* @__PURE__ */ e.createElement(
+`, f = ({ children: e, spacing: i = 4, horizontal: o = !1, ...t }) => /* @__PURE__ */ r(a, { paddingLeft: 3, paddingRight: 2, paddingTop: 3, paddingBottom: 8, children: /* @__PURE__ */ r(
   c,
   {
     as: "ul",
-    gap: o,
-    direction: r ? "row" : "column",
-    alignItems: r ? "center" : "stretch",
-    ...i
-  },
-  m.map(t, (n, p) => /* @__PURE__ */ e.createElement("li", { key: p }, n))
-));
+    gap: i,
+    direction: o ? "row" : "column",
+    alignItems: o ? "center" : "stretch",
+    ...t,
+    children: d.map(e, (p, n) => /* @__PURE__ */ r("li", { children: p }, n))
+  }
+) });
 f.propTypes = {
-  children: a.node.isRequired
+  children: m.node.isRequired
 };
 export {
   f as NavSections

package/dist/MainNav/NavUser.cjs

@@ -1,3 +1,3 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const p=require("react"),f=require("prop-types"),y=require("styled-components"),v=require("./MainNavContext.cjs"),s=require("../Avatar/Avatar.cjs");require("../Avatar/AvatarGroup.cjs");const d=require("../Box/Box.cjs"),g=require("../Flex/Flex.cjs"),x=require("../Typography/Typography.cjs"),m=require("../VisuallyHidden/VisuallyHidden.cjs"),l=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},t=l(p),r=l(f),q=l(y),j=q.default(d.Box)`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),p=require("react"),x=require("prop-types"),f=require("styled-components"),y=require("./MainNavContext.cjs"),a=require("../Avatar/Avatar.cjs"),d=require("../Box/Box.cjs"),v=require("../Flex/Flex.cjs"),g=require("../VisuallyHidden/VisuallyHidden.cjs"),j=require("../Typography/Typography.cjs"),i=e=>e&&e.__esModule?e:{default:e},q=i(p),s=i(x),h=i(f),_=h.default(d.Box)`
   border-top: 1px solid ${({theme:e})=>e.colors.neutral150};
-`,a=t.default.forwardRef(({src:e,children:n,initials:i,...u},c)=>{const o=v.useMainNav();return t.default.createElement(j,{paddingTop:3,paddingBottom:3,paddingLeft:5,paddingRight:5,...u},t.default.createElement(g.Flex,{as:"button",justifyContent:o?"center":void 0,ref:c},e?t.default.createElement(s.Avatar,{src:e,alt:"","aria-hidden":!0}):t.default.createElement(s.Initials,null,i),o?t.default.createElement(m.VisuallyHidden,null,t.default.createElement("span",null,n)):t.default.createElement(d.Box,{width:`${130/16}rem`,paddingLeft:2,as:"span"},t.default.createElement(x.Typography,{ellipsis:!0,textColor:"neutral600"},n))))});a.displayName="NavUser";a.defaultProps={src:void 0,initials:void 0};a.propTypes={children:r.default.node.isRequired,initials:r.default.node,src:r.default.string};exports.NavUser=a;
+`,r=q.default.forwardRef(({src:e,children:n,initials:l,...u},c)=>{const o=y.useMainNav();return t.jsx(_,{paddingTop:3,paddingBottom:3,paddingLeft:5,paddingRight:5,...u,children:t.jsxs(v.Flex,{as:"button",justifyContent:o?"center":void 0,ref:c,children:[e?t.jsx(a.Avatar,{src:e,alt:"","aria-hidden":!0}):t.jsx(a.Initials,{children:l}),o?t.jsx(g.VisuallyHidden,{children:t.jsx("span",{children:n})}):t.jsx(d.Box,{width:`${130/16}rem`,paddingLeft:2,as:"span",children:t.jsx(j.Typography,{ellipsis:!0,textColor:"neutral600",children:n})})]})})});r.displayName="NavUser";r.defaultProps={src:void 0,initials:void 0};r.propTypes={children:s.default.node.isRequired,initials:s.default.node,src:s.default.string};exports.NavUser=r;

package/dist/MainNav/NavUser.js

@@ -1,29 +1,32 @@
-import e from "react";
-import r from "prop-types";
-import m from "styled-components";
-import { useMainNav as s } from "./MainNavContext.js";
-import { Avatar as c, Initials as f } from "../Avatar/Avatar.js";
-import "../Avatar/AvatarGroup.js";
+import { jsx as r, jsxs as l } from "react/jsx-runtime";
+import m from "react";
+import i from "prop-types";
+import f from "styled-components";
+import { useMainNav as c } from "./MainNavContext.js";
+import { Avatar as u, Initials as h } from "../Avatar/Avatar.js";
 import { Box as n } from "../Box/Box.js";
-import { Flex as u } from "../Flex/Flex.js";
-import { Typography as g } from "../Typography/Typography.js";
+import { Flex as g } from "../Flex/Flex.js";
 import { VisuallyHidden as v } from "../VisuallyHidden/VisuallyHidden.js";
-const y = m(n)`
-  border-top: 1px solid ${({ theme: t }) => t.colors.neutral150};
-`, o = e.forwardRef(({ src: t, children: i, initials: l, ...p }, d) => {
-  const a = s();
-  return /* @__PURE__ */ e.createElement(y, { paddingTop: 3, paddingBottom: 3, paddingLeft: 5, paddingRight: 5, ...p }, /* @__PURE__ */ e.createElement(u, { as: "button", justifyContent: a ? "center" : void 0, ref: d }, t ? /* @__PURE__ */ e.createElement(c, { src: t, alt: "", "aria-hidden": !0 }) : /* @__PURE__ */ e.createElement(f, null, l), a ? /* @__PURE__ */ e.createElement(v, null, /* @__PURE__ */ e.createElement("span", null, i)) : /* @__PURE__ */ e.createElement(n, { width: `${130 / 16}rem`, paddingLeft: 2, as: "span" }, /* @__PURE__ */ e.createElement(g, { ellipsis: !0, textColor: "neutral600" }, i))));
+import { Typography as x } from "../Typography/Typography.js";
+const y = f(n)`
+  border-top: 1px solid ${({ theme: o }) => o.colors.neutral150};
+`, t = m.forwardRef(({ src: o, children: e, initials: a, ...s }, p) => {
+  const d = c();
+  return /* @__PURE__ */ r(y, { paddingTop: 3, paddingBottom: 3, paddingLeft: 5, paddingRight: 5, ...s, children: /* @__PURE__ */ l(g, { as: "button", justifyContent: d ? "center" : void 0, ref: p, children: [
+    o ? /* @__PURE__ */ r(u, { src: o, alt: "", "aria-hidden": !0 }) : /* @__PURE__ */ r(h, { children: a }),
+    d ? /* @__PURE__ */ r(v, { children: /* @__PURE__ */ r("span", { children: e }) }) : /* @__PURE__ */ r(n, { width: `${130 / 16}rem`, paddingLeft: 2, as: "span", children: /* @__PURE__ */ r(x, { ellipsis: !0, textColor: "neutral600", children: e }) })
+  ] }) });
 });
-o.displayName = "NavUser";
-o.defaultProps = {
+t.displayName = "NavUser";
+t.defaultProps = {
   src: void 0,
   initials: void 0
 };
-o.propTypes = {
-  children: r.node.isRequired,
-  initials: r.node,
-  src: r.string
+t.propTypes = {
+  children: i.node.isRequired,
+  initials: i.node,
+  src: i.string
 };
 export {
-  o as NavUser
+  t as NavUser
 };

package/dist/MainNav/index.cjs

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

package/dist/ModalLayout/ModalBody.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react"),a=require("styled-components"),d=require("../Box/Box.cjs"),t=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},l=t(o),r=t(a),c=r.default(d.Box)`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime");require("react");const t=require("styled-components"),r=require("../Box/Box.cjs"),d=e=>e&&e.__esModule?e:{default:e},u=d(t),l=u.default(r.Box)`
   overflow: auto;
   max-height: 60vh;
-`,u=e=>l.default.createElement(c,{padding:7,...e});exports.ModalBody=u;
+`,s=e=>o.jsx(l,{padding:7,...e});exports.ModalBody=s;

package/dist/ModalLayout/ModalBody.js

@@ -1,10 +1,11 @@
-import t from "react";
-import r from "styled-components";
-import { Box as e } from "../Box/Box.js";
-const a = r(e)`
+import { jsx as r } from "react/jsx-runtime";
+import "react";
+import t from "styled-components";
+import { Box as m } from "../Box/Box.js";
+const p = t(m)`
   overflow: auto;
   max-height: 60vh;
-`, l = (o) => /* @__PURE__ */ t.createElement(a, { padding: 7, ...o });
+`, f = (o) => /* @__PURE__ */ r(p, { padding: 7, ...o });
 export {
-  l as ModalBody
+  f as ModalBody
 };

package/dist/ModalLayout/ModalContext.cjs

@@ -1 +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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=e.createContext(),o=()=>e.useContext(t);exports.ModalContext=t;exports.useModal=o;

package/dist/ModalLayout/ModalFooter.cjs

@@ -1,8 +1,8 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("react"),c=require("prop-types"),i=require("styled-components"),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),a=o(c),l=o(i),f=l.default(p.Box)`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime");require("react");const l=require("prop-types"),u=require("styled-components"),c=require("../Box/Box.cjs"),s=require("../Flex/Flex.cjs"),n=e=>e&&e.__esModule?e:{default:e},r=n(l),i=n(u),p=i.default(c.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)`
+`,d=i.default(s.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;
+`,o=({startActions:e,endActions:a})=>t.jsx(p,{paddingTop:4,paddingBottom:4,paddingLeft:5,paddingRight:5,background:"neutral100",children:t.jsxs(s.Flex,{justifyContent:"space-between",children:[t.jsx(d,{children:e}),t.jsx(d,{children:a})]})});o.defaultProps={endActions:void 0,startActions:void 0};o.propTypes={endActions:r.default.node,startActions:r.default.node};exports.ModalFooter=o;

package/dist/ModalLayout/ModalFooter.js

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

package/dist/ModalLayout/ModalHeader.cjs

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

package/dist/ModalLayout/ModalHeader.js

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

package/dist/ModalLayout/ModalLayout.cjs

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("react"),i=require("prop-types"),d=require("styled-components"),p=require("./ModalContext.cjs"),f=require("../Box/Box.cjs"),y=require("../DismissibleLayer/DismissibleLayer.cjs"),m=require("../Flex/Flex.cjs"),x=require("../FocusTrap/FocusTrap.cjs"),b=require("../hooks/useLockScroll.cjs"),q=require("../Portal/Portal.cjs"),o=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},t=o(c),r=o(i),a=o(d),g=a.default(m.Flex)`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime");require("react");const u=require("prop-types"),d=require("styled-components"),c=require("./ModalContext.cjs"),p=require("../DismissibleLayer/index.cjs"),x=require("../hooks/useLockScroll.cjs"),y=require("../Flex/Flex.cjs"),f=require("../Box/Box.cjs"),q=require("../Portal/Portal.cjs"),g=require("../FocusTrap/FocusTrap.cjs"),t=e=>e&&e.__esModule?e:{default:e},r=t(u),n=t(d),h=n.default(y.Flex)`
   inset: 0;
   background: ${({theme:e})=>`${e.colors.neutral800}1F`};
-`,j=a.default(f.Box)`
+`,j=n.default(f.Box)`
   width: ${830/16}rem;
-`,l=({onClose:e,labelledBy:s,...u})=>(b(!0),t.default.createElement(q.Portal,null,t.default.createElement(p.ModalContext.Provider,{value:e},t.default.createElement(g,{justifyContent:"center",paddingLeft:8,paddingRight:8,position:"fixed",zIndex:4},t.default.createElement(x.FocusTrap,null,t.default.createElement(y.DismissibleLayer,{onEscapeKeyDown:e,onPointerDownOutside:e},t.default.createElement(j,{"aria-labelledby":s,onClick:n=>n.stopPropagation(),background:"neutral0",hasRadius:!0,shadow:"popupShadow",role:"dialog","aria-modal":!0,...u})))))));l.propTypes={labelledBy:r.default.string.isRequired,onClose:r.default.func.isRequired};exports.ModalLayout=l;
+`,s=({onClose:e,labelledBy:i,...a})=>(x(!0),o.jsx(q.Portal,{children:o.jsx(c.ModalContext.Provider,{value:e,children:o.jsx(h,{justifyContent:"center",paddingLeft:8,paddingRight:8,position:"fixed",zIndex:4,children:o.jsx(g.FocusTrap,{children:o.jsx(p.DismissibleLayer,{onEscapeKeyDown:e,onPointerDownOutside:e,children:o.jsx(j,{"aria-labelledby":i,onClick:l=>l.stopPropagation(),background:"neutral0",hasRadius:!0,shadow:"popupShadow",role:"dialog","aria-modal":!0,...a})})})})})}));s.propTypes={labelledBy:r.default.string.isRequired,onClose:r.default.func.isRequired};exports.ModalLayout=s;

package/dist/ModalLayout/ModalLayout.js

@@ -1,35 +1,36 @@
-import e from "react";
-import r from "prop-types";
-import t from "styled-components";
-import { ModalContext as l } from "./ModalContext.js";
-import { Box as m } from "../Box/Box.js";
-import { DismissibleLayer as p } from "../DismissibleLayer/DismissibleLayer.js";
-import { Flex as d } from "../Flex/Flex.js";
-import { FocusTrap as s } from "../FocusTrap/FocusTrap.js";
-import u from "../hooks/useLockScroll.js";
-import { Portal as c } from "../Portal/Portal.js";
-const f = t(d)`
+import { jsx as o } from "react/jsx-runtime";
+import "react";
+import e from "prop-types";
+import i from "styled-components";
+import { ModalContext as d } from "./ModalContext.js";
+import { DismissibleLayer as p } from "../DismissibleLayer/index.js";
+import l from "../hooks/useLockScroll.js";
+import { Flex as m } from "../Flex/Flex.js";
+import { Box as s } from "../Box/Box.js";
+import { Portal as u } from "../Portal/Portal.js";
+import { FocusTrap as c } from "../FocusTrap/FocusTrap.js";
+const f = i(m)`
   inset: 0;
-  background: ${({ theme: o }) => `${o.colors.neutral800}1F`};
-`, y = t(m)`
+  background: ${({ theme: r }) => `${r.colors.neutral800}1F`};
+`, h = i(s)`
   width: ${830 / 16}rem;
-`, g = ({ onClose: o, labelledBy: a, ...i }) => (u(!0), /* @__PURE__ */ e.createElement(c, null, /* @__PURE__ */ e.createElement(l.Provider, { value: o }, /* @__PURE__ */ e.createElement(f, { justifyContent: "center", paddingLeft: 8, paddingRight: 8, position: "fixed", zIndex: 4 }, /* @__PURE__ */ e.createElement(s, null, /* @__PURE__ */ e.createElement(p, { onEscapeKeyDown: o, onPointerDownOutside: o }, /* @__PURE__ */ e.createElement(
-  y,
+`, y = ({ onClose: r, labelledBy: t, ...n }) => (l(!0), /* @__PURE__ */ o(u, { children: /* @__PURE__ */ o(d.Provider, { value: r, children: /* @__PURE__ */ o(f, { justifyContent: "center", paddingLeft: 8, paddingRight: 8, position: "fixed", zIndex: 4, children: /* @__PURE__ */ o(c, { children: /* @__PURE__ */ o(p, { onEscapeKeyDown: r, onPointerDownOutside: r, children: /* @__PURE__ */ o(
+  h,
   {
-    "aria-labelledby": a,
-    onClick: (n) => n.stopPropagation(),
+    "aria-labelledby": t,
+    onClick: (a) => a.stopPropagation(),
     background: "neutral0",
     hasRadius: !0,
     shadow: "popupShadow",
     role: "dialog",
     "aria-modal": !0,
-    ...i
+    ...n
   }
-)))))));
-g.propTypes = {
-  labelledBy: r.string.isRequired,
-  onClose: r.func.isRequired
+) }) }) }) }) }));
+y.propTypes = {
+  labelledBy: e.string.isRequired,
+  onClose: e.func.isRequired
 };
 export {
-  g as ModalLayout
+  y as ModalLayout
 };

package/dist/ModalLayout/index.cjs

@@ -1 +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;
+"use strict";Object.defineProperty(exports,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/NumberInput/NumberInput.cjs

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