@fluentui-copilot/react-attachments 0.0.0-nightly-20251010-0406-7df7c6d1.1 → 0.0.0-nightly-20251013-0406-7c7739c8.1

package/lib-commonjs/components/AttachmentList/useAttachmentList.js

@@ -0,0 +1,137 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useAttachmentList_unstable", {
+    enumerable: true,
+    get: function() {
+        return useAttachmentList_unstable;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactcomponents = require("@fluentui/react-components");
+const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
+const _reactutilities = require("@fluentui/react-utilities");
+const _reactutilities1 = require("@fluentui-copilot/react-utilities");
+const _Attachment = require("../Attachment");
+const _AttachmentOverflowMenuButton = require("../AttachmentOverflowMenuButton");
+const _useAttachmentOverflowMenuButtonStylesstyles = require("../AttachmentOverflowMenuButton/useAttachmentOverflowMenuButtonStyles.styles");
+const _AttachmentOverflowMenuItem = require("../AttachmentOverflowMenuItem");
+const _reactprovider = require("@fluentui-copilot/react-provider");
+const useAttachmentList_unstable = (props, ref)=>{
+    const { children, maxVisibleAttachments, onAttachmentDismiss, overflowMenuProps } = props;
+    const innerRef = _react.useRef(null);
+    const [setTimeout] = (0, _reactutilities.useTimeout)();
+    const { targetDocument } = (0, _reactsharedcontexts.useFluent_unstable)();
+    const designVersion = (0, _reactprovider.useDesignVersion)(props.designVersion);
+    const { findNextFocusable, findPrevFocusable, findLastFocusable } = (0, _reactcomponents.useFocusFinders)();
+    const handleAttachmentDismiss = (0, _reactcomponents.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(_useAttachmentOverflowMenuButtonStylesstyles.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 {
+            // 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 = (0, _Attachment.useOverflowStyles)();
+    const resolvedChildren = (0, _reactutilities1.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 = _reactcomponents.slot.optional(attachment.dismissButton, {
+                    elementType: 'button'
+                });
+                return /*#__PURE__*/ _react.createElement(_AttachmentOverflowMenuItem.AttachmentOverflowMenuItem, {
+                    ...attachment,
+                    key: attachment.id,
+                    onClick: dismissButton === null || dismissButton === void 0 ? void 0 : dismissButton.onClick
+                });
+            });
+        }
+        return [];
+    }, [
+        resolvedChildren
+    ]);
+    const arrowNavigationProps = (0, _reactcomponents.useArrowNavigationGroup)({
+        circular: true,
+        axis: 'both',
+        memorizeCurrent: true
+    });
+    const shouldUseOverflow = maxVisibleAttachments !== undefined;
+    return {
+        designVersion,
+        onAttachmentDismiss: handleAttachmentDismiss,
+        shouldUseOverflow,
+        numberOfAttachments: resolvedChildren.length,
+        overflowMenuProps,
+        components: {
+            root: 'div',
+            menuList: _reactcomponents.MenuList,
+            menuPopover: _reactcomponents.MenuPopover,
+            overflowMenuButton: 'span'
+        },
+        root: _reactcomponents.slot.always((0, _reactcomponents.getIntrinsicElementProps)('div', {
+            'aria-label': 'Attachments',
+            ref: (0, _reactcomponents.useMergedRefs)(ref, innerRef),
+            role: 'toolbar',
+            ...arrowNavigationProps,
+            ...props,
+            children: resolvedChildren
+        }), {
+            elementType: 'div'
+        }),
+        menuList: _reactcomponents.slot.optional(props.menuList, {
+            defaultProps: {
+                children: attachmentOverflowMenuItems
+            },
+            elementType: _reactcomponents.MenuList,
+            renderByDefault: true
+        }),
+        menuPopover: _reactcomponents.slot.optional(props.menuPopover, {
+            elementType: _reactcomponents.MenuPopover,
+            renderByDefault: true
+        }),
+        overflowMenuButton: _reactcomponents.slot.optional(props.overflowMenuButton, {
+            defaultProps: {
+                children: /*#__PURE__*/ _react.createElement(_AttachmentOverflowMenuButton.AttachmentOverflowMenuButton, null)
+            },
+            elementType: 'span',
+            renderByDefault: true
+        })
+    };
+};

