@strapi/design-system 1.4.2 → 1.5.0-alpha.0

package/dist/v2/MainNav/NavLink.js

@@ -1,46 +1,26 @@
-var R = Object.defineProperty;
-var s = Object.getOwnPropertySymbols;
-var f = Object.prototype.hasOwnProperty, $ = Object.prototype.propertyIsEnumerable;
-var g = (e, t, r) => t in e ? R(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, c = (e, t) => {
-  for (var r in t || (t = {}))
-    f.call(t, r) && g(e, r, t[r]);
-  if (s)
-    for (var r of s(t))
-      $.call(t, r) && g(e, r, t[r]);
-  return e;
-};
-var h = (e, t) => {
-  var r = {};
-  for (var o in e)
-    f.call(e, o) && t.indexOf(o) < 0 && (r[o] = e[o]);
-  if (e != null && s)
-    for (var o of s(e))
-      t.indexOf(o) < 0 && $.call(e, o) && (r[o] = e[o]);
-  return r;
-};
-import a from "react";
-import l from "styled-components";
-import n from "prop-types";
-import { Box as w } from "../../Box/Box.js";
-import { Flex as k } from "../../Flex/Flex.js";
-import { Typography as i } from "../../Typography/Typography.js";
-import { useMainNav as x } from "./MainNavContext.js";
-import { Tooltip as N } from "../../Tooltip/Tooltip.js";
-import { Badge as B } from "../../Badge/Badge.js";
-import { BaseLink as L } from "../../BaseLink/BaseLink.js";
-const y = l(w)`
+import r from "react";
+import i from "styled-components";
+import o from "prop-types";
+import { Box as f } from "../../Box/Box.js";
+import { Flex as $ } from "../../Flex/Flex.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)`
   svg {
     width: 1rem;
     height: 1rem;
   }
-`, b = l(L)`
+`, m = i(v)`
   position: relative;
   text-decoration: none;
   display: block;
   border-radius: ${({ theme: e }) => e.borderRadius};
   background: ${({ theme: e }) => e.colors.neutral0};
 
-  ${i} {
+  ${t} {
     color: ${({ theme: e }) => e.colors.neutral600};
   }
 
@@ -51,7 +31,7 @@ const y = l(w)`
   &:hover {
     background: ${({ theme: e }) => e.colors.neutral100};
 
-    ${i} {
+    ${t} {
       color: ${({ theme: e }) => e.colors.neutral700};
     }
 
@@ -67,22 +47,22 @@ const y = l(w)`
       fill: ${({ theme: e }) => e.colors.primary600};
     }
 
-    ${i} {
+    ${t} {
       color: ${({ theme: e }) => e.colors.primary600};
       font-weight: 500;
     }
   }
-`, v = l(k)`
+`, u = i($)`
   padding: ${({ theme: e }) => `${e.spaces[2]} ${e.spaces[3]}`};
-`, E = l(B)`
-  ${({ condensed: e }) => e && `
+`, g = i(b)`
+  ${({ theme: e, condensed: a }) => a && `
 	  position: absolute;
-    transform: translate(35%, -50%);
-    top: 0;
-    right: 0;
+    // Values based on visual aspect 
+    top: -${e.spaces[3]};
+    right:  -${e.spaces[1]};
   `}
 
-  ${i} {
+  ${t} {
     //find a solution to remove !important
     color: ${({ theme: e }) => e.colors.neutral0} !important;
     line-height: 0;
@@ -96,48 +76,47 @@ const y = l(w)`
   padding: ${({ theme: e }) => `0 ${e.spaces[2]}`};
   border-radius: ${({ theme: e }) => e.spaces[10]};
   background: ${({ theme: e }) => e.colors.primary600};
-`, p = a.forwardRef((T, m) => {
-  var u = T, { children: e, icon: t, badgeContent: r, badgeAriaLabel: o } = u, d = h(u, ["children", "icon", "badgeContent", "badgeAriaLabel"]);
-  return x() ? /* @__PURE__ */ a.createElement(b, c({
-    ref: m
-  }, d), /* @__PURE__ */ a.createElement(N, {
-    position: "right",
-    label: e
-  }, /* @__PURE__ */ a.createElement(v, {
-    as: "span",
-    justifyContent: "center"
-  }, /* @__PURE__ */ a.createElement(y, {
-    "aria-hidden": !0,
-    paddingRight: 0,
-    as: "span"
-  }, t), r && /* @__PURE__ */ a.createElement(E, {
-    condensed: !0,
-    "aria-label": o
-  }, r)))) : /* @__PURE__ */ a.createElement(b, c({
-    ref: m
-  }, d), /* @__PURE__ */ a.createElement(v, {
-    as: "span",
-    justifyContent: "space-between"
-  }, /* @__PURE__ */ a.createElement(k, null, /* @__PURE__ */ a.createElement(y, {
-    "aria-hidden": !0,
-    paddingRight: 3,
-    as: "span"
-  }, t), /* @__PURE__ */ a.createElement(i, null, e)), r && /* @__PURE__ */ a.createElement(E, {
-    justifyContent: "center",
-    "aria-label": o
-  }, r)));
-});
-p.displayName = "NavLink";
-p.defaultProps = {
+`, 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.displayName = "NavLink";
+s.defaultProps = {
   badgeContent: void 0,
   badgeAriaLabel: void 0
 };
-p.propTypes = {
-  badgeAriaLabel: n.string,
-  badgeContent: n.oneOfType([n.string, n.number]),
-  children: n.string.isRequired,
-  icon: n.node.isRequired
+s.propTypes = {
+  badgeAriaLabel: o.string,
+  badgeContent: o.oneOfType([o.string, o.number]),
+  children: o.string.isRequired,
+  icon: o.node.isRequired
 };
 export {
-  p as NavLink
+  s as NavLink
 };

package/dist/v2/MainNav/NavSection.cjs

@@ -1 +1 @@
-"use strict";var S=Object.defineProperty;var i=Object.getOwnPropertySymbols;var f=Object.prototype.hasOwnProperty,g=Object.prototype.propertyIsEnumerable;var p=(e,a,t)=>a in e?S(e,a,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[a]=t,c=(e,a)=>{for(var t in a||(a={}))f.call(a,t)&&p(e,t,a[t]);if(i)for(var t of i(a))g.call(a,t)&&p(e,t,a[t]);return e};var y=(e,a)=>{var t={};for(var r in e)f.call(e,r)&&a.indexOf(r)<0&&(t[r]=e[r]);if(e!=null&&i)for(var r of i(e))a.indexOf(r)<0&&g.call(e,r)&&(t[r]=e[r]);return t};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react"),q=require("prop-types"),m=require("../../Box/Box.cjs"),T=require("../../Typography/Typography.cjs"),l=require("../../Stack/Stack.cjs"),h=require("./MainNavContext.cjs"),j=require("../../VisuallyHidden/VisuallyHidden.cjs"),x=require("../../Divider/Divider.cjs"),E=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},n=E(s),v=E(q),k=r=>{var o=r,{label:e,children:a}=o,t=y(o,["label","children"]);return h.useMainNav()?n.default.createElement(l.Stack,{spacing:2},n.default.createElement(m.Box,{paddingTop:1,paddingBottom:1,background:"neutral0",hasRadius:!0,as:"span"},n.default.createElement(x.Divider,null),n.default.createElement(j.VisuallyHidden,null,n.default.createElement("span",null,e))),n.default.createElement(l.Stack,c({as:"ul",spacing:2},t),s.Children.map(a,(d,u)=>n.default.createElement("li",{key:u},d)))):n.default.createElement(l.Stack,{spacing:2},n.default.createElement(m.Box,{paddingTop:1,paddingBottom:1,background:"neutral0",paddingRight:3,paddingLeft:3,hasRadius:!0,as:"span"},n.default.createElement(T.Typography,{variant:"sigma",textColor:"neutral600"},e)),n.default.createElement(l.Stack,c({as:"ul",spacing:2},t),s.Children.map(a,(d,u)=>n.default.createElement("li",{key:u},d))))};k.propTypes={children:v.default.node.isRequired,label:v.default.string.isRequired};exports.NavSection=k;
+"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;

package/dist/v2/MainNav/NavSection.js

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

package/dist/v2/MainNav/NavSections.cjs

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

package/dist/v2/MainNav/NavSections.js

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

package/dist/v2/MainNav/NavUser.cjs

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

package/dist/v2/MainNav/NavUser.js

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

package/dist/v2/MainNav/index.cjs

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

package/dist/v2/MainNav/index.js

@@ -1,16 +1,18 @@
 import { MainNav as e } from "./MainNav.js";
-import { NavBrand as t } from "./NavBrand.js";
-import { NavLink as m } from "./NavLink.js";
-import { NavSection as p } from "./NavSection.js";
-import { NavSections as x } from "./NavSections.js";
-import { NavUser as i } from "./NavUser.js";
-import { NavCondense as c } from "./NavCondense.js";
+import { NavBrand as a } from "./NavBrand.js";
+import { NavCondense as m } from "./NavCondense.js";
+import { NavFooter as v } from "./NavFooter.js";
+import { NavLink as N } from "./NavLink.js";
+import { NavSection as i } from "./NavSection.js";
+import { NavSections as c } from "./NavSections.js";
+import { NavUser as S } from "./NavUser.js";
 export {
   e as MainNav,
-  t as NavBrand,
-  c as NavCondense,
-  m as NavLink,
-  p as NavSection,
-  x as NavSections,
-  i as NavUser
+  a as NavBrand,
+  m as NavCondense,
+  v as NavFooter,
+  N as NavLink,
+  i as NavSection,
+  c as NavSections,
+  S as NavUser
 };

package/dist/v2/Pagination/components.cjs

@@ -1,21 +1,21 @@
-"use strict";var w=Object.defineProperty,$=Object.defineProperties;var C=Object.getOwnPropertyDescriptors;var p=Object.getOwnPropertySymbols;var q=Object.prototype.hasOwnProperty,R=Object.prototype.propertyIsEnumerable;var k=(e,t,a)=>t in e?w(e,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[t]=a,d=(e,t)=>{for(var a in t||(t={}))q.call(t,a)&&k(e,a,t[a]);if(p)for(var a of p(t))R.call(t,a)&&k(e,a,t[a]);return e},g=(e,t)=>$(e,C(t));var u=(e,t)=>{var a={};for(var r in e)q.call(e,r)&&t.indexOf(r)<0&&(a[r]=e[r]);if(e!=null&&p)for(var r of p(e))t.indexOf(r)<0&&R.call(e,r)&&(a[r]=e[r]);return a};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const j=require("react"),H=require("styled-components"),V=require("prop-types"),N=require("@strapi/icons/ChevronLeft"),S=require("@strapi/icons/ChevronRight"),y=require("../../VisuallyHidden/VisuallyHidden.cjs"),v=require("./PaginationContext.cjs"),W=require("../../Typography/Typography.cjs"),B=require("../../themes/utils.cjs"),D=require("../../BaseLink/BaseLink.cjs"),c=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},n=c(j),f=c(H),h=c(V),A=c(N),F=c(S),T=f.default(W.Typography)`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const b=require("react"),L=require("styled-components"),k=require("prop-types"),q=require("@strapi/icons/ChevronLeft"),R=require("@strapi/icons/ChevronRight"),u=require("../../VisuallyHidden/VisuallyHidden.cjs"),c=require("./PaginationContext.cjs"),T=require("../../Typography/Typography.cjs"),_=require("../../themes/utils.cjs"),x=require("../../BaseLink/BaseLink.cjs"),s=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},a=s(b),l=s(L),d=s(k),E=s(q),w=s(R),g=l.default(T.Typography)`
   line-height: revert;
-`,I={active:!0},m=f.default(D.BaseLink).withConfig({shouldForwardProp:(e,t)=>!I[e]&&t(e)})`
+`,$={active:!0},f=l.default(x.BaseLink).withConfig({shouldForwardProp:(e,t)=>!$[e]&&t(e)})`
   padding: ${({theme:e})=>e.spaces[3]};
   border-radius: ${({theme:e})=>e.borderRadius};
   box-shadow: ${({active:e,theme:t})=>e?t.shadows.filterShadow:void 0};
   text-decoration: none;
   display: flex;
 
-  ${B.buttonFocusStyle}
-`,M=f.default(m)`
+  ${_.buttonFocusStyle}
+`,C=l.default(f)`
   color: ${({theme:e,active:t})=>t?e.colors.primary700:e.colors.neutral800};
   background: ${({theme:e,active:t})=>t?e.colors.neutral0:void 0};
 
   &:hover {
     box-shadow: ${({theme:e})=>e.shadows.filterShadow};
   }
-`,_=f.default(m)`
+`,v=l.default(f)`
   font-size: 0.7rem;
   svg path {
     fill: ${e=>e["aria-disabled"]?e.theme.colors.neutral300:e.theme.colors.neutral600};
@@ -31,6 +31,6 @@
   ${e=>e["aria-disabled"]?`
   pointer-events: none;
     `:void 0}
-`,z=f.default(m)`
+`,j=l.default(f)`
   color: ${({theme:e})=>e.colors.neutral800};
-`,P=n.default.forwardRef((r,a)=>{var i=r,{children:e}=i,t=u(i,["children"]);const{activePage:o}=v.usePagination(),s=o===1;return n.default.createElement(_,d({ref:a,"aria-disabled":s,tabIndex:s?-1:void 0},t),n.default.createElement(y.VisuallyHidden,null,e),n.default.createElement(A.default,{"aria-hidden":!0}))});P.displayName="PreviousLink";const b=n.default.forwardRef((r,a)=>{var i=r,{children:e}=i,t=u(i,["children"]);const{activePage:o,pageCount:s}=v.usePagination(),l=o===s;return n.default.createElement(_,d({ref:a,"aria-disabled":l,tabIndex:l?-1:void 0},t),n.default.createElement(y.VisuallyHidden,null,e),n.default.createElement(F.default,{"aria-hidden":!0}))});b.displayName="NextLink";const L=n.default.forwardRef((i,r)=>{var o=i,{number:e,children:t}=o,a=u(o,["number","children"]);const{activePage:s}=v.usePagination(),l=s===e;return n.default.createElement(M,g(d({ref:r},a),{active:l}),n.default.createElement(y.VisuallyHidden,null,t),n.default.createElement(T,{"aria-hidden":!0,variant:"pi",fontWeight:l?"bold":null},e))});L.displayName="PageLink";const x=a=>{var r=a,{children:e}=r,t=u(r,["children"]);return n.default.createElement(z,g(d({},t),{as:"div"}),n.default.createElement(y.VisuallyHidden,null,e),n.default.createElement(T,{"aria-hidden":!0,variant:"pi"},"\u2026"))};L.propTypes={children:h.default.node.isRequired,number:h.default.number.isRequired};const E={children:h.default.node.isRequired};b.propTypes=E;P.propTypes=E;x.propTypes={children:h.default.node.isRequired};exports.Dots=x;exports.NextLink=b;exports.PageLink=L;exports.PreviousLink=P;
+`,p=a.default.forwardRef(({children:e,...t},n)=>{const{activePage:i}=c.usePagination(),r=i===1;return a.default.createElement(v,{ref:n,"aria-disabled":r,tabIndex:r?-1:void 0,...t},a.default.createElement(u.VisuallyHidden,null,e),a.default.createElement(E.default,{"aria-hidden":!0}))});p.displayName="PreviousLink";const h=a.default.forwardRef(({children:e,...t},n)=>{const{activePage:i,pageCount:r}=c.usePagination(),o=i===r;return a.default.createElement(v,{ref:n,"aria-disabled":o,tabIndex:o?-1:void 0,...t},a.default.createElement(u.VisuallyHidden,null,e),a.default.createElement(w.default,{"aria-hidden":!0}))});h.displayName="NextLink";const y=a.default.forwardRef(({number:e,children:t,...n},i)=>{const{activePage:r}=c.usePagination(),o=r===e;return a.default.createElement(C,{ref:i,...n,active:o},a.default.createElement(u.VisuallyHidden,null,t),a.default.createElement(g,{"aria-hidden":!0,variant:"pi",fontWeight:o?"bold":null},e))});y.displayName="PageLink";const m=({children:e,...t})=>a.default.createElement(j,{...t,as:"div"},a.default.createElement(u.VisuallyHidden,null,e),a.default.createElement(g,{"aria-hidden":!0,variant:"pi"},"\u2026"));y.propTypes={children:d.default.node.isRequired,number:d.default.number.isRequired};const P={children:d.default.node.isRequired};h.propTypes=P;p.propTypes=P;m.propTypes={children:d.default.node.isRequired};exports.Dots=m;exports.NextLink=h;exports.PageLink=y;exports.PreviousLink=p;