@strapi/design-system 1.6.3 → 1.6.4

package/dist/v2/Link/Link.js

@@ -1,12 +1,12 @@
 import r from "react";
+import { ExternalLink as c } from "@strapi/icons";
 import t from "prop-types";
 import s from "styled-components";
-import { ExternalLink as c } from "@strapi/icons";
-import { Typography as f } from "../../Typography/Typography.js";
+import { BaseLink as f } from "../../BaseLink/BaseLink.js";
 import { Box as y } from "../../Box/Box.js";
 import { buttonFocusStyle as u } from "../../themes/utils.js";
-import { BaseLink as v } from "../../BaseLink/BaseLink.js";
-const g = s(v)`
+import { Typography as v } from "../../Typography/Typography.js";
+const g = s(f)`
   display: inline-flex;
   align-items: center;
   text-decoration: none;
@@ -28,26 +28,7 @@ const g = s(v)`
   ${u};
 `, a = s(y)`
   display: flex;
-`, i = r.forwardRef(({ children: e, href: o, disabled: l, startIcon: p, endIcon: n, ...d }, m) => /* @__PURE__ */ r.createElement(g, {
-  ref: m,
-  href: o,
-  disabled: l,
-  ...d
-}, p && /* @__PURE__ */ r.createElement(a, {
-  as: "span",
-  "aria-hidden": !0,
-  paddingRight: 2
-}, p), /* @__PURE__ */ r.createElement(f, {
-  textColor: l ? "neutral600" : "primary600"
-}, e), n && /* @__PURE__ */ r.createElement(a, {
-  as: "span",
-  "aria-hidden": !0,
-  paddingLeft: 2
-}, n), o && !n && /* @__PURE__ */ r.createElement(a, {
-  as: "span",
-  "aria-hidden": !0,
-  paddingLeft: 2
-}, /* @__PURE__ */ r.createElement(c, null))));
+`, i = r.forwardRef(({ children: e, href: o, disabled: l, startIcon: p, endIcon: n, ...d }, m) => /* @__PURE__ */ r.createElement(g, { ref: m, href: o, disabled: l, ...d }, p && /* @__PURE__ */ r.createElement(a, { as: "span", "aria-hidden": !0, paddingRight: 2 }, p), /* @__PURE__ */ r.createElement(v, { textColor: l ? "neutral600" : "primary600" }, e), n && /* @__PURE__ */ r.createElement(a, { as: "span", "aria-hidden": !0, paddingLeft: 2 }, n), o && !n && /* @__PURE__ */ r.createElement(a, { as: "span", "aria-hidden": !0, paddingLeft: 2 }, /* @__PURE__ */ r.createElement(c, null))));
 i.displayName = "Link";
 i.defaultProps = {
   as: void 0,

package/dist/v2/LinkButton/LinkButton.cjs

@@ -1,33 +1,20 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const v=require("react"),h=require("styled-components"),m=require("prop-types"),i=require("../../Typography/Typography.cjs"),d=require("../../Box/Box.cjs"),o=require("../../Button/utils.cjs"),f=require("../../Button/constants.cjs"),$=require("../../BaseButton/BaseButton.cjs"),p=require("../../BaseLink/BaseLink.cjs"),s=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},a=s(v),T=s(h),t=s(m),k=T.default($.BaseButtonWrapper)`
-  padding: ${({theme:e,size:r})=>`${r==="S"?e.spaces[2]:"10px"} ${e.spaces[4]}`};
-  background: ${({theme:e})=>e.colors.buttonPrimary600};
-  border: 1px solid ${({theme:e})=>e.colors.buttonPrimary600};
-  border-radius: ${({theme:e})=>e.borderRadius};
-  ${d.Box} {
-    display: flex;
-    align-items: center;
-  }
-  ${i.Typography} {
-    color: ${({theme:e})=>e.colors.buttonNeutral0};
-  }
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),h=require("react"),x=require("styled-components"),j=require("../../BaseButton/BaseButton.cjs"),d=require("../../BaseLink/BaseLink.cjs"),t=require("../../Button/utils.cjs"),l=require("../../Flex/Flex.cjs"),b=require("../../Typography/Typography.cjs"),c=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},L=c(h),k=c(x),v=k.default(j.BaseButtonWrapper)`
+  text-decoration: none;
+
   &[aria-disabled='true'] {
-    ${o.getDisabledStyle}
+    ${t.getDisabledStyle}
     &:active {
-      ${o.getDisabledStyle}
+      ${t.getDisabledStyle}
     }
   }
+
   &:hover {
-    ${o.getHoverStyle}
+    ${t.getHoverStyle}
   }
+
   &:active {
-    ${o.getActiveStyle}
+    ${t.getActiveStyle}
   }
-  ${o.getVariantStyle}
 
-  /**
-    Link specific properties
-  */
-  display: inline-flex;
-  text-decoration: none;
-  pointer-events: ${({disabled:e})=>e?"none":void 0};
-`,n=a.default.forwardRef(({variant:e,startIcon:r,endIcon:l,disabled:y,children:u,size:c,as:B,...b},g)=>a.default.createElement(k,{ref:g,"aria-disabled":y,size:c,variant:e,...b,as:B||p.BaseLink},r&&a.default.createElement(d.Box,{"aria-hidden":!0,paddingRight:2},r),c==="S"?a.default.createElement(i.Typography,{variant:"pi",fontWeight:"bold"},u):a.default.createElement(i.Typography,{fontWeight:"bold"},u),l&&a.default.createElement(d.Box,{"aria-hidden":!0,paddingLeft:2},l)));n.displayName="LinkButton";n.defaultProps={as:p.BaseLink,disabled:!1,startIcon:void 0,endIcon:void 0,size:"S",variant:"default",onClick:void 0,href:void 0,to:void 0};n.propTypes={as:t.default.elementType,children:t.default.node.isRequired,disabled:t.default.bool,endIcon:t.default.element,href(e){if(!e.disabled&&!e.to&&!e.href)return new Error("href must be defined")},onClick:t.default.func,size:t.default.oneOf(f.BUTTON_SIZES),startIcon:t.default.element,to(e){if(!e.disabled&&!e.href&&!e.to)return new Error("to must be defined")},variant:t.default.oneOf(f.VARIANTS)};exports.LinkButton=n;
+  ${t.getVariantStyle}
+`,p=L.default.forwardRef(({variant:e="default",startIcon:r,endIcon:i,disabled:o=!1,children:g,size:a="S",as:y=d.BaseLink,...f},B)=>{const s=a==="S"?2:"10px",u=4;return n.jsxs(v,{ref:B,"aria-disabled":o,size:a,variant:e,background:"buttonPrimary600",borderColor:"buttonPrimary600",hasRadius:!0,gap:2,inline:!0,paddingBottom:s,paddingLeft:u,paddingRight:u,paddingTop:s,pointerEvents:o?"none":void 0,...f,as:y||d.BaseLink,children:[r&&n.jsx(l.Flex,{"aria-hidden":!0,children:r}),n.jsx(b.Typography,{variant:a==="S"?"pi":void 0,fontWeight:"bold",textColor:"buttonNeutral0",children:g}),i&&n.jsx(l.Flex,{"aria-hidden":!0,children:i})]})});p.displayName="LinkButton";exports.LinkButton=p;

package/dist/v2/LinkButton/LinkButton.js

@@ -1,95 +1,73 @@
-import t from "react";
-import v from "styled-components";
-import r from "prop-types";
-import { Typography as i } from "../../Typography/Typography.js";
-import { Box as a } from "../../Box/Box.js";
-import { getDisabledStyle as f, getHoverStyle as y, getActiveStyle as $, getVariantStyle as g } from "../../Button/utils.js";
-import { BUTTON_SIZES as h, VARIANTS as S } from "../../Button/constants.js";
-import { BaseButtonWrapper as k } from "../../BaseButton/BaseButton.js";
-import { BaseLink as m } from "../../BaseLink/BaseLink.js";
-const E = v(k)`
-  padding: ${({ theme: e, size: o }) => `${o === "S" ? e.spaces[2] : "10px"} ${e.spaces[4]}`};
-  background: ${({ theme: e }) => e.colors.buttonPrimary600};
-  border: 1px solid ${({ theme: e }) => e.colors.buttonPrimary600};
-  border-radius: ${({ theme: e }) => e.borderRadius};
-  ${a} {
-    display: flex;
-    align-items: center;
-  }
-  ${i} {
-    color: ${({ theme: e }) => e.colors.buttonNeutral0};
-  }
+import { jsxs as c, jsx as r } from "react/jsx-runtime";
+import h from "react";
+import y from "styled-components";
+import { BaseButtonWrapper as b } from "../../BaseButton/BaseButton.js";
+import { BaseLink as d } from "../../BaseLink/BaseLink.js";
+import { getDisabledStyle as p, getHoverStyle as v, getActiveStyle as x, getVariantStyle as S } from "../../Button/utils.js";
+import { Flex as l } from "../../Flex/Flex.js";
+import { Typography as B } from "../../Typography/Typography.js";
+const k = y(b)`
+  text-decoration: none;
+
   &[aria-disabled='true'] {
-    ${f}
+    ${p}
     &:active {
-      ${f}
+      ${p}
     }
   }
+
   &:hover {
-    ${y}
+    ${v}
   }
+
   &:active {
-    ${$}
+    ${x}
   }
-  ${g}
 
-  /**
-    Link specific properties
-  */
-  display: inline-flex;
-  text-decoration: none;
-  pointer-events: ${({ disabled: e }) => e ? "none" : void 0};
-`, n = t.forwardRef(
-  ({ variant: e, startIcon: o, endIcon: d, disabled: p, children: l, size: s, as: c, ...u }, b) => /* @__PURE__ */ t.createElement(E, {
-    ref: b,
-    "aria-disabled": p,
-    size: s,
-    variant: e,
-    ...u,
-    as: c || m
-  }, o && /* @__PURE__ */ t.createElement(a, {
-    "aria-hidden": !0,
-    paddingRight: 2
-  }, o), s === "S" ? /* @__PURE__ */ t.createElement(i, {
-    variant: "pi",
-    fontWeight: "bold"
-  }, l) : /* @__PURE__ */ t.createElement(i, {
-    fontWeight: "bold"
-  }, l), d && /* @__PURE__ */ t.createElement(a, {
-    "aria-hidden": !0,
-    paddingLeft: 2
-  }, d))
-);
-n.displayName = "LinkButton";
-n.defaultProps = {
-  as: m,
-  disabled: !1,
-  startIcon: void 0,
-  endIcon: void 0,
-  size: "S",
-  variant: "default",
-  onClick: void 0,
-  href: void 0,
-  to: void 0
-};
-n.propTypes = {
-  as: r.elementType,
-  children: r.node.isRequired,
-  disabled: r.bool,
-  endIcon: r.element,
-  href(e) {
-    if (!e.disabled && !e.to && !e.href)
-      return new Error("href must be defined");
-  },
-  onClick: r.func,
-  size: r.oneOf(h),
-  startIcon: r.element,
-  to(e) {
-    if (!e.disabled && !e.href && !e.to)
-      return new Error("to must be defined");
-  },
-  variant: r.oneOf(S)
-};
+  ${S}
+`, L = h.forwardRef(({
+  variant: m = "default",
+  startIcon: e,
+  endIcon: i,
+  disabled: o = !1,
+  children: u,
+  size: t = "S",
+  as: f = d,
+  ...s
+}, g) => {
+  const a = t === "S" ? 2 : "10px", n = 4;
+  return c(k, {
+    ref: g,
+    "aria-disabled": o,
+    size: t,
+    variant: m,
+    background: "buttonPrimary600",
+    borderColor: "buttonPrimary600",
+    hasRadius: !0,
+    gap: 2,
+    inline: !0,
+    paddingBottom: a,
+    paddingLeft: n,
+    paddingRight: n,
+    paddingTop: a,
+    pointerEvents: o ? "none" : void 0,
+    ...s,
+    as: f || d,
+    children: [e && r(l, {
+      "aria-hidden": !0,
+      children: e
+    }), r(B, {
+      variant: t === "S" ? "pi" : void 0,
+      fontWeight: "bold",
+      textColor: "buttonNeutral0",
+      children: u
+    }), i && r(l, {
+      "aria-hidden": !0,
+      children: i
+    })]
+  });
+});
+L.displayName = "LinkButton";
 export {
-  n as LinkButton
+  L as LinkButton
 };

package/dist/v2/MainNav/MainNav.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react"),l=require("styled-components"),s=require("prop-types"),c=require("../../Flex/Flex.cjs"),i=require("./MainNavContext.cjs"),t=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},a=t(r),u=t(l),d=t(s),p=u.default(c.Flex)`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react"),l=require("prop-types"),s=require("styled-components"),c=require("./MainNavContext.cjs"),i=require("../../Flex/Flex.cjs"),t=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},a=t(r),u=t(l),d=t(s),p=d.default(i.Flex)`
   width: ${({condensed:e})=>e?"max-content":`${224/16}rem`};
   border-right: 1px solid ${({theme:e})=>e.colors.neutral150};
