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

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

@@ -0,0 +1,118 @@
+"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, {
+    ATTACHMENTTAG_MAXWIDTH: function() {
+        return ATTACHMENTTAG_MAXWIDTH;
+    },
+    attachmentTagClassNames: function() {
+        return attachmentTagClassNames;
+    },
+    useAttachmentTagStyles_unstable: function() {
+        return useAttachmentTagStyles_unstable;
+    },
+    useContentBaseClassName: function() {
+        return useContentBaseClassName;
+    },
+    useIconBaseClassName: function() {
+        return useIconBaseClassName;
+    },
+    useMediaBaseClassName: function() {
+        return useMediaBaseClassName;
+    }
+});
+const _reactcomponents = require("@fluentui/react-components");
+const _tokens = require("@fluentui-copilot/tokens");
+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.makeResetStyles)({
+    color: _tokens.tokens.colorNeutralForeground1,
+    alignItems: 'center',
+    backgroundColor: _tokens.tokens.colorNeutralBackground1,
+    border: `${_tokens.tokens.strokeWidthThin} solid ${_tokens.tokens.colorNeutralStroke1}`,
+    borderRadius: _tokens.tokens.borderRadiusMedium,
+    boxSizing: 'border-box',
+    columnGap: _tokens.tokens.spacingHorizontalSNudge,
+    cursor: 'pointer',
+    display: 'inline-flex',
+    flexWrap: 'nowrap',
+    justifyContent: 'center',
+    maxWidth: ATTACHMENTTAG_MAXWIDTH,
+    padding: `${_tokens.tokens.spacingVerticalXS} ${_tokens.tokens.spacingHorizontalXS} ${_tokens.tokens.spacingVerticalXS} ${_tokens.tokens.spacingHorizontalS}`,
+    verticalAlign: 'middle',
+    ':hover': {
+        borderColor: _tokens.tokens.colorNeutralStroke1Hover,
+        [`& .${attachmentTagClassNames.icon}`]: {
+            color: _tokens.tokens.colorBrandForegroundLinkHover
+        }
+    },
+    ':hover:active': {
+        borderColor: _tokens.tokens.colorNeutralStroke1Pressed,
+        [`& .${attachmentTagClassNames.icon}`]: {
+            color: _tokens.tokens.colorNeutralForeground2BrandPressed
+        }
+    },
+    ':focus': {
+        [`& .${attachmentTagClassNames.icon}`]: {
+            color: _tokens.tokens.colorNeutralForeground2BrandHover
+        }
+    },
+    ':focus:active': {
+        [`& .${attachmentTagClassNames.icon}`]: {
+            color: _tokens.tokens.colorNeutralForeground2BrandPressed
+        }
+    }
+});
+const useMediaBaseClassName = (0, _reactcomponents.makeResetStyles)({
+    fontSize: ATTACHMENTTAG_SIZE,
+    height: ATTACHMENTTAG_SIZE,
+    lineHeight: ATTACHMENTTAG_SIZE,
+    width: ATTACHMENTTAG_SIZE
+});
+const useContentBaseClassName = (0, _reactcomponents.makeResetStyles)({
+    overflowX: 'hidden',
+    textOverflow: 'ellipsis',
+    whiteSpace: 'nowrap',
+    ..._reactcomponents.typographyStyles.body1
+});
+const useIconBaseClassName = (0, _reactcomponents.makeResetStyles)({
+    alignItems: 'center',
+    borderRadius: _tokens.tokens.borderRadiusCircular,
+    border: `${_tokens.tokens.strokeWidthThin} solid ${_tokens.tokens.colorTransparentStroke}`,
+    boxSizing: 'border-box',
+    color: _tokens.tokens.colorNeutralForeground1,
+    display: 'inline-flex',
+    fontSize: ATTACHMENTTAG_SIZE,
+    height: `calc(${ATTACHMENTTAG_SIZE} + ${_tokens.tokens.strokeWidthThin} * 2 + ${_tokens.tokens.spacingVerticalXXS})`,
+    justifyContent: 'center',
+    maxWidth: `calc(${ATTACHMENTTAG_SIZE} + ${_tokens.tokens.strokeWidthThin} * 2 + ${_tokens.tokens.spacingHorizontalXXS})`,
+    minWidth: `calc(${ATTACHMENTTAG_SIZE} + ${_tokens.tokens.strokeWidthThin} * 2 + ${_tokens.tokens.spacingHorizontalXXS})`,
+    padding: `calc(${_tokens.tokens.spacingVerticalXXS} / 2) calc(${_tokens.tokens.spacingHorizontalXXS} / 2)`
+});
+const useAttachmentTagStyles_unstable = (state)=>{
+    'use no memo';
+    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;
+};

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

