@tamagui/create-menu 1.0.1

package/src/createNativeMenu/utils.tsx

@@ -0,0 +1,150 @@
+/**
+ * Credit to geist-ui/react, it's initially copied from there and updated.
+ * 
+ * MIT License
+
+Copyright (c) 2020 Geist UI
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+ */
+
+import React, {
+  Children,
+  type ReactElement,
+  type ReactNode,
+  cloneElement,
+  isValidElement,
+} from 'react'
+
+type ReactChildArray = ReturnType<typeof React.Children.toArray>
+
+export function flattenChildrenKeyless(children: ReactNode): ReactChildArray {
+  const childrenArray = React.Children.toArray(children)
+  return childrenArray.reduce((flatChildren: ReactChildArray, child) => {
+    if ((child as React.ReactElement<any>).type === React.Fragment) {
+      return flatChildren.concat(
+        flattenChildren((child as React.ReactElement<any>).props.children)
+      )
+    }
+    flatChildren.push(child)
+    return flatChildren
+  }, [])
+}
+
+export function flattenChildren(
+  children: ReactNode,
+  componentNamesToIgnore?: string[],
+  depth = 0,
+  keys: (string | number)[] = []
+): ReactNode[] {
+  return Children.toArray(children)
+    .flatMap((elem) => {
+      if (isValidElement(elem)) {
+        if (
+          typeof (elem as any)?.type == 'function' &&
+          componentNamesToIgnore?.some((skipComponentName) =>
+            (elem.type as any).displayName.includes(skipComponentName)
+          )
+        ) {
+          return (elem as any).props.children
+        }
+      }
+      return elem
+    })
+    .reduce((acc: ReactNode[], node: any, nodeIndex) => {
+      if (node.type === React.Fragment) {
+        acc.push.apply(
+          acc,
+          flattenChildren(
+            node.props.children,
+            componentNamesToIgnore,
+            depth + 1,
+            keys.concat(node.key || nodeIndex)
+          )
+        )
+      } else {
+        if (isValidElement(node)) {
+          acc.push(
+            cloneElement(node, {
+              key: keys.concat(String(node.key)).join('.'),
+            })
+          )
+        } else if (typeof node === 'string' || typeof node === 'number') {
+          acc.push(node)
+        }
+      }
+      return acc
+    }, [])
+}
+
+export const pickChildren = <Props = any>(
+  _children: ReactNode | undefined,
+  targetChild: React.ElementType,
+  componentNamesToIgnore?: string[]
+) => {
+  const children = flattenChildren(_children, componentNamesToIgnore)
+  const target: ReactElement<Props>[] = []
+  const withoutTargetChildren = React.Children.map(children, (item) => {
+    if (!isValidElement(item)) return item
+    if (isInstanceOfComponent(item, targetChild)) {
+      // @ts-expect-error
+      target.push(cloneElement(item))
+      return null
+    }
+    return item
+  })
+
+  const targetChildren = target.length >= 0 ? target : undefined
+
+  return {
+    targetChildren,
+    withoutTargetChildren,
+  }
+}
+
+export const isInstanceOfComponent = (
+  element: React.ReactElement | ReactNode | undefined,
+  targetElement: React.ElementType
+) => {
+  const matches =
+    (element as any)?.type === targetElement ||
+    (typeof (element as any)?.type == 'function' &&
+      ((element as any)?.type?.displayName === (targetElement as any).displayName ||
+        (element as any)?.type?.displayName ===
+          (targetElement as any).displayName + 'Wrapper'))
+  return matches
+}
+
+export const filterNull = <T extends unknown | null | undefined>(
+  t: T
+): t is NonNullable<T> => {
+  return t != null
+}
+
+export const create = <Props extends {}>(
+  Component: React.ComponentType<Props>,
+  displayName: string
+) => {
+  const MenuComponent: React.FC<Props> = (props: Props) => {
+    return <Component {...(props as any)} />
+  }
+  MenuComponent.displayName = displayName
+
+  return MenuComponent
+}

package/src/createNativeMenu/withNativeMenu.tsx

