@jamsrui/menu 0.0.7 → 0.0.9

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{Menu as r}from"./menu";import{MenuCheckboxItem as n}from"./menu-checkbox-item";import{MenuConfig as p,useMenuConfig as m}from"./menu-config";import{MenuContent as x}from"./menu-content";import{MenuGroup as i}from"./menu-group";import{MenuGroupLabel as g}from"./menu-group-label";import{MenuItem as G}from"./menu-item";import{MenuRadioGroup as b}from"./menu-radio-group";import{MenuRadioItem as d}from"./menu-radio-item";import{MenuSeparator as s}from"./menu-separator";import{MenuTrigger as h}from"./menu-trigger";export{r as Menu,n as MenuCheckboxItem,p as MenuConfig,x as MenuContent,i as MenuGroup,g as MenuGroupLabel,G as MenuItem,b as MenuRadioGroup,d as MenuRadioItem,s as MenuSeparator,h as MenuTrigger,m 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{jsx as e}from"react/jsx-runtime";import{useCallback as i}from"react";import{useControlledState as l}from"@jamsrui/hooks";import{CheckIcon as p}from"@jamsrui/icons";import{MenuItem as m}from"./menu-item";const d=n=>{const{isChecked:o}=n;return e("span",{className:"size-4",children:o?e(p,{}):null})},P=n=>{const{isChecked:o,onCheckedChange:C,defaultChecked:r,tickPlacement:t,...a}=n,[c=!1,s]=l({defaultProp:r,onChange:C,prop:o}),k=i(()=>{s(h=>!h)},[s]);return e(m,{preventCloseOnClick:!0,onClick:k,endContent:t==="end"?e(d,{isChecked:c}):void 0,startContent:t==="start"?e(d,{isChecked:c}):void 0,...a})};export{P as MenuCheckboxItem};

package/dist/menu-config.d.mts

@@ -1,18 +1,22 @@
 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: MenuConfig.Props & {
+declare const MenuConfig: (props: Omit<Partial<MenuConfig.Props>, "children"> & {
     merge?: boolean;
+    children: React.ReactNode;
 }) => react_jsx_runtime.JSX.Element;
 declare namespace MenuConfig {
     interface Props extends Menu.Props, GlobalConfigProps<Menu.Props> {

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{jsx as o,jsxs as t}from"react/jsx-runtime";import{FloatingArrow as m,FloatingFocusManager as F,FloatingList as M,FloatingOverlay as P,FloatingPortal as c}from"@floating-ui/react";import{AnimatePresence as f}from"motion/react";import{MenuContent2 as C}from"./menu-content2";import{useMenuContext as x}from"./menu-context";import{MenuFloatingContext as d}from"./menu-floating-context";import{MenuRoot as A}from"./menu-root";const I=n=>{const{getFloatingListProps:e,isOpen:r,getFocusManagerProps:i,getOverlayProps:a,hideArrow:s,getArrowProps:l,floatingCtx:p,isNested:u}=x(),{children:g}=n;return o(d,{value:p,children:o(M,{...e(),children:o(f,{children:r?t(c,{children:[u?null:o(P,{...a()}),o(F,{...i(),children:o(A,{children:t(C,{children:[s?null:o(m,{...l()}),g]})})})]}):null})})})};export{I 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{jsx as p}from"react/jsx-runtime";import{motion as s}from"motion/react";import{useMenuContext as r}from"./menu-context";const m=t=>{const{children:o,...e}=t,{getContentProps:n,isNested:i}=r();return p(s.div,{...i?{}:{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}},...n(e),children:o})};export{m 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-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{useRenderElement as o}from"@jamsrui/hooks";import{useMenuContext as t}from"./menu-context";const u=e=>{const{getMenuGroupLabelProps:r}=t();return o("div",{props:[r(e)]})};export{u 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{useRenderElement as o}from"@jamsrui/hooks";import{useMenuContext as t}from"./menu-context";const u=e=>{const{getMenuGroupProps:r}=t();return o("div",{props:[r(e)]})};export{u as MenuGroup};

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-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{createContext as t,use as o}from"react";const n=t(null),u=()=>{const e=o(n);if(!e)throw new Error("useMenuRadioGroupContext must be used within a MenuRadioGroup");return e};export{n as MenuRadioGroupContext,u 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{jsx as c}from"react/jsx-runtime";import{useMemo as i}from"react";import{useControlledState as s}from"@jamsrui/hooks";import{MenuRadioGroupContext as d}from"./menu-radio-group-context";const v=t=>{const{children:u,defaultValue:n,isDisabled:e,onValueChange:r,value:l}=t,[o="",a]=s({defaultProp:n,onChange:r,prop:l}),p=i(()=>({isDisabled:e,value:o,setValue:a}),[e,a,o]);return c(d,{value:p,children:u})};export{v 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{jsx as n}from"react/jsx-runtime";import{useCallback as l}from"react";import{CheckIcon as u}from"@jamsrui/icons";import{MenuItem as m}from"./menu-item";import{useMenuRadioGroupContext as p}from"./menu-radio-group-context";const r=t=>{const{isChecked:e}=t;return n("span",{className:"size-4",children:e?n(u,{}):null})},M=t=>{const{value:e,tickPlacement:o,...c}=t,{value:s,isDisabled:a,setValue:i}=p(),d=l(()=>{a||i(e)},[a,e,i]);return n(m,{preventCloseOnClick:!0,onClick:d,endContent:o==="end"?n(r,{isChecked:s===e}):void 0,startContent:o==="start"?n(r,{isChecked:s===e}):void 0,...c})};export{M 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{useRenderElement as r}from"@jamsrui/hooks";import{useMenuContext as t}from"./menu-context";const m=e=>{const{getRootProps:o}=t();return r("div",{props:[o(e)]})};export{m 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{jsx as o}from"react/jsx-runtime";import{Divider as r}from"@jamsrui/divider";const a=()=>o(r,{className:"my-1.5"});export{a as MenuSeparator};

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

package/package.json

@@ -1,14 +1,17 @@
 {
   "name": "@jamsrui/menu",
-  "version": "0.0.7",
+  "version": "0.0.9",
   "peerDependencies": {
+    "motion": ">=12",
     "react": ">=19"
   },
   "dependencies": {
     "@floating-ui/react": ">=0.27",
-    "@jamsrui/core": "^0.0.7",
-    "@jamsrui/hooks": "^0.0.7",
-    "@jamsrui/utils": "^0.0.7"
+    "@jamsrui/core": "^0.0.8",
+    "@jamsrui/hooks": "^0.0.9",
+    "@jamsrui/icons": "^0.0.8",
+    "@jamsrui/divider": "^0.0.9",
+    "@jamsrui/utils": "^0.0.9"
   },
   "exports": {
     ".": {