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

package/lib/components/utils/useProgressBarStyles.styles.raw.js

@@ -1,42 +1,44 @@
 import { makeStyles } from '@fluentui/react-components';
 import { tokens } from '@fluentui-copilot/tokens';
 const indeterminateProgressBarReducedMotion = {
-    '0%': {
-        opacity: '.2'
-    },
-    '50%': {
-        opacity: '1'
-    },
-    '100%': {
-        opacity: '.2'
-    }
+  '0%': {
+    opacity: '.2'
+  },
+  '50%': {
+    opacity: '1'
+  },
+  '100%': {
+    opacity: '.2'
+  }
 };
 /**
  * @internal
- */ export const useProgressBarStyles = makeStyles({
-    progress: {
-        width: '100%',
-        position: 'absolute',
-        bottom: 0,
-        left: 0,
-        right: 0,
-        height: '4px',
-        borderBottomLeftRadius: tokens.borderRadiusMedium,
-        borderBottomRightRadius: tokens.borderRadiusMedium
-    },
-    regularProgressBar: {
-        height: '100%',
-        backgroundImage: `linear-gradient(90deg, ${tokens.colorBrandFlair1} 35%, ${tokens.colorBrandFlair2} 70%, ${tokens.colorBrandFlair3} 92%)`
-    },
-    indeterminateProgressBar: {
-        height: '100%',
-        backgroundColor: tokens.colorTransparentBackground,
-        backgroundImage: `linear-gradient(90deg, rgba(0,0,0,0) 0%, ${tokens.colorBrandFlair1} 35%, ${tokens.colorBrandFlair2} 70%, ${tokens.colorBrandFlair3} 92%,  rgba(0,0,0,0))`,
-        '@media screen and (prefers-reduced-motion: reduce)': {
-            maxWidth: '100%',
-            animationIterationCount: 'infinite',
-            animationDuration: '3s',
-            animationName: indeterminateProgressBarReducedMotion
-        }
+ */
+export const useProgressBarStyles = makeStyles({
+  progress: {
+    width: '100%',
+    position: 'absolute',
+    bottom: 0,
+    left: 0,
+    right: 0,
+    height: '4px',
+    borderBottomLeftRadius: tokens.borderRadiusMedium,
+    borderBottomRightRadius: tokens.borderRadiusMedium
+  },
+  regularProgressBar: {
+    height: '100%',
+    backgroundImage: `linear-gradient(90deg, ${tokens.colorBrandFlair1} 35%, ${tokens.colorBrandFlair2} 70%, ${tokens.colorBrandFlair3} 92%)`
+  },
+  indeterminateProgressBar: {
+    height: '100%',
+    backgroundColor: tokens.colorTransparentBackground,
+    backgroundImage: `linear-gradient(90deg, rgba(0,0,0,0) 0%, ${tokens.colorBrandFlair1} 35%, ${tokens.colorBrandFlair2} 70%, ${tokens.colorBrandFlair3} 92%,  rgba(0,0,0,0))`,
+    '@media screen and (prefers-reduced-motion: reduce)': {
+      maxWidth: '100%',
+      animationIterationCount: 'infinite',
+      animationDuration: '3s',
+      animationName: indeterminateProgressBarReducedMotion
     }
+  }
 });
+//# sourceMappingURL=useProgressBarStyles.styles.raw.js.map

package/lib/contexts/attachmentListContext.js

@@ -1,9 +1,10 @@
 import { createContext, useContextSelector } from '@fluentui/react-context-selector';
 export const AttachmentListContext = createContext(undefined);
 const attachmentListContextDefaultValue = {
-    onAttachmentDismiss: ()=>null,
-    shouldUseOverflow: false,
-    numberOfAttachments: 0
+  onAttachmentDismiss: () => null,
+  shouldUseOverflow: false,
+  numberOfAttachments: 0
 };
 export const AttachmentListProvider = AttachmentListContext.Provider;
-export const useAttachmentListContext_unstable = (selector)=>useContextSelector(AttachmentListContext, (ctx = attachmentListContextDefaultValue)=>selector(ctx));
+export const useAttachmentListContext_unstable = selector => useContextSelector(AttachmentListContext, (ctx = attachmentListContextDefaultValue) => selector(ctx));
+//# sourceMappingURL=attachmentListContext.js.map

package/lib/contexts/attachmentOverflowMenuContext.js

@@ -1,9 +1,10 @@
 import { createContext, useContextSelector } from '@fluentui/react-context-selector';
 export const AttachmentOverflowMenuContext = createContext(undefined);
 const overflowMenuContextDefaultValue = {
-    isOverflowing: false,
-    overflowButtonRef: undefined,
-    overflowCount: 0
+  isOverflowing: false,
+  overflowButtonRef: undefined,
+  overflowCount: 0
 };
 export const AttachmentOverflowMenuProvider = AttachmentOverflowMenuContext.Provider;
-export const useAttachmentOverflowMenuContext_unstable = (selector)=>useContextSelector(AttachmentOverflowMenuContext, (ctx = overflowMenuContextDefaultValue)=>selector(ctx));
+export const useAttachmentOverflowMenuContext_unstable = selector => useContextSelector(AttachmentOverflowMenuContext, (ctx = overflowMenuContextDefaultValue) => selector(ctx));
+//# sourceMappingURL=attachmentOverflowMenuContext.js.map

package/lib/contexts/attachmentTagListContext.js

@@ -1,7 +1,8 @@
 import { createContext, useContextSelector } from '@fluentui/react-context-selector';
 export const AttachmentTagListContext = createContext(undefined);
 const tagListContextDefaultValue = {
-    onAttachmentTagDismiss: ()=>null
+  onAttachmentTagDismiss: () => null
 };
 export const AttachmentTagListProvider = AttachmentTagListContext.Provider;
-export const useAttachmentTagListContext_unstable = (selector)=>useContextSelector(AttachmentTagListContext, (ctx = tagListContextDefaultValue)=>selector(ctx));
+export const useAttachmentTagListContext_unstable = selector => useContextSelector(AttachmentTagListContext, (ctx = tagListContextDefaultValue) => selector(ctx));
+//# sourceMappingURL=attachmentTagListContext.js.map

package/lib/index.js

@@ -9,3 +9,4 @@ export { AttachmentOverflowMenuContext, AttachmentOverflowMenuProvider, useAttac
 export { AttachmentOverflowMenuButton, attachmentOverflowMenuButtonClassNames, renderAttachmentOverflowMenuButton_unstable, useAttachmentOverflowMenuButtonStyles_unstable, useAttachmentOverflowMenuButton_unstable } from './AttachmentOverflowMenuButton';
 export { AttachmentOverflowMenuItem, attachmentOverflowMenuItemClassNames, renderAttachmentOverflowMenuItem_unstable, useAttachmentOverflowMenuItemStyles_unstable, useAttachmentOverflowMenuItem_unstable } from './AttachmentOverflowMenuItem';
 export { AgentTag, renderAgentTag_unstable, useAgentTag_unstable, agentTagClassNames, useAgentTagStyles_unstable } from './AgentTag';
+//# sourceMappingURL=index.js.map

package/lib-commonjs/AgentTag.js

@@ -26,3 +26,4 @@ _export(exports, {
     }
 });
 const _index = require("./components/AgentTag/index");
+ //# sourceMappingURL=AgentTag.js.map

package/lib-commonjs/Attachment.js

@@ -29,3 +29,4 @@ _export(exports, {
     }
 });
 const _index = require("./components/Attachment/index");
+ //# sourceMappingURL=Attachment.js.map

package/lib-commonjs/AttachmentList.js

@@ -26,3 +26,4 @@ _export(exports, {
     }
 });
 const _index = require("./components/AttachmentList/index");
+ //# sourceMappingURL=AttachmentList.js.map

package/lib-commonjs/AttachmentOverflowMenu.js

@@ -23,3 +23,4 @@ _export(exports, {
     }
 });
 const _index = require("./components/AttachmentOverflowMenu/index");
+ //# sourceMappingURL=AttachmentOverflowMenu.js.map

package/lib-commonjs/AttachmentOverflowMenuButton.js

@@ -26,3 +26,4 @@ _export(exports, {
     }
 });
 const _index = require("./components/AttachmentOverflowMenuButton/index");
+ //# sourceMappingURL=AttachmentOverflowMenuButton.js.map

package/lib-commonjs/AttachmentOverflowMenuItem.js

@@ -26,3 +26,4 @@ _export(exports, {
     }
 });
 const _index = require("./components/AttachmentOverflowMenuItem/index");
+ //# sourceMappingURL=AttachmentOverflowMenuItem.js.map

package/lib-commonjs/AttachmentTag.js

@@ -38,3 +38,4 @@ _export(exports, {
     }
 });
 const _index = require("./components/AttachmentTag/index");
+ //# sourceMappingURL=AttachmentTag.js.map

package/lib-commonjs/AttachmentTagItem.js

@@ -26,3 +26,4 @@ _export(exports, {
     }
 });
 const _index = require("./components/AttachmentTagItem/index");
+ //# sourceMappingURL=AttachmentTagItem.js.map

package/lib-commonjs/AttachmentTagList.js

@@ -26,3 +26,4 @@ _export(exports, {
     }
 });
 const _index = require("./components/AttachmentTagList/index");
+ //# sourceMappingURL=AttachmentTagList.js.map

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

@@ -18,4 +18,4 @@ const AgentTag = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
     (0, _useAgentTagStylesstyles.useAgentTagStyles_unstable)(state);
     return (0, _renderAgentTag.renderAgentTag_unstable)(state);
 });
-AgentTag.displayName = 'AgentTag';
+AgentTag.displayName = 'AgentTag'; //# sourceMappingURL=AgentTag.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["AgentTag.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useAgentTag_unstable } from './useAgentTag';\nimport { renderAgentTag_unstable } from './renderAgentTag';\nimport { useAgentTagStyles_unstable } from './useAgentTagStyles.styles';\nimport type { AgentTagProps } from './AgentTag.types';\nimport type { ForwardRefComponent } from '@fluentui/react-components';\n\n// AgentTag component - TODO: add more docs\nexport const AgentTag: ForwardRefComponent<AgentTagProps> = React.forwardRef((props, ref) => {\n  const state = useAgentTag_unstable(props, ref);\n\n  useAgentTagStyles_unstable(state);\n  return renderAgentTag_unstable(state);\n});\n\nAgentTag.displayName = 'AgentTag';\n"],"names":["AgentTag","React","forwardRef","props","ref","state","useAgentTag_unstable","useAgentTagStyles_unstable","renderAgentTag_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAQaA;;;eAAAA;;;;iEARU;6BACc;gCACG;yCACG;AAKpC,MAAMA,WAAAA,WAAAA,GAA+CC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACnF,MAAMC,QAAQC,IAAAA,iCAAAA,EAAqBH,OAAOC;IAE1CG,IAAAA,mDAAAA,EAA2BF;IAC3B,OAAOG,IAAAA,uCAAAA,EAAwBH;AACjC;AAEAL,SAASS,WAAW,GAAG"}
+{"version":3,"sources":["AgentTag.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useAgentTag_unstable } from './useAgentTag';\nimport { renderAgentTag_unstable } from './renderAgentTag';\nimport { useAgentTagStyles_unstable } from './useAgentTagStyles.styles';\nimport type { AgentTagProps } from './AgentTag.types';\nimport type { ForwardRefComponent } from '@fluentui/react-components';\n\n// AgentTag component - TODO: add more docs\nexport const AgentTag: ForwardRefComponent<AgentTagProps> = React.forwardRef((props, ref) => {\n  const state = useAgentTag_unstable(props, ref);\n\n  useAgentTagStyles_unstable(state);\n  return renderAgentTag_unstable(state);\n});\n\nAgentTag.displayName = 'AgentTag';\n"],"names":["AgentTag","React","forwardRef","props","state","useAgentTag_unstable","useAgentTagStyles_unstable","renderAgentTag_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAQaA;;;eAAAA;;;;iEARU;6BACc;gCACG;yCACG;AAKpC,MAAMA,WAAAA,WAAAA,GAAAA,OAA+CC,UAAMC,CAAU,CAACC,OAACA;UAC5EC,QAAMA,IAAAA,iCAAQC,EAAAA,OAAqBF;2DAEnCG,EAAAA;WACAC,IAAAA,uCAAOA,EAAAA;AACT;AAEAP,SAASQ,WAAW,GAAG"}

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

@@ -4,3 +4,4 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
+ //# sourceMappingURL=AgentTag.types.js.map

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

@@ -29,3 +29,4 @@ const _AgentTag = require("./AgentTag");
 const _renderAgentTag = require("./renderAgentTag");
 const _useAgentTag = require("./useAgentTag");
 const _useAgentTagStylesstyles = require("./useAgentTagStyles.styles");
+ //# sourceMappingURL=index.js.map

package/lib-commonjs/components/AgentTag/renderAgentTag.js

@@ -11,4 +11,4 @@ Object.defineProperty(exports, "renderAgentTag_unstable", {
 const _Attachment = require("../Attachment");
 const renderAgentTag_unstable = (state)=>{
     return (0, _Attachment.renderAttachment_unstable)(state);
-};
+}; //# sourceMappingURL=renderAgentTag.js.map

package/lib-commonjs/components/AgentTag/renderAgentTag.js.map

@@ -1 +1 @@
-{"version":3,"sources":["renderAgentTag.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { renderAttachment_unstable } from '../Attachment';\nimport type { AgentTagState } from './AgentTag.types';\n\n/**\n * Render the final JSX of AgentTag\n */\nexport const renderAgentTag_unstable = (state: AgentTagState) => {\n  return renderAttachment_unstable(state);\n};\n"],"names":["renderAgentTag_unstable","state","renderAttachment_unstable"],"rangeMappings":";;;;;;;;;;;;;","mappings":";;;;+BASaA;;;eAAAA;;;4BARb;AAQO,MAAMA,0BAA0B,CAACC;IACtC,OAAOC,IAAAA,qCAAAA,EAA0BD;AACnC"}
+{"version":3,"sources":["renderAgentTag.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { renderAttachment_unstable } from '../Attachment';\nimport type { AgentTagState } from './AgentTag.types';\n\n/**\n * Render the final JSX of AgentTag\n */\nexport const renderAgentTag_unstable = (state: AgentTagState) => {\n  return renderAttachment_unstable(state);\n};\n"],"names":["renderAttachment_unstable","state"],"rangeMappings":";;;;;;;;;;;;","mappings":";;;;+BAUSA;;;eAAAA;;;4BATT;AASE,MAAOA,0BAA0BC,CAAAA;IACjC,OAAAD,IAAAA,qCAAA,EAAAC"}

package/lib-commonjs/components/AgentTag/useAgentTag.js

@@ -16,4 +16,4 @@ const useAgentTag_unstable = (props, ref)=>{
         designVersion: 'next'
     }, ref);
     return state;
-};
+}; //# sourceMappingURL=useAgentTag.js.map

