@jamsrui/menu 0.0.15 → 0.0.17

package/dist/menu-container.d.mts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { UIProps } from '@jamsrui/utils';
 import { MenuContent } from './menu-content.mjs';
+import { UIProps } from '@jamsrui/utils';
 import 'motion/react';
 
 declare const MenuContainer: (props: MenuContainer.Props) => react_jsx_runtime.JSX.Element;

package/dist/menu-container.mjs

@@ -1 +1 @@
-"use client";import{jsx as e,jsxs as d}from"react/jsx-runtime";import{FloatingFocusManager as u,FloatingList as m,FloatingOverlay as g,FloatingPortal as C}from"@floating-ui/react";import{useRenderElement as F}from"@jamsrui/hooks";import{AnimatePresence as M}from"motion/react";import{MenuContent as P}from".";import{useMenuContext as c}from"./menu-context.mjs";import{MenuFloatingContext as f}from"./menu-floating-context.mjs";const x=n=>{const{getFloatingListProps:t,isOpen:o,getFocusManagerProps:r,getOverlayProps:i,floatingCtx:a,isNested:s,getContainerProps:p}=c(),l=F("div",{props:[p(n)]});return e(f,{value:a,children:e(m,{...t(),children:e(M,{children:o?d(C,{children:[s?null:e(g,{...i()}),e(u,{...r(),children:l})]}):null})})})},I=n=>e(x,{children:e(P,{...n})});export{x as MenuContainer,I as MenuContainerWithContent};
+"use client";import{jsx as e,jsxs as d}from"react/jsx-runtime";import{FloatingFocusManager as u,FloatingList as m,FloatingOverlay as g,FloatingPortal as C}from"@floating-ui/react";import{useRenderElement as F}from"@jamsrui/hooks";import{AnimatePresence as M}from"motion/react";import{MenuContent as P}from"./menu-content.mjs";import{useMenuContext as c}from"./menu-context.mjs";import{MenuFloatingContext as f}from"./menu-floating-context.mjs";const x=n=>{const{getFloatingListProps:t,isOpen:o,getFocusManagerProps:r,getOverlayProps:i,floatingCtx:a,isNested:s,getContainerProps:p}=c(),l=F("div",{props:[p(n)]});return e(f,{value:a,children:e(m,{...t(),children:e(M,{children:o?d(C,{children:[s?null:e(g,{...i()}),e(u,{...r(),children:l})]}):null})})})},I=n=>e(x,{children:e(P,{...n})});export{x as MenuContainer,I as MenuContainerWithContent};

package/dist/use-menu.mjs

