@contentful/f36-menu 6.0.0 → 6.2.0

package/dist/esm/index.js

@@ -1,2 +1,2 @@
-import*as g from'react';import g__default from'react';import {useMergeRefs,FloatingList,FloatingPortal,FloatingFocusManager,useListItem,useFloatingTree,useFloatingParentNodeId,FloatingTree,FloatingNode,useFloatingNodeId,offset,flip,shift,autoPlacement,size,useFloating,autoUpdate,useHover,safePolygon,useClick,useRole,useDismiss,useListNavigation,useTypeahead,useInteractions}from'@floating-ui/react';import {css,cx}from'@emotion/css';import d from'@contentful/f36-tokens';import {useId,getMenuItemStyles}from'@contentful/f36-core';import {Caption}from'@contentful/f36-typography';import {CaretRightIcon}from'@contentful/f36-icons';var Ge=Object.defineProperty,je=Object.defineProperties;var Ke=Object.getOwnPropertyDescriptors;var j=Object.getOwnPropertySymbols;var ge=Object.prototype.hasOwnProperty,Me=Object.prototype.propertyIsEnumerable;var fe=(e,t,o)=>t in e?Ge(e,t,{enumerable:true,configurable:true,writable:true,value:o}):e[t]=o,a=(e,t)=>{for(var o in t||(t={}))ge.call(t,o)&&fe(e,o,t[o]);if(j)for(var o of j(t))Me.call(t,o)&&fe(e,o,t[o]);return e},L=(e,t)=>je(e,Ke(t));var c=(e,t)=>{var o={};for(var n in e)ge.call(e,n)&&t.indexOf(n)<0&&(o[n]=e[n]);if(e!=null&&j)for(var n of j(e))t.indexOf(n)<0&&Me.call(e,n)&&(o[n]=e[n]);return o};var F=g__default.createContext(null);function N(){let e=g__default.useContext(F);if(!e)throw new Error("useMenuContext must be used within <MenuContext.Provider>");return e}var Pe=F.Provider;function xe({placement:e,isFullWidth:t=false,isAutoalignmentEnabled:o=true,isOpen:n,defaultIsOpen:u=false,onOpen:s,onClose:r,offset:i,renderOnlyWhenOpen:y=true,usePortal:M=true,closeOnEsc:f=true,closeOnBlur:P=true,closeOnSelect:m=true,autoFocus:R=true}){let I=g__default.useRef([]),b=g__default.useRef([]),p=useFloatingTree(),l=useFloatingNodeId(),h=useFloatingParentNodeId(),H=useListItem(),ie=g__default.useContext(F),S=h!=null,_=n!==void 0,[De,Oe]=g__default.useState(u),T=_?n:De,ae=g__default.useRef(T);g__default.useEffect(()=>{ae.current=T;},[T]);let X=g__default.useCallback((v,k,G)=>{if(_&&!s&&G==="click")return;let ze=ae.current;v!==ze&&(_||Oe(v),v?s==null||s():r==null||r());},[_,s,r]),[ue,Ae]=g__default.useState(false),[$,Y]=g__default.useState(0),z=[offset(i||(S?{mainAxis:4,alignmentAxis:-4}:5))],q;e!=="auto"&&o?(q=e,z.push(flip({padding:5}),shift({padding:5}))):e==="auto"?z.push(autoPlacement()):q=e,t&&z.push(size({apply({rects:v,elements:k}){Object.assign(k.floating.style,{minWidth:`${v.reference.width}px`});}}));let{floatingStyles:pe,refs:me,context:E}=useFloating({nodeId:l,open:T,onOpenChange:X,whileElementsMounted:autoUpdate,placement:q,middleware:z}),Be=useHover(E,{enabled:S,delay:{open:75},handleClose:safePolygon({blockPointerEvents:true})}),We=useClick(E,{event:"mousedown",toggle:!S,ignoreMouse:S}),Ue=useRole(E,{role:"menu"}),_e=useDismiss(E,{escapeKey:f,outsidePress:P,bubbles:true}),Xe=useListNavigation(E,{listRef:I,activeIndex:$,nested:S,onNavigate:Y,loop:true}),$e=useTypeahead(E,{listRef:b,onMatch:T?Y:void 0,activeIndex:$}),{getReferenceProps:le,getFloatingProps:ce,getItemProps:de}=useInteractions([Be,We,Ue,_e,Xe,$e]);return g__default.useEffect(()=>{if(!p)return;function v(){m&&X(false);}function k(G){G.nodeId!==l&&G.parentId===h&&X(false);}return p.events.on("click",v),p.events.on("menuopen",k),()=>{p.events.off("click",v),p.events.off("menuopen",k);}},[p,l,h,X,m]),g__default.useEffect(()=>{T&&p&&p.events.emit("menuopen",{parentId:h,nodeId:l});},[p,T,l,h]),g__default.useMemo(()=>({isOpen:T,hasFocusInside:ue,activeIndex:$,isNested:S,refs:me,elementsRef:I,labelsRef:b,floatingStyles:pe,context:E,renderOnlyWhenOpen:y,usePortal:M,autoFocus:R,getReferenceProps:le,getFloatingProps:ce,getItemProps:de,setHasFocusInside:Ae,setActiveIndex:Y,nodeId:l,item:H,parent:ie}),[$,E,pe,ce,de,le,ue,S,T,H,l,ie,me,y,M,R])}var Re=o=>{var n=o,{children:e}=n,t=c(n,["children"]);let u=xe(a({},t));return g.createElement(Pe,{value:u},g.createElement(FloatingNode,{id:u.nodeId},e))};var w=e=>{let i=e,{children:t,placement:o}=i,n=c(i,["children","placement"]),u=useFloatingParentNodeId(),s=o!=null?o:u===null?"bottom-start":"right-start",r=g__default.createElement(Re,a({placement:s},n),t);return u===null?g__default.createElement(FloatingTree,null,r):r};w.displayName="Menu";var be=()=>css({position:"sticky",top:0,left:0,backgroundColor:d.colorWhite,borderBottom:`1px solid ${d.gray300}`,marginBottom:d.spacing2Xs,padding:`${d.spacing2Xs} 0`,zIndex:1001}),Te=()=>css({position:"sticky",bottom:0,left:0,backgroundColor:d.colorWhite,borderTop:`1px solid ${d.gray300}`,marginTop:d.spacing2Xs,padding:`${d.spacing2Xs} 0`,zIndex:1001}),he=e=>({container:css({display:e.isOpen?"initial":"none",borderRadius:"8px",overflowY:"auto",position:"absolute",top:0,left:0,padding:0,background:d.colorWhite,paddingTop:e.hasStickyHeader?0:d.spacing2Xs,paddingBottom:e.hasStickyFooter?0:d.spacing2Xs,boxShadow:d.boxShadowDefault,zIndex:d.zIndexDropdown,"&:focus":{boxShadow:d.glowPrimary,outline:"none"},"&:focus:not(:focus-visible)":{boxShadow:d.boxShadowDefault}})});var D=e=>{let r=e,{children:t,testId:o="cf-ui-menu-list-header",className:n}=r,u=c(r,["children","testId","className"]),s=be();return g__default.createElement("div",a({"data-test-id":o,className:cx(s,n)},u),t)};D.displayName="MenuListHeader";var O=e=>{let r=e,{children:t,testId:o="cf-ui-menu-list-footer",className:n}=r,u=c(r,["children","testId","className"]),s=Te();return g__default.createElement("div",a({"data-test-id":o,className:cx(s,n)},u),t)};O.displayName="MenuListFooter";function Et(e){return !g__default.isValidElement(e)||typeof e.type=="string"?false:typeof e.type.displayName=="string"}var Ee=(e,t)=>{let b=e,{children:o,testId:n="cf-ui-menu-list",className:u,style:s}=b,r=c(b,["children","testId","className","style"]),i=N(),y=null,M=null,f=[],P=useMergeRefs([i.refs.setFloating,t]);g__default.Children.forEach(o,p=>{let l=true;Et(p)&&(p.type.displayName===D.displayName?(y=p,l=false):p.type.displayName===O.displayName&&(M=p,l=false)),l&&f.push(p);});let m=he({hasStickyHeader:!!y,hasStickyFooter:!!M,isOpen:i.isOpen});if(i.renderOnlyWhenOpen&&!i.isOpen)return null;let R=g__default.createElement("div",a(a({role:"menu",style:a(a({},s),i.floatingStyles),className:cx(m.container,u),"data-test-id":n,ref:P},r),i.getFloatingProps()),y,f,M),I=p=>i.autoFocus===false?p:g__default.createElement(FloatingFocusManager,{context:i.context,modal:false,initialFocus:i.isNested?-1:0,returnFocus:!i.isNested},p);return g__default.createElement(FloatingList,{elementsRef:i.elementsRef,labelsRef:i.labelsRef},i.usePortal?g__default.createElement(FloatingPortal,null,I(R)):I(R))};Ee.displayName="MenuList";var Z=g__default.forwardRef(Ee);function Se(){let e=g__default.useContext(F),t=useListItem(),o=useFloatingTree(),n=t.index===e.activeIndex,u=g__default.useCallback((s={})=>e.getItemProps(L(a({},s),{onClick(r){var i;(i=s.onClick)==null||i.call(s,r),o==null||o.events.emit("click");},onFocus(r){var i;(i=s.onFocus)==null||i.call(s,r),e.setHasFocusInside(true);}})),[e,o]);return {isActive:n,item:t,menu:e,tree:o,getItemProps:u}}var Ce=({isActive:e,isDisabled:t})=>cx(getMenuItemStyles({isActive:e,isDisabled:t}),css({width:`calc(100% - 2 * ${d.spacing2Xs})`,margin:`0 ${d.spacing2Xs}`,gap:d.spacingXs}));var wt="button";function Le(e,t){let H=e,{testId:o,className:n,as:u,isActive:s=false,isDisabled:r,isInitiallyFocused:i,icon:y}=H,M=c(H,["testId","className","as","isActive","isDisabled","isInitiallyFocused","icon"]),f=r!=null?r:e.disabled,P=Se(),m=useId(void 0,"menu-item"),R=o||`cf-ui-${m}`,I=Ce({isActive:s,isDisabled:r}),b=u!=null?u:wt,{menu:p,item:l}=P,{setActiveIndex:h}=p;return g__default.useEffect(()=>{i&&h(l.index);},[i,l.index,h]),g__default.createElement(b,a(L(a({},M),{ref:useMergeRefs([P.item.ref,t]),role:"menuitem",className:cx(I,n),"data-test-id":R,tabIndex:P.isActive?0:-1,disabled:f}),P.getItemProps(M)),y,e.children)}Le.displayName="MenuItem";var A=g__default.forwardRef(Le);var B=g__default.forwardRef(function({children:t},o){let n=N(),{refs:u,item:s,isNested:r,isOpen:i,hasFocusInside:y,setHasFocusInside:M,parent:f}=n,P=t.ref,m=t.props,R=f==null?void 0:f.activeIndex,I=f?f.getItemProps:n.getItemProps,b=a({ref:useMergeRefs([u.setReference,s.ref,o,P]),tabIndex:r?R===s.index?0:-1:void 0,role:r?"menuitem":void 0,"data-open":i?"":void 0,"data-nested":r?"":void 0,"data-focus-inside":y?"":void 0},n.getReferenceProps(I({onClick:m.onClick,onMouseDown:m.onMouseDown,onKeyDown:m.onKeyDown,onMouseEnter:m.onMouseEnter,onMouseLeave:m.onMouseLeave,onPointerDown:m.onPointerDown,onPointerEnter:m.onPointerEnter,onPointerLeave:m.onPointerLeave,onFocus(p){var l;(l=m.onFocus)==null||l.call(m,p),M(false),f&&f.setHasFocusInside(true);}})));return g__default.cloneElement(t,b)});var He=()=>css({border:"none",width:"100%",height:"1px",backgroundColor:d.gray200,margin:`${d.spacing2Xs} 0`});var K=e=>{let r=e,{children:t,testId:o="cf-ui-menu-divider",className:n}=r,u=c(r,["children","testId","className"]),s=He();return g__default.createElement("hr",a({"aria-orientation":"horizontal","data-test-id":o,className:cx(s,n)},u))};K.displayName="MenuDivider";var ke=()=>css({color:d.gray500,textAlign:"left",padding:`${d.spacingXs} ${d.spacingS} ${d.spacing2Xs}`,lineHeight:d.lineHeightM});var oe=e=>{let r=e,{children:t,testId:o="cf-ui-menu-section-title",className:n}=r,u=c(r,["children","testId","className"]),s=ke();return g__default.createElement(Caption,a({"aria-hidden":"true",as:"div",testId:o,className:cx(s,n),marginBottom:"none"},u),t)};var V=e=>g__default.createElement(w,a({},e));V.displayName="Submenu";var we=()=>({root:({isActive:e})=>css(a({display:"flex",alignItems:"center",paddingRight:d.spacingXs},e?{backgroundColor:d.gray100}:{})),content:css({marginRight:d.spacingM}),icon:css({marginLeft:"auto",fill:"currentColor"})});var jt=(e,t)=>{let{className:o,children:n}=e,u=we(),{isOpen:s}=N();return g__default.createElement(B,null,g__default.createElement(A,L(a({},e),{ref:t,className:cx(u.root({isActive:s}),o)}),g__default.createElement("span",{className:u.content},n),g__default.createElement(CaretRightIcon,{className:u.icon})))},se=g__default.forwardRef(jt);var x=w;x.List=Z;x.ListHeader=D;x.ListFooter=O;x.Item=A;x.Trigger=B;x.Divider=K;x.SectionTitle=oe;x.Submenu=V;x.SubmenuTrigger=se;export{x as Menu,K as MenuDivider,A as MenuItem,Z as MenuList,oe as MenuSectionTitle,B as MenuTrigger,V as Submenu,se as SubmenuTrigger};//# sourceMappingURL=index.js.map
+import*as g from'react';import g__default from'react';import {useMergeRefs,FloatingList,FloatingPortal,FloatingFocusManager,useListItem,useFloatingTree,useFloatingParentNodeId,FloatingTree,FloatingNode,useFloatingNodeId,offset,flip,shift,autoPlacement,size,useFloating,autoUpdate,useHover,safePolygon,useClick,useRole,useDismiss,useListNavigation,useTypeahead,useInteractions}from'@floating-ui/react';import {cx,css}from'@emotion/css';import d from'@contentful/f36-tokens';import {useId,getMenuItemStyles}from'@contentful/f36-core';import {Caption}from'@contentful/f36-typography';import {CaretRightIcon}from'@contentful/f36-icons';var Ge=Object.defineProperty,je=Object.defineProperties;var Ke=Object.getOwnPropertyDescriptors;var j=Object.getOwnPropertySymbols;var ge=Object.prototype.hasOwnProperty,Me=Object.prototype.propertyIsEnumerable;var fe=(e,t,o)=>t in e?Ge(e,t,{enumerable:true,configurable:true,writable:true,value:o}):e[t]=o,a=(e,t)=>{for(var o in t||(t={}))ge.call(t,o)&&fe(e,o,t[o]);if(j)for(var o of j(t))Me.call(t,o)&&fe(e,o,t[o]);return e},L=(e,t)=>je(e,Ke(t));var c=(e,t)=>{var o={};for(var n in e)ge.call(e,n)&&t.indexOf(n)<0&&(o[n]=e[n]);if(e!=null&&j)for(var n of j(e))t.indexOf(n)<0&&Me.call(e,n)&&(o[n]=e[n]);return o};var F=g__default.createContext(null);function N(){let e=g__default.useContext(F);if(!e)throw new Error("useMenuContext must be used within <MenuContext.Provider>");return e}var Pe=F.Provider;function xe({placement:e,isFullWidth:t=false,isAutoalignmentEnabled:o=true,isOpen:n,defaultIsOpen:u=false,onOpen:s,onClose:r,offset:i,renderOnlyWhenOpen:y=true,usePortal:M=true,closeOnEsc:f=true,closeOnBlur:P=true,closeOnSelect:m=true,autoFocus:R=true}){let I=g__default.useRef([]),b=g__default.useRef([]),p=useFloatingTree(),l=useFloatingNodeId(),h=useFloatingParentNodeId(),H=useListItem(),ie=g__default.useContext(F),S=h!=null,_=n!==void 0,[De,Oe]=g__default.useState(u),T=_?n:De,ae=g__default.useRef(T);g__default.useEffect(()=>{ae.current=T;},[T]);let X=g__default.useCallback((v,k,G)=>{if(_&&!s&&G==="click")return;let ze=ae.current;v!==ze&&(_||Oe(v),v?s==null||s():r==null||r());},[_,s,r]),[ue,Ae]=g__default.useState(false),[$,Y]=g__default.useState(0),z=[offset(i||(S?{mainAxis:4,alignmentAxis:-4}:5))],q;e!=="auto"&&o?(q=e,z.push(flip({padding:5}),shift({padding:5}))):e==="auto"?z.push(autoPlacement()):q=e,t&&z.push(size({apply({rects:v,elements:k}){Object.assign(k.floating.style,{minWidth:`${v.reference.width}px`});}}));let{floatingStyles:pe,refs:me,context:E}=useFloating({nodeId:l,open:T,onOpenChange:X,whileElementsMounted:autoUpdate,placement:q,middleware:z}),Be=useHover(E,{enabled:S,delay:{open:75},handleClose:safePolygon({blockPointerEvents:true})}),We=useClick(E,{event:"mousedown",toggle:!S,ignoreMouse:S}),Ue=useRole(E,{role:"menu"}),_e=useDismiss(E,{escapeKey:f,outsidePress:P,bubbles:true}),Xe=useListNavigation(E,{listRef:I,activeIndex:$,nested:S,onNavigate:Y,loop:true}),$e=useTypeahead(E,{listRef:b,onMatch:T?Y:void 0,activeIndex:$}),{getReferenceProps:le,getFloatingProps:ce,getItemProps:de}=useInteractions([Be,We,Ue,_e,Xe,$e]);return g__default.useEffect(()=>{if(!p)return;function v(){m&&X(false);}function k(G){G.nodeId!==l&&G.parentId===h&&X(false);}return p.events.on("click",v),p.events.on("menuopen",k),()=>{p.events.off("click",v),p.events.off("menuopen",k);}},[p,l,h,X,m]),g__default.useEffect(()=>{T&&p&&p.events.emit("menuopen",{parentId:h,nodeId:l});},[p,T,l,h]),g__default.useMemo(()=>({isOpen:T,hasFocusInside:ue,activeIndex:$,isNested:S,refs:me,elementsRef:I,labelsRef:b,floatingStyles:pe,context:E,renderOnlyWhenOpen:y,usePortal:M,autoFocus:R,getReferenceProps:le,getFloatingProps:ce,getItemProps:de,setHasFocusInside:Ae,setActiveIndex:Y,nodeId:l,item:H,parent:ie}),[$,E,pe,ce,de,le,ue,S,T,H,l,ie,me,y,M,R])}var Re=o=>{var n=o,{children:e}=n,t=c(n,["children"]);let u=xe(a({},t));return g.createElement(Pe,{value:u},g.createElement(FloatingNode,{id:u.nodeId},e))};var w=e=>{let i=e,{children:t,placement:o}=i,n=c(i,["children","placement"]),u=useFloatingParentNodeId(),s=o!=null?o:u===null?"bottom-start":"right-start",r=g__default.createElement(Re,a({placement:s},n),t);return u===null?g__default.createElement(FloatingTree,null,r):r};w.displayName="Menu";var be=()=>css({position:"sticky",top:0,left:0,backgroundColor:d.colorWhite,borderBottom:`1px solid ${d.gray300}`,marginBottom:d.spacing2Xs,padding:`${d.spacing2Xs} 0`,zIndex:1001}),Te=()=>css({position:"sticky",bottom:0,left:0,backgroundColor:d.colorWhite,borderTop:`1px solid ${d.gray300}`,marginTop:d.spacing2Xs,padding:`${d.spacing2Xs} 0`,zIndex:1001}),he=e=>({container:css({display:e.isOpen?"initial":"none",borderRadius:"8px",overflowY:"auto",position:"absolute",top:0,left:0,padding:0,background:d.colorWhite,paddingTop:e.hasStickyHeader?0:d.spacing2Xs,paddingBottom:e.hasStickyFooter?0:d.spacing2Xs,boxShadow:d.boxShadowDefault,zIndex:d.zIndexDropdown,"&:focus":{boxShadow:d.glowPrimary,outline:"none"},"&:focus:not(:focus-visible)":{boxShadow:d.boxShadowDefault}})});var D=e=>{let r=e,{children:t,testId:o="cf-ui-menu-list-header",className:n}=r,u=c(r,["children","testId","className"]),s=be();return g__default.createElement("div",a({"data-test-id":o,className:cx(s,n)},u),t)};D.displayName="MenuListHeader";var O=e=>{let r=e,{children:t,testId:o="cf-ui-menu-list-footer",className:n}=r,u=c(r,["children","testId","className"]),s=Te();return g__default.createElement("div",a({"data-test-id":o,className:cx(s,n)},u),t)};O.displayName="MenuListFooter";function Et(e){return !g__default.isValidElement(e)||typeof e.type=="string"?false:typeof e.type.displayName=="string"}var Ee=(e,t)=>{let b=e,{children:o,testId:n="cf-ui-menu-list",className:u,style:s}=b,r=c(b,["children","testId","className","style"]),i=N(),y=null,M=null,f=[],P=useMergeRefs([i.refs.setFloating,t]);g__default.Children.forEach(o,p=>{let l=true;Et(p)&&(p.type.displayName===D.displayName?(y=p,l=false):p.type.displayName===O.displayName&&(M=p,l=false)),l&&f.push(p);});let m=he({hasStickyHeader:!!y,hasStickyFooter:!!M,isOpen:i.isOpen});if(i.renderOnlyWhenOpen&&!i.isOpen)return null;let R=g__default.createElement("div",a(a({role:"menu",style:a(a({},s),i.floatingStyles),className:cx(m.container,u),"data-test-id":n,ref:P},r),i.getFloatingProps()),y,f,M),I=p=>i.autoFocus===false?p:g__default.createElement(FloatingFocusManager,{context:i.context,modal:false,initialFocus:i.isNested?-1:0,returnFocus:!i.isNested},p);return g__default.createElement(FloatingList,{elementsRef:i.elementsRef,labelsRef:i.labelsRef},i.usePortal?g__default.createElement(FloatingPortal,null,I(R)):I(R))};Ee.displayName="MenuList";var Z=g__default.forwardRef(Ee);function Se(){let e=g__default.useContext(F),t=useListItem(),o=useFloatingTree(),n=t.index===e.activeIndex,u=g__default.useCallback((s={})=>e.getItemProps(L(a({},s),{onClick(r){var i;(i=s.onClick)==null||i.call(s,r),o==null||o.events.emit("click");},onFocus(r){var i;(i=s.onFocus)==null||i.call(s,r),e.setHasFocusInside(true);}})),[e,o]);return {isActive:n,item:t,menu:e,tree:o,getItemProps:u}}var Ce=({isActive:e,isDisabled:t})=>cx(getMenuItemStyles({isActive:e,isDisabled:t}),css({width:`calc(100% - 2 * ${d.spacing2Xs})`,margin:`0 ${d.spacing2Xs}`,gap:d.spacingXs}));var wt="button";function Le(e,t){let H=e,{testId:o,className:n,as:u,isActive:s=false,isDisabled:r,isInitiallyFocused:i,icon:y}=H,M=c(H,["testId","className","as","isActive","isDisabled","isInitiallyFocused","icon"]),f=r!=null?r:e.disabled,P=Se(),m=useId(void 0,"menu-item"),R=o||`cf-ui-${m}`,I=Ce({isActive:s,isDisabled:r}),b=u!=null?u:wt,{menu:p,item:l}=P,{setActiveIndex:h}=p;return g__default.useEffect(()=>{i&&h(l.index);},[i,l.index,h]),g__default.createElement(b,a(L(a({},M),{ref:useMergeRefs([P.item.ref,t]),role:"menuitem",className:cx(I,n),"data-test-id":R,tabIndex:P.isActive?0:-1,disabled:f}),P.getItemProps(M)),y,e.children)}Le.displayName="MenuItem";var A=g__default.forwardRef(Le);var B=g__default.forwardRef(function({children:t},o){let n=N(),{refs:u,item:s,isNested:r,isOpen:i,hasFocusInside:y,setHasFocusInside:M,parent:f}=n,P=t.ref,m=t.props,R=f==null?void 0:f.activeIndex,I=f?f.getItemProps:n.getItemProps,b=a({ref:useMergeRefs([u.setReference,s.ref,o,P]),tabIndex:r?R===s.index?0:-1:void 0,role:r?"menuitem":void 0,"data-open":i?"":void 0,"data-nested":r?"":void 0,"data-focus-inside":y?"":void 0},n.getReferenceProps(I({onClick:m.onClick,onMouseDown:m.onMouseDown,onKeyDown:m.onKeyDown,onMouseEnter:m.onMouseEnter,onMouseLeave:m.onMouseLeave,onPointerDown:m.onPointerDown,onPointerEnter:m.onPointerEnter,onPointerLeave:m.onPointerLeave,onFocus(p){var l;(l=m.onFocus)==null||l.call(m,p),M(false),f&&f.setHasFocusInside(true);}})));return g__default.cloneElement(t,b)});var He=()=>css({border:"none",width:"100%",height:"1px",backgroundColor:d.gray200,margin:`${d.spacing2Xs} 0`});var K=e=>{let r=e,{children:t,testId:o="cf-ui-menu-divider",className:n}=r,u=c(r,["children","testId","className"]),s=He();return g__default.createElement("hr",a({"aria-orientation":"horizontal","data-test-id":o,className:cx(s,n)},u))};K.displayName="MenuDivider";var ke=()=>css({color:d.gray500,textAlign:"left",padding:`${d.spacingXs} ${d.spacingS} ${d.spacing2Xs}`,lineHeight:d.lineHeightM});var oe=e=>{let r=e,{children:t,testId:o="cf-ui-menu-section-title",className:n}=r,u=c(r,["children","testId","className"]),s=ke();return g__default.createElement(Caption,a({"aria-hidden":"true",as:"div",testId:o,className:cx(s,n),marginBottom:"none"},u),t)};var V=e=>g__default.createElement(w,a({},e));V.displayName="Submenu";var we=()=>({root:({isActive:e})=>css(a({display:"flex",alignItems:"center",paddingRight:d.spacingXs},e?{backgroundColor:d.gray100}:{})),content:css({marginRight:d.spacingM}),icon:css({marginLeft:"auto",fill:"currentColor"})});var jt=(e,t)=>{let{className:o,children:n}=e,u=we(),{isOpen:s}=N();return g__default.createElement(B,null,g__default.createElement(A,L(a({},e),{ref:t,className:cx(u.root({isActive:s}),o)}),g__default.createElement("span",{className:u.content},n),g__default.createElement(CaretRightIcon,{className:u.icon})))},se=g__default.forwardRef(jt);var x=w;x.List=Z;x.ListHeader=D;x.ListFooter=O;x.Item=A;x.Trigger=B;x.Divider=K;x.SectionTitle=oe;x.Submenu=V;x.SubmenuTrigger=se;export{x as Menu,K as MenuDivider,A as MenuItem,Z as MenuList,oe as MenuSectionTitle,B as MenuTrigger,V as Submenu,se as SubmenuTrigger};//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/package.json

@@ -1,17 +1,17 @@
 {
   "name": "@contentful/f36-menu",
-  "version": "6.0.0",
+  "version": "6.2.0",
   "description": "Forma 36: Menu component",
   "scripts": {
     "build": "tsup"
   },
   "dependencies": {
-    "@contentful/f36-core": "^6.0.0",
-    "@contentful/f36-icons": "^6.0.0",
-    "@contentful/f36-popover": "^6.0.0",
-    "@contentful/f36-tokens": "^6.0.0",
-    "@contentful/f36-typography": "^6.0.0",
-    "@contentful/f36-utils": "^6.0.0",
+    "@contentful/f36-core": "^6.2.0",
+    "@contentful/f36-icons": "^6.2.0",
+    "@contentful/f36-popover": "^6.2.0",
+    "@contentful/f36-tokens": "^6.1.0",
+    "@contentful/f36-typography": "^6.2.0",
+    "@contentful/f36-utils": "^6.1.0",
     "@emotion/css": "^11.13.5",
     "@floating-ui/dom": "^1.7.4",
     "@floating-ui/react": "^0.27.16"