@@ -0,0 +1 @@
+{"version":3,"sources":["useAttachmentTagStyles.styles.ts"],"sourcesContent":["import { makeResetStyles, mergeClasses, typographyStyles } from '@fluentui/react-components';\nimport { tokens } from '@fluentui-copilot/tokens';\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};\n\n/**\n * @internal\n */\nexport const 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\n/**\n * @internal\n */\nexport const useMediaBaseClassName = makeResetStyles({\n  fontSize: ATTACHMENTTAG_SIZE,\n  height: ATTACHMENTTAG_SIZE,\n  lineHeight: ATTACHMENTTAG_SIZE,\n  width: ATTACHMENTTAG_SIZE,\n});\n\n/**\n * @internal\n */\nexport const useContentBaseClassName = makeResetStyles({\n  overflowX: 'hidden',\n  textOverflow: 'ellipsis',\n  whiteSpace: 'nowrap',\n  ...typographyStyles.body1,\n});\n\n/**\n * @internal\n */\nexport const 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  'use no memo';\n\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":["ATTACHMENTTAG_MAXWIDTH","attachmentTagClassNames","useAttachmentTagStyles_unstable","useContentBaseClassName","useIconBaseClassName","useMediaBaseClassName","root","media","content","icon","ATTACHMENTTAG_SIZE","useRootBaseClassName","makeResetStyles","color","tokens","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","fontSize","height","lineHeight","width","overflowX","textOverflow","whiteSpace","typographyStyles","body1","borderRadiusCircular","colorTransparentStroke","spacingVerticalXXS","spacingHorizontalXXS","minWidth","state","rootBaseClassName","mediaBaseClassName","contentBaseClassName","iconBaseClassName","className","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAeaA,sBAAAA;eAAAA;;IAVAC,uBAAAA;eAAAA;;IAmGAC,+BAAAA;eAAAA;;IA5BAC,uBAAAA;eAAAA;;IAUAC,oBAAAA;eAAAA;;IApBAC,qBAAAA;eAAAA;;;iCAlEmD;wBACzC;AAIhB,MAAMJ,0BAA8D;IACzEK,MAAM;IACNC,OAAO;IACPC,SAAS;IACTC,MAAM;AACR;AAKO,MAAMT,yBAAyB;AACtC,MAAMU,qBAAqB;AAE3B,MAAMC,uBAAuBC,IAAAA,gCAAAA,EAAgB;IAC3CC,OAAOC,cAAAA,CAAOC,uBAAuB;IACrCC,YAAY;IACZC,iBAAiBH,cAAAA,CAAOI,uBAAuB;IAC/CC,QAAQ,CAAC,EAAEL,cAAAA,CAAOM,eAAe,CAAC,OAAO,EAAEN,cAAAA,CAAOO,mBAAmB,CAAC,CAAC;IACvEC,cAAcR,cAAAA,CAAOS,kBAAkB;IACvCC,WAAW;IACXC,WAAWX,cAAAA,CAAOY,uBAAuB;IACzCC,QAAQ;IACRC,SAAS;IACTC,UAAU;IACVC,gBAAgB;IAChBC,UAAU/B;IACVgC,SAAS,CAAC,EAAElB,cAAAA,CAAOmB,iBAAiB,CAAC,CAAC,EAAEnB,cAAAA,CAAOoB,mBAAmB,CAAC,CAAC,EAAEpB,cAAAA,CAAOmB,iBAAiB,CAAC,CAAC,EAAEnB,cAAAA,CAAOqB,kBAAkB,CAAC,CAAC;IAC7HC,eAAe;IAEf,UAAU;QACRC,aAAavB,cAAAA,CAAOwB,wBAAwB;QAE5C,CAAC,CAAC,GAAG,EAAErC,wBAAwBQ,IAAI,CAAC,CAAC,CAAC,EAAE;YACtCI,OAAOC,cAAAA,CAAOyB,6BAA6B;QAC7C;IACF;IAEA,iBAAiB;QACfF,aAAavB,cAAAA,CAAO0B,0BAA0B;QAE9C,CAAC,CAAC,GAAG,EAAEvC,wBAAwBQ,IAAI,CAAC,CAAC,CAAC,EAAE;YACtCI,OAAOC,cAAAA,CAAO2B,mCAAmC;QACnD;IACF;IAEA,UAAU;QACR,CAAC,CAAC,GAAG,EAAExC,wBAAwBQ,IAAI,CAAC,CAAC,CAAC,EAAE;YACtCI,OAAOC,cAAAA,CAAO4B,iCAAiC;QACjD;IACF;IAEA,iBAAiB;QACf,CAAC,CAAC,GAAG,EAAEzC,wBAAwBQ,IAAI,CAAC,CAAC,CAAC,EAAE;YACtCI,OAAOC,cAAAA,CAAO2B,mCAAmC;QACnD;IACF;AACF;AAKO,MAAMpC,wBAAwBO,IAAAA,gCAAAA,EAAgB;IACnD+B,UAAUjC;IACVkC,QAAQlC;IACRmC,YAAYnC;IACZoC,OAAOpC;AACT;AAKO,MAAMP,0BAA0BS,IAAAA,gCAAAA,EAAgB;IACrDmC,WAAW;IACXC,cAAc;IACdC,YAAY;IACZ,GAAGC,iCAAAA,CAAiBC,KAAK;AAC3B;AAKO,MAAM/C,uBAAuBQ,IAAAA,gCAAAA,EAAgB;IAClDI,YAAY;IACZM,cAAcR,cAAAA,CAAOsC,oBAAoB;IACzCjC,QAAQ,CAAC,EAAEL,cAAAA,CAAOM,eAAe,CAAC,OAAO,EAAEN,cAAAA,CAAOuC,sBAAsB,CAAC,CAAC;IAC1E7B,WAAW;IACXX,OAAOC,cAAAA,CAAOC,uBAAuB;IACrCa,SAAS;IACTe,UAAUjC;IACVkC,QAAQ,CAAC,KAAK,EAAElC,mBAAmB,GAAG,EAAEI,cAAAA,CAAOM,eAAe,CAAC,OAAO,EAAEN,cAAAA,CAAOwC,kBAAkB,CAAC,CAAC,CAAC;IACpGxB,gBAAgB;IAChBC,UAAU,CAAC,KAAK,EAAErB,mBAAmB,GAAG,EAAEI,cAAAA,CAAOM,eAAe,CAAC,OAAO,EAAEN,cAAAA,CAAOyC,oBAAoB,CAAC,CAAC,CAAC;IACxGC,UAAU,CAAC,KAAK,EAAE9C,mBAAmB,GAAG,EAAEI,cAAAA,CAAOM,eAAe,CAAC,OAAO,EAAEN,cAAAA,CAAOyC,oBAAoB,CAAC,CAAC,CAAC;IACxGvB,SAAS,CAAC,KAAK,EAAElB,cAAAA,CAAOwC,kBAAkB,CAAC,WAAW,EAAExC,cAAAA,CAAOyC,oBAAoB,CAAC,KAAK,CAAC;AAC5F;AAKO,MAAMrD,kCAAkC,CAACuD;IAC9C;IAEA,MAAMC,oBAAoB/C;IAC1B,MAAMgD,qBAAqBtD;IAC3B,MAAMuD,uBAAuBzD;IAC7B,MAAM0D,oBAAoBzD;IAE1BqD,MAAMnD,IAAI,CAACwD,SAAS,GAAGC,IAAAA,6BAAAA,EAAa9D,wBAAwBK,IAAI,EAAEoD,mBAAmBD,MAAMnD,IAAI,CAACwD,SAAS;IAEzG,IAAIL,MAAMlD,KAAK,EAAE;QACfkD,MAAMlD,KAAK,CAACuD,SAAS,GAAGC,IAAAA,6BAAAA,EAAa9D,wBAAwBM,KAAK,EAAEoD,oBAAoBF,MAAMlD,KAAK,CAACuD,SAAS;IAC/G;IAEAL,MAAMjD,OAAO,CAACsD,SAAS,GAAGC,IAAAA,6BAAAA,EACxB9D,wBAAwBO,OAAO,EAC/BoD,sBACAH,MAAMjD,OAAO,CAACsD,SAAS;IAGzBL,MAAMhD,IAAI,CAACqD,SAAS,GAAGC,IAAAA,6BAAAA,EAAa9D,wBAAwBQ,IAAI,EAAEoD,mBAAmBJ,MAAMhD,IAAI,CAACqD,SAAS;IAEzG,OAAOL;AACT"}

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

@@ -18,4 +18,4 @@ const AttachmentTagItem = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
     (0, _useAttachmentTagItemStylesstyles.useAttachmentTagItemStyles_unstable)(state);
     return (0, _renderAttachmentTagItem.renderAttachmentTagItem_unstable)(state);
 });
-AttachmentTagItem.displayName = 'AttachmentTagItem'; //# sourceMappingURL=AttachmentTagItem.js.map
+AttachmentTagItem.displayName = 'AttachmentTagItem';

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

@@ -1 +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.styles';\nimport type { AttachmentTagItemProps } from './AttachmentTagItem.types';\nimport type { ForwardRefComponent } from '@fluentui/react-components';\n\n/**\n * @deprecated use new AttachmentOverflowMenuItem component exported from \\@fluentui-copilot/react-attachments package instead.\n * Deprecated on 4/9/2024.\n */\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":["state","useAttachmentTagItem_unstable","props","ref","useAttachmentTagItemStyles_unstable","renderAttachmentTagItem_unstable","AttachmentTagItem"],"rangeMappings":";;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAYQA;;;eAAAA;;;;iEAZe;sCACuB;yCACG;kDACG;AASlD,MAAMA,oBAAQC,WAAAA,GAAAA,OAA8BC,UAAOC,CAAAA,CAAAA,OAAAA;UAEnDC,QAAAA,IAAAA,mDAAoCJ,EAAAA,OAAAA;6EAC7BK,EAAAA;IACT,OAAGA,IAAAA,yDAAA,EAAAL;AAEHM"}
+{"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.styles';\nimport type { AttachmentTagItemProps } from './AttachmentTagItem.types';\nimport type { ForwardRefComponent } from '@fluentui/react-components';\n\n/**\n * @deprecated use new AttachmentOverflowMenuItem component exported from \\@fluentui-copilot/react-attachments package instead.\n * Deprecated on 4/9/2024.\n */\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":["AttachmentTagItem","React","forwardRef","props","ref","state","useAttachmentTagItem_unstable","useAttachmentTagItemStyles_unstable","renderAttachmentTagItem_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAWaA;;;eAAAA;;;;iEAXU;sCACuB;yCACG;kDACG;AAQ7C,MAAMA,oBAAAA,WAAAA,GAAiEC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACrG,MAAMC,QAAQC,IAAAA,mDAAAA,EAA8BH,OAAOC;IAEnDG,IAAAA,qEAAAA,EAAoCF;IACpC,OAAOG,IAAAA,yDAAAA,EAAiCH;AAC1C;AAEAL,kBAAkBS,WAAW,GAAG"}

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

@@ -4,4 +4,3 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
- //# sourceMappingURL=AttachmentTagItem.types.js.map

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

@@ -29,4 +29,3 @@ const _AttachmentTagItem = require("./AttachmentTagItem");
 const _renderAttachmentTagItem = require("./renderAttachmentTagItem");
 const _useAttachmentTagItem = require("./useAttachmentTagItem");
 const _useAttachmentTagItemStylesstyles = require("./useAttachmentTagItemStyles.styles");
- //# sourceMappingURL=index.js.map

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

@@ -19,4 +19,4 @@ const renderAttachmentTagItem_unstable = (state)=>{
             /*#__PURE__*/ (0, _jsxruntime.jsx)(state.icon, {})
         ]
     });
-}; //# sourceMappingURL=renderAttachmentTagItem.js.map
+};

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

@@ -1 +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  return (\n    <state.root>\n      {state.media && <state.media />}\n      <state.content />\n      <state.icon />\n    </state.root>\n  );\n};\n"],"names":["assertSlots","state","media","_jsx","content","icon"],"rangeMappings":";;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAUEA;;;eAAAA;;;4BATF;iCAE4B;AAO1BA,MAAAA,mCAAoCC,CAAAA;oCAEpC,EAAAA;;kBAEKA;YAAAA,MAAMC,KAAK,IAAA,WAAI,GAAAC,IAAAA,eAACF,EAAAA,MAAMC,KAAK,EAAA,CAAA;YAAA,WAAA,GAAAC,IAAAA,eAAA,EAAAF,MAAAG,OAAA,EAAA,CAAA;YAAA,WAAA,GAAAD,IAAAA,eAAA,EAAAF,MAAAI,IAAA,EAAA,CAAA;SAAA"}
+{"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  return (\n    <state.root>\n      {state.media && <state.media />}\n      <state.content />\n      <state.icon />\n    </state.root>\n  );\n};\n"],"names":["renderAttachmentTagItem_unstable","state","assertSlots","_jsxs","root","media","_jsx","content","icon"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BASaA;;;eAAAA;;;4BARb;iCAE4B;AAMrB,MAAMA,mCAAmC,CAACC;IAC/CC,IAAAA,4BAAAA,EAAoCD;IAEpC,OAAA,WAAA,GACEE,IAAAA,gBAAA,EAACF,MAAMG,IAAI,EAAA;;YACRH,MAAMI,KAAK,IAAA,WAAA,GAAIC,IAAAA,eAAA,EAACL,MAAMI,KAAK,EAAA,CAAA;0BAC5BC,IAAAA,eAAA,EAACL,MAAMM,OAAO,EAAA,CAAA;0BACdD,IAAAA,eAAA,EAACL,MAAMO,IAAI,EAAA,CAAA;;;AAGjB"}

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

@@ -18,4 +18,4 @@ const useAttachmentTagItem_unstable = (props, ref)=>{
             icon: 'span'
         }
     });
