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

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.cjs

@@ -1,5 +1,6 @@
 'use strict';
 
+var menu = require('@base-ui/react/menu');
 var menuContent = require('./menu-content.cjs');
 var menuItem = require('./menu-item.cjs');
 var menuMisc = require('./menu-misc.cjs');
@@ -16,7 +17,8 @@ const Menu = Object.assign(menuRoot.MenuRoot, {
     EmptyState: menuMisc.MenuEmptyState,
     Submenu: menuRoot.MenuSubMenu,
     SubmenuTrigger: menuTrigger.MenuSubTrigger,
-    SubmenuContent: menuContent.MenuSubContent
+    SubmenuContent: menuContent.MenuSubContent,
+    createHandle: menu.Menu.createHandle
 });
 
 exports.Menu = Menu;

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

@@ -1 +1 @@
-{"version":3,"file":"menu.cjs","sources":["../../../components/menu/menu.tsx"],"sourcesContent":["import { MenuContent, MenuSubContent } from './menu-content';\nimport { MenuItem } from './menu-item';\nimport {\n  MenuEmptyState,\n  MenuGroup,\n  MenuLabel,\n  MenuSeparator\n} from './menu-misc';\nimport { MenuRoot, MenuSubMenu } from './menu-root';\nimport { MenuSubTrigger, MenuTrigger } from './menu-trigger';\n\nexport const Menu = Object.assign(MenuRoot, {\n  Trigger: MenuTrigger,\n  Content: MenuContent,\n  Item: MenuItem,\n  Group: MenuGroup,\n  Label: MenuLabel,\n  Separator: MenuSeparator,\n  EmptyState: MenuEmptyState,\n  Submenu: MenuSubMenu,\n  SubmenuTrigger: MenuSubTrigger,\n  SubmenuContent: MenuSubContent\n});\n"],"names":["MenuRoot","MenuTrigger","MenuContent","MenuItem","MenuGroup","MenuLabel","MenuSeparator","MenuEmptyState","MenuSubMenu","MenuSubTrigger","MenuSubContent"],"mappings":";;;;;;;;MAWa,IAAI,GAAG,MAAM,CAAC,MAAM,CAACA,iBAAQ,EAAE;AAC1C,IAAA,OAAO,EAAEC,uBAAW;AACpB,IAAA,OAAO,EAAEC,uBAAW;AACpB,IAAA,IAAI,EAAEC,iBAAQ;AACd,IAAA,KAAK,EAAEC,kBAAS;AAChB,IAAA,KAAK,EAAEC,kBAAS;AAChB,IAAA,SAAS,EAAEC,sBAAa;AACxB,IAAA,UAAU,EAAEC,uBAAc;AAC1B,IAAA,OAAO,EAAEC,oBAAW;AACpB,IAAA,cAAc,EAAEC,0BAAc;AAC9B,IAAA,cAAc,EAAEC,0BAAc;AAC/B,CAAA;;;;"}
+{"version":3,"file":"menu.cjs","sources":["../../../components/menu/menu.tsx"],"sourcesContent":["import { Menu as MenuPrimitive } from '@base-ui/react/menu';\nimport { MenuContent, MenuSubContent } from './menu-content';\nimport { MenuItem } from './menu-item';\nimport {\n  MenuEmptyState,\n  MenuGroup,\n  MenuLabel,\n  MenuSeparator\n} from './menu-misc';\nimport { MenuRoot, MenuSubMenu } from './menu-root';\nimport { MenuSubTrigger, MenuTrigger } from './menu-trigger';\n\nexport const Menu = Object.assign(MenuRoot, {\n  Trigger: MenuTrigger,\n  Content: MenuContent,\n  Item: MenuItem,\n  Group: MenuGroup,\n  Label: MenuLabel,\n  Separator: MenuSeparator,\n  EmptyState: MenuEmptyState,\n  Submenu: MenuSubMenu,\n  SubmenuTrigger: MenuSubTrigger,\n  SubmenuContent: MenuSubContent,\n  createHandle: MenuPrimitive.createHandle\n});\n"],"names":["MenuRoot","MenuTrigger","MenuContent","MenuItem","MenuGroup","MenuLabel","MenuSeparator","MenuEmptyState","MenuSubMenu","MenuSubTrigger","MenuSubContent","MenuPrimitive"],"mappings":";;;;;;;;;MAYa,IAAI,GAAG,MAAM,CAAC,MAAM,CAACA,iBAAQ,EAAE;AAC1C,IAAA,OAAO,EAAEC,uBAAW;AACpB,IAAA,OAAO,EAAEC,uBAAW;AACpB,IAAA,IAAI,EAAEC,iBAAQ;AACd,IAAA,KAAK,EAAEC,kBAAS;AAChB,IAAA,KAAK,EAAEC,kBAAS;AAChB,IAAA,SAAS,EAAEC,sBAAa;AACxB,IAAA,UAAU,EAAEC,uBAAc;AAC1B,IAAA,OAAO,EAAEC,oBAAW;AACpB,IAAA,cAAc,EAAEC,0BAAc;AAC9B,IAAA,cAAc,EAAEC,0BAAc;IAC9B,YAAY,EAAEC,SAAa,CAAC,YAAY;AACzC,CAAA;;;;"}

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

