@fluentui-react-native/menu 1.15.0 → 1.15.1

package/lib-commonjs/Menu/useMenu.js

@@ -1,100 +1,93 @@
-'use strict';
-var __importDefault =
-  (this && this.__importDefault) ||
-  function (mod) {
-    return mod && mod.__esModule ? mod : { default: mod };
-  };
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.useMenu = void 0;
-const react_1 = __importDefault(require('react'));
-const react_native_1 = require('react-native');
-const interactive_hooks_1 = require('@fluentui-react-native/interactive-hooks');
-const menuContext_1 = require('../context/menuContext');
+const react_1 = __importDefault(require("react"));
+const react_native_1 = require("react-native");
+const interactive_hooks_1 = require("@fluentui-react-native/interactive-hooks");
+const menuContext_1 = require("../context/menuContext");
 // Due to how events get fired we get double notifications
 // for the same event causing us to immediately reopen
 // a menu when we close it. Adding in a delay to prevent
 // this behavior.
 const delayOpen = 150;
 const useMenu = (props) => {
-  const triggerRef = react_1.default.useRef(null);
-  const context = (0, menuContext_1.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_1.default.useRef(null);
+    const context = (0, menuContext_1.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,
+    };
 };
 exports.useMenu = useMenu;
 const useMenuOpenState = (isControlled, props, parentSetOpen) => {
-  const { defaultOpen, onOpenChange, open } = props;
-  const initialState = typeof defaultOpen !== 'undefined' ? defaultOpen : !!open;
-  const [openInternal, setOpenInternal] = react_1.default.useState(initialState);
-  const [shouldFocusOnContainer, setShouldFocusOnContainer] = react_1.default.useState(undefined);
-  const state = isControlled ? open : openInternal;
-  const lastCloseTimestampRef = react_1.default.useRef(-1);
-  const setOpen = react_1.default.useCallback(
-    (e, isOpen, bubble) => {
-      const openPrev = state;
-      if (!isControlled && (!isOpen || lastCloseTimestampRef.current + delayOpen <= Date.now())) {
-        setOpenInternal(isOpen);
-      }
-      if (isOpen) {
-        if (react_native_1.Platform.OS === 'win32' && (0, interactive_hooks_1.isMouseEvent)(e)) {
-          setShouldFocusOnContainer(true);
-        } else {
-          setShouldFocusOnContainer(false);
+    const { defaultOpen, onOpenChange, open } = props;
+    const initialState = typeof defaultOpen !== 'undefined' ? defaultOpen : !!open;
+    const [openInternal, setOpenInternal] = react_1.default.useState(initialState);
+    const [shouldFocusOnContainer, setShouldFocusOnContainer] = react_1.default.useState(undefined);
+    const state = isControlled ? open : openInternal;
+    const lastCloseTimestampRef = react_1.default.useRef(-1);
+    const setOpen = react_1.default.useCallback((e, isOpen, bubble) => {
+        const openPrev = state;
+        if (!isControlled && (!isOpen || lastCloseTimestampRef.current + delayOpen <= Date.now())) {
+            setOpenInternal(isOpen);
+        }
+        if (isOpen) {
+            if (react_native_1.Platform.OS === 'win32' && (0, interactive_hooks_1.isMouseEvent)(e)) {
+                setShouldFocusOnContainer(true);
+            }
+            else {
+                setShouldFocusOnContainer(false);
+            }
+        }
+        if (!isOpen) {
+            setShouldFocusOnContainer(undefined);
+            lastCloseTimestampRef.current = Date.now();
         }
-      }
-      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 (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_1.default.useState(defaultChecked ?? checked ?? []);
-  const isControlled = typeof checked !== 'undefined';
-  const state = isControlled ? checked : checkedInternal;
-  const onCheckedChange = react_1.default.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_1.default.useState(defaultChecked ?? checked ?? []);
+    const isControlled = typeof checked !== 'undefined';
+    const state = isControlled ? checked : checkedInternal;
+    const onCheckedChange = react_1.default.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-commonjs/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-commonjs/Menu/useMenuContextValue.js

@@ -1,16 +1,14 @@
-'use strict';
-var __importDefault =
-  (this && this.__importDefault) ||
-  function (mod) {
-    return mod && mod.__esModule ? mod : { default: mod };
-  };
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.useMenuContextValue = void 0;
-const react_1 = __importDefault(require('react'));
+const react_1 = __importDefault(require("react"));
 const useMenuContextValue = (state) => {
-  const [triggerHoverOutTimer, setTriggerHoverOutTimer] = react_1.default.useState();
-  const [popoverHoverOutTimer, setPopoverHoverOutTimer] = react_1.default.useState();
-  return { ...state, popoverHoverOutTimer, triggerHoverOutTimer, setPopoverHoverOutTimer, setTriggerHoverOutTimer };
+    const [triggerHoverOutTimer, setTriggerHoverOutTimer] = react_1.default.useState();
+    const [popoverHoverOutTimer, setPopoverHoverOutTimer] = react_1.default.useState();
+    return { ...state, popoverHoverOutTimer, triggerHoverOutTimer, setPopoverHoverOutTimer, setTriggerHoverOutTimer };
 };
 exports.useMenuContextValue = useMenuContextValue;
-//# sourceMappingURL=useMenuContextValue.js.map
+//# sourceMappingURL=useMenuContextValue.js.map

package/lib-commonjs/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-commonjs/MenuCallout/MenuCallout.android.js

@@ -1,55 +1,32 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.MenuCallout = void 0;
-const jsx_runtime_1 = require('react/jsx-runtime');
-const react_native_1 = require('react-native');
-const framework_base_1 = require('@fluentui-react-native/framework-base');
-const MenuCallout_types_1 = require('./MenuCallout.types');
-const context_1 = require('../context');
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_native_1 = require("react-native");
+const framework_base_1 = require("@fluentui-react-native/framework-base");
+const MenuCallout_types_1 = require("./MenuCallout.types");
+const context_1 = require("../context");
 const AnimatedScrollView = react_native_1.Animated.createAnimatedComponent(react_native_1.ScrollView);
 exports.MenuCallout = (0, framework_base_1.phasedComponent)((props) => {
-  const context = (0, context_1.useMenuContext)();
-  return (0, framework_base_1.directComponent)((innerProps) => {
-    const { children, ...rest } = (0, framework_base_1.mergeProps)(props, innerProps);
-    const mergedProps = (0, framework_base_1.mergeProps)(props, rest);
-    const tokens = props.tokens;
-    return jsx_runtime_1.jsx(react_native_1.Modal, {
-      ...mergedProps,
-      visible: context.open,
-      onRequestClose: context.onRequestClose,
-      supportedOrientations: ['portrait', 'portrait-upside-down', 'landscape', 'landscape-left', 'landscape-right'],
-      transparent: true,
-      children: jsx_runtime_1.jsx(react_native_1.TouchableWithoutFeedback, {
-        onPress: context.onRequestClose,
-        accessible: false,
-        children: jsx_runtime_1.jsx(react_native_1.View, {
-          style: [react_native_1.StyleSheet.absoluteFill],
-          children: jsx_runtime_1.jsx(react_native_1.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_runtime_1.jsx(AnimatedScrollView, { style: [context.animationStarted && context.menuSize], children: children })
-                : jsx_runtime_1.jsx(react_native_1.Animated.View, {
-                    style: [context.animationStarted && context.menuSize],
-                    children: children,
-                  }),
-          }),
-        }),
-      }),
+    const context = (0, context_1.useMenuContext)();
+    return (0, framework_base_1.directComponent)((innerProps) => {
+        const { children, ...rest } = (0, framework_base_1.mergeProps)(props, innerProps);
+        const mergedProps = (0, framework_base_1.mergeProps)(props, rest);
+        const tokens = props.tokens;
+        return (jsx_runtime_1.jsx(react_native_1.Modal, { ...mergedProps, visible: context.open, onRequestClose: context.onRequestClose, supportedOrientations: ['portrait', 'portrait-upside-down', 'landscape', 'landscape-left', 'landscape-right'], transparent: true, children: jsx_runtime_1.jsx(react_native_1.TouchableWithoutFeedback, { onPress: context.onRequestClose, accessible: false, children: jsx_runtime_1.jsx(react_native_1.View, { style: [react_native_1.StyleSheet.absoluteFill], children: jsx_runtime_1.jsx(react_native_1.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_runtime_1.jsx(AnimatedScrollView, { style: [context.animationStarted && context.menuSize], children: children })) : (jsx_runtime_1.jsx(react_native_1.Animated.View, { style: [context.animationStarted && context.menuSize], children: children })) }) }) }) }));
     });
-  });
 });
 exports.MenuCallout.displayName = MenuCallout_types_1.menuCalloutName;
 exports.default = exports.MenuCallout;
-//# sourceMappingURL=MenuCallout.android.js.map
+//# sourceMappingURL=MenuCallout.android.js.map

package/lib-commonjs/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-commonjs/MenuCallout/MenuCallout.js

@@ -1,17 +1,17 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.MenuCallout = void 0;
-const jsx_runtime_1 = require('react/jsx-runtime');
-const callout_1 = require('@fluentui-react-native/callout');
-const framework_base_1 = require('@fluentui-react-native/framework-base');
-const MenuCallout_types_1 = require('./MenuCallout.types');
+const jsx_runtime_1 = require("react/jsx-runtime");
+const callout_1 = require("@fluentui-react-native/callout");
+const framework_base_1 = require("@fluentui-react-native/framework-base");
+const MenuCallout_types_1 = require("./MenuCallout.types");
 exports.MenuCallout = (0, framework_base_1.phasedComponent)((props) => {
-  return (0, framework_base_1.directComponent)((innerProps) => {
-    const { children, ...rest } = innerProps;
-    const mergedProps = (0, framework_base_1.mergeProps)(props, rest);
-    return jsx_runtime_1.jsx(callout_1.Callout, { ...mergedProps, children: children });
-  });
+    return (0, framework_base_1.directComponent)((innerProps) => {
+        const { children, ...rest } = innerProps;
+        const mergedProps = (0, framework_base_1.mergeProps)(props, rest);
+        return jsx_runtime_1.jsx(callout_1.Callout, { ...mergedProps, children: children });
+    });
 });
 exports.MenuCallout.displayName = MenuCallout_types_1.menuCalloutName;
 exports.default = exports.MenuCallout;
-//# sourceMappingURL=MenuCallout.js.map
+//# sourceMappingURL=MenuCallout.js.map

package/lib-commonjs/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-commonjs/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-commonjs/MenuCallout/MenuCallout.types.js

@@ -1,5 +1,5 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.menuCalloutName = void 0;
 exports.menuCalloutName = 'MenuCallout';
-//# sourceMappingURL=MenuCallout.types.js.map
+//# sourceMappingURL=MenuCallout.types.js.map

package/lib-commonjs/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-commonjs/MenuCallout/index.js

@@ -1,18 +1,8 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.menuCalloutName = exports.MenuCallout = void 0;
-const MenuCallout_1 = require('./MenuCallout');
-Object.defineProperty(exports, 'MenuCallout', {
-  enumerable: true,
-  get: function () {
-    return MenuCallout_1.MenuCallout;
-  },
-});
-const MenuCallout_types_1 = require('./MenuCallout.types');
-Object.defineProperty(exports, 'menuCalloutName', {
-  enumerable: true,
-  get: function () {
-    return MenuCallout_types_1.menuCalloutName;
-  },
-});
-//# sourceMappingURL=index.js.map
+const MenuCallout_1 = require("./MenuCallout");
+Object.defineProperty(exports, "MenuCallout", { enumerable: true, get: function () { return MenuCallout_1.MenuCallout; } });
+const MenuCallout_types_1 = require("./MenuCallout.types");
+Object.defineProperty(exports, "menuCalloutName", { enumerable: true, get: function () { return MenuCallout_types_1.menuCalloutName; } });
+//# sourceMappingURL=index.js.map

package/lib-commonjs/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').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").ObjectBase>;
+//# sourceMappingURL=MenuDivider.d.ts.map

package/lib-commonjs/MenuDivider/MenuDivider.js

@@ -1,23 +1,23 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.MenuDivider = void 0;
-const jsx_runtime_1 = require('@fluentui-react-native/framework-base/jsx-runtime');
+const jsx_runtime_1 = require("@fluentui-react-native/framework-base/jsx-runtime");
 /** @jsxImportSource @fluentui-react-native/framework-base */
-const react_native_1 = require('react-native');
-const framework_1 = require('@fluentui-react-native/framework');
-const MenuDivider_styling_1 = require('./MenuDivider.styling');
-const MenuDivider_types_1 = require('./MenuDivider.types');
+const react_native_1 = require("react-native");
+const framework_1 = require("@fluentui-react-native/framework");
+const MenuDivider_styling_1 = require("./MenuDivider.styling");
+const MenuDivider_types_1 = require("./MenuDivider.types");
 exports.MenuDivider = (0, framework_1.compose)({
-  displayName: MenuDivider_types_1.menuDividerName,
-  ...MenuDivider_styling_1.stylingSettings,
-  slots: {
-    root: react_native_1.View,
-  },
-  useRender: (userProps, useSlots) => {
-    const Slots = useSlots(userProps);
-    return (final) => {
-      return jsx_runtime_1.jsx(Slots.root, { ...final });
-    };
-  },
+    displayName: MenuDivider_types_1.menuDividerName,
+    ...MenuDivider_styling_1.stylingSettings,
+    slots: {
+        root: react_native_1.View,
+    },
+    useRender: (userProps, useSlots) => {
+        const Slots = useSlots(userProps);
+        return (final) => {
+            return jsx_runtime_1.jsx(Slots.root, { ...final });
+        };
+    },
 });
-//# sourceMappingURL=MenuDivider.js.map
+//# sourceMappingURL=MenuDivider.js.map

package/lib-commonjs/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-commonjs/MenuDivider/MenuDivider.styling.js

@@ -1,28 +1,25 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.stylingSettings = void 0;
-const react_native_1 = require('react-native');
-const framework_1 = require('@fluentui-react-native/framework');
-const MenuDivider_types_1 = require('./MenuDivider.types');
-const MenuDividerTokens_1 = require('./MenuDividerTokens');
+const react_native_1 = require("react-native");
+const framework_1 = require("@fluentui-react-native/framework");
+const MenuDivider_types_1 = require("./MenuDivider.types");
+const MenuDividerTokens_1 = require("./MenuDividerTokens");
 exports.stylingSettings = {
-  tokens: [MenuDividerTokens_1.defaultMenuDividerTokens, MenuDivider_types_1.menuDividerName],
-  tokensThatAreAlsoProps: ['insetSize'],
-  slotProps: {
-    root: (0, framework_1.buildProps)(
-      (tokens) => ({
-        style: {
-          height: tokens.height,
-          width: tokens.width,
-          backgroundColor: tokens.backgroundColor,
-          margin: tokens.margin,
-          marginVertical: tokens.marginVertical,
-          display: 'flex',
-          ...(react_native_1.Platform.OS === 'android' && { marginStart: tokens.insetSize }),
-        },
-      }),
-      ['backgroundColor', 'height', 'margin', 'marginVertical', 'width'],
-    ),
-  },
+    tokens: [MenuDividerTokens_1.defaultMenuDividerTokens, MenuDivider_types_1.menuDividerName],
+    tokensThatAreAlsoProps: ['insetSize'],
+    slotProps: {
+        root: (0, framework_1.buildProps)((tokens) => ({
+            style: {
+                height: tokens.height,
+                width: tokens.width,
+                backgroundColor: tokens.backgroundColor,
+                margin: tokens.margin,
+                marginVertical: tokens.marginVertical,
+                display: 'flex',
+                ...(react_native_1.Platform.OS === 'android' && { marginStart: tokens.insetSize }),
+            },
+        }), ['backgroundColor', 'height', 'margin', 'marginVertical', 'width']),
+    },
 };
-//# sourceMappingURL=MenuDivider.styling.js.map
+//# sourceMappingURL=MenuDivider.styling.js.map

package/lib-commonjs/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-commonjs/MenuDivider/MenuDivider.types.js

@@ -1,6 +1,6 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.MenuDividerInsetSizes = exports.menuDividerName = void 0;
 exports.menuDividerName = 'MenuDivider';
 exports.MenuDividerInsetSizes = [0, 16, 56, 68, 72, 108];
-//# sourceMappingURL=MenuDivider.types.js.map
+//# sourceMappingURL=MenuDivider.types.js.map

package/lib-commonjs/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-commonjs/MenuDivider/MenuDividerTokens.android.js

@@ -1,11 +1,11 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.defaultMenuDividerTokens = void 0;
-const theme_tokens_1 = require('@fluentui-react-native/theme-tokens');
+const theme_tokens_1 = require("@fluentui-react-native/theme-tokens");
 const defaultMenuDividerTokens = (t) => ({
-  backgroundColor: t.colors.neutralStroke2,
-  height: theme_tokens_1.globalTokens.stroke.width10,
-  insetSize: 0,
+    backgroundColor: t.colors.neutralStroke2,
+    height: theme_tokens_1.globalTokens.stroke.width10,
+    insetSize: 0,
 });
 exports.defaultMenuDividerTokens = defaultMenuDividerTokens;
-//# sourceMappingURL=MenuDividerTokens.android.js.map
+//# sourceMappingURL=MenuDividerTokens.android.js.map