@jamsrui/menu 0.0.8 → 0.0.10

package/dist/chunk-3TXNSYIT.mjs

@@ -0,0 +1 @@
+import{b as e}from"./chunk-IP6JQ5TM.mjs";import{useRenderElement as t}from"@jamsrui/hooks";var u=r=>{let{getMenuGroupProps:o}=e();return t("div",{props:[o(r)]})};export{u as a};

package/dist/chunk-4DRJMVOY.mjs

@@ -0,0 +1 @@
+import{a as u}from"./chunk-6RHOGA5S.mjs";import{a as r}from"./chunk-IP6JQ5TM.mjs";import{FloatingNode as a,FloatingTree as i,useFloatingParentNodeId as d}from"@floating-ui/react";import{jsx as n}from"react/jsx-runtime";var c=e=>{let t=u(e),{children:o}=e,{getNodeProps:s}=t;return n(r,{value:t,children:n(a,{...s(),children:o})})},g=e=>{let t=d(),{children:o}=e;return t===null?n(i,{children:n(c,{...e,children:o})}):n(c,{...e,children:o})};export{g as a};

package/dist/chunk-4QOOXBEL.mjs

@@ -0,0 +1 @@
+import{createContext as e,use as t}from"react";var o=e({setHasFocusInside:()=>{},activeIndex:null,getItemProps:()=>({})}),s=()=>t(o);export{o as a,s as b};

package/dist/chunk-5DZZ6VC5.mjs

@@ -0,0 +1 @@
+import{createConfigContext as o}from"@jamsrui/utils";var[n,r]=o({displayName:"MenuConfigContext"});export{n as a,r as b};

package/dist/chunk-6RHOGA5S.mjs

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

package/dist/chunk-A4ENIW42.mjs

@@ -0,0 +1 @@
+import{b as r}from"./chunk-IP6JQ5TM.mjs";import{cloneElement as o,isValidElement as i}from"react";var s=n=>{let{children:e}=n,{getTriggerProps:t}=r();return i(e)?o(e,t()):(console.warn("Invalid children passed to MenuTrigger"),null)};export{s as a};

package/dist/chunk-BDCGHIJW.mjs

@@ -0,0 +1 @@
+import{a as r}from"./chunk-MFCNUSNC.mjs";import{a as e}from"./chunk-LSC54BQQ.mjs";import{a as n}from"./chunk-4QOOXBEL.mjs";import{b as t}from"./chunk-IP6JQ5TM.mjs";import{FloatingArrow as c,FloatingFocusManager as f,FloatingList as C,FloatingOverlay as x,FloatingPortal as d}from"@floating-ui/react";import{AnimatePresence as A}from"motion/react";import{jsx as o,jsxs as i}from"react/jsx-runtime";var I=a=>{let{getFloatingListProps:s,isOpen:l,getFocusManagerProps:p,getOverlayProps:u,hideArrow:g,getArrowProps:m,floatingCtx:F,isNested:M}=t(),{children:P}=a;return o(n,{value:F,children:o(C,{...s(),children:o(A,{children:l?i(d,{children:[M?null:o(x,{...u()}),o(f,{...p(),children:o(r,{children:i(e,{children:[g?null:o(c,{...m()}),P]})})})]}):null})})})};export{I as a};

package/dist/chunk-DHAF5YKZ.mjs

@@ -0,0 +1 @@
+import{b as e}from"./chunk-IP6JQ5TM.mjs";import{useRenderElement as t}from"@jamsrui/hooks";var u=r=>{let{getMenuGroupLabelProps:o}=e();return t("div",{props:[o(r)]})};export{u as a};

package/dist/chunk-EDFHOYYY.mjs

@@ -0,0 +1 @@
+import{b as c}from"./chunk-MCQCEY2U.mjs";import{a as r}from"./chunk-Z3M52LAZ.mjs";import{useCallback as m}from"react";import{CheckIcon as p}from"@jamsrui/icons";import{jsx as n}from"react/jsx-runtime";var d=t=>{let{isChecked:e}=t;return n("span",{className:"size-4",children:e?n(p,{}):null})},M=t=>{let{value:e,tickPlacement:o,...l}=t,{value:s,isDisabled:a,setValue:i}=c(),u=m(()=>{a||i(e)},[a,e,i]);return n(r,{preventCloseOnClick:!0,onClick:u,endContent:o==="end"?n(d,{isChecked:s===e}):void 0,startContent:o==="start"?n(d,{isChecked:s===e}):void 0,...l})};export{M as a};

package/dist/chunk-GBR7YVTW.mjs