package/lib-commonjs/components/AttachmentList/useAttachmentList.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useAttachmentList.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n  MenuList,\n  MenuPopover,\n  getIntrinsicElementProps,\n  slot,\n  useArrowNavigationGroup,\n  useEventCallback,\n  useFocusFinders,\n  useMergedRefs,\n} from '@fluentui/react-components';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { useTimeout } from '@fluentui/react-utilities';\nimport { useOverflowMaxVisibleItems } from '@fluentui-copilot/react-utilities';\nimport { useOverflowStyles } from '../Attachment';\nimport { AttachmentOverflowMenuButton } from '../AttachmentOverflowMenuButton';\nimport { attachmentOverflowMenuButtonClassNames } from '../AttachmentOverflowMenuButton/useAttachmentOverflowMenuButtonStyles.styles';\nimport { AttachmentOverflowMenuItem } from '../AttachmentOverflowMenuItem';\nimport { useDesignVersion } from '@fluentui-copilot/react-provider';\nimport type { AttachmentListProps, AttachmentListState } from './AttachmentList.types';\nimport type { AttachmentProps } from '../Attachment/Attachment.types';\n\n/**\n * Create the state required to render AttachmentList.\n *\n * The returned state can be modified with hooks such as useAttachmentListStyles_unstable,\n * before being passed to renderAttachmentList_unstable.\n *\n * @param props - props from this instance of AttachmentList\n * @param ref - reference to root HTMLElement of AttachmentList\n */\nexport const useAttachmentList_unstable = (\n  props: AttachmentListProps,\n  ref: React.Ref<HTMLDivElement>,\n): AttachmentListState => {\n  const { children, maxVisibleAttachments, onAttachmentDismiss, overflowMenuProps } = props;\n  const innerRef = React.useRef<HTMLDivElement>(null);\n  const [setTimeout] = useTimeout();\n  const { targetDocument } = useFluent();\n\n  const designVersion = useDesignVersion(props.designVersion);\n  const { findNextFocusable, findPrevFocusable, findLastFocusable } = useFocusFinders();\n  const handleAttachmentDismiss: AttachmentListState['onAttachmentDismiss'] = useEventCallback((e, data) => {\n    if (!onAttachmentDismiss) {\n      return;\n    }\n\n    onAttachmentDismiss(e, data);\n\n    // set focus after attachment dismiss\n    const activeElement = targetDocument?.activeElement;\n    if (innerRef.current?.contains(activeElement as HTMLElement)) {\n      // focus on next attachment only if the active element is within the current attachment list\n      const next = findNextFocusable(activeElement as HTMLElement, { container: innerRef.current });\n      if (next) {\n        // focus on the overflow button if the next focusable element is the overflow button.\n        // if overflow button is removed from the DOM, focus on the last focusable element in the attachment list.\n        if (next.classList.contains(attachmentOverflowMenuButtonClassNames.root)) {\n          setTimeout(() => {\n            findLastFocusable(innerRef.current as HTMLElement)?.focus();\n          }, 0);\n        } else {\n          next.focus();\n        }\n      } else {\n        const prev = findPrevFocusable(activeElement?.parentElement as HTMLElement, { container: innerRef.current });\n        prev?.focus();\n      }\n    } else {\n      // Handles keyboard focus when attachment removed is in the overflow menu. Also handles focus when the overflow button is removed from the DOM.\n      setTimeout(() => {\n        findLastFocusable(innerRef.current as HTMLElement)?.focus();\n      }, 0);\n    }\n  });\n\n  const styles = useOverflowStyles();\n  const resolvedChildren = useOverflowMaxVisibleItems({\n    children,\n    maxVisibleItems: maxVisibleAttachments,\n    overflowClassName: styles.overflow,\n  });\n\n  const attachmentOverflowMenuItems = React.useMemo(() => {\n    if (resolvedChildren && Array.isArray(resolvedChildren)) {\n      return resolvedChildren\n        .filter(child => React.isValidElement(child))\n        .map(child => (child as React.ReactElement<AttachmentProps>).props)\n        .map(attachment => {\n          const dismissButton = slot.optional(attachment.dismissButton, { elementType: 'button' });\n          return (\n            <AttachmentOverflowMenuItem\n              {...attachment}\n              key={attachment.id}\n              onClick={dismissButton?.onClick as AttachmentProps['onClick']}\n            />\n          );\n        });\n    }\n    return [];\n  }, [resolvedChildren]);\n\n  const arrowNavigationProps = useArrowNavigationGroup({\n    circular: true,\n    axis: 'both',\n    memorizeCurrent: true,\n  });\n\n  const shouldUseOverflow = maxVisibleAttachments !== undefined;\n\n  return {\n    designVersion,\n    onAttachmentDismiss: handleAttachmentDismiss,\n    shouldUseOverflow,\n    numberOfAttachments: resolvedChildren.length,\n    overflowMenuProps,\n    components: {\n      root: 'div',\n      menuList: MenuList,\n      menuPopover: MenuPopover,\n      overflowMenuButton: 'span',\n    },\n    root: slot.always(\n      getIntrinsicElementProps('div', {\n        'aria-label': 'Attachments',\n        ref: useMergedRefs(ref, innerRef),\n        role: 'toolbar',\n        ...arrowNavigationProps,\n        ...props,\n        children: resolvedChildren,\n      }),\n      { elementType: 'div' },\n    ),\n    menuList: slot.optional(props.menuList, {\n      defaultProps: { children: attachmentOverflowMenuItems },\n      elementType: MenuList,\n      renderByDefault: true,\n    }),\n    menuPopover: slot.optional(props.menuPopover, { elementType: MenuPopover, renderByDefault: true }),\n    overflowMenuButton: slot.optional(props.overflowMenuButton, {\n      defaultProps: { children: <AttachmentOverflowMenuButton /> },\n      elementType: 'span',\n      renderByDefault: true,\n    }),\n  };\n};\n"],"names":["useAttachmentList_unstable","props","ref","children","maxVisibleAttachments","onAttachmentDismiss","overflowMenuProps","innerRef","React","useRef","setTimeout","useTimeout","targetDocument","useFluent","designVersion","useDesignVersion","findNextFocusable","findPrevFocusable","findLastFocusable","useFocusFinders","handleAttachmentDismiss","useEventCallback","e","data","activeElement","current","contains","next","container","classList","attachmentOverflowMenuButtonClassNames","root","focus","prev","parentElement","styles","useOverflowStyles","resolvedChildren","useOverflowMaxVisibleItems","maxVisibleItems","overflowClassName","overflow","attachmentOverflowMenuItems","useMemo","Array","isArray","filter","child","isValidElement","map","attachment","dismissButton","slot","optional","elementType","createElement","AttachmentOverflowMenuItem","key","id","onClick","arrowNavigationProps","useArrowNavigationGroup","circular","axis","memorizeCurrent","shouldUseOverflow","undefined","numberOfAttachments","length","components","menuList","MenuList","menuPopover","MenuPopover","overflowMenuButton","always","getIntrinsicElementProps","useMergedRefs","role","defaultProps","renderByDefault","AttachmentOverflowMenuButton"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/lib-commonjs/components/AttachmentList/useAttachmentListContextValues.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useAttachmentListContextValues_unstable", {
+    enumerable: true,
+    get: function() {
+        return useAttachmentListContextValues_unstable;
+    }
+});
+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
+    };
+}

