@fluentui-copilot/react-reference 0.15.4 → 0.15.5-hotfix.1

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

@@ -20,4 +20,4 @@ const Citation = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
     (0, _reactprovider.useCustomStyleHook)('useCitationStyles')(state);
     return (0, _renderCitation.renderCitation_unstable)(state);
 });
-Citation.displayName = 'Citation'; //# sourceMappingURL=Citation.js.map
+Citation.displayName = 'Citation';

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

@@ -1 +1 @@
-{"version":3,"sources":["Citation.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useCitation_unstable } from './useCitation';\nimport { renderCitation_unstable } from './renderCitation';\nimport { useCitationStyles_unstable } from './useCitationStyles.styles';\nimport type { CitationProps } from './Citation.types';\nimport type { ForwardRefComponent } from '@fluentui/react-components';\nimport { useCustomStyleHook } from '@fluentui-copilot/react-provider';\n\n// Citation component - TODO: add more docs\nexport const Citation: ForwardRefComponent<CitationProps> = React.forwardRef((props, ref) => {\n  const state = useCitation_unstable(props, ref);\n\n  useCitationStyles_unstable(state);\n  useCustomStyleHook('useCitationStyles')(state);\n\n  return renderCitation_unstable(state);\n});\n\nCitation.displayName = 'Citation';\n"],"names":["Citation","React","forwardRef","props","state","useCitation_unstable","useCitationStyles_unstable","useCustomStyleHook","renderCitation_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BASaA;;;eAAAA;;;;iEATU;6BACc;gCACG;yCACG;+BAGR;AAG5B,MAAMA,WAAAA,WAAAA,GAAAA,OAA+CC,UAAMC,CAAU,CAACC,OAACA;UAC5EC,QAAMA,IAAAA,iCAAQC,EAAAA,OAAqBF;2DAEnCG,EAAAA;yCACAC,EAAAA,qBAAmBH;WAEnBI,IAAAA,uCAAOA,EAAAA;AACT;AAEAR,SAASS,WAAW,GAAG"}
+{"version":3,"sources":["Citation.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useCitation_unstable } from './useCitation';\nimport { renderCitation_unstable } from './renderCitation';\nimport { useCitationStyles_unstable } from './useCitationStyles.styles';\nimport type { CitationProps } from './Citation.types';\nimport type { ForwardRefComponent } from '@fluentui/react-components';\nimport { useCustomStyleHook } from '@fluentui-copilot/react-provider';\n\n// Citation component - TODO: add more docs\nexport const Citation: ForwardRefComponent<CitationProps> = React.forwardRef((props, ref) => {\n  const state = useCitation_unstable(props, ref);\n\n  useCitationStyles_unstable(state);\n  useCustomStyleHook('useCitationStyles')(state);\n\n  return renderCitation_unstable(state);\n});\n\nCitation.displayName = 'Citation';\n"],"names":["Citation","React","forwardRef","props","ref","state","useCitation_unstable","useCitationStyles_unstable","useCustomStyleHook","renderCitation_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BASaA;;;eAAAA;;;;iEATU;6BACc;gCACG;yCACG;+BAGR;AAG5B,MAAMA,WAAAA,WAAAA,GAA+CC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACnF,MAAMC,QAAQC,IAAAA,iCAAAA,EAAqBH,OAAOC;IAE1CG,IAAAA,mDAAAA,EAA2BF;IAC3BG,IAAAA,iCAAAA,EAAmB,qBAAqBH;IAExC,OAAOI,IAAAA,uCAAAA,EAAwBJ;AACjC;AAEAL,SAASU,WAAW,GAAG"}

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

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

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

@@ -29,4 +29,3 @@ const _Citation = require("./Citation");
 const _renderCitation = require("./renderCitation");
 const _useCitation = require("./useCitation");
 const _useCitationStylesstyles = require("./useCitationStyles.styles");
- //# sourceMappingURL=index.js.map

package/lib-commonjs/components/Citation/renderCitation.js

@@ -13,4 +13,4 @@ const _reactcomponents = require("@fluentui/react-components");
 const renderCitation_unstable = (state)=>{
     (0, _reactcomponents.assertSlots)(state);
     return /*#__PURE__*/ (0, _jsxruntime.jsx)(state.root, {});
-}; //# sourceMappingURL=renderCitation.js.map
+};

package/lib-commonjs/components/Citation/renderCitation.js.map

@@ -1 +1 @@
-{"version":3,"sources":["renderCitation.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-components';\nimport type { CitationState, CitationSlots } from './Citation.types';\n/**\n * Render the final JSX of Citation\n */\nexport const renderCitation_unstable = (state: CitationState) => {\n  assertSlots<CitationSlots>(state);\n\n  return <state.root />;\n};\n"],"names":["assertSlots","state","_jsx","root"],"rangeMappings":";;;;;;;;;;;;;;","mappings":";;;;+BASEA;;;eAAAA;;;4BATwB;iCAGE;AAM1BA,MAAAA,0BAA2BC,CAAAA;oCAE3B,EAAAA;IACA,OAAA,WAAA,GAAAC,IAAAA,eAAA,EAAAD,MAAAE,IAAA,EAAA,CAAA"}
+{"version":3,"sources":["renderCitation.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-components';\nimport type { CitationState, CitationSlots } from './Citation.types';\n/**\n * Render the final JSX of Citation\n */\nexport const renderCitation_unstable = (state: CitationState) => {\n  assertSlots<CitationSlots>(state);\n\n  return <state.root />;\n};\n"],"names":["renderCitation_unstable","state","assertSlots","_jsx","root"],"rangeMappings":";;;;;;;;;;;;;;;","mappings":";;;;+BAQaA;;;eAAAA;;;4BAPb;iCAE4B;AAKrB,MAAMA,0BAA0B,CAACC;IACtCC,IAAAA,4BAAAA,EAA2BD;IAE3B,OAAA,WAAA,GAAOE,IAAAA,eAAA,EAACF,MAAMG,IAAI,EAAA,CAAA;AACpB"}

package/lib-commonjs/components/Citation/useCitation.js

@@ -33,4 +33,4 @@ const useCitation_unstable = (props, ref)=>{
         })
     };
     return state;
-}; //# sourceMappingURL=useCitation.js.map
+};

