@fluentui-copilot/react-reference 0.0.0-nightly-20251010-0406-7df7c6d1.1 → 0.0.0-nightly-20251013-0406-7c7739c8.1

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

@@ -0,0 +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":["React","getIntrinsicElementProps","mergeCallbacks","slot","useArrowNavigationGroup","useMergedRefs","useOverflowMaxVisibleItems","useRootStyles","useReferenceList_unstable","props","ref","arrowableRegion","children","maxVisibleReferences","minVisibleReferences","showLessButton","showMoreButton","rest","areReferencesExpanded","setAreReferencesExpanded","useState","referenceListRef","useRef","totalReferencesCount","Children","count","styles","resolvedChildren","additionalCondition","maxVisibleItems","minVisibleItems","overflowClassName","overflow","overflowButtonTriggeredViaKeyboard","focusAttributes","axis","circular","memorizeCurrent","onShowMoreButtonClick","useCallback","onShowLessButtonClick","shouldUseOverflow","undefined","minVisibleOverflowItems","state","components","root","always","elementType","defaultProps","optional","onClick"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SACEC,wBAAwB,EACxBC,cAAc,EACdC,IAAI,EACJC,uBAAuB,EACvBC,aAAa,QACR,6BAA6B;AACpC,SAASC,0BAA0B,QAAQ,oCAAoC;AAC/E,SAASC,aAAa,QAAQ,yCAAyC;AAGvE;;;;;;;;CAQC,GACD,OAAO,MAAMC,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,GAAGnB,MAAMoB,QAAQ,CAAC;IACzE,MAAMC,mBAAmBrB,MAAMsB,MAAM,CAAiB;IAEtD,MAAMC,uBAAuBvB,MAAMwB,QAAQ,CAACC,KAAK,CAACb;IAClD,MAAMc,SAASnB;IACf,MAAMoB,mBAAmBrB,2BAA2B;QAClDsB,qBAAqB,CAACV;QACtBN;QACAiB,iBAAiBhB;QACjBiB,iBAAiBhB;QACjBiB,mBAAmBL,OAAOM,QAAQ;IACpC;IAEA,4FAA4F;IAC5F,MAAMC,qCAAqCjC,MAAMsB,MAAM,CAAC;IAExD,MAAMY,kBAAkB9B,wBAAwB;QAC9C+B,MAAM;QACNC,UAAU;QACVC,iBAAiB;IACnB;IAEA,MAAMC,wBAAwBtC,MAAMuC,WAAW,CAA6C;QAC1FpB,yBAAyB;IAC3B,GAAG,EAAE;IAEL,MAAMqB,wBAAwBxC,MAAMuC,WAAW,CAA6C;QAC1FpB,yBAAyB;IAC3B,GAAG,EAAE;IAEL,MAAMsB,oBACJ,AAAC3B,CAAAA,yBAAyB4B,aAAa5B,uBAAuBS,oBAAmB,KACjFV,yBAAyB6B,aACzB,CAACxB;IAEH,iGAAiG;IACjG,MAAMyB,0BAA0B7B,uBAAuBA,uBAAuB,IAAI;IAElF,MAAM8B,QAA4B;QAChC1B;QACAe;QACApB;QACAC,sBAAsB6B;QACtBtB;QACAoB;QACAlB;QAEAsB,YAAY;YACVC,MAAM;YACNnC,iBAAiB;YACjBK,gBAAgB;YAChBD,gBAAgB;QAClB;QACA+B,MAAM3C,KAAK4C,MAAM,CACf9C,yBAAyB,OAAO;YAC9BS,KAAKL,cAAcK,KAAKW;YACxB,GAAGJ,IAAI;QACT,IACA;YAAE+B,aAAa;QAAM;QAEvBrC,iBAAiBR,KAAK4C,MAAM,CAACpC,iBAAiB;YAC5CsC,cAAc;gBAAE,GAAGf,eAAe;gBAAEtB,UAAUe;YAAiB;YAC/DqB,aAAa;QACf;QACAhC,gBAAgByB,oBAAoBtC,KAAK+C,QAAQ,CAAClC,gBAAgB;YAAEgC,aAAa;QAAO,KAAKN;QAC7F3B,gBAAgBG,wBAAwBf,KAAK+C,QAAQ,CAACnC,gBAAgB;YAAEiC,aAAa;QAAO,KAAKN;IACnG;IAEA,IAAIE,MAAM5B,cAAc,EAAE;QACxB4B,MAAM5B,cAAc,CAACmC,OAAO,GAAGjD,eAAeoC,uBAAuBM,MAAM5B,cAAc,CAACmC,OAAO;IACnG;IAEA,IAAIP,MAAM7B,cAAc,EAAE;QACxB6B,MAAM7B,cAAc,CAACoC,OAAO,GAAGjD,eAAesC,uBAAuBI,MAAM7B,cAAc,CAACoC,OAAO;IACnG;IAEA,OAAOP;AACT,EAAE"}

package/lib/components/ReferenceList/useReferenceListContextValues.js

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

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

@@ -0,0 +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","overflowButtonTriggeredViaKeyboard","referenceListRef","shouldUseOverflow","totalReferencesCount","referenceList"],"rangeMappings":";;;;;;;;;;;;;;","mappings":"AAEA,OAAO,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/components/ReferenceList/useReferenceListStyles.styles.js

@@ -0,0 +1,46 @@
+import { __resetStyles, __styles, mergeClasses } from '@fluentui/react-components';
+import { tokens } from '@fluentui-copilot/tokens';
+export const referenceListClassNames = {
+  root: 'fai-ReferenceList',
+  arrowableRegion: 'fai-ReferenceList__arrowableRegion',
+  showMoreButton: 'fai-ReferenceList__showMoreButton',
+  showLessButton: 'fai-ReferenceList__showLessButton'
+};
+/**
+ * Styles for the root slot
+ */
+const useRootBaseClassName = __resetStyles("rylvie1", null, [".rylvie1{display:flex;flex-direction:row;gap:var(--spacingVerticalXS) var(--spacingHorizontalXS);}"]);
+const useRootStyles = __styles({
+  referencesExpanded: {
+    Eh141a: "fni485r"
+  }
+}, {
+  d: [".fni485r{flex-wrap:wrap;}"]
+});
+const useArrowableRegionBaseClassName = __resetStyles("rhs5m2c", null, [".rhs5m2c{display:contents;max-width:100%;}"]);
+const useOverflowButtonBaseClassName = __resetStyles("rulvm7g", null, [".rulvm7g{display:inline-flex;flex-shrink:0;}"]);
+/**
+ * Apply styling to the ReferenceList slots based on the state
+ */
+export 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 = mergeClasses(referenceListClassNames.root, rootBaseClassName, (areReferencesExpanded || !shouldUseOverflow) && rootStyles.referencesExpanded, state.root.className);
+  state.arrowableRegion.className = mergeClasses(referenceListClassNames.arrowableRegion, arrowableRegionBaseClassName, state.arrowableRegion.className);
+  if (state.showMoreButton) {
+    state.showMoreButton.className = mergeClasses(referenceListClassNames.showMoreButton, overflowButtonBaseClassName, state.showMoreButton.className);
+  }
+  if (state.showLessButton) {
+    state.showLessButton.className = mergeClasses(referenceListClassNames.showLessButton, overflowButtonBaseClassName, state.showLessButton.className);
+  }
+  return state;
+};
+//# sourceMappingURL=useReferenceListStyles.styles.js.map

