@fluentui/react-teaching-popover 0.0.0-nightly-20240423-0406.1

package/lib-commonjs/components/TeachingPopoverCarousel/useTeachingPopoverCarouselStyles.styles.js

@@ -0,0 +1,31 @@
+"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, {
+    teachingPopoverCarouselClassNames: function() {
+        return teachingPopoverCarouselClassNames;
+    },
+    useTeachingPopoverCarouselStyles_unstable: function() {
+        return useTeachingPopoverCarouselStyles_unstable;
+    }
+});
+const _react = require("@griffel/react");
+const teachingPopoverCarouselClassNames = {
+    root: 'fui-TeachingPopoverCarousel'
+};
+// Todo: Page change animation & styles
+const useStyles = /*#__PURE__*/ (0, _react.__styles)({
+    root: {}
+}, {});
+const useTeachingPopoverCarouselStyles_unstable = (state)=>{
+    const styles = useStyles();
+    state.root.className = (0, _react.mergeClasses)(teachingPopoverCarouselClassNames.root, styles.root, state.root.className);
+    return state;
+}; //# sourceMappingURL=useTeachingPopoverCarouselStyles.styles.js.map

package/lib-commonjs/components/TeachingPopoverCarousel/useTeachingPopoverCarouselStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useTeachingPopoverCarouselStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses } from '@griffel/react';\nexport const teachingPopoverCarouselClassNames = {\n  root: 'fui-TeachingPopoverCarousel'\n};\n// Todo: Page change animation & styles\nconst useStyles = /*#__PURE__*/__styles({\n  root: {}\n}, {});\n/** Applies style classnames to slots */\nexport const useTeachingPopoverCarouselStyles_unstable = state => {\n  const styles = useStyles();\n  state.root.className = mergeClasses(teachingPopoverCarouselClassNames.root, styles.root, state.root.className);\n  return state;\n};\n//# sourceMappingURL=useTeachingPopoverCarouselStyles.styles.js.map"],"names":["teachingPopoverCarouselClassNames","useTeachingPopoverCarouselStyles_unstable","root","useStyles","__styles","state","styles","className","mergeClasses"],"mappings":";;;;;;;;;;;IACaA,iCAAiC;eAAjCA;;IAQAC,yCAAyC;eAAzCA;;;uBAT0B;AAChC,MAAMD,oCAAoC;IAC/CE,MAAM;AACR;AACA,uCAAuC;AACvC,MAAMC,YAAY,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IACtCF,MAAM,CAAC;AACT,GAAG,CAAC;AAEG,MAAMD,4CAA4CI,CAAAA;IACvD,MAAMC,SAASH;IACfE,MAAMH,IAAI,CAACK,SAAS,GAAGC,IAAAA,mBAAY,EAACR,kCAAkCE,IAAI,EAAEI,OAAOJ,IAAI,EAAEG,MAAMH,IAAI,CAACK,SAAS;IAC7G,OAAOF;AACT,GACA,mEAAmE"}

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

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "TeachingPopoverCarouselCard", {
+    enumerable: true,
+    get: function() {
+        return TeachingPopoverCarouselCard;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _useTeachingPopoverCarouselCard = require("./useTeachingPopoverCarouselCard");
+const _renderTeachingPopoverCarouselCard = require("./renderTeachingPopoverCarouselCard");
+const _useTeachingPopoverCarouselCardStylesstyles = require("./useTeachingPopoverCarouselCardStyles.styles");
+const TeachingPopoverCarouselCard = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _useTeachingPopoverCarouselCard.useTeachingPopoverCarouselCard_unstable)(props, ref);
+    (0, _useTeachingPopoverCarouselCardStylesstyles.useTeachingPopoverCarouselCardStyles_unstable)(state);
+    return (0, _renderTeachingPopoverCarouselCard.renderTeachingPopoverCarouselCard_unstable)(state);
+});
+TeachingPopoverCarouselCard.displayName = 'TeachingPopoverCarouselCard';

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

@@ -0,0 +1 @@
+{"version":3,"sources":["TeachingPopoverCarouselCard.js"],"sourcesContent":["import * as React from 'react';\nimport { useTeachingPopoverCarouselCard_unstable } from './useTeachingPopoverCarouselCard';\nimport { renderTeachingPopoverCarouselCard_unstable } from './renderTeachingPopoverCarouselCard';\nimport { useTeachingPopoverCarouselCardStyles_unstable } from './useTeachingPopoverCarouselCardStyles.styles';\n/**\n * Define a styled TeachingPopoverCarouselCard, using the `useTeachingPopoverCarouselCard_unstable` and `useTeachingPopoverCarouselCardStyles_unstable`\n * hooks.\n *\n * TeachingPopoverCarouselCard is the definition of a single page view within the carousel, they are shown one at a time and can be navigated through sequentially.\n */ export const TeachingPopoverCarouselCard = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const state = useTeachingPopoverCarouselCard_unstable(props, ref);\n    useTeachingPopoverCarouselCardStyles_unstable(state);\n    return renderTeachingPopoverCarouselCard_unstable(state);\n});\nTeachingPopoverCarouselCard.displayName = 'TeachingPopoverCarouselCard';\n"],"names":["TeachingPopoverCarouselCard","React","forwardRef","props","ref","state","useTeachingPopoverCarouselCard_unstable","useTeachingPopoverCarouselCardStyles_unstable","renderTeachingPopoverCarouselCard_unstable","displayName"],"mappings":";;;;+BASiBA;;;eAAAA;;;;iEATM;gDACiC;mDACG;4DACG;AAMnD,MAAMA,8BAA8B,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAClF,MAAMC,QAAQC,IAAAA,uEAAuC,EAACH,OAAOC;IAC7DG,IAAAA,yFAA6C,EAACF;IAC9C,OAAOG,IAAAA,6EAA0C,EAACH;AACtD;AACAL,4BAA4BS,WAAW,GAAG"}

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

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});

