@fluentui-copilot/react-reference 0.0.0-nightly-20240625-0406-eccb618e.1 → 0.0.0-nightly-20240627-0406-0fec4afd.1

package/CHANGELOG.json

@@ -2,9 +2,9 @@
   "name": "@fluentui-copilot/react-reference",
   "entries": [
     {
-      "date": "Tue, 25 Jun 2024 04:12:54 GMT",
-      "tag": "@fluentui-copilot/react-reference_v0.0.0-nightly-20240625-0406-eccb618e.1",
-      "version": "0.0.0-nightly-20240625-0406-eccb618e.1",
+      "date": "Thu, 27 Jun 2024 04:13:14 GMT",
+      "tag": "@fluentui-copilot/react-reference_v0.0.0-nightly-20240627-0406-0fec4afd.1",
+      "version": "0.0.0-nightly-20240627-0406-0fec4afd.1",
       "comments": {
         "prerelease": [
           {
@@ -16,26 +16,26 @@
           {
             "author": "beachball",
             "package": "@fluentui-copilot/react-reference",
-            "comment": "Bump @fluentui-copilot/react-preview to v0.0.0-nightly-20240625-0406-eccb618e.1",
-            "commit": "a2b62af32592fb38723c0fa355b6ad93845b2d45"
+            "comment": "Bump @fluentui-copilot/react-preview to v0.0.0-nightly-20240627-0406-0fec4afd.1",
+            "commit": "04890dce56a60ec66f762517e7352caddcc76582"
           },
           {
             "author": "beachball",
             "package": "@fluentui-copilot/react-reference",
-            "comment": "Bump @fluentui-copilot/react-provider to v0.0.0-nightly-20240625-0406-eccb618e.1",
-            "commit": "a2b62af32592fb38723c0fa355b6ad93845b2d45"
+            "comment": "Bump @fluentui-copilot/react-provider to v0.0.0-nightly-20240627-0406-0fec4afd.1",
+            "commit": "04890dce56a60ec66f762517e7352caddcc76582"
           },
           {
             "author": "beachball",
             "package": "@fluentui-copilot/react-reference",
-            "comment": "Bump @fluentui-copilot/react-sensitivity-label to v0.0.0-nightly-20240625-0406-eccb618e.1",
-            "commit": "a2b62af32592fb38723c0fa355b6ad93845b2d45"
+            "comment": "Bump @fluentui-copilot/react-sensitivity-label to v0.0.0-nightly-20240627-0406-0fec4afd.1",
+            "commit": "04890dce56a60ec66f762517e7352caddcc76582"
           },
           {
             "author": "beachball",
             "package": "@fluentui-copilot/react-reference",
-            "comment": "Bump @fluentui-copilot/react-utilities to v0.0.0-nightly-20240625-0406-eccb618e.1",
-            "commit": "a2b62af32592fb38723c0fa355b6ad93845b2d45"
+            "comment": "Bump @fluentui-copilot/react-utilities to v0.0.0-nightly-20240627-0406-0fec4afd.1",
+            "commit": "04890dce56a60ec66f762517e7352caddcc76582"
           }
         ]
       }

package/CHANGELOG.md

@@ -1,21 +1,21 @@
 # Change Log - @fluentui-copilot/react-reference
 
-This log was last generated on Tue, 25 Jun 2024 04:12:54 GMT and should not be manually modified.
+This log was last generated on Thu, 27 Jun 2024 04:13:14 GMT and should not be manually modified.
 
 <!-- Start content -->
 
-## [0.0.0-nightly-20240625-0406-eccb618e.1](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-reference_v0.0.0-nightly-20240625-0406-eccb618e.1)
+## [0.0.0-nightly-20240627-0406-0fec4afd.1](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-reference_v0.0.0-nightly-20240627-0406-0fec4afd.1)
 
-Tue, 25 Jun 2024 04:12:54 GMT 
-[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-reference_v0.12.0..@fluentui-copilot/react-reference_v0.0.0-nightly-20240625-0406-eccb618e.1)
+Thu, 27 Jun 2024 04:13:14 GMT 
+[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-reference_v0.12.0..@fluentui-copilot/react-reference_v0.0.0-nightly-20240627-0406-0fec4afd.1)
 
 ### Changes
 
 - Release nightly ([commit](https://github.com/microsoft/fluentai/commit/not available) by fluentui-internal@service.microsoft.com)
-- Bump @fluentui-copilot/react-preview to v0.0.0-nightly-20240625-0406-eccb618e.1 ([commit](https://github.com/microsoft/fluentai/commit/a2b62af32592fb38723c0fa355b6ad93845b2d45) by beachball)
-- Bump @fluentui-copilot/react-provider to v0.0.0-nightly-20240625-0406-eccb618e.1 ([commit](https://github.com/microsoft/fluentai/commit/a2b62af32592fb38723c0fa355b6ad93845b2d45) by beachball)
-- Bump @fluentui-copilot/react-sensitivity-label to v0.0.0-nightly-20240625-0406-eccb618e.1 ([commit](https://github.com/microsoft/fluentai/commit/a2b62af32592fb38723c0fa355b6ad93845b2d45) by beachball)
-- Bump @fluentui-copilot/react-utilities to v0.0.0-nightly-20240625-0406-eccb618e.1 ([commit](https://github.com/microsoft/fluentai/commit/a2b62af32592fb38723c0fa355b6ad93845b2d45) by beachball)
+- Bump @fluentui-copilot/react-preview to v0.0.0-nightly-20240627-0406-0fec4afd.1 ([commit](https://github.com/microsoft/fluentai/commit/04890dce56a60ec66f762517e7352caddcc76582) by beachball)
+- Bump @fluentui-copilot/react-provider to v0.0.0-nightly-20240627-0406-0fec4afd.1 ([commit](https://github.com/microsoft/fluentai/commit/04890dce56a60ec66f762517e7352caddcc76582) by beachball)
+- Bump @fluentui-copilot/react-sensitivity-label to v0.0.0-nightly-20240627-0406-0fec4afd.1 ([commit](https://github.com/microsoft/fluentai/commit/04890dce56a60ec66f762517e7352caddcc76582) by beachball)
+- Bump @fluentui-copilot/react-utilities to v0.0.0-nightly-20240627-0406-0fec4afd.1 ([commit](https://github.com/microsoft/fluentai/commit/04890dce56a60ec66f762517e7352caddcc76582) by beachball)
 
 ## [0.12.0](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-reference_v0.12.0)
 

package/dist/index.d.ts

@@ -54,6 +54,20 @@ declare type CopilotMode = {
     mode?: 'canvas' | 'sidecar';
 };
 
+/**
+ * Function to generate a Citation - Reference pair with correctly wired props.
+ * Both the Citation and the Reference act as trigger components to Previews that are also correctly wired by the function.
+ * Props can either be passed in to the function or applied directly to the generated components in JSX.
+ *
+ * A `useReferenceCitationPreview` hook exists that calls this function and memoizes its return value based on the props.
+ * You should use the hook when the props used to generate the Citation - Reference pair can change dynamically.
+ * If they are static, or in case you wanted to generate multiple pairs within a cycle, you should call
+ * `generateReferenceCitationPreview` directly.
+ *
+ * @returns A Citation - Reference pair with correctly wired props.
+ */
+export declare const generateReferenceCitationPreview: ReferenceCitationPreviewGenerator;
+
 /**
  * A "packaged Citation". A packaged Citation is a `Citation` that is
  * pre-packaged with props set by the `useReferenceCitation` hook.
@@ -171,6 +185,24 @@ export declare type ReferenceCitationData = {
     sensitivityLabelProps?: SensitivityLabelProps;
 };
 
+export declare type ReferenceCitationPreviewGenerator = (props: ReferenceCitationPreviewGeneratorProps) => {
+    Citation: PackagedCitationV2;
+    Reference: PackagedReferenceV2;
+};
+
+export declare type ReferenceCitationPreviewGeneratorProps = {
+    citationPreviewProps?: PreviewProps;
+    citationPreviewSurfaceProps?: PreviewSurfaceProps;
+    citationProps?: CitationProps;
+    index: number;
+    previewContentProps?: PackagedPreviewContentV2Props;
+    previewHeaderProps?: PreviewHeaderProps;
+    referencePreviewProps?: PreviewProps;
+    referencePreviewSurfaceProps?: PreviewSurfaceProps;
+    referenceProps?: ReferenceV2Props;
+    sensitivityLabelProps?: SensitivityLabelProps;
+};
+
 /** deprecated Use ReferenceV2 component, hooks and types instead. */
 export declare const referenceClassNames: SlotClassNames<ReferenceSlots>;
 
@@ -506,25 +538,23 @@ export declare type UseReferenceCitationPreview = (data: ReferenceCitationData)
  */
 export declare const useReferenceCitationPreview: UseReferenceCitationPreview;
 
-export declare type UseReferenceCitationPreviewV2 = (props: UseReferenceCitationPreviewV2Props) => {
-    Citation: PackagedCitationV2;
-    Reference: PackagedReferenceV2;
-};
+export declare type UseReferenceCitationPreviewV2 = ReferenceCitationPreviewGenerator;
 
+/**
+ * Hook to generate a Citation - Reference pair with correctly wired props.
+ * Both the Citation and the Reference act as trigger components to Previews that are also correctly wired by the hook.
+ * Props can either be passed in to the hook or applied directly to the generated components in JSX.
+ *
+ * This hook internally calls the `generateReferenceCitationPreview` function and memoizes its return value based on the props.
+ * You should only use this hook when the props used to generate the Citation - Reference pair can change dynamically.
+ * If they are static, or in case you wanted to generate multiple pairs within a cycle, you should call
+ * `generateReferenceCitationPreview` directly.
+ *
+ * @returns A Citation - Reference pair with correctly wired props.
+ */
 export declare const useReferenceCitationPreviewV2: UseReferenceCitationPreviewV2;
 
-export declare type UseReferenceCitationPreviewV2Props = {
-    citationPreviewProps?: PreviewProps;
-    citationPreviewSurfaceProps?: PreviewSurfaceProps;
-    citationProps?: CitationProps;
-    index: number;
-    previewContentProps?: PackagedPreviewContentV2Props;
-    previewHeaderProps?: PreviewHeaderProps;
-    referencePreviewProps?: PreviewProps;
-    referencePreviewSurfaceProps?: PreviewSurfaceProps;
-    referenceProps?: ReferenceV2Props;
-    sensitivityLabelProps?: SensitivityLabelProps;
-};
+export declare type UseReferenceCitationPreviewV2Props = ReferenceCitationPreviewGeneratorProps;
 
 export declare type UseReferenceGroup = (props: UseReferenceGroupProps) => {
     referenceGroupToggleProps: ReferenceGroupToggleProps;

package/lib/components/reference-v2/Reference/useReference.js

@@ -44,7 +44,7 @@ export const useReference_unstable = (props, ref) => {
     id: referenceId,
     shouldUseOverflow,
     components: {
-      root: 'button',
+      root: elementType,
       citation: 'span',
       divider: 'span',
       graphic: 'span',

package/lib/components/reference-v2/Reference/useReference.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useReference.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, mergeClasses, slot, useId } from '@fluentui/react-components';\nimport { useReferenceListContext_unstable } from '../../../contexts/reference-v2/referenceListContext';\nimport { referenceExtraClassNames } from './useReferenceStyles.styles';\nimport type { ReferenceProps, ReferenceState } from './Reference.types';\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 */\nexport const useReference_unstable = (\n  props: ReferenceProps,\n  ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>,\n): ReferenceState => {\n  const { as, children, id } = props;\n\n  const shouldUseOverflow = useReferenceListContext_unstable(ctx => ctx.shouldUseOverflow);\n\n  const referenceId = useId('reference-', id);\n\n  const elementType = as || ((props as JSX.IntrinsicElements['a']).href ? 'a' : 'button');\n  const propsWithAssignedAs = {\n    type: elementType === 'button' ? 'button' : undefined,\n    ...props,\n    as: elementType,\n    id: referenceId,\n  } as ReferenceProps;\n\n  const citation = slot.optional(props.citation, { elementType: 'span' });\n  const graphic = slot.optional(props.graphic, { elementType: 'span' });\n  const content = slot.optional(props.content, {\n    elementType: 'span',\n    renderByDefault: graphic !== undefined || !!children,\n  });\n  const divider = slot.optional(props.divider, {\n    elementType: 'span',\n    renderByDefault: citation !== undefined && content !== undefined,\n  });\n\n  const state: ReferenceState = {\n    id: referenceId,\n    shouldUseOverflow,\n\n    components: {\n      root: 'button',\n      citation: 'span',\n      divider: 'span',\n      graphic: 'span',\n      content: 'span',\n    },\n\n    root: slot.always(\n      getIntrinsicElementProps(elementType, {\n        ref,\n        ...propsWithAssignedAs,\n      }),\n      { elementType },\n    ),\n    citation,\n    divider,\n    content,\n    graphic,\n  };\n\n  if (state.graphic && React.isValidElement<HTMLElement>(state.graphic.children)) {\n    state.graphic.children = React.cloneElement(state.graphic.children, {\n      className: mergeClasses(state.graphic.children.props.className, referenceExtraClassNames.graphicChild),\n    });\n  }\n\n  return state;\n};\n"],"names":["React","getIntrinsicElementProps","mergeClasses","slot","useId","useReferenceListContext_unstable","referenceExtraClassNames","useReference_unstable","props","ref","as","children","id","shouldUseOverflow","ctx","referenceId","elementType","href","propsWithAssignedAs","type","undefined","citation","optional","graphic","content","renderByDefault","divider","state","components","root","always","isValidElement","cloneElement","className","graphicChild"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,wBAAwB,EAAEC,YAAY,EAAEC,IAAI,EAAEC,KAAK,QAAQ,6BAA6B;AACjG,SAASC,gCAAgC,QAAQ,sDAAsD;AACvG,SAASC,wBAAwB,QAAQ,8BAA8B;AAGvE;;;;;;;;CAQC,GACD,OAAO,MAAMC,wBAAwB,CACnCC,OACAC;IAEA,MAAM,EAAEC,EAAE,EAAEC,QAAQ,EAAEC,EAAE,EAAE,GAAGJ;IAE7B,MAAMK,oBAAoBR,iCAAiCS,CAAAA,MAAOA,IAAID,iBAAiB;IAEvF,MAAME,cAAcX,MAAM,cAAcQ;IAExC,MAAMI,cAAcN,MAAO,CAAA,AAACF,MAAqCS,IAAI,GAAG,MAAM,QAAO;IACrF,MAAMC,sBAAsB;QAC1BC,MAAMH,gBAAgB,WAAW,WAAWI;QAC5C,GAAGZ,KAAK;QACRE,IAAIM;QACJJ,IAAIG;IACN;IAEA,MAAMM,WAAWlB,KAAKmB,QAAQ,CAACd,MAAMa,QAAQ,EAAE;QAAEL,aAAa;IAAO;IACrE,MAAMO,UAAUpB,KAAKmB,QAAQ,CAACd,MAAMe,OAAO,EAAE;QAAEP,aAAa;IAAO;IACnE,MAAMQ,UAAUrB,KAAKmB,QAAQ,CAACd,MAAMgB,OAAO,EAAE;QAC3CR,aAAa;QACbS,iBAAiBF,YAAYH,aAAa,CAAC,CAACT;IAC9C;IACA,MAAMe,UAAUvB,KAAKmB,QAAQ,CAACd,MAAMkB,OAAO,EAAE;QAC3CV,aAAa;QACbS,iBAAiBJ,aAAaD,aAAaI,YAAYJ;IACzD;IAEA,MAAMO,QAAwB;QAC5Bf,IAAIG;QACJF;QAEAe,YAAY;YACVC,MAAM;YACNR,UAAU;YACVK,SAAS;YACTH,SAAS;YACTC,SAAS;QACX;QAEAK,MAAM1B,KAAK2B,MAAM,CACf7B,yBAAyBe,aAAa;YACpCP;YACA,GAAGS,mBAAmB;QACxB,IACA;YAAEF;QAAY;QAEhBK;QACAK;QACAF;QACAD;IACF;IAEA,IAAII,MAAMJ,OAAO,IAAIvB,MAAM+B,cAAc,CAAcJ,MAAMJ,OAAO,CAACZ,QAAQ,GAAG;QAC9EgB,MAAMJ,OAAO,CAACZ,QAAQ,GAAGX,MAAMgC,YAAY,CAACL,MAAMJ,OAAO,CAACZ,QAAQ,EAAE;YAClEsB,WAAW/B,aAAayB,MAAMJ,OAAO,CAACZ,QAAQ,CAACH,KAAK,CAACyB,SAAS,EAAE3B,yBAAyB4B,YAAY;QACvG;IACF;IAEA,OAAOP;AACT,EAAE"}
+{"version":3,"sources":["useReference.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, mergeClasses, slot, useId } from '@fluentui/react-components';\nimport { useReferenceListContext_unstable } from '../../../contexts/reference-v2/referenceListContext';\nimport { referenceExtraClassNames } from './useReferenceStyles.styles';\nimport type { ReferenceProps, ReferenceState } from './Reference.types';\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 */\nexport const useReference_unstable = (\n  props: ReferenceProps,\n  ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>,\n): ReferenceState => {\n  const { as, children, id } = props;\n\n  const shouldUseOverflow = useReferenceListContext_unstable(ctx => ctx.shouldUseOverflow);\n\n  const referenceId = useId('reference-', id);\n\n  const elementType = as || ((props as JSX.IntrinsicElements['a']).href ? 'a' : 'button');\n  const propsWithAssignedAs = {\n    type: elementType === 'button' ? 'button' : undefined,\n    ...props,\n    as: elementType,\n    id: referenceId,\n  } as ReferenceProps;\n\n  const citation = slot.optional(props.citation, { elementType: 'span' });\n  const graphic = slot.optional(props.graphic, { elementType: 'span' });\n  const content = slot.optional(props.content, {\n    elementType: 'span',\n    renderByDefault: graphic !== undefined || !!children,\n  });\n  const divider = slot.optional(props.divider, {\n    elementType: 'span',\n    renderByDefault: citation !== undefined && content !== undefined,\n  });\n\n  const state: ReferenceState = {\n    id: referenceId,\n    shouldUseOverflow,\n\n    components: {\n      root: elementType,\n      citation: 'span',\n      divider: 'span',\n      graphic: 'span',\n      content: 'span',\n    },\n\n    root: slot.always(\n      getIntrinsicElementProps(elementType, {\n        ref,\n        ...propsWithAssignedAs,\n      }),\n      { elementType },\n    ),\n    citation,\n    divider,\n    content,\n    graphic,\n  };\n\n  if (state.graphic && React.isValidElement<HTMLElement>(state.graphic.children)) {\n    state.graphic.children = React.cloneElement(state.graphic.children, {\n      className: mergeClasses(state.graphic.children.props.className, referenceExtraClassNames.graphicChild),\n    });\n  }\n\n  return state;\n};\n"],"names":["React","getIntrinsicElementProps","mergeClasses","slot","useId","useReferenceListContext_unstable","referenceExtraClassNames","useReference_unstable","props","ref","as","children","id","shouldUseOverflow","ctx","referenceId","elementType","href","propsWithAssignedAs","type","undefined","citation","optional","graphic","content","renderByDefault","divider","state","components","root","always","isValidElement","cloneElement","className","graphicChild"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,wBAAwB,EAAEC,YAAY,EAAEC,IAAI,EAAEC,KAAK,QAAQ,6BAA6B;AACjG,SAASC,gCAAgC,QAAQ,sDAAsD;AACvG,SAASC,wBAAwB,QAAQ,8BAA8B;AAGvE;;;;;;;;CAQC,GACD,OAAO,MAAMC,wBAAwB,CACnCC,OACAC;IAEA,MAAM,EAAEC,EAAE,EAAEC,QAAQ,EAAEC,EAAE,EAAE,GAAGJ;IAE7B,MAAMK,oBAAoBR,iCAAiCS,CAAAA,MAAOA,IAAID,iBAAiB;IAEvF,MAAME,cAAcX,MAAM,cAAcQ;IAExC,MAAMI,cAAcN,MAAO,CAAA,AAACF,MAAqCS,IAAI,GAAG,MAAM,QAAO;IACrF,MAAMC,sBAAsB;QAC1BC,MAAMH,gBAAgB,WAAW,WAAWI;QAC5C,GAAGZ,KAAK;QACRE,IAAIM;QACJJ,IAAIG;IACN;IAEA,MAAMM,WAAWlB,KAAKmB,QAAQ,CAACd,MAAMa,QAAQ,EAAE;QAAEL,aAAa;IAAO;IACrE,MAAMO,UAAUpB,KAAKmB,QAAQ,CAACd,MAAMe,OAAO,EAAE;QAAEP,aAAa;IAAO;IACnE,MAAMQ,UAAUrB,KAAKmB,QAAQ,CAACd,MAAMgB,OAAO,EAAE;QAC3CR,aAAa;QACbS,iBAAiBF,YAAYH,aAAa,CAAC,CAACT;IAC9C;IACA,MAAMe,UAAUvB,KAAKmB,QAAQ,CAACd,MAAMkB,OAAO,EAAE;QAC3CV,aAAa;QACbS,iBAAiBJ,aAAaD,aAAaI,YAAYJ;IACzD;IAEA,MAAMO,QAAwB;QAC5Bf,IAAIG;QACJF;QAEAe,YAAY;YACVC,MAAMb;YACNK,UAAU;YACVK,SAAS;YACTH,SAAS;YACTC,SAAS;QACX;QAEAK,MAAM1B,KAAK2B,MAAM,CACf7B,yBAAyBe,aAAa;YACpCP;YACA,GAAGS,mBAAmB;QACxB,IACA;YAAEF;QAAY;QAEhBK;QACAK;QACAF;QACAD;IACF;IAEA,IAAII,MAAMJ,OAAO,IAAIvB,MAAM+B,cAAc,CAAcJ,MAAMJ,OAAO,CAACZ,QAAQ,GAAG;QAC9EgB,MAAMJ,OAAO,CAACZ,QAAQ,GAAGX,MAAMgC,YAAY,CAACL,MAAMJ,OAAO,CAACZ,QAAQ,EAAE;YAClEsB,WAAW/B,aAAayB,MAAMJ,OAAO,CAACZ,QAAQ,CAACH,KAAK,CAACyB,SAAS,EAAE3B,yBAAyB4B,YAAY;QACvG;IACF;IAEA,OAAOP;AACT,EAAE"}

package/lib/hooks/reference-v2/generateReferenceCitationPreview.js

@@ -0,0 +1,107 @@
+import * as React from 'react';
+import { mergeCallbacks, usePopoverContext_unstable } from '@fluentui/react-components';
+import { Preview, PreviewContent, PreviewHeader, PreviewMetadata, PreviewSurface, PreviewTrigger } from '@fluentui-copilot/react-preview';
+import { SensitivityLabel } from '@fluentui-copilot/react-sensitivity-label';
+import { Citation } from '../../Citation';
+import { Reference } from '../../ReferenceV2';
+// 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.
+const CitationCloseButton = citationCloseButtonProps => {
+  const setPopoverOpen = usePopoverContext_unstable(context => context.setOpen);
+  const onPopoverCloseClick = React.useCallback(ev => {
+    setPopoverOpen(ev, false);
+    // Don't navigate
+    ev.preventDefault();
+  }, [setPopoverOpen]);
+  const onCitationCloseButtonClick = mergeCallbacks(onPopoverCloseClick, citationCloseButtonProps.onClick);
+  return /*#__PURE__*/React.createElement(Citation, {
+    ...citationCloseButtonProps,
+    onClick: onCitationCloseButtonClick
+  });
+};
+/**
+ * Function to generate a Citation - Reference pair with correctly wired props.
+ * Both the Citation and the Reference act as trigger components to Previews that are also correctly wired by the function.
+ * Props can either be passed in to the function or applied directly to the generated components in JSX.
+ *
+ * A `useReferenceCitationPreview` hook exists that calls this function and memoizes its return value based on the props.
+ * You should use the hook when the props used to generate the Citation - Reference pair can change dynamically.
+ * If they are static, or in case you wanted to generate multiple pairs within a cycle, you should call
+ * `generateReferenceCitationPreview` directly.
+ *
+ * @returns A Citation - Reference pair with correctly wired props.
+ */
+export const generateReferenceCitationPreview = props => {
+  const {
+    citationPreviewProps,
+    citationPreviewSurfaceProps,
+    citationProps,
+    index,
+    previewContentProps,
+    previewHeaderProps,
+    referencePreviewProps,
+    referencePreviewSurfaceProps,
+    referenceProps,
+    sensitivityLabelProps
+  } = props;
+  const CitationWithPreview = props => {
+    var _previewContentProps_content;
+    return /*#__PURE__*/React.createElement(Preview, {
+      closeOnScroll: true,
+      positioning: "below",
+      size: "small",
+      trapFocus: true,
+      withArrow: true,
+      ...citationPreviewProps
+    }, /*#__PURE__*/React.createElement(PreviewTrigger, null, /*#__PURE__*/React.createElement(Citation, {
+      ...citationProps,
+      ...props
+    }, index)), /*#__PURE__*/React.createElement(PreviewSurface, citationPreviewSurfaceProps, /*#__PURE__*/React.createElement(PreviewContent, null, /*#__PURE__*/React.createElement(PreviewHeader, {
+      citation: /*#__PURE__*/React.createElement(CitationCloseButton, {
+        "aria-label": `Reference ${index}, close`,
+        referenceHref: "#",
+        tabIndex: -1
+      }, index),
+      media: referenceProps === null || referenceProps === void 0 ? void 0 : referenceProps.graphic
+    }, referenceProps === null || referenceProps === void 0 ? void 0 : referenceProps.children), /*#__PURE__*/React.createElement(PreviewMetadata, {
+      icon: previewContentProps === null || previewContentProps === void 0 ? void 0 : previewContentProps.icon,
+      primaryText: previewContentProps === null || previewContentProps === void 0 ? void 0 : previewContentProps.primaryText,
+      secondaryText: previewContentProps === null || previewContentProps === void 0 ? void 0 : previewContentProps.secondaryText,
+      tertiaryText: previewContentProps === null || previewContentProps === void 0 ? void 0 : previewContentProps.tertiaryText
+    }), sensitivityLabelProps && /*#__PURE__*/React.createElement(SensitivityLabel, sensitivityLabelProps), (_previewContentProps_content = previewContentProps === null || previewContentProps === void 0 ? void 0 : previewContentProps.content) !== null && _previewContentProps_content !== void 0 ? _previewContentProps_content : citationPreviewProps === null || citationPreviewProps === void 0 ? void 0 : citationPreviewProps.children)));
+  };
+  const ReferenceWithPreview = props => {
+    const mergedReferenceProps = {
+      citation: index,
+      ...referenceProps,
+      ...props
+    };
+    var _previewHeaderProps_children, _previewContentProps_content;
+    return /*#__PURE__*/React.createElement(Preview, {
+      closeOnScroll: true,
+      positioning: "below",
+      size: "small",
+      trapFocus: true,
+      withArrow: true,
+      ...referencePreviewProps
+    }, /*#__PURE__*/React.createElement(PreviewTrigger, null, /*#__PURE__*/React.createElement(Reference, mergedReferenceProps)), /*#__PURE__*/React.createElement(PreviewSurface, referencePreviewSurfaceProps, /*#__PURE__*/React.createElement(PreviewContent, null, /*#__PURE__*/React.createElement(PreviewHeader, {
+      citation: /*#__PURE__*/React.createElement(CitationCloseButton, {
+        "aria-label": `Reference ${index}, close`,
+        referenceHref: "#",
+        tabIndex: -1
+      }, index),
+      media: referenceProps === null || referenceProps === void 0 ? void 0 : referenceProps.graphic,
+      ...previewHeaderProps
+    }, (_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__*/React.createElement(PreviewMetadata, {
+      icon: previewContentProps === null || previewContentProps === void 0 ? void 0 : previewContentProps.icon,
+      primaryText: previewContentProps === null || previewContentProps === void 0 ? void 0 : previewContentProps.primaryText,
+      secondaryText: previewContentProps === null || previewContentProps === void 0 ? void 0 : previewContentProps.secondaryText,
+      tertiaryText: previewContentProps === null || previewContentProps === void 0 ? void 0 : previewContentProps.tertiaryText
+    }), sensitivityLabelProps && /*#__PURE__*/React.createElement(SensitivityLabel, sensitivityLabelProps), (_previewContentProps_content = previewContentProps === null || previewContentProps === void 0 ? void 0 : previewContentProps.content) !== null && _previewContentProps_content !== void 0 ? _previewContentProps_content : referencePreviewProps === null || referencePreviewProps === void 0 ? void 0 : referencePreviewProps.children)));
+  };
+  const components = {
+    Citation: CitationWithPreview,
+    Reference: ReferenceWithPreview
+  };
+  return components;
+};
+//# sourceMappingURL=generateReferenceCitationPreview.js.map

package/lib/hooks/reference-v2/generateReferenceCitationPreview.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["generateReferenceCitationPreview.tsx"],"sourcesContent":["import * 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 ReferenceCitationPreviewGeneratorProps = {\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 ReferenceCitationPreviewGenerator = (props: ReferenceCitationPreviewGeneratorProps) => {\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\n/**\n * Function to generate a Citation - Reference pair with correctly wired props.\n * Both the Citation and the Reference act as trigger components to Previews that are also correctly wired by the function.\n * Props can either be passed in to the function or applied directly to the generated components in JSX.\n *\n * A `useReferenceCitationPreview` hook exists that calls this function and memoizes its return value based on the props.\n * You should use the hook when the props used to generate the Citation - Reference pair can change dynamically.\n * If they are static, or in case you wanted to generate multiple pairs within a cycle, you should call\n * `generateReferenceCitationPreview` directly.\n *\n * @returns A Citation - Reference pair with correctly wired props.\n */\nexport const generateReferenceCitationPreview: ReferenceCitationPreviewGenerator = 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 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  const components = {\n    Citation: CitationWithPreview,\n    Reference: ReferenceWithPreview,\n  };\n\n  return components;\n};\n"],"names":["React","mergeCallbacks","usePopoverContext_unstable","Preview","PreviewContent","PreviewHeader","PreviewMetadata","PreviewSurface","PreviewTrigger","SensitivityLabel","Citation","Reference","CitationCloseButton","citationCloseButtonProps","setPopoverOpen","context","setOpen","onPopoverCloseClick","useCallback","ev","preventDefault","onCitationCloseButtonClick","onClick","generateReferenceCitationPreview","props","citationPreviewProps","citationPreviewSurfaceProps","citationProps","index","previewContentProps","previewHeaderProps","referencePreviewProps","referencePreviewSurfaceProps","referenceProps","sensitivityLabelProps","CitationWithPreview","closeOnScroll","positioning","size","trapFocus","withArrow","citation","aria-label","referenceHref","tabIndex","media","graphic","children","icon","primaryText","secondaryText","tertiaryText","content","ReferenceWithPreview","mergedReferenceProps","components"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,SAASC,cAAc,EAAEC,0BAA0B,QAAQ,6BAA6B;AAExF,SACEC,OAAO,EACPC,cAAc,EACdC,aAAa,EACbC,eAAe,EACfC,cAAc,EACdC,cAAc,QACT,kCAAkC;AACzC,SAASC,gBAAgB,QAAQ,4CAA4C;AAS7E,SAASC,QAAQ,QAAQ,iBAAiB;AAC1C,SAASC,SAAS,QAAQ,oBAAoB;AAiC9C,6IAA6I;AAC7I,MAAMC,sBAAsB,CAACC;IAC3B,MAAMC,iBAAiBZ,2BAA2Ba,CAAAA,UAAWA,QAAQC,OAAO;IAE5E,MAAMC,sBAAsBjB,MAAMkB,WAAW,CAC3CC,CAAAA;QACEL,eAAeK,IAAI;QAEnB,iBAAiB;QACjBA,GAAGC,cAAc;IACnB,GACA;QAACN;KAAe;IAGlB,MAAMO,6BAA6BpB,eAAegB,qBAAqBJ,yBAAyBS,OAAO;IAEvG,qBAAO,oBAACZ;QAAU,GAAGG,wBAAwB;QAAES,SAASD;;AAC1D;AAEA;;;;;;;;;;;CAWC,GACD,OAAO,MAAME,mCAAsEC,CAAAA;IACjF,MAAM,EACJC,oBAAoB,EACpBC,2BAA2B,EAC3BC,aAAa,EACbC,KAAK,EACLC,mBAAmB,EACnBC,kBAAkB,EAClBC,qBAAqB,EACrBC,4BAA4B,EAC5BC,cAAc,EACdC,qBAAqB,EACtB,GAAGV;IAEJ,MAAMW,sBAAwCX,CAAAA;YA2BnCK;QA1BT,qBACE,oBAAC1B;YAAQiC,eAAAA;YAAcC,aAAY;YAAQC,MAAK;YAAQC,WAAAA;YAAUC,WAAAA;YAAW,GAAGf,oBAAoB;yBAClG,oBAACjB,oCACC,oBAACE;YAAU,GAAGiB,aAAa;YAAG,GAAGH,KAAK;WACnCI,uBAGL,oBAACrB,gBAAmBmB,2CAClB,oBAACtB,oCACC,oBAACC;YACCoC,wBACE,oBAAC7B;gBAAoB8B,cAAY,CAAC,UAAU,EAAEd,MAAM,OAAO,CAAC;gBAAEe,eAAc;gBAAIC,UAAU,CAAC;eACxFhB;YAGLiB,KAAK,EAAEZ,2BAAAA,qCAAAA,eAAgBa,OAAO;WAE7Bb,2BAAAA,qCAAAA,eAAgBc,QAAQ,iBAE3B,oBAACzC;YACC0C,IAAI,EAAEnB,gCAAAA,0CAAAA,oBAAqBmB,IAAI;YAC/BC,WAAW,EAAEpB,gCAAAA,0CAAAA,oBAAqBoB,WAAW;YAC7CC,aAAa,EAAErB,gCAAAA,0CAAAA,oBAAqBqB,aAAa;YACjDC,YAAY,EAAEtB,gCAAAA,0CAAAA,oBAAqBsB,YAAY;YAEhDjB,uCAAyB,oBAACzB,kBAAqByB,wBAC/CL,CAAAA,+BAAAA,gCAAAA,0CAAAA,oBAAqBuB,OAAO,cAA5BvB,0CAAAA,+BAAgCJ,iCAAAA,2CAAAA,qBAAsBsB,QAAQ;IAKzE;IAEA,MAAMM,uBAA0C7B,CAAAA;QAC9C,MAAM8B,uBAAuB;YAC3Bb,UAAUb;YACV,GAAGK,cAAc;YACjB,GAAGT,KAAK;QACV;YAkBWM,8BASFD;QAzBT,qBACE,oBAAC1B;YAAQiC,eAAAA;YAAcC,aAAY;YAAQC,MAAK;YAAQC,WAAAA;YAAUC,WAAAA;YAAW,GAAGT,qBAAqB;yBACnG,oBAACvB,oCACC,oBAACG,WAAc2C,sCAEjB,oBAAC/C,gBAAmByB,4CAClB,oBAAC5B,oCACC,oBAACC;YACCoC,wBACE,oBAAC7B;gBAAoB8B,cAAY,CAAC,UAAU,EAAEd,MAAM,OAAO,CAAC;gBAAEe,eAAc;gBAAIC,UAAU,CAAC;eACxFhB;YAGLiB,KAAK,EAAEZ,2BAAAA,qCAAAA,eAAgBa,OAAO;YAC7B,GAAGhB,kBAAkB;WAErBA,CAAAA,+BAAAA,+BAAAA,yCAAAA,mBAAoBiB,QAAQ,cAA5BjB,0CAAAA,+BAAgCG,2BAAAA,qCAAAA,eAAgBc,QAAQ,iBAE3D,oBAACzC;YACC0C,IAAI,EAAEnB,gCAAAA,0CAAAA,oBAAqBmB,IAAI;YAC/BC,WAAW,EAAEpB,gCAAAA,0CAAAA,oBAAqBoB,WAAW;YAC7CC,aAAa,EAAErB,gCAAAA,0CAAAA,oBAAqBqB,aAAa;YACjDC,YAAY,EAAEtB,gCAAAA,0CAAAA,oBAAqBsB,YAAY;YAEhDjB,uCAAyB,oBAACzB,kBAAqByB,wBAC/CL,CAAAA,+BAAAA,gCAAAA,0CAAAA,oBAAqBuB,OAAO,cAA5BvB,0CAAAA,+BAAgCE,kCAAAA,4CAAAA,sBAAuBgB,QAAQ;IAK1E;IAEA,MAAMQ,aAAa;QACjB7C,UAAUyB;QACVxB,WAAW0C;IACb;IAEA,OAAOE;AACT,EAAE"}

package/lib/hooks/reference-v2/index.js

@@ -1,2 +1,3 @@
+export * from './generateReferenceCitationPreview';
 export * from './useReferenceCitationPreview';
 //# sourceMappingURL=index.js.map

package/lib/hooks/reference-v2/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './useReferenceCitationPreview';\n"],"names":[],"rangeMappings":"","mappings":"AAAA,cAAc,gCAAgC"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './generateReferenceCitationPreview';\nexport * from './useReferenceCitationPreview';\n"],"names":[],"rangeMappings":";","mappings":"AAAA,cAAc,qCAAqC;AACnD,cAAc,gCAAgC"}

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

@@ -1,125 +1,18 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@fluentui/react-jsx-runtime/jsx-runtime";
 import * as React from 'react';
-import { mergeCallbacks, usePopoverContext_unstable } from '@fluentui/react-components';
-import { Preview, PreviewContent, PreviewHeader, PreviewMetadata, PreviewSurface, PreviewTrigger } from '@fluentui-copilot/react-preview';
-import { SensitivityLabel } from '@fluentui-copilot/react-sensitivity-label';
-import { Citation } from '../../Citation';
-import { Reference } from '../../ReferenceV2';
-// 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.
-const CitationCloseButton = citationCloseButtonProps => {
-  const setPopoverOpen = usePopoverContext_unstable(context => context.setOpen);
-  const onPopoverCloseClick = React.useCallback(ev => {
-    setPopoverOpen(ev, false);
-    // Don't navigate
-    ev.preventDefault();
-  }, [setPopoverOpen]);
-  const onCitationCloseButtonClick = mergeCallbacks(onPopoverCloseClick, citationCloseButtonProps.onClick);
-  return /*#__PURE__*/_jsx(Citation, {
-    ...citationCloseButtonProps,
-    onClick: onCitationCloseButtonClick
-  });
-};
+import { generateReferenceCitationPreview } from './generateReferenceCitationPreview';
+/**
+ * Hook to generate a Citation - Reference pair with correctly wired props.
+ * Both the Citation and the Reference act as trigger components to Previews that are also correctly wired by the hook.
+ * Props can either be passed in to the hook or applied directly to the generated components in JSX.
+ *
+ * This hook internally calls the `generateReferenceCitationPreview` function and memoizes its return value based on the props.
+ * You should only use this hook when the props used to generate the Citation - Reference pair can change dynamically.
+ * If they are static, or in case you wanted to generate multiple pairs within a cycle, you should call
+ * `generateReferenceCitationPreview` directly.
+ *
+ * @returns A Citation - Reference pair with correctly wired props.
+ */
 export const useReferenceCitationPreview = props => {
-  const {
-    citationPreviewProps,
-    citationPreviewSurfaceProps,
-    citationProps,
-    index,
-    previewContentProps,
-    previewHeaderProps,
-    referencePreviewProps,
-    referencePreviewSurfaceProps,
-    referenceProps,
-    sensitivityLabelProps
-  } = props;
-  const components = React.useMemo(() => {
-    const CitationWithPreview = props => {
-      var _previewContentProps_content;
-      return /*#__PURE__*/_jsxs(Preview, {
-        closeOnScroll: true,
-        positioning: "below",
-        size: "small",
-        trapFocus: true,
-        withArrow: true,
-        ...citationPreviewProps,
-        children: [/*#__PURE__*/_jsx(PreviewTrigger, {
-          children: /*#__PURE__*/_jsx(Citation, {
-            ...citationProps,
-            ...props,
-            children: index
-          })
-        }), /*#__PURE__*/_jsx(PreviewSurface, {
-          ...citationPreviewSurfaceProps,
-          children: /*#__PURE__*/_jsxs(PreviewContent, {
-            children: [/*#__PURE__*/_jsx(PreviewHeader, {
-              citation: /*#__PURE__*/_jsx(CitationCloseButton, {
-                "aria-label": `Reference ${index}, close`,
-                referenceHref: "#",
-                tabIndex: -1,
-                children: index
-              }),
-              media: referenceProps === null || referenceProps === void 0 ? void 0 : referenceProps.graphic,
-              children: referenceProps === null || referenceProps === void 0 ? void 0 : referenceProps.children
-            }), /*#__PURE__*/_jsx(PreviewMetadata, {
-              icon: previewContentProps === null || previewContentProps === void 0 ? void 0 : previewContentProps.icon,
-              primaryText: previewContentProps === null || previewContentProps === void 0 ? void 0 : previewContentProps.primaryText,
-              secondaryText: previewContentProps === null || previewContentProps === void 0 ? void 0 : previewContentProps.secondaryText,
-              tertiaryText: previewContentProps === null || previewContentProps === void 0 ? void 0 : previewContentProps.tertiaryText
-            }), sensitivityLabelProps && /*#__PURE__*/_jsx(SensitivityLabel, {
-              ...sensitivityLabelProps
-            }), (_previewContentProps_content = previewContentProps === null || previewContentProps === void 0 ? void 0 : previewContentProps.content) !== null && _previewContentProps_content !== void 0 ? _previewContentProps_content : citationPreviewProps === null || citationPreviewProps === void 0 ? void 0 : citationPreviewProps.children]
-          })
-        })]
-      });
-    };
-    const ReferenceWithPreview = props => {
-      const mergedReferenceProps = {
-        citation: index,
-        ...referenceProps,
-        ...props
-      };
-      var _previewHeaderProps_children, _previewContentProps_content;
-      return /*#__PURE__*/_jsxs(Preview, {
-        closeOnScroll: true,
-        positioning: "below",
-        size: "small",
-        trapFocus: true,
-        withArrow: true,
-        ...referencePreviewProps,
-        children: [/*#__PURE__*/_jsx(PreviewTrigger, {
-          children: /*#__PURE__*/_jsx(Reference, {
-            ...mergedReferenceProps
-          })
-        }), /*#__PURE__*/_jsx(PreviewSurface, {
-          ...referencePreviewSurfaceProps,
-          children: /*#__PURE__*/_jsxs(PreviewContent, {
-            children: [/*#__PURE__*/_jsx(PreviewHeader, {
-              citation: /*#__PURE__*/_jsx(CitationCloseButton, {
-                "aria-label": `Reference ${index}, close`,
-                referenceHref: "#",
-                tabIndex: -1,
-                children: index
-              }),
-              media: referenceProps === null || referenceProps === void 0 ? void 0 : referenceProps.graphic,
-              ...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__*/_jsx(PreviewMetadata, {
-              icon: previewContentProps === null || previewContentProps === void 0 ? void 0 : previewContentProps.icon,
-              primaryText: previewContentProps === null || previewContentProps === void 0 ? void 0 : previewContentProps.primaryText,
-              secondaryText: previewContentProps === null || previewContentProps === void 0 ? void 0 : previewContentProps.secondaryText,
-              tertiaryText: previewContentProps === null || previewContentProps === void 0 ? void 0 : previewContentProps.tertiaryText
-            }), sensitivityLabelProps && /*#__PURE__*/_jsx(SensitivityLabel, {
-              ...sensitivityLabelProps
-            }), (_previewContentProps_content = previewContentProps === null || previewContentProps === void 0 ? void 0 : previewContentProps.content) !== null && _previewContentProps_content !== void 0 ? _previewContentProps_content : referencePreviewProps === null || referencePreviewProps === void 0 ? void 0 : referencePreviewProps.children]
-          })
-        })]
-      });
-    };
-    return {
-      Citation: CitationWithPreview,
-      Reference: ReferenceWithPreview
-    };
-  }, [citationPreviewProps, citationPreviewSurfaceProps, citationProps, index, previewHeaderProps, referencePreviewProps, referencePreviewSurfaceProps, referenceProps, previewContentProps, sensitivityLabelProps]);
-  return components;
+  return React.useMemo(() => generateReferenceCitationPreview(props), [props]);
 };
 //# sourceMappingURL=useReferenceCitationPreview.js.map

package/lib/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  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":["React","mergeCallbacks","usePopoverContext_unstable","Preview","PreviewContent","PreviewHeader","PreviewMetadata","PreviewSurface","PreviewTrigger","SensitivityLabel","Citation","Reference","CitationCloseButton","citationCloseButtonProps","setPopoverOpen","context","setOpen","onPopoverCloseClick","useCallback","ev","preventDefault","onCitationCloseButtonClick","onClick","useReferenceCitationPreview","props","citationPreviewProps","citationPreviewSurfaceProps","citationProps","index","previewContentProps","previewHeaderProps","referencePreviewProps","referencePreviewSurfaceProps","referenceProps","sensitivityLabelProps","components","useMemo","CitationWithPreview","closeOnScroll","positioning","size","trapFocus","withArrow","citation","aria-label","referenceHref","tabIndex","media","graphic","children","icon","primaryText","secondaryText","tertiaryText","content","ReferenceWithPreview","mergedReferenceProps"],"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';\n\nimport {\n  generateReferenceCitationPreview,\n  type ReferenceCitationPreviewGenerator,\n  type ReferenceCitationPreviewGeneratorProps,\n} from './generateReferenceCitationPreview';\n\nexport type UseReferenceCitationPreviewProps = ReferenceCitationPreviewGeneratorProps;\n\nexport type UseReferenceCitationPreview = ReferenceCitationPreviewGenerator;\n\n/**\n * Hook to generate a Citation - Reference pair with correctly wired props.\n * Both the Citation and the Reference act as trigger components to Previews that are also correctly wired by the hook.\n * Props can either be passed in to the hook or applied directly to the generated components in JSX.\n *\n * This hook internally calls the `generateReferenceCitationPreview` function and memoizes its return value based on the props.\n * You should only use this hook when the props used to generate the Citation - Reference pair can change dynamically.\n * If they are static, or in case you wanted to generate multiple pairs within a cycle, you should call\n * `generateReferenceCitationPreview` directly.\n *\n * @returns A Citation - Reference pair with correctly wired props.\n */\nexport const useReferenceCitationPreview: UseReferenceCitationPreview = props => {\n  return React.useMemo(() => generateReferenceCitationPreview(props), [props]);\n};\n"],"names":["React","generateReferenceCitationPreview","useReferenceCitationPreview","props","useMemo"],"rangeMappings":";;;;;;;;;;;;;;;;;","mappings":"AAAA,0BAA0B,GAC1B,iDAAiD,GAEjD,YAAYA,WAAW,QAAQ;AAE/B,SACEC,gCAAgC,QAG3B,qCAAqC;AAM5C;;;;;;;;;;;CAWC,GACD,OAAO,MAAMC,8BAA2DC,CAAAA;IACtE,OAAOH,MAAMI,OAAO,CAAC,IAAMH,iCAAiCE,QAAQ;QAACA;KAAM;AAC7E,EAAE"}

package/lib/index.js

@@ -7,5 +7,5 @@ export { Reference as ReferenceV2, referenceClassNames as referenceV2ClassNames,
 export { ReferenceList as ReferenceListV2, referenceListClassNames as referenceListV2ClassNames, renderReferenceList_unstable as renderReferenceListV2_unstable, useReferenceListStyles_unstable as useReferenceListV2Styles_unstable, useReferenceList_unstable as useReferenceListV2_unstable } from './ReferenceListV2';
 export { ReferenceOverflowButton, referenceOverflowButtonClassNames, renderReferenceOverflowButton_unstable, useReferenceOverflowButtonStyles_unstable, useReferenceOverflowButton_unstable } from './ReferenceOverflowButton';
 export { ReferenceListContext, ReferenceListContextProvider, useReferenceListContext_unstable } from './contexts/reference-v2';
-export { useReferenceCitationPreview as useReferenceCitationPreviewV2 } from './hooks/reference-v2';
+export { generateReferenceCitationPreview, useReferenceCitationPreview as useReferenceCitationPreviewV2 } from './hooks/reference-v2';
 //# sourceMappingURL=index.js.map

package/lib/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 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","citationClassNames","renderCitation_unstable","useCitation_unstable","useCitationStyles_unstable","Reference","referenceClassNames","renderReference_unstable","useReference_unstable","useReferenceStyles_unstable","useReferenceCitationPreview","useReferenceGroup","ReferenceList","referenceListClassNames","useReferenceList_unstable","useReferenceListStyles_unstable","renderReferenceList_unstable","ReferenceGroupToggle","referenceGroupToggleClassNames","renderReferenceGroupToggle_unstable","useReferenceGroupToggleStyles_unstable","useReferenceGroupToggle_unstable","ReferenceV2","referenceV2ClassNames","referenceExtraClassNames","referenceV2ExtraClassNames","renderReferenceV2_unstable","useReferenceV2Styles_unstable","useReferenceV2_unstable","ReferenceListV2","referenceListV2ClassNames","renderReferenceListV2_unstable","useReferenceListV2Styles_unstable","useReferenceListV2_unstable","ReferenceOverflowButton","referenceOverflowButtonClassNames","renderReferenceOverflowButton_unstable","useReferenceOverflowButtonStyles_unstable","useReferenceOverflowButton_unstable","ReferenceListContext","ReferenceListContextProvider","useReferenceListContext_unstable","useReferenceCitationPreviewV2"],"rangeMappings":";;;;;;;;;","mappings":"AAAA,SACEA,QAAQ,EACRC,kBAAkB,EAClBC,uBAAuB,EACvBC,oBAAoB,EACpBC,0BAA0B,QACrB,aAAa;AACpB,SACEC,SAAS,EACTC,mBAAmB,EACnBC,wBAAwB,EACxBC,qBAAqB,EACrBC,2BAA2B,QACtB,cAAc;AACrB,SAASC,2BAA2B,EAAEC,iBAAiB,QAAQ,UAAU;AACzE,SACEC,aAAa,EACbC,uBAAuB,EACvBC,yBAAyB,EACzBC,+BAA+B,EAC/BC,4BAA4B,QACvB,kBAAkB;AACzB,SACEC,oBAAoB,EACpBC,8BAA8B,EAC9BC,mCAAmC,EACnCC,sCAAsC,EACtCC,gCAAgC,QAC3B,yBAAyB;AA8BhC,SACEhB,aAAaiB,WAAW,EACxBhB,uBAAuBiB,qBAAqB,EAC5CC,4BAA4BC,0BAA0B,EACtDlB,4BAA4BmB,0BAA0B,EACtDjB,+BAA+BkB,6BAA6B,EAC5DnB,yBAAyBoB,uBAAuB,QAC3C,gBAAgB;AAQvB,SACEhB,iBAAiBiB,eAAe,EAChChB,2BAA2BiB,yBAAyB,EACpDd,gCAAgCe,8BAA8B,EAC9DhB,mCAAmCiB,iCAAiC,EACpElB,6BAA6BmB,2BAA2B,QACnD,oBAAoB;AAO3B,SACEC,uBAAuB,EACvBC,iCAAiC,EACjCC,sCAAsC,EACtCC,yCAAyC,EACzCC,mCAAmC,QAC9B,4BAA4B;AAGnC,SACEC,oBAAoB,EACpBC,4BAA4B,EAC5BC,gCAAgC,QAC3B,0BAA0B;AASjC,SAAS/B,+BAA+BgC,6BAA6B,QAAQ,uBAAuB"}
+{"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  ReferenceCitationPreviewGenerator,\n  ReferenceCitationPreviewGeneratorProps,\n  UseReferenceCitationPreview as UseReferenceCitationPreviewV2,\n  UseReferenceCitationPreviewProps as UseReferenceCitationPreviewV2Props,\n} from './hooks/reference-v2';\nexport {\n  generateReferenceCitationPreview,\n  useReferenceCitationPreview as useReferenceCitationPreviewV2,\n} from './hooks/reference-v2';\n"],"names":["Citation","citationClassNames","renderCitation_unstable","useCitation_unstable","useCitationStyles_unstable","Reference","referenceClassNames","renderReference_unstable","useReference_unstable","useReferenceStyles_unstable","useReferenceCitationPreview","useReferenceGroup","ReferenceList","referenceListClassNames","useReferenceList_unstable","useReferenceListStyles_unstable","renderReferenceList_unstable","ReferenceGroupToggle","referenceGroupToggleClassNames","renderReferenceGroupToggle_unstable","useReferenceGroupToggleStyles_unstable","useReferenceGroupToggle_unstable","ReferenceV2","referenceV2ClassNames","referenceExtraClassNames","referenceV2ExtraClassNames","renderReferenceV2_unstable","useReferenceV2Styles_unstable","useReferenceV2_unstable","ReferenceListV2","referenceListV2ClassNames","renderReferenceListV2_unstable","useReferenceListV2Styles_unstable","useReferenceListV2_unstable","ReferenceOverflowButton","referenceOverflowButtonClassNames","renderReferenceOverflowButton_unstable","useReferenceOverflowButtonStyles_unstable","useReferenceOverflowButton_unstable","ReferenceListContext","ReferenceListContextProvider","useReferenceListContext_unstable","generateReferenceCitationPreview","useReferenceCitationPreviewV2"],"rangeMappings":";;;;;;;;;","mappings":"AAAA,SACEA,QAAQ,EACRC,kBAAkB,EAClBC,uBAAuB,EACvBC,oBAAoB,EACpBC,0BAA0B,QACrB,aAAa;AACpB,SACEC,SAAS,EACTC,mBAAmB,EACnBC,wBAAwB,EACxBC,qBAAqB,EACrBC,2BAA2B,QACtB,cAAc;AACrB,SAASC,2BAA2B,EAAEC,iBAAiB,QAAQ,UAAU;AACzE,SACEC,aAAa,EACbC,uBAAuB,EACvBC,yBAAyB,EACzBC,+BAA+B,EAC/BC,4BAA4B,QACvB,kBAAkB;AACzB,SACEC,oBAAoB,EACpBC,8BAA8B,EAC9BC,mCAAmC,EACnCC,sCAAsC,EACtCC,gCAAgC,QAC3B,yBAAyB;AA8BhC,SACEhB,aAAaiB,WAAW,EACxBhB,uBAAuBiB,qBAAqB,EAC5CC,4BAA4BC,0BAA0B,EACtDlB,4BAA4BmB,0BAA0B,EACtDjB,+BAA+BkB,6BAA6B,EAC5DnB,yBAAyBoB,uBAAuB,QAC3C,gBAAgB;AAQvB,SACEhB,iBAAiBiB,eAAe,EAChChB,2BAA2BiB,yBAAyB,EACpDd,gCAAgCe,8BAA8B,EAC9DhB,mCAAmCiB,iCAAiC,EACpElB,6BAA6BmB,2BAA2B,QACnD,oBAAoB;AAO3B,SACEC,uBAAuB,EACvBC,iCAAiC,EACjCC,sCAAsC,EACtCC,yCAAyC,EACzCC,mCAAmC,QAC9B,4BAA4B;AAGnC,SACEC,oBAAoB,EACpBC,4BAA4B,EAC5BC,gCAAgC,QAC3B,0BAA0B;AAWjC,SACEC,gCAAgC,EAChChC,+BAA+BiC,6BAA6B,QACvD,uBAAuB"}

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

@@ -42,7 +42,7 @@ const useReference_unstable = (props, ref)=>{
         id: referenceId,
         shouldUseOverflow,
         components: {
-            root: 'button',
+            root: elementType,
             citation: 'span',
             divider: 'span',
             graphic: 'span',

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

@@ -1 +1 @@
-{"version":3,"sources":["useReference.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, mergeClasses, slot, useId } from '@fluentui/react-components';\nimport { useReferenceListContext_unstable } from '../../../contexts/reference-v2/referenceListContext';\nimport { referenceExtraClassNames } from './useReferenceStyles.styles';\nimport type { ReferenceProps, ReferenceState } from './Reference.types';\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 */\nexport const useReference_unstable = (\n  props: ReferenceProps,\n  ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>,\n): ReferenceState => {\n  const { as, children, id } = props;\n\n  const shouldUseOverflow = useReferenceListContext_unstable(ctx => ctx.shouldUseOverflow);\n\n  const referenceId = useId('reference-', id);\n\n  const elementType = as || ((props as JSX.IntrinsicElements['a']).href ? 'a' : 'button');\n  const propsWithAssignedAs = {\n    type: elementType === 'button' ? 'button' : undefined,\n    ...props,\n    as: elementType,\n    id: referenceId,\n  } as ReferenceProps;\n\n  const citation = slot.optional(props.citation, { elementType: 'span' });\n  const graphic = slot.optional(props.graphic, { elementType: 'span' });\n  const content = slot.optional(props.content, {\n    elementType: 'span',\n    renderByDefault: graphic !== undefined || !!children,\n  });\n  const divider = slot.optional(props.divider, {\n    elementType: 'span',\n    renderByDefault: citation !== undefined && content !== undefined,\n  });\n\n  const state: ReferenceState = {\n    id: referenceId,\n    shouldUseOverflow,\n\n    components: {\n      root: 'button',\n      citation: 'span',\n      divider: 'span',\n      graphic: 'span',\n      content: 'span',\n    },\n\n    root: slot.always(\n      getIntrinsicElementProps(elementType, {\n        ref,\n        ...propsWithAssignedAs,\n      }),\n      { elementType },\n    ),\n    citation,\n    divider,\n    content,\n    graphic,\n  };\n\n  if (state.graphic && React.isValidElement<HTMLElement>(state.graphic.children)) {\n    state.graphic.children = React.cloneElement(state.graphic.children, {\n      className: mergeClasses(state.graphic.children.props.className, referenceExtraClassNames.graphicChild),\n    });\n  }\n\n  return state;\n};\n"],"names":["as","props","children","elementType","id","shouldUseOverflow","useReferenceListContext_unstable","ctx","referenceId","propsWithAssignedAs","type","citation","optional","slot","content","renderByDefault","graphic","undefined","ref","always","getIntrinsicElementProps","divider","state","React","cloneElement"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAmBUA;;;eAAAA;;;;iEAnBa;iCAC6C;sCACnB;0CACR;AAgBvC,MAAQA,wBAAqBC,CAAAA,OAAAA;UAE7B,EAEAD,EAAA,EAEAE,QAAMC,EACNC,EAAA;UAEEC,oBAAQC,IAAAA,sDAAA,EAAAC,CAAAA,MAAAA,IAAAF,iBAAA;UACRL,cAAIG,IAAAA,sBAAAA,EAAAA,cAAAA;UACJC,cAAII,MAAAA,CAAAA,MAAAA,IAAAA,GAAAA,MAAAA,QAAAA;UACNC,sBAAA;QAEAC,MAAMC,gBAAgBC,WAASX,WAAMU;gBAAYR;QAAoBH,IAAAG;QACrEC,IAAAI;;UAAmEG,WAAAE,qBAAA,CAAAD,QAAA,CAAAX,MAAAU,QAAA,EAAA;QACnER,aAAMW;;UAEJC,UAAAA,qBAAAA,CAAAA,QAAiBC,CAAAA,MAAYC,OAAAA,EAAAA;QAC/Bd,aAAA;;UAEEA,UAAAA,qBAAa,CAAAS,QAAA,CAAAX,MAAAa,OAAA,EAAA;qBACbC;QACFA,iBAAAC,YAAAC,aAAA,CAAA,CAAAf;;UAGEE,UAAII,qBAAAA,CAAAA,QAAAA,CAAAA,MAAAA,OAAAA,EAAAA;qBACJH;yBAEYM,aAAAM,aAAAH,YAAAG;;kBAEVN;;;oBAGAG;kBACF;sBAEMD;qBAEFK;qBACGT;qBAEL;;cAAcI,qBAAA,CAAAM,MAAA,CAAAC,IAAAA,yCAAA,EAAAjB,aAAA;;eAGhBkB,mBAAAA;YACAP;;QAEF;QAEAH;;;;;QAMAW,MAAOA,OAAAA,kBAAAA,OAAAA,cAAAA,CAAAA,MAAAA,OAAAA,CAAAA,QAAAA,GAAAA;QACPA,MAAAN,OAAA,CAAAd,QAAA,iBAAAqB,OAAAC,YAAA,CAAAF,MAAAN,OAAA,CAAAd,QAAA,EAAA"}
+{"version":3,"sources":["useReference.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, mergeClasses, slot, useId } from '@fluentui/react-components';\nimport { useReferenceListContext_unstable } from '../../../contexts/reference-v2/referenceListContext';\nimport { referenceExtraClassNames } from './useReferenceStyles.styles';\nimport type { ReferenceProps, ReferenceState } from './Reference.types';\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 */\nexport const useReference_unstable = (\n  props: ReferenceProps,\n  ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>,\n): ReferenceState => {\n  const { as, children, id } = props;\n\n  const shouldUseOverflow = useReferenceListContext_unstable(ctx => ctx.shouldUseOverflow);\n\n  const referenceId = useId('reference-', id);\n\n  const elementType = as || ((props as JSX.IntrinsicElements['a']).href ? 'a' : 'button');\n  const propsWithAssignedAs = {\n    type: elementType === 'button' ? 'button' : undefined,\n    ...props,\n    as: elementType,\n    id: referenceId,\n  } as ReferenceProps;\n\n  const citation = slot.optional(props.citation, { elementType: 'span' });\n  const graphic = slot.optional(props.graphic, { elementType: 'span' });\n  const content = slot.optional(props.content, {\n    elementType: 'span',\n    renderByDefault: graphic !== undefined || !!children,\n  });\n  const divider = slot.optional(props.divider, {\n    elementType: 'span',\n    renderByDefault: citation !== undefined && content !== undefined,\n  });\n\n  const state: ReferenceState = {\n    id: referenceId,\n    shouldUseOverflow,\n\n    components: {\n      root: elementType,\n      citation: 'span',\n      divider: 'span',\n      graphic: 'span',\n      content: 'span',\n    },\n\n    root: slot.always(\n      getIntrinsicElementProps(elementType, {\n        ref,\n        ...propsWithAssignedAs,\n      }),\n      { elementType },\n    ),\n    citation,\n    divider,\n    content,\n    graphic,\n  };\n\n  if (state.graphic && React.isValidElement<HTMLElement>(state.graphic.children)) {\n    state.graphic.children = React.cloneElement(state.graphic.children, {\n      className: mergeClasses(state.graphic.children.props.className, referenceExtraClassNames.graphicChild),\n    });\n  }\n\n  return state;\n};\n"],"names":["as","props","children","elementType","id","shouldUseOverflow","useReferenceListContext_unstable","ctx","referenceId","propsWithAssignedAs","type","citation","optional","slot","content","renderByDefault","graphic","undefined","ref","always","getIntrinsicElementProps","divider","state","React","cloneElement"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAmBUA;;;eAAAA;;;;iEAnBa;iCAC6C;sCACnB;0CACR;AAgBvC,MAAQA,wBAAqBC,CAAAA,OAAAA;UAE7B,EAEAD,EAAA,EAEAE,QAAMC,EACNC,EAAA;UAEEC,oBAAQC,IAAAA,sDAAA,EAAAC,CAAAA,MAAAA,IAAAF,iBAAA;UACRL,cAAIG,IAAAA,sBAAAA,EAAAA,cAAAA;UACJC,cAAII,MAAAA,CAAAA,MAAAA,IAAAA,GAAAA,MAAAA,QAAAA;UACNC,sBAAA;QAEAC,MAAMC,gBAAgBC,WAASX,WAAMU;gBAAYR;QAAoBH,IAAAG;QACrEC,IAAAI;;UAAmEG,WAAAE,qBAAA,CAAAD,QAAA,CAAAX,MAAAU,QAAA,EAAA;QACnER,aAAMW;;UAEJC,UAAAA,qBAAAA,CAAAA,QAAiBC,CAAAA,MAAYC,OAAAA,EAAAA;QAC/Bd,aAAA;;UAEEA,UAAAA,qBAAa,CAAAS,QAAA,CAAAX,MAAAa,OAAA,EAAA;qBACbC;QACFA,iBAAAC,YAAAC,aAAA,CAAA,CAAAf;;UAGEE,UAAII,qBAAAA,CAAAA,QAAAA,CAAAA,MAAAA,OAAAA,EAAAA;qBACJH;yBAEYM,aAAAM,aAAAH,YAAAG;;kBAEVN;;;oBAGAG;kBACFX;sBAEMU;qBAEFK;qBACGT;qBAEL;;cAAcI,qBAAA,CAAAM,MAAA,CAAAC,IAAAA,yCAAA,EAAAjB,aAAA;;eAGhBkB,mBAAAA;YACAP;;QAEF;QAEAH;;;;;QAMAW,MAAOA,OAAAA,kBAAAA,OAAAA,cAAAA,CAAAA,MAAAA,OAAAA,CAAAA,QAAAA,GAAAA;QACPA,MAAAN,OAAA,CAAAd,QAAA,iBAAAqB,OAAAC,YAAA,CAAAF,MAAAN,OAAA,CAAAd,QAAA,EAAA"}

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

@@ -0,0 +1,96 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "generateReferenceCitationPreview", {
+    enumerable: true,
+    get: function() {
+        return generateReferenceCitationPreview;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactcomponents = require("@fluentui/react-components");
+const _reactpreview = require("@fluentui-copilot/react-preview");
+const _reactsensitivitylabel = require("@fluentui-copilot/react-sensitivity-label");
+const _Citation = require("../../Citation");
+const _ReferenceV2 = require("../../ReferenceV2");
+// 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.
+const CitationCloseButton = (citationCloseButtonProps)=>{
+    const setPopoverOpen = (0, _reactcomponents.usePopoverContext_unstable)((context)=>context.setOpen);
+    const onPopoverCloseClick = _react.useCallback((ev)=>{
+        setPopoverOpen(ev, false);
+        // Don't navigate
+        ev.preventDefault();
+    }, [
+        setPopoverOpen
+    ]);
+    const onCitationCloseButtonClick = (0, _reactcomponents.mergeCallbacks)(onPopoverCloseClick, citationCloseButtonProps.onClick);
+    return /*#__PURE__*/ _react.createElement(_Citation.Citation, {
+        ...citationCloseButtonProps,
+        onClick: onCitationCloseButtonClick
+    });
+};
+const generateReferenceCitationPreview = (props)=>{
+    const { citationPreviewProps, citationPreviewSurfaceProps, citationProps, index, previewContentProps, previewHeaderProps, referencePreviewProps, referencePreviewSurfaceProps, referenceProps, sensitivityLabelProps } = props;
+    const CitationWithPreview = (props)=>{
+        var _previewContentProps_content;
+        return /*#__PURE__*/ _react.createElement(_reactpreview.Preview, {
+            closeOnScroll: true,
+            positioning: "below",
+            size: "small",
+            trapFocus: true,
+            withArrow: true,
+            ...citationPreviewProps
+        }, /*#__PURE__*/ _react.createElement(_reactpreview.PreviewTrigger, null, /*#__PURE__*/ _react.createElement(_Citation.Citation, {
+            ...citationProps,
+            ...props
+        }, index)), /*#__PURE__*/ _react.createElement(_reactpreview.PreviewSurface, citationPreviewSurfaceProps, /*#__PURE__*/ _react.createElement(_reactpreview.PreviewContent, null, /*#__PURE__*/ _react.createElement(_reactpreview.PreviewHeader, {
+            citation: /*#__PURE__*/ _react.createElement(CitationCloseButton, {
+                "aria-label": `Reference ${index}, close`,
+                referenceHref: "#",
+                tabIndex: -1
+            }, index),
+            media: referenceProps === null || referenceProps === void 0 ? void 0 : referenceProps.graphic
+        }, referenceProps === null || referenceProps === void 0 ? void 0 : referenceProps.children), /*#__PURE__*/ _react.createElement(_reactpreview.PreviewMetadata, {
+            icon: previewContentProps === null || previewContentProps === void 0 ? void 0 : previewContentProps.icon,
+            primaryText: previewContentProps === null || previewContentProps === void 0 ? void 0 : previewContentProps.primaryText,
+            secondaryText: previewContentProps === null || previewContentProps === void 0 ? void 0 : previewContentProps.secondaryText,
+            tertiaryText: previewContentProps === null || previewContentProps === void 0 ? void 0 : previewContentProps.tertiaryText
+        }), sensitivityLabelProps && /*#__PURE__*/ _react.createElement(_reactsensitivitylabel.SensitivityLabel, sensitivityLabelProps), (_previewContentProps_content = previewContentProps === null || previewContentProps === void 0 ? void 0 : previewContentProps.content) !== null && _previewContentProps_content !== void 0 ? _previewContentProps_content : citationPreviewProps === null || citationPreviewProps === void 0 ? void 0 : citationPreviewProps.children)));
+    };
+    const ReferenceWithPreview = (props)=>{
+        const mergedReferenceProps = {
+            citation: index,
+            ...referenceProps,
+            ...props
+        };
+        var _previewHeaderProps_children, _previewContentProps_content;
+        return /*#__PURE__*/ _react.createElement(_reactpreview.Preview, {
+            closeOnScroll: true,
+            positioning: "below",
+            size: "small",
+            trapFocus: true,
+            withArrow: true,
+            ...referencePreviewProps
+        }, /*#__PURE__*/ _react.createElement(_reactpreview.PreviewTrigger, null, /*#__PURE__*/ _react.createElement(_ReferenceV2.Reference, mergedReferenceProps)), /*#__PURE__*/ _react.createElement(_reactpreview.PreviewSurface, referencePreviewSurfaceProps, /*#__PURE__*/ _react.createElement(_reactpreview.PreviewContent, null, /*#__PURE__*/ _react.createElement(_reactpreview.PreviewHeader, {
+            citation: /*#__PURE__*/ _react.createElement(CitationCloseButton, {
+                "aria-label": `Reference ${index}, close`,
+                referenceHref: "#",
+                tabIndex: -1
+            }, index),
+            media: referenceProps === null || referenceProps === void 0 ? void 0 : referenceProps.graphic,
+            ...previewHeaderProps
+        }, (_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__*/ _react.createElement(_reactpreview.PreviewMetadata, {
+            icon: previewContentProps === null || previewContentProps === void 0 ? void 0 : previewContentProps.icon,
+            primaryText: previewContentProps === null || previewContentProps === void 0 ? void 0 : previewContentProps.primaryText,
+            secondaryText: previewContentProps === null || previewContentProps === void 0 ? void 0 : previewContentProps.secondaryText,
+            tertiaryText: previewContentProps === null || previewContentProps === void 0 ? void 0 : previewContentProps.tertiaryText
+        }), sensitivityLabelProps && /*#__PURE__*/ _react.createElement(_reactsensitivitylabel.SensitivityLabel, sensitivityLabelProps), (_previewContentProps_content = previewContentProps === null || previewContentProps === void 0 ? void 0 : previewContentProps.content) !== null && _previewContentProps_content !== void 0 ? _previewContentProps_content : referencePreviewProps === null || referencePreviewProps === void 0 ? void 0 : referencePreviewProps.children)));
+    };
+    const components = {
+        Citation: CitationWithPreview,
+        Reference: ReferenceWithPreview
+    };
+    return components;
+}; //# sourceMappingURL=generateReferenceCitationPreview.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["generateReferenceCitationPreview.tsx"],"sourcesContent":["import * 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 ReferenceCitationPreviewGeneratorProps = {\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 ReferenceCitationPreviewGenerator = (props: ReferenceCitationPreviewGeneratorProps) => {\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\n/**\n * Function to generate a Citation - Reference pair with correctly wired props.\n * Both the Citation and the Reference act as trigger components to Previews that are also correctly wired by the function.\n * Props can either be passed in to the function or applied directly to the generated components in JSX.\n *\n * A `useReferenceCitationPreview` hook exists that calls this function and memoizes its return value based on the props.\n * You should use the hook when the props used to generate the Citation - Reference pair can change dynamically.\n * If they are static, or in case you wanted to generate multiple pairs within a cycle, you should call\n * `generateReferenceCitationPreview` directly.\n *\n * @returns A Citation - Reference pair with correctly wired props.\n */\nexport const generateReferenceCitationPreview: ReferenceCitationPreviewGenerator = 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 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  const components = {\n    Citation: CitationWithPreview,\n    Reference: ReferenceWithPreview,\n  };\n\n  return components;\n};\n"],"names":["CitationCloseButton","citationCloseButtonProps","setPopoverOpen","usePopoverContext_unstable","context","setOpen","onPopoverCloseClick","React","useCallback","ev","preventDefault","createElement","Citation","onCitationCloseButtonClick","onClick","citationPreviewProps","citationPreviewSurfaceProps","CitationWithPreview","previewContentProps","closeOnScroll","positioning","trapFocus","withArrow","props","index","Preview","citation","aria-label","tabIndex","referenceProps","children","primaryText","secondaryText","PreviewHeader","tertiaryText","sensitivityLabelProps","referenceHref","ReferenceWithPreview","PreviewMetadata","icon","previewHeaderProps","referencePreviewProps","_previewContentProps_content","media","PreviewSurface","referencePreviewSurfaceProps","PreviewContent","Reference","_previewHeaderProps_children","components"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;iEAAuB;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,GAAAK,OAAAI,aAAA,CAAAC,kBAAA,EAAA;QAGlB,GAAAX,wBAAMY;QAENC,SAAAD;;;;IAcD,MACD,EACEE,oBACEA,EAYFC,2BAAMC,eA2BKC,OA1BT,qBACWC,oBAAcC,uBAAyB,8BAAQC,gBAAUC,uBAAcP;gCAEjDQ,CAAAA;;eACxBC,WAAAA,GAAAA,OAAAA,aAGL,CAAAC,qBAAA,EAAA;2BAGMC;yBACuBC;;uBAA2DC;uBAC7EJ;mCAGEK;sBAENA,GAAAA,OAAAA,aAAAA,CAAAA,4BAAAA,EAAAA,MAAAA,WAAAA,GAAAA,OAAAA,aAAgBC,CAAAA,kBAAQ,EAAA;4BAGnBZ;oBACNa;oBACAC,WAAed,GAAAA,OAAAA,aAAAA,CAAAA,4BAAAA,EAAAA,6BAAAA,WAAAA,GAAAA,OAAAA,aAAqBc,CAAAA,4BAAa,EAAA,MAAA,WAAA,GAAAzB,OAAAI,aAAA,CAAAsB,2BAAA,EAAA;sBACjDC,WAAchB,GAAAA,OAAAA,aAAAA,CAAAA,qBAAAA;8BAEfiB,CAAAA,UAAAA,EAAAA,MAAAA,OAAAA,CAAAA;gBAMXC,eAAA;gBAEAR,UAAMS,CAAAA;eACJb;mBACEE,mBAAUF,QAAAA,mBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,eAAAA,OAAAA;8BACPK,QAAcA,mBAAA,KAAA,IAAA,KAAA,IAAAA,eAAAC,QAAA,GAAA,WAAA,GAAAvB,OAAAI,aAAA,CAAA2B,6BAAA,EAAA;kBACjBpB,wBAAQ,QAAAA,wBAAA,KAAA,IAAA,KAAA,IAAAA,oBAAAqB,IAAA;yBACVrB,wBAAA,QAAAA,wBAAA,KAAA,IAAA,KAAA,IAAAA,oBAAAa,WAAA;2BAkBWS,wBASFtB,QAAAA,wBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,oBAAAA,aAAAA;0BAzBTA,wBACE,QAACO,wBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,oBAAAA,YAAAA;qCAAQN,WAAAA,GAAAA,OAAAA,aAAAA,CAAAA,uCAAAA,EAAAA,wBAAAA,CAAAA,+BAAAA,wBAAAA,QAAAA,wBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,oBAAAA,OAAAA,MAAAA,QAAAA,iCAAAA,KAAAA,IAAAA,+BAAAA,yBAAAA,QAAAA,yBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,qBAAAA,QAAAA;;iCAAuCI,CAAAA;qCAAQF;sBAAUC;6BAAcmB;;;0CAQpCC;0BAA4BN,GAAAA,OAAAA,aAAc,CAAAX,qBAAA,EAAA;2BAAIG;yBAC7EJ;kBAGLmB;uBACIH;uBAEHA;oCAGKtB;sBACNa,GAAAA,OAAab,aAAAA,CAAAA,4BAAAA,EAAAA,MAAAA,WAAAA,GAAAA,OAAAA,aAAAA,CAAAA,sBAAAA,EAAAA,wBAAgC,WAAA,GAAAX,OAAAI,aAAA,CAAAiC,4BAAA,EAAAC,8BAAA,WAAA,GAAAtC,OAAAI,aAAA,CAAAmC,4BAAA,EAAA,MAAA,WAAA,GAAAvC,OAAAI,aAAA,CAAAsB,2BAAA,EAAA;sBAC7CD,WAAed,GAAAA,OAAAA,aAAAA,CAAAA,qBAAAA;8BACfgB,CAAAA,UAAchB,EAAAA,MAAAA,OAAAA,CAAAA;+BAEfiB;gBAMXP,UAAA,CAAA;YAEA,GAAAJ;mBACEZ,mBAAUK,QAAAA,mBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,eAAAA,OAAAA;eACV8B,kBAAWV;QACb,GAAA,AAAAW,CAAAA,+BAAAR,uBAAA,QAAAA,uBAAA,KAAA,IAAA,KAAA,IAAAA,mBAAAV,QAAA,MAAA,QAAAkB,iCAAA,KAAA,IAAAA,+BAAAnB,mBAAA,QAAAA,mBAAA,KAAA,IAAA,KAAA,IAAAA,eAAAC,QAAA,GAAA,WAAA,GAAAvB,OAAAI,aAAA,CAAA2B,6BAAA,EAAA;YAEAC,MAAOU,wBAAAA,QAAAA,wBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,oBAAAA,IAAAA;YACPlB,aAAAb,wBAAA,QAAAA,wBAAA,KAAA,IAAA,KAAA,IAAAA,oBAAAa,WAAA"}

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

@@ -3,5 +3,6 @@ Object.defineProperty(exports, "__esModule", {
     value: true
 });
 const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./generateReferenceCitationPreview"), exports);
 _export_star._(require("./useReferenceCitationPreview"), exports);
  //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './useReferenceCitationPreview';\n"],"names":[],"rangeMappings":";;;;;","mappings":";;;;;uBAAc"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './generateReferenceCitationPreview';\nexport * from './useReferenceCitationPreview';\n"],"names":[],"rangeMappings":";;;;;;","mappings":";;;;;uBAAc;uBACA"}

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

@@ -9,145 +9,10 @@ Object.defineProperty(exports, "useReferenceCitationPreview", {
     }
 });
 const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
-const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
-const _reactcomponents = require("@fluentui/react-components");
-const _reactpreview = require("@fluentui-copilot/react-preview");
-const _reactsensitivitylabel = require("@fluentui-copilot/react-sensitivity-label");
-const _Citation = require("../../Citation");
-const _ReferenceV2 = require("../../ReferenceV2");
-// 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.
-const CitationCloseButton = (citationCloseButtonProps)=>{
-    const setPopoverOpen = (0, _reactcomponents.usePopoverContext_unstable)((context)=>context.setOpen);
-    const onPopoverCloseClick = _react.useCallback((ev)=>{
-        setPopoverOpen(ev, false);
-        // Don't navigate
-        ev.preventDefault();
-    }, [
-        setPopoverOpen
-    ]);
-    const onCitationCloseButtonClick = (0, _reactcomponents.mergeCallbacks)(onPopoverCloseClick, citationCloseButtonProps.onClick);
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_Citation.Citation, {
-        ...citationCloseButtonProps,
-        onClick: onCitationCloseButtonClick
-    });
-};
+const _generateReferenceCitationPreview = require("./generateReferenceCitationPreview");
 const useReferenceCitationPreview = (props)=>{
-    const { citationPreviewProps, citationPreviewSurfaceProps, citationProps, index, previewContentProps, previewHeaderProps, referencePreviewProps, referencePreviewSurfaceProps, referenceProps, sensitivityLabelProps } = props;
-    const components = _react.useMemo(()=>{
-        const CitationWithPreview = (props)=>{
-            var _previewContentProps_content;
-            return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_reactpreview.Preview, {
-                closeOnScroll: true,
-                positioning: "below",
-                size: "small",
-                trapFocus: true,
-                withArrow: true,
-                ...citationPreviewProps,
-                children: [
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactpreview.PreviewTrigger, {
-                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Citation.Citation, {
-                            ...citationProps,
-                            ...props,
-                            children: index
-                        })
-                    }),
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactpreview.PreviewSurface, {
-                        ...citationPreviewSurfaceProps,
-                        children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_reactpreview.PreviewContent, {
-                            children: [
-                                /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactpreview.PreviewHeader, {
-                                    citation: /*#__PURE__*/ (0, _jsxruntime.jsx)(CitationCloseButton, {
-                                        "aria-label": `Reference ${index}, close`,
-                                        referenceHref: "#",
-                                        tabIndex: -1,
-                                        children: index
-                                    }),
-                                    media: referenceProps === null || referenceProps === void 0 ? void 0 : referenceProps.graphic,
-                                    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,
-                                    primaryText: previewContentProps === null || previewContentProps === void 0 ? void 0 : previewContentProps.primaryText,
-                                    secondaryText: previewContentProps === null || previewContentProps === void 0 ? void 0 : previewContentProps.secondaryText,
-                                    tertiaryText: previewContentProps === null || previewContentProps === void 0 ? void 0 : previewContentProps.tertiaryText
-                                }),
-                                sensitivityLabelProps && /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactsensitivitylabel.SensitivityLabel, {
-                                    ...sensitivityLabelProps
-                                }),
-                                (_previewContentProps_content = previewContentProps === null || previewContentProps === void 0 ? void 0 : previewContentProps.content) !== null && _previewContentProps_content !== void 0 ? _previewContentProps_content : citationPreviewProps === null || citationPreviewProps === void 0 ? void 0 : citationPreviewProps.children
-                            ]
-                        })
-                    })
-                ]
-            });
-        };
-        const ReferenceWithPreview = (props)=>{
-            const mergedReferenceProps = {
-                citation: index,
-                ...referenceProps,
-                ...props
-            };
-            var _previewHeaderProps_children, _previewContentProps_content;
-            return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_reactpreview.Preview, {
-                closeOnScroll: true,
-                positioning: "below",
-                size: "small",
-                trapFocus: true,
-                withArrow: true,
-                ...referencePreviewProps,
-                children: [
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactpreview.PreviewTrigger, {
-                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_ReferenceV2.Reference, {
-                            ...mergedReferenceProps
-                        })
-                    }),
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactpreview.PreviewSurface, {
-                        ...referencePreviewSurfaceProps,
-                        children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_reactpreview.PreviewContent, {
-                            children: [
-                                /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactpreview.PreviewHeader, {
-                                    citation: /*#__PURE__*/ (0, _jsxruntime.jsx)(CitationCloseButton, {
-                                        "aria-label": `Reference ${index}, close`,
-                                        referenceHref: "#",
-                                        tabIndex: -1,
-                                        children: index
-                                    }),
-                                    media: referenceProps === null || referenceProps === void 0 ? void 0 : referenceProps.graphic,
-                                    ...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,
-                                    primaryText: previewContentProps === null || previewContentProps === void 0 ? void 0 : previewContentProps.primaryText,
-                                    secondaryText: previewContentProps === null || previewContentProps === void 0 ? void 0 : previewContentProps.secondaryText,
-                                    tertiaryText: previewContentProps === null || previewContentProps === void 0 ? void 0 : previewContentProps.tertiaryText
-                                }),
-                                sensitivityLabelProps && /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactsensitivitylabel.SensitivityLabel, {
-                                    ...sensitivityLabelProps
-                                }),
-                                (_previewContentProps_content = previewContentProps === null || previewContentProps === void 0 ? void 0 : previewContentProps.content) !== null && _previewContentProps_content !== void 0 ? _previewContentProps_content : referencePreviewProps === null || referencePreviewProps === void 0 ? void 0 : referencePreviewProps.children
-                            ]
-                        })
-                    })
-                ]
-            });
-        };
-        return {
-            Citation: CitationWithPreview,
-            Reference: ReferenceWithPreview
-        };
-    }, [
-        citationPreviewProps,
-        citationPreviewSurfaceProps,
-        citationProps,
-        index,
-        previewHeaderProps,
-        referencePreviewProps,
-        referencePreviewSurfaceProps,
-        referenceProps,
-        previewContentProps,
-        sensitivityLabelProps
+    return _react.useMemo(()=>(0, _generateReferenceCitationPreview.generateReferenceCitationPreview)(props), [
+        props
     ]);
-    return components;
 }; //# sourceMappingURL=useReferenceCitationPreview.js.map

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  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"}
+{"version":3,"sources":["useReferenceCitationPreview.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport * as React from 'react';\n\nimport {\n  generateReferenceCitationPreview,\n  type ReferenceCitationPreviewGenerator,\n  type ReferenceCitationPreviewGeneratorProps,\n} from './generateReferenceCitationPreview';\n\nexport type UseReferenceCitationPreviewProps = ReferenceCitationPreviewGeneratorProps;\n\nexport type UseReferenceCitationPreview = ReferenceCitationPreviewGenerator;\n\n/**\n * Hook to generate a Citation - Reference pair with correctly wired props.\n * Both the Citation and the Reference act as trigger components to Previews that are also correctly wired by the hook.\n * Props can either be passed in to the hook or applied directly to the generated components in JSX.\n *\n * This hook internally calls the `generateReferenceCitationPreview` function and memoizes its return value based on the props.\n * You should only use this hook when the props used to generate the Citation - Reference pair can change dynamically.\n * If they are static, or in case you wanted to generate multiple pairs within a cycle, you should call\n * `generateReferenceCitationPreview` directly.\n *\n * @returns A Citation - Reference pair with correctly wired props.\n */\nexport const useReferenceCitationPreview: UseReferenceCitationPreview = props => {\n  return React.useMemo(() => generateReferenceCitationPreview(props), [props]);\n};\n"],"names":["React","generateReferenceCitationPreview","props"],"rangeMappings":";;;;;;;;;;;;;;;;;","mappings":";;;;+BA4BSA;;;eAAAA;;;;iEA5BT;kDASO;AAmBL,MAAOA,8BAAoBC,CAAAA;WAA0CC,OAAAA,OAAAA,CAAAA,IAAAA,IAAAA,kEAAAA,EAAAA,QAAAA;QAAAA;KAAAA;GACvE,uDAAE"}

package/lib-commonjs/index.js

@@ -39,6 +39,9 @@ _export(exports, {
     citationClassNames: function() {
         return _Citation.citationClassNames;
     },
+    generateReferenceCitationPreview: function() {
+        return _referencev21.generateReferenceCitationPreview;
+    },
     referenceClassNames: function() {
         return _Reference.referenceClassNames;
     },

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 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"}
+{"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  ReferenceCitationPreviewGenerator,\n  ReferenceCitationPreviewGeneratorProps,\n  UseReferenceCitationPreview as UseReferenceCitationPreviewV2,\n  UseReferenceCitationPreviewProps as UseReferenceCitationPreviewV2Props,\n} from './hooks/reference-v2';\nexport {\n  generateReferenceCitationPreview,\n  useReferenceCitationPreview as useReferenceCitationPreviewV2,\n} from './hooks/reference-v2';\n"],"names":["Citation","Reference","ReferenceGroupToggle","ReferenceList","ReferenceListContext","ReferenceListContextProvider","ReferenceListV2","ReferenceOverflowButton","ReferenceV2","citationClassNames","generateReferenceCitationPreview","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;;IA6GlBC,gCAAgC;eAAhCA,8CAAgC;;IAtGhCC,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;;IAkGHC,6BAA6B;eAA5DD,yCAAAA;;IAlGoCE,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;8BAcA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui-copilot/react-reference",
-  "version": "0.0.0-nightly-20240625-0406-eccb618e.1",
+  "version": "0.0.0-nightly-20240627-0406-0fec4afd.1",
   "description": "Fluent AI controls for citations and references",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -12,10 +12,10 @@
   },
   "license": "MIT",
   "dependencies": {
-    "@fluentui-copilot/react-preview": "0.0.0-nightly-20240625-0406-eccb618e.1",
-    "@fluentui-copilot/react-provider": "0.0.0-nightly-20240625-0406-eccb618e.1",
-    "@fluentui-copilot/react-sensitivity-label": "0.0.0-nightly-20240625-0406-eccb618e.1",
-    "@fluentui-copilot/react-utilities": "0.0.0-nightly-20240625-0406-eccb618e.1",
+    "@fluentui-copilot/react-preview": "0.0.0-nightly-20240627-0406-0fec4afd.1",
+    "@fluentui-copilot/react-provider": "0.0.0-nightly-20240627-0406-0fec4afd.1",
+    "@fluentui-copilot/react-sensitivity-label": "0.0.0-nightly-20240627-0406-0fec4afd.1",
+    "@fluentui-copilot/react-utilities": "0.0.0-nightly-20240627-0406-0fec4afd.1",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {