@fluentui-copilot/react-reference 0.15.4 → 0.16.0

package/lib-commonjs/components/ReferenceList/useReferenceList.js

@@ -11,20 +11,76 @@ Object.defineProperty(exports, "useReferenceList_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 _useReferenceListStylesstyles = require("./useReferenceListStyles.styles");
+const _reactutilities = require("@fluentui-copilot/react-utilities");
+const _useReferenceStylesstyles = require("../Reference/useReferenceStyles.styles");
 const useReferenceList_unstable = (props, ref)=>{
-    return {
+    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 = (0, _useReferenceStylesstyles.useRootStyles)();
+    const resolvedChildren = (0, _reactutilities.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 = (0, _reactcomponents.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: 'ol'
+            root: 'div',
+            arrowableRegion: 'div',
+            showMoreButton: 'span',
+            showLessButton: 'span'
         },
-        root: _reactcomponents.slot.always((0, _reactcomponents.getIntrinsicElementProps)('ol', {
-            ref,
-            ...props,
-            children: _react.Children.map(props.children, (child)=>/*#__PURE__*/ _react.createElement("li", {
-                    className: _useReferenceListStylesstyles.referenceListItemClassName
-                }, child))
+        root: _reactcomponents.slot.always((0, _reactcomponents.getIntrinsicElementProps)('div', {
+            ref: (0, _reactcomponents.useMergedRefs)(ref, referenceListRef),
+            ...rest
         }), {
-            elementType: 'ol'
-        })
+            elementType: 'div'
+        }),
+        arrowableRegion: _reactcomponents.slot.always(arrowableRegion, {
+            defaultProps: {
+                ...focusAttributes,
+                children: resolvedChildren
+            },
+            elementType: 'div'
+        }),
+        showMoreButton: shouldUseOverflow ? _reactcomponents.slot.optional(showMoreButton, {
+            elementType: 'span'
+        }) : undefined,
+        showLessButton: areReferencesExpanded ? _reactcomponents.slot.optional(showLessButton, {
+            elementType: 'span'
+        }) : undefined
     };
+    if (state.showMoreButton) {
+        state.showMoreButton.onClick = (0, _reactcomponents.mergeCallbacks)(onShowMoreButtonClick, state.showMoreButton.onClick);
+    }
+    if (state.showLessButton) {
+        state.showLessButton.onClick = (0, _reactcomponents.mergeCallbacks)(onShowLessButtonClick, state.showLessButton.onClick);
+    }
+    return state;
 }; //# sourceMappingURL=useReferenceList.js.map

package/lib-commonjs/components/ReferenceList/useReferenceList.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useReferenceList.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-components';\nimport type { ReferenceListProps, ReferenceListState } from './ReferenceList.types';\nimport { referenceListItemClassName } from './useReferenceListStyles.styles';\n\n/**\n * Create the state required to render ReferenceList.\n *\n * The returned state can be modified with hooks such as useReferenceListStyles_unstable,\n * before being passed to renderReferenceList_unstable.\n *\n * @param props - props from this instance of ReferenceList\n * @param ref - reference to root HTMLElement of ReferenceList\n *\n * deprecated Use ReferenceListV2 component, hooks and types instead.\n */\nexport const useReferenceList_unstable = (\n  props: ReferenceListProps,\n  ref: React.Ref<HTMLOListElement>,\n): ReferenceListState => {\n  return {\n    components: {\n      root: 'ol',\n    },\n    root: slot.always(\n      getIntrinsicElementProps('ol', {\n        ref,\n        ...props,\n        children: React.Children.map(props.children, child => <li className={referenceListItemClassName}>{child}</li>),\n      }),\n      { elementType: 'ol' },\n    ),\n  };\n};\n"],"names":["useReferenceList_unstable","props","ref","components","root","children","className","referenceListItemClassName","child"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAoBSA;;;eAAAA;;;;iEApBc;iCACwB;8CAEJ;AAiBzC,MAAOA,4BAAA,CAAAC,OAAAC;WACLC;oBACEC;kBACF;;mCAGIF,CAAAA,MAAAA,CAAAA,IAAAA,yCAAAA,EAAAA,MAAAA;;oBAEAG;6BAA0DC,QAAAA,CAAWC,GAAAA,CAAAA,MAAAA,QAAAA,EAAAA,CAAAA,QAAAA,WAAAA,GAAAA,OAAAA,aAAAA,CAAAA,MAAAA;+BAA6BC,wDAAAA;mBACpGA;;yBACoB;QAExB;IACA"}
+{"version":3,"sources":["useReferenceList.ts"],"sourcesContent":["import * as React from 'react';\nimport {\n  getIntrinsicElementProps,\n  mergeCallbacks,\n  slot,\n  useArrowNavigationGroup,\n  useMergedRefs,\n} from '@fluentui/react-components';\nimport { useOverflowMaxVisibleItems } from '@fluentui-copilot/react-utilities';\nimport { useRootStyles } from '../Reference/useReferenceStyles.styles';\nimport type { ReferenceListProps, ReferenceListState } from './ReferenceList.types';\n\n/**\n * Create the state required to render ReferenceList.\n *\n * The returned state can be modified with hooks such as useReferenceListStyles_unstable,\n * before being passed to renderReferenceList_unstable.\n *\n * @param props - props from this instance of ReferenceList\n * @param ref - reference to root HTMLElement of ReferenceList\n */\nexport const useReferenceList_unstable = (\n  props: ReferenceListProps,\n  ref: React.Ref<HTMLDivElement>,\n): ReferenceListState => {\n  const {\n    arrowableRegion,\n    children,\n    maxVisibleReferences,\n    minVisibleReferences,\n    showLessButton,\n    showMoreButton,\n    ...rest\n  } = props;\n\n  const [areReferencesExpanded, setAreReferencesExpanded] = React.useState(false);\n  const referenceListRef = React.useRef<HTMLDivElement>(null);\n\n  const totalReferencesCount = React.Children.count(children);\n  const styles = useRootStyles();\n  const resolvedChildren = useOverflowMaxVisibleItems({\n    additionalCondition: !areReferencesExpanded,\n    children,\n    maxVisibleItems: maxVisibleReferences,\n    minVisibleItems: minVisibleReferences,\n    overflowClassName: styles.overflow,\n  });\n\n  // We keep track of whether we are interacting with the overflow button via keyboard or not.\n  const overflowButtonTriggeredViaKeyboard = React.useRef(false);\n\n  const focusAttributes = useArrowNavigationGroup({\n    axis: 'both',\n    circular: true,\n    memorizeCurrent: true,\n  });\n\n  const onShowMoreButtonClick = React.useCallback<React.MouseEventHandler<HTMLButtonElement>>(() => {\n    setAreReferencesExpanded(true);\n  }, []);\n\n  const onShowLessButtonClick = React.useCallback<React.MouseEventHandler<HTMLButtonElement>>(() => {\n    setAreReferencesExpanded(false);\n  }, []);\n\n  const shouldUseOverflow =\n    (minVisibleReferences === undefined || minVisibleReferences < totalReferencesCount) &&\n    maxVisibleReferences !== undefined &&\n    !areReferencesExpanded;\n\n  // Since the overflow button is an OverflowItem that's always visible, we need to account for it.\n  const minVisibleOverflowItems = minVisibleReferences ? minVisibleReferences + 1 : 1;\n\n  const state: ReferenceListState = {\n    areReferencesExpanded,\n    overflowButtonTriggeredViaKeyboard,\n    maxVisibleReferences,\n    minVisibleReferences: minVisibleOverflowItems,\n    referenceListRef,\n    shouldUseOverflow,\n    totalReferencesCount,\n\n    components: {\n      root: 'div',\n      arrowableRegion: 'div',\n      showMoreButton: 'span',\n      showLessButton: 'span',\n    },\n    root: slot.always(\n      getIntrinsicElementProps('div', {\n        ref: useMergedRefs(ref, referenceListRef),\n        ...rest,\n      }),\n      { elementType: 'div' },\n    ),\n    arrowableRegion: slot.always(arrowableRegion, {\n      defaultProps: { ...focusAttributes, children: resolvedChildren },\n      elementType: 'div',\n    }),\n    showMoreButton: shouldUseOverflow ? slot.optional(showMoreButton, { elementType: 'span' }) : undefined,\n    showLessButton: areReferencesExpanded ? slot.optional(showLessButton, { elementType: 'span' }) : undefined,\n  };\n\n  if (state.showMoreButton) {\n    state.showMoreButton.onClick = mergeCallbacks(onShowMoreButtonClick, state.showMoreButton.onClick);\n  }\n\n  if (state.showLessButton) {\n    state.showLessButton.onClick = mergeCallbacks(onShowLessButtonClick, state.showLessButton.onClick);\n  }\n\n  return state;\n};\n"],"names":["arrowableRegion","maxVisibleReferences","referenceListRef","children","totalReferencesCount","useRootStyles","minVisibleReferences","resolvedChildren","additionalCondition","overflowClassName","styles","React","useState","useRef","Children","count","overflowButtonTriggeredViaKeyboard","focusAttributes","areReferencesExpanded","memorizeCurrent","minVisibleItems","onShowMoreButtonClick","useCallback","setAreReferencesExpanded","axis","circular","shouldUseOverflow","components","root","minVisibleOverflowItems","elementType","defaultProps","ref","showMoreButton","undefined","showLessButton","slot","optional","state"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BA0BIA;;;eAAAA;;;;iEA1BmB;iCAOhB;gCACoC;0CACb;AAgB5B,MACEA,4BAEAC,CAAAA,OAAAA;UAOF,EACAD,eAAME,EAENC,QAAMC,EACNH,oBAAeI,EACfC,oBAAMC,gBACJC,gBACAL;UAGAM,CAAAA,uBAAmBC,yBAAe,GAAAC,OAAAC,QAAA,CAAA;UACpCV,mBAAAS,OAAAE,MAAA,CAAA;UAEAT,uBAAAO,OAAAG,QAAA,CAAAC,KAAA,CAAAZ;UACAO,SAAMM,IAAAA,uCAAAA;UAENT,mBAAMU,IAAAA,0CAA0C,EAAA;6BACxC,CAAAC;;yBAENC;QACFC,iBAAAd;QAEAG,mBAAMY,OAAAA,QAAwBV;;gGAEzB;UAELK,qCAAoCM,OAAWT,MAA6C,CAAA;UAC1FU,kBAAAA,IAAAA,wCAAyB,EAAA;QAC3BC,MAAK;QAELC,UAAMC;QAKNP,iBAAA;;UAGAE,wBAAkCV,OAAAW,WAAA,CAAA;iCAChCJ;;UAEAjB,wBAAAA,OAAAA,WAAAA,CAAAA;iCACAK;;UAEAoB,oBAAAA,CAAAA,yBAAAA,aAAAA,uBAAAA,oBAAAA,KAAAA,yBAAAA,aAAAA,CAAAA;qGACAtB;UAEAuB,0BAAYrB,uBAAAA,uBAAA,IAAA;kBACVsB;;;;8BAIFC;;;;oBAME;kBAAEC;6BAAmB;4BAEvB9B;4BACE+B;;0CAAoC5B,CAAAA,IAAAA,yCAAUI,EAAAA,OAAAA;mDAAiB,EAAAyB,KAAA9B;mBAC/D4B;YACF;yBACAG;;yBAA6FC,qBAAAA,CAAAA,MAAAA,CAAAA,iBAAAA;0BAC7FC;kCAAqF;gBAAOhC,UAAK+B;YACnG;YAEAJ,aAAUG;;QAEVA,gBAAAP,oBAAAU,qBAAA,CAAAC,QAAA,CAAAJ,gBAAA;YAEAH,aAAUK;aACRG;QACFH,gBAAAjB,wBAAAkB,qBAAA,CAAAC,QAAA,CAAAF,gBAAA;YAEAL,aAAOQ;QACP,KAAAJ"}

package/lib-commonjs/components/ReferenceList/useReferenceListStyles.styles.js

@@ -12,26 +12,51 @@ _export(exports, {
     referenceListClassNames: function() {
         return referenceListClassNames;
     },
-    referenceListItemClassName: function() {
-        return referenceListItemClassName;
-    },
     useReferenceListStyles_unstable: function() {
         return useReferenceListStyles_unstable;
     }
 });
 const _reactcomponents = require("@fluentui/react-components");
 const referenceListClassNames = {
-    root: 'fai-ReferenceList'
+    root: 'fai-ReferenceList',
+    arrowableRegion: 'fai-ReferenceList__arrowableRegion',
+    showMoreButton: 'fai-ReferenceList__showMoreButton',
+    showLessButton: 'fai-ReferenceList__showLessButton'
 };
-const referenceListItemClassName = 'fai-ReferenceList__item';
 /**
  * Styles for the root slot
- */ const useRootClassName = (0, _reactcomponents.__resetStyles)("rc0s888", null, [
-    ".rc0s888{padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacingVerticalS);}",
-    ".rc0s888>.fai-ReferenceList__item{list-style-type:none;}"
+ */ const useRootBaseClassName = (0, _reactcomponents.__resetStyles)("rylvie1", null, [
+    ".rylvie1{display:flex;flex-direction:row;gap:var(--spacingVerticalXS) var(--spacingHorizontalXS);}"
+]);
+const useRootStyles = (0, _reactcomponents.__styles)({
+    referencesExpanded: {
+        Eh141a: "fni485r"
+    }
+}, {
+    d: [
+        ".fni485r{flex-wrap:wrap;}"
+    ]
+});
+const useArrowableRegionBaseClassName = (0, _reactcomponents.__resetStyles)("rhs5m2c", null, [
+    ".rhs5m2c{display:contents;max-width:100%;}"
+]);
+const useOverflowButtonBaseClassName = (0, _reactcomponents.__resetStyles)("rulvm7g", null, [
+    ".rulvm7g{display:inline-flex;flex-shrink:0;}"
 ]);
 const useReferenceListStyles_unstable = (state)=>{
     'use no memo';
-    state.root.className = (0, _reactcomponents.mergeClasses)(referenceListClassNames.root, useRootClassName(), state.root.className);
+    const { areReferencesExpanded, shouldUseOverflow } = state;
+    const rootBaseClassName = useRootBaseClassName();
+    const arrowableRegionBaseClassName = useArrowableRegionBaseClassName();
+    const overflowButtonBaseClassName = useOverflowButtonBaseClassName();
+    const rootStyles = useRootStyles();
+    state.root.className = (0, _reactcomponents.mergeClasses)(referenceListClassNames.root, rootBaseClassName, (areReferencesExpanded || !shouldUseOverflow) && rootStyles.referencesExpanded, state.root.className);
+    state.arrowableRegion.className = (0, _reactcomponents.mergeClasses)(referenceListClassNames.arrowableRegion, arrowableRegionBaseClassName, state.arrowableRegion.className);
+    if (state.showMoreButton) {
+        state.showMoreButton.className = (0, _reactcomponents.mergeClasses)(referenceListClassNames.showMoreButton, overflowButtonBaseClassName, state.showMoreButton.className);
+    }
+    if (state.showLessButton) {
+        state.showLessButton.className = (0, _reactcomponents.mergeClasses)(referenceListClassNames.showLessButton, overflowButtonBaseClassName, state.showLessButton.className);
+    }
     return state;
 }; //# sourceMappingURL=useReferenceListStyles.styles.js.map

package/lib-commonjs/components/ReferenceList/useReferenceListStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useReferenceListStyles.styles.ts"],"sourcesContent":["import { makeResetStyles, mergeClasses } from '@fluentui/react-components';\nimport { tokens } from '@fluentui-copilot/tokens';\nimport type { ReferenceListSlots, ReferenceListState } from './ReferenceList.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\n/** deprecated Use ReferenceListV2 component, hooks and types instead. */\nexport const referenceListClassNames: SlotClassNames<ReferenceListSlots> = {\n  root: 'fai-ReferenceList',\n};\n\n/** deprecated Use ReferenceListV2 component, hooks and types instead. */\nexport const referenceListItemClassName = 'fai-ReferenceList__item';\n\n/**\n * Styles for the root slot\n */\nconst useRootClassName = makeResetStyles({\n  padding: 0,\n  margin: 0,\n  display: 'flex',\n  flexDirection: 'column',\n  gap: tokens.spacingVerticalS,\n\n  [`> .${referenceListItemClassName}`]: {\n    listStyleType: 'none',\n  },\n});\n\n/**\n * Apply styling to the ReferenceList slots based on the state\n *\n * deprecated Use ReferenceListV2 component, hooks and types instead.\n */\nexport const useReferenceListStyles_unstable = (state: ReferenceListState): ReferenceListState => {\n  'use no memo';\n\n  state.root.className = mergeClasses(referenceListClassNames.root, useRootClassName(), state.root.className);\n\n  return state;\n};\n"],"names":["referenceListClassNames","useReferenceListStyles_unstable","root","display","__resetStyles","state"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAOQA,uBAAA;eAAAA;;;;;IAmBRC,+BAAA;eAAAA;;;iCA1BsC;AAOpCC,MAAMF,0BAAA;IACNE,MAAA;AAEF;;;;UASEC,mBAASC,IAAAA,8BAAA,EAAA,WAAA,MAAA;IAAA;IAAA;CAAA;AAOX,MAAAH,kCAAAI,CAAAA;IAEA;;;4DAME"}
+{"version":3,"sources":["useReferenceListStyles.styles.ts"],"sourcesContent":["import { makeResetStyles, makeStyles, mergeClasses } from '@fluentui/react-components';\nimport { tokens } from '@fluentui-copilot/tokens';\nimport type { ReferenceListSlots, ReferenceListState } from './ReferenceList.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const referenceListClassNames: SlotClassNames<ReferenceListSlots> = {\n  root: 'fai-ReferenceList',\n  arrowableRegion: 'fai-ReferenceList__arrowableRegion',\n  showMoreButton: 'fai-ReferenceList__showMoreButton',\n  showLessButton: 'fai-ReferenceList__showLessButton',\n};\n\n/**\n * Styles for the root slot\n */\nconst useRootBaseClassName = makeResetStyles({\n  display: 'flex',\n  flexDirection: 'row',\n  gap: `${tokens.spacingVerticalXS} ${tokens.spacingHorizontalXS}`,\n});\n\nconst useRootStyles = makeStyles({\n  referencesExpanded: {\n    flexWrap: 'wrap',\n  },\n});\n\nconst useArrowableRegionBaseClassName = makeResetStyles({\n  display: 'contents',\n  maxWidth: '100%',\n});\n\nconst useOverflowButtonBaseClassName = makeResetStyles({\n  display: 'inline-flex',\n  flexShrink: 0,\n});\n\n/**\n * Apply styling to the ReferenceList slots based on the state\n */\nexport const useReferenceListStyles_unstable = (state: ReferenceListState): ReferenceListState => {\n  'use no memo';\n\n  const { areReferencesExpanded, shouldUseOverflow } = state;\n\n  const rootBaseClassName = useRootBaseClassName();\n  const arrowableRegionBaseClassName = useArrowableRegionBaseClassName();\n  const overflowButtonBaseClassName = useOverflowButtonBaseClassName();\n  const rootStyles = useRootStyles();\n\n  state.root.className = mergeClasses(\n    referenceListClassNames.root,\n    rootBaseClassName,\n    (areReferencesExpanded || !shouldUseOverflow) && rootStyles.referencesExpanded,\n    state.root.className,\n  );\n\n  state.arrowableRegion.className = mergeClasses(\n    referenceListClassNames.arrowableRegion,\n    arrowableRegionBaseClassName,\n    state.arrowableRegion.className,\n  );\n\n  if (state.showMoreButton) {\n    state.showMoreButton.className = mergeClasses(\n      referenceListClassNames.showMoreButton,\n      overflowButtonBaseClassName,\n      state.showMoreButton.className,\n    );\n  }\n\n  if (state.showLessButton) {\n    state.showLessButton.className = mergeClasses(\n      referenceListClassNames.showLessButton,\n      overflowButtonBaseClassName,\n      state.showLessButton.className,\n    );\n  }\n\n  return state;\n};\n"],"names":["referenceListClassNames","useOverflowButtonBaseClassName","makeResetStyles","root","arrowableRegion","showMoreButton","showLessButton","display","__resetStyles","flexDirection","__styles","spacingVerticalXS","Eh141a","useArrowableRegionBaseClassName","areReferencesExpanded","state","rootBaseClassName","useRootBaseClassName","arrowableRegionBaseClassName","shouldUseOverflow","overflowButtonBaseClassName","rootStyles","useRootStyles","mergeClasses","className"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAKaA,uBAAAA;eAAAA;;IA2BPC,+BAAiCC;eAAjCD;;;iCAhC4C;AAK3C,MAAMD,0BAA8D;UACzEG;qBACAC;oBACAC;oBACAC;AACF;AAEA;;CAEC,SAECC,uBAASC,IAAAA,8BAAA,EAAA,WAAA,MAAA;IAAA;CAAA;MACTC,gBAAeC,IAAAA,yBAAA,EAAA;wBACAC;QACjBC,QAAA;IAEA;;;;KAEc;;AAEd,MAAAC,kCAAAL,IAAAA,8BAAA,EAAA,WAAA,MAAA;IAAA;CAAA;AAEA,MAAMK,iCAAAA,IAAAA,8BAAkCX,EAAAA,WAAgB,MAAA;IAAA;CAAA;AAKlDD,MAAAA,kCAAiCC,CAAAA;;IAGvC,MAAA,EAEAY,qBAAA,qBAEC,GACDC;UACEC,oBAAAC;UAEAC,+BAA+BC;UAE/BC,8BAA0BH;UAC1BI,aAAMH;UACNf,IAAMiB,CAAAA,SAAAA,GAAAA,IAAAA,6BAAAA,EAAAA,wBAA8BnB,IAAAA,EAAAA,mBAAAA,CAAAA,yBAAAA,CAAAA,iBAAAA,KAAAA,WAAAA,kBAAAA,EAAAA,MAAAA,IAAAA,CAAAA,SAAAA;UACpCG,eAAmBkB,CAAAA,SAAAA,GAAAA,IAAAA,6BAAAA,EAAAA,wBAAAA,eAAAA,EAAAA,8BAAAA,MAAAA,eAAAA,CAAAA,SAAAA;QAEnBP,MAAMZ,cAAc,EAAGoB;QAOvBR,MAAMX,cAAAA,CAAeoB,SAACA,GAASD,IAAAA,6BAAGA,EAAAA,wBAChCvB,cAAwBI,EAAegB,6BACvCF,MACAH,cAAMX,CAAAA,SAAgBoB;;cAItBT,cAAMV,EAAc;QAKtBU,MAAAT,cAAA,CAAAkB,SAAA,GAAAD,IAAAA,6BAAA,EAAAvB,wBAAAM,cAAA,EAAAc,6BAAAL,MAAAT,cAAA,CAAAkB,SAAA;;WAGET;4DAOKA"}

package/lib-commonjs/components/{reference-v2/ReferenceOverflowButton → ReferenceOverflowButton}/useReferenceOverflowButton.js

@@ -13,7 +13,7 @@ const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _keyboardkeys = require("@fluentui/keyboard-keys");
 const _reactcomponents = require("@fluentui/react-components");
 const _reactutilities = require("@fluentui/react-utilities");
-const _referenceListContext = require("../../../contexts/reference-v2/referenceListContext");
+const _referenceListContext = require("../../contexts/referenceListContext");
 const _reactprovider = require("@fluentui-copilot/react-provider");
 const useReferenceOverflowButton_unstable = (props, ref)=>{
     'use no memo';

package/lib-commonjs/components/ReferenceOverflowButton/useReferenceOverflowButton.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useReferenceOverflowButton.ts"],"sourcesContent":["import * as React from 'react';\nimport { Enter, Space } from '@fluentui/keyboard-keys';\nimport {\n  getIntrinsicElementProps,\n  mergeCallbacks,\n  slot,\n  useFocusFinders,\n  useId,\n  useMergedRefs,\n  useOverflowMenu,\n} from '@fluentui/react-components';\nimport { useTimeout } from '@fluentui/react-utilities';\nimport { useReferenceListContext_unstable } from '../../contexts/referenceListContext';\nimport type { ReferenceOverflowButtonProps, ReferenceOverflowButtonState } from './ReferenceOverflowButton.types';\nimport { useDesignVersion } from '@fluentui-copilot/react-provider';\n\n/**\n * Create the state required to render ReferenceOverflowButton.\n *\n * The returned state can be modified with hooks such as useReferenceOverflowButtonStyles_unstable,\n * before being passed to renderReferenceOverflowButton_unstable.\n *\n * @param props - props from this instance of ReferenceOverflowButton\n * @param ref - reference to root HTMLElement of ReferenceOverflowButton\n */\nexport const useReferenceOverflowButton_unstable = (\n  props: ReferenceOverflowButtonProps,\n  ref: React.Ref<HTMLButtonElement>,\n): ReferenceOverflowButtonState => {\n  'use no memo';\n\n  const { children, id, text } = props;\n  const designVersion = useDesignVersion(props.designVersion);\n\n  const rootRef = React.useRef<HTMLButtonElement>(null);\n\n  const [setTimeout] = useTimeout();\n\n  const referenceOverflowButtonId = useId('reference-overflow-button-', id);\n\n  const areReferencesExpanded = useReferenceListContext_unstable(ctx => ctx.areReferencesExpanded);\n  const maxVisibleReferences = useReferenceListContext_unstable(ctx => ctx.maxVisibleReferences);\n  const referenceListRef = useReferenceListContext_unstable(ctx => ctx.referenceListRef);\n  const totalReferencesCount = useReferenceListContext_unstable(ctx => ctx.totalReferencesCount);\n  const triggeredViaKeyboard = useReferenceListContext_unstable(ctx => ctx.overflowButtonTriggeredViaKeyboard);\n\n  const { isOverflowing, overflowCount } = useOverflowMenu();\n\n  const processedText = children ?? (typeof text === 'function' ? text(overflowCount) : text);\n\n  const { findFirstFocusable, findNextFocusable } = useFocusFinders();\n  const onKeyDown = React.useCallback<React.KeyboardEventHandler<HTMLButtonElement>>(\n    ev => {\n      if (ev.key === Enter || ev.key === Space) {\n        triggeredViaKeyboard.current = true;\n      }\n    },\n    [triggeredViaKeyboard],\n  );\n\n  // We keep track of the previous overflow count to help determine the element to move focus to when expanding the references via keyboard.\n  const previousOverflow = React.useRef(0);\n\n  // When the references are expanded or collapsed via keyboard, we need to move focus to the appropriate element.\n  React.useEffect(() => {\n    // We only try to move focus if maxVisibleReferences is set and the overflow button was triggered via keyboard.\n    if (maxVisibleReferences !== undefined && triggeredViaKeyboard.current) {\n      let elementToFocus: HTMLElement | null | undefined;\n\n      // If the references are collapsed, we move focus to the overflow button.\n      if (!areReferencesExpanded) {\n        elementToFocus = rootRef.current;\n        previousOverflow.current = overflowCount;\n      }\n      // If the references are expanded, we move focus to the first reference that was hidden when they were collapsed.\n      // We do this by moving focus according to the following heuristics:\n      // - If maxVisibleReferences is what determines what overflows, focus is moved to the element that is in the maxVisibleReferences position of the ReferenceList's children.\n      // - If the space available is what is determines what overflows, focus is moved to the element that is in the (totalReferencesCount - overflowCount) position of the ReferenceList's children.\n      else if (rootRef.current && referenceListRef.current) {\n        const positionToFocus =\n          maxVisibleReferences < totalReferencesCount - previousOverflow.current\n            ? maxVisibleReferences\n            : totalReferencesCount - previousOverflow.current;\n\n        let currentElement: HTMLElement | null | undefined = findFirstFocusable(referenceListRef.current);\n        for (let i = 0; i < positionToFocus && currentElement; i++) {\n          currentElement = findNextFocusable(currentElement);\n        }\n\n        elementToFocus = currentElement;\n      }\n\n      // We focus on the element and reset the triggeredViaKeyboard flag after a timeout to ensure that this is pushed at the end of the event queue.\n      setTimeout(() => {\n        elementToFocus?.focus();\n        triggeredViaKeyboard.current = false;\n      }, 0);\n    }\n  }, [\n    areReferencesExpanded,\n    findFirstFocusable,\n    findNextFocusable,\n    isOverflowing,\n    maxVisibleReferences,\n    overflowCount,\n    referenceListRef,\n    setTimeout,\n    totalReferencesCount,\n    triggeredViaKeyboard,\n  ]);\n\n  const state: ReferenceOverflowButtonState = {\n    designVersion,\n    id: referenceOverflowButtonId,\n    shouldRenderOverflowButton: isOverflowing || areReferencesExpanded,\n\n    components: {\n      root: 'button',\n    },\n\n    root: slot.always(\n      getIntrinsicElementProps('button', {\n        ref: useMergedRefs(rootRef, ref),\n        ...props,\n      }),\n      {\n        defaultProps: {\n          children: processedText,\n        },\n        elementType: 'button',\n      },\n    ),\n  };\n\n  state.root.onKeyDown = mergeCallbacks(onKeyDown, props.onKeyDown);\n\n  return state;\n};\n"],"names":["useReferenceOverflowButton_unstable","props","ref","children","setTimeout","id","text","designVersion","referenceListRef","useReferenceListContext_unstable","rootRef","totalReferencesCount","triggeredViaKeyboard","referenceOverflowButtonId","overflowCount","useOverflowMenu","areReferencesExpanded","maxVisibleReferences","useFocusFinders","React","ev","Enter","ctx","overflowButtonTriggeredViaKeyboard","isOverflowing","processedText","findFirstFocusable","onKeyDown","undefined","elementToFocus","current","currentElement","findNextFocusable","previousOverflow","i","positionToFocus","state","shouldRenderOverflowButton","components","slot","always","getIntrinsicElementProps","root","defaultProps","mergeCallbacks"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BA6BEA;;;eAAAA;;;;iEA7BqB;8BACM;iCAStB;gCACoB;sCACsB;+BAEhB;AAe/B,MAAAA,sCAAA,CAAAC,OAAAC;;UAKA,EAEAC,QAAOC,EAEPC,EAAA,EAEAC,IAAA,KACAL;UACAM,gBAAMC,IAAAA,+BAAmBC,EAAAA,MAAAA,aAAAA;UACzBC,UAAMC,OAAAA,MAAAA,CAAAA;UACN,CAAAP,WAAMQ,GAAAA,IAAAA,0BAAuBH;UAE7BI,4BAAuBC,IAAAA,sBAAa,EAAE,8BAAGC;UAEzCC,wBAAsBb,IAAAA,sDAAAA,EAAAA,CAAAA,MAAAA,IAAAA,qBAA6B;UAEnDc,uBAA0BR,IAAAA,sDAAwBS,EAAAA,CAAAA,MAAAA,IAAAA,oBAAAA;UAClDV,mBAAkBW,IAAAA,sDAChBC,EAAAA,CAAAA,MAAAA,IAAAA,gBAAAA;UACET,uBAAeU,IAAAA,sDAA2B,EAAAC,CAAAA,MAAAA,IAAAX,oBAAA;iCACxCC,IAAAA,sDAA+B,EAAAU,CAAAA,MAAAA,IAAAC,kCAAA;UACjC,EACFC,aACA,eAACZ,KAAqBG,IAAAA,gCAAA;UAGxBU,gBAAAtB,aAAA,QAAAA,aAAA,KAAA,IAAAA,WAAA,OAAAG,SAAA,aAAAA,KAAAQ,iBAAAR;UACA,EAEAoB,kBAAA,EACAP,iBAAgB,yCACd;UACAQ,YAAIV,OAAAA,WAAyBW,CAAAA,CAAAA;kBAC3B,KAAIC,mBAAAA,IAAAA,GAAAA,GAAAA,KAAAA,mBAAAA,EAAAA;iCAEJC,OAAA,GAAA;;;;KAEED;8IAC2Bf;6BAMpBJ,OAAQoB,MAAO,CAAA;oHAGhBb;oBAGN,CAAA;uHAC4D;qCAC1Dc,aAAiBC,qBAAkBD,OAAAA,EAAAA;;qFAGpBA;wCACnB;iCAEArB,QAAAoB,OAAA;iCACWA,OAAA,GAAAhB;uBACTe,QAAAA,OAAAA,IAAAA,iBAAAA,OAAAA,EAAAA;wCACAjB,uBAA+BD,uBAAAsB,iBAAAH,OAAA,GAAAb,uBAAAN,uBAAAsB,iBAAAH,OAAA;oBACjCC,iBAAGL,mBAAAlB,iBAAAsB,OAAA;gBACL,IAAA,IAAAI,IAAA,GAAAA,IAAAC,mBAAAJ,gBAAAG,IAAA;oBACCH,iBAAAC,kBAAAD;gBACDf;gBACAU,iBAAAA;;2JAEAF;uBACAP;gBACAH,mBAAAA,QAAAA,mBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,eAAAA,KAAAA;gBACAN,qBAAAA,OAAAA,GAAAA;eACAJ;;;;QAEAQ;QAAAA;QAAAA;QAAAA;QAAAA;QAAAA;QAAAA;QAAAA;QAAAA;KAAAA;UACDwB,QAAA;QAED7B;YACEA;oCACIM,iBAAAA;oBACJwB;kBAEAC;;cAEAC,qBAAA,CAAAC,MAAA,CAAAC,IAAAA,yCAAA,EAAA,UAAA;iBAEAC,IAAAA,8BAAWF,EAAM9B,SACf+B;oBACEvC;;0BAGF;0BACEyC;;yBAEA;;;UAIND,IAAA,CAAAf,SAAA,GAAAiB,IAAAA,+BAAA,EAAAjB,WAAA1B,MAAA0B,SAAA;WAEAS;GAGF,sDAAE"}

package/lib-commonjs/components/{reference-v2/ReferenceOverflowButton → ReferenceOverflowButton}/useReferenceOverflowButtonStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useReferenceOverflowButtonStyles.styles.ts"],"sourcesContent":["import { makeResetStyles, makeStyles, mergeClasses, typographyStyles } from '@fluentui/react-components';\nimport { tokens } from '@fluentui-copilot/tokens';\nimport type { ReferenceOverflowButtonSlots, ReferenceOverflowButtonState } from './ReferenceOverflowButton.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const referenceOverflowButtonClassNames: SlotClassNames<ReferenceOverflowButtonSlots> = {\n  root: 'fai-ReferenceOverflowButton',\n};\n\n/**\n * Styles for the root slot\n */\nconst useRootBaseClassName = makeResetStyles({\n  alignItems: 'center',\n  backgroundColor: tokens.colorNeutralBackground3,\n  border: `${tokens.strokeWidthThin} solid ${tokens.colorNeutralStroke2}`,\n  borderRadius: tokens.borderRadiusMedium,\n  color: tokens.colorNeutralForeground2,\n  cursor: 'pointer',\n  display: 'inline-flex',\n  justifyContent: 'center',\n  minHeight: '24px',\n  padding: `${tokens.spacingVerticalXXS} ${tokens.spacingHorizontalS}`,\n  ...typographyStyles.caption1,\n\n  ':hover': {\n    backgroundColor: tokens.colorNeutralBackground3Hover,\n    borderColor: tokens.colorNeutralStroke1Hover,\n    color: tokens.colorNeutralForeground2Hover,\n  },\n\n  ':hover:active': {\n    backgroundColor: tokens.colorNeutralBackground3Pressed,\n    borderColor: tokens.colorNeutralStroke1Pressed,\n    color: tokens.colorNeutralForeground2Pressed,\n  },\n});\n\nconst useNextStyles = makeStyles({ root: { borderRadius: tokens.borderRadiusXLarge } });\n\n/**\n * Apply styling to the ReferenceOverflowButton slots based on the state\n */\nexport const useReferenceOverflowButtonStyles_unstable = (\n  state: ReferenceOverflowButtonState,\n): ReferenceOverflowButtonState => {\n  'use no memo';\n\n  const { designVersion } = state;\n\n  const rootBaseClassName = useRootBaseClassName();\n  const nextStyles = useNextStyles();\n\n  state.root.className = mergeClasses(\n    referenceOverflowButtonClassNames.root,\n    rootBaseClassName,\n    designVersion === 'next' && nextStyles.root,\n    state.root.className,\n  );\n\n  return state;\n};\n"],"names":["referenceOverflowButtonClassNames","backgroundColor","colorNeutralBackground3Pressed","root","alignItems","__resetStyles","tokens","colorNeutralBackground3","border","borderRadius","color","cursor","display","justifyContent","typographyStyles","p","designVersion","useNextStyles","useRootBaseClassName","className","mergeClasses","rootBaseClassName","nextStyles","state"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAKaA,iCAAAA;eAAAA;;IA2BTC,yCAAwBC;eAAxBD;;;iCAhCgE;AAK7D,MAAMD,oCAAkF;UAC7FG;AACF;AAEA;;CAEC,SAECC,uBAAYC,IAAAA,8BAAA,EAAA,YAAA,MAAA;IAAA;IAAA;IAAA;CAAA;MACZJ,gBAAiBK,IAAAA,yBAAOC,EAAAA;UACxBC;QACAC,SAAAA;QACAC,SAAOJ;QACPK,SAAQ;QACRC,SAAS;QACTC,QAAAA;;;OAGA;QAAA;YAAGC;YAAyB;gBAE5BC,GAAA,CAAA;;;;;MAOEd,4CAAwBC,CAAAA;;UAG1B,EACFc,aAAA,EAEA,GAAMC;UAA6Bd,oBAAMe;UAAET,aAAAA;UAAwCN,IAAA,CAAAgB,SAAA,GAAAC,IAAAA,6BAAA,EAAApB,kCAAAG,IAAA,EAAAkB,mBAAAL,kBAAA,UAAAM,WAAAnB,IAAA,EAAAoB,MAAApB,IAAA,CAAAgB,SAAA;IAAE,OAAAI;AAErF"}
+{"version":3,"sources":["useReferenceOverflowButtonStyles.styles.ts"],"sourcesContent":["import { makeResetStyles, makeStyles, mergeClasses } from '@fluentui/react-components';\nimport { tokens, typographyStyles } from '@fluentui-copilot/tokens';\nimport type { ReferenceOverflowButtonSlots, ReferenceOverflowButtonState } from './ReferenceOverflowButton.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const referenceOverflowButtonClassNames: SlotClassNames<ReferenceOverflowButtonSlots> = {\n  root: 'fai-ReferenceOverflowButton',\n};\n\n/**\n * Styles for the root slot\n */\nconst useRootBaseClassName = makeResetStyles({\n  alignItems: 'center',\n  backgroundColor: tokens.colorNeutralBackground3,\n  border: `${tokens.strokeWidthThin} solid ${tokens.colorNeutralStroke2}`,\n  borderRadius: tokens.borderRadiusMedium,\n  color: tokens.colorNeutralForeground2,\n  cursor: 'pointer',\n  display: 'inline-flex',\n  justifyContent: 'center',\n  minHeight: '24px',\n  padding: `${tokens.spacingVerticalXXS} ${tokens.spacingHorizontalS}`,\n  ...typographyStyles.caption1,\n\n  ':hover': {\n    backgroundColor: tokens.colorNeutralBackground3Hover,\n    borderColor: tokens.colorNeutralStroke1Hover,\n    color: tokens.colorNeutralForeground2Hover,\n  },\n\n  ':hover:active': {\n    backgroundColor: tokens.colorNeutralBackground3Pressed,\n    borderColor: tokens.colorNeutralStroke1Pressed,\n    color: tokens.colorNeutralForeground2Pressed,\n  },\n});\n\nconst useNextStyles = makeStyles({ root: { borderRadius: tokens.borderRadiusXLarge } });\n\n/**\n * Apply styling to the ReferenceOverflowButton slots based on the state\n */\nexport const useReferenceOverflowButtonStyles_unstable = (\n  state: ReferenceOverflowButtonState,\n): ReferenceOverflowButtonState => {\n  'use no memo';\n\n  const { designVersion } = state;\n\n  const rootBaseClassName = useRootBaseClassName();\n  const nextStyles = useNextStyles();\n\n  state.root.className = mergeClasses(\n    referenceOverflowButtonClassNames.root,\n    rootBaseClassName,\n    designVersion === 'next' && nextStyles.root,\n    state.root.className,\n  );\n\n  return state;\n};\n"],"names":["referenceOverflowButtonClassNames","backgroundColor","colorNeutralBackground3Pressed","root","alignItems","__resetStyles","tokens","colorNeutralBackground3","border","borderRadius","color","cursor","display","justifyContent","typographyStyles","p","designVersion","useNextStyles","useRootBaseClassName","className","mergeClasses","rootBaseClassName","nextStyles","state"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAKaA,iCAAAA;eAAAA;;IA2BTC,yCAAwBC;eAAxBD;;;iCAhC8C;AAK3C,MAAMD,oCAAkF;UAC7FG;AACF;AAEA;;CAEC,SAECC,uBAAYC,IAAAA,8BAAA,EAAA,YAAA,MAAA;IAAA;IAAA;IAAA;CAAA;MACZJ,gBAAiBK,IAAAA,yBAAOC,EAAAA;UACxBC;QACAC,SAAAA;QACAC,SAAOJ;QACPK,SAAQ;QACRC,SAAS;QACTC,QAAAA;;;OAGA;QAAA;YAAGC;YAAyB;gBAE5BC,GAAA,CAAA;;;;;MAOEd,4CAAwBC,CAAAA;;UAG1B,EACFc,aAAA,EAEA,GAAMC;UAA6Bd,oBAAMe;UAAET,aAAAA;UAAwCN,IAAA,CAAAgB,SAAA,GAAAC,IAAAA,6BAAA,EAAApB,kCAAAG,IAAA,EAAAkB,mBAAAL,kBAAA,UAAAM,WAAAnB,IAAA,EAAAoB,MAAApB,IAAA,CAAAgB,SAAA;IAAE,OAAAI;AAErF"}

package/lib-commonjs/contexts/referenceListContext.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["referenceListContext.ts"],"sourcesContent":["import { createContext, useContextSelector } from '@fluentui/react-context-selector';\nimport type { Context, ContextSelector } from '@fluentui/react-context-selector';\nimport type { ReferenceListState } from '../ReferenceList';\n\n/**\n * Context shared between ReferenceList and its children components\n */\nexport type ReferenceListContextValue = Pick<\n  ReferenceListState,\n  | 'areReferencesExpanded'\n  | 'maxVisibleReferences'\n  | 'overflowButtonTriggeredViaKeyboard'\n  | 'referenceListRef'\n  | 'shouldUseOverflow'\n  | 'totalReferencesCount'\n>;\n\nexport const ReferenceListContext: Context<ReferenceListContextValue> = createContext<\n  ReferenceListContextValue | undefined\n>(undefined) as Context<ReferenceListContextValue>;\n\nconst referenceListContextDefaultValue: ReferenceListContextValue = {\n  areReferencesExpanded: false,\n  maxVisibleReferences: undefined,\n  overflowButtonTriggeredViaKeyboard: { current: false },\n  referenceListRef: { current: null },\n  shouldUseOverflow: false,\n  totalReferencesCount: 0,\n};\n\nexport const ReferenceListContextProvider = ReferenceListContext.Provider;\n\nexport const useReferenceListContext_unstable = <T>(selector: ContextSelector<ReferenceListContextValue, T>) =>\n  useContextSelector(ReferenceListContext, (ctx = referenceListContextDefaultValue) => selector(ctx));\n"],"names":["ReferenceListContext","ReferenceListContextProvider","useReferenceListContext_unstable","createContext","undefined","referenceListContextDefaultValue","areReferencesExpanded","maxVisibleReferences","overflowButtonTriggeredViaKeyboard","current","referenceListRef","shouldUseOverflow","totalReferencesCount","Provider","selector","useContextSelector","ctx"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAiBaA,oBAAAA;eAAAA;;IAaAC,4BAAAA;eAAAA;;IAEAC,gCAAAA;eAAAA;;;sCAhCqC;AAiB3C,MAAMF,uBAA2DG,IAAAA,mCAAAA,EAEtEC;AAEF,MAAMC,mCAA8D;2BAClEC;0BACAC;wCACAC;iBAAsCC;;sBACtCC;iBAAoBD;;uBACpBE;0BACAC;AACF;AAEO,MAAMX,+BAA+BD,qBAAqBa,QAAQ;AAElE,MAAMX,mCAAmCY,CAAAA,WAC9CC,IAAAA,wCAAAA,EAAmBf,sBAAsB,CAACgB,MAAMX,gCAAgC,GAAKS,SAASE"}

package/lib-commonjs/index.js

@@ -15,62 +15,56 @@ _export(exports, {
     Reference: function() {
         return _Reference.Reference;
     },
-    ReferenceGroupToggle: function() {
-        return _ReferenceGroupToggle.ReferenceGroupToggle;
-    },
     ReferenceList: function() {
         return _ReferenceList.ReferenceList;
     },
     ReferenceListContext: function() {
-        return _referencev2.ReferenceListContext;
+        return _contexts.ReferenceListContext;
     },
     ReferenceListContextProvider: function() {
-        return _referencev2.ReferenceListContextProvider;
+        return _contexts.ReferenceListContextProvider;
     },
     ReferenceListV2: function() {
-        return _ReferenceListV2.ReferenceList;
+        return ReferenceListV2;
     },
     ReferenceOverflowButton: function() {
         return _ReferenceOverflowButton.ReferenceOverflowButton;
     },
     ReferenceV2: function() {
-        return _ReferenceV2.Reference;
+        return ReferenceV2;
     },
     citationClassNames: function() {
         return _Citation.citationClassNames;
     },
     generateReferenceCitationPreview: function() {
-        return _referencev21.generateReferenceCitationPreview;
+        return _utilities.generateReferenceCitationPreview;
     },
     referenceClassNames: function() {
         return _Reference.referenceClassNames;
     },
-    referenceGroupToggleClassNames: function() {
-        return _ReferenceGroupToggle.referenceGroupToggleClassNames;
+    referenceExtraClassNames: function() {
+        return _Reference.referenceExtraClassNames;
     },
     referenceListClassNames: function() {
         return _ReferenceList.referenceListClassNames;
     },
     referenceListV2ClassNames: function() {
-        return _ReferenceListV2.referenceListClassNames;
+        return referenceListV2ClassNames;
     },
     referenceOverflowButtonClassNames: function() {
         return _ReferenceOverflowButton.referenceOverflowButtonClassNames;
     },
     referenceV2ClassNames: function() {
-        return _ReferenceV2.referenceClassNames;
+        return referenceV2ClassNames;
     },
     referenceV2ExtraClassNames: function() {
-        return _ReferenceV2.referenceExtraClassNames;
+        return referenceV2ExtraClassNames;
     },
     renderCitation_unstable: function() {
         return _Citation.renderCitation_unstable;
     },
-    renderReferenceGroupToggle_unstable: function() {
-        return _ReferenceGroupToggle.renderReferenceGroupToggle_unstable;
-    },
     renderReferenceListV2_unstable: function() {
-        return _ReferenceListV2.renderReferenceList_unstable;
+        return renderReferenceListV2_unstable;
     },
     renderReferenceList_unstable: function() {
         return _ReferenceList.renderReferenceList_unstable;
@@ -79,7 +73,7 @@ _export(exports, {
         return _ReferenceOverflowButton.renderReferenceOverflowButton_unstable;
     },
     renderReferenceV2_unstable: function() {
-        return _ReferenceV2.renderReference_unstable;
+        return renderReferenceV2_unstable;
     },
     renderReference_unstable: function() {
         return _Reference.renderReference_unstable;
@@ -94,28 +88,19 @@ _export(exports, {
         return _utilities.useReferenceCitationPreview;
     },
     useReferenceCitationPreviewV2: function() {
-        return _referencev21.useReferenceCitationPreview;
-    },
-    useReferenceGroup: function() {
-        return _utilities.useReferenceGroup;
-    },
-    useReferenceGroupToggleStyles_unstable: function() {
-        return _ReferenceGroupToggle.useReferenceGroupToggleStyles_unstable;
-    },
-    useReferenceGroupToggle_unstable: function() {
-        return _ReferenceGroupToggle.useReferenceGroupToggle_unstable;
+        return useReferenceCitationPreviewV2;
     },
     useReferenceListContext_unstable: function() {
-        return _referencev2.useReferenceListContext_unstable;
+        return _contexts.useReferenceListContext_unstable;
     },
     useReferenceListStyles_unstable: function() {
         return _ReferenceList.useReferenceListStyles_unstable;
     },
     useReferenceListV2Styles_unstable: function() {
-        return _ReferenceListV2.useReferenceListStyles_unstable;
+        return useReferenceListV2Styles_unstable;
     },
     useReferenceListV2_unstable: function() {
-        return _ReferenceListV2.useReferenceList_unstable;
+        return useReferenceListV2_unstable;
     },
     useReferenceList_unstable: function() {
         return _ReferenceList.useReferenceList_unstable;
@@ -130,23 +115,31 @@ _export(exports, {
         return _Reference.useReferenceStyles_unstable;
     },
     useReferenceV2Styles_unstable: function() {
-        return _ReferenceV2.useReferenceStyles_unstable;
+        return useReferenceV2Styles_unstable;
     },
     useReferenceV2_unstable: function() {
-        return _ReferenceV2.useReference_unstable;
+        return useReferenceV2_unstable;
     },
     useReference_unstable: function() {
         return _Reference.useReference_unstable;
     }
 });
-const _Citation = require("./Citation");
 const _Reference = require("./Reference");
-const _utilities = require("./utilities");
 const _ReferenceList = require("./ReferenceList");
-const _ReferenceGroupToggle = require("./ReferenceGroupToggle");
-const _ReferenceV2 = require("./ReferenceV2");
-const _ReferenceListV2 = require("./ReferenceListV2");
+const _utilities = require("./utilities");
+const _Citation = require("./Citation");
 const _ReferenceOverflowButton = require("./ReferenceOverflowButton");
-const _referencev2 = require("./contexts/reference-v2");
-const _referencev21 = require("./utilities/reference-v2");
+const _contexts = require("./contexts");
+/** @deprecated use Reference */ const ReferenceV2 = _Reference.Reference;
+/** @deprecated use referenceClassNames */ const referenceV2ClassNames = _Reference.referenceClassNames;
+/** @deprecated use referenceExtraClassNames */ const referenceV2ExtraClassNames = _Reference.referenceExtraClassNames;
+/** @deprecated use renderReference_unstable */ const renderReferenceV2_unstable = _Reference.renderReference_unstable;
+/** @deprecated use useReferenceStyles_unstable */ const useReferenceV2Styles_unstable = _Reference.useReferenceStyles_unstable;
+/** @deprecated use useReference_unstable */ const useReferenceV2_unstable = _Reference.useReference_unstable;
+/** @deprecated use ReferenceList */ const ReferenceListV2 = _ReferenceList.ReferenceList;
+/** @deprecated use referenceListClassNames */ const referenceListV2ClassNames = _ReferenceList.referenceListClassNames;
+/** @deprecated use renderReferenceList_unstable */ const renderReferenceListV2_unstable = _ReferenceList.renderReferenceList_unstable;
+/** @deprecated use useReferenceListStyles_unstable */ const useReferenceListV2Styles_unstable = _ReferenceList.useReferenceListStyles_unstable;
+/** @deprecated use useReferenceList_unstable */ const useReferenceListV2_unstable = _ReferenceList.useReferenceList_unstable;
+/** @deprecated use useReferenceCitationPreview */ const useReferenceCitationPreviewV2 = _utilities.useReferenceCitationPreview;
  //# sourceMappingURL=index.js.map

package/lib-commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"sourcesContent":["export {\n  Citation,\n  citationClassNames,\n  renderCitation_unstable,\n  useCitation_unstable,\n  useCitationStyles_unstable,\n} from './Citation';\nexport {\n  Reference,\n  referenceClassNames,\n  renderReference_unstable,\n  useReference_unstable,\n  useReferenceStyles_unstable,\n} from './Reference';\nexport { useReferenceCitationPreview, useReferenceGroup } from './utilities';\nexport {\n  ReferenceList,\n  referenceListClassNames,\n  useReferenceList_unstable,\n  useReferenceListStyles_unstable,\n  renderReferenceList_unstable,\n} from './ReferenceList';\nexport {\n  ReferenceGroupToggle,\n  referenceGroupToggleClassNames,\n  renderReferenceGroupToggle_unstable,\n  useReferenceGroupToggleStyles_unstable,\n  useReferenceGroupToggle_unstable,\n} from './ReferenceGroupToggle';\n\n// Types\n\nexport type { CitationSlots, CitationProps, CitationState } from './Citation';\nexport type { ReferenceSlots, ReferenceProps, ReferenceState } from './Reference';\nexport type { ReferenceListSlots, ReferenceListProps, ReferenceListState } from './ReferenceList';\nexport type {\n  ReferenceGroupToggleSlots,\n  ReferenceGroupToggleProps,\n  ReferenceGroupToggleState,\n} from './ReferenceGroupToggle';\n\nexport type {\n  PackagedCitationProps,\n  PackagedCitation,\n  PackagedReferenceProps,\n  PackagedReference,\n  ReferenceCitationData,\n  UseReferenceCitationPreview,\n  UseReferenceGroup,\n  UseReferenceGroupProps,\n} from './utilities';\n\n// reference-v2 exports\nexport type {\n  ReferenceProps as ReferenceV2Props,\n  ReferenceSlots as ReferenceV2Slots,\n  ReferenceState as ReferenceV2State,\n} from './ReferenceV2';\nexport {\n  Reference as ReferenceV2,\n  referenceClassNames as referenceV2ClassNames,\n  referenceExtraClassNames as referenceV2ExtraClassNames,\n  renderReference_unstable as renderReferenceV2_unstable,\n  useReferenceStyles_unstable as useReferenceV2Styles_unstable,\n  useReference_unstable as useReferenceV2_unstable,\n} from './ReferenceV2';\n\nexport type {\n  ReferenceListContextValues as ReferenceListV2ContextValues,\n  ReferenceListProps as ReferenceListV2Props,\n  ReferenceListSlots as ReferenceListV2Slots,\n  ReferenceListState as ReferenceListV2State,\n} from './ReferenceListV2';\nexport {\n  ReferenceList as ReferenceListV2,\n  referenceListClassNames as referenceListV2ClassNames,\n  renderReferenceList_unstable as renderReferenceListV2_unstable,\n  useReferenceListStyles_unstable as useReferenceListV2Styles_unstable,\n  useReferenceList_unstable as useReferenceListV2_unstable,\n} from './ReferenceListV2';\n\nexport type {\n  ReferenceOverflowButtonProps,\n  ReferenceOverflowButtonSlots,\n  ReferenceOverflowButtonState,\n} from './ReferenceOverflowButton';\nexport {\n  ReferenceOverflowButton,\n  referenceOverflowButtonClassNames,\n  renderReferenceOverflowButton_unstable,\n  useReferenceOverflowButtonStyles_unstable,\n  useReferenceOverflowButton_unstable,\n} from './ReferenceOverflowButton';\n\nexport type { ReferenceListContextValue } from './contexts/reference-v2';\nexport {\n  ReferenceListContext,\n  ReferenceListContextProvider,\n  useReferenceListContext_unstable,\n} from './contexts/reference-v2';\n\nexport type {\n  PackagedCitation as PackagedCitationV2,\n  PackagedPreviewContentProps as PackagedPreviewContentV2Props,\n  PackagedReference as PackagedReferenceV2,\n  ReferenceCitationPreviewGenerator,\n  ReferenceCitationPreviewGeneratorProps,\n  UseReferenceCitationPreview as UseReferenceCitationPreviewV2,\n  UseReferenceCitationPreviewProps as UseReferenceCitationPreviewV2Props,\n} from './utilities/reference-v2';\nexport {\n  generateReferenceCitationPreview,\n  useReferenceCitationPreview as useReferenceCitationPreviewV2,\n} from './utilities/reference-v2';\n"],"names":["Citation","Reference","ReferenceGroupToggle","ReferenceList","ReferenceListContext","ReferenceListContextProvider","ReferenceListV2","ReferenceOverflowButton","ReferenceV2","citationClassNames","generateReferenceCitationPreview","referenceClassNames","referenceGroupToggleClassNames","referenceListClassNames","referenceListV2ClassNames","referenceOverflowButtonClassNames","referenceV2ClassNames","referenceV2ExtraClassNames","referenceExtraClassNames","renderCitation_unstable","renderReferenceGroupToggle_unstable","renderReferenceListV2_unstable","renderReferenceList_unstable","renderReferenceOverflowButton_unstable","renderReferenceV2_unstable","renderReference_unstable","useCitationStyles_unstable","useCitation_unstable","useReferenceCitationPreview","useReferenceCitationPreviewV2","useReferenceGroup","useReferenceGroupToggleStyles_unstable","useReferenceGroupToggle_unstable","useReferenceListContext_unstable","useReferenceListStyles_unstable","useReferenceListV2Styles_unstable","useReferenceListV2_unstable","useReferenceList_unstable","useReferenceOverflowButtonStyles_unstable","useReferenceOverflowButton_unstable","useReferenceStyles_unstable","useReferenceV2Styles_unstable","useReferenceV2_unstable","useReference_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IACEA,QAAQ;eAARA,kBAAQ;;IAORC,SAAS;eAATA,oBAAS;;IAeTC,oBAAoB;eAApBA,0CAAoB;;IAPpBC,aAAa;eAAbA,4BAAa;;IAgFbC,oBAAoB;eAApBA,iCAAoB;;IACpBC,4BAA4B;eAA5BA,yCAA4B;;IAvBXC,eAAe;eAAhCH,8BAAAA;;IAaAI,uBAAuB;eAAvBA,gDAAuB;;IA5BVC,WAAW;eAAxBP,sBAAAA;;IAzDAQ,kBAAkB;eAAlBA,4BAAkB;;IA6GlBC,gCAAgC;eAAhCA,8CAAgC;;IAtGhCC,mBAAmB;eAAnBA,8BAAmB;;IAenBC,8BAA8B;eAA9BA,oDAA8B;;IAP9BC,uBAAuB;eAAvBA,sCAAuB;;IA0DIC,yBAAyB;eAApDD,wCAAAA;;IAaAE,iCAAiC;eAAjCA,0DAAiC;;IA5BVC,qBAAqB;eAA5CL,gCAAAA;;IAC4BM,0BAA0B;eAAtDC,qCAAAA;;IA1DAC,uBAAuB;eAAvBA,iCAAuB;;IAsBvBC,mCAAmC;eAAnCA,yDAAmC;;IAmDHC,8BAA8B;eAA9DC,6CAAAA;;IAxDAA,4BAA4B;eAA5BA,2CAA4B;;IAqE5BC,sCAAsC;eAAtCA,+DAAsC;;IA3BVC,0BAA0B;eAAtDC,qCAAAA;;IApDAA,wBAAwB;eAAxBA,mCAAwB;;IALxBC,0BAA0B;eAA1BA,oCAA0B;;IAD1BC,oBAAoB;eAApBA,8BAAoB;;IAUbC,2BAA2B;eAA3BA,sCAA2B;;IAkGHC,6BAA6B;eAA5DD,yCAAAA;;IAlGoCE,iBAAiB;eAAjBA,4BAAiB;;IAYrDC,sCAAsC;eAAtCA,4DAAsC;;IACtCC,gCAAgC;eAAhCA,sDAAgC;;IAuEhCC,gCAAgC;eAAhCA,6CAAgC;;IA/EhCC,+BAA+B;eAA/BA,8CAA+B;;IA0DIC,iCAAiC;eAApED,gDAAAA;;IAC6BE,2BAA2B;eAAxDC,0CAAAA;;IA5DAA,yBAAyB;eAAzBA,wCAAyB;;IAwEzBC,yCAAyC;eAAzCA,kEAAyC;;IACzCC,mCAAmC;eAAnCA,4DAAmC;;IA/EnCC,2BAA2B;eAA3BA,sCAA2B;;IAmDIC,6BAA6B;eAA5DD,wCAAAA;;IACyBE,uBAAuB;eAAhDC,kCAAAA;;IArDAA,qBAAqB;eAArBA,gCAAqB;;;0BALhB;2BAOA;2BACwD;+BAOxD;sCAOA;6BAqCA;iCAcA;yCAaA;6BAOA;8BAcA"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["import type { ReferenceProps, ReferenceSlots, ReferenceState } from './Reference';\nimport {\n  Reference,\n  referenceClassNames,\n  referenceExtraClassNames,\n  renderReference_unstable,\n  useReferenceStyles_unstable,\n  useReference_unstable,\n} from './Reference';\nimport type {\n  ReferenceListContextValues,\n  ReferenceListProps,\n  ReferenceListSlots,\n  ReferenceListState,\n} from './ReferenceList';\nimport {\n  ReferenceList,\n  referenceListClassNames,\n  renderReferenceList_unstable,\n  useReferenceListStyles_unstable,\n  useReferenceList_unstable,\n} from './ReferenceList';\nimport type {\n  PackagedCitation,\n  PackagedPreviewContentProps,\n  PackagedReference,\n  ReferenceCitationPreviewGenerator,\n  ReferenceCitationPreviewGeneratorProps,\n  UseReferenceCitationPreview,\n  UseReferenceCitationPreviewProps,\n} from './utilities';\nimport { generateReferenceCitationPreview, useReferenceCitationPreview } from './utilities';\n\nexport type { CitationSlots, CitationProps, CitationState } from './Citation';\nexport {\n  Citation,\n  citationClassNames,\n  renderCitation_unstable,\n  useCitation_unstable,\n  useCitationStyles_unstable,\n} from './Citation';\n\n/** @deprecated use ReferenceProps */\ntype ReferenceV2Props = ReferenceProps;\n/** @deprecated use ReferenceSlots */\ntype ReferenceV2Slots = ReferenceSlots;\n/** @deprecated use ReferenceState */\ntype ReferenceV2State = ReferenceState;\n\n/** @deprecated use Reference */\nconst ReferenceV2 = Reference;\n/** @deprecated use referenceClassNames */\nconst referenceV2ClassNames = referenceClassNames;\n/** @deprecated use referenceExtraClassNames */\nconst referenceV2ExtraClassNames = referenceExtraClassNames;\n/** @deprecated use renderReference_unstable */\nconst renderReferenceV2_unstable = renderReference_unstable;\n/** @deprecated use useReferenceStyles_unstable */\nconst useReferenceV2Styles_unstable = useReferenceStyles_unstable;\n/** @deprecated use useReference_unstable */\nconst useReferenceV2_unstable = useReference_unstable;\n\n// reference-v2 exports\nexport type { ReferenceProps, ReferenceV2Props, ReferenceSlots, ReferenceV2Slots, ReferenceState, ReferenceV2State };\nexport {\n  Reference,\n  ReferenceV2,\n  referenceClassNames,\n  referenceV2ClassNames,\n  referenceExtraClassNames,\n  referenceV2ExtraClassNames,\n  renderReference_unstable,\n  renderReferenceV2_unstable,\n  useReferenceStyles_unstable,\n  useReferenceV2Styles_unstable,\n  useReference_unstable,\n  useReferenceV2_unstable,\n};\n\n/** @deprecated use ReferenceListContextValues */\ntype ReferenceListV2ContextValues = ReferenceListContextValues;\n/** @deprecated use ReferenceListProps */\ntype ReferenceListV2Props = ReferenceListProps;\n/** @deprecated use ReferenceListSlots */\ntype ReferenceListV2Slots = ReferenceListSlots;\n/** @deprecated use ReferenceListState */\ntype ReferenceListV2State = ReferenceListState;\n\n/** @deprecated use ReferenceList */\nconst ReferenceListV2 = ReferenceList;\n/** @deprecated use referenceListClassNames */\nconst referenceListV2ClassNames = referenceListClassNames;\n/** @deprecated use renderReferenceList_unstable */\nconst renderReferenceListV2_unstable = renderReferenceList_unstable;\n/** @deprecated use useReferenceListStyles_unstable */\nconst useReferenceListV2Styles_unstable = useReferenceListStyles_unstable;\n/** @deprecated use useReferenceList_unstable */\nconst useReferenceListV2_unstable = useReferenceList_unstable;\n\nexport type {\n  ReferenceListContextValues,\n  ReferenceListV2ContextValues,\n  ReferenceListProps,\n  ReferenceListV2Props,\n  ReferenceListSlots,\n  ReferenceListV2Slots,\n  ReferenceListState,\n  ReferenceListV2State,\n};\nexport {\n  ReferenceList,\n  ReferenceListV2,\n  referenceListClassNames,\n  referenceListV2ClassNames,\n  renderReferenceList_unstable,\n  renderReferenceListV2_unstable,\n  useReferenceListStyles_unstable,\n  useReferenceListV2Styles_unstable,\n  useReferenceList_unstable,\n  useReferenceListV2_unstable,\n};\n\nexport type {\n  ReferenceOverflowButtonProps,\n  ReferenceOverflowButtonSlots,\n  ReferenceOverflowButtonState,\n} from './ReferenceOverflowButton';\nexport {\n  ReferenceOverflowButton,\n  referenceOverflowButtonClassNames,\n  renderReferenceOverflowButton_unstable,\n  useReferenceOverflowButtonStyles_unstable,\n  useReferenceOverflowButton_unstable,\n} from './ReferenceOverflowButton';\n\nexport type { ReferenceListContextValue } from './contexts';\nexport { ReferenceListContext, ReferenceListContextProvider, useReferenceListContext_unstable } from './contexts';\n\n/** @deprecated use PackagedCitation */\ntype PackagedCitationV2 = PackagedCitation;\n/** @deprecated use PackagedPreviewContentProps */\ntype PackagedPreviewContentV2Props = PackagedPreviewContentProps;\n/** @deprecated use PackagedReference */\ntype PackagedReferenceV2 = PackagedReference;\n/** @deprecated use UseReferenceCitationPreview */\ntype UseReferenceCitationPreviewV2 = UseReferenceCitationPreview;\n/** @deprecated use UseReferenceCitationPreviewProps */\ntype UseReferenceCitationPreviewV2Props = UseReferenceCitationPreviewProps;\n\n/** @deprecated use useReferenceCitationPreview */\nconst useReferenceCitationPreviewV2 = useReferenceCitationPreview;\n\nexport type {\n  PackagedCitation,\n  PackagedCitationV2,\n  PackagedPreviewContentProps,\n  PackagedPreviewContentV2Props,\n  PackagedReference,\n  PackagedReferenceV2,\n  ReferenceCitationPreviewGenerator,\n  ReferenceCitationPreviewGeneratorProps,\n  UseReferenceCitationPreview,\n  UseReferenceCitationPreviewV2,\n  UseReferenceCitationPreviewProps,\n  UseReferenceCitationPreviewV2Props,\n};\nexport { generateReferenceCitationPreview, useReferenceCitationPreview, useReferenceCitationPreviewV2 };\n"],"names":["Citation","ReferenceList","ReferenceListV2","citationClassNames","referenceListClassNames","referenceListV2ClassNames","renderReferenceList_unstable","renderReferenceListV2_unstable","renderCitation_unstable","useReferenceListStyles_unstable","useCitationStyles_unstable","useCitation_unstable","useReferenceListV2Styles_unstable","useReferenceList_unstable","useReferenceListV2_unstable","ReferenceV2","Reference","referenceV2ClassNames","referenceClassNames","referenceV2ExtraClassNames","referenceExtraClassNames","useReferenceV2_unstable","renderReferenceV2_unstable","renderReference_unstable","useReferenceV2Styles_unstable","useReferenceStyles_unstable","useReference_unstable","referenceOverflowButtonClassNames","ReferenceListContext","ReferenceListContextProvider","generateReferenceCitationPreview","useReferenceCitationPreview"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAmCEA,QAAQ;eAARA,kBAAQ;;IA2ERC,SAAAA;eAAAA,oBAAAA;;;;;;;;;;;;;;;;;IAAAA,WACAC;eADAD;;IA1EAE,kBAAkB;eAAlBA,4BAAkB;;;;;IA2ElBD,mBACAE;eADAF,8BACAE;;IACAC,wBACAC;eADAD,mCACAC;;;;;;;;;;;IAFAF,qBACAC;eADAD;;IAEAE,0BACAC;eADAD;;IA7EAE,uBAAuB;eAAvBA,iCAAuB;;;;;;;;;;;IA+EvBC,0BAAAA;eAAAA;;IADAF,wBACAE;eADAF,mCACAE;;IA7EAC,0BAA0B;eAA1BA,oCAA0B;;IAD1BC,oBAAoB;eAApBA,8BAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA8EpBF,2BACAG;eADAH,sCACAG;;IAAAA,6BACAC;eADAD;;IAEAE,uBACA;eADAA;;IADAD,qBACAC;eADAD,gCACAC;;;2BA/GK;+BAaA;2BAUuE;0BASvE;;;AASP,8BAA8B,GAE9B,MAAAC,cAAAC,oBAAA;AAEA,wCAAA,GAEA,MAAAC,wBAAAC,8BACA;AACA,6CAAA,GAEA,MAAAC,6BAAAC,mCACMC;AAIN,6CAGEH,GAqBF,MAAAI,6BAAkCC,mCAC5BrB;AACN,gDACA,GACA,MAAAsB,gCAAAC,sCACMlB;AACN,0CAAA,GAEA,MAAAc,0BAAAK,gCACA;AA8BA,kCAEEC,GAOF,MAAAzB,kBAAS0B,4BAAsBC;AAa/B,4CAAA,GAiBA,MAAAxB,4BAASyB,sCAAkCC"}

package/lib-commonjs/utilities/{reference-v2/generateReferenceCitationPreview.js → generateReferenceCitationPreview.js}

@@ -13,8 +13,8 @@ const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _reactcomponents = require("@fluentui/react-components");
 const _reactpreview = require("@fluentui-copilot/react-preview");
 const _reactsensitivitylabel = require("@fluentui-copilot/react-sensitivity-label");
-const _Citation = require("../../Citation");
-const _ReferenceV2 = require("../../ReferenceV2");
+const _Citation = require("../Citation");
+const _Reference = require("../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 = (0, _reactcomponents.usePopoverContext_unstable)((context)=>context.setOpen);
@@ -73,7 +73,7 @@ const generateReferenceCitationPreview = (props)=>{
             trapFocus: true,
             withArrow: true,
             ...referencePreviewProps
-        }, /*#__PURE__*/ _react.createElement(_reactpreview.PreviewTrigger, null, /*#__PURE__*/ _react.createElement(_ReferenceV2.Reference, mergedReferenceProps)), /*#__PURE__*/ _react.createElement(_reactpreview.PreviewSurface, referencePreviewSurfaceProps, /*#__PURE__*/ _react.createElement(_reactpreview.PreviewContent, null, /*#__PURE__*/ _react.createElement(_reactpreview.PreviewHeader, {
+        }, /*#__PURE__*/ _react.createElement(_reactpreview.PreviewTrigger, null, /*#__PURE__*/ _react.createElement(_Reference.Reference, mergedReferenceProps)), /*#__PURE__*/ _react.createElement(_reactpreview.PreviewSurface, referencePreviewSurfaceProps, /*#__PURE__*/ _react.createElement(_reactpreview.PreviewContent, null, /*#__PURE__*/ _react.createElement(_reactpreview.PreviewHeader, {
             citation: /*#__PURE__*/ _react.createElement(CitationCloseButton, {
                 "aria-label": `Close Reference ${index}`,
                 referenceHref: "#",

package/lib-commonjs/utilities/generateReferenceCitationPreview.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["generateReferenceCitationPreview.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { mergeCallbacks, usePopoverContext_unstable } from '@fluentui/react-components';\n\nimport {\n  Preview,\n  PreviewContent,\n  PreviewHeader,\n  PreviewMetadata,\n  PreviewSurface,\n  PreviewTrigger,\n} from '@fluentui-copilot/react-preview';\nimport { SensitivityLabel } from '@fluentui-copilot/react-sensitivity-label';\nimport type {\n  PreviewHeaderProps,\n  PreviewMetadataProps,\n  PreviewProps,\n  PreviewSurfaceProps,\n} from '@fluentui-copilot/react-preview';\nimport type { SensitivityLabelProps } from '@fluentui-copilot/react-sensitivity-label';\n\nimport { Citation } from '../Citation';\nimport { Reference } from '../Reference';\nimport type { CitationProps } from '../Citation';\nimport type { ReferenceProps } from '../Reference';\n\nexport type PackagedCitation = React.FC<CitationProps>;\n\nexport type PackagedReference = React.FC<ReferenceProps>;\n\nexport type PackagedPreviewContentProps = Pick<\n  PreviewMetadataProps,\n  'icon' | 'primaryText' | 'secondaryText' | 'tertiaryText'\n> & {\n  content?: React.ReactNode;\n};\n\nexport type ReferenceCitationPreviewGeneratorProps = {\n  citationPreviewProps?: Omit<PreviewProps, 'children'> & Partial<Pick<PreviewProps, 'children'>>;\n  citationPreviewSurfaceProps?: PreviewSurfaceProps;\n  citationProps?: CitationProps;\n  index: number;\n  previewContentProps?: PackagedPreviewContentProps;\n  previewHeaderProps?: PreviewHeaderProps;\n  referencePreviewProps?: Omit<PreviewProps, 'children'> & Partial<Pick<PreviewProps, 'children'>>;\n  referencePreviewSurfaceProps?: PreviewSurfaceProps;\n  referenceProps?: ReferenceProps;\n  sensitivityLabelProps?: SensitivityLabelProps;\n};\n\nexport type ReferenceCitationPreviewGenerator = (props: ReferenceCitationPreviewGeneratorProps) => {\n  Citation: PackagedCitation;\n  Reference: PackagedReference;\n};\n\n// 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.\nconst CitationCloseButton = (citationCloseButtonProps: CitationProps) => {\n  const setPopoverOpen = usePopoverContext_unstable(context => context.setOpen);\n\n  const onPopoverCloseClick = React.useCallback<NonNullable<CitationProps['onClick']>>(\n    ev => {\n      setPopoverOpen(ev, false);\n\n      // Don't navigate\n      ev.preventDefault();\n    },\n    [setPopoverOpen],\n  );\n\n  const onCitationCloseButtonClick = mergeCallbacks(onPopoverCloseClick, citationCloseButtonProps.onClick);\n\n  return <Citation {...citationCloseButtonProps} onClick={onCitationCloseButtonClick} />;\n};\n\n/**\n * Function to generate a Citation - Reference pair with correctly wired props.\n * Both the Citation and the Reference act as trigger components to Previews that are also correctly wired by the function.\n * Props can either be passed in to the function or applied directly to the generated components in JSX.\n *\n * A `useReferenceCitationPreview` hook exists that calls this function and memoizes its return value based on the props.\n * You should use the hook when the props used to generate the Citation - Reference pair can change dynamically.\n * If they are static, or in case you wanted to generate multiple pairs within a cycle, you should call\n * `generateReferenceCitationPreview` directly.\n *\n * @returns A Citation - Reference pair with correctly wired props.\n */\nexport const generateReferenceCitationPreview: ReferenceCitationPreviewGenerator = props => {\n  const {\n    citationPreviewProps,\n    citationPreviewSurfaceProps,\n    citationProps,\n    index,\n    previewContentProps,\n    previewHeaderProps,\n    referencePreviewProps,\n    referencePreviewSurfaceProps,\n    referenceProps,\n    sensitivityLabelProps,\n  } = props;\n\n  const CitationWithPreview: PackagedCitation = props => {\n    return (\n      <Preview closeOnScroll positioning=\"above\" size=\"small\" trapFocus withArrow {...citationPreviewProps}>\n        <PreviewTrigger>\n          <Citation {...citationProps} {...props}>\n            {index}\n          </Citation>\n        </PreviewTrigger>\n        <PreviewSurface {...citationPreviewSurfaceProps}>\n          <PreviewContent>\n            <PreviewHeader\n              citation={\n                <CitationCloseButton aria-label={`Close Reference ${index}`} referenceHref=\"#\" tabIndex={-1}>\n                  {index}\n                </CitationCloseButton>\n              }\n              media={referenceProps?.graphic as PreviewHeaderProps['media']}\n            >\n              {referenceProps?.children}\n            </PreviewHeader>\n            <PreviewMetadata\n              icon={previewContentProps?.icon}\n              primaryText={previewContentProps?.primaryText}\n              secondaryText={previewContentProps?.secondaryText}\n              tertiaryText={previewContentProps?.tertiaryText}\n            />\n            {sensitivityLabelProps && <SensitivityLabel {...sensitivityLabelProps} />}\n            {previewContentProps?.content ?? citationPreviewProps?.children}\n          </PreviewContent>\n        </PreviewSurface>\n      </Preview>\n    );\n  };\n\n  const ReferenceWithPreview: PackagedReference = props => {\n    const mergedReferenceProps = {\n      citation: index,\n      ...referenceProps,\n      ...props,\n    } as ReferenceProps;\n\n    return (\n      <Preview closeOnScroll positioning=\"above\" size=\"small\" trapFocus withArrow {...referencePreviewProps}>\n        <PreviewTrigger>\n          <Reference {...mergedReferenceProps} />\n        </PreviewTrigger>\n        <PreviewSurface {...referencePreviewSurfaceProps}>\n          <PreviewContent>\n            <PreviewHeader\n              citation={\n                <CitationCloseButton aria-label={`Close Reference ${index}`} referenceHref=\"#\" tabIndex={-1}>\n                  {index}\n                </CitationCloseButton>\n              }\n              media={referenceProps?.graphic as PreviewHeaderProps['media']}\n              {...previewHeaderProps}\n            >\n              {previewHeaderProps?.children ?? referenceProps?.children}\n            </PreviewHeader>\n            <PreviewMetadata\n              icon={previewContentProps?.icon}\n              primaryText={previewContentProps?.primaryText}\n              secondaryText={previewContentProps?.secondaryText}\n              tertiaryText={previewContentProps?.tertiaryText}\n            />\n            {sensitivityLabelProps && <SensitivityLabel {...sensitivityLabelProps} />}\n            {previewContentProps?.content ?? referencePreviewProps?.children}\n          </PreviewContent>\n        </PreviewSurface>\n      </Preview>\n    );\n  };\n\n  const components = {\n    Citation: CitationWithPreview,\n    Reference: ReferenceWithPreview,\n  };\n\n  return components;\n};\n"],"names":["CitationCloseButton","citationCloseButtonProps","setPopoverOpen","usePopoverContext_unstable","context","setOpen","onPopoverCloseClick","React","useCallback","ev","preventDefault","createElement","Citation","onCitationCloseButtonClick","onClick","citationPreviewProps","citationPreviewSurfaceProps","CitationWithPreview","previewContentProps","closeOnScroll","positioning","trapFocus","withArrow","props","index","Preview","citation","aria-label","tabIndex","referenceProps","children","primaryText","secondaryText","PreviewHeader","tertiaryText","sensitivityLabelProps","referenceHref","ReferenceWithPreview","PreviewMetadata","icon","previewHeaderProps","referencePreviewProps","_previewContentProps_content","media","PreviewSurface","referencePreviewSurfaceProps","PreviewContent","Reference","_previewHeaderProps_children","components"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;iEAAuB;iCAEoC;8BASpD;uCAC0B;0BASR;2BACC;AAiC1B,6IAA6I;AAC7I,MAAMA,sBAAsBC,CAAAA;UAC1BC,iBAAMA,IAAAA,2CAAiBC,EAAAA,CAAAA,UAA2BC,QAAWA,OAAQC;UAErEC,sBAAMA,OAAsBC,WAAMC,CAAAA,CAAAA;uBAE9BN,IAAeO;yBAEf;yBACGC;OACL;QAAAR;KACA;UAACA,6BAAAA,IAAAA,+BAAAA,EAAAA,qBAAAA,yBAAAA,OAAAA;WAAe,WAAA,GAAAK,OAAAI,aAAA,CAAAC,kBAAA,EAAA;QAGlB,GAAAX,wBAAMY;QAENC,SAAAD;;;;IAcD,MACD,EACEE,oBACEA,EAYFC,2BAAMC,eA2BKC,OA1BT,qBACWC,oBAAcC,uBAAyB,8BAAQC,gBAAUC,uBAAcP;gCAEjDQ,CAAAA;;eACxBC,WAAAA,GAAAA,OAAAA,aAGL,CAAAC,qBAAA,EAAA;2BAGMC;yBACuBC;;uBAA0DC;uBAC5EJ;mCAGEK;sBAENA,GAAAA,OAAAA,aAAAA,CAAAA,4BAAAA,EAAAA,MAAAA,WAAAA,GAAAA,OAAAA,aAAgBC,CAAAA,kBAAQ,EAAA;4BAGnBZ;oBACNa;oBACAC,WAAed,GAAAA,OAAAA,aAAAA,CAAAA,4BAAAA,EAAAA,6BAAAA,WAAAA,GAAAA,OAAAA,aAAqBc,CAAAA,4BAAa,EAAA,MAAA,WAAA,GAAAzB,OAAAI,aAAA,CAAAsB,2BAAA,EAAA;sBACjDC,WAAchB,GAAAA,OAAAA,aAAAA,CAAAA,qBAAAA;8BAEfiB,CAAAA,gBAAAA,EAAAA,MAAAA,CAAAA;gBAMXC,eAAA;gBAEAR,UAAMS,CAAAA;eACJb;mBACEE,mBAAUF,QAAAA,mBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,eAAAA,OAAAA;8BACPK,QAAcA,mBAAA,KAAA,IAAA,KAAA,IAAAA,eAAAC,QAAA,GAAA,WAAA,GAAAvB,OAAAI,aAAA,CAAA2B,6BAAA,EAAA;kBACjBpB,wBAAQ,QAAAA,wBAAA,KAAA,IAAA,KAAA,IAAAA,oBAAAqB,IAAA;yBACVrB,wBAAA,QAAAA,wBAAA,KAAA,IAAA,KAAA,IAAAA,oBAAAa,WAAA;2BAkBWS,wBASFtB,QAAAA,wBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,oBAAAA,aAAAA;0BAzBTA,wBACE,QAACO,wBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,oBAAAA,YAAAA;qCAAQN,WAAAA,GAAAA,OAAAA,aAAAA,CAAAA,uCAAAA,EAAAA,wBAAAA,CAAAA,+BAAAA,wBAAAA,QAAAA,wBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,oBAAAA,OAAAA,MAAAA,QAAAA,iCAAAA,KAAAA,IAAAA,+BAAAA,yBAAAA,QAAAA,yBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,qBAAAA,QAAAA;;iCAAuCI,CAAAA;qCAAQF;sBAAUC;6BAAcmB;;;0CAQpCC;0BAA2BN,GAAAA,OAAAA,aAAc,CAAAX,qBAAA,EAAA;2BAAIG;yBAC5EJ;kBAGLmB;uBACIH;uBAEHA;oCAGKtB;sBACNa,GAAAA,OAAab,aAAAA,CAAAA,4BAAAA,EAAAA,MAAAA,WAAAA,GAAAA,OAAAA,aAAAA,CAAAA,oBAAAA,EAAAA,wBAAgC,WAAA,GAAAX,OAAAI,aAAA,CAAAiC,4BAAA,EAAAC,8BAAA,WAAA,GAAAtC,OAAAI,aAAA,CAAAmC,4BAAA,EAAA,MAAA,WAAA,GAAAvC,OAAAI,aAAA,CAAAsB,2BAAA,EAAA;sBAC7CD,WAAed,GAAAA,OAAAA,aAAAA,CAAAA,qBAAAA;8BACfgB,CAAAA,gBAAchB,EAAAA,MAAAA,CAAAA;+BAEfiB;gBAMXP,UAAA,CAAA;YAEA,GAAAJ;mBACEZ,mBAAUK,QAAAA,mBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,eAAAA,OAAAA;eACV8B,kBAAWV;QACb,GAAA,AAAAW,CAAAA,+BAAAR,uBAAA,QAAAA,uBAAA,KAAA,IAAA,KAAA,IAAAA,mBAAAV,QAAA,MAAA,QAAAkB,iCAAA,KAAA,IAAAA,+BAAAnB,mBAAA,QAAAA,mBAAA,KAAA,IAAA,KAAA,IAAAA,eAAAC,QAAA,GAAA,WAAA,GAAAvB,OAAAI,aAAA,CAAA2B,6BAAA,EAAA;YAEAC,MAAOU,wBAAAA,QAAAA,wBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,oBAAAA,IAAAA;YACPlB,aAAAb,wBAAA,QAAAA,wBAAA,KAAA,IAAA,KAAA,IAAAA,oBAAAa,WAAA"}

package/lib-commonjs/utilities/index.js

@@ -9,13 +9,13 @@ function _export(target, all) {
     });
 }
 _export(exports, {
+    generateReferenceCitationPreview: function() {
+        return _generateReferenceCitationPreview.generateReferenceCitationPreview;
+    },
     useReferenceCitationPreview: function() {
         return _useReferenceCitationPreview.useReferenceCitationPreview;
-    },
-    useReferenceGroup: function() {
-        return _useReferenceGroup.useReferenceGroup;
     }
 });
+const _generateReferenceCitationPreview = require("./generateReferenceCitationPreview");
 const _useReferenceCitationPreview = require("./useReferenceCitationPreview");
-const _useReferenceGroup = require("./useReferenceGroup");
  //# sourceMappingURL=index.js.map

package/lib-commonjs/utilities/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"sourcesContent":["export type { PackagedCitation, PackagedCitationProps, PackagedReference, PackagedReferenceProps, ReferenceCitationData, UseReferenceCitationPreview } from './useReferenceCitationPreview';\nexport { useReferenceCitationPreview } from './useReferenceCitationPreview';\nexport type { UseReferenceGroup, UseReferenceGroupProps } from './useReferenceGroup';\nexport { useReferenceGroup } from './useReferenceGroup';\n"],"names":["useReferenceCitationPreview","useReferenceGroup"],"rangeMappings":";;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IACSA,2BAA2B;eAA3BA,wDAA2B;;IAE3BC,iBAAiB;eAAjBA,oCAAiB;;;6CAFkB;mCAEV"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export type { PackagedCitation, PackagedPreviewContentProps, PackagedReference, ReferenceCitationPreviewGenerator, ReferenceCitationPreviewGeneratorProps } from './generateReferenceCitationPreview';\nexport { generateReferenceCitationPreview } from './generateReferenceCitationPreview';\nexport type { UseReferenceCitationPreview, UseReferenceCitationPreviewProps } from './useReferenceCitationPreview';\nexport { useReferenceCitationPreview } from './useReferenceCitationPreview';\n"],"names":["generateReferenceCitationPreview","useReferenceCitationPreview"],"rangeMappings":";;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IACSA,gCAAgC;eAAhCA,kEAAgC;;IAEhCC,2BAA2B;eAA3BA,wDAA2B;;;kDAFa;6CAEL"}