package/lib-commonjs/components/TeachingPopoverCarouselCard/TeachingPopoverCarouselCard.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":""}

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

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./TeachingPopoverCarouselCard"), exports);
+_export_star._(require("./TeachingPopoverCarouselCard.types"), exports);
+_export_star._(require("./renderTeachingPopoverCarouselCard"), exports);
+_export_star._(require("./useTeachingPopoverCarouselCard"), exports);
+_export_star._(require("./useTeachingPopoverCarouselCardStyles.styles"), exports);

package/lib-commonjs/components/TeachingPopoverCarouselCard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.js"],"sourcesContent":["export * from './TeachingPopoverCarouselCard';\nexport * from './TeachingPopoverCarouselCard.types';\nexport * from './renderTeachingPopoverCarouselCard';\nexport * from './useTeachingPopoverCarouselCard';\nexport * from './useTeachingPopoverCarouselCardStyles.styles';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}

package/lib-commonjs/components/TeachingPopoverCarouselCard/renderTeachingPopoverCarouselCard.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "renderTeachingPopoverCarouselCard_unstable", {
+    enumerable: true,
+    get: function() {
+        return renderTeachingPopoverCarouselCard_unstable;
+    }
+});
+const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
+const _reactutilities = require("@fluentui/react-utilities");
+const renderTeachingPopoverCarouselCard_unstable = (state)=>{
+    (0, _reactutilities.assertSlots)(state);
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(state.root, {});
+};

package/lib-commonjs/components/TeachingPopoverCarouselCard/renderTeachingPopoverCarouselCard.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["renderTeachingPopoverCarouselCard.js"],"sourcesContent":["  import { jsx as _jsx } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { assertSlots } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of TeachingPopoverCarouselCard\n */ export const renderTeachingPopoverCarouselCard_unstable = (state)=>{\n    assertSlots(state);\n    return /*#__PURE__*/ _jsx(state.root, {});\n};\n"],"names":["renderTeachingPopoverCarouselCard_unstable","state","assertSlots","_jsx","root"],"mappings":";;;;+BAIiBA;;;eAAAA;;;4BAJa;gCACF;AAGjB,MAAMA,6CAA6C,CAACC;IAC3DC,IAAAA,2BAAW,EAACD;IACZ,OAAO,WAAW,GAAGE,IAAAA,eAAI,EAACF,MAAMG,IAAI,EAAE,CAAC;AAC3C"}

package/lib-commonjs/components/TeachingPopoverCarouselCard/useTeachingPopoverCarouselCard.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useTeachingPopoverCarouselCard_unstable", {
+    enumerable: true,
+    get: function() {
+        return useTeachingPopoverCarouselCard_unstable;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _reactutilities = require("@fluentui/react-utilities");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _Carouseltem = require("../TeachingPopoverCarousel/Carousel/CarouselItem/Carouseltem");
+const useTeachingPopoverCarouselCard_unstable = (props, ref)=>{
+    const { value } = props;
+    return {
+        value,
+        components: {
+            root: _Carouseltem.CarouselItem
+        },
+        root: _reactutilities.slot.always({
+            ...(0, _reactutilities.getIntrinsicElementProps)('div', {
+                ref,
+                ...props
+            }),
+            value
+        }, {
+            elementType: _Carouseltem.CarouselItem
+        })
+    };
+};

package/lib-commonjs/components/TeachingPopoverCarouselCard/useTeachingPopoverCarouselCard.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useTeachingPopoverCarouselCard.js"],"sourcesContent":["import { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport * as React from 'react';\nimport { CarouselItem } from '../TeachingPopoverCarousel/Carousel/CarouselItem/Carouseltem';\n/**\n * Returns the props and state required to render the component\n * @param props - TeachingPopoverCarouselCard properties\n * @param ref - reference to root HTMLElement of TeachingPopoverCarouselCard\n */ export const useTeachingPopoverCarouselCard_unstable = (props, ref)=>{\n    const { value } = props;\n    return {\n        value,\n        components: {\n            root: CarouselItem\n        },\n        root: slot.always({\n            ...getIntrinsicElementProps('div', {\n                ref,\n                ...props\n            }),\n            value\n        }, {\n            elementType: CarouselItem\n        })\n    };\n};\n"],"names":["useTeachingPopoverCarouselCard_unstable","props","ref","value","components","root","CarouselItem","slot","always","getIntrinsicElementProps","elementType"],"mappings":";;;;+BAOiBA;;;eAAAA;;;;gCAP8B;iEACxB;6BACM;AAKlB,MAAMA,0CAA0C,CAACC,OAAOC;IAC/D,MAAM,EAAEC,KAAK,EAAE,GAAGF;IAClB,OAAO;QACHE;QACAC,YAAY;YACRC,MAAMC,yBAAY;QACtB;QACAD,MAAME,oBAAI,CAACC,MAAM,CAAC;YACd,GAAGC,IAAAA,wCAAwB,EAAC,OAAO;gBAC/BP;gBACA,GAAGD,KAAK;YACZ,EAAE;YACFE;QACJ,GAAG;YACCO,aAAaJ,yBAAY;QAC7B;IACJ;AACJ"}

package/lib-commonjs/components/TeachingPopoverCarouselCard/useTeachingPopoverCarouselCardStyles.styles.js

@@ -0,0 +1,30 @@
+"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, {
+    teachingPopoverCarouselCardClassNames: function() {
+        return teachingPopoverCarouselCardClassNames;
+    },
+    useTeachingPopoverCarouselCardStyles_unstable: function() {
+        return useTeachingPopoverCarouselCardStyles_unstable;
+    }
+});
+const _react = require("@griffel/react");
+const teachingPopoverCarouselCardClassNames = {
+    root: 'fui-TeachingPopoverCarouselCard'
+};
+const useStyles = /*#__PURE__*/ (0, _react.__styles)({
+    root: {}
+}, {});
+const useTeachingPopoverCarouselCardStyles_unstable = (state)=>{
+    const styles = useStyles();
+    state.root.className = (0, _react.mergeClasses)(teachingPopoverCarouselCardClassNames.root, styles.root, state.root.className);
+    return state;
+}; //# sourceMappingURL=useTeachingPopoverCarouselCardStyles.styles.js.map