-`,o=({condensed:e,...n})=>a.default.createElement(i.MainNavContext.Provider,{value:e},a.default.createElement(p,{alignItems:"normal",as:"nav",background:"neutral0",condensed:e,direction:"column",height:"100vh",position:"sticky",top:0,zIndex:2,...n}));o.defaultProps={condensed:!1};o.propTypes={condensed:d.default.bool};exports.MainNav=o;
+`,o=({condensed:e,...n})=>a.default.createElement(c.MainNavContext.Provider,{value:e},a.default.createElement(p,{alignItems:"normal",as:"nav",background:"neutral0",condensed:e,direction:"column",height:"100vh",position:"sticky",top:0,zIndex:2,...n}));o.defaultProps={condensed:!1};o.propTypes={condensed:u.default.bool};exports.MainNav=o;

package/dist/v2/MainNav/MainNav.js

@@ -1,30 +1,31 @@
 import o from "react";
-import n from "styled-components";
-import a from "prop-types";
-import { Flex as i } from "../../Flex/Flex.js";
-import { MainNavContext as m } from "./MainNavContext.js";
-const p = n(i)`
+import n from "prop-types";
+import a from "styled-components";
+import { MainNavContext as i } from "./MainNavContext.js";
+import { Flex as m } from "../../Flex/Flex.js";
+const p = a(m)`
   width: ${({ condensed: e }) => e ? "max-content" : `${224 / 16}rem`};
   border-right: 1px solid ${({ theme: e }) => e.colors.neutral150};