package/lib/components/ReferenceList/useReferenceListStyles.styles.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":["makeResetStyles","makeStyles","mergeClasses","tokens","referenceListClassNames","root","arrowableRegion","showMoreButton","showLessButton","useRootBaseClassName","display","flexDirection","gap","spacingVerticalXS","spacingHorizontalXS","useRootStyles","referencesExpanded","flexWrap","useArrowableRegionBaseClassName","maxWidth","useOverflowButtonBaseClassName","flexShrink","useReferenceListStyles_unstable","state","areReferencesExpanded","shouldUseOverflow","rootBaseClassName","arrowableRegionBaseClassName","overflowButtonBaseClassName","rootStyles","className"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,eAAe,EAAEC,UAAU,EAAEC,YAAY,QAAQ,6BAA6B;AACvF,SAASC,MAAM,QAAQ,2BAA2B;AAIlD,OAAO,MAAMC,0BAA8D;IACzEC,MAAM;IACNC,iBAAiB;IACjBC,gBAAgB;IAChBC,gBAAgB;AAClB,EAAE;AAEF;;CAEC,GACD,MAAMC,uBAAuBT,gBAAgB;IAC3CU,SAAS;IACTC,eAAe;IACfC,KAAK,CAAC,EAAET,OAAOU,iBAAiB,CAAC,CAAC,EAAEV,OAAOW,mBAAmB,CAAC,CAAC;AAClE;AAEA,MAAMC,gBAAgBd,WAAW;IAC/Be,oBAAoB;QAClBC,UAAU;IACZ;AACF;AAEA,MAAMC,kCAAkClB,gBAAgB;IACtDU,SAAS;IACTS,UAAU;AACZ;AAEA,MAAMC,iCAAiCpB,gBAAgB;IACrDU,SAAS;IACTW,YAAY;AACd;AAEA;;CAEC,GACD,OAAO,MAAMC,kCAAkC,CAACC;IAC9C;IAEA,MAAM,EAAEC,qBAAqB,EAAEC,iBAAiB,EAAE,GAAGF;IAErD,MAAMG,oBAAoBjB;IAC1B,MAAMkB,+BAA+BT;IACrC,MAAMU,8BAA8BR;IACpC,MAAMS,aAAad;IAEnBQ,MAAMlB,IAAI,CAACyB,SAAS,GAAG5B,aACrBE,wBAAwBC,IAAI,EAC5BqB,mBACA,AAACF,CAAAA,yBAAyB,CAACC,iBAAgB,KAAMI,WAAWb,kBAAkB,EAC9EO,MAAMlB,IAAI,CAACyB,SAAS;IAGtBP,MAAMjB,eAAe,CAACwB,SAAS,GAAG5B,aAChCE,wBAAwBE,eAAe,EACvCqB,8BACAJ,MAAMjB,eAAe,CAACwB,SAAS;IAGjC,IAAIP,MAAMhB,cAAc,EAAE;QACxBgB,MAAMhB,cAAc,CAACuB,SAAS,GAAG5B,aAC/BE,wBAAwBG,cAAc,EACtCqB,6BACAL,MAAMhB,cAAc,CAACuB,SAAS;IAElC;IAEA,IAAIP,MAAMf,cAAc,EAAE;QACxBe,MAAMf,cAAc,CAACsB,SAAS,GAAG5B,aAC/BE,wBAAwBI,cAAc,EACtCoB,6BACAL,MAAMf,cAAc,CAACsB,SAAS;IAElC;IAEA,OAAOP;AACT,EAAE"}

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

@@ -0,0 +1,47 @@
+import { makeResetStyles, makeStyles, mergeClasses } from '@fluentui/react-components';
+import { tokens } from '@fluentui-copilot/tokens';
+export const referenceListClassNames = {
+    root: 'fai-ReferenceList',
+    arrowableRegion: 'fai-ReferenceList__arrowableRegion',
+    showMoreButton: 'fai-ReferenceList__showMoreButton',
+    showLessButton: 'fai-ReferenceList__showLessButton'
+};
+/**
+ * Styles for the root slot
+ */ const useRootBaseClassName = makeResetStyles({
+    display: 'flex',
+    flexDirection: 'row',
+    gap: `${tokens.spacingVerticalXS} ${tokens.spacingHorizontalXS}`
+});
+const useRootStyles = makeStyles({
+    referencesExpanded: {
+        flexWrap: 'wrap'
+    }
+});
+const useArrowableRegionBaseClassName = makeResetStyles({
+    display: 'contents',
+    maxWidth: '100%'
+});
+const useOverflowButtonBaseClassName = makeResetStyles({
+    display: 'inline-flex',
+    flexShrink: 0
+});
+/**
+ * Apply styling to the ReferenceList slots based on the state
+ */ export 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 = mergeClasses(referenceListClassNames.root, rootBaseClassName, (areReferencesExpanded || !shouldUseOverflow) && rootStyles.referencesExpanded, state.root.className);
+    state.arrowableRegion.className = mergeClasses(referenceListClassNames.arrowableRegion, arrowableRegionBaseClassName, state.arrowableRegion.className);
+    if (state.showMoreButton) {
+        state.showMoreButton.className = mergeClasses(referenceListClassNames.showMoreButton, overflowButtonBaseClassName, state.showMoreButton.className);
+    }
+    if (state.showLessButton) {
+        state.showLessButton.className = mergeClasses(referenceListClassNames.showLessButton, overflowButtonBaseClassName, state.showLessButton.className);
+    }
+    return state;
+};