package/lib-commonjs/components/TeachingPopoverCarouselCard/useTeachingPopoverCarouselCardStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useTeachingPopoverCarouselCardStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses } from '@griffel/react';\nexport const teachingPopoverCarouselCardClassNames = {\n  root: 'fui-TeachingPopoverCarouselCard'\n};\nconst useStyles = /*#__PURE__*/__styles({\n  root: {}\n}, {});\n/** Applies style classnames to slots */\nexport const useTeachingPopoverCarouselCardStyles_unstable = state => {\n  const styles = useStyles();\n  state.root.className = mergeClasses(teachingPopoverCarouselCardClassNames.root, styles.root, state.root.className);\n  return state;\n};\n//# sourceMappingURL=useTeachingPopoverCarouselCardStyles.styles.js.map"],"names":["teachingPopoverCarouselCardClassNames","useTeachingPopoverCarouselCardStyles_unstable","root","useStyles","__styles","state","styles","className","mergeClasses"],"mappings":";;;;;;;;;;;IACaA,qCAAqC;eAArCA;;IAOAC,6CAA6C;eAA7CA;;;uBAR0B;AAChC,MAAMD,wCAAwC;IACnDE,MAAM;AACR;AACA,MAAMC,YAAY,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IACtCF,MAAM,CAAC;AACT,GAAG,CAAC;AAEG,MAAMD,gDAAgDI,CAAAA;IAC3D,MAAMC,SAASH;IACfE,MAAMH,IAAI,CAACK,SAAS,GAAGC,IAAAA,mBAAY,EAACR,sCAAsCE,IAAI,EAAEI,OAAOJ,IAAI,EAAEG,MAAMH,IAAI,CAACK,SAAS;IACjH,OAAOF;AACT,GACA,uEAAuE"}

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

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "TeachingPopoverCarouselFooter", {
+    enumerable: true,
+    get: function() {
+        return TeachingPopoverCarouselFooter;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _useTeachingPopoverCarouselFooter = require("./useTeachingPopoverCarouselFooter");
+const _renderTeachingPopoverCarouselFooter = require("./renderTeachingPopoverCarouselFooter");
+const _useTeachingPopoverCarouselFooterStylesstyles = require("./useTeachingPopoverCarouselFooterStyles.styles");
+const TeachingPopoverCarouselFooter = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _useTeachingPopoverCarouselFooter.useTeachingPopoverCarouselFooter_unstable)(props, ref);
+    (0, _useTeachingPopoverCarouselFooterStylesstyles.useTeachingPopoverCarouselFooterStyles_unstable)(state);
+    return (0, _renderTeachingPopoverCarouselFooter.renderTeachingPopoverCarouselFooter_unstable)(state);
+});
+TeachingPopoverCarouselFooter.displayName = 'TeachingPopoverCarouselFooter';

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

@@ -0,0 +1 @@
+{"version":3,"sources":["TeachingPopoverCarouselFooter.js"],"sourcesContent":["import * as React from 'react';\nimport { useTeachingPopoverCarouselFooter_unstable } from './useTeachingPopoverCarouselFooter';\nimport { renderTeachingPopoverCarouselFooter_unstable } from './renderTeachingPopoverCarouselFooter';\nimport { useTeachingPopoverCarouselFooterStyles_unstable } from './useTeachingPopoverCarouselFooterStyles.styles';\n/**\n * Define a styled TeachingPopoverCarouselFooter, using the `useTeachingPopoverCarouselFooter_unstable` and `useTeachingPopoverCarouselFooterStyles_unstable`\n * hooks.\n *\n * TeachingPopoverCarouselFooter contains previous/next buttons configured for carousel navigation, and a root slot for page count and/or page index navigation.\n */ export const TeachingPopoverCarouselFooter = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const state = useTeachingPopoverCarouselFooter_unstable(props, ref);\n    useTeachingPopoverCarouselFooterStyles_unstable(state);\n    return renderTeachingPopoverCarouselFooter_unstable(state);\n});\nTeachingPopoverCarouselFooter.displayName = 'TeachingPopoverCarouselFooter';\n"],"names":["TeachingPopoverCarouselFooter","React","forwardRef","props","ref","state","useTeachingPopoverCarouselFooter_unstable","useTeachingPopoverCarouselFooterStyles_unstable","renderTeachingPopoverCarouselFooter_unstable","displayName"],"mappings":";;;;+BASiBA;;;eAAAA;;;;iEATM;kDACmC;qDACG;8DACG;AAMrD,MAAMA,gCAAgC,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACpF,MAAMC,QAAQC,IAAAA,2EAAyC,EAACH,OAAOC;IAC/DG,IAAAA,6FAA+C,EAACF;IAChD,OAAOG,IAAAA,iFAA4C,EAACH;AACxD;AACAL,8BAA8BS,WAAW,GAAG"}

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

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));

package/lib-commonjs/components/TeachingPopoverCarouselFooter/TeachingPopoverCarouselFooter.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["TeachingPopoverCarouselFooter.types.js"],"sourcesContent":["import * as React from 'react';\n"],"names":[],"mappings":";;;;;iEAAuB"}

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

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./TeachingPopoverCarouselFooter"), exports);
+_export_star._(require("./TeachingPopoverCarouselFooter.types"), exports);
+_export_star._(require("./renderTeachingPopoverCarouselFooter"), exports);
+_export_star._(require("./useTeachingPopoverCarouselFooter"), exports);
+_export_star._(require("./useTeachingPopoverCarouselFooterStyles.styles"), exports);

package/lib-commonjs/components/TeachingPopoverCarouselFooter/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.js"],"sourcesContent":["export * from './TeachingPopoverCarouselFooter';\nexport * from './TeachingPopoverCarouselFooter.types';\nexport * from './renderTeachingPopoverCarouselFooter';\nexport * from './useTeachingPopoverCarouselFooter';\nexport * from './useTeachingPopoverCarouselFooterStyles.styles';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}

package/lib-commonjs/components/TeachingPopoverCarouselFooter/renderTeachingPopoverCarouselFooter.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "renderTeachingPopoverCarouselFooter_unstable", {
+    enumerable: true,
+    get: function() {
+        return renderTeachingPopoverCarouselFooter_unstable;
+    }
+});
+const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
+const _reactutilities = require("@fluentui/react-utilities");
+const renderTeachingPopoverCarouselFooter_unstable = (state)=>{
+    (0, _reactutilities.assertSlots)(state);
+    const { layout } = state;
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(state.root, {
+        children: [
+            layout === 'centered' && state.previous && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.previous, {}),
+            state.root.children,
+            layout === 'offset' && state.previous && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.previous, {}),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(state.next, {})
+        ]
+    });
+};

package/lib-commonjs/components/TeachingPopoverCarouselFooter/renderTeachingPopoverCarouselFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["renderTeachingPopoverCarouselFooter.js"],"sourcesContent":["  import { jsx as _jsx, jsxs as _jsxs } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { assertSlots } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of TeachingPopoverCarouselFooter\n */ export const renderTeachingPopoverCarouselFooter_unstable = (state)=>{\n    assertSlots(state);\n    const { layout } = state;\n    return /*#__PURE__*/ _jsxs(state.root, {\n        children: [\n            layout === 'centered' && state.previous && /*#__PURE__*/ _jsx(state.previous, {}),\n            state.root.children,\n            layout === 'offset' && state.previous && /*#__PURE__*/ _jsx(state.previous, {}),\n            /*#__PURE__*/ _jsx(state.next, {})\n        ]\n    });\n};\n"],"names":["renderTeachingPopoverCarouselFooter_unstable","state","assertSlots","layout","_jsxs","root","children","previous","_jsx","next"],"mappings":";;;;+BAIiBA;;;eAAAA;;;4BAJ4B;gCACjB;AAGjB,MAAMA,+CAA+C,CAACC;IAC7DC,IAAAA,2BAAW,EAACD;IACZ,MAAM,EAAEE,MAAM,EAAE,GAAGF;IACnB,OAAO,WAAW,GAAGG,IAAAA,gBAAK,EAACH,MAAMI,IAAI,EAAE;QACnCC,UAAU;YACNH,WAAW,cAAcF,MAAMM,QAAQ,IAAI,WAAW,GAAGC,IAAAA,eAAI,EAACP,MAAMM,QAAQ,EAAE,CAAC;YAC/EN,MAAMI,IAAI,CAACC,QAAQ;YACnBH,WAAW,YAAYF,MAAMM,QAAQ,IAAI,WAAW,GAAGC,IAAAA,eAAI,EAACP,MAAMM,QAAQ,EAAE,CAAC;YAC7E,WAAW,GAAGC,IAAAA,eAAI,EAACP,MAAMQ,IAAI,EAAE,CAAC;SACnC;IACL;AACJ"}