package/lib-commonjs/components/AttachmentList/useAttachmentListContextValues.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useAttachmentListContextValues.ts"],"sourcesContent":["import type { AttachmentListContextValues, AttachmentListState } from './AttachmentList.types';\n\nexport function useAttachmentListContextValues_unstable(state: AttachmentListState): AttachmentListContextValues {\n  const { numberOfAttachments, onAttachmentDismiss, shouldUseOverflow } = state;\n\n  // This context is created with \"@fluentui/react-context-selector\", there is no sense to memoize it\n  const attachmentList = {\n    numberOfAttachments,\n    onAttachmentDismiss,\n    shouldUseOverflow,\n  };\n\n  return { attachmentList };\n}\n"],"names":["useAttachmentListContextValues_unstable","state","numberOfAttachments","onAttachmentDismiss","shouldUseOverflow","attachmentList"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAEgBA;;;eAAAA;;;AAAT,SAASA,wCAAwCC,KAA0B;IAChF,MAAM,EAAEC,mBAAmB,EAAEC,mBAAmB,EAAEC,iBAAiB,EAAE,GAAGH;IAExE,mGAAmG;IACnG,MAAMI,iBAAiB;QACrBH;QACAC;QACAC;IACF;IAEA,OAAO;QAAEC;IAAe;AAC1B"}

package/lib-commonjs/components/AttachmentList/useAttachmentListStyles.styles.js

@@ -0,0 +1,67 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    attachmentListClassNames: function() {
+        return attachmentListClassNames;
+    },
+    useAttachmentListStyles_unstable: function() {
+        return useAttachmentListStyles_unstable;
+    }
+});
+const _reactcomponents = require("@fluentui/react-components");
+const attachmentListClassNames = {
+    root: 'fai-AttachmentList',
+    menuList: 'fai-AttachmentList__menuList',
+    menuPopover: 'fai-AttachmentList__menuPopover',
+    overflowMenuButton: 'fai-AttachmentList__overflowMenuButton'
+};
+const useRootBaseClassName = (0, _reactcomponents.__resetStyles)("r168fwfa", null, [
+    ".r168fwfa{column-gap:var(--spacingHorizontalSNudge);display:flex;flex-direction:row;flex-shrink:0;flex-wrap:wrap;row-gap:var(--spacingVerticalXS);}"
+]);
+const useOverflowMenuButtonBaseClassName = (0, _reactcomponents.__resetStyles)("rvxcmzt", null, [
+    ".rvxcmzt{display:inline-flex;}"
+]);
+const useOverflowMenuPopoverNextStyles = (0, _reactcomponents.__styles)({
+    borderRadius: {
+        Beyfa6y: 0,
+        Bbmb7ep: 0,
+        Btl43ni: 0,
+        B7oj6ja: 0,
+        Dimara: "f1pwvjsv"
+    }
+}, {
+    d: [
+        [
+            ".f1pwvjsv{border-radius:var(--borderRadius4XL);}",
+            {
+                p: -1
+            }
+        ]
+    ]
+});
+const useAttachmentListStyles_unstable = (state)=>{
+    'use no memo';
+    const rootBaseClassName = useRootBaseClassName();
+    const overflowMenuButtonClassName = useOverflowMenuButtonBaseClassName();
+    const overflowMenuPopoverNextStyles = useOverflowMenuPopoverNextStyles();
+    const { designVersion } = state;
+    state.root.className = (0, _reactcomponents.mergeClasses)(attachmentListClassNames.root, rootBaseClassName, state.root.className);
+    if (state.menuList) {
+        state.menuList.className = (0, _reactcomponents.mergeClasses)(attachmentListClassNames.menuList, state.menuList.className);
+    }
+    if (state.menuPopover) {
+        state.menuPopover.className = (0, _reactcomponents.mergeClasses)(attachmentListClassNames.menuPopover, designVersion === 'next' && overflowMenuPopoverNextStyles.borderRadius, state.menuPopover.className);
+    }
+    if (state.overflowMenuButton) {
+        state.overflowMenuButton.className = (0, _reactcomponents.mergeClasses)(attachmentListClassNames.overflowMenuButton, overflowMenuButtonClassName, state.overflowMenuButton.className);
+    }
+    return state;
+}; //# sourceMappingURL=useAttachmentListStyles.styles.js.map

package/lib-commonjs/components/AttachmentList/useAttachmentListStyles.styles.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":["attachmentListClassNames","useAttachmentListStyles_unstable","root","menuList","menuPopover","overflowMenuButton","useRootBaseClassName","makeResetStyles","columnGap","spacingHorizontalSNudge","display","__styles","flexDirection","flexShrink","flexWrap","rowGap","tokens","B7oj6ja","Dimara","useOverflowMenuButtonBaseClassName","d","useOverflowMenuPopoverNextStyles","borderRadius","rootBaseClassName","overflowMenuButtonClassName","overflowMenuPopoverNextStyles","state","designVersion","className","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAKaA,wBAAAA;eAAAA;;IA6BNC,gCAAMA;eAANA;;;iCAlC2C;AAK3C,MAAMD,2BAAgE;UAC3EE;cACAC;iBACAC;wBACAC;AACF;AAEA,MAAMC,uBAAuBC,IAAAA,8BAAAA,EAAAA,YAAgB,MAAA;IAAA;CAAA;MAC3CC,qCAAkBC,IAAAA,8BAAuB,EAAA,WAAA,MAAA;IAAA;CAAA;MACzCC,mCAASC,IAAAA,yBAAA,EAAA;kBACTC;QACAC,SAAAA;QACAC,SAAAA;QACAC,SAAQC;QACVC,SAAA;QAEAC,QAAMC;;AAEN,GAAA;IAEAC,GAAA;QAAMC;YAAAA;YAA8C;gBAClDC,GAAAA,CAAAA;;;;;AAQF,MAAOrB,mCAAMA,CAAAA;;UAIXsB,oBAAMC;UACNA,8BAAMC;UACNA,gCAA0BC;UAE1BA,EAEAC,aAAUxB;UAEVD,IAAA,CAAA0B,SAAA,GAAAC,IAAAA,6BAAA,EAAA7B,yBAAAE,IAAA,EAAAqB,mBAAAG,MAAAxB,IAAA,CAAA0B,SAAA;QACAF,MAAIA,QAAMtB,EAAAA;cACRsB,QAAMtB,CAAAA,SAAYwB,GAAAA,IAAAA,6BAAYC,EAAAA,yBAC5B7B,QAAyBI,EAAAA,MAAAA,QACzBuB,CAAAA,SAAAA;;QAKJD,MAAIA,WAAMrB,EAAAA;cACRqB,WAAMrB,CAAAA,SAAAA,GAAmBuB,IAAAA,6BAAYC,EAAAA,yBACnC7B,WAAyBK,EAAAA,kBACzBmB,UAAAA,8BACMnB,YAAAA,EAAmBuB,MAAAA,WAAS,CAAAA,SAAA;;QAItCF,MAAOA,kBAAAA,EAAAA;QACPA,MAAArB,kBAAA,CAAAuB,SAAA,GAAAC,IAAAA,6BAAA,EAAA7B,yBAAAK,kBAAA,EAAAmB,6BAAAE,MAAArB,kBAAA,CAAAuB,SAAA"}

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

