@fluentui-copilot/react-reference 0.0.0-nightly-20240313-0404-8abc883d.1

package/lib-commonjs/ReferenceGroupToggle.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ReferenceGroupToggle.js"],"sourcesContent":["export * from './components/ReferenceGroupToggle/index';\n//# sourceMappingURL=ReferenceGroupToggle.js.map"],"names":[],"mappings":";;;;;uBAAc;CACd,gDAAgD"}

package/lib-commonjs/ReferenceList.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./components/ReferenceList/index"), exports);
+ //# sourceMappingURL=ReferenceList.js.map

package/lib-commonjs/ReferenceList.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ReferenceList.js"],"sourcesContent":["export * from './components/ReferenceList/index';\n//# sourceMappingURL=ReferenceList.js.map"],"names":[],"mappings":";;;;;uBAAc;CACd,yCAAyC"}

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

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Citation", {
+    enumerable: true,
+    get: function() {
+        return Citation;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _useCitation = require("./useCitation");
+const _renderCitation = require("./renderCitation");
+const _useCitationStyles = require("./useCitationStyles");
+const _reactprovider = require("@fluentui-copilot/react-provider");
+const Citation = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _useCitation.useCitation_unstable)(props, ref);
+    (0, _useCitationStyles.useCitationStyles_unstable)(state);
+    (0, _reactprovider.useCustomStyleHook)('useCitationStyles')(state);
+    return (0, _renderCitation.renderCitation_unstable)(state);
+});
+Citation.displayName = 'Citation'; //# sourceMappingURL=Citation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Citation.js"],"sourcesContent":["import * as React from 'react';\nimport { useCitation_unstable } from './useCitation';\nimport { renderCitation_unstable } from './renderCitation';\nimport { useCitationStyles_unstable } from './useCitationStyles';\nimport { useCustomStyleHook } from '@fluentui-copilot/react-provider';\n// Citation component - TODO: add more docs\nexport const Citation = /*#__PURE__*/React.forwardRef((props, ref) => {\n  const state = useCitation_unstable(props, ref);\n  useCitationStyles_unstable(state);\n  useCustomStyleHook('useCitationStyles')(state);\n  return renderCitation_unstable(state);\n});\nCitation.displayName = 'Citation';\n//# sourceMappingURL=Citation.js.map"],"names":["Citation","React","forwardRef","props","ref","state","useCitation_unstable","useCitationStyles_unstable","useCustomStyleHook","renderCitation_unstable","displayName"],"mappings":";;;;+BAMaA;;;eAAAA;;;;iEANU;6BACc;gCACG;mCACG;+BACR;AAE5B,MAAMA,WAAW,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAC5D,MAAMC,QAAQC,IAAAA,iCAAoB,EAACH,OAAOC;IAC1CG,IAAAA,6CAA0B,EAACF;IAC3BG,IAAAA,iCAAkB,EAAC,qBAAqBH;IACxC,OAAOI,IAAAA,uCAAuB,EAACJ;AACjC;AACAL,SAASU,WAAW,GAAG,YACvB,oCAAoC"}

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

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+ //# sourceMappingURL=Citation.types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Citation.types.js"],"sourcesContent":["export {};\n//# sourceMappingURL=Citation.types.js.map"],"names":[],"mappings":";;;;CACA,0CAA0C"}

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

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./Citation"), exports);
+_export_star._(require("./Citation.types"), exports);
+_export_star._(require("./renderCitation"), exports);
+_export_star._(require("./useCitation"), exports);
+_export_star._(require("./useCitationStyles"), exports);
+ //# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.js"],"sourcesContent":["export * from './Citation';\nexport * from './Citation.types';\nexport * from './renderCitation';\nexport * from './useCitation';\nexport * from './useCitationStyles';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA;CACd,iCAAiC"}

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

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "renderCitation_unstable", {
+    enumerable: true,
+    get: function() {
+        return 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, {});
+}; //# sourceMappingURL=renderCitation.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,185 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useCitation_unstable", {
+    enumerable: true,
+    get: function() {
+        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 state = {
+        block,
+        disableAutoFocus,
+        isPopoverOpen,
+        isPopoverLocked,
+        onPopoverOpenChange,
+        components: {
+            root: 'a',
+            popover: 'div',
+            popoverSurface: _reactcomponents.PopoverSurface
+        },
+        root: _reactcomponents.slot.always((0, _reactcomponents.getNativeElementProps)('a', {
+            ref,
+            href: referenceHref,
+            role: null,
+            'aria-expanded': null,
+            ...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

@@ -0,0 +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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"}

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

@@ -0,0 +1,100 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    citationClassNames: function() {
+        return citationClassNames;
+    },
+    useCitationStyles_unstable: function() {
+        return useCitationStyles_unstable;
+    }
+});
+const _reactcomponents = require("@fluentui/react-components");
+const citationClassNames = {
+    root: 'fai-Citation',
+    popover: 'fai-Citation__popover',
+    popoverSurface: 'fai-Citation__popoverSurface'
+};
+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);}",
+    ".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);}"
+]);
+const useCitationRootStyles = (0, _reactcomponents.__styles)({
+    isBlock: {
+        mc9l5x: "f22iagw",
+        Frg6f3: [
+            "f1tyq0we",
+            "f11qmguv"
+        ],
+        t21cq0: [
+            "f11qmguv",
+            "f1tyq0we"
+        ]
+    },
+    isPopoverLocked: {
+        sj55zd: "fkjhhq2",
+        g2u3we: "f1nbqb3e",
+        h3c5rm: [
+            "fah3j9v",
+            "f56crja"
+        ],
+        B9xav0g: "fef4ti1",
+        zhjwy3: [
+            "f56crja",
+            "fah3j9v"
+        ],
+        De3pzq: "f16xkysk",
+        Bi91k9c: "fbszb7v",
+        Bgoe8wy: "ftxwbyd",
+        Bwzppfd: [
+            "f1p7dilp",
+            "f15x2k42"
+        ],
+        oetu4i: "fegdlwn",
+        gg5e9n: [
+            "f15x2k42",
+            "f1p7dilp"
+        ],
+        Jwef8y: "f121v1wq"
+    }
+}, {
+    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);}"
+    ],
+    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);}"
+    ]
+});
+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

