@fluentui-copilot/react-attachments 0.0.0-nightly-20240313-0404-8abc883d.1

package/CHANGELOG.md

@@ -0,0 +1,213 @@
+# Change Log - @fluentui-copilot/react-attachments
+
+This log was last generated on Wed, 13 Mar 2024 04:09:45 GMT and should not be manually modified.
+
+<!-- Start content -->
+
+## [0.0.0-nightly-20240313-0404-8abc883d.1](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-attachments_v0.0.0-nightly-20240313-0404-8abc883d.1)
+
+Wed, 13 Mar 2024 04:09:45 GMT 
+[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentai/attachments_v0.7.1..@fluentui-copilot/react-attachments_v0.0.0-nightly-20240313-0404-8abc883d.1)
+
+### Changes
+
+- Release nightly ([commit](https://github.com/microsoft/fluentai/commit/not available) by fluentui-internal@service.microsoft.com)
+- Bump @fluentui-copilot/react-provider to v0.0.0-nightly-20240313-0404-8abc883d.1 ([commit](https://github.com/microsoft/fluentai/commit/6953fd36fa1f984fe4271557d1ab88e559056e47) by beachball)
+
+## [0.7.1](https://github.com/microsoft/fluentai/tree/@fluentai/attachments_v0.7.1)
+
+Fri, 01 Mar 2024 20:07:29 GMT
+[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentai/attachments_v0.7.0..@fluentai/attachments_v0.7.1)
+
+### Patches
+
+- fix: hook up AttachmentTag ref correctly. ([PR #1383](https://github.com/microsoft/fluentai/pull/1383) by tristan.watanabe@gmail.com)
+
+## [0.7.0](https://github.com/microsoft/fluentai/tree/@fluentai/attachments_v0.7.0)
+
+Thu, 15 Feb 2024 20:24:48 GMT
+[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentai/attachments_v0.6.4..@fluentai/attachments_v0.7.0)
+
+### Minor changes
+
+- chore: initial release to NPM. ([PR #1358](https://github.com/microsoft/fluentai/pull/1358) by tristan.watanabe@gmail.com)
+
+## [0.6.3](https://github.com/microsoft/fluentai/tree/@fluentai/attachments_v0.6.3)
+
+Thu, 18 Jan 2024 00:29:43 GMT
+[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentai/attachments_v0.6.2..@fluentai/attachments_v0.6.3)
+
+### Patches
+
+- chore: remove unneeded peer dependencies. ([PR #1314](https://github.com/microsoft/fluentai/pull/1314) by tristan.watanabe@gmail.com)
+
+## [0.6.2](https://github.com/microsoft/fluentai/tree/@fluentai/attachments_v0.6.2)
+
+Tue, 09 Jan 2024 21:07:23 GMT
+[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentai/attachments_v0.6.0..@fluentai/attachments_v0.6.2)
+
+### Patches
+
+- fix: Attachment icon uses correct hover token, improving HC theme ([PR #1277](https://github.com/microsoft/fluentai/pull/1277) by etwinter@microsoft.com)
+
+## [0.6.0](https://github.com/microsoft/fluentai/tree/@fluentai/attachments_v0.6.0)
+
+Tue, 12 Dec 2023 16:35:16 GMT
+[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentai/attachments_v0.5.0..@fluentai/attachments_v0.6.0)
+
+### Minor changes
+
+- chore: Removing deprecated components in @fluentai/attachments. ([PR #1172](https://github.com/microsoft/fluentai/pull/1172) by Humberto.Morimoto@microsoft.com)
+
+## [0.5.0](https://github.com/microsoft/fluentai/tree/@fluentai/attachments_v0.5.0)
+
+Wed, 15 Nov 2023 00:55:21 GMT
+[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentai/attachments_v0.4.1..@fluentai/attachments_v0.5.0)
+
+### Minor changes
+
+- chore: move @fluentui dependencies to peer dependencies. ([PR #979](https://github.com/microsoft/fluentai/pull/979) by tristan.watanabe@gmail.com)
+- Bump @fluentai/provider to v0.6.0 ([PR #1169](https://github.com/microsoft/fluentai/pull/1169) by beachball)
+
+### Patches
+
+- chore: Migrate to new slots API. ([PR #956](https://github.com/microsoft/fluentai/pull/956) by owcampbe@microsoft.com)
+- chore: bump peer deep range to latest @fluentui/react-components 9.37.3. ([PR #1125](https://github.com/microsoft/fluentai/pull/1125) by tristan.watanabe@gmail.com)
+- fix: align peer dependency ranges with all other react copilot components. ([PR #976](https://github.com/microsoft/fluentai/pull/976) by tristan.watanabe@gmail.com)
+- chore: deprecate AttachmentMenu,AttachmentMenuList,AttachmentMenuTrigger,AttachmentMenuPopover & AttachmentMenuItem. ([PR #1015](https://github.com/microsoft/fluentai/pull/1015) by tristan.watanabe@gmail.com)
+
+## [0.4.1](https://github.com/microsoft/fluentai/tree/@fluentai/attachments_v0.4.1)
+
+Mon, 25 Sep 2023 20:31:08 GMT
+[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentai/attachments_v0.4.0..@fluentai/attachments_v0.4.1)
+
+### Patches
+
+- fix: bump swc core to mitigate transpilation memory leaks. ([PR #972](https://github.com/microsoft/fluentai/pull/972) by tristan.watanabe@gmail.com)
+- Bump @fluentai/provider to v0.5.1 ([commit](https://github.com/microsoft/fluentai/commit/f633e55414cd3ed596793f7e8916d87a242d8c0d) by beachball)
+
+## [0.4.0](https://github.com/microsoft/fluentai/tree/@fluentai/attachments_v0.4.0)
+
+Fri, 22 Sep 2023 02:11:56 GMT
+[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentai/attachments_v0.3.0..@fluentai/attachments_v0.4.0)
+
+### Minor changes
+
+- Bump @fluentai/provider to v0.5.0 ([PR #961](https://github.com/microsoft/fluentai/pull/961) by beachball)
+
+### Patches
+
+- chore: bump fluentui v9 dependencies to latest. ([PR #928](https://github.com/microsoft/fluentai/pull/928) by tristan.watanabe@gmail.com)
+
+## [0.3.0](https://github.com/microsoft/fluentai/tree/@fluentai/attachments_v0.3.0)
+
+Fri, 08 Sep 2023 18:32:55 GMT
+[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentai/attachments_v0.2.1..@fluentai/attachments_v0.3.0)
+
+### Minor changes
+
+- [breaking]: removed default Tooltip that showed even if text was not truncated ([PR #899](https://github.com/microsoft/fluentai/pull/899) by mgodbolt@microsoft.com)
+
+### Patches
+
+- test: add playwright e2e testing setup and WCAG testing. ([PR #874](https://github.com/microsoft/fluentai/pull/874) by tristan.watanabe@gmail.com)
+
+## [0.2.1](https://github.com/microsoft/fluentai/tree/@fluentai/attachments_v0.2.1)
+
+Tue, 22 Aug 2023 23:54:15 GMT
+[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentai/attachments_v0.2.0..@fluentai/attachments_v0.2.1)
+
+### Patches
+
+- chore: bump fluentui dependencies. ([PR #836](https://github.com/microsoft/fluentai/pull/836) by tristan.watanabe@gmail.com)
+- add useCustomStyleHook to all components ([PR #843](https://github.com/microsoft/fluentai/pull/843) by eysjiang@gmail.com)
+- chore: Use menu util exported from fluentui and remove duplicated local one. ([PR #857](https://github.com/microsoft/fluentai/pull/857) by Humberto.Morimoto@microsoft.com)
+- Bump @fluentai/provider to v0.4.0 ([PR #878](https://github.com/microsoft/fluentai/pull/878) by beachball)
+
+## [0.2.0](https://github.com/microsoft/fluentai/tree/@fluentai/attachments_v0.2.0)
+
+Mon, 24 Jul 2023 22:38:51 GMT
+[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentai/attachments_v0.1.7..@fluentai/attachments_v0.2.0)
+
+### Minor changes
+
+- Bump @fluentai/provider to v0.3.0 ([PR #778](https://github.com/microsoft/fluentai/pull/778) by beachball)
+
+### Patches
+
+- Added explicit button color to ensure dark mode compatibility ([PR #678](https://github.com/microsoft/fluentai/pull/678) by mgodbolt@microsoft.com)
+- chore: bump react-components to latest ([PR #741](https://github.com/microsoft/fluentai/pull/741) by mgodbolt@microsoft.com)
+
+## [0.1.7](https://github.com/microsoft/fluentai/tree/@fluentai/attachments_v0.1.7)
+
+Wed, 28 Jun 2023 21:11:32 GMT
+[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentai/attachments_v0.1.6..@fluentai/attachments_v0.1.7)
+
+### Patches
+
+- fix: only use griffel preset during babel transpilation in build step. ([PR #662](https://github.com/microsoft/fluentai/pull/662) by tristan.watanabe@gmail.com)
+- Bump @fluentai/provider to v0.2.2 ([PR #662](https://github.com/microsoft/fluentai/pull/662) by beachball)
+
+## [0.1.6](https://github.com/microsoft/fluentai/tree/@fluentai/attachments_v0.1.6)
+
+Mon, 26 Jun 2023 18:30:47 GMT
+[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentai/attachments_v0.1.5..@fluentai/attachments_v0.1.6)
+
+### Patches
+
+- chore: add LICENSE file to package. ([PR #606](https://github.com/microsoft/fluentai/pull/606) by tristan.watanabe@gmail.com)
+- chore: update babel configuration to support Griffel build time optimizations. ([PR #618](https://github.com/microsoft/fluentai/pull/618) by seanmonahan@microsoft.com)
+- Bump @fluentai/provider to v0.2.1 ([PR #618](https://github.com/microsoft/fluentai/pull/618) by beachball)
+
+## [0.1.5](https://github.com/microsoft/fluentai/tree/@fluentai/attachments_v0.1.5)
+
+Mon, 12 Jun 2023 20:28:32 GMT
+[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentai/attachments_v0.1.4..@fluentai/attachments_v0.1.5)
+
+### Patches
+
+- chore: Moving AttachmentTag and AttachmentTagList out of 'in development'. ([PR #465](https://github.com/microsoft/fluentai/pull/465) by Humberto.Morimoto@microsoft.com)
+- fix: add provider dependency ([PR #532](https://github.com/microsoft/fluentai/pull/532) by mgodbolt@microsoft.com)
+- feat: Adding initial AttachmentMenu, AttachmentMenuPopover and AttachmentMenuTrigger components. ([PR #392](https://github.com/microsoft/fluentai/pull/392) by makotom@microsoft.com)
+- add package dependencies ([PR #575](https://github.com/microsoft/fluentai/pull/575) by mgodbolt@microsoft.com)
+- feat: Building end-to-end example and adding callbacks for adding and removing attachments. ([PR #496](https://github.com/microsoft/fluentai/pull/496) by Humberto.Morimoto@microsoft.com)
+- chore: bump @fluentui/react-components and shared-contexts dependency to latest. ([PR #523](https://github.com/microsoft/fluentai/pull/523) by tristan.watanabe@gmail.com)
+- fix: Fixing some a11y issues in the AttachmentMenu pattern. ([PR #574](https://github.com/microsoft/fluentai/pull/574) by makotom@microsoft.com)
+- chore: bump @fluentui/react-icons to 2.0.201. ([PR #514](https://github.com/microsoft/fluentai/pull/514) by tristan.watanabe@gmail.com)
+- fix: add missing fluentui dependencies to package.json. ([PR #509](https://github.com/microsoft/fluentai/pull/509) by tristan.watanabe@gmail.com)
+- fix: add missing dependencies. ([PR #576](https://github.com/microsoft/fluentai/pull/576) by tristan.watanabe@gmail.com)
+- Bump @fluentai/provider to v0.2.0 ([PR #573](https://github.com/microsoft/fluentai/pull/573) by beachball)
+
+## 0.1.4
+
+Mon, 22 May 2023 18:06:18 GMT
+
+### Patches
+
+- feat: Adding initial AttachmentMenuItem and AttachmentMenuList components. (Humberto.Morimoto@microsoft.com)
+- fix: Make AttachmentTag and AttachmentTagList more accessible. (makotom@microsoft.com)
+
+## 0.1.3
+
+Mon, 08 May 2023 15:45:26 GMT
+
+### Patches
+
+- fix: publish missing lib and lib-commonjs folders. (tristan.watanabe@gmail.com)
+
+## 0.1.2
+
+Mon, 08 May 2023 14:06:39 GMT
+
+### Patches
+
+- chore: remove star exports and explicitly define package exports. (tristan.watanabe@gmail.com)
+- chore: Scaffolding components needed for attach menu pattern. (Humberto.Morimoto@microsoft.com)
+
+## 0.1.1
+
+Wed, 03 May 2023 22:41:34 GMT
+
+### Patches
+
+- chore: Making @fluentai/attachments public. (Humberto.Morimoto@microsoft.com)

package/LICENSE

@@ -0,0 +1,23 @@
+    @fluentui-copilot/react-attachments
+
+    MIT License
+
+    Copyright (c) Microsoft Corporation.
+
+    Permission is hereby granted, free of charge, to any person obtaining a copy
+    of this software and associated documentation files (the "Software"), to deal
+    in the Software without restriction, including without limitation the rights
+    to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+    copies of the Software, and to permit persons to whom the Software is
+    furnished to do so, subject to the following conditions:
+
+    The above copyright notice and this permission notice shall be included in all
+    copies or substantial portions of the Software.
+
+    THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+    IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+    FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+    AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+    LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+    OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+    SOFTWARE

package/README.md

@@ -0,0 +1,5 @@
+# @fluentui-copilot/react-attachments
+
+**For internal use only. External use is not supported at this time.**
+
+**Attachments components for [Fluent AI React](https://ai.fluentui.dev/)**

package/dist/index.d.ts

@@ -0,0 +1,107 @@
+/// <reference types="react" />
+
+import type { ComponentProps } from '@fluentui/react-components';
+import type { ComponentState } from '@fluentui/react-components';
+import type { ForwardRefComponent } from '@fluentui/react-components';
+import * as React_2 from 'react';
+import type { Slot } from '@fluentui/react-components';
+import type { SlotClassNames } from '@fluentui/react-components';
+
+export declare const AttachmentTag: ForwardRefComponent<AttachmentTagProps>;
+
+export declare const attachmentTagClassNames: SlotClassNames<AttachmentTagSlots>;
+
+export declare type AttachmentTagDismissedData = {
+    content?: AttachmentTagProps['children'];
+    media?: AttachmentTagProps['media'];
+};
+
+export declare const AttachmentTagList: ForwardRefComponent<AttachmentTagListProps>;
+
+export declare const attachmentTagListClassNames: SlotClassNames<AttachmentTagListSlots>;
+
+/**
+ * Context shared between AttachmentTagList and its children components
+ */
+declare type AttachmentTagListContextValue = Pick<AttachmentTagListProps, 'onAttachmentTagDismiss'>;
+
+declare type AttachmentTagListContextValues = {
+    tagList: AttachmentTagListContextValue;
+};
+
+/**
+ * AttachmentTagList Props
+ */
+export declare type AttachmentTagListProps = ComponentProps<AttachmentTagListSlots> & {
+    onAttachmentTagDismiss?: (e: React.MouseEvent<HTMLAnchorElement | HTMLButtonElement>, data: AttachmentTagDismissedData) => void;
+};
+
+export declare type AttachmentTagListSlots = {
+    root: Slot<'div'>;
+};
+
+/**
+ * State used in rendering AttachmentTagList
+ */
+export declare type AttachmentTagListState = ComponentState<AttachmentTagListSlots> & Pick<AttachmentTagListProps, 'onAttachmentTagDismiss'>;
+
+/**
+ * AttachmentTag Props
+ */
+export declare type AttachmentTagProps = ComponentProps<Partial<AttachmentTagSlots>>;
+
+export declare type AttachmentTagSlots = {
+    root: NonNullable<Slot<'button'>>;
+    media?: Slot<'span'>;
+    content: NonNullable<Slot<'span'>>;
+    icon: NonNullable<Slot<'span'>>;
+};
+
+/**
+ * State used in rendering AttachmentTag
+ */
+export declare type AttachmentTagState = ComponentState<AttachmentTagSlots>;
+
+/**
+ * Render the final JSX of AttachmentTag
+ */
+export declare const renderAttachmentTag_unstable: (state: AttachmentTagState) => JSX.Element;
+
+/**
+ * Render the final JSX of AttachmentTagList
+ */
+export declare const renderAttachmentTagList_unstable: (state: AttachmentTagListState, contextValues: AttachmentTagListContextValues) => JSX.Element;
+
+/**
+ * Create the state required to render AttachmentTag.
+ *
+ * The returned state can be modified with hooks such as useAttachmentTagStyles_unstable,
+ * before being passed to renderAttachmentTag_unstable.
+ *
+ * @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;
+
+/**
+ * Create the state required to render AttachmentTagList.
+ *
+ * The returned state can be modified with hooks such as useAttachmentTagListStyles_unstable,
+ * before being passed to renderAttachmentTagList_unstable.
+ *
+ * @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;
+
+/**
+ * Apply styling to the AttachmentTagList slots based on the state
+ */
+export declare const useAttachmentTagListStyles_unstable: (state: AttachmentTagListState) => AttachmentTagListState;
+
+/**
+ * Apply styling to the AttachmentTag slots based on the state
+ */
+export declare const useAttachmentTagStyles_unstable: (state: AttachmentTagState) => AttachmentTagState;
+
+export { }

package/lib/AttachmentTag.js

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

package/lib/AttachmentTag.js.map

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

package/lib/AttachmentTagItem.js

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

package/lib/AttachmentTagItem.js.map

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

package/lib/AttachmentTagList.js

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

package/lib/AttachmentTagList.js.map

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

package/lib/components/AttachmentTag/AttachmentTag.js

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { useAttachmentTag_unstable } from './useAttachmentTag';
+import { renderAttachmentTag_unstable } from './renderAttachmentTag';
+import { useAttachmentTagStyles_unstable } from './useAttachmentTagStyles';
+import { useCustomStyleHook } from '@fluentui-copilot/react-provider';
+// AttachmentTag component - TODO: add more docs
+export const AttachmentTag = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const state = useAttachmentTag_unstable(props, ref);
+  useAttachmentTagStyles_unstable(state);
+  useCustomStyleHook('useAttachmentTagStyles')(state);
+  return renderAttachmentTag_unstable(state);
+});
+AttachmentTag.displayName = 'AttachmentTag';
+//# sourceMappingURL=AttachmentTag.js.map

package/lib/components/AttachmentTag/AttachmentTag.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["AttachmentTag.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useAttachmentTag_unstable } from './useAttachmentTag';\nimport { renderAttachmentTag_unstable } from './renderAttachmentTag';\nimport { useAttachmentTagStyles_unstable } from './useAttachmentTagStyles';\nimport type { AttachmentTagProps } from './AttachmentTag.types';\nimport type { ForwardRefComponent } from '@fluentui/react-components';\nimport { useCustomStyleHook } from '@fluentui-copilot/react-provider';\n\n// AttachmentTag component - TODO: add more docs\nexport const AttachmentTag: ForwardRefComponent<AttachmentTagProps> = React.forwardRef((props, ref) => {\n  const state = useAttachmentTag_unstable(props, ref);\n\n  useAttachmentTagStyles_unstable(state);\n  useCustomStyleHook('useAttachmentTagStyles')(state);\n\n  return renderAttachmentTag_unstable(state);\n});\n\nAttachmentTag.displayName = 'AttachmentTag';\n"],"names":["React","useAttachmentTag_unstable","renderAttachmentTag_unstable","useAttachmentTagStyles_unstable","useCustomStyleHook","AttachmentTag","forwardRef","props","ref","state","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,yBAAyB,QAAQ,qBAAqB;AAC/D,SAASC,4BAA4B,QAAQ,wBAAwB;AACrE,SAASC,+BAA+B,QAAQ,2BAA2B;AAG3E,SAASC,kBAAkB,QAAQ,mCAAmC;AAEtE,gDAAgD;AAChD,OAAO,MAAMC,8BAAyDL,MAAMM,UAAU,CAAC,CAACC,OAAOC;IAC7F,MAAMC,QAAQR,0BAA0BM,OAAOC;IAE/CL,gCAAgCM;IAChCL,mBAAmB,0BAA0BK;IAE7C,OAAOP,6BAA6BO;AACtC,GAAG;AAEHJ,cAAcK,WAAW,GAAG"}

package/lib/components/AttachmentTag/AttachmentTag.types.js

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["AttachmentTag.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-components';\n\nexport type AttachmentTagSlots = {\n  root: NonNullable<Slot<'button'>>;\n\n  media?: Slot<'span'>;\n\n  content: NonNullable<Slot<'span'>>;\n\n  icon: NonNullable<Slot<'span'>>;\n};\n\n/**\n * AttachmentTag Props\n */\nexport type AttachmentTagProps = ComponentProps<Partial<AttachmentTagSlots>>;\n\n/**\n * State used in rendering AttachmentTag\n */\nexport type AttachmentTagState = ComponentState<AttachmentTagSlots>;\n"],"names":[],"mappings":"AAAA,WAoBoE"}

package/lib/components/AttachmentTag/index.js

@@ -0,0 +1,6 @@
+export * from './AttachmentTag';
+export * from './AttachmentTag.types';
+export * from './renderAttachmentTag';
+export * from './useAttachmentTag';
+export * from './useAttachmentTagStyles';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './AttachmentTag';\nexport * from './AttachmentTag.types';\nexport * from './renderAttachmentTag';\nexport * from './useAttachmentTag';\nexport * from './useAttachmentTagStyles';\n"],"names":[],"mappings":"AAAA,cAAc,kBAAkB;AAChC,cAAc,wBAAwB;AACtC,cAAc,wBAAwB;AACtC,cAAc,qBAAqB;AACnC,cAAc,2BAA2B"}

package/lib/components/AttachmentTag/renderAttachmentTag.js

@@ -0,0 +1,12 @@
+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 AttachmentTag
+ */
+export const renderAttachmentTag_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=renderAttachmentTag.js.map

package/lib/components/AttachmentTag/renderAttachmentTag.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["renderAttachmentTag.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-components';\nimport type { AttachmentTagState, AttachmentTagSlots } from './AttachmentTag.types';\n\n/**\n * Render the final JSX of AttachmentTag\n */\nexport const renderAttachmentTag_unstable = (state: AttachmentTagState) => {\n  assertSlots<AttachmentTagSlots>(state);\n\n  return (\n    <state.root>\n      {state.media && <state.media />}\n      <state.content />\n      <state.icon />\n    </state.root>\n  );\n};\n"],"names":["assertSlots","renderAttachmentTag_unstable","state","root","media","content","icon"],"mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAEjD,SAASA,WAAW,QAAQ,6BAA6B;AAGzD;;CAEC,GACD,OAAO,MAAMC,+BAA+B,CAACC;IAC3CF,YAAgCE;IAEhC,qBACE,MAACA,MAAMC,IAAI;;YACRD,MAAME,KAAK,kBAAI,KAACF,MAAME,KAAK;0BAC5B,KAACF,MAAMG,OAAO;0BACd,KAACH,MAAMI,IAAI;;;AAGjB,EAAE"}

package/lib/components/AttachmentTag/useAttachmentTag.js

@@ -0,0 +1,64 @@
+import * as React from 'react';
+import { getNativeElementProps, mergeCallbacks, slot } from '@fluentui/react-components';
+import { useHasParentContext } from '@fluentui/react-context-selector';
+import { Dismiss20Regular, Dismiss20Filled, bundleIcon } from '@fluentui/react-icons';
+import { useAttachmentTagListContext_unstable } from '../../contexts/attachmentTagListContext';
+import { AttachmentTagListContext } from '../../contexts/attachmentTagListContext';
+/**
+ * Create the state required to render AttachmentTag.
+ *
+ * The returned state can be modified with hooks such as useAttachmentTagStyles_unstable,
+ * before being passed to renderAttachmentTag_unstable.
+ *
+ * @param props - props from this instance of AttachmentTag
+ * @param ref - reference to root HTMLElement of AttachmentTag
+ */
+export const useAttachmentTag_unstable = (props, ref) => {
+  const onAttachmentTagDismiss = useAttachmentTagListContext_unstable(context => context.onAttachmentTagDismiss);
+  const {
+    children,
+    role
+  } = props;
+  const DismissIcon = bundleIcon(Dismiss20Filled, Dismiss20Regular);
+  const hasParentContext = useHasParentContext(AttachmentTagListContext);
+  const rootRole = role !== null && role !== void 0 ? role : hasParentContext ? 'menuitem' : undefined;
+  const root = slot.always(getNativeElementProps('button', {
+    ref,
+    ...props,
+    role: rootRole
+  }), {
+    elementType: 'button'
+  });
+  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: 'span'
+  });
+  const content = slot.always(props.content, {
+    defaultProps: {
+      children
+    },
+    elementType: 'span'
+  });
+  const icon = slot.always(props.icon, {
+    defaultProps: {
+      children: /*#__PURE__*/React.createElement(DismissIcon, null)
+    },
+    elementType: 'span'
+  });
+  return {
+    components: {
+      root: 'button',
+      media: 'span',
+      content: 'span',
+      icon: 'span'
+    },
+    root,
+    media,
+    content,
+    icon
+  };
+};
+//# sourceMappingURL=useAttachmentTag.js.map

package/lib/components/AttachmentTag/useAttachmentTag.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useAttachmentTag.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { getNativeElementProps, mergeCallbacks, slot } from '@fluentui/react-components';\nimport { useHasParentContext } from '@fluentui/react-context-selector';\nimport { Dismiss20Regular, Dismiss20Filled, bundleIcon } from '@fluentui/react-icons';\n\nimport { useAttachmentTagListContext_unstable } from '../../contexts/attachmentTagListContext';\n\nimport { AttachmentTagListContext } from '../../contexts/attachmentTagListContext';\nimport type { AttachmentTagProps, AttachmentTagState } from './AttachmentTag.types';\n\n/**\n * Create the state required to render AttachmentTag.\n *\n * The returned state can be modified with hooks such as useAttachmentTagStyles_unstable,\n * before being passed to renderAttachmentTag_unstable.\n *\n * @param props - props from this instance of AttachmentTag\n * @param ref - reference to root HTMLElement of AttachmentTag\n */\nexport const useAttachmentTag_unstable = (\n  props: AttachmentTagProps,\n  ref: React.Ref<HTMLElement>,\n): AttachmentTagState => {\n  const onAttachmentTagDismiss = useAttachmentTagListContext_unstable(context => context.onAttachmentTagDismiss);\n\n  const { children, role } = props;\n  const DismissIcon = bundleIcon(Dismiss20Filled, Dismiss20Regular);\n\n  const hasParentContext = useHasParentContext(AttachmentTagListContext);\n  const rootRole = role ?? (hasParentContext ? 'menuitem' : undefined);\n\n  const root = slot.always(\n    getNativeElementProps('button', {\n      ref,\n      ...props,\n      role: rootRole,\n    }),\n    { elementType: 'button' },\n  );\n  root.onClick = mergeCallbacks(\n    root.onClick as React.MouseEventHandler<HTMLAnchorElement | HTMLButtonElement>,\n    (ev: React.MouseEvent<HTMLAnchorElement | HTMLButtonElement>) =>\n      onAttachmentTagDismiss?.(ev, { content: children, media }),\n  );\n\n  const media = slot.optional(props.media, { elementType: 'span' });\n\n  const content = slot.always(props.content, {\n    defaultProps: {\n      children,\n    },\n    elementType: 'span',\n  });\n\n  const icon = slot.always(props.icon, {\n    defaultProps: {\n      children: <DismissIcon />,\n    },\n    elementType: 'span',\n  });\n\n  return {\n    components: {\n      root: 'button',\n      media: 'span',\n      content: 'span',\n      icon: 'span',\n    },\n\n    root,\n    media,\n    content,\n    icon,\n  };\n};\n"],"names":["React","getNativeElementProps","mergeCallbacks","slot","useHasParentContext","Dismiss20Regular","Dismiss20Filled","bundleIcon","useAttachmentTagListContext_unstable","AttachmentTagListContext","useAttachmentTag_unstable","props","ref","onAttachmentTagDismiss","context","children","role","DismissIcon","hasParentContext","rootRole","undefined","root","always","elementType","onClick","ev","content","media","optional","defaultProps","icon","components"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,SAASC,qBAAqB,EAAEC,cAAc,EAAEC,IAAI,QAAQ,6BAA6B;AACzF,SAASC,mBAAmB,QAAQ,mCAAmC;AACvE,SAASC,gBAAgB,EAAEC,eAAe,EAAEC,UAAU,QAAQ,wBAAwB;AAEtF,SAASC,oCAAoC,QAAQ,0CAA0C;AAE/F,SAASC,wBAAwB,QAAQ,0CAA0C;AAGnF;;;;;;;;CAQC,GACD,OAAO,MAAMC,4BAA4B,CACvCC,OACAC;IAEA,MAAMC,yBAAyBL,qCAAqCM,CAAAA,UAAWA,QAAQD,sBAAsB;IAE7G,MAAM,EAAEE,QAAQ,EAAEC,IAAI,EAAE,GAAGL;IAC3B,MAAMM,cAAcV,WAAWD,iBAAiBD;IAEhD,MAAMa,mBAAmBd,oBAAoBK;IAC7C,MAAMU,WAAWH,iBAAAA,kBAAAA,OAASE,mBAAmB,aAAaE;IAE1D,MAAMC,OAAOlB,KAAKmB,MAAM,CACtBrB,sBAAsB,UAAU;QAC9BW;QACA,GAAGD,KAAK;QACRK,MAAMG;IACR,IACA;QAAEI,aAAa;IAAS;IAE1BF,KAAKG,OAAO,GAAGtB,eACbmB,KAAKG,OAAO,EACZ,CAACC,KACCZ,mCAAAA,6CAAAA,uBAAyBY,IAAI;YAAEC,SAASX;YAAUY;QAAM;IAG5D,MAAMA,QAAQxB,KAAKyB,QAAQ,CAACjB,MAAMgB,KAAK,EAAE;QAAEJ,aAAa;IAAO;IAE/D,MAAMG,UAAUvB,KAAKmB,MAAM,CAACX,MAAMe,OAAO,EAAE;QACzCG,cAAc;YACZd;QACF;QACAQ,aAAa;IACf;IAEA,MAAMO,OAAO3B,KAAKmB,MAAM,CAACX,MAAMmB,IAAI,EAAE;QACnCD,cAAc;YACZd,wBAAU,oBAACE;QACb;QACAM,aAAa;IACf;IAEA,OAAO;QACLQ,YAAY;YACVV,MAAM;YACNM,OAAO;YACPD,SAAS;YACTI,MAAM;QACR;QAEAT;QACAM;QACAD;QACAI;IACF;AACF,EAAE"}

package/lib/components/AttachmentTag/useAttachmentTagStyles.js

@@ -0,0 +1,30 @@
+import { __resetStyles, mergeClasses, tokens, typographyStyles } from '@fluentui/react-components';
+export const attachmentTagClassNames = {
+  root: 'fai-AttachmentTag',
+  media: 'fai-AttachmentTag__media',
+  content: 'fai-AttachmentTag__content',
+  icon: 'fai-AttachmentTag__icon'
+};
+const ATTACHMENTTAG_MAXWIDTH = '180px';
+const ATTACHMENTTAG_SIZE = '20px';
+const useRootBaseClassName = __resetStyles("r1km3emv", "r21ecva", [".r1km3emv{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;justify-content:center;max-width:180px;padding:var(--spacingVerticalXS) var(--spacingHorizontalXS) var(--spacingVerticalXS) var(--spacingHorizontalS);vertical-align:middle;}", ".r1km3emv:hover{border-color:var(--colorNeutralStroke1Hover);}", ".r1km3emv:hover .fai-AttachmentTag__icon{color:var(--colorBrandForegroundLinkHover);}", ".r1km3emv:hover:active{border-color:var(--colorNeutralStroke1Pressed);}", ".r1km3emv:hover:active .fai-AttachmentTag__icon{color:var(--colorNeutralForeground2BrandPressed);}", ".r1km3emv:focus .fai-AttachmentTag__icon{color:var(--colorNeutralForeground2BrandHover);}", ".r1km3emv:focus:active .fai-AttachmentTag__icon{color:var(--colorNeutralForeground2BrandPressed);}", ".r21ecva{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;justify-content:center;max-width:180px;padding:var(--spacingVerticalXS) var(--spacingHorizontalS) var(--spacingVerticalXS) var(--spacingHorizontalXS);vertical-align:middle;}", ".r21ecva:hover{border-color:var(--colorNeutralStroke1Hover);}", ".r21ecva:hover .fai-AttachmentTag__icon{color:var(--colorBrandForegroundLinkHover);}", ".r21ecva:hover:active{border-color:var(--colorNeutralStroke1Pressed);}", ".r21ecva:hover:active .fai-AttachmentTag__icon{color:var(--colorNeutralForeground2BrandPressed);}", ".r21ecva:focus .fai-AttachmentTag__icon{color:var(--colorNeutralForeground2BrandHover);}", ".r21ecva:focus:active .fai-AttachmentTag__icon{color:var(--colorNeutralForeground2BrandPressed);}"]);
+const useMediaBaseClassName = __resetStyles("r19jnv3a", null, [".r19jnv3a{font-size:20px;height:20px;line-height:20px;width:20px;}"]);
+const useContentBaseClassName = __resetStyles("rmt99gk", null, [".rmt99gk{overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase300);font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase300);}"]);
+const useIconBaseClassName = __resetStyles("r176grtk", null, [".r176grtk{align-items:center;border-radius:var(--borderRadiusCircular);border:var(--strokeWidthThin) solid var(--colorTransparentStroke);box-sizing:border-box;color:var(--colorNeutralForeground1);display:inline-flex;font-size:20px;height:calc(20px + var(--strokeWidthThin) * 2 + var(--spacingVerticalXXS));justify-content:center;max-width:calc(20px + var(--strokeWidthThin) * 2 + var(--spacingHorizontalXXS));min-width:calc(20px + var(--strokeWidthThin) * 2 + var(--spacingHorizontalXXS));padding:calc(var(--spacingVerticalXXS) / 2) calc(var(--spacingHorizontalXXS) / 2);}"]);
+/**
+ * Apply styling to the AttachmentTag slots based on the state
+ */
+export const useAttachmentTagStyles_unstable = state => {
+  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.js.map

package/lib/components/AttachmentTag/useAttachmentTagStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useAttachmentTagStyles.ts"],"sourcesContent":["import { makeResetStyles, mergeClasses, tokens, typographyStyles } from '@fluentui/react-components';\nimport type { AttachmentTagSlots, AttachmentTagState } from './AttachmentTag.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const attachmentTagClassNames: SlotClassNames<AttachmentTagSlots> = {\n  root: 'fai-AttachmentTag',\n  media: 'fai-AttachmentTag__media',\n  content: 'fai-AttachmentTag__content',\n  icon: 'fai-AttachmentTag__icon',\n};\nconst ATTACHMENTTAG_MAXWIDTH = '180px';\nconst ATTACHMENTTAG_SIZE = '20px';\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  justifyContent: 'center',\n  maxWidth: ATTACHMENTTAG_MAXWIDTH,\n  padding: `${tokens.spacingVerticalXS} ${tokens.spacingHorizontalXS} ${tokens.spacingVerticalXS} ${tokens.spacingHorizontalS}`,\n  verticalAlign: 'middle',\n\n  ':hover': {\n    borderColor: tokens.colorNeutralStroke1Hover,\n\n    [`& .${attachmentTagClassNames.icon}`]: {\n      color: tokens.colorBrandForegroundLinkHover,\n    },\n  },\n\n  ':hover:active': {\n    borderColor: tokens.colorNeutralStroke1Pressed,\n\n    [`& .${attachmentTagClassNames.icon}`]: {\n      color: tokens.colorNeutralForeground2BrandPressed,\n    },\n  },\n\n  ':focus': {\n    [`& .${attachmentTagClassNames.icon}`]: {\n      color: tokens.colorNeutralForeground2BrandHover,\n    },\n  },\n\n  ':focus:active': {\n    [`& .${attachmentTagClassNames.icon}`]: {\n      color: tokens.colorNeutralForeground2BrandPressed,\n    },\n  },\n});\n\nconst useMediaBaseClassName = makeResetStyles({\n  fontSize: ATTACHMENTTAG_SIZE,\n  height: ATTACHMENTTAG_SIZE,\n  lineHeight: ATTACHMENTTAG_SIZE,\n  width: ATTACHMENTTAG_SIZE,\n});\n\nconst useContentBaseClassName = makeResetStyles({\n  overflowX: 'hidden',\n  textOverflow: 'ellipsis',\n  whiteSpace: 'nowrap',\n  ...typographyStyles.body1,\n});\n\nconst useIconBaseClassName = makeResetStyles({\n  alignItems: 'center',\n  borderRadius: tokens.borderRadiusCircular,\n  border: `${tokens.strokeWidthThin} solid ${tokens.colorTransparentStroke}`,\n  boxSizing: 'border-box',\n  color: tokens.colorNeutralForeground1,\n  display: 'inline-flex',\n  fontSize: ATTACHMENTTAG_SIZE,\n  height: `calc(${ATTACHMENTTAG_SIZE} + ${tokens.strokeWidthThin} * 2 + ${tokens.spacingVerticalXXS})`,\n  justifyContent: 'center',\n  maxWidth: `calc(${ATTACHMENTTAG_SIZE} + ${tokens.strokeWidthThin} * 2 + ${tokens.spacingHorizontalXXS})`,\n  minWidth: `calc(${ATTACHMENTTAG_SIZE} + ${tokens.strokeWidthThin} * 2 + ${tokens.spacingHorizontalXXS})`,\n  padding: `calc(${tokens.spacingVerticalXXS} / 2) calc(${tokens.spacingHorizontalXXS} / 2)`,\n});\n\n/**\n * Apply styling to the AttachmentTag slots based on the state\n */\nexport const useAttachmentTagStyles_unstable = (state: AttachmentTagState): AttachmentTagState => {\n  const rootBaseClassName = useRootBaseClassName();\n  const mediaBaseClassName = useMediaBaseClassName();\n  const contentBaseClassName = useContentBaseClassName();\n  const iconBaseClassName = useIconBaseClassName();\n\n  state.root.className = mergeClasses(attachmentTagClassNames.root, rootBaseClassName, state.root.className);\n\n  if (state.media) {\n    state.media.className = mergeClasses(attachmentTagClassNames.media, mediaBaseClassName, state.media.className);\n  }\n\n  state.content.className = mergeClasses(\n    attachmentTagClassNames.content,\n    contentBaseClassName,\n    state.content.className,\n  );\n\n  state.icon.className = mergeClasses(attachmentTagClassNames.icon, iconBaseClassName, state.icon.className);\n\n  return state;\n};\n"],"names":["makeResetStyles","mergeClasses","tokens","typographyStyles","attachmentTagClassNames","root","media","content","icon","ATTACHMENTTAG_MAXWIDTH","ATTACHMENTTAG_SIZE","useRootBaseClassName","color","colorNeutralForeground1","alignItems","backgroundColor","colorNeutralBackground1","border","strokeWidthThin","colorNeutralStroke1","borderRadius","borderRadiusMedium","boxSizing","columnGap","spacingHorizontalSNudge","cursor","display","flexWrap","justifyContent","maxWidth","padding","spacingVerticalXS","spacingHorizontalXS","spacingHorizontalS","verticalAlign","borderColor","colorNeutralStroke1Hover","colorBrandForegroundLinkHover","colorNeutralStroke1Pressed","colorNeutralForeground2BrandPressed","colorNeutralForeground2BrandHover","useMediaBaseClassName","fontSize","height","lineHeight","width","useContentBaseClassName","overflowX","textOverflow","whiteSpace","body1","useIconBaseClassName","borderRadiusCircular","colorTransparentStroke","spacingVerticalXXS","spacingHorizontalXXS","minWidth","useAttachmentTagStyles_unstable","state","rootBaseClassName","mediaBaseClassName","contentBaseClassName","iconBaseClassName","className"],"mappings":"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"}

package/lib/components/AttachmentTagItem/AttachmentTagItem.js

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { useAttachmentTagItem_unstable } from './useAttachmentTagItem';
+import { renderAttachmentTagItem_unstable } from './renderAttachmentTagItem';
+import { useAttachmentTagItemStyles_unstable } from './useAttachmentTagItemStyles';
+// AttachmentTagItem component - TODO: add more docs
+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.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["AttachmentTagItem.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useAttachmentTagItem_unstable } from './useAttachmentTagItem';\nimport { renderAttachmentTagItem_unstable } from './renderAttachmentTagItem';\nimport { useAttachmentTagItemStyles_unstable } from './useAttachmentTagItemStyles';\nimport type { AttachmentTagItemProps } from './AttachmentTagItem.types';\nimport type { ForwardRefComponent } from '@fluentui/react-components';\n\n// AttachmentTagItem component - TODO: add more docs\nexport const AttachmentTagItem: ForwardRefComponent<AttachmentTagItemProps> = React.forwardRef((props, ref) => {\n  const state = useAttachmentTagItem_unstable(props, ref);\n\n  useAttachmentTagItemStyles_unstable(state);\n  return renderAttachmentTagItem_unstable(state);\n});\n\nAttachmentTagItem.displayName = 'AttachmentTagItem';\n"],"names":["React","useAttachmentTagItem_unstable","renderAttachmentTagItem_unstable","useAttachmentTagItemStyles_unstable","AttachmentTagItem","forwardRef","props","ref","state","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,6BAA6B,QAAQ,yBAAyB;AACvE,SAASC,gCAAgC,QAAQ,4BAA4B;AAC7E,SAASC,mCAAmC,QAAQ,+BAA+B;AAInF,oDAAoD;AACpD,OAAO,MAAMC,kCAAiEJ,MAAMK,UAAU,CAAC,CAACC,OAAOC;IACrG,MAAMC,QAAQP,8BAA8BK,OAAOC;IAEnDJ,oCAAoCK;IACpC,OAAON,iCAAiCM;AAC1C,GAAG;AAEHJ,kBAAkBK,WAAW,GAAG"}

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

@@ -0,0 +1,3 @@
+export {}; // TODO: Remove semicolon from previous line, uncomment next line, and provide union of props to pick from AttachmentTagItemProps.
+// & Required<Pick<AttachmentTagItemProps, 'propName'>>
+//# sourceMappingURL=AttachmentTagItem.types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["AttachmentTagItem.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-components';\n\nexport type AttachmentTagItemSlots = {\n  root: Slot<'div'>;\n};\n\n/**\n * AttachmentTagItem Props\n */\nexport type AttachmentTagItemProps = ComponentProps<AttachmentTagItemSlots> & {};\n\n/**\n * State used in rendering AttachmentTagItem\n */\nexport type AttachmentTagItemState = ComponentState<AttachmentTagItemSlots>;\n// TODO: Remove semicolon from previous line, uncomment next line, and provide union of props to pick from AttachmentTagItemProps.\n// & Required<Pick<AttachmentTagItemProps, 'propName'>>\n"],"names":[],"mappings":"AAAA,WAc4E,CAC5E,kIAAkI;CAClI,uDAAuD"}

package/lib/components/AttachmentTagItem/index.js

@@ -0,0 +1,6 @@
+export * from './AttachmentTagItem';
+export * from './AttachmentTagItem.types';
+export * from './renderAttachmentTagItem';
+export * from './useAttachmentTagItem';
+export * from './useAttachmentTagItemStyles';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './AttachmentTagItem';\nexport * from './AttachmentTagItem.types';\nexport * from './renderAttachmentTagItem';\nexport * from './useAttachmentTagItem';\nexport * from './useAttachmentTagItemStyles';\n"],"names":[],"mappings":"AAAA,cAAc,sBAAsB;AACpC,cAAc,4BAA4B;AAC1C,cAAc,4BAA4B;AAC1C,cAAc,yBAAyB;AACvC,cAAc,+BAA+B"}

package/lib/components/AttachmentTagItem/renderAttachmentTagItem.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } 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);
+  // TODO Add additional slots in the appropriate place
+  return /*#__PURE__*/_jsx(state.root, {});
+};
+//# sourceMappingURL=renderAttachmentTagItem.js.map

package/lib/components/AttachmentTagItem/renderAttachmentTagItem.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["renderAttachmentTagItem.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-components';\nimport type { AttachmentTagItemState, AttachmentTagItemSlots } from './AttachmentTagItem.types';\n\n/**\n * Render the final JSX of AttachmentTagItem\n */\nexport const renderAttachmentTagItem_unstable = (state: AttachmentTagItemState) => {\n  assertSlots<AttachmentTagItemSlots>(state);\n\n  // TODO Add additional slots in the appropriate place\n  return <state.root />;\n};\n"],"names":["assertSlots","renderAttachmentTagItem_unstable","state","root"],"mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAEjD,SAASA,WAAW,QAAQ,6BAA6B;AAGzD;;CAEC,GACD,OAAO,MAAMC,mCAAmC,CAACC;IAC/CF,YAAoCE;IAEpC,qDAAqD;IACrD,qBAAO,KAACA,MAAMC,IAAI;AACpB,EAAE"}