@@ -0,0 +1,60 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    attachmentListClassNames: function() {
+        return attachmentListClassNames;
+    },
+    useAttachmentListStyles_unstable: function() {
+        return useAttachmentListStyles_unstable;
+    }
+});
+const _reactcomponents = require("@fluentui/react-components");
+const _tokens = require("@fluentui-copilot/tokens");
+const attachmentListClassNames = {
+    root: 'fai-AttachmentList',
+    menuList: 'fai-AttachmentList__menuList',
+    menuPopover: 'fai-AttachmentList__menuPopover',
+    overflowMenuButton: 'fai-AttachmentList__overflowMenuButton'
+};
+const useRootBaseClassName = (0, _reactcomponents.makeResetStyles)({
+    columnGap: _tokens.tokens.spacingHorizontalSNudge,
+    display: 'flex',
+    flexDirection: 'row',
+    flexShrink: 0,
+    flexWrap: 'wrap',
+    rowGap: _tokens.tokens.spacingVerticalXS
+});
+const useOverflowMenuButtonBaseClassName = (0, _reactcomponents.makeResetStyles)({
+    display: 'inline-flex'
+});
+const useOverflowMenuPopoverNextStyles = (0, _reactcomponents.makeStyles)({
+    borderRadius: {
+        borderRadius: _tokens.tokens.borderRadius4XL
+    }
+});
+const useAttachmentListStyles_unstable = (state)=>{
+    'use no memo';
+    const rootBaseClassName = useRootBaseClassName();
+    const overflowMenuButtonClassName = useOverflowMenuButtonBaseClassName();
+    const overflowMenuPopoverNextStyles = useOverflowMenuPopoverNextStyles();
+    const { designVersion } = state;
+    state.root.className = (0, _reactcomponents.mergeClasses)(attachmentListClassNames.root, rootBaseClassName, state.root.className);
+    if (state.menuList) {
+        state.menuList.className = (0, _reactcomponents.mergeClasses)(attachmentListClassNames.menuList, state.menuList.className);
+    }
+    if (state.menuPopover) {
+        state.menuPopover.className = (0, _reactcomponents.mergeClasses)(attachmentListClassNames.menuPopover, designVersion === 'next' && overflowMenuPopoverNextStyles.borderRadius, state.menuPopover.className);
+    }
+    if (state.overflowMenuButton) {
+        state.overflowMenuButton.className = (0, _reactcomponents.mergeClasses)(attachmentListClassNames.overflowMenuButton, overflowMenuButtonClassName, state.overflowMenuButton.className);
+    }
+    return state;
+};

package/lib-commonjs/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":["attachmentListClassNames","useAttachmentListStyles_unstable","root","menuList","menuPopover","overflowMenuButton","useRootBaseClassName","makeResetStyles","columnGap","tokens","spacingHorizontalSNudge","display","flexDirection","flexShrink","flexWrap","rowGap","spacingVerticalXS","useOverflowMenuButtonBaseClassName","useOverflowMenuPopoverNextStyles","makeStyles","borderRadius","borderRadius4XL","state","rootBaseClassName","overflowMenuButtonClassName","overflowMenuPopoverNextStyles","designVersion","className","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAKaA,wBAAAA;eAAAA;;IA6BAC,gCAAAA;eAAAA;;;iCAlC6C;wBACnC;AAIhB,MAAMD,2BAAgE;IAC3EE,MAAM;IACNC,UAAU;IACVC,aAAa;IACbC,oBAAoB;AACtB;AAEA,MAAMC,uBAAuBC,IAAAA,gCAAAA,EAAgB;IAC3CC,WAAWC,cAAAA,CAAOC,uBAAuB;IACzCC,SAAS;IACTC,eAAe;IACfC,YAAY;IACZC,UAAU;IACVC,QAAQN,cAAAA,CAAOO,iBAAiB;AAClC;AAEA,MAAMC,qCAAqCV,IAAAA,gCAAAA,EAAgB;IACzDI,SAAS;AACX;AAEA,MAAMO,mCAAmCC,IAAAA,2BAAAA,EAAW;IAClDC,cAAc;QACZA,cAAcX,cAAAA,CAAOY,eAAe;IACtC;AACF;AAKO,MAAMpB,mCAAmC,CAACqB;IAC/C;IAEA,MAAMC,oBAAoBjB;IAC1B,MAAMkB,8BAA8BP;IACpC,MAAMQ,gCAAgCP;IACtC,MAAM,EAAEQ,aAAa,EAAE,GAAGJ;IAE1BA,MAAMpB,IAAI,CAACyB,SAAS,GAAGC,IAAAA,6BAAAA,EAAa5B,yBAAyBE,IAAI,EAAEqB,mBAAmBD,MAAMpB,IAAI,CAACyB,SAAS;IAE1G,IAAIL,MAAMnB,QAAQ,EAAE;QAClBmB,MAAMnB,QAAQ,CAACwB,SAAS,GAAGC,IAAAA,6BAAAA,EAAa5B,yBAAyBG,QAAQ,EAAEmB,MAAMnB,QAAQ,CAACwB,SAAS;IACrG;IACA,IAAIL,MAAMlB,WAAW,EAAE;QACrBkB,MAAMlB,WAAW,CAACuB,SAAS,GAAGC,IAAAA,6BAAAA,EAC5B5B,yBAAyBI,WAAW,EACpCsB,kBAAkB,UAAUD,8BAA8BL,YAAY,EACtEE,MAAMlB,WAAW,CAACuB,SAAS;IAE/B;IAEA,IAAIL,MAAMjB,kBAAkB,EAAE;QAC5BiB,MAAMjB,kBAAkB,CAACsB,SAAS,GAAGC,IAAAA,6BAAAA,EACnC5B,yBAAyBK,kBAAkB,EAC3CmB,6BACAF,MAAMjB,kBAAkB,CAACsB,SAAS;IAEtC;IAEA,OAAOL;AACT"}

