@raystack/apsara 0.56.6 → 1.0.0-rc.0

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, useContext, useState, useRef, useCallback } 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.Provider, { 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.Provider, { 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.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;;"}

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

@@ -0,0 +1,43 @@
+"use client";
+'use strict';
+
+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 cell = require('./cell.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 => {
+            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) => {
+    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, { ref: ref, 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.SubTrigger';
+
+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 { 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;;;"}

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

@@ -0,0 +1,11 @@
+import { Menu as MenuPrimitive } from '@base-ui/react/menu';
+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 interface MenuSubTriggerProps extends MenuPrimitive.SubmenuTrigger.Props, CellBaseProps {
+    value?: string;
+}
+export declare const MenuSubTrigger: import("react").ForwardRefExoticComponent<Omit<MenuSubTriggerProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+//# 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;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"}

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

@@ -0,0 +1,40 @@
+"use client";
+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 { Cell } from './cell.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 => {
+            if (stopPropagation)
+                e.stopPropagation();
+            onClick?.(e);
+        }, ...props, children: children }));
+});
+MenuTrigger.displayName = 'Menu.Trigger';
+const MenuSubTrigger = forwardRef(({ children, value, trailingIcon = jsx(SvgTriangleRight, {}), leadingIcon, ...props }, ref) => {
+    const { parent, inputRef } = useMenuContext();
+    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 => {
+                if (document?.activeElement !== parent?.inputRef?.current)
+                    parent?.inputRef?.current?.focus();
+                props?.onPointerEnter?.(e);
+            }, onKeyDown: e => {
+                requestAnimationFrame(() => {
+                    inputRef?.current?.focus();
+                });
+                props?.onKeyDown?.(e);
+            } })) : (cell), ...props, role: parent?.autocomplete ? 'option' : 'menuitem', "data-slot": 'menu-subtrigger', children: children }));
+});
+MenuSubTrigger.displayName = 'Menu.SubTrigger';
+
+export { MenuSubTrigger, MenuTrigger };
+//# sourceMappingURL=menu-trigger.js.map

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

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

package/dist/components/menu/menu.cjs

@@ -0,0 +1,23 @@
+'use strict';
+
+var menuContent = require('./menu-content.cjs');
+var menuItem = require('./menu-item.cjs');
+var menuMisc = require('./menu-misc.cjs');
+var menuRoot = require('./menu-root.cjs');
+var menuTrigger = require('./menu-trigger.cjs');
+
+const Menu = Object.assign(menuRoot.MenuRoot, {
+    Trigger: menuTrigger.MenuTrigger,
+    Content: menuContent.MenuContent,
+    Item: menuItem.MenuItem,
+    Group: menuMisc.MenuGroup,
+    Label: menuMisc.MenuLabel,
+    Separator: menuMisc.MenuSeparator,
+    EmptyState: menuMisc.MenuEmptyState,
+    Submenu: menuRoot.MenuSubMenu,
+    SubmenuTrigger: menuTrigger.MenuSubTrigger,
+    SubmenuContent: menuContent.MenuSubContent
+});
+
+exports.Menu = Menu;
+//# sourceMappingURL=menu.cjs.map

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

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

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

@@ -0,0 +1,21 @@
+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>>;
+    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>>;
+};
+//# sourceMappingURL=menu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../components/menu/menu.tsx"],"names":[],"mappings":"AAWA,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;CAWf,CAAC"}

package/dist/components/menu/menu.js

@@ -0,0 +1,21 @@
+import { MenuContent, MenuSubContent } from './menu-content.js';
+import { MenuItem } from './menu-item.js';
+import { MenuGroup, MenuLabel, MenuSeparator, MenuEmptyState } from './menu-misc.js';
+import { MenuRoot, MenuSubMenu } from './menu-root.js';
+import { MenuTrigger, MenuSubTrigger } from './menu-trigger.js';
+
+const Menu = Object.assign(MenuRoot, {
+    Trigger: MenuTrigger,
+    Content: MenuContent,
+    Item: MenuItem,
+    Group: MenuGroup,
+    Label: MenuLabel,
+    Separator: MenuSeparator,
+    EmptyState: MenuEmptyState,
+    Submenu: MenuSubMenu,
+    SubmenuTrigger: MenuSubTrigger,
+    SubmenuContent: MenuSubContent
+});
+
+export { Menu };
+//# sourceMappingURL=menu.js.map

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

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

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

