@fluentui/react-teaching-popover 9.1.8 → 9.1.10

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

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './TeachingPopoverCarouselCard';\nexport * from './TeachingPopoverCarouselCard.types';\nexport * from './renderTeachingPopoverCarouselCard';\nexport * from './useTeachingPopoverCarouselCard';\nexport * from './useTeachingPopoverCarouselCardStyles.styles';\n"],"names":[],"mappings":"AAAA,cAAc,gCAAgC;AAC9C,cAAc,sCAAsC;AACpD,cAAc,sCAAsC;AACpD,cAAc,mCAAmC;AACjD,cAAc,gDAAgD"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './TeachingPopoverCarouselCard';\nexport * from './TeachingPopoverCarouselCard.types';\nexport * from './renderTeachingPopoverCarouselCard';\nexport * from './useTeachingPopoverCarouselCard';\nexport * from './useTeachingPopoverCarouselCardStyles.styles';\n"],"names":[],"rangeMappings":";;;;","mappings":"AAAA,cAAc,gCAAgC;AAC9C,cAAc,sCAAsC;AACpD,cAAc,sCAAsC;AACpD,cAAc,mCAAmC;AACjD,cAAc,gDAAgD"}

package/lib/components/TeachingPopoverCarouselCard/renderTeachingPopoverCarouselCard.js.map

@@ -1 +1 @@
-{"version":3,"sources":["renderTeachingPopoverCarouselCard.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\nimport type { TeachingPopoverCarouselCardState } from './TeachingPopoverCarouselCard.types';\nimport { TeachingPopoverCarouselCardSlots } from './TeachingPopoverCarouselCard.types';\nimport { assertSlots } from '@fluentui/react-utilities';\n\n/**\n * Render the final JSX of TeachingPopoverCarouselCard\n */\nexport const renderTeachingPopoverCarouselCard_unstable = (state: TeachingPopoverCarouselCardState) => {\n  assertSlots<TeachingPopoverCarouselCardSlots>(state);\n\n  return <state.root />;\n};\n"],"names":["assertSlots","renderTeachingPopoverCarouselCard_unstable","state","root"],"mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAGjD,SAASA,WAAW,QAAQ,4BAA4B;AAExD;;CAEC,GACD,OAAO,MAAMC,6CAA6C,CAACC;IACzDF,YAA8CE;IAE9C,qBAAO,KAACA,MAAMC,IAAI;AACpB,EAAE"}
+{"version":3,"sources":["renderTeachingPopoverCarouselCard.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\nimport type { TeachingPopoverCarouselCardState } from './TeachingPopoverCarouselCard.types';\nimport { TeachingPopoverCarouselCardSlots } from './TeachingPopoverCarouselCard.types';\nimport { assertSlots } from '@fluentui/react-utilities';\n\n/**\n * Render the final JSX of TeachingPopoverCarouselCard\n */\nexport const renderTeachingPopoverCarouselCard_unstable = (state: TeachingPopoverCarouselCardState) => {\n  assertSlots<TeachingPopoverCarouselCardSlots>(state);\n\n  return <state.root />;\n};\n"],"names":["assertSlots","renderTeachingPopoverCarouselCard_unstable","state","root"],"rangeMappings":";;;;;;;","mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAGjD,SAASA,WAAW,QAAQ,4BAA4B;AAExD;;CAEC,GACD,OAAO,MAAMC,6CAA6C,CAACC;IACzDF,YAA8CE;IAE9C,qBAAO,KAACA,MAAMC,IAAI;AACpB,EAAE"}

package/lib/components/TeachingPopoverCarouselCard/useTeachingPopoverCarouselCard.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useTeachingPopoverCarouselCard.ts"],"sourcesContent":["import { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport * as React from 'react';\n\nimport type {\n  TeachingPopoverCarouselCardProps,\n  TeachingPopoverCarouselCardState,\n} from './TeachingPopoverCarouselCard.types';\nimport { CarouselItem } from '../TeachingPopoverCarousel/Carousel/CarouselItem/Carouseltem';\n\n/**\n * Returns the props and state required to render the component\n * @param props - TeachingPopoverCarouselCard properties\n * @param ref - reference to root HTMLElement of TeachingPopoverCarouselCard\n */\nexport const useTeachingPopoverCarouselCard_unstable = (\n  props: TeachingPopoverCarouselCardProps,\n  ref: React.Ref<HTMLDivElement>,\n): TeachingPopoverCarouselCardState => {\n  const { value } = props;\n\n  return {\n    value,\n    components: {\n      root: CarouselItem,\n    },\n    root: slot.always(\n      {\n        ...getIntrinsicElementProps('div', {\n          ref,\n          ...props,\n        }),\n        value,\n      },\n      { elementType: CarouselItem },\n    ),\n  };\n};\n"],"names":["getIntrinsicElementProps","slot","React","CarouselItem","useTeachingPopoverCarouselCard_unstable","props","ref","value","components","root","always","elementType"],"mappings":"AAAA,SAASA,wBAAwB,EAAEC,IAAI,QAAQ,4BAA4B;AAC3E,YAAYC,WAAW,QAAQ;AAM/B,SAASC,YAAY,QAAQ,+DAA+D;AAE5F;;;;CAIC,GACD,OAAO,MAAMC,0CAA0C,CACrDC,OACAC;IAEA,MAAM,EAAEC,KAAK,EAAE,GAAGF;IAElB,OAAO;QACLE;QACAC,YAAY;YACVC,MAAMN;QACR;QACAM,MAAMR,KAAKS,MAAM,CACf;YACE,GAAGV,yBAAyB,OAAO;gBACjCM;gBACA,GAAGD,KAAK;YACV,EAAE;YACFE;QACF,GACA;YAAEI,aAAaR;QAAa;IAEhC;AACF,EAAE"}
+{"version":3,"sources":["useTeachingPopoverCarouselCard.ts"],"sourcesContent":["import { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport * as React from 'react';\n\nimport type {\n  TeachingPopoverCarouselCardProps,\n  TeachingPopoverCarouselCardState,\n} from './TeachingPopoverCarouselCard.types';\nimport { CarouselItem } from '../TeachingPopoverCarousel/Carousel/CarouselItem/Carouseltem';\n\n/**\n * Returns the props and state required to render the component\n * @param props - TeachingPopoverCarouselCard properties\n * @param ref - reference to root HTMLElement of TeachingPopoverCarouselCard\n */\nexport const useTeachingPopoverCarouselCard_unstable = (\n  props: TeachingPopoverCarouselCardProps,\n  ref: React.Ref<HTMLDivElement>,\n): TeachingPopoverCarouselCardState => {\n  const { value } = props;\n\n  return {\n    value,\n    components: {\n      root: CarouselItem,\n    },\n    root: slot.always(\n      {\n        ...getIntrinsicElementProps('div', {\n          ref,\n          ...props,\n        }),\n        value,\n      },\n      { elementType: CarouselItem },\n    ),\n  };\n};\n"],"names":["getIntrinsicElementProps","slot","React","CarouselItem","useTeachingPopoverCarouselCard_unstable","props","ref","value","components","root","always","elementType"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,wBAAwB,EAAEC,IAAI,QAAQ,4BAA4B;AAC3E,YAAYC,WAAW,QAAQ;AAM/B,SAASC,YAAY,QAAQ,+DAA+D;AAE5F;;;;CAIC,GACD,OAAO,MAAMC,0CAA0C,CACrDC,OACAC;IAEA,MAAM,EAAEC,KAAK,EAAE,GAAGF;IAElB,OAAO;QACLE;QACAC,YAAY;YACVC,MAAMN;QACR;QACAM,MAAMR,KAAKS,MAAM,CACf;YACE,GAAGV,yBAAyB,OAAO;gBACjCM;gBACA,GAAGD,KAAK;YACV,EAAE;YACFE;QACF,GACA;YAAEI,aAAaR;QAAa;IAEhC;AACF,EAAE"}

package/lib/components/TeachingPopoverCarouselCard/useTeachingPopoverCarouselCardStyles.styles.js

@@ -7,6 +7,8 @@ const useStyles = /*#__PURE__*/__styles({
 }, {});
 /** Applies style classnames to slots */
 export const useTeachingPopoverCarouselCardStyles_unstable = state => {
+  'use no memo';
+
   const styles = useStyles();
   state.root.className = mergeClasses(teachingPopoverCarouselCardClassNames.root, styles.root, state.root.className);
   return state;

package/lib/components/TeachingPopoverCarouselCard/useTeachingPopoverCarouselCardStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["__styles","mergeClasses","teachingPopoverCarouselCardClassNames","root","useStyles","useTeachingPopoverCarouselCardStyles_unstable","state","styles","className"],"sources":["useTeachingPopoverCarouselCardStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nexport const teachingPopoverCarouselCardClassNames = {\n    root: 'fui-TeachingPopoverCarouselCard'\n};\nconst useStyles = makeStyles({\n    root: {}\n});\n/** Applies style classnames to slots */ export const useTeachingPopoverCarouselCardStyles_unstable = (state)=>{\n    const styles = useStyles();\n    state.root.className = mergeClasses(teachingPopoverCarouselCardClassNames.root, styles.root, state.root.className);\n    return state;\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD,OAAO,MAAMC,qCAAqC,GAAG;EACjDC,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,SAAS,gBAAGJ,QAAA;EAAAG,IAAA;AAAA,KAEjB,CAAC;AACF;AAAyC,OAAO,MAAME,6CAA6C,GAAIC,KAAK,IAAG;EAC3G,MAAMC,MAAM,GAAGH,SAAS,CAAC,CAAC;EAC1BE,KAAK,CAACH,IAAI,CAACK,SAAS,GAAGP,YAAY,CAACC,qCAAqC,CAACC,IAAI,EAAEI,MAAM,CAACJ,IAAI,EAAEG,KAAK,CAACH,IAAI,CAACK,SAAS,CAAC;EAClH,OAAOF,KAAK;AAChB,CAAC","ignoreList":[]}
+{"version":3,"names":["__styles","mergeClasses","teachingPopoverCarouselCardClassNames","root","useStyles","useTeachingPopoverCarouselCardStyles_unstable","state","styles","className"],"sources":["useTeachingPopoverCarouselCardStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nexport const teachingPopoverCarouselCardClassNames = {\n    root: 'fui-TeachingPopoverCarouselCard'\n};\nconst useStyles = makeStyles({\n    root: {}\n});\n/** Applies style classnames to slots */ export const useTeachingPopoverCarouselCardStyles_unstable = (state)=>{\n    'use no memo';\n    const styles = useStyles();\n    state.root.className = mergeClasses(teachingPopoverCarouselCardClassNames.root, styles.root, state.root.className);\n    return state;\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD,OAAO,MAAMC,qCAAqC,GAAG;EACjDC,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,SAAS,gBAAGJ,QAAA;EAAAG,IAAA;AAAA,KAEjB,CAAC;AACF;AAAyC,OAAO,MAAME,6CAA6C,GAAIC,KAAK,IAAG;EAC3G,aAAa;;EACb,MAAMC,MAAM,GAAGH,SAAS,CAAC,CAAC;EAC1BE,KAAK,CAACH,IAAI,CAACK,SAAS,GAAGP,YAAY,CAACC,qCAAqC,CAACC,IAAI,EAAEI,MAAM,CAACJ,IAAI,EAAEG,KAAK,CAACH,IAAI,CAACK,SAAS,CAAC;EAClH,OAAOF,KAAK;AAChB,CAAC","ignoreList":[]}

package/lib/components/TeachingPopoverCarouselFooter/TeachingPopoverCarouselFooter.js.map

@@ -1 +1 @@
-{"version":3,"sources":["TeachingPopoverCarouselFooter.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useTeachingPopoverCarouselFooter_unstable } from './useTeachingPopoverCarouselFooter';\nimport { renderTeachingPopoverCarouselFooter_unstable } from './renderTeachingPopoverCarouselFooter';\nimport { useTeachingPopoverCarouselFooterStyles_unstable } from './useTeachingPopoverCarouselFooterStyles.styles';\nimport type { TeachingPopoverCarouselFooterProps } from './TeachingPopoverCarouselFooter.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * Define a styled TeachingPopoverCarouselFooter, using the `useTeachingPopoverCarouselFooter_unstable` and `useTeachingPopoverCarouselFooterStyles_unstable`\n * hooks.\n *\n * TeachingPopoverCarouselFooter contains previous/next buttons configured for carousel navigation, and a root slot for page count and/or page index navigation.\n */\nexport const TeachingPopoverCarouselFooter: ForwardRefComponent<TeachingPopoverCarouselFooterProps> = React.forwardRef(\n  (props, ref) => {\n    const state = useTeachingPopoverCarouselFooter_unstable(props, ref);\n\n    useTeachingPopoverCarouselFooterStyles_unstable(state);\n\n    return renderTeachingPopoverCarouselFooter_unstable(state);\n  },\n);\n\nTeachingPopoverCarouselFooter.displayName = 'TeachingPopoverCarouselFooter';\n"],"names":["React","useTeachingPopoverCarouselFooter_unstable","renderTeachingPopoverCarouselFooter_unstable","useTeachingPopoverCarouselFooterStyles_unstable","TeachingPopoverCarouselFooter","forwardRef","props","ref","state","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,yCAAyC,QAAQ,qCAAqC;AAC/F,SAASC,4CAA4C,QAAQ,wCAAwC;AACrG,SAASC,+CAA+C,QAAQ,kDAAkD;AAIlH;;;;;CAKC,GACD,OAAO,MAAMC,8CAAyFJ,MAAMK,UAAU,CACpH,CAACC,OAAOC;IACN,MAAMC,QAAQP,0CAA0CK,OAAOC;IAE/DJ,gDAAgDK;IAEhD,OAAON,6CAA6CM;AACtD,GACA;AAEFJ,8BAA8BK,WAAW,GAAG"}
+{"version":3,"sources":["TeachingPopoverCarouselFooter.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useTeachingPopoverCarouselFooter_unstable } from './useTeachingPopoverCarouselFooter';\nimport { renderTeachingPopoverCarouselFooter_unstable } from './renderTeachingPopoverCarouselFooter';\nimport { useTeachingPopoverCarouselFooterStyles_unstable } from './useTeachingPopoverCarouselFooterStyles.styles';\nimport type { TeachingPopoverCarouselFooterProps } from './TeachingPopoverCarouselFooter.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * Define a styled TeachingPopoverCarouselFooter, using the `useTeachingPopoverCarouselFooter_unstable` and `useTeachingPopoverCarouselFooterStyles_unstable`\n * hooks.\n *\n * TeachingPopoverCarouselFooter contains previous/next buttons configured for carousel navigation, and a root slot for page count and/or page index navigation.\n */\nexport const TeachingPopoverCarouselFooter: ForwardRefComponent<TeachingPopoverCarouselFooterProps> = React.forwardRef(\n  (props, ref) => {\n    const state = useTeachingPopoverCarouselFooter_unstable(props, ref);\n\n    useTeachingPopoverCarouselFooterStyles_unstable(state);\n\n    return renderTeachingPopoverCarouselFooter_unstable(state);\n  },\n);\n\nTeachingPopoverCarouselFooter.displayName = 'TeachingPopoverCarouselFooter';\n"],"names":["React","useTeachingPopoverCarouselFooter_unstable","renderTeachingPopoverCarouselFooter_unstable","useTeachingPopoverCarouselFooterStyles_unstable","TeachingPopoverCarouselFooter","forwardRef","props","ref","state","displayName"],"rangeMappings":";;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,yCAAyC,QAAQ,qCAAqC;AAC/F,SAASC,4CAA4C,QAAQ,wCAAwC;AACrG,SAASC,+CAA+C,QAAQ,kDAAkD;AAIlH;;;;;CAKC,GACD,OAAO,MAAMC,8CAAyFJ,MAAMK,UAAU,CACpH,CAACC,OAAOC;IACN,MAAMC,QAAQP,0CAA0CK,OAAOC;IAE/DJ,gDAAgDK;IAEhD,OAAON,6CAA6CM;AACtD,GACA;AAEFJ,8BAA8BK,WAAW,GAAG"}

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

@@ -1 +1 @@
-{"version":3,"sources":["TeachingPopoverCarouselFooter.types.ts"],"sourcesContent":["import * as React from 'react';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport type { TeachingPopoverCarouselFooterButtonProps } from '../TeachingPopoverCarouselFooterButton/TeachingPopoverCarouselFooterButton.types';\n\nexport type TeachingPopoverCarouselFooterSlots = {\n  /**\n   * The element wrapping carousel pages and navigation.\n   */\n  root: NonNullable<Slot<'div'>>;\n\n  /**\n   * The previous button slot.\n   */\n  previous?: Slot<TeachingPopoverCarouselFooterButtonProps>;\n\n  /**\n   * The next button slot.\n   */\n  next: NonNullable<Slot<TeachingPopoverCarouselFooterButtonProps>>;\n};\n\nexport type TeachingPopoverCarouselFooterLayout = 'offset' | 'centered';\n\n// For localization or customization, users may want to modify this for their own purposes\nexport type TeachingPopoverPageCountChildRenderFunction = (currentPage: number, totalPages: number) => React.ReactNode;\n\n/**\n * TeachingPopoverCarouselFooter Props\n */\nexport type TeachingPopoverCarouselFooterProps = ComponentProps<TeachingPopoverCarouselFooterSlots> & {\n  /**\n   * Controls whether buttons will be centered (balanced) or right aligned\n   * Defaults to 'centered'.\n   */\n  layout?: TeachingPopoverCarouselFooterLayout;\n\n  /**\n   * The text to be displayed on the initial step of carousel\n   */\n  initialStepText: string;\n\n  /**\n   * The text to be displayed on the final step of carousel\n   */\n  finalStepText: string;\n};\n\n/**\n * TeachingPopoverCarouselFooter State and Context Hooks\n */\nexport type TeachingPopoverCarouselFooterState = ComponentState<Required<TeachingPopoverCarouselFooterSlots>> &\n  Pick<TeachingPopoverCarouselFooterProps, 'layout'>;\n"],"names":["React"],"mappings":"AAAA,YAAYA,WAAW,QAAQ"}
+{"version":3,"sources":["TeachingPopoverCarouselFooter.types.ts"],"sourcesContent":["import * as React from 'react';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport type { TeachingPopoverCarouselFooterButtonProps } from '../TeachingPopoverCarouselFooterButton/TeachingPopoverCarouselFooterButton.types';\n\nexport type TeachingPopoverCarouselFooterSlots = {\n  /**\n   * The element wrapping carousel pages and navigation.\n   */\n  root: NonNullable<Slot<'div'>>;\n\n  /**\n   * The previous button slot.\n   */\n  previous?: Slot<TeachingPopoverCarouselFooterButtonProps>;\n\n  /**\n   * The next button slot.\n   */\n  next: NonNullable<Slot<TeachingPopoverCarouselFooterButtonProps>>;\n};\n\nexport type TeachingPopoverCarouselFooterLayout = 'offset' | 'centered';\n\n// For localization or customization, users may want to modify this for their own purposes\nexport type TeachingPopoverPageCountChildRenderFunction = (currentPage: number, totalPages: number) => React.ReactNode;\n\n/**\n * TeachingPopoverCarouselFooter Props\n */\nexport type TeachingPopoverCarouselFooterProps = ComponentProps<TeachingPopoverCarouselFooterSlots> & {\n  /**\n   * Controls whether buttons will be centered (balanced) or right aligned\n   * Defaults to 'centered'.\n   */\n  layout?: TeachingPopoverCarouselFooterLayout;\n\n  /**\n   * The text to be displayed on the initial step of carousel\n   */\n  initialStepText: string;\n\n  /**\n   * The text to be displayed on the final step of carousel\n   */\n  finalStepText: string;\n};\n\n/**\n * TeachingPopoverCarouselFooter State and Context Hooks\n */\nexport type TeachingPopoverCarouselFooterState = ComponentState<Required<TeachingPopoverCarouselFooterSlots>> &\n  Pick<TeachingPopoverCarouselFooterProps, 'layout'>;\n"],"names":["React"],"rangeMappings":"","mappings":"AAAA,YAAYA,WAAW,QAAQ"}

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

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './TeachingPopoverCarouselFooter';\nexport * from './TeachingPopoverCarouselFooter.types';\nexport * from './renderTeachingPopoverCarouselFooter';\nexport * from './useTeachingPopoverCarouselFooter';\nexport * from './useTeachingPopoverCarouselFooterStyles.styles';\n"],"names":[],"mappings":"AAAA,cAAc,kCAAkC;AAChD,cAAc,wCAAwC;AACtD,cAAc,wCAAwC;AACtD,cAAc,qCAAqC;AACnD,cAAc,kDAAkD"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './TeachingPopoverCarouselFooter';\nexport * from './TeachingPopoverCarouselFooter.types';\nexport * from './renderTeachingPopoverCarouselFooter';\nexport * from './useTeachingPopoverCarouselFooter';\nexport * from './useTeachingPopoverCarouselFooterStyles.styles';\n"],"names":[],"rangeMappings":";;;;","mappings":"AAAA,cAAc,kCAAkC;AAChD,cAAc,wCAAwC;AACtD,cAAc,wCAAwC;AACtD,cAAc,qCAAqC;AACnD,cAAc,kDAAkD"}

package/lib/components/TeachingPopoverCarouselFooter/renderTeachingPopoverCarouselFooter.js.map

@@ -1 +1 @@
-{"version":3,"sources":["renderTeachingPopoverCarouselFooter.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\nimport type { TeachingPopoverCarouselFooterState } from './TeachingPopoverCarouselFooter.types';\nimport { TeachingPopoverCarouselFooterSlots } from './TeachingPopoverCarouselFooter.types';\nimport { assertSlots } from '@fluentui/react-utilities';\n\n/**\n * Render the final JSX of TeachingPopoverCarouselFooter\n */\nexport const renderTeachingPopoverCarouselFooter_unstable = (state: TeachingPopoverCarouselFooterState) => {\n  assertSlots<TeachingPopoverCarouselFooterSlots>(state);\n\n  const { layout } = state;\n\n  return (\n    <state.root>\n      {layout === 'centered' && state.previous && <state.previous />}\n      {state.root.children}\n      {layout === 'offset' && state.previous && <state.previous />}\n      <state.next />\n    </state.root>\n  );\n};\n"],"names":["assertSlots","renderTeachingPopoverCarouselFooter_unstable","state","layout","root","previous","children","next"],"mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAGjD,SAASA,WAAW,QAAQ,4BAA4B;AAExD;;CAEC,GACD,OAAO,MAAMC,+CAA+C,CAACC;IAC3DF,YAAgDE;IAEhD,MAAM,EAAEC,MAAM,EAAE,GAAGD;IAEnB,qBACE,MAACA,MAAME,IAAI;;YACRD,WAAW,cAAcD,MAAMG,QAAQ,kBAAI,KAACH,MAAMG,QAAQ;YAC1DH,MAAME,IAAI,CAACE,QAAQ;YACnBH,WAAW,YAAYD,MAAMG,QAAQ,kBAAI,KAACH,MAAMG,QAAQ;0BACzD,KAACH,MAAMK,IAAI;;;AAGjB,EAAE"}
+{"version":3,"sources":["renderTeachingPopoverCarouselFooter.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\nimport type { TeachingPopoverCarouselFooterState } from './TeachingPopoverCarouselFooter.types';\nimport { TeachingPopoverCarouselFooterSlots } from './TeachingPopoverCarouselFooter.types';\nimport { assertSlots } from '@fluentui/react-utilities';\n\n/**\n * Render the final JSX of TeachingPopoverCarouselFooter\n */\nexport const renderTeachingPopoverCarouselFooter_unstable = (state: TeachingPopoverCarouselFooterState) => {\n  assertSlots<TeachingPopoverCarouselFooterSlots>(state);\n\n  const { layout } = state;\n\n  return (\n    <state.root>\n      {layout === 'centered' && state.previous && <state.previous />}\n      {state.root.children}\n      {layout === 'offset' && state.previous && <state.previous />}\n      <state.next />\n    </state.root>\n  );\n};\n"],"names":["assertSlots","renderTeachingPopoverCarouselFooter_unstable","state","layout","root","previous","children","next"],"rangeMappings":";;;;;;;;;;;;;;;","mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAGjD,SAASA,WAAW,QAAQ,4BAA4B;AAExD;;CAEC,GACD,OAAO,MAAMC,+CAA+C,CAACC;IAC3DF,YAAgDE;IAEhD,MAAM,EAAEC,MAAM,EAAE,GAAGD;IAEnB,qBACE,MAACA,MAAME,IAAI;;YACRD,WAAW,cAAcD,MAAMG,QAAQ,kBAAI,KAACH,MAAMG,QAAQ;YAC1DH,MAAME,IAAI,CAACE,QAAQ;YACnBH,WAAW,YAAYD,MAAMG,QAAQ,kBAAI,KAACH,MAAMG,QAAQ;0BACzD,KAACH,MAAMK,IAAI;;;AAGjB,EAAE"}

package/lib/components/TeachingPopoverCarouselFooter/useTeachingPopoverCarouselFooter.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useTeachingPopoverCarouselFooter.ts"],"sourcesContent":["import { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport * as React from 'react';\n\nimport type {\n  TeachingPopoverCarouselFooterProps,\n  TeachingPopoverCarouselFooterState,\n} from './TeachingPopoverCarouselFooter.types';\nimport { TeachingPopoverCarouselFooterButton } from '../TeachingPopoverCarouselFooterButton/TeachingPopoverCarouselFooterButton';\n\nexport const useTeachingPopoverCarouselFooter_unstable = (\n  props: TeachingPopoverCarouselFooterProps,\n  ref: React.Ref<HTMLDivElement>,\n): TeachingPopoverCarouselFooterState => {\n  const { layout = 'centered', initialStepText, finalStepText } = props;\n\n  const previous = slot.optional(props.previous, {\n    defaultProps: {\n      navType: 'prev',\n      altText: initialStepText,\n    },\n    renderByDefault: true,\n    elementType: TeachingPopoverCarouselFooterButton,\n  });\n\n  const next = slot.always(props.next, {\n    defaultProps: {\n      navType: 'next',\n      altText: finalStepText,\n    },\n    elementType: TeachingPopoverCarouselFooterButton,\n  });\n\n  return {\n    layout,\n    components: {\n      root: 'div',\n      next: TeachingPopoverCarouselFooterButton,\n      previous: TeachingPopoverCarouselFooterButton,\n    },\n    root: slot.always(\n      getIntrinsicElementProps('div', {\n        ref,\n        ...props,\n      }),\n      { elementType: 'div' },\n    ),\n    previous,\n    next,\n  };\n};\n"],"names":["getIntrinsicElementProps","slot","React","TeachingPopoverCarouselFooterButton","useTeachingPopoverCarouselFooter_unstable","props","ref","layout","initialStepText","finalStepText","previous","optional","defaultProps","navType","altText","renderByDefault","elementType","next","always","components","root"],"mappings":"AAAA,SAASA,wBAAwB,EAAEC,IAAI,QAAQ,4BAA4B;AAC3E,YAAYC,WAAW,QAAQ;AAM/B,SAASC,mCAAmC,QAAQ,6EAA6E;AAEjI,OAAO,MAAMC,4CAA4C,CACvDC,OACAC;IAEA,MAAM,EAAEC,SAAS,UAAU,EAAEC,eAAe,EAAEC,aAAa,EAAE,GAAGJ;IAEhE,MAAMK,WAAWT,KAAKU,QAAQ,CAACN,MAAMK,QAAQ,EAAE;QAC7CE,cAAc;YACZC,SAAS;YACTC,SAASN;QACX;QACAO,iBAAiB;QACjBC,aAAab;IACf;IAEA,MAAMc,OAAOhB,KAAKiB,MAAM,CAACb,MAAMY,IAAI,EAAE;QACnCL,cAAc;YACZC,SAAS;YACTC,SAASL;QACX;QACAO,aAAab;IACf;IAEA,OAAO;QACLI;QACAY,YAAY;YACVC,MAAM;YACNH,MAAMd;YACNO,UAAUP;QACZ;QACAiB,MAAMnB,KAAKiB,MAAM,CACflB,yBAAyB,OAAO;YAC9BM;YACA,GAAGD,KAAK;QACV,IACA;YAAEW,aAAa;QAAM;QAEvBN;QACAO;IACF;AACF,EAAE"}
+{"version":3,"sources":["useTeachingPopoverCarouselFooter.ts"],"sourcesContent":["import { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport * as React from 'react';\n\nimport type {\n  TeachingPopoverCarouselFooterProps,\n  TeachingPopoverCarouselFooterState,\n} from './TeachingPopoverCarouselFooter.types';\nimport { TeachingPopoverCarouselFooterButton } from '../TeachingPopoverCarouselFooterButton/TeachingPopoverCarouselFooterButton';\n\nexport const useTeachingPopoverCarouselFooter_unstable = (\n  props: TeachingPopoverCarouselFooterProps,\n  ref: React.Ref<HTMLDivElement>,\n): TeachingPopoverCarouselFooterState => {\n  const { layout = 'centered', initialStepText, finalStepText } = props;\n\n  const previous = slot.optional(props.previous, {\n    defaultProps: {\n      navType: 'prev',\n      altText: initialStepText,\n    },\n    renderByDefault: true,\n    elementType: TeachingPopoverCarouselFooterButton,\n  });\n\n  const next = slot.always(props.next, {\n    defaultProps: {\n      navType: 'next',\n      altText: finalStepText,\n    },\n    elementType: TeachingPopoverCarouselFooterButton,\n  });\n\n  return {\n    layout,\n    components: {\n      root: 'div',\n      next: TeachingPopoverCarouselFooterButton,\n      previous: TeachingPopoverCarouselFooterButton,\n    },\n    root: slot.always(\n      getIntrinsicElementProps('div', {\n        ref,\n        ...props,\n      }),\n      { elementType: 'div' },\n    ),\n    previous,\n    next,\n  };\n};\n"],"names":["getIntrinsicElementProps","slot","React","TeachingPopoverCarouselFooterButton","useTeachingPopoverCarouselFooter_unstable","props","ref","layout","initialStepText","finalStepText","previous","optional","defaultProps","navType","altText","renderByDefault","elementType","next","always","components","root"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,wBAAwB,EAAEC,IAAI,QAAQ,4BAA4B;AAC3E,YAAYC,WAAW,QAAQ;AAM/B,SAASC,mCAAmC,QAAQ,6EAA6E;AAEjI,OAAO,MAAMC,4CAA4C,CACvDC,OACAC;IAEA,MAAM,EAAEC,SAAS,UAAU,EAAEC,eAAe,EAAEC,aAAa,EAAE,GAAGJ;IAEhE,MAAMK,WAAWT,KAAKU,QAAQ,CAACN,MAAMK,QAAQ,EAAE;QAC7CE,cAAc;YACZC,SAAS;YACTC,SAASN;QACX;QACAO,iBAAiB;QACjBC,aAAab;IACf;IAEA,MAAMc,OAAOhB,KAAKiB,MAAM,CAACb,MAAMY,IAAI,EAAE;QACnCL,cAAc;YACZC,SAAS;YACTC,SAASL;QACX;QACAO,aAAab;IACf;IAEA,OAAO;QACLI;QACAY,YAAY;YACVC,MAAM;YACNH,MAAMd;YACNO,UAAUP;QACZ;QACAiB,MAAMnB,KAAKiB,MAAM,CACflB,yBAAyB,OAAO;YAC9BM;YACA,GAAGD,KAAK;QACV,IACA;YAAEW,aAAa;QAAM;QAEvBN;QACAO;IACF;AACF,EAAE"}

package/lib/components/TeachingPopoverCarouselFooter/useTeachingPopoverCarouselFooterStyles.styles.js

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

package/lib/components/TeachingPopoverCarouselFooter/useTeachingPopoverCarouselFooterStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["__styles","mergeClasses","teachingPopoverCarouselFooterClassNames","root","previous","next","useStyles","mc9l5x","Beiy3e4","rootCentered","Brf1p80","i8kkvl","Belr9w4","rmohyg","rootRightAligned","Bp34fd5","d","p","useTeachingPopoverCarouselFooterStyles_unstable","state","styles","layout","className"],"sources":["useTeachingPopoverCarouselFooterStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nexport const teachingPopoverCarouselFooterClassNames = {\n    root: 'fui-TeachingPopoverCarouselFooter',\n    previous: 'fui-TeachingPopoverCarouselFooter__previous',\n    next: 'fui-TeachingPopoverCarouselFooter__next'\n};\n// Todo: Page change animation & styles\nconst useStyles = makeStyles({\n    root: {\n        display: 'flex',\n        flexDirection: 'row'\n    },\n    rootCentered: {\n        justifyContent: 'space-between',\n        gap: '8px'\n    },\n    rootRightAligned: {\n        gap: '8px',\n        '& :first-child': {\n            marginInlineEnd: 'auto'\n        }\n    }\n});\n/** Applies style classnames to slots */ export const useTeachingPopoverCarouselFooterStyles_unstable = (state)=>{\n    const styles = useStyles();\n    const { layout } = state;\n    state.root.className = mergeClasses(teachingPopoverCarouselFooterClassNames.root, styles.root, layout === 'centered' ? styles.rootCentered : styles.rootRightAligned, state.root.className);\n    if (state.previous) {\n        state.previous.className = mergeClasses(teachingPopoverCarouselFooterClassNames.previous, state.previous.className);\n    }\n    state.next.className = mergeClasses(teachingPopoverCarouselFooterClassNames.next, state.next.className);\n    return state;\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD,OAAO,MAAMC,uCAAuC,GAAG;EACnDC,IAAI,EAAE,mCAAmC;EACzCC,QAAQ,EAAE,6CAA6C;EACvDC,IAAI,EAAE;AACV,CAAC;AACD;AACA,MAAMC,SAAS,gBAAGN,QAAA;EAAAG,IAAA;IAAAI,MAAA;IAAAC,OAAA;EAAA;EAAAC,YAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,gBAAA;IAAAH,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAE,OAAA;EAAA;AAAA;EAAAC,CAAA;IAAAC,CAAA;EAAA;IAAAA,CAAA;EAAA;AAAA,CAejB,CAAC;AACF;AAAyC,OAAO,MAAMC,+CAA+C,GAAIC,KAAK,IAAG;EAC7G,MAAMC,MAAM,GAAGd,SAAS,CAAC,CAAC;EAC1B,MAAM;IAAEe;EAAO,CAAC,GAAGF,KAAK;EACxBA,KAAK,CAAChB,IAAI,CAACmB,SAAS,GAAGrB,YAAY,CAACC,uCAAuC,CAACC,IAAI,EAAEiB,MAAM,CAACjB,IAAI,EAAEkB,MAAM,KAAK,UAAU,GAAGD,MAAM,CAACX,YAAY,GAAGW,MAAM,CAACN,gBAAgB,EAAEK,KAAK,CAAChB,IAAI,CAACmB,SAAS,CAAC;EAC3L,IAAIH,KAAK,CAACf,QAAQ,EAAE;IAChBe,KAAK,CAACf,QAAQ,CAACkB,SAAS,GAAGrB,YAAY,CAACC,uCAAuC,CAACE,QAAQ,EAAEe,KAAK,CAACf,QAAQ,CAACkB,SAAS,CAAC;EACvH;EACAH,KAAK,CAACd,IAAI,CAACiB,SAAS,GAAGrB,YAAY,CAACC,uCAAuC,CAACG,IAAI,EAAEc,KAAK,CAACd,IAAI,CAACiB,SAAS,CAAC;EACvG,OAAOH,KAAK;AAChB,CAAC","ignoreList":[]}
+{"version":3,"names":["__styles","mergeClasses","teachingPopoverCarouselFooterClassNames","root","previous","next","useStyles","mc9l5x","Beiy3e4","rootCentered","Brf1p80","i8kkvl","Belr9w4","rmohyg","rootRightAligned","Bp34fd5","d","p","useTeachingPopoverCarouselFooterStyles_unstable","state","styles","layout","className"],"sources":["useTeachingPopoverCarouselFooterStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nexport const teachingPopoverCarouselFooterClassNames = {\n    root: 'fui-TeachingPopoverCarouselFooter',\n    previous: 'fui-TeachingPopoverCarouselFooter__previous',\n    next: 'fui-TeachingPopoverCarouselFooter__next'\n};\n// Todo: Page change animation & styles\nconst useStyles = makeStyles({\n    root: {\n        display: 'flex',\n        flexDirection: 'row'\n    },\n    rootCentered: {\n        justifyContent: 'space-between',\n        gap: '8px'\n    },\n    rootRightAligned: {\n        gap: '8px',\n        '& :first-child': {\n            marginInlineEnd: 'auto'\n        }\n    }\n});\n/** Applies style classnames to slots */ export const useTeachingPopoverCarouselFooterStyles_unstable = (state)=>{\n    'use no memo';\n    const styles = useStyles();\n    const { layout } = state;\n    state.root.className = mergeClasses(teachingPopoverCarouselFooterClassNames.root, styles.root, layout === 'centered' ? styles.rootCentered : styles.rootRightAligned, state.root.className);\n    if (state.previous) {\n        state.previous.className = mergeClasses(teachingPopoverCarouselFooterClassNames.previous, state.previous.className);\n    }\n    state.next.className = mergeClasses(teachingPopoverCarouselFooterClassNames.next, state.next.className);\n    return state;\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD,OAAO,MAAMC,uCAAuC,GAAG;EACnDC,IAAI,EAAE,mCAAmC;EACzCC,QAAQ,EAAE,6CAA6C;EACvDC,IAAI,EAAE;AACV,CAAC;AACD;AACA,MAAMC,SAAS,gBAAGN,QAAA;EAAAG,IAAA;IAAAI,MAAA;IAAAC,OAAA;EAAA;EAAAC,YAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,gBAAA;IAAAH,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAE,OAAA;EAAA;AAAA;EAAAC,CAAA;IAAAC,CAAA;EAAA;IAAAA,CAAA;EAAA;AAAA,CAejB,CAAC;AACF;AAAyC,OAAO,MAAMC,+CAA+C,GAAIC,KAAK,IAAG;EAC7G,aAAa;;EACb,MAAMC,MAAM,GAAGd,SAAS,CAAC,CAAC;EAC1B,MAAM;IAAEe;EAAO,CAAC,GAAGF,KAAK;EACxBA,KAAK,CAAChB,IAAI,CAACmB,SAAS,GAAGrB,YAAY,CAACC,uCAAuC,CAACC,IAAI,EAAEiB,MAAM,CAACjB,IAAI,EAAEkB,MAAM,KAAK,UAAU,GAAGD,MAAM,CAACX,YAAY,GAAGW,MAAM,CAACN,gBAAgB,EAAEK,KAAK,CAAChB,IAAI,CAACmB,SAAS,CAAC;EAC3L,IAAIH,KAAK,CAACf,QAAQ,EAAE;IAChBe,KAAK,CAACf,QAAQ,CAACkB,SAAS,GAAGrB,YAAY,CAACC,uCAAuC,CAACE,QAAQ,EAAEe,KAAK,CAACf,QAAQ,CAACkB,SAAS,CAAC;EACvH;EACAH,KAAK,CAACd,IAAI,CAACiB,SAAS,GAAGrB,YAAY,CAACC,uCAAuC,CAACG,IAAI,EAAEc,KAAK,CAACd,IAAI,CAACiB,SAAS,CAAC;EACvG,OAAOH,KAAK;AAChB,CAAC","ignoreList":[]}

package/lib/components/TeachingPopoverCarouselFooterButton/TeachingPopoverCarouselFooterButton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["TeachingPopoverCarouselFooterButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useTeachingPopoverCarouselFooterButton_unstable } from './useTeachingPopoverCarouselFooterButton';\nimport { renderTeachingPopoverCarouselFooterButton_unstable } from './renderTeachingPopoverCarouselFooterButton';\nimport { useTeachingPopoverCarouselFooterButtonStyles_unstable } from './useTeachingPopoverCarouselFooterButtonStyles.styles';\nimport type { TeachingPopoverCarouselFooterButtonProps } from './TeachingPopoverCarouselFooterButton.types';\n\n/**\n * TeachingPopoverCarouselFooterButton component\n *\n * TeachingPopoverCarouselFooterButton extends Button and injects additional styling and onClick functionality\n * to match the context provided by TeachingPopover & TeachingPopoverCarousel\n */\nexport const TeachingPopoverCarouselFooterButton: ForwardRefComponent<TeachingPopoverCarouselFooterButtonProps> =\n  React.forwardRef((props, ref) => {\n    const state = useTeachingPopoverCarouselFooterButton_unstable(props, ref);\n\n    useTeachingPopoverCarouselFooterButtonStyles_unstable(state);\n\n    return renderTeachingPopoverCarouselFooterButton_unstable(state);\n  });\n\nTeachingPopoverCarouselFooterButton.displayName = 'TeachingPopoverCarouselFooterButton';\n"],"names":["React","useTeachingPopoverCarouselFooterButton_unstable","renderTeachingPopoverCarouselFooterButton_unstable","useTeachingPopoverCarouselFooterButtonStyles_unstable","TeachingPopoverCarouselFooterButton","forwardRef","props","ref","state","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,SAASC,+CAA+C,QAAQ,2CAA2C;AAC3G,SAASC,kDAAkD,QAAQ,8CAA8C;AACjH,SAASC,qDAAqD,QAAQ,wDAAwD;AAG9H;;;;;CAKC,GACD,OAAO,MAAMC,oDACXJ,MAAMK,UAAU,CAAC,CAACC,OAAOC;IACvB,MAAMC,QAAQP,gDAAgDK,OAAOC;IAErEJ,sDAAsDK;IAEtD,OAAON,mDAAmDM;AAC5D,GAAG;AAELJ,oCAAoCK,WAAW,GAAG"}
+{"version":3,"sources":["TeachingPopoverCarouselFooterButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useTeachingPopoverCarouselFooterButton_unstable } from './useTeachingPopoverCarouselFooterButton';\nimport { renderTeachingPopoverCarouselFooterButton_unstable } from './renderTeachingPopoverCarouselFooterButton';\nimport { useTeachingPopoverCarouselFooterButtonStyles_unstable } from './useTeachingPopoverCarouselFooterButtonStyles.styles';\nimport type { TeachingPopoverCarouselFooterButtonProps } from './TeachingPopoverCarouselFooterButton.types';\n\n/**\n * TeachingPopoverCarouselFooterButton component\n *\n * TeachingPopoverCarouselFooterButton extends Button and injects additional styling and onClick functionality\n * to match the context provided by TeachingPopover & TeachingPopoverCarousel\n */\nexport const TeachingPopoverCarouselFooterButton: ForwardRefComponent<TeachingPopoverCarouselFooterButtonProps> =\n  React.forwardRef((props, ref) => {\n    const state = useTeachingPopoverCarouselFooterButton_unstable(props, ref);\n\n    useTeachingPopoverCarouselFooterButtonStyles_unstable(state);\n\n    return renderTeachingPopoverCarouselFooterButton_unstable(state);\n  });\n\nTeachingPopoverCarouselFooterButton.displayName = 'TeachingPopoverCarouselFooterButton';\n"],"names":["React","useTeachingPopoverCarouselFooterButton_unstable","renderTeachingPopoverCarouselFooterButton_unstable","useTeachingPopoverCarouselFooterButtonStyles_unstable","TeachingPopoverCarouselFooterButton","forwardRef","props","ref","state","displayName"],"rangeMappings":";;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,SAASC,+CAA+C,QAAQ,2CAA2C;AAC3G,SAASC,kDAAkD,QAAQ,8CAA8C;AACjH,SAASC,qDAAqD,QAAQ,wDAAwD;AAG9H;;;;;CAKC,GACD,OAAO,MAAMC,oDACXJ,MAAMK,UAAU,CAAC,CAACC,OAAOC;IACvB,MAAMC,QAAQP,gDAAgDK,OAAOC;IAErEJ,sDAAsDK;IAEtD,OAAON,mDAAmDM;AAC5D,GAAG;AAELJ,oCAAoCK,WAAW,GAAG"}

package/lib/components/TeachingPopoverCarouselFooterButton/TeachingPopoverCarouselFooterButton.types.js

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

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

@@ -1 +1 @@
-{"version":3,"sources":["TeachingPopoverCarouselFooterButton.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport { PopoverContextValue } from '@fluentui/react-popover';\nimport { ButtonProps, ButtonState } from '@fluentui/react-button';\nimport { ARIAButtonSlotProps } from '@fluentui/react-aria';\nimport { ReactNode } from 'react';\n\nexport type TeachingPopoverCarouselFooterButtonSlots = {\n  root: NonNullable<Slot<ARIAButtonSlotProps<'a'>>>;\n};\n\n/**\n * TeachingPopoverCarouselFooterButton Props\n */\nexport type TeachingPopoverCarouselFooterButtonProps = ComponentProps<TeachingPopoverCarouselFooterButtonSlots> &\n  ButtonProps & {\n    /**\n     * Defines whether the button should be next or previous type - used for both styling and functionality.\n     */\n    navType: 'next' | 'prev';\n\n    /**\n     * The ReactNode provided to the button when it is on it's first (navType 'prev') or last (navType 'next') step\n     */\n    altText: ReactNode;\n  };\n\n/**\n * State used in rendering TeachingPopoverCarouselFooterButton\n */\nexport type TeachingPopoverCarouselFooterButtonState = ButtonState &\n  ComponentState<TeachingPopoverCarouselFooterButtonSlots> &\n  Pick<TeachingPopoverCarouselFooterButtonProps, 'navType' | 'altText'> & {\n    /* Rename popover appearance to prevent conflict with button appearance */\n    popoverAppearance: PopoverContextValue['appearance'];\n  };\n"],"names":[],"mappings":"AAAA,WAkCI"}
+{"version":3,"sources":["TeachingPopoverCarouselFooterButton.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport { PopoverContextValue } from '@fluentui/react-popover';\nimport { ButtonProps, ButtonState } from '@fluentui/react-button';\nimport { ARIAButtonSlotProps } from '@fluentui/react-aria';\nimport { ReactNode } from 'react';\n\nexport type TeachingPopoverCarouselFooterButtonSlots = {\n  root: NonNullable<Slot<ARIAButtonSlotProps<'a'>>>;\n};\n\n/**\n * TeachingPopoverCarouselFooterButton Props\n */\nexport type TeachingPopoverCarouselFooterButtonProps = ComponentProps<TeachingPopoverCarouselFooterButtonSlots> &\n  ButtonProps & {\n    /**\n     * Defines whether the button should be next or previous type - used for both styling and functionality.\n     */\n    navType: 'next' | 'prev';\n\n    /**\n     * The ReactNode provided to the button when it is on it's first (navType 'prev') or last (navType 'next') step\n     */\n    altText: ReactNode;\n  };\n\n/**\n * State used in rendering TeachingPopoverCarouselFooterButton\n */\nexport type TeachingPopoverCarouselFooterButtonState = ButtonState &\n  ComponentState<TeachingPopoverCarouselFooterButtonSlots> &\n  Pick<TeachingPopoverCarouselFooterButtonProps, 'navType' | 'altText'> & {\n    /* Rename popover appearance to prevent conflict with button appearance */\n    popoverAppearance: PopoverContextValue['appearance'];\n  };\n"],"names":[],"rangeMappings":";;","mappings":"AA0BA;;CAEC,GACD,WAKI"}

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

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './TeachingPopoverCarouselFooterButton';\nexport * from './TeachingPopoverCarouselFooterButton.types';\nexport * from './renderTeachingPopoverCarouselFooterButton';\nexport * from './useTeachingPopoverCarouselFooterButton';\nexport * from './useTeachingPopoverCarouselFooterButtonStyles.styles';\n"],"names":[],"mappings":"AAAA,cAAc,wCAAwC;AACtD,cAAc,8CAA8C;AAC5D,cAAc,8CAA8C;AAC5D,cAAc,2CAA2C;AACzD,cAAc,wDAAwD"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './TeachingPopoverCarouselFooterButton';\nexport * from './TeachingPopoverCarouselFooterButton.types';\nexport * from './renderTeachingPopoverCarouselFooterButton';\nexport * from './useTeachingPopoverCarouselFooterButton';\nexport * from './useTeachingPopoverCarouselFooterButtonStyles.styles';\n"],"names":[],"rangeMappings":";;;;","mappings":"AAAA,cAAc,wCAAwC;AACtD,cAAc,8CAA8C;AAC5D,cAAc,8CAA8C;AAC5D,cAAc,2CAA2C;AACzD,cAAc,wDAAwD"}

package/lib/components/TeachingPopoverCarouselFooterButton/renderTeachingPopoverCarouselFooterButton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["renderTeachingPopoverCarouselFooterButton.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type {\n  TeachingPopoverCarouselFooterButtonState,\n  TeachingPopoverCarouselFooterButtonSlots,\n} from './TeachingPopoverCarouselFooterButton.types';\n\n/**\n * Render the final JSX of TeachingPopoverCarouselFooterButton\n */\nexport const renderTeachingPopoverCarouselFooterButton_unstable = (state: TeachingPopoverCarouselFooterButtonState) => {\n  assertSlots<TeachingPopoverCarouselFooterButtonSlots>(state);\n\n  return <state.root />;\n};\n"],"names":["assertSlots","renderTeachingPopoverCarouselFooterButton_unstable","state","root"],"mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAEjD,SAASA,WAAW,QAAQ,4BAA4B;AAMxD;;CAEC,GACD,OAAO,MAAMC,qDAAqD,CAACC;IACjEF,YAAsDE;IAEtD,qBAAO,KAACA,MAAMC,IAAI;AACpB,EAAE"}
+{"version":3,"sources":["renderTeachingPopoverCarouselFooterButton.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type {\n  TeachingPopoverCarouselFooterButtonState,\n  TeachingPopoverCarouselFooterButtonSlots,\n} from './TeachingPopoverCarouselFooterButton.types';\n\n/**\n * Render the final JSX of TeachingPopoverCarouselFooterButton\n */\nexport const renderTeachingPopoverCarouselFooterButton_unstable = (state: TeachingPopoverCarouselFooterButtonState) => {\n  assertSlots<TeachingPopoverCarouselFooterButtonSlots>(state);\n\n  return <state.root />;\n};\n"],"names":["assertSlots","renderTeachingPopoverCarouselFooterButton_unstable","state","root"],"rangeMappings":";;;;;;;","mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAEjD,SAASA,WAAW,QAAQ,4BAA4B;AAMxD;;CAEC,GACD,OAAO,MAAMC,qDAAqD,CAACC;IACjEF,YAAsDE;IAEtD,qBAAO,KAACA,MAAMC,IAAI;AACpB,EAAE"}

package/lib/components/TeachingPopoverCarouselFooterButton/useTeachingPopoverCarouselFooterButton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useTeachingPopoverCarouselFooterButton.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, mergeCallbacks, slot } from '@fluentui/react-utilities';\nimport type {\n  TeachingPopoverCarouselFooterButtonProps,\n  TeachingPopoverCarouselFooterButtonState,\n} from './TeachingPopoverCarouselFooterButton.types';\nimport { usePopoverContext_unstable } from '@fluentui/react-popover';\nimport { useCarouselContext_unstable } from '../TeachingPopoverCarousel/Carousel/CarouselContext';\nimport { useEventCallback } from '@fluentui/react-utilities';\nimport { useButton_unstable } from '@fluentui/react-button';\nimport { useCarouselValues_unstable } from '../TeachingPopoverCarousel/Carousel/useCarouselValues';\n\n/**\n * Create the state required to render TeachingPopoverCarouselFooterButton.\n *\n * The returned state can be modified with hooks such as useTeachingPopoverCarouselFooterButtonStyles_unstable,\n * before being passed to renderTeachingPopoverCarouselFooterButton_unstable.\n *\n * @param props - props from this instance of TeachingPopoverCarouselFooterButton\n * @param ref - reference to root HTMLDivElement of TeachingPopoverCarouselFooterButton\n */\nexport const useTeachingPopoverCarouselFooterButton_unstable = (\n  props: TeachingPopoverCarouselFooterButtonProps,\n  ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>,\n): TeachingPopoverCarouselFooterButtonState => {\n  const { navType, altText } = props;\n\n  const popoverAppearance = usePopoverContext_unstable(context => context.appearance);\n  const selectPageByDirection = useCarouselContext_unstable(c => c.selectPageByDirection);\n  const values = useCarouselValues_unstable(snapshot => snapshot);\n  const activeValue = useCarouselContext_unstable(c => c.value);\n\n  const handleClick = (event: React.MouseEvent<HTMLButtonElement & HTMLAnchorElement>) => {\n    if (event.isDefaultPrevented()) {\n      return;\n    }\n\n    selectPageByDirection(event, navType);\n  };\n\n  const handleButtonClick = useEventCallback(mergeCallbacks(handleClick, props.onClick));\n\n  const isTrailing = React.useMemo(() => {\n    if (!activeValue) {\n      return false;\n    }\n\n    if (navType === 'prev') {\n      return values.indexOf(activeValue) === 0;\n    }\n\n    return values.indexOf(activeValue) === values.length - 1;\n  }, [navType, activeValue, values]);\n\n  let buttonAppearanceType: 'primary' | 'outline' | undefined;\n\n  if (navType === 'next') {\n    buttonAppearanceType = popoverAppearance === 'brand' ? undefined : 'primary';\n  } else {\n    buttonAppearanceType = popoverAppearance === 'brand' ? 'outline' : undefined;\n  }\n\n  /* Handle altText on trailing step */\n  let buttonChild = props.children;\n  if (isTrailing) {\n    buttonChild = altText;\n  }\n\n  return {\n    ...useButton_unstable({ appearance: buttonAppearanceType, ...props }, ref),\n    navType,\n    popoverAppearance,\n    altText,\n    // Override useButton root slot\n    root: slot.always(\n      getIntrinsicElementProps('button', {\n        ref,\n        appearance: buttonAppearanceType,\n        ...props,\n        onClick: handleButtonClick,\n        children: buttonChild,\n      }),\n      { elementType: 'button' },\n    ),\n  };\n};\n"],"names":["React","getIntrinsicElementProps","mergeCallbacks","slot","usePopoverContext_unstable","useCarouselContext_unstable","useEventCallback","useButton_unstable","useCarouselValues_unstable","useTeachingPopoverCarouselFooterButton_unstable","props","ref","navType","altText","popoverAppearance","context","appearance","selectPageByDirection","c","values","snapshot","activeValue","value","handleClick","event","isDefaultPrevented","handleButtonClick","onClick","isTrailing","useMemo","indexOf","length","buttonAppearanceType","undefined","buttonChild","children","root","always","elementType"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,wBAAwB,EAAEC,cAAc,EAAEC,IAAI,QAAQ,4BAA4B;AAK3F,SAASC,0BAA0B,QAAQ,0BAA0B;AACrE,SAASC,2BAA2B,QAAQ,sDAAsD;AAClG,SAASC,gBAAgB,QAAQ,4BAA4B;AAC7D,SAASC,kBAAkB,QAAQ,yBAAyB;AAC5D,SAASC,0BAA0B,QAAQ,wDAAwD;AAEnG;;;;;;;;CAQC,GACD,OAAO,MAAMC,kDAAkD,CAC7DC,OACAC;IAEA,MAAM,EAAEC,OAAO,EAAEC,OAAO,EAAE,GAAGH;IAE7B,MAAMI,oBAAoBV,2BAA2BW,CAAAA,UAAWA,QAAQC,UAAU;IAClF,MAAMC,wBAAwBZ,4BAA4Ba,CAAAA,IAAKA,EAAED,qBAAqB;IACtF,MAAME,SAASX,2BAA2BY,CAAAA,WAAYA;IACtD,MAAMC,cAAchB,4BAA4Ba,CAAAA,IAAKA,EAAEI,KAAK;IAE5D,MAAMC,cAAc,CAACC;QACnB,IAAIA,MAAMC,kBAAkB,IAAI;YAC9B;QACF;QAEAR,sBAAsBO,OAAOZ;IAC/B;IAEA,MAAMc,oBAAoBpB,iBAAiBJ,eAAeqB,aAAab,MAAMiB,OAAO;IAEpF,MAAMC,aAAa5B,MAAM6B,OAAO,CAAC;QAC/B,IAAI,CAACR,aAAa;YAChB,OAAO;QACT;QAEA,IAAIT,YAAY,QAAQ;YACtB,OAAOO,OAAOW,OAAO,CAACT,iBAAiB;QACzC;QAEA,OAAOF,OAAOW,OAAO,CAACT,iBAAiBF,OAAOY,MAAM,GAAG;IACzD,GAAG;QAACnB;QAASS;QAAaF;KAAO;IAEjC,IAAIa;IAEJ,IAAIpB,YAAY,QAAQ;QACtBoB,uBAAuBlB,sBAAsB,UAAUmB,YAAY;IACrE,OAAO;QACLD,uBAAuBlB,sBAAsB,UAAU,YAAYmB;IACrE;IAEA,mCAAmC,GACnC,IAAIC,cAAcxB,MAAMyB,QAAQ;IAChC,IAAIP,YAAY;QACdM,cAAcrB;IAChB;IAEA,OAAO;QACL,GAAGN,mBAAmB;YAAES,YAAYgB;YAAsB,GAAGtB,KAAK;QAAC,GAAGC,IAAI;QAC1EC;QACAE;QACAD;QACA,+BAA+B;QAC/BuB,MAAMjC,KAAKkC,MAAM,CACfpC,yBAAyB,UAAU;YACjCU;YACAK,YAAYgB;YACZ,GAAGtB,KAAK;YACRiB,SAASD;YACTS,UAAUD;QACZ,IACA;YAAEI,aAAa;QAAS;IAE5B;AACF,EAAE"}
+{"version":3,"sources":["useTeachingPopoverCarouselFooterButton.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, mergeCallbacks, slot } from '@fluentui/react-utilities';\nimport type {\n  TeachingPopoverCarouselFooterButtonProps,\n  TeachingPopoverCarouselFooterButtonState,\n} from './TeachingPopoverCarouselFooterButton.types';\nimport { usePopoverContext_unstable } from '@fluentui/react-popover';\nimport { useCarouselContext_unstable } from '../TeachingPopoverCarousel/Carousel/CarouselContext';\nimport { useEventCallback } from '@fluentui/react-utilities';\nimport { useButton_unstable } from '@fluentui/react-button';\nimport { useCarouselValues_unstable } from '../TeachingPopoverCarousel/Carousel/useCarouselValues';\n\n/**\n * Create the state required to render TeachingPopoverCarouselFooterButton.\n *\n * The returned state can be modified with hooks such as useTeachingPopoverCarouselFooterButtonStyles_unstable,\n * before being passed to renderTeachingPopoverCarouselFooterButton_unstable.\n *\n * @param props - props from this instance of TeachingPopoverCarouselFooterButton\n * @param ref - reference to root HTMLDivElement of TeachingPopoverCarouselFooterButton\n */\nexport const useTeachingPopoverCarouselFooterButton_unstable = (\n  props: TeachingPopoverCarouselFooterButtonProps,\n  ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>,\n): TeachingPopoverCarouselFooterButtonState => {\n  const { navType, altText } = props;\n\n  const popoverAppearance = usePopoverContext_unstable(context => context.appearance);\n  const selectPageByDirection = useCarouselContext_unstable(c => c.selectPageByDirection);\n  const values = useCarouselValues_unstable(snapshot => snapshot);\n  const activeValue = useCarouselContext_unstable(c => c.value);\n\n  const handleClick = (event: React.MouseEvent<HTMLButtonElement & HTMLAnchorElement>) => {\n    if (event.isDefaultPrevented()) {\n      return;\n    }\n\n    selectPageByDirection(event, navType);\n  };\n\n  const handleButtonClick = useEventCallback(mergeCallbacks(handleClick, props.onClick));\n\n  const isTrailing = React.useMemo(() => {\n    if (!activeValue) {\n      return false;\n    }\n\n    if (navType === 'prev') {\n      return values.indexOf(activeValue) === 0;\n    }\n\n    return values.indexOf(activeValue) === values.length - 1;\n  }, [navType, activeValue, values]);\n\n  let buttonAppearanceType: 'primary' | 'outline' | undefined;\n\n  if (navType === 'next') {\n    buttonAppearanceType = popoverAppearance === 'brand' ? undefined : 'primary';\n  } else {\n    buttonAppearanceType = popoverAppearance === 'brand' ? 'outline' : undefined;\n  }\n\n  /* Handle altText on trailing step */\n  let buttonChild = props.children;\n  if (isTrailing) {\n    buttonChild = altText;\n  }\n\n  return {\n    ...useButton_unstable({ appearance: buttonAppearanceType, ...props }, ref),\n    navType,\n    popoverAppearance,\n    altText,\n    // Override useButton root slot\n    root: slot.always(\n      getIntrinsicElementProps('button', {\n        ref,\n        appearance: buttonAppearanceType,\n        ...props,\n        onClick: handleButtonClick,\n        children: buttonChild,\n      }),\n      { elementType: 'button' },\n    ),\n  };\n};\n"],"names":["React","getIntrinsicElementProps","mergeCallbacks","slot","usePopoverContext_unstable","useCarouselContext_unstable","useEventCallback","useButton_unstable","useCarouselValues_unstable","useTeachingPopoverCarouselFooterButton_unstable","props","ref","navType","altText","popoverAppearance","context","appearance","selectPageByDirection","c","values","snapshot","activeValue","value","handleClick","event","isDefaultPrevented","handleButtonClick","onClick","isTrailing","useMemo","indexOf","length","buttonAppearanceType","undefined","buttonChild","children","root","always","elementType"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,wBAAwB,EAAEC,cAAc,EAAEC,IAAI,QAAQ,4BAA4B;AAK3F,SAASC,0BAA0B,QAAQ,0BAA0B;AACrE,SAASC,2BAA2B,QAAQ,sDAAsD;AAClG,SAASC,gBAAgB,QAAQ,4BAA4B;AAC7D,SAASC,kBAAkB,QAAQ,yBAAyB;AAC5D,SAASC,0BAA0B,QAAQ,wDAAwD;AAEnG;;;;;;;;CAQC,GACD,OAAO,MAAMC,kDAAkD,CAC7DC,OACAC;IAEA,MAAM,EAAEC,OAAO,EAAEC,OAAO,EAAE,GAAGH;IAE7B,MAAMI,oBAAoBV,2BAA2BW,CAAAA,UAAWA,QAAQC,UAAU;IAClF,MAAMC,wBAAwBZ,4BAA4Ba,CAAAA,IAAKA,EAAED,qBAAqB;IACtF,MAAME,SAASX,2BAA2BY,CAAAA,WAAYA;IACtD,MAAMC,cAAchB,4BAA4Ba,CAAAA,IAAKA,EAAEI,KAAK;IAE5D,MAAMC,cAAc,CAACC;QACnB,IAAIA,MAAMC,kBAAkB,IAAI;YAC9B;QACF;QAEAR,sBAAsBO,OAAOZ;IAC/B;IAEA,MAAMc,oBAAoBpB,iBAAiBJ,eAAeqB,aAAab,MAAMiB,OAAO;IAEpF,MAAMC,aAAa5B,MAAM6B,OAAO,CAAC;QAC/B,IAAI,CAACR,aAAa;YAChB,OAAO;QACT;QAEA,IAAIT,YAAY,QAAQ;YACtB,OAAOO,OAAOW,OAAO,CAACT,iBAAiB;QACzC;QAEA,OAAOF,OAAOW,OAAO,CAACT,iBAAiBF,OAAOY,MAAM,GAAG;IACzD,GAAG;QAACnB;QAASS;QAAaF;KAAO;IAEjC,IAAIa;IAEJ,IAAIpB,YAAY,QAAQ;QACtBoB,uBAAuBlB,sBAAsB,UAAUmB,YAAY;IACrE,OAAO;QACLD,uBAAuBlB,sBAAsB,UAAU,YAAYmB;IACrE;IAEA,mCAAmC,GACnC,IAAIC,cAAcxB,MAAMyB,QAAQ;IAChC,IAAIP,YAAY;QACdM,cAAcrB;IAChB;IAEA,OAAO;QACL,GAAGN,mBAAmB;YAAES,YAAYgB;YAAsB,GAAGtB,KAAK;QAAC,GAAGC,IAAI;QAC1EC;QACAE;QACAD;QACA,+BAA+B;QAC/BuB,MAAMjC,KAAKkC,MAAM,CACfpC,yBAAyB,UAAU;YACjCU;YACAK,YAAYgB;YACZ,GAAGtB,KAAK;YACRiB,SAASD;YACTS,UAAUD;QACZ,IACA;YAAEI,aAAa;QAAS;IAE5B;AACF,EAAE"}

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

@@ -48,6 +48,8 @@ const useStyles = /*#__PURE__*/__styles({
  * Apply styling to the TeachingPopoverCarouselFooterButton slots based on the state
  */
 export const useTeachingPopoverCarouselFooterButtonStyles_unstable = state => {
+  'use no memo';
+
   const styles = useStyles();
   const {
     navType,

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

@@ -1 +1 @@
-{"version":3,"names":["__styles","mergeClasses","shorthands","tokens","useButtonStyles_unstable","teachingPopoverCarouselFooterButtonClassNames","root","useStyles","Bf4jedk","brandNext","sj55zd","De3pzq","g2u3we","h3c5rm","B9xav0g","zhjwy3","Bi91k9c","Jwef8y","B2d53fq","iro3zm","brandPrevious","Bgoe8wy","Bwzppfd","oetu4i","gg5e9n","b661bw","Bk6r4ia","B9zn80p","Bpld233","d","h","useTeachingPopoverCarouselFooterButtonStyles_unstable","state","styles","navType","popoverAppearance","className"],"sources":["useTeachingPopoverCarouselFooterButtonStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { useButtonStyles_unstable } from '@fluentui/react-button';\nexport const teachingPopoverCarouselFooterButtonClassNames = {\n    root: 'fui-TeachingPopoverCarouselFooterButton'\n};\nconst useStyles = makeStyles({\n    root: {\n        minWidth: '96px'\n    },\n    brandNext: {\n        color: tokens.colorBrandForeground1,\n        backgroundColor: tokens.colorNeutralForegroundOnBrand,\n        ...shorthands.borderColor(tokens.colorTransparentBackground),\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    brandPrevious: {\n        // In brand, this is always 'NeutralForegroundOnBrand'\n        color: tokens.colorNeutralForegroundOnBrand,\n        backgroundColor: tokens.colorBrandBackground,\n        ...shorthands.borderColor(tokens.colorNeutralForegroundOnBrand),\n        ':hover': {\n            color: tokens.colorNeutralForegroundOnBrand,\n            ...shorthands.borderColor(tokens.colorNeutralForegroundOnBrand),\n            backgroundColor: tokens.colorBrandBackgroundHover\n        },\n        ':hover:active': {\n            color: tokens.colorNeutralForegroundOnBrand,\n            ...shorthands.borderColor(tokens.colorNeutralForegroundOnBrand),\n            backgroundColor: tokens.colorBrandBackgroundPressed\n        }\n    }\n});\n/**\n * Apply styling to the TeachingPopoverCarouselFooterButton slots based on the state\n */ export const useTeachingPopoverCarouselFooterButtonStyles_unstable = (state)=>{\n    const styles = useStyles();\n    const { navType, popoverAppearance } = state;\n    // Apply underlying fluent Button styles\n    state = {\n        ...state,\n        ...useButtonStyles_unstable(state)\n    };\n    state.root.className = mergeClasses(teachingPopoverCarouselFooterButtonClassNames.root, styles.root, navType === 'prev' && popoverAppearance === 'brand' && styles.brandPrevious, navType === 'next' && popoverAppearance === 'brand' && styles.brandNext, state.root.className);\n    return state;\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,EAAEC,UAAU,QAAQ,gBAAgB;AACrE,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,SAASC,wBAAwB,QAAQ,wBAAwB;AACjE,OAAO,MAAMC,6CAA6C,GAAG;EACzDC,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,SAAS,gBAAGP,QAAA;EAAAM,IAAA;IAAAE,OAAA;EAAA;EAAAC,SAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,aAAA;IAAAV,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAK,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAP,MAAA;IAAAC,OAAA;IAAAO,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAT,MAAA;EAAA;AAAA;EAAAU,CAAA;EAAAC,CAAA;AAAA,CAiCjB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,qDAAqD,GAAIC,KAAK,IAAG;EAC9E,MAAMC,MAAM,GAAG1B,SAAS,CAAC,CAAC;EAC1B,MAAM;IAAE2B,OAAO;IAAEC;EAAkB,CAAC,GAAGH,KAAK;EAC5C;EACAA,KAAK,GAAG;IACJ,GAAGA,KAAK;IACR,GAAG5B,wBAAwB,CAAC4B,KAAK;EACrC,CAAC;EACDA,KAAK,CAAC1B,IAAI,CAAC8B,SAAS,GAAGnC,YAAY,CAACI,6CAA6C,CAACC,IAAI,EAAE2B,MAAM,CAAC3B,IAAI,EAAE4B,OAAO,KAAK,MAAM,IAAIC,iBAAiB,KAAK,OAAO,IAAIF,MAAM,CAACb,aAAa,EAAEc,OAAO,KAAK,MAAM,IAAIC,iBAAiB,KAAK,OAAO,IAAIF,MAAM,CAACxB,SAAS,EAAEuB,KAAK,CAAC1B,IAAI,CAAC8B,SAAS,CAAC;EAChR,OAAOJ,KAAK;AAChB,CAAC","ignoreList":[]}
+{"version":3,"names":["__styles","mergeClasses","shorthands","tokens","useButtonStyles_unstable","teachingPopoverCarouselFooterButtonClassNames","root","useStyles","Bf4jedk","brandNext","sj55zd","De3pzq","g2u3we","h3c5rm","B9xav0g","zhjwy3","Bi91k9c","Jwef8y","B2d53fq","iro3zm","brandPrevious","Bgoe8wy","Bwzppfd","oetu4i","gg5e9n","b661bw","Bk6r4ia","B9zn80p","Bpld233","d","h","useTeachingPopoverCarouselFooterButtonStyles_unstable","state","styles","navType","popoverAppearance","className"],"sources":["useTeachingPopoverCarouselFooterButtonStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { useButtonStyles_unstable } from '@fluentui/react-button';\nexport const teachingPopoverCarouselFooterButtonClassNames = {\n    root: 'fui-TeachingPopoverCarouselFooterButton'\n};\nconst useStyles = makeStyles({\n    root: {\n        minWidth: '96px'\n    },\n    brandNext: {\n        color: tokens.colorBrandForeground1,\n        backgroundColor: tokens.colorNeutralForegroundOnBrand,\n        ...shorthands.borderColor(tokens.colorTransparentBackground),\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    brandPrevious: {\n        // In brand, this is always 'NeutralForegroundOnBrand'\n        color: tokens.colorNeutralForegroundOnBrand,\n        backgroundColor: tokens.colorBrandBackground,\n        ...shorthands.borderColor(tokens.colorNeutralForegroundOnBrand),\n        ':hover': {\n            color: tokens.colorNeutralForegroundOnBrand,\n            ...shorthands.borderColor(tokens.colorNeutralForegroundOnBrand),\n            backgroundColor: tokens.colorBrandBackgroundHover\n        },\n        ':hover:active': {\n            color: tokens.colorNeutralForegroundOnBrand,\n            ...shorthands.borderColor(tokens.colorNeutralForegroundOnBrand),\n            backgroundColor: tokens.colorBrandBackgroundPressed\n        }\n    }\n});\n/**\n * Apply styling to the TeachingPopoverCarouselFooterButton slots based on the state\n */ export const useTeachingPopoverCarouselFooterButtonStyles_unstable = (state)=>{\n    'use no memo';\n    const styles = useStyles();\n    const { navType, popoverAppearance } = state;\n    // Apply underlying fluent Button styles\n    state = {\n        ...state,\n        ...useButtonStyles_unstable(state)\n    };\n    state.root.className = mergeClasses(teachingPopoverCarouselFooterButtonClassNames.root, styles.root, navType === 'prev' && popoverAppearance === 'brand' && styles.brandPrevious, navType === 'next' && popoverAppearance === 'brand' && styles.brandNext, state.root.className);\n    return state;\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,EAAEC,UAAU,QAAQ,gBAAgB;AACrE,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,SAASC,wBAAwB,QAAQ,wBAAwB;AACjE,OAAO,MAAMC,6CAA6C,GAAG;EACzDC,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,SAAS,gBAAGP,QAAA;EAAAM,IAAA;IAAAE,OAAA;EAAA;EAAAC,SAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,aAAA;IAAAV,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAK,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAP,MAAA;IAAAC,OAAA;IAAAO,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAT,MAAA;EAAA;AAAA;EAAAU,CAAA;EAAAC,CAAA;AAAA,CAiCjB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,qDAAqD,GAAIC,KAAK,IAAG;EAC9E,aAAa;;EACb,MAAMC,MAAM,GAAG1B,SAAS,CAAC,CAAC;EAC1B,MAAM;IAAE2B,OAAO;IAAEC;EAAkB,CAAC,GAAGH,KAAK;EAC5C;EACAA,KAAK,GAAG;IACJ,GAAGA,KAAK;IACR,GAAG5B,wBAAwB,CAAC4B,KAAK;EACrC,CAAC;EACDA,KAAK,CAAC1B,IAAI,CAAC8B,SAAS,GAAGnC,YAAY,CAACI,6CAA6C,CAACC,IAAI,EAAE2B,MAAM,CAAC3B,IAAI,EAAE4B,OAAO,KAAK,MAAM,IAAIC,iBAAiB,KAAK,OAAO,IAAIF,MAAM,CAACb,aAAa,EAAEc,OAAO,KAAK,MAAM,IAAIC,iBAAiB,KAAK,OAAO,IAAIF,MAAM,CAACxB,SAAS,EAAEuB,KAAK,CAAC1B,IAAI,CAAC8B,SAAS,CAAC;EAChR,OAAOJ,KAAK;AAChB,CAAC","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"sources":["TeachingPopoverCarouselNav.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useTeachingPopoverCarouselNav_unstable } from './useTeachingPopoverCarouselNav';\nimport { renderTeachingPopoverCarouselNav_unstable } from './renderTeachingPopoverCarouselNav';\nimport { useTeachingPopoverCarouselNavStyles_unstable } from './useTeachingPopoverCarouselNavStyles.styles';\nimport type { TeachingPopoverCarouselNavProps } from './TeachingPopoverCarouselNav.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * Define a styled TeachingPopoverCarouselNav, using the `useTeachingPopoverCarouselNav_unstable` and `useTeachingPopoverCarouselNavStyles_unstable`\n * hooks.\n *\n * TeachingPopoverCarouselNav provides an index-based pagination list to jump to any page within the carousel.\n */\nexport const TeachingPopoverCarouselNav: ForwardRefComponent<TeachingPopoverCarouselNavProps> = React.forwardRef(\n  (props, ref) => {\n    const state = useTeachingPopoverCarouselNav_unstable(props, ref);\n\n    useTeachingPopoverCarouselNavStyles_unstable(state);\n\n    return renderTeachingPopoverCarouselNav_unstable(state);\n  },\n);\n\nTeachingPopoverCarouselNav.displayName = 'TeachingPopoverCarouselNav';\n"],"names":["React","useTeachingPopoverCarouselNav_unstable","renderTeachingPopoverCarouselNav_unstable","useTeachingPopoverCarouselNavStyles_unstable","TeachingPopoverCarouselNav","forwardRef","props","ref","state","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,sCAAsC,QAAQ,kCAAkC;AACzF,SAASC,yCAAyC,QAAQ,qCAAqC;AAC/F,SAASC,4CAA4C,QAAQ,+CAA+C;AAI5G;;;;;CAKC,GACD,OAAO,MAAMC,2CAAmFJ,MAAMK,UAAU,CAC9G,CAACC,OAAOC;IACN,MAAMC,QAAQP,uCAAuCK,OAAOC;IAE5DJ,6CAA6CK;IAE7C,OAAON,0CAA0CM;AACnD,GACA;AAEFJ,2BAA2BK,WAAW,GAAG"}
+{"version":3,"sources":["TeachingPopoverCarouselNav.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useTeachingPopoverCarouselNav_unstable } from './useTeachingPopoverCarouselNav';\nimport { renderTeachingPopoverCarouselNav_unstable } from './renderTeachingPopoverCarouselNav';\nimport { useTeachingPopoverCarouselNavStyles_unstable } from './useTeachingPopoverCarouselNavStyles.styles';\nimport type { TeachingPopoverCarouselNavProps } from './TeachingPopoverCarouselNav.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * Define a styled TeachingPopoverCarouselNav, using the `useTeachingPopoverCarouselNav_unstable` and `useTeachingPopoverCarouselNavStyles_unstable`\n * hooks.\n *\n * TeachingPopoverCarouselNav provides an index-based pagination list to jump to any page within the carousel.\n */\nexport const TeachingPopoverCarouselNav: ForwardRefComponent<TeachingPopoverCarouselNavProps> = React.forwardRef(\n  (props, ref) => {\n    const state = useTeachingPopoverCarouselNav_unstable(props, ref);\n\n    useTeachingPopoverCarouselNavStyles_unstable(state);\n\n    return renderTeachingPopoverCarouselNav_unstable(state);\n  },\n);\n\nTeachingPopoverCarouselNav.displayName = 'TeachingPopoverCarouselNav';\n"],"names":["React","useTeachingPopoverCarouselNav_unstable","renderTeachingPopoverCarouselNav_unstable","useTeachingPopoverCarouselNavStyles_unstable","TeachingPopoverCarouselNav","forwardRef","props","ref","state","displayName"],"rangeMappings":";;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,sCAAsC,QAAQ,kCAAkC;AACzF,SAASC,yCAAyC,QAAQ,qCAAqC;AAC/F,SAASC,4CAA4C,QAAQ,+CAA+C;AAI5G;;;;;CAKC,GACD,OAAO,MAAMC,2CAAmFJ,MAAMK,UAAU,CAC9G,CAACC,OAAOC;IACN,MAAMC,QAAQP,uCAAuCK,OAAOC;IAE5DJ,6CAA6CK;IAE7C,OAAON,0CAA0CM;AACnD,GACA;AAEFJ,2BAA2BK,WAAW,GAAG"}

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

@@ -1 +1 @@
-{"version":3,"sources":["TeachingPopoverCarouselNav.types.ts"],"sourcesContent":["import * as React from 'react';\nimport { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type TeachingPopoverCarouselNavSlots = {\n  /**\n   * The element wrapping the carousel pagination. By default this is a div,\n   * it may contain icons or text depending on TeachingPopoverCarouselNavStyle\n   */\n  root: NonNullable<Slot<'div'>>;\n};\n\nexport type NavButtonRenderFunction = (value: string) => React.ReactNode;\n\nexport type TeachingPopoverCarouselNavState = ComponentState<TeachingPopoverCarouselNavSlots> & {\n  values: string[];\n\n  renderNavButton: NavButtonRenderFunction;\n};\n\nexport type TeachingPopoverCarouselNavProps = Omit<\n  ComponentProps<Partial<TeachingPopoverCarouselNavSlots>>,\n  'children'\n> & {\n  children: NavButtonRenderFunction;\n};\n"],"names":["React"],"mappings":"AAAA,YAAYA,WAAW,QAAQ"}
+{"version":3,"sources":["TeachingPopoverCarouselNav.types.ts"],"sourcesContent":["import * as React from 'react';\nimport { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type TeachingPopoverCarouselNavSlots = {\n  /**\n   * The element wrapping the carousel pagination. By default this is a div,\n   * it may contain icons or text depending on TeachingPopoverCarouselNavStyle\n   */\n  root: NonNullable<Slot<'div'>>;\n};\n\nexport type NavButtonRenderFunction = (value: string) => React.ReactNode;\n\nexport type TeachingPopoverCarouselNavState = ComponentState<TeachingPopoverCarouselNavSlots> & {\n  values: string[];\n\n  renderNavButton: NavButtonRenderFunction;\n};\n\nexport type TeachingPopoverCarouselNavProps = Omit<\n  ComponentProps<Partial<TeachingPopoverCarouselNavSlots>>,\n  'children'\n> & {\n  children: NavButtonRenderFunction;\n};\n"],"names":["React"],"rangeMappings":"","mappings":"AAAA,YAAYA,WAAW,QAAQ"}

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

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './TeachingPopoverCarouselNav';\nexport * from './TeachingPopoverCarouselNav.types';\nexport * from './renderTeachingPopoverCarouselNav';\nexport * from './useTeachingPopoverCarouselNav';\nexport * from './useTeachingPopoverCarouselNavStyles.styles';\n"],"names":[],"mappings":"AAAA,cAAc,+BAA+B;AAC7C,cAAc,qCAAqC;AACnD,cAAc,qCAAqC;AACnD,cAAc,kCAAkC;AAChD,cAAc,+CAA+C"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './TeachingPopoverCarouselNav';\nexport * from './TeachingPopoverCarouselNav.types';\nexport * from './renderTeachingPopoverCarouselNav';\nexport * from './useTeachingPopoverCarouselNav';\nexport * from './useTeachingPopoverCarouselNavStyles.styles';\n"],"names":[],"rangeMappings":";;;;","mappings":"AAAA,cAAc,+BAA+B;AAC7C,cAAc,qCAAqC;AACnD,cAAc,qCAAqC;AACnD,cAAc,kCAAkC;AAChD,cAAc,+CAA+C"}

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

@@ -1 +1 @@
-{"version":3,"sources":["renderTeachingPopoverCarouselNav.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\nimport type { TeachingPopoverCarouselNavState } from './TeachingPopoverCarouselNav.types';\nimport { assertSlots } from '@fluentui/react-utilities';\nimport { TeachingPopoverCarouselNavSlots } from './TeachingPopoverCarouselNav.types';\nimport { ValueIdContextProvider } from './valueIdContext';\n\n/**\n * Render the final JSX of TeachingPopoverCarouselNav\n */\nexport const renderTeachingPopoverCarouselNav_unstable = (state: TeachingPopoverCarouselNavState) => {\n  assertSlots<TeachingPopoverCarouselNavSlots>(state);\n\n  const { values, renderNavButton } = state;\n\n  return (\n    <state.root>\n      {values.map(value => (\n        <ValueIdContextProvider value={value} key={value}>\n          {renderNavButton(value)}\n        </ValueIdContextProvider>\n      ))}\n    </state.root>\n  );\n};\n"],"names":["assertSlots","ValueIdContextProvider","renderTeachingPopoverCarouselNav_unstable","state","values","renderNavButton","root","map","value"],"mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAEjD,SAASA,WAAW,QAAQ,4BAA4B;AAExD,SAASC,sBAAsB,QAAQ,mBAAmB;AAE1D;;CAEC,GACD,OAAO,MAAMC,4CAA4C,CAACC;IACxDH,YAA6CG;IAE7C,MAAM,EAAEC,MAAM,EAAEC,eAAe,EAAE,GAAGF;IAEpC,qBACE,KAACA,MAAMG,IAAI;kBACRF,OAAOG,GAAG,CAACC,CAAAA,sBACV,KAACP;gBAAuBO,OAAOA;0BAC5BH,gBAAgBG;eADwBA;;AAMnD,EAAE"}
+{"version":3,"sources":["renderTeachingPopoverCarouselNav.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\nimport type { TeachingPopoverCarouselNavState } from './TeachingPopoverCarouselNav.types';\nimport { assertSlots } from '@fluentui/react-utilities';\nimport { TeachingPopoverCarouselNavSlots } from './TeachingPopoverCarouselNav.types';\nimport { ValueIdContextProvider } from './valueIdContext';\n\n/**\n * Render the final JSX of TeachingPopoverCarouselNav\n */\nexport const renderTeachingPopoverCarouselNav_unstable = (state: TeachingPopoverCarouselNavState) => {\n  assertSlots<TeachingPopoverCarouselNavSlots>(state);\n\n  const { values, renderNavButton } = state;\n\n  return (\n    <state.root>\n      {values.map(value => (\n        <ValueIdContextProvider value={value} key={value}>\n          {renderNavButton(value)}\n        </ValueIdContextProvider>\n      ))}\n    </state.root>\n  );\n};\n"],"names":["assertSlots","ValueIdContextProvider","renderTeachingPopoverCarouselNav_unstable","state","values","renderNavButton","root","map","value"],"rangeMappings":";;;;;;;;;;;;;;","mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAEjD,SAASA,WAAW,QAAQ,4BAA4B;AAExD,SAASC,sBAAsB,QAAQ,mBAAmB;AAE1D;;CAEC,GACD,OAAO,MAAMC,4CAA4C,CAACC;IACxDH,YAA6CG;IAE7C,MAAM,EAAEC,MAAM,EAAEC,eAAe,EAAE,GAAGF;IAEpC,qBACE,KAACA,MAAMG,IAAI;kBACRF,OAAOG,GAAG,CAACC,CAAAA,sBACV,KAACP;gBAAuBO,OAAOA;0BAC5BH,gBAAgBG;eADwBA;;AAMnD,EAAE"}

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

@@ -1 +1 @@
-{"version":3,"sources":["useTeachingPopoverCarouselNav.tsx"],"sourcesContent":["import { useArrowNavigationGroup } from '@fluentui/react-tabster';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport * as React from 'react';\n\nimport type {\n  TeachingPopoverCarouselNavProps,\n  TeachingPopoverCarouselNavState,\n} from './TeachingPopoverCarouselNav.types';\nimport { useCarouselValues_unstable } from '../TeachingPopoverCarousel/Carousel/useCarouselValues';\n\n/**\n * Returns the props and state required to render the component\n * @param props - TeachingPopoverCarouselNav properties\n * @param ref - reference to root HTMLElement of TeachingPopoverCarouselNav\n */\nexport const useTeachingPopoverCarouselNav_unstable = (\n  props: TeachingPopoverCarouselNavProps,\n  ref: React.Ref<HTMLDivElement>,\n): TeachingPopoverCarouselNavState => {\n  const focusableGroupAttr = useArrowNavigationGroup({\n    circular: false,\n    axis: 'horizontal',\n    memorizeCurrent: false,\n    // eslint-disable-next-line @typescript-eslint/naming-convention\n    unstable_hasDefault: true,\n  });\n  const values = useCarouselValues_unstable(snapshot => snapshot);\n\n  return {\n    values,\n    renderNavButton: props.children,\n    components: {\n      root: 'div',\n    },\n    root: slot.always(\n      getIntrinsicElementProps('div', {\n        ref,\n        role: 'tablist',\n        tabIndex: 0,\n        ...props,\n        ...focusableGroupAttr,\n        children: null,\n      }),\n      { elementType: 'div' },\n    ),\n  };\n};\n"],"names":["useArrowNavigationGroup","getIntrinsicElementProps","slot","React","useCarouselValues_unstable","useTeachingPopoverCarouselNav_unstable","props","ref","focusableGroupAttr","circular","axis","memorizeCurrent","unstable_hasDefault","values","snapshot","renderNavButton","children","components","root","always","role","tabIndex","elementType"],"mappings":"AAAA,SAASA,uBAAuB,QAAQ,0BAA0B;AAClE,SAASC,wBAAwB,EAAEC,IAAI,QAAQ,4BAA4B;AAC3E,YAAYC,WAAW,QAAQ;AAM/B,SAASC,0BAA0B,QAAQ,wDAAwD;AAEnG;;;;CAIC,GACD,OAAO,MAAMC,yCAAyC,CACpDC,OACAC;IAEA,MAAMC,qBAAqBR,wBAAwB;QACjDS,UAAU;QACVC,MAAM;QACNC,iBAAiB;QACjB,gEAAgE;QAChEC,qBAAqB;IACvB;IACA,MAAMC,SAAST,2BAA2BU,CAAAA,WAAYA;IAEtD,OAAO;QACLD;QACAE,iBAAiBT,MAAMU,QAAQ;QAC/BC,YAAY;YACVC,MAAM;QACR;QACAA,MAAMhB,KAAKiB,MAAM,CACflB,yBAAyB,OAAO;YAC9BM;YACAa,MAAM;YACNC,UAAU;YACV,GAAGf,KAAK;YACR,GAAGE,kBAAkB;YACrBQ,UAAU;QACZ,IACA;YAAEM,aAAa;QAAM;IAEzB;AACF,EAAE"}
+{"version":3,"sources":["useTeachingPopoverCarouselNav.tsx"],"sourcesContent":["import { useArrowNavigationGroup } from '@fluentui/react-tabster';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport * as React from 'react';\n\nimport type {\n  TeachingPopoverCarouselNavProps,\n  TeachingPopoverCarouselNavState,\n} from './TeachingPopoverCarouselNav.types';\nimport { useCarouselValues_unstable } from '../TeachingPopoverCarousel/Carousel/useCarouselValues';\n\n/**\n * Returns the props and state required to render the component\n * @param props - TeachingPopoverCarouselNav properties\n * @param ref - reference to root HTMLElement of TeachingPopoverCarouselNav\n */\nexport const useTeachingPopoverCarouselNav_unstable = (\n  props: TeachingPopoverCarouselNavProps,\n  ref: React.Ref<HTMLDivElement>,\n): TeachingPopoverCarouselNavState => {\n  const focusableGroupAttr = useArrowNavigationGroup({\n    circular: false,\n    axis: 'horizontal',\n    memorizeCurrent: false,\n    // eslint-disable-next-line @typescript-eslint/naming-convention\n    unstable_hasDefault: true,\n  });\n  const values = useCarouselValues_unstable(snapshot => snapshot);\n\n  return {\n    values,\n    renderNavButton: props.children,\n    components: {\n      root: 'div',\n    },\n    root: slot.always(\n      getIntrinsicElementProps('div', {\n        ref,\n        role: 'tablist',\n        tabIndex: 0,\n        ...props,\n        ...focusableGroupAttr,\n        children: null,\n      }),\n      { elementType: 'div' },\n    ),\n  };\n};\n"],"names":["useArrowNavigationGroup","getIntrinsicElementProps","slot","React","useCarouselValues_unstable","useTeachingPopoverCarouselNav_unstable","props","ref","focusableGroupAttr","circular","axis","memorizeCurrent","unstable_hasDefault","values","snapshot","renderNavButton","children","components","root","always","role","tabIndex","elementType"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,uBAAuB,QAAQ,0BAA0B;AAClE,SAASC,wBAAwB,EAAEC,IAAI,QAAQ,4BAA4B;AAC3E,YAAYC,WAAW,QAAQ;AAM/B,SAASC,0BAA0B,QAAQ,wDAAwD;AAEnG;;;;CAIC,GACD,OAAO,MAAMC,yCAAyC,CACpDC,OACAC;IAEA,MAAMC,qBAAqBR,wBAAwB;QACjDS,UAAU;QACVC,MAAM;QACNC,iBAAiB;QACjB,gEAAgE;QAChEC,qBAAqB;IACvB;IACA,MAAMC,SAAST,2BAA2BU,CAAAA,WAAYA;IAEtD,OAAO;QACLD;QACAE,iBAAiBT,MAAMU,QAAQ;QAC/BC,YAAY;YACVC,MAAM;QACR;QACAA,MAAMhB,KAAKiB,MAAM,CACflB,yBAAyB,OAAO;YAC9BM;YACAa,MAAM;YACNC,UAAU;YACV,GAAGf,KAAK;YACR,GAAGE,kBAAkB;YACrBQ,UAAU;QACZ,IACA;YAAEM,aAAa;QAAM;IAEzB;AACF,EAAE"}

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

@@ -34,6 +34,8 @@ const useStyles = /*#__PURE__*/__styles({
 });
 /** Applies style classnames to slots */
 export const useTeachingPopoverCarouselNavStyles_unstable = state => {
+  'use no memo';
+
   const styles = useStyles();
   state.root.className = mergeClasses(teachingPopoverCarouselNavClassNames.root, styles.root, state.root.className);
   return state;

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

@@ -1 +1 @@
-{"version":3,"names":["__styles","mergeClasses","shorthands","createCustomFocusIndicatorStyle","tokens","teachingPopoverCarouselNavClassNames","root","useStyles","mc9l5x","Beiy3e4","i8kkvl","Bt984gj","Brf1p80","Bfpq7zp","g9k6zt","Bn4voq9","giviqs","Bw81rd7","kdpuga","dm238s","B6xbmo0","B3whbx2","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","d","p","useTeachingPopoverCarouselNavStyles_unstable","state","styles","className"],"sources":["useTeachingPopoverCarouselNavStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens } from '@fluentui/react-theme';\nexport const teachingPopoverCarouselNavClassNames = {\n    root: 'fui-TeachingPopoverCarouselNav'\n};\nconst useStyles = makeStyles({\n    root: {\n        display: 'flex',\n        flexDirection: 'row',\n        columnGap: tokens.spacingHorizontalXS,\n        alignItems: 'center',\n        justifyContent: 'center',\n        ...createCustomFocusIndicatorStyle({\n            outline: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`,\n            borderRadius: tokens.borderRadiusMedium,\n            ...shorthands.borderColor('transparent')\n        })\n    }\n});\n/** Applies style classnames to slots */ export const useTeachingPopoverCarouselNavStyles_unstable = (state)=>{\n    const styles = useStyles();\n    state.root.className = mergeClasses(teachingPopoverCarouselNavClassNames.root, styles.root, state.root.className);\n    return state;\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,EAAEC,UAAU,QAAQ,gBAAgB;AACrE,SAASC,+BAA+B,QAAQ,yBAAyB;AACzE,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,OAAO,MAAMC,oCAAoC,GAAG;EAChDC,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,SAAS,gBAAGP,QAAA;EAAAM,IAAA;IAAAE,MAAA;IAAAC,OAAA;IAAAC,MAAA;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;EAAA;AAAA;EAAAC,CAAA;IAAAC,CAAA;EAAA;IAAAA,CAAA;EAAA;AAAA,CAajB,CAAC;AACF;AAAyC,OAAO,MAAMC,4CAA4C,GAAIC,KAAK,IAAG;EAC1G,MAAMC,MAAM,GAAGvB,SAAS,CAAC,CAAC;EAC1BsB,KAAK,CAACvB,IAAI,CAACyB,SAAS,GAAG9B,YAAY,CAACI,oCAAoC,CAACC,IAAI,EAAEwB,MAAM,CAACxB,IAAI,EAAEuB,KAAK,CAACvB,IAAI,CAACyB,SAAS,CAAC;EACjH,OAAOF,KAAK;AAChB,CAAC","ignoreList":[]}
+{"version":3,"names":["__styles","mergeClasses","shorthands","createCustomFocusIndicatorStyle","tokens","teachingPopoverCarouselNavClassNames","root","useStyles","mc9l5x","Beiy3e4","i8kkvl","Bt984gj","Brf1p80","Bfpq7zp","g9k6zt","Bn4voq9","giviqs","Bw81rd7","kdpuga","dm238s","B6xbmo0","B3whbx2","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","d","p","useTeachingPopoverCarouselNavStyles_unstable","state","styles","className"],"sources":["useTeachingPopoverCarouselNavStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens } from '@fluentui/react-theme';\nexport const teachingPopoverCarouselNavClassNames = {\n    root: 'fui-TeachingPopoverCarouselNav'\n};\nconst useStyles = makeStyles({\n    root: {\n        display: 'flex',\n        flexDirection: 'row',\n        columnGap: tokens.spacingHorizontalXS,\n        alignItems: 'center',\n        justifyContent: 'center',\n        ...createCustomFocusIndicatorStyle({\n            outline: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`,\n            borderRadius: tokens.borderRadiusMedium,\n            ...shorthands.borderColor('transparent')\n        })\n    }\n});\n/** Applies style classnames to slots */ export const useTeachingPopoverCarouselNavStyles_unstable = (state)=>{\n    'use no memo';\n    const styles = useStyles();\n    state.root.className = mergeClasses(teachingPopoverCarouselNavClassNames.root, styles.root, state.root.className);\n    return state;\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,EAAEC,UAAU,QAAQ,gBAAgB;AACrE,SAASC,+BAA+B,QAAQ,yBAAyB;AACzE,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,OAAO,MAAMC,oCAAoC,GAAG;EAChDC,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,SAAS,gBAAGP,QAAA;EAAAM,IAAA;IAAAE,MAAA;IAAAC,OAAA;IAAAC,MAAA;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;EAAA;AAAA;EAAAC,CAAA;IAAAC,CAAA;EAAA;IAAAA,CAAA;EAAA;AAAA,CAajB,CAAC;AACF;AAAyC,OAAO,MAAMC,4CAA4C,GAAIC,KAAK,IAAG;EAC1G,aAAa;;EACb,MAAMC,MAAM,GAAGvB,SAAS,CAAC,CAAC;EAC1BsB,KAAK,CAACvB,IAAI,CAACyB,SAAS,GAAG9B,YAAY,CAACI,oCAAoC,CAACC,IAAI,EAAEwB,MAAM,CAACxB,IAAI,EAAEuB,KAAK,CAACvB,IAAI,CAACyB,SAAS,CAAC;EACjH,OAAOF,KAAK;AAChB,CAAC","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"sources":["valueIdContext.ts"],"sourcesContent":["import * as React from 'react';\n\nconst valueIdContext = React.createContext<string | undefined>(undefined);\n\nexport const valueIdContextDefaultValue = '';\n\nexport const useValueIdContext = () => React.useContext(valueIdContext) ?? valueIdContextDefaultValue;\n\nexport const ValueIdContextProvider = valueIdContext.Provider;\n"],"names":["React","valueIdContext","createContext","undefined","valueIdContextDefaultValue","useValueIdContext","useContext","ValueIdContextProvider","Provider"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,MAAMC,iBAAiBD,MAAME,aAAa,CAAqBC;AAE/D,OAAO,MAAMC,6BAA6B,GAAG;AAE7C,OAAO,MAAMC,oBAAoB;QAAML;WAAAA,CAAAA,oBAAAA,MAAMM,UAAU,CAACL,6BAAjBD,+BAAAA,oBAAoCI;AAAyB,EAAE;AAEtG,OAAO,MAAMG,yBAAyBN,eAAeO,QAAQ,CAAC"}
+{"version":3,"sources":["valueIdContext.ts"],"sourcesContent":["import * as React from 'react';\n\nconst valueIdContext = React.createContext<string | undefined>(undefined);\n\nexport const valueIdContextDefaultValue = '';\n\nexport const useValueIdContext = () => React.useContext(valueIdContext) ?? valueIdContextDefaultValue;\n\nexport const ValueIdContextProvider = valueIdContext.Provider;\n"],"names":["React","valueIdContext","createContext","undefined","valueIdContextDefaultValue","useValueIdContext","useContext","ValueIdContextProvider","Provider"],"rangeMappings":";;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,MAAMC,iBAAiBD,MAAME,aAAa,CAAqBC;AAE/D,OAAO,MAAMC,6BAA6B,GAAG;AAE7C,OAAO,MAAMC,oBAAoB;QAAML;WAAAA,CAAAA,oBAAAA,MAAMM,UAAU,CAACL,6BAAjBD,+BAAAA,oBAAoCI;AAAyB,EAAE;AAEtG,OAAO,MAAMG,yBAAyBN,eAAeO,QAAQ,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["TeachingPopoverCarouselNavButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useTeachingPopoverCarouselNavButton_unstable } from './useTeachingPopoverCarouselNavButton';\nimport { renderTeachingPopoverCarouselNavButton_unstable } from './renderTeachingPopoverCarouselNavButton';\nimport { useTeachingPopoverCarouselNavButtonStyles_unstable } from './useTeachingPopoverCarouselNavButtonStyles.styles';\nimport type { TeachingPopoverCarouselNavButtonProps } from './TeachingPopoverCarouselNavButton.types';\n\n/**\n * TeachingPopoverCarouselNavButton is a button to jump to a single page within TeachingPopoverCarousel\n *\n * It's value is injected via context and must be wrapped with a ValueIdContextProvider (automatically handled via TeachingPopoverCarouselNav)\n */\nexport const TeachingPopoverCarouselNavButton: ForwardRefComponent<TeachingPopoverCarouselNavButtonProps> =\n  React.forwardRef((props, ref) => {\n    const state = useTeachingPopoverCarouselNavButton_unstable(props, ref);\n\n    useTeachingPopoverCarouselNavButtonStyles_unstable(state);\n\n    return renderTeachingPopoverCarouselNavButton_unstable(state);\n  }) as ForwardRefComponent<TeachingPopoverCarouselNavButtonProps>;\n\nTeachingPopoverCarouselNavButton.displayName = 'TeachingPopoverCarouselNavButton';\n"],"names":["React","useTeachingPopoverCarouselNavButton_unstable","renderTeachingPopoverCarouselNavButton_unstable","useTeachingPopoverCarouselNavButtonStyles_unstable","TeachingPopoverCarouselNavButton","forwardRef","props","ref","state","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,SAASC,4CAA4C,QAAQ,wCAAwC;AACrG,SAASC,+CAA+C,QAAQ,2CAA2C;AAC3G,SAASC,kDAAkD,QAAQ,qDAAqD;AAGxH;;;;CAIC,GACD,OAAO,MAAMC,iDACXJ,MAAMK,UAAU,CAAC,CAACC,OAAOC;IACvB,MAAMC,QAAQP,6CAA6CK,OAAOC;IAElEJ,mDAAmDK;IAEnD,OAAON,gDAAgDM;AACzD,GAAiE;AAEnEJ,iCAAiCK,WAAW,GAAG"}
+{"version":3,"sources":["TeachingPopoverCarouselNavButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useTeachingPopoverCarouselNavButton_unstable } from './useTeachingPopoverCarouselNavButton';\nimport { renderTeachingPopoverCarouselNavButton_unstable } from './renderTeachingPopoverCarouselNavButton';\nimport { useTeachingPopoverCarouselNavButtonStyles_unstable } from './useTeachingPopoverCarouselNavButtonStyles.styles';\nimport type { TeachingPopoverCarouselNavButtonProps } from './TeachingPopoverCarouselNavButton.types';\n\n/**\n * TeachingPopoverCarouselNavButton is a button to jump to a single page within TeachingPopoverCarousel\n *\n * It's value is injected via context and must be wrapped with a ValueIdContextProvider (automatically handled via TeachingPopoverCarouselNav)\n */\nexport const TeachingPopoverCarouselNavButton: ForwardRefComponent<TeachingPopoverCarouselNavButtonProps> =\n  React.forwardRef((props, ref) => {\n    const state = useTeachingPopoverCarouselNavButton_unstable(props, ref);\n\n    useTeachingPopoverCarouselNavButtonStyles_unstable(state);\n\n    return renderTeachingPopoverCarouselNavButton_unstable(state);\n  }) as ForwardRefComponent<TeachingPopoverCarouselNavButtonProps>;\n\nTeachingPopoverCarouselNavButton.displayName = 'TeachingPopoverCarouselNavButton';\n"],"names":["React","useTeachingPopoverCarouselNavButton_unstable","renderTeachingPopoverCarouselNavButton_unstable","useTeachingPopoverCarouselNavButtonStyles_unstable","TeachingPopoverCarouselNavButton","forwardRef","props","ref","state","displayName"],"rangeMappings":";;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,SAASC,4CAA4C,QAAQ,wCAAwC;AACrG,SAASC,+CAA+C,QAAQ,2CAA2C;AAC3G,SAASC,kDAAkD,QAAQ,qDAAqD;AAGxH;;;;CAIC,GACD,OAAO,MAAMC,iDACXJ,MAAMK,UAAU,CAAC,CAACC,OAAOC;IACvB,MAAMC,QAAQP,6CAA6CK,OAAOC;IAElEJ,mDAAmDK;IAEnD,OAAON,gDAAgDM;AACzD,GAAiE;AAEnEJ,iCAAiCK,WAAW,GAAG"}

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["TeachingPopoverCarouselNavButton.types.ts"],"sourcesContent":["import { ARIAButtonSlotProps } from '@fluentui/react-aria';\nimport { PopoverContextValue } from '@fluentui/react-popover';\nimport type { ComponentState, ComponentProps, Slot } from '@fluentui/react-utilities';\n\nexport type TeachingPopoverCarouselNavButtonSlots = {\n  /**\n   * ARIA compliant nav buttons used to jump to pages\n   */\n  root: NonNullable<Slot<ARIAButtonSlotProps<'a'>>>;\n};\n\n/**\n * TeachingPopoverCarouselNavButton Props\n */\nexport type TeachingPopoverCarouselNavButtonProps = ComponentProps<TeachingPopoverCarouselNavButtonSlots>;\n\n/**\n * TeachingPopoverCarouselNavButton State\n */\nexport type TeachingPopoverCarouselNavButtonState = ComponentState<TeachingPopoverCarouselNavButtonSlots> & {\n  /**\n   * Enables selection state control\n   */\n  isSelected?: boolean;\n} & Pick<PopoverContextValue, 'appearance'>;\n"],"names":[],"mappings":"AAAA,WAwB4C"}
+{"version":3,"sources":["TeachingPopoverCarouselNavButton.types.ts"],"sourcesContent":["import { ARIAButtonSlotProps } from '@fluentui/react-aria';\nimport { PopoverContextValue } from '@fluentui/react-popover';\nimport type { ComponentState, ComponentProps, Slot } from '@fluentui/react-utilities';\n\nexport type TeachingPopoverCarouselNavButtonSlots = {\n  /**\n   * ARIA compliant nav buttons used to jump to pages\n   */\n  root: NonNullable<Slot<ARIAButtonSlotProps<'a'>>>;\n};\n\n/**\n * TeachingPopoverCarouselNavButton Props\n */\nexport type TeachingPopoverCarouselNavButtonProps = ComponentProps<TeachingPopoverCarouselNavButtonSlots>;\n\n/**\n * TeachingPopoverCarouselNavButton State\n */\nexport type TeachingPopoverCarouselNavButtonState = ComponentState<TeachingPopoverCarouselNavButtonSlots> & {\n  /**\n   * Enables selection state control\n   */\n  isSelected?: boolean;\n} & Pick<PopoverContextValue, 'appearance'>;\n"],"names":[],"rangeMappings":";;","mappings":"AAgBA;;CAEC,GACD,WAK4C"}

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

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './TeachingPopoverCarouselNavButton';\nexport * from './TeachingPopoverCarouselNavButton.types';\nexport * from './renderTeachingPopoverCarouselNavButton';\nexport * from './useTeachingPopoverCarouselNavButton';\nexport * from './useTeachingPopoverCarouselNavButtonStyles.styles';\n"],"names":[],"mappings":"AAAA,cAAc,qCAAqC;AACnD,cAAc,2CAA2C;AACzD,cAAc,2CAA2C;AACzD,cAAc,wCAAwC;AACtD,cAAc,qDAAqD"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './TeachingPopoverCarouselNavButton';\nexport * from './TeachingPopoverCarouselNavButton.types';\nexport * from './renderTeachingPopoverCarouselNavButton';\nexport * from './useTeachingPopoverCarouselNavButton';\nexport * from './useTeachingPopoverCarouselNavButtonStyles.styles';\n"],"names":[],"rangeMappings":";;;;","mappings":"AAAA,cAAc,qCAAqC;AACnD,cAAc,2CAA2C;AACzD,cAAc,2CAA2C;AACzD,cAAc,wCAAwC;AACtD,cAAc,qDAAqD"}

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

@@ -1 +1 @@
-{"version":3,"sources":["renderTeachingPopoverCarouselNavButton.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type {\n  TeachingPopoverCarouselNavButtonState,\n  TeachingPopoverCarouselNavButtonSlots,\n} from './TeachingPopoverCarouselNavButton.types';\n\n/**\n * Render the final JSX of TeachingPopoverCarouselNavButton\n */\nexport const renderTeachingPopoverCarouselNavButton_unstable = (state: TeachingPopoverCarouselNavButtonState) => {\n  assertSlots<TeachingPopoverCarouselNavButtonSlots>(state);\n\n  return <state.root />;\n};\n"],"names":["assertSlots","renderTeachingPopoverCarouselNavButton_unstable","state","root"],"mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAEjD,SAASA,WAAW,QAAQ,4BAA4B;AAMxD;;CAEC,GACD,OAAO,MAAMC,kDAAkD,CAACC;IAC9DF,YAAmDE;IAEnD,qBAAO,KAACA,MAAMC,IAAI;AACpB,EAAE"}
+{"version":3,"sources":["renderTeachingPopoverCarouselNavButton.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type {\n  TeachingPopoverCarouselNavButtonState,\n  TeachingPopoverCarouselNavButtonSlots,\n} from './TeachingPopoverCarouselNavButton.types';\n\n/**\n * Render the final JSX of TeachingPopoverCarouselNavButton\n */\nexport const renderTeachingPopoverCarouselNavButton_unstable = (state: TeachingPopoverCarouselNavButtonState) => {\n  assertSlots<TeachingPopoverCarouselNavButtonSlots>(state);\n\n  return <state.root />;\n};\n"],"names":["assertSlots","renderTeachingPopoverCarouselNavButton_unstable","state","root"],"rangeMappings":";;;;;;;","mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAEjD,SAASA,WAAW,QAAQ,4BAA4B;AAMxD;;CAEC,GACD,OAAO,MAAMC,kDAAkD,CAACC;IAC9DF,YAAmDE;IAEnD,qBAAO,KAACA,MAAMC,IAAI;AACpB,EAAE"}

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

@@ -1 +1 @@
-{"version":3,"sources":["useTeachingPopoverCarouselNavButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport { ARIAButtonSlotProps, useARIAButtonProps } from '@fluentui/react-aria';\nimport { usePopoverContext_unstable } from '@fluentui/react-popover';\nimport { useTabsterAttributes } from '@fluentui/react-tabster';\nimport { getIntrinsicElementProps, isHTMLElement, slot, useEventCallback } from '@fluentui/react-utilities';\n\nimport type {\n  TeachingPopoverCarouselNavButtonProps,\n  TeachingPopoverCarouselNavButtonState,\n} from './TeachingPopoverCarouselNavButton.types';\nimport { useCarouselContext_unstable } from '../TeachingPopoverCarousel/Carousel/CarouselContext';\nimport { useValueIdContext } from '../TeachingPopoverCarouselNav/valueIdContext';\n\n/**\n * Create the state required to render TeachingPopoverCarouselNavButton.\n *\n * The returned state can be modified with hooks such as useTeachingPopoverCarouselNavButtonStyles_unstable,\n * before being passed to renderTeachingPopoverCarouselNavButton_unstable.\n *\n * @param props - props from this instance of TeachingPopoverCarouselNavButton\n * @param ref - reference to root HTMLElement of TeachingPopoverCarouselNavButton\n */\nexport const useTeachingPopoverCarouselNavButton_unstable = (\n  props: TeachingPopoverCarouselNavButtonProps,\n  ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>,\n): TeachingPopoverCarouselNavButtonState => {\n  const { onClick, as = 'a' } = props;\n\n  const value = useValueIdContext();\n\n  const appearance = usePopoverContext_unstable(context => context.appearance);\n  const selectPageByValue = useCarouselContext_unstable(c => c.selectPageByValue);\n  const isSelected = useCarouselContext_unstable(c => c.value === value);\n\n  const handleClick: ARIAButtonSlotProps<'a'>['onClick'] = useEventCallback(event => {\n    onClick?.(event);\n\n    if (!event.defaultPrevented && isHTMLElement(event.target)) {\n      selectPageByValue(event, value);\n    }\n  });\n\n  const defaultTabProps = useTabsterAttributes({\n    focusable: { isDefault: isSelected },\n  });\n\n  const _carouselButton = slot.always<ARIAButtonSlotProps<'a'>>(\n    getIntrinsicElementProps(as, useARIAButtonProps(props.as, props)),\n    {\n      elementType: 'button',\n      defaultProps: {\n        ref: ref as React.Ref<HTMLButtonElement & HTMLAnchorElement>,\n        role: 'tab',\n        type: 'button',\n        ...defaultTabProps,\n      },\n    },\n  );\n\n  _carouselButton.onClick = handleClick;\n\n  const state: TeachingPopoverCarouselNavButtonState = {\n    isSelected,\n    appearance,\n    components: {\n      root: 'button',\n    },\n    root: _carouselButton,\n  };\n\n  return state;\n};\n"],"names":["React","useARIAButtonProps","usePopoverContext_unstable","useTabsterAttributes","getIntrinsicElementProps","isHTMLElement","slot","useEventCallback","useCarouselContext_unstable","useValueIdContext","useTeachingPopoverCarouselNavButton_unstable","props","ref","onClick","as","value","appearance","context","selectPageByValue","c","isSelected","handleClick","event","defaultPrevented","target","defaultTabProps","focusable","isDefault","_carouselButton","always","elementType","defaultProps","role","type","state","components","root"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAA8BC,kBAAkB,QAAQ,uBAAuB;AAC/E,SAASC,0BAA0B,QAAQ,0BAA0B;AACrE,SAASC,oBAAoB,QAAQ,0BAA0B;AAC/D,SAASC,wBAAwB,EAAEC,aAAa,EAAEC,IAAI,EAAEC,gBAAgB,QAAQ,4BAA4B;AAM5G,SAASC,2BAA2B,QAAQ,sDAAsD;AAClG,SAASC,iBAAiB,QAAQ,+CAA+C;AAEjF;;;;;;;;CAQC,GACD,OAAO,MAAMC,+CAA+C,CAC1DC,OACAC;IAEA,MAAM,EAAEC,OAAO,EAAEC,KAAK,GAAG,EAAE,GAAGH;IAE9B,MAAMI,QAAQN;IAEd,MAAMO,aAAad,2BAA2Be,CAAAA,UAAWA,QAAQD,UAAU;IAC3E,MAAME,oBAAoBV,4BAA4BW,CAAAA,IAAKA,EAAED,iBAAiB;IAC9E,MAAME,aAAaZ,4BAA4BW,CAAAA,IAAKA,EAAEJ,KAAK,KAAKA;IAEhE,MAAMM,cAAmDd,iBAAiBe,CAAAA;QACxET,oBAAAA,8BAAAA,QAAUS;QAEV,IAAI,CAACA,MAAMC,gBAAgB,IAAIlB,cAAciB,MAAME,MAAM,GAAG;YAC1DN,kBAAkBI,OAAOP;QAC3B;IACF;IAEA,MAAMU,kBAAkBtB,qBAAqB;QAC3CuB,WAAW;YAAEC,WAAWP;QAAW;IACrC;IAEA,MAAMQ,kBAAkBtB,KAAKuB,MAAM,CACjCzB,yBAAyBU,IAAIb,mBAAmBU,MAAMG,EAAE,EAAEH,SAC1D;QACEmB,aAAa;QACbC,cAAc;YACZnB,KAAKA;YACLoB,MAAM;YACNC,MAAM;YACN,GAAGR,eAAe;QACpB;IACF;IAGFG,gBAAgBf,OAAO,GAAGQ;IAE1B,MAAMa,QAA+C;QACnDd;QACAJ;QACAmB,YAAY;YACVC,MAAM;QACR;QACAA,MAAMR;IACR;IAEA,OAAOM;AACT,EAAE"}
+{"version":3,"sources":["useTeachingPopoverCarouselNavButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport { ARIAButtonSlotProps, useARIAButtonProps } from '@fluentui/react-aria';\nimport { usePopoverContext_unstable } from '@fluentui/react-popover';\nimport { useTabsterAttributes } from '@fluentui/react-tabster';\nimport { getIntrinsicElementProps, isHTMLElement, slot, useEventCallback } from '@fluentui/react-utilities';\n\nimport type {\n  TeachingPopoverCarouselNavButtonProps,\n  TeachingPopoverCarouselNavButtonState,\n} from './TeachingPopoverCarouselNavButton.types';\nimport { useCarouselContext_unstable } from '../TeachingPopoverCarousel/Carousel/CarouselContext';\nimport { useValueIdContext } from '../TeachingPopoverCarouselNav/valueIdContext';\n\n/**\n * Create the state required to render TeachingPopoverCarouselNavButton.\n *\n * The returned state can be modified with hooks such as useTeachingPopoverCarouselNavButtonStyles_unstable,\n * before being passed to renderTeachingPopoverCarouselNavButton_unstable.\n *\n * @param props - props from this instance of TeachingPopoverCarouselNavButton\n * @param ref - reference to root HTMLElement of TeachingPopoverCarouselNavButton\n */\nexport const useTeachingPopoverCarouselNavButton_unstable = (\n  props: TeachingPopoverCarouselNavButtonProps,\n  ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>,\n): TeachingPopoverCarouselNavButtonState => {\n  const { onClick, as = 'a' } = props;\n\n  const value = useValueIdContext();\n\n  const appearance = usePopoverContext_unstable(context => context.appearance);\n  const selectPageByValue = useCarouselContext_unstable(c => c.selectPageByValue);\n  const isSelected = useCarouselContext_unstable(c => c.value === value);\n\n  const handleClick: ARIAButtonSlotProps<'a'>['onClick'] = useEventCallback(event => {\n    onClick?.(event);\n\n    if (!event.defaultPrevented && isHTMLElement(event.target)) {\n      selectPageByValue(event, value);\n    }\n  });\n\n  const defaultTabProps = useTabsterAttributes({\n    focusable: { isDefault: isSelected },\n  });\n\n  const _carouselButton = slot.always<ARIAButtonSlotProps<'a'>>(\n    getIntrinsicElementProps(as, useARIAButtonProps(props.as, props)),\n    {\n      elementType: 'button',\n      defaultProps: {\n        ref: ref as React.Ref<HTMLButtonElement & HTMLAnchorElement>,\n        role: 'tab',\n        type: 'button',\n        ...defaultTabProps,\n      },\n    },\n  );\n\n  _carouselButton.onClick = handleClick;\n\n  const state: TeachingPopoverCarouselNavButtonState = {\n    isSelected,\n    appearance,\n    components: {\n      root: 'button',\n    },\n    root: _carouselButton,\n  };\n\n  return state;\n};\n"],"names":["React","useARIAButtonProps","usePopoverContext_unstable","useTabsterAttributes","getIntrinsicElementProps","isHTMLElement","slot","useEventCallback","useCarouselContext_unstable","useValueIdContext","useTeachingPopoverCarouselNavButton_unstable","props","ref","onClick","as","value","appearance","context","selectPageByValue","c","isSelected","handleClick","event","defaultPrevented","target","defaultTabProps","focusable","isDefault","_carouselButton","always","elementType","defaultProps","role","type","state","components","root"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAA8BC,kBAAkB,QAAQ,uBAAuB;AAC/E,SAASC,0BAA0B,QAAQ,0BAA0B;AACrE,SAASC,oBAAoB,QAAQ,0BAA0B;AAC/D,SAASC,wBAAwB,EAAEC,aAAa,EAAEC,IAAI,EAAEC,gBAAgB,QAAQ,4BAA4B;AAM5G,SAASC,2BAA2B,QAAQ,sDAAsD;AAClG,SAASC,iBAAiB,QAAQ,+CAA+C;AAEjF;;;;;;;;CAQC,GACD,OAAO,MAAMC,+CAA+C,CAC1DC,OACAC;IAEA,MAAM,EAAEC,OAAO,EAAEC,KAAK,GAAG,EAAE,GAAGH;IAE9B,MAAMI,QAAQN;IAEd,MAAMO,aAAad,2BAA2Be,CAAAA,UAAWA,QAAQD,UAAU;IAC3E,MAAME,oBAAoBV,4BAA4BW,CAAAA,IAAKA,EAAED,iBAAiB;IAC9E,MAAME,aAAaZ,4BAA4BW,CAAAA,IAAKA,EAAEJ,KAAK,KAAKA;IAEhE,MAAMM,cAAmDd,iBAAiBe,CAAAA;QACxET,oBAAAA,8BAAAA,QAAUS;QAEV,IAAI,CAACA,MAAMC,gBAAgB,IAAIlB,cAAciB,MAAME,MAAM,GAAG;YAC1DN,kBAAkBI,OAAOP;QAC3B;IACF;IAEA,MAAMU,kBAAkBtB,qBAAqB;QAC3CuB,WAAW;YAAEC,WAAWP;QAAW;IACrC;IAEA,MAAMQ,kBAAkBtB,KAAKuB,MAAM,CACjCzB,yBAAyBU,IAAIb,mBAAmBU,MAAMG,EAAE,EAAEH,SAC1D;QACEmB,aAAa;QACbC,cAAc;YACZnB,KAAKA;YACLoB,MAAM;YACNC,MAAM;YACN,GAAGR,eAAe;QACpB;IACF;IAGFG,gBAAgBf,OAAO,GAAGQ;IAE1B,MAAMa,QAA+C;QACnDd;QACAJ;QACAmB,YAAY;YACVC,MAAM;QACR;QACAA,MAAMR;IACR;IAEA,OAAOM;AACT,EAAE"}

package/lib/components/TeachingPopoverCarouselNavButton/useTeachingPopoverCarouselNavButtonStyles.styles.js

@@ -47,7 +47,7 @@ const useStyles = /*#__PURE__*/__styles({
     Bw0xxkn: 0,
     oeaueh: 0,
     Bpd4iqm: 0,
-    Befb4lg: "f1f5l3wm",
+    Befb4lg: "f71xx7",
     Bfpq7zp: 0,
     g9k6zt: 0,
     Bn4voq9: 0,
@@ -69,7 +69,7 @@ const useStyles = /*#__PURE__*/__styles({
     Bw0xxkn: 0,
     oeaueh: 0,
     Bpd4iqm: 0,
-    Befb4lg: "f1f5l3wm",
+    Befb4lg: "f71xx7",
     a9b677: "fjw5fx7",
     Bgfg5da: 0,
     B9xav0g: 0,
@@ -110,7 +110,8 @@ const useStyles = /*#__PURE__*/__styles({
     B8q5s1w: "f8hki3x",
     Bci5o5g: ["f1d2448m", "ffh67wi"],
     n8qw10: "f1bjia2o",
-    Bdrgwmp: ["ffh67wi", "f1d2448m"]
+    Bdrgwmp: ["ffh67wi", "f1d2448m"],
+    Bsw6fvg: "fe2ae1k"
   },
   rootBrand: {
     De3pzq: "f10s6wn9"
@@ -127,13 +128,13 @@ const useStyles = /*#__PURE__*/__styles({
     p: -1
   }], [".f1c5fvqg{padding:0px;}", {
     p: -1
-  }], [".f1f5l3wm{outline:var(--strokeWidthThin);}", {
+  }], [".f71xx7{outline:var(--strokeWidthThin) solid transparent;}", {
     p: -1
   }], [".f89hs3r[data-fui-focus-visible]{outline:var(--strokeWidthThick) solid var(--colorStrokeFocus2);}", {
     p: -1
   }], [".f2krc9w[data-fui-focus-visible]{border-radius:var(--borderRadiusMedium);}", {
     p: -1
-  }], ".f8hki3x[data-fui-focus-visible]{border-top-color:transparent;}", ".f1d2448m[data-fui-focus-visible]{border-right-color:transparent;}", ".ffh67wi[data-fui-focus-visible]{border-left-color:transparent;}", ".f1bjia2o[data-fui-focus-visible]{border-bottom-color:transparent;}", ".frgiif3{background-color:color-mix(in srgb, var(--colorBrandBackground) 30%, transparent);}", [".f1f5l3wm{outline:var(--strokeWidthThin);}", {
+  }], ".f8hki3x[data-fui-focus-visible]{border-top-color:transparent;}", ".f1d2448m[data-fui-focus-visible]{border-right-color:transparent;}", ".ffh67wi[data-fui-focus-visible]{border-left-color:transparent;}", ".f1bjia2o[data-fui-focus-visible]{border-bottom-color:transparent;}", ".frgiif3{background-color:color-mix(in srgb, var(--colorBrandBackground) 30%, transparent);}", [".f71xx7{outline:var(--strokeWidthThin) solid transparent;}", {
     p: -1
   }], ".fjw5fx7{width:16px;}", [".f3bhgqh{border:none;}", {
     p: -2
@@ -146,12 +147,17 @@ const useStyles = /*#__PURE__*/__styles({
   }], [".f2krc9w[data-fui-focus-visible]{border-radius:var(--borderRadiusMedium);}", {
     p: -1
   }], ".f10s6wn9{background-color:var(--colorNeutralForegroundOnBrand);}", ".frxe7el{background-color:color-mix(in srgb, var(--colorNeutralForegroundOnBrand) 30%, transparent);}"],
-  t: ["@supports not (color: color-mix(in lch, white, black)){.f14lfud5{opacity:0.3;}}", "@supports not (color: color-mix(in lch, white, black)){.fngekiq{background-color:var(--colorBrandBackground);}}"]
+  t: ["@supports not (color: color-mix(in lch, white, black)){.f14lfud5{opacity:0.3;}}", "@supports not (color: color-mix(in lch, white, black)){.fngekiq{background-color:var(--colorBrandBackground);}}"],
+  m: [["@media (forced-colors: active){.fe2ae1k{background-color:CanvasText;}}", {
+    m: "(forced-colors: active)"
+  }]]
 });
 /**
  * Apply styling to the TeachingPopoverCarouselNavButton slots based on the state
  */
 export const useTeachingPopoverCarouselNavButtonStyles_unstable = state => {
+  'use no memo';
+
   const styles = useStyles();
   const {
     appearance,

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

@@ -1 +1 @@
-{"version":3,"names":["__styles","mergeClasses","shorthands","tokens","createCustomFocusIndicatorStyle","teachingPopoverCarouselNavButtonClassNames","root","useStyles","mc9l5x","Bceei9c","B7ck84d","Bqenvij","a9b677","De3pzq","rootUnselected","Bgfg5da","B9xav0g","oivjwe","Bn0qgzm","B4g9neb","zhjwy3","wvpqe5","ibv6hh","u1mtju","h3c5rm","vrafjx","Bekrc4i","i8vvqc","g2u3we","icvyot","B4j52fo","irswps","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","Bw0xxkn","oeaueh","Bpd4iqm","Befb4lg","Bfpq7zp","g9k6zt","Bn4voq9","giviqs","Bw81rd7","kdpuga","dm238s","B6xbmo0","B3whbx2","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","Bfclv37","B372c46","rootSelected","rootBrand","rootBrandUnselected","d","p","t","useTeachingPopoverCarouselNavButtonStyles_unstable","state","styles","appearance","isSelected","brandStyles","className"],"sources":["useTeachingPopoverCarouselNavButtonStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nexport const teachingPopoverCarouselNavButtonClassNames = {\n    root: 'fui-TeachingPopoverCarouselNavButton'\n};\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n    root: {\n        display: 'flex',\n        cursor: 'pointer',\n        boxSizing: 'border-box',\n        height: '8px',\n        width: '8px',\n        backgroundColor: tokens.colorBrandBackground\n    },\n    rootUnselected: {\n        border: 'none',\n        borderRadius: '50%',\n        padding: '0px',\n        outline: tokens.strokeWidthThin,\n        ...createCustomFocusIndicatorStyle({\n            outline: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`,\n            borderRadius: tokens.borderRadiusMedium,\n            ...shorthands.borderColor('transparent')\n        }),\n        backgroundColor: `color-mix(in srgb, ${tokens.colorBrandBackground} 30%, transparent)`,\n        '@supports not (color: color-mix(in lch, white, black))': {\n            // This will also affect the focus border, but only in older unsupported browsers\n            opacity: 0.3,\n            backgroundColor: tokens.colorBrandBackground\n        }\n    },\n    rootSelected: {\n        outline: tokens.strokeWidthThin,\n        width: '16px',\n        border: 'none',\n        borderRadius: '4px',\n        padding: '0px',\n        ...createCustomFocusIndicatorStyle({\n            outline: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`,\n            borderRadius: tokens.borderRadiusMedium,\n            ...shorthands.borderColor('transparent')\n        })\n    },\n    rootBrand: {\n        backgroundColor: tokens.colorNeutralForegroundOnBrand\n    },\n    rootBrandUnselected: {\n        backgroundColor: `color-mix(in srgb, ${tokens.colorNeutralForegroundOnBrand} 30%, transparent)`,\n        '@supports not (color: color-mix(in lch, white, black))': {\n            // This will also affect the focus border, but only in older unsupported browsers\n            opacity: 0.3,\n            backgroundColor: tokens.colorBrandBackground\n        }\n    }\n});\n/**\n * Apply styling to the TeachingPopoverCarouselNavButton slots based on the state\n */ export const useTeachingPopoverCarouselNavButtonStyles_unstable = (state)=>{\n    const styles = useStyles();\n    const { appearance, isSelected } = state;\n    const brandStyles = isSelected ? styles.rootBrand : styles.rootBrandUnselected;\n    state.root.className = mergeClasses(teachingPopoverCarouselNavButtonClassNames.root, styles.root, isSelected ? styles.rootSelected : styles.rootUnselected, appearance === 'brand' && brandStyles, state.root.className);\n    return state;\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,EAAEC,UAAU,QAAQ,gBAAgB;AACrE,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,SAASC,+BAA+B,QAAQ,yBAAyB;AACzE,OAAO,MAAMC,0CAA0C,GAAG;EACtDC,IAAI,EAAE;AACV,CAAC;AACD;AACA;AACA;AAAI,MAAMC,SAAS,gBAAGP,QAAA;EAAAM,IAAA;IAAAE,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;EAAAC,cAAA;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;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;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;IAAA7C,MAAA;IAAA8C,OAAA;IAAAC,OAAA;EAAA;EAAAC,YAAA;IAAAnB,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAjC,MAAA;IAAAG,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;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAK,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;EAAAI,SAAA;IAAAjD,MAAA;EAAA;EAAAkD,mBAAA;IAAAlD,MAAA;IAAA8C,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAI,CAAA;IAAAC,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;EAAAC,CAAA;AAAA,CAiDrB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,kDAAkD,GAAIC,KAAK,IAAG;EAC3E,MAAMC,MAAM,GAAG9D,SAAS,CAAC,CAAC;EAC1B,MAAM;IAAE+D,UAAU;IAAEC;EAAW,CAAC,GAAGH,KAAK;EACxC,MAAMI,WAAW,GAAGD,UAAU,GAAGF,MAAM,CAACP,SAAS,GAAGO,MAAM,CAACN,mBAAmB;EAC9EK,KAAK,CAAC9D,IAAI,CAACmE,SAAS,GAAGxE,YAAY,CAACI,0CAA0C,CAACC,IAAI,EAAE+D,MAAM,CAAC/D,IAAI,EAAEiE,UAAU,GAAGF,MAAM,CAACR,YAAY,GAAGQ,MAAM,CAACvD,cAAc,EAAEwD,UAAU,KAAK,OAAO,IAAIE,WAAW,EAAEJ,KAAK,CAAC9D,IAAI,CAACmE,SAAS,CAAC;EACxN,OAAOL,KAAK;AAChB,CAAC","ignoreList":[]}
+{"version":3,"names":["__styles","mergeClasses","shorthands","tokens","createCustomFocusIndicatorStyle","teachingPopoverCarouselNavButtonClassNames","root","useStyles","mc9l5x","Bceei9c","B7ck84d","Bqenvij","a9b677","De3pzq","rootUnselected","Bgfg5da","B9xav0g","oivjwe","Bn0qgzm","B4g9neb","zhjwy3","wvpqe5","ibv6hh","u1mtju","h3c5rm","vrafjx","Bekrc4i","i8vvqc","g2u3we","icvyot","B4j52fo","irswps","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","Bw0xxkn","oeaueh","Bpd4iqm","Befb4lg","Bfpq7zp","g9k6zt","Bn4voq9","giviqs","Bw81rd7","kdpuga","dm238s","B6xbmo0","B3whbx2","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","Bfclv37","B372c46","rootSelected","Bsw6fvg","rootBrand","rootBrandUnselected","d","p","t","m","useTeachingPopoverCarouselNavButtonStyles_unstable","state","styles","appearance","isSelected","brandStyles","className"],"sources":["useTeachingPopoverCarouselNavButtonStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nexport const teachingPopoverCarouselNavButtonClassNames = {\n    root: 'fui-TeachingPopoverCarouselNavButton'\n};\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n    root: {\n        display: 'flex',\n        cursor: 'pointer',\n        boxSizing: 'border-box',\n        height: '8px',\n        width: '8px',\n        backgroundColor: tokens.colorBrandBackground\n    },\n    rootUnselected: {\n        border: 'none',\n        borderRadius: '50%',\n        padding: '0px',\n        outline: `${tokens.strokeWidthThin} solid transparent`,\n        ...createCustomFocusIndicatorStyle({\n            outline: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`,\n            borderRadius: tokens.borderRadiusMedium,\n            ...shorthands.borderColor('transparent')\n        }),\n        backgroundColor: `color-mix(in srgb, ${tokens.colorBrandBackground} 30%, transparent)`,\n        '@supports not (color: color-mix(in lch, white, black))': {\n            // This will also affect the focus border, but only in older unsupported browsers\n            opacity: 0.3,\n            backgroundColor: tokens.colorBrandBackground\n        }\n    },\n    rootSelected: {\n        outline: `${tokens.strokeWidthThin} solid transparent`,\n        width: '16px',\n        border: 'none',\n        borderRadius: '4px',\n        padding: '0px',\n        ...createCustomFocusIndicatorStyle({\n            outline: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`,\n            borderRadius: tokens.borderRadiusMedium,\n            ...shorthands.borderColor('transparent')\n        }),\n        '@media (forced-colors: active)': {\n            backgroundColor: 'CanvasText'\n        }\n    },\n    rootBrand: {\n        backgroundColor: tokens.colorNeutralForegroundOnBrand\n    },\n    rootBrandUnselected: {\n        backgroundColor: `color-mix(in srgb, ${tokens.colorNeutralForegroundOnBrand} 30%, transparent)`,\n        '@supports not (color: color-mix(in lch, white, black))': {\n            // This will also affect the focus border, but only in older unsupported browsers\n            opacity: 0.3,\n            backgroundColor: tokens.colorBrandBackground\n        }\n    }\n});\n/**\n * Apply styling to the TeachingPopoverCarouselNavButton slots based on the state\n */ export const useTeachingPopoverCarouselNavButtonStyles_unstable = (state)=>{\n    'use no memo';\n    const styles = useStyles();\n    const { appearance, isSelected } = state;\n    const brandStyles = isSelected ? styles.rootBrand : styles.rootBrandUnselected;\n    state.root.className = mergeClasses(teachingPopoverCarouselNavButtonClassNames.root, styles.root, isSelected ? styles.rootSelected : styles.rootUnselected, appearance === 'brand' && brandStyles, state.root.className);\n    return state;\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,EAAEC,UAAU,QAAQ,gBAAgB;AACrE,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,SAASC,+BAA+B,QAAQ,yBAAyB;AACzE,OAAO,MAAMC,0CAA0C,GAAG;EACtDC,IAAI,EAAE;AACV,CAAC;AACD;AACA;AACA;AAAI,MAAMC,SAAS,gBAAGP,QAAA;EAAAM,IAAA;IAAAE,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;EAAAC,cAAA;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;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;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;IAAA7C,MAAA;IAAA8C,OAAA;IAAAC,OAAA;EAAA;EAAAC,YAAA;IAAAnB,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAjC,MAAA;IAAAG,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;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAK,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;IAAAI,OAAA;EAAA;EAAAC,SAAA;IAAAlD,MAAA;EAAA;EAAAmD,mBAAA;IAAAnD,MAAA;IAAA8C,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAK,CAAA;IAAAC,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;EAAAC,CAAA;EAAAC,CAAA;IAAAA,CAAA;EAAA;AAAA,CAoDrB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,kDAAkD,GAAIC,KAAK,IAAG;EAC3E,aAAa;;EACb,MAAMC,MAAM,GAAGhE,SAAS,CAAC,CAAC;EAC1B,MAAM;IAAEiE,UAAU;IAAEC;EAAW,CAAC,GAAGH,KAAK;EACxC,MAAMI,WAAW,GAAGD,UAAU,GAAGF,MAAM,CAACR,SAAS,GAAGQ,MAAM,CAACP,mBAAmB;EAC9EM,KAAK,CAAChE,IAAI,CAACqE,SAAS,GAAG1E,YAAY,CAACI,0CAA0C,CAACC,IAAI,EAAEiE,MAAM,CAACjE,IAAI,EAAEmE,UAAU,GAAGF,MAAM,CAACV,YAAY,GAAGU,MAAM,CAACzD,cAAc,EAAE0D,UAAU,KAAK,OAAO,IAAIE,WAAW,EAAEJ,KAAK,CAAChE,IAAI,CAACqE,SAAS,CAAC;EACxN,OAAOL,KAAK;AAChB,CAAC","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"sources":["TeachingPopoverCarouselPageCount.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useTeachingPopoverCarouselPageCount_unstable } from './useTeachingPopoverCarouselPageCount';\nimport { renderTeachingPopoverCarouselPageCount_unstable } from './renderTeachingPopoverCarouselPageCount';\nimport { useTeachingPopoverCarouselPageCountStyles_unstable } from './useTeachingPopoverCarouselPageCountStyles.styles';\nimport type { TeachingPopoverCarouselPageCountProps } from './TeachingPopoverCarouselPageCount.types';\n\n/**\n * TeachingPopoverCarouselPageCount is a simple interface for rendering based on current and total page count\n *\n * The child render function will provide both current and total page numbers for customization.\n */\nexport const TeachingPopoverCarouselPageCount: ForwardRefComponent<TeachingPopoverCarouselPageCountProps> =\n  React.forwardRef((props, ref) => {\n    const state = useTeachingPopoverCarouselPageCount_unstable(props, ref);\n\n    useTeachingPopoverCarouselPageCountStyles_unstable(state);\n\n    return renderTeachingPopoverCarouselPageCount_unstable(state);\n  });\n\nTeachingPopoverCarouselPageCount.displayName = 'TeachingPopoverCarouselPageCount';\n"],"names":["React","useTeachingPopoverCarouselPageCount_unstable","renderTeachingPopoverCarouselPageCount_unstable","useTeachingPopoverCarouselPageCountStyles_unstable","TeachingPopoverCarouselPageCount","forwardRef","props","ref","state","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,SAASC,4CAA4C,QAAQ,wCAAwC;AACrG,SAASC,+CAA+C,QAAQ,2CAA2C;AAC3G,SAASC,kDAAkD,QAAQ,qDAAqD;AAGxH;;;;CAIC,GACD,OAAO,MAAMC,iDACXJ,MAAMK,UAAU,CAAC,CAACC,OAAOC;IACvB,MAAMC,QAAQP,6CAA6CK,OAAOC;IAElEJ,mDAAmDK;IAEnD,OAAON,gDAAgDM;AACzD,GAAG;AAELJ,iCAAiCK,WAAW,GAAG"}
+{"version":3,"sources":["TeachingPopoverCarouselPageCount.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useTeachingPopoverCarouselPageCount_unstable } from './useTeachingPopoverCarouselPageCount';\nimport { renderTeachingPopoverCarouselPageCount_unstable } from './renderTeachingPopoverCarouselPageCount';\nimport { useTeachingPopoverCarouselPageCountStyles_unstable } from './useTeachingPopoverCarouselPageCountStyles.styles';\nimport type { TeachingPopoverCarouselPageCountProps } from './TeachingPopoverCarouselPageCount.types';\n\n/**\n * TeachingPopoverCarouselPageCount is a simple interface for rendering based on current and total page count\n *\n * The child render function will provide both current and total page numbers for customization.\n */\nexport const TeachingPopoverCarouselPageCount: ForwardRefComponent<TeachingPopoverCarouselPageCountProps> =\n  React.forwardRef((props, ref) => {\n    const state = useTeachingPopoverCarouselPageCount_unstable(props, ref);\n\n    useTeachingPopoverCarouselPageCountStyles_unstable(state);\n\n    return renderTeachingPopoverCarouselPageCount_unstable(state);\n  });\n\nTeachingPopoverCarouselPageCount.displayName = 'TeachingPopoverCarouselPageCount';\n"],"names":["React","useTeachingPopoverCarouselPageCount_unstable","renderTeachingPopoverCarouselPageCount_unstable","useTeachingPopoverCarouselPageCountStyles_unstable","TeachingPopoverCarouselPageCount","forwardRef","props","ref","state","displayName"],"rangeMappings":";;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,SAASC,4CAA4C,QAAQ,wCAAwC;AACrG,SAASC,+CAA+C,QAAQ,2CAA2C;AAC3G,SAASC,kDAAkD,QAAQ,qDAAqD;AAGxH;;;;CAIC,GACD,OAAO,MAAMC,iDACXJ,MAAMK,UAAU,CAAC,CAACC,OAAOC;IACvB,MAAMC,QAAQP,6CAA6CK,OAAOC;IAElEJ,mDAAmDK;IAEnD,OAAON,gDAAgDM;AACzD,GAAG;AAELJ,iCAAiCK,WAAW,GAAG"}

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './TeachingPopoverCarouselPageCount';\nexport * from './TeachingPopoverCarouselPageCount.types';\nexport * from './renderTeachingPopoverCarouselPageCount';\nexport * from './useTeachingPopoverCarouselPageCount';\nexport * from './useTeachingPopoverCarouselPageCountStyles.styles';\n"],"names":[],"mappings":"AAAA,cAAc,qCAAqC;AACnD,cAAc,2CAA2C;AACzD,cAAc,2CAA2C;AACzD,cAAc,wCAAwC;AACtD,cAAc,qDAAqD"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './TeachingPopoverCarouselPageCount';\nexport * from './TeachingPopoverCarouselPageCount.types';\nexport * from './renderTeachingPopoverCarouselPageCount';\nexport * from './useTeachingPopoverCarouselPageCount';\nexport * from './useTeachingPopoverCarouselPageCountStyles.styles';\n"],"names":[],"rangeMappings":";;;;","mappings":"AAAA,cAAc,qCAAqC;AACnD,cAAc,2CAA2C;AACzD,cAAc,2CAA2C;AACzD,cAAc,wCAAwC;AACtD,cAAc,qDAAqD"}

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

@@ -1 +1 @@
-{"version":3,"sources":["renderTeachingPopoverCarouselPageCount.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type {\n  TeachingPopoverCarouselPageCountState,\n  TeachingPopoverCarouselPageCountSlots,\n} from './TeachingPopoverCarouselPageCount.types';\n\n/**\n * Render the final JSX of TeachingPopoverCarouselPageCount\n */\nexport const renderTeachingPopoverCarouselPageCount_unstable = (state: TeachingPopoverCarouselPageCountState) => {\n  assertSlots<TeachingPopoverCarouselPageCountSlots>(state);\n\n  return <state.root />;\n};\n"],"names":["assertSlots","renderTeachingPopoverCarouselPageCount_unstable","state","root"],"mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAEjD,SAASA,WAAW,QAAQ,4BAA4B;AAMxD;;CAEC,GACD,OAAO,MAAMC,kDAAkD,CAACC;IAC9DF,YAAmDE;IAEnD,qBAAO,KAACA,MAAMC,IAAI;AACpB,EAAE"}
+{"version":3,"sources":["renderTeachingPopoverCarouselPageCount.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type {\n  TeachingPopoverCarouselPageCountState,\n  TeachingPopoverCarouselPageCountSlots,\n} from './TeachingPopoverCarouselPageCount.types';\n\n/**\n * Render the final JSX of TeachingPopoverCarouselPageCount\n */\nexport const renderTeachingPopoverCarouselPageCount_unstable = (state: TeachingPopoverCarouselPageCountState) => {\n  assertSlots<TeachingPopoverCarouselPageCountSlots>(state);\n\n  return <state.root />;\n};\n"],"names":["assertSlots","renderTeachingPopoverCarouselPageCount_unstable","state","root"],"rangeMappings":";;;;;;;","mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAEjD,SAASA,WAAW,QAAQ,4BAA4B;AAMxD;;CAEC,GACD,OAAO,MAAMC,kDAAkD,CAACC;IAC9DF,YAAmDE;IAEnD,qBAAO,KAACA,MAAMC,IAAI;AACpB,EAAE"}

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

@@ -1 +1 @@
-{"version":3,"sources":["useTeachingPopoverCarouselPageCount.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport type {\n  TeachingPopoverCarouselPageCountProps,\n  TeachingPopoverCarouselPageCountState,\n} from './TeachingPopoverCarouselPageCount.types';\nimport { useCarouselValues_unstable } from '../TeachingPopoverCarousel/Carousel/useCarouselValues';\nimport { useCarouselContext_unstable } from '../TeachingPopoverCarousel/Carousel/CarouselContext';\n\n/**\n * Create the state required to render TeachingPopoverCarouselPageCount.\n *\n * The returned state can be modified with hooks such as useTeachingPopoverCarouselPageCountStyles_unstable,\n * before being passed to renderTeachingPopoverCarouselPageCount_unstable.\n *\n * @param props - props from this instance of TeachingPopoverCarouselPageCount\n * @param ref - reference to root HTMLDivElement of TeachingPopoverCarouselPageCount\n */\nexport const useTeachingPopoverCarouselPageCount_unstable = (\n  props: TeachingPopoverCarouselPageCountProps,\n  ref: React.Ref<HTMLDivElement>,\n): TeachingPopoverCarouselPageCountState => {\n  const values = useCarouselValues_unstable(snapshot => snapshot);\n\n  const selectedValue = useCarouselContext_unstable(c => c.value) ?? values[0];\n  const currentIndex = values.indexOf(selectedValue);\n  const totalPages = values.length;\n\n  return {\n    currentIndex,\n    totalPages,\n    renderPageCount: props.children,\n    components: {\n      root: 'div',\n    },\n    root: slot.always(\n      getIntrinsicElementProps('div', {\n        ref,\n        ...props,\n        children: props.children(currentIndex + 1, totalPages),\n      }),\n      { elementType: 'div' },\n    ),\n  };\n};\n"],"names":["React","getIntrinsicElementProps","slot","useCarouselValues_unstable","useCarouselContext_unstable","useTeachingPopoverCarouselPageCount_unstable","props","ref","values","snapshot","selectedValue","c","value","currentIndex","indexOf","totalPages","length","renderPageCount","children","components","root","always","elementType"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,wBAAwB,EAAEC,IAAI,QAAQ,4BAA4B;AAK3E,SAASC,0BAA0B,QAAQ,wDAAwD;AACnG,SAASC,2BAA2B,QAAQ,sDAAsD;AAElG;;;;;;;;CAQC,GACD,OAAO,MAAMC,+CAA+C,CAC1DC,OACAC;IAEA,MAAMC,SAASL,2BAA2BM,CAAAA,WAAYA;QAEhCL;IAAtB,MAAMM,gBAAgBN,CAAAA,+BAAAA,4BAA4BO,CAAAA,IAAKA,EAAEC,KAAK,eAAxCR,0CAAAA,+BAA6CI,MAAM,CAAC,EAAE;IAC5E,MAAMK,eAAeL,OAAOM,OAAO,CAACJ;IACpC,MAAMK,aAAaP,OAAOQ,MAAM;IAEhC,OAAO;QACLH;QACAE;QACAE,iBAAiBX,MAAMY,QAAQ;QAC/BC,YAAY;YACVC,MAAM;QACR;QACAA,MAAMlB,KAAKmB,MAAM,CACfpB,yBAAyB,OAAO;YAC9BM;YACA,GAAGD,KAAK;YACRY,UAAUZ,MAAMY,QAAQ,CAACL,eAAe,GAAGE;QAC7C,IACA;YAAEO,aAAa;QAAM;IAEzB;AACF,EAAE"}
+{"version":3,"sources":["useTeachingPopoverCarouselPageCount.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport type {\n  TeachingPopoverCarouselPageCountProps,\n  TeachingPopoverCarouselPageCountState,\n} from './TeachingPopoverCarouselPageCount.types';\nimport { useCarouselValues_unstable } from '../TeachingPopoverCarousel/Carousel/useCarouselValues';\nimport { useCarouselContext_unstable } from '../TeachingPopoverCarousel/Carousel/CarouselContext';\n\n/**\n * Create the state required to render TeachingPopoverCarouselPageCount.\n *\n * The returned state can be modified with hooks such as useTeachingPopoverCarouselPageCountStyles_unstable,\n * before being passed to renderTeachingPopoverCarouselPageCount_unstable.\n *\n * @param props - props from this instance of TeachingPopoverCarouselPageCount\n * @param ref - reference to root HTMLDivElement of TeachingPopoverCarouselPageCount\n */\nexport const useTeachingPopoverCarouselPageCount_unstable = (\n  props: TeachingPopoverCarouselPageCountProps,\n  ref: React.Ref<HTMLDivElement>,\n): TeachingPopoverCarouselPageCountState => {\n  const values = useCarouselValues_unstable(snapshot => snapshot);\n\n  const selectedValue = useCarouselContext_unstable(c => c.value) ?? values[0];\n  const currentIndex = values.indexOf(selectedValue);\n  const totalPages = values.length;\n\n  return {\n    currentIndex,\n    totalPages,\n    renderPageCount: props.children,\n    components: {\n      root: 'div',\n    },\n    root: slot.always(\n      getIntrinsicElementProps('div', {\n        ref,\n        ...props,\n        children: props.children(currentIndex + 1, totalPages),\n      }),\n      { elementType: 'div' },\n    ),\n  };\n};\n"],"names":["React","getIntrinsicElementProps","slot","useCarouselValues_unstable","useCarouselContext_unstable","useTeachingPopoverCarouselPageCount_unstable","props","ref","values","snapshot","selectedValue","c","value","currentIndex","indexOf","totalPages","length","renderPageCount","children","components","root","always","elementType"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,wBAAwB,EAAEC,IAAI,QAAQ,4BAA4B;AAK3E,SAASC,0BAA0B,QAAQ,wDAAwD;AACnG,SAASC,2BAA2B,QAAQ,sDAAsD;AAElG;;;;;;;;CAQC,GACD,OAAO,MAAMC,+CAA+C,CAC1DC,OACAC;IAEA,MAAMC,SAASL,2BAA2BM,CAAAA,WAAYA;QAEhCL;IAAtB,MAAMM,gBAAgBN,CAAAA,+BAAAA,4BAA4BO,CAAAA,IAAKA,EAAEC,KAAK,eAAxCR,0CAAAA,+BAA6CI,MAAM,CAAC,EAAE;IAC5E,MAAMK,eAAeL,OAAOM,OAAO,CAACJ;IACpC,MAAMK,aAAaP,OAAOQ,MAAM;IAEhC,OAAO;QACLH;QACAE;QACAE,iBAAiBX,MAAMY,QAAQ;QAC/BC,YAAY;YACVC,MAAM;QACR;QACAA,MAAMlB,KAAKmB,MAAM,CACfpB,yBAAyB,OAAO;YAC9BM;YACA,GAAGD,KAAK;YACRY,UAAUZ,MAAMY,QAAQ,CAACL,eAAe,GAAGE;QAC7C,IACA;YAAEO,aAAa;QAAM;IAEzB;AACF,EAAE"}