@fluentui-copilot/react-reference 0.16.2 → 0.16.4

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

@@ -0,0 +1,132 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    referenceClassNames: function() {
+        return referenceClassNames;
+    },
+    referenceExtraClassNames: function() {
+        return referenceExtraClassNames;
+    },
+    useReferenceStyles_unstable: function() {
+        return useReferenceStyles_unstable;
+    },
+    useRootStyles: function() {
+        return useRootStyles;
+    }
+});
+const _reactcomponents = require("@fluentui/react-components");
+const _tokens = require("@fluentui-copilot/tokens");
+const referenceClassNames = {
+    root: 'fai-Reference',
+    citation: 'fai-Reference__citation',
+    divider: 'fai-Reference__divider',
+    graphic: 'fai-Reference__graphic',
+    content: 'fai-Reference__content'
+};
+const referenceExtraClassNames = {
+    graphicChild: 'fai-Reference__graphicChild'
+};
+const GRAPHIC_SIZE = '16px';
+const useRootBaseClassName = (0, _reactcomponents.makeResetStyles)({
+    alignItems: 'center',
+    backgroundColor: _tokens.tokens.colorNeutralBackground3,
+    border: `${_tokens.tokens.strokeWidthThin} solid ${_tokens.tokens.colorNeutralStroke2}`,
+    borderRadius: _tokens.tokens.borderRadiusMedium,
+    boxSizing: 'border-box',
+    color: _tokens.tokens.colorNeutralForeground2,
+    columnGap: _tokens.tokens.spacingHorizontalXXS,
+    display: 'inline-flex',
+    flexShrink: 0,
+    justifyContent: 'center',
+    maxWidth: '100%',
+    minHeight: '24px',
+    padding: `${_tokens.tokens.spacingVerticalXXS} ${_tokens.tokens.spacingHorizontalS}`,
+    textDecoration: 'none',
+    ':hover': {
+        backgroundColor: _tokens.tokens.colorNeutralBackground3Hover,
+        borderColor: _tokens.tokens.colorNeutralStroke1Hover,
+        color: _tokens.tokens.colorNeutralForeground2Hover,
+        [`& .${referenceClassNames.divider}`]: {
+            backgroundColor: _tokens.tokens.colorNeutralStroke1Hover
+        }
+    },
+    ':hover:active': {
+        backgroundColor: _tokens.tokens.colorNeutralBackground3Pressed,
+        borderColor: _tokens.tokens.colorNeutralStroke1Pressed,
+        color: _tokens.tokens.colorNeutralForeground2Pressed,
+        [`& .${referenceClassNames.divider}`]: {
+            backgroundColor: _tokens.tokens.colorNeutralStroke1Pressed
+        }
+    }
+});
+const useRootStyles = (0, _reactcomponents.makeStyles)({
+    overflow: {
+        maxWidth: '100%',
+        width: '100%'
+    }
+});
+const useRootNextStyles = (0, _reactcomponents.makeStyles)({
+    root: {
+        borderRadius: _tokens.tokens.borderRadiusXLarge
+    }
+});
+const useCitationBaseClassName = (0, _reactcomponents.makeResetStyles)({
+    ..._tokens.typographyStyles.caption2Strong
+});
+const useDividerBaseClassName = (0, _reactcomponents.makeResetStyles)({
+    backgroundColor: _tokens.tokens.colorNeutralStroke2,
+    height: '16px',
+    margin: `${_tokens.tokens.spacingVerticalNone} ${_tokens.tokens.spacingHorizontalXS}`,
+    width: '1px'
+});
+const useGraphicBaseClassName = (0, _reactcomponents.makeResetStyles)({
+    display: 'inline-flex',
+    fontSize: GRAPHIC_SIZE,
+    height: GRAPHIC_SIZE,
+    lineHeight: GRAPHIC_SIZE,
+    width: GRAPHIC_SIZE,
+    [`> .${referenceExtraClassNames.graphicChild}`]: {
+        height: GRAPHIC_SIZE,
+        width: GRAPHIC_SIZE
+    }
+});
+const useContentBaseClassName = (0, _reactcomponents.makeResetStyles)({
+    alignItems: 'center',
+    columnGap: _tokens.tokens.spacingHorizontalSNudge,
+    display: 'inline-flex',
+    textAlign: 'start',
+    wordBreak: 'break-word',
+    ..._tokens.typographyStyles.caption1
+});
+const useReferenceStyles_unstable = (state)=>{
+    'use no memo';
+    const { designVersion } = state;
+    const rootBaseClassName = useRootBaseClassName();
+    const rootNextStyles = useRootNextStyles();
+    const citationBaseClassName = useCitationBaseClassName();
+    const dividerBaseClassName = useDividerBaseClassName();
+    const contentBaseClassName = useContentBaseClassName();
+    const graphicBaseClassName = useGraphicBaseClassName();
+    state.root.className = (0, _reactcomponents.mergeClasses)(referenceClassNames.root, rootBaseClassName, designVersion === 'next' && rootNextStyles.root, state.root.className);
+    if (state.citation) {
+        state.citation.className = (0, _reactcomponents.mergeClasses)(referenceClassNames.citation, citationBaseClassName, state.citation.className);
+    }
+    if (state.divider) {
+        state.divider.className = (0, _reactcomponents.mergeClasses)(referenceClassNames.divider, dividerBaseClassName, state.divider.className);
+    }
+    if (state.content) {
+        state.content.className = (0, _reactcomponents.mergeClasses)(referenceClassNames.content, contentBaseClassName, state.content.className);
+    }
+    if (state.graphic) {
+        state.graphic.className = (0, _reactcomponents.mergeClasses)(referenceClassNames.graphic, graphicBaseClassName, state.graphic.className);
+    }
+    return state;
+};

package/lib-commonjs/components/Reference/useReferenceStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useReferenceStyles.styles.ts"],"sourcesContent":["import { makeResetStyles, makeStyles, mergeClasses } from '@fluentui/react-components';\nimport { tokens, typographyStyles } from '@fluentui-copilot/tokens';\nimport type { ReferenceSlots, ReferenceState } from './Reference.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const referenceClassNames: SlotClassNames<ReferenceSlots> = {\n  root: 'fai-Reference',\n  citation: 'fai-Reference__citation',\n  divider: 'fai-Reference__divider',\n  graphic: 'fai-Reference__graphic',\n  content: 'fai-Reference__content',\n};\n\nexport const referenceExtraClassNames = {\n  graphicChild: 'fai-Reference__graphicChild',\n};\n\nconst GRAPHIC_SIZE = '16px';\n\nconst useRootBaseClassName = makeResetStyles({\n  alignItems: 'center',\n  backgroundColor: tokens.colorNeutralBackground3,\n  border: `${tokens.strokeWidthThin} solid ${tokens.colorNeutralStroke2}`,\n  borderRadius: tokens.borderRadiusMedium,\n  boxSizing: 'border-box',\n  color: tokens.colorNeutralForeground2,\n  columnGap: tokens.spacingHorizontalXXS,\n  display: 'inline-flex',\n  flexShrink: 0,\n  justifyContent: 'center',\n  maxWidth: '100%',\n  minHeight: '24px',\n  padding: `${tokens.spacingVerticalXXS} ${tokens.spacingHorizontalS}`,\n  textDecoration: 'none',\n\n  ':hover': {\n    backgroundColor: tokens.colorNeutralBackground3Hover,\n    borderColor: tokens.colorNeutralStroke1Hover,\n    color: tokens.colorNeutralForeground2Hover,\n\n    [`& .${referenceClassNames.divider}`]: {\n      backgroundColor: tokens.colorNeutralStroke1Hover,\n    },\n  },\n\n  ':hover:active': {\n    backgroundColor: tokens.colorNeutralBackground3Pressed,\n    borderColor: tokens.colorNeutralStroke1Pressed,\n    color: tokens.colorNeutralForeground2Pressed,\n\n    [`& .${referenceClassNames.divider}`]: {\n      backgroundColor: tokens.colorNeutralStroke1Pressed,\n    },\n  },\n});\n\nexport const useRootStyles = makeStyles({\n  overflow: {\n    maxWidth: '100%',\n    width: '100%',\n  },\n});\n\nconst useRootNextStyles = makeStyles({ root: { borderRadius: tokens.borderRadiusXLarge } });\n\nconst useCitationBaseClassName = makeResetStyles({\n  ...typographyStyles.caption2Strong,\n});\n\nconst useDividerBaseClassName = makeResetStyles({\n  backgroundColor: tokens.colorNeutralStroke2,\n  height: '16px',\n  margin: `${tokens.spacingVerticalNone} ${tokens.spacingHorizontalXS}`,\n  width: '1px',\n});\n\nconst useGraphicBaseClassName = makeResetStyles({\n  display: 'inline-flex',\n  fontSize: GRAPHIC_SIZE,\n  height: GRAPHIC_SIZE,\n  lineHeight: GRAPHIC_SIZE,\n  width: GRAPHIC_SIZE,\n\n  [`> .${referenceExtraClassNames.graphicChild}`]: {\n    height: GRAPHIC_SIZE,\n    width: GRAPHIC_SIZE,\n  },\n});\n\nconst useContentBaseClassName = makeResetStyles({\n  alignItems: 'center',\n  columnGap: tokens.spacingHorizontalSNudge,\n  display: 'inline-flex',\n  textAlign: 'start',\n  wordBreak: 'break-word',\n  ...typographyStyles.caption1,\n});\n\n/**\n * Apply styling to the Reference slots based on the state\n */\nexport const useReferenceStyles_unstable = (state: ReferenceState): ReferenceState => {\n  'use no memo';\n\n  const { designVersion } = state;\n\n  const rootBaseClassName = useRootBaseClassName();\n  const rootNextStyles = useRootNextStyles();\n  const citationBaseClassName = useCitationBaseClassName();\n  const dividerBaseClassName = useDividerBaseClassName();\n  const contentBaseClassName = useContentBaseClassName();\n  const graphicBaseClassName = useGraphicBaseClassName();\n\n  state.root.className = mergeClasses(\n    referenceClassNames.root,\n    rootBaseClassName,\n    designVersion === 'next' && rootNextStyles.root,\n    state.root.className,\n  );\n\n  if (state.citation) {\n    state.citation.className = mergeClasses(\n      referenceClassNames.citation,\n      citationBaseClassName,\n      state.citation.className,\n    );\n  }\n\n  if (state.divider) {\n    state.divider.className = mergeClasses(referenceClassNames.divider, dividerBaseClassName, state.divider.className);\n  }\n\n  if (state.content) {\n    state.content.className = mergeClasses(referenceClassNames.content, contentBaseClassName, state.content.className);\n  }\n\n  if (state.graphic) {\n    state.graphic.className = mergeClasses(referenceClassNames.graphic, graphicBaseClassName, state.graphic.className);\n  }\n\n  return state;\n};\n"],"names":["referenceClassNames","referenceExtraClassNames","useReferenceStyles_unstable","useRootStyles","root","citation","divider","graphic","content","graphicChild","GRAPHIC_SIZE","useRootBaseClassName","makeResetStyles","alignItems","backgroundColor","tokens","colorNeutralBackground3","border","strokeWidthThin","colorNeutralStroke2","borderRadius","borderRadiusMedium","boxSizing","color","colorNeutralForeground2","columnGap","spacingHorizontalXXS","display","flexShrink","justifyContent","maxWidth","minHeight","padding","spacingVerticalXXS","spacingHorizontalS","textDecoration","colorNeutralBackground3Hover","borderColor","colorNeutralStroke1Hover","colorNeutralForeground2Hover","colorNeutralBackground3Pressed","colorNeutralStroke1Pressed","colorNeutralForeground2Pressed","makeStyles","overflow","width","useRootNextStyles","borderRadiusXLarge","useCitationBaseClassName","typographyStyles","caption2Strong","useDividerBaseClassName","height","margin","spacingVerticalNone","spacingHorizontalXS","useGraphicBaseClassName","fontSize","lineHeight","useContentBaseClassName","spacingHorizontalSNudge","textAlign","wordBreak","caption1","state","designVersion","rootBaseClassName","rootNextStyles","citationBaseClassName","dividerBaseClassName","contentBaseClassName","graphicBaseClassName","className","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

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

@@ -20,4 +20,4 @@ const ReferenceList = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
     (0, _useReferenceListStylesstyles.useReferenceListStyles_unstable)(state);
     return (0, _renderReferenceList.renderReferenceList_unstable)(state, referenceListContextValues);
 });
-ReferenceList.displayName = 'ReferenceList'; //# sourceMappingURL=ReferenceList.js.map
+ReferenceList.displayName = 'ReferenceList';

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

@@ -1 +1 @@
-{"version":3,"sources":["ReferenceList.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-components';\nimport { renderReferenceList_unstable } from './renderReferenceList';\nimport { useReferenceList_unstable } from './useReferenceList';\nimport { useReferenceListStyles_unstable } from './useReferenceListStyles.styles';\nimport { useReferenceListContextValues_unstable } from './useReferenceListContextValues';\nimport type { ReferenceListProps } from './ReferenceList.types';\n\nexport const ReferenceList: ForwardRefComponent<ReferenceListProps> = React.forwardRef((props, ref) => {\n  const state = useReferenceList_unstable(props, ref);\n  const referenceListContextValues = useReferenceListContextValues_unstable(state);\n\n  useReferenceListStyles_unstable(state);\n\n  return renderReferenceList_unstable(state, referenceListContextValues);\n});\n\nReferenceList.displayName = 'ReferenceList';\n"],"names":["ReferenceList","React","forwardRef","props","state","useReferenceList_unstable","referenceListContextValues","useReferenceListContextValues_unstable","useReferenceListStyles_unstable","renderReferenceList_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAQaA;;;eAAAA;;;;iEARU;qCAEsB;kCACH;8CACM;+CACO;AAGhD,MAAMA,gBAAAA,WAAAA,GAAAA,OAAyDC,UAAMC,CAAU,CAACC,OAACA;UACtFC,QAAMA,IAAAA,2CAAQC,EAAAA,OAA0BF;UACxCG,6BAAMA,IAAAA,qEAA6BC,EAAAA;qEAEnCC,EAAAA;WAEAC,IAAAA,iDAAOA,EAAAA,OAA6BL;AACtC;AAEAJ,cAAcU,WAAW,GAAG"}
+{"version":3,"sources":["ReferenceList.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-components';\nimport { renderReferenceList_unstable } from './renderReferenceList';\nimport { useReferenceList_unstable } from './useReferenceList';\nimport { useReferenceListStyles_unstable } from './useReferenceListStyles.styles';\nimport { useReferenceListContextValues_unstable } from './useReferenceListContextValues';\nimport type { ReferenceListProps } from './ReferenceList.types';\n\nexport const ReferenceList: ForwardRefComponent<ReferenceListProps> = React.forwardRef((props, ref) => {\n  const state = useReferenceList_unstable(props, ref);\n  const referenceListContextValues = useReferenceListContextValues_unstable(state);\n\n  useReferenceListStyles_unstable(state);\n\n  return renderReferenceList_unstable(state, referenceListContextValues);\n});\n\nReferenceList.displayName = 'ReferenceList';\n"],"names":["ReferenceList","React","forwardRef","props","ref","state","useReferenceList_unstable","referenceListContextValues","useReferenceListContextValues_unstable","useReferenceListStyles_unstable","renderReferenceList_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAQaA;;;eAAAA;;;;iEARU;qCAEsB;kCACH;8CACM;+CACO;AAGhD,MAAMA,gBAAAA,WAAAA,GAAyDC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAC7F,MAAMC,QAAQC,IAAAA,2CAAAA,EAA0BH,OAAOC;IAC/C,MAAMG,6BAA6BC,IAAAA,qEAAAA,EAAuCH;IAE1EI,IAAAA,6DAAAA,EAAgCJ;IAEhC,OAAOK,IAAAA,iDAAAA,EAA6BL,OAAOE;AAC7C;AAEAP,cAAcW,WAAW,GAAG"}

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

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

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

@@ -29,4 +29,3 @@ const _ReferenceList = require("./ReferenceList");
 const _renderReferenceList = require("./renderReferenceList");
 const _useReferenceList = require("./useReferenceList");
 const _useReferenceListStylesstyles = require("./useReferenceListStyles.styles");
- //# sourceMappingURL=index.js.map

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

@@ -27,4 +27,4 @@ const renderReferenceList_unstable = (state, contextValues)=>{
             })
         })
     });
-}; //# sourceMappingURL=renderReferenceList.js.map
+};

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

@@ -1 +1 @@
-{"version":3,"sources":["renderReferenceList.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { Overflow, assertSlots } from '@fluentui/react-components';\nimport type { ReferenceListState, ReferenceListSlots, ReferenceListContextValues } from './ReferenceList.types';\nimport { ReferenceListContextProvider } from '../../contexts/referenceListContext';\n\n/**\n * Render the final JSX of ReferenceList\n */\nexport const renderReferenceList_unstable = (state: ReferenceListState, contextValues: ReferenceListContextValues) => {\n  assertSlots<ReferenceListSlots>(state);\n\n  const { minVisibleReferences } = state;\n\n  return (\n    <ReferenceListContextProvider value={contextValues.referenceList}>\n      <Overflow minimumVisible={minVisibleReferences}>\n        <state.root>\n          <state.arrowableRegion />\n          {state.showMoreButton && <state.showMoreButton />}\n          {state.showLessButton && <state.showLessButton />}\n        </state.root>\n      </Overflow>\n    </ReferenceListContextProvider>\n  );\n};\n"],"names":["assertSlots","state","minVisibleReferences","contextValues","minimumVisible","referenceList","showMoreButton","root","showLessButton","arrowableRegion","_jsx"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAWEA;;;eAAAA;;;4BAVF;iCAEsC;sCAEO;AAM3CA,MAAAA,+BAAgCC,CAAAA,OAAAA;oCAExBC,EAAAA;UAER,sBACuCC;sBACzBC,GAAAA,IAAAA,eAAAA,EAAAA,kDAAgBF,EAAAA;6BACxBG,aAAA;;;iCAESC,GAAAA,IAAAA,gBAAAA,EAAAA,MAAcC,IAAA,EAAA;;+BACdC,GAAAA,IAAAA,eAAAA,EAAAA,MAAcC,eAAI,EAAA,CAAA;oBAACR,MAAMO,cAAc,IAAA,WAAA,GAAAE,IAAAA,eAAA,EAAAT,MAAAK,cAAA,EAAA,CAAA;oBAAAL,MAAAO,cAAA,IAAA,WAAA,GAAAE,IAAAA,eAAA,EAAAT,MAAAO,cAAA,EAAA,CAAA;iBAAA;;;;GAKxD,+CAAE"}
+{"version":3,"sources":["renderReferenceList.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { Overflow, assertSlots } from '@fluentui/react-components';\nimport type { ReferenceListState, ReferenceListSlots, ReferenceListContextValues } from './ReferenceList.types';\nimport { ReferenceListContextProvider } from '../../contexts/referenceListContext';\n\n/**\n * Render the final JSX of ReferenceList\n */\nexport const renderReferenceList_unstable = (state: ReferenceListState, contextValues: ReferenceListContextValues) => {\n  assertSlots<ReferenceListSlots>(state);\n\n  const { minVisibleReferences } = state;\n\n  return (\n    <ReferenceListContextProvider value={contextValues.referenceList}>\n      <Overflow minimumVisible={minVisibleReferences}>\n        <state.root>\n          <state.arrowableRegion />\n          {state.showMoreButton && <state.showMoreButton />}\n          {state.showLessButton && <state.showLessButton />}\n        </state.root>\n      </Overflow>\n    </ReferenceListContextProvider>\n  );\n};\n"],"names":["renderReferenceList_unstable","state","contextValues","assertSlots","minVisibleReferences","_jsx","ReferenceListContextProvider","value","referenceList","Overflow","minimumVisible","_jsxs","root","arrowableRegion","showMoreButton","showLessButton"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAUaA;;;eAAAA;;;4BATb;iCAEsC;sCAEO;AAKtC,MAAMA,+BAA+B,CAACC,OAA2BC;IACtEC,IAAAA,4BAAAA,EAAgCF;IAEhC,MAAM,EAAEG,oBAAoB,EAAE,GAAGH;IAEjC,OAAA,WAAA,GACEI,IAAAA,eAAA,EAACC,kDAAAA,EAAAA;QAA6BC,OAAOL,cAAcM,aAAa;kBAC9D,WAAA,GAAAH,IAAAA,eAAA,EAACI,yBAAAA,EAAAA;YAASC,gBAAgBN;sBACxB,WAAA,GAAAO,IAAAA,gBAAA,EAACV,MAAMW,IAAI,EAAA;;kCACTP,IAAAA,eAAA,EAACJ,MAAMY,eAAe,EAAA,CAAA;oBACrBZ,MAAMa,cAAc,IAAA,WAAA,GAAIT,IAAAA,eAAA,EAACJ,MAAMa,cAAc,EAAA,CAAA;oBAC7Cb,MAAMc,cAAc,IAAA,WAAA,GAAIV,IAAAA,eAAA,EAACJ,MAAMc,cAAc,EAAA,CAAA;;;;;AAKxD"}

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

@@ -83,4 +83,4 @@ const useReferenceList_unstable = (props, ref)=>{
         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.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"}
+{"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":["useReferenceList_unstable","props","ref","arrowableRegion","children","maxVisibleReferences","minVisibleReferences","showLessButton","showMoreButton","rest","areReferencesExpanded","setAreReferencesExpanded","React","useState","referenceListRef","useRef","totalReferencesCount","Children","count","styles","useRootStyles","resolvedChildren","useOverflowMaxVisibleItems","additionalCondition","maxVisibleItems","minVisibleItems","overflowClassName","overflow","overflowButtonTriggeredViaKeyboard","focusAttributes","useArrowNavigationGroup","axis","circular","memorizeCurrent","onShowMoreButtonClick","useCallback","onShowLessButtonClick","shouldUseOverflow","undefined","minVisibleOverflowItems","state","components","root","slot","always","getIntrinsicElementProps","useMergedRefs","elementType","defaultProps","optional","onClick","mergeCallbacks"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAqBaA;;;eAAAA;;;;iEArBU;iCAOhB;gCACoC;0CACb;AAYvB,MAAMA,4BAA4B,CACvCC,OACAC;IAEA,MAAM,EACJC,eAAe,EACfC,QAAQ,EACRC,oBAAoB,EACpBC,oBAAoB,EACpBC,cAAc,EACdC,cAAc,EACd,GAAGC,MACJ,GAAGR;IAEJ,MAAM,CAACS,uBAAuBC,yBAAyB,GAAGC,OAAMC,QAAQ,CAAC;IACzE,MAAMC,mBAAmBF,OAAMG,MAAM,CAAiB;IAEtD,MAAMC,uBAAuBJ,OAAMK,QAAQ,CAACC,KAAK,CAACd;IAClD,MAAMe,SAASC,IAAAA,uCAAAA;IACf,MAAMC,mBAAmBC,IAAAA,0CAAAA,EAA2B;QAClDC,qBAAqB,CAACb;QACtBN;QACAoB,iBAAiBnB;QACjBoB,iBAAiBnB;QACjBoB,mBAAmBP,OAAOQ,QAAQ;IACpC;IAEA,4FAA4F;IAC5F,MAAMC,qCAAqChB,OAAMG,MAAM,CAAC;IAExD,MAAMc,kBAAkBC,IAAAA,wCAAAA,EAAwB;QAC9CC,MAAM;QACNC,UAAU;QACVC,iBAAiB;IACnB;IAEA,MAAMC,wBAAwBtB,OAAMuB,WAAW,CAA6C;QAC1FxB,yBAAyB;IAC3B,GAAG,EAAE;IAEL,MAAMyB,wBAAwBxB,OAAMuB,WAAW,CAA6C;QAC1FxB,yBAAyB;IAC3B,GAAG,EAAE;IAEL,MAAM0B,oBACJ,AAAC/B,CAAAA,yBAAyBgC,aAAahC,uBAAuBU,oBAAAA,KAC9DX,yBAAyBiC,aACzB,CAAC5B;IAEH,iGAAiG;IACjG,MAAM6B,0BAA0BjC,uBAAuBA,uBAAuB,IAAI;IAElF,MAAMkC,QAA4B;QAChC9B;QACAkB;QACAvB;QACAC,sBAAsBiC;QACtBzB;QACAuB;QACArB;QAEAyB,YAAY;YACVC,MAAM;YACNvC,iBAAiB;YACjBK,gBAAgB;YAChBD,gBAAgB;QAClB;QACAmC,MAAMC,qBAAAA,CAAKC,MAAM,CACfC,IAAAA,yCAAAA,EAAyB,OAAO;YAC9B3C,KAAK4C,IAAAA,8BAAAA,EAAc5C,KAAKY;YACxB,GAAGL,IAAI;QACT,IACA;YAAEsC,aAAa;QAAM;QAEvB5C,iBAAiBwC,qBAAAA,CAAKC,MAAM,CAACzC,iBAAiB;YAC5C6C,cAAc;gBAAE,GAAGnB,eAAe;gBAAEzB,UAAUiB;YAAiB;YAC/D0B,aAAa;QACf;QACAvC,gBAAgB6B,oBAAoBM,qBAAAA,CAAKM,QAAQ,CAACzC,gBAAgB;YAAEuC,aAAa;QAAO,KAAKT;QAC7F/B,gBAAgBG,wBAAwBiC,qBAAAA,CAAKM,QAAQ,CAAC1C,gBAAgB;YAAEwC,aAAa;QAAO,KAAKT;IACnG;IAEA,IAAIE,MAAMhC,cAAc,EAAE;QACxBgC,MAAMhC,cAAc,CAAC0C,OAAO,GAAGC,IAAAA,+BAAAA,EAAejB,uBAAuBM,MAAMhC,cAAc,CAAC0C,OAAO;IACnG;IAEA,IAAIV,MAAMjC,cAAc,EAAE;QACxBiC,MAAMjC,cAAc,CAAC2C,OAAO,GAAGC,IAAAA,+BAAAA,EAAef,uBAAuBI,MAAMjC,cAAc,CAAC2C,OAAO;IACnG;IAEA,OAAOV;AACT"}

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

@@ -22,4 +22,4 @@ function useReferenceListContextValues_unstable(state) {
     return {
         referenceList
     };
-} //# sourceMappingURL=useReferenceListContextValues.js.map
+}

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

@@ -1 +1 @@
-{"version":3,"sources":["useReferenceListContextValues.ts"],"sourcesContent":["import type { ReferenceListState, ReferenceListContextValues } from './ReferenceList.types';\n\nexport function useReferenceListContextValues_unstable(state: ReferenceListState): ReferenceListContextValues {\n  const {\n    areReferencesExpanded,\n    maxVisibleReferences,\n    overflowButtonTriggeredViaKeyboard,\n    referenceListRef,\n    shouldUseOverflow,\n    totalReferencesCount,\n  } = state;\n\n  // This context is created with \"@fluentui/react-context-selector\", there is no sense to memoize it\n  const referenceList = {\n    areReferencesExpanded,\n    maxVisibleReferences,\n    overflowButtonTriggeredViaKeyboard,\n    referenceListRef,\n    shouldUseOverflow,\n    totalReferencesCount,\n  };\n\n  return { referenceList };\n}\n"],"names":["useReferenceListContextValues_unstable","state","areReferencesExpanded","maxVisibleReferences","referenceList","overflowButtonTriggeredViaKeyboard","referenceListRef","totalReferencesCount"],"rangeMappings":";;;;;;;;;;;;;;;;;","mappings":";;;;+BAEgBA;;;eAAAA;;;AAAT,SAASA,uCAAuCC,KAAyB;UAC9E,EASAC,qBAAA,EACAC,oBAAMC,oCACJF,kBACAC,mBACAE,sBACAC;uGAEAC;UACFH,gBAAA;QAEAF;;QAAuBG;QACzBC"}
+{"version":3,"sources":["useReferenceListContextValues.ts"],"sourcesContent":["import type { ReferenceListState, ReferenceListContextValues } from './ReferenceList.types';\n\nexport function useReferenceListContextValues_unstable(state: ReferenceListState): ReferenceListContextValues {\n  const {\n    areReferencesExpanded,\n    maxVisibleReferences,\n    overflowButtonTriggeredViaKeyboard,\n    referenceListRef,\n    shouldUseOverflow,\n    totalReferencesCount,\n  } = state;\n\n  // This context is created with \"@fluentui/react-context-selector\", there is no sense to memoize it\n  const referenceList = {\n    areReferencesExpanded,\n    maxVisibleReferences,\n    overflowButtonTriggeredViaKeyboard,\n    referenceListRef,\n    shouldUseOverflow,\n    totalReferencesCount,\n  };\n\n  return { referenceList };\n}\n"],"names":["useReferenceListContextValues_unstable","state","areReferencesExpanded","maxVisibleReferences","overflowButtonTriggeredViaKeyboard","referenceListRef","shouldUseOverflow","totalReferencesCount","referenceList"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAEgBA;;;eAAAA;;;AAAT,SAASA,uCAAuCC,KAAyB;IAC9E,MAAM,EACJC,qBAAqB,EACrBC,oBAAoB,EACpBC,kCAAkC,EAClCC,gBAAgB,EAChBC,iBAAiB,EACjBC,oBAAoB,EACrB,GAAGN;IAEJ,mGAAmG;IACnG,MAAMO,gBAAgB;QACpBN;QACAC;QACAC;QACAC;QACAC;QACAC;IACF;IAEA,OAAO;QAAEC;IAAc;AACzB"}

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

@@ -0,0 +1,63 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    referenceListClassNames: function() {
+        return referenceListClassNames;
+    },
+    useReferenceListStyles_unstable: function() {
+        return useReferenceListStyles_unstable;
+    }
+});
+const _reactcomponents = require("@fluentui/react-components");
+const _tokens = require("@fluentui-copilot/tokens");
+const referenceListClassNames = {
+    root: 'fai-ReferenceList',
+    arrowableRegion: 'fai-ReferenceList__arrowableRegion',
+    showMoreButton: 'fai-ReferenceList__showMoreButton',
+    showLessButton: 'fai-ReferenceList__showLessButton'
+};
+/**
+ * Styles for the root slot
+ */ const useRootBaseClassName = (0, _reactcomponents.makeResetStyles)({
+    display: 'flex',
+    flexDirection: 'row',
+    gap: `${_tokens.tokens.spacingVerticalXS} ${_tokens.tokens.spacingHorizontalXS}`
+});
+const useRootStyles = (0, _reactcomponents.makeStyles)({
+    referencesExpanded: {
+        flexWrap: 'wrap'
+    }
+});
+const useArrowableRegionBaseClassName = (0, _reactcomponents.makeResetStyles)({
+    display: 'contents',
+    maxWidth: '100%'
+});
+const useOverflowButtonBaseClassName = (0, _reactcomponents.makeResetStyles)({
+    display: 'inline-flex',
+    flexShrink: 0
+});
+const useReferenceListStyles_unstable = (state)=>{
+    'use no memo';
+    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;
+};

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

@@ -0,0 +1 @@
+{"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","useReferenceListStyles_unstable","root","arrowableRegion","showMoreButton","showLessButton","useRootBaseClassName","makeResetStyles","display","flexDirection","gap","tokens","spacingVerticalXS","spacingHorizontalXS","useRootStyles","makeStyles","referencesExpanded","flexWrap","useArrowableRegionBaseClassName","maxWidth","useOverflowButtonBaseClassName","flexShrink","state","areReferencesExpanded","shouldUseOverflow","rootBaseClassName","arrowableRegionBaseClassName","overflowButtonBaseClassName","rootStyles","className","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAKaA,uBAAAA;eAAAA;;IAmCAC,+BAAAA;eAAAA;;;iCAxC6C;wBACnC;AAIhB,MAAMD,0BAA8D;IACzEE,MAAM;IACNC,iBAAiB;IACjBC,gBAAgB;IAChBC,gBAAgB;AAClB;AAEA;;CAEC,GACD,MAAMC,uBAAuBC,IAAAA,gCAAAA,EAAgB;IAC3CC,SAAS;IACTC,eAAe;IACfC,KAAK,CAAC,EAAEC,cAAAA,CAAOC,iBAAiB,CAAC,CAAC,EAAED,cAAAA,CAAOE,mBAAmB,CAAC,CAAC;AAClE;AAEA,MAAMC,gBAAgBC,IAAAA,2BAAAA,EAAW;IAC/BC,oBAAoB;QAClBC,UAAU;IACZ;AACF;AAEA,MAAMC,kCAAkCX,IAAAA,gCAAAA,EAAgB;IACtDC,SAAS;IACTW,UAAU;AACZ;AAEA,MAAMC,iCAAiCb,IAAAA,gCAAAA,EAAgB;IACrDC,SAAS;IACTa,YAAY;AACd;AAKO,MAAMpB,kCAAkC,CAACqB;IAC9C;IAEA,MAAM,EAAEC,qBAAqB,EAAEC,iBAAiB,EAAE,GAAGF;IAErD,MAAMG,oBAAoBnB;IAC1B,MAAMoB,+BAA+BR;IACrC,MAAMS,8BAA8BP;IACpC,MAAMQ,aAAad;IAEnBQ,MAAMpB,IAAI,CAAC2B,SAAS,GAAGC,IAAAA,6BAAAA,EACrB9B,wBAAwBE,IAAI,EAC5BuB,mBACA,AAACF,CAAAA,yBAAyB,CAACC,iBAAAA,KAAsBI,WAAWZ,kBAAkB,EAC9EM,MAAMpB,IAAI,CAAC2B,SAAS;IAGtBP,MAAMnB,eAAe,CAAC0B,SAAS,GAAGC,IAAAA,6BAAAA,EAChC9B,wBAAwBG,eAAe,EACvCuB,8BACAJ,MAAMnB,eAAe,CAAC0B,SAAS;IAGjC,IAAIP,MAAMlB,cAAc,EAAE;QACxBkB,MAAMlB,cAAc,CAACyB,SAAS,GAAGC,IAAAA,6BAAAA,EAC/B9B,wBAAwBI,cAAc,EACtCuB,6BACAL,MAAMlB,cAAc,CAACyB,SAAS;IAElC;IAEA,IAAIP,MAAMjB,cAAc,EAAE;QACxBiB,MAAMjB,cAAc,CAACwB,SAAS,GAAGC,IAAAA,6BAAAA,EAC/B9B,wBAAwBK,cAAc,EACtCsB,6BACAL,MAAMjB,cAAc,CAACwB,SAAS;IAElC;IAEA,OAAOP;AACT"}

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

@@ -18,4 +18,4 @@ const ReferenceOverflowButton = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
     (0, _useReferenceOverflowButtonStylesstyles.useReferenceOverflowButtonStyles_unstable)(state);
     return (0, _renderReferenceOverflowButton.renderReferenceOverflowButton_unstable)(state);
 });
-ReferenceOverflowButton.displayName = 'ReferenceOverflowButton'; //# sourceMappingURL=ReferenceOverflowButton.js.map
+ReferenceOverflowButton.displayName = 'ReferenceOverflowButton';

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

@@ -1 +1 @@
-{"version":3,"sources":["ReferenceOverflowButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useReferenceOverflowButton_unstable } from './useReferenceOverflowButton';\nimport { renderReferenceOverflowButton_unstable } from './renderReferenceOverflowButton';\nimport { useReferenceOverflowButtonStyles_unstable } from './useReferenceOverflowButtonStyles.styles';\nimport type { ReferenceOverflowButtonProps } from './ReferenceOverflowButton.types';\nimport type { ForwardRefComponent } from '@fluentui/react-components';\n\n// ReferenceOverflowButton component - TODO: add more docs\nexport const ReferenceOverflowButton: ForwardRefComponent<ReferenceOverflowButtonProps> = React.forwardRef(\n  (props, ref) => {\n    const state = useReferenceOverflowButton_unstable(props, ref);\n\n    useReferenceOverflowButtonStyles_unstable(state);\n    return renderReferenceOverflowButton_unstable(state);\n  },\n);\n\nReferenceOverflowButton.displayName = 'ReferenceOverflowButton';\n"],"names":["ReferenceOverflowButton","React","forwardRef","props","state","useReferenceOverflowButton_unstable","useReferenceOverflowButtonStyles_unstable","renderReferenceOverflowButton_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAQaA;;;eAAAA;;;;iEARU;4CAC6B;+CACG;wDACG;AAKnD,MAAMA,0BAAAA,WAAAA,GAAAA,OAA6EC,UAAMC,CAAU,CACxGC,OAACA;UACCC,QAAMA,IAAAA,+DAAQC,EAAAA,OAAoCF;yFAElDG,EAAAA;WACAC,IAAAA,qEAAOA,EAAAA;AACT;AAGFP,wBAAwBQ,WAAW,GAAG"}
+{"version":3,"sources":["ReferenceOverflowButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useReferenceOverflowButton_unstable } from './useReferenceOverflowButton';\nimport { renderReferenceOverflowButton_unstable } from './renderReferenceOverflowButton';\nimport { useReferenceOverflowButtonStyles_unstable } from './useReferenceOverflowButtonStyles.styles';\nimport type { ReferenceOverflowButtonProps } from './ReferenceOverflowButton.types';\nimport type { ForwardRefComponent } from '@fluentui/react-components';\n\n// ReferenceOverflowButton component - TODO: add more docs\nexport const ReferenceOverflowButton: ForwardRefComponent<ReferenceOverflowButtonProps> = React.forwardRef(\n  (props, ref) => {\n    const state = useReferenceOverflowButton_unstable(props, ref);\n\n    useReferenceOverflowButtonStyles_unstable(state);\n    return renderReferenceOverflowButton_unstable(state);\n  },\n);\n\nReferenceOverflowButton.displayName = 'ReferenceOverflowButton';\n"],"names":["ReferenceOverflowButton","React","forwardRef","props","ref","state","useReferenceOverflowButton_unstable","useReferenceOverflowButtonStyles_unstable","renderReferenceOverflowButton_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAQaA;;;eAAAA;;;;iEARU;4CAC6B;+CACG;wDACG;AAKnD,MAAMA,0BAAAA,WAAAA,GAA6EC,OAAMC,UAAU,CACxG,CAACC,OAAOC;IACN,MAAMC,QAAQC,IAAAA,+DAAAA,EAAoCH,OAAOC;IAEzDG,IAAAA,iFAAAA,EAA0CF;IAC1C,OAAOG,IAAAA,qEAAAA,EAAuCH;AAChD;AAGFL,wBAAwBS,WAAW,GAAG"}

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

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

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

@@ -29,4 +29,3 @@ const _ReferenceOverflowButton = require("./ReferenceOverflowButton");
 const _renderReferenceOverflowButton = require("./renderReferenceOverflowButton");
 const _useReferenceOverflowButton = require("./useReferenceOverflowButton");
 const _useReferenceOverflowButtonStylesstyles = require("./useReferenceOverflowButtonStyles.styles");
- //# sourceMappingURL=index.js.map

package/lib-commonjs/components/ReferenceOverflowButton/renderReferenceOverflowButton.js

@@ -18,4 +18,4 @@ const renderReferenceOverflowButton_unstable = (state)=>{
         priority: 1,
         children: /*#__PURE__*/ (0, _jsxruntime.jsx)(state.root, {})
     }, id) : null;
-}; //# sourceMappingURL=renderReferenceOverflowButton.js.map
+};

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

@@ -1 +1 @@
-{"version":3,"sources":["renderReferenceOverflowButton.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { OverflowItem, assertSlots } from '@fluentui/react-components';\nimport type { ReferenceOverflowButtonState, ReferenceOverflowButtonSlots } from './ReferenceOverflowButton.types';\n\n/**\n * Render the final JSX of ReferenceOverflowButton\n */\nexport const renderReferenceOverflowButton_unstable = (state: ReferenceOverflowButtonState) => {\n  assertSlots<ReferenceOverflowButtonSlots>(state);\n  const { id, shouldRenderOverflowButton } = state;\n\n  return shouldRenderOverflowButton ? (\n    <OverflowItem key={id} id={id} priority={1}>\n      <state.root />\n    </OverflowItem>\n  ) : null;\n};\n"],"names":["assertSlots","state","id","_jsx","OverflowItem"],"rangeMappings":";;;;;;;;;;;;;;;;","mappings":";;;;+BAUEA;;;eAAAA;;;4BAVwB;iCAGgB;AAOxCA,MAAAA,yCAA0CC,CAAAA;oCAClCC,EAAED;UAEV,gCAC2C;WAAtBC,6BAGjB,WAAA,GAAAC,IAAAA,eAAA,EAAAC,6BAAA,EAAA;QACJF,IAAAA"}
+{"version":3,"sources":["renderReferenceOverflowButton.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { OverflowItem, assertSlots } from '@fluentui/react-components';\nimport type { ReferenceOverflowButtonState, ReferenceOverflowButtonSlots } from './ReferenceOverflowButton.types';\n\n/**\n * Render the final JSX of ReferenceOverflowButton\n */\nexport const renderReferenceOverflowButton_unstable = (state: ReferenceOverflowButtonState) => {\n  assertSlots<ReferenceOverflowButtonSlots>(state);\n  const { id, shouldRenderOverflowButton } = state;\n\n  return shouldRenderOverflowButton ? (\n    <OverflowItem key={id} id={id} priority={1}>\n      <state.root />\n    </OverflowItem>\n  ) : null;\n};\n"],"names":["renderReferenceOverflowButton_unstable","state","assertSlots","id","shouldRenderOverflowButton","_jsx","OverflowItem","priority","root"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BASaA;;;eAAAA;;;4BARb;iCAE0C;AAMnC,MAAMA,yCAAyC,CAACC;IACrDC,IAAAA,4BAAAA,EAA0CD;IAC1C,MAAM,EAAEE,EAAE,EAAEC,0BAA0B,EAAE,GAAGH;IAE3C,OAAOG,6BAAAA,WAAAA,GACLC,IAAAA,eAAA,EAACC,6BAAAA,EAAAA;QAAsBH,IAAIA;QAAII,UAAU;kBACvC,WAAA,GAAAF,IAAAA,eAAA,EAACJ,MAAMO,IAAI,EAAA,CAAA;OADML,MAGjB;AACN"}

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

@@ -93,4 +93,4 @@ const useReferenceOverflowButton_unstable = (props, ref)=>{
     };
     state.root.onKeyDown = (0, _reactcomponents.mergeCallbacks)(onKeyDown, props.onKeyDown);
     return state;
-}; //# sourceMappingURL=useReferenceOverflowButton.js.map
+};

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

@@ -1 +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"}
+{"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","id","text","designVersion","useDesignVersion","rootRef","React","useRef","setTimeout","useTimeout","referenceOverflowButtonId","useId","areReferencesExpanded","useReferenceListContext_unstable","ctx","maxVisibleReferences","referenceListRef","totalReferencesCount","triggeredViaKeyboard","overflowButtonTriggeredViaKeyboard","isOverflowing","overflowCount","useOverflowMenu","processedText","findFirstFocusable","findNextFocusable","useFocusFinders","onKeyDown","useCallback","ev","key","Enter","Space","current","previousOverflow","useEffect","undefined","elementToFocus","positionToFocus","currentElement","i","focus","state","shouldRenderOverflowButton","components","root","slot","always","getIntrinsicElementProps","useMergedRefs","defaultProps","elementType","mergeCallbacks"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/lib-commonjs/components/ReferenceOverflowButton/useReferenceOverflowButtonStyles.styles.raw.js

@@ -0,0 +1,61 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    referenceOverflowButtonClassNames: function() {
+        return referenceOverflowButtonClassNames;
+    },
+    useReferenceOverflowButtonStyles_unstable: function() {
+        return useReferenceOverflowButtonStyles_unstable;
+    }
+});
+const _reactcomponents = require("@fluentui/react-components");
+const _tokens = require("@fluentui-copilot/tokens");
+const referenceOverflowButtonClassNames = {
+    root: 'fai-ReferenceOverflowButton'
+};
+/**
+ * Styles for the root slot
+ */ const useRootBaseClassName = (0, _reactcomponents.makeResetStyles)({
+    alignItems: 'center',
+    backgroundColor: _tokens.tokens.colorNeutralBackground3,
+    border: `${_tokens.tokens.strokeWidthThin} solid ${_tokens.tokens.colorNeutralStroke2}`,
+    borderRadius: _tokens.tokens.borderRadiusMedium,
+    color: _tokens.tokens.colorNeutralForeground2,
+    cursor: 'pointer',
+    display: 'inline-flex',
+    justifyContent: 'center',
+    minHeight: '24px',
+    padding: `${_tokens.tokens.spacingVerticalXXS} ${_tokens.tokens.spacingHorizontalS}`,
+    ..._tokens.typographyStyles.caption1,
+    ':hover': {
+        backgroundColor: _tokens.tokens.colorNeutralBackground3Hover,
+        borderColor: _tokens.tokens.colorNeutralStroke1Hover,
+        color: _tokens.tokens.colorNeutralForeground2Hover
+    },
+    ':hover:active': {
+        backgroundColor: _tokens.tokens.colorNeutralBackground3Pressed,
+        borderColor: _tokens.tokens.colorNeutralStroke1Pressed,
+        color: _tokens.tokens.colorNeutralForeground2Pressed
+    }
+});
+const useNextStyles = (0, _reactcomponents.makeStyles)({
+    root: {
+        borderRadius: _tokens.tokens.borderRadiusXLarge
+    }
+});
+const useReferenceOverflowButtonStyles_unstable = (state)=>{
+    'use no memo';
+    const { designVersion } = state;
+    const rootBaseClassName = useRootBaseClassName();
+    const nextStyles = useNextStyles();
+    state.root.className = (0, _reactcomponents.mergeClasses)(referenceOverflowButtonClassNames.root, rootBaseClassName, designVersion === 'next' && nextStyles.root, state.root.className);
+    return state;
+};

package/lib-commonjs/components/ReferenceOverflowButton/useReferenceOverflowButtonStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"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","useReferenceOverflowButtonStyles_unstable","root","useRootBaseClassName","makeResetStyles","alignItems","backgroundColor","tokens","colorNeutralBackground3","border","strokeWidthThin","colorNeutralStroke2","borderRadius","borderRadiusMedium","color","colorNeutralForeground2","cursor","display","justifyContent","minHeight","padding","spacingVerticalXXS","spacingHorizontalS","typographyStyles","caption1","colorNeutralBackground3Hover","borderColor","colorNeutralStroke1Hover","colorNeutralForeground2Hover","colorNeutralBackground3Pressed","colorNeutralStroke1Pressed","colorNeutralForeground2Pressed","useNextStyles","makeStyles","borderRadiusXLarge","state","designVersion","rootBaseClassName","nextStyles","className","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAKaA,iCAAAA;eAAAA;;IAsCAC,yCAAAA;eAAAA;;;iCA3C6C;wBACjB;AAIlC,MAAMD,oCAAkF;IAC7FE,MAAM;AACR;AAEA;;CAEC,GACD,MAAMC,uBAAuBC,IAAAA,gCAAAA,EAAgB;IAC3CC,YAAY;IACZC,iBAAiBC,cAAAA,CAAOC,uBAAuB;IAC/CC,QAAQ,CAAC,EAAEF,cAAAA,CAAOG,eAAe,CAAC,OAAO,EAAEH,cAAAA,CAAOI,mBAAmB,CAAC,CAAC;IACvEC,cAAcL,cAAAA,CAAOM,kBAAkB;IACvCC,OAAOP,cAAAA,CAAOQ,uBAAuB;IACrCC,QAAQ;IACRC,SAAS;IACTC,gBAAgB;IAChBC,WAAW;IACXC,SAAS,CAAC,EAAEb,cAAAA,CAAOc,kBAAkB,CAAC,CAAC,EAAEd,cAAAA,CAAOe,kBAAkB,CAAC,CAAC;IACpE,GAAGC,wBAAAA,CAAiBC,QAAQ;IAE5B,UAAU;QACRlB,iBAAiBC,cAAAA,CAAOkB,4BAA4B;QACpDC,aAAanB,cAAAA,CAAOoB,wBAAwB;QAC5Cb,OAAOP,cAAAA,CAAOqB,4BAA4B;IAC5C;IAEA,iBAAiB;QACftB,iBAAiBC,cAAAA,CAAOsB,8BAA8B;QACtDH,aAAanB,cAAAA,CAAOuB,0BAA0B;QAC9ChB,OAAOP,cAAAA,CAAOwB,8BAA8B;IAC9C;AACF;AAEA,MAAMC,gBAAgBC,IAAAA,2BAAAA,EAAW;IAAE/B,MAAM;QAAEU,cAAcL,cAAAA,CAAO2B,kBAAkB;IAAC;AAAE;AAK9E,MAAMjC,4CAA4C,CACvDkC;IAEA;IAEA,MAAM,EAAEC,aAAa,EAAE,GAAGD;IAE1B,MAAME,oBAAoBlC;IAC1B,MAAMmC,aAAaN;IAEnBG,MAAMjC,IAAI,CAACqC,SAAS,GAAGC,IAAAA,6BAAAA,EACrBxC,kCAAkCE,IAAI,EACtCmC,mBACAD,kBAAkB,UAAUE,WAAWpC,IAAI,EAC3CiC,MAAMjC,IAAI,CAACqC,SAAS;IAGtB,OAAOJ;AACT"}

package/lib-commonjs/contexts/index.js

@@ -20,4 +20,3 @@ _export(exports, {
     }
 });
 const _referenceListContext = require("./referenceListContext");
