@fluentui-copilot/react-reference 0.0.0-nightly-20250708-1433-52f2b6b1.1 → 0.0.0-nightly-20250710-0405-e728c4d6.1

package/CHANGELOG.json

@@ -2,9 +2,9 @@
   "name": "@fluentui-copilot/react-reference",
   "entries": [
     {
-      "date": "Tue, 08 Jul 2025 14:40:39 GMT",
-      "tag": "@fluentui-copilot/react-reference_v0.0.0-nightly-20250708-1433-52f2b6b1.1",
-      "version": "0.0.0-nightly-20250708-1433-52f2b6b1.1",
+      "date": "Thu, 10 Jul 2025 04:12:56 GMT",
+      "tag": "@fluentui-copilot/react-reference_v0.0.0-nightly-20250710-0405-e728c4d6.1",
+      "version": "0.0.0-nightly-20250710-0405-e728c4d6.1",
       "comments": {
         "prerelease": [
           {

package/CHANGELOG.md

@@ -1,13 +1,13 @@
 # Change Log - @fluentui-copilot/react-reference
 
-This log was last generated on Tue, 08 Jul 2025 14:40:39 GMT and should not be manually modified.
+This log was last generated on Thu, 10 Jul 2025 04:12:56 GMT and should not be manually modified.
 
 <!-- Start content -->
 
-## [0.0.0-nightly-20250708-1433-52f2b6b1.1](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-reference_v0.0.0-nightly-20250708-1433-52f2b6b1.1)
+## [0.0.0-nightly-20250710-0405-e728c4d6.1](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-reference_v0.0.0-nightly-20250710-0405-e728c4d6.1)
 
-Tue, 08 Jul 2025 14:40:39 GMT 
-[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-reference_v0.16.2..@fluentui-copilot/react-reference_v0.0.0-nightly-20250708-1433-52f2b6b1.1)
+Thu, 10 Jul 2025 04:12:56 GMT 
+[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-reference_v0.16.2..@fluentui-copilot/react-reference_v0.0.0-nightly-20250710-0405-e728c4d6.1)
 
 ### Changes
 

package/lib/Citation.js

@@ -1 +1,2 @@
 export { Citation, citationClassNames, renderCitation_unstable, useCitationStyles_unstable, useCitation_unstable } from './components/Citation/index';
+//# sourceMappingURL=Citation.js.map

package/lib/Reference.js

@@ -1 +1,2 @@
 export { Reference, referenceClassNames, referenceExtraClassNames, renderReference_unstable, useReferenceStyles_unstable, useReference_unstable } from './components/Reference/index';
+//# sourceMappingURL=Reference.js.map

package/lib/ReferenceList.js

@@ -1 +1,2 @@
 export { ReferenceList, referenceListClassNames, renderReferenceList_unstable, useReferenceListStyles_unstable, useReferenceList_unstable } from './components/ReferenceList/index';
+//# sourceMappingURL=ReferenceList.js.map

package/lib/ReferenceOverflowButton.js

@@ -1 +1,2 @@
 export { ReferenceOverflowButton, referenceOverflowButtonClassNames, renderReferenceOverflowButton_unstable, useReferenceOverflowButtonStyles_unstable, useReferenceOverflowButton_unstable } from './components/ReferenceOverflowButton/index';
+//# sourceMappingURL=ReferenceOverflowButton.js.map

package/lib/components/Citation/Citation.js

@@ -4,10 +4,11 @@ import { renderCitation_unstable } from './renderCitation';
 import { useCitationStyles_unstable } from './useCitationStyles.styles';
 import { useCustomStyleHook } from '@fluentui-copilot/react-provider';
 // Citation component - TODO: add more docs
-export const Citation = /*#__PURE__*/ React.forwardRef((props, ref)=>{
-    const state = useCitation_unstable(props, ref);
-    useCitationStyles_unstable(state);
-    useCustomStyleHook('useCitationStyles')(state);
-    return renderCitation_unstable(state);
+export const Citation = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const state = useCitation_unstable(props, ref);
+  useCitationStyles_unstable(state);
+  useCustomStyleHook('useCitationStyles')(state);
+  return renderCitation_unstable(state);
 });
 Citation.displayName = 'Citation';
+//# sourceMappingURL=Citation.js.map

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

@@ -1,3 +1,4 @@
 /**
  * State used in rendering Citation
- */ export { };
+ */export {};
+//# sourceMappingURL=Citation.types.js.map

package/lib/components/Citation/index.js

@@ -2,3 +2,4 @@ export { Citation } from './Citation';
 export { renderCitation_unstable } from './renderCitation';
 export { useCitation_unstable } from './useCitation';
 export { citationClassNames, useCitationStyles_unstable } from './useCitationStyles.styles';
+//# sourceMappingURL=index.js.map

package/lib/components/Citation/renderCitation.js

@@ -1,8 +1,10 @@
-  import { jsx as _jsx } from "@fluentui/react-jsx-runtime/jsx-runtime";
+import { jsx as _jsx } from "@fluentui/react-jsx-runtime/jsx-runtime";
 import { assertSlots } from '@fluentui/react-components';
 /**
  * Render the final JSX of Citation
- */ export const renderCitation_unstable = (state)=>{
-    assertSlots(state);
-    return /*#__PURE__*/ _jsx(state.root, {});
+ */
+export const renderCitation_unstable = state => {
+  assertSlots(state);
+  return /*#__PURE__*/_jsx(state.root, {});
 };
+//# sourceMappingURL=renderCitation.js.map

package/lib/components/Citation/useCitation.js

@@ -9,26 +9,32 @@ import { useDesignVersion } from '@fluentui-copilot/react-provider';
  *
  * @param props - props from this instance of Citation
  * @param ref - reference to root HTMLElement of Citation
- */ export const useCitation_unstable = (props, ref)=>{
-    const { referenceHref, block = false, ...otherProps } = props;
-    const designVersion = useDesignVersion(props.designVersion);
-    const isPopoverLocked = usePreviewContext_unstable((ctx)=>ctx.isPreviewLocked) && props['aria-expanded'];
-    const state = {
-        block,
-        designVersion,
-        isPopoverLocked,
-        components: {
-            root: 'a'
-        },
-        root: slot.always(getIntrinsicElementProps('a', {
-            ref,
-            href: referenceHref,
-            role: undefined,
-            'aria-expanded': undefined,
-            ...otherProps
-        }), {
-            elementType: 'a'
-        })
-    };
-    return state;
+ */
+export const useCitation_unstable = (props, ref) => {
+  const {
+    referenceHref,
+    block = false,
+    ...otherProps
+  } = props;
+  const designVersion = useDesignVersion(props.designVersion);
+  const isPopoverLocked = usePreviewContext_unstable(ctx => ctx.isPreviewLocked) && props['aria-expanded'];
+  const state = {
+    block,
+    designVersion,
+    isPopoverLocked,
+    components: {
+      root: 'a'
+    },
+    root: slot.always(getIntrinsicElementProps('a', {
+      ref,
+      href: referenceHref,
+      role: undefined,
+      'aria-expanded': undefined,
+      ...otherProps
+    }), {
+      elementType: 'a'
+    })
+  };
+  return state;
 };
+//# sourceMappingURL=useCitation.js.map

package/lib/components/Reference/Reference.js

@@ -2,9 +2,10 @@ import * as React from 'react';
 import { useReference_unstable } from './useReference';
 import { renderReference_unstable } from './renderReference';
 import { useReferenceStyles_unstable } from './useReferenceStyles.styles';
-export const Reference = /*#__PURE__*/ React.forwardRef((props, ref)=>{
-    const state = useReference_unstable(props, ref);
-    useReferenceStyles_unstable(state);
-    return renderReference_unstable(state);
+export const Reference = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const state = useReference_unstable(props, ref);
+  useReferenceStyles_unstable(state);
+  return renderReference_unstable(state);
 });
 Reference.displayName = 'Reference';
+//# sourceMappingURL=Reference.js.map

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

@@ -1 +1,2 @@
-export { };
+export {};
+//# sourceMappingURL=Reference.types.js.map

package/lib/components/Reference/index.js

@@ -2,3 +2,4 @@ export { Reference } from './Reference';
 export { renderReference_unstable } from './renderReference';
 export { useReference_unstable } from './useReference';
 export { referenceClassNames, referenceExtraClassNames, useReferenceStyles_unstable } from './useReferenceStyles.styles';
+//# sourceMappingURL=index.js.map

package/lib/components/Reference/renderReference.js

@@ -1,22 +1,19 @@
-  import { jsx as _jsx, jsxs as _jsxs } from "@fluentui/react-jsx-runtime/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "@fluentui/react-jsx-runtime/jsx-runtime";
 import { OverflowItem, assertSlots } from '@fluentui/react-components';
-export const renderReference_unstable = (state)=>{
-    assertSlots(state);
-    const { id, shouldUseOverflow } = state;
-    const reference = /*#__PURE__*/ _jsxs(state.root, {
-        children: [
-            state.citation && /*#__PURE__*/ _jsx(state.citation, {}),
-            state.divider && /*#__PURE__*/ _jsx(state.divider, {}),
-            state.content && /*#__PURE__*/ _jsxs(state.content, {
-                children: [
-                    state.graphic && /*#__PURE__*/ _jsx(state.graphic, {}),
-                    state.root.children
-                ]
-            })
-        ]
-    });
-    return shouldUseOverflow ? /*#__PURE__*/ _jsx(OverflowItem, {
-        id: id,
-        children: reference
-    }, id) : reference;
+export const renderReference_unstable = state => {
+  assertSlots(state);
+  const {
+    id,
+    shouldUseOverflow
+  } = state;
+  const reference = /*#__PURE__*/_jsxs(state.root, {
+    children: [state.citation && /*#__PURE__*/_jsx(state.citation, {}), state.divider && /*#__PURE__*/_jsx(state.divider, {}), state.content && /*#__PURE__*/_jsxs(state.content, {
+      children: [state.graphic && /*#__PURE__*/_jsx(state.graphic, {}), state.root.children]
+    })]
+  });
+  return shouldUseOverflow ? /*#__PURE__*/_jsx(OverflowItem, {
+    id: id,
+    children: reference
+  }, id) : reference;
 };
+//# sourceMappingURL=renderReference.js.map

package/lib/components/Reference/useReference.js

@@ -11,58 +11,64 @@ import { useDesignVersion } from '@fluentui-copilot/react-provider';
  *
  * @param props - props from this instance of Reference
  * @param ref - reference to root HTMLElement of Reference
- */ export const useReference_unstable = (props, ref)=>{
-    const { as, children, id } = props;
-    const designVersion = useDesignVersion(props.designVersion);
-    const shouldUseOverflow = useReferenceListContext_unstable((ctx)=>ctx.shouldUseOverflow);
-    const referenceId = useId('reference-', id);
-    const elementType = as || (props.href ? 'a' : 'button');
-    const propsWithAssignedAs = {
-        type: elementType === 'button' ? 'button' : undefined,
-        ...props,
-        as: elementType,
-        id: referenceId
-    };
-    const citation = slot.optional(props.citation, {
-        elementType: 'span'
+ */
+export const useReference_unstable = (props, ref) => {
+  const {
+    as,
+    children,
+    id
+  } = props;
+  const designVersion = useDesignVersion(props.designVersion);
+  const shouldUseOverflow = useReferenceListContext_unstable(ctx => ctx.shouldUseOverflow);
+  const referenceId = useId('reference-', id);
+  const elementType = as || (props.href ? 'a' : 'button');
+  const propsWithAssignedAs = {
+    type: elementType === 'button' ? 'button' : undefined,
+    ...props,
+    as: elementType,
+    id: referenceId
+  };
+  const citation = slot.optional(props.citation, {
+    elementType: 'span'
+  });
+  const graphic = slot.optional(props.graphic, {
+    elementType: 'span'
+  });
+  const content = slot.optional(props.content, {
+    elementType: 'span',
+    renderByDefault: graphic !== undefined || !!children
+  });
+  const divider = slot.optional(props.divider, {
+    elementType: 'span',
+    renderByDefault: citation !== undefined && content !== undefined
+  });
+  const state = {
+    designVersion,
+    id: referenceId,
+    shouldUseOverflow,
+    components: {
+      root: elementType,
+      citation: 'span',
+      divider: 'span',
+      graphic: 'span',
+      content: 'span'
+    },
+    root: slot.always(getIntrinsicElementProps(elementType, {
+      ref,
+      ...propsWithAssignedAs
+    }), {
+      elementType
+    }),
+    citation,
+    divider,
+    content,
+    graphic
+  };
+  if (state.graphic && React.isValidElement(state.graphic.children)) {
+    state.graphic.children = React.cloneElement(state.graphic.children, {
+      className: mergeClasses(state.graphic.children.props.className, referenceExtraClassNames.graphicChild)
     });
-    const graphic = slot.optional(props.graphic, {
-        elementType: 'span'
-    });
-    const content = slot.optional(props.content, {
-        elementType: 'span',
-        renderByDefault: graphic !== undefined || !!children
-    });
-    const divider = slot.optional(props.divider, {
-        elementType: 'span',
-        renderByDefault: citation !== undefined && content !== undefined
-    });
-    const state = {
-        designVersion,
-        id: referenceId,
-        shouldUseOverflow,
-        components: {
-            root: elementType,
-            citation: 'span',
-            divider: 'span',
-            graphic: 'span',
-            content: 'span'
-        },
-        root: slot.always(getIntrinsicElementProps(elementType, {
-            ref,
-            ...propsWithAssignedAs
-        }), {
-            elementType
-        }),
-        citation,
-        divider,
-        content,
-        graphic
-    };
-    if (state.graphic && React.isValidElement(state.graphic.children)) {
-        state.graphic.children = React.cloneElement(state.graphic.children, {
-            className: mergeClasses(state.graphic.children.props.className, referenceExtraClassNames.graphicChild)
-        });
-    }
-    return state;
+  }
+  return state;
 };
+//# sourceMappingURL=useReference.js.map

package/lib/components/ReferenceList/ReferenceList.js

@@ -3,10 +3,11 @@ import { renderReferenceList_unstable } from './renderReferenceList';
 import { useReferenceList_unstable } from './useReferenceList';
 import { useReferenceListStyles_unstable } from './useReferenceListStyles.styles';
 import { useReferenceListContextValues_unstable } from './useReferenceListContextValues';
-export const ReferenceList = /*#__PURE__*/ React.forwardRef((props, ref)=>{
-    const state = useReferenceList_unstable(props, ref);
-    const referenceListContextValues = useReferenceListContextValues_unstable(state);
-    useReferenceListStyles_unstable(state);
-    return renderReferenceList_unstable(state, referenceListContextValues);
+export const ReferenceList = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const state = useReferenceList_unstable(props, ref);
+  const referenceListContextValues = useReferenceListContextValues_unstable(state);
+  useReferenceListStyles_unstable(state);
+  return renderReferenceList_unstable(state, referenceListContextValues);
 });
 ReferenceList.displayName = 'ReferenceList';
+//# sourceMappingURL=ReferenceList.js.map

package/lib/components/ReferenceList/ReferenceList.types.js

@@ -1 +1,2 @@
-export { };
+export {};
+//# sourceMappingURL=ReferenceList.types.js.map

package/lib/components/ReferenceList/index.js

@@ -2,3 +2,4 @@ export { ReferenceList } from './ReferenceList';
 export { renderReferenceList_unstable } from './renderReferenceList';
 export { useReferenceList_unstable } from './useReferenceList';
 export { referenceListClassNames, useReferenceListStyles_unstable } from './useReferenceListStyles.styles';
+//# sourceMappingURL=index.js.map

package/lib/components/ReferenceList/renderReferenceList.js

@@ -1,22 +1,22 @@
-  import { jsx as _jsx, jsxs as _jsxs } from "@fluentui/react-jsx-runtime/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "@fluentui/react-jsx-runtime/jsx-runtime";
 import { Overflow, assertSlots } from '@fluentui/react-components';
 import { ReferenceListContextProvider } from '../../contexts/referenceListContext';
 /**
  * Render the final JSX of ReferenceList
- */ export const renderReferenceList_unstable = (state, contextValues)=>{
-    assertSlots(state);
-    const { minVisibleReferences } = state;
-    return /*#__PURE__*/ _jsx(ReferenceListContextProvider, {
-        value: contextValues.referenceList,
-        children: /*#__PURE__*/ _jsx(Overflow, {
-            minimumVisible: minVisibleReferences,
-            children: /*#__PURE__*/ _jsxs(state.root, {
-                children: [
-                    /*#__PURE__*/ _jsx(state.arrowableRegion, {}),
-                    state.showMoreButton && /*#__PURE__*/ _jsx(state.showMoreButton, {}),
-                    state.showLessButton && /*#__PURE__*/ _jsx(state.showLessButton, {})
-                ]
-            })
-        })
-    });
+ */
+export const renderReferenceList_unstable = (state, contextValues) => {
+  assertSlots(state);
+  const {
+    minVisibleReferences
+  } = state;
+  return /*#__PURE__*/_jsx(ReferenceListContextProvider, {
+    value: contextValues.referenceList,
+    children: /*#__PURE__*/_jsx(Overflow, {
+      minimumVisible: minVisibleReferences,
+      children: /*#__PURE__*/_jsxs(state.root, {
+        children: [/*#__PURE__*/_jsx(state.arrowableRegion, {}), state.showMoreButton && /*#__PURE__*/_jsx(state.showMoreButton, {}), state.showLessButton && /*#__PURE__*/_jsx(state.showLessButton, {})]
+      })
+    })
+  });
 };
+//# sourceMappingURL=renderReferenceList.js.map

package/lib/components/ReferenceList/useReferenceList.js

@@ -10,74 +10,84 @@ import { useRootStyles } from '../Reference/useReferenceStyles.styles';
  *
  * @param props - props from this instance of ReferenceList
  * @param ref - reference to root HTMLElement of ReferenceList
- */ export const useReferenceList_unstable = (props, ref)=>{
-    const { arrowableRegion, children, maxVisibleReferences, minVisibleReferences, showLessButton, showMoreButton, ...rest } = props;
-    const [areReferencesExpanded, setAreReferencesExpanded] = React.useState(false);
-    const referenceListRef = React.useRef(null);
-    const totalReferencesCount = React.Children.count(children);
-    const styles = useRootStyles();
-    const resolvedChildren = useOverflowMaxVisibleItems({
-        additionalCondition: !areReferencesExpanded,
-        children,
-        maxVisibleItems: maxVisibleReferences,
-        minVisibleItems: minVisibleReferences,
-        overflowClassName: styles.overflow
-    });
-    // We keep track of whether we are interacting with the overflow button via keyboard or not.
-    const overflowButtonTriggeredViaKeyboard = React.useRef(false);
-    const focusAttributes = useArrowNavigationGroup({
-        axis: 'both',
-        circular: true,
-        memorizeCurrent: true
-    });
-    const onShowMoreButtonClick = React.useCallback(()=>{
-        setAreReferencesExpanded(true);
-    }, []);
-    const onShowLessButtonClick = React.useCallback(()=>{
-        setAreReferencesExpanded(false);
-    }, []);
-    const shouldUseOverflow = (minVisibleReferences === undefined || minVisibleReferences < totalReferencesCount) && maxVisibleReferences !== undefined && !areReferencesExpanded;
-    // Since the overflow button is an OverflowItem that's always visible, we need to account for it.
-    const minVisibleOverflowItems = minVisibleReferences ? minVisibleReferences + 1 : 1;
-    const state = {
-        areReferencesExpanded,
-        overflowButtonTriggeredViaKeyboard,
-        maxVisibleReferences,
-        minVisibleReferences: minVisibleOverflowItems,
-        referenceListRef,
-        shouldUseOverflow,
-        totalReferencesCount,
-        components: {
-            root: 'div',
-            arrowableRegion: 'div',
-            showMoreButton: 'span',
-            showLessButton: 'span'
-        },
-        root: slot.always(getIntrinsicElementProps('div', {
-            ref: useMergedRefs(ref, referenceListRef),
-            ...rest
-        }), {
-            elementType: 'div'
-        }),
-        arrowableRegion: slot.always(arrowableRegion, {
-            defaultProps: {
-                ...focusAttributes,
-                children: resolvedChildren
-            },
-            elementType: 'div'
-        }),
-        showMoreButton: shouldUseOverflow ? slot.optional(showMoreButton, {
-            elementType: 'span'
-        }) : undefined,
-        showLessButton: areReferencesExpanded ? slot.optional(showLessButton, {
-            elementType: 'span'
-        }) : undefined
-    };
-    if (state.showMoreButton) {
-        state.showMoreButton.onClick = mergeCallbacks(onShowMoreButtonClick, state.showMoreButton.onClick);
-    }
-    if (state.showLessButton) {
-        state.showLessButton.onClick = mergeCallbacks(onShowLessButtonClick, state.showLessButton.onClick);
-    }
-    return state;
+ */
+export const useReferenceList_unstable = (props, ref) => {
+  const {
+    arrowableRegion,
+    children,
+    maxVisibleReferences,
+    minVisibleReferences,
+    showLessButton,
+    showMoreButton,
+    ...rest
+  } = props;
+  const [areReferencesExpanded, setAreReferencesExpanded] = React.useState(false);
+  const referenceListRef = React.useRef(null);
+  const totalReferencesCount = React.Children.count(children);
+  const styles = useRootStyles();
+  const resolvedChildren = useOverflowMaxVisibleItems({
+    additionalCondition: !areReferencesExpanded,
+    children,
+    maxVisibleItems: maxVisibleReferences,
+    minVisibleItems: minVisibleReferences,
+    overflowClassName: styles.overflow
+  });
+  // We keep track of whether we are interacting with the overflow button via keyboard or not.
+  const overflowButtonTriggeredViaKeyboard = React.useRef(false);
+  const focusAttributes = useArrowNavigationGroup({
+    axis: 'both',
+    circular: true,
+    memorizeCurrent: true
+  });
+  const onShowMoreButtonClick = React.useCallback(() => {
+    setAreReferencesExpanded(true);
+  }, []);
+  const onShowLessButtonClick = React.useCallback(() => {
+    setAreReferencesExpanded(false);
+  }, []);
+  const shouldUseOverflow = (minVisibleReferences === undefined || minVisibleReferences < totalReferencesCount) && maxVisibleReferences !== undefined && !areReferencesExpanded;
+  // Since the overflow button is an OverflowItem that's always visible, we need to account for it.
+  const minVisibleOverflowItems = minVisibleReferences ? minVisibleReferences + 1 : 1;
+  const state = {
+    areReferencesExpanded,
+    overflowButtonTriggeredViaKeyboard,
+    maxVisibleReferences,
+    minVisibleReferences: minVisibleOverflowItems,
+    referenceListRef,
+    shouldUseOverflow,
+    totalReferencesCount,
+    components: {
+      root: 'div',
+      arrowableRegion: 'div',
+      showMoreButton: 'span',
+      showLessButton: 'span'
+    },
+    root: slot.always(getIntrinsicElementProps('div', {
+      ref: useMergedRefs(ref, referenceListRef),
+      ...rest
+    }), {
+      elementType: 'div'
+    }),
+    arrowableRegion: slot.always(arrowableRegion, {
+      defaultProps: {
+        ...focusAttributes,
+        children: resolvedChildren
+      },
+      elementType: 'div'
+    }),
+    showMoreButton: shouldUseOverflow ? slot.optional(showMoreButton, {
+      elementType: 'span'
+    }) : undefined,
+    showLessButton: areReferencesExpanded ? slot.optional(showLessButton, {
+      elementType: 'span'
+    }) : undefined
+  };
+  if (state.showMoreButton) {
+    state.showMoreButton.onClick = mergeCallbacks(onShowMoreButtonClick, state.showMoreButton.onClick);
+  }
+  if (state.showLessButton) {
+    state.showLessButton.onClick = mergeCallbacks(onShowLessButtonClick, state.showLessButton.onClick);
+  }
+  return state;
 };
+//# sourceMappingURL=useReferenceList.js.map

package/lib/components/ReferenceList/useReferenceListContextValues.js

@@ -1,15 +1,23 @@
 export function useReferenceListContextValues_unstable(state) {
-    const { areReferencesExpanded, maxVisibleReferences, overflowButtonTriggeredViaKeyboard, referenceListRef, shouldUseOverflow, totalReferencesCount } = state;
-    // This context is created with "@fluentui/react-context-selector", there is no sense to memoize it
-    const referenceList = {
-        areReferencesExpanded,
-        maxVisibleReferences,
-        overflowButtonTriggeredViaKeyboard,
-        referenceListRef,
-        shouldUseOverflow,
-        totalReferencesCount
-    };
-    return {
-        referenceList
-    };
+  const {
+    areReferencesExpanded,
+    maxVisibleReferences,
+    overflowButtonTriggeredViaKeyboard,
+    referenceListRef,
+    shouldUseOverflow,
+    totalReferencesCount
+  } = state;
+  // This context is created with "@fluentui/react-context-selector", there is no sense to memoize it
+  const referenceList = {
+    areReferencesExpanded,
+    maxVisibleReferences,
+    overflowButtonTriggeredViaKeyboard,
+    referenceListRef,
+    shouldUseOverflow,
+    totalReferencesCount
+  };
+  return {
+    referenceList
+  };
 }
+//# sourceMappingURL=useReferenceListContextValues.js.map

package/lib/components/ReferenceOverflowButton/ReferenceOverflowButton.js

@@ -3,9 +3,10 @@ import { useReferenceOverflowButton_unstable } from './useReferenceOverflowButto
 import { renderReferenceOverflowButton_unstable } from './renderReferenceOverflowButton';
 import { useReferenceOverflowButtonStyles_unstable } from './useReferenceOverflowButtonStyles.styles';
 // ReferenceOverflowButton component - TODO: add more docs
-export const ReferenceOverflowButton = /*#__PURE__*/ React.forwardRef((props, ref)=>{
-    const state = useReferenceOverflowButton_unstable(props, ref);
-    useReferenceOverflowButtonStyles_unstable(state);
-    return renderReferenceOverflowButton_unstable(state);
+export const ReferenceOverflowButton = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const state = useReferenceOverflowButton_unstable(props, ref);
+  useReferenceOverflowButtonStyles_unstable(state);
+  return renderReferenceOverflowButton_unstable(state);
 });
 ReferenceOverflowButton.displayName = 'ReferenceOverflowButton';
+//# sourceMappingURL=ReferenceOverflowButton.js.map

package/lib/components/ReferenceOverflowButton/ReferenceOverflowButton.types.js

@@ -1,3 +1,4 @@
 /**
  * State used in rendering ReferenceOverflowButton
- */ export { };
+ */export {};
+//# sourceMappingURL=ReferenceOverflowButton.types.js.map

package/lib/components/ReferenceOverflowButton/index.js

@@ -2,3 +2,4 @@ export { ReferenceOverflowButton } from './ReferenceOverflowButton';
 export { renderReferenceOverflowButton_unstable } from './renderReferenceOverflowButton';
 export { useReferenceOverflowButton_unstable } from './useReferenceOverflowButton';
 export { referenceOverflowButtonClassNames, useReferenceOverflowButtonStyles_unstable } from './useReferenceOverflowButtonStyles.styles';
+//# sourceMappingURL=index.js.map