package/lib/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":["makeResetStyles","makeStyles","mergeClasses","tokens","referenceListClassNames","root","arrowableRegion","showMoreButton","showLessButton","useRootBaseClassName","display","flexDirection","gap","spacingVerticalXS","spacingHorizontalXS","useRootStyles","referencesExpanded","flexWrap","useArrowableRegionBaseClassName","maxWidth","useOverflowButtonBaseClassName","flexShrink","useReferenceListStyles_unstable","state","areReferencesExpanded","shouldUseOverflow","rootBaseClassName","arrowableRegionBaseClassName","overflowButtonBaseClassName","rootStyles","className"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,eAAe,EAAEC,UAAU,EAAEC,YAAY,QAAQ,6BAA6B;AACvF,SAASC,MAAM,QAAQ,2BAA2B;AAIlD,OAAO,MAAMC,0BAA8D;IACzEC,MAAM;IACNC,iBAAiB;IACjBC,gBAAgB;IAChBC,gBAAgB;AAClB,EAAE;AAEF;;CAEC,GACD,MAAMC,uBAAuBT,gBAAgB;IAC3CU,SAAS;IACTC,eAAe;IACfC,KAAK,CAAC,EAAET,OAAOU,iBAAiB,CAAC,CAAC,EAAEV,OAAOW,mBAAmB,CAAC,CAAC;AAClE;AAEA,MAAMC,gBAAgBd,WAAW;IAC/Be,oBAAoB;QAClBC,UAAU;IACZ;AACF;AAEA,MAAMC,kCAAkClB,gBAAgB;IACtDU,SAAS;IACTS,UAAU;AACZ;AAEA,MAAMC,iCAAiCpB,gBAAgB;IACrDU,SAAS;IACTW,YAAY;AACd;AAEA;;CAEC,GACD,OAAO,MAAMC,kCAAkC,CAACC;IAC9C;IAEA,MAAM,EAAEC,qBAAqB,EAAEC,iBAAiB,EAAE,GAAGF;IAErD,MAAMG,oBAAoBjB;IAC1B,MAAMkB,+BAA+BT;IACrC,MAAMU,8BAA8BR;IACpC,MAAMS,aAAad;IAEnBQ,MAAMlB,IAAI,CAACyB,SAAS,GAAG5B,aACrBE,wBAAwBC,IAAI,EAC5BqB,mBACA,AAACF,CAAAA,yBAAyB,CAACC,iBAAgB,KAAMI,WAAWb,kBAAkB,EAC9EO,MAAMlB,IAAI,CAACyB,SAAS;IAGtBP,MAAMjB,eAAe,CAACwB,SAAS,GAAG5B,aAChCE,wBAAwBE,eAAe,EACvCqB,8BACAJ,MAAMjB,eAAe,CAACwB,SAAS;IAGjC,IAAIP,MAAMhB,cAAc,EAAE;QACxBgB,MAAMhB,cAAc,CAACuB,SAAS,GAAG5B,aAC/BE,wBAAwBG,cAAc,EACtCqB,6BACAL,MAAMhB,cAAc,CAACuB,SAAS;IAElC;IAEA,IAAIP,MAAMf,cAAc,EAAE;QACxBe,MAAMf,cAAc,CAACsB,SAAS,GAAG5B,aAC/BE,wBAAwBI,cAAc,EACtCoB,6BACAL,MAAMf,cAAc,CAACsB,SAAS;IAElC;IAEA,OAAOP;AACT,EAAE"}

package/lib/components/ReferenceOverflowButton/ReferenceOverflowButton.js

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { useReferenceOverflowButton_unstable } from './useReferenceOverflowButton';
+import { renderReferenceOverflowButton_unstable } from './renderReferenceOverflowButton';
+import { useReferenceOverflowButtonStyles_unstable } from './useReferenceOverflowButtonStyles.styles';
+// ReferenceOverflowButton component - TODO: add more docs
+export const ReferenceOverflowButton = /*#__PURE__*/ React.forwardRef((props, ref)=>{
+    const state = useReferenceOverflowButton_unstable(props, ref);
+    useReferenceOverflowButtonStyles_unstable(state);
+    return renderReferenceOverflowButton_unstable(state);
+});
+ReferenceOverflowButton.displayName = 'ReferenceOverflowButton';

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

@@ -0,0 +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":["React","useReferenceOverflowButton_unstable","renderReferenceOverflowButton_unstable","useReferenceOverflowButtonStyles_unstable","ReferenceOverflowButton","forwardRef","props","ref","state","displayName"],"rangeMappings":";;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,mCAAmC,QAAQ,+BAA+B;AACnF,SAASC,sCAAsC,QAAQ,kCAAkC;AACzF,SAASC,yCAAyC,QAAQ,4CAA4C;AAItG,0DAA0D;AAC1D,OAAO,MAAMC,wCAA6EJ,MAAMK,UAAU,CACxG,CAACC,OAAOC;IACN,MAAMC,QAAQP,oCAAoCK,OAAOC;IAEzDJ,0CAA0CK;IAC1C,OAAON,uCAAuCM;AAChD,GACA;AAEFJ,wBAAwBK,WAAW,GAAG"}

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

@@ -0,0 +1,3 @@
+/**
+ * State used in rendering ReferenceOverflowButton
+ */ export { };

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

@@ -0,0 +1 @@
+{"version":3,"sources":["ReferenceOverflowButton.types.ts"],"sourcesContent":["import type { DesignVersion } from '@fluentui-copilot/react-provider';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-components';\n\nexport type ReferenceOverflowButtonSlots = {\n  /** The root of the component that renders the overflow button. */\n  root: Slot<'button'>;\n};\n\n/**\n * ReferenceOverflowButton Props\n */\nexport type ReferenceOverflowButtonProps = ComponentProps<ReferenceOverflowButtonSlots> &\n  DesignVersion & {\n    /**\n     * The text that is displayed inside of the overflow button. This text is only displayed when `children` has not been passed to the component.\n     * If a string is passed, that is what is rendered verbatim.\n     * If a callback is passed, the callback is called with the number of items that are overflowing, and the result of the callback is rendered.\n     */\n    text?: string | ((overflowCount: number) => React.ReactNode);\n  };\n\n/**\n * State used in rendering ReferenceOverflowButton\n */\nexport type ReferenceOverflowButtonState = ComponentState<ReferenceOverflowButtonSlots> &\n  Pick<Required<ReferenceOverflowButtonProps>, 'designVersion'> & {\n    id: string;\n    shouldRenderOverflowButton: boolean;\n  };\n"],"names":[],"rangeMappings":";;","mappings":"AAqBA;;CAEC,GACD,WAII"}

