@raystack/apsara 1.0.0-rc.0 → 1.0.0-rc.1

package/dist/components/menu/menu-misc.cjs

@@ -8,31 +8,33 @@ var React = require('react');
 var menu_module = require('./menu.module.css.cjs');
 var menuRoot = require('./menu-root.cjs');
 
-const MenuGroup = React.forwardRef(({ className, children, ...props }, ref) => {
+function MenuGroup({ className, children, ...props }) {
     const { shouldFilter } = menuRoot.useMenuContext();
     if (shouldFilter) {
         return jsxRuntime.jsx(React.Fragment, { children: children });
     }
-    return (jsxRuntime.jsx(menu.Menu.Group, { ref: ref, className: classVarianceAuthority.cx(className), ...props, children: children }));
-});
+    return (jsxRuntime.jsx(menu.Menu.Group, { className: classVarianceAuthority.cx(className), ...props, children: children }));
+}
 MenuGroup.displayName = 'Menu.Group';
-const MenuLabel = React.forwardRef(({ className, ...props }, ref) => {
+function MenuLabel({ className, ...props }) {
     const { shouldFilter } = menuRoot.useMenuContext();
     if (shouldFilter) {
         return null;
     }
-    return (jsxRuntime.jsx(menu.Menu.GroupLabel, { ref: ref, className: classVarianceAuthority.cx(menu_module.default.label, className), ...props }));
-});
+    return (jsxRuntime.jsx(menu.Menu.GroupLabel, { className: classVarianceAuthority.cx(menu_module.default.label, className), ...props }));
+}
 MenuLabel.displayName = 'Menu.Label';
-const MenuSeparator = React.forwardRef(({ className, ...props }, ref) => {
+function MenuSeparator({ className, ...props }) {
     const { shouldFilter } = menuRoot.useMenuContext();
     if (shouldFilter) {
         return null;
     }
-    return (jsxRuntime.jsx("div", { ref: ref, role: 'separator', className: classVarianceAuthority.cx(menu_module.default.separator, className), ...props }));
-});
+    return (jsxRuntime.jsx("div", { role: 'separator', className: classVarianceAuthority.cx(menu_module.default.separator, className), ...props }));
+}
 MenuSeparator.displayName = 'Menu.Separator';
-const MenuEmptyState = React.forwardRef(({ className, children, ...props }, ref) => (jsxRuntime.jsx("div", { ref: ref, className: classVarianceAuthority.cx(menu_module.default.empty, className), ...props, children: children })));
+function MenuEmptyState({ className, children, ...props }) {
+    return (jsxRuntime.jsx("div", { className: classVarianceAuthority.cx(menu_module.default.empty, className), ...props, children: children }));
+}
 MenuEmptyState.displayName = 'Menu.EmptyState';
 
 exports.MenuEmptyState = MenuEmptyState;

package/dist/components/menu/menu-misc.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"menu-misc.cjs","sources":["../../../components/menu/menu-misc.tsx"],"sourcesContent":["'use client';\n\nimport { Menu as MenuPrimitive } from '@base-ui/react/menu';\nimport { cx } from 'class-variance-authority';\nimport { Fragment, forwardRef, HTMLAttributes, ReactNode } from 'react';\nimport styles from './menu.module.css';\nimport { useMenuContext } from './menu-root';\n\nexport const MenuGroup = forwardRef<HTMLDivElement, MenuPrimitive.Group.Props>(\n  ({ className, children, ...props }, ref) => {\n    const { shouldFilter } = useMenuContext();\n\n    if (shouldFilter) {\n      return <Fragment>{children}</Fragment>;\n    }\n\n    return (\n      <MenuPrimitive.Group ref={ref} className={cx(className)} {...props}>\n        {children}\n      </MenuPrimitive.Group>\n    );\n  }\n);\nMenuGroup.displayName = 'Menu.Group';\n\nexport const MenuLabel = forwardRef<\n  HTMLDivElement,\n  MenuPrimitive.GroupLabel.Props\n>(({ className, ...props }, ref) => {\n  const { shouldFilter } = useMenuContext();\n\n  if (shouldFilter) {\n    return null;\n  }\n\n  return (\n    <MenuPrimitive.GroupLabel\n      ref={ref}\n      className={cx(styles.label, className)}\n      {...props}\n    />\n  );\n});\nMenuLabel.displayName = 'Menu.Label';\n\nexport const MenuSeparator = forwardRef<\n  HTMLDivElement,\n  HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => {\n  const { shouldFilter } = useMenuContext();\n\n  if (shouldFilter) {\n    return null;\n  }\n\n  return (\n    <div\n      ref={ref}\n      role='separator'\n      className={cx(styles.separator, className)}\n      {...props}\n    />\n  );\n});\nMenuSeparator.displayName = 'Menu.Separator';\n\nexport const MenuEmptyState = forwardRef<\n  HTMLDivElement,\n  HTMLAttributes<HTMLDivElement> & {\n    children: ReactNode;\n  }\n>(({ className, children, ...props }, ref) => (\n  <div ref={ref} className={cx(styles.empty, className)} {...props}>\n    {children}\n  </div>\n));\nMenuEmptyState.displayName = 'Menu.EmptyState';\n"],"names":[],"mappings":";;;;;;;;;;AAQa;AAET;;AAGE;;;AAQJ;AAEF;AAEa;AAIX;;AAGE;;;AAUJ;AACA;AAEa;AAIX;;AAGE;;;AAWJ;AACA;AAEa;AAUb;;;;;"}
+{"version":3,"file":"menu-misc.cjs","sources":["../../../components/menu/menu-misc.tsx"],"sourcesContent":["'use client';\n\nimport { Menu as MenuPrimitive } from '@base-ui/react/menu';\nimport { cx } from 'class-variance-authority';\nimport { ComponentProps, Fragment, ReactNode } from 'react';\nimport styles from './menu.module.css';\nimport { useMenuContext } from './menu-root';\n\nexport function MenuGroup({\n  className,\n  children,\n  ...props\n}: MenuPrimitive.Group.Props) {\n  const { shouldFilter } = useMenuContext();\n\n  if (shouldFilter) {\n    return <Fragment>{children}</Fragment>;\n  }\n\n  return (\n    <MenuPrimitive.Group className={cx(className)} {...props}>\n      {children}\n    </MenuPrimitive.Group>\n  );\n}\nMenuGroup.displayName = 'Menu.Group';\n\nexport function MenuLabel({\n  className,\n  ...props\n}: MenuPrimitive.GroupLabel.Props) {\n  const { shouldFilter } = useMenuContext();\n\n  if (shouldFilter) {\n    return null;\n  }\n\n  return (\n    <MenuPrimitive.GroupLabel\n      className={cx(styles.label, className)}\n      {...props}\n    />\n  );\n}\nMenuLabel.displayName = 'Menu.Label';\n\nexport function MenuSeparator({ className, ...props }: ComponentProps<'div'>) {\n  const { shouldFilter } = useMenuContext();\n\n  if (shouldFilter) {\n    return null;\n  }\n\n  return (\n    <div\n      role='separator'\n      className={cx(styles.separator, className)}\n      {...props}\n    />\n  );\n}\nMenuSeparator.displayName = 'Menu.Separator';\n\nexport function MenuEmptyState({\n  className,\n  children,\n  ...props\n}: ComponentProps<'div'> & { children: ReactNode }) {\n  return (\n    <div className={cx(styles.empty, className)} {...props}>\n      {children}\n    </div>\n  );\n}\nMenuEmptyState.displayName = 'Menu.EmptyState';\n"],"names":[],"mappings":";;;;;;;;;;AAQM;AAKJ;;AAGE;;AAGF;AAKF;AACA;AAEM;AAIJ;;AAGE;;;AASJ;AACA;AAEM;AACJ;;AAGE;;;AAUJ;AACA;AAEM;AAKJ;AAKF;AACA;;;;;"}

package/dist/components/menu/menu-misc.d.ts

@@ -1,8 +1,21 @@
-import { HTMLAttributes, ReactNode } from 'react';
-export declare const MenuGroup: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react/menu").MenuGroupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-export declare const MenuLabel: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react/menu").MenuGroupLabelProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-export declare const MenuSeparator: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
-export declare const MenuEmptyState: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
+import { Menu as MenuPrimitive } from '@base-ui/react/menu';
+import { ComponentProps, ReactNode } from 'react';
+export declare function MenuGroup({ className, children, ...props }: MenuPrimitive.Group.Props): import("react/jsx-runtime").JSX.Element;
+export declare namespace MenuGroup {
+    var displayName: string;
+}
+export declare function MenuLabel({ className, ...props }: MenuPrimitive.GroupLabel.Props): import("react/jsx-runtime").JSX.Element | null;
+export declare namespace MenuLabel {
+    var displayName: string;
+}
+export declare function MenuSeparator({ className, ...props }: ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element | null;
+export declare namespace MenuSeparator {
+    var displayName: string;
+}
+export declare function MenuEmptyState({ className, children, ...props }: ComponentProps<'div'> & {
     children: ReactNode;
-} & import("react").RefAttributes<HTMLDivElement>>;
+}): import("react/jsx-runtime").JSX.Element;
+export declare namespace MenuEmptyState {
+    var displayName: string;
+}
 //# sourceMappingURL=menu-misc.d.ts.map