package/lib-commonjs/components/TeachingPopoverCarouselFooter/useTeachingPopoverCarouselFooter.js

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useTeachingPopoverCarouselFooter_unstable", {
+    enumerable: true,
+    get: function() {
+        return useTeachingPopoverCarouselFooter_unstable;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _reactutilities = require("@fluentui/react-utilities");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _TeachingPopoverCarouselFooterButton = require("../TeachingPopoverCarouselFooterButton/TeachingPopoverCarouselFooterButton");
+const useTeachingPopoverCarouselFooter_unstable = (props, ref)=>{
+    const { layout = 'centered', initialStepText, finalStepText } = props;
+    const previous = _reactutilities.slot.optional(props.previous, {
+        defaultProps: {
+            navType: 'prev',
+            altText: initialStepText
+        },
+        renderByDefault: true,
+        elementType: _TeachingPopoverCarouselFooterButton.TeachingPopoverCarouselFooterButton
+    });
+    const next = _reactutilities.slot.always(props.next, {
+        defaultProps: {
+            navType: 'next',
+            altText: finalStepText
+        },
+        elementType: _TeachingPopoverCarouselFooterButton.TeachingPopoverCarouselFooterButton
+    });
+    return {
+        layout,
+        components: {
+            root: 'div',
+            next: _TeachingPopoverCarouselFooterButton.TeachingPopoverCarouselFooterButton,
+            previous: _TeachingPopoverCarouselFooterButton.TeachingPopoverCarouselFooterButton
+        },
+        root: _reactutilities.slot.always((0, _reactutilities.getIntrinsicElementProps)('div', {
+            ref,
+            ...props
+        }), {
+            elementType: 'div'
+        }),
+        previous,
+        next
+    };
+};

package/lib-commonjs/components/TeachingPopoverCarouselFooter/useTeachingPopoverCarouselFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useTeachingPopoverCarouselFooter.js"],"sourcesContent":["import { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport * as React from 'react';\nimport { TeachingPopoverCarouselFooterButton } from '../TeachingPopoverCarouselFooterButton/TeachingPopoverCarouselFooterButton';\nexport const useTeachingPopoverCarouselFooter_unstable = (props, ref)=>{\n    const { layout = 'centered', initialStepText, finalStepText } = props;\n    const previous = slot.optional(props.previous, {\n        defaultProps: {\n            navType: 'prev',\n            altText: initialStepText\n        },\n        renderByDefault: true,\n        elementType: TeachingPopoverCarouselFooterButton\n    });\n    const next = slot.always(props.next, {\n        defaultProps: {\n            navType: 'next',\n            altText: finalStepText\n        },\n        elementType: TeachingPopoverCarouselFooterButton\n    });\n    return {\n        layout,\n        components: {\n            root: 'div',\n            next: TeachingPopoverCarouselFooterButton,\n            previous: TeachingPopoverCarouselFooterButton\n        },\n        root: slot.always(getIntrinsicElementProps('div', {\n            ref,\n            ...props\n        }), {\n            elementType: 'div'\n        }),\n        previous,\n        next\n    };\n};\n"],"names":["useTeachingPopoverCarouselFooter_unstable","props","ref","layout","initialStepText","finalStepText","previous","slot","optional","defaultProps","navType","altText","renderByDefault","elementType","TeachingPopoverCarouselFooterButton","next","always","components","root","getIntrinsicElementProps"],"mappings":";;;;+BAGaA;;;eAAAA;;;;gCAHkC;iEACxB;qDAC6B;AAC7C,MAAMA,4CAA4C,CAACC,OAAOC;IAC7D,MAAM,EAAEC,SAAS,UAAU,EAAEC,eAAe,EAAEC,aAAa,EAAE,GAAGJ;IAChE,MAAMK,WAAWC,oBAAI,CAACC,QAAQ,CAACP,MAAMK,QAAQ,EAAE;QAC3CG,cAAc;YACVC,SAAS;YACTC,SAASP;QACb;QACAQ,iBAAiB;QACjBC,aAAaC,wEAAmC;IACpD;IACA,MAAMC,OAAOR,oBAAI,CAACS,MAAM,CAACf,MAAMc,IAAI,EAAE;QACjCN,cAAc;YACVC,SAAS;YACTC,SAASN;QACb;QACAQ,aAAaC,wEAAmC;IACpD;IACA,OAAO;QACHX;QACAc,YAAY;YACRC,MAAM;YACNH,MAAMD,wEAAmC;YACzCR,UAAUQ,wEAAmC;QACjD;QACAI,MAAMX,oBAAI,CAACS,MAAM,CAACG,IAAAA,wCAAwB,EAAC,OAAO;YAC9CjB;YACA,GAAGD,KAAK;QACZ,IAAI;YACAY,aAAa;QACjB;QACAP;QACAS;IACJ;AACJ"}

package/lib-commonjs/components/TeachingPopoverCarouselFooter/useTeachingPopoverCarouselFooterStyles.styles.js

@@ -0,0 +1,60 @@
+"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, {
+    teachingPopoverCarouselFooterClassNames: function() {
+        return teachingPopoverCarouselFooterClassNames;
+    },
+    useTeachingPopoverCarouselFooterStyles_unstable: function() {
+        return useTeachingPopoverCarouselFooterStyles_unstable;
+    }
+});
+const _react = require("@griffel/react");
+const teachingPopoverCarouselFooterClassNames = {
+    root: 'fui-TeachingPopoverCarouselFooter',
+    previous: 'fui-TeachingPopoverCarouselFooter__previous',
+    next: 'fui-TeachingPopoverCarouselFooter__next'
+};
+// Todo: Page change animation & styles
+const useStyles = /*#__PURE__*/ (0, _react.__styles)({
+    root: {
+        mc9l5x: "f22iagw",
+        Beiy3e4: "f1063pyq"
+    },
+    rootCentered: {
+        Brf1p80: "f1869bpl",
+        i8kkvl: "f4px1ci",
+        Belr9w4: "fn67r4l"
+    },
+    rootRightAligned: {
+        i8kkvl: "f4px1ci",
+        Belr9w4: "fn67r4l",
+        Bp34fd5: "f1y65ohq"
+    }
+}, {
+    d: [
+        ".f22iagw{display:flex;}",
+        ".f1063pyq{flex-direction:row;}",
+        ".f1869bpl{justify-content:space-between;}",
+        ".f4px1ci{column-gap:8px;}",
+        ".fn67r4l{row-gap:8px;}",
+        ".f1y65ohq :first-child{-webkit-margin-end:auto;margin-inline-end:auto;}"
+    ]
+});
+const useTeachingPopoverCarouselFooterStyles_unstable = (state)=>{
+    const styles = useStyles();
+    const { layout } = state;
+    state.root.className = (0, _react.mergeClasses)(teachingPopoverCarouselFooterClassNames.root, styles.root, layout === 'centered' ? styles.rootCentered : styles.rootRightAligned, state.root.className);
+    if (state.previous) {
+        state.previous.className = (0, _react.mergeClasses)(teachingPopoverCarouselFooterClassNames.previous, state.previous.className);
+    }
+    state.next.className = (0, _react.mergeClasses)(teachingPopoverCarouselFooterClassNames.next, state.next.className);
+    return state;
+}; //# sourceMappingURL=useTeachingPopoverCarouselFooterStyles.styles.js.map

