@cdx-ui/primitives 0.0.1-beta.159 → 0.0.1-beta.160

package/lib/module/menu/MenuPopup.js

@@ -0,0 +1,74 @@
+"use strict";
+
+import { forwardRef } from 'react';
+import { View } from 'react-native';
+import { FadeIn, FadeOut } from 'react-native-reanimated';
+import { composeEventHandlers, mergeRefs } from '@cdx-ui/utils';
+import { OverlayContainer, useAnchoredOverlay, useDismissOverlay, useEscapeKey } from '../overlay';
+import { Slot } from '../slot';
+import { dataAttributes, mergeDataAttributes } from '../utils/dataAttributes';
+import { MenuPopupProvider, useMenuOverlayContext } from './overlayContext';
+import { useMenuOverlayCloseFocus } from './useMenuOverlayLifecycle';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const MenuPopup = /*#__PURE__*/forwardRef(({
+  asChild,
+  children,
+  onLayout,
+  style,
+  ...props
+}, ref) => {
+  const overlay = useMenuOverlayContext();
+  const {
+    open,
+    closeMenu,
+    triggerRef,
+    placement,
+    offset,
+    crossOffset
+  } = overlay;
+  const dismiss = () => closeMenu('outside');
+  const {
+    floatingRef,
+    onFloatingLayout,
+    style: overlayStyle,
+    position
+  } = useAnchoredOverlay(triggerRef, open, {
+    placement,
+    offset,
+    crossOffset,
+    collisionBehavior: 'flip-shift',
+    width: 'content'
+  });
+  useDismissOverlay(open, floatingRef, [triggerRef], dismiss);
+  useEscapeKey(open, () => closeMenu('escape'));
+  useMenuOverlayCloseFocus(overlay);
+  if (!open) {
+    return null;
+  }
+  const Comp = asChild ? Slot : View;
+  return /*#__PURE__*/_jsx(MenuPopupProvider, {
+    value: {
+      availableHeight: position?.availableHeight,
+      availableWidth: position?.availableWidth
+    },
+    children: /*#__PURE__*/_jsx(OverlayContainer, {
+      onDismiss: dismiss,
+      entering: FadeIn.duration(150),
+      exiting: FadeOut.duration(100),
+      children: /*#__PURE__*/_jsx(Comp, {
+        ref: mergeRefs(ref, floatingRef),
+        onLayout: composeEventHandlers(onLayout, onFloatingLayout),
+        style: [style, overlayStyle],
+        ...props,
+        ...mergeDataAttributes(props, dataAttributes({
+          slot: 'menu-popup',
+          side: position?.resolvedPlacement.side,
+          align: position?.resolvedPlacement.align
+        })),
+        children: children
+      })
+    })
+  });
+});
+MenuPopup.displayName = 'MenuPopup';
+//# sourceMappingURL=MenuPopup.js.map

package/lib/module/menu/MenuPopup.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","View","FadeIn","FadeOut","composeEventHandlers","mergeRefs","OverlayContainer","useAnchoredOverlay","useDismissOverlay","useEscapeKey","Slot","dataAttributes","mergeDataAttributes","MenuPopupProvider","useMenuOverlayContext","useMenuOverlayCloseFocus","jsx","_jsx","MenuPopup","asChild","children","onLayout","style","props","ref","overlay","open","closeMenu","triggerRef","placement","offset","crossOffset","dismiss","floatingRef","onFloatingLayout","overlayStyle","position","collisionBehavior","width","Comp","value","availableHeight","availableWidth","onDismiss","entering","duration","exiting","slot","side","resolvedPlacement","align","displayName"],"sourceRoot":"../../../src","sources":["menu/MenuPopup.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAA2B,OAAO;AACrD,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,MAAM,EAAEC,OAAO,QAAQ,yBAAyB;AACzD,SAASC,oBAAoB,EAAEC,SAAS,QAAQ,eAAe;AAC/D,SAASC,gBAAgB,EAAEC,kBAAkB,EAAEC,iBAAiB,EAAEC,YAAY,QAAQ,YAAY;AAClG,SAASC,IAAI,QAAQ,SAAS;AAC9B,SAASC,cAAc,EAAEC,mBAAmB,QAAQ,yBAAyB;AAC7E,SAASC,iBAAiB,EAAEC,qBAAqB,QAAQ,kBAAkB;AAE3E,SAASC,wBAAwB,QAAQ,2BAA2B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAOrE,OAAO,MAAMC,SAAS,gBAAGlB,UAAU,CACjC,CAAC;EAAEmB,OAAO;EAAEC,QAAQ;EAAEC,QAAQ;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACzD,MAAMC,OAAO,GAAGX,qBAAqB,CAAC,CAAC;EACvC,MAAM;IAAEY,IAAI;IAAEC,SAAS;IAAEC,UAAU;IAAEC,SAAS;IAAEC,MAAM;IAAEC;EAAY,CAAC,GAAGN,OAAO;EAE/E,MAAMO,OAAO,GAAGA,CAAA,KAAML,SAAS,CAAC,SAAS,CAAC;EAE1C,MAAM;IACJM,WAAW;IACXC,gBAAgB;IAChBZ,KAAK,EAAEa,YAAY;IACnBC;EACF,CAAC,GAAG7B,kBAAkB,CAACqB,UAAU,EAAEF,IAAI,EAAE;IACvCG,SAAS;IACTC,MAAM;IACNC,WAAW;IACXM,iBAAiB,EAAE,YAAY;IAC/BC,KAAK,EAAE;EACT,CAAC,CAAC;EAEF9B,iBAAiB,CAACkB,IAAI,EAAEO,WAAW,EAAE,CAACL,UAAU,CAAC,EAAEI,OAAO,CAAC;EAC3DvB,YAAY,CAACiB,IAAI,EAAE,MAAMC,SAAS,CAAC,QAAQ,CAAC,CAAC;EAC7CZ,wBAAwB,CAACU,OAAO,CAAC;EAEjC,IAAI,CAACC,IAAI,EAAE;IACT,OAAO,IAAI;EACb;EAEA,MAAMa,IAAI,GAAGpB,OAAO,GAAGT,IAAI,GAAGT,IAAI;EAElC,oBACEgB,IAAA,CAACJ,iBAAiB;IAChB2B,KAAK,EAAE;MACLC,eAAe,EAAEL,QAAQ,EAAEK,eAAe;MAC1CC,cAAc,EAAEN,QAAQ,EAAEM;IAC5B,CAAE;IAAAtB,QAAA,eAEFH,IAAA,CAACX,gBAAgB;MACfqC,SAAS,EAAEX,OAAQ;MACnBY,QAAQ,EAAE1C,MAAM,CAAC2C,QAAQ,CAAC,GAAG,CAAE;MAC/BC,OAAO,EAAE3C,OAAO,CAAC0C,QAAQ,CAAC,GAAG,CAAE;MAAAzB,QAAA,eAE/BH,IAAA,CAACsB,IAAI;QACHf,GAAG,EAAEnB,SAAS,CAACmB,GAAG,EAAES,WAAW,CAAE;QACjCZ,QAAQ,EAAEjB,oBAAoB,CAACiB,QAAQ,EAAEa,gBAAgB,CAAE;QAC3DZ,KAAK,EAAE,CAACA,KAAK,EAAEa,YAAY,CAAE;QAAA,GACzBZ,KAAK;QAAA,GACLX,mBAAmB,CACrBW,KAAK,EACLZ,cAAc,CAAC;UACboC,IAAI,EAAE,YAAY;UAClBC,IAAI,EAAEZ,QAAQ,EAAEa,iBAAiB,CAACD,IAAI;UACtCE,KAAK,EAAEd,QAAQ,EAAEa,iBAAiB,CAACC;QACrC,CAAC,CACH,CAAC;QAAA9B,QAAA,EAEAA;MAAQ,CACL;IAAC,CACS;EAAC,CACF,CAAC;AAExB,CACF,CAAC;AAEDF,SAAS,CAACiC,WAAW,GAAG,WAAW","ignoreList":[]}

