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

package/lib-commonjs/components/TeachingPopoverFooter/useTeachingPopoverFooterStyles.styles.js

@@ -0,0 +1,135 @@
+"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, {
+    teachingPopoverFooterClassNames: function() {
+        return teachingPopoverFooterClassNames;
+    },
+    useTeachingPopoverFooterStyles_unstable: function() {
+        return useTeachingPopoverFooterStyles_unstable;
+    }
+});
+const _react = require("@griffel/react");
+const teachingPopoverFooterClassNames = {
+    root: 'fui-TeachingPopoverFooter',
+    primary: 'fui-TeachingPopoverFooter__primary',
+    secondary: 'fui-TeachingPopoverFooter__secondary'
+};
+const useStyles = /*#__PURE__*/ (0, _react.__styles)({
+    root: {
+        mc9l5x: "f22iagw",
+        i8kkvl: "f4px1ci",
+        Belr9w4: "fn67r4l",
+        z8tnut: "f1kcqot9"
+    },
+    rootVertical: {
+        Beiy3e4: "f1vx9l62"
+    },
+    rootHorizontal: {
+        Beiy3e4: "f1063pyq",
+        Brf1p80: "f9c4gz4"
+    },
+    buttonRootVertical: {
+        a9b677: "f14z66ap",
+        Bbmb7ep: [
+            "fff7au0",
+            "f1bjk9e1"
+        ],
+        Beyfa6y: [
+            "f1bjk9e1",
+            "fff7au0"
+        ],
+        B7oj6ja: [
+            "fwsfkhu",
+            "f8wkphi"
+        ],
+        Btl43ni: [
+            "f8wkphi",
+            "fwsfkhu"
+        ]
+    },
+    buttonRootHorizontal: {
+        Bf4jedk: "f14es27b",
+        Bbmb7ep: [
+            "fff7au0",
+            "f1bjk9e1"
+        ],
+        Beyfa6y: [
+            "f1bjk9e1",
+            "fff7au0"
+        ],
+        B7oj6ja: [
+            "fwsfkhu",
+            "f8wkphi"
+        ],
+        Btl43ni: [
+            "f8wkphi",
+            "fwsfkhu"
+        ]
+    },
+    brandSecondary: {
+        g2u3we: "fm1ebug",
+        h3c5rm: [
+            "f28omuz",
+            "f1uhflii"
+        ],
+        B9xav0g: "f1ixw5o4",
+        zhjwy3: [
+            "f1uhflii",
+            "f28omuz"
+        ]
+    },
+    brandPrimary: {
+        sj55zd: "f16muhyy",
+        De3pzq: "f10s6wn9",
+        Bi91k9c: "f3ymbdj",
+        Jwef8y: "f1rgtb95",
+        B2d53fq: "f1pu27ff",
+        iro3zm: "f1d5c7in"
+    }
+}, {
+    d: [
+        ".f22iagw{display:flex;}",
+        ".f4px1ci{column-gap:8px;}",
+        ".fn67r4l{row-gap:8px;}",
+        ".f1kcqot9{padding-top:12px;}",
+        ".f1vx9l62{flex-direction:column;}",
+        ".f1063pyq{flex-direction:row;}",
+        ".f9c4gz4{justify-content:flex-end;}",
+        ".f14z66ap{width:auto;}",
+        ".fff7au0{border-bottom-right-radius:4px;}",
+        ".f1bjk9e1{border-bottom-left-radius:4px;}",
+        ".fwsfkhu{border-top-right-radius:4px;}",
+        ".f8wkphi{border-top-left-radius:4px;}",
+        ".f14es27b{min-width:96px;}",
+        ".fm1ebug{border-top-color:var(--colorNeutralForegroundOnBrand);}",
+        ".f28omuz{border-right-color:var(--colorNeutralForegroundOnBrand);}",
+        ".f1uhflii{border-left-color:var(--colorNeutralForegroundOnBrand);}",
+        ".f1ixw5o4{border-bottom-color:var(--colorNeutralForegroundOnBrand);}",
+        ".f16muhyy{color:var(--colorBrandForeground1);}",
+        ".f10s6wn9{background-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);}"
+    ]
+});
+const useTeachingPopoverFooterStyles_unstable = (state)=>{
+    const styles = useStyles();
+    const { appearance, footerLayout } = state;
+    state.root.className = (0, _react.mergeClasses)(teachingPopoverFooterClassNames.root, styles.root, footerLayout === 'horizontal' ? styles.rootHorizontal : styles.rootVertical, state.root.className);
+    if (state.secondary) {
+        state.secondary.className = (0, _react.mergeClasses)(teachingPopoverFooterClassNames.secondary, footerLayout === 'horizontal' ? styles.buttonRootHorizontal : styles.buttonRootVertical, appearance === 'brand' ? styles.brandSecondary : undefined, state.secondary.className);
+    }
+    state.primary.className = (0, _react.mergeClasses)(teachingPopoverFooterClassNames.primary, footerLayout === 'horizontal' ? styles.buttonRootHorizontal : styles.buttonRootVertical, appearance === 'brand' ? styles.brandPrimary : undefined, state.primary.className);
+    return state;
+}; //# sourceMappingURL=useTeachingPopoverFooterStyles.styles.js.map

package/lib-commonjs/components/TeachingPopoverFooter/useTeachingPopoverFooterStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useTeachingPopoverFooterStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const teachingPopoverFooterClassNames = {\n  root: 'fui-TeachingPopoverFooter',\n  primary: 'fui-TeachingPopoverFooter__primary',\n  secondary: 'fui-TeachingPopoverFooter__secondary'\n};\nconst useStyles = /*#__PURE__*/__styles({\n  root: {\n    mc9l5x: \"f22iagw\",\n    i8kkvl: \"f4px1ci\",\n    Belr9w4: \"fn67r4l\",\n    z8tnut: \"f1kcqot9\"\n  },\n  rootVertical: {\n    Beiy3e4: \"f1vx9l62\"\n  },\n  rootHorizontal: {\n    Beiy3e4: \"f1063pyq\",\n    Brf1p80: \"f9c4gz4\"\n  },\n  buttonRootVertical: {\n    a9b677: \"f14z66ap\",\n    Bbmb7ep: [\"fff7au0\", \"f1bjk9e1\"],\n    Beyfa6y: [\"f1bjk9e1\", \"fff7au0\"],\n    B7oj6ja: [\"fwsfkhu\", \"f8wkphi\"],\n    Btl43ni: [\"f8wkphi\", \"fwsfkhu\"]\n  },\n  buttonRootHorizontal: {\n    Bf4jedk: \"f14es27b\",\n    Bbmb7ep: [\"fff7au0\", \"f1bjk9e1\"],\n    Beyfa6y: [\"f1bjk9e1\", \"fff7au0\"],\n    B7oj6ja: [\"fwsfkhu\", \"f8wkphi\"],\n    Btl43ni: [\"f8wkphi\", \"fwsfkhu\"]\n  },\n  brandSecondary: {\n    g2u3we: \"fm1ebug\",\n    h3c5rm: [\"f28omuz\", \"f1uhflii\"],\n    B9xav0g: \"f1ixw5o4\",\n    zhjwy3: [\"f1uhflii\", \"f28omuz\"]\n  },\n  brandPrimary: {\n    sj55zd: \"f16muhyy\",\n    De3pzq: \"f10s6wn9\",\n    Bi91k9c: \"f3ymbdj\",\n    Jwef8y: \"f1rgtb95\",\n    B2d53fq: \"f1pu27ff\",\n    iro3zm: \"f1d5c7in\"\n  }\n}, {\n  d: [\".f22iagw{display:flex;}\", \".f4px1ci{column-gap:8px;}\", \".fn67r4l{row-gap:8px;}\", \".f1kcqot9{padding-top:12px;}\", \".f1vx9l62{flex-direction:column;}\", \".f1063pyq{flex-direction:row;}\", \".f9c4gz4{justify-content:flex-end;}\", \".f14z66ap{width:auto;}\", \".fff7au0{border-bottom-right-radius:4px;}\", \".f1bjk9e1{border-bottom-left-radius:4px;}\", \".fwsfkhu{border-top-right-radius:4px;}\", \".f8wkphi{border-top-left-radius:4px;}\", \".f14es27b{min-width:96px;}\", \".fm1ebug{border-top-color:var(--colorNeutralForegroundOnBrand);}\", \".f28omuz{border-right-color:var(--colorNeutralForegroundOnBrand);}\", \".f1uhflii{border-left-color:var(--colorNeutralForegroundOnBrand);}\", \".f1ixw5o4{border-bottom-color:var(--colorNeutralForegroundOnBrand);}\", \".f16muhyy{color:var(--colorBrandForeground1);}\", \".f10s6wn9{background-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);}\"]\n});\n/** Applies style classnames to slots */\nexport const useTeachingPopoverFooterStyles_unstable = state => {\n  const styles = useStyles();\n  const {\n    appearance,\n    footerLayout\n  } = state;\n  state.root.className = mergeClasses(teachingPopoverFooterClassNames.root, styles.root, footerLayout === 'horizontal' ? styles.rootHorizontal : styles.rootVertical, state.root.className);\n  if (state.secondary) {\n    state.secondary.className = mergeClasses(teachingPopoverFooterClassNames.secondary, footerLayout === 'horizontal' ? styles.buttonRootHorizontal : styles.buttonRootVertical, appearance === 'brand' ? styles.brandSecondary : undefined, state.secondary.className);\n  }\n  state.primary.className = mergeClasses(teachingPopoverFooterClassNames.primary, footerLayout === 'horizontal' ? styles.buttonRootHorizontal : styles.buttonRootVertical, appearance === 'brand' ? styles.brandPrimary : undefined, state.primary.className);\n  return state;\n};\n//# sourceMappingURL=useTeachingPopoverFooterStyles.styles.js.map"],"names":["teachingPopoverFooterClassNames","useTeachingPopoverFooterStyles_unstable","root","primary","secondary","useStyles","__styles","mc9l5x","i8kkvl","Belr9w4","z8tnut","rootVertical","Beiy3e4","rootHorizontal","Brf1p80","buttonRootVertical","a9b677","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","buttonRootHorizontal","Bf4jedk","brandSecondary","g2u3we","h3c5rm","B9xav0g","zhjwy3","brandPrimary","sj55zd","De3pzq","Bi91k9c","Jwef8y","B2d53fq","iro3zm","d","h","state","styles","appearance","footerLayout","className","mergeClasses","undefined"],"mappings":";;;;;;;;;;;IAEaA,+BAA+B;eAA/BA;;IAoDAC,uCAAuC;eAAvCA;;;uBAtDsC;AAE5C,MAAMD,kCAAkC;IAC7CE,MAAM;IACNC,SAAS;IACTC,WAAW;AACb;AACA,MAAMC,YAAY,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IACtCJ,MAAM;QACJK,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,QAAQ;IACV;IACAC,cAAc;QACZC,SAAS;IACX;IACAC,gBAAgB;QACdD,SAAS;QACTE,SAAS;IACX;IACAC,oBAAoB;QAClBC,QAAQ;QACRC,SAAS;YAAC;YAAW;SAAW;QAChCC,SAAS;YAAC;YAAY;SAAU;QAChCC,SAAS;YAAC;YAAW;SAAU;QAC/BC,SAAS;YAAC;YAAW;SAAU;IACjC;IACAC,sBAAsB;QACpBC,SAAS;QACTL,SAAS;YAAC;YAAW;SAAW;QAChCC,SAAS;YAAC;YAAY;SAAU;QAChCC,SAAS;YAAC;YAAW;SAAU;QAC/BC,SAAS;YAAC;YAAW;SAAU;IACjC;IACAG,gBAAgB;QACdC,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAW;QAC/BC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAU;IACjC;IACAC,cAAc;QACZC,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,QAAQ;IACV;AACF,GAAG;IACDC,GAAG;QAAC;QAA2B;QAA6B;QAA0B;QAAgC;QAAqC;QAAkC;QAAuC;QAA0B;QAA6C;QAA6C;QAA0C;QAAyC;QAA8B;QAAoE;QAAsE;QAAsE;QAAwE;QAAkD;KAAoE;IACv1BC,GAAG;QAAC;QAAoE;QAA2E;QAA8E;KAAiF;AACpT;AAEO,MAAMnC,0CAA0CoC,CAAAA;IACrD,MAAMC,SAASjC;IACf,MAAM,EACJkC,UAAU,EACVC,YAAY,EACb,GAAGH;IACJA,MAAMnC,IAAI,CAACuC,SAAS,GAAGC,IAAAA,mBAAY,EAAC1C,gCAAgCE,IAAI,EAAEoC,OAAOpC,IAAI,EAAEsC,iBAAiB,eAAeF,OAAOzB,cAAc,GAAGyB,OAAO3B,YAAY,EAAE0B,MAAMnC,IAAI,CAACuC,SAAS;IACxL,IAAIJ,MAAMjC,SAAS,EAAE;QACnBiC,MAAMjC,SAAS,CAACqC,SAAS,GAAGC,IAAAA,mBAAY,EAAC1C,gCAAgCI,SAAS,EAAEoC,iBAAiB,eAAeF,OAAOjB,oBAAoB,GAAGiB,OAAOvB,kBAAkB,EAAEwB,eAAe,UAAUD,OAAOf,cAAc,GAAGoB,WAAWN,MAAMjC,SAAS,CAACqC,SAAS;IACpQ;IACAJ,MAAMlC,OAAO,CAACsC,SAAS,GAAGC,IAAAA,mBAAY,EAAC1C,gCAAgCG,OAAO,EAAEqC,iBAAiB,eAAeF,OAAOjB,oBAAoB,GAAGiB,OAAOvB,kBAAkB,EAAEwB,eAAe,UAAUD,OAAOV,YAAY,GAAGe,WAAWN,MAAMlC,OAAO,CAACsC,SAAS;IAC1P,OAAOJ;AACT,GACA,iEAAiE"}

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

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "TeachingPopoverHeader", {
+    enumerable: true,
+    get: function() {
+        return TeachingPopoverHeader;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _useTeachingPopoverHeader = require("./useTeachingPopoverHeader");
+const _renderTeachingPopoverHeader = require("./renderTeachingPopoverHeader");
+const _useTeachingPopoverHeaderStylesstyles = require("./useTeachingPopoverHeaderStyles.styles");
+const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
+const TeachingPopoverHeader = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _useTeachingPopoverHeader.useTeachingPopoverHeader_unstable)(props, ref);
+    (0, _useTeachingPopoverHeaderStylesstyles.useTeachingPopoverHeaderStyles_unstable)(state);
+    (0, _reactsharedcontexts.useCustomStyleHook_unstable)('useTeachingPopoverHeaderStyles_unstable')(state);
+    return (0, _renderTeachingPopoverHeader.renderTeachingPopoverHeader_unstable)(state);
+});
+TeachingPopoverHeader.displayName = 'TeachingPopoverHeader';

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

@@ -0,0 +1 @@
+{"version":3,"sources":["TeachingPopoverHeader.js"],"sourcesContent":["import * as React from 'react';\nimport { useTeachingPopoverHeader_unstable } from './useTeachingPopoverHeader';\nimport { renderTeachingPopoverHeader_unstable } from './renderTeachingPopoverHeader';\nimport { useTeachingPopoverHeaderStyles_unstable } from './useTeachingPopoverHeaderStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * Define a styled TeachingPopoverHeader, using the `useTeachingPopoverHeader_unstable` and `useTeachingPopoverHeaderStyles_unstable`\n * hooks.\n *\n * TeachingPopoverHeader is an info subtitle located at the top of the popover, it provides a dismiss button by default (can be nulled)\n * and an info-tip icon that can be overridden or removed, subtitle displayed will be the children elements of TeachingPopoverHeader.\n */ export const TeachingPopoverHeader = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const state = useTeachingPopoverHeader_unstable(props, ref);\n    useTeachingPopoverHeaderStyles_unstable(state);\n    useCustomStyleHook_unstable('useTeachingPopoverHeaderStyles_unstable')(state);\n    return renderTeachingPopoverHeader_unstable(state);\n});\nTeachingPopoverHeader.displayName = 'TeachingPopoverHeader';\n"],"names":["TeachingPopoverHeader","React","forwardRef","props","ref","state","useTeachingPopoverHeader_unstable","useTeachingPopoverHeaderStyles_unstable","useCustomStyleHook_unstable","renderTeachingPopoverHeader_unstable","displayName"],"mappings":";;;;+BAWiBA;;;eAAAA;;;;iEAXM;0CAC2B;6CACG;sDACG;qCACZ;AAOjC,MAAMA,wBAAwB,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAC5E,MAAMC,QAAQC,IAAAA,2DAAiC,EAACH,OAAOC;IACvDG,IAAAA,6EAAuC,EAACF;IACxCG,IAAAA,gDAA2B,EAAC,2CAA2CH;IACvE,OAAOI,IAAAA,iEAAoC,EAACJ;AAChD;AACAL,sBAAsBU,WAAW,GAAG"}

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

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

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

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

package/lib-commonjs/components/TeachingPopoverHeader/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("./TeachingPopoverHeader"), exports);
+_export_star._(require("./TeachingPopoverHeader.types"), exports);
+_export_star._(require("./renderTeachingPopoverHeader"), exports);
+_export_star._(require("./useTeachingPopoverHeader"), exports);
+_export_star._(require("./useTeachingPopoverHeaderStyles.styles"), exports);

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

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

package/lib-commonjs/components/TeachingPopoverHeader/renderTeachingPopoverHeader.js

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

package/lib-commonjs/components/TeachingPopoverHeader/renderTeachingPopoverHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["renderTeachingPopoverHeader.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 TeachingPopoverHeader\n */ export const renderTeachingPopoverHeader_unstable = (state)=>{\n    assertSlots(state);\n    return /*#__PURE__*/ _jsxs(state.root, {\n        children: [\n            state.icon && /*#__PURE__*/ _jsx(state.icon, {}),\n            state.root.children,\n            state.dismissButton && /*#__PURE__*/ _jsx(state.dismissButton, {})\n        ]\n    });\n};\n"],"names":["renderTeachingPopoverHeader_unstable","state","assertSlots","_jsxs","root","children","icon","_jsx","dismissButton"],"mappings":";;;;+BAIiBA;;;eAAAA;;;4BAJ4B;gCACjB;AAGjB,MAAMA,uCAAuC,CAACC;IACrDC,IAAAA,2BAAW,EAACD;IACZ,OAAO,WAAW,GAAGE,IAAAA,gBAAK,EAACF,MAAMG,IAAI,EAAE;QACnCC,UAAU;YACNJ,MAAMK,IAAI,IAAI,WAAW,GAAGC,IAAAA,eAAI,EAACN,MAAMK,IAAI,EAAE,CAAC;YAC9CL,MAAMG,IAAI,CAACC,QAAQ;YACnBJ,MAAMO,aAAa,IAAI,WAAW,GAAGD,IAAAA,eAAI,EAACN,MAAMO,aAAa,EAAE,CAAC;SACnE;IACL;AACJ"}

package/lib-commonjs/components/TeachingPopoverHeader/useTeachingPopoverHeader.js

@@ -0,0 +1,61 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useTeachingPopoverHeader_unstable", {
+    enumerable: true,
+    get: function() {
+        return useTeachingPopoverHeader_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 _reacticons = require("@fluentui/react-icons");
+const _reactpopover = require("@fluentui/react-popover");
+const useTeachingPopoverHeader_unstable = (props, ref)=>{
+    const { dismissButton, icon } = props;
+    const setOpen = (0, _reactpopover.usePopoverContext_unstable)((context)=>context.setOpen);
+    const triggerRef = (0, _reactpopover.usePopoverContext_unstable)((context)=>context.triggerRef);
+    const appearance = (0, _reactpopover.usePopoverContext_unstable)((context)=>context.appearance);
+    const onDismissButtonClick = (0, _reactutilities.useEventCallback)((ev)=>{
+        if (!ev.defaultPrevented) {
+            setOpen(ev, false);
+        }
+        if (triggerRef.current) {
+            triggerRef.current.focus();
+        }
+    });
+    return {
+        appearance,
+        components: {
+            root: 'h3',
+            dismissButton: 'button',
+            icon: 'div'
+        },
+        root: _reactutilities.slot.always((0, _reactutilities.getIntrinsicElementProps)('h3', {
+            ref,
+            ...props
+        }), {
+            elementType: 'h3'
+        }),
+        icon: _reactutilities.slot.optional(icon, {
+            renderByDefault: true,
+            defaultProps: {
+                children: /*#__PURE__*/ _react.createElement(_reacticons.Lightbulb16Regular, null),
+                'aria-hidden': true
+            },
+            elementType: 'div'
+        }),
+        dismissButton: _reactutilities.slot.optional(dismissButton, {
+            renderByDefault: true,
+            defaultProps: {
+                children: /*#__PURE__*/ _react.createElement(_reacticons.Dismiss12Regular, null),
+                role: 'button',
+                'aria-label': 'dismiss',
+                onClick: onDismissButtonClick
+            },
+            elementType: 'button'
+        })
+    };
+};

package/lib-commonjs/components/TeachingPopoverHeader/useTeachingPopoverHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useTeachingPopoverHeader.js"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, useEventCallback, slot } from '@fluentui/react-utilities';\nimport { Dismiss12Regular, Lightbulb16Regular } from '@fluentui/react-icons';\nimport { usePopoverContext_unstable } from '@fluentui/react-popover';\n/**\n * Returns the props and state required to render the component\n * @param props - TeachingPopoverHeader properties\n * @param ref - reference to root HTMLElement of TeachingPopoverHeader\n */ export const useTeachingPopoverHeader_unstable = (props, ref)=>{\n    const { dismissButton, icon } = props;\n    const setOpen = usePopoverContext_unstable((context)=>context.setOpen);\n    const triggerRef = usePopoverContext_unstable((context)=>context.triggerRef);\n    const appearance = usePopoverContext_unstable((context)=>context.appearance);\n    const onDismissButtonClick = useEventCallback((ev)=>{\n        if (!ev.defaultPrevented) {\n            setOpen(ev, false);\n        }\n        if (triggerRef.current) {\n            triggerRef.current.focus();\n        }\n    });\n    return {\n        appearance,\n        components: {\n            root: 'h3',\n            dismissButton: 'button',\n            icon: 'div'\n        },\n        root: slot.always(getIntrinsicElementProps('h3', {\n            ref,\n            ...props\n        }), {\n            elementType: 'h3'\n        }),\n        icon: slot.optional(icon, {\n            renderByDefault: true,\n            defaultProps: {\n                children: /*#__PURE__*/ React.createElement(Lightbulb16Regular, null),\n                'aria-hidden': true\n            },\n            elementType: 'div'\n        }),\n        dismissButton: slot.optional(dismissButton, {\n            renderByDefault: true,\n            defaultProps: {\n                children: /*#__PURE__*/ React.createElement(Dismiss12Regular, null),\n                role: 'button',\n                'aria-label': 'dismiss',\n                onClick: onDismissButtonClick\n            },\n            elementType: 'button'\n        })\n    };\n};\n"],"names":["useTeachingPopoverHeader_unstable","props","ref","dismissButton","icon","setOpen","usePopoverContext_unstable","context","triggerRef","appearance","onDismissButtonClick","useEventCallback","ev","defaultPrevented","current","focus","components","root","slot","always","getIntrinsicElementProps","elementType","optional","renderByDefault","defaultProps","children","React","createElement","Lightbulb16Regular","Dismiss12Regular","role","onClick"],"mappings":";;;;+BAQiBA;;;eAAAA;;;;iEARM;gCAC0C;4BACZ;8BACV;AAKhC,MAAMA,oCAAoC,CAACC,OAAOC;IACzD,MAAM,EAAEC,aAAa,EAAEC,IAAI,EAAE,GAAGH;IAChC,MAAMI,UAAUC,IAAAA,wCAA0B,EAAC,CAACC,UAAUA,QAAQF,OAAO;IACrE,MAAMG,aAAaF,IAAAA,wCAA0B,EAAC,CAACC,UAAUA,QAAQC,UAAU;IAC3E,MAAMC,aAAaH,IAAAA,wCAA0B,EAAC,CAACC,UAAUA,QAAQE,UAAU;IAC3E,MAAMC,uBAAuBC,IAAAA,gCAAgB,EAAC,CAACC;QAC3C,IAAI,CAACA,GAAGC,gBAAgB,EAAE;YACtBR,QAAQO,IAAI;QAChB;QACA,IAAIJ,WAAWM,OAAO,EAAE;YACpBN,WAAWM,OAAO,CAACC,KAAK;QAC5B;IACJ;IACA,OAAO;QACHN;QACAO,YAAY;YACRC,MAAM;YACNd,eAAe;YACfC,MAAM;QACV;QACAa,MAAMC,oBAAI,CAACC,MAAM,CAACC,IAAAA,wCAAwB,EAAC,MAAM;YAC7ClB;YACA,GAAGD,KAAK;QACZ,IAAI;YACAoB,aAAa;QACjB;QACAjB,MAAMc,oBAAI,CAACI,QAAQ,CAAClB,MAAM;YACtBmB,iBAAiB;YACjBC,cAAc;gBACVC,UAAU,WAAW,GAAGC,OAAMC,aAAa,CAACC,8BAAkB,EAAE;gBAChE,eAAe;YACnB;YACAP,aAAa;QACjB;QACAlB,eAAee,oBAAI,CAACI,QAAQ,CAACnB,eAAe;YACxCoB,iBAAiB;YACjBC,cAAc;gBACVC,UAAU,WAAW,GAAGC,OAAMC,aAAa,CAACE,4BAAgB,EAAE;gBAC9DC,MAAM;gBACN,cAAc;gBACdC,SAASrB;YACb;YACAW,aAAa;QACjB;IACJ;AACJ"}

package/lib-commonjs/components/TeachingPopoverHeader/useTeachingPopoverHeaderStyles.styles.js

@@ -0,0 +1,230 @@
+"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, {
+    teachingPopoverHeaderClassNames: function() {
+        return teachingPopoverHeaderClassNames;
+    },
+    useTeachingPopoverHeaderStyles_unstable: function() {
+        return useTeachingPopoverHeaderStyles_unstable;
+    }
+});
+const _react = require("@griffel/react");
+const teachingPopoverHeaderClassNames = {
+    root: 'fui-TeachingPopoverHeader',
+    dismissButton: 'fui-TeachingPopoverHeader__dismissButton',
+    icon: 'fui-TeachingPopoverHeader__icon'
+};
+const useStyles = /*#__PURE__*/ (0, _react.__styles)({
+    root: {
+        mc9l5x: "f22iagw",
+        Beiy3e4: "f1063pyq",
+        sj55zd: "f11d4kpn",
+        Bhrd7zp: "fl43uef",
+        Be2twd7: "fy9rknc",
+        Bg96gwp: "fwrc4pm",
+        Byoj8tv: "f14wxoun",
+        Bt984gj: "f122n59",
+        B6of3ja: "f1jkagg5",
+        jrapky: "fi2ljxd"
+    },
+    rootBrand: {
+        sj55zd: "f1phragk"
+    },
+    dismissButton: {
+        sj55zd: "fkfq4zb",
+        qhf8xq: "f10pi13n",
+        B4j52fo: "f192inf7",
+        Bekrc4i: [
+            "f5tn483",
+            "f1ojsxk5"
+        ],
+        Bn0qgzm: "f1vxd6vx",
+        ibv6hh: [
+            "f1ojsxk5",
+            "f5tn483"
+        ],
+        icvyot: "fzkkow9",
+        vrafjx: [
+            "f1n71otn",
+            "f1deefiw"
+        ],
+        oivjwe: "fg706s2",
+        wvpqe5: [
+            "fjik90z",
+            "fcdblym"
+        ],
+        g2u3we: "fghlq4f",
+        h3c5rm: [
+            "f1gn591s",
+            "fjscplz"
+        ],
+        B9xav0g: "fb073pr",
+        zhjwy3: [
+            "fjscplz",
+            "f1gn591s"
+        ],
+        mc9l5x: "f22iagw",
+        Bt984gj: "f122n59",
+        Bceei9c: "f1k6fduh",
+        Bahqtrf: "fk6fouc",
+        Be2twd7: "fkhj508",
+        Bhrd7zp: "figsok6",
+        Bg96gwp: "f1i3iumi",
+        De3pzq: "f1c21dwh",
+        B7ck84d: "f1ewtqcl",
+        B7oj6ja: [
+            "f3fg2lr",
+            "f13av6d4"
+        ],
+        Bbmb7ep: [
+            "fzi6hpg",
+            "fyowgf4"
+        ],
+        Jyy4pa: "f1lfeew",
+        z8tnut: "f1ywm7hm",
+        z189sj: [
+            "f7x41pl",
+            "fruq291"
+        ],
+        Byoj8tv: "f14wxoun",
+        uwmqm3: [
+            "fruq291",
+            "f7x41pl"
+        ],
+        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"
+        ]
+    },
+    dismissBrand: {
+        sj55zd: "f1phragk"
+    },
+    icon: {
+        Bqenvij: "fsv12xs",
+        a9b677: "f19bqwv",
+        Bg96gwp: "fwrc4pm",
+        Be2twd7: "fy9rknc",
+        Bt984gj: "f122n59",
+        B7ck84d: "f1e4lqlz",
+        mc9l5x: "ftuwxu6",
+        Brf1p80: "f4d9j23",
+        w71qe1: "f1iuv45f",
+        ha4doy: "fmrv4ls",
+        qhf8xq: "f10pi13n",
+        De3pzq: "f1c21dwh",
+        sj55zd: "fkfq4zb",
+        Bokbzmb: "fpvr8q1"
+    },
+    iconBrand: {
+        sj55zd: "f1phragk"
+    }
+}, {
+    d: [
+        ".f22iagw{display:flex;}",
+        ".f1063pyq{flex-direction:row;}",
+        ".f11d4kpn{color:var(--colorNeutralForeground3);}",
+        ".fl43uef{font-weight:var(--fontWeightSemibold);}",
+        ".fy9rknc{font-size:var(--fontSizeBase200);}",
+        ".fwrc4pm{line-height:var(--lineHeightBase200);}",
+        ".f14wxoun{padding-bottom:var(--spacingVerticalXS);}",
+        ".f122n59{align-items:center;}",
+        ".f1jkagg5{margin-top:var(--spacingHorizontalNone);}",
+        ".fi2ljxd{margin-bottom:var(--spacingHorizontalNone);}",
+        ".f1phragk{color:var(--colorNeutralForegroundOnBrand);}",
+        ".fkfq4zb{color:var(--colorNeutralForeground2);}",
+        ".f10pi13n{position:relative;}",
+        ".f192inf7{border-top-width:var(--strokeWidthThin);}",
+        ".f5tn483{border-right-width:var(--strokeWidthThin);}",
+        ".f1ojsxk5{border-left-width:var(--strokeWidthThin);}",
+        ".f1vxd6vx{border-bottom-width:var(--strokeWidthThin);}",
+        ".fzkkow9{border-top-style:solid;}",
+        ".f1n71otn{border-right-style:none;}",
+        ".f1deefiw{border-left-style:none;}",
+        ".fg706s2{border-bottom-style:solid;}",
+        ".fjik90z{border-left-style:solid;}",
+        ".fcdblym{border-right-style:solid;}",
+        ".fghlq4f{border-top-color:var(--colorTransparentStroke);}",
+        ".f1gn591s{border-right-color:var(--colorTransparentStroke);}",
+        ".fjscplz{border-left-color:var(--colorTransparentStroke);}",
+        ".fb073pr{border-bottom-color:var(--colorTransparentStroke);}",
+        ".f1k6fduh{cursor:pointer;}",
+        ".fk6fouc{font-family:var(--fontFamilyBase);}",
+        ".fkhj508{font-size:var(--fontSizeBase300);}",
+        ".figsok6{font-weight:var(--fontWeightRegular);}",
+        ".f1i3iumi{line-height:var(--lineHeightBase300);}",
+        ".f1c21dwh{background-color:var(--colorTransparentBackground);}",
+        ".f1ewtqcl{box-sizing:border-box;}",
+        ".f3fg2lr{border-top-right-radius:var(--borderRadiusNone);}",
+        ".f13av6d4{border-top-left-radius:var(--borderRadiusNone);}",
+        ".fzi6hpg{border-bottom-right-radius:var(--borderRadiusNone);}",
+        ".fyowgf4{border-bottom-left-radius:var(--borderRadiusNone);}",
+        ".f1lfeew{-webkit-margin-start:auto;margin-inline-start:auto;}",
+        ".f1ywm7hm{padding-top:var(--spacingVerticalXS);}",
+        ".f7x41pl{padding-right:var(--spacingHorizontalXS);}",
+        ".fruq291{padding-left:var(--spacingHorizontalXS);}",
+        ".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;}",
+        ".fsv12xs{height:var(--fontSizeBase200);}",
+        ".f19bqwv{width:var(--fontSizeBase200);}",
+        ".f1e4lqlz{box-sizing:content-box;}",
+        ".ftuwxu6{display:inline-flex;}",
+        ".f4d9j23{justify-content:center;}",
+        ".f1iuv45f{text-decoration-line:none;}",
+        ".fmrv4ls{vertical-align:middle;}",
+        ".fpvr8q1{-webkit-margin-end:var(--spacingHorizontalXS);margin-inline-end:var(--spacingHorizontalXS);}"
+    ]
+});
+const useTeachingPopoverHeaderStyles_unstable = (state)=>{
+    const styles = useStyles();
+    const { appearance } = state;
+    state.root.className = (0, _react.mergeClasses)(teachingPopoverHeaderClassNames.root, styles.root, appearance === 'brand' && styles.rootBrand, state.root.className);
+    if (state.dismissButton) {
+        state.dismissButton.className = (0, _react.mergeClasses)(teachingPopoverHeaderClassNames.dismissButton, styles.dismissButton, appearance === 'brand' ? styles.dismissBrand : undefined, state.dismissButton.className);
+    }
+    if (state.icon) {
+        state.icon.className = (0, _react.mergeClasses)(teachingPopoverHeaderClassNames.icon, styles.icon, appearance === 'brand' ? styles.iconBrand : undefined, state.icon.className);
+    }
+    return state;
+}; //# sourceMappingURL=useTeachingPopoverHeaderStyles.styles.js.map

package/lib-commonjs/components/TeachingPopoverHeader/useTeachingPopoverHeaderStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useTeachingPopoverHeaderStyles.styles.js"],"sourcesContent":["import { shorthands, __styles, mergeClasses } from '@griffel/react';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nexport const teachingPopoverHeaderClassNames = {\n  root: 'fui-TeachingPopoverHeader',\n  dismissButton: 'fui-TeachingPopoverHeader__dismissButton',\n  icon: 'fui-TeachingPopoverHeader__icon'\n};\nconst useStyles = /*#__PURE__*/__styles({\n  root: {\n    mc9l5x: \"f22iagw\",\n    Beiy3e4: \"f1063pyq\",\n    sj55zd: \"f11d4kpn\",\n    Bhrd7zp: \"fl43uef\",\n    Be2twd7: \"fy9rknc\",\n    Bg96gwp: \"fwrc4pm\",\n    Byoj8tv: \"f14wxoun\",\n    Bt984gj: \"f122n59\",\n    B6of3ja: \"f1jkagg5\",\n    jrapky: \"fi2ljxd\"\n  },\n  rootBrand: {\n    sj55zd: \"f1phragk\"\n  },\n  dismissButton: {\n    sj55zd: \"fkfq4zb\",\n    qhf8xq: \"f10pi13n\",\n    B4j52fo: \"f192inf7\",\n    Bekrc4i: [\"f5tn483\", \"f1ojsxk5\"],\n    Bn0qgzm: \"f1vxd6vx\",\n    ibv6hh: [\"f1ojsxk5\", \"f5tn483\"],\n    icvyot: \"fzkkow9\",\n    vrafjx: [\"f1n71otn\", \"f1deefiw\"],\n    oivjwe: \"fg706s2\",\n    wvpqe5: [\"fjik90z\", \"fcdblym\"],\n    g2u3we: \"fghlq4f\",\n    h3c5rm: [\"f1gn591s\", \"fjscplz\"],\n    B9xav0g: \"fb073pr\",\n    zhjwy3: [\"fjscplz\", \"f1gn591s\"],\n    mc9l5x: \"f22iagw\",\n    Bt984gj: \"f122n59\",\n    Bceei9c: \"f1k6fduh\",\n    Bahqtrf: \"fk6fouc\",\n    Be2twd7: \"fkhj508\",\n    Bhrd7zp: \"figsok6\",\n    Bg96gwp: \"f1i3iumi\",\n    De3pzq: \"f1c21dwh\",\n    B7ck84d: \"f1ewtqcl\",\n    B7oj6ja: [\"f3fg2lr\", \"f13av6d4\"],\n    Bbmb7ep: [\"fzi6hpg\", \"fyowgf4\"],\n    Jyy4pa: \"f1lfeew\",\n    z8tnut: \"f1ywm7hm\",\n    z189sj: [\"f7x41pl\", \"fruq291\"],\n    Byoj8tv: \"f14wxoun\",\n    uwmqm3: [\"fruq291\", \"f7x41pl\"],\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  dismissBrand: {\n    sj55zd: \"f1phragk\"\n  },\n  icon: {\n    Bqenvij: \"fsv12xs\",\n    a9b677: \"f19bqwv\",\n    Bg96gwp: \"fwrc4pm\",\n    Be2twd7: \"fy9rknc\",\n    Bt984gj: \"f122n59\",\n    B7ck84d: \"f1e4lqlz\",\n    mc9l5x: \"ftuwxu6\",\n    Brf1p80: \"f4d9j23\",\n    w71qe1: \"f1iuv45f\",\n    ha4doy: \"fmrv4ls\",\n    qhf8xq: \"f10pi13n\",\n    De3pzq: \"f1c21dwh\",\n    sj55zd: \"fkfq4zb\",\n    Bokbzmb: \"fpvr8q1\"\n  },\n  iconBrand: {\n    sj55zd: \"f1phragk\"\n  }\n}, {\n  d: [\".f22iagw{display:flex;}\", \".f1063pyq{flex-direction:row;}\", \".f11d4kpn{color:var(--colorNeutralForeground3);}\", \".fl43uef{font-weight:var(--fontWeightSemibold);}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".fwrc4pm{line-height:var(--lineHeightBase200);}\", \".f14wxoun{padding-bottom:var(--spacingVerticalXS);}\", \".f122n59{align-items:center;}\", \".f1jkagg5{margin-top:var(--spacingHorizontalNone);}\", \".fi2ljxd{margin-bottom:var(--spacingHorizontalNone);}\", \".f1phragk{color:var(--colorNeutralForegroundOnBrand);}\", \".fkfq4zb{color:var(--colorNeutralForeground2);}\", \".f10pi13n{position:relative;}\", \".f192inf7{border-top-width:var(--strokeWidthThin);}\", \".f5tn483{border-right-width:var(--strokeWidthThin);}\", \".f1ojsxk5{border-left-width:var(--strokeWidthThin);}\", \".f1vxd6vx{border-bottom-width:var(--strokeWidthThin);}\", \".fzkkow9{border-top-style:solid;}\", \".f1n71otn{border-right-style:none;}\", \".f1deefiw{border-left-style:none;}\", \".fg706s2{border-bottom-style:solid;}\", \".fjik90z{border-left-style:solid;}\", \".fcdblym{border-right-style:solid;}\", \".fghlq4f{border-top-color:var(--colorTransparentStroke);}\", \".f1gn591s{border-right-color:var(--colorTransparentStroke);}\", \".fjscplz{border-left-color:var(--colorTransparentStroke);}\", \".fb073pr{border-bottom-color:var(--colorTransparentStroke);}\", \".f1k6fduh{cursor:pointer;}\", \".fk6fouc{font-family:var(--fontFamilyBase);}\", \".fkhj508{font-size:var(--fontSizeBase300);}\", \".figsok6{font-weight:var(--fontWeightRegular);}\", \".f1i3iumi{line-height:var(--lineHeightBase300);}\", \".f1c21dwh{background-color:var(--colorTransparentBackground);}\", \".f1ewtqcl{box-sizing:border-box;}\", \".f3fg2lr{border-top-right-radius:var(--borderRadiusNone);}\", \".f13av6d4{border-top-left-radius:var(--borderRadiusNone);}\", \".fzi6hpg{border-bottom-right-radius:var(--borderRadiusNone);}\", \".fyowgf4{border-bottom-left-radius:var(--borderRadiusNone);}\", \".f1lfeew{-webkit-margin-start:auto;margin-inline-start:auto;}\", \".f1ywm7hm{padding-top:var(--spacingVerticalXS);}\", \".f7x41pl{padding-right:var(--spacingHorizontalXS);}\", \".fruq291{padding-left:var(--spacingHorizontalXS);}\", \".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;}\", \".fsv12xs{height:var(--fontSizeBase200);}\", \".f19bqwv{width:var(--fontSizeBase200);}\", \".f1e4lqlz{box-sizing:content-box;}\", \".ftuwxu6{display:inline-flex;}\", \".f4d9j23{justify-content:center;}\", \".f1iuv45f{text-decoration-line:none;}\", \".fmrv4ls{vertical-align:middle;}\", \".fpvr8q1{-webkit-margin-end:var(--spacingHorizontalXS);margin-inline-end:var(--spacingHorizontalXS);}\"]\n});\n/** Applies style classnames to slots */\nexport const useTeachingPopoverHeaderStyles_unstable = state => {\n  const styles = useStyles();\n  const {\n    appearance\n  } = state;\n  state.root.className = mergeClasses(teachingPopoverHeaderClassNames.root, styles.root, appearance === 'brand' && styles.rootBrand, state.root.className);\n  if (state.dismissButton) {\n    state.dismissButton.className = mergeClasses(teachingPopoverHeaderClassNames.dismissButton, styles.dismissButton, appearance === 'brand' ? styles.dismissBrand : undefined, state.dismissButton.className);\n  }\n  if (state.icon) {\n    state.icon.className = mergeClasses(teachingPopoverHeaderClassNames.icon, styles.icon, appearance === 'brand' ? styles.iconBrand : undefined, state.icon.className);\n  }\n  return state;\n};\n//# sourceMappingURL=useTeachingPopoverHeaderStyles.styles.js.map"],"names":["teachingPopoverHeaderClassNames","useTeachingPopoverHeaderStyles_unstable","root","dismissButton","icon","useStyles","__styles","mc9l5x","Beiy3e4","sj55zd","Bhrd7zp","Be2twd7","Bg96gwp","Byoj8tv","Bt984gj","B6of3ja","jrapky","rootBrand","qhf8xq","B4j52fo","Bekrc4i","Bn0qgzm","ibv6hh","icvyot","vrafjx","oivjwe","wvpqe5","g2u3we","h3c5rm","B9xav0g","zhjwy3","Bceei9c","Bahqtrf","De3pzq","B7ck84d","B7oj6ja","Bbmb7ep","Jyy4pa","z8tnut","z189sj","uwmqm3","Bn4voq9","g9k6zt","Bfpq7zp","kdpuga","Bw81rd7","B6xbmo0","dm238s","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","dismissBrand","Bqenvij","a9b677","Brf1p80","w71qe1","ha4doy","Bokbzmb","iconBrand","d","state","styles","appearance","className","mergeClasses","undefined"],"mappings":"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"}

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

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "TeachingPopoverSurface", {
+    enumerable: true,
+    get: function() {
+        return TeachingPopoverSurface;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
+const _useTeachingPopoverSurface = require("./useTeachingPopoverSurface");
+const _useTeachingPopoverSurfaceStylesstyles = require("./useTeachingPopoverSurfaceStyles.styles");
+const _renderTeachingPopoverSurface = require("./renderTeachingPopoverSurface");
+const TeachingPopoverSurface = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _useTeachingPopoverSurface.useTeachingPopoverSurface_unstable)(props, ref);
+    (0, _useTeachingPopoverSurfaceStylesstyles.useTeachingPopoverSurfaceStyles_unstable)(state);
+    (0, _reactsharedcontexts.useCustomStyleHook_unstable)('useTeachingPopoverSurfaceStyles_unstable')(state);
+    return (0, _renderTeachingPopoverSurface.renderTeachingPopoverSurface_unstable)(state);
+});
+TeachingPopoverSurface.displayName = 'TeachingPopoverSurface';

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

@@ -0,0 +1 @@
+{"version":3,"sources":["TeachingPopoverSurface.js"],"sourcesContent":["import * as React from 'react';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport { useTeachingPopoverSurface_unstable } from './useTeachingPopoverSurface';\nimport { useTeachingPopoverSurfaceStyles_unstable } from './useTeachingPopoverSurfaceStyles.styles';\nimport { renderTeachingPopoverSurface_unstable } from './renderTeachingPopoverSurface';\n/**\n * TeachingPopoverSurface component renders react children in a positioned box\n *\n * TeachingPopoverSurface is a direct extension of PopoverSurface, with it's own styling context hooks available.\n */ export const TeachingPopoverSurface = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const state = useTeachingPopoverSurface_unstable(props, ref);\n    useTeachingPopoverSurfaceStyles_unstable(state);\n    useCustomStyleHook_unstable('useTeachingPopoverSurfaceStyles_unstable')(state);\n    return renderTeachingPopoverSurface_unstable(state);\n});\nTeachingPopoverSurface.displayName = 'TeachingPopoverSurface';\n"],"names":["TeachingPopoverSurface","React","forwardRef","props","ref","state","useTeachingPopoverSurface_unstable","useTeachingPopoverSurfaceStyles_unstable","useCustomStyleHook_unstable","renderTeachingPopoverSurface_unstable","displayName"],"mappings":";;;;+BASiBA;;;eAAAA;;;;iEATM;qCACqB;2CACO;uDACM;8CACH;AAK3C,MAAMA,yBAAyB,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAC7E,MAAMC,QAAQC,IAAAA,6DAAkC,EAACH,OAAOC;IACxDG,IAAAA,+EAAwC,EAACF;IACzCG,IAAAA,gDAA2B,EAAC,4CAA4CH;IACxE,OAAOI,IAAAA,mEAAqC,EAACJ;AACjD;AACAL,uBAAuBU,WAAW,GAAG"}

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

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

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

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

package/lib-commonjs/components/TeachingPopoverSurface/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("./TeachingPopoverSurface"), exports);
+_export_star._(require("./TeachingPopoverSurface.types"), exports);
+_export_star._(require("./renderTeachingPopoverSurface"), exports);
+_export_star._(require("./useTeachingPopoverSurface"), exports);
+_export_star._(require("./useTeachingPopoverSurfaceStyles.styles"), exports);

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

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

package/lib-commonjs/components/TeachingPopoverSurface/renderTeachingPopoverSurface.js

@@ -0,0 +1,17 @@
+/** @jsxRuntime classic */ /** @jsx createElement */ "use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "renderTeachingPopoverSurface_unstable", {
+    enumerable: true,
+    get: function() {
+        return renderTeachingPopoverSurface_unstable;
+    }
+});
+const _reactutilities = require("@fluentui/react-utilities");
+const _reactpopover = require("@fluentui/react-popover");
+const renderTeachingPopoverSurface_unstable = (state)=>{
+    (0, _reactutilities.assertSlots)(state);
+    // For now we are just extending the base surface
+    return (0, _reactpopover.renderPopoverSurface_unstable)(state);
+};

package/lib-commonjs/components/TeachingPopoverSurface/renderTeachingPopoverSurface.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["renderTeachingPopoverSurface.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { assertSlots } from '@fluentui/react-utilities';\nimport { renderPopoverSurface_unstable } from '@fluentui/react-popover';\n/**\n * Render the final JSX of PopoverSurface\n */ export const renderTeachingPopoverSurface_unstable = (state)=>{\n    assertSlots(state);\n    // For now we are just extending the base surface\n    return renderPopoverSurface_unstable(state);\n};\n"],"names":["renderTeachingPopoverSurface_unstable","state","assertSlots","renderPopoverSurface_unstable"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAIjCA;;;eAAAA;;;gCAJgE;8BACnC;AAGnC,MAAMA,wCAAwC,CAACC;IACtDC,IAAAA,2BAAW,EAACD;IACZ,iDAAiD;IACjD,OAAOE,IAAAA,2CAA6B,EAACF;AACzC"}