package/dist/components/menu/menu-misc.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu-misc.d.ts","sourceRoot":"","sources":["../../../components/menu/menu-misc.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAwB,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIxE,eAAO,MAAM,SAAS,sJAcrB,CAAC;AAGF,eAAO,MAAM,SAAS,2JAiBpB,CAAC;AAGH,eAAO,MAAM,aAAa,2HAkBxB,CAAC;AAGH,eAAO,MAAM,cAAc;cAGb,SAAS;kDAMrB,CAAC"}
+{"version":3,"file":"menu-misc.d.ts","sourceRoot":"","sources":["../../../components/menu/menu-misc.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAE5D,OAAO,EAAE,cAAc,EAAY,SAAS,EAAE,MAAM,OAAO,CAAC;AAI5D,wBAAgB,SAAS,CAAC,EACxB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,aAAa,CAAC,KAAK,CAAC,KAAK,2CAY3B;yBAhBe,SAAS;;;AAmBzB,wBAAgB,SAAS,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,aAAa,CAAC,UAAU,CAAC,KAAK,kDAahC;yBAhBe,SAAS;;;AAmBzB,wBAAgB,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,KAAK,CAAC,kDAc3E;yBAde,aAAa;;;AAiB7B,wBAAgB,cAAc,CAAC,EAC7B,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,2CAMjD;yBAVe,cAAc"}

package/dist/components/menu/menu-misc.js

@@ -2,35 +2,37 @@
 import { jsx } from 'react/jsx-runtime';
 import { Menu } from '@base-ui/react/menu';
 import { cx } from 'class-variance-authority';
-import { forwardRef, Fragment } from 'react';
+import { Fragment } from 'react';
 import styles from './menu.module.css.js';
 import { useMenuContext } from './menu-root.js';
 
-const MenuGroup = forwardRef(({ className, children, ...props }, ref) => {
+function MenuGroup({ className, children, ...props }) {
     const { shouldFilter } = useMenuContext();
     if (shouldFilter) {
         return jsx(Fragment, { children: children });
     }
-    return (jsx(Menu.Group, { ref: ref, className: cx(className), ...props, children: children }));
-});
+    return (jsx(Menu.Group, { className: cx(className), ...props, children: children }));
+}
 MenuGroup.displayName = 'Menu.Group';
-const MenuLabel = forwardRef(({ className, ...props }, ref) => {
+function MenuLabel({ className, ...props }) {
     const { shouldFilter } = useMenuContext();
     if (shouldFilter) {
         return null;
     }
-    return (jsx(Menu.GroupLabel, { ref: ref, className: cx(styles.label, className), ...props }));
-});
+    return (jsx(Menu.GroupLabel, { className: cx(styles.label, className), ...props }));
+}
 MenuLabel.displayName = 'Menu.Label';
-const MenuSeparator = forwardRef(({ className, ...props }, ref) => {
+function MenuSeparator({ className, ...props }) {
     const { shouldFilter } = useMenuContext();
     if (shouldFilter) {
         return null;
     }
-    return (jsx("div", { ref: ref, role: 'separator', className: cx(styles.separator, className), ...props }));
-});
+    return (jsx("div", { role: 'separator', className: cx(styles.separator, className), ...props }));
+}
 MenuSeparator.displayName = 'Menu.Separator';
-const MenuEmptyState = forwardRef(({ className, children, ...props }, ref) => (jsx("div", { ref: ref, className: cx(styles.empty, className), ...props, children: children })));
+function MenuEmptyState({ className, children, ...props }) {
+    return (jsx("div", { className: cx(styles.empty, className), ...props, children: children }));
+}
 MenuEmptyState.displayName = 'Menu.EmptyState';
 
 export { MenuEmptyState, MenuGroup, MenuLabel, MenuSeparator };

package/dist/components/menu/menu-misc.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu-misc.js","sources":["../../../components/menu/menu-misc.tsx"],"sourcesContent":["'use client';\n\nimport { Menu as MenuPrimitive } from '@base-ui/react/menu';\nimport { cx } from 'class-variance-authority';\nimport { Fragment, forwardRef, HTMLAttributes, ReactNode } from 'react';\nimport styles from './menu.module.css';\nimport { useMenuContext } from './menu-root';\n\nexport const MenuGroup = forwardRef<HTMLDivElement, MenuPrimitive.Group.Props>(\n  ({ className, children, ...props }, ref) => {\n    const { shouldFilter } = useMenuContext();\n\n    if (shouldFilter) {\n      return <Fragment>{children}</Fragment>;\n    }\n\n    return (\n      <MenuPrimitive.Group ref={ref} className={cx(className)} {...props}>\n        {children}\n      </MenuPrimitive.Group>\n    );\n  }\n);\nMenuGroup.displayName = 'Menu.Group';\n\nexport const MenuLabel = forwardRef<\n  HTMLDivElement,\n  MenuPrimitive.GroupLabel.Props\n>(({ className, ...props }, ref) => {\n  const { shouldFilter } = useMenuContext();\n\n  if (shouldFilter) {\n    return null;\n  }\n\n  return (\n    <MenuPrimitive.GroupLabel\n      ref={ref}\n      className={cx(styles.label, className)}\n      {...props}\n    />\n  );\n});\nMenuLabel.displayName = 'Menu.Label';\n\nexport const MenuSeparator = forwardRef<\n  HTMLDivElement,\n  HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => {\n  const { shouldFilter } = useMenuContext();\n\n  if (shouldFilter) {\n    return null;\n  }\n\n  return (\n    <div\n      ref={ref}\n      role='separator'\n      className={cx(styles.separator, className)}\n      {...props}\n    />\n  );\n});\nMenuSeparator.displayName = 'Menu.Separator';\n\nexport const MenuEmptyState = forwardRef<\n  HTMLDivElement,\n  HTMLAttributes<HTMLDivElement> & {\n    children: ReactNode;\n  }\n>(({ className, children, ...props }, ref) => (\n  <div ref={ref} className={cx(styles.empty, className)} {...props}>\n    {children}\n  </div>\n));\nMenuEmptyState.displayName = 'Menu.EmptyState';\n"],"names":[],"mappings":";;;;;;;;AAQa;AAET;;AAGE;;;AAQJ;AAEF;AAEa;AAIX;;AAGE;;;AAUJ;AACA;AAEa;AAIX;;AAGE;;;AAWJ;AACA;AAEa;AAUb;;"}
+{"version":3,"file":"menu-misc.js","sources":["../../../components/menu/menu-misc.tsx"],"sourcesContent":["'use client';\n\nimport { Menu as MenuPrimitive } from '@base-ui/react/menu';\nimport { cx } from 'class-variance-authority';\nimport { ComponentProps, Fragment, ReactNode } from 'react';\nimport styles from './menu.module.css';\nimport { useMenuContext } from './menu-root';\n\nexport function MenuGroup({\n  className,\n  children,\n  ...props\n}: MenuPrimitive.Group.Props) {\n  const { shouldFilter } = useMenuContext();\n\n  if (shouldFilter) {\n    return <Fragment>{children}</Fragment>;\n  }\n\n  return (\n    <MenuPrimitive.Group className={cx(className)} {...props}>\n      {children}\n    </MenuPrimitive.Group>\n  );\n}\nMenuGroup.displayName = 'Menu.Group';\n\nexport function MenuLabel({\n  className,\n  ...props\n}: MenuPrimitive.GroupLabel.Props) {\n  const { shouldFilter } = useMenuContext();\n\n  if (shouldFilter) {\n    return null;\n  }\n\n  return (\n    <MenuPrimitive.GroupLabel\n      className={cx(styles.label, className)}\n      {...props}\n    />\n  );\n}\nMenuLabel.displayName = 'Menu.Label';\n\nexport function MenuSeparator({ className, ...props }: ComponentProps<'div'>) {\n  const { shouldFilter } = useMenuContext();\n\n  if (shouldFilter) {\n    return null;\n  }\n\n  return (\n    <div\n      role='separator'\n      className={cx(styles.separator, className)}\n      {...props}\n    />\n  );\n}\nMenuSeparator.displayName = 'Menu.Separator';\n\nexport function MenuEmptyState({\n  className,\n  children,\n  ...props\n}: ComponentProps<'div'> & { children: ReactNode }) {\n  return (\n    <div className={cx(styles.empty, className)} {...props}>\n      {children}\n    </div>\n  );\n}\nMenuEmptyState.displayName = 'Menu.EmptyState';\n"],"names":[],"mappings":";;;;;;;;AAQM;AAKJ;;AAGE;;AAGF;AAKF;AACA;AAEM;AAIJ;;AAGE;;;AASJ;AACA;AAEM;AACJ;;AAGE;;;AAUJ;AACA;AAEM;AAKJ;AAKF;AACA;;"}

package/dist/components/menu/menu-root.cjs

@@ -49,7 +49,7 @@ const MenuRoot = ({ autocomplete, autocompleteMode = 'auto', inputValue: provide
         setInternalOpen(value);
         onOpenChange?.(value, eventDetails);
     }, [onOpenChange, setValue, autocomplete]);