-}; //# sourceMappingURL=useAttachmentTagItem.js.map
+};

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

@@ -1 +1 @@
-{"version":3,"sources":["useAttachmentTagItem.ts"],"sourcesContent":["import type * as React from 'react';\nimport { useAttachmentTagSlots } from '../utils/useAttachmentTagSlots';\nimport type { AttachmentTagItemProps, AttachmentTagItemState } from './AttachmentTagItem.types';\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<HTMLDivElement>,\n): AttachmentTagItemState => {\n  return useAttachmentTagSlots(props, ref, {\n    elementType: { root: 'div', media: 'span', content: 'span', icon: 'span' },\n  });\n};\n"],"names":["useAttachmentTagSlots","props","ref","elementType","root","media","content","icon"],"rangeMappings":";;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAiBSA;;;eAAAA;;;uCAhB6B;AAgBpC,MAAOA,gCAAkC,CAAAC,OAAAC;WACvCC,IAAAA,4CAAa,EAAAF,OAAAC,KAAA;qBAAEE;kBAAaC;mBAAeC;qBAAiBC;kBAAa;QAC3E;IACA"}
+{"version":3,"sources":["useAttachmentTagItem.ts"],"sourcesContent":["import type * as React from 'react';\nimport { useAttachmentTagSlots } from '../utils/useAttachmentTagSlots';\nimport type { AttachmentTagItemProps, AttachmentTagItemState } from './AttachmentTagItem.types';\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<HTMLDivElement>,\n): AttachmentTagItemState => {\n  return useAttachmentTagSlots(props, ref, {\n    elementType: { root: 'div', media: 'span', content: 'span', icon: 'span' },\n  });\n};\n"],"names":["useAttachmentTagItem_unstable","props","ref","useAttachmentTagSlots","elementType","root","media","content","icon"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAaaA;;;eAAAA;;;uCAZyB;AAY/B,MAAMA,gCAAgC,CAC3CC,OACAC;IAEA,OAAOC,IAAAA,4CAAAA,EAAsBF,OAAOC,KAAK;QACvCE,aAAa;YAAEC,MAAM;YAAOC,OAAO;YAAQC,SAAS;YAAQC,MAAM;QAAO;IAC3E;AACF"}

package/lib-commonjs/components/AttachmentTagItem/useAttachmentTagItemStyles.styles.raw.js

@@ -0,0 +1,50 @@
+"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, {
+    attachmentTagItemClassNames: function() {
+        return attachmentTagItemClassNames;
+    },
+    useAttachmentTagItemStyles_unstable: function() {
+        return useAttachmentTagItemStyles_unstable;
+    }
+});
+const _reactcomponents = require("@fluentui/react-components");
+const _tokens = require("@fluentui-copilot/tokens");
+const _useAttachmentTagStylesstyles = require("../AttachmentTag/useAttachmentTagStyles.styles");
+const attachmentTagItemClassNames = {
+    root: 'fai-AttachmentTagItem',
+    media: 'fai-AttachmentTagItem__media',
+    content: 'fai-AttachmentTagItem__content',
+    icon: 'fai-AttachmentTagItem__icon'
+};
+/**
+ * Styles for the root slot
+ */ const useRootBaseClassName = (0, _reactcomponents.makeResetStyles)({
+    display: 'inline-flex',
+    flexWrap: 'nowrap',
+    columnGap: _tokens.tokens.spacingHorizontalSNudge,
+    maxWidth: _useAttachmentTagStylesstyles.ATTACHMENTTAG_MAXWIDTH,
+    alignItems: 'center'
+});
+const useAttachmentTagItemStyles_unstable = (state)=>{
+    'use no memo';
+    const rootBaseClassName = useRootBaseClassName();
+    const mediaBaseClassName = (0, _useAttachmentTagStylesstyles.useMediaBaseClassName)();
+    const contentBaseClassName = (0, _useAttachmentTagStylesstyles.useContentBaseClassName)();
+    const iconBaseClassName = (0, _useAttachmentTagStylesstyles.useIconBaseClassName)();
+    state.root.className = (0, _reactcomponents.mergeClasses)(attachmentTagItemClassNames.root, rootBaseClassName, state.root.className);
+    if (state.media) {
+        state.media.className = (0, _reactcomponents.mergeClasses)(attachmentTagItemClassNames.media, mediaBaseClassName, state.media.className);
+    }
+    state.content.className = (0, _reactcomponents.mergeClasses)(attachmentTagItemClassNames.content, contentBaseClassName, state.content.className);
+    state.icon.className = (0, _reactcomponents.mergeClasses)(attachmentTagItemClassNames.icon, iconBaseClassName, state.icon.className);
+    return state;
+};

package/lib-commonjs/components/AttachmentTagItem/useAttachmentTagItemStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useAttachmentTagItemStyles.styles.ts"],"sourcesContent":["import { makeResetStyles, mergeClasses } from '@fluentui/react-components';\nimport { tokens } from '@fluentui-copilot/tokens';\nimport {\n  ATTACHMENTTAG_MAXWIDTH,\n  useContentBaseClassName,\n  useIconBaseClassName,\n  useMediaBaseClassName,\n} from '../AttachmentTag/useAttachmentTagStyles.styles';\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  media: 'fai-AttachmentTagItem__media',\n  content: 'fai-AttachmentTagItem__content',\n  icon: 'fai-AttachmentTagItem__icon',\n};\n\n/**\n * Styles for the root slot\n */\nconst useRootBaseClassName = makeResetStyles({\n  display: 'inline-flex',\n  flexWrap: 'nowrap',\n  columnGap: tokens.spacingHorizontalSNudge,\n  maxWidth: ATTACHMENTTAG_MAXWIDTH,\n  alignItems: 'center',\n});\n\n/**\n * Apply styling to the AttachmentTagItem slots based on the state\n */\nexport const useAttachmentTagItemStyles_unstable = (state: AttachmentTagItemState): AttachmentTagItemState => {\n  'use no memo';\n\n  const rootBaseClassName = useRootBaseClassName();\n  const mediaBaseClassName = useMediaBaseClassName();\n  const contentBaseClassName = useContentBaseClassName();\n  const iconBaseClassName = useIconBaseClassName();\n\n  state.root.className = mergeClasses(attachmentTagItemClassNames.root, rootBaseClassName, state.root.className);\n\n  if (state.media) {\n    state.media.className = mergeClasses(attachmentTagItemClassNames.media, mediaBaseClassName, state.media.className);\n  }\n\n  state.content.className = mergeClasses(\n    attachmentTagItemClassNames.content,\n    contentBaseClassName,\n    state.content.className,\n  );\n\n  state.icon.className = mergeClasses(attachmentTagItemClassNames.icon, iconBaseClassName, state.icon.className);\n\n  return state;\n};\n"],"names":["attachmentTagItemClassNames","useAttachmentTagItemStyles_unstable","root","media","content","icon","useRootBaseClassName","makeResetStyles","display","flexWrap","columnGap","tokens","spacingHorizontalSNudge","maxWidth","ATTACHMENTTAG_MAXWIDTH","alignItems","state","rootBaseClassName","mediaBaseClassName","useMediaBaseClassName","contentBaseClassName","useContentBaseClassName","iconBaseClassName","useIconBaseClassName","className","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAWaA,2BAAAA;eAAAA;;IAqBAC,mCAAAA;eAAAA;;;iCAhCiC;wBACvB;8CAMhB;AAIA,MAAMD,8BAAsE;IACjFE,MAAM;IACNC,OAAO;IACPC,SAAS;IACTC,MAAM;AACR;AAEA;;CAEC,GACD,MAAMC,uBAAuBC,IAAAA,gCAAAA,EAAgB;IAC3CC,SAAS;IACTC,UAAU;IACVC,WAAWC,cAAAA,CAAOC,uBAAuB;IACzCC,UAAUC,oDAAAA;IACVC,YAAY;AACd;AAKO,MAAMd,sCAAsC,CAACe;IAClD;IAEA,MAAMC,oBAAoBX;IAC1B,MAAMY,qBAAqBC,IAAAA,mDAAAA;IAC3B,MAAMC,uBAAuBC,IAAAA,qDAAAA;IAC7B,MAAMC,oBAAoBC,IAAAA,kDAAAA;IAE1BP,MAAMd,IAAI,CAACsB,SAAS,GAAGC,IAAAA,6BAAAA,EAAazB,4BAA4BE,IAAI,EAAEe,mBAAmBD,MAAMd,IAAI,CAACsB,SAAS;IAE7G,IAAIR,MAAMb,KAAK,EAAE;QACfa,MAAMb,KAAK,CAACqB,SAAS,GAAGC,IAAAA,6BAAAA,EAAazB,4BAA4BG,KAAK,EAAEe,oBAAoBF,MAAMb,KAAK,CAACqB,SAAS;IACnH;IAEAR,MAAMZ,OAAO,CAACoB,SAAS,GAAGC,IAAAA,6BAAAA,EACxBzB,4BAA4BI,OAAO,EACnCgB,sBACAJ,MAAMZ,OAAO,CAACoB,SAAS;IAGzBR,MAAMX,IAAI,CAACmB,SAAS,GAAGC,IAAAA,6BAAAA,EAAazB,4BAA4BK,IAAI,EAAEiB,mBAAmBN,MAAMX,IAAI,CAACmB,SAAS;IAE7G,OAAOR;AACT"}

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

