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

package/lib/contexts/reference-v2/referenceListContext.js

@@ -1,16 +1,17 @@
 import { createContext, useContextSelector } from '@fluentui/react-context-selector';
 export const ReferenceListContext = createContext(undefined);
 const referenceListContextDefaultValue = {
-    areReferencesExpanded: false,
-    maxVisibleReferences: undefined,
-    overflowButtonTriggeredViaKeyboard: {
-        current: false
-    },
-    referenceListRef: {
-        current: null
-    },
-    shouldUseOverflow: false,
-    totalReferencesCount: 0
+  areReferencesExpanded: false,
+  maxVisibleReferences: undefined,
+  overflowButtonTriggeredViaKeyboard: {
+    current: false
+  },
+  referenceListRef: {
+    current: null
+  },
+  shouldUseOverflow: false,
+  totalReferencesCount: 0
 };
 export const ReferenceListContextProvider = ReferenceListContext.Provider;
-export const useReferenceListContext_unstable = (selector)=>useContextSelector(ReferenceListContext, (ctx = referenceListContextDefaultValue)=>selector(ctx));
+export const useReferenceListContext_unstable = selector => useContextSelector(ReferenceListContext, (ctx = referenceListContextDefaultValue) => selector(ctx));
+//# sourceMappingURL=referenceListContext.js.map

package/lib/index.js

@@ -8,3 +8,4 @@ export { ReferenceList as ReferenceListV2, referenceListClassNames as referenceL
 export { ReferenceOverflowButton, referenceOverflowButtonClassNames, renderReferenceOverflowButton_unstable, useReferenceOverflowButtonStyles_unstable, useReferenceOverflowButton_unstable } from './ReferenceOverflowButton';
 export { ReferenceListContext, ReferenceListContextProvider, useReferenceListContext_unstable } from './contexts/reference-v2';
 export { generateReferenceCitationPreview, useReferenceCitationPreview as useReferenceCitationPreviewV2 } from './utilities/reference-v2';
+//# sourceMappingURL=index.js.map

package/lib/utilities/index.js

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

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

@@ -5,20 +5,18 @@ 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.
@@ -31,66 +29,79 @@ 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)));
+ */
+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
     };
-    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;
+    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,2 +1,3 @@
 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,20 +6,18 @@ 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
@@ -27,112 +25,105 @@ 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

@@ -7,30 +7,28 @@ import { useStyles } from './useReferenceGroup.styles';
  *
  * 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.styles.raw.js

@@ -1,6 +1,7 @@
 import { makeStyles } from '@fluentui/react-components';
 export const useStyles = makeStyles({
-    hidden: {
-        display: 'none'
-    }
+  hidden: {
+    display: 'none'
+  }
 });
+//# sourceMappingURL=useReferenceGroup.styles.raw.js.map

package/lib-commonjs/Citation.js

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

package/lib-commonjs/Reference.js

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

package/lib-commonjs/ReferenceGroupToggle.js

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

package/lib-commonjs/ReferenceList.js

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

package/lib-commonjs/ReferenceListV2.js

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

package/lib-commonjs/ReferenceOverflowButton.js

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

package/lib-commonjs/ReferenceV2.js

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

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

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