@strapi/design-system 1.7.0-alpha.5 → 1.7.1

package/dist/v2/MainNav/NavUser.js

@@ -1,29 +1,32 @@
-import e from "react";
-import r from "prop-types";
-import m from "styled-components";
-import { useMainNav as s } from "./MainNavContext.js";
-import { Avatar as c, Initials as f } from "../../Avatar/Avatar.js";
-import "../../Avatar/AvatarGroup.js";
+import { jsx as r, jsxs as l } from "react/jsx-runtime";
+import m from "react";
+import i from "prop-types";
+import f from "styled-components";
+import { useMainNav as c } from "./MainNavContext.js";
 import { Box as n } from "../../Box/Box.js";
 import { Flex as u } from "../../Flex/Flex.js";
-import { Typography as g } from "../../Typography/Typography.js";
+import { Avatar as h, Initials as g } from "../../Avatar/Avatar.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 = s();
-  return /* @__PURE__ */ e.createElement(y, { paddingTop: 3, paddingBottom: 3, paddingLeft: 5, paddingRight: 5, ...p }, /* @__PURE__ */ e.createElement(u, { as: "button", justifyContent: a ? "center" : void 0, ref: d }, t ? /* @__PURE__ */ e.createElement(c, { src: t, alt: "", "aria-hidden": !0 }) : /* @__PURE__ */ e.createElement(f, 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__ */ e.createElement(g, { ellipsis: !0, textColor: "neutral600" }, i))));
+import { Typography as x } from "../../Typography/Typography.js";
+const y = f(n)`
+  border-top: 1px solid ${({ theme: o }) => o.colors.neutral150};
+`, t = m.forwardRef(({ src: o, children: e, initials: a, ...s }, p) => {
+  const d = c();
+  return /* @__PURE__ */ r(y, { paddingTop: 3, paddingBottom: 3, paddingLeft: 5, paddingRight: 5, ...s, children: /* @__PURE__ */ l(u, { as: "button", justifyContent: d ? "center" : void 0, ref: p, children: [
+    o ? /* @__PURE__ */ r(h, { src: o, alt: "", "aria-hidden": !0 }) : /* @__PURE__ */ r(g, { children: a }),
+    d ? /* @__PURE__ */ r(v, { children: /* @__PURE__ */ r("span", { children: e }) }) : /* @__PURE__ */ r(n, { width: `${130 / 16}rem`, paddingLeft: 2, as: "span", children: /* @__PURE__ */ r(x, { ellipsis: !0, textColor: "neutral600", children: e }) })
+  ] }) });
 });