@@ -0,0 +1,39 @@
+import { isWeb } from '@tamagui/web'
+
+type GetProps<T> = T extends React.ComponentType<infer P> ? P : never
+
+export function withNativeMenu<
+  C extends React.ComponentType<any>,
+  N extends React.ComponentType<any>,
+  CP = GetProps<C>,
+  NP = GetProps<N>,
+>({
+  Component,
+  NativeComponent,
+}: {
+  Component: C
+  NativeComponent: N
+  scope?: string
+  isRoot?: boolean
+}): React.FC<CP & Partial<Omit<NP, keyof CP>>> {
+  type Props = CP & Partial<Omit<NP, keyof CP>>
+
+  if (isWeb) {
+    return Component as React.FC<Props>
+  }
+
+  // On native platform, always use native component
+  // If NativeComponent is missing (zeego not set up), fall back to web Component
+  if (!NativeComponent) {
+    return Component as React.FC<Props>
+  }
+
+  const Menu: React.FC<Props> = (props) => {
+    return <NativeComponent {...(props as any)} />
+  }
+
+  // displayName is required for Portal flattening (checks displayName.includes('Portal'))
+  Menu.displayName = NativeComponent.displayName || Component?.displayName
+
+  return Menu
+}

package/src/index.tsx

@@ -0,0 +1,5 @@
+export * from './createBaseMenu'
+export * from './createNativeMenu/createNativeMenu'
+export * from './createNativeMenu/withNativeMenu'
+export type * from './createNativeMenu/createNativeMenuTypes'
+export { MenuPredefined } from './MenuPredefined'

package/types/MenuPredefined.d.ts

@@ -0,0 +1,31 @@
+export declare const MenuPredefined: {
+    MenuIcon: import("@tamagui/web").TamaguiComponent<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/web").StackNonStyleProps, import("@tamagui/web").StackStyleBase, {
+        unstyled?: boolean | undefined;
+    }, import("@tamagui/web").StaticConfigPublic>;
+    MenuImage: import("@tamagui/web").TamaguiComponent<import("@tamagui/web").TamaDefer, unknown, import("@tamagui/web").TamaguiComponentPropsBaseBase & Partial<import("@tamagui/image").ImageProps>, import("@tamagui/web").StackStyleBase, {}, import("@tamagui/web").StaticConfigPublic>;
+    MenuIndicator: import("@tamagui/web").TamaguiComponent<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/web").StackNonStyleProps, import("@tamagui/web").StackStyleBase, {
+        unstyled?: boolean | undefined;
+    }, import("@tamagui/web").StaticConfigPublic>;
+    MenuItem: import("@tamagui/web").TamaguiComponent<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/web").StackNonStyleProps, import("@tamagui/web").StackStyleBase, {
+        unstyled?: boolean | undefined;
+    }, import("@tamagui/web").StaticConfigPublic>;
+    Title: import("@tamagui/web").TamaguiComponent<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiTextElement, import("@tamagui/web").TextNonStyleProps, import("@tamagui/web").TextStylePropsBase, {
+        unstyled?: boolean | undefined;
+        size?: import("@tamagui/web").FontSizeTokens | undefined;
+    }, import("@tamagui/web").StaticConfigPublic>;
+    SubTitle: import("@tamagui/web").TamaguiComponent<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiTextElement, import("@tamagui/web").TextNonStyleProps, import("@tamagui/web").TextStylePropsBase, {
+        unstyled?: boolean | undefined;
+        size?: import("@tamagui/web").FontSizeTokens | undefined;
+    }, import("@tamagui/web").StaticConfigPublic>;
+    MenuGroup: import("@tamagui/web").TamaguiComponent<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/web").StackNonStyleProps, import("@tamagui/web").StackStyleBase, {
+        unstyled?: boolean | undefined;
+    }, import("@tamagui/web").StaticConfigPublic>;
+    MenuSeparator: import("@tamagui/web").TamaguiComponent<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/web").StackNonStyleProps, import("@tamagui/web").StackStyleBase, {
+        unstyled?: boolean | undefined;
+    }, import("@tamagui/web").StaticConfigPublic>;
+    MenuLabel: import("@tamagui/web").TamaguiComponent<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiTextElement, import("@tamagui/web").TextNonStyleProps, import("@tamagui/web").TextStylePropsBase, {
+        unstyled?: boolean | undefined;
+        size?: import("@tamagui/web").FontSizeTokens | undefined;
+    }, import("@tamagui/web").StaticConfigPublic>;
+};
+//# sourceMappingURL=MenuPredefined.d.ts.map