-`, r = ({ condensed: e, ...t }) => /* @__PURE__ */ o.createElement(m.Provider, {
-  value: e
-}, /* @__PURE__ */ o.createElement(p, {
-  alignItems: "normal",
-  as: "nav",
-  background: "neutral0",
-  condensed: e,
-  direction: "column",
-  height: "100vh",
-  position: "sticky",
-  top: 0,
-  zIndex: 2,
-  ...t
-}));
+`, r = ({ condensed: e, ...t }) => /* @__PURE__ */ o.createElement(i.Provider, { value: e }, /* @__PURE__ */ o.createElement(
+  p,
+  {
+    alignItems: "normal",
+    as: "nav",
+    background: "neutral0",
+    condensed: e,
+    direction: "column",
+    height: "100vh",
+    position: "sticky",
+    top: 0,
+    zIndex: 2,
+    ...t
+  }
+));
 r.defaultProps = {
   condensed: !1
 };
 r.propTypes = {
-  condensed: a.bool
+  condensed: n.bool
 };
 export {
   r as MainNav

package/dist/v2/MainNav/NavBrand.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const y=require("react"),m=require("prop-types"),B=require("styled-components"),d=require("../../Box/Box.cjs"),u=require("../../Typography/Typography.cjs"),x=require("../../Flex/Flex.cjs"),h=require("./MainNavContext.cjs"),c=require("../../VisuallyHidden/VisuallyHidden.cjs"),f=require("../../BaseLink/BaseLink.cjs"),r=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},t=r(y),a=r(m),g=r(B),p=g.default.div`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const y=require("react"),m=require("prop-types"),B=require("styled-components"),x=require("./MainNavContext.cjs"),f=require("../../BaseLink/BaseLink.cjs"),d=require("../../Box/Box.cjs"),h=require("../../Flex/Flex.cjs"),u=require("../../Typography/Typography.cjs"),c=require("../../VisuallyHidden/VisuallyHidden.cjs"),r=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},t=r(y),a=r(m),g=r(B),p=g.default.div`
   border-radius: ${({theme:e})=>e.borderRadius};
 
   svg,