package/lib-commonjs/components/AgentTag/useAgentTag.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useAgentTag.ts"],"sourcesContent":["import type * as React from 'react';\nimport type { AgentTagProps, AgentTagState } from './AgentTag.types';\nimport { useAttachment_unstable } from '..';\n\n// If you add JSX to this file, be sure to change the file type to .tsx\n\n/**\n * Create the state required to render AgentTag.\n *\n * The returned state can be modified with hooks such as useAgentTagStyles_unstable,\n * before being passed to renderAgentTag_unstable.\n *\n * @param props - props from this instance of AgentTag\n * @param ref - reference to root HTMLElement of AgentTag\n */\nexport const useAgentTag_unstable = (props: AgentTagProps, ref: React.Ref<HTMLDivElement>): AgentTagState => {\n  const state = useAttachment_unstable({ ...props, dismissOnly: true, designVersion: 'next' }, ref);\n\n  return state;\n};\n"],"names":["useAgentTag_unstable","props","ref","state","useAttachment_unstable","dismissOnly","designVersion"],"rangeMappings":";;;;;;;;;;;;;;;;;;","mappings":";;;;+BAeaA;;;eAAAA;;;kBAb0B;AAahC,MAAMA,uBAAuB,CAACC,OAAsBC;IACzD,MAAMC,QAAQC,IAAAA,wBAAAA,EAAuB;QAAE,GAAGH,KAAK;QAAEI,aAAa;QAAMC,eAAe;IAAO,GAAGJ;IAE7F,OAAOC;AACT"}
+{"version":3,"sources":["useAgentTag.ts"],"sourcesContent":["import type * as React from 'react';\nimport type { AgentTagProps, AgentTagState } from './AgentTag.types';\nimport { useAttachment_unstable } from '..';\n\n// If you add JSX to this file, be sure to change the file type to .tsx\n\n/**\n * Create the state required to render AgentTag.\n *\n * The returned state can be modified with hooks such as useAgentTagStyles_unstable,\n * before being passed to renderAgentTag_unstable.\n *\n * @param props - props from this instance of AgentTag\n * @param ref - reference to root HTMLElement of AgentTag\n */\nexport const useAgentTag_unstable = (props: AgentTagProps, ref: React.Ref<HTMLDivElement>): AgentTagState => {\n  const state = useAttachment_unstable({ ...props, dismissOnly: true, designVersion: 'next' }, ref);\n\n  return state;\n};\n"],"names":["state","useAttachment_unstable","ref","dismissOnly","designVersion"],"rangeMappings":";;;;;;;;;;;;;;;;;","mappings":";;;;+BAgBQA;;;eAAAA;;;kBAd+B;AAcrC,MAAMA,uBAAQC,CAAAA,OAAuBC;UAAEF,QAAQC,IAAAA,wBAAA,EAAA;gBAAEE;qBAAmBC;QAAsBA,eAAGF;OAE7FA;IACA,OAAAF"}

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

@@ -79,4 +79,4 @@ const useAgentTagStyles_unstable = (state)=>{
     }
     (0, _.useAttachmentStyles_unstable)(state);
     return state;
-};
+}; //# sourceMappingURL=useAgentTagStyles.styles.raw.js.map

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

@@ -1 +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":["agentTagClassNames","useAgentTagStyles_unstable","root","primaryAction","dismissIcon","dismissButton","media","content","progress","useMediaStyles","makeStyles","canvas","width","height","sidecar","useContentStyles","typographyStyles","subtitle2","color","tokens","colorNeutralForeground2","body1Strong","useDismissButtonStyles","borderRadius","borderRadius2XL","paddingLeft","spacingHorizontalL","paddingRight","spacingHorizontalM","spacingHorizontalS","borderRadiusXLarge","state","mode","contentStyles","dismissButtonStyles","mediaStyles","className","mergeClasses","useAttachmentStyles_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAMaA,kBAAAA;eAAAA;;IA6CAC,0BAAAA;eAAAA;;;iCAnD8C;kBAGd;wBACtB;AAEhB,MAAMD,qBAAoD;IAC/DE,MAAM;IACNC,eAAe;IACfC,aAAa;IACbC,eAAe;IACfC,OAAO;IACPC,SAAS;IACTC,UAAU;AACZ;AAEA,MAAMC,iBAAiBC,IAAAA,2BAAAA,EAAW;IAChCC,QAAQ;QACNC,OAAO;QACPC,QAAQ;IACV;IACAC,SAAS;QAAEF,OAAO;QAAQC,QAAQ;IAAO;AAC3C;AAEA,MAAME,mBAAmBL,IAAAA,2BAAAA,EAAW;IAClCC,QAAQ;QACN,GAAGK,iCAAAA,CAAiBC,SAAS;QAC7BC,OAAOC,cAAAA,CAAOC,uBAAuB;IACvC;IACAN,SAAS;QACP,GAAGE,iCAAAA,CAAiBK,WAAW;QAC/BH,OAAOC,cAAAA,CAAOC,uBAAuB;IACvC;AACF;AAEA,MAAME,yBAAyBZ,IAAAA,2BAAAA,EAAW;IACxCC,QAAQ;QACNY,cAAcJ,cAAAA,CAAOK,eAAe;QACpCC,aAAaN,cAAAA,CAAOO,kBAAkB;QACtCC,cAAcR,cAAAA,CAAOS,kBAAkB;IACzC;IACAd,SAAS;QACPW,aAAaN,cAAAA,CAAOS,kBAAkB;QACtCD,cAAcR,cAAAA,CAAOU,kBAAkB;QACvCN,cAAcJ,cAAAA,CAAOW,kBAAkB;IACzC;AACF;AAKO,MAAM7B,6BAA6B,CAAC8B;IACzC;IAEA,MAAM,EAAEC,IAAI,EAAE,GAAGD;IAEjB,MAAME,gBAAgBlB;IACtB,MAAMmB,sBAAsBZ;IAC5B,MAAMa,cAAc1B;IAEpBsB,MAAM7B,IAAI,CAACkC,SAAS,GAAGC,IAAAA,6BAAAA,EAAarC,mBAAmBE,IAAI,EAAE6B,MAAM7B,IAAI,CAACkC,SAAS;IAEjFL,MAAM5B,aAAa,CAACiC,SAAS,GAAGC,IAAAA,6BAAAA,EAAarC,mBAAmBG,aAAa,EAAE4B,MAAM5B,aAAa,CAACiC,SAAS;IAE5GL,MAAM3B,WAAW,CAACgC,SAAS,GAAGC,IAAAA,6BAAAA,EAAarC,mBAAmBI,WAAW,EAAE2B,MAAM3B,WAAW,CAACgC,SAAS;IAEtGL,MAAM1B,aAAa,CAAC+B,SAAS,GAAGC,IAAAA,6BAAAA,EAC9BrC,mBAAmBK,aAAa,EAChC6B,mBAAmB,CAACF,KAAK,EACzBD,MAAM1B,aAAa,CAAC+B,SAAS;IAG/B,IAAIL,MAAMzB,KAAK,EAAE;QACfyB,MAAMzB,KAAK,CAAC8B,SAAS,GAAGC,IAAAA,6BAAAA,EAAarC,mBAAmBM,KAAK,EAAE6B,WAAW,CAACH,KAAK,EAAED,MAAMzB,KAAK,CAAC8B,SAAS;IACzG;IAEAL,MAAMxB,OAAO,CAAC6B,SAAS,GAAGC,IAAAA,6BAAAA,EAAarC,mBAAmBO,OAAO,EAAE0B,aAAa,CAACD,KAAK,EAAED,MAAMxB,OAAO,CAAC6B,SAAS;IAE/G,IAAIL,MAAMvB,QAAQ,EAAE;QAClBuB,MAAMvB,QAAQ,CAAC4B,SAAS,GAAGC,IAAAA,6BAAAA,EAAarC,mBAAmBQ,QAAQ,EAAEuB,MAAMvB,QAAQ,CAAC4B,SAAS;IAC/F;IAEAE,IAAAA,8BAAAA,EAA6BP;IAE7B,OAAOA;AACT"}
+{"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":["agentTagClassNames","useAgentTagStyles_unstable","root","primaryAction","dismissIcon","dismissButton","media","content","progress","useMediaStyles","makeStyles","canvas","width","height","sidecar","useContentStyles","typographyStyles","subtitle2","color","tokens","colorNeutralForeground2","body1Strong","useDismissButtonStyles","borderRadius","borderRadius2XL","paddingLeft","spacingHorizontalL","paddingRight","spacingHorizontalM","spacingHorizontalS","borderRadiusXLarge","state","mode","className","mergeClasses","mediaStyles","contentStyles","useAttachmentStyles_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAMaA,kBAAAA;eAAAA;;IA8CXC,0BAAA;eAAAA;;;iCApDyD;kBAGd;wBACtB;AAEhB,MAAMD,qBAAoD;UAC/DE;mBACAC;iBACAC;mBACAC;WACAC;aACAC;cACAC;AACF;AAEA,MAAMC,iBAAiBC,IAAAA,2BAAAA,EAAW;YAChCC;eACEC;gBACAC;;aAEFC;eAAWF;gBAAeC;;AAC5B;AAEA,MAAME,mBAAmBL,IAAAA,2BAAAA,EAAW;YAClCC;4CACKK,CAAAA,SAAiBC;eACpBC,cAAOC,CAAAA,uBAAOC;;aAEhBN;4CACKE,CAAAA,WAAiBK;eACpBH,cAAOC,CAAAA,uBAAOC;;AAElB;AAEA,MAAME,yBAAyBZ,IAAAA,2BAAAA,EAAW;YACxCC;sBACEY,cAAcJ,CAAAA,eAAOK;qBACrBC,cAAaN,CAAAA,kBAAOO;sBACpBC,cAAcR,CAAAA,kBAAOS;;aAEvBd;qBACEW,cAAaN,CAAAA,kBAAOS;sBACpBD,cAAcR,CAAAA,kBAAOU;sBACrBN,cAAcJ,CAAAA,kBAAOW;;AAEzB;AAME,MAAA7B,6BAAA8B,CAAAA;;UAKA,EACAC,IAAA,KAEAD;UAEAA,gBAAoBE;UAEpBF,sBAAkBE;UAElBF,cAAM1B;UAMF0B,IAAAA,CAAAA,SAAa,GAAAG,IAAAA,6BAAA,EAAAlC,mBAAAE,IAAA,EAAA6B,MAAA7B,IAAA,CAAA+B,SAAA;UACfF,aAAYE,CAAAA,SAAS,GAAGC,IAAAA,6BAAalC,EAAAA,mBAAmBM,aAAO6B,EAAAA,MAAYH,aAAa1B,CAAK2B,SAACA;UAChG7B,WAAA,CAAA6B,SAAA,GAAAC,IAAAA,6BAAA,EAAAlC,mBAAAI,WAAA,EAAA2B,MAAA3B,WAAA,CAAA6B,SAAA;UAEAF,aAAcE,CAAAA,SAAYC,GAAAA,IAAAA,6BAAalC,EAAAA,mBAAmBO,aAAS6B,EAAAA,mBAA2B7B,CAAAA,KAAQ0B,EAAAA,MAAAA,aAAS,CAAAA,SAAA;QAE/GF,MAAIA,KAAMvB,EAAAA;cACRuB,KAAMvB,CAAAA,SAASyB,GAAAA,IAAAA,6BAAYC,EAAAA,mBAAalC,KAAAA,EAAmBQ,WAAUuB,CAAAA,KAAMvB,EAAAA,MAASyB,KAAAA,CAAAA,SAAS;;UAG/FI,OAAAA,CAAAA,SAAAA,GAAAA,IAAAA,6BAA6BN,EAAAA,mBAAAA,OAAAA,EAAAA,aAAAA,CAAAA,KAAAA,EAAAA,MAAAA,OAAAA,CAAAA,SAAAA;QAE7BA,MAAOA,QAAAA,EAAAA;QACPA,MAAAvB,QAAA,CAAAyB,SAAA,GAAAC,IAAAA,6BAAA,EAAAlC,mBAAAQ,QAAA,EAAAuB,MAAAvB,QAAA,CAAAyB,SAAA"}

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

@@ -20,4 +20,4 @@ const Attachment = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
     (0, _reactprovider.useCustomStyleHook)('useAttachmentStyles')(state);
     return (0, _renderAttachment.renderAttachment_unstable)(state);
 });
-Attachment.displayName = 'Attachment';
+Attachment.displayName = 'Attachment'; //# sourceMappingURL=Attachment.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["Attachment.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useAttachment_unstable } from './useAttachment';\nimport { renderAttachment_unstable } from './renderAttachment';\nimport { useAttachmentStyles_unstable } from './useAttachmentStyles.styles';\nimport type { AttachmentProps } from './Attachment.types';\nimport type { ForwardRefComponent } from '@fluentui/react-components';\nimport { useCustomStyleHook } from '@fluentui-copilot/react-provider';\n\n// Attachment component - TODO: add more docs\nexport const Attachment: ForwardRefComponent<AttachmentProps> = React.forwardRef((props, ref) => {\n  const state = useAttachment_unstable(props, ref);\n\n  useAttachmentStyles_unstable(state);\n  useCustomStyleHook('useAttachmentStyles')(state);\n\n  return renderAttachment_unstable(state);\n});\n\nAttachment.displayName = 'Attachment';\n"],"names":["Attachment","React","forwardRef","props","ref","state","useAttachment_unstable","useAttachmentStyles_unstable","useCustomStyleHook","renderAttachment_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BASaA;;;eAAAA;;;;iEATU;+BACgB;kCACG;2CACG;+BAGV;AAG5B,MAAMA,aAAAA,WAAAA,GAAmDC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACvF,MAAMC,QAAQC,IAAAA,qCAAAA,EAAuBH,OAAOC;IAE5CG,IAAAA,uDAAAA,EAA6BF;IAC7BG,IAAAA,iCAAAA,EAAmB,uBAAuBH;IAE1C,OAAOI,IAAAA,2CAAAA,EAA0BJ;AACnC;AAEAL,WAAWU,WAAW,GAAG"}
+{"version":3,"sources":["Attachment.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useAttachment_unstable } from './useAttachment';\nimport { renderAttachment_unstable } from './renderAttachment';\nimport { useAttachmentStyles_unstable } from './useAttachmentStyles.styles';\nimport type { AttachmentProps } from './Attachment.types';\nimport type { ForwardRefComponent } from '@fluentui/react-components';\nimport { useCustomStyleHook } from '@fluentui-copilot/react-provider';\n\n// Attachment component - TODO: add more docs\nexport const Attachment: ForwardRefComponent<AttachmentProps> = React.forwardRef((props, ref) => {\n  const state = useAttachment_unstable(props, ref);\n\n  useAttachmentStyles_unstable(state);\n  useCustomStyleHook('useAttachmentStyles')(state);\n\n  return renderAttachment_unstable(state);\n});\n\nAttachment.displayName = 'Attachment';\n"],"names":["Attachment","React","forwardRef","props","state","useAttachment_unstable","useAttachmentStyles_unstable","useCustomStyleHook","renderAttachment_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BASaA;;;eAAAA;;;;iEATU;+BACgB;kCACG;2CACG;+BAGV;AAG5B,MAAMA,aAAAA,WAAAA,GAAAA,OAAmDC,UAAMC,CAAU,CAACC,OAACA;UAChFC,QAAMA,IAAAA,qCAAQC,EAAAA,OAAuBF;+DAErCG,EAAAA;yCACAC,EAAAA,uBAAmBH;WAEnBI,IAAAA,2CAAOA,EAAAA;AACT;AAEAR,WAAWS,WAAW,GAAG"}

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

@@ -4,3 +4,4 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
+ //# sourceMappingURL=Attachment.types.js.map

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

@@ -32,3 +32,4 @@ const _Attachment = require("./Attachment");
 const _renderAttachment = require("./renderAttachment");
 const _useAttachment = require("./useAttachment");
 const _useAttachmentStylesstyles = require("./useAttachmentStyles.styles");
+ //# sourceMappingURL=index.js.map

package/lib-commonjs/components/Attachment/renderAttachment.js

@@ -47,4 +47,4 @@ const renderDismissOnly = (state)=>{
             ]
         })
     });
-};
+}; //# sourceMappingURL=renderAttachment.js.map

package/lib-commonjs/components/Attachment/renderAttachment.js.map

