@fluentui-copilot/react-reference 0.0.0-nightly-20240423-0407-d55bcc74.1 → 0.0.0-nightly-20240426-0405-4698d75c.1

package/lib-commonjs/components/reference-v2/Reference/useReferenceStyles.js

@@ -0,0 +1,122 @@
+"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;
+    },
+    useRootStyles: function() {
+        return useRootStyles;
+    },
+    useReferenceStyles_unstable: function() {
+        return useReferenceStyles_unstable;
+    }
+});
+const _reactcomponents = require("@fluentui/react-components");
+const referenceClassNames = {
+    root: 'fai-Reference',
+    citation: 'fai-Reference__citation',
+    divider: 'fai-Reference__divider',
+    media: 'fai-Reference__media',
+    content: 'fai-Reference__content'
+};
+const referenceExtraClassNames = {
+    mediaChild: 'fai-Reference__mediaChild'
+};
+const MEDIA_SIZE = '16px';
+const useRootBaseClassName = (0, _reactcomponents.__resetStyles)("r1aeqif9", null, [
+    ".r1aeqif9{align-items:center;background-color:var(--colorNeutralBackground3);border:var(--strokeWidthThin) solid var(--colorNeutralStroke2);border-radius:var(--borderRadiusMedium);box-sizing:border-box;color:var(--colorNeutralForeground2);column-gap:var(--spacingHorizontalXXS);display:flex;flex-shrink:0;justify-content:center;padding:var(--spacingVerticalXXS) var(--spacingHorizontalS);}",
+    ".r1aeqif9:hover{background-color:var(--colorNeutralBackground3Hover);border-color:var(--colorNeutralStroke1Hover);color:var(--colorNeutralForeground2Hover);}",
+    ".r1aeqif9:hover .fai-Reference__divider{background-color:var(--colorNeutralStroke1Hover);}",
+    ".r1aeqif9:hover:active{background-color:var(--colorNeutralBackground3Pressed);border-color:var(--colorNeutralStroke1Pressed);color:var(--colorNeutralForeground2Pressed);}",
+    ".r1aeqif9:hover:active .fai-Reference__divider{background-color:var(--colorNeutralStroke1Pressed);}"
+]);
+const useRootStyles = (0, _reactcomponents.__styles)({
+    darker: {
+        De3pzq: "f3vzo32",
+        g2u3we: "fj3muxo",
+        h3c5rm: [
+            "f1akhkt",
+            "f1lxtadh"
+        ],
+        B9xav0g: "f1aperda",
+        zhjwy3: [
+            "f1lxtadh",
+            "f1akhkt"
+        ],
+        Jwef8y: "f14vf7cg",
+        iro3zm: "fho4vwd"
+    },
+    overflow: {
+        a9b677: "fly5x3f"
+    }
+}, {
+    d: [
+        ".f3vzo32{background-color:var(--colorNeutralBackground5);}",
+        ".fj3muxo{border-top-color:var(--colorNeutralStroke1);}",
+        ".f1akhkt{border-right-color:var(--colorNeutralStroke1);}",
+        ".f1lxtadh{border-left-color:var(--colorNeutralStroke1);}",
+        ".f1aperda{border-bottom-color:var(--colorNeutralStroke1);}",
+        ".fly5x3f{width:100%;}"
+    ],
+    h: [
+        ".f14vf7cg:hover{background-color:var(--colorNeutralBackground5Hover);}",
+        ".fho4vwd:hover:active{background-color:var(--colorNeutralBackground5Pressed);}"
+    ]
+});
+const useCitationBaseClassName = (0, _reactcomponents.__resetStyles)("rzdip90", null, [
+    ".rzdip90{font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase100);font-weight:var(--fontWeightSemibold);line-height:var(--lineHeightBase100);}"
+]);
+const useDividerBaseClassName = (0, _reactcomponents.__resetStyles)("r1eyqaw5", null, [
+    ".r1eyqaw5{background-color:var(--colorNeutralStroke2);height:16px;margin:var(--spacingVerticalNone) var(--spacingHorizontalXS);width:1px;}"
+]);
+const useDividerStyles = (0, _reactcomponents.__styles)({
+    darker: {
+        De3pzq: "f1d3jkam"
+    }
+}, {
+    d: [
+        ".f1d3jkam{background-color:var(--colorNeutralStroke1);}"
+    ]
+});
+const useMediaBaseClassName = (0, _reactcomponents.__resetStyles)("r4nw7iy", null, [
+    ".r4nw7iy{font-size:16px;height:16px;line-height:16px;width:16px;}",
+    ".r4nw7iy>.fai-Reference__mediaChild{height:16px;width:16px;}"
+]);
+const useContentBaseClassName = (0, _reactcomponents.__resetStyles)("r1yvxokd", null, [
+    ".r1yvxokd{column-gap:var(--spacingHorizontalSNudge);display:inline-flex;font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase200);font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase200);}"
+]);
+const useReferenceStyles_unstable = (state)=>{
+    const { appearance } = state;
+    const rootBaseClassName = useRootBaseClassName();
+    const citationBaseClassName = useCitationBaseClassName();
+    const dividerBaseClassName = useDividerBaseClassName();
+    const contentBaseClassName = useContentBaseClassName();
+    const mediaBaseClassName = useMediaBaseClassName();
+    const rootStyles = useRootStyles();
+    const dividerStyles = useDividerStyles();
+    state.root.className = (0, _reactcomponents.mergeClasses)(referenceClassNames.root, rootBaseClassName, appearance === 'darker' && rootStyles.darker, 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, appearance === 'darker' && dividerStyles.darker, state.divider.className);
+    }
+    if (state.content) {
+        state.content.className = (0, _reactcomponents.mergeClasses)(referenceClassNames.content, contentBaseClassName, state.content.className);
+    }
+    if (state.media) {
+        state.media.className = (0, _reactcomponents.mergeClasses)(referenceClassNames.media, mediaBaseClassName, state.media.className);
+    }
+    return state;
+}; //# sourceMappingURL=useReferenceStyles.js.map