@@ -0,0 +1 @@
+import{a as d}from"./chunk-Z3M52LAZ.mjs";import{useCallback as l}from"react";import{useControlledState as p}from"@jamsrui/hooks";import{CheckIcon as m}from"@jamsrui/icons";import{jsx as e}from"react/jsx-runtime";var C=n=>{let{isChecked:o}=n;return e("span",{className:"size-4",children:o?e(m,{}):null})},P=n=>{let{isChecked:o,onCheckedChange:r,defaultChecked:a,tickPlacement:t,...k}=n,[c=!1,s]=p({defaultProp:a,onChange:r,prop:o}),h=l(()=>{s(i=>!i)},[s]);return e(d,{preventCloseOnClick:!0,onClick:h,endContent:t==="end"?e(C,{isChecked:c}):void 0,startContent:t==="start"?e(C,{isChecked:c}):void 0,...k})};export{P as a};

package/dist/chunk-IP6JQ5TM.mjs

@@ -0,0 +1 @@
+import{createContext as t,use as n}from"react";var o=t(null),r=()=>{let e=n(o);if(!e)throw new Error("useMenuContext must be used within MenuContext");return e};export{o as a,r as b};

package/dist/chunk-LSC54BQQ.mjs

@@ -0,0 +1 @@
+import{b as t}from"./chunk-IP6JQ5TM.mjs";import{motion as r}from"motion/react";import{jsx as p}from"react/jsx-runtime";var m=o=>{let{children:e,...n}=o,{getContentProps:i,isNested:s}=t();return p(r.div,{...s?{}:{exit:{opacity:0,scale:.8},initial:{opacity:0,scale:.8},transition:{type:"spring",stiffness:300,damping:25},animate:{opacity:1,scale:1,x:0,y:0}},...i(n),children:e})};export{m as a};

package/dist/chunk-MCQCEY2U.mjs

@@ -0,0 +1 @@
+import{createContext as t,use as o}from"react";var n=t(null),u=()=>{let e=o(n);if(!e)throw new Error("useMenuRadioGroupContext must be used within a MenuRadioGroup");return e};export{n as a,u as b};

package/dist/chunk-MFCNUSNC.mjs

@@ -0,0 +1 @@
+import{b as e}from"./chunk-IP6JQ5TM.mjs";import{useRenderElement as t}from"@jamsrui/hooks";var m=o=>{let{getRootProps:r}=e();return t("div",{props:[r(o)]})};export{m as a};

package/dist/chunk-SNAXAYWZ.mjs

@@ -0,0 +1 @@
+import{a as t}from"./chunk-MCQCEY2U.mjs";import{useMemo as s}from"react";import{useControlledState as d}from"@jamsrui/hooks";import{jsx as c}from"react/jsx-runtime";var v=u=>{let{children:n,defaultValue:r,isDisabled:e,onValueChange:l,value:p}=u,[o="",a]=d({defaultProp:r,onChange:l,prop:p}),i=s(()=>({isDisabled:e,value:o,setValue:a}),[e,a,o]);return c(t,{value:i,children:n})};export{v as a};

package/dist/chunk-VDALF5ID.mjs

@@ -0,0 +1 @@
+import{radiusVariant as e,tv as r}from"@jamsrui/utils";var n=r({slots:{arrow:"fill-background-secondary",backdrop:"z-backdrop",root:"min-w-[150px] z-popover outline-none outline-0",content:["relative z-popover box-border inline-flex  w-full flex-col justify-center bg-surface p-1 text-sm shadow-md outline-none","shadow-lg origin-(--transform-origin)"],menuItem:["relative box-border flex size-full select-none items-center gap-2 px-2 py-1.5 text-left outline-none ui-disabled:cursor-not-allowed ui-disabled:opacity-60","ui-active:bg-surface-secondary"],menuGroup:[""],menuGroupLabel:"pl-2 text-foreground-secondary py-1",menuItemInner:"grow"},variants:{radius:e(["content","menuItem"]),backdrop:{transparent:{backdrop:""},opaque:{backdrop:"bg-black/50"},blur:{backdrop:"bg-black/30 backdrop-blur-md backdrop-saturate-150"}},color:{default:{menuItem:"ui-hover:bg-surface-secondary ui-hover:text-foreground"},primary:{menuItem:"ui-hover:bg-primary ui-hover:text-primary-foreground"},secondary:{menuItem:"ui-hover:bg-secondary ui-hover:text-secondary-foreground"},success:{menuItem:"ui-hover:bg-success ui-hover:text-success-foreground"},warning:{menuItem:"ui-hover:bg-warning ui-hover:text-warning-foreground"},danger:{menuItem:"ui-hover:bg-danger ui-hover:text-danger-foreground"}}},defaultVariants:{backdrop:"transparent",radius:"md",color:"default"}});export{n as a};

package/dist/chunk-W6Z5NYJV.mjs

@@ -0,0 +1 @@
+import{b as e}from"./chunk-IP6JQ5TM.mjs";import{useRenderElement as t}from"@jamsrui/hooks";var m=n=>{let{getMenuItemInnerProps:r}=e();return t("span",{props:[r(n)]})};export{m as a};

package/dist/chunk-WYIM2S4D.mjs

@@ -0,0 +1 @@
+import{Divider as r}from"@jamsrui/divider";import{jsx as o}from"react/jsx-runtime";var a=()=>o(r,{className:"my-1.5"});export{a};

package/dist/chunk-Z3M52LAZ.mjs

@@ -0,0 +1 @@
+import{a}from"./chunk-W6Z5NYJV.mjs";import{b as i}from"./chunk-4QOOXBEL.mjs";import{b as s}from"./chunk-IP6JQ5TM.mjs";import{useFloatingTree as b,useListItem as x}from"@floating-ui/react";import{useMergeRefs as P,useRenderElement as g}from"@jamsrui/hooks";import{Fragment as R,jsx as v,jsxs as k}from"react/jsx-runtime";var O=m=>{let{getMenuItemProps:c}=s(),l=b(),{textValue:d,children:e,isDisabled:t,startContent:u,endContent:p,preventCloseOnClick:f,...I}=m,n=i(),o=x({label:d??(typeof e=="string"?e:void 0)}),r=o.index===n.activeIndex,C=P([o.ref]),M=k(R,{children:[u,v(a,{children:e}),p]});return g("button",{props:[c(I),{children:M,disabled:t,"data-disabled":t,"data-active":r,"aria-disabled":t,ref:C,tabIndex:r?0:-1,onClick(){f||l?.events.emit("click")},onMouseEnter(){n.setHasFocusInside(!0)}}]})};export{O as a};

package/dist/index.d.mts

@@ -1,13 +1,21 @@
-export { M as Menu, a as MenuItem } from './menu-CptFvNqD.mjs';
+export { M as Menu, a as MenuItem } from './menu-BQP9o4yc.mjs';
+export { MenuCheckboxItem } from './menu-checkbox-item.mjs';
 export { MenuConfig, useMenuConfig } from './menu-config.mjs';
 export { MenuContent } from './menu-content.mjs';
+export { MenuGroup } from './menu-group.mjs';
+export { MenuGroupLabel } from './menu-group-label.mjs';
+export { MenuRadioGroup } from './menu-radio-group.mjs';
+export { MenuRadioItem } from './menu-radio-item.mjs';
+export { MenuSeparator } from './menu-separator.mjs';
 export { MenuTrigger } from './menu-trigger.mjs';
 import 'react/jsx-runtime';
-import 'react';
 import '@floating-ui/react';
 import '@jamsrui/utils';
+import 'react';
+import './menu-content2.mjs';
+import 'motion/react';
 import './menu-floating-context.mjs';
 import './menu-item-inner.mjs';
+import './menu-root.mjs';
 import './styles.mjs';
-import 'tailwind-variants';
 import '@jamsrui/core';

package/dist/index.mjs

@@ -1 +1 @@
-"use client";import{Menu as r}from"./menu";import{MenuConfig as t,useMenuConfig as u}from"./menu-config";import{MenuContent as m}from"./menu-content";import{MenuItem as p}from"./menu-item";import{MenuTrigger as g}from"./menu-trigger";export{r as Menu,t as MenuConfig,m as MenuContent,p as MenuItem,g as MenuTrigger,u as useMenuConfig};
+"use client";import{a as i}from"./chunk-A4ENIW42.mjs";import{a as e}from"./chunk-4DRJMVOY.mjs";import"./chunk-6RHOGA5S.mjs";import"./chunk-VDALF5ID.mjs";import{a as p}from"./chunk-3TXNSYIT.mjs";import{a as f}from"./chunk-SNAXAYWZ.mjs";import{a as x}from"./chunk-EDFHOYYY.mjs";import"./chunk-MCQCEY2U.mjs";import{a as M}from"./chunk-WYIM2S4D.mjs";import{a as r}from"./chunk-GBR7YVTW.mjs";import{a as o}from"./chunk-Z3M52LAZ.mjs";import"./chunk-W6Z5NYJV.mjs";import{a as t,b as n}from"./chunk-5DZZ6VC5.mjs";import{a as u}from"./chunk-BDCGHIJW.mjs";import"./chunk-MFCNUSNC.mjs";import"./chunk-LSC54BQQ.mjs";import"./chunk-4QOOXBEL.mjs";import{a as m}from"./chunk-DHAF5YKZ.mjs";import"./chunk-IP6JQ5TM.mjs";export{e as Menu,r as MenuCheckboxItem,t as MenuConfig,u as MenuContent,p as MenuGroup,m as MenuGroupLabel,o as MenuItem,f as MenuRadioGroup,x as MenuRadioItem,M as MenuSeparator,i as MenuTrigger,n as useMenuConfig};

package/dist/{menu-CptFvNqD.d.mts → menu-BQP9o4yc.d.mts}

