@fluentui-copilot/react-reference 0.16.2 → 0.16.4

package/lib/index.js

@@ -2,33 +2,20 @@ import { Reference, referenceClassNames, referenceExtraClassNames, renderReferen
 import { ReferenceList, referenceListClassNames, renderReferenceList_unstable, useReferenceListStyles_unstable, useReferenceList_unstable } from './ReferenceList';
 import { generateReferenceCitationPreview, useReferenceCitationPreview } from './utilities';
 export { Citation, citationClassNames, renderCitation_unstable, useCitation_unstable, useCitationStyles_unstable } from './Citation';
-/** @deprecated use Reference */
-const ReferenceV2 = Reference;
-/** @deprecated use referenceClassNames */
-const referenceV2ClassNames = referenceClassNames;
-/** @deprecated use referenceExtraClassNames */
-const referenceV2ExtraClassNames = referenceExtraClassNames;
-/** @deprecated use renderReference_unstable */
-const renderReferenceV2_unstable = renderReference_unstable;
-/** @deprecated use useReferenceStyles_unstable */
-const useReferenceV2Styles_unstable = useReferenceStyles_unstable;
-/** @deprecated use useReference_unstable */
-const useReferenceV2_unstable = useReference_unstable;
+/** @deprecated use Reference */ const ReferenceV2 = Reference;
+/** @deprecated use referenceClassNames */ const referenceV2ClassNames = referenceClassNames;
+/** @deprecated use referenceExtraClassNames */ const referenceV2ExtraClassNames = referenceExtraClassNames;
+/** @deprecated use renderReference_unstable */ const renderReferenceV2_unstable = renderReference_unstable;
+/** @deprecated use useReferenceStyles_unstable */ const useReferenceV2Styles_unstable = useReferenceStyles_unstable;
+/** @deprecated use useReference_unstable */ const useReferenceV2_unstable = useReference_unstable;
 export { Reference, ReferenceV2, referenceClassNames, referenceV2ClassNames, referenceExtraClassNames, referenceV2ExtraClassNames, renderReference_unstable, renderReferenceV2_unstable, useReferenceStyles_unstable, useReferenceV2Styles_unstable, useReference_unstable, useReferenceV2_unstable };
-/** @deprecated use ReferenceList */
-const ReferenceListV2 = ReferenceList;
-/** @deprecated use referenceListClassNames */
-const referenceListV2ClassNames = referenceListClassNames;
-/** @deprecated use renderReferenceList_unstable */
-const renderReferenceListV2_unstable = renderReferenceList_unstable;
-/** @deprecated use useReferenceListStyles_unstable */
-const useReferenceListV2Styles_unstable = useReferenceListStyles_unstable;
-/** @deprecated use useReferenceList_unstable */
-const useReferenceListV2_unstable = useReferenceList_unstable;
+/** @deprecated use ReferenceList */ const ReferenceListV2 = ReferenceList;
+/** @deprecated use referenceListClassNames */ const referenceListV2ClassNames = referenceListClassNames;
+/** @deprecated use renderReferenceList_unstable */ const renderReferenceListV2_unstable = renderReferenceList_unstable;
+/** @deprecated use useReferenceListStyles_unstable */ const useReferenceListV2Styles_unstable = useReferenceListStyles_unstable;
+/** @deprecated use useReferenceList_unstable */ const useReferenceListV2_unstable = useReferenceList_unstable;
 export { ReferenceList, ReferenceListV2, referenceListClassNames, referenceListV2ClassNames, renderReferenceList_unstable, renderReferenceListV2_unstable, useReferenceListStyles_unstable, useReferenceListV2Styles_unstable, useReferenceList_unstable, useReferenceListV2_unstable };
 export { ReferenceOverflowButton, referenceOverflowButtonClassNames, renderReferenceOverflowButton_unstable, useReferenceOverflowButtonStyles_unstable, useReferenceOverflowButton_unstable } from './ReferenceOverflowButton';
 export { ReferenceListContext, ReferenceListContextProvider, useReferenceListContext_unstable } from './contexts';
-/** @deprecated use useReferenceCitationPreview */
-const useReferenceCitationPreviewV2 = useReferenceCitationPreview;
+/** @deprecated use useReferenceCitationPreview */ const useReferenceCitationPreviewV2 = useReferenceCitationPreview;
 export { generateReferenceCitationPreview, useReferenceCitationPreview, useReferenceCitationPreviewV2 };
-//# sourceMappingURL=index.js.map

package/lib/utilities/generateReferenceCitationPreview.js

@@ -5,18 +5,20 @@ import { SensitivityLabel } from '@fluentui-copilot/react-sensitivity-label';
 import { Citation } from '../Citation';
 import { Reference } from '../Reference';
 // Abstract the citation that serves as the close button of the Preview into its own component so that we have access to the popover context.
-const CitationCloseButton = citationCloseButtonProps => {
-  const setPopoverOpen = usePopoverContext_unstable(context => context.setOpen);
-  const onPopoverCloseClick = React.useCallback(ev => {
-    setPopoverOpen(ev, false);
-    // Don't navigate
-    ev.preventDefault();
-  }, [setPopoverOpen]);
-  const onCitationCloseButtonClick = mergeCallbacks(onPopoverCloseClick, citationCloseButtonProps.onClick);
-  return /*#__PURE__*/React.createElement(Citation, {
-    ...citationCloseButtonProps,
-    onClick: onCitationCloseButtonClick
-  });
+const CitationCloseButton = (citationCloseButtonProps)=>{
+    const setPopoverOpen = usePopoverContext_unstable((context)=>context.setOpen);
+    const onPopoverCloseClick = React.useCallback((ev)=>{
+        setPopoverOpen(ev, false);
+        // Don't navigate
+        ev.preventDefault();
+    }, [
+        setPopoverOpen
+    ]);
+    const onCitationCloseButtonClick = mergeCallbacks(onPopoverCloseClick, citationCloseButtonProps.onClick);
+    return /*#__PURE__*/ React.createElement(Citation, {
+        ...citationCloseButtonProps,
+        onClick: onCitationCloseButtonClick
+    });
 };
 /**
  * Function to generate a Citation - Reference pair with correctly wired props.
@@ -29,79 +31,66 @@ const CitationCloseButton = citationCloseButtonProps => {
  * `generateReferenceCitationPreview` directly.
  *
  * @returns A Citation - Reference pair with correctly wired props.
- */
-export const generateReferenceCitationPreview = props => {
-  const {
-    citationPreviewProps,
-    citationPreviewSurfaceProps,
-    citationProps,
-    index,
-    previewContentProps,
-    previewHeaderProps,
-    referencePreviewProps,
-    referencePreviewSurfaceProps,
-    referenceProps,
-    sensitivityLabelProps
-  } = props;
-  const CitationWithPreview = props => {
-    var _previewContentProps_content;
-    return /*#__PURE__*/React.createElement(Preview, {
-      closeOnScroll: true,
-      positioning: "above",
-      size: "small",
-      trapFocus: true,
-      withArrow: true,
-      ...citationPreviewProps
-    }, /*#__PURE__*/React.createElement(PreviewTrigger, null, /*#__PURE__*/React.createElement(Citation, {
-      ...citationProps,
-      ...props
-    }, index)), /*#__PURE__*/React.createElement(PreviewSurface, citationPreviewSurfaceProps, /*#__PURE__*/React.createElement(PreviewContent, null, /*#__PURE__*/React.createElement(PreviewHeader, {
-      citation: /*#__PURE__*/React.createElement(CitationCloseButton, {
-        "aria-label": `Close Reference ${index}`,
-        referenceHref: "#",
-        tabIndex: -1
-      }, index),
-      media: referenceProps === null || referenceProps === void 0 ? void 0 : referenceProps.graphic
-    }, referenceProps === null || referenceProps === void 0 ? void 0 : referenceProps.children), /*#__PURE__*/React.createElement(PreviewMetadata, {
-      icon: previewContentProps === null || previewContentProps === void 0 ? void 0 : previewContentProps.icon,
-      primaryText: previewContentProps === null || previewContentProps === void 0 ? void 0 : previewContentProps.primaryText,
-      secondaryText: previewContentProps === null || previewContentProps === void 0 ? void 0 : previewContentProps.secondaryText,
-      tertiaryText: previewContentProps === null || previewContentProps === void 0 ? void 0 : previewContentProps.tertiaryText
-    }), sensitivityLabelProps && /*#__PURE__*/React.createElement(SensitivityLabel, sensitivityLabelProps), (_previewContentProps_content = previewContentProps === null || previewContentProps === void 0 ? void 0 : previewContentProps.content) !== null && _previewContentProps_content !== void 0 ? _previewContentProps_content : citationPreviewProps === null || citationPreviewProps === void 0 ? void 0 : citationPreviewProps.children)));
-  };
-  const ReferenceWithPreview = props => {
-    const mergedReferenceProps = {
-      citation: index,
-      ...referenceProps,
-      ...props
+ */ export const generateReferenceCitationPreview = (props)=>{
+    const { citationPreviewProps, citationPreviewSurfaceProps, citationProps, index, previewContentProps, previewHeaderProps, referencePreviewProps, referencePreviewSurfaceProps, referenceProps, sensitivityLabelProps } = props;
+    const CitationWithPreview = (props)=>{
+        var _previewContentProps_content;
+        return /*#__PURE__*/ React.createElement(Preview, {
+            closeOnScroll: true,
+            positioning: "above",
+            size: "small",
+            trapFocus: true,
+            withArrow: true,
+            ...citationPreviewProps
+        }, /*#__PURE__*/ React.createElement(PreviewTrigger, null, /*#__PURE__*/ React.createElement(Citation, {
+            ...citationProps,
+            ...props
+        }, index)), /*#__PURE__*/ React.createElement(PreviewSurface, citationPreviewSurfaceProps, /*#__PURE__*/ React.createElement(PreviewContent, null, /*#__PURE__*/ React.createElement(PreviewHeader, {
+            citation: /*#__PURE__*/ React.createElement(CitationCloseButton, {
+                "aria-label": `Close Reference ${index}`,
+                referenceHref: "#",
+                tabIndex: -1
+            }, index),
+            media: referenceProps === null || referenceProps === void 0 ? void 0 : referenceProps.graphic
+        }, referenceProps === null || referenceProps === void 0 ? void 0 : referenceProps.children), /*#__PURE__*/ React.createElement(PreviewMetadata, {
+            icon: previewContentProps === null || previewContentProps === void 0 ? void 0 : previewContentProps.icon,
+            primaryText: previewContentProps === null || previewContentProps === void 0 ? void 0 : previewContentProps.primaryText,
+            secondaryText: previewContentProps === null || previewContentProps === void 0 ? void 0 : previewContentProps.secondaryText,
+            tertiaryText: previewContentProps === null || previewContentProps === void 0 ? void 0 : previewContentProps.tertiaryText
+        }), sensitivityLabelProps && /*#__PURE__*/ React.createElement(SensitivityLabel, sensitivityLabelProps), (_previewContentProps_content = previewContentProps === null || previewContentProps === void 0 ? void 0 : previewContentProps.content) !== null && _previewContentProps_content !== void 0 ? _previewContentProps_content : citationPreviewProps === null || citationPreviewProps === void 0 ? void 0 : citationPreviewProps.children)));
     };
-    var _previewHeaderProps_children, _previewContentProps_content;
-    return /*#__PURE__*/React.createElement(Preview, {
-      closeOnScroll: true,
-      positioning: "above",
-      size: "small",
-      trapFocus: true,
-      withArrow: true,
-      ...referencePreviewProps
-    }, /*#__PURE__*/React.createElement(PreviewTrigger, null, /*#__PURE__*/React.createElement(Reference, mergedReferenceProps)), /*#__PURE__*/React.createElement(PreviewSurface, referencePreviewSurfaceProps, /*#__PURE__*/React.createElement(PreviewContent, null, /*#__PURE__*/React.createElement(PreviewHeader, {
-      citation: /*#__PURE__*/React.createElement(CitationCloseButton, {
-        "aria-label": `Close Reference ${index}`,
-        referenceHref: "#",
-        tabIndex: -1
-      }, index),
-      media: referenceProps === null || referenceProps === void 0 ? void 0 : referenceProps.graphic,
-      ...previewHeaderProps
-    }, (_previewHeaderProps_children = previewHeaderProps === null || previewHeaderProps === void 0 ? void 0 : previewHeaderProps.children) !== null && _previewHeaderProps_children !== void 0 ? _previewHeaderProps_children : referenceProps === null || referenceProps === void 0 ? void 0 : referenceProps.children), /*#__PURE__*/React.createElement(PreviewMetadata, {
-      icon: previewContentProps === null || previewContentProps === void 0 ? void 0 : previewContentProps.icon,
-      primaryText: previewContentProps === null || previewContentProps === void 0 ? void 0 : previewContentProps.primaryText,
-      secondaryText: previewContentProps === null || previewContentProps === void 0 ? void 0 : previewContentProps.secondaryText,
-      tertiaryText: previewContentProps === null || previewContentProps === void 0 ? void 0 : previewContentProps.tertiaryText
-    }), sensitivityLabelProps && /*#__PURE__*/React.createElement(SensitivityLabel, sensitivityLabelProps), (_previewContentProps_content = previewContentProps === null || previewContentProps === void 0 ? void 0 : previewContentProps.content) !== null && _previewContentProps_content !== void 0 ? _previewContentProps_content : referencePreviewProps === null || referencePreviewProps === void 0 ? void 0 : referencePreviewProps.children)));
-  };
-  const components = {
-    Citation: CitationWithPreview,
-    Reference: ReferenceWithPreview
-  };
-  return components;
+    const ReferenceWithPreview = (props)=>{
+        const mergedReferenceProps = {
+            citation: index,
+            ...referenceProps,
+            ...props
+        };
+        var _previewHeaderProps_children, _previewContentProps_content;
+        return /*#__PURE__*/ React.createElement(Preview, {
+            closeOnScroll: true,
+            positioning: "above",
+            size: "small",
+            trapFocus: true,
+            withArrow: true,
+            ...referencePreviewProps
+        }, /*#__PURE__*/ React.createElement(PreviewTrigger, null, /*#__PURE__*/ React.createElement(Reference, mergedReferenceProps)), /*#__PURE__*/ React.createElement(PreviewSurface, referencePreviewSurfaceProps, /*#__PURE__*/ React.createElement(PreviewContent, null, /*#__PURE__*/ React.createElement(PreviewHeader, {
+            citation: /*#__PURE__*/ React.createElement(CitationCloseButton, {
+                "aria-label": `Close Reference ${index}`,
+                referenceHref: "#",
+                tabIndex: -1
+            }, index),
+            media: referenceProps === null || referenceProps === void 0 ? void 0 : referenceProps.graphic,
+            ...previewHeaderProps
+        }, (_previewHeaderProps_children = previewHeaderProps === null || previewHeaderProps === void 0 ? void 0 : previewHeaderProps.children) !== null && _previewHeaderProps_children !== void 0 ? _previewHeaderProps_children : referenceProps === null || referenceProps === void 0 ? void 0 : referenceProps.children), /*#__PURE__*/ React.createElement(PreviewMetadata, {
+            icon: previewContentProps === null || previewContentProps === void 0 ? void 0 : previewContentProps.icon,
+            primaryText: previewContentProps === null || previewContentProps === void 0 ? void 0 : previewContentProps.primaryText,
+            secondaryText: previewContentProps === null || previewContentProps === void 0 ? void 0 : previewContentProps.secondaryText,
+            tertiaryText: previewContentProps === null || previewContentProps === void 0 ? void 0 : previewContentProps.tertiaryText
+        }), sensitivityLabelProps && /*#__PURE__*/ React.createElement(SensitivityLabel, sensitivityLabelProps), (_previewContentProps_content = previewContentProps === null || previewContentProps === void 0 ? void 0 : previewContentProps.content) !== null && _previewContentProps_content !== void 0 ? _previewContentProps_content : referencePreviewProps === null || referencePreviewProps === void 0 ? void 0 : referencePreviewProps.children)));
+    };
+    const components = {
+        Citation: CitationWithPreview,
+        Reference: ReferenceWithPreview
+    };
+    return components;
 };
-//# sourceMappingURL=generateReferenceCitationPreview.js.map

package/lib/utilities/index.js

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

package/lib/utilities/useReferenceCitationPreview.js

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

package/lib-commonjs/Citation.js

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

package/lib-commonjs/Reference.js

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

package/lib-commonjs/ReferenceList.js

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

package/lib-commonjs/ReferenceOverflowButton.js

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

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["Citation.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useCitation_unstable } from './useCitation';\nimport { renderCitation_unstable } from './renderCitation';\nimport { useCitationStyles_unstable } from './useCitationStyles.styles';\nimport type { CitationProps } from './Citation.types';\nimport type { ForwardRefComponent } from '@fluentui/react-components';\nimport { useCustomStyleHook } from '@fluentui-copilot/react-provider';\n\n// Citation component - TODO: add more docs\nexport const Citation: ForwardRefComponent<CitationProps> = React.forwardRef((props, ref) => {\n  const state = useCitation_unstable(props, ref);\n\n  useCitationStyles_unstable(state);\n  useCustomStyleHook('useCitationStyles')(state);\n\n  return renderCitation_unstable(state);\n});\n\nCitation.displayName = 'Citation';\n"],"names":["Citation","React","forwardRef","props","state","useCitation_unstable","useCitationStyles_unstable","useCustomStyleHook","renderCitation_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BASaA;;;eAAAA;;;;iEATU;6BACc;gCACG;yCACG;+BAGR;AAG5B,MAAMA,WAAAA,WAAAA,GAAAA,OAA+CC,UAAMC,CAAU,CAACC,OAACA;UAC5EC,QAAMA,IAAAA,iCAAQC,EAAAA,OAAqBF;2DAEnCG,EAAAA;yCACAC,EAAAA,qBAAmBH;WAEnBI,IAAAA,uCAAOA,EAAAA;AACT;AAEAR,SAASS,WAAW,GAAG"}
+{"version":3,"sources":["Citation.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useCitation_unstable } from './useCitation';\nimport { renderCitation_unstable } from './renderCitation';\nimport { useCitationStyles_unstable } from './useCitationStyles.styles';\nimport type { CitationProps } from './Citation.types';\nimport type { ForwardRefComponent } from '@fluentui/react-components';\nimport { useCustomStyleHook } from '@fluentui-copilot/react-provider';\n\n// Citation component - TODO: add more docs\nexport const Citation: ForwardRefComponent<CitationProps> = React.forwardRef((props, ref) => {\n  const state = useCitation_unstable(props, ref);\n\n  useCitationStyles_unstable(state);\n  useCustomStyleHook('useCitationStyles')(state);\n\n  return renderCitation_unstable(state);\n});\n\nCitation.displayName = 'Citation';\n"],"names":["Citation","React","forwardRef","props","ref","state","useCitation_unstable","useCitationStyles_unstable","useCustomStyleHook","renderCitation_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BASaA;;;eAAAA;;;;iEATU;6BACc;gCACG;yCACG;+BAGR;AAG5B,MAAMA,WAAAA,WAAAA,GAA+CC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACnF,MAAMC,QAAQC,IAAAA,iCAAAA,EAAqBH,OAAOC;IAE1CG,IAAAA,mDAAAA,EAA2BF;IAC3BG,IAAAA,iCAAAA,EAAmB,qBAAqBH;IAExC,OAAOI,IAAAA,uCAAAA,EAAwBJ;AACjC;AAEAL,SAASU,WAAW,GAAG"}

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

@@ -4,4 +4,3 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
- //# sourceMappingURL=Citation.types.js.map

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

@@ -29,4 +29,3 @@ const _Citation = require("./Citation");
 const _renderCitation = require("./renderCitation");
 const _useCitation = require("./useCitation");
 const _useCitationStylesstyles = require("./useCitationStyles.styles");
- //# sourceMappingURL=index.js.map

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

@@ -13,4 +13,4 @@ const _reactcomponents = require("@fluentui/react-components");
 const renderCitation_unstable = (state)=>{
     (0, _reactcomponents.assertSlots)(state);
     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.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-components';\nimport type { CitationState, CitationSlots } from './Citation.types';\n/**\n * Render the final JSX of Citation\n */\nexport const renderCitation_unstable = (state: CitationState) => {\n  assertSlots<CitationSlots>(state);\n\n  return <state.root />;\n};\n"],"names":["assertSlots","state","_jsx","root"],"rangeMappings":";;;;;;;;;;;;;;","mappings":";;;;+BASEA;;;eAAAA;;;4BATwB;iCAGE;AAM1BA,MAAAA,0BAA2BC,CAAAA;oCAE3B,EAAAA;IACA,OAAA,WAAA,GAAAC,IAAAA,eAAA,EAAAD,MAAAE,IAAA,EAAA,CAAA"}
+{"version":3,"sources":["renderCitation.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-components';\nimport type { CitationState, CitationSlots } from './Citation.types';\n/**\n * Render the final JSX of Citation\n */\nexport const renderCitation_unstable = (state: CitationState) => {\n  assertSlots<CitationSlots>(state);\n\n  return <state.root />;\n};\n"],"names":["renderCitation_unstable","state","assertSlots","_jsx","root"],"rangeMappings":";;;;;;;;;;;;;;;","mappings":";;;;+BAQaA;;;eAAAA;;;4BAPb;iCAE4B;AAKrB,MAAMA,0BAA0B,CAACC;IACtCC,IAAAA,4BAAAA,EAA2BD;IAE3B,OAAA,WAAA,GAAOE,IAAAA,eAAA,EAACF,MAAMG,IAAI,EAAA,CAAA;AACpB"}

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

@@ -33,4 +33,4 @@ const useCitation_unstable = (props, ref)=>{
         })
     };
     return state;
-}; //# sourceMappingURL=useCitation.js.map
+};

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

@@ -1 +1 @@
-{"version":3,"sources":["useCitation.ts"],"sourcesContent":["import { getIntrinsicElementProps, slot } from '@fluentui/react-components';\nimport { usePreviewContext_unstable } from '@fluentui-copilot/react-preview';\nimport type { CitationProps, CitationState } from './Citation.types';\nimport { useDesignVersion } from '@fluentui-copilot/react-provider';\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: CitationProps, ref: React.Ref<HTMLAnchorElement>): CitationState => {\n  const { referenceHref, block = false, ...otherProps } = props;\n  const designVersion = useDesignVersion(props.designVersion);\n\n  const isPopoverLocked = usePreviewContext_unstable(ctx => ctx.isPreviewLocked) && (props['aria-expanded'] as boolean);\n\n  const state: CitationState = {\n    block,\n    designVersion,\n    isPopoverLocked,\n    components: {\n      root: 'a',\n    },\n    root: slot.always(\n      getIntrinsicElementProps('a', {\n        ref,\n        href: referenceHref,\n        role: undefined,\n        'aria-expanded': undefined,\n        ...otherProps,\n      }),\n      { elementType: 'a' },\n    ),\n  };\n\n  return state;\n};\n"],"names":["referenceHref","props","ref","isPopoverLocked","block","state","components","usePreviewContext_unstable","ctx","isPreviewLocked","root","href","role","otherProps","elementType","undefined"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAcUA;;;eAAAA;;;iCAdqC;8BACJ;+BAEV;AAW/B,MAAQA,uBAAuB,CAAAC,OAAOC;UACtC,EAEAF,aAAMG,EAENC,QAAMC,KAAAA;UAGJF,gBAAAA,IAAAA,+BAAAA,EAAAA,MAAAA,aAAAA;UACAG,kBAAYC,IAAAA,wCAAA,EAAAC,CAAAA,MAAAA,IAAAC,eAAA,KAAAR,KAAA,CAAA,gBAAA;kBACVS;;;;oBAKEC;kBACAC;;mCAEA,CAAGC,MAAAA,CAAAA,IAAAA,yCAAU,EAAA,KAAA;;kBAEbC;kBAAiBC;YAEvB,iBAAAA;YAEA,GAAAF,UAAOR;QACP,IAAA"}
+{"version":3,"sources":["useCitation.ts"],"sourcesContent":["import { getIntrinsicElementProps, slot } from '@fluentui/react-components';\nimport { usePreviewContext_unstable } from '@fluentui-copilot/react-preview';\nimport type { CitationProps, CitationState } from './Citation.types';\nimport { useDesignVersion } from '@fluentui-copilot/react-provider';\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: CitationProps, ref: React.Ref<HTMLAnchorElement>): CitationState => {\n  const { referenceHref, block = false, ...otherProps } = props;\n  const designVersion = useDesignVersion(props.designVersion);\n\n  const isPopoverLocked = usePreviewContext_unstable(ctx => ctx.isPreviewLocked) && (props['aria-expanded'] as boolean);\n\n  const state: CitationState = {\n    block,\n    designVersion,\n    isPopoverLocked,\n    components: {\n      root: 'a',\n    },\n    root: slot.always(\n      getIntrinsicElementProps('a', {\n        ref,\n        href: referenceHref,\n        role: undefined,\n        'aria-expanded': undefined,\n        ...otherProps,\n      }),\n      { elementType: 'a' },\n    ),\n  };\n\n  return state;\n};\n"],"names":["useCitation_unstable","props","ref","referenceHref","block","otherProps","designVersion","useDesignVersion","isPopoverLocked","usePreviewContext_unstable","ctx","isPreviewLocked","state","components","root","slot","always","getIntrinsicElementProps","href","role","undefined","elementType"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAaaA;;;eAAAA;;;iCAbkC;8BACJ;+BAEV;AAU1B,MAAMA,uBAAuB,CAACC,OAAsBC;IACzD,MAAM,EAAEC,aAAa,EAAEC,QAAQ,KAAK,EAAE,GAAGC,YAAY,GAAGJ;IACxD,MAAMK,gBAAgBC,IAAAA,+BAAAA,EAAiBN,MAAMK,aAAa;IAE1D,MAAME,kBAAkBC,IAAAA,wCAAAA,EAA2BC,CAAAA,MAAOA,IAAIC,eAAe,KAAMV,KAAK,CAAC,gBAAgB;IAEzG,MAAMW,QAAuB;QAC3BR;QACAE;QACAE;QACAK,YAAY;YACVC,MAAM;QACR;QACAA,MAAMC,qBAAAA,CAAKC,MAAM,CACfC,IAAAA,yCAAAA,EAAyB,KAAK;YAC5Bf;YACAgB,MAAMf;YACNgB,MAAMC;YACN,iBAAiBA;YACjB,GAAGf,UAAU;QACf,IACA;YAAEgB,aAAa;QAAI;IAEvB;IAEA,OAAOT;AACT"}

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

@@ -0,0 +1,85 @@
+"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 _tokens = require("@fluentui-copilot/tokens");
+const citationClassNames = {
+    root: 'fai-Citation'
+};
+const useCitationBaseClassName = (0, _reactcomponents.makeResetStyles)({
+    display: 'inline-flex',
+    justifyContent: 'center',
+    boxSizing: 'border-box',
+    alignItems: 'center',
+    cursor: 'pointer',
+    ..._tokens.typographyStyles.caption2Strong,
+    backgroundColor: _tokens.tokens.colorNeutralBackground3,
+    border: `${_tokens.tokens.strokeWidthThin} solid ${_tokens.tokens.colorNeutralStroke2}`,
+    color: _tokens.tokens.colorNeutralForeground2,
+    minWidth: '14px',
+    height: '14px',
+    verticalAlign: `calc((${_tokens.typographyStyles.caption2Strong.lineHeight} - ${_tokens.typographyStyles.caption2Strong.fontSize}) / 2)`,
+    paddingInline: _tokens.tokens.spacingHorizontalXXS,
+    borderRadius: _tokens.tokens.borderRadiusMedium,
+    textDecoration: 'none',
+    marginLeft: _tokens.tokens.spacingHorizontalXXS,
+    marginRight: _tokens.tokens.spacingHorizontalXXS,
+    ':hover': {
+        cursor: 'pointer',
+        color: _tokens.tokens.colorBrandForeground2Hover,
+        borderColor: _tokens.tokens.colorBrandStroke2Hover,
+        backgroundColor: _tokens.tokens.colorBrandBackground2Hover
+    },
+    ':hover:active': {
+        cursor: 'pointer',
+        color: _tokens.tokens.colorBrandForeground2Pressed,
+        borderColor: _tokens.tokens.colorBrandStroke2Pressed,
+        backgroundColor: _tokens.tokens.colorBrandBackground2Pressed
+    }
+});
+const useCitationRootStyles = (0, _reactcomponents.makeStyles)({
+    isBlock: {
+        display: 'flex',
+        marginLeft: 0,
+        marginRight: 0
+    },
+    isPopoverLocked: {
+        color: _tokens.tokens.colorBrandForeground2Pressed,
+        ..._reactcomponents.shorthands.borderColor(_tokens.tokens.colorBrandStroke2Pressed),
+        backgroundColor: _tokens.tokens.colorBrandBackground2,
+        ':hover': {
+            color: _tokens.tokens.colorBrandForeground2Pressed,
+            ..._reactcomponents.shorthands.borderColor(_tokens.tokens.colorBrandStroke2Pressed),
+            backgroundColor: _tokens.tokens.colorBrandBackground2
+        }
+    }
+});
+const useNextStyles = (0, _reactcomponents.makeStyles)({
+    root: {
+        borderRadius: _tokens.tokens.borderRadiusXLarge
+    }
+});
+const useCitationStyles_unstable = (state)=>{
+    'use no memo';
+    const { designVersion } = state;
+    const rootBaseClassName = useCitationBaseClassName();
+    const rootStyles = useCitationRootStyles();
+    const nextStyles = useNextStyles();
+    state.root.className = (0, _reactcomponents.mergeClasses)(citationClassNames.root, state.isPopoverLocked && rootStyles.isPopoverLocked, state.block && rootStyles.isBlock, rootBaseClassName, designVersion === 'next' && nextStyles.root, state.root.className);
+    return state;
+};

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

@@ -0,0 +1 @@
+{"version":3,"sources":["useCitationStyles.styles.ts"],"sourcesContent":["import { makeResetStyles, makeStyles, mergeClasses, shorthands } from '@fluentui/react-components';\nimport { tokens, typographyStyles } from '@fluentui-copilot/tokens';\nimport type { CitationSlots, CitationState } from './Citation.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const citationClassNames: SlotClassNames<CitationSlots> = {\n  root: 'fai-Citation',\n};\n\nconst useCitationBaseClassName = makeResetStyles({\n  display: 'inline-flex',\n  justifyContent: 'center',\n  boxSizing: 'border-box',\n  alignItems: 'center',\n  cursor: 'pointer',\n  ...typographyStyles.caption2Strong,\n\n  backgroundColor: tokens.colorNeutralBackground3,\n  border: `${tokens.strokeWidthThin} solid ${tokens.colorNeutralStroke2}`,\n  color: tokens.colorNeutralForeground2,\n\n  minWidth: '14px',\n  height: '14px',\n  verticalAlign: `calc((${typographyStyles.caption2Strong.lineHeight} - ${typographyStyles.caption2Strong.fontSize}) / 2)`,\n  paddingInline: tokens.spacingHorizontalXXS,\n\n  borderRadius: tokens.borderRadiusMedium,\n\n  textDecoration: 'none',\n\n  marginLeft: tokens.spacingHorizontalXXS,\n  marginRight: tokens.spacingHorizontalXXS,\n\n  ':hover': {\n    cursor: 'pointer',\n    color: tokens.colorBrandForeground2Hover,\n    borderColor: tokens.colorBrandStroke2Hover,\n    backgroundColor: tokens.colorBrandBackground2Hover,\n  },\n\n  ':hover:active': {\n    cursor: 'pointer',\n    color: tokens.colorBrandForeground2Pressed,\n    borderColor: tokens.colorBrandStroke2Pressed,\n    backgroundColor: tokens.colorBrandBackground2Pressed,\n  },\n});\n\nconst useCitationRootStyles = makeStyles({\n  isBlock: {\n    display: 'flex',\n    marginLeft: 0,\n    marginRight: 0,\n  },\n  isPopoverLocked: {\n    color: tokens.colorBrandForeground2Pressed,\n    ...shorthands.borderColor(tokens.colorBrandStroke2Pressed),\n    backgroundColor: tokens.colorBrandBackground2,\n    ':hover': {\n      color: tokens.colorBrandForeground2Pressed,\n      ...shorthands.borderColor(tokens.colorBrandStroke2Pressed),\n      backgroundColor: tokens.colorBrandBackground2,\n    },\n  },\n});\n\nconst useNextStyles = makeStyles({ root: { borderRadius: tokens.borderRadiusXLarge } });\n\n/**\n * Apply styling to the Citation slots based on the state\n */\nexport const useCitationStyles_unstable = (state: CitationState): CitationState => {\n  'use no memo';\n\n  const { designVersion } = state;\n\n  const rootBaseClassName = useCitationBaseClassName();\n  const rootStyles = useCitationRootStyles();\n  const nextStyles = useNextStyles();\n\n  state.root.className = mergeClasses(\n    citationClassNames.root,\n    state.isPopoverLocked && rootStyles.isPopoverLocked,\n    state.block && rootStyles.isBlock,\n    rootBaseClassName,\n    designVersion === 'next' && nextStyles.root,\n    state.root.className,\n  );\n\n  return state;\n};\n"],"names":["citationClassNames","useCitationStyles_unstable","root","useCitationBaseClassName","makeResetStyles","display","justifyContent","boxSizing","alignItems","cursor","typographyStyles","caption2Strong","backgroundColor","tokens","colorNeutralBackground3","border","strokeWidthThin","colorNeutralStroke2","color","colorNeutralForeground2","minWidth","height","verticalAlign","lineHeight","fontSize","paddingInline","spacingHorizontalXXS","borderRadius","borderRadiusMedium","textDecoration","marginLeft","marginRight","colorBrandForeground2Hover","borderColor","colorBrandStroke2Hover","colorBrandBackground2Hover","colorBrandForeground2Pressed","colorBrandStroke2Pressed","colorBrandBackground2Pressed","useCitationRootStyles","makeStyles","isBlock","isPopoverLocked","shorthands","colorBrandBackground2","useNextStyles","borderRadiusXLarge","state","designVersion","rootBaseClassName","rootStyles","nextStyles","className","mergeClasses","block"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAKaA,kBAAAA;eAAAA;;IAkEAC,0BAAAA;eAAAA;;;iCAvEyD;wBAC7B;AAIlC,MAAMD,qBAAoD;IAC/DE,MAAM;AACR;AAEA,MAAMC,2BAA2BC,IAAAA,gCAAAA,EAAgB;IAC/CC,SAAS;IACTC,gBAAgB;IAChBC,WAAW;IACXC,YAAY;IACZC,QAAQ;IACR,GAAGC,wBAAAA,CAAiBC,cAAc;IAElCC,iBAAiBC,cAAAA,CAAOC,uBAAuB;IAC/CC,QAAQ,CAAC,EAAEF,cAAAA,CAAOG,eAAe,CAAC,OAAO,EAAEH,cAAAA,CAAOI,mBAAmB,CAAC,CAAC;IACvEC,OAAOL,cAAAA,CAAOM,uBAAuB;IAErCC,UAAU;IACVC,QAAQ;IACRC,eAAe,CAAC,MAAM,EAAEZ,wBAAAA,CAAiBC,cAAc,CAACY,UAAU,CAAC,GAAG,EAAEb,wBAAAA,CAAiBC,cAAc,CAACa,QAAQ,CAAC,MAAM,CAAC;IACxHC,eAAeZ,cAAAA,CAAOa,oBAAoB;IAE1CC,cAAcd,cAAAA,CAAOe,kBAAkB;IAEvCC,gBAAgB;IAEhBC,YAAYjB,cAAAA,CAAOa,oBAAoB;IACvCK,aAAalB,cAAAA,CAAOa,oBAAoB;IAExC,UAAU;QACRjB,QAAQ;QACRS,OAAOL,cAAAA,CAAOmB,0BAA0B;QACxCC,aAAapB,cAAAA,CAAOqB,sBAAsB;QAC1CtB,iBAAiBC,cAAAA,CAAOsB,0BAA0B;IACpD;IAEA,iBAAiB;QACf1B,QAAQ;QACRS,OAAOL,cAAAA,CAAOuB,4BAA4B;QAC1CH,aAAapB,cAAAA,CAAOwB,wBAAwB;QAC5CzB,iBAAiBC,cAAAA,CAAOyB,4BAA4B;IACtD;AACF;AAEA,MAAMC,wBAAwBC,IAAAA,2BAAAA,EAAW;IACvCC,SAAS;QACPpC,SAAS;QACTyB,YAAY;QACZC,aAAa;IACf;IACAW,iBAAiB;QACfxB,OAAOL,cAAAA,CAAOuB,4BAA4B;QAC1C,GAAGO,2BAAAA,CAAWV,WAAW,CAACpB,cAAAA,CAAOwB,wBAAwB,CAAC;QAC1DzB,iBAAiBC,cAAAA,CAAO+B,qBAAqB;QAC7C,UAAU;YACR1B,OAAOL,cAAAA,CAAOuB,4BAA4B;YAC1C,GAAGO,2BAAAA,CAAWV,WAAW,CAACpB,cAAAA,CAAOwB,wBAAwB,CAAC;YAC1DzB,iBAAiBC,cAAAA,CAAO+B,qBAAqB;QAC/C;IACF;AACF;AAEA,MAAMC,gBAAgBL,IAAAA,2BAAAA,EAAW;IAAEtC,MAAM;QAAEyB,cAAcd,cAAAA,CAAOiC,kBAAkB;IAAC;AAAE;AAK9E,MAAM7C,6BAA6B,CAAC8C;IACzC;IAEA,MAAM,EAAEC,aAAa,EAAE,GAAGD;IAE1B,MAAME,oBAAoB9C;IAC1B,MAAM+C,aAAaX;IACnB,MAAMY,aAAaN;IAEnBE,MAAM7C,IAAI,CAACkD,SAAS,GAAGC,IAAAA,6BAAAA,EACrBrD,mBAAmBE,IAAI,EACvB6C,MAAML,eAAe,IAAIQ,WAAWR,eAAe,EACnDK,MAAMO,KAAK,IAAIJ,WAAWT,OAAO,EACjCQ,mBACAD,kBAAkB,UAAUG,WAAWjD,IAAI,EAC3C6C,MAAM7C,IAAI,CAACkD,SAAS;IAGtB,OAAOL;AACT"}

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

@@ -18,4 +18,4 @@ const Reference = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
     (0, _useReferenceStylesstyles.useReferenceStyles_unstable)(state);
     return (0, _renderReference.renderReference_unstable)(state);
 });
-Reference.displayName = 'Reference'; //# sourceMappingURL=Reference.js.map
+Reference.displayName = 'Reference';

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

@@ -1 +1 @@
-{"version":3,"sources":["Reference.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useReference_unstable } from './useReference';\nimport { renderReference_unstable } from './renderReference';\nimport { useReferenceStyles_unstable } from './useReferenceStyles.styles';\nimport type { ReferenceProps } from './Reference.types';\nimport type { ForwardRefComponent } from '@fluentui/react-components';\n\nexport const Reference: ForwardRefComponent<ReferenceProps> = React.forwardRef((props, ref) => {\n  const state = useReference_unstable(props, ref);\n\n  useReferenceStyles_unstable(state);\n  return renderReference_unstable(state);\n});\n\nReference.displayName = 'Reference';\n"],"names":["Reference","React","forwardRef","props","state","useReference_unstable","useReferenceStyles_unstable","renderReference_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAOaA;;;eAAAA;;;;iEAPU;8BACe;iCACG;0CACG;AAIrC,MAAMA,YAAAA,WAAAA,GAAAA,OAAiDC,UAAMC,CAAU,CAACC,OAACA;UAC9EC,QAAMA,IAAAA,mCAAQC,EAAAA,OAAsBF;6DAEpCG,EAAAA;WACAC,IAAAA,yCAAOA,EAAAA;AACT;AAEAP,UAAUQ,WAAW,GAAG"}
+{"version":3,"sources":["Reference.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useReference_unstable } from './useReference';\nimport { renderReference_unstable } from './renderReference';\nimport { useReferenceStyles_unstable } from './useReferenceStyles.styles';\nimport type { ReferenceProps } from './Reference.types';\nimport type { ForwardRefComponent } from '@fluentui/react-components';\n\nexport const Reference: ForwardRefComponent<ReferenceProps> = React.forwardRef((props, ref) => {\n  const state = useReference_unstable(props, ref);\n\n  useReferenceStyles_unstable(state);\n  return renderReference_unstable(state);\n});\n\nReference.displayName = 'Reference';\n"],"names":["Reference","React","forwardRef","props","ref","state","useReference_unstable","useReferenceStyles_unstable","renderReference_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAOaA;;;eAAAA;;;;iEAPU;8BACe;iCACG;0CACG;AAIrC,MAAMA,YAAAA,WAAAA,GAAiDC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACrF,MAAMC,QAAQC,IAAAA,mCAAAA,EAAsBH,OAAOC;IAE3CG,IAAAA,qDAAAA,EAA4BF;IAC5B,OAAOG,IAAAA,yCAAAA,EAAyBH;AAClC;AAEAL,UAAUS,WAAW,GAAG"}

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

@@ -2,4 +2,3 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
- //# sourceMappingURL=Reference.types.js.map

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

@@ -32,4 +32,3 @@ const _Reference = require("./Reference");
 const _renderReference = require("./renderReference");
 const _useReference = require("./useReference");
 const _useReferenceStylesstyles = require("./useReferenceStyles.styles");
- //# sourceMappingURL=index.js.map

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

@@ -29,4 +29,4 @@ const renderReference_unstable = (state)=>{
         id: id,
         children: reference
     }, id) : reference;
-}; //# sourceMappingURL=renderReference.js.map
+};

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

@@ -1 +1 @@
-{"version":3,"sources":["renderReference.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { OverflowItem, assertSlots } from '@fluentui/react-components';\nimport type { ReferenceState, ReferenceSlots } from './Reference.types';\n\nexport const renderReference_unstable = (state: ReferenceState) => {\n  assertSlots<ReferenceSlots>(state);\n\n  const { id, shouldUseOverflow } = state;\n\n  const reference = (\n    <state.root>\n      {state.citation && <state.citation />}\n      {state.divider && <state.divider />}\n      {state.content && (\n        <state.content>\n          {state.graphic && <state.graphic />}\n          {state.root.children}\n        </state.content>\n      )}\n    </state.root>\n  );\n\n  return shouldUseOverflow ? (\n    <OverflowItem key={id} id={id}>\n      {reference}\n    </OverflowItem>\n  ) : (\n    reference\n  );\n};\n"],"names":["renderReference_unstable","state","assertSlots","id","divider","_jsxs","root","content","_jsx"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAMaA;;;eAAAA;;;4BALb;iCAE0C;AAGnC,MAAMA,2BAA2BC,CAAAA;oCACtCC,EAAAA;UAEA,EAEAC,EAAA;sBAGWC,WAAO,GAAAC,IAAAA,gBAAA,EAAAJ,MAAIK,IAACL,EAAAA;kBAClBA;YAAAA,MAAMM,QAAO,IAAA,WACZ,GAAAC,IAAAA,eAACP,EAAAA,MAAMM,QAAO,EAAA,CAAA;YAAAN,MAAAG,OAAA,IAAA,WAAA,GAAAI,IAAAA,eAAA,EAAAP,MAAAG,OAAA,EAAA,CAAA;YAAAH,MAAAM,OAAA,IAAA,WAAA,GAAAF,IAAAA,gBAAA,EAAAJ,MAAAM,OAAA,EAAA;;;;;;;;;;;;8CASSJ"}
+{"version":3,"sources":["renderReference.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { OverflowItem, assertSlots } from '@fluentui/react-components';\nimport type { ReferenceState, ReferenceSlots } from './Reference.types';\n\nexport const renderReference_unstable = (state: ReferenceState) => {\n  assertSlots<ReferenceSlots>(state);\n\n  const { id, shouldUseOverflow } = state;\n\n  const reference = (\n    <state.root>\n      {state.citation && <state.citation />}\n      {state.divider && <state.divider />}\n      {state.content && (\n        <state.content>\n          {state.graphic && <state.graphic />}\n          {state.root.children}\n        </state.content>\n      )}\n    </state.root>\n  );\n\n  return shouldUseOverflow ? (\n    <OverflowItem key={id} id={id}>\n      {reference}\n    </OverflowItem>\n  ) : (\n    reference\n  );\n};\n"],"names":["renderReference_unstable","state","assertSlots","id","shouldUseOverflow","reference","_jsxs","root","citation","_jsx","divider","content","graphic","children","OverflowItem"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAMaA;;;eAAAA;;;4BALb;iCAE0C;AAGnC,MAAMA,2BAA2B,CAACC;IACvCC,IAAAA,4BAAAA,EAA4BD;IAE5B,MAAM,EAAEE,EAAE,EAAEC,iBAAiB,EAAE,GAAGH;IAElC,MAAMI,YAAAA,WAAAA,GACJC,IAAAA,gBAAA,EAACL,MAAMM,IAAI,EAAA;;YACRN,MAAMO,QAAQ,IAAA,WAAA,GAAIC,IAAAA,eAAA,EAACR,MAAMO,QAAQ,EAAA,CAAA;YACjCP,MAAMS,OAAO,IAAA,WAAA,GAAID,IAAAA,eAAA,EAACR,MAAMS,OAAO,EAAA,CAAA;YAC/BT,MAAMU,OAAO,IAAA,WAAA,GACZL,IAAAA,gBAAA,EAACL,MAAMU,OAAO,EAAA;;oBACXV,MAAMW,OAAO,IAAA,WAAA,GAAIH,IAAAA,eAAA,EAACR,MAAMW,OAAO,EAAA,CAAA;oBAC/BX,MAAMM,IAAI,CAACM,QAAQ;;;;;IAM5B,OAAOT,oBAAAA,WAAAA,GACLK,IAAAA,eAAA,EAACK,6BAAAA,EAAAA;QAAsBX,IAAIA;kBACxBE;OADgBF,MAInBE;AAEJ"}

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

@@ -68,4 +68,4 @@ const useReference_unstable = (props, ref)=>{
         });
     }
     return state;
-}; //# sourceMappingURL=useReference.js.map
+};

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

@@ -1 +1 @@
-{"version":3,"sources":["useReference.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, mergeClasses, slot, useId } from '@fluentui/react-components';\nimport { useReferenceListContext_unstable } from '../../contexts/referenceListContext';\nimport { referenceExtraClassNames } from './useReferenceStyles.styles';\nimport type { ReferenceProps, ReferenceState } from './Reference.types';\nimport { useDesignVersion } from '@fluentui-copilot/react-provider';\n\n/**\n * Create the state required to render Reference.\n *\n * The returned state can be modified with hooks such as useReferenceStyles_unstable,\n * before being passed to renderReference_unstable.\n *\n * @param props - props from this instance of Reference\n * @param ref - reference to root HTMLElement of Reference\n */\nexport const useReference_unstable = (\n  props: ReferenceProps,\n  ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>,\n): ReferenceState => {\n  const { as, children, id } = props;\n\n  const designVersion = useDesignVersion(props.designVersion);\n\n  const shouldUseOverflow = useReferenceListContext_unstable(ctx => ctx.shouldUseOverflow);\n\n  const referenceId = useId('reference-', id);\n\n  const elementType = as || ((props as JSX.IntrinsicElements['a']).href ? 'a' : 'button');\n  const propsWithAssignedAs = {\n    type: elementType === 'button' ? 'button' : undefined,\n    ...props,\n    as: elementType,\n    id: referenceId,\n  } as ReferenceProps;\n\n  const citation = slot.optional(props.citation, { elementType: 'span' });\n  const graphic = slot.optional(props.graphic, { elementType: 'span' });\n  const content = slot.optional(props.content, {\n    elementType: 'span',\n    renderByDefault: graphic !== undefined || !!children,\n  });\n  const divider = slot.optional(props.divider, {\n    elementType: 'span',\n    renderByDefault: citation !== undefined && content !== undefined,\n  });\n\n  const state: ReferenceState = {\n    designVersion,\n    id: referenceId,\n    shouldUseOverflow,\n\n    components: {\n      root: elementType,\n      citation: 'span',\n      divider: 'span',\n      graphic: 'span',\n      content: 'span',\n    },\n\n    root: slot.always(\n      getIntrinsicElementProps(elementType, {\n        ref,\n        ...propsWithAssignedAs,\n      }),\n      { elementType },\n    ),\n    citation,\n    divider,\n    content,\n    graphic,\n  };\n\n  if (state.graphic && React.isValidElement<HTMLElement>(state.graphic.children)) {\n    state.graphic.children = React.cloneElement(state.graphic.children, {\n      className: mergeClasses(state.graphic.children.props.className, referenceExtraClassNames.graphicChild),\n    });\n  }\n\n  return state;\n};\n"],"names":["as","props","children","referenceId","id","type","elementType","designVersion","undefined","shouldUseOverflow","useReferenceListContext_unstable","ctx","propsWithAssignedAs","citation","optional","slot","content","renderByDefault","graphic","root","ref","always","getIntrinsicElementProps","divider","state","React","cloneElement"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAoBUA;;;eAAAA;;;;iEApBa;iCAC6C;sCACnB;0CACR;+BAER;AAe/B,MAAQA,wBAAqBC,CAAAA,OAAAA;UAE7B,EAEAD,EAAA,EAEAE,QAAMC,EAENC,EAAA,KACAH;UACEI,gBAAMC,IAAAA,+BAAgB,EAAWL,MAAAM,aAAWC;UAC5CC,oBAAQC,IAAAA,sDAAA,EAAAC,CAAAA,MAAAA,IAAAF,iBAAA;UACRT,cAAIM,IAAAA,sBAAAA,EAAAA,cAAAA;UACJF,cAAID,MAAAA,CAAAA,MAAAA,IAAAA,GAAAA,MAAAA,QAAAA;UACNS,sBAAA;QAEAP,MAAMQ,gBAAgBC,WAASb,WAAMY;gBAAYP;QAAoBN,IAAAM;QACrEF,IAAAD;;UAAmEU,WAAAE,qBAAA,CAAAD,QAAA,CAAAb,MAAAY,QAAA,EAAA;QACnEP,aAAMU;;UAEJC,UAAAA,qBAAAA,CAAAA,QAAiBC,CAAAA,MAAYV,OAAAA,EAAAA;QAC/BF,aAAA;;UAEEA,UAAAA,qBAAa,CAAAQ,QAAA,CAAAb,MAAAe,OAAA,EAAA;qBACbC;QACFA,iBAAAC,YAAAV,aAAA,CAAA,CAAAN;;UAGEK,UAAAA,qBAAAA,CAAAA,QAAAA,CAAAA,MAAAA,OAAAA,EAAAA;qBACIJ;yBACJM,aAAAA,aAAAA,YAAAA;;kBAGEU;;;;oBAIAH;kBACFV;sBAEMS;qBAEFK;qBACGR;qBAEL;;cAAcG,qBAAA,CAAAM,MAAA,CAAAC,IAAAA,yCAAA,EAAAhB,aAAA;;eAGhBiB,mBAAAA;YACAP;;QAEF;QAEAH;;;;;QAMAW,MAAOA,OAAAA,kBAAAA,OAAAA,cAAAA,CAAAA,MAAAA,OAAAA,CAAAA,QAAAA,GAAAA;QACPA,MAAAN,OAAA,CAAAhB,QAAA,iBAAAuB,OAAAC,YAAA,CAAAF,MAAAN,OAAA,CAAAhB,QAAA,EAAA"}
+{"version":3,"sources":["useReference.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, mergeClasses, slot, useId } from '@fluentui/react-components';\nimport { useReferenceListContext_unstable } from '../../contexts/referenceListContext';\nimport { referenceExtraClassNames } from './useReferenceStyles.styles';\nimport type { ReferenceProps, ReferenceState } from './Reference.types';\nimport { useDesignVersion } from '@fluentui-copilot/react-provider';\n\n/**\n * Create the state required to render Reference.\n *\n * The returned state can be modified with hooks such as useReferenceStyles_unstable,\n * before being passed to renderReference_unstable.\n *\n * @param props - props from this instance of Reference\n * @param ref - reference to root HTMLElement of Reference\n */\nexport const useReference_unstable = (\n  props: ReferenceProps,\n  ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>,\n): ReferenceState => {\n  const { as, children, id } = props;\n\n  const designVersion = useDesignVersion(props.designVersion);\n\n  const shouldUseOverflow = useReferenceListContext_unstable(ctx => ctx.shouldUseOverflow);\n\n  const referenceId = useId('reference-', id);\n\n  const elementType = as || ((props as JSX.IntrinsicElements['a']).href ? 'a' : 'button');\n  const propsWithAssignedAs = {\n    type: elementType === 'button' ? 'button' : undefined,\n    ...props,\n    as: elementType,\n    id: referenceId,\n  } as ReferenceProps;\n\n  const citation = slot.optional(props.citation, { elementType: 'span' });\n  const graphic = slot.optional(props.graphic, { elementType: 'span' });\n  const content = slot.optional(props.content, {\n    elementType: 'span',\n    renderByDefault: graphic !== undefined || !!children,\n  });\n  const divider = slot.optional(props.divider, {\n    elementType: 'span',\n    renderByDefault: citation !== undefined && content !== undefined,\n  });\n\n  const state: ReferenceState = {\n    designVersion,\n    id: referenceId,\n    shouldUseOverflow,\n\n    components: {\n      root: elementType,\n      citation: 'span',\n      divider: 'span',\n      graphic: 'span',\n      content: 'span',\n    },\n\n    root: slot.always(\n      getIntrinsicElementProps(elementType, {\n        ref,\n        ...propsWithAssignedAs,\n      }),\n      { elementType },\n    ),\n    citation,\n    divider,\n    content,\n    graphic,\n  };\n\n  if (state.graphic && React.isValidElement<HTMLElement>(state.graphic.children)) {\n    state.graphic.children = React.cloneElement(state.graphic.children, {\n      className: mergeClasses(state.graphic.children.props.className, referenceExtraClassNames.graphicChild),\n    });\n  }\n\n  return state;\n};\n"],"names":["useReference_unstable","props","ref","as","children","id","designVersion","useDesignVersion","shouldUseOverflow","useReferenceListContext_unstable","ctx","referenceId","useId","elementType","href","propsWithAssignedAs","type","undefined","citation","slot","optional","graphic","content","renderByDefault","divider","state","components","root","always","getIntrinsicElementProps","React","isValidElement","cloneElement","className","mergeClasses","referenceExtraClassNames","graphicChild"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAgBaA;;;eAAAA;;;;iEAhBU;iCAC6C;sCACnB;0CACR;+BAER;AAW1B,MAAMA,wBAAwB,CACnCC,OACAC;IAEA,MAAM,EAAEC,EAAE,EAAEC,QAAQ,EAAEC,EAAE,EAAE,GAAGJ;IAE7B,MAAMK,gBAAgBC,IAAAA,+BAAAA,EAAiBN,MAAMK,aAAa;IAE1D,MAAME,oBAAoBC,IAAAA,sDAAAA,EAAiCC,CAAAA,MAAOA,IAAIF,iBAAiB;IAEvF,MAAMG,cAAcC,IAAAA,sBAAAA,EAAM,cAAcP;IAExC,MAAMQ,cAAcV,MAAOF,CAAAA,MAAsCa,IAAI,GAAG,MAAM,QAAA;IAC9E,MAAMC,sBAAsB;QAC1BC,MAAMH,gBAAgB,WAAW,WAAWI;QAC5C,GAAGhB,KAAK;QACRE,IAAIU;QACJR,IAAIM;IACN;IAEA,MAAMO,WAAWC,qBAAAA,CAAKC,QAAQ,CAACnB,MAAMiB,QAAQ,EAAE;QAAEL,aAAa;IAAO;IACrE,MAAMQ,UAAUF,qBAAAA,CAAKC,QAAQ,CAACnB,MAAMoB,OAAO,EAAE;QAAER,aAAa;IAAO;IACnE,MAAMS,UAAUH,qBAAAA,CAAKC,QAAQ,CAACnB,MAAMqB,OAAO,EAAE;QAC3CT,aAAa;QACbU,iBAAiBF,YAAYJ,aAAa,CAAC,CAACb;IAC9C;IACA,MAAMoB,UAAUL,qBAAAA,CAAKC,QAAQ,CAACnB,MAAMuB,OAAO,EAAE;QAC3CX,aAAa;QACbU,iBAAiBL,aAAaD,aAAaK,YAAYL;IACzD;IAEA,MAAMQ,QAAwB;QAC5BnB;QACAD,IAAIM;QACJH;QAEAkB,YAAY;YACVC,MAAMd;YACNK,UAAU;YACVM,SAAS;YACTH,SAAS;YACTC,SAAS;QACX;QAEAK,MAAMR,qBAAAA,CAAKS,MAAM,CACfC,IAAAA,yCAAAA,EAAyBhB,aAAa;YACpCX;YACA,GAAGa,mBAAmB;QACxB,IACA;YAAEF;QAAY;QAEhBK;QACAM;QACAF;QACAD;IACF;IAEA,IAAII,MAAMJ,OAAO,kBAAIS,OAAMC,cAAc,CAAcN,MAAMJ,OAAO,CAACjB,QAAQ,GAAG;QAC9EqB,MAAMJ,OAAO,CAACjB,QAAQ,iBAAG0B,OAAME,YAAY,CAACP,MAAMJ,OAAO,CAACjB,QAAQ,EAAE;YAClE6B,WAAWC,IAAAA,6BAAAA,EAAaT,MAAMJ,OAAO,CAACjB,QAAQ,CAACH,KAAK,CAACgC,SAAS,EAAEE,kDAAAA,CAAyBC,YAAY;QACvG;IACF;IAEA,OAAOX;AACT"}