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

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

@@ -5,18 +5,20 @@ 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
-  });
+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.
@@ -29,79 +31,66 @@ const CitationCloseButton = citationCloseButtonProps => {
  * `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: "above",
-      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": `Close Reference ${index}`,
-        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
+ */ 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: "above",
+            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": `Close Reference ${index}`,
+                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)));
     };
-    var _previewHeaderProps_children, _previewContentProps_content;
-    return /*#__PURE__*/React.createElement(Preview, {
-      closeOnScroll: true,
-      positioning: "above",
-      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": `Close Reference ${index}`,
-        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;
+    const ReferenceWithPreview = (props)=>{
+        const mergedReferenceProps = {
+            citation: index,
+            ...referenceProps,
+            ...props
+        };
+        var _previewHeaderProps_children, _previewContentProps_content;
+        return /*#__PURE__*/ React.createElement(Preview, {
+            closeOnScroll: true,
+            positioning: "above",
+            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": `Close Reference ${index}`,
+                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/utilities/reference-v2/index.js

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

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+  import * as React from 'react';
 import { generateReferenceCitationPreview } from './generateReferenceCitationPreview';
 /**
  * Hook to generate a Citation - Reference pair with correctly wired props.
@@ -11,8 +11,8 @@ import { generateReferenceCitationPreview } from './generateReferenceCitationPre
  * `generateReferenceCitationPreview` directly.
  *
  * @returns A Citation - Reference pair with correctly wired props.
- */
-export const useReferenceCitationPreview = props => {
-  return React.useMemo(() => generateReferenceCitationPreview(props), [props]);
+ */ export const useReferenceCitationPreview = (props)=>{
+    return React.useMemo(()=>generateReferenceCitationPreview(props), [
+        props
+    ]);
 };
-//# sourceMappingURL=useReferenceCitationPreview.js.map

package/lib/utilities/useReferenceCitationPreview.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@fluentui/react-jsx-runtime/jsx-runtime";
+  import { jsx as _jsx, jsxs as _jsxs } from "@fluentui/react-jsx-runtime/jsx-runtime";
 import * as React from 'react';
 import { Caption1, assertSlots, mergeCallbacks, slot, useId, usePopoverContext_unstable } from '@fluentui/react-components';
 import { Preview, PreviewContent, PreviewHeader, PreviewMetadata, PreviewSurface, PreviewTrigger } from '@fluentui-copilot/react-preview';
@@ -6,18 +6,20 @@ import { SensitivityLabel } from '@fluentui-copilot/react-sensitivity-label';
 import { Citation } from '../Citation';
 import { Reference } from '../Reference';
 // 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
-  });
+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
+    });
 };
 /**
  * Hook to package a `Citation` and `Reference` together in an
@@ -25,105 +27,112 @@ const CitationCloseButton = citationCloseButtonProps => {
  *
  * When using citations and references, prefer using them via this
  * hook to ensure props are wired up correctly.
- */
-export const useReferenceCitationPreview = ({
-  index,
-  referenceId: propsRefId,
-  citationId: propsCiteId,
-  citationProps,
-  referenceProps,
-  previewHeaderProps,
-  previewProps,
-  previewSurfaceProps,
-  sensitivityLabelProps
-}) => {
-  const refId = useId();
-  const citeId = useId();
-  const referenceId = propsRefId !== null && propsRefId !== void 0 ? propsRefId : refId;
-  const citationId = propsCiteId !== null && propsCiteId !== void 0 ? propsCiteId : citeId;
-  const components = React.useMemo(() => {
-    const citationHref = `#${citationId}`;
-    const PackagedReference = props => {
-      var _props_index, _ref;
-      const referenceIndex = (_ref = (_props_index = props.index) !== null && _props_index !== void 0 ? _props_index : referenceProps === null || referenceProps === void 0 ? void 0 : referenceProps.index) !== null && _ref !== void 0 ? _ref : index;
-      return /*#__PURE__*/_jsx(Reference, {
-        ...referenceProps,
-        index: referenceIndex,
-        referenceId: referenceId,
-        citationHref: citationHref,
-        ...props
-      });
-    };
-    const CitationWithPreview = props => {
-      // We assert content as a slot to use it with its resolved props object and the correct defaults below.
-      const content = slot.always(referenceProps ? referenceProps.content : undefined, {
-        defaultProps: {
-          children: (referenceProps === null || referenceProps === void 0 ? void 0 : referenceProps.excerpt) && /*#__PURE__*/_jsx(Caption1, {
-            children: referenceProps.excerpt
-          })
-        },
-        elementType: 'div'
-      });
-      const citationWithPreviewState = {
-        components: {
-          content: 'div'
-        },
-        content
-      };
-      assertSlots(citationWithPreviewState);
-      // We resolve the slots' objects for sensitivity and title here so that we can use the information from their children below.
-      const sensitivity = slot.optional(referenceProps === null || referenceProps === void 0 ? void 0 : referenceProps.sensitivity, {
-        elementType: 'span'
-      });
-      const title = slot.optional(referenceProps === null || referenceProps === void 0 ? void 0 : referenceProps.label, {
-        elementType: 'div'
-      });
-      var _previewHeaderProps_children, _sensitivityLabelProps_description, _previewSurfaceProps_children;
-      return /*#__PURE__*/_jsxs(Preview, {
-        closeOnScroll: true,
-        positioning: "above",
-        size: "small",
-        trapFocus: true,
-        withArrow: true,
-        ...previewProps,
-        children: [/*#__PURE__*/_jsx(PreviewTrigger, {
-          children: /*#__PURE__*/_jsx(Citation, {
-            ...citationProps,
-            id: citationId,
-            ...props,
-            children: index
-          })
-        }), /*#__PURE__*/_jsx(PreviewSurface, {
-          ...previewSurfaceProps,
-          children: /*#__PURE__*/_jsxs(PreviewContent, {
-            children: [/*#__PURE__*/_jsx(PreviewHeader, {
-              citation: /*#__PURE__*/_jsx(CitationCloseButton, {
-                "aria-label": `Close Reference ${index}`,
-                referenceHref: "#",
-                tabIndex: -1,
-                children: index
-              }),
-              media: referenceProps === null || referenceProps === void 0 ? void 0 : referenceProps.media,
-              ...previewHeaderProps,
-              children: (_previewHeaderProps_children = previewHeaderProps === null || previewHeaderProps === void 0 ? void 0 : previewHeaderProps.children) !== null && _previewHeaderProps_children !== void 0 ? _previewHeaderProps_children : title === null || title === void 0 ? void 0 : title.children
-            }), /*#__PURE__*/_jsx(PreviewMetadata, {
-              icon: referenceProps === null || referenceProps === void 0 ? void 0 : referenceProps.icon,
-              primaryText: referenceProps === null || referenceProps === void 0 ? void 0 : referenceProps.primaryText,
-              secondaryText: referenceProps === null || referenceProps === void 0 ? void 0 : referenceProps.secondaryText,
-              tertiaryText: referenceProps === null || referenceProps === void 0 ? void 0 : referenceProps.tertiaryText
-            }), sensitivity && /*#__PURE__*/_jsx(SensitivityLabel, {
-              description: (_sensitivityLabelProps_description = sensitivityLabelProps === null || sensitivityLabelProps === void 0 ? void 0 : sensitivityLabelProps.description) !== null && _sensitivityLabelProps_description !== void 0 ? _sensitivityLabelProps_description : '',
-              children: sensitivity.children
-            }), /*#__PURE__*/_jsx(citationWithPreviewState.content, {}), (_previewSurfaceProps_children = previewSurfaceProps === null || previewSurfaceProps === void 0 ? void 0 : previewSurfaceProps.children) !== null && _previewSurfaceProps_children !== void 0 ? _previewSurfaceProps_children : previewProps === null || previewProps === void 0 ? void 0 : previewProps.children]
-          })
-        })]
-      });
-    };
-    return {
-      Citation: CitationWithPreview,
-      Reference: PackagedReference
-    };
-  }, [index, referenceId, citationId, referenceProps, citationProps, previewHeaderProps, previewProps, previewSurfaceProps, sensitivityLabelProps]);
-  return components;
+ */ export const useReferenceCitationPreview = ({ index, referenceId: propsRefId, citationId: propsCiteId, citationProps, referenceProps, previewHeaderProps, previewProps, previewSurfaceProps, sensitivityLabelProps })=>{
+    const refId = useId();
+    const citeId = useId();
+    const referenceId = propsRefId !== null && propsRefId !== void 0 ? propsRefId : refId;
+    const citationId = propsCiteId !== null && propsCiteId !== void 0 ? propsCiteId : citeId;
+    const components = React.useMemo(()=>{
+        const citationHref = `#${citationId}`;
+        const PackagedReference = (props)=>{
+            var _props_index, _ref;
+            const referenceIndex = (_ref = (_props_index = props.index) !== null && _props_index !== void 0 ? _props_index : referenceProps === null || referenceProps === void 0 ? void 0 : referenceProps.index) !== null && _ref !== void 0 ? _ref : index;
+            return /*#__PURE__*/ _jsx(Reference, {
+                ...referenceProps,
+                index: referenceIndex,
+                referenceId: referenceId,
+                citationHref: citationHref,
+                ...props
+            });
+        };
+        const CitationWithPreview = (props)=>{
+            // We assert content as a slot to use it with its resolved props object and the correct defaults below.
+            const content = slot.always(referenceProps ? referenceProps.content : undefined, {
+                defaultProps: {
+                    children: (referenceProps === null || referenceProps === void 0 ? void 0 : referenceProps.excerpt) && /*#__PURE__*/ _jsx(Caption1, {
+                        children: referenceProps.excerpt
+                    })
+                },
+                elementType: 'div'
+            });
+            const citationWithPreviewState = {
+                components: {
+                    content: 'div'
+                },
+                content
+            };
+            assertSlots(citationWithPreviewState);
+            // We resolve the slots' objects for sensitivity and title here so that we can use the information from their children below.
+            const sensitivity = slot.optional(referenceProps === null || referenceProps === void 0 ? void 0 : referenceProps.sensitivity, {
+                elementType: 'span'
+            });
+            const title = slot.optional(referenceProps === null || referenceProps === void 0 ? void 0 : referenceProps.label, {
+                elementType: 'div'
+            });
+            var _previewHeaderProps_children, _sensitivityLabelProps_description, _previewSurfaceProps_children;
+            return /*#__PURE__*/ _jsxs(Preview, {
+                closeOnScroll: true,
+                positioning: "above",
+                size: "small",
+                trapFocus: true,
+                withArrow: true,
+                ...previewProps,
+                children: [
+                    /*#__PURE__*/ _jsx(PreviewTrigger, {
+                        children: /*#__PURE__*/ _jsx(Citation, {
+                            ...citationProps,
+                            id: citationId,
+                            ...props,
+                            children: index
+                        })
+                    }),
+                    /*#__PURE__*/ _jsx(PreviewSurface, {
+                        ...previewSurfaceProps,
+                        children: /*#__PURE__*/ _jsxs(PreviewContent, {
+                            children: [
+                                /*#__PURE__*/ _jsx(PreviewHeader, {
+                                    citation: /*#__PURE__*/ _jsx(CitationCloseButton, {
+                                        "aria-label": `Close Reference ${index}`,
+                                        referenceHref: "#",
+                                        tabIndex: -1,
+                                        children: index
+                                    }),
+                                    media: referenceProps === null || referenceProps === void 0 ? void 0 : referenceProps.media,
+                                    ...previewHeaderProps,
+                                    children: (_previewHeaderProps_children = previewHeaderProps === null || previewHeaderProps === void 0 ? void 0 : previewHeaderProps.children) !== null && _previewHeaderProps_children !== void 0 ? _previewHeaderProps_children : title === null || title === void 0 ? void 0 : title.children
+                                }),
+                                /*#__PURE__*/ _jsx(PreviewMetadata, {
+                                    icon: referenceProps === null || referenceProps === void 0 ? void 0 : referenceProps.icon,
+                                    primaryText: referenceProps === null || referenceProps === void 0 ? void 0 : referenceProps.primaryText,
+                                    secondaryText: referenceProps === null || referenceProps === void 0 ? void 0 : referenceProps.secondaryText,
+                                    tertiaryText: referenceProps === null || referenceProps === void 0 ? void 0 : referenceProps.tertiaryText
+                                }),
+                                sensitivity && /*#__PURE__*/ _jsx(SensitivityLabel, {
+                                    description: (_sensitivityLabelProps_description = sensitivityLabelProps === null || sensitivityLabelProps === void 0 ? void 0 : sensitivityLabelProps.description) !== null && _sensitivityLabelProps_description !== void 0 ? _sensitivityLabelProps_description : '',
+                                    children: sensitivity.children
+                                }),
+                                /*#__PURE__*/ _jsx(citationWithPreviewState.content, {}),
+                                (_previewSurfaceProps_children = previewSurfaceProps === null || previewSurfaceProps === void 0 ? void 0 : previewSurfaceProps.children) !== null && _previewSurfaceProps_children !== void 0 ? _previewSurfaceProps_children : previewProps === null || previewProps === void 0 ? void 0 : previewProps.children
+                            ]
+                        })
+                    })
+                ]
+            });
+        };
+        return {
+            Citation: CitationWithPreview,
+            Reference: PackagedReference
+        };
+    }, [
+        index,
+        referenceId,
+        citationId,
+        referenceProps,
+        citationProps,
+        previewHeaderProps,
+        previewProps,
+        previewSurfaceProps,
+        sensitivityLabelProps
+    ]);
+    return components;
 };
-//# sourceMappingURL=useReferenceCitationPreview.js.map

package/lib/utilities/useReferenceGroup.js

@@ -1,40 +1,36 @@
 import * as React from 'react';
-import { __styles, useId } from '@fluentui/react-components';
-const useStyles = __styles({
-  hidden: {
-    mc9l5x: "fjseox"
-  }
-}, {
-  d: [".fjseox{display:none;}"]
-});
+import { useId } from '@fluentui/react-components';
+import { useStyles } from './useReferenceGroup.styles';
 /**
  * Hook to package a `ReferenceGroupToggle` and `ReferenceList` together and
  * maintain their `isOpen` state.
  *
  * When rendering a group of references, prefer to use this hook
  * hook to ensure state is maintained correctly
- */
-export const useReferenceGroup = props => {
-  const [isOpen, setIsOpen] = React.useState(false);
-  const styles = useStyles();
-  const referenceListId = useId('reference-list', props.referenceListId);
-  return React.useMemo(() => {
-    const handleClick = () => {
-      setIsOpen(isOpen => !isOpen);
-    };
-    const referenceGroupToggleProps = {
-      'aria-controls': referenceListId,
-      isOpen,
-      onClick: handleClick
-    };
-    const referenceListProps = {
-      className: isOpen ? undefined : styles.hidden,
-      id: referenceListId
-    };
-    return {
-      referenceGroupToggleProps,
-      referenceListProps
-    };
-  }, [isOpen, referenceListId, styles.hidden]);
+ */ export const useReferenceGroup = (props)=>{
+    const [isOpen, setIsOpen] = React.useState(false);
+    const styles = useStyles();
+    const referenceListId = useId('reference-list', props.referenceListId);
+    return React.useMemo(()=>{
+        const handleClick = ()=>{
+            setIsOpen((isOpen)=>!isOpen);
+        };
+        const referenceGroupToggleProps = {
+            'aria-controls': referenceListId,
+            isOpen,
+            onClick: handleClick
+        };
+        const referenceListProps = {
+            className: isOpen ? undefined : styles.hidden,
+            id: referenceListId
+        };
+        return {
+            referenceGroupToggleProps,
+            referenceListProps
+        };
+    }, [
+        isOpen,
+        referenceListId,
+        styles.hidden
+    ]);
 };
-//# sourceMappingURL=useReferenceGroup.js.map

package/lib/utilities/useReferenceGroup.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useReferenceGroup.tsx"],"sourcesContent":["import * as React from 'react';\nimport { makeStyles, useId } from '@fluentui/react-components';\nimport type { ReferenceListProps } from '../ReferenceList';\nimport type { ReferenceGroupToggleProps } from '../ReferenceGroupToggle';\n\nexport type UseReferenceGroupProps = { referenceListId?: string };\nexport type UseReferenceGroup = (props: UseReferenceGroupProps) => {\n  referenceGroupToggleProps: ReferenceGroupToggleProps;\n  referenceListProps: ReferenceListProps;\n};\n\nconst useStyles = makeStyles({\n  hidden: {\n    display: 'none',\n  },\n});\n\n/**\n * Hook to package a `ReferenceGroupToggle` and `ReferenceList` together and\n * maintain their `isOpen` state.\n *\n * When rendering a group of references, prefer to use this hook\n * hook to ensure state is maintained correctly\n */\nexport const useReferenceGroup: UseReferenceGroup = props => {\n  const [isOpen, setIsOpen] = React.useState(false);\n  const styles = useStyles();\n  const referenceListId = useId('reference-list', props.referenceListId);\n\n  return React.useMemo(() => {\n    const handleClick = () => {\n      setIsOpen(isOpen => !isOpen);\n    };\n\n    const referenceGroupToggleProps = {\n      'aria-controls': referenceListId,\n      isOpen,\n      onClick: handleClick,\n    };\n\n    const referenceListProps = {\n      className: isOpen ? undefined : styles.hidden,\n      id: referenceListId,\n    };\n\n    return { referenceGroupToggleProps, referenceListProps };\n  }, [isOpen, referenceListId, styles.hidden]);\n};\n"],"names":["React","makeStyles","useId","useStyles","hidden","display","useReferenceGroup","props","isOpen","setIsOpen","useState","styles","referenceListId","useMemo","handleClick","referenceGroupToggleProps","onClick","referenceListProps","className","undefined","id"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,EAAEC,KAAK,QAAQ,6BAA6B;AAU/D,MAAMC,YAAYF,WAAW;IAC3BG,QAAQ;QACNC,SAAS;IACX;AACF;AAEA;;;;;;CAMC,GACD,OAAO,MAAMC,oBAAuCC,CAAAA;IAClD,MAAM,CAACC,QAAQC,UAAU,GAAGT,MAAMU,QAAQ,CAAC;IAC3C,MAAMC,SAASR;IACf,MAAMS,kBAAkBV,MAAM,kBAAkBK,MAAMK,eAAe;IAErE,OAAOZ,MAAMa,OAAO,CAAC;QACnB,MAAMC,cAAc;YAClBL,UAAUD,CAAAA,SAAU,CAACA;QACvB;QAEA,MAAMO,4BAA4B;YAChC,iBAAiBH;YACjBJ;YACAQ,SAASF;QACX;QAEA,MAAMG,qBAAqB;YACzBC,WAAWV,SAASW,YAAYR,OAAOP,MAAM;YAC7CgB,IAAIR;QACN;QAEA,OAAO;YAAEG;YAA2BE;QAAmB;IACzD,GAAG;QAACT;QAAQI;QAAiBD,OAAOP,MAAM;KAAC;AAC7C,EAAE"}
+{"version":3,"sources":["useReferenceGroup.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useId } from '@fluentui/react-components';\nimport type { ReferenceListProps } from '../ReferenceList';\nimport type { ReferenceGroupToggleProps } from '../ReferenceGroupToggle';\nimport { useStyles } from './useReferenceGroup.styles';\n\nexport type UseReferenceGroupProps = { referenceListId?: string };\nexport type UseReferenceGroup = (props: UseReferenceGroupProps) => {\n  referenceGroupToggleProps: ReferenceGroupToggleProps;\n  referenceListProps: ReferenceListProps;\n};\n\n/**\n * Hook to package a `ReferenceGroupToggle` and `ReferenceList` together and\n * maintain their `isOpen` state.\n *\n * When rendering a group of references, prefer to use this hook\n * hook to ensure state is maintained correctly\n */\nexport const useReferenceGroup: UseReferenceGroup = props => {\n  const [isOpen, setIsOpen] = React.useState(false);\n  const styles = useStyles();\n  const referenceListId = useId('reference-list', props.referenceListId);\n\n  return React.useMemo(() => {\n    const handleClick = () => {\n      setIsOpen(isOpen => !isOpen);\n    };\n\n    const referenceGroupToggleProps = {\n      'aria-controls': referenceListId,\n      isOpen,\n      onClick: handleClick,\n    };\n\n    const referenceListProps = {\n      className: isOpen ? undefined : styles.hidden,\n      id: referenceListId,\n    };\n\n    return { referenceGroupToggleProps, referenceListProps };\n  }, [isOpen, referenceListId, styles.hidden]);\n};\n"],"names":["React","useId","useStyles","useReferenceGroup","props","isOpen","setIsOpen","useState","styles","referenceListId","useMemo","handleClick","referenceGroupToggleProps","onClick","referenceListProps","className","undefined","hidden","id"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,KAAK,QAAQ,6BAA6B;AAGnD,SAASC,SAAS,QAAQ,6BAA6B;AAQvD;;;;;;CAMC,GACD,OAAO,MAAMC,oBAAuCC,CAAAA;IAClD,MAAM,CAACC,QAAQC,UAAU,GAAGN,MAAMO,QAAQ,CAAC;IAC3C,MAAMC,SAASN;IACf,MAAMO,kBAAkBR,MAAM,kBAAkBG,MAAMK,eAAe;IAErE,OAAOT,MAAMU,OAAO,CAAC;QACnB,MAAMC,cAAc;YAClBL,UAAUD,CAAAA,SAAU,CAACA;QACvB;QAEA,MAAMO,4BAA4B;YAChC,iBAAiBH;YACjBJ;YACAQ,SAASF;QACX;QAEA,MAAMG,qBAAqB;YACzBC,WAAWV,SAASW,YAAYR,OAAOS,MAAM;YAC7CC,IAAIT;QACN;QAEA,OAAO;YAAEG;YAA2BE;QAAmB;IACzD,GAAG;QAACT;QAAQI;QAAiBD,OAAOS,MAAM;KAAC;AAC7C,EAAE"}

package/lib/utilities/useReferenceGroup.styles.js

@@ -0,0 +1,9 @@
+import { __styles } from '@fluentui/react-components';
+export const useStyles = __styles({
+  hidden: {
+    mc9l5x: "fjseox"
+  }
+}, {
+  d: [".fjseox{display:none;}"]
+});
+//# sourceMappingURL=useReferenceGroup.styles.js.map

package/lib/utilities/useReferenceGroup.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useReferenceGroup.styles.ts"],"sourcesContent":["import { makeStyles } from '@fluentui/react-components';\n\nexport const useStyles = makeStyles({\n  hidden: {\n    display: 'none',\n  },\n});\n"],"names":["makeStyles","useStyles","hidden","display"],"rangeMappings":";;;;;","mappings":"AAAA,SAASA,UAAU,QAAQ,6BAA6B;AAExD,OAAO,MAAMC,YAAYD,WAAW;IAClCE,QAAQ;QACNC,SAAS;IACX;AACF,GAAG"}

package/lib/utilities/useReferenceGroup.styles.raw.js

@@ -0,0 +1,6 @@
+import { makeStyles } from '@fluentui/react-components';
+export const useStyles = makeStyles({
+    hidden: {
+        display: 'none'
+    }
+});

package/lib/utilities/useReferenceGroup.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useReferenceGroup.styles.ts"],"sourcesContent":["import { makeStyles } from '@fluentui/react-components';\n\nexport const useStyles = makeStyles({\n  hidden: {\n    display: 'none',\n  },\n});\n"],"names":["makeStyles","useStyles","hidden","display"],"rangeMappings":";;;;;","mappings":"AAAA,SAASA,UAAU,QAAQ,6BAA6B;AAExD,OAAO,MAAMC,YAAYD,WAAW;IAClCE,QAAQ;QACNC,SAAS;IACX;AACF,GAAG"}

package/lib-commonjs/Citation.js

@@ -26,4 +26,3 @@ _export(exports, {
     }
 });
 const _index = require("./components/Citation/index");
- //# sourceMappingURL=Citation.js.map

package/lib-commonjs/Reference.js

@@ -29,4 +29,3 @@ _export(exports, {
     }
 });
 const _index = require("./components/Reference/index");
- //# sourceMappingURL=Reference.js.map

package/lib-commonjs/ReferenceGroupToggle.js

@@ -26,4 +26,3 @@ _export(exports, {
     }
 });
 const _index = require("./components/ReferenceGroupToggle/index");
- //# sourceMappingURL=ReferenceGroupToggle.js.map

package/lib-commonjs/ReferenceList.js

@@ -29,4 +29,3 @@ _export(exports, {
     }
 });
 const _index = require("./components/ReferenceList/index");
- //# sourceMappingURL=ReferenceList.js.map

package/lib-commonjs/ReferenceListV2.js

@@ -26,4 +26,3 @@ _export(exports, {
     }
 });
 const _index = require("./components/reference-v2/ReferenceList/index");
- //# sourceMappingURL=ReferenceListV2.js.map

package/lib-commonjs/ReferenceOverflowButton.js

@@ -26,4 +26,3 @@ _export(exports, {
     }
 });
 const _index = require("./components/reference-v2/ReferenceOverflowButton/index");
- //# sourceMappingURL=ReferenceOverflowButton.js.map

package/lib-commonjs/ReferenceV2.js

@@ -29,4 +29,3 @@ _export(exports, {
     }
 });
 const _index = require("./components/reference-v2/Reference/index");
- //# sourceMappingURL=ReferenceV2.js.map