@@ -1,11 +1,14 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as react from 'react';
-import { ComponentProps } from 'react';
 import { FloatingOverlayProps, FloatingFocusManagerProps, FloatingArrowProps, FloatingNodeProps, FloatingList, Placement } from '@floating-ui/react';
 import { UIProps, PropGetter, SlotsToClassNames } from '@jamsrui/utils';
-import { MenuContent } from './menu-content.mjs';
+import * as react from 'react';
+import { ComponentProps } from 'react';
+import { MenuContent2 } from './menu-content2.mjs';
 import { MenuFloatingContext } from './menu-floating-context.mjs';
+import { MenuGroup } from './menu-group.mjs';
+import { MenuGroupLabel } from './menu-group-label.mjs';
 import { MenuItemInner } from './menu-item-inner.mjs';
+import { MenuRoot } from './menu-root.mjs';
 import { MenuVariantProps, MenuSlots } from './styles.mjs';
 
 declare const MenuItem: (props: MenuItem.Props) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
@@ -23,24 +26,21 @@ declare namespace MenuItem {
 declare const useMenu: (props: useMenu.Props) => {
     getOverlayProps: () => FloatingOverlayProps & UIProps<"div">;
     getFocusManagerProps: () => Omit<FloatingFocusManagerProps, "children">;
-    getContentProps: PropGetter<MenuContent.Props>;
+    getContentProps: PropGetter<MenuContent2.Props>;
     getArrowProps: () => FloatingArrowProps;
     getNodeProps: () => FloatingNodeProps;
     isOpen: boolean;
     getTriggerProps: () => UIProps<"div">;
     getFloatingListProps: () => Omit<ComponentProps<typeof FloatingList>, "children">;
-    showArrow: boolean | undefined;
+    hideArrow: boolean;
     floatingCtx: MenuFloatingContext.Props;
-    getRootProps: () => {
-        "data-component": string | undefined;
-        "data-slot": string | undefined;
-        className: string;
-        ref: ((node: HTMLElement | null) => void) & ((node: HTMLElement | null) => void);
-        style: react.CSSProperties;
-    };
+    getRootProps: PropGetter<MenuRoot.Props>;
     getMenuItemProps: PropGetter<MenuItem.Props>;
     isNested: boolean;
     getMenuItemInnerProps: PropGetter<MenuItemInner.Props>;
+    getMenuGroupProps: PropGetter<MenuGroup.Props>;
+    getMenuGroupLabelProps: PropGetter<MenuGroupLabel.Props>;
+    placement: Placement;
 };
 declare namespace useMenu {
     interface Props extends MenuVariantProps {
@@ -56,7 +56,7 @@ declare namespace useMenu {
         lockScroll?: boolean;
         placement?: Placement;
         offset?: number;
-        showArrow?: boolean;
+        hideArrow?: boolean;
     }
 }
 

package/dist/menu-checkbox-item.d.mts

@@ -0,0 +1,25 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { a as MenuItem } from './menu-BQP9o4yc.mjs';
+import '@floating-ui/react';
+import '@jamsrui/utils';
+import 'react';
+import './menu-content2.mjs';
+import 'motion/react';
+import './menu-floating-context.mjs';
+import './menu-group.mjs';
+import './menu-group-label.mjs';
+import './menu-item-inner.mjs';
+import './menu-root.mjs';
+import './styles.mjs';
+
+declare const MenuCheckboxItem: (props: MenuCheckboxItem.Props) => react_jsx_runtime.JSX.Element;
+declare namespace MenuCheckboxItem {
+    interface Props extends MenuItem.Props {
+        isChecked?: boolean;
+        onCheckedChange?: (checked: boolean) => void;
+        defaultChecked?: boolean;
+        tickPlacement?: "start" | "end";
+    }
+}
+
+export { MenuCheckboxItem };

package/dist/menu-checkbox-item.mjs

@@ -0,0 +1 @@
+import{a}from"./chunk-GBR7YVTW.mjs";import"./chunk-Z3M52LAZ.mjs";import"./chunk-W6Z5NYJV.mjs";import"./chunk-4QOOXBEL.mjs";import"./chunk-IP6JQ5TM.mjs";export{a as MenuCheckboxItem};

package/dist/menu-config.d.mts

@@ -1,14 +1,17 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { GlobalConfigProps } from '@jamsrui/core';
-import { M as Menu } from './menu-CptFvNqD.mjs';
-import 'react';
+import { M as Menu } from './menu-BQP9o4yc.mjs';
 import '@floating-ui/react';
 import '@jamsrui/utils';
-import './menu-content.mjs';
+import 'react';
+import './menu-content2.mjs';
+import 'motion/react';
 import './menu-floating-context.mjs';
+import './menu-group.mjs';
+import './menu-group-label.mjs';
 import './menu-item-inner.mjs';
+import './menu-root.mjs';
 import './styles.mjs';
-import 'tailwind-variants';
 
 declare const useMenuConfig: () => MenuConfig.Props;
 declare const MenuConfig: (props: Omit<Partial<MenuConfig.Props>, "children"> & {

package/dist/menu-config.mjs

@@ -1 +1 @@
-import{createConfigContext as o}from"@jamsrui/utils";const[n,r]=o({displayName:"MenuConfigContext"});export{n as MenuConfig,r as useMenuConfig};
+import{a,b}from"./chunk-5DZZ6VC5.mjs";export{a as MenuConfig,b as useMenuConfig};

package/dist/menu-content.mjs

@@ -1 +1 @@
-import{Fragment as y,jsx as o,jsxs as e}from"react/jsx-runtime";import{FloatingArrow as P,FloatingFocusManager as C,FloatingList as M,FloatingOverlay as f,FloatingPortal as v}from"@floating-ui/react";import{useRenderElement as x}from"@jamsrui/hooks";import{useMenuContext as h}from"./menu-context";import{MenuFloatingContext as w}from"./menu-floating-context";const I=t=>{const{getFloatingListProps:n,isOpen:r,getFocusManagerProps:i,getOverlayProps:s,showArrow:l,getArrowProps:a,floatingCtx:p,getContentProps:g,getRootProps:u,isNested:m}=h(),{children:F}=t,c=e(y,{children:[!!l&&o(P,{...a()}),o("div",{...g(t),children:F})]}),d=x("div",{props:[u(),{children:c}]});return o(w,{value:p,children:o(M,{...n(),children:r?e(v,{children:[m?null:o(f,{...s()}),o(C,{...i(),children:d})]}):null})})};export{I as MenuContent};
+import{a}from"./chunk-BDCGHIJW.mjs";import"./chunk-MFCNUSNC.mjs";import"./chunk-LSC54BQQ.mjs";import"./chunk-4QOOXBEL.mjs";import"./chunk-IP6JQ5TM.mjs";export{a as MenuContent};

package/dist/menu-content2.d.mts

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { HTMLMotionProps } from 'motion/react';
+
+declare const MenuContent2: (props: MenuContent2.Props) => react_jsx_runtime.JSX.Element;
+declare namespace MenuContent2 {
+    interface Props extends HTMLMotionProps<"div"> {
+    }
+}
+
+export { MenuContent2 };

package/dist/menu-content2.mjs

@@ -0,0 +1 @@
+import{a}from"./chunk-LSC54BQQ.mjs";import"./chunk-IP6JQ5TM.mjs";export{a as MenuContent2};

package/dist/menu-context.d.mts

@@ -1,13 +1,16 @@
 import * as react from 'react';
-import { u as useMenu } from './menu-CptFvNqD.mjs';
+import { u as useMenu } from './menu-BQP9o4yc.mjs';
 import 'react/jsx-runtime';
 import '@floating-ui/react';
 import '@jamsrui/utils';
-import './menu-content.mjs';
+import './menu-content2.mjs';
+import 'motion/react';
 import './menu-floating-context.mjs';
+import './menu-group.mjs';
+import './menu-group-label.mjs';
 import './menu-item-inner.mjs';
+import './menu-root.mjs';
 import './styles.mjs';
-import 'tailwind-variants';
 
 declare const useMenuContext: () => MenuContext.Props;
 declare const MenuContext: react.Context<MenuContext.Props | null>;

package/dist/menu-context.mjs

@@ -1 +1 @@
-import{createContext as t,use as n}from"react";const o=t(null),r=()=>{const e=n(o);if(!e)throw new Error("useMenuContext must be used within MenuContext");return e};export{o as MenuContext,r as useMenuContext};
+import{a,b}from"./chunk-IP6JQ5TM.mjs";export{a as MenuContext,b as useMenuContext};

package/dist/menu-floating-context.mjs

@@ -1 +1 @@
-import{createContext as e,use as t}from"react";const o=e({setHasFocusInside:()=>{},activeIndex:null,getItemProps:()=>({})}),s=()=>t(o);export{o as MenuFloatingContext,s as useMenuFloatingContext};
+import{a,b}from"./chunk-4QOOXBEL.mjs";export{a as MenuFloatingContext,b as useMenuFloatingContext};

package/dist/menu-group-label.d.mts

@@ -0,0 +1,10 @@
+import * as react from 'react';
+import { UIProps } from '@jamsrui/utils';
+
+declare const MenuGroupLabel: (props: MenuGroupLabel.Props) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
+declare namespace MenuGroupLabel {
+    interface Props extends UIProps<"div"> {
+    }
+}
+
+export { MenuGroupLabel };

package/dist/menu-group-label.mjs

@@ -0,0 +1 @@
+import{a}from"./chunk-DHAF5YKZ.mjs";import"./chunk-IP6JQ5TM.mjs";export{a as MenuGroupLabel};

package/dist/menu-group.d.mts

@@ -0,0 +1,10 @@
+import * as react from 'react';
+import { UIProps } from '@jamsrui/utils';
+
+declare const MenuGroup: (props: MenuGroup.Props) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
+declare namespace MenuGroup {
+    interface Props extends UIProps<"div"> {
+    }
+}
+
+export { MenuGroup };

package/dist/menu-group.mjs

@@ -0,0 +1 @@
+import{a}from"./chunk-3TXNSYIT.mjs";import"./chunk-IP6JQ5TM.mjs";export{a as MenuGroup};

package/dist/menu-item-inner.mjs

@@ -1 +1 @@
-import{useRenderElement as r}from"@jamsrui/hooks";import{useMenuContext as t}from"./menu-context";const m=e=>{const{getMenuItemInnerProps:n}=t();return r("span",{props:[n(e)]})};export{m as MenuItemInner};
+import{a}from"./chunk-W6Z5NYJV.mjs";import"./chunk-IP6JQ5TM.mjs";export{a as MenuItemInner};

package/dist/menu-item.d.mts

@@ -1,10 +1,13 @@
 import 'react';
 import '@jamsrui/utils';
-export { a as MenuItem } from './menu-CptFvNqD.mjs';
+export { a as MenuItem } from './menu-BQP9o4yc.mjs';
 import 'react/jsx-runtime';
 import '@floating-ui/react';
-import './menu-content.mjs';
+import './menu-content2.mjs';
+import 'motion/react';
 import './menu-floating-context.mjs';
+import './menu-group.mjs';
+import './menu-group-label.mjs';
 import './menu-item-inner.mjs';
+import './menu-root.mjs';
 import './styles.mjs';
-import 'tailwind-variants';

package/dist/menu-item.mjs

@@ -1 +1 @@
-import{Fragment as R,jsx as v,jsxs as k}from"react/jsx-runtime";import{useFloatingTree as I,useListItem as C}from"@floating-ui/react";import{useMergeRefs as M,useRenderElement as b}from"@jamsrui/hooks";import{useMenuContext as x}from"./menu-context";import{useMenuFloatingContext as P}from"./menu-floating-context";import{MenuItemInner as g}from"./menu-item-inner";const O=s=>{const{getMenuItemProps:i}=x(),a=I(),{textValue:m,children:e,isDisabled:t,startContent:c,endContent:l,preventCloseOnClick:d,...u}=s,n=P(),o=C({label:m??(typeof e=="string"?e:void 0)}),r=o.index===n.activeIndex,p=M([o.ref]),f=k(R,{children:[c,v(g,{children:e}),l]});return b("button",{props:[i(u),{children:f,disabled:t,"data-disabled":t,"data-active":r,"aria-disabled":t,ref:p,tabIndex:r?0:-1,onClick(){d||a?.events.emit("click")},onMouseEnter(){n.setHasFocusInside(!0)}}]})};export{O as MenuItem};
+import{a}from"./chunk-Z3M52LAZ.mjs";import"./chunk-W6Z5NYJV.mjs";import"./chunk-4QOOXBEL.mjs";import"./chunk-IP6JQ5TM.mjs";export{a as MenuItem};

package/dist/menu-radio-group-context.d.mts

@@ -0,0 +1,13 @@
+import * as react from 'react';
+
+declare const useMenuRadioGroupContext: () => MenuRadioGroupContext.Props;
+declare const MenuRadioGroupContext: react.Context<MenuRadioGroupContext.Props | null>;
+declare namespace MenuRadioGroupContext {
+    interface Props {
+        isDisabled: boolean | undefined;
+        value: string;
+        setValue: React.Dispatch<React.SetStateAction<string>>;
+    }
+}
+
+export { MenuRadioGroupContext, useMenuRadioGroupContext };

package/dist/menu-radio-group-context.mjs

@@ -0,0 +1 @@
+import{a,b}from"./chunk-MCQCEY2U.mjs";export{a as MenuRadioGroupContext,b as useMenuRadioGroupContext};

package/dist/menu-radio-group.d.mts

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare const MenuRadioGroup: (props: MenuRadioGroup.Props) => react_jsx_runtime.JSX.Element;
+declare namespace MenuRadioGroup {
+    interface Props {
+        children?: React.ReactNode;
+        value?: string;
+        defaultValue?: string;
+        onValueChange?: (value: string) => void;
+        isDisabled?: boolean;
+    }
+}
+
+export { MenuRadioGroup };

package/dist/menu-radio-group.mjs

@@ -0,0 +1 @@
+import{a}from"./chunk-SNAXAYWZ.mjs";import"./chunk-MCQCEY2U.mjs";export{a as MenuRadioGroup};

package/dist/menu-radio-item.d.mts

@@ -0,0 +1,23 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { a as MenuItem } from './menu-BQP9o4yc.mjs';
+import '@floating-ui/react';
+import '@jamsrui/utils';
+import 'react';
+import './menu-content2.mjs';
+import 'motion/react';
+import './menu-floating-context.mjs';
+import './menu-group.mjs';
+import './menu-group-label.mjs';
+import './menu-item-inner.mjs';
+import './menu-root.mjs';
+import './styles.mjs';
+
+declare const MenuRadioItem: (props: MenuRadioItem.Props) => react_jsx_runtime.JSX.Element;
+declare namespace MenuRadioItem {
+    interface Props extends MenuItem.Props {
+        value: string;
+        tickPlacement?: "start" | "end";
+    }
+}
+
+export { MenuRadioItem };

package/dist/menu-radio-item.mjs

@@ -0,0 +1 @@
+import{a}from"./chunk-EDFHOYYY.mjs";import"./chunk-MCQCEY2U.mjs";import"./chunk-Z3M52LAZ.mjs";import"./chunk-W6Z5NYJV.mjs";import"./chunk-4QOOXBEL.mjs";import"./chunk-IP6JQ5TM.mjs";export{a as MenuRadioItem};

package/dist/menu-root.d.mts

@@ -0,0 +1,10 @@
+import * as react from 'react';
+import { UIProps } from '@jamsrui/utils';
+
+declare const MenuRoot: (props: MenuRoot.Props) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
+declare namespace MenuRoot {
+    interface Props extends UIProps<"div"> {
+    }
+}
+
+export { MenuRoot };

package/dist/menu-root.mjs

@@ -0,0 +1 @@
+import{a}from"./chunk-MFCNUSNC.mjs";import"./chunk-IP6JQ5TM.mjs";export{a as MenuRoot};

package/dist/menu-separator.d.mts

@@ -0,0 +1,5 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare const MenuSeparator: () => react_jsx_runtime.JSX.Element;
+
+export { MenuSeparator };

package/dist/menu-separator.mjs

@@ -0,0 +1 @@
+import{a}from"./chunk-WYIM2S4D.mjs";export{a as MenuSeparator};

package/dist/menu-trigger.mjs

@@ -1 +1 @@
-import{cloneElement as t,isValidElement as o}from"react";import{useMenuContext as i}from"./menu-context";const s=r=>{const{children:e}=r,{getTriggerProps:n}=i();return o(e)?t(e,n()):(console.warn("Invalid children passed to MenuTrigger"),null)};export{s as MenuTrigger};
+import{a}from"./chunk-A4ENIW42.mjs";import"./chunk-IP6JQ5TM.mjs";export{a as MenuTrigger};

package/dist/menu.d.mts

@@ -1,10 +1,13 @@
 import 'react/jsx-runtime';
-export { M as Menu } from './menu-CptFvNqD.mjs';
-import 'react';
+export { M as Menu } from './menu-BQP9o4yc.mjs';
 import '@floating-ui/react';
 import '@jamsrui/utils';
-import './menu-content.mjs';
+import 'react';
+import './menu-content2.mjs';
+import 'motion/react';
 import './menu-floating-context.mjs';
+import './menu-group.mjs';
+import './menu-group-label.mjs';
 import './menu-item-inner.mjs';
+import './menu-root.mjs';
 import './styles.mjs';
-import 'tailwind-variants';

package/dist/menu.mjs

@@ -1 +1 @@
-import{jsx as n}from"react/jsx-runtime";import{FloatingNode as c,FloatingTree as s,useFloatingParentNodeId as a}from"@floating-ui/react";import{MenuContext as i}from"./menu-context";import{useMenu as d}from"./use-menu";const r=e=>{const t=d(e),{children:o}=e,{getNodeProps:u}=t;return n(i,{value:t,children:n(c,{...u(),children:o})})},g=e=>{const t=a(),{children:o}=e;return t===null?n(s,{children:n(r,{...e,children:o})}):n(r,{...e,children:o})};export{g as Menu};
+import{a}from"./chunk-4DRJMVOY.mjs";import"./chunk-6RHOGA5S.mjs";import"./chunk-VDALF5ID.mjs";import"./chunk-4QOOXBEL.mjs";import"./chunk-IP6JQ5TM.mjs";export{a as Menu};

package/dist/styles.d.mts

@@ -1,8 +1,7 @@
-import * as tailwind_variants from 'tailwind-variants';
+import * as _jamsrui_utils from '@jamsrui/utils';
 import { VariantProps } from '@jamsrui/utils';
 
-declare const test = "";
-declare const menuVariants: tailwind_variants.TVReturnType<{
+declare const menuVariants: _jamsrui_utils.TVReturnType<{
     radius: {
         sm: {};
         md: {};
@@ -48,8 +47,10 @@ declare const menuVariants: tailwind_variants.TVReturnType<{
     arrow: string;
     backdrop: string;
     root: string;
-    content: string;
+    content: string[];
     menuItem: string[];
+    menuGroup: string[];
+    menuGroupLabel: string;
     menuItemInner: string;
 }, undefined, {
     radius: {
@@ -97,10 +98,12 @@ declare const menuVariants: tailwind_variants.TVReturnType<{
     arrow: string;
     backdrop: string;
     root: string;
-    content: string;
+    content: string[];
     menuItem: string[];
+    menuGroup: string[];
+    menuGroupLabel: string;
     menuItemInner: string;
-}, tailwind_variants.TVReturnType<{
+}, _jamsrui_utils.TVReturnType<{
     radius: {
         sm: {};
         md: {};
@@ -146,11 +149,13 @@ declare const menuVariants: tailwind_variants.TVReturnType<{
     arrow: string;
     backdrop: string;
     root: string;
-    content: string;
+    content: string[];
     menuItem: string[];
+    menuGroup: string[];
+    menuGroupLabel: string;
     menuItemInner: string;
 }, undefined, unknown, unknown, undefined>>;
 type MenuVariantProps = VariantProps<typeof menuVariants>;
 type MenuSlots = keyof ReturnType<typeof menuVariants>;
 
-export { type MenuSlots, type MenuVariantProps, menuVariants, test };
+export { type MenuSlots, type MenuVariantProps, menuVariants };

package/dist/styles.mjs

@@ -1 +1 @@
-import{radiusVariant as e,tv as r}from"@jamsrui/utils";const t="",n=r({slots:{arrow:"fill-background-secondary",backdrop:"z-backdrop",root:"min-w-[150px] z-popover",content:"relative z-popover box-border inline-flex  w-full flex-col justify-center bg-surface p-1 text-sm shadow-md outline-none",menuItem:["relative box-border flex size-full cursor-pointer select-none items-center gap-2 px-2 py-1.5 text-left outline-none ui-disabled:cursor-not-allowed ui-disabled:opacity-60","ui-active:bg-surface-secondary"],menuItemInner:"grow"},variants:{radius:e(["content","menuItem"]),backdrop:{transparent:{backdrop:""},opaque:{backdrop:"bg-black/50"},blur:{backdrop:"bg-black/30 backdrop-blur-md backdrop-saturate-150"}},color:{default:{menuItem:"ui-hover:bg-surface-secondary ui-hover:text-foreground"},primary:{menuItem:"ui-hover:bg-primary ui-hover:text-primary-foreground"},secondary:{menuItem:"ui-hover:bg-secondary ui-hover:text-secondary-foreground"},success:{menuItem:"ui-hover:bg-success ui-hover:text-success-foreground"},warning:{menuItem:"ui-hover:bg-warning ui-hover:text-warning-foreground"},danger:{menuItem:"ui-hover:bg-danger ui-hover:text-danger-foreground"}}},defaultVariants:{backdrop:"transparent",radius:"md",color:"default"}});export{n as menuVariants,t as test};
+import{a}from"./chunk-VDALF5ID.mjs";export{a as menuVariants};

package/dist/use-menu.d.mts

@@ -1,10 +1,13 @@
-import 'react';
 import '@floating-ui/react';
 import '@jamsrui/utils';
-import './menu-content.mjs';
+import 'react';
+import './menu-content2.mjs';
 import './menu-floating-context.mjs';
-export { u as useMenu } from './menu-CptFvNqD.mjs';
+import './menu-group.mjs';
+import './menu-group-label.mjs';
+export { u as useMenu } from './menu-BQP9o4yc.mjs';
 import './menu-item-inner.mjs';
+import './menu-root.mjs';
 import './styles.mjs';
 import 'react/jsx-runtime';
-import 'tailwind-variants';
+import 'motion/react';

package/dist/use-menu.mjs

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

package/package.json

@@ -1,20 +1,22 @@
 {
   "name": "@jamsrui/menu",
-  "version": "0.0.8",
+  "version": "0.0.10",
   "peerDependencies": {
+    "motion": ">=12",
     "react": ">=19"
   },
   "dependencies": {
     "@floating-ui/react": ">=0.27",
-    "@jamsrui/hooks": "^0.0.8",
-    "@jamsrui/utils": "^0.0.8",
-    "@jamsrui/core": "^0.0.7"
+    "@jamsrui/core": "^0.0.9",
+    "@jamsrui/hooks": "^0.0.10",
+    "@jamsrui/divider": "^0.0.10",
+    "@jamsrui/icons": "^0.0.9",
+    "@jamsrui/utils": "^0.0.10"
   },
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.mjs",
-      "require": "./dist/index.js"
+      "import": "./dist/index.mjs"
     }
   },
   "description": "A modern and beautiful Next.js UI components library.",