@strapi/design-system 1.4.0-beta.0 → 1.4.0-beta.1

package/dist/v2/MainNav/NavUser.js

@@ -1,54 +1,74 @@
-import e from "react";
-import o from "prop-types";
-import m from "styled-components";
-import { Avatar as s, Initials as c } from "../../Avatar/Avatar.js";
+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 "../../Avatar/AvatarGroup.js";
-import { Typography as f } from "../../Typography/Typography.js";
-import { Flex as u } from "../../Flex/Flex.js";
-import { Box as a } from "../../Box/Box.js";
-import { useMainNav as g } from "./MainNavContext.js";
-import { VisuallyHidden as v } from "../../VisuallyHidden/VisuallyHidden.js";
-const y = m(a)`
+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: t }) => t.colors.neutral150};
-`, r = e.forwardRef(({ src: t, children: i, initials: l, ...d }, p) => {
-  const n = g();
-  return /* @__PURE__ */ e.createElement(y, {
+  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({
     paddingTop: 3,
     paddingBottom: 3,
     paddingLeft: 5,
-    paddingRight: 5,
-    ...d
-  }, /* @__PURE__ */ e.createElement(u, {
+    paddingRight: 5
+  }, r), /* @__PURE__ */ i.createElement(b, {
     as: "button",
-    justifyContent: n ? "center" : void 0,
-    ref: p
-  }, t ? /* @__PURE__ */ e.createElement(s, {
-    src: t,
+    justifyContent: p ? "center" : void 0,
+    ref: v
+  }, e ? /* @__PURE__ */ i.createElement(x, {
+    src: e,
     alt: "",
     "aria-hidden": !0
-  }) : /* @__PURE__ */ e.createElement(c, null, l), n ? /* @__PURE__ */ e.createElement(v, null, /* @__PURE__ */ e.createElement("span", null, i)) : /* @__PURE__ */ e.createElement(a, {
+  }) : /* @__PURE__ */ i.createElement(h, null, o), p ? /* @__PURE__ */ i.createElement(T, null, /* @__PURE__ */ i.createElement("span", null, t)) : /* @__PURE__ */ i.createElement(g, {
     width: `${130 / 16}rem`,
     paddingLeft: 2,
     as: "span"
-  }, /* @__PURE__ */ e.createElement(f, {
+  }, /* @__PURE__ */ i.createElement(N, {
     ellipsis: !0,
     textColor: "neutral600"
-  }, i))));
+  }, t))));
 });