@@ -22,4 +22,4 @@ const AttachmentTagList = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
     (0, _reactprovider.useCustomStyleHook)('useAttachmentTagListStyles')(state);
     return (0, _renderAttachmentTagList.renderAttachmentTagList_unstable)(state, contextValues);
 });
-AttachmentTagList.displayName = 'AttachmentTagList'; //# sourceMappingURL=AttachmentTagList.js.map
+AttachmentTagList.displayName = 'AttachmentTagList';

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

@@ -1 +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.styles';\nimport type { AttachmentTagListProps } from './AttachmentTagList.types';\nimport type { ForwardRefComponent } from '@fluentui/react-components';\nimport { useCustomStyleHook } from '@fluentui-copilot/react-provider';\n\n/**\n * @deprecated use new AttachmentList component exported from \\@fluentui-copilot/react-attachments package instead.\n * Deprecated on 4/9/2024.\n */\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":["state","useAttachmentTagList_unstable","props","ref","contextValues","useAttachmentTagListContextValues_unstable","useAttachmentTagListStyles_unstable","renderAttachmentTagList_unstable","AttachmentTagList"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAcQA;;;eAAAA;;;;iEAde;yCAC0B;sCACH;mDACa;kDACP;+BAGjB;AAOjC,MAAMA,oBAAQC,WAAAA,GAAAA,OAA8BC,UAAOC,CAAAA,CAAAA,OAAAA;UACnDH,QAAMI,IAAAA,mDAAgBC,EAAAA,OAAAA;UAEtBC,gBAAAA,IAAAA,6EAAoCN,EAAAA;6EACjB,EAAAA;yCAEZO,EAAAA,8BAAwCH;IACjD,OAAGG,IAAAA,yDAAA,EAAAP,OAAAI;AAEHI"}
+{"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.styles';\nimport type { AttachmentTagListProps } from './AttachmentTagList.types';\nimport type { ForwardRefComponent } from '@fluentui/react-components';\nimport { useCustomStyleHook } from '@fluentui-copilot/react-provider';\n\n/**\n * @deprecated use new AttachmentList component exported from \\@fluentui-copilot/react-attachments package instead.\n * Deprecated on 4/9/2024.\n */\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":["AttachmentTagList","React","forwardRef","props","ref","state","useAttachmentTagList_unstable","contextValues","useAttachmentTagListContextValues_unstable","useAttachmentTagListStyles_unstable","useCustomStyleHook","renderAttachmentTagList_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAaaA;;;eAAAA;;;;iEAbU;yCAC0B;sCACH;mDACa;kDACP;+BAGjB;AAM5B,MAAMA,oBAAAA,WAAAA,GAAiEC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACrG,MAAMC,QAAQC,IAAAA,mDAAAA,EAA8BH,OAAOC;IACnD,MAAMG,gBAAgBC,IAAAA,6EAAAA,EAA2CH;IAEjEI,IAAAA,qEAAAA,EAAoCJ;IACpCK,IAAAA,iCAAAA,EAAmB,8BAA8BL;IAEjD,OAAOM,IAAAA,yDAAAA,EAAiCN,OAAOE;AACjD;AAEAP,kBAAkBY,WAAW,GAAG"}

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

@@ -2,4 +2,3 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
- //# sourceMappingURL=AttachmentTagList.types.js.map

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

@@ -29,4 +29,3 @@ const _AttachmentTagList = require("./AttachmentTagList");
 const _renderAttachmentTagList = require("./renderAttachmentTagList");
 const _useAttachmentTagList = require("./useAttachmentTagList");
 const _useAttachmentTagListStylesstyles = require("./useAttachmentTagListStyles.styles");
- //# sourceMappingURL=index.js.map

package/lib-commonjs/components/AttachmentTagList/renderAttachmentTagList.js

@@ -17,4 +17,4 @@ const renderAttachmentTagList_unstable = (state, contextValues)=>{
         value: contextValues.tagList,
         children: /*#__PURE__*/ (0, _jsxruntime.jsx)(state.root, {})
     });
-}; //# sourceMappingURL=renderAttachmentTagList.js.map
+};

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

@@ -1 +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","state","value","contextValues","tagList"],"rangeMappings":";;;;;;;;;;;;;;;;;;","mappings":";;;;+BAmBEA;;;eAAAA;;;4BAnBwB;iCAGE;0CAEc;AAcxCA,MAAAA,mCAAoCC,CAAAA,OAAAA;oCAEpC,EAAAA;WAC6BC,WAAOC,GAAAA,IAAAA,eAAAA,EAAAA,mDAAqB,EAAA;6BACrDC,OAAA;;IAGJ"}
+{"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":["renderAttachmentTagList_unstable","state","contextValues","assertSlots","_jsx","AttachmentTagListProvider","value","tagList","root"],"rangeMappings":";;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAeaA;;;eAAAA;;;4BAdb;iCAE4B;0CAEc;AAUnC,MAAMA,mCAAmC,CAC9CC,OACAC;IAEAC,IAAAA,4BAAAA,EAAoCF;IAEpC,OAAA,WAAA,GACEG,IAAAA,eAAA,EAACC,mDAAAA,EAAAA;QAA0BC,OAAOJ,cAAcK,OAAO;kBACrD,WAAA,GAAAH,IAAAA,eAAA,EAACH,MAAMO,IAAI,EAAA,CAAA;;AAGjB"}

package/lib-commonjs/components/AttachmentTagList/useAttachmentTagList.js

@@ -30,4 +30,4 @@ const useAttachmentTagList_unstable = (props, ref)=>{
             elementType: 'div'
         })
     };
-}; //# sourceMappingURL=useAttachmentTagList.js.map
+};

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

