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

package/dist/LinkButton/LinkButton.js

@@ -2,11 +2,11 @@ import { jsxs as v, jsx as n } from "react/jsx-runtime";
 import * as y from "react";
 import { NavLink as S } from "react-router-dom";
 import b from "styled-components";
-import { BaseButtonWrapper as x } from "../BaseButton/BaseButton.js";
-import { getDisabledStyle as f, getHoverStyle as k, getActiveStyle as $, getVariantStyle as B } from "../Button/utils.js";
+import { getDisabledStyle as f, getHoverStyle as x, getActiveStyle as k, getVariantStyle as $ } from "../Button/utils.js";
+import { BaseButtonWrapper as B } from "../BaseButton/BaseButton.js";
 import { Flex as u } from "../Flex/Flex.js";
 import { Typography as L } from "../Typography/Typography.js";
-const R = b(x)`
+const R = b(B)`
   &[aria-disabled='true'] {
     ${f}
     &:active {
@@ -14,58 +14,15 @@ const R = b(x)`
     }
   }
   &:hover {
-    ${k}
+    ${x}
   }
   &:active {
-    ${$}
+    ${k}
   }
-  ${B}
-`, A = y.forwardRef(({
-  variant: l = "default",
-  startIcon: o,
-  endIcon: i,
-  disabled: r = !1,
-  children: m,
-  size: t = "S",
-  href: e,
-  to: a,
-  ...g
-}, s) => {
+  ${$}
+`, A = y.forwardRef(({ variant: l = "default", startIcon: o, endIcon: i, disabled: r = !1, children: m, size: t = "S", href: e, to: a, ...g }, s) => {
   const c = e ? "_blank" : void 0, h = e ? "noreferrer noopener" : void 0, d = t === "S" ? 2 : "10px", p = 4;
-  return v(R, {
-    ref: s,
-    "aria-disabled": r,
-    size: t,
-    variant: l,
-    target: c,
-    rel: h,
-    to: r ? void 0 : a,
-    href: r ? "#" : e,
-    background: "buttonPrimary600",
-    borderColor: "buttonPrimary600",
-    hasRadius: !0,
-    gap: 2,
-    inline: !0,
-    paddingBottom: d,
-    paddingLeft: p,
-    paddingRight: p,
-    paddingTop: d,
-    pointerEvents: r ? "none" : void 0,
-    ...g,
-    as: a && !r ? S : "a",
-    children: [o && n(u, {
-      "aria-hidden": !0,
-      children: o
-    }), n(L, {
-      variant: t === "S" ? "pi" : void 0,
-      fontWeight: "bold",
-      textColor: "buttonNeutral0",
-      children: m
-    }), i && n(u, {
-      "aria-hidden": !0,
-      children: i
-    })]
-  });
+  return v(R, { ref: s, "aria-disabled": r, size: t, variant: l, target: c, rel: h, to: r ? void 0 : a, href: r ? "#" : e, background: "buttonPrimary600", borderColor: "buttonPrimary600", hasRadius: !0, gap: 2, inline: !0, paddingBottom: d, paddingLeft: p, paddingRight: p, paddingTop: d, pointerEvents: r ? "none" : void 0, ...g, as: a && !r ? S : "a", children: [o && n(u, { "aria-hidden": !0, children: o }), n(L, { variant: t === "S" ? "pi" : void 0, fontWeight: "bold", textColor: "buttonNeutral0", children: m }), i && n(u, { "aria-hidden": !0, children: i })] });
 });
 export {
   A as LinkButton

package/dist/LinkButton/index.cjs

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

package/dist/LiveRegions/LiveRegions.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),i=require("./constants.cjs"),s=require("../VisuallyHidden/VisuallyHidden.cjs"),l=()=>e.jsxs(s.VisuallyHidden,{children:[e.jsx("p",{role:"log","aria-live":"polite",id:i.LiveRegionIds.Log,"aria-relevant":"all"}),e.jsx("p",{role:"status","aria-live":"polite",id:i.LiveRegionIds.Status,"aria-relevant":"all"}),e.jsx("p",{role:"alert","aria-live":"assertive",id:i.LiveRegionIds.Alert,"aria-relevant":"all"})]});exports.LiveRegions=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("./constants.cjs"),l=require("../VisuallyHidden/VisuallyHidden.cjs"),r=()=>e.jsxs(l.VisuallyHidden,{children:[e.jsx("p",{role:"log","aria-live":"polite",id:i.LiveRegionIds.Log,"aria-relevant":"all"}),e.jsx("p",{role:"status","aria-live":"polite",id:i.LiveRegionIds.Status,"aria-relevant":"all"}),e.jsx("p",{role:"alert","aria-live":"assertive",id:i.LiveRegionIds.Alert,"aria-relevant":"all"})]});exports.LiveRegions=r;

package/dist/LiveRegions/LiveRegions.js

@@ -1,24 +1,7 @@
 import { jsxs as r, jsx as e } from "react/jsx-runtime";
 import { LiveRegionIds as i } from "./constants.js";
 import { VisuallyHidden as a } from "../VisuallyHidden/VisuallyHidden.js";
-const s = () => r(a, {
-  children: [e("p", {
-    role: "log",
-    "aria-live": "polite",
-    id: i.Log,
-    "aria-relevant": "all"
-  }), e("p", {
-    role: "status",
-    "aria-live": "polite",
-    id: i.Status,
-    "aria-relevant": "all"
-  }), e("p", {
-    role: "alert",
-    "aria-live": "assertive",
-    id: i.Alert,
-    "aria-relevant": "all"
-  })]
-});
+const s = () => r(a, { children: [e("p", { role: "log", "aria-live": "polite", id: i.Log, "aria-relevant": "all" }), e("p", { role: "status", "aria-live": "polite", id: i.Status, "aria-relevant": "all" }), e("p", { role: "alert", "aria-live": "assertive", id: i.Alert, "aria-relevant": "all" })] });
 export {
   s as LiveRegions
 };

package/dist/LiveRegions/constants.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={Log:"live-region-log",Status:"live-region-status",Alert:"live-region-alert"};exports.LiveRegionIds=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={Log:"live-region-log",Status:"live-region-status",Alert:"live-region-alert"};exports.LiveRegionIds=e;

package/dist/LiveRegions/index.cjs

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

package/dist/LiveRegions/useNotifyAT.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("react"),o=require("./constants.cjs"),n=t=>{const e=document.querySelector(`#${o.LiveRegionIds.Log}`);e&&(e.innerText=t)},s=t=>{const e=document.querySelector(`#${o.LiveRegionIds.Status}`);e&&(e.innerText=t)},r=t=>{const e=document.querySelector(`#${o.LiveRegionIds.Alert}`);e&&(e.innerText=t)},i=()=>(c.useEffect(()=>()=>{n(""),r(""),s("")},[]),{notifyLog:n,notifyAlert:r,notifyStatus:s});exports.useNotifyAT=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react"),o=require("./constants.cjs"),n=t=>{const e=document.querySelector(`#${o.LiveRegionIds.Log}`);e&&(e.innerText=t)},r=t=>{const e=document.querySelector(`#${o.LiveRegionIds.Status}`);e&&(e.innerText=t)},s=t=>{const e=document.querySelector(`#${o.LiveRegionIds.Alert}`);e&&(e.innerText=t)},c=()=>(i.useEffect(()=>()=>{n(""),s(""),r("")},[]),{notifyLog:n,notifyAlert:s,notifyStatus:r});exports.useNotifyAT=c;

package/dist/Loader/Loader.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),o=require("react"),n=require("styled-components"),i=require("./assets/loader.cjs"),l=require("../VisuallyHidden/VisuallyHidden.cjs"),c=e=>e&&typeof e=="object"&&"default"in e?e:{default:e};function d(e){if(e&&e.__esModule)return e;const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const u=d(o),f=c(n),m=n.keyframes`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),s=require("react"),o=require("styled-components"),i=require("./assets/loader.svg.cjs"),l=require("../VisuallyHidden/VisuallyHidden.cjs"),c=e=>e&&e.__esModule?e:{default:e};function d(e){if(e&&e.__esModule)return e;const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const u=d(s),f=c(o),m=o.keyframes`
   from {
     transform: rotate(0deg);
   }
@@ -9,4 +9,4 @@
   animation: ${m} 1s infinite linear;
   will-change: transform;
   ${({small:e,theme:t})=>e&&`width: ${t.spaces[6]}; height: ${t.spaces[6]};`}
-`,y=u.forwardRef(({children:e,small:t=!1,...r},a)=>s.jsxs("div",{role:"alert","aria-live":"assertive",ref:a,...r,children:[s.jsx(l.VisuallyHidden,{children:e}),s.jsx(g,{src:i,"aria-hidden":!0,small:t})]}));exports.Loader=y;
+`,p=u.forwardRef(({children:e,small:t=!1,...r},n)=>a.jsxs("div",{role:"alert","aria-live":"assertive",ref:n,...r,children:[a.jsx(l.VisuallyHidden,{children:e}),a.jsx(g,{src:i,"aria-hidden":!0,small:t})]}));exports.Loader=p;

package/dist/Loader/Loader.js

@@ -1,7 +1,7 @@
 import { jsxs as i, jsx as o } from "react/jsx-runtime";
 import * as s from "react";
 import m, { keyframes as n } from "styled-components";
-import d from "./assets/loader.js";
+import d from "./assets/loader.svg.js";
 import { VisuallyHidden as f } from "../VisuallyHidden/VisuallyHidden.js";
 const l = n`
   from {
@@ -13,27 +13,8 @@ const l = n`
 `, c = m.img`
   animation: ${l} 1s infinite linear;
   will-change: transform;
-  ${({
-  small: e,
-  theme: r
-}) => e && `width: ${r.spaces[6]}; height: ${r.spaces[6]};`}
-`, $ = s.forwardRef(({
-  children: e,
-  small: r = !1,
-  ...a
-}, t) => i("div", {
-  role: "alert",
-  "aria-live": "assertive",
-  ref: t,
-  ...a,
-  children: [o(f, {
-    children: e
-  }), o(c, {
-    src: d,
-    "aria-hidden": !0,
-    small: r
-  })]
-}));
+  ${({ small: e, theme: r }) => e && `width: ${r.spaces[6]}; height: ${r.spaces[6]};`}
+`, $ = s.forwardRef(({ children: e, small: r = !1, ...a }, t) => i("div", { role: "alert", "aria-live": "assertive", ref: t, ...a, children: [o(f, { children: e }), o(c, { src: d, "aria-hidden": !0, small: r })] }));
 export {
   $ as Loader
 };

package/dist/Loader/index.cjs

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

package/dist/Main/Main.cjs

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react"),i=require("prop-types"),s=require("styled-components"),t=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},r=t(a),u=t(i),c=t(s),d=c.default.main`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),o=require("styled-components"),i=require("../Box/Box.cjs"),a=e=>e&&e.__esModule?e:{default:e},l=a(o),s=l.default(i.Box)`
   // To prevent global outline on focus visible to force an outline when Main is focused
   &:focus-visible {
     outline: none;
   }
-`,n=({labelledBy:e,...o})=>{const l=e||"main-content-title";return r.default.createElement(d,{"aria-labelledby":l,id:"main-content",tabIndex:-1,...o})};n.defaultProps={labelledBy:void 0};n.propTypes={labelledBy:u.default.string};exports.Main=n;
+`,u=({labelledBy:e="main-content-title",...t})=>n.jsx(s,{"aria-labelledby":e,as:"main",id:"main-content",tabIndex:-1,...t});exports.Main=u;

package/dist/Main/Main.js

@@ -1,21 +1,12 @@
-import i from "react";
-import l from "prop-types";
-import a from "styled-components";
-const r = a.main`
+import { jsx as e } from "react/jsx-runtime";
+import i from "styled-components";
+import { Box as t } from "../Box/Box.js";
+const a = i(t)`
   // To prevent global outline on focus visible to force an outline when Main is focused
   &:focus-visible {
     outline: none;
   }
-`, e = ({ labelledBy: o, ...t }) => {
-  const n = o || "main-content-title";
-  return /* @__PURE__ */ i.createElement(r, { "aria-labelledby": n, id: "main-content", tabIndex: -1, ...t });
-};
-e.defaultProps = {
-  labelledBy: void 0
-};
-e.propTypes = {
-  labelledBy: l.string
-};
+`, m = ({ labelledBy: o = "main-content-title", ...n }) => e(a, { "aria-labelledby": o, as: "main", id: "main-content", tabIndex: -1, ...n });
 export {
-  e as Main
+  m as Main
 };

package/dist/Main/SkipToContent.cjs

@@ -1,11 +1,8 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react"),s=require("prop-types"),r=require("styled-components"),a=require("../Box/Box.cjs"),t=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},c=t(n),u=t(s),l=t(r),d=l.default(a.Box)`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("styled-components"),n=require("../Box/Box.cjs"),s=t=>t&&t.__esModule?t:{default:t},r=s(o),a=r.default(n.Box)`
   text-decoration: none;
-  z-index: 9999;
-  left: -100%;
-  top: -100%;
 
   &:focus {
-    left: ${({theme:e})=>e.spaces[3]};
-    top: ${({theme:e})=>e.spaces[3]};
+    left: ${({theme:t})=>t.spaces[3]};
+    top: ${({theme:t})=>t.spaces[3]};
   }
-`,o=({children:e})=>c.default.createElement(d,{as:"a",href:"#main-content",background:"primary600",color:"neutral0",padding:3,position:"absolute",hasRadius:!0},e);o.propTypes={children:u.default.node.isRequired};exports.SkipToContent=o;
+`,u=({children:t})=>e.jsx(a,{as:"a",href:"#main-content",background:"primary600",color:"neutral0",left:"-100%",padding:3,position:"absolute",top:"-100%",hasRadius:!0,zIndex:9999,children:t});exports.SkipToContent=u;

package/dist/Main/SkipToContent.js

@@ -1,33 +1,14 @@
-import e from "react";
-import t from "prop-types";
+import { jsx as t } from "react/jsx-runtime";
 import r from "styled-components";
-import { Box as n } from "../Box/Box.js";
-const p = r(n)`
+import { Box as e } from "../Box/Box.js";
+const n = r(e)`
   text-decoration: none;
-  z-index: 9999;
-  left: -100%;
-  top: -100%;
 
   &:focus {
     left: ${({ theme: o }) => o.spaces[3]};
     top: ${({ theme: o }) => o.spaces[3]};
   }
-`, a = ({ children: o }) => /* @__PURE__ */ e.createElement(
-  p,
-  {
-    as: "a",
-    href: "#main-content",
-    background: "primary600",
-    color: "neutral0",
-    padding: 3,
-    position: "absolute",
-    hasRadius: !0
-  },
-  o
-);
-a.propTypes = {
-  children: t.node.isRequired
-};
+`, p = ({ children: o }) => t(n, { as: "a", href: "#main-content", background: "primary600", color: "neutral0", left: "-100%", padding: 3, position: "absolute", top: "-100%", hasRadius: !0, zIndex: 9999, children: o });
 export {
-  a as SkipToContent
+  p as SkipToContent
 };

package/dist/Main/index.cjs

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

package/dist/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("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)`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),r=require("styled-components"),o=require("./MainNavContext.cjs"),a=require("../Flex/Flex.cjs"),i=e=>e&&e.__esModule?e:{default:e},s=i(r),l=s.default(a.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(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;
+`,u=({condensed:e=!1,...n})=>t.jsx(o.MainNavContext.Provider,{value:e,children:t.jsx(l,{alignItems:"normal",as:"nav",background:"neutral0",condensed:e,direction:"column",height:"100vh",position:"sticky",top:0,zIndex:2,...n})});exports.MainNav=u;

package/dist/MainNav/MainNav.js

@@ -1,32 +1,11 @@
-import o from "react";
-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(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: n.bool
-};
+import { jsx as o } from "react/jsx-runtime";
+import n from "styled-components";
+import { MainNavContext as e } from "./MainNavContext.js";
+import { Flex as i } from "../Flex/Flex.js";
+const a = n(i)`
+  width: ${({ condensed: r }) => r ? "max-content" : `${224 / 16}rem`};
+  border-right: 1px solid ${({ theme: r }) => r.colors.neutral150};
+`, c = ({ condensed: r = !1, ...t }) => o(e.Provider, { value: r, children: o(a, { alignItems: "normal", as: "nav", background: "neutral0", condensed: r, direction: "column", height: "100vh", position: "sticky", top: 0, zIndex: 2, ...t }) });
 export {
-  r as MainNav
+  c as MainNav
 };

package/dist/MainNav/MainNavContext.cjs

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

package/dist/MainNav/MainNavContext.js

@@ -1,5 +1,5 @@
 import { createContext as t, useContext as e } from "react";
-const o = t(), a = () => e(o);
+const o = t(!1), a = () => e(o);
 export {
   o as MainNavContext,
   a as useMainNav

package/dist/MainNav/NavBrand.cjs

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

package/dist/MainNav/NavBrand.js

@@ -1,33 +1,23 @@
-import e from "react";
-import r from "prop-types";
-import { NavLink as i } from "react-router-dom";
-import s from "styled-components";
-import { useMainNav as u } from "./MainNavContext.js";
-import { Box as a } from "../Box/Box.js";
-import { Flex as g } from "../Flex/Flex.js";
-import { Typography as m } from "../Typography/Typography.js";
+import { jsx as n, jsxs as d } from "react/jsx-runtime";
+import { NavLink as t } from "react-router-dom";
+import c from "styled-components";
+import { useMainNav as m } from "./MainNavContext.js";
+import { Box as e } from "../Box/Box.js";
 import { VisuallyHidden as p } from "../VisuallyHidden/VisuallyHidden.js";
-const l = s.div`
+import { Flex as l } from "../Flex/Flex.js";
+import { Typography as s } from "../Typography/Typography.js";
+const h = c.div`
   svg,
   img {
-    border-radius: ${({ theme: t }) => t.borderRadius};
+    border-radius: ${({ theme: r }) => r.borderRadius};
     object-fit: contain;
-    height: ${({ condensed: t }) => t ? `${40 / 16}rem` : `${32 / 16}rem`};
-    width: ${({ condensed: t }) => t ? `${40 / 16}rem` : `${32 / 16}rem`};
+    height: ${({ condensed: r }) => r ? `${40 / 16}rem` : `${32 / 16}rem`};
+    width: ${({ condensed: r }) => r ? `${40 / 16}rem` : `${32 / 16}rem`};
   }
-`, f = s(i)`
+`, g = c(t)`
   text-decoration: unset;
   color: inherit;
-`, c = ({ workplace: t, title: o, icon: d, to: n }) => u() ? /* @__PURE__ */ e.createElement(a, { paddingLeft: 3, paddingRight: 3, paddingTop: 4, paddingBottom: 4 }, /* @__PURE__ */ e.createElement(l, { condensed: !0 }, /* @__PURE__ */ e.createElement(i, { to: n }, d, /* @__PURE__ */ e.createElement(p, null, /* @__PURE__ */ e.createElement("span", null, o), /* @__PURE__ */ e.createElement("span", null, t))))) : /* @__PURE__ */ e.createElement(a, { paddingLeft: 3, paddingRight: 3, paddingTop: 4, paddingBottom: 4 }, /* @__PURE__ */ e.createElement(g, null, /* @__PURE__ */ e.createElement(l, { as: i, to: n, "aria-hidden": !0, tabIndex: -1 }, d), /* @__PURE__ */ e.createElement(a, { paddingLeft: 2 }, /* @__PURE__ */ e.createElement(m, { fontWeight: "bold", textColor: "neutral800", as: "span" }, /* @__PURE__ */ e.createElement(f, { to: n }, o, /* @__PURE__ */ e.createElement(p, { as: "span" }, t))), /* @__PURE__ */ e.createElement(m, { variant: "pi", as: "p", textColor: "neutral600", "aria-hidden": !0 }, t))));
-c.defaultProps = {
-  to: "/"
-};
-c.propTypes = {
-  icon: r.node.isRequired,
-  title: r.string.isRequired,
-  to: r.string,
-  workplace: r.string.isRequired
-};
+`, N = ({ workplace: r, title: o, icon: a, to: i = "/" }) => m() ? n(e, { paddingLeft: 3, paddingRight: 3, paddingTop: 4, paddingBottom: 4, children: n(h, { condensed: !0, children: d(t, { to: i, children: [a, d(p, { children: [n("span", { children: o }), n("span", { children: r })] })] }) }) }) : n(e, { paddingLeft: 3, paddingRight: 3, paddingTop: 4, paddingBottom: 4, children: d(l, { children: [n(h, { as: t, to: i, "aria-hidden": !0, tabIndex: -1, children: a }), d(e, { paddingLeft: 2, children: [n(s, { fontWeight: "bold", textColor: "neutral800", as: "span", children: d(g, { to: i, children: [o, n(p, { as: "span", children: r })] }) }), n(s, { variant: "pi", as: "p", textColor: "neutral600", "aria-hidden": !0, children: r })] })] }) });
 export {
-  c as NavBrand
+  N as NavBrand
 };

package/dist/MainNav/NavCondense.cjs

@@ -1,4 +1,4 @@
-"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`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),o=require("@strapi/icons"),s=require("styled-components"),i=require("./MainNavContext.cjs"),d=require("../Icon/Icon.cjs"),a=require("../VisuallyHidden/VisuallyHidden.cjs"),u=e=>e&&e.__esModule?e:{default:e},l=u(s),c=l.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=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;
+`,h=({children:e,...t})=>{const r=i.useMainNav();return n.jsxs(c,{as:"button",condensed:r,...t,children:[n.jsx(d.Icon,{as:r?o.ChevronRight:o.ChevronLeft,"aria-hidden":!0,color:"neutral600"}),n.jsx(a.VisuallyHidden,{children:e})]})};exports.NavCondense=h;

package/dist/MainNav/NavCondense.js

@@ -1,11 +1,10 @@
-import t from "react";
-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 { jsxs as n, jsx as t } from "react/jsx-runtime";
+import { ChevronRight as i, ChevronLeft as s } from "@strapi/icons";
+import d from "styled-components";
+import { useMainNav as a } from "./MainNavContext.js";
 import { Icon as m } from "../Icon/Icon.js";
-import { VisuallyHidden as l } from "../VisuallyHidden/VisuallyHidden.js";
-const p = a.button`
+import { VisuallyHidden as h } from "../VisuallyHidden/VisuallyHidden.js";
+const l = d.button`
   background: ${({ theme: e }) => e.colors.neutral0};
   border: 1px solid ${({ theme: e }) => e.colors.neutral150};
   border-radius: ${({ theme: e }) => e.borderRadius};
@@ -24,13 +23,10 @@ const p = a.button`
     width: ${6 / 16}rem;
     height: ${9 / 16}rem;
   }
-`, c = ({ children: e, ...r }) => {
-  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: s.string.isRequired
+`, b = ({ children: e, ...r }) => {
+  const o = a();
+  return n(l, { as: "button", condensed: o, ...r, children: [t(m, { as: o ? i : s, "aria-hidden": !0, color: "neutral600" }), t(h, { children: e })] });
 };
 export {
-  c as NavCondense
+  b as NavCondense
 };

package/dist/MainNav/NavFooter.cjs

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

package/dist/MainNav/NavFooter.js

@@ -1,11 +1,6 @@
-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);
-e.displayName = "NavFooter";
-e.propTypes = {
-  children: t.node.isRequired
-};
+import { jsx as r } from "react/jsx-runtime";
+import { Box as t } from "../Box/Box.js";
+const m = ({ children: o }) => r(t, { position: "relative", children: o });
 export {
-  e as NavFooter
+  m as NavFooter
 };

package/dist/MainNav/NavLink.cjs

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