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

package/lib/components/AttachmentTagItem/AttachmentTagItem.types.js

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

package/lib/components/AttachmentTagItem/index.js

@@ -2,4 +2,3 @@ export { AttachmentTagItem } from './AttachmentTagItem';
 export { renderAttachmentTagItem_unstable } from './renderAttachmentTagItem';
 export { useAttachmentTagItem_unstable } from './useAttachmentTagItem';
 export { attachmentTagItemClassNames, useAttachmentTagItemStyles_unstable } from './useAttachmentTagItemStyles.styles';
-//# sourceMappingURL=index.js.map

package/lib/components/AttachmentTagItem/renderAttachmentTagItem.js

@@ -1,12 +1,14 @@
-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 { assertSlots } from '@fluentui/react-components';
 /**
  * Render the final JSX of AttachmentTagItem
- */
-export const renderAttachmentTagItem_unstable = state => {
-  assertSlots(state);
-  return /*#__PURE__*/_jsxs(state.root, {
-    children: [state.media && /*#__PURE__*/_jsx(state.media, {}), /*#__PURE__*/_jsx(state.content, {}), /*#__PURE__*/_jsx(state.icon, {})]
-  });
+ */ export const renderAttachmentTagItem_unstable = (state)=>{
+    assertSlots(state);
+    return /*#__PURE__*/ _jsxs(state.root, {
+        children: [
+            state.media && /*#__PURE__*/ _jsx(state.media, {}),
+            /*#__PURE__*/ _jsx(state.content, {}),
+            /*#__PURE__*/ _jsx(state.icon, {})
+        ]
+    });
 };
-//# sourceMappingURL=renderAttachmentTagItem.js.map

package/lib/components/AttachmentTagItem/useAttachmentTagItem.js

@@ -7,15 +7,13 @@ import { useAttachmentTagSlots } from '../utils/useAttachmentTagSlots';
  *
  * @param props - props from this instance of AttachmentTagItem
  * @param ref - reference to root HTMLElement of AttachmentTagItem
- */
-export const useAttachmentTagItem_unstable = (props, ref) => {
-  return useAttachmentTagSlots(props, ref, {
-    elementType: {
-      root: 'div',
-      media: 'span',
-      content: 'span',
-      icon: 'span'
-    }
-  });
+ */ export const useAttachmentTagItem_unstable = (props, ref)=>{
+    return useAttachmentTagSlots(props, ref, {
+        elementType: {
+            root: 'div',
+            media: 'span',
+            content: 'span',
+            icon: 'span'
+        }
+    });
 };
-//# sourceMappingURL=useAttachmentTagItem.js.map

package/lib/components/AttachmentTagItem/useAttachmentTagItemStyles.styles.raw.js

@@ -0,0 +1,34 @@
+import { makeResetStyles, mergeClasses } from '@fluentui/react-components';
+import { tokens } from '@fluentui-copilot/tokens';
+import { ATTACHMENTTAG_MAXWIDTH, useContentBaseClassName, useIconBaseClassName, useMediaBaseClassName } from '../AttachmentTag/useAttachmentTagStyles.styles';
+export const attachmentTagItemClassNames = {
+    root: 'fai-AttachmentTagItem',
+    media: 'fai-AttachmentTagItem__media',
+    content: 'fai-AttachmentTagItem__content',
+    icon: 'fai-AttachmentTagItem__icon'
+};
+/**
+ * Styles for the root slot
+ */ const useRootBaseClassName = makeResetStyles({
+    display: 'inline-flex',
+    flexWrap: 'nowrap',
+    columnGap: tokens.spacingHorizontalSNudge,
+    maxWidth: ATTACHMENTTAG_MAXWIDTH,
+    alignItems: 'center'
+});
+/**
+ * Apply styling to the AttachmentTagItem slots based on the state
+ */ export const useAttachmentTagItemStyles_unstable = (state)=>{
+    'use no memo';
+    const rootBaseClassName = useRootBaseClassName();
+    const mediaBaseClassName = useMediaBaseClassName();
+    const contentBaseClassName = useContentBaseClassName();
+    const iconBaseClassName = useIconBaseClassName();
+    state.root.className = mergeClasses(attachmentTagItemClassNames.root, rootBaseClassName, state.root.className);
+    if (state.media) {
+        state.media.className = mergeClasses(attachmentTagItemClassNames.media, mediaBaseClassName, state.media.className);
+    }
+    state.content.className = mergeClasses(attachmentTagItemClassNames.content, contentBaseClassName, state.content.className);
+    state.icon.className = mergeClasses(attachmentTagItemClassNames.icon, iconBaseClassName, state.icon.className);
+    return state;
+};

package/lib/components/AttachmentTagItem/useAttachmentTagItemStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useAttachmentTagItemStyles.styles.ts"],"sourcesContent":["import { makeResetStyles, mergeClasses } from '@fluentui/react-components';\nimport { tokens } from '@fluentui-copilot/tokens';\nimport {\n  ATTACHMENTTAG_MAXWIDTH,\n  useContentBaseClassName,\n  useIconBaseClassName,\n  useMediaBaseClassName,\n} from '../AttachmentTag/useAttachmentTagStyles.styles';\nimport type { AttachmentTagItemSlots, AttachmentTagItemState } from './AttachmentTagItem.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const attachmentTagItemClassNames: SlotClassNames<AttachmentTagItemSlots> = {\n  root: 'fai-AttachmentTagItem',\n  media: 'fai-AttachmentTagItem__media',\n  content: 'fai-AttachmentTagItem__content',\n  icon: 'fai-AttachmentTagItem__icon',\n};\n\n/**\n * Styles for the root slot\n */\nconst useRootBaseClassName = makeResetStyles({\n  display: 'inline-flex',\n  flexWrap: 'nowrap',\n  columnGap: tokens.spacingHorizontalSNudge,\n  maxWidth: ATTACHMENTTAG_MAXWIDTH,\n  alignItems: 'center',\n});\n\n/**\n * Apply styling to the AttachmentTagItem slots based on the state\n */\nexport const useAttachmentTagItemStyles_unstable = (state: AttachmentTagItemState): AttachmentTagItemState => {\n  'use no memo';\n\n  const rootBaseClassName = useRootBaseClassName();\n  const mediaBaseClassName = useMediaBaseClassName();\n  const contentBaseClassName = useContentBaseClassName();\n  const iconBaseClassName = useIconBaseClassName();\n\n  state.root.className = mergeClasses(attachmentTagItemClassNames.root, rootBaseClassName, state.root.className);\n\n  if (state.media) {\n    state.media.className = mergeClasses(attachmentTagItemClassNames.media, mediaBaseClassName, state.media.className);\n  }\n\n  state.content.className = mergeClasses(\n    attachmentTagItemClassNames.content,\n    contentBaseClassName,\n    state.content.className,\n  );\n\n  state.icon.className = mergeClasses(attachmentTagItemClassNames.icon, iconBaseClassName, state.icon.className);\n\n  return state;\n};\n"],"names":["makeResetStyles","mergeClasses","tokens","ATTACHMENTTAG_MAXWIDTH","useContentBaseClassName","useIconBaseClassName","useMediaBaseClassName","attachmentTagItemClassNames","root","media","content","icon","useRootBaseClassName","display","flexWrap","columnGap","spacingHorizontalSNudge","maxWidth","alignItems","useAttachmentTagItemStyles_unstable","state","rootBaseClassName","mediaBaseClassName","contentBaseClassName","iconBaseClassName","className"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,eAAe,EAAEC,YAAY,QAAQ,6BAA6B;AAC3E,SAASC,MAAM,QAAQ,2BAA2B;AAClD,SACEC,sBAAsB,EACtBC,uBAAuB,EACvBC,oBAAoB,EACpBC,qBAAqB,QAChB,iDAAiD;AAIxD,OAAO,MAAMC,8BAAsE;IACjFC,MAAM;IACNC,OAAO;IACPC,SAAS;IACTC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,MAAMC,uBAAuBZ,gBAAgB;IAC3Ca,SAAS;IACTC,UAAU;IACVC,WAAWb,OAAOc,uBAAuB;IACzCC,UAAUd;IACVe,YAAY;AACd;AAEA;;CAEC,GACD,OAAO,MAAMC,sCAAsC,CAACC;IAClD;IAEA,MAAMC,oBAAoBT;IAC1B,MAAMU,qBAAqBhB;IAC3B,MAAMiB,uBAAuBnB;IAC7B,MAAMoB,oBAAoBnB;IAE1Be,MAAMZ,IAAI,CAACiB,SAAS,GAAGxB,aAAaM,4BAA4BC,IAAI,EAAEa,mBAAmBD,MAAMZ,IAAI,CAACiB,SAAS;IAE7G,IAAIL,MAAMX,KAAK,EAAE;QACfW,MAAMX,KAAK,CAACgB,SAAS,GAAGxB,aAAaM,4BAA4BE,KAAK,EAAEa,oBAAoBF,MAAMX,KAAK,CAACgB,SAAS;IACnH;IAEAL,MAAMV,OAAO,CAACe,SAAS,GAAGxB,aACxBM,4BAA4BG,OAAO,EACnCa,sBACAH,MAAMV,OAAO,CAACe,SAAS;IAGzBL,MAAMT,IAAI,CAACc,SAAS,GAAGxB,aAAaM,4BAA4BI,IAAI,EAAEa,mBAAmBJ,MAAMT,IAAI,CAACc,SAAS;IAE7G,OAAOL;AACT,EAAE"}

package/lib/components/AttachmentTagList/AttachmentTagList.js

@@ -7,13 +7,11 @@ import { useCustomStyleHook } from '@fluentui-copilot/react-provider';
 /**
  * @deprecated use new AttachmentList component exported from \@fluentui-copilot/react-attachments package instead.
  * Deprecated on 4/9/2024.
- */
-export const AttachmentTagList = /*#__PURE__*/React.forwardRef((props, ref) => {
-  const state = useAttachmentTagList_unstable(props, ref);
-  const contextValues = useAttachmentTagListContextValues_unstable(state);
-  useAttachmentTagListStyles_unstable(state);
-  useCustomStyleHook('useAttachmentTagListStyles')(state);
-  return renderAttachmentTagList_unstable(state, contextValues);
+ */ export const AttachmentTagList = /*#__PURE__*/ React.forwardRef((props, ref)=>{
+    const state = useAttachmentTagList_unstable(props, ref);
+    const contextValues = useAttachmentTagListContextValues_unstable(state);
+    useAttachmentTagListStyles_unstable(state);
+    useCustomStyleHook('useAttachmentTagListStyles')(state);
+    return renderAttachmentTagList_unstable(state, contextValues);
 });
 AttachmentTagList.displayName = 'AttachmentTagList';
-//# sourceMappingURL=AttachmentTagList.js.map

package/lib/components/AttachmentTagList/AttachmentTagList.types.js

@@ -1,2 +1 @@
-export {};
-//# sourceMappingURL=AttachmentTagList.types.js.map
+export { };

package/lib/components/AttachmentTagList/index.js

@@ -2,4 +2,3 @@ export { AttachmentTagList } from './AttachmentTagList';
 export { renderAttachmentTagList_unstable } from './renderAttachmentTagList';
 export { useAttachmentTagList_unstable } from './useAttachmentTagList';
 export { attachmentTagListClassNames, useAttachmentTagListStyles_unstable } from './useAttachmentTagListStyles.styles';
-//# sourceMappingURL=index.js.map

package/lib/components/AttachmentTagList/renderAttachmentTagList.js

@@ -1,14 +1,12 @@
-import { jsx as _jsx } from "@fluentui/react-jsx-runtime/jsx-runtime";
+  import { jsx as _jsx } from "@fluentui/react-jsx-runtime/jsx-runtime";
 import { assertSlots } from '@fluentui/react-components';
 import { AttachmentTagListProvider } from '../../contexts/attachmentTagListContext';
 /**
  * Render the final JSX of AttachmentTagList
- */
-export const renderAttachmentTagList_unstable = (state, contextValues) => {
-  assertSlots(state);
-  return /*#__PURE__*/_jsx(AttachmentTagListProvider, {
-    value: contextValues.tagList,
-    children: /*#__PURE__*/_jsx(state.root, {})
-  });
+ */ export const renderAttachmentTagList_unstable = (state, contextValues)=>{
+    assertSlots(state);
+    return /*#__PURE__*/ _jsx(AttachmentTagListProvider, {
+        value: contextValues.tagList,
+        children: /*#__PURE__*/ _jsx(state.root, {})
+    });
 };
-//# sourceMappingURL=renderAttachmentTagList.js.map

package/lib/components/AttachmentTagList/useAttachmentTagList.js

@@ -7,29 +7,25 @@ import { getIntrinsicElementProps, slot, useArrowNavigationGroup } from '@fluent
  *
  * @param props - props from this instance of AttachmentTagList
  * @param ref - reference to root HTMLElement of AttachmentTagList
- */
-export const useAttachmentTagList_unstable = (props, ref) => {
-  const {
-    onAttachmentTagDismiss
-  } = props;
-  const focusAttributes = useArrowNavigationGroup({
-    axis: 'both',
-    circular: true
-  });
-  return {
-    onAttachmentTagDismiss,
-    components: {
-      root: 'div'
-    },
-    root: slot.always(getIntrinsicElementProps('div', {
-      'aria-label': 'Attachments',
-      ref,
-      role: 'menu',
-      ...focusAttributes,
-      ...props
-    }), {
-      elementType: 'div'
-    })
-  };
+ */ export const useAttachmentTagList_unstable = (props, ref)=>{
+    const { onAttachmentTagDismiss } = props;
+    const focusAttributes = useArrowNavigationGroup({
+        axis: 'both',
+        circular: true
+    });
+    return {
+        onAttachmentTagDismiss,
+        components: {
+            root: 'div'
+        },
+        root: slot.always(getIntrinsicElementProps('div', {
+            'aria-label': 'Attachments',
+            ref,
+            role: 'menu',
+            ...focusAttributes,
+            ...props
+        }), {
+            elementType: 'div'
+        })
+    };
 };
-//# sourceMappingURL=useAttachmentTagList.js.map

package/lib/components/AttachmentTagList/useAttachmentTagListContextValues.js

@@ -1,13 +1,10 @@
 export function useAttachmentTagListContextValues_unstable(state) {
-  const {
-    onAttachmentTagDismiss
-  } = state;
-  // This context is created with "@fluentui/react-context-selector", there is no sense to memoize it
-  const tagList = {
-    onAttachmentTagDismiss
-  };
-  return {
-    tagList
-  };
+    const { onAttachmentTagDismiss } = state;
+    // This context is created with "@fluentui/react-context-selector", there is no sense to memoize it
+    const tagList = {
+        onAttachmentTagDismiss
+    };
+    return {
+        tagList
+    };
 }
-//# sourceMappingURL=useAttachmentTagListContextValues.js.map

package/lib/components/AttachmentTagList/useAttachmentTagListStyles.styles.raw.js

@@ -0,0 +1,21 @@
+import { makeResetStyles, mergeClasses } from '@fluentui/react-components';
+import { tokens } from '@fluentui-copilot/tokens';
+export const attachmentTagListClassNames = {
+    root: 'fai-AttachmentTagList'
+};
+const useRootBaseClassName = makeResetStyles({
+    columnGap: tokens.spacingHorizontalSNudge,
+    display: 'flex',
+    flexDirection: 'row',
+    flexShrink: 0,
+    flexWrap: 'wrap',
+    rowGap: tokens.spacingVerticalXS
+});
+/**
+ * Apply styling to the AttachmentTagList slots based on the state
+ */ export const useAttachmentTagListStyles_unstable = (state)=>{
+    'use no memo';
+    const rootBaseClassName = useRootBaseClassName();
+    state.root.className = mergeClasses(attachmentTagListClassNames.root, rootBaseClassName, state.root.className);
+    return state;
+};

package/lib/components/AttachmentTagList/useAttachmentTagListStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useAttachmentTagListStyles.styles.ts"],"sourcesContent":["import { makeResetStyles, mergeClasses } from '@fluentui/react-components';\nimport { tokens } from '@fluentui-copilot/tokens';\nimport type { AttachmentTagListSlots, AttachmentTagListState } from './AttachmentTagList.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const attachmentTagListClassNames: SlotClassNames<AttachmentTagListSlots> = {\n  root: 'fai-AttachmentTagList',\n};\n\nconst useRootBaseClassName = makeResetStyles({\n  columnGap: tokens.spacingHorizontalSNudge,\n  display: 'flex',\n  flexDirection: 'row',\n  flexShrink: 0,\n  flexWrap: 'wrap',\n  rowGap: tokens.spacingVerticalXS,\n});\n\n/**\n * Apply styling to the AttachmentTagList slots based on the state\n */\nexport const useAttachmentTagListStyles_unstable = (state: AttachmentTagListState): AttachmentTagListState => {\n  'use no memo';\n\n  const rootBaseClassName = useRootBaseClassName();\n  state.root.className = mergeClasses(attachmentTagListClassNames.root, rootBaseClassName, state.root.className);\n\n  return state;\n};\n"],"names":["makeResetStyles","mergeClasses","tokens","attachmentTagListClassNames","root","useRootBaseClassName","columnGap","spacingHorizontalSNudge","display","flexDirection","flexShrink","flexWrap","rowGap","spacingVerticalXS","useAttachmentTagListStyles_unstable","state","rootBaseClassName","className"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,eAAe,EAAEC,YAAY,QAAQ,6BAA6B;AAC3E,SAASC,MAAM,QAAQ,2BAA2B;AAIlD,OAAO,MAAMC,8BAAsE;IACjFC,MAAM;AACR,EAAE;AAEF,MAAMC,uBAAuBL,gBAAgB;IAC3CM,WAAWJ,OAAOK,uBAAuB;IACzCC,SAAS;IACTC,eAAe;IACfC,YAAY;IACZC,UAAU;IACVC,QAAQV,OAAOW,iBAAiB;AAClC;AAEA;;CAEC,GACD,OAAO,MAAMC,sCAAsC,CAACC;IAClD;IAEA,MAAMC,oBAAoBX;IAC1BU,MAAMX,IAAI,CAACa,SAAS,GAAGhB,aAAaE,4BAA4BC,IAAI,EAAEY,mBAAmBD,MAAMX,IAAI,CAACa,SAAS;IAE7G,OAAOF;AACT,EAAE"}

package/lib/components/index.js

@@ -6,4 +6,3 @@ export { AttachmentList, attachmentListClassNames, renderAttachmentList_unstable
 export { AttachmentOverflowMenu, renderAttachmentOverflowMenu_unstable, useAttachmentOverflowMenuContextValues_unstable, useAttachmentOverflowMenu_unstable } from './AttachmentOverflowMenu';
 export { AttachmentOverflowMenuButton, attachmentOverflowMenuButtonClassNames, renderAttachmentOverflowMenuButton_unstable, useAttachmentOverflowMenuButtonStyles_unstable, useAttachmentOverflowMenuButton_unstable } from './AttachmentOverflowMenuButton';
 export { AttachmentOverflowMenuItem, attachmentOverflowMenuItemClassNames, renderAttachmentOverflowMenuItem_unstable, useAttachmentOverflowMenuItemStyles_unstable, useAttachmentOverflowMenuItem_unstable } from './AttachmentOverflowMenuItem';
-//# sourceMappingURL=index.js.map

package/lib/components/utils/useAttachmentTagSlots.js

@@ -7,56 +7,49 @@ import { AttachmentTagListContext } from '../../contexts/attachmentTagListContex
 /**
  * @internal
  * Create the slots required to render AttachmentTag or AttachmentTagItem.
- */
-export function useAttachmentTagSlots(props, ref, options) {
-  const onAttachmentTagDismiss = useAttachmentTagListContext_unstable(context => context.onAttachmentTagDismiss);
-  const {
-    children,
-    role
-  } = props;
-  const {
-    elementType
-  } = options;
-  const DismissIcon = bundleIcon(Dismiss20Filled, Dismiss20Regular);
-  const hasParentContext = useHasParentContext(AttachmentTagListContext);
-  const rootRole = role !== null && role !== void 0 ? role : hasParentContext ? 'menuitem' : undefined;
-  const root = slot.always(getIntrinsicElementProps(elementType.root, {
-    ref,
-    ...props,
-    role: rootRole
-  }), {
-    elementType: elementType.root
-  });
-  root.onClick = mergeCallbacks(root.onClick, ev => onAttachmentTagDismiss === null || onAttachmentTagDismiss === void 0 ? void 0 : onAttachmentTagDismiss(ev, {
-    content: children,
-    media
-  }));
-  const media = slot.optional(props.media, {
-    elementType: elementType.media
-  });
-  const content = slot.always(props.content, {
-    defaultProps: {
-      children
-    },
-    elementType: elementType.content
-  });
-  const icon = slot.always(props.icon, {
-    defaultProps: {
-      children: /*#__PURE__*/React.createElement(DismissIcon, null)
-    },
-    elementType: elementType.icon
-  });
-  return {
-    components: {
-      root: elementType.root,
-      media: elementType.media,
-      content: elementType.content,
-      icon: elementType.icon
-    },
-    root,
-    media,
-    content,
-    icon
-  };
+ */ export function useAttachmentTagSlots(props, ref, options) {
+    const onAttachmentTagDismiss = useAttachmentTagListContext_unstable((context)=>context.onAttachmentTagDismiss);
+    const { children, role } = props;
+    const { elementType } = options;
+    const DismissIcon = bundleIcon(Dismiss20Filled, Dismiss20Regular);
+    const hasParentContext = useHasParentContext(AttachmentTagListContext);
+    const rootRole = role !== null && role !== void 0 ? role : hasParentContext ? 'menuitem' : undefined;
+    const root = slot.always(getIntrinsicElementProps(elementType.root, {
+        ref,
+        ...props,
+        role: rootRole
+    }), {
+        elementType: elementType.root
+    });
+    root.onClick = mergeCallbacks(root.onClick, (ev)=>onAttachmentTagDismiss === null || onAttachmentTagDismiss === void 0 ? void 0 : onAttachmentTagDismiss(ev, {
+            content: children,
+            media
+        }));
+    const media = slot.optional(props.media, {
+        elementType: elementType.media
+    });
+    const content = slot.always(props.content, {
+        defaultProps: {
+            children
+        },
+        elementType: elementType.content
+    });
+    const icon = slot.always(props.icon, {
+        defaultProps: {
+            children: /*#__PURE__*/ React.createElement(DismissIcon, null)
+        },
+        elementType: elementType.icon
+    });
+    return {
+        components: {
+            root: elementType.root,
+            media: elementType.media,
+            content: elementType.content,
+            icon: elementType.icon
+        },
+        root,
+        media,
+        content,
+        icon
+    };
 }
-//# sourceMappingURL=useAttachmentTagSlots.js.map

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

@@ -0,0 +1,42 @@
+import { makeStyles } from '@fluentui/react-components';
+import { tokens } from '@fluentui-copilot/tokens';
+const indeterminateProgressBarReducedMotion = {
+    '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
+        }
+    }
+});

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

@@ -0,0 +1 @@
+{"version":3,"sources":["useProgressBarStyles.styles.ts"],"sourcesContent":["import { makeStyles } from '@fluentui/react-components';\nimport { tokens } from '@fluentui-copilot/tokens';\n\nconst indeterminateProgressBarReducedMotion = {\n  '0%': {\n    opacity: '.2', // matches indeterminate bar width\n  },\n  '50%': {\n    opacity: '1',\n  },\n  '100%': {\n    opacity: '.2',\n  },\n};\n\n/**\n * @internal\n */\nexport const useProgressBarStyles = makeStyles({\n  progress: {\n    width: '100%',\n    position: 'absolute',\n    bottom: 0,\n    left: 0,\n    right: 0,\n    height: '4px',\n    borderBottomLeftRadius: tokens.borderRadiusMedium,\n    borderBottomRightRadius: tokens.borderRadiusMedium,\n  },\n  regularProgressBar: {\n    height: '100%',\n    backgroundImage: `linear-gradient(90deg, ${tokens.colorBrandFlair1} 35%, ${tokens.colorBrandFlair2} 70%, ${tokens.colorBrandFlair3} 92%)`,\n  },\n  indeterminateProgressBar: {\n    height: '100%',\n    backgroundColor: tokens.colorTransparentBackground,\n    backgroundImage: `linear-gradient(90deg, rgba(0,0,0,0) 0%, ${tokens.colorBrandFlair1} 35%, ${tokens.colorBrandFlair2} 70%, ${tokens.colorBrandFlair3} 92%,  rgba(0,0,0,0))`,\n    '@media screen and (prefers-reduced-motion: reduce)': {\n      maxWidth: '100%',\n      animationIterationCount: 'infinite',\n      animationDuration: '3s',\n      animationName: indeterminateProgressBarReducedMotion,\n    },\n  },\n});\n"],"names":["makeStyles","tokens","indeterminateProgressBarReducedMotion","opacity","useProgressBarStyles","progress","width","position","bottom","left","right","height","borderBottomLeftRadius","borderRadiusMedium","borderBottomRightRadius","regularProgressBar","backgroundImage","colorBrandFlair1","colorBrandFlair2","colorBrandFlair3","indeterminateProgressBar","backgroundColor","colorTransparentBackground","maxWidth","animationIterationCount","animationDuration","animationName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,UAAU,QAAQ,6BAA6B;AACxD,SAASC,MAAM,QAAQ,2BAA2B;AAElD,MAAMC,wCAAwC;IAC5C,MAAM;QACJC,SAAS;IACX;IACA,OAAO;QACLA,SAAS;IACX;IACA,QAAQ;QACNA,SAAS;IACX;AACF;AAEA;;CAEC,GACD,OAAO,MAAMC,uBAAuBJ,WAAW;IAC7CK,UAAU;QACRC,OAAO;QACPC,UAAU;QACVC,QAAQ;QACRC,MAAM;QACNC,OAAO;QACPC,QAAQ;QACRC,wBAAwBX,OAAOY,kBAAkB;QACjDC,yBAAyBb,OAAOY,kBAAkB;IACpD;IACAE,oBAAoB;QAClBJ,QAAQ;QACRK,iBAAiB,CAAC,uBAAuB,EAAEf,OAAOgB,gBAAgB,CAAC,MAAM,EAAEhB,OAAOiB,gBAAgB,CAAC,MAAM,EAAEjB,OAAOkB,gBAAgB,CAAC,KAAK,CAAC;IAC3I;IACAC,0BAA0B;QACxBT,QAAQ;QACRU,iBAAiBpB,OAAOqB,0BAA0B;QAClDN,iBAAiB,CAAC,yCAAyC,EAAEf,OAAOgB,gBAAgB,CAAC,MAAM,EAAEhB,OAAOiB,gBAAgB,CAAC,MAAM,EAAEjB,OAAOkB,gBAAgB,CAAC,qBAAqB,CAAC;QAC3K,sDAAsD;YACpDI,UAAU;YACVC,yBAAyB;YACzBC,mBAAmB;YACnBC,eAAexB;QACjB;IACF;AACF,GAAG"}

package/lib/contexts/attachmentListContext.js

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

package/lib/contexts/attachmentOverflowMenuContext.js

@@ -1,10 +1,9 @@
 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));
-//# sourceMappingURL=attachmentOverflowMenuContext.js.map
+export const useAttachmentOverflowMenuContext_unstable = (selector)=>useContextSelector(AttachmentOverflowMenuContext, (ctx = overflowMenuContextDefaultValue)=>selector(ctx));

package/lib/contexts/attachmentTagListContext.js

@@ -1,8 +1,7 @@
 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));
-//# sourceMappingURL=attachmentTagListContext.js.map
+export const useAttachmentTagListContext_unstable = (selector)=>useContextSelector(AttachmentTagListContext, (ctx = tagListContextDefaultValue)=>selector(ctx));

package/lib/index.js

@@ -9,4 +9,3 @@ 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,4 +26,3 @@ _export(exports, {
     }
 });
 const _index = require("./components/AgentTag/index");
- //# sourceMappingURL=AgentTag.js.map

package/lib-commonjs/Attachment.js

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

package/lib-commonjs/AttachmentList.js

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

package/lib-commonjs/AttachmentOverflowMenu.js

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

package/lib-commonjs/AttachmentOverflowMenuButton.js

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

package/lib-commonjs/AttachmentOverflowMenuItem.js

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

package/lib-commonjs/AttachmentTag.js

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

package/lib-commonjs/AttachmentTagItem.js

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

package/lib-commonjs/AttachmentTagList.js

@@ -26,4 +26,3 @@ _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'; //# sourceMappingURL=AgentTag.js.map
+AgentTag.displayName = 'AgentTag';

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","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"}
+{"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"}

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

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

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

@@ -29,4 +29,3 @@ 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":["renderAttachment_unstable","state"],"rangeMappings":";;;;;;;;;;;;","mappings":";;;;+BAUSA;;;eAAAA;;;4BATT;AASE,MAAOA,0BAA0BC,CAAAA;IACjC,OAAAD,IAAAA,qCAAA,EAAAC"}
+{"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"}

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":["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"}
+{"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"}