package/lib-commonjs/components/reference-v2/Reference/useReferenceStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useReferenceStyles.js"],"sourcesContent":["import { __resetStyles, __styles, mergeClasses, shorthands, tokens, typographyStyles } from '@fluentui/react-components';\nexport const referenceClassNames = {\n  root: 'fai-Reference',\n  citation: 'fai-Reference__citation',\n  divider: 'fai-Reference__divider',\n  media: 'fai-Reference__media',\n  content: 'fai-Reference__content'\n};\nexport const referenceExtraClassNames = {\n  mediaChild: 'fai-Reference__mediaChild'\n};\nconst MEDIA_SIZE = '16px';\nconst useRootBaseClassName = __resetStyles(\"r1aeqif9\", null, [\".r1aeqif9{align-items:center;background-color:var(--colorNeutralBackground3);border:var(--strokeWidthThin) solid var(--colorNeutralStroke2);border-radius:var(--borderRadiusMedium);box-sizing:border-box;color:var(--colorNeutralForeground2);column-gap:var(--spacingHorizontalXXS);display:flex;flex-shrink:0;justify-content:center;padding:var(--spacingVerticalXXS) var(--spacingHorizontalS);}\", \".r1aeqif9:hover{background-color:var(--colorNeutralBackground3Hover);border-color:var(--colorNeutralStroke1Hover);color:var(--colorNeutralForeground2Hover);}\", \".r1aeqif9:hover .fai-Reference__divider{background-color:var(--colorNeutralStroke1Hover);}\", \".r1aeqif9:hover:active{background-color:var(--colorNeutralBackground3Pressed);border-color:var(--colorNeutralStroke1Pressed);color:var(--colorNeutralForeground2Pressed);}\", \".r1aeqif9:hover:active .fai-Reference__divider{background-color:var(--colorNeutralStroke1Pressed);}\"]);\nexport const useRootStyles = __styles({\n  darker: {\n    De3pzq: \"f3vzo32\",\n    g2u3we: \"fj3muxo\",\n    h3c5rm: [\"f1akhkt\", \"f1lxtadh\"],\n    B9xav0g: \"f1aperda\",\n    zhjwy3: [\"f1lxtadh\", \"f1akhkt\"],\n    Jwef8y: \"f14vf7cg\",\n    iro3zm: \"fho4vwd\"\n  },\n  overflow: {\n    a9b677: \"fly5x3f\"\n  }\n}, {\n  d: [\".f3vzo32{background-color:var(--colorNeutralBackground5);}\", \".fj3muxo{border-top-color:var(--colorNeutralStroke1);}\", \".f1akhkt{border-right-color:var(--colorNeutralStroke1);}\", \".f1lxtadh{border-left-color:var(--colorNeutralStroke1);}\", \".f1aperda{border-bottom-color:var(--colorNeutralStroke1);}\", \".fly5x3f{width:100%;}\"],\n  h: [\".f14vf7cg:hover{background-color:var(--colorNeutralBackground5Hover);}\", \".fho4vwd:hover:active{background-color:var(--colorNeutralBackground5Pressed);}\"]\n});\nconst useCitationBaseClassName = __resetStyles(\"rzdip90\", null, [\".rzdip90{font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase100);font-weight:var(--fontWeightSemibold);line-height:var(--lineHeightBase100);}\"]);\nconst useDividerBaseClassName = __resetStyles(\"r1eyqaw5\", null, [\".r1eyqaw5{background-color:var(--colorNeutralStroke2);height:16px;margin:var(--spacingVerticalNone) var(--spacingHorizontalXS);width:1px;}\"]);\nconst useDividerStyles = __styles({\n  darker: {\n    De3pzq: \"f1d3jkam\"\n  }\n}, {\n  d: [\".f1d3jkam{background-color:var(--colorNeutralStroke1);}\"]\n});\nconst useMediaBaseClassName = __resetStyles(\"r4nw7iy\", null, [\".r4nw7iy{font-size:16px;height:16px;line-height:16px;width:16px;}\", \".r4nw7iy>.fai-Reference__mediaChild{height:16px;width:16px;}\"]);\nconst useContentBaseClassName = __resetStyles(\"r1yvxokd\", null, [\".r1yvxokd{column-gap:var(--spacingHorizontalSNudge);display:inline-flex;font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase200);font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase200);}\"]);\n/**\n * Apply styling to the Reference slots based on the state\n */\nexport const useReferenceStyles_unstable = state => {\n  const {\n    appearance\n  } = state;\n  const rootBaseClassName = useRootBaseClassName();\n  const citationBaseClassName = useCitationBaseClassName();\n  const dividerBaseClassName = useDividerBaseClassName();\n  const contentBaseClassName = useContentBaseClassName();\n  const mediaBaseClassName = useMediaBaseClassName();\n  const rootStyles = useRootStyles();\n  const dividerStyles = useDividerStyles();\n  state.root.className = mergeClasses(referenceClassNames.root, rootBaseClassName, appearance === 'darker' && rootStyles.darker, state.root.className);\n  if (state.citation) {\n    state.citation.className = mergeClasses(referenceClassNames.citation, citationBaseClassName, state.citation.className);\n  }\n  if (state.divider) {\n    state.divider.className = mergeClasses(referenceClassNames.divider, dividerBaseClassName, appearance === 'darker' && dividerStyles.darker, state.divider.className);\n  }\n  if (state.content) {\n    state.content.className = mergeClasses(referenceClassNames.content, contentBaseClassName, state.content.className);\n  }\n  if (state.media) {\n    state.media.className = mergeClasses(referenceClassNames.media, mediaBaseClassName, state.media.className);\n  }\n  return state;\n};\n//# sourceMappingURL=useReferenceStyles.js.map"],"names":["referenceClassNames","referenceExtraClassNames","useRootStyles","useReferenceStyles_unstable","root","citation","divider","media","content","mediaChild","MEDIA_SIZE","useRootBaseClassName","__resetStyles","__styles","darker","De3pzq","g2u3we","h3c5rm","B9xav0g","zhjwy3","Jwef8y","iro3zm","overflow","a9b677","d","h","useCitationBaseClassName","useDividerBaseClassName","useDividerStyles","useMediaBaseClassName","useContentBaseClassName","state","appearance","rootBaseClassName","citationBaseClassName","dividerBaseClassName","contentBaseClassName","mediaBaseClassName","rootStyles","dividerStyles","className","mergeClasses"],"mappings":";;;;;;;;;;;IACaA,mBAAmB;eAAnBA;;IAOAC,wBAAwB;eAAxBA;;IAKAC,aAAa;eAAbA;;IA+BAC,2BAA2B;eAA3BA;;;iCA5C+E;AACrF,MAAMH,sBAAsB;IACjCI,MAAM;IACNC,UAAU;IACVC,SAAS;IACTC,OAAO;IACPC,SAAS;AACX;AACO,MAAMP,2BAA2B;IACtCQ,YAAY;AACd;AACA,MAAMC,aAAa;AACnB,MAAMC,uBAAuBC,IAAAA,8BAAa,EAAC,YAAY,MAAM;IAAC;IAAyY;IAAiK;IAA8F;IAA8K;CAAsG;AACn9B,MAAMV,gBAAgBW,IAAAA,yBAAQ,EAAC;IACpCC,QAAQ;QACNC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAW;QAC/BC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAU;QAC/BC,QAAQ;QACRC,QAAQ;IACV;IACAC,UAAU;QACRC,QAAQ;IACV;AACF,GAAG;IACDC,GAAG;QAAC;QAA8D;QAA0D;QAA4D;QAA4D;QAA8D;KAAwB;IAC1UC,GAAG;QAAC;QAA0E;KAAiF;AACjK;AACA,MAAMC,2BAA2Bd,IAAAA,8BAAa,EAAC,WAAW,MAAM;IAAC;CAA2J;AAC5N,MAAMe,0BAA0Bf,IAAAA,8BAAa,EAAC,YAAY,MAAM;IAAC;CAA6I;AAC9M,MAAMgB,mBAAmBf,IAAAA,yBAAQ,EAAC;IAChCC,QAAQ;QACNC,QAAQ;IACV;AACF,GAAG;IACDS,GAAG;QAAC;KAA0D;AAChE;AACA,MAAMK,wBAAwBjB,IAAAA,8BAAa,EAAC,WAAW,MAAM;IAAC;IAAqE;CAA+D;AAClM,MAAMkB,0BAA0BlB,IAAAA,8BAAa,EAAC,YAAY,MAAM;IAAC;CAAyN;AAInR,MAAMT,8BAA8B4B,CAAAA;IACzC,MAAM,EACJC,UAAU,EACX,GAAGD;IACJ,MAAME,oBAAoBtB;IAC1B,MAAMuB,wBAAwBR;IAC9B,MAAMS,uBAAuBR;IAC7B,MAAMS,uBAAuBN;IAC7B,MAAMO,qBAAqBR;IAC3B,MAAMS,aAAapC;IACnB,MAAMqC,gBAAgBX;IACtBG,MAAM3B,IAAI,CAACoC,SAAS,GAAGC,IAAAA,6BAAY,EAACzC,oBAAoBI,IAAI,EAAE6B,mBAAmBD,eAAe,YAAYM,WAAWxB,MAAM,EAAEiB,MAAM3B,IAAI,CAACoC,SAAS;IACnJ,IAAIT,MAAM1B,QAAQ,EAAE;QAClB0B,MAAM1B,QAAQ,CAACmC,SAAS,GAAGC,IAAAA,6BAAY,EAACzC,oBAAoBK,QAAQ,EAAE6B,uBAAuBH,MAAM1B,QAAQ,CAACmC,SAAS;IACvH;IACA,IAAIT,MAAMzB,OAAO,EAAE;QACjByB,MAAMzB,OAAO,CAACkC,SAAS,GAAGC,IAAAA,6BAAY,EAACzC,oBAAoBM,OAAO,EAAE6B,sBAAsBH,eAAe,YAAYO,cAAczB,MAAM,EAAEiB,MAAMzB,OAAO,CAACkC,SAAS;IACpK;IACA,IAAIT,MAAMvB,OAAO,EAAE;QACjBuB,MAAMvB,OAAO,CAACgC,SAAS,GAAGC,IAAAA,6BAAY,EAACzC,oBAAoBQ,OAAO,EAAE4B,sBAAsBL,MAAMvB,OAAO,CAACgC,SAAS;IACnH;IACA,IAAIT,MAAMxB,KAAK,EAAE;QACfwB,MAAMxB,KAAK,CAACiC,SAAS,GAAGC,IAAAA,6BAAY,EAACzC,oBAAoBO,KAAK,EAAE8B,oBAAoBN,MAAMxB,KAAK,CAACiC,SAAS;IAC3G;IACA,OAAOT;AACT,GACA,8CAA8C"}

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

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "ReferenceList", {
+    enumerable: true,
+    get: function() {
+        return ReferenceList;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _renderReferenceList = require("./renderReferenceList");
+const _useReferenceList = require("./useReferenceList");
+const _useReferenceListStyles = require("./useReferenceListStyles");
+const _useReferenceListContextValues = require("./useReferenceListContextValues");
+const ReferenceList = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _useReferenceList.useReferenceList_unstable)(props, ref);
+    const referenceListContextValues = (0, _useReferenceListContextValues.useReferenceListContextValues_unstable)(state);
+    (0, _useReferenceListStyles.useReferenceListStyles_unstable)(state);
+    return (0, _renderReferenceList.renderReferenceList_unstable)(state, referenceListContextValues);
+});
+ReferenceList.displayName = 'ReferenceList'; //# sourceMappingURL=ReferenceList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["ReferenceList.js"],"sourcesContent":["import * as React from 'react';\nimport { renderReferenceList_unstable } from './renderReferenceList';\nimport { useReferenceList_unstable } from './useReferenceList';\nimport { useReferenceListStyles_unstable } from './useReferenceListStyles';\nimport { useReferenceListContextValues_unstable } from './useReferenceListContextValues';\nexport const ReferenceList = /*#__PURE__*/React.forwardRef((props, ref) => {\n  const state = useReferenceList_unstable(props, ref);\n  const referenceListContextValues = useReferenceListContextValues_unstable(state);\n  useReferenceListStyles_unstable(state);\n  return renderReferenceList_unstable(state, referenceListContextValues);\n});\nReferenceList.displayName = 'ReferenceList';\n//# sourceMappingURL=ReferenceList.js.map"],"names":["ReferenceList","React","forwardRef","props","ref","state","useReferenceList_unstable","referenceListContextValues","useReferenceListContextValues_unstable","useReferenceListStyles_unstable","renderReferenceList_unstable","displayName"],"mappings":";;;;+BAKaA;;;eAAAA;;;;iEALU;qCACsB;kCACH;wCACM;+CACO;AAChD,MAAMA,gBAAgB,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACjE,MAAMC,QAAQC,IAAAA,2CAAyB,EAACH,OAAOC;IAC/C,MAAMG,6BAA6BC,IAAAA,qEAAsC,EAACH;IAC1EI,IAAAA,uDAA+B,EAACJ;IAChC,OAAOK,IAAAA,iDAA4B,EAACL,OAAOE;AAC7C;AACAP,cAAcW,WAAW,GAAG,iBAC5B,yCAAyC"}

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

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+ //# sourceMappingURL=ReferenceList.types.js.map