package/lib/components/ReferenceOverflowButton/index.js

@@ -0,0 +1,4 @@
+export { ReferenceOverflowButton } from './ReferenceOverflowButton';
+export { renderReferenceOverflowButton_unstable } from './renderReferenceOverflowButton';
+export { useReferenceOverflowButton_unstable } from './useReferenceOverflowButton';
+export { referenceOverflowButtonClassNames, useReferenceOverflowButtonStyles_unstable } from './useReferenceOverflowButtonStyles.styles';

package/lib/components/ReferenceOverflowButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"sourcesContent":["export { ReferenceOverflowButton } from './ReferenceOverflowButton';\nexport type { ReferenceOverflowButtonProps, ReferenceOverflowButtonSlots, ReferenceOverflowButtonState } from './ReferenceOverflowButton.types';\nexport { renderReferenceOverflowButton_unstable } from './renderReferenceOverflowButton';\nexport { useReferenceOverflowButton_unstable } from './useReferenceOverflowButton';\nexport { referenceOverflowButtonClassNames, useReferenceOverflowButtonStyles_unstable } from './useReferenceOverflowButtonStyles.styles';\n"],"names":["ReferenceOverflowButton","renderReferenceOverflowButton_unstable","useReferenceOverflowButton_unstable","referenceOverflowButtonClassNames","useReferenceOverflowButtonStyles_unstable"],"rangeMappings":";;;","mappings":"AAAA,SAASA,uBAAuB,QAAQ,4BAA4B;AAEpE,SAASC,sCAAsC,QAAQ,kCAAkC;AACzF,SAASC,mCAAmC,QAAQ,+BAA+B;AACnF,SAASC,iCAAiC,EAAEC,yCAAyC,QAAQ,4CAA4C"}

package/lib/components/ReferenceOverflowButton/renderReferenceOverflowButton.js

@@ -0,0 +1,13 @@
+  import { jsx as _jsx } from "@fluentui/react-jsx-runtime/jsx-runtime";
+import { OverflowItem, assertSlots } from '@fluentui/react-components';
+/**
+ * Render the final JSX of ReferenceOverflowButton
+ */ export const renderReferenceOverflowButton_unstable = (state)=>{
+    assertSlots(state);
+    const { id, shouldRenderOverflowButton } = state;
+    return shouldRenderOverflowButton ? /*#__PURE__*/ _jsx(OverflowItem, {
+        id: id,
+        priority: 1,
+        children: /*#__PURE__*/ _jsx(state.root, {})
+    }, id) : null;
+};

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

@@ -0,0 +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';\nimport type { JSXElement } from '@fluentui/react-components';\n\n/**\n * Render the final JSX of ReferenceOverflowButton\n */\nexport const renderReferenceOverflowButton_unstable = (state: ReferenceOverflowButtonState): JSXElement | null => {\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":["OverflowItem","assertSlots","renderReferenceOverflowButton_unstable","state","id","shouldRenderOverflowButton","priority","root"],"rangeMappings":";;;;;;;;;;;;","mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAEjD,SAASA,YAAY,EAAEC,WAAW,QAAQ,6BAA6B;AAIvE;;CAEC,GACD,OAAO,MAAMC,yCAAyC,CAACC;IACrDF,YAA0CE;IAC1C,MAAM,EAAEC,EAAE,EAAEC,0BAA0B,EAAE,GAAGF;IAE3C,OAAOE,2CACL,KAACL;QAAsBI,IAAIA;QAAIE,UAAU;kBACvC,cAAA,KAACH,MAAMI,IAAI;OADMH,MAGjB;AACN,EAAE"}

package/lib/components/ReferenceOverflowButton/useReferenceOverflowButton.js

@@ -0,0 +1,93 @@
+import * as React from 'react';
+import { Enter, Space } from '@fluentui/keyboard-keys';
+import { getIntrinsicElementProps, mergeCallbacks, slot, useFocusFinders, useId, useMergedRefs, useOverflowMenu } from '@fluentui/react-components';
+import { useTimeout } from '@fluentui/react-utilities';
+import { useReferenceListContext_unstable } from '../../contexts/referenceListContext';
+import { useDesignVersion } from '@fluentui-copilot/react-provider';
+/**
+ * Create the state required to render ReferenceOverflowButton.
+ *
+ * The returned state can be modified with hooks such as useReferenceOverflowButtonStyles_unstable,
+ * before being passed to renderReferenceOverflowButton_unstable.
+ *
+ * @param props - props from this instance of ReferenceOverflowButton
+ * @param ref - reference to root HTMLElement of ReferenceOverflowButton
+ */ export const useReferenceOverflowButton_unstable = (props, ref)=>{
+    'use no memo';
+    const { children, id, text } = props;
+    const designVersion = useDesignVersion(props.designVersion);
+    const rootRef = React.useRef(null);
+    const [setTimeout] = useTimeout();
+    const referenceOverflowButtonId = useId('reference-overflow-button-', id);
+    const areReferencesExpanded = useReferenceListContext_unstable((ctx)=>ctx.areReferencesExpanded);
+    const maxVisibleReferences = useReferenceListContext_unstable((ctx)=>ctx.maxVisibleReferences);
+    const referenceListRef = useReferenceListContext_unstable((ctx)=>ctx.referenceListRef);
+    const totalReferencesCount = useReferenceListContext_unstable((ctx)=>ctx.totalReferencesCount);
+    const triggeredViaKeyboard = useReferenceListContext_unstable((ctx)=>ctx.overflowButtonTriggeredViaKeyboard);
+    const { isOverflowing, overflowCount } = useOverflowMenu();
+    const processedText = children !== null && children !== void 0 ? children : typeof text === 'function' ? text(overflowCount) : text;
+    const { findFirstFocusable, findNextFocusable } = useFocusFinders();
+    const onKeyDown = React.useCallback((ev)=>{
+        if (ev.key === Enter || ev.key === Space) {
+            triggeredViaKeyboard.current = true;
+        }
+    }, [
+        triggeredViaKeyboard
+    ]);
+    // We keep track of the previous overflow count to help determine the element to move focus to when expanding the references via keyboard.
+    const previousOverflow = React.useRef(0);
+    // When the references are expanded or collapsed via keyboard, we need to move focus to the appropriate element.
+    React.useEffect(()=>{
+        // We only try to move focus if maxVisibleReferences is set and the overflow button was triggered via keyboard.
+        if (maxVisibleReferences !== undefined && triggeredViaKeyboard.current) {
+            let elementToFocus;
+            // If the references are collapsed, we move focus to the overflow button.
+            if (!areReferencesExpanded) {
+                elementToFocus = rootRef.current;
+                previousOverflow.current = overflowCount;
+            } else if (rootRef.current && referenceListRef.current) {
+                const positionToFocus = maxVisibleReferences < totalReferencesCount - previousOverflow.current ? maxVisibleReferences : totalReferencesCount - previousOverflow.current;
+                let currentElement = findFirstFocusable(referenceListRef.current);
+                for(let i = 0; i < positionToFocus && currentElement; i++){
+                    currentElement = findNextFocusable(currentElement);
+                }
+                elementToFocus = currentElement;
+            }
+            // 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.
+            setTimeout(()=>{
+                elementToFocus === null || elementToFocus === void 0 ? void 0 : elementToFocus.focus();
+                triggeredViaKeyboard.current = false;
+            }, 0);
+        }
+    }, [
+        areReferencesExpanded,
+        findFirstFocusable,
+        findNextFocusable,
+        isOverflowing,
+        maxVisibleReferences,
+        overflowCount,
+        referenceListRef,
+        setTimeout,
+        totalReferencesCount,
+        triggeredViaKeyboard
+    ]);
+    const state = {
+        designVersion,
+        id: referenceOverflowButtonId,
+        shouldRenderOverflowButton: isOverflowing || areReferencesExpanded,
+        components: {
+            root: 'button'
+        },
+        root: slot.always(getIntrinsicElementProps('button', {
+            ref: useMergedRefs(rootRef, ref),
+            ...props
+        }), {
+            defaultProps: {
+                children: processedText
+            },
+            elementType: 'button'
+        })
+    };
+    state.root.onKeyDown = mergeCallbacks(onKeyDown, props.onKeyDown);
+    return state;
+};