@@ -1 +1 @@
-{"version":3,"sources":["useAttachmentTagList.ts"],"sourcesContent":["import type * as React from 'react';\n\nimport { getIntrinsicElementProps, 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<HTMLDivElement>,\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      getIntrinsicElementProps('div', {\n        'aria-label': 'Attachments',\n        ref,\n        role: 'menu',\n        ...focusAttributes,\n        ...props,\n      }),\n      { elementType: 'div' },\n    ),\n  };\n};\n"],"names":["onAttachmentTagDismiss","props","focusAttributes","useArrowNavigationGroup","axis","slot","role","getIntrinsicElementProps","elementType"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAkBUA;;;eAAAA;;;iCAhB8D;AAgBtE,MAAQA,gCAA2BC,CAAAA,OAAAA;UAEnC,wBACQ;UAERC,kBAAAC,IAAAA,wCAAA,EAAA;QAEAC,MAAA;kBACEJ;;;;oBAKMK;kBAEF;;mCAEAC,CAAAA,MAAM,CAAAC,IAAAA,yCAAA,EAAA,OAAA;0BACHL;;kBAGL;8BAAEM;eAAmBP,KAAA;QAEzB,IAAA;YACAO,aAAA"}
+{"version":3,"sources":["useAttachmentTagList.ts"],"sourcesContent":["import type * as React from 'react';\n\nimport { getIntrinsicElementProps, 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<HTMLDivElement>,\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      getIntrinsicElementProps('div', {\n        'aria-label': 'Attachments',\n        ref,\n        role: 'menu',\n        ...focusAttributes,\n        ...props,\n      }),\n      { elementType: 'div' },\n    ),\n  };\n};\n"],"names":["useAttachmentTagList_unstable","props","ref","onAttachmentTagDismiss","focusAttributes","useArrowNavigationGroup","axis","circular","components","root","slot","always","getIntrinsicElementProps","role","elementType"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAcaA;;;eAAAA;;;iCAZ2D;AAYjE,MAAMA,gCAAgC,CAC3CC,OACAC;IAEA,MAAM,EAAEC,sBAAsB,EAAE,GAAGF;IAEnC,MAAMG,kBAAkBC,IAAAA,wCAAAA,EAAwB;QAC9CC,MAAM;QACNC,UAAU;IACZ;IAEA,OAAO;QACLJ;QAEAK,YAAY;YACVC,MAAM;QACR;QACAA,MAAMC,qBAAAA,CAAKC,MAAM,CACfC,IAAAA,yCAAAA,EAAyB,OAAO;YAC9B,cAAc;YACdV;YACAW,MAAM;YACN,GAAGT,eAAe;YAClB,GAAGH,KAAK;QACV,IACA;YAAEa,aAAa;QAAM;IAEzB;AACF"}

package/lib-commonjs/components/AttachmentTagList/useAttachmentTagListContextValues.js

@@ -17,4 +17,4 @@ function useAttachmentTagListContextValues_unstable(state) {
     return {
         tagList
     };
-} //# sourceMappingURL=useAttachmentTagListContextValues.js.map
+}

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

@@ -1 +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"],"rangeMappings":";;;;;;;;;;;;;;;;;","mappings":";;;;+BAEgBA;;;eAAAA;;;AAAT,SAASA,2CACdC,KAA6B;UAE7B,EAEAC,sBAAA,KACAD;uGACEC;UACFC,UAAA;QAEAD;;WAAiB;QACnBC"}
+{"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"],"rangeMappings":";;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAEgBA;;;eAAAA;;;AAAT,SAASA,2CACdC,KAA6B;IAE7B,MAAM,EAAEC,sBAAsB,EAAE,GAAGD;IAEnC,mGAAmG;IACnG,MAAME,UAAU;QACdD;IACF;IAEA,OAAO;QAAEC;IAAQ;AACnB"}

package/lib-commonjs/components/AttachmentTagList/useAttachmentTagListStyles.styles.raw.js

@@ -0,0 +1,37 @@
+"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, {
+    attachmentTagListClassNames: function() {
+        return attachmentTagListClassNames;
+    },
+    useAttachmentTagListStyles_unstable: function() {
+        return useAttachmentTagListStyles_unstable;
+    }
+});
+const _reactcomponents = require("@fluentui/react-components");
+const _tokens = require("@fluentui-copilot/tokens");
+const attachmentTagListClassNames = {
+    root: 'fai-AttachmentTagList'
+};
+const useRootBaseClassName = (0, _reactcomponents.makeResetStyles)({
+    columnGap: _tokens.tokens.spacingHorizontalSNudge,
+    display: 'flex',
+    flexDirection: 'row',
+    flexShrink: 0,
+    flexWrap: 'wrap',
+    rowGap: _tokens.tokens.spacingVerticalXS
+});
+const useAttachmentTagListStyles_unstable = (state)=>{
+    'use no memo';
+    const rootBaseClassName = useRootBaseClassName();
+    state.root.className = (0, _reactcomponents.mergeClasses)(attachmentTagListClassNames.root, rootBaseClassName, state.root.className);
+    return state;
+};

package/lib-commonjs/components/AttachmentTagList/useAttachmentTagListStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useAttachmentTagListStyles.styles.ts"],"sourcesContent":["import { makeResetStyles, mergeClasses } from '@fluentui/react-components';\nimport { tokens } from '@fluentui-copilot/tokens';\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  'use no memo';\n\n  const rootBaseClassName = useRootBaseClassName();\n  state.root.className = mergeClasses(attachmentTagListClassNames.root, rootBaseClassName, state.root.className);\n\n  return state;\n};\n"],"names":["attachmentTagListClassNames","useAttachmentTagListStyles_unstable","root","useRootBaseClassName","makeResetStyles","columnGap","tokens","spacingHorizontalSNudge","display","flexDirection","flexShrink","flexWrap","rowGap","spacingVerticalXS","state","rootBaseClassName","className","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAKaA,2BAAAA;eAAAA;;IAgBAC,mCAAAA;eAAAA;;;iCArBiC;wBACvB;AAIhB,MAAMD,8BAAsE;IACjFE,MAAM;AACR;AAEA,MAAMC,uBAAuBC,IAAAA,gCAAAA,EAAgB;IAC3CC,WAAWC,cAAAA,CAAOC,uBAAuB;IACzCC,SAAS;IACTC,eAAe;IACfC,YAAY;IACZC,UAAU;IACVC,QAAQN,cAAAA,CAAOO,iBAAiB;AAClC;AAKO,MAAMZ,sCAAsC,CAACa;IAClD;IAEA,MAAMC,oBAAoBZ;IAC1BW,MAAMZ,IAAI,CAACc,SAAS,GAAGC,IAAAA,6BAAAA,EAAajB,4BAA4BE,IAAI,EAAEa,mBAAmBD,MAAMZ,IAAI,CAACc,SAAS;IAE7G,OAAOF;AACT"}

package/lib-commonjs/components/index.js

@@ -150,4 +150,3 @@ const _AttachmentList = require("./AttachmentList");
 const _AttachmentOverflowMenu = require("./AttachmentOverflowMenu");
 const _AttachmentOverflowMenuButton = require("./AttachmentOverflowMenuButton");
 const _AttachmentOverflowMenuItem = require("./AttachmentOverflowMenuItem");
- //# sourceMappingURL=index.js.map

package/lib-commonjs/components/utils/useAttachmentTagSlots.js

@@ -59,4 +59,4 @@ function useAttachmentTagSlots(props, ref, options) {
         content,
         icon
     };
-} //# sourceMappingURL=useAttachmentTagSlots.js.map
+}

