@fluentui-copilot/react-reference 0.11.3 → 0.12.0

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

@@ -1 +1 @@
-{"version":3,"sources":["useReferenceStyles.styles.ts"],"sourcesContent":["import { makeResetStyles, makeStyles, mergeClasses, tokens, typographyStyles } from '@fluentui/react-components';\nimport type { ReferenceSlots, ReferenceState } from './Reference.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const referenceClassNames: SlotClassNames<ReferenceSlots> = {\n  root: 'fai-Reference',\n  citation: 'fai-Reference__citation',\n  divider: 'fai-Reference__divider',\n  graphic: 'fai-Reference__graphic',\n  content: 'fai-Reference__content',\n};\n\nexport const referenceExtraClassNames = {\n  graphicChild: 'fai-Reference__graphicChild',\n};\n\nconst GRAPHIC_SIZE = '16px';\n\nconst useRootBaseClassName = makeResetStyles({\n  alignItems: 'center',\n  backgroundColor: tokens.colorNeutralBackground3,\n  border: `${tokens.strokeWidthThin} solid ${tokens.colorNeutralStroke2}`,\n  borderRadius: tokens.borderRadiusMedium,\n  boxSizing: 'border-box',\n  color: tokens.colorNeutralForeground2,\n  columnGap: tokens.spacingHorizontalXXS,\n  display: 'flex',\n  flexShrink: 0,\n  justifyContent: 'center',\n  padding: `${tokens.spacingVerticalXXS} ${tokens.spacingHorizontalS}`,\n\n  ':hover': {\n    backgroundColor: tokens.colorNeutralBackground3Hover,\n    borderColor: tokens.colorNeutralStroke1Hover,\n    color: tokens.colorNeutralForeground2Hover,\n\n    [`& .${referenceClassNames.divider}`]: {\n      backgroundColor: tokens.colorNeutralStroke1Hover,\n    },\n  },\n\n  ':hover:active': {\n    backgroundColor: tokens.colorNeutralBackground3Pressed,\n    borderColor: tokens.colorNeutralStroke1Pressed,\n    color: tokens.colorNeutralForeground2Pressed,\n\n    [`& .${referenceClassNames.divider}`]: {\n      backgroundColor: tokens.colorNeutralStroke1Pressed,\n    },\n  },\n});\n\nexport const useRootStyles = makeStyles({\n  overflow: {\n    width: '100%',\n  },\n});\n\nconst useCitationBaseClassName = makeResetStyles({\n  ...typographyStyles.caption2Strong,\n});\n\nconst useDividerBaseClassName = makeResetStyles({\n  backgroundColor: tokens.colorNeutralStroke2,\n  height: '16px',\n  margin: `${tokens.spacingVerticalNone} ${tokens.spacingHorizontalXS}`,\n  width: '1px',\n});\n\nconst useGraphicBaseClassName = makeResetStyles({\n  fontSize: GRAPHIC_SIZE,\n  height: GRAPHIC_SIZE,\n  lineHeight: GRAPHIC_SIZE,\n  width: GRAPHIC_SIZE,\n\n  [`> .${referenceExtraClassNames.graphicChild}`]: {\n    height: GRAPHIC_SIZE,\n    width: GRAPHIC_SIZE,\n  },\n});\n\nconst useContentBaseClassName = makeResetStyles({\n  columnGap: tokens.spacingHorizontalSNudge,\n  display: 'inline-flex',\n  ...typographyStyles.caption1,\n});\n\n/**\n * Apply styling to the Reference slots based on the state\n */\nexport const useReferenceStyles_unstable = (state: ReferenceState): ReferenceState => {\n  'use no memo';\n\n  const rootBaseClassName = useRootBaseClassName();\n  const citationBaseClassName = useCitationBaseClassName();\n  const dividerBaseClassName = useDividerBaseClassName();\n  const contentBaseClassName = useContentBaseClassName();\n  const graphicBaseClassName = useGraphicBaseClassName();\n\n  state.root.className = mergeClasses(referenceClassNames.root, rootBaseClassName, state.root.className);\n\n  if (state.citation) {\n    state.citation.className = mergeClasses(\n      referenceClassNames.citation,\n      citationBaseClassName,\n      state.citation.className,\n    );\n  }\n\n  if (state.divider) {\n    state.divider.className = mergeClasses(referenceClassNames.divider, dividerBaseClassName, state.divider.className);\n  }\n\n  if (state.content) {\n    state.content.className = mergeClasses(referenceClassNames.content, contentBaseClassName, state.content.className);\n  }\n\n  if (state.graphic) {\n    state.graphic.className = mergeClasses(referenceClassNames.graphic, graphicBaseClassName, state.graphic.className);\n  }\n\n  return state;\n};\n"],"names":["referenceClassNames","referenceExtraClassNames","color","colorNeutralForeground2Hover","alignItems","root","citation","divider","graphic","content","graphicChild","GRAPHIC_SIZE","useRootBaseClassName","makeResetStyles","__styles","backgroundColor","border","colorNeutralForeground2","display","__resetStyles","flexShrink","justifyContent","padding","spacingVerticalXXS","tokens","spacingHorizontalS","rootBaseClassName","citationBaseClassName","useCitationBaseClassName","dividerBaseClassName","useDividerBaseClassName","borderColor","colorNeutralStroke1Pressed","colorNeutralForeground2Pressed","state","className","mergeClasses","overflow","width","contentBaseClassName","graphicBaseClassName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAIaA,mBAAAA;eAAAA;;IAQAC,wBAAAA;eAAAA;;IAsBTC,2BAAcC;eAAdD;;IAfFE,aAAY;eAAZA;;;iCAnB0E;AAIrE,MAAMJ,sBAAsD;UACjEK;cACAC;aACAC;aACAC;aACAC;AACF;AAEO,MAAMR,2BAA2B;kBACtCS;AACF;AAEA,MAAMC,eAAe;AAErB,MAAMC,uBAAuBC,IAAAA,8BAAAA,EAAAA,YAAgB,MAAA;IAAA;IAAA;IAAA;IAAA;IAAA;CAAA;AAC3CT,MAAAA,gBAAYU,IAAAA,yBAAA,EAAA;cACZC;QACAC,QAAQ;;;OAGRd;QAAAA;KAAce;;MAEdC,2BAASC,IAAAA,8BAAA,EAAA,WAAA,MAAA;IAAA;CAAA;MACTC,0BAAYD,IAAAA,8BAAA,EAAA,YAAA,MAAA;IAAA;CAAA;MACZE,0BAAgBF,IAAAA,8BAAA,EAAA,WAAA,MAAA;IAAA;IAAA;CAAA;MAChBG,0BAAmBC,IAAAA,8BAAsBC,EAAAA,YAAOC,MAAAA;IAAAA;CAAoB;MAKlEvB,8BAAcC,CAAAA;;UAIduB,oBAAAd;UACFe,wBAAAC;UAEAC,uBAAiBC;UACff,uBAAiBS;UACjBO,uBAAoBC;UACpB9B,IAAAA,CAAAA,SAAc+B,GAAAA,IAAAA,6BAAAA,EAAAA,oBAA8B5B,IAAA,EAAAqB,mBAAAQ,MAAA7B,IAAA,CAAA8B,SAAA;cAE1C7B,QAAKN,EAAAA;sBACLe,CAAAA,SAAAA,GAAiBS,IAAAA,6BAAOQ,EAAAA,oBAA0B1B,QAAA,EAAAqB,uBAAAO,MAAA5B,QAAA,CAAA6B,SAAA;;QAEtDD,MAAA3B,OAAA,EAAA;QACF2B,MAAA3B,OAAA,CAAA4B,SAAA,GAAAC,IAAAA,6BAAA,EAAApC,oBAAAO,OAAA,EAAAsB,sBAAAK,MAAA3B,OAAA,CAAA4B,SAAA;IAEA;QACEE,MAAAA,OAAU,EAAA;cACRC,OAAO,CAAAH,SAAA,GAAAC,IAAAA,6BAAA,EAAApC,oBAAAS,OAAA,EAAA8B,sBAAAL,MAAAzB,OAAA,CAAA0B,SAAA;;IAEX,IAAGD,MAAA1B,OAAA,EAAA;QAEH0B,MAAMN,OAAAA,CAAAA,SAAAA,GAAAA,IAAAA,6BAA2Bf,EAAAA,oBAAgBL,OAAA,EAAAgC,sBAAAN,MAAA1B,OAAA,CAAA2B,SAAA;;IAEjD,OAAAD;AAEA,wDAC6C"}
+{"version":3,"sources":["useReferenceStyles.styles.ts"],"sourcesContent":["import { makeResetStyles, makeStyles, mergeClasses, tokens, typographyStyles } from '@fluentui/react-components';\nimport type { ReferenceSlots, ReferenceState } from './Reference.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const referenceClassNames: SlotClassNames<ReferenceSlots> = {\n  root: 'fai-Reference',\n  citation: 'fai-Reference__citation',\n  divider: 'fai-Reference__divider',\n  graphic: 'fai-Reference__graphic',\n  content: 'fai-Reference__content',\n};\n\nexport const referenceExtraClassNames = {\n  graphicChild: 'fai-Reference__graphicChild',\n};\n\nconst GRAPHIC_SIZE = '16px';\n\nconst useRootBaseClassName = makeResetStyles({\n  alignItems: 'center',\n  backgroundColor: tokens.colorNeutralBackground3,\n  border: `${tokens.strokeWidthThin} solid ${tokens.colorNeutralStroke2}`,\n  borderRadius: tokens.borderRadiusMedium,\n  boxSizing: 'border-box',\n  color: tokens.colorNeutralForeground2,\n  columnGap: tokens.spacingHorizontalXXS,\n  display: 'flex',\n  flexShrink: 0,\n  justifyContent: 'center',\n  maxWidth: 'max-content',\n  minHeight: '24px',\n  padding: `${tokens.spacingVerticalXXS} ${tokens.spacingHorizontalS}`,\n  textDecoration: 'none',\n\n  ':hover': {\n    backgroundColor: tokens.colorNeutralBackground3Hover,\n    borderColor: tokens.colorNeutralStroke1Hover,\n    color: tokens.colorNeutralForeground2Hover,\n\n    [`& .${referenceClassNames.divider}`]: {\n      backgroundColor: tokens.colorNeutralStroke1Hover,\n    },\n  },\n\n  ':hover:active': {\n    backgroundColor: tokens.colorNeutralBackground3Pressed,\n    borderColor: tokens.colorNeutralStroke1Pressed,\n    color: tokens.colorNeutralForeground2Pressed,\n\n    [`& .${referenceClassNames.divider}`]: {\n      backgroundColor: tokens.colorNeutralStroke1Pressed,\n    },\n  },\n});\n\nexport const useRootStyles = makeStyles({\n  overflow: {\n    width: '100%',\n  },\n});\n\nconst useCitationBaseClassName = makeResetStyles({\n  ...typographyStyles.caption2Strong,\n});\n\nconst useDividerBaseClassName = makeResetStyles({\n  backgroundColor: tokens.colorNeutralStroke2,\n  height: '16px',\n  margin: `${tokens.spacingVerticalNone} ${tokens.spacingHorizontalXS}`,\n  width: '1px',\n});\n\nconst useGraphicBaseClassName = makeResetStyles({\n  fontSize: GRAPHIC_SIZE,\n  height: GRAPHIC_SIZE,\n  lineHeight: GRAPHIC_SIZE,\n  width: GRAPHIC_SIZE,\n\n  [`> .${referenceExtraClassNames.graphicChild}`]: {\n    height: GRAPHIC_SIZE,\n    width: GRAPHIC_SIZE,\n  },\n});\n\nconst useContentBaseClassName = makeResetStyles({\n  columnGap: tokens.spacingHorizontalSNudge,\n  display: 'inline-flex',\n  ...typographyStyles.caption1,\n});\n\n/**\n * Apply styling to the Reference slots based on the state\n */\nexport const useReferenceStyles_unstable = (state: ReferenceState): ReferenceState => {\n  'use no memo';\n\n  const rootBaseClassName = useRootBaseClassName();\n  const citationBaseClassName = useCitationBaseClassName();\n  const dividerBaseClassName = useDividerBaseClassName();\n  const contentBaseClassName = useContentBaseClassName();\n  const graphicBaseClassName = useGraphicBaseClassName();\n\n  state.root.className = mergeClasses(referenceClassNames.root, rootBaseClassName, state.root.className);\n\n  if (state.citation) {\n    state.citation.className = mergeClasses(\n      referenceClassNames.citation,\n      citationBaseClassName,\n      state.citation.className,\n    );\n  }\n\n  if (state.divider) {\n    state.divider.className = mergeClasses(referenceClassNames.divider, dividerBaseClassName, state.divider.className);\n  }\n\n  if (state.content) {\n    state.content.className = mergeClasses(referenceClassNames.content, contentBaseClassName, state.content.className);\n  }\n\n  if (state.graphic) {\n    state.graphic.className = mergeClasses(referenceClassNames.graphic, graphicBaseClassName, state.graphic.className);\n  }\n\n  return state;\n};\n"],"names":["referenceClassNames","referenceExtraClassNames","useReferenceStyles_unstable","alignItems","root","citation","divider","graphic","content","graphicChild","GRAPHIC_SIZE","useRootBaseClassName","makeResetStyles","__styles","backgroundColor","border","color","colorNeutralForeground2","display","__resetStyles","flexShrink","justifyContent","maxWidth","state","colorNeutralForeground2Hover","citationBaseClassName","tokens","contentBaseClassName","useContentBaseClassName","graphicBaseClassName","useGraphicBaseClassName","className","mergeClasses","rootBaseClassName","borderColor","colorNeutralStroke1Pressed","dividerBaseClassName","overflow","width"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAIaA,mBAAAA;eAAAA;;IAQAC,wBAAAA;eAAAA;;IAsBXC,2BAAU;eAAVA;;IAfAC,aAAY;eAAZA;;;iCAnB0E;AAIrE,MAAMH,sBAAsD;UACjEI;cACAC;aACAC;aACAC;aACAC;AACF;AAEO,MAAMP,2BAA2B;kBACtCQ;AACF;AAEA,MAAMC,eAAe;AAErB,MAAMC,uBAAuBC,IAAAA,8BAAAA,EAAAA,YAAgB,MAAA;IAAA;IAAA;IAAA;IAAA;IAAA;CAAA;AAC3CT,MAAAA,gBAAYU,IAAAA,yBAAA,EAAA;cACZC;QACAC,QAAQ;;;OAGRC;QAAAA;KAAcC;;MAEdC,2BAASC,IAAAA,8BAAA,EAAA,WAAA,MAAA;IAAA;CAAA;MACTC,0BAAYD,IAAAA,8BAAA,EAAA,YAAA,MAAA;IAAA;CAAA;MACZE,0BAAgBF,IAAAA,8BAAA,EAAA,WAAA,MAAA;IAAA;IAAA;CAAA;MAChBG,0BAAUH,IAAAA,8BAAA,EAAA,YAAA,MAAA;IAAA;CAAA;AAKV,MAAAjB,8BAAUqB,CAAAA;;UAGRP,oBAAcQ;UAEdC,wBAAOzB;iCACY0B;UACnBC,uBAAAC;UACFC,uBAAAC;UAEA1B,IAAA,CAAA2B,SAAiB,GAAAC,IAAAA,6BAAA,EAAAhC,oBAAAI,IAAA,EAAA6B,mBAAAV,MAAAnB,IAAA,CAAA2B,SAAA;cACfjB,QAAAA,EAAAA;cACAoB,QAAAA,CAAAA,SAAoBC,GAAAA,IAAAA,6BAAAA,EAAAA,oBAA0B9B,QAAA,EAAAoB,uBAAAF,MAAAlB,QAAA,CAAA0B,SAAA;;cAG5CzB,OAAKN,EAAAA;qBACLc,CAAAA,SAAAA,GAAiBY,IAAAA,6BAAOS,EAAAA,oBAA0B7B,OAAA,EAAA8B,sBAAAb,MAAAjB,OAAA,CAAAyB,SAAA;;QAEtDR,MAAAf,OAAA,EAAA;QACFe,MAAAf,OAAA,CAAAuB,SAAA,GAAAC,IAAAA,6BAAA,EAAAhC,oBAAAQ,OAAA,EAAAmB,sBAAAJ,MAAAf,OAAA,CAAAuB,SAAA;IAEA;QACEM,MAAAA,OAAU,EAAA;cACRC,OAAO,CAAAP,SAAA,GAAAC,IAAAA,6BAAA,EAAAhC,oBAAAO,OAAA,EAAAsB,sBAAAN,MAAAhB,OAAA,CAAAwB,SAAA;;IAEX,OAAGR;AAEH,wDACoC"}

package/lib-commonjs/components/reference-v2/ReferenceList/ReferenceList.types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ReferenceList.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-components';\nimport type { ReferenceListContextValue } from '../../../contexts/reference-v2/referenceListContext';\n\nexport type ReferenceListSlots = {\n  root: NonNullable<Slot<'div'>>;\n  showMoreButton?: Slot<'span'>;\n  showLessButton?: Slot<'span'>;\n};\n\nexport type ReferenceListProps = ComponentProps<ReferenceListSlots> & {\n  /**\n   * The maximum number of references to display before the overflow button is shown even if there is\n   * enough space available to show more.\n   * If not set, the overflow functionality will be disabled.\n   * @default undefined\n   */\n  maxVisibleReferences?: number;\n};\n\nexport type ReferenceListState = ComponentState<ReferenceListSlots> &\n  Pick<ReferenceListProps, 'maxVisibleReferences'> & {\n    areReferencesExpanded: boolean;\n    overflowButtonTriggeredViaKeyboard: React.MutableRefObject<boolean>;\n    referenceListRef: React.RefObject<HTMLDivElement>;\n    shouldUseOverflow: boolean;\n    totalReferencesCount: number;\n  };\n\nexport type ReferenceListContextValues = {\n  referenceList: ReferenceListContextValue;\n};\n"],"names":[],"rangeMappings":"","mappings":""}
+{"version":3,"sources":["ReferenceList.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-components';\nimport type { ReferenceListContextValue } from '../../../contexts/reference-v2/referenceListContext';\n\nexport type ReferenceListSlots = {\n  /** The root of the component that contains the list of references. */\n  root: NonNullable<Slot<'div'>>;\n\n  /** A space containing a button that expands the list of references. This slot is only rendered when the list of references is collapsed. */\n  showMoreButton?: Slot<'span'>;\n\n  /** A space containing a button that collapses the list of references. This slot is only rendered when the list of references is expanded. */\n  showLessButton?: Slot<'span'>;\n};\n\nexport type ReferenceListProps = ComponentProps<ReferenceListSlots> & {\n  /**\n   * The maximum number of references to display before the overflow button is shown even if there is\n   * enough space available to show more.\n   * If not set, the overflow functionality will be disabled.\n   * @default undefined\n   */\n  maxVisibleReferences?: number;\n};\n\nexport type ReferenceListState = ComponentState<ReferenceListSlots> &\n  Pick<ReferenceListProps, 'maxVisibleReferences'> & {\n    areReferencesExpanded: boolean;\n    overflowButtonTriggeredViaKeyboard: React.MutableRefObject<boolean>;\n    referenceListRef: React.RefObject<HTMLDivElement>;\n    shouldUseOverflow: boolean;\n    totalReferencesCount: number;\n  };\n\nexport type ReferenceListContextValues = {\n  referenceList: ReferenceListContextValue;\n};\n"],"names":[],"rangeMappings":"","mappings":""}

package/lib-commonjs/components/reference-v2/ReferenceList/useReferenceListStyles.styles.js

@@ -36,8 +36,8 @@ const useRootStyles = (0, _reactcomponents.__styles)({
         ".fni485r{flex-wrap:wrap;}"
     ]
 });
-const useOverflowButtonBaseClassName = (0, _reactcomponents.__resetStyles)("r6su6fj", null, [
-    ".r6su6fj{flex-shrink:0;}"
+const useOverflowButtonBaseClassName = (0, _reactcomponents.__resetStyles)("rulvm7g", null, [
+    ".rulvm7g{display:inline-flex;flex-shrink:0;}"
 ]);
 const useReferenceListStyles_unstable = (state)=>{
     'use no memo';

package/lib-commonjs/components/reference-v2/ReferenceList/useReferenceListStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useReferenceListStyles.styles.ts"],"sourcesContent":["import { makeResetStyles, makeStyles, mergeClasses, tokens } from '@fluentui/react-components';\nimport type { ReferenceListSlots, ReferenceListState } from './ReferenceList.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const referenceListClassNames: SlotClassNames<ReferenceListSlots> = {\n  root: 'fai-ReferenceList',\n  showMoreButton: 'fai-ReferenceList__showMoreButton',\n  showLessButton: 'fai-ReferenceList__showLessButton',\n};\n\n/**\n * Styles for the root slot\n */\nconst useRootBaseClassName = makeResetStyles({\n  display: 'flex',\n  flexDirection: 'row',\n  gap: `${tokens.spacingVerticalXS} ${tokens.spacingHorizontalXS}`,\n});\n\nconst useRootStyles = makeStyles({\n  referencesExpanded: {\n    flexWrap: 'wrap',\n  },\n});\n\nconst useOverflowButtonBaseClassName = makeResetStyles({\n  flexShrink: 0,\n});\n\n/**\n * Apply styling to the ReferenceList slots based on the state\n */\nexport const useReferenceListStyles_unstable = (state: ReferenceListState): ReferenceListState => {\n  'use no memo';\n\n  const { areReferencesExpanded, shouldUseOverflow } = state;\n\n  const rootBaseClassName = useRootBaseClassName();\n  const rootStyles = useRootStyles();\n  const overflowButtonBaseClassName = useOverflowButtonBaseClassName();\n\n  state.root.className = mergeClasses(\n    referenceListClassNames.root,\n    rootBaseClassName,\n    (areReferencesExpanded || !shouldUseOverflow) && rootStyles.referencesExpanded,\n    state.root.className,\n  );\n\n  if (state.showMoreButton) {\n    state.showMoreButton.className = mergeClasses(\n      referenceListClassNames.showMoreButton,\n      overflowButtonBaseClassName,\n      state.showMoreButton.className,\n    );\n  }\n\n  if (state.showLessButton) {\n    state.showLessButton.className = mergeClasses(\n      referenceListClassNames.showLessButton,\n      overflowButtonBaseClassName,\n      state.showLessButton.className,\n    );\n  }\n\n  return state;\n};\n"],"names":["referenceListClassNames","useReferenceListStyles_unstable","root","showMoreButton","showLessButton","display","__resetStyles","flexDirection","__styles","spacingVerticalXS","Eh141a","useOverflowButtonBaseClassName","state","areReferencesExpanded","shouldUseOverflow","rootBaseClassName","overflowButtonBaseClassName","className","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAIaA,uBAAAA;eAAAA;;IAyBbC,+BAAA;eAAAA;;;iCA7B0D;AAInD,MAAMD,0BAA8D;UACzEE;oBACAC;oBACAC;AACF;AAEA;;CAEC,SAECC,uBAASC,IAAAA,8BAAA,EAAA,WAAA,MAAA;IAAA;CAAA;MACTC,gBAAeC,IAAAA,yBAAA,EAAA;wBACAC;QACjBC,QAAA;IAEA;;;;KAEc;;AAEd,MAAAC,iCAAAL,IAAAA,8BAAA,EAAA,WAAA,MAAA;IAAA;CAAA;AAMA,MAAAL,kCAAAW,CAAAA;;UAIE,EAEAC,qBAAQA,EAERC,iBAAMC,KACNH;UACAG,oBAAMC;UAENJ,aAAWK;UAOPL,8BAAsBD;UACxBC,IAAAA,CAAAA,SAAMT,GAAAA,IAAAA,6BAAec,EAASjB,wBAC5BA,IAAAA,EAAAA,mBAAwBG,CAAAA,yBACxBa,CAAAA,iBACMb,KAAAA,WAAec,kBAAS,EAAAL,MAAAV,IAAA,CAAAe,SAAA;QAElCL,MAAAT,cAAA,EAAA;QAEAS,MAAIA,cAAMR,CAAAA,SAAgB,GAAAc,IAAAA,6BAAA,EAAAlB,wBAAAG,cAAA,EAAAa,6BAAAJ,MAAAT,cAAA,CAAAc,SAAA;;QAM1BL,MAAAR,cAAA,EAAA;QAEAQ,MAAAR,cAAOQ,CAAAA,SAAAA,GAAAA,IAAAA,6BAAAA,EAAAA,wBAAAA,cAAAA,EAAAA,6BAAAA,MAAAA,cAAAA,CAAAA,SAAAA;IACP"}
+{"version":3,"sources":["useReferenceListStyles.styles.ts"],"sourcesContent":["import { makeResetStyles, makeStyles, mergeClasses, tokens } from '@fluentui/react-components';\nimport type { ReferenceListSlots, ReferenceListState } from './ReferenceList.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const referenceListClassNames: SlotClassNames<ReferenceListSlots> = {\n  root: 'fai-ReferenceList',\n  showMoreButton: 'fai-ReferenceList__showMoreButton',\n  showLessButton: 'fai-ReferenceList__showLessButton',\n};\n\n/**\n * Styles for the root slot\n */\nconst useRootBaseClassName = makeResetStyles({\n  display: 'flex',\n  flexDirection: 'row',\n  gap: `${tokens.spacingVerticalXS} ${tokens.spacingHorizontalXS}`,\n});\n\nconst useRootStyles = makeStyles({\n  referencesExpanded: {\n    flexWrap: 'wrap',\n  },\n});\n\nconst useOverflowButtonBaseClassName = makeResetStyles({\n  display: 'inline-flex',\n  flexShrink: 0,\n});\n\n/**\n * Apply styling to the ReferenceList slots based on the state\n */\nexport const useReferenceListStyles_unstable = (state: ReferenceListState): ReferenceListState => {\n  'use no memo';\n\n  const { areReferencesExpanded, shouldUseOverflow } = state;\n\n  const rootBaseClassName = useRootBaseClassName();\n  const rootStyles = useRootStyles();\n  const overflowButtonBaseClassName = useOverflowButtonBaseClassName();\n\n  state.root.className = mergeClasses(\n    referenceListClassNames.root,\n    rootBaseClassName,\n    (areReferencesExpanded || !shouldUseOverflow) && rootStyles.referencesExpanded,\n    state.root.className,\n  );\n\n  if (state.showMoreButton) {\n    state.showMoreButton.className = mergeClasses(\n      referenceListClassNames.showMoreButton,\n      overflowButtonBaseClassName,\n      state.showMoreButton.className,\n    );\n  }\n\n  if (state.showLessButton) {\n    state.showLessButton.className = mergeClasses(\n      referenceListClassNames.showLessButton,\n      overflowButtonBaseClassName,\n      state.showLessButton.className,\n    );\n  }\n\n  return state;\n};\n"],"names":["referenceListClassNames","useReferenceListStyles_unstable","root","showMoreButton","showLessButton","display","__resetStyles","flexDirection","__styles","spacingVerticalXS","Eh141a","useOverflowButtonBaseClassName","state","areReferencesExpanded","shouldUseOverflow","rootBaseClassName","useRootStyles","rootStyles","overflowButtonBaseClassName","mergeClasses","referencesExpanded","className"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAIaA,uBAAAA;eAAAA;;IAwBbC,+BAAA;eAAAA;;;iCA5B0D;AAInD,MAAMD,0BAA8D;UACzEE;oBACAC;oBACAC;AACF;AAEA;;CAEC,SAECC,uBAASC,IAAAA,8BAAA,EAAA,WAAA,MAAA;IAAA;CAAA;MACTC,gBAAeC,IAAAA,yBAAA,EAAA;wBACAC;QACjBC,QAAA;IAEA;;;;KAEc;;AAEd,MAAAC,iCAAAL,IAAAA,8BAAA,EAAA,WAAA,MAAA;IAAA;CAAA;AAKA,MAAAL,kCAAAW,CAAAA;IAEA;IAEC,MACD,EACEC,qBAAA,EAEAC,iBAAQD,KAERD;UACAG,oBAAmBC;UACnBC,aAAMC;UAENN,8BAAuBO;UAOnBP,IAAAA,CAAAA,SAAMT,GAAAA,IAAAA,6BAAgB,EAAAH,wBAAAE,IAAA,EAAAa,mBAAA,AAAAF,CAAAA,yBAAA,CAAAC,iBAAA,KAAAG,WAAAG,kBAAA,EAAAR,MAAAV,IAAA,CAAAmB,SAAA;cACxBT,cAAMT,EAAc;QAKtBS,MAAAT,cAAA,CAAAkB,SAAA,GAAAF,IAAAA,6BAAA,EAAAnB,wBAAAG,cAAA,EAAAe,6BAAAN,MAAAT,cAAA,CAAAkB,SAAA;;cAGET,cAAMR,EAAc;QAKtBQ,MAAAR,cAAA,CAAAiB,SAAA,GAAAF,IAAAA,6BAAA,EAAAnB,wBAAAI,cAAA,EAAAc,6BAAAN,MAAAR,cAAA,CAAAiB,SAAA;;IAGA,OAAAT"}

package/lib-commonjs/components/reference-v2/ReferenceOverflowButton/ReferenceOverflowButton.types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ReferenceOverflowButton.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-components';\n\nexport type ReferenceOverflowButtonSlots = {\n  root: Slot<'button'>;\n};\n\n/**\n * ReferenceOverflowButton Props\n */\nexport type ReferenceOverflowButtonProps = ComponentProps<ReferenceOverflowButtonSlots> & {\n  text?: string | ((overflowCount: number) => React.ReactNode);\n};\n\n/**\n * State used in rendering ReferenceOverflowButton\n */\nexport type ReferenceOverflowButtonState = ComponentState<ReferenceOverflowButtonSlots> & {\n  shouldRenderOverflowButton: boolean;\n};\n"],"names":[],"rangeMappings":";;","mappings":"AAaA;;CAEC"}
+{"version":3,"sources":["ReferenceOverflowButton.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-components';\n\nexport type ReferenceOverflowButtonSlots = {\n  /** The root of the component that renders the overflow button. */\n  root: Slot<'button'>;\n};\n\n/**\n * ReferenceOverflowButton Props\n */\nexport type ReferenceOverflowButtonProps = ComponentProps<ReferenceOverflowButtonSlots> & {\n  /**\n   * The text that is displayed inside of the overflow button. This text is only displayed when `children` has not been passed to the component.\n   * If a string is passed, that is what is rendered verbatim.\n   * If a callback is passed, the callback is called with the number of items that are overflowing, and the result of the callback is rendered.\n   */\n  text?: string | ((overflowCount: number) => React.ReactNode);\n};\n\n/**\n * State used in rendering ReferenceOverflowButton\n */\nexport type ReferenceOverflowButtonState = ComponentState<ReferenceOverflowButtonSlots> & {\n  shouldRenderOverflowButton: boolean;\n};\n"],"names":[],"rangeMappings":";;","mappings":"AAmBA;;CAEC"}

package/lib-commonjs/components/reference-v2/ReferenceOverflowButton/useReferenceOverflowButtonStyles.styles.js

@@ -22,10 +22,10 @@ const referenceOverflowButtonClassNames = {
 };
 /**
  * Styles for the root slot
- */ const useRootBaseClassName = (0, _reactcomponents.__resetStyles)("rbsq19a", null, [
-    ".rbsq19a{background-color:var(--colorNeutralBackground3);border:var(--strokeWidthThin) solid var(--colorNeutralStroke2);border-radius:var(--borderRadiusMedium);color:var(--colorNeutralForeground2);display:inline-flex;padding:var(--spacingVerticalXXS) var(--spacingHorizontalS);font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase200);font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase200);}",
-    ".rbsq19a:hover{background-color:var(--colorNeutralBackground3Hover);border-color:var(--colorNeutralStroke1Hover);color:var(--colorNeutralForeground2Hover);}",
-    ".rbsq19a:hover:active{background-color:var(--colorNeutralBackground3Pressed);border-color:var(--colorNeutralStroke1Pressed);color:var(--colorNeutralForeground2Pressed);}"
+ */ const useRootBaseClassName = (0, _reactcomponents.__resetStyles)("r1xmbzvq", null, [
+    ".r1xmbzvq{align-items:center;background-color:var(--colorNeutralBackground3);border:var(--strokeWidthThin) solid var(--colorNeutralStroke2);border-radius:var(--borderRadiusMedium);color:var(--colorNeutralForeground2);display:inline-flex;justify-content:center;min-height:24px;padding:var(--spacingVerticalXXS) var(--spacingHorizontalS);font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase200);font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase200);}",
+    ".r1xmbzvq:hover{background-color:var(--colorNeutralBackground3Hover);border-color:var(--colorNeutralStroke1Hover);color:var(--colorNeutralForeground2Hover);}",
+    ".r1xmbzvq:hover:active{background-color:var(--colorNeutralBackground3Pressed);border-color:var(--colorNeutralStroke1Pressed);color:var(--colorNeutralForeground2Pressed);}"
 ]);
 const useReferenceOverflowButtonStyles_unstable = (state)=>{
     'use no memo';

package/lib-commonjs/components/reference-v2/ReferenceOverflowButton/useReferenceOverflowButtonStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useReferenceOverflowButtonStyles.styles.ts"],"sourcesContent":["import { makeResetStyles, mergeClasses, tokens, typographyStyles } from '@fluentui/react-components';\nimport type { ReferenceOverflowButtonSlots, ReferenceOverflowButtonState } from './ReferenceOverflowButton.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const referenceOverflowButtonClassNames: SlotClassNames<ReferenceOverflowButtonSlots> = {\n  root: 'fai-ReferenceOverflowButton',\n};\n\n/**\n * Styles for the root slot\n */\nconst useRootBaseClassName = makeResetStyles({\n  backgroundColor: tokens.colorNeutralBackground3,\n  border: `${tokens.strokeWidthThin} solid ${tokens.colorNeutralStroke2}`,\n  borderRadius: tokens.borderRadiusMedium,\n  color: tokens.colorNeutralForeground2,\n  display: 'inline-flex',\n  padding: `${tokens.spacingVerticalXXS} ${tokens.spacingHorizontalS}`,\n  ...typographyStyles.caption1,\n\n  ':hover': {\n    backgroundColor: tokens.colorNeutralBackground3Hover,\n    borderColor: tokens.colorNeutralStroke1Hover,\n    color: tokens.colorNeutralForeground2Hover,\n  },\n\n  ':hover:active': {\n    backgroundColor: tokens.colorNeutralBackground3Pressed,\n    borderColor: tokens.colorNeutralStroke1Pressed,\n    color: tokens.colorNeutralForeground2Pressed,\n  },\n});\n\n/**\n * Apply styling to the ReferenceOverflowButton slots based on the state\n */\nexport const useReferenceOverflowButtonStyles_unstable = (\n  state: ReferenceOverflowButtonState,\n): ReferenceOverflowButtonState => {\n  'use no memo';\n\n  const rootBaseClassName = useRootBaseClassName();\n\n  state.root.className = mergeClasses(referenceOverflowButtonClassNames.root, rootBaseClassName, state.root.className);\n\n  return state;\n};\n"],"names":["referenceOverflowButtonClassNames","useReferenceOverflowButtonStyles_unstable","root","backgroundColor","colorNeutralBackground3","display","state","rootBaseClassName","useRootBaseClassName","tokens","colorNeutralBackground3Hover","className","borderColor"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAIaA,iCAAAA;eAAAA;;IAYFC,yCAAA;eAAAA;;;iCAhBqD;AAIzD,MAAMD,oCAAkF;UAC7FE;AACF;AAEA;;CAEC,SAECC,uBAAwBC,IAAAA,8BAAAA,EAAAA,WAAuB,MAAA;IAAA;IAAA;IAAA;CAAA;AAI/CC,MAASJ,4CAAAK,CAAAA;;UAITC,oBAAUC;UACRL,IAAAA,CAAAA,SAAAA,GAAiBM,IAAAA,6BAAOC,EAAAA,kCAA4BR,IAAA,EAAAK,mBAAAD,MAAAJ,IAAA,CAAAS,SAAA;WACpDC;sEAEF"}
+{"version":3,"sources":["useReferenceOverflowButtonStyles.styles.ts"],"sourcesContent":["import { makeResetStyles, mergeClasses, tokens, typographyStyles } from '@fluentui/react-components';\nimport type { ReferenceOverflowButtonSlots, ReferenceOverflowButtonState } from './ReferenceOverflowButton.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const referenceOverflowButtonClassNames: SlotClassNames<ReferenceOverflowButtonSlots> = {\n  root: 'fai-ReferenceOverflowButton',\n};\n\n/**\n * Styles for the root slot\n */\nconst useRootBaseClassName = makeResetStyles({\n  alignItems: 'center',\n  backgroundColor: tokens.colorNeutralBackground3,\n  border: `${tokens.strokeWidthThin} solid ${tokens.colorNeutralStroke2}`,\n  borderRadius: tokens.borderRadiusMedium,\n  color: tokens.colorNeutralForeground2,\n  display: 'inline-flex',\n  justifyContent: 'center',\n  minHeight: '24px',\n  padding: `${tokens.spacingVerticalXXS} ${tokens.spacingHorizontalS}`,\n  ...typographyStyles.caption1,\n\n  ':hover': {\n    backgroundColor: tokens.colorNeutralBackground3Hover,\n    borderColor: tokens.colorNeutralStroke1Hover,\n    color: tokens.colorNeutralForeground2Hover,\n  },\n\n  ':hover:active': {\n    backgroundColor: tokens.colorNeutralBackground3Pressed,\n    borderColor: tokens.colorNeutralStroke1Pressed,\n    color: tokens.colorNeutralForeground2Pressed,\n  },\n});\n\n/**\n * Apply styling to the ReferenceOverflowButton slots based on the state\n */\nexport const useReferenceOverflowButtonStyles_unstable = (\n  state: ReferenceOverflowButtonState,\n): ReferenceOverflowButtonState => {\n  'use no memo';\n\n  const rootBaseClassName = useRootBaseClassName();\n\n  state.root.className = mergeClasses(referenceOverflowButtonClassNames.root, rootBaseClassName, state.root.className);\n\n  return state;\n};\n"],"names":["referenceOverflowButtonClassNames","tokens","root","alignItems","__resetStyles","color","state","minHeight","useRootBaseClassName","padding","className","spacingVerticalXXS","rootBaseClassName","typographyStyles"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAIaA,iCAAAA;eAAAA;;IAYJC,yCAA8B;eAA9BA;;;iCAhBuD;AAIzD,MAAMD,oCAAkF;UAC7FE;AACF;AAEA;;CAEC,SAECC,uBAAYC,IAAAA,8BAAA,EAAA,YAAA,MAAA;IAAA;IAAA;IAAA;CAAA;AAIZC,MAAOJ,4CAA8BK,CAAAA;;UAGrCC,oBAAWC;UACXC,IAAAA,CAASC,SAAGT,GAAOU,IAAAA,6BAAAA,EAAAA,kCAAiDT,IAAA,EAAAU,mBAAAN,MAAAJ,IAAA,CAAAQ,SAAA;WACjEG;sEAGmD"}

package/lib-commonjs/hooks/reference-v2/useReferenceCitationPreview.js

@@ -33,9 +33,9 @@ const CitationCloseButton = (citationCloseButtonProps)=>{
     });
 };
 const useReferenceCitationPreview = (props)=>{
-    const { citationPreviewProps, citationPreviewSurfaceProps, citationProps, index, previewContentProps, referencePreviewProps, referencePreviewSurfaceProps, referenceProps, sensitivityLabelProps } = props;
+    const { citationPreviewProps, citationPreviewSurfaceProps, citationProps, index, previewContentProps, previewHeaderProps, referencePreviewProps, referencePreviewSurfaceProps, referenceProps, sensitivityLabelProps } = props;
     const components = _react.useMemo(()=>{
-        const citationWithPreview = (props)=>{
+        const CitationWithPreview = (props)=>{
             var _previewContentProps_content;
             return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_reactpreview.Preview, {
                 closeOnScroll: true,
@@ -82,13 +82,13 @@ const useReferenceCitationPreview = (props)=>{
                 ]
             });
         };
-        const referenceWithPreview = (props)=>{
+        const ReferenceWithPreview = (props)=>{
             const mergedReferenceProps = {
                 citation: index,
                 ...referenceProps,
                 ...props
             };
-            var _previewContentProps_content;
+            var _previewHeaderProps_children, _previewContentProps_content;
             return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_reactpreview.Preview, {
                 closeOnScroll: true,
                 positioning: "below",
@@ -114,7 +114,8 @@ const useReferenceCitationPreview = (props)=>{
                                         children: index
                                     }),
                                     media: referenceProps === null || referenceProps === void 0 ? void 0 : referenceProps.graphic,
-                                    children: referenceProps === null || referenceProps === void 0 ? void 0 : referenceProps.children
+                                    ...previewHeaderProps,
+                                    children: (_previewHeaderProps_children = previewHeaderProps === null || previewHeaderProps === void 0 ? void 0 : previewHeaderProps.children) !== null && _previewHeaderProps_children !== void 0 ? _previewHeaderProps_children : referenceProps === null || referenceProps === void 0 ? void 0 : referenceProps.children
                                 }),
                                 /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactpreview.PreviewMetadata, {
                                     icon: previewContentProps === null || previewContentProps === void 0 ? void 0 : previewContentProps.icon,
@@ -133,14 +134,15 @@ const useReferenceCitationPreview = (props)=>{
             });
         };
         return {
-            Citation: citationWithPreview,
-            Reference: referenceWithPreview
+            Citation: CitationWithPreview,
+            Reference: ReferenceWithPreview
         };
     }, [
         citationPreviewProps,
         citationPreviewSurfaceProps,
         citationProps,
         index,
+        previewHeaderProps,
         referencePreviewProps,
         referencePreviewSurfaceProps,
         referenceProps,

package/lib-commonjs/hooks/reference-v2/useReferenceCitationPreview.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useReferenceCitationPreview.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport * as React from 'react';\n\nimport { mergeCallbacks, usePopoverContext_unstable } from '@fluentui/react-components';\n\nimport {\n  Preview,\n  PreviewContent,\n  PreviewHeader,\n  PreviewMetadata,\n  PreviewSurface,\n  PreviewTrigger,\n} from '@fluentui-copilot/react-preview';\nimport { SensitivityLabel } from '@fluentui-copilot/react-sensitivity-label';\nimport type {\n  PreviewHeaderProps,\n  PreviewMetadataProps,\n  PreviewProps,\n  PreviewSurfaceProps,\n} from '@fluentui-copilot/react-preview';\nimport type { SensitivityLabelProps } from '@fluentui-copilot/react-sensitivity-label';\n\nimport { Citation } from '../../Citation';\nimport { Reference } from '../../ReferenceV2';\nimport type { CitationProps } from '../../Citation';\nimport type { ReferenceProps } from '../../ReferenceV2';\n\nexport type PackagedCitation = React.FC<CitationProps>;\n\nexport type PackagedReference = React.FC<ReferenceProps>;\n\nexport type PackagedPreviewContentProps = Pick<\n  PreviewMetadataProps,\n  'icon' | 'primaryText' | 'secondaryText' | 'tertiaryText'\n> & {\n  content?: React.ReactNode;\n};\n\nexport type UseReferenceCitationPreviewProps = {\n  citationPreviewProps?: PreviewProps;\n  citationPreviewSurfaceProps?: PreviewSurfaceProps;\n  citationProps?: CitationProps;\n  index: number;\n  previewContentProps?: PackagedPreviewContentProps;\n  referencePreviewProps?: PreviewProps;\n  referencePreviewSurfaceProps?: PreviewSurfaceProps;\n  referenceProps?: ReferenceProps;\n  sensitivityLabelProps?: SensitivityLabelProps;\n};\n\nexport type UseReferenceCitationPreview = (props: UseReferenceCitationPreviewProps) => {\n  Citation: PackagedCitation;\n  Reference: PackagedReference;\n};\n\n// Abstract the citation that serves as the close button of the Preview into its own component so that we have access to the popover context.\nconst CitationCloseButton = (citationCloseButtonProps: CitationProps) => {\n  const setPopoverOpen = usePopoverContext_unstable(context => context.setOpen);\n\n  const onPopoverCloseClick = React.useCallback<NonNullable<CitationProps['onClick']>>(\n    ev => {\n      setPopoverOpen(ev, false);\n\n      // Don't navigate\n      ev.preventDefault();\n    },\n    [setPopoverOpen],\n  );\n\n  const onCitationCloseButtonClick = mergeCallbacks(onPopoverCloseClick, citationCloseButtonProps.onClick);\n\n  return <Citation {...citationCloseButtonProps} onClick={onCitationCloseButtonClick} />;\n};\n\nexport const useReferenceCitationPreview: UseReferenceCitationPreview = props => {\n  const {\n    citationPreviewProps,\n    citationPreviewSurfaceProps,\n    citationProps,\n    index,\n    previewContentProps,\n    referencePreviewProps,\n    referencePreviewSurfaceProps,\n    referenceProps,\n    sensitivityLabelProps,\n  } = props;\n\n  const components = React.useMemo(() => {\n    const citationWithPreview: PackagedCitation = props => {\n      return (\n        <Preview closeOnScroll positioning=\"below\" size=\"small\" trapFocus withArrow {...citationPreviewProps}>\n          <PreviewTrigger>\n            <Citation {...citationProps} {...props}>\n              {index}\n            </Citation>\n          </PreviewTrigger>\n          <PreviewSurface {...citationPreviewSurfaceProps}>\n            <PreviewContent>\n              <PreviewHeader\n                citation={\n                  <CitationCloseButton aria-label={`Reference ${index}, close`} referenceHref=\"#\" tabIndex={-1}>\n                    {index}\n                  </CitationCloseButton>\n                }\n                media={referenceProps?.graphic as PreviewHeaderProps['media']}\n              >\n                {referenceProps?.children}\n              </PreviewHeader>\n              <PreviewMetadata\n                icon={previewContentProps?.icon}\n                primaryText={previewContentProps?.primaryText}\n                secondaryText={previewContentProps?.secondaryText}\n                tertiaryText={previewContentProps?.tertiaryText}\n              />\n              {sensitivityLabelProps && <SensitivityLabel {...sensitivityLabelProps} />}\n              {previewContentProps?.content ?? citationPreviewProps?.children}\n            </PreviewContent>\n          </PreviewSurface>\n        </Preview>\n      );\n    };\n\n    const referenceWithPreview: PackagedReference = props => {\n      const mergedReferenceProps = {\n        citation: index,\n        ...referenceProps,\n        ...props,\n      } as ReferenceProps;\n\n      return (\n        <Preview closeOnScroll positioning=\"below\" size=\"small\" trapFocus withArrow {...referencePreviewProps}>\n          <PreviewTrigger>\n            <Reference {...mergedReferenceProps} />\n          </PreviewTrigger>\n          <PreviewSurface {...referencePreviewSurfaceProps}>\n            <PreviewContent>\n              <PreviewHeader\n                citation={\n                  <CitationCloseButton aria-label={`Reference ${index}, close`} referenceHref=\"#\" tabIndex={-1}>\n                    {index}\n                  </CitationCloseButton>\n                }\n                media={referenceProps?.graphic as PreviewHeaderProps['media']}\n              >\n                {referenceProps?.children}\n              </PreviewHeader>\n              <PreviewMetadata\n                icon={previewContentProps?.icon}\n                primaryText={previewContentProps?.primaryText}\n                secondaryText={previewContentProps?.secondaryText}\n                tertiaryText={previewContentProps?.tertiaryText}\n              />\n              {sensitivityLabelProps && <SensitivityLabel {...sensitivityLabelProps} />}\n              {previewContentProps?.content ?? referencePreviewProps?.children}\n            </PreviewContent>\n          </PreviewSurface>\n        </Preview>\n      );\n    };\n\n    return {\n      Citation: citationWithPreview,\n      Reference: referenceWithPreview,\n    };\n  }, [\n    citationPreviewProps,\n    citationPreviewSurfaceProps,\n    citationProps,\n    index,\n    referencePreviewProps,\n    referencePreviewSurfaceProps,\n    referenceProps,\n    previewContentProps,\n    sensitivityLabelProps,\n  ]);\n\n  return components;\n};\n"],"names":["CitationCloseButton","citationCloseButtonProps","setPopoverOpen","usePopoverContext_unstable","context","setOpen","onPopoverCloseClick","React","useCallback","ev","preventDefault","_jsx","Citation","onCitationCloseButtonClick","onClick","citationPreviewProps","useReferenceCitationPreview","citationPreviewSurfaceProps","citationProps","components","previewContentProps","positioning","withArrow","useMemo","PreviewTrigger","PreviewSurface","aria-label","referenceHref","index","referenceProps","primaryText","secondaryText","sensitivityLabelProps","SensitivityLabel","referenceWithPreview","mergedReferenceProps","citation","_jsxs","Preview","closeOnScroll","trapFocus","referencePreviewProps","Reference","referencePreviewSurfaceProps","PreviewContent","tabIndex","graphic","children","PreviewMetadata","_previewContentProps_content"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;4BACA;iEAEuB;iCAEoC;8BASpD;uCAC0B;0BASR;6BACC;AAgC1B,6IAA6I;AAC7I,MAAMA,sBAAsBC,CAAAA;UAC1BC,iBAAMA,IAAAA,2CAAiBC,EAAAA,CAAAA,UAA2BC,QAAWA,OAAQC;UAErEC,sBAAMA,OAAsBC,WAAMC,CAAAA,CAAAA;uBAE9BN,IAAeO;yBAEf;yBACGC;OACL;QAAAR;KACA;UAACA,6BAAAA,IAAAA,+BAAAA,EAAAA,qBAAAA,yBAAAA,OAAAA;WAAe,WAAA,GAAAS,IAAAA,eAAA,EAAAC,kBAAA,EAAA;QAGlB,GAAAX,wBAAMY;QAENC,SAAAD;;;;IACF,MAAA,EAEAE,oBAAaC,EACXC,2BACEF,EAWFG,aAAMC,OACJ,qBA2BWC,uBA1BT,8BACwB,gBAACC,uBAAyB;uBAAkBC,OAASC,OAAA,CAAA;oCAAKR,CAAAA;;4EAC7ES,EAAAA;;;;;;;;qDAKD,EAAAA,4BAACC,EAAAA;6CAAmBR,GAAAA,IAAAA,eAAAA,EAAAA,kBAAAA,EAAAA;;;;;;mFAISS,EAAAA;sDAAyCC;kGAA6B,EAAA;;8FACxFC,EAAAA;;iEAGA,EAAEC,MAAAA,OAAAA,CAAAA;;;;;8DAMPC,QAAWD,mBAAET,KAAAA,IAAAA,KAAAA,IAAAA,eAAAA,OAAAA;iEACbW,QAAeX,mBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,eAAAA,QAAAA;;gGACH,EAAEA;;yEAEfY,QAAAA,wBAA0BC,KAAAA,IAAAA,KAAAA,IAAAA,oBAAAA,WAAAA;2EAAqBD,QAAqBZ,wBAAA,KAAA,IAAA,KAAA,IAAAA,oBAAAW,aAAA;;;yDACpEX,WAAAA,GAAAA,IAAAA,eAAAA,EAAAA,uCAAAA,EAAAA;;;;;;;;;;cAOXc,uBAAMA,CAAAA;kBACJC,uBAAMA;0BACJC;iCACGP;wBACH;;;mBAGF,WAAA,GAAAQ,IAAAA,gBAAA,EAAAC,qBACGA,EAAAA;+BAAQC;6BAAclB;;2BAAiCmB;2BAAUlB;wCAAcmB;;;mEAC9E,EAAAC,sBAAClB,EAAAA;mDACC;;;;;oEAEF,EAACC,4BAAAA,EAAAA;;2CAAmBkB,GAAAA,IAAAA,eAAAA,EAAAA,2BAAAA,EAA4B;yDAC9C,GAAAhC,IAAAA,eAAA,EAAAX,qBAAC4C;;;;;;8DAGqFC,QAAAA,mBAAW,KAAA,IAAA,KAAA,IAAAhB,eAAAiB,OAAA;yEACxFlB,mBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,eAAAA,QAAAA;;;kEAGEC,QAAAA,wBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,oBAAAA,IAAAA;yEAENA,QAAAA,wBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,oBAAAA,WAAgBkB;;0EAElBC,QAAAA,wBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,oBAAAA,YAAAA;;yDACK,WAAE5B,GAAAA,IAAAA,eAAAA,EAAAA,uCAAAA,EAAAA;4DACNU;;gEACAC,wBAAeX,QAAAA,wBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,oBAAAA,OAAqBW,MAAAA,QAAakB,iCAAA,KAAA,IAAAA,+BAAAR,0BAAA,QAAAA,0BAAA,KAAA,IAAA,KAAA,IAAAA,sBAAAM,QAAA;6BAAA;;;;;;;;;;;;;;;;;;;;;;0DAS7D"}
+{"version":3,"sources":["useReferenceCitationPreview.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport * as React from 'react';\n\nimport { mergeCallbacks, usePopoverContext_unstable } from '@fluentui/react-components';\n\nimport {\n  Preview,\n  PreviewContent,\n  PreviewHeader,\n  PreviewMetadata,\n  PreviewSurface,\n  PreviewTrigger,\n} from '@fluentui-copilot/react-preview';\nimport { SensitivityLabel } from '@fluentui-copilot/react-sensitivity-label';\nimport type {\n  PreviewHeaderProps,\n  PreviewMetadataProps,\n  PreviewProps,\n  PreviewSurfaceProps,\n} from '@fluentui-copilot/react-preview';\nimport type { SensitivityLabelProps } from '@fluentui-copilot/react-sensitivity-label';\n\nimport { Citation } from '../../Citation';\nimport { Reference } from '../../ReferenceV2';\nimport type { CitationProps } from '../../Citation';\nimport type { ReferenceProps } from '../../ReferenceV2';\n\nexport type PackagedCitation = React.FC<CitationProps>;\n\nexport type PackagedReference = React.FC<ReferenceProps>;\n\nexport type PackagedPreviewContentProps = Pick<\n  PreviewMetadataProps,\n  'icon' | 'primaryText' | 'secondaryText' | 'tertiaryText'\n> & {\n  content?: React.ReactNode;\n};\n\nexport type UseReferenceCitationPreviewProps = {\n  citationPreviewProps?: PreviewProps;\n  citationPreviewSurfaceProps?: PreviewSurfaceProps;\n  citationProps?: CitationProps;\n  index: number;\n  previewContentProps?: PackagedPreviewContentProps;\n  previewHeaderProps?: PreviewHeaderProps;\n  referencePreviewProps?: PreviewProps;\n  referencePreviewSurfaceProps?: PreviewSurfaceProps;\n  referenceProps?: ReferenceProps;\n  sensitivityLabelProps?: SensitivityLabelProps;\n};\n\nexport type UseReferenceCitationPreview = (props: UseReferenceCitationPreviewProps) => {\n  Citation: PackagedCitation;\n  Reference: PackagedReference;\n};\n\n// Abstract the citation that serves as the close button of the Preview into its own component so that we have access to the popover context.\nconst CitationCloseButton = (citationCloseButtonProps: CitationProps) => {\n  const setPopoverOpen = usePopoverContext_unstable(context => context.setOpen);\n\n  const onPopoverCloseClick = React.useCallback<NonNullable<CitationProps['onClick']>>(\n    ev => {\n      setPopoverOpen(ev, false);\n\n      // Don't navigate\n      ev.preventDefault();\n    },\n    [setPopoverOpen],\n  );\n\n  const onCitationCloseButtonClick = mergeCallbacks(onPopoverCloseClick, citationCloseButtonProps.onClick);\n\n  return <Citation {...citationCloseButtonProps} onClick={onCitationCloseButtonClick} />;\n};\n\nexport const useReferenceCitationPreview: UseReferenceCitationPreview = props => {\n  const {\n    citationPreviewProps,\n    citationPreviewSurfaceProps,\n    citationProps,\n    index,\n    previewContentProps,\n    previewHeaderProps,\n    referencePreviewProps,\n    referencePreviewSurfaceProps,\n    referenceProps,\n    sensitivityLabelProps,\n  } = props;\n\n  const components = React.useMemo(() => {\n    const CitationWithPreview: PackagedCitation = props => {\n      return (\n        <Preview closeOnScroll positioning=\"below\" size=\"small\" trapFocus withArrow {...citationPreviewProps}>\n          <PreviewTrigger>\n            <Citation {...citationProps} {...props}>\n              {index}\n            </Citation>\n          </PreviewTrigger>\n          <PreviewSurface {...citationPreviewSurfaceProps}>\n            <PreviewContent>\n              <PreviewHeader\n                citation={\n                  <CitationCloseButton aria-label={`Reference ${index}, close`} referenceHref=\"#\" tabIndex={-1}>\n                    {index}\n                  </CitationCloseButton>\n                }\n                media={referenceProps?.graphic as PreviewHeaderProps['media']}\n              >\n                {referenceProps?.children}\n              </PreviewHeader>\n              <PreviewMetadata\n                icon={previewContentProps?.icon}\n                primaryText={previewContentProps?.primaryText}\n                secondaryText={previewContentProps?.secondaryText}\n                tertiaryText={previewContentProps?.tertiaryText}\n              />\n              {sensitivityLabelProps && <SensitivityLabel {...sensitivityLabelProps} />}\n              {previewContentProps?.content ?? citationPreviewProps?.children}\n            </PreviewContent>\n          </PreviewSurface>\n        </Preview>\n      );\n    };\n\n    const ReferenceWithPreview: PackagedReference = props => {\n      const mergedReferenceProps = {\n        citation: index,\n        ...referenceProps,\n        ...props,\n      } as ReferenceProps;\n\n      return (\n        <Preview closeOnScroll positioning=\"below\" size=\"small\" trapFocus withArrow {...referencePreviewProps}>\n          <PreviewTrigger>\n            <Reference {...mergedReferenceProps} />\n          </PreviewTrigger>\n          <PreviewSurface {...referencePreviewSurfaceProps}>\n            <PreviewContent>\n              <PreviewHeader\n                citation={\n                  <CitationCloseButton aria-label={`Reference ${index}, close`} referenceHref=\"#\" tabIndex={-1}>\n                    {index}\n                  </CitationCloseButton>\n                }\n                media={referenceProps?.graphic as PreviewHeaderProps['media']}\n                {...previewHeaderProps}\n              >\n                {previewHeaderProps?.children ?? referenceProps?.children}\n              </PreviewHeader>\n              <PreviewMetadata\n                icon={previewContentProps?.icon}\n                primaryText={previewContentProps?.primaryText}\n                secondaryText={previewContentProps?.secondaryText}\n                tertiaryText={previewContentProps?.tertiaryText}\n              />\n              {sensitivityLabelProps && <SensitivityLabel {...sensitivityLabelProps} />}\n              {previewContentProps?.content ?? referencePreviewProps?.children}\n            </PreviewContent>\n          </PreviewSurface>\n        </Preview>\n      );\n    };\n\n    return {\n      Citation: CitationWithPreview,\n      Reference: ReferenceWithPreview,\n    };\n  }, [\n    citationPreviewProps,\n    citationPreviewSurfaceProps,\n    citationProps,\n    index,\n    previewHeaderProps,\n    referencePreviewProps,\n    referencePreviewSurfaceProps,\n    referenceProps,\n    previewContentProps,\n    sensitivityLabelProps,\n  ]);\n\n  return components;\n};\n"],"names":["CitationCloseButton","citationCloseButtonProps","setPopoverOpen","usePopoverContext_unstable","context","setOpen","onPopoverCloseClick","React","useCallback","ev","preventDefault","_jsx","Citation","onCitationCloseButtonClick","onClick","citationPreviewProps","useReferenceCitationPreview","citationPreviewSurfaceProps","citationProps","components","previewContentProps","closeOnScroll","size","referenceHref","tabIndex","index","media","referenceProps","secondaryText","tertiaryText","sensitivityLabelProps","SensitivityLabel","primaryText","mergedReferenceProps","Preview","positioning","withArrow","referencePreviewProps","PreviewTrigger","Reference","PreviewSurface","referencePreviewSurfaceProps","PreviewHeader","PreviewContent","graphic","children","_previewHeaderProps_children","previewHeaderProps","PreviewMetadata","_previewContentProps_content"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;4BACA;iEAEuB;iCAEoC;8BASpD;uCAC0B;0BASR;6BACC;AAiC1B,6IAA6I;AAC7I,MAAMA,sBAAsBC,CAAAA;UAC1BC,iBAAMA,IAAAA,2CAAiBC,EAAAA,CAAAA,UAA2BC,QAAWA,OAAQC;UAErEC,sBAAMA,OAAsBC,WAAMC,CAAAA,CAAAA;uBAE9BN,IAAeO;yBAEf;yBACGC;OACL;QAAAR;KACA;UAACA,6BAAAA,IAAAA,+BAAAA,EAAAA,qBAAAA,yBAAAA,OAAAA;WAAe,WAAA,GAAAS,IAAAA,eAAA,EAAAC,kBAAA,EAAA;QAGlB,GAAAX,wBAAMY;QAENC,SAAAD;;;;IACF,MAAA,EAEAE,oBAAaC,EACXC,2BACEF,EAYFG,aAAMC,OACJ,qBA2BWC,oBA1BT,uBACWC,8BAA0B,gBAAQC,uBAAsB;uBAAeP,OAAAA,OAAAA,CAAAA;;;4EAE5E,EAAA;;;;;;;;+BAIkBE,GAAAA,IAAAA,eAAAA,EAAAA,4BAAAA,EAAAA;mEAClB,EAAAL,kBAAA,EAAA;;;;;;mFAGoEW,EAAAA;sDAAkBC;kGAC7EC,EAAAA;;;4DAGLC,IAAAA,eAAK,EAAA1B,qBAAE2B;yEAENA,OAAAA,CAAAA;;;;;8DAKDC,QAAAA,mBAAeR,KAAAA,IAAAA,KAAAA,IAAAA,eAAAA,OAAAA;iEACfS,QAAcT,mBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,eAAAA,QAAAA;;;kEAEfU,QAAAA,wBAA0BC,KAAAA,IAAAA,KAAAA,IAAAA,oBAAAA,IAAAA;yEAAqBD,QAAAA,wBAAqB,KAAA,IAAA,KAAA,IAAAV,oBAAAY,WAAA;;0EACpEZ,QAAAA,wBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,oBAAAA,YAAAA;;;;;;;;;;;;qCAQHa,CAAAA;yCACMR;0BACVA;iCACQ;wBACV;;8CAGGS;8BAAQb,GAAAA,IAAAA,gBAAa,EAAAa,qBAAA,EAAA;+BAACC;6BAAoBb;;2BAAuBc;2BAAcC;;;qDAC9E,EAAAC,4BAACA,EAAAA;mEACC,EAAAC,sBAAA,EAAA;mDAAeN;;;;uDAEhBO;6CAAmBC,GAAAA,IAAAA,gBAAAA,EAAAA,4BAAAA,EAA4B;;2CAC9C,GAAA9B,IAAAA,eAAA,EAAA+B,2BAACC,EAAAA;;yEACC,OAACD,CAAAA;;;;;yFAGMjB,KAAAA,IAAAA,KAAAA,IAAAA,eAAAA,OAAAA;;8EAGEE,uBAAAA,QAAAA,uBAAAA,KAAAA,IAAAA,KAAgBiB,IAAAA,mBAAOC,QAAA,MAAA,QAAAC,iCAAA,KAAA,IAAAA,+BAAAnB,mBAAA,QAAAA,mBAAA,KAAA,IAAA,KAAA,IAAAA,eAAAkB,QAAA;;gGAC1BE,EAAAA;0EAEHA,wBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,oBAAAA,IAAAA;;2EAEFC,QAAAA,wBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,oBAAAA,aAAAA;0EACO5B,QAAAA,wBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,oBAAAA,YAAAA;;yDACNY,WAAaZ,GAAAA,IAAAA,eAAAA,EAAAA,uCAAAA,EAAAA;4DACbQ;;gEACYR,wBAAEA,QAAAA,wBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,oBAAAA,OAAqBS,MAAAA,QAAYoB,iCAAA,KAAA,IAAAA,+BAAAZ,0BAAA,QAAAA,0BAAA,KAAA,IAAA,KAAA,IAAAA,sBAAAQ,QAAA;6BAAA;;;;;;;;;;;;;;;;;;;;;;;0DAUpD"}

package/lib-commonjs/hooks/useReferenceCitationPreview.js

@@ -32,7 +32,7 @@ const CitationCloseButton = (citationCloseButtonProps)=>{
         onClick: onCitationCloseButtonClick
     });
 };
-const useReferenceCitationPreview = ({ index, referenceId: propsRefId, citationId: propsCiteId, citationProps, referenceProps, previewProps, previewSurfaceProps, sensitivityLabelProps })=>{
+const useReferenceCitationPreview = ({ index, referenceId: propsRefId, citationId: propsCiteId, citationProps, referenceProps, previewHeaderProps, previewProps, previewSurfaceProps, sensitivityLabelProps })=>{
     const refId = (0, _reactcomponents.useId)();
     const citeId = (0, _reactcomponents.useId)();
     const referenceId = propsRefId !== null && propsRefId !== void 0 ? propsRefId : refId;
@@ -74,7 +74,7 @@ const useReferenceCitationPreview = ({ index, referenceId: propsRefId, citationI
             const title = _reactcomponents.slot.optional(referenceProps === null || referenceProps === void 0 ? void 0 : referenceProps.label, {
                 elementType: 'div'
             });
-            var _sensitivityLabelProps_description;
+            var _previewHeaderProps_children, _sensitivityLabelProps_description, _previewSurfaceProps_children;
             return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_reactpreview.Preview, {
                 closeOnScroll: true,
                 positioning: "below",
@@ -103,7 +103,8 @@ const useReferenceCitationPreview = ({ index, referenceId: propsRefId, citationI
                                         children: index
                                     }),
                                     media: referenceProps === null || referenceProps === void 0 ? void 0 : referenceProps.media,
-                                    children: title === null || title === void 0 ? void 0 : title.children
+                                    ...previewHeaderProps,
+                                    children: (_previewHeaderProps_children = previewHeaderProps === null || previewHeaderProps === void 0 ? void 0 : previewHeaderProps.children) !== null && _previewHeaderProps_children !== void 0 ? _previewHeaderProps_children : title === null || title === void 0 ? void 0 : title.children
                                 }),
                                 /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactpreview.PreviewMetadata, {
                                     icon: referenceProps === null || referenceProps === void 0 ? void 0 : referenceProps.icon,
@@ -116,7 +117,7 @@ const useReferenceCitationPreview = ({ index, referenceId: propsRefId, citationI
                                     children: sensitivity.children
                                 }),
                                 /*#__PURE__*/ (0, _jsxruntime.jsx)(citationWithPreviewState.content, {}),
-                                previewProps === null || previewProps === void 0 ? void 0 : previewProps.children
+                                (_previewSurfaceProps_children = previewSurfaceProps === null || previewSurfaceProps === void 0 ? void 0 : previewSurfaceProps.children) !== null && _previewSurfaceProps_children !== void 0 ? _previewSurfaceProps_children : previewProps === null || previewProps === void 0 ? void 0 : previewProps.children
                             ]
                         })
                     })
@@ -133,6 +134,7 @@ const useReferenceCitationPreview = ({ index, referenceId: propsRefId, citationI
         citationId,
         referenceProps,
         citationProps,
+        previewHeaderProps,
         previewProps,
         previewSurfaceProps,
         sensitivityLabelProps

package/lib-commonjs/hooks/useReferenceCitationPreview.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useReferenceCitationPreview.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport * as React from 'react';\nimport {\n  Caption1,\n  assertSlots,\n  mergeCallbacks,\n  slot,\n  useId,\n  usePopoverContext_unstable,\n} from '@fluentui/react-components';\nimport type { Slot } from '@fluentui/react-components';\n\nimport {\n  Preview,\n  PreviewContent,\n  PreviewHeader,\n  PreviewMetadata,\n  PreviewSurface,\n  PreviewTrigger,\n} from '@fluentui-copilot/react-preview';\nimport { SensitivityLabel } from '@fluentui-copilot/react-sensitivity-label';\nimport type { PreviewProps, PreviewSurfaceProps } from '@fluentui-copilot/react-preview';\nimport type { SensitivityLabelProps } from '@fluentui-copilot/react-sensitivity-label';\n\nimport { Citation } from '../Citation';\nimport { Reference } from '../Reference';\nimport type { CitationProps } from '../Citation';\nimport type { ReferenceProps } from '../Reference';\n\n/**\n * Props for a \"packaged Citation\". A packaged Citation is a `Citation` that is\n * pre-packaged with props set by the `useReferenceCitation` hook.\n */\nexport type PackagedCitationProps = Omit<CitationProps, 'referenceHref'> &\n  Partial<Pick<CitationProps, 'referenceHref'>>;\n\n/**\n * A \"packaged Citation\". A packaged Citation is a `Citation` that is\n * pre-packaged with props set by the `useReferenceCitation` hook.\n */\nexport type PackagedCitation = React.FC<PackagedCitationProps>;\n\ntype PartialReferenceProps = 'citationHref' | 'index' | 'referenceId';\n\n/**\n * Props for a \"packaged Reference\". A packaged Reference is a `Reference` that is\n * pre-packaged with props set by the `useReferenceCitation` hook.\n */\nexport type PackagedReferenceProps = Omit<ReferenceProps, PartialReferenceProps> &\n  Partial<Pick<ReferenceProps, PartialReferenceProps>>;\n\n/**\n * A \"packaged Reference\". A packaged Reference is a `Reference` that is\n * pre-packaged with props set by the `useReferenceCitation` hook.\n */\nexport type PackagedReference = React.FC<PackagedReferenceProps>;\n\n/**\n * Data used to package a `Citation` and `Reference` together with\n * the `useReferenceCitation` hook.\n */\nexport type ReferenceCitationData = {\n  index: number;\n  referenceId?: string;\n  citationId?: string;\n  citationProps?: PackagedCitationProps;\n  referenceProps?: PackagedReferenceProps;\n  previewProps?: PreviewProps;\n  previewSurfaceProps?: PreviewSurfaceProps;\n  sensitivityLabelProps?: SensitivityLabelProps;\n};\n\nexport type UseReferenceCitationPreview = (data: ReferenceCitationData) => {\n  Citation: PackagedCitation;\n  Reference: PackagedReference;\n};\n\ntype PreviewExtraSlots = {\n  content: Slot<'div'>;\n};\n\n// Abstract the citation that serves as the close button of the Preview into its own component so that we have access to the popover context.\nconst CitationCloseButton = (citationCloseButtonProps: CitationProps) => {\n  const setPopoverOpen = usePopoverContext_unstable(context => context.setOpen);\n\n  const onPopoverCloseClick = React.useCallback<NonNullable<CitationProps['onClick']>>(\n    ev => {\n      setPopoverOpen(ev, false);\n\n      // Don't navigate\n      ev.preventDefault();\n    },\n    [setPopoverOpen],\n  );\n\n  const onCitationCloseButtonClick = mergeCallbacks(onPopoverCloseClick, citationCloseButtonProps.onClick);\n\n  return <Citation {...citationCloseButtonProps} onClick={onCitationCloseButtonClick} />;\n};\n\n/**\n * Hook to package a `Citation` and `Reference` together in an\n * accessibly by default manner.\n *\n * When using citations and references, prefer using them via this\n * hook to ensure props are wired up correctly.\n */\nexport const useReferenceCitationPreview: UseReferenceCitationPreview = ({\n  index,\n  referenceId: propsRefId,\n  citationId: propsCiteId,\n  citationProps,\n  referenceProps,\n  previewProps,\n  previewSurfaceProps,\n  sensitivityLabelProps,\n}) => {\n  const refId = useId();\n  const citeId = useId();\n\n  const referenceId = propsRefId ?? refId;\n  const citationId = propsCiteId ?? citeId;\n\n  const components = React.useMemo(() => {\n    const citationHref = `#${citationId}`;\n\n    const PackagedReference: PackagedReference = props => {\n      const referenceIndex = props.index ?? referenceProps?.index ?? index;\n\n      return (\n        <Reference\n          {...referenceProps}\n          index={referenceIndex}\n          referenceId={referenceId}\n          citationHref={citationHref}\n          {...props}\n        />\n      );\n    };\n\n    const CitationWithPreview: PackagedCitation = props => {\n      // We assert content as a slot to use it with its resolved props object and the correct defaults below.\n      const content = slot.always(referenceProps ? referenceProps.content : undefined, {\n        defaultProps: {\n          children: referenceProps?.excerpt && <Caption1>{referenceProps.excerpt}</Caption1>,\n        },\n        elementType: 'div',\n      });\n      const citationWithPreviewState = {\n        components: {\n          content: 'div',\n        },\n        content,\n      };\n      assertSlots<PreviewExtraSlots>(citationWithPreviewState);\n\n      // We resolve the slots' objects for sensitivity and title here so that we can use the information from their children below.\n      const sensitivity = slot.optional(referenceProps?.sensitivity, { elementType: 'span' });\n      const title = slot.optional(referenceProps?.label, { elementType: 'div' });\n\n      return (\n        <Preview closeOnScroll positioning=\"below\" size=\"small\" trapFocus withArrow {...previewProps}>\n          <PreviewTrigger>\n            <Citation {...citationProps} id={citationId} {...props}>\n              {index}\n            </Citation>\n          </PreviewTrigger>\n          <PreviewSurface {...previewSurfaceProps}>\n            <PreviewContent>\n              <PreviewHeader\n                citation={\n                  <CitationCloseButton aria-label={`Reference ${index}, close`} referenceHref=\"#\" tabIndex={-1}>\n                    {index}\n                  </CitationCloseButton>\n                }\n                media={referenceProps?.media}\n              >\n                {title?.children}\n              </PreviewHeader>\n              <PreviewMetadata\n                icon={referenceProps?.icon}\n                primaryText={referenceProps?.primaryText}\n                secondaryText={referenceProps?.secondaryText}\n                tertiaryText={referenceProps?.tertiaryText}\n              />\n              {sensitivity && (\n                <SensitivityLabel description={sensitivityLabelProps?.description ?? ''}>\n                  {sensitivity.children}\n                </SensitivityLabel>\n              )}\n              <citationWithPreviewState.content />\n              {previewProps?.children}\n            </PreviewContent>\n          </PreviewSurface>\n        </Preview>\n      );\n    };\n\n    return {\n      Citation: CitationWithPreview,\n      Reference: PackagedReference,\n    };\n  }, [\n    index,\n    referenceId,\n    citationId,\n    referenceProps,\n    citationProps,\n    previewProps,\n    previewSurfaceProps,\n    sensitivityLabelProps,\n  ]);\n\n  return components;\n};\n"],"names":["CitationCloseButton","citationCloseButtonProps","setPopoverOpen","usePopoverContext_unstable","context","setOpen","onPopoverCloseClick","React","useCallback","ev","preventDefault","_jsx","Citation","onCitationCloseButtonClick","onClick","index","refId","useId","citeId","referenceId","citationId","components","citationHref","PackagedReference","referenceIndex","referenceProps","propsRefId","props","_ref","_props_index","CitationWithPreview","defaultProps","children","content","citationWithPreviewState","undefined","excerpt","Caption1","assertSlots","optional","elementType","sensitivityLabelProps","Preview","closeOnScroll","sensitivity","positioning","trapFocus","label","withArrow","PreviewTrigger","PreviewSurface","previewSurfaceProps","aria-label","primaryText","secondaryText","SensitivityLabel","description","tertiaryText","_sensitivityLabelProps_description","previewProps","citationProps"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"sources":["useReferenceCitationPreview.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport * as React from 'react';\nimport {\n  Caption1,\n  assertSlots,\n  mergeCallbacks,\n  slot,\n  useId,\n  usePopoverContext_unstable,\n} from '@fluentui/react-components';\nimport type { Slot } from '@fluentui/react-components';\n\nimport {\n  Preview,\n  PreviewContent,\n  PreviewHeader,\n  PreviewMetadata,\n  PreviewSurface,\n  PreviewTrigger,\n} from '@fluentui-copilot/react-preview';\nimport { SensitivityLabel } from '@fluentui-copilot/react-sensitivity-label';\nimport type { PreviewHeaderProps, PreviewProps, PreviewSurfaceProps } from '@fluentui-copilot/react-preview';\nimport type { SensitivityLabelProps } from '@fluentui-copilot/react-sensitivity-label';\n\nimport { Citation } from '../Citation';\nimport { Reference } from '../Reference';\nimport type { CitationProps } from '../Citation';\nimport type { ReferenceProps } from '../Reference';\n\n/**\n * Props for a \"packaged Citation\". A packaged Citation is a `Citation` that is\n * pre-packaged with props set by the `useReferenceCitation` hook.\n */\nexport type PackagedCitationProps = Omit<CitationProps, 'referenceHref'> &\n  Partial<Pick<CitationProps, 'referenceHref'>>;\n\n/**\n * A \"packaged Citation\". A packaged Citation is a `Citation` that is\n * pre-packaged with props set by the `useReferenceCitation` hook.\n */\nexport type PackagedCitation = React.FC<PackagedCitationProps>;\n\ntype PartialReferenceProps = 'citationHref' | 'index' | 'referenceId';\n\n/**\n * Props for a \"packaged Reference\". A packaged Reference is a `Reference` that is\n * pre-packaged with props set by the `useReferenceCitation` hook.\n */\nexport type PackagedReferenceProps = Omit<ReferenceProps, PartialReferenceProps> &\n  Partial<Pick<ReferenceProps, PartialReferenceProps>>;\n\n/**\n * A \"packaged Reference\". A packaged Reference is a `Reference` that is\n * pre-packaged with props set by the `useReferenceCitation` hook.\n */\nexport type PackagedReference = React.FC<PackagedReferenceProps>;\n\n/**\n * Data used to package a `Citation` and `Reference` together with\n * the `useReferenceCitation` hook.\n */\nexport type ReferenceCitationData = {\n  index: number;\n  referenceId?: string;\n  citationId?: string;\n  citationProps?: PackagedCitationProps;\n  referenceProps?: PackagedReferenceProps;\n  previewHeaderProps?: PreviewHeaderProps;\n  previewProps?: PreviewProps;\n  previewSurfaceProps?: PreviewSurfaceProps;\n  sensitivityLabelProps?: SensitivityLabelProps;\n};\n\nexport type UseReferenceCitationPreview = (data: ReferenceCitationData) => {\n  Citation: PackagedCitation;\n  Reference: PackagedReference;\n};\n\ntype PreviewExtraSlots = {\n  content: Slot<'div'>;\n};\n\n// Abstract the citation that serves as the close button of the Preview into its own component so that we have access to the popover context.\nconst CitationCloseButton = (citationCloseButtonProps: CitationProps) => {\n  const setPopoverOpen = usePopoverContext_unstable(context => context.setOpen);\n\n  const onPopoverCloseClick = React.useCallback<NonNullable<CitationProps['onClick']>>(\n    ev => {\n      setPopoverOpen(ev, false);\n\n      // Don't navigate\n      ev.preventDefault();\n    },\n    [setPopoverOpen],\n  );\n\n  const onCitationCloseButtonClick = mergeCallbacks(onPopoverCloseClick, citationCloseButtonProps.onClick);\n\n  return <Citation {...citationCloseButtonProps} onClick={onCitationCloseButtonClick} />;\n};\n\n/**\n * Hook to package a `Citation` and `Reference` together in an\n * accessibly by default manner.\n *\n * When using citations and references, prefer using them via this\n * hook to ensure props are wired up correctly.\n */\nexport const useReferenceCitationPreview: UseReferenceCitationPreview = ({\n  index,\n  referenceId: propsRefId,\n  citationId: propsCiteId,\n  citationProps,\n  referenceProps,\n  previewHeaderProps,\n  previewProps,\n  previewSurfaceProps,\n  sensitivityLabelProps,\n}) => {\n  const refId = useId();\n  const citeId = useId();\n\n  const referenceId = propsRefId ?? refId;\n  const citationId = propsCiteId ?? citeId;\n\n  const components = React.useMemo(() => {\n    const citationHref = `#${citationId}`;\n\n    const PackagedReference: PackagedReference = props => {\n      const referenceIndex = props.index ?? referenceProps?.index ?? index;\n\n      return (\n        <Reference\n          {...referenceProps}\n          index={referenceIndex}\n          referenceId={referenceId}\n          citationHref={citationHref}\n          {...props}\n        />\n      );\n    };\n\n    const CitationWithPreview: PackagedCitation = props => {\n      // We assert content as a slot to use it with its resolved props object and the correct defaults below.\n      const content = slot.always(referenceProps ? referenceProps.content : undefined, {\n        defaultProps: {\n          children: referenceProps?.excerpt && <Caption1>{referenceProps.excerpt}</Caption1>,\n        },\n        elementType: 'div',\n      });\n      const citationWithPreviewState = {\n        components: {\n          content: 'div',\n        },\n        content,\n      };\n      assertSlots<PreviewExtraSlots>(citationWithPreviewState);\n\n      // We resolve the slots' objects for sensitivity and title here so that we can use the information from their children below.\n      const sensitivity = slot.optional(referenceProps?.sensitivity, { elementType: 'span' });\n      const title = slot.optional(referenceProps?.label, { elementType: 'div' });\n\n      return (\n        <Preview closeOnScroll positioning=\"below\" size=\"small\" trapFocus withArrow {...previewProps}>\n          <PreviewTrigger>\n            <Citation {...citationProps} id={citationId} {...props}>\n              {index}\n            </Citation>\n          </PreviewTrigger>\n          <PreviewSurface {...previewSurfaceProps}>\n            <PreviewContent>\n              <PreviewHeader\n                citation={\n                  <CitationCloseButton aria-label={`Reference ${index}, close`} referenceHref=\"#\" tabIndex={-1}>\n                    {index}\n                  </CitationCloseButton>\n                }\n                media={referenceProps?.media}\n                {...previewHeaderProps}\n              >\n                {previewHeaderProps?.children ?? title?.children}\n              </PreviewHeader>\n              <PreviewMetadata\n                icon={referenceProps?.icon}\n                primaryText={referenceProps?.primaryText}\n                secondaryText={referenceProps?.secondaryText}\n                tertiaryText={referenceProps?.tertiaryText}\n              />\n              {sensitivity && (\n                <SensitivityLabel description={sensitivityLabelProps?.description ?? ''}>\n                  {sensitivity.children}\n                </SensitivityLabel>\n              )}\n              <citationWithPreviewState.content />\n              {previewSurfaceProps?.children ?? previewProps?.children}\n            </PreviewContent>\n          </PreviewSurface>\n        </Preview>\n      );\n    };\n\n    return {\n      Citation: CitationWithPreview,\n      Reference: PackagedReference,\n    };\n  }, [\n    index,\n    referenceId,\n    citationId,\n    referenceProps,\n    citationProps,\n    previewHeaderProps,\n    previewProps,\n    previewSurfaceProps,\n    sensitivityLabelProps,\n  ]);\n\n  return components;\n};\n"],"names":["CitationCloseButton","citationCloseButtonProps","setPopoverOpen","usePopoverContext_unstable","context","setOpen","onPopoverCloseClick","React","useCallback","ev","preventDefault","_jsx","Citation","onCitationCloseButtonClick","onClick","index","refId","useId","citeId","referenceId","citationId","components","citationHref","PackagedReference","props","referenceProps","referenceIndex","_props_index","_ref","CitationWithPreview","Reference","content","children","undefined","excerpt","Caption1","title","citationWithPreviewState","positioning","optional","sensitivity","size","withArrow","label","previewProps","PreviewTrigger","PreviewSurface","previewSurfaceProps","referenceHref","media","previewHeaderProps","primaryText","_previewHeaderProps_children","SensitivityLabel","description","sensitivityLabelProps","secondaryText","citationProps"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/lib-commonjs/index.js

@@ -105,12 +105,12 @@ _export(exports, {
     useReferenceListContext_unstable: function() {
         return _referencev2.useReferenceListContext_unstable;
     },
-    useReferenceListStylesV2_unstable: function() {
-        return _ReferenceListV2.useReferenceListStyles_unstable;
-    },
     useReferenceListStyles_unstable: function() {
         return _ReferenceList.useReferenceListStyles_unstable;
     },
+    useReferenceListV2Styles_unstable: function() {
+        return _ReferenceListV2.useReferenceListStyles_unstable;
+    },
     useReferenceListV2_unstable: function() {
         return _ReferenceListV2.useReferenceList_unstable;
     },
@@ -123,12 +123,12 @@ _export(exports, {
     useReferenceOverflowButton_unstable: function() {
         return _ReferenceOverflowButton.useReferenceOverflowButton_unstable;
     },
-    useReferenceStylesV2_unstable: function() {
-        return _ReferenceV2.useReferenceStyles_unstable;
-    },
     useReferenceStyles_unstable: function() {
         return _Reference.useReferenceStyles_unstable;
     },
+    useReferenceV2Styles_unstable: function() {
+        return _ReferenceV2.useReferenceStyles_unstable;
+    },
     useReferenceV2_unstable: function() {
         return _ReferenceV2.useReference_unstable;
     },

package/lib-commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"sourcesContent":["export {\n  Citation,\n  citationClassNames,\n  renderCitation_unstable,\n  useCitation_unstable,\n  useCitationStyles_unstable,\n} from './Citation';\nexport {\n  Reference,\n  referenceClassNames,\n  renderReference_unstable,\n  useReference_unstable,\n  useReferenceStyles_unstable,\n} from './Reference';\nexport { useReferenceCitationPreview, useReferenceGroup } from './hooks';\nexport {\n  ReferenceList,\n  referenceListClassNames,\n  useReferenceList_unstable,\n  useReferenceListStyles_unstable,\n  renderReferenceList_unstable,\n} from './ReferenceList';\nexport {\n  ReferenceGroupToggle,\n  referenceGroupToggleClassNames,\n  renderReferenceGroupToggle_unstable,\n  useReferenceGroupToggleStyles_unstable,\n  useReferenceGroupToggle_unstable,\n} from './ReferenceGroupToggle';\n\n// Types\n\nexport type { CitationSlots, CitationProps, CitationState } from './Citation';\nexport type { ReferenceSlots, ReferenceProps, ReferenceState } from './Reference';\nexport type { ReferenceListSlots, ReferenceListProps, ReferenceListState } from './ReferenceList';\nexport type {\n  ReferenceGroupToggleSlots,\n  ReferenceGroupToggleProps,\n  ReferenceGroupToggleState,\n} from './ReferenceGroupToggle';\n\nexport type {\n  PackagedCitationProps,\n  PackagedCitation,\n  PackagedReferenceProps,\n  PackagedReference,\n  ReferenceCitationData,\n  UseReferenceCitationPreview,\n  UseReferenceGroup,\n  UseReferenceGroupProps,\n} from './hooks';\n\n// reference-v2 exports\nexport type {\n  ReferenceProps as ReferenceV2Props,\n  ReferenceSlots as ReferenceV2Slots,\n  ReferenceState as ReferenceV2State,\n} from './ReferenceV2';\nexport {\n  Reference as ReferenceV2,\n  referenceClassNames as referenceV2ClassNames,\n  referenceExtraClassNames as referenceV2ExtraClassNames,\n  renderReference_unstable as renderReferenceV2_unstable,\n  useReferenceStyles_unstable as useReferenceStylesV2_unstable,\n  useReference_unstable as useReferenceV2_unstable,\n} from './ReferenceV2';\n\nexport type {\n  ReferenceListContextValues as ReferenceListV2ContextValues,\n  ReferenceListProps as ReferenceListV2Props,\n  ReferenceListSlots as ReferenceListV2Slots,\n  ReferenceListState as ReferenceListV2State,\n} from './ReferenceListV2';\nexport {\n  ReferenceList as ReferenceListV2,\n  referenceListClassNames as referenceListV2ClassNames,\n  renderReferenceList_unstable as renderReferenceListV2_unstable,\n  useReferenceListStyles_unstable as useReferenceListStylesV2_unstable,\n  useReferenceList_unstable as useReferenceListV2_unstable,\n} from './ReferenceListV2';\n\nexport type {\n  ReferenceOverflowButtonProps,\n  ReferenceOverflowButtonSlots,\n  ReferenceOverflowButtonState,\n} from './ReferenceOverflowButton';\nexport {\n  ReferenceOverflowButton,\n  referenceOverflowButtonClassNames,\n  renderReferenceOverflowButton_unstable,\n  useReferenceOverflowButtonStyles_unstable,\n  useReferenceOverflowButton_unstable,\n} from './ReferenceOverflowButton';\n\nexport type { ReferenceListContextValue } from './contexts/reference-v2';\nexport {\n  ReferenceListContext,\n  ReferenceListContextProvider,\n  useReferenceListContext_unstable,\n} from './contexts/reference-v2';\n\nexport type {\n  PackagedCitation as PackagedCitationV2,\n  PackagedPreviewContentProps as PackagedPreviewContentV2Props,\n  PackagedReference as PackagedReferenceV2,\n  UseReferenceCitationPreview as UseReferenceCitationPreviewV2,\n  UseReferenceCitationPreviewProps as UseReferenceCitationPreviewV2Props,\n} from './hooks/reference-v2';\nexport { useReferenceCitationPreview as useReferenceCitationPreviewV2 } from './hooks/reference-v2';\n"],"names":["Citation","Reference","ReferenceGroupToggle","ReferenceList","ReferenceListContext","ReferenceListContextProvider","ReferenceListV2","ReferenceOverflowButton","ReferenceV2","citationClassNames","referenceClassNames","referenceGroupToggleClassNames","referenceListClassNames","referenceListV2ClassNames","referenceOverflowButtonClassNames","referenceV2ClassNames","referenceV2ExtraClassNames","referenceExtraClassNames","renderCitation_unstable","renderReferenceGroupToggle_unstable","renderReferenceListV2_unstable","renderReferenceList_unstable","renderReferenceOverflowButton_unstable","renderReferenceV2_unstable","renderReference_unstable","useCitationStyles_unstable","useCitation_unstable","useReferenceCitationPreview","useReferenceCitationPreviewV2","useReferenceGroup","useReferenceGroupToggleStyles_unstable","useReferenceGroupToggle_unstable","useReferenceListContext_unstable","useReferenceListStylesV2_unstable","useReferenceListStyles_unstable","useReferenceListV2_unstable","useReferenceList_unstable","useReferenceOverflowButtonStyles_unstable","useReferenceOverflowButton_unstable","useReferenceStylesV2_unstable","useReferenceStyles_unstable","useReferenceV2_unstable","useReference_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IACEA,QAAQ;eAARA,kBAAQ;;IAORC,SAAS;eAATA,oBAAS;;IAeTC,oBAAoB;eAApBA,0CAAoB;;IAPpBC,aAAa;eAAbA,4BAAa;;IAgFbC,oBAAoB;eAApBA,iCAAoB;;IACpBC,4BAA4B;eAA5BA,yCAA4B;;IAvBXC,eAAe;eAAhCH,8BAAAA;;IAaAI,uBAAuB;eAAvBA,gDAAuB;;IA5BVC,WAAW;eAAxBP,sBAAAA;;IAzDAQ,kBAAkB;eAAlBA,4BAAkB;;IAOlBC,mBAAmB;eAAnBA,8BAAmB;;IAenBC,8BAA8B;eAA9BA,oDAA8B;;IAP9BC,uBAAuB;eAAvBA,sCAAuB;;IA0DIC,yBAAyB;eAApDD,wCAAAA;;IAaAE,iCAAiC;eAAjCA,0DAAiC;;IA5BVC,qBAAqB;eAA5CL,gCAAAA;;IAC4BM,0BAA0B;eAAtDC,qCAAAA;;IA1DAC,uBAAuB;eAAvBA,iCAAuB;;IAsBvBC,mCAAmC;eAAnCA,yDAAmC;;IAmDHC,8BAA8B;eAA9DC,6CAAAA;;IAxDAA,4BAA4B;eAA5BA,2CAA4B;;IAqE5BC,sCAAsC;eAAtCA,+DAAsC;;IA3BVC,0BAA0B;eAAtDC,qCAAAA;;IApDAA,wBAAwB;eAAxBA,mCAAwB;;IALxBC,0BAA0B;eAA1BA,oCAA0B;;IAD1BC,oBAAoB;eAApBA,8BAAoB;;IAUbC,2BAA2B;eAA3BA,kCAA2B;;IA8FIC,6BAA6B;eAA5DD,yCAAAA;;IA9F6BE,iBAAiB;eAAjBA,wBAAiB;;IAYrDC,sCAAsC;eAAtCA,4DAAsC;;IACtCC,gCAAgC;eAAhCA,sDAAgC;;IAuEhCC,gCAAgC;eAAhCA,6CAAgC;;IArBGC,iCAAiC;eAApEC,gDAAAA;;IA1DAA,+BAA+B;eAA/BA,8CAA+B;;IA2DFC,2BAA2B;eAAxDC,0CAAAA;;IA5DAA,yBAAyB;eAAzBA,wCAAyB;;IAwEzBC,yCAAyC;eAAzCA,kEAAyC;;IACzCC,mCAAmC;eAAnCA,4DAAmC;;IA5BJC,6BAA6B;eAA5DC,wCAAAA;;IAnDAA,2BAA2B;eAA3BA,sCAA2B;;IAoDFC,uBAAuB;eAAhDC,kCAAAA;;IArDAA,qBAAqB;eAArBA,gCAAqB;;;0BALhB;2BAOA;uBACwD;+BAOxD;sCAOA;6BAqCA;iCAcA;yCAaA;6BAOA;8BASsE"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export {\n  Citation,\n  citationClassNames,\n  renderCitation_unstable,\n  useCitation_unstable,\n  useCitationStyles_unstable,\n} from './Citation';\nexport {\n  Reference,\n  referenceClassNames,\n  renderReference_unstable,\n  useReference_unstable,\n  useReferenceStyles_unstable,\n} from './Reference';\nexport { useReferenceCitationPreview, useReferenceGroup } from './hooks';\nexport {\n  ReferenceList,\n  referenceListClassNames,\n  useReferenceList_unstable,\n  useReferenceListStyles_unstable,\n  renderReferenceList_unstable,\n} from './ReferenceList';\nexport {\n  ReferenceGroupToggle,\n  referenceGroupToggleClassNames,\n  renderReferenceGroupToggle_unstable,\n  useReferenceGroupToggleStyles_unstable,\n  useReferenceGroupToggle_unstable,\n} from './ReferenceGroupToggle';\n\n// Types\n\nexport type { CitationSlots, CitationProps, CitationState } from './Citation';\nexport type { ReferenceSlots, ReferenceProps, ReferenceState } from './Reference';\nexport type { ReferenceListSlots, ReferenceListProps, ReferenceListState } from './ReferenceList';\nexport type {\n  ReferenceGroupToggleSlots,\n  ReferenceGroupToggleProps,\n  ReferenceGroupToggleState,\n} from './ReferenceGroupToggle';\n\nexport type {\n  PackagedCitationProps,\n  PackagedCitation,\n  PackagedReferenceProps,\n  PackagedReference,\n  ReferenceCitationData,\n  UseReferenceCitationPreview,\n  UseReferenceGroup,\n  UseReferenceGroupProps,\n} from './hooks';\n\n// reference-v2 exports\nexport type {\n  ReferenceProps as ReferenceV2Props,\n  ReferenceSlots as ReferenceV2Slots,\n  ReferenceState as ReferenceV2State,\n} from './ReferenceV2';\nexport {\n  Reference as ReferenceV2,\n  referenceClassNames as referenceV2ClassNames,\n  referenceExtraClassNames as referenceV2ExtraClassNames,\n  renderReference_unstable as renderReferenceV2_unstable,\n  useReferenceStyles_unstable as useReferenceV2Styles_unstable,\n  useReference_unstable as useReferenceV2_unstable,\n} from './ReferenceV2';\n\nexport type {\n  ReferenceListContextValues as ReferenceListV2ContextValues,\n  ReferenceListProps as ReferenceListV2Props,\n  ReferenceListSlots as ReferenceListV2Slots,\n  ReferenceListState as ReferenceListV2State,\n} from './ReferenceListV2';\nexport {\n  ReferenceList as ReferenceListV2,\n  referenceListClassNames as referenceListV2ClassNames,\n  renderReferenceList_unstable as renderReferenceListV2_unstable,\n  useReferenceListStyles_unstable as useReferenceListV2Styles_unstable,\n  useReferenceList_unstable as useReferenceListV2_unstable,\n} from './ReferenceListV2';\n\nexport type {\n  ReferenceOverflowButtonProps,\n  ReferenceOverflowButtonSlots,\n  ReferenceOverflowButtonState,\n} from './ReferenceOverflowButton';\nexport {\n  ReferenceOverflowButton,\n  referenceOverflowButtonClassNames,\n  renderReferenceOverflowButton_unstable,\n  useReferenceOverflowButtonStyles_unstable,\n  useReferenceOverflowButton_unstable,\n} from './ReferenceOverflowButton';\n\nexport type { ReferenceListContextValue } from './contexts/reference-v2';\nexport {\n  ReferenceListContext,\n  ReferenceListContextProvider,\n  useReferenceListContext_unstable,\n} from './contexts/reference-v2';\n\nexport type {\n  PackagedCitation as PackagedCitationV2,\n  PackagedPreviewContentProps as PackagedPreviewContentV2Props,\n  PackagedReference as PackagedReferenceV2,\n  UseReferenceCitationPreview as UseReferenceCitationPreviewV2,\n  UseReferenceCitationPreviewProps as UseReferenceCitationPreviewV2Props,\n} from './hooks/reference-v2';\nexport { useReferenceCitationPreview as useReferenceCitationPreviewV2 } from './hooks/reference-v2';\n"],"names":["Citation","Reference","ReferenceGroupToggle","ReferenceList","ReferenceListContext","ReferenceListContextProvider","ReferenceListV2","ReferenceOverflowButton","ReferenceV2","citationClassNames","referenceClassNames","referenceGroupToggleClassNames","referenceListClassNames","referenceListV2ClassNames","referenceOverflowButtonClassNames","referenceV2ClassNames","referenceV2ExtraClassNames","referenceExtraClassNames","renderCitation_unstable","renderReferenceGroupToggle_unstable","renderReferenceListV2_unstable","renderReferenceList_unstable","renderReferenceOverflowButton_unstable","renderReferenceV2_unstable","renderReference_unstable","useCitationStyles_unstable","useCitation_unstable","useReferenceCitationPreview","useReferenceCitationPreviewV2","useReferenceGroup","useReferenceGroupToggleStyles_unstable","useReferenceGroupToggle_unstable","useReferenceListContext_unstable","useReferenceListStyles_unstable","useReferenceListV2Styles_unstable","useReferenceListV2_unstable","useReferenceList_unstable","useReferenceOverflowButtonStyles_unstable","useReferenceOverflowButton_unstable","useReferenceStyles_unstable","useReferenceV2Styles_unstable","useReferenceV2_unstable","useReference_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IACEA,QAAQ;eAARA,kBAAQ;;IAORC,SAAS;eAATA,oBAAS;;IAeTC,oBAAoB;eAApBA,0CAAoB;;IAPpBC,aAAa;eAAbA,4BAAa;;IAgFbC,oBAAoB;eAApBA,iCAAoB;;IACpBC,4BAA4B;eAA5BA,yCAA4B;;IAvBXC,eAAe;eAAhCH,8BAAAA;;IAaAI,uBAAuB;eAAvBA,gDAAuB;;IA5BVC,WAAW;eAAxBP,sBAAAA;;IAzDAQ,kBAAkB;eAAlBA,4BAAkB;;IAOlBC,mBAAmB;eAAnBA,8BAAmB;;IAenBC,8BAA8B;eAA9BA,oDAA8B;;IAP9BC,uBAAuB;eAAvBA,sCAAuB;;IA0DIC,yBAAyB;eAApDD,wCAAAA;;IAaAE,iCAAiC;eAAjCA,0DAAiC;;IA5BVC,qBAAqB;eAA5CL,gCAAAA;;IAC4BM,0BAA0B;eAAtDC,qCAAAA;;IA1DAC,uBAAuB;eAAvBA,iCAAuB;;IAsBvBC,mCAAmC;eAAnCA,yDAAmC;;IAmDHC,8BAA8B;eAA9DC,6CAAAA;;IAxDAA,4BAA4B;eAA5BA,2CAA4B;;IAqE5BC,sCAAsC;eAAtCA,+DAAsC;;IA3BVC,0BAA0B;eAAtDC,qCAAAA;;IApDAA,wBAAwB;eAAxBA,mCAAwB;;IALxBC,0BAA0B;eAA1BA,oCAA0B;;IAD1BC,oBAAoB;eAApBA,8BAAoB;;IAUbC,2BAA2B;eAA3BA,kCAA2B;;IA8FIC,6BAA6B;eAA5DD,yCAAAA;;IA9F6BE,iBAAiB;eAAjBA,wBAAiB;;IAYrDC,sCAAsC;eAAtCA,4DAAsC;;IACtCC,gCAAgC;eAAhCA,sDAAgC;;IAuEhCC,gCAAgC;eAAhCA,6CAAgC;;IA/EhCC,+BAA+B;eAA/BA,8CAA+B;;IA0DIC,iCAAiC;eAApED,gDAAAA;;IAC6BE,2BAA2B;eAAxDC,0CAAAA;;IA5DAA,yBAAyB;eAAzBA,wCAAyB;;IAwEzBC,yCAAyC;eAAzCA,kEAAyC;;IACzCC,mCAAmC;eAAnCA,4DAAmC;;IA/EnCC,2BAA2B;eAA3BA,sCAA2B;;IAmDIC,6BAA6B;eAA5DD,wCAAAA;;IACyBE,uBAAuB;eAAhDC,kCAAAA;;IArDAA,qBAAqB;eAArBA,gCAAqB;;;0BALhB;2BAOA;uBACwD;+BAOxD;sCAOA;6BAqCA;iCAcA;yCAaA;6BAOA;8BASsE"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui-copilot/react-reference",
-  "version": "0.11.3",
+  "version": "0.12.0",
   "description": "Fluent AI controls for citations and references",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -12,9 +12,9 @@
   },
   "license": "MIT",
   "dependencies": {
-    "@fluentui-copilot/react-preview": "^0.4.3",
+    "@fluentui-copilot/react-preview": "^0.5.0",
     "@fluentui-copilot/react-provider": "^0.8.3",
-    "@fluentui-copilot/react-sensitivity-label": "^0.4.3",
+    "@fluentui-copilot/react-sensitivity-label": "^0.5.0",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {