@fluentui-copilot/react-attachments 0.0.0-nightly-20251010-0406-7df7c6d1.1 → 0.0.0-nightly-20251013-0406-7c7739c8.1

package/CHANGELOG.json

@@ -2,9 +2,9 @@
   "name": "@fluentui-copilot/react-attachments",
   "entries": [
     {
-      "date": "Fri, 10 Oct 2025 04:08:17 GMT",
-      "tag": "@fluentui-copilot/react-attachments_v0.0.0-nightly-20251010-0406-7df7c6d1.1",
-      "version": "0.0.0-nightly-20251010-0406-7df7c6d1.1",
+      "date": "Mon, 13 Oct 2025 04:14:19 GMT",
+      "tag": "@fluentui-copilot/react-attachments_v0.0.0-nightly-20251013-0406-7c7739c8.1",
+      "version": "0.0.0-nightly-20251013-0406-7c7739c8.1",
       "comments": {
         "prerelease": [
           {

package/CHANGELOG.md

@@ -1,13 +1,13 @@
 # Change Log - @fluentui-copilot/react-attachments
 
-This log was last generated on Fri, 10 Oct 2025 04:08:17 GMT and should not be manually modified.
+This log was last generated on Mon, 13 Oct 2025 04:14:19 GMT and should not be manually modified.
 
 <!-- Start content -->
 
-## [0.0.0-nightly-20251010-0406-7df7c6d1.1](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-attachments_v0.0.0-nightly-20251010-0406-7df7c6d1.1)
+## [0.0.0-nightly-20251013-0406-7c7739c8.1](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-attachments_v0.0.0-nightly-20251013-0406-7c7739c8.1)
 
-Fri, 10 Oct 2025 04:08:17 GMT 
-[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-attachments_v0.13.6..@fluentui-copilot/react-attachments_v0.0.0-nightly-20251010-0406-7df7c6d1.1)
+Mon, 13 Oct 2025 04:14:19 GMT 
+[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-attachments_v0.13.6..@fluentui-copilot/react-attachments_v0.0.0-nightly-20251013-0406-7c7739c8.1)
 
 ### Changes
 

package/dist/index.d.ts

@@ -0,0 +1,379 @@
+/// <reference types="react" />
+
+import type { ComponentProps } from '@fluentui/react-components';
+import type { ComponentState } from '@fluentui/react-components';
+import type { Context } from '@fluentui/react-context-selector';
+import type { ContextSelector } from '@fluentui/react-context-selector';
+import type { CopilotMode } from '@fluentui-copilot/react-provider';
+import type { DesignVersion } from '@fluentui-copilot/react-provider';
+import { FC } from 'react';
+import type { ForwardRefComponent } from '@fluentui/react-components';
+import type { JSXElement } from '@fluentui/react-components';
+import type { MenuContextValues } from '@fluentui/react-components';
+import type { MenuItem } from '@fluentui/react-components';
+import type { MenuList } from '@fluentui/react-components';
+import type { MenuPopover } 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 type { ProgressBar } from '@fluentui/react-components';
+import { Provider } from 'react';
+import { ProviderProps } from 'react';
+import * as React_2 from 'react';
+import type { Slot } from '@fluentui/react-components';
+import type { SlotClassNames } from '@fluentui/react-components';
+
+export declare const AgentTag: ForwardRefComponent<AgentTagProps>;
+
+export declare const agentTagClassNames: SlotClassNames<AgentTagSlots>;
+
+/**
+ * AgentTag Props
+ */
+export declare type AgentTagProps = ComponentProps<Partial<Omit<AgentTagSlots, 'primaryAction' | 'progress'>>> & Omit<AttachmentProps, keyof AttachmentSlots | 'dismissOnly'>;
+
+export declare type AgentTagSlots = AttachmentSlots;
+
+/**
+ * State used in rendering AgentTag
+ */
+export declare type AgentTagState = ComponentState<AgentTagSlots> & Omit<AttachmentState, keyof AttachmentSlots>;
+
+export declare const Attachment: ForwardRefComponent<AttachmentProps>;
+
+export declare const attachmentClassNames: SlotClassNames<AttachmentSlots>;
+
+export declare type AttachmentDismissedData = {
+    content?: AttachmentProps['children'];
+    media?: AttachmentProps['media'];
+    id?: string;
+};
+
+export declare const AttachmentList: ForwardRefComponent<AttachmentListProps>;
+
+export declare const attachmentListClassNames: SlotClassNames<AttachmentListSlots>;
+
+export declare const AttachmentListContext: Context<AttachmentListContextValue>;
+
+/**
+ * Context shared between AttachmentList and its children components
+ */
+export declare type AttachmentListContextValue = Pick<AttachmentListState, 'onAttachmentDismiss' | 'shouldUseOverflow' | 'numberOfAttachments'>;
+
+declare type AttachmentListContextValues = {
+    attachmentList: AttachmentListContextValue;
+};
+
+/**
+ * AttachmentList Props
+ */
+export declare type AttachmentListProps = ComponentProps<Partial<AttachmentListSlots>> & DesignVersion & {
+    /**
+     * Callback fired when an attachment is dismissed.
+     */
+    onAttachmentDismiss?: (e: React.MouseEvent<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement>, data: AttachmentDismissedData) => void;
+    /**
+     * Props that will be passed to the overflow menu.
+     */
+    overflowMenuProps?: Omit<AttachmentOverflowMenuProps, 'children'>;
+    /**
+     * The maximum number of attachments to display before the overflow button is shown even if there is
+     * enough space available to show more.
+     * If not set, the overflow functionality will be disabled.
+     * @default undefined
+     */
+    maxVisibleAttachments?: number;
+};
+
+export declare const AttachmentListProvider: Provider<AttachmentListContextValue> & FC<ProviderProps<AttachmentListContextValue>>;
+
+export declare type AttachmentListSlots = {
+    root: Slot<'div'>;
+    menuList?: Slot<typeof MenuList>;
+    menuPopover?: Slot<typeof MenuPopover>;
+    /**
+     * An AttachmentList has an overflow menu when `maxVisibleAttachments` is exceeded.
+     * Adding a custom button for the overflow menu is supported.
+     */
+    overflowMenuButton: Slot<'span'>;
+};
+
+/**
+ * State used in rendering AttachmentList
+ */
+export declare type AttachmentListState = ComponentState<AttachmentListSlots> & Pick<AttachmentListProps, 'onAttachmentDismiss' | 'overflowMenuProps' | 'designVersion'> & {
+    shouldUseOverflow: boolean;
+    numberOfAttachments: number;
+};
+
+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>> & CopilotMode & DesignVersion & {
+    /**
+     * Toggle prop to indicate that there are Attachments in the overflow menu that's currently loading.
+     * Setting this to true will show an indeterminate progress bar on the button.
+     * @default false
+     */
+    isLoading?: boolean;
+    text?: string | ((overflowCount: number) => React.ReactNode);
+};
+
+export declare type AttachmentOverflowMenuButtonSlots = {
+    root: NonNullable<Slot<'button'>>;
+    progress: NonNullable<Slot<typeof ProgressBar>>;
+};
+
+/**
+ * State used in rendering AttachmentOverflowMenuButton
+ */
+export declare type AttachmentOverflowMenuButtonState = ComponentState<AttachmentOverflowMenuButtonSlots> & Pick<AttachmentOverflowMenuState, 'isOverflowing' | 'overflowCount'> & Pick<AttachmentOverflowMenuButtonProps, 'isLoading'> & Pick<Required<AttachmentOverflowMenuButtonProps>, 'designVersion' | 'mode'> & {
+    /**
+     * True when all attachments are overflowed into the overflow menu.
+     */
+    fullyOverflowed: boolean;
+};
+
+export declare const AttachmentOverflowMenuContext: Context<AttachmentOverflowMenuContextValue>;
+
+/**
+ * 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>> & DesignVersion & Pick<AttachmentProps, 'id' | 'media' | 'imageOnly'>;
+
+export declare type AttachmentOverflowMenuItemSlots = {
+    root: NonNullable<Slot<typeof MenuItem>>;
+    progress?: Slot<typeof ProgressBar>;
+};
+
+/**
+ * State used in rendering AttachmentOverflowMenuItem
+ */
+export declare type AttachmentOverflowMenuItemState = ComponentState<AttachmentOverflowMenuItemSlots> & Pick<AttachmentOverflowMenuItemProps, 'imageOnly' | 'designVersion'> & {
+    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.MutableRefObject<HTMLButtonElement | null>;
+    overflowCount: number;
+};
+
+/**
+ * Attachment Props
+ */
+export declare type AttachmentProps = Omit<ComponentProps<Partial<AttachmentSlots>>, 'content'> & Pick<Partial<AttachmentSlots>, 'content'> & CopilotMode & DesignVersion & {
+    /**
+     * Use this prop if an attachment has no text content.
+     *
+     * @default false
+     */
+    imageOnly?: boolean;
+    /**
+     * An attachment supports different sizes.
+     *
+     * @default 'medium'
+     */
+    size?: 'small' | 'medium';
+    /**
+     * Use this prop if the attachment has no primary action
+     * and should be rendered as a single button
+     */
+    dismissOnly?: boolean;
+};
+
+export declare type AttachmentSlots = {
+    root: NonNullable<Slot<'div'>>;
+    /**
+     * Attachments support a primary action.
+     */
+    primaryAction: NonNullable<Slot<'button', 'span'>>;
+    /**
+     * Attachments have a dismiss button.
+     */
+    dismissButton: NonNullable<Slot<'button'>>;
+    /**
+     * Attachments can include an image or other media.
+     */
+    media?: Slot<'span'>;
+    /**
+     * The content of the attachment.
+     */
+    content: NonNullable<Slot<'span'>>;
+    /**
+     * The icon that renders for the `dismissButton`.
+     */
+    dismissIcon: NonNullable<Slot<'span'>>;
+    /**
+     * An attachment supports a progress bar, which can display the attachment's upload progress.
+     */
+    progress?: Slot<typeof ProgressBar>;
+};
+
+/**
+ * State used in rendering Attachment
+ */
+export declare type AttachmentState = ComponentState<AttachmentSlots> & Required<Pick<AttachmentProps, 'id' | 'size' | 'designVersion' | 'mode' | 'dismissOnly'>> & Pick<AttachmentProps, 'imageOnly'> & {
+    isLoading: boolean;
+    shouldUseOverflow: boolean;
+};
+
+/**
+ * Render the final JSX of AgentTag
+ */
+export declare const renderAgentTag_unstable: (state: AgentTagState) => JSXElement;
+
+/**
+ * Render the final JSX of Attachment
+ */
+export declare const renderAttachment_unstable: (state: AttachmentState) => JSXElement;
+
+/**
+ * Render the final JSX of AttachmentList
+ */
+export declare const renderAttachmentList_unstable: (state: AttachmentListState, contextValues: AttachmentListContextValues) => JSXElement;
+
+/**
+ * Render the final JSX of AttachmentOverflowMenu
+ */
+export declare const renderAttachmentOverflowMenu_unstable: (state: AttachmentOverflowMenuState, contextValues: {
+    menuContextValues: MenuContextValues;
+    attachmentOverflowMenuContextValues: AttachmentOverflowMenuContextValues;
+}) => JSXElement | null;
+
+/**
+ * Render the final JSX of AttachmentOverflowMenuButton
+ */
+export declare const renderAttachmentOverflowMenuButton_unstable: (state: AttachmentOverflowMenuButtonState) => JSXElement | null;
+
+/**
+ * Render the final JSX of AttachmentOverflowMenuItem
+ */
+export declare const renderAttachmentOverflowMenuItem_unstable: (state: AttachmentOverflowMenuItemState) => JSXElement | null;
+
+/**
+ * Create the state required to render AgentTag.
+ *
+ * The returned state can be modified with hooks such as useAgentTagStyles_unstable,
+ * before being passed to renderAgentTag_unstable.
+ *
+ * @param props - props from this instance of AgentTag
+ * @param ref - reference to root HTMLElement of AgentTag
+ */
+export declare const useAgentTag_unstable: (props: AgentTagProps, ref: React_2.Ref<HTMLDivElement>) => AgentTagState;
+
+/**
+ * Apply styling to the AgentTag slots based on the state
+ */
+export declare const useAgentTagStyles_unstable: (state: AgentTagState) => AgentTagState;
+
+/**
+ * Create the state required to render Attachment.
+ *
+ * The returned state can be modified with hooks such as useAttachmentStyles_unstable,
+ * before being passed to renderAttachment_unstable.
+ *
+ * @param props - props from this instance of Attachment
+ * @param ref - reference to root HTMLElement of Attachment
+ */
+export declare const useAttachment_unstable: (props: AttachmentProps, ref: React_2.Ref<HTMLDivElement>) => AttachmentState;
+
+/**
+ * Create the state required to render AttachmentList.
+ *
+ * The returned state can be modified with hooks such as useAttachmentListStyles_unstable,
+ * before being passed to renderAttachmentList_unstable.
+ *
+ * @param props - props from this instance of AttachmentList
+ * @param ref - reference to root HTMLElement of AttachmentList
+ */
+export declare const useAttachmentList_unstable: (props: AttachmentListProps, ref: React_2.Ref<HTMLDivElement>) => AttachmentListState;
+
+export declare const useAttachmentListContext_unstable: <T>(selector: ContextSelector<AttachmentListContextValue, T>) => T;
+
+/**
+ * Apply styling to the AttachmentList slots based on the state
+ */
+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_2.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
+ */
+export declare const useAttachmentStyles_unstable: (state: AttachmentState) => AttachmentState;
+
+export { }

package/lib/AgentTag.js

@@ -0,0 +1 @@
+export { AgentTag, renderAgentTag_unstable, useAgentTag_unstable, agentTagClassNames, useAgentTagStyles_unstable } from './components/AgentTag/index';

package/lib/AgentTag.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["AgentTag.ts"],"sourcesContent":["export {\n  AgentTag,\n  renderAgentTag_unstable,\n  useAgentTag_unstable,\n  agentTagClassNames,\n  useAgentTagStyles_unstable,\n} from './components/AgentTag/index';\nexport type { AgentTagProps, AgentTagSlots, AgentTagState } from './components/AgentTag/index';\n"],"names":["AgentTag","renderAgentTag_unstable","useAgentTag_unstable","agentTagClassNames","useAgentTagStyles_unstable"],"rangeMappings":"","mappings":"AAAA,SACEA,QAAQ,EACRC,uBAAuB,EACvBC,oBAAoB,EACpBC,kBAAkB,EAClBC,0BAA0B,QACrB,8BAA8B"}

package/lib/Attachment.js

@@ -0,0 +1 @@
+export { Attachment, attachmentClassNames, renderAttachment_unstable, useAttachmentStyles_unstable, useAttachment_unstable, useOverflowStyles } from './components/Attachment/index';

package/lib/Attachment.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Attachment.ts"],"sourcesContent":["export type { AttachmentProps, AttachmentSlots, AttachmentState } from './components/Attachment/index';\nexport { Attachment, attachmentClassNames, renderAttachment_unstable, useAttachmentStyles_unstable, useAttachment_unstable, useOverflowStyles } from './components/Attachment/index';\n"],"names":["Attachment","attachmentClassNames","renderAttachment_unstable","useAttachmentStyles_unstable","useAttachment_unstable","useOverflowStyles"],"rangeMappings":"","mappings":"AACA,SAASA,UAAU,EAAEC,oBAAoB,EAAEC,yBAAyB,EAAEC,4BAA4B,EAAEC,sBAAsB,EAAEC,iBAAiB,QAAQ,gCAAgC"}

package/lib/AttachmentList.js

@@ -0,0 +1 @@
+export { AttachmentList, attachmentListClassNames, renderAttachmentList_unstable, useAttachmentListStyles_unstable, useAttachmentList_unstable } from './components/AttachmentList/index';

package/lib/AttachmentList.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["AttachmentList.ts"],"sourcesContent":["export type { AttachmentDismissedData, AttachmentListContextValues, AttachmentListProps, AttachmentListSlots, AttachmentListState } from './components/AttachmentList/index';\nexport { AttachmentList, attachmentListClassNames, renderAttachmentList_unstable, useAttachmentListStyles_unstable, useAttachmentList_unstable } from './components/AttachmentList/index';\n"],"names":["AttachmentList","attachmentListClassNames","renderAttachmentList_unstable","useAttachmentListStyles_unstable","useAttachmentList_unstable"],"rangeMappings":"","mappings":"AACA,SAASA,cAAc,EAAEC,wBAAwB,EAAEC,6BAA6B,EAAEC,gCAAgC,EAAEC,0BAA0B,QAAQ,oCAAoC"}

package/lib/AttachmentOverflowMenu.js

@@ -0,0 +1 @@
+export { AttachmentOverflowMenu, renderAttachmentOverflowMenu_unstable, useAttachmentOverflowMenuContextValues_unstable, useAttachmentOverflowMenu_unstable } from './components/AttachmentOverflowMenu/index';

package/lib/AttachmentOverflowMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["AttachmentOverflowMenu.ts"],"sourcesContent":["export type { AttachmentOverflowMenuContextValues, AttachmentOverflowMenuProps, AttachmentOverflowMenuSlots, AttachmentOverflowMenuState } from './components/AttachmentOverflowMenu/index';\nexport { AttachmentOverflowMenu, renderAttachmentOverflowMenu_unstable, useAttachmentOverflowMenuContextValues_unstable, useAttachmentOverflowMenu_unstable } from './components/AttachmentOverflowMenu/index';\n"],"names":["AttachmentOverflowMenu","renderAttachmentOverflowMenu_unstable","useAttachmentOverflowMenuContextValues_unstable","useAttachmentOverflowMenu_unstable"],"rangeMappings":"","mappings":"AACA,SAASA,sBAAsB,EAAEC,qCAAqC,EAAEC,+CAA+C,EAAEC,kCAAkC,QAAQ,4CAA4C"}

package/lib/AttachmentOverflowMenuButton.js

@@ -0,0 +1 @@
+export { AttachmentOverflowMenuButton, attachmentOverflowMenuButtonClassNames, renderAttachmentOverflowMenuButton_unstable, useAttachmentOverflowMenuButtonStyles_unstable, useAttachmentOverflowMenuButton_unstable } from './components/AttachmentOverflowMenuButton/index';

package/lib/AttachmentOverflowMenuButton.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["AttachmentOverflowMenuButton.ts"],"sourcesContent":["export type { AttachmentOverflowMenuButtonProps, AttachmentOverflowMenuButtonSlots, AttachmentOverflowMenuButtonState } from './components/AttachmentOverflowMenuButton/index';\nexport { AttachmentOverflowMenuButton, attachmentOverflowMenuButtonClassNames, renderAttachmentOverflowMenuButton_unstable, useAttachmentOverflowMenuButtonStyles_unstable, useAttachmentOverflowMenuButton_unstable } from './components/AttachmentOverflowMenuButton/index';\n"],"names":["AttachmentOverflowMenuButton","attachmentOverflowMenuButtonClassNames","renderAttachmentOverflowMenuButton_unstable","useAttachmentOverflowMenuButtonStyles_unstable","useAttachmentOverflowMenuButton_unstable"],"rangeMappings":"","mappings":"AACA,SAASA,4BAA4B,EAAEC,sCAAsC,EAAEC,2CAA2C,EAAEC,8CAA8C,EAAEC,wCAAwC,QAAQ,kDAAkD"}

package/lib/AttachmentOverflowMenuItem.js

@@ -0,0 +1 @@
+export { AttachmentOverflowMenuItem, attachmentOverflowMenuItemClassNames, renderAttachmentOverflowMenuItem_unstable, useAttachmentOverflowMenuItemStyles_unstable, useAttachmentOverflowMenuItem_unstable } from './components/AttachmentOverflowMenuItem/index';

package/lib/AttachmentOverflowMenuItem.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["AttachmentOverflowMenuItem.ts"],"sourcesContent":["export type { AttachmentOverflowMenuItemProps, AttachmentOverflowMenuItemSlots, AttachmentOverflowMenuItemState } from './components/AttachmentOverflowMenuItem/index';\nexport { AttachmentOverflowMenuItem, attachmentOverflowMenuItemClassNames, renderAttachmentOverflowMenuItem_unstable, useAttachmentOverflowMenuItemStyles_unstable, useAttachmentOverflowMenuItem_unstable } from './components/AttachmentOverflowMenuItem/index';\n"],"names":["AttachmentOverflowMenuItem","attachmentOverflowMenuItemClassNames","renderAttachmentOverflowMenuItem_unstable","useAttachmentOverflowMenuItemStyles_unstable","useAttachmentOverflowMenuItem_unstable"],"rangeMappings":"","mappings":"AACA,SAASA,0BAA0B,EAAEC,oCAAoC,EAAEC,yCAAyC,EAAEC,4CAA4C,EAAEC,sCAAsC,QAAQ,gDAAgD"}

