@cdx-ui/primitives 0.0.1-beta.17 → 0.0.1-beta.171

package/lib/module/menu/MenuItem.js

@@ -0,0 +1,138 @@
+"use strict";
+
+import { forwardRef, useCallback, useEffect, useId, useMemo, useRef } from 'react';
+import { Platform, Pressable } from 'react-native';
+import { composeEventHandlers, mergeRefs } from '@cdx-ui/utils';
+import { useFocus, useFocusRing } from '@react-native-aria/focus';
+import { useHover, usePress } from '@react-native-aria/interactions';
+import { Slot } from '../slot';
+import { dataAttributes, mergeDataAttributes } from '../utils/dataAttributes';
+import { MenuItemProvider, useMenuContext } from './context';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const MenuItem = /*#__PURE__*/forwardRef(({
+  asChild,
+  children,
+  itemRole = 'menuitem',
+  isChecked = false,
+  disabled: disabledProp = false,
+  closeOnSelect: closeOnSelectProp,
+  isHovered: isHoveredProp,
+  isActive: isActiveProp,
+  isFocused: isFocusedProp,
+  isFocusVisible: isFocusVisibleProp,
+  isDisabled: isDisabledProp,
+  onPress,
+  ...props
+}, ref) => {
+  const {
+    menuId,
+    registerItem,
+    unregisterItem,
+    focusedItemId,
+    setFocusedItemId,
+    closeOnSelect: closeOverlayOnSelect,
+    dismissOverlay
+  } = useMenuContext();
+  const reactId = useId();
+  const itemId = `menu-item-${reactId}`;
+  const domId = props.id ?? `${menuId}-item-${reactId}`;
+  const disabled = !!disabledProp || !!isDisabledProp;
+  const highlighted = focusedItemId === itemId;
+  const isSelectable = itemRole === 'menuitemcheckbox' || itemRole === 'menuitemradio';
+  const closeOnSelect = closeOnSelectProp ?? closeOverlayOnSelect;
+  const resolvedRole = Platform.OS === 'web' ? itemRole : itemRole === 'menuitemcheckbox' ? 'checkbox' : itemRole === 'menuitemradio' ? 'radio' : 'menuitem';
+  const nodeRef = useRef(null);
+  const mergedRef = mergeRefs(ref, nodeRef);
+  const onPressRef = useRef(onPress);
+  onPressRef.current = onPress;
+  const invokePress = useCallback(event => {
+    if (!disabled) {
+      onPressRef.current?.(event);
+      if (closeOnSelect) {
+        dismissOverlay?.('select');
+      }
+    }
+  }, [disabled, closeOnSelect, dismissOverlay]);
+  useEffect(() => {
+    registerItem(itemId, {
+      disabled,
+      node: nodeRef.current
+    });
+    return () => unregisterItem(itemId);
+  }, [itemId, disabled, registerItem, unregisterItem]);
+  const {
+    isFocusVisible,
+    focusProps: focusRingProps
+  } = useFocusRing();
+  const {
+    pressProps,
+    isPressed: isActive
+  } = usePress({
+    isDisabled: disabled
+  });
+  const {
+    isFocused,
+    focusProps
+  } = useFocus();
+  const {
+    isHovered,
+    hoverProps
+  } = useHover();
+  const interactionState = useMemo(() => ({
+    hover: !!(isHoveredProp || isHovered),
+    focus: !!(isFocusedProp || isFocused),
+    active: !!(isActiveProp || isActive),
+    disabled: !!disabled,
+    focusVisible: !!(isFocusVisibleProp || isFocusVisible),
+    highlighted,
+    checked: isChecked
+  }), [isHoveredProp, isHovered, isFocusedProp, isFocused, isActiveProp, isActive, disabled, isFocusVisibleProp, isFocusVisible, highlighted, isChecked]);
+  const isRovingTabStop = highlighted;
+  const webProps = Platform.OS === 'web' ? {
+    tabIndex: isRovingTabStop ? 0 : -1
+  } : {};
+  const handlePressWithFocus = useCallback(_ => {
+    if (!disabled) {
+      setFocusedItemId(itemId);
+    }
+  }, [disabled, itemId, setFocusedItemId]);
+  const Comp = asChild ? Slot : Pressable;
+  return /*#__PURE__*/_jsx(MenuItemProvider, {
+    value: interactionState,
+    children: /*#__PURE__*/_jsx(Comp, {
+      ref: mergedRef,
+      role: resolvedRole,
+      id: domId,
+      "aria-checked": isSelectable ? isChecked : undefined,
+      "aria-disabled": disabled,
+      disabled: disabled,
+      accessibilityState: {
+        disabled,
+        ...(isSelectable ? {
+          checked: isChecked
+        } : {})
+      },
+      ...webProps,
+      ...props,
+      ...mergeDataAttributes(props, dataAttributes({
+        hover: interactionState.hover,
+        focus: interactionState.focus,
+        active: interactionState.active,
+        disabled: interactionState.disabled,
+        focusVisible: interactionState.focusVisible,
+        highlighted: interactionState.highlighted,
+        state: isSelectable ? isChecked ? 'checked' : 'unchecked' : undefined
+      })),
+      onPress: composeEventHandlers(invokePress, handlePressWithFocus),
+      onPressIn: composeEventHandlers(props?.onPressIn, pressProps.onPressIn),
+      onPressOut: composeEventHandlers(props?.onPressOut, pressProps.onPressOut),
+      onHoverIn: composeEventHandlers(props?.onHoverIn, hoverProps.onHoverIn),
+      onHoverOut: composeEventHandlers(props?.onHoverOut, hoverProps.onHoverOut),
+      onFocus: composeEventHandlers(composeEventHandlers(props?.onFocus, focusProps.onFocus), focusRingProps.onFocus, () => setFocusedItemId(itemId)),
+      onBlur: composeEventHandlers(composeEventHandlers(props?.onBlur, focusProps.onBlur), focusRingProps.onBlur),
+      children: children
+    })
+  });
+});
+MenuItem.displayName = 'MenuItem';
+//# sourceMappingURL=MenuItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useCallback","useEffect","useId","useMemo","useRef","Platform","Pressable","composeEventHandlers","mergeRefs","useFocus","useFocusRing","useHover","usePress","Slot","dataAttributes","mergeDataAttributes","MenuItemProvider","useMenuContext","jsx","_jsx","MenuItem","asChild","children","itemRole","isChecked","disabled","disabledProp","closeOnSelect","closeOnSelectProp","isHovered","isHoveredProp","isActive","isActiveProp","isFocused","isFocusedProp","isFocusVisible","isFocusVisibleProp","isDisabled","isDisabledProp","onPress","props","ref","menuId","registerItem","unregisterItem","focusedItemId","setFocusedItemId","closeOverlayOnSelect","dismissOverlay","reactId","itemId","domId","id","highlighted","isSelectable","resolvedRole","OS","nodeRef","mergedRef","onPressRef","current","invokePress","event","node","focusProps","focusRingProps","pressProps","isPressed","hoverProps","interactionState","hover","focus","active","focusVisible","checked","isRovingTabStop","webProps","tabIndex","handlePressWithFocus","_","Comp","value","role","undefined","accessibilityState","state","onPressIn","onPressOut","onHoverIn","onHoverOut","onFocus","onBlur","displayName"],"sourceRoot":"../../../src","sources":["menu/MenuItem.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/menu/MenuOverlayRoot.js

