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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["useAgentTagStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses } from '@fluentui/react-components';\nimport type { AgentTagSlots, AgentTagState } from './AgentTag.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\nimport { useAttachmentStyles_unstable } from '..';\nimport { tokens, typographyStyles } from '@fluentui-copilot/tokens';\n\nexport const agentTagClassNames: SlotClassNames<AgentTagSlots> = {\n  root: 'fai-AgentTag',\n  primaryAction: 'fai-AgentTag__primaryAction',\n  dismissIcon: 'fai-AgentTag__dismissIcon',\n  dismissButton: 'fai-AgentTag__dismissButton',\n  media: 'fai-AgentTag__media',\n  content: 'fai-AgentTag__content',\n  progress: 'fai-AgentTag__progress',\n};\n\nconst useMediaStyles = makeStyles({\n  canvas: {\n    width: '24px',\n    height: '24px',\n  },\n  sidecar: { width: '20px', height: '20px' },\n});\n\nconst useContentStyles = makeStyles({\n  canvas: {\n    ...typographyStyles.subtitle2,\n    color: tokens.colorNeutralForeground2,\n  },\n  sidecar: {\n    ...typographyStyles.body1Strong,\n    color: tokens.colorNeutralForeground2,\n  },\n});\n\nconst useDismissButtonStyles = makeStyles({\n  canvas: {\n    borderRadius: tokens.borderRadius2XL,\n    paddingLeft: tokens.spacingHorizontalL,\n    paddingRight: tokens.spacingHorizontalM,\n  },\n  sidecar: {\n    paddingLeft: tokens.spacingHorizontalM,\n    paddingRight: tokens.spacingHorizontalS,\n    borderRadius: tokens.borderRadiusXLarge,\n  },\n});\n\n/**\n * Apply styling to the AgentTag slots based on the state\n */\nexport const useAgentTagStyles_unstable = (state: AgentTagState): AgentTagState => {\n  'use no memo';\n\n  const { mode } = state;\n\n  const contentStyles = useContentStyles();\n  const dismissButtonStyles = useDismissButtonStyles();\n  const mediaStyles = useMediaStyles();\n\n  state.root.className = mergeClasses(agentTagClassNames.root, state.root.className);\n\n  state.primaryAction.className = mergeClasses(agentTagClassNames.primaryAction, state.primaryAction.className);\n\n  state.dismissIcon.className = mergeClasses(agentTagClassNames.dismissIcon, state.dismissIcon.className);\n\n  state.dismissButton.className = mergeClasses(\n    agentTagClassNames.dismissButton,\n    dismissButtonStyles[mode],\n    state.dismissButton.className,\n  );\n\n  if (state.media) {\n    state.media.className = mergeClasses(agentTagClassNames.media, mediaStyles[mode], state.media.className);\n  }\n\n  state.content.className = mergeClasses(agentTagClassNames.content, contentStyles[mode], state.content.className);\n\n  if (state.progress) {\n    state.progress.className = mergeClasses(agentTagClassNames.progress, state.progress.className);\n  }\n\n  useAttachmentStyles_unstable(state);\n\n  return state;\n};\n"],"names":["agentTagClassNames","root","primaryAction","dismissIcon","dismissButton","media","content","progress","useMediaStyles","makeStyles","canvas","width","height","sidecar","d","useContentStyles","typographyStyles","subtitle2","color","Bahqtrf","sj55zd","useDismissButtonStyles","borderRadius","paddingLeft","paddingRight","__styles","Beyfa6y","Btl43ni","B7oj6ja","Dimara","mode","uwmqm3","contentStyles","z189sj","dismissButtonStyles","state","className","mergeClasses","Bbmb7ep","useAttachmentStyles_unstable","p"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAMaA,kBAAAA;eAAAA;;;;;;iCANoB;kBAGY;AAGtC,MAAMA,qBAAoD;UAC/DC;mBACAC;iBACAC;mBACAC;WACAC;aACAC;cACAC;AACF;AAEA,MAAMC,iBAAiBC,IAAAA,yBAAAA,EAAAA;YACrBC;gBACEC;iBACAC;;aAEFC;gBAAWF;iBAAeC;;AAC5B,GAAA;IAEAE,GAAA;QAAMC;QAAmBN;QAAW;QAAA;KAAA;;yBAE7BO,IAAAA,yBAAiBC,EAAAA;YACpBC;QACFC,SAAA;QACAN,SAAS;iBACJG;iBACHE;QACFE,QAAA;IACF;IAEAP,SAAMQ;QACJX,SAAQ;iBACNY;iBACAC;iBACAC;QACFJ,QAAA;;;;;QAGyC;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;;MAEzCC,yBAAAI,IAAAA,yBAAA,EAAA;IACFf,QAAA;QAEAgB,SAAA;;QAGAC,SAAO;QACLC,SAAA;QAEAC,QAAQC;QAERC,QAAMC;YAAAA;YAAAA;SAAgBjB;QACtBkB,QAAMC;YAAAA;YAAAA;SAAsBb;;aAGtBpB;QAENkC,QAAMjC;YAAAA;YAAckC;SAAS;QAE7BD,QAAMhC;YAAAA;YAAYiC;SAAYC;QAE9BF,SAAM/B;QAMNkC,SAAIH;iBACFA;QACFP,SAAA;QAEAO,QAAM7B;;;OAIN;QAAA;YAAA;YAAA;gBAEAiC,GAAAA,CAAAA;;SAEA;QAAA;QAAOJ;QAAAA;QAAAA;QAAAA;QAAAA;QAAAA;YAAAA;YAAAA;gBACPK,GAAA,CAAA"}

package/lib-commonjs/components/AgentTag/useAgentTagStyles.styles.raw.js

@@ -0,0 +1,82 @@
+"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, {
+    agentTagClassNames: function() {
+        return agentTagClassNames;
+    },
+    useAgentTagStyles_unstable: function() {
+        return useAgentTagStyles_unstable;
+    }
+});
+const _reactcomponents = require("@fluentui/react-components");
+const _ = require("..");
+const _tokens = require("@fluentui-copilot/tokens");
+const agentTagClassNames = {
+    root: 'fai-AgentTag',
+    primaryAction: 'fai-AgentTag__primaryAction',
+    dismissIcon: 'fai-AgentTag__dismissIcon',
+    dismissButton: 'fai-AgentTag__dismissButton',
+    media: 'fai-AgentTag__media',
+    content: 'fai-AgentTag__content',
+    progress: 'fai-AgentTag__progress'
+};
+const useMediaStyles = (0, _reactcomponents.makeStyles)({
+    canvas: {
+        width: '24px',
+        height: '24px'
+    },
+    sidecar: {
+        width: '20px',
+        height: '20px'
+    }
+});
+const useContentStyles = (0, _reactcomponents.makeStyles)({
+    canvas: {
+        ..._tokens.typographyStyles.subtitle2,
+        color: _tokens.tokens.colorNeutralForeground2
+    },
+    sidecar: {
+        ..._tokens.typographyStyles.body1Strong,
+        color: _tokens.tokens.colorNeutralForeground2
+    }
+});
+const useDismissButtonStyles = (0, _reactcomponents.makeStyles)({
+    canvas: {
+        borderRadius: _tokens.tokens.borderRadius2XL,
+        paddingLeft: _tokens.tokens.spacingHorizontalL,
+        paddingRight: _tokens.tokens.spacingHorizontalM
+    },
+    sidecar: {
+        paddingLeft: _tokens.tokens.spacingHorizontalM,
+        paddingRight: _tokens.tokens.spacingHorizontalS,
+        borderRadius: _tokens.tokens.borderRadiusXLarge
+    }
+});
+const useAgentTagStyles_unstable = (state)=>{
+    'use no memo';
+    const { mode } = state;
+    const contentStyles = useContentStyles();
+    const dismissButtonStyles = useDismissButtonStyles();
+    const mediaStyles = useMediaStyles();
+    state.root.className = (0, _reactcomponents.mergeClasses)(agentTagClassNames.root, state.root.className);
+    state.primaryAction.className = (0, _reactcomponents.mergeClasses)(agentTagClassNames.primaryAction, state.primaryAction.className);
+    state.dismissIcon.className = (0, _reactcomponents.mergeClasses)(agentTagClassNames.dismissIcon, state.dismissIcon.className);
+    state.dismissButton.className = (0, _reactcomponents.mergeClasses)(agentTagClassNames.dismissButton, dismissButtonStyles[mode], state.dismissButton.className);
+    if (state.media) {
+        state.media.className = (0, _reactcomponents.mergeClasses)(agentTagClassNames.media, mediaStyles[mode], state.media.className);
+    }
+    state.content.className = (0, _reactcomponents.mergeClasses)(agentTagClassNames.content, contentStyles[mode], state.content.className);
+    if (state.progress) {
+        state.progress.className = (0, _reactcomponents.mergeClasses)(agentTagClassNames.progress, state.progress.className);
+    }
+    (0, _.useAttachmentStyles_unstable)(state);
+    return state;
+};

package/lib-commonjs/components/AgentTag/useAgentTagStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useAgentTagStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses } from '@fluentui/react-components';\nimport type { AgentTagSlots, AgentTagState } from './AgentTag.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\nimport { useAttachmentStyles_unstable } from '..';\nimport { tokens, typographyStyles } from '@fluentui-copilot/tokens';\n\nexport const agentTagClassNames: SlotClassNames<AgentTagSlots> = {\n  root: 'fai-AgentTag',\n  primaryAction: 'fai-AgentTag__primaryAction',\n  dismissIcon: 'fai-AgentTag__dismissIcon',\n  dismissButton: 'fai-AgentTag__dismissButton',\n  media: 'fai-AgentTag__media',\n  content: 'fai-AgentTag__content',\n  progress: 'fai-AgentTag__progress',\n};\n\nconst useMediaStyles = makeStyles({\n  canvas: {\n    width: '24px',\n    height: '24px',\n  },\n  sidecar: { width: '20px', height: '20px' },\n});\n\nconst useContentStyles = makeStyles({\n  canvas: {\n    ...typographyStyles.subtitle2,\n    color: tokens.colorNeutralForeground2,\n  },\n  sidecar: {\n    ...typographyStyles.body1Strong,\n    color: tokens.colorNeutralForeground2,\n  },\n});\n\nconst useDismissButtonStyles = makeStyles({\n  canvas: {\n    borderRadius: tokens.borderRadius2XL,\n    paddingLeft: tokens.spacingHorizontalL,\n    paddingRight: tokens.spacingHorizontalM,\n  },\n  sidecar: {\n    paddingLeft: tokens.spacingHorizontalM,\n    paddingRight: tokens.spacingHorizontalS,\n    borderRadius: tokens.borderRadiusXLarge,\n  },\n});\n\n/**\n * Apply styling to the AgentTag slots based on the state\n */\nexport const useAgentTagStyles_unstable = (state: AgentTagState): AgentTagState => {\n  'use no memo';\n\n  const { mode } = state;\n\n  const contentStyles = useContentStyles();\n  const dismissButtonStyles = useDismissButtonStyles();\n  const mediaStyles = useMediaStyles();\n\n  state.root.className = mergeClasses(agentTagClassNames.root, state.root.className);\n\n  state.primaryAction.className = mergeClasses(agentTagClassNames.primaryAction, state.primaryAction.className);\n\n  state.dismissIcon.className = mergeClasses(agentTagClassNames.dismissIcon, state.dismissIcon.className);\n\n  state.dismissButton.className = mergeClasses(\n    agentTagClassNames.dismissButton,\n    dismissButtonStyles[mode],\n    state.dismissButton.className,\n  );\n\n  if (state.media) {\n    state.media.className = mergeClasses(agentTagClassNames.media, mediaStyles[mode], state.media.className);\n  }\n\n  state.content.className = mergeClasses(agentTagClassNames.content, contentStyles[mode], state.content.className);\n\n  if (state.progress) {\n    state.progress.className = mergeClasses(agentTagClassNames.progress, state.progress.className);\n  }\n\n  useAttachmentStyles_unstable(state);\n\n  return state;\n};\n"],"names":["agentTagClassNames","useAgentTagStyles_unstable","root","primaryAction","dismissIcon","dismissButton","media","content","progress","useMediaStyles","makeStyles","canvas","width","height","sidecar","useContentStyles","typographyStyles","subtitle2","color","tokens","colorNeutralForeground2","body1Strong","useDismissButtonStyles","borderRadius","borderRadius2XL","paddingLeft","spacingHorizontalL","paddingRight","spacingHorizontalM","spacingHorizontalS","borderRadiusXLarge","state","mode","contentStyles","dismissButtonStyles","mediaStyles","className","mergeClasses","useAttachmentStyles_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAMaA,kBAAAA;eAAAA;;IA6CAC,0BAAAA;eAAAA;;;iCAnD4B;kBAGI;wBACJ;AAElC,MAAMD,qBAAoD;IAC/DE,MAAM;IACNC,eAAe;IACfC,aAAa;IACbC,eAAe;IACfC,OAAO;IACPC,SAAS;IACTC,UAAU;AACZ;AAEA,MAAMC,iBAAiBC,IAAAA,2BAAAA,EAAW;IAChCC,QAAQ;QACNC,OAAO;QACPC,QAAQ;IACV;IACAC,SAAS;QAAEF,OAAO;QAAQC,QAAQ;IAAO;AAC3C;AAEA,MAAME,mBAAmBL,IAAAA,2BAAAA,EAAW;IAClCC,QAAQ;QACN,GAAGK,wBAAAA,CAAiBC,SAAS;QAC7BC,OAAOC,cAAAA,CAAOC,uBAAuB;IACvC;IACAN,SAAS;QACP,GAAGE,wBAAAA,CAAiBK,WAAW;QAC/BH,OAAOC,cAAAA,CAAOC,uBAAuB;IACvC;AACF;AAEA,MAAME,yBAAyBZ,IAAAA,2BAAAA,EAAW;IACxCC,QAAQ;QACNY,cAAcJ,cAAAA,CAAOK,eAAe;QACpCC,aAAaN,cAAAA,CAAOO,kBAAkB;QACtCC,cAAcR,cAAAA,CAAOS,kBAAkB;IACzC;IACAd,SAAS;QACPW,aAAaN,cAAAA,CAAOS,kBAAkB;QACtCD,cAAcR,cAAAA,CAAOU,kBAAkB;QACvCN,cAAcJ,cAAAA,CAAOW,kBAAkB;IACzC;AACF;AAKO,MAAM7B,6BAA6B,CAAC8B;IACzC;IAEA,MAAM,EAAEC,IAAI,EAAE,GAAGD;IAEjB,MAAME,gBAAgBlB;IACtB,MAAMmB,sBAAsBZ;IAC5B,MAAMa,cAAc1B;IAEpBsB,MAAM7B,IAAI,CAACkC,SAAS,GAAGC,IAAAA,6BAAAA,EAAarC,mBAAmBE,IAAI,EAAE6B,MAAM7B,IAAI,CAACkC,SAAS;IAEjFL,MAAM5B,aAAa,CAACiC,SAAS,GAAGC,IAAAA,6BAAAA,EAAarC,mBAAmBG,aAAa,EAAE4B,MAAM5B,aAAa,CAACiC,SAAS;IAE5GL,MAAM3B,WAAW,CAACgC,SAAS,GAAGC,IAAAA,6BAAAA,EAAarC,mBAAmBI,WAAW,EAAE2B,MAAM3B,WAAW,CAACgC,SAAS;IAEtGL,MAAM1B,aAAa,CAAC+B,SAAS,GAAGC,IAAAA,6BAAAA,EAC9BrC,mBAAmBK,aAAa,EAChC6B,mBAAmB,CAACF,KAAK,EACzBD,MAAM1B,aAAa,CAAC+B,SAAS;IAG/B,IAAIL,MAAMzB,KAAK,EAAE;QACfyB,MAAMzB,KAAK,CAAC8B,SAAS,GAAGC,IAAAA,6BAAAA,EAAarC,mBAAmBM,KAAK,EAAE6B,WAAW,CAACH,KAAK,EAAED,MAAMzB,KAAK,CAAC8B,SAAS;IACzG;IAEAL,MAAMxB,OAAO,CAAC6B,SAAS,GAAGC,IAAAA,6BAAAA,EAAarC,mBAAmBO,OAAO,EAAE0B,aAAa,CAACD,KAAK,EAAED,MAAMxB,OAAO,CAAC6B,SAAS;IAE/G,IAAIL,MAAMvB,QAAQ,EAAE;QAClBuB,MAAMvB,QAAQ,CAAC4B,SAAS,GAAGC,IAAAA,6BAAAA,EAAarC,mBAAmBQ,QAAQ,EAAEuB,MAAMvB,QAAQ,CAAC4B,SAAS;IAC/F;IAEAE,IAAAA,8BAAAA,EAA6BP;IAE7B,OAAOA;AACT"}

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

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Attachment", {
+    enumerable: true,
+    get: function() {
+        return Attachment;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _useAttachment = require("./useAttachment");
+const _renderAttachment = require("./renderAttachment");
+const _useAttachmentStylesstyles = require("./useAttachmentStyles.styles");
+const _reactprovider = require("@fluentui-copilot/react-provider");
+const Attachment = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _useAttachment.useAttachment_unstable)(props, ref);
+    (0, _useAttachmentStylesstyles.useAttachmentStyles_unstable)(state);
+    (0, _reactprovider.useCustomStyleHook)('useAttachmentStyles')(state);
+    return (0, _renderAttachment.renderAttachment_unstable)(state);
+});
+Attachment.displayName = 'Attachment';

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Attachment.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useAttachment_unstable } from './useAttachment';\nimport { renderAttachment_unstable } from './renderAttachment';\nimport { useAttachmentStyles_unstable } from './useAttachmentStyles.styles';\nimport type { AttachmentProps } from './Attachment.types';\nimport type { ForwardRefComponent } from '@fluentui/react-components';\nimport { useCustomStyleHook } from '@fluentui-copilot/react-provider';\n\n// Attachment component - TODO: add more docs\nexport const Attachment: ForwardRefComponent<AttachmentProps> = React.forwardRef((props, ref) => {\n  const state = useAttachment_unstable(props, ref);\n\n  useAttachmentStyles_unstable(state);\n  useCustomStyleHook('useAttachmentStyles')(state);\n\n  return renderAttachment_unstable(state);\n});\n\nAttachment.displayName = 'Attachment';\n"],"names":["Attachment","React","forwardRef","props","ref","state","useAttachment_unstable","useAttachmentStyles_unstable","useCustomStyleHook","renderAttachment_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BASaA;;;eAAAA;;;;iEATU;+BACgB;kCACG;2CACG;+BAGV;AAG5B,MAAMA,aAAAA,WAAAA,GAAmDC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACvF,MAAMC,QAAQC,IAAAA,qCAAAA,EAAuBH,OAAOC;IAE5CG,IAAAA,uDAAAA,EAA6BF;IAC7BG,IAAAA,iCAAAA,EAAmB,uBAAuBH;IAE1C,OAAOI,IAAAA,2CAAAA,EAA0BJ;AACnC;AAEAL,WAAWU,WAAW,GAAG"}

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