-    return (jsxRuntime.jsx(MenuContext.Provider, { value: {
+    return (jsxRuntime.jsx(MenuContext, { value: {
             autocomplete,
             inputRef,
             autocompleteMode,
@@ -82,7 +82,7 @@ const MenuSubMenu = ({ autocomplete, autocompleteMode = 'auto', inputValue: prov
         setInternalOpen(value);
         onOpenChange?.(value, eventDetails);
     }, [onOpenChange, setValue, autocomplete]);
-    return (jsxRuntime.jsx(MenuContext.Provider, { value: {
+    return (jsxRuntime.jsx(MenuContext, { value: {
             autocomplete,
             inputRef,
             parent: parentContext,
@@ -94,7 +94,7 @@ const MenuSubMenu = ({ autocomplete, autocompleteMode = 'auto', inputValue: prov
             contentRef
         }, children: jsxRuntime.jsx(react.Menu.SubmenuRoot, { loopFocus: false, open: open, onOpenChange: handleOpenChange, ...props }) }));
 };
-MenuSubMenu.displayName = 'Menu.SubMenu';
+MenuSubMenu.displayName = 'Menu.Submenu';
 
 exports.MenuContext = MenuContext;
 exports.MenuRoot = MenuRoot;

package/dist/components/menu/menu-root.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"menu-root.cjs","sources":["../../../components/menu/menu-root.tsx"],"sourcesContent":["'use client';\n\nimport { Menu as MenuPrimitive } from '@base-ui/react';\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useRef,\n  useState\n} from 'react';\n\ninterface CommonProps {\n  autocomplete?: boolean;\n  autocompleteMode?: 'auto' | 'manual';\n  inputValue?: string;\n  inputRef?: React.RefObject<HTMLInputElement | null>;\n  contentRef?: React.RefObject<HTMLDivElement | null>;\n  isInitialRender?: React.RefObject<boolean>;\n  open?: boolean;\n}\n\ninterface MenuContextValue extends CommonProps {\n  parent?: CommonProps;\n  onInputValueChange?: (value: string) => void;\n}\n\ninterface UseMenuContextReturn extends MenuContextValue {\n  shouldFilter?: boolean;\n  parent?: CommonProps & {\n    shouldFilter?: boolean;\n  };\n}\n\n/**\n Root context to manage the Menu control\n @remarks Only for internal usage.\n */\nexport const MenuContext = createContext<MenuContextValue | undefined>(\n  undefined\n);\n\nexport const useMenuContext = (): UseMenuContextReturn => {\n  const context = useContext(MenuContext);\n  if (!context) return {};\n\n  const shouldFilter = !!(\n    context?.autocomplete &&\n    context?.autocompleteMode === 'auto' &&\n    context?.inputValue?.length\n  );\n\n  const shouldFilterParent = !!(\n    context?.parent?.autocomplete &&\n    context?.parent?.autocompleteMode === 'auto' &&\n    context?.parent?.inputValue?.length\n  );\n\n  return {\n    ...context,\n    shouldFilter,\n    parent: context?.parent && {\n      ...context.parent,\n      shouldFilter: shouldFilterParent\n    }\n  };\n};\n\nexport interface MenuRootBaseProps {\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: MenuPrimitive.Root.Props['onOpenChange'];\n  modal?: boolean;\n  loopFocus?: boolean;\n}\n\nexport interface NormalMenuRootProps extends MenuPrimitive.Root.Props {\n  autocomplete?: false;\n  autocompleteMode?: never;\n  inputValue?: never;\n  onInputValueChange?: never;\n  defaultInputValue?: never;\n}\n\nexport interface AutocompleteMenuRootProps\n  extends MenuPrimitive.Root.Props,\n    CommonProps {\n  autocomplete: true;\n  onInputValueChange?: (value: string) => void;\n  defaultInputValue?: string;\n}\n\nexport type MenuRootProps = NormalMenuRootProps | AutocompleteMenuRootProps;\n\nexport const MenuRoot = ({\n  autocomplete,\n  autocompleteMode = 'auto',\n  inputValue: providedInputValue,\n  onInputValueChange,\n  defaultInputValue = '',\n  open: providedOpen,\n  onOpenChange,\n  defaultOpen = false,\n  ...props\n}: MenuRootProps) => {\n  const [internalInputValue, setInternalInputValue] =\n    useState(defaultInputValue);\n\n  const [internalOpen, setInternalOpen] = useState(defaultOpen);\n  const open = providedOpen ?? internalOpen;\n  const inputRef = useRef<HTMLInputElement>(null);\n  const contentRef = useRef<HTMLDivElement>(null);\n  const isInitialRender = useRef(true);\n\n  const inputValue = providedInputValue ?? internalInputValue;\n\n  const setValue = useCallback(\n    (value: string) => {\n      setInternalInputValue(value);\n      onInputValueChange?.(value);\n    },\n    [onInputValueChange]\n  );\n\n  const handleOpenChange: MenuPrimitive.Root.Props['onOpenChange'] =\n    useCallback(\n      (value: boolean, eventDetails: MenuPrimitive.Root.ChangeEventDetails) => {\n        if (!value && autocomplete) {\n          setValue('');\n          isInitialRender.current = true;\n        }\n        setInternalOpen(value);\n        onOpenChange?.(value, eventDetails);\n      },\n      [onOpenChange, setValue, autocomplete]\n    );\n\n  return (\n    <MenuContext.Provider\n      value={{\n        autocomplete,\n        inputRef,\n        autocompleteMode,\n        inputValue,\n        onInputValueChange: setValue,\n        open: open,\n        isInitialRender,\n        contentRef\n      }}\n    >\n      <MenuPrimitive.Root\n        open={open}\n        onOpenChange={handleOpenChange}\n        loopFocus={false}\n        modal\n        {...props}\n      />\n    </MenuContext.Provider>\n  );\n};\nMenuRoot.displayName = 'Menu';\n\nexport interface NormalMenuSubMenuProps\n  extends MenuPrimitive.SubmenuRoot.Props {\n  autocomplete?: false;\n  autocompleteMode?: never;\n  inputValue?: never;\n  onInputValueChange?: never;\n  defaultInputValue?: never;\n}\n\nexport interface AutocompleteMenuSubMenuProps\n  extends MenuPrimitive.SubmenuRoot.Props {\n  autocomplete: true;\n  autocompleteMode?: 'auto' | 'manual';\n  inputValue?: string;\n  onInputValueChange?: (value: string) => void;\n  defaultInputValue?: string;\n}\n\nexport type MenuSubMenuProps =\n  | NormalMenuSubMenuProps\n  | AutocompleteMenuSubMenuProps;\n\nexport const MenuSubMenu = ({\n  autocomplete,\n  autocompleteMode = 'auto',\n  inputValue: providedInputValue,\n  onInputValueChange,\n  defaultInputValue = '',\n  open: providedOpen,\n  onOpenChange,\n  defaultOpen = false,\n  ...props\n}: MenuSubMenuProps) => {\n  const [internalInputValue, setInternalInputValue] =\n    useState(defaultInputValue);\n  const [internalOpen, setInternalOpen] = useState(defaultOpen);\n  const open = providedOpen ?? internalOpen;\n  const parentContext = useMenuContext();\n  const inputRef = useRef<HTMLInputElement>(null);\n  const isInitialRender = useRef(true);\n  const contentRef = useRef<HTMLDivElement>(null);\n  const inputValue = providedInputValue ?? internalInputValue;\n\n  const setValue = useCallback(\n    (value: string) => {\n      setInternalInputValue(value);\n      onInputValueChange?.(value);\n    },\n    [onInputValueChange]\n  );\n\n  const handleOpenChange: MenuPrimitive.Root.Props['onOpenChange'] =\n    useCallback(\n      (value: boolean, eventDetails: MenuPrimitive.Root.ChangeEventDetails) => {\n        if (!value && autocomplete) {\n          setValue('');\n          isInitialRender.current = true;\n        }\n        setInternalOpen(value);\n        onOpenChange?.(value, eventDetails);\n      },\n      [onOpenChange, setValue, autocomplete]\n    );\n\n  return (\n    <MenuContext.Provider\n      value={{\n        autocomplete,\n        inputRef,\n        parent: parentContext,\n        autocompleteMode,\n        inputValue,\n        onInputValueChange: setValue,\n        open: open,\n        isInitialRender,\n        contentRef\n      }}\n    >\n      <MenuPrimitive.SubmenuRoot\n        loopFocus={false}\n        open={open}\n        onOpenChange={handleOpenChange}\n        {...props}\n      />\n    </MenuContext.Provider>\n  );\n};\nMenuSubMenu.displayName = 'Menu.SubMenu';\n"],"names":[],"mappings":";;;;;;;AAiCA;;;AAGG;;AAKI;AACL;AACA;AAAc;AAEd;;AAGE;;AAKA;AACA;;AAIA;;AAEA;;AAEE;AACD;;AAEL;AA4Ba;;;AAeX;AACA;AACA;AACA;AAEA;AAEA;;AAGI;AACF;;AAOI;;AAEE;;;AAGF;;AAKN;;;;;AAOM;AACA;;;;AAcR;AACA;AAwBa;;;AAcX;AACA;AACA;AACA;AACA;AACA;AAEA;;AAGI;AACF;;AAOI;;AAEE;;;AAGF;;AAKN;;;AAKM;;;AAGA;AACA;;;;AAaR;AACA;;;;;"}
+{"version":3,"file":"menu-root.cjs","sources":["../../../components/menu/menu-root.tsx"],"sourcesContent":["'use client';\n\nimport { Menu as MenuPrimitive } from '@base-ui/react';\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useRef,\n  useState\n} from 'react';\n\ninterface CommonProps {\n  autocomplete?: boolean;\n  autocompleteMode?: 'auto' | 'manual';\n  inputValue?: string;\n  inputRef?: React.RefObject<HTMLInputElement | null>;\n  contentRef?: React.RefObject<HTMLDivElement | null>;\n  isInitialRender?: React.RefObject<boolean>;\n  open?: boolean;\n}\n\ninterface MenuContextValue extends CommonProps {\n  parent?: CommonProps;\n  onInputValueChange?: (value: string) => void;\n}\n\ninterface UseMenuContextReturn extends MenuContextValue {\n  shouldFilter?: boolean;\n  parent?: CommonProps & {\n    shouldFilter?: boolean;\n  };\n}\n\n/**\n Root context to manage the Menu control\n @remarks Only for internal usage.\n */\nexport const MenuContext = createContext<MenuContextValue | undefined>(\n  undefined\n);\n\nexport const useMenuContext = (): UseMenuContextReturn => {\n  const context = useContext(MenuContext);\n  if (!context) return {};\n\n  const shouldFilter = !!(\n    context?.autocomplete &&\n    context?.autocompleteMode === 'auto' &&\n    context?.inputValue?.length\n  );\n\n  const shouldFilterParent = !!(\n    context?.parent?.autocomplete &&\n    context?.parent?.autocompleteMode === 'auto' &&\n    context?.parent?.inputValue?.length\n  );\n\n  return {\n    ...context,\n    shouldFilter,\n    parent: context?.parent && {\n      ...context.parent,\n      shouldFilter: shouldFilterParent\n    }\n  };\n};\n\nexport interface MenuRootBaseProps {\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: MenuPrimitive.Root.Props['onOpenChange'];\n  modal?: boolean;\n  loopFocus?: boolean;\n}\n\nexport interface NormalMenuRootProps extends MenuPrimitive.Root.Props {\n  autocomplete?: false;\n  autocompleteMode?: never;\n  inputValue?: never;\n  onInputValueChange?: never;\n  defaultInputValue?: never;\n}\n\nexport interface AutocompleteMenuRootProps\n  extends MenuPrimitive.Root.Props,\n    CommonProps {\n  autocomplete: true;\n  onInputValueChange?: (value: string) => void;\n  defaultInputValue?: string;\n}\n\nexport type MenuRootProps = NormalMenuRootProps | AutocompleteMenuRootProps;\n\nexport const MenuRoot = ({\n  autocomplete,\n  autocompleteMode = 'auto',\n  inputValue: providedInputValue,\n  onInputValueChange,\n  defaultInputValue = '',\n  open: providedOpen,\n  onOpenChange,\n  defaultOpen = false,\n  ...props\n}: MenuRootProps) => {\n  const [internalInputValue, setInternalInputValue] =\n    useState(defaultInputValue);\n\n  const [internalOpen, setInternalOpen] = useState(defaultOpen);\n  const open = providedOpen ?? internalOpen;\n  const inputRef = useRef<HTMLInputElement>(null);\n  const contentRef = useRef<HTMLDivElement>(null);\n  const isInitialRender = useRef(true);\n\n  const inputValue = providedInputValue ?? internalInputValue;\n\n  const setValue = useCallback(\n    (value: string) => {\n      setInternalInputValue(value);\n      onInputValueChange?.(value);\n    },\n    [onInputValueChange]\n  );\n\n  const handleOpenChange: MenuPrimitive.Root.Props['onOpenChange'] =\n    useCallback(\n      (value: boolean, eventDetails: MenuPrimitive.Root.ChangeEventDetails) => {\n        if (!value && autocomplete) {\n          setValue('');\n          isInitialRender.current = true;\n        }\n        setInternalOpen(value);\n        onOpenChange?.(value, eventDetails);\n      },\n      [onOpenChange, setValue, autocomplete]\n    );\n\n  return (\n    <MenuContext\n      value={{\n        autocomplete,\n        inputRef,\n        autocompleteMode,\n        inputValue,\n        onInputValueChange: setValue,\n        open: open,\n        isInitialRender,\n        contentRef\n      }}\n    >\n      <MenuPrimitive.Root\n        open={open}\n        onOpenChange={handleOpenChange}\n        loopFocus={false}\n        modal\n        {...props}\n      />\n    </MenuContext>\n  );\n};\nMenuRoot.displayName = 'Menu';\n\nexport interface NormalMenuSubMenuProps\n  extends MenuPrimitive.SubmenuRoot.Props {\n  autocomplete?: false;\n  autocompleteMode?: never;\n  inputValue?: never;\n  onInputValueChange?: never;\n  defaultInputValue?: never;\n}\n\nexport interface AutocompleteMenuSubMenuProps\n  extends MenuPrimitive.SubmenuRoot.Props {\n  autocomplete: true;\n  autocompleteMode?: 'auto' | 'manual';\n  inputValue?: string;\n  onInputValueChange?: (value: string) => void;\n  defaultInputValue?: string;\n}\n\nexport type MenuSubMenuProps =\n  | NormalMenuSubMenuProps\n  | AutocompleteMenuSubMenuProps;\n\nexport const MenuSubMenu = ({\n  autocomplete,\n  autocompleteMode = 'auto',\n  inputValue: providedInputValue,\n  onInputValueChange,\n  defaultInputValue = '',\n  open: providedOpen,\n  onOpenChange,\n  defaultOpen = false,\n  ...props\n}: MenuSubMenuProps) => {\n  const [internalInputValue, setInternalInputValue] =\n    useState(defaultInputValue);\n  const [internalOpen, setInternalOpen] = useState(defaultOpen);\n  const open = providedOpen ?? internalOpen;\n  const parentContext = useMenuContext();\n  const inputRef = useRef<HTMLInputElement>(null);\n  const isInitialRender = useRef(true);\n  const contentRef = useRef<HTMLDivElement>(null);\n  const inputValue = providedInputValue ?? internalInputValue;\n\n  const setValue = useCallback(\n    (value: string) => {\n      setInternalInputValue(value);\n      onInputValueChange?.(value);\n    },\n    [onInputValueChange]\n  );\n\n  const handleOpenChange: MenuPrimitive.Root.Props['onOpenChange'] =\n    useCallback(\n      (value: boolean, eventDetails: MenuPrimitive.Root.ChangeEventDetails) => {\n        if (!value && autocomplete) {\n          setValue('');\n          isInitialRender.current = true;\n        }\n        setInternalOpen(value);\n        onOpenChange?.(value, eventDetails);\n      },\n      [onOpenChange, setValue, autocomplete]\n    );\n\n  return (\n    <MenuContext\n      value={{\n        autocomplete,\n        inputRef,\n        parent: parentContext,\n        autocompleteMode,\n        inputValue,\n        onInputValueChange: setValue,\n        open: open,\n        isInitialRender,\n        contentRef\n      }}\n    >\n      <MenuPrimitive.SubmenuRoot\n        loopFocus={false}\n        open={open}\n        onOpenChange={handleOpenChange}\n        {...props}\n      />\n    </MenuContext>\n  );\n};\nMenuSubMenu.displayName = 'Menu.Submenu';\n"],"names":[],"mappings":";;;;;;;AAiCA;;;AAGG;;AAKI;AACL;AACA;AAAc;AAEd;;AAGE;;AAKA;AACA;;AAIA;;AAEA;;AAEE;AACD;;AAEL;AA4Ba;;;AAeX;AACA;AACA;AACA;AAEA;AAEA;;AAGI;AACF;;AAOI;;AAEE;;;AAGF;;AAKN;;;;;AAOM;AACA;;;;AAcR;AACA;AAwBa;;;AAcX;AACA;AACA;AACA;AACA;AACA;AAEA;;AAGI;AACF;;AAOI;;AAEE;;;AAGF;;AAKN;;;AAKM;;;AAGA;AACA;;;;AAaR;AACA;;;;;"}

package/dist/components/menu/menu-root.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
 import { Menu } from '@base-ui/react';
-import { createContext, useContext, useState, useRef, useCallback } from 'react';
+import { createContext, useState, useRef, useCallback, useContext } from 'react';
 
 /**
  Root context to manage the Menu control
@@ -47,7 +47,7 @@ const MenuRoot = ({ autocomplete, autocompleteMode = 'auto', inputValue: provide
         setInternalOpen(value);
         onOpenChange?.(value, eventDetails);
     }, [onOpenChange, setValue, autocomplete]);
-    return (jsx(MenuContext.Provider, { value: {
+    return (jsx(MenuContext, { value: {
             autocomplete,
             inputRef,
             autocompleteMode,
@@ -80,7 +80,7 @@ const MenuSubMenu = ({ autocomplete, autocompleteMode = 'auto', inputValue: prov
         setInternalOpen(value);
         onOpenChange?.(value, eventDetails);
     }, [onOpenChange, setValue, autocomplete]);
-    return (jsx(MenuContext.Provider, { value: {
+    return (jsx(MenuContext, { value: {
             autocomplete,
             inputRef,
             parent: parentContext,
@@ -92,7 +92,7 @@ const MenuSubMenu = ({ autocomplete, autocompleteMode = 'auto', inputValue: prov
             contentRef
         }, children: jsx(Menu.SubmenuRoot, { loopFocus: false, open: open, onOpenChange: handleOpenChange, ...props }) }));
 };
-MenuSubMenu.displayName = 'Menu.SubMenu';
+MenuSubMenu.displayName = 'Menu.Submenu';
 
 export { MenuContext, MenuRoot, MenuSubMenu, useMenuContext };
 //# sourceMappingURL=menu-root.js.map

package/dist/components/menu/menu-root.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu-root.js","sources":["../../../components/menu/menu-root.tsx"],"sourcesContent":["'use client';\n\nimport { Menu as MenuPrimitive } from '@base-ui/react';\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useRef,\n  useState\n} from 'react';\n\ninterface CommonProps {\n  autocomplete?: boolean;\n  autocompleteMode?: 'auto' | 'manual';\n  inputValue?: string;\n  inputRef?: React.RefObject<HTMLInputElement | null>;\n  contentRef?: React.RefObject<HTMLDivElement | null>;\n  isInitialRender?: React.RefObject<boolean>;\n  open?: boolean;\n}\n\ninterface MenuContextValue extends CommonProps {\n  parent?: CommonProps;\n  onInputValueChange?: (value: string) => void;\n}\n\ninterface UseMenuContextReturn extends MenuContextValue {\n  shouldFilter?: boolean;\n  parent?: CommonProps & {\n    shouldFilter?: boolean;\n  };\n}\n\n/**\n Root context to manage the Menu control\n @remarks Only for internal usage.\n */\nexport const MenuContext = createContext<MenuContextValue | undefined>(\n  undefined\n);\n\nexport const useMenuContext = (): UseMenuContextReturn => {\n  const context = useContext(MenuContext);\n  if (!context) return {};\n\n  const shouldFilter = !!(\n    context?.autocomplete &&\n    context?.autocompleteMode === 'auto' &&\n    context?.inputValue?.length\n  );\n\n  const shouldFilterParent = !!(\n    context?.parent?.autocomplete &&\n    context?.parent?.autocompleteMode === 'auto' &&\n    context?.parent?.inputValue?.length\n  );\n\n  return {\n    ...context,\n    shouldFilter,\n    parent: context?.parent && {\n      ...context.parent,\n      shouldFilter: shouldFilterParent\n    }\n  };\n};\n\nexport interface MenuRootBaseProps {\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: MenuPrimitive.Root.Props['onOpenChange'];\n  modal?: boolean;\n  loopFocus?: boolean;\n}\n\nexport interface NormalMenuRootProps extends MenuPrimitive.Root.Props {\n  autocomplete?: false;\n  autocompleteMode?: never;\n  inputValue?: never;\n  onInputValueChange?: never;\n  defaultInputValue?: never;\n}\n\nexport interface AutocompleteMenuRootProps\n  extends MenuPrimitive.Root.Props,\n    CommonProps {\n  autocomplete: true;\n  onInputValueChange?: (value: string) => void;\n  defaultInputValue?: string;\n}\n\nexport type MenuRootProps = NormalMenuRootProps | AutocompleteMenuRootProps;\n\nexport const MenuRoot = ({\n  autocomplete,\n  autocompleteMode = 'auto',\n  inputValue: providedInputValue,\n  onInputValueChange,\n  defaultInputValue = '',\n  open: providedOpen,\n  onOpenChange,\n  defaultOpen = false,\n  ...props\n}: MenuRootProps) => {\n  const [internalInputValue, setInternalInputValue] =\n    useState(defaultInputValue);\n\n  const [internalOpen, setInternalOpen] = useState(defaultOpen);\n  const open = providedOpen ?? internalOpen;\n  const inputRef = useRef<HTMLInputElement>(null);\n  const contentRef = useRef<HTMLDivElement>(null);\n  const isInitialRender = useRef(true);\n\n  const inputValue = providedInputValue ?? internalInputValue;\n\n  const setValue = useCallback(\n    (value: string) => {\n      setInternalInputValue(value);\n      onInputValueChange?.(value);\n    },\n    [onInputValueChange]\n  );\n\n  const handleOpenChange: MenuPrimitive.Root.Props['onOpenChange'] =\n    useCallback(\n      (value: boolean, eventDetails: MenuPrimitive.Root.ChangeEventDetails) => {\n        if (!value && autocomplete) {\n          setValue('');\n          isInitialRender.current = true;\n        }\n        setInternalOpen(value);\n        onOpenChange?.(value, eventDetails);\n      },\n      [onOpenChange, setValue, autocomplete]\n    );\n\n  return (\n    <MenuContext.Provider\n      value={{\n        autocomplete,\n        inputRef,\n        autocompleteMode,\n        inputValue,\n        onInputValueChange: setValue,\n        open: open,\n        isInitialRender,\n        contentRef\n      }}\n    >\n      <MenuPrimitive.Root\n        open={open}\n        onOpenChange={handleOpenChange}\n        loopFocus={false}\n        modal\n        {...props}\n      />\n    </MenuContext.Provider>\n  );\n};\nMenuRoot.displayName = 'Menu';\n\nexport interface NormalMenuSubMenuProps\n  extends MenuPrimitive.SubmenuRoot.Props {\n  autocomplete?: false;\n  autocompleteMode?: never;\n  inputValue?: never;\n  onInputValueChange?: never;\n  defaultInputValue?: never;\n}\n\nexport interface AutocompleteMenuSubMenuProps\n  extends MenuPrimitive.SubmenuRoot.Props {\n  autocomplete: true;\n  autocompleteMode?: 'auto' | 'manual';\n  inputValue?: string;\n  onInputValueChange?: (value: string) => void;\n  defaultInputValue?: string;\n}\n\nexport type MenuSubMenuProps =\n  | NormalMenuSubMenuProps\n  | AutocompleteMenuSubMenuProps;\n\nexport const MenuSubMenu = ({\n  autocomplete,\n  autocompleteMode = 'auto',\n  inputValue: providedInputValue,\n  onInputValueChange,\n  defaultInputValue = '',\n  open: providedOpen,\n  onOpenChange,\n  defaultOpen = false,\n  ...props\n}: MenuSubMenuProps) => {\n  const [internalInputValue, setInternalInputValue] =\n    useState(defaultInputValue);\n  const [internalOpen, setInternalOpen] = useState(defaultOpen);\n  const open = providedOpen ?? internalOpen;\n  const parentContext = useMenuContext();\n  const inputRef = useRef<HTMLInputElement>(null);\n  const isInitialRender = useRef(true);\n  const contentRef = useRef<HTMLDivElement>(null);\n  const inputValue = providedInputValue ?? internalInputValue;\n\n  const setValue = useCallback(\n    (value: string) => {\n      setInternalInputValue(value);\n      onInputValueChange?.(value);\n    },\n    [onInputValueChange]\n  );\n\n  const handleOpenChange: MenuPrimitive.Root.Props['onOpenChange'] =\n    useCallback(\n      (value: boolean, eventDetails: MenuPrimitive.Root.ChangeEventDetails) => {\n        if (!value && autocomplete) {\n          setValue('');\n          isInitialRender.current = true;\n        }\n        setInternalOpen(value);\n        onOpenChange?.(value, eventDetails);\n      },\n      [onOpenChange, setValue, autocomplete]\n    );\n\n  return (\n    <MenuContext.Provider\n      value={{\n        autocomplete,\n        inputRef,\n        parent: parentContext,\n        autocompleteMode,\n        inputValue,\n        onInputValueChange: setValue,\n        open: open,\n        isInitialRender,\n        contentRef\n      }}\n    >\n      <MenuPrimitive.SubmenuRoot\n        loopFocus={false}\n        open={open}\n        onOpenChange={handleOpenChange}\n        {...props}\n      />\n    </MenuContext.Provider>\n  );\n};\nMenuSubMenu.displayName = 'Menu.SubMenu';\n"],"names":[],"mappings":";;;;;AAiCA;;;AAGG;;AAKI;AACL;AACA;AAAc;AAEd;;AAGE;;AAKA;AACA;;AAIA;;AAEA;;AAEE;AACD;;AAEL;AA4Ba;;;AAeX;AACA;AACA;AACA;AAEA;AAEA;;AAGI;AACF;;AAOI;;AAEE;;;AAGF;;AAKN;;;;;AAOM;AACA;;;;AAcR;AACA;AAwBa;;;AAcX;AACA;AACA;AACA;AACA;AACA;AAEA;;AAGI;AACF;;AAOI;;AAEE;;;AAGF;;AAKN;;;AAKM;;;AAGA;AACA;;;;AAaR;AACA;;"}
+{"version":3,"file":"menu-root.js","sources":["../../../components/menu/menu-root.tsx"],"sourcesContent":["'use client';\n\nimport { Menu as MenuPrimitive } from '@base-ui/react';\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useRef,\n  useState\n} from 'react';\n\ninterface CommonProps {\n  autocomplete?: boolean;\n  autocompleteMode?: 'auto' | 'manual';\n  inputValue?: string;\n  inputRef?: React.RefObject<HTMLInputElement | null>;\n  contentRef?: React.RefObject<HTMLDivElement | null>;\n  isInitialRender?: React.RefObject<boolean>;\n  open?: boolean;\n}\n\ninterface MenuContextValue extends CommonProps {\n  parent?: CommonProps;\n  onInputValueChange?: (value: string) => void;\n}\n\ninterface UseMenuContextReturn extends MenuContextValue {\n  shouldFilter?: boolean;\n  parent?: CommonProps & {\n    shouldFilter?: boolean;\n  };\n}\n\n/**\n Root context to manage the Menu control\n @remarks Only for internal usage.\n */\nexport const MenuContext = createContext<MenuContextValue | undefined>(\n  undefined\n);\n\nexport const useMenuContext = (): UseMenuContextReturn => {\n  const context = useContext(MenuContext);\n  if (!context) return {};\n\n  const shouldFilter = !!(\n    context?.autocomplete &&\n    context?.autocompleteMode === 'auto' &&\n    context?.inputValue?.length\n  );\n\n  const shouldFilterParent = !!(\n    context?.parent?.autocomplete &&\n    context?.parent?.autocompleteMode === 'auto' &&\n    context?.parent?.inputValue?.length\n  );\n\n  return {\n    ...context,\n    shouldFilter,\n    parent: context?.parent && {\n      ...context.parent,\n      shouldFilter: shouldFilterParent\n    }\n  };\n};\n\nexport interface MenuRootBaseProps {\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: MenuPrimitive.Root.Props['onOpenChange'];\n  modal?: boolean;\n  loopFocus?: boolean;\n}\n\nexport interface NormalMenuRootProps extends MenuPrimitive.Root.Props {\n  autocomplete?: false;\n  autocompleteMode?: never;\n  inputValue?: never;\n  onInputValueChange?: never;\n  defaultInputValue?: never;\n}\n\nexport interface AutocompleteMenuRootProps\n  extends MenuPrimitive.Root.Props,\n    CommonProps {\n  autocomplete: true;\n  onInputValueChange?: (value: string) => void;\n  defaultInputValue?: string;\n}\n\nexport type MenuRootProps = NormalMenuRootProps | AutocompleteMenuRootProps;\n\nexport const MenuRoot = ({\n  autocomplete,\n  autocompleteMode = 'auto',\n  inputValue: providedInputValue,\n  onInputValueChange,\n  defaultInputValue = '',\n  open: providedOpen,\n  onOpenChange,\n  defaultOpen = false,\n  ...props\n}: MenuRootProps) => {\n  const [internalInputValue, setInternalInputValue] =\n    useState(defaultInputValue);\n\n  const [internalOpen, setInternalOpen] = useState(defaultOpen);\n  const open = providedOpen ?? internalOpen;\n  const inputRef = useRef<HTMLInputElement>(null);\n  const contentRef = useRef<HTMLDivElement>(null);\n  const isInitialRender = useRef(true);\n\n  const inputValue = providedInputValue ?? internalInputValue;\n\n  const setValue = useCallback(\n    (value: string) => {\n      setInternalInputValue(value);\n      onInputValueChange?.(value);\n    },\n    [onInputValueChange]\n  );\n\n  const handleOpenChange: MenuPrimitive.Root.Props['onOpenChange'] =\n    useCallback(\n      (value: boolean, eventDetails: MenuPrimitive.Root.ChangeEventDetails) => {\n        if (!value && autocomplete) {\n          setValue('');\n          isInitialRender.current = true;\n        }\n        setInternalOpen(value);\n        onOpenChange?.(value, eventDetails);\n      },\n      [onOpenChange, setValue, autocomplete]\n    );\n\n  return (\n    <MenuContext\n      value={{\n        autocomplete,\n        inputRef,\n        autocompleteMode,\n        inputValue,\n        onInputValueChange: setValue,\n        open: open,\n        isInitialRender,\n        contentRef\n      }}\n    >\n      <MenuPrimitive.Root\n        open={open}\n        onOpenChange={handleOpenChange}\n        loopFocus={false}\n        modal\n        {...props}\n      />\n    </MenuContext>\n  );\n};\nMenuRoot.displayName = 'Menu';\n\nexport interface NormalMenuSubMenuProps\n  extends MenuPrimitive.SubmenuRoot.Props {\n  autocomplete?: false;\n  autocompleteMode?: never;\n  inputValue?: never;\n  onInputValueChange?: never;\n  defaultInputValue?: never;\n}\n\nexport interface AutocompleteMenuSubMenuProps\n  extends MenuPrimitive.SubmenuRoot.Props {\n  autocomplete: true;\n  autocompleteMode?: 'auto' | 'manual';\n  inputValue?: string;\n  onInputValueChange?: (value: string) => void;\n  defaultInputValue?: string;\n}\n\nexport type MenuSubMenuProps =\n  | NormalMenuSubMenuProps\n  | AutocompleteMenuSubMenuProps;\n\nexport const MenuSubMenu = ({\n  autocomplete,\n  autocompleteMode = 'auto',\n  inputValue: providedInputValue,\n  onInputValueChange,\n  defaultInputValue = '',\n  open: providedOpen,\n  onOpenChange,\n  defaultOpen = false,\n  ...props\n}: MenuSubMenuProps) => {\n  const [internalInputValue, setInternalInputValue] =\n    useState(defaultInputValue);\n  const [internalOpen, setInternalOpen] = useState(defaultOpen);\n  const open = providedOpen ?? internalOpen;\n  const parentContext = useMenuContext();\n  const inputRef = useRef<HTMLInputElement>(null);\n  const isInitialRender = useRef(true);\n  const contentRef = useRef<HTMLDivElement>(null);\n  const inputValue = providedInputValue ?? internalInputValue;\n\n  const setValue = useCallback(\n    (value: string) => {\n      setInternalInputValue(value);\n      onInputValueChange?.(value);\n    },\n    [onInputValueChange]\n  );\n\n  const handleOpenChange: MenuPrimitive.Root.Props['onOpenChange'] =\n    useCallback(\n      (value: boolean, eventDetails: MenuPrimitive.Root.ChangeEventDetails) => {\n        if (!value && autocomplete) {\n          setValue('');\n          isInitialRender.current = true;\n        }\n        setInternalOpen(value);\n        onOpenChange?.(value, eventDetails);\n      },\n      [onOpenChange, setValue, autocomplete]\n    );\n\n  return (\n    <MenuContext\n      value={{\n        autocomplete,\n        inputRef,\n        parent: parentContext,\n        autocompleteMode,\n        inputValue,\n        onInputValueChange: setValue,\n        open: open,\n        isInitialRender,\n        contentRef\n      }}\n    >\n      <MenuPrimitive.SubmenuRoot\n        loopFocus={false}\n        open={open}\n        onOpenChange={handleOpenChange}\n        {...props}\n      />\n    </MenuContext>\n  );\n};\nMenuSubMenu.displayName = 'Menu.Submenu';\n"],"names":[],"mappings":";;;;;AAiCA;;;AAGG;;AAKI;AACL;AACA;AAAc;AAEd;;AAGE;;AAKA;AACA;;AAIA;;AAEA;;AAEE;AACD;;AAEL;AA4Ba;;;AAeX;AACA;AACA;AACA;AAEA;AAEA;;AAGI;AACF;;AAOI;;AAEE;;;AAGF;;AAKN;;;;;AAOM;AACA;;;;AAcR;AACA;AAwBa;;;AAcX;AACA;AACA;AACA;AACA;AACA;AAEA;;AAGI;AACF;;AAOI;;AAEE;;;AAGF;;AAKN;;;AAKM;;;AAGA;AACA;;;;AAaR;AACA;;"}

package/dist/components/menu/menu-trigger.cjs

@@ -4,28 +4,31 @@
 var jsxRuntime = require('react/jsx-runtime');
 var react = require('@base-ui/react');
 var menu = require('@base-ui/react/menu');
-var React = require('react');
 var triangleRight = require('../../icons/assets/triangle-right.svg.cjs');
+var button = require('../button/button.cjs');
+var menubar = require('../menubar/menubar.cjs');
 var cell = require('./cell.cjs');
+var menu_module = require('./menu.module.css.cjs');
 var menuRoot = require('./menu-root.cjs');
 var utils = require('./utils.cjs');
 
-const MenuTrigger = React.forwardRef(({ children, stopPropagation = true, onClick, ...props }, ref) => {
-    return (jsxRuntime.jsx(menu.Menu.Trigger, { ref: ref, onClick: e => {
+function MenuTrigger({ children, stopPropagation = true, onClick, render, ...props }) {
+    const inMenubarContext = menubar.useMenubarContext();
+    const menubarRender = inMenubarContext ? (jsxRuntime.jsx(button.Button, { variant: 'text', color: 'neutral', size: 'small', className: `${menu_module.default.menuBarTrigger} rs-menu-trigger` })) : undefined;
+    return (jsxRuntime.jsx(menu.Menu.Trigger, { render: render ?? menubarRender, onClick: e => {
             if (stopPropagation)
                 e.stopPropagation();
             onClick?.(e);
         }, ...props, children: children }));
-});
+}
 MenuTrigger.displayName = 'Menu.Trigger';
-const MenuSubTrigger = React.forwardRef(({ children, value, trailingIcon = jsxRuntime.jsx(triangleRight.ReactComponent, {}), leadingIcon, ...props }, ref) => {
+function MenuSubTrigger({ children, value, trailingIcon = jsxRuntime.jsx(triangleRight.ReactComponent, {}), leadingIcon, ...props }) {
     const { parent, inputRef } = menuRoot.useMenuContext();
-    if (parent?.shouldFilter &&
-        !utils.getMatch(value, children, parent?.inputValue)) {
+    if (parent?.shouldFilter && !utils.getMatch(value, children, parent?.inputValue)) {
         return null;
     }
     const cell$1 = jsxRuntime.jsx(cell.Cell, { leadingIcon: leadingIcon, trailingIcon: trailingIcon });
-    return (jsxRuntime.jsx(menu.Menu.SubmenuTrigger, { ref: ref, render: parent?.autocomplete ? (jsxRuntime.jsx(react.Autocomplete.Item, { value: value, render: cell$1, onPointerEnter: e => {
+    return (jsxRuntime.jsx(menu.Menu.SubmenuTrigger, { render: parent?.autocomplete ? (jsxRuntime.jsx(react.Autocomplete.Item, { value: value, render: cell$1, onPointerEnter: e => {
                 if (document?.activeElement !== parent?.inputRef?.current)
                     parent?.inputRef?.current?.focus();
                 props?.onPointerEnter?.(e);
@@ -35,8 +38,8 @@ const MenuSubTrigger = React.forwardRef(({ children, value, trailingIcon = jsxRu
                 });
                 props?.onKeyDown?.(e);
             } })) : (cell$1), ...props, role: parent?.autocomplete ? 'option' : 'menuitem', "data-slot": 'menu-subtrigger', children: children }));
-});
-MenuSubTrigger.displayName = 'Menu.SubTrigger';
+}
+MenuSubTrigger.displayName = 'Menu.SubmenuTrigger';
 
 exports.MenuSubTrigger = MenuSubTrigger;
 exports.MenuTrigger = MenuTrigger;

package/dist/components/menu/menu-trigger.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"menu-trigger.cjs","sources":["../../../components/menu/menu-trigger.tsx"],"sourcesContent":["'use client';\n\nimport { Autocomplete as AutocompletePrimitive } from '@base-ui/react';\nimport { Menu as MenuPrimitive } from '@base-ui/react/menu';\nimport { forwardRef } from 'react';\nimport { TriangleRightIcon } from '~/icons';\nimport { Cell, CellBaseProps } from './cell';\nimport { useMenuContext } from './menu-root';\nimport { getMatch } from './utils';\n\nexport interface MenuTriggerProps extends MenuPrimitive.Trigger.Props {\n  stopPropagation?: boolean;\n}\n\nexport const MenuTrigger = forwardRef<HTMLButtonElement, MenuTriggerProps>(\n  ({ children, stopPropagation = true, onClick, ...props }, ref) => {\n    return (\n      <MenuPrimitive.Trigger\n        ref={ref}\n        onClick={e => {\n          if (stopPropagation) e.stopPropagation();\n          onClick?.(e);\n        }}\n        {...props}\n      >\n        {children}\n      </MenuPrimitive.Trigger>\n    );\n  }\n);\nMenuTrigger.displayName = 'Menu.Trigger';\n\nexport interface MenuSubTriggerProps\n  extends MenuPrimitive.SubmenuTrigger.Props,\n    CellBaseProps {\n  value?: string;\n}\n\nexport const MenuSubTrigger = forwardRef<HTMLDivElement, MenuSubTriggerProps>(\n  (\n    {\n      children,\n      value,\n      trailingIcon = <TriangleRightIcon />,\n      leadingIcon,\n      ...props\n    },\n    ref\n  ) => {\n    const { parent, inputRef } = useMenuContext();\n\n    if (\n      parent?.shouldFilter &&\n      !getMatch(value, children, parent?.inputValue)\n    ) {\n      return null;\n    }\n\n    const cell = <Cell leadingIcon={leadingIcon} trailingIcon={trailingIcon} />;\n    return (\n      <MenuPrimitive.SubmenuTrigger\n        ref={ref}\n        render={\n          parent?.autocomplete ? (\n            <AutocompletePrimitive.Item\n              value={value}\n              render={cell}\n              onPointerEnter={e => {\n                if (document?.activeElement !== parent?.inputRef?.current)\n                  parent?.inputRef?.current?.focus();\n                props?.onPointerEnter?.(e);\n              }}\n              onKeyDown={e => {\n                requestAnimationFrame(() => {\n                  inputRef?.current?.focus();\n                });\n                props?.onKeyDown?.(e);\n              }}\n            />\n          ) : (\n            cell\n          )\n        }\n        {...props}\n        role={parent?.autocomplete ? 'option' : 'menuitem'}\n        data-slot='menu-subtrigger'\n      >\n        {children}\n      </MenuPrimitive.SubmenuTrigger>\n    );\n  }\n);\nMenuSubTrigger.displayName = 'Menu.SubTrigger';\n"],"names":[],"mappings":";;;;;;;;;;;;;AAgBI;AAIM;;AACA;AACF;AAMN;AAEF;AAQa;;;;AAiBP;;AAGF;AACA;;AAUc;AACF;AACF;;AAGI;AACF;AACA;AACF;AAaZ;AAEF;;;"}
+{"version":3,"file":"menu-trigger.cjs","sources":["../../../components/menu/menu-trigger.tsx"],"sourcesContent":["'use client';\n\nimport { Autocomplete as AutocompletePrimitive } from '@base-ui/react';\nimport { Menu as MenuPrimitive } from '@base-ui/react/menu';\nimport { TriangleRightIcon } from '~/icons';\nimport { Button } from '../button';\nimport { useMenubarContext } from '../menubar/menubar';\nimport { Cell, CellBaseProps } from './cell';\nimport styles from './menu.module.css';\nimport { useMenuContext } from './menu-root';\nimport { getMatch } from './utils';\n\nexport interface MenuTriggerProps extends MenuPrimitive.Trigger.Props {\n  stopPropagation?: boolean;\n}\n\nexport function MenuTrigger({\n  children,\n  stopPropagation = true,\n  onClick,\n  render,\n  ...props\n}: MenuTriggerProps) {\n  const inMenubarContext = useMenubarContext();\n  const menubarRender = inMenubarContext ? (\n    <Button\n      variant='text'\n      color='neutral'\n      size='small'\n      className={`${styles.menuBarTrigger} rs-menu-trigger`}\n    />\n  ) : undefined;\n\n  return (\n    <MenuPrimitive.Trigger\n      render={render ?? menubarRender}\n      onClick={e => {\n        if (stopPropagation) e.stopPropagation();\n        onClick?.(e);\n      }}\n      {...props}\n    >\n      {children}\n    </MenuPrimitive.Trigger>\n  );\n}\nMenuTrigger.displayName = 'Menu.Trigger';\n\nexport interface MenuSubTriggerProps\n  extends MenuPrimitive.SubmenuTrigger.Props,\n    CellBaseProps {\n  value?: string;\n}\n\nexport function MenuSubTrigger({\n  children,\n  value,\n  trailingIcon = <TriangleRightIcon />,\n  leadingIcon,\n  ...props\n}: MenuSubTriggerProps) {\n  const { parent, inputRef } = useMenuContext();\n\n  if (parent?.shouldFilter && !getMatch(value, children, parent?.inputValue)) {\n    return null;\n  }\n\n  const cell = <Cell leadingIcon={leadingIcon} trailingIcon={trailingIcon} />;\n  return (\n    <MenuPrimitive.SubmenuTrigger\n      render={\n        parent?.autocomplete ? (\n          <AutocompletePrimitive.Item\n            value={value}\n            render={cell}\n            onPointerEnter={e => {\n              if (document?.activeElement !== parent?.inputRef?.current)\n                parent?.inputRef?.current?.focus();\n              props?.onPointerEnter?.(e);\n            }}\n            onKeyDown={e => {\n              requestAnimationFrame(() => {\n                inputRef?.current?.focus();\n              });\n              props?.onKeyDown?.(e);\n            }}\n          />\n        ) : (\n          cell\n        )\n      }\n      {...props}\n      role={parent?.autocomplete ? 'option' : 'menuitem'}\n      data-slot='menu-subtrigger'\n    >\n      {children}\n    </MenuPrimitive.SubmenuTrigger>\n  );\n}\nMenuSubTrigger.displayName = 'Menu.SubmenuTrigger';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAuBE;AACA;AASA;AAIM;;AACA;AACF;AAMN;AACA;;;AAiBE;AACE;;AAGF;AACA;;AASc;AACF;AACF;;AAGI;AACF;AACA;AACF;AAaZ;AACA;;;"}

package/dist/components/menu/menu-trigger.d.ts

@@ -3,9 +3,15 @@ import { CellBaseProps } from './cell';
 export interface MenuTriggerProps extends MenuPrimitive.Trigger.Props {
     stopPropagation?: boolean;
 }
-export declare const MenuTrigger: import("react").ForwardRefExoticComponent<Omit<MenuTriggerProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+export declare function MenuTrigger({ children, stopPropagation, onClick, render, ...props }: MenuTriggerProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace MenuTrigger {
+    var displayName: string;
+}
 export interface MenuSubTriggerProps extends MenuPrimitive.SubmenuTrigger.Props, CellBaseProps {
     value?: string;
 }
-export declare const MenuSubTrigger: import("react").ForwardRefExoticComponent<Omit<MenuSubTriggerProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare function MenuSubTrigger({ children, value, trailingIcon, leadingIcon, ...props }: MenuSubTriggerProps): import("react/jsx-runtime").JSX.Element | null;
+export declare namespace MenuSubTrigger {
+    var displayName: string;
+}
 //# sourceMappingURL=menu-trigger.d.ts.map

package/dist/components/menu/menu-trigger.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu-trigger.d.ts","sourceRoot":"","sources":["../../../components/menu/menu-trigger.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,IAAI,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAG5D,OAAO,EAAQ,aAAa,EAAE,MAAM,QAAQ,CAAC;AAI7C,MAAM,WAAW,gBAAiB,SAAQ,aAAa,CAAC,OAAO,CAAC,KAAK;IACnE,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,eAAO,MAAM,WAAW,6HAevB,CAAC;AAGF,MAAM,WAAW,mBACf,SAAQ,aAAa,CAAC,cAAc,CAAC,KAAK,EACxC,aAAa;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,cAAc,6HAqD1B,CAAC"}
+{"version":3,"file":"menu-trigger.d.ts","sourceRoot":"","sources":["../../../components/menu/menu-trigger.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,IAAI,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAI5D,OAAO,EAAQ,aAAa,EAAE,MAAM,QAAQ,CAAC;AAK7C,MAAM,WAAW,gBAAiB,SAAQ,aAAa,CAAC,OAAO,CAAC,KAAK;IACnE,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,eAAsB,EACtB,OAAO,EACP,MAAM,EACN,GAAG,KAAK,EACT,EAAE,gBAAgB,2CAuBlB;yBA7Be,WAAW;;;AAgC3B,MAAM,WAAW,mBACf,SAAQ,aAAa,CAAC,cAAc,CAAC,KAAK,EACxC,aAAa;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,KAAK,EACL,YAAoC,EACpC,WAAW,EACX,GAAG,KAAK,EACT,EAAE,mBAAmB,kDAsCrB;yBA5Ce,cAAc"}

package/dist/components/menu/menu-trigger.js

@@ -2,28 +2,31 @@
 import { jsx } from 'react/jsx-runtime';
 import { Autocomplete } from '@base-ui/react';
 import { Menu } from '@base-ui/react/menu';
-import { forwardRef } from 'react';
 import { ReactComponent as SvgTriangleRight } from '../../icons/assets/triangle-right.svg.js';
+import { Button } from '../button/button.js';
+import { useMenubarContext } from '../menubar/menubar.js';
 import { Cell } from './cell.js';
+import styles from './menu.module.css.js';
 import { useMenuContext } from './menu-root.js';
 import { getMatch } from './utils.js';
 
-const MenuTrigger = forwardRef(({ children, stopPropagation = true, onClick, ...props }, ref) => {
-    return (jsx(Menu.Trigger, { ref: ref, onClick: e => {
+function MenuTrigger({ children, stopPropagation = true, onClick, render, ...props }) {
+    const inMenubarContext = useMenubarContext();
+    const menubarRender = inMenubarContext ? (jsx(Button, { variant: 'text', color: 'neutral', size: 'small', className: `${styles.menuBarTrigger} rs-menu-trigger` })) : undefined;
+    return (jsx(Menu.Trigger, { render: render ?? menubarRender, onClick: e => {
             if (stopPropagation)
                 e.stopPropagation();
             onClick?.(e);
         }, ...props, children: children }));
-});
+}
 MenuTrigger.displayName = 'Menu.Trigger';
-const MenuSubTrigger = forwardRef(({ children, value, trailingIcon = jsx(SvgTriangleRight, {}), leadingIcon, ...props }, ref) => {
+function MenuSubTrigger({ children, value, trailingIcon = jsx(SvgTriangleRight, {}), leadingIcon, ...props }) {
     const { parent, inputRef } = useMenuContext();
-    if (parent?.shouldFilter &&
-        !getMatch(value, children, parent?.inputValue)) {
+    if (parent?.shouldFilter && !getMatch(value, children, parent?.inputValue)) {
         return null;
     }
     const cell = jsx(Cell, { leadingIcon: leadingIcon, trailingIcon: trailingIcon });
-    return (jsx(Menu.SubmenuTrigger, { ref: ref, render: parent?.autocomplete ? (jsx(Autocomplete.Item, { value: value, render: cell, onPointerEnter: e => {
+    return (jsx(Menu.SubmenuTrigger, { render: parent?.autocomplete ? (jsx(Autocomplete.Item, { value: value, render: cell, onPointerEnter: e => {
                 if (document?.activeElement !== parent?.inputRef?.current)
                     parent?.inputRef?.current?.focus();
                 props?.onPointerEnter?.(e);
@@ -33,8 +36,8 @@ const MenuSubTrigger = forwardRef(({ children, value, trailingIcon = jsx(SvgTria
                 });
                 props?.onKeyDown?.(e);
             } })) : (cell), ...props, role: parent?.autocomplete ? 'option' : 'menuitem', "data-slot": 'menu-subtrigger', children: children }));
-});
-MenuSubTrigger.displayName = 'Menu.SubTrigger';
+}
+MenuSubTrigger.displayName = 'Menu.SubmenuTrigger';
 
 export { MenuSubTrigger, MenuTrigger };
 //# sourceMappingURL=menu-trigger.js.map

package/dist/components/menu/menu-trigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu-trigger.js","sources":["../../../components/menu/menu-trigger.tsx"],"sourcesContent":["'use client';\n\nimport { Autocomplete as AutocompletePrimitive } from '@base-ui/react';\nimport { Menu as MenuPrimitive } from '@base-ui/react/menu';\nimport { forwardRef } from 'react';\nimport { TriangleRightIcon } from '~/icons';\nimport { Cell, CellBaseProps } from './cell';\nimport { useMenuContext } from './menu-root';\nimport { getMatch } from './utils';\n\nexport interface MenuTriggerProps extends MenuPrimitive.Trigger.Props {\n  stopPropagation?: boolean;\n}\n\nexport const MenuTrigger = forwardRef<HTMLButtonElement, MenuTriggerProps>(\n  ({ children, stopPropagation = true, onClick, ...props }, ref) => {\n    return (\n      <MenuPrimitive.Trigger\n        ref={ref}\n        onClick={e => {\n          if (stopPropagation) e.stopPropagation();\n          onClick?.(e);\n        }}\n        {...props}\n      >\n        {children}\n      </MenuPrimitive.Trigger>\n    );\n  }\n);\nMenuTrigger.displayName = 'Menu.Trigger';\n\nexport interface MenuSubTriggerProps\n  extends MenuPrimitive.SubmenuTrigger.Props,\n    CellBaseProps {\n  value?: string;\n}\n\nexport const MenuSubTrigger = forwardRef<HTMLDivElement, MenuSubTriggerProps>(\n  (\n    {\n      children,\n      value,\n      trailingIcon = <TriangleRightIcon />,\n      leadingIcon,\n      ...props\n    },\n    ref\n  ) => {\n    const { parent, inputRef } = useMenuContext();\n\n    if (\n      parent?.shouldFilter &&\n      !getMatch(value, children, parent?.inputValue)\n    ) {\n      return null;\n    }\n\n    const cell = <Cell leadingIcon={leadingIcon} trailingIcon={trailingIcon} />;\n    return (\n      <MenuPrimitive.SubmenuTrigger\n        ref={ref}\n        render={\n          parent?.autocomplete ? (\n            <AutocompletePrimitive.Item\n              value={value}\n              render={cell}\n              onPointerEnter={e => {\n                if (document?.activeElement !== parent?.inputRef?.current)\n                  parent?.inputRef?.current?.focus();\n                props?.onPointerEnter?.(e);\n              }}\n              onKeyDown={e => {\n                requestAnimationFrame(() => {\n                  inputRef?.current?.focus();\n                });\n                props?.onKeyDown?.(e);\n              }}\n            />\n          ) : (\n            cell\n          )\n        }\n        {...props}\n        role={parent?.autocomplete ? 'option' : 'menuitem'}\n        data-slot='menu-subtrigger'\n      >\n        {children}\n      </MenuPrimitive.SubmenuTrigger>\n    );\n  }\n);\nMenuSubTrigger.displayName = 'Menu.SubTrigger';\n"],"names":[],"mappings":";;;;;;;;;;;AAgBI;AAIM;;AACA;AACF;AAMN;AAEF;AAQa;;;;AAiBP;;AAGF;AACA;;AAUc;AACF;AACF;;AAGI;AACF;AACA;AACF;AAaZ;AAEF;;"}
+{"version":3,"file":"menu-trigger.js","sources":["../../../components/menu/menu-trigger.tsx"],"sourcesContent":["'use client';\n\nimport { Autocomplete as AutocompletePrimitive } from '@base-ui/react';\nimport { Menu as MenuPrimitive } from '@base-ui/react/menu';\nimport { TriangleRightIcon } from '~/icons';\nimport { Button } from '../button';\nimport { useMenubarContext } from '../menubar/menubar';\nimport { Cell, CellBaseProps } from './cell';\nimport styles from './menu.module.css';\nimport { useMenuContext } from './menu-root';\nimport { getMatch } from './utils';\n\nexport interface MenuTriggerProps extends MenuPrimitive.Trigger.Props {\n  stopPropagation?: boolean;\n}\n\nexport function MenuTrigger({\n  children,\n  stopPropagation = true,\n  onClick,\n  render,\n  ...props\n}: MenuTriggerProps) {\n  const inMenubarContext = useMenubarContext();\n  const menubarRender = inMenubarContext ? (\n    <Button\n      variant='text'\n      color='neutral'\n      size='small'\n      className={`${styles.menuBarTrigger} rs-menu-trigger`}\n    />\n  ) : undefined;\n\n  return (\n    <MenuPrimitive.Trigger\n      render={render ?? menubarRender}\n      onClick={e => {\n        if (stopPropagation) e.stopPropagation();\n        onClick?.(e);\n      }}\n      {...props}\n    >\n      {children}\n    </MenuPrimitive.Trigger>\n  );\n}\nMenuTrigger.displayName = 'Menu.Trigger';\n\nexport interface MenuSubTriggerProps\n  extends MenuPrimitive.SubmenuTrigger.Props,\n    CellBaseProps {\n  value?: string;\n}\n\nexport function MenuSubTrigger({\n  children,\n  value,\n  trailingIcon = <TriangleRightIcon />,\n  leadingIcon,\n  ...props\n}: MenuSubTriggerProps) {\n  const { parent, inputRef } = useMenuContext();\n\n  if (parent?.shouldFilter && !getMatch(value, children, parent?.inputValue)) {\n    return null;\n  }\n\n  const cell = <Cell leadingIcon={leadingIcon} trailingIcon={trailingIcon} />;\n  return (\n    <MenuPrimitive.SubmenuTrigger\n      render={\n        parent?.autocomplete ? (\n          <AutocompletePrimitive.Item\n            value={value}\n            render={cell}\n            onPointerEnter={e => {\n              if (document?.activeElement !== parent?.inputRef?.current)\n                parent?.inputRef?.current?.focus();\n              props?.onPointerEnter?.(e);\n            }}\n            onKeyDown={e => {\n              requestAnimationFrame(() => {\n                inputRef?.current?.focus();\n              });\n              props?.onKeyDown?.(e);\n            }}\n          />\n        ) : (\n          cell\n        )\n      }\n      {...props}\n      role={parent?.autocomplete ? 'option' : 'menuitem'}\n      data-slot='menu-subtrigger'\n    >\n      {children}\n    </MenuPrimitive.SubmenuTrigger>\n  );\n}\nMenuSubTrigger.displayName = 'Menu.SubmenuTrigger';\n"],"names":[],"mappings":";;;;;;;;;;;;;AAuBE;AACA;AASA;AAIM;;AACA;AACF;AAMN;AACA;;;AAiBE;AACE;;AAGF;AACA;;AASc;AACF;AACF;;AAGI;AACF;AACA;AACF;AAaZ;AACA;;"}

package/dist/components/menu/menu.d.ts

@@ -1,21 +1,23 @@
+import { MenuContent, MenuSubContent } from './menu-content';
+import { MenuItem } from './menu-item';
+import { MenuEmptyState, MenuGroup, MenuLabel, MenuSeparator } from './menu-misc';
+import { MenuSubTrigger, MenuTrigger } from './menu-trigger';
 export declare const Menu: {
     ({ autocomplete, autocompleteMode, inputValue: providedInputValue, onInputValueChange, defaultInputValue, open: providedOpen, onOpenChange, defaultOpen, ...props }: import("./menu-root").MenuRootProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 } & {
-    Trigger: import("react").ForwardRefExoticComponent<Omit<import("./menu-trigger").MenuTriggerProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-    Content: import("react").ForwardRefExoticComponent<Omit<import("./menu-content").MenuContentProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-    Item: import("react").ForwardRefExoticComponent<Omit<import("./menu-item").MenuItemProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-    Group: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").ContextMenuGroupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-    Label: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").ContextMenuGroupLabelProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-    Separator: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
-    EmptyState: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & {
-        children: import("react").ReactNode;
-    } & import("react").RefAttributes<HTMLDivElement>>;
+    Trigger: typeof MenuTrigger;
+    Content: typeof MenuContent;
+    Item: typeof MenuItem;
+    Group: typeof MenuGroup;
+    Label: typeof MenuLabel;
+    Separator: typeof MenuSeparator;
+    EmptyState: typeof MenuEmptyState;
     Submenu: {
         ({ autocomplete, autocompleteMode, inputValue: providedInputValue, onInputValueChange, defaultInputValue, open: providedOpen, onOpenChange, defaultOpen, ...props }: import("./menu-root").MenuSubMenuProps): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
-    SubmenuTrigger: import("react").ForwardRefExoticComponent<Omit<import("./menu-trigger").MenuSubTriggerProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-    SubmenuContent: import("react").ForwardRefExoticComponent<Omit<import("./menu-content").MenuContentProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    SubmenuTrigger: typeof MenuSubTrigger;
+    SubmenuContent: typeof MenuSubContent;
 };
 //# sourceMappingURL=menu.d.ts.map

package/dist/components/menu/menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../components/menu/menu.tsx"],"names":[],"mappings":"AAWA,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;CAWf,CAAC"}
+{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../components/menu/menu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAC7D,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EACL,cAAc,EACd,SAAS,EACT,SAAS,EACT,aAAa,EACd,MAAM,aAAa,CAAC;AAErB,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7D,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;CAWf,CAAC"}

package/dist/components/menu/menu.module.css.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var styles = {"positioner":"menu-module_positioner__EnF8c","content":"menu-module_content__6COis","comboboxContainer":"menu-module_comboboxContainer__trx8e","comboboxContent":"menu-module_comboboxContent__wH9Xq","comboboxInput":"menu-module_comboboxInput__d-7v3","label":"menu-module_label__1tUcJ","separator":"menu-module_separator__MGl2I","empty":"menu-module_empty__oPZ6k","leadingIcon":"menu-module_leadingIcon__Ii5p8","trailingIcon":"menu-module_trailingIcon__bkZf5"};
+var styles = {"positioner":"menu-module_positioner__EnF8c","content":"menu-module_content__6COis","comboboxContainer":"menu-module_comboboxContainer__trx8e","comboboxContent":"menu-module_comboboxContent__wH9Xq","comboboxInput":"menu-module_comboboxInput__d-7v3","label":"menu-module_label__1tUcJ","separator":"menu-module_separator__MGl2I","empty":"menu-module_empty__oPZ6k","leadingIcon":"menu-module_leadingIcon__Ii5p8","trailingIcon":"menu-module_trailingIcon__bkZf5","menuBarTrigger":"menu-module_menuBarTrigger__7NlUD"};
 
 exports.default = styles;
 //# sourceMappingURL=menu.module.css.cjs.map

package/dist/components/menu/menu.module.css.js

@@ -1,4 +1,4 @@
-var styles = {"positioner":"menu-module_positioner__EnF8c","content":"menu-module_content__6COis","comboboxContainer":"menu-module_comboboxContainer__trx8e","comboboxContent":"menu-module_comboboxContent__wH9Xq","comboboxInput":"menu-module_comboboxInput__d-7v3","label":"menu-module_label__1tUcJ","separator":"menu-module_separator__MGl2I","empty":"menu-module_empty__oPZ6k","leadingIcon":"menu-module_leadingIcon__Ii5p8","trailingIcon":"menu-module_trailingIcon__bkZf5"};
+var styles = {"positioner":"menu-module_positioner__EnF8c","content":"menu-module_content__6COis","comboboxContainer":"menu-module_comboboxContainer__trx8e","comboboxContent":"menu-module_comboboxContent__wH9Xq","comboboxInput":"menu-module_comboboxInput__d-7v3","label":"menu-module_label__1tUcJ","separator":"menu-module_separator__MGl2I","empty":"menu-module_empty__oPZ6k","leadingIcon":"menu-module_leadingIcon__Ii5p8","trailingIcon":"menu-module_trailingIcon__bkZf5","menuBarTrigger":"menu-module_menuBarTrigger__7NlUD"};
 
 export { styles as default };
 //# sourceMappingURL=menu.module.css.js.map

package/dist/components/menubar/__tests__/menubar.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=menubar.test.d.ts.map

package/dist/components/menubar/__tests__/menubar.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menubar.test.d.ts","sourceRoot":"","sources":["../../../../components/menubar/__tests__/menubar.test.tsx"],"names":[],"mappings":""}

package/dist/components/menubar/index.d.ts

@@ -0,0 +1,2 @@
+export { Menubar } from './menubar';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/menubar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/menubar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC"}

package/dist/components/menubar/menubar.cjs

@@ -0,0 +1,22 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('@base-ui/react');
+var classVarianceAuthority = require('class-variance-authority');
+var React = require('react');
+var menubar_module = require('./menubar.module.css.cjs');
+
+const MenubarContext = React.createContext(false);
+function useMenubarContext() {
+    return React.useContext(MenubarContext);
+}
+function MenubarRoot({ className, ...props }) {
+    return (jsxRuntime.jsx(MenubarContext, { value: true, children: jsxRuntime.jsx(react.Menubar, { className: classVarianceAuthority.cx(menubar_module.default.menubar, className), ...props }) }));
+}
+MenubarRoot.displayName = 'Menubar';
+const Menubar = MenubarRoot;
+
+exports.Menubar = Menubar;
+exports.useMenubarContext = useMenubarContext;
+//# sourceMappingURL=menubar.cjs.map

package/dist/components/menubar/menubar.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"menubar.cjs","sources":["../../../components/menubar/menubar.tsx"],"sourcesContent":["'use client';\n\nimport { Menubar as MenubarPrimitive } from '@base-ui/react';\nimport { cx } from 'class-variance-authority';\nimport { createContext, useContext } from 'react';\nimport styles from './menubar.module.css';\n\nconst MenubarContext = createContext(false);\n\nexport function useMenubarContext() {\n  return useContext(MenubarContext);\n}\n\nfunction MenubarRoot({ className, ...props }: MenubarPrimitive.Props) {\n  return (\n    <MenubarContext value={true}>\n      <MenubarPrimitive className={cx(styles.menubar, className)} {...props} />\n    </MenubarContext>\n  );\n}\nMenubarRoot.displayName = 'Menubar';\n\nexport const Menubar = MenubarRoot;\n"],"names":[],"mappings":";;;;;;;;;AAOA;;AAGE;AACF;AAEA;;AAMA;AACA;AAEO;;;"}

package/dist/components/menubar/menubar.d.ts

@@ -0,0 +1,9 @@
+import { Menubar as MenubarPrimitive } from '@base-ui/react';
+export declare function useMenubarContext(): boolean;
+declare function MenubarRoot({ className, ...props }: MenubarPrimitive.Props): import("react/jsx-runtime").JSX.Element;
+declare namespace MenubarRoot {
+    var displayName: string;
+}
+export declare const Menubar: typeof MenubarRoot;
+export {};
+//# sourceMappingURL=menubar.d.ts.map

package/dist/components/menubar/menubar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menubar.d.ts","sourceRoot":"","sources":["../../../components/menubar/menubar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAO7D,wBAAgB,iBAAiB,YAEhC;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,CAAC,KAAK,2CAMnE;kBANQ,WAAW;;;AASpB,eAAO,MAAM,OAAO,oBAAc,CAAC"}