@@ -9,4 +9,4 @@
 `,E=g.default(f.BaseLink)`
   text-decoration: unset;
   color: inherit;
-`,n=t.default.forwardRef(({workplace:e,title:l,icon:i,...o},s)=>h.useMainNav()?t.default.createElement(f.BaseLink,{ref:s,...o},t.default.createElement(d.Box,{paddingLeft:3,paddingRight:3,paddingTop:4,paddingBottom:4},t.default.createElement(p,{condensed:!0},i,t.default.createElement(c.VisuallyHidden,null,t.default.createElement("span",null,l),t.default.createElement("span",null,e))))):t.default.createElement(E,{ref:s,...o},t.default.createElement(d.Box,{paddingLeft:3,paddingRight:3,paddingTop:4,paddingBottom:4},t.default.createElement(x.Flex,null,t.default.createElement(p,{"aria-hidden":!0,tabIndex:-1},i),t.default.createElement(d.Box,{paddingLeft:2},t.default.createElement(u.Typography,{fontWeight:"bold",textColor:"neutral800",as:"span"},l,t.default.createElement(c.VisuallyHidden,{as:"span"},e)),t.default.createElement(u.Typography,{variant:"pi",as:"p",textColor:"neutral600","aria-hidden":!0},e))))));n.displayName="NavBrand";n.defaultProps={to:"/"};n.propTypes={icon:a.default.node.isRequired,title:a.default.string.isRequired,to:a.default.string,workplace:a.default.string.isRequired};exports.NavBrand=n;
+`,n=t.default.forwardRef(({workplace:e,title:l,icon:i,...o},s)=>x.useMainNav()?t.default.createElement(f.BaseLink,{ref:s,...o},t.default.createElement(d.Box,{paddingLeft:3,paddingRight:3,paddingTop:4,paddingBottom:4},t.default.createElement(p,{condensed:!0},i,t.default.createElement(c.VisuallyHidden,null,t.default.createElement("span",null,l),t.default.createElement("span",null,e))))):t.default.createElement(E,{ref:s,...o},t.default.createElement(d.Box,{paddingLeft:3,paddingRight:3,paddingTop:4,paddingBottom:4},t.default.createElement(h.Flex,null,t.default.createElement(p,{"aria-hidden":!0,tabIndex:-1},i),t.default.createElement(d.Box,{paddingLeft:2},t.default.createElement(u.Typography,{fontWeight:"bold",textColor:"neutral800",as:"span"},l,t.default.createElement(c.VisuallyHidden,{as:"span"},e)),t.default.createElement(u.Typography,{variant:"pi",as:"p",textColor:"neutral600","aria-hidden":!0},e))))));n.displayName="NavBrand";n.defaultProps={to:"/"};n.propTypes={icon:a.default.node.isRequired,title:a.default.string.isRequired,to:a.default.string,workplace:a.default.string.isRequired};exports.NavBrand=n;