package/lib/components/AgentTag/AgentTag.js

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { useAgentTag_unstable } from './useAgentTag';
+import { renderAgentTag_unstable } from './renderAgentTag';
+import { useAgentTagStyles_unstable } from './useAgentTagStyles.styles';
+// AgentTag component - TODO: add more docs
+export const AgentTag = /*#__PURE__*/ React.forwardRef((props, ref)=>{
+    const state = useAgentTag_unstable(props, ref);
+    useAgentTagStyles_unstable(state);
+    return renderAgentTag_unstable(state);
+});
+AgentTag.displayName = 'AgentTag';

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

@@ -0,0 +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":["React","useAgentTag_unstable","renderAgentTag_unstable","useAgentTagStyles_unstable","AgentTag","forwardRef","props","ref","state","displayName"],"rangeMappings":";;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,oBAAoB,QAAQ,gBAAgB;AACrD,SAASC,uBAAuB,QAAQ,mBAAmB;AAC3D,SAASC,0BAA0B,QAAQ,6BAA6B;AAIxE,2CAA2C;AAC3C,OAAO,MAAMC,yBAA+CJ,MAAMK,UAAU,CAAC,CAACC,OAAOC;IACnF,MAAMC,QAAQP,qBAAqBK,OAAOC;IAE1CJ,2BAA2BK;IAC3B,OAAON,wBAAwBM;AACjC,GAAG;AAEHJ,SAASK,WAAW,GAAG"}

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

