@raystack/apsara 0.56.7 → 1.0.0-rc.1

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

@@ -0,0 +1,29 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('@base-ui/react');
+var cell = require('./cell.cjs');
+var menuRoot = require('./menu-root.cjs');
+var utils = require('./utils.cjs');
+
+function MenuItem({ children, value, leadingIcon, trailingIcon, render, ...props }) {
+    const { autocomplete, inputValue, shouldFilter } = menuRoot.useMenuContext();
+    const cell$1 = render ?? (jsxRuntime.jsx(cell.Cell, { leadingIcon: leadingIcon, trailingIcon: trailingIcon }));
+    // In auto mode, hide items that don't match the search value
+    if (shouldFilter && !utils.getMatch(value, children, inputValue)) {
+        return null;
+    }
+    if (autocomplete) {
+        return (jsxRuntime.jsx(react.Autocomplete.Item, { value: value, render: jsxRuntime.jsx(react.Menu.Item, { render: cell$1 }), ...props, children: children }));
+    }
+    return (jsxRuntime.jsx(react.Menu.Item, { render: cell$1, ...props, onFocus: e => {
+            e.stopPropagation();
+            e.preventDefault();
+            e.preventBaseUIHandler();
+        }, children: children }));
+}
+MenuItem.displayName = 'Menu.Item';
+
+exports.MenuItem = MenuItem;
+//# sourceMappingURL=menu-item.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menu-item.cjs","sources":["../../../components/menu/menu-item.tsx"],"sourcesContent":["'use client';\n\nimport {\n  Autocomplete as AutocompletePrimitive,\n  Menu as MenuPrimitive\n} from '@base-ui/react';\nimport { Cell, CellBaseProps } from './cell';\nimport { useMenuContext } from './menu-root';\nimport { getMatch } from './utils';\n\nexport interface MenuItemProps extends MenuPrimitive.Item.Props, CellBaseProps {\n  value?: string;\n}\n\nexport function MenuItem({\n  children,\n  value,\n  leadingIcon,\n  trailingIcon,\n  render,\n  ...props\n}: MenuItemProps) {\n  const { autocomplete, inputValue, shouldFilter } = useMenuContext();\n\n  const cell = render ?? (\n    <Cell leadingIcon={leadingIcon} trailingIcon={trailingIcon} />\n  );\n\n  // In auto mode, hide items that don't match the search value\n  if (shouldFilter && !getMatch(value, children, inputValue)) {\n    return null;\n  }\n\n  if (autocomplete) {\n    return (\n      <AutocompletePrimitive.Item\n        value={value}\n        render={<MenuPrimitive.Item render={cell} />}\n        {...props}\n      >\n        {children}\n      </AutocompletePrimitive.Item>\n    );\n  }\n\n  return (\n    <MenuPrimitive.Item\n      render={cell}\n      {...props}\n      onFocus={e => {\n        e.stopPropagation();\n        e.preventDefault();\n        e.preventBaseUIHandler();\n      }}\n    >\n      {children}\n    </MenuPrimitive.Item>\n  );\n}\nMenuItem.displayName = 'Menu.Item';\n"],"names":[],"mappings":";;;;;;;;;;;AAwBE;;AAKA;AACE;;;;;AAeF;;;;AAQI;AAKN;AACA;;"}

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

@@ -0,0 +1,10 @@
+import { Menu as MenuPrimitive } from '@base-ui/react';
+import { CellBaseProps } from './cell';
+export interface MenuItemProps extends MenuPrimitive.Item.Props, CellBaseProps {
+    value?: string;
+}
+export declare function MenuItem({ children, value, leadingIcon, trailingIcon, render, ...props }: MenuItemProps): import("react/jsx-runtime").JSX.Element | null;
+export declare namespace MenuItem {
+    var displayName: string;
+}
+//# sourceMappingURL=menu-item.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menu-item.d.ts","sourceRoot":"","sources":["../../../components/menu/menu-item.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,IAAI,IAAI,aAAa,EACtB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAQ,aAAa,EAAE,MAAM,QAAQ,CAAC;AAI7C,MAAM,WAAW,aAAc,SAAQ,aAAa,CAAC,IAAI,CAAC,KAAK,EAAE,aAAa;IAC5E,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,QAAQ,CAAC,EACvB,QAAQ,EACR,KAAK,EACL,WAAW,EACX,YAAY,EACZ,MAAM,EACN,GAAG,KAAK,EACT,EAAE,aAAa,kDAqCf;yBA5Ce,QAAQ"}

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

@@ -0,0 +1,27 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { Autocomplete, Menu } from '@base-ui/react';
+import { Cell } from './cell.js';
+import { useMenuContext } from './menu-root.js';
+import { getMatch } from './utils.js';
+
+function MenuItem({ children, value, leadingIcon, trailingIcon, render, ...props }) {
+    const { autocomplete, inputValue, shouldFilter } = useMenuContext();
+    const cell = render ?? (jsx(Cell, { leadingIcon: leadingIcon, trailingIcon: trailingIcon }));
+    // In auto mode, hide items that don't match the search value
+    if (shouldFilter && !getMatch(value, children, inputValue)) {
+        return null;
+    }
+    if (autocomplete) {
+        return (jsx(Autocomplete.Item, { value: value, render: jsx(Menu.Item, { render: cell }), ...props, children: children }));
+    }
+    return (jsx(Menu.Item, { render: cell, ...props, onFocus: e => {
+            e.stopPropagation();
+            e.preventDefault();
+            e.preventBaseUIHandler();
+        }, children: children }));
+}
+MenuItem.displayName = 'Menu.Item';
+
+export { MenuItem };
+//# sourceMappingURL=menu-item.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menu-item.js","sources":["../../../components/menu/menu-item.tsx"],"sourcesContent":["'use client';\n\nimport {\n  Autocomplete as AutocompletePrimitive,\n  Menu as MenuPrimitive\n} from '@base-ui/react';\nimport { Cell, CellBaseProps } from './cell';\nimport { useMenuContext } from './menu-root';\nimport { getMatch } from './utils';\n\nexport interface MenuItemProps extends MenuPrimitive.Item.Props, CellBaseProps {\n  value?: string;\n}\n\nexport function MenuItem({\n  children,\n  value,\n  leadingIcon,\n  trailingIcon,\n  render,\n  ...props\n}: MenuItemProps) {\n  const { autocomplete, inputValue, shouldFilter } = useMenuContext();\n\n  const cell = render ?? (\n    <Cell leadingIcon={leadingIcon} trailingIcon={trailingIcon} />\n  );\n\n  // In auto mode, hide items that don't match the search value\n  if (shouldFilter && !getMatch(value, children, inputValue)) {\n    return null;\n  }\n\n  if (autocomplete) {\n    return (\n      <AutocompletePrimitive.Item\n        value={value}\n        render={<MenuPrimitive.Item render={cell} />}\n        {...props}\n      >\n        {children}\n      </AutocompletePrimitive.Item>\n    );\n  }\n\n  return (\n    <MenuPrimitive.Item\n      render={cell}\n      {...props}\n      onFocus={e => {\n        e.stopPropagation();\n        e.preventDefault();\n        e.preventBaseUIHandler();\n      }}\n    >\n      {children}\n    </MenuPrimitive.Item>\n  );\n}\nMenuItem.displayName = 'Menu.Item';\n"],"names":[],"mappings":";;;;;;;;;AAwBE;;AAKA;AACE;;;;;AAeF;;;;AAQI;AAKN;AACA;;"}

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

@@ -0,0 +1,44 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var menu = require('@base-ui/react/menu');
+var classVarianceAuthority = require('class-variance-authority');
+var React = require('react');
+var menu_module = require('./menu.module.css.cjs');
+var menuRoot = require('./menu-root.cjs');
+
+function MenuGroup({ className, children, ...props }) {
+    const { shouldFilter } = menuRoot.useMenuContext();
+    if (shouldFilter) {
+        return jsxRuntime.jsx(React.Fragment, { children: children });
+    }
+    return (jsxRuntime.jsx(menu.Menu.Group, { className: classVarianceAuthority.cx(className), ...props, children: children }));
+}
+MenuGroup.displayName = 'Menu.Group';
+function MenuLabel({ className, ...props }) {
+    const { shouldFilter } = menuRoot.useMenuContext();
+    if (shouldFilter) {
+        return null;
+    }
+    return (jsxRuntime.jsx(menu.Menu.GroupLabel, { className: classVarianceAuthority.cx(menu_module.default.label, className), ...props }));
+}
+MenuLabel.displayName = 'Menu.Label';
+function MenuSeparator({ className, ...props }) {
+    const { shouldFilter } = menuRoot.useMenuContext();
+    if (shouldFilter) {
+        return null;
+    }
+    return (jsxRuntime.jsx("div", { role: 'separator', className: classVarianceAuthority.cx(menu_module.default.separator, className), ...props }));
+}
+MenuSeparator.displayName = 'Menu.Separator';
+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;
+exports.MenuGroup = MenuGroup;
+exports.MenuLabel = MenuLabel;
+exports.MenuSeparator = MenuSeparator;
+//# sourceMappingURL=menu-misc.cjs.map

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

@@ -0,0 +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 { 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

@@ -0,0 +1,21 @@
+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/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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,39 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { Menu } from '@base-ui/react/menu';
+import { cx } from 'class-variance-authority';
+import { Fragment } from 'react';
+import styles from './menu.module.css.js';
+import { useMenuContext } from './menu-root.js';
+
+function MenuGroup({ className, children, ...props }) {
+    const { shouldFilter } = useMenuContext();
+    if (shouldFilter) {
+        return jsx(Fragment, { children: children });
+    }
+    return (jsx(Menu.Group, { className: cx(className), ...props, children: children }));
+}
+MenuGroup.displayName = 'Menu.Group';
+function MenuLabel({ className, ...props }) {
+    const { shouldFilter } = useMenuContext();
+    if (shouldFilter) {
+        return null;
+    }
+    return (jsx(Menu.GroupLabel, { className: cx(styles.label, className), ...props }));
+}
+MenuLabel.displayName = 'Menu.Label';
+function MenuSeparator({ className, ...props }) {
+    const { shouldFilter } = useMenuContext();
+    if (shouldFilter) {
+        return null;
+    }
+    return (jsx("div", { role: 'separator', className: cx(styles.separator, className), ...props }));
+}
+MenuSeparator.displayName = 'Menu.Separator';
+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 };
+//# sourceMappingURL=menu-misc.js.map

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

@@ -0,0 +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 { 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

@@ -0,0 +1,103 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('@base-ui/react');
+var React = require('react');
+
+/**
+ Root context to manage the Menu control
+ @remarks Only for internal usage.
+ */
+const MenuContext = React.createContext(undefined);
+const useMenuContext = () => {
+    const context = React.useContext(MenuContext);
+    if (!context)
+        return {};
+    const shouldFilter = !!(context?.autocomplete &&
+        context?.autocompleteMode === 'auto' &&
+        context?.inputValue?.length);
+    const shouldFilterParent = !!(context?.parent?.autocomplete &&
+        context?.parent?.autocompleteMode === 'auto' &&
+        context?.parent?.inputValue?.length);
+    return {
+        ...context,
+        shouldFilter,
+        parent: context?.parent && {
+            ...context.parent,
+            shouldFilter: shouldFilterParent
+        }
+    };
+};
+const MenuRoot = ({ autocomplete, autocompleteMode = 'auto', inputValue: providedInputValue, onInputValueChange, defaultInputValue = '', open: providedOpen, onOpenChange, defaultOpen = false, ...props }) => {
+    const [internalInputValue, setInternalInputValue] = React.useState(defaultInputValue);
+    const [internalOpen, setInternalOpen] = React.useState(defaultOpen);
+    const open = providedOpen ?? internalOpen;
+    const inputRef = React.useRef(null);
+    const contentRef = React.useRef(null);
+    const isInitialRender = React.useRef(true);
+    const inputValue = providedInputValue ?? internalInputValue;
+    const setValue = React.useCallback((value) => {
+        setInternalInputValue(value);
+        onInputValueChange?.(value);
+    }, [onInputValueChange]);
+    const handleOpenChange = React.useCallback((value, eventDetails) => {
+        if (!value && autocomplete) {
+            setValue('');
+            isInitialRender.current = true;
+        }
+        setInternalOpen(value);
+        onOpenChange?.(value, eventDetails);
+    }, [onOpenChange, setValue, autocomplete]);
+    return (jsxRuntime.jsx(MenuContext, { value: {
+            autocomplete,
+            inputRef,
+            autocompleteMode,
+            inputValue,
+            onInputValueChange: setValue,
+            open: open,
+            isInitialRender,
+            contentRef
+        }, children: jsxRuntime.jsx(react.Menu.Root, { open: open, onOpenChange: handleOpenChange, loopFocus: false, modal: true, ...props }) }));
+};
+MenuRoot.displayName = 'Menu';
+const MenuSubMenu = ({ autocomplete, autocompleteMode = 'auto', inputValue: providedInputValue, onInputValueChange, defaultInputValue = '', open: providedOpen, onOpenChange, defaultOpen = false, ...props }) => {
+    const [internalInputValue, setInternalInputValue] = React.useState(defaultInputValue);
+    const [internalOpen, setInternalOpen] = React.useState(defaultOpen);
+    const open = providedOpen ?? internalOpen;
+    const parentContext = useMenuContext();
+    const inputRef = React.useRef(null);
+    const isInitialRender = React.useRef(true);
+    const contentRef = React.useRef(null);
+    const inputValue = providedInputValue ?? internalInputValue;
+    const setValue = React.useCallback((value) => {
+        setInternalInputValue(value);
+        onInputValueChange?.(value);
+    }, [onInputValueChange]);
+    const handleOpenChange = React.useCallback((value, eventDetails) => {
+        if (!value && autocomplete) {
+            setValue('');
+            isInitialRender.current = true;
+        }
+        setInternalOpen(value);
+        onOpenChange?.(value, eventDetails);
+    }, [onOpenChange, setValue, autocomplete]);
+    return (jsxRuntime.jsx(MenuContext, { value: {
+            autocomplete,
+            inputRef,
+            parent: parentContext,
+            autocompleteMode,
+            inputValue,
+            onInputValueChange: setValue,
+            open: open,
+            isInitialRender,
+            contentRef
+        }, children: jsxRuntime.jsx(react.Menu.SubmenuRoot, { loopFocus: false, open: open, onOpenChange: handleOpenChange, ...props }) }));
+};
+MenuSubMenu.displayName = 'Menu.Submenu';
+
+exports.MenuContext = MenuContext;
+exports.MenuRoot = MenuRoot;
+exports.MenuSubMenu = MenuSubMenu;
+exports.useMenuContext = useMenuContext;
+//# sourceMappingURL=menu-root.cjs.map

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

@@ -0,0 +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\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.d.ts

@@ -0,0 +1,71 @@
+import { Menu as MenuPrimitive } from '@base-ui/react';
+interface CommonProps {
+    autocomplete?: boolean;
+    autocompleteMode?: 'auto' | 'manual';
+    inputValue?: string;
+    inputRef?: React.RefObject<HTMLInputElement | null>;
+    contentRef?: React.RefObject<HTMLDivElement | null>;
+    isInitialRender?: React.RefObject<boolean>;
+    open?: boolean;
+}
+interface MenuContextValue extends CommonProps {
+    parent?: CommonProps;
+    onInputValueChange?: (value: string) => void;
+}
+interface UseMenuContextReturn extends MenuContextValue {
+    shouldFilter?: boolean;
+    parent?: CommonProps & {
+        shouldFilter?: boolean;
+    };
+}
+/**
+ Root context to manage the Menu control
+ @remarks Only for internal usage.
+ */
+export declare const MenuContext: import("react").Context<MenuContextValue | undefined>;
+export declare const useMenuContext: () => UseMenuContextReturn;
+export interface MenuRootBaseProps {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: MenuPrimitive.Root.Props['onOpenChange'];
+    modal?: boolean;
+    loopFocus?: boolean;
+}
+export interface NormalMenuRootProps extends MenuPrimitive.Root.Props {
+    autocomplete?: false;
+    autocompleteMode?: never;
+    inputValue?: never;
+    onInputValueChange?: never;
+    defaultInputValue?: never;
+}
+export interface AutocompleteMenuRootProps extends MenuPrimitive.Root.Props, CommonProps {
+    autocomplete: true;
+    onInputValueChange?: (value: string) => void;
+    defaultInputValue?: string;
+}
+export type MenuRootProps = NormalMenuRootProps | AutocompleteMenuRootProps;
+export declare const MenuRoot: {
+    ({ autocomplete, autocompleteMode, inputValue: providedInputValue, onInputValueChange, defaultInputValue, open: providedOpen, onOpenChange, defaultOpen, ...props }: MenuRootProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export interface NormalMenuSubMenuProps extends MenuPrimitive.SubmenuRoot.Props {
+    autocomplete?: false;
+    autocompleteMode?: never;
+    inputValue?: never;
+    onInputValueChange?: never;
+    defaultInputValue?: never;
+}
+export interface AutocompleteMenuSubMenuProps extends MenuPrimitive.SubmenuRoot.Props {
+    autocomplete: true;
+    autocompleteMode?: 'auto' | 'manual';
+    inputValue?: string;
+    onInputValueChange?: (value: string) => void;
+    defaultInputValue?: string;
+}
+export type MenuSubMenuProps = NormalMenuSubMenuProps | AutocompleteMenuSubMenuProps;
+export declare const MenuSubMenu: {
+    ({ autocomplete, autocompleteMode, inputValue: providedInputValue, onInputValueChange, defaultInputValue, open: providedOpen, onOpenChange, defaultOpen, ...props }: MenuSubMenuProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};
+//# sourceMappingURL=menu-root.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menu-root.d.ts","sourceRoot":"","sources":["../../../components/menu/menu-root.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,IAAI,aAAa,EAAE,MAAM,gBAAgB,CAAC;AASvD,UAAU,WAAW;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IACrC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;IACpD,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACpD,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;IAC3C,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,UAAU,gBAAiB,SAAQ,WAAW;IAC5C,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9C;AAED,UAAU,oBAAqB,SAAQ,gBAAgB;IACrD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,MAAM,CAAC,EAAE,WAAW,GAAG;QACrB,YAAY,CAAC,EAAE,OAAO,CAAC;KACxB,CAAC;CACH;AAED;;;GAGG;AACH,eAAO,MAAM,WAAW,uDAEvB,CAAC;AAEF,eAAO,MAAM,cAAc,QAAO,oBAwBjC,CAAC;AAEF,MAAM,WAAW,iBAAiB;IAChC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;IACxD,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,mBAAoB,SAAQ,aAAa,CAAC,IAAI,CAAC,KAAK;IACnE,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,gBAAgB,CAAC,EAAE,KAAK,CAAC;IACzB,UAAU,CAAC,EAAE,KAAK,CAAC;IACnB,kBAAkB,CAAC,EAAE,KAAK,CAAC;IAC3B,iBAAiB,CAAC,EAAE,KAAK,CAAC;CAC3B;AAED,MAAM,WAAW,yBACf,SAAQ,aAAa,CAAC,IAAI,CAAC,KAAK,EAC9B,WAAW;IACb,YAAY,EAAE,IAAI,CAAC;IACnB,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,MAAM,MAAM,aAAa,GAAG,mBAAmB,GAAG,yBAAyB,CAAC;AAE5E,eAAO,MAAM,QAAQ;yKAUlB,aAAa;;CAuDf,CAAC;AAGF,MAAM,WAAW,sBACf,SAAQ,aAAa,CAAC,WAAW,CAAC,KAAK;IACvC,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,gBAAgB,CAAC,EAAE,KAAK,CAAC;IACzB,UAAU,CAAC,EAAE,KAAK,CAAC;IACnB,kBAAkB,CAAC,EAAE,KAAK,CAAC;IAC3B,iBAAiB,CAAC,EAAE,KAAK,CAAC;CAC3B;AAED,MAAM,WAAW,4BACf,SAAQ,aAAa,CAAC,WAAW,CAAC,KAAK;IACvC,YAAY,EAAE,IAAI,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IACrC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,MAAM,MAAM,gBAAgB,GACxB,sBAAsB,GACtB,4BAA4B,CAAC;AAEjC,eAAO,MAAM,WAAW;yKAUrB,gBAAgB;;CAsDlB,CAAC"}

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

@@ -0,0 +1,98 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { Menu } from '@base-ui/react';
+import { createContext, useState, useRef, useCallback, useContext } from 'react';
+
+/**
+ Root context to manage the Menu control
+ @remarks Only for internal usage.
+ */
+const MenuContext = createContext(undefined);
+const useMenuContext = () => {
+    const context = useContext(MenuContext);
+    if (!context)
+        return {};
+    const shouldFilter = !!(context?.autocomplete &&
+        context?.autocompleteMode === 'auto' &&
+        context?.inputValue?.length);
+    const shouldFilterParent = !!(context?.parent?.autocomplete &&
+        context?.parent?.autocompleteMode === 'auto' &&
+        context?.parent?.inputValue?.length);
+    return {
+        ...context,
+        shouldFilter,
+        parent: context?.parent && {
+            ...context.parent,
+            shouldFilter: shouldFilterParent
+        }
+    };
+};
+const MenuRoot = ({ autocomplete, autocompleteMode = 'auto', inputValue: providedInputValue, onInputValueChange, defaultInputValue = '', open: providedOpen, onOpenChange, defaultOpen = false, ...props }) => {
+    const [internalInputValue, setInternalInputValue] = useState(defaultInputValue);
+    const [internalOpen, setInternalOpen] = useState(defaultOpen);
+    const open = providedOpen ?? internalOpen;
+    const inputRef = useRef(null);
+    const contentRef = useRef(null);
+    const isInitialRender = useRef(true);
+    const inputValue = providedInputValue ?? internalInputValue;
+    const setValue = useCallback((value) => {
+        setInternalInputValue(value);
+        onInputValueChange?.(value);
+    }, [onInputValueChange]);
+    const handleOpenChange = useCallback((value, eventDetails) => {
+        if (!value && autocomplete) {
+            setValue('');
+            isInitialRender.current = true;
+        }
+        setInternalOpen(value);
+        onOpenChange?.(value, eventDetails);
+    }, [onOpenChange, setValue, autocomplete]);
+    return (jsx(MenuContext, { value: {
+            autocomplete,
+            inputRef,
+            autocompleteMode,
+            inputValue,
+            onInputValueChange: setValue,
+            open: open,
+            isInitialRender,
+            contentRef
+        }, children: jsx(Menu.Root, { open: open, onOpenChange: handleOpenChange, loopFocus: false, modal: true, ...props }) }));
+};
+MenuRoot.displayName = 'Menu';
+const MenuSubMenu = ({ autocomplete, autocompleteMode = 'auto', inputValue: providedInputValue, onInputValueChange, defaultInputValue = '', open: providedOpen, onOpenChange, defaultOpen = false, ...props }) => {
+    const [internalInputValue, setInternalInputValue] = useState(defaultInputValue);
+    const [internalOpen, setInternalOpen] = useState(defaultOpen);
+    const open = providedOpen ?? internalOpen;
+    const parentContext = useMenuContext();
+    const inputRef = useRef(null);
+    const isInitialRender = useRef(true);
+    const contentRef = useRef(null);
+    const inputValue = providedInputValue ?? internalInputValue;
+    const setValue = useCallback((value) => {
+        setInternalInputValue(value);
+        onInputValueChange?.(value);
+    }, [onInputValueChange]);
+    const handleOpenChange = useCallback((value, eventDetails) => {
+        if (!value && autocomplete) {
+            setValue('');
+            isInitialRender.current = true;
+        }
+        setInternalOpen(value);
+        onOpenChange?.(value, eventDetails);
+    }, [onOpenChange, setValue, autocomplete]);
+    return (jsx(MenuContext, { value: {
+            autocomplete,
+            inputRef,
+            parent: parentContext,
+            autocompleteMode,
+            inputValue,
+            onInputValueChange: setValue,
+            open: open,
+            isInitialRender,
+            contentRef
+        }, children: jsx(Menu.SubmenuRoot, { loopFocus: false, open: open, onOpenChange: handleOpenChange, ...props }) }));
+};
+MenuSubMenu.displayName = 'Menu.Submenu';
+
+export { MenuContext, MenuRoot, MenuSubMenu, useMenuContext };
+//# sourceMappingURL=menu-root.js.map

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

@@ -0,0 +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\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

@@ -0,0 +1,46 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('@base-ui/react');
+var menu = require('@base-ui/react/menu');
+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');
+
+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';
+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)) {
+        return null;
+    }
+    const cell$1 = jsxRuntime.jsx(cell.Cell, { leadingIcon: leadingIcon, trailingIcon: trailingIcon });
+    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);
+            }, onKeyDown: e => {
+                requestAnimationFrame(() => {
+                    inputRef?.current?.focus();
+                });
+                props?.onKeyDown?.(e);
+            } })) : (cell$1), ...props, role: parent?.autocomplete ? 'option' : 'menuitem', "data-slot": 'menu-subtrigger', children: children }));
+}
+MenuSubTrigger.displayName = 'Menu.SubmenuTrigger';
+
+exports.MenuSubTrigger = MenuSubTrigger;
+exports.MenuTrigger = MenuTrigger;
+//# sourceMappingURL=menu-trigger.cjs.map

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

@@ -0,0 +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 { 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

@@ -0,0 +1,17 @@
+import { Menu as MenuPrimitive } from '@base-ui/react/menu';
+import { CellBaseProps } from './cell';
+export interface MenuTriggerProps extends MenuPrimitive.Trigger.Props {
+    stopPropagation?: boolean;
+}
+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 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

@@ -0,0 +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;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"}