-r.displayName = "NavUser";
-r.defaultProps = {
+l.displayName = "NavUser";
+l.defaultProps = {
   src: void 0,
   initials: void 0
 };
-r.propTypes = {
-  children: o.node.isRequired,
-  initials: o.node,
-  src: o.string
+l.propTypes = {
+  children: a.node.isRequired,
+  initials: a.node,
+  src: a.string
 };
 export {
-  r as NavUser
+  l as NavUser
 };

package/dist/v2/Pagination/components.cjs

@@ -1,21 +1,21 @@
-"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)`
+"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)`
   line-height: revert;
-`,$={active:!0},f=l.default(x.BaseLink).withConfig({shouldForwardProp:(e,t)=>!$[e]&&t(e)})`
+`,I={active:!0},m=f.default(D.BaseLink).withConfig({shouldForwardProp:(e,t)=>!I[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;
 
-  ${_.buttonFocusStyle}
-`,C=l.default(f)`
+  ${B.buttonFocusStyle}
+`,M=f.default(m)`
   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};
   }
-`,v=l.default(f)`
+`,_=f.default(m)`
   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}
-`,j=l.default(f)`
+`,z=f.default(m)`
   color: ${({theme:e})=>e.colors.neutral800};
-`,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;
+`,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;

package/dist/v2/Pagination/components.js

@@ -1,19 +1,40 @@
-import o from "react";
-import s from "styled-components";
-import d from "prop-types";
-import b from "@strapi/icons/ChevronLeft";
-import y from "@strapi/icons/ChevronRight";
-import { VisuallyHidden as l } from "../../VisuallyHidden/VisuallyHidden.js";
-import { usePagination as c } from "./PaginationContext.js";
-import { Typography as P } from "../../Typography/Typography.js";
-import { buttonFocusStyle as E } from "../../themes/utils.js";
-import { BaseLink as k } from "../../BaseLink/BaseLink.js";
-const m = s(P)`
+var R = Object.defineProperty, T = Object.defineProperties;
+var N = Object.getOwnPropertyDescriptors;
+var m = Object.getOwnPropertySymbols;
+var y = Object.prototype.hasOwnProperty, P = Object.prototype.propertyIsEnumerable;
+var b = (e, r, o) => r in e ? R(e, r, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[r] = o, l = (e, r) => {
+  for (var o in r || (r = {}))
+    y.call(r, o) && b(e, o, r[o]);
+  if (m)
+    for (var o of m(r))
+      P.call(r, o) && b(e, o, r[o]);
+  return e;
+}, f = (e, r) => T(e, N(r));
+var c = (e, r) => {
+  var o = {};
+  for (var t in e)
+    y.call(e, t) && r.indexOf(t) < 0 && (o[t] = e[t]);
+  if (e != null && m)
+    for (var t of m(e))
+      r.indexOf(t) < 0 && P.call(e, t) && (o[t] = e[t]);
+  return o;
+};
+import a from "react";
+import p from "styled-components";
+import u from "prop-types";
+import W from "@strapi/icons/ChevronLeft";
+import q from "@strapi/icons/ChevronRight";
+import { VisuallyHidden as h } from "../../VisuallyHidden/VisuallyHidden.js";
+import { usePagination as v } from "./PaginationContext.js";
+import { Typography as C } from "../../Typography/Typography.js";
+import { buttonFocusStyle as S } from "../../themes/utils.js";
+import { BaseLink as A } from "../../BaseLink/BaseLink.js";
+const E = p(C)`
   line-height: revert;
-`, w = {
+`, D = {
   active: !0
-}, p = s(k).withConfig({
-  shouldForwardProp: (e, r) => !w[e] && r(e)
+}, g = p(A).withConfig({
+  shouldForwardProp: (e, r) => !D[e] && r(e)
 })`
   padding: ${({ theme: e }) => e.spaces[3]};
   border-radius: ${({ theme: e }) => e.borderRadius};
@@ -21,15 +42,15 @@ const m = s(P)`
   text-decoration: none;
   display: flex;
 
-  ${E}
-`, L = s(p)`
+  ${S}
+`, F = p(g)`
   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)`
+`, k = p(g)`
   font-size: 0.7rem;
   svg path {
     fill: ${(e) => e["aria-disabled"] ? e.theme.colors.neutral300 : e.theme.colors.neutral600};
@@ -45,67 +66,70 @@ const m = s(P)`
   ${(e) => e["aria-disabled"] ? `
   pointer-events: none;
     ` : void 0}
-`, $ = s(p)`
+`, I = p(g)`
   color: ${({ theme: e }) => e.colors.neutral800};
-`, h = o.forwardRef(({ children: e, ...r }, a) => {
-  const { activePage: i } = c(), t = i === 1;
-  return /* @__PURE__ */ o.createElement(u, {
-    ref: a,
-    "aria-disabled": t,
-    tabIndex: t ? -1 : void 0,
-    ...r
-  }, /* @__PURE__ */ o.createElement(l, null, e), /* @__PURE__ */ o.createElement(b, {
+`, w = a.forwardRef((t, o) => {
+  var i = t, { children: e } = i, r = c(i, ["children"]);
+  const { activePage: n } = v(), s = n === 1;
+  return /* @__PURE__ */ a.createElement(k, l({
+    ref: o,
+    "aria-disabled": s,
+    tabIndex: s ? -1 : void 0
+  }, r), /* @__PURE__ */ a.createElement(h, null, e), /* @__PURE__ */ a.createElement(W, {
     "aria-hidden": !0
   }));
 });
-h.displayName = "PreviousLink";
-const f = o.forwardRef(({ children: e, ...r }, a) => {
-  const { activePage: i, pageCount: t } = c(), n = i === t;
-  return /* @__PURE__ */ o.createElement(u, {
-    ref: a,
-    "aria-disabled": n,
-    tabIndex: n ? -1 : void 0,
-    ...r
-  }, /* @__PURE__ */ o.createElement(l, null, e), /* @__PURE__ */ o.createElement(y, {
+w.displayName = "PreviousLink";
+const L = a.forwardRef((t, o) => {
+  var i = t, { children: e } = i, r = c(i, ["children"]);
+  const { activePage: n, pageCount: s } = v(), d = n === s;
+  return /* @__PURE__ */ a.createElement(k, l({
+    ref: o,
+    "aria-disabled": d,
+    tabIndex: d ? -1 : void 0
+  }, r), /* @__PURE__ */ a.createElement(h, null, e), /* @__PURE__ */ a.createElement(q, {
     "aria-hidden": !0
   }));
 });
-f.displayName = "NextLink";
-const v = o.forwardRef(({ number: e, children: r, ...a }, i) => {
-  const { activePage: t } = c(), n = t === e;
-  return /* @__PURE__ */ o.createElement(L, {
-    ref: i,
-    ...a,
-    active: n
-  }, /* @__PURE__ */ o.createElement(l, null, r), /* @__PURE__ */ o.createElement(m, {
+L.displayName = "NextLink";
+const $ = a.forwardRef((i, t) => {
+  var n = i, { number: e, children: r } = n, o = c(n, ["number", "children"]);
+  const { activePage: s } = v(), d = s === e;
+  return /* @__PURE__ */ a.createElement(F, f(l({
+    ref: t
+  }, o), {
+    active: d
+  }), /* @__PURE__ */ a.createElement(h, null, r), /* @__PURE__ */ a.createElement(E, {
     "aria-hidden": !0,
     variant: "pi",
-    fontWeight: n ? "bold" : null
+    fontWeight: d ? "bold" : null
   }, e));
 });
-v.displayName = "PageLink";
-const x = ({ children: e, ...r }) => /* @__PURE__ */ o.createElement($, {
-  ...r,
-  as: "div"
-}, /* @__PURE__ */ o.createElement(l, null, e), /* @__PURE__ */ o.createElement(m, {
-  "aria-hidden": !0,
-  variant: "pi"
-}, "\u2026"));
-v.propTypes = {
-  children: d.node.isRequired,
-  number: d.number.isRequired
+$.displayName = "PageLink";
+const _ = (o) => {
+  var t = o, { children: e } = t, r = c(t, ["children"]);
+  return /* @__PURE__ */ a.createElement(I, f(l({}, r), {
+    as: "div"
+  }), /* @__PURE__ */ a.createElement(h, null, e), /* @__PURE__ */ a.createElement(E, {
+    "aria-hidden": !0,
+    variant: "pi"
+  }, "\u2026"));
+};
+$.propTypes = {
+  children: u.node.isRequired,
+  number: u.number.isRequired
 };
-const g = {
-  children: d.node.isRequired
+const x = {
+  children: u.node.isRequired
 };
-f.propTypes = g;
-h.propTypes = g;
-x.propTypes = {
-  children: d.node.isRequired
+L.propTypes = x;
+w.propTypes = x;
+_.propTypes = {
+  children: u.node.isRequired
 };
 export {
-  x as Dots,
-  f as NextLink,
-  v as PageLink,
-  h as PreviousLink
+  _ as Dots,
+  L as NextLink,
+  $ as PageLink,
+  w as PreviousLink
 };

package/dist/v2/SimpleMenu/SimpleMenu.cjs

@@ -1,19 +1,19 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react"),F=require("prop-types"),A=require("styled-components"),N=require("@strapi/icons/CarretDown"),S=require("../../Typography/Typography.cjs"),x=require("../../Box/Box.cjs"),$=require("../../Flex/Flex.cjs"),q=require("../../Button/Button.cjs"),V=require("../../BaseLink/BaseLink.cjs"),C=require("../../Popover/Popover.cjs"),M=require("./utils.cjs"),W=require("../../helpers/useId.cjs"),u=require("../../helpers/keyboardKeys.cjs"),K=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},o=K(r),n=K(F),k=K(A),z=K(N),U=k.default.button`
+"use strict";var Q=Object.defineProperty;var b=Object.getOwnPropertySymbols;var j=Object.prototype.hasOwnProperty,_=Object.prototype.propertyIsEnumerable;var M=(e,s,t)=>s in e?Q(e,s,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[s]=t,m=(e,s)=>{for(var t in s||(s={}))j.call(s,t)&&M(e,t,s[t]);if(b)for(var t of b(s))_.call(s,t)&&M(e,t,s[t]);return e};var D=(e,s)=>{var t={};for(var a in e)j.call(e,a)&&s.indexOf(a)<0&&(t[a]=e[a]);if(e!=null&&b)for(var a of b(e))s.indexOf(a)<0&&_.call(e,a)&&(t[a]=e[a]);return t};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react"),X=require("prop-types"),Y=require("styled-components"),L=require("@radix-ui/react-use-callback-ref"),Z=require("@strapi/icons/CarretDown"),F=require("../../Typography/Typography.cjs"),I=require("../../Box/Box.cjs"),ee=require("../../Flex/Flex.cjs"),A=require("../../Button/Button.cjs"),te=require("../../BaseLink/BaseLink.cjs"),N=require("../../Popover/Popover.cjs"),$=require("./utils.cjs"),ne=require("../../helpers/useId.cjs"),d=require("../../helpers/keyboardKeys.cjs"),K=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},r=K(l),o=K(X),B=K(Y),oe=K(Z),se=B.default.button`
   border: none;
   padding: 0;
   background: transparent;
   cursor: pointer;
-  ${M.getOptionStyle}
-`,G=k.default(V.BaseLink)`
+  ${$.getOptionStyle}
+`,ae=B.default(te.BaseLink)`
   text-decoration: none;
-  ${M.getOptionStyle}
-`,H=k.default.span`
+  ${$.getOptionStyle}
+`,re=B.default.span`
   display: flex;
   align-items: center;
   svg {
     height: 4px;
     width: 6px;
   }
-`,J=k.default(q.Button)`
+`,ue=B.default(A.Button)`
   padding: ${({theme:e})=>`${e.spaces[1]} ${e.spaces[3]}`};
-`,D=({as:e,children:p,onClick:y,isFocused:l,isLink:m,...E})=>{const c=r.useRef();r.useEffect(()=>{l&&c.current&&c.current.focus()},[l]);const g={tabIndex:l?0:-1,ref:c,role:"menuitem",...E},B=a=>{(a.key===u.KeyboardKeys.SPACE||a.key===u.KeyboardKeys.ENTER)&&y()};return m?o.default.createElement(G,{as:e,...g},o.default.createElement(x.Box,{padding:2},o.default.createElement(S.Typography,null,p))):o.default.createElement(U,{onKeyDown:B,onMouseDown:y,type:"button",...g},o.default.createElement(x.Box,{padding:2},o.default.createElement(S.Typography,null,p)))};D.defaultProps={onClick:()=>{},isFocused:!1,isLink:!1};D.propTypes={as:n.default.elementType,children:n.default.node.isRequired,isFocused:n.default.bool,isLink:n.default.bool,onClick:n.default.func};const f=({label:e,children:p,id:y,as:l,onOpen:m=()=>{},onClose:E=()=>{},size:c,popoverPlacement:g,...B})=>{const a=r.useRef(),I=W.useId("simplemenu",y),P=r.useRef(!1),[d,i]=r.useState(!1),[b,T]=r.useState(0),h=r.Children.toArray(p),v=c==="S"?J:q.Button,w=l||v;r.useEffect(()=>{if(["string","number"].includes(typeof e)){const t=h.findIndex(s=>s.props.children===e);t!==-1&&T(t)}},[e]),r.useEffect(()=>{P?.current?d&&typeof m=="function"?m():typeof E=="function"&&E():P.current=!0},[P,d]),r.useEffect(()=>{o.default.isValidElement(e)&&b==-1&&a.current.focus()},[e,b]);const O=t=>{d&&(t.key===u.KeyboardKeys.ESCAPE&&(t.stopPropagation(),i(!1),a.current.focus()),t.key===u.KeyboardKeys.DOWN&&T(s=>s===h.length-1?0:s+1),t.key===u.KeyboardKeys.UP&&T(s=>s===0?h.length-1:s-1))},R=t=>{(t.key===u.KeyboardKeys.ENTER||t.key===u.KeyboardKeys.SPACE)&&i(s=>!s)},j=t=>{t.preventDefault(),t.currentTarget.contains(t.relatedTarget)||i(!1)},_=t=>{t.preventDefault(),i(s=>!s)},L=h.map((t,s)=>o.default.createElement($.Flex,{as:"li",key:s,justifyContent:"center",role:"menuitem"},r.cloneElement(t,{onClick:()=>{t.props.onClick(),i(!1),a.current.focus()},isFocused:b===s})));return o.default.createElement("div",{onKeyDown:O},o.default.createElement(w,{label:o.default.isValidElement(e)?null:e,"aria-haspopup":!0,"aria-expanded":d,"aria-controls":I,onKeyDown:R,onMouseDown:_,ref:a,type:"button",variant:"ghost",endIcon:o.default.createElement(H,null,o.default.createElement(z.default,{"aria-hidden":!0})),...B},e),d&&o.default.createElement(C.Popover,{onBlur:j,placement:g,source:a,spacing:4},o.default.createElement(x.Box,{role:"menu",as:"ul",padding:1,id:I},L)))};f.defaultProps={as:void 0};f.displayName="SimpleMenu";f.defaultProps={popoverPlacement:"bottom-start",size:"M"};f.propTypes={as:n.default.any,children:n.default.oneOfType([n.default.arrayOf(n.default.node),n.default.node]).isRequired,id:n.default.string,label:n.default.oneOfType([n.default.string,n.default.number,n.default.element]).isRequired,onClose:n.default.func,onOpen:n.default.func,popoverPlacement:n.default.oneOf(C.POPOVER_PLACEMENTS),size:n.default.oneOf(["S","M"])};exports.MenuItem=D;exports.SimpleMenu=f;
+`,S=O=>{var g=O,{as:e,children:s,onClick:t,isFocused:a,isLink:C}=g,P=D(g,["as","children","onClick","isFocused","isLink"]);const i=l.useRef();l.useEffect(()=>{a&&i.current&&i.current.focus()},[a]);const x=m({tabIndex:a?0:-1,ref:i,role:"menuitem"},P),h=c=>{(c.key===d.KeyboardKeys.SPACE||c.key===d.KeyboardKeys.ENTER)&&t()};return C?r.default.createElement(ae,m({as:e},x),r.default.createElement(I.Box,{padding:2},r.default.createElement(F.Typography,null,s))):r.default.createElement(se,m({onKeyDown:h,onMouseDown:t,type:"button"},x),r.default.createElement(I.Box,{padding:2},r.default.createElement(F.Typography,null,s)))};S.defaultProps={as:void 0,onClick(){},isFocused:!1,isLink:!1};S.propTypes={as:o.default.elementType,children:o.default.node.isRequired,isFocused:o.default.bool,isLink:o.default.bool,onClick:o.default.func};const E=x=>{var h=x,{label:e,children:s,id:t,as:a,onOpen:C=()=>{},onClose:P=()=>{},size:O,popoverPlacement:g}=h,i=D(h,["label","children","id","as","onOpen","onClose","size","popoverPlacement"]);const c=l.useRef(),R=ne.useId("simplemenu",t),f=l.useRef(!1),[p,y]=l.useState(!1),[T,q]=l.useState(0),k=l.Children.toArray(s),V=O==="S"?ue:A.Button,W=a||V;l.useEffect(()=>{if(["string","number"].includes(typeof e)){const n=k.findIndex(u=>u.props.children===e);n!==-1&&q(n)}},[e]);const v=L.useCallbackRef(C),w=L.useCallbackRef(P);l.useEffect(()=>{f!=null&&f.current?p?v():w():f.current=!0},[f,p,v,w]),l.useEffect(()=>{r.default.isValidElement(e)&&T===-1&&c.current.focus()},[e,T]);const z=n=>{p&&(n.key===d.KeyboardKeys.ESCAPE&&(n.stopPropagation(),y(!1),c.current.focus()),n.key===d.KeyboardKeys.DOWN&&q(u=>u===k.length-1?0:u+1),n.key===d.KeyboardKeys.UP&&q(u=>u===0?k.length-1:u-1))},U=n=>{(n.key===d.KeyboardKeys.ENTER||n.key===d.KeyboardKeys.SPACE)&&y(u=>!u)},G=n=>{n.preventDefault(),n.currentTarget.contains(n.relatedTarget)||y(!1)},H=n=>{n.preventDefault(),y(u=>!u)},J=k.map((n,u)=>r.default.createElement(ee.Flex,{as:"li",key:u,justifyContent:"center",role:"menuitem"},l.cloneElement(n,{onClick(){n.props.onClick(),y(!1),c.current.focus()},isFocused:T===u})));return r.default.createElement("div",{onKeyDown:z},r.default.createElement(W,m({label:r.default.isValidElement(e)?null:e,"aria-haspopup":!0,"aria-expanded":p,"aria-controls":R,onKeyDown:U,onMouseDown:H,ref:c,type:"button",variant:"ghost",endIcon:r.default.createElement(re,null,r.default.createElement(oe.default,{"aria-hidden":!0}))},i),e),p&&r.default.createElement(N.Popover,{onBlur:G,placement:g,source:c,spacing:4},r.default.createElement(I.Box,{role:"menu",as:"ul",padding:1,id:R},J)))};E.defaultProps={as:void 0};E.displayName="SimpleMenu";E.defaultProps={id:void 0,onClose(){},onOpen(){},popoverPlacement:"bottom-start",size:"M"};E.propTypes={as:o.default.any,children:o.default.oneOfType([o.default.arrayOf(o.default.node),o.default.node]).isRequired,id:o.default.string,label:o.default.oneOfType([o.default.string,o.default.number,o.default.element]).isRequired,onClose:o.default.func,onOpen:o.default.func,popoverPlacement:o.default.oneOf(N.POPOVER_PLACEMENTS),size:o.default.oneOf(["S","M"])};exports.MenuItem=S;exports.SimpleMenu=E;