package/lib/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":["React","Enter","Space","getIntrinsicElementProps","mergeCallbacks","slot","useFocusFinders","useId","useMergedRefs","useOverflowMenu","useTimeout","useReferenceListContext_unstable","useDesignVersion","useReferenceOverflowButton_unstable","props","ref","children","id","text","designVersion","rootRef","useRef","setTimeout","referenceOverflowButtonId","areReferencesExpanded","ctx","maxVisibleReferences","referenceListRef","totalReferencesCount","triggeredViaKeyboard","overflowButtonTriggeredViaKeyboard","isOverflowing","overflowCount","processedText","findFirstFocusable","findNextFocusable","onKeyDown","useCallback","ev","key","current","previousOverflow","useEffect","undefined","elementToFocus","positionToFocus","currentElement","i","focus","state","shouldRenderOverflowButton","components","root","always","defaultProps","elementType"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,KAAK,EAAEC,KAAK,QAAQ,0BAA0B;AACvD,SACEC,wBAAwB,EACxBC,cAAc,EACdC,IAAI,EACJC,eAAe,EACfC,KAAK,EACLC,aAAa,EACbC,eAAe,QACV,6BAA6B;AACpC,SAASC,UAAU,QAAQ,4BAA4B;AACvD,SAASC,gCAAgC,QAAQ,sCAAsC;AAEvF,SAASC,gBAAgB,QAAQ,mCAAmC;AAEpE;;;;;;;;CAQC,GACD,OAAO,MAAMC,sCAAsC,CACjDC,OACAC;IAEA;IAEA,MAAM,EAAEC,QAAQ,EAAEC,EAAE,EAAEC,IAAI,EAAE,GAAGJ;IAC/B,MAAMK,gBAAgBP,iBAAiBE,MAAMK,aAAa;IAE1D,MAAMC,UAAUpB,MAAMqB,MAAM,CAAoB;IAEhD,MAAM,CAACC,WAAW,GAAGZ;IAErB,MAAMa,4BAA4BhB,MAAM,8BAA8BU;IAEtE,MAAMO,wBAAwBb,iCAAiCc,CAAAA,MAAOA,IAAID,qBAAqB;IAC/F,MAAME,uBAAuBf,iCAAiCc,CAAAA,MAAOA,IAAIC,oBAAoB;IAC7F,MAAMC,mBAAmBhB,iCAAiCc,CAAAA,MAAOA,IAAIE,gBAAgB;IACrF,MAAMC,uBAAuBjB,iCAAiCc,CAAAA,MAAOA,IAAIG,oBAAoB;IAC7F,MAAMC,uBAAuBlB,iCAAiCc,CAAAA,MAAOA,IAAIK,kCAAkC;IAE3G,MAAM,EAAEC,aAAa,EAAEC,aAAa,EAAE,GAAGvB;IAEzC,MAAMwB,gBAAgBjB,qBAAAA,sBAAAA,WAAa,OAAOE,SAAS,aAAaA,KAAKc,iBAAiBd;IAEtF,MAAM,EAAEgB,kBAAkB,EAAEC,iBAAiB,EAAE,GAAG7B;IAClD,MAAM8B,YAAYpC,MAAMqC,WAAW,CACjCC,CAAAA;QACE,IAAIA,GAAGC,GAAG,KAAKtC,SAASqC,GAAGC,GAAG,KAAKrC,OAAO;YACxC2B,qBAAqBW,OAAO,GAAG;QACjC;IACF,GACA;QAACX;KAAqB;IAGxB,0IAA0I;IAC1I,MAAMY,mBAAmBzC,MAAMqB,MAAM,CAAC;IAEtC,gHAAgH;IAChHrB,MAAM0C,SAAS,CAAC;QACd,+GAA+G;QAC/G,IAAIhB,yBAAyBiB,aAAad,qBAAqBW,OAAO,EAAE;YACtE,IAAII;YAEJ,yEAAyE;YACzE,IAAI,CAACpB,uBAAuB;gBAC1BoB,iBAAiBxB,QAAQoB,OAAO;gBAChCC,iBAAiBD,OAAO,GAAGR;YAC7B,OAKK,IAAIZ,QAAQoB,OAAO,IAAIb,iBAAiBa,OAAO,EAAE;gBACpD,MAAMK,kBACJnB,uBAAuBE,uBAAuBa,iBAAiBD,OAAO,GAClEd,uBACAE,uBAAuBa,iBAAiBD,OAAO;gBAErD,IAAIM,iBAAiDZ,mBAAmBP,iBAAiBa,OAAO;gBAChG,IAAK,IAAIO,IAAI,GAAGA,IAAIF,mBAAmBC,gBAAgBC,IAAK;oBAC1DD,iBAAiBX,kBAAkBW;gBACrC;gBAEAF,iBAAiBE;YACnB;YAEA,+IAA+I;YAC/IxB,WAAW;gBACTsB,2BAAAA,qCAAAA,eAAgBI,KAAK;gBACrBnB,qBAAqBW,OAAO,GAAG;YACjC,GAAG;QACL;IACF,GAAG;QACDhB;QACAU;QACAC;QACAJ;QACAL;QACAM;QACAL;QACAL;QACAM;QACAC;KACD;IAED,MAAMoB,QAAsC;QAC1C9B;QACAF,IAAIM;QACJ2B,4BAA4BnB,iBAAiBP;QAE7C2B,YAAY;YACVC,MAAM;QACR;QAEAA,MAAM/C,KAAKgD,MAAM,CACflD,yBAAyB,UAAU;YACjCY,KAAKP,cAAcY,SAASL;YAC5B,GAAGD,KAAK;QACV,IACA;YACEwC,cAAc;gBACZtC,UAAUiB;YACZ;YACAsB,aAAa;QACf;IAEJ;IAEAN,MAAMG,IAAI,CAAChB,SAAS,GAAGhC,eAAegC,WAAWtB,MAAMsB,SAAS;IAEhE,OAAOa;AACT,EAAE"}