@@ -0,0 +1,8 @@
+'use strict';
+
+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"};
+
+exports.default = styles;
+//# sourceMappingURL=menu.module.css.cjs.map

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

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

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

@@ -0,0 +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"};
+
+export { styles as default };
+//# sourceMappingURL=menu.module.css.js.map

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

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

package/dist/components/menu/utils.cjs

@@ -0,0 +1,53 @@
+'use strict';
+
+var React = require('react');
+
+const getMatch = (value, children, search) => {
+    if (!search?.length)
+        return true;
+    const childrenValue = getChildrenValue(children)?.toLowerCase();
+    return !!(value?.toLowerCase().includes(search.toLowerCase()) ||
+        childrenValue?.includes(search.toLowerCase()));
+};
+const getChildrenValue = (children) => {
+    let value = '';
+    if (!children)
+        return value;
+    React.Children.forEach(children, child => {
+        if (typeof child === 'string' || typeof child === 'number') {
+            value += child + ' ';
+        }
+        else if (React.isValidElement(child)) {
+            value += getChildrenValue(child.props.children) + ' ';
+        }
+    });
+    return value.trim();
+};
+const KEYCODES = {
+    ARROW_RIGHT: ['ArrowRight', 39],
+    ESCAPE: ['Escape', 27]
+};
+const dispatchKeyboardEvent = (element, key, bubbles = true) => {
+    const [keyName, keyCode] = key;
+    return element.dispatchEvent(new KeyboardEvent('keydown', {
+        key: keyName,
+        code: keyName,
+        keyCode: keyCode,
+        which: keyCode,
+        bubbles
+    }));
+};
+const isElementSubMenuTrigger = (element) => {
+    return element.getAttribute('data-slot') === 'menu-subtrigger';
+};
+const isElementSubMenuOpen = (element) => {
+    return element.hasAttribute('data-popup-open');
+};
+
+exports.KEYCODES = KEYCODES;
+exports.dispatchKeyboardEvent = dispatchKeyboardEvent;
+exports.getChildrenValue = getChildrenValue;
+exports.getMatch = getMatch;
+exports.isElementSubMenuOpen = isElementSubMenuOpen;
+exports.isElementSubMenuTrigger = isElementSubMenuTrigger;
+//# sourceMappingURL=utils.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.cjs","sources":["../../../components/menu/utils.ts"],"sourcesContent":["import React, { ReactNode } from 'react';\n\nexport const getMatch = (\n  value?: string,\n  children?: ReactNode,\n  search?: string\n) => {\n  if (!search?.length) return true;\n  const childrenValue = getChildrenValue(children)?.toLowerCase();\n\n  return !!(\n    value?.toLowerCase().includes(search.toLowerCase()) ||\n    childrenValue?.includes(search.toLowerCase())\n  );\n};\n\nexport const getChildrenValue = (children?: ReactNode) => {\n  let value = '';\n  if (!children) return value;\n\n  React.Children.forEach(children, child => {\n    if (typeof child === 'string' || typeof child === 'number') {\n      value += child + ' ';\n    } else if (React.isValidElement<{ children?: ReactNode }>(child)) {\n      value += getChildrenValue(child.props.children) + ' ';\n    }\n  });\n  return value.trim();\n};\n\nexport const KEYCODES: Record<string, [string, number]> = {\n  ARROW_RIGHT: ['ArrowRight', 39],\n  ESCAPE: ['Escape', 27]\n};\n\nexport const dispatchKeyboardEvent = (\n  element: Element | EventTarget,\n  key: (typeof KEYCODES)[keyof typeof KEYCODES],\n  bubbles: boolean = true\n) => {\n  const [keyName, keyCode] = key;\n  return element.dispatchEvent(\n    new KeyboardEvent('keydown', {\n      key: keyName,\n      code: keyName,\n      keyCode: keyCode,\n      which: keyCode,\n      bubbles\n    })\n  );\n};\n\nexport const isElementSubMenuTrigger = (element: Element) => {\n  return element.getAttribute('data-slot') === 'menu-subtrigger';\n};\n\nexport const isElementSubMenuOpen = (element: Element) => {\n  return element.hasAttribute('data-popup-open');\n};\n"],"names":[],"mappings":";;;;AAEa,MAAA,QAAQ,GAAG,CACtB,KAAc,EACd,QAAoB,EACpB,MAAe,KACb;IACF,IAAI,CAAC,MAAM,EAAE,MAAM;AAAE,QAAA,OAAO,IAAI,CAAC;IACjC,MAAM,aAAa,GAAG,gBAAgB,CAAC,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAC;AAEhE,IAAA,OAAO,CAAC,EACN,KAAK,EAAE,WAAW,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC;QACnD,aAAa,EAAE,QAAQ,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC,CAC9C,CAAC;AACJ,EAAE;AAEW,MAAA,gBAAgB,GAAG,CAAC,QAAoB,KAAI;IACvD,IAAI,KAAK,GAAG,EAAE,CAAC;AACf,IAAA,IAAI,CAAC,QAAQ;AAAE,QAAA,OAAO,KAAK,CAAC;IAE5B,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,EAAE,KAAK,IAAG;QACvC,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;AAC1D,YAAA,KAAK,IAAI,KAAK,GAAG,GAAG,CAAC;SACtB;AAAM,aAAA,IAAI,KAAK,CAAC,cAAc,CAA2B,KAAK,CAAC,EAAE;YAChE,KAAK,IAAI,gBAAgB,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,GAAG,CAAC;SACvD;AACH,KAAC,CAAC,CAAC;AACH,IAAA,OAAO,KAAK,CAAC,IAAI,EAAE,CAAC;AACtB,EAAE;AAEW,MAAA,QAAQ,GAAqC;AACxD,IAAA,WAAW,EAAE,CAAC,YAAY,EAAE,EAAE,CAAC;AAC/B,IAAA,MAAM,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC;EACtB;AAEK,MAAM,qBAAqB,GAAG,CACnC,OAA8B,EAC9B,GAA6C,EAC7C,OAAA,GAAmB,IAAI,KACrB;AACF,IAAA,MAAM,CAAC,OAAO,EAAE,OAAO,CAAC,GAAG,GAAG,CAAC;IAC/B,OAAO,OAAO,CAAC,aAAa,CAC1B,IAAI,aAAa,CAAC,SAAS,EAAE;AAC3B,QAAA,GAAG,EAAE,OAAO;AACZ,QAAA,IAAI,EAAE,OAAO;AACb,QAAA,OAAO,EAAE,OAAO;AAChB,QAAA,KAAK,EAAE,OAAO;QACd,OAAO;AACR,KAAA,CAAC,CACH,CAAC;AACJ,EAAE;AAEW,MAAA,uBAAuB,GAAG,CAAC,OAAgB,KAAI;IAC1D,OAAO,OAAO,CAAC,YAAY,CAAC,WAAW,CAAC,KAAK,iBAAiB,CAAC;AACjE,EAAE;AAEW,MAAA,oBAAoB,GAAG,CAAC,OAAgB,KAAI;AACvD,IAAA,OAAO,OAAO,CAAC,YAAY,CAAC,iBAAiB,CAAC,CAAC;AACjD;;;;;;;;;"}

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

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+export declare const getMatch: (value?: string, children?: ReactNode, search?: string) => boolean;
+export declare const getChildrenValue: (children?: ReactNode) => string;
+export declare const KEYCODES: Record<string, [string, number]>;
+export declare const dispatchKeyboardEvent: (element: Element | EventTarget, key: (typeof KEYCODES)[keyof typeof KEYCODES], bubbles?: boolean) => boolean;
+export declare const isElementSubMenuTrigger: (element: Element) => boolean;
+export declare const isElementSubMenuOpen: (element: Element) => boolean;
+//# sourceMappingURL=utils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../components/menu/utils.ts"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,eAAO,MAAM,QAAQ,WACX,MAAM,aACH,SAAS,WACX,MAAM,YAShB,CAAC;AAEF,eAAO,MAAM,gBAAgB,cAAe,SAAS,WAYpD,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAGrD,CAAC;AAEF,eAAO,MAAM,qBAAqB,YACvB,OAAO,GAAG,WAAW,OACzB,CAAC,eAAe,CAAC,CAAC,MAAM,eAAe,CAAC,YACpC,OAAO,YAYjB,CAAC;AAEF,eAAO,MAAM,uBAAuB,YAAa,OAAO,YAEvD,CAAC;AAEF,eAAO,MAAM,oBAAoB,YAAa,OAAO,YAEpD,CAAC"}

package/dist/components/menu/utils.js

@@ -0,0 +1,46 @@
+import React__default from 'react';
+
+const getMatch = (value, children, search) => {
+    if (!search?.length)
+        return true;
+    const childrenValue = getChildrenValue(children)?.toLowerCase();
+    return !!(value?.toLowerCase().includes(search.toLowerCase()) ||
+        childrenValue?.includes(search.toLowerCase()));
+};
+const getChildrenValue = (children) => {
+    let value = '';
+    if (!children)
+        return value;
+    React__default.Children.forEach(children, child => {
+        if (typeof child === 'string' || typeof child === 'number') {
+            value += child + ' ';
+        }
+        else if (React__default.isValidElement(child)) {
+            value += getChildrenValue(child.props.children) + ' ';
+        }
+    });
+    return value.trim();
+};
+const KEYCODES = {
+    ARROW_RIGHT: ['ArrowRight', 39],
+    ESCAPE: ['Escape', 27]
+};
+const dispatchKeyboardEvent = (element, key, bubbles = true) => {
+    const [keyName, keyCode] = key;
+    return element.dispatchEvent(new KeyboardEvent('keydown', {
+        key: keyName,
+        code: keyName,
+        keyCode: keyCode,
+        which: keyCode,
+        bubbles
+    }));
+};
+const isElementSubMenuTrigger = (element) => {
+    return element.getAttribute('data-slot') === 'menu-subtrigger';
+};
+const isElementSubMenuOpen = (element) => {
+    return element.hasAttribute('data-popup-open');
+};
+
+export { KEYCODES, dispatchKeyboardEvent, getChildrenValue, getMatch, isElementSubMenuOpen, isElementSubMenuTrigger };
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../components/menu/utils.ts"],"sourcesContent":["import React, { ReactNode } from 'react';\n\nexport const getMatch = (\n  value?: string,\n  children?: ReactNode,\n  search?: string\n) => {\n  if (!search?.length) return true;\n  const childrenValue = getChildrenValue(children)?.toLowerCase();\n\n  return !!(\n    value?.toLowerCase().includes(search.toLowerCase()) ||\n    childrenValue?.includes(search.toLowerCase())\n  );\n};\n\nexport const getChildrenValue = (children?: ReactNode) => {\n  let value = '';\n  if (!children) return value;\n\n  React.Children.forEach(children, child => {\n    if (typeof child === 'string' || typeof child === 'number') {\n      value += child + ' ';\n    } else if (React.isValidElement<{ children?: ReactNode }>(child)) {\n      value += getChildrenValue(child.props.children) + ' ';\n    }\n  });\n  return value.trim();\n};\n\nexport const KEYCODES: Record<string, [string, number]> = {\n  ARROW_RIGHT: ['ArrowRight', 39],\n  ESCAPE: ['Escape', 27]\n};\n\nexport const dispatchKeyboardEvent = (\n  element: Element | EventTarget,\n  key: (typeof KEYCODES)[keyof typeof KEYCODES],\n  bubbles: boolean = true\n) => {\n  const [keyName, keyCode] = key;\n  return element.dispatchEvent(\n    new KeyboardEvent('keydown', {\n      key: keyName,\n      code: keyName,\n      keyCode: keyCode,\n      which: keyCode,\n      bubbles\n    })\n  );\n};\n\nexport const isElementSubMenuTrigger = (element: Element) => {\n  return element.getAttribute('data-slot') === 'menu-subtrigger';\n};\n\nexport const isElementSubMenuOpen = (element: Element) => {\n  return element.hasAttribute('data-popup-open');\n};\n"],"names":["React"],"mappings":";;AAEa,MAAA,QAAQ,GAAG,CACtB,KAAc,EACd,QAAoB,EACpB,MAAe,KACb;IACF,IAAI,CAAC,MAAM,EAAE,MAAM;AAAE,QAAA,OAAO,IAAI,CAAC;IACjC,MAAM,aAAa,GAAG,gBAAgB,CAAC,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAC;AAEhE,IAAA,OAAO,CAAC,EACN,KAAK,EAAE,WAAW,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC;QACnD,aAAa,EAAE,QAAQ,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC,CAC9C,CAAC;AACJ,EAAE;AAEW,MAAA,gBAAgB,GAAG,CAAC,QAAoB,KAAI;IACvD,IAAI,KAAK,GAAG,EAAE,CAAC;AACf,IAAA,IAAI,CAAC,QAAQ;AAAE,QAAA,OAAO,KAAK,CAAC;IAE5BA,cAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,EAAE,KAAK,IAAG;QACvC,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;AAC1D,YAAA,KAAK,IAAI,KAAK,GAAG,GAAG,CAAC;SACtB;AAAM,aAAA,IAAIA,cAAK,CAAC,cAAc,CAA2B,KAAK,CAAC,EAAE;YAChE,KAAK,IAAI,gBAAgB,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,GAAG,CAAC;SACvD;AACH,KAAC,CAAC,CAAC;AACH,IAAA,OAAO,KAAK,CAAC,IAAI,EAAE,CAAC;AACtB,EAAE;AAEW,MAAA,QAAQ,GAAqC;AACxD,IAAA,WAAW,EAAE,CAAC,YAAY,EAAE,EAAE,CAAC;AAC/B,IAAA,MAAM,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC;EACtB;AAEK,MAAM,qBAAqB,GAAG,CACnC,OAA8B,EAC9B,GAA6C,EAC7C,OAAA,GAAmB,IAAI,KACrB;AACF,IAAA,MAAM,CAAC,OAAO,EAAE,OAAO,CAAC,GAAG,GAAG,CAAC;IAC/B,OAAO,OAAO,CAAC,aAAa,CAC1B,IAAI,aAAa,CAAC,SAAS,EAAE;AAC3B,QAAA,GAAG,EAAE,OAAO;AACZ,QAAA,IAAI,EAAE,OAAO;AACb,QAAA,OAAO,EAAE,OAAO;AAChB,QAAA,KAAK,EAAE,OAAO;QACd,OAAO;AACR,KAAA,CAAC,CACH,CAAC;AACJ,EAAE;AAEW,MAAA,uBAAuB,GAAG,CAAC,OAAgB,KAAI;IAC1D,OAAO,OAAO,CAAC,YAAY,CAAC,WAAW,CAAC,KAAK,iBAAiB,CAAC;AACjE,EAAE;AAEW,MAAA,oBAAoB,GAAG,CAAC,OAAgB,KAAI;AACvD,IAAA,OAAO,OAAO,CAAC,YAAY,CAAC,iBAAiB,CAAC,CAAC;AACjD;;;;"}