package/types/MenuPredefined.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuPredefined.d.ts","sourceRoot":"","sources":["../src/MenuPredefined.tsx"],"names":[],"mappings":"AAiMA,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAU1B,CAAA"}

package/types/createBaseMenu.d.ts

@@ -0,0 +1,298 @@
+import { Dismissable as DismissableLayer } from '@tamagui/dismissable';
+import { FocusScope } from '@tamagui/focus-scope';
+import type { PopperContentProps } from '@tamagui/popper';
+import * as PopperPrimitive from '@tamagui/popper';
+import type { RovingFocusGroupProps } from '@tamagui/roving-focus';
+import type { TextProps } from '@tamagui/web';
+import { type ViewProps, View } from '@tamagui/web';
+import type { TamaguiElement } from '@tamagui/web/types';
+import * as React from 'react';
+import type { Image, ImageProps } from 'react-native';
+import { MenuPredefined } from './MenuPredefined';
+type Direction = 'ltr' | 'rtl';
+type ScopedProps<P> = P & {
+    scope?: string;
+};
+interface MenuBaseProps extends PopperPrimitive.PopperProps {
+    children?: React.ReactNode;
+    open?: boolean;
+    onOpenChange?(open: boolean): void;
+    dir?: Direction;
+    modal?: boolean;
+    native?: boolean;
+}
+type PopperAnchorProps = React.ComponentPropsWithoutRef<typeof PopperPrimitive.PopperAnchor>;
+interface MenuAnchorProps extends PopperAnchorProps {
+}
+interface MenuPortalProps {
+    children?: React.ReactNode;
+    /**
+     * Used to force mounting when more control is needed. Useful when
+     * controlling animation with React animation libraries.
+     */
+    forceMount?: boolean;
+    zIndex?: number;
+}
+/**
+ * We purposefully don't union MenuRootContent and MenuSubContent props here because
+ * they have conflicting prop types. We agreed that we would allow MenuSubContent to
+ * accept props that it would just ignore.
+ */
+interface MenuContentProps extends MenuRootContentTypeProps {
+    /**
+     * Used to force mounting when more control is needed. Useful when
+     * controlling animation with React animation libraries.
+     */
+    forceMount?: boolean;
+}
+interface MenuRootContentTypeProps extends Omit<MenuContentImplProps, keyof MenuContentImplPrivateProps> {
+}
+type MenuContentImplElement = React.ElementRef<typeof PopperPrimitive.PopperContent>;
+type FocusScopeProps = React.ComponentPropsWithoutRef<typeof FocusScope>;
+type DismissableLayerProps = React.ComponentPropsWithoutRef<typeof DismissableLayer>;
+type MenuContentImplPrivateProps = {
+    onOpenAutoFocus?: FocusScopeProps['onMountAutoFocus'];
+    onDismiss?: DismissableLayerProps['onDismiss'];
+    disableOutsidePointerEvents?: DismissableLayerProps['disableOutsidePointerEvents'];
+    /**
+     * Whether scrolling outside the `MenuContent` should be prevented
+     * (default: `false`)
+     */
+    disableOutsideScroll?: boolean;
+    /**
+     * Whether focus should be trapped within the `MenuContent`
+     * (default: false)
+     */
+    trapFocus?: FocusScopeProps['trapped'];
+    /**
+     * Whether to disable dismissing the menu when the user scrolls outside of it
+     * (default: false, meaning scroll will dismiss on web)
+     */
+    disableDismissOnScroll?: boolean;
+};
+interface MenuContentImplProps extends MenuContentImplPrivateProps, Omit<PopperContentProps, 'dir' | 'onPlaced'> {
+    /**
+     * Event handler called when auto-focusing on close.
+     * Can be prevented.
+     */
+    onCloseAutoFocus?: FocusScopeProps['onUnmountAutoFocus'];
+    /**
+     * Whether keyboard navigation should loop around
+     * @defaultValue false
+     */
+    loop?: RovingFocusGroupProps['loop'];
+    onEntryFocus?: RovingFocusGroupProps['onEntryFocus'];
+    onEscapeKeyDown?: DismissableLayerProps['onEscapeKeyDown'];
+    onPointerDownOutside?: DismissableLayerProps['onPointerDownOutside'];
+    onFocusOutside?: DismissableLayerProps['onFocusOutside'];
+    onInteractOutside?: DismissableLayerProps['onInteractOutside'];
+}
+interface MenuGroupProps extends ViewProps {
+}
+interface MenuLabelProps extends ViewProps {
+}
+interface MenuItemProps extends Omit<MenuItemImplProps, 'onSelect'> {
+    onSelect?: (event: Event) => void;
+    unstyled?: boolean;
+    /**
+     * Prevents the menu from closing when this item is selected.
+     * Useful for toggle items or multi-select scenarios.
+     */
+    preventCloseOnSelect?: boolean;
+}
+interface MenuItemImplProps extends ViewProps {
+    disabled?: boolean;
+    textValue?: string;
+    unstyled?: boolean;
+}
+interface MenuItemTitleProps extends TextProps {
+}
+interface MenuItemSubTitleProps extends TextProps {
+}
+type MenuItemIconProps = ViewProps;
+type CheckedState = boolean | 'indeterminate';
+interface MenuCheckboxItemProps extends MenuItemProps {
+    checked?: CheckedState;
+    onCheckedChange?: (checked: boolean) => void;
+}
+interface MenuRadioGroupProps extends MenuGroupProps {
+    value?: string;
+    onValueChange?: (value: string) => void;
+}
+interface MenuRadioItemProps extends MenuItemProps {
+    value: string;
+}
+type PrimitiveSpanProps = React.ComponentPropsWithoutRef<typeof View>;
+interface MenuItemIndicatorProps extends PrimitiveSpanProps {
+    /**
+     * Used to force mounting when more control is needed. Useful when
+     * controlling animation with React animation libraries.
+     */
+    forceMount?: boolean;
+}
+interface MenuSeparatorProps extends ViewProps {
+}
+type PopperArrowProps = React.ComponentPropsWithoutRef<typeof PopperPrimitive.PopperArrow>;
+interface MenuArrowProps extends PopperArrowProps {
+    unstyled?: boolean;
+}
+export interface MenuSubProps extends PopperPrimitive.PopperProps {
+    children?: React.ReactNode;
+    open?: boolean;
+    onOpenChange?(open: boolean): void;
+}
+interface MenuSubTriggerProps extends MenuItemImplProps {
+}
+export type MenuSubContentElement = MenuContentImplElement;
+export interface MenuSubContentProps extends Omit<MenuContentImplProps, keyof MenuContentImplPrivateProps | 'onCloseAutoFocus' | 'onEntryFocus' | 'side' | 'align'> {
+    /**
+     * Used to force mounting when more control is needed. Useful when
+     * controlling animation with React animation libraries.
+     */
+    forceMount?: boolean;
+}
+export type CreateBaseMenuProps = {
+    Item?: typeof MenuPredefined.MenuItem;
+    MenuGroup?: typeof MenuPredefined.MenuGroup;
+    Title?: typeof MenuPredefined.Title;
+    SubTitle?: typeof MenuPredefined.SubTitle;
+    Image?: React.ElementType;
+    Icon?: typeof MenuPredefined.MenuIcon;
+    Indicator?: typeof MenuPredefined.MenuIndicator;
+    Separator?: typeof MenuPredefined.MenuSeparator;
+    Label?: typeof MenuPredefined.MenuLabel;
+};
+export declare function createBaseMenu({ Item: _Item, Title: _Title, SubTitle: _SubTitle, Image: _Image, Icon: _Icon, Indicator: _Indicator, Separator: _Separator, MenuGroup: _MenuGroup, Label: _Label, }: CreateBaseMenuProps): {
+    Menu: {
+        (props: ScopedProps<MenuBaseProps>): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    } & {
+        Anchor: {
+            (props: MenuAnchorProps): import("react/jsx-runtime").JSX.Element;
+            displayName: string;
+        };
+        Portal: {
+            (props: ScopedProps<MenuPortalProps>): import("react/jsx-runtime").JSX.Element;
+            displayName: string;
+        };
+        Content: import("@tamagui/web").TamaguiComponent<Omit<import("@tamagui/web").GetFinalProps<import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {
+            size?: import("@tamagui/web").SizeTokens | undefined;
+            unstyled?: boolean | undefined;
+            elevation?: number | import("@tamagui/web").SizeTokens | undefined;
+            fullscreen?: boolean | undefined;
+        }>, keyof MenuContentProps> & MenuContentProps & {
+            scope?: string;
+        }, TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps & MenuContentProps & {
+            scope?: string;
+        }, import("@tamagui/web").StackStyleBase, {
+            size?: import("@tamagui/web").SizeTokens | undefined;
+            unstyled?: boolean | undefined;
+            elevation?: number | import("@tamagui/web").SizeTokens | undefined;
+            fullscreen?: boolean | undefined;
+        }, import("@tamagui/web").StaticConfigPublic>;
+        Group: import("@tamagui/web").TamaguiComponent<Omit<import("@tamagui/web").GetFinalProps<import("@tamagui/web").StackNonStyleProps, import("@tamagui/web").StackStyleBase, {
+            unstyled?: boolean | undefined;
+        }>, keyof MenuGroupProps> & MenuGroupProps, TamaguiElement, import("@tamagui/web").StackNonStyleProps & MenuGroupProps, import("@tamagui/web").StackStyleBase, {
+            unstyled?: boolean | undefined;
+        }, import("@tamagui/web").StaticConfigPublic>;
+        Label: import("@tamagui/web").TamaguiComponent<Omit<import("@tamagui/web").GetFinalProps<import("@tamagui/web").TextNonStyleProps, import("@tamagui/web").TextStylePropsBase, {
+            unstyled?: boolean | undefined;
+            size?: import("@tamagui/web").FontSizeTokens | undefined;
+        }>, keyof MenuLabelProps> & MenuLabelProps, import("@tamagui/web").TamaguiTextElement, import("@tamagui/web").TextNonStyleProps & MenuLabelProps, import("@tamagui/web").TextStylePropsBase, {
+            unstyled?: boolean | undefined;
+            size?: import("@tamagui/web").FontSizeTokens | undefined;
+        }, import("@tamagui/web").StaticConfigPublic>;
+        Item: import("@tamagui/web").TamaguiComponent<Omit<import("@tamagui/web").GetFinalProps<import("@tamagui/web").StackNonStyleProps, import("@tamagui/web").StackStyleBase, {
+            unstyled?: boolean | undefined;
+        }>, "scope" | keyof MenuItemProps> & MenuItemProps & {
+            scope?: string;
+        }, TamaguiElement, import("@tamagui/web").StackNonStyleProps & MenuItemProps & {
+            scope?: string;
+        }, import("@tamagui/web").StackStyleBase, {
+            unstyled?: boolean | undefined;
+        }, import("@tamagui/web").StaticConfigPublic>;
+        CheckboxItem: import("@tamagui/web").TamaguiComponent<Omit<import("@tamagui/web").GetFinalProps<import("@tamagui/web").StackNonStyleProps, import("@tamagui/web").StackStyleBase, {
+            unstyled?: boolean | undefined;
+        }>, "scope" | keyof MenuCheckboxItemProps> & MenuCheckboxItemProps & {
+            scope?: string;
+        }, TamaguiElement, import("@tamagui/web").StackNonStyleProps & MenuCheckboxItemProps & {
+            scope?: string;
+        }, import("@tamagui/web").StackStyleBase, {
+            unstyled?: boolean | undefined;
+        }, import("@tamagui/web").StaticConfigPublic>;
+        RadioGroup: import("@tamagui/web").TamaguiComponent<Omit<import("@tamagui/web").GetFinalProps<import("@tamagui/web").StackNonStyleProps, import("@tamagui/web").StackStyleBase, {
+            unstyled?: boolean | undefined;
+        }>, "scope" | keyof MenuRadioGroupProps> & MenuRadioGroupProps & {
+            scope?: string;
+        }, TamaguiElement, import("@tamagui/web").StackNonStyleProps & MenuRadioGroupProps & {
+            scope?: string;
+        }, import("@tamagui/web").StackStyleBase, {
+            unstyled?: boolean | undefined;
+        }, import("@tamagui/web").StaticConfigPublic>;
+        RadioItem: import("@tamagui/web").TamaguiComponent<Omit<import("@tamagui/web").GetFinalProps<import("@tamagui/web").StackNonStyleProps, import("@tamagui/web").StackStyleBase, {
+            unstyled?: boolean | undefined;
+        }>, "scope" | keyof MenuRadioItemProps> & MenuRadioItemProps & {
+            scope?: string;
+        }, TamaguiElement, import("@tamagui/web").StackNonStyleProps & MenuRadioItemProps & {
+            scope?: string;
+        }, import("@tamagui/web").StackStyleBase, {
+            unstyled?: boolean | undefined;
+        }, import("@tamagui/web").StaticConfigPublic>;
+        ItemIndicator: import("@tamagui/web").TamaguiComponent<Omit<import("@tamagui/web").GetFinalProps<import("@tamagui/web").StackNonStyleProps, import("@tamagui/web").StackStyleBase, {
+            unstyled?: boolean | undefined;
+        }>, "scope" | keyof MenuItemIndicatorProps> & MenuItemIndicatorProps & {
+            scope?: string;
+        }, TamaguiElement, import("@tamagui/web").StackNonStyleProps & MenuItemIndicatorProps & {
+            scope?: string;
+        }, import("@tamagui/web").StackStyleBase, {
+            unstyled?: boolean | undefined;
+        }, import("@tamagui/web").StaticConfigPublic>;
+        Separator: import("@tamagui/web").TamaguiComponent<Omit<import("@tamagui/web").GetFinalProps<import("@tamagui/web").StackNonStyleProps, import("@tamagui/web").StackStyleBase, {
+            unstyled?: boolean | undefined;
+        }>, keyof MenuSeparatorProps> & MenuSeparatorProps, TamaguiElement, import("@tamagui/web").StackNonStyleProps & MenuSeparatorProps, import("@tamagui/web").StackStyleBase, {
+            unstyled?: boolean | undefined;
+        }, import("@tamagui/web").StaticConfigPublic>;
+        Arrow: React.ForwardRefExoticComponent<MenuArrowProps & React.RefAttributes<TamaguiElement>>;
+        Sub: React.FC<ScopedProps<MenuSubProps>>;
+        SubTrigger: React.ForwardRefExoticComponent<MenuSubTriggerProps & {
+            scope?: string;
+        } & React.RefAttributes<TamaguiElement>>;
+        SubContent: import("@tamagui/web").TamaguiComponent<Omit<import("@tamagui/web").GetFinalProps<import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {
+            size?: import("@tamagui/web").SizeTokens | undefined;
+            unstyled?: boolean | undefined;
+            elevation?: number | import("@tamagui/web").SizeTokens | undefined;
+            fullscreen?: boolean | undefined;
+        }>, keyof MenuSubContentProps> & MenuSubContentProps & {
+            scope?: string;
+        }, TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps & MenuSubContentProps & {
+            scope?: string;
+        }, import("@tamagui/web").StackStyleBase, {
+            size?: import("@tamagui/web").SizeTokens | undefined;
+            unstyled?: boolean | undefined;
+            elevation?: number | import("@tamagui/web").SizeTokens | undefined;
+            fullscreen?: boolean | undefined;
+        }, import("@tamagui/web").StaticConfigPublic>;
+        ItemTitle: import("@tamagui/web").TamaguiComponent<Omit<import("@tamagui/web").GetFinalProps<import("@tamagui/web").TextNonStyleProps, import("@tamagui/web").TextStylePropsBase, {
+            unstyled?: boolean | undefined;
+            size?: import("@tamagui/web").FontSizeTokens | undefined;
+        }>, keyof MenuItemTitleProps> & MenuItemTitleProps, import("@tamagui/web").TamaguiTextElement, import("@tamagui/web").TextNonStyleProps & MenuItemTitleProps, import("@tamagui/web").TextStylePropsBase, {
+            unstyled?: boolean | undefined;
+            size?: import("@tamagui/web").FontSizeTokens | undefined;
+        }, import("@tamagui/web").StaticConfigPublic>;
+        ItemSubtitle: import("@tamagui/web").TamaguiComponent<Omit<import("@tamagui/web").GetFinalProps<import("@tamagui/web").TextNonStyleProps, import("@tamagui/web").TextStylePropsBase, {
+            unstyled?: boolean | undefined;
+            size?: import("@tamagui/web").FontSizeTokens | undefined;
+        }>, keyof MenuItemSubTitleProps> & MenuItemSubTitleProps, import("@tamagui/web").TamaguiTextElement, import("@tamagui/web").TextNonStyleProps & MenuItemSubTitleProps, import("@tamagui/web").TextStylePropsBase, {
+            unstyled?: boolean | undefined;
+            size?: import("@tamagui/web").FontSizeTokens | undefined;
+        }, import("@tamagui/web").StaticConfigPublic>;
+        ItemImage: React.ForwardRefExoticComponent<ImageProps & React.RefAttributes<Image>>;
+        ItemIcon: import("@tamagui/web").TamaguiComponent<Omit<import("@tamagui/web").GetFinalProps<import("@tamagui/web").StackNonStyleProps, import("@tamagui/web").StackStyleBase, {
+            unstyled?: boolean | undefined;
+        }>, `$${string}` | `$${number}` | import("@tamagui/web").GroupMediaKeys | `$theme-${string}` | `$theme-${number}` | keyof import("@tamagui/web").StackStyleBase | keyof import("@tamagui/web").StackNonStyleProps | keyof import("@tamagui/web").WithPseudoProps<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>>>> & import("@tamagui/web").StackNonStyleProps & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>> & import("@tamagui/web").WithPseudoProps<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>>> & import("@tamagui/web").WithMediaProps<import("@tamagui/web").WithThemeShorthandsAndPseudos<import("@tamagui/web").StackStyleBase, {}>>, TamaguiElement, import("@tamagui/web").StackNonStyleProps & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>> & import("@tamagui/web").WithPseudoProps<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>>> & import("@tamagui/web").WithMediaProps<import("@tamagui/web").WithThemeShorthandsAndPseudos<import("@tamagui/web").StackStyleBase, {}>>, import("@tamagui/web").StackStyleBase, {
+            unstyled?: boolean | undefined;
+        }, import("@tamagui/web").StaticConfigPublic>;
+    };
+};
+export type { MenuAnchorProps, MenuArrowProps, MenuCheckboxItemProps, MenuContentProps, MenuGroupProps, MenuItemIconProps, MenuItemIndicatorProps, MenuItemProps, MenuItemSubTitleProps, MenuItemTitleProps, MenuLabelProps, MenuPortalProps, MenuBaseProps as MenuProps, MenuRadioGroupProps, MenuRadioItemProps, MenuSeparatorProps, MenuSubTriggerProps, };
+//# sourceMappingURL=createBaseMenu.d.ts.map