-o.displayName = "NavUser";
-o.defaultProps = {
+t.displayName = "NavUser";
+t.defaultProps = {
   src: void 0,
   initials: void 0
 };
-o.propTypes = {
-  children: r.node.isRequired,
-  initials: r.node,
-  src: r.string
+t.propTypes = {
+  children: i.node.isRequired,
+  initials: i.node,
+  src: i.string
 };
 export {
-  o as NavUser
+  t 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("./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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./MainNav.cjs"),a=require("./NavBrand.cjs"),n=require("./NavCondense.cjs"),r=require("./NavFooter.cjs"),o=require("./NavLink.cjs"),v=require("./NavSection.cjs"),N=require("./NavSections.cjs"),i=require("./NavUser.cjs");exports.MainNav=e.MainNav;exports.NavBrand=a.NavBrand;exports.NavCondense=n.NavCondense;exports.NavFooter=r.NavFooter;exports.NavLink=o.NavLink;exports.NavSection=v.NavSection;exports.NavSections=N.NavSections;exports.NavUser=i.NavUser;

package/dist/v2/Pagination/Pagination.cjs

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const p=require("react"),f=require("prop-types"),g=require("styled-components"),m=require("./PaginationContext.cjs"),b=require("../../Flex/Flex.cjs"),l=e=>e&&typeof e=="object"&&"default"in e?e:{default:e};function y(e){if(e&&e.__esModule)return e;const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const n=y(p),o=l(f),s=l(g),P=s.default.nav``,_=s.default(b.Flex)`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),p=require("react"),o=require("prop-types"),c=require("styled-components"),g=require("./PaginationContext.cjs"),b=require("../../Flex/Flex.cjs");function f(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const s=f(p),P=c.nav``,m=c(b.Flex)`
   & > * + * {
     margin-left: ${({theme:e})=>e.spaces[1]};
   }
-`,i=({children:e,label:a,activePage:t,pageCount:r})=>{const u=n.useMemo(()=>({activePage:t,pageCount:r}),[t,r]);return n.createElement(m.PaginationContext.Provider,{value:u},n.createElement(P,{"aria-label":a},n.createElement(_,{as:"ul"},n.Children.map(e,(c,d)=>n.createElement("li",{key:d},c)))))};i.defaultProps={label:"pagination"};i.propTypes={activePage:o.default.number.isRequired,children:o.default.node.isRequired,label:o.default.string,pageCount:o.default.number.isRequired};exports.Pagination=i;
+`,a=({children:e,label:n,activePage:t,pageCount:r})=>{const l=s.useMemo(()=>({activePage:t,pageCount:r}),[t,r]);return i.jsx(g.PaginationContext.Provider,{value:l,children:i.jsx(P,{"aria-label":n,children:i.jsx(m,{as:"ul",children:s.Children.map(e,(u,d)=>i.jsx("li",{children:u},d))})})})};a.defaultProps={label:"pagination"};a.propTypes={activePage:o.number.isRequired,children:o.node.isRequired,label:o.string,pageCount:o.number.isRequired};exports.Pagination=a;

package/dist/v2/Pagination/Pagination.js

@@ -1,25 +1,26 @@
-import * as e from "react";
-import r from "prop-types";
-import i from "styled-components";
+import { jsx as r } from "react/jsx-runtime";
+import * as t from "react";
+import e from "prop-types";
+import a from "styled-components";
 import { PaginationContext as c } from "./PaginationContext.js";
 import { Flex as u } from "../../Flex/Flex.js";
-const d = i.nav``, f = i(u)`
+const f = a.nav``, g = a(u)`
   & > * + * {
-    margin-left: ${({ theme: t }) => t.spaces[1]};
+    margin-left: ${({ theme: i }) => i.spaces[1]};
   }
-`, o = ({ children: t, label: l, activePage: n, pageCount: a }) => {
-  const m = e.useMemo(() => ({ activePage: n, pageCount: a }), [n, a]);
-  return /* @__PURE__ */ e.createElement(c.Provider, { value: m }, /* @__PURE__ */ e.createElement(d, { "aria-label": l }, /* @__PURE__ */ e.createElement(f, { as: "ul" }, e.Children.map(t, (s, p) => /* @__PURE__ */ e.createElement("li", { key: p }, s)))));
+`, l = ({ children: i, label: s, activePage: n, pageCount: o }) => {
+  const p = t.useMemo(() => ({ activePage: n, pageCount: o }), [n, o]);
+  return /* @__PURE__ */ r(c.Provider, { value: p, children: /* @__PURE__ */ r(f, { "aria-label": s, children: /* @__PURE__ */ r(g, { as: "ul", children: t.Children.map(i, (m, d) => /* @__PURE__ */ r("li", { children: m }, d)) }) }) });
 };
-o.defaultProps = {
+l.defaultProps = {
   label: "pagination"
 };
-o.propTypes = {
-  activePage: r.number.isRequired,
-  children: r.node.isRequired,
-  label: r.string,
-  pageCount: r.number.isRequired
+l.propTypes = {
+  activePage: e.number.isRequired,
+  children: e.node.isRequired,
+  label: e.string,
+  pageCount: e.number.isRequired
 };
 export {
-  o as Pagination
+  l as Pagination
 };

package/dist/v2/Pagination/PaginationContext.cjs

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

package/dist/v2/Pagination/components.cjs

@@ -1,21 +1,21 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const L=require("react"),g=require("@strapi/icons"),k=require("prop-types"),q=require("styled-components"),u=require("./PaginationContext.cjs"),T=require("../../BaseLink/BaseLink.cjs"),x=require("../../themes/utils.cjs"),E=require("../../Typography/Typography.cjs"),d=require("../../VisuallyHidden/VisuallyHidden.cjs"),c=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},a=c(L),l=c(k),s=c(q),v=s.default(E.Typography)`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),c=require("react"),x=require("@strapi/icons"),d=require("prop-types"),t=require("styled-components"),u=require("./PaginationContext.cjs"),k=require("../../themes/utils.cjs"),L=require("../../Typography/Typography.cjs"),j=require("../../BaseLink/BaseLink.cjs"),l=require("../../VisuallyHidden/VisuallyHidden.cjs"),y=t(L.Typography)`
   line-height: revert;
-`,w={active:!0},p=s.default(T.BaseLink).withConfig({shouldForwardProp:(e,t)=>!w[e]&&t(e)})`
+`,q={active:!0},p=t(j.BaseLink).withConfig({shouldForwardProp:(e,i)=>!q[e]&&i(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};
+  box-shadow: ${({active:e,theme:i})=>e?i.shadows.filterShadow:void 0};
   text-decoration: none;
   display: flex;
 
-  ${x.buttonFocusStyle}
-`,R=s.default(p)`
-  color: ${({theme:e,active:t})=>t?e.colors.primary700:e.colors.neutral800};
-  background: ${({theme:e,active:t})=>t?e.colors.neutral0:void 0};
+  ${k.buttonFocusStyle}
+`,m=t(p)`
+  color: ${({theme:e,active:i})=>i?e.colors.primary700:e.colors.neutral800};
+  background: ${({theme:e,active:i})=>i?e.colors.neutral0:void 0};
 
   &:hover {
     box-shadow: ${({theme:e})=>e.shadows.filterShadow};
   }
-`,m=s.default(p)`
+`,P=t(p)`
   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}
-`,$=s.default(p)`
+`,w=t(p)`
   color: ${({theme:e})=>e.colors.neutral800};
-`,f=a.default.forwardRef(({children:e,...t},n)=>{const{activePage:i}=u.usePagination(),r=i===1;return a.default.createElement(m,{ref:n,"aria-disabled":r,tabIndex:r?-1:void 0,...t},a.default.createElement(d.VisuallyHidden,null,e),a.default.createElement(g.ChevronLeft,{"aria-hidden":!0}))});f.displayName="PreviousLink";const y=a.default.forwardRef(({children:e,...t},n)=>{const{activePage:i,pageCount:r}=u.usePagination(),o=i===r;return a.default.createElement(m,{ref:n,"aria-disabled":o,tabIndex:o?-1:void 0,...t},a.default.createElement(d.VisuallyHidden,null,e),a.default.createElement(g.ChevronRight,{"aria-hidden":!0}))});y.displayName="NextLink";const h=a.default.forwardRef(({number:e,children:t,...n},i)=>{const{activePage:r}=u.usePagination(),o=r===e;return a.default.createElement(R,{ref:i,...n,active:o},a.default.createElement(d.VisuallyHidden,null,t),a.default.createElement(v,{"aria-hidden":!0,variant:"pi",fontWeight:o?"bold":null},e))});h.displayName="PageLink";const P=({children:e,...t})=>a.default.createElement($,{...t,as:"div"},a.default.createElement(d.VisuallyHidden,null,e),a.default.createElement(v,{"aria-hidden":!0,variant:"pi"},"\u2026"));h.propTypes={children:l.default.node.isRequired,number:l.default.number.isRequired};const b={children:l.default.node.isRequired};y.propTypes=b;f.propTypes=b;P.propTypes={children:l.default.node.isRequired};exports.Dots=P;exports.NextLink=y;exports.PageLink=h;exports.PreviousLink=f;
+`,h=c.forwardRef(({children:e,...i},o)=>{const{activePage:n}=u.usePagination(),s=n===1;return r.jsxs(P,{ref:o,"aria-disabled":s,tabIndex:s?-1:void 0,...i,children:[r.jsx(l.VisuallyHidden,{children:e}),r.jsx(x.ChevronLeft,{"aria-hidden":!0})]})});h.displayName="PreviousLink";const v=c.forwardRef(({children:e,...i},o)=>{const{activePage:n,pageCount:s}=u.usePagination(),a=n===s;return r.jsxs(P,{ref:o,"aria-disabled":a,tabIndex:a?-1:void 0,...i,children:[r.jsx(l.VisuallyHidden,{children:e}),r.jsx(x.ChevronRight,{"aria-hidden":!0})]})});v.displayName="NextLink";const g=c.forwardRef(({number:e,children:i,...o},n)=>{const{activePage:s}=u.usePagination(),a=s===e;return r.jsxs(m,{ref:n,...o,active:a,children:[r.jsx(l.VisuallyHidden,{children:i}),r.jsx(y,{"aria-hidden":!0,variant:"pi",fontWeight:a?"bold":null,children:e})]})});g.displayName="PageLink";const b=({children:e,...i})=>r.jsxs(w,{...i,as:"div",children:[r.jsx(l.VisuallyHidden,{children:e}),r.jsx(y,{"aria-hidden":!0,variant:"pi",children:"…"})]});g.propTypes={children:d.node.isRequired,number:d.number.isRequired};const f={children:d.node.isRequired};v.propTypes=f;h.propTypes=f;b.propTypes={children:d.node.isRequired};exports.Dots=b;exports.NextLink=v;exports.PageLink=g;exports.PreviousLink=h;

package/dist/v2/Pagination/components.js

@@ -1,18 +1,19 @@
-import t from "react";
-import { ChevronLeft as b, ChevronRight as y } from "@strapi/icons";
+import { jsxs as l, jsx as o } from "react/jsx-runtime";
+import p from "react";
+import { ChevronLeft as P, ChevronRight as x } from "@strapi/icons";
 import d from "prop-types";
 import s from "styled-components";
-import { usePagination as c } from "./PaginationContext.js";
-import { BaseLink as P } from "../../BaseLink/BaseLink.js";
-import { buttonFocusStyle as E } from "../../themes/utils.js";
-import { Typography as k } from "../../Typography/Typography.js";
-import { VisuallyHidden as l } from "../../VisuallyHidden/VisuallyHidden.js";
-const m = s(k)`
+import { usePagination as h } from "./PaginationContext.js";
+import { buttonFocusStyle as k } from "../../themes/utils.js";
+import { Typography as w } from "../../Typography/Typography.js";
+import { BaseLink as L } from "../../BaseLink/BaseLink.js";
+import { VisuallyHidden as c } from "../../VisuallyHidden/VisuallyHidden.js";
+const m = s(w)`
   line-height: revert;
-`, w = {
+`, $ = {
   active: !0
-}, p = s(P).withConfig({
-  shouldForwardProp: (e, r) => !w[e] && r(e)
+}, u = s(L).withConfig({
+  shouldForwardProp: (e, r) => !$[e] && r(e)
 })`
   padding: ${({ theme: e }) => e.spaces[3]};
   border-radius: ${({ theme: e }) => e.borderRadius};
@@ -20,15 +21,15 @@ const m = s(k)`
   text-decoration: none;
   display: flex;
 
-  ${E}
-`, L = s(p)`
+  ${k}
+`, R = s(u)`
   color: ${({ theme: e, active: r }) => r ? e.colors.primary700 : e.colors.neutral800};
   background: ${({ theme: e, active: r }) => r ? e.colors.neutral0 : void 0};
 
   &:hover {
     box-shadow: ${({ theme: e }) => e.shadows.filterShadow};
   }
-`, u = s(p)`
+`, f = s(u)`
   font-size: 0.7rem;
   svg path {
     fill: ${(e) => e["aria-disabled"] ? e.theme.colors.neutral300 : e.theme.colors.neutral600};
@@ -44,39 +45,51 @@ const m = s(k)`
   ${(e) => e["aria-disabled"] ? `
   pointer-events: none;
     ` : void 0}
-`, $ = s(p)`
+`, T = s(u)`
   color: ${({ theme: e }) => e.colors.neutral800};
-`, h = t.forwardRef(({ children: e, ...r }, a) => {
-  const { activePage: i } = c(), o = i === 1;
-  return /* @__PURE__ */ t.createElement(u, { ref: a, "aria-disabled": o, tabIndex: o ? -1 : void 0, ...r }, /* @__PURE__ */ t.createElement(l, null, e), /* @__PURE__ */ t.createElement(b, { "aria-hidden": !0 }));
+`, v = p.forwardRef(({ children: e, ...r }, a) => {
+  const { activePage: t } = h(), i = t === 1;
+  return /* @__PURE__ */ l(f, { ref: a, "aria-disabled": i, tabIndex: i ? -1 : void 0, ...r, children: [
+    /* @__PURE__ */ o(c, { children: e }),
+    /* @__PURE__ */ o(P, { "aria-hidden": !0 })
+  ] });
 });
-h.displayName = "PreviousLink";
-const f = t.forwardRef(({ children: e, ...r }, a) => {
-  const { activePage: i, pageCount: o } = c(), n = i === o;
-  return /* @__PURE__ */ t.createElement(u, { ref: a, "aria-disabled": n, tabIndex: n ? -1 : void 0, ...r }, /* @__PURE__ */ t.createElement(l, null, e), /* @__PURE__ */ t.createElement(y, { "aria-hidden": !0 }));
+v.displayName = "PreviousLink";
+const g = p.forwardRef(({ children: e, ...r }, a) => {
+  const { activePage: t, pageCount: i } = h(), n = t === i;
+  return /* @__PURE__ */ l(f, { ref: a, "aria-disabled": n, tabIndex: n ? -1 : void 0, ...r, children: [
+    /* @__PURE__ */ o(c, { children: e }),
+    /* @__PURE__ */ o(x, { "aria-hidden": !0 })
+  ] });
 });
-f.displayName = "NextLink";
-const v = t.forwardRef(({ number: e, children: r, ...a }, i) => {
-  const { activePage: o } = c(), n = o === e;
-  return /* @__PURE__ */ t.createElement(L, { ref: i, ...a, active: n }, /* @__PURE__ */ t.createElement(l, null, r), /* @__PURE__ */ t.createElement(m, { "aria-hidden": !0, variant: "pi", fontWeight: n ? "bold" : null }, e));
+g.displayName = "NextLink";
+const b = p.forwardRef(({ number: e, children: r, ...a }, t) => {
+  const { activePage: i } = h(), n = i === e;
+  return /* @__PURE__ */ l(R, { ref: t, ...a, active: n, children: [
+    /* @__PURE__ */ o(c, { children: r }),
+    /* @__PURE__ */ o(m, { "aria-hidden": !0, variant: "pi", fontWeight: n ? "bold" : null, children: e })
+  ] });
 });
-v.displayName = "PageLink";
-const x = ({ children: e, ...r }) => /* @__PURE__ */ t.createElement($, { ...r, as: "div" }, /* @__PURE__ */ t.createElement(l, null, e), /* @__PURE__ */ t.createElement(m, { "aria-hidden": !0, variant: "pi" }, "\u2026"));
-v.propTypes = {
+b.displayName = "PageLink";
+const N = ({ children: e, ...r }) => /* @__PURE__ */ l(T, { ...r, as: "div", children: [
+  /* @__PURE__ */ o(c, { children: e }),
+  /* @__PURE__ */ o(m, { "aria-hidden": !0, variant: "pi", children: "…" })
+] });
+b.propTypes = {
   children: d.node.isRequired,
   number: d.number.isRequired
 };
-const g = {
+const y = {
   children: d.node.isRequired
 };
-f.propTypes = g;
-h.propTypes = g;
-x.propTypes = {
+g.propTypes = y;
+v.propTypes = y;
+N.propTypes = {
   children: d.node.isRequired
 };
 export {
-  x as Dots,
-  f as NextLink,
-  v as PageLink,
-  h as PreviousLink
+  N as Dots,
+  g as NextLink,
+  b as PageLink,
+  v as PreviousLink
 };

package/dist/v2/Pagination/index.cjs

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

package/dist/v2/SimpleMenu/Menu.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),a=require("react"),y=require("@radix-ui/react-dropdown-menu"),c=require("@strapi/icons"),d=require("styled-components"),j=require("../../Box/Box.cjs"),m=require("../../Button/Button.cjs"),u=require("../../Flex/Flex.cjs"),S=require("../../helpers/theme.cjs"),i=require("../../Typography/Typography.cjs"),w=require("../Link/Link.cjs"),T=e=>e&&typeof e=="object"&&"default"in e?e:{default:e};function C(e){if(e&&e.__esModule)return e;const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const l=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(r,o,l.get?l:{enumerable:!0,get:()=>e[o]})}}return r.default=e,Object.freeze(r)}const n=C(y),s=T(d),R=n.Root,k=a.forwardRef(({size:e,...r},o)=>t.jsx(n.Trigger,{asChild:!0,children:t.jsx(m.Button,{ref:o,type:"button",variant:"ghost",endIcon:t.jsx(c.CarretDown,{width:`${6/16}rem`,height:`${4/16}rem`,"aria-hidden":!0}),paddingTop:e==="S"?1:2,paddingBottom:e==="S"?1:2,paddingLeft:e==="S"?3:4,paddingRight:e==="S"?3:4,...r})})),v=a.forwardRef(({children:e,intersectionId:r,popoverPlacement:o="bottom-start",...l},b)=>{const[f,x]=o.split("-");return t.jsx(n.Portal,{children:t.jsx(n.Content,{align:x,side:f,loop:!0,asChild:!0,children:t.jsxs(h,{ref:b,direction:"column",borderStyle:"solid",borderWidth:"1px",borderColor:"neutral150",hasRadius:!0,background:"neutral0",shadow:"filterShadow",maxHeight:"15rem",padding:1,alignItems:"flex-start",position:"relative",overflow:"auto",...l,children:[e,t.jsx(j.Box,{id:r,width:"100%",height:"1px"})]})})})}),h=s.default(u.Flex)`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),a=require("react"),x=require("@radix-ui/react-dropdown-menu"),c=require("@strapi/icons"),i=require("styled-components"),y=require("../../helpers/theme.cjs"),S=require("../Link/Link.cjs"),w=require("../../Button/Button.cjs"),j=require("../../Box/Box.cjs"),d=require("../../Flex/Flex.cjs"),s=require("../../Typography/Typography.cjs");function m(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const l=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,l.get?l:{enumerable:!0,get:()=>e[o]})}}return t.default=e,Object.freeze(t)}const n=m(x),T=n.Root,C=a.forwardRef(({size:e,...t},o)=>r.jsx(n.Trigger,{asChild:!0,children:r.jsx(w.Button,{ref:o,type:"button",variant:"ghost",endIcon:r.jsx(c.CarretDown,{width:`${6/16}rem`,height:`${4/16}rem`,"aria-hidden":!0}),paddingTop:e==="S"?1:2,paddingBottom:e==="S"?1:2,paddingLeft:e==="S"?3:4,paddingRight:e==="S"?3:4,...t})})),R=a.forwardRef(({children:e,intersectionId:t,popoverPlacement:o="bottom-start",...l},b)=>{const[p,f]=o.split("-");return r.jsx(n.Portal,{children:r.jsx(n.Content,{align:f,side:p,loop:!0,asChild:!0,children:r.jsxs(u,{ref:b,direction:"column",borderStyle:"solid",borderWidth:"1px",borderColor:"neutral150",hasRadius:!0,background:"neutral0",shadow:"filterShadow",maxHeight:"15rem",padding:1,alignItems:"flex-start",position:"relative",overflow:"auto",...l,children:[e,r.jsx(j.Box,{id:t,width:"100%",height:"1px"})]})})})}),u=i(d.Flex)`
   scrollbar-width: none;
   -ms-overflow-style: none;
   -webkit-overflow-scrolling: touch;
@@ -6,20 +6,20 @@
   &::-webkit-scrollbar {
     display: none;
   }
-`,$=({onSelect:e,disabled:r=!1,...o})=>t.jsx(n.Item,{asChild:!0,onSelect:e,disabled:r,children:o.isLink||o.isExternal?t.jsx(L,{color:"neutral800",...o,isExternal:o.isExternal??!1,children:t.jsx(i.Typography,{children:o.children})}):t.jsx(p,{cursor:"pointer",color:"neutral800",background:"transparent",borderStyle:"none",...o,children:t.jsx(i.Typography,{children:o.children})})}),g=({theme:e})=>d.css`
+`,$=({onSelect:e,disabled:t=!1,...o})=>r.jsx(n.Item,{asChild:!0,onSelect:e,disabled:t,children:o.isLink||o.isExternal?r.jsx(v,{color:"neutral800",...o,isExternal:o.isExternal??!1,children:r.jsx(s.Typography,{children:o.children})}):r.jsx(g,{cursor:"pointer",color:"neutral800",background:"transparent",borderStyle:"none",...o,children:r.jsx(s.Typography,{children:o.children})})}),h=({theme:e})=>i.css`
   text-align: left;
   width: 100%;
   border-radius: ${e.borderRadius};
   padding: ${e.spaces[2]} ${e.spaces[4]};
 
-  ${i.Typography} {
+  ${s.Typography} {
     color: inherit;
   }
 
   &[aria-disabled] {
     cursor: not-allowed;
 
-    ${i.Typography} {
+    ${s.Typography} {
       color: ${e.colors.neutral500};
     }
   }
@@ -35,11 +35,11 @@
       content: none;
     }
   }
-`,p=s.default(u.Flex)`
-  ${g}
-`,L=s.default(w.Link)`
+`,g=i(d.Flex)`
+  ${h}
+`,v=i(S.Link)`
   /* We include this here again because typically when people use OptionLink they provide an as prop which cancels the Box props */
-  color: ${({theme:e,color:r})=>S.extractStyleFromTheme(e.colors,r,void 0)};
+  color: ${({theme:e,color:t})=>y.extractStyleFromTheme(e.colors,t,void 0)};
   text-decoration: none;
 
   &:hover {
@@ -51,15 +51,15 @@
     fill: currentColor;
   }
 
-  ${g}
-`,M=a.forwardRef((e,r)=>t.jsx(n.Label,{asChild:!0,children:t.jsx(q,{ref:r,variant:"sigma",textColor:"neutral600",...e})})),q=s.default(i.Typography)`
+  ${h}
+`,k=a.forwardRef((e,t)=>r.jsx(n.Label,{asChild:!0,children:r.jsx(M,{ref:t,variant:"sigma",textColor:"neutral600",...e})})),M=i(s.Typography)`
   padding: ${({theme:e})=>e.spaces[2]} ${({theme:e})=>e.spaces[4]};
-`,B=n.Sub,O=a.forwardRef(({disabled:e=!1,...r},o)=>t.jsx(n.SubTrigger,{asChild:!0,disabled:e,children:t.jsxs(_,{ref:o,color:"neutral800",as:"button",type:"button",background:"transparent",borderStyle:"none",gap:5,...r,children:[t.jsx(i.Typography,{children:r.children}),t.jsx(I,{height:12,width:12})]})})),_=s.default(p)`
+`,q=n.Sub,L=a.forwardRef(({disabled:e=!1,...t},o)=>r.jsx(n.SubTrigger,{asChild:!0,disabled:e,children:r.jsxs(O,{ref:o,color:"neutral800",as:"button",type:"button",background:"transparent",borderStyle:"none",gap:5,...t,children:[r.jsx(s.Typography,{children:t.children}),r.jsx(B,{height:12,width:12})]})})),O=i(g)`
   &[data-state='open'] {
     background-color: ${({theme:e})=>e.colors.primary100};
   }
-`,I=s.default(c.ChevronRight)`
+`,B=i(c.ChevronRight)`
   path {
     fill: ${({theme:e})=>e.colors.neutral500};
   }
-`,F=a.forwardRef((e,r)=>t.jsx(n.Portal,{children:t.jsx(n.SubContent,{sideOffset:8,asChild:!0,children:t.jsx(h,{ref:r,direction:"column",borderStyle:"solid",borderWidth:"1px",borderColor:"neutral150",hasRadius:!0,background:"neutral0",shadow:"filterShadow",maxHeight:"15rem",padding:1,alignItems:"flex-start",...e})})})),D=R,P=k,E=v,W=$,H=M,A=B,N=O,V=F;exports.Content=E;exports.Item=W;exports.Label=H;exports.Root=D;exports.SubContent=V;exports.SubRoot=A;exports.SubTrigger=N;exports.Trigger=P;
+`,I=a.forwardRef((e,t)=>r.jsx(n.Portal,{children:r.jsx(n.SubContent,{sideOffset:8,asChild:!0,children:r.jsx(u,{ref:t,direction:"column",borderStyle:"solid",borderWidth:"1px",borderColor:"neutral150",hasRadius:!0,background:"neutral0",shadow:"filterShadow",maxHeight:"15rem",padding:1,alignItems:"flex-start",...e})})})),D=T,P=C,F=R,E=$,W=k,_=q,H=L,A=I;exports.Content=F;exports.Item=E;exports.Label=W;exports.Root=D;exports.SubContent=A;exports.SubRoot=_;exports.SubTrigger=H;exports.Trigger=P;

package/dist/v2/SimpleMenu/Menu.js

@@ -3,68 +3,15 @@ import { forwardRef as a } from "react";
 import * as n from "@radix-ui/react-dropdown-menu";
 import { CarretDown as f, ChevronRight as S } from "@strapi/icons";
 import l, { css as w } from "styled-components";
-import { Box as x } from "../../Box/Box.js";
-import { Button as y } from "../../Button/Button.js";
+import { extractStyleFromTheme as x } from "../../helpers/theme.js";
+import { Link as y } from "../Link/Link.js";
+import { Button as C } from "../../Button/Button.js";
+import { Box as $ } from "../../Box/Box.js";
 import { Flex as s } from "../../Flex/Flex.js";
-import { extractStyleFromTheme as C } from "../../helpers/theme.js";
 import { Typography as i } from "../../Typography/Typography.js";
-import { Link as $ } from "../Link/Link.js";
-const v = n.Root, k = a(({
-  size: r,
-  ...o
-}, t) => e(n.Trigger, {
-  asChild: !0,
-  children: e(y, {
-    ref: t,
-    type: "button",
-    variant: "ghost",
-    endIcon: e(f, {
-      width: `${6 / 16}rem`,
-      height: `${4 / 16}rem`,
-      "aria-hidden": !0
-    }),
-    paddingTop: r === "S" ? 1 : 2,
-    paddingBottom: r === "S" ? 1 : 2,
-    paddingLeft: r === "S" ? 3 : 4,
-    paddingRight: r === "S" ? 3 : 4,
-    ...o
-  })
-})), R = a(({
-  children: r,
-  intersectionId: o,
-  popoverPlacement: t = "bottom-start",
-  ...g
-}, p) => {
+const v = n.Root, k = a(({ size: r, ...o }, t) => e(n.Trigger, { asChild: !0, children: e(C, { ref: t, type: "button", variant: "ghost", endIcon: e(f, { width: `${6 / 16}rem`, height: `${4 / 16}rem`, "aria-hidden": !0 }), paddingTop: r === "S" ? 1 : 2, paddingBottom: r === "S" ? 1 : 2, paddingLeft: r === "S" ? 3 : 4, paddingRight: r === "S" ? 3 : 4, ...o }) })), R = a(({ children: r, intersectionId: o, popoverPlacement: t = "bottom-start", ...g }, p) => {
   const [b, m] = t.split("-");
-  return e(n.Portal, {
-    children: e(n.Content, {
-      align: m,
-      side: b,
-      loop: !0,
-      asChild: !0,
-      children: d(c, {
-        ref: p,
-        direction: "column",
-        borderStyle: "solid",
-        borderWidth: "1px",
-        borderColor: "neutral150",
-        hasRadius: !0,
-        background: "neutral0",
-        shadow: "filterShadow",
-        maxHeight: "15rem",
-        padding: 1,
-        alignItems: "flex-start",
-        position: "relative",
-        overflow: "auto",
-        ...g,
-        children: [r, e(x, {
-          id: o,
-          width: "100%",
-          height: "1px"
-        })]
-      })
-    })
-  });
+  return e(n.Portal, { children: e(n.Content, { align: m, side: b, loop: !0, asChild: !0, children: d(c, { ref: p, direction: "column", borderStyle: "solid", borderWidth: "1px", borderColor: "neutral150", hasRadius: !0, background: "neutral0", shadow: "filterShadow", maxHeight: "15rem", padding: 1, alignItems: "flex-start", position: "relative", overflow: "auto", ...g, children: [r, e($, { id: o, width: "100%", height: "1px" })] }) }) });
 }), c = l(s)`
   scrollbar-width: none;
   -ms-overflow-style: none;
@@ -73,34 +20,7 @@ const v = n.Root, k = a(({
   &::-webkit-scrollbar {
     display: none;
   }
-`, T = ({
-  onSelect: r,
-  disabled: o = !1,
-  ...t
-}) => e(n.Item, {
-  asChild: !0,
-  onSelect: r,
-  disabled: o,
-  children: t.isLink || t.isExternal ? e(L, {
-    color: "neutral800",
-    ...t,
-    isExternal: t.isExternal ?? !1,
-    children: e(i, {
-      children: t.children
-    })
-  }) : e(h, {
-    cursor: "pointer",
-    color: "neutral800",
-    background: "transparent",
-    borderStyle: "none",
-    ...t,
-    children: e(i, {
-      children: t.children
-    })
-  })
-}), u = ({
-  theme: r
-}) => w`
+`, T = ({ onSelect: r, disabled: o = !1, ...t }) => e(n.Item, { asChild: !0, onSelect: r, disabled: o, children: t.isLink || t.isExternal ? e(L, { color: "neutral800", ...t, isExternal: t.isExternal ?? !1, children: e(i, { children: t.children }) }) : e(h, { cursor: "pointer", color: "neutral800", background: "transparent", borderStyle: "none", ...t, children: e(i, { children: t.children }) }) }), u = ({ theme: r }) => w`
   text-align: left;
   width: 100%;
   border-radius: ${r.borderRadius};
@@ -131,12 +51,9 @@ const v = n.Root, k = a(({
   }
 `, h = l(s)`
   ${u}
-`, L = l($)`
+`, L = l(y)`
   /* We include this here again because typically when people use OptionLink they provide an as prop which cancels the Box props */
-  color: ${({
-  theme: r,
-  color: o
-}) => C(r.colors, o, void 0)};
+  color: ${({ theme: r, color: o }) => x(r.colors, o, void 0)};
   text-decoration: none;
 
   &:hover {
@@ -149,74 +66,17 @@ const v = n.Root, k = a(({
   }
 
   ${u}
-`, M = a((r, o) => e(n.Label, {
-  asChild: !0,
-  children: e(I, {
-    ref: o,
-    variant: "sigma",
-    textColor: "neutral600",
-    ...r
-  })
-})), I = l(i)`
-  padding: ${({
-  theme: r
-}) => r.spaces[2]} ${({
-  theme: r
-}) => r.spaces[4]};
-`, B = n.Sub, O = a(({
-  disabled: r = !1,
-  ...o
-}, t) => e(n.SubTrigger, {
-  asChild: !0,
-  disabled: r,
-  children: d(E, {
-    ref: t,
-    color: "neutral800",
-    as: "button",
-    type: "button",
-    background: "transparent",
-    borderStyle: "none",
-    gap: 5,
-    ...o,
-    children: [e(i, {
-      children: o.children
-    }), e(W, {
-      height: 12,
-      width: 12
-    })]
-  })
-})), E = l(h)`
+`, M = a((r, o) => e(n.Label, { asChild: !0, children: e(I, { ref: o, variant: "sigma", textColor: "neutral600", ...r }) })), I = l(i)`
+  padding: ${({ theme: r }) => r.spaces[2]} ${({ theme: r }) => r.spaces[4]};
+`, B = n.Sub, O = a(({ disabled: r = !1, ...o }, t) => e(n.SubTrigger, { asChild: !0, disabled: r, children: d(E, { ref: t, color: "neutral800", as: "button", type: "button", background: "transparent", borderStyle: "none", gap: 5, ...o, children: [e(i, { children: o.children }), e(W, { height: 12, width: 12 })] }) })), E = l(h)`
   &[data-state='open'] {
-    background-color: ${({
-  theme: r
-}) => r.colors.primary100};
+    background-color: ${({ theme: r }) => r.colors.primary100};
   }
 `, W = l(S)`
   path {
-    fill: ${({
-  theme: r
-}) => r.colors.neutral500};
+    fill: ${({ theme: r }) => r.colors.neutral500};
   }
-`, j = a((r, o) => e(n.Portal, {
-  children: e(n.SubContent, {
-    sideOffset: 8,
-    asChild: !0,
-    children: e(c, {
-      ref: o,
-      direction: "column",
-      borderStyle: "solid",
-      borderWidth: "1px",
-      borderColor: "neutral150",
-      hasRadius: !0,
-      background: "neutral0",
-      shadow: "filterShadow",
-      maxHeight: "15rem",
-      padding: 1,
-      alignItems: "flex-start",
-      ...r
-    })
-  })
-})), N = v, Q = k, U = R, X = T, Y = M, Z = B, _ = O, z = j;
+`, j = a((r, o) => e(n.Portal, { children: e(n.SubContent, { sideOffset: 8, asChild: !0, children: e(c, { ref: o, direction: "column", borderStyle: "solid", borderWidth: "1px", borderColor: "neutral150", hasRadius: !0, background: "neutral0", shadow: "filterShadow", maxHeight: "15rem", padding: 1, alignItems: "flex-start", ...r }) }) })), N = v, Q = k, U = R, X = T, Y = M, Z = B, _ = O, z = j;
 export {
   U as Content,
   X as Item,

package/dist/v2/SimpleMenu/SimpleMenu.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),i=require("react"),n=require("./Menu.cjs"),M=require("../../hooks/useId.cjs"),g=require("../../hooks/useIntersection.cjs"),p=({children:l,id:a,onOpen:s,onClose:c,popoverPlacement:d,onReachEnd:o,...r})=>{const I=i.useRef(null),[f,h]=i.useState(!1),j=e=>{o&&o(e)},m=e=>{e&&typeof s=="function"?s():!e&&typeof c=="function"&&c(),h(e)},u=`intersection-${M.useId(a)}`;return g.useIntersection(I,j,{selectorToWatch:`#${u}`,skipWhen:!f}),t.jsxs(n.Root,{onOpenChange:m,children:[t.jsx(n.Trigger,{...r,children:r.label}),t.jsx(n.Content,{intersectionId:u,popoverPlacement:d,children:l})]})},q=n.Item;exports.Menu=n;exports.MenuItem=q;exports.SimpleMenu=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),u=require("react"),n=require("./Menu.cjs"),M=require("../../hooks/useId.cjs"),S=require("../../hooks/useIntersection.cjs"),j=({children:l,id:a,onOpen:s,onClose:c,popoverPlacement:d,onReachEnd:o,...r})=>{const I=u.useRef(null),[f,h]=u.useState(!1),m=e=>{o&&o(e)},p=e=>{e&&typeof s=="function"?s():!e&&typeof c=="function"&&c(),h(e)},g=M.useId(a),i=`intersection-${CSS.escape(g)}`;return S.useIntersection(I,m,{selectorToWatch:`#${i}`,skipWhen:!f}),t.jsxs(n.Root,{onOpenChange:p,children:[t.jsx(n.Trigger,{...r,children:r.label}),t.jsx(n.Content,{intersectionId:i,popoverPlacement:d,children:l})]})},q=n.Item;exports.Menu=n;exports.MenuItem=q;exports.SimpleMenu=j;