@strapi/design-system 0.0.0-typescript.0 → 0.0.0-typescript.2

package/dist/MainNav/NavSection.js

@@ -1,49 +1,70 @@
-import e, { Children as m } from "react";
-import p from "prop-types";
-import { Box as l } from "../Box/Box.js";
-import { Typography as d } from "../Typography/Typography.js";
-import { Stack as t } from "../Stack/Stack.js";
-import { useMainNav as s } from "./MainNavContext.js";
-import { VisuallyHidden as c } from "../VisuallyHidden/VisuallyHidden.js";
-import { Divider as u } from "../Divider/Divider.js";
-const g = ({ label: n, children: i, ...o }) => s() ? /* @__PURE__ */ e.createElement(t, {
-  spacing: 2
-}, /* @__PURE__ */ e.createElement(l, {
-  paddingTop: 1,
-  paddingBottom: 1,
-  background: "neutral0",
-  hasRadius: !0,
-  as: "span"
-}, /* @__PURE__ */ e.createElement(u, null), /* @__PURE__ */ e.createElement(c, null, /* @__PURE__ */ e.createElement("span", null, n))), /* @__PURE__ */ e.createElement(t, {
-  as: "ul",
-  spacing: 2,
-  ...o
-}, m.map(i, (r, a) => /* @__PURE__ */ e.createElement("li", {
-  key: a
-}, r)))) : /* @__PURE__ */ e.createElement(t, {
-  spacing: 2
-}, /* @__PURE__ */ e.createElement(l, {
-  paddingTop: 1,
-  paddingBottom: 1,
-  background: "neutral0",
-  paddingRight: 3,
-  paddingLeft: 3,
-  hasRadius: !0,
-  as: "span"
-}, /* @__PURE__ */ e.createElement(d, {
-  variant: "sigma",
-  textColor: "neutral600"
-}, n)), /* @__PURE__ */ e.createElement(t, {
-  as: "ul",
-  spacing: 2,
-  ...o
-}, m.map(i, (r, a) => /* @__PURE__ */ e.createElement("li", {
-  key: a
-}, r))));
-g.propTypes = {
-  children: p.node.isRequired,
-  label: p.string.isRequired
+var R = Object.defineProperty;
+var i = Object.getOwnPropertySymbols;
+var c = Object.prototype.hasOwnProperty, u = Object.prototype.propertyIsEnumerable;
+var s = (e, r, t) => r in e ? R(e, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[r] = t, l = (e, r) => {
+  for (var t in r || (r = {}))
+    c.call(r, t) && s(e, t, r[t]);
+  if (i)
+    for (var t of i(r))
+      u.call(r, t) && s(e, t, r[t]);
+  return e;
+};
+var g = (e, r) => {
+  var t = {};
+  for (var n in e)
+    c.call(e, n) && r.indexOf(n) < 0 && (t[n] = e[n]);
+  if (e != null && i)
+    for (var n of i(e))
+      r.indexOf(n) < 0 && u.call(e, n) && (t[n] = e[n]);
+  return t;
+};
+import a, { Children as E } from "react";
+import f from "prop-types";
+import { Box as y } from "../Box/Box.js";
+import { Typography as h } from "../Typography/Typography.js";
+import { Stack as o } from "../Stack/Stack.js";
+import { useMainNav as k } from "./MainNavContext.js";
+import { VisuallyHidden as T } from "../VisuallyHidden/VisuallyHidden.js";
+import { Divider as v } from "../Divider/Divider.js";
+const x = (n) => {
+  var d = n, { label: e, children: r } = d, t = g(d, ["label", "children"]);
+  return k() ? /* @__PURE__ */ a.createElement(o, {
+    spacing: 2
+  }, /* @__PURE__ */ a.createElement(y, {
+    paddingTop: 1,
+    paddingBottom: 1,
+    background: "neutral0",
+    hasRadius: !0,
+    as: "span"
+  }, /* @__PURE__ */ a.createElement(v, null), /* @__PURE__ */ a.createElement(T, null, /* @__PURE__ */ a.createElement("span", null, e))), /* @__PURE__ */ a.createElement(o, l({
+    as: "ul",
+    spacing: 2
+  }, t), E.map(r, (m, p) => /* @__PURE__ */ a.createElement("li", {
+    key: p
+  }, m)))) : /* @__PURE__ */ a.createElement(o, {
+    spacing: 2
+  }, /* @__PURE__ */ a.createElement(y, {
+    paddingTop: 1,
+    paddingBottom: 1,
+    background: "neutral0",
+    paddingRight: 3,
+    paddingLeft: 3,
+    hasRadius: !0,
+    as: "span"
+  }, /* @__PURE__ */ a.createElement(h, {
+    variant: "sigma",
+    textColor: "neutral600"
+  }, e)), /* @__PURE__ */ a.createElement(o, l({
+    as: "ul",
+    spacing: 2
+  }, t), E.map(r, (m, p) => /* @__PURE__ */ a.createElement("li", {
+    key: p
+  }, m))));
+};
+x.propTypes = {
+  children: f.node.isRequired,
+  label: f.string.isRequired
 };
 export {
-  g as NavSection
+  x as NavSection
 };

package/dist/MainNav/NavSections.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react"),u=require("prop-types"),i=require("../Stack/Stack.cjs"),d=require("../Box/Box.cjs"),r=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},t=r(a),l=r(u),c=({children:e,...o})=>t.default.createElement(d.Box,{paddingLeft:3,paddingRight:2,paddingTop:3},t.default.createElement(i.Stack,{as:"ul",spacing:4,...o},a.Children.map(e,(n,s)=>t.default.createElement("li",{key:s},n))));c.propTypes={children:l.default.node.isRequired};exports.NavSections=c;
+"use strict";var S=Object.defineProperty;var c=Object.getOwnPropertySymbols;var s=Object.prototype.hasOwnProperty,u=Object.prototype.propertyIsEnumerable;var n=(e,t,a)=>t in e?S(e,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[t]=a,i=(e,t)=>{for(var a in t||(t={}))s.call(t,a)&&n(e,a,t[a]);if(c)for(var a of c(t))u.call(t,a)&&n(e,a,t[a]);return e};var d=(e,t)=>{var a={};for(var r in e)s.call(e,r)&&t.indexOf(r)<0&&(a[r]=e[r]);if(e!=null&&c)for(var r of c(e))t.indexOf(r)<0&&u.call(e,r)&&(a[r]=e[r]);return a};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react"),_=require("prop-types"),k=require("../Stack/Stack.cjs"),m=require("../Box/Box.cjs"),p=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},o=p(l),q=p(_),f=a=>{var r=a,{children:e}=r,t=d(r,["children"]);return o.default.createElement(m.Box,{paddingLeft:3,paddingRight:2,paddingTop:3},o.default.createElement(k.Stack,i({as:"ul",spacing:4},t),l.Children.map(e,(g,y)=>o.default.createElement("li",{key:y},g))))};f.propTypes={children:q.default.node.isRequired};exports.NavSections=f;

package/dist/MainNav/NavSections.d.ts

@@ -0,0 +1,10 @@
+export function NavSections({ children, ...props }: {
+    [x: string]: any;
+    children: any;
+}): JSX.Element;
+export namespace NavSections {
+    namespace propTypes {
+        const children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
+    }
+}
+import PropTypes from "prop-types";

package/dist/MainNav/NavSections.js

@@ -1,21 +1,43 @@
-import e, { Children as i } from "react";
-import n from "prop-types";
-import { Stack as a } from "../Stack/Stack.js";
-import { Box as m } from "../Box/Box.js";
-const d = ({ children: r, ...t }) => /* @__PURE__ */ e.createElement(m, {
-  paddingLeft: 3,
-  paddingRight: 2,
-  paddingTop: 3
-}, /* @__PURE__ */ e.createElement(a, {
-  as: "ul",
-  spacing: 4,
-  ...t
-}, i.map(r, (o, p) => /* @__PURE__ */ e.createElement("li", {
-  key: p
-}, o))));
-d.propTypes = {
-  children: n.node.isRequired
+var f = Object.defineProperty;
+var p = Object.getOwnPropertySymbols;
+var a = Object.prototype.hasOwnProperty, m = Object.prototype.propertyIsEnumerable;
+var n = (e, r, t) => r in e ? f(e, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[r] = t, d = (e, r) => {
+  for (var t in r || (r = {}))
+    a.call(r, t) && n(e, t, r[t]);
+  if (p)
+    for (var t of p(r))
+      m.call(r, t) && n(e, t, r[t]);
+  return e;
+};
+var c = (e, r) => {
+  var t = {};
+  for (var o in e)
+    a.call(e, o) && r.indexOf(o) < 0 && (t[o] = e[o]);
+  if (e != null && p)
+    for (var o of p(e))
+      r.indexOf(o) < 0 && m.call(e, o) && (t[o] = e[o]);
+  return t;
+};
+import i, { Children as g } from "react";
+import u from "prop-types";
+import { Stack as h } from "../Stack/Stack.js";
+import { Box as y } from "../Box/Box.js";
+const E = (t) => {
+  var o = t, { children: e } = o, r = c(o, ["children"]);
+  return /* @__PURE__ */ i.createElement(y, {
+    paddingLeft: 3,
+    paddingRight: 2,
+    paddingTop: 3
+  }, /* @__PURE__ */ i.createElement(h, d({
+    as: "ul",
+    spacing: 4
+  }, r), g.map(e, (l, s) => /* @__PURE__ */ i.createElement("li", {
+    key: s
+  }, l))));
+};
+E.propTypes = {
+  children: u.node.isRequired
 };
 export {
-  d as NavSections
+  E as NavSections
 };

package/dist/MainNav/NavUser.cjs

@@ -1,7 +1,7 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const p=require("react"),f=require("prop-types"),y=require("styled-components"),s=require("../Avatar/Avatar.cjs");require("../Avatar/AvatarGroup.cjs");const v=require("../Typography/Typography.cjs"),x=require("../Flex/Flex.cjs"),d=require("../Box/Box.cjs"),g=require("./MainNavContext.cjs"),m=require("../VisuallyHidden/VisuallyHidden.cjs"),o=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},t=o(p),r=o(f),q=o(y),j=q.default(d.Box)`
+"use strict";var q=Object.defineProperty;var n=Object.getOwnPropertySymbols;var p=Object.prototype.hasOwnProperty,f=Object.prototype.propertyIsEnumerable;var c=(e,t,a)=>t in e?q(e,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[t]=a,y=(e,t)=>{for(var a in t||(t={}))p.call(t,a)&&c(e,a,t[a]);if(n)for(var a of n(t))f.call(t,a)&&c(e,a,t[a]);return e};var v=(e,t)=>{var a={};for(var r in e)p.call(e,r)&&t.indexOf(r)<0&&(a[r]=e[r]);if(e!=null&&n)for(var r of n(e))t.indexOf(r)<0&&f.call(e,r)&&(a[r]=e[r]);return a};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const j=require("react"),T=require("prop-types"),_=require("styled-components"),x=require("../Avatar/Avatar.cjs");require("../Avatar/AvatarGroup.cjs");const h=require("../Typography/Typography.cjs"),E=require("../Flex/Flex.cjs"),g=require("../Box/Box.cjs"),N=require("./MainNavContext.cjs"),b=require("../VisuallyHidden/VisuallyHidden.cjs"),d=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},o=d(j),s=d(T),B=d(_),A=B.default(g.Box)`
   text-decoration: none;
   position: absolute;
   bottom: 0;
   width: 100%;
   border-top: 1px solid ${({theme:e})=>e.colors.neutral150};
-`,a=t.default.forwardRef(({src:e,children:n,initials:i,...u},c)=>{const l=g.useMainNav();return t.default.createElement(j,{paddingTop:3,paddingBottom:3,paddingLeft:5,paddingRight:5,...u},t.default.createElement(x.Flex,{as:"button",justifyContent:l?"center":void 0,ref:c},e?t.default.createElement(s.Avatar,{src:e,alt:"","aria-hidden":!0}):t.default.createElement(s.Initials,null,i),l?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(v.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;
+`,l=o.default.forwardRef((M,m)=>{var i=M,{src:e,children:t,initials:a}=i,r=v(i,["src","children","initials"]);const u=N.useMainNav();return o.default.createElement(A,y({paddingTop:3,paddingBottom:3,paddingLeft:5,paddingRight:5},r),o.default.createElement(E.Flex,{as:"button",justifyContent:u?"center":void 0,ref:m},e?o.default.createElement(x.Avatar,{src:e,alt:"","aria-hidden":!0}):o.default.createElement(x.Initials,null,a),u?o.default.createElement(b.VisuallyHidden,null,o.default.createElement("span",null,t)):o.default.createElement(g.Box,{width:`${130/16}rem`,paddingLeft:2,as:"span"},o.default.createElement(h.Typography,{ellipsis:!0,textColor:"neutral600"},t))))});l.displayName="NavUser";l.defaultProps={src:void 0,initials:void 0};l.propTypes={children:s.default.node.isRequired,initials:s.default.node,src:s.default.string};exports.NavUser=l;

package/dist/MainNav/NavUser.d.ts

@@ -0,0 +1,2 @@
+export const NavUser: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+import React from "react";

package/dist/MainNav/NavUser.js

@@ -1,54 +1,74 @@
-import e from "react";
-import o from "prop-types";
-import m from "styled-components";
-import { Avatar as s, Initials as c } from "../Avatar/Avatar.js";
+var y = Object.defineProperty;
+var n = Object.getOwnPropertySymbols;
+var s = Object.prototype.hasOwnProperty, c = Object.prototype.propertyIsEnumerable;
+var m = (e, t, o) => t in e ? y(e, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[t] = o, f = (e, t) => {
+  for (var o in t || (t = {}))
+    s.call(t, o) && m(e, o, t[o]);
+  if (n)
+    for (var o of n(t))
+      c.call(t, o) && m(e, o, t[o]);
+  return e;
+};
+var u = (e, t) => {
+  var o = {};
+  for (var r in e)
+    s.call(e, r) && t.indexOf(r) < 0 && (o[r] = e[r]);
+  if (e != null && n)
+    for (var r of n(e))
+      t.indexOf(r) < 0 && c.call(e, r) && (o[r] = e[r]);
+  return o;
+};
+import i from "react";
+import a from "prop-types";
+import E from "styled-components";
+import { Avatar as x, Initials as h } from "../Avatar/Avatar.js";
 import "../Avatar/AvatarGroup.js";
-import { Typography as f } from "../Typography/Typography.js";
-import { Flex as u } from "../Flex/Flex.js";
-import { Box as a } from "../Box/Box.js";
-import { useMainNav as g } from "./MainNavContext.js";
-import { VisuallyHidden as v } from "../VisuallyHidden/VisuallyHidden.js";
-const y = m(a)`
+import { Typography as N } from "../Typography/Typography.js";
+import { Flex as b } from "../Flex/Flex.js";
+import { Box as g } from "../Box/Box.js";
+import { useMainNav as R } from "./MainNavContext.js";
+import { VisuallyHidden as T } from "../VisuallyHidden/VisuallyHidden.js";
+const w = E(g)`
   text-decoration: none;
   position: absolute;
   bottom: 0;
   width: 100%;
-  border-top: 1px solid ${({ theme: t }) => t.colors.neutral150};
-`, r = e.forwardRef(({ src: t, children: i, initials: l, ...d }, p) => {
-  const n = g();
-  return /* @__PURE__ */ e.createElement(y, {
+  border-top: 1px solid ${({ theme: e }) => e.colors.neutral150};
+`, l = i.forwardRef((B, v) => {
+  var d = B, { src: e, children: t, initials: o } = d, r = u(d, ["src", "children", "initials"]);
+  const p = R();
+  return /* @__PURE__ */ i.createElement(w, f({
     paddingTop: 3,
     paddingBottom: 3,
     paddingLeft: 5,
-    paddingRight: 5,
-    ...d
-  }, /* @__PURE__ */ e.createElement(u, {
+    paddingRight: 5
+  }, r), /* @__PURE__ */ i.createElement(b, {
     as: "button",
-    justifyContent: n ? "center" : void 0,
-    ref: p
-  }, t ? /* @__PURE__ */ e.createElement(s, {
-    src: t,
+    justifyContent: p ? "center" : void 0,
+    ref: v
+  }, e ? /* @__PURE__ */ i.createElement(x, {
+    src: e,
     alt: "",
     "aria-hidden": !0
-  }) : /* @__PURE__ */ e.createElement(c, null, l), n ? /* @__PURE__ */ e.createElement(v, null, /* @__PURE__ */ e.createElement("span", null, i)) : /* @__PURE__ */ e.createElement(a, {
+  }) : /* @__PURE__ */ i.createElement(h, null, o), p ? /* @__PURE__ */ i.createElement(T, null, /* @__PURE__ */ i.createElement("span", null, t)) : /* @__PURE__ */ i.createElement(g, {
     width: `${130 / 16}rem`,
     paddingLeft: 2,
     as: "span"
-  }, /* @__PURE__ */ e.createElement(f, {
+  }, /* @__PURE__ */ i.createElement(N, {
     ellipsis: !0,
     textColor: "neutral600"
-  }, i))));
+  }, t))));
 });
-r.displayName = "NavUser";
-r.defaultProps = {
+l.displayName = "NavUser";
+l.defaultProps = {
   src: void 0,
   initials: void 0
 };
-r.propTypes = {
-  children: o.node.isRequired,
-  initials: o.node,
-  src: o.string
+l.propTypes = {
+  children: a.node.isRequired,
+  initials: a.node,
+  src: a.string
 };
 export {
-  r as NavUser
+  l as NavUser
 };

package/dist/MainNav/index.d.ts

@@ -0,0 +1,7 @@
+export * from "./MainNav";
+export * from "./NavBrand";
+export * from "./NavLink";
+export * from "./NavSection";
+export * from "./NavSections";
+export * from "./NavUser";
+export * from "./NavCondense";

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";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;
-`,u=e=>l.default.createElement(c,{padding:7,...e});exports.ModalBody=u;
+`,_=e=>y.default.createElement(B,l({padding:7},e));exports.ModalBody=_;

package/dist/ModalLayout/ModalBody.d.ts

@@ -0,0 +1 @@
+export function ModalBody(props: any): JSX.Element;

package/dist/ModalLayout/ModalBody.js

@@ -1,13 +1,23 @@
-import t from "react";
-import r from "styled-components";
-import { Box as e } from "../Box/Box.js";
-const a = r(e)`
+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;
-`, l = (o) => /* @__PURE__ */ t.createElement(a, {
-  padding: 7,
-  ...o
-});
+`, y = (r) => /* @__PURE__ */ f.createElement(c, d({
+  padding: 7
+}, r));
 export {
-  l as ModalBody
+  y as ModalBody
 };

package/dist/ModalLayout/ModalContext.d.ts

@@ -0,0 +1,2 @@
+export const ModalContext: import("react").Context<any>;
+export function useModal(): any;

package/dist/ModalLayout/ModalFooter.d.ts

@@ -0,0 +1,17 @@
+export function ModalFooter({ startActions, endActions }: {
+    startActions: any;
+    endActions: any;
+}): JSX.Element;
+export namespace ModalFooter {
+    namespace defaultProps {
+        const endActions: undefined;
+        const startActions: undefined;
+    }
+    namespace propTypes {
+        const endActions_1: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        export { endActions_1 as endActions };
+        const startActions_1: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        export { startActions_1 as startActions };
+    }
+}
+import PropTypes from "prop-types";

package/dist/ModalLayout/ModalHeader.d.ts

@@ -0,0 +1,15 @@
+export function ModalHeader({ children, closeLabel }: {
+    children: any;
+    closeLabel: any;
+}): JSX.Element;
+export namespace ModalHeader {
+    namespace defaultProps {
+        const closeLabel: string;
+    }
+    namespace propTypes {
+        export const children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
+        const closeLabel_1: PropTypes.Requireable<string>;
+        export { closeLabel_1 as closeLabel };
+    }
+}
+import PropTypes from "prop-types";

package/dist/ModalLayout/ModalLayout.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("react"),i=require("styled-components"),d=require("prop-types"),p=require("../Box/Box.cjs"),f=require("../FocusTrap/FocusTrap.cjs"),y=require("../Portal/Portal.cjs"),m=require("./ModalContext.cjs"),b=require("../DismissibleLayer/DismissibleLayer.cjs"),q=require("../helpers/useLockScroll.cjs"),o=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},t=o(c),r=o(i),a=o(d),g=r.default.div`
+"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;
@@ -7,6 +7,6 @@
   display: flex;
   align-items: center;
   justify-content: center;
-`,x=r.default(p.Box)`
+`,h=y.default(j.Box)`
   width: ${830/16}rem;
-`,l=({onClose:e,labelledBy:s,...n})=>(q(!0),t.default.createElement(y.Portal,null,t.default.createElement(m.ModalContext.Provider,{value:e},t.default.createElement(g,null,t.default.createElement(f.FocusTrap,null,t.default.createElement(b.DismissibleLayer,{onEscapeKeyDown:e,onPointerDownOutside:e},t.default.createElement(x,{"aria-labelledby":s,onClick:u=>u.stopPropagation(),background:"neutral0",hasRadius:!0,shadow:"popupShadow",role:"dialog","aria-modal":!0,...n})))))));l.propTypes={labelledBy:a.default.string.isRequired,onClose:a.default.func.isRequired};exports.ModalLayout=l;
+`,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.d.ts

@@ -0,0 +1,12 @@
+export function ModalLayout({ onClose, labelledBy, ...props }: {
+    [x: string]: any;
+    onClose: any;
+    labelledBy: any;
+}): JSX.Element;
+export namespace ModalLayout {
+    namespace propTypes {
+        const labelledBy: PropTypes.Validator<string>;
+        const onClose: PropTypes.Validator<(...args: any[]) => any>;
+    }
+}
+import PropTypes from "prop-types";

package/dist/ModalLayout/ModalLayout.js

@@ -1,13 +1,33 @@
-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`
+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;
@@ -16,27 +36,29 @@ const u = t.div`
   display: flex;
   align-items: center;
   justify-content: center;
-`, f = t(n)`
+`, k = u(g)`
   width: ${830 / 16}rem;
-`, 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
+`, 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 {
-  y as ModalLayout
+  M as ModalLayout
 };

package/dist/ModalLayout/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./ModalLayout";
+export * from "./ModalHeader";
+export * from "./ModalFooter";
+export * from "./ModalBody";

package/dist/NumberInput/NumberInput.cjs

@@ -1,12 +1,12 @@
-"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`
+"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:r})=>r?"flex-end":"flex-start"};
-  transform: translateY(${({reverse:r})=>r?"-2px":"2px"});
-  cursor: ${({disabled:r})=>r?"not-allowed":void 0};
+  align-items: ${({reverse:e})=>e?"flex-end":"flex-start"};
+  transform: translateY(${({reverse:e})=>e?"-2px":"2px"});
+  cursor: ${({disabled:e})=>e?"not-allowed":void 0};
   svg {
     display: block;
     height: ${4/16}rem;
-    transform: ${({reverse:r})=>r?"rotateX(180deg)":void 0};
+    transform: ${({reverse:e})=>e?"rotateX(180deg)":void 0};
   }
-`,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;
+`,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:$},l.default.createElement(re.Stack,{spacing:1},F&&l.default.createElement(Q.FieldLabel,{required:z,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.d.ts

@@ -0,0 +1,2 @@
+export const NumberInput: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+import React from "react";