@fluentui-copilot/react-attachments 0.8.3 → 0.9.0

package/CHANGELOG.json

@@ -2,7 +2,48 @@
   "name": "@fluentui-copilot/react-attachments",
   "entries": [
     {
-      "date": "Wed, 03 Apr 2024 22:27:26 GMT",
+      "date": "Wed, 10 Apr 2024 23:06:59 GMT",
+      "tag": "@fluentui-copilot/react-attachments_v0.9.0",
+      "version": "0.9.0",
+      "comments": {
+        "patch": [
+          {
+            "author": "tristan.watanabe@gmail.com",
+            "package": "@fluentui-copilot/react-attachments",
+            "commit": "4e6e2a4e710f03067f5b3e5cac0137c42d35bf2f",
+            "comment": "feat: Implement AttachmentOverflowMenuButton."
+          },
+          {
+            "author": "tristan.watanabe@gmail.com",
+            "package": "@fluentui-copilot/react-attachments",
+            "commit": "7fb364f96cb69368bcbeeb961f088885f064be80",
+            "comment": "feat: Implement AttachmentOverflowMenuItem."
+          },
+          {
+            "author": "tristan.watanabe@gmail.com",
+            "package": "@fluentui-copilot/react-attachments",
+            "commit": "9453a2398ba32118a85c358b6de13799cf7d9949",
+            "comment": "feat: Implement AttachmentOverflowMenu."
+          },
+          {
+            "author": "tristan.watanabe@gmail.com",
+            "package": "@fluentui-copilot/react-attachments",
+            "commit": "4fc60898effc3b41c3642f1dda4b93ade0280dd0",
+            "comment": "chore: deprecate AttachmentTag, AttachmentTagList and AttachmentTagItem."
+          }
+        ],
+        "minor": [
+          {
+            "author": "Humberto.Morimoto@microsoft.com",
+            "package": "@fluentui-copilot/react-attachments",
+            "commit": "2afa98912cd99ed6f604c582caee4d49d1ba895d",
+            "comment": "fix: Replace usage of deprecated getNativeElementProps with getIntrinsicElementProps."
+          }
+        ]
+      }
+    },
+    {
+      "date": "Wed, 03 Apr 2024 22:27:34 GMT",
       "tag": "@fluentui-copilot/react-attachments_v0.8.3",
       "version": "0.8.3",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,28 @@
 # Change Log - @fluentui-copilot/react-attachments
 
-This log was last generated on Wed, 03 Apr 2024 22:27:26 GMT and should not be manually modified.
+This log was last generated on Wed, 10 Apr 2024 23:06:59 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [0.9.0](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-attachments_v0.9.0)
+
+Wed, 10 Apr 2024 23:06:59 GMT 
+[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-attachments_v0.8.3..@fluentui-copilot/react-attachments_v0.9.0)
+
+### Minor changes
+
+- fix: Replace usage of deprecated getNativeElementProps with getIntrinsicElementProps. ([PR #1512](https://github.com/microsoft/fluentai/pull/1512) by Humberto.Morimoto@microsoft.com)
+
+### Patches
+
+- feat: Implement AttachmentOverflowMenuButton. ([PR #1515](https://github.com/microsoft/fluentai/pull/1515) by tristan.watanabe@gmail.com)
+- feat: Implement AttachmentOverflowMenuItem. ([PR #1517](https://github.com/microsoft/fluentai/pull/1517) by tristan.watanabe@gmail.com)
+- feat: Implement AttachmentOverflowMenu. ([PR #1504](https://github.com/microsoft/fluentai/pull/1504) by tristan.watanabe@gmail.com)
+- chore: deprecate AttachmentTag, AttachmentTagList and AttachmentTagItem. ([PR #1529](https://github.com/microsoft/fluentai/pull/1529) by tristan.watanabe@gmail.com)
+
 ## [0.8.3](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-attachments_v0.8.3)
 
-Wed, 03 Apr 2024 22:27:26 GMT 
+Wed, 03 Apr 2024 22:27:34 GMT 
 [Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-attachments_v0.8.2..@fluentui-copilot/react-attachments_v0.8.3)
 
 ### Patches

package/dist/index.d.ts

@@ -6,6 +6,11 @@ import type { Context } from '@fluentui/react-context-selector';
 import type { ContextSelector } from '@fluentui/react-context-selector';
 import { FC } from 'react';
 import type { ForwardRefComponent } from '@fluentui/react-components';
+import type { MenuContextValues } from '@fluentui/react-components';
+import type { MenuItem } from '@fluentui/react-components';
+import type { MenuProps } from '@fluentui/react-components';
+import type { MenuSlots } from '@fluentui/react-components';
+import type { MenuState } from '@fluentui/react-components';
 import { Provider } from 'react';
 import { ProviderProps } from 'react';
 import * as React_2 from 'react';
@@ -39,7 +44,7 @@ declare type AttachmentListContextValues = {
  * AttachmentList Props
  */
 export declare type AttachmentListProps = ComponentProps<Partial<AttachmentListSlots>> & {
-    onAttachmentDismiss?: (e: React.MouseEvent<HTMLAnchorElement | HTMLButtonElement>, data: AttachmentDismissedData) => void;
+    onAttachmentDismiss?: (e: React.MouseEvent<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement>, data: AttachmentDismissedData) => void;
 };
 
 export declare const AttachmentListProvider: Provider<AttachmentListContextValue> & FC<ProviderProps<AttachmentListContextValue>>;
@@ -53,6 +58,75 @@ export declare type AttachmentListSlots = {
  */
 export declare type AttachmentListState = ComponentState<AttachmentListSlots> & Pick<AttachmentListProps, 'onAttachmentDismiss'>;
 
+export declare const AttachmentOverflowMenu: React_2.FC<AttachmentOverflowMenuProps>;
+
+export declare const AttachmentOverflowMenuButton: ForwardRefComponent<AttachmentOverflowMenuButtonProps>;
+
+export declare const attachmentOverflowMenuButtonClassNames: SlotClassNames<AttachmentOverflowMenuButtonSlots>;
+
+/**
+ * AttachmentOverflowMenuButton Props
+ */
+export declare type AttachmentOverflowMenuButtonProps = ComponentProps<Partial<AttachmentOverflowMenuButtonSlots>>;
+
+export declare type AttachmentOverflowMenuButtonSlots = {
+    root: NonNullable<Slot<'button'>>;
+};
+
+/**
+ * State used in rendering AttachmentOverflowMenuButton
+ */
+export declare type AttachmentOverflowMenuButtonState = ComponentState<AttachmentOverflowMenuButtonSlots> & Pick<AttachmentOverflowMenuState, 'isOverflowing' | 'overflowCount'>;
+
+export declare const AttachmentOverflowMenuContext: Context<AttachmentOverflowMenuContextValue>;
+
+/**
+ * Context shared between AttachmentOverflowMenu and its children components
+ */
+export declare type AttachmentOverflowMenuContextValue = Pick<AttachmentOverflowMenuState, 'isOverflowing' | 'overflowButtonRef' | 'overflowCount'>;
+
+declare type AttachmentOverflowMenuContextValues = {
+    attachmentOverflowMenu: AttachmentOverflowMenuContextValue;
+};
+
+export declare const AttachmentOverflowMenuItem: ForwardRefComponent<AttachmentOverflowMenuItemProps>;
+
+export declare const attachmentOverflowMenuItemClassNames: SlotClassNames<AttachmentOverflowMenuItemSlots>;
+
+/**
+ * AttachmentOverflowMenuItem Props
+ */
+export declare type AttachmentOverflowMenuItemProps = ComponentProps<Partial<AttachmentOverflowMenuItemSlots>> & Pick<AttachmentProps, 'id' | 'media'>;
+
+export declare type AttachmentOverflowMenuItemSlots = {
+    root: NonNullable<Slot<typeof MenuItem>>;
+};
+
+/**
+ * State used in rendering AttachmentOverflowMenuItem
+ */
+export declare type AttachmentOverflowMenuItemState = ComponentState<AttachmentOverflowMenuItemSlots> & {
+    isVisible: boolean;
+};
+
+/**
+ * AttachmentOverflowMenu Props
+ */
+export declare type AttachmentOverflowMenuProps = MenuProps;
+
+export declare const AttachmentOverflowMenuProvider: Provider<AttachmentOverflowMenuContextValue> & FC<ProviderProps<AttachmentOverflowMenuContextValue>>;
+
+export declare type AttachmentOverflowMenuSlots = MenuSlots;
+
+/**
+ * State used in rendering AttachmentOverflowMenu
+ */
+export declare type AttachmentOverflowMenuState = MenuState & {
+    isOverflowing: boolean;
+    overflowButtonRef?: React.RefObject<HTMLButtonElement>;
+    overflowCount: number;
+};
+
 /**
  * Attachment Props
  */
@@ -74,6 +148,10 @@ export declare type AttachmentSlots = {
  */
 export declare type AttachmentState = ComponentState<AttachmentSlots>;
 
+/**
+ * @deprecated use new Attachment component exported from @fluentui-copilot/react-attachments package instead.
+ * Deprecated on 4/9/2024. Will be removed in the next minor release (0.15.0).
+ */
 export declare const AttachmentTag: ForwardRefComponent<AttachmentTagProps>;
 
 export declare const attachmentTagClassNames: SlotClassNames<AttachmentTagSlots>;
@@ -83,6 +161,10 @@ export declare type AttachmentTagDismissedData = {
     media?: AttachmentTagProps['media'];
 };
 
+/**
+ * @deprecated use new AttachmentOverflowMenuItem component exported from @fluentui-copilot/react-attachments package instead.
+ * Deprecated on 4/9/2024. Will be removed in the next minor release (0.15.0).
+ */
 export declare const AttachmentTagItem: ForwardRefComponent<AttachmentTagItemProps>;
 
 export declare const attachmentTagItemClassNames: SlotClassNames<AttachmentTagItemSlots>;
@@ -104,6 +186,10 @@ export declare type AttachmentTagItemSlots = {
  */
 export declare type AttachmentTagItemState = ComponentState<AttachmentTagItemSlots>;
 
+/**
+ * @deprecated use new AttachmentList component exported from @fluentui-copilot/react-attachments package instead.
+ * Deprecated on 4/9/2024. Will be removed in the next minor release (0.15.0).
+ */
 export declare const AttachmentTagList: ForwardRefComponent<AttachmentTagListProps>;
 
 export declare const attachmentTagListClassNames: SlotClassNames<AttachmentTagListSlots>;
@@ -160,6 +246,24 @@ export declare const renderAttachment_unstable: (state: AttachmentState) => JSX.
  */
 export declare const renderAttachmentList_unstable: (state: AttachmentListState, contextValues: AttachmentListContextValues) => JSX.Element;
 
+/**
+ * Render the final JSX of AttachmentOverflowMenu
+ */
+export declare const renderAttachmentOverflowMenu_unstable: (state: AttachmentOverflowMenuState, contextValues: {
+    menuContextValues: MenuContextValues;
+    attachmentOverflowMenuContextValues: AttachmentOverflowMenuContextValues;
+}) => JSX.Element | null;
+
+/**
+ * Render the final JSX of AttachmentOverflowMenuButton
+ */
+export declare const renderAttachmentOverflowMenuButton_unstable: (state: AttachmentOverflowMenuButtonState) => JSX.Element | null;
+
+/**
+ * Render the final JSX of AttachmentOverflowMenuItem
+ */
+export declare const renderAttachmentOverflowMenuItem_unstable: (state: AttachmentOverflowMenuItemState) => JSX.Element | null;
+
 /**
  * Render the final JSX of AttachmentTag
  */
@@ -204,6 +308,50 @@ export declare const useAttachmentListContext_unstable: <T>(selector: ContextSel
  */
 export declare const useAttachmentListStyles_unstable: (state: AttachmentListState) => AttachmentListState;
 
+/**
+ * Create the state required to render AttachmentOverflowMenu.
+ *
+ * The returned state can be modified with hooks such as useAttachmentOverflowMenuStyles_unstable,
+ * before being passed to renderAttachmentOverflowMenu_unstable.
+ *
+ * @param props - props from this instance of AttachmentOverflowMenu
+ */
+export declare const useAttachmentOverflowMenu_unstable: (props: AttachmentOverflowMenuProps) => AttachmentOverflowMenuState;
+
+/**
+ * Create the state required to render AttachmentOverflowMenuButton.
+ *
+ * The returned state can be modified with hooks such as useAttachmentOverflowMenuButtonStyles_unstable,
+ * before being passed to renderAttachmentOverflowMenuButton_unstable.
+ *
+ * @param props - props from this instance of AttachmentOverflowMenuButton
+ * @param ref - reference to root HTMLElement of AttachmentOverflowMenuButton
+ */
+export declare const useAttachmentOverflowMenuButton_unstable: (props: AttachmentOverflowMenuButtonProps, ref: React.Ref<HTMLButtonElement>) => AttachmentOverflowMenuButtonState;
+
+/**
+ * Apply styling to the AttachmentOverflowMenuButton slots based on the state
+ */
+export declare const useAttachmentOverflowMenuButtonStyles_unstable: (state: AttachmentOverflowMenuButtonState) => AttachmentOverflowMenuButtonState;
+
+export declare const useAttachmentOverflowMenuContext_unstable: <T>(selector: ContextSelector<AttachmentOverflowMenuContextValue, T>) => T;
+
+/**
+ * Create the state required to render AttachmentOverflowMenuItem.
+ *
+ * The returned state can be modified with hooks such as useAttachmentOverflowMenuItemStyles_unstable,
+ * before being passed to renderAttachmentOverflowMenuItem_unstable.
+ *
+ * @param props - props from this instance of AttachmentOverflowMenuItem
+ * @param ref - reference to root HTMLElement of AttachmentOverflowMenuItem
+ */
+export declare const useAttachmentOverflowMenuItem_unstable: (props: AttachmentOverflowMenuItemProps, ref: React_2.Ref<HTMLDivElement>) => AttachmentOverflowMenuItemState;
+
+/**
+ * Apply styling to the AttachmentList slots based on the state
+ */
+export declare const useAttachmentOverflowMenuItemStyles_unstable: (state: AttachmentOverflowMenuItemState) => AttachmentOverflowMenuItemState;
+
 /**
  * Apply styling to the Attachment slots based on the state
  */
@@ -218,7 +366,7 @@ export declare const useAttachmentStyles_unstable: (state: AttachmentState) => A
  * @param props - props from this instance of AttachmentTag
  * @param ref - reference to root HTMLElement of AttachmentTag
  */
-export declare const useAttachmentTag_unstable: (props: AttachmentTagProps, ref: React_2.Ref<HTMLElement>) => AttachmentTagState;
+export declare const useAttachmentTag_unstable: (props: AttachmentTagProps, ref: React_2.Ref<HTMLButtonElement>) => AttachmentTagState;
 
 /**
  * Create the state required to render AttachmentTagItem.
@@ -229,7 +377,7 @@ export declare const useAttachmentTag_unstable: (props: AttachmentTagProps, ref:
  * @param props - props from this instance of AttachmentTagItem
  * @param ref - reference to root HTMLElement of AttachmentTagItem
  */
-export declare const useAttachmentTagItem_unstable: (props: AttachmentTagItemProps, ref: React_2.Ref<HTMLElement>) => AttachmentTagItemState;
+export declare const useAttachmentTagItem_unstable: (props: AttachmentTagItemProps, ref: React_2.Ref<HTMLDivElement>) => AttachmentTagItemState;
 
 /**
  * Apply styling to the AttachmentTagItem slots based on the state
@@ -245,7 +393,7 @@ export declare const useAttachmentTagItemStyles_unstable: (state: AttachmentTagI
  * @param props - props from this instance of AttachmentTagList
  * @param ref - reference to root HTMLElement of AttachmentTagList
  */
-export declare const useAttachmentTagList_unstable: (props: AttachmentTagListProps, ref: React_2.Ref<HTMLElement>) => AttachmentTagListState;
+export declare const useAttachmentTagList_unstable: (props: AttachmentTagListProps, ref: React_2.Ref<HTMLDivElement>) => AttachmentTagListState;
 
 /**
  * Apply styling to the AttachmentTagList slots based on the state

package/lib/AttachmentOverflowMenu.js

@@ -0,0 +1,2 @@
+export * from './components/AttachmentOverflowMenu/index';
+//# sourceMappingURL=AttachmentOverflowMenu.js.map

package/lib/AttachmentOverflowMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["AttachmentOverflowMenu.ts"],"sourcesContent":["export * from './components/AttachmentOverflowMenu/index';\n"],"names":[],"mappings":"AAAA,cAAc,4CAA4C"}

package/lib/AttachmentOverflowMenuButton.js

@@ -0,0 +1,2 @@
+export * from './components/AttachmentOverflowMenuButton/index';
+//# sourceMappingURL=AttachmentOverflowMenuButton.js.map

package/lib/AttachmentOverflowMenuButton.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["AttachmentOverflowMenuButton.ts"],"sourcesContent":["export * from './components/AttachmentOverflowMenuButton/index';\n"],"names":[],"mappings":"AAAA,cAAc,kDAAkD"}

package/lib/AttachmentOverflowMenuItem.js

@@ -0,0 +1,2 @@
+export * from './components/AttachmentOverflowMenuItem/index';
+//# sourceMappingURL=AttachmentOverflowMenuItem.js.map

package/lib/AttachmentOverflowMenuItem.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["AttachmentOverflowMenuItem.ts"],"sourcesContent":["export * from './components/AttachmentOverflowMenuItem/index';\n"],"names":[],"mappings":"AAAA,cAAc,gDAAgD"}

package/lib/components/AttachmentList/AttachmentList.types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["AttachmentList.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-components';\nimport type { AttachmentListContextValue } from '../../contexts/attachmentListContext';\n\nexport type AttachmentListSlots = {\n  root: Slot<'div'>;\n};\n\nexport type AttachmentDismissedData = {\n  id: string;\n};\n\n/**\n * AttachmentList Props\n */\nexport type AttachmentListProps = ComponentProps<Partial<AttachmentListSlots>> & {\n  onAttachmentDismiss?: (\n    e: React.MouseEvent<HTMLAnchorElement | HTMLButtonElement>,\n    data: AttachmentDismissedData,\n  ) => void;\n};\n\n/**\n * State used in rendering AttachmentList\n */\nexport type AttachmentListState = ComponentState<AttachmentListSlots> &\n  Pick<AttachmentListProps, 'onAttachmentDismiss'>;\n\nexport type AttachmentListContextValues = {\n  attachmentList: AttachmentListContextValue;\n};\n"],"names":[],"mappings":"AAAA,WA6BE"}
+{"version":3,"sources":["AttachmentList.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-components';\nimport type { AttachmentListContextValue } from '../../contexts/attachmentListContext';\n\nexport type AttachmentListSlots = {\n  root: Slot<'div'>;\n};\n\nexport type AttachmentDismissedData = {\n  id: string;\n};\n\n/**\n * AttachmentList Props\n */\nexport type AttachmentListProps = ComponentProps<Partial<AttachmentListSlots>> & {\n  onAttachmentDismiss?: (\n    e: React.MouseEvent<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement>,\n    data: AttachmentDismissedData,\n  ) => void;\n};\n\n/**\n * State used in rendering AttachmentList\n */\nexport type AttachmentListState = ComponentState<AttachmentListSlots> &\n  Pick<AttachmentListProps, 'onAttachmentDismiss'>;\n\nexport type AttachmentListContextValues = {\n  attachmentList: AttachmentListContextValue;\n};\n"],"names":[],"mappings":"AAAA,WA6BE"}

package/lib/components/AttachmentOverflowMenu/AttachmentOverflowMenu.js

@@ -0,0 +1,15 @@
+import { useAttachmentOverflowMenu_unstable } from './useAttachmentOverflowMenu';
+import { renderAttachmentOverflowMenu_unstable } from './renderAttachmentOverflowMenu';
+import { useAttachmentOverflowMenuContextValues_unstable } from './useAttachmentOverflowMenuContextValues';
+import { useMenuContextValues_unstable } from '@fluentui/react-components';
+export const AttachmentOverflowMenu = props => {
+  const state = useAttachmentOverflowMenu_unstable(props);
+  const menuContextValues = useMenuContextValues_unstable(state);
+  const attachmentOverflowMenuContextValues = useAttachmentOverflowMenuContextValues_unstable(state);
+  return renderAttachmentOverflowMenu_unstable(state, {
+    menuContextValues,
+    attachmentOverflowMenuContextValues
+  });
+};
+AttachmentOverflowMenu.displayName = 'AttachmentOverflowMenu';
+//# sourceMappingURL=AttachmentOverflowMenu.js.map

package/lib/components/AttachmentOverflowMenu/AttachmentOverflowMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["AttachmentOverflowMenu.tsx"],"sourcesContent":["import type * as React from 'react';\nimport { useAttachmentOverflowMenu_unstable } from './useAttachmentOverflowMenu';\nimport { renderAttachmentOverflowMenu_unstable } from './renderAttachmentOverflowMenu';\nimport { useAttachmentOverflowMenuContextValues_unstable } from './useAttachmentOverflowMenuContextValues';\nimport { useMenuContextValues_unstable } from '@fluentui/react-components';\nimport type { AttachmentOverflowMenuProps } from './AttachmentOverflowMenu.types';\n\nexport const AttachmentOverflowMenu: React.FC<AttachmentOverflowMenuProps> = props => {\n  const state = useAttachmentOverflowMenu_unstable(props);\n  const menuContextValues = useMenuContextValues_unstable(state);\n  const attachmentOverflowMenuContextValues = useAttachmentOverflowMenuContextValues_unstable(state);\n\n  return renderAttachmentOverflowMenu_unstable(state, { menuContextValues, attachmentOverflowMenuContextValues });\n};\n\nAttachmentOverflowMenu.displayName = 'AttachmentOverflowMenu';\n"],"names":["useAttachmentOverflowMenu_unstable","renderAttachmentOverflowMenu_unstable","useAttachmentOverflowMenuContextValues_unstable","useMenuContextValues_unstable","AttachmentOverflowMenu","props","state","menuContextValues","attachmentOverflowMenuContextValues","displayName"],"mappings":"AACA,SAASA,kCAAkC,QAAQ,8BAA8B;AACjF,SAASC,qCAAqC,QAAQ,iCAAiC;AACvF,SAASC,+CAA+C,QAAQ,2CAA2C;AAC3G,SAASC,6BAA6B,QAAQ,6BAA6B;AAG3E,OAAO,MAAMC,yBAAgEC,CAAAA;IAC3E,MAAMC,QAAQN,mCAAmCK;IACjD,MAAME,oBAAoBJ,8BAA8BG;IACxD,MAAME,sCAAsCN,gDAAgDI;IAE5F,OAAOL,sCAAsCK,OAAO;QAAEC;QAAmBC;IAAoC;AAC/G,EAAE;AAEFJ,uBAAuBK,WAAW,GAAG"}

package/lib/components/AttachmentOverflowMenu/AttachmentOverflowMenu.types.js

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

package/lib/components/AttachmentOverflowMenu/AttachmentOverflowMenu.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["AttachmentOverflowMenu.types.ts"],"sourcesContent":["import type { MenuProps, MenuSlots, MenuState } from '@fluentui/react-components';\nimport type { AttachmentOverflowMenuContextValue } from '../../contexts/attachmentOverflowMenuContext';\n\nexport type AttachmentOverflowMenuSlots = MenuSlots;\n\n/**\n * AttachmentOverflowMenu Props\n */\nexport type AttachmentOverflowMenuProps = MenuProps;\n\n/**\n * State used in rendering AttachmentOverflowMenu\n */\nexport type AttachmentOverflowMenuState = MenuState & {\n  isOverflowing: boolean;\n  overflowButtonRef?: React.RefObject<HTMLButtonElement>;\n  overflowCount: number;\n};\n\nexport type AttachmentOverflowMenuContextValues = {\n  attachmentOverflowMenu: AttachmentOverflowMenuContextValue;\n};\n"],"names":[],"mappings":"AAAA,WAqBE"}

package/lib/components/AttachmentOverflowMenu/index.js

@@ -0,0 +1,6 @@
+export * from './AttachmentOverflowMenu';
+export * from './AttachmentOverflowMenu.types';
+export * from './renderAttachmentOverflowMenu';
+export * from './useAttachmentOverflowMenu';
+export * from './useAttachmentOverflowMenuContextValues';
+//# sourceMappingURL=index.js.map

package/lib/components/AttachmentOverflowMenu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './AttachmentOverflowMenu';\nexport * from './AttachmentOverflowMenu.types';\nexport * from './renderAttachmentOverflowMenu';\nexport * from './useAttachmentOverflowMenu';\nexport * from './useAttachmentOverflowMenuContextValues';\n"],"names":[],"mappings":"AAAA,cAAc,2BAA2B;AACzC,cAAc,iCAAiC;AAC/C,cAAc,iCAAiC;AAC/C,cAAc,8BAA8B;AAC5C,cAAc,2CAA2C"}

package/lib/components/AttachmentOverflowMenu/renderAttachmentOverflowMenu.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "@fluentui/react-jsx-runtime/jsx-runtime";
+import { assertSlots, renderMenu_unstable } from '@fluentui/react-components';
+import { AttachmentOverflowMenuProvider } from '../../contexts/attachmentOverflowMenuContext';
+/**
+ * Render the final JSX of AttachmentOverflowMenu
+ */
+export const renderAttachmentOverflowMenu_unstable = (state, contextValues) => {
+  const {
+    menuContextValues,
+    attachmentOverflowMenuContextValues
+  } = contextValues;
+  assertSlots(state);
+  return state.isOverflowing ? /*#__PURE__*/_jsx(AttachmentOverflowMenuProvider, {
+    value: attachmentOverflowMenuContextValues.attachmentOverflowMenu,
+    children: renderMenu_unstable(state, menuContextValues)
+  }) : null;
+};
+//# sourceMappingURL=renderAttachmentOverflowMenu.js.map

package/lib/components/AttachmentOverflowMenu/renderAttachmentOverflowMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["renderAttachmentOverflowMenu.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots, renderMenu_unstable } from '@fluentui/react-components';\nimport { AttachmentOverflowMenuProvider } from '../../contexts/attachmentOverflowMenuContext';\nimport type {\n  AttachmentOverflowMenuState,\n  AttachmentOverflowMenuSlots,\n  AttachmentOverflowMenuContextValues,\n} from './AttachmentOverflowMenu.types';\nimport type { MenuContextValues } from '@fluentui/react-components';\n\n/**\n * Render the final JSX of AttachmentOverflowMenu\n */\nexport const renderAttachmentOverflowMenu_unstable = (\n  state: AttachmentOverflowMenuState,\n  contextValues: {\n    menuContextValues: MenuContextValues;\n    attachmentOverflowMenuContextValues: AttachmentOverflowMenuContextValues;\n  },\n) => {\n  const { menuContextValues, attachmentOverflowMenuContextValues } = contextValues;\n  assertSlots<AttachmentOverflowMenuSlots>(state);\n\n  return state.isOverflowing ? (\n    <AttachmentOverflowMenuProvider value={attachmentOverflowMenuContextValues.attachmentOverflowMenu}>\n      {renderMenu_unstable(state, menuContextValues)}\n    </AttachmentOverflowMenuProvider>\n  ) : null;\n};\n"],"names":["assertSlots","renderMenu_unstable","AttachmentOverflowMenuProvider","renderAttachmentOverflowMenu_unstable","state","contextValues","menuContextValues","attachmentOverflowMenuContextValues","isOverflowing","value","attachmentOverflowMenu"],"mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAEjD,SAASA,WAAW,EAAEC,mBAAmB,QAAQ,6BAA6B;AAC9E,SAASC,8BAA8B,QAAQ,+CAA+C;AAQ9F;;CAEC,GACD,OAAO,MAAMC,wCAAwC,CACnDC,OACAC;IAKA,MAAM,EAAEC,iBAAiB,EAAEC,mCAAmC,EAAE,GAAGF;IACnEL,YAAyCI;IAEzC,OAAOA,MAAMI,aAAa,iBACxB,KAACN;QAA+BO,OAAOF,oCAAoCG,sBAAsB;kBAC9FT,oBAAoBG,OAAOE;SAE5B;AACN,EAAE"}

package/lib/components/AttachmentOverflowMenu/useAttachmentOverflowMenu.js

@@ -0,0 +1,24 @@
+import { useMenu_unstable, useOverflowMenu } from '@fluentui/react-components';
+/**
+ * Create the state required to render AttachmentOverflowMenu.
+ *
+ * The returned state can be modified with hooks such as useAttachmentOverflowMenuStyles_unstable,
+ * before being passed to renderAttachmentOverflowMenu_unstable.
+ *
+ * @param props - props from this instance of AttachmentOverflowMenu
+ */
+export const useAttachmentOverflowMenu_unstable = props => {
+  const menuState = useMenu_unstable(props);
+  const {
+    isOverflowing,
+    ref: overflowButtonRef,
+    overflowCount
+  } = useOverflowMenu();
+  return {
+    ...menuState,
+    isOverflowing,
+    overflowButtonRef,
+    overflowCount
+  };
+};
+//# sourceMappingURL=useAttachmentOverflowMenu.js.map

package/lib/components/AttachmentOverflowMenu/useAttachmentOverflowMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useAttachmentOverflowMenu.ts"],"sourcesContent":["import { useMenu_unstable, useOverflowMenu } from '@fluentui/react-components';\nimport type { AttachmentOverflowMenuProps, AttachmentOverflowMenuState } from './AttachmentOverflowMenu.types';\n\n/**\n * Create the state required to render AttachmentOverflowMenu.\n *\n * The returned state can be modified with hooks such as useAttachmentOverflowMenuStyles_unstable,\n * before being passed to renderAttachmentOverflowMenu_unstable.\n *\n * @param props - props from this instance of AttachmentOverflowMenu\n */\nexport const useAttachmentOverflowMenu_unstable = (props: AttachmentOverflowMenuProps): AttachmentOverflowMenuState => {\n  const menuState = useMenu_unstable(props);\n  const { isOverflowing, ref: overflowButtonRef, overflowCount } = useOverflowMenu<HTMLButtonElement>();\n\n  return {\n    ...menuState,\n    isOverflowing,\n    overflowButtonRef,\n    overflowCount,\n  };\n};\n"],"names":["useMenu_unstable","useOverflowMenu","useAttachmentOverflowMenu_unstable","props","menuState","isOverflowing","ref","overflowButtonRef","overflowCount"],"mappings":"AAAA,SAASA,gBAAgB,EAAEC,eAAe,QAAQ,6BAA6B;AAG/E;;;;;;;CAOC,GACD,OAAO,MAAMC,qCAAqC,CAACC;IACjD,MAAMC,YAAYJ,iBAAiBG;IACnC,MAAM,EAAEE,aAAa,EAAEC,KAAKC,iBAAiB,EAAEC,aAAa,EAAE,GAAGP;IAEjE,OAAO;QACL,GAAGG,SAAS;QACZC;QACAE;QACAC;IACF;AACF,EAAE"}

package/lib/components/AttachmentOverflowMenu/useAttachmentOverflowMenuContextValues.js

@@ -0,0 +1,17 @@
+export function useAttachmentOverflowMenuContextValues_unstable(state) {
+  const {
+    isOverflowing,
+    overflowButtonRef,
+    overflowCount
+  } = state;
+  // This context is created with "@fluentui/react-context-selector", there is no sense to memoize it
+  const attachmentOverflowMenu = {
+    isOverflowing,
+    overflowButtonRef,
+    overflowCount
+  };
+  return {
+    attachmentOverflowMenu
+  };
+}
+//# sourceMappingURL=useAttachmentOverflowMenuContextValues.js.map

package/lib/components/AttachmentOverflowMenu/useAttachmentOverflowMenuContextValues.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useAttachmentOverflowMenuContextValues.ts"],"sourcesContent":["import type { AttachmentOverflowMenuContextValues, AttachmentOverflowMenuState } from './AttachmentOverflowMenu.types';\n\nexport function useAttachmentOverflowMenuContextValues_unstable(\n  state: AttachmentOverflowMenuState,\n): AttachmentOverflowMenuContextValues {\n  const { isOverflowing, overflowButtonRef, overflowCount } = state;\n\n  // This context is created with \"@fluentui/react-context-selector\", there is no sense to memoize it\n  const attachmentOverflowMenu = {\n    isOverflowing,\n    overflowButtonRef,\n    overflowCount,\n  };\n\n  return { attachmentOverflowMenu };\n}\n"],"names":["useAttachmentOverflowMenuContextValues_unstable","state","isOverflowing","overflowButtonRef","overflowCount","attachmentOverflowMenu"],"mappings":"AAEA,OAAO,SAASA,gDACdC,KAAkC;IAElC,MAAM,EAAEC,aAAa,EAAEC,iBAAiB,EAAEC,aAAa,EAAE,GAAGH;IAE5D,mGAAmG;IACnG,MAAMI,yBAAyB;QAC7BH;QACAC;QACAC;IACF;IAEA,OAAO;QAAEC;IAAuB;AAClC"}

package/lib/components/AttachmentOverflowMenuButton/AttachmentOverflowMenuButton.js

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { useAttachmentOverflowMenuButton_unstable } from './useAttachmentOverflowMenuButton';
+import { renderAttachmentOverflowMenuButton_unstable } from './renderAttachmentOverflowMenuButton';
+import { useAttachmentOverflowMenuButtonStyles_unstable } from './useAttachmentOverflowMenuButtonStyles';
+export const AttachmentOverflowMenuButton = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const state = useAttachmentOverflowMenuButton_unstable(props, ref);
+  useAttachmentOverflowMenuButtonStyles_unstable(state);
+  return renderAttachmentOverflowMenuButton_unstable(state);
+});
+AttachmentOverflowMenuButton.displayName = 'AttachmentOverflowMenuButton';
+//# sourceMappingURL=AttachmentOverflowMenuButton.js.map

package/lib/components/AttachmentOverflowMenuButton/AttachmentOverflowMenuButton.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["AttachmentOverflowMenuButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useAttachmentOverflowMenuButton_unstable } from './useAttachmentOverflowMenuButton';\nimport { renderAttachmentOverflowMenuButton_unstable } from './renderAttachmentOverflowMenuButton';\nimport { useAttachmentOverflowMenuButtonStyles_unstable } from './useAttachmentOverflowMenuButtonStyles';\nimport type { AttachmentOverflowMenuButtonProps } from './AttachmentOverflowMenuButton.types';\nimport type { ForwardRefComponent } from '@fluentui/react-components';\n\nexport const AttachmentOverflowMenuButton: ForwardRefComponent<AttachmentOverflowMenuButtonProps> = React.forwardRef(\n  (props, ref) => {\n    const state = useAttachmentOverflowMenuButton_unstable(props, ref);\n\n    useAttachmentOverflowMenuButtonStyles_unstable(state);\n    return renderAttachmentOverflowMenuButton_unstable(state);\n  },\n);\n\nAttachmentOverflowMenuButton.displayName = 'AttachmentOverflowMenuButton';\n"],"names":["React","useAttachmentOverflowMenuButton_unstable","renderAttachmentOverflowMenuButton_unstable","useAttachmentOverflowMenuButtonStyles_unstable","AttachmentOverflowMenuButton","forwardRef","props","ref","state","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,wCAAwC,QAAQ,oCAAoC;AAC7F,SAASC,2CAA2C,QAAQ,uCAAuC;AACnG,SAASC,8CAA8C,QAAQ,0CAA0C;AAIzG,OAAO,MAAMC,6CAAuFJ,MAAMK,UAAU,CAClH,CAACC,OAAOC;IACN,MAAMC,QAAQP,yCAAyCK,OAAOC;IAE9DJ,+CAA+CK;IAC/C,OAAON,4CAA4CM;AACrD,GACA;AAEFJ,6BAA6BK,WAAW,GAAG"}

package/lib/components/AttachmentOverflowMenuButton/AttachmentOverflowMenuButton.types.js

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

package/lib/components/AttachmentOverflowMenuButton/AttachmentOverflowMenuButton.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["AttachmentOverflowMenuButton.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-components';\nimport type { AttachmentOverflowMenuState } from '../AttachmentOverflowMenu';\n\nexport type AttachmentOverflowMenuButtonSlots = {\n  root: NonNullable<Slot<'button'>>;\n};\n\n/**\n * AttachmentOverflowMenuButton Props\n */\nexport type AttachmentOverflowMenuButtonProps = ComponentProps<Partial<AttachmentOverflowMenuButtonSlots>>;\n\n/**\n * State used in rendering AttachmentOverflowMenuButton\n */\nexport type AttachmentOverflowMenuButtonState = ComponentState<AttachmentOverflowMenuButtonSlots> &\n  Pick<AttachmentOverflowMenuState, 'isOverflowing' | 'overflowCount'>;\n"],"names":[],"mappings":"AAAA,WAgBuE"}

package/lib/components/AttachmentOverflowMenuButton/index.js

@@ -0,0 +1,6 @@
+export * from './AttachmentOverflowMenuButton';
+export * from './AttachmentOverflowMenuButton.types';
+export * from './renderAttachmentOverflowMenuButton';
+export * from './useAttachmentOverflowMenuButton';
+export * from './useAttachmentOverflowMenuButtonStyles';
+//# sourceMappingURL=index.js.map

package/lib/components/AttachmentOverflowMenuButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './AttachmentOverflowMenuButton';\nexport * from './AttachmentOverflowMenuButton.types';\nexport * from './renderAttachmentOverflowMenuButton';\nexport * from './useAttachmentOverflowMenuButton';\nexport * from './useAttachmentOverflowMenuButtonStyles';\n"],"names":[],"mappings":"AAAA,cAAc,iCAAiC;AAC/C,cAAc,uCAAuC;AACrD,cAAc,uCAAuC;AACrD,cAAc,oCAAoC;AAClD,cAAc,0CAA0C"}

package/lib/components/AttachmentOverflowMenuButton/renderAttachmentOverflowMenuButton.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@fluentui/react-jsx-runtime/jsx-runtime";
+import { MenuTrigger, assertSlots } from '@fluentui/react-components';
+/**
+ * Render the final JSX of AttachmentOverflowMenuButton
+ */
+export const renderAttachmentOverflowMenuButton_unstable = state => {
+  assertSlots(state);
+  return state.isOverflowing ? /*#__PURE__*/_jsx(MenuTrigger, {
+    children: /*#__PURE__*/_jsxs(state.root, {
+      children: [" +", state.overflowCount, " "]
+    })
+  }) : null;
+};
+//# sourceMappingURL=renderAttachmentOverflowMenuButton.js.map

package/lib/components/AttachmentOverflowMenuButton/renderAttachmentOverflowMenuButton.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["renderAttachmentOverflowMenuButton.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { MenuTrigger, assertSlots } from '@fluentui/react-components';\nimport type {\n  AttachmentOverflowMenuButtonState,\n  AttachmentOverflowMenuButtonSlots,\n} from './AttachmentOverflowMenuButton.types';\n\n/**\n * Render the final JSX of AttachmentOverflowMenuButton\n */\nexport const renderAttachmentOverflowMenuButton_unstable = (state: AttachmentOverflowMenuButtonState) => {\n  assertSlots<AttachmentOverflowMenuButtonSlots>(state);\n\n  return state.isOverflowing ? (\n    <MenuTrigger>\n      <state.root> +{state.overflowCount} </state.root>\n    </MenuTrigger>\n  ) : null;\n};\n"],"names":["MenuTrigger","assertSlots","renderAttachmentOverflowMenuButton_unstable","state","isOverflowing","root","overflowCount"],"mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAEjD,SAASA,WAAW,EAAEC,WAAW,QAAQ,6BAA6B;AAMtE;;CAEC,GACD,OAAO,MAAMC,8CAA8C,CAACC;IAC1DF,YAA+CE;IAE/C,OAAOA,MAAMC,aAAa,iBACxB,KAACJ;kBACC,cAAA,MAACG,MAAME,IAAI;;gBAAC;gBAAGF,MAAMG,aAAa;gBAAC;;;SAEnC;AACN,EAAE"}

package/lib/components/AttachmentOverflowMenuButton/useAttachmentOverflowMenuButton.js

@@ -0,0 +1,32 @@
+import { getIntrinsicElementProps, slot, useMergedRefs } from '@fluentui/react-components';
+import { useAttachmentOverflowMenuContext_unstable } from '../../contexts/attachmentOverflowMenuContext';
+/**
+ * Create the state required to render AttachmentOverflowMenuButton.
+ *
+ * The returned state can be modified with hooks such as useAttachmentOverflowMenuButtonStyles_unstable,
+ * before being passed to renderAttachmentOverflowMenuButton_unstable.
+ *
+ * @param props - props from this instance of AttachmentOverflowMenuButton
+ * @param ref - reference to root HTMLElement of AttachmentOverflowMenuButton
+ */
+export const useAttachmentOverflowMenuButton_unstable = (props, ref) => {
+  const {
+    isOverflowing,
+    overflowCount,
+    overflowButtonRef
+  } = useAttachmentOverflowMenuContext_unstable(context => context);
+  return {
+    components: {
+      root: 'button'
+    },
+    root: slot.always(getIntrinsicElementProps('button', {
+      ref: useMergedRefs(ref, overflowButtonRef),
+      ...props
+    }), {
+      elementType: 'button'
+    }),
+    isOverflowing,
+    overflowCount
+  };
+};
+//# sourceMappingURL=useAttachmentOverflowMenuButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["useAttachmentOverflowMenuButton.ts"],"sourcesContent":["import { getIntrinsicElementProps, slot, useMergedRefs } from '@fluentui/react-components';\nimport { useAttachmentOverflowMenuContext_unstable } from '../../contexts/attachmentOverflowMenuContext';\nimport type {\n  AttachmentOverflowMenuButtonProps,\n  AttachmentOverflowMenuButtonState,\n} from './AttachmentOverflowMenuButton.types';\n\n/**\n * Create the state required to render AttachmentOverflowMenuButton.\n *\n * The returned state can be modified with hooks such as useAttachmentOverflowMenuButtonStyles_unstable,\n * before being passed to renderAttachmentOverflowMenuButton_unstable.\n *\n * @param props - props from this instance of AttachmentOverflowMenuButton\n * @param ref - reference to root HTMLElement of AttachmentOverflowMenuButton\n */\nexport const useAttachmentOverflowMenuButton_unstable = (\n  props: AttachmentOverflowMenuButtonProps,\n  ref: React.Ref<HTMLButtonElement>,\n): AttachmentOverflowMenuButtonState => {\n  const { isOverflowing, overflowCount, overflowButtonRef } = useAttachmentOverflowMenuContext_unstable(\n    context => context,\n  );\n\n  return {\n    components: {\n      root: 'button',\n    },\n    root: slot.always(\n      getIntrinsicElementProps('button', {\n        ref: useMergedRefs(ref, overflowButtonRef),\n        ...props,\n      }),\n      { elementType: 'button' },\n    ),\n    isOverflowing,\n    overflowCount,\n  };\n};\n"],"names":["getIntrinsicElementProps","slot","useMergedRefs","useAttachmentOverflowMenuContext_unstable","useAttachmentOverflowMenuButton_unstable","props","ref","isOverflowing","overflowCount","overflowButtonRef","context","components","root","always","elementType"],"mappings":"AAAA,SAASA,wBAAwB,EAAEC,IAAI,EAAEC,aAAa,QAAQ,6BAA6B;AAC3F,SAASC,yCAAyC,QAAQ,+CAA+C;AAMzG;;;;;;;;CAQC,GACD,OAAO,MAAMC,2CAA2C,CACtDC,OACAC;IAEA,MAAM,EAAEC,aAAa,EAAEC,aAAa,EAAEC,iBAAiB,EAAE,GAAGN,0CAC1DO,CAAAA,UAAWA;IAGb,OAAO;QACLC,YAAY;YACVC,MAAM;QACR;QACAA,MAAMX,KAAKY,MAAM,CACfb,yBAAyB,UAAU;YACjCM,KAAKJ,cAAcI,KAAKG;YACxB,GAAGJ,KAAK;QACV,IACA;YAAES,aAAa;QAAS;QAE1BP;QACAC;IACF;AACF,EAAE"}

package/lib/components/AttachmentOverflowMenuButton/useAttachmentOverflowMenuButtonStyles.js

@@ -0,0 +1,17 @@
+import { __resetStyles, mergeClasses, tokens, typographyStyles } from '@fluentui/react-components';
+export const attachmentOverflowMenuButtonClassNames = {
+  root: 'fai-AttachmentOverflowMenuButton'
+};
+const useRootBaseClassName = __resetStyles("r1hzuvbo", null, {
+  r: [".r1hzuvbo{color:var(--colorNeutralForeground1);align-items:center;background-color:var(--colorNeutralBackground1);border:var(--strokeWidthThin) solid var(--colorNeutralStroke1);border-radius:var(--borderRadiusMedium);box-sizing:border-box;column-gap:var(--spacingHorizontalSNudge);cursor:pointer;display:inline-flex;flex-wrap:nowrap;font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase300);font-weight:var(--fontWeightRegular);justify-content:center;padding:var(--spacingVerticalS);vertical-align:middle;}", ".r1hzuvbo:hover{cursor:pointer;background-color:var(--colorNeutralBackground3Hover);color:var(--colorNeutralForeground2Hover);}", ".r1hzuvbo:active{background-color:var(--colorNeutralBackground3Pressed);color:var(--colorNeutralForeground2Pressed);}"],
+  s: ["@media (forced-colors: active){.r1hzuvbo:hover{background-color:HighlightText;}.r1hzuvbo:active{background-color:HighlightText;}}"]
+});
+/**
+ * Apply styling to the AttachmentOverflowMenuButton slots based on the state
+ */
+export const useAttachmentOverflowMenuButtonStyles_unstable = state => {
+  const rootBaseClassName = useRootBaseClassName();
+  state.root.className = mergeClasses(attachmentOverflowMenuButtonClassNames.root, rootBaseClassName, state.root.className);
+  return state;
+};
+//# sourceMappingURL=useAttachmentOverflowMenuButtonStyles.js.map

package/lib/components/AttachmentOverflowMenuButton/useAttachmentOverflowMenuButtonStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useAttachmentOverflowMenuButtonStyles.ts"],"sourcesContent":["import { makeResetStyles, mergeClasses, tokens, typographyStyles } from '@fluentui/react-components';\nimport type {\n  AttachmentOverflowMenuButtonSlots,\n  AttachmentOverflowMenuButtonState,\n} from './AttachmentOverflowMenuButton.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const attachmentOverflowMenuButtonClassNames: SlotClassNames<AttachmentOverflowMenuButtonSlots> = {\n  root: 'fai-AttachmentOverflowMenuButton',\n};\n\nconst useRootBaseClassName = makeResetStyles({\n  color: tokens.colorNeutralForeground1,\n  alignItems: 'center',\n  backgroundColor: tokens.colorNeutralBackground1,\n  border: `${tokens.strokeWidthThin} solid ${tokens.colorNeutralStroke1}`,\n  borderRadius: tokens.borderRadiusMedium,\n  boxSizing: 'border-box',\n  columnGap: tokens.spacingHorizontalSNudge,\n  cursor: 'pointer',\n  display: 'inline-flex',\n  flexWrap: 'nowrap',\n  fontFamily: typographyStyles.body1.fontFamily,\n  fontSize: typographyStyles.body1.fontSize,\n  fontWeight: typographyStyles.body1.fontWeight,\n  justifyContent: 'center',\n  padding: tokens.spacingVerticalS,\n  verticalAlign: 'middle',\n\n  ':hover': {\n    cursor: 'pointer',\n    backgroundColor: tokens.colorNeutralBackground3Hover,\n    color: tokens.colorNeutralForeground2Hover,\n  },\n  ':active': {\n    backgroundColor: tokens.colorNeutralBackground3Pressed,\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 * Apply styling to the AttachmentOverflowMenuButton slots based on the state\n */\nexport const useAttachmentOverflowMenuButtonStyles_unstable = (\n  state: AttachmentOverflowMenuButtonState,\n): AttachmentOverflowMenuButtonState => {\n  const rootBaseClassName = useRootBaseClassName();\n\n  state.root.className = mergeClasses(\n    attachmentOverflowMenuButtonClassNames.root,\n    rootBaseClassName,\n    state.root.className,\n  );\n\n  return state;\n};\n"],"names":["makeResetStyles","mergeClasses","tokens","typographyStyles","attachmentOverflowMenuButtonClassNames","root","useRootBaseClassName","color","colorNeutralForeground1","alignItems","backgroundColor","colorNeutralBackground1","border","strokeWidthThin","colorNeutralStroke1","borderRadius","borderRadiusMedium","boxSizing","columnGap","spacingHorizontalSNudge","cursor","display","flexWrap","fontFamily","body1","fontSize","fontWeight","justifyContent","padding","spacingVerticalS","verticalAlign","colorNeutralBackground3Hover","colorNeutralForeground2Hover","colorNeutralBackground3Pressed","colorNeutralForeground2Pressed","useAttachmentOverflowMenuButtonStyles_unstable","state","rootBaseClassName","className"],"mappings":"AAAA,SAASA,eAAe,EAAEC,YAAY,EAAEC,MAAM,EAAEC,gBAAgB,QAAQ,6BAA6B;AAOrG,OAAO,MAAMC,yCAA4F;IACvGC,MAAM;AACR,EAAE;AAEF,MAAMC,uBAAuBN,gBAAgB;IAC3CO,OAAOL,OAAOM,uBAAuB;IACrCC,YAAY;IACZC,iBAAiBR,OAAOS,uBAAuB;IAC/CC,QAAQ,CAAC,EAAEV,OAAOW,eAAe,CAAC,OAAO,EAAEX,OAAOY,mBAAmB,CAAC,CAAC;IACvEC,cAAcb,OAAOc,kBAAkB;IACvCC,WAAW;IACXC,WAAWhB,OAAOiB,uBAAuB;IACzCC,QAAQ;IACRC,SAAS;IACTC,UAAU;IACVC,YAAYpB,iBAAiBqB,KAAK,CAACD,UAAU;IAC7CE,UAAUtB,iBAAiBqB,KAAK,CAACC,QAAQ;IACzCC,YAAYvB,iBAAiBqB,KAAK,CAACE,UAAU;IAC7CC,gBAAgB;IAChBC,SAAS1B,OAAO2B,gBAAgB;IAChCC,eAAe;IAEf,UAAU;QACRV,QAAQ;QACRV,iBAAiBR,OAAO6B,4BAA4B;QACpDxB,OAAOL,OAAO8B,4BAA4B;IAC5C;IACA,WAAW;QACTtB,iBAAiBR,OAAO+B,8BAA8B;QACtD1B,OAAOL,OAAOgC,8BAA8B;IAC9C;IACA,kCAAkC;QAChC,UAAU;YACRxB,iBAAiB;QACnB;QACA,WAAW;YACTA,iBAAiB;QACnB;IACF;AACF;AACA;;CAEC,GACD,OAAO,MAAMyB,iDAAiD,CAC5DC;IAEA,MAAMC,oBAAoB/B;IAE1B8B,MAAM/B,IAAI,CAACiC,SAAS,GAAGrC,aACrBG,uCAAuCC,IAAI,EAC3CgC,mBACAD,MAAM/B,IAAI,CAACiC,SAAS;IAGtB,OAAOF;AACT,EAAE"}

package/lib/components/AttachmentOverflowMenuItem/AttachmentOverflowMenuItem.js

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { useAttachmentOverflowMenuItem_unstable } from './useAttachmentOverflowMenuItem';
+import { renderAttachmentOverflowMenuItem_unstable } from './renderAttachmentOverflowMenuItem';
+import { useAttachmentOverflowMenuItemStyles_unstable } from './useAttachmentOverflowMenuItemStyles';
+export const AttachmentOverflowMenuItem = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const state = useAttachmentOverflowMenuItem_unstable(props, ref);
+  useAttachmentOverflowMenuItemStyles_unstable(state);
+  return renderAttachmentOverflowMenuItem_unstable(state);
+});
+AttachmentOverflowMenuItem.displayName = 'AttachmentOverflowMenuItem';
+//# sourceMappingURL=AttachmentOverflowMenuItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["AttachmentOverflowMenuItem.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useAttachmentOverflowMenuItem_unstable } from './useAttachmentOverflowMenuItem';\nimport { renderAttachmentOverflowMenuItem_unstable } from './renderAttachmentOverflowMenuItem';\nimport type { AttachmentOverflowMenuItemProps } from './AttachmentOverflowMenuItem.types';\nimport type { ForwardRefComponent } from '@fluentui/react-components';\nimport { useAttachmentOverflowMenuItemStyles_unstable } from './useAttachmentOverflowMenuItemStyles';\nexport const AttachmentOverflowMenuItem: ForwardRefComponent<AttachmentOverflowMenuItemProps> = React.forwardRef(\n  (props, ref) => {\n    const state = useAttachmentOverflowMenuItem_unstable(props, ref);\n    useAttachmentOverflowMenuItemStyles_unstable(state);\n\n    return renderAttachmentOverflowMenuItem_unstable(state);\n  },\n);\n\nAttachmentOverflowMenuItem.displayName = 'AttachmentOverflowMenuItem';\n"],"names":["React","useAttachmentOverflowMenuItem_unstable","renderAttachmentOverflowMenuItem_unstable","useAttachmentOverflowMenuItemStyles_unstable","AttachmentOverflowMenuItem","forwardRef","props","ref","state","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,sCAAsC,QAAQ,kCAAkC;AACzF,SAASC,yCAAyC,QAAQ,qCAAqC;AAG/F,SAASC,4CAA4C,QAAQ,wCAAwC;AACrG,OAAO,MAAMC,2CAAmFJ,MAAMK,UAAU,CAC9G,CAACC,OAAOC;IACN,MAAMC,QAAQP,uCAAuCK,OAAOC;IAC5DJ,6CAA6CK;IAE7C,OAAON,0CAA0CM;AACnD,GACA;AAEFJ,2BAA2BK,WAAW,GAAG"}

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

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