package/lib-commonjs/components/utils/useAttachmentTagSlots.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useAttachmentTagSlots.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { getIntrinsicElementProps, 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/AttachmentTag.types';\nimport type { AttachmentTagItemProps, AttachmentTagItemState } from './../AttachmentTagItem/AttachmentTagItem.types';\n\n/**\n * @internal\n * Create the slots required to render AttachmentTag or AttachmentTagItem.\n */\nexport function useAttachmentTagSlots<TAttachmentTagState extends AttachmentTagState | AttachmentTagItemState>(\n  props: AttachmentTagProps | AttachmentTagItemProps,\n  ref: React.Ref<HTMLButtonElement | HTMLDivElement>,\n  options: {\n    elementType: TAttachmentTagState['components'];\n  },\n): TAttachmentTagState {\n  const onAttachmentTagDismiss = useAttachmentTagListContext_unstable(context => context.onAttachmentTagDismiss);\n  const { children, role } = props;\n  const { elementType } = options;\n\n  const DismissIcon = bundleIcon(Dismiss20Filled, Dismiss20Regular);\n\n  const hasParentContext = useHasParentContext(AttachmentTagListContext);\n  const rootRole = role ?? (hasParentContext ? 'menuitem' : undefined);\n\n  const root: TAttachmentTagState['root'] = slot.always(\n    getIntrinsicElementProps(elementType.root as 'button' | 'div', {\n      ref,\n      ...props,\n      role: rootRole,\n    }),\n    { elementType: elementType.root as 'button' | 'div' },\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: TAttachmentTagState['media'] = slot.optional(props.media, { elementType: elementType.media });\n\n  const content: TAttachmentTagState['content'] = slot.always(props.content, {\n    defaultProps: {\n      children,\n    },\n    elementType: elementType.content,\n  });\n\n  const icon: TAttachmentTagState['icon'] = slot.always(props.icon, {\n    defaultProps: {\n      children: <DismissIcon />,\n    },\n    elementType: elementType.icon,\n  });\n\n  return {\n    components: {\n      root: elementType.root,\n      media: elementType.media,\n      content: elementType.content,\n      icon: elementType.icon,\n    },\n    root,\n    media,\n    content,\n    icon,\n  } as TAttachmentTagState;\n}\n"],"names":["onAttachmentTagDismiss","useAttachmentTagListContext_unstable","props","children","DismissIcon","role","ref","rootRole","hasParentContext","useHasParentContext","AttachmentTagListContext","elementType","root","undefined","slot","always","getIntrinsicElementProps","content","media","optional","onClick","mergeCallbacks","ev","icon","defaultProps","components","createElement"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAuBQA;;;eAAAA;;;;iEAvBe;iCAEwC;sCAC3B;4BAC0B;0CAET;AAiBnD,SAAMA,sBAAyBC,KAAAA,EAAAA,GAAAA,EAAAA,OAAAA;UAC/BD,yBAA2BE,IAAAA,8DAAAA,EAAAA,CAAAA,UAAAA,QAAAA,sBAAAA;UAC3B,EAEAC,QAAMC,EAENC,IAAA,KACAH;UAEA,aAEII;UAEAD,cAAME,IAAAA,sBAAAA,EAAAA,2BAAAA,EAAAA,4BAAAA;UAERC,mBAAAC,IAAAA,yCAAA,EAAAC,kDAAA;UAAEC,WAAAA,SAAaA,QAAYC,SAAI,KAAA,IAAAP,OAAAG,mBAAA,aAAAK;UAAqBD,OAAAE,qBAAA,CAAAC,MAAA,CAAAC,IAAAA,yCAAA,EAAAL,YAAAC,IAAA,EAAA;QAEtDA;gBAGmCK;;;QAGnCN,aAAMO,YAA2CC,IAASjB;;SAA8CkB,OAAA,GAAAC,IAAAA,+BAAA,EAAAT,KAAAQ,OAAA,EAAAE,CAAAA,KAAAtB,2BAAA,QAAAA,2BAAA,KAAA,IAAA,KAAA,IAAAA,uBAAAsB,IAAA;YAExGL,SAAMA;;;UAGJC,QAAAJ,qBAAA,CAAAK,QAAA,CAAAjB,MAAAgB,KAAA,EAAA;qBACAP,YAAaA,KAAYM;;UAG3BA,UAA0CH,qBAAKC,CAAAA,MAAOb,CAAAA,MAAMqB,OAAM,EAAA;sBAChEC;;;qBAGAb,YAAaA,OAAYY;;UAG3BA,OAAOT,qBAAA,CAAAC,MAAA,CAAAb,MAAAqB,IAAA,EAAA;sBACLE;sBACEb,WAAMD,GAAAA,OAAgBe,aAAA,CAAAtB,aAAA;;qBAEtBa,YAASN,IAAYM;;WAEvB;oBACAL;kBACAM,YAAAA,IAAAA;mBACAD,YAAAA,KAAAA;qBACAM,YAAAA,OAAAA;YACFA,MAAAZ,YAAAY,IAAA;QACF"}
+{"version":3,"sources":["useAttachmentTagSlots.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { getIntrinsicElementProps, 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/AttachmentTag.types';\nimport type { AttachmentTagItemProps, AttachmentTagItemState } from './../AttachmentTagItem/AttachmentTagItem.types';\n\n/**\n * @internal\n * Create the slots required to render AttachmentTag or AttachmentTagItem.\n */\nexport function useAttachmentTagSlots<TAttachmentTagState extends AttachmentTagState | AttachmentTagItemState>(\n  props: AttachmentTagProps | AttachmentTagItemProps,\n  ref: React.Ref<HTMLButtonElement | HTMLDivElement>,\n  options: {\n    elementType: TAttachmentTagState['components'];\n  },\n): TAttachmentTagState {\n  const onAttachmentTagDismiss = useAttachmentTagListContext_unstable(context => context.onAttachmentTagDismiss);\n  const { children, role } = props;\n  const { elementType } = options;\n\n  const DismissIcon = bundleIcon(Dismiss20Filled, Dismiss20Regular);\n\n  const hasParentContext = useHasParentContext(AttachmentTagListContext);\n  const rootRole = role ?? (hasParentContext ? 'menuitem' : undefined);\n\n  const root: TAttachmentTagState['root'] = slot.always(\n    getIntrinsicElementProps(elementType.root as 'button' | 'div', {\n      ref,\n      ...props,\n      role: rootRole,\n    }),\n    { elementType: elementType.root as 'button' | 'div' },\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: TAttachmentTagState['media'] = slot.optional(props.media, { elementType: elementType.media });\n\n  const content: TAttachmentTagState['content'] = slot.always(props.content, {\n    defaultProps: {\n      children,\n    },\n    elementType: elementType.content,\n  });\n\n  const icon: TAttachmentTagState['icon'] = slot.always(props.icon, {\n    defaultProps: {\n      children: <DismissIcon />,\n    },\n    elementType: elementType.icon,\n  });\n\n  return {\n    components: {\n      root: elementType.root,\n      media: elementType.media,\n      content: elementType.content,\n      icon: elementType.icon,\n    },\n    root,\n    media,\n    content,\n    icon,\n  } as TAttachmentTagState;\n}\n"],"names":["useAttachmentTagSlots","props","ref","options","onAttachmentTagDismiss","useAttachmentTagListContext_unstable","context","children","role","elementType","DismissIcon","bundleIcon","Dismiss20Filled","Dismiss20Regular","hasParentContext","useHasParentContext","AttachmentTagListContext","rootRole","undefined","root","slot","always","getIntrinsicElementProps","onClick","mergeCallbacks","ev","content","media","optional","defaultProps","icon","React","createElement","components"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAgBgBA;;;eAAAA;;;;iEAhBO;iCAEwC;sCAC3B;4BAC0B;0CAET;AAU9C,SAASA,sBACdC,KAAkD,EAClDC,GAAkD,EAClDC,OAEC;IAED,MAAMC,yBAAyBC,IAAAA,8DAAAA,EAAqCC,CAAAA,UAAWA,QAAQF,sBAAsB;IAC7G,MAAM,EAAEG,QAAQ,EAAEC,IAAI,EAAE,GAAGP;IAC3B,MAAM,EAAEQ,WAAW,EAAE,GAAGN;IAExB,MAAMO,cAAcC,IAAAA,sBAAAA,EAAWC,2BAAAA,EAAiBC,4BAAAA;IAEhD,MAAMC,mBAAmBC,IAAAA,yCAAAA,EAAoBC,kDAAAA;IAC7C,MAAMC,WAAWT,SAAAA,QAAAA,SAAAA,KAAAA,IAAAA,OAASM,mBAAmB,aAAaI;IAE1D,MAAMC,OAAoCC,qBAAAA,CAAKC,MAAM,CACnDC,IAAAA,yCAAAA,EAAyBb,YAAYU,IAAI,EAAsB;QAC7DjB;QACA,GAAGD,KAAK;QACRO,MAAMS;IACR,IACA;QAAER,aAAaA,YAAYU,IAAI;IAAqB;IAEtDA,KAAKI,OAAO,GAAGC,IAAAA,+BAAAA,EACbL,KAAKI,OAAO,EACZ,CAACE,KACCrB,2BAAAA,QAAAA,2BAAAA,KAAAA,IAAAA,KAAAA,IAAAA,uBAAyBqB,IAAI;YAAEC,SAASnB;YAAUoB;QAAM;IAG5D,MAAMA,QAAsCP,qBAAAA,CAAKQ,QAAQ,CAAC3B,MAAM0B,KAAK,EAAE;QAAElB,aAAaA,YAAYkB,KAAK;IAAC;IAExG,MAAMD,UAA0CN,qBAAAA,CAAKC,MAAM,CAACpB,MAAMyB,OAAO,EAAE;QACzEG,cAAc;YACZtB;QACF;QACAE,aAAaA,YAAYiB,OAAO;IAClC;IAEA,MAAMI,OAAoCV,qBAAAA,CAAKC,MAAM,CAACpB,MAAM6B,IAAI,EAAE;QAChED,cAAc;YACZtB,UAAAA,WAAAA,GAAUwB,OAAAC,aAAA,CAACtB,aAAAA;QACb;QACAD,aAAaA,YAAYqB,IAAI;IAC/B;IAEA,OAAO;QACLG,YAAY;YACVd,MAAMV,YAAYU,IAAI;YACtBQ,OAAOlB,YAAYkB,KAAK;YACxBD,SAASjB,YAAYiB,OAAO;YAC5BI,MAAMrB,YAAYqB,IAAI;QACxB;QACAX;QACAQ;QACAD;QACAI;IACF;AACF"}

package/lib-commonjs/components/utils/useProgressBarStyles.styles.raw.js

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useProgressBarStyles", {
+    enumerable: true,
+    get: function() {
+        return useProgressBarStyles;
+    }
+});
+const _reactcomponents = require("@fluentui/react-components");
+const _tokens = require("@fluentui-copilot/tokens");
+const indeterminateProgressBarReducedMotion = {
+    '0%': {
+        opacity: '.2'
+    },
+    '50%': {
+        opacity: '1'
+    },
+    '100%': {
+        opacity: '.2'
+    }
+};
+const useProgressBarStyles = (0, _reactcomponents.makeStyles)({
+    progress: {
+        width: '100%',
+        position: 'absolute',
+        bottom: 0,
+        left: 0,
+        right: 0,
+        height: '4px',
+        borderBottomLeftRadius: _tokens.tokens.borderRadiusMedium,
+        borderBottomRightRadius: _tokens.tokens.borderRadiusMedium
+    },
+    regularProgressBar: {
+        height: '100%',
+        backgroundImage: `linear-gradient(90deg, ${_tokens.tokens.colorBrandFlair1} 35%, ${_tokens.tokens.colorBrandFlair2} 70%, ${_tokens.tokens.colorBrandFlair3} 92%)`
+    },
+    indeterminateProgressBar: {
+        height: '100%',
+        backgroundColor: _tokens.tokens.colorTransparentBackground,
+        backgroundImage: `linear-gradient(90deg, rgba(0,0,0,0) 0%, ${_tokens.tokens.colorBrandFlair1} 35%, ${_tokens.tokens.colorBrandFlair2} 70%, ${_tokens.tokens.colorBrandFlair3} 92%,  rgba(0,0,0,0))`,
+        '@media screen and (prefers-reduced-motion: reduce)': {
+            maxWidth: '100%',
+            animationIterationCount: 'infinite',
+            animationDuration: '3s',
+            animationName: indeterminateProgressBarReducedMotion
+        }
+    }
+});

package/lib-commonjs/components/utils/useProgressBarStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useProgressBarStyles.styles.ts"],"sourcesContent":["import { makeStyles } from '@fluentui/react-components';\nimport { tokens } from '@fluentui-copilot/tokens';\n\nconst indeterminateProgressBarReducedMotion = {\n  '0%': {\n    opacity: '.2', // matches indeterminate bar width\n  },\n  '50%': {\n    opacity: '1',\n  },\n  '100%': {\n    opacity: '.2',\n  },\n};\n\n/**\n * @internal\n */\nexport const useProgressBarStyles = makeStyles({\n  progress: {\n    width: '100%',\n    position: 'absolute',\n    bottom: 0,\n    left: 0,\n    right: 0,\n    height: '4px',\n    borderBottomLeftRadius: tokens.borderRadiusMedium,\n    borderBottomRightRadius: tokens.borderRadiusMedium,\n  },\n  regularProgressBar: {\n    height: '100%',\n    backgroundImage: `linear-gradient(90deg, ${tokens.colorBrandFlair1} 35%, ${tokens.colorBrandFlair2} 70%, ${tokens.colorBrandFlair3} 92%)`,\n  },\n  indeterminateProgressBar: {\n    height: '100%',\n    backgroundColor: tokens.colorTransparentBackground,\n    backgroundImage: `linear-gradient(90deg, rgba(0,0,0,0) 0%, ${tokens.colorBrandFlair1} 35%, ${tokens.colorBrandFlair2} 70%, ${tokens.colorBrandFlair3} 92%,  rgba(0,0,0,0))`,\n    '@media screen and (prefers-reduced-motion: reduce)': {\n      maxWidth: '100%',\n      animationIterationCount: 'infinite',\n      animationDuration: '3s',\n      animationName: indeterminateProgressBarReducedMotion,\n    },\n  },\n});\n"],"names":["useProgressBarStyles","indeterminateProgressBarReducedMotion","opacity","makeStyles","progress","width","position","bottom","left","right","height","borderBottomLeftRadius","tokens","borderRadiusMedium","borderBottomRightRadius","regularProgressBar","backgroundImage","colorBrandFlair1","colorBrandFlair2","colorBrandFlair3","indeterminateProgressBar","backgroundColor","colorTransparentBackground","maxWidth","animationIterationCount","animationDuration","animationName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAkBaA;;;eAAAA;;;iCAlBc;wBACJ;AAEvB,MAAMC,wCAAwC;IAC5C,MAAM;QACJC,SAAS;IACX;IACA,OAAO;QACLA,SAAS;IACX;IACA,QAAQ;QACNA,SAAS;IACX;AACF;AAKO,MAAMF,uBAAuBG,IAAAA,2BAAAA,EAAW;IAC7CC,UAAU;QACRC,OAAO;QACPC,UAAU;QACVC,QAAQ;QACRC,MAAM;QACNC,OAAO;QACPC,QAAQ;QACRC,wBAAwBC,cAAAA,CAAOC,kBAAkB;QACjDC,yBAAyBF,cAAAA,CAAOC,kBAAkB;IACpD;IACAE,oBAAoB;QAClBL,QAAQ;QACRM,iBAAiB,CAAC,uBAAuB,EAAEJ,cAAAA,CAAOK,gBAAgB,CAAC,MAAM,EAAEL,cAAAA,CAAOM,gBAAgB,CAAC,MAAM,EAAEN,cAAAA,CAAOO,gBAAgB,CAAC,KAAK,CAAC;IAC3I;IACAC,0BAA0B;QACxBV,QAAQ;QACRW,iBAAiBT,cAAAA,CAAOU,0BAA0B;QAClDN,iBAAiB,CAAC,yCAAyC,EAAEJ,cAAAA,CAAOK,gBAAgB,CAAC,MAAM,EAAEL,cAAAA,CAAOM,gBAAgB,CAAC,MAAM,EAAEN,cAAAA,CAAOO,gBAAgB,CAAC,qBAAqB,CAAC;QAC3K,sDAAsD;YACpDI,UAAU;YACVC,yBAAyB;YACzBC,mBAAmB;YACnBC,eAAezB;QACjB;IACF;AACF"}

package/lib-commonjs/contexts/attachmentListContext.js

@@ -27,4 +27,4 @@ const attachmentListContextDefaultValue = {
     numberOfAttachments: 0
 };
 const AttachmentListProvider = AttachmentListContext.Provider;
-const useAttachmentListContext_unstable = (selector)=>(0, _reactcontextselector.useContextSelector)(AttachmentListContext, (ctx = attachmentListContextDefaultValue)=>selector(ctx)); //# sourceMappingURL=attachmentListContext.js.map
+const useAttachmentListContext_unstable = (selector)=>(0, _reactcontextselector.useContextSelector)(AttachmentListContext, (ctx = attachmentListContextDefaultValue)=>selector(ctx));

package/lib-commonjs/contexts/attachmentListContext.js.map

@@ -1 +1 @@
-{"version":3,"sources":["attachmentListContext.ts"],"sourcesContent":["import { createContext, useContextSelector } from '@fluentui/react-context-selector';\nimport type { Context, ContextSelector } from '@fluentui/react-context-selector';\nimport type { AttachmentListState } from '../components/index';\n\nexport const AttachmentListContext: Context<AttachmentListContextValue> = createContext<\n  AttachmentListContextValue | undefined\n>(undefined) as Context<AttachmentListContextValue>;\n\nconst attachmentListContextDefaultValue: AttachmentListContextValue = {\n  onAttachmentDismiss: () => null,\n  shouldUseOverflow: false,\n  numberOfAttachments: 0,\n};\n\n/**\n * Context shared between AttachmentList and its children components\n */\nexport type AttachmentListContextValue = Pick<\n  AttachmentListState,\n  'onAttachmentDismiss' | 'shouldUseOverflow' | 'numberOfAttachments'\n>;\n\nexport const AttachmentListProvider = AttachmentListContext.Provider;\n\nexport const useAttachmentListContext_unstable = <T>(selector: ContextSelector<AttachmentListContextValue, T>) =>\n  useContextSelector(AttachmentListContext, (ctx = attachmentListContextDefaultValue) => selector(ctx));\n"],"names":["AttachmentListContext","AttachmentListProvider","useAttachmentListContext_unstable","createContext","undefined","attachmentListContextDefaultValue","onAttachmentDismiss","shouldUseOverflow","numberOfAttachments","Provider","selector","useContextSelector","ctx"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAIaA,qBAAAA;eAAAA;;IAkBAC,sBAAAA;eAAAA;;IAEAC,iCAAAA;eAAAA;;;sCAxBqC;AAI3C,MAAMF,wBAA6DG,IAAAA,mCAAAA,EAExEC;AAEF,MAAMC,oCAAgE;yBACpEC,IAA2B;uBAC3BC;yBACAC;AACF;AAUO,MAAMP,yBAAyBD,sBAAsBS,QAAQ;AAE7D,MAAMP,oCAAoCQ,CAAAA,WAC/CC,IAAAA,wCAAAA,EAAmBX,uBAAuB,CAACY,MAAMP,iCAAiC,GAAKK,SAASE"}
+{"version":3,"sources":["attachmentListContext.ts"],"sourcesContent":["import { createContext, useContextSelector } from '@fluentui/react-context-selector';\nimport type { Context, ContextSelector } from '@fluentui/react-context-selector';\nimport type { AttachmentListState } from '../components/index';\n\nexport const AttachmentListContext: Context<AttachmentListContextValue> = createContext<\n  AttachmentListContextValue | undefined\n>(undefined) as Context<AttachmentListContextValue>;\n\nconst attachmentListContextDefaultValue: AttachmentListContextValue = {\n  onAttachmentDismiss: () => null,\n  shouldUseOverflow: false,\n  numberOfAttachments: 0,\n};\n\n/**\n * Context shared between AttachmentList and its children components\n */\nexport type AttachmentListContextValue = Pick<\n  AttachmentListState,\n  'onAttachmentDismiss' | 'shouldUseOverflow' | 'numberOfAttachments'\n>;\n\nexport const AttachmentListProvider = AttachmentListContext.Provider;\n\nexport const useAttachmentListContext_unstable = <T>(selector: ContextSelector<AttachmentListContextValue, T>) =>\n  useContextSelector(AttachmentListContext, (ctx = attachmentListContextDefaultValue) => selector(ctx));\n"],"names":["AttachmentListContext","AttachmentListProvider","useAttachmentListContext_unstable","createContext","undefined","attachmentListContextDefaultValue","onAttachmentDismiss","shouldUseOverflow","numberOfAttachments","Provider","selector","useContextSelector","ctx"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAIaA,qBAAAA;eAAAA;;IAkBAC,sBAAAA;eAAAA;;IAEAC,iCAAAA;eAAAA;;;sCAxBqC;AAI3C,MAAMF,wBAA6DG,IAAAA,mCAAAA,EAExEC;AAEF,MAAMC,oCAAgE;IACpEC,qBAAqB,IAAM;IAC3BC,mBAAmB;IACnBC,qBAAqB;AACvB;AAUO,MAAMP,yBAAyBD,sBAAsBS,QAAQ;AAE7D,MAAMP,oCAAoC,CAAIQ,WACnDC,IAAAA,wCAAAA,EAAmBX,uBAAuB,CAACY,MAAMP,iCAAiC,GAAKK,SAASE"}

package/lib-commonjs/contexts/attachmentOverflowMenuContext.js

@@ -27,4 +27,4 @@ const overflowMenuContextDefaultValue = {
     overflowCount: 0
 };
 const AttachmentOverflowMenuProvider = AttachmentOverflowMenuContext.Provider;
-const useAttachmentOverflowMenuContext_unstable = (selector)=>(0, _reactcontextselector.useContextSelector)(AttachmentOverflowMenuContext, (ctx = overflowMenuContextDefaultValue)=>selector(ctx)); //# sourceMappingURL=attachmentOverflowMenuContext.js.map
+const useAttachmentOverflowMenuContext_unstable = (selector)=>(0, _reactcontextselector.useContextSelector)(AttachmentOverflowMenuContext, (ctx = overflowMenuContextDefaultValue)=>selector(ctx));

package/lib-commonjs/contexts/attachmentOverflowMenuContext.js.map

@@ -1 +1 @@
-{"version":3,"sources":["attachmentOverflowMenuContext.ts"],"sourcesContent":["import { createContext, useContextSelector } from '@fluentui/react-context-selector';\nimport type { Context, ContextSelector } from '@fluentui/react-context-selector';\nimport type { AttachmentOverflowMenuState } from '../components/index';\n\nexport const AttachmentOverflowMenuContext: Context<AttachmentOverflowMenuContextValue> = createContext<\n  AttachmentOverflowMenuContextValue | undefined\n>(undefined) as Context<AttachmentOverflowMenuContextValue>;\n\nconst overflowMenuContextDefaultValue: AttachmentOverflowMenuContextValue = {\n  isOverflowing: false,\n  overflowButtonRef: undefined,\n  overflowCount: 0,\n};\n\n/**\n * Context shared between AttachmentOverflowMenu and its children components\n */\nexport type AttachmentOverflowMenuContextValue = Pick<\n  AttachmentOverflowMenuState,\n  'isOverflowing' | 'overflowButtonRef' | 'overflowCount'\n>;\nexport const AttachmentOverflowMenuProvider = AttachmentOverflowMenuContext.Provider;\n\nexport const useAttachmentOverflowMenuContext_unstable = <T>(\n  selector: ContextSelector<AttachmentOverflowMenuContextValue, T>,\n) => useContextSelector(AttachmentOverflowMenuContext, (ctx = overflowMenuContextDefaultValue) => selector(ctx));\n"],"names":["AttachmentOverflowMenuContext","AttachmentOverflowMenuProvider","useAttachmentOverflowMenuContext_unstable","createContext","undefined","overflowMenuContextDefaultValue","isOverflowing","overflowButtonRef","overflowCount","Provider","selector","useContextSelector","ctx"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAIaA,6BAAAA;eAAAA;;IAiBAC,8BAAAA;eAAAA;;IAEAC,yCAAAA;eAAAA;;;sCAvBqC;AAI3C,MAAMF,gCAA6EG,IAAAA,mCAAAA,EAExFC;AAEF,MAAMC,kCAAsE;mBAC1EC;uBACAC;mBACAC;AACF;AASO,MAAMP,iCAAiCD,8BAA8BS,QAAQ;AAE7E,MAAMP,4CAA4CQ,CAAAA,WAEpDC,IAAAA,wCAAAA,EAAmBX,+BAA+B,CAACY,MAAMP,+BAA+B,GAAKK,SAASE"}
+{"version":3,"sources":["attachmentOverflowMenuContext.ts"],"sourcesContent":["import { createContext, useContextSelector } from '@fluentui/react-context-selector';\nimport type { Context, ContextSelector } from '@fluentui/react-context-selector';\nimport type { AttachmentOverflowMenuState } from '../components/index';\n\nexport const AttachmentOverflowMenuContext: Context<AttachmentOverflowMenuContextValue> = createContext<\n  AttachmentOverflowMenuContextValue | undefined\n>(undefined) as Context<AttachmentOverflowMenuContextValue>;\n\nconst overflowMenuContextDefaultValue: AttachmentOverflowMenuContextValue = {\n  isOverflowing: false,\n  overflowButtonRef: undefined,\n  overflowCount: 0,\n};\n\n/**\n * Context shared between AttachmentOverflowMenu and its children components\n */\nexport type AttachmentOverflowMenuContextValue = Pick<\n  AttachmentOverflowMenuState,\n  'isOverflowing' | 'overflowButtonRef' | 'overflowCount'\n>;\nexport const AttachmentOverflowMenuProvider = AttachmentOverflowMenuContext.Provider;\n\nexport const useAttachmentOverflowMenuContext_unstable = <T>(\n  selector: ContextSelector<AttachmentOverflowMenuContextValue, T>,\n) => useContextSelector(AttachmentOverflowMenuContext, (ctx = overflowMenuContextDefaultValue) => selector(ctx));\n"],"names":["AttachmentOverflowMenuContext","AttachmentOverflowMenuProvider","useAttachmentOverflowMenuContext_unstable","createContext","undefined","overflowMenuContextDefaultValue","isOverflowing","overflowButtonRef","overflowCount","Provider","selector","useContextSelector","ctx"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAIaA,6BAAAA;eAAAA;;IAiBAC,8BAAAA;eAAAA;;IAEAC,yCAAAA;eAAAA;;;sCAvBqC;AAI3C,MAAMF,gCAA6EG,IAAAA,mCAAAA,EAExFC;AAEF,MAAMC,kCAAsE;IAC1EC,eAAe;IACfC,mBAAmBH;IACnBI,eAAe;AACjB;AASO,MAAMP,iCAAiCD,8BAA8BS,QAAQ;AAE7E,MAAMP,4CAA4C,CACvDQ,WACGC,IAAAA,wCAAAA,EAAmBX,+BAA+B,CAACY,MAAMP,+BAA+B,GAAKK,SAASE"}

package/lib-commonjs/contexts/attachmentTagListContext.js

@@ -25,4 +25,4 @@ const tagListContextDefaultValue = {
     onAttachmentTagDismiss: ()=>null
 };
 const AttachmentTagListProvider = AttachmentTagListContext.Provider;
-const useAttachmentTagListContext_unstable = (selector)=>(0, _reactcontextselector.useContextSelector)(AttachmentTagListContext, (ctx = tagListContextDefaultValue)=>selector(ctx)); //# sourceMappingURL=attachmentTagListContext.js.map
+const useAttachmentTagListContext_unstable = (selector)=>(0, _reactcontextselector.useContextSelector)(AttachmentTagListContext, (ctx = tagListContextDefaultValue)=>selector(ctx));

package/lib-commonjs/contexts/attachmentTagListContext.js.map

@@ -1 +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":["AttachmentTagListContext","AttachmentTagListProvider","useAttachmentTagListContext_unstable","createContext","undefined","tagListContextDefaultValue","onAttachmentTagDismiss","Provider","selector","useContextSelector","ctx"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAIaA,wBAAAA;eAAAA;;IAaAC,yBAAAA;eAAAA;;IAEAC,oCAAAA;eAAAA;;;sCAnBqC;AAI3C,MAAMF,2BAAmEG,IAAAA,mCAAAA,EAE9EC;AAEF,MAAMC,6BAA4D;4BAChEC,IAA8B;AAChC;AAOO,MAAML,4BAA4BD,yBAAyBO,QAAQ;AAEnE,MAAML,uCAAuCM,CAAAA,WAClDC,IAAAA,wCAAAA,EAAmBT,0BAA0B,CAACU,MAAML,0BAA0B,GAAKG,SAASE"}
+{"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":["AttachmentTagListContext","AttachmentTagListProvider","useAttachmentTagListContext_unstable","createContext","undefined","tagListContextDefaultValue","onAttachmentTagDismiss","Provider","selector","useContextSelector","ctx"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAIaA,wBAAAA;eAAAA;;IAaAC,yBAAAA;eAAAA;;IAEAC,oCAAAA;eAAAA;;;sCAnBqC;AAI3C,MAAMF,2BAAmEG,IAAAA,mCAAAA,EAE9EC;AAEF,MAAMC,6BAA4D;IAChEC,wBAAwB,IAAM;AAChC;AAOO,MAAML,4BAA4BD,yBAAyBO,QAAQ;AAEnE,MAAML,uCAAuC,CAAIM,WACtDC,IAAAA,wCAAAA,EAAmBT,0BAA0B,CAACU,MAAML,0BAA0B,GAAKG,SAASE"}

package/lib-commonjs/index.js

@@ -168,4 +168,3 @@ const _attachmentOverflowMenuContext = require("./contexts/attachmentOverflowMen
 const _AttachmentOverflowMenuButton = require("./AttachmentOverflowMenuButton");
 const _AttachmentOverflowMenuItem = require("./AttachmentOverflowMenuItem");
 const _AgentTag = require("./AgentTag");
- //# sourceMappingURL=index.js.map