@@ -1 +1 @@
-{"version":3,"sources":["renderAttachment.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { OverflowItem, assertSlots } from '@fluentui/react-components';\nimport type { AttachmentState, AttachmentSlots } from './Attachment.types';\n\n/**\n * Render the final JSX of Attachment\n */\nexport const renderAttachment_unstable = (state: AttachmentState) => {\n  const { id, shouldUseOverflow, designVersion, dismissOnly } = state;\n\n  const attachment = designVersion === 'next' && dismissOnly ? renderDismissOnly(state) : renderAttachment(state);\n\n  return shouldUseOverflow ? (\n    <OverflowItem id={id} key={id}>\n      {attachment}\n    </OverflowItem>\n  ) : (\n    attachment\n  );\n};\n\nconst renderAttachment = (state: AttachmentState) => {\n  assertSlots<AttachmentSlots>(state);\n\n  return (\n    <state.root>\n      <state.primaryAction>\n        {state.media && !state.imageOnly && <state.media />}\n        <state.content />\n        {state.progress && <state.progress />}\n      </state.primaryAction>\n      <state.dismissButton>\n        <state.dismissIcon />\n      </state.dismissButton>\n    </state.root>\n  );\n};\n\nconst renderDismissOnly = (state: AttachmentState) => {\n  assertSlots<AttachmentSlots>(state);\n\n  return (\n    <state.root>\n      <state.dismissButton>\n        {state.media && !state.imageOnly && <state.media />}\n        <state.content />\n        {state.progress && <state.progress />}\n        <state.dismissIcon />\n      </state.dismissButton>\n    </state.root>\n  );\n};\n"],"names":["renderAttachment_unstable","state","id","shouldUseOverflow","designVersion","dismissOnly","attachment","renderDismissOnly","renderAttachment","_jsx","OverflowItem","assertSlots","_jsxs","root","primaryAction","media","imageOnly","content","progress","dismissButton","dismissIcon"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BASaA;;;eAAAA;;;4BARb;iCAE0C;AAMnC,MAAMA,4BAA4B,CAACC;IACxC,MAAM,EAAEC,EAAE,EAAEC,iBAAiB,EAAEC,aAAa,EAAEC,WAAW,EAAE,GAAGJ;IAE9D,MAAMK,aAAaF,kBAAkB,UAAUC,cAAcE,kBAAkBN,SAASO,iBAAiBP;IAEzG,OAAOE,oBAAAA,WAAAA,GACLM,IAAAA,eAAA,EAACC,6BAAAA,EAAAA;QAAaR,IAAIA;kBACfI;OADwBJ,MAI3BI;AAEJ;AAEA,MAAME,mBAAmB,CAACP;IACxBU,IAAAA,4BAAAA,EAA6BV;IAE7B,OAAA,WAAA,GACEW,IAAAA,gBAAA,EAACX,MAAMY,IAAI,EAAA;;0BACTD,IAAAA,gBAAA,EAACX,MAAMa,aAAa,EAAA;;oBACjBb,MAAMc,KAAK,IAAI,CAACd,MAAMe,SAAS,IAAA,WAAA,GAAIP,IAAAA,eAAA,EAACR,MAAMc,KAAK,EAAA,CAAA;kCAChDN,IAAAA,eAAA,EAACR,MAAMgB,OAAO,EAAA,CAAA;oBACbhB,MAAMiB,QAAQ,IAAA,WAAA,GAAIT,IAAAA,eAAA,EAACR,MAAMiB,QAAQ,EAAA,CAAA;;;0BAEpCT,IAAAA,eAAA,EAACR,MAAMkB,aAAa,EAAA;0BAClB,WAAA,GAAAV,IAAAA,eAAA,EAACR,MAAMmB,WAAW,EAAA,CAAA;;;;AAI1B;AAEA,MAAMb,oBAAoB,CAACN;IACzBU,IAAAA,4BAAAA,EAA6BV;IAE7B,OAAA,WAAA,GACEQ,IAAAA,eAAA,EAACR,MAAMY,IAAI,EAAA;kBACT,WAAA,GAAAD,IAAAA,gBAAA,EAACX,MAAMkB,aAAa,EAAA;;gBACjBlB,MAAMc,KAAK,IAAI,CAACd,MAAMe,SAAS,IAAA,WAAA,GAAIP,IAAAA,eAAA,EAACR,MAAMc,KAAK,EAAA,CAAA;8BAChDN,IAAAA,eAAA,EAACR,MAAMgB,OAAO,EAAA,CAAA;gBACbhB,MAAMiB,QAAQ,IAAA,WAAA,GAAIT,IAAAA,eAAA,EAACR,MAAMiB,QAAQ,EAAA,CAAA;8BAClCT,IAAAA,eAAA,EAACR,MAAMmB,WAAW,EAAA,CAAA;;;;AAI1B"}
+{"version":3,"sources":["renderAttachment.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { OverflowItem, assertSlots } from '@fluentui/react-components';\nimport type { AttachmentState, AttachmentSlots } from './Attachment.types';\n\n/**\n * Render the final JSX of Attachment\n */\nexport const renderAttachment_unstable = (state: AttachmentState) => {\n  const { id, shouldUseOverflow, designVersion, dismissOnly } = state;\n\n  const attachment = designVersion === 'next' && dismissOnly ? renderDismissOnly(state) : renderAttachment(state);\n\n  return shouldUseOverflow ? (\n    <OverflowItem id={id} key={id}>\n      {attachment}\n    </OverflowItem>\n  ) : (\n    attachment\n  );\n};\n\nconst renderAttachment = (state: AttachmentState) => {\n  assertSlots<AttachmentSlots>(state);\n\n  return (\n    <state.root>\n      <state.primaryAction>\n        {state.media && !state.imageOnly && <state.media />}\n        <state.content />\n        {state.progress && <state.progress />}\n      </state.primaryAction>\n      <state.dismissButton>\n        <state.dismissIcon />\n      </state.dismissButton>\n    </state.root>\n  );\n};\n\nconst renderDismissOnly = (state: AttachmentState) => {\n  assertSlots<AttachmentSlots>(state);\n\n  return (\n    <state.root>\n      <state.dismissButton>\n        {state.media && !state.imageOnly && <state.media />}\n        <state.content />\n        {state.progress && <state.progress />}\n        <state.dismissIcon />\n      </state.dismissButton>\n    </state.root>\n  );\n};\n"],"names":["id","designVersion","attachment","state","renderAttachment","assertSlots","progress","root","dismissButton","_jsx","dismissIcon","renderDismissOnly","children","_jsxs","media","content"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAUUA;;;eAAAA;;;4BATV;iCAE0C;AAOxC,MAAQA,4BAAuBC,CAAAA;UAE/B,EAEAD,EAAA,mBACoBA,4BAIlBE,EAEF,GAAAC;IAEF,MAAMC,aAAAA,kBAAoBD,UAAAA,cAAAA,kBAAAA,SAAAA,iBAAAA;WACxBE,oBAA6BF,WAAAA,GAAAA,IAAAA,eAAAA,EAAAA,6BAAAA,EAAAA;QAE7BH,IAAAA;;;;yBAGOG,CAAAA;;sBAEAA,GAAAA,IAAAA,gBAAMG,EAAAA,MAAQC,IAAA,EAAA;;;;;;;;;+CAEjBJ,MAACA,aAAMK,EAAAA;qCACL,GAAAC,IAAAA,eAAA,EAAAN,MAAAO,WAAOA,EAAAA,CAAAA;;;;;AAIf,MAAAC,oBAAAR,CAAAA;IAEAE,IAAAA,4BAAMM,EAAAA;WACJN,WAA6BF,GAAAA,IAAAA,eAAAA,EAAAA,MAAAA,IAAAA,EAAAA;QAE7BS,UAAA,WACE,GAAAC,IAAAA,gBAACV,EAAAA,MAAMI,aAAI,EAAA;;sBACTO,KAAA,IAAA,CAAAX,MAACA,SAAMK,IAAAA,WAAa,GAAAC,IAAAA,eAAA,EAAAN,MAAAW,KAAA,EAAA,CAAA;gBAAA,WAAA,GAAAL,IAAAA,eAAA,EAAAN,MAAAY,OAAA,EAAA,CAAA;gBAAAZ,MAAAG,QAAA,IAAA,WAAA,GAAAG,IAAAA,eAAA,EAAAN,MAAAG,QAAA,EAAA,CAAA;gBAAA,WAAA,GAAAG,IAAAA,eAAA,EAAAN,MAAAO,WAAA,EAAA,CAAA;aAAA;;;+CAGH"}

package/lib-commonjs/components/Attachment/useAttachment.js

@@ -100,4 +100,4 @@ const useAttachment_unstable = (props, ref)=>{
         state.components.primaryAction = 'span';
     }
     return state;
-};
+}; //# sourceMappingURL=useAttachment.js.map

package/lib-commonjs/components/Attachment/useAttachment.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useAttachment.tsx"],"sourcesContent":["import * as React from 'react';\nimport { ProgressBar, getIntrinsicElementProps, mergeCallbacks, slot, useId } from '@fluentui/react-components';\nimport { Dismiss12Regular, Dismiss20Regular } from '@fluentui/react-icons';\nimport { useAttachmentListContext_unstable } from '../../contexts/attachmentListContext';\nimport type { AttachmentProps, AttachmentState } from './Attachment.types';\nimport { useCopilotMode, useDesignVersion } from '@fluentui-copilot/react-provider';\n\n/**\n * Create the state required to render Attachment.\n *\n * The returned state can be modified with hooks such as useAttachmentStyles_unstable,\n * before being passed to renderAttachment_unstable.\n *\n * @param props - props from this instance of Attachment\n * @param ref - reference to root HTMLElement of Attachment\n */\nexport const useAttachment_unstable = (props: AttachmentProps, ref: React.Ref<HTMLDivElement>): AttachmentState => {\n  const { children, imageOnly, size = 'medium', dismissOnly = false } = props;\n  const { onAttachmentDismiss, shouldUseOverflow } = useAttachmentListContext_unstable(context => context);\n  const attachmentId = useId('attachment-', props.id);\n  const isLoading = !!props.progress;\n\n  const mode = useCopilotMode(props.mode);\n  const designVersion = useDesignVersion(props.designVersion);\n\n  const root = slot.always(\n    getIntrinsicElementProps('div', {\n      ref,\n      ...props,\n      id: attachmentId,\n    }),\n    { elementType: 'div' },\n  );\n\n  const primaryAction = slot.always(props.primaryAction, {\n    defaultProps: { as: dismissOnly ? 'span' : undefined },\n    elementType: 'button',\n  });\n\n  const dismissButton = slot.always(props.dismissButton, {\n    defaultProps: { 'aria-label': 'Remove attachment' },\n    elementType: 'button',\n  });\n\n  dismissButton.onClick = mergeCallbacks(\n    dismissButton.onClick as React.MouseEventHandler<HTMLAnchorElement | HTMLButtonElement>,\n    (ev: React.MouseEvent<HTMLAnchorElement | HTMLButtonElement>) => {\n      onAttachmentDismiss?.(ev, { content: children, media, id: attachmentId });\n    },\n  );\n\n  const media = slot.optional(props.media, { elementType: 'span' });\n\n  const content = slot.always(props.content, {\n    defaultProps: {\n      children: props.children,\n    },\n    elementType: 'span',\n  });\n\n  const dismissIcon = slot.always(props.dismissIcon, {\n    defaultProps: {\n      children: size === 'small' ? <Dismiss12Regular /> : <Dismiss20Regular />,\n    },\n    elementType: 'span',\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  const state: AttachmentState = {\n    id: attachmentId,\n    size,\n    components: {\n      root: 'div',\n      primaryAction: 'button',\n      dismissButton: 'button',\n      media: 'span',\n      content: 'span',\n      dismissIcon: 'span',\n      progress: ProgressBar,\n    },\n\n    root,\n    primaryAction,\n    dismissButton,\n    media,\n    content,\n    dismissIcon,\n    progress,\n    imageOnly,\n    isLoading,\n    shouldUseOverflow,\n    mode,\n    designVersion,\n    dismissOnly,\n  };\n\n  if (state.primaryAction.as === 'span') {\n    state.components.primaryAction = 'span';\n  }\n\n  return state;\n};\n"],"names":["useAttachment_unstable","props","ref","children","imageOnly","size","dismissOnly","onAttachmentDismiss","shouldUseOverflow","useAttachmentListContext_unstable","context","attachmentId","useId","id","isLoading","progress","mode","useCopilotMode","designVersion","useDesignVersion","root","slot","always","getIntrinsicElementProps","elementType","primaryAction","defaultProps","as","undefined","dismissButton","onClick","mergeCallbacks","ev","content","media","optional","dismissIcon","React","createElement","Dismiss12Regular","Dismiss20Regular","shape","thickness","ProgressBar","state","components"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAgBaA;;;eAAAA;;;;iEAhBU;iCAC4D;4BAChC;uCACD;+BAED;AAW1C,MAAMA,yBAAyB,CAACC,OAAwBC;IAC7D,MAAM,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,OAAO,QAAQ,EAAEC,cAAc,KAAK,EAAE,GAAGL;IACtE,MAAM,EAAEM,mBAAmB,EAAEC,iBAAiB,EAAE,GAAGC,IAAAA,wDAAAA,EAAkCC,CAAAA,UAAWA;IAChG,MAAMC,eAAeC,IAAAA,sBAAAA,EAAM,eAAeX,MAAMY,EAAE;IAClD,MAAMC,YAAY,CAAC,CAACb,MAAMc,QAAQ;IAElC,MAAMC,OAAOC,IAAAA,6BAAAA,EAAehB,MAAMe,IAAI;IACtC,MAAME,gBAAgBC,IAAAA,+BAAAA,EAAiBlB,MAAMiB,aAAa;IAE1D,MAAME,OAAOC,qBAAAA,CAAKC,MAAM,CACtBC,IAAAA,yCAAAA,EAAyB,OAAO;QAC9BrB;QACA,GAAGD,KAAK;QACRY,IAAIF;IACN,IACA;QAAEa,aAAa;IAAM;IAGvB,MAAMC,gBAAgBJ,qBAAAA,CAAKC,MAAM,CAACrB,MAAMwB,aAAa,EAAE;QACrDC,cAAc;YAAEC,IAAIrB,cAAc,SAASsB;QAAU;QACrDJ,aAAa;IACf;IAEA,MAAMK,gBAAgBR,qBAAAA,CAAKC,MAAM,CAACrB,MAAM4B,aAAa,EAAE;QACrDH,cAAc;YAAE,cAAc;QAAoB;QAClDF,aAAa;IACf;IAEAK,cAAcC,OAAO,GAAGC,IAAAA,+BAAAA,EACtBF,cAAcC,OAAO,EACrB,CAACE;QACCzB,wBAAAA,QAAAA,wBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,oBAAsByB,IAAI;YAAEC,SAAS9B;YAAU+B;YAAOrB,IAAIF;QAAa;IACzE;IAGF,MAAMuB,QAAQb,qBAAAA,CAAKc,QAAQ,CAAClC,MAAMiC,KAAK,EAAE;QAAEV,aAAa;IAAO;IAE/D,MAAMS,UAAUZ,qBAAAA,CAAKC,MAAM,CAACrB,MAAMgC,OAAO,EAAE;QACzCP,cAAc;YACZvB,UAAUF,MAAME,QAAQ;QAC1B;QACAqB,aAAa;IACf;IAEA,MAAMY,cAAcf,qBAAAA,CAAKC,MAAM,CAACrB,MAAMmC,WAAW,EAAE;QACjDV,cAAc;YACZvB,UAAUE,SAAS,UAAA,WAAA,GAAUgC,OAAAC,aAAA,CAACC,4BAAAA,EAAAA,QAAAA,WAAAA,GAAsBF,OAAAC,aAAA,CAACE,4BAAAA,EAAAA;QACvD;QACAhB,aAAa;IACf;IAEA,MAAMT,WAAWM,qBAAAA,CAAKc,QAAQ,CAAClC,MAAMc,QAAQ,EAAE;QAC7CW,cAAc;YACZe,OAAO;YACPC,WAAW;YACX,mBAAmBzC,MAAMY,EAAE;QAC7B;QACAW,aAAamB,4BAAAA;IACf;IAEA,MAAMC,QAAyB;QAC7B/B,IAAIF;QACJN;QACAwC,YAAY;YACVzB,MAAM;YACNK,eAAe;YACfI,eAAe;YACfK,OAAO;YACPD,SAAS;YACTG,aAAa;YACbrB,UAAU4B,4BAAAA;QACZ;QAEAvB;QACAK;QACAI;QACAK;QACAD;QACAG;QACArB;QACAX;QACAU;QACAN;QACAQ;QACAE;QACAZ;IACF;IAEA,IAAIsC,MAAMnB,aAAa,CAACE,EAAE,KAAK,QAAQ;QACrCiB,MAAMC,UAAU,CAACpB,aAAa,GAAG;IACnC;IAEA,OAAOmB;AACT"}
+{"version":3,"sources":["useAttachment.tsx"],"sourcesContent":["import * as React from 'react';\nimport { ProgressBar, getIntrinsicElementProps, mergeCallbacks, slot, useId } from '@fluentui/react-components';\nimport { Dismiss12Regular, Dismiss20Regular } from '@fluentui/react-icons';\nimport { useAttachmentListContext_unstable } from '../../contexts/attachmentListContext';\nimport type { AttachmentProps, AttachmentState } from './Attachment.types';\nimport { useCopilotMode, useDesignVersion } from '@fluentui-copilot/react-provider';\n\n/**\n * Create the state required to render Attachment.\n *\n * The returned state can be modified with hooks such as useAttachmentStyles_unstable,\n * before being passed to renderAttachment_unstable.\n *\n * @param props - props from this instance of Attachment\n * @param ref - reference to root HTMLElement of Attachment\n */\nexport const useAttachment_unstable = (props: AttachmentProps, ref: React.Ref<HTMLDivElement>): AttachmentState => {\n  const { children, imageOnly, size = 'medium', dismissOnly = false } = props;\n  const { onAttachmentDismiss, shouldUseOverflow } = useAttachmentListContext_unstable(context => context);\n  const attachmentId = useId('attachment-', props.id);\n  const isLoading = !!props.progress;\n\n  const mode = useCopilotMode(props.mode);\n  const designVersion = useDesignVersion(props.designVersion);\n\n  const root = slot.always(\n    getIntrinsicElementProps('div', {\n      ref,\n      ...props,\n      id: attachmentId,\n    }),\n    { elementType: 'div' },\n  );\n\n  const primaryAction = slot.always(props.primaryAction, {\n    defaultProps: { as: dismissOnly ? 'span' : undefined },\n    elementType: 'button',\n  });\n\n  const dismissButton = slot.always(props.dismissButton, {\n    defaultProps: { 'aria-label': 'Remove attachment' },\n    elementType: 'button',\n  });\n\n  dismissButton.onClick = mergeCallbacks(\n    dismissButton.onClick as React.MouseEventHandler<HTMLAnchorElement | HTMLButtonElement>,\n    (ev: React.MouseEvent<HTMLAnchorElement | HTMLButtonElement>) => {\n      onAttachmentDismiss?.(ev, { content: children, media, id: attachmentId });\n    },\n  );\n\n  const media = slot.optional(props.media, { elementType: 'span' });\n\n  const content = slot.always(props.content, {\n    defaultProps: {\n      children: props.children,\n    },\n    elementType: 'span',\n  });\n\n  const dismissIcon = slot.always(props.dismissIcon, {\n    defaultProps: {\n      children: size === 'small' ? <Dismiss12Regular /> : <Dismiss20Regular />,\n    },\n    elementType: 'span',\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  const state: AttachmentState = {\n    id: attachmentId,\n    size,\n    components: {\n      root: 'div',\n      primaryAction: 'button',\n      dismissButton: 'button',\n      media: 'span',\n      content: 'span',\n      dismissIcon: 'span',\n      progress: ProgressBar,\n    },\n\n    root,\n    primaryAction,\n    dismissButton,\n    media,\n    content,\n    dismissIcon,\n    progress,\n    imageOnly,\n    isLoading,\n    shouldUseOverflow,\n    mode,\n    designVersion,\n    dismissOnly,\n  };\n\n  if (state.primaryAction.as === 'span') {\n    state.components.primaryAction = 'span';\n  }\n\n  return state;\n};\n"],"names":["children","size","ref","attachmentId","imageOnly","isLoading","mode","useCopilotMode","dismissOnly","designVersion","props","useAttachmentListContext_unstable","context","elementType","useId","id","progress","primaryAction","slot","always","defaultProps","useDesignVersion","as","undefined","dismissButton","onAttachmentDismiss","media","onClick","mergeCallbacks","ev","dismissIcon","content","thickness","React","createElement","Dismiss12Regular","Dismiss20Regular","components","root","shouldUseOverflow"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAiBUA;;;eAAAA;;;;iEAjBa;iCAC4D;4BAChC;uCACD;+BAED;AAY/C,MAAQA,yBAAqBC,CAAAA,OAAOC;UACpC,EACAF,QAAMG,EACNC,SAAMC,EAENJ,OAAMK,QAAOC,EACbC,cAAMC,KAAAA,KAENC;UAEIR,qBACQ,mBACJC,KACNQ,IAAAA,wDACA,EAAAC,CAAAA,UAAAA;UAAEC,eAAaC,IAAAA,sBAAA,EAAA,eAAAJ,MAAAK,EAAA;UAAMV,YAAA,CAAA,CAAAK,MAAAM,QAAA;UAGvBV,OAAMW,IAAAA,6BAAgBC,EAAAA,MAAKC,IAAOT;UAChCU,gBAAcC,IAAAA,+BAAA,EAAAX,MAAAD,aAAA;iBAAEa,qBAAId,CAAAA,MAAAA,CAAAA,IAAAA,yCAAuBe,EAAAA,OAAAA;;gBAC3CV;QACFE,IAAAZ;QAEA;qBACEiB;;UAAkDH,gBAAAC,qBAAA,CAAAC,MAAA,CAAAT,MAAAO,aAAA,EAAA;sBAClDJ;YACFS,IAAAd,cAAA,SAAAe;QAEAC;qBAGIC;;0BAA+CC,qBAAAA,CAAAA,MAAAA,CAAAA,MAAAA,aAAAA,EAAAA;sBAAWvB;0BAAa;QACzE;QAGFU,aAAMa;;kBAAyDC,OAAA,GAAAC,IAAAA,+BAAA,EAAAJ,cAAAG,OAAA,EAAAE,CAAAA;QAE/DJ,wBAAqBN,QAAOT,wBAAe,KAAA,IAAA,KAAA,IAAAe,oBAAAI,IAAA;qBACzCT;;gBAEAjB;;;UAIFuB,QAAMI,qBAAAA,CAAAA,QAAmBX,CAAAA,MAAOT,KAAAA,EAAMoB;qBACpCV;;UAEAW,UAAAb,qBAAA,CAAAC,MAAA,CAAAT,MAAAqB,OAAA,EAAA;sBACAlB;YACFb,UAAAU,MAAAV,QAAA;QAEA;qBACEoB;;wBAEEY,qBAAW,CAAAb,MAAA,CAAAT,MAAAoB,WAAA,EAAA;sBACX;sBACF7B,SAAA,UAAA,WAAA,GAAAgC,OAAAC,aAAA,CAAAC,4BAAA,EAAA,QAAA,WAAA,GAAAF,OAAAC,aAAA,CAAAE,4BAAA,EAAA;;QAEFvB,aAAA;;UAGEE,WAAIZ,qBAAAA,CAAAA,QAAAA,CAAAA,MAAAA,QAAAA,EAAAA;sBACJF;mBACAoC;uBACEC;+BACArB,MAAeF,EAAA;;qBAEfW,4BAAO;;kBAEPI;;;oBAIFQ;kBACArB;2BACAO;2BACAE;mBACAK;qBACAD;yBACAd;sBACAZ,4BAAAA;;;;;;QAMF2B;QAEAD;;QAEA1B;QAEAC;QACAkC"}

package/lib-commonjs/components/Attachment/useAttachmentStyles.styles.raw.js

@@ -333,4 +333,4 @@ const useAttachmentStyles_unstable = (state)=>{
         }
     }
     return state;
-};
+}; //# sourceMappingURL=useAttachmentStyles.styles.raw.js.map

package/lib-commonjs/components/Attachment/useAttachmentStyles.styles.raw.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useAttachmentStyles.styles.ts"],"sourcesContent":["import {\n  createCustomFocusIndicatorStyle,\n  makeResetStyles,\n  makeStyles,\n  mergeClasses,\n  slot,\n  typographyStyles,\n} from '@fluentui/react-components';\nimport { tokens } from '@fluentui-copilot/tokens';\nimport { useProgressBarStyles } from '../utils/useProgressBarStyles.styles';\nimport type { AttachmentSlots, AttachmentState } from './Attachment.types';\nimport type { GriffelResetStyle, SlotClassNames } from '@fluentui/react-components';\n\nexport const attachmentClassNames: SlotClassNames<AttachmentSlots> = {\n  root: 'fai-Attachment',\n  primaryAction: 'fai-Attachment__primaryAction',\n  dismissButton: 'fai-Attachment__dismissButton',\n  media: 'fai-Attachment__media',\n  content: 'fai-Attachment__content',\n  dismissIcon: 'fai-Attachment__dismissIcon',\n  progress: 'fai-Attachment__progress',\n};\n\nconst ATTACHMENT_MAXWIDTH = '180px';\nconst SMALL_ATTACHMENT_SIZE = '16px';\nconst ATTACHMENT_SIZE = '20px';\n\nconst useRootBaseClassName = makeResetStyles({\n  display: 'inline-flex',\n  flexWrap: 'nowrap',\n  verticalAlign: 'middle',\n  boxSizing: 'border-box',\n  width: 'fit-content',\n  alignSelf: 'end',\n  position: 'relative',\n});\n\nconst buttonBaseStyles: GriffelResetStyle = {\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  color: tokens.colorNeutralForeground1,\n  cursor: 'pointer',\n  display: 'inline-flex',\n  flexWrap: 'nowrap',\n  justifyContent: 'center',\n  ...createCustomFocusIndicatorStyle({\n    outline: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`,\n    zIndex: 1,\n  }),\n  verticalAlign: 'middle',\n};\n\nconst usePrimaryActionBaseClassName = makeResetStyles({\n  ...buttonBaseStyles,\n  borderTopRightRadius: tokens.borderRadiusNone,\n  borderBottomRightRadius: tokens.borderRadiusNone,\n  borderRightStyle: 'none',\n  maxWidth: `calc(${ATTACHMENT_MAXWIDTH} - ${ATTACHMENT_SIZE} + ${tokens.strokeWidthThin} * 2 + ${tokens.spacingHorizontalXXS} - ${tokens.spacingHorizontalXS})`,\n  padding: `${tokens.spacingVerticalXS} ${tokens.spacingHorizontalS} ${tokens.spacingVerticalXS} ${tokens.spacingHorizontalS}`,\n});\n\nconst usePrimaryActionStyles = makeStyles({\n  button: {\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});\n\nconst useDismissButtonBaseClassName = makeResetStyles({\n  ...buttonBaseStyles,\n\n  padding: `${tokens.spacingVerticalXS} ${tokens.spacingHorizontalXS} ${tokens.spacingVerticalXS} ${tokens.spacingHorizontalXS}`,\n  maxWidth: `calc(${ATTACHMENT_SIZE} + ${tokens.strokeWidthThin} * 2 + ${tokens.spacingHorizontalXXS}) + ${tokens.spacingHorizontalXS}`,\n  minWidth: `calc(${ATTACHMENT_SIZE} + ${tokens.strokeWidthThin} * 2 + ${tokens.spacingHorizontalXXS}) + ${tokens.spacingHorizontalXS}`,\n\n  // divider:\n  borderLeftColor: tokens.colorNeutralStroke1,\n  borderTopLeftRadius: tokens.borderRadiusNone,\n  borderBottomLeftRadius: tokens.borderRadiusNone,\n\n  borderTopRightRadius: tokens.borderRadiusMedium,\n  borderBottomRightRadius: tokens.borderRadiusMedium,\n\n  ':hover': {\n    cursor: 'pointer',\n    backgroundColor: tokens.colorSubtleBackgroundHover,\n    color: tokens.colorNeutralForeground2BrandHover,\n  },\n  ':active': {\n    backgroundColor: tokens.colorSubtleBackgroundPressed,\n    color: tokens.colorNeutralForeground2BrandPressed,\n  },\n  '@media (forced-colors: active)': {\n    ':hover': {\n      backgroundColor: 'HighlightText',\n    },\n    ':active': {\n      backgroundColor: 'HighlightText',\n    },\n  },\n});\n\nconst useDismissButtonCurrentStyles = makeStyles({\n  root: {\n    ':hover': {\n      [`& .${attachmentClassNames.dismissIcon}`]: {\n        color: tokens.colorBrandForegroundLinkHover,\n      },\n    },\n  },\n});\n\nconst useMediaBaseClassName = makeResetStyles({\n  alignItems: 'center',\n  display: 'inline-flex',\n  fontSize: ATTACHMENT_SIZE,\n  height: ATTACHMENT_SIZE,\n  lineHeight: ATTACHMENT_SIZE,\n  width: ATTACHMENT_SIZE,\n});\n\nconst useContentBaseClassName = makeResetStyles({\n  overflowX: 'hidden',\n  textOverflow: 'ellipsis',\n  whiteSpace: 'nowrap',\n  ...typographyStyles.body1,\n});\n\nconst useDismissIconBaseClassName = makeResetStyles({\n  alignItems: 'center',\n  borderRadius: tokens.borderRadiusCircular,\n  border: `${tokens.strokeWidthThin} solid ${tokens.colorTransparentStroke}`,\n  boxSizing: 'border-box',\n  color: tokens.colorNeutralForeground1,\n  display: 'inline-flex',\n  fontSize: ATTACHMENT_SIZE,\n  height: `calc(${ATTACHMENT_SIZE} + ${tokens.strokeWidthThin} * 2 + ${tokens.spacingVerticalXXS})`,\n  justifyContent: 'center',\n  maxWidth: `calc(${ATTACHMENT_SIZE} + ${tokens.strokeWidthThin} * 2 + ${tokens.spacingHorizontalXXS})`,\n  minWidth: `calc(${ATTACHMENT_SIZE} + ${tokens.strokeWidthThin} * 2 + ${tokens.spacingHorizontalXXS})`,\n  padding: `calc(${tokens.spacingVerticalXXS} / 2) calc(${tokens.spacingHorizontalXXS} / 2)`,\n});\n\nconst useDismissIconNextStyles = makeStyles({\n  dismissOnly: {\n    ':hover': {\n      color: tokens.colorNeutralForeground2BrandHover,\n    },\n    ':active': {\n      color: tokens.colorNeutralForeground2BrandPressed,\n    },\n  },\n});\n\nconst useImageOnlyStyles = makeStyles({\n  primaryAction: {\n    padding: 0,\n  },\n  content: {\n    lineHeight: 0,\n  },\n});\n\nexport const useOverflowStyles = makeStyles({\n  overflow: {\n    maxWidth: '100%',\n    width: '100%',\n  },\n});\n\nconst useSmallStyles = makeStyles({\n  primaryAction: {\n    maxWidth: `calc(${ATTACHMENT_MAXWIDTH} - ${SMALL_ATTACHMENT_SIZE} + ${tokens.strokeWidthThin} * 2 + ${tokens.spacingHorizontalXXS} - ${tokens.spacingHorizontalXS})`,\n    padding: `${tokens.spacingVerticalXXS} ${tokens.spacingHorizontalSNudge} ${tokens.spacingVerticalXXS} ${tokens.spacingHorizontalSNudge}`,\n  },\n  media: {\n    fontSize: SMALL_ATTACHMENT_SIZE,\n    height: SMALL_ATTACHMENT_SIZE,\n    lineHeight: SMALL_ATTACHMENT_SIZE,\n    width: SMALL_ATTACHMENT_SIZE,\n  },\n  content: {\n    ...typographyStyles.caption1,\n  },\n  dismissButton: {\n    padding: `${tokens.spacingVerticalXXS} ${tokens.spacingHorizontalXXS}`,\n    maxWidth: `calc(${SMALL_ATTACHMENT_SIZE} + ${tokens.strokeWidthThin} * 2 + ${tokens.spacingHorizontalXXS}) + ${tokens.spacingHorizontalXS}`,\n    minWidth: `calc(${SMALL_ATTACHMENT_SIZE} + ${tokens.strokeWidthThin} * 2 + ${tokens.spacingHorizontalXXS}) + ${tokens.spacingHorizontalXS}`,\n  },\n  dismissIcon: {\n    fontSize: SMALL_ATTACHMENT_SIZE,\n    height: `calc(${SMALL_ATTACHMENT_SIZE} + ${tokens.strokeWidthThin} * 2 + ${tokens.spacingVerticalXXS})`,\n    maxWidth: `calc(${SMALL_ATTACHMENT_SIZE} + ${tokens.strokeWidthThin} * 2 + ${tokens.spacingHorizontalXXS})`,\n    minWidth: `calc(${SMALL_ATTACHMENT_SIZE} + ${tokens.strokeWidthThin} * 2 + ${tokens.spacingHorizontalXXS})`,\n  },\n});\n\nconst usePrimaryActionNextStyles = makeStyles({\n  root: {\n    borderTopLeftRadius: tokens.borderRadiusXLarge,\n    borderBottomLeftRadius: tokens.borderRadiusXLarge,\n  },\n  canvas: {\n    padding: `${tokens.spacingVerticalNone} ${tokens.spacingHorizontalS}`,\n    minHeight: '40px',\n  },\n\n  sidecar: {\n    padding: `${tokens.spacingVerticalNone} ${tokens.spacingHorizontalS}`,\n    minHeight: '32px',\n  },\n});\n\nconst useDismissButtonNextStyles = makeStyles({\n  root: {\n    borderTopRightRadius: tokens.borderRadiusXLarge,\n    borderBottomRightRadius: tokens.borderRadiusXLarge,\n    ':hover': {\n      color: tokens.colorNeutralForeground2,\n    },\n    ':active': {\n      color: tokens.colorNeutralForeground2Pressed,\n    },\n\n    borderLeftColor: tokens.colorNeutralStroke1,\n    borderLeftWidth: tokens.strokeWidthThin,\n    borderLeftStyle: 'solid',\n  },\n  withPrimary: {\n    ':hover': {\n      [`& .${attachmentClassNames.dismissIcon}`]: {\n        color: tokens.colorNeutralForeground2,\n      },\n    },\n    ':active': {\n      [`& .${attachmentClassNames.dismissIcon}`]: {\n        color: tokens.colorNeutralForeground2Pressed,\n      },\n    },\n  },\n  canvas: {\n    padding: `${tokens.spacingVerticalNone} ${tokens.spacingHorizontalS}`,\n    minHeight: '40px',\n    width: '40px',\n  },\n  sidecar: {\n    padding: `${tokens.spacingVerticalNone} ${tokens.spacingHorizontalMNudge}`,\n    minHeight: '32px',\n    width: '32px',\n  },\n  dismissOnly: {\n    borderRadius: tokens.borderRadiusXLarge,\n    width: 'unset',\n    borderLeftColor: tokens.colorTransparentStroke,\n    backgroundColor: tokens.colorNeutralBackground3,\n    ':hover': {\n      backgroundColor: tokens.colorNeutralBackground3,\n    },\n    ':active': {\n      backgroundColor: tokens.colorNeutralBackground3,\n    },\n  },\n});\n\nconst usePrimaryDismissNextStyles = makeStyles({\n  sharedStyles: {\n    border: 'none',\n    backgroundColor: tokens.colorNeutralBackground3,\n    ':hover': {\n      backgroundColor: tokens.colorNeutralBackground3Hover,\n    },\n    ':active': {\n      backgroundColor: tokens.colorNeutralBackground3Pressed,\n    },\n    ':focus-visible': {\n      borderRadius: tokens.borderRadiusLarge,\n    },\n  },\n});\n\nconst useRootNextStyles = makeStyles({\n  root: {\n    outline: `${tokens.strokeWidthThin} solid ${tokens.colorTransparentStroke}`,\n    borderRadius: tokens.borderRadiusXLarge,\n  },\n});\n\n/**\n * Apply styling to the Attachment slots based on the state\n */\nexport const useAttachmentStyles_unstable = (state: AttachmentState): AttachmentState => {\n  'use no memo';\n\n  const rootBaseClassName = useRootBaseClassName();\n  const primaryActionBaseClassName = usePrimaryActionBaseClassName();\n  const dismissButtonBaseClassName = useDismissButtonBaseClassName();\n  const dismissButtonCurrentStyles = useDismissButtonCurrentStyles();\n  const mediaBaseClassName = useMediaBaseClassName();\n  const contentBaseClassName = useContentBaseClassName();\n  const dismissIconBaseClassName = useDismissIconBaseClassName();\n  const dismissIconNextStyles = useDismissIconNextStyles();\n  const progressBarStyles = useProgressBarStyles();\n  const primaryActionStyles = usePrimaryActionStyles();\n  const imageOnlyStyles = useImageOnlyStyles();\n  const smallStyles = useSmallStyles();\n  const primaryActionNextStyles = usePrimaryActionNextStyles();\n  const dismissButtonNextStyles = useDismissButtonNextStyles();\n  const primaryDismissNextStyles = usePrimaryDismissNextStyles();\n  const rootNextStyles = useRootNextStyles();\n  const { imageOnly, primaryAction, size, mode, designVersion, dismissOnly } = state;\n\n  state.root.className = mergeClasses(\n    attachmentClassNames.root,\n    rootBaseClassName,\n    designVersion === 'next' && rootNextStyles.root,\n    state.root.className,\n  );\n  state.primaryAction.className = mergeClasses(\n    attachmentClassNames.primaryAction,\n    primaryActionBaseClassName,\n    size === 'small' && smallStyles.primaryAction,\n    primaryAction.as !== 'span' && !state.isLoading && primaryActionStyles.button,\n    imageOnly && imageOnlyStyles.primaryAction,\n    designVersion === 'next' && primaryDismissNextStyles.sharedStyles,\n    designVersion === 'next' && primaryActionNextStyles.root,\n    designVersion === 'next' && primaryActionNextStyles[mode],\n    state.primaryAction.className,\n  );\n  state.dismissButton.className = mergeClasses(\n    attachmentClassNames.dismissButton,\n    dismissButtonBaseClassName,\n    designVersion === 'current' && dismissButtonCurrentStyles.root,\n    size === 'small' && smallStyles.dismissButton,\n    designVersion === 'next' && primaryDismissNextStyles.sharedStyles,\n    designVersion === 'next' && dismissButtonNextStyles.root,\n    designVersion === 'next' && dismissButtonNextStyles[mode],\n    designVersion === 'next' && dismissOnly && dismissButtonNextStyles.dismissOnly,\n    designVersion === 'next' && !dismissOnly && dismissButtonNextStyles.withPrimary,\n    state.dismissButton.className,\n  );\n  if (state.media) {\n    state.media.className = mergeClasses(\n      attachmentClassNames.media,\n      mediaBaseClassName,\n      size === 'small' && smallStyles.media,\n      state.media.className,\n    );\n  }\n  state.content.className = mergeClasses(\n    attachmentClassNames.content,\n    contentBaseClassName,\n    size === 'small' && smallStyles.content,\n    imageOnly && imageOnlyStyles.content,\n    state.content.className,\n  );\n  state.dismissIcon.className = mergeClasses(\n    attachmentClassNames.dismissIcon,\n    dismissIconBaseClassName,\n    size === 'small' && smallStyles.dismissIcon,\n    designVersion === 'next' && dismissOnly && dismissIconNextStyles.dismissOnly,\n    state.dismissIcon.className,\n  );\n\n  if (state.progress) {\n    state.progress.className = mergeClasses(\n      attachmentClassNames.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":["attachmentClassNames","useAttachmentStyles_unstable","useOverflowStyles","root","primaryAction","dismissButton","media","content","dismissIcon","progress","ATTACHMENT_MAXWIDTH","SMALL_ATTACHMENT_SIZE","ATTACHMENT_SIZE","useRootBaseClassName","makeResetStyles","display","flexWrap","verticalAlign","boxSizing","width","alignSelf","position","buttonBaseStyles","alignItems","backgroundColor","tokens","colorSubtleBackground","border","strokeWidthThin","colorNeutralStroke1","borderRadius","borderRadiusMedium","columnGap","spacingHorizontalSNudge","color","colorNeutralForeground1","cursor","justifyContent","createCustomFocusIndicatorStyle","outline","strokeWidthThick","colorStrokeFocus2","zIndex","usePrimaryActionBaseClassName","borderTopRightRadius","borderRadiusNone","borderBottomRightRadius","borderRightStyle","maxWidth","spacingHorizontalXXS","spacingHorizontalXS","padding","spacingVerticalXS","spacingHorizontalS","usePrimaryActionStyles","makeStyles","button","colorSubtleBackgroundHover","colorNeutralForeground2Hover","colorSubtleBackgroundPressed","colorNeutralForeground2Pressed","useDismissButtonBaseClassName","minWidth","borderLeftColor","borderTopLeftRadius","borderBottomLeftRadius","colorNeutralForeground2BrandHover","colorNeutralForeground2BrandPressed","useDismissButtonCurrentStyles","colorBrandForegroundLinkHover","useMediaBaseClassName","fontSize","height","lineHeight","useContentBaseClassName","overflowX","textOverflow","whiteSpace","typographyStyles","body1","useDismissIconBaseClassName","borderRadiusCircular","colorTransparentStroke","spacingVerticalXXS","useDismissIconNextStyles","dismissOnly","useImageOnlyStyles","overflow","useSmallStyles","caption1","usePrimaryActionNextStyles","borderRadiusXLarge","canvas","spacingVerticalNone","minHeight","sidecar","useDismissButtonNextStyles","colorNeutralForeground2","borderLeftWidth","borderLeftStyle","withPrimary","spacingHorizontalMNudge","colorNeutralBackground3","usePrimaryDismissNextStyles","sharedStyles","colorNeutralBackground3Hover","colorNeutralBackground3Pressed","borderRadiusLarge","useRootNextStyles","state","rootBaseClassName","primaryActionBaseClassName","dismissButtonBaseClassName","dismissButtonCurrentStyles","mediaBaseClassName","contentBaseClassName","dismissIconBaseClassName","dismissIconNextStyles","progressBarStyles","useProgressBarStyles","primaryActionStyles","imageOnlyStyles","smallStyles","primaryActionNextStyles","dismissButtonNextStyles","primaryDismissNextStyles","rootNextStyles","imageOnly","size","mode","designVersion","className","mergeClasses","as","isLoading","bar","slot","optional","elementType","renderByDefault","value","undefined","indeterminateProgressBar","regularProgressBar"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"sources":["useAttachmentStyles.styles.ts"],"sourcesContent":["import {\n  createCustomFocusIndicatorStyle,\n  makeResetStyles,\n  makeStyles,\n  mergeClasses,\n  slot,\n  typographyStyles,\n} from '@fluentui/react-components';\nimport { tokens } from '@fluentui-copilot/tokens';\nimport { useProgressBarStyles } from '../utils/useProgressBarStyles.styles';\nimport type { AttachmentSlots, AttachmentState } from './Attachment.types';\nimport type { GriffelResetStyle, SlotClassNames } from '@fluentui/react-components';\n\nexport const attachmentClassNames: SlotClassNames<AttachmentSlots> = {\n  root: 'fai-Attachment',\n  primaryAction: 'fai-Attachment__primaryAction',\n  dismissButton: 'fai-Attachment__dismissButton',\n  media: 'fai-Attachment__media',\n  content: 'fai-Attachment__content',\n  dismissIcon: 'fai-Attachment__dismissIcon',\n  progress: 'fai-Attachment__progress',\n};\n\nconst ATTACHMENT_MAXWIDTH = '180px';\nconst SMALL_ATTACHMENT_SIZE = '16px';\nconst ATTACHMENT_SIZE = '20px';\n\nconst useRootBaseClassName = makeResetStyles({\n  display: 'inline-flex',\n  flexWrap: 'nowrap',\n  verticalAlign: 'middle',\n  boxSizing: 'border-box',\n  width: 'fit-content',\n  alignSelf: 'end',\n  position: 'relative',\n});\n\nconst buttonBaseStyles: GriffelResetStyle = {\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  color: tokens.colorNeutralForeground1,\n  cursor: 'pointer',\n  display: 'inline-flex',\n  flexWrap: 'nowrap',\n  justifyContent: 'center',\n  ...createCustomFocusIndicatorStyle({\n    outline: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`,\n    zIndex: 1,\n  }),\n  verticalAlign: 'middle',\n};\n\nconst usePrimaryActionBaseClassName = makeResetStyles({\n  ...buttonBaseStyles,\n  borderTopRightRadius: tokens.borderRadiusNone,\n  borderBottomRightRadius: tokens.borderRadiusNone,\n  borderRightStyle: 'none',\n  maxWidth: `calc(${ATTACHMENT_MAXWIDTH} - ${ATTACHMENT_SIZE} + ${tokens.strokeWidthThin} * 2 + ${tokens.spacingHorizontalXXS} - ${tokens.spacingHorizontalXS})`,\n  padding: `${tokens.spacingVerticalXS} ${tokens.spacingHorizontalS} ${tokens.spacingVerticalXS} ${tokens.spacingHorizontalS}`,\n});\n\nconst usePrimaryActionStyles = makeStyles({\n  button: {\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});\n\nconst useDismissButtonBaseClassName = makeResetStyles({\n  ...buttonBaseStyles,\n\n  padding: `${tokens.spacingVerticalXS} ${tokens.spacingHorizontalXS} ${tokens.spacingVerticalXS} ${tokens.spacingHorizontalXS}`,\n  maxWidth: `calc(${ATTACHMENT_SIZE} + ${tokens.strokeWidthThin} * 2 + ${tokens.spacingHorizontalXXS}) + ${tokens.spacingHorizontalXS}`,\n  minWidth: `calc(${ATTACHMENT_SIZE} + ${tokens.strokeWidthThin} * 2 + ${tokens.spacingHorizontalXXS}) + ${tokens.spacingHorizontalXS}`,\n\n  // divider:\n  borderLeftColor: tokens.colorNeutralStroke1,\n  borderTopLeftRadius: tokens.borderRadiusNone,\n  borderBottomLeftRadius: tokens.borderRadiusNone,\n\n  borderTopRightRadius: tokens.borderRadiusMedium,\n  borderBottomRightRadius: tokens.borderRadiusMedium,\n\n  ':hover': {\n    cursor: 'pointer',\n    backgroundColor: tokens.colorSubtleBackgroundHover,\n    color: tokens.colorNeutralForeground2BrandHover,\n  },\n  ':active': {\n    backgroundColor: tokens.colorSubtleBackgroundPressed,\n    color: tokens.colorNeutralForeground2BrandPressed,\n  },\n  '@media (forced-colors: active)': {\n    ':hover': {\n      backgroundColor: 'HighlightText',\n    },\n    ':active': {\n      backgroundColor: 'HighlightText',\n    },\n  },\n});\n\nconst useDismissButtonCurrentStyles = makeStyles({\n  root: {\n    ':hover': {\n      [`& .${attachmentClassNames.dismissIcon}`]: {\n        color: tokens.colorBrandForegroundLinkHover,\n      },\n    },\n  },\n});\n\nconst useMediaBaseClassName = makeResetStyles({\n  alignItems: 'center',\n  display: 'inline-flex',\n  fontSize: ATTACHMENT_SIZE,\n  height: ATTACHMENT_SIZE,\n  lineHeight: ATTACHMENT_SIZE,\n  width: ATTACHMENT_SIZE,\n});\n\nconst useContentBaseClassName = makeResetStyles({\n  overflowX: 'hidden',\n  textOverflow: 'ellipsis',\n  whiteSpace: 'nowrap',\n  ...typographyStyles.body1,\n});\n\nconst useDismissIconBaseClassName = makeResetStyles({\n  alignItems: 'center',\n  borderRadius: tokens.borderRadiusCircular,\n  border: `${tokens.strokeWidthThin} solid ${tokens.colorTransparentStroke}`,\n  boxSizing: 'border-box',\n  color: tokens.colorNeutralForeground1,\n  display: 'inline-flex',\n  fontSize: ATTACHMENT_SIZE,\n  height: `calc(${ATTACHMENT_SIZE} + ${tokens.strokeWidthThin} * 2 + ${tokens.spacingVerticalXXS})`,\n  justifyContent: 'center',\n  maxWidth: `calc(${ATTACHMENT_SIZE} + ${tokens.strokeWidthThin} * 2 + ${tokens.spacingHorizontalXXS})`,\n  minWidth: `calc(${ATTACHMENT_SIZE} + ${tokens.strokeWidthThin} * 2 + ${tokens.spacingHorizontalXXS})`,\n  padding: `calc(${tokens.spacingVerticalXXS} / 2) calc(${tokens.spacingHorizontalXXS} / 2)`,\n});\n\nconst useDismissIconNextStyles = makeStyles({\n  dismissOnly: {\n    ':hover': {\n      color: tokens.colorNeutralForeground2BrandHover,\n    },\n    ':active': {\n      color: tokens.colorNeutralForeground2BrandPressed,\n    },\n  },\n});\n\nconst useImageOnlyStyles = makeStyles({\n  primaryAction: {\n    padding: 0,\n  },\n  content: {\n    lineHeight: 0,\n  },\n});\n\nexport const useOverflowStyles = makeStyles({\n  overflow: {\n    maxWidth: '100%',\n    width: '100%',\n  },\n});\n\nconst useSmallStyles = makeStyles({\n  primaryAction: {\n    maxWidth: `calc(${ATTACHMENT_MAXWIDTH} - ${SMALL_ATTACHMENT_SIZE} + ${tokens.strokeWidthThin} * 2 + ${tokens.spacingHorizontalXXS} - ${tokens.spacingHorizontalXS})`,\n    padding: `${tokens.spacingVerticalXXS} ${tokens.spacingHorizontalSNudge} ${tokens.spacingVerticalXXS} ${tokens.spacingHorizontalSNudge}`,\n  },\n  media: {\n    fontSize: SMALL_ATTACHMENT_SIZE,\n    height: SMALL_ATTACHMENT_SIZE,\n    lineHeight: SMALL_ATTACHMENT_SIZE,\n    width: SMALL_ATTACHMENT_SIZE,\n  },\n  content: {\n    ...typographyStyles.caption1,\n  },\n  dismissButton: {\n    padding: `${tokens.spacingVerticalXXS} ${tokens.spacingHorizontalXXS}`,\n    maxWidth: `calc(${SMALL_ATTACHMENT_SIZE} + ${tokens.strokeWidthThin} * 2 + ${tokens.spacingHorizontalXXS}) + ${tokens.spacingHorizontalXS}`,\n    minWidth: `calc(${SMALL_ATTACHMENT_SIZE} + ${tokens.strokeWidthThin} * 2 + ${tokens.spacingHorizontalXXS}) + ${tokens.spacingHorizontalXS}`,\n  },\n  dismissIcon: {\n    fontSize: SMALL_ATTACHMENT_SIZE,\n    height: `calc(${SMALL_ATTACHMENT_SIZE} + ${tokens.strokeWidthThin} * 2 + ${tokens.spacingVerticalXXS})`,\n    maxWidth: `calc(${SMALL_ATTACHMENT_SIZE} + ${tokens.strokeWidthThin} * 2 + ${tokens.spacingHorizontalXXS})`,\n    minWidth: `calc(${SMALL_ATTACHMENT_SIZE} + ${tokens.strokeWidthThin} * 2 + ${tokens.spacingHorizontalXXS})`,\n  },\n});\n\nconst usePrimaryActionNextStyles = makeStyles({\n  root: {\n    borderTopLeftRadius: tokens.borderRadiusXLarge,\n    borderBottomLeftRadius: tokens.borderRadiusXLarge,\n  },\n  canvas: {\n    padding: `${tokens.spacingVerticalNone} ${tokens.spacingHorizontalS}`,\n    minHeight: '40px',\n  },\n\n  sidecar: {\n    padding: `${tokens.spacingVerticalNone} ${tokens.spacingHorizontalS}`,\n    minHeight: '32px',\n  },\n});\n\nconst useDismissButtonNextStyles = makeStyles({\n  root: {\n    borderTopRightRadius: tokens.borderRadiusXLarge,\n    borderBottomRightRadius: tokens.borderRadiusXLarge,\n    ':hover': {\n      color: tokens.colorNeutralForeground2,\n    },\n    ':active': {\n      color: tokens.colorNeutralForeground2Pressed,\n    },\n\n    borderLeftColor: tokens.colorNeutralStroke1,\n    borderLeftWidth: tokens.strokeWidthThin,\n    borderLeftStyle: 'solid',\n  },\n  withPrimary: {\n    ':hover': {\n      [`& .${attachmentClassNames.dismissIcon}`]: {\n        color: tokens.colorNeutralForeground2,\n      },\n    },\n    ':active': {\n      [`& .${attachmentClassNames.dismissIcon}`]: {\n        color: tokens.colorNeutralForeground2Pressed,\n      },\n    },\n  },\n  canvas: {\n    padding: `${tokens.spacingVerticalNone} ${tokens.spacingHorizontalS}`,\n    minHeight: '40px',\n    width: '40px',\n  },\n  sidecar: {\n    padding: `${tokens.spacingVerticalNone} ${tokens.spacingHorizontalMNudge}`,\n    minHeight: '32px',\n    width: '32px',\n  },\n  dismissOnly: {\n    borderRadius: tokens.borderRadiusXLarge,\n    width: 'unset',\n    borderLeftColor: tokens.colorTransparentStroke,\n    backgroundColor: tokens.colorNeutralBackground3,\n    ':hover': {\n      backgroundColor: tokens.colorNeutralBackground3,\n    },\n    ':active': {\n      backgroundColor: tokens.colorNeutralBackground3,\n    },\n  },\n});\n\nconst usePrimaryDismissNextStyles = makeStyles({\n  sharedStyles: {\n    border: 'none',\n    backgroundColor: tokens.colorNeutralBackground3,\n    ':hover': {\n      backgroundColor: tokens.colorNeutralBackground3Hover,\n    },\n    ':active': {\n      backgroundColor: tokens.colorNeutralBackground3Pressed,\n    },\n    ':focus-visible': {\n      borderRadius: tokens.borderRadiusLarge,\n    },\n  },\n});\n\nconst useRootNextStyles = makeStyles({\n  root: {\n    outline: `${tokens.strokeWidthThin} solid ${tokens.colorTransparentStroke}`,\n    borderRadius: tokens.borderRadiusXLarge,\n  },\n});\n\n/**\n * Apply styling to the Attachment slots based on the state\n */\nexport const useAttachmentStyles_unstable = (state: AttachmentState): AttachmentState => {\n  'use no memo';\n\n  const rootBaseClassName = useRootBaseClassName();\n  const primaryActionBaseClassName = usePrimaryActionBaseClassName();\n  const dismissButtonBaseClassName = useDismissButtonBaseClassName();\n  const dismissButtonCurrentStyles = useDismissButtonCurrentStyles();\n  const mediaBaseClassName = useMediaBaseClassName();\n  const contentBaseClassName = useContentBaseClassName();\n  const dismissIconBaseClassName = useDismissIconBaseClassName();\n  const dismissIconNextStyles = useDismissIconNextStyles();\n  const progressBarStyles = useProgressBarStyles();\n  const primaryActionStyles = usePrimaryActionStyles();\n  const imageOnlyStyles = useImageOnlyStyles();\n  const smallStyles = useSmallStyles();\n  const primaryActionNextStyles = usePrimaryActionNextStyles();\n  const dismissButtonNextStyles = useDismissButtonNextStyles();\n  const primaryDismissNextStyles = usePrimaryDismissNextStyles();\n  const rootNextStyles = useRootNextStyles();\n  const { imageOnly, primaryAction, size, mode, designVersion, dismissOnly } = state;\n\n  state.root.className = mergeClasses(\n    attachmentClassNames.root,\n    rootBaseClassName,\n    designVersion === 'next' && rootNextStyles.root,\n    state.root.className,\n  );\n  state.primaryAction.className = mergeClasses(\n    attachmentClassNames.primaryAction,\n    primaryActionBaseClassName,\n    size === 'small' && smallStyles.primaryAction,\n    primaryAction.as !== 'span' && !state.isLoading && primaryActionStyles.button,\n    imageOnly && imageOnlyStyles.primaryAction,\n    designVersion === 'next' && primaryDismissNextStyles.sharedStyles,\n    designVersion === 'next' && primaryActionNextStyles.root,\n    designVersion === 'next' && primaryActionNextStyles[mode],\n    state.primaryAction.className,\n  );\n  state.dismissButton.className = mergeClasses(\n    attachmentClassNames.dismissButton,\n    dismissButtonBaseClassName,\n    designVersion === 'current' && dismissButtonCurrentStyles.root,\n    size === 'small' && smallStyles.dismissButton,\n    designVersion === 'next' && primaryDismissNextStyles.sharedStyles,\n    designVersion === 'next' && dismissButtonNextStyles.root,\n    designVersion === 'next' && dismissButtonNextStyles[mode],\n    designVersion === 'next' && dismissOnly && dismissButtonNextStyles.dismissOnly,\n    designVersion === 'next' && !dismissOnly && dismissButtonNextStyles.withPrimary,\n    state.dismissButton.className,\n  );\n  if (state.media) {\n    state.media.className = mergeClasses(\n      attachmentClassNames.media,\n      mediaBaseClassName,\n      size === 'small' && smallStyles.media,\n      state.media.className,\n    );\n  }\n  state.content.className = mergeClasses(\n    attachmentClassNames.content,\n    contentBaseClassName,\n    size === 'small' && smallStyles.content,\n    imageOnly && imageOnlyStyles.content,\n    state.content.className,\n  );\n  state.dismissIcon.className = mergeClasses(\n    attachmentClassNames.dismissIcon,\n    dismissIconBaseClassName,\n    size === 'small' && smallStyles.dismissIcon,\n    designVersion === 'next' && dismissOnly && dismissIconNextStyles.dismissOnly,\n    state.dismissIcon.className,\n  );\n\n  if (state.progress) {\n    state.progress.className = mergeClasses(\n      attachmentClassNames.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":["attachmentClassNames","useAttachmentStyles_unstable","useOverflowStyles","root","primaryAction","dismissButton","media","content","dismissIcon","progress","ATTACHMENT_MAXWIDTH","SMALL_ATTACHMENT_SIZE","ATTACHMENT_SIZE","useRootBaseClassName","makeResetStyles","display","flexWrap","verticalAlign","boxSizing","width","alignSelf","position","buttonBaseStyles","alignItems","backgroundColor","tokens","colorSubtleBackground","border","strokeWidthThin","colorNeutralStroke1","borderRadius","borderRadiusMedium","columnGap","spacingHorizontalSNudge","color","colorNeutralForeground1","cursor","justifyContent","createCustomFocusIndicatorStyle","outline","strokeWidthThick","colorStrokeFocus2","zIndex","usePrimaryActionBaseClassName","borderTopRightRadius","borderRadiusNone","borderBottomRightRadius","borderRightStyle","maxWidth","spacingHorizontalXXS","spacingHorizontalXS","padding","spacingVerticalXS","spacingHorizontalS","usePrimaryActionStyles","makeStyles","button","colorSubtleBackgroundHover","colorNeutralForeground2Hover","colorSubtleBackgroundPressed","colorNeutralForeground2Pressed","useDismissButtonBaseClassName","minWidth","borderLeftColor","borderTopLeftRadius","borderBottomLeftRadius","colorNeutralForeground2BrandHover","colorNeutralForeground2BrandPressed","useDismissButtonCurrentStyles","colorBrandForegroundLinkHover","useMediaBaseClassName","fontSize","height","lineHeight","useContentBaseClassName","overflowX","textOverflow","whiteSpace","typographyStyles","body1","useDismissIconBaseClassName","borderRadiusCircular","colorTransparentStroke","spacingVerticalXXS","useDismissIconNextStyles","dismissOnly","useImageOnlyStyles","overflow","useSmallStyles","caption1","usePrimaryActionNextStyles","borderRadiusXLarge","canvas","spacingVerticalNone","minHeight","sidecar","useDismissButtonNextStyles","colorNeutralForeground2","borderLeftWidth","borderLeftStyle","withPrimary","spacingHorizontalMNudge","colorNeutralBackground3","usePrimaryDismissNextStyles","sharedStyles","colorNeutralBackground3Hover","colorNeutralBackground3Pressed","borderRadiusLarge","useRootNextStyles","state","rootBaseClassName","dismissButtonBaseClassName","primaryActionBaseClassName","dismissButtonCurrentStyles","mediaBaseClassName","dismissIconBaseClassName","contentBaseClassName","dismissIconNextStyles","useProgressBarStyles","progressBarStyles","primaryActionStyles","imageOnlyStyles","primaryActionNextStyles","smallStyles","dismissButtonNextStyles","primaryDismissNextStyles","mode","className","mergeClasses","slot","optional","size","as","isLoading","imageOnly","designVersion","elementType","renderByDefault","undefined","bar","indeterminateProgressBar","regularProgressBar","value"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

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

@@ -22,4 +22,4 @@ const AttachmentList = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
     (0, _reactprovider.useCustomStyleHook)('useAttachmentListStyles')(state);
     return (0, _renderAttachmentList.renderAttachmentList_unstable)(state, contextValues);
 });
-AttachmentList.displayName = 'AttachmentList';
+AttachmentList.displayName = 'AttachmentList'; //# sourceMappingURL=AttachmentList.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["AttachmentList.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useAttachmentList_unstable } from './useAttachmentList';\nimport { renderAttachmentList_unstable } from './renderAttachmentList';\nimport { useAttachmentListStyles_unstable } from './useAttachmentListStyles.styles';\nimport { useAttachmentListContextValues_unstable } from './useAttachmentListContextValues';\nimport type { AttachmentListProps } from './AttachmentList.types';\nimport type { ForwardRefComponent } from '@fluentui/react-components';\nimport { useCustomStyleHook } from '@fluentui-copilot/react-provider';\n\nexport const AttachmentList: ForwardRefComponent<AttachmentListProps> = React.forwardRef((props, ref) => {\n  const state = useAttachmentList_unstable(props, ref);\n  const contextValues = useAttachmentListContextValues_unstable(state);\n\n  useAttachmentListStyles_unstable(state);\n  useCustomStyleHook('useAttachmentListStyles')(state);\n\n  return renderAttachmentList_unstable(state, contextValues);\n});\n\nAttachmentList.displayName = 'AttachmentList';\n"],"names":["AttachmentList","React","forwardRef","props","ref","state","useAttachmentList_unstable","contextValues","useAttachmentListContextValues_unstable","useAttachmentListStyles_unstable","useCustomStyleHook","renderAttachmentList_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BASaA;;;eAAAA;;;;iEATU;mCACoB;sCACG;+CACG;gDACO;+BAGrB;AAE5B,MAAMA,iBAAAA,WAAAA,GAA2DC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAC/F,MAAMC,QAAQC,IAAAA,6CAAAA,EAA2BH,OAAOC;IAChD,MAAMG,gBAAgBC,IAAAA,uEAAAA,EAAwCH;IAE9DI,IAAAA,+DAAAA,EAAiCJ;IACjCK,IAAAA,iCAAAA,EAAmB,2BAA2BL;IAE9C,OAAOM,IAAAA,mDAAAA,EAA8BN,OAAOE;AAC9C;AAEAP,eAAeY,WAAW,GAAG"}
+{"version":3,"sources":["AttachmentList.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useAttachmentList_unstable } from './useAttachmentList';\nimport { renderAttachmentList_unstable } from './renderAttachmentList';\nimport { useAttachmentListStyles_unstable } from './useAttachmentListStyles.styles';\nimport { useAttachmentListContextValues_unstable } from './useAttachmentListContextValues';\nimport type { AttachmentListProps } from './AttachmentList.types';\nimport type { ForwardRefComponent } from '@fluentui/react-components';\nimport { useCustomStyleHook } from '@fluentui-copilot/react-provider';\n\nexport const AttachmentList: ForwardRefComponent<AttachmentListProps> = React.forwardRef((props, ref) => {\n  const state = useAttachmentList_unstable(props, ref);\n  const contextValues = useAttachmentListContextValues_unstable(state);\n\n  useAttachmentListStyles_unstable(state);\n  useCustomStyleHook('useAttachmentListStyles')(state);\n\n  return renderAttachmentList_unstable(state, contextValues);\n});\n\nAttachmentList.displayName = 'AttachmentList';\n"],"names":["AttachmentList","React","forwardRef","props","state","useAttachmentList_unstable","contextValues","useAttachmentListContextValues_unstable","useAttachmentListStyles_unstable","useCustomStyleHook","renderAttachmentList_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BASaA;;;eAAAA;;;;iEATU;mCACoB;sCACG;+CACG;gDACO;+BAGrB;AAE5B,MAAMA,iBAAAA,WAAAA,GAAAA,OAA2DC,UAAMC,CAAU,CAACC,OAACA;UACxFC,QAAMA,IAAAA,6CAAQC,EAAAA,OAA2BF;UACzCG,gBAAMA,IAAAA,uEAAgBC,EAAAA;uEAEtBC,EAAAA;yCACAC,EAAAA,2BAAmBL;WAEnBM,IAAAA,mDAAOA,EAAAA,OAA8BN;AACvC;AAEAJ,eAAeW,WAAW,GAAG"}

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

@@ -2,3 +2,4 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
+ //# sourceMappingURL=AttachmentList.types.js.map

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

@@ -29,3 +29,4 @@ const _AttachmentList = require("./AttachmentList");
 const _renderAttachmentList = require("./renderAttachmentList");
 const _useAttachmentList = require("./useAttachmentList");
 const _useAttachmentListStylesstyles = require("./useAttachmentListStyles.styles");
+ //# sourceMappingURL=index.js.map

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

@@ -36,4 +36,4 @@ const renderAttachmentList_unstable = (state, contextValues)=>{
             })
         }) : /*#__PURE__*/ (0, _jsxruntime.jsx)(state.root, {})
     });
-};
+}; //# sourceMappingURL=renderAttachmentList.js.map