package/lib-commonjs/components/TeachingPopoverCarouselFooter/useTeachingPopoverCarouselFooterStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useTeachingPopoverCarouselFooterStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nexport const teachingPopoverCarouselFooterClassNames = {\n  root: 'fui-TeachingPopoverCarouselFooter',\n  previous: 'fui-TeachingPopoverCarouselFooter__previous',\n  next: 'fui-TeachingPopoverCarouselFooter__next'\n};\n// Todo: Page change animation & styles\nconst useStyles = /*#__PURE__*/__styles({\n  root: {\n    mc9l5x: \"f22iagw\",\n    Beiy3e4: \"f1063pyq\"\n  },\n  rootCentered: {\n    Brf1p80: \"f1869bpl\",\n    i8kkvl: \"f4px1ci\",\n    Belr9w4: \"fn67r4l\"\n  },\n  rootRightAligned: {\n    i8kkvl: \"f4px1ci\",\n    Belr9w4: \"fn67r4l\",\n    Bp34fd5: \"f1y65ohq\"\n  }\n}, {\n  d: [\".f22iagw{display:flex;}\", \".f1063pyq{flex-direction:row;}\", \".f1869bpl{justify-content:space-between;}\", \".f4px1ci{column-gap:8px;}\", \".fn67r4l{row-gap:8px;}\", \".f1y65ohq :first-child{-webkit-margin-end:auto;margin-inline-end:auto;}\"]\n});\n/** Applies style classnames to slots */\nexport const useTeachingPopoverCarouselFooterStyles_unstable = state => {\n  const styles = useStyles();\n  const {\n    layout\n  } = state;\n  state.root.className = mergeClasses(teachingPopoverCarouselFooterClassNames.root, styles.root, layout === 'centered' ? styles.rootCentered : styles.rootRightAligned, state.root.className);\n  if (state.previous) {\n    state.previous.className = mergeClasses(teachingPopoverCarouselFooterClassNames.previous, state.previous.className);\n  }\n  state.next.className = mergeClasses(teachingPopoverCarouselFooterClassNames.next, state.next.className);\n  return state;\n};\n//# sourceMappingURL=useTeachingPopoverCarouselFooterStyles.styles.js.map"],"names":["teachingPopoverCarouselFooterClassNames","useTeachingPopoverCarouselFooterStyles_unstable","root","previous","next","useStyles","__styles","mc9l5x","Beiy3e4","rootCentered","Brf1p80","i8kkvl","Belr9w4","rootRightAligned","Bp34fd5","d","state","styles","layout","className","mergeClasses"],"mappings":";;;;;;;;;;;IACaA,uCAAuC;eAAvCA;;IAyBAC,+CAA+C;eAA/CA;;;uBA1BsC;AAC5C,MAAMD,0CAA0C;IACrDE,MAAM;IACNC,UAAU;IACVC,MAAM;AACR;AACA,uCAAuC;AACvC,MAAMC,YAAY,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IACtCJ,MAAM;QACJK,QAAQ;QACRC,SAAS;IACX;IACAC,cAAc;QACZC,SAAS;QACTC,QAAQ;QACRC,SAAS;IACX;IACAC,kBAAkB;QAChBF,QAAQ;QACRC,SAAS;QACTE,SAAS;IACX;AACF,GAAG;IACDC,GAAG;QAAC;QAA2B;QAAkC;QAA6C;QAA6B;QAA0B;KAA0E;AACjP;AAEO,MAAMd,kDAAkDe,CAAAA;IAC7D,MAAMC,SAASZ;IACf,MAAM,EACJa,MAAM,EACP,GAAGF;IACJA,MAAMd,IAAI,CAACiB,SAAS,GAAGC,IAAAA,mBAAY,EAACpB,wCAAwCE,IAAI,EAAEe,OAAOf,IAAI,EAAEgB,WAAW,aAAaD,OAAOR,YAAY,GAAGQ,OAAOJ,gBAAgB,EAAEG,MAAMd,IAAI,CAACiB,SAAS;IAC1L,IAAIH,MAAMb,QAAQ,EAAE;QAClBa,MAAMb,QAAQ,CAACgB,SAAS,GAAGC,IAAAA,mBAAY,EAACpB,wCAAwCG,QAAQ,EAAEa,MAAMb,QAAQ,CAACgB,SAAS;IACpH;IACAH,MAAMZ,IAAI,CAACe,SAAS,GAAGC,IAAAA,mBAAY,EAACpB,wCAAwCI,IAAI,EAAEY,MAAMZ,IAAI,CAACe,SAAS;IACtG,OAAOH;AACT,GACA,yEAAyE"}

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

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "TeachingPopoverCarouselFooterButton", {
+    enumerable: true,
+    get: function() {
+        return TeachingPopoverCarouselFooterButton;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _useTeachingPopoverCarouselFooterButton = require("./useTeachingPopoverCarouselFooterButton");
+const _renderTeachingPopoverCarouselFooterButton = require("./renderTeachingPopoverCarouselFooterButton");
+const _useTeachingPopoverCarouselFooterButtonStylesstyles = require("./useTeachingPopoverCarouselFooterButtonStyles.styles");
+const TeachingPopoverCarouselFooterButton = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _useTeachingPopoverCarouselFooterButton.useTeachingPopoverCarouselFooterButton_unstable)(props, ref);
+    (0, _useTeachingPopoverCarouselFooterButtonStylesstyles.useTeachingPopoverCarouselFooterButtonStyles_unstable)(state);
+    return (0, _renderTeachingPopoverCarouselFooterButton.renderTeachingPopoverCarouselFooterButton_unstable)(state);
+});
+TeachingPopoverCarouselFooterButton.displayName = 'TeachingPopoverCarouselFooterButton';

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

@@ -0,0 +1 @@
+{"version":3,"sources":["TeachingPopoverCarouselFooterButton.js"],"sourcesContent":["import * as React from 'react';\nimport { useTeachingPopoverCarouselFooterButton_unstable } from './useTeachingPopoverCarouselFooterButton';\nimport { renderTeachingPopoverCarouselFooterButton_unstable } from './renderTeachingPopoverCarouselFooterButton';\nimport { useTeachingPopoverCarouselFooterButtonStyles_unstable } from './useTeachingPopoverCarouselFooterButtonStyles.styles';\n/**\n * TeachingPopoverCarouselFooterButton component\n *\n * TeachingPopoverCarouselFooterButton extends Button and injects additional styling and onClick functionality\n * to match the context provided by TeachingPopover & TeachingPopoverCarousel\n */ export const TeachingPopoverCarouselFooterButton = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const state = useTeachingPopoverCarouselFooterButton_unstable(props, ref);\n    useTeachingPopoverCarouselFooterButtonStyles_unstable(state);\n    return renderTeachingPopoverCarouselFooterButton_unstable(state);\n});\nTeachingPopoverCarouselFooterButton.displayName = 'TeachingPopoverCarouselFooterButton';\n"],"names":["TeachingPopoverCarouselFooterButton","React","forwardRef","props","ref","state","useTeachingPopoverCarouselFooterButton_unstable","useTeachingPopoverCarouselFooterButtonStyles_unstable","renderTeachingPopoverCarouselFooterButton_unstable","displayName"],"mappings":";;;;+BASiBA;;;eAAAA;;;;iEATM;wDACyC;2DACG;oEACG;AAM3D,MAAMA,sCAAsC,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAC1F,MAAMC,QAAQC,IAAAA,uFAA+C,EAACH,OAAOC;IACrEG,IAAAA,yGAAqD,EAACF;IACtD,OAAOG,IAAAA,6FAAkD,EAACH;AAC9D;AACAL,oCAAoCS,WAAW,GAAG"}

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

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});

