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

package/lib/components/AttachmentTagItem/useAttachmentTagItem.js

@@ -0,0 +1,29 @@
+import { getNativeElementProps, slot } from '@fluentui/react-components';
+// If you add JSX to this file, be sure to change the file type to .tsx
+/**
+ * Create the state required to render AttachmentTagItem.
+ *
+ * The returned state can be modified with hooks such as useAttachmentTagItemStyles_unstable,
+ * before being passed to renderAttachmentTagItem_unstable.
+ *
+ * @param props - props from this instance of AttachmentTagItem
+ * @param ref - reference to root HTMLElement of AttachmentTagItem
+ */
+export const useAttachmentTagItem_unstable = (props, ref) => {
+  return {
+    // TODO add appropriate props/defaults
+    components: {
+      // TODO add each slot's element type or component
+      root: 'div'
+    },
+    // TODO add appropriate slots, for example:
+    // mySlot: slot.optional(props.mySlot),
+    root: slot.always(getNativeElementProps('div', {
+      ref,
+      ...props
+    }), {
+      elementType: 'div'
+    })
+  };
+};
+//# sourceMappingURL=useAttachmentTagItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["useAttachmentTagItem.ts"],"sourcesContent":["import type * as React from 'react';\nimport { getNativeElementProps, slot } from '@fluentui/react-components';\nimport type { AttachmentTagItemProps, AttachmentTagItemState } from './AttachmentTagItem.types';\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 AttachmentTagItem.\n *\n * The returned state can be modified with hooks such as useAttachmentTagItemStyles_unstable,\n * before being passed to renderAttachmentTagItem_unstable.\n *\n * @param props - props from this instance of AttachmentTagItem\n * @param ref - reference to root HTMLElement of AttachmentTagItem\n */\nexport const useAttachmentTagItem_unstable = (\n  props: AttachmentTagItemProps,\n  ref: React.Ref<HTMLElement>,\n): AttachmentTagItemState => {\n  return {\n    // TODO add appropriate props/defaults\n    components: {\n      // TODO add each slot's element type or component\n      root: 'div',\n    },\n    // TODO add appropriate slots, for example:\n    // mySlot: slot.optional(props.mySlot),\n    root: slot.always(\n      getNativeElementProps('div', {\n        ref,\n        ...props,\n      }),\n      { elementType: 'div' },\n    ),\n  };\n};\n"],"names":["getNativeElementProps","slot","useAttachmentTagItem_unstable","props","ref","components","root","always","elementType"],"mappings":"AACA,SAASA,qBAAqB,EAAEC,IAAI,QAAQ,6BAA6B;AAGzE,uEAAuE;AAEvE;;;;;;;;CAQC,GACD,OAAO,MAAMC,gCAAgC,CAC3CC,OACAC;IAEA,OAAO;QACL,sCAAsC;QACtCC,YAAY;YACV,iDAAiD;YACjDC,MAAM;QACR;QACA,2CAA2C;QAC3C,uCAAuC;QACvCA,MAAML,KAAKM,MAAM,CACfP,sBAAsB,OAAO;YAC3BI;YACA,GAAGD,KAAK;QACV,IACA;YAAEK,aAAa;QAAM;IAEzB;AACF,EAAE"}

package/lib/components/AttachmentTagItem/useAttachmentTagItemStyles.js

@@ -0,0 +1,21 @@
+import { __styles, mergeClasses } from '@fluentui/react-components';
+export const attachmentTagItemClassNames = {
+  root: 'fai-AttachmentTagItem'
+};
+/**
+ * Styles for the root slot
+ */
+const useStyles = __styles({
+  root: {}
+}, {});
+/**
+ * Apply styling to the AttachmentTagItem slots based on the state
+ */
+export const useAttachmentTagItemStyles_unstable = state => {
+  const styles = useStyles();
+  state.root.className = mergeClasses(attachmentTagItemClassNames.root, styles.root, state.root.className);
+  // TODO Add class names to slots, for example:
+  // state.mySlot.className = mergeClasses(styles.mySlot, state.mySlot.className);
+  return state;
+};
+//# sourceMappingURL=useAttachmentTagItemStyles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["useAttachmentTagItemStyles.ts"],"sourcesContent":["import { makeStyles, mergeClasses } from '@fluentui/react-components';\nimport type { AttachmentTagItemSlots, AttachmentTagItemState } from './AttachmentTagItem.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const attachmentTagItemClassNames: SlotClassNames<AttachmentTagItemSlots> = {\n  root: 'fai-AttachmentTagItem',\n  // TODO: add class names for all slots on AttachmentTagItemSlots.\n  // Should be of the form `<slotName>: 'fai-AttachmentTagItem__<slotName>`\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: {\n    // TODO Add default styles for the root element\n  },\n\n  // TODO add additional classes for different states and/or slots\n});\n\n/**\n * Apply styling to the AttachmentTagItem slots based on the state\n */\nexport const useAttachmentTagItemStyles_unstable = (state: AttachmentTagItemState): AttachmentTagItemState => {\n  const styles = useStyles();\n  state.root.className = mergeClasses(attachmentTagItemClassNames.root, styles.root, state.root.className);\n\n  // TODO Add class names to slots, for example:\n  // state.mySlot.className = mergeClasses(styles.mySlot, state.mySlot.className);\n\n  return state;\n};\n"],"names":["makeStyles","mergeClasses","attachmentTagItemClassNames","root","useStyles","useAttachmentTagItemStyles_unstable","state","styles","className"],"mappings":"AAAA,SAASA,UAAU,EAAEC,YAAY,QAAQ,6BAA6B;AAItE,OAAO,MAAMC,8BAAsE;IACjFC,MAAM;AAGR,EAAE;AAEF;;CAEC,GACD,MAAMC,YAAYJ,WAAW;IAC3BG,MAAM;IAEN;AAGF;AAEA;;CAEC,GACD,OAAO,MAAME,sCAAsC,CAACC;IAClD,MAAMC,SAASH;IACfE,MAAMH,IAAI,CAACK,SAAS,GAAGP,aAAaC,4BAA4BC,IAAI,EAAEI,OAAOJ,IAAI,EAAEG,MAAMH,IAAI,CAACK,SAAS;IAEvG,8CAA8C;IAC9C,gFAAgF;IAEhF,OAAOF;AACT,EAAE"}