@@ -0,0 +1,3 @@
+/**
+ * State used in rendering AgentTag
+ */ export { };

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

@@ -0,0 +1 @@
+{"version":3,"sources":["AgentTag.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState } from '@fluentui/react-components';\nimport type { AttachmentSlots, AttachmentProps, AttachmentState } from '../Attachment';\n\nexport type AgentTagSlots = AttachmentSlots;\n\n/**\n * AgentTag Props\n */\nexport type AgentTagProps = ComponentProps<Partial<Omit<AgentTagSlots, 'primaryAction' | 'progress'>>> &\n  Omit<AttachmentProps, keyof AttachmentSlots | 'dismissOnly'>;\n\n/**\n * State used in rendering AgentTag\n */\nexport type AgentTagState = ComponentState<AgentTagSlots> & Omit<AttachmentState, keyof AttachmentSlots>;\n"],"names":[],"rangeMappings":";;","mappings":"AAWA;;CAEC,GACD,WAAyG"}

package/lib/components/AgentTag/index.js

@@ -0,0 +1,4 @@
+export { AgentTag } from './AgentTag';
+export { renderAgentTag_unstable } from './renderAgentTag';
+export { useAgentTag_unstable } from './useAgentTag';
+export { agentTagClassNames, useAgentTagStyles_unstable } from './useAgentTagStyles.styles';

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"sourcesContent":["export { AgentTag } from './AgentTag';\nexport type { AgentTagProps, AgentTagSlots, AgentTagState } from './AgentTag.types';\nexport { renderAgentTag_unstable } from './renderAgentTag';\nexport { useAgentTag_unstable } from './useAgentTag';\nexport { agentTagClassNames, useAgentTagStyles_unstable } from './useAgentTagStyles.styles';\n"],"names":["AgentTag","renderAgentTag_unstable","useAgentTag_unstable","agentTagClassNames","useAgentTagStyles_unstable"],"rangeMappings":";;;","mappings":"AAAA,SAASA,QAAQ,QAAQ,aAAa;AAEtC,SAASC,uBAAuB,QAAQ,mBAAmB;AAC3D,SAASC,oBAAoB,QAAQ,gBAAgB;AACrD,SAASC,kBAAkB,EAAEC,0BAA0B,QAAQ,6BAA6B"}