@@ -0,0 +1,6 @@
+/**
+ * State used in rendering Attachment
+ */ "use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Attachment.types.ts"],"sourcesContent":["import type { CopilotMode, DesignVersion } from '@fluentui-copilot/react-provider';\nimport type { ComponentProps, ComponentState, ProgressBar, Slot } from '@fluentui/react-components';\n\nexport type AttachmentSlots = {\n  root: NonNullable<Slot<'div'>>;\n\n  /**\n   * Attachments support a primary action.\n   */\n  primaryAction: NonNullable<Slot<'button', 'span'>>;\n\n  /**\n   * Attachments have a dismiss button.\n   */\n  dismissButton: NonNullable<Slot<'button'>>;\n\n  /**\n   * Attachments can include an image or other media.\n   */\n  media?: Slot<'span'>;\n\n  /**\n   * The content of the attachment.\n   */\n  content: NonNullable<Slot<'span'>>;\n\n  /**\n   * The icon that renders for the `dismissButton`.\n   */\n  dismissIcon: NonNullable<Slot<'span'>>;\n\n  /**\n   * An attachment supports a progress bar, which can display the attachment's upload progress.\n   */\n  progress?: Slot<typeof ProgressBar>;\n};\n\n/**\n * Attachment Props\n */\nexport type AttachmentProps = Omit<ComponentProps<Partial<AttachmentSlots>>, 'content'> &\n  Pick<Partial<AttachmentSlots>, 'content'> &\n  CopilotMode &\n  DesignVersion & {\n    /**\n     * Use this prop if an attachment has no text content.\n     *\n     * @default false\n     */\n    imageOnly?: boolean;\n\n    /**\n     * An attachment supports different sizes.\n     *\n     * @default 'medium'\n     */\n    size?: 'small' | 'medium';\n    /**\n     * Use this prop if the attachment has no primary action\n     * and should be rendered as a single button\n     */\n    dismissOnly?: boolean;\n  };\n\n/**\n * State used in rendering Attachment\n */\nexport type AttachmentState = ComponentState<AttachmentSlots> &\n  Required<Pick<AttachmentProps, 'id' | 'size' | 'designVersion' | 'mode' | 'dismissOnly'>> &\n  Pick<AttachmentProps, 'imageOnly'> & {\n    isLoading: boolean;\n    shouldUseOverflow: boolean;\n  };\n"],"names":[],"rangeMappings":";;","mappings":"AAgEA;;CAEC"}

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