package/lib/components/AttachmentTagList/AttachmentTagList.js

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { renderAttachmentTagList_unstable } from './renderAttachmentTagList';
+import { useAttachmentTagList_unstable } from './useAttachmentTagList';
+import { useAttachmentTagListContextValues_unstable } from './useAttachmentTagListContextValues';
+import { useAttachmentTagListStyles_unstable } from './useAttachmentTagListStyles';
+import { useCustomStyleHook } from '@fluentui-copilot/react-provider';
+// AttachmentTagList component - TODO: add more docs
+export const AttachmentTagList = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const state = useAttachmentTagList_unstable(props, ref);
+  const contextValues = useAttachmentTagListContextValues_unstable(state);
+  useAttachmentTagListStyles_unstable(state);
+  useCustomStyleHook('useAttachmentTagListStyles')(state);
+  return renderAttachmentTagList_unstable(state, contextValues);
+});
+AttachmentTagList.displayName = 'AttachmentTagList';
+//# sourceMappingURL=AttachmentTagList.js.map

package/lib/components/AttachmentTagList/AttachmentTagList.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["AttachmentTagList.tsx"],"sourcesContent":["import * as React from 'react';\nimport { renderAttachmentTagList_unstable } from './renderAttachmentTagList';\nimport { useAttachmentTagList_unstable } from './useAttachmentTagList';\nimport { useAttachmentTagListContextValues_unstable } from './useAttachmentTagListContextValues';\nimport { useAttachmentTagListStyles_unstable } from './useAttachmentTagListStyles';\nimport type { AttachmentTagListProps } from './AttachmentTagList.types';\nimport type { ForwardRefComponent } from '@fluentui/react-components';\nimport { useCustomStyleHook } from '@fluentui-copilot/react-provider';\n\n// AttachmentTagList component - TODO: add more docs\nexport const AttachmentTagList: ForwardRefComponent<AttachmentTagListProps> = React.forwardRef((props, ref) => {\n  const state = useAttachmentTagList_unstable(props, ref);\n  const contextValues = useAttachmentTagListContextValues_unstable(state);\n\n  useAttachmentTagListStyles_unstable(state);\n  useCustomStyleHook('useAttachmentTagListStyles')(state);\n\n  return renderAttachmentTagList_unstable(state, contextValues);\n});\n\nAttachmentTagList.displayName = 'AttachmentTagList';\n"],"names":["React","renderAttachmentTagList_unstable","useAttachmentTagList_unstable","useAttachmentTagListContextValues_unstable","useAttachmentTagListStyles_unstable","useCustomStyleHook","AttachmentTagList","forwardRef","props","ref","state","contextValues","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,gCAAgC,QAAQ,4BAA4B;AAC7E,SAASC,6BAA6B,QAAQ,yBAAyB;AACvE,SAASC,0CAA0C,QAAQ,sCAAsC;AACjG,SAASC,mCAAmC,QAAQ,+BAA+B;AAGnF,SAASC,kBAAkB,QAAQ,mCAAmC;AAEtE,oDAAoD;AACpD,OAAO,MAAMC,kCAAiEN,MAAMO,UAAU,CAAC,CAACC,OAAOC;IACrG,MAAMC,QAAQR,8BAA8BM,OAAOC;IACnD,MAAME,gBAAgBR,2CAA2CO;IAEjEN,oCAAoCM;IACpCL,mBAAmB,8BAA8BK;IAEjD,OAAOT,iCAAiCS,OAAOC;AACjD,GAAG;AAEHL,kBAAkBM,WAAW,GAAG"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["AttachmentTagList.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-components';\nimport type { AttachmentTagListContextValue } from '../../contexts/attachmentTagListContext';\nimport type { AttachmentTagProps } from '../AttachmentTag/AttachmentTag.types';\n\nexport type AttachmentTagListSlots = {\n  root: Slot<'div'>;\n};\n\nexport type AttachmentTagDismissedData = {\n  content?: AttachmentTagProps['children'];\n  media?: AttachmentTagProps['media'];\n};\n\n/**\n * AttachmentTagList Props\n */\nexport type AttachmentTagListProps = ComponentProps<AttachmentTagListSlots> & {\n  onAttachmentTagDismiss?: (\n    e: React.MouseEvent<HTMLAnchorElement | HTMLButtonElement>,\n    data: AttachmentTagDismissedData,\n  ) => void;\n};\n\n/**\n * State used in rendering AttachmentTagList\n */\nexport type AttachmentTagListState = ComponentState<AttachmentTagListSlots> &\n  Pick<AttachmentTagListProps, 'onAttachmentTagDismiss'>;\n\nexport type AttachmentTagListContextValues = {\n  tagList: AttachmentTagListContextValue;\n};\n"],"names":[],"mappings":"AAAA,WA+BE"}

package/lib/components/AttachmentTagList/index.js

@@ -0,0 +1,6 @@
+export * from './AttachmentTagList';
+export * from './AttachmentTagList.types';
+export * from './renderAttachmentTagList';
+export * from './useAttachmentTagList';
+export * from './useAttachmentTagListStyles';
+//# sourceMappingURL=index.js.map

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

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

package/lib/components/AttachmentTagList/renderAttachmentTagList.js

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

