@fluentui-copilot/react-reference 0.9.1 → 0.10.0

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

@@ -10,29 +10,7 @@ Object.defineProperty(exports, "renderCitation_unstable", {
 });
 const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
 const _reactcomponents = require("@fluentui/react-components");
-const popoverPositioning = {
-    overflowBoundaryPadding: 4,
-    position: 'below'
-};
 const renderCitation_unstable = (state)=>{
     (0, _reactcomponents.assertSlots)(state);
-    return state.popover && state.popoverSurface ? /*#__PURE__*/ (0, _jsxruntime.jsxs)(_reactcomponents.Popover, {
-        closeOnScroll: true,
-        onOpenChange: state.onPopoverOpenChange,
-        open: state.isPopoverOpen,
-        positioning: popoverPositioning,
-        size: "small",
-        trapFocus: true,
-        unstable_disableAutoFocus: state.disableAutoFocus,
-        withArrow: true,
-        children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactcomponents.PopoverTrigger, {
-                disableButtonEnhancement: true,
-                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(state.root, {})
-            }),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(state.popoverSurface, {
-                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(state.popover, {})
-            })
-        ]
-    }) : /*#__PURE__*/ (0, _jsxruntime.jsx)(state.root, {});
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(state.root, {});
 }; //# sourceMappingURL=renderCitation.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["renderCitation.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { Popover, PopoverTrigger, assertSlots } from '@fluentui/react-components';\nconst popoverPositioning = {\n  overflowBoundaryPadding: 4,\n  position: 'below'\n};\n/**\n * Render the final JSX of Citation\n */\nexport const renderCitation_unstable = state => {\n  assertSlots(state);\n  return state.popover && state.popoverSurface ? /*#__PURE__*/_jsxs(Popover, {\n    closeOnScroll: true,\n    onOpenChange: state.onPopoverOpenChange,\n    open: state.isPopoverOpen,\n    positioning: popoverPositioning,\n    size: \"small\",\n    trapFocus: true,\n    unstable_disableAutoFocus: state.disableAutoFocus,\n    withArrow: true,\n    children: [/*#__PURE__*/_jsx(PopoverTrigger, {\n      disableButtonEnhancement: true,\n      children: /*#__PURE__*/_jsx(state.root, {})\n    }), /*#__PURE__*/_jsx(state.popoverSurface, {\n      children: /*#__PURE__*/_jsx(state.popover, {})\n    })]\n  }) : /*#__PURE__*/_jsx(state.root, {});\n};\n//# sourceMappingURL=renderCitation.js.map"],"names":["renderCitation_unstable","popoverPositioning","overflowBoundaryPadding","position","state","assertSlots","popover","popoverSurface","_jsxs","Popover","closeOnScroll","onOpenChange","onPopoverOpenChange","open","isPopoverOpen","positioning","size","trapFocus","unstable_disableAutoFocus","disableAutoFocus","withArrow","children","_jsx","PopoverTrigger","disableButtonEnhancement","root"],"mappings":";;;;+BASaA;;;eAAAA;;;4BAT8B;iCACU;AACrD,MAAMC,qBAAqB;IACzBC,yBAAyB;IACzBC,UAAU;AACZ;AAIO,MAAMH,0BAA0BI,CAAAA;IACrCC,IAAAA,4BAAW,EAACD;IACZ,OAAOA,MAAME,OAAO,IAAIF,MAAMG,cAAc,GAAG,WAAW,GAAEC,IAAAA,gBAAK,EAACC,wBAAO,EAAE;QACzEC,eAAe;QACfC,cAAcP,MAAMQ,mBAAmB;QACvCC,MAAMT,MAAMU,aAAa;QACzBC,aAAad;QACbe,MAAM;QACNC,WAAW;QACXC,2BAA2Bd,MAAMe,gBAAgB;QACjDC,WAAW;QACXC,UAAU;YAAC,WAAW,GAAEC,IAAAA,eAAI,EAACC,+BAAc,EAAE;gBAC3CC,0BAA0B;gBAC1BH,UAAU,WAAW,GAAEC,IAAAA,eAAI,EAAClB,MAAMqB,IAAI,EAAE,CAAC;YAC3C;YAAI,WAAW,GAAEH,IAAAA,eAAI,EAAClB,MAAMG,cAAc,EAAE;gBAC1Cc,UAAU,WAAW,GAAEC,IAAAA,eAAI,EAAClB,MAAME,OAAO,EAAE,CAAC;YAC9C;SAAG;IACL,KAAK,WAAW,GAAEgB,IAAAA,eAAI,EAAClB,MAAMqB,IAAI,EAAE,CAAC;AACtC,GACA,0CAA0C"}
+{"version":3,"sources":["renderCitation.js"],"sourcesContent":["import { jsx as _jsx } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { assertSlots } from '@fluentui/react-components';\n/**\n * Render the final JSX of Citation\n */\nexport const renderCitation_unstable = state => {\n  assertSlots(state);\n  return /*#__PURE__*/_jsx(state.root, {});\n};\n//# sourceMappingURL=renderCitation.js.map"],"names":["renderCitation_unstable","state","assertSlots","_jsx","root"],"mappings":";;;;+BAKaA;;;eAAAA;;;4BALe;iCACA;AAIrB,MAAMA,0BAA0BC,CAAAA;IACrCC,IAAAA,4BAAW,EAACD;IACZ,OAAO,WAAW,GAAEE,IAAAA,eAAI,EAACF,MAAMG,IAAI,EAAE,CAAC;AACxC,GACA,0CAA0C"}

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

@@ -8,146 +8,16 @@ Object.defineProperty(exports, "useCitation_unstable", {
         return useCitation_unstable;
     }
 });
-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 _keyboardkeys = require("@fluentui/keyboard-keys");
-const _reactutilities = require("@fluentui/react-utilities");
 const _reactpreview = require("@fluentui-copilot/react-preview");