package/lib/module/menu/MenuRadioGroup.js

@@ -0,0 +1,44 @@
+"use strict";
+
+import { forwardRef, useCallback, useMemo } from 'react';
+import { View } from 'react-native';
+import { useControllableState } from '@cdx-ui/utils';
+import { Slot } from '../slot';
+import { MenuRadioGroupProvider } from './context';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const MenuRadioGroup = /*#__PURE__*/forwardRef(({
+  asChild,
+  children,
+  value: valueProp,
+  defaultValue,
+  onChange,
+  ...props
+}, ref) => {
+  const [value, setValueState] = useControllableState({
+    prop: valueProp,
+    defaultProp: defaultValue
+  });
+  const setValue = useCallback(nextValue => {
+    if (nextValue === value) {
+      return;
+    }
+    setValueState(nextValue);
+    onChange?.(nextValue);
+  }, [onChange, setValueState, value]);
+  const contextValue = useMemo(() => ({
+    value,
+    setValue
+  }), [setValue, value]);
+  const Comp = asChild ? Slot : View;
+  return /*#__PURE__*/_jsx(MenuRadioGroupProvider, {
+    value: contextValue,
+    children: /*#__PURE__*/_jsx(Comp, {
+      ref: ref,
+      role: "group",
+      ...props,
+      children: children
+    })
+  });
+});
+MenuRadioGroup.displayName = 'MenuRadioGroup';
+//# sourceMappingURL=MenuRadioGroup.js.map

package/lib/module/menu/MenuRadioGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useCallback","useMemo","View","useControllableState","Slot","MenuRadioGroupProvider","jsx","_jsx","MenuRadioGroup","asChild","children","value","valueProp","defaultValue","onChange","props","ref","setValueState","prop","defaultProp","setValue","nextValue","contextValue","Comp","role","displayName"],"sourceRoot":"../../../src","sources":["menu/MenuRadioGroup.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,WAAW,EAAEC,OAAO,QAA2B,OAAO;AAC3E,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,oBAAoB,QAAQ,eAAe;AACpD,SAASC,IAAI,QAAQ,SAAS;AAC9B,SAASC,sBAAsB,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQnD,OAAO,MAAMC,cAAc,gBAAGT,UAAU,CACtC,CAAC;EAAEU,OAAO;EAAEC,QAAQ;EAAEC,KAAK,EAAEC,SAAS;EAAEC,YAAY;EAAEC,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAClF,MAAM,CAACL,KAAK,EAAEM,aAAa,CAAC,GAAGd,oBAAoB,CAAS;IAC1De,IAAI,EAAEN,SAAS;IACfO,WAAW,EAAEN;EACf,CAAC,CAAC;EACF,MAAMO,QAAQ,GAAGpB,WAAW,CACzBqB,SAAiB,IAAK;IACrB,IAAIA,SAAS,KAAKV,KAAK,EAAE;MACvB;IACF;IACAM,aAAa,CAACI,SAAS,CAAC;IACxBP,QAAQ,GAAGO,SAAS,CAAC;EACvB,CAAC,EACD,CAACP,QAAQ,EAAEG,aAAa,EAAEN,KAAK,CACjC,CAAC;EACD,MAAMW,YAAY,GAAGrB,OAAO,CAC1B,OAAO;IACLU,KAAK;IACLS;EACF,CAAC,CAAC,EACF,CAACA,QAAQ,EAAET,KAAK,CAClB,CAAC;EACD,MAAMY,IAAI,GAAGd,OAAO,GAAGL,IAAI,GAAGF,IAAI;EAElC,oBACEK,IAAA,CAACF,sBAAsB;IAACM,KAAK,EAAEW,YAAa;IAAAZ,QAAA,eAC1CH,IAAA,CAACgB,IAAI;MAACP,GAAG,EAAEA,GAAI;MAACQ,IAAI,EAAC,OAAO;MAAA,GAAKT,KAAK;MAAAL,QAAA,EACnCA;IAAQ,CACL;EAAC,CACe,CAAC;AAE7B,CACF,CAAC;AAEDF,cAAc,CAACiB,WAAW,GAAG,gBAAgB","ignoreList":[]}