package/lib/components/AttachmentTagList/renderAttachmentTagList.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["renderAttachmentTagList.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-components';\n\nimport { AttachmentTagListProvider } from '../../contexts/attachmentTagListContext';\nimport type {\n  AttachmentTagListContextValues,\n  AttachmentTagListState,\n  AttachmentTagListSlots,\n} from './AttachmentTagList.types';\n\n/**\n * Render the final JSX of AttachmentTagList\n */\nexport const renderAttachmentTagList_unstable = (\n  state: AttachmentTagListState,\n  contextValues: AttachmentTagListContextValues,\n) => {\n  assertSlots<AttachmentTagListSlots>(state);\n\n  return (\n    <AttachmentTagListProvider value={contextValues.tagList}>\n      <state.root />\n    </AttachmentTagListProvider>\n  );\n};\n"],"names":["assertSlots","AttachmentTagListProvider","renderAttachmentTagList_unstable","state","contextValues","value","tagList","root"],"mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAEjD,SAASA,WAAW,QAAQ,6BAA6B;AAEzD,SAASC,yBAAyB,QAAQ,0CAA0C;AAOpF;;CAEC,GACD,OAAO,MAAMC,mCAAmC,CAC9CC,OACAC;IAEAJ,YAAoCG;IAEpC,qBACE,KAACF;QAA0BI,OAAOD,cAAcE,OAAO;kBACrD,cAAA,KAACH,MAAMI,IAAI;;AAGjB,EAAE"}

package/lib/components/AttachmentTagList/useAttachmentTagList.js

@@ -0,0 +1,35 @@
+import { getNativeElementProps, slot, useArrowNavigationGroup } from '@fluentui/react-components';
+/**
+ * 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 const useAttachmentTagList_unstable = (props, ref) => {
+  const {
+    onAttachmentTagDismiss
+  } = props;
+  const focusAttributes = useArrowNavigationGroup({
+    axis: 'both',
+    circular: true
+  });
+  return {
+    onAttachmentTagDismiss,
+    components: {
+      root: 'div'
+    },
+    root: slot.always(getNativeElementProps('div', {
+      'aria-label': 'Attachments',
+      ref,
+      role: 'menu',
+      ...focusAttributes,
+      ...props
+    }), {
+      elementType: 'div'
+    })
+  };
+};
+//# sourceMappingURL=useAttachmentTagList.js.map

package/lib/components/AttachmentTagList/useAttachmentTagList.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useAttachmentTagList.ts"],"sourcesContent":["import type * as React from 'react';\n\nimport { getNativeElementProps, slot, useArrowNavigationGroup } from '@fluentui/react-components';\nimport type { AttachmentTagListProps, AttachmentTagListState } from './AttachmentTagList.types';\n\n/**\n * Create the state required to render AttachmentTagList.\n *\n * The returned state can be modified with hooks such as useAttachmentTagListStyles_unstable,\n * before being passed to renderAttachmentTagList_unstable.\n *\n * @param props - props from this instance of AttachmentTagList\n * @param ref - reference to root HTMLElement of AttachmentTagList\n */\nexport const useAttachmentTagList_unstable = (\n  props: AttachmentTagListProps,\n  ref: React.Ref<HTMLElement>,\n): AttachmentTagListState => {\n  const { onAttachmentTagDismiss } = props;\n\n  const focusAttributes = useArrowNavigationGroup({\n    axis: 'both',\n    circular: true,\n  });\n\n  return {\n    onAttachmentTagDismiss,\n\n    components: {\n      root: 'div',\n    },\n    root: slot.always(\n      getNativeElementProps('div', {\n        'aria-label': 'Attachments',\n        ref,\n        role: 'menu',\n        ...focusAttributes,\n        ...props,\n      }),\n      { elementType: 'div' },\n    ),\n  };\n};\n"],"names":["getNativeElementProps","slot","useArrowNavigationGroup","useAttachmentTagList_unstable","props","ref","onAttachmentTagDismiss","focusAttributes","axis","circular","components","root","always","role","elementType"],"mappings":"AAEA,SAASA,qBAAqB,EAAEC,IAAI,EAAEC,uBAAuB,QAAQ,6BAA6B;AAGlG;;;;;;;;CAQC,GACD,OAAO,MAAMC,gCAAgC,CAC3CC,OACAC;IAEA,MAAM,EAAEC,sBAAsB,EAAE,GAAGF;IAEnC,MAAMG,kBAAkBL,wBAAwB;QAC9CM,MAAM;QACNC,UAAU;IACZ;IAEA,OAAO;QACLH;QAEAI,YAAY;YACVC,MAAM;QACR;QACAA,MAAMV,KAAKW,MAAM,CACfZ,sBAAsB,OAAO;YAC3B,cAAc;YACdK;YACAQ,MAAM;YACN,GAAGN,eAAe;YAClB,GAAGH,KAAK;QACV,IACA;YAAEU,aAAa;QAAM;IAEzB;AACF,EAAE"}

package/lib/components/AttachmentTagList/useAttachmentTagListContextValues.js

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