@@ -0,0 +1,34 @@
+"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, {
+    Attachment: function() {
+        return _Attachment.Attachment;
+    },
+    attachmentClassNames: function() {
+        return _useAttachmentStylesstyles.attachmentClassNames;
+    },
+    renderAttachment_unstable: function() {
+        return _renderAttachment.renderAttachment_unstable;
+    },
+    useAttachmentStyles_unstable: function() {
+        return _useAttachmentStylesstyles.useAttachmentStyles_unstable;
+    },
+    useAttachment_unstable: function() {
+        return _useAttachment.useAttachment_unstable;
+    },
+    useOverflowStyles: function() {
+        return _useAttachmentStylesstyles.useOverflowStyles;
+    }
+});
+const _Attachment = require("./Attachment");
+const _renderAttachment = require("./renderAttachment");
+const _useAttachment = require("./useAttachment");
+const _useAttachmentStylesstyles = require("./useAttachmentStyles.styles");

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"sourcesContent":["export { Attachment } from './Attachment';\nexport type { AttachmentProps, AttachmentSlots, AttachmentState } from './Attachment.types';\nexport { renderAttachment_unstable } from './renderAttachment';\nexport { useAttachment_unstable } from './useAttachment';\nexport { attachmentClassNames, useAttachmentStyles_unstable, useOverflowStyles } from './useAttachmentStyles.styles';\n"],"names":["Attachment","attachmentClassNames","renderAttachment_unstable","useAttachmentStyles_unstable","useAttachment_unstable","useOverflowStyles"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAASA,UAAU;eAAVA,sBAAU;;IAIVC,oBAAoB;eAApBA,+CAAoB;;IAFpBC,yBAAyB;eAAzBA,2CAAyB;;IAEHC,4BAA4B;eAA5BA,uDAA4B;;IADlDC,sBAAsB;eAAtBA,qCAAsB;;IAC8BC,iBAAiB;eAAjBA,4CAAiB;;;4BAJnD;kCAEe;+BACH;2CAC+C"}

package/lib-commonjs/components/Attachment/renderAttachment.js

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "renderAttachment_unstable", {
+    enumerable: true,
+    get: function() {
+        return renderAttachment_unstable;
+    }
+});
+const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
+const _reactcomponents = require("@fluentui/react-components");
+const renderAttachment_unstable = (state)=>{
+    const { id, shouldUseOverflow, designVersion, dismissOnly } = state;
+    const attachment = designVersion === 'next' && dismissOnly ? renderDismissOnly(state) : renderAttachment(state);
+    return shouldUseOverflow ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactcomponents.OverflowItem, {
+        id: id,
+        children: attachment
+    }, id) : attachment;
+};
+const renderAttachment = (state)=>{
+    (0, _reactcomponents.assertSlots)(state);
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(state.root, {
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)(state.primaryAction, {
+                children: [
+                    state.media && !state.imageOnly && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.media, {}),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(state.content, {}),
+                    state.progress && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.progress, {})
+                ]
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(state.dismissButton, {
+                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(state.dismissIcon, {})
+            })
+        ]
+    });
+};
+const renderDismissOnly = (state)=>{
+    (0, _reactcomponents.assertSlots)(state);
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(state.root, {
+        children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(state.dismissButton, {
+            children: [
+                state.media && !state.imageOnly && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.media, {}),
+                /*#__PURE__*/ (0, _jsxruntime.jsx)(state.content, {}),
+                state.progress && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.progress, {}),
+                /*#__PURE__*/ (0, _jsxruntime.jsx)(state.dismissIcon, {})
+            ]
+        })
+    });
+};

