@fluentui/react-teaching-popover 9.1.8 → 9.1.10

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

@@ -18,6 +18,8 @@ const useStyles = /*#__PURE__*/__styles({
  * Apply styling to the TeachingPopoverCarouselPageCount slots based on the state
  */
 export const useTeachingPopoverCarouselPageCountStyles_unstable = state => {
+  'use no memo';
+
   const styles = useStyles();
   state.root.className = mergeClasses(teachingPopoverCarouselPageCountClassNames.root, styles.root, state.root.className);
   return state;

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

@@ -1 +1 @@
-{"version":3,"names":["__styles","mergeClasses","teachingPopoverCarouselPageCountClassNames","root","useStyles","mc9l5x","Bt984gj","Brf1p80","d","useTeachingPopoverCarouselPageCountStyles_unstable","state","styles","className"],"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    const styles = useStyles();\n    state.root.className = mergeClasses(teachingPopoverCarouselPageCountClassNames.root, styles.root, state.root.className);\n    return state;\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD,OAAO,MAAMC,0CAA0C,GAAG;EACtDC,IAAI,EAAE;AACV,CAAC;AACD;AACA;AACA;AAAI,MAAMC,SAAS,gBAAGJ,QAAA;EAAAG,IAAA;IAAAE,MAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CAMrB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,kDAAkD,GAAIC,KAAK,IAAG;EAC3E,MAAMC,MAAM,GAAGP,SAAS,CAAC,CAAC;EAC1BM,KAAK,CAACP,IAAI,CAACS,SAAS,GAAGX,YAAY,CAACC,0CAA0C,CAACC,IAAI,EAAEQ,MAAM,CAACR,IAAI,EAAEO,KAAK,CAACP,IAAI,CAACS,SAAS,CAAC;EACvH,OAAOF,KAAK;AAChB,CAAC","ignoreList":[]}
+{"version":3,"names":["__styles","mergeClasses","teachingPopoverCarouselPageCountClassNames","root","useStyles","mc9l5x","Bt984gj","Brf1p80","d","useTeachingPopoverCarouselPageCountStyles_unstable","state","styles","className"],"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"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD,OAAO,MAAMC,0CAA0C,GAAG;EACtDC,IAAI,EAAE;AACV,CAAC;AACD;AACA;AACA;AAAI,MAAMC,SAAS,gBAAGJ,QAAA;EAAAG,IAAA;IAAAE,MAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CAMrB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,kDAAkD,GAAIC,KAAK,IAAG;EAC3E,aAAa;;EACb,MAAMC,MAAM,GAAGP,SAAS,CAAC,CAAC;EAC1BM,KAAK,CAACP,IAAI,CAACS,SAAS,GAAGX,YAAY,CAACC,0CAA0C,CAACC,IAAI,EAAEQ,MAAM,CAACR,IAAI,EAAEO,KAAK,CAACP,IAAI,CAACS,SAAS,CAAC;EACvH,OAAOF,KAAK;AAChB,CAAC","ignoreList":[]}

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

@@ -1 +1 @@
-{"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":["React","useTeachingPopoverFooter_unstable","renderTeachingPopoverFooter_unstable","useTeachingPopoverFooterStyles_unstable","TeachingPopoverFooter","forwardRef","props","ref","state","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,iCAAiC,QAAQ,6BAA6B;AAC/E,SAASC,oCAAoC,QAAQ,gCAAgC;AACrF,SAASC,uCAAuC,QAAQ,0CAA0C;AAIlG;;;;;;;;CAQC,GACD,OAAO,MAAMC,sCAAyEJ,MAAMK,UAAU,CAAC,CAACC,OAAOC;IAC7G,MAAMC,QAAQP,kCAAkCK,OAAOC;IAEvDJ,wCAAwCK;IAExC,OAAON,qCAAqCM;AAC9C,GAAG;AAEHJ,sBAAsBK,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":["React","useTeachingPopoverFooter_unstable","renderTeachingPopoverFooter_unstable","useTeachingPopoverFooterStyles_unstable","TeachingPopoverFooter","forwardRef","props","ref","state","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,iCAAiC,QAAQ,6BAA6B;AAC/E,SAASC,oCAAoC,QAAQ,gCAAgC;AACrF,SAASC,uCAAuC,QAAQ,0CAA0C;AAIlG;;;;;;;;CAQC,GACD,OAAO,MAAMC,sCAAyEJ,MAAMK,UAAU,CAAC,CAACC,OAAOC;IAC7G,MAAMC,QAAQP,kCAAkCK,OAAOC;IAEvDJ,wCAAwCK;IAExC,OAAON,qCAAqCM;AAC9C,GAAG;AAEHJ,sBAAsBK,WAAW,GAAG"}

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

@@ -1 +1 @@
-{"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":[],"mappings":"AAAA,WA+BmD"}
+{"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":"AA8BA,WACmD"}

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

@@ -1 +1 @@
-{"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":[],"mappings":"AAAA,cAAc,0BAA0B;AACxC,cAAc,gCAAgC;AAC9C,cAAc,gCAAgC;AAC9C,cAAc,6BAA6B;AAC3C,cAAc,0CAA0C"}
+{"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":"AAAA,cAAc,0BAA0B;AACxC,cAAc,gCAAgC;AAC9C,cAAc,gCAAgC;AAC9C,cAAc,6BAA6B;AAC3C,cAAc,0CAA0C"}

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

@@ -1 +1 @@
-{"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":["assertSlots","renderTeachingPopoverFooter_unstable","state","root","primary","secondary"],"mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAGjD,SAASA,WAAW,QAAQ,4BAA4B;AAExD;;CAEC,GACD,OAAO,MAAMC,uCAAuC,CAACC;IACnDF,YAAwCE;IAExC,qBACE,MAACA,MAAMC,IAAI;;0BACT,KAACD,MAAME,OAAO;YACbF,MAAMG,SAAS,kBAAI,KAACH,MAAMG,SAAS;;;AAG1C,EAAE"}
+{"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":["assertSlots","renderTeachingPopoverFooter_unstable","state","root","primary","secondary"],"rangeMappings":";;;;;;;;;;;;","mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAGjD,SAASA,WAAW,QAAQ,4BAA4B;AAExD;;CAEC,GACD,OAAO,MAAMC,uCAAuC,CAACC;IACnDF,YAAwCE;IAExC,qBACE,MAACA,MAAMC,IAAI;;0BACT,KAACD,MAAME,OAAO;YACbF,MAAMG,SAAS,kBAAI,KAACH,MAAMG,SAAS;;;AAG1C,EAAE"}

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

@@ -1 +1 @@
-{"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":["React","getIntrinsicElementProps","mergeCallbacks","slot","useEventCallback","Button","usePopoverContext_unstable","useTeachingPopoverFooter_unstable","props","ref","appearance","context","toggleOpen","handleButtonClick","event","isDefaultPrevented","secondary","optional","defaultProps","undefined","renderByDefault","elementType","onClick","primary","always","footerLayout","components","root"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,wBAAwB,EAAEC,cAAc,EAAEC,IAAI,EAAEC,gBAAgB,QAAQ,4BAA4B;AAE7G,SAASC,MAAM,QAAQ,yBAAyB;AAChD,SAASC,0BAA0B,QAAQ,0BAA0B;AAErE;;;;CAIC,GACD,OAAO,MAAMC,oCAAoC,CAC/CC,OACAC;IAEA,MAAMC,aAAaJ,2BAA2BK,CAAAA,UAAWA,QAAQD,UAAU;IAC3E,MAAME,aAAaN,2BAA2BK,CAAAA,UAAWA,QAAQC,UAAU;IAE3E,MAAMC,oBAAoBT,iBACxB,CAACU;QACC,IAAIA,MAAMC,kBAAkB,IAAI;YAC9B;QACF;QAEAH,WAAWE;IACb;IAGF,MAAME,YAAYb,KAAKc,QAAQ,CAACT,MAAMQ,SAAS,EAAE;QAC/CE,cAAc;YACZR,YAAYA,eAAe,UAAU,YAAYS;QACnD;QACAC,iBAAiBZ,MAAMQ,SAAS,KAAKG;QACrCE,aAAahB;IACf;IAEA,iDAAiD;IACjD,IAAIW,WAAW;QACbA,UAAUM,OAAO,GAAGpB,eAAeW,mBAAmBG,sBAAAA,gCAAAA,UAAWM,OAAO;IAC1E;IAEA,MAAMC,UAAUpB,KAAKqB,MAAM,CAAChB,MAAMe,OAAO,EAAE;QACzCL,cAAc;YACZR,YAAYA,eAAe,UAAUS,YAAY;QACnD;QACAE,aAAahB;IACf;IAEA,6EAA6E;IAC7E,IAAI,CAACW,WAAW;QACdO,QAAQD,OAAO,GAAGpB,eAAeW,mBAAmBU,oBAAAA,8BAAAA,QAASD,OAAO;IACtE;QAGgBd;IADhB,OAAO;QACLiB,cAAcjB,CAAAA,sBAAAA,MAAMiB,YAAY,cAAlBjB,iCAAAA,sBAAsB;QACpCE;QACAgB,YAAY;YACVC,MAAM;YACNJ,SAASlB;YACTW,WAAWX;QACb;QACAsB,MAAMxB,KAAKqB,MAAM,CACfvB,yBAAyB,OAAO;YAC9BQ;YACA,GAAGD,KAAK;QACV,IACA;YAAEa,aAAa;QAAM;QAEvBL;QACAO;IACF;AACF,EAAE"}
+{"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":["React","getIntrinsicElementProps","mergeCallbacks","slot","useEventCallback","Button","usePopoverContext_unstable","useTeachingPopoverFooter_unstable","props","ref","appearance","context","toggleOpen","handleButtonClick","event","isDefaultPrevented","secondary","optional","defaultProps","undefined","renderByDefault","elementType","onClick","primary","always","footerLayout","components","root"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,wBAAwB,EAAEC,cAAc,EAAEC,IAAI,EAAEC,gBAAgB,QAAQ,4BAA4B;AAE7G,SAASC,MAAM,QAAQ,yBAAyB;AAChD,SAASC,0BAA0B,QAAQ,0BAA0B;AAErE;;;;CAIC,GACD,OAAO,MAAMC,oCAAoC,CAC/CC,OACAC;IAEA,MAAMC,aAAaJ,2BAA2BK,CAAAA,UAAWA,QAAQD,UAAU;IAC3E,MAAME,aAAaN,2BAA2BK,CAAAA,UAAWA,QAAQC,UAAU;IAE3E,MAAMC,oBAAoBT,iBACxB,CAACU;QACC,IAAIA,MAAMC,kBAAkB,IAAI;YAC9B;QACF;QAEAH,WAAWE;IACb;IAGF,MAAME,YAAYb,KAAKc,QAAQ,CAACT,MAAMQ,SAAS,EAAE;QAC/CE,cAAc;YACZR,YAAYA,eAAe,UAAU,YAAYS;QACnD;QACAC,iBAAiBZ,MAAMQ,SAAS,KAAKG;QACrCE,aAAahB;IACf;IAEA,iDAAiD;IACjD,IAAIW,WAAW;QACbA,UAAUM,OAAO,GAAGpB,eAAeW,mBAAmBG,sBAAAA,gCAAAA,UAAWM,OAAO;IAC1E;IAEA,MAAMC,UAAUpB,KAAKqB,MAAM,CAAChB,MAAMe,OAAO,EAAE;QACzCL,cAAc;YACZR,YAAYA,eAAe,UAAUS,YAAY;QACnD;QACAE,aAAahB;IACf;IAEA,6EAA6E;IAC7E,IAAI,CAACW,WAAW;QACdO,QAAQD,OAAO,GAAGpB,eAAeW,mBAAmBU,oBAAAA,8BAAAA,QAASD,OAAO;IACtE;QAGgBd;IADhB,OAAO;QACLiB,cAAcjB,CAAAA,sBAAAA,MAAMiB,YAAY,cAAlBjB,iCAAAA,sBAAsB;QACpCE;QACAgB,YAAY;YACVC,MAAM;YACNJ,SAASlB;YACTW,WAAWX;QACb;QACAsB,MAAMxB,KAAKqB,MAAM,CACfvB,yBAAyB,OAAO;YAC9BQ;YACA,GAAGD,KAAK;QACV,IACA;YAAEa,aAAa;QAAM;QAEvBL;QACAO;IACF;AACF,EAAE"}

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

@@ -62,6 +62,8 @@ const useStyles = /*#__PURE__*/__styles({
 });
 /** Applies style classnames to slots */
 export const useTeachingPopoverFooterStyles_unstable = state => {
+  'use no memo';
+
   const styles = useStyles();
   const {
     appearance,

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

@@ -1 +1 @@
-{"version":3,"names":["__styles","mergeClasses","shorthands","tokens","teachingPopoverFooterClassNames","root","primary","secondary","useStyles","mc9l5x","i8kkvl","Belr9w4","rmohyg","z8tnut","rootVertical","Beiy3e4","rootHorizontal","Brf1p80","buttonRootVertical","a9b677","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","buttonRootHorizontal","Bf4jedk","brandSecondary","g2u3we","h3c5rm","B9xav0g","zhjwy3","brandPrimary","sj55zd","De3pzq","Bi91k9c","Jwef8y","B2d53fq","iro3zm","d","p","h","useTeachingPopoverFooterStyles_unstable","state","styles","appearance","footerLayout","className","undefined"],"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    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"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,EAAEC,UAAU,QAAQ,gBAAgB;AACrE,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,OAAO,MAAMC,+BAA+B,GAAG;EAC3CC,IAAI,EAAE,2BAA2B;EACjCC,OAAO,EAAE,oCAAoC;EAC7CC,SAAS,EAAE;AACf,CAAC;AACD,MAAMC,SAAS,gBAAGR,QAAA;EAAAK,IAAA;IAAAI,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;EAAAC,YAAA;IAAAC,OAAA;EAAA;EAAAC,cAAA;IAAAD,OAAA;IAAAE,OAAA;EAAA;EAAAC,kBAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,oBAAA;IAAAC,OAAA;IAAAN,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAG,cAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,YAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;AAAA;EAAAC,CAAA;IAAAC,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;EAAAC,CAAA;AAAA,CAoCjB,CAAC;AACF;AAAyC,OAAO,MAAMC,uCAAuC,GAAIC,KAAK,IAAG;EACrG,MAAMC,MAAM,GAAGpC,SAAS,CAAC,CAAC;EAC1B,MAAM;IAAEqC,UAAU;IAAEC;EAAa,CAAC,GAAGH,KAAK;EAC1CA,KAAK,CAACtC,IAAI,CAAC0C,SAAS,GAAG9C,YAAY,CAACG,+BAA+B,CAACC,IAAI,EAAEuC,MAAM,CAACvC,IAAI,EAAEyC,YAAY,KAAK,YAAY,GAAGF,MAAM,CAAC5B,cAAc,GAAG4B,MAAM,CAAC9B,YAAY,EAAE6B,KAAK,CAACtC,IAAI,CAAC0C,SAAS,CAAC;EACzL,IAAIJ,KAAK,CAACpC,SAAS,EAAE;IACjBoC,KAAK,CAACpC,SAAS,CAACwC,SAAS,GAAG9C,YAAY,CAACG,+BAA+B,CAACG,SAAS,EAAEuC,YAAY,KAAK,YAAY,GAAGF,MAAM,CAACnB,oBAAoB,GAAGmB,MAAM,CAAC1B,kBAAkB,EAAE2B,UAAU,KAAK,OAAO,GAAGD,MAAM,CAACjB,cAAc,GAAGqB,SAAS,EAAEL,KAAK,CAACpC,SAAS,CAACwC,SAAS,CAAC;EACvQ;EACAJ,KAAK,CAACrC,OAAO,CAACyC,SAAS,GAAG9C,YAAY,CAACG,+BAA+B,CAACE,OAAO,EAAEwC,YAAY,KAAK,YAAY,GAAGF,MAAM,CAACnB,oBAAoB,GAAGmB,MAAM,CAAC1B,kBAAkB,EAAE2B,UAAU,KAAK,OAAO,GAAGD,MAAM,CAACZ,YAAY,GAAGgB,SAAS,EAAEL,KAAK,CAACrC,OAAO,CAACyC,SAAS,CAAC;EAC3P,OAAOJ,KAAK;AAChB,CAAC","ignoreList":[]}
+{"version":3,"names":["__styles","mergeClasses","shorthands","tokens","teachingPopoverFooterClassNames","root","primary","secondary","useStyles","mc9l5x","i8kkvl","Belr9w4","rmohyg","z8tnut","rootVertical","Beiy3e4","rootHorizontal","Brf1p80","buttonRootVertical","a9b677","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","buttonRootHorizontal","Bf4jedk","brandSecondary","g2u3we","h3c5rm","B9xav0g","zhjwy3","brandPrimary","sj55zd","De3pzq","Bi91k9c","Jwef8y","B2d53fq","iro3zm","d","p","h","useTeachingPopoverFooterStyles_unstable","state","styles","appearance","footerLayout","className","undefined"],"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"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,EAAEC,UAAU,QAAQ,gBAAgB;AACrE,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,OAAO,MAAMC,+BAA+B,GAAG;EAC3CC,IAAI,EAAE,2BAA2B;EACjCC,OAAO,EAAE,oCAAoC;EAC7CC,SAAS,EAAE;AACf,CAAC;AACD,MAAMC,SAAS,gBAAGR,QAAA;EAAAK,IAAA;IAAAI,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;EAAAC,YAAA;IAAAC,OAAA;EAAA;EAAAC,cAAA;IAAAD,OAAA;IAAAE,OAAA;EAAA;EAAAC,kBAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,oBAAA;IAAAC,OAAA;IAAAN,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAG,cAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,YAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;AAAA;EAAAC,CAAA;IAAAC,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;EAAAC,CAAA;AAAA,CAoCjB,CAAC;AACF;AAAyC,OAAO,MAAMC,uCAAuC,GAAIC,KAAK,IAAG;EACrG,aAAa;;EACb,MAAMC,MAAM,GAAGpC,SAAS,CAAC,CAAC;EAC1B,MAAM;IAAEqC,UAAU;IAAEC;EAAa,CAAC,GAAGH,KAAK;EAC1CA,KAAK,CAACtC,IAAI,CAAC0C,SAAS,GAAG9C,YAAY,CAACG,+BAA+B,CAACC,IAAI,EAAEuC,MAAM,CAACvC,IAAI,EAAEyC,YAAY,KAAK,YAAY,GAAGF,MAAM,CAAC5B,cAAc,GAAG4B,MAAM,CAAC9B,YAAY,EAAE6B,KAAK,CAACtC,IAAI,CAAC0C,SAAS,CAAC;EACzL,IAAIJ,KAAK,CAACpC,SAAS,EAAE;IACjBoC,KAAK,CAACpC,SAAS,CAACwC,SAAS,GAAG9C,YAAY,CAACG,+BAA+B,CAACG,SAAS,EAAEuC,YAAY,KAAK,YAAY,GAAGF,MAAM,CAACnB,oBAAoB,GAAGmB,MAAM,CAAC1B,kBAAkB,EAAE2B,UAAU,KAAK,OAAO,GAAGD,MAAM,CAACjB,cAAc,GAAGqB,SAAS,EAAEL,KAAK,CAACpC,SAAS,CAACwC,SAAS,CAAC;EACvQ;EACAJ,KAAK,CAACrC,OAAO,CAACyC,SAAS,GAAG9C,YAAY,CAACG,+BAA+B,CAACE,OAAO,EAAEwC,YAAY,KAAK,YAAY,GAAGF,MAAM,CAACnB,oBAAoB,GAAGmB,MAAM,CAAC1B,kBAAkB,EAAE2B,UAAU,KAAK,OAAO,GAAGD,MAAM,CAACZ,YAAY,GAAGgB,SAAS,EAAEL,KAAK,CAACrC,OAAO,CAACyC,SAAS,CAAC;EAC3P,OAAOJ,KAAK;AAChB,CAAC","ignoreList":[]}

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

@@ -1 +1 @@
-{"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":["React","useTeachingPopoverHeader_unstable","renderTeachingPopoverHeader_unstable","useTeachingPopoverHeaderStyles_unstable","useCustomStyleHook_unstable","TeachingPopoverHeader","forwardRef","props","ref","state","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,iCAAiC,QAAQ,6BAA6B;AAC/E,SAASC,oCAAoC,QAAQ,gCAAgC;AACrF,SAASC,uCAAuC,QAAQ,0CAA0C;AAClG,SAASC,2BAA2B,QAAQ,kCAAkC;AAI9E;;;;;;CAMC,GACD,OAAO,MAAMC,sCAAyEL,MAAMM,UAAU,CAAC,CAACC,OAAOC;IAC7G,MAAMC,QAAQR,kCAAkCM,OAAOC;IAEvDL,wCAAwCM;IAExCL,4BAA4B,2CAA2CK;IAEvE,OAAOP,qCAAqCO;AAC9C,GAAG;AAEHJ,sBAAsBK,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":["React","useTeachingPopoverHeader_unstable","renderTeachingPopoverHeader_unstable","useTeachingPopoverHeaderStyles_unstable","useCustomStyleHook_unstable","TeachingPopoverHeader","forwardRef","props","ref","state","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,iCAAiC,QAAQ,6BAA6B;AAC/E,SAASC,oCAAoC,QAAQ,gCAAgC;AACrF,SAASC,uCAAuC,QAAQ,0CAA0C;AAClG,SAASC,2BAA2B,QAAQ,kCAAkC;AAI9E;;;;;;CAMC,GACD,OAAO,MAAMC,sCAAyEL,MAAMM,UAAU,CAAC,CAACC,OAAOC;IAC7G,MAAMC,QAAQR,kCAAkCM,OAAOC;IAEvDL,wCAAwCM;IAExCL,4BAA4B,2CAA2CK;IAEvE,OAAOP,qCAAqCO;AAC9C,GAAG;AAEHJ,sBAAsBK,WAAW,GAAG"}

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

@@ -1 +1 @@
-{"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":[],"mappings":"AAAA,WAsBoF"}
+{"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":"AAsBA,WAAoF"}

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

@@ -1 +1 @@
-{"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":[],"mappings":"AAAA,cAAc,0BAA0B;AACxC,cAAc,gCAAgC;AAC9C,cAAc,gCAAgC;AAC9C,cAAc,6BAA6B;AAC3C,cAAc,0CAA0C"}
+{"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":"AAAA,cAAc,0BAA0B;AACxC,cAAc,gCAAgC;AAC9C,cAAc,gCAAgC;AAC9C,cAAc,6BAA6B;AAC3C,cAAc,0CAA0C"}

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

@@ -1 +1 @@
-{"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":["assertSlots","renderTeachingPopoverHeader_unstable","state","root","icon","children","dismissButton"],"mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAGjD,SAASA,WAAW,QAAQ,4BAA4B;AAExD;;CAEC,GACD,OAAO,MAAMC,uCAAuC,CAACC;IACnDF,YAAwCE;IAExC,qBACE,MAACA,MAAMC,IAAI;;YACRD,MAAME,IAAI,kBAAI,KAACF,MAAME,IAAI;YACzBF,MAAMC,IAAI,CAACE,QAAQ;YACnBH,MAAMI,aAAa,kBAAI,KAACJ,MAAMI,aAAa;;;AAGlD,EAAE"}
+{"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":["assertSlots","renderTeachingPopoverHeader_unstable","state","root","icon","children","dismissButton"],"rangeMappings":";;;;;;;;;;;;;","mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAGjD,SAASA,WAAW,QAAQ,4BAA4B;AAExD;;CAEC,GACD,OAAO,MAAMC,uCAAuC,CAACC;IACnDF,YAAwCE;IAExC,qBACE,MAACA,MAAMC,IAAI;;YACRD,MAAME,IAAI,kBAAI,KAACF,MAAME,IAAI;YACzBF,MAAMC,IAAI,CAACE,QAAQ;YACnBH,MAAMI,aAAa,kBAAI,KAACJ,MAAMI,aAAa;;;AAGlD,EAAE"}

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

@@ -1 +1 @@
-{"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":["React","getIntrinsicElementProps","useEventCallback","slot","Dismiss12Regular","Lightbulb16Regular","usePopoverContext_unstable","useTeachingPopoverHeader_unstable","props","ref","dismissButton","icon","setOpen","context","triggerRef","appearance","onDismissButtonClick","ev","defaultPrevented","current","focus","components","root","always","elementType","optional","renderByDefault","defaultProps","children","role","onClick"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,wBAAwB,EAAEC,gBAAgB,EAAEC,IAAI,QAAQ,4BAA4B;AAG7F,SAASC,gBAAgB,EAAEC,kBAAkB,QAAQ,wBAAwB;AAC7E,SAASC,0BAA0B,QAAQ,0BAA0B;AAErE;;;;CAIC,GACD,OAAO,MAAMC,oCAAoC,CAC/CC,OACAC;IAEA,MAAM,EAAEC,aAAa,EAAEC,IAAI,EAAE,GAAGH;IAEhC,MAAMI,UAAUN,2BAA2BO,CAAAA,UAAWA,QAAQD,OAAO;IACrE,MAAME,aAAaR,2BAA2BO,CAAAA,UAAWA,QAAQC,UAAU;IAC3E,MAAMC,aAAaT,2BAA2BO,CAAAA,UAAWA,QAAQE,UAAU;IAE3E,MAAMC,uBAAuBd,iBAAiB,CAACe;QAC7C,IAAI,CAACA,GAAGC,gBAAgB,EAAE;YACxBN,QAAQK,IAAI;QACd;QAEA,IAAIH,WAAWK,OAAO,EAAE;YACtBL,WAAWK,OAAO,CAACC,KAAK;QAC1B;IACF;IAEA,OAAO;QACLL;QACAM,YAAY;YACVC,MAAM;YACNZ,eAAe;YACfC,MAAM;QACR;QACAW,MAAMnB,KAAKoB,MAAM,CACftB,yBAAyB,MAAM;YAC7BQ;YACA,GAAGD,KAAK;QACV,IACA;YAAEgB,aAAa;QAAK;QAEtBb,MAAMR,KAAKsB,QAAQ,CAACd,MAAM;YACxBe,iBAAiB;YACjBC,cAAc;gBACZC,wBAAU,oBAACvB;gBACX,eAAe;YACjB;YACAmB,aAAa;QACf;QACAd,eAAeP,KAAKsB,QAAQ,CAACf,eAAe;YAC1CgB,iBAAiB;YACjBC,cAAc;gBACZC,wBAAU,oBAACxB;gBACXyB,MAAM;gBACN,cAAc;gBACdC,SAASd;YACX;YACAQ,aAAa;QACf;IACF;AACF,EAAE"}
+{"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":["React","getIntrinsicElementProps","useEventCallback","slot","Dismiss12Regular","Lightbulb16Regular","usePopoverContext_unstable","useTeachingPopoverHeader_unstable","props","ref","dismissButton","icon","setOpen","context","triggerRef","appearance","onDismissButtonClick","ev","defaultPrevented","current","focus","components","root","always","elementType","optional","renderByDefault","defaultProps","children","role","onClick"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,wBAAwB,EAAEC,gBAAgB,EAAEC,IAAI,QAAQ,4BAA4B;AAG7F,SAASC,gBAAgB,EAAEC,kBAAkB,QAAQ,wBAAwB;AAC7E,SAASC,0BAA0B,QAAQ,0BAA0B;AAErE;;;;CAIC,GACD,OAAO,MAAMC,oCAAoC,CAC/CC,OACAC;IAEA,MAAM,EAAEC,aAAa,EAAEC,IAAI,EAAE,GAAGH;IAEhC,MAAMI,UAAUN,2BAA2BO,CAAAA,UAAWA,QAAQD,OAAO;IACrE,MAAME,aAAaR,2BAA2BO,CAAAA,UAAWA,QAAQC,UAAU;IAC3E,MAAMC,aAAaT,2BAA2BO,CAAAA,UAAWA,QAAQE,UAAU;IAE3E,MAAMC,uBAAuBd,iBAAiB,CAACe;QAC7C,IAAI,CAACA,GAAGC,gBAAgB,EAAE;YACxBN,QAAQK,IAAI;QACd;QAEA,IAAIH,WAAWK,OAAO,EAAE;YACtBL,WAAWK,OAAO,CAACC,KAAK;QAC1B;IACF;IAEA,OAAO;QACLL;QACAM,YAAY;YACVC,MAAM;YACNZ,eAAe;YACfC,MAAM;QACR;QACAW,MAAMnB,KAAKoB,MAAM,CACftB,yBAAyB,MAAM;YAC7BQ;YACA,GAAGD,KAAK;QACV,IACA;YAAEgB,aAAa;QAAK;QAEtBb,MAAMR,KAAKsB,QAAQ,CAACd,MAAM;YACxBe,iBAAiB;YACjBC,cAAc;gBACZC,wBAAU,oBAACvB;gBACX,eAAe;YACjB;YACAmB,aAAa;QACf;QACAd,eAAeP,KAAKsB,QAAQ,CAACf,eAAe;YAC1CgB,iBAAiB;YACjBC,cAAc;gBACZC,wBAAU,oBAACxB;gBACXyB,MAAM;gBACN,cAAc;gBACdC,SAASd;YACX;YACAQ,aAAa;QACf;IACF;AACF,EAAE"}

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

@@ -108,6 +108,8 @@ const useStyles = /*#__PURE__*/__styles({
 });
 /** Applies style classnames to slots */
 export const useTeachingPopoverHeaderStyles_unstable = state => {
+  'use no memo';
+
   const styles = useStyles();
   const {
     appearance

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

@@ -1 +1 @@
-{"version":3,"names":["shorthands","__styles","mergeClasses","createCustomFocusIndicatorStyle","tokens","typographyStyles","teachingPopoverHeaderClassNames","root","dismissButton","icon","useStyles","mc9l5x","Beiy3e4","sj55zd","Bhrd7zp","Be2twd7","Bg96gwp","Byoj8tv","Bt984gj","B6of3ja","jrapky","rootBrand","qhf8xq","Bgfg5da","B9xav0g","oivjwe","Bn0qgzm","B4g9neb","zhjwy3","wvpqe5","ibv6hh","u1mtju","h3c5rm","vrafjx","Bekrc4i","i8vvqc","g2u3we","icvyot","B4j52fo","irswps","Bceei9c","Bahqtrf","De3pzq","B7ck84d","B7oj6ja","Bbmb7ep","Jyy4pa","uwmqm3","z189sj","z8tnut","B0ocmuz","Bfpq7zp","g9k6zt","Bn4voq9","giviqs","Bw81rd7","kdpuga","dm238s","B6xbmo0","B3whbx2","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","dismissBrand","Bqenvij","a9b677","Brf1p80","w71qe1","ha4doy","Bokbzmb","iconBrand","d","p","useTeachingPopoverHeaderStyles_unstable","state","styles","appearance","className","undefined"],"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    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"],"mappings":"AAAA,SAASA,UAAU,EAAAC,QAAA,EAAcC,YAAY,QAAQ,gBAAgB;AACrE,SAASC,+BAA+B,QAAQ,yBAAyB;AACzE,SAASC,MAAM,EAAEC,gBAAgB,QAAQ,uBAAuB;AAChE,OAAO,MAAMC,+BAA+B,GAAG;EAC3CC,IAAI,EAAE,2BAA2B;EACjCC,aAAa,EAAE,0CAA0C;EACzDC,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,SAAS,gBAAGT,QAAA;EAAAM,IAAA;IAAAI,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,SAAA;IAAAR,MAAA;EAAA;EAAAL,aAAA;IAAAK,MAAA;IAAAS,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAA5B,MAAA;IAAAO,OAAA;IAAAsB,OAAA;IAAAC,OAAA;IAAA1B,OAAA;IAAAD,OAAA;IAAAE,OAAA;IAAA0B,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAA7B,OAAA;IAAA8B,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;EAAAC,YAAA;IAAAnD,MAAA;EAAA;EAAAJ,IAAA;IAAAwD,OAAA;IAAAC,MAAA;IAAAlD,OAAA;IAAAD,OAAA;IAAAG,OAAA;IAAAyB,OAAA;IAAAhC,MAAA;IAAAwD,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAA/C,MAAA;IAAAoB,MAAA;IAAA7B,MAAA;IAAAyD,OAAA;EAAA;EAAAC,SAAA;IAAA1D,MAAA;EAAA;AAAA;EAAA2D,CAAA;IAAAC,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;AAAA,CA2DjB,CAAC;AACF;AAAyC,OAAO,MAAMC,uCAAuC,GAAIC,KAAK,IAAG;EACrG,MAAMC,MAAM,GAAGlE,SAAS,CAAC,CAAC;EAC1B,MAAM;IAAEmE;EAAW,CAAC,GAAGF,KAAK;EAC5BA,KAAK,CAACpE,IAAI,CAACuE,SAAS,GAAG5E,YAAY,CAACI,+BAA+B,CAACC,IAAI,EAAEqE,MAAM,CAACrE,IAAI,EAAEsE,UAAU,KAAK,OAAO,IAAID,MAAM,CAACvD,SAAS,EAAEsD,KAAK,CAACpE,IAAI,CAACuE,SAAS,CAAC;EACxJ,IAAIH,KAAK,CAACnE,aAAa,EAAE;IACrBmE,KAAK,CAACnE,aAAa,CAACsE,SAAS,GAAG5E,YAAY,CAACI,+BAA+B,CAACE,aAAa,EAAEoE,MAAM,CAACpE,aAAa,EAAEqE,UAAU,KAAK,OAAO,GAAGD,MAAM,CAACZ,YAAY,GAAGe,SAAS,EAAEJ,KAAK,CAACnE,aAAa,CAACsE,SAAS,CAAC;EAC9M;EACA,IAAIH,KAAK,CAAClE,IAAI,EAAE;IACZkE,KAAK,CAAClE,IAAI,CAACqE,SAAS,GAAG5E,YAAY,CAACI,+BAA+B,CAACG,IAAI,EAAEmE,MAAM,CAACnE,IAAI,EAAEoE,UAAU,KAAK,OAAO,GAAGD,MAAM,CAACL,SAAS,GAAGQ,SAAS,EAAEJ,KAAK,CAAClE,IAAI,CAACqE,SAAS,CAAC;EACvK;EACA,OAAOH,KAAK;AAChB,CAAC","ignoreList":[]}
+{"version":3,"names":["shorthands","__styles","mergeClasses","createCustomFocusIndicatorStyle","tokens","typographyStyles","teachingPopoverHeaderClassNames","root","dismissButton","icon","useStyles","mc9l5x","Beiy3e4","sj55zd","Bhrd7zp","Be2twd7","Bg96gwp","Byoj8tv","Bt984gj","B6of3ja","jrapky","rootBrand","qhf8xq","Bgfg5da","B9xav0g","oivjwe","Bn0qgzm","B4g9neb","zhjwy3","wvpqe5","ibv6hh","u1mtju","h3c5rm","vrafjx","Bekrc4i","i8vvqc","g2u3we","icvyot","B4j52fo","irswps","Bceei9c","Bahqtrf","De3pzq","B7ck84d","B7oj6ja","Bbmb7ep","Jyy4pa","uwmqm3","z189sj","z8tnut","B0ocmuz","Bfpq7zp","g9k6zt","Bn4voq9","giviqs","Bw81rd7","kdpuga","dm238s","B6xbmo0","B3whbx2","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","dismissBrand","Bqenvij","a9b677","Brf1p80","w71qe1","ha4doy","Bokbzmb","iconBrand","d","p","useTeachingPopoverHeaderStyles_unstable","state","styles","appearance","className","undefined"],"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"],"mappings":"AAAA,SAASA,UAAU,EAAAC,QAAA,EAAcC,YAAY,QAAQ,gBAAgB;AACrE,SAASC,+BAA+B,QAAQ,yBAAyB;AACzE,SAASC,MAAM,EAAEC,gBAAgB,QAAQ,uBAAuB;AAChE,OAAO,MAAMC,+BAA+B,GAAG;EAC3CC,IAAI,EAAE,2BAA2B;EACjCC,aAAa,EAAE,0CAA0C;EACzDC,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,SAAS,gBAAGT,QAAA;EAAAM,IAAA;IAAAI,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,SAAA;IAAAR,MAAA;EAAA;EAAAL,aAAA;IAAAK,MAAA;IAAAS,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAA5B,MAAA;IAAAO,OAAA;IAAAsB,OAAA;IAAAC,OAAA;IAAA1B,OAAA;IAAAD,OAAA;IAAAE,OAAA;IAAA0B,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAA7B,OAAA;IAAA8B,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;EAAAC,YAAA;IAAAnD,MAAA;EAAA;EAAAJ,IAAA;IAAAwD,OAAA;IAAAC,MAAA;IAAAlD,OAAA;IAAAD,OAAA;IAAAG,OAAA;IAAAyB,OAAA;IAAAhC,MAAA;IAAAwD,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAA/C,MAAA;IAAAoB,MAAA;IAAA7B,MAAA;IAAAyD,OAAA;EAAA;EAAAC,SAAA;IAAA1D,MAAA;EAAA;AAAA;EAAA2D,CAAA;IAAAC,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;AAAA,CA2DjB,CAAC;AACF;AAAyC,OAAO,MAAMC,uCAAuC,GAAIC,KAAK,IAAG;EACrG,aAAa;;EACb,MAAMC,MAAM,GAAGlE,SAAS,CAAC,CAAC;EAC1B,MAAM;IAAEmE;EAAW,CAAC,GAAGF,KAAK;EAC5BA,KAAK,CAACpE,IAAI,CAACuE,SAAS,GAAG5E,YAAY,CAACI,+BAA+B,CAACC,IAAI,EAAEqE,MAAM,CAACrE,IAAI,EAAEsE,UAAU,KAAK,OAAO,IAAID,MAAM,CAACvD,SAAS,EAAEsD,KAAK,CAACpE,IAAI,CAACuE,SAAS,CAAC;EACxJ,IAAIH,KAAK,CAACnE,aAAa,EAAE;IACrBmE,KAAK,CAACnE,aAAa,CAACsE,SAAS,GAAG5E,YAAY,CAACI,+BAA+B,CAACE,aAAa,EAAEoE,MAAM,CAACpE,aAAa,EAAEqE,UAAU,KAAK,OAAO,GAAGD,MAAM,CAACZ,YAAY,GAAGe,SAAS,EAAEJ,KAAK,CAACnE,aAAa,CAACsE,SAAS,CAAC;EAC9M;EACA,IAAIH,KAAK,CAAClE,IAAI,EAAE;IACZkE,KAAK,CAAClE,IAAI,CAACqE,SAAS,GAAG5E,YAAY,CAACI,+BAA+B,CAACG,IAAI,EAAEmE,MAAM,CAACnE,IAAI,EAAEoE,UAAU,KAAK,OAAO,GAAGD,MAAM,CAACL,SAAS,GAAGQ,SAAS,EAAEJ,KAAK,CAAClE,IAAI,CAACqE,SAAS,CAAC;EACvK;EACA,OAAOH,KAAK;AAChB,CAAC","ignoreList":[]}

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

@@ -1 +1 @@
-{"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":["React","useCustomStyleHook_unstable","useTeachingPopoverSurface_unstable","useTeachingPopoverSurfaceStyles_unstable","renderTeachingPopoverSurface_unstable","TeachingPopoverSurface","forwardRef","props","ref","state","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,SAASC,2BAA2B,QAAQ,kCAAkC;AAE9E,SAASC,kCAAkC,QAAQ,8BAA8B;AACjF,SAASC,wCAAwC,QAAQ,2CAA2C;AACpG,SAASC,qCAAqC,QAAQ,iCAAiC;AAEvF;;;;CAIC,GACD,OAAO,MAAMC,uCAA2EL,MAAMM,UAAU,CACtG,CAACC,OAAOC;IACN,MAAMC,QAAQP,mCAAmCK,OAAOC;IAExDL,yCAAyCM;IAEzCR,4BAA4B,4CAA4CQ;IAExE,OAAOL,sCAAsCK;AAC/C,GACA;AAEFJ,uBAAuBK,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":["React","useCustomStyleHook_unstable","useTeachingPopoverSurface_unstable","useTeachingPopoverSurfaceStyles_unstable","renderTeachingPopoverSurface_unstable","TeachingPopoverSurface","forwardRef","props","ref","state","displayName"],"rangeMappings":";;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,SAASC,2BAA2B,QAAQ,kCAAkC;AAE9E,SAASC,kCAAkC,QAAQ,8BAA8B;AACjF,SAASC,wCAAwC,QAAQ,2CAA2C;AACpG,SAASC,qCAAqC,QAAQ,iCAAiC;AAEvF;;;;CAIC,GACD,OAAO,MAAMC,uCAA2EL,MAAMM,UAAU,CACtG,CAACC,OAAOC;IACN,MAAMC,QAAQP,mCAAmCK,OAAOC;IAExDL,yCAAyCM;IAEzCR,4BAA4B,4CAA4CQ;IAExE,OAAOL,sCAAsCK;AAC/C,GACA;AAEFJ,uBAAuBK,WAAW,GAAG"}

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

@@ -1 +1,3 @@
-export { };
+/**
+ * TeachingPopoverSurface State
+ */ export { };

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

@@ -1 +1 @@
-{"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":[],"mappings":"AAAA,WAiB8D"}
+{"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,GACD,WAA8D"}

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

@@ -1 +1 @@
-{"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":[],"mappings":"AAAA,cAAc,2BAA2B;AACzC,cAAc,iCAAiC;AAC/C,cAAc,iCAAiC;AAC/C,cAAc,8BAA8B;AAC5C,cAAc,2CAA2C"}
+{"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":"AAAA,cAAc,2BAA2B;AACzC,cAAc,iCAAiC;AAC/C,cAAc,iCAAiC;AAC/C,cAAc,8BAA8B;AAC5C,cAAc,2CAA2C"}

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

@@ -1 +1 @@
-{"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":["assertSlots","renderPopoverSurface_unstable","renderTeachingPopoverSurface_unstable","state"],"mappings":"AAAA,wBAAwB,GACxB,uBAAuB,GAGvB,SAASA,WAAW,QAAQ,4BAA4B;AACxD,SAASC,6BAA6B,QAAQ,0BAA0B;AAExE;;CAEC,GACD,OAAO,MAAMC,wCAAwC,CAACC;IACpDH,YAAyCG;IAEzC,iDAAiD;IACjD,OAAOF,8BAA8BE;AACvC,EAAE"}
+{"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":["assertSlots","renderPopoverSurface_unstable","renderTeachingPopoverSurface_unstable","state"],"rangeMappings":";;;;;;;;","mappings":"AAAA,wBAAwB,GACxB,uBAAuB,GAGvB,SAASA,WAAW,QAAQ,4BAA4B;AACxD,SAASC,6BAA6B,QAAQ,0BAA0B;AAExE;;CAEC,GACD,OAAO,MAAMC,wCAAwC,CAACC;IACpDH,YAAyCG;IAEzC,iDAAiD;IACjD,OAAOF,8BAA8BE;AACvC,EAAE"}

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

@@ -1 +1 @@
-{"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":["React","usePopoverSurface_unstable","useTeachingPopoverSurface_unstable","props","ref","state"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,SAASC,0BAA0B,QAAQ,0BAA0B;AAErE;;;;;;;;CAQC,GACD,OAAO,MAAMC,qCAAqC,CAChDC,OACAC;IAEA,MAAMC,QAAQJ,2BAA2BE,OAAOC;IAEhD,OAAOC;AACT,EAAE"}
+{"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":["React","usePopoverSurface_unstable","useTeachingPopoverSurface_unstable","props","ref","state"],"rangeMappings":";;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,SAASC,0BAA0B,QAAQ,0BAA0B;AAErE;;;;;;;;CAQC,GACD,OAAO,MAAMC,qCAAqC,CAChDC,OACAC;IAEA,MAAMC,QAAQJ,2BAA2BE,OAAOC;IAEhD,OAAOC;AACT,EAAE"}

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

@@ -30,6 +30,8 @@ const useStyles = /*#__PURE__*/__styles({
  * Apply styling to the TeachingPopoverSurface slots based on the state
  */
 export const useTeachingPopoverSurfaceStyles_unstable = state => {
+  'use no memo';
+
   const styles = useStyles();
   // Make sure to merge teaching bubble surface prior to popover styles
   state.root.className = mergeClasses(teachingPopoverSurfaceClassNames.root, styles.root, state.root.className);

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

@@ -1 +1 @@
-{"version":3,"names":["__styles","mergeClasses","usePopoverSurfaceStyles_unstable","tokens","teachingPopoverSurfaceClassNames","root","useStyles","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","a9b677","B7ck84d","d","p","useTeachingPopoverSurfaceStyles_unstable","state","styles","className","updatedState"],"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    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"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD,SAASC,gCAAgC,QAAQ,yBAAyB;AAC1E,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,OAAO,MAAMC,gCAAgC,GAAG;EAC5CC,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,SAAS,gBAAGN,QAAA;EAAAK,IAAA;IAAAE,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;IAAAC,CAAA;EAAA;IAAAA,CAAA;EAAA;AAAA,CAOjB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,wCAAwC,GAAIC,KAAK,IAAG;EACjE,MAAMC,MAAM,GAAGjB,SAAS,CAAC,CAAC;EAC1B;EACAgB,KAAK,CAACjB,IAAI,CAACmB,SAAS,GAAGvB,YAAY,CAACG,gCAAgC,CAACC,IAAI,EAAEkB,MAAM,CAAClB,IAAI,EAAEiB,KAAK,CAACjB,IAAI,CAACmB,SAAS,CAAC;EAC7G,MAAMC,YAAY,GAAGvB,gCAAgC,CAACoB,KAAK,CAAC;EAC5D,OAAOG,YAAY;AACvB,CAAC","ignoreList":[]}
+{"version":3,"names":["__styles","mergeClasses","usePopoverSurfaceStyles_unstable","tokens","teachingPopoverSurfaceClassNames","root","useStyles","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","a9b677","B7ck84d","d","p","useTeachingPopoverSurfaceStyles_unstable","state","styles","className","updatedState"],"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"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD,SAASC,gCAAgC,QAAQ,yBAAyB;AAC1E,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,OAAO,MAAMC,gCAAgC,GAAG;EAC5CC,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,SAAS,gBAAGN,QAAA;EAAAK,IAAA;IAAAE,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;IAAAC,CAAA;EAAA;IAAAA,CAAA;EAAA;AAAA,CAOjB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,wCAAwC,GAAIC,KAAK,IAAG;EACjE,aAAa;;EACb,MAAMC,MAAM,GAAGjB,SAAS,CAAC,CAAC;EAC1B;EACAgB,KAAK,CAACjB,IAAI,CAACmB,SAAS,GAAGvB,YAAY,CAACG,gCAAgC,CAACC,IAAI,EAAEkB,MAAM,CAAClB,IAAI,EAAEiB,KAAK,CAACjB,IAAI,CAACmB,SAAS,CAAC;EAC7G,MAAMC,YAAY,GAAGvB,gCAAgC,CAACoB,KAAK,CAAC;EAC5D,OAAOG,YAAY;AACvB,CAAC","ignoreList":[]}

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

@@ -1 +1 @@
-{"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":["React","useTeachingPopoverTitle_unstable","renderTeachingPopoverTitle_unstable","useTeachingPopoverTitleStyles_unstable","useCustomStyleHook_unstable","TeachingPopoverTitle","forwardRef","props","ref","state","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,gCAAgC,QAAQ,4BAA4B;AAC7E,SAASC,mCAAmC,QAAQ,+BAA+B;AACnF,SAASC,sCAAsC,QAAQ,yCAAyC;AAChG,SAASC,2BAA2B,QAAQ,kCAAkC;AAI9E;;;;;;CAMC,GACD,OAAO,MAAMC,qCAAuEL,MAAMM,UAAU,CAAC,CAACC,OAAOC;IAC3G,MAAMC,QAAQR,iCAAiCM,OAAOC;IAEtDL,uCAAuCM;IAEvCL,4BAA4B,0CAA0CK;IAEtE,OAAOP,oCAAoCO;AAC7C,GAAG;AAEHJ,qBAAqBK,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":["React","useTeachingPopoverTitle_unstable","renderTeachingPopoverTitle_unstable","useTeachingPopoverTitleStyles_unstable","useCustomStyleHook_unstable","TeachingPopoverTitle","forwardRef","props","ref","state","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,gCAAgC,QAAQ,4BAA4B;AAC7E,SAASC,mCAAmC,QAAQ,+BAA+B;AACnF,SAASC,sCAAsC,QAAQ,yCAAyC;AAChG,SAASC,2BAA2B,QAAQ,kCAAkC;AAI9E;;;;;;CAMC,GACD,OAAO,MAAMC,qCAAuEL,MAAMM,UAAU,CAAC,CAACC,OAAOC;IAC3G,MAAMC,QAAQR,iCAAiCM,OAAOC;IAEtDL,uCAAuCM;IAEvCL,4BAA4B,0CAA0CK;IAEtE,OAAOP,oCAAoCO;AAC7C,GAAG;AAEHJ,qBAAqBK,WAAW,GAAG"}

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

@@ -1 +1,3 @@
-export { };
+/**
+ * State used in rendering TeachingPopoverTitle
+ */ export { };

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

@@ -1 +1 @@
-{"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":[],"mappings":"AAAA,WAuB0C"}
+{"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,GACD,WAC0C"}

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

@@ -1 +1 @@
-{"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":[],"mappings":"AAAA,cAAc,yBAAyB;AACvC,cAAc,+BAA+B;AAC7C,cAAc,+BAA+B;AAC7C,cAAc,4BAA4B;AAC1C,cAAc,yCAAyC"}
+{"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":"AAAA,cAAc,yBAAyB;AACvC,cAAc,+BAA+B;AAC7C,cAAc,+BAA+B;AAC7C,cAAc,4BAA4B;AAC1C,cAAc,yCAAyC"}

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

@@ -1 +1 @@
-{"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":["assertSlots","renderTeachingPopoverTitle_unstable","state","root","children","dismissButton"],"mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAEjD,SAASA,WAAW,QAAQ,4BAA4B;AAGxD;;CAEC,GACD,OAAO,MAAMC,sCAAsC,CAACC;IAClDF,YAAuCE;IAEvC,qBACE,MAACA,MAAMC,IAAI;;YACRD,MAAMC,IAAI,CAACC,QAAQ;YACnBF,MAAMG,aAAa,kBAAI,KAACH,MAAMG,aAAa;;;AAGlD,EAAE"}
+{"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":["assertSlots","renderTeachingPopoverTitle_unstable","state","root","children","dismissButton"],"rangeMappings":";;;;;;;;;;;;","mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAEjD,SAASA,WAAW,QAAQ,4BAA4B;AAGxD;;CAEC,GACD,OAAO,MAAMC,sCAAsC,CAACC;IAClDF,YAAuCE;IAEvC,qBACE,MAACA,MAAMC,IAAI;;YACRD,MAAMC,IAAI,CAACC,QAAQ;YACnBF,MAAMG,aAAa,kBAAI,KAACH,MAAMG,aAAa;;;AAGlD,EAAE"}

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

@@ -1 +1 @@
-{"version":3,"sources":["useTeachingPopoverTitle.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, useEventCallback, slot } from '@fluentui/react-utilities';\nimport type { TeachingPopoverTitleProps, TeachingPopoverTitleState } from './TeachingPopoverTitle.types';\nimport { DismissFilled, DismissRegular, bundleIcon } from '@fluentui/react-icons';\nimport { usePopoverContext_unstable } from '@fluentui/react-popover';\n\nconst DismissIcon = bundleIcon(DismissFilled, DismissRegular);\n/**\n * Returns the props and state required to render the component\n * @param props - TeachingPopoverTitle properties\n * @param ref - reference to root HTMLElement of TeachingPopoverTitle\n */\nexport const useTeachingPopoverTitle_unstable = (\n  props: TeachingPopoverTitleProps,\n  ref: React.Ref<HTMLDivElement>,\n): TeachingPopoverTitleState => {\n  const { dismissButton } = props;\n\n  const setOpen = usePopoverContext_unstable(context => context.setOpen);\n  const triggerRef = usePopoverContext_unstable(context => context.triggerRef);\n  const appearance = usePopoverContext_unstable(context => context.appearance);\n\n  const onDismissButtonClick = useEventCallback((ev: React.MouseEvent<HTMLButtonElement>) => {\n    if (!ev.defaultPrevented) {\n      setOpen(ev, false);\n    }\n\n    if (triggerRef.current) {\n      triggerRef.current.focus();\n    }\n  });\n\n  return {\n    appearance,\n    components: {\n      root: 'h2',\n      dismissButton: 'button',\n    },\n    root: slot.always(\n      getIntrinsicElementProps('h2', {\n        ref,\n        ...props,\n      }),\n      { elementType: 'h2' },\n    ),\n    dismissButton: slot.optional(dismissButton, {\n      renderByDefault: false,\n      defaultProps: {\n        children: <DismissIcon />,\n        onClick: onDismissButtonClick,\n        'aria-label': 'dismiss',\n        'aria-hidden': true,\n      },\n      elementType: 'button',\n    }),\n  };\n};\n"],"names":["React","getIntrinsicElementProps","useEventCallback","slot","DismissFilled","DismissRegular","bundleIcon","usePopoverContext_unstable","DismissIcon","useTeachingPopoverTitle_unstable","props","ref","dismissButton","setOpen","context","triggerRef","appearance","onDismissButtonClick","ev","defaultPrevented","current","focus","components","root","always","elementType","optional","renderByDefault","defaultProps","children","onClick"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,wBAAwB,EAAEC,gBAAgB,EAAEC,IAAI,QAAQ,4BAA4B;AAE7F,SAASC,aAAa,EAAEC,cAAc,EAAEC,UAAU,QAAQ,wBAAwB;AAClF,SAASC,0BAA0B,QAAQ,0BAA0B;AAErE,MAAMC,cAAcF,WAAWF,eAAeC;AAC9C;;;;CAIC,GACD,OAAO,MAAMI,mCAAmC,CAC9CC,OACAC;IAEA,MAAM,EAAEC,aAAa,EAAE,GAAGF;IAE1B,MAAMG,UAAUN,2BAA2BO,CAAAA,UAAWA,QAAQD,OAAO;IACrE,MAAME,aAAaR,2BAA2BO,CAAAA,UAAWA,QAAQC,UAAU;IAC3E,MAAMC,aAAaT,2BAA2BO,CAAAA,UAAWA,QAAQE,UAAU;IAE3E,MAAMC,uBAAuBf,iBAAiB,CAACgB;QAC7C,IAAI,CAACA,GAAGC,gBAAgB,EAAE;YACxBN,QAAQK,IAAI;QACd;QAEA,IAAIH,WAAWK,OAAO,EAAE;YACtBL,WAAWK,OAAO,CAACC,KAAK;QAC1B;IACF;IAEA,OAAO;QACLL;QACAM,YAAY;YACVC,MAAM;YACNX,eAAe;QACjB;QACAW,MAAMpB,KAAKqB,MAAM,CACfvB,yBAAyB,MAAM;YAC7BU;YACA,GAAGD,KAAK;QACV,IACA;YAAEe,aAAa;QAAK;QAEtBb,eAAeT,KAAKuB,QAAQ,CAACd,eAAe;YAC1Ce,iBAAiB;YACjBC,cAAc;gBACZC,wBAAU,oBAACrB;gBACXsB,SAASb;gBACT,cAAc;gBACd,eAAe;YACjB;YACAQ,aAAa;QACf;IACF;AACF,EAAE"}
+{"version":3,"sources":["useTeachingPopoverTitle.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, useEventCallback, slot } from '@fluentui/react-utilities';\nimport type { TeachingPopoverTitleProps, TeachingPopoverTitleState } from './TeachingPopoverTitle.types';\nimport { DismissFilled, DismissRegular, bundleIcon } from '@fluentui/react-icons';\nimport { usePopoverContext_unstable } from '@fluentui/react-popover';\n\nconst DismissIcon = bundleIcon(DismissFilled, DismissRegular);\n/**\n * Returns the props and state required to render the component\n * @param props - TeachingPopoverTitle properties\n * @param ref - reference to root HTMLElement of TeachingPopoverTitle\n */\nexport const useTeachingPopoverTitle_unstable = (\n  props: TeachingPopoverTitleProps,\n  ref: React.Ref<HTMLDivElement>,\n): TeachingPopoverTitleState => {\n  const { dismissButton } = props;\n\n  const setOpen = usePopoverContext_unstable(context => context.setOpen);\n  const triggerRef = usePopoverContext_unstable(context => context.triggerRef);\n  const appearance = usePopoverContext_unstable(context => context.appearance);\n\n  const onDismissButtonClick = useEventCallback((ev: React.MouseEvent<HTMLButtonElement>) => {\n    if (!ev.defaultPrevented) {\n      setOpen(ev, false);\n    }\n\n    if (triggerRef.current) {\n      triggerRef.current.focus();\n    }\n  });\n\n  return {\n    appearance,\n    components: {\n      root: 'h2',\n      dismissButton: 'button',\n    },\n    root: slot.always(\n      getIntrinsicElementProps('h2', {\n        ref,\n        ...props,\n      }),\n      { elementType: 'h2' },\n    ),\n    dismissButton: slot.optional(dismissButton, {\n      renderByDefault: false,\n      defaultProps: {\n        children: <DismissIcon />,\n        onClick: onDismissButtonClick,\n        'aria-label': 'dismiss',\n        'aria-hidden': true,\n      },\n      elementType: 'button',\n    }),\n  };\n};\n"],"names":["React","getIntrinsicElementProps","useEventCallback","slot","DismissFilled","DismissRegular","bundleIcon","usePopoverContext_unstable","DismissIcon","useTeachingPopoverTitle_unstable","props","ref","dismissButton","setOpen","context","triggerRef","appearance","onDismissButtonClick","ev","defaultPrevented","current","focus","components","root","always","elementType","optional","renderByDefault","defaultProps","children","onClick"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,wBAAwB,EAAEC,gBAAgB,EAAEC,IAAI,QAAQ,4BAA4B;AAE7F,SAASC,aAAa,EAAEC,cAAc,EAAEC,UAAU,QAAQ,wBAAwB;AAClF,SAASC,0BAA0B,QAAQ,0BAA0B;AAErE,MAAMC,cAAcF,WAAWF,eAAeC;AAC9C;;;;CAIC,GACD,OAAO,MAAMI,mCAAmC,CAC9CC,OACAC;IAEA,MAAM,EAAEC,aAAa,EAAE,GAAGF;IAE1B,MAAMG,UAAUN,2BAA2BO,CAAAA,UAAWA,QAAQD,OAAO;IACrE,MAAME,aAAaR,2BAA2BO,CAAAA,UAAWA,QAAQC,UAAU;IAC3E,MAAMC,aAAaT,2BAA2BO,CAAAA,UAAWA,QAAQE,UAAU;IAE3E,MAAMC,uBAAuBf,iBAAiB,CAACgB;QAC7C,IAAI,CAACA,GAAGC,gBAAgB,EAAE;YACxBN,QAAQK,IAAI;QACd;QAEA,IAAIH,WAAWK,OAAO,EAAE;YACtBL,WAAWK,OAAO,CAACC,KAAK;QAC1B;IACF;IAEA,OAAO;QACLL;QACAM,YAAY;YACVC,MAAM;YACNX,eAAe;QACjB;QACAW,MAAMpB,KAAKqB,MAAM,CACfvB,yBAAyB,MAAM;YAC7BU;YACA,GAAGD,KAAK;QACV,IACA;YAAEe,aAAa;QAAK;QAEtBb,eAAeT,KAAKuB,QAAQ,CAACd,eAAe;YAC1Ce,iBAAiB;YACjBC,cAAc;gBACZC,wBAAU,oBAACrB;gBACXsB,SAASb;gBACT,cAAc;gBACd,eAAe;YACjB;YACAQ,aAAa;QACf;IACF;AACF,EAAE"}

package/lib/components/TeachingPopoverTitle/useTeachingPopoverTitleStyles.styles.js

@@ -80,6 +80,8 @@ const useStyles = /*#__PURE__*/__styles({
 });
 /** Applies style classnames to slots */
 export const useTeachingPopoverTitleStyles_unstable = state => {
+  'use no memo';
+
   const styles = useStyles();
   const {
     appearance

package/lib/components/TeachingPopoverTitle/useTeachingPopoverTitleStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["__styles","mergeClasses","shorthands","createCustomFocusIndicatorStyle","tokens","typographyStyles","teachingPopoverTitleClassNames","root","dismissButton","useStyles","mc9l5x","Beiy3e4","Brf1p80","Be2twd7","Bhrd7zp","sj55zd","Bg96gwp","Byoj8tv","B6of3ja","jrapky","rootBrand","qhf8xq","Bgfg5da","B9xav0g","oivjwe","Bn0qgzm","B4g9neb","zhjwy3","wvpqe5","ibv6hh","u1mtju","h3c5rm","vrafjx","Bekrc4i","i8vvqc","g2u3we","icvyot","B4j52fo","irswps","Bt984gj","Bceei9c","Bahqtrf","De3pzq","B7ck84d","B7oj6ja","Bbmb7ep","Bfpq7zp","g9k6zt","Bn4voq9","giviqs","Bw81rd7","kdpuga","dm238s","B6xbmo0","B3whbx2","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","Jyy4pa","dismissBrand","d","p","useTeachingPopoverTitleStyles_unstable","state","styles","appearance","className","undefined"],"sources":["useTeachingPopoverTitleStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nexport const teachingPopoverTitleClassNames = {\n    root: 'fui-TeachingPopoverTitle',\n    dismissButton: 'fui-TeachingPopoverTitle__dismissButton'\n};\nconst useStyles = makeStyles({\n    root: {\n        display: 'flex',\n        flexDirection: 'row',\n        justifyContent: 'space-between',\n        fontSize: tokens.fontSizeBase400,\n        fontWeight: tokens.fontWeightSemibold,\n        color: tokens.colorNeutralForeground1,\n        lineHeight: tokens.lineHeightBase400,\n        paddingBottom: tokens.spacingVerticalS,\n        marginTop: tokens.spacingHorizontalNone,\n        marginBottom: tokens.spacingHorizontalNone\n    },\n    rootBrand: {\n        color: tokens.colorNeutralForegroundOnBrand\n    },\n    dismissButton: {\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        ...createCustomFocusIndicatorStyle({\n            outline: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`,\n            borderRadius: tokens.borderRadiusMedium,\n            ...shorthands.borderColor('transparent')\n        }),\n        marginInlineStart: 'auto'\n    },\n    dismissBrand: {\n        color: tokens.colorNeutralForegroundOnBrand\n    }\n});\n/** Applies style classnames to slots */ export const useTeachingPopoverTitleStyles_unstable = (state)=>{\n    const styles = useStyles();\n    const { appearance } = state;\n    state.root.className = mergeClasses(teachingPopoverTitleClassNames.root, styles.root, appearance === 'brand' && styles.rootBrand, state.root.className);\n    if (state.dismissButton) {\n        state.dismissButton.className = mergeClasses(teachingPopoverTitleClassNames.dismissButton, styles.dismissButton, appearance === 'brand' ? styles.dismissBrand : undefined, state.dismissButton.className);\n    }\n    return state;\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,EAAEC,UAAU,QAAQ,gBAAgB;AACrE,SAASC,+BAA+B,QAAQ,yBAAyB;AACzE,SAASC,MAAM,EAAEC,gBAAgB,QAAQ,uBAAuB;AAChE,OAAO,MAAMC,8BAA8B,GAAG;EAC1CC,IAAI,EAAE,0BAA0B;EAChCC,aAAa,EAAE;AACnB,CAAC;AACD,MAAMC,SAAS,gBAAGT,QAAA;EAAAO,IAAA;IAAAG,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,SAAA;IAAAL,MAAA;EAAA;EAAAP,aAAA;IAAAa,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAA5B,MAAA;IAAA6B,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAA5B,OAAA;IAAAC,OAAA;IAAAE,OAAA;IAAA0B,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,YAAA;IAAA7C,MAAA;EAAA;AAAA;EAAA8C,CAAA;IAAAC,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;AAAA,CAsCjB,CAAC;AACF;AAAyC,OAAO,MAAMC,sCAAsC,GAAIC,KAAK,IAAG;EACpG,MAAMC,MAAM,GAAGxD,SAAS,CAAC,CAAC;EAC1B,MAAM;IAAEyD;EAAW,CAAC,GAAGF,KAAK;EAC5BA,KAAK,CAACzD,IAAI,CAAC4D,SAAS,GAAGlE,YAAY,CAACK,8BAA8B,CAACC,IAAI,EAAE0D,MAAM,CAAC1D,IAAI,EAAE2D,UAAU,KAAK,OAAO,IAAID,MAAM,CAAC7C,SAAS,EAAE4C,KAAK,CAACzD,IAAI,CAAC4D,SAAS,CAAC;EACvJ,IAAIH,KAAK,CAACxD,aAAa,EAAE;IACrBwD,KAAK,CAACxD,aAAa,CAAC2D,SAAS,GAAGlE,YAAY,CAACK,8BAA8B,CAACE,aAAa,EAAEyD,MAAM,CAACzD,aAAa,EAAE0D,UAAU,KAAK,OAAO,GAAGD,MAAM,CAACL,YAAY,GAAGQ,SAAS,EAAEJ,KAAK,CAACxD,aAAa,CAAC2D,SAAS,CAAC;EAC7M;EACA,OAAOH,KAAK;AAChB,CAAC","ignoreList":[]}
+{"version":3,"names":["__styles","mergeClasses","shorthands","createCustomFocusIndicatorStyle","tokens","typographyStyles","teachingPopoverTitleClassNames","root","dismissButton","useStyles","mc9l5x","Beiy3e4","Brf1p80","Be2twd7","Bhrd7zp","sj55zd","Bg96gwp","Byoj8tv","B6of3ja","jrapky","rootBrand","qhf8xq","Bgfg5da","B9xav0g","oivjwe","Bn0qgzm","B4g9neb","zhjwy3","wvpqe5","ibv6hh","u1mtju","h3c5rm","vrafjx","Bekrc4i","i8vvqc","g2u3we","icvyot","B4j52fo","irswps","Bt984gj","Bceei9c","Bahqtrf","De3pzq","B7ck84d","B7oj6ja","Bbmb7ep","Bfpq7zp","g9k6zt","Bn4voq9","giviqs","Bw81rd7","kdpuga","dm238s","B6xbmo0","B3whbx2","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","Jyy4pa","dismissBrand","d","p","useTeachingPopoverTitleStyles_unstable","state","styles","appearance","className","undefined"],"sources":["useTeachingPopoverTitleStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nexport const teachingPopoverTitleClassNames = {\n    root: 'fui-TeachingPopoverTitle',\n    dismissButton: 'fui-TeachingPopoverTitle__dismissButton'\n};\nconst useStyles = makeStyles({\n    root: {\n        display: 'flex',\n        flexDirection: 'row',\n        justifyContent: 'space-between',\n        fontSize: tokens.fontSizeBase400,\n        fontWeight: tokens.fontWeightSemibold,\n        color: tokens.colorNeutralForeground1,\n        lineHeight: tokens.lineHeightBase400,\n        paddingBottom: tokens.spacingVerticalS,\n        marginTop: tokens.spacingHorizontalNone,\n        marginBottom: tokens.spacingHorizontalNone\n    },\n    rootBrand: {\n        color: tokens.colorNeutralForegroundOnBrand\n    },\n    dismissButton: {\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        ...createCustomFocusIndicatorStyle({\n            outline: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`,\n            borderRadius: tokens.borderRadiusMedium,\n            ...shorthands.borderColor('transparent')\n        }),\n        marginInlineStart: 'auto'\n    },\n    dismissBrand: {\n        color: tokens.colorNeutralForegroundOnBrand\n    }\n});\n/** Applies style classnames to slots */ export const useTeachingPopoverTitleStyles_unstable = (state)=>{\n    'use no memo';\n    const styles = useStyles();\n    const { appearance } = state;\n    state.root.className = mergeClasses(teachingPopoverTitleClassNames.root, styles.root, appearance === 'brand' && styles.rootBrand, state.root.className);\n    if (state.dismissButton) {\n        state.dismissButton.className = mergeClasses(teachingPopoverTitleClassNames.dismissButton, styles.dismissButton, appearance === 'brand' ? styles.dismissBrand : undefined, state.dismissButton.className);\n    }\n    return state;\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,EAAEC,UAAU,QAAQ,gBAAgB;AACrE,SAASC,+BAA+B,QAAQ,yBAAyB;AACzE,SAASC,MAAM,EAAEC,gBAAgB,QAAQ,uBAAuB;AAChE,OAAO,MAAMC,8BAA8B,GAAG;EAC1CC,IAAI,EAAE,0BAA0B;EAChCC,aAAa,EAAE;AACnB,CAAC;AACD,MAAMC,SAAS,gBAAGT,QAAA;EAAAO,IAAA;IAAAG,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,SAAA;IAAAL,MAAA;EAAA;EAAAP,aAAA;IAAAa,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAA5B,MAAA;IAAA6B,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAA5B,OAAA;IAAAC,OAAA;IAAAE,OAAA;IAAA0B,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,YAAA;IAAA7C,MAAA;EAAA;AAAA;EAAA8C,CAAA;IAAAC,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;AAAA,CAsCjB,CAAC;AACF;AAAyC,OAAO,MAAMC,sCAAsC,GAAIC,KAAK,IAAG;EACpG,aAAa;;EACb,MAAMC,MAAM,GAAGxD,SAAS,CAAC,CAAC;EAC1B,MAAM;IAAEyD;EAAW,CAAC,GAAGF,KAAK;EAC5BA,KAAK,CAACzD,IAAI,CAAC4D,SAAS,GAAGlE,YAAY,CAACK,8BAA8B,CAACC,IAAI,EAAE0D,MAAM,CAAC1D,IAAI,EAAE2D,UAAU,KAAK,OAAO,IAAID,MAAM,CAAC7C,SAAS,EAAE4C,KAAK,CAACzD,IAAI,CAAC4D,SAAS,CAAC;EACvJ,IAAIH,KAAK,CAACxD,aAAa,EAAE;IACrBwD,KAAK,CAACxD,aAAa,CAAC2D,SAAS,GAAGlE,YAAY,CAACK,8BAA8B,CAACE,aAAa,EAAEyD,MAAM,CAACzD,aAAa,EAAE0D,UAAU,KAAK,OAAO,GAAGD,MAAM,CAACL,YAAY,GAAGQ,SAAS,EAAEJ,KAAK,CAACxD,aAAa,CAAC2D,SAAS,CAAC;EAC7M;EACA,OAAOH,KAAK;AAChB,CAAC","ignoreList":[]}

package/lib/components/TeachingPopoverTrigger/TeachingPopoverTrigger.js.map

@@ -1 +1 @@
-{"version":3,"sources":["TeachingPopoverTrigger.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { FluentTriggerComponent } from '@fluentui/react-utilities';\nimport { TeachingPopoverTriggerProps } from './TeachingPopoverTrigger.types';\nimport { renderTeachingPopoverTrigger_unstable } from './renderTeachingPopoverTrigger';\nimport { useTeachingPopoverTrigger_unstable } from './useTeachingPopoverTrigger';\n\n/**\n * Direct extension of PopoverTrigger - Wraps a trigger element as an only child and adds the necessary event handling to open a teaching bubble.\n */\nexport const TeachingPopoverTrigger: React.FC<TeachingPopoverTriggerProps> = props => {\n  const state = useTeachingPopoverTrigger_unstable(props);\n\n  return renderTeachingPopoverTrigger_unstable(state);\n};\n\nTeachingPopoverTrigger.displayName = 'TeachingPopoverTrigger';\n// type casting here is required to ensure internal type FluentTriggerComponent is not leaked\n(TeachingPopoverTrigger as FluentTriggerComponent).isFluentTriggerComponent = true;\n"],"names":["React","renderTeachingPopoverTrigger_unstable","useTeachingPopoverTrigger_unstable","TeachingPopoverTrigger","props","state","displayName","isFluentTriggerComponent"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAG/B,SAASC,qCAAqC,QAAQ,iCAAiC;AACvF,SAASC,kCAAkC,QAAQ,8BAA8B;AAEjF;;CAEC,GACD,OAAO,MAAMC,yBAAgEC,CAAAA;IAC3E,MAAMC,QAAQH,mCAAmCE;IAEjD,OAAOH,sCAAsCI;AAC/C,EAAE;AAEFF,uBAAuBG,WAAW,GAAG;AACrC,6FAA6F;AAC5FH,uBAAkDI,wBAAwB,GAAG"}
+{"version":3,"sources":["TeachingPopoverTrigger.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { FluentTriggerComponent } from '@fluentui/react-utilities';\nimport { TeachingPopoverTriggerProps } from './TeachingPopoverTrigger.types';\nimport { renderTeachingPopoverTrigger_unstable } from './renderTeachingPopoverTrigger';\nimport { useTeachingPopoverTrigger_unstable } from './useTeachingPopoverTrigger';\n\n/**\n * Direct extension of PopoverTrigger - Wraps a trigger element as an only child and adds the necessary event handling to open a teaching bubble.\n */\nexport const TeachingPopoverTrigger: React.FC<TeachingPopoverTriggerProps> = props => {\n  const state = useTeachingPopoverTrigger_unstable(props);\n\n  return renderTeachingPopoverTrigger_unstable(state);\n};\n\nTeachingPopoverTrigger.displayName = 'TeachingPopoverTrigger';\n// type casting here is required to ensure internal type FluentTriggerComponent is not leaked\n(TeachingPopoverTrigger as FluentTriggerComponent).isFluentTriggerComponent = true;\n"],"names":["React","renderTeachingPopoverTrigger_unstable","useTeachingPopoverTrigger_unstable","TeachingPopoverTrigger","props","state","displayName","isFluentTriggerComponent"],"rangeMappings":";;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAG/B,SAASC,qCAAqC,QAAQ,iCAAiC;AACvF,SAASC,kCAAkC,QAAQ,8BAA8B;AAEjF;;CAEC,GACD,OAAO,MAAMC,yBAAgEC,CAAAA;IAC3E,MAAMC,QAAQH,mCAAmCE;IAEjD,OAAOH,sCAAsCI;AAC/C,EAAE;AAEFF,uBAAuBG,WAAW,GAAG;AACrC,6FAA6F;AAC5FH,uBAAkDI,wBAAwB,GAAG"}

package/lib/components/TeachingPopoverTrigger/TeachingPopoverTrigger.types.js

@@ -1 +1,3 @@
-export { };
+/**
+ * Props that are passed to the child of the DialogTrigger when cloned to ensure correct behavior for the Dialog
+ */ export { };

package/lib/components/TeachingPopoverTrigger/TeachingPopoverTrigger.types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["TeachingPopoverTrigger.types.ts"],"sourcesContent":["import { PopoverTriggerChildProps, PopoverTriggerProps, PopoverTriggerState } from '@fluentui/react-popover';\n\n/**\n * TeachingPopoverTrigger Props\n */\nexport type TeachingPopoverTriggerProps = PopoverTriggerProps;\n\n/**\n * TeachingPopoverTrigger State\n */\nexport type TeachingPopoverTriggerState = PopoverTriggerState;\n\n/**\n * Props that are passed to the child of the DialogTrigger when cloned to ensure correct behavior for the Dialog\n */\nexport type TeachingPopoverTriggerChildProps = PopoverTriggerChildProps;\n"],"names":[],"mappings":"AAAA,WAewE"}
+{"version":3,"sources":["TeachingPopoverTrigger.types.ts"],"sourcesContent":["import { PopoverTriggerChildProps, PopoverTriggerProps, PopoverTriggerState } from '@fluentui/react-popover';\n\n/**\n * TeachingPopoverTrigger Props\n */\nexport type TeachingPopoverTriggerProps = PopoverTriggerProps;\n\n/**\n * TeachingPopoverTrigger State\n */\nexport type TeachingPopoverTriggerState = PopoverTriggerState;\n\n/**\n * Props that are passed to the child of the DialogTrigger when cloned to ensure correct behavior for the Dialog\n */\nexport type TeachingPopoverTriggerChildProps = PopoverTriggerChildProps;\n"],"names":[],"rangeMappings":";;","mappings":"AAYA;;CAEC,GACD,WAAwE"}

package/lib/components/TeachingPopoverTrigger/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './TeachingPopoverTrigger';\nexport * from './TeachingPopoverTrigger.types';\nexport * from './renderTeachingPopoverTrigger';\nexport * from './useTeachingPopoverTrigger';\n"],"names":[],"mappings":"AAAA,cAAc,2BAA2B;AACzC,cAAc,iCAAiC;AAC/C,cAAc,iCAAiC;AAC/C,cAAc,8BAA8B"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './TeachingPopoverTrigger';\nexport * from './TeachingPopoverTrigger.types';\nexport * from './renderTeachingPopoverTrigger';\nexport * from './useTeachingPopoverTrigger';\n"],"names":[],"rangeMappings":";;;","mappings":"AAAA,cAAc,2BAA2B;AACzC,cAAc,iCAAiC;AAC/C,cAAc,iCAAiC;AAC/C,cAAc,8BAA8B"}

package/lib/components/TeachingPopoverTrigger/renderTeachingPopoverTrigger.js.map

@@ -1 +1 @@
-{"version":3,"sources":["renderTeachingPopoverTrigger.tsx"],"sourcesContent":["import { TeachingPopoverTriggerState } from './TeachingPopoverTrigger.types';\n\n/**\n * Render the final JSX of TeachingPopoverTrigger\n */\nexport const renderTeachingPopoverTrigger_unstable = (state: TeachingPopoverTriggerState) => {\n  return state.children;\n};\n"],"names":["renderTeachingPopoverTrigger_unstable","state","children"],"mappings":"AAEA;;CAEC,GACD,OAAO,MAAMA,wCAAwC,CAACC;IACpD,OAAOA,MAAMC,QAAQ;AACvB,EAAE"}
+{"version":3,"sources":["renderTeachingPopoverTrigger.tsx"],"sourcesContent":["import { TeachingPopoverTriggerState } from './TeachingPopoverTrigger.types';\n\n/**\n * Render the final JSX of TeachingPopoverTrigger\n */\nexport const renderTeachingPopoverTrigger_unstable = (state: TeachingPopoverTriggerState) => {\n  return state.children;\n};\n"],"names":["renderTeachingPopoverTrigger_unstable","state","children"],"rangeMappings":";;;;","mappings":"AAEA;;CAEC,GACD,OAAO,MAAMA,wCAAwC,CAACC;IACpD,OAAOA,MAAMC,QAAQ;AACvB,EAAE"}

package/lib/components/TeachingPopoverTrigger/useTeachingPopoverTrigger.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useTeachingPopoverTrigger.ts"],"sourcesContent":["import { TeachingPopoverTriggerProps, TeachingPopoverTriggerState } from './TeachingPopoverTrigger.types';\nimport { usePopoverTrigger_unstable } from '@fluentui/react-popover';\n\n/**\n * Create the state required to render TeachingPopoverTrigger.\n *\n * @param props - props from this instance of TeachingPopoverTrigger\n */\nexport const useTeachingPopoverTrigger_unstable = (props: TeachingPopoverTriggerProps): TeachingPopoverTriggerState => {\n  const state = usePopoverTrigger_unstable(props);\n\n  return state;\n};\n"],"names":["usePopoverTrigger_unstable","useTeachingPopoverTrigger_unstable","props","state"],"mappings":"AACA,SAASA,0BAA0B,QAAQ,0BAA0B;AAErE;;;;CAIC,GACD,OAAO,MAAMC,qCAAqC,CAACC;IACjD,MAAMC,QAAQH,2BAA2BE;IAEzC,OAAOC;AACT,EAAE"}
+{"version":3,"sources":["useTeachingPopoverTrigger.ts"],"sourcesContent":["import { TeachingPopoverTriggerProps, TeachingPopoverTriggerState } from './TeachingPopoverTrigger.types';\nimport { usePopoverTrigger_unstable } from '@fluentui/react-popover';\n\n/**\n * Create the state required to render TeachingPopoverTrigger.\n *\n * @param props - props from this instance of TeachingPopoverTrigger\n */\nexport const useTeachingPopoverTrigger_unstable = (props: TeachingPopoverTriggerProps): TeachingPopoverTriggerState => {\n  const state = usePopoverTrigger_unstable(props);\n\n  return state;\n};\n"],"names":["usePopoverTrigger_unstable","useTeachingPopoverTrigger_unstable","props","state"],"rangeMappings":";;;;;;;;","mappings":"AACA,SAASA,0BAA0B,QAAQ,0BAA0B;AAErE;;;;CAIC,GACD,OAAO,MAAMC,qCAAqC,CAACC;IACjD,MAAMC,QAAQH,2BAA2BE;IAEzC,OAAOC;AACT,EAAE"}

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"sourcesContent":["export {\n  TeachingPopoverHeader,\n  teachingPopoverHeaderClassNames,\n  renderTeachingPopoverHeader_unstable,\n  useTeachingPopoverHeaderStyles_unstable,\n  useTeachingPopoverHeader_unstable,\n} from './TeachingPopoverHeader';\nexport type {\n  TeachingPopoverHeaderProps,\n  TeachingPopoverHeaderSlots,\n  TeachingPopoverHeaderState,\n} from './TeachingPopoverHeader';\nexport {\n  TeachingPopoverBody,\n  teachingPopoverBodyClassNames,\n  renderTeachingPopoverBody_unstable,\n  useTeachingPopoverBodyStyles_unstable,\n  useTeachingPopoverBody_unstable,\n} from './TeachingPopoverBody';\nexport type {\n  TeachingPopoverBodyProps,\n  TeachingPopoverBodySlots,\n  TeachingPopoverBodyState,\n} from './TeachingPopoverBody';\nexport {\n  TeachingPopoverCarouselCard,\n  teachingPopoverCarouselCardClassNames,\n  renderTeachingPopoverCarouselCard_unstable,\n  useTeachingPopoverCarouselCardStyles_unstable,\n  useTeachingPopoverCarouselCard_unstable,\n} from './TeachingPopoverCarouselCard';\nexport type {\n  TeachingPopoverCarouselCardProps,\n  TeachingPopoverCarouselCardSlots,\n  TeachingPopoverCarouselCardState,\n} from './TeachingPopoverCarouselCard';\nexport {\n  TeachingPopoverCarousel,\n  teachingPopoverCarouselClassNames,\n  renderTeachingPopoverCarousel_unstable,\n  useTeachingPopoverCarouselStyles_unstable,\n  useTeachingPopoverCarousel_unstable,\n  useTeachingPopoverCarouselContextValues_unstable,\n} from './TeachingPopoverCarousel';\nexport type {\n  TeachingPopoverCarouselProps,\n  TeachingPopoverCarouselSlots,\n  TeachingPopoverCarouselState,\n} from './TeachingPopoverCarousel';\nexport {\n  TeachingPopoverCarouselFooter,\n  teachingPopoverCarouselFooterClassNames,\n  renderTeachingPopoverCarouselFooter_unstable,\n  useTeachingPopoverCarouselFooterStyles_unstable,\n  useTeachingPopoverCarouselFooter_unstable,\n} from './TeachingPopoverCarouselFooter';\nexport type {\n  TeachingPopoverCarouselFooterProps,\n  TeachingPopoverCarouselFooterSlots,\n  TeachingPopoverCarouselFooterState,\n} from './TeachingPopoverCarouselFooter';\nexport {\n  TeachingPopoverCarouselNav,\n  teachingPopoverCarouselNavClassNames,\n  renderTeachingPopoverCarouselNav_unstable,\n  useTeachingPopoverCarouselNavStyles_unstable,\n  useTeachingPopoverCarouselNav_unstable,\n} from './TeachingPopoverCarouselNav';\nexport type {\n  TeachingPopoverCarouselNavProps,\n  TeachingPopoverCarouselNavSlots,\n  TeachingPopoverCarouselNavState,\n} from './TeachingPopoverCarouselNav';\nexport {\n  TeachingPopoverCarouselNavButton,\n  teachingPopoverCarouselNavButtonClassNames,\n  renderTeachingPopoverCarouselNavButton_unstable,\n  useTeachingPopoverCarouselNavButtonStyles_unstable,\n  useTeachingPopoverCarouselNavButton_unstable,\n} from './TeachingPopoverCarouselNavButton';\nexport type {\n  TeachingPopoverCarouselNavButtonProps,\n  TeachingPopoverCarouselNavButtonSlots,\n  TeachingPopoverCarouselNavButtonState,\n} from './TeachingPopoverCarouselNavButton';\nexport {\n  TeachingPopoverSurface,\n  renderTeachingPopoverSurface_unstable,\n  teachingPopoverSurfaceClassNames,\n  useTeachingPopoverSurfaceStyles_unstable,\n  useTeachingPopoverSurface_unstable,\n} from './TeachingPopoverSurface';\nexport type {\n  TeachingPopoverSurfaceProps,\n  TeachingPopoverSurfaceSlots,\n  TeachingPopoverSurfaceState,\n} from './TeachingPopoverSurface';\nexport {\n  TeachingPopoverTitle,\n  teachingPopoverTitleClassNames,\n  renderTeachingPopoverTitle_unstable,\n  useTeachingPopoverTitleStyles_unstable,\n  useTeachingPopoverTitle_unstable,\n} from './TeachingPopoverTitle';\nexport type {\n  TeachingPopoverTitleProps,\n  TeachingPopoverTitleSlots,\n  TeachingPopoverTitleState,\n} from './TeachingPopoverTitle';\nexport {\n  TeachingPopoverTrigger,\n  renderTeachingPopoverTrigger_unstable,\n  useTeachingPopoverTrigger_unstable,\n} from './TeachingPopoverTrigger';\nexport type {\n  TeachingPopoverTriggerChildProps,\n  TeachingPopoverTriggerProps,\n  TeachingPopoverTriggerState,\n} from './TeachingPopoverTrigger';\nexport { TeachingPopover, renderTeachingPopover_unstable, useTeachingPopover_unstable } from './TeachingPopover';\nexport type { TeachingPopoverProps, TeachingPopoverState } from './TeachingPopover';\nexport {\n  TeachingPopoverFooter,\n  teachingPopoverFooterClassNames,\n  renderTeachingPopoverFooter_unstable,\n  useTeachingPopoverFooter_unstable,\n} from './TeachingPopoverFooter';\nexport type { TeachingPopoverFooterProps, TeachingPopoverFooterState } from './TeachingPopoverFooter';\nexport {\n  TeachingPopoverCarouselPageCount,\n  renderTeachingPopoverCarouselPageCount_unstable,\n  teachingPopoverCarouselPageCountClassNames,\n  useTeachingPopoverCarouselPageCountStyles_unstable,\n  useTeachingPopoverCarouselPageCount_unstable,\n} from './TeachingPopoverCarouselPageCount';\nexport type {\n  TeachingPopoverCarouselPageCountProps,\n  TeachingPopoverCarouselPageCountRenderFunction,\n  TeachingPopoverCarouselPageCountSlots,\n  TeachingPopoverCarouselPageCountState,\n} from './TeachingPopoverCarouselPageCount';\nexport {\n  TeachingPopoverCarouselFooterButton,\n  renderTeachingPopoverCarouselFooterButton_unstable,\n  teachingPopoverCarouselFooterButtonClassNames,\n  useTeachingPopoverCarouselFooterButtonStyles_unstable,\n  useTeachingPopoverCarouselFooterButton_unstable,\n} from './TeachingPopoverCarouselFooterButton';\nexport type {\n  TeachingPopoverCarouselFooterButtonProps,\n  TeachingPopoverCarouselFooterButtonSlots,\n  TeachingPopoverCarouselFooterButtonState,\n} from './TeachingPopoverCarouselFooterButton';\n"],"names":["TeachingPopoverHeader","teachingPopoverHeaderClassNames","renderTeachingPopoverHeader_unstable","useTeachingPopoverHeaderStyles_unstable","useTeachingPopoverHeader_unstable","TeachingPopoverBody","teachingPopoverBodyClassNames","renderTeachingPopoverBody_unstable","useTeachingPopoverBodyStyles_unstable","useTeachingPopoverBody_unstable","TeachingPopoverCarouselCard","teachingPopoverCarouselCardClassNames","renderTeachingPopoverCarouselCard_unstable","useTeachingPopoverCarouselCardStyles_unstable","useTeachingPopoverCarouselCard_unstable","TeachingPopoverCarousel","teachingPopoverCarouselClassNames","renderTeachingPopoverCarousel_unstable","useTeachingPopoverCarouselStyles_unstable","useTeachingPopoverCarousel_unstable","useTeachingPopoverCarouselContextValues_unstable","TeachingPopoverCarouselFooter","teachingPopoverCarouselFooterClassNames","renderTeachingPopoverCarouselFooter_unstable","useTeachingPopoverCarouselFooterStyles_unstable","useTeachingPopoverCarouselFooter_unstable","TeachingPopoverCarouselNav","teachingPopoverCarouselNavClassNames","renderTeachingPopoverCarouselNav_unstable","useTeachingPopoverCarouselNavStyles_unstable","useTeachingPopoverCarouselNav_unstable","TeachingPopoverCarouselNavButton","teachingPopoverCarouselNavButtonClassNames","renderTeachingPopoverCarouselNavButton_unstable","useTeachingPopoverCarouselNavButtonStyles_unstable","useTeachingPopoverCarouselNavButton_unstable","TeachingPopoverSurface","renderTeachingPopoverSurface_unstable","teachingPopoverSurfaceClassNames","useTeachingPopoverSurfaceStyles_unstable","useTeachingPopoverSurface_unstable","TeachingPopoverTitle","teachingPopoverTitleClassNames","renderTeachingPopoverTitle_unstable","useTeachingPopoverTitleStyles_unstable","useTeachingPopoverTitle_unstable","TeachingPopoverTrigger","renderTeachingPopoverTrigger_unstable","useTeachingPopoverTrigger_unstable","TeachingPopover","renderTeachingPopover_unstable","useTeachingPopover_unstable","TeachingPopoverFooter","teachingPopoverFooterClassNames","renderTeachingPopoverFooter_unstable","useTeachingPopoverFooter_unstable","TeachingPopoverCarouselPageCount","renderTeachingPopoverCarouselPageCount_unstable","teachingPopoverCarouselPageCountClassNames","useTeachingPopoverCarouselPageCountStyles_unstable","useTeachingPopoverCarouselPageCount_unstable","TeachingPopoverCarouselFooterButton","renderTeachingPopoverCarouselFooterButton_unstable","teachingPopoverCarouselFooterButtonClassNames","useTeachingPopoverCarouselFooterButtonStyles_unstable","useTeachingPopoverCarouselFooterButton_unstable"],"mappings":"AAAA,SACEA,qBAAqB,EACrBC,+BAA+B,EAC/BC,oCAAoC,EACpCC,uCAAuC,EACvCC,iCAAiC,QAC5B,0BAA0B;AAMjC,SACEC,mBAAmB,EACnBC,6BAA6B,EAC7BC,kCAAkC,EAClCC,qCAAqC,EACrCC,+BAA+B,QAC1B,wBAAwB;AAM/B,SACEC,2BAA2B,EAC3BC,qCAAqC,EACrCC,0CAA0C,EAC1CC,6CAA6C,EAC7CC,uCAAuC,QAClC,gCAAgC;AAMvC,SACEC,uBAAuB,EACvBC,iCAAiC,EACjCC,sCAAsC,EACtCC,yCAAyC,EACzCC,mCAAmC,EACnCC,gDAAgD,QAC3C,4BAA4B;AAMnC,SACEC,6BAA6B,EAC7BC,uCAAuC,EACvCC,4CAA4C,EAC5CC,+CAA+C,EAC/CC,yCAAyC,QACpC,kCAAkC;AAMzC,SACEC,0BAA0B,EAC1BC,oCAAoC,EACpCC,yCAAyC,EACzCC,4CAA4C,EAC5CC,sCAAsC,QACjC,+BAA+B;AAMtC,SACEC,gCAAgC,EAChCC,0CAA0C,EAC1CC,+CAA+C,EAC/CC,kDAAkD,EAClDC,4CAA4C,QACvC,qCAAqC;AAM5C,SACEC,sBAAsB,EACtBC,qCAAqC,EACrCC,gCAAgC,EAChCC,wCAAwC,EACxCC,kCAAkC,QAC7B,2BAA2B;AAMlC,SACEC,oBAAoB,EACpBC,8BAA8B,EAC9BC,mCAAmC,EACnCC,sCAAsC,EACtCC,gCAAgC,QAC3B,yBAAyB;AAMhC,SACEC,sBAAsB,EACtBC,qCAAqC,EACrCC,kCAAkC,QAC7B,2BAA2B;AAMlC,SAASC,eAAe,EAAEC,8BAA8B,EAAEC,2BAA2B,QAAQ,oBAAoB;AAEjH,SACEC,qBAAqB,EACrBC,+BAA+B,EAC/BC,oCAAoC,EACpCC,iCAAiC,QAC5B,0BAA0B;AAEjC,SACEC,gCAAgC,EAChCC,+CAA+C,EAC/CC,0CAA0C,EAC1CC,kDAAkD,EAClDC,4CAA4C,QACvC,qCAAqC;AAO5C,SACEC,mCAAmC,EACnCC,kDAAkD,EAClDC,6CAA6C,EAC7CC,qDAAqD,EACrDC,+CAA+C,QAC1C,wCAAwC"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export {\n  TeachingPopoverHeader,\n  teachingPopoverHeaderClassNames,\n  renderTeachingPopoverHeader_unstable,\n  useTeachingPopoverHeaderStyles_unstable,\n  useTeachingPopoverHeader_unstable,\n} from './TeachingPopoverHeader';\nexport type {\n  TeachingPopoverHeaderProps,\n  TeachingPopoverHeaderSlots,\n  TeachingPopoverHeaderState,\n} from './TeachingPopoverHeader';\nexport {\n  TeachingPopoverBody,\n  teachingPopoverBodyClassNames,\n  renderTeachingPopoverBody_unstable,\n  useTeachingPopoverBodyStyles_unstable,\n  useTeachingPopoverBody_unstable,\n} from './TeachingPopoverBody';\nexport type {\n  TeachingPopoverBodyProps,\n  TeachingPopoverBodySlots,\n  TeachingPopoverBodyState,\n} from './TeachingPopoverBody';\nexport {\n  TeachingPopoverCarouselCard,\n  teachingPopoverCarouselCardClassNames,\n  renderTeachingPopoverCarouselCard_unstable,\n  useTeachingPopoverCarouselCardStyles_unstable,\n  useTeachingPopoverCarouselCard_unstable,\n} from './TeachingPopoverCarouselCard';\nexport type {\n  TeachingPopoverCarouselCardProps,\n  TeachingPopoverCarouselCardSlots,\n  TeachingPopoverCarouselCardState,\n} from './TeachingPopoverCarouselCard';\nexport {\n  TeachingPopoverCarousel,\n  teachingPopoverCarouselClassNames,\n  renderTeachingPopoverCarousel_unstable,\n  useTeachingPopoverCarouselStyles_unstable,\n  useTeachingPopoverCarousel_unstable,\n  useTeachingPopoverCarouselContextValues_unstable,\n} from './TeachingPopoverCarousel';\nexport type {\n  TeachingPopoverCarouselProps,\n  TeachingPopoverCarouselSlots,\n  TeachingPopoverCarouselState,\n} from './TeachingPopoverCarousel';\nexport {\n  TeachingPopoverCarouselFooter,\n  teachingPopoverCarouselFooterClassNames,\n  renderTeachingPopoverCarouselFooter_unstable,\n  useTeachingPopoverCarouselFooterStyles_unstable,\n  useTeachingPopoverCarouselFooter_unstable,\n} from './TeachingPopoverCarouselFooter';\nexport type {\n  TeachingPopoverCarouselFooterProps,\n  TeachingPopoverCarouselFooterSlots,\n  TeachingPopoverCarouselFooterState,\n} from './TeachingPopoverCarouselFooter';\nexport {\n  TeachingPopoverCarouselNav,\n  teachingPopoverCarouselNavClassNames,\n  renderTeachingPopoverCarouselNav_unstable,\n  useTeachingPopoverCarouselNavStyles_unstable,\n  useTeachingPopoverCarouselNav_unstable,\n} from './TeachingPopoverCarouselNav';\nexport type {\n  TeachingPopoverCarouselNavProps,\n  TeachingPopoverCarouselNavSlots,\n  TeachingPopoverCarouselNavState,\n} from './TeachingPopoverCarouselNav';\nexport {\n  TeachingPopoverCarouselNavButton,\n  teachingPopoverCarouselNavButtonClassNames,\n  renderTeachingPopoverCarouselNavButton_unstable,\n  useTeachingPopoverCarouselNavButtonStyles_unstable,\n  useTeachingPopoverCarouselNavButton_unstable,\n} from './TeachingPopoverCarouselNavButton';\nexport type {\n  TeachingPopoverCarouselNavButtonProps,\n  TeachingPopoverCarouselNavButtonSlots,\n  TeachingPopoverCarouselNavButtonState,\n} from './TeachingPopoverCarouselNavButton';\nexport {\n  TeachingPopoverSurface,\n  renderTeachingPopoverSurface_unstable,\n  teachingPopoverSurfaceClassNames,\n  useTeachingPopoverSurfaceStyles_unstable,\n  useTeachingPopoverSurface_unstable,\n} from './TeachingPopoverSurface';\nexport type {\n  TeachingPopoverSurfaceProps,\n  TeachingPopoverSurfaceSlots,\n  TeachingPopoverSurfaceState,\n} from './TeachingPopoverSurface';\nexport {\n  TeachingPopoverTitle,\n  teachingPopoverTitleClassNames,\n  renderTeachingPopoverTitle_unstable,\n  useTeachingPopoverTitleStyles_unstable,\n  useTeachingPopoverTitle_unstable,\n} from './TeachingPopoverTitle';\nexport type {\n  TeachingPopoverTitleProps,\n  TeachingPopoverTitleSlots,\n  TeachingPopoverTitleState,\n} from './TeachingPopoverTitle';\nexport {\n  TeachingPopoverTrigger,\n  renderTeachingPopoverTrigger_unstable,\n  useTeachingPopoverTrigger_unstable,\n} from './TeachingPopoverTrigger';\nexport type {\n  TeachingPopoverTriggerChildProps,\n  TeachingPopoverTriggerProps,\n  TeachingPopoverTriggerState,\n} from './TeachingPopoverTrigger';\nexport { TeachingPopover, renderTeachingPopover_unstable, useTeachingPopover_unstable } from './TeachingPopover';\nexport type { TeachingPopoverProps, TeachingPopoverState } from './TeachingPopover';\nexport {\n  TeachingPopoverFooter,\n  teachingPopoverFooterClassNames,\n  renderTeachingPopoverFooter_unstable,\n  useTeachingPopoverFooter_unstable,\n} from './TeachingPopoverFooter';\nexport type { TeachingPopoverFooterProps, TeachingPopoverFooterState } from './TeachingPopoverFooter';\nexport {\n  TeachingPopoverCarouselPageCount,\n  renderTeachingPopoverCarouselPageCount_unstable,\n  teachingPopoverCarouselPageCountClassNames,\n  useTeachingPopoverCarouselPageCountStyles_unstable,\n  useTeachingPopoverCarouselPageCount_unstable,\n} from './TeachingPopoverCarouselPageCount';\nexport type {\n  TeachingPopoverCarouselPageCountProps,\n  TeachingPopoverCarouselPageCountRenderFunction,\n  TeachingPopoverCarouselPageCountSlots,\n  TeachingPopoverCarouselPageCountState,\n} from './TeachingPopoverCarouselPageCount';\nexport {\n  TeachingPopoverCarouselFooterButton,\n  renderTeachingPopoverCarouselFooterButton_unstable,\n  teachingPopoverCarouselFooterButtonClassNames,\n  useTeachingPopoverCarouselFooterButtonStyles_unstable,\n  useTeachingPopoverCarouselFooterButton_unstable,\n} from './TeachingPopoverCarouselFooterButton';\nexport type {\n  TeachingPopoverCarouselFooterButtonProps,\n  TeachingPopoverCarouselFooterButtonSlots,\n  TeachingPopoverCarouselFooterButtonState,\n} from './TeachingPopoverCarouselFooterButton';\n"],"names":["TeachingPopoverHeader","teachingPopoverHeaderClassNames","renderTeachingPopoverHeader_unstable","useTeachingPopoverHeaderStyles_unstable","useTeachingPopoverHeader_unstable","TeachingPopoverBody","teachingPopoverBodyClassNames","renderTeachingPopoverBody_unstable","useTeachingPopoverBodyStyles_unstable","useTeachingPopoverBody_unstable","TeachingPopoverCarouselCard","teachingPopoverCarouselCardClassNames","renderTeachingPopoverCarouselCard_unstable","useTeachingPopoverCarouselCardStyles_unstable","useTeachingPopoverCarouselCard_unstable","TeachingPopoverCarousel","teachingPopoverCarouselClassNames","renderTeachingPopoverCarousel_unstable","useTeachingPopoverCarouselStyles_unstable","useTeachingPopoverCarousel_unstable","useTeachingPopoverCarouselContextValues_unstable","TeachingPopoverCarouselFooter","teachingPopoverCarouselFooterClassNames","renderTeachingPopoverCarouselFooter_unstable","useTeachingPopoverCarouselFooterStyles_unstable","useTeachingPopoverCarouselFooter_unstable","TeachingPopoverCarouselNav","teachingPopoverCarouselNavClassNames","renderTeachingPopoverCarouselNav_unstable","useTeachingPopoverCarouselNavStyles_unstable","useTeachingPopoverCarouselNav_unstable","TeachingPopoverCarouselNavButton","teachingPopoverCarouselNavButtonClassNames","renderTeachingPopoverCarouselNavButton_unstable","useTeachingPopoverCarouselNavButtonStyles_unstable","useTeachingPopoverCarouselNavButton_unstable","TeachingPopoverSurface","renderTeachingPopoverSurface_unstable","teachingPopoverSurfaceClassNames","useTeachingPopoverSurfaceStyles_unstable","useTeachingPopoverSurface_unstable","TeachingPopoverTitle","teachingPopoverTitleClassNames","renderTeachingPopoverTitle_unstable","useTeachingPopoverTitleStyles_unstable","useTeachingPopoverTitle_unstable","TeachingPopoverTrigger","renderTeachingPopoverTrigger_unstable","useTeachingPopoverTrigger_unstable","TeachingPopover","renderTeachingPopover_unstable","useTeachingPopover_unstable","TeachingPopoverFooter","teachingPopoverFooterClassNames","renderTeachingPopoverFooter_unstable","useTeachingPopoverFooter_unstable","TeachingPopoverCarouselPageCount","renderTeachingPopoverCarouselPageCount_unstable","teachingPopoverCarouselPageCountClassNames","useTeachingPopoverCarouselPageCountStyles_unstable","useTeachingPopoverCarouselPageCount_unstable","TeachingPopoverCarouselFooterButton","renderTeachingPopoverCarouselFooterButton_unstable","teachingPopoverCarouselFooterButtonClassNames","useTeachingPopoverCarouselFooterButtonStyles_unstable","useTeachingPopoverCarouselFooterButton_unstable"],"rangeMappings":";;;;;;;;;;;;;","mappings":"AAAA,SACEA,qBAAqB,EACrBC,+BAA+B,EAC/BC,oCAAoC,EACpCC,uCAAuC,EACvCC,iCAAiC,QAC5B,0BAA0B;AAMjC,SACEC,mBAAmB,EACnBC,6BAA6B,EAC7BC,kCAAkC,EAClCC,qCAAqC,EACrCC,+BAA+B,QAC1B,wBAAwB;AAM/B,SACEC,2BAA2B,EAC3BC,qCAAqC,EACrCC,0CAA0C,EAC1CC,6CAA6C,EAC7CC,uCAAuC,QAClC,gCAAgC;AAMvC,SACEC,uBAAuB,EACvBC,iCAAiC,EACjCC,sCAAsC,EACtCC,yCAAyC,EACzCC,mCAAmC,EACnCC,gDAAgD,QAC3C,4BAA4B;AAMnC,SACEC,6BAA6B,EAC7BC,uCAAuC,EACvCC,4CAA4C,EAC5CC,+CAA+C,EAC/CC,yCAAyC,QACpC,kCAAkC;AAMzC,SACEC,0BAA0B,EAC1BC,oCAAoC,EACpCC,yCAAyC,EACzCC,4CAA4C,EAC5CC,sCAAsC,QACjC,+BAA+B;AAMtC,SACEC,gCAAgC,EAChCC,0CAA0C,EAC1CC,+CAA+C,EAC/CC,kDAAkD,EAClDC,4CAA4C,QACvC,qCAAqC;AAM5C,SACEC,sBAAsB,EACtBC,qCAAqC,EACrCC,gCAAgC,EAChCC,wCAAwC,EACxCC,kCAAkC,QAC7B,2BAA2B;AAMlC,SACEC,oBAAoB,EACpBC,8BAA8B,EAC9BC,mCAAmC,EACnCC,sCAAsC,EACtCC,gCAAgC,QAC3B,yBAAyB;AAMhC,SACEC,sBAAsB,EACtBC,qCAAqC,EACrCC,kCAAkC,QAC7B,2BAA2B;AAMlC,SAASC,eAAe,EAAEC,8BAA8B,EAAEC,2BAA2B,QAAQ,oBAAoB;AAEjH,SACEC,qBAAqB,EACrBC,+BAA+B,EAC/BC,oCAAoC,EACpCC,iCAAiC,QAC5B,0BAA0B;AAEjC,SACEC,gCAAgC,EAChCC,+CAA+C,EAC/CC,0CAA0C,EAC1CC,kDAAkD,EAClDC,4CAA4C,QACvC,qCAAqC;AAO5C,SACEC,mCAAmC,EACnCC,kDAAkD,EAClDC,6CAA6C,EAC7CC,qDAAqD,EACrDC,+CAA+C,QAC1C,wCAAwC"}

package/lib-commonjs/TeachingPopover.js.map

@@ -1 +1 @@
-{"version":3,"sources":["TeachingPopover.js"],"sourcesContent":["export * from './components/TeachingPopover/index';\n"],"names":[],"mappings":";;;;;uBAAc"}
+{"version":3,"sources":["TeachingPopover.ts"],"sourcesContent":["export * from './components/TeachingPopover/index';\n"],"names":[],"rangeMappings":";;;;;","mappings":";;;;;uBAAc"}

package/lib-commonjs/TeachingPopoverBody.js.map

@@ -1 +1 @@
-{"version":3,"sources":["TeachingPopoverBody.js"],"sourcesContent":["export * from './components/TeachingPopoverBody/index';\n"],"names":[],"mappings":";;;;;uBAAc"}
+{"version":3,"sources":["TeachingPopoverBody.ts"],"sourcesContent":["export * from './components/TeachingPopoverBody/index';\n"],"names":[],"rangeMappings":";;;;;","mappings":";;;;;uBAAc"}

package/lib-commonjs/TeachingPopoverCarousel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["TeachingPopoverCarousel.js"],"sourcesContent":["export * from './components/TeachingPopoverCarousel/index';\n"],"names":[],"mappings":";;;;;uBAAc"}
+{"version":3,"sources":["TeachingPopoverCarousel.ts"],"sourcesContent":["export * from './components/TeachingPopoverCarousel/index';\n"],"names":[],"rangeMappings":";;;;;","mappings":";;;;;uBAAc"}

package/lib-commonjs/TeachingPopoverCarouselCard.js.map

@@ -1 +1 @@
-{"version":3,"sources":["TeachingPopoverCarouselCard.js"],"sourcesContent":["export * from './components/TeachingPopoverCarouselCard/index';\n"],"names":[],"mappings":";;;;;uBAAc"}
+{"version":3,"sources":["TeachingPopoverCarouselCard.ts"],"sourcesContent":["export * from './components/TeachingPopoverCarouselCard/index';\n"],"names":[],"rangeMappings":";;;;;","mappings":";;;;;uBAAc"}

package/lib-commonjs/TeachingPopoverCarouselFooter.js.map

@@ -1 +1 @@
-{"version":3,"sources":["TeachingPopoverCarouselFooter.js"],"sourcesContent":["export * from './components/TeachingPopoverCarouselFooter/index';\n"],"names":[],"mappings":";;;;;uBAAc"}
+{"version":3,"sources":["TeachingPopoverCarouselFooter.ts"],"sourcesContent":["export * from './components/TeachingPopoverCarouselFooter/index';\n"],"names":[],"rangeMappings":";;;;;","mappings":";;;;;uBAAc"}

package/lib-commonjs/TeachingPopoverCarouselFooterButton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["TeachingPopoverCarouselFooterButton.js"],"sourcesContent":["export * from './components/TeachingPopoverCarouselFooterButton/index';\n"],"names":[],"mappings":";;;;;uBAAc"}
+{"version":3,"sources":["TeachingPopoverCarouselFooterButton.ts"],"sourcesContent":["export * from './components/TeachingPopoverCarouselFooterButton/index';\n"],"names":[],"rangeMappings":";;;;;","mappings":";;;;;uBAAc"}

package/lib-commonjs/TeachingPopoverCarouselNav.js.map

@@ -1 +1 @@
-{"version":3,"sources":["TeachingPopoverCarouselNav.js"],"sourcesContent":["export * from './components/TeachingPopoverCarouselNav/index';\n"],"names":[],"mappings":";;;;;uBAAc"}
+{"version":3,"sources":["TeachingPopoverCarouselNav.ts"],"sourcesContent":["export * from './components/TeachingPopoverCarouselNav/index';\n"],"names":[],"rangeMappings":";;;;;","mappings":";;;;;uBAAc"}

package/lib-commonjs/TeachingPopoverCarouselNavButton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["TeachingPopoverCarouselNavButton.js"],"sourcesContent":["export * from './components/TeachingPopoverCarouselNavButton/index';\n"],"names":[],"mappings":";;;;;uBAAc"}
+{"version":3,"sources":["TeachingPopoverCarouselNavButton.ts"],"sourcesContent":["export * from './components/TeachingPopoverCarouselNavButton/index';\n"],"names":[],"rangeMappings":";;;;;","mappings":";;;;;uBAAc"}

package/lib-commonjs/TeachingPopoverCarouselPageCount.js.map

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