package/lib-commonjs/components/Citation/useCitation.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useCitation.ts"],"sourcesContent":["import { getIntrinsicElementProps, slot } from '@fluentui/react-components';\nimport { usePreviewContext_unstable } from '@fluentui-copilot/react-preview';\nimport type { CitationProps, CitationState } from './Citation.types';\nimport { useDesignVersion } from '@fluentui-copilot/react-provider';\n/**\n * Create the state required to render Citation.\n *\n * The returned state can be modified with hooks such as useCitationStyles_unstable,\n * before being passed to renderCitation_unstable.\n *\n * @param props - props from this instance of Citation\n * @param ref - reference to root HTMLElement of Citation\n */\nexport const useCitation_unstable = (props: CitationProps, ref: React.Ref<HTMLAnchorElement>): CitationState => {\n  const { referenceHref, block = false, ...otherProps } = props;\n  const designVersion = useDesignVersion(props.designVersion);\n\n  const isPopoverLocked = usePreviewContext_unstable(ctx => ctx.isPreviewLocked) && (props['aria-expanded'] as boolean);\n\n  const state: CitationState = {\n    block,\n    designVersion,\n    isPopoverLocked,\n    components: {\n      root: 'a',\n    },\n    root: slot.always(\n      getIntrinsicElementProps('a', {\n        ref,\n        href: referenceHref,\n        role: undefined,\n        'aria-expanded': undefined,\n        ...otherProps,\n      }),\n      { elementType: 'a' },\n    ),\n  };\n\n  return state;\n};\n"],"names":["referenceHref","props","ref","isPopoverLocked","block","state","components","usePreviewContext_unstable","ctx","isPreviewLocked","root","href","role","otherProps","elementType","undefined"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAcUA;;;eAAAA;;;iCAdqC;8BACJ;+BAEV;AAW/B,MAAQA,uBAAuB,CAAAC,OAAOC;UACtC,EAEAF,aAAMG,EAENC,QAAMC,KAAAA;UAGJF,gBAAAA,IAAAA,+BAAAA,EAAAA,MAAAA,aAAAA;UACAG,kBAAYC,IAAAA,wCAAA,EAAAC,CAAAA,MAAAA,IAAAC,eAAA,KAAAR,KAAA,CAAA,gBAAA;kBACVS;;;;oBAKEC;kBACAC;;mCAEA,CAAGC,MAAAA,CAAAA,IAAAA,yCAAU,EAAA,KAAA;;kBAEbC;kBAAiBC;YAEvB,iBAAAA;YAEA,GAAAF,UAAOR;QACP,IAAA"}
+{"version":3,"sources":["useCitation.ts"],"sourcesContent":["import { getIntrinsicElementProps, slot } from '@fluentui/react-components';\nimport { usePreviewContext_unstable } from '@fluentui-copilot/react-preview';\nimport type { CitationProps, CitationState } from './Citation.types';\nimport { useDesignVersion } from '@fluentui-copilot/react-provider';\n/**\n * Create the state required to render Citation.\n *\n * The returned state can be modified with hooks such as useCitationStyles_unstable,\n * before being passed to renderCitation_unstable.\n *\n * @param props - props from this instance of Citation\n * @param ref - reference to root HTMLElement of Citation\n */\nexport const useCitation_unstable = (props: CitationProps, ref: React.Ref<HTMLAnchorElement>): CitationState => {\n  const { referenceHref, block = false, ...otherProps } = props;\n  const designVersion = useDesignVersion(props.designVersion);\n\n  const isPopoverLocked = usePreviewContext_unstable(ctx => ctx.isPreviewLocked) && (props['aria-expanded'] as boolean);\n\n  const state: CitationState = {\n    block,\n    designVersion,\n    isPopoverLocked,\n    components: {\n      root: 'a',\n    },\n    root: slot.always(\n      getIntrinsicElementProps('a', {\n        ref,\n        href: referenceHref,\n        role: undefined,\n        'aria-expanded': undefined,\n        ...otherProps,\n      }),\n      { elementType: 'a' },\n    ),\n  };\n\n  return state;\n};\n"],"names":["useCitation_unstable","props","ref","referenceHref","block","otherProps","designVersion","useDesignVersion","isPopoverLocked","usePreviewContext_unstable","ctx","isPreviewLocked","state","components","root","slot","always","getIntrinsicElementProps","href","role","undefined","elementType"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAaaA;;;eAAAA;;;iCAbkC;8BACJ;+BAEV;AAU1B,MAAMA,uBAAuB,CAACC,OAAsBC;IACzD,MAAM,EAAEC,aAAa,EAAEC,QAAQ,KAAK,EAAE,GAAGC,YAAY,GAAGJ;IACxD,MAAMK,gBAAgBC,IAAAA,+BAAAA,EAAiBN,MAAMK,aAAa;IAE1D,MAAME,kBAAkBC,IAAAA,wCAAAA,EAA2BC,CAAAA,MAAOA,IAAIC,eAAe,KAAMV,KAAK,CAAC,gBAAgB;IAEzG,MAAMW,QAAuB;QAC3BR;QACAE;QACAE;QACAK,YAAY;YACVC,MAAM;QACR;QACAA,MAAMC,qBAAAA,CAAKC,MAAM,CACfC,IAAAA,yCAAAA,EAAyB,KAAK;YAC5Bf;YACAgB,MAAMf;YACNgB,MAAMC;YACN,iBAAiBA;YACjB,GAAGf,UAAU;QACf,IACA;YAAEgB,aAAa;QAAI;IAEvB;IAEA,OAAOT;AACT"}

package/lib-commonjs/components/Citation/useCitationStyles.styles.js

@@ -20,13 +20,13 @@ const _reactcomponents = require("@fluentui/react-components");
 const citationClassNames = {
     root: 'fai-Citation'
 };
-const useCitationBaseClassName = (0, _reactcomponents.__resetStyles)("rm97deu", "r1tpe5pt", [
-    ".rm97deu{display:inline-flex;justify-content:center;box-sizing:border-box;align-items:center;cursor:pointer;font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase100);font-weight:var(--fontWeightSemibold);line-height:var(--lineHeightBase100);background-color:var(--colorNeutralBackground3);border:var(--strokeWidthThin) solid var(--colorNeutralStroke2);color:var(--colorNeutralForeground2);min-width:14px;height:14px;vertical-align:calc((var(--lineHeightBase100) - var(--fontSizeBase100)) / 2);border-radius:var(--borderRadiusMedium);text-decoration:none;margin-left:var(--spacingHorizontalXXS);margin-right:var(--spacingHorizontalXXS);}",
-    ".rm97deu:hover{cursor:pointer;color:var(--colorBrandForeground2Hover);border-color:var(--colorBrandStroke2Hover);background-color:var(--colorBrandBackground2Hover);}",
-    ".rm97deu:hover:active{cursor:pointer;color:var(--colorBrandForeground2Pressed);border-color:var(--colorBrandStroke2Pressed);background-color:var(--colorBrandBackground2Pressed);}",
-    ".r1tpe5pt{display:inline-flex;justify-content:center;box-sizing:border-box;align-items:center;cursor:pointer;font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase100);font-weight:var(--fontWeightSemibold);line-height:var(--lineHeightBase100);background-color:var(--colorNeutralBackground3);border:var(--strokeWidthThin) solid var(--colorNeutralStroke2);color:var(--colorNeutralForeground2);min-width:14px;height:14px;vertical-align:calc((var(--lineHeightBase100) - var(--fontSizeBase100)) / 2);border-radius:var(--borderRadiusMedium);text-decoration:none;margin-right:var(--spacingHorizontalXXS);margin-left:var(--spacingHorizontalXXS);}",
-    ".r1tpe5pt:hover{cursor:pointer;color:var(--colorBrandForeground2Hover);border-color:var(--colorBrandStroke2Hover);background-color:var(--colorBrandBackground2Hover);}",
-    ".r1tpe5pt:hover:active{cursor:pointer;color:var(--colorBrandForeground2Pressed);border-color:var(--colorBrandStroke2Pressed);background-color:var(--colorBrandBackground2Pressed);}"
+const useCitationBaseClassName = (0, _reactcomponents.__resetStyles)("rf7wmfm", "r9ecysy", [
+    ".rf7wmfm{display:inline-flex;justify-content:center;box-sizing:border-box;align-items:center;cursor:pointer;font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase100);font-weight:var(--fontWeightSemibold);line-height:var(--lineHeightBase100);background-color:var(--colorNeutralBackground3);border:var(--strokeWidthThin) solid var(--colorNeutralStroke2);color:var(--colorNeutralForeground2);min-width:14px;height:14px;vertical-align:calc((var(--lineHeightBase100) - var(--fontSizeBase100)) / 2);padding-inline:var(--spacingHorizontalXXS);border-radius:var(--borderRadiusMedium);text-decoration:none;margin-left:var(--spacingHorizontalXXS);margin-right:var(--spacingHorizontalXXS);}",
+    ".rf7wmfm:hover{cursor:pointer;color:var(--colorBrandForeground2Hover);border-color:var(--colorBrandStroke2Hover);background-color:var(--colorBrandBackground2Hover);}",
+    ".rf7wmfm:hover:active{cursor:pointer;color:var(--colorBrandForeground2Pressed);border-color:var(--colorBrandStroke2Pressed);background-color:var(--colorBrandBackground2Pressed);}",
+    ".r9ecysy{display:inline-flex;justify-content:center;box-sizing:border-box;align-items:center;cursor:pointer;font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase100);font-weight:var(--fontWeightSemibold);line-height:var(--lineHeightBase100);background-color:var(--colorNeutralBackground3);border:var(--strokeWidthThin) solid var(--colorNeutralStroke2);color:var(--colorNeutralForeground2);min-width:14px;height:14px;vertical-align:calc((var(--lineHeightBase100) - var(--fontSizeBase100)) / 2);padding-inline:var(--spacingHorizontalXXS);border-radius:var(--borderRadiusMedium);text-decoration:none;margin-right:var(--spacingHorizontalXXS);margin-left:var(--spacingHorizontalXXS);}",
+    ".r9ecysy:hover{cursor:pointer;color:var(--colorBrandForeground2Hover);border-color:var(--colorBrandStroke2Hover);background-color:var(--colorBrandBackground2Hover);}",
+    ".r9ecysy:hover:active{cursor:pointer;color:var(--colorBrandForeground2Pressed);border-color:var(--colorBrandStroke2Pressed);background-color:var(--colorBrandBackground2Pressed);}"
 ]);
 const useCitationRootStyles = (0, _reactcomponents.__styles)({
     isBlock: {

package/lib-commonjs/components/Citation/useCitationStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useCitationStyles.styles.ts"],"sourcesContent":["import { makeResetStyles, makeStyles, mergeClasses, shorthands, typographyStyles } from '@fluentui/react-components';\nimport { tokens } from '@fluentui-copilot/tokens';\nimport type { CitationSlots, CitationState } from './Citation.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const citationClassNames: SlotClassNames<CitationSlots> = {\n  root: 'fai-Citation',\n};\n\nconst useCitationBaseClassName = makeResetStyles({\n  display: 'inline-flex',\n  justifyContent: 'center',\n  boxSizing: 'border-box',\n  alignItems: 'center',\n  cursor: 'pointer',\n  ...typographyStyles.caption2Strong,\n\n  backgroundColor: tokens.colorNeutralBackground3,\n  border: `${tokens.strokeWidthThin} solid ${tokens.colorNeutralStroke2}`,\n  color: tokens.colorNeutralForeground2,\n\n  minWidth: '14px',\n  height: '14px',\n  verticalAlign: `calc((${typographyStyles.caption2Strong.lineHeight} - ${typographyStyles.caption2Strong.fontSize}) / 2)`,\n\n  borderRadius: tokens.borderRadiusMedium,\n\n  textDecoration: 'none',\n\n  marginLeft: tokens.spacingHorizontalXXS,\n  marginRight: tokens.spacingHorizontalXXS,\n\n  ':hover': {\n    cursor: 'pointer',\n    color: tokens.colorBrandForeground2Hover,\n    borderColor: tokens.colorBrandStroke2Hover,\n    backgroundColor: tokens.colorBrandBackground2Hover,\n  },\n\n  ':hover:active': {\n    cursor: 'pointer',\n    color: tokens.colorBrandForeground2Pressed,\n    borderColor: tokens.colorBrandStroke2Pressed,\n    backgroundColor: tokens.colorBrandBackground2Pressed,\n  },\n});\n\nconst useCitationRootStyles = makeStyles({\n  isBlock: {\n    display: 'flex',\n    marginLeft: 0,\n    marginRight: 0,\n  },\n  isPopoverLocked: {\n    color: tokens.colorBrandForeground2Pressed,\n    ...shorthands.borderColor(tokens.colorBrandStroke2Pressed),\n    backgroundColor: tokens.colorBrandBackground2,\n    ':hover': {\n      color: tokens.colorBrandForeground2Pressed,\n      ...shorthands.borderColor(tokens.colorBrandStroke2Pressed),\n      backgroundColor: tokens.colorBrandBackground2,\n    },\n  },\n});\n\nconst useNextStyles = makeStyles({ root: { borderRadius: tokens.borderRadiusXLarge } });\n\n/**\n * Apply styling to the Citation slots based on the state\n */\nexport const useCitationStyles_unstable = (state: CitationState): CitationState => {\n  'use no memo';\n\n  const { designVersion } = state;\n\n  const rootBaseClassName = useCitationBaseClassName();\n  const rootStyles = useCitationRootStyles();\n  const nextStyles = useNextStyles();\n\n  state.root.className = mergeClasses(\n    citationClassNames.root,\n    state.isPopoverLocked && rootStyles.isPopoverLocked,\n    state.block && rootStyles.isBlock,\n    rootBaseClassName,\n    designVersion === 'next' && nextStyles.root,\n    state.root.className,\n  );\n\n  return state;\n};\n"],"names":["citationClassNames","color","colorBrandForeground2Pressed","root","useCitationBaseClassName","makeResetStyles","display","__styles","justifyContent","boxSizing","alignItems","cursor","backgroundColor","border","tokens","minWidth","height","verticalAlign","typographyStyles","borderRadius","textDecoration","marginLeft","marginRight","spacingHorizontalXXS","oetu4i","borderColor","Bbmb7ep","Btl43ni","B7oj6ja","useCitationRootStyles","isBlock","p","isPopoverLocked","designVersion","state","useNextStyles","makeStyles","className","mergeClasses","rootStyles","block","rootBaseClassName","nextStyles"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAKaA,kBAAAA;eAAAA;;IAqDPC,0BAAcC;eAAdD;;;iCA1D0E;AAKzE,MAAMD,qBAAoD;UAC/DG;AACF;AAEA,MAAMC,2BAA2BC,IAAAA,8BAAAA,EAAAA,WAAgB,YAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;CAAA;MAC/CC,wBAASC,IAAAA,yBAAA,EAAA;aACTC;QACAC,QAAAA;QACAC,QAAAA;YAAAA;YAAY;SAAA;QACZC,QAAQ;YAAA;YAAA;SAAA;;qBAGRC;QACAC,QAAQ;QACRZ,QAAOa;QAEPC,QAAAA;YAAAA;YAAU;SAAA;QACVC,SAAQ;QACRC,QAAAA;YAAAA;YAAgB;SAAQC;QAExBC,QAAAA;QAEAC,SAAAA;QAEAC,SAAAA;QACAC,SAAAA;YAAAA;YAAoBC;SAAAA;QAEpBC,QAAA;gBACEb;YAAAA;YAAQ;SAAA;gBACRV;;;OAGF;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;OAEA;QAAA;QAAiB;QAAA;QAAA;QAAA;QAAA;KAAA;;sBAEDC,IAAAA,yBAAAA,EAAAA;UACduB;iBACAb;QACFc,SAAA;QACFC,SAAA;QAEAC,SAAMC;QACJC,QAAAA;;;;;;YAGe;gBACfC,GAAA,CAAA;;SACAC;KAAAA;;MAKI/B,6BAAcC,CAAAA;;UAGhB,EACF+B,aAAA,EACF,GAAAC;IAEA,MAAMC,oBAAgBC;UAAajC,aAAM0B;UAAEV,aAAAA;UAAwChB,IAAA,CAAAkC,SAAA,GAAAC,IAAAA,6BAAA,EAAAtC,mBAAAG,IAAA,EAAA+B,MAAAF,eAAA,IAAAO,WAAAP,eAAA,EAAAE,MAAAM,KAAA,IAAAD,WAAAT,OAAA,EAAAW,mBAAAR,kBAAA,UAAAS,WAAAvC,IAAA,EAAA+B,MAAA/B,IAAA,CAAAkC,SAAA;IAAE,OAAAH;AAErF"}
+{"version":3,"sources":["useCitationStyles.styles.ts"],"sourcesContent":["import { makeResetStyles, makeStyles, mergeClasses, shorthands, typographyStyles } from '@fluentui/react-components';\nimport { tokens } from '@fluentui-copilot/tokens';\nimport type { CitationSlots, CitationState } from './Citation.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const citationClassNames: SlotClassNames<CitationSlots> = {\n  root: 'fai-Citation',\n};\n\nconst useCitationBaseClassName = makeResetStyles({\n  display: 'inline-flex',\n  justifyContent: 'center',\n  boxSizing: 'border-box',\n  alignItems: 'center',\n  cursor: 'pointer',\n  ...typographyStyles.caption2Strong,\n\n  backgroundColor: tokens.colorNeutralBackground3,\n  border: `${tokens.strokeWidthThin} solid ${tokens.colorNeutralStroke2}`,\n  color: tokens.colorNeutralForeground2,\n\n  minWidth: '14px',\n  height: '14px',\n  verticalAlign: `calc((${typographyStyles.caption2Strong.lineHeight} - ${typographyStyles.caption2Strong.fontSize}) / 2)`,\n  paddingInline: tokens.spacingHorizontalXXS,\n\n  borderRadius: tokens.borderRadiusMedium,\n\n  textDecoration: 'none',\n\n  marginLeft: tokens.spacingHorizontalXXS,\n  marginRight: tokens.spacingHorizontalXXS,\n\n  ':hover': {\n    cursor: 'pointer',\n    color: tokens.colorBrandForeground2Hover,\n    borderColor: tokens.colorBrandStroke2Hover,\n    backgroundColor: tokens.colorBrandBackground2Hover,\n  },\n\n  ':hover:active': {\n    cursor: 'pointer',\n    color: tokens.colorBrandForeground2Pressed,\n    borderColor: tokens.colorBrandStroke2Pressed,\n    backgroundColor: tokens.colorBrandBackground2Pressed,\n  },\n});\n\nconst useCitationRootStyles = makeStyles({\n  isBlock: {\n    display: 'flex',\n    marginLeft: 0,\n    marginRight: 0,\n  },\n  isPopoverLocked: {\n    color: tokens.colorBrandForeground2Pressed,\n    ...shorthands.borderColor(tokens.colorBrandStroke2Pressed),\n    backgroundColor: tokens.colorBrandBackground2,\n    ':hover': {\n      color: tokens.colorBrandForeground2Pressed,\n      ...shorthands.borderColor(tokens.colorBrandStroke2Pressed),\n      backgroundColor: tokens.colorBrandBackground2,\n    },\n  },\n});\n\nconst useNextStyles = makeStyles({ root: { borderRadius: tokens.borderRadiusXLarge } });\n\n/**\n * Apply styling to the Citation slots based on the state\n */\nexport const useCitationStyles_unstable = (state: CitationState): CitationState => {\n  'use no memo';\n\n  const { designVersion } = state;\n\n  const rootBaseClassName = useCitationBaseClassName();\n  const rootStyles = useCitationRootStyles();\n  const nextStyles = useNextStyles();\n\n  state.root.className = mergeClasses(\n    citationClassNames.root,\n    state.isPopoverLocked && rootStyles.isPopoverLocked,\n    state.block && rootStyles.isBlock,\n    rootBaseClassName,\n    designVersion === 'next' && nextStyles.root,\n    state.root.className,\n  );\n\n  return state;\n};\n"],"names":["citationClassNames","useCitationStyles_unstable","root","useCitationBaseClassName","makeResetStyles","display","__styles","justifyContent","boxSizing","alignItems","cursor","backgroundColor","border","color","tokens","minWidth","height","verticalAlign","typographyStyles","paddingInline","borderRadius","textDecoration","marginLeft","spacingHorizontalXXS","marginRight","gg5e9n","colorBrandBackground2Hover","borderColor","Btl43ni","B7oj6ja","Dimara","useCitationRootStyles","state","rootBaseClassName","useNextStyles","borderRadiusXLarge","isPopoverLocked","rootStyles","block","isBlock","designVersion","nextStyles","className"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAKaA,kBAAAA;eAAAA;;IAqDTC,0BAAU;eAAVA;;;iCA1D4E;AAKzE,MAAMD,qBAAoD;UAC/DE;AACF;AAEA,MAAMC,2BAA2BC,IAAAA,8BAAAA,EAAAA,WAAgB,WAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;CAAA;MAC/CC,wBAASC,IAAAA,yBAAA,EAAA;aACTC;QACAC,QAAAA;QACAC,QAAAA;YAAAA;YAAY;SAAA;QACZC,QAAQ;YAAA;YAAA;SAAA;;qBAGRC;QACAC,QAAQ;QACRC,QAAOC;QAEPC,QAAAA;YAAAA;YAAU;SAAA;QACVC,SAAQ;QACRC,QAAAA;YAAAA;YAAgB;SAAQC;QACxBC,QAAAA;QAEAC,SAAAA;QAEAC,SAAAA;QAEAC,SAAAA;YAAAA;YAAmBC;SAAAA;QACnBC,QAAAA;QAEAC,QAAA;YAAA;YAAU;SAAA;gBACRf;;;;;QAGwBgB;QAA0B;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;OACpD;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;;sBAGUpB,IAAAA,yBAAA,EAAA;UACRO;iBACAc;iBACAhB;QACFiB,SAAA;QACFC,SAAA;QAEAC,QAAMC;;;;;;YAGU;oBACZP;;SACF;KAAA;;MAKEvB,6BAAU+B,CAAAA;;yBAIV,KACFA;IACF,MAAAC,oBAAA9B;IAEA,MAAM+B,aAAAA;UAA6BhC,aAAMgC;UAAEd,IAAAA,CAAAA,SAAcN,GAAAA,IAAAA,6BAAOqB,EAAAA,mBAAkBjC,IAAA,EAAA8B,MAAAI,eAAA,IAAAC,WAAAD,eAAA,EAAAJ,MAAAM,KAAA,IAAAD,WAAAE,OAAA,EAAAN,mBAAAO,kBAAA,UAAAC,WAAAvC,IAAA,EAAA8B,MAAA9B,IAAA,CAAAwC,SAAA;WAACV;AAAE,GAErF,oDAAA"}

package/lib-commonjs/components/Citation/useCitationStyles.styles.raw.js

@@ -0,0 +1,85 @@
+"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, {
+    citationClassNames: function() {
+        return citationClassNames;
+    },
+    useCitationStyles_unstable: function() {
+        return useCitationStyles_unstable;
+    }
+});
+const _reactcomponents = require("@fluentui/react-components");
+const _tokens = require("@fluentui-copilot/tokens");
+const citationClassNames = {
+    root: 'fai-Citation'
+};
+const useCitationBaseClassName = (0, _reactcomponents.makeResetStyles)({
+    display: 'inline-flex',
+    justifyContent: 'center',
+    boxSizing: 'border-box',
+    alignItems: 'center',
+    cursor: 'pointer',
+    ..._reactcomponents.typographyStyles.caption2Strong,
+    backgroundColor: _tokens.tokens.colorNeutralBackground3,
+    border: `${_tokens.tokens.strokeWidthThin} solid ${_tokens.tokens.colorNeutralStroke2}`,
+    color: _tokens.tokens.colorNeutralForeground2,
+    minWidth: '14px',
+    height: '14px',
+    verticalAlign: `calc((${_reactcomponents.typographyStyles.caption2Strong.lineHeight} - ${_reactcomponents.typographyStyles.caption2Strong.fontSize}) / 2)`,
+    paddingInline: _tokens.tokens.spacingHorizontalXXS,
+    borderRadius: _tokens.tokens.borderRadiusMedium,
+    textDecoration: 'none',
+    marginLeft: _tokens.tokens.spacingHorizontalXXS,
+    marginRight: _tokens.tokens.spacingHorizontalXXS,
+    ':hover': {
+        cursor: 'pointer',
+        color: _tokens.tokens.colorBrandForeground2Hover,
+        borderColor: _tokens.tokens.colorBrandStroke2Hover,
+        backgroundColor: _tokens.tokens.colorBrandBackground2Hover
+    },
+    ':hover:active': {
+        cursor: 'pointer',
+        color: _tokens.tokens.colorBrandForeground2Pressed,
+        borderColor: _tokens.tokens.colorBrandStroke2Pressed,
+        backgroundColor: _tokens.tokens.colorBrandBackground2Pressed
+    }
+});
+const useCitationRootStyles = (0, _reactcomponents.makeStyles)({
+    isBlock: {
+        display: 'flex',
+        marginLeft: 0,
+        marginRight: 0
+    },
+    isPopoverLocked: {
+        color: _tokens.tokens.colorBrandForeground2Pressed,
+        ..._reactcomponents.shorthands.borderColor(_tokens.tokens.colorBrandStroke2Pressed),
+        backgroundColor: _tokens.tokens.colorBrandBackground2,
+        ':hover': {
+            color: _tokens.tokens.colorBrandForeground2Pressed,
+            ..._reactcomponents.shorthands.borderColor(_tokens.tokens.colorBrandStroke2Pressed),
+            backgroundColor: _tokens.tokens.colorBrandBackground2
+        }
+    }
+});
+const useNextStyles = (0, _reactcomponents.makeStyles)({
+    root: {
+        borderRadius: _tokens.tokens.borderRadiusXLarge
+    }
+});
+const useCitationStyles_unstable = (state)=>{
+    'use no memo';
+    const { designVersion } = state;
+    const rootBaseClassName = useCitationBaseClassName();
+    const rootStyles = useCitationRootStyles();
+    const nextStyles = useNextStyles();
+    state.root.className = (0, _reactcomponents.mergeClasses)(citationClassNames.root, state.isPopoverLocked && rootStyles.isPopoverLocked, state.block && rootStyles.isBlock, rootBaseClassName, designVersion === 'next' && nextStyles.root, state.root.className);
+    return state;
+};

package/lib-commonjs/components/Citation/useCitationStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useCitationStyles.styles.ts"],"sourcesContent":["import { makeResetStyles, makeStyles, mergeClasses, shorthands, typographyStyles } from '@fluentui/react-components';\nimport { tokens } from '@fluentui-copilot/tokens';\nimport type { CitationSlots, CitationState } from './Citation.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const citationClassNames: SlotClassNames<CitationSlots> = {\n  root: 'fai-Citation',\n};\n\nconst useCitationBaseClassName = makeResetStyles({\n  display: 'inline-flex',\n  justifyContent: 'center',\n  boxSizing: 'border-box',\n  alignItems: 'center',\n  cursor: 'pointer',\n  ...typographyStyles.caption2Strong,\n\n  backgroundColor: tokens.colorNeutralBackground3,\n  border: `${tokens.strokeWidthThin} solid ${tokens.colorNeutralStroke2}`,\n  color: tokens.colorNeutralForeground2,\n\n  minWidth: '14px',\n  height: '14px',\n  verticalAlign: `calc((${typographyStyles.caption2Strong.lineHeight} - ${typographyStyles.caption2Strong.fontSize}) / 2)`,\n  paddingInline: tokens.spacingHorizontalXXS,\n\n  borderRadius: tokens.borderRadiusMedium,\n\n  textDecoration: 'none',\n\n  marginLeft: tokens.spacingHorizontalXXS,\n  marginRight: tokens.spacingHorizontalXXS,\n\n  ':hover': {\n    cursor: 'pointer',\n    color: tokens.colorBrandForeground2Hover,\n    borderColor: tokens.colorBrandStroke2Hover,\n    backgroundColor: tokens.colorBrandBackground2Hover,\n  },\n\n  ':hover:active': {\n    cursor: 'pointer',\n    color: tokens.colorBrandForeground2Pressed,\n    borderColor: tokens.colorBrandStroke2Pressed,\n    backgroundColor: tokens.colorBrandBackground2Pressed,\n  },\n});\n\nconst useCitationRootStyles = makeStyles({\n  isBlock: {\n    display: 'flex',\n    marginLeft: 0,\n    marginRight: 0,\n  },\n  isPopoverLocked: {\n    color: tokens.colorBrandForeground2Pressed,\n    ...shorthands.borderColor(tokens.colorBrandStroke2Pressed),\n    backgroundColor: tokens.colorBrandBackground2,\n    ':hover': {\n      color: tokens.colorBrandForeground2Pressed,\n      ...shorthands.borderColor(tokens.colorBrandStroke2Pressed),\n      backgroundColor: tokens.colorBrandBackground2,\n    },\n  },\n});\n\nconst useNextStyles = makeStyles({ root: { borderRadius: tokens.borderRadiusXLarge } });\n\n/**\n * Apply styling to the Citation slots based on the state\n */\nexport const useCitationStyles_unstable = (state: CitationState): CitationState => {\n  'use no memo';\n\n  const { designVersion } = state;\n\n  const rootBaseClassName = useCitationBaseClassName();\n  const rootStyles = useCitationRootStyles();\n  const nextStyles = useNextStyles();\n\n  state.root.className = mergeClasses(\n    citationClassNames.root,\n    state.isPopoverLocked && rootStyles.isPopoverLocked,\n    state.block && rootStyles.isBlock,\n    rootBaseClassName,\n    designVersion === 'next' && nextStyles.root,\n    state.root.className,\n  );\n\n  return state;\n};\n"],"names":["citationClassNames","useCitationStyles_unstable","root","useCitationBaseClassName","makeResetStyles","display","justifyContent","boxSizing","alignItems","cursor","typographyStyles","caption2Strong","backgroundColor","tokens","colorNeutralBackground3","border","strokeWidthThin","colorNeutralStroke2","color","colorNeutralForeground2","minWidth","height","verticalAlign","lineHeight","fontSize","paddingInline","spacingHorizontalXXS","borderRadius","borderRadiusMedium","textDecoration","marginLeft","marginRight","colorBrandForeground2Hover","borderColor","colorBrandStroke2Hover","colorBrandBackground2Hover","colorBrandForeground2Pressed","colorBrandStroke2Pressed","colorBrandBackground2Pressed","useCitationRootStyles","makeStyles","isBlock","isPopoverLocked","shorthands","colorBrandBackground2","useNextStyles","borderRadiusXLarge","state","designVersion","rootBaseClassName","rootStyles","nextStyles","className","mergeClasses","block"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAKaA,kBAAAA;eAAAA;;IAkEAC,0BAAAA;eAAAA;;;iCAvE2E;wBACjE;AAIhB,MAAMD,qBAAoD;IAC/DE,MAAM;AACR;AAEA,MAAMC,2BAA2BC,IAAAA,gCAAAA,EAAgB;IAC/CC,SAAS;IACTC,gBAAgB;IAChBC,WAAW;IACXC,YAAY;IACZC,QAAQ;IACR,GAAGC,iCAAAA,CAAiBC,cAAc;IAElCC,iBAAiBC,cAAAA,CAAOC,uBAAuB;IAC/CC,QAAQ,CAAC,EAAEF,cAAAA,CAAOG,eAAe,CAAC,OAAO,EAAEH,cAAAA,CAAOI,mBAAmB,CAAC,CAAC;IACvEC,OAAOL,cAAAA,CAAOM,uBAAuB;IAErCC,UAAU;IACVC,QAAQ;IACRC,eAAe,CAAC,MAAM,EAAEZ,iCAAAA,CAAiBC,cAAc,CAACY,UAAU,CAAC,GAAG,EAAEb,iCAAAA,CAAiBC,cAAc,CAACa,QAAQ,CAAC,MAAM,CAAC;IACxHC,eAAeZ,cAAAA,CAAOa,oBAAoB;IAE1CC,cAAcd,cAAAA,CAAOe,kBAAkB;IAEvCC,gBAAgB;IAEhBC,YAAYjB,cAAAA,CAAOa,oBAAoB;IACvCK,aAAalB,cAAAA,CAAOa,oBAAoB;IAExC,UAAU;QACRjB,QAAQ;QACRS,OAAOL,cAAAA,CAAOmB,0BAA0B;QACxCC,aAAapB,cAAAA,CAAOqB,sBAAsB;QAC1CtB,iBAAiBC,cAAAA,CAAOsB,0BAA0B;IACpD;IAEA,iBAAiB;QACf1B,QAAQ;QACRS,OAAOL,cAAAA,CAAOuB,4BAA4B;QAC1CH,aAAapB,cAAAA,CAAOwB,wBAAwB;QAC5CzB,iBAAiBC,cAAAA,CAAOyB,4BAA4B;IACtD;AACF;AAEA,MAAMC,wBAAwBC,IAAAA,2BAAAA,EAAW;IACvCC,SAAS;QACPpC,SAAS;QACTyB,YAAY;QACZC,aAAa;IACf;IACAW,iBAAiB;QACfxB,OAAOL,cAAAA,CAAOuB,4BAA4B;QAC1C,GAAGO,2BAAAA,CAAWV,WAAW,CAACpB,cAAAA,CAAOwB,wBAAwB,CAAC;QAC1DzB,iBAAiBC,cAAAA,CAAO+B,qBAAqB;QAC7C,UAAU;YACR1B,OAAOL,cAAAA,CAAOuB,4BAA4B;YAC1C,GAAGO,2BAAAA,CAAWV,WAAW,CAACpB,cAAAA,CAAOwB,wBAAwB,CAAC;YAC1DzB,iBAAiBC,cAAAA,CAAO+B,qBAAqB;QAC/C;IACF;AACF;AAEA,MAAMC,gBAAgBL,IAAAA,2BAAAA,EAAW;IAAEtC,MAAM;QAAEyB,cAAcd,cAAAA,CAAOiC,kBAAkB;IAAC;AAAE;AAK9E,MAAM7C,6BAA6B,CAAC8C;IACzC;IAEA,MAAM,EAAEC,aAAa,EAAE,GAAGD;IAE1B,MAAME,oBAAoB9C;IAC1B,MAAM+C,aAAaX;IACnB,MAAMY,aAAaN;IAEnBE,MAAM7C,IAAI,CAACkD,SAAS,GAAGC,IAAAA,6BAAAA,EACrBrD,mBAAmBE,IAAI,EACvB6C,MAAML,eAAe,IAAIQ,WAAWR,eAAe,EACnDK,MAAMO,KAAK,IAAIJ,WAAWT,OAAO,EACjCQ,mBACAD,kBAAkB,UAAUG,WAAWjD,IAAI,EAC3C6C,MAAM7C,IAAI,CAACkD,SAAS;IAGtB,OAAOL;AACT"}

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

@@ -20,4 +20,4 @@ const Reference = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
     (0, _reactprovider.useCustomStyleHook)('useReferenceStyles')(state);
     return (0, _renderReference.renderReference_unstable)(state);
 });
-Reference.displayName = 'Reference'; //# sourceMappingURL=Reference.js.map
+Reference.displayName = 'Reference';

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

@@ -1 +1 @@
-{"version":3,"sources":["Reference.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useReference_unstable } from './useReference';\nimport { renderReference_unstable } from './renderReference';\nimport { useReferenceStyles_unstable } from './useReferenceStyles.styles';\nimport type { ReferenceProps } from './Reference.types';\nimport type { ForwardRefComponent } from '@fluentui/react-components';\nimport { useCustomStyleHook } from '@fluentui-copilot/react-provider';\n\n/** deprecated Use ReferenceV2 component, hooks and types instead. */\nexport const Reference: ForwardRefComponent<ReferenceProps> = React.forwardRef((props, ref) => {\n  const state = useReference_unstable(props, ref);\n\n  useReferenceStyles_unstable(state);\n  useCustomStyleHook('useReferenceStyles')(state);\n\n  return renderReference_unstable(state);\n});\n\nReference.displayName = 'Reference';\n"],"names":["state","useReference_unstable","props","ref","useReferenceStyles_unstable","renderReference_unstable","Reference"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAUQA;;;eAAAA;;;;iEAVe;8BACe;iCACG;0CACG;+BAGT;AAIjC,MAAMA,YAAQC,WAAAA,GAAAA,OAAsBC,UAAOC,CAAAA,CAAAA,OAAAA;UAE3CC,QAAAA,IAAAA,mCAA4BJ,EAAAA,OAAAA;6DACT,EAAAA;yCAEZK,EAAAA,sBAAyBL;IAClC,OAAGK,IAAAA,yCAAA,EAAAL;AAEHM"}
+{"version":3,"sources":["Reference.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useReference_unstable } from './useReference';\nimport { renderReference_unstable } from './renderReference';\nimport { useReferenceStyles_unstable } from './useReferenceStyles.styles';\nimport type { ReferenceProps } from './Reference.types';\nimport type { ForwardRefComponent } from '@fluentui/react-components';\nimport { useCustomStyleHook } from '@fluentui-copilot/react-provider';\n\n/** deprecated Use ReferenceV2 component, hooks and types instead. */\nexport const Reference: ForwardRefComponent<ReferenceProps> = React.forwardRef((props, ref) => {\n  const state = useReference_unstable(props, ref);\n\n  useReferenceStyles_unstable(state);\n  useCustomStyleHook('useReferenceStyles')(state);\n\n  return renderReference_unstable(state);\n});\n\nReference.displayName = 'Reference';\n"],"names":["Reference","React","forwardRef","props","ref","state","useReference_unstable","useReferenceStyles_unstable","useCustomStyleHook","renderReference_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BASaA;;;eAAAA;;;;iEATU;8BACe;iCACG;0CACG;+BAGT;AAG5B,MAAMA,YAAAA,WAAAA,GAAiDC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACrF,MAAMC,QAAQC,IAAAA,mCAAAA,EAAsBH,OAAOC;IAE3CG,IAAAA,qDAAAA,EAA4BF;IAC5BG,IAAAA,iCAAAA,EAAmB,sBAAsBH;IAEzC,OAAOI,IAAAA,yCAAAA,EAAyBJ;AAClC;AAEAL,UAAUU,WAAW,GAAG"}

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

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

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

@@ -32,4 +32,3 @@ const _Reference = require("./Reference");
 const _renderReference = require("./renderReference");
 const _useReference = require("./useReference");
 const _useReferenceStylesstyles = require("./useReferenceStyles.styles");
- //# sourceMappingURL=index.js.map

package/lib-commonjs/components/Reference/renderReference.js

@@ -36,4 +36,4 @@ const renderReference_unstable = (state)=>{
             /*#__PURE__*/ (0, _jsxruntime.jsx)(state.content, {})
         ]
     });
-}; //# sourceMappingURL=renderReference.js.map
+};

package/lib-commonjs/components/Reference/renderReference.js.map

@@ -1 +1 @@
-{"version":3,"sources":["renderReference.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-components';\n\nimport type { ReferenceState, ReferenceSlots } from './Reference.types';\n\n/** deprecated Use ReferenceV2 component, hooks and types instead. */\nexport const renderReference_unstable = (state: ReferenceState) => {\n  assertSlots<ReferenceSlots>(state);\n\n  return (\n    <state.root>\n      {state.citation && <state.citation />}\n      {state.media && <state.media />}\n      <state.label />\n      {state.actions && (\n        <state.actions>\n          {state.actions.children}\n          {state.detailsButton && <state.detailsButton />}\n        </state.actions>\n      )}\n      {state.sensitivity && <state.sensitivity />}\n      <state.metadata>\n        {state.primaryText && <state.primaryText />}\n        {state.secondaryText && <state.secondaryText />}\n        {state.tertiaryText && <state.tertiaryText />}\n        {state.icon && <state.icon />}\n        {state.metadata.children}\n      </state.metadata>\n      <state.content />\n    </state.root>\n  );\n};\n"],"names":["assertSlots","state","citation","_jsx","media","label","actions","_jsxs","children","detailsButton","sensitivity","metadata","primaryText","secondaryText","tertiaryText","icon"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BASEA;;;eAAAA;;;4BARF;iCAE4B;AAM1BA,MAAAA,2BAA4BC,CAAAA;oCAE5B,EAAAA;;kBAEKA;YAAAA,MAAMC,QAAQ,IAAA,WAAI,GAAAC,IAAAA,eAACF,EAAAA,MAAMC,QAAQ,EAAA,CAAA;YAAAD,MAAAG,KAAA,IAAA,WAAA,GAAAD,IAAAA,eAAA,EAAAF,MAAAG,KAAA,EAAA,CAAA;YAAA,WAAA,GAAAD,IAAAA,eAAA,EAAAF,MAAAI,KAAA,EAAA,CAAA;YAAAJ,MAAAK,OAAA,IAAA,WAAA,GAAAC,IAAAA,gBAAA,EAAAN,MAAAK,OAAA,EAAA;0BACjCL;oBAAAA,MAAWK,OAAA,CAAAE,QAAA;oBAAIP,MAACA,aAAW,IAAA,WAAA,GAAAE,IAAAA,eAAA,EAAAF,MAAAQ,aAAA,EAAA,CAAA;iBAAA;;iCAC5B,WAAOJ,GAAKF,IAAAA,eAAA,EAAAF,MAAAS,WAAA,EAAA,CAAA;YAAA,WAAA,GAAAH,IAAAA,gBAAA,EAAAN,MAAAU,QAAA,EAAA;0BACXV;oBAAAA,MAAMK,WAAO,IAAA,WACXL,GAAAA,IAAAA,eAAMK,EAAAA,MAAOM,WAAA,EAAA,CAAA;oBAAAX,MAAAY,aAAA,IAAA,WAAA,GAAAV,IAAAA,eAAA,EAAAF,MAAAY,aAAA,EAAA,CAAA;oBAAAZ,MAAAa,YAAA,IAAA,WAAA,GAAAX,IAAAA,eAAA,EAAAF,MAAAa,YAAA,EAAA,CAAA;oBAAAb,MAAAc,IAAA,IAAA,WAAA,GAAAZ,IAAAA,eAAA,EAAAF,MAAAc,IAAA,EAAA,CAAA;oBAAAd,MAAAU,QAAA,CAAAH,QAAA;iBAAA"}
+{"version":3,"sources":["renderReference.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-components';\n\nimport type { ReferenceState, ReferenceSlots } from './Reference.types';\n\n/** deprecated Use ReferenceV2 component, hooks and types instead. */\nexport const renderReference_unstable = (state: ReferenceState) => {\n  assertSlots<ReferenceSlots>(state);\n\n  return (\n    <state.root>\n      {state.citation && <state.citation />}\n      {state.media && <state.media />}\n      <state.label />\n      {state.actions && (\n        <state.actions>\n          {state.actions.children}\n          {state.detailsButton && <state.detailsButton />}\n        </state.actions>\n      )}\n      {state.sensitivity && <state.sensitivity />}\n      <state.metadata>\n        {state.primaryText && <state.primaryText />}\n        {state.secondaryText && <state.secondaryText />}\n        {state.tertiaryText && <state.tertiaryText />}\n        {state.icon && <state.icon />}\n        {state.metadata.children}\n      </state.metadata>\n      <state.content />\n    </state.root>\n  );\n};\n"],"names":["renderReference_unstable","state","assertSlots","_jsxs","root","citation","_jsx","media","label","actions","children","detailsButton","sensitivity","metadata","primaryText","secondaryText","tertiaryText","icon","content"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAQaA;;;eAAAA;;;4BAPb;iCAE4B;AAKrB,MAAMA,2BAA2B,CAACC;IACvCC,IAAAA,4BAAAA,EAA4BD;IAE5B,OAAA,WAAA,GACEE,IAAAA,gBAAA,EAACF,MAAMG,IAAI,EAAA;;YACRH,MAAMI,QAAQ,IAAA,WAAA,GAAIC,IAAAA,eAAA,EAACL,MAAMI,QAAQ,EAAA,CAAA;YACjCJ,MAAMM,KAAK,IAAA,WAAA,GAAID,IAAAA,eAAA,EAACL,MAAMM,KAAK,EAAA,CAAA;0BAC5BD,IAAAA,eAAA,EAACL,MAAMO,KAAK,EAAA,CAAA;YACXP,MAAMQ,OAAO,IAAA,WAAA,GACZN,IAAAA,gBAAA,EAACF,MAAMQ,OAAO,EAAA;;oBACXR,MAAMQ,OAAO,CAACC,QAAQ;oBACtBT,MAAMU,aAAa,IAAA,WAAA,GAAIL,IAAAA,eAAA,EAACL,MAAMU,aAAa,EAAA,CAAA;;;YAG/CV,MAAMW,WAAW,IAAA,WAAA,GAAIN,IAAAA,eAAA,EAACL,MAAMW,WAAW,EAAA,CAAA;0BACxCT,IAAAA,gBAAA,EAACF,MAAMY,QAAQ,EAAA;;oBACZZ,MAAMa,WAAW,IAAA,WAAA,GAAIR,IAAAA,eAAA,EAACL,MAAMa,WAAW,EAAA,CAAA;oBACvCb,MAAMc,aAAa,IAAA,WAAA,GAAIT,IAAAA,eAAA,EAACL,MAAMc,aAAa,EAAA,CAAA;oBAC3Cd,MAAMe,YAAY,IAAA,WAAA,GAAIV,IAAAA,eAAA,EAACL,MAAMe,YAAY,EAAA,CAAA;oBACzCf,MAAMgB,IAAI,IAAA,WAAA,GAAIX,IAAAA,eAAA,EAACL,MAAMgB,IAAI,EAAA,CAAA;oBACzBhB,MAAMY,QAAQ,CAACH,QAAQ;;;0BAE1BJ,IAAAA,eAAA,EAACL,MAAMiB,OAAO,EAAA,CAAA;;;AAGpB"}

package/lib-commonjs/components/Reference/useReference.js

@@ -193,4 +193,4 @@ const getIcon = (isExpanded, mode)=>{
         return !isExpanded ? /*#__PURE__*/ _react.createElement(_reacticons.ChevronDown16Regular, null) : /*#__PURE__*/ _react.createElement(_reacticons.ChevronUp16Regular, null);
     }
     return !isExpanded ? /*#__PURE__*/ _react.createElement(_reacticons.ChevronDown24Regular, null) : /*#__PURE__*/ _react.createElement(_reacticons.ChevronUp24Regular, null);
-}; //# sourceMappingURL=useReference.js.map
+};

package/lib-commonjs/components/Reference/useReference.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useReference.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n  Button,\n  Caption1,\n  getIntrinsicElementProps,\n  mergeCallbacks,\n  mergeClasses,\n  slot,\n  useId,\n  usePopoverContext_unstable as usePopoverContext,\n} from '@fluentui/react-components';\nimport {\n  ChevronDown24Regular,\n  ChevronUp24Regular,\n  ChevronDown16Regular,\n  ChevronUp16Regular,\n} from '@fluentui/react-icons';\nimport { referenceExtraClassNames } from './useReferenceStyles.styles';\nimport { Citation } from '../Citation';\nimport type { ReferenceProps, ReferenceState } from './Reference.types';\nimport { useReferenceGroupSetOpen } from '../../contexts/ReferenceGroupContext';\nimport { useCopilotMode } from '@fluentui-copilot/react-provider';\n\n/**\n * Create the state required to render Reference.\n *\n * The returned state can be modified with hooks such as useReferenceStyles_unstable,\n * before being passed to renderReference_unstable.\n *\n * @param props - props from this instance of Reference\n * @param ref - reference to root HTMLElement of Reference\n *\n * deprecated Use ReferenceV2 component, hooks and types instead.\n */\nexport const useReference_unstable = (props: ReferenceProps, ref: React.Ref<HTMLDivElement>): ReferenceState => {\n  const { index, referenceId, citationHref, excerpt, layout = 'inline' } = props;\n\n  const mode = useCopilotMode(props.mode);\n\n  const labelId = useId();\n  const mediaId = useId();\n  const [isExpanded, setIsExpanded] = React.useState(layout === 'popover' ? true : false);\n\n  const setPopoverOpen = usePopoverContext(context => context.setOpen);\n\n  const onExpandClick: React.MouseEventHandler<HTMLButtonElement> = _e => {\n    setIsExpanded(!isExpanded);\n  };\n\n  const label = slot.always(props.label, {\n    defaultProps: { id: labelId },\n    elementType: 'div',\n  });\n  const media = slot.optional(props.media, { defaultProps: { id: mediaId }, elementType: 'div' });\n  if (media && React.isValidElement<HTMLElement>(media.children)) {\n    media.children = React.cloneElement(media.children, {\n      className: mergeClasses(media.children.props.className, referenceExtraClassNames.mediaChild),\n    });\n  }\n\n  if (media?.id) {\n    label['aria-describedby'] = label['aria-describedby']?.concat(media.id) ?? media.id;\n  }\n\n  const ariaLabelledByProp = props['aria-labelledby'];\n  const groupSemantics = React.useMemo(() => {\n    return layout === 'inline'\n      ? {\n          role: 'group',\n          'aria-labelledby': `${ariaLabelledByProp ?? ''} ${label.id}`,\n          tabIndex: -1,\n        }\n      : {};\n  }, [layout, ariaLabelledByProp, label.id]);\n\n  // Within a popup, a citation should function as a close button\n  const citationProps = React.useMemo(() => {\n    const onPopoverCloseClick = (e: React.MouseEvent<HTMLAnchorElement>) => {\n      setPopoverOpen(e, false);\n\n      // don't navigate\n      e.preventDefault();\n    };\n\n    return layout === 'popover'\n      ? {\n          referenceHref: '#',\n          tabIndex: -1,\n          'aria-label': `Close Reference ${index}`,\n          onClick: onPopoverCloseClick,\n        }\n      : {\n          referenceHref: citationHref,\n        };\n  }, [layout, citationHref, index, setPopoverOpen]);\n\n  const state: ReferenceState = {\n    isExpanded,\n    mode: layout === 'popover' ? 'sidecar' : mode,\n    layout,\n    index,\n    components: {\n      root: 'div',\n      citation: 'div',\n      media: 'div',\n      actions: 'div',\n      label: 'div',\n      sensitivity: 'span',\n      metadata: 'div',\n      content: 'div',\n      primaryText: 'span',\n      secondaryText: 'span',\n      tertiaryText: 'span',\n      icon: 'span',\n      detailsButton: Button,\n    },\n    root: slot.always(\n      getIntrinsicElementProps('div', {\n        ref,\n        id: referenceId,\n        ...groupSemantics,\n        ...props,\n      }),\n      { elementType: 'div' },\n    ),\n    citation: slot.optional(props.citation, {\n      defaultProps: {\n        children: (\n          <Citation block {...citationProps}>\n            {index}\n          </Citation>\n        ),\n      },\n      renderByDefault: true,\n      elementType: 'div',\n    }),\n    media,\n    actions: slot.optional(layout === 'inline' ? props.actions : null, {\n      renderByDefault: true,\n      elementType: 'div',\n    }),\n    label,\n    sensitivity: slot.optional(props.sensitivity, { elementType: 'span' }),\n    metadata: slot.always(props.metadata, { elementType: 'div' }),\n    primaryText: slot.optional(props.primaryText, {\n      defaultProps: {\n        hidden: !isExpanded,\n      },\n      elementType: 'span',\n    }),\n    secondaryText: slot.optional(props.secondaryText, {\n      defaultProps: {\n        hidden: !isExpanded,\n      },\n      elementType: 'span',\n    }),\n    tertiaryText: slot.optional(props.tertiaryText, {\n      defaultProps: {\n        hidden: !isExpanded,\n      },\n      elementType: 'span',\n    }),\n    icon: slot.optional(props.icon, { elementType: 'span' }),\n    content: slot.always(props.content, {\n      defaultProps: {\n        children: excerpt && <Caption1>{excerpt}</Caption1>,\n      },\n      elementType: 'div',\n    }),\n    detailsButton: slot.optional(layout === 'inline' ? props.detailsButton : null, {\n      defaultProps: {\n        appearance: 'transparent',\n        'aria-expanded': isExpanded,\n        'aria-label': 'show details',\n        size: mode === 'sidecar' ? 'small' : 'medium',\n        icon: {\n          children: getIcon(isExpanded, mode),\n        },\n      },\n      renderByDefault: true,\n      elementType: Button,\n    }),\n  };\n\n  if (state.detailsButton) {\n    const onClick = state.detailsButton.onClick as React.MouseEventHandler<HTMLButtonElement>;\n    state.detailsButton.onClick = mergeCallbacks(onClick, onExpandClick);\n  }\n\n  const referenceGroupSetOpen = useReferenceGroupSetOpen();\n  const onTargettedByCitation = (e: React.FocusEvent<HTMLElement>) => {\n    const relatedTargetHash: string | undefined = (e.relatedTarget as HTMLAnchorElement)?.hash;\n    if (relatedTargetHash && relatedTargetHash.substring(1) === referenceId) {\n      referenceGroupSetOpen();\n      setIsExpanded(true);\n    }\n  };\n  state.root.onFocus = mergeCallbacks(state.root.onFocus, onTargettedByCitation);\n\n  return state;\n};\n\nconst getIcon = (isExpanded: boolean, mode: ReferenceProps['mode']): JSX.Element => {\n  if (mode === 'sidecar') {\n    return !isExpanded ? <ChevronDown16Regular /> : <ChevronUp16Regular />;\n  }\n\n  return !isExpanded ? <ChevronDown24Regular /> : <ChevronUp24Regular />;\n};\n"],"names":["index","citationHref","ref","referenceId","mediaId","isExpanded","excerpt","setPopoverOpen","layout","onExpandClick","mode","useCopilotMode","props","labelId","slot","always","defaultProps","usePopoverContext","context","setOpen","elementType","_e","setIsExpanded","label","media","children","React","className","mergeClasses","referenceExtraClassNames","mediaChild","id","_label_ariadescribedby_concat","_label_ariadescribedby","concat","ariaLabelledByProp","tabIndex","onPopoverCloseClick","e","useMemo","referenceHref","state","components","root","citation","actions","sensitivity","metadata","primaryText","secondaryText","tertiaryText","detailsButton","Button","optional","Citation","hidden","icon","content","createElement","Caption1","appearance","size","onClick","mergeCallbacks","onTargettedByCitation","_e_relatedTarget","relatedTargetHash","onFocus","getIcon","ChevronDown24Regular","ChevronDown16Regular","ChevronUp24Regular","ChevronUp16Regular"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"sources":["useReference.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n  Button,\n  Caption1,\n  getIntrinsicElementProps,\n  mergeCallbacks,\n  mergeClasses,\n  slot,\n  useId,\n  usePopoverContext_unstable as usePopoverContext,\n} from '@fluentui/react-components';\nimport {\n  ChevronDown24Regular,\n  ChevronUp24Regular,\n  ChevronDown16Regular,\n  ChevronUp16Regular,\n} from '@fluentui/react-icons';\nimport { referenceExtraClassNames } from './useReferenceStyles.styles';\nimport { Citation } from '../Citation';\nimport type { ReferenceProps, ReferenceState } from './Reference.types';\nimport { useReferenceGroupSetOpen } from '../../contexts/ReferenceGroupContext';\nimport { useCopilotMode } from '@fluentui-copilot/react-provider';\n\n/**\n * Create the state required to render Reference.\n *\n * The returned state can be modified with hooks such as useReferenceStyles_unstable,\n * before being passed to renderReference_unstable.\n *\n * @param props - props from this instance of Reference\n * @param ref - reference to root HTMLElement of Reference\n *\n * deprecated Use ReferenceV2 component, hooks and types instead.\n */\nexport const useReference_unstable = (props: ReferenceProps, ref: React.Ref<HTMLDivElement>): ReferenceState => {\n  const { index, referenceId, citationHref, excerpt, layout = 'inline' } = props;\n\n  const mode = useCopilotMode(props.mode);\n\n  const labelId = useId();\n  const mediaId = useId();\n  const [isExpanded, setIsExpanded] = React.useState(layout === 'popover' ? true : false);\n\n  const setPopoverOpen = usePopoverContext(context => context.setOpen);\n\n  const onExpandClick: React.MouseEventHandler<HTMLButtonElement> = _e => {\n    setIsExpanded(!isExpanded);\n  };\n\n  const label = slot.always(props.label, {\n    defaultProps: { id: labelId },\n    elementType: 'div',\n  });\n  const media = slot.optional(props.media, { defaultProps: { id: mediaId }, elementType: 'div' });\n  if (media && React.isValidElement<HTMLElement>(media.children)) {\n    media.children = React.cloneElement(media.children, {\n      className: mergeClasses(media.children.props.className, referenceExtraClassNames.mediaChild),\n    });\n  }\n\n  if (media?.id) {\n    label['aria-describedby'] = label['aria-describedby']?.concat(media.id) ?? media.id;\n  }\n\n  const ariaLabelledByProp = props['aria-labelledby'];\n  const groupSemantics = React.useMemo(() => {\n    return layout === 'inline'\n      ? {\n          role: 'group',\n          'aria-labelledby': `${ariaLabelledByProp ?? ''} ${label.id}`,\n          tabIndex: -1,\n        }\n      : {};\n  }, [layout, ariaLabelledByProp, label.id]);\n\n  // Within a popup, a citation should function as a close button\n  const citationProps = React.useMemo(() => {\n    const onPopoverCloseClick = (e: React.MouseEvent<HTMLAnchorElement>) => {\n      setPopoverOpen(e, false);\n\n      // don't navigate\n      e.preventDefault();\n    };\n\n    return layout === 'popover'\n      ? {\n          referenceHref: '#',\n          tabIndex: -1,\n          'aria-label': `Close Reference ${index}`,\n          onClick: onPopoverCloseClick,\n        }\n      : {\n          referenceHref: citationHref,\n        };\n  }, [layout, citationHref, index, setPopoverOpen]);\n\n  const state: ReferenceState = {\n    isExpanded,\n    mode: layout === 'popover' ? 'sidecar' : mode,\n    layout,\n    index,\n    components: {\n      root: 'div',\n      citation: 'div',\n      media: 'div',\n      actions: 'div',\n      label: 'div',\n      sensitivity: 'span',\n      metadata: 'div',\n      content: 'div',\n      primaryText: 'span',\n      secondaryText: 'span',\n      tertiaryText: 'span',\n      icon: 'span',\n      detailsButton: Button,\n    },\n    root: slot.always(\n      getIntrinsicElementProps('div', {\n        ref,\n        id: referenceId,\n        ...groupSemantics,\n        ...props,\n      }),\n      { elementType: 'div' },\n    ),\n    citation: slot.optional(props.citation, {\n      defaultProps: {\n        children: (\n          <Citation block {...citationProps}>\n            {index}\n          </Citation>\n        ),\n      },\n      renderByDefault: true,\n      elementType: 'div',\n    }),\n    media,\n    actions: slot.optional(layout === 'inline' ? props.actions : null, {\n      renderByDefault: true,\n      elementType: 'div',\n    }),\n    label,\n    sensitivity: slot.optional(props.sensitivity, { elementType: 'span' }),\n    metadata: slot.always(props.metadata, { elementType: 'div' }),\n    primaryText: slot.optional(props.primaryText, {\n      defaultProps: {\n        hidden: !isExpanded,\n      },\n      elementType: 'span',\n    }),\n    secondaryText: slot.optional(props.secondaryText, {\n      defaultProps: {\n        hidden: !isExpanded,\n      },\n      elementType: 'span',\n    }),\n    tertiaryText: slot.optional(props.tertiaryText, {\n      defaultProps: {\n        hidden: !isExpanded,\n      },\n      elementType: 'span',\n    }),\n    icon: slot.optional(props.icon, { elementType: 'span' }),\n    content: slot.always(props.content, {\n      defaultProps: {\n        children: excerpt && <Caption1>{excerpt}</Caption1>,\n      },\n      elementType: 'div',\n    }),\n    detailsButton: slot.optional(layout === 'inline' ? props.detailsButton : null, {\n      defaultProps: {\n        appearance: 'transparent',\n        'aria-expanded': isExpanded,\n        'aria-label': 'show details',\n        size: mode === 'sidecar' ? 'small' : 'medium',\n        icon: {\n          children: getIcon(isExpanded, mode),\n        },\n      },\n      renderByDefault: true,\n      elementType: Button,\n    }),\n  };\n\n  if (state.detailsButton) {\n    const onClick = state.detailsButton.onClick as React.MouseEventHandler<HTMLButtonElement>;\n    state.detailsButton.onClick = mergeCallbacks(onClick, onExpandClick);\n  }\n\n  const referenceGroupSetOpen = useReferenceGroupSetOpen();\n  const onTargettedByCitation = (e: React.FocusEvent<HTMLElement>) => {\n    const relatedTargetHash: string | undefined = (e.relatedTarget as HTMLAnchorElement)?.hash;\n    if (relatedTargetHash && relatedTargetHash.substring(1) === referenceId) {\n      referenceGroupSetOpen();\n      setIsExpanded(true);\n    }\n  };\n  state.root.onFocus = mergeCallbacks(state.root.onFocus, onTargettedByCitation);\n\n  return state;\n};\n\nconst getIcon = (isExpanded: boolean, mode: ReferenceProps['mode']): JSX.Element => {\n  if (mode === 'sidecar') {\n    return !isExpanded ? <ChevronDown16Regular /> : <ChevronUp16Regular />;\n  }\n\n  return !isExpanded ? <ChevronDown24Regular /> : <ChevronUp24Regular />;\n};\n"],"names":["useReference_unstable","props","ref","index","referenceId","citationHref","excerpt","layout","mode","useCopilotMode","labelId","useId","mediaId","isExpanded","setIsExpanded","React","useState","setPopoverOpen","usePopoverContext","context","setOpen","onExpandClick","_e","label","slot","always","defaultProps","id","elementType","media","optional","isValidElement","children","cloneElement","className","mergeClasses","referenceExtraClassNames","mediaChild","concat","ariaLabelledByProp","groupSemantics","useMemo","role","tabIndex","citationProps","onPopoverCloseClick","e","preventDefault","referenceHref","onClick","state","components","root","citation","actions","sensitivity","metadata","content","primaryText","secondaryText","tertiaryText","icon","detailsButton","Button","getIntrinsicElementProps","createElement","Citation","block","renderByDefault","hidden","Caption1","appearance","size","getIcon","mergeCallbacks","referenceGroupSetOpen","useReferenceGroupSetOpen","onTargettedByCitation","relatedTargetHash","relatedTarget","_e_relatedTarget","hash","substring","onFocus","ChevronDown16Regular","ChevronUp16Regular","ChevronDown24Regular","ChevronUp24Regular"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/lib-commonjs/components/Reference/useReferenceStyles.styles.raw.js

@@ -0,0 +1,214 @@
+"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, {
+    referenceClassNames: function() {
+        return referenceClassNames;
+    },
+    referenceExtraClassNames: function() {
+        return referenceExtraClassNames;
+    },
+    useReferenceStyles_unstable: function() {
+        return useReferenceStyles_unstable;
+    }
+});
+const _reactcomponents = require("@fluentui/react-components");
+const _tokens = require("@fluentui-copilot/tokens");
+const referenceClassNames = {
+    root: 'fai-Reference',
+    citation: 'fai-Reference__citation',
+    media: 'fai-Reference__media',
+    actions: 'fai-Reference__actions',
+    sensitivity: 'fai-Reference__sensitivity',
+    metadata: 'fai-Reference__metadata',
+    primaryText: 'fai-Reference__primaryText',
+    secondaryText: 'fai-Reference__secondaryText',
+    tertiaryText: 'fai-Reference__tertiaryText',
+    icon: 'fai-Reference__icon',
+    label: 'fai-Reference__label',
+    content: 'fai-Reference__content',
+    detailsButton: 'fai-Reference__detailsButton'
+};
+const referenceExtraClassNames = {
+    text: 'fai-Reference__text',
+    mediaChild: 'fai-Reference__mediaChild'
+};
+const labelFontSize = _reactcomponents.typographyStyles.caption1Strong.fontSize;
+const labelLineHeight = _reactcomponents.typographyStyles.caption1Strong.lineHeight;
+const maxPopoverWidth = '256px';
+const useReferenceClassName = (0, _reactcomponents.makeResetStyles)({
+    boxSizing: 'border-box',
+    width: '100%',
+    display: 'grid',
+    gridTemplateAreas: `
+      "citation         media            title            actions"
+      ".                .                title            ."
+      "sensitivityLabel sensitivityLabel sensitivityLabel sensitivityLabel"
+      "metadata         metadata         metadata         metadata"
+      "content          content          content          content"
+    `,
+    gridTemplateColumns: 'min-content min-content 1fr min-content',
+    gridTemplateRows: '32px auto auto auto auto',
+    border: `${_tokens.tokens.strokeWidthThin} solid ${_tokens.tokens.colorNeutralStroke1}`,
+    borderRadius: _tokens.tokens.borderRadiusMedium,
+    padding: `${_tokens.tokens.spacingVerticalS} ${_tokens.tokens.spacingHorizontalS}`,
+    boxShadow: 'none',
+    columnGap: _tokens.tokens.spacingHorizontalXS,
+    alignItems: 'center'
+});
+const useStyles = (0, _reactcomponents.makeStyles)({
+    canvas: {},
+    sidecar: {
+        gridTemplateRows: '24px auto auto auto',
+        padding: `${_tokens.tokens.spacingVerticalXS} ${_tokens.tokens.spacingHorizontalS}`
+    },
+    inline: {},
+    popover: {
+        ..._reactcomponents.shorthands.borderWidth('0px'),
+        width: `calc(${maxPopoverWidth} - (${_tokens.tokens.spacingHorizontalM} * 2))`,
+        padding: '0px'
+    },
+    closed: {
+        rowGap: 0
+    },
+    citation: {
+        gridArea: 'citation'
+    },
+    media: {
+        gridArea: 'media',
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center'
+    },
+    mediaPopover: {
+        width: '16px',
+        height: '16px',
+        [`> .${referenceExtraClassNames.mediaChild}`]: {
+            width: '16px',
+            height: '16px'
+        }
+    },
+    actions: {
+        gridArea: 'actions',
+        justifySelf: 'end',
+        display: 'flex',
+        gridRowStart: 1
+    },
+    detailsButton: {
+        [`> ${_reactcomponents.buttonClassNames.icon}`]: {
+            color: _tokens.tokens.colorNeutralForeground3
+        }
+    },
+    sensitivity: {
+        gridArea: 'sensitivityLabel',
+        justifySelf: 'start'
+    },
+    metadata: {
+        marginTop: _tokens.tokens.spacingVerticalXS,
+        gridArea: 'metadata',
+        ..._reactcomponents.typographyStyles.caption2
+    },
+    metadataSubsequentText: {
+        position: 'relative',
+        marginLeft: _tokens.tokens.spacingHorizontalS,
+        '&::before': {
+            content: '""',
+            display: 'block',
+            position: 'absolute',
+            left: `calc(${_tokens.tokens.spacingHorizontalS} / -2)`,
+            top: `calc((${_reactcomponents.typographyStyles.caption2.lineHeight} - ${_reactcomponents.typographyStyles.caption2.fontSize}) / 2)`,
+            height: _reactcomponents.typographyStyles.caption2.fontSize,
+            ..._reactcomponents.shorthands.borderLeft(_tokens.tokens.strokeWidthThin, 'solid', _tokens.tokens.colorNeutralStroke2)
+        }
+    },
+    icon: {
+        ..._reactcomponents.typographyStyles.caption2,
+        verticalAlign: 'middle'
+    },
+    content: {
+        marginTop: _tokens.tokens.spacingVerticalXS,
+        gridArea: 'content',
+        display: 'flex',
+        flexDirection: 'column',
+        rowGap: _tokens.tokens.spacingVerticalS,
+        color: _tokens.tokens.colorNeutralForeground3,
+        wordBreak: 'break-word'
+    },
+    hidden: {
+        display: 'none'
+    }
+});
+const useLabelStyles = (0, _reactcomponents.makeStyles)({
+    root: {
+        gridArea: 'title',
+        alignSelf: 'start',
+        ..._reactcomponents.typographyStyles.caption1Strong,
+        wordBreak: 'break-word',
+        '-webkit-box-orient': 'vertical',
+        '-webkit-line-clamp': '2',
+        display: '-webkit-box',
+        overflowY: 'hidden'
+    },
+    canvas: {
+        // 24px is the height of the tallest element within the reference
+        paddingTop: `calc((24px / 2 ) - (${labelLineHeight} - ${labelFontSize}))`
+    },
+    sidecar: {
+        // 16px is the height of the tallest element within the reference
+        paddingTop: `calc((16px / 2 ) - (${labelLineHeight} - ${labelFontSize}))`
+    },
+    closed: {
+        maxWidth: '100%',
+        '-webkit-line-clamp': '1'
+    }
+});
+const useReferenceStyles_unstable = (state)=>{
+    'use no memo';
+    const { isExpanded, mode, layout } = state;
+    const rootClassName = useReferenceClassName();
+    const styles = useStyles();
+    const labelStyles = useLabelStyles();
+    state.root.className = (0, _reactcomponents.mergeClasses)(referenceClassNames.root, rootClassName, styles[mode], styles[layout], !isExpanded && styles.closed, state.root.className);
+    if (state.citation) {
+        state.citation.className = (0, _reactcomponents.mergeClasses)(referenceClassNames.citation, styles.citation, state.citation.className);
+    }
+    if (state.media) {
+        state.media.className = (0, _reactcomponents.mergeClasses)(referenceClassNames.media, styles.media, layout === 'popover' && styles.mediaPopover, state.media.className);
+    }
+    if (state.actions) {
+        state.actions.className = (0, _reactcomponents.mergeClasses)(referenceClassNames.actions, styles.actions, state.actions.className);
+    }
+    state.label.className = (0, _reactcomponents.mergeClasses)(referenceClassNames.label, labelStyles.root, labelStyles[mode], !isExpanded && labelStyles.closed, state.label.className);
+    if (state.sensitivity) {
+        state.sensitivity.className = (0, _reactcomponents.mergeClasses)(referenceClassNames.sensitivity, styles.sensitivity, !isExpanded && styles.hidden, state.sensitivity.className);
+    }
+    state.metadata.className = (0, _reactcomponents.mergeClasses)(referenceClassNames.metadata, styles.metadata, !isExpanded && styles.hidden, state.metadata.className);
+    let isSubsequentText = false;
+    if (state.primaryText) {
+        state.primaryText.className = (0, _reactcomponents.mergeClasses)(referenceClassNames.primaryText, referenceExtraClassNames.text, isSubsequentText && styles.metadataSubsequentText, state.primaryText.className);
+        isSubsequentText = true;
+    }
+    if (state.secondaryText) {
+        state.secondaryText.className = (0, _reactcomponents.mergeClasses)(referenceClassNames.secondaryText, referenceExtraClassNames.text, isSubsequentText && styles.metadataSubsequentText, state.secondaryText.className);
+        isSubsequentText = true;
+    }
+    if (state.tertiaryText) {
+        state.tertiaryText.className = (0, _reactcomponents.mergeClasses)(referenceClassNames.tertiaryText, referenceExtraClassNames.text, isSubsequentText && styles.metadataSubsequentText, state.tertiaryText.className);
+        isSubsequentText = true;
+    }
+    if (state.icon) {
+        state.icon.className = (0, _reactcomponents.mergeClasses)(referenceClassNames.icon, styles.icon, state.icon.className);
+    }
+    state.content.className = (0, _reactcomponents.mergeClasses)(referenceClassNames.content, styles.content, !isExpanded && styles.hidden, state.content.className);
+    if (state.detailsButton) {
+        state.detailsButton.className = (0, _reactcomponents.mergeClasses)(referenceClassNames.detailsButton, styles.detailsButton, state.detailsButton.className);
+    }
+    return state;
+};

package/lib-commonjs/components/Reference/useReferenceStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useReferenceStyles.styles.ts"],"sourcesContent":["import {\n  buttonClassNames,\n  makeResetStyles,\n  makeStyles,\n  mergeClasses,\n  shorthands,\n  typographyStyles,\n} from '@fluentui/react-components';\nimport { tokens } from '@fluentui-copilot/tokens';\nimport type { ReferenceSlots, ReferenceState } from './Reference.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\n/** deprecated Use ReferenceV2 component, hooks and types instead. */\nexport const referenceClassNames: SlotClassNames<ReferenceSlots> = {\n  root: 'fai-Reference',\n  citation: 'fai-Reference__citation',\n  media: 'fai-Reference__media',\n  actions: 'fai-Reference__actions',\n  sensitivity: 'fai-Reference__sensitivity',\n  metadata: 'fai-Reference__metadata',\n  primaryText: 'fai-Reference__primaryText',\n  secondaryText: 'fai-Reference__secondaryText',\n  tertiaryText: 'fai-Reference__tertiaryText',\n  icon: 'fai-Reference__icon',\n  label: 'fai-Reference__label',\n  content: 'fai-Reference__content',\n  detailsButton: 'fai-Reference__detailsButton',\n};\n\n/** deprecated Use ReferenceV2 component, hooks and types instead. */\nexport const referenceExtraClassNames = {\n  text: 'fai-Reference__text',\n  mediaChild: 'fai-Reference__mediaChild',\n};\n\nconst labelFontSize = typographyStyles.caption1Strong.fontSize;\nconst labelLineHeight = typographyStyles.caption1Strong.lineHeight;\n\nconst maxPopoverWidth = '256px';\n\nconst useReferenceClassName = makeResetStyles({\n  boxSizing: 'border-box',\n  width: '100%',\n  display: 'grid',\n  gridTemplateAreas: `\n      \"citation         media            title            actions\"\n      \".                .                title            .\"\n      \"sensitivityLabel sensitivityLabel sensitivityLabel sensitivityLabel\"\n      \"metadata         metadata         metadata         metadata\"\n      \"content          content          content          content\"\n    `,\n  gridTemplateColumns: 'min-content min-content 1fr min-content',\n  gridTemplateRows: '32px auto auto auto auto',\n  border: `${tokens.strokeWidthThin} solid ${tokens.colorNeutralStroke1}`,\n  borderRadius: tokens.borderRadiusMedium,\n  padding: `${tokens.spacingVerticalS} ${tokens.spacingHorizontalS}`,\n  boxShadow: 'none',\n  columnGap: tokens.spacingHorizontalXS,\n  alignItems: 'center',\n});\n\nconst useStyles = makeStyles({\n  canvas: {},\n  sidecar: {\n    gridTemplateRows: '24px auto auto auto',\n    padding: `${tokens.spacingVerticalXS} ${tokens.spacingHorizontalS}`,\n  },\n  inline: {},\n  popover: {\n    ...shorthands.borderWidth('0px'),\n    width: `calc(${maxPopoverWidth} - (${tokens.spacingHorizontalM} * 2))`,\n    padding: '0px',\n  },\n  closed: {\n    rowGap: 0,\n  },\n  citation: {\n    gridArea: 'citation',\n  },\n  media: {\n    gridArea: 'media',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  mediaPopover: {\n    width: '16px',\n    height: '16px',\n\n    [`> .${referenceExtraClassNames.mediaChild}`]: {\n      width: '16px',\n      height: '16px',\n    },\n  },\n  actions: {\n    gridArea: 'actions',\n    justifySelf: 'end',\n    display: 'flex',\n    gridRowStart: 1,\n  },\n  detailsButton: {\n    [`> ${buttonClassNames.icon}`]: {\n      color: tokens.colorNeutralForeground3,\n    },\n  },\n  sensitivity: {\n    gridArea: 'sensitivityLabel',\n    justifySelf: 'start',\n  },\n  metadata: {\n    marginTop: tokens.spacingVerticalXS,\n\n    gridArea: 'metadata',\n    ...typographyStyles.caption2,\n  },\n  metadataSubsequentText: {\n    position: 'relative',\n    marginLeft: tokens.spacingHorizontalS,\n\n    '&::before': {\n      content: '\"\"',\n      display: 'block',\n      position: 'absolute',\n      left: `calc(${tokens.spacingHorizontalS} / -2)`,\n      top: `calc((${typographyStyles.caption2.lineHeight} - ${typographyStyles.caption2.fontSize}) / 2)`,\n      height: typographyStyles.caption2.fontSize,\n      ...shorthands.borderLeft(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStroke2),\n    },\n  },\n  icon: {\n    ...typographyStyles.caption2,\n    verticalAlign: 'middle',\n  },\n  content: {\n    marginTop: tokens.spacingVerticalXS,\n    gridArea: 'content',\n    display: 'flex',\n    flexDirection: 'column',\n    rowGap: tokens.spacingVerticalS,\n    color: tokens.colorNeutralForeground3,\n    wordBreak: 'break-word',\n  },\n  hidden: {\n    display: 'none',\n  },\n});\n\nconst useLabelStyles = makeStyles({\n  root: {\n    gridArea: 'title',\n    alignSelf: 'start',\n    ...typographyStyles.caption1Strong,\n    wordBreak: 'break-word',\n    '-webkit-box-orient': 'vertical',\n    '-webkit-line-clamp': '2',\n    display: '-webkit-box',\n    overflowY: 'hidden',\n  },\n\n  canvas: {\n    // 24px is the height of the tallest element within the reference\n    paddingTop: `calc((24px / 2 ) - (${labelLineHeight} - ${labelFontSize}))`,\n  },\n\n  sidecar: {\n    // 16px is the height of the tallest element within the reference\n    paddingTop: `calc((16px / 2 ) - (${labelLineHeight} - ${labelFontSize}))`,\n  },\n\n  closed: {\n    maxWidth: '100%',\n    '-webkit-line-clamp': '1',\n  },\n});\n\n/**\n * Apply styling to the Reference slots based on the state\n *\n * deprecated Use ReferenceV2 component, hooks and types instead.\n */\nexport const useReferenceStyles_unstable = (state: ReferenceState): ReferenceState => {\n  'use no memo';\n\n  const { isExpanded, mode, layout } = state;\n\n  const rootClassName = useReferenceClassName();\n  const styles = useStyles();\n  const labelStyles = useLabelStyles();\n  state.root.className = mergeClasses(\n    referenceClassNames.root,\n    rootClassName,\n    styles[mode],\n    styles[layout],\n    !isExpanded && styles.closed,\n    state.root.className,\n  );\n\n  if (state.citation) {\n    state.citation.className = mergeClasses(referenceClassNames.citation, styles.citation, state.citation.className);\n  }\n\n  if (state.media) {\n    state.media.className = mergeClasses(\n      referenceClassNames.media,\n      styles.media,\n      layout === 'popover' && styles.mediaPopover,\n      state.media.className,\n    );\n  }\n\n  if (state.actions) {\n    state.actions.className = mergeClasses(referenceClassNames.actions, styles.actions, state.actions.className);\n  }\n\n  state.label.className = mergeClasses(\n    referenceClassNames.label,\n    labelStyles.root,\n    labelStyles[mode],\n    !isExpanded && labelStyles.closed,\n    state.label.className,\n  );\n\n  if (state.sensitivity) {\n    state.sensitivity.className = mergeClasses(\n      referenceClassNames.sensitivity,\n      styles.sensitivity,\n      !isExpanded && styles.hidden,\n      state.sensitivity.className,\n    );\n  }\n\n  state.metadata.className = mergeClasses(\n    referenceClassNames.metadata,\n    styles.metadata,\n    !isExpanded && styles.hidden,\n    state.metadata.className,\n  );\n\n  let isSubsequentText = false;\n  if (state.primaryText) {\n    state.primaryText.className = mergeClasses(\n      referenceClassNames.primaryText,\n      referenceExtraClassNames.text,\n      isSubsequentText && styles.metadataSubsequentText,\n      state.primaryText.className,\n    );\n    isSubsequentText = true;\n  }\n\n  if (state.secondaryText) {\n    state.secondaryText.className = mergeClasses(\n      referenceClassNames.secondaryText,\n      referenceExtraClassNames.text,\n      isSubsequentText && styles.metadataSubsequentText,\n      state.secondaryText.className,\n    );\n    isSubsequentText = true;\n  }\n\n  if (state.tertiaryText) {\n    state.tertiaryText.className = mergeClasses(\n      referenceClassNames.tertiaryText,\n      referenceExtraClassNames.text,\n      isSubsequentText && styles.metadataSubsequentText,\n      state.tertiaryText.className,\n    );\n    isSubsequentText = true;\n  }\n\n  if (state.icon) {\n    state.icon.className = mergeClasses(referenceClassNames.icon, styles.icon, state.icon.className);\n  }\n  state.content.className = mergeClasses(\n    referenceClassNames.content,\n    styles.content,\n    !isExpanded && styles.hidden,\n    state.content.className,\n  );\n\n  if (state.detailsButton) {\n    state.detailsButton.className = mergeClasses(\n      referenceClassNames.detailsButton,\n      styles.detailsButton,\n      state.detailsButton.className,\n    );\n  }\n\n  return state;\n};\n"],"names":["referenceClassNames","referenceExtraClassNames","useReferenceStyles_unstable","root","citation","media","actions","sensitivity","metadata","primaryText","secondaryText","tertiaryText","icon","label","content","detailsButton","text","mediaChild","labelFontSize","typographyStyles","caption1Strong","fontSize","labelLineHeight","lineHeight","maxPopoverWidth","useReferenceClassName","makeResetStyles","boxSizing","width","display","gridTemplateAreas","gridTemplateColumns","gridTemplateRows","border","tokens","strokeWidthThin","colorNeutralStroke1","borderRadius","borderRadiusMedium","padding","spacingVerticalS","spacingHorizontalS","boxShadow","columnGap","spacingHorizontalXS","alignItems","useStyles","makeStyles","canvas","sidecar","spacingVerticalXS","inline","popover","shorthands","borderWidth","spacingHorizontalM","closed","rowGap","gridArea","justifyContent","mediaPopover","height","justifySelf","gridRowStart","buttonClassNames","color","colorNeutralForeground3","marginTop","caption2","metadataSubsequentText","position","marginLeft","left","top","borderLeft","colorNeutralStroke2","verticalAlign","flexDirection","wordBreak","hidden","useLabelStyles","alignSelf","overflowY","paddingTop","maxWidth","state","isExpanded","mode","layout","rootClassName","styles","labelStyles","className","mergeClasses","isSubsequentText"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}