@fluentui/react-teaching-popover 9.1.8 → 9.1.10

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

@@ -1 +1 @@
-{"version":3,"sources":["useTeachingPopoverCarouselNavButtonStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nexport const teachingPopoverCarouselNavButtonClassNames = {\n  root: 'fui-TeachingPopoverCarouselNavButton'\n};\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n  root: {\n    mc9l5x: \"f22iagw\",\n    Bceei9c: \"f1k6fduh\",\n    B7ck84d: \"f1ewtqcl\",\n    Bqenvij: \"f1x82gua\",\n    a9b677: \"f1o3cbw4\",\n    De3pzq: \"ffp7eso\"\n  },\n  rootUnselected: {\n    Bgfg5da: 0,\n    B9xav0g: 0,\n    oivjwe: 0,\n    Bn0qgzm: 0,\n    B4g9neb: 0,\n    zhjwy3: 0,\n    wvpqe5: 0,\n    ibv6hh: 0,\n    u1mtju: 0,\n    h3c5rm: 0,\n    vrafjx: 0,\n    Bekrc4i: 0,\n    i8vvqc: 0,\n    g2u3we: 0,\n    icvyot: 0,\n    B4j52fo: 0,\n    irswps: \"f3bhgqh\",\n    Beyfa6y: 0,\n    Bbmb7ep: 0,\n    Btl43ni: 0,\n    B7oj6ja: 0,\n    Dimara: \"f5q2cvs\",\n    Byoj8tv: 0,\n    uwmqm3: 0,\n    z189sj: 0,\n    z8tnut: 0,\n    B0ocmuz: \"f1c5fvqg\",\n    Bw0xxkn: 0,\n    oeaueh: 0,\n    Bpd4iqm: 0,\n    Befb4lg: \"f1f5l3wm\",\n    Bfpq7zp: 0,\n    g9k6zt: 0,\n    Bn4voq9: 0,\n    giviqs: \"f89hs3r\",\n    Bw81rd7: 0,\n    kdpuga: 0,\n    dm238s: 0,\n    B6xbmo0: 0,\n    B3whbx2: \"f2krc9w\",\n    B8q5s1w: \"f8hki3x\",\n    Bci5o5g: [\"f1d2448m\", \"ffh67wi\"],\n    n8qw10: \"f1bjia2o\",\n    Bdrgwmp: [\"ffh67wi\", \"f1d2448m\"],\n    De3pzq: \"frgiif3\",\n    Bfclv37: \"f14lfud5\",\n    B372c46: \"fngekiq\"\n  },\n  rootSelected: {\n    Bw0xxkn: 0,\n    oeaueh: 0,\n    Bpd4iqm: 0,\n    Befb4lg: \"f1f5l3wm\",\n    a9b677: \"fjw5fx7\",\n    Bgfg5da: 0,\n    B9xav0g: 0,\n    oivjwe: 0,\n    Bn0qgzm: 0,\n    B4g9neb: 0,\n    zhjwy3: 0,\n    wvpqe5: 0,\n    ibv6hh: 0,\n    u1mtju: 0,\n    h3c5rm: 0,\n    vrafjx: 0,\n    Bekrc4i: 0,\n    i8vvqc: 0,\n    g2u3we: 0,\n    icvyot: 0,\n    B4j52fo: 0,\n    irswps: \"f3bhgqh\",\n    Beyfa6y: 0,\n    Bbmb7ep: 0,\n    Btl43ni: 0,\n    B7oj6ja: 0,\n    Dimara: \"ff3glw6\",\n    Byoj8tv: 0,\n    uwmqm3: 0,\n    z189sj: 0,\n    z8tnut: 0,\n    B0ocmuz: \"f1c5fvqg\",\n    Bfpq7zp: 0,\n    g9k6zt: 0,\n    Bn4voq9: 0,\n    giviqs: \"f89hs3r\",\n    Bw81rd7: 0,\n    kdpuga: 0,\n    dm238s: 0,\n    B6xbmo0: 0,\n    B3whbx2: \"f2krc9w\",\n    B8q5s1w: \"f8hki3x\",\n    Bci5o5g: [\"f1d2448m\", \"ffh67wi\"],\n    n8qw10: \"f1bjia2o\",\n    Bdrgwmp: [\"ffh67wi\", \"f1d2448m\"]\n  },\n  rootBrand: {\n    De3pzq: \"f10s6wn9\"\n  },\n  rootBrandUnselected: {\n    De3pzq: \"frxe7el\",\n    Bfclv37: \"f14lfud5\",\n    B372c46: \"fngekiq\"\n  }\n}, {\n  d: [\".f22iagw{display:flex;}\", \".f1k6fduh{cursor:pointer;}\", \".f1ewtqcl{box-sizing:border-box;}\", \".f1x82gua{height:8px;}\", \".f1o3cbw4{width:8px;}\", \".ffp7eso{background-color:var(--colorBrandBackground);}\", [\".f3bhgqh{border:none;}\", {\n    p: -2\n  }], [\".f5q2cvs{border-radius:50%;}\", {\n    p: -1\n  }], [\".f1c5fvqg{padding:0px;}\", {\n    p: -1\n  }], [\".f1f5l3wm{outline:var(--strokeWidthThin);}\", {\n    p: -1\n  }], [\".f89hs3r[data-fui-focus-visible]{outline:var(--strokeWidthThick) solid var(--colorStrokeFocus2);}\", {\n    p: -1\n  }], [\".f2krc9w[data-fui-focus-visible]{border-radius:var(--borderRadiusMedium);}\", {\n    p: -1\n  }], \".f8hki3x[data-fui-focus-visible]{border-top-color:transparent;}\", \".f1d2448m[data-fui-focus-visible]{border-right-color:transparent;}\", \".ffh67wi[data-fui-focus-visible]{border-left-color:transparent;}\", \".f1bjia2o[data-fui-focus-visible]{border-bottom-color:transparent;}\", \".frgiif3{background-color:color-mix(in srgb, var(--colorBrandBackground) 30%, transparent);}\", [\".f1f5l3wm{outline:var(--strokeWidthThin);}\", {\n    p: -1\n  }], \".fjw5fx7{width:16px;}\", [\".f3bhgqh{border:none;}\", {\n    p: -2\n  }], [\".ff3glw6{border-radius:4px;}\", {\n    p: -1\n  }], [\".f1c5fvqg{padding:0px;}\", {\n    p: -1\n  }], [\".f89hs3r[data-fui-focus-visible]{outline:var(--strokeWidthThick) solid var(--colorStrokeFocus2);}\", {\n    p: -1\n  }], [\".f2krc9w[data-fui-focus-visible]{border-radius:var(--borderRadiusMedium);}\", {\n    p: -1\n  }], \".f10s6wn9{background-color:var(--colorNeutralForegroundOnBrand);}\", \".frxe7el{background-color:color-mix(in srgb, var(--colorNeutralForegroundOnBrand) 30%, transparent);}\"],\n  t: [\"@supports not (color: color-mix(in lch, white, black)){.f14lfud5{opacity:0.3;}}\", \"@supports not (color: color-mix(in lch, white, black)){.fngekiq{background-color:var(--colorBrandBackground);}}\"]\n});\n/**\n * Apply styling to the TeachingPopoverCarouselNavButton slots based on the state\n */\nexport const useTeachingPopoverCarouselNavButtonStyles_unstable = state => {\n  const styles = useStyles();\n  const {\n    appearance,\n    isSelected\n  } = state;\n  const brandStyles = isSelected ? styles.rootBrand : styles.rootBrandUnselected;\n  state.root.className = mergeClasses(teachingPopoverCarouselNavButtonClassNames.root, styles.root, isSelected ? styles.rootSelected : styles.rootUnselected, appearance === 'brand' && brandStyles, state.root.className);\n  return state;\n};\n//# sourceMappingURL=useTeachingPopoverCarouselNavButtonStyles.styles.js.map"],"names":["teachingPopoverCarouselNavButtonClassNames","useTeachingPopoverCarouselNavButtonStyles_unstable","root","useStyles","__styles","mc9l5x","Bceei9c","B7ck84d","Bqenvij","a9b677","De3pzq","rootUnselected","Bgfg5da","B9xav0g","oivjwe","Bn0qgzm","B4g9neb","zhjwy3","wvpqe5","ibv6hh","u1mtju","h3c5rm","vrafjx","Bekrc4i","i8vvqc","g2u3we","icvyot","B4j52fo","irswps","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","Bw0xxkn","oeaueh","Bpd4iqm","Befb4lg","Bfpq7zp","g9k6zt","Bn4voq9","giviqs","Bw81rd7","kdpuga","dm238s","B6xbmo0","B3whbx2","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","Bfclv37","B372c46","rootSelected","rootBrand","rootBrandUnselected","d","p","t","state","styles","appearance","isSelected","brandStyles","className","mergeClasses"],"mappings":"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"}
+{"version":3,"sources":["useTeachingPopoverCarouselNavButtonStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nexport const teachingPopoverCarouselNavButtonClassNames = {\n    root: 'fui-TeachingPopoverCarouselNavButton'\n};\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n    root: {\n        display: 'flex',\n        cursor: 'pointer',\n        boxSizing: 'border-box',\n        height: '8px',\n        width: '8px',\n        backgroundColor: tokens.colorBrandBackground\n    },\n    rootUnselected: {\n        border: 'none',\n        borderRadius: '50%',\n        padding: '0px',\n        outline: `${tokens.strokeWidthThin} solid transparent`,\n        ...createCustomFocusIndicatorStyle({\n            outline: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`,\n            borderRadius: tokens.borderRadiusMedium,\n            ...shorthands.borderColor('transparent')\n        }),\n        backgroundColor: `color-mix(in srgb, ${tokens.colorBrandBackground} 30%, transparent)`,\n        '@supports not (color: color-mix(in lch, white, black))': {\n            // This will also affect the focus border, but only in older unsupported browsers\n            opacity: 0.3,\n            backgroundColor: tokens.colorBrandBackground\n        }\n    },\n    rootSelected: {\n        outline: `${tokens.strokeWidthThin} solid transparent`,\n        width: '16px',\n        border: 'none',\n        borderRadius: '4px',\n        padding: '0px',\n        ...createCustomFocusIndicatorStyle({\n            outline: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`,\n            borderRadius: tokens.borderRadiusMedium,\n            ...shorthands.borderColor('transparent')\n        }),\n        '@media (forced-colors: active)': {\n            backgroundColor: 'CanvasText'\n        }\n    },\n    rootBrand: {\n        backgroundColor: tokens.colorNeutralForegroundOnBrand\n    },\n    rootBrandUnselected: {\n        backgroundColor: `color-mix(in srgb, ${tokens.colorNeutralForegroundOnBrand} 30%, transparent)`,\n        '@supports not (color: color-mix(in lch, white, black))': {\n            // This will also affect the focus border, but only in older unsupported browsers\n            opacity: 0.3,\n            backgroundColor: tokens.colorBrandBackground\n        }\n    }\n});\n/**\n * Apply styling to the TeachingPopoverCarouselNavButton slots based on the state\n */ export const useTeachingPopoverCarouselNavButtonStyles_unstable = (state)=>{\n    'use no memo';\n    const styles = useStyles();\n    const { appearance, isSelected } = state;\n    const brandStyles = isSelected ? styles.rootBrand : styles.rootBrandUnselected;\n    state.root.className = mergeClasses(teachingPopoverCarouselNavButtonClassNames.root, styles.root, isSelected ? styles.rootSelected : styles.rootUnselected, appearance === 'brand' && brandStyles, state.root.className);\n    return state;\n};\n"],"names":["teachingPopoverCarouselNavButtonClassNames","useTeachingPopoverCarouselNavButtonStyles_unstable","root","useStyles","__styles","mc9l5x","Bceei9c","B7ck84d","Bqenvij","a9b677","De3pzq","rootUnselected","Bgfg5da","B9xav0g","oivjwe","Bn0qgzm","B4g9neb","zhjwy3","wvpqe5","ibv6hh","u1mtju","h3c5rm","vrafjx","Bekrc4i","i8vvqc","g2u3we","icvyot","B4j52fo","irswps","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","Bw0xxkn","oeaueh","Bpd4iqm","Befb4lg","Bfpq7zp","g9k6zt","Bn4voq9","giviqs","Bw81rd7","kdpuga","dm238s","B6xbmo0","B3whbx2","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","Bfclv37","B372c46","rootSelected","Bsw6fvg","rootBrand","rootBrandUnselected","d","p","t","m","state","styles","appearance","isSelected","brandStyles","className","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"sources":["TeachingPopoverCarouselPageCount.js"],"sourcesContent":["import * as React from 'react';\nimport { useTeachingPopoverCarouselPageCount_unstable } from './useTeachingPopoverCarouselPageCount';\nimport { renderTeachingPopoverCarouselPageCount_unstable } from './renderTeachingPopoverCarouselPageCount';\nimport { useTeachingPopoverCarouselPageCountStyles_unstable } from './useTeachingPopoverCarouselPageCountStyles.styles';\n/**\n * TeachingPopoverCarouselPageCount is a simple interface for rendering based on current and total page count\n *\n * The child render function will provide both current and total page numbers for customization.\n */ export const TeachingPopoverCarouselPageCount = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const state = useTeachingPopoverCarouselPageCount_unstable(props, ref);\n    useTeachingPopoverCarouselPageCountStyles_unstable(state);\n    return renderTeachingPopoverCarouselPageCount_unstable(state);\n});\nTeachingPopoverCarouselPageCount.displayName = 'TeachingPopoverCarouselPageCount';\n"],"names":["TeachingPopoverCarouselPageCount","React","forwardRef","props","ref","state","useTeachingPopoverCarouselPageCount_unstable","useTeachingPopoverCarouselPageCountStyles_unstable","renderTeachingPopoverCarouselPageCount_unstable","displayName"],"mappings":";;;;+BAQiBA;;;eAAAA;;;;iEARM;qDACsC;wDACG;iEACG;AAKxD,MAAMA,mCAAmC,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACvF,MAAMC,QAAQC,IAAAA,iFAA4C,EAACH,OAAOC;IAClEG,IAAAA,mGAAkD,EAACF;IACnD,OAAOG,IAAAA,uFAA+C,EAACH;AAC3D;AACAL,iCAAiCS,WAAW,GAAG"}
+{"version":3,"sources":["TeachingPopoverCarouselPageCount.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useTeachingPopoverCarouselPageCount_unstable } from './useTeachingPopoverCarouselPageCount';\nimport { renderTeachingPopoverCarouselPageCount_unstable } from './renderTeachingPopoverCarouselPageCount';\nimport { useTeachingPopoverCarouselPageCountStyles_unstable } from './useTeachingPopoverCarouselPageCountStyles.styles';\nimport type { TeachingPopoverCarouselPageCountProps } from './TeachingPopoverCarouselPageCount.types';\n\n/**\n * TeachingPopoverCarouselPageCount is a simple interface for rendering based on current and total page count\n *\n * The child render function will provide both current and total page numbers for customization.\n */\nexport const TeachingPopoverCarouselPageCount: ForwardRefComponent<TeachingPopoverCarouselPageCountProps> =\n  React.forwardRef((props, ref) => {\n    const state = useTeachingPopoverCarouselPageCount_unstable(props, ref);\n\n    useTeachingPopoverCarouselPageCountStyles_unstable(state);\n\n    return renderTeachingPopoverCarouselPageCount_unstable(state);\n  });\n\nTeachingPopoverCarouselPageCount.displayName = 'TeachingPopoverCarouselPageCount';\n"],"names":["TeachingPopoverCarouselPageCount","React","forwardRef","props","ref","state","useTeachingPopoverCarouselPageCount_unstable","useTeachingPopoverCarouselPageCountStyles_unstable","renderTeachingPopoverCarouselPageCount_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAYaA;;;eAAAA;;;;iEAZU;qDAEsC;wDACG;iEACG;AAQ5D,MAAMA,mCAAAA,WAAAA,GACXC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACvB,MAAMC,QAAQC,IAAAA,iFAAAA,EAA6CH,OAAOC;IAElEG,IAAAA,mGAAAA,EAAmDF;IAEnD,OAAOG,IAAAA,uFAAAA,EAAgDH;AACzD;AAEFL,iCAAiCS,WAAW,GAAG"}

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

@@ -1 +1 @@
-{"version":3,"sources":["TeachingPopoverCarouselPageCount.types.js"],"sourcesContent":["import * as React from 'react';\n"],"names":[],"mappings":";;;;;iEAAuB"}
+{"version":3,"sources":["TeachingPopoverCarouselPageCount.types.ts"],"sourcesContent":["import * as React from 'react';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type TeachingPopoverCarouselPageCountSlots = {\n  root: Slot<'div'>;\n};\n\nexport type TeachingPopoverCarouselPageCountRenderFunction = (\n  currentPage: number,\n  totalPages: number,\n) => React.ReactNode;\n\n/**\n * TeachingPopoverCarouselPageCount Props\n */\nexport type TeachingPopoverCarouselPageCountProps = Omit<\n  ComponentProps<Partial<TeachingPopoverCarouselPageCountSlots>>,\n  'children'\n> & {\n  children: TeachingPopoverCarouselPageCountRenderFunction;\n};\n\n/**\n * State used in rendering TeachingPopoverCarouselPageCount\n */\nexport type TeachingPopoverCarouselPageCountState = ComponentState<TeachingPopoverCarouselPageCountSlots> & {\n  currentIndex: number;\n\n  totalPages: number;\n\n  renderPageCount: TeachingPopoverCarouselPageCountRenderFunction;\n};\n"],"names":[],"rangeMappings":";;;;;","mappings":";;;;;iEAAuB"}

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

@@ -1 +1 @@
-{"version":3,"sources":["index.js"],"sourcesContent":["export * from './TeachingPopoverCarouselPageCount';\nexport * from './TeachingPopoverCarouselPageCount.types';\nexport * from './renderTeachingPopoverCarouselPageCount';\nexport * from './useTeachingPopoverCarouselPageCount';\nexport * from './useTeachingPopoverCarouselPageCountStyles.styles';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './TeachingPopoverCarouselPageCount';\nexport * from './TeachingPopoverCarouselPageCount.types';\nexport * from './renderTeachingPopoverCarouselPageCount';\nexport * from './useTeachingPopoverCarouselPageCount';\nexport * from './useTeachingPopoverCarouselPageCountStyles.styles';\n"],"names":[],"rangeMappings":";;;;;;;;;","mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["useTeachingPopoverCarouselPageCount.js"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport { useCarouselValues_unstable } from '../TeachingPopoverCarousel/Carousel/useCarouselValues';\nimport { useCarouselContext_unstable } from '../TeachingPopoverCarousel/Carousel/CarouselContext';\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 */ export const useTeachingPopoverCarouselPageCount_unstable = (props, ref)=>{\n    const values = useCarouselValues_unstable((snapshot)=>snapshot);\n    var _useCarouselContext_unstable;\n    const selectedValue = (_useCarouselContext_unstable = useCarouselContext_unstable((c)=>c.value)) !== null && _useCarouselContext_unstable !== void 0 ? _useCarouselContext_unstable : values[0];\n    const currentIndex = values.indexOf(selectedValue);\n    const totalPages = values.length;\n    return {\n        currentIndex,\n        totalPages,\n        renderPageCount: props.children,\n        components: {\n            root: 'div'\n        },\n        root: slot.always(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","useCarouselContext_unstable","c","value","currentIndex","indexOf","totalPages","length","renderPageCount","children","components","root","slot","always","getIntrinsicElementProps","elementType"],"mappings":";;;;+BAYiBA;;;eAAAA;;;;iEAZM;gCACwB;mCACJ;iCACC;AASjC,MAAMA,+CAA+C,CAACC,OAAOC;IACpE,MAAMC,SAASC,IAAAA,6CAA0B,EAAC,CAACC,WAAWA;IACtD,IAAIC;IACJ,MAAMC,gBAAgB,AAACD,CAAAA,+BAA+BE,IAAAA,4CAA2B,EAAC,CAACC,IAAIA,EAAEC,KAAK,CAAA,MAAO,QAAQJ,iCAAiC,KAAK,IAAIA,+BAA+BH,MAAM,CAAC,EAAE;IAC/L,MAAMQ,eAAeR,OAAOS,OAAO,CAACL;IACpC,MAAMM,aAAaV,OAAOW,MAAM;IAChC,OAAO;QACHH;QACAE;QACAE,iBAAiBd,MAAMe,QAAQ;QAC/BC,YAAY;YACRC,MAAM;QACV;QACAA,MAAMC,oBAAI,CAACC,MAAM,CAACC,IAAAA,wCAAwB,EAAC,OAAO;YAC9CnB;YACA,GAAGD,KAAK;YACRe,UAAUf,MAAMe,QAAQ,CAACL,eAAe,GAAGE;QAC/C,IAAI;YACAS,aAAa;QACjB;IACJ;AACJ"}
+{"version":3,"sources":["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"}

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

@@ -36,6 +36,7 @@ const teachingPopoverCarouselPageCountClassNames = {
     ]
 });
 const useTeachingPopoverCarouselPageCountStyles_unstable = (state)=>{
+    'use no memo';
     const styles = useStyles();
     state.root.className = (0, _react.mergeClasses)(teachingPopoverCarouselPageCountClassNames.root, styles.root, state.root.className);
     return state;

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

@@ -1 +1 @@
-{"version":3,"sources":["useTeachingPopoverCarouselPageCountStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses } from '@griffel/react';\nexport const teachingPopoverCarouselPageCountClassNames = {\n  root: 'fui-TeachingPopoverCarouselPageCount'\n};\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n  root: {\n    mc9l5x: \"f22iagw\",\n    Bt984gj: \"f122n59\",\n    Brf1p80: \"f4d9j23\"\n  }\n}, {\n  d: [\".f22iagw{display:flex;}\", \".f122n59{align-items:center;}\", \".f4d9j23{justify-content:center;}\"]\n});\n/**\n * Apply styling to the TeachingPopoverCarouselPageCount slots based on the state\n */\nexport const useTeachingPopoverCarouselPageCountStyles_unstable = state => {\n  const styles = useStyles();\n  state.root.className = mergeClasses(teachingPopoverCarouselPageCountClassNames.root, styles.root, state.root.className);\n  return state;\n};\n//# sourceMappingURL=useTeachingPopoverCarouselPageCountStyles.styles.js.map"],"names":["teachingPopoverCarouselPageCountClassNames","useTeachingPopoverCarouselPageCountStyles_unstable","root","useStyles","__styles","mc9l5x","Bt984gj","Brf1p80","d","state","styles","className","mergeClasses"],"mappings":";;;;;;;;;;;IACaA,0CAA0C;eAA1CA;;IAkBAC,kDAAkD;eAAlDA;;;uBAnB0B;AAChC,MAAMD,6CAA6C;IACxDE,MAAM;AACR;AACA;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IACtCF,MAAM;QACJG,QAAQ;QACRC,SAAS;QACTC,SAAS;IACX;AACF,GAAG;IACDC,GAAG;QAAC;QAA2B;QAAiC;KAAoC;AACtG;AAIO,MAAMP,qDAAqDQ,CAAAA;IAChE,MAAMC,SAASP;IACfM,MAAMP,IAAI,CAACS,SAAS,GAAGC,IAAAA,mBAAY,EAACZ,2CAA2CE,IAAI,EAAEQ,OAAOR,IAAI,EAAEO,MAAMP,IAAI,CAACS,SAAS;IACtH,OAAOF;AACT,GACA,4EAA4E"}
+{"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"}

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

@@ -1 +1 @@
-{"version":3,"sources":["TeachingPopoverFooter.js"],"sourcesContent":["import * as React from 'react';\nimport { useTeachingPopoverFooter_unstable } from './useTeachingPopoverFooter';\nimport { renderTeachingPopoverFooter_unstable } from './renderTeachingPopoverFooter';\nimport { useTeachingPopoverFooterStyles_unstable } from './useTeachingPopoverFooterStyles.styles';\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 */ export const TeachingPopoverFooter = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const state = useTeachingPopoverFooter_unstable(props, ref);\n    useTeachingPopoverFooterStyles_unstable(state);\n    return renderTeachingPopoverFooter_unstable(state);\n});\nTeachingPopoverFooter.displayName = 'TeachingPopoverFooter';\n"],"names":["TeachingPopoverFooter","React","forwardRef","props","ref","state","useTeachingPopoverFooter_unstable","useTeachingPopoverFooterStyles_unstable","renderTeachingPopoverFooter_unstable","displayName"],"mappings":";;;;+BAYiBA;;;eAAAA;;;;iEAZM;0CAC2B;6CACG;sDACG;AAS7C,MAAMA,wBAAwB,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAC5E,MAAMC,QAAQC,IAAAA,2DAAiC,EAACH,OAAOC;IACvDG,IAAAA,6EAAuC,EAACF;IACxC,OAAOG,IAAAA,iEAAoC,EAACH;AAChD;AACAL,sBAAsBS,WAAW,GAAG"}
+{"version":3,"sources":["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';\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  return renderTeachingPopoverFooter_unstable(state);\n});\n\nTeachingPopoverFooter.displayName = 'TeachingPopoverFooter';\n"],"names":["TeachingPopoverFooter","React","forwardRef","props","ref","state","useTeachingPopoverFooter_unstable","useTeachingPopoverFooterStyles_unstable","renderTeachingPopoverFooter_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAgBaA;;;eAAAA;;;;iEAhBU;0CAC2B;6CACG;sDACG;AAajD,MAAMA,wBAAAA,WAAAA,GAAyEC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAC7G,MAAMC,QAAQC,IAAAA,2DAAAA,EAAkCH,OAAOC;IAEvDG,IAAAA,6EAAAA,EAAwCF;IAExC,OAAOG,IAAAA,iEAAAA,EAAqCH;AAC9C;AAEAL,sBAAsBS,WAAW,GAAG"}

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

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":""}
+{"version":3,"sources":["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":""}

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

@@ -1 +1 @@
-{"version":3,"sources":["index.js"],"sourcesContent":["export * from './TeachingPopoverFooter';\nexport * from './TeachingPopoverFooter.types';\nexport * from './renderTeachingPopoverFooter';\nexport * from './useTeachingPopoverFooter';\nexport * from './useTeachingPopoverFooterStyles.styles';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './TeachingPopoverFooter';\nexport * from './TeachingPopoverFooter.types';\nexport * from './renderTeachingPopoverFooter';\nexport * from './useTeachingPopoverFooter';\nexport * from './useTeachingPopoverFooterStyles.styles';\n"],"names":[],"rangeMappings":";;;;;;;;;","mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}

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

@@ -1 +1 @@
-{"version":3,"sources":["renderTeachingPopoverFooter.js"],"sourcesContent":["  import { jsx as _jsx, jsxs as _jsxs } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { assertSlots } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of TeachingPopoverFooter\n */ export const renderTeachingPopoverFooter_unstable = (state)=>{\n    assertSlots(state);\n    return /*#__PURE__*/ _jsxs(state.root, {\n        children: [\n            /*#__PURE__*/ _jsx(state.primary, {}),\n            state.secondary && /*#__PURE__*/ _jsx(state.secondary, {})\n        ]\n    });\n};\n"],"names":["renderTeachingPopoverFooter_unstable","state","assertSlots","_jsxs","root","children","_jsx","primary","secondary"],"mappings":";;;;+BAIiBA;;;eAAAA;;;4BAJ4B;gCACjB;AAGjB,MAAMA,uCAAuC,CAACC;IACrDC,IAAAA,2BAAW,EAACD;IACZ,OAAO,WAAW,GAAGE,IAAAA,gBAAK,EAACF,MAAMG,IAAI,EAAE;QACnCC,UAAU;YACN,WAAW,GAAGC,IAAAA,eAAI,EAACL,MAAMM,OAAO,EAAE,CAAC;YACnCN,MAAMO,SAAS,IAAI,WAAW,GAAGF,IAAAA,eAAI,EAACL,MAAMO,SAAS,EAAE,CAAC;SAC3D;IACL;AACJ"}
+{"version":3,"sources":["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"}

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

@@ -1 +1 @@
-{"version":3,"sources":["useTeachingPopoverFooter.js"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, mergeCallbacks, slot, useEventCallback } from '@fluentui/react-utilities';\nimport { Button } from '@fluentui/react-button';\nimport { usePopoverContext_unstable } from '@fluentui/react-popover';\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 */ export const useTeachingPopoverFooter_unstable = (props, ref)=>{\n    const appearance = usePopoverContext_unstable((context)=>context.appearance);\n    const toggleOpen = usePopoverContext_unstable((context)=>context.toggleOpen);\n    const handleButtonClick = useEventCallback((event)=>{\n        if (event.isDefaultPrevented()) {\n            return;\n        }\n        toggleOpen(event);\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    // Merge any provided callback with close trigger\n    if (secondary) {\n        secondary.onClick = mergeCallbacks(handleButtonClick, secondary === null || secondary === void 0 ? void 0 : secondary.onClick);\n    }\n    const primary = slot.always(props.primary, {\n        defaultProps: {\n            appearance: appearance === 'brand' ? undefined : 'primary'\n        },\n        elementType: Button\n    });\n    // Primary button will close the popover if no secondary action is available.\n    if (!secondary) {\n        primary.onClick = mergeCallbacks(handleButtonClick, primary === null || primary === void 0 ? void 0 : primary.onClick);\n    }\n    var _props_footerLayout;\n    return {\n        footerLayout: (_props_footerLayout = props.footerLayout) !== null && _props_footerLayout !== void 0 ? _props_footerLayout : 'horizontal',\n        appearance,\n        components: {\n            root: 'div',\n            primary: Button,\n            secondary: Button\n        },\n        root: slot.always(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","_props_footerLayout","footerLayout","components","root","getIntrinsicElementProps"],"mappings":";;;;+BAQiBA;;;eAAAA;;;;iEARM;gCAC0D;6BAC1D;8BACoB;AAKhC,MAAMA,oCAAoC,CAACC,OAAOC;IACzD,MAAMC,aAAaC,IAAAA,wCAA0B,EAAC,CAACC,UAAUA,QAAQF,UAAU;IAC3E,MAAMG,aAAaF,IAAAA,wCAA0B,EAAC,CAACC,UAAUA,QAAQC,UAAU;IAC3E,MAAMC,oBAAoBC,IAAAA,gCAAgB,EAAC,CAACC;QACxC,IAAIA,MAAMC,kBAAkB,IAAI;YAC5B;QACJ;QACAJ,WAAWG;IACf;IACA,MAAME,YAAYC,oBAAI,CAACC,QAAQ,CAACZ,MAAMU,SAAS,EAAE;QAC7CG,cAAc;YACVX,YAAYA,eAAe,UAAU,YAAYY;QACrD;QACAC,iBAAiBf,MAAMU,SAAS,KAAKI;QACrCE,aAAaC,mBAAM;IACvB;IACA,iDAAiD;IACjD,IAAIP,WAAW;QACXA,UAAUQ,OAAO,GAAGC,IAAAA,8BAAc,EAACb,mBAAmBI,cAAc,QAAQA,cAAc,KAAK,IAAI,KAAK,IAAIA,UAAUQ,OAAO;IACjI;IACA,MAAME,UAAUT,oBAAI,CAACU,MAAM,CAACrB,MAAMoB,OAAO,EAAE;QACvCP,cAAc;YACVX,YAAYA,eAAe,UAAUY,YAAY;QACrD;QACAE,aAAaC,mBAAM;IACvB;IACA,6EAA6E;IAC7E,IAAI,CAACP,WAAW;QACZU,QAAQF,OAAO,GAAGC,IAAAA,8BAAc,EAACb,mBAAmBc,YAAY,QAAQA,YAAY,KAAK,IAAI,KAAK,IAAIA,QAAQF,OAAO;IACzH;IACA,IAAII;IACJ,OAAO;QACHC,cAAc,AAACD,CAAAA,sBAAsBtB,MAAMuB,YAAY,AAAD,MAAO,QAAQD,wBAAwB,KAAK,IAAIA,sBAAsB;QAC5HpB;QACAsB,YAAY;YACRC,MAAM;YACNL,SAASH,mBAAM;YACfP,WAAWO,mBAAM;QACrB;QACAQ,MAAMd,oBAAI,CAACU,MAAM,CAACK,IAAAA,wCAAwB,EAAC,OAAO;YAC9CzB;YACA,GAAGD,KAAK;QACZ,IAAI;YACAgB,aAAa;QACjB;QACAN;QACAU;IACJ;AACJ"}
+{"version":3,"sources":["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"}

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

@@ -115,6 +115,7 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
     ]
 });
 const useTeachingPopoverFooterStyles_unstable = (state)=>{
+    'use no memo';
     const styles = useStyles();
     const { appearance, footerLayout } = state;
     state.root.className = (0, _react.mergeClasses)(teachingPopoverFooterClassNames.root, styles.root, footerLayout === 'horizontal' ? styles.rootHorizontal : styles.rootVertical, state.root.className);

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

@@ -1 +1 @@
-{"version":3,"sources":["useTeachingPopoverFooterStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const teachingPopoverFooterClassNames = {\n  root: 'fui-TeachingPopoverFooter',\n  primary: 'fui-TeachingPopoverFooter__primary',\n  secondary: 'fui-TeachingPopoverFooter__secondary'\n};\nconst useStyles = /*#__PURE__*/__styles({\n  root: {\n    mc9l5x: \"f22iagw\",\n    i8kkvl: 0,\n    Belr9w4: 0,\n    rmohyg: \"f19gb1f4\",\n    z8tnut: \"f1kcqot9\"\n  },\n  rootVertical: {\n    Beiy3e4: \"f1vx9l62\"\n  },\n  rootHorizontal: {\n    Beiy3e4: \"f1063pyq\",\n    Brf1p80: \"f9c4gz4\"\n  },\n  buttonRootVertical: {\n    a9b677: \"f14z66ap\",\n    Beyfa6y: 0,\n    Bbmb7ep: 0,\n    Btl43ni: 0,\n    B7oj6ja: 0,\n    Dimara: \"ff3glw6\"\n  },\n  buttonRootHorizontal: {\n    Bf4jedk: \"f14es27b\",\n    Beyfa6y: 0,\n    Bbmb7ep: 0,\n    Btl43ni: 0,\n    B7oj6ja: 0,\n    Dimara: \"ff3glw6\"\n  },\n  brandSecondary: {\n    g2u3we: \"fm1ebug\",\n    h3c5rm: [\"f28omuz\", \"f1uhflii\"],\n    B9xav0g: \"f1ixw5o4\",\n    zhjwy3: [\"f1uhflii\", \"f28omuz\"]\n  },\n  brandPrimary: {\n    sj55zd: \"f16muhyy\",\n    De3pzq: \"f10s6wn9\",\n    Bi91k9c: \"f3ymbdj\",\n    Jwef8y: \"f1rgtb95\",\n    B2d53fq: \"f1pu27ff\",\n    iro3zm: \"f1d5c7in\"\n  }\n}, {\n  d: [\".f22iagw{display:flex;}\", [\".f19gb1f4{gap:8px;}\", {\n    p: -1\n  }], \".f1kcqot9{padding-top:12px;}\", \".f1vx9l62{flex-direction:column;}\", \".f1063pyq{flex-direction:row;}\", \".f9c4gz4{justify-content:flex-end;}\", \".f14z66ap{width:auto;}\", [\".ff3glw6{border-radius:4px;}\", {\n    p: -1\n  }], \".f14es27b{min-width:96px;}\", [\".ff3glw6{border-radius:4px;}\", {\n    p: -1\n  }], \".fm1ebug{border-top-color:var(--colorNeutralForegroundOnBrand);}\", \".f28omuz{border-right-color:var(--colorNeutralForegroundOnBrand);}\", \".f1uhflii{border-left-color:var(--colorNeutralForegroundOnBrand);}\", \".f1ixw5o4{border-bottom-color:var(--colorNeutralForegroundOnBrand);}\", \".f16muhyy{color:var(--colorBrandForeground1);}\", \".f10s6wn9{background-color:var(--colorNeutralForegroundOnBrand);}\"],\n  h: [\".f3ymbdj:hover{color:var(--colorCompoundBrandForeground1Hover);}\", \".f1rgtb95:hover{background-color:var(--colorNeutralForegroundOnBrand);}\", \".f1pu27ff:hover:active{color:var(--colorCompoundBrandForeground1Pressed);}\", \".f1d5c7in:hover:active{background-color:var(--colorNeutralForegroundOnBrand);}\"]\n});\n/** Applies style classnames to slots */\nexport const useTeachingPopoverFooterStyles_unstable = state => {\n  const styles = useStyles();\n  const {\n    appearance,\n    footerLayout\n  } = state;\n  state.root.className = mergeClasses(teachingPopoverFooterClassNames.root, styles.root, footerLayout === 'horizontal' ? styles.rootHorizontal : styles.rootVertical, state.root.className);\n  if (state.secondary) {\n    state.secondary.className = mergeClasses(teachingPopoverFooterClassNames.secondary, footerLayout === 'horizontal' ? styles.buttonRootHorizontal : styles.buttonRootVertical, appearance === 'brand' ? styles.brandSecondary : undefined, state.secondary.className);\n  }\n  state.primary.className = mergeClasses(teachingPopoverFooterClassNames.primary, footerLayout === 'horizontal' ? styles.buttonRootHorizontal : styles.buttonRootVertical, appearance === 'brand' ? styles.brandPrimary : undefined, state.primary.className);\n  return state;\n};\n//# sourceMappingURL=useTeachingPopoverFooterStyles.styles.js.map"],"names":["teachingPopoverFooterClassNames","useTeachingPopoverFooterStyles_unstable","root","primary","secondary","useStyles","__styles","mc9l5x","i8kkvl","Belr9w4","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"],"mappings":";;;;;;;;;;;IAEaA,+BAA+B;eAA/BA;;IA6DAC,uCAAuC;eAAvCA;;;uBA/DsC;AAE5C,MAAMD,kCAAkC;IAC7CE,MAAM;IACNC,SAAS;IACTC,WAAW;AACb;AACA,MAAMC,YAAY,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IACtCJ,MAAM;QACJK,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,QAAQ;IACV;IACAC,cAAc;QACZC,SAAS;IACX;IACAC,gBAAgB;QACdD,SAAS;QACTE,SAAS;IACX;IACAC,oBAAoB;QAClBC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;IACV;IACAC,sBAAsB;QACpBC,SAAS;QACTN,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;IACV;IACAG,gBAAgB;QACdC,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAW;QAC/BC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAU;IACjC;IACAC,cAAc;QACZC,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,QAAQ;IACV;AACF,GAAG;IACDC,GAAG;QAAC;QAA2B;YAAC;YAAuB;gBACrDC,GAAG,CAAC;YACN;SAAE;QAAE;QAAgC;QAAqC;QAAkC;QAAuC;QAA0B;YAAC;YAAgC;gBAC3MA,GAAG,CAAC;YACN;SAAE;QAAE;QAA8B;YAAC;YAAgC;gBACjEA,GAAG,CAAC;YACN;SAAE;QAAE;QAAoE;QAAsE;QAAsE;QAAwE;QAAkD;KAAoE;IAClZC,GAAG;QAAC;QAAoE;QAA2E;QAA8E;KAAiF;AACpT;AAEO,MAAMtC,0CAA0CuC,CAAAA;IACrD,MAAMC,SAASpC;IACf,MAAM,EACJqC,UAAU,EACVC,YAAY,EACb,GAAGH;IACJA,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;QACnBoC,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;IACpQ;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;AACT,GACA,iEAAiE"}
+{"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"}

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":""}
+{"version":3,"sources":["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 h3, but can be a div.\n   * Be sure to include role and aria heading level if div is used.\n   */\n  root: Slot<'h3', 'h1' | 'h2' | 'h4' | 'h5' | 'h6' | 'div'>;\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":""}

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

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

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

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

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

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

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

@@ -194,6 +194,7 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
     ]
 });
 const useTeachingPopoverHeaderStyles_unstable = (state)=>{
+    'use no memo';
     const styles = useStyles();
     const { appearance } = state;
     state.root.className = (0, _react.mergeClasses)(teachingPopoverHeaderClassNames.root, styles.root, appearance === 'brand' && styles.rootBrand, state.root.className);

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

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

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

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

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

@@ -1,4 +1,6 @@
-"use strict";
+/**
+ * TeachingPopoverSurface State
+ */ "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
 });

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

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":""}
+{"version":3,"sources":["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"}

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["useTeachingPopoverSurface.js"],"sourcesContent":["import * as React from 'react';\nimport { usePopoverSurface_unstable } from '@fluentui/react-popover';\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 */ export const useTeachingPopoverSurface_unstable = (props, ref)=>{\n    const state = usePopoverSurface_unstable(props, ref);\n    return state;\n};\n"],"names":["useTeachingPopoverSurface_unstable","props","ref","state","usePopoverSurface_unstable"],"mappings":";;;;+BAUiBA;;;eAAAA;;;;iEAVM;8BACoB;AAShC,MAAMA,qCAAqC,CAACC,OAAOC;IAC1D,MAAMC,QAAQC,IAAAA,wCAA0B,EAACH,OAAOC;IAChD,OAAOC;AACX"}
+{"version":3,"sources":["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"}

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

@@ -55,6 +55,7 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
     ]
 });
 const useTeachingPopoverSurfaceStyles_unstable = (state)=>{
+    'use no memo';
     const styles = useStyles();
     // Make sure to merge teaching bubble surface prior to popover styles
     state.root.className = (0, _react.mergeClasses)(teachingPopoverSurfaceClassNames.root, styles.root, state.root.className);

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

@@ -1 +1 @@
-{"version":3,"sources":["useTeachingPopoverSurfaceStyles.styles.js"],"sourcesContent":["import { __styles, 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 = /*#__PURE__*/__styles({\n  root: {\n    Byoj8tv: 0,\n    uwmqm3: 0,\n    z189sj: 0,\n    z8tnut: 0,\n    B0ocmuz: \"f23zza1\",\n    Beyfa6y: 0,\n    Bbmb7ep: 0,\n    Btl43ni: 0,\n    B7oj6ja: 0,\n    Dimara: \"f1kijzfu\",\n    a9b677: \"f1dxqujg\",\n    B7ck84d: \"f1e4lqlz\"\n  }\n}, {\n  d: [[\".f23zza1{padding:var(--spacingVerticalL) var(--spacingVerticalL);}\", {\n    p: -1\n  }], [\".f1kijzfu{border-radius:var(--borderRadiusXLarge);}\", {\n    p: -1\n  }], \".f1dxqujg{width:288px;}\", \".f1e4lqlz{box-sizing:content-box;}\"]\n});\n/**\n * Apply styling to the TeachingPopoverSurface slots based on the state\n */\nexport const useTeachingPopoverSurfaceStyles_unstable = state => {\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//# sourceMappingURL=useTeachingPopoverSurfaceStyles.styles.js.map"],"names":["teachingPopoverSurfaceClassNames","useTeachingPopoverSurfaceStyles_unstable","root","useStyles","__styles","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","a9b677","B7ck84d","d","p","state","styles","className","mergeClasses","updatedState","usePopoverSurfaceStyles_unstable"],"mappings":";;;;;;;;;;;IAGaA,gCAAgC;eAAhCA;;IA4BAC,wCAAwC;eAAxCA;;;uBA/B0B;8BACU;AAE1C,MAAMD,mCAAmC;IAC9CE,MAAM;AACR;AACA,MAAMC,YAAY,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IACtCF,MAAM;QACJG,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,SAAS;IACX;AACF,GAAG;IACDC,GAAG;QAAC;YAAC;YAAsE;gBACzEC,GAAG,CAAC;YACN;SAAE;QAAE;YAAC;YAAuD;gBAC1DA,GAAG,CAAC;YACN;SAAE;QAAE;QAA2B;KAAqC;AACtE;AAIO,MAAMjB,2CAA2CkB,CAAAA;IACtD,MAAMC,SAASjB;IACf,qEAAqE;IACrEgB,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;AACT,GACA,kEAAkE"}
+{"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        width: '288px',\n        boxSizing: 'content-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","a9b677","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,QAAA;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"}

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

@@ -1 +1 @@
-{"version":3,"sources":["TeachingPopoverTitle.js"],"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';\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 */ export const TeachingPopoverTitle = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const state = useTeachingPopoverTitle_unstable(props, ref);\n    useTeachingPopoverTitleStyles_unstable(state);\n    useCustomStyleHook_unstable('useTeachingPopoverTitleStyles_unstable')(state);\n    return renderTeachingPopoverTitle_unstable(state);\n});\nTeachingPopoverTitle.displayName = 'TeachingPopoverTitle';\n"],"names":["TeachingPopoverTitle","React","forwardRef","props","ref","state","useTeachingPopoverTitle_unstable","useTeachingPopoverTitleStyles_unstable","useCustomStyleHook_unstable","renderTeachingPopoverTitle_unstable","displayName"],"mappings":";;;;+BAWiBA;;;eAAAA;;;;iEAXM;yCAC0B;4CACG;qDACG;qCACX;AAOjC,MAAMA,uBAAuB,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAC3E,MAAMC,QAAQC,IAAAA,yDAAgC,EAACH,OAAOC;IACtDG,IAAAA,2EAAsC,EAACF;IACvCG,IAAAA,gDAA2B,EAAC,0CAA0CH;IACtE,OAAOI,IAAAA,+DAAmC,EAACJ;AAC/C;AACAL,qBAAqBU,WAAW,GAAG"}
+{"version":3,"sources":["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"}

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

@@ -1,4 +1,6 @@
-"use strict";
+/**
+ * State used in rendering TeachingPopoverTitle
+ */ "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
 });

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

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":""}
+{"version":3,"sources":["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"}

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

@@ -1 +1 @@
-{"version":3,"sources":["index.js"],"sourcesContent":["export * from './TeachingPopoverTitle';\nexport * from './TeachingPopoverTitle.types';\nexport * from './renderTeachingPopoverTitle';\nexport * from './useTeachingPopoverTitle';\nexport * from './useTeachingPopoverTitleStyles.styles';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './TeachingPopoverTitle';\nexport * from './TeachingPopoverTitle.types';\nexport * from './renderTeachingPopoverTitle';\nexport * from './useTeachingPopoverTitle';\nexport * from './useTeachingPopoverTitleStyles.styles';\n"],"names":[],"rangeMappings":";;;;;;;;;","mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}

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

@@ -1 +1 @@
-{"version":3,"sources":["renderTeachingPopoverTitle.js"],"sourcesContent":["  import { jsx as _jsx, jsxs as _jsxs } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { assertSlots } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of TeachingPopoverTitle\n */ export const renderTeachingPopoverTitle_unstable = (state)=>{\n    assertSlots(state);\n    return /*#__PURE__*/ _jsxs(state.root, {\n        children: [\n            state.root.children,\n            state.dismissButton && /*#__PURE__*/ _jsx(state.dismissButton, {})\n        ]\n    });\n};\n"],"names":["renderTeachingPopoverTitle_unstable","state","assertSlots","_jsxs","root","children","dismissButton","_jsx"],"mappings":";;;;+BAIiBA;;;eAAAA;;;4BAJ4B;gCACjB;AAGjB,MAAMA,sCAAsC,CAACC;IACpDC,IAAAA,2BAAW,EAACD;IACZ,OAAO,WAAW,GAAGE,IAAAA,gBAAK,EAACF,MAAMG,IAAI,EAAE;QACnCC,UAAU;YACNJ,MAAMG,IAAI,CAACC,QAAQ;YACnBJ,MAAMK,aAAa,IAAI,WAAW,GAAGC,IAAAA,eAAI,EAACN,MAAMK,aAAa,EAAE,CAAC;SACnE;IACL;AACJ"}
+{"version":3,"sources":["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"}