-const POPOVER_MOUSE_HIDE_DELAY = 500;
-const POPOVER_KEYBOARD_HIDE_DELAY = 0;
-const getDelay = (type)=>{
-    if (type === 'focus' || type === 'blur') {
-        return POPOVER_KEYBOARD_HIDE_DELAY;
-    }
-    return POPOVER_MOUSE_HIDE_DELAY;
-};
 const useCitation_unstable = (props, ref)=>{
-    const { popover, popoverSurface, referenceHref, block = false, ...otherProps } = props;
-    const { targetDocument } = (0, _reactcomponents.useFluent)();
-    const [setTimeout, clearTimeout] = (0, _reactutilities.useTimeout)();
-    const popoverId = (0, _reactcomponents.useId)('citation-popover-');
-    const [disableAutoFocus, setDisableAutoFocus] = _react.useState(true);
-    const { current: citationInternalState } = _react.useRef({
-        openByClick: false,
-        openByHoverOverCitation: false,
-        openByHoverOverPopover: false,
-        openByKeyboard: false
-    });
-    const isOpen = ()=>{
-        return citationInternalState.openByClick || citationInternalState.openByHoverOverCitation || citationInternalState.openByHoverOverPopover || citationInternalState.openByKeyboard;
-    };
-    const [isPopoverOpen, setIsPopoverOpen] = _react.useState(false);
-    const preventDefaultClose = _react.useRef(false);
-    const handleCitationTargetEnter = (e)=>{
-        citationInternalState.openByHoverOverCitation = true;
-        // We want to disable auto focus only if the popover is being opened by hovering over the citation
-        if (!citationInternalState.openByClick && !citationInternalState.openByKeyboard) {
-            setDisableAutoFocus(true);
-        }
-        setIsPopoverOpen(isOpen());
-    };
-    const handleCitationTargetLeave = (e)=>{
-        citationInternalState.openByHoverOverCitation = false;
-        setTimeout(()=>{
-            setIsPopoverOpen(isOpen());
-        }, getDelay(e.type));
-    };
-    const handleCitationClick = (e)=>{
-        // Setting preventDefaultClose so that onPopoverOpenChange does not apply its logic when click is on the citation as we want to control that behavior.
-        preventDefaultClose.current = true;
-        // We set disableAutoFocus to false so that interactive elements within popover can be focused when it opens via click.
-        setDisableAutoFocus(false);
-        // If openByKeyboard is true, then the popover was already opened via keyboard and we always want to close it.
-        citationInternalState.openByClick = citationInternalState.openByKeyboard ? false : !citationInternalState.openByClick;
-        citationInternalState.openByHoverOverCitation = false;
-        citationInternalState.openByHoverOverPopover = false;
-        citationInternalState.openByKeyboard = false;
-        setIsPopoverOpen(isOpen());
-    };
-    const handleCitationKeyDown = (e)=>{
-        if (e.key === _keyboardkeys.Enter) {
-            clearTimeout();
-            // Setting default prevented so the enter key does not trigger a click event or onPopoverOpenChange.
-            e.preventDefault();
-            // We set disableAutoFocus to false so that interactive elements within popover can be focused when it opens via keyboard.
-            setDisableAutoFocus(false);
-            // If openByClick is true, then the popover was already opened via click and we always want to close it.
-            citationInternalState.openByKeyboard = citationInternalState.openByClick ? false : !citationInternalState.openByKeyboard;
-            citationInternalState.openByClick = false;
-            citationInternalState.openByHoverOverCitation = false;
-            citationInternalState.openByHoverOverPopover = false;
-            setIsPopoverOpen(isOpen());
-        }
-    };
-    const handlePopoverTargetEnter = (e)=>{
-        citationInternalState.openByHoverOverPopover = true;
-        setIsPopoverOpen(isOpen());
-    };
-    const handlePopoverTargetLeave = (e)=>{
-        citationInternalState.openByHoverOverPopover = false;
-        setTimeout(()=>{
-            setIsPopoverOpen(isOpen());
-        }, getDelay(e.type));
-    };
-    const onPopoverOpenChange = (e, data)=>{
-        if (!data.open) {
-            // We set all open state to false if preventDefaultClose was not set to true
-            if (!preventDefaultClose.current) {
-                clearTimeout();
-                citationInternalState.openByClick = false;
-                citationInternalState.openByHoverOverCitation = false;
-                citationInternalState.openByHoverOverPopover = false;
-                citationInternalState.openByKeyboard = false;
-                // use isOpen if managing owned popover, otherwise use data.open
-                const open = popover ? isOpen() : data.open;
-                setIsPopoverOpen(open);
-            }
-        }
-        preventDefaultClose.current = false;
-    };
-    // hitting escape should close the popover if it was opened by hover
-    // this is necessary to attach to the document because focus is likely not within the citation or popover
-    (0, _reactcomponents.useIsomorphicLayoutEffect)(()=>{
-        if (isPopoverOpen) {
-            const onDocumentKeyDown = (e)=>{
-                const openedByHover = !citationInternalState.openByClick && !citationInternalState.openByKeyboard;
-                if (openedByHover && e.key === _keyboardkeys.Escape) {
-                    clearTimeout();
-                    // We set state back to its default if the Escape key has been pressed
-                    setDisableAutoFocus(true);
-                    citationInternalState.openByClick = false;
-                    citationInternalState.openByHoverOverCitation = false;
-                    citationInternalState.openByHoverOverPopover = false;
-                    citationInternalState.openByKeyboard = false;
-                    setIsPopoverOpen(isOpen());
-                    e.stopPropagation();
-                }
-            };
-            targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.addEventListener('keydown', onDocumentKeyDown, {
-                capture: true
-            });
-            return ()=>{
-                targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.removeEventListener('keydown', onDocumentKeyDown, {
-                    capture: true
-                });
-            };
-        }
-    }, [
-        targetDocument,
-        isPopoverOpen
-    ]);
-    const isPopoverLocked = (0, _reactpreview.usePreviewContext_unstable)((ctx)=>ctx.isPreviewLocked) && props['aria-expanded'] || citationInternalState.openByClick || citationInternalState.openByKeyboard;
+    const { referenceHref, block = false, ...otherProps } = props;
+    const isPopoverLocked = (0, _reactpreview.usePreviewContext_unstable)((ctx)=>ctx.isPreviewLocked) && props['aria-expanded'];
     const state = {
         block,
-        disableAutoFocus,
-        isPopoverOpen,
         isPopoverLocked,
-        onPopoverOpenChange,
         components: {
-            root: 'a',
-            popover: 'div',
-            popoverSurface: _reactcomponents.PopoverSurface
+            root: 'a'
         },
         root: _reactcomponents.slot.always((0, _reactcomponents.getNativeElementProps)('a', {
             ref,
@@ -157,29 +27,7 @@ const useCitation_unstable = (props, ref)=>{
             ...otherProps
         }), {
             elementType: 'a'
-        }),
-        popover: _reactcomponents.slot.optional(popover, {
-            elementType: 'div'
-        }),
-        popoverSurface: _reactcomponents.slot.optional(popoverSurface, {
-            defaultProps: {
-                id: popoverId,
-                'aria-labelledby': popoverId
-            },
-            elementType: _reactcomponents.PopoverSurface,
-            renderByDefault: true
         })
     };
-    // attach popover handling events only if a popover is present
-    if (state.popover) {
-        state.root.onMouseEnter = (0, _reactcomponents.mergeCallbacks)(state.root.onMouseEnter, handleCitationTargetEnter);
-        state.root.onMouseLeave = (0, _reactcomponents.mergeCallbacks)(state.root.onMouseLeave, handleCitationTargetLeave);
-        state.root.onBlur = (0, _reactcomponents.mergeCallbacks)(state.root.onBlur, handleCitationTargetLeave);
-        state.root.onClick = (0, _reactcomponents.mergeCallbacks)(state.root.onClick, handleCitationClick);
-        state.root.onKeyDown = (0, _reactcomponents.mergeCallbacks)(state.root.onKeyDown, handleCitationKeyDown);
-        state.popover.onMouseEnter = (0, _reactcomponents.mergeCallbacks)(state.popover.onMouseEnter, handlePopoverTargetEnter);
-        state.popover.onMouseLeave = (0, _reactcomponents.mergeCallbacks)(state.popover.onMouseLeave, handlePopoverTargetLeave);
-        state.popover.onFocus = (0, _reactcomponents.mergeCallbacks)(state.popover.onFocus, handlePopoverTargetEnter);
-    }
     return state;
 }; //# sourceMappingURL=useCitation.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["useCitation.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, PopoverSurface, mergeCallbacks, slot, useFluent, useId, useIsomorphicLayoutEffect } from '@fluentui/react-components';\nimport { Enter, Escape } from '@fluentui/keyboard-keys';\nimport { useTimeout } from '@fluentui/react-utilities';\nimport { usePreviewContext_unstable } from '@fluentui-copilot/react-preview';\nconst POPOVER_MOUSE_HIDE_DELAY = 500;\nconst POPOVER_KEYBOARD_HIDE_DELAY = 0;\nconst getDelay = type => {\n  if (type === 'focus' || type === 'blur') {\n    return POPOVER_KEYBOARD_HIDE_DELAY;\n  }\n  return POPOVER_MOUSE_HIDE_DELAY;\n};\n/**\n * Create the state required to render Citation.\n *\n * The returned state can be modified with hooks such as useCitationStyles_unstable,\n * before being passed to renderCitation_unstable.\n *\n * @param props - props from this instance of Citation\n * @param ref - reference to root HTMLElement of Citation\n */\nexport const useCitation_unstable = (props, ref) => {\n  const {\n    popover,\n    popoverSurface,\n    referenceHref,\n    block = false,\n    ...otherProps\n  } = props;\n  const {\n    targetDocument\n  } = useFluent();\n  const [setTimeout, clearTimeout] = useTimeout();\n  const popoverId = useId('citation-popover-');\n  const [disableAutoFocus, setDisableAutoFocus] = React.useState(true);\n  const {\n    current: citationInternalState\n  } = React.useRef({\n    openByClick: false,\n    openByHoverOverCitation: false,\n    openByHoverOverPopover: false,\n    openByKeyboard: false\n  });\n  const isOpen = () => {\n    return citationInternalState.openByClick || citationInternalState.openByHoverOverCitation || citationInternalState.openByHoverOverPopover || citationInternalState.openByKeyboard;\n  };\n  const [isPopoverOpen, setIsPopoverOpen] = React.useState(false);\n  const preventDefaultClose = React.useRef(false);\n  const handleCitationTargetEnter = e => {\n    citationInternalState.openByHoverOverCitation = true;\n    // We want to disable auto focus only if the popover is being opened by hovering over the citation\n    if (!citationInternalState.openByClick && !citationInternalState.openByKeyboard) {\n      setDisableAutoFocus(true);\n    }\n    setIsPopoverOpen(isOpen());\n  };\n  const handleCitationTargetLeave = e => {\n    citationInternalState.openByHoverOverCitation = false;\n    setTimeout(() => {\n      setIsPopoverOpen(isOpen());\n    }, getDelay(e.type));\n  };\n  const handleCitationClick = e => {\n    // Setting preventDefaultClose so that onPopoverOpenChange does not apply its logic when click is on the citation as we want to control that behavior.\n    preventDefaultClose.current = true;\n    // We set disableAutoFocus to false so that interactive elements within popover can be focused when it opens via click.\n    setDisableAutoFocus(false);\n    // If openByKeyboard is true, then the popover was already opened via keyboard and we always want to close it.\n    citationInternalState.openByClick = citationInternalState.openByKeyboard ? false : !citationInternalState.openByClick;\n    citationInternalState.openByHoverOverCitation = false;\n    citationInternalState.openByHoverOverPopover = false;\n    citationInternalState.openByKeyboard = false;\n    setIsPopoverOpen(isOpen());\n  };\n  const handleCitationKeyDown = e => {\n    if (e.key === Enter) {\n      clearTimeout();\n      // Setting default prevented so the enter key does not trigger a click event or onPopoverOpenChange.\n      e.preventDefault();\n      // We set disableAutoFocus to false so that interactive elements within popover can be focused when it opens via keyboard.\n      setDisableAutoFocus(false);\n      // If openByClick is true, then the popover was already opened via click and we always want to close it.\n      citationInternalState.openByKeyboard = citationInternalState.openByClick ? false : !citationInternalState.openByKeyboard;\n      citationInternalState.openByClick = false;\n      citationInternalState.openByHoverOverCitation = false;\n      citationInternalState.openByHoverOverPopover = false;\n      setIsPopoverOpen(isOpen());\n    }\n  };\n  const handlePopoverTargetEnter = e => {\n    citationInternalState.openByHoverOverPopover = true;\n    setIsPopoverOpen(isOpen());\n  };\n  const handlePopoverTargetLeave = e => {\n    citationInternalState.openByHoverOverPopover = false;\n    setTimeout(() => {\n      setIsPopoverOpen(isOpen());\n    }, getDelay(e.type));\n  };\n  const onPopoverOpenChange = (e, data) => {\n    if (!data.open) {\n      // We set all open state to false if preventDefaultClose was not set to true\n      if (!preventDefaultClose.current) {\n        clearTimeout();\n        citationInternalState.openByClick = false;\n        citationInternalState.openByHoverOverCitation = false;\n        citationInternalState.openByHoverOverPopover = false;\n        citationInternalState.openByKeyboard = false;\n        // use isOpen if managing owned popover, otherwise use data.open\n        const open = popover ? isOpen() : data.open;\n        setIsPopoverOpen(open);\n      }\n    }\n    preventDefaultClose.current = false;\n  };\n  // hitting escape should close the popover if it was opened by hover\n  // this is necessary to attach to the document because focus is likely not within the citation or popover\n  useIsomorphicLayoutEffect(() => {\n    if (isPopoverOpen) {\n      const onDocumentKeyDown = e => {\n        const openedByHover = !citationInternalState.openByClick && !citationInternalState.openByKeyboard;\n        if (openedByHover && e.key === Escape) {\n          clearTimeout();\n          // We set state back to its default if the Escape key has been pressed\n          setDisableAutoFocus(true);\n          citationInternalState.openByClick = false;\n          citationInternalState.openByHoverOverCitation = false;\n          citationInternalState.openByHoverOverPopover = false;\n          citationInternalState.openByKeyboard = false;\n          setIsPopoverOpen(isOpen());\n          e.stopPropagation();\n        }\n      };\n      targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.addEventListener('keydown', onDocumentKeyDown, {\n        capture: true\n      });\n      return () => {\n        targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.removeEventListener('keydown', onDocumentKeyDown, {\n          capture: true\n        });\n      };\n    }\n  }, [targetDocument, isPopoverOpen]);\n  const isPopoverLocked = usePreviewContext_unstable(ctx => ctx.isPreviewLocked) && props['aria-expanded'] || citationInternalState.openByClick || citationInternalState.openByKeyboard;\n  const state = {\n    block,\n    disableAutoFocus,\n    isPopoverOpen,\n    isPopoverLocked,\n    onPopoverOpenChange,\n    components: {\n      root: 'a',\n      popover: 'div',\n      popoverSurface: PopoverSurface\n    },\n    root: slot.always(getNativeElementProps('a', {\n      ref,\n      href: referenceHref,\n      role: null,\n      'aria-expanded': null,\n      ...otherProps\n    }), {\n      elementType: 'a'\n    }),\n    popover: slot.optional(popover, {\n      elementType: 'div'\n    }),\n    popoverSurface: slot.optional(popoverSurface, {\n      defaultProps: {\n        id: popoverId,\n        'aria-labelledby': popoverId\n      },\n      elementType: PopoverSurface,\n      renderByDefault: true\n    })\n  };\n  // attach popover handling events only if a popover is present\n  if (state.popover) {\n    state.root.onMouseEnter = mergeCallbacks(state.root.onMouseEnter, handleCitationTargetEnter);\n    state.root.onMouseLeave = mergeCallbacks(state.root.onMouseLeave, handleCitationTargetLeave);\n    state.root.onBlur = mergeCallbacks(state.root.onBlur, handleCitationTargetLeave);\n    state.root.onClick = mergeCallbacks(state.root.onClick, handleCitationClick);\n    state.root.onKeyDown = mergeCallbacks(state.root.onKeyDown, handleCitationKeyDown);\n    state.popover.onMouseEnter = mergeCallbacks(state.popover.onMouseEnter, handlePopoverTargetEnter);\n    state.popover.onMouseLeave = mergeCallbacks(state.popover.onMouseLeave, handlePopoverTargetLeave);\n    state.popover.onFocus = mergeCallbacks(state.popover.onFocus, handlePopoverTargetEnter);\n  }\n  return state;\n};\n//# sourceMappingURL=useCitation.js.map"],"names":["useCitation_unstable","POPOVER_MOUSE_HIDE_DELAY","POPOVER_KEYBOARD_HIDE_DELAY","getDelay","type","props","ref","popover","popoverSurface","referenceHref","block","otherProps","targetDocument","useFluent","setTimeout","clearTimeout","useTimeout","popoverId","useId","disableAutoFocus","setDisableAutoFocus","React","useState","current","citationInternalState","useRef","openByClick","openByHoverOverCitation","openByHoverOverPopover","openByKeyboard","isOpen","isPopoverOpen","setIsPopoverOpen","preventDefaultClose","handleCitationTargetEnter","e","handleCitationTargetLeave","handleCitationClick","handleCitationKeyDown","key","Enter","preventDefault","handlePopoverTargetEnter","handlePopoverTargetLeave","onPopoverOpenChange","data","open","useIsomorphicLayoutEffect","onDocumentKeyDown","openedByHover","Escape","stopPropagation","addEventListener","capture","removeEventListener","isPopoverLocked","usePreviewContext_unstable","ctx","isPreviewLocked","state","components","root","PopoverSurface","slot","always","getNativeElementProps","href","role","elementType","optional","defaultProps","id","renderByDefault","onMouseEnter","mergeCallbacks","onMouseLeave","onBlur","onClick","onKeyDown","onFocus"],"mappings":"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"}
+{"version":3,"sources":["useCitation.js"],"sourcesContent":["import { getNativeElementProps, slot } from '@fluentui/react-components';\nimport { usePreviewContext_unstable } from '@fluentui-copilot/react-preview';\n/**\n * Create the state required to render Citation.\n *\n * The returned state can be modified with hooks such as useCitationStyles_unstable,\n * before being passed to renderCitation_unstable.\n *\n * @param props - props from this instance of Citation\n * @param ref - reference to root HTMLElement of Citation\n */\nexport const useCitation_unstable = (props, ref) => {\n  const {\n    referenceHref,\n    block = false,\n    ...otherProps\n  } = props;\n  const isPopoverLocked = usePreviewContext_unstable(ctx => ctx.isPreviewLocked) && props['aria-expanded'];\n  const state = {\n    block,\n    isPopoverLocked,\n    components: {\n      root: 'a'\n    },\n    root: slot.always(getNativeElementProps('a', {\n      ref,\n      href: referenceHref,\n      role: null,\n      'aria-expanded': null,\n      ...otherProps\n    }), {\n      elementType: 'a'\n    })\n  };\n  return state;\n};\n//# sourceMappingURL=useCitation.js.map"],"names":["useCitation_unstable","props","ref","referenceHref","block","otherProps","isPopoverLocked","usePreviewContext_unstable","ctx","isPreviewLocked","state","components","root","slot","always","getNativeElementProps","href","role","elementType"],"mappings":";;;;+BAWaA;;;eAAAA;;;iCAX+B;8BACD;AAUpC,MAAMA,uBAAuB,CAACC,OAAOC;IAC1C,MAAM,EACJC,aAAa,EACbC,QAAQ,KAAK,EACb,GAAGC,YACJ,GAAGJ;IACJ,MAAMK,kBAAkBC,IAAAA,wCAA0B,EAACC,CAAAA,MAAOA,IAAIC,eAAe,KAAKR,KAAK,CAAC,gBAAgB;IACxG,MAAMS,QAAQ;QACZN;QACAE;QACAK,YAAY;YACVC,MAAM;QACR;QACAA,MAAMC,qBAAI,CAACC,MAAM,CAACC,IAAAA,sCAAqB,EAAC,KAAK;YAC3Cb;YACAc,MAAMb;YACNc,MAAM;YACN,iBAAiB;YACjB,GAAGZ,UAAU;QACf,IAAI;YACFa,aAAa;QACf;IACF;IACA,OAAOR;AACT,GACA,uCAAuC"}

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

@@ -18,9 +18,7 @@ _export(exports, {
 });
 const _reactcomponents = require("@fluentui/react-components");
 const citationClassNames = {
-    root: 'fai-Citation',
-    popover: 'fai-Citation__popover',
-    popoverSurface: 'fai-Citation__popoverSurface'
+    root: 'fai-Citation'
 };
 const useCitationBaseClassName = (0, _reactcomponents.__resetStyles)("rad2akz", "r1hx2d32", [
     ".rad2akz{display:inline-flex;justify-content:center;box-sizing:border-box;align-items:center;font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase100);font-weight:var(--fontWeightSemibold);line-height:var(--lineHeightBase100);color:var(--colorNeutralForeground2);border:var(--strokeWidthThin) solid var(--colorNeutralStroke2);min-width:14px;height:14px;vertical-align:calc((var(--lineHeightBase100) - var(--fontSizeBase100)) / 2);border-radius:var(--borderRadiusMedium);text-decoration:none;margin-left:var(--spacingHorizontalXXS);margin-right:var(--spacingHorizontalXXS);}",
@@ -93,8 +91,5 @@ const useCitationStyles_unstable = (state)=>{
     const rootBaseClassName = useCitationBaseClassName();
     const rootStyles = useCitationRootStyles();
     state.root.className = (0, _reactcomponents.mergeClasses)(citationClassNames.root, state.isPopoverLocked && rootStyles.isPopoverLocked, state.block && rootStyles.isBlock, rootBaseClassName, state.root.className);
-    if (state.popover) {
-        state.popover.className = (0, _reactcomponents.mergeClasses)(citationClassNames.popover, state.popover.className);
-    }
     return state;
 }; //# sourceMappingURL=useCitationStyles.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["useCitationStyles.js"],"sourcesContent":["import { __resetStyles, __styles, mergeClasses, shorthands, tokens, typographyStyles } from '@fluentui/react-components';\nexport const citationClassNames = {\n  root: 'fai-Citation',\n  popover: 'fai-Citation__popover',\n  popoverSurface: 'fai-Citation__popoverSurface'\n};\nconst useCitationBaseClassName = __resetStyles(\"rad2akz\", \"r1hx2d32\", [\".rad2akz{display:inline-flex;justify-content:center;box-sizing:border-box;align-items:center;font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase100);font-weight:var(--fontWeightSemibold);line-height:var(--lineHeightBase100);color:var(--colorNeutralForeground2);border:var(--strokeWidthThin) solid var(--colorNeutralStroke2);min-width:14px;height:14px;vertical-align:calc((var(--lineHeightBase100) - var(--fontSizeBase100)) / 2);border-radius:var(--borderRadiusMedium);text-decoration:none;margin-left:var(--spacingHorizontalXXS);margin-right:var(--spacingHorizontalXXS);}\", \".rad2akz:hover{cursor:pointer;color:var(--colorBrandForeground2Hover);border-color:var(--colorBrandStroke2Hover);background-color:var(--colorBrandBackground2Hover);}\", \".rad2akz:hover:active{cursor:pointer;color:var(--colorBrandForeground2Pressed);border-color:var(--colorBrandStroke2Pressed);background-color:var(--colorBrandBackground2Pressed);}\", \".r1hx2d32{display:inline-flex;justify-content:center;box-sizing:border-box;align-items:center;font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase100);font-weight:var(--fontWeightSemibold);line-height:var(--lineHeightBase100);color:var(--colorNeutralForeground2);border:var(--strokeWidthThin) solid var(--colorNeutralStroke2);min-width:14px;height:14px;vertical-align:calc((var(--lineHeightBase100) - var(--fontSizeBase100)) / 2);border-radius:var(--borderRadiusMedium);text-decoration:none;margin-right:var(--spacingHorizontalXXS);margin-left:var(--spacingHorizontalXXS);}\", \".r1hx2d32:hover{cursor:pointer;color:var(--colorBrandForeground2Hover);border-color:var(--colorBrandStroke2Hover);background-color:var(--colorBrandBackground2Hover);}\", \".r1hx2d32:hover:active{cursor:pointer;color:var(--colorBrandForeground2Pressed);border-color:var(--colorBrandStroke2Pressed);background-color:var(--colorBrandBackground2Pressed);}\"]);\nconst useCitationRootStyles = __styles({\n  isBlock: {\n    mc9l5x: \"f22iagw\",\n    Frg6f3: [\"f1tyq0we\", \"f11qmguv\"],\n    t21cq0: [\"f11qmguv\", \"f1tyq0we\"]\n  },\n  isPopoverLocked: {\n    sj55zd: \"fkjhhq2\",\n    g2u3we: \"f1nbqb3e\",\n    h3c5rm: [\"fah3j9v\", \"f56crja\"],\n    B9xav0g: \"fef4ti1\",\n    zhjwy3: [\"f56crja\", \"fah3j9v\"],\n    De3pzq: \"f16xkysk\",\n    Bi91k9c: \"fbszb7v\",\n    Bgoe8wy: \"ftxwbyd\",\n    Bwzppfd: [\"f1p7dilp\", \"f15x2k42\"],\n    oetu4i: \"fegdlwn\",\n    gg5e9n: [\"f15x2k42\", \"f1p7dilp\"],\n    Jwef8y: \"f121v1wq\"\n  }\n}, {\n  d: [\".f22iagw{display:flex;}\", \".f1tyq0we{margin-left:0;}\", \".f11qmguv{margin-right:0;}\", \".fkjhhq2{color:var(--colorBrandForeground2Pressed);}\", \".f1nbqb3e{border-top-color:var(--colorBrandStroke2Pressed);}\", \".fah3j9v{border-right-color:var(--colorBrandStroke2Pressed);}\", \".f56crja{border-left-color:var(--colorBrandStroke2Pressed);}\", \".fef4ti1{border-bottom-color:var(--colorBrandStroke2Pressed);}\", \".f16xkysk{background-color:var(--colorBrandBackground2);}\"],\n  h: [\".fbszb7v:hover{color:var(--colorBrandForeground2Pressed);}\", \".ftxwbyd:hover{border-top-color:var(--colorBrandStroke2Pressed);}\", \".f1p7dilp:hover{border-right-color:var(--colorBrandStroke2Pressed);}\", \".f15x2k42:hover{border-left-color:var(--colorBrandStroke2Pressed);}\", \".fegdlwn:hover{border-bottom-color:var(--colorBrandStroke2Pressed);}\", \".f121v1wq:hover{background-color:var(--colorBrandBackground2);}\"]\n});\n/**\n * Apply styling to the Citation slots based on the state\n */\nexport const useCitationStyles_unstable = state => {\n  const rootBaseClassName = useCitationBaseClassName();\n  const rootStyles = useCitationRootStyles();\n  state.root.className = mergeClasses(citationClassNames.root, state.isPopoverLocked && rootStyles.isPopoverLocked, state.block && rootStyles.isBlock, rootBaseClassName, state.root.className);\n  if (state.popover) {\n    state.popover.className = mergeClasses(citationClassNames.popover, state.popover.className);\n  }\n  return state;\n};\n//# sourceMappingURL=useCitationStyles.js.map"],"names":["citationClassNames","useCitationStyles_unstable","root","popover","popoverSurface","useCitationBaseClassName","__resetStyles","useCitationRootStyles","__styles","isBlock","mc9l5x","Frg6f3","t21cq0","isPopoverLocked","sj55zd","g2u3we","h3c5rm","B9xav0g","zhjwy3","De3pzq","Bi91k9c","Bgoe8wy","Bwzppfd","oetu4i","gg5e9n","Jwef8y","d","h","state","rootBaseClassName","rootStyles","className","mergeClasses","block"],"mappings":";;;;;;;;;;;IACaA,kBAAkB;eAAlBA;;IAiCAC,0BAA0B;eAA1BA;;;iCAlC+E;AACrF,MAAMD,qBAAqB;IAChCE,MAAM;IACNC,SAAS;IACTC,gBAAgB;AAClB;AACA,MAAMC,2BAA2BC,IAAAA,8BAAa,EAAC,WAAW,YAAY;IAAC;IAA0kB;IAAyK;IAAsL;IAA2kB;IAA0K;CAAsL;AAC35D,MAAMC,wBAAwBC,IAAAA,yBAAQ,EAAC;IACrCC,SAAS;QACPC,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAW;QAChCC,QAAQ;YAAC;YAAY;SAAW;IAClC;IACAC,iBAAiB;QACfC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;YAAC;YAAY;SAAW;QACjCC,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAW;QAChCC,QAAQ;IACV;AACF,GAAG;IACDC,GAAG;QAAC;QAA2B;QAA6B;QAA8B;QAAwD;QAAgE;QAAiE;QAAgE;QAAkE;KAA4D;IACjdC,GAAG;QAAC;QAA8D;QAAqE;QAAwE;QAAuE;QAAwE;KAAkE;AACla;AAIO,MAAM1B,6BAA6B2B,CAAAA;IACxC,MAAMC,oBAAoBxB;IAC1B,MAAMyB,aAAavB;IACnBqB,MAAM1B,IAAI,CAAC6B,SAAS,GAAGC,IAAAA,6BAAY,EAAChC,mBAAmBE,IAAI,EAAE0B,MAAMf,eAAe,IAAIiB,WAAWjB,eAAe,EAAEe,MAAMK,KAAK,IAAIH,WAAWrB,OAAO,EAAEoB,mBAAmBD,MAAM1B,IAAI,CAAC6B,SAAS;IAC5L,IAAIH,MAAMzB,OAAO,EAAE;QACjByB,MAAMzB,OAAO,CAAC4B,SAAS,GAAGC,IAAAA,6BAAY,EAAChC,mBAAmBG,OAAO,EAAEyB,MAAMzB,OAAO,CAAC4B,SAAS;IAC5F;IACA,OAAOH;AACT,GACA,6CAA6C"}
+{"version":3,"sources":["useCitationStyles.js"],"sourcesContent":["import { __resetStyles, __styles, mergeClasses, shorthands, tokens, typographyStyles } from '@fluentui/react-components';\nexport const citationClassNames = {\n  root: 'fai-Citation'\n};\nconst useCitationBaseClassName = __resetStyles(\"rad2akz\", \"r1hx2d32\", [\".rad2akz{display:inline-flex;justify-content:center;box-sizing:border-box;align-items:center;font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase100);font-weight:var(--fontWeightSemibold);line-height:var(--lineHeightBase100);color:var(--colorNeutralForeground2);border:var(--strokeWidthThin) solid var(--colorNeutralStroke2);min-width:14px;height:14px;vertical-align:calc((var(--lineHeightBase100) - var(--fontSizeBase100)) / 2);border-radius:var(--borderRadiusMedium);text-decoration:none;margin-left:var(--spacingHorizontalXXS);margin-right:var(--spacingHorizontalXXS);}\", \".rad2akz:hover{cursor:pointer;color:var(--colorBrandForeground2Hover);border-color:var(--colorBrandStroke2Hover);background-color:var(--colorBrandBackground2Hover);}\", \".rad2akz:hover:active{cursor:pointer;color:var(--colorBrandForeground2Pressed);border-color:var(--colorBrandStroke2Pressed);background-color:var(--colorBrandBackground2Pressed);}\", \".r1hx2d32{display:inline-flex;justify-content:center;box-sizing:border-box;align-items:center;font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase100);font-weight:var(--fontWeightSemibold);line-height:var(--lineHeightBase100);color:var(--colorNeutralForeground2);border:var(--strokeWidthThin) solid var(--colorNeutralStroke2);min-width:14px;height:14px;vertical-align:calc((var(--lineHeightBase100) - var(--fontSizeBase100)) / 2);border-radius:var(--borderRadiusMedium);text-decoration:none;margin-right:var(--spacingHorizontalXXS);margin-left:var(--spacingHorizontalXXS);}\", \".r1hx2d32:hover{cursor:pointer;color:var(--colorBrandForeground2Hover);border-color:var(--colorBrandStroke2Hover);background-color:var(--colorBrandBackground2Hover);}\", \".r1hx2d32:hover:active{cursor:pointer;color:var(--colorBrandForeground2Pressed);border-color:var(--colorBrandStroke2Pressed);background-color:var(--colorBrandBackground2Pressed);}\"]);\nconst useCitationRootStyles = __styles({\n  isBlock: {\n    mc9l5x: \"f22iagw\",\n    Frg6f3: [\"f1tyq0we\", \"f11qmguv\"],\n    t21cq0: [\"f11qmguv\", \"f1tyq0we\"]\n  },\n  isPopoverLocked: {\n    sj55zd: \"fkjhhq2\",\n    g2u3we: \"f1nbqb3e\",\n    h3c5rm: [\"fah3j9v\", \"f56crja\"],\n    B9xav0g: \"fef4ti1\",\n    zhjwy3: [\"f56crja\", \"fah3j9v\"],\n    De3pzq: \"f16xkysk\",\n    Bi91k9c: \"fbszb7v\",\n    Bgoe8wy: \"ftxwbyd\",\n    Bwzppfd: [\"f1p7dilp\", \"f15x2k42\"],\n    oetu4i: \"fegdlwn\",\n    gg5e9n: [\"f15x2k42\", \"f1p7dilp\"],\n    Jwef8y: \"f121v1wq\"\n  }\n}, {\n  d: [\".f22iagw{display:flex;}\", \".f1tyq0we{margin-left:0;}\", \".f11qmguv{margin-right:0;}\", \".fkjhhq2{color:var(--colorBrandForeground2Pressed);}\", \".f1nbqb3e{border-top-color:var(--colorBrandStroke2Pressed);}\", \".fah3j9v{border-right-color:var(--colorBrandStroke2Pressed);}\", \".f56crja{border-left-color:var(--colorBrandStroke2Pressed);}\", \".fef4ti1{border-bottom-color:var(--colorBrandStroke2Pressed);}\", \".f16xkysk{background-color:var(--colorBrandBackground2);}\"],\n  h: [\".fbszb7v:hover{color:var(--colorBrandForeground2Pressed);}\", \".ftxwbyd:hover{border-top-color:var(--colorBrandStroke2Pressed);}\", \".f1p7dilp:hover{border-right-color:var(--colorBrandStroke2Pressed);}\", \".f15x2k42:hover{border-left-color:var(--colorBrandStroke2Pressed);}\", \".fegdlwn:hover{border-bottom-color:var(--colorBrandStroke2Pressed);}\", \".f121v1wq:hover{background-color:var(--colorBrandBackground2);}\"]\n});\n/**\n * Apply styling to the Citation slots based on the state\n */\nexport const useCitationStyles_unstable = state => {\n  const rootBaseClassName = useCitationBaseClassName();\n  const rootStyles = useCitationRootStyles();\n  state.root.className = mergeClasses(citationClassNames.root, state.isPopoverLocked && rootStyles.isPopoverLocked, state.block && rootStyles.isBlock, rootBaseClassName, state.root.className);\n  return state;\n};\n//# sourceMappingURL=useCitationStyles.js.map"],"names":["citationClassNames","useCitationStyles_unstable","root","useCitationBaseClassName","__resetStyles","useCitationRootStyles","__styles","isBlock","mc9l5x","Frg6f3","t21cq0","isPopoverLocked","sj55zd","g2u3we","h3c5rm","B9xav0g","zhjwy3","De3pzq","Bi91k9c","Bgoe8wy","Bwzppfd","oetu4i","gg5e9n","Jwef8y","d","h","state","rootBaseClassName","rootStyles","className","mergeClasses","block"],"mappings":";;;;;;;;;;;IACaA,kBAAkB;eAAlBA;;IA+BAC,0BAA0B;eAA1BA;;;iCAhC+E;AACrF,MAAMD,qBAAqB;IAChCE,MAAM;AACR;AACA,MAAMC,2BAA2BC,IAAAA,8BAAa,EAAC,WAAW,YAAY;IAAC;IAA0kB;IAAyK;IAAsL;IAA2kB;IAA0K;CAAsL;AAC35D,MAAMC,wBAAwBC,IAAAA,yBAAQ,EAAC;IACrCC,SAAS;QACPC,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAW;QAChCC,QAAQ;YAAC;YAAY;SAAW;IAClC;IACAC,iBAAiB;QACfC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;YAAC;YAAY;SAAW;QACjCC,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAW;QAChCC,QAAQ;IACV;AACF,GAAG;IACDC,GAAG;QAAC;QAA2B;QAA6B;QAA8B;QAAwD;QAAgE;QAAiE;QAAgE;QAAkE;KAA4D;IACjdC,GAAG;QAAC;QAA8D;QAAqE;QAAwE;QAAuE;QAAwE;KAAkE;AACla;AAIO,MAAMxB,6BAA6ByB,CAAAA;IACxC,MAAMC,oBAAoBxB;IAC1B,MAAMyB,aAAavB;IACnBqB,MAAMxB,IAAI,CAAC2B,SAAS,GAAGC,IAAAA,6BAAY,EAAC9B,mBAAmBE,IAAI,EAAEwB,MAAMf,eAAe,IAAIiB,WAAWjB,eAAe,EAAEe,MAAMK,KAAK,IAAIH,WAAWrB,OAAO,EAAEoB,mBAAmBD,MAAMxB,IAAI,CAAC2B,SAAS;IAC5L,OAAOH;AACT,GACA,6CAA6C"}

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

@@ -23,7 +23,6 @@ const renderReference_unstable = (state)=>{
                     state.detailsButton && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.detailsButton, {})
                 ]
             }),