package/lib/components/AttachmentTagList/useAttachmentTagListContextValues.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useAttachmentTagListContextValues.ts"],"sourcesContent":["import type { AttachmentTagListContextValues, AttachmentTagListState } from './AttachmentTagList.types';\n\nexport function useAttachmentTagListContextValues_unstable(\n  state: AttachmentTagListState,\n): AttachmentTagListContextValues {\n  const { onAttachmentTagDismiss } = state;\n\n  // This context is created with \"@fluentui/react-context-selector\", there is no sense to memoize it\n  const tagList = {\n    onAttachmentTagDismiss,\n  };\n\n  return { tagList };\n}\n"],"names":["useAttachmentTagListContextValues_unstable","state","onAttachmentTagDismiss","tagList"],"mappings":"AAEA,OAAO,SAASA,2CACdC,KAA6B;IAE7B,MAAM,EAAEC,sBAAsB,EAAE,GAAGD;IAEnC,mGAAmG;IACnG,MAAME,UAAU;QACdD;IACF;IAEA,OAAO;QAAEC;IAAQ;AACnB"}

package/lib/components/AttachmentTagList/useAttachmentTagListStyles.js

@@ -0,0 +1,14 @@
+import { __resetStyles, mergeClasses, tokens } from '@fluentui/react-components';
+export const attachmentTagListClassNames = {
+  root: 'fai-AttachmentTagList'
+};
+const useRootBaseClassName = __resetStyles("r168fwfa", null, [".r168fwfa{column-gap:var(--spacingHorizontalSNudge);display:flex;flex-direction:row;flex-shrink:0;flex-wrap:wrap;row-gap:var(--spacingVerticalXS);}"]);
+/**
+ * Apply styling to the AttachmentTagList slots based on the state
+ */
+export const useAttachmentTagListStyles_unstable = state => {
+  const rootBaseClassName = useRootBaseClassName();
+  state.root.className = mergeClasses(attachmentTagListClassNames.root, rootBaseClassName, state.root.className);
+  return state;
+};
+//# sourceMappingURL=useAttachmentTagListStyles.js.map

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

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

package/lib/components/index.js

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

package/lib/components/index.js.map

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

package/lib/contexts/attachmentTagListContext.js

@@ -0,0 +1,8 @@
+import { createContext, useContextSelector } from '@fluentui/react-context-selector';
+export const AttachmentTagListContext = createContext(undefined);
+const tagListContextDefaultValue = {
+  onAttachmentTagDismiss: () => null
+};
+export const AttachmentTagListProvider = AttachmentTagListContext.Provider;
+export const useAttachmentTagListContext_unstable = selector => useContextSelector(AttachmentTagListContext, (ctx = tagListContextDefaultValue) => selector(ctx));
+//# sourceMappingURL=attachmentTagListContext.js.map

package/lib/contexts/attachmentTagListContext.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["attachmentTagListContext.ts"],"sourcesContent":["import { createContext, useContextSelector } from '@fluentui/react-context-selector';\nimport type { Context, ContextSelector } from '@fluentui/react-context-selector';\nimport type { AttachmentTagListProps } from '../components/index';\n\nexport const AttachmentTagListContext: Context<AttachmentTagListContextValue> = createContext<\n  AttachmentTagListContextValue | undefined\n>(undefined) as Context<AttachmentTagListContextValue>;\n\nconst tagListContextDefaultValue: AttachmentTagListContextValue = {\n  onAttachmentTagDismiss: () => null,\n};\n\n/**\n * Context shared between AttachmentTagList and its children components\n */\nexport type AttachmentTagListContextValue = Pick<AttachmentTagListProps, 'onAttachmentTagDismiss'>;\n\nexport const AttachmentTagListProvider = AttachmentTagListContext.Provider;\n\nexport const useAttachmentTagListContext_unstable = <T>(selector: ContextSelector<AttachmentTagListContextValue, T>) =>\n  useContextSelector(AttachmentTagListContext, (ctx = tagListContextDefaultValue) => selector(ctx));\n"],"names":["createContext","useContextSelector","AttachmentTagListContext","undefined","tagListContextDefaultValue","onAttachmentTagDismiss","AttachmentTagListProvider","Provider","useAttachmentTagListContext_unstable","selector","ctx"],"mappings":"AAAA,SAASA,aAAa,EAAEC,kBAAkB,QAAQ,mCAAmC;AAIrF,OAAO,MAAMC,2BAAmEF,cAE9EG,WAAqD;AAEvD,MAAMC,6BAA4D;IAChEC,wBAAwB,IAAM;AAChC;AAOA,OAAO,MAAMC,4BAA4BJ,yBAAyBK,QAAQ,CAAC;AAE3E,OAAO,MAAMC,uCAAuC,CAAIC,WACtDR,mBAAmBC,0BAA0B,CAACQ,MAAMN,0BAA0B,GAAKK,SAASC,MAAM"}

package/lib/index.js

@@ -0,0 +1,3 @@
+export { AttachmentTag, attachmentTagClassNames, renderAttachmentTag_unstable, useAttachmentTagStyles_unstable, useAttachmentTag_unstable } from './AttachmentTag';
+export { AttachmentTagList, attachmentTagListClassNames, renderAttachmentTagList_unstable, useAttachmentTagListStyles_unstable, useAttachmentTagList_unstable } from './AttachmentTagList';
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"sourcesContent":["export type { AttachmentTagProps, AttachmentTagSlots, AttachmentTagState } from './AttachmentTag';\nexport {\n  AttachmentTag,\n  attachmentTagClassNames,\n  renderAttachmentTag_unstable,\n  useAttachmentTagStyles_unstable,\n  useAttachmentTag_unstable,\n} from './AttachmentTag';\nexport type {\n  AttachmentTagDismissedData,\n  AttachmentTagListProps,\n  AttachmentTagListSlots,\n  AttachmentTagListState,\n} from './AttachmentTagList';\nexport {\n  AttachmentTagList,\n  attachmentTagListClassNames,\n  renderAttachmentTagList_unstable,\n  useAttachmentTagListStyles_unstable,\n  useAttachmentTagList_unstable,\n} from './AttachmentTagList';\n"],"names":["AttachmentTag","attachmentTagClassNames","renderAttachmentTag_unstable","useAttachmentTagStyles_unstable","useAttachmentTag_unstable","AttachmentTagList","attachmentTagListClassNames","renderAttachmentTagList_unstable","useAttachmentTagListStyles_unstable","useAttachmentTagList_unstable"],"mappings":"AACA,SACEA,aAAa,EACbC,uBAAuB,EACvBC,4BAA4B,EAC5BC,+BAA+B,EAC/BC,yBAAyB,QACpB,kBAAkB;AAOzB,SACEC,iBAAiB,EACjBC,2BAA2B,EAC3BC,gCAAgC,EAChCC,mCAAmC,EACnCC,6BAA6B,QACxB,sBAAsB"}

package/lib-commonjs/AttachmentTag.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./components/AttachmentTag/index"), exports);
+ //# sourceMappingURL=AttachmentTag.js.map