package/dist/v2/MainNav/NavBrand.js

@@ -1,12 +1,12 @@
 import e from "react";
 import r from "prop-types";
 import c from "styled-components";
+import { useMainNav as g } from "./MainNavContext.js";
+import { BaseLink as u } from "../../BaseLink/BaseLink.js";
 import { Box as n } from "../../Box/Box.js";
+import { Flex as f } from "../../Flex/Flex.js";
 import { Typography as p } from "../../Typography/Typography.js";
-import { Flex as g } from "../../Flex/Flex.js";
-import { useMainNav as f } from "./MainNavContext.js";
 import { VisuallyHidden as l } from "../../VisuallyHidden/VisuallyHidden.js";
-import { BaseLink as u } from "../../BaseLink/BaseLink.js";
 const s = c.div`
   border-radius: ${({ theme: t }) => t.borderRadius};
 
@@ -18,41 +18,7 @@ const s = c.div`
 `, E = c(u)`
   text-decoration: unset;
   color: inherit;
-`, a = e.forwardRef(({ workplace: t, title: i, icon: o, ...d }, m) => f() ? /* @__PURE__ */ e.createElement(u, {
-  ref: m,
-  ...d
-}, /* @__PURE__ */ e.createElement(n, {
-  paddingLeft: 3,
-  paddingRight: 3,
-  paddingTop: 4,
-  paddingBottom: 4
-}, /* @__PURE__ */ e.createElement(s, {
-  condensed: !0
-}, o, /* @__PURE__ */ e.createElement(l, null, /* @__PURE__ */ e.createElement("span", null, i), /* @__PURE__ */ e.createElement("span", null, t))))) : /* @__PURE__ */ e.createElement(E, {
-  ref: m,
-  ...d
-}, /* @__PURE__ */ e.createElement(n, {
-  paddingLeft: 3,
-  paddingRight: 3,
-  paddingTop: 4,
-  paddingBottom: 4
-}, /* @__PURE__ */ e.createElement(g, null, /* @__PURE__ */ e.createElement(s, {
-  "aria-hidden": !0,
-  tabIndex: -1
-}, o), /* @__PURE__ */ e.createElement(n, {
-  paddingLeft: 2
-}, /* @__PURE__ */ e.createElement(p, {
-  fontWeight: "bold",
-  textColor: "neutral800",
-  as: "span"
-}, i, /* @__PURE__ */ e.createElement(l, {
-  as: "span"
-}, t)), /* @__PURE__ */ e.createElement(p, {
-  variant: "pi",
-  as: "p",
-  textColor: "neutral600",
-  "aria-hidden": !0
-}, t))))));
+`, a = e.forwardRef(({ workplace: t, title: i, icon: o, ...d }, m) => g() ? /* @__PURE__ */ e.createElement(u, { ref: m, ...d }, /* @__PURE__ */ e.createElement(n, { paddingLeft: 3, paddingRight: 3, paddingTop: 4, paddingBottom: 4 }, /* @__PURE__ */ e.createElement(s, { condensed: !0 }, o, /* @__PURE__ */ e.createElement(l, null, /* @__PURE__ */ e.createElement("span", null, i), /* @__PURE__ */ e.createElement("span", null, t))))) : /* @__PURE__ */ e.createElement(E, { ref: m, ...d }, /* @__PURE__ */ e.createElement(n, { paddingLeft: 3, paddingRight: 3, paddingTop: 4, paddingBottom: 4 }, /* @__PURE__ */ e.createElement(f, null, /* @__PURE__ */ e.createElement(s, { "aria-hidden": !0, tabIndex: -1 }, o), /* @__PURE__ */ e.createElement(n, { paddingLeft: 2 }, /* @__PURE__ */ e.createElement(p, { fontWeight: "bold", textColor: "neutral800", as: "span" }, i, /* @__PURE__ */ e.createElement(l, { as: "span" }, t)), /* @__PURE__ */ e.createElement(p, { variant: "pi", as: "p", textColor: "neutral600", "aria-hidden": !0 }, t))))));
 a.displayName = "NavBrand";
 a.defaultProps = {
   to: "/"

package/dist/v2/MainNav/NavCondense.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react"),d=require("prop-types"),l=require("styled-components"),s=require("@strapi/icons"),c=require("../../Icon/Icon.cjs"),u=require("../../VisuallyHidden/VisuallyHidden.cjs"),p=require("./MainNavContext.cjs"),o=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},n=o(i),f=o(d),h=o(l),y=h.default.button`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react"),s=require("@strapi/icons"),d=require("prop-types"),l=require("styled-components"),c=require("./MainNavContext.cjs"),u=require("../../Icon/Icon.cjs"),p=require("../../VisuallyHidden/VisuallyHidden.cjs"),o=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},n=o(i),f=o(d),h=o(l),y=h.default.button`
   background: ${({theme:e})=>e.colors.neutral0};
   border: 1px solid ${({theme:e})=>e.colors.neutral150};
   border-radius: ${({theme:e})=>e.borderRadius};
@@ -17,4 +17,4 @@
     width: ${6/16}rem;
     height: ${9/16}rem;
   }
-`,a=({children:e,...t})=>{const r=p.useMainNav();return n.default.createElement(y,{as:"button",condensed:r,...t},n.default.createElement(c.Icon,{as:r?s.ChevronRight:s.ChevronLeft,"aria-hidden":!0,color:"neutral600"}),n.default.createElement(u.VisuallyHidden,null,e))};a.propTypes={children:f.default.string.isRequired};exports.NavCondense=a;
+`,a=({children:e,...t})=>{const r=c.useMainNav();return n.default.createElement(y,{as:"button",condensed:r,...t},n.default.createElement(u.Icon,{as:r?s.ChevronRight:s.ChevronLeft,"aria-hidden":!0,color:"neutral600"}),n.default.createElement(p.VisuallyHidden,null,e))};a.propTypes={children:f.default.string.isRequired};exports.NavCondense=a;

package/dist/v2/MainNav/NavCondense.js

@@ -1,11 +1,11 @@
 import t from "react";
-import n from "prop-types";
-import i from "styled-components";
-import { ChevronRight as s, ChevronLeft as a } from "@strapi/icons";
-import { Icon as d } from "../../Icon/Icon.js";
-import { VisuallyHidden as m } from "../../VisuallyHidden/VisuallyHidden.js";
-import { useMainNav as l } from "./MainNavContext.js";
-const p = i.button`
+import { ChevronRight as n, ChevronLeft as i } from "@strapi/icons";
+import s from "prop-types";
+import a from "styled-components";
+import { useMainNav as d } from "./MainNavContext.js";
+import { Icon as m } from "../../Icon/Icon.js";
+import { VisuallyHidden as l } from "../../VisuallyHidden/VisuallyHidden.js";
+const p = a.button`
   background: ${({ theme: e }) => e.colors.neutral0};
   border: 1px solid ${({ theme: e }) => e.colors.neutral150};
   border-radius: ${({ theme: e }) => e.borderRadius};
@@ -25,19 +25,11 @@ const p = i.button`
     height: ${9 / 16}rem;
   }
 `, c = ({ children: e, ...r }) => {
-  const o = l();
-  return /* @__PURE__ */ t.createElement(p, {
-    as: "button",
-    condensed: o,
-    ...r
-  }, /* @__PURE__ */ t.createElement(d, {
-    as: o ? s : a,
-    "aria-hidden": !0,
-    color: "neutral600"
-  }), /* @__PURE__ */ t.createElement(m, null, e));
+  const o = d();
+  return /* @__PURE__ */ t.createElement(p, { as: "button", condensed: o, ...r }, /* @__PURE__ */ t.createElement(m, { as: o ? n : i, "aria-hidden": !0, color: "neutral600" }), /* @__PURE__ */ t.createElement(l, null, e));
 };
 c.propTypes = {
-  children: n.string.isRequired
+  children: s.string.isRequired
 };
 export {
   c as NavCondense

package/dist/v2/MainNav/NavFooter.js

@@ -1,9 +1,7 @@
 import r from "react";
 import t from "prop-types";
 import { Box as p } from "../../Box/Box.js";
-const e = ({ children: o }) => /* @__PURE__ */ r.createElement(p, {
-  position: "relative"
-}, o);
+const e = ({ children: o }) => /* @__PURE__ */ r.createElement(p, { position: "relative" }, o);
 e.displayName = "NavFooter";
 e.propTypes = {
   children: t.node.isRequired

package/dist/v2/MainNav/NavLink.cjs

@@ -1,9 +1,9 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const h=require("react"),m=require("styled-components"),v=require("prop-types"),b=require("../../Box/Box.cjs"),$=require("../../Flex/Flex.cjs"),o=require("../../Typography/Typography.cjs"),T=require("./MainNavContext.cjs"),x=require("../../Tooltip/Tooltip.cjs"),B=require("../../Badge/Badge.cjs"),j=require("../../BaseLink/BaseLink.cjs"),i=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},t=i(h),s=i(m),a=i(v),p=s.default(b.Box)`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const h=require("react"),m=require("prop-types"),v=require("styled-components"),b=require("./MainNavContext.cjs"),T=require("../../Badge/Badge.cjs"),x=require("../../BaseLink/BaseLink.cjs"),B=require("../../Box/Box.cjs"),$=require("../../Flex/Flex.cjs"),j=require("../../Tooltip/Tooltip.cjs"),o=require("../../Typography/Typography.cjs"),i=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},t=i(h),a=i(m),s=i(v),p=s.default(B.Box)`
   svg {
     width: 1rem;
     height: 1rem;
   }
-`,f=s.default(j.BaseLink)`
+`,f=s.default(x.BaseLink)`
   position: relative;
   text-decoration: none;
   display: block;
@@ -44,7 +44,7 @@
   }
 `,g=s.default($.Flex)`
   padding: ${({theme:e})=>`${e.spaces[2]} ${e.spaces[3]}`};
-`,y=s.default(B.Badge)`
+`,y=s.default(T.Badge)`
   ${({theme:e,condensed:r})=>r&&`
 	  position: absolute;
     // Values based on visual aspect 