package/lib-commonjs/components/AttachmentOverflowMenu/AttachmentOverflowMenu.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "AttachmentOverflowMenu", {
+    enumerable: true,
+    get: function() {
+        return AttachmentOverflowMenu;
+    }
+});
+const _useAttachmentOverflowMenu = require("./useAttachmentOverflowMenu");
+const _renderAttachmentOverflowMenu = require("./renderAttachmentOverflowMenu");
+const _useAttachmentOverflowMenuContextValues = require("./useAttachmentOverflowMenuContextValues");
+const _reactcomponents = require("@fluentui/react-components");
+const AttachmentOverflowMenu = (props)=>{
+    const state = (0, _useAttachmentOverflowMenu.useAttachmentOverflowMenu_unstable)(props);
+    const menuContextValues = (0, _reactcomponents.useMenuContextValues_unstable)(state);
+    const attachmentOverflowMenuContextValues = (0, _useAttachmentOverflowMenuContextValues.useAttachmentOverflowMenuContextValues_unstable)(state);
+    return (0, _renderAttachmentOverflowMenu.renderAttachmentOverflowMenu_unstable)(state, {
+        menuContextValues,
+        attachmentOverflowMenuContextValues
+    });
+};
+AttachmentOverflowMenu.displayName = 'AttachmentOverflowMenu';

package/lib-commonjs/components/AttachmentOverflowMenu/AttachmentOverflowMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["AttachmentOverflowMenu.tsx"],"sourcesContent":["import type * as React from 'react';\nimport { useAttachmentOverflowMenu_unstable } from './useAttachmentOverflowMenu';\nimport { renderAttachmentOverflowMenu_unstable } from './renderAttachmentOverflowMenu';\nimport { useAttachmentOverflowMenuContextValues_unstable } from './useAttachmentOverflowMenuContextValues';\nimport { useMenuContextValues_unstable } from '@fluentui/react-components';\nimport type { AttachmentOverflowMenuProps } from './AttachmentOverflowMenu.types';\n\nexport const AttachmentOverflowMenu: React.FC<AttachmentOverflowMenuProps> = props => {\n  const state = useAttachmentOverflowMenu_unstable(props);\n  const menuContextValues = useMenuContextValues_unstable(state);\n  const attachmentOverflowMenuContextValues = useAttachmentOverflowMenuContextValues_unstable(state);\n\n  return renderAttachmentOverflowMenu_unstable(state, { menuContextValues, attachmentOverflowMenuContextValues });\n};\n\nAttachmentOverflowMenu.displayName = 'AttachmentOverflowMenu';\n"],"names":["AttachmentOverflowMenu","props","state","useAttachmentOverflowMenu_unstable","menuContextValues","useMenuContextValues_unstable","attachmentOverflowMenuContextValues","useAttachmentOverflowMenuContextValues_unstable","renderAttachmentOverflowMenu_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAOaA;;;eAAAA;;;2CANsC;8CACG;wDACU;iCAClB;AAGvC,MAAMA,yBAAgEC,CAAAA;IAC3E,MAAMC,QAAQC,IAAAA,6DAAAA,EAAmCF;IACjD,MAAMG,oBAAoBC,IAAAA,8CAAAA,EAA8BH;IACxD,MAAMI,sCAAsCC,IAAAA,uFAAAA,EAAgDL;IAE5F,OAAOM,IAAAA,mEAAAA,EAAsCN,OAAO;QAAEE;QAAmBE;IAAoC;AAC/G;AAEAN,uBAAuBS,WAAW,GAAG"}

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

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});

package/lib-commonjs/components/AttachmentOverflowMenu/AttachmentOverflowMenu.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["AttachmentOverflowMenu.types.ts"],"sourcesContent":["import type { MenuProps, MenuSlots, MenuState } from '@fluentui/react-components';\nimport type { AttachmentOverflowMenuContextValue } from '../../contexts/attachmentOverflowMenuContext';\n\nexport type AttachmentOverflowMenuSlots = MenuSlots;\n\n/**\n * AttachmentOverflowMenu Props\n */\nexport type AttachmentOverflowMenuProps = MenuProps;\n\n/**\n * State used in rendering AttachmentOverflowMenu\n */\nexport type AttachmentOverflowMenuState = MenuState & {\n  isOverflowing: boolean;\n  overflowButtonRef?: React.MutableRefObject<HTMLButtonElement | null>;\n  overflowCount: number;\n};\n\nexport type AttachmentOverflowMenuContextValues = {\n  attachmentOverflowMenu: AttachmentOverflowMenuContextValue;\n};\n"],"names":[],"rangeMappings":"","mappings":""}

package/lib-commonjs/components/AttachmentOverflowMenu/index.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    AttachmentOverflowMenu: function() {
+        return _AttachmentOverflowMenu.AttachmentOverflowMenu;
+    },
+    renderAttachmentOverflowMenu_unstable: function() {
+        return _renderAttachmentOverflowMenu.renderAttachmentOverflowMenu_unstable;
+    },
+    useAttachmentOverflowMenuContextValues_unstable: function() {
+        return _useAttachmentOverflowMenuContextValues.useAttachmentOverflowMenuContextValues_unstable;
+    },
+    useAttachmentOverflowMenu_unstable: function() {
+        return _useAttachmentOverflowMenu.useAttachmentOverflowMenu_unstable;
+    }
+});
+const _AttachmentOverflowMenu = require("./AttachmentOverflowMenu");
+const _renderAttachmentOverflowMenu = require("./renderAttachmentOverflowMenu");
+const _useAttachmentOverflowMenu = require("./useAttachmentOverflowMenu");
+const _useAttachmentOverflowMenuContextValues = require("./useAttachmentOverflowMenuContextValues");

package/lib-commonjs/components/AttachmentOverflowMenu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"sourcesContent":["export { AttachmentOverflowMenu } from './AttachmentOverflowMenu';\nexport type { AttachmentOverflowMenuContextValues, AttachmentOverflowMenuProps, AttachmentOverflowMenuSlots, AttachmentOverflowMenuState } from './AttachmentOverflowMenu.types';\nexport { renderAttachmentOverflowMenu_unstable } from './renderAttachmentOverflowMenu';\nexport { useAttachmentOverflowMenu_unstable } from './useAttachmentOverflowMenu';\nexport { useAttachmentOverflowMenuContextValues_unstable } from './useAttachmentOverflowMenuContextValues';\n"],"names":["AttachmentOverflowMenu","renderAttachmentOverflowMenu_unstable","useAttachmentOverflowMenuContextValues_unstable","useAttachmentOverflowMenu_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAASA,sBAAsB;eAAtBA,8CAAsB;;IAEtBC,qCAAqC;eAArCA,mEAAqC;;IAErCC,+CAA+C;eAA/CA,uFAA+C;;IAD/CC,kCAAkC;eAAlCA,6DAAkC;;;wCAHJ;8CAEe;2CACH;wDACa"}