package/lib/components/ReferenceOverflowButton/useReferenceOverflowButtonStyles.styles.js

@@ -0,0 +1,37 @@
+import { __resetStyles, __styles, mergeClasses } from '@fluentui/react-components';
+import { tokens, typographyStyles } from '@fluentui-copilot/tokens';
+export const referenceOverflowButtonClassNames = {
+  root: 'fai-ReferenceOverflowButton'
+};
+/**
+ * Styles for the root slot
+ */
+const useRootBaseClassName = __resetStyles("r1hm0apo", null, [".r1hm0apo{align-items:center;background-color:var(--colorNeutralBackground3);border:var(--strokeWidthThin) solid var(--colorNeutralStroke2);border-radius:var(--borderRadiusMedium);color:var(--colorNeutralForeground2);cursor:pointer;display:inline-flex;justify-content:center;min-height:24px;padding:var(--spacingVerticalXXS) var(--spacingHorizontalS);font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase200);font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase200);}", ".r1hm0apo:hover{background-color:var(--colorNeutralBackground3Hover);border-color:var(--colorNeutralStroke1Hover);color:var(--colorNeutralForeground2Hover);}", ".r1hm0apo:hover:active{background-color:var(--colorNeutralBackground3Pressed);border-color:var(--colorNeutralStroke1Pressed);color:var(--colorNeutralForeground2Pressed);}"]);
+const useNextStyles = __styles({
+  root: {
+    Beyfa6y: 0,
+    Bbmb7ep: 0,
+    Btl43ni: 0,
+    B7oj6ja: 0,
+    Dimara: "f1kijzfu"
+  }
+}, {
+  d: [[".f1kijzfu{border-radius:var(--borderRadiusXLarge);}", {
+    p: -1
+  }]]
+});
+/**
+ * Apply styling to the ReferenceOverflowButton slots based on the state
+ */
+export const useReferenceOverflowButtonStyles_unstable = state => {
+  'use no memo';
+
+  const {
+    designVersion
+  } = state;
+  const rootBaseClassName = useRootBaseClassName();
+  const nextStyles = useNextStyles();
+  state.root.className = mergeClasses(referenceOverflowButtonClassNames.root, rootBaseClassName, designVersion === 'next' && nextStyles.root, state.root.className);
+  return state;
+};
+//# sourceMappingURL=useReferenceOverflowButtonStyles.styles.js.map

package/lib/components/ReferenceOverflowButton/useReferenceOverflowButtonStyles.styles.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":["makeResetStyles","makeStyles","mergeClasses","tokens","typographyStyles","referenceOverflowButtonClassNames","root","useRootBaseClassName","alignItems","backgroundColor","colorNeutralBackground3","border","strokeWidthThin","colorNeutralStroke2","borderRadius","borderRadiusMedium","color","colorNeutralForeground2","cursor","display","justifyContent","minHeight","padding","spacingVerticalXXS","spacingHorizontalS","caption1","colorNeutralBackground3Hover","borderColor","colorNeutralStroke1Hover","colorNeutralForeground2Hover","colorNeutralBackground3Pressed","colorNeutralStroke1Pressed","colorNeutralForeground2Pressed","useNextStyles","borderRadiusXLarge","useReferenceOverflowButtonStyles_unstable","state","designVersion","rootBaseClassName","nextStyles","className"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,eAAe,EAAEC,UAAU,EAAEC,YAAY,QAAQ,6BAA6B;AACvF,SAASC,MAAM,EAAEC,gBAAgB,QAAQ,2BAA2B;AAIpE,OAAO,MAAMC,oCAAkF;IAC7FC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,MAAMC,uBAAuBP,gBAAgB;IAC3CQ,YAAY;IACZC,iBAAiBN,OAAOO,uBAAuB;IAC/CC,QAAQ,CAAC,EAAER,OAAOS,eAAe,CAAC,OAAO,EAAET,OAAOU,mBAAmB,CAAC,CAAC;IACvEC,cAAcX,OAAOY,kBAAkB;IACvCC,OAAOb,OAAOc,uBAAuB;IACrCC,QAAQ;IACRC,SAAS;IACTC,gBAAgB;IAChBC,WAAW;IACXC,SAAS,CAAC,EAAEnB,OAAOoB,kBAAkB,CAAC,CAAC,EAAEpB,OAAOqB,kBAAkB,CAAC,CAAC;IACpE,GAAGpB,iBAAiBqB,QAAQ;IAE5B,UAAU;QACRhB,iBAAiBN,OAAOuB,4BAA4B;QACpDC,aAAaxB,OAAOyB,wBAAwB;QAC5CZ,OAAOb,OAAO0B,4BAA4B;IAC5C;IAEA,iBAAiB;QACfpB,iBAAiBN,OAAO2B,8BAA8B;QACtDH,aAAaxB,OAAO4B,0BAA0B;QAC9Cf,OAAOb,OAAO6B,8BAA8B;IAC9C;AACF;AAEA,MAAMC,gBAAgBhC,WAAW;IAAEK,MAAM;QAAEQ,cAAcX,OAAO+B,kBAAkB;IAAC;AAAE;AAErF;;CAEC,GACD,OAAO,MAAMC,4CAA4C,CACvDC;IAEA;IAEA,MAAM,EAAEC,aAAa,EAAE,GAAGD;IAE1B,MAAME,oBAAoB/B;IAC1B,MAAMgC,aAAaN;IAEnBG,MAAM9B,IAAI,CAACkC,SAAS,GAAGtC,aACrBG,kCAAkCC,IAAI,EACtCgC,mBACAD,kBAAkB,UAAUE,WAAWjC,IAAI,EAC3C8B,MAAM9B,IAAI,CAACkC,SAAS;IAGtB,OAAOJ;AACT,EAAE"}

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