package/lib-commonjs/components/reference-v2/ReferenceList/ReferenceList.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ReferenceList.types.js"],"sourcesContent":["export {};\n//# sourceMappingURL=ReferenceList.types.js.map"],"names":[],"mappings":";;;;CACA,+CAA+C"}

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

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./ReferenceList"), exports);
+_export_star._(require("./ReferenceList.types"), exports);
+_export_star._(require("./renderReferenceList"), exports);
+_export_star._(require("./useReferenceList"), exports);
+_export_star._(require("./useReferenceListStyles"), exports);
+ //# sourceMappingURL=index.js.map

package/lib-commonjs/components/reference-v2/ReferenceList/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.js"],"sourcesContent":["export * from './ReferenceList';\nexport * from './ReferenceList.types';\nexport * from './renderReferenceList';\nexport * from './useReferenceList';\nexport * from './useReferenceListStyles';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA;CACd,iCAAiC"}

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

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "renderReferenceList_unstable", {
+    enumerable: true,
+    get: function() {
+        return renderReferenceList_unstable;
+    }
+});
+const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
+const _reactcomponents = require("@fluentui/react-components");
+const _referenceListContext = require("../../../contexts/reference-v2/referenceListContext");
+const renderReferenceList_unstable = (state, contextValues)=>{
+    (0, _reactcomponents.assertSlots)(state);
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_referenceListContext.ReferenceListContextProvider, {
+        value: contextValues.referenceList,
+        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactcomponents.Overflow, {
+            children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(state.root, {
+                children: [
+                    state.root.children,
+                    state.showMoreButton && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.showMoreButton, {}),
+                    state.showLessButton && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.showLessButton, {})
+                ]
+            })
+        })
+    });
+}; //# sourceMappingURL=renderReferenceList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["renderReferenceList.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { Overflow, assertSlots } from '@fluentui/react-components';\nimport { ReferenceListContextProvider } from '../../../contexts/reference-v2/referenceListContext';\n/**\n * Render the final JSX of ReferenceList\n */\nexport const renderReferenceList_unstable = (state, contextValues) => {\n  assertSlots(state);\n  return /*#__PURE__*/_jsx(ReferenceListContextProvider, {\n    value: contextValues.referenceList,\n    children: /*#__PURE__*/_jsx(Overflow, {\n      children: /*#__PURE__*/_jsxs(state.root, {\n        children: [state.root.children, state.showMoreButton && /*#__PURE__*/_jsx(state.showMoreButton, {}), state.showLessButton && /*#__PURE__*/_jsx(state.showLessButton, {})]\n      })\n    })\n  });\n};\n//# sourceMappingURL=renderReferenceList.js.map"],"names":["renderReferenceList_unstable","state","contextValues","assertSlots","_jsx","ReferenceListContextProvider","value","referenceList","children","Overflow","_jsxs","root","showMoreButton","showLessButton"],"mappings":";;;;+BAMaA;;;eAAAA;;;4BAN8B;iCACL;sCACO;AAItC,MAAMA,+BAA+B,CAACC,OAAOC;IAClDC,IAAAA,4BAAW,EAACF;IACZ,OAAO,WAAW,GAAEG,IAAAA,eAAI,EAACC,kDAA4B,EAAE;QACrDC,OAAOJ,cAAcK,aAAa;QAClCC,UAAU,WAAW,GAAEJ,IAAAA,eAAI,EAACK,yBAAQ,EAAE;YACpCD,UAAU,WAAW,GAAEE,IAAAA,gBAAK,EAACT,MAAMU,IAAI,EAAE;gBACvCH,UAAU;oBAACP,MAAMU,IAAI,CAACH,QAAQ;oBAAEP,MAAMW,cAAc,IAAI,WAAW,GAAER,IAAAA,eAAI,EAACH,MAAMW,cAAc,EAAE,CAAC;oBAAIX,MAAMY,cAAc,IAAI,WAAW,GAAET,IAAAA,eAAI,EAACH,MAAMY,cAAc,EAAE,CAAC;iBAAG;YAC3K;QACF;IACF;AACF,GACA,+CAA+C"}

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