package/lib-commonjs/components/AttachmentOverflowMenu/renderAttachmentOverflowMenu.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "renderAttachmentOverflowMenu_unstable", {
+    enumerable: true,
+    get: function() {
+        return renderAttachmentOverflowMenu_unstable;
+    }
+});
+const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
+const _reactcomponents = require("@fluentui/react-components");
+const _attachmentOverflowMenuContext = require("../../contexts/attachmentOverflowMenuContext");
+const renderAttachmentOverflowMenu_unstable = (state, contextValues)=>{
+    const { menuContextValues, attachmentOverflowMenuContextValues } = contextValues;
+    (0, _reactcomponents.assertSlots)(state);
+    return state.isOverflowing ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_attachmentOverflowMenuContext.AttachmentOverflowMenuProvider, {
+        value: attachmentOverflowMenuContextValues.attachmentOverflowMenu,
+        children: (0, _reactcomponents.renderMenu_unstable)(state, menuContextValues)
+    }) : null;
+};

package/lib-commonjs/components/AttachmentOverflowMenu/renderAttachmentOverflowMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["renderAttachmentOverflowMenu.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots, renderMenu_unstable } from '@fluentui/react-components';\nimport type { JSXElement } from '@fluentui/react-components';\nimport { AttachmentOverflowMenuProvider } from '../../contexts/attachmentOverflowMenuContext';\nimport type {\n  AttachmentOverflowMenuState,\n  AttachmentOverflowMenuSlots,\n  AttachmentOverflowMenuContextValues,\n} from './AttachmentOverflowMenu.types';\nimport type { MenuContextValues } from '@fluentui/react-components';\n\n/**\n * Render the final JSX of AttachmentOverflowMenu\n */\nexport const renderAttachmentOverflowMenu_unstable = (\n  state: AttachmentOverflowMenuState,\n  contextValues: {\n    menuContextValues: MenuContextValues;\n    attachmentOverflowMenuContextValues: AttachmentOverflowMenuContextValues;\n  },\n): JSXElement | null => {\n  const { menuContextValues, attachmentOverflowMenuContextValues } = contextValues;\n  assertSlots<AttachmentOverflowMenuSlots>(state);\n\n  return state.isOverflowing ? (\n    <AttachmentOverflowMenuProvider value={attachmentOverflowMenuContextValues.attachmentOverflowMenu}>\n      {renderMenu_unstable(state, menuContextValues)}\n    </AttachmentOverflowMenuProvider>\n  ) : null;\n};\n"],"names":["renderAttachmentOverflowMenu_unstable","state","contextValues","menuContextValues","attachmentOverflowMenuContextValues","assertSlots","isOverflowing","_jsx","AttachmentOverflowMenuProvider","value","attachmentOverflowMenu","renderMenu_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAgBaA;;;eAAAA;;;4BAfb;iCAEiD;+CAEF;AAWxC,MAAMA,wCAAwC,CACnDC,OACAC;IAKA,MAAM,EAAEC,iBAAiB,EAAEC,mCAAmC,EAAE,GAAGF;IACnEG,IAAAA,4BAAAA,EAAyCJ;IAEzC,OAAOA,MAAMK,aAAa,GAAA,WAAA,GACxBC,IAAAA,eAAA,EAACC,6DAAAA,EAAAA;QAA+BC,OAAOL,oCAAoCM,sBAAsB;kBAC9FC,IAAAA,oCAAAA,EAAoBV,OAAOE;SAE5B;AACN"}

package/lib-commonjs/components/AttachmentOverflowMenu/useAttachmentOverflowMenu.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useAttachmentOverflowMenu_unstable", {
+    enumerable: true,
+    get: function() {
+        return useAttachmentOverflowMenu_unstable;
+    }
+});
+const _reactcomponents = require("@fluentui/react-components");
+const useAttachmentOverflowMenu_unstable = (props)=>{
+    const menuState = (0, _reactcomponents.useMenu_unstable)(props);
+    const { isOverflowing, ref: overflowButtonRef, overflowCount } = (0, _reactcomponents.useOverflowMenu)();
+    return {
+        ...menuState,
+        isOverflowing,
+        overflowButtonRef,
+        overflowCount
+    };
+};

package/lib-commonjs/components/AttachmentOverflowMenu/useAttachmentOverflowMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useAttachmentOverflowMenu.ts"],"sourcesContent":["import { useMenu_unstable, useOverflowMenu } from '@fluentui/react-components';\nimport type { AttachmentOverflowMenuProps, AttachmentOverflowMenuState } from './AttachmentOverflowMenu.types';\n\n/**\n * Create the state required to render AttachmentOverflowMenu.\n *\n * The returned state can be modified with hooks such as useAttachmentOverflowMenuStyles_unstable,\n * before being passed to renderAttachmentOverflowMenu_unstable.\n *\n * @param props - props from this instance of AttachmentOverflowMenu\n */\nexport const useAttachmentOverflowMenu_unstable = (props: AttachmentOverflowMenuProps): AttachmentOverflowMenuState => {\n  const menuState = useMenu_unstable(props);\n  const { isOverflowing, ref: overflowButtonRef, overflowCount } = useOverflowMenu<HTMLButtonElement>();\n\n  return {\n    ...menuState,\n    isOverflowing,\n    overflowButtonRef,\n    overflowCount,\n  };\n};\n"],"names":["useAttachmentOverflowMenu_unstable","props","menuState","useMenu_unstable","isOverflowing","ref","overflowButtonRef","overflowCount","useOverflowMenu"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAWaA;;;eAAAA;;;iCAXqC;AAW3C,MAAMA,qCAAqC,CAACC;IACjD,MAAMC,YAAYC,IAAAA,iCAAAA,EAAiBF;IACnC,MAAM,EAAEG,aAAa,EAAEC,KAAKC,iBAAiB,EAAEC,aAAa,EAAE,GAAGC,IAAAA,gCAAAA;IAEjE,OAAO;QACL,GAAGN,SAAS;QACZE;QACAE;QACAC;IACF;AACF"}

package/lib-commonjs/components/AttachmentOverflowMenu/useAttachmentOverflowMenuContextValues.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useAttachmentOverflowMenuContextValues_unstable", {
+    enumerable: true,
+    get: function() {
+        return useAttachmentOverflowMenuContextValues_unstable;
+    }
+});
+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
+    };
+}