@@ -66,4 +66,4 @@
   padding: ${({theme:e})=>`0 ${e.spaces[2]}`};
   border-radius: ${({theme:e})=>e.spaces[10]};
   background: ${({theme:e})=>e.colors.primary600};
-`,l=t.default.forwardRef(({children:e,icon:r,badgeContent:n,badgeAriaLabel:c,...d},u)=>T.useMainNav()?t.default.createElement(f,{ref:u,...d},t.default.createElement(x.Tooltip,{position:"right",label:e},t.default.createElement(g,{as:"span",justifyContent:"center"},t.default.createElement(p,{"aria-hidden":!0,paddingRight:0,as:"span"},r),n&&t.default.createElement(y,{condensed:!0,"aria-label":c},n)))):t.default.createElement(f,{ref:u,...d},t.default.createElement(g,{as:"span",justifyContent:"space-between"},t.default.createElement($.Flex,null,t.default.createElement(p,{"aria-hidden":!0,paddingRight:3,as:"span"},r),t.default.createElement(o.Typography,null,e)),n&&t.default.createElement(y,{justifyContent:"center","aria-label":c},n))));l.displayName="NavLink";l.defaultProps={badgeContent:void 0,badgeAriaLabel:void 0};l.propTypes={badgeAriaLabel:a.default.string,badgeContent:a.default.oneOfType([a.default.string,a.default.number]),children:a.default.string.isRequired,icon:a.default.node.isRequired};exports.NavLink=l;
+`,l=t.default.forwardRef(({children:e,icon:r,badgeContent:n,badgeAriaLabel:c,...d},u)=>b.useMainNav()?t.default.createElement(f,{ref:u,...d},t.default.createElement(j.Tooltip,{position:"right",label:e},t.default.createElement(g,{as:"span",justifyContent:"center"},t.default.createElement(p,{"aria-hidden":!0,paddingRight:0,as:"span"},r),n&&t.default.createElement(y,{condensed:!0,"aria-label":c},n)))):t.default.createElement(f,{ref:u,...d},t.default.createElement(g,{as:"span",justifyContent:"space-between"},t.default.createElement($.Flex,null,t.default.createElement(p,{"aria-hidden":!0,paddingRight:3,as:"span"},r),t.default.createElement(o.Typography,null,e)),n&&t.default.createElement(y,{justifyContent:"center","aria-label":c},n))));l.displayName="NavLink";l.defaultProps={badgeContent:void 0,badgeAriaLabel:void 0};l.propTypes={badgeAriaLabel:a.default.string,badgeContent:a.default.oneOfType([a.default.string,a.default.number]),children:a.default.string.isRequired,icon:a.default.node.isRequired};exports.NavLink=l;

