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

package/CHANGELOG.json

@@ -2,7 +2,73 @@
   "name": "@fluentui-copilot/react-attachments",
   "entries": [
     {
-      "date": "Wed, 30 Apr 2025 01:46:02 GMT",
+      "date": "Tue, 12 Aug 2025 16:09:21 GMT",
+      "tag": "@fluentui-copilot/react-attachments_v0.12.5-hotfix.1",
+      "version": "0.12.5-hotfix.1",
+      "comments": {
+        "prerelease": [
+          {
+            "author": "hochelmartin@gmail.com",
+            "package": "@fluentui-copilot/react-attachments",
+            "commit": "3e4ebe676646c4c4346dbbab83511f963ffefd85",
+            "comment": "release: prepare hotfix 0.26.2-hotfix.1"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Wed, 28 May 2025 16:45:32 GMT",
+      "tag": "@fluentui-copilot/react-attachments_v0.12.5",
+      "version": "0.12.5",
+      "comments": {
+        "patch": [
+          {
+            "author": "owcampbe@microsoft.com",
+            "package": "@fluentui-copilot/react-attachments",
+            "commit": "8b9cb891b99700e9b77c54dd50752a47770be860",
+            "comment": "feat: Change dismissOnly styles."
+          }
+        ]
+      }
+    },
+    {
+      "date": "Mon, 19 May 2025 18:04:27 GMT",
+      "tag": "@fluentui-copilot/react-attachments_v0.12.4",
+      "version": "0.12.4",
+      "comments": {
+        "none": [
+          {
+            "author": "hochelmartin@gmail.com",
+            "package": "@fluentui-copilot/react-attachments",
+            "commit": "442954951d0eca92de20ecb0ff0fa9492431b62d",
+            "comment": "fix: exclude story files from production build"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Sat, 03 May 2025 01:27:43 GMT",
+      "tag": "@fluentui-copilot/react-attachments_v0.12.4",
+      "version": "0.12.4",
+      "comments": {
+        "patch": [
+          {
+            "author": "owcampbe@microsoft.com",
+            "package": "@fluentui-copilot/react-attachments",
+            "commit": "6657db60e115d6a62b6a8af9e365323cb4fd799a",
+            "comment": "feat: Update designVersion=next styles."
+          },
+          {
+            "author": "estebanmu@microsoft.com",
+            "package": "@fluentui-copilot/react-attachments",
+            "commit": "3dc05bb66ec473691f198f65b5124cc24390f47c",
+            "comment": "chore: Bump @fluentui/react-components to 9.63.0."
+          }
+        ]
+      }
+    },
+    {
+      "date": "Wed, 30 Apr 2025 01:47:48 GMT",
       "tag": "@fluentui-copilot/react-attachments_v0.12.3",
       "version": "0.12.3",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,40 @@
 # Change Log - @fluentui-copilot/react-attachments
 
-This log was last generated on Wed, 30 Apr 2025 01:46:02 GMT and should not be manually modified.
+This log was last generated on Tue, 12 Aug 2025 16:09:21 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [0.12.5-hotfix.1](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-attachments_v0.12.5-hotfix.1)
+
+Tue, 12 Aug 2025 16:09:21 GMT 
+[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-attachments_v0.12.5..@fluentui-copilot/react-attachments_v0.12.5-hotfix.1)
+
+### Changes
+
+- release: prepare hotfix 0.26.2-hotfix.1 ([PR #3284](https://github.com/microsoft/fluentai/pull/3284) by hochelmartin@gmail.com)
+
+## [0.12.5](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-attachments_v0.12.5)
+
+Wed, 28 May 2025 16:45:32 GMT 
+[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-attachments_v0.12.4..@fluentui-copilot/react-attachments_v0.12.5)
+
+### Patches
+
+- feat: Change dismissOnly styles. ([PR #3020](https://github.com/microsoft/fluentai/pull/3020) by owcampbe@microsoft.com)
+
+## [0.12.4](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-attachments_v0.12.4)
+
+Sat, 03 May 2025 01:27:43 GMT 
+[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-attachments_v0.12.3..@fluentui-copilot/react-attachments_v0.12.4)
+
+### Patches
+
+- feat: Update designVersion=next styles. ([PR #2976](https://github.com/microsoft/fluentai/pull/2976) by owcampbe@microsoft.com)
+- chore: Bump @fluentui/react-components to 9.63.0. ([PR #2917](https://github.com/microsoft/fluentai/pull/2917) by estebanmu@microsoft.com)
+
 ## [0.12.3](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-attachments_v0.12.3)
 
-Wed, 30 Apr 2025 01:46:02 GMT 
+Wed, 30 Apr 2025 01:47:48 GMT 
 [Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-attachments_v0.12.2..@fluentui-copilot/react-attachments_v0.12.3)
 
 ### Patches

package/dist/index.d.ts

@@ -4,8 +4,8 @@ import type { ComponentProps } from '@fluentui/react-components';
 import type { ComponentState } from '@fluentui/react-components';
 import type { Context } from '@fluentui/react-context-selector';
 import type { ContextSelector } from '@fluentui/react-context-selector';
-import { CopilotMode } from '@fluentui-copilot/react-provider';
-import { DesignVersion } from '@fluentui-copilot/react-provider';
+import type { CopilotMode } from '@fluentui-copilot/react-provider';
+import type { DesignVersion } from '@fluentui-copilot/react-provider';
 import { FC } from 'react';
 import type { ForwardRefComponent } from '@fluentui/react-components';
 import type { MenuContextValues } from '@fluentui/react-components';
@@ -57,7 +57,7 @@ export declare const AttachmentListContext: Context<AttachmentListContextValue>;
 /**
  * Context shared between AttachmentList and its children components
  */
-export declare type AttachmentListContextValue = Pick<AttachmentListState, 'onAttachmentDismiss' | 'shouldUseOverflow'>;
+export declare type AttachmentListContextValue = Pick<AttachmentListState, 'onAttachmentDismiss' | 'shouldUseOverflow' | 'numberOfAttachments'>;
 
 declare type AttachmentListContextValues = {
     attachmentList: AttachmentListContextValue;
@@ -102,6 +102,7 @@ export declare type AttachmentListSlots = {
  */
 export declare type AttachmentListState = ComponentState<AttachmentListSlots> & Pick<AttachmentListProps, 'onAttachmentDismiss' | 'overflowMenuProps' | 'designVersion'> & {
     shouldUseOverflow: boolean;
+    numberOfAttachments: number;
 };
 
 export declare const AttachmentOverflowMenu: React_2.FC<AttachmentOverflowMenuProps>;
@@ -131,7 +132,12 @@ export declare type AttachmentOverflowMenuButtonSlots = {
 /**
  * State used in rendering AttachmentOverflowMenuButton
  */
-export declare type AttachmentOverflowMenuButtonState = ComponentState<AttachmentOverflowMenuButtonSlots> & Pick<AttachmentOverflowMenuState, 'isOverflowing' | 'overflowCount'> & Pick<AttachmentOverflowMenuButtonProps, 'isLoading'> & Pick<Required<AttachmentOverflowMenuButtonProps>, 'designVersion' | 'mode'>;
+export declare type AttachmentOverflowMenuButtonState = ComponentState<AttachmentOverflowMenuButtonSlots> & Pick<AttachmentOverflowMenuState, 'isOverflowing' | 'overflowCount'> & Pick<AttachmentOverflowMenuButtonProps, 'isLoading'> & Pick<Required<AttachmentOverflowMenuButtonProps>, 'designVersion' | 'mode'> & {
+    /**
+     * True when all attachments are overflowed into the overflow menu.
+     */
+    fullyOverflowed: boolean;
+};
 
 export declare const AttachmentOverflowMenuContext: Context<AttachmentOverflowMenuContextValue>;
 
@@ -442,7 +448,7 @@ export declare const useAttachmentOverflowMenu_unstable: (props: AttachmentOverf
  * @param props - props from this instance of AttachmentOverflowMenuButton
  * @param ref - reference to root HTMLElement of AttachmentOverflowMenuButton
  */
-export declare const useAttachmentOverflowMenuButton_unstable: (props: AttachmentOverflowMenuButtonProps, ref: React.Ref<HTMLButtonElement>) => AttachmentOverflowMenuButtonState;
+export declare const useAttachmentOverflowMenuButton_unstable: (props: AttachmentOverflowMenuButtonProps, ref: React_2.Ref<HTMLButtonElement>) => AttachmentOverflowMenuButtonState;
 
 /**
  * Apply styling to the AttachmentOverflowMenuButton slots based on the state

package/lib/AgentTag.js

@@ -1,2 +1 @@
 export { AgentTag, renderAgentTag_unstable, useAgentTag_unstable, agentTagClassNames, useAgentTagStyles_unstable } from './components/AgentTag/index';
-//# sourceMappingURL=AgentTag.js.map

package/lib/Attachment.js

@@ -1,2 +1 @@
 export { Attachment, attachmentClassNames, renderAttachment_unstable, useAttachmentStyles_unstable, useAttachment_unstable, useOverflowStyles } from './components/Attachment/index';
-//# sourceMappingURL=Attachment.js.map

package/lib/AttachmentList.js

@@ -1,2 +1 @@
 export { AttachmentList, attachmentListClassNames, renderAttachmentList_unstable, useAttachmentListStyles_unstable, useAttachmentList_unstable } from './components/AttachmentList/index';
-//# sourceMappingURL=AttachmentList.js.map

package/lib/AttachmentOverflowMenu.js

@@ -1,2 +1 @@
 export { AttachmentOverflowMenu, renderAttachmentOverflowMenu_unstable, useAttachmentOverflowMenuContextValues_unstable, useAttachmentOverflowMenu_unstable } from './components/AttachmentOverflowMenu/index';
-//# sourceMappingURL=AttachmentOverflowMenu.js.map

package/lib/AttachmentOverflowMenuButton.js

@@ -1,2 +1 @@
 export { AttachmentOverflowMenuButton, attachmentOverflowMenuButtonClassNames, renderAttachmentOverflowMenuButton_unstable, useAttachmentOverflowMenuButtonStyles_unstable, useAttachmentOverflowMenuButton_unstable } from './components/AttachmentOverflowMenuButton/index';
-//# sourceMappingURL=AttachmentOverflowMenuButton.js.map

package/lib/AttachmentOverflowMenuItem.js

@@ -1,2 +1 @@
 export { AttachmentOverflowMenuItem, attachmentOverflowMenuItemClassNames, renderAttachmentOverflowMenuItem_unstable, useAttachmentOverflowMenuItemStyles_unstable, useAttachmentOverflowMenuItem_unstable } from './components/AttachmentOverflowMenuItem/index';
-//# sourceMappingURL=AttachmentOverflowMenuItem.js.map

package/lib/AttachmentTag.js

@@ -1,2 +1 @@
 export { ATTACHMENTTAG_MAXWIDTH, AttachmentTag, attachmentTagClassNames, renderAttachmentTag_unstable, useAttachmentTagStyles_unstable, useAttachmentTag_unstable, useContentBaseClassName, useIconBaseClassName, useMediaBaseClassName } from './components/AttachmentTag/index';
-//# sourceMappingURL=AttachmentTag.js.map

package/lib/AttachmentTagItem.js

@@ -1,2 +1 @@
 export { AttachmentTagItem, attachmentTagItemClassNames, renderAttachmentTagItem_unstable, useAttachmentTagItemStyles_unstable, useAttachmentTagItem_unstable } from './components/AttachmentTagItem/index';
-//# sourceMappingURL=AttachmentTagItem.js.map

package/lib/AttachmentTagList.js

@@ -1,2 +1 @@
 export { AttachmentTagList, attachmentTagListClassNames, renderAttachmentTagList_unstable, useAttachmentTagListStyles_unstable, useAttachmentTagList_unstable } from './components/AttachmentTagList/index';
-//# sourceMappingURL=AttachmentTagList.js.map

package/lib/components/AgentTag/AgentTag.js

@@ -3,10 +3,9 @@ import { useAgentTag_unstable } from './useAgentTag';
 import { renderAgentTag_unstable } from './renderAgentTag';
 import { useAgentTagStyles_unstable } from './useAgentTagStyles.styles';
 // AgentTag component - TODO: add more docs
-export const AgentTag = /*#__PURE__*/React.forwardRef((props, ref) => {
-  const state = useAgentTag_unstable(props, ref);
-  useAgentTagStyles_unstable(state);
-  return renderAgentTag_unstable(state);
+export const AgentTag = /*#__PURE__*/ React.forwardRef((props, ref)=>{
+    const state = useAgentTag_unstable(props, ref);
+    useAgentTagStyles_unstable(state);
+    return renderAgentTag_unstable(state);
 });
 AgentTag.displayName = 'AgentTag';
-//# sourceMappingURL=AgentTag.js.map

package/lib/components/AgentTag/AgentTag.types.js

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

package/lib/components/AgentTag/index.js

@@ -2,4 +2,3 @@ export { AgentTag } from './AgentTag';
 export { renderAgentTag_unstable } from './renderAgentTag';
 export { useAgentTag_unstable } from './useAgentTag';
 export { agentTagClassNames, useAgentTagStyles_unstable } from './useAgentTagStyles.styles';
-//# sourceMappingURL=index.js.map

package/lib/components/AgentTag/renderAgentTag.js

@@ -1,8 +1,6 @@
-import { renderAttachment_unstable } from '../Attachment';
+  import { renderAttachment_unstable } from '../Attachment';
 /**
  * Render the final JSX of AgentTag
- */
-export const renderAgentTag_unstable = state => {
-  return renderAttachment_unstable(state);
+ */ export const renderAgentTag_unstable = (state)=>{
+    return renderAttachment_unstable(state);
 };
-//# sourceMappingURL=renderAgentTag.js.map

package/lib/components/AgentTag/useAgentTag.js

@@ -8,13 +8,11 @@ import { useAttachment_unstable } from '..';
  *
  * @param props - props from this instance of AgentTag
  * @param ref - reference to root HTMLElement of AgentTag
- */
-export const useAgentTag_unstable = (props, ref) => {
-  const state = useAttachment_unstable({
-    ...props,
-    dismissOnly: true,
-    designVersion: 'next'
-  }, ref);
-  return state;
+ */ export const useAgentTag_unstable = (props, ref)=>{
+    const state = useAttachment_unstable({
+        ...props,
+        dismissOnly: true,
+        designVersion: 'next'
+    }, ref);
+    return state;
 };
-//# sourceMappingURL=useAgentTag.js.map

package/lib/components/AgentTag/useAgentTagStyles.styles.raw.js

@@ -0,0 +1,66 @@
+import { makeStyles, mergeClasses, typographyStyles } from '@fluentui/react-components';
+import { useAttachmentStyles_unstable } from '..';
+import { tokens } from '@fluentui-copilot/tokens';
+export const agentTagClassNames = {
+    root: 'fai-AgentTag',
+    primaryAction: 'fai-AgentTag__primaryAction',
+    dismissIcon: 'fai-AgentTag__dismissIcon',
+    dismissButton: 'fai-AgentTag__dismissButton',
+    media: 'fai-AgentTag__media',
+    content: 'fai-AgentTag__content',
+    progress: 'fai-AgentTag__progress'
+};
+const useMediaStyles = makeStyles({
+    canvas: {
+        width: '24px',
+        height: '24px'
+    },
+    sidecar: {
+        width: '20px',
+        height: '20px'
+    }
+});
+const useContentStyles = makeStyles({
+    canvas: {
+        ...typographyStyles.subtitle2,
+        color: tokens.colorNeutralForeground2
+    },
+    sidecar: {
+        ...typographyStyles.body1Strong,
+        color: tokens.colorNeutralForeground2
+    }
+});
+const useDismissButtonStyles = makeStyles({
+    canvas: {
+        borderRadius: tokens.borderRadius2XL,
+        paddingLeft: tokens.spacingHorizontalL,
+        paddingRight: tokens.spacingHorizontalM
+    },
+    sidecar: {
+        paddingLeft: tokens.spacingHorizontalM,
+        paddingRight: tokens.spacingHorizontalS,
+        borderRadius: tokens.borderRadiusXLarge
+    }
+});
+/**
+ * Apply styling to the AgentTag slots based on the state
+ */ export const useAgentTagStyles_unstable = (state)=>{
+    'use no memo';
+    const { mode } = state;
+    const contentStyles = useContentStyles();
+    const dismissButtonStyles = useDismissButtonStyles();
+    const mediaStyles = useMediaStyles();
+    state.root.className = mergeClasses(agentTagClassNames.root, state.root.className);
+    state.primaryAction.className = mergeClasses(agentTagClassNames.primaryAction, state.primaryAction.className);
+    state.dismissIcon.className = mergeClasses(agentTagClassNames.dismissIcon, state.dismissIcon.className);
+    state.dismissButton.className = mergeClasses(agentTagClassNames.dismissButton, dismissButtonStyles[mode], state.dismissButton.className);
+    if (state.media) {
+        state.media.className = mergeClasses(agentTagClassNames.media, mediaStyles[mode], state.media.className);
+    }
+    state.content.className = mergeClasses(agentTagClassNames.content, contentStyles[mode], state.content.className);
+    if (state.progress) {
+        state.progress.className = mergeClasses(agentTagClassNames.progress, state.progress.className);
+    }
+    useAttachmentStyles_unstable(state);
+    return state;
+};

package/lib/components/AgentTag/useAgentTagStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useAgentTagStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses, typographyStyles } from '@fluentui/react-components';\nimport type { AgentTagSlots, AgentTagState } from './AgentTag.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\nimport { useAttachmentStyles_unstable } from '..';\nimport { tokens } from '@fluentui-copilot/tokens';\n\nexport const agentTagClassNames: SlotClassNames<AgentTagSlots> = {\n  root: 'fai-AgentTag',\n  primaryAction: 'fai-AgentTag__primaryAction',\n  dismissIcon: 'fai-AgentTag__dismissIcon',\n  dismissButton: 'fai-AgentTag__dismissButton',\n  media: 'fai-AgentTag__media',\n  content: 'fai-AgentTag__content',\n  progress: 'fai-AgentTag__progress',\n};\n\nconst useMediaStyles = makeStyles({\n  canvas: {\n    width: '24px',\n    height: '24px',\n  },\n  sidecar: { width: '20px', height: '20px' },\n});\n\nconst useContentStyles = makeStyles({\n  canvas: {\n    ...typographyStyles.subtitle2,\n    color: tokens.colorNeutralForeground2,\n  },\n  sidecar: {\n    ...typographyStyles.body1Strong,\n    color: tokens.colorNeutralForeground2,\n  },\n});\n\nconst useDismissButtonStyles = makeStyles({\n  canvas: {\n    borderRadius: tokens.borderRadius2XL,\n    paddingLeft: tokens.spacingHorizontalL,\n    paddingRight: tokens.spacingHorizontalM,\n  },\n  sidecar: {\n    paddingLeft: tokens.spacingHorizontalM,\n    paddingRight: tokens.spacingHorizontalS,\n    borderRadius: tokens.borderRadiusXLarge,\n  },\n});\n\n/**\n * Apply styling to the AgentTag slots based on the state\n */\nexport const useAgentTagStyles_unstable = (state: AgentTagState): AgentTagState => {\n  'use no memo';\n\n  const { mode } = state;\n\n  const contentStyles = useContentStyles();\n  const dismissButtonStyles = useDismissButtonStyles();\n  const mediaStyles = useMediaStyles();\n\n  state.root.className = mergeClasses(agentTagClassNames.root, state.root.className);\n\n  state.primaryAction.className = mergeClasses(agentTagClassNames.primaryAction, state.primaryAction.className);\n\n  state.dismissIcon.className = mergeClasses(agentTagClassNames.dismissIcon, state.dismissIcon.className);\n\n  state.dismissButton.className = mergeClasses(\n    agentTagClassNames.dismissButton,\n    dismissButtonStyles[mode],\n    state.dismissButton.className,\n  );\n\n  if (state.media) {\n    state.media.className = mergeClasses(agentTagClassNames.media, mediaStyles[mode], state.media.className);\n  }\n\n  state.content.className = mergeClasses(agentTagClassNames.content, contentStyles[mode], state.content.className);\n\n  if (state.progress) {\n    state.progress.className = mergeClasses(agentTagClassNames.progress, state.progress.className);\n  }\n\n  useAttachmentStyles_unstable(state);\n\n  return state;\n};\n"],"names":["makeStyles","mergeClasses","typographyStyles","useAttachmentStyles_unstable","tokens","agentTagClassNames","root","primaryAction","dismissIcon","dismissButton","media","content","progress","useMediaStyles","canvas","width","height","sidecar","useContentStyles","subtitle2","color","colorNeutralForeground2","body1Strong","useDismissButtonStyles","borderRadius","borderRadius2XL","paddingLeft","spacingHorizontalL","paddingRight","spacingHorizontalM","spacingHorizontalS","borderRadiusXLarge","useAgentTagStyles_unstable","state","mode","contentStyles","dismissButtonStyles","mediaStyles","className"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,UAAU,EAAEC,YAAY,EAAEC,gBAAgB,QAAQ,6BAA6B;AAGxF,SAASC,4BAA4B,QAAQ,KAAK;AAClD,SAASC,MAAM,QAAQ,2BAA2B;AAElD,OAAO,MAAMC,qBAAoD;IAC/DC,MAAM;IACNC,eAAe;IACfC,aAAa;IACbC,eAAe;IACfC,OAAO;IACPC,SAAS;IACTC,UAAU;AACZ,EAAE;AAEF,MAAMC,iBAAiBb,WAAW;IAChCc,QAAQ;QACNC,OAAO;QACPC,QAAQ;IACV;IACAC,SAAS;QAAEF,OAAO;QAAQC,QAAQ;IAAO;AAC3C;AAEA,MAAME,mBAAmBlB,WAAW;IAClCc,QAAQ;QACN,GAAGZ,iBAAiBiB,SAAS;QAC7BC,OAAOhB,OAAOiB,uBAAuB;IACvC;IACAJ,SAAS;QACP,GAAGf,iBAAiBoB,WAAW;QAC/BF,OAAOhB,OAAOiB,uBAAuB;IACvC;AACF;AAEA,MAAME,yBAAyBvB,WAAW;IACxCc,QAAQ;QACNU,cAAcpB,OAAOqB,eAAe;QACpCC,aAAatB,OAAOuB,kBAAkB;QACtCC,cAAcxB,OAAOyB,kBAAkB;IACzC;IACAZ,SAAS;QACPS,aAAatB,OAAOyB,kBAAkB;QACtCD,cAAcxB,OAAO0B,kBAAkB;QACvCN,cAAcpB,OAAO2B,kBAAkB;IACzC;AACF;AAEA;;CAEC,GACD,OAAO,MAAMC,6BAA6B,CAACC;IACzC;IAEA,MAAM,EAAEC,IAAI,EAAE,GAAGD;IAEjB,MAAME,gBAAgBjB;IACtB,MAAMkB,sBAAsBb;IAC5B,MAAMc,cAAcxB;IAEpBoB,MAAM3B,IAAI,CAACgC,SAAS,GAAGrC,aAAaI,mBAAmBC,IAAI,EAAE2B,MAAM3B,IAAI,CAACgC,SAAS;IAEjFL,MAAM1B,aAAa,CAAC+B,SAAS,GAAGrC,aAAaI,mBAAmBE,aAAa,EAAE0B,MAAM1B,aAAa,CAAC+B,SAAS;IAE5GL,MAAMzB,WAAW,CAAC8B,SAAS,GAAGrC,aAAaI,mBAAmBG,WAAW,EAAEyB,MAAMzB,WAAW,CAAC8B,SAAS;IAEtGL,MAAMxB,aAAa,CAAC6B,SAAS,GAAGrC,aAC9BI,mBAAmBI,aAAa,EAChC2B,mBAAmB,CAACF,KAAK,EACzBD,MAAMxB,aAAa,CAAC6B,SAAS;IAG/B,IAAIL,MAAMvB,KAAK,EAAE;QACfuB,MAAMvB,KAAK,CAAC4B,SAAS,GAAGrC,aAAaI,mBAAmBK,KAAK,EAAE2B,WAAW,CAACH,KAAK,EAAED,MAAMvB,KAAK,CAAC4B,SAAS;IACzG;IAEAL,MAAMtB,OAAO,CAAC2B,SAAS,GAAGrC,aAAaI,mBAAmBM,OAAO,EAAEwB,aAAa,CAACD,KAAK,EAAED,MAAMtB,OAAO,CAAC2B,SAAS;IAE/G,IAAIL,MAAMrB,QAAQ,EAAE;QAClBqB,MAAMrB,QAAQ,CAAC0B,SAAS,GAAGrC,aAAaI,mBAAmBO,QAAQ,EAAEqB,MAAMrB,QAAQ,CAAC0B,SAAS;IAC/F;IAEAnC,6BAA6B8B;IAE7B,OAAOA;AACT,EAAE"}

package/lib/components/Attachment/Attachment.js

@@ -4,11 +4,10 @@ import { renderAttachment_unstable } from './renderAttachment';
 import { useAttachmentStyles_unstable } from './useAttachmentStyles.styles';
 import { useCustomStyleHook } from '@fluentui-copilot/react-provider';
 // Attachment component - TODO: add more docs
-export const Attachment = /*#__PURE__*/React.forwardRef((props, ref) => {
-  const state = useAttachment_unstable(props, ref);
-  useAttachmentStyles_unstable(state);
-  useCustomStyleHook('useAttachmentStyles')(state);
-  return renderAttachment_unstable(state);
+export const Attachment = /*#__PURE__*/ React.forwardRef((props, ref)=>{
+    const state = useAttachment_unstable(props, ref);
+    useAttachmentStyles_unstable(state);
+    useCustomStyleHook('useAttachmentStyles')(state);
+    return renderAttachment_unstable(state);
 });
 Attachment.displayName = 'Attachment';
-//# sourceMappingURL=Attachment.js.map

package/lib/components/Attachment/Attachment.types.js

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

package/lib/components/Attachment/index.js

@@ -2,4 +2,3 @@ export { Attachment } from './Attachment';
 export { renderAttachment_unstable } from './renderAttachment';
 export { useAttachment_unstable } from './useAttachment';
 export { attachmentClassNames, useAttachmentStyles_unstable, useOverflowStyles } from './useAttachmentStyles.styles';
-//# sourceMappingURL=index.js.map

package/lib/components/Attachment/renderAttachment.js

@@ -1,37 +1,42 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@fluentui/react-jsx-runtime/jsx-runtime";
+  import { jsx as _jsx, jsxs as _jsxs } from "@fluentui/react-jsx-runtime/jsx-runtime";
 import { OverflowItem, assertSlots } from '@fluentui/react-components';
 /**
  * Render the final JSX of Attachment
- */
-export const renderAttachment_unstable = state => {
-  const {
-    id,
-    shouldUseOverflow,
-    designVersion,
-    dismissOnly
-  } = state;
-  const attachment = designVersion === 'next' && dismissOnly ? renderDismissOnly(state) : renderAttachment(state);
-  return shouldUseOverflow ? /*#__PURE__*/_jsx(OverflowItem, {
-    id: id,
-    children: attachment
-  }, id) : attachment;
+ */ export const renderAttachment_unstable = (state)=>{
+    const { id, shouldUseOverflow, designVersion, dismissOnly } = state;
+    const attachment = designVersion === 'next' && dismissOnly ? renderDismissOnly(state) : renderAttachment(state);
+    return shouldUseOverflow ? /*#__PURE__*/ _jsx(OverflowItem, {
+        id: id,
+        children: attachment
+    }, id) : attachment;
 };
-const renderAttachment = state => {
-  assertSlots(state);
-  return /*#__PURE__*/_jsxs(state.root, {
-    children: [/*#__PURE__*/_jsxs(state.primaryAction, {
-      children: [state.media && !state.imageOnly && /*#__PURE__*/_jsx(state.media, {}), /*#__PURE__*/_jsx(state.content, {}), state.progress && /*#__PURE__*/_jsx(state.progress, {})]
-    }), /*#__PURE__*/_jsx(state.dismissButton, {
-      children: /*#__PURE__*/_jsx(state.dismissIcon, {})
-    })]
-  });
+const renderAttachment = (state)=>{
+    assertSlots(state);
+    return /*#__PURE__*/ _jsxs(state.root, {
+        children: [
+            /*#__PURE__*/ _jsxs(state.primaryAction, {
+                children: [
+                    state.media && !state.imageOnly && /*#__PURE__*/ _jsx(state.media, {}),
+                    /*#__PURE__*/ _jsx(state.content, {}),
+                    state.progress && /*#__PURE__*/ _jsx(state.progress, {})
+                ]
+            }),
+            /*#__PURE__*/ _jsx(state.dismissButton, {
+                children: /*#__PURE__*/ _jsx(state.dismissIcon, {})
+            })
+        ]
+    });
 };
-const renderDismissOnly = state => {
-  assertSlots(state);
-  return /*#__PURE__*/_jsx(state.root, {
-    children: /*#__PURE__*/_jsxs(state.dismissButton, {
-      children: [state.media && !state.imageOnly && /*#__PURE__*/_jsx(state.media, {}), /*#__PURE__*/_jsx(state.content, {}), state.progress && /*#__PURE__*/_jsx(state.progress, {}), /*#__PURE__*/_jsx(state.dismissIcon, {})]
-    })
-  });
+const renderDismissOnly = (state)=>{
+    assertSlots(state);
+    return /*#__PURE__*/ _jsx(state.root, {
+        children: /*#__PURE__*/ _jsxs(state.dismissButton, {
+            children: [
+                state.media && !state.imageOnly && /*#__PURE__*/ _jsx(state.media, {}),
+                /*#__PURE__*/ _jsx(state.content, {}),
+                state.progress && /*#__PURE__*/ _jsx(state.progress, {}),
+                /*#__PURE__*/ _jsx(state.dismissIcon, {})
+            ]
+        })
+    });
 };
-//# sourceMappingURL=renderAttachment.js.map