package/lib-commonjs/AttachmentTag.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["AttachmentTag.js"],"sourcesContent":["export * from './components/AttachmentTag/index';\n//# sourceMappingURL=AttachmentTag.js.map"],"names":[],"mappings":";;;;;uBAAc;CACd,yCAAyC"}

package/lib-commonjs/AttachmentTagItem.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./components/AttachmentTagItem/index"), exports);
+ //# sourceMappingURL=AttachmentTagItem.js.map

package/lib-commonjs/AttachmentTagItem.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["AttachmentTagItem.js"],"sourcesContent":["export * from './components/AttachmentTagItem/index';\n//# sourceMappingURL=AttachmentTagItem.js.map"],"names":[],"mappings":";;;;;uBAAc;CACd,6CAA6C"}

package/lib-commonjs/AttachmentTagList.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./components/AttachmentTagList/index"), exports);
+ //# sourceMappingURL=AttachmentTagList.js.map

package/lib-commonjs/AttachmentTagList.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["AttachmentTagList.js"],"sourcesContent":["export * from './components/AttachmentTagList/index';\n//# sourceMappingURL=AttachmentTagList.js.map"],"names":[],"mappings":";;;;;uBAAc;CACd,6CAA6C"}

package/lib-commonjs/components/AttachmentTag/AttachmentTag.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "AttachmentTag", {
+    enumerable: true,
+    get: function() {
+        return AttachmentTag;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _useAttachmentTag = require("./useAttachmentTag");
+const _renderAttachmentTag = require("./renderAttachmentTag");
+const _useAttachmentTagStyles = require("./useAttachmentTagStyles");
+const _reactprovider = require("@fluentui-copilot/react-provider");
+const AttachmentTag = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _useAttachmentTag.useAttachmentTag_unstable)(props, ref);
+    (0, _useAttachmentTagStyles.useAttachmentTagStyles_unstable)(state);
+    (0, _reactprovider.useCustomStyleHook)('useAttachmentTagStyles')(state);
+    return (0, _renderAttachmentTag.renderAttachmentTag_unstable)(state);
+});
+AttachmentTag.displayName = 'AttachmentTag'; //# sourceMappingURL=AttachmentTag.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["AttachmentTag.js"],"sourcesContent":["import * as React from 'react';\nimport { useAttachmentTag_unstable } from './useAttachmentTag';\nimport { renderAttachmentTag_unstable } from './renderAttachmentTag';\nimport { useAttachmentTagStyles_unstable } from './useAttachmentTagStyles';\nimport { useCustomStyleHook } from '@fluentui-copilot/react-provider';\n// AttachmentTag component - TODO: add more docs\nexport const AttachmentTag = /*#__PURE__*/React.forwardRef((props, ref) => {\n  const state = useAttachmentTag_unstable(props, ref);\n  useAttachmentTagStyles_unstable(state);\n  useCustomStyleHook('useAttachmentTagStyles')(state);\n  return renderAttachmentTag_unstable(state);\n});\nAttachmentTag.displayName = 'AttachmentTag';\n//# sourceMappingURL=AttachmentTag.js.map"],"names":["AttachmentTag","React","forwardRef","props","ref","state","useAttachmentTag_unstable","useAttachmentTagStyles_unstable","useCustomStyleHook","renderAttachmentTag_unstable","displayName"],"mappings":";;;;+BAMaA;;;eAAAA;;;;iEANU;kCACmB;qCACG;wCACG;+BACb;AAE5B,MAAMA,gBAAgB,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACjE,MAAMC,QAAQC,IAAAA,2CAAyB,EAACH,OAAOC;IAC/CG,IAAAA,uDAA+B,EAACF;IAChCG,IAAAA,iCAAkB,EAAC,0BAA0BH;IAC7C,OAAOI,IAAAA,iDAA4B,EAACJ;AACtC;AACAL,cAAcU,WAAW,GAAG,iBAC5B,yCAAyC"}

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

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+ //# sourceMappingURL=AttachmentTag.types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["AttachmentTag.types.js"],"sourcesContent":["export {};\n//# sourceMappingURL=AttachmentTag.types.js.map"],"names":[],"mappings":";;;;CACA,+CAA+C"}

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

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./AttachmentTag"), exports);
+_export_star._(require("./AttachmentTag.types"), exports);
+_export_star._(require("./renderAttachmentTag"), exports);
+_export_star._(require("./useAttachmentTag"), exports);
+_export_star._(require("./useAttachmentTagStyles"), exports);
+ //# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.js"],"sourcesContent":["export * from './AttachmentTag';\nexport * from './AttachmentTag.types';\nexport * from './renderAttachmentTag';\nexport * from './useAttachmentTag';\nexport * from './useAttachmentTagStyles';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA;CACd,iCAAiC"}

package/lib-commonjs/components/AttachmentTag/renderAttachmentTag.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "renderAttachmentTag_unstable", {
+    enumerable: true,
+    get: function() {
+        return renderAttachmentTag_unstable;
+    }
+});
+const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
+const _reactcomponents = require("@fluentui/react-components");
+const renderAttachmentTag_unstable = (state)=>{
+    (0, _reactcomponents.assertSlots)(state);
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(state.root, {
+        children: [
+            state.media && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.media, {}),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(state.content, {}),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(state.icon, {})
+        ]
+    });
+}; //# sourceMappingURL=renderAttachmentTag.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["renderAttachmentTag.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { assertSlots } from '@fluentui/react-components';\n/**\n * Render the final JSX of AttachmentTag\n */\nexport const renderAttachmentTag_unstable = state => {\n  assertSlots(state);\n  return /*#__PURE__*/_jsxs(state.root, {\n    children: [state.media && /*#__PURE__*/_jsx(state.media, {}), /*#__PURE__*/_jsx(state.content, {}), /*#__PURE__*/_jsx(state.icon, {})]\n  });\n};\n//# sourceMappingURL=renderAttachmentTag.js.map"],"names":["renderAttachmentTag_unstable","state","assertSlots","_jsxs","root","children","media","_jsx","content","icon"],"mappings":";;;;+BAKaA;;;eAAAA;;;4BAL8B;iCACf;AAIrB,MAAMA,+BAA+BC,CAAAA;IAC1CC,IAAAA,4BAAW,EAACD;IACZ,OAAO,WAAW,GAAEE,IAAAA,gBAAK,EAACF,MAAMG,IAAI,EAAE;QACpCC,UAAU;YAACJ,MAAMK,KAAK,IAAI,WAAW,GAAEC,IAAAA,eAAI,EAACN,MAAMK,KAAK,EAAE,CAAC;YAAI,WAAW,GAAEC,IAAAA,eAAI,EAACN,MAAMO,OAAO,EAAE,CAAC;YAAI,WAAW,GAAED,IAAAA,eAAI,EAACN,MAAMQ,IAAI,EAAE,CAAC;SAAG;IACxI;AACF,GACA,+CAA+C"}