package/lib/module/menu/MenuRadioItem.js

@@ -0,0 +1,28 @@
+"use strict";
+
+import { forwardRef } from 'react';
+import { composeEventHandlers } from '@cdx-ui/utils';
+import { useMenuRadioGroupContext } from './context';
+import { MenuItem } from './MenuItem';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const MenuRadioItem = /*#__PURE__*/forwardRef(({
+  asChild,
+  children,
+  value,
+  onPress,
+  ...props
+}, ref) => {
+  const radioGroup = useMenuRadioGroupContext();
+  const checked = radioGroup.value === value;
+  return /*#__PURE__*/_jsx(MenuItem, {
+    ref: ref,
+    asChild: asChild,
+    itemRole: "menuitemradio",
+    isChecked: checked,
+    onPress: composeEventHandlers(onPress, () => radioGroup.setValue(value)),
+    ...props,
+    children: children
+  });
+});
+MenuRadioItem.displayName = 'MenuRadioItem';
+//# sourceMappingURL=MenuRadioItem.js.map

package/lib/module/menu/MenuRadioItem.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","composeEventHandlers","useMenuRadioGroupContext","MenuItem","jsx","_jsx","MenuRadioItem","asChild","children","value","onPress","props","ref","radioGroup","checked","itemRole","isChecked","setValue","displayName"],"sourceRoot":"../../../src","sources":["menu/MenuRadioItem.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAA2B,OAAO;AAErD,SAASC,oBAAoB,QAAQ,eAAe;AACpD,SAASC,wBAAwB,QAAQ,WAAW;AACpD,SAASC,QAAQ,QAAQ,YAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAOtC,OAAO,MAAMC,aAAa,gBAAGN,UAAU,CACrC,CAAC;EAAEO,OAAO;EAAEC,QAAQ;EAAEC,KAAK;EAAEC,OAAO;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACxD,MAAMC,UAAU,GAAGX,wBAAwB,CAAC,CAAC;EAC7C,MAAMY,OAAO,GAAGD,UAAU,CAACJ,KAAK,KAAKA,KAAK;EAE1C,oBACEJ,IAAA,CAACF,QAAQ;IACPS,GAAG,EAAEA,GAAI;IACTL,OAAO,EAAEA,OAAQ;IACjBQ,QAAQ,EAAC,eAAe;IACxBC,SAAS,EAAEF,OAAQ;IACnBJ,OAAO,EAAET,oBAAoB,CAACS,OAAO,EAAE,MAAMG,UAAU,CAACI,QAAQ,CAACR,KAAK,CAAC,CAAE;IAAA,GACrEE,KAAK;IAAAH,QAAA,EAERA;EAAQ,CACD,CAAC;AAEf,CACF,CAAC;AAEDF,aAAa,CAACY,WAAW,GAAG,eAAe","ignoreList":[]}

package/lib/module/menu/MenuRoot.js