@@ -0,0 +1,45 @@
+import { makeResetStyles, makeStyles, mergeClasses } from '@fluentui/react-components';
+import { tokens, typographyStyles } from '@fluentui-copilot/tokens';
+export const referenceOverflowButtonClassNames = {
+    root: 'fai-ReferenceOverflowButton'
+};
+/**
+ * Styles for the root slot
+ */ const useRootBaseClassName = makeResetStyles({
+    alignItems: 'center',
+    backgroundColor: tokens.colorNeutralBackground3,
+    border: `${tokens.strokeWidthThin} solid ${tokens.colorNeutralStroke2}`,
+    borderRadius: tokens.borderRadiusMedium,
+    color: tokens.colorNeutralForeground2,
+    cursor: 'pointer',
+    display: 'inline-flex',
+    justifyContent: 'center',
+    minHeight: '24px',
+    padding: `${tokens.spacingVerticalXXS} ${tokens.spacingHorizontalS}`,
+    ...typographyStyles.caption1,
+    ':hover': {
+        backgroundColor: tokens.colorNeutralBackground3Hover,
+        borderColor: tokens.colorNeutralStroke1Hover,
+        color: tokens.colorNeutralForeground2Hover
+    },
+    ':hover:active': {
+        backgroundColor: tokens.colorNeutralBackground3Pressed,
+        borderColor: tokens.colorNeutralStroke1Pressed,
+        color: tokens.colorNeutralForeground2Pressed
+    }
+});
+const useNextStyles = makeStyles({
+    root: {
+        borderRadius: tokens.borderRadiusXLarge
+    }
+});
+/**
+ * Apply styling to the ReferenceOverflowButton slots based on the state
+ */ export const useReferenceOverflowButtonStyles_unstable = (state)=>{
+    'use no memo';
+    const { designVersion } = state;
+    const rootBaseClassName = useRootBaseClassName();
+    const nextStyles = useNextStyles();
+    state.root.className = mergeClasses(referenceOverflowButtonClassNames.root, rootBaseClassName, designVersion === 'next' && nextStyles.root, state.root.className);
+    return state;
+};

package/lib/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":["makeResetStyles","makeStyles","mergeClasses","tokens","typographyStyles","referenceOverflowButtonClassNames","root","useRootBaseClassName","alignItems","backgroundColor","colorNeutralBackground3","border","strokeWidthThin","colorNeutralStroke2","borderRadius","borderRadiusMedium","color","colorNeutralForeground2","cursor","display","justifyContent","minHeight","padding","spacingVerticalXXS","spacingHorizontalS","caption1","colorNeutralBackground3Hover","borderColor","colorNeutralStroke1Hover","colorNeutralForeground2Hover","colorNeutralBackground3Pressed","colorNeutralStroke1Pressed","colorNeutralForeground2Pressed","useNextStyles","borderRadiusXLarge","useReferenceOverflowButtonStyles_unstable","state","designVersion","rootBaseClassName","nextStyles","className"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,eAAe,EAAEC,UAAU,EAAEC,YAAY,QAAQ,6BAA6B;AACvF,SAASC,MAAM,EAAEC,gBAAgB,QAAQ,2BAA2B;AAIpE,OAAO,MAAMC,oCAAkF;IAC7FC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,MAAMC,uBAAuBP,gBAAgB;IAC3CQ,YAAY;IACZC,iBAAiBN,OAAOO,uBAAuB;IAC/CC,QAAQ,CAAC,EAAER,OAAOS,eAAe,CAAC,OAAO,EAAET,OAAOU,mBAAmB,CAAC,CAAC;IACvEC,cAAcX,OAAOY,kBAAkB;IACvCC,OAAOb,OAAOc,uBAAuB;IACrCC,QAAQ;IACRC,SAAS;IACTC,gBAAgB;IAChBC,WAAW;IACXC,SAAS,CAAC,EAAEnB,OAAOoB,kBAAkB,CAAC,CAAC,EAAEpB,OAAOqB,kBAAkB,CAAC,CAAC;IACpE,GAAGpB,iBAAiBqB,QAAQ;IAE5B,UAAU;QACRhB,iBAAiBN,OAAOuB,4BAA4B;QACpDC,aAAaxB,OAAOyB,wBAAwB;QAC5CZ,OAAOb,OAAO0B,4BAA4B;IAC5C;IAEA,iBAAiB;QACfpB,iBAAiBN,OAAO2B,8BAA8B;QACtDH,aAAaxB,OAAO4B,0BAA0B;QAC9Cf,OAAOb,OAAO6B,8BAA8B;IAC9C;AACF;AAEA,MAAMC,gBAAgBhC,WAAW;IAAEK,MAAM;QAAEQ,cAAcX,OAAO+B,kBAAkB;IAAC;AAAE;AAErF;;CAEC,GACD,OAAO,MAAMC,4CAA4C,CACvDC;IAEA;IAEA,MAAM,EAAEC,aAAa,EAAE,GAAGD;IAE1B,MAAME,oBAAoB/B;IAC1B,MAAMgC,aAAaN;IAEnBG,MAAM9B,IAAI,CAACkC,SAAS,GAAGtC,aACrBG,kCAAkCC,IAAI,EACtCgC,mBACAD,kBAAkB,UAAUE,WAAWjC,IAAI,EAC3C8B,MAAM9B,IAAI,CAACkC,SAAS;IAGtB,OAAOJ;AACT,EAAE"}

package/lib/contexts/index.js

@@ -0,0 +1 @@
+export { ReferenceListContext, ReferenceListContextProvider, useReferenceListContext_unstable } from './referenceListContext';

package/lib/contexts/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"sourcesContent":["export type { ReferenceListContextValue } from './referenceListContext';\nexport { ReferenceListContext, ReferenceListContextProvider, useReferenceListContext_unstable } from './referenceListContext';\n"],"names":["ReferenceListContext","ReferenceListContextProvider","useReferenceListContext_unstable"],"rangeMappings":"","mappings":"AACA,SAASA,oBAAoB,EAAEC,4BAA4B,EAAEC,gCAAgC,QAAQ,yBAAyB"}

