@fluentui-copilot/react-attachments 0.12.5-hotfix.1 → 0.12.5-hotfix.2

package/lib/components/AttachmentList/renderAttachmentList.js

@@ -1,31 +1,31 @@
-  import { jsx as _jsx, jsxs as _jsxs } from "@fluentui/react-jsx-runtime/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "@fluentui/react-jsx-runtime/jsx-runtime";
 import { Overflow, assertSlots } from '@fluentui/react-components';
 import { AttachmentListProvider } from '../../contexts/attachmentListContext';
 import { AttachmentOverflowMenu } from '../AttachmentOverflowMenu';
 /**
  * Render the final JSX of AttachmentList
- */ export const renderAttachmentList_unstable = (state, contextValues)=>{
-    assertSlots(state);
-    const { overflowMenuProps, root, shouldUseOverflow } = state;
-    return /*#__PURE__*/ _jsx(AttachmentListProvider, {
-        value: contextValues.attachmentList,
-        children: shouldUseOverflow && state.overflowMenuButton && state.menuList && state.menuPopover ? /*#__PURE__*/ _jsx(Overflow, {
-            ref: root.ref,
-            children: /*#__PURE__*/ _jsxs(state.root, {
-                children: [
-                    root.children,
-                    /*#__PURE__*/ _jsxs(AttachmentOverflowMenu, {
-                        positioning: 'above',
-                        ...overflowMenuProps,
-                        children: [
-                            /*#__PURE__*/ _jsx(state.overflowMenuButton, {}),
-                            /*#__PURE__*/ _jsx(state.menuPopover, {
-                                children: /*#__PURE__*/ _jsx(state.menuList, {})
-                            })
-                        ]
-                    })
-                ]
-            })
-        }) : /*#__PURE__*/ _jsx(state.root, {})
-    });
+ */
+export const renderAttachmentList_unstable = (state, contextValues) => {
+  assertSlots(state);
+  const {
+    overflowMenuProps,
+    root,
+    shouldUseOverflow
+  } = state;
+  return /*#__PURE__*/_jsx(AttachmentListProvider, {
+    value: contextValues.attachmentList,
+    children: shouldUseOverflow && state.overflowMenuButton && state.menuList && state.menuPopover ? /*#__PURE__*/_jsx(Overflow, {
+      ref: root.ref,
+      children: /*#__PURE__*/_jsxs(state.root, {
+        children: [root.children, /*#__PURE__*/_jsxs(AttachmentOverflowMenu, {
+          positioning: 'above',
+          ...overflowMenuProps,
+          children: [/*#__PURE__*/_jsx(state.overflowMenuButton, {}), /*#__PURE__*/_jsx(state.menuPopover, {
+            children: /*#__PURE__*/_jsx(state.menuList, {})
+          })]
+        })]
+      })
+    }) : /*#__PURE__*/_jsx(state.root, {})
+  });
 };
+//# sourceMappingURL=renderAttachmentList.js.map

package/lib/components/AttachmentList/useAttachmentList.js

@@ -16,119 +16,130 @@ import { useDesignVersion } from '@fluentui-copilot/react-provider';
  *
  * @param props - props from this instance of AttachmentList
  * @param ref - reference to root HTMLElement of AttachmentList
- */ export const useAttachmentList_unstable = (props, ref)=>{
-    const { children, maxVisibleAttachments, onAttachmentDismiss, overflowMenuProps } = props;
-    const innerRef = React.useRef(null);
-    const [setTimeout] = useTimeout();
-    const { targetDocument } = useFluent();
-    const designVersion = useDesignVersion(props.designVersion);
-    const { findNextFocusable, findPrevFocusable, findLastFocusable } = useFocusFinders();
-    const handleAttachmentDismiss = useEventCallback((e, data)=>{
-        var _innerRef_current;
-        if (!onAttachmentDismiss) {
-            return;
-        }
-        onAttachmentDismiss(e, data);
-        // set focus after attachment dismiss
-        const activeElement = targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.activeElement;
-        if ((_innerRef_current = innerRef.current) === null || _innerRef_current === void 0 ? void 0 : _innerRef_current.contains(activeElement)) {
-            // focus on next attachment only if the active element is within the current attachment list
-            const next = findNextFocusable(activeElement, {
-                container: innerRef.current
-            });
-            if (next) {
-                // focus on the overflow button if the next focusable element is the overflow button.
-                // if overflow button is removed from the DOM, focus on the last focusable element in the attachment list.
-                if (next.classList.contains(attachmentOverflowMenuButtonClassNames.root)) {
-                    setTimeout(()=>{
-                        var _findLastFocusable;
-                        (_findLastFocusable = findLastFocusable(innerRef.current)) === null || _findLastFocusable === void 0 ? void 0 : _findLastFocusable.focus();
-                    }, 0);
-                } else {
-                    next.focus();
-                }
-            } else {
-                const prev = findPrevFocusable(activeElement === null || activeElement === void 0 ? void 0 : activeElement.parentElement, {
-                    container: innerRef.current
-                });
-                prev === null || prev === void 0 ? void 0 : prev.focus();
-            }
+ */
+export const useAttachmentList_unstable = (props, ref) => {
+  const {
+    children,
+    maxVisibleAttachments,
+    onAttachmentDismiss,
+    overflowMenuProps
+  } = props;
+  const innerRef = React.useRef(null);
+  const [setTimeout] = useTimeout();
+  const {
+    targetDocument
+  } = useFluent();
+  const designVersion = useDesignVersion(props.designVersion);
+  const {
+    findNextFocusable,
+    findPrevFocusable,
+    findLastFocusable
+  } = useFocusFinders();
+  const handleAttachmentDismiss = useEventCallback((e, data) => {
+    var _innerRef_current;
+    if (!onAttachmentDismiss) {
+      return;
+    }
+    onAttachmentDismiss(e, data);
+    // set focus after attachment dismiss
+    const activeElement = targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.activeElement;
+    if ((_innerRef_current = innerRef.current) === null || _innerRef_current === void 0 ? void 0 : _innerRef_current.contains(activeElement)) {
+      // focus on next attachment only if the active element is within the current attachment list
+      const next = findNextFocusable(activeElement, {
+        container: innerRef.current
+      });
+      if (next) {
+        // focus on the overflow button if the next focusable element is the overflow button.
+        // if overflow button is removed from the DOM, focus on the last focusable element in the attachment list.
+        if (next.classList.contains(attachmentOverflowMenuButtonClassNames.root)) {
+          setTimeout(() => {
+            var _findLastFocusable;
+            (_findLastFocusable = findLastFocusable(innerRef.current)) === null || _findLastFocusable === void 0 ? void 0 : _findLastFocusable.focus();
+          }, 0);
         } else {
-            // Handles keyboard focus when attachment removed is in the overflow menu. Also handles focus when the overflow button is removed from the DOM.
-            setTimeout(()=>{
-                var _findLastFocusable;
-                (_findLastFocusable = findLastFocusable(innerRef.current)) === null || _findLastFocusable === void 0 ? void 0 : _findLastFocusable.focus();
-            }, 0);
-        }
-    });
-    const styles = useOverflowStyles();
-    const resolvedChildren = useOverflowMaxVisibleItems({
-        children,
-        maxVisibleItems: maxVisibleAttachments,
-        overflowClassName: styles.overflow
-    });
-    const attachmentOverflowMenuItems = React.useMemo(()=>{
-        if (resolvedChildren && Array.isArray(resolvedChildren)) {
-            return resolvedChildren.filter((child)=>/*#__PURE__*/ React.isValidElement(child)).map((child)=>child.props).map((attachment)=>{
-                const dismissButton = slot.optional(attachment.dismissButton, {
-                    elementType: 'button'
-                });
-                return /*#__PURE__*/ React.createElement(AttachmentOverflowMenuItem, {
-                    ...attachment,
-                    key: attachment.id,
-                    onClick: dismissButton === null || dismissButton === void 0 ? void 0 : dismissButton.onClick
-                });
-            });
+          next.focus();
         }
-        return [];
-    }, [
-        resolvedChildren
-    ]);
-    const arrowNavigationProps = useArrowNavigationGroup({
-        circular: true,
-        axis: 'both',
-        memorizeCurrent: true
-    });
-    const shouldUseOverflow = maxVisibleAttachments !== undefined;
-    return {
-        designVersion,
-        onAttachmentDismiss: handleAttachmentDismiss,
-        shouldUseOverflow,
-        numberOfAttachments: resolvedChildren.length,
-        overflowMenuProps,
-        components: {
-            root: 'div',
-            menuList: MenuList,
-            menuPopover: MenuPopover,
-            overflowMenuButton: 'span'
-        },
-        root: slot.always(getIntrinsicElementProps('div', {
-            'aria-label': 'Attachments',
-            ref: useMergedRefs(ref, innerRef),
-            role: 'toolbar',
-            ...arrowNavigationProps,
-            ...props,
-            children: resolvedChildren
-        }), {
-            elementType: 'div'
-        }),
-        menuList: slot.optional(props.menuList, {
-            defaultProps: {
-                children: attachmentOverflowMenuItems
-            },
-            elementType: MenuList,
-            renderByDefault: true
-        }),
-        menuPopover: slot.optional(props.menuPopover, {
-            elementType: MenuPopover,
-            renderByDefault: true
-        }),
-        overflowMenuButton: slot.optional(props.overflowMenuButton, {
-            defaultProps: {
-                children: /*#__PURE__*/ React.createElement(AttachmentOverflowMenuButton, null)
-            },
-            elementType: 'span',
-            renderByDefault: true
-        })
-    };
+      } else {
+        const prev = findPrevFocusable(activeElement === null || activeElement === void 0 ? void 0 : activeElement.parentElement, {
+          container: innerRef.current
+        });
+        prev === null || prev === void 0 ? void 0 : prev.focus();
+      }
+    } else {
+      // Handles keyboard focus when attachment removed is in the overflow menu. Also handles focus when the overflow button is removed from the DOM.
+      setTimeout(() => {
+        var _findLastFocusable;
+        (_findLastFocusable = findLastFocusable(innerRef.current)) === null || _findLastFocusable === void 0 ? void 0 : _findLastFocusable.focus();
+      }, 0);
+    }
+  });
+  const styles = useOverflowStyles();
+  const resolvedChildren = useOverflowMaxVisibleItems({
+    children,
+    maxVisibleItems: maxVisibleAttachments,
+    overflowClassName: styles.overflow
+  });
+  const attachmentOverflowMenuItems = React.useMemo(() => {
+    if (resolvedChildren && Array.isArray(resolvedChildren)) {
+      return resolvedChildren.filter(child => /*#__PURE__*/React.isValidElement(child)).map(child => child.props).map(attachment => {
+        const dismissButton = slot.optional(attachment.dismissButton, {
+          elementType: 'button'
+        });
+        return /*#__PURE__*/React.createElement(AttachmentOverflowMenuItem, {
+          ...attachment,
+          key: attachment.id,
+          onClick: dismissButton === null || dismissButton === void 0 ? void 0 : dismissButton.onClick
+        });
+      });
+    }
+    return [];
+  }, [resolvedChildren]);
+  const arrowNavigationProps = useArrowNavigationGroup({
+    circular: true,
+    axis: 'both',
+    memorizeCurrent: true
+  });
+  const shouldUseOverflow = maxVisibleAttachments !== undefined;
+  return {
+    designVersion,
+    onAttachmentDismiss: handleAttachmentDismiss,
+    shouldUseOverflow,
+    numberOfAttachments: resolvedChildren.length,
+    overflowMenuProps,
+    components: {
+      root: 'div',
+      menuList: MenuList,
+      menuPopover: MenuPopover,
+      overflowMenuButton: 'span'
+    },
+    root: slot.always(getIntrinsicElementProps('div', {
+      'aria-label': 'Attachments',
+      ref: useMergedRefs(ref, innerRef),
+      role: 'toolbar',
+      ...arrowNavigationProps,
+      ...props,
+      children: resolvedChildren
+    }), {
+      elementType: 'div'
+    }),
+    menuList: slot.optional(props.menuList, {
+      defaultProps: {
+        children: attachmentOverflowMenuItems
+      },
+      elementType: MenuList,
+      renderByDefault: true
+    }),
+    menuPopover: slot.optional(props.menuPopover, {
+      elementType: MenuPopover,
+      renderByDefault: true
+    }),
+    overflowMenuButton: slot.optional(props.overflowMenuButton, {
+      defaultProps: {
+        children: /*#__PURE__*/React.createElement(AttachmentOverflowMenuButton, null)
+      },
+      elementType: 'span',
+      renderByDefault: true
+    })
+  };
 };
+//# sourceMappingURL=useAttachmentList.js.map

package/lib/components/AttachmentList/useAttachmentListContextValues.js

@@ -1,12 +1,17 @@
 export function useAttachmentListContextValues_unstable(state) {
-    const { numberOfAttachments, onAttachmentDismiss, shouldUseOverflow } = state;
-    // This context is created with "@fluentui/react-context-selector", there is no sense to memoize it
-    const attachmentList = {
-        numberOfAttachments,
-        onAttachmentDismiss,
-        shouldUseOverflow
-    };
-    return {
-        attachmentList
-    };
+  const {
+    numberOfAttachments,
+    onAttachmentDismiss,
+    shouldUseOverflow
+  } = state;
+  // This context is created with "@fluentui/react-context-selector", there is no sense to memoize it
+  const attachmentList = {
+    numberOfAttachments,
+    onAttachmentDismiss,
+    shouldUseOverflow
+  };
+  return {
+    attachmentList
+  };
 }
+//# sourceMappingURL=useAttachmentListContextValues.js.map

package/lib/components/AttachmentList/useAttachmentListStyles.styles.raw.js

@@ -1,44 +1,49 @@
 import { makeResetStyles, makeStyles, mergeClasses } from '@fluentui/react-components';
 import { tokens } from '@fluentui-copilot/tokens';
 export const attachmentListClassNames = {
-    root: 'fai-AttachmentList',
-    menuList: 'fai-AttachmentList__menuList',
-    menuPopover: 'fai-AttachmentList__menuPopover',
-    overflowMenuButton: 'fai-AttachmentList__overflowMenuButton'
+  root: 'fai-AttachmentList',
+  menuList: 'fai-AttachmentList__menuList',
+  menuPopover: 'fai-AttachmentList__menuPopover',
+  overflowMenuButton: 'fai-AttachmentList__overflowMenuButton'
 };
 const useRootBaseClassName = makeResetStyles({
-    columnGap: tokens.spacingHorizontalSNudge,
-    display: 'flex',
-    flexDirection: 'row',
-    flexShrink: 0,
-    flexWrap: 'wrap',
-    rowGap: tokens.spacingVerticalXS
+  columnGap: tokens.spacingHorizontalSNudge,
+  display: 'flex',
+  flexDirection: 'row',
+  flexShrink: 0,
+  flexWrap: 'wrap',
+  rowGap: tokens.spacingVerticalXS
 });
 const useOverflowMenuButtonBaseClassName = makeResetStyles({
-    display: 'inline-flex'
+  display: 'inline-flex'
 });
 const useOverflowMenuPopoverNextStyles = makeStyles({
-    borderRadius: {
-        borderRadius: tokens.borderRadius4XL
-    }
+  borderRadius: {
+    borderRadius: tokens.borderRadius4XL
+  }
 });
 /**
  * Apply styling to the AttachmentList slots based on the state
- */ export const useAttachmentListStyles_unstable = (state)=>{
-    'use no memo';
-    const rootBaseClassName = useRootBaseClassName();
-    const overflowMenuButtonClassName = useOverflowMenuButtonBaseClassName();
-    const overflowMenuPopoverNextStyles = useOverflowMenuPopoverNextStyles();
-    const { designVersion } = state;
-    state.root.className = mergeClasses(attachmentListClassNames.root, rootBaseClassName, state.root.className);
-    if (state.menuList) {
-        state.menuList.className = mergeClasses(attachmentListClassNames.menuList, state.menuList.className);
-    }
-    if (state.menuPopover) {
-        state.menuPopover.className = mergeClasses(attachmentListClassNames.menuPopover, designVersion === 'next' && overflowMenuPopoverNextStyles.borderRadius, state.menuPopover.className);
-    }
-    if (state.overflowMenuButton) {
-        state.overflowMenuButton.className = mergeClasses(attachmentListClassNames.overflowMenuButton, overflowMenuButtonClassName, state.overflowMenuButton.className);
-    }
-    return state;
+ */
+export const useAttachmentListStyles_unstable = state => {
+  'use no memo';
+
+  const rootBaseClassName = useRootBaseClassName();
+  const overflowMenuButtonClassName = useOverflowMenuButtonBaseClassName();
+  const overflowMenuPopoverNextStyles = useOverflowMenuPopoverNextStyles();
+  const {
+    designVersion
+  } = state;
+  state.root.className = mergeClasses(attachmentListClassNames.root, rootBaseClassName, state.root.className);
+  if (state.menuList) {
+    state.menuList.className = mergeClasses(attachmentListClassNames.menuList, state.menuList.className);
+  }
+  if (state.menuPopover) {
+    state.menuPopover.className = mergeClasses(attachmentListClassNames.menuPopover, designVersion === 'next' && overflowMenuPopoverNextStyles.borderRadius, state.menuPopover.className);
+  }
+  if (state.overflowMenuButton) {
+    state.overflowMenuButton.className = mergeClasses(attachmentListClassNames.overflowMenuButton, overflowMenuButtonClassName, state.overflowMenuButton.className);
+  }
+  return state;
 };
+//# sourceMappingURL=useAttachmentListStyles.styles.raw.js.map

package/lib/components/AttachmentOverflowMenu/AttachmentOverflowMenu.js

@@ -2,13 +2,14 @@ import { useAttachmentOverflowMenu_unstable } from './useAttachmentOverflowMenu'
 import { renderAttachmentOverflowMenu_unstable } from './renderAttachmentOverflowMenu';
 import { useAttachmentOverflowMenuContextValues_unstable } from './useAttachmentOverflowMenuContextValues';
 import { useMenuContextValues_unstable } from '@fluentui/react-components';
-export const AttachmentOverflowMenu = (props)=>{
-    const state = useAttachmentOverflowMenu_unstable(props);
-    const menuContextValues = useMenuContextValues_unstable(state);
-    const attachmentOverflowMenuContextValues = useAttachmentOverflowMenuContextValues_unstable(state);
-    return renderAttachmentOverflowMenu_unstable(state, {
-        menuContextValues,
-        attachmentOverflowMenuContextValues
-    });
+export const AttachmentOverflowMenu = props => {
+  const state = useAttachmentOverflowMenu_unstable(props);
+  const menuContextValues = useMenuContextValues_unstable(state);
+  const attachmentOverflowMenuContextValues = useAttachmentOverflowMenuContextValues_unstable(state);
+  return renderAttachmentOverflowMenu_unstable(state, {
+    menuContextValues,
+    attachmentOverflowMenuContextValues
+  });
 };
 AttachmentOverflowMenu.displayName = 'AttachmentOverflowMenu';
+//# sourceMappingURL=AttachmentOverflowMenu.js.map

package/lib/components/AttachmentOverflowMenu/AttachmentOverflowMenu.types.js

@@ -1 +1,2 @@
-export { };
+export {};
+//# sourceMappingURL=AttachmentOverflowMenu.types.js.map

package/lib/components/AttachmentOverflowMenu/index.js

@@ -2,3 +2,4 @@ export { AttachmentOverflowMenu } from './AttachmentOverflowMenu';
 export { renderAttachmentOverflowMenu_unstable } from './renderAttachmentOverflowMenu';
 export { useAttachmentOverflowMenu_unstable } from './useAttachmentOverflowMenu';
 export { useAttachmentOverflowMenuContextValues_unstable } from './useAttachmentOverflowMenuContextValues';
+//# sourceMappingURL=index.js.map

package/lib/components/AttachmentOverflowMenu/renderAttachmentOverflowMenu.js

@@ -1,13 +1,18 @@
-  import { jsx as _jsx } from "@fluentui/react-jsx-runtime/jsx-runtime";
+import { jsx as _jsx } from "@fluentui/react-jsx-runtime/jsx-runtime";
 import { assertSlots, renderMenu_unstable } from '@fluentui/react-components';
 import { AttachmentOverflowMenuProvider } from '../../contexts/attachmentOverflowMenuContext';
 /**
  * Render the final JSX of AttachmentOverflowMenu
- */ export const renderAttachmentOverflowMenu_unstable = (state, contextValues)=>{
-    const { menuContextValues, attachmentOverflowMenuContextValues } = contextValues;
-    assertSlots(state);
-    return state.isOverflowing ? /*#__PURE__*/ _jsx(AttachmentOverflowMenuProvider, {
-        value: attachmentOverflowMenuContextValues.attachmentOverflowMenu,
-        children: renderMenu_unstable(state, menuContextValues)
-    }) : null;
+ */
+export const renderAttachmentOverflowMenu_unstable = (state, contextValues) => {
+  const {
+    menuContextValues,
+    attachmentOverflowMenuContextValues
+  } = contextValues;
+  assertSlots(state);
+  return state.isOverflowing ? /*#__PURE__*/_jsx(AttachmentOverflowMenuProvider, {
+    value: attachmentOverflowMenuContextValues.attachmentOverflowMenu,
+    children: renderMenu_unstable(state, menuContextValues)
+  }) : null;
 };
+//# sourceMappingURL=renderAttachmentOverflowMenu.js.map

package/lib/components/AttachmentOverflowMenu/useAttachmentOverflowMenu.js

@@ -6,13 +6,19 @@ import { useMenu_unstable, useOverflowMenu } from '@fluentui/react-components';
  * before being passed to renderAttachmentOverflowMenu_unstable.
  *
  * @param props - props from this instance of AttachmentOverflowMenu
- */ export const useAttachmentOverflowMenu_unstable = (props)=>{
-    const menuState = useMenu_unstable(props);
-    const { isOverflowing, ref: overflowButtonRef, overflowCount } = useOverflowMenu();
-    return {
-        ...menuState,
-        isOverflowing,
-        overflowButtonRef,
-        overflowCount
-    };
+ */
+export const useAttachmentOverflowMenu_unstable = props => {
+  const menuState = useMenu_unstable(props);
+  const {
+    isOverflowing,
+    ref: overflowButtonRef,
+    overflowCount
+  } = useOverflowMenu();
+  return {
+    ...menuState,
+    isOverflowing,
+    overflowButtonRef,
+    overflowCount
+  };
 };
+//# sourceMappingURL=useAttachmentOverflowMenu.js.map

package/lib/components/AttachmentOverflowMenu/useAttachmentOverflowMenuContextValues.js

@@ -1,12 +1,17 @@
 export function useAttachmentOverflowMenuContextValues_unstable(state) {
-    const { isOverflowing, overflowButtonRef, overflowCount } = state;
-    // This context is created with "@fluentui/react-context-selector", there is no sense to memoize it
-    const attachmentOverflowMenu = {
-        isOverflowing,
-        overflowButtonRef,
-        overflowCount
-    };
-    return {
-        attachmentOverflowMenu
-    };
+  const {
+    isOverflowing,
+    overflowButtonRef,
+    overflowCount
+  } = state;
+  // This context is created with "@fluentui/react-context-selector", there is no sense to memoize it
+  const attachmentOverflowMenu = {
+    isOverflowing,
+    overflowButtonRef,
+    overflowCount
+  };
+  return {
+    attachmentOverflowMenu
+  };
 }
+//# sourceMappingURL=useAttachmentOverflowMenuContextValues.js.map

package/lib/components/AttachmentOverflowMenuButton/AttachmentOverflowMenuButton.js

@@ -3,10 +3,11 @@ import { useAttachmentOverflowMenuButton_unstable } from './useAttachmentOverflo
 import { renderAttachmentOverflowMenuButton_unstable } from './renderAttachmentOverflowMenuButton';
 import { useAttachmentOverflowMenuButtonStyles_unstable } from './useAttachmentOverflowMenuButtonStyles.styles';
 import { useCustomStyleHook } from '@fluentui-copilot/react-provider';
-export const AttachmentOverflowMenuButton = /*#__PURE__*/ React.forwardRef((props, ref)=>{
-    const state = useAttachmentOverflowMenuButton_unstable(props, ref);
-    useAttachmentOverflowMenuButtonStyles_unstable(state);
-    useCustomStyleHook('useAttachmentOverflowMenuButtonStyles')(state);
-    return renderAttachmentOverflowMenuButton_unstable(state);
+export const AttachmentOverflowMenuButton = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const state = useAttachmentOverflowMenuButton_unstable(props, ref);
+  useAttachmentOverflowMenuButtonStyles_unstable(state);
+  useCustomStyleHook('useAttachmentOverflowMenuButtonStyles')(state);
+  return renderAttachmentOverflowMenuButton_unstable(state);
 });
 AttachmentOverflowMenuButton.displayName = 'AttachmentOverflowMenuButton';
+//# sourceMappingURL=AttachmentOverflowMenuButton.js.map

package/lib/components/AttachmentOverflowMenuButton/AttachmentOverflowMenuButton.types.js

@@ -1,3 +1,4 @@
 /**
  * State used in rendering AttachmentOverflowMenuButton
- */ export { };
+ */export {};
+//# sourceMappingURL=AttachmentOverflowMenuButton.types.js.map

package/lib/components/AttachmentOverflowMenuButton/index.js

@@ -2,3 +2,4 @@ export { AttachmentOverflowMenuButton } from './AttachmentOverflowMenuButton';
 export { renderAttachmentOverflowMenuButton_unstable } from './renderAttachmentOverflowMenuButton';
 export { useAttachmentOverflowMenuButton_unstable } from './useAttachmentOverflowMenuButton';
 export { attachmentOverflowMenuButtonClassNames, useAttachmentOverflowMenuButtonStyles_unstable } from './useAttachmentOverflowMenuButtonStyles.styles';
+//# sourceMappingURL=index.js.map

package/lib/components/AttachmentOverflowMenuButton/renderAttachmentOverflowMenuButton.js

@@ -1,15 +1,14 @@
-  import { jsx as _jsx, jsxs as _jsxs } from "@fluentui/react-jsx-runtime/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "@fluentui/react-jsx-runtime/jsx-runtime";
 import { MenuTrigger, assertSlots } from '@fluentui/react-components';
 /**
  * Render the final JSX of AttachmentOverflowMenuButton
- */ export const renderAttachmentOverflowMenuButton_unstable = (state)=>{
-    assertSlots(state);
-    return state.isOverflowing ? /*#__PURE__*/ _jsx(MenuTrigger, {
-        children: /*#__PURE__*/ _jsxs(state.root, {
-            children: [
-                state.root.children,
-                state.isLoading && /*#__PURE__*/ _jsx(state.progress, {})
-            ]
-        })
-    }) : null;
+ */
+export const renderAttachmentOverflowMenuButton_unstable = state => {
+  assertSlots(state);
+  return state.isOverflowing ? /*#__PURE__*/_jsx(MenuTrigger, {
+    children: /*#__PURE__*/_jsxs(state.root, {
+      children: [state.root.children, state.isLoading && /*#__PURE__*/_jsx(state.progress, {})]
+    })
+  }) : null;
 };
+//# sourceMappingURL=renderAttachmentOverflowMenuButton.js.map