@@ -0,0 +1,135 @@
+"use strict";
+
+import { forwardRef, useCallback, useId, useMemo, useRef, useState } from 'react';
+import { Platform, View } from 'react-native';
+import { composeEventHandlers, mergeRefs } from '@cdx-ui/utils';
+import { Slot } from '../slot';
+import { dataAttributes, mergeDataAttributes } from '../utils/dataAttributes';
+import { MenuProvider } from './context';
+import { useOptionalMenuOverlayContext } from './overlayContext';
+import { useMenuNavigation } from './useMenuNavigation';
+import { useMenuOverlayOpenFocus } from './useMenuOverlayLifecycle';
+import { jsx as _jsx } from "react/jsx-runtime";
+function getItemsInRenderedOrder(items) {
+  const entries = Array.from(items.entries());
+  if (Platform.OS !== 'web' || typeof Node === 'undefined') {
+    return entries;
+  }
+  return entries.sort(([, first], [, second]) => {
+    const firstNode = first.node;
+    const secondNode = second.node;
+    if (!firstNode?.compareDocumentPosition || !secondNode) {
+      return 0;
+    }
+    const position = firstNode.compareDocumentPosition(secondNode);
+    if (position & Node.DOCUMENT_POSITION_FOLLOWING) {
+      return -1;
+    }
+    if (position & Node.DOCUMENT_POSITION_PRECEDING) {
+      return 1;
+    }
+    return 0;
+  });
+}
+export const MenuRoot = /*#__PURE__*/forwardRef(({
+  asChild,
+  children,
+  scrollable,
+  asSurface = false,
+  onEscape,
+  ...props
+}, ref) => {
+  const overlay = useOptionalMenuOverlayContext();
+  const itemsRef = useRef(new Map());
+  const [focusedItemId, setFocusedItemId] = useState(undefined);
+  const registerItem = useCallback((itemId, entry) => {
+    itemsRef.current.set(itemId, entry);
+    if (!overlay && !entry.disabled) {
+      setFocusedItemId(previous => previous ?? itemId);
+    }
+  }, [overlay]);
+  const unregisterItem = useCallback(itemId => {
+    itemsRef.current.delete(itemId);
+    setFocusedItemId(previous => {
+      if (previous !== itemId) {
+        return previous;
+      }
+      if (overlay) {
+        return undefined;
+      }
+      return getItemsInRenderedOrder(itemsRef.current).find(([, entry]) => !entry.disabled)?.[0];
+    });
+  }, [overlay]);
+  const getItems = useCallback(() => getItemsInRenderedOrder(itemsRef.current), []);
+  const reactId = useId();
+  const localMenuId = `menu-${reactId}`;
+  const menuId = overlay?.menuId ?? localMenuId;
+  const dismissOverlay = useCallback(() => {
+    overlay?.closeMenu('programmatic');
+  }, [overlay]);
+  const handleEscape = useCallback(() => {
+    if (overlay) {
+      overlay.closeMenu('escape');
+    }
+    onEscape?.();
+  }, [overlay, onEscape]);
+  const handleTab = useCallback(() => {
+    if (!overlay) {
+      return;
+    }
+    if (Platform.OS === 'web') {
+      overlay.triggerRef.current?.focus?.();
+    }
+    overlay.closeMenu('tab');
+  }, [overlay]);
+  const {
+    handleKeyDown
+  } = useMenuNavigation({
+    getItems,
+    focusedItemId,
+    setFocusedItemId,
+    onEscape: handleEscape,
+    onTab: handleTab
+  });
+  useMenuOverlayOpenFocus({
+    overlay,
+    getItems,
+    setFocusedItemId
+  });
+  const contextValue = useMemo(() => ({
+    menuId,
+    registerItem,
+    unregisterItem,
+    getItems,
+    focusedItemId,
+    setFocusedItemId,
+    onEscape: handleEscape,
+    closeOnSelect: !!overlay,
+    dismissOverlay: overlay?.closeMenu ?? dismissOverlay
+  }), [menuId, registerItem, unregisterItem, getItems, focusedItemId, setFocusedItemId, handleEscape, overlay, dismissOverlay]);
+  const webProps = Platform.OS === 'web' && !asSurface ? {
+    onKeyDown: composeEventHandlers(props.onKeyDown, handleKeyDown),
+    ...(overlay ? {
+      tabIndex: -1
+    } : {})
+  } : {};
+  const mergedRef = overlay ? mergeRefs(ref, overlay.contentRef) : ref;
+  const Comp = asChild ? Slot : View;
+  return /*#__PURE__*/_jsx(MenuProvider, {
+    value: contextValue,
+    children: /*#__PURE__*/_jsx(Comp, {
+      ref: mergedRef,
+      id: overlay && !asSurface ? menuId : undefined,
+      role: asSurface ? undefined : 'menu',
+      "aria-labelledby": overlay && !asSurface ? overlay.triggerId : undefined,
+      ...props,
+      ...webProps,
+      ...mergeDataAttributes(props, dataAttributes({
+        scrollable: scrollable ? true : undefined
+      })),
+      children: children
+    })
+  });
+});
+MenuRoot.displayName = 'MenuRoot';
+//# sourceMappingURL=MenuRoot.js.map

package/lib/module/menu/MenuRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useCallback","useId","useMemo","useRef","useState","Platform","View","composeEventHandlers","mergeRefs","Slot","dataAttributes","mergeDataAttributes","MenuProvider","useOptionalMenuOverlayContext","useMenuNavigation","useMenuOverlayOpenFocus","jsx","_jsx","getItemsInRenderedOrder","items","entries","Array","from","OS","Node","sort","first","second","firstNode","node","secondNode","compareDocumentPosition","position","DOCUMENT_POSITION_FOLLOWING","DOCUMENT_POSITION_PRECEDING","MenuRoot","asChild","children","scrollable","asSurface","onEscape","props","ref","overlay","itemsRef","Map","focusedItemId","setFocusedItemId","undefined","registerItem","itemId","entry","current","set","disabled","previous","unregisterItem","delete","find","getItems","reactId","localMenuId","menuId","dismissOverlay","closeMenu","handleEscape","handleTab","triggerRef","focus","handleKeyDown","onTab","contextValue","closeOnSelect","webProps","onKeyDown","tabIndex","mergedRef","contentRef","Comp","value","id","role","triggerId","displayName"],"sourceRoot":"../../../src","sources":["menu/MenuRoot.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/menu/MenuTrigger.js

@@ -0,0 +1,55 @@
+"use strict";
+
+import { forwardRef } from 'react';
+import { Pressable } from 'react-native';
+import { Slot } from '../slot';
+import { dataAttributes, mergeDataAttributes } from '../utils/dataAttributes';
+import { useMenuTrigger } from './useMenuTrigger';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const MenuTrigger = /*#__PURE__*/forwardRef(({
+  asChild,
+  children,
+  onPress,
+  onHoverIn,
+  onHoverOut,
+  onFocus,
+  onBlur,
+  ...rest
+}, ref) => {
+  const {
+    ariaProps,
+    interactionState,
+    mergedRef,
+    handlers
+  } = useMenuTrigger(ref, {
+    asChild,
+    onPress,
+    onHoverIn,
+    onHoverOut,
+    onFocus: onFocus,
+    onBlur: onBlur,
+    onKeyDown: rest.onKeyDown
+  });
+  const Comp = asChild ? Slot : Pressable;
+  return /*#__PURE__*/_jsx(Comp, {
+    ref: mergedRef,
+    ...ariaProps,
+    ...rest,
+    ...mergeDataAttributes(rest, dataAttributes({
+      slot: 'menu-trigger',
+      hover: interactionState.hover,
+      focus: interactionState.focus,
+      disabled: interactionState.disabled,
+      state: ariaProps['aria-expanded'] ? 'open' : 'closed'
+    })),
+    onPress: handlers.onPress,
+    onHoverIn: handlers.onHoverIn,
+    onHoverOut: handlers.onHoverOut,
+    onFocus: handlers.onFocus,
+    onBlur: handlers.onBlur,
+    onKeyDown: handlers.onKeyDown,
+    children: children
+  });
+});
+MenuTrigger.displayName = 'MenuTrigger';
+//# sourceMappingURL=MenuTrigger.js.map

