@fluentui-copilot/react-attachments 0.13.2 → 0.13.3

package/lib/components/AttachmentList/useAttachmentList.js

@@ -16,130 +16,119 @@ 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);
+ */ 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();
+            }
         } else {
-          next.focus();
+            // 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
+                });
+            });
         }
-      } 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
-    })
-  };
+        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,17 +1,12 @@
 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

@@ -0,0 +1,44 @@
+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'
+};
+const useRootBaseClassName = makeResetStyles({
+    columnGap: tokens.spacingHorizontalSNudge,
+    display: 'flex',
+    flexDirection: 'row',
+    flexShrink: 0,
+    flexWrap: 'wrap',
+    rowGap: tokens.spacingVerticalXS
+});
+const useOverflowMenuButtonBaseClassName = makeResetStyles({
+    display: 'inline-flex'
+});
+const useOverflowMenuPopoverNextStyles = makeStyles({
+    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;
+};

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

@@ -0,0 +1 @@
+{"version":3,"sources":["useAttachmentListStyles.styles.ts"],"sourcesContent":["import { makeResetStyles, makeStyles, mergeClasses } from '@fluentui/react-components';\nimport { tokens } from '@fluentui-copilot/tokens';\nimport type { AttachmentListSlots, AttachmentListState } from './AttachmentList.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const attachmentListClassNames: SlotClassNames<AttachmentListSlots> = {\n  root: 'fai-AttachmentList',\n  menuList: 'fai-AttachmentList__menuList',\n  menuPopover: 'fai-AttachmentList__menuPopover',\n  overflowMenuButton: 'fai-AttachmentList__overflowMenuButton',\n};\n\nconst useRootBaseClassName = makeResetStyles({\n  columnGap: tokens.spacingHorizontalSNudge,\n  display: 'flex',\n  flexDirection: 'row',\n  flexShrink: 0,\n  flexWrap: 'wrap',\n  rowGap: tokens.spacingVerticalXS,\n});\n\nconst useOverflowMenuButtonBaseClassName = makeResetStyles({\n  display: 'inline-flex',\n});\n\nconst useOverflowMenuPopoverNextStyles = makeStyles({\n  borderRadius: {\n    borderRadius: tokens.borderRadius4XL,\n  },\n});\n\n/**\n * Apply styling to the AttachmentList slots based on the state\n */\nexport const useAttachmentListStyles_unstable = (state: AttachmentListState): AttachmentListState => {\n  'use no memo';\n\n  const rootBaseClassName = useRootBaseClassName();\n  const overflowMenuButtonClassName = useOverflowMenuButtonBaseClassName();\n  const overflowMenuPopoverNextStyles = useOverflowMenuPopoverNextStyles();\n  const { designVersion } = state;\n\n  state.root.className = mergeClasses(attachmentListClassNames.root, rootBaseClassName, state.root.className);\n\n  if (state.menuList) {\n    state.menuList.className = mergeClasses(attachmentListClassNames.menuList, state.menuList.className);\n  }\n  if (state.menuPopover) {\n    state.menuPopover.className = mergeClasses(\n      attachmentListClassNames.menuPopover,\n      designVersion === 'next' && overflowMenuPopoverNextStyles.borderRadius,\n      state.menuPopover.className,\n    );\n  }\n\n  if (state.overflowMenuButton) {\n    state.overflowMenuButton.className = mergeClasses(\n      attachmentListClassNames.overflowMenuButton,\n      overflowMenuButtonClassName,\n      state.overflowMenuButton.className,\n    );\n  }\n\n  return state;\n};\n"],"names":["makeResetStyles","makeStyles","mergeClasses","tokens","attachmentListClassNames","root","menuList","menuPopover","overflowMenuButton","useRootBaseClassName","columnGap","spacingHorizontalSNudge","display","flexDirection","flexShrink","flexWrap","rowGap","spacingVerticalXS","useOverflowMenuButtonBaseClassName","useOverflowMenuPopoverNextStyles","borderRadius","borderRadius4XL","useAttachmentListStyles_unstable","state","rootBaseClassName","overflowMenuButtonClassName","overflowMenuPopoverNextStyles","designVersion","className"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,eAAe,EAAEC,UAAU,EAAEC,YAAY,QAAQ,6BAA6B;AACvF,SAASC,MAAM,QAAQ,2BAA2B;AAIlD,OAAO,MAAMC,2BAAgE;IAC3EC,MAAM;IACNC,UAAU;IACVC,aAAa;IACbC,oBAAoB;AACtB,EAAE;AAEF,MAAMC,uBAAuBT,gBAAgB;IAC3CU,WAAWP,OAAOQ,uBAAuB;IACzCC,SAAS;IACTC,eAAe;IACfC,YAAY;IACZC,UAAU;IACVC,QAAQb,OAAOc,iBAAiB;AAClC;AAEA,MAAMC,qCAAqClB,gBAAgB;IACzDY,SAAS;AACX;AAEA,MAAMO,mCAAmClB,WAAW;IAClDmB,cAAc;QACZA,cAAcjB,OAAOkB,eAAe;IACtC;AACF;AAEA;;CAEC,GACD,OAAO,MAAMC,mCAAmC,CAACC;IAC/C;IAEA,MAAMC,oBAAoBf;IAC1B,MAAMgB,8BAA8BP;IACpC,MAAMQ,gCAAgCP;IACtC,MAAM,EAAEQ,aAAa,EAAE,GAAGJ;IAE1BA,MAAMlB,IAAI,CAACuB,SAAS,GAAG1B,aAAaE,yBAAyBC,IAAI,EAAEmB,mBAAmBD,MAAMlB,IAAI,CAACuB,SAAS;IAE1G,IAAIL,MAAMjB,QAAQ,EAAE;QAClBiB,MAAMjB,QAAQ,CAACsB,SAAS,GAAG1B,aAAaE,yBAAyBE,QAAQ,EAAEiB,MAAMjB,QAAQ,CAACsB,SAAS;IACrG;IACA,IAAIL,MAAMhB,WAAW,EAAE;QACrBgB,MAAMhB,WAAW,CAACqB,SAAS,GAAG1B,aAC5BE,yBAAyBG,WAAW,EACpCoB,kBAAkB,UAAUD,8BAA8BN,YAAY,EACtEG,MAAMhB,WAAW,CAACqB,SAAS;IAE/B;IAEA,IAAIL,MAAMf,kBAAkB,EAAE;QAC5Be,MAAMf,kBAAkB,CAACoB,SAAS,GAAG1B,aACnCE,yBAAyBI,kBAAkB,EAC3CiB,6BACAF,MAAMf,kBAAkB,CAACoB,SAAS;IAEtC;IAEA,OAAOL;AACT,EAAE"}

package/lib/components/AttachmentOverflowMenu/AttachmentOverflowMenu.js

@@ -2,14 +2,13 @@ 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,2 +1 @@
-export {};
-//# sourceMappingURL=AttachmentOverflowMenu.types.js.map
+export { };

package/lib/components/AttachmentOverflowMenu/index.js

@@ -2,4 +2,3 @@ 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,18 +1,13 @@
-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,19 +6,13 @@ 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,17 +1,12 @@
 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,11 +3,10 @@ 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,4 +1,3 @@
 /**
  * State used in rendering AttachmentOverflowMenuButton
- */export {};
-//# sourceMappingURL=AttachmentOverflowMenuButton.types.js.map
+ */ export { };

package/lib/components/AttachmentOverflowMenuButton/index.js

@@ -2,4 +2,3 @@ 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,14 +1,15 @@
-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,66 +12,58 @@ 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.text) {
-    if (typeof props.text === 'function') {
-      return props.text(overflowCount);
-    } else {
-      return props.text;
+    if (props.children) {
+        return props.children;
     }
-  }
-  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 (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}`;
 }
-//# sourceMappingURL=useAttachmentOverflowMenuButton.js.map