package/lib-commonjs/components/Attachment/renderAttachment.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["renderAttachment.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { OverflowItem, assertSlots } from '@fluentui/react-components';\nimport type { JSXElement } from '@fluentui/react-components';\nimport type { AttachmentState, AttachmentSlots } from './Attachment.types';\n\n/**\n * Render the final JSX of Attachment\n */\nexport const renderAttachment_unstable = (state: AttachmentState): JSXElement => {\n  const { id, shouldUseOverflow, designVersion, dismissOnly } = state;\n\n  const attachment = designVersion === 'next' && dismissOnly ? renderDismissOnly(state) : renderAttachment(state);\n\n  return shouldUseOverflow ? (\n    <OverflowItem id={id} key={id}>\n      {attachment}\n    </OverflowItem>\n  ) : (\n    attachment\n  );\n};\n\nconst renderAttachment = (state: AttachmentState): JSXElement => {\n  assertSlots<AttachmentSlots>(state);\n\n  return (\n    <state.root>\n      <state.primaryAction>\n        {state.media && !state.imageOnly && <state.media />}\n        <state.content />\n        {state.progress && <state.progress />}\n      </state.primaryAction>\n      <state.dismissButton>\n        <state.dismissIcon />\n      </state.dismissButton>\n    </state.root>\n  );\n};\n\nconst renderDismissOnly = (state: AttachmentState): JSXElement => {\n  assertSlots<AttachmentSlots>(state);\n\n  return (\n    <state.root>\n      <state.dismissButton>\n        {state.media && !state.imageOnly && <state.media />}\n        <state.content />\n        {state.progress && <state.progress />}\n        <state.dismissIcon />\n      </state.dismissButton>\n    </state.root>\n  );\n};\n"],"names":["renderAttachment_unstable","state","id","shouldUseOverflow","designVersion","dismissOnly","attachment","renderDismissOnly","renderAttachment","_jsx","OverflowItem","assertSlots","_jsxs","root","primaryAction","media","imageOnly","content","progress","dismissButton","dismissIcon"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAUaA;;;eAAAA;;;4BATb;iCAE0C;AAOnC,MAAMA,4BAA4B,CAACC;IACxC,MAAM,EAAEC,EAAE,EAAEC,iBAAiB,EAAEC,aAAa,EAAEC,WAAW,EAAE,GAAGJ;IAE9D,MAAMK,aAAaF,kBAAkB,UAAUC,cAAcE,kBAAkBN,SAASO,iBAAiBP;IAEzG,OAAOE,oBAAAA,WAAAA,GACLM,IAAAA,eAAA,EAACC,6BAAAA,EAAAA;QAAaR,IAAIA;kBACfI;OADwBJ,MAI3BI;AAEJ;AAEA,MAAME,mBAAmB,CAACP;IACxBU,IAAAA,4BAAAA,EAA6BV;IAE7B,OAAA,WAAA,GACEW,IAAAA,gBAAA,EAACX,MAAMY,IAAI,EAAA;;0BACTD,IAAAA,gBAAA,EAACX,MAAMa,aAAa,EAAA;;oBACjBb,MAAMc,KAAK,IAAI,CAACd,MAAMe,SAAS,IAAA,WAAA,GAAIP,IAAAA,eAAA,EAACR,MAAMc,KAAK,EAAA,CAAA;kCAChDN,IAAAA,eAAA,EAACR,MAAMgB,OAAO,EAAA,CAAA;oBACbhB,MAAMiB,QAAQ,IAAA,WAAA,GAAIT,IAAAA,eAAA,EAACR,MAAMiB,QAAQ,EAAA,CAAA;;;0BAEpCT,IAAAA,eAAA,EAACR,MAAMkB,aAAa,EAAA;0BAClB,WAAA,GAAAV,IAAAA,eAAA,EAACR,MAAMmB,WAAW,EAAA,CAAA;;;;AAI1B;AAEA,MAAMb,oBAAoB,CAACN;IACzBU,IAAAA,4BAAAA,EAA6BV;IAE7B,OAAA,WAAA,GACEQ,IAAAA,eAAA,EAACR,MAAMY,IAAI,EAAA;kBACT,WAAA,GAAAD,IAAAA,gBAAA,EAACX,MAAMkB,aAAa,EAAA;;gBACjBlB,MAAMc,KAAK,IAAI,CAACd,MAAMe,SAAS,IAAA,WAAA,GAAIP,IAAAA,eAAA,EAACR,MAAMc,KAAK,EAAA,CAAA;8BAChDN,IAAAA,eAAA,EAACR,MAAMgB,OAAO,EAAA,CAAA;gBACbhB,MAAMiB,QAAQ,IAAA,WAAA,GAAIT,IAAAA,eAAA,EAACR,MAAMiB,QAAQ,EAAA,CAAA;8BAClCT,IAAAA,eAAA,EAACR,MAAMmB,WAAW,EAAA,CAAA;;;;AAI1B"}

package/lib-commonjs/components/Attachment/useAttachment.js

@@ -0,0 +1,105 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useAttachment_unstable", {
+    enumerable: true,
+    get: function() {
+        return useAttachment_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 _reacticons = require("@fluentui/react-icons");
+const _attachmentListContext = require("../../contexts/attachmentListContext");
+const _reactprovider = require("@fluentui-copilot/react-provider");
+const useAttachment_unstable = (props, ref)=>{
+    const { children, imageOnly, size = 'medium', dismissOnly = false } = props;
+    const { onAttachmentDismiss, shouldUseOverflow } = (0, _attachmentListContext.useAttachmentListContext_unstable)((context)=>context);
+    const attachmentId = (0, _reactcomponents.useId)('attachment-', props.id);
+    const isLoading = !!props.progress;
+    const mode = (0, _reactprovider.useCopilotMode)(props.mode);
+    const designVersion = (0, _reactprovider.useDesignVersion)(props.designVersion);
+    const root = _reactcomponents.slot.always((0, _reactcomponents.getIntrinsicElementProps)('div', {
+        ref,
+        ...props,
+        id: attachmentId
+    }, [
+        'content'
+    ]), {
+        elementType: 'div'
+    });
+    const primaryAction = _reactcomponents.slot.always(props.primaryAction, {
+        defaultProps: {
+            as: dismissOnly ? 'span' : undefined
+        },
+        elementType: 'button'
+    });
+    const dismissButton = _reactcomponents.slot.always(props.dismissButton, {
+        defaultProps: {
+            'aria-label': 'Remove attachment'
+        },
+        elementType: 'button'
+    });
+    dismissButton.onClick = (0, _reactcomponents.mergeCallbacks)(dismissButton.onClick, (ev)=>{
+        onAttachmentDismiss === null || onAttachmentDismiss === void 0 ? void 0 : onAttachmentDismiss(ev, {
+            content: children,
+            media,
+            id: attachmentId
+        });
+    });
+    const media = _reactcomponents.slot.optional(props.media, {
+        elementType: 'span'
+    });
+    const content = _reactcomponents.slot.always(props.content, {
+        defaultProps: {
+            children: props.children
+        },
+        elementType: 'span'
+    });
+    const dismissIcon = _reactcomponents.slot.always(props.dismissIcon, {
+        defaultProps: {
+            children: size === 'small' ? /*#__PURE__*/ _react.createElement(_reacticons.Dismiss12Regular, null) : /*#__PURE__*/ _react.createElement(_reacticons.Dismiss20Regular, null)
+        },
+        elementType: 'span'
+    });
+    const progress = _reactcomponents.slot.optional(props.progress, {
+        defaultProps: {
+            shape: 'square',
+            thickness: 'large',
+            'aria-labelledby': props.id
+        },
+        elementType: _reactcomponents.ProgressBar
+    });
+    const state = {
+        id: attachmentId,
+        size,
+        components: {
+            root: 'div',
+            primaryAction: 'button',
+            dismissButton: 'button',
+            media: 'span',
+            content: 'span',
+            dismissIcon: 'span',
+            progress: _reactcomponents.ProgressBar
+        },
+        root,
+        primaryAction,
+        dismissButton,
+        media,
+        content,
+        dismissIcon,
+        progress,
+        imageOnly,
+        isLoading,
+        shouldUseOverflow,
+        mode,
+        designVersion,
+        dismissOnly
+    };
+    if (state.primaryAction.as === 'span') {
+        state.components.primaryAction = 'span';
+    }
+    return state;
+};

package/lib-commonjs/components/Attachment/useAttachment.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useAttachment.tsx"],"sourcesContent":["import * as React from 'react';\nimport { ProgressBar, getIntrinsicElementProps, mergeCallbacks, slot, useId } from '@fluentui/react-components';\nimport { Dismiss12Regular, Dismiss20Regular } from '@fluentui/react-icons';\nimport { useAttachmentListContext_unstable } from '../../contexts/attachmentListContext';\nimport type { AttachmentProps, AttachmentState } from './Attachment.types';\nimport { useCopilotMode, useDesignVersion } from '@fluentui-copilot/react-provider';\n\n/**\n * Create the state required to render Attachment.\n *\n * The returned state can be modified with hooks such as useAttachmentStyles_unstable,\n * before being passed to renderAttachment_unstable.\n *\n * @param props - props from this instance of Attachment\n * @param ref - reference to root HTMLElement of Attachment\n */\nexport const useAttachment_unstable = (props: AttachmentProps, ref: React.Ref<HTMLDivElement>): AttachmentState => {\n  const { children, imageOnly, size = 'medium', dismissOnly = false } = props;\n  const { onAttachmentDismiss, shouldUseOverflow } = useAttachmentListContext_unstable(context => context);\n  const attachmentId = useId('attachment-', props.id);\n  const isLoading = !!props.progress;\n\n  const mode = useCopilotMode(props.mode);\n  const designVersion = useDesignVersion(props.designVersion);\n\n  const root = slot.always(\n    getIntrinsicElementProps(\n      'div',\n      {\n        ref,\n        ...props,\n        id: attachmentId,\n      },\n      // `content` is a slot and it's type clashes with the HTMLElement `content` attribute\n      ['content'],\n    ),\n    { elementType: 'div' },\n  );\n\n  const primaryAction = slot.always(props.primaryAction, {\n    defaultProps: { as: dismissOnly ? 'span' : undefined },\n    elementType: 'button',\n  });\n\n  const dismissButton = slot.always(props.dismissButton, {\n    defaultProps: { 'aria-label': 'Remove attachment' },\n    elementType: 'button',\n  });\n\n  dismissButton.onClick = mergeCallbacks(\n    dismissButton.onClick as React.MouseEventHandler<HTMLAnchorElement | HTMLButtonElement>,\n    (ev: React.MouseEvent<HTMLAnchorElement | HTMLButtonElement>) => {\n      onAttachmentDismiss?.(ev, { content: children, media, id: attachmentId });\n    },\n  );\n\n  const media = slot.optional(props.media, { elementType: 'span' });\n\n  const content = slot.always(props.content, {\n    defaultProps: {\n      children: props.children,\n    },\n    elementType: 'span',\n  });\n\n  const dismissIcon = slot.always(props.dismissIcon, {\n    defaultProps: {\n      children: size === 'small' ? <Dismiss12Regular /> : <Dismiss20Regular />,\n    },\n    elementType: 'span',\n  });\n\n  const progress = slot.optional(props.progress, {\n    defaultProps: {\n      shape: 'square',\n      thickness: 'large',\n      'aria-labelledby': props.id,\n    },\n    elementType: ProgressBar,\n  });\n\n  const state: AttachmentState = {\n    id: attachmentId,\n    size,\n    components: {\n      root: 'div',\n      primaryAction: 'button',\n      dismissButton: 'button',\n      media: 'span',\n      content: 'span',\n      dismissIcon: 'span',\n      progress: ProgressBar,\n    },\n\n    root,\n    primaryAction,\n    dismissButton,\n    media,\n    content,\n    dismissIcon,\n    progress,\n    imageOnly,\n    isLoading,\n    shouldUseOverflow,\n    mode,\n    designVersion,\n    dismissOnly,\n  };\n\n  if (state.primaryAction.as === 'span') {\n    state.components.primaryAction = 'span';\n  }\n\n  return state;\n};\n"],"names":["useAttachment_unstable","props","ref","children","imageOnly","size","dismissOnly","onAttachmentDismiss","shouldUseOverflow","useAttachmentListContext_unstable","context","attachmentId","useId","id","isLoading","progress","mode","useCopilotMode","designVersion","useDesignVersion","root","slot","always","getIntrinsicElementProps","elementType","primaryAction","defaultProps","as","undefined","dismissButton","onClick","mergeCallbacks","ev","content","media","optional","dismissIcon","React","createElement","Dismiss12Regular","Dismiss20Regular","shape","thickness","ProgressBar","state","components"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAgBaA;;;eAAAA;;;;iEAhBU;iCAC4D;4BAChC;uCACD;+BAED;AAW1C,MAAMA,yBAAyB,CAACC,OAAwBC;IAC7D,MAAM,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,OAAO,QAAQ,EAAEC,cAAc,KAAK,EAAE,GAAGL;IACtE,MAAM,EAAEM,mBAAmB,EAAEC,iBAAiB,EAAE,GAAGC,IAAAA,wDAAAA,EAAkCC,CAAAA,UAAWA;IAChG,MAAMC,eAAeC,IAAAA,sBAAAA,EAAM,eAAeX,MAAMY,EAAE;IAClD,MAAMC,YAAY,CAAC,CAACb,MAAMc,QAAQ;IAElC,MAAMC,OAAOC,IAAAA,6BAAAA,EAAehB,MAAMe,IAAI;IACtC,MAAME,gBAAgBC,IAAAA,+BAAAA,EAAiBlB,MAAMiB,aAAa;IAE1D,MAAME,OAAOC,qBAAAA,CAAKC,MAAM,CACtBC,IAAAA,yCAAAA,EACE,OACA;QACErB;QACA,GAAGD,KAAK;QACRY,IAAIF;IACN,GAEA;QAAC;KAAU,GAEb;QAAEa,aAAa;IAAM;IAGvB,MAAMC,gBAAgBJ,qBAAAA,CAAKC,MAAM,CAACrB,MAAMwB,aAAa,EAAE;QACrDC,cAAc;YAAEC,IAAIrB,cAAc,SAASsB;QAAU;QACrDJ,aAAa;IACf;IAEA,MAAMK,gBAAgBR,qBAAAA,CAAKC,MAAM,CAACrB,MAAM4B,aAAa,EAAE;QACrDH,cAAc;YAAE,cAAc;QAAoB;QAClDF,aAAa;IACf;IAEAK,cAAcC,OAAO,GAAGC,IAAAA,+BAAAA,EACtBF,cAAcC,OAAO,EACrB,CAACE;QACCzB,wBAAAA,QAAAA,wBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,oBAAsByB,IAAI;YAAEC,SAAS9B;YAAU+B;YAAOrB,IAAIF;QAAa;IACzE;IAGF,MAAMuB,QAAQb,qBAAAA,CAAKc,QAAQ,CAAClC,MAAMiC,KAAK,EAAE;QAAEV,aAAa;IAAO;IAE/D,MAAMS,UAAUZ,qBAAAA,CAAKC,MAAM,CAACrB,MAAMgC,OAAO,EAAE;QACzCP,cAAc;YACZvB,UAAUF,MAAME,QAAQ;QAC1B;QACAqB,aAAa;IACf;IAEA,MAAMY,cAAcf,qBAAAA,CAAKC,MAAM,CAACrB,MAAMmC,WAAW,EAAE;QACjDV,cAAc;YACZvB,UAAUE,SAAS,UAAA,WAAA,GAAUgC,OAAAC,aAAA,CAACC,4BAAAA,EAAAA,QAAAA,WAAAA,GAAsBF,OAAAC,aAAA,CAACE,4BAAAA,EAAAA;QACvD;QACAhB,aAAa;IACf;IAEA,MAAMT,WAAWM,qBAAAA,CAAKc,QAAQ,CAAClC,MAAMc,QAAQ,EAAE;QAC7CW,cAAc;YACZe,OAAO;YACPC,WAAW;YACX,mBAAmBzC,MAAMY,EAAE;QAC7B;QACAW,aAAamB,4BAAAA;IACf;IAEA,MAAMC,QAAyB;QAC7B/B,IAAIF;QACJN;QACAwC,YAAY;YACVzB,MAAM;YACNK,eAAe;YACfI,eAAe;YACfK,OAAO;YACPD,SAAS;YACTG,aAAa;YACbrB,UAAU4B,4BAAAA;QACZ;QAEAvB;QACAK;QACAI;QACAK;QACAD;QACAG;QACArB;QACAX;QACAU;QACAN;QACAQ;QACAE;QACAZ;IACF;IAEA,IAAIsC,MAAMnB,aAAa,CAACE,EAAE,KAAK,QAAQ;QACrCiB,MAAMC,UAAU,CAACpB,aAAa,GAAG;IACnC;IAEA,OAAOmB;AACT"}