package/lib/module/menu/MenuTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","Pressable","Slot","dataAttributes","mergeDataAttributes","useMenuTrigger","jsx","_jsx","MenuTrigger","asChild","children","onPress","onHoverIn","onHoverOut","onFocus","onBlur","rest","ref","ariaProps","interactionState","mergedRef","handlers","onKeyDown","Comp","slot","hover","focus","disabled","state","displayName"],"sourceRoot":"../../../src","sources":["menu/MenuTrigger.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAA8D,OAAO;AACxF,SAASC,SAAS,QAAQ,cAAc;AACxC,SAASC,IAAI,QAAQ,SAAS;AAC9B,SAASC,cAAc,EAAEC,mBAAmB,QAAQ,yBAAyB;AAE7E,SAASC,cAAc,QAAQ,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAMlD,OAAO,MAAMC,WAAW,gBAAGR,UAAU,CACnC,CAAC;EAAES,OAAO;EAAEC,QAAQ;EAAEC,OAAO;EAAEC,SAAS;EAAEC,UAAU;EAAEC,OAAO;EAAEC,MAAM;EAAE,GAAGC;AAAK,CAAC,EAAEC,GAAG,KAAK;EACxF,MAAM;IAAEC,SAAS;IAAEC,gBAAgB;IAAEC,SAAS;IAAEC;EAAS,CAAC,GAAGhB,cAAc,CACzEY,GAAG,EACH;IACER,OAAO;IACPE,OAAO;IACPC,SAAS;IACTC,UAAU;IACVC,OAAO,EAAEA,OAA0C;IACnDC,MAAM,EAAEA,MAAyC;IACjDO,SAAS,EAAGN,IAAI,CAAgDM;EAClE,CACF,CAAC;EAED,MAAMC,IAAI,GAAGd,OAAO,GAAGP,IAAI,GAAGD,SAAS;EAEvC,oBACEM,IAAA,CAACgB,IAAI;IACHN,GAAG,EAAEG,SAAU;IAAA,GACXF,SAAS;IAAA,GACTF,IAAI;IAAA,GACJZ,mBAAmB,CACrBY,IAAI,EACJb,cAAc,CAAC;MACbqB,IAAI,EAAE,cAAc;MACpBC,KAAK,EAAEN,gBAAgB,CAACM,KAAK;MAC7BC,KAAK,EAAEP,gBAAgB,CAACO,KAAK;MAC7BC,QAAQ,EAAER,gBAAgB,CAACQ,QAAQ;MACnCC,KAAK,EAAEV,SAAS,CAAC,eAAe,CAAC,GAAG,MAAM,GAAG;IAC/C,CAAC,CACH,CAAC;IACDP,OAAO,EAAEU,QAAQ,CAACV,OAAQ;IAC1BC,SAAS,EAAES,QAAQ,CAACT,SAAU;IAC9BC,UAAU,EAAEQ,QAAQ,CAACR,UAAW;IAChCC,OAAO,EAAEO,QAAQ,CAACP,OAAQ;IAC1BC,MAAM,EAAEM,QAAQ,CAACN,MAAO;IACxBO,SAAS,EAAED,QAAQ,CAACC,SAAU;IAAAZ,QAAA,EAE7BA;EAAQ,CACL,CAAC;AAEX,CACF,CAAC;AAEDF,WAAW,CAACqB,WAAW,GAAG,aAAa","ignoreList":[]}

package/lib/module/menu/context.js

@@ -0,0 +1,27 @@
+"use strict";
+
+import { createContext as createReactContext, useContext } from 'react';
+import { createContext } from '@cdx-ui/utils';
+export const [MenuProvider, useMenuContext] = createContext('MenuContext');
+const MenuItemContext = /*#__PURE__*/createReactContext(null);
+export const MenuItemProvider = MenuItemContext.Provider;
+export function useMenuItemContext() {
+  const ctx = useContext(MenuItemContext);
+  if (!ctx) {
+    throw new Error('Menu item slot must be used within Menu.Item');
+  }
+  return ctx;
+}
+export function useOptionalMenuItemContext() {
+  return useContext(MenuItemContext);
+}
+const MenuRadioGroupContext = /*#__PURE__*/createReactContext(null);
+export const MenuRadioGroupProvider = MenuRadioGroupContext.Provider;
+export function useMenuRadioGroupContext() {
+  const ctx = useContext(MenuRadioGroupContext);
+  if (!ctx) {
+    throw new Error('Menu.RadioItem must be used within Menu.RadioGroup');
+  }
+  return ctx;
+}
+//# sourceMappingURL=context.js.map