@@ -0,0 +1,76 @@
+"use strict";
+
+import { forwardRef, useCallback, useId, useMemo, useRef } from 'react';
+import { View } from 'react-native';
+import { useControllableState } from '@cdx-ui/utils';
+import { Slot } from '../slot';
+import { dataAttributes, mergeDataAttributes } from '../utils/dataAttributes';
+import { MenuOverlayProvider } from './overlayContext';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const MenuOverlayRoot = /*#__PURE__*/forwardRef(({
+  asChild,
+  children,
+  isOpen: openProp,
+  defaultOpen = false,
+  onOpenChange,
+  disabled = false,
+  placement = 'bottom-start',
+  offset = 4,
+  crossOffset = 0,
+  ...props
+}, ref) => {
+  const [open, setOpenState] = useControllableState({
+    prop: openProp,
+    defaultProp: defaultOpen,
+    onChange: onOpenChange
+  });
+  const closeReasonRef = useRef('programmatic');
+  const setOpen = useCallback(nextOpen => {
+    if (disabled && nextOpen) {
+      return;
+    }
+    if (nextOpen) {
+      closeReasonRef.current = 'programmatic';
+    }
+    setOpenState(nextOpen);
+  }, [disabled, setOpenState]);
+  const triggerRef = useRef(null);
+  const contentRef = useRef(null);
+  const focusOnOpenRef = useRef('menu');
+  const reactId = useId();
+  const triggerId = `menu-trigger-${reactId}`;
+  const menuId = `menu-content-${reactId}`;
+  const closeMenu = useCallback((reason = 'programmatic') => {
+    closeReasonRef.current = reason;
+    setOpen(false);
+  }, [setOpen]);
+  const contextValue = useMemo(() => ({
+    open: open ?? false,
+    setOpen,
+    closeMenu,
+    disabled,
+    placement,
+    offset,
+    crossOffset,
+    triggerRef,
+    triggerId,
+    menuId,
+    contentRef,
+    focusOnOpenRef,
+    closeReasonRef
+  }), [open, setOpen, closeMenu, disabled, placement, offset, crossOffset, triggerId, menuId]);
+  const Comp = asChild ? Slot : View;
+  return /*#__PURE__*/_jsx(MenuOverlayProvider, {
+    value: contextValue,
+    children: /*#__PURE__*/_jsx(Comp, {
+      ref: ref,
+      ...props,
+      ...mergeDataAttributes(props, dataAttributes({
+        slot: 'menu'
+      })),
+      children: children
+    })
+  });
+});
+MenuOverlayRoot.displayName = 'MenuOverlayRoot';
+//# sourceMappingURL=MenuOverlayRoot.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useCallback","useId","useMemo","useRef","View","useControllableState","Slot","dataAttributes","mergeDataAttributes","MenuOverlayProvider","jsx","_jsx","MenuOverlayRoot","asChild","children","isOpen","openProp","defaultOpen","onOpenChange","disabled","placement","offset","crossOffset","props","ref","open","setOpenState","prop","defaultProp","onChange","closeReasonRef","setOpen","nextOpen","current","triggerRef","contentRef","focusOnOpenRef","reactId","triggerId","menuId","closeMenu","reason","contextValue","Comp","value","slot","displayName"],"sourceRoot":"../../../src","sources":["menu/MenuOverlayRoot.tsx"],"mappings":"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","ignoreList":[]}

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":[]}