@@ -1 +1 @@
-"use client";import{useCallback as n,useEffect as B,useMemo as J,useRef as Q,useState as I}from"react";import{arrow as Pe,autoUpdate as ye,flip as be,offset as Ie,safePolygon as Me,shift as ve,size as Fe,useClick as Ne,useDismiss as he,useFloating as Oe,useFloatingNodeId as Ce,useFloatingParentNodeId as xe,useFloatingTree as Ge,useHover as we,useInteractions as Ee,useListItem as ke,useListNavigation as Le,useRole as Re,useTypeahead as Se}from"@floating-ui/react";import{useControlledState as Ae,useMergeRefs as De}from"@jamsrui/hooks";import{dataAttrDev as l,mapPropsVariants as He}from"@jamsrui/utils";import{useMenuFloatingContext as Te}from"./menu-floating-context.mjs";import{menuVariants as W}from"./styles.mjs";const Be=X=>{const c=xe(),o=c!==null,[Y,Z]=He(X,W.variantKeys),{closeDelay:_=0,closeOnEscapeKey:ee=!0,closeOnOutsidePress:te=!0,isOpen:oe,lockScroll:M=!0,offset:ne=4,openDelay:se=75,placement:f=o?"right-start":"bottom",defaultOpen:re=!1,onOpenChange:ae,triggerOn:le="click"}=Y,a=Ge(),i=Ce(),P=ke(),[s=!1,p]=Ae({defaultProp:re,onChange:ae,prop:oe}),[ie,y]=I(!1),[m,v]=I(null),[F,N]=I(null),h=Q([]),O=Q([]),ue=F?7:0,{floatingStyles:C,refs:b,context:r}=Oe({nodeId:i,open:s,onOpenChange:p,placement:f,middleware:[Ie({mainAxis:ne+ue,alignmentAxis:o?-4:0}),be(),ve({padding:5}),Pe({element:F}),Fe({apply({availableHeight:e,elements:u,availableWidth:g}){u.floating.style.setProperty("--available-width",`${g}px`),u.floating.style.setProperty("--available-height",`${e}px`),u.floating.style.setProperty("--transform-origin","top left")}})],whileElementsMounted:ye}),ce=we(r,{enabled:le==="hover"||o,delay:{open:se,close:_},handleClose:Me({blockPointerEvents:!0})}),pe=Ne(r,{event:"mousedown",toggle:!o,ignoreMouse:o}),me=Re(r,{role:"menu"}),de=he(r,{bubbles:!0,escapeKey:ee,outsidePress:te}),ge=Le(r,{listRef:h,activeIndex:m,nested:o,onNavigate:v}),fe=Se(r,{enabled:s,listRef:O,onMatch:v,activeIndex:m}),{getReferenceProps:x,getFloatingProps:G,getItemProps:w}=Ee([ce,pe,me,de,ge,fe]);B(()=>{if(!a)return;function e(){p(!1)}function u(g){g.nodeId!==i&&g.parentId===c&&p(!1)}return a.events.on("click",e),a.events.on("menuopen",u),()=>{a.events.off("click",e),a.events.off("menuopen",u)}},[a,i,c,p,s]),B(()=>{s&&a&&a.events.emit("menuopen",{parentId:c,nodeId:i})},[a,s,i,c]);const t=W(Z),E=s&&ie&&o,k=De([b.setReference,P.ref]),d=Te(),L=n(()=>({ref:k,tabIndex:o?d.activeIndex===P.index?0:-1:void 0,"data-slot":l("trigger"),role:o?"menuitem":void 0,"data-active":E,"data-nested":o,"data-open":s,...x({...d.getItemProps({onMouseEnter(){y(!1),d.setHasFocusInside(!0)}})})}),[x,E,o,s,P.index,k,d]),R=n(()=>({lockScroll:M,"data-slot":l("overlay"),className:t.backdrop()}),[M,t]),S=n(()=>({context:r,modal:!0,initialFocus:1,returnFocus:!o,disabled:!1}),[r,o]),A=n(e=>({...e,"data-component":l("menu"),"data-slot":l("container"),className:t.container(),ref:b.setFloating,style:C,...G()}),[C,G,b.setFloating,t]),D=n(()=>({className:t.content()}),[t]),H=n(e=>({tipRadius:6,...e,context:r,ref:N,className:t.arrow({className:e.className})}),[r,N,t]),T=n(()=>({id:i}),[i]),V=n(()=>({elementsRef:h,labelsRef:O}),[]),K=J(()=>({activeIndex:m,getItemProps:w,setHasFocusInside:y}),[m,w,y]),U=n(e=>({...e,"data-slot":l("menu-item"),className:t.menuItem({className:e.className,color:e.color}),role:"menuitem"}),[t]),$=n(e=>({...e,"data-slot":l("submenu-indicator"),className:t.submenuIndicator({className:e.className})}),[t]),j=n(e=>({...e,"data-slot":l("menu-item-indicator"),className:t.menuItemIndicator({className:e.className})}),[t]),z=n(e=>({...e,"data-slot":l("menu-group"),className:t.menuGroup({className:e.className})}),[t]),q=n(e=>({...e,"data-slot":l("menu-group-label"),className:t.menuGroupLabel({className:e.className})}),[t]);return J(()=>({getOverlayProps:R,getFocusManagerProps:S,getContentProps:D,getArrowProps:H,getNodeProps:T,isOpen:s,getTriggerProps:L,getFloatingListProps:V,floatingCtx:K,getContainerProps:A,getMenuItemProps:U,isNested:o,getSubmenuIndicatorProps:$,getMenuGroupProps:z,getMenuGroupLabelProps:q,placement:f,getMenuItemIndicatorProps:j}),[j,R,S,D,H,T,s,L,V,K,A,U,o,$,z,q,f])};export{Be as useMenu};
+"use client";import{useCallback as n,useEffect as B,useMemo as J,useRef as Q,useState as I}from"react";import{arrow as Pe,autoUpdate as ye,flip as be,offset as Ie,safePolygon as Me,shift as ve,size as Ne,useClick as Fe,useDismiss as he,useFloating as Oe,useFloatingNodeId as Ce,useFloatingParentNodeId as xe,useFloatingTree as Ge,useHover as we,useInteractions as Ee,useListItem as ke,useListNavigation as Le,useRole as Re,useTypeahead as Se}from"@floating-ui/react";import{useControlledState as Ae,useMergeRefs as De}from"@jamsrui/hooks";import{dataAttrDev as r,mapPropsVariants as He}from"@jamsrui/utils";import{useMenuFloatingContext as Te}from"./menu-floating-context.mjs";import{menuVariants as W}from"./styles.mjs";const Be=X=>{const c=xe(),o=c!==null,[Y,Z]=He(X,W.variantKeys),{closeDelay:_=0,closeOnEscapeKey:ee=!0,closeOnOutsidePress:te=!0,isOpen:oe,lockScroll:M=!0,offset:ne=4,openDelay:se=75,placement:f=o?"right-start":"bottom",defaultOpen:ae=!1,onOpenChange:re,triggerOn:le="click"}=Y,l=Ge(),i=Ce(),P=ke(),[s=!1,m]=Ae({defaultProp:ae,onChange:re,prop:oe}),[ie,y]=I(!1),[p,v]=I(null),[N,F]=I(null),h=Q([]),O=Q([]),ue=N?7:0,{floatingStyles:C,refs:b,context:a}=Oe({nodeId:i,open:s,onOpenChange:m,placement:f,middleware:[Ie({mainAxis:ne+ue,alignmentAxis:o?-4:0}),be(),ve({padding:5}),Pe({element:N}),Ne({apply({availableHeight:e,elements:u,availableWidth:g}){u.floating.style.setProperty("--available-width",`${g}px`),u.floating.style.setProperty("--available-height",`${e}px`),u.floating.style.setProperty("--transform-origin","top left")}})],whileElementsMounted:ye}),ce=we(a,{enabled:le==="hover"||o,delay:{open:se,close:_},handleClose:Me({blockPointerEvents:!0})}),me=Fe(a,{event:"mousedown",toggle:!o,ignoreMouse:o}),pe=Re(a,{role:"menu"}),de=he(a,{bubbles:!0,escapeKey:ee,outsidePress:te}),ge=Le(a,{listRef:h,activeIndex:p,nested:o,onNavigate:v}),fe=Se(a,{enabled:s,listRef:O,onMatch:v,activeIndex:p}),{getReferenceProps:x,getFloatingProps:G,getItemProps:w}=Ee([ce,me,pe,de,ge,fe]);B(()=>{if(!l)return;function e(){m(!1)}function u(g){g.nodeId!==i&&g.parentId===c&&m(!1)}return l.events.on("click",e),l.events.on("menuopen",u),()=>{l.events.off("click",e),l.events.off("menuopen",u)}},[l,i,c,m,s]),B(()=>{s&&l&&l.events.emit("menuopen",{parentId:c,nodeId:i})},[l,s,i,c]);const t=W(Z),E=s&&ie&&o,k=De([b.setReference,P.ref]),d=Te(),L=n(()=>({ref:k,tabIndex:o?d.activeIndex===P.index?0:-1:void 0,"data-slot":r("trigger"),role:o?"menuitem":void 0,"data-active":E,"data-nested":o,"data-open":s,...x({...d.getItemProps({onMouseEnter(){y(!1),d.setHasFocusInside(!0)}})})}),[x,E,o,s,P.index,k,d]),R=n(()=>({lockScroll:M,"data-slot":r("overlay"),className:t.backdrop()}),[M,t]),S=n(()=>({context:a,modal:!0,initialFocus:1,returnFocus:!o,disabled:!1}),[a,o]),A=n(e=>({...e,"data-component":r("menu"),"data-slot":r("menu-container"),className:t.container({className:e.className}),ref:b.setFloating,style:C,...G()}),[C,G,b.setFloating,t]),D=n(e=>({...e,className:t.content({className:e.className}),"data-slot":r("menu-content")}),[t]),H=n(e=>({tipRadius:6,...e,context:a,ref:F,className:t.arrow({className:e.className})}),[a,F,t]),T=n(()=>({id:i}),[i]),V=n(()=>({elementsRef:h,labelsRef:O}),[]),K=J(()=>({activeIndex:p,getItemProps:w,setHasFocusInside:y}),[p,w,y]),U=n(e=>({...e,"data-slot":r("menu-item"),className:t.menuItem({className:e.className,color:e.color}),role:"menuitem"}),[t]),$=n(e=>({...e,"data-slot":r("submenu-indicator"),className:t.submenuIndicator({className:e.className})}),[t]),j=n(e=>({...e,"data-slot":r("menu-item-indicator"),className:t.menuItemIndicator({className:e.className})}),[t]),z=n(e=>({...e,"data-slot":r("menu-group"),className:t.menuGroup({className:e.className})}),[t]),q=n(e=>({...e,"data-slot":r("menu-group-label"),className:t.menuGroupLabel({className:e.className})}),[t]);return J(()=>({getOverlayProps:R,getFocusManagerProps:S,getContentProps:D,getArrowProps:H,getNodeProps:T,isOpen:s,getTriggerProps:L,getFloatingListProps:V,floatingCtx:K,getContainerProps:A,getMenuItemProps:U,isNested:o,getSubmenuIndicatorProps:$,getMenuGroupProps:z,getMenuGroupLabelProps:q,placement:f,getMenuItemIndicatorProps:j}),[j,R,S,D,H,T,s,L,V,K,A,U,o,$,z,q,f])};export{Be as useMenu};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jamsrui/menu",
-  "version": "0.0.15",
+  "version": "0.0.17",
   "peerDependencies": {
     "motion": ">=12",
     "react": ">=19"
@@ -8,10 +8,10 @@
   "dependencies": {
     "@floating-ui/react": ">=0.27",
     "@jamsrui/core": "^0.0.13",
-    "@jamsrui/divider": "^0.0.15",
     "@jamsrui/icons": "^0.0.13",
-    "@jamsrui/hooks": "^0.0.15",
-    "@jamsrui/utils": "^0.0.15"
+    "@jamsrui/divider": "^0.0.15",
+    "@jamsrui/utils": "^0.0.15",
+    "@jamsrui/hooks": "^0.0.15"
   },
   "exports": {
     ".": {