package/dist/components/popover/popover.cjs

@@ -2,17 +2,18 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
+var react = require('@base-ui/react');
 var classVarianceAuthority = require('class-variance-authority');
-var radixUi = require('radix-ui');
 var React = require('react');
 var popover_module = require('./popover.module.css.cjs');
 
-const popoverContent = classVarianceAuthority.cva(popover_module.default.popover);
-const PopoverContent = React.forwardRef(({ className, align = 'center', sideOffset = 4, ariaLabel = 'Popover content', collisionPadding = 3, ...props }, ref) => (jsxRuntime.jsx(radixUi.Popover.Portal, { children: jsxRuntime.jsx(radixUi.Popover.Content, { ref: ref, align: align, sideOffset: sideOffset, collisionPadding: collisionPadding, avoidCollisions: true, className: popoverContent({ className }), role: 'dialog', "aria-modal": 'true', "aria-label": ariaLabel, ...props, children: props.children }) })));
-PopoverContent.displayName = radixUi.Popover.Content.displayName;
-const Popover = Object.assign(radixUi.Popover.Root, {
-    Trigger: radixUi.Popover.Trigger,
-    Close: radixUi.Popover.Close,
+const PopoverContent = React.forwardRef(({ initialFocus, finalFocus, className, style, render, children, ...positionerProps }, ref) => {
+    return (jsxRuntime.jsx(react.Popover.Portal, { children: jsxRuntime.jsx(react.Popover.Positioner, { sideOffset: 4, collisionPadding: 3, className: popover_module.default.popoverPositioner, ...positionerProps, children: jsxRuntime.jsx(react.Popover.Popup, { ref: ref, className: classVarianceAuthority.cx(popover_module.default.popover, className), render: render, initialFocus: initialFocus, finalFocus: finalFocus, style: style, children: children }) }) }));
+});
+PopoverContent.displayName = 'Popover.Content';
+const Popover = Object.assign(react.Popover.Root, {
+    Trigger: react.Popover.Trigger,
+    Close: react.Popover.Close,
     Content: PopoverContent
 });
 

package/dist/components/popover/popover.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"popover.cjs","sources":["../../../components/popover/popover.tsx"],"sourcesContent":["'use client';\n\nimport { cva } from 'class-variance-authority';\nimport { Popover as PopoverPrimitive } from 'radix-ui';\nimport React from 'react';\n\nimport styles from './popover.module.css';\n\nconst popoverContent = cva(styles.popover);\n\nexport interface PopoverContentProps\n  extends React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content> {\n  ariaLabel?: string;\n}\n\nconst PopoverContent = React.forwardRef<\n  React.ElementRef<typeof PopoverPrimitive.Content>,\n  PopoverContentProps\n>(\n  (\n    {\n      className,\n      align = 'center',\n      sideOffset = 4,\n      ariaLabel = 'Popover content',\n      collisionPadding = 3,\n      ...props\n    },\n    ref\n  ) => (\n    <PopoverPrimitive.Portal>\n      <PopoverPrimitive.Content\n        ref={ref}\n        align={align}\n        sideOffset={sideOffset}\n        collisionPadding={collisionPadding}\n        avoidCollisions\n        className={popoverContent({ className })}\n        role='dialog'\n        aria-modal='true'\n        aria-label={ariaLabel}\n        {...props}\n      >\n        {props.children}\n      </PopoverPrimitive.Content>\n    </PopoverPrimitive.Portal>\n  )\n);\nPopoverContent.displayName = PopoverPrimitive.Content.displayName;\n\nexport const Popover = Object.assign(PopoverPrimitive.Root, {\n  Trigger: PopoverPrimitive.Trigger,\n  Close: PopoverPrimitive.Close,\n  Content: PopoverContent\n});\n"],"names":[],"mappings":";;;;;;;;;AAQA;AAOA;AAiCA;AAEa;;;AAGX;AACD;;"}
+{"version":3,"file":"popover.cjs","sources":["../../../components/popover/popover.tsx"],"sourcesContent":["'use client';\n\nimport { Popover as PopoverPrimitive } from '@base-ui/react';\nimport { cx } from 'class-variance-authority';\nimport { ElementRef, forwardRef } from 'react';\nimport styles from './popover.module.css';\n\nexport interface PopoverContentProps\n  extends Omit<\n      PopoverPrimitive.Positioner.Props,\n      'render' | 'className' | 'style'\n    >,\n    PopoverPrimitive.Popup.Props {}\n\nconst PopoverContent = forwardRef<\n  ElementRef<typeof PopoverPrimitive.Popup>,\n  PopoverContentProps\n>(\n  (\n    {\n      initialFocus,\n      finalFocus,\n      className,\n      style,\n      render,\n      children,\n      ...positionerProps\n    },\n    ref\n  ) => {\n    return (\n      <PopoverPrimitive.Portal>\n        <PopoverPrimitive.Positioner\n          sideOffset={4}\n          collisionPadding={3}\n          className={styles.popoverPositioner}\n          {...positionerProps}\n        >\n          <PopoverPrimitive.Popup\n            ref={ref}\n            className={cx(styles.popover, className)}\n            render={render}\n            initialFocus={initialFocus}\n            finalFocus={finalFocus}\n            style={style}\n          >\n            {children}\n          </PopoverPrimitive.Popup>\n        </PopoverPrimitive.Positioner>\n      </PopoverPrimitive.Portal>\n    );\n  }\n);\nPopoverContent.displayName = 'Popover.Content';\n\nexport const Popover = Object.assign(PopoverPrimitive.Root, {\n  Trigger: PopoverPrimitive.Trigger,\n  Close: PopoverPrimitive.Close,\n  Content: PopoverContent\n});\n"],"names":[],"mappings":";;;;;;;;;AAcA;AAgBI;AAqBF;AAEF;AAEa;;;AAGX;AACD;;"}

package/dist/components/popover/popover.d.ts

@@ -1,11 +1,9 @@
-import { Popover as PopoverPrimitive } from 'radix-ui';
-import React from 'react';
-export interface PopoverContentProps extends React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content> {
-    ariaLabel?: string;
+import { Popover as PopoverPrimitive } from '@base-ui/react';
+export interface PopoverContentProps extends Omit<PopoverPrimitive.Positioner.Props, 'render' | 'className' | 'style'>, PopoverPrimitive.Popup.Props {
 }
-export declare const Popover: React.FC<PopoverPrimitive.PopoverProps> & {
-    Trigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-    Close: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverCloseProps & React.RefAttributes<HTMLButtonElement>>;
-    Content: React.ForwardRefExoticComponent<PopoverContentProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Popover: typeof PopoverPrimitive.Root & {
+    Trigger: PopoverPrimitive.Trigger;
+    Close: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").PopoverCloseProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    Content: import("react").ForwardRefExoticComponent<Omit<PopoverContentProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 };
 //# sourceMappingURL=popover.d.ts.map