package/dist/v2/MainNav/NavLink.js

@@ -1,19 +1,19 @@
 import r from "react";
-import i from "styled-components";
 import o from "prop-types";
-import { Box as f } from "../../Box/Box.js";
+import i from "styled-components";
+import { useMainNav as f } from "./MainNavContext.js";
+import { Badge as h } from "../../Badge/Badge.js";
+import { BaseLink as y } from "../../BaseLink/BaseLink.js";
+import { Box as b } from "../../Box/Box.js";
 import { Flex as $ } from "../../Flex/Flex.js";
+import { Tooltip as v } from "../../Tooltip/Tooltip.js";
 import { Typography as t } from "../../Typography/Typography.js";
-import { useMainNav as h } from "./MainNavContext.js";
-import { Tooltip as y } from "../../Tooltip/Tooltip.js";
-import { Badge as b } from "../../Badge/Badge.js";
-import { BaseLink as v } from "../../BaseLink/BaseLink.js";
-const d = i(f)`
+const d = i(b)`
   svg {
     width: 1rem;
     height: 1rem;
   }
-`, m = i(v)`
+`, m = i(y)`
   position: relative;
   text-decoration: none;
   display: block;
@@ -54,7 +54,7 @@ const d = i(f)`
   }
 `, u = i($)`
   padding: ${({ theme: e }) => `${e.spaces[2]} ${e.spaces[3]}`};
-`, g = i(b)`
+`, g = i(h)`
   ${({ theme: e, condensed: a }) => a && `
 	  position: absolute;
     // Values based on visual aspect 