package/lib-commonjs/components/AttachmentOverflowMenu/useAttachmentOverflowMenuContextValues.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useAttachmentOverflowMenuContextValues.ts"],"sourcesContent":["import type { AttachmentOverflowMenuContextValues, AttachmentOverflowMenuState } from './AttachmentOverflowMenu.types';\n\nexport function useAttachmentOverflowMenuContextValues_unstable(\n  state: AttachmentOverflowMenuState,\n): AttachmentOverflowMenuContextValues {\n  const { isOverflowing, overflowButtonRef, overflowCount } = state;\n\n  // This context is created with \"@fluentui/react-context-selector\", there is no sense to memoize it\n  const attachmentOverflowMenu = {\n    isOverflowing,\n    overflowButtonRef,\n    overflowCount,\n  };\n\n  return { attachmentOverflowMenu };\n}\n"],"names":["useAttachmentOverflowMenuContextValues_unstable","state","isOverflowing","overflowButtonRef","overflowCount","attachmentOverflowMenu"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAEgBA;;;eAAAA;;;AAAT,SAASA,gDACdC,KAAkC;IAElC,MAAM,EAAEC,aAAa,EAAEC,iBAAiB,EAAEC,aAAa,EAAE,GAAGH;IAE5D,mGAAmG;IACnG,MAAMI,yBAAyB;QAC7BH;QACAC;QACAC;IACF;IAEA,OAAO;QAAEC;IAAuB;AAClC"}

package/lib-commonjs/components/AttachmentOverflowMenuButton/AttachmentOverflowMenuButton.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "AttachmentOverflowMenuButton", {
+    enumerable: true,
+    get: function() {
+        return AttachmentOverflowMenuButton;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _useAttachmentOverflowMenuButton = require("./useAttachmentOverflowMenuButton");
+const _renderAttachmentOverflowMenuButton = require("./renderAttachmentOverflowMenuButton");
+const _useAttachmentOverflowMenuButtonStylesstyles = require("./useAttachmentOverflowMenuButtonStyles.styles");
+const _reactprovider = require("@fluentui-copilot/react-provider");
+const AttachmentOverflowMenuButton = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _useAttachmentOverflowMenuButton.useAttachmentOverflowMenuButton_unstable)(props, ref);
+    (0, _useAttachmentOverflowMenuButtonStylesstyles.useAttachmentOverflowMenuButtonStyles_unstable)(state);
+    (0, _reactprovider.useCustomStyleHook)('useAttachmentOverflowMenuButtonStyles')(state);
+    return (0, _renderAttachmentOverflowMenuButton.renderAttachmentOverflowMenuButton_unstable)(state);
+});
+AttachmentOverflowMenuButton.displayName = 'AttachmentOverflowMenuButton';

package/lib-commonjs/components/AttachmentOverflowMenuButton/AttachmentOverflowMenuButton.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["AttachmentOverflowMenuButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useAttachmentOverflowMenuButton_unstable } from './useAttachmentOverflowMenuButton';\nimport { renderAttachmentOverflowMenuButton_unstable } from './renderAttachmentOverflowMenuButton';\nimport { useAttachmentOverflowMenuButtonStyles_unstable } from './useAttachmentOverflowMenuButtonStyles.styles';\nimport type { AttachmentOverflowMenuButtonProps } from './AttachmentOverflowMenuButton.types';\nimport type { ForwardRefComponent } from '@fluentui/react-components';\nimport { useCustomStyleHook } from '@fluentui-copilot/react-provider';\n\nexport const AttachmentOverflowMenuButton: ForwardRefComponent<AttachmentOverflowMenuButtonProps> = React.forwardRef(\n  (props, ref) => {\n    const state = useAttachmentOverflowMenuButton_unstable(props, ref);\n\n    useAttachmentOverflowMenuButtonStyles_unstable(state);\n    useCustomStyleHook('useAttachmentOverflowMenuButtonStyles')(state);\n\n    return renderAttachmentOverflowMenuButton_unstable(state);\n  },\n);\n\nAttachmentOverflowMenuButton.displayName = 'AttachmentOverflowMenuButton';\n"],"names":["AttachmentOverflowMenuButton","React","forwardRef","props","ref","state","useAttachmentOverflowMenuButton_unstable","useAttachmentOverflowMenuButtonStyles_unstable","useCustomStyleHook","renderAttachmentOverflowMenuButton_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAQaA;;;eAAAA;;;;iEARU;iDACkC;oDACG;6DACG;+BAG5B;AAE5B,MAAMA,+BAAAA,WAAAA,GAAuFC,OAAMC,UAAU,CAClH,CAACC,OAAOC;IACN,MAAMC,QAAQC,IAAAA,yEAAAA,EAAyCH,OAAOC;IAE9DG,IAAAA,2FAAAA,EAA+CF;IAC/CG,IAAAA,iCAAAA,EAAmB,yCAAyCH;IAE5D,OAAOI,IAAAA,+EAAAA,EAA4CJ;AACrD;AAGFL,6BAA6BU,WAAW,GAAG"}

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

@@ -0,0 +1,6 @@
+/**
+ * State used in rendering AttachmentOverflowMenuButton
+ */ "use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});

package/lib-commonjs/components/AttachmentOverflowMenuButton/AttachmentOverflowMenuButton.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["AttachmentOverflowMenuButton.types.ts"],"sourcesContent":["import type { CopilotMode, DesignVersion } from '@fluentui-copilot/react-provider';\nimport type { ComponentProps, ComponentState, ProgressBar, Slot } from '@fluentui/react-components';\nimport type { AttachmentOverflowMenuState } from '../AttachmentOverflowMenu';\n\nexport type AttachmentOverflowMenuButtonSlots = {\n  root: NonNullable<Slot<'button'>>;\n  progress: NonNullable<Slot<typeof ProgressBar>>;\n};\n\n/**\n * AttachmentOverflowMenuButton Props\n */\nexport type AttachmentOverflowMenuButtonProps = ComponentProps<Partial<AttachmentOverflowMenuButtonSlots>> &\n  CopilotMode &\n  DesignVersion & {\n    /**\n     * Toggle prop to indicate that there are Attachments in the overflow menu that's currently loading.\n     * Setting this to true will show an indeterminate progress bar on the button.\n     * @default false\n     */\n    isLoading?: boolean;\n    text?: string | ((overflowCount: number) => React.ReactNode);\n  };\n\n/**\n * State used in rendering AttachmentOverflowMenuButton\n */\nexport type AttachmentOverflowMenuButtonState = ComponentState<AttachmentOverflowMenuButtonSlots> &\n  Pick<AttachmentOverflowMenuState, 'isOverflowing' | 'overflowCount'> &\n  Pick<AttachmentOverflowMenuButtonProps, 'isLoading'> &\n  Pick<Required<AttachmentOverflowMenuButtonProps>, 'designVersion' | 'mode'> & {\n    /**\n     * True when all attachments are overflowed into the overflow menu.\n     */\n    fullyOverflowed: boolean;\n  };\n"],"names":[],"rangeMappings":";;","mappings":"AAwBA;;CAEC"}