@@ -1,21 +1,25 @@
+import { Menu as MenuPrimitive } from '@base-ui/react/menu';
+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;
+    createHandle: typeof MenuPrimitive.createHandle;
 };
 //# 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,IAAI,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAC5D,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;;;;;;;;;;;;;;;;;;CAYf,CAAC"}

package/dist/components/menu/menu.js

@@ -1,3 +1,4 @@
+import { Menu as Menu$1 } from '@base-ui/react/menu';
 import { MenuContent, MenuSubContent } from './menu-content.js';
 import { MenuItem } from './menu-item.js';
 import { MenuGroup, MenuLabel, MenuSeparator, MenuEmptyState } from './menu-misc.js';
@@ -14,7 +15,8 @@ const Menu = Object.assign(MenuRoot, {
     EmptyState: MenuEmptyState,
     Submenu: MenuSubMenu,
     SubmenuTrigger: MenuSubTrigger,
-    SubmenuContent: MenuSubContent
+    SubmenuContent: MenuSubContent,
+    createHandle: Menu$1.createHandle
 });
 
 export { Menu };

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

@@ -1 +1 @@
-{"version":3,"file":"menu.js","sources":["../../../components/menu/menu.tsx"],"sourcesContent":["import { MenuContent, MenuSubContent } from './menu-content';\nimport { MenuItem } from './menu-item';\nimport {\n  MenuEmptyState,\n  MenuGroup,\n  MenuLabel,\n  MenuSeparator\n} from './menu-misc';\nimport { MenuRoot, MenuSubMenu } from './menu-root';\nimport { MenuSubTrigger, MenuTrigger } from './menu-trigger';\n\nexport const Menu = Object.assign(MenuRoot, {\n  Trigger: MenuTrigger,\n  Content: MenuContent,\n  Item: MenuItem,\n  Group: MenuGroup,\n  Label: MenuLabel,\n  Separator: MenuSeparator,\n  EmptyState: MenuEmptyState,\n  Submenu: MenuSubMenu,\n  SubmenuTrigger: MenuSubTrigger,\n  SubmenuContent: MenuSubContent\n});\n"],"names":[],"mappings":";;;;;;MAWa,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE;AAC1C,IAAA,OAAO,EAAE,WAAW;AACpB,IAAA,OAAO,EAAE,WAAW;AACpB,IAAA,IAAI,EAAE,QAAQ;AACd,IAAA,KAAK,EAAE,SAAS;AAChB,IAAA,KAAK,EAAE,SAAS;AAChB,IAAA,SAAS,EAAE,aAAa;AACxB,IAAA,UAAU,EAAE,cAAc;AAC1B,IAAA,OAAO,EAAE,WAAW;AACpB,IAAA,cAAc,EAAE,cAAc;AAC9B,IAAA,cAAc,EAAE,cAAc;AAC/B,CAAA;;;;"}
+{"version":3,"file":"menu.js","sources":["../../../components/menu/menu.tsx"],"sourcesContent":["import { Menu as MenuPrimitive } from '@base-ui/react/menu';\nimport { MenuContent, MenuSubContent } from './menu-content';\nimport { MenuItem } from './menu-item';\nimport {\n  MenuEmptyState,\n  MenuGroup,\n  MenuLabel,\n  MenuSeparator\n} from './menu-misc';\nimport { MenuRoot, MenuSubMenu } from './menu-root';\nimport { MenuSubTrigger, MenuTrigger } from './menu-trigger';\n\nexport const Menu = Object.assign(MenuRoot, {\n  Trigger: MenuTrigger,\n  Content: MenuContent,\n  Item: MenuItem,\n  Group: MenuGroup,\n  Label: MenuLabel,\n  Separator: MenuSeparator,\n  EmptyState: MenuEmptyState,\n  Submenu: MenuSubMenu,\n  SubmenuTrigger: MenuSubTrigger,\n  SubmenuContent: MenuSubContent,\n  createHandle: MenuPrimitive.createHandle\n});\n"],"names":["MenuPrimitive"],"mappings":";;;;;;;MAYa,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE;AAC1C,IAAA,OAAO,EAAE,WAAW;AACpB,IAAA,OAAO,EAAE,WAAW;AACpB,IAAA,IAAI,EAAE,QAAQ;AACd,IAAA,KAAK,EAAE,SAAS;AAChB,IAAA,KAAK,EAAE,SAAS;AAChB,IAAA,SAAS,EAAE,aAAa;AACxB,IAAA,UAAU,EAAE,cAAc;AAC1B,IAAA,OAAO,EAAE,WAAW;AACpB,IAAA,cAAc,EAAE,cAAc;AAC9B,IAAA,cAAc,EAAE,cAAc;IAC9B,YAAY,EAAEA,MAAa,CAAC,YAAY;AACzC,CAAA;;;;"}

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"}