package/types/createBaseMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createBaseMenu.d.ts","sourceRoot":"","sources":["../src/createBaseMenu.tsx"],"names":[],"mappings":"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"}

package/types/createNativeMenu/createNativeMenu.d.ts

@@ -0,0 +1,42 @@
+/**
+ * createNativeMenu - provides native menu implementation for React Native
+ *
+ * On Web: Returns empty stub components (withNativeMenu will use the web components instead)
+ * On Native: Uses Zeego for native menus (Credit to nandorojo/Zeego)
+ */
+import type { FC } from 'react';
+import React from 'react';
+import type { ContextMenuPreviewProps, NativeMenuArrowProps, NativeMenuCheckboxItemProps, NativeMenuContentProps, NativeMenuGroupProps, NativeMenuItemIconProps, NativeMenuItemImageProps, NativeMenuItemIndicatorProps, NativeMenuItemProps, NativeMenuItemSubtitleProps, NativeMenuItemTitleProps, NativeMenuLabelProps, NativeMenuProps, NativeMenuSeparatorProps, NativeMenuSubContentProps, NativeMenuSubProps, NativeMenuSubTriggerProps, MenuTriggerProps } from './createNativeMenuTypes';
+export type NativeMenuComponents = {
+    Menu: FC<NativeMenuProps> & {
+        Trigger: FC<MenuTriggerProps>;
+        Content: FC<NativeMenuContentProps>;
+        Item: FC<NativeMenuItemProps>;
+        ItemTitle: FC<NativeMenuItemTitleProps>;
+        ItemSubtitle: FC<NativeMenuItemSubtitleProps>;
+        SubTrigger: FC<NativeMenuSubTriggerProps>;
+        Group: FC<NativeMenuGroupProps>;
+        ItemIcon: FC<NativeMenuItemIconProps>;
+        Separator: FC<NativeMenuSeparatorProps>;
+        CheckboxItem: FC<NativeMenuCheckboxItemProps>;
+        ItemIndicator: FC<NativeMenuItemIndicatorProps>;
+        ItemImage: FC<NativeMenuItemImageProps>;
+        Label: FC<NativeMenuLabelProps>;
+        Arrow: FC<NativeMenuArrowProps>;
+        Sub: FC<NativeMenuSubProps>;
+        SubContent: FC<NativeMenuSubContentProps>;
+        Preview: FC<ContextMenuPreviewProps>;
+        Portal: FC<{
+            children: React.ReactNode;
+        }>;
+        RadioGroup: FC<{
+            children: React.ReactNode;
+        }>;
+        RadioItem: FC<{
+            children: React.ReactNode;
+        }>;
+        Auxiliary: FC<any>;
+    };
+};
+export declare const createNativeMenu: (MenuType: "ContextMenu" | "Menu") => NativeMenuComponents;
+//# sourceMappingURL=createNativeMenu.d.ts.map

