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

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

@@ -0,0 +1,129 @@
+"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, {
+    teachingPopoverCarouselFooterButtonClassNames: function() {
+        return teachingPopoverCarouselFooterButtonClassNames;
+    },
+    useTeachingPopoverCarouselFooterButtonStyles_unstable: function() {
+        return useTeachingPopoverCarouselFooterButtonStyles_unstable;
+    }
+});
+const _react = require("@griffel/react");
+const _reactbutton = require("@fluentui/react-button");
+const teachingPopoverCarouselFooterButtonClassNames = {
+    root: 'fui-TeachingPopoverCarouselFooterButton'
+};
+const useStyles = /*#__PURE__*/ (0, _react.__styles)({
+    root: {
+        Bf4jedk: "f14es27b"
+    },
+    brandNext: {
+        sj55zd: "f16muhyy",
+        De3pzq: "f10s6wn9",
+        g2u3we: "f1iimpp0",
+        h3c5rm: [
+            "f19uhqvu",
+            "f1nx14hx"
+        ],
+        B9xav0g: "fnqa90p",
+        zhjwy3: [
+            "f1nx14hx",
+            "f19uhqvu"
+        ],
+        Bi91k9c: "f3ymbdj",
+        Jwef8y: "f1rgtb95",
+        B2d53fq: "f1pu27ff",
+        iro3zm: "f1d5c7in"
+    },
+    brandPrevious: {
+        sj55zd: "f1phragk",
+        De3pzq: "ffp7eso",
+        g2u3we: "fm1ebug",
+        h3c5rm: [
+            "f28omuz",
+            "f1uhflii"
+        ],
+        B9xav0g: "f1ixw5o4",
+        zhjwy3: [
+            "f1uhflii",
+            "f28omuz"
+        ],
+        Bi91k9c: "f1rq72xc",
+        Bgoe8wy: "f1bg5g8r",
+        Bwzppfd: [
+            "f1h9bnsk",
+            "f12x9t0k"
+        ],
+        oetu4i: "f19ervry",
+        gg5e9n: [
+            "f12x9t0k",
+            "f1h9bnsk"
+        ],
+        Jwef8y: "f15wkkf3",
+        B2d53fq: "f1d6v5y2",
+        b661bw: "f1565b9n",
+        Bk6r4ia: [
+            "fm07gvo",
+            "fwlsg72"
+        ],
+        B9zn80p: "fzw6fmy",
+        Bpld233: [
+            "fwlsg72",
+            "fm07gvo"
+        ],
+        iro3zm: "fnp9lpt"
+    }
+}, {
+    d: [
+        ".f14es27b{min-width:96px;}",
+        ".f16muhyy{color:var(--colorBrandForeground1);}",
+        ".f10s6wn9{background-color:var(--colorNeutralForegroundOnBrand);}",
+        ".f1iimpp0{border-top-color:var(--colorTransparentBackground);}",
+        ".f19uhqvu{border-right-color:var(--colorTransparentBackground);}",
+        ".f1nx14hx{border-left-color:var(--colorTransparentBackground);}",
+        ".fnqa90p{border-bottom-color:var(--colorTransparentBackground);}",
+        ".f1phragk{color:var(--colorNeutralForegroundOnBrand);}",
+        ".ffp7eso{background-color:var(--colorBrandBackground);}",
+        ".fm1ebug{border-top-color:var(--colorNeutralForegroundOnBrand);}",
+        ".f28omuz{border-right-color:var(--colorNeutralForegroundOnBrand);}",
+        ".f1uhflii{border-left-color:var(--colorNeutralForegroundOnBrand);}",
+        ".f1ixw5o4{border-bottom-color:var(--colorNeutralForegroundOnBrand);}"
+    ],
+    h: [
+        ".f3ymbdj:hover{color:var(--colorCompoundBrandForeground1Hover);}",
+        ".f1rgtb95:hover{background-color:var(--colorNeutralForegroundOnBrand);}",
+        ".f1pu27ff:hover:active{color:var(--colorCompoundBrandForeground1Pressed);}",
+        ".f1d5c7in:hover:active{background-color:var(--colorNeutralForegroundOnBrand);}",
+        ".f1rq72xc:hover{color:var(--colorNeutralForegroundOnBrand);}",
+        ".f1bg5g8r:hover{border-top-color:var(--colorNeutralForegroundOnBrand);}",
+        ".f1h9bnsk:hover{border-right-color:var(--colorNeutralForegroundOnBrand);}",
+        ".f12x9t0k:hover{border-left-color:var(--colorNeutralForegroundOnBrand);}",
+        ".f19ervry:hover{border-bottom-color:var(--colorNeutralForegroundOnBrand);}",
+        ".f15wkkf3:hover{background-color:var(--colorBrandBackgroundHover);}",
+        ".f1d6v5y2:hover:active{color:var(--colorNeutralForegroundOnBrand);}",
+        ".f1565b9n:hover:active{border-top-color:var(--colorNeutralForegroundOnBrand);}",
+        ".fm07gvo:hover:active{border-right-color:var(--colorNeutralForegroundOnBrand);}",
+        ".fwlsg72:hover:active{border-left-color:var(--colorNeutralForegroundOnBrand);}",
+        ".fzw6fmy:hover:active{border-bottom-color:var(--colorNeutralForegroundOnBrand);}",
+        ".fnp9lpt:hover:active{background-color:var(--colorBrandBackgroundPressed);}"
+    ]
+});
+const useTeachingPopoverCarouselFooterButtonStyles_unstable = (state)=>{
+    const styles = useStyles();
+    const { navType, popoverAppearance } = state;
+    // Apply underlying fluent Button styles
+    state = {
+        ...state,
+        ...(0, _reactbutton.useButtonStyles_unstable)(state)
+    };
+    state.root.className = (0, _react.mergeClasses)(teachingPopoverCarouselFooterButtonClassNames.root, styles.root, navType === 'prev' && popoverAppearance === 'brand' && styles.brandPrevious, navType === 'next' && popoverAppearance === 'brand' && styles.brandNext, state.root.className);
+    return state;
+}; //# sourceMappingURL=useTeachingPopoverCarouselFooterButtonStyles.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["useTeachingPopoverCarouselFooterButtonStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { useButtonStyles_unstable } from '@fluentui/react-button';\nexport const teachingPopoverCarouselFooterButtonClassNames = {\n  root: 'fui-TeachingPopoverCarouselFooterButton'\n};\nconst useStyles = /*#__PURE__*/__styles({\n  root: {\n    Bf4jedk: \"f14es27b\"\n  },\n  brandNext: {\n    sj55zd: \"f16muhyy\",\n    De3pzq: \"f10s6wn9\",\n    g2u3we: \"f1iimpp0\",\n    h3c5rm: [\"f19uhqvu\", \"f1nx14hx\"],\n    B9xav0g: \"fnqa90p\",\n    zhjwy3: [\"f1nx14hx\", \"f19uhqvu\"],\n    Bi91k9c: \"f3ymbdj\",\n    Jwef8y: \"f1rgtb95\",\n    B2d53fq: \"f1pu27ff\",\n    iro3zm: \"f1d5c7in\"\n  },\n  brandPrevious: {\n    sj55zd: \"f1phragk\",\n    De3pzq: \"ffp7eso\",\n    g2u3we: \"fm1ebug\",\n    h3c5rm: [\"f28omuz\", \"f1uhflii\"],\n    B9xav0g: \"f1ixw5o4\",\n    zhjwy3: [\"f1uhflii\", \"f28omuz\"],\n    Bi91k9c: \"f1rq72xc\",\n    Bgoe8wy: \"f1bg5g8r\",\n    Bwzppfd: [\"f1h9bnsk\", \"f12x9t0k\"],\n    oetu4i: \"f19ervry\",\n    gg5e9n: [\"f12x9t0k\", \"f1h9bnsk\"],\n    Jwef8y: \"f15wkkf3\",\n    B2d53fq: \"f1d6v5y2\",\n    b661bw: \"f1565b9n\",\n    Bk6r4ia: [\"fm07gvo\", \"fwlsg72\"],\n    B9zn80p: \"fzw6fmy\",\n    Bpld233: [\"fwlsg72\", \"fm07gvo\"],\n    iro3zm: \"fnp9lpt\"\n  }\n}, {\n  d: [\".f14es27b{min-width:96px;}\", \".f16muhyy{color:var(--colorBrandForeground1);}\", \".f10s6wn9{background-color:var(--colorNeutralForegroundOnBrand);}\", \".f1iimpp0{border-top-color:var(--colorTransparentBackground);}\", \".f19uhqvu{border-right-color:var(--colorTransparentBackground);}\", \".f1nx14hx{border-left-color:var(--colorTransparentBackground);}\", \".fnqa90p{border-bottom-color:var(--colorTransparentBackground);}\", \".f1phragk{color:var(--colorNeutralForegroundOnBrand);}\", \".ffp7eso{background-color:var(--colorBrandBackground);}\", \".fm1ebug{border-top-color:var(--colorNeutralForegroundOnBrand);}\", \".f28omuz{border-right-color:var(--colorNeutralForegroundOnBrand);}\", \".f1uhflii{border-left-color:var(--colorNeutralForegroundOnBrand);}\", \".f1ixw5o4{border-bottom-color:var(--colorNeutralForegroundOnBrand);}\"],\n  h: [\".f3ymbdj:hover{color:var(--colorCompoundBrandForeground1Hover);}\", \".f1rgtb95:hover{background-color:var(--colorNeutralForegroundOnBrand);}\", \".f1pu27ff:hover:active{color:var(--colorCompoundBrandForeground1Pressed);}\", \".f1d5c7in:hover:active{background-color:var(--colorNeutralForegroundOnBrand);}\", \".f1rq72xc:hover{color:var(--colorNeutralForegroundOnBrand);}\", \".f1bg5g8r:hover{border-top-color:var(--colorNeutralForegroundOnBrand);}\", \".f1h9bnsk:hover{border-right-color:var(--colorNeutralForegroundOnBrand);}\", \".f12x9t0k:hover{border-left-color:var(--colorNeutralForegroundOnBrand);}\", \".f19ervry:hover{border-bottom-color:var(--colorNeutralForegroundOnBrand);}\", \".f15wkkf3:hover{background-color:var(--colorBrandBackgroundHover);}\", \".f1d6v5y2:hover:active{color:var(--colorNeutralForegroundOnBrand);}\", \".f1565b9n:hover:active{border-top-color:var(--colorNeutralForegroundOnBrand);}\", \".fm07gvo:hover:active{border-right-color:var(--colorNeutralForegroundOnBrand);}\", \".fwlsg72:hover:active{border-left-color:var(--colorNeutralForegroundOnBrand);}\", \".fzw6fmy:hover:active{border-bottom-color:var(--colorNeutralForegroundOnBrand);}\", \".fnp9lpt:hover:active{background-color:var(--colorBrandBackgroundPressed);}\"]\n});\n/**\n * Apply styling to the TeachingPopoverCarouselFooterButton slots based on the state\n */\nexport const useTeachingPopoverCarouselFooterButtonStyles_unstable = state => {\n  const styles = useStyles();\n  const {\n    navType,\n    popoverAppearance\n  } = state;\n  // Apply underlying fluent Button styles\n  state = {\n    ...state,\n    ...useButtonStyles_unstable(state)\n  };\n  state.root.className = mergeClasses(teachingPopoverCarouselFooterButtonClassNames.root, styles.root, navType === 'prev' && popoverAppearance === 'brand' && styles.brandPrevious, navType === 'next' && popoverAppearance === 'brand' && styles.brandNext, state.root.className);\n  return state;\n};\n//# sourceMappingURL=useTeachingPopoverCarouselFooterButtonStyles.styles.js.map"],"names":["teachingPopoverCarouselFooterButtonClassNames","useTeachingPopoverCarouselFooterButtonStyles_unstable","root","useStyles","__styles","Bf4jedk","brandNext","sj55zd","De3pzq","g2u3we","h3c5rm","B9xav0g","zhjwy3","Bi91k9c","Jwef8y","B2d53fq","iro3zm","brandPrevious","Bgoe8wy","Bwzppfd","oetu4i","gg5e9n","b661bw","Bk6r4ia","B9zn80p","Bpld233","d","h","state","styles","navType","popoverAppearance","useButtonStyles_unstable","className","mergeClasses"],"mappings":";;;;;;;;;;;IAGaA,6CAA6C;eAA7CA;;IA8CAC,qDAAqD;eAArDA;;;uBAjDsC;6BAEV;AAClC,MAAMD,gDAAgD;IAC3DE,MAAM;AACR;AACA,MAAMC,YAAY,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IACtCF,MAAM;QACJG,SAAS;IACX;IACAC,WAAW;QACTC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAW;QAChCC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAW;QAChCC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,QAAQ;IACV;IACAC,eAAe;QACbV,QAAQ;QACRC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAW;QAC/BC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAU;QAC/BC,SAAS;QACTK,SAAS;QACTC,SAAS;YAAC;YAAY;SAAW;QACjCC,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAW;QAChCP,QAAQ;QACRC,SAAS;QACTO,QAAQ;QACRC,SAAS;YAAC;YAAW;SAAU;QAC/BC,SAAS;QACTC,SAAS;YAAC;YAAW;SAAU;QAC/BT,QAAQ;IACV;AACF,GAAG;IACDU,GAAG;QAAC;QAA8B;QAAkD;QAAqE;QAAkE;QAAoE;QAAmE;QAAoE;QAA0D;QAA2D;QAAoE;QAAsE;QAAsE;KAAuE;IAClzBC,GAAG;QAAC;QAAoE;QAA2E;QAA8E;QAAkF;QAAgE;QAA2E;QAA6E;QAA4E;QAA8E;QAAuE;QAAuE;QAAkF;QAAmF;QAAkF;QAAoF;KAA8E;AAC9sC;AAIO,MAAM1B,wDAAwD2B,CAAAA;IACnE,MAAMC,SAAS1B;IACf,MAAM,EACJ2B,OAAO,EACPC,iBAAiB,EAClB,GAAGH;IACJ,wCAAwC;IACxCA,QAAQ;QACN,GAAGA,KAAK;QACR,GAAGI,IAAAA,qCAAwB,EAACJ,MAAM;IACpC;IACAA,MAAM1B,IAAI,CAAC+B,SAAS,GAAGC,IAAAA,mBAAY,EAAClC,8CAA8CE,IAAI,EAAE2B,OAAO3B,IAAI,EAAE4B,YAAY,UAAUC,sBAAsB,WAAWF,OAAOZ,aAAa,EAAEa,YAAY,UAAUC,sBAAsB,WAAWF,OAAOvB,SAAS,EAAEsB,MAAM1B,IAAI,CAAC+B,SAAS;IAC/Q,OAAOL;AACT,GACA,+EAA+E"}

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

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "TeachingPopoverCarouselNav", {
+    enumerable: true,
+    get: function() {
+        return TeachingPopoverCarouselNav;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _useTeachingPopoverCarouselNav = require("./useTeachingPopoverCarouselNav");
+const _renderTeachingPopoverCarouselNav = require("./renderTeachingPopoverCarouselNav");
+const _useTeachingPopoverCarouselNavStylesstyles = require("./useTeachingPopoverCarouselNavStyles.styles");
+const TeachingPopoverCarouselNav = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _useTeachingPopoverCarouselNav.useTeachingPopoverCarouselNav_unstable)(props, ref);
+    (0, _useTeachingPopoverCarouselNavStylesstyles.useTeachingPopoverCarouselNavStyles_unstable)(state);
+    return (0, _renderTeachingPopoverCarouselNav.renderTeachingPopoverCarouselNav_unstable)(state);
+});
+TeachingPopoverCarouselNav.displayName = 'TeachingPopoverCarouselNav';

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

@@ -0,0 +1 @@
+{"version":3,"sources":["TeachingPopoverCarouselNav.js"],"sourcesContent":["import * as React from 'react';\nimport { useTeachingPopoverCarouselNav_unstable } from './useTeachingPopoverCarouselNav';\nimport { renderTeachingPopoverCarouselNav_unstable } from './renderTeachingPopoverCarouselNav';\nimport { useTeachingPopoverCarouselNavStyles_unstable } from './useTeachingPopoverCarouselNavStyles.styles';\n/**\n * Define a styled TeachingPopoverCarouselNav, using the `useTeachingPopoverCarouselNav_unstable` and `useTeachingPopoverCarouselNavStyles_unstable`\n * hooks.\n *\n * TeachingPopoverCarouselNav provides an index-based pagination list to jump to any page within the carousel.\n */ export const TeachingPopoverCarouselNav = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const state = useTeachingPopoverCarouselNav_unstable(props, ref);\n    useTeachingPopoverCarouselNavStyles_unstable(state);\n    return renderTeachingPopoverCarouselNav_unstable(state);\n});\nTeachingPopoverCarouselNav.displayName = 'TeachingPopoverCarouselNav';\n"],"names":["TeachingPopoverCarouselNav","React","forwardRef","props","ref","state","useTeachingPopoverCarouselNav_unstable","useTeachingPopoverCarouselNavStyles_unstable","renderTeachingPopoverCarouselNav_unstable","displayName"],"mappings":";;;;+BASiBA;;;eAAAA;;;;iEATM;+CACgC;kDACG;2DACG;AAMlD,MAAMA,6BAA6B,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACjF,MAAMC,QAAQC,IAAAA,qEAAsC,EAACH,OAAOC;IAC5DG,IAAAA,uFAA4C,EAACF;IAC7C,OAAOG,IAAAA,2EAAyC,EAACH;AACrD;AACAL,2BAA2BS,WAAW,GAAG"}

