@fluentui/react-teaching-popover 9.6.0 → 9.6.1

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/TeachingPopoverCarouselPageCount/index.ts"],"sourcesContent":["export { TeachingPopoverCarouselPageCount } from './TeachingPopoverCarouselPageCount';\nexport type {\n  TeachingPopoverCarouselPageCountProps,\n  TeachingPopoverCarouselPageCountRenderFunction,\n  TeachingPopoverCarouselPageCountSlots,\n  TeachingPopoverCarouselPageCountState,\n} from './TeachingPopoverCarouselPageCount.types';\nexport { renderTeachingPopoverCarouselPageCount_unstable } from './renderTeachingPopoverCarouselPageCount';\nexport { useTeachingPopoverCarouselPageCount_unstable } from './useTeachingPopoverCarouselPageCount';\nexport {\n  teachingPopoverCarouselPageCountClassNames,\n  useTeachingPopoverCarouselPageCountStyles_unstable,\n} from './useTeachingPopoverCarouselPageCountStyles.styles';\n"],"names":["TeachingPopoverCarouselPageCount","renderTeachingPopoverCarouselPageCount_unstable","teachingPopoverCarouselPageCountClassNames","useTeachingPopoverCarouselPageCountStyles_unstable","useTeachingPopoverCarouselPageCount_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAASA,gCAAgC;eAAhCA,kEAAgC;;IAOhCC,+CAA+C;eAA/CA,uFAA+C;;IAGtDC,0CAA0C;eAA1CA,2FAA0C;;IAC1CC,kDAAkD;eAAlDA,mGAAkD;;IAH3CC,4CAA4C;eAA5CA,iFAA4C;;;kDARJ;wDAOe;qDACH;iEAItD"}
+{"version":3,"sources":["../src/components/TeachingPopoverCarouselPageCount/index.ts"],"sourcesContent":["export { TeachingPopoverCarouselPageCount } from './TeachingPopoverCarouselPageCount';\nexport type {\n  TeachingPopoverCarouselPageCountProps,\n  TeachingPopoverCarouselPageCountRenderFunction,\n  TeachingPopoverCarouselPageCountSlots,\n  TeachingPopoverCarouselPageCountState,\n} from './TeachingPopoverCarouselPageCount.types';\nexport { renderTeachingPopoverCarouselPageCount_unstable } from './renderTeachingPopoverCarouselPageCount';\nexport { useTeachingPopoverCarouselPageCount_unstable } from './useTeachingPopoverCarouselPageCount';\nexport {\n  teachingPopoverCarouselPageCountClassNames,\n  useTeachingPopoverCarouselPageCountStyles_unstable,\n} from './useTeachingPopoverCarouselPageCountStyles.styles';\n"],"names":["TeachingPopoverCarouselPageCount","renderTeachingPopoverCarouselPageCount_unstable","useTeachingPopoverCarouselPageCount_unstable","teachingPopoverCarouselPageCountClassNames","useTeachingPopoverCarouselPageCountStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,kEAAgC;;;eAOhCC,uFAA+C;;;eAGtDE,2FAA0C;;;eAC1CC,mGAAkD;;;eAH3CF,iFAA4C;;;kDARJ,qCAAqC;wDAOtB,2CAA2C;qDAC9C,wCAAwC;iEAI9F,qDAAqD"}

package/lib-commonjs/components/TeachingPopoverCarouselPageCount/renderTeachingPopoverCarouselPageCount.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/TeachingPopoverCarouselPageCount/renderTeachingPopoverCarouselPageCount.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type {\n  TeachingPopoverCarouselPageCountState,\n  TeachingPopoverCarouselPageCountSlots,\n} from './TeachingPopoverCarouselPageCount.types';\n\n/**\n * Render the final JSX of TeachingPopoverCarouselPageCount\n */\nexport const renderTeachingPopoverCarouselPageCount_unstable = (state: TeachingPopoverCarouselPageCountState) => {\n  assertSlots<TeachingPopoverCarouselPageCountSlots>(state);\n\n  return <state.root />;\n};\n"],"names":["renderTeachingPopoverCarouselPageCount_unstable","state","assertSlots","_jsx","root"],"rangeMappings":";;;;;;;;;;;;;;;","mappings":";;;;+BAYaA;;;eAAAA;;;4BAXb;gCAE4B;AASrB,MAAMA,kDAAkD,CAACC;IAC9DC,IAAAA,2BAAAA,EAAmDD;IAEnD,OAAA,WAAA,GAAOE,IAAAA,eAAA,EAACF,MAAMG,IAAI,EAAA,CAAA;AACpB"}
+{"version":3,"sources":["../src/components/TeachingPopoverCarouselPageCount/renderTeachingPopoverCarouselPageCount.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type {\n  TeachingPopoverCarouselPageCountState,\n  TeachingPopoverCarouselPageCountSlots,\n} from './TeachingPopoverCarouselPageCount.types';\n\n/**\n * Render the final JSX of TeachingPopoverCarouselPageCount\n */\nexport const renderTeachingPopoverCarouselPageCount_unstable = (state: TeachingPopoverCarouselPageCountState) => {\n  assertSlots<TeachingPopoverCarouselPageCountSlots>(state);\n\n  return <state.root />;\n};\n"],"names":["assertSlots","renderTeachingPopoverCarouselPageCount_unstable","state","root"],"mappings":";;;;;;;;;;4BACA,gDAAiD;gCAErB,4BAA4B;AASjD,MAAMC,kDAAkD,CAACC;QAC9DF,2BAAAA,EAAmDE;IAEnD,OAAA,WAAA,OAAO,eAAA,EAACA,MAAMC,IAAI,EAAA,CAAA;AACpB,EAAE"}

package/lib-commonjs/components/TeachingPopoverCarouselPageCount/useTeachingPopoverCarouselPageCount.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/TeachingPopoverCarouselPageCount/useTeachingPopoverCarouselPageCount.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport type {\n  TeachingPopoverCarouselPageCountProps,\n  TeachingPopoverCarouselPageCountState,\n} from './TeachingPopoverCarouselPageCount.types';\nimport { useCarouselValues_unstable } from '../TeachingPopoverCarousel/Carousel/useCarouselValues';\nimport { useCarouselContext_unstable } from '../TeachingPopoverCarousel/Carousel/CarouselContext';\n\n/**\n * Create the state required to render TeachingPopoverCarouselPageCount.\n *\n * The returned state can be modified with hooks such as useTeachingPopoverCarouselPageCountStyles_unstable,\n * before being passed to renderTeachingPopoverCarouselPageCount_unstable.\n *\n * @param props - props from this instance of TeachingPopoverCarouselPageCount\n * @param ref - reference to root HTMLDivElement of TeachingPopoverCarouselPageCount\n */\nexport const useTeachingPopoverCarouselPageCount_unstable = (\n  props: TeachingPopoverCarouselPageCountProps,\n  ref: React.Ref<HTMLDivElement>,\n): TeachingPopoverCarouselPageCountState => {\n  const values = useCarouselValues_unstable(snapshot => snapshot);\n\n  const selectedValue = useCarouselContext_unstable(c => c.value) ?? values[0];\n  const currentIndex = values.indexOf(selectedValue);\n  const totalPages = values.length;\n\n  return {\n    currentIndex,\n    totalPages,\n    renderPageCount: props.children,\n    components: {\n      root: 'div',\n    },\n    root: slot.always(\n      getIntrinsicElementProps('div', {\n        ref,\n        ...props,\n        children: props.children(currentIndex + 1, totalPages),\n      }),\n      { elementType: 'div' },\n    ),\n  };\n};\n"],"names":["useTeachingPopoverCarouselPageCount_unstable","props","ref","values","useCarouselValues_unstable","snapshot","useCarouselContext_unstable","selectedValue","c","value","currentIndex","indexOf","totalPages","length","renderPageCount","children","components","root","slot","always","getIntrinsicElementProps","elementType"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAkBaA;;;eAAAA;;;;iEAlBU;gCACwB;mCAKJ;iCACC;AAWrC,MAAMA,+CAA+C,CAC1DC,OACAC;IAEA,MAAMC,SAASC,IAAAA,6CAAAA,EAA2BC,CAAAA,WAAYA;QAEhCC;IAAtB,MAAMC,gBAAgBD,CAAAA,+BAAAA,IAAAA,4CAAAA,EAA4BE,CAAAA,IAAKA,EAAEC,KAAK,CAAA,MAAA,QAAxCH,iCAAAA,KAAAA,IAAAA,+BAA6CH,MAAM,CAAC,EAAE;IAC5E,MAAMO,eAAeP,OAAOQ,OAAO,CAACJ;IACpC,MAAMK,aAAaT,OAAOU,MAAM;IAEhC,OAAO;QACLH;QACAE;QACAE,iBAAiBb,MAAMc,QAAQ;QAC/BC,YAAY;YACVC,MAAM;QACR;QACAA,MAAMC,oBAAAA,CAAKC,MAAM,CACfC,IAAAA,wCAAAA,EAAyB,OAAO;YAC9BlB;YACA,GAAGD,KAAK;YACRc,UAAUd,MAAMc,QAAQ,CAACL,eAAe,GAAGE;QAC7C,IACA;YAAES,aAAa;QAAM;IAEzB;AACF"}
+{"version":3,"sources":["../src/components/TeachingPopoverCarouselPageCount/useTeachingPopoverCarouselPageCount.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport type {\n  TeachingPopoverCarouselPageCountProps,\n  TeachingPopoverCarouselPageCountState,\n} from './TeachingPopoverCarouselPageCount.types';\nimport { useCarouselValues_unstable } from '../TeachingPopoverCarousel/Carousel/useCarouselValues';\nimport { useCarouselContext_unstable } from '../TeachingPopoverCarousel/Carousel/CarouselContext';\n\n/**\n * Create the state required to render TeachingPopoverCarouselPageCount.\n *\n * The returned state can be modified with hooks such as useTeachingPopoverCarouselPageCountStyles_unstable,\n * before being passed to renderTeachingPopoverCarouselPageCount_unstable.\n *\n * @param props - props from this instance of TeachingPopoverCarouselPageCount\n * @param ref - reference to root HTMLDivElement of TeachingPopoverCarouselPageCount\n */\nexport const useTeachingPopoverCarouselPageCount_unstable = (\n  props: TeachingPopoverCarouselPageCountProps,\n  ref: React.Ref<HTMLDivElement>,\n): TeachingPopoverCarouselPageCountState => {\n  const values = useCarouselValues_unstable(snapshot => snapshot);\n\n  const selectedValue = useCarouselContext_unstable(c => c.value) ?? values[0];\n  const currentIndex = values.indexOf(selectedValue);\n  const totalPages = values.length;\n\n  return {\n    currentIndex,\n    totalPages,\n    renderPageCount: props.children,\n    components: {\n      root: 'div',\n    },\n    root: slot.always(\n      getIntrinsicElementProps('div', {\n        ref,\n        ...props,\n        children: props.children(currentIndex + 1, totalPages),\n      }),\n      { elementType: 'div' },\n    ),\n  };\n};\n"],"names":["React","getIntrinsicElementProps","slot","useCarouselValues_unstable","useCarouselContext_unstable","useTeachingPopoverCarouselPageCount_unstable","props","ref","values","snapshot","selectedValue","c","value","currentIndex","indexOf","totalPages","length","renderPageCount","children","components","root","always","elementType"],"mappings":";;;;+BAkBaK;;;;;;;iEAlBU,QAAQ;gCACgB,4BAA4B;mCAKhC,wDAAwD;iCACvD,sDAAsD;AAW3F,qDAAqD,CAC1DC,OACAC;IAEA,MAAMC,aAASL,6CAAAA,EAA2BM,CAAAA,WAAYA;QAEhCL;IAAtB,MAAMM,gBAAgBN,oCAAAA,4CAAAA,EAA4BO,CAAAA,IAAKA,EAAEC,MAAK,MAAA,QAAxCR,iCAAAA,KAAAA,IAAAA,+BAA6CI,MAAM,CAAC,EAAE;IAC5E,MAAMK,eAAeL,OAAOM,OAAO,CAACJ;IACpC,MAAMK,aAAaP,OAAOQ,MAAM;IAEhC,OAAO;QACLH;QACAE;QACAE,iBAAiBX,MAAMY,QAAQ;QAC/BC,YAAY;YACVC,MAAM;QACR;QACAA,MAAMlB,oBAAAA,CAAKmB,MAAM,KACfpB,wCAAAA,EAAyB,OAAO;YAC9BM;YACA,GAAGD,KAAK;YACRY,UAAUZ,MAAMY,QAAQ,CAACL,eAAe,GAAGE;QAC7C,IACA;YAAEO,aAAa;QAAM;IAEzB;AACF,EAAE"}