package/lib/module/menu/context.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","createReactContext","useContext","MenuProvider","useMenuContext","MenuItemContext","MenuItemProvider","Provider","useMenuItemContext","ctx","Error","useOptionalMenuItemContext","MenuRadioGroupContext","MenuRadioGroupProvider","useMenuRadioGroupContext"],"sourceRoot":"../../../src","sources":["menu/context.tsx"],"mappings":";;AAAA,SAASA,aAAa,IAAIC,kBAAkB,EAAEC,UAAU,QAAQ,OAAO;AACvE,SAASF,aAAa,QAAQ,eAAe;AAG7C,OAAO,MAAM,CAACG,YAAY,EAAEC,cAAc,CAAC,GAAGJ,aAAa,CAAmB,aAAa,CAAC;AAE5F,MAAMK,eAAe,gBAAGJ,kBAAkB,CAAkC,IAAI,CAAC;AAEjF,OAAO,MAAMK,gBAAgB,GAAGD,eAAe,CAACE,QAAQ;AAExD,OAAO,SAASC,kBAAkBA,CAAA,EAA6B;EAC7D,MAAMC,GAAG,GAAGP,UAAU,CAACG,eAAe,CAAC;EACvC,IAAI,CAACI,GAAG,EAAE;IACR,MAAM,IAAIC,KAAK,CAAC,8CAA8C,CAAC;EACjE;EACA,OAAOD,GAAG;AACZ;AAEA,OAAO,SAASE,0BAA0BA,CAAA,EAAoC;EAC5E,OAAOT,UAAU,CAACG,eAAe,CAAC;AACpC;AAOA,MAAMO,qBAAqB,gBAAGX,kBAAkB,CAAoC,IAAI,CAAC;AAEzF,OAAO,MAAMY,sBAAsB,GAAGD,qBAAqB,CAACL,QAAQ;AAEpE,OAAO,SAASO,wBAAwBA,CAAA,EAA+B;EACrE,MAAML,GAAG,GAAGP,UAAU,CAACU,qBAAqB,CAAC;EAC7C,IAAI,CAACH,GAAG,EAAE;IACR,MAAM,IAAIC,KAAK,CAAC,oDAAoD,CAAC;EACvE;EACA,OAAOD,GAAG;AACZ","ignoreList":[]}

package/lib/module/menu/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+export { useMenuContext, useMenuItemContext, useMenuRadioGroupContext, useOptionalMenuItemContext } from './context';
+export { MenuPopupProvider, useMenuOverlayContext, useOptionalMenuPopupContext, useOptionalMenuOverlayContext, MenuOverlayProvider } from './overlayContext';
+export { MenuOverlayRoot } from './MenuOverlayRoot';
+export { MenuTrigger } from './MenuTrigger';
+export { MenuPopup } from './MenuPopup';
+export { MenuRoot } from './MenuRoot';
+export { MenuItem } from './MenuItem';
+export { MenuCheckboxItem } from './MenuCheckboxItem';
+export { MenuRadioGroup } from './MenuRadioGroup';
+export { MenuRadioItem } from './MenuRadioItem';
+//# sourceMappingURL=index.js.map

package/lib/module/menu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useMenuContext","useMenuItemContext","useMenuRadioGroupContext","useOptionalMenuItemContext","MenuPopupProvider","useMenuOverlayContext","useOptionalMenuPopupContext","useOptionalMenuOverlayContext","MenuOverlayProvider","MenuOverlayRoot","MenuTrigger","MenuPopup","MenuRoot","MenuItem","MenuCheckboxItem","MenuRadioGroup","MenuRadioItem"],"sourceRoot":"../../../src","sources":["menu/index.ts"],"mappings":";;AAeA,SACEA,cAAc,EACdC,kBAAkB,EAClBC,wBAAwB,EACxBC,0BAA0B,QACrB,WAAW;AAClB,SACEC,iBAAiB,EACjBC,qBAAqB,EACrBC,2BAA2B,EAC3BC,6BAA6B,EAC7BC,mBAAmB,QACd,kBAAkB;AACzB,SAASC,eAAe,QAAmC,mBAAmB;AAC9E,SAASC,WAAW,QAA+B,eAAe;AAClE,SAASC,SAAS,QAA6B,aAAa;AAC5D,SAASC,QAAQ,QAA4B,YAAY;AACzD,SAASC,QAAQ,QAA4B,YAAY;AACzD,SAASC,gBAAgB,QAAoC,oBAAoB;AACjF,SAASC,cAAc,QAAkC,kBAAkB;AAC3E,SAASC,aAAa,QAAiC,iBAAiB","ignoreList":[]}

package/lib/module/menu/overlayContext.js

@@ -0,0 +1,24 @@
+"use strict";
+
+import { createContext as createReactContext, useContext } from 'react';
+
+/** Where to place focus when an overlay menu opens. */
+
+const MenuOverlayContext = /*#__PURE__*/createReactContext(null);
+export const MenuOverlayProvider = MenuOverlayContext.Provider;
+export function useMenuOverlayContext() {
+  const ctx = useContext(MenuOverlayContext);
+  if (!ctx) {
+    throw new Error('Menu overlay slot must be used within Menu');
+  }
+  return ctx;
+}
+export function useOptionalMenuOverlayContext() {
+  return useContext(MenuOverlayContext);
+}
+const MenuPopupContext = /*#__PURE__*/createReactContext(null);
+export const MenuPopupProvider = MenuPopupContext.Provider;
+export function useOptionalMenuPopupContext() {
+  return useContext(MenuPopupContext);
+}
+//# sourceMappingURL=overlayContext.js.map

package/lib/module/menu/overlayContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","createReactContext","useContext","MenuOverlayContext","MenuOverlayProvider","Provider","useMenuOverlayContext","ctx","Error","useOptionalMenuOverlayContext","MenuPopupContext","MenuPopupProvider","useOptionalMenuPopupContext"],"sourceRoot":"../../../src","sources":["menu/overlayContext.tsx"],"mappings":";;AAAA,SACEA,aAAa,IAAIC,kBAAkB,EACnCC,UAAU,QAGL,OAAO;;AAKd;;AAuBA,MAAMC,kBAAkB,gBAAGF,kBAAkB,CAAiC,IAAI,CAAC;AAEnF,OAAO,MAAMG,mBAAmB,GAAGD,kBAAkB,CAACE,QAAQ;AAE9D,OAAO,SAASC,qBAAqBA,CAAA,EAA4B;EAC/D,MAAMC,GAAG,GAAGL,UAAU,CAACC,kBAAkB,CAAC;EAC1C,IAAI,CAACI,GAAG,EAAE;IACR,MAAM,IAAIC,KAAK,CAAC,4CAA4C,CAAC;EAC/D;EACA,OAAOD,GAAG;AACZ;AAEA,OAAO,SAASE,6BAA6BA,CAAA,EAAmC;EAC9E,OAAOP,UAAU,CAACC,kBAAkB,CAAC;AACvC;AAOA,MAAMO,gBAAgB,gBAAGT,kBAAkB,CAA+B,IAAI,CAAC;AAE/E,OAAO,MAAMU,iBAAiB,GAAGD,gBAAgB,CAACL,QAAQ;AAE1D,OAAO,SAASO,2BAA2BA,CAAA,EAAiC;EAC1E,OAAOV,UAAU,CAACQ,gBAAgB,CAAC;AACrC","ignoreList":[]}

package/lib/module/menu/types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=types.js.map

package/lib/module/menu/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["menu/types.ts"],"mappings":"","ignoreList":[]}

package/lib/module/menu/useMenuNavigation.js

@@ -0,0 +1,84 @@
+"use strict";
+
+import { useCallback, useRef } from 'react';
+
+// Web-only — native platforms rely on OS-managed sequential focus.
+
+export function useMenuNavigation({
+  getItems,
+  focusedItemId,
+  setFocusedItemId,
+  onEscape,
+  onTab
+}) {
+  const onEscapeRef = useRef(onEscape);
+  onEscapeRef.current = onEscape;
+  const onTabRef = useRef(onTab);
+  onTabRef.current = onTab;
+  const getEnabledItems = useCallback(() => getItems().filter(([, entry]) => !entry.disabled), [getItems]);
+  const moveFocus = useCallback(([targetId, targetEntry]) => {
+    setFocusedItemId(targetId);
+    targetEntry.node?.focus?.();
+  }, [setFocusedItemId]);
+  const handleKeyDown = useCallback(e => {
+    if (e.key === 'Escape') {
+      e.preventDefault();
+      e.stopPropagation?.();
+      onEscapeRef.current?.();
+      return;
+    }
+    if (e.key === 'Tab') {
+      onTabRef.current?.();
+      return;
+    }
+    const enabledItems = getEnabledItems();
+    if (enabledItems.length === 0) {
+      return;
+    }
+    const idx = focusedItemId ? enabledItems.findIndex(([itemId]) => itemId === focusedItemId) : -1;
+    switch (e.key) {
+      case 'ArrowDown':
+        {
+          e.preventDefault();
+          if (idx === -1) {
+            moveFocus(enabledItems[0]);
+            break;
+          }
+          moveFocus(enabledItems[idx < enabledItems.length - 1 ? idx + 1 : 0]);
+          break;
+        }
+      case 'ArrowUp':
+        {
+          e.preventDefault();
+          if (idx === -1) {
+            const last = enabledItems.at(-1);
+            if (last) {
+              moveFocus(last);
+            }
+            break;
+          }
+          moveFocus(enabledItems[idx > 0 ? idx - 1 : enabledItems.length - 1]);
+          break;
+        }
+      case 'Home':
+        {
+          e.preventDefault();
+          moveFocus(enabledItems[0]);
+          break;
+        }
+      case 'End':
+        {
+          e.preventDefault();
+          const last = enabledItems.at(-1);
+          if (last) {
+            moveFocus(last);
+          }
+          break;
+        }
+    }
+  }, [focusedItemId, getEnabledItems, moveFocus]);
+  return {
+    handleKeyDown
+  };
+}
+//# sourceMappingURL=useMenuNavigation.js.map

package/lib/module/menu/useMenuNavigation.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useRef","useMenuNavigation","getItems","focusedItemId","setFocusedItemId","onEscape","onTab","onEscapeRef","current","onTabRef","getEnabledItems","filter","entry","disabled","moveFocus","targetId","targetEntry","node","focus","handleKeyDown","e","key","preventDefault","stopPropagation","enabledItems","length","idx","findIndex","itemId","last","at"],"sourceRoot":"../../../src","sources":["menu/useMenuNavigation.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/menu/useMenuOverlayLifecycle.js

@@ -0,0 +1,63 @@
+"use strict";
+
+import { useEffect, useRef } from 'react';
+import { Platform } from 'react-native';
+function focusDomNode(node) {
+  if (Platform.OS !== 'web') {
+    return;
+  }
+  requestAnimationFrame(() => {
+    node?.focus?.();
+  });
+}
+
+/**
+ * On open, keyboard-opened menus focus the first or last enabled item;
+ * pointer-opened menus focus the menu container so the first item is not
+ * highlighted until hover or arrow keys.
+ */
+export function useMenuOverlayOpenFocus({
+  overlay,
+  getItems,
+  setFocusedItemId
+}) {
+  const open = overlay?.open ?? false;
+  useEffect(() => {
+    if (!overlay || !open) {
+      return;
+    }
+    const intent = overlay.focusOnOpenRef.current;
+    const enabled = getItems().filter(([, entry]) => !entry.disabled);
+    if (intent === 'menu' || enabled.length === 0) {
+      setFocusedItemId(undefined);
+      focusDomNode(overlay.contentRef.current);
+      return;
+    }
+    const target = intent === 'last' ? enabled.at(-1) : enabled[0];
+    if (!target) {
+      return;
+    }
+    setFocusedItemId(target[0]);
+    focusDomNode(target[1].node);
+  }, [open, getItems, overlay, setFocusedItemId]);
+}
+export function useMenuOverlayCloseFocus(overlay) {
+  const {
+    closeReasonRef,
+    open,
+    triggerRef
+  } = overlay;
+  const prevOpenRef = useRef(open);
+  useEffect(() => {
+    if (open) {
+      closeReasonRef.current = 'programmatic';
+    } else if (prevOpenRef.current && Platform.OS === 'web') {
+      const shouldRestoreFocus = closeReasonRef.current === 'escape' || closeReasonRef.current === 'programmatic' || closeReasonRef.current === 'select';
+      if (shouldRestoreFocus) {
+        triggerRef.current?.focus?.();
+      }
+    }
+    prevOpenRef.current = open;
+  }, [closeReasonRef, open, triggerRef]);
+}
+//# sourceMappingURL=useMenuOverlayLifecycle.js.map