@@ -0,0 +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"}

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

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Reference", {
+    enumerable: true,
+    get: function() {
+        return Reference;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _useReference = require("./useReference");
+const _renderReference = require("./renderReference");
+const _useReferenceStyles = require("./useReferenceStyles");
+const _reactprovider = require("@fluentui-copilot/react-provider");
+const Reference = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _useReference.useReference_unstable)(props, ref);
+    (0, _useReferenceStyles.useReferenceStyles_unstable)(state);
+    (0, _reactprovider.useCustomStyleHook)('useReferenceStyles')(state);
+    return (0, _renderReference.renderReference_unstable)(state);
+});
+Reference.displayName = 'Reference'; //# sourceMappingURL=Reference.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Reference.js"],"sourcesContent":["import * as React from 'react';\nimport { useReference_unstable } from './useReference';\nimport { renderReference_unstable } from './renderReference';\nimport { useReferenceStyles_unstable } from './useReferenceStyles';\nimport { useCustomStyleHook } from '@fluentui-copilot/react-provider';\n// Reference component - TODO: add more docs\nexport const Reference = /*#__PURE__*/React.forwardRef((props, ref) => {\n  const state = useReference_unstable(props, ref);\n  useReferenceStyles_unstable(state);\n  useCustomStyleHook('useReferenceStyles')(state);\n  return renderReference_unstable(state);\n});\nReference.displayName = 'Reference';\n//# sourceMappingURL=Reference.js.map"],"names":["Reference","React","forwardRef","props","ref","state","useReference_unstable","useReferenceStyles_unstable","useCustomStyleHook","renderReference_unstable","displayName"],"mappings":";;;;+BAMaA;;;eAAAA;;;;iEANU;8BACe;iCACG;oCACG;+BACT;AAE5B,MAAMA,YAAY,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAC7D,MAAMC,QAAQC,IAAAA,mCAAqB,EAACH,OAAOC;IAC3CG,IAAAA,+CAA2B,EAACF;IAC5BG,IAAAA,iCAAkB,EAAC,sBAAsBH;IACzC,OAAOI,IAAAA,yCAAwB,EAACJ;AAClC;AACAL,UAAUU,WAAW,GAAG,aACxB,qCAAqC"}

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

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+ //# sourceMappingURL=Reference.types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["Reference.types.js"],"sourcesContent":["export {};\n//# sourceMappingURL=Reference.types.js.map"],"names":[],"mappings":";;;;CACA,2CAA2C"}

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

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./Reference"), exports);
+_export_star._(require("./Reference.types"), exports);
+_export_star._(require("./renderReference"), exports);
+_export_star._(require("./useReference"), exports);
+_export_star._(require("./useReferenceStyles"), exports);
+ //# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.js"],"sourcesContent":["export * from './Reference';\nexport * from './Reference.types';\nexport * from './renderReference';\nexport * from './useReference';\nexport * from './useReferenceStyles';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA;CACd,iCAAiC"}

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

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "renderReference_unstable", {
+    enumerable: true,
+    get: function() {
+        return renderReference_unstable;
+    }
+});
+const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
+const _reactcomponents = require("@fluentui/react-components");
+const renderReference_unstable = (state)=>{
+    (0, _reactcomponents.assertSlots)(state);
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(state.root, {
+        children: [
+            state.citation && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.citation, {}),
+            state.media && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.media, {}),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(state.label, {}),
+            state.actions && /*#__PURE__*/ (0, _jsxruntime.jsxs)(state.actions, {
+                children: [
+                    state.actions.children,
+                    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: [
+                    state.primaryText && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.primaryText, {}),
+                    state.secondaryText && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.secondaryText, {}),
+                    state.tertiaryText && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.tertiaryText, {}),
+                    state.icon && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.icon, {}),
+                    state.metadata.children
+                ]
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(state.content, {})
+        ]
+    });
+}; //# sourceMappingURL=renderReference.js.map

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

@@ -0,0 +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"}