package/lib-commonjs/components/TeachingPopoverCarouselPageCount/useTeachingPopoverCarouselPageCountStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useTeachingPopoverCarouselPageCountStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nexport const teachingPopoverCarouselPageCountClassNames = {\n    root: 'fui-TeachingPopoverCarouselPageCount'\n};\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n    root: {\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center'\n    }\n});\n/**\n * Apply styling to the TeachingPopoverCarouselPageCount slots based on the state\n */ export const useTeachingPopoverCarouselPageCountStyles_unstable = (state)=>{\n    'use no memo';\n    const styles = useStyles();\n    state.root.className = mergeClasses(teachingPopoverCarouselPageCountClassNames.root, styles.root, state.root.className);\n    return state;\n};\n"],"names":["teachingPopoverCarouselPageCountClassNames","useTeachingPopoverCarouselPageCountStyles_unstable","root","useStyles","__styles","mc9l5x","Bt984gj","Brf1p80","d","state","styles","className","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IACaA,0CAA0C;eAA1CA;;IAcIC,kDAAkD;eAAlDA;;;uBAfwB;AAClC,MAAMD,6CAA6C;IACtDE,MAAM;AACV;AACA;;CAEA,GAAI,MAAMC,YAAS,WAAA,GAAGC,IAAAA,eAAA,EAAA;IAAAF,MAAA;QAAAG,QAAA;QAAAC,SAAA;QAAAC,SAAA;IAAA;AAAA,GAAA;IAAAC,GAAA;QAAA;QAAA;QAAA;KAAA;AAAA;AASX,MAAMP,qDAAsDQ,CAAAA;IACnE;IACA,MAAMC,SAASP;IACfM,MAAMP,IAAI,CAACS,SAAS,GAAGC,IAAAA,mBAAY,EAACZ,2CAA2CE,IAAI,EAAEQ,OAAOR,IAAI,EAAEO,MAAMP,IAAI,CAACS,SAAS;IACtH,OAAOF;AACX"}
+{"version":3,"sources":["useTeachingPopoverCarouselPageCountStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nexport const teachingPopoverCarouselPageCountClassNames = {\n    root: 'fui-TeachingPopoverCarouselPageCount'\n};\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n    root: {\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center'\n    }\n});\n/**\n * Apply styling to the TeachingPopoverCarouselPageCount slots based on the state\n */ export const useTeachingPopoverCarouselPageCountStyles_unstable = (state)=>{\n    'use no memo';\n    const styles = useStyles();\n    state.root.className = mergeClasses(teachingPopoverCarouselPageCountClassNames.root, styles.root, state.root.className);\n    return state;\n};\n"],"names":["__styles","mergeClasses","teachingPopoverCarouselPageCountClassNames","root","useStyles","mc9l5x","Bt984gj","Brf1p80","d","useTeachingPopoverCarouselPageCountStyles_unstable","state","styles","className"],"mappings":";;;;;;;;;;;IACaE,0CAA0C;;;sDAcY;;;;uBAf1B,gBAAgB;AAClD,mDAAmD;IACtDC,IAAI,EAAE;AACV,CAAC;AACD;;CAEA,GAAI,MAAMC,SAAS,GAAA,WAAA,GAAGJ,mBAAA,EAAA;IAAAG,IAAA,EAAA;QAAAE,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAC,CAAA,EAAA;QAAA;QAAA;QAAA;KAAA;AAAA,CAMrB,CAAC;AAGS,MAAMC,sDAAsDC,KAAK,IAAG;IAC3E,aAAa;IACb,MAAMC,MAAM,GAAGP,SAAS,CAAC,CAAC;IAC1BM,KAAK,CAACP,IAAI,CAACS,SAAS,OAAGX,mBAAY,EAACC,0CAA0C,CAACC,IAAI,EAAEQ,MAAM,CAACR,IAAI,EAAEO,KAAK,CAACP,IAAI,CAACS,SAAS,CAAC;IACvH,OAAOF,KAAK;AAChB,CAAC"}

package/lib-commonjs/components/TeachingPopoverCarouselPageCount/useTeachingPopoverCarouselPageCountStyles.styles.raw.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/TeachingPopoverCarouselPageCount/useTeachingPopoverCarouselPageCountStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type {\n  TeachingPopoverCarouselPageCountSlots,\n  TeachingPopoverCarouselPageCountState,\n} from './TeachingPopoverCarouselPageCount.types';\n\nexport const teachingPopoverCarouselPageCountClassNames: SlotClassNames<TeachingPopoverCarouselPageCountSlots> = {\n  root: 'fui-TeachingPopoverCarouselPageCount',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n});\n\n/**\n * Apply styling to the TeachingPopoverCarouselPageCount slots based on the state\n */\nexport const useTeachingPopoverCarouselPageCountStyles_unstable = (\n  state: TeachingPopoverCarouselPageCountState,\n): TeachingPopoverCarouselPageCountState => {\n  'use no memo';\n\n  const styles = useStyles();\n  state.root.className = mergeClasses(\n    teachingPopoverCarouselPageCountClassNames.root,\n    styles.root,\n    state.root.className,\n  );\n\n  return state;\n};\n"],"names":["teachingPopoverCarouselPageCountClassNames","useTeachingPopoverCarouselPageCountStyles_unstable","root","useStyles","makeStyles","display","alignItems","justifyContent","state","styles","className","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAOaA,0CAAAA;eAAAA;;IAkBAC,kDAAAA;eAAAA;;;uBAzB4B;AAOlC,MAAMD,6CAAoG;IAC/GE,MAAM;AACR;AAEA;;CAEC,GACD,MAAMC,YAAYC,IAAAA,iBAAAA,EAAW;IAC3BF,MAAM;QACJG,SAAS;QACTC,YAAY;QACZC,gBAAgB;IAClB;AACF;AAKO,MAAMN,qDAAqD,CAChEO;IAEA;IAEA,MAAMC,SAASN;IACfK,MAAMN,IAAI,CAACQ,SAAS,GAAGC,IAAAA,mBAAAA,EACrBX,2CAA2CE,IAAI,EAC/CO,OAAOP,IAAI,EACXM,MAAMN,IAAI,CAACQ,SAAS;IAGtB,OAAOF;AACT"}
+{"version":3,"sources":["../src/components/TeachingPopoverCarouselPageCount/useTeachingPopoverCarouselPageCountStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type {\n  TeachingPopoverCarouselPageCountSlots,\n  TeachingPopoverCarouselPageCountState,\n} from './TeachingPopoverCarouselPageCount.types';\n\nexport const teachingPopoverCarouselPageCountClassNames: SlotClassNames<TeachingPopoverCarouselPageCountSlots> = {\n  root: 'fui-TeachingPopoverCarouselPageCount',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n});\n\n/**\n * Apply styling to the TeachingPopoverCarouselPageCount slots based on the state\n */\nexport const useTeachingPopoverCarouselPageCountStyles_unstable = (\n  state: TeachingPopoverCarouselPageCountState,\n): TeachingPopoverCarouselPageCountState => {\n  'use no memo';\n\n  const styles = useStyles();\n  state.root.className = mergeClasses(\n    teachingPopoverCarouselPageCountClassNames.root,\n    styles.root,\n    state.root.className,\n  );\n\n  return state;\n};\n"],"names":["makeStyles","mergeClasses","teachingPopoverCarouselPageCountClassNames","root","useStyles","display","alignItems","justifyContent","useTeachingPopoverCarouselPageCountStyles_unstable","state","styles","className"],"mappings":";;;;;;;;;;;IAOaE,0CAAAA;;;sDAkBAM;eAAAA;;;uBAzB4B,iBAAiB;AAOnD,mDAA0G;IAC/GL,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,MAAMC,gBAAYJ,iBAAAA,EAAW;IAC3BG,MAAM;QACJE,SAAS;QACTC,YAAY;QACZC,gBAAgB;IAClB;AACF;AAKO,2DAA2D,CAChEE;IAEA;IAEA,MAAMC,SAASN;IACfK,MAAMN,IAAI,CAACQ,SAAS,OAAGV,mBAAAA,EACrBC,2CAA2CC,IAAI,EAC/CO,OAAOP,IAAI,EACXM,MAAMN,IAAI,CAACQ,SAAS;IAGtB,OAAOF;AACT,EAAE"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/TeachingPopoverFooter/TeachingPopoverFooter.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useTeachingPopoverFooter_unstable } from './useTeachingPopoverFooter';\nimport { renderTeachingPopoverFooter_unstable } from './renderTeachingPopoverFooter';\nimport { useTeachingPopoverFooterStyles_unstable } from './useTeachingPopoverFooterStyles.styles';\nimport type { TeachingPopoverFooterProps } from './TeachingPopoverFooter.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * Define a styled TeachingPopoverFooter, using the `useTeachingPopoverFooter_unstable` and `useTeachingPopoverFooterStyles_unstable`\n * hooks.\n *\n * TeachingPopoverFooter will provide both a secondary and primary button for the TeachingPopover,\n * and handle Popover functionality such as closing the popup.\n *\n * Users must provide the localized text for each button within the footer via slots.\n */\nexport const TeachingPopoverFooter: ForwardRefComponent<TeachingPopoverFooterProps> = React.forwardRef((props, ref) => {\n  const state = useTeachingPopoverFooter_unstable(props, ref);\n\n  useTeachingPopoverFooterStyles_unstable(state);\n\n  useCustomStyleHook_unstable('useTeachingPopoverFooterStyles_unstable')(state);\n\n  return renderTeachingPopoverFooter_unstable(state);\n});\n\nTeachingPopoverFooter.displayName = 'TeachingPopoverFooter';\n"],"names":["TeachingPopoverFooter","React","forwardRef","props","ref","state","useTeachingPopoverFooter_unstable","useTeachingPopoverFooterStyles_unstable","useCustomStyleHook_unstable","renderTeachingPopoverFooter_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAiBaA;;;eAAAA;;;;iEAjBU;0CAC2B;6CACG;sDACG;qCAGZ;AAWrC,MAAMA,wBAAAA,WAAAA,GAAyEC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAC7G,MAAMC,QAAQC,IAAAA,2DAAAA,EAAkCH,OAAOC;IAEvDG,IAAAA,6EAAAA,EAAwCF;IAExCG,IAAAA,gDAAAA,EAA4B,2CAA2CH;IAEvE,OAAOI,IAAAA,iEAAAA,EAAqCJ;AAC9C;AAEAL,sBAAsBU,WAAW,GAAG"}
+{"version":3,"sources":["../src/components/TeachingPopoverFooter/TeachingPopoverFooter.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useTeachingPopoverFooter_unstable } from './useTeachingPopoverFooter';\nimport { renderTeachingPopoverFooter_unstable } from './renderTeachingPopoverFooter';\nimport { useTeachingPopoverFooterStyles_unstable } from './useTeachingPopoverFooterStyles.styles';\nimport type { TeachingPopoverFooterProps } from './TeachingPopoverFooter.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * Define a styled TeachingPopoverFooter, using the `useTeachingPopoverFooter_unstable` and `useTeachingPopoverFooterStyles_unstable`\n * hooks.\n *\n * TeachingPopoverFooter will provide both a secondary and primary button for the TeachingPopover,\n * and handle Popover functionality such as closing the popup.\n *\n * Users must provide the localized text for each button within the footer via slots.\n */\nexport const TeachingPopoverFooter: ForwardRefComponent<TeachingPopoverFooterProps> = React.forwardRef((props, ref) => {\n  const state = useTeachingPopoverFooter_unstable(props, ref);\n\n  useTeachingPopoverFooterStyles_unstable(state);\n\n  useCustomStyleHook_unstable('useTeachingPopoverFooterStyles_unstable')(state);\n\n  return renderTeachingPopoverFooter_unstable(state);\n});\n\nTeachingPopoverFooter.displayName = 'TeachingPopoverFooter';\n"],"names":["React","useTeachingPopoverFooter_unstable","renderTeachingPopoverFooter_unstable","useTeachingPopoverFooterStyles_unstable","useCustomStyleHook_unstable","TeachingPopoverFooter","forwardRef","props","ref","state","displayName"],"mappings":";;;;+BAiBaK;;;;;;;iEAjBU,QAAQ;0CACmB,6BAA6B;6CAC1B,gCAAgC;sDAC7B,0CAA0C;qCAGtD,kCAAkC;AAWvE,8BAAMA,WAAAA,GAAyEL,OAAMM,UAAU,CAAC,CAACC,OAAOC;IAC7G,MAAMC,QAAQR,+DAAAA,EAAkCM,OAAOC;QAEvDL,6EAAAA,EAAwCM;QAExCL,gDAAAA,EAA4B,2CAA2CK;IAEvE,WAAOP,iEAAAA,EAAqCO;AAC9C,GAAG;AAEHJ,sBAAsBK,WAAW,GAAG"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/TeachingPopoverFooter/TeachingPopoverFooter.types.ts"],"sourcesContent":["import { Button } from '@fluentui/react-button';\nimport { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport { PopoverContextValue } from '@fluentui/react-popover';\n\nexport type TeachingPopoverFooterSlots = {\n  /**\n   * The element wrapping the buttons.\n   */\n  root: NonNullable<Slot<'div'>>;\n\n  /**\n   * The primary button slot.\n   */\n  primary: NonNullable<Slot<typeof Button>>;\n\n  /**\n   * The secondary button slot.\n   */\n  secondary?: Slot<typeof Button>;\n};\n\nexport type TeachingPopoverFooterState = ComponentState<TeachingPopoverFooterSlots> &\n  Pick<PopoverContextValue, 'appearance'> & {\n    /**\n     * Enables stylization to a horizontal or vertical stack of button layouts.\n     * Defaults to horizontal\n     */\n    footerLayout?: 'horizontal' | 'vertical';\n  };\n\nexport type TeachingPopoverFooterProps = ComponentProps<TeachingPopoverFooterSlots> &\n  Pick<TeachingPopoverFooterState, 'footerLayout'>;\n"],"names":[],"rangeMappings":"","mappings":""}
+{"version":3,"sources":["../src/components/TeachingPopoverFooter/TeachingPopoverFooter.types.ts"],"sourcesContent":["import { Button } from '@fluentui/react-button';\nimport { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport { PopoverContextValue } from '@fluentui/react-popover';\n\nexport type TeachingPopoverFooterSlots = {\n  /**\n   * The element wrapping the buttons.\n   */\n  root: NonNullable<Slot<'div'>>;\n\n  /**\n   * The primary button slot.\n   */\n  primary: NonNullable<Slot<typeof Button>>;\n\n  /**\n   * The secondary button slot.\n   */\n  secondary?: Slot<typeof Button>;\n};\n\nexport type TeachingPopoverFooterState = ComponentState<TeachingPopoverFooterSlots> &\n  Pick<PopoverContextValue, 'appearance'> & {\n    /**\n     * Enables stylization to a horizontal or vertical stack of button layouts.\n     * Defaults to horizontal\n     */\n    footerLayout?: 'horizontal' | 'vertical';\n  };\n\nexport type TeachingPopoverFooterProps = ComponentProps<TeachingPopoverFooterSlots> &\n  Pick<TeachingPopoverFooterState, 'footerLayout'>;\n"],"names":[],"mappings":""}

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/TeachingPopoverFooter/index.ts"],"sourcesContent":["export { TeachingPopoverFooter } from './TeachingPopoverFooter';\nexport type {\n  TeachingPopoverFooterProps,\n  TeachingPopoverFooterSlots,\n  TeachingPopoverFooterState,\n} from './TeachingPopoverFooter.types';\nexport { renderTeachingPopoverFooter_unstable } from './renderTeachingPopoverFooter';\nexport { useTeachingPopoverFooter_unstable } from './useTeachingPopoverFooter';\nexport {\n  teachingPopoverFooterClassNames,\n  useTeachingPopoverFooterStyles_unstable,\n} from './useTeachingPopoverFooterStyles.styles';\n"],"names":["TeachingPopoverFooter","renderTeachingPopoverFooter_unstable","teachingPopoverFooterClassNames","useTeachingPopoverFooterStyles_unstable","useTeachingPopoverFooter_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAASA,qBAAqB;eAArBA,4CAAqB;;IAMrBC,oCAAoC;eAApCA,iEAAoC;;IAG3CC,+BAA+B;eAA/BA,qEAA+B;;IAC/BC,uCAAuC;eAAvCA,6EAAuC;;IAHhCC,iCAAiC;eAAjCA,2DAAiC;;;uCAPJ;6CAMe;0CACH;sDAI3C"}
+{"version":3,"sources":["../src/components/TeachingPopoverFooter/index.ts"],"sourcesContent":["export { TeachingPopoverFooter } from './TeachingPopoverFooter';\nexport type {\n  TeachingPopoverFooterProps,\n  TeachingPopoverFooterSlots,\n  TeachingPopoverFooterState,\n} from './TeachingPopoverFooter.types';\nexport { renderTeachingPopoverFooter_unstable } from './renderTeachingPopoverFooter';\nexport { useTeachingPopoverFooter_unstable } from './useTeachingPopoverFooter';\nexport {\n  teachingPopoverFooterClassNames,\n  useTeachingPopoverFooterStyles_unstable,\n} from './useTeachingPopoverFooterStyles.styles';\n"],"names":["TeachingPopoverFooter","renderTeachingPopoverFooter_unstable","useTeachingPopoverFooter_unstable","teachingPopoverFooterClassNames","useTeachingPopoverFooterStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,4CAAqB;;;eAMrBC,iEAAoC;;;eAG3CE,qEAA+B;;;eAC/BC,6EAAuC;;;eAHhCF,2DAAiC;;;uCAPJ,0BAA0B;6CAMX,gCAAgC;0CACnC,6BAA6B;sDAIxE,0CAA0C"}

package/lib-commonjs/components/TeachingPopoverFooter/renderTeachingPopoverFooter.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/TeachingPopoverFooter/renderTeachingPopoverFooter.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\nimport type { TeachingPopoverFooterState } from './TeachingPopoverFooter.types';\nimport { TeachingPopoverFooterSlots } from './TeachingPopoverFooter.types';\nimport { assertSlots } from '@fluentui/react-utilities';\n\n/**\n * Render the final JSX of TeachingPopoverFooter\n */\nexport const renderTeachingPopoverFooter_unstable = (state: TeachingPopoverFooterState) => {\n  assertSlots<TeachingPopoverFooterSlots>(state);\n\n  return (\n    <state.root>\n      <state.primary />\n      {state.secondary && <state.secondary />}\n    </state.root>\n  );\n};\n"],"names":["renderTeachingPopoverFooter_unstable","state","assertSlots","_jsxs","root","_jsx","primary","secondary"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BASaA;;;eAAAA;;;4BARb;gCAG4B;AAKrB,MAAMA,uCAAuC,CAACC;IACnDC,IAAAA,2BAAAA,EAAwCD;IAExC,OAAA,WAAA,GACEE,IAAAA,gBAAA,EAACF,MAAMG,IAAI,EAAA;;0BACTC,IAAAA,eAAA,EAACJ,MAAMK,OAAO,EAAA,CAAA;YACbL,MAAMM,SAAS,IAAA,WAAA,GAAIF,IAAAA,eAAA,EAACJ,MAAMM,SAAS,EAAA,CAAA;;;AAG1C"}
+{"version":3,"sources":["../src/components/TeachingPopoverFooter/renderTeachingPopoverFooter.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\nimport type { TeachingPopoverFooterState } from './TeachingPopoverFooter.types';\nimport { TeachingPopoverFooterSlots } from './TeachingPopoverFooter.types';\nimport { assertSlots } from '@fluentui/react-utilities';\n\n/**\n * Render the final JSX of TeachingPopoverFooter\n */\nexport const renderTeachingPopoverFooter_unstable = (state: TeachingPopoverFooterState) => {\n  assertSlots<TeachingPopoverFooterSlots>(state);\n\n  return (\n    <state.root>\n      <state.primary />\n      {state.secondary && <state.secondary />}\n    </state.root>\n  );\n};\n"],"names":["assertSlots","renderTeachingPopoverFooter_unstable","state","root","primary","secondary"],"mappings":";;;;+BASaC;;;;;;4BARb,iCAAiD;gCAGrB,4BAA4B;AAKjD,6CAA6C,CAACC;QACnDF,2BAAAA,EAAwCE;IAExC,OAAA,WAAA,OACE,gBAAA,EAACA,MAAMC,IAAI,EAAA;;8BACT,eAAA,EAACD,MAAME,OAAO,EAAA,CAAA;YACbF,MAAMG,SAAS,IAAA,WAAA,OAAI,eAAA,EAACH,MAAMG,SAAS,EAAA,CAAA;;;AAG1C,EAAE"}

package/lib-commonjs/components/TeachingPopoverFooter/useTeachingPopoverFooter.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/TeachingPopoverFooter/useTeachingPopoverFooter.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, mergeCallbacks, slot, useEventCallback } from '@fluentui/react-utilities';\nimport type { TeachingPopoverFooterProps, TeachingPopoverFooterState } from './TeachingPopoverFooter.types';\nimport { Button } from '@fluentui/react-button';\nimport { usePopoverContext_unstable } from '@fluentui/react-popover';\n\n/**\n * Returns the props and state required to render the component\n * @param props - TeachingPopoverFooter properties\n * @param ref - reference to root HTMLElement of TeachingPopoverFooter\n */\nexport const useTeachingPopoverFooter_unstable = (\n  props: TeachingPopoverFooterProps,\n  ref: React.Ref<HTMLDivElement>,\n): TeachingPopoverFooterState => {\n  const appearance = usePopoverContext_unstable(context => context.appearance);\n  const toggleOpen = usePopoverContext_unstable(context => context.toggleOpen);\n\n  const handleButtonClick = useEventCallback(\n    (event: React.MouseEvent<HTMLButtonElement & HTMLAnchorElement & HTMLDivElement>) => {\n      if (event.isDefaultPrevented()) {\n        return;\n      }\n\n      toggleOpen(event);\n    },\n  );\n\n  const secondary = slot.optional(props.secondary, {\n    defaultProps: {\n      appearance: appearance === 'brand' ? 'primary' : undefined,\n    },\n    renderByDefault: props.secondary !== undefined,\n    elementType: Button,\n  });\n\n  // Merge any provided callback with close trigger\n  if (secondary) {\n    secondary.onClick = mergeCallbacks(handleButtonClick, secondary?.onClick);\n  }\n\n  const primary = slot.always(props.primary, {\n    defaultProps: {\n      appearance: appearance === 'brand' ? undefined : 'primary',\n    },\n    elementType: Button,\n  });\n\n  // Primary button will close the popover if no secondary action is available.\n  if (!secondary) {\n    primary.onClick = mergeCallbacks(handleButtonClick, primary?.onClick);\n  }\n\n  return {\n    footerLayout: props.footerLayout ?? 'horizontal',\n    appearance,\n    components: {\n      root: 'div',\n      primary: Button,\n      secondary: Button,\n    },\n    root: slot.always(\n      getIntrinsicElementProps('div', {\n        ref,\n        ...props,\n      }),\n      { elementType: 'div' },\n    ),\n    secondary,\n    primary,\n  };\n};\n"],"names":["useTeachingPopoverFooter_unstable","props","ref","appearance","usePopoverContext_unstable","context","toggleOpen","handleButtonClick","useEventCallback","event","isDefaultPrevented","secondary","slot","optional","defaultProps","undefined","renderByDefault","elementType","Button","onClick","mergeCallbacks","primary","always","footerLayout","components","root","getIntrinsicElementProps"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAWaA;;;eAAAA;;;;iEAXU;gCAC0D;6BAE1D;8BACoB;AAOpC,MAAMA,oCAAoC,CAC/CC,OACAC;IAEA,MAAMC,aAAaC,IAAAA,wCAAAA,EAA2BC,CAAAA,UAAWA,QAAQF,UAAU;IAC3E,MAAMG,aAAaF,IAAAA,wCAAAA,EAA2BC,CAAAA,UAAWA,QAAQC,UAAU;IAE3E,MAAMC,oBAAoBC,IAAAA,gCAAAA,EACxB,CAACC;QACC,IAAIA,MAAMC,kBAAkB,IAAI;YAC9B;QACF;QAEAJ,WAAWG;IACb;IAGF,MAAME,YAAYC,oBAAAA,CAAKC,QAAQ,CAACZ,MAAMU,SAAS,EAAE;QAC/CG,cAAc;YACZX,YAAYA,eAAe,UAAU,YAAYY;QACnD;QACAC,iBAAiBf,MAAMU,SAAS,KAAKI;QACrCE,aAAaC,mBAAAA;IACf;IAEA,iDAAiD;IACjD,IAAIP,WAAW;QACbA,UAAUQ,OAAO,GAAGC,IAAAA,8BAAAA,EAAeb,mBAAmBI,cAAAA,QAAAA,cAAAA,KAAAA,IAAAA,KAAAA,IAAAA,UAAWQ,OAAO;IAC1E;IAEA,MAAME,UAAUT,oBAAAA,CAAKU,MAAM,CAACrB,MAAMoB,OAAO,EAAE;QACzCP,cAAc;YACZX,YAAYA,eAAe,UAAUY,YAAY;QACnD;QACAE,aAAaC,mBAAAA;IACf;IAEA,6EAA6E;IAC7E,IAAI,CAACP,WAAW;QACdU,QAAQF,OAAO,GAAGC,IAAAA,8BAAAA,EAAeb,mBAAmBc,YAAAA,QAAAA,YAAAA,KAAAA,IAAAA,KAAAA,IAAAA,QAASF,OAAO;IACtE;QAGgBlB;IADhB,OAAO;QACLsB,cAActB,CAAAA,sBAAAA,MAAMsB,YAAY,AAAZA,MAAY,QAAlBtB,wBAAAA,KAAAA,IAAAA,sBAAsB;QACpCE;QACAqB,YAAY;YACVC,MAAM;YACNJ,SAASH,mBAAAA;YACTP,WAAWO,mBAAAA;QACb;QACAO,MAAMb,oBAAAA,CAAKU,MAAM,CACfI,IAAAA,wCAAAA,EAAyB,OAAO;YAC9BxB;YACA,GAAGD,KAAK;QACV,IACA;YAAEgB,aAAa;QAAM;QAEvBN;QACAU;IACF;AACF"}
+{"version":3,"sources":["../src/components/TeachingPopoverFooter/useTeachingPopoverFooter.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, mergeCallbacks, slot, useEventCallback } from '@fluentui/react-utilities';\nimport type { TeachingPopoverFooterProps, TeachingPopoverFooterState } from './TeachingPopoverFooter.types';\nimport { Button } from '@fluentui/react-button';\nimport { usePopoverContext_unstable } from '@fluentui/react-popover';\n\n/**\n * Returns the props and state required to render the component\n * @param props - TeachingPopoverFooter properties\n * @param ref - reference to root HTMLElement of TeachingPopoverFooter\n */\nexport const useTeachingPopoverFooter_unstable = (\n  props: TeachingPopoverFooterProps,\n  ref: React.Ref<HTMLDivElement>,\n): TeachingPopoverFooterState => {\n  const appearance = usePopoverContext_unstable(context => context.appearance);\n  const toggleOpen = usePopoverContext_unstable(context => context.toggleOpen);\n\n  const handleButtonClick = useEventCallback(\n    (event: React.MouseEvent<HTMLButtonElement & HTMLAnchorElement & HTMLDivElement>) => {\n      if (event.isDefaultPrevented()) {\n        return;\n      }\n\n      toggleOpen(event);\n    },\n  );\n\n  const secondary = slot.optional(props.secondary, {\n    defaultProps: {\n      appearance: appearance === 'brand' ? 'primary' : undefined,\n    },\n    renderByDefault: props.secondary !== undefined,\n    elementType: Button,\n  });\n\n  // Merge any provided callback with close trigger\n  if (secondary) {\n    secondary.onClick = mergeCallbacks(handleButtonClick, secondary?.onClick);\n  }\n\n  const primary = slot.always(props.primary, {\n    defaultProps: {\n      appearance: appearance === 'brand' ? undefined : 'primary',\n    },\n    elementType: Button,\n  });\n\n  // Primary button will close the popover if no secondary action is available.\n  if (!secondary) {\n    primary.onClick = mergeCallbacks(handleButtonClick, primary?.onClick);\n  }\n\n  return {\n    footerLayout: props.footerLayout ?? 'horizontal',\n    appearance,\n    components: {\n      root: 'div',\n      primary: Button,\n      secondary: Button,\n    },\n    root: slot.always(\n      getIntrinsicElementProps('div', {\n        ref,\n        ...props,\n      }),\n      { elementType: 'div' },\n    ),\n    secondary,\n    primary,\n  };\n};\n"],"names":["React","getIntrinsicElementProps","mergeCallbacks","slot","useEventCallback","Button","usePopoverContext_unstable","useTeachingPopoverFooter_unstable","props","ref","appearance","context","toggleOpen","handleButtonClick","event","isDefaultPrevented","secondary","optional","defaultProps","undefined","renderByDefault","elementType","onClick","primary","always","footerLayout","components","root"],"mappings":";;;;+BAWaO;;;;;;;iEAXU,QAAQ;gCACkD,4BAA4B;6BAEtF,yBAAyB;8BACL,0BAA0B;AAO9D,0CAA0C,CAC/CC,OACAC;IAEA,MAAMC,iBAAaJ,wCAAAA,EAA2BK,CAAAA,UAAWA,QAAQD,UAAU;IAC3E,MAAME,iBAAaN,wCAAAA,EAA2BK,CAAAA,UAAWA,QAAQC,UAAU;IAE3E,MAAMC,wBAAoBT,gCAAAA,EACxB,CAACU;QACC,IAAIA,MAAMC,kBAAkB,IAAI;YAC9B;QACF;QAEAH,WAAWE;IACb;IAGF,MAAME,YAAYb,oBAAAA,CAAKc,QAAQ,CAACT,MAAMQ,SAAS,EAAE;QAC/CE,cAAc;YACZR,YAAYA,eAAe,UAAU,YAAYS;QACnD;QACAC,iBAAiBZ,MAAMQ,SAAS,KAAKG;QACrCE,aAAahB,mBAAAA;IACf;IAEA,iDAAiD;IACjD,IAAIW,WAAW;QACbA,UAAUM,OAAO,OAAGpB,8BAAAA,EAAeW,mBAAmBG,cAAAA,QAAAA,cAAAA,KAAAA,IAAAA,KAAAA,IAAAA,UAAWM,OAAO;IAC1E;IAEA,MAAMC,UAAUpB,oBAAAA,CAAKqB,MAAM,CAAChB,MAAMe,OAAO,EAAE;QACzCL,cAAc;YACZR,YAAYA,eAAe,UAAUS,YAAY;QACnD;QACAE,aAAahB,mBAAAA;IACf;IAEA,6EAA6E;IAC7E,IAAI,CAACW,WAAW;QACdO,QAAQD,OAAO,OAAGpB,8BAAAA,EAAeW,mBAAmBU,YAAAA,QAAAA,YAAAA,KAAAA,IAAAA,KAAAA,IAAAA,QAASD,OAAO;IACtE;QAGgBd;IADhB,OAAO;QACLiB,cAAcjB,CAAAA,sBAAAA,MAAMiB,YAAAA,AAAY,MAAA,QAAlBjB,wBAAAA,KAAAA,IAAAA,sBAAsB;QACpCE;QACAgB,YAAY;YACVC,MAAM;YACNJ,SAASlB,mBAAAA;YACTW,WAAWX,mBAAAA;QACb;QACAsB,MAAMxB,oBAAAA,CAAKqB,MAAM,KACfvB,wCAAAA,EAAyB,OAAO;YAC9BQ;YACA,GAAGD,KAAK;QACV,IACA;YAAEa,aAAa;QAAM;QAEvBL;QACAO;IACF;AACF,EAAE"}

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

@@ -1 +1 @@
-{"version":3,"sources":["useTeachingPopoverFooterStyles.styles.js"],"sourcesContent":["import { makeStyles, 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 = makeStyles({\n    root: {\n        display: 'flex',\n        gap: '8px',\n        paddingTop: '12px'\n    },\n    rootVertical: {\n        flexDirection: 'column'\n    },\n    rootHorizontal: {\n        flexDirection: 'row',\n        justifyContent: 'flex-end'\n    },\n    buttonRootVertical: {\n        width: 'auto',\n        borderRadius: '4px'\n    },\n    buttonRootHorizontal: {\n        minWidth: '96px',\n        borderRadius: '4px'\n    },\n    brandSecondary: {\n        ...shorthands.borderColor(tokens.colorNeutralForegroundOnBrand)\n    },\n    brandPrimary: {\n        color: tokens.colorBrandForeground1,\n        backgroundColor: tokens.colorNeutralForegroundOnBrand,\n        ':hover': {\n            color: tokens.colorCompoundBrandForeground1Hover,\n            backgroundColor: tokens.colorNeutralForegroundOnBrand\n        },\n        ':hover:active': {\n            color: tokens.colorCompoundBrandForeground1Pressed,\n            backgroundColor: tokens.colorNeutralForegroundOnBrand\n        }\n    }\n});\n/** Applies style classnames to slots */ export const useTeachingPopoverFooterStyles_unstable = (state)=>{\n    'use no memo';\n    const styles = useStyles();\n    const { appearance, footerLayout } = 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"],"names":["teachingPopoverFooterClassNames","useTeachingPopoverFooterStyles_unstable","root","primary","secondary","useStyles","__styles","mc9l5x","i8kkvl","Belr9w4","rmohyg","z8tnut","rootVertical","Beiy3e4","rootHorizontal","Brf1p80","buttonRootVertical","a9b677","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","buttonRootHorizontal","Bf4jedk","brandSecondary","g2u3we","h3c5rm","B9xav0g","zhjwy3","brandPrimary","sj55zd","De3pzq","Bi91k9c","Jwef8y","B2d53fq","iro3zm","d","p","h","state","styles","appearance","footerLayout","className","mergeClasses","undefined"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAEaA,+BAA+B;eAA/BA;;IA0CyCC,uCAAuC;eAAvCA;;;uBA5CD;AAE9C,MAAMD,kCAAkC;IAC3CE,MAAM;IACNC,SAAS;IACTC,WAAW;AACf;AACA,MAAMC,YAAS,WAAA,GAAGC,IAAAA,eAAA,EAAA;IAAAJ,MAAA;QAAAK,QAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,QAAA;IAAA;IAAAC,cAAA;QAAAC,SAAA;IAAA;IAAAC,gBAAA;QAAAD,SAAA;QAAAE,SAAA;IAAA;IAAAC,oBAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;IAAA;IAAAC,sBAAA;QAAAC,SAAA;QAAAN,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;IAAA;IAAAG,gBAAA;QAAAC,QAAA;QAAAC,QAAA;YAAA;YAAA;SAAA;QAAAC,SAAA;QAAAC,QAAA;YAAA;YAAA;SAAA;IAAA;IAAAC,cAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,QAAA;IAAA;AAAA,GAAA;IAAAC,GAAA;QAAA;QAAA;YAAA;YAAA;gBAAAC,GAAA,CAAA;YAAA;SAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAA,GAAA,CAAA;YAAA;SAAA;QAAA;QAAA;YAAA;YAAA;gBAAAA,GAAA,CAAA;YAAA;SAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;IAAAC,GAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA;AAqC8B,MAAMtC,0CAA2CuC,CAAAA;IAC7F;IACA,MAAMC,SAASpC;IACf,MAAM,EAAEqC,UAAU,EAAEC,YAAAA,EAAc,GAAGH;IACrCA,MAAMtC,IAAI,CAAC0C,SAAS,GAAGC,IAAAA,mBAAY,EAAC7C,gCAAgCE,IAAI,EAAEuC,OAAOvC,IAAI,EAAEyC,iBAAiB,eAAeF,OAAO3B,cAAc,GAAG2B,OAAO7B,YAAY,EAAE4B,MAAMtC,IAAI,CAAC0C,SAAS;IACxL,IAAIJ,MAAMpC,SAAS,EAAE;QACjBoC,MAAMpC,SAAS,CAACwC,SAAS,GAAGC,IAAAA,mBAAY,EAAC7C,gCAAgCI,SAAS,EAAEuC,iBAAiB,eAAeF,OAAOlB,oBAAoB,GAAGkB,OAAOzB,kBAAkB,EAAE0B,eAAe,UAAUD,OAAOhB,cAAc,GAAGqB,WAAWN,MAAMpC,SAAS,CAACwC,SAAS;IACtQ;IACAJ,MAAMrC,OAAO,CAACyC,SAAS,GAAGC,IAAAA,mBAAY,EAAC7C,gCAAgCG,OAAO,EAAEwC,iBAAiB,eAAeF,OAAOlB,oBAAoB,GAAGkB,OAAOzB,kBAAkB,EAAE0B,eAAe,UAAUD,OAAOX,YAAY,GAAGgB,WAAWN,MAAMrC,OAAO,CAACyC,SAAS;IAC1P,OAAOJ;AACX"}
+{"version":3,"sources":["useTeachingPopoverFooterStyles.styles.js"],"sourcesContent":["import { makeStyles, 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 = makeStyles({\n    root: {\n        display: 'flex',\n        gap: '8px',\n        paddingTop: '12px'\n    },\n    rootVertical: {\n        flexDirection: 'column'\n    },\n    rootHorizontal: {\n        flexDirection: 'row',\n        justifyContent: 'flex-end'\n    },\n    buttonRootVertical: {\n        width: 'auto',\n        borderRadius: '4px'\n    },\n    buttonRootHorizontal: {\n        minWidth: '96px',\n        borderRadius: '4px'\n    },\n    brandSecondary: {\n        ...shorthands.borderColor(tokens.colorNeutralForegroundOnBrand)\n    },\n    brandPrimary: {\n        color: tokens.colorBrandForeground1,\n        backgroundColor: tokens.colorNeutralForegroundOnBrand,\n        ':hover': {\n            color: tokens.colorCompoundBrandForeground1Hover,\n            backgroundColor: tokens.colorNeutralForegroundOnBrand\n        },\n        ':hover:active': {\n            color: tokens.colorCompoundBrandForeground1Pressed,\n            backgroundColor: tokens.colorNeutralForegroundOnBrand\n        }\n    }\n});\n/** Applies style classnames to slots */ export const useTeachingPopoverFooterStyles_unstable = (state)=>{\n    'use no memo';\n    const styles = useStyles();\n    const { appearance, footerLayout } = 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"],"names":["__styles","mergeClasses","shorthands","tokens","teachingPopoverFooterClassNames","root","primary","secondary","useStyles","mc9l5x","i8kkvl","Belr9w4","rmohyg","z8tnut","rootVertical","Beiy3e4","rootHorizontal","Brf1p80","buttonRootVertical","a9b677","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","buttonRootHorizontal","Bf4jedk","brandSecondary","g2u3we","h3c5rm","B9xav0g","zhjwy3","brandPrimary","sj55zd","De3pzq","Bi91k9c","Jwef8y","B2d53fq","iro3zm","d","p","h","useTeachingPopoverFooterStyles_unstable","state","styles","appearance","footerLayout","className","undefined"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/TeachingPopoverFooter/useTeachingPopoverFooterStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport type { TeachingPopoverFooterSlots, TeachingPopoverFooterState } from './TeachingPopoverFooter.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { tokens } from '@fluentui/react-theme';\n\nexport const teachingPopoverFooterClassNames: SlotClassNames<TeachingPopoverFooterSlots> = {\n  root: 'fui-TeachingPopoverFooter',\n  primary: 'fui-TeachingPopoverFooter__primary',\n  secondary: 'fui-TeachingPopoverFooter__secondary',\n};\n\nconst useStyles = makeStyles({\n  root: {\n    display: 'flex',\n    gap: '8px',\n    paddingTop: '12px',\n  },\n  rootVertical: {\n    flexDirection: 'column',\n  },\n  rootHorizontal: {\n    flexDirection: 'row',\n    justifyContent: 'flex-end',\n  },\n  buttonRootVertical: {\n    width: 'auto',\n    borderRadius: '4px',\n  },\n  buttonRootHorizontal: {\n    minWidth: '96px',\n    borderRadius: '4px',\n  },\n  brandSecondary: {\n    ...shorthands.borderColor(tokens.colorNeutralForegroundOnBrand),\n  },\n  brandPrimary: {\n    color: tokens.colorBrandForeground1,\n    backgroundColor: tokens.colorNeutralForegroundOnBrand,\n    ':hover': {\n      color: tokens.colorCompoundBrandForeground1Hover,\n      backgroundColor: tokens.colorNeutralForegroundOnBrand,\n    },\n    ':hover:active': {\n      color: tokens.colorCompoundBrandForeground1Pressed,\n      backgroundColor: tokens.colorNeutralForegroundOnBrand,\n    },\n  },\n});\n\n/** Applies style classnames to slots */\nexport const useTeachingPopoverFooterStyles_unstable = (state: TeachingPopoverFooterState) => {\n  'use no memo';\n\n  const styles = useStyles();\n  const { appearance, footerLayout } = state;\n\n  state.root.className = mergeClasses(\n    teachingPopoverFooterClassNames.root,\n    styles.root,\n    footerLayout === 'horizontal' ? styles.rootHorizontal : styles.rootVertical,\n    state.root.className,\n  );\n  if (state.secondary) {\n    state.secondary.className = mergeClasses(\n      teachingPopoverFooterClassNames.secondary,\n      footerLayout === 'horizontal' ? styles.buttonRootHorizontal : styles.buttonRootVertical,\n      appearance === 'brand' ? styles.brandSecondary : undefined,\n      state.secondary.className,\n    );\n  }\n  state.primary.className = mergeClasses(\n    teachingPopoverFooterClassNames.primary,\n    footerLayout === 'horizontal' ? styles.buttonRootHorizontal : styles.buttonRootVertical,\n    appearance === 'brand' ? styles.brandPrimary : undefined,\n    state.primary.className,\n  );\n\n  return state;\n};\n"],"names":["teachingPopoverFooterClassNames","useTeachingPopoverFooterStyles_unstable","root","primary","secondary","useStyles","makeStyles","display","gap","paddingTop","rootVertical","flexDirection","rootHorizontal","justifyContent","buttonRootVertical","width","borderRadius","buttonRootHorizontal","minWidth","brandSecondary","shorthands","borderColor","tokens","colorNeutralForegroundOnBrand","brandPrimary","color","colorBrandForeground1","backgroundColor","colorCompoundBrandForeground1Hover","colorCompoundBrandForeground1Pressed","state","styles","appearance","footerLayout","className","mergeClasses","undefined"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAKaA,+BAAAA;eAAAA;;IA6CAC,uCAAAA;eAAAA;;;uBAlDwC;4BAG9B;AAEhB,MAAMD,kCAA8E;IACzFE,MAAM;IACNC,SAAS;IACTC,WAAW;AACb;AAEA,MAAMC,YAAYC,IAAAA,iBAAAA,EAAW;IAC3BJ,MAAM;QACJK,SAAS;QACTC,KAAK;QACLC,YAAY;IACd;IACAC,cAAc;QACZC,eAAe;IACjB;IACAC,gBAAgB;QACdD,eAAe;QACfE,gBAAgB;IAClB;IACAC,oBAAoB;QAClBC,OAAO;QACPC,cAAc;IAChB;IACAC,sBAAsB;QACpBC,UAAU;QACVF,cAAc;IAChB;IACAG,gBAAgB;QACd,GAAGC,iBAAAA,CAAWC,WAAW,CAACC,kBAAAA,CAAOC,6BAA6B,CAAC;IACjE;IACAC,cAAc;QACZC,OAAOH,kBAAAA,CAAOI,qBAAqB;QACnCC,iBAAiBL,kBAAAA,CAAOC,6BAA6B;QACrD,UAAU;YACRE,OAAOH,kBAAAA,CAAOM,kCAAkC;YAChDD,iBAAiBL,kBAAAA,CAAOC,6BAA6B;QACvD;QACA,iBAAiB;YACfE,OAAOH,kBAAAA,CAAOO,oCAAoC;YAClDF,iBAAiBL,kBAAAA,CAAOC,6BAA6B;QACvD;IACF;AACF;AAGO,MAAMtB,0CAA0C,CAAC6B;IACtD;IAEA,MAAMC,SAAS1B;IACf,MAAM,EAAE2B,UAAU,EAAEC,YAAY,EAAE,GAAGH;IAErCA,MAAM5B,IAAI,CAACgC,SAAS,GAAGC,IAAAA,mBAAAA,EACrBnC,gCAAgCE,IAAI,EACpC6B,OAAO7B,IAAI,EACX+B,iBAAiB,eAAeF,OAAOnB,cAAc,GAAGmB,OAAOrB,YAAY,EAC3EoB,MAAM5B,IAAI,CAACgC,SAAS;IAEtB,IAAIJ,MAAM1B,SAAS,EAAE;QACnB0B,MAAM1B,SAAS,CAAC8B,SAAS,GAAGC,IAAAA,mBAAAA,EAC1BnC,gCAAgCI,SAAS,EACzC6B,iBAAiB,eAAeF,OAAOd,oBAAoB,GAAGc,OAAOjB,kBAAkB,EACvFkB,eAAe,UAAUD,OAAOZ,cAAc,GAAGiB,WACjDN,MAAM1B,SAAS,CAAC8B,SAAS;IAE7B;IACAJ,MAAM3B,OAAO,CAAC+B,SAAS,GAAGC,IAAAA,mBAAAA,EACxBnC,gCAAgCG,OAAO,EACvC8B,iBAAiB,eAAeF,OAAOd,oBAAoB,GAAGc,OAAOjB,kBAAkB,EACvFkB,eAAe,UAAUD,OAAOP,YAAY,GAAGY,WAC/CN,MAAM3B,OAAO,CAAC+B,SAAS;IAGzB,OAAOJ;AACT"}
+{"version":3,"sources":["../src/components/TeachingPopoverFooter/useTeachingPopoverFooterStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport type { TeachingPopoverFooterSlots, TeachingPopoverFooterState } from './TeachingPopoverFooter.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { tokens } from '@fluentui/react-theme';\n\nexport const teachingPopoverFooterClassNames: SlotClassNames<TeachingPopoverFooterSlots> = {\n  root: 'fui-TeachingPopoverFooter',\n  primary: 'fui-TeachingPopoverFooter__primary',\n  secondary: 'fui-TeachingPopoverFooter__secondary',\n};\n\nconst useStyles = makeStyles({\n  root: {\n    display: 'flex',\n    gap: '8px',\n    paddingTop: '12px',\n  },\n  rootVertical: {\n    flexDirection: 'column',\n  },\n  rootHorizontal: {\n    flexDirection: 'row',\n    justifyContent: 'flex-end',\n  },\n  buttonRootVertical: {\n    width: 'auto',\n    borderRadius: '4px',\n  },\n  buttonRootHorizontal: {\n    minWidth: '96px',\n    borderRadius: '4px',\n  },\n  brandSecondary: {\n    ...shorthands.borderColor(tokens.colorNeutralForegroundOnBrand),\n  },\n  brandPrimary: {\n    color: tokens.colorBrandForeground1,\n    backgroundColor: tokens.colorNeutralForegroundOnBrand,\n    ':hover': {\n      color: tokens.colorCompoundBrandForeground1Hover,\n      backgroundColor: tokens.colorNeutralForegroundOnBrand,\n    },\n    ':hover:active': {\n      color: tokens.colorCompoundBrandForeground1Pressed,\n      backgroundColor: tokens.colorNeutralForegroundOnBrand,\n    },\n  },\n});\n\n/** Applies style classnames to slots */\nexport const useTeachingPopoverFooterStyles_unstable = (state: TeachingPopoverFooterState) => {\n  'use no memo';\n\n  const styles = useStyles();\n  const { appearance, footerLayout } = state;\n\n  state.root.className = mergeClasses(\n    teachingPopoverFooterClassNames.root,\n    styles.root,\n    footerLayout === 'horizontal' ? styles.rootHorizontal : styles.rootVertical,\n    state.root.className,\n  );\n  if (state.secondary) {\n    state.secondary.className = mergeClasses(\n      teachingPopoverFooterClassNames.secondary,\n      footerLayout === 'horizontal' ? styles.buttonRootHorizontal : styles.buttonRootVertical,\n      appearance === 'brand' ? styles.brandSecondary : undefined,\n      state.secondary.className,\n    );\n  }\n  state.primary.className = mergeClasses(\n    teachingPopoverFooterClassNames.primary,\n    footerLayout === 'horizontal' ? styles.buttonRootHorizontal : styles.buttonRootVertical,\n    appearance === 'brand' ? styles.brandPrimary : undefined,\n    state.primary.className,\n  );\n\n  return state;\n};\n"],"names":["makeStyles","mergeClasses","shorthands","tokens","teachingPopoverFooterClassNames","root","primary","secondary","useStyles","display","gap","paddingTop","rootVertical","flexDirection","rootHorizontal","justifyContent","buttonRootVertical","width","borderRadius","buttonRootHorizontal","minWidth","brandSecondary","borderColor","colorNeutralForegroundOnBrand","brandPrimary","color","colorBrandForeground1","backgroundColor","colorCompoundBrandForeground1Hover","colorCompoundBrandForeground1Pressed","useTeachingPopoverFooterStyles_unstable","state","styles","appearance","footerLayout","className","undefined"],"mappings":";;;;;;;;;;;IAKaI,+BAAAA;;;IA6CA0B,uCAAAA;;;;uBAlDwC,iBAAiB;4BAG/C,wBAAwB;AAExC,wCAAoF;IACzFzB,MAAM;IACNC,SAAS;IACTC,WAAW;AACb,EAAE;AAEF,MAAMC,gBAAYR,iBAAAA,EAAW;IAC3BK,MAAM;QACJI,SAAS;QACTC,KAAK;QACLC,YAAY;IACd;IACAC,cAAc;QACZC,eAAe;IACjB;IACAC,gBAAgB;QACdD,eAAe;QACfE,gBAAgB;IAClB;IACAC,oBAAoB;QAClBC,OAAO;QACPC,cAAc;IAChB;IACAC,sBAAsB;QACpBC,UAAU;QACVF,cAAc;IAChB;IACAG,gBAAgB;QACd,GAAGnB,iBAAAA,CAAWoB,WAAW,CAACnB,kBAAAA,CAAOoB,6BAA6B,CAAC;IACjE;IACAC,cAAc;QACZC,OAAOtB,kBAAAA,CAAOuB,qBAAqB;QACnCC,iBAAiBxB,kBAAAA,CAAOoB,6BAA6B;QACrD,UAAU;YACRE,OAAOtB,kBAAAA,CAAOyB,kCAAkC;YAChDD,iBAAiBxB,kBAAAA,CAAOoB,6BAA6B;QACvD;QACA,iBAAiB;YACfE,OAAOtB,kBAAAA,CAAO0B,oCAAoC;YAClDF,iBAAiBxB,kBAAAA,CAAOoB,6BAA6B;QACvD;IACF;AACF;AAGO,gDAAgD,CAACQ;IACtD;IAEA,MAAMC,SAASxB;IACf,MAAM,EAAEyB,UAAU,EAAEC,YAAY,EAAE,GAAGH;IAErCA,MAAM1B,IAAI,CAAC8B,SAAS,OAAGlC,mBAAAA,EACrBG,gCAAgCC,IAAI,EACpC2B,OAAO3B,IAAI,EACX6B,iBAAiB,eAAeF,OAAOlB,cAAc,GAAGkB,OAAOpB,YAAY,EAC3EmB,MAAM1B,IAAI,CAAC8B,SAAS;IAEtB,IAAIJ,MAAMxB,SAAS,EAAE;QACnBwB,MAAMxB,SAAS,CAAC4B,SAAS,OAAGlC,mBAAAA,EAC1BG,gCAAgCG,SAAS,EACzC2B,iBAAiB,eAAeF,OAAOb,oBAAoB,GAAGa,OAAOhB,kBAAkB,EACvFiB,eAAe,UAAUD,OAAOX,cAAc,GAAGe,WACjDL,MAAMxB,SAAS,CAAC4B,SAAS;IAE7B;IACAJ,MAAMzB,OAAO,CAAC6B,SAAS,OAAGlC,mBAAAA,EACxBG,gCAAgCE,OAAO,EACvC4B,iBAAiB,eAAeF,OAAOb,oBAAoB,GAAGa,OAAOhB,kBAAkB,EACvFiB,eAAe,UAAUD,OAAOR,YAAY,GAAGY,WAC/CL,MAAMzB,OAAO,CAAC6B,SAAS;IAGzB,OAAOJ;AACT,EAAE"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/TeachingPopoverHeader/TeachingPopoverHeader.tsx"],"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';\nimport type { TeachingPopoverHeaderProps } from './TeachingPopoverHeader.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\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 */\nexport const TeachingPopoverHeader: ForwardRefComponent<TeachingPopoverHeaderProps> = React.forwardRef((props, ref) => {\n  const state = useTeachingPopoverHeader_unstable(props, ref);\n\n  useTeachingPopoverHeaderStyles_unstable(state);\n\n  useCustomStyleHook_unstable('useTeachingPopoverHeaderStyles_unstable')(state);\n\n  return renderTeachingPopoverHeader_unstable(state);\n});\n\nTeachingPopoverHeader.displayName = 'TeachingPopoverHeader';\n"],"names":["TeachingPopoverHeader","React","forwardRef","props","ref","state","useTeachingPopoverHeader_unstable","useTeachingPopoverHeaderStyles_unstable","useCustomStyleHook_unstable","renderTeachingPopoverHeader_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAeaA;;;eAAAA;;;;iEAfU;0CAC2B;6CACG;sDACG;qCACZ;AAWrC,MAAMA,wBAAAA,WAAAA,GAAyEC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAC7G,MAAMC,QAAQC,IAAAA,2DAAAA,EAAkCH,OAAOC;IAEvDG,IAAAA,6EAAAA,EAAwCF;IAExCG,IAAAA,gDAAAA,EAA4B,2CAA2CH;IAEvE,OAAOI,IAAAA,iEAAAA,EAAqCJ;AAC9C;AAEAL,sBAAsBU,WAAW,GAAG"}
+{"version":3,"sources":["../src/components/TeachingPopoverHeader/TeachingPopoverHeader.tsx"],"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';\nimport type { TeachingPopoverHeaderProps } from './TeachingPopoverHeader.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\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 */\nexport const TeachingPopoverHeader: ForwardRefComponent<TeachingPopoverHeaderProps> = React.forwardRef((props, ref) => {\n  const state = useTeachingPopoverHeader_unstable(props, ref);\n\n  useTeachingPopoverHeaderStyles_unstable(state);\n\n  useCustomStyleHook_unstable('useTeachingPopoverHeaderStyles_unstable')(state);\n\n  return renderTeachingPopoverHeader_unstable(state);\n});\n\nTeachingPopoverHeader.displayName = 'TeachingPopoverHeader';\n"],"names":["React","useTeachingPopoverHeader_unstable","renderTeachingPopoverHeader_unstable","useTeachingPopoverHeaderStyles_unstable","useCustomStyleHook_unstable","TeachingPopoverHeader","forwardRef","props","ref","state","displayName"],"mappings":";;;;+BAeaK;;;;;;;iEAfU,QAAQ;0CACmB,6BAA6B;6CAC1B,gCAAgC;sDAC7B,0CAA0C;qCACtD,kCAAkC;AAWvE,8BAAMA,WAAAA,GAAyEL,OAAMM,UAAU,CAAC,CAACC,OAAOC;IAC7G,MAAMC,QAAQR,+DAAAA,EAAkCM,OAAOC;QAEvDL,6EAAAA,EAAwCM;QAExCL,gDAAAA,EAA4B,2CAA2CK;IAEvE,WAAOP,iEAAAA,EAAqCO;AAC9C,GAAG;AAEHJ,sBAAsBK,WAAW,GAAG"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/TeachingPopoverHeader/TeachingPopoverHeader.types.ts"],"sourcesContent":["import { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport { PopoverContextValue } from '@fluentui/react-popover';\n\nexport type TeachingPopoverHeaderSlots = {\n  /**\n   * The element wrapping the text and close button. By default this is an div; although it can be a heading, this should not be done.\n   * Instead, wrap the child text in a heading tag if one is needed.\n   * Be sure to include role and aria heading level if div is used.\n   */\n  root: Slot<'div', 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'>;\n  /**\n   * The component to be used as close button in heading\n   */\n  dismissButton?: Slot<'button'>;\n  /**\n   * Initial icon slot rendered before children content in heading.\n   */\n  icon?: Slot<'div'>;\n};\n\nexport type TeachingPopoverHeaderState = ComponentState<TeachingPopoverHeaderSlots> &\n  Pick<PopoverContextValue, 'appearance'>;\n\nexport type TeachingPopoverHeaderProps = ComponentProps<TeachingPopoverHeaderSlots>;\n"],"names":[],"rangeMappings":"","mappings":""}
+{"version":3,"sources":["../src/components/TeachingPopoverHeader/TeachingPopoverHeader.types.ts"],"sourcesContent":["import { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport { PopoverContextValue } from '@fluentui/react-popover';\n\nexport type TeachingPopoverHeaderSlots = {\n  /**\n   * The element wrapping the text and close button. By default this is an div; although it can be a heading, this should not be done.\n   * Instead, wrap the child text in a heading tag if one is needed.\n   * Be sure to include role and aria heading level if div is used.\n   */\n  root: Slot<'div', 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'>;\n  /**\n   * The component to be used as close button in heading\n   */\n  dismissButton?: Slot<'button'>;\n  /**\n   * Initial icon slot rendered before children content in heading.\n   */\n  icon?: Slot<'div'>;\n};\n\nexport type TeachingPopoverHeaderState = ComponentState<TeachingPopoverHeaderSlots> &\n  Pick<PopoverContextValue, 'appearance'>;\n\nexport type TeachingPopoverHeaderProps = ComponentProps<TeachingPopoverHeaderSlots>;\n"],"names":[],"mappings":""}

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/TeachingPopoverHeader/index.ts"],"sourcesContent":["export { TeachingPopoverHeader } from './TeachingPopoverHeader';\nexport type {\n  TeachingPopoverHeaderProps,\n  TeachingPopoverHeaderSlots,\n  TeachingPopoverHeaderState,\n} from './TeachingPopoverHeader.types';\nexport { renderTeachingPopoverHeader_unstable } from './renderTeachingPopoverHeader';\nexport { useTeachingPopoverHeader_unstable } from './useTeachingPopoverHeader';\nexport {\n  teachingPopoverHeaderClassNames,\n  useTeachingPopoverHeaderStyles_unstable,\n} from './useTeachingPopoverHeaderStyles.styles';\n"],"names":["TeachingPopoverHeader","renderTeachingPopoverHeader_unstable","teachingPopoverHeaderClassNames","useTeachingPopoverHeaderStyles_unstable","useTeachingPopoverHeader_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAASA,qBAAqB;eAArBA,4CAAqB;;IAMrBC,oCAAoC;eAApCA,iEAAoC;;IAG3CC,+BAA+B;eAA/BA,qEAA+B;;IAC/BC,uCAAuC;eAAvCA,6EAAuC;;IAHhCC,iCAAiC;eAAjCA,2DAAiC;;;uCAPJ;6CAMe;0CACH;sDAI3C"}
+{"version":3,"sources":["../src/components/TeachingPopoverHeader/index.ts"],"sourcesContent":["export { TeachingPopoverHeader } from './TeachingPopoverHeader';\nexport type {\n  TeachingPopoverHeaderProps,\n  TeachingPopoverHeaderSlots,\n  TeachingPopoverHeaderState,\n} from './TeachingPopoverHeader.types';\nexport { renderTeachingPopoverHeader_unstable } from './renderTeachingPopoverHeader';\nexport { useTeachingPopoverHeader_unstable } from './useTeachingPopoverHeader';\nexport {\n  teachingPopoverHeaderClassNames,\n  useTeachingPopoverHeaderStyles_unstable,\n} from './useTeachingPopoverHeaderStyles.styles';\n"],"names":["TeachingPopoverHeader","renderTeachingPopoverHeader_unstable","useTeachingPopoverHeader_unstable","teachingPopoverHeaderClassNames","useTeachingPopoverHeaderStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,4CAAqB;;;eAMrBC,iEAAoC;;;eAG3CE,qEAA+B;;;eAC/BC,6EAAuC;;;eAHhCF,2DAAiC;;;uCAPJ,0BAA0B;6CAMX,gCAAgC;0CACnC,6BAA6B;sDAIxE,0CAA0C"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/TeachingPopoverHeader/renderTeachingPopoverHeader.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\nimport type { TeachingPopoverHeaderState } from './TeachingPopoverHeader.types';\nimport { TeachingPopoverHeaderSlots } from './TeachingPopoverHeader.types';\nimport { assertSlots } from '@fluentui/react-utilities';\n\n/**\n * Render the final JSX of TeachingPopoverHeader\n */\nexport const renderTeachingPopoverHeader_unstable = (state: TeachingPopoverHeaderState) => {\n  assertSlots<TeachingPopoverHeaderSlots>(state);\n\n  return (\n    <state.root>\n      {state.icon && <state.icon />}\n      {state.root.children}\n      {state.dismissButton && <state.dismissButton />}\n    </state.root>\n  );\n};\n"],"names":["renderTeachingPopoverHeader_unstable","state","assertSlots","_jsxs","root","icon","_jsx","children","dismissButton"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BASaA;;;eAAAA;;;4BARb;gCAG4B;AAKrB,MAAMA,uCAAuC,CAACC;IACnDC,IAAAA,2BAAAA,EAAwCD;IAExC,OAAA,WAAA,GACEE,IAAAA,gBAAA,EAACF,MAAMG,IAAI,EAAA;;YACRH,MAAMI,IAAI,IAAA,WAAA,GAAIC,IAAAA,eAAA,EAACL,MAAMI,IAAI,EAAA,CAAA;YACzBJ,MAAMG,IAAI,CAACG,QAAQ;YACnBN,MAAMO,aAAa,IAAA,WAAA,GAAIF,IAAAA,eAAA,EAACL,MAAMO,aAAa,EAAA,CAAA;;;AAGlD"}
+{"version":3,"sources":["../src/components/TeachingPopoverHeader/renderTeachingPopoverHeader.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\nimport type { TeachingPopoverHeaderState } from './TeachingPopoverHeader.types';\nimport { TeachingPopoverHeaderSlots } from './TeachingPopoverHeader.types';\nimport { assertSlots } from '@fluentui/react-utilities';\n\n/**\n * Render the final JSX of TeachingPopoverHeader\n */\nexport const renderTeachingPopoverHeader_unstable = (state: TeachingPopoverHeaderState) => {\n  assertSlots<TeachingPopoverHeaderSlots>(state);\n\n  return (\n    <state.root>\n      {state.icon && <state.icon />}\n      {state.root.children}\n      {state.dismissButton && <state.dismissButton />}\n    </state.root>\n  );\n};\n"],"names":["assertSlots","renderTeachingPopoverHeader_unstable","state","root","icon","children","dismissButton"],"mappings":";;;;+BASaC;;;;;;4BARb,iCAAiD;gCAGrB,4BAA4B;AAKjD,6CAA6C,CAACC;QACnDF,2BAAAA,EAAwCE;IAExC,OAAA,WAAA,OACE,gBAAA,EAACA,MAAMC,IAAI,EAAA;;YACRD,MAAME,IAAI,IAAA,WAAA,OAAI,eAAA,EAACF,MAAME,IAAI,EAAA,CAAA;YACzBF,MAAMC,IAAI,CAACE,QAAQ;YACnBH,MAAMI,aAAa,IAAA,WAAA,OAAI,eAAA,EAACJ,MAAMI,aAAa,EAAA,CAAA;;;AAGlD,EAAE"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/TeachingPopoverHeader/useTeachingPopoverHeader.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, useEventCallback, slot } from '@fluentui/react-utilities';\nimport type { TeachingPopoverHeaderProps, TeachingPopoverHeaderState } from './TeachingPopoverHeader.types';\n\nimport { Dismiss12Regular, Lightbulb16Regular } from '@fluentui/react-icons';\nimport { usePopoverContext_unstable } from '@fluentui/react-popover';\n\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 */\nexport const useTeachingPopoverHeader_unstable = (\n  props: TeachingPopoverHeaderProps,\n  ref: React.Ref<HTMLDivElement>,\n): TeachingPopoverHeaderState => {\n  const { dismissButton, icon } = props;\n\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\n  const onDismissButtonClick = useEventCallback((ev: React.MouseEvent<HTMLButtonElement>) => {\n    if (!ev.defaultPrevented) {\n      setOpen(ev, false);\n    }\n\n    if (triggerRef.current) {\n      triggerRef.current.focus();\n    }\n  });\n\n  return {\n    appearance,\n    components: {\n      root: 'div',\n      dismissButton: 'button',\n      icon: 'div',\n    },\n    root: slot.always(\n      getIntrinsicElementProps('div', {\n        ref,\n        ...props,\n      }),\n      { elementType: 'div' },\n    ),\n    icon: slot.optional(icon, {\n      renderByDefault: true,\n      defaultProps: {\n        children: <Lightbulb16Regular />,\n        'aria-hidden': true,\n      },\n      elementType: 'div',\n    }),\n    dismissButton: slot.optional(dismissButton, {\n      renderByDefault: true,\n      defaultProps: {\n        children: <Dismiss12Regular />,\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"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAYaA;;;eAAAA;;;;iEAZU;gCAC0C;4BAGZ;8BACV;AAOpC,MAAMA,oCAAoC,CAC/CC,OACAC;IAEA,MAAM,EAAEC,aAAa,EAAEC,IAAI,EAAE,GAAGH;IAEhC,MAAMI,UAAUC,IAAAA,wCAAAA,EAA2BC,CAAAA,UAAWA,QAAQF,OAAO;IACrE,MAAMG,aAAaF,IAAAA,wCAAAA,EAA2BC,CAAAA,UAAWA,QAAQC,UAAU;IAC3E,MAAMC,aAAaH,IAAAA,wCAAAA,EAA2BC,CAAAA,UAAWA,QAAQE,UAAU;IAE3E,MAAMC,uBAAuBC,IAAAA,gCAAAA,EAAiB,CAACC;QAC7C,IAAI,CAACA,GAAGC,gBAAgB,EAAE;YACxBR,QAAQO,IAAI;QACd;QAEA,IAAIJ,WAAWM,OAAO,EAAE;YACtBN,WAAWM,OAAO,CAACC,KAAK;QAC1B;IACF;IAEA,OAAO;QACLN;QACAO,YAAY;YACVC,MAAM;YACNd,eAAe;YACfC,MAAM;QACR;QACAa,MAAMC,oBAAAA,CAAKC,MAAM,CACfC,IAAAA,wCAAAA,EAAyB,OAAO;YAC9BlB;YACA,GAAGD,KAAK;QACV,IACA;YAAEoB,aAAa;QAAM;QAEvBjB,MAAMc,oBAAAA,CAAKI,QAAQ,CAAClB,MAAM;YACxBmB,iBAAiB;YACjBC,cAAc;gBACZC,UAAAA,WAAAA,GAAUC,OAAAC,aAAA,CAACC,8BAAAA,EAAAA;gBACX,eAAe;YACjB;YACAP,aAAa;QACf;QACAlB,eAAee,oBAAAA,CAAKI,QAAQ,CAACnB,eAAe;YAC1CoB,iBAAiB;YACjBC,cAAc;gBACZC,UAAAA,WAAAA,GAAUC,OAAAC,aAAA,CAACE,4BAAAA,EAAAA;gBACXC,MAAM;gBACN,cAAc;gBACdC,SAASrB;YACX;YACAW,aAAa;QACf;IACF;AACF"}
+{"version":3,"sources":["../src/components/TeachingPopoverHeader/useTeachingPopoverHeader.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, useEventCallback, slot } from '@fluentui/react-utilities';\nimport type { TeachingPopoverHeaderProps, TeachingPopoverHeaderState } from './TeachingPopoverHeader.types';\n\nimport { Dismiss12Regular, Lightbulb16Regular } from '@fluentui/react-icons';\nimport { usePopoverContext_unstable } from '@fluentui/react-popover';\n\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 */\nexport const useTeachingPopoverHeader_unstable = (\n  props: TeachingPopoverHeaderProps,\n  ref: React.Ref<HTMLDivElement>,\n): TeachingPopoverHeaderState => {\n  const { dismissButton, icon } = props;\n\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\n  const onDismissButtonClick = useEventCallback((ev: React.MouseEvent<HTMLButtonElement>) => {\n    if (!ev.defaultPrevented) {\n      setOpen(ev, false);\n    }\n\n    if (triggerRef.current) {\n      triggerRef.current.focus();\n    }\n  });\n\n  return {\n    appearance,\n    components: {\n      root: 'div',\n      dismissButton: 'button',\n      icon: 'div',\n    },\n    root: slot.always(\n      getIntrinsicElementProps('div', {\n        ref,\n        ...props,\n      }),\n      { elementType: 'div' },\n    ),\n    icon: slot.optional(icon, {\n      renderByDefault: true,\n      defaultProps: {\n        children: <Lightbulb16Regular />,\n        'aria-hidden': true,\n      },\n      elementType: 'div',\n    }),\n    dismissButton: slot.optional(dismissButton, {\n      renderByDefault: true,\n      defaultProps: {\n        children: <Dismiss12Regular />,\n        role: 'button',\n        'aria-label': 'dismiss',\n        onClick: onDismissButtonClick,\n      },\n      elementType: 'button',\n    }),\n  };\n};\n"],"names":["React","getIntrinsicElementProps","useEventCallback","slot","Dismiss12Regular","Lightbulb16Regular","usePopoverContext_unstable","useTeachingPopoverHeader_unstable","props","ref","dismissButton","icon","setOpen","context","triggerRef","appearance","onDismissButtonClick","ev","defaultPrevented","current","focus","components","root","always","elementType","optional","renderByDefault","defaultProps","children","role","onClick"],"mappings":";;;;+BAYaO;;;;;;;iEAZU,QAAQ;gCACkC,4BAA4B;4BAGxC,wBAAwB;8BAClC,0BAA0B;AAO9D,0CAA0C,CAC/CC,OACAC;IAEA,MAAM,EAAEC,aAAa,EAAEC,IAAI,EAAE,GAAGH;IAEhC,MAAMI,cAAUN,wCAAAA,EAA2BO,CAAAA,UAAWA,QAAQD,OAAO;IACrE,MAAME,iBAAaR,wCAAAA,EAA2BO,CAAAA,UAAWA,QAAQC,UAAU;IAC3E,MAAMC,iBAAaT,wCAAAA,EAA2BO,CAAAA,UAAWA,QAAQE,UAAU;IAE3E,MAAMC,uBAAuBd,oCAAAA,EAAiB,CAACe;QAC7C,IAAI,CAACA,GAAGC,gBAAgB,EAAE;YACxBN,QAAQK,IAAI;QACd;QAEA,IAAIH,WAAWK,OAAO,EAAE;YACtBL,WAAWK,OAAO,CAACC,KAAK;QAC1B;IACF;IAEA,OAAO;QACLL;QACAM,YAAY;YACVC,MAAM;YACNZ,eAAe;YACfC,MAAM;QACR;QACAW,MAAMnB,oBAAAA,CAAKoB,MAAM,KACftB,wCAAAA,EAAyB,OAAO;YAC9BQ;YACA,GAAGD,KAAK;QACV,IACA;YAAEgB,aAAa;QAAM;QAEvBb,MAAMR,oBAAAA,CAAKsB,QAAQ,CAACd,MAAM;YACxBe,iBAAiB;YACjBC,cAAc;gBACZC,UAAAA,WAAAA,GAAU,OAAA,aAAA,CAACvB,8BAAAA,EAAAA;gBACX,eAAe;YACjB;YACAmB,aAAa;QACf;QACAd,eAAeP,oBAAAA,CAAKsB,QAAQ,CAACf,eAAe;YAC1CgB,iBAAiB;YACjBC,cAAc;gBACZC,UAAAA,WAAAA,GAAU,OAAA,aAAA,CAACxB,4BAAAA,EAAAA;gBACXyB,MAAM;gBACN,cAAc;gBACdC,SAASd;YACX;YACAQ,aAAa;QACf;IACF;AACF,EAAE"}

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

@@ -1 +1 @@
-{"version":3,"sources":["useTeachingPopoverHeaderStyles.styles.js"],"sourcesContent":["import { shorthands, makeStyles, 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 = makeStyles({\n    root: {\n        display: 'flex',\n        flexDirection: 'row',\n        color: tokens.colorNeutralForeground3,\n        fontWeight: tokens.fontWeightSemibold,\n        fontSize: tokens.fontSizeBase200,\n        lineHeight: tokens.lineHeightBase200,\n        paddingBottom: tokens.spacingVerticalXS,\n        alignItems: 'center',\n        marginTop: tokens.spacingHorizontalNone,\n        marginBottom: tokens.spacingHorizontalNone\n    },\n    rootBrand: {\n        color: tokens.colorNeutralForegroundOnBrand\n    },\n    dismissButton: {\n        color: tokens.colorNeutralForeground2,\n        position: 'relative',\n        border: `${tokens.strokeWidthThin} solid ${tokens.colorTransparentStroke}`,\n        display: 'flex',\n        alignItems: 'center',\n        cursor: 'pointer',\n        ...typographyStyles.body1,\n        backgroundColor: tokens.colorTransparentBackground,\n        boxSizing: 'border-box',\n        borderTopRightRadius: tokens.borderRadiusNone,\n        borderBottomRightRadius: tokens.borderRadiusNone,\n        borderRightStyle: 'none',\n        marginInlineStart: 'auto',\n        padding: `${tokens.spacingVerticalXS} ${tokens.spacingHorizontalXS}`,\n        ...createCustomFocusIndicatorStyle({\n            outline: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`,\n            borderRadius: tokens.borderRadiusMedium,\n            ...shorthands.borderColor('transparent')\n        })\n    },\n    dismissBrand: {\n        color: tokens.colorNeutralForegroundOnBrand\n    },\n    icon: {\n        height: tokens.fontSizeBase200,\n        width: tokens.fontSizeBase200,\n        lineHeight: tokens.lineHeightBase200,\n        fontSize: tokens.fontSizeBase200,\n        alignItems: 'center',\n        boxSizing: 'content-box',\n        display: 'inline-flex',\n        justifyContent: 'center',\n        textDecorationLine: 'none',\n        verticalAlign: 'middle',\n        position: 'relative',\n        backgroundColor: tokens.colorTransparentBackground,\n        color: tokens.colorNeutralForeground2,\n        marginInlineEnd: tokens.spacingHorizontalXS\n    },\n    iconBrand: {\n        color: tokens.colorNeutralForegroundOnBrand\n    }\n});\n/** Applies style classnames to slots */ export const useTeachingPopoverHeaderStyles_unstable = (state)=>{\n    'use no memo';\n    const styles = useStyles();\n    const { appearance } = 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"],"names":["teachingPopoverHeaderClassNames","useTeachingPopoverHeaderStyles_unstable","root","dismissButton","icon","useStyles","__styles","mc9l5x","Beiy3e4","sj55zd","Bhrd7zp","Be2twd7","Bg96gwp","Byoj8tv","Bt984gj","B6of3ja","jrapky","rootBrand","qhf8xq","Bgfg5da","B9xav0g","oivjwe","Bn0qgzm","B4g9neb","zhjwy3","wvpqe5","ibv6hh","u1mtju","h3c5rm","vrafjx","Bekrc4i","i8vvqc","g2u3we","icvyot","B4j52fo","irswps","Bceei9c","Bahqtrf","De3pzq","B7ck84d","B7oj6ja","Bbmb7ep","Jyy4pa","uwmqm3","z189sj","z8tnut","B0ocmuz","Bfpq7zp","g9k6zt","Bn4voq9","giviqs","Bw81rd7","kdpuga","dm238s","B6xbmo0","B3whbx2","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","dismissBrand","Bqenvij","a9b677","Brf1p80","w71qe1","ha4doy","Bokbzmb","iconBrand","d","p","state","styles","appearance","className","mergeClasses","undefined"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"sources":["useTeachingPopoverHeaderStyles.styles.js"],"sourcesContent":["import { shorthands, makeStyles, 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 = makeStyles({\n    root: {\n        display: 'flex',\n        flexDirection: 'row',\n        color: tokens.colorNeutralForeground3,\n        fontWeight: tokens.fontWeightSemibold,\n        fontSize: tokens.fontSizeBase200,\n        lineHeight: tokens.lineHeightBase200,\n        paddingBottom: tokens.spacingVerticalXS,\n        alignItems: 'center',\n        marginTop: tokens.spacingHorizontalNone,\n        marginBottom: tokens.spacingHorizontalNone\n    },\n    rootBrand: {\n        color: tokens.colorNeutralForegroundOnBrand\n    },\n    dismissButton: {\n        color: tokens.colorNeutralForeground2,\n        position: 'relative',\n        border: `${tokens.strokeWidthThin} solid ${tokens.colorTransparentStroke}`,\n        display: 'flex',\n        alignItems: 'center',\n        cursor: 'pointer',\n        ...typographyStyles.body1,\n        backgroundColor: tokens.colorTransparentBackground,\n        boxSizing: 'border-box',\n        borderTopRightRadius: tokens.borderRadiusNone,\n        borderBottomRightRadius: tokens.borderRadiusNone,\n        borderRightStyle: 'none',\n        marginInlineStart: 'auto',\n        padding: `${tokens.spacingVerticalXS} ${tokens.spacingHorizontalXS}`,\n        ...createCustomFocusIndicatorStyle({\n            outline: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`,\n            borderRadius: tokens.borderRadiusMedium,\n            ...shorthands.borderColor('transparent')\n        })\n    },\n    dismissBrand: {\n        color: tokens.colorNeutralForegroundOnBrand\n    },\n    icon: {\n        height: tokens.fontSizeBase200,\n        width: tokens.fontSizeBase200,\n        lineHeight: tokens.lineHeightBase200,\n        fontSize: tokens.fontSizeBase200,\n        alignItems: 'center',\n        boxSizing: 'content-box',\n        display: 'inline-flex',\n        justifyContent: 'center',\n        textDecorationLine: 'none',\n        verticalAlign: 'middle',\n        position: 'relative',\n        backgroundColor: tokens.colorTransparentBackground,\n        color: tokens.colorNeutralForeground2,\n        marginInlineEnd: tokens.spacingHorizontalXS\n    },\n    iconBrand: {\n        color: tokens.colorNeutralForegroundOnBrand\n    }\n});\n/** Applies style classnames to slots */ export const useTeachingPopoverHeaderStyles_unstable = (state)=>{\n    'use no memo';\n    const styles = useStyles();\n    const { appearance } = 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"],"names":["shorthands","__styles","mergeClasses","createCustomFocusIndicatorStyle","tokens","typographyStyles","teachingPopoverHeaderClassNames","root","dismissButton","icon","useStyles","mc9l5x","Beiy3e4","sj55zd","Bhrd7zp","Be2twd7","Bg96gwp","Byoj8tv","Bt984gj","B6of3ja","jrapky","rootBrand","qhf8xq","Bgfg5da","B9xav0g","oivjwe","Bn0qgzm","B4g9neb","zhjwy3","wvpqe5","ibv6hh","u1mtju","h3c5rm","vrafjx","Bekrc4i","i8vvqc","g2u3we","icvyot","B4j52fo","irswps","Bceei9c","Bahqtrf","De3pzq","B7ck84d","B7oj6ja","Bbmb7ep","Jyy4pa","uwmqm3","z189sj","z8tnut","B0ocmuz","Bfpq7zp","g9k6zt","Bn4voq9","giviqs","Bw81rd7","kdpuga","dm238s","B6xbmo0","B3whbx2","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","dismissBrand","Bqenvij","a9b677","Brf1p80","w71qe1","ha4doy","Bokbzmb","iconBrand","d","p","useTeachingPopoverHeaderStyles_unstable","state","styles","appearance","className","undefined"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/TeachingPopoverHeader/useTeachingPopoverHeaderStyles.styles.ts"],"sourcesContent":["import { shorthands, makeStyles, mergeClasses } from '@griffel/react';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport type { TeachingPopoverHeaderSlots, TeachingPopoverHeaderState } from './TeachingPopoverHeader.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const teachingPopoverHeaderClassNames: SlotClassNames<TeachingPopoverHeaderSlots> = {\n  root: 'fui-TeachingPopoverHeader',\n  dismissButton: 'fui-TeachingPopoverHeader__dismissButton',\n  icon: 'fui-TeachingPopoverHeader__icon',\n};\n\nconst useStyles = makeStyles({\n  root: {\n    display: 'flex',\n    flexDirection: 'row',\n    color: tokens.colorNeutralForeground3,\n    fontWeight: tokens.fontWeightSemibold,\n    fontSize: tokens.fontSizeBase200,\n    lineHeight: tokens.lineHeightBase200,\n    paddingBottom: tokens.spacingVerticalXS,\n    alignItems: 'center',\n    marginTop: tokens.spacingHorizontalNone,\n    marginBottom: tokens.spacingHorizontalNone,\n  },\n  rootBrand: {\n    color: tokens.colorNeutralForegroundOnBrand,\n  },\n  dismissButton: {\n    color: tokens.colorNeutralForeground2,\n    position: 'relative',\n    border: `${tokens.strokeWidthThin} solid ${tokens.colorTransparentStroke}`,\n    display: 'flex',\n    alignItems: 'center',\n    cursor: 'pointer',\n    ...typographyStyles.body1,\n    backgroundColor: tokens.colorTransparentBackground,\n    boxSizing: 'border-box',\n    borderTopRightRadius: tokens.borderRadiusNone,\n    borderBottomRightRadius: tokens.borderRadiusNone,\n    borderRightStyle: 'none',\n    marginInlineStart: 'auto',\n    padding: `${tokens.spacingVerticalXS} ${tokens.spacingHorizontalXS}`,\n    ...createCustomFocusIndicatorStyle({\n      outline: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`,\n      borderRadius: tokens.borderRadiusMedium,\n      ...shorthands.borderColor('transparent'),\n    }),\n  },\n  dismissBrand: {\n    color: tokens.colorNeutralForegroundOnBrand,\n  },\n  icon: {\n    height: tokens.fontSizeBase200,\n    width: tokens.fontSizeBase200,\n    lineHeight: tokens.lineHeightBase200,\n    fontSize: tokens.fontSizeBase200,\n    alignItems: 'center',\n    boxSizing: 'content-box',\n    display: 'inline-flex',\n    justifyContent: 'center',\n    textDecorationLine: 'none',\n    verticalAlign: 'middle',\n    position: 'relative',\n    backgroundColor: tokens.colorTransparentBackground,\n    color: tokens.colorNeutralForeground2,\n    marginInlineEnd: tokens.spacingHorizontalXS,\n  },\n  iconBrand: {\n    color: tokens.colorNeutralForegroundOnBrand,\n  },\n});\n\n/** Applies style classnames to slots */\nexport const useTeachingPopoverHeaderStyles_unstable = (state: TeachingPopoverHeaderState) => {\n  'use no memo';\n\n  const styles = useStyles();\n  const { appearance } = state;\n\n  state.root.className = mergeClasses(\n    teachingPopoverHeaderClassNames.root,\n    styles.root,\n    appearance === 'brand' && styles.rootBrand,\n    state.root.className,\n  );\n\n  if (state.dismissButton) {\n    state.dismissButton.className = mergeClasses(\n      teachingPopoverHeaderClassNames.dismissButton,\n      styles.dismissButton,\n      appearance === 'brand' ? styles.dismissBrand : undefined,\n      state.dismissButton.className,\n    );\n  }\n\n  if (state.icon) {\n    state.icon.className = mergeClasses(\n      teachingPopoverHeaderClassNames.icon,\n      styles.icon,\n      appearance === 'brand' ? styles.iconBrand : undefined,\n      state.icon.className,\n    );\n  }\n  return state;\n};\n"],"names":["teachingPopoverHeaderClassNames","useTeachingPopoverHeaderStyles_unstable","root","dismissButton","icon","useStyles","makeStyles","display","flexDirection","color","tokens","colorNeutralForeground3","fontWeight","fontWeightSemibold","fontSize","fontSizeBase200","lineHeight","lineHeightBase200","paddingBottom","spacingVerticalXS","alignItems","marginTop","spacingHorizontalNone","marginBottom","rootBrand","colorNeutralForegroundOnBrand","colorNeutralForeground2","position","border","strokeWidthThin","colorTransparentStroke","cursor","typographyStyles","body1","backgroundColor","colorTransparentBackground","boxSizing","borderTopRightRadius","borderRadiusNone","borderBottomRightRadius","borderRightStyle","marginInlineStart","padding","spacingHorizontalXS","createCustomFocusIndicatorStyle","outline","strokeWidthThick","colorStrokeFocus2","borderRadius","borderRadiusMedium","shorthands","borderColor","dismissBrand","height","width","justifyContent","textDecorationLine","verticalAlign","marginInlineEnd","iconBrand","state","styles","appearance","className","mergeClasses","undefined"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAMaA,+BAAAA;eAAAA;;IAoEAC,uCAAAA;eAAAA;;;uBA1EwC;8BACL;4BACP;AAIlC,MAAMD,kCAA8E;IACzFE,MAAM;IACNC,eAAe;IACfC,MAAM;AACR;AAEA,MAAMC,YAAYC,IAAAA,iBAAAA,EAAW;IAC3BJ,MAAM;QACJK,SAAS;QACTC,eAAe;QACfC,OAAOC,kBAAAA,CAAOC,uBAAuB;QACrCC,YAAYF,kBAAAA,CAAOG,kBAAkB;QACrCC,UAAUJ,kBAAAA,CAAOK,eAAe;QAChCC,YAAYN,kBAAAA,CAAOO,iBAAiB;QACpCC,eAAeR,kBAAAA,CAAOS,iBAAiB;QACvCC,YAAY;QACZC,WAAWX,kBAAAA,CAAOY,qBAAqB;QACvCC,cAAcb,kBAAAA,CAAOY,qBAAqB;IAC5C;IACAE,WAAW;QACTf,OAAOC,kBAAAA,CAAOe,6BAA6B;IAC7C;IACAtB,eAAe;QACbM,OAAOC,kBAAAA,CAAOgB,uBAAuB;QACrCC,UAAU;QACVC,QAAQ,CAAC,EAAElB,kBAAAA,CAAOmB,eAAe,CAAC,OAAO,EAAEnB,kBAAAA,CAAOoB,sBAAsB,CAAC,CAAC;QAC1EvB,SAAS;QACTa,YAAY;QACZW,QAAQ;QACR,GAAGC,4BAAAA,CAAiBC,KAAK;QACzBC,iBAAiBxB,kBAAAA,CAAOyB,0BAA0B;QAClDC,WAAW;QACXC,sBAAsB3B,kBAAAA,CAAO4B,gBAAgB;QAC7CC,yBAAyB7B,kBAAAA,CAAO4B,gBAAgB;QAChDE,kBAAkB;QAClBC,mBAAmB;QACnBC,SAAS,CAAC,EAAEhC,kBAAAA,CAAOS,iBAAiB,CAAC,CAAC,EAAET,kBAAAA,CAAOiC,mBAAmB,CAAC,CAAC;QACpE,GAAGC,IAAAA,6CAAAA,EAAgC;YACjCC,SAAS,CAAC,EAAEnC,kBAAAA,CAAOoC,gBAAgB,CAAC,OAAO,EAAEpC,kBAAAA,CAAOqC,iBAAiB,CAAC,CAAC;YACvEC,cAActC,kBAAAA,CAAOuC,kBAAkB;YACvC,GAAGC,iBAAAA,CAAWC,WAAW,CAAC,cAAc;QAC1C,EAAE;IACJ;IACAC,cAAc;QACZ3C,OAAOC,kBAAAA,CAAOe,6BAA6B;IAC7C;IACArB,MAAM;QACJiD,QAAQ3C,kBAAAA,CAAOK,eAAe;QAC9BuC,OAAO5C,kBAAAA,CAAOK,eAAe;QAC7BC,YAAYN,kBAAAA,CAAOO,iBAAiB;QACpCH,UAAUJ,kBAAAA,CAAOK,eAAe;QAChCK,YAAY;QACZgB,WAAW;QACX7B,SAAS;QACTgD,gBAAgB;QAChBC,oBAAoB;QACpBC,eAAe;QACf9B,UAAU;QACVO,iBAAiBxB,kBAAAA,CAAOyB,0BAA0B;QAClD1B,OAAOC,kBAAAA,CAAOgB,uBAAuB;QACrCgC,iBAAiBhD,kBAAAA,CAAOiC,mBAAmB;IAC7C;IACAgB,WAAW;QACTlD,OAAOC,kBAAAA,CAAOe,6BAA6B;IAC7C;AACF;AAGO,MAAMxB,0CAA0C,CAAC2D;IACtD;IAEA,MAAMC,SAASxD;IACf,MAAM,EAAEyD,UAAU,EAAE,GAAGF;IAEvBA,MAAM1D,IAAI,CAAC6D,SAAS,GAAGC,IAAAA,mBAAAA,EACrBhE,gCAAgCE,IAAI,EACpC2D,OAAO3D,IAAI,EACX4D,eAAe,WAAWD,OAAOrC,SAAS,EAC1CoC,MAAM1D,IAAI,CAAC6D,SAAS;IAGtB,IAAIH,MAAMzD,aAAa,EAAE;QACvByD,MAAMzD,aAAa,CAAC4D,SAAS,GAAGC,IAAAA,mBAAAA,EAC9BhE,gCAAgCG,aAAa,EAC7C0D,OAAO1D,aAAa,EACpB2D,eAAe,UAAUD,OAAOT,YAAY,GAAGa,WAC/CL,MAAMzD,aAAa,CAAC4D,SAAS;IAEjC;IAEA,IAAIH,MAAMxD,IAAI,EAAE;QACdwD,MAAMxD,IAAI,CAAC2D,SAAS,GAAGC,IAAAA,mBAAAA,EACrBhE,gCAAgCI,IAAI,EACpCyD,OAAOzD,IAAI,EACX0D,eAAe,UAAUD,OAAOF,SAAS,GAAGM,WAC5CL,MAAMxD,IAAI,CAAC2D,SAAS;IAExB;IACA,OAAOH;AACT"}
+{"version":3,"sources":["../src/components/TeachingPopoverHeader/useTeachingPopoverHeaderStyles.styles.ts"],"sourcesContent":["import { shorthands, makeStyles, mergeClasses } from '@griffel/react';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport type { TeachingPopoverHeaderSlots, TeachingPopoverHeaderState } from './TeachingPopoverHeader.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const teachingPopoverHeaderClassNames: SlotClassNames<TeachingPopoverHeaderSlots> = {\n  root: 'fui-TeachingPopoverHeader',\n  dismissButton: 'fui-TeachingPopoverHeader__dismissButton',\n  icon: 'fui-TeachingPopoverHeader__icon',\n};\n\nconst useStyles = makeStyles({\n  root: {\n    display: 'flex',\n    flexDirection: 'row',\n    color: tokens.colorNeutralForeground3,\n    fontWeight: tokens.fontWeightSemibold,\n    fontSize: tokens.fontSizeBase200,\n    lineHeight: tokens.lineHeightBase200,\n    paddingBottom: tokens.spacingVerticalXS,\n    alignItems: 'center',\n    marginTop: tokens.spacingHorizontalNone,\n    marginBottom: tokens.spacingHorizontalNone,\n  },\n  rootBrand: {\n    color: tokens.colorNeutralForegroundOnBrand,\n  },\n  dismissButton: {\n    color: tokens.colorNeutralForeground2,\n    position: 'relative',\n    border: `${tokens.strokeWidthThin} solid ${tokens.colorTransparentStroke}`,\n    display: 'flex',\n    alignItems: 'center',\n    cursor: 'pointer',\n    ...typographyStyles.body1,\n    backgroundColor: tokens.colorTransparentBackground,\n    boxSizing: 'border-box',\n    borderTopRightRadius: tokens.borderRadiusNone,\n    borderBottomRightRadius: tokens.borderRadiusNone,\n    borderRightStyle: 'none',\n    marginInlineStart: 'auto',\n    padding: `${tokens.spacingVerticalXS} ${tokens.spacingHorizontalXS}`,\n    ...createCustomFocusIndicatorStyle({\n      outline: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`,\n      borderRadius: tokens.borderRadiusMedium,\n      ...shorthands.borderColor('transparent'),\n    }),\n  },\n  dismissBrand: {\n    color: tokens.colorNeutralForegroundOnBrand,\n  },\n  icon: {\n    height: tokens.fontSizeBase200,\n    width: tokens.fontSizeBase200,\n    lineHeight: tokens.lineHeightBase200,\n    fontSize: tokens.fontSizeBase200,\n    alignItems: 'center',\n    boxSizing: 'content-box',\n    display: 'inline-flex',\n    justifyContent: 'center',\n    textDecorationLine: 'none',\n    verticalAlign: 'middle',\n    position: 'relative',\n    backgroundColor: tokens.colorTransparentBackground,\n    color: tokens.colorNeutralForeground2,\n    marginInlineEnd: tokens.spacingHorizontalXS,\n  },\n  iconBrand: {\n    color: tokens.colorNeutralForegroundOnBrand,\n  },\n});\n\n/** Applies style classnames to slots */\nexport const useTeachingPopoverHeaderStyles_unstable = (state: TeachingPopoverHeaderState) => {\n  'use no memo';\n\n  const styles = useStyles();\n  const { appearance } = state;\n\n  state.root.className = mergeClasses(\n    teachingPopoverHeaderClassNames.root,\n    styles.root,\n    appearance === 'brand' && styles.rootBrand,\n    state.root.className,\n  );\n\n  if (state.dismissButton) {\n    state.dismissButton.className = mergeClasses(\n      teachingPopoverHeaderClassNames.dismissButton,\n      styles.dismissButton,\n      appearance === 'brand' ? styles.dismissBrand : undefined,\n      state.dismissButton.className,\n    );\n  }\n\n  if (state.icon) {\n    state.icon.className = mergeClasses(\n      teachingPopoverHeaderClassNames.icon,\n      styles.icon,\n      appearance === 'brand' ? styles.iconBrand : undefined,\n      state.icon.className,\n    );\n  }\n  return state;\n};\n"],"names":["shorthands","makeStyles","mergeClasses","createCustomFocusIndicatorStyle","tokens","typographyStyles","teachingPopoverHeaderClassNames","root","dismissButton","icon","useStyles","display","flexDirection","color","colorNeutralForeground3","fontWeight","fontWeightSemibold","fontSize","fontSizeBase200","lineHeight","lineHeightBase200","paddingBottom","spacingVerticalXS","alignItems","marginTop","spacingHorizontalNone","marginBottom","rootBrand","colorNeutralForegroundOnBrand","colorNeutralForeground2","position","border","strokeWidthThin","colorTransparentStroke","cursor","body1","backgroundColor","colorTransparentBackground","boxSizing","borderTopRightRadius","borderRadiusNone","borderBottomRightRadius","borderRightStyle","marginInlineStart","padding","spacingHorizontalXS","outline","strokeWidthThick","colorStrokeFocus2","borderRadius","borderRadiusMedium","borderColor","dismissBrand","height","width","justifyContent","textDecorationLine","verticalAlign","marginInlineEnd","iconBrand","useTeachingPopoverHeaderStyles_unstable","state","styles","appearance","className","undefined"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/TeachingPopoverSurface/TeachingPopoverSurface.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport { TeachingPopoverSurfaceProps } from './TeachingPopoverSurface.types';\nimport { useTeachingPopoverSurface_unstable } from './useTeachingPopoverSurface';\nimport { useTeachingPopoverSurfaceStyles_unstable } from './useTeachingPopoverSurfaceStyles.styles';\nimport { renderTeachingPopoverSurface_unstable } from './renderTeachingPopoverSurface';\n\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 */\nexport const TeachingPopoverSurface: ForwardRefComponent<TeachingPopoverSurfaceProps> = React.forwardRef(\n  (props, ref) => {\n    const state = useTeachingPopoverSurface_unstable(props, ref);\n\n    useTeachingPopoverSurfaceStyles_unstable(state);\n\n    useCustomStyleHook_unstable('useTeachingPopoverSurfaceStyles_unstable')(state);\n\n    return renderTeachingPopoverSurface_unstable(state);\n  },\n);\n\nTeachingPopoverSurface.displayName = 'TeachingPopoverSurface';\n"],"names":["TeachingPopoverSurface","React","forwardRef","props","ref","state","useTeachingPopoverSurface_unstable","useTeachingPopoverSurfaceStyles_unstable","useCustomStyleHook_unstable","renderTeachingPopoverSurface_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAaaA;;;eAAAA;;;;iEAbU;qCAEqB;2CAEO;uDACM;8CACH;AAO/C,MAAMA,yBAAAA,WAAAA,GAA2EC,OAAMC,UAAU,CACtG,CAACC,OAAOC;IACN,MAAMC,QAAQC,IAAAA,6DAAAA,EAAmCH,OAAOC;IAExDG,IAAAA,+EAAAA,EAAyCF;IAEzCG,IAAAA,gDAAAA,EAA4B,4CAA4CH;IAExE,OAAOI,IAAAA,mEAAAA,EAAsCJ;AAC/C;AAGFL,uBAAuBU,WAAW,GAAG"}
+{"version":3,"sources":["../src/components/TeachingPopoverSurface/TeachingPopoverSurface.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport { TeachingPopoverSurfaceProps } from './TeachingPopoverSurface.types';\nimport { useTeachingPopoverSurface_unstable } from './useTeachingPopoverSurface';\nimport { useTeachingPopoverSurfaceStyles_unstable } from './useTeachingPopoverSurfaceStyles.styles';\nimport { renderTeachingPopoverSurface_unstable } from './renderTeachingPopoverSurface';\n\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 */\nexport const TeachingPopoverSurface: ForwardRefComponent<TeachingPopoverSurfaceProps> = React.forwardRef(\n  (props, ref) => {\n    const state = useTeachingPopoverSurface_unstable(props, ref);\n\n    useTeachingPopoverSurfaceStyles_unstable(state);\n\n    useCustomStyleHook_unstable('useTeachingPopoverSurfaceStyles_unstable')(state);\n\n    return renderTeachingPopoverSurface_unstable(state);\n  },\n);\n\nTeachingPopoverSurface.displayName = 'TeachingPopoverSurface';\n"],"names":["React","useCustomStyleHook_unstable","useTeachingPopoverSurface_unstable","useTeachingPopoverSurfaceStyles_unstable","renderTeachingPopoverSurface_unstable","TeachingPopoverSurface","forwardRef","props","ref","state","displayName"],"mappings":";;;;+BAaaK;;;;;;;iEAbU,QAAQ;qCAEa,kCAAkC;2CAE3B,8BAA8B;uDACxB,2CAA2C;8CAC9C,iCAAiC;AAOhF,+BAAMA,WAAAA,GAA2EL,OAAMM,UAAU,CACtG,CAACC,OAAOC;IACN,MAAMC,QAAQP,iEAAAA,EAAmCK,OAAOC;QAExDL,+EAAAA,EAAyCM;QAEzCR,gDAAAA,EAA4B,4CAA4CQ;IAExE,WAAOL,mEAAAA,EAAsCK;AAC/C,GACA;AAEFJ,uBAAuBK,WAAW,GAAG"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/TeachingPopoverSurface/TeachingPopoverSurface.types.ts"],"sourcesContent":["import type { ComponentProps } from '@fluentui/react-utilities';\nimport { PopoverSurfaceState } from '@fluentui/react-popover';\nimport { PopoverSurfaceSlots } from '@fluentui/react-popover';\n\n/**\n * TeachingPopoverSurface Props\n */\nexport type TeachingPopoverSurfaceProps = ComponentProps<TeachingPopoverSurfaceSlots>;\n\n/**\n * Names of the slots in TeachingPopoverSurface\n */\nexport type TeachingPopoverSurfaceSlots = PopoverSurfaceSlots;\n\n/**\n * TeachingPopoverSurface State\n */\nexport type TeachingPopoverSurfaceState = PopoverSurfaceState;\n"],"names":[],"rangeMappings":";;","mappings":"AAcA;;CAEC"}
+{"version":3,"sources":["../src/components/TeachingPopoverSurface/TeachingPopoverSurface.types.ts"],"sourcesContent":["import type { ComponentProps } from '@fluentui/react-utilities';\nimport { PopoverSurfaceState } from '@fluentui/react-popover';\nimport { PopoverSurfaceSlots } from '@fluentui/react-popover';\n\n/**\n * TeachingPopoverSurface Props\n */\nexport type TeachingPopoverSurfaceProps = ComponentProps<TeachingPopoverSurfaceSlots>;\n\n/**\n * Names of the slots in TeachingPopoverSurface\n */\nexport type TeachingPopoverSurfaceSlots = PopoverSurfaceSlots;\n\n/**\n * TeachingPopoverSurface State\n */\nexport type TeachingPopoverSurfaceState = PopoverSurfaceState;\n"],"names":[],"mappings":"AAcA;;CAEC,GACD,WAA8D"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/TeachingPopoverSurface/index.ts"],"sourcesContent":["export { TeachingPopoverSurface } from './TeachingPopoverSurface';\nexport type {\n  TeachingPopoverSurfaceProps,\n  TeachingPopoverSurfaceSlots,\n  TeachingPopoverSurfaceState,\n} from './TeachingPopoverSurface.types';\nexport { renderTeachingPopoverSurface_unstable } from './renderTeachingPopoverSurface';\nexport { useTeachingPopoverSurface_unstable } from './useTeachingPopoverSurface';\nexport {\n  teachingPopoverSurfaceClassNames,\n  useTeachingPopoverSurfaceStyles_unstable,\n} from './useTeachingPopoverSurfaceStyles.styles';\n"],"names":["TeachingPopoverSurface","renderTeachingPopoverSurface_unstable","teachingPopoverSurfaceClassNames","useTeachingPopoverSurfaceStyles_unstable","useTeachingPopoverSurface_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAASA,sBAAsB;eAAtBA,8CAAsB;;IAMtBC,qCAAqC;eAArCA,mEAAqC;;IAG5CC,gCAAgC;eAAhCA,uEAAgC;;IAChCC,wCAAwC;eAAxCA,+EAAwC;;IAHjCC,kCAAkC;eAAlCA,6DAAkC;;;wCAPJ;8CAMe;2CACH;uDAI5C"}
+{"version":3,"sources":["../src/components/TeachingPopoverSurface/index.ts"],"sourcesContent":["export { TeachingPopoverSurface } from './TeachingPopoverSurface';\nexport type {\n  TeachingPopoverSurfaceProps,\n  TeachingPopoverSurfaceSlots,\n  TeachingPopoverSurfaceState,\n} from './TeachingPopoverSurface.types';\nexport { renderTeachingPopoverSurface_unstable } from './renderTeachingPopoverSurface';\nexport { useTeachingPopoverSurface_unstable } from './useTeachingPopoverSurface';\nexport {\n  teachingPopoverSurfaceClassNames,\n  useTeachingPopoverSurfaceStyles_unstable,\n} from './useTeachingPopoverSurfaceStyles.styles';\n"],"names":["TeachingPopoverSurface","renderTeachingPopoverSurface_unstable","useTeachingPopoverSurface_unstable","teachingPopoverSurfaceClassNames","useTeachingPopoverSurfaceStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,8CAAsB;;;eAMtBC,mEAAqC;;;eAG5CE,uEAAgC;;;eAChCC,+EAAwC;;;eAHjCF,6DAAkC;;;wCAPJ,2BAA2B;8CAMZ,iCAAiC;2CACpC,8BAA8B;uDAI1E,2CAA2C"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/TeachingPopoverSurface/renderTeachingPopoverSurface.tsx"],"sourcesContent":["import type { TeachingPopoverSurfaceSlots, TeachingPopoverSurfaceState } from './TeachingPopoverSurface.types';\nimport { assertSlots } from '@fluentui/react-utilities';\nimport { renderPopoverSurface_unstable } from '@fluentui/react-popover';\n\n/**\n * Render the final JSX of PopoverSurface\n */\nexport const renderTeachingPopoverSurface_unstable = (state: TeachingPopoverSurfaceState) => {\n  assertSlots<TeachingPopoverSurfaceSlots>(state);\n\n  // For now we are just extending the base surface\n  return renderPopoverSurface_unstable(state);\n};\n"],"names":["renderTeachingPopoverSurface_unstable","state","assertSlots","renderPopoverSurface_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;","mappings":";;;;+BAOaA;;;eAAAA;;;gCANe;8BACkB;AAKvC,MAAMA,wCAAwC,CAACC;IACpDC,IAAAA,2BAAAA,EAAyCD;IAEzC,iDAAiD;IACjD,OAAOE,IAAAA,2CAAAA,EAA8BF;AACvC"}
+{"version":3,"sources":["../src/components/TeachingPopoverSurface/renderTeachingPopoverSurface.tsx"],"sourcesContent":["import type { TeachingPopoverSurfaceSlots, TeachingPopoverSurfaceState } from './TeachingPopoverSurface.types';\nimport { assertSlots } from '@fluentui/react-utilities';\nimport { renderPopoverSurface_unstable } from '@fluentui/react-popover';\n\n/**\n * Render the final JSX of PopoverSurface\n */\nexport const renderTeachingPopoverSurface_unstable = (state: TeachingPopoverSurfaceState) => {\n  assertSlots<TeachingPopoverSurfaceSlots>(state);\n\n  // For now we are just extending the base surface\n  return renderPopoverSurface_unstable(state);\n};\n"],"names":["assertSlots","renderPopoverSurface_unstable","renderTeachingPopoverSurface_unstable","state"],"mappings":";;;;;;;;;;gCAC4B,4BAA4B;8BACV,0BAA0B;AAKjE,MAAME,wCAAwC,CAACC;QACpDH,2BAAAA,EAAyCG;IAEzC,iDAAiD;IACjD,WAAOF,2CAAAA,EAA8BE;AACvC,EAAE"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/TeachingPopoverSurface/useTeachingPopoverSurface.ts"],"sourcesContent":["import * as React from 'react';\nimport type { TeachingPopoverSurfaceProps, TeachingPopoverSurfaceState } from './TeachingPopoverSurface.types';\nimport { usePopoverSurface_unstable } from '@fluentui/react-popover';\n\n/**\n * Create the state required to render TeachingPopoverSurface.\n *\n * The returned state can be modified with hooks such as useTeachingPopoverSurfaceStyles_unstable,\n * before being passed to renderTeachingPopoverSurface_unstable.\n *\n * @param props - props from this instance of TeachingPopoverSurface\n * @param ref - reference to root HTMLDivElement of TeachingPopoverSurface\n */\nexport const useTeachingPopoverSurface_unstable = (\n  props: TeachingPopoverSurfaceProps,\n  ref: React.Ref<HTMLDivElement>,\n): TeachingPopoverSurfaceState => {\n  const state = usePopoverSurface_unstable(props, ref);\n\n  return state;\n};\n"],"names":["useTeachingPopoverSurface_unstable","props","ref","state","usePopoverSurface_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;","mappings":";;;;+BAaaA;;;eAAAA;;;;iEAbU;8BAEoB;AAWpC,MAAMA,qCAAqC,CAChDC,OACAC;IAEA,MAAMC,QAAQC,IAAAA,wCAAAA,EAA2BH,OAAOC;IAEhD,OAAOC;AACT"}
+{"version":3,"sources":["../src/components/TeachingPopoverSurface/useTeachingPopoverSurface.ts"],"sourcesContent":["import * as React from 'react';\nimport type { TeachingPopoverSurfaceProps, TeachingPopoverSurfaceState } from './TeachingPopoverSurface.types';\nimport { usePopoverSurface_unstable } from '@fluentui/react-popover';\n\n/**\n * Create the state required to render TeachingPopoverSurface.\n *\n * The returned state can be modified with hooks such as useTeachingPopoverSurfaceStyles_unstable,\n * before being passed to renderTeachingPopoverSurface_unstable.\n *\n * @param props - props from this instance of TeachingPopoverSurface\n * @param ref - reference to root HTMLDivElement of TeachingPopoverSurface\n */\nexport const useTeachingPopoverSurface_unstable = (\n  props: TeachingPopoverSurfaceProps,\n  ref: React.Ref<HTMLDivElement>,\n): TeachingPopoverSurfaceState => {\n  const state = usePopoverSurface_unstable(props, ref);\n\n  return state;\n};\n"],"names":["React","usePopoverSurface_unstable","useTeachingPopoverSurface_unstable","props","ref","state"],"mappings":";;;;;;;;;;;iEAAuB,QAAQ;8BAEY,0BAA0B;AAW9D,MAAME,qCAAqC,CAChDC,OACAC;IAEA,MAAMC,YAAQJ,wCAAAA,EAA2BE,OAAOC;IAEhD,OAAOC;AACT,EAAE"}

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

@@ -1 +1 @@
-{"version":3,"sources":["useTeachingPopoverSurfaceStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { usePopoverSurfaceStyles_unstable } from '@fluentui/react-popover';\nimport { tokens } from '@fluentui/react-theme';\nexport const teachingPopoverSurfaceClassNames = {\n    root: 'fui-TeachingPopoverSurface'\n};\nconst useStyles = makeStyles({\n    root: {\n        padding: `${tokens.spacingVerticalL} ${tokens.spacingVerticalL}`,\n        borderRadius: tokens.borderRadiusXLarge,\n        minWidth: '320px',\n        boxSizing: 'border-box'\n    }\n});\n/**\n * Apply styling to the TeachingPopoverSurface slots based on the state\n */ export const useTeachingPopoverSurfaceStyles_unstable = (state)=>{\n    'use no memo';\n    const styles = useStyles();\n    // Make sure to merge teaching bubble surface prior to popover styles\n    state.root.className = mergeClasses(teachingPopoverSurfaceClassNames.root, styles.root, state.root.className);\n    const updatedState = usePopoverSurfaceStyles_unstable(state);\n    return updatedState;\n};\n"],"names":["teachingPopoverSurfaceClassNames","useTeachingPopoverSurfaceStyles_unstable","root","useStyles","__styles","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","Bf4jedk","B7ck84d","d","p","state","styles","className","mergeClasses","updatedState","usePopoverSurfaceStyles_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAGaA,gCAAgC;eAAhCA;;IAaIC,wCAAwC;eAAxCA;;;uBAhBwB;8BACQ;AAE1C,MAAMD,mCAAmC;IAC5CE,MAAM;AACV;AACA,MAAMC,YAAS,WAAA,GAAGC,IAAAA,eAAA,EAAA;IAAAF,MAAA;QAAAG,SAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,SAAA;IAAA;AAAA,GAAA;IAAAC,GAAA;QAAA;YAAA;YAAA;gBAAAC,GAAA,CAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,GAAA,CAAA;YAAA;SAAA;QAAA;QAAA;KAAA;AAAA;AAUP,MAAMjB,2CAA4CkB,CAAAA;IACzD;IACA,MAAMC,SAASjB;IACf,qEAAA;IACAgB,MAAMjB,IAAI,CAACmB,SAAS,GAAGC,IAAAA,mBAAY,EAACtB,iCAAiCE,IAAI,EAAEkB,OAAOlB,IAAI,EAAEiB,MAAMjB,IAAI,CAACmB,SAAS;IAC5G,MAAME,eAAeC,IAAAA,8CAAgC,EAACL;IACtD,OAAOI;AACX"}
+{"version":3,"sources":["useTeachingPopoverSurfaceStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { usePopoverSurfaceStyles_unstable } from '@fluentui/react-popover';\nimport { tokens } from '@fluentui/react-theme';\nexport const teachingPopoverSurfaceClassNames = {\n    root: 'fui-TeachingPopoverSurface'\n};\nconst useStyles = makeStyles({\n    root: {\n        padding: `${tokens.spacingVerticalL} ${tokens.spacingVerticalL}`,\n        borderRadius: tokens.borderRadiusXLarge,\n        minWidth: '320px',\n        boxSizing: 'border-box'\n    }\n});\n/**\n * Apply styling to the TeachingPopoverSurface slots based on the state\n */ export const useTeachingPopoverSurfaceStyles_unstable = (state)=>{\n    'use no memo';\n    const styles = useStyles();\n    // Make sure to merge teaching bubble surface prior to popover styles\n    state.root.className = mergeClasses(teachingPopoverSurfaceClassNames.root, styles.root, state.root.className);\n    const updatedState = usePopoverSurfaceStyles_unstable(state);\n    return updatedState;\n};\n"],"names":["__styles","mergeClasses","usePopoverSurfaceStyles_unstable","tokens","teachingPopoverSurfaceClassNames","root","useStyles","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","Bf4jedk","B7ck84d","d","p","useTeachingPopoverSurfaceStyles_unstable","state","styles","className","updatedState"],"mappings":";;;;;;;;;;;IAGaI,gCAAgC;;;IAa5BiB,wCAAwC;;;;uBAhBhB,gBAAgB;8BACR,yBAAyB;AAEnE,yCAAyC;IAC5ChB,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,SAAS,GAAA,WAAA,OAAGN,eAAA,EAAA;IAAAK,IAAA,EAAA;QAAAE,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAC,CAAA,EAAA;QAAA;YAAA;YAAA;gBAAAC,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;QAAA;KAAA;AAAA,CAOjB,CAAC;AAGS,kDAAkDE,KAAK,IAAG;IACjE,aAAa;IACb,MAAMC,MAAM,GAAGjB,SAAS,CAAC,CAAC;IAC1B,qEAAA;IACAgB,KAAK,CAACjB,IAAI,CAACmB,SAAS,OAAGvB,mBAAY,EAACG,gCAAgC,CAACC,IAAI,EAAEkB,MAAM,CAAClB,IAAI,EAAEiB,KAAK,CAACjB,IAAI,CAACmB,SAAS,CAAC;IAC7G,MAAMC,YAAY,OAAGvB,8CAAgC,EAACoB,KAAK,CAAC;IAC5D,OAAOG,YAAY;AACvB,CAAC"}

package/lib-commonjs/components/TeachingPopoverSurface/useTeachingPopoverSurfaceStyles.styles.raw.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/TeachingPopoverSurface/useTeachingPopoverSurfaceStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { TeachingPopoverSurfaceSlots, TeachingPopoverSurfaceState } from './TeachingPopoverSurface.types';\nimport { usePopoverSurfaceStyles_unstable } from '@fluentui/react-popover';\nimport { tokens } from '@fluentui/react-theme';\n\nexport const teachingPopoverSurfaceClassNames: SlotClassNames<TeachingPopoverSurfaceSlots> = {\n  root: 'fui-TeachingPopoverSurface',\n};\n\nconst useStyles = makeStyles({\n  root: {\n    padding: `${tokens.spacingVerticalL} ${tokens.spacingVerticalL}`,\n    borderRadius: tokens.borderRadiusXLarge,\n    minWidth: '320px',\n    boxSizing: 'border-box',\n  },\n});\n\n/**\n * Apply styling to the TeachingPopoverSurface slots based on the state\n */\nexport const useTeachingPopoverSurfaceStyles_unstable = (\n  state: TeachingPopoverSurfaceState,\n): TeachingPopoverSurfaceState => {\n  'use no memo';\n\n  const styles = useStyles();\n\n  // Make sure to merge teaching bubble surface prior to popover styles\n  state.root.className = mergeClasses(teachingPopoverSurfaceClassNames.root, styles.root, state.root.className);\n\n  const updatedState = usePopoverSurfaceStyles_unstable(state);\n\n  return updatedState;\n};\n"],"names":["teachingPopoverSurfaceClassNames","useTeachingPopoverSurfaceStyles_unstable","root","useStyles","makeStyles","padding","tokens","spacingVerticalL","borderRadius","borderRadiusXLarge","minWidth","boxSizing","state","styles","className","mergeClasses","updatedState","usePopoverSurfaceStyles_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAMaA,gCAAAA;eAAAA;;IAgBAC,wCAAAA;eAAAA;;;uBAtB4B;8BAGQ;4BAC1B;AAEhB,MAAMD,mCAAgF;IAC3FE,MAAM;AACR;AAEA,MAAMC,YAAYC,IAAAA,iBAAAA,EAAW;IAC3BF,MAAM;QACJG,SAAS,CAAC,EAAEC,kBAAAA,CAAOC,gBAAgB,CAAC,CAAC,EAAED,kBAAAA,CAAOC,gBAAgB,CAAC,CAAC;QAChEC,cAAcF,kBAAAA,CAAOG,kBAAkB;QACvCC,UAAU;QACVC,WAAW;IACb;AACF;AAKO,MAAMV,2CAA2C,CACtDW;IAEA;IAEA,MAAMC,SAASV;IAEf,qEAAqE;IACrES,MAAMV,IAAI,CAACY,SAAS,GAAGC,IAAAA,mBAAAA,EAAaf,iCAAiCE,IAAI,EAAEW,OAAOX,IAAI,EAAEU,MAAMV,IAAI,CAACY,SAAS;IAE5G,MAAME,eAAeC,IAAAA,8CAAAA,EAAiCL;IAEtD,OAAOI;AACT"}
+{"version":3,"sources":["../src/components/TeachingPopoverSurface/useTeachingPopoverSurfaceStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { TeachingPopoverSurfaceSlots, TeachingPopoverSurfaceState } from './TeachingPopoverSurface.types';\nimport { usePopoverSurfaceStyles_unstable } from '@fluentui/react-popover';\nimport { tokens } from '@fluentui/react-theme';\n\nexport const teachingPopoverSurfaceClassNames: SlotClassNames<TeachingPopoverSurfaceSlots> = {\n  root: 'fui-TeachingPopoverSurface',\n};\n\nconst useStyles = makeStyles({\n  root: {\n    padding: `${tokens.spacingVerticalL} ${tokens.spacingVerticalL}`,\n    borderRadius: tokens.borderRadiusXLarge,\n    minWidth: '320px',\n    boxSizing: 'border-box',\n  },\n});\n\n/**\n * Apply styling to the TeachingPopoverSurface slots based on the state\n */\nexport const useTeachingPopoverSurfaceStyles_unstable = (\n  state: TeachingPopoverSurfaceState,\n): TeachingPopoverSurfaceState => {\n  'use no memo';\n\n  const styles = useStyles();\n\n  // Make sure to merge teaching bubble surface prior to popover styles\n  state.root.className = mergeClasses(teachingPopoverSurfaceClassNames.root, styles.root, state.root.className);\n\n  const updatedState = usePopoverSurfaceStyles_unstable(state);\n\n  return updatedState;\n};\n"],"names":["makeStyles","mergeClasses","usePopoverSurfaceStyles_unstable","tokens","teachingPopoverSurfaceClassNames","root","useStyles","padding","spacingVerticalL","borderRadius","borderRadiusXLarge","minWidth","boxSizing","useTeachingPopoverSurfaceStyles_unstable","state","styles","className","updatedState"],"mappings":";;;;;;;;;;;IAMaI,gCAAAA;;;IAgBAS,wCAAAA;;;;uBAtB4B,iBAAiB;8BAGT,0BAA0B;4BACpD,wBAAwB;AAExC,yCAAsF;IAC3FR,MAAM;AACR,EAAE;AAEF,MAAMC,gBAAYN,iBAAAA,EAAW;IAC3BK,MAAM;QACJE,SAAS,GAAGJ,kBAAAA,CAAOK,gBAAgB,CAAC,CAAC,EAAEL,kBAAAA,CAAOK,gBAAgB,EAAE;QAChEC,cAAcN,kBAAAA,CAAOO,kBAAkB;QACvCC,UAAU;QACVC,WAAW;IACb;AACF;AAKO,iDAAiD,CACtDE;IAEA;IAEA,MAAMC,SAAST;IAEf,qEAAqE;IACrEQ,MAAMT,IAAI,CAACW,SAAS,OAAGf,mBAAAA,EAAaG,iCAAiCC,IAAI,EAAEU,OAAOV,IAAI,EAAES,MAAMT,IAAI,CAACW,SAAS;IAE5G,MAAMC,mBAAef,8CAAAA,EAAiCY;IAEtD,OAAOG;AACT,EAAE"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/TeachingPopoverTitle/TeachingPopoverTitle.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useTeachingPopoverTitle_unstable } from './useTeachingPopoverTitle';\nimport { renderTeachingPopoverTitle_unstable } from './renderTeachingPopoverTitle';\nimport { useTeachingPopoverTitleStyles_unstable } from './useTeachingPopoverTitleStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport type { TeachingPopoverTitleProps } from './TeachingPopoverTitle.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * Define a styled TeachingPopoverTitle, using the `useTeachingPopoverTitle_unstable` and `useTeachingPopoverTitleStyles_unstable`\n * hooks.\n *\n * TeachingPopoverTitle is similar to TeachingPopoverHeader, but it is intended to be placed within a TeachingPopoverBody\n * TeachingPopoverTitle can also optionally render a dismiss button, however this should only be enabled when there is no TeachingPopoverHeader/dismiss.\n */\nexport const TeachingPopoverTitle: ForwardRefComponent<TeachingPopoverTitleProps> = React.forwardRef((props, ref) => {\n  const state = useTeachingPopoverTitle_unstable(props, ref);\n\n  useTeachingPopoverTitleStyles_unstable(state);\n\n  useCustomStyleHook_unstable('useTeachingPopoverTitleStyles_unstable')(state);\n\n  return renderTeachingPopoverTitle_unstable(state);\n});\n\nTeachingPopoverTitle.displayName = 'TeachingPopoverTitle';\n"],"names":["TeachingPopoverTitle","React","forwardRef","props","ref","state","useTeachingPopoverTitle_unstable","useTeachingPopoverTitleStyles_unstable","useCustomStyleHook_unstable","renderTeachingPopoverTitle_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAeaA;;;eAAAA;;;;iEAfU;yCAC0B;4CACG;qDACG;qCACX;AAWrC,MAAMA,uBAAAA,WAAAA,GAAuEC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAC3G,MAAMC,QAAQC,IAAAA,yDAAAA,EAAiCH,OAAOC;IAEtDG,IAAAA,2EAAAA,EAAuCF;IAEvCG,IAAAA,gDAAAA,EAA4B,0CAA0CH;IAEtE,OAAOI,IAAAA,+DAAAA,EAAoCJ;AAC7C;AAEAL,qBAAqBU,WAAW,GAAG"}
+{"version":3,"sources":["../src/components/TeachingPopoverTitle/TeachingPopoverTitle.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useTeachingPopoverTitle_unstable } from './useTeachingPopoverTitle';\nimport { renderTeachingPopoverTitle_unstable } from './renderTeachingPopoverTitle';\nimport { useTeachingPopoverTitleStyles_unstable } from './useTeachingPopoverTitleStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport type { TeachingPopoverTitleProps } from './TeachingPopoverTitle.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * Define a styled TeachingPopoverTitle, using the `useTeachingPopoverTitle_unstable` and `useTeachingPopoverTitleStyles_unstable`\n * hooks.\n *\n * TeachingPopoverTitle is similar to TeachingPopoverHeader, but it is intended to be placed within a TeachingPopoverBody\n * TeachingPopoverTitle can also optionally render a dismiss button, however this should only be enabled when there is no TeachingPopoverHeader/dismiss.\n */\nexport const TeachingPopoverTitle: ForwardRefComponent<TeachingPopoverTitleProps> = React.forwardRef((props, ref) => {\n  const state = useTeachingPopoverTitle_unstable(props, ref);\n\n  useTeachingPopoverTitleStyles_unstable(state);\n\n  useCustomStyleHook_unstable('useTeachingPopoverTitleStyles_unstable')(state);\n\n  return renderTeachingPopoverTitle_unstable(state);\n});\n\nTeachingPopoverTitle.displayName = 'TeachingPopoverTitle';\n"],"names":["React","useTeachingPopoverTitle_unstable","renderTeachingPopoverTitle_unstable","useTeachingPopoverTitleStyles_unstable","useCustomStyleHook_unstable","TeachingPopoverTitle","forwardRef","props","ref","state","displayName"],"mappings":";;;;+BAeaK;;;;;;;iEAfU,QAAQ;yCACkB,4BAA4B;4CACzB,+BAA+B;qDAC5B,yCAAyC;qCACpD,kCAAkC;AAWvE,6BAAMA,WAAAA,GAAuEL,OAAMM,UAAU,CAAC,CAACC,OAAOC;IAC3G,MAAMC,QAAQR,6DAAAA,EAAiCM,OAAOC;QAEtDL,2EAAAA,EAAuCM;QAEvCL,gDAAAA,EAA4B,0CAA0CK;IAEtE,WAAOP,+DAAAA,EAAoCO;AAC7C,GAAG;AAEHJ,qBAAqBK,WAAW,GAAG"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/TeachingPopoverTitle/TeachingPopoverTitle.types.ts"],"sourcesContent":["import { PopoverContextValue } from '@fluentui/react-popover';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type TeachingPopoverTitleSlots = {\n  /**\n   * Title for teaching bubble\n   */\n  root: Slot<'h2', 'h1' | 'h3' | 'h4' | 'h5' | 'h6' | 'div'>;\n  /**\n   * An alternate close button path if not placed in the TeachingPopoverHeader\n   */\n  dismissButton?: Slot<'button'>;\n};\n\n/**\n * TeachingPopoverTitle Props\n */\nexport type TeachingPopoverTitleProps = ComponentProps<TeachingPopoverTitleSlots>;\n\n/**\n * State used in rendering TeachingPopoverTitle\n */\nexport type TeachingPopoverTitleState = ComponentState<TeachingPopoverTitleSlots> &\n  Pick<PopoverContextValue, 'appearance'>;\n"],"names":[],"rangeMappings":";;","mappings":"AAmBA;;CAEC"}
+{"version":3,"sources":["../src/components/TeachingPopoverTitle/TeachingPopoverTitle.types.ts"],"sourcesContent":["import { PopoverContextValue } from '@fluentui/react-popover';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type TeachingPopoverTitleSlots = {\n  /**\n   * Title for teaching bubble\n   */\n  root: Slot<'h2', 'h1' | 'h3' | 'h4' | 'h5' | 'h6' | 'div'>;\n  /**\n   * An alternate close button path if not placed in the TeachingPopoverHeader\n   */\n  dismissButton?: Slot<'button'>;\n};\n\n/**\n * TeachingPopoverTitle Props\n */\nexport type TeachingPopoverTitleProps = ComponentProps<TeachingPopoverTitleSlots>;\n\n/**\n * State used in rendering TeachingPopoverTitle\n */\nexport type TeachingPopoverTitleState = ComponentState<TeachingPopoverTitleSlots> &\n  Pick<PopoverContextValue, 'appearance'>;\n"],"names":[],"mappings":"AAmBA;;CAEC,GACD,WAC0C"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/TeachingPopoverTitle/index.ts"],"sourcesContent":["export { TeachingPopoverTitle } from './TeachingPopoverTitle';\nexport type {\n  TeachingPopoverTitleProps,\n  TeachingPopoverTitleSlots,\n  TeachingPopoverTitleState,\n} from './TeachingPopoverTitle.types';\nexport { renderTeachingPopoverTitle_unstable } from './renderTeachingPopoverTitle';\nexport { useTeachingPopoverTitle_unstable } from './useTeachingPopoverTitle';\nexport {\n  teachingPopoverTitleClassNames,\n  useTeachingPopoverTitleStyles_unstable,\n} from './useTeachingPopoverTitleStyles.styles';\n"],"names":["TeachingPopoverTitle","renderTeachingPopoverTitle_unstable","teachingPopoverTitleClassNames","useTeachingPopoverTitleStyles_unstable","useTeachingPopoverTitle_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAASA,oBAAoB;eAApBA,0CAAoB;;IAMpBC,mCAAmC;eAAnCA,+DAAmC;;IAG1CC,8BAA8B;eAA9BA,mEAA8B;;IAC9BC,sCAAsC;eAAtCA,2EAAsC;;IAH/BC,gCAAgC;eAAhCA,yDAAgC;;;sCAPJ;4CAMe;yCACH;qDAI1C"}
+{"version":3,"sources":["../src/components/TeachingPopoverTitle/index.ts"],"sourcesContent":["export { TeachingPopoverTitle } from './TeachingPopoverTitle';\nexport type {\n  TeachingPopoverTitleProps,\n  TeachingPopoverTitleSlots,\n  TeachingPopoverTitleState,\n} from './TeachingPopoverTitle.types';\nexport { renderTeachingPopoverTitle_unstable } from './renderTeachingPopoverTitle';\nexport { useTeachingPopoverTitle_unstable } from './useTeachingPopoverTitle';\nexport {\n  teachingPopoverTitleClassNames,\n  useTeachingPopoverTitleStyles_unstable,\n} from './useTeachingPopoverTitleStyles.styles';\n"],"names":["TeachingPopoverTitle","renderTeachingPopoverTitle_unstable","useTeachingPopoverTitle_unstable","teachingPopoverTitleClassNames","useTeachingPopoverTitleStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,0CAAoB;;;eAMpBC,+DAAmC;;;eAG1CE,mEAA8B;;;eAC9BC,2EAAsC;;;eAH/BF,yDAAgC;;;sCAPJ,yBAAyB;4CAMV,+BAA+B;yCAClC,4BAA4B;qDAItE,yCAAyC"}

package/lib-commonjs/components/TeachingPopoverTitle/renderTeachingPopoverTitle.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/TeachingPopoverTitle/renderTeachingPopoverTitle.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\nimport type { TeachingPopoverTitleState } from './TeachingPopoverTitle.types';\nimport { assertSlots } from '@fluentui/react-utilities';\nimport { TeachingPopoverTitleSlots } from './TeachingPopoverTitle.types';\n\n/**\n * Render the final JSX of TeachingPopoverTitle\n */\nexport const renderTeachingPopoverTitle_unstable = (state: TeachingPopoverTitleState) => {\n  assertSlots<TeachingPopoverTitleSlots>(state);\n\n  return (\n    <state.root>\n      {state.root.children}\n      {state.dismissButton && <state.dismissButton />}\n    </state.root>\n  );\n};\n"],"names":["renderTeachingPopoverTitle_unstable","state","assertSlots","_jsxs","root","children","dismissButton","_jsx"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BASaA;;;eAAAA;;;4BARb;gCAE4B;AAMrB,MAAMA,sCAAsC,CAACC;IAClDC,IAAAA,2BAAAA,EAAuCD;IAEvC,OAAA,WAAA,GACEE,IAAAA,gBAAA,EAACF,MAAMG,IAAI,EAAA;;YACRH,MAAMG,IAAI,CAACC,QAAQ;YACnBJ,MAAMK,aAAa,IAAA,WAAA,GAAIC,IAAAA,eAAA,EAACN,MAAMK,aAAa,EAAA,CAAA;;;AAGlD"}
+{"version":3,"sources":["../src/components/TeachingPopoverTitle/renderTeachingPopoverTitle.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\nimport type { TeachingPopoverTitleState } from './TeachingPopoverTitle.types';\nimport { assertSlots } from '@fluentui/react-utilities';\nimport { TeachingPopoverTitleSlots } from './TeachingPopoverTitle.types';\n\n/**\n * Render the final JSX of TeachingPopoverTitle\n */\nexport const renderTeachingPopoverTitle_unstable = (state: TeachingPopoverTitleState) => {\n  assertSlots<TeachingPopoverTitleSlots>(state);\n\n  return (\n    <state.root>\n      {state.root.children}\n      {state.dismissButton && <state.dismissButton />}\n    </state.root>\n  );\n};\n"],"names":["assertSlots","renderTeachingPopoverTitle_unstable","state","root","children","dismissButton"],"mappings":";;;;+BASaC;;;;;;4BARb,iCAAiD;gCAErB,4BAA4B;AAMjD,4CAA4C,CAACC;QAClDF,2BAAAA,EAAuCE;IAEvC,OAAA,WAAA,OACE,gBAAA,EAACA,MAAMC,IAAI,EAAA;;YACRD,MAAMC,IAAI,CAACC,QAAQ;YACnBF,MAAMG,aAAa,IAAA,WAAA,OAAI,eAAA,EAACH,MAAMG,aAAa,EAAA,CAAA;;;AAGlD,EAAE"}

package/lib-commonjs/components/TeachingPopoverTitle/useTeachingPopoverTitle.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/TeachingPopoverTitle/useTeachingPopoverTitle.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, useEventCallback, slot } from '@fluentui/react-utilities';\nimport type { TeachingPopoverTitleProps, TeachingPopoverTitleState } from './TeachingPopoverTitle.types';\nimport { DismissFilled, DismissRegular, bundleIcon } from '@fluentui/react-icons';\nimport { usePopoverContext_unstable } from '@fluentui/react-popover';\n\nconst DismissIcon = bundleIcon(DismissFilled, DismissRegular);\n/**\n * Returns the props and state required to render the component\n * @param props - TeachingPopoverTitle properties\n * @param ref - reference to root HTMLElement of TeachingPopoverTitle\n */\nexport const useTeachingPopoverTitle_unstable = (\n  props: TeachingPopoverTitleProps,\n  ref: React.Ref<HTMLDivElement>,\n): TeachingPopoverTitleState => {\n  const { dismissButton } = props;\n\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\n  const onDismissButtonClick = useEventCallback((ev: React.MouseEvent<HTMLButtonElement>) => {\n    if (!ev.defaultPrevented) {\n      setOpen(ev, false);\n    }\n\n    if (triggerRef.current) {\n      triggerRef.current.focus();\n    }\n  });\n\n  return {\n    appearance,\n    components: {\n      root: 'h2',\n      dismissButton: 'button',\n    },\n    root: slot.always(\n      getIntrinsicElementProps('h2', {\n        ref,\n        ...props,\n      }),\n      { elementType: 'h2' },\n    ),\n    dismissButton: slot.optional(dismissButton, {\n      renderByDefault: false,\n      defaultProps: {\n        children: <DismissIcon />,\n        onClick: onDismissButtonClick,\n        'aria-label': 'dismiss',\n        'aria-hidden': true,\n      },\n      elementType: 'button',\n    }),\n  };\n};\n"],"names":["useTeachingPopoverTitle_unstable","DismissIcon","bundleIcon","DismissFilled","DismissRegular","props","ref","dismissButton","setOpen","usePopoverContext_unstable","context","triggerRef","appearance","onDismissButtonClick","useEventCallback","ev","defaultPrevented","current","focus","components","root","slot","always","getIntrinsicElementProps","elementType","optional","renderByDefault","defaultProps","children","React","createElement","onClick"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAYaA;;;eAAAA;;;;iEAZU;gCAC0C;4BAEP;8BACf;AAE3C,MAAMC,cAAcC,IAAAA,sBAAAA,EAAWC,yBAAAA,EAAeC,0BAAAA;AAMvC,MAAMJ,mCAAmC,CAC9CK,OACAC;IAEA,MAAM,EAAEC,aAAa,EAAE,GAAGF;IAE1B,MAAMG,UAAUC,IAAAA,wCAAAA,EAA2BC,CAAAA,UAAWA,QAAQF,OAAO;IACrE,MAAMG,aAAaF,IAAAA,wCAAAA,EAA2BC,CAAAA,UAAWA,QAAQC,UAAU;IAC3E,MAAMC,aAAaH,IAAAA,wCAAAA,EAA2BC,CAAAA,UAAWA,QAAQE,UAAU;IAE3E,MAAMC,uBAAuBC,IAAAA,gCAAAA,EAAiB,CAACC;QAC7C,IAAI,CAACA,GAAGC,gBAAgB,EAAE;YACxBR,QAAQO,IAAI;QACd;QAEA,IAAIJ,WAAWM,OAAO,EAAE;YACtBN,WAAWM,OAAO,CAACC,KAAK;QAC1B;IACF;IAEA,OAAO;QACLN;QACAO,YAAY;YACVC,MAAM;YACNb,eAAe;QACjB;QACAa,MAAMC,oBAAAA,CAAKC,MAAM,CACfC,IAAAA,wCAAAA,EAAyB,MAAM;YAC7BjB;YACA,GAAGD,KAAK;QACV,IACA;YAAEmB,aAAa;QAAK;QAEtBjB,eAAec,oBAAAA,CAAKI,QAAQ,CAAClB,eAAe;YAC1CmB,iBAAiB;YACjBC,cAAc;gBACZC,UAAAA,WAAAA,GAAUC,OAAAC,aAAA,CAAC7B,aAAAA;gBACX8B,SAASlB;gBACT,cAAc;gBACd,eAAe;YACjB;YACAW,aAAa;QACf;IACF;AACF"}
+{"version":3,"sources":["../src/components/TeachingPopoverTitle/useTeachingPopoverTitle.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, useEventCallback, slot } from '@fluentui/react-utilities';\nimport type { TeachingPopoverTitleProps, TeachingPopoverTitleState } from './TeachingPopoverTitle.types';\nimport { DismissFilled, DismissRegular, bundleIcon } from '@fluentui/react-icons';\nimport { usePopoverContext_unstable } from '@fluentui/react-popover';\n\nconst DismissIcon = bundleIcon(DismissFilled, DismissRegular);\n/**\n * Returns the props and state required to render the component\n * @param props - TeachingPopoverTitle properties\n * @param ref - reference to root HTMLElement of TeachingPopoverTitle\n */\nexport const useTeachingPopoverTitle_unstable = (\n  props: TeachingPopoverTitleProps,\n  ref: React.Ref<HTMLDivElement>,\n): TeachingPopoverTitleState => {\n  const { dismissButton } = props;\n\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\n  const onDismissButtonClick = useEventCallback((ev: React.MouseEvent<HTMLButtonElement>) => {\n    if (!ev.defaultPrevented) {\n      setOpen(ev, false);\n    }\n\n    if (triggerRef.current) {\n      triggerRef.current.focus();\n    }\n  });\n\n  return {\n    appearance,\n    components: {\n      root: 'h2',\n      dismissButton: 'button',\n    },\n    root: slot.always(\n      getIntrinsicElementProps('h2', {\n        ref,\n        ...props,\n      }),\n      { elementType: 'h2' },\n    ),\n    dismissButton: slot.optional(dismissButton, {\n      renderByDefault: false,\n      defaultProps: {\n        children: <DismissIcon />,\n        onClick: onDismissButtonClick,\n        'aria-label': 'dismiss',\n        'aria-hidden': true,\n      },\n      elementType: 'button',\n    }),\n  };\n};\n"],"names":["React","getIntrinsicElementProps","useEventCallback","slot","DismissFilled","DismissRegular","bundleIcon","usePopoverContext_unstable","DismissIcon","useTeachingPopoverTitle_unstable","props","ref","dismissButton","setOpen","context","triggerRef","appearance","onDismissButtonClick","ev","defaultPrevented","current","focus","components","root","always","elementType","optional","renderByDefault","defaultProps","children","onClick"],"mappings":";;;;+BAYaS;;;;;;;iEAZU,QAAQ;gCACkC,4BAA4B;4BAEnC,wBAAwB;8BACvC,0BAA0B;AAErE,MAAMD,kBAAcF,sBAAAA,EAAWF,yBAAAA,EAAeC,0BAAAA;AAMvC,yCAAyC,CAC9CK,OACAC;IAEA,MAAM,EAAEC,aAAa,EAAE,GAAGF;IAE1B,MAAMG,cAAUN,wCAAAA,EAA2BO,CAAAA,UAAWA,QAAQD,OAAO;IACrE,MAAME,iBAAaR,wCAAAA,EAA2BO,CAAAA,UAAWA,QAAQC,UAAU;IAC3E,MAAMC,iBAAaT,wCAAAA,EAA2BO,CAAAA,UAAWA,QAAQE,UAAU;IAE3E,MAAMC,2BAAuBf,gCAAAA,EAAiB,CAACgB;QAC7C,IAAI,CAACA,GAAGC,gBAAgB,EAAE;YACxBN,QAAQK,IAAI;QACd;QAEA,IAAIH,WAAWK,OAAO,EAAE;YACtBL,WAAWK,OAAO,CAACC,KAAK;QAC1B;IACF;IAEA,OAAO;QACLL;QACAM,YAAY;YACVC,MAAM;YACNX,eAAe;QACjB;QACAW,MAAMpB,oBAAAA,CAAKqB,MAAM,KACfvB,wCAAAA,EAAyB,MAAM;YAC7BU;YACA,GAAGD,KAAK;QACV,IACA;YAAEe,aAAa;QAAK;QAEtBb,eAAeT,oBAAAA,CAAKuB,QAAQ,CAACd,eAAe;YAC1Ce,iBAAiB;YACjBC,cAAc;gBACZC,UAAAA,WAAAA,GAAU,OAAA,aAAA,CAACrB,aAAAA;gBACXsB,SAASb;gBACT,cAAc;gBACd,eAAe;YACjB;YACAQ,aAAa;QACf;IACF;AACF,EAAE"}