package/lib-commonjs/components/AttachmentTag/useAttachmentTag.js

@@ -0,0 +1,61 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useAttachmentTag_unstable", {
+    enumerable: true,
+    get: function() {
+        return useAttachmentTag_unstable;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactcomponents = require("@fluentui/react-components");
+const _reactcontextselector = require("@fluentui/react-context-selector");
+const _reacticons = require("@fluentui/react-icons");
+const _attachmentTagListContext = require("../../contexts/attachmentTagListContext");
+const useAttachmentTag_unstable = (props, ref)=>{
+    const onAttachmentTagDismiss = (0, _attachmentTagListContext.useAttachmentTagListContext_unstable)((context)=>context.onAttachmentTagDismiss);
+    const { children, role } = props;
+    const DismissIcon = (0, _reacticons.bundleIcon)(_reacticons.Dismiss20Filled, _reacticons.Dismiss20Regular);
+    const hasParentContext = (0, _reactcontextselector.useHasParentContext)(_attachmentTagListContext.AttachmentTagListContext);
+    const rootRole = role !== null && role !== void 0 ? role : hasParentContext ? 'menuitem' : undefined;
+    const root = _reactcomponents.slot.always((0, _reactcomponents.getNativeElementProps)('button', {
+        ref,
+        ...props,
+        role: rootRole
+    }), {
+        elementType: 'button'
+    });
+    root.onClick = (0, _reactcomponents.mergeCallbacks)(root.onClick, (ev)=>onAttachmentTagDismiss === null || onAttachmentTagDismiss === void 0 ? void 0 : onAttachmentTagDismiss(ev, {
+            content: children,
+            media
+        }));
+    const media = _reactcomponents.slot.optional(props.media, {
+        elementType: 'span'
+    });
+    const content = _reactcomponents.slot.always(props.content, {
+        defaultProps: {
+            children
+        },
+        elementType: 'span'
+    });
+    const icon = _reactcomponents.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-commonjs/components/AttachmentTag/useAttachmentTag.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useAttachmentTag.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, mergeCallbacks, slot } from '@fluentui/react-components';\nimport { useHasParentContext } from '@fluentui/react-context-selector';\nimport { Dismiss20Regular, Dismiss20Filled, bundleIcon } from '@fluentui/react-icons';\nimport { useAttachmentTagListContext_unstable } from '../../contexts/attachmentTagListContext';\nimport { AttachmentTagListContext } from '../../contexts/attachmentTagListContext';\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 = (props, ref) => {\n  const onAttachmentTagDismiss = useAttachmentTagListContext_unstable(context => context.onAttachmentTagDismiss);\n  const {\n    children,\n    role\n  } = props;\n  const DismissIcon = bundleIcon(Dismiss20Filled, Dismiss20Regular);\n  const hasParentContext = useHasParentContext(AttachmentTagListContext);\n  const rootRole = role !== null && role !== void 0 ? role : hasParentContext ? 'menuitem' : undefined;\n  const root = slot.always(getNativeElementProps('button', {\n    ref,\n    ...props,\n    role: rootRole\n  }), {\n    elementType: 'button'\n  });\n  root.onClick = mergeCallbacks(root.onClick, ev => onAttachmentTagDismiss === null || onAttachmentTagDismiss === void 0 ? void 0 : onAttachmentTagDismiss(ev, {\n    content: children,\n    media\n  }));\n  const media = slot.optional(props.media, {\n    elementType: 'span'\n  });\n  const content = slot.always(props.content, {\n    defaultProps: {\n      children\n    },\n    elementType: 'span'\n  });\n  const icon = slot.always(props.icon, {\n    defaultProps: {\n      children: /*#__PURE__*/React.createElement(DismissIcon, null)\n    },\n    elementType: 'span'\n  });\n  return {\n    components: {\n      root: 'button',\n      media: 'span',\n      content: 'span',\n      icon: 'span'\n    },\n    root,\n    media,\n    content,\n    icon\n  };\n};\n//# sourceMappingURL=useAttachmentTag.js.map"],"names":["useAttachmentTag_unstable","props","ref","onAttachmentTagDismiss","useAttachmentTagListContext_unstable","context","children","role","DismissIcon","bundleIcon","Dismiss20Filled","Dismiss20Regular","hasParentContext","useHasParentContext","AttachmentTagListContext","rootRole","undefined","root","slot","always","getNativeElementProps","elementType","onClick","mergeCallbacks","ev","content","media","optional","defaultProps","icon","React","createElement","components"],"mappings":";;;;+BAeaA;;;eAAAA;;;;iEAfU;iCACqC;sCACxB;4BAC0B;0CACT;AAW9C,MAAMA,4BAA4B,CAACC,OAAOC;IAC/C,MAAMC,yBAAyBC,IAAAA,8DAAoC,EAACC,CAAAA,UAAWA,QAAQF,sBAAsB;IAC7G,MAAM,EACJG,QAAQ,EACRC,IAAI,EACL,GAAGN;IACJ,MAAMO,cAAcC,IAAAA,sBAAU,EAACC,2BAAe,EAAEC,4BAAgB;IAChE,MAAMC,mBAAmBC,IAAAA,yCAAmB,EAACC,kDAAwB;IACrE,MAAMC,WAAWR,SAAS,QAAQA,SAAS,KAAK,IAAIA,OAAOK,mBAAmB,aAAaI;IAC3F,MAAMC,OAAOC,qBAAI,CAACC,MAAM,CAACC,IAAAA,sCAAqB,EAAC,UAAU;QACvDlB;QACA,GAAGD,KAAK;QACRM,MAAMQ;IACR,IAAI;QACFM,aAAa;IACf;IACAJ,KAAKK,OAAO,GAAGC,IAAAA,+BAAc,EAACN,KAAKK,OAAO,EAAEE,CAAAA,KAAMrB,2BAA2B,QAAQA,2BAA2B,KAAK,IAAI,KAAK,IAAIA,uBAAuBqB,IAAI;YAC3JC,SAASnB;YACToB;QACF;IACA,MAAMA,QAAQR,qBAAI,CAACS,QAAQ,CAAC1B,MAAMyB,KAAK,EAAE;QACvCL,aAAa;IACf;IACA,MAAMI,UAAUP,qBAAI,CAACC,MAAM,CAAClB,MAAMwB,OAAO,EAAE;QACzCG,cAAc;YACZtB;QACF;QACAe,aAAa;IACf;IACA,MAAMQ,OAAOX,qBAAI,CAACC,MAAM,CAAClB,MAAM4B,IAAI,EAAE;QACnCD,cAAc;YACZtB,UAAU,WAAW,GAAEwB,OAAMC,aAAa,CAACvB,aAAa;QAC1D;QACAa,aAAa;IACf;IACA,OAAO;QACLW,YAAY;YACVf,MAAM;YACNS,OAAO;YACPD,SAAS;YACTI,MAAM;QACR;QACAZ;QACAS;QACAD;QACAI;IACF;AACF,GACA,4CAA4C"}

package/lib-commonjs/components/AttachmentTag/useAttachmentTagStyles.js

@@ -0,0 +1,65 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    attachmentTagClassNames: function() {
+        return attachmentTagClassNames;
+    },
+    useAttachmentTagStyles_unstable: function() {
+        return useAttachmentTagStyles_unstable;
+    }
+});
+const _reactcomponents = require("@fluentui/react-components");
+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 = (0, _reactcomponents.__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 = (0, _reactcomponents.__resetStyles)("r19jnv3a", null, [
+    ".r19jnv3a{font-size:20px;height:20px;line-height:20px;width:20px;}"
+]);
+const useContentBaseClassName = (0, _reactcomponents.__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 = (0, _reactcomponents.__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);}"
+]);
+const useAttachmentTagStyles_unstable = (state)=>{
+    const rootBaseClassName = useRootBaseClassName();
+    const mediaBaseClassName = useMediaBaseClassName();
+    const contentBaseClassName = useContentBaseClassName();
+    const iconBaseClassName = useIconBaseClassName();
+    state.root.className = (0, _reactcomponents.mergeClasses)(attachmentTagClassNames.root, rootBaseClassName, state.root.className);
+    if (state.media) {
+        state.media.className = (0, _reactcomponents.mergeClasses)(attachmentTagClassNames.media, mediaBaseClassName, state.media.className);
+    }
+    state.content.className = (0, _reactcomponents.mergeClasses)(attachmentTagClassNames.content, contentBaseClassName, state.content.className);
+    state.icon.className = (0, _reactcomponents.mergeClasses)(attachmentTagClassNames.icon, iconBaseClassName, state.icon.className);
+    return state;
+}; //# sourceMappingURL=useAttachmentTagStyles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["useAttachmentTagStyles.js"],"sourcesContent":["import { __resetStyles, mergeClasses, tokens, typographyStyles } from '@fluentui/react-components';\nexport const attachmentTagClassNames = {\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';\nconst 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);}\"]);\nconst useMediaBaseClassName = __resetStyles(\"r19jnv3a\", null, [\".r19jnv3a{font-size:20px;height:20px;line-height:20px;width:20px;}\"]);\nconst 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);}\"]);\nconst 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);}\"]);\n/**\n * Apply styling to the AttachmentTag slots based on the state\n */\nexport const useAttachmentTagStyles_unstable = state => {\n  const rootBaseClassName = useRootBaseClassName();\n  const mediaBaseClassName = useMediaBaseClassName();\n  const contentBaseClassName = useContentBaseClassName();\n  const iconBaseClassName = useIconBaseClassName();\n  state.root.className = mergeClasses(attachmentTagClassNames.root, rootBaseClassName, state.root.className);\n  if (state.media) {\n    state.media.className = mergeClasses(attachmentTagClassNames.media, mediaBaseClassName, state.media.className);\n  }\n  state.content.className = mergeClasses(attachmentTagClassNames.content, contentBaseClassName, state.content.className);\n  state.icon.className = mergeClasses(attachmentTagClassNames.icon, iconBaseClassName, state.icon.className);\n  return state;\n};\n//# sourceMappingURL=useAttachmentTagStyles.js.map"],"names":["attachmentTagClassNames","useAttachmentTagStyles_unstable","root","media","content","icon","ATTACHMENTTAG_MAXWIDTH","ATTACHMENTTAG_SIZE","useRootBaseClassName","__resetStyles","useMediaBaseClassName","useContentBaseClassName","useIconBaseClassName","state","rootBaseClassName","mediaBaseClassName","contentBaseClassName","iconBaseClassName","className","mergeClasses"],"mappings":";;;;;;;;;;;IACaA,uBAAuB;eAAvBA;;IAeAC,+BAA+B;eAA/BA;;;iCAhByD;AAC/D,MAAMD,0BAA0B;IACrCE,MAAM;IACNC,OAAO;IACPC,SAAS;IACTC,MAAM;AACR;AACA,MAAMC,yBAAyB;AAC/B,MAAMC,qBAAqB;AAC3B,MAAMC,uBAAuBC,IAAAA,8BAAa,EAAC,YAAY,WAAW;IAAC;IAA8f;IAAkE;IAAyF;IAA2E;IAAsG;IAA6F;IAAsG;IAA6f;IAAiE;IAAwF;IAA0E;IAAqG;IAA4F;CAAoG;AACrlE,MAAMC,wBAAwBD,IAAAA,8BAAa,EAAC,YAAY,MAAM;IAAC;CAAqE;AACpI,MAAME,0BAA0BF,IAAAA,8BAAa,EAAC,WAAW,MAAM;IAAC;CAAsN;AACtR,MAAMG,uBAAuBH,IAAAA,8BAAa,EAAC,YAAY,MAAM;IAAC;CAA+jB;AAItnB,MAAMR,kCAAkCY,CAAAA;IAC7C,MAAMC,oBAAoBN;IAC1B,MAAMO,qBAAqBL;IAC3B,MAAMM,uBAAuBL;IAC7B,MAAMM,oBAAoBL;IAC1BC,MAAMX,IAAI,CAACgB,SAAS,GAAGC,IAAAA,6BAAY,EAACnB,wBAAwBE,IAAI,EAAEY,mBAAmBD,MAAMX,IAAI,CAACgB,SAAS;IACzG,IAAIL,MAAMV,KAAK,EAAE;QACfU,MAAMV,KAAK,CAACe,SAAS,GAAGC,IAAAA,6BAAY,EAACnB,wBAAwBG,KAAK,EAAEY,oBAAoBF,MAAMV,KAAK,CAACe,SAAS;IAC/G;IACAL,MAAMT,OAAO,CAACc,SAAS,GAAGC,IAAAA,6BAAY,EAACnB,wBAAwBI,OAAO,EAAEY,sBAAsBH,MAAMT,OAAO,CAACc,SAAS;IACrHL,MAAMR,IAAI,CAACa,SAAS,GAAGC,IAAAA,6BAAY,EAACnB,wBAAwBK,IAAI,EAAEY,mBAAmBJ,MAAMR,IAAI,CAACa,SAAS;IACzG,OAAOL;AACT,GACA,kDAAkD"}