@@ -0,0 +1,93 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useReferenceList_unstable", {
+    enumerable: true,
+    get: function() {
+        return useReferenceList_unstable;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactcomponents = require("@fluentui/react-components");
+const _useReferenceStyles = require("../Reference/useReferenceStyles");
+const useReferenceList_unstable = (props, ref)=>{
+    const { appearance = 'lighter', children, maxVisibleReferences, showLessButton, showMoreButton, ...rest } = props;
+    const [areReferencesExpanded, setAreReferencesExpanded] = _react.useState(false);
+    const referenceInOverflowClassName = (0, _useReferenceStyles.useRootStyles)().overflow;
+    const resolvedChildren = _react.useMemo(()=>{
+        if (maxVisibleReferences !== undefined && !areReferencesExpanded) {
+            const results = [];
+            const childrenArray = _react.Children.toArray(children);
+            for(let index = 0; index < childrenArray.length; index++){
+                const child = childrenArray[index];
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                if (index >= maxVisibleReferences && /*#__PURE__*/ _react.isValidElement(child)) {
+                    results.push(/*#__PURE__*/ _react.cloneElement(child, {
+                        ...child.props,
+                        className: (0, _reactcomponents.mergeClasses)(child.props.className, referenceInOverflowClassName)
+                    }));
+                } else {
+                    results.push(child);
+                }
+            }
+            return results;
+        }
+        return children;
+    }, [
+        areReferencesExpanded,
+        children,
+        maxVisibleReferences,
+        referenceInOverflowClassName
+    ]);
+    // We keep track of the previous overflow count to determine element to move focus to when expanding the references via keyboard.
+    const previousOverflowCount = _react.useRef(0);
+    // We keep track of whether we are interacting with the overflow button via keyboard or not.
+    const overflowButtonTriggeredViaKeyboard = _react.useRef(false);
+    const focusAttributes = (0, _reactcomponents.useArrowNavigationGroup)({
+        axis: 'both',
+        circular: true,
+        memorizeCurrent: true
+    });
+    const onShowMoreButtonClick = _react.useCallback(()=>{
+        setAreReferencesExpanded(true);
+    }, []);
+    const onShowLessButtonClick = _react.useCallback(()=>{
+        setAreReferencesExpanded(false);
+    }, []);
+    const shouldUseOverflow = maxVisibleReferences !== undefined && !areReferencesExpanded;
+    const state = {
+        appearance,
+        areReferencesExpanded,
+        overflowButtonTriggeredViaKeyboard,
+        previousOverflowCount,
+        shouldUseOverflow,
+        components: {
+            root: 'div',
+            showMoreButton: 'span',
+            showLessButton: 'span'
+        },
+        root: _reactcomponents.slot.always((0, _reactcomponents.getIntrinsicElementProps)('div', {
+            ref,
+            ...focusAttributes,
+            ...rest,
+            children: resolvedChildren
+        }), {
+            elementType: 'div'
+        }),
+        showMoreButton: shouldUseOverflow ? _reactcomponents.slot.optional(showMoreButton, {
+            elementType: 'span'
+        }) : undefined,
+        showLessButton: areReferencesExpanded ? _reactcomponents.slot.optional(showLessButton, {
+            elementType: 'span'
+        }) : undefined
+    };
+    if (state.showMoreButton) {
+        state.showMoreButton.onClick = (0, _reactcomponents.mergeCallbacks)(onShowMoreButtonClick, state.showMoreButton.onClick);
+    }
+    if (state.showLessButton) {
+        state.showLessButton.onClick = (0, _reactcomponents.mergeCallbacks)(onShowLessButtonClick, state.showLessButton.onClick);
+    }
+    return state;
+}; //# sourceMappingURL=useReferenceList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["useReferenceList.js"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, mergeCallbacks, mergeClasses, slot, useArrowNavigationGroup } from '@fluentui/react-components';\nimport { useRootStyles as useReferenceStyles } from '../Reference/useReferenceStyles';\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 = (props, ref) => {\n  const {\n    appearance = 'lighter',\n    children,\n    maxVisibleReferences,\n    showLessButton,\n    showMoreButton,\n    ...rest\n  } = props;\n  const [areReferencesExpanded, setAreReferencesExpanded] = React.useState(false);\n  const referenceInOverflowClassName = useReferenceStyles().overflow;\n  const resolvedChildren = React.useMemo(() => {\n    if (maxVisibleReferences !== undefined && !areReferencesExpanded) {\n      const results = [];\n      const childrenArray = React.Children.toArray(children);\n      for (let index = 0; index < childrenArray.length; index++) {\n        const child = childrenArray[index];\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        if (index >= maxVisibleReferences && React.isValidElement(child)) {\n          results.push(React.cloneElement(child, {\n            ...child.props,\n            className: mergeClasses(child.props.className, referenceInOverflowClassName)\n          }));\n        } else {\n          results.push(child);\n        }\n      }\n      return results;\n    }\n    return children;\n  }, [areReferencesExpanded, children, maxVisibleReferences, referenceInOverflowClassName]);\n  // We keep track of the previous overflow count to determine element to move focus to when expanding the references via keyboard.\n  const previousOverflowCount = React.useRef(0);\n  // We keep track of whether we are interacting with the overflow button via keyboard or not.\n  const overflowButtonTriggeredViaKeyboard = React.useRef(false);\n  const focusAttributes = useArrowNavigationGroup({\n    axis: 'both',\n    circular: true,\n    memorizeCurrent: true\n  });\n  const onShowMoreButtonClick = React.useCallback(() => {\n    setAreReferencesExpanded(true);\n  }, []);\n  const onShowLessButtonClick = React.useCallback(() => {\n    setAreReferencesExpanded(false);\n  }, []);\n  const shouldUseOverflow = maxVisibleReferences !== undefined && !areReferencesExpanded;\n  const state = {\n    appearance,\n    areReferencesExpanded,\n    overflowButtonTriggeredViaKeyboard,\n    previousOverflowCount,\n    shouldUseOverflow,\n    components: {\n      root: 'div',\n      showMoreButton: 'span',\n      showLessButton: 'span'\n    },\n    root: slot.always(getIntrinsicElementProps('div', {\n      ref,\n      ...focusAttributes,\n      ...rest,\n      children: resolvedChildren\n    }), {\n      elementType: 'div'\n    }),\n    showMoreButton: shouldUseOverflow ? slot.optional(showMoreButton, {\n      elementType: 'span'\n    }) : undefined,\n    showLessButton: areReferencesExpanded ? slot.optional(showLessButton, {\n      elementType: 'span'\n    }) : undefined\n  };\n  if (state.showMoreButton) {\n    state.showMoreButton.onClick = mergeCallbacks(onShowMoreButtonClick, state.showMoreButton.onClick);\n  }\n  if (state.showLessButton) {\n    state.showLessButton.onClick = mergeCallbacks(onShowLessButtonClick, state.showLessButton.onClick);\n  }\n  return state;\n};\n//# sourceMappingURL=useReferenceList.js.map"],"names":["useReferenceList_unstable","props","ref","appearance","children","maxVisibleReferences","showLessButton","showMoreButton","rest","areReferencesExpanded","setAreReferencesExpanded","React","useState","referenceInOverflowClassName","useReferenceStyles","overflow","resolvedChildren","useMemo","undefined","results","childrenArray","Children","toArray","index","length","child","isValidElement","push","cloneElement","className","mergeClasses","previousOverflowCount","useRef","overflowButtonTriggeredViaKeyboard","focusAttributes","useArrowNavigationGroup","axis","circular","memorizeCurrent","onShowMoreButtonClick","useCallback","onShowLessButtonClick","shouldUseOverflow","state","components","root","slot","always","getIntrinsicElementProps","elementType","optional","onClick","mergeCallbacks"],"mappings":";;;;+BAYaA;;;eAAAA;;;;iEAZU;iCAC+E;oCAClD;AAU7C,MAAMA,4BAA4B,CAACC,OAAOC;IAC/C,MAAM,EACJC,aAAa,SAAS,EACtBC,QAAQ,EACRC,oBAAoB,EACpBC,cAAc,EACdC,cAAc,EACd,GAAGC,MACJ,GAAGP;IACJ,MAAM,CAACQ,uBAAuBC,yBAAyB,GAAGC,OAAMC,QAAQ,CAAC;IACzE,MAAMC,+BAA+BC,IAAAA,iCAAkB,IAAGC,QAAQ;IAClE,MAAMC,mBAAmBL,OAAMM,OAAO,CAAC;QACrC,IAAIZ,yBAAyBa,aAAa,CAACT,uBAAuB;YAChE,MAAMU,UAAU,EAAE;YAClB,MAAMC,gBAAgBT,OAAMU,QAAQ,CAACC,OAAO,CAAClB;YAC7C,IAAK,IAAImB,QAAQ,GAAGA,QAAQH,cAAcI,MAAM,EAAED,QAAS;gBACzD,MAAME,QAAQL,aAAa,CAACG,MAAM;gBAClC,8DAA8D;gBAC9D,IAAIA,SAASlB,sCAAwBM,OAAMe,cAAc,CAACD,QAAQ;oBAChEN,QAAQQ,IAAI,eAAChB,OAAMiB,YAAY,CAACH,OAAO;wBACrC,GAAGA,MAAMxB,KAAK;wBACd4B,WAAWC,IAAAA,6BAAY,EAACL,MAAMxB,KAAK,CAAC4B,SAAS,EAAEhB;oBACjD;gBACF,OAAO;oBACLM,QAAQQ,IAAI,CAACF;gBACf;YACF;YACA,OAAON;QACT;QACA,OAAOf;IACT,GAAG;QAACK;QAAuBL;QAAUC;QAAsBQ;KAA6B;IACxF,iIAAiI;IACjI,MAAMkB,wBAAwBpB,OAAMqB,MAAM,CAAC;IAC3C,4FAA4F;IAC5F,MAAMC,qCAAqCtB,OAAMqB,MAAM,CAAC;IACxD,MAAME,kBAAkBC,IAAAA,wCAAuB,EAAC;QAC9CC,MAAM;QACNC,UAAU;QACVC,iBAAiB;IACnB;IACA,MAAMC,wBAAwB5B,OAAM6B,WAAW,CAAC;QAC9C9B,yBAAyB;IAC3B,GAAG,EAAE;IACL,MAAM+B,wBAAwB9B,OAAM6B,WAAW,CAAC;QAC9C9B,yBAAyB;IAC3B,GAAG,EAAE;IACL,MAAMgC,oBAAoBrC,yBAAyBa,aAAa,CAACT;IACjE,MAAMkC,QAAQ;QACZxC;QACAM;QACAwB;QACAF;QACAW;QACAE,YAAY;YACVC,MAAM;YACNtC,gBAAgB;YAChBD,gBAAgB;QAClB;QACAuC,MAAMC,qBAAI,CAACC,MAAM,CAACC,IAAAA,yCAAwB,EAAC,OAAO;YAChD9C;YACA,GAAGgC,eAAe;YAClB,GAAG1B,IAAI;YACPJ,UAAUY;QACZ,IAAI;YACFiC,aAAa;QACf;QACA1C,gBAAgBmC,oBAAoBI,qBAAI,CAACI,QAAQ,CAAC3C,gBAAgB;YAChE0C,aAAa;QACf,KAAK/B;QACLZ,gBAAgBG,wBAAwBqC,qBAAI,CAACI,QAAQ,CAAC5C,gBAAgB;YACpE2C,aAAa;QACf,KAAK/B;IACP;IACA,IAAIyB,MAAMpC,cAAc,EAAE;QACxBoC,MAAMpC,cAAc,CAAC4C,OAAO,GAAGC,IAAAA,+BAAc,EAACb,uBAAuBI,MAAMpC,cAAc,CAAC4C,OAAO;IACnG;IACA,IAAIR,MAAMrC,cAAc,EAAE;QACxBqC,MAAMrC,cAAc,CAAC6C,OAAO,GAAGC,IAAAA,+BAAc,EAACX,uBAAuBE,MAAMrC,cAAc,CAAC6C,OAAO;IACnG;IACA,OAAOR;AACT,GACA,4CAA4C"}

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

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useReferenceListContextValues_unstable", {
+    enumerable: true,
+    get: function() {
+        return useReferenceListContextValues_unstable;
+    }
+});
+function useReferenceListContextValues_unstable(state) {
+    const { appearance, areReferencesExpanded, overflowButtonTriggeredViaKeyboard, previousOverflowCount, shouldUseOverflow } = state;
+    // This context is created with "@fluentui/react-context-selector", there is no sense to memoize it
+    const referenceList = {
+        appearance,
+        areReferencesExpanded,
+        overflowButtonTriggeredViaKeyboard,
+        previousOverflowCount,
+        shouldUseOverflow
+    };
+    return {
+        referenceList
+    };
+} //# sourceMappingURL=useReferenceListContextValues.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["useReferenceListContextValues.js"],"sourcesContent":["export function useReferenceListContextValues_unstable(state) {\n  const {\n    appearance,\n    areReferencesExpanded,\n    overflowButtonTriggeredViaKeyboard,\n    previousOverflowCount,\n    shouldUseOverflow\n  } = state;\n  // This context is created with \"@fluentui/react-context-selector\", there is no sense to memoize it\n  const referenceList = {\n    appearance,\n    areReferencesExpanded,\n    overflowButtonTriggeredViaKeyboard,\n    previousOverflowCount,\n    shouldUseOverflow\n  };\n  return {\n    referenceList\n  };\n}\n//# sourceMappingURL=useReferenceListContextValues.js.map"],"names":["useReferenceListContextValues_unstable","state","appearance","areReferencesExpanded","overflowButtonTriggeredViaKeyboard","previousOverflowCount","shouldUseOverflow","referenceList"],"mappings":";;;;+BAAgBA;;;eAAAA;;;AAAT,SAASA,uCAAuCC,KAAK;IAC1D,MAAM,EACJC,UAAU,EACVC,qBAAqB,EACrBC,kCAAkC,EAClCC,qBAAqB,EACrBC,iBAAiB,EAClB,GAAGL;IACJ,mGAAmG;IACnG,MAAMM,gBAAgB;QACpBL;QACAC;QACAC;QACAC;QACAC;IACF;IACA,OAAO;QACLC;IACF;AACF,EACA,yDAAyD"}

package/lib-commonjs/components/reference-v2/ReferenceList/useReferenceListStyles.js

@@ -0,0 +1,55 @@
+"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 referenceListClassNames = {
+    root: 'fai-ReferenceList',
+    showMoreButton: 'fai-ReferenceList__showMoreButton',
+    showLessButton: 'fai-ReferenceList__showLessButton'
+};
+/**
+ * Styles for the root slot
+ */ const useRootBaseClassName = (0, _reactcomponents.__resetStyles)("rylvie1", null, [
+    ".rylvie1{display:flex;flex-direction:row;gap:var(--spacingVerticalXS) var(--spacingHorizontalXS);}"
+]);
+const useRootStyles = (0, _reactcomponents.__styles)({
+    referencesExpanded: {
+        Eh141a: "fni485r"
+    }
+}, {
+    d: [
+        ".fni485r{flex-wrap:wrap;}"
+    ]
+});
+const useOverflowButtonBaseClassName = (0, _reactcomponents.__resetStyles)("r6su6fj", null, [
+    ".r6su6fj{flex-shrink:0;}"
+]);
+const useReferenceListStyles_unstable = (state)=>{
+    const { areReferencesExpanded, shouldUseOverflow } = state;
+    const rootBaseClassName = useRootBaseClassName();
+    const rootStyles = useRootStyles();
+    const overflowButtonBaseClassName = useOverflowButtonBaseClassName();
+    state.root.className = (0, _reactcomponents.mergeClasses)(referenceListClassNames.root, rootBaseClassName, (areReferencesExpanded || !shouldUseOverflow) && rootStyles.referencesExpanded, state.root.className);
+    if (state.showMoreButton) {
+        state.showMoreButton.className = (0, _reactcomponents.mergeClasses)(referenceListClassNames.showMoreButton, overflowButtonBaseClassName, state.showMoreButton.className);
+    }
+    if (state.showLessButton) {
+        state.showLessButton.className = (0, _reactcomponents.mergeClasses)(referenceListClassNames.showLessButton, overflowButtonBaseClassName, state.showLessButton.className);
+    }
+    return state;
+}; //# sourceMappingURL=useReferenceListStyles.js.map

