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

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

@@ -0,0 +1,72 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useAttachmentOverflowMenuButton_unstable", {
+    enumerable: true,
+    get: function() {
+        return useAttachmentOverflowMenuButton_unstable;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactprovider = require("@fluentui-copilot/react-provider");
+const _reactcomponents = require("@fluentui/react-components");
+const _attachmentOverflowMenuContext = require("../../contexts/attachmentOverflowMenuContext");
+const _reacticons = require("@fluentui/react-icons");
+const _attachmentListContext = require("../../contexts/attachmentListContext");
+const useAttachmentOverflowMenuButton_unstable = (props, ref)=>{
+    const { isOverflowing, overflowCount, overflowButtonRef } = (0, _attachmentOverflowMenuContext.useAttachmentOverflowMenuContext_unstable)((context)=>context);
+    const { numberOfAttachments } = (0, _attachmentListContext.useAttachmentListContext_unstable)((context)=>context);
+    const fullyOverflowed = overflowCount >= numberOfAttachments;
+    const isLoading = !!props.isLoading;
+    const designVersion = (0, _reactprovider.useDesignVersion)(props.designVersion);
+    const mode = (0, _reactprovider.useCopilotMode)(props.mode);
+    const buttonText = defaultButtonText(props, overflowCount, designVersion, mode, fullyOverflowed);
+    return {
+        components: {
+            root: 'button',
+            progress: _reactcomponents.ProgressBar
+        },
+        root: _reactcomponents.slot.always((0, _reactcomponents.getIntrinsicElementProps)('button', {
+            ref: (0, _reactcomponents.useMergedRefs)(ref, overflowButtonRef),
+            ...props
+        }), {
+            defaultProps: {
+                children: buttonText
+            },
+            elementType: 'button'
+        }),
+        progress: _reactcomponents.slot.always(props.progress, {
+            defaultProps: {
+                value: undefined,
+                shape: 'square',
+                thickness: 'large',
+                'aria-label': 'Loading'
+            },
+            elementType: _reactcomponents.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 (designVersion === 'next' && fullyOverflowed) {
+        return /*#__PURE__*/ _react.createElement(_react.Fragment, null, copilotMode === 'canvas' ? /*#__PURE__*/ _react.createElement(_reacticons.Attach24Regular, null) : /*#__PURE__*/ _react.createElement(_reacticons.Attach20Regular, null), overflowCount);
+    }
+    return `+${overflowCount}`;
+}

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

@@ -0,0 +1 @@
+{"version":3,"sources":["useAttachmentOverflowMenuButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { CopilotMode, DesignVersion } from '@fluentui-copilot/react-provider';\nimport { useCopilotMode, useDesignVersion } from '@fluentui-copilot/react-provider';\nimport { ProgressBar, getIntrinsicElementProps, slot, useMergedRefs } from '@fluentui/react-components';\nimport { useAttachmentOverflowMenuContext_unstable } from '../../contexts/attachmentOverflowMenuContext';\nimport type {\n  AttachmentOverflowMenuButtonProps,\n  AttachmentOverflowMenuButtonState,\n} from './AttachmentOverflowMenuButton.types';\nimport { Attach20Regular, Attach24Regular } from '@fluentui/react-icons';\nimport { useAttachmentListContext_unstable } from '../../contexts/attachmentListContext';\n\n/**\n * Create the state required to render AttachmentOverflowMenuButton.\n *\n * The returned state can be modified with hooks such as useAttachmentOverflowMenuButtonStyles_unstable,\n * before being passed to renderAttachmentOverflowMenuButton_unstable.\n *\n * @param props - props from this instance of AttachmentOverflowMenuButton\n * @param ref - reference to root HTMLElement of AttachmentOverflowMenuButton\n */\nexport const useAttachmentOverflowMenuButton_unstable = (\n  props: AttachmentOverflowMenuButtonProps,\n  ref: React.Ref<HTMLButtonElement>,\n): AttachmentOverflowMenuButtonState => {\n  const { isOverflowing, overflowCount, overflowButtonRef } = useAttachmentOverflowMenuContext_unstable(\n    context => context,\n  );\n  const { numberOfAttachments } = useAttachmentListContext_unstable(context => context);\n\n  const fullyOverflowed = overflowCount >= numberOfAttachments;\n  const isLoading = !!props.isLoading;\n\n  const designVersion = useDesignVersion(props.designVersion);\n  const mode = useCopilotMode(props.mode);\n\n  const buttonText = defaultButtonText(props, overflowCount, designVersion, mode, fullyOverflowed);\n\n  return {\n    components: {\n      root: 'button',\n      progress: ProgressBar,\n    },\n    root: slot.always(\n      getIntrinsicElementProps('button', {\n        ref: useMergedRefs(ref, overflowButtonRef),\n        ...props,\n      }),\n      {\n        defaultProps: {\n          children: buttonText,\n        },\n        elementType: 'button',\n      },\n    ),\n    progress: slot.always(props.progress, {\n      defaultProps: { value: undefined, shape: 'square', thickness: 'large', 'aria-label': 'Loading' },\n      elementType: ProgressBar,\n    }),\n    fullyOverflowed,\n    isOverflowing,\n    overflowCount,\n    isLoading,\n    designVersion,\n    mode,\n  };\n};\n\nfunction defaultButtonText(\n  props: AttachmentOverflowMenuButtonProps,\n  overflowCount: number,\n  designVersion: DesignVersion['designVersion'],\n  copilotMode: CopilotMode['mode'],\n  fullyOverflowed: boolean,\n) {\n  if (props.children) {\n    return props.children;\n  }\n\n  if (props.text) {\n    if (typeof props.text === 'function') {\n      return props.text(overflowCount);\n    } else {\n      return props.text;\n    }\n  }\n\n  if (designVersion === 'next' && fullyOverflowed) {\n    return (\n      <>\n        {copilotMode === 'canvas' ? <Attach24Regular /> : <Attach20Regular />}\n        {overflowCount}\n      </>\n    );\n  }\n\n  return `+${overflowCount}`;\n}\n"],"names":["useAttachmentOverflowMenuButton_unstable","props","ref","isOverflowing","overflowCount","overflowButtonRef","useAttachmentOverflowMenuContext_unstable","context","numberOfAttachments","useAttachmentListContext_unstable","fullyOverflowed","isLoading","designVersion","useDesignVersion","mode","useCopilotMode","buttonText","defaultButtonText","components","root","progress","ProgressBar","slot","always","getIntrinsicElementProps","useMergedRefs","defaultProps","children","elementType","value","undefined","shape","thickness","copilotMode","text","React","createElement","Fragment","Attach24Regular","Attach20Regular"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAqBaA;;;eAAAA;;;;iEArBU;+BAE0B;iCAC0B;+CACjB;4BAKT;uCACC;AAW3C,MAAMA,2CAA2C,CACtDC,OACAC;IAEA,MAAM,EAAEC,aAAa,EAAEC,aAAa,EAAEC,iBAAiB,EAAE,GAAGC,IAAAA,wEAAAA,EAC1DC,CAAAA,UAAWA;IAEb,MAAM,EAAEC,mBAAmB,EAAE,GAAGC,IAAAA,wDAAAA,EAAkCF,CAAAA,UAAWA;IAE7E,MAAMG,kBAAkBN,iBAAiBI;IACzC,MAAMG,YAAY,CAAC,CAACV,MAAMU,SAAS;IAEnC,MAAMC,gBAAgBC,IAAAA,+BAAAA,EAAiBZ,MAAMW,aAAa;IAC1D,MAAME,OAAOC,IAAAA,6BAAAA,EAAed,MAAMa,IAAI;IAEtC,MAAME,aAAaC,kBAAkBhB,OAAOG,eAAeQ,eAAeE,MAAMJ;IAEhF,OAAO;QACLQ,YAAY;YACVC,MAAM;YACNC,UAAUC,4BAAAA;QACZ;QACAF,MAAMG,qBAAAA,CAAKC,MAAM,CACfC,IAAAA,yCAAAA,EAAyB,UAAU;YACjCtB,KAAKuB,IAAAA,8BAAAA,EAAcvB,KAAKG;YACxB,GAAGJ,KAAK;QACV,IACA;YACEyB,cAAc;gBACZC,UAAUX;YACZ;YACAY,aAAa;QACf;QAEFR,UAAUE,qBAAAA,CAAKC,MAAM,CAACtB,MAAMmB,QAAQ,EAAE;YACpCM,cAAc;gBAAEG,OAAOC;gBAAWC,OAAO;gBAAUC,WAAW;gBAAS,cAAc;YAAU;YAC/FJ,aAAaP,4BAAAA;QACf;QACAX;QACAP;QACAC;QACAO;QACAC;QACAE;IACF;AACF;AAEA,SAASG,kBACPhB,KAAwC,EACxCG,aAAqB,EACrBQ,aAA6C,EAC7CqB,WAAgC,EAChCvB,eAAwB;IAExB,IAAIT,MAAM0B,QAAQ,EAAE;QAClB,OAAO1B,MAAM0B,QAAQ;IACvB;IAEA,IAAI1B,MAAMiC,IAAI,EAAE;QACd,IAAI,OAAOjC,MAAMiC,IAAI,KAAK,YAAY;YACpC,OAAOjC,MAAMiC,IAAI,CAAC9B;QACpB,OAAO;YACL,OAAOH,MAAMiC,IAAI;QACnB;IACF;IAEA,IAAItB,kBAAkB,UAAUF,iBAAiB;QAC/C,OAAA,WAAA,GACEyB,OAAAC,aAAA,CAAAD,OAAAE,QAAA,EAAA,MACGJ,gBAAgB,WAAA,WAAA,GAAWE,OAAAC,aAAA,CAACE,2BAAAA,EAAAA,QAAAA,WAAAA,GAAqBH,OAAAC,aAAA,CAACG,2BAAAA,EAAAA,OAClDnC;IAGP;IAEA,OAAO,CAAC,CAAC,EAAEA,cAAc,CAAC;AAC5B"}

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

@@ -0,0 +1,178 @@
+"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, {
+    attachmentOverflowMenuButtonClassNames: function() {
+        return attachmentOverflowMenuButtonClassNames;
+    },
+    useAttachmentOverflowMenuButtonStyles_unstable: function() {
+        return useAttachmentOverflowMenuButtonStyles_unstable;
+    }
+});
+const _reactcomponents = require("@fluentui/react-components");
+const _useProgressBarStylesstyles = require("../utils/useProgressBarStyles.styles");
+const attachmentOverflowMenuButtonClassNames = {
+    root: 'fai-AttachmentOverflowMenuButton',
+    progress: 'fai-AttachmentOverflowMenuButton__progress'
+};
+const useRootBaseClassName = (0, _reactcomponents.__resetStyles)("r1o7ejxu", null, {
+    r: [
+        ".r1o7ejxu{color:var(--colorNeutralForeground1);align-items:center;background-color:var(--colorSubtleBackground);border:var(--strokeWidthThin) solid var(--colorNeutralStroke1);border-radius:var(--borderRadiusMedium);box-sizing:border-box;column-gap:var(--spacingHorizontalSNudge);cursor:pointer;display:inline-flex;flex-wrap:nowrap;font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase300);font-weight:var(--fontWeightRegular);justify-content:center;padding:var(--spacingVerticalXS) var(--spacingHorizontalS);vertical-align:middle;position:relative;}",
+        ".r1o7ejxu:hover{cursor:pointer;background-color:var(--colorSubtleBackgroundHover);color:var(--colorNeutralForeground2Hover);}",
+        ".r1o7ejxu:active{background-color:var(--colorSubtleBackgroundPressed);color:var(--colorNeutralForeground2Pressed);}"
+    ],
+    s: [
+        "@media (forced-colors: active){.r1o7ejxu:hover{background-color:HighlightText;}.r1o7ejxu:active{background-color:HighlightText;}}"
+    ]
+});
+const useNextStyles = (0, _reactcomponents.__styles)({
+    root: {
+        Beyfa6y: 0,
+        Bbmb7ep: 0,
+        Btl43ni: 0,
+        B7oj6ja: 0,
+        Dimara: "f1kijzfu",
+        g2u3we: "fghlq4f",
+        h3c5rm: [
+            "f1gn591s",
+            "fjscplz"
+        ],
+        B9xav0g: "fb073pr",
+        zhjwy3: [
+            "fjscplz",
+            "f1gn591s"
+        ],
+        sj55zd: "fkfq4zb",
+        De3pzq: "f16xq7d1",
+        eoavqd: "f8491dx",
+        Bi91k9c: "fnwyq0v",
+        Jwef8y: "f1h648pw",
+        lj723h: "flvvhsy",
+        ecr2s2: "fwdzr64"
+    },
+    canvas: {
+        sshi5w: "f1w5jphr",
+        Byoj8tv: 0,
+        uwmqm3: 0,
+        z189sj: 0,
+        z8tnut: 0,
+        B0ocmuz: "f1nm7172"
+    },
+    sidecar: {
+        sshi5w: "f1nxs5xn",
+        Byoj8tv: 0,
+        uwmqm3: 0,
+        z189sj: 0,
+        z8tnut: 0,
+        B0ocmuz: "f1nm7172"
+    },
+    fullyOverflowed_canvas: {
+        Byoj8tv: 0,
+        uwmqm3: 0,
+        z189sj: 0,
+        z8tnut: 0,
+        B0ocmuz: "fuva4e2",
+        Bahqtrf: "fk6fouc",
+        Be2twd7: "fod5ikn",
+        Bhrd7zp: "fl43uef",
+        Bg96gwp: "f1anucx2"
+    },
+    fullyOverflowed_sidecar: {
+        Byoj8tv: 0,
+        uwmqm3: 0,
+        z189sj: 0,
+        z8tnut: 0,
+        B0ocmuz: "ffysxzw",
+        Bahqtrf: "fk6fouc",
+        Be2twd7: "fkhj508",
+        Bhrd7zp: "fl43uef",
+        Bg96gwp: "f1i3iumi"
+    }
+}, {
+    d: [
+        [
+            ".f1kijzfu{border-radius:var(--borderRadiusXLarge);}",
+            {
+                p: -1
+            }
+        ],
+        ".fghlq4f{border-top-color:var(--colorTransparentStroke);}",
+        ".f1gn591s{border-right-color:var(--colorTransparentStroke);}",
+        ".fjscplz{border-left-color:var(--colorTransparentStroke);}",
+        ".fb073pr{border-bottom-color:var(--colorTransparentStroke);}",
+        ".fkfq4zb{color:var(--colorNeutralForeground2);}",
+        ".f16xq7d1{background-color:var(--colorNeutralBackground3);}",
+        ".f1w5jphr{min-height:40px;}",
+        [
+            ".f1nm7172{padding:var(--spacingVerticalNone) var(--spacingHorizontalS);}",
+            {
+                p: -1
+            }
+        ],
+        ".f1nxs5xn{min-height:32px;}",
+        [
+            ".f1nm7172{padding:var(--spacingVerticalNone) var(--spacingHorizontalS);}",
+            {
+                p: -1
+            }
+        ],
+        [
+            ".fuva4e2{padding:var(--spacingVerticalNone) var(--spacingHorizontalL);}",
+            {
+                p: -1
+            }
+        ],
+        ".fk6fouc{font-family:var(--fontFamilyBase);}",
+        ".fod5ikn{font-size:var(--fontSizeBase400);}",
+        ".fl43uef{font-weight:var(--fontWeightSemibold);}",
+        ".f1anucx2{line-height:var(--lineHeightBase450);}",
+        [
+            ".ffysxzw{padding:var(--spacingVerticalNone) var(--spacingHorizontalM);}",
+            {
+                p: -1
+            }
+        ],
+        ".fkhj508{font-size:var(--fontSizeBase300);}",
+        ".f1i3iumi{line-height:var(--lineHeightBase300);}"
+    ],
+    h: [
+        ".f8491dx:hover{cursor:pointer;}",
+        ".fnwyq0v:hover{color:var(--colorNeutralForeground2Hover);}",
+        ".f1h648pw:hover{background-color:var(--colorNeutralBackground3Hover);}"
+    ],
+    a: [
+        ".flvvhsy:active{color:var(--colorNeutralForeground2Pressed);}",
+        ".fwdzr64:active{background-color:var(--colorNeutralBackground3Pressed);}"
+    ]
+});
+const useAttachmentOverflowMenuButtonStyles_unstable = (state)=>{
+    'use no memo';
+    const { designVersion, mode, fullyOverflowed } = state;
+    const rootBaseClassName = useRootBaseClassName();
+    const progressBarStyles = (0, _useProgressBarStylesstyles.useProgressBarStyles)();
+    const nextStyles = useNextStyles();
+    state.root.className = (0, _reactcomponents.mergeClasses)(attachmentOverflowMenuButtonClassNames.root, rootBaseClassName, designVersion === 'next' && nextStyles.root, designVersion === 'next' && nextStyles[mode], designVersion === 'next' && fullyOverflowed && nextStyles[`fullyOverflowed_${mode}`], state.root.className);
+    if (state.progress) {
+        state.progress.className = (0, _reactcomponents.mergeClasses)(attachmentOverflowMenuButtonClassNames.progress, progressBarStyles.progress, state.progress.className);
+        const bar = _reactcomponents.slot.optional(state.progress.bar, {
+            elementType: 'div',
+            renderByDefault: true
+        });
+        if (bar) {
+            if (state.progress.value === undefined) {
+                bar.className = (0, _reactcomponents.mergeClasses)(progressBarStyles.indeterminateProgressBar, bar.className);
+            } else {
+                bar.className = (0, _reactcomponents.mergeClasses)(progressBarStyles.regularProgressBar, bar.className);
+            }
+            state.progress.bar = bar;
+        }
+    }
+    return state;
+}; //# sourceMappingURL=useAttachmentOverflowMenuButtonStyles.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["useAttachmentOverflowMenuButtonStyles.styles.ts"],"sourcesContent":["import { makeResetStyles, makeStyles, mergeClasses, shorthands, slot } from '@fluentui/react-components';\nimport { tokens, typographyStyles } from '@fluentui-copilot/tokens';\nimport { useProgressBarStyles } from '../utils/useProgressBarStyles.styles';\nimport type {\n  AttachmentOverflowMenuButtonSlots,\n  AttachmentOverflowMenuButtonState,\n} from './AttachmentOverflowMenuButton.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const attachmentOverflowMenuButtonClassNames: SlotClassNames<AttachmentOverflowMenuButtonSlots> = {\n  root: 'fai-AttachmentOverflowMenuButton',\n  progress: 'fai-AttachmentOverflowMenuButton__progress',\n};\n\nconst useRootBaseClassName = makeResetStyles({\n  color: tokens.colorNeutralForeground1,\n  alignItems: 'center',\n  backgroundColor: tokens.colorSubtleBackground,\n  border: `${tokens.strokeWidthThin} solid ${tokens.colorNeutralStroke1}`,\n  borderRadius: tokens.borderRadiusMedium,\n  boxSizing: 'border-box',\n  columnGap: tokens.spacingHorizontalSNudge,\n  cursor: 'pointer',\n  display: 'inline-flex',\n  flexWrap: 'nowrap',\n  fontFamily: typographyStyles.body1.fontFamily,\n  fontSize: typographyStyles.body1.fontSize,\n  fontWeight: typographyStyles.body1.fontWeight,\n  justifyContent: 'center',\n  padding: `${tokens.spacingVerticalXS} ${tokens.spacingHorizontalS}`,\n  verticalAlign: 'middle',\n  position: 'relative',\n\n  ':hover': {\n    cursor: 'pointer',\n    backgroundColor: tokens.colorSubtleBackgroundHover,\n    color: tokens.colorNeutralForeground2Hover,\n  },\n  ':active': {\n    backgroundColor: tokens.colorSubtleBackgroundPressed,\n    color: tokens.colorNeutralForeground2Pressed,\n  },\n  '@media (forced-colors: active)': {\n    ':hover': {\n      backgroundColor: 'HighlightText',\n    },\n    ':active': {\n      backgroundColor: 'HighlightText',\n    },\n  },\n});\n\nconst useNextStyles = makeStyles({\n  root: {\n    borderRadius: tokens.borderRadiusXLarge,\n    ...shorthands.borderColor(tokens.colorTransparentStroke),\n    color: tokens.colorNeutralForeground2,\n    backgroundColor: tokens.colorNeutralBackground3,\n    ':hover': {\n      cursor: 'pointer',\n      color: tokens.colorNeutralForeground2Hover,\n      backgroundColor: tokens.colorNeutralBackground3Hover,\n    },\n    ':active': {\n      color: tokens.colorNeutralForeground2Pressed,\n      backgroundColor: tokens.colorNeutralBackground3Pressed,\n    },\n  },\n  canvas: {\n    minHeight: '40px',\n    padding: `${tokens.spacingVerticalNone} ${tokens.spacingHorizontalS}`,\n  },\n  sidecar: {\n    minHeight: '32px',\n    padding: `${tokens.spacingVerticalNone} ${tokens.spacingHorizontalS}`,\n  },\n  fullyOverflowed_canvas: {\n    padding: `${tokens.spacingVerticalNone} ${tokens.spacingHorizontalL}`,\n    ...typographyStyles.subtitle2,\n  },\n  fullyOverflowed_sidecar: {\n    padding: `${tokens.spacingVerticalNone} ${tokens.spacingHorizontalM}`,\n    ...typographyStyles.body1Strong,\n  },\n});\n\n/**\n * Apply styling to the AttachmentOverflowMenuButton slots based on the state\n */\nexport const useAttachmentOverflowMenuButtonStyles_unstable = (\n  state: AttachmentOverflowMenuButtonState,\n): AttachmentOverflowMenuButtonState => {\n  'use no memo';\n\n  const { designVersion, mode, fullyOverflowed } = state;\n\n  const rootBaseClassName = useRootBaseClassName();\n  const progressBarStyles = useProgressBarStyles();\n  const nextStyles = useNextStyles();\n\n  state.root.className = mergeClasses(\n    attachmentOverflowMenuButtonClassNames.root,\n    rootBaseClassName,\n    designVersion === 'next' && nextStyles.root,\n    designVersion === 'next' && nextStyles[mode],\n    designVersion === 'next' && fullyOverflowed && nextStyles[`fullyOverflowed_${mode}`],\n    state.root.className,\n  );\n\n  if (state.progress) {\n    state.progress.className = mergeClasses(\n      attachmentOverflowMenuButtonClassNames.progress,\n      progressBarStyles.progress,\n      state.progress.className,\n    );\n\n    const bar = slot.optional(state.progress.bar, { elementType: 'div', renderByDefault: true });\n    if (bar) {\n      if (state.progress.value === undefined) {\n        bar.className = mergeClasses(progressBarStyles.indeterminateProgressBar, bar.className);\n      } else {\n        bar.className = mergeClasses(progressBarStyles.regularProgressBar, bar.className);\n      }\n      state.progress.bar = bar;\n    }\n  }\n\n  return state;\n};\n"],"names":["attachmentOverflowMenuButtonClassNames","state","root","progress","useRootBaseClassName","makeResetStyles","color","alignItems","border","strokeWidthThin","borderRadius","boxSizing","columnGap","cursor","display","flexWrap","fontFamily","fontSize","typographyStyles","body1","fontWeight","justifyContent","padding","verticalAlign","position","Bi91k9c","backgroundColor","uwmqm3","z189sj","z8tnut","useNextStyles","borderColor","Byoj8tv","canvas","minHeight","B0ocmuz","sidecar","Bg96gwp","p","fullyOverflowed_sidecar","body1Strong","fullyOverflowed","className","progressBarStyles","bar","mergeClasses","elementType"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IASaA,sCAAAA;eAAAA;;IAqGTC,8CACED;eADFC;;;iCA9GgE;4CAE/B;AAO9B,MAAMD,yCAA4F;UACvGE;cACAC;AACF;AAEA,MAAMC,uBAAuBC,IAAAA,8BAAAA,EAAAA,YAAgB,MAAA;OAC3CC;QAAAA;QAAqC;QAAA;KAAA;OACrCC;QAAAA;KAAY;;MAEZC,gBAAkBC,IAAAA,yBAAAA,EAAAA;UAClBC;QACAC,SAAAA;QACAC,SAAAA;QACAC,SAAQ;QACRC,SAAS;QACTC,QAAAA;QACAC,QAAAA;QACAC,QAAAA;YAAAA;YAAUC;SAAiBC;QAC3BC,SAAAA;QACAC,QAAAA;YAAAA;YAAgB;SAAA;QAChBC,QAAAA;QACAC,QAAAA;QACAC,QAAAA;QAEAC,SAAA;gBACEZ;gBACAa;gBACApB;;YAEF;gBACEoB;iBACApB;QACFqB,QAAA;QACAC,QAAA;gBACE;iBACEF;;aAEF;gBACEA;iBACF;QACFC,QAAA;QACFC,QAAA;QAEAC,QAAMC;QACJ5B,SAAM;;4BAEU6B;iBACdzB;gBACAoB;gBACA;gBACEb;iBACAP;iBACAoB;iBACF;iBACA;iBACEpB;;6BAEF;QACF0B,SAAA;QACAC,QAAQ;gBACNC;gBACAZ;QACFa,SAAA;QACAC,SAAS;iBACPF;iBACAZ;QACFe,SAAA;;;;;;YAG+B;gBAC/BC,GAAA,CAAA;;SACAC;QAAAA;QAAyB;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;YAAA;YAAA;oBACvBjB;;;;QACoBkB;YAAAA;YAAW;gBACjCF,GAAA,CAAA;YACF;SAAA;QAAA;YAAA;YAAA;gBAEAA,GAAA,CAAA;;;;;;;;;;gBAGAA,GAAA,CAAA;;SAGE;QAAA;QAAA;KAAA;OAEA;QAAA;QAA6BG;QAAoBxC;KAAAA;OAEjD;QAAA;QAA0BG;KAAAA;;MAcxBH,iDACED,CAAAA;;yBAKwF,MAC1F,iBACMC;8BAEGG;8BACDsC,IAAAA,gDAAyBC;uBAC/Bb;cACA7B,CAAAA,SAAME,GAAAA,IAAAA,6BAAeyC,EAAAA,uCAAAA,IAAAA,EAAAA,mBAAAA,kBAAAA,UAAAA,WAAAA,IAAAA,EAAAA,kBAAAA,UAAAA,UAAAA,CAAAA,KAAAA,EAAAA,kBAAAA,UAAAA,mBAAAA,UAAAA,CAAAA,CAAAA,gBAAAA,EAAAA,KAAAA,CAAAA,CAAAA,EAAAA,MAAAA,IAAAA,CAAAA,SAAAA;cACvBzC,QAAA,EAAA;QACFF,MAAAE,QAAA,CAAAuC,SAAA,GAAAG,IAAAA,6BAAA,EAAA7C,uCAAAG,QAAA,EAAAwC,kBAAAxC,QAAA,EAAAF,MAAAE,QAAA,CAAAuC,SAAA;QAEA,MAAAE,MAAO3C,qBAAAA,CAAAA,QAAAA,CAAAA,MAAAA,QAAAA,CAAAA,GAAAA,EAAAA;YACP6C,aAAA"}

package/lib-commonjs/components/AttachmentOverflowMenuButton/useAttachmentOverflowMenuButtonStyles.styles.raw.js

@@ -0,0 +1,118 @@
+"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, {
+    attachmentOverflowMenuButtonClassNames: function() {
+        return attachmentOverflowMenuButtonClassNames;
+    },
+    useAttachmentOverflowMenuButtonStyles_unstable: function() {
+        return useAttachmentOverflowMenuButtonStyles_unstable;
+    }
+});
+const _reactcomponents = require("@fluentui/react-components");
+const _tokens = require("@fluentui-copilot/tokens");
+const _useProgressBarStylesstyles = require("../utils/useProgressBarStyles.styles");
+const attachmentOverflowMenuButtonClassNames = {
+    root: 'fai-AttachmentOverflowMenuButton',
+    progress: 'fai-AttachmentOverflowMenuButton__progress'
+};
+const useRootBaseClassName = (0, _reactcomponents.makeResetStyles)({
+    color: _tokens.tokens.colorNeutralForeground1,
+    alignItems: 'center',
+    backgroundColor: _tokens.tokens.colorSubtleBackground,
+    border: `${_tokens.tokens.strokeWidthThin} solid ${_tokens.tokens.colorNeutralStroke1}`,
+    borderRadius: _tokens.tokens.borderRadiusMedium,
+    boxSizing: 'border-box',
+    columnGap: _tokens.tokens.spacingHorizontalSNudge,
+    cursor: 'pointer',
+    display: 'inline-flex',
+    flexWrap: 'nowrap',
+    fontFamily: _tokens.typographyStyles.body1.fontFamily,
+    fontSize: _tokens.typographyStyles.body1.fontSize,
+    fontWeight: _tokens.typographyStyles.body1.fontWeight,
+    justifyContent: 'center',
+    padding: `${_tokens.tokens.spacingVerticalXS} ${_tokens.tokens.spacingHorizontalS}`,
+    verticalAlign: 'middle',
+    position: 'relative',
+    ':hover': {
+        cursor: 'pointer',
+        backgroundColor: _tokens.tokens.colorSubtleBackgroundHover,
+        color: _tokens.tokens.colorNeutralForeground2Hover
+    },
+    ':active': {
+        backgroundColor: _tokens.tokens.colorSubtleBackgroundPressed,
+        color: _tokens.tokens.colorNeutralForeground2Pressed
+    },
+    '@media (forced-colors: active)': {
+        ':hover': {
+            backgroundColor: 'HighlightText'
+        },
+        ':active': {
+            backgroundColor: 'HighlightText'
+        }
+    }
+});
+const useNextStyles = (0, _reactcomponents.makeStyles)({
+    root: {
+        borderRadius: _tokens.tokens.borderRadiusXLarge,
+        ..._reactcomponents.shorthands.borderColor(_tokens.tokens.colorTransparentStroke),
+        color: _tokens.tokens.colorNeutralForeground2,
+        backgroundColor: _tokens.tokens.colorNeutralBackground3,
+        ':hover': {
+            cursor: 'pointer',
+            color: _tokens.tokens.colorNeutralForeground2Hover,
+            backgroundColor: _tokens.tokens.colorNeutralBackground3Hover
+        },
+        ':active': {
+            color: _tokens.tokens.colorNeutralForeground2Pressed,
+            backgroundColor: _tokens.tokens.colorNeutralBackground3Pressed
+        }
+    },
+    canvas: {
+        minHeight: '40px',
+        padding: `${_tokens.tokens.spacingVerticalNone} ${_tokens.tokens.spacingHorizontalS}`
+    },
+    sidecar: {
+        minHeight: '32px',
+        padding: `${_tokens.tokens.spacingVerticalNone} ${_tokens.tokens.spacingHorizontalS}`
+    },
+    fullyOverflowed_canvas: {
+        padding: `${_tokens.tokens.spacingVerticalNone} ${_tokens.tokens.spacingHorizontalL}`,
+        ..._tokens.typographyStyles.subtitle2
+    },
+    fullyOverflowed_sidecar: {
+        padding: `${_tokens.tokens.spacingVerticalNone} ${_tokens.tokens.spacingHorizontalM}`,
+        ..._tokens.typographyStyles.body1Strong
+    }
+});
+const useAttachmentOverflowMenuButtonStyles_unstable = (state)=>{
+    'use no memo';
+    const { designVersion, mode, fullyOverflowed } = state;
+    const rootBaseClassName = useRootBaseClassName();
+    const progressBarStyles = (0, _useProgressBarStylesstyles.useProgressBarStyles)();
+    const nextStyles = useNextStyles();
+    state.root.className = (0, _reactcomponents.mergeClasses)(attachmentOverflowMenuButtonClassNames.root, rootBaseClassName, designVersion === 'next' && nextStyles.root, designVersion === 'next' && nextStyles[mode], designVersion === 'next' && fullyOverflowed && nextStyles[`fullyOverflowed_${mode}`], state.root.className);
+    if (state.progress) {
+        state.progress.className = (0, _reactcomponents.mergeClasses)(attachmentOverflowMenuButtonClassNames.progress, progressBarStyles.progress, state.progress.className);
+        const bar = _reactcomponents.slot.optional(state.progress.bar, {
+            elementType: 'div',
+            renderByDefault: true
+        });
+        if (bar) {
+            if (state.progress.value === undefined) {
+                bar.className = (0, _reactcomponents.mergeClasses)(progressBarStyles.indeterminateProgressBar, bar.className);
+            } else {
+                bar.className = (0, _reactcomponents.mergeClasses)(progressBarStyles.regularProgressBar, bar.className);
+            }
+            state.progress.bar = bar;
+        }
+    }
+    return state;
+};

package/lib-commonjs/components/AttachmentOverflowMenuButton/useAttachmentOverflowMenuButtonStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useAttachmentOverflowMenuButtonStyles.styles.ts"],"sourcesContent":["import { makeResetStyles, makeStyles, mergeClasses, shorthands, slot } from '@fluentui/react-components';\nimport { tokens, typographyStyles } from '@fluentui-copilot/tokens';\nimport { useProgressBarStyles } from '../utils/useProgressBarStyles.styles';\nimport type {\n  AttachmentOverflowMenuButtonSlots,\n  AttachmentOverflowMenuButtonState,\n} from './AttachmentOverflowMenuButton.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const attachmentOverflowMenuButtonClassNames: SlotClassNames<AttachmentOverflowMenuButtonSlots> = {\n  root: 'fai-AttachmentOverflowMenuButton',\n  progress: 'fai-AttachmentOverflowMenuButton__progress',\n};\n\nconst useRootBaseClassName = makeResetStyles({\n  color: tokens.colorNeutralForeground1,\n  alignItems: 'center',\n  backgroundColor: tokens.colorSubtleBackground,\n  border: `${tokens.strokeWidthThin} solid ${tokens.colorNeutralStroke1}`,\n  borderRadius: tokens.borderRadiusMedium,\n  boxSizing: 'border-box',\n  columnGap: tokens.spacingHorizontalSNudge,\n  cursor: 'pointer',\n  display: 'inline-flex',\n  flexWrap: 'nowrap',\n  fontFamily: typographyStyles.body1.fontFamily,\n  fontSize: typographyStyles.body1.fontSize,\n  fontWeight: typographyStyles.body1.fontWeight,\n  justifyContent: 'center',\n  padding: `${tokens.spacingVerticalXS} ${tokens.spacingHorizontalS}`,\n  verticalAlign: 'middle',\n  position: 'relative',\n\n  ':hover': {\n    cursor: 'pointer',\n    backgroundColor: tokens.colorSubtleBackgroundHover,\n    color: tokens.colorNeutralForeground2Hover,\n  },\n  ':active': {\n    backgroundColor: tokens.colorSubtleBackgroundPressed,\n    color: tokens.colorNeutralForeground2Pressed,\n  },\n  '@media (forced-colors: active)': {\n    ':hover': {\n      backgroundColor: 'HighlightText',\n    },\n    ':active': {\n      backgroundColor: 'HighlightText',\n    },\n  },\n});\n\nconst useNextStyles = makeStyles({\n  root: {\n    borderRadius: tokens.borderRadiusXLarge,\n    ...shorthands.borderColor(tokens.colorTransparentStroke),\n    color: tokens.colorNeutralForeground2,\n    backgroundColor: tokens.colorNeutralBackground3,\n    ':hover': {\n      cursor: 'pointer',\n      color: tokens.colorNeutralForeground2Hover,\n      backgroundColor: tokens.colorNeutralBackground3Hover,\n    },\n    ':active': {\n      color: tokens.colorNeutralForeground2Pressed,\n      backgroundColor: tokens.colorNeutralBackground3Pressed,\n    },\n  },\n  canvas: {\n    minHeight: '40px',\n    padding: `${tokens.spacingVerticalNone} ${tokens.spacingHorizontalS}`,\n  },\n  sidecar: {\n    minHeight: '32px',\n    padding: `${tokens.spacingVerticalNone} ${tokens.spacingHorizontalS}`,\n  },\n  fullyOverflowed_canvas: {\n    padding: `${tokens.spacingVerticalNone} ${tokens.spacingHorizontalL}`,\n    ...typographyStyles.subtitle2,\n  },\n  fullyOverflowed_sidecar: {\n    padding: `${tokens.spacingVerticalNone} ${tokens.spacingHorizontalM}`,\n    ...typographyStyles.body1Strong,\n  },\n});\n\n/**\n * Apply styling to the AttachmentOverflowMenuButton slots based on the state\n */\nexport const useAttachmentOverflowMenuButtonStyles_unstable = (\n  state: AttachmentOverflowMenuButtonState,\n): AttachmentOverflowMenuButtonState => {\n  'use no memo';\n\n  const { designVersion, mode, fullyOverflowed } = state;\n\n  const rootBaseClassName = useRootBaseClassName();\n  const progressBarStyles = useProgressBarStyles();\n  const nextStyles = useNextStyles();\n\n  state.root.className = mergeClasses(\n    attachmentOverflowMenuButtonClassNames.root,\n    rootBaseClassName,\n    designVersion === 'next' && nextStyles.root,\n    designVersion === 'next' && nextStyles[mode],\n    designVersion === 'next' && fullyOverflowed && nextStyles[`fullyOverflowed_${mode}`],\n    state.root.className,\n  );\n\n  if (state.progress) {\n    state.progress.className = mergeClasses(\n      attachmentOverflowMenuButtonClassNames.progress,\n      progressBarStyles.progress,\n      state.progress.className,\n    );\n\n    const bar = slot.optional(state.progress.bar, { elementType: 'div', renderByDefault: true });\n    if (bar) {\n      if (state.progress.value === undefined) {\n        bar.className = mergeClasses(progressBarStyles.indeterminateProgressBar, bar.className);\n      } else {\n        bar.className = mergeClasses(progressBarStyles.regularProgressBar, bar.className);\n      }\n      state.progress.bar = bar;\n    }\n  }\n\n  return state;\n};\n"],"names":["attachmentOverflowMenuButtonClassNames","useAttachmentOverflowMenuButtonStyles_unstable","root","progress","useRootBaseClassName","makeResetStyles","color","tokens","colorNeutralForeground1","alignItems","backgroundColor","colorSubtleBackground","border","strokeWidthThin","colorNeutralStroke1","borderRadius","borderRadiusMedium","boxSizing","columnGap","spacingHorizontalSNudge","cursor","display","flexWrap","fontFamily","typographyStyles","body1","fontSize","fontWeight","justifyContent","padding","spacingVerticalXS","spacingHorizontalS","verticalAlign","position","colorSubtleBackgroundHover","colorNeutralForeground2Hover","colorSubtleBackgroundPressed","colorNeutralForeground2Pressed","useNextStyles","makeStyles","borderRadiusXLarge","shorthands","borderColor","colorTransparentStroke","colorNeutralForeground2","colorNeutralBackground3","colorNeutralBackground3Hover","colorNeutralBackground3Pressed","canvas","minHeight","spacingVerticalNone","sidecar","fullyOverflowed_canvas","spacingHorizontalL","subtitle2","fullyOverflowed_sidecar","spacingHorizontalM","body1Strong","state","designVersion","mode","fullyOverflowed","rootBaseClassName","progressBarStyles","useProgressBarStyles","nextStyles","className","mergeClasses","bar","slot","optional","elementType","renderByDefault","value","undefined","indeterminateProgressBar","regularProgressBar"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

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

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "AttachmentOverflowMenuItem", {
+    enumerable: true,
+    get: function() {
+        return AttachmentOverflowMenuItem;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _useAttachmentOverflowMenuItem = require("./useAttachmentOverflowMenuItem");
+const _renderAttachmentOverflowMenuItem = require("./renderAttachmentOverflowMenuItem");
+const _useAttachmentOverflowMenuItemStylesstyles = require("./useAttachmentOverflowMenuItemStyles.styles");
+const AttachmentOverflowMenuItem = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _useAttachmentOverflowMenuItem.useAttachmentOverflowMenuItem_unstable)(props, ref);
+    (0, _useAttachmentOverflowMenuItemStylesstyles.useAttachmentOverflowMenuItemStyles_unstable)(state);
+    return (0, _renderAttachmentOverflowMenuItem.renderAttachmentOverflowMenuItem_unstable)(state);
+});
+AttachmentOverflowMenuItem.displayName = 'AttachmentOverflowMenuItem';

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

@@ -0,0 +1 @@
+{"version":3,"sources":["AttachmentOverflowMenuItem.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useAttachmentOverflowMenuItem_unstable } from './useAttachmentOverflowMenuItem';\nimport { renderAttachmentOverflowMenuItem_unstable } from './renderAttachmentOverflowMenuItem';\nimport type { AttachmentOverflowMenuItemProps } from './AttachmentOverflowMenuItem.types';\nimport type { ForwardRefComponent } from '@fluentui/react-components';\nimport { useAttachmentOverflowMenuItemStyles_unstable } from './useAttachmentOverflowMenuItemStyles.styles';\nexport const AttachmentOverflowMenuItem: ForwardRefComponent<AttachmentOverflowMenuItemProps> = React.forwardRef(\n  (props, ref) => {\n    const state = useAttachmentOverflowMenuItem_unstable(props, ref);\n    useAttachmentOverflowMenuItemStyles_unstable(state);\n\n    return renderAttachmentOverflowMenuItem_unstable(state);\n  },\n);\n\nAttachmentOverflowMenuItem.displayName = 'AttachmentOverflowMenuItem';\n"],"names":["AttachmentOverflowMenuItem","React","forwardRef","props","ref","state","useAttachmentOverflowMenuItem_unstable","useAttachmentOverflowMenuItemStyles_unstable","renderAttachmentOverflowMenuItem_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAMaA;;;eAAAA;;;;iEANU;+CACgC;kDACG;2DAGG;AACtD,MAAMA,6BAAAA,WAAAA,GAAmFC,OAAMC,UAAU,CAC9G,CAACC,OAAOC;IACN,MAAMC,QAAQC,IAAAA,qEAAAA,EAAuCH,OAAOC;IAC5DG,IAAAA,uFAAAA,EAA6CF;IAE7C,OAAOG,IAAAA,2EAAAA,EAA0CH;AACnD;AAGFL,2BAA2BS,WAAW,GAAG"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["AttachmentOverflowMenuItem.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, MenuItem, ProgressBar, Slot } from '@fluentui/react-components';\nimport type { AttachmentProps } from '../Attachment';\nimport type { DesignVersion } from '@fluentui-copilot/react-provider';\n\nexport type AttachmentOverflowMenuItemSlots = {\n  root: NonNullable<Slot<typeof MenuItem>>;\n  progress?: Slot<typeof ProgressBar>;\n};\n\n/**\n * AttachmentOverflowMenuItem Props\n */\nexport type AttachmentOverflowMenuItemProps = ComponentProps<Partial<AttachmentOverflowMenuItemSlots>> &\n  DesignVersion &\n  Pick<AttachmentProps, 'id' | 'media' | 'imageOnly'>;\n\n/**\n * State used in rendering AttachmentOverflowMenuItem\n */\nexport type AttachmentOverflowMenuItemState = ComponentState<AttachmentOverflowMenuItemSlots> &\n  Pick<AttachmentOverflowMenuItemProps, 'imageOnly' | 'designVersion'> & {\n    isVisible: boolean;\n  };\n"],"names":[],"rangeMappings":";;","mappings":"AAgBA;;CAEC"}

package/lib-commonjs/components/AttachmentOverflowMenuItem/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, {
+    AttachmentOverflowMenuItem: function() {
+        return _AttachmentOverflowMenuItem.AttachmentOverflowMenuItem;
+    },
+    attachmentOverflowMenuItemClassNames: function() {
+        return _useAttachmentOverflowMenuItemStylesstyles.attachmentOverflowMenuItemClassNames;
+    },
+    renderAttachmentOverflowMenuItem_unstable: function() {
+        return _renderAttachmentOverflowMenuItem.renderAttachmentOverflowMenuItem_unstable;
+    },
+    useAttachmentOverflowMenuItemStyles_unstable: function() {
+        return _useAttachmentOverflowMenuItemStylesstyles.useAttachmentOverflowMenuItemStyles_unstable;
+    },
+    useAttachmentOverflowMenuItem_unstable: function() {
+        return _useAttachmentOverflowMenuItem.useAttachmentOverflowMenuItem_unstable;
+    }
+});
+const _AttachmentOverflowMenuItem = require("./AttachmentOverflowMenuItem");
+const _renderAttachmentOverflowMenuItem = require("./renderAttachmentOverflowMenuItem");
+const _useAttachmentOverflowMenuItem = require("./useAttachmentOverflowMenuItem");
+const _useAttachmentOverflowMenuItemStylesstyles = require("./useAttachmentOverflowMenuItemStyles.styles");

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"sourcesContent":["export { AttachmentOverflowMenuItem } from './AttachmentOverflowMenuItem';\nexport type { AttachmentOverflowMenuItemProps, AttachmentOverflowMenuItemSlots, AttachmentOverflowMenuItemState } from './AttachmentOverflowMenuItem.types';\nexport { renderAttachmentOverflowMenuItem_unstable } from './renderAttachmentOverflowMenuItem';\nexport { useAttachmentOverflowMenuItem_unstable } from './useAttachmentOverflowMenuItem';\nexport { attachmentOverflowMenuItemClassNames, useAttachmentOverflowMenuItemStyles_unstable } from './useAttachmentOverflowMenuItemStyles.styles';\n"],"names":["AttachmentOverflowMenuItem","attachmentOverflowMenuItemClassNames","renderAttachmentOverflowMenuItem_unstable","useAttachmentOverflowMenuItemStyles_unstable","useAttachmentOverflowMenuItem_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAASA,0BAA0B;eAA1BA,sDAA0B;;IAI1BC,oCAAoC;eAApCA,+EAAoC;;IAFpCC,yCAAyC;eAAzCA,2EAAyC;;IAEHC,4CAA4C;eAA5CA,uFAA4C;;IADlFC,sCAAsC;eAAtCA,qEAAsC;;;4CAHJ;kDAEe;+CACH;2DAC4C"}

package/lib-commonjs/components/AttachmentOverflowMenuItem/renderAttachmentOverflowMenuItem.js

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

package/lib-commonjs/components/AttachmentOverflowMenuItem/renderAttachmentOverflowMenuItem.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["renderAttachmentOverflowMenuItem.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-components';\nimport type { JSXElement } from '@fluentui/react-components';\nimport type {\n  AttachmentOverflowMenuItemState,\n  AttachmentOverflowMenuItemSlots,\n} from './AttachmentOverflowMenuItem.types';\n\n/**\n * Render the final JSX of AttachmentOverflowMenuItem\n */\nexport const renderAttachmentOverflowMenuItem_unstable = (\n  state: AttachmentOverflowMenuItemState,\n): JSXElement | null => {\n  assertSlots<AttachmentOverflowMenuItemSlots>(state);\n\n  return !state.isVisible ? (\n    <state.root>\n      {state.root.children}\n      {state.progress && <state.progress />}\n    </state.root>\n  ) : null;\n};\n"],"names":["renderAttachmentOverflowMenuItem_unstable","state","assertSlots","isVisible","_jsxs","root","children","progress","_jsx"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAaaA;;;eAAAA;;;4BAZb;iCAE4B;AAUrB,MAAMA,4CAA4C,CACvDC;IAEAC,IAAAA,4BAAAA,EAA6CD;IAE7C,OAAO,CAACA,MAAME,SAAS,GAAA,WAAA,GACrBC,IAAAA,gBAAA,EAACH,MAAMI,IAAI,EAAA;;YACRJ,MAAMI,IAAI,CAACC,QAAQ;YACnBL,MAAMM,QAAQ,IAAA,WAAA,GAAIC,IAAAA,eAAA,EAACP,MAAMM,QAAQ,EAAA,CAAA;;SAElC;AACN"}

package/lib-commonjs/components/AttachmentOverflowMenuItem/useAttachmentOverflowMenuItem.js

@@ -0,0 +1,59 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useAttachmentOverflowMenuItem_unstable", {
+    enumerable: true,
+    get: function() {
+        return useAttachmentOverflowMenuItem_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 _reacticons = require("@fluentui/react-icons");
+const _attachmentListContext = require("../../contexts/attachmentListContext");
+const _reactprovider = require("@fluentui-copilot/react-provider");
+const useAttachmentOverflowMenuItem_unstable = (props, ref)=>{
+    'use no memo';
+    const { imageOnly, media } = props;
+    const menuItemId = (0, _reactcomponents.useId)('attachment-', props.id);
+    const isVisible = (0, _reactcomponents.useIsOverflowItemVisible)(menuItemId);
+    const { onAttachmentDismiss } = (0, _attachmentListContext.useAttachmentListContext_unstable)((context)=>context);
+    const designVersion = (0, _reactprovider.useDesignVersion)(props.designVersion);
+    const root = _reactcomponents.slot.always({
+        ref,
+        icon: media,
+        secondaryContent: /*#__PURE__*/ _react.createElement(_reacticons.Dismiss20Regular, null),
+        ...props,
+        id: menuItemId
+    }, {
+        elementType: _reactcomponents.MenuItem
+    });
+    root.onClick = (0, _reactcomponents.mergeCallbacks)(root.onClick, (ev)=>{
+        onAttachmentDismiss === null || onAttachmentDismiss === void 0 ? void 0 : onAttachmentDismiss(ev, {
+            content: props.children,
+            media,
+            id: menuItemId
+        });
+    });
+    const progress = _reactcomponents.slot.optional(props.progress, {
+        defaultProps: {
+            shape: 'square',
+            thickness: 'large',
+            'aria-labelledby': props.id
+        },
+        elementType: _reactcomponents.ProgressBar
+    });
+    return {
+        components: {
+            root: _reactcomponents.MenuItem,
+            progress: _reactcomponents.ProgressBar
+        },
+        root,
+        progress,
+        isVisible,
+        imageOnly,
+        designVersion
+    };
+};

package/lib-commonjs/components/AttachmentOverflowMenuItem/useAttachmentOverflowMenuItem.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useAttachmentOverflowMenuItem.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n  MenuItem,\n  ProgressBar,\n  mergeCallbacks,\n  slot,\n  useId,\n  useIsOverflowItemVisible,\n} from '@fluentui/react-components';\nimport { Dismiss20Regular } from '@fluentui/react-icons';\nimport { useAttachmentListContext_unstable } from '../../contexts/attachmentListContext';\nimport type {\n  AttachmentOverflowMenuItemProps,\n  AttachmentOverflowMenuItemState,\n} from './AttachmentOverflowMenuItem.types';\nimport { useDesignVersion } from '@fluentui-copilot/react-provider';\n\n/**\n * Create the state required to render AttachmentOverflowMenuItem.\n *\n * The returned state can be modified with hooks such as useAttachmentOverflowMenuItemStyles_unstable,\n * before being passed to renderAttachmentOverflowMenuItem_unstable.\n *\n * @param props - props from this instance of AttachmentOverflowMenuItem\n * @param ref - reference to root HTMLElement of AttachmentOverflowMenuItem\n */\nexport const useAttachmentOverflowMenuItem_unstable = (\n  props: AttachmentOverflowMenuItemProps,\n  ref: React.Ref<HTMLDivElement>,\n): AttachmentOverflowMenuItemState => {\n  'use no memo';\n\n  const { imageOnly, media } = props;\n  const menuItemId = useId('attachment-', props.id);\n  const isVisible = useIsOverflowItemVisible(menuItemId);\n  const { onAttachmentDismiss } = useAttachmentListContext_unstable(context => context);\n  const designVersion = useDesignVersion(props.designVersion);\n\n  const root = slot.always(\n    { ref, icon: media, secondaryContent: <Dismiss20Regular />, ...props, id: menuItemId },\n    { elementType: MenuItem },\n  );\n  root.onClick = mergeCallbacks(root.onClick, ev => {\n    onAttachmentDismiss?.(ev, { content: props.children, media, id: menuItemId });\n  });\n\n  const progress = slot.optional(props.progress, {\n    defaultProps: {\n      shape: 'square',\n      thickness: 'large',\n      'aria-labelledby': props.id,\n    },\n    elementType: ProgressBar,\n  });\n\n  return {\n    components: {\n      root: MenuItem,\n      progress: ProgressBar,\n    },\n    root,\n    progress,\n    isVisible,\n    imageOnly,\n    designVersion,\n  };\n};\n"],"names":["useAttachmentOverflowMenuItem_unstable","props","ref","imageOnly","media","menuItemId","useId","id","isVisible","useIsOverflowItemVisible","onAttachmentDismiss","useAttachmentListContext_unstable","context","designVersion","useDesignVersion","root","slot","always","icon","secondaryContent","React","createElement","Dismiss20Regular","elementType","MenuItem","onClick","mergeCallbacks","ev","content","children","progress","optional","defaultProps","shape","thickness","ProgressBar","components"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BA0BaA;;;eAAAA;;;;iEA1BU;iCAQhB;4BAC0B;uCACiB;+BAKjB;AAW1B,MAAMA,yCAAyC,CACpDC,OACAC;IAEA;IAEA,MAAM,EAAEC,SAAS,EAAEC,KAAK,EAAE,GAAGH;IAC7B,MAAMI,aAAaC,IAAAA,sBAAAA,EAAM,eAAeL,MAAMM,EAAE;IAChD,MAAMC,YAAYC,IAAAA,yCAAAA,EAAyBJ;IAC3C,MAAM,EAAEK,mBAAmB,EAAE,GAAGC,IAAAA,wDAAAA,EAAkCC,CAAAA,UAAWA;IAC7E,MAAMC,gBAAgBC,IAAAA,+BAAAA,EAAiBb,MAAMY,aAAa;IAE1D,MAAME,OAAOC,qBAAAA,CAAKC,MAAM,CACtB;QAAEf;QAAKgB,MAAMd;QAAOe,kBAAAA,WAAAA,GAAkBC,OAAAC,aAAA,CAACC,4BAAAA,EAAAA;QAAqB,GAAGrB,KAAK;QAAEM,IAAIF;IAAW,GACrF;QAAEkB,aAAaC,yBAAAA;IAAS;IAE1BT,KAAKU,OAAO,GAAGC,IAAAA,+BAAAA,EAAeX,KAAKU,OAAO,EAAEE,CAAAA;QAC1CjB,wBAAAA,QAAAA,wBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,oBAAsBiB,IAAI;YAAEC,SAAS3B,MAAM4B,QAAQ;YAAEzB;YAAOG,IAAIF;QAAW;IAC7E;IAEA,MAAMyB,WAAWd,qBAAAA,CAAKe,QAAQ,CAAC9B,MAAM6B,QAAQ,EAAE;QAC7CE,cAAc;YACZC,OAAO;YACPC,WAAW;YACX,mBAAmBjC,MAAMM,EAAE;QAC7B;QACAgB,aAAaY,4BAAAA;IACf;IAEA,OAAO;QACLC,YAAY;YACVrB,MAAMS,yBAAAA;YACNM,UAAUK,4BAAAA;QACZ;QACApB;QACAe;QACAtB;QACAL;QACAU;IACF;AACF"}