package/lib-commonjs/components/AttachmentTagItem/AttachmentTagItem.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "AttachmentTagItem", {
+    enumerable: true,
+    get: function() {
+        return AttachmentTagItem;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _useAttachmentTagItem = require("./useAttachmentTagItem");
+const _renderAttachmentTagItem = require("./renderAttachmentTagItem");
+const _useAttachmentTagItemStyles = require("./useAttachmentTagItemStyles");
+const AttachmentTagItem = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _useAttachmentTagItem.useAttachmentTagItem_unstable)(props, ref);
+    (0, _useAttachmentTagItemStyles.useAttachmentTagItemStyles_unstable)(state);
+    return (0, _renderAttachmentTagItem.renderAttachmentTagItem_unstable)(state);
+});
+AttachmentTagItem.displayName = 'AttachmentTagItem'; //# sourceMappingURL=AttachmentTagItem.js.map

package/lib-commonjs/components/AttachmentTagItem/AttachmentTagItem.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["AttachmentTagItem.js"],"sourcesContent":["import * as React from 'react';\nimport { useAttachmentTagItem_unstable } from './useAttachmentTagItem';\nimport { renderAttachmentTagItem_unstable } from './renderAttachmentTagItem';\nimport { useAttachmentTagItemStyles_unstable } from './useAttachmentTagItemStyles';\n// AttachmentTagItem component - TODO: add more docs\nexport const AttachmentTagItem = /*#__PURE__*/React.forwardRef((props, ref) => {\n  const state = useAttachmentTagItem_unstable(props, ref);\n  useAttachmentTagItemStyles_unstable(state);\n  return renderAttachmentTagItem_unstable(state);\n});\nAttachmentTagItem.displayName = 'AttachmentTagItem';\n//# sourceMappingURL=AttachmentTagItem.js.map"],"names":["AttachmentTagItem","React","forwardRef","props","ref","state","useAttachmentTagItem_unstable","useAttachmentTagItemStyles_unstable","renderAttachmentTagItem_unstable","displayName"],"mappings":";;;;+BAKaA;;;eAAAA;;;;iEALU;sCACuB;yCACG;4CACG;AAE7C,MAAMA,oBAAoB,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACrE,MAAMC,QAAQC,IAAAA,mDAA6B,EAACH,OAAOC;IACnDG,IAAAA,+DAAmC,EAACF;IACpC,OAAOG,IAAAA,yDAAgC,EAACH;AAC1C;AACAL,kBAAkBS,WAAW,GAAG,qBAChC,6CAA6C"}

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

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+ // 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-commonjs/components/AttachmentTagItem/AttachmentTagItem.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["AttachmentTagItem.types.js"],"sourcesContent":["export {}; // TODO: Remove semicolon from previous line, uncomment next line, and provide union of props to pick from AttachmentTagItemProps.\n// & Required<Pick<AttachmentTagItemProps, 'propName'>>\n//# sourceMappingURL=AttachmentTagItem.types.js.map"],"names":[],"mappings":";;;;CAAW,kIAAkI;CAC7I,uDAAuD;CACvD,mDAAmD"}

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

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./AttachmentTagItem"), exports);
+_export_star._(require("./AttachmentTagItem.types"), exports);
+_export_star._(require("./renderAttachmentTagItem"), exports);
+_export_star._(require("./useAttachmentTagItem"), exports);
+_export_star._(require("./useAttachmentTagItemStyles"), exports);
+ //# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.js"],"sourcesContent":["export * from './AttachmentTagItem';\nexport * from './AttachmentTagItem.types';\nexport * from './renderAttachmentTagItem';\nexport * from './useAttachmentTagItem';\nexport * from './useAttachmentTagItemStyles';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA;CACd,iCAAiC"}