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

package/lib/components/AttachmentTag/useAttachmentTag.js

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

package/lib/components/AttachmentTag/useAttachmentTagStyles.styles.raw.js

@@ -1,98 +1,105 @@
 import { makeResetStyles, mergeClasses, typographyStyles } from '@fluentui/react-components';
 import { tokens } from '@fluentui-copilot/tokens';
 export const attachmentTagClassNames = {
-    root: 'fai-AttachmentTag',
-    media: 'fai-AttachmentTag__media',
-    content: 'fai-AttachmentTag__content',
-    icon: 'fai-AttachmentTag__icon'
+  root: 'fai-AttachmentTag',
+  media: 'fai-AttachmentTag__media',
+  content: 'fai-AttachmentTag__content',
+  icon: 'fai-AttachmentTag__icon'
 };
 /**
  * @internal
- */ export const ATTACHMENTTAG_MAXWIDTH = '180px';
+ */
+export const ATTACHMENTTAG_MAXWIDTH = '180px';
 const ATTACHMENTTAG_SIZE = '20px';
 const useRootBaseClassName = makeResetStyles({
-    color: tokens.colorNeutralForeground1,
-    alignItems: 'center',
-    backgroundColor: tokens.colorNeutralBackground1,
-    border: `${tokens.strokeWidthThin} solid ${tokens.colorNeutralStroke1}`,
-    borderRadius: tokens.borderRadiusMedium,
-    boxSizing: 'border-box',
-    columnGap: tokens.spacingHorizontalSNudge,
-    cursor: 'pointer',
-    display: 'inline-flex',
-    flexWrap: 'nowrap',
-    justifyContent: 'center',
-    maxWidth: ATTACHMENTTAG_MAXWIDTH,
-    padding: `${tokens.spacingVerticalXS} ${tokens.spacingHorizontalXS} ${tokens.spacingVerticalXS} ${tokens.spacingHorizontalS}`,
-    verticalAlign: 'middle',
-    ':hover': {
-        borderColor: tokens.colorNeutralStroke1Hover,
-        [`& .${attachmentTagClassNames.icon}`]: {
-            color: tokens.colorBrandForegroundLinkHover
-        }
-    },
-    ':hover:active': {
-        borderColor: tokens.colorNeutralStroke1Pressed,
-        [`& .${attachmentTagClassNames.icon}`]: {
-            color: tokens.colorNeutralForeground2BrandPressed
-        }
-    },
-    ':focus': {
-        [`& .${attachmentTagClassNames.icon}`]: {
-            color: tokens.colorNeutralForeground2BrandHover
-        }
-    },
-    ':focus:active': {
-        [`& .${attachmentTagClassNames.icon}`]: {
-            color: tokens.colorNeutralForeground2BrandPressed
-        }
+  color: tokens.colorNeutralForeground1,
+  alignItems: 'center',
+  backgroundColor: tokens.colorNeutralBackground1,
+  border: `${tokens.strokeWidthThin} solid ${tokens.colorNeutralStroke1}`,
+  borderRadius: tokens.borderRadiusMedium,
+  boxSizing: 'border-box',
+  columnGap: tokens.spacingHorizontalSNudge,
+  cursor: 'pointer',
+  display: 'inline-flex',
+  flexWrap: 'nowrap',
+  justifyContent: 'center',
+  maxWidth: ATTACHMENTTAG_MAXWIDTH,
+  padding: `${tokens.spacingVerticalXS} ${tokens.spacingHorizontalXS} ${tokens.spacingVerticalXS} ${tokens.spacingHorizontalS}`,
+  verticalAlign: 'middle',
+  ':hover': {
+    borderColor: tokens.colorNeutralStroke1Hover,
+    [`& .${attachmentTagClassNames.icon}`]: {
+      color: tokens.colorBrandForegroundLinkHover
     }
+  },
+  ':hover:active': {
+    borderColor: tokens.colorNeutralStroke1Pressed,
+    [`& .${attachmentTagClassNames.icon}`]: {
+      color: tokens.colorNeutralForeground2BrandPressed
+    }
+  },
+  ':focus': {
+    [`& .${attachmentTagClassNames.icon}`]: {
+      color: tokens.colorNeutralForeground2BrandHover
+    }
+  },
+  ':focus:active': {
+    [`& .${attachmentTagClassNames.icon}`]: {
+      color: tokens.colorNeutralForeground2BrandPressed
+    }
+  }
 });
 /**
  * @internal
- */ export const useMediaBaseClassName = makeResetStyles({
-    fontSize: ATTACHMENTTAG_SIZE,
-    height: ATTACHMENTTAG_SIZE,
-    lineHeight: ATTACHMENTTAG_SIZE,
-    width: ATTACHMENTTAG_SIZE
+ */
+export const useMediaBaseClassName = makeResetStyles({
+  fontSize: ATTACHMENTTAG_SIZE,
+  height: ATTACHMENTTAG_SIZE,
+  lineHeight: ATTACHMENTTAG_SIZE,
+  width: ATTACHMENTTAG_SIZE
 });
 /**
  * @internal
- */ export const useContentBaseClassName = makeResetStyles({
-    overflowX: 'hidden',
-    textOverflow: 'ellipsis',
-    whiteSpace: 'nowrap',
-    ...typographyStyles.body1
+ */
+export const useContentBaseClassName = makeResetStyles({
+  overflowX: 'hidden',
+  textOverflow: 'ellipsis',
+  whiteSpace: 'nowrap',
+  ...typographyStyles.body1
 });
 /**
  * @internal
- */ export const useIconBaseClassName = makeResetStyles({
-    alignItems: 'center',
-    borderRadius: tokens.borderRadiusCircular,
-    border: `${tokens.strokeWidthThin} solid ${tokens.colorTransparentStroke}`,
-    boxSizing: 'border-box',
-    color: tokens.colorNeutralForeground1,
-    display: 'inline-flex',
-    fontSize: ATTACHMENTTAG_SIZE,
-    height: `calc(${ATTACHMENTTAG_SIZE} + ${tokens.strokeWidthThin} * 2 + ${tokens.spacingVerticalXXS})`,
-    justifyContent: 'center',
-    maxWidth: `calc(${ATTACHMENTTAG_SIZE} + ${tokens.strokeWidthThin} * 2 + ${tokens.spacingHorizontalXXS})`,
-    minWidth: `calc(${ATTACHMENTTAG_SIZE} + ${tokens.strokeWidthThin} * 2 + ${tokens.spacingHorizontalXXS})`,
-    padding: `calc(${tokens.spacingVerticalXXS} / 2) calc(${tokens.spacingHorizontalXXS} / 2)`
+ */
+export const useIconBaseClassName = makeResetStyles({
+  alignItems: 'center',
+  borderRadius: tokens.borderRadiusCircular,
+  border: `${tokens.strokeWidthThin} solid ${tokens.colorTransparentStroke}`,
+  boxSizing: 'border-box',
+  color: tokens.colorNeutralForeground1,
+  display: 'inline-flex',
+  fontSize: ATTACHMENTTAG_SIZE,
+  height: `calc(${ATTACHMENTTAG_SIZE} + ${tokens.strokeWidthThin} * 2 + ${tokens.spacingVerticalXXS})`,
+  justifyContent: 'center',
+  maxWidth: `calc(${ATTACHMENTTAG_SIZE} + ${tokens.strokeWidthThin} * 2 + ${tokens.spacingHorizontalXXS})`,
+  minWidth: `calc(${ATTACHMENTTAG_SIZE} + ${tokens.strokeWidthThin} * 2 + ${tokens.spacingHorizontalXXS})`,
+  padding: `calc(${tokens.spacingVerticalXXS} / 2) calc(${tokens.spacingHorizontalXXS} / 2)`
 });
 /**
  * Apply styling to the AttachmentTag slots based on the state
- */ export const useAttachmentTagStyles_unstable = (state)=>{
-    'use no memo';
-    const rootBaseClassName = useRootBaseClassName();
-    const mediaBaseClassName = useMediaBaseClassName();
-    const contentBaseClassName = useContentBaseClassName();
-    const iconBaseClassName = useIconBaseClassName();
-    state.root.className = mergeClasses(attachmentTagClassNames.root, rootBaseClassName, state.root.className);
-    if (state.media) {
-        state.media.className = mergeClasses(attachmentTagClassNames.media, mediaBaseClassName, state.media.className);
-    }
-    state.content.className = mergeClasses(attachmentTagClassNames.content, contentBaseClassName, state.content.className);
-    state.icon.className = mergeClasses(attachmentTagClassNames.icon, iconBaseClassName, state.icon.className);
-    return state;
+ */
+export const useAttachmentTagStyles_unstable = state => {
+  'use no memo';
+
+  const rootBaseClassName = useRootBaseClassName();
+  const mediaBaseClassName = useMediaBaseClassName();
+  const contentBaseClassName = useContentBaseClassName();
+  const iconBaseClassName = useIconBaseClassName();
+  state.root.className = mergeClasses(attachmentTagClassNames.root, rootBaseClassName, state.root.className);
+  if (state.media) {
+    state.media.className = mergeClasses(attachmentTagClassNames.media, mediaBaseClassName, state.media.className);
+  }
+  state.content.className = mergeClasses(attachmentTagClassNames.content, contentBaseClassName, state.content.className);
+  state.icon.className = mergeClasses(attachmentTagClassNames.icon, iconBaseClassName, state.icon.className);
+  return state;
 };
+//# sourceMappingURL=useAttachmentTagStyles.styles.raw.js.map

package/lib/components/AttachmentTagItem/AttachmentTagItem.js

@@ -5,9 +5,11 @@ import { useAttachmentTagItemStyles_unstable } from './useAttachmentTagItemStyle
 /**
  * @deprecated use new AttachmentOverflowMenuItem component exported from \@fluentui-copilot/react-attachments package instead.
  * Deprecated on 4/9/2024.
- */ export const AttachmentTagItem = /*#__PURE__*/ React.forwardRef((props, ref)=>{
-    const state = useAttachmentTagItem_unstable(props, ref);
-    useAttachmentTagItemStyles_unstable(state);
-    return renderAttachmentTagItem_unstable(state);
+ */
+export const AttachmentTagItem = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const state = useAttachmentTagItem_unstable(props, ref);
+  useAttachmentTagItemStyles_unstable(state);
+  return renderAttachmentTagItem_unstable(state);
 });
 AttachmentTagItem.displayName = 'AttachmentTagItem';
+//# sourceMappingURL=AttachmentTagItem.js.map

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

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

package/lib/components/AttachmentTagItem/index.js

@@ -2,3 +2,4 @@ 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,14 +1,12 @@
-  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,13 +7,15 @@ 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

@@ -2,33 +2,37 @@ 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'
+  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'
+ */
+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;
+ */
+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;
 };
+//# sourceMappingURL=useAttachmentTagItemStyles.styles.raw.js.map

package/lib/components/AttachmentTagList/AttachmentTagList.js

@@ -7,11 +7,13 @@ 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 +1,2 @@
-export { };
+export {};
+//# sourceMappingURL=AttachmentTagList.types.js.map

package/lib/components/AttachmentTagList/index.js

@@ -2,3 +2,4 @@ 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,12 +1,14 @@
-  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,25 +7,29 @@ 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,10 +1,13 @@
 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

@@ -1,21 +1,24 @@
 import { makeResetStyles, mergeClasses } from '@fluentui/react-components';
 import { tokens } from '@fluentui-copilot/tokens';
 export const attachmentTagListClassNames = {
-    root: 'fai-AttachmentTagList'
+  root: 'fai-AttachmentTagList'
 };
 const useRootBaseClassName = makeResetStyles({
-    columnGap: tokens.spacingHorizontalSNudge,
-    display: 'flex',
-    flexDirection: 'row',
-    flexShrink: 0,
-    flexWrap: 'wrap',
-    rowGap: tokens.spacingVerticalXS
+  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;
+ */
+export const useAttachmentTagListStyles_unstable = state => {
+  'use no memo';
+
+  const rootBaseClassName = useRootBaseClassName();
+  state.root.className = mergeClasses(attachmentTagListClassNames.root, rootBaseClassName, state.root.className);
+  return state;
 };
+//# sourceMappingURL=useAttachmentTagListStyles.styles.raw.js.map

package/lib/components/index.js

@@ -6,3 +6,4 @@ 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,49 +7,56 @@ 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