package/lib/contexts/referenceListContext.js

@@ -0,0 +1,16 @@
+import { createContext, useContextSelector } from '@fluentui/react-context-selector';
+export const ReferenceListContext = createContext(undefined);
+const referenceListContextDefaultValue = {
+    areReferencesExpanded: false,
+    maxVisibleReferences: undefined,
+    overflowButtonTriggeredViaKeyboard: {
+        current: false
+    },
+    referenceListRef: {
+        current: null
+    },
+    shouldUseOverflow: false,
+    totalReferencesCount: 0
+};
+export const ReferenceListContextProvider = ReferenceListContext.Provider;
+export const useReferenceListContext_unstable = (selector)=>useContextSelector(ReferenceListContext, (ctx = referenceListContextDefaultValue)=>selector(ctx));

package/lib/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>): T =>\n  useContextSelector(ReferenceListContext, (ctx = referenceListContextDefaultValue) => selector(ctx));\n"],"names":["createContext","useContextSelector","ReferenceListContext","undefined","referenceListContextDefaultValue","areReferencesExpanded","maxVisibleReferences","overflowButtonTriggeredViaKeyboard","current","referenceListRef","shouldUseOverflow","totalReferencesCount","ReferenceListContextProvider","Provider","useReferenceListContext_unstable","selector","ctx"],"rangeMappings":";;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,aAAa,EAAEC,kBAAkB,QAAQ,mCAAmC;AAiBrF,OAAO,MAAMC,uBAA2DF,cAEtEG,WAAiD;AAEnD,MAAMC,mCAA8D;IAClEC,uBAAuB;IACvBC,sBAAsBH;IACtBI,oCAAoC;QAAEC,SAAS;IAAM;IACrDC,kBAAkB;QAAED,SAAS;IAAK;IAClCE,mBAAmB;IACnBC,sBAAsB;AACxB;AAEA,OAAO,MAAMC,+BAA+BV,qBAAqBW,QAAQ,CAAC;AAE1E,OAAO,MAAMC,mCAAmC,CAAIC,WAClDd,mBAAmBC,sBAAsB,CAACc,MAAMZ,gCAAgC,GAAKW,SAASC,MAAM"}

package/lib/index.js

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

package/lib/index.js.map

@@ -0,0 +1 @@
+{"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":["Reference","referenceClassNames","referenceExtraClassNames","renderReference_unstable","useReferenceStyles_unstable","useReference_unstable","ReferenceList","referenceListClassNames","renderReferenceList_unstable","useReferenceListStyles_unstable","useReferenceList_unstable","generateReferenceCitationPreview","useReferenceCitationPreview","Citation","citationClassNames","renderCitation_unstable","useCitation_unstable","useCitationStyles_unstable","ReferenceV2","referenceV2ClassNames","referenceV2ExtraClassNames","renderReferenceV2_unstable","useReferenceV2Styles_unstable","useReferenceV2_unstable","ReferenceListV2","referenceListV2ClassNames","renderReferenceListV2_unstable","useReferenceListV2Styles_unstable","useReferenceListV2_unstable","ReferenceOverflowButton","referenceOverflowButtonClassNames","renderReferenceOverflowButton_unstable","useReferenceOverflowButtonStyles_unstable","useReferenceOverflowButton_unstable","ReferenceListContext","ReferenceListContextProvider","useReferenceListContext_unstable","useReferenceCitationPreviewV2"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":"AACA,SACEA,SAAS,EACTC,mBAAmB,EACnBC,wBAAwB,EACxBC,wBAAwB,EACxBC,2BAA2B,EAC3BC,qBAAqB,QAChB,cAAc;AAOrB,SACEC,aAAa,EACbC,uBAAuB,EACvBC,4BAA4B,EAC5BC,+BAA+B,EAC/BC,yBAAyB,QACpB,kBAAkB;AAUzB,SAASC,gCAAgC,EAAEC,2BAA2B,QAAQ,cAAc;AAG5F,SACEC,QAAQ,EACRC,kBAAkB,EAClBC,uBAAuB,EACvBC,oBAAoB,EACpBC,0BAA0B,QACrB,aAAa;AASpB,8BAA8B,GAC9B,MAAMC,cAAclB;AACpB,wCAAwC,GACxC,MAAMmB,wBAAwBlB;AAC9B,6CAA6C,GAC7C,MAAMmB,6BAA6BlB;AACnC,6CAA6C,GAC7C,MAAMmB,6BAA6BlB;AACnC,gDAAgD,GAChD,MAAMmB,gCAAgClB;AACtC,0CAA0C,GAC1C,MAAMmB,0BAA0BlB;AAIhC,SACEL,SAAS,EACTkB,WAAW,EACXjB,mBAAmB,EACnBkB,qBAAqB,EACrBjB,wBAAwB,EACxBkB,0BAA0B,EAC1BjB,wBAAwB,EACxBkB,0BAA0B,EAC1BjB,2BAA2B,EAC3BkB,6BAA6B,EAC7BjB,qBAAqB,EACrBkB,uBAAuB,GACvB;AAWF,kCAAkC,GAClC,MAAMC,kBAAkBlB;AACxB,4CAA4C,GAC5C,MAAMmB,4BAA4BlB;AAClC,iDAAiD,GACjD,MAAMmB,iCAAiClB;AACvC,oDAAoD,GACpD,MAAMmB,oCAAoClB;AAC1C,8CAA8C,GAC9C,MAAMmB,8BAA8BlB;AAYpC,SACEJ,aAAa,EACbkB,eAAe,EACfjB,uBAAuB,EACvBkB,yBAAyB,EACzBjB,4BAA4B,EAC5BkB,8BAA8B,EAC9BjB,+BAA+B,EAC/BkB,iCAAiC,EACjCjB,yBAAyB,EACzBkB,2BAA2B,GAC3B;AAOF,SACEC,uBAAuB,EACvBC,iCAAiC,EACjCC,sCAAsC,EACtCC,yCAAyC,EACzCC,mCAAmC,QAC9B,4BAA4B;AAGnC,SAASC,oBAAoB,EAAEC,4BAA4B,EAAEC,gCAAgC,QAAQ,aAAa;AAalH,gDAAgD,GAChD,MAAMC,gCAAgCzB;AAgBtC,SAASD,gCAAgC,EAAEC,2BAA2B,EAAEyB,6BAA6B,GAAG"}