-            state.sensitivityLabel && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.sensitivityLabel, {}),
             state.sensitivity && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.sensitivity, {}),
             /*#__PURE__*/ (0, _jsxruntime.jsxs)(state.metadata, {
                 children: [

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

@@ -1 +1 @@
-{"version":3,"sources":["renderReference.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { assertSlots } from '@fluentui/react-components';\n/**\n * Render the final JSX of Reference\n */\nexport const renderReference_unstable = state => {\n  assertSlots(state);\n  return /*#__PURE__*/_jsxs(state.root, {\n    children: [state.citation && /*#__PURE__*/_jsx(state.citation, {}), state.media && /*#__PURE__*/_jsx(state.media, {}), /*#__PURE__*/_jsx(state.label, {}), state.actions && /*#__PURE__*/_jsxs(state.actions, {\n      children: [state.actions.children, state.detailsButton && /*#__PURE__*/_jsx(state.detailsButton, {})]\n    }), state.sensitivityLabel && /*#__PURE__*/_jsx(state.sensitivityLabel, {}), state.sensitivity && /*#__PURE__*/_jsx(state.sensitivity, {}), /*#__PURE__*/_jsxs(state.metadata, {\n      children: [state.primaryText && /*#__PURE__*/_jsx(state.primaryText, {}), state.secondaryText && /*#__PURE__*/_jsx(state.secondaryText, {}), state.tertiaryText && /*#__PURE__*/_jsx(state.tertiaryText, {}), state.icon && /*#__PURE__*/_jsx(state.icon, {}), state.metadata.children]\n    }), /*#__PURE__*/_jsx(state.content, {})]\n  });\n};\n//# sourceMappingURL=renderReference.js.map"],"names":["renderReference_unstable","state","assertSlots","_jsxs","root","children","citation","_jsx","media","label","actions","detailsButton","sensitivityLabel","sensitivity","metadata","primaryText","secondaryText","tertiaryText","icon","content"],"mappings":";;;;+BAKaA;;;eAAAA;;;4BAL8B;iCACf;AAIrB,MAAMA,2BAA2BC,CAAAA;IACtCC,IAAAA,4BAAW,EAACD;IACZ,OAAO,WAAW,GAAEE,IAAAA,gBAAK,EAACF,MAAMG,IAAI,EAAE;QACpCC,UAAU;YAACJ,MAAMK,QAAQ,IAAI,WAAW,GAAEC,IAAAA,eAAI,EAACN,MAAMK,QAAQ,EAAE,CAAC;YAAIL,MAAMO,KAAK,IAAI,WAAW,GAAED,IAAAA,eAAI,EAACN,MAAMO,KAAK,EAAE,CAAC;YAAI,WAAW,GAAED,IAAAA,eAAI,EAACN,MAAMQ,KAAK,EAAE,CAAC;YAAIR,MAAMS,OAAO,IAAI,WAAW,GAAEP,IAAAA,gBAAK,EAACF,MAAMS,OAAO,EAAE;gBAC5ML,UAAU;oBAACJ,MAAMS,OAAO,CAACL,QAAQ;oBAAEJ,MAAMU,aAAa,IAAI,WAAW,GAAEJ,IAAAA,eAAI,EAACN,MAAMU,aAAa,EAAE,CAAC;iBAAG;YACvG;YAAIV,MAAMW,gBAAgB,IAAI,WAAW,GAAEL,IAAAA,eAAI,EAACN,MAAMW,gBAAgB,EAAE,CAAC;YAAIX,MAAMY,WAAW,IAAI,WAAW,GAAEN,IAAAA,eAAI,EAACN,MAAMY,WAAW,EAAE,CAAC;YAAI,WAAW,GAAEV,IAAAA,gBAAK,EAACF,MAAMa,QAAQ,EAAE;gBAC7KT,UAAU;oBAACJ,MAAMc,WAAW,IAAI,WAAW,GAAER,IAAAA,eAAI,EAACN,MAAMc,WAAW,EAAE,CAAC;oBAAId,MAAMe,aAAa,IAAI,WAAW,GAAET,IAAAA,eAAI,EAACN,MAAMe,aAAa,EAAE,CAAC;oBAAIf,MAAMgB,YAAY,IAAI,WAAW,GAAEV,IAAAA,eAAI,EAACN,MAAMgB,YAAY,EAAE,CAAC;oBAAIhB,MAAMiB,IAAI,IAAI,WAAW,GAAEX,IAAAA,eAAI,EAACN,MAAMiB,IAAI,EAAE,CAAC;oBAAIjB,MAAMa,QAAQ,CAACT,QAAQ;iBAAC;YACzR;YAAI,WAAW,GAAEE,IAAAA,eAAI,EAACN,MAAMkB,OAAO,EAAE,CAAC;SAAG;IAC3C;AACF,GACA,2CAA2C"}
+{"version":3,"sources":["renderReference.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { assertSlots } from '@fluentui/react-components';\n/**\n * Render the final JSX of Reference\n */\nexport const renderReference_unstable = state => {\n  assertSlots(state);\n  return /*#__PURE__*/_jsxs(state.root, {\n    children: [state.citation && /*#__PURE__*/_jsx(state.citation, {}), state.media && /*#__PURE__*/_jsx(state.media, {}), /*#__PURE__*/_jsx(state.label, {}), state.actions && /*#__PURE__*/_jsxs(state.actions, {\n      children: [state.actions.children, state.detailsButton && /*#__PURE__*/_jsx(state.detailsButton, {})]\n    }), state.sensitivity && /*#__PURE__*/_jsx(state.sensitivity, {}), /*#__PURE__*/_jsxs(state.metadata, {\n      children: [state.primaryText && /*#__PURE__*/_jsx(state.primaryText, {}), state.secondaryText && /*#__PURE__*/_jsx(state.secondaryText, {}), state.tertiaryText && /*#__PURE__*/_jsx(state.tertiaryText, {}), state.icon && /*#__PURE__*/_jsx(state.icon, {}), state.metadata.children]\n    }), /*#__PURE__*/_jsx(state.content, {})]\n  });\n};\n//# sourceMappingURL=renderReference.js.map"],"names":["renderReference_unstable","state","assertSlots","_jsxs","root","children","citation","_jsx","media","label","actions","detailsButton","sensitivity","metadata","primaryText","secondaryText","tertiaryText","icon","content"],"mappings":";;;;+BAKaA;;;eAAAA;;;4BAL8B;iCACf;AAIrB,MAAMA,2BAA2BC,CAAAA;IACtCC,IAAAA,4BAAW,EAACD;IACZ,OAAO,WAAW,GAAEE,IAAAA,gBAAK,EAACF,MAAMG,IAAI,EAAE;QACpCC,UAAU;YAACJ,MAAMK,QAAQ,IAAI,WAAW,GAAEC,IAAAA,eAAI,EAACN,MAAMK,QAAQ,EAAE,CAAC;YAAIL,MAAMO,KAAK,IAAI,WAAW,GAAED,IAAAA,eAAI,EAACN,MAAMO,KAAK,EAAE,CAAC;YAAI,WAAW,GAAED,IAAAA,eAAI,EAACN,MAAMQ,KAAK,EAAE,CAAC;YAAIR,MAAMS,OAAO,IAAI,WAAW,GAAEP,IAAAA,gBAAK,EAACF,MAAMS,OAAO,EAAE;gBAC5ML,UAAU;oBAACJ,MAAMS,OAAO,CAACL,QAAQ;oBAAEJ,MAAMU,aAAa,IAAI,WAAW,GAAEJ,IAAAA,eAAI,EAACN,MAAMU,aAAa,EAAE,CAAC;iBAAG;YACvG;YAAIV,MAAMW,WAAW,IAAI,WAAW,GAAEL,IAAAA,eAAI,EAACN,MAAMW,WAAW,EAAE,CAAC;YAAI,WAAW,GAAET,IAAAA,gBAAK,EAACF,MAAMY,QAAQ,EAAE;gBACpGR,UAAU;oBAACJ,MAAMa,WAAW,IAAI,WAAW,GAAEP,IAAAA,eAAI,EAACN,MAAMa,WAAW,EAAE,CAAC;oBAAIb,MAAMc,aAAa,IAAI,WAAW,GAAER,IAAAA,eAAI,EAACN,MAAMc,aAAa,EAAE,CAAC;oBAAId,MAAMe,YAAY,IAAI,WAAW,GAAET,IAAAA,eAAI,EAACN,MAAMe,YAAY,EAAE,CAAC;oBAAIf,MAAMgB,IAAI,IAAI,WAAW,GAAEV,IAAAA,eAAI,EAACN,MAAMgB,IAAI,EAAE,CAAC;oBAAIhB,MAAMY,QAAQ,CAACR,QAAQ;iBAAC;YACzR;YAAI,WAAW,GAAEE,IAAAA,eAAI,EAACN,MAAMiB,OAAO,EAAE,CAAC;SAAG;IAC3C;AACF,GACA,2CAA2C"}

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

@@ -93,7 +93,6 @@ const useReference_unstable = (props, ref)=>{
             actions: 'div',
             label: 'div',
             sensitivity: 'span',
-            sensitivityLabel: 'span',
             metadata: 'div',
             content: 'div',
             primaryText: 'span',
@@ -114,7 +113,6 @@ const useReference_unstable = (props, ref)=>{
             defaultProps: {
                 children: /*#__PURE__*/ _react.createElement(_Citation.Citation, {
                     block: true,
-                    referenceId: referenceId,
                     ...citationProps
                 }, index)
             },
@@ -130,9 +128,6 @@ const useReference_unstable = (props, ref)=>{
         sensitivity: _reactcomponents.slot.optional(props.sensitivity, {
             elementType: 'span'
         }),
-        sensitivityLabel: _reactcomponents.slot.optional(props.sensitivityLabel, {
-            elementType: 'span'
-        }),
         metadata: _reactcomponents.slot.always(props.metadata, {
             elementType: 'div'
         }),

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

@@ -1 +1 @@
-{"version":3,"sources":["useReference.js"],"sourcesContent":["import * as React from 'react';\nimport { Button, Caption1, getNativeElementProps, mergeCallbacks, mergeClasses, slot, useId, usePopoverContext_unstable as usePopoverContext } from '@fluentui/react-components';\nimport { ChevronDown24Regular, ChevronUp24Regular, ChevronDown16Regular, ChevronUp16Regular } from '@fluentui/react-icons';\nimport { referenceExtraClassNames } from './useReferenceStyles';\nimport { Citation } from '../Citation';\nimport { useReferenceGroupSetOpen } from '../../context/ReferenceGroupContext';\nimport { useCopilotMode } from '@fluentui-copilot/react-provider';\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 = (props, ref) => {\n  const {\n    index,\n    referenceId,\n    citationHref,\n    excerpt,\n    layout = 'inline'\n  } = props;\n  const mode = useCopilotMode(props.mode);\n  const labelId = useId();\n  const mediaId = useId();\n  const [isExpanded, setIsExpanded] = React.useState(layout === 'popover' ? true : false);\n  const setPopoverOpen = usePopoverContext(context => context.setOpen);\n  const onExpandClick = _e => {\n    setIsExpanded(!isExpanded);\n  };\n  const label = slot.always(props.label, {\n    defaultProps: {\n      id: labelId\n    },\n    elementType: 'div'\n  });\n  const media = slot.optional(props.media, {\n    defaultProps: {\n      id: mediaId\n    },\n    elementType: 'div'\n  });\n  if (media && /*#__PURE__*/React.isValidElement(media.children)) {\n    media.children = /*#__PURE__*/React.cloneElement(media.children, {\n      className: mergeClasses(media.children.props.className, referenceExtraClassNames.mediaChild)\n    });\n  }\n  if (media === null || media === void 0 ? void 0 : media.id) {\n    var _label_ariadescribedby;\n    var _label_ariadescribedby_concat;\n    label['aria-describedby'] = (_label_ariadescribedby_concat = (_label_ariadescribedby = label['aria-describedby']) === null || _label_ariadescribedby === void 0 ? void 0 : _label_ariadescribedby.concat(media.id)) !== null && _label_ariadescribedby_concat !== void 0 ? _label_ariadescribedby_concat : media.id;\n  }\n  const ariaLabelledByProp = props['aria-labelledby'];\n  const groupSemantics = React.useMemo(() => {\n    return layout === 'inline' ? {\n      role: 'group',\n      'aria-labelledby': `${ariaLabelledByProp !== null && ariaLabelledByProp !== void 0 ? ariaLabelledByProp : ''} ${label.id}`,\n      tabIndex: -1\n    } : {};\n  }, [layout, ariaLabelledByProp, label.id]);\n  // Within a popup, a citation should function as a close button\n  const citationProps = React.useMemo(() => {\n    const onPopoverCloseClick = e => {\n      setPopoverOpen(e, false);\n      // don't navigate\n      e.preventDefault();\n    };\n    return layout === 'popover' ? {\n      referenceHref: '#',\n      tabIndex: -1,\n      'aria-label': `Reference ${index}, close`,\n      onClick: onPopoverCloseClick\n    } : {\n      referenceHref: citationHref\n    };\n  }, [layout, citationHref, index, setPopoverOpen]);\n  const state = {\n    isExpanded,\n    mode: layout === 'popover' ? 'sidecar' : mode,\n    layout,\n    index,\n    components: {\n      root: 'div',\n      citation: 'div',\n      media: 'div',\n      actions: 'div',\n      label: 'div',\n      sensitivity: 'span',\n      sensitivityLabel: 'span',\n      metadata: 'div',\n      content: 'div',\n      primaryText: 'span',\n      secondaryText: 'span',\n      tertiaryText: 'span',\n      icon: 'span',\n      detailsButton: Button\n    },\n    root: slot.always(getNativeElementProps('div', {\n      ref,\n      id: referenceId,\n      ...groupSemantics,\n      ...props\n    }), {\n      elementType: 'div'\n    }),\n    citation: slot.optional(props.citation, {\n      defaultProps: {\n        children: /*#__PURE__*/React.createElement(Citation, {\n          block: true,\n          referenceId: referenceId,\n          ...citationProps\n        }, index)\n      },\n      renderByDefault: true,\n      elementType: 'div'\n    }),\n    media,\n    actions: slot.optional(layout === 'inline' ? props.actions : null, {\n      renderByDefault: true,\n      elementType: 'div'\n    }),\n    label,\n    sensitivity: slot.optional(props.sensitivity, {\n      elementType: 'span'\n    }),\n    sensitivityLabel: slot.optional(props.sensitivityLabel, {\n      elementType: 'span'\n    }),\n    metadata: slot.always(props.metadata, {\n      elementType: 'div'\n    }),\n    primaryText: slot.optional(props.primaryText, {\n      defaultProps: {\n        hidden: !isExpanded\n      },\n      elementType: 'span'\n    }),\n    secondaryText: slot.optional(props.secondaryText, {\n      defaultProps: {\n        hidden: !isExpanded\n      },\n      elementType: 'span'\n    }),\n    tertiaryText: slot.optional(props.tertiaryText, {\n      defaultProps: {\n        hidden: !isExpanded\n      },\n      elementType: 'span'\n    }),\n    icon: slot.optional(props.icon, {\n      elementType: 'span'\n    }),\n    content: slot.always(props.content, {\n      defaultProps: {\n        children: excerpt && /*#__PURE__*/React.createElement(Caption1, null, excerpt)\n      },\n      elementType: 'div'\n    }),\n    detailsButton: slot.optional(layout === 'inline' ? props.detailsButton : null, {\n      defaultProps: {\n        appearance: 'transparent',\n        'aria-expanded': isExpanded,\n        'aria-label': 'show details',\n        size: mode === 'sidecar' ? 'small' : 'medium',\n        icon: {\n          children: getIcon(isExpanded, mode)\n        }\n      },\n      renderByDefault: true,\n      elementType: Button\n    })\n  };\n  if (state.detailsButton) {\n    const onClick = state.detailsButton.onClick;\n    state.detailsButton.onClick = mergeCallbacks(onClick, onExpandClick);\n  }\n  const referenceGroupSetOpen = useReferenceGroupSetOpen();\n  const onTargettedByCitation = e => {\n    var _e_relatedTarget;\n    const relatedTargetHash = (_e_relatedTarget = e.relatedTarget) === null || _e_relatedTarget === void 0 ? void 0 : _e_relatedTarget.hash;\n    if (relatedTargetHash && relatedTargetHash.substring(1) === referenceId) {\n      referenceGroupSetOpen();\n      setIsExpanded(true);\n    }\n  };\n  state.root.onFocus = mergeCallbacks(state.root.onFocus, onTargettedByCitation);\n  return state;\n};\nconst getIcon = (isExpanded, mode) => {\n  if (mode === 'sidecar') {\n    return !isExpanded ? /*#__PURE__*/React.createElement(ChevronDown16Regular, null) : /*#__PURE__*/React.createElement(ChevronUp16Regular, null);\n  }\n  return !isExpanded ? /*#__PURE__*/React.createElement(ChevronDown24Regular, null) : /*#__PURE__*/React.createElement(ChevronUp24Regular, null);\n};\n//# sourceMappingURL=useReference.js.map"],"names":["useReference_unstable","props","ref","index","referenceId","citationHref","excerpt","layout","mode","useCopilotMode","labelId","useId","mediaId","isExpanded","setIsExpanded","React","useState","setPopoverOpen","usePopoverContext","context","setOpen","onExpandClick","_e","label","slot","always","defaultProps","id","elementType","media","optional","isValidElement","children","cloneElement","className","mergeClasses","referenceExtraClassNames","mediaChild","_label_ariadescribedby","_label_ariadescribedby_concat","concat","ariaLabelledByProp","groupSemantics","useMemo","role","tabIndex","citationProps","onPopoverCloseClick","e","preventDefault","referenceHref","onClick","state","components","root","citation","actions","sensitivity","sensitivityLabel","metadata","content","primaryText","secondaryText","tertiaryText","icon","detailsButton","Button","getNativeElementProps","createElement","Citation","block","renderByDefault","hidden","Caption1","appearance","size","getIcon","mergeCallbacks","referenceGroupSetOpen","useReferenceGroupSetOpen","onTargettedByCitation","_e_relatedTarget","relatedTargetHash","relatedTarget","hash","substring","onFocus","ChevronDown16Regular","ChevronUp16Regular","ChevronDown24Regular","ChevronUp24Regular"],"mappings":"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"}
+{"version":3,"sources":["useReference.js"],"sourcesContent":["import * as React from 'react';\nimport { Button, Caption1, getNativeElementProps, mergeCallbacks, mergeClasses, slot, useId, usePopoverContext_unstable as usePopoverContext } from '@fluentui/react-components';\nimport { ChevronDown24Regular, ChevronUp24Regular, ChevronDown16Regular, ChevronUp16Regular } from '@fluentui/react-icons';\nimport { referenceExtraClassNames } from './useReferenceStyles';\nimport { Citation } from '../Citation';\nimport { useReferenceGroupSetOpen } from '../../context/ReferenceGroupContext';\nimport { useCopilotMode } from '@fluentui-copilot/react-provider';\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 = (props, ref) => {\n  const {\n    index,\n    referenceId,\n    citationHref,\n    excerpt,\n    layout = 'inline'\n  } = props;\n  const mode = useCopilotMode(props.mode);\n  const labelId = useId();\n  const mediaId = useId();\n  const [isExpanded, setIsExpanded] = React.useState(layout === 'popover' ? true : false);\n  const setPopoverOpen = usePopoverContext(context => context.setOpen);\n  const onExpandClick = _e => {\n    setIsExpanded(!isExpanded);\n  };\n  const label = slot.always(props.label, {\n    defaultProps: {\n      id: labelId\n    },\n    elementType: 'div'\n  });\n  const media = slot.optional(props.media, {\n    defaultProps: {\n      id: mediaId\n    },\n    elementType: 'div'\n  });\n  if (media && /*#__PURE__*/React.isValidElement(media.children)) {\n    media.children = /*#__PURE__*/React.cloneElement(media.children, {\n      className: mergeClasses(media.children.props.className, referenceExtraClassNames.mediaChild)\n    });\n  }\n  if (media === null || media === void 0 ? void 0 : media.id) {\n    var _label_ariadescribedby;\n    var _label_ariadescribedby_concat;\n    label['aria-describedby'] = (_label_ariadescribedby_concat = (_label_ariadescribedby = label['aria-describedby']) === null || _label_ariadescribedby === void 0 ? void 0 : _label_ariadescribedby.concat(media.id)) !== null && _label_ariadescribedby_concat !== void 0 ? _label_ariadescribedby_concat : media.id;\n  }\n  const ariaLabelledByProp = props['aria-labelledby'];\n  const groupSemantics = React.useMemo(() => {\n    return layout === 'inline' ? {\n      role: 'group',\n      'aria-labelledby': `${ariaLabelledByProp !== null && ariaLabelledByProp !== void 0 ? ariaLabelledByProp : ''} ${label.id}`,\n      tabIndex: -1\n    } : {};\n  }, [layout, ariaLabelledByProp, label.id]);\n  // Within a popup, a citation should function as a close button\n  const citationProps = React.useMemo(() => {\n    const onPopoverCloseClick = e => {\n      setPopoverOpen(e, false);\n      // don't navigate\n      e.preventDefault();\n    };\n    return layout === 'popover' ? {\n      referenceHref: '#',\n      tabIndex: -1,\n      'aria-label': `Reference ${index}, close`,\n      onClick: onPopoverCloseClick\n    } : {\n      referenceHref: citationHref\n    };\n  }, [layout, citationHref, index, setPopoverOpen]);\n  const state = {\n    isExpanded,\n    mode: layout === 'popover' ? 'sidecar' : mode,\n    layout,\n    index,\n    components: {\n      root: 'div',\n      citation: 'div',\n      media: 'div',\n      actions: 'div',\n      label: 'div',\n      sensitivity: 'span',\n      metadata: 'div',\n      content: 'div',\n      primaryText: 'span',\n      secondaryText: 'span',\n      tertiaryText: 'span',\n      icon: 'span',\n      detailsButton: Button\n    },\n    root: slot.always(getNativeElementProps('div', {\n      ref,\n      id: referenceId,\n      ...groupSemantics,\n      ...props\n    }), {\n      elementType: 'div'\n    }),\n    citation: slot.optional(props.citation, {\n      defaultProps: {\n        children: /*#__PURE__*/React.createElement(Citation, {\n          block: true,\n          ...citationProps\n        }, index)\n      },\n      renderByDefault: true,\n      elementType: 'div'\n    }),\n    media,\n    actions: slot.optional(layout === 'inline' ? props.actions : null, {\n      renderByDefault: true,\n      elementType: 'div'\n    }),\n    label,\n    sensitivity: slot.optional(props.sensitivity, {\n      elementType: 'span'\n    }),\n    metadata: slot.always(props.metadata, {\n      elementType: 'div'\n    }),\n    primaryText: slot.optional(props.primaryText, {\n      defaultProps: {\n        hidden: !isExpanded\n      },\n      elementType: 'span'\n    }),\n    secondaryText: slot.optional(props.secondaryText, {\n      defaultProps: {\n        hidden: !isExpanded\n      },\n      elementType: 'span'\n    }),\n    tertiaryText: slot.optional(props.tertiaryText, {\n      defaultProps: {\n        hidden: !isExpanded\n      },\n      elementType: 'span'\n    }),\n    icon: slot.optional(props.icon, {\n      elementType: 'span'\n    }),\n    content: slot.always(props.content, {\n      defaultProps: {\n        children: excerpt && /*#__PURE__*/React.createElement(Caption1, null, excerpt)\n      },\n      elementType: 'div'\n    }),\n    detailsButton: slot.optional(layout === 'inline' ? props.detailsButton : null, {\n      defaultProps: {\n        appearance: 'transparent',\n        'aria-expanded': isExpanded,\n        'aria-label': 'show details',\n        size: mode === 'sidecar' ? 'small' : 'medium',\n        icon: {\n          children: getIcon(isExpanded, mode)\n        }\n      },\n      renderByDefault: true,\n      elementType: Button\n    })\n  };\n  if (state.detailsButton) {\n    const onClick = state.detailsButton.onClick;\n    state.detailsButton.onClick = mergeCallbacks(onClick, onExpandClick);\n  }\n  const referenceGroupSetOpen = useReferenceGroupSetOpen();\n  const onTargettedByCitation = e => {\n    var _e_relatedTarget;\n    const relatedTargetHash = (_e_relatedTarget = e.relatedTarget) === null || _e_relatedTarget === void 0 ? void 0 : _e_relatedTarget.hash;\n    if (relatedTargetHash && relatedTargetHash.substring(1) === referenceId) {\n      referenceGroupSetOpen();\n      setIsExpanded(true);\n    }\n  };\n  state.root.onFocus = mergeCallbacks(state.root.onFocus, onTargettedByCitation);\n  return state;\n};\nconst getIcon = (isExpanded, mode) => {\n  if (mode === 'sidecar') {\n    return !isExpanded ? /*#__PURE__*/React.createElement(ChevronDown16Regular, null) : /*#__PURE__*/React.createElement(ChevronUp16Regular, null);\n  }\n  return !isExpanded ? /*#__PURE__*/React.createElement(ChevronDown24Regular, null) : /*#__PURE__*/React.createElement(ChevronUp24Regular, null);\n};\n//# sourceMappingURL=useReference.js.map"],"names":["useReference_unstable","props","ref","index","referenceId","citationHref","excerpt","layout","mode","useCopilotMode","labelId","useId","mediaId","isExpanded","setIsExpanded","React","useState","setPopoverOpen","usePopoverContext","context","setOpen","onExpandClick","_e","label","slot","always","defaultProps","id","elementType","media","optional","isValidElement","children","cloneElement","className","mergeClasses","referenceExtraClassNames","mediaChild","_label_ariadescribedby","_label_ariadescribedby_concat","concat","ariaLabelledByProp","groupSemantics","useMemo","role","tabIndex","citationProps","onPopoverCloseClick","e","preventDefault","referenceHref","onClick","state","components","root","citation","actions","sensitivity","metadata","content","primaryText","secondaryText","tertiaryText","icon","detailsButton","Button","getNativeElementProps","createElement","Citation","block","renderByDefault","hidden","Caption1","appearance","size","getIcon","mergeCallbacks","referenceGroupSetOpen","useReferenceGroupSetOpen","onTargettedByCitation","_e_relatedTarget","relatedTargetHash","relatedTarget","hash","substring","onFocus","ChevronDown16Regular","ChevronUp16Regular","ChevronDown24Regular","ChevronUp24Regular"],"mappings":"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"}

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

@@ -26,7 +26,6 @@ const referenceClassNames = {
     media: 'fai-Reference__media',
     actions: 'fai-Reference__actions',
     sensitivity: 'fai-Reference__sensitivity',
-    sensitivityLabel: 'fai-Reference__sensitivityLabel',
     metadata: 'fai-Reference__metadata',
     primaryText: 'fai-Reference__primaryText',
     secondaryText: 'fai-Reference__secondaryText',
@@ -127,75 +126,6 @@ const useStyles = (0, _reactcomponents.__styles)({
         Bw0ie65: "f15c84mf",
         Bdqf98w: "fsxvdwy"
     },
-    sensitivityLabel: {
-        B6of3ja: "fww94b8",
-        De3pzq: "f3vzo32",
-        B4j52fo: "f192inf7",
-        Bekrc4i: [
-            "f5tn483",
-            "f1ojsxk5"
-        ],
-        Bn0qgzm: "f1vxd6vx",
-        ibv6hh: [
-            "f1ojsxk5",
-            "f5tn483"
-        ],
-        icvyot: "fzkkow9",
-        vrafjx: [
-            "fcdblym",
-            "fjik90z"
-        ],
-        oivjwe: "fg706s2",
-        wvpqe5: [
-            "fjik90z",
-            "fcdblym"
-        ],
-        g2u3we: "fghlq4f",
-        h3c5rm: [
-            "f1gn591s",
-            "fjscplz"
-        ],
-        B9xav0g: "fb073pr",
-        zhjwy3: [
-            "fjscplz",
-            "f1gn591s"
-        ],
-        Bbmb7ep: [
-            "f1aa9q02",
-            "f16jpd5f"
-        ],
-        Beyfa6y: [
-            "f16jpd5f",
-            "f1aa9q02"
-        ],
-        B7oj6ja: [
-            "f1jar5jt",
-            "fyu767a"
-        ],
-        Btl43ni: [
-            "fyu767a",
-            "f1jar5jt"
-        ],
-        Ijaq50: "fpymh5q",
-        Br312pm: "fjieyc3",
-        nk6f5a: "f18utan",
-        Bw0ie65: "f15c84mf",
-        Bdqf98w: "fsxvdwy",
-        z8tnut: "f1g0x7ka",
-        z189sj: [
-            "fdw0yi8",
-            "fk8j09s"
-        ],
-        Byoj8tv: "f1qch9an",
-        uwmqm3: [
-            "fk8j09s",
-            "fdw0yi8"
-        ],
-        Bahqtrf: "fk6fouc",
-        Be2twd7: "f13mqy1h",
-        Bhrd7zp: "figsok6",
-        Bg96gwp: "fcpl73t"
-    },
     metadata: {
         B6of3ja: "fww94b8",
         Ijaq50: "f1md2vp3",
@@ -301,35 +231,14 @@ const useStyles = (0, _reactcomponents.__styles)({
         ".f15c84mf{grid-column-end:sensitivityLabel;}",
         ".fsxvdwy{justify-self:start;}",
         ".fww94b8{margin-top:var(--spacingVerticalXS);}",
-        ".f3vzo32{background-color:var(--colorNeutralBackground5);}",
-        ".f192inf7{border-top-width:var(--strokeWidthThin);}",
-        ".f5tn483{border-right-width:var(--strokeWidthThin);}",
-        ".f1ojsxk5{border-left-width:var(--strokeWidthThin);}",
-        ".f1vxd6vx{border-bottom-width:var(--strokeWidthThin);}",
-        ".fzkkow9{border-top-style:solid;}",
-        ".fcdblym{border-right-style:solid;}",
-        ".fjik90z{border-left-style:solid;}",
-        ".fg706s2{border-bottom-style:solid;}",
-        ".fghlq4f{border-top-color:var(--colorTransparentStroke);}",
-        ".f1gn591s{border-right-color:var(--colorTransparentStroke);}",
-        ".fjscplz{border-left-color:var(--colorTransparentStroke);}",
-        ".fb073pr{border-bottom-color:var(--colorTransparentStroke);}",
-        ".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}",
-        ".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}",
-        ".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}",
-        ".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}",
-        ".f1g0x7ka{padding-top:0;}",
-        ".fdw0yi8{padding-right:var(--spacingHorizontalSNudge);}",
-        ".fk8j09s{padding-left:var(--spacingHorizontalSNudge);}",
-        ".f1qch9an{padding-bottom:0;}",
-        ".fk6fouc{font-family:var(--fontFamilyBase);}",
-        ".f13mqy1h{font-size:var(--fontSizeBase100);}",
-        ".figsok6{font-weight:var(--fontWeightRegular);}",
-        ".fcpl73t{line-height:var(--lineHeightBase100);}",
         ".f1md2vp3{grid-row-start:metadata;}",
         ".f1y0qc5c{grid-column-start:metadata;}",
         ".f179ty8e{grid-row-end:metadata;}",
         ".f83o9dc{grid-column-end:metadata;}",
+        ".fk6fouc{font-family:var(--fontFamilyBase);}",
+        ".f13mqy1h{font-size:var(--fontSizeBase100);}",
+        ".figsok6{font-weight:var(--fontWeightRegular);}",
+        ".fcpl73t{line-height:var(--lineHeightBase100);}",
         ".f10pi13n{position:relative;}",
         ".foyynoy{margin-left:var(--spacingHorizontalS);}",
         ".f1vcna3q{margin-right:var(--spacingHorizontalS);}",
@@ -426,9 +335,6 @@ const useReferenceStyles_unstable = (state)=>{
     if (state.sensitivity) {
         state.sensitivity.className = (0, _reactcomponents.mergeClasses)(referenceClassNames.sensitivity, styles.sensitivity, !isExpanded && styles.hidden, state.sensitivity.className);
     }
-    if (state.sensitivityLabel) {
-        state.sensitivityLabel.className = (0, _reactcomponents.mergeClasses)(referenceClassNames.sensitivityLabel, styles.sensitivityLabel, !isExpanded && styles.hidden, state.sensitivityLabel.className);
-    }
     state.metadata.className = (0, _reactcomponents.mergeClasses)(referenceClassNames.metadata, styles.metadata, !isExpanded && styles.hidden, state.metadata.className);
     let isSubsequentText = false;
     if (state.primaryText) {