@fluentui-copilot/react-attachments 0.0.0-nightly-20250708-1433-52f2b6b1.1 → 0.0.0-nightly-20250709-0404-150e065c.1

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/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

package/lib/components/AttachmentOverflowMenuButton/useAttachmentOverflowMenuButton.js

@@ -12,58 +12,66 @@ import { useAttachmentListContext_unstable } from '../../contexts/attachmentList
  *
  * @param props - props from this instance of AttachmentOverflowMenuButton
  * @param ref - reference to root HTMLElement of AttachmentOverflowMenuButton
- */ export const useAttachmentOverflowMenuButton_unstable = (props, ref)=>{
-    const { isOverflowing, overflowCount, overflowButtonRef } = useAttachmentOverflowMenuContext_unstable((context)=>context);
-    const { numberOfAttachments } = useAttachmentListContext_unstable((context)=>context);
-    const fullyOverflowed = overflowCount >= numberOfAttachments;
-    const isLoading = !!props.isLoading;
-    const designVersion = useDesignVersion(props.designVersion);
-    const mode = useCopilotMode(props.mode);
-    const buttonText = defaultButtonText(props, overflowCount, designVersion, mode, fullyOverflowed);
-    return {
-        components: {
-            root: 'button',
-            progress: ProgressBar
-        },
-        root: slot.always(getIntrinsicElementProps('button', {
-            ref: useMergedRefs(ref, overflowButtonRef),
-            ...props
-        }), {
-            defaultProps: {
-                children: buttonText
-            },
-            elementType: 'button'
-        }),
-        progress: slot.always(props.progress, {
-            defaultProps: {
-                value: undefined,
-                shape: 'square',
-                thickness: 'large',
-                'aria-label': 'Loading'
-            },
-            elementType: ProgressBar
-        }),
-        fullyOverflowed,
-        isOverflowing,
-        overflowCount,
-        isLoading,
-        designVersion,
-        mode
-    };
+ */
+export const useAttachmentOverflowMenuButton_unstable = (props, ref) => {
+  const {
+    isOverflowing,
+    overflowCount,
+    overflowButtonRef
+  } = useAttachmentOverflowMenuContext_unstable(context => context);
+  const {
+    numberOfAttachments
+  } = useAttachmentListContext_unstable(context => context);
+  const fullyOverflowed = overflowCount >= numberOfAttachments;
+  const isLoading = !!props.isLoading;
+  const designVersion = useDesignVersion(props.designVersion);
+  const mode = useCopilotMode(props.mode);
+  const buttonText = defaultButtonText(props, overflowCount, designVersion, mode, fullyOverflowed);
+  return {
+    components: {
+      root: 'button',
+      progress: ProgressBar
+    },
+    root: slot.always(getIntrinsicElementProps('button', {
+      ref: useMergedRefs(ref, overflowButtonRef),
+      ...props
+    }), {
+      defaultProps: {
+        children: buttonText
+      },
+      elementType: 'button'
+    }),
+    progress: slot.always(props.progress, {
+      defaultProps: {
+        value: undefined,
+        shape: 'square',
+        thickness: 'large',
+        'aria-label': 'Loading'
+      },
+      elementType: ProgressBar
+    }),
+    fullyOverflowed,
+    isOverflowing,
+    overflowCount,
+    isLoading,
+    designVersion,
+    mode
+  };
 };
 function defaultButtonText(props, overflowCount, designVersion, copilotMode, fullyOverflowed) {
-    if (props.children) {
-        return props.children;
+  if (props.children) {
+    return props.children;
+  }
+  if (props.text) {
+    if (typeof props.text === 'function') {
+      return props.text(overflowCount);
+    } else {
+      return props.text;
     }
-    if (props.text) {
-        if (typeof props.text === 'function') {
-            return props.text(overflowCount);
-        } else {
-            return props.text;
-        }
-    }
-    if (designVersion === 'next' && fullyOverflowed) {
-        return /*#__PURE__*/ React.createElement(React.Fragment, null, copilotMode === 'canvas' ? /*#__PURE__*/ React.createElement(Attach24Regular, null) : /*#__PURE__*/ React.createElement(Attach20Regular, null), overflowCount);
-    }
-    return `+${overflowCount}`;
+  }
+  if (designVersion === 'next' && fullyOverflowed) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, copilotMode === 'canvas' ? /*#__PURE__*/React.createElement(Attach24Regular, null) : /*#__PURE__*/React.createElement(Attach20Regular, null), overflowCount);
+  }
+  return `+${overflowCount}`;
 }
+//# sourceMappingURL=useAttachmentOverflowMenuButton.js.map

package/lib/components/AttachmentOverflowMenuItem/AttachmentOverflowMenuItem.js

@@ -2,9 +2,10 @@ import * as React from 'react';
 import { useAttachmentOverflowMenuItem_unstable } from './useAttachmentOverflowMenuItem';
 import { renderAttachmentOverflowMenuItem_unstable } from './renderAttachmentOverflowMenuItem';
 import { useAttachmentOverflowMenuItemStyles_unstable } from './useAttachmentOverflowMenuItemStyles.styles';
-export const AttachmentOverflowMenuItem = /*#__PURE__*/ React.forwardRef((props, ref)=>{
-    const state = useAttachmentOverflowMenuItem_unstable(props, ref);
-    useAttachmentOverflowMenuItemStyles_unstable(state);
-    return renderAttachmentOverflowMenuItem_unstable(state);
+export const AttachmentOverflowMenuItem = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const state = useAttachmentOverflowMenuItem_unstable(props, ref);
+  useAttachmentOverflowMenuItemStyles_unstable(state);
+  return renderAttachmentOverflowMenuItem_unstable(state);
 });
 AttachmentOverflowMenuItem.displayName = 'AttachmentOverflowMenuItem';
+//# sourceMappingURL=AttachmentOverflowMenuItem.js.map

package/lib/components/AttachmentOverflowMenuItem/AttachmentOverflowMenuItem.types.js

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

package/lib/components/AttachmentOverflowMenuItem/index.js

@@ -2,3 +2,4 @@ export { AttachmentOverflowMenuItem } from './AttachmentOverflowMenuItem';
 export { renderAttachmentOverflowMenuItem_unstable } from './renderAttachmentOverflowMenuItem';
 export { useAttachmentOverflowMenuItem_unstable } from './useAttachmentOverflowMenuItem';
 export { attachmentOverflowMenuItemClassNames, useAttachmentOverflowMenuItemStyles_unstable } from './useAttachmentOverflowMenuItemStyles.styles';
+//# sourceMappingURL=index.js.map

package/lib/components/AttachmentOverflowMenuItem/renderAttachmentOverflowMenuItem.js

@@ -1,13 +1,12 @@
-  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 { assertSlots } from '@fluentui/react-components';
 /**
  * Render the final JSX of AttachmentOverflowMenuItem
- */ export const renderAttachmentOverflowMenuItem_unstable = (state)=>{
-    assertSlots(state);
-    return !state.isVisible ? /*#__PURE__*/ _jsxs(state.root, {
-        children: [
-            state.root.children,
-            state.progress && /*#__PURE__*/ _jsx(state.progress, {})
-        ]
-    }) : null;
+ */
+export const renderAttachmentOverflowMenuItem_unstable = state => {
+  assertSlots(state);
+  return !state.isVisible ? /*#__PURE__*/_jsxs(state.root, {
+    children: [state.root.children, state.progress && /*#__PURE__*/_jsx(state.progress, {})]
+  }) : null;
 };
+//# sourceMappingURL=renderAttachmentOverflowMenuItem.js.map