package/lib-commonjs/components/TeachingPopoverCarouselFooterButton/TeachingPopoverCarouselFooterButton.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":""}

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

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./TeachingPopoverCarouselFooterButton"), exports);
+_export_star._(require("./TeachingPopoverCarouselFooterButton.types"), exports);
+_export_star._(require("./renderTeachingPopoverCarouselFooterButton"), exports);
+_export_star._(require("./useTeachingPopoverCarouselFooterButton"), exports);
+_export_star._(require("./useTeachingPopoverCarouselFooterButtonStyles.styles"), exports);

package/lib-commonjs/components/TeachingPopoverCarouselFooterButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.js"],"sourcesContent":["export * from './TeachingPopoverCarouselFooterButton';\nexport * from './TeachingPopoverCarouselFooterButton.types';\nexport * from './renderTeachingPopoverCarouselFooterButton';\nexport * from './useTeachingPopoverCarouselFooterButton';\nexport * from './useTeachingPopoverCarouselFooterButtonStyles.styles';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}

package/lib-commonjs/components/TeachingPopoverCarouselFooterButton/renderTeachingPopoverCarouselFooterButton.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "renderTeachingPopoverCarouselFooterButton_unstable", {
+    enumerable: true,
+    get: function() {
+        return renderTeachingPopoverCarouselFooterButton_unstable;
+    }
+});
+const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
+const _reactutilities = require("@fluentui/react-utilities");
+const renderTeachingPopoverCarouselFooterButton_unstable = (state)=>{
+    (0, _reactutilities.assertSlots)(state);
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(state.root, {});
+};

package/lib-commonjs/components/TeachingPopoverCarouselFooterButton/renderTeachingPopoverCarouselFooterButton.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["renderTeachingPopoverCarouselFooterButton.js"],"sourcesContent":["  import { jsx as _jsx } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { assertSlots } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of TeachingPopoverCarouselFooterButton\n */ export const renderTeachingPopoverCarouselFooterButton_unstable = (state)=>{\n    assertSlots(state);\n    return /*#__PURE__*/ _jsx(state.root, {});\n};\n"],"names":["renderTeachingPopoverCarouselFooterButton_unstable","state","assertSlots","_jsx","root"],"mappings":";;;;+BAIiBA;;;eAAAA;;;4BAJa;gCACF;AAGjB,MAAMA,qDAAqD,CAACC;IACnEC,IAAAA,2BAAW,EAACD;IACZ,OAAO,WAAW,GAAGE,IAAAA,eAAI,EAACF,MAAMG,IAAI,EAAE,CAAC;AAC3C"}

package/lib-commonjs/components/TeachingPopoverCarouselFooterButton/useTeachingPopoverCarouselFooterButton.js