package/lib/module/menu/useMenuOverlayLifecycle.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useRef","Platform","focusDomNode","node","OS","requestAnimationFrame","focus","useMenuOverlayOpenFocus","overlay","getItems","setFocusedItemId","open","intent","focusOnOpenRef","current","enabled","filter","entry","disabled","length","undefined","contentRef","target","at","useMenuOverlayCloseFocus","closeReasonRef","triggerRef","prevOpenRef","shouldRestoreFocus"],"sourceRoot":"../../../src","sources":["menu/useMenuOverlayLifecycle.ts"],"mappings":";;AAAA,SAASA,SAAS,EAAEC,MAAM,QAAQ,OAAO;AACzC,SAASC,QAAQ,QAAQ,cAAc;AAUvC,SAASC,YAAYA,CAACC,IAA+C,EAAE;EACrE,IAAIF,QAAQ,CAACG,EAAE,KAAK,KAAK,EAAE;IACzB;EACF;EACAC,qBAAqB,CAAC,MAAM;IAC1BF,IAAI,EAAEG,KAAK,GAAG,CAAC;EACjB,CAAC,CAAC;AACJ;;AAEA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,uBAAuBA,CAAC;EACtCC,OAAO;EACPC,QAAQ;EACRC;AAC8B,CAAC,EAAE;EACjC,MAAMC,IAAI,GAAGH,OAAO,EAAEG,IAAI,IAAI,KAAK;EAEnCZ,SAAS,CAAC,MAAM;IACd,IAAI,CAACS,OAAO,IAAI,CAACG,IAAI,EAAE;MACrB;IACF;IAEA,MAAMC,MAAM,GAAGJ,OAAO,CAACK,cAAc,CAACC,OAAO;IAC7C,MAAMC,OAAO,GAAGN,QAAQ,CAAC,CAAC,CAACO,MAAM,CAAC,CAAC,GAAGC,KAAK,CAAC,KAAK,CAACA,KAAK,CAACC,QAAQ,CAAC;IAEjE,IAAIN,MAAM,KAAK,MAAM,IAAIG,OAAO,CAACI,MAAM,KAAK,CAAC,EAAE;MAC7CT,gBAAgB,CAACU,SAAS,CAAC;MAC3BlB,YAAY,CAACM,OAAO,CAACa,UAAU,CAACP,OAAwC,CAAC;MACzE;IACF;IAEA,MAAMQ,MAAM,GAAGV,MAAM,KAAK,MAAM,GAAGG,OAAO,CAACQ,EAAE,CAAC,CAAC,CAAC,CAAC,GAAGR,OAAO,CAAC,CAAC,CAAC;IAC9D,IAAI,CAACO,MAAM,EAAE;MACX;IACF;IAEAZ,gBAAgB,CAACY,MAAM,CAAC,CAAC,CAAC,CAAC;IAC3BpB,YAAY,CAACoB,MAAM,CAAC,CAAC,CAAC,CAACnB,IAAI,CAAC;EAC9B,CAAC,EAAE,CAACQ,IAAI,EAAEF,QAAQ,EAAED,OAAO,EAAEE,gBAAgB,CAAC,CAAC;AACjD;AAEA,OAAO,SAASc,wBAAwBA,CAAChB,OAAgC,EAAE;EACzE,MAAM;IAAEiB,cAAc;IAAEd,IAAI;IAAEe;EAAW,CAAC,GAAGlB,OAAO;EACpD,MAAMmB,WAAW,GAAG3B,MAAM,CAACW,IAAI,CAAC;EAEhCZ,SAAS,CAAC,MAAM;IACd,IAAIY,IAAI,EAAE;MACRc,cAAc,CAACX,OAAO,GAAG,cAAc;IACzC,CAAC,MAAM,IAAIa,WAAW,CAACb,OAAO,IAAIb,QAAQ,CAACG,EAAE,KAAK,KAAK,EAAE;MACvD,MAAMwB,kBAAkB,GACtBH,cAAc,CAACX,OAAO,KAAK,QAAQ,IACnCW,cAAc,CAACX,OAAO,KAAK,cAAc,IACzCW,cAAc,CAACX,OAAO,KAAK,QAAQ;MAErC,IAAIc,kBAAkB,EAAE;QACrBF,UAAU,CAACZ,OAAO,EAAoCR,KAAK,GAAG,CAAC;MAClE;IACF;IAEAqB,WAAW,CAACb,OAAO,GAAGH,IAAI;EAC5B,CAAC,EAAE,CAACc,cAAc,EAAEd,IAAI,EAAEe,UAAU,CAAC,CAAC;AACxC","ignoreList":[]}