@@ -76,36 +76,7 @@ const d = i(f)`
   padding: ${({ theme: e }) => `0 ${e.spaces[2]}`};
   border-radius: ${({ theme: e }) => e.spaces[10]};
   background: ${({ theme: e }) => e.colors.primary600};
-`, s = r.forwardRef(({ children: e, icon: a, badgeContent: n, badgeAriaLabel: l, ...c }, p) => h() ? /* @__PURE__ */ r.createElement(m, {
-  ref: p,
-  ...c
-}, /* @__PURE__ */ r.createElement(y, {
-  position: "right",
-  label: e
-}, /* @__PURE__ */ r.createElement(u, {
-  as: "span",
-  justifyContent: "center"
-}, /* @__PURE__ */ r.createElement(d, {
-  "aria-hidden": !0,
-  paddingRight: 0,
-  as: "span"
-}, a), n && /* @__PURE__ */ r.createElement(g, {
-  condensed: !0,
-  "aria-label": l
-}, n)))) : /* @__PURE__ */ r.createElement(m, {
-  ref: p,
-  ...c
-}, /* @__PURE__ */ r.createElement(u, {
-  as: "span",
-  justifyContent: "space-between"
-}, /* @__PURE__ */ r.createElement($, null, /* @__PURE__ */ r.createElement(d, {
-  "aria-hidden": !0,
-  paddingRight: 3,
-  as: "span"
-}, a), /* @__PURE__ */ r.createElement(t, null, e)), n && /* @__PURE__ */ r.createElement(g, {
-  justifyContent: "center",
-  "aria-label": l
-}, n))));
+`, s = r.forwardRef(({ children: e, icon: a, badgeContent: n, badgeAriaLabel: l, ...c }, p) => f() ? /* @__PURE__ */ r.createElement(m, { ref: p, ...c }, /* @__PURE__ */ r.createElement(v, { position: "right", label: e }, /* @__PURE__ */ r.createElement(u, { as: "span", justifyContent: "center" }, /* @__PURE__ */ r.createElement(d, { "aria-hidden": !0, paddingRight: 0, as: "span" }, a), n && /* @__PURE__ */ r.createElement(g, { condensed: !0, "aria-label": l }, n)))) : /* @__PURE__ */ r.createElement(m, { ref: p, ...c }, /* @__PURE__ */ r.createElement(u, { as: "span", justifyContent: "space-between" }, /* @__PURE__ */ r.createElement($, null, /* @__PURE__ */ r.createElement(d, { "aria-hidden": !0, paddingRight: 3, as: "span" }, a), /* @__PURE__ */ r.createElement(t, null, e)), n && /* @__PURE__ */ r.createElement(g, { justifyContent: "center", "aria-label": l }, n))));
 s.displayName = "NavLink";
 s.defaultProps = {
   badgeContent: void 0,

package/dist/v2/MainNav/NavSection.cjs

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