package/types/createNativeMenu/createNativeMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createNativeMenu.d.ts","sourceRoot":"","sources":["../../src/createNativeMenu/createNativeMenu.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAC/B,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EACV,uBAAuB,EACvB,oBAAoB,EACpB,2BAA2B,EAC3B,sBAAsB,EACtB,oBAAoB,EACpB,uBAAuB,EACvB,wBAAwB,EACxB,4BAA4B,EAC5B,mBAAmB,EACnB,2BAA2B,EAC3B,wBAAwB,EACxB,oBAAoB,EACpB,eAAe,EACf,wBAAwB,EACxB,yBAAyB,EACzB,kBAAkB,EAClB,yBAAyB,EACzB,gBAAgB,EACjB,MAAM,yBAAyB,CAAA;AAEhC,MAAM,MAAM,oBAAoB,GAAG;IACjC,IAAI,EAAE,EAAE,CAAC,eAAe,CAAC,GAAG;QAC1B,OAAO,EAAE,EAAE,CAAC,gBAAgB,CAAC,CAAA;QAC7B,OAAO,EAAE,EAAE,CAAC,sBAAsB,CAAC,CAAA;QACnC,IAAI,EAAE,EAAE,CAAC,mBAAmB,CAAC,CAAA;QAC7B,SAAS,EAAE,EAAE,CAAC,wBAAwB,CAAC,CAAA;QACvC,YAAY,EAAE,EAAE,CAAC,2BAA2B,CAAC,CAAA;QAC7C,UAAU,EAAE,EAAE,CAAC,yBAAyB,CAAC,CAAA;QACzC,KAAK,EAAE,EAAE,CAAC,oBAAoB,CAAC,CAAA;QAC/B,QAAQ,EAAE,EAAE,CAAC,uBAAuB,CAAC,CAAA;QACrC,SAAS,EAAE,EAAE,CAAC,wBAAwB,CAAC,CAAA;QACvC,YAAY,EAAE,EAAE,CAAC,2BAA2B,CAAC,CAAA;QAC7C,aAAa,EAAE,EAAE,CAAC,4BAA4B,CAAC,CAAA;QAC/C,SAAS,EAAE,EAAE,CAAC,wBAAwB,CAAC,CAAA;QACvC,KAAK,EAAE,EAAE,CAAC,oBAAoB,CAAC,CAAA;QAC/B,KAAK,EAAE,EAAE,CAAC,oBAAoB,CAAC,CAAA;QAC/B,GAAG,EAAE,EAAE,CAAC,kBAAkB,CAAC,CAAA;QAC3B,UAAU,EAAE,EAAE,CAAC,yBAAyB,CAAC,CAAA;QACzC,OAAO,EAAE,EAAE,CAAC,uBAAuB,CAAC,CAAA;QACpC,MAAM,EAAE,EAAE,CAAC;YAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;SAAE,CAAC,CAAA;QACzC,UAAU,EAAE,EAAE,CAAC;YAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;SAAE,CAAC,CAAA;QAC7C,SAAS,EAAE,EAAE,CAAC;YAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;SAAE,CAAC,CAAA;QAC5C,SAAS,EAAE,EAAE,CAAC,GAAG,CAAC,CAAA;KACnB,CAAA;CACF,CAAA;AAED,eAAO,MAAM,gBAAgB,GAC3B,UAAU,aAAa,GAAG,MAAM,KAC/B,oBAmVF,CAAA"}