@fluentui-react-native/menu 1.15.0 → 1.15.1

package/lib/Menu/useMenu.js

@@ -8,84 +8,79 @@ import { useMenuContext } from '../context/menuContext';
 // this behavior.
 const delayOpen = 150;
 export const useMenu = (props) => {
-  const triggerRef = React.useRef(null);
-  const context = useMenuContext();
-  const isSubmenu = context.triggerRef !== null;
-  const isOpenControlled = typeof props.open !== 'undefined';
-  const [open, shouldFocusOnContainer, setOpen] = useMenuOpenState(isOpenControlled, props, context.setOpen);
-  const [checked, onCheckedChange] = useMenuCheckedState(props);
-  // Default behavior for submenu is to open on hover
-  // the ...props line below will override this behavior for a submenu
-  // or apply openOnHover if passed into a root Menu.
-  const openOnHover = isSubmenu;
-  // We need to be able to cancel the timer that gets set on
-  // hover out of the parent popover if the parent popover
-  // is also set to open/close on hover out. Otherwise
-  // the parent menu will close when the timeout passes.
-  const parentPopoverHoverOutTimer = isSubmenu ? context.popoverHoverOutTimer : undefined;
-  return {
-    openOnHover,
-    ...props,
-    open,
-    setOpen,
-    shouldFocusOnContainer,
-    checked,
-    onCheckedChange,
-    triggerRef,
-    isSubmenu,
-    isControlled: isOpenControlled,
-    parentPopoverHoverOutTimer,
-  };
+    const triggerRef = React.useRef(null);
+    const context = useMenuContext();
+    const isSubmenu = context.triggerRef !== null;
+    const isOpenControlled = typeof props.open !== 'undefined';
+    const [open, shouldFocusOnContainer, setOpen] = useMenuOpenState(isOpenControlled, props, context.setOpen);
+    const [checked, onCheckedChange] = useMenuCheckedState(props);
+    // Default behavior for submenu is to open on hover
+    // the ...props line below will override this behavior for a submenu
+    // or apply openOnHover if passed into a root Menu.
+    const openOnHover = isSubmenu;
+    // We need to be able to cancel the timer that gets set on
+    // hover out of the parent popover if the parent popover
+    // is also set to open/close on hover out. Otherwise
+    // the parent menu will close when the timeout passes.
+    const parentPopoverHoverOutTimer = isSubmenu ? context.popoverHoverOutTimer : undefined;
+    return {
+        openOnHover,
+        ...props,
+        open,
+        setOpen,
+        shouldFocusOnContainer,
+        checked,
+        onCheckedChange,
+        triggerRef,
+        isSubmenu,
+        isControlled: isOpenControlled,
+        parentPopoverHoverOutTimer,
+    };
 };
 const useMenuOpenState = (isControlled, props, parentSetOpen) => {
-  const { defaultOpen, onOpenChange, open } = props;
-  const initialState = typeof defaultOpen !== 'undefined' ? defaultOpen : !!open;
-  const [openInternal, setOpenInternal] = React.useState(initialState);
-  const [shouldFocusOnContainer, setShouldFocusOnContainer] = React.useState(undefined);
-  const state = isControlled ? open : openInternal;
-  const lastCloseTimestampRef = React.useRef(-1);
-  const setOpen = React.useCallback(
-    (e, isOpen, bubble) => {
-      const openPrev = state;
-      if (!isControlled && (!isOpen || lastCloseTimestampRef.current + delayOpen <= Date.now())) {
-        setOpenInternal(isOpen);
-      }
-      if (isOpen) {
-        if (Platform.OS === 'win32' && isMouseEvent(e)) {
-          setShouldFocusOnContainer(true);
-        } else {
-          setShouldFocusOnContainer(false);
+    const { defaultOpen, onOpenChange, open } = props;
+    const initialState = typeof defaultOpen !== 'undefined' ? defaultOpen : !!open;
+    const [openInternal, setOpenInternal] = React.useState(initialState);
+    const [shouldFocusOnContainer, setShouldFocusOnContainer] = React.useState(undefined);
+    const state = isControlled ? open : openInternal;
+    const lastCloseTimestampRef = React.useRef(-1);
+    const setOpen = React.useCallback((e, isOpen, bubble) => {
+        const openPrev = state;
+        if (!isControlled && (!isOpen || lastCloseTimestampRef.current + delayOpen <= Date.now())) {
+            setOpenInternal(isOpen);
         }
-      }
-      if (!isOpen) {
-        setShouldFocusOnContainer(undefined);
-        lastCloseTimestampRef.current = Date.now();
-      }
-      if (onOpenChange && openPrev !== isOpen) {
-        onOpenChange(e, isOpen);
-      }
-      if (bubble && parentSetOpen) {
-        parentSetOpen(e, isOpen, bubble);
-      }
-    },
-    [isControlled, state, onOpenChange, setOpenInternal, parentSetOpen],
-  );
-  return [state, shouldFocusOnContainer, setOpen];
+        if (isOpen) {
+            if (Platform.OS === 'win32' && isMouseEvent(e)) {
+                setShouldFocusOnContainer(true);
+            }
+            else {
+                setShouldFocusOnContainer(false);
+            }
+        }
+        if (!isOpen) {
+            setShouldFocusOnContainer(undefined);
+            lastCloseTimestampRef.current = Date.now();
+        }
+        if (onOpenChange && openPrev !== isOpen) {
+            onOpenChange(e, isOpen);
+        }
+        if (bubble && parentSetOpen) {
+            parentSetOpen(e, isOpen, bubble);
+        }
+    }, [isControlled, state, onOpenChange, setOpenInternal, parentSetOpen]);
+    return [state, shouldFocusOnContainer, setOpen];
 };
 const useMenuCheckedState = (props) => {
-  const { checked, defaultChecked, onCheckedChange: onCheckedChangeOriginal } = props;
-  const [checkedInternal, setCheckedInternal] = React.useState(defaultChecked ?? checked ?? []);
-  const isControlled = typeof checked !== 'undefined';
-  const state = isControlled ? checked : checkedInternal;
-  const onCheckedChange = React.useCallback(
-    (e, checked) => {
-      if (!isControlled) {
-        setCheckedInternal(checked);
-      }
-      onCheckedChangeOriginal?.(e, checked);
-    },
-    [isControlled, setCheckedInternal, onCheckedChangeOriginal],
-  );
-  return [state, onCheckedChange];
+    const { checked, defaultChecked, onCheckedChange: onCheckedChangeOriginal } = props;
+    const [checkedInternal, setCheckedInternal] = React.useState(defaultChecked ?? checked ?? []);
+    const isControlled = typeof checked !== 'undefined';
+    const state = isControlled ? checked : checkedInternal;
+    const onCheckedChange = React.useCallback((e, checked) => {
+        if (!isControlled) {
+            setCheckedInternal(checked);
+        }
+        onCheckedChangeOriginal?.(e, checked);
+    }, [isControlled, setCheckedInternal, onCheckedChangeOriginal]);
+    return [state, onCheckedChange];
 };
-//# sourceMappingURL=useMenu.js.map
+//# sourceMappingURL=useMenu.js.map

package/lib/Menu/useMenuContextValue.d.ts

@@ -1,4 +1,4 @@
 import type { MenuState } from './Menu.types';
 import type { MenuContextValue } from '../context/menuContext';
 export declare const useMenuContextValue: (state: MenuState) => MenuContextValue;
-//# sourceMappingURL=useMenuContextValue.d.ts.map
+//# sourceMappingURL=useMenuContextValue.d.ts.map

package/lib/Menu/useMenuContextValue.js

@@ -1,7 +1,7 @@
 import React from 'react';
 export const useMenuContextValue = (state) => {
-  const [triggerHoverOutTimer, setTriggerHoverOutTimer] = React.useState();
-  const [popoverHoverOutTimer, setPopoverHoverOutTimer] = React.useState();
-  return { ...state, popoverHoverOutTimer, triggerHoverOutTimer, setPopoverHoverOutTimer, setTriggerHoverOutTimer };
+    const [triggerHoverOutTimer, setTriggerHoverOutTimer] = React.useState();
+    const [popoverHoverOutTimer, setPopoverHoverOutTimer] = React.useState();
+    return { ...state, popoverHoverOutTimer, triggerHoverOutTimer, setPopoverHoverOutTimer, setTriggerHoverOutTimer };
 };
-//# sourceMappingURL=useMenuContextValue.js.map
+//# sourceMappingURL=useMenuContextValue.js.map

package/lib/MenuCallout/MenuCallout.android.d.ts

@@ -1,4 +1,4 @@
 import type { MenuCalloutProps } from './MenuCallout.types';
-export declare const MenuCallout: import('@fluentui-react-native/framework-base').FunctionComponent<MenuCalloutProps>;
+export declare const MenuCallout: import("@fluentui-react-native/framework-base").FunctionComponent<MenuCalloutProps>;
 export default MenuCallout;
-//# sourceMappingURL=MenuCallout.android.d.ts.map
+//# sourceMappingURL=MenuCallout.android.d.ts.map

package/lib/MenuCallout/MenuCallout.android.js

@@ -1,49 +1,29 @@
-import { jsx as _jsx } from 'react/jsx-runtime';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { Animated, Modal, TouchableWithoutFeedback, View, StyleSheet, ScrollView } from 'react-native';
 import { mergeProps, phasedComponent, directComponent } from '@fluentui-react-native/framework-base';
 import { menuCalloutName } from './MenuCallout.types';
 import { useMenuContext } from '../context';
 const AnimatedScrollView = Animated.createAnimatedComponent(ScrollView);
 export const MenuCallout = phasedComponent((props) => {
-  const context = useMenuContext();
-  return directComponent((innerProps) => {
-    const { children, ...rest } = mergeProps(props, innerProps);
-    const mergedProps = mergeProps(props, rest);
-    const tokens = props.tokens;
-    return _jsx(Modal, {
-      ...mergedProps,
-      visible: context.open,
-      onRequestClose: context.onRequestClose,
-      supportedOrientations: ['portrait', 'portrait-upside-down', 'landscape', 'landscape-left', 'landscape-right'],
-      transparent: true,
-      children: _jsx(TouchableWithoutFeedback, {
-        onPress: context.onRequestClose,
-        accessible: false,
-        children: _jsx(View, {
-          style: [StyleSheet.absoluteFill],
-          children: _jsx(Animated.View, {
-            onLayout: context.onMenuLayout,
-            style: [
-              context.shadowMenuContainerStyle,
-              {
-                maxHeight: mergedProps.maxHeight ? mergedProps.maxHeight : tokens.maxHeight,
-                maxWidth: tokens.maxWidth,
-                position: 'absolute',
-                borderRadius: tokens.borderRadius,
-                elevation: tokens.elevation,
-                overflow: 'hidden',
-              },
-            ],
-            children:
-              context.menuHeight + tokens.minPadding >= tokens.maxHeight || context.menuHeight + tokens.minPadding >= mergedProps.maxHeight
-                ? _jsx(AnimatedScrollView, { style: [context.animationStarted && context.menuSize], children: children })
-                : _jsx(Animated.View, { style: [context.animationStarted && context.menuSize], children: children }),
-          }),
-        }),
-      }),
+    const context = useMenuContext();
+    return directComponent((innerProps) => {
+        const { children, ...rest } = mergeProps(props, innerProps);
+        const mergedProps = mergeProps(props, rest);
+        const tokens = props.tokens;
+        return (_jsx(Modal, { ...mergedProps, visible: context.open, onRequestClose: context.onRequestClose, supportedOrientations: ['portrait', 'portrait-upside-down', 'landscape', 'landscape-left', 'landscape-right'], transparent: true, children: _jsx(TouchableWithoutFeedback, { onPress: context.onRequestClose, accessible: false, children: _jsx(View, { style: [StyleSheet.absoluteFill], children: _jsx(Animated.View, { onLayout: context.onMenuLayout, style: [
+                            context.shadowMenuContainerStyle,
+                            {
+                                maxHeight: mergedProps.maxHeight ? mergedProps.maxHeight : tokens.maxHeight,
+                                maxWidth: tokens.maxWidth,
+                                position: 'absolute',
+                                borderRadius: tokens.borderRadius,
+                                elevation: tokens.elevation,
+                                overflow: 'hidden',
+                            },
+                        ], children: context.menuHeight + tokens.minPadding >= tokens.maxHeight ||
+                            context.menuHeight + tokens.minPadding >= mergedProps.maxHeight ? (_jsx(AnimatedScrollView, { style: [context.animationStarted && context.menuSize], children: children })) : (_jsx(Animated.View, { style: [context.animationStarted && context.menuSize], children: children })) }) }) }) }));
     });
-  });
 });
 MenuCallout.displayName = menuCalloutName;
 export default MenuCallout;
-//# sourceMappingURL=MenuCallout.android.js.map
+//# sourceMappingURL=MenuCallout.android.js.map

package/lib/MenuCallout/MenuCallout.d.ts

@@ -1,4 +1,4 @@
 import type { MenuCalloutProps } from './MenuCallout.types';
-export declare const MenuCallout: import('@fluentui-react-native/framework-base').FunctionComponent<MenuCalloutProps>;
+export declare const MenuCallout: import("@fluentui-react-native/framework-base").FunctionComponent<MenuCalloutProps>;
 export default MenuCallout;
-//# sourceMappingURL=MenuCallout.d.ts.map
+//# sourceMappingURL=MenuCallout.d.ts.map

package/lib/MenuCallout/MenuCallout.js

@@ -1,14 +1,14 @@
-import { jsx as _jsx } from 'react/jsx-runtime';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { Callout } from '@fluentui-react-native/callout';
 import { mergeProps, phasedComponent, directComponent } from '@fluentui-react-native/framework-base';
 import { menuCalloutName } from './MenuCallout.types';
 export const MenuCallout = phasedComponent((props) => {
-  return directComponent((innerProps) => {
-    const { children, ...rest } = innerProps;
-    const mergedProps = mergeProps(props, rest);
-    return _jsx(Callout, { ...mergedProps, children: children });
-  });
+    return directComponent((innerProps) => {
+        const { children, ...rest } = innerProps;
+        const mergedProps = mergeProps(props, rest);
+        return _jsx(Callout, { ...mergedProps, children: children });
+    });
 });
 MenuCallout.displayName = menuCalloutName;
 export default MenuCallout;
-//# sourceMappingURL=MenuCallout.js.map
+//# sourceMappingURL=MenuCallout.js.map

package/lib/MenuCallout/MenuCallout.types.d.ts

@@ -1,19 +1,19 @@
 import type { AnimatableNumericValue } from 'react-native';
 import type { ICalloutProps, ICalloutTokens } from '@fluentui-react-native/callout';
-export declare const menuCalloutName = 'MenuCallout';
+export declare const menuCalloutName = "MenuCallout";
 export type MenuCalloutTokens = Omit<ICalloutTokens, 'anchorRect' | 'beakWidth' | 'dismissBehaviors'> & {
-  /**
-   * The token for the corner radius for the Modal MenuPopover
-   * @platform android macos
-   */
-  borderRadius?: AnimatableNumericValue | string;
-  /**
-   * Shadown elevation token for the Modal MenuPopover
-   * @platform android
-   */
-  elevation?: number;
+    /**
+     * The token for the corner radius for the Modal MenuPopover
+     * @platform android macos
+     */
+    borderRadius?: AnimatableNumericValue | string;
+    /**
+     * Shadown elevation token for the Modal MenuPopover
+     * @platform android
+     */
+    elevation?: number;
 };
 export type MenuCalloutProps = ICalloutProps & {
-  tokens: MenuCalloutTokens;
+    tokens: MenuCalloutTokens;
 };
-//# sourceMappingURL=MenuCallout.types.d.ts.map
+//# sourceMappingURL=MenuCallout.types.d.ts.map

package/lib/MenuCallout/MenuCallout.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuCallout.types.d.ts","sourceRoot":"","sources":["../../src/MenuCallout/MenuCallout.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AAE3D,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAEpF,eAAO,MAAM,eAAe,gBAAgB,CAAC;AAI7C,MAAM,MAAM,iBAAiB,GAC3B,CAAE,IAAI,CAAC,cAAc,EAAE,YAAY,GAAG,WAAW,GAAG,kBAAkB,CAAC,GAAG;IACtE;;;OAGG;IACH,YAAY,CAAC,EAAE,sBAAsB,GAAG,MAAM,CAAC;IAE/C;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAA,CAAC;AAEN,MAAM,MAAM,gBAAgB,GAAG,aAAa,GAAG;IAAE,MAAM,EAAE,iBAAiB,CAAA;CAAE,CAAC"}
+{"version":3,"file":"MenuCallout.types.d.ts","sourceRoot":"","sources":["../../src/MenuCallout/MenuCallout.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AAE3D,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAEpF,eAAO,MAAM,eAAe,gBAAgB,CAAC;AAI7C,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,cAAc,EAAE,YAAY,GAAG,WAAW,GAAG,kBAAkB,CAAC,GAAG;IACtG;;;OAGG;IACH,YAAY,CAAC,EAAE,sBAAsB,GAAG,MAAM,CAAC;IAE/C;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,aAAa,GAAG;IAAE,MAAM,EAAE,iBAAiB,CAAA;CAAE,CAAC"}

package/lib/MenuCallout/MenuCallout.types.js

@@ -1,2 +1,2 @@
 export const menuCalloutName = 'MenuCallout';
-//# sourceMappingURL=MenuCallout.types.js.map
+//# sourceMappingURL=MenuCallout.types.js.map

package/lib/MenuCallout/index.d.ts

@@ -1,4 +1,4 @@
 export { MenuCallout } from './MenuCallout';
 export { menuCalloutName } from './MenuCallout.types';
 export type { MenuCalloutProps, MenuCalloutTokens } from './MenuCallout.types';
-//# sourceMappingURL=index.d.ts.map
+//# sourceMappingURL=index.d.ts.map

package/lib/MenuCallout/index.js

@@ -1,3 +1,3 @@
 export { MenuCallout } from './MenuCallout';
 export { menuCalloutName } from './MenuCallout.types';
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/lib/MenuDivider/MenuDivider.d.ts

@@ -1,8 +1,3 @@
 import type { MenuDividerProps } from './MenuDivider.types';
-export declare const MenuDivider: import('@fluentui-react-native/framework').ComposableComponent<
-  MenuDividerProps,
-  import('./MenuDivider.types').MenuDividerSlotProps,
-  import('./MenuDivider.types').MenuDividerTokens,
-  import('@fluentui-react-native/framework-base').ObjectBase
->;
-//# sourceMappingURL=MenuDivider.d.ts.map
+export declare const MenuDivider: import("@fluentui-react-native/framework").ComposableComponent<MenuDividerProps, import("./MenuDivider.types").MenuDividerSlotProps, import("./MenuDivider.types").MenuDividerTokens, import("@fluentui-react-native/framework-base").ObjectBase>;
+//# sourceMappingURL=MenuDivider.d.ts.map

package/lib/MenuDivider/MenuDivider.js

@@ -1,20 +1,20 @@
-import { jsx as _jsx } from '@fluentui-react-native/framework-base/jsx-runtime';
+import { jsx as _jsx } from "@fluentui-react-native/framework-base/jsx-runtime";
 /** @jsxImportSource @fluentui-react-native/framework-base */
 import { View } from 'react-native';
 import { compose } from '@fluentui-react-native/framework';
 import { stylingSettings } from './MenuDivider.styling';
 import { menuDividerName } from './MenuDivider.types';
 export const MenuDivider = compose({
-  displayName: menuDividerName,
-  ...stylingSettings,
-  slots: {
-    root: View,
-  },
-  useRender: (userProps, useSlots) => {
-    const Slots = useSlots(userProps);
-    return (final) => {
-      return _jsx(Slots.root, { ...final });
-    };
-  },
+    displayName: menuDividerName,
+    ...stylingSettings,
+    slots: {
+        root: View,
+    },
+    useRender: (userProps, useSlots) => {
+        const Slots = useSlots(userProps);
+        return (final) => {
+            return _jsx(Slots.root, { ...final });
+        };
+    },
 });
-//# sourceMappingURL=MenuDivider.js.map
+//# sourceMappingURL=MenuDivider.js.map

package/lib/MenuDivider/MenuDivider.styling.d.ts

@@ -1,4 +1,4 @@
 import type { UseStylingOptions } from '@fluentui-react-native/framework';
 import type { MenuDividerProps, MenuDividerTokens, MenuDividerSlotProps } from './MenuDivider.types';
 export declare const stylingSettings: UseStylingOptions<MenuDividerProps, MenuDividerSlotProps, MenuDividerTokens>;
-//# sourceMappingURL=MenuDivider.styling.d.ts.map
+//# sourceMappingURL=MenuDivider.styling.d.ts.map

package/lib/MenuDivider/MenuDivider.styling.js

@@ -3,23 +3,20 @@ import { buildProps } from '@fluentui-react-native/framework';
 import { menuDividerName } from './MenuDivider.types';
 import { defaultMenuDividerTokens } from './MenuDividerTokens';
 export const stylingSettings = {
-  tokens: [defaultMenuDividerTokens, menuDividerName],
-  tokensThatAreAlsoProps: ['insetSize'],
-  slotProps: {
-    root: buildProps(
-      (tokens) => ({
-        style: {
-          height: tokens.height,
-          width: tokens.width,
-          backgroundColor: tokens.backgroundColor,
-          margin: tokens.margin,
-          marginVertical: tokens.marginVertical,
-          display: 'flex',
-          ...(Platform.OS === 'android' && { marginStart: tokens.insetSize }),
-        },
-      }),
-      ['backgroundColor', 'height', 'margin', 'marginVertical', 'width'],
-    ),
-  },
+    tokens: [defaultMenuDividerTokens, menuDividerName],
+    tokensThatAreAlsoProps: ['insetSize'],
+    slotProps: {
+        root: buildProps((tokens) => ({
+            style: {
+                height: tokens.height,
+                width: tokens.width,
+                backgroundColor: tokens.backgroundColor,
+                margin: tokens.margin,
+                marginVertical: tokens.marginVertical,
+                display: 'flex',
+                ...(Platform.OS === 'android' && { marginStart: tokens.insetSize }),
+            },
+        }), ['backgroundColor', 'height', 'margin', 'marginVertical', 'width']),
+    },
 };
-//# sourceMappingURL=MenuDivider.styling.js.map
+//# sourceMappingURL=MenuDivider.styling.js.map

package/lib/MenuDivider/MenuDivider.types.d.ts

@@ -2,25 +2,25 @@ import type * as React from 'react';
 import type { ViewStyle } from 'react-native';
 import type { IViewProps } from '@fluentui-react-native/adapters';
 import type { IBackgroundColorTokens } from '@fluentui-react-native/tokens';
-export declare const menuDividerName = 'MenuDivider';
+export declare const menuDividerName = "MenuDivider";
 export declare const MenuDividerInsetSizes: readonly [0, 16, 56, 68, 72, 108];
 export type MenuDividerInsetSize = (typeof MenuDividerInsetSizes)[number];
 export type MenuDividerTokens = IBackgroundColorTokens & {
-  height?: number;
-  margin?: number;
-  marginVertical?: number;
-  width?: ViewStyle['width'];
-  insetSize?: MenuDividerInsetSize;
+    height?: number;
+    margin?: number;
+    marginVertical?: number;
+    width?: ViewStyle['width'];
+    insetSize?: MenuDividerInsetSize;
 };
 export type MenuDividerProps = IViewProps & {
-  insetSize?: MenuDividerInsetSize;
+    insetSize?: MenuDividerInsetSize;
 };
 export interface MenuDividerSlotProps {
-  root: React.PropsWithRef<IViewProps>;
+    root: React.PropsWithRef<IViewProps>;
 }
 export interface MenuDividerType {
-  props: MenuDividerProps;
-  tokens: MenuDividerTokens;
-  slotProps: MenuDividerSlotProps;
+    props: MenuDividerProps;
+    tokens: MenuDividerTokens;
+    slotProps: MenuDividerSlotProps;
 }
-//# sourceMappingURL=MenuDivider.types.d.ts.map
+//# sourceMappingURL=MenuDivider.types.d.ts.map

package/lib/MenuDivider/MenuDivider.types.js

@@ -1,3 +1,3 @@
 export const menuDividerName = 'MenuDivider';
 export const MenuDividerInsetSizes = [0, 16, 56, 68, 72, 108];
-//# sourceMappingURL=MenuDivider.types.js.map
+//# sourceMappingURL=MenuDivider.types.js.map

package/lib/MenuDivider/MenuDividerTokens.android.d.ts

@@ -2,4 +2,4 @@ import type { Theme } from '@fluentui-react-native/framework';
 import type { TokenSettings } from '@fluentui-react-native/use-styling';
 import type { MenuDividerTokens } from './MenuDivider.types';
 export declare const defaultMenuDividerTokens: TokenSettings<MenuDividerTokens, Theme>;
-//# sourceMappingURL=MenuDividerTokens.android.d.ts.map
+//# sourceMappingURL=MenuDividerTokens.android.d.ts.map

package/lib/MenuDivider/MenuDividerTokens.android.js

@@ -1,7 +1,7 @@
 import { globalTokens } from '@fluentui-react-native/theme-tokens';
 export const defaultMenuDividerTokens = (t) => ({
-  backgroundColor: t.colors.neutralStroke2,
-  height: globalTokens.stroke.width10,
-  insetSize: 0,
+    backgroundColor: t.colors.neutralStroke2,
+    height: globalTokens.stroke.width10,
+    insetSize: 0,
 });
-//# sourceMappingURL=MenuDividerTokens.android.js.map
+//# sourceMappingURL=MenuDividerTokens.android.js.map

package/lib/MenuDivider/MenuDividerTokens.d.ts

@@ -2,4 +2,4 @@ import type { Theme } from '@fluentui-react-native/framework';
 import type { TokenSettings } from '@fluentui-react-native/use-styling';
 import type { MenuDividerTokens } from './MenuDivider.types';
 export declare const defaultMenuDividerTokens: TokenSettings<MenuDividerTokens, Theme>;
-//# sourceMappingURL=MenuDividerTokens.d.ts.map
+//# sourceMappingURL=MenuDividerTokens.d.ts.map

package/lib/MenuDivider/MenuDividerTokens.js

@@ -1,7 +1,7 @@
 import { globalTokens } from '@fluentui-react-native/theme-tokens';
 export const defaultMenuDividerTokens = (t) => ({
-  backgroundColor: t.colors.neutralStroke2,
-  height: globalTokens.stroke.width10,
-  marginVertical: globalTokens.size40,
+    backgroundColor: t.colors.neutralStroke2,
+    height: globalTokens.stroke.width10,
+    marginVertical: globalTokens.size40,
 });
-//# sourceMappingURL=MenuDividerTokens.js.map
+//# sourceMappingURL=MenuDividerTokens.js.map

package/lib/MenuDivider/MenuDividerTokens.macos.d.ts

@@ -2,4 +2,4 @@ import type { Theme } from '@fluentui-react-native/framework';
 import type { TokenSettings } from '@fluentui-react-native/use-styling';
 import type { MenuDividerTokens } from './MenuDivider.types';
 export declare const defaultMenuDividerTokens: TokenSettings<MenuDividerTokens, Theme>;
-//# sourceMappingURL=MenuDividerTokens.macos.d.ts.map
+//# sourceMappingURL=MenuDividerTokens.macos.d.ts.map

package/lib/MenuDivider/MenuDividerTokens.macos.js

@@ -1,7 +1,7 @@
 import { globalTokens } from '@fluentui-react-native/theme-tokens';
 export const defaultMenuDividerTokens = (t) => ({
-  backgroundColor: t.colors.neutralStroke2,
-  height: globalTokens.stroke.width10,
-  margin: globalTokens.size40,
+    backgroundColor: t.colors.neutralStroke2,
+    height: globalTokens.stroke.width10,
+    margin: globalTokens.size40,
 });
-//# sourceMappingURL=MenuDividerTokens.macos.js.map
+//# sourceMappingURL=MenuDividerTokens.macos.js.map

package/lib/MenuDivider/MenuDividerTokens.win32.d.ts

@@ -2,4 +2,4 @@ import type { Theme } from '@fluentui-react-native/framework';
 import type { TokenSettings } from '@fluentui-react-native/use-styling';
 import type { MenuDividerTokens } from './MenuDivider.types';
 export declare const defaultMenuDividerTokens: TokenSettings<MenuDividerTokens, Theme>;
-//# sourceMappingURL=MenuDividerTokens.win32.d.ts.map
+//# sourceMappingURL=MenuDividerTokens.win32.d.ts.map

package/lib/MenuDivider/MenuDividerTokens.win32.js

@@ -1,7 +1,7 @@
 import { globalTokens } from '@fluentui-react-native/theme-tokens';
 export const defaultMenuDividerTokens = (t) => ({
-  backgroundColor: t.colors.neutralStroke1,
-  height: globalTokens.stroke.width10,
-  margin: globalTokens.size20,
+    backgroundColor: t.colors.neutralStroke1,
+    height: globalTokens.stroke.width10,
+    margin: globalTokens.size20,
 });
-//# sourceMappingURL=MenuDividerTokens.win32.js.map
+//# sourceMappingURL=MenuDividerTokens.win32.js.map

package/lib/MenuDivider/index.d.ts

@@ -1,4 +1,4 @@
 export { MenuDivider } from './MenuDivider';
 export { menuDividerName } from './MenuDivider.types';
 export type { MenuDividerProps, MenuDividerTokens, MenuDividerSlotProps, MenuDividerType, MenuDividerInsetSize } from './MenuDivider.types';
-//# sourceMappingURL=index.d.ts.map
+//# sourceMappingURL=index.d.ts.map

package/lib/MenuDivider/index.js

@@ -1,3 +1,3 @@
 export { MenuDivider } from './MenuDivider';
 export { menuDividerName } from './MenuDivider.types';
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/lib/MenuGroup/MenuGroup.d.ts

@@ -1,8 +1,3 @@
 import type { IViewProps } from '@fluentui-react-native/adapters';
-export declare const MenuGroup: import('@fluentui-react-native/framework').ComposableComponent<
-  IViewProps,
-  import('./MenuGroup.types').MenuGroupSlotProps,
-  import('@fluentui-react-native/tokens').LayoutTokens,
-  import('@fluentui-react-native/framework-base').ObjectBase
->;
-//# sourceMappingURL=MenuGroup.d.ts.map
+export declare const MenuGroup: import("@fluentui-react-native/framework").ComposableComponent<IViewProps, import("./MenuGroup.types").MenuGroupSlotProps, import("@fluentui-react-native/tokens").LayoutTokens, import("@fluentui-react-native/framework-base").ObjectBase>;
+//# sourceMappingURL=MenuGroup.d.ts.map