- //# sourceMappingURL=index.js.map

package/lib-commonjs/contexts/referenceListContext.js

@@ -34,4 +34,4 @@ const referenceListContextDefaultValue = {
     totalReferencesCount: 0
 };
 const ReferenceListContextProvider = ReferenceListContext.Provider;
-const useReferenceListContext_unstable = (selector)=>(0, _reactcontextselector.useContextSelector)(ReferenceListContext, (ctx = referenceListContextDefaultValue)=>selector(ctx)); //# sourceMappingURL=referenceListContext.js.map
+const useReferenceListContext_unstable = (selector)=>(0, _reactcontextselector.useContextSelector)(ReferenceListContext, (ctx = referenceListContextDefaultValue)=>selector(ctx));

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

@@ -1 +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"}
+{"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;IAClEC,uBAAuB;IACvBC,sBAAsBH;IACtBI,oCAAoC;QAAEC,SAAS;IAAM;IACrDC,kBAAkB;QAAED,SAAS;IAAK;IAClCE,mBAAmB;IACnBC,sBAAsB;AACxB;AAEO,MAAMX,+BAA+BD,qBAAqBa,QAAQ;AAElE,MAAMX,mCAAmC,CAAIY,WAClDC,IAAAA,wCAAAA,EAAmBf,sBAAsB,CAACgB,MAAMX,gCAAgC,GAAKS,SAASE"}

package/lib-commonjs/index.js

@@ -142,4 +142,3 @@ const _contexts = require("./contexts");
 /** @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