package/lib/components/AgentTag/renderAgentTag.js

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["renderAgentTag.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { renderAttachment_unstable } from '../Attachment';\nimport type { JSXElement } from '@fluentui/react-components';\nimport type { AgentTagState } from './AgentTag.types';\n\n/**\n * Render the final JSX of AgentTag\n */\nexport const renderAgentTag_unstable = (state: AgentTagState): JSXElement => {\n  return renderAttachment_unstable(state);\n};\n"],"names":["renderAttachment_unstable","renderAgentTag_unstable","state"],"rangeMappings":";;;;;","mappings":"AAAA,0BAA0B,GAC1B,iDAAiD,GAEjD,SAASA,yBAAyB,QAAQ,gBAAgB;AAI1D;;CAEC,GACD,OAAO,MAAMC,0BAA0B,CAACC;IACtC,OAAOF,0BAA0BE;AACnC,EAAE"}

package/lib/components/AgentTag/useAgentTag.js

@@ -0,0 +1,18 @@
+import { useAttachment_unstable } from '..';
+// If you add JSX to this file, be sure to change the file type to .tsx
+/**
+ * Create the state required to render AgentTag.
+ *
+ * The returned state can be modified with hooks such as useAgentTagStyles_unstable,
+ * before being passed to renderAgentTag_unstable.
+ *
+ * @param props - props from this instance of AgentTag
+ * @param ref - reference to root HTMLElement of AgentTag
+ */ export const useAgentTag_unstable = (props, ref)=>{
+    const state = useAttachment_unstable({
+        ...props,
+        dismissOnly: true,
+        designVersion: 'next'
+    }, ref);
+    return state;
+};

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

@@ -0,0 +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":["useAttachment_unstable","useAgentTag_unstable","props","ref","state","dismissOnly","designVersion"],"rangeMappings":";;;;;;;;;;;;;;;;;","mappings":"AAEA,SAASA,sBAAsB,QAAQ,KAAK;AAE5C,uEAAuE;AAEvE;;;;;;;;CAQC,GACD,OAAO,MAAMC,uBAAuB,CAACC,OAAsBC;IACzD,MAAMC,QAAQJ,uBAAuB;QAAE,GAAGE,KAAK;QAAEG,aAAa;QAAMC,eAAe;IAAO,GAAGH;IAE7F,OAAOC;AACT,EAAE"}

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

@@ -0,0 +1,95 @@
+import { __styles, mergeClasses } from '@fluentui/react-components';
+import { useAttachmentStyles_unstable } from '..';
+import { tokens, typographyStyles } from '@fluentui-copilot/tokens';
+export const agentTagClassNames = {
+  root: 'fai-AgentTag',
+  primaryAction: 'fai-AgentTag__primaryAction',
+  dismissIcon: 'fai-AgentTag__dismissIcon',
+  dismissButton: 'fai-AgentTag__dismissButton',
+  media: 'fai-AgentTag__media',
+  content: 'fai-AgentTag__content',
+  progress: 'fai-AgentTag__progress'
+};
+const useMediaStyles = __styles({
+  canvas: {
+    a9b677: "fq4mcun",
+    Bqenvij: "frvgh55"
+  },
+  sidecar: {
+    a9b677: "f64fuq3",
+    Bqenvij: "fjamq6b"
+  }
+}, {
+  d: [".fq4mcun{width:24px;}", ".frvgh55{height:24px;}", ".f64fuq3{width:20px;}", ".fjamq6b{height:20px;}"]
+});
+const useContentStyles = __styles({
+  canvas: {
+    Bahqtrf: "fk6fouc",
+    Be2twd7: "fod5ikn",
+    Bhrd7zp: "fl43uef",
+    Bg96gwp: "f1anucx2",
+    sj55zd: "fkfq4zb"
+  },
+  sidecar: {
+    Bahqtrf: "fk6fouc",
+    Be2twd7: "fkhj508",
+    Bhrd7zp: "fl43uef",
+    Bg96gwp: "f1i3iumi",
+    sj55zd: "fkfq4zb"
+  }
+}, {
+  d: [".fk6fouc{font-family:var(--fontFamilyBase);}", ".fod5ikn{font-size:var(--fontSizeBase400);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".f1anucx2{line-height:var(--lineHeightBase450);}", ".fkfq4zb{color:var(--colorNeutralForeground2);}", ".fkhj508{font-size:var(--fontSizeBase300);}", ".f1i3iumi{line-height:var(--lineHeightBase300);}"]
+});
+const useDismissButtonStyles = __styles({
+  canvas: {
+    Beyfa6y: 0,
+    Bbmb7ep: 0,
+    Btl43ni: 0,
+    B7oj6ja: 0,
+    Dimara: "f1jxijnj",
+    uwmqm3: ["fhx4nu", "fjodcmx"],
+    z189sj: ["fw5db7e", "f1uw59to"]
+  },
+  sidecar: {
+    uwmqm3: ["f1uw59to", "fw5db7e"],
+    z189sj: ["f1vdfbxk", "f1f5gg8d"],
+    Beyfa6y: 0,
+    Bbmb7ep: 0,
+    Btl43ni: 0,
+    B7oj6ja: 0,
+    Dimara: "f1kijzfu"
+  }
+}, {
+  d: [[".f1jxijnj{border-radius:var(--borderRadius2XL);}", {
+    p: -1
+  }], ".fhx4nu{padding-left:var(--spacingHorizontalL);}", ".fjodcmx{padding-right:var(--spacingHorizontalL);}", ".fw5db7e{padding-right:var(--spacingHorizontalM);}", ".f1uw59to{padding-left:var(--spacingHorizontalM);}", ".f1vdfbxk{padding-right:var(--spacingHorizontalS);}", ".f1f5gg8d{padding-left:var(--spacingHorizontalS);}", [".f1kijzfu{border-radius:var(--borderRadiusXLarge);}", {
+    p: -1
+  }]]
+});
+/**
+ * Apply styling to the AgentTag slots based on the state
+ */
+export const useAgentTagStyles_unstable = state => {
+  'use no memo';
+
+  const {
+    mode
+  } = state;
+  const contentStyles = useContentStyles();
+  const dismissButtonStyles = useDismissButtonStyles();
+  const mediaStyles = useMediaStyles();
+  state.root.className = mergeClasses(agentTagClassNames.root, state.root.className);
+  state.primaryAction.className = mergeClasses(agentTagClassNames.primaryAction, state.primaryAction.className);
+  state.dismissIcon.className = mergeClasses(agentTagClassNames.dismissIcon, state.dismissIcon.className);
+  state.dismissButton.className = mergeClasses(agentTagClassNames.dismissButton, dismissButtonStyles[mode], state.dismissButton.className);
+  if (state.media) {
+    state.media.className = mergeClasses(agentTagClassNames.media, mediaStyles[mode], state.media.className);
+  }
+  state.content.className = mergeClasses(agentTagClassNames.content, contentStyles[mode], state.content.className);
+  if (state.progress) {
+    state.progress.className = mergeClasses(agentTagClassNames.progress, state.progress.className);
+  }
+  useAttachmentStyles_unstable(state);
+  return state;
+};
+//# sourceMappingURL=useAgentTagStyles.styles.js.map

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

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