@strapi/design-system 0.0.0-599b75fb-test → 0.0.0-622b91ef

package/dist/KeyboardNavigable/KeyboardNavigable.js

@@ -1,52 +1,45 @@
 import { jsx as m } from "react/jsx-runtime";
-import { Box as i } from "../Box/Box.js";
 import { KeyboardKeys as o } from "../helpers/keyboardKeys.js";
-const v = ({
-  tagName: s,
-  attributeName: a = "",
-  ...d
-}) => {
+import { Box as i } from "../Box/Box.js";
+const v = ({ tagName: s, attributeName: a = "", ...d }) => {
   const r = () => {
     const e = document.activeElement;
     return e ? s ? e.tagName.toLowerCase() === s : e.hasAttribute(a) : !1;
   }, l = (e) => s ? e.querySelectorAll(s) : e.querySelectorAll(`[${a}]`);
-  return m(i, {
-    onKeyDown: (e) => {
-      switch (e.key) {
-        case o.RIGHT:
-        case o.DOWN: {
-          if (r()) {
-            e.preventDefault();
-            const n = document.activeElement, t = [...l(e.currentTarget)], c = t.findIndex((f) => f === n), u = c + 1 < t.length ? c + 1 : 0;
-            t[u].focus();
-          }
-          break;
-        }
-        case o.LEFT:
-        case o.UP: {
-          if (r()) {
-            e.preventDefault();
-            const n = document.activeElement, t = [...l(e.currentTarget)], c = t.findIndex((f) => f === n), u = c - 1 > -1 ? c - 1 : t.length - 1;
-            t[u].focus();
-          }
-          break;
+  return m(i, { onKeyDown: (e) => {
+    switch (e.key) {
+      case o.RIGHT:
+      case o.DOWN: {
+        if (r()) {
+          e.preventDefault();
+          const n = document.activeElement, t = [...l(e.currentTarget)], c = t.findIndex((f) => f === n), u = c + 1 < t.length ? c + 1 : 0;
+          t[u].focus();
         }
-        case o.HOME: {
-          r() && (e.preventDefault(), l(e.currentTarget).item(0).focus());
-          break;
+        break;
+      }
+      case o.LEFT:
+      case o.UP: {
+        if (r()) {
+          e.preventDefault();
+          const n = document.activeElement, t = [...l(e.currentTarget)], c = t.findIndex((f) => f === n), u = c - 1 > -1 ? c - 1 : t.length - 1;
+          t[u].focus();
         }
-        case o.END: {
-          if (r()) {
-            e.preventDefault();
-            const n = l(e.currentTarget);
-            n.item(n.length - 1).focus();
-          }
-          break;
+        break;
+      }
+      case o.HOME: {
+        r() && (e.preventDefault(), l(e.currentTarget).item(0).focus());
+        break;
+      }
+      case o.END: {
+        if (r()) {
+          e.preventDefault();
+          const n = l(e.currentTarget);
+          n.item(n.length - 1).focus();
         }
+        break;
       }
-    },
-    ...d
-  });
+    }
+  }, ...d });
 };
 export {
   v as KeyboardNavigable

package/dist/KeyboardNavigable/index.cjs

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

package/dist/Layout/ActionLayout.cjs

@@ -1,9 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("react"),i=require("prop-types"),f=require("styled-components"),n=require("../Box/Box.cjs"),s=require("../Flex/Flex.cjs"),l=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},t=l(d),r=l(i),c=l(f),u=c.default(s.Flex)`
-  & > * + * {
-    margin-left: ${({theme:e})=>e.spaces[2]};
-  }
-
-  margin-left: ${({pullRight:e})=>e?"auto":void 0};
-`,p=c.default(u)`
-  flex-shrink: 0;
-`,a=({startActions:e,endActions:o})=>e||o?t.default.createElement(n.Box,{paddingLeft:10,paddingRight:10},t.default.createElement(n.Box,{paddingBottom:4},t.default.createElement(s.Flex,{justifyContent:"space-between",alignItems:"flex-start"},e&&t.default.createElement(u,{wrap:"wrap"},e),o&&t.default.createElement(p,{pullRight:!0},o)))):null;a.defaultProps={endActions:void 0,startActions:void 0};a.propTypes={endActions:r.default.node,startActions:r.default.node};exports.ActionLayout=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../Flex/Flex.cjs"),i=({startActions:r,endActions:n})=>!r&&!n?null:e.jsxs(t.Flex,{justifyContent:"space-between",alignItems:"flex-start",paddingBottom:4,paddingLeft:10,paddingRight:10,children:[e.jsx(t.Flex,{gap:2,wrap:"wrap",children:r}),e.jsx(t.Flex,{gap:2,shrink:0,wrap:"wrap",children:n})]});exports.ActionLayout=i;

package/dist/Layout/ActionLayout.js

@@ -1,25 +1,6 @@
-import e from "react";
-import r from "prop-types";
-import a from "styled-components";
-import { Box as n } from "../Box/Box.js";
-import { Flex as i } from "../Flex/Flex.js";
-const l = a(i)`
-  & > * + * {
-    margin-left: ${({ theme: t }) => t.spaces[2]};
-  }
-
-  margin-left: ${({ pullRight: t }) => t ? "auto" : void 0};
-`, m = a(l)`
-  flex-shrink: 0;
-`, p = ({ startActions: t, endActions: o }) => t || o ? /* @__PURE__ */ e.createElement(n, { paddingLeft: 10, paddingRight: 10 }, /* @__PURE__ */ e.createElement(n, { paddingBottom: 4 }, /* @__PURE__ */ e.createElement(i, { justifyContent: "space-between", alignItems: "flex-start" }, t && /* @__PURE__ */ e.createElement(l, { wrap: "wrap" }, t), o && /* @__PURE__ */ e.createElement(m, { pullRight: !0 }, o)))) : null;
-p.defaultProps = {
-  endActions: void 0,
-  startActions: void 0
-};
-p.propTypes = {
-  endActions: r.node,
-  startActions: r.node
-};
+import { jsxs as p, jsx as n } from "react/jsx-runtime";
+import { Flex as r } from "../Flex/Flex.js";
+const o = ({ startActions: t, endActions: e }) => !t && !e ? null : p(r, { justifyContent: "space-between", alignItems: "flex-start", paddingBottom: 4, paddingLeft: 10, paddingRight: 10, children: [n(r, { gap: 2, wrap: "wrap", children: t }), n(r, { gap: 2, shrink: 0, wrap: "wrap", children: e })] });
 export {
-  p as ActionLayout
+  o as ActionLayout
 };

package/dist/Layout/ContentLayout.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react"),n=require("prop-types"),u=require("../Box/Box.cjs"),t=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},a=t(r),c=t(n),o=({children:e})=>a.default.createElement(u.Box,{paddingLeft:10,paddingRight:10},e);o.propTypes={children:c.default.node.isRequired};exports.ContentLayout=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("../Box/Box.cjs"),o=({children:t})=>e.jsx(n.Box,{paddingLeft:10,paddingRight:10,children:t});exports.ContentLayout=o;

package/dist/Layout/ContentLayout.js

@@ -1,10 +1,6 @@
-import t from "react";
-import o from "prop-types";
+import { jsx as o } from "react/jsx-runtime";
 import { Box as r } from "../Box/Box.js";
-const p = ({ children: e }) => /* @__PURE__ */ t.createElement(r, { paddingLeft: 10, paddingRight: 10 }, e);
-p.propTypes = {
-  children: o.node.isRequired
-};
+const d = ({ children: t }) => o(r, { paddingLeft: 10, paddingRight: 10, children: t });
 export {
-  p as ContentLayout
+  d as ContentLayout
 };

package/dist/Layout/GridLayout.cjs

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("prop-types"),s=require("styled-components"),t=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},d=t(r),a=t(s),o=a.default.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("styled-components"),a=t=>t&&t.__esModule?t:{default:t},d=a(e),i=d.default.div`
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
-  grid-gap: ${({theme:e})=>e.spaces[4]};
-`;o.propTypes={children:d.default.node.isRequired};exports.GridLayout=o;
+  grid-gap: ${({theme:t})=>t.spaces[4]};
+`;exports.GridLayout=i;

package/dist/Layout/GridLayout.js

@@ -1,13 +1,9 @@
-import p from "prop-types";
-import e from "styled-components";
-const i = e.div`
+import i from "styled-components";
+const a = i.div`
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
-  grid-gap: ${({ theme: r }) => r.spaces[4]};
+  grid-gap: ${({ theme: t }) => t.spaces[4]};
 `;
-i.propTypes = {
-  children: p.node.isRequired
-};
 export {
-  i as GridLayout
+  a as GridLayout
 };

package/dist/Layout/HeaderLayout.cjs

@@ -1,3 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("react"),E=require("prop-types"),v=require("styled-components"),d=require("../Box/Box.cjs"),i=require("../Flex/Flex.cjs"),B=require("../hooks/useElementOnScreen.cjs"),b=require("../hooks/useResizeObserver.cjs"),s=require("../Typography/Typography.cjs"),p=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},e=p(c),a=p(E),R=p(v),T=()=>{const t=c.useRef(null),[l,r]=c.useState(null),[n,o]=B.useElementOnScreen({root:null,rootMargin:"0px",threshold:0});return b.useResizeObserver(n,()=>{n.current&&r(n.current.getBoundingClientRect())}),c.useEffect(()=>{t.current&&r(t.current.getBoundingClientRect())},[t]),{containerRef:n,isVisible:o,baseHeaderLayoutRef:t,headerSize:l}},f=t=>{const{containerRef:l,isVisible:r,baseHeaderLayoutRef:n,headerSize:o}=T();return e.default.createElement(e.default.Fragment,null,e.default.createElement("div",{style:{height:o?.height},ref:l},r&&e.default.createElement(u,{ref:n,...t})),!r&&e.default.createElement(u,{...t,sticky:!0,width:o?.width}))};f.displayName="HeaderLayout";const L=R.default(d.Box)`
-  width: ${t=>t.width}px;
-`,u=e.default.forwardRef(({navigationAction:t,primaryAction:l,secondaryAction:r,subtitle:n,title:o,sticky:m,width:h,...y},x)=>{const g=typeof n=="string";return m?e.default.createElement(L,{paddingLeft:6,paddingRight:6,paddingTop:3,paddingBottom:3,position:"fixed",top:0,right:0,background:"neutral0",shadow:"tableShadow",width:h,zIndex:4,"data-strapi-header-sticky":!0},e.default.createElement(i.Flex,{justifyContent:"space-between"},e.default.createElement(i.Flex,null,t&&e.default.createElement(d.Box,{paddingRight:3},t),e.default.createElement(d.Box,null,e.default.createElement(s.Typography,{variant:"beta",as:"h1",...y},o),g?e.default.createElement(s.Typography,{variant:"pi",textColor:"neutral600"},n):n),r?e.default.createElement(d.Box,{paddingLeft:4},r):null),e.default.createElement(i.Flex,null,l?e.default.createElement(d.Box,{paddingLeft:2},l):void 0))):e.default.createElement(d.Box,{ref:x,paddingLeft:10,paddingRight:10,paddingBottom:8,paddingTop:t?6:8,background:"neutral100","data-strapi-header":!0},t?e.default.createElement(d.Box,{paddingBottom:2},t):null,e.default.createElement(i.Flex,{justifyContent:"space-between"},e.default.createElement(i.Flex,{minWidth:0},e.default.createElement(s.Typography,{as:"h1",variant:"alpha",...y},o),r?e.default.createElement(d.Box,{paddingLeft:4},r):null),l),g?e.default.createElement(s.Typography,{variant:"epsilon",textColor:"neutral600",as:"p"},n):n)});u.displayName="BaseHeaderLayout";u.defaultProps={navigationAction:void 0,primaryAction:void 0,secondaryAction:void 0,subtitle:void 0,sticky:!1,width:void 0};u.propTypes={navigationAction:a.default.node,primaryAction:a.default.node,secondaryAction:a.default.node,sticky:a.default.bool,subtitle:a.default.oneOfType([a.default.string,a.default.node]),title:a.default.string.isRequired,width:a.default.number};f.defaultProps={navigationAction:void 0,primaryAction:void 0,secondaryAction:void 0,subtitle:void 0};f.propTypes={navigationAction:a.default.node,primaryAction:a.default.node,secondaryAction:a.default.node,subtitle:a.default.oneOfType([a.default.string,a.default.node]),title:a.default.string.isRequired};exports.BaseHeaderLayout=u;exports.HeaderLayout=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("react"),y=require("styled-components"),B=require("../hooks/useElementOnScreen.cjs"),R=require("../hooks/useResizeObserver.cjs"),d=require("../Box/Box.cjs"),a=require("../Flex/Flex.cjs"),o=require("../Typography/Typography.cjs"),p=t=>t&&t.__esModule?t:{default:t},L=p(u),S=p(y),g=t=>{const r=u.useRef(null),[s,n]=u.useState(null),[i,l]=B.useElementOnScreen({root:null,rootMargin:"0px",threshold:0});return R.useResizeObserver(i,()=>{i.current&&n(i.current.getBoundingClientRect())}),u.useEffect(()=>{r.current&&n(r.current.getBoundingClientRect())},[r]),e.jsxs(e.Fragment,{children:[e.jsx("div",{style:{height:s?.height},ref:i,children:l&&e.jsx(c,{ref:r,...t})}),!l&&e.jsx(c,{...t,sticky:!0,width:s?.width})]})};g.displayName="HeaderLayout";const b=S.default(d.Box)`
+  width: ${({width:t})=>t?`${t/16}rem`:void 0};
+  z-index: ${({theme:t})=>t.zIndices[1]};
+`,c=L.default.forwardRef(({navigationAction:t,primaryAction:r,secondaryAction:s,subtitle:n,title:i,sticky:l,width:f,...h},j)=>{const x=typeof n=="string";return l?e.jsx(b,{paddingLeft:6,paddingRight:6,paddingTop:3,paddingBottom:3,position:"fixed",top:0,right:0,background:"neutral0",shadow:"tableShadow",width:f,"data-strapi-header-sticky":!0,children:e.jsxs(a.Flex,{justifyContent:"space-between",children:[e.jsxs(a.Flex,{children:[t&&e.jsx(d.Box,{paddingRight:3,children:t}),e.jsxs(d.Box,{children:[e.jsx(o.Typography,{variant:"beta",as:"h1",...h,children:i}),x?e.jsx(o.Typography,{variant:"pi",textColor:"neutral600",children:n}):n]}),s?e.jsx(d.Box,{paddingLeft:4,children:s}):null]}),e.jsx(a.Flex,{children:r?e.jsx(d.Box,{paddingLeft:2,children:r}):void 0})]})}):e.jsxs(d.Box,{ref:j,paddingLeft:10,paddingRight:10,paddingBottom:8,paddingTop:t?6:8,background:"neutral100","data-strapi-header":!0,children:[t?e.jsx(d.Box,{paddingBottom:2,children:t}):null,e.jsxs(a.Flex,{justifyContent:"space-between",children:[e.jsxs(a.Flex,{minWidth:0,children:[e.jsx(o.Typography,{as:"h1",variant:"alpha",...h,children:i}),s?e.jsx(d.Box,{paddingLeft:4,children:s}):null]}),r]}),x?e.jsx(o.Typography,{variant:"epsilon",textColor:"neutral600",as:"p",children:n}):n]})});exports.BaseHeaderLayout=c;exports.HeaderLayout=g;

package/dist/Layout/HeaderLayout.js

@@ -1,103 +1,32 @@
-import e, { useRef as h, useState as E, useEffect as v } from "react";
-import t from "prop-types";
-import R from "styled-components";
-import { Box as i } from "../Box/Box.js";
-import { Flex as l } from "../Flex/Flex.js";
-import { useElementOnScreen as b } from "../hooks/useElementOnScreen.js";
-import { useResizeObserver as w } from "../hooks/useResizeObserver.js";
-import { Typography as c } from "../Typography/Typography.js";
-const L = () => {
-  const n = h(null), [o, a] = E(null), [r, d] = b({
+import { jsx as e, jsxs as l, Fragment as m } from "react/jsx-runtime";
+import x, { useRef as R, useState as y, useEffect as L } from "react";
+import w from "styled-components";
+import { useElementOnScreen as B } from "../hooks/useElementOnScreen.js";
+import { useResizeObserver as S } from "../hooks/useResizeObserver.js";
+import { Box as n } from "../Box/Box.js";
+import { Flex as o } from "../Flex/Flex.js";
+import { Typography as u } from "../Typography/Typography.js";
+const b = (r) => {
+  const t = R(null), [i, d] = y(null), [a, h] = B({
     root: null,
     rootMargin: "0px",
     threshold: 0
   });
-  return w(r, () => {
-    r.current && a(r.current.getBoundingClientRect());
-  }), v(() => {
-    n.current && a(n.current.getBoundingClientRect());
-  }, [n]), {
-    containerRef: r,
-    isVisible: d,
-    baseHeaderLayoutRef: n,
-    headerSize: o
-  };
-}, p = (n) => {
-  const { containerRef: o, isVisible: a, baseHeaderLayoutRef: r, headerSize: d } = L();
-  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { style: { height: d?.height }, ref: o }, a && /* @__PURE__ */ e.createElement(s, { ref: r, ...n })), !a && /* @__PURE__ */ e.createElement(s, { ...n, sticky: !0, width: d?.width }));
-};
-p.displayName = "HeaderLayout";
-const x = R(i)`
-  width: ${(n) => n.width}px;
-`, s = e.forwardRef(
-  ({ navigationAction: n, primaryAction: o, secondaryAction: a, subtitle: r, title: d, sticky: f, width: g, ...u }, y) => {
-    const m = typeof r == "string";
-    return f ? /* @__PURE__ */ e.createElement(
-      x,
-      {
-        paddingLeft: 6,
-        paddingRight: 6,
-        paddingTop: 3,
-        paddingBottom: 3,
-        position: "fixed",
-        top: 0,
-        right: 0,
-        background: "neutral0",
-        shadow: "tableShadow",
-        width: g,
-        zIndex: 4,
-        "data-strapi-header-sticky": !0
-      },
-      /* @__PURE__ */ e.createElement(l, { justifyContent: "space-between" }, /* @__PURE__ */ e.createElement(l, null, n && /* @__PURE__ */ e.createElement(i, { paddingRight: 3 }, n), /* @__PURE__ */ e.createElement(i, null, /* @__PURE__ */ e.createElement(c, { variant: "beta", as: "h1", ...u }, d), m ? /* @__PURE__ */ e.createElement(c, { variant: "pi", textColor: "neutral600" }, r) : r), a ? /* @__PURE__ */ e.createElement(i, { paddingLeft: 4 }, a) : null), /* @__PURE__ */ e.createElement(l, null, o ? /* @__PURE__ */ e.createElement(i, { paddingLeft: 2 }, o) : void 0))
-    ) : /* @__PURE__ */ e.createElement(
-      i,
-      {
-        ref: y,
-        paddingLeft: 10,
-        paddingRight: 10,
-        paddingBottom: 8,
-        paddingTop: n ? 6 : 8,
-        background: "neutral100",
-        "data-strapi-header": !0
-      },
-      n ? /* @__PURE__ */ e.createElement(i, { paddingBottom: 2 }, n) : null,
-      /* @__PURE__ */ e.createElement(l, { justifyContent: "space-between" }, /* @__PURE__ */ e.createElement(l, { minWidth: 0 }, /* @__PURE__ */ e.createElement(c, { as: "h1", variant: "alpha", ...u }, d), a ? /* @__PURE__ */ e.createElement(i, { paddingLeft: 4 }, a) : null), o),
-      m ? /* @__PURE__ */ e.createElement(c, { variant: "epsilon", textColor: "neutral600", as: "p" }, r) : r
-    );
-  }
-);
-s.displayName = "BaseHeaderLayout";
-s.defaultProps = {
-  navigationAction: void 0,
-  primaryAction: void 0,
-  secondaryAction: void 0,
-  subtitle: void 0,
-  sticky: !1,
-  width: void 0
-};
-s.propTypes = {
-  navigationAction: t.node,
-  primaryAction: t.node,
-  secondaryAction: t.node,
-  sticky: t.bool,
-  subtitle: t.oneOfType([t.string, t.node]),
-  title: t.string.isRequired,
-  width: t.number
-};
-p.defaultProps = {
-  navigationAction: void 0,
-  primaryAction: void 0,
-  secondaryAction: void 0,
-  subtitle: void 0
-};
-p.propTypes = {
-  navigationAction: t.node,
-  primaryAction: t.node,
-  secondaryAction: t.node,
-  subtitle: t.oneOfType([t.string, t.node]),
-  title: t.string.isRequired
+  return S(a, () => {
+    a.current && d(a.current.getBoundingClientRect());
+  }), L(() => {
+    t.current && d(t.current.getBoundingClientRect());
+  }, [t]), l(m, { children: [e("div", { style: { height: i?.height }, ref: a, children: h && e(p, { ref: t, ...r }) }), !h && e(p, { ...r, sticky: !0, width: i?.width })] });
 };
+b.displayName = "HeaderLayout";
+const C = w(n)`
+  width: ${({ width: r }) => r ? `${r / 16}rem` : void 0};
+  z-index: ${({ theme: r }) => r.zIndices[1]};
+`, p = x.forwardRef(({ navigationAction: r, primaryAction: t, secondaryAction: i, subtitle: d, title: a, sticky: h, width: c, ...s }, g) => {
+  const f = typeof d == "string";
+  return h ? e(C, { paddingLeft: 6, paddingRight: 6, paddingTop: 3, paddingBottom: 3, position: "fixed", top: 0, right: 0, background: "neutral0", shadow: "tableShadow", width: c, "data-strapi-header-sticky": !0, children: l(o, { justifyContent: "space-between", children: [l(o, { children: [r && e(n, { paddingRight: 3, children: r }), l(n, { children: [e(u, { variant: "beta", as: "h1", ...s, children: a }), f ? e(u, { variant: "pi", textColor: "neutral600", children: d }) : d] }), i ? e(n, { paddingLeft: 4, children: i }) : null] }), e(o, { children: t ? e(n, { paddingLeft: 2, children: t }) : void 0 })] }) }) : l(n, { ref: g, paddingLeft: 10, paddingRight: 10, paddingBottom: 8, paddingTop: r ? 6 : 8, background: "neutral100", "data-strapi-header": !0, children: [r ? e(n, { paddingBottom: 2, children: r }) : null, l(o, { justifyContent: "space-between", children: [l(o, { minWidth: 0, children: [e(u, { as: "h1", variant: "alpha", ...s, children: a }), i ? e(n, { paddingLeft: 4, children: i }) : null] }), t] }), f ? e(u, { variant: "epsilon", textColor: "neutral600", as: "p", children: d }) : d] });
+});
 export {
-  s as BaseHeaderLayout,
-  p as HeaderLayout
+  p as BaseHeaderLayout,
+  b as HeaderLayout
 };

package/dist/Layout/Layout.cjs

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react"),u=require("prop-types"),c=require("styled-components"),d=require("../Box/Box.cjs"),t=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},r=t(s),a=t(u),l=t(c),i=l.default(d.Box)`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("styled-components"),o=require("../Box/Box.cjs"),l=t=>t&&t.__esModule?t:{default:t},r=l(d),s=r.default(o.Box)`
   display: grid;
-  grid-template-columns: ${({hasSideNav:e})=>e?"auto 1fr":"1fr"};
-`,f=l.default(d.Box)`
+  grid-template-columns: ${({hasSideNav:t})=>t?"auto 1fr":"1fr"};
+`,i=r.default(o.Box)`
   overflow-x: hidden;
-`,o=({sideNav:e,children:n})=>r.default.createElement(i,{hasSideNav:Boolean(e)},e,r.default.createElement(f,{paddingBottom:10},n));o.defaultProps={sideNav:void 0};o.propTypes={children:a.default.node.isRequired,sideNav:a.default.node};exports.Layout=o;
+`,u=({sideNav:t,children:n})=>e.jsxs(s,{hasSideNav:!!t,children:[t,e.jsx(i,{paddingBottom:10,children:n})]});exports.Layout=u;

package/dist/Layout/Layout.js

@@ -1,20 +1,12 @@
-import o from "react";
-import r from "prop-types";
-import t from "styled-components";
-import { Box as d } from "../Box/Box.js";
-const a = t(d)`
+import { jsxs as i, jsx as n } from "react/jsx-runtime";
+import r from "styled-components";
+import { Box as t } from "../Box/Box.js";
+const d = r(t)`
   display: grid;
-  grid-template-columns: ${({ hasSideNav: e }) => e ? "auto 1fr" : "1fr"};
-`, m = t(d)`
+  grid-template-columns: ${({ hasSideNav: o }) => o ? "auto 1fr" : "1fr"};
+`, m = r(t)`
   overflow-x: hidden;
-`, i = ({ sideNav: e, children: n }) => /* @__PURE__ */ o.createElement(a, { hasSideNav: Boolean(e) }, e, /* @__PURE__ */ o.createElement(m, { paddingBottom: 10 }, n));
-i.defaultProps = {
-  sideNav: void 0
-};
-i.propTypes = {
-  children: r.node.isRequired,
-  sideNav: r.node
-};
+`, f = ({ sideNav: o, children: e }) => i(d, { hasSideNav: !!o, children: [o, n(m, { paddingBottom: 10, children: e })] });
 export {
-  i as Layout
+  f as Layout
 };

package/dist/Layout/TwoColsLayout.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react"),c=require("prop-types"),r=require("../Box/Box.cjs"),i=require("../Grid/Grid.cjs"),o=require("../Grid/GridItem.cjs"),d=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},t=d(l),a=d(c),u=({startCol:e,endCol:s})=>t.default.createElement(i.Grid,{gap:4},t.default.createElement(o.GridItem,{col:9,s:12},t.default.createElement(r.Box,{hasRadius:!0,background:"neutral0",shadow:"tableShadow"},e)),t.default.createElement(o.GridItem,{col:3,s:12},t.default.createElement(r.Box,{hasRadius:!0,background:"neutral0",shadow:"tableShadow"},s)));u.propTypes={endCol:a.default.node.isRequired,startCol:a.default.node.isRequired};exports.TwoColsLayout=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("../Grid/Grid.cjs"),r=require("../Grid/GridItem.cjs"),o=require("../Box/Box.cjs"),i=({startCol:s,endCol:t})=>e.jsxs(d.Grid,{gap:4,children:[e.jsx(r.GridItem,{col:9,s:12,children:e.jsx(o.Box,{hasRadius:!0,background:"neutral0",shadow:"tableShadow",children:s})}),e.jsx(r.GridItem,{col:3,s:12,children:e.jsx(o.Box,{hasRadius:!0,background:"neutral0",shadow:"tableShadow",children:t})})]});exports.TwoColsLayout=i;

package/dist/Layout/TwoColsLayout.js

@@ -1,13 +1,8 @@
-import e from "react";
-import r from "prop-types";
-import { Box as o } from "../Box/Box.js";
-import { Grid as m } from "../Grid/Grid.js";
-import { GridItem as t } from "../Grid/GridItem.js";
-const l = ({ startCol: a, endCol: d }) => /* @__PURE__ */ e.createElement(m, { gap: 4 }, /* @__PURE__ */ e.createElement(t, { col: 9, s: 12 }, /* @__PURE__ */ e.createElement(o, { hasRadius: !0, background: "neutral0", shadow: "tableShadow" }, a)), /* @__PURE__ */ e.createElement(t, { col: 3, s: 12 }, /* @__PURE__ */ e.createElement(o, { hasRadius: !0, background: "neutral0", shadow: "tableShadow" }, d)));
-l.propTypes = {
-  endCol: r.node.isRequired,
-  startCol: r.node.isRequired
-};
+import { jsxs as e, jsx as r } from "react/jsx-runtime";
+import { Grid as i } from "../Grid/Grid.js";
+import { GridItem as o } from "../Grid/GridItem.js";
+import { Box as a } from "../Box/Box.js";
+const c = ({ startCol: d, endCol: t }) => e(i, { gap: 4, children: [r(o, { col: 9, s: 12, children: r(a, { hasRadius: !0, background: "neutral0", shadow: "tableShadow", children: d }) }), r(o, { col: 3, s: 12, children: r(a, { hasRadius: !0, background: "neutral0", shadow: "tableShadow", children: t }) })] });
 export {
-  l as TwoColsLayout
+  c as TwoColsLayout
 };

package/dist/Layout/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./Layout.cjs"),e=require("./ActionLayout.cjs"),u=require("./ContentLayout.cjs"),o=require("./HeaderLayout.cjs"),a=require("./TwoColsLayout.cjs"),r=require("./GridLayout.cjs");exports.Layout=t.Layout;exports.ActionLayout=e.ActionLayout;exports.ContentLayout=u.ContentLayout;exports.BaseHeaderLayout=o.BaseHeaderLayout;exports.HeaderLayout=o.HeaderLayout;exports.TwoColsLayout=a.TwoColsLayout;exports.GridLayout=r.GridLayout;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./Layout.cjs"),e=require("./ActionLayout.cjs"),a=require("./ContentLayout.cjs"),o=require("./HeaderLayout.cjs"),u=require("./TwoColsLayout.cjs"),r=require("./GridLayout.cjs");exports.Layout=t.Layout;exports.ActionLayout=e.ActionLayout;exports.ContentLayout=a.ContentLayout;exports.BaseHeaderLayout=o.BaseHeaderLayout;exports.HeaderLayout=o.HeaderLayout;exports.TwoColsLayout=u.TwoColsLayout;exports.GridLayout=r.GridLayout;

package/dist/Link/Link.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),y=require("react"),g=require("@strapi/icons"),j=require("react-router-dom"),m=require("styled-components"),x=require("../Box/Box.cjs"),h=require("../themes/utils.cjs"),c=require("../Typography/Typography.cjs"),_=e=>e&&typeof e=="object"&&"default"in e?e:{default:e};function b(e){if(e&&e.__esModule)return e;const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const v=b(y),l=_(m),q=l.default.a`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),g=require("react"),y=require("@strapi/icons"),m=require("react-router-dom"),x=require("styled-components"),j=require("../themes/utils.cjs"),c=require("../Typography/Typography.cjs"),_=require("../Box/Box.cjs"),h=e=>e&&e.__esModule?e:{default:e};function b(e){if(e&&e.__esModule)return e;const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const q=b(g),l=h(x),v=l.default.a`
   display: inline-flex;
   align-items: center;
   text-decoration: none;
@@ -27,7 +27,7 @@
     color: ${({theme:e})=>e.colors.primary700};
   }
 
-  ${h.buttonFocusStyle};
-`,s=l.default(x.Box)`
+  ${j.buttonFocusStyle};
+`,i=l.default(_.Box)`
   display: flex;
-`,L=v.forwardRef(({children:e,href:r,to:t,disabled:n=!1,startIcon:i,endIcon:a,...u},d)=>{const p=r?"_blank":void 0,f=r?"noreferrer noopener":void 0;return o.jsxs(q,{as:t&&!n?j.NavLink:"a",target:p,rel:f,to:n?void 0:t,href:n?"#":r,disabled:n,ref:d,...u,children:[i&&o.jsx(s,{as:"span","aria-hidden":!0,paddingRight:2,children:i}),o.jsx(c.Typography,{children:e}),a&&!r&&o.jsx(s,{as:"span","aria-hidden":!0,paddingLeft:2,children:a}),r&&o.jsx(s,{as:"span","aria-hidden":!0,paddingLeft:2,children:o.jsx(g.ExternalLink,{})})]})});exports.Link=L;
+`,k=q.forwardRef(({children:e,href:r,to:t,disabled:n=!1,startIcon:a,endIcon:s,...u},d)=>{const p=r?"_blank":void 0,f=r?"noreferrer noopener":void 0;return o.jsxs(v,{as:t&&!n?m.NavLink:"a",target:p,rel:f,to:n?void 0:t,href:n?"#":r,disabled:n,ref:d,...u,children:[a&&o.jsx(i,{as:"span","aria-hidden":!0,paddingRight:2,children:a}),o.jsx(c.Typography,{children:e}),s&&!r&&o.jsx(i,{as:"span","aria-hidden":!0,paddingLeft:2,children:s}),r&&o.jsx(i,{as:"span","aria-hidden":!0,paddingLeft:2,children:o.jsx(y.ExternalLink,{})})]})});exports.Link=k;

package/dist/Link/Link.js

@@ -3,20 +3,15 @@ import * as f from "react";
 import { ExternalLink as u } from "@strapi/icons";
 import { NavLink as g } from "react-router-dom";
 import s from "styled-components";
-import { Box as y } from "../Box/Box.js";
-import { buttonFocusStyle as h } from "../themes/utils.js";
+import { buttonFocusStyle as y } from "../themes/utils.js";
 import { Typography as p } from "../Typography/Typography.js";
+import { Box as h } from "../Box/Box.js";
 const x = s.a`
   display: inline-flex;
   align-items: center;
   text-decoration: none;
-  pointer-events: ${({
-  disabled: r
-}) => r ? "none" : void 0};
-  color: ${({
-  disabled: r,
-  theme: o
-}) => r ? o.colors.neutral600 : o.colors.primary600};
+  pointer-events: ${({ disabled: r }) => r ? "none" : void 0};
+  color: ${({ disabled: r, theme: o }) => r ? o.colors.neutral600 : o.colors.primary600};
 
   svg path {
     transition: fill 150ms ease-out;
@@ -33,56 +28,17 @@ const x = s.a`
   }
 
   &:hover {
-    color: ${({
-  theme: r
-}) => r.colors.primary500};
+    color: ${({ theme: r }) => r.colors.primary500};
   }
 
   &:active {
-    color: ${({
-  theme: r
-}) => r.colors.primary700};
+    color: ${({ theme: r }) => r.colors.primary700};
   }
 
-  ${h};
-`, t = s(y)`
+  ${y};
+`, t = s(h)`
   display: flex;
-`, z = f.forwardRef(({
-  children: r,
-  href: o,
-  to: i,
-  disabled: n = !1,
-  startIcon: a,
-  endIcon: l,
-  ...c
-}, d) => m(x, {
-  as: i && !n ? g : "a",
-  target: o ? "_blank" : void 0,
-  rel: o ? "noreferrer noopener" : void 0,
-  to: n ? void 0 : i,
-  href: n ? "#" : o,
-  disabled: n,
-  ref: d,
-  ...c,
-  children: [a && e(t, {
-    as: "span",
-    "aria-hidden": !0,
-    paddingRight: 2,
-    children: a
-  }), e(p, {
-    children: r
-  }), l && !o && e(t, {
-    as: "span",
-    "aria-hidden": !0,
-    paddingLeft: 2,
-    children: l
-  }), o && e(t, {
-    as: "span",
-    "aria-hidden": !0,
-    paddingLeft: 2,
-    children: e(u, {})
-  })]
-}));
+`, z = f.forwardRef(({ children: r, href: o, to: i, disabled: n = !1, startIcon: a, endIcon: l, ...c }, d) => m(x, { as: i && !n ? g : "a", target: o ? "_blank" : void 0, rel: o ? "noreferrer noopener" : void 0, to: n ? void 0 : i, href: n ? "#" : o, disabled: n, ref: d, ...c, children: [a && e(t, { as: "span", "aria-hidden": !0, paddingRight: 2, children: a }), e(p, { children: r }), l && !o && e(t, { as: "span", "aria-hidden": !0, paddingLeft: 2, children: l }), o && e(t, { as: "span", "aria-hidden": !0, paddingLeft: 2, children: e(u, {}) })] }));
 export {
   z as Link
 };

package/dist/Link/index.cjs

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

package/dist/LinkButton/LinkButton.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),j=require("react"),h=require("react-router-dom"),m=require("styled-components"),x=require("../BaseButton/BaseButton.cjs"),o=require("../Button/utils.cjs"),l=require("../Flex/Flex.cjs"),v=require("../Typography/Typography.cjs"),B=e=>e&&typeof e=="object"&&"default"in e?e:{default:e};function S(e){if(e&&e.__esModule)return e;const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const t=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(n,r,t.get?t:{enumerable:!0,get:()=>e[r]})}}return n.default=e,Object.freeze(n)}const _=S(j),q=B(m),k=q.default(x.BaseButtonWrapper)`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),S=require("react"),h=require("react-router-dom"),v=require("styled-components"),o=require("../Button/utils.cjs"),_=require("../BaseButton/BaseButton.cjs"),c=require("../Flex/Flex.cjs"),j=require("../Typography/Typography.cjs"),m=e=>e&&e.__esModule?e:{default:e};function x(e){if(e&&e.__esModule)return e;const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const t=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(n,r,t.get?t:{enumerable:!0,get:()=>e[r]})}}return n.default=e,Object.freeze(n)}const q=x(S),k=m(v),B=k.default(_.BaseButtonWrapper)`
   &[aria-disabled='true'] {
     ${o.getDisabledStyle}
     &:active {
@@ -12,4 +12,4 @@
     ${o.getActiveStyle}
   }
   ${o.getVariantStyle}
-`,R=_.forwardRef(({variant:e="default",startIcon:n,endIcon:r,disabled:t=!1,children:p,size:i="S",href:u,to:s,...g},f)=>{const y=u?"_blank":void 0,b=u?"noreferrer noopener":void 0,c=i==="S"?2:"10px",d=4;return a.jsxs(k,{ref:f,"aria-disabled":t,size:i,variant:e,target:y,rel:b,to:t?void 0:s,href:t?"#":u,background:"buttonPrimary600",borderColor:"buttonPrimary600",hasRadius:!0,gap:2,inline:!0,paddingBottom:c,paddingLeft:d,paddingRight:d,paddingTop:c,pointerEvents:t?"none":void 0,...g,as:s&&!t?h.NavLink:"a",children:[n&&a.jsx(l.Flex,{"aria-hidden":!0,children:n}),a.jsx(v.Typography,{variant:i==="S"?"pi":void 0,fontWeight:"bold",textColor:"buttonNeutral0",children:p}),r&&a.jsx(l.Flex,{"aria-hidden":!0,children:r})]})});exports.LinkButton=R;
+`,R=q.forwardRef(({variant:e="default",startIcon:n,endIcon:r,disabled:t=!1,children:p,size:i="S",href:u,to:d,...f},g)=>{const y=u?"_blank":void 0,b=u?"noreferrer noopener":void 0,l=i==="S"?2:"10px",s=4;return a.jsxs(B,{ref:g,"aria-disabled":t,size:i,variant:e,target:y,rel:b,to:t?void 0:d,href:t?"#":u,background:"buttonPrimary600",borderColor:"buttonPrimary600",hasRadius:!0,gap:2,inline:!0,paddingBottom:l,paddingLeft:s,paddingRight:s,paddingTop:l,pointerEvents:t?"none":void 0,...f,as:d&&!t?h.NavLink:"a",children:[n&&a.jsx(c.Flex,{"aria-hidden":!0,children:n}),a.jsx(j.Typography,{variant:i==="S"?"pi":void 0,fontWeight:"bold",textColor:"buttonNeutral0",children:p}),r&&a.jsx(c.Flex,{"aria-hidden":!0,children:r})]})});exports.LinkButton=R;