@@ -0,0 +1,73 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useTeachingPopoverCarouselFooterButton_unstable", {
+    enumerable: true,
+    get: function() {
+        return useTeachingPopoverCarouselFooterButton_unstable;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactutilities = require("@fluentui/react-utilities");
+const _reactpopover = require("@fluentui/react-popover");
+const _CarouselContext = require("../TeachingPopoverCarousel/Carousel/CarouselContext");
+const _reactbutton = require("@fluentui/react-button");
+const _useCarouselValues = require("../TeachingPopoverCarousel/Carousel/useCarouselValues");
+const useTeachingPopoverCarouselFooterButton_unstable = (props, ref)=>{
+    const { navType, altText } = props;
+    const popoverAppearance = (0, _reactpopover.usePopoverContext_unstable)((context)=>context.appearance);
+    const selectPageByDirection = (0, _CarouselContext.useCarouselContext_unstable)((c)=>c.selectPageByDirection);
+    const values = (0, _useCarouselValues.useCarouselValues_unstable)((snapshot)=>snapshot);
+    const activeValue = (0, _CarouselContext.useCarouselContext_unstable)((c)=>c.value);
+    const handleClick = (event)=>{
+        if (event.isDefaultPrevented()) {
+            return;
+        }
+        selectPageByDirection(event, navType);
+    };
+    const handleButtonClick = (0, _reactutilities.useEventCallback)((0, _reactutilities.mergeCallbacks)(handleClick, props.onClick));
+    const isTrailing = _react.useMemo(()=>{
+        if (!activeValue) {
+            return false;
+        }
+        if (navType === 'prev') {
+            return values.indexOf(activeValue) === 0;
+        }
+        return values.indexOf(activeValue) === values.length - 1;
+    }, [
+        navType,
+        activeValue,
+        values
+    ]);
+    let buttonAppearanceType;
+    if (navType === 'next') {
+        buttonAppearanceType = popoverAppearance === 'brand' ? undefined : 'primary';
+    } else {
+        buttonAppearanceType = popoverAppearance === 'brand' ? 'outline' : undefined;
+    }
+    /* Handle altText on trailing step */ let buttonChild = props.children;
+    if (isTrailing) {
+        buttonChild = altText;
+    }
+    return {
+        ...(0, _reactbutton.useButton_unstable)({
+            appearance: buttonAppearanceType,
+            ...props
+        }, ref),
+        navType,
+        popoverAppearance,
+        altText,
+        // Override useButton root slot
+        root: _reactutilities.slot.always((0, _reactutilities.getIntrinsicElementProps)('button', {
+            ref,
+            appearance: buttonAppearanceType,
+            ...props,
+            onClick: handleButtonClick,
+            children: buttonChild
+        }), {
+            elementType: 'button'
+        })
+    };
+};

package/lib-commonjs/components/TeachingPopoverCarouselFooterButton/useTeachingPopoverCarouselFooterButton.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useTeachingPopoverCarouselFooterButton.js"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, mergeCallbacks, slot } from '@fluentui/react-utilities';\nimport { usePopoverContext_unstable } from '@fluentui/react-popover';\nimport { useCarouselContext_unstable } from '../TeachingPopoverCarousel/Carousel/CarouselContext';\nimport { useEventCallback } from '@fluentui/react-utilities';\nimport { useButton_unstable } from '@fluentui/react-button';\nimport { useCarouselValues_unstable } from '../TeachingPopoverCarousel/Carousel/useCarouselValues';\n/**\n * Create the state required to render TeachingPopoverCarouselFooterButton.\n *\n * The returned state can be modified with hooks such as useTeachingPopoverCarouselFooterButtonStyles_unstable,\n * before being passed to renderTeachingPopoverCarouselFooterButton_unstable.\n *\n * @param props - props from this instance of TeachingPopoverCarouselFooterButton\n * @param ref - reference to root HTMLDivElement of TeachingPopoverCarouselFooterButton\n */ export const useTeachingPopoverCarouselFooterButton_unstable = (props, ref)=>{\n    const { navType, altText } = props;\n    const popoverAppearance = usePopoverContext_unstable((context)=>context.appearance);\n    const selectPageByDirection = useCarouselContext_unstable((c)=>c.selectPageByDirection);\n    const values = useCarouselValues_unstable((snapshot)=>snapshot);\n    const activeValue = useCarouselContext_unstable((c)=>c.value);\n    const handleClick = (event)=>{\n        if (event.isDefaultPrevented()) {\n            return;\n        }\n        selectPageByDirection(event, navType);\n    };\n    const handleButtonClick = useEventCallback(mergeCallbacks(handleClick, props.onClick));\n    const isTrailing = React.useMemo(()=>{\n        if (!activeValue) {\n            return false;\n        }\n        if (navType === 'prev') {\n            return values.indexOf(activeValue) === 0;\n        }\n        return values.indexOf(activeValue) === values.length - 1;\n    }, [\n        navType,\n        activeValue,\n        values\n    ]);\n    let buttonAppearanceType;\n    if (navType === 'next') {\n        buttonAppearanceType = popoverAppearance === 'brand' ? undefined : 'primary';\n    } else {\n        buttonAppearanceType = popoverAppearance === 'brand' ? 'outline' : undefined;\n    }\n    /* Handle altText on trailing step */ let buttonChild = props.children;\n    if (isTrailing) {\n        buttonChild = altText;\n    }\n    return {\n        ...useButton_unstable({\n            appearance: buttonAppearanceType,\n            ...props\n        }, ref),\n        navType,\n        popoverAppearance,\n        altText,\n        // Override useButton root slot\n        root: slot.always(getIntrinsicElementProps('button', {\n            ref,\n            appearance: buttonAppearanceType,\n            ...props,\n            onClick: handleButtonClick,\n            children: buttonChild\n        }), {\n            elementType: 'button'\n        })\n    };\n};\n"],"names":["useTeachingPopoverCarouselFooterButton_unstable","props","ref","navType","altText","popoverAppearance","usePopoverContext_unstable","context","appearance","selectPageByDirection","useCarouselContext_unstable","c","values","useCarouselValues_unstable","snapshot","activeValue","value","handleClick","event","isDefaultPrevented","handleButtonClick","useEventCallback","mergeCallbacks","onClick","isTrailing","React","useMemo","indexOf","length","buttonAppearanceType","undefined","buttonChild","children","useButton_unstable","root","slot","always","getIntrinsicElementProps","elementType"],"mappings":";;;;+BAeiBA;;;eAAAA;;;;iEAfM;gCACwC;8BACpB;iCACC;6BAET;mCACQ;AAShC,MAAMA,kDAAkD,CAACC,OAAOC;IACvE,MAAM,EAAEC,OAAO,EAAEC,OAAO,EAAE,GAAGH;IAC7B,MAAMI,oBAAoBC,IAAAA,wCAA0B,EAAC,CAACC,UAAUA,QAAQC,UAAU;IAClF,MAAMC,wBAAwBC,IAAAA,4CAA2B,EAAC,CAACC,IAAIA,EAAEF,qBAAqB;IACtF,MAAMG,SAASC,IAAAA,6CAA0B,EAAC,CAACC,WAAWA;IACtD,MAAMC,cAAcL,IAAAA,4CAA2B,EAAC,CAACC,IAAIA,EAAEK,KAAK;IAC5D,MAAMC,cAAc,CAACC;QACjB,IAAIA,MAAMC,kBAAkB,IAAI;YAC5B;QACJ;QACAV,sBAAsBS,OAAOf;IACjC;IACA,MAAMiB,oBAAoBC,IAAAA,gCAAgB,EAACC,IAAAA,8BAAc,EAACL,aAAahB,MAAMsB,OAAO;IACpF,MAAMC,aAAaC,OAAMC,OAAO,CAAC;QAC7B,IAAI,CAACX,aAAa;YACd,OAAO;QACX;QACA,IAAIZ,YAAY,QAAQ;YACpB,OAAOS,OAAOe,OAAO,CAACZ,iBAAiB;QAC3C;QACA,OAAOH,OAAOe,OAAO,CAACZ,iBAAiBH,OAAOgB,MAAM,GAAG;IAC3D,GAAG;QACCzB;QACAY;QACAH;KACH;IACD,IAAIiB;IACJ,IAAI1B,YAAY,QAAQ;QACpB0B,uBAAuBxB,sBAAsB,UAAUyB,YAAY;IACvE,OAAO;QACHD,uBAAuBxB,sBAAsB,UAAU,YAAYyB;IACvE;IACA,mCAAmC,GAAG,IAAIC,cAAc9B,MAAM+B,QAAQ;IACtE,IAAIR,YAAY;QACZO,cAAc3B;IAClB;IACA,OAAO;QACH,GAAG6B,IAAAA,+BAAkB,EAAC;YAClBzB,YAAYqB;YACZ,GAAG5B,KAAK;QACZ,GAAGC,IAAI;QACPC;QACAE;QACAD;QACA,+BAA+B;QAC/B8B,MAAMC,oBAAI,CAACC,MAAM,CAACC,IAAAA,wCAAwB,EAAC,UAAU;YACjDnC;YACAM,YAAYqB;YACZ,GAAG5B,KAAK;YACRsB,SAASH;YACTY,UAAUD;QACd,IAAI;YACAO,aAAa;QACjB;IACJ;AACJ"}