package/lib-commonjs/components/AttachmentOverflowMenuButton/index.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    AttachmentOverflowMenuButton: function() {
+        return _AttachmentOverflowMenuButton.AttachmentOverflowMenuButton;
+    },
+    attachmentOverflowMenuButtonClassNames: function() {
+        return _useAttachmentOverflowMenuButtonStylesstyles.attachmentOverflowMenuButtonClassNames;
+    },
+    renderAttachmentOverflowMenuButton_unstable: function() {
+        return _renderAttachmentOverflowMenuButton.renderAttachmentOverflowMenuButton_unstable;
+    },
+    useAttachmentOverflowMenuButtonStyles_unstable: function() {
+        return _useAttachmentOverflowMenuButtonStylesstyles.useAttachmentOverflowMenuButtonStyles_unstable;
+    },
+    useAttachmentOverflowMenuButton_unstable: function() {
+        return _useAttachmentOverflowMenuButton.useAttachmentOverflowMenuButton_unstable;
+    }
+});
+const _AttachmentOverflowMenuButton = require("./AttachmentOverflowMenuButton");
+const _renderAttachmentOverflowMenuButton = require("./renderAttachmentOverflowMenuButton");
+const _useAttachmentOverflowMenuButton = require("./useAttachmentOverflowMenuButton");
+const _useAttachmentOverflowMenuButtonStylesstyles = require("./useAttachmentOverflowMenuButtonStyles.styles");

package/lib-commonjs/components/AttachmentOverflowMenuButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"sourcesContent":["export { AttachmentOverflowMenuButton } from './AttachmentOverflowMenuButton';\nexport type { AttachmentOverflowMenuButtonProps, AttachmentOverflowMenuButtonSlots, AttachmentOverflowMenuButtonState } from './AttachmentOverflowMenuButton.types';\nexport { renderAttachmentOverflowMenuButton_unstable } from './renderAttachmentOverflowMenuButton';\nexport { useAttachmentOverflowMenuButton_unstable } from './useAttachmentOverflowMenuButton';\nexport { attachmentOverflowMenuButtonClassNames, useAttachmentOverflowMenuButtonStyles_unstable } from './useAttachmentOverflowMenuButtonStyles.styles';\n"],"names":["AttachmentOverflowMenuButton","attachmentOverflowMenuButtonClassNames","renderAttachmentOverflowMenuButton_unstable","useAttachmentOverflowMenuButtonStyles_unstable","useAttachmentOverflowMenuButton_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAASA,4BAA4B;eAA5BA,0DAA4B;;IAI5BC,sCAAsC;eAAtCA,mFAAsC;;IAFtCC,2CAA2C;eAA3CA,+EAA2C;;IAEHC,8CAA8C;eAA9CA,2FAA8C;;IADtFC,wCAAwC;eAAxCA,yEAAwC;;;8CAHJ;oDAEe;iDACH;6DAC8C"}

package/lib-commonjs/components/AttachmentOverflowMenuButton/renderAttachmentOverflowMenuButton.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "renderAttachmentOverflowMenuButton_unstable", {
+    enumerable: true,
+    get: function() {
+        return renderAttachmentOverflowMenuButton_unstable;
+    }
+});
+const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
+const _reactcomponents = require("@fluentui/react-components");
+const renderAttachmentOverflowMenuButton_unstable = (state)=>{
+    (0, _reactcomponents.assertSlots)(state);
+    return state.isOverflowing ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactcomponents.MenuTrigger, {
+        children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(state.root, {
+            children: [
+                state.root.children,
+                state.isLoading && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.progress, {})
+            ]
+        })
+    }) : null;
+};

package/lib-commonjs/components/AttachmentOverflowMenuButton/renderAttachmentOverflowMenuButton.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["renderAttachmentOverflowMenuButton.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { MenuTrigger, assertSlots } from '@fluentui/react-components';\nimport type { JSXElement } from '@fluentui/react-components';\nimport type {\n  AttachmentOverflowMenuButtonState,\n  AttachmentOverflowMenuButtonSlots,\n} from './AttachmentOverflowMenuButton.types';\n\n/**\n * Render the final JSX of AttachmentOverflowMenuButton\n */\nexport const renderAttachmentOverflowMenuButton_unstable = (\n  state: AttachmentOverflowMenuButtonState,\n): JSXElement | null => {\n  assertSlots<AttachmentOverflowMenuButtonSlots>(state);\n\n  return state.isOverflowing ? (\n    <MenuTrigger>\n      <state.root>\n        {state.root.children}\n        {state.isLoading && <state.progress />}\n      </state.root>\n    </MenuTrigger>\n  ) : null;\n};\n"],"names":["renderAttachmentOverflowMenuButton_unstable","state","assertSlots","isOverflowing","_jsx","MenuTrigger","_jsxs","root","children","isLoading","progress"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAaaA;;;eAAAA;;;4BAZb;iCAEyC;AAUlC,MAAMA,8CAA8C,CACzDC;IAEAC,IAAAA,4BAAAA,EAA+CD;IAE/C,OAAOA,MAAME,aAAa,GAAA,WAAA,GACxBC,IAAAA,eAAA,EAACC,4BAAAA,EAAAA;kBACC,WAAA,GAAAC,IAAAA,gBAAA,EAACL,MAAMM,IAAI,EAAA;;gBACRN,MAAMM,IAAI,CAACC,QAAQ;gBACnBP,MAAMQ,SAAS,IAAA,WAAA,GAAIL,IAAAA,eAAA,EAACH,MAAMS,QAAQ,EAAA,CAAA;;;SAGrC;AACN"}