package/lib-commonjs/components/TeachingPopoverCarouselNav/TeachingPopoverCarouselNav.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/TeachingPopoverCarouselNav/TeachingPopoverCarouselNav.types.js.map

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

package/lib-commonjs/components/TeachingPopoverCarouselNav/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("./TeachingPopoverCarouselNav"), exports);
+_export_star._(require("./TeachingPopoverCarouselNav.types"), exports);
+_export_star._(require("./renderTeachingPopoverCarouselNav"), exports);
+_export_star._(require("./useTeachingPopoverCarouselNav"), exports);
+_export_star._(require("./useTeachingPopoverCarouselNavStyles.styles"), exports);

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

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

package/lib-commonjs/components/TeachingPopoverCarouselNav/renderTeachingPopoverCarouselNav.js

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

package/lib-commonjs/components/TeachingPopoverCarouselNav/renderTeachingPopoverCarouselNav.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["renderTeachingPopoverCarouselNav.js"],"sourcesContent":["  import { jsx as _jsx } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { assertSlots } from '@fluentui/react-utilities';\nimport { ValueIdContextProvider } from './valueIdContext';\n/**\n * Render the final JSX of TeachingPopoverCarouselNav\n */ export const renderTeachingPopoverCarouselNav_unstable = (state)=>{\n    assertSlots(state);\n    const { values, renderNavButton } = state;\n    return /*#__PURE__*/ _jsx(state.root, {\n        children: values.map((value)=>/*#__PURE__*/ _jsx(ValueIdContextProvider, {\n                value: value,\n                children: renderNavButton(value)\n            }, value))\n    });\n};\n"],"names":["renderTeachingPopoverCarouselNav_unstable","state","assertSlots","values","renderNavButton","_jsx","root","children","map","value","ValueIdContextProvider"],"mappings":";;;;+BAKiBA;;;eAAAA;;;4BALa;gCACF;gCACW;AAG5B,MAAMA,4CAA4C,CAACC;IAC1DC,IAAAA,2BAAW,EAACD;IACZ,MAAM,EAAEE,MAAM,EAAEC,eAAe,EAAE,GAAGH;IACpC,OAAO,WAAW,GAAGI,IAAAA,eAAI,EAACJ,MAAMK,IAAI,EAAE;QAClCC,UAAUJ,OAAOK,GAAG,CAAC,CAACC,QAAQ,WAAW,GAAGJ,IAAAA,eAAI,EAACK,sCAAsB,EAAE;gBACjED,OAAOA;gBACPF,UAAUH,gBAAgBK;YAC9B,GAAGA;IACX;AACJ"}

package/lib-commonjs/components/TeachingPopoverCarouselNav/useTeachingPopoverCarouselNav.js

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useTeachingPopoverCarouselNav_unstable", {
+    enumerable: true,
+    get: function() {
+        return useTeachingPopoverCarouselNav_unstable;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _reacttabster = require("@fluentui/react-tabster");
+const _reactutilities = require("@fluentui/react-utilities");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _useCarouselValues = require("../TeachingPopoverCarousel/Carousel/useCarouselValues");
+const useTeachingPopoverCarouselNav_unstable = (props, ref)=>{
+    const focusableGroupAttr = (0, _reacttabster.useArrowNavigationGroup)({
+        circular: false,
+        axis: 'horizontal',
+        memorizeCurrent: false,
+        // eslint-disable-next-line @typescript-eslint/naming-convention
+        unstable_hasDefault: true
+    });
+    const values = (0, _useCarouselValues.useCarouselValues_unstable)((snapshot)=>snapshot);
+    return {
+        values,
+        renderNavButton: props.children,
+        components: {
+            root: 'div'
+        },
+        root: _reactutilities.slot.always((0, _reactutilities.getIntrinsicElementProps)('div', {
+            ref,
+            role: 'tablist',
+            tabIndex: 0,
+            ...props,
+            ...focusableGroupAttr,
+            children: null
+        }), {
+            elementType: 'div'
+        })
+    };
+};

package/lib-commonjs/components/TeachingPopoverCarouselNav/useTeachingPopoverCarouselNav.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useTeachingPopoverCarouselNav.js"],"sourcesContent":["import { useArrowNavigationGroup } from '@fluentui/react-tabster';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport * as React from 'react';\nimport { useCarouselValues_unstable } from '../TeachingPopoverCarousel/Carousel/useCarouselValues';\n/**\n * Returns the props and state required to render the component\n * @param props - TeachingPopoverCarouselNav properties\n * @param ref - reference to root HTMLElement of TeachingPopoverCarouselNav\n */ export const useTeachingPopoverCarouselNav_unstable = (props, ref)=>{\n    const focusableGroupAttr = useArrowNavigationGroup({\n        circular: false,\n        axis: 'horizontal',\n        memorizeCurrent: false,\n        // eslint-disable-next-line @typescript-eslint/naming-convention\n        unstable_hasDefault: true\n    });\n    const values = useCarouselValues_unstable((snapshot)=>snapshot);\n    return {\n        values,\n        renderNavButton: props.children,\n        components: {\n            root: 'div'\n        },\n        root: slot.always(getIntrinsicElementProps('div', {\n            ref,\n            role: 'tablist',\n            tabIndex: 0,\n            ...props,\n            ...focusableGroupAttr,\n            children: null\n        }), {\n            elementType: 'div'\n        })\n    };\n};\n"],"names":["useTeachingPopoverCarouselNav_unstable","props","ref","focusableGroupAttr","useArrowNavigationGroup","circular","axis","memorizeCurrent","unstable_hasDefault","values","useCarouselValues_unstable","snapshot","renderNavButton","children","components","root","slot","always","getIntrinsicElementProps","role","tabIndex","elementType"],"mappings":";;;;+BAQiBA;;;eAAAA;;;;8BARuB;gCACO;iEACxB;mCACoB;AAKhC,MAAMA,yCAAyC,CAACC,OAAOC;IAC9D,MAAMC,qBAAqBC,IAAAA,qCAAuB,EAAC;QAC/CC,UAAU;QACVC,MAAM;QACNC,iBAAiB;QACjB,gEAAgE;QAChEC,qBAAqB;IACzB;IACA,MAAMC,SAASC,IAAAA,6CAA0B,EAAC,CAACC,WAAWA;IACtD,OAAO;QACHF;QACAG,iBAAiBX,MAAMY,QAAQ;QAC/BC,YAAY;YACRC,MAAM;QACV;QACAA,MAAMC,oBAAI,CAACC,MAAM,CAACC,IAAAA,wCAAwB,EAAC,OAAO;YAC9ChB;YACAiB,MAAM;YACNC,UAAU;YACV,GAAGnB,KAAK;YACR,GAAGE,kBAAkB;YACrBU,UAAU;QACd,IAAI;YACAQ,aAAa;QACjB;IACJ;AACJ"}

package/lib-commonjs/components/TeachingPopoverCarouselNav/useTeachingPopoverCarouselNavStyles.styles.js

@@ -0,0 +1,84 @@
+"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, {
+    teachingPopoverCarouselNavClassNames: function() {
+        return teachingPopoverCarouselNavClassNames;
+    },
+    useTeachingPopoverCarouselNavStyles_unstable: function() {
+        return useTeachingPopoverCarouselNavStyles_unstable;
+    }
+});
+const _react = require("@griffel/react");
+const teachingPopoverCarouselNavClassNames = {
+    root: 'fui-TeachingPopoverCarouselNav'
+};
+const useStyles = /*#__PURE__*/ (0, _react.__styles)({
+    root: {
+        mc9l5x: "f22iagw",
+        Beiy3e4: "f1063pyq",
+        i8kkvl: "f1ufnopg",
+        Bt984gj: "f122n59",
+        Brf1p80: "f4d9j23",
+        Bn4voq9: "f1p7hgxw",
+        g9k6zt: "f9znhxp",
+        Bfpq7zp: "fqrak0z",
+        kdpuga: [
+            "f1o2ludy",
+            "f1kjnpwc"
+        ],
+        Bw81rd7: [
+            "f1kjnpwc",
+            "f1o2ludy"
+        ],
+        B6xbmo0: [
+            "fxmnebo",
+            "f1witrsb"
+        ],
+        dm238s: [
+            "f1witrsb",
+            "fxmnebo"
+        ],
+        B8q5s1w: "f8hki3x",
+        Bci5o5g: [
+            "f1d2448m",
+            "ffh67wi"
+        ],
+        n8qw10: "f1bjia2o",
+        Bdrgwmp: [
+            "ffh67wi",
+            "f1d2448m"
+        ]
+    }
+}, {
+    d: [
+        ".f22iagw{display:flex;}",
+        ".f1063pyq{flex-direction:row;}",
+        ".f1ufnopg{column-gap:var(--spacingHorizontalXS);}",
+        ".f122n59{align-items:center;}",
+        ".f4d9j23{justify-content:center;}",
+        ".f1p7hgxw[data-fui-focus-visible]{outline-width:var(--strokeWidthThick);}",
+        ".f9znhxp[data-fui-focus-visible]{outline-style:solid;}",
+        ".fqrak0z[data-fui-focus-visible]{outline-color:var(--colorStrokeFocus2);}",
+        ".f1o2ludy[data-fui-focus-visible]{border-bottom-right-radius:var(--borderRadiusMedium);}",
+        ".f1kjnpwc[data-fui-focus-visible]{border-bottom-left-radius:var(--borderRadiusMedium);}",
+        ".fxmnebo[data-fui-focus-visible]{border-top-right-radius:var(--borderRadiusMedium);}",
+        ".f1witrsb[data-fui-focus-visible]{border-top-left-radius:var(--borderRadiusMedium);}",
+        ".f8hki3x[data-fui-focus-visible]{border-top-color:transparent;}",
+        ".f1d2448m[data-fui-focus-visible]{border-right-color:transparent;}",
+        ".ffh67wi[data-fui-focus-visible]{border-left-color:transparent;}",
+        ".f1bjia2o[data-fui-focus-visible]{border-bottom-color:transparent;}"
+    ]
+});
+const useTeachingPopoverCarouselNavStyles_unstable = (state)=>{
+    const styles = useStyles();
+    state.root.className = (0, _react.mergeClasses)(teachingPopoverCarouselNavClassNames.root, styles.root, state.root.className);
+    return state;
+}; //# sourceMappingURL=useTeachingPopoverCarouselNavStyles.styles.js.map

package/lib-commonjs/components/TeachingPopoverCarouselNav/useTeachingPopoverCarouselNavStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useTeachingPopoverCarouselNavStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens } from '@fluentui/react-theme';\nexport const teachingPopoverCarouselNavClassNames = {\n  root: 'fui-TeachingPopoverCarouselNav'\n};\nconst useStyles = /*#__PURE__*/__styles({\n  root: {\n    mc9l5x: \"f22iagw\",\n    Beiy3e4: \"f1063pyq\",\n    i8kkvl: \"f1ufnopg\",\n    Bt984gj: \"f122n59\",\n    Brf1p80: \"f4d9j23\",\n    Bn4voq9: \"f1p7hgxw\",\n    g9k6zt: \"f9znhxp\",\n    Bfpq7zp: \"fqrak0z\",\n    kdpuga: [\"f1o2ludy\", \"f1kjnpwc\"],\n    Bw81rd7: [\"f1kjnpwc\", \"f1o2ludy\"],\n    B6xbmo0: [\"fxmnebo\", \"f1witrsb\"],\n    dm238s: [\"f1witrsb\", \"fxmnebo\"],\n    B8q5s1w: \"f8hki3x\",\n    Bci5o5g: [\"f1d2448m\", \"ffh67wi\"],\n    n8qw10: \"f1bjia2o\",\n    Bdrgwmp: [\"ffh67wi\", \"f1d2448m\"]\n  }\n}, {\n  d: [\".f22iagw{display:flex;}\", \".f1063pyq{flex-direction:row;}\", \".f1ufnopg{column-gap:var(--spacingHorizontalXS);}\", \".f122n59{align-items:center;}\", \".f4d9j23{justify-content:center;}\", \".f1p7hgxw[data-fui-focus-visible]{outline-width:var(--strokeWidthThick);}\", \".f9znhxp[data-fui-focus-visible]{outline-style:solid;}\", \".fqrak0z[data-fui-focus-visible]{outline-color:var(--colorStrokeFocus2);}\", \".f1o2ludy[data-fui-focus-visible]{border-bottom-right-radius:var(--borderRadiusMedium);}\", \".f1kjnpwc[data-fui-focus-visible]{border-bottom-left-radius:var(--borderRadiusMedium);}\", \".fxmnebo[data-fui-focus-visible]{border-top-right-radius:var(--borderRadiusMedium);}\", \".f1witrsb[data-fui-focus-visible]{border-top-left-radius:var(--borderRadiusMedium);}\", \".f8hki3x[data-fui-focus-visible]{border-top-color:transparent;}\", \".f1d2448m[data-fui-focus-visible]{border-right-color:transparent;}\", \".ffh67wi[data-fui-focus-visible]{border-left-color:transparent;}\", \".f1bjia2o[data-fui-focus-visible]{border-bottom-color:transparent;}\"]\n});\n/** Applies style classnames to slots */\nexport const useTeachingPopoverCarouselNavStyles_unstable = state => {\n  const styles = useStyles();\n  state.root.className = mergeClasses(teachingPopoverCarouselNavClassNames.root, styles.root, state.root.className);\n  return state;\n};\n//# sourceMappingURL=useTeachingPopoverCarouselNavStyles.styles.js.map"],"names":["teachingPopoverCarouselNavClassNames","useTeachingPopoverCarouselNavStyles_unstable","root","useStyles","__styles","mc9l5x","Beiy3e4","i8kkvl","Bt984gj","Brf1p80","Bn4voq9","g9k6zt","Bfpq7zp","kdpuga","Bw81rd7","B6xbmo0","dm238s","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","d","state","styles","className","mergeClasses"],"mappings":";;;;;;;;;;;IAGaA,oCAAoC;eAApCA;;IA0BAC,4CAA4C;eAA5CA;;;uBA7BsC;AAG5C,MAAMD,uCAAuC;IAClDE,MAAM;AACR;AACA,MAAMC,YAAY,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IACtCF,MAAM;QACJG,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAW;QAChCC,SAAS;YAAC;YAAY;SAAW;QACjCC,SAAS;YAAC;YAAW;SAAW;QAChCC,QAAQ;YAAC;YAAY;SAAU;QAC/BC,SAAS;QACTC,SAAS;YAAC;YAAY;SAAU;QAChCC,QAAQ;QACRC,SAAS;YAAC;YAAW;SAAW;IAClC;AACF,GAAG;IACDC,GAAG;QAAC;QAA2B;QAAkC;QAAqD;QAAiC;QAAqC;QAA6E;QAA0D;QAA6E;QAA4F;QAA2F;QAAwF;QAAwF;QAAmE;QAAsE;QAAoE;KAAsE;AAC5gC;AAEO,MAAMpB,+CAA+CqB,CAAAA;IAC1D,MAAMC,SAASpB;IACfmB,MAAMpB,IAAI,CAACsB,SAAS,GAAGC,IAAAA,mBAAY,EAACzB,qCAAqCE,IAAI,EAAEqB,OAAOrB,IAAI,EAAEoB,MAAMpB,IAAI,CAACsB,SAAS;IAChH,OAAOF;AACT,GACA,sEAAsE"}

package/lib-commonjs/components/TeachingPopoverCarouselNav/valueIdContext.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, {
+    valueIdContextDefaultValue: function() {
+        return valueIdContextDefaultValue;
+    },
+    useValueIdContext: function() {
+        return useValueIdContext;
+    },
+    ValueIdContextProvider: function() {
+        return ValueIdContextProvider;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const valueIdContext = /*#__PURE__*/ _react.createContext(undefined);
+const valueIdContextDefaultValue = '';
+const useValueIdContext = ()=>{
+    var _React_useContext;
+    return (_React_useContext = _react.useContext(valueIdContext)) !== null && _React_useContext !== void 0 ? _React_useContext : valueIdContextDefaultValue;
+};
+const ValueIdContextProvider = valueIdContext.Provider;

package/lib-commonjs/components/TeachingPopoverCarouselNav/valueIdContext.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["valueIdContext.js"],"sourcesContent":["import * as React from 'react';\nconst valueIdContext = React.createContext(undefined);\nexport const valueIdContextDefaultValue = '';\nexport const useValueIdContext = ()=>{\n    var _React_useContext;\n    return (_React_useContext = React.useContext(valueIdContext)) !== null && _React_useContext !== void 0 ? _React_useContext : valueIdContextDefaultValue;\n};\nexport const ValueIdContextProvider = valueIdContext.Provider;\n"],"names":["valueIdContextDefaultValue","useValueIdContext","ValueIdContextProvider","valueIdContext","React","createContext","undefined","_React_useContext","useContext","Provider"],"mappings":";;;;;;;;;;;IAEaA,0BAA0B;eAA1BA;;IACAC,iBAAiB;eAAjBA;;IAIAC,sBAAsB;eAAtBA;;;;iEAPU;AACvB,MAAMC,+BAAiBC,OAAMC,aAAa,CAACC;AACpC,MAAMN,6BAA6B;AACnC,MAAMC,oBAAoB;IAC7B,IAAIM;IACJ,OAAO,AAACA,CAAAA,oBAAoBH,OAAMI,UAAU,CAACL,eAAc,MAAO,QAAQI,sBAAsB,KAAK,IAAIA,oBAAoBP;AACjI;AACO,MAAME,yBAAyBC,eAAeM,QAAQ"}

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

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "TeachingPopoverCarouselNavButton", {
+    enumerable: true,
+    get: function() {
+        return TeachingPopoverCarouselNavButton;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _useTeachingPopoverCarouselNavButton = require("./useTeachingPopoverCarouselNavButton");
+const _renderTeachingPopoverCarouselNavButton = require("./renderTeachingPopoverCarouselNavButton");
+const _useTeachingPopoverCarouselNavButtonStylesstyles = require("./useTeachingPopoverCarouselNavButtonStyles.styles");
+const TeachingPopoverCarouselNavButton = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _useTeachingPopoverCarouselNavButton.useTeachingPopoverCarouselNavButton_unstable)(props, ref);
+    (0, _useTeachingPopoverCarouselNavButtonStylesstyles.useTeachingPopoverCarouselNavButtonStyles_unstable)(state);
+    return (0, _renderTeachingPopoverCarouselNavButton.renderTeachingPopoverCarouselNavButton_unstable)(state);
+});
+TeachingPopoverCarouselNavButton.displayName = 'TeachingPopoverCarouselNavButton';

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

@@ -0,0 +1 @@
+{"version":3,"sources":["TeachingPopoverCarouselNavButton.js"],"sourcesContent":["import * as React from 'react';\nimport { useTeachingPopoverCarouselNavButton_unstable } from './useTeachingPopoverCarouselNavButton';\nimport { renderTeachingPopoverCarouselNavButton_unstable } from './renderTeachingPopoverCarouselNavButton';\nimport { useTeachingPopoverCarouselNavButtonStyles_unstable } from './useTeachingPopoverCarouselNavButtonStyles.styles';\n/**\n * TeachingPopoverCarouselNavButton is a button to jump to a single page within TeachingPopoverCarousel\n *\n * It's value is injected via context and must be wrapped with a ValueIdContextProvider (automatically handled via TeachingPopoverCarouselNav)\n */ export const TeachingPopoverCarouselNavButton = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const state = useTeachingPopoverCarouselNavButton_unstable(props, ref);\n    useTeachingPopoverCarouselNavButtonStyles_unstable(state);\n    return renderTeachingPopoverCarouselNavButton_unstable(state);\n});\nTeachingPopoverCarouselNavButton.displayName = 'TeachingPopoverCarouselNavButton';\n"],"names":["TeachingPopoverCarouselNavButton","React","forwardRef","props","ref","state","useTeachingPopoverCarouselNavButton_unstable","useTeachingPopoverCarouselNavButtonStyles_unstable","renderTeachingPopoverCarouselNavButton_unstable","displayName"],"mappings":";;;;+BAQiBA;;;eAAAA;;;;iEARM;qDACsC;wDACG;iEACG;AAKxD,MAAMA,mCAAmC,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACvF,MAAMC,QAAQC,IAAAA,iFAA4C,EAACH,OAAOC;IAClEG,IAAAA,mGAAkD,EAACF;IACnD,OAAOG,IAAAA,uFAA+C,EAACH;AAC3D;AACAL,iCAAiCS,WAAW,GAAG"}

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

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

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

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

package/lib-commonjs/components/TeachingPopoverCarouselNavButton/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("./TeachingPopoverCarouselNavButton"), exports);
+_export_star._(require("./TeachingPopoverCarouselNavButton.types"), exports);
+_export_star._(require("./renderTeachingPopoverCarouselNavButton"), exports);
+_export_star._(require("./useTeachingPopoverCarouselNavButton"), exports);
+_export_star._(require("./useTeachingPopoverCarouselNavButtonStyles.styles"), exports);

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

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

package/lib-commonjs/components/TeachingPopoverCarouselNavButton/renderTeachingPopoverCarouselNavButton.js

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

package/lib-commonjs/components/TeachingPopoverCarouselNavButton/renderTeachingPopoverCarouselNavButton.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["renderTeachingPopoverCarouselNavButton.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 TeachingPopoverCarouselNavButton\n */ export const renderTeachingPopoverCarouselNavButton_unstable = (state)=>{\n    assertSlots(state);\n    return /*#__PURE__*/ _jsx(state.root, {});\n};\n"],"names":["renderTeachingPopoverCarouselNavButton_unstable","state","assertSlots","_jsx","root"],"mappings":";;;;+BAIiBA;;;eAAAA;;;4BAJa;gCACF;AAGjB,MAAMA,kDAAkD,CAACC;IAChEC,IAAAA,2BAAW,EAACD;IACZ,OAAO,WAAW,GAAGE,IAAAA,eAAI,EAACF,MAAMG,IAAI,EAAE,CAAC;AAC3C"}

package/lib-commonjs/components/TeachingPopoverCarouselNavButton/useTeachingPopoverCarouselNavButton.js

@@ -0,0 +1,55 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useTeachingPopoverCarouselNavButton_unstable", {
+    enumerable: true,
+    get: function() {
+        return useTeachingPopoverCarouselNavButton_unstable;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactaria = require("@fluentui/react-aria");
+const _reactpopover = require("@fluentui/react-popover");
+const _reacttabster = require("@fluentui/react-tabster");
+const _reactutilities = require("@fluentui/react-utilities");
+const _CarouselContext = require("../TeachingPopoverCarousel/Carousel/CarouselContext");
+const _valueIdContext = require("../TeachingPopoverCarouselNav/valueIdContext");
+const useTeachingPopoverCarouselNavButton_unstable = (props, ref)=>{
+    const { onClick, as = 'a' } = props;
+    const value = (0, _valueIdContext.useValueIdContext)();
+    const appearance = (0, _reactpopover.usePopoverContext_unstable)((context)=>context.appearance);
+    const selectPageByValue = (0, _CarouselContext.useCarouselContext_unstable)((c)=>c.selectPageByValue);
+    const isSelected = (0, _CarouselContext.useCarouselContext_unstable)((c)=>c.value === value);
+    const handleClick = (0, _reactutilities.useEventCallback)((event)=>{
+        onClick === null || onClick === void 0 ? void 0 : onClick(event);
+        if (!event.defaultPrevented && (0, _reactutilities.isHTMLElement)(event.target)) {
+            selectPageByValue(event, value);
+        }
+    });
+    const defaultTabProps = (0, _reacttabster.useTabsterAttributes)({
+        focusable: {
+            isDefault: isSelected
+        }
+    });
+    const _carouselButton = _reactutilities.slot.always((0, _reactutilities.getIntrinsicElementProps)(as, (0, _reactaria.useARIAButtonProps)(props.as, props)), {
+        elementType: 'button',
+        defaultProps: {
+            ref: ref,
+            role: 'tab',
+            type: 'button',
+            ...defaultTabProps
+        }
+    });
+    _carouselButton.onClick = handleClick;
+    const state = {
+        isSelected,
+        appearance,
+        components: {
+            root: 'button'
+        },
+        root: _carouselButton
+    };
+    return state;
+};

package/lib-commonjs/components/TeachingPopoverCarouselNavButton/useTeachingPopoverCarouselNavButton.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useTeachingPopoverCarouselNavButton.js"],"sourcesContent":["import * as React from 'react';\nimport { useARIAButtonProps } from '@fluentui/react-aria';\nimport { usePopoverContext_unstable } from '@fluentui/react-popover';\nimport { useTabsterAttributes } from '@fluentui/react-tabster';\nimport { getIntrinsicElementProps, isHTMLElement, slot, useEventCallback } from '@fluentui/react-utilities';\nimport { useCarouselContext_unstable } from '../TeachingPopoverCarousel/Carousel/CarouselContext';\nimport { useValueIdContext } from '../TeachingPopoverCarouselNav/valueIdContext';\n/**\n * Create the state required to render TeachingPopoverCarouselNavButton.\n *\n * The returned state can be modified with hooks such as useTeachingPopoverCarouselNavButtonStyles_unstable,\n * before being passed to renderTeachingPopoverCarouselNavButton_unstable.\n *\n * @param props - props from this instance of TeachingPopoverCarouselNavButton\n * @param ref - reference to root HTMLElement of TeachingPopoverCarouselNavButton\n */ export const useTeachingPopoverCarouselNavButton_unstable = (props, ref)=>{\n    const { onClick, as = 'a' } = props;\n    const value = useValueIdContext();\n    const appearance = usePopoverContext_unstable((context)=>context.appearance);\n    const selectPageByValue = useCarouselContext_unstable((c)=>c.selectPageByValue);\n    const isSelected = useCarouselContext_unstable((c)=>c.value === value);\n    const handleClick = useEventCallback((event)=>{\n        onClick === null || onClick === void 0 ? void 0 : onClick(event);\n        if (!event.defaultPrevented && isHTMLElement(event.target)) {\n            selectPageByValue(event, value);\n        }\n    });\n    const defaultTabProps = useTabsterAttributes({\n        focusable: {\n            isDefault: isSelected\n        }\n    });\n    const _carouselButton = slot.always(getIntrinsicElementProps(as, useARIAButtonProps(props.as, props)), {\n        elementType: 'button',\n        defaultProps: {\n            ref: ref,\n            role: 'tab',\n            type: 'button',\n            ...defaultTabProps\n        }\n    });\n    _carouselButton.onClick = handleClick;\n    const state = {\n        isSelected,\n        appearance,\n        components: {\n            root: 'button'\n        },\n        root: _carouselButton\n    };\n    return state;\n};\n"],"names":["useTeachingPopoverCarouselNavButton_unstable","props","ref","onClick","as","value","useValueIdContext","appearance","usePopoverContext_unstable","context","selectPageByValue","useCarouselContext_unstable","c","isSelected","handleClick","useEventCallback","event","defaultPrevented","isHTMLElement","target","defaultTabProps","useTabsterAttributes","focusable","isDefault","_carouselButton","slot","always","getIntrinsicElementProps","useARIAButtonProps","elementType","defaultProps","role","type","state","components","root"],"mappings":";;;;+BAeiBA;;;eAAAA;;;;iEAfM;2BACY;8BACQ;8BACN;gCAC2C;iCACpC;gCACV;AASvB,MAAMA,+CAA+C,CAACC,OAAOC;IACpE,MAAM,EAAEC,OAAO,EAAEC,KAAK,GAAG,EAAE,GAAGH;IAC9B,MAAMI,QAAQC,IAAAA,iCAAiB;IAC/B,MAAMC,aAAaC,IAAAA,wCAA0B,EAAC,CAACC,UAAUA,QAAQF,UAAU;IAC3E,MAAMG,oBAAoBC,IAAAA,4CAA2B,EAAC,CAACC,IAAIA,EAAEF,iBAAiB;IAC9E,MAAMG,aAAaF,IAAAA,4CAA2B,EAAC,CAACC,IAAIA,EAAEP,KAAK,KAAKA;IAChE,MAAMS,cAAcC,IAAAA,gCAAgB,EAAC,CAACC;QAClCb,YAAY,QAAQA,YAAY,KAAK,IAAI,KAAK,IAAIA,QAAQa;QAC1D,IAAI,CAACA,MAAMC,gBAAgB,IAAIC,IAAAA,6BAAa,EAACF,MAAMG,MAAM,GAAG;YACxDT,kBAAkBM,OAAOX;QAC7B;IACJ;IACA,MAAMe,kBAAkBC,IAAAA,kCAAoB,EAAC;QACzCC,WAAW;YACPC,WAAWV;QACf;IACJ;IACA,MAAMW,kBAAkBC,oBAAI,CAACC,MAAM,CAACC,IAAAA,wCAAwB,EAACvB,IAAIwB,IAAAA,6BAAkB,EAAC3B,MAAMG,EAAE,EAAEH,SAAS;QACnG4B,aAAa;QACbC,cAAc;YACV5B,KAAKA;YACL6B,MAAM;YACNC,MAAM;YACN,GAAGZ,eAAe;QACtB;IACJ;IACAI,gBAAgBrB,OAAO,GAAGW;IAC1B,MAAMmB,QAAQ;QACVpB;QACAN;QACA2B,YAAY;YACRC,MAAM;QACV;QACAA,MAAMX;IACV;IACA,OAAOS;AACX"}