package/dist/components/menubar/menubar.js

@@ -0,0 +1,19 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { Menubar as Menubar$1 } from '@base-ui/react';
+import { cx } from 'class-variance-authority';
+import { createContext, useContext } from 'react';
+import styles from './menubar.module.css.js';
+
+const MenubarContext = createContext(false);
+function useMenubarContext() {
+    return useContext(MenubarContext);
+}
+function MenubarRoot({ className, ...props }) {
+    return (jsx(MenubarContext, { value: true, children: jsx(Menubar$1, { className: cx(styles.menubar, className), ...props }) }));
+}
+MenubarRoot.displayName = 'Menubar';
+const Menubar = MenubarRoot;
+
+export { Menubar, useMenubarContext };
+//# sourceMappingURL=menubar.js.map

package/dist/components/menubar/menubar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menubar.js","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/{box/box.module.css.cjs → menubar/menubar.module.css.cjs}

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var styles = {"box":"box-module_box__07JEp"};
+var styles = {"menubar":"menubar-module_menubar__3Elbn"};
 
 exports.default = styles;
-//# sourceMappingURL=box.module.css.cjs.map
+//# sourceMappingURL=menubar.module.css.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menubar.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

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

@@ -0,0 +1,4 @@
+var styles = {"menubar":"menubar-module_menubar__3Elbn"};
+
+export { styles as default };
+//# sourceMappingURL=menubar.module.css.js.map

package/dist/components/menubar/menubar.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menubar.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,20 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('@base-ui/react');
+var classVarianceAuthority = require('class-variance-authority');
+var meter_module = require('./meter.module.css.cjs');
+
+function MeterLabel({ className, ...props }) {
+    return (jsxRuntime.jsx(react.Meter.Label, { className: classVarianceAuthority.cx(meter_module.default.label, className), ...props }));
+}
+MeterLabel.displayName = 'Meter.Label';
+function MeterValue({ className, ...props }) {
+    return (jsxRuntime.jsx(react.Meter.Value, { className: classVarianceAuthority.cx(meter_module.default.value, className), ...props }));
+}
+MeterValue.displayName = 'Meter.Value';
+
+exports.MeterLabel = MeterLabel;
+exports.MeterValue = MeterValue;
+//# sourceMappingURL=meter-misc.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"meter-misc.cjs","sources":["../../../components/meter/meter-misc.tsx"],"sourcesContent":["'use client';\n\nimport { Meter as MeterPrimitive } from '@base-ui/react';\nimport { cx } from 'class-variance-authority';\nimport styles from './meter.module.css';\n\nexport function MeterLabel({\n  className,\n  ...props\n}: MeterPrimitive.Label.Props) {\n  return (\n    <MeterPrimitive.Label className={cx(styles.label, className)} {...props} />\n  );\n}\n\nMeterLabel.displayName = 'Meter.Label';\n\nexport function MeterValue({\n  className,\n  ...props\n}: MeterPrimitive.Value.Props) {\n  return (\n    <MeterPrimitive.Value className={cx(styles.value, className)} {...props} />\n  );\n}\n\nMeterValue.displayName = 'Meter.Value';\n"],"names":[],"mappings":";;;;;;;;AAMM;;AAON;AAEA;AAEM;;AAON;AAEA;;;"}

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

@@ -0,0 +1,10 @@
+import { Meter as MeterPrimitive } from '@base-ui/react';
+export declare function MeterLabel({ className, ...props }: MeterPrimitive.Label.Props): import("react/jsx-runtime").JSX.Element;
+export declare namespace MeterLabel {
+    var displayName: string;
+}
+export declare function MeterValue({ className, ...props }: MeterPrimitive.Value.Props): import("react/jsx-runtime").JSX.Element;
+export declare namespace MeterValue {
+    var displayName: string;
+}
+//# sourceMappingURL=meter-misc.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"meter-misc.d.ts","sourceRoot":"","sources":["../../../components/meter/meter-misc.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,IAAI,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAIzD,wBAAgB,UAAU,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,KAAK,CAAC,KAAK,2CAI5B;yBAPe,UAAU;;;AAW1B,wBAAgB,UAAU,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,KAAK,CAAC,KAAK,2CAI5B;yBAPe,UAAU"}