package/lib-commonjs/components/reference-v2/ReferenceList/useReferenceListStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useReferenceListStyles.js"],"sourcesContent":["import { __resetStyles, __styles, mergeClasses, tokens } from '@fluentui/react-components';\nexport const referenceListClassNames = {\n  root: 'fai-ReferenceList',\n  showMoreButton: 'fai-ReferenceList__showMoreButton',\n  showLessButton: 'fai-ReferenceList__showLessButton'\n};\n/**\n * Styles for the root slot\n */\nconst useRootBaseClassName = __resetStyles(\"rylvie1\", null, [\".rylvie1{display:flex;flex-direction:row;gap:var(--spacingVerticalXS) var(--spacingHorizontalXS);}\"]);\nconst useRootStyles = __styles({\n  referencesExpanded: {\n    Eh141a: \"fni485r\"\n  }\n}, {\n  d: [\".fni485r{flex-wrap:wrap;}\"]\n});\nconst useOverflowButtonBaseClassName = __resetStyles(\"r6su6fj\", null, [\".r6su6fj{flex-shrink:0;}\"]);\n/**\n * Apply styling to the ReferenceList slots based on the state\n */\nexport const useReferenceListStyles_unstable = state => {\n  const {\n    areReferencesExpanded,\n    shouldUseOverflow\n  } = state;\n  const rootBaseClassName = useRootBaseClassName();\n  const rootStyles = useRootStyles();\n  const overflowButtonBaseClassName = useOverflowButtonBaseClassName();\n  state.root.className = mergeClasses(referenceListClassNames.root, rootBaseClassName, (areReferencesExpanded || !shouldUseOverflow) && rootStyles.referencesExpanded, state.root.className);\n  if (state.showMoreButton) {\n    state.showMoreButton.className = mergeClasses(referenceListClassNames.showMoreButton, overflowButtonBaseClassName, state.showMoreButton.className);\n  }\n  if (state.showLessButton) {\n    state.showLessButton.className = mergeClasses(referenceListClassNames.showLessButton, overflowButtonBaseClassName, state.showLessButton.className);\n  }\n  return state;\n};\n//# sourceMappingURL=useReferenceListStyles.js.map"],"names":["referenceListClassNames","useReferenceListStyles_unstable","root","showMoreButton","showLessButton","useRootBaseClassName","__resetStyles","useRootStyles","__styles","referencesExpanded","Eh141a","d","useOverflowButtonBaseClassName","state","areReferencesExpanded","shouldUseOverflow","rootBaseClassName","rootStyles","overflowButtonBaseClassName","className","mergeClasses"],"mappings":";;;;;;;;;;;IACaA,uBAAuB;eAAvBA;;IAoBAC,+BAA+B;eAA/BA;;;iCArBiD;AACvD,MAAMD,0BAA0B;IACrCE,MAAM;IACNC,gBAAgB;IAChBC,gBAAgB;AAClB;AACA;;CAEC,GACD,MAAMC,uBAAuBC,IAAAA,8BAAa,EAAC,WAAW,MAAM;IAAC;CAAqG;AAClK,MAAMC,gBAAgBC,IAAAA,yBAAQ,EAAC;IAC7BC,oBAAoB;QAClBC,QAAQ;IACV;AACF,GAAG;IACDC,GAAG;QAAC;KAA4B;AAClC;AACA,MAAMC,iCAAiCN,IAAAA,8BAAa,EAAC,WAAW,MAAM;IAAC;CAA2B;AAI3F,MAAML,kCAAkCY,CAAAA;IAC7C,MAAM,EACJC,qBAAqB,EACrBC,iBAAiB,EAClB,GAAGF;IACJ,MAAMG,oBAAoBX;IAC1B,MAAMY,aAAaV;IACnB,MAAMW,8BAA8BN;IACpCC,MAAMX,IAAI,CAACiB,SAAS,GAAGC,IAAAA,6BAAY,EAACpB,wBAAwBE,IAAI,EAAEc,mBAAmB,AAACF,CAAAA,yBAAyB,CAACC,iBAAgB,KAAME,WAAWR,kBAAkB,EAAEI,MAAMX,IAAI,CAACiB,SAAS;IACzL,IAAIN,MAAMV,cAAc,EAAE;QACxBU,MAAMV,cAAc,CAACgB,SAAS,GAAGC,IAAAA,6BAAY,EAACpB,wBAAwBG,cAAc,EAAEe,6BAA6BL,MAAMV,cAAc,CAACgB,SAAS;IACnJ;IACA,IAAIN,MAAMT,cAAc,EAAE;QACxBS,MAAMT,cAAc,CAACe,SAAS,GAAGC,IAAAA,6BAAY,EAACpB,wBAAwBI,cAAc,EAAEc,6BAA6BL,MAAMT,cAAc,CAACe,SAAS;IACnJ;IACA,OAAON;AACT,GACA,kDAAkD"}

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

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "ReferenceOverflowButton", {
+    enumerable: true,
+    get: function() {
+        return ReferenceOverflowButton;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _useReferenceOverflowButton = require("./useReferenceOverflowButton");
+const _renderReferenceOverflowButton = require("./renderReferenceOverflowButton");
+const _useReferenceOverflowButtonStyles = require("./useReferenceOverflowButtonStyles");
+const ReferenceOverflowButton = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _useReferenceOverflowButton.useReferenceOverflowButton_unstable)(props, ref);
+    (0, _useReferenceOverflowButtonStyles.useReferenceOverflowButtonStyles_unstable)(state);
+    return (0, _renderReferenceOverflowButton.renderReferenceOverflowButton_unstable)(state);
+});
+ReferenceOverflowButton.displayName = 'ReferenceOverflowButton'; //# sourceMappingURL=ReferenceOverflowButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["ReferenceOverflowButton.js"],"sourcesContent":["import * as React from 'react';\nimport { useReferenceOverflowButton_unstable } from './useReferenceOverflowButton';\nimport { renderReferenceOverflowButton_unstable } from './renderReferenceOverflowButton';\nimport { useReferenceOverflowButtonStyles_unstable } from './useReferenceOverflowButtonStyles';\n// ReferenceOverflowButton component - TODO: add more docs\nexport const ReferenceOverflowButton = /*#__PURE__*/React.forwardRef((props, ref) => {\n  const state = useReferenceOverflowButton_unstable(props, ref);\n  useReferenceOverflowButtonStyles_unstable(state);\n  return renderReferenceOverflowButton_unstable(state);\n});\nReferenceOverflowButton.displayName = 'ReferenceOverflowButton';\n//# sourceMappingURL=ReferenceOverflowButton.js.map"],"names":["ReferenceOverflowButton","React","forwardRef","props","ref","state","useReferenceOverflowButton_unstable","useReferenceOverflowButtonStyles_unstable","renderReferenceOverflowButton_unstable","displayName"],"mappings":";;;;+BAKaA;;;eAAAA;;;;iEALU;4CAC6B;+CACG;kDACG;AAEnD,MAAMA,0BAA0B,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAC3E,MAAMC,QAAQC,IAAAA,+DAAmC,EAACH,OAAOC;IACzDG,IAAAA,2EAAyC,EAACF;IAC1C,OAAOG,IAAAA,qEAAsC,EAACH;AAChD;AACAL,wBAAwBS,WAAW,GAAG,2BACtC,mDAAmD"}

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

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+ //# sourceMappingURL=ReferenceOverflowButton.types.js.map

package/lib-commonjs/components/reference-v2/ReferenceOverflowButton/ReferenceOverflowButton.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ReferenceOverflowButton.types.js"],"sourcesContent":["export {};\n//# sourceMappingURL=ReferenceOverflowButton.types.js.map"],"names":[],"mappings":";;;;CACA,yDAAyD"}

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

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./ReferenceOverflowButton"), exports);
+_export_star._(require("./ReferenceOverflowButton.types"), exports);
+_export_star._(require("./renderReferenceOverflowButton"), exports);
+_export_star._(require("./useReferenceOverflowButton"), exports);
+_export_star._(require("./useReferenceOverflowButtonStyles"), exports);
+ //# sourceMappingURL=index.js.map

package/lib-commonjs/components/reference-v2/ReferenceOverflowButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.js"],"sourcesContent":["export * from './ReferenceOverflowButton';\nexport * from './ReferenceOverflowButton.types';\nexport * from './renderReferenceOverflowButton';\nexport * from './useReferenceOverflowButton';\nexport * from './useReferenceOverflowButtonStyles';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA;CACd,iCAAiC"}

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

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "renderReferenceOverflowButton_unstable", {
+    enumerable: true,
+    get: function() {
+        return renderReferenceOverflowButton_unstable;
+    }
+});
+const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
+const _reactcomponents = require("@fluentui/react-components");
+const renderReferenceOverflowButton_unstable = (state)=>{
+    (0, _reactcomponents.assertSlots)(state);
+    return state.shouldRenderOverflowButton ? /*#__PURE__*/ (0, _jsxruntime.jsx)(state.root, {}) : null;
+}; //# sourceMappingURL=renderReferenceOverflowButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["renderReferenceOverflowButton.js"],"sourcesContent":["import { jsx as _jsx } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { assertSlots } from '@fluentui/react-components';\n/**\n * Render the final JSX of ReferenceOverflowButton\n */\nexport const renderReferenceOverflowButton_unstable = state => {\n  assertSlots(state);\n  return state.shouldRenderOverflowButton ? /*#__PURE__*/_jsx(state.root, {}) : null;\n};\n//# sourceMappingURL=renderReferenceOverflowButton.js.map"],"names":["renderReferenceOverflowButton_unstable","state","assertSlots","shouldRenderOverflowButton","_jsx","root"],"mappings":";;;;+BAKaA;;;eAAAA;;;4BALe;iCACA;AAIrB,MAAMA,yCAAyCC,CAAAA;IACpDC,IAAAA,4BAAW,EAACD;IACZ,OAAOA,MAAME,0BAA0B,GAAG,WAAW,GAAEC,IAAAA,eAAI,EAACH,MAAMI,IAAI,EAAE,CAAC,KAAK;AAChF,GACA,yDAAyD"}

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

@@ -0,0 +1,84 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useReferenceOverflowButton_unstable", {
+    enumerable: true,
+    get: function() {
+        return useReferenceOverflowButton_unstable;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _keyboardkeys = require("@fluentui/keyboard-keys");
+const _reactcomponents = require("@fluentui/react-components");
+const _reactutilities = require("@fluentui/react-utilities");
+const _referenceListContext = require("../../../contexts/reference-v2/referenceListContext");
+const useReferenceOverflowButton_unstable = (props, ref)=>{
+    const { children, text } = props;
+    const rootRef = _react.useRef(null);
+    const [setTimeout] = (0, _reactutilities.useTimeout)();
+    const { areReferencesExpanded, ctxAppearance, previousOverflowCount, triggeredViaKeyboard } = (0, _referenceListContext.useReferenceListContext_unstable)((ctx)=>({
+            ctxAppearance: ctx.appearance,
+            areReferencesExpanded: ctx.areReferencesExpanded,
+            previousOverflowCount: ctx.previousOverflowCount,
+            triggeredViaKeyboard: ctx.overflowButtonTriggeredViaKeyboard
+        }));
+    const appearance = props.appearance || ctxAppearance;
+    const { isOverflowing, overflowCount } = (0, _reactcomponents.useOverflowMenu)();
+    const processedText = children !== null && children !== void 0 ? children : typeof text === 'function' ? text(overflowCount) : text;
+    const { findPrevFocusable } = (0, _reactcomponents.useFocusFinders)();
+    const onKeyDown = _react.useCallback((ev)=>{
+        if (ev.key === _keyboardkeys.Enter || ev.key === _keyboardkeys.Space) {
+            triggeredViaKeyboard.current = true;
+        }
+    }, [
+        triggeredViaKeyboard
+    ]);
+    // When the references are expanded or contracted via keyboard, we need to move focus to the appropriate element.
+    _react.useEffect(()=>{
+        if (triggeredViaKeyboard.current) {
+            let elementToFocus;
+            // If the references are contracted, we move focus to the overflow button.
+            if (!areReferencesExpanded) {
+                elementToFocus = rootRef.current;
+            } else if (rootRef.current && previousOverflowCount) {
+                let currentElement = rootRef.current;
+                for(let i = 0; i < previousOverflowCount.current && currentElement; i++){
+                    currentElement = findPrevFocusable(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);
+        }
+        // We update the previousOverflowCount to the current one when references are contracted, so that we have the correct number once they are expanded.
+        previousOverflowCount.current = areReferencesExpanded ? 0 : overflowCount;
+    }, // eslint-disable-next-line react-hooks/exhaustive-deps
+    [
+        areReferencesExpanded,
+        isOverflowing,
+        triggeredViaKeyboard
+    ]);
+    const state = {
+        appearance,
+        shouldRenderOverflowButton: isOverflowing || areReferencesExpanded,
+        components: {
+            root: 'button'
+        },
+        root: _reactcomponents.slot.always((0, _reactcomponents.getIntrinsicElementProps)('button', {
+            ref: (0, _reactcomponents.useMergedRefs)(rootRef, ref),
+            ...props
+        }), {
+            defaultProps: {
+                children: processedText
+            },
+            elementType: 'button'
+        })
+    };
+    state.root.onKeyDown = (0, _reactcomponents.mergeCallbacks)(onKeyDown, props.onKeyDown);
+    return state;
+}; //# sourceMappingURL=useReferenceOverflowButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["useReferenceOverflowButton.js"],"sourcesContent":["import * as React from 'react';\nimport { Enter, Space } from '@fluentui/keyboard-keys';\nimport { getIntrinsicElementProps, mergeCallbacks, slot, useFocusFinders, useMergedRefs, useOverflowMenu } from '@fluentui/react-components';\nimport { useTimeout } from '@fluentui/react-utilities';\nimport { useReferenceListContext_unstable } from '../../../contexts/reference-v2/referenceListContext';\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 = (props, ref) => {\n  const {\n    children,\n    text\n  } = props;\n  const rootRef = React.useRef(null);\n  const [setTimeout] = useTimeout();\n  const {\n    areReferencesExpanded,\n    ctxAppearance,\n    previousOverflowCount,\n    triggeredViaKeyboard\n  } = useReferenceListContext_unstable(ctx => ({\n    ctxAppearance: ctx.appearance,\n    areReferencesExpanded: ctx.areReferencesExpanded,\n    previousOverflowCount: ctx.previousOverflowCount,\n    triggeredViaKeyboard: ctx.overflowButtonTriggeredViaKeyboard\n  }));\n  const appearance = props.appearance || ctxAppearance;\n  const {\n    isOverflowing,\n    overflowCount\n  } = useOverflowMenu();\n  const processedText = children !== null && children !== void 0 ? children : typeof text === 'function' ? text(overflowCount) : text;\n  const {\n    findPrevFocusable\n  } = useFocusFinders();\n  const onKeyDown = React.useCallback(ev => {\n    if (ev.key === Enter || ev.key === Space) {\n      triggeredViaKeyboard.current = true;\n    }\n  }, [triggeredViaKeyboard]);\n  // When the references are expanded or contracted via keyboard, we need to move focus to the appropriate element.\n  React.useEffect(() => {\n    if (triggeredViaKeyboard.current) {\n      let elementToFocus;\n      // If the references are contracted, we move focus to the overflow button.\n      if (!areReferencesExpanded) {\n        elementToFocus = rootRef.current;\n      } else if (rootRef.current && previousOverflowCount) {\n        let currentElement = rootRef.current;\n        for (let i = 0; i < previousOverflowCount.current && currentElement; i++) {\n          currentElement = findPrevFocusable(currentElement);\n        }\n        elementToFocus = currentElement;\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 === null || elementToFocus === void 0 ? void 0 : elementToFocus.focus();\n        triggeredViaKeyboard.current = false;\n      }, 0);\n    }\n    // We update the previousOverflowCount to the current one when references are contracted, so that we have the correct number once they are expanded.\n    previousOverflowCount.current = areReferencesExpanded ? 0 : overflowCount;\n  },\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  [areReferencesExpanded, isOverflowing, triggeredViaKeyboard]);\n  const state = {\n    appearance,\n    shouldRenderOverflowButton: isOverflowing || areReferencesExpanded,\n    components: {\n      root: 'button'\n    },\n    root: slot.always(getIntrinsicElementProps('button', {\n      ref: useMergedRefs(rootRef, ref),\n      ...props\n    }), {\n      defaultProps: {\n        children: processedText\n      },\n      elementType: 'button'\n    })\n  };\n  state.root.onKeyDown = mergeCallbacks(onKeyDown, props.onKeyDown);\n  return state;\n};\n//# sourceMappingURL=useReferenceOverflowButton.js.map"],"names":["useReferenceOverflowButton_unstable","props","ref","children","text","rootRef","React","useRef","setTimeout","useTimeout","areReferencesExpanded","ctxAppearance","previousOverflowCount","triggeredViaKeyboard","useReferenceListContext_unstable","ctx","appearance","overflowButtonTriggeredViaKeyboard","isOverflowing","overflowCount","useOverflowMenu","processedText","findPrevFocusable","useFocusFinders","onKeyDown","useCallback","ev","key","Enter","Space","current","useEffect","elementToFocus","currentElement","i","focus","state","shouldRenderOverflowButton","components","root","slot","always","getIntrinsicElementProps","useMergedRefs","defaultProps","elementType","mergeCallbacks"],"mappings":";;;;+BAcaA;;;eAAAA;;;;iEAdU;8BACM;iCACmF;gCACrF;sCACsB;AAU1C,MAAMA,sCAAsC,CAACC,OAAOC;IACzD,MAAM,EACJC,QAAQ,EACRC,IAAI,EACL,GAAGH;IACJ,MAAMI,UAAUC,OAAMC,MAAM,CAAC;IAC7B,MAAM,CAACC,WAAW,GAAGC,IAAAA,0BAAU;IAC/B,MAAM,EACJC,qBAAqB,EACrBC,aAAa,EACbC,qBAAqB,EACrBC,oBAAoB,EACrB,GAAGC,IAAAA,sDAAgC,EAACC,CAAAA,MAAQ,CAAA;YAC3CJ,eAAeI,IAAIC,UAAU;YAC7BN,uBAAuBK,IAAIL,qBAAqB;YAChDE,uBAAuBG,IAAIH,qBAAqB;YAChDC,sBAAsBE,IAAIE,kCAAkC;QAC9D,CAAA;IACA,MAAMD,aAAaf,MAAMe,UAAU,IAAIL;IACvC,MAAM,EACJO,aAAa,EACbC,aAAa,EACd,GAAGC,IAAAA,gCAAe;IACnB,MAAMC,gBAAgBlB,aAAa,QAAQA,aAAa,KAAK,IAAIA,WAAW,OAAOC,SAAS,aAAaA,KAAKe,iBAAiBf;IAC/H,MAAM,EACJkB,iBAAiB,EAClB,GAAGC,IAAAA,gCAAe;IACnB,MAAMC,YAAYlB,OAAMmB,WAAW,CAACC,CAAAA;QAClC,IAAIA,GAAGC,GAAG,KAAKC,mBAAK,IAAIF,GAAGC,GAAG,KAAKE,mBAAK,EAAE;YACxChB,qBAAqBiB,OAAO,GAAG;QACjC;IACF,GAAG;QAACjB;KAAqB;IACzB,iHAAiH;IACjHP,OAAMyB,SAAS,CAAC;QACd,IAAIlB,qBAAqBiB,OAAO,EAAE;YAChC,IAAIE;YACJ,0EAA0E;YAC1E,IAAI,CAACtB,uBAAuB;gBAC1BsB,iBAAiB3B,QAAQyB,OAAO;YAClC,OAAO,IAAIzB,QAAQyB,OAAO,IAAIlB,uBAAuB;gBACnD,IAAIqB,iBAAiB5B,QAAQyB,OAAO;gBACpC,IAAK,IAAII,IAAI,GAAGA,IAAItB,sBAAsBkB,OAAO,IAAIG,gBAAgBC,IAAK;oBACxED,iBAAiBX,kBAAkBW;gBACrC;gBACAD,iBAAiBC;YACnB;YACA,+IAA+I;YAC/IzB,WAAW;gBACTwB,mBAAmB,QAAQA,mBAAmB,KAAK,IAAI,KAAK,IAAIA,eAAeG,KAAK;gBACpFtB,qBAAqBiB,OAAO,GAAG;YACjC,GAAG;QACL;QACA,oJAAoJ;QACpJlB,sBAAsBkB,OAAO,GAAGpB,wBAAwB,IAAIS;IAC9D,GACA,uDAAuD;IACvD;QAACT;QAAuBQ;QAAeL;KAAqB;IAC5D,MAAMuB,QAAQ;QACZpB;QACAqB,4BAA4BnB,iBAAiBR;QAC7C4B,YAAY;YACVC,MAAM;QACR;QACAA,MAAMC,qBAAI,CAACC,MAAM,CAACC,IAAAA,yCAAwB,EAAC,UAAU;YACnDxC,KAAKyC,IAAAA,8BAAa,EAACtC,SAASH;YAC5B,GAAGD,KAAK;QACV,IAAI;YACF2C,cAAc;gBACZzC,UAAUkB;YACZ;YACAwB,aAAa;QACf;IACF;IACAT,MAAMG,IAAI,CAACf,SAAS,GAAGsB,IAAAA,+BAAc,EAACtB,WAAWvB,MAAMuB,SAAS;IAChE,OAAOY;AACT,GACA,sDAAsD"}