@fluentui/react-teaching-popover 9.6.21 → 9.7.0

package/lib-commonjs/components/TeachingPopoverCarousel/useTeachingPopoverCarousel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/TeachingPopoverCarousel/useTeachingPopoverCarousel.ts"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { getIntrinsicElementProps, slot, useEventCallback, useMergedRefs } from '@fluentui/react-utilities';\nimport type { TeachingPopoverCarouselProps, TeachingPopoverCarouselState } from './TeachingPopoverCarousel.types';\nimport { usePopoverContext_unstable } from '@fluentui/react-popover';\nimport { useCarousel_unstable } from './Carousel/Carousel';\n\nexport const useTeachingPopoverCarousel_unstable = (\n  props: TeachingPopoverCarouselProps,\n  ref: React.Ref<HTMLDivElement>,\n): TeachingPopoverCarouselState => {\n  const toggleOpen = usePopoverContext_unstable(c => c.toggleOpen);\n  const handleFinish: TeachingPopoverCarouselProps['onFinish'] = useEventCallback((event, data) => {\n    props.onFinish?.(event, data);\n    toggleOpen(event as React.MouseEvent<HTMLElement>);\n  });\n\n  const { carousel, carouselRef } = useCarousel_unstable({\n    announcement: props.announcement,\n    defaultValue: props.defaultValue,\n    value: props.value,\n    onValueChange: props.onValueChange,\n    onFinish: handleFinish,\n  });\n\n  const appearance = usePopoverContext_unstable(context => context.appearance);\n  return {\n    appearance,\n    components: {\n      root: 'div',\n    },\n    root: slot.always(\n      getIntrinsicElementProps('div', {\n        ref: useMergedRefs(ref, carouselRef),\n        ...props,\n      }),\n      { elementType: 'div' },\n    ),\n    ...carousel,\n  };\n};\n"],"names":["getIntrinsicElementProps","slot","useEventCallback","useMergedRefs","usePopoverContext_unstable","useCarousel_unstable","useTeachingPopoverCarousel_unstable","props","ref","toggleOpen","c","handleFinish","event","data","onFinish","carousel","carouselRef","announcement","defaultValue","value","onValueChange","appearance","context","components","root","always","elementType"],"mappings":"AAAA;;;;;+BAQaM;;;;;;gCALmE,4BAA4B;8BAEjE,0BAA0B;0BAChC,sBAAsB;AAEpD,4CAA4C,CACjDC,OACAC;IAEA,MAAMC,iBAAaL,wCAAAA,EAA2BM,CAAAA,IAAKA,EAAED,UAAU;IAC/D,MAAME,mBAAyDT,gCAAAA,EAAiB,CAACU,OAAOC;YACtFN;SAAAA,kBAAAA,MAAMO,QAAAA,AAAQ,MAAA,QAAdP,oBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,gBAAAA,IAAAA,CAAAA,OAAiBK,OAAOC;QACxBJ,WAAWG;IACb;IAEA,MAAM,EAAEG,QAAQ,EAAEC,WAAW,EAAE,OAAGX,8BAAAA,EAAqB;QACrDY,cAAcV,MAAMU,YAAY;QAChCC,cAAcX,MAAMW,YAAY;QAChCC,OAAOZ,MAAMY,KAAK;QAClBC,eAAeb,MAAMa,aAAa;QAClCN,UAAUH;IACZ;IAEA,MAAMU,iBAAajB,wCAAAA,EAA2BkB,CAAAA,UAAWA,QAAQD,UAAU;IAC3E,OAAO;QACLA;QACAE,YAAY;YACVC,MAAM;QACR;QACAA,MAAMvB,oBAAAA,CAAKwB,MAAM,KACfzB,wCAAAA,EAAyB,OAAO;YAC9BQ,SAAKL,6BAAAA,EAAcK,KAAKQ;YACxB,GAAGT,KAAK;QACV,IACA;YAAEmB,aAAa;QAAM;QAEvB,GAAGX,QAAQ;IACb;AACF,EAAE"}
+{"version":3,"sources":["../src/components/TeachingPopoverCarousel/useTeachingPopoverCarousel.ts"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { getIntrinsicElementProps, slot, useEventCallback, useMergedRefs } from '@fluentui/react-utilities';\nimport type {\n  TeachingPopoverCarouselBaseProps,\n  TeachingPopoverCarouselBaseState,\n  TeachingPopoverCarouselProps,\n  TeachingPopoverCarouselState,\n} from './TeachingPopoverCarousel.types';\nimport { usePopoverContext_unstable } from '@fluentui/react-popover';\nimport { useCarousel_unstable } from './Carousel/Carousel';\n\n/**\n * Base hook that builds TeachingPopoverCarousel state for behavior and structure only.\n * Does not read `appearance` from the popover context.\n * @param props - TeachingPopoverCarousel properties\n * @param ref - reference to root HTMLElement of TeachingPopoverCarousel\n */\nexport const useTeachingPopoverCarouselBase_unstable = (\n  props: TeachingPopoverCarouselBaseProps,\n  ref: React.Ref<HTMLDivElement>,\n): TeachingPopoverCarouselBaseState => {\n  const toggleOpen = usePopoverContext_unstable(c => c.toggleOpen);\n  const handleFinish: TeachingPopoverCarouselProps['onFinish'] = useEventCallback((event, data) => {\n    props.onFinish?.(event, data);\n    toggleOpen(event as React.MouseEvent<HTMLElement>);\n  });\n\n  const { carousel, carouselRef } = useCarousel_unstable({\n    announcement: props.announcement,\n    defaultValue: props.defaultValue,\n    value: props.value,\n    onValueChange: props.onValueChange,\n    onFinish: handleFinish,\n  });\n\n  return {\n    components: {\n      root: 'div',\n    },\n    root: slot.always(\n      getIntrinsicElementProps('div', {\n        ref: useMergedRefs(ref, carouselRef),\n        ...props,\n      }),\n      { elementType: 'div' },\n    ),\n    ...carousel,\n  };\n};\n\nexport const useTeachingPopoverCarousel_unstable = (\n  props: TeachingPopoverCarouselProps,\n  ref: React.Ref<HTMLDivElement>,\n): TeachingPopoverCarouselState => {\n  const baseState = useTeachingPopoverCarouselBase_unstable(props, ref);\n  const appearance = usePopoverContext_unstable(context => context.appearance);\n\n  return {\n    ...baseState,\n    appearance,\n  };\n};\n"],"names":["getIntrinsicElementProps","slot","useEventCallback","useMergedRefs","usePopoverContext_unstable","useCarousel_unstable","useTeachingPopoverCarouselBase_unstable","props","ref","toggleOpen","c","handleFinish","event","data","onFinish","carousel","carouselRef","announcement","defaultValue","value","onValueChange","components","root","always","elementType","useTeachingPopoverCarousel_unstable","baseState","appearance","context"],"mappings":"AAAA;;;;;;;;;;;;IAmBaM,uCAAAA;;;IAiCAmB,mCAAAA;;;;gCAjDmE,4BAA4B;8BAOjE,0BAA0B;0BAChC,sBAAsB;AAQpD,gDAAgD,CACrDlB,OACAC;IAEA,MAAMC,iBAAaL,wCAAAA,EAA2BM,CAAAA,IAAKA,EAAED,UAAU;IAC/D,MAAME,eAAyDT,oCAAAA,EAAiB,CAACU,OAAOC;YACtFN;SAAAA,kBAAAA,MAAMO,QAAAA,AAAQ,MAAA,QAAdP,oBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,gBAAAA,IAAAA,CAAAA,OAAiBK,OAAOC;QACxBJ,WAAWG;IACb;IAEA,MAAM,EAAEG,QAAQ,EAAEC,WAAW,EAAE,GAAGX,kCAAAA,EAAqB;QACrDY,cAAcV,MAAMU,YAAY;QAChCC,cAAcX,MAAMW,YAAY;QAChCC,OAAOZ,MAAMY,KAAK;QAClBC,eAAeb,MAAMa,aAAa;QAClCN,UAAUH;IACZ;IAEA,OAAO;QACLU,YAAY;YACVC,MAAM;QACR;QACAA,MAAMrB,oBAAAA,CAAKsB,MAAM,KACfvB,wCAAAA,EAAyB,OAAO;YAC9BQ,SAAKL,6BAAAA,EAAcK,KAAKQ;YACxB,GAAGT,KAAK;QACV,IACA;YAAEiB,aAAa;QAAM;QAEvB,GAAGT,QAAQ;IACb;AACF,EAAE;AAEK,4CAA4C,CACjDR,OACAC;IAEA,MAAMkB,YAAYpB,wCAAwCC,OAAOC;IACjE,MAAMmB,iBAAavB,wCAAAA,EAA2BwB,CAAAA,UAAWA,QAAQD,UAAU;IAE3E,OAAO;QACL,GAAGD,SAAS;QACZC;IACF;AACF,EAAE"}

package/lib-commonjs/components/TeachingPopoverCarousel/useTeachingPopoverCarouselStyles.styles.js

@@ -28,6 +28,7 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
 const useTeachingPopoverCarouselStyles_unstable = (state)=>{
     'use no memo';
     const styles = useStyles();
+    // eslint-disable-next-line react-hooks/immutability
     state.root.className = (0, _react.mergeClasses)(teachingPopoverCarouselClassNames.root, styles.root, state.root.className);
     return state;
 };

package/lib-commonjs/components/TeachingPopoverCarousel/useTeachingPopoverCarouselStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useTeachingPopoverCarouselStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nexport const teachingPopoverCarouselClassNames = {\n    root: 'fui-TeachingPopoverCarousel'\n};\n// Todo: Page change animation & styles\nconst useStyles = makeStyles({\n    root: {}\n});\n/** Applies style classnames to slots */ export const useTeachingPopoverCarouselStyles_unstable = (state)=>{\n    'use no memo';\n    const styles = useStyles();\n    state.root.className = mergeClasses(teachingPopoverCarouselClassNames.root, styles.root, state.root.className);\n    return state;\n};\n"],"names":["__styles","mergeClasses","teachingPopoverCarouselClassNames","root","useStyles","useTeachingPopoverCarouselStyles_unstable","state","styles","className"],"mappings":"AAAA,YAAY;;;;;;;;;;;;qCAEkC;;;6CAOiD;;;;uBARtD,gBAAgB;AAClD,MAAME,oCAAoC;IAC7CC,IAAI,EAAE;AACV,CAAC;AACD,uCAAA;AACA,MAAMC,SAAS,GAAA,WAAA,OAAGJ,eAAA,EAAA;IAAAG,IAAA,EAAA,CAAA;AAAA,GAAA,CAAA,CAEjB,CAAC;AAC8C,MAAME,6CAA6CC,KAAK,IAAG;IACvG,aAAa;IACb,MAAMC,MAAM,GAAGH,SAAS,CAAC,CAAC;IAC1BE,KAAK,CAACH,IAAI,CAACK,SAAS,OAAGP,mBAAY,EAACC,iCAAiC,CAACC,IAAI,EAAEI,MAAM,CAACJ,IAAI,EAAEG,KAAK,CAACH,IAAI,CAACK,SAAS,CAAC;IAC9G,OAAOF,KAAK;AAChB,CAAC"}
+{"version":3,"sources":["useTeachingPopoverCarouselStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nexport const teachingPopoverCarouselClassNames = {\n    root: 'fui-TeachingPopoverCarousel'\n};\n// Todo: Page change animation & styles\nconst useStyles = makeStyles({\n    root: {}\n});\n/** Applies style classnames to slots */ export const useTeachingPopoverCarouselStyles_unstable = (state)=>{\n    'use no memo';\n    const styles = useStyles();\n    // eslint-disable-next-line react-hooks/immutability\n    state.root.className = mergeClasses(teachingPopoverCarouselClassNames.root, styles.root, state.root.className);\n    return state;\n};\n"],"names":["__styles","mergeClasses","teachingPopoverCarouselClassNames","root","useStyles","useTeachingPopoverCarouselStyles_unstable","state","styles","className"],"mappings":"AAAA,YAAY;;;;;;;;;;;;qCAEkC;;;6CAOiD;;;;uBARtD,gBAAgB;AAClD,MAAME,oCAAoC;IAC7CC,IAAI,EAAE;AACV,CAAC;AACD,uCAAA;AACA,MAAMC,SAAS,GAAA,WAAA,OAAGJ,eAAA,EAAA;IAAAG,IAAA,EAAA,CAAA;AAAA,GAAA,CAAA,CAEjB,CAAC;AAC8C,MAAME,6CAA6CC,KAAK,IAAG;IACvG,aAAa;IACb,MAAMC,MAAM,GAAGH,SAAS,CAAC,CAAC;IAC1B,oDAAA;IACAE,KAAK,CAACH,IAAI,CAACK,SAAS,OAAGP,mBAAY,EAACC,iCAAiC,CAACC,IAAI,EAAEI,MAAM,CAACJ,IAAI,EAAEG,KAAK,CAACH,IAAI,CAACK,SAAS,CAAC;IAC9G,OAAOF,KAAK;AAChB,CAAC"}

package/lib-commonjs/components/TeachingPopoverCarousel/useTeachingPopoverCarouselStyles.styles.raw.js

@@ -28,6 +28,7 @@ const useStyles = (0, _react.makeStyles)({
 const useTeachingPopoverCarouselStyles_unstable = (state)=>{
     'use no memo';
     const styles = useStyles();
+    // eslint-disable-next-line react-hooks/immutability
     state.root.className = (0, _react.mergeClasses)(teachingPopoverCarouselClassNames.root, styles.root, state.root.className);
     return state;
 };

package/lib-commonjs/components/TeachingPopoverCarousel/useTeachingPopoverCarouselStyles.styles.raw.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/TeachingPopoverCarousel/useTeachingPopoverCarouselStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport type { TeachingPopoverCarouselSlots, TeachingPopoverCarouselState } from './TeachingPopoverCarousel.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const teachingPopoverCarouselClassNames: SlotClassNames<TeachingPopoverCarouselSlots> = {\n  root: 'fui-TeachingPopoverCarousel',\n};\n\n// Todo: Page change animation & styles\nconst useStyles = makeStyles({\n  root: {},\n});\n\n/** Applies style classnames to slots */\nexport const useTeachingPopoverCarouselStyles_unstable = (\n  state: TeachingPopoverCarouselState,\n): TeachingPopoverCarouselState => {\n  'use no memo';\n\n  const styles = useStyles();\n\n  state.root.className = mergeClasses(teachingPopoverCarouselClassNames.root, styles.root, state.root.className);\n\n  return state;\n};\n"],"names":["makeStyles","mergeClasses","teachingPopoverCarouselClassNames","root","useStyles","useTeachingPopoverCarouselStyles_unstable","state","styles","className"],"mappings":"AAAA;;;;;;;;;;;;qCAMaE;;;6CAUAG;;;;uBAd4B,iBAAiB;AAInD,MAAMH,oCAAkF;IAC7FC,MAAM;AACR,EAAE;AAEF,uCAAuC;AACvC,MAAMC,gBAAYJ,iBAAAA,EAAW;IAC3BG,MAAM,CAAC;AACT;AAGO,MAAME,4CAA4C,CACvDC;IAEA;IAEA,MAAMC,SAASH;IAEfE,MAAMH,IAAI,CAACK,SAAS,OAAGP,mBAAAA,EAAaC,kCAAkCC,IAAI,EAAEI,OAAOJ,IAAI,EAAEG,MAAMH,IAAI,CAACK,SAAS;IAE7G,OAAOF;AACT,EAAE"}
+{"version":3,"sources":["../src/components/TeachingPopoverCarousel/useTeachingPopoverCarouselStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport type { TeachingPopoverCarouselSlots, TeachingPopoverCarouselState } from './TeachingPopoverCarousel.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const teachingPopoverCarouselClassNames: SlotClassNames<TeachingPopoverCarouselSlots> = {\n  root: 'fui-TeachingPopoverCarousel',\n};\n\n// Todo: Page change animation & styles\nconst useStyles = makeStyles({\n  root: {},\n});\n\n/** Applies style classnames to slots */\nexport const useTeachingPopoverCarouselStyles_unstable = (\n  state: TeachingPopoverCarouselState,\n): TeachingPopoverCarouselState => {\n  'use no memo';\n\n  const styles = useStyles();\n\n  // eslint-disable-next-line react-hooks/immutability\n  state.root.className = mergeClasses(teachingPopoverCarouselClassNames.root, styles.root, state.root.className);\n\n  return state;\n};\n"],"names":["makeStyles","mergeClasses","teachingPopoverCarouselClassNames","root","useStyles","useTeachingPopoverCarouselStyles_unstable","state","styles","className"],"mappings":"AAAA;;;;;;;;;;;;qCAMaE;;;6CAUAG;;;;uBAd4B,iBAAiB;AAInD,MAAMH,oCAAkF;IAC7FC,MAAM;AACR,EAAE;AAEF,uCAAuC;AACvC,MAAMC,gBAAYJ,iBAAAA,EAAW;IAC3BG,MAAM,CAAC;AACT;AAGO,MAAME,4CAA4C,CACvDC;IAEA;IAEA,MAAMC,SAASH;IAEf,oDAAoD;IACpDE,MAAMH,IAAI,CAACK,SAAS,OAAGP,mBAAAA,EAAaC,kCAAkCC,IAAI,EAAEI,OAAOJ,IAAI,EAAEG,MAAMH,IAAI,CAACK,SAAS;IAE7G,OAAOF;AACT,EAAE"}

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

@@ -27,6 +27,7 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
 const useTeachingPopoverCarouselCardStyles_unstable = (state)=>{
     'use no memo';
     const styles = useStyles();
+    // eslint-disable-next-line react-hooks/immutability
     state.root.className = (0, _react.mergeClasses)(teachingPopoverCarouselCardClassNames.root, styles.root, state.root.className);
     return state;
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["useTeachingPopoverCarouselCardStyles.styles.js"],"sourcesContent":["'use client';\nimport { 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"],"names":["__styles","mergeClasses","teachingPopoverCarouselCardClassNames","root","useStyles","useTeachingPopoverCarouselCardStyles_unstable","state","styles","className"],"mappings":"AAAA,YAAY;;;;;;;;;;;;yCAEsC;;;iDAMiD;;;;uBAP1D,gBAAgB;AAClD,MAAME,wCAAwC;IACjDC,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,SAAS,GAAA,WAAA,OAAGJ,eAAA,EAAA;IAAAG,IAAA,EAAA,CAAA;AAAA,GAAA,CAAA,CAEjB,CAAC;AAC8C,MAAME,iDAAiDC,KAAK,IAAG;IAC3G,aAAa;IACb,MAAMC,MAAM,GAAGH,SAAS,CAAC,CAAC;IAC1BE,KAAK,CAACH,IAAI,CAACK,SAAS,OAAGP,mBAAY,EAACC,qCAAqC,CAACC,IAAI,EAAEI,MAAM,CAACJ,IAAI,EAAEG,KAAK,CAACH,IAAI,CAACK,SAAS,CAAC;IAClH,OAAOF,KAAK;AAChB,CAAC"}
+{"version":3,"sources":["useTeachingPopoverCarouselCardStyles.styles.js"],"sourcesContent":["'use client';\nimport { 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    // eslint-disable-next-line react-hooks/immutability\n    state.root.className = mergeClasses(teachingPopoverCarouselCardClassNames.root, styles.root, state.root.className);\n    return state;\n};\n"],"names":["__styles","mergeClasses","teachingPopoverCarouselCardClassNames","root","useStyles","useTeachingPopoverCarouselCardStyles_unstable","state","styles","className"],"mappings":"AAAA,YAAY;;;;;;;;;;;;yCAEsC;;;iDAMiD;;;;uBAP1D,gBAAgB;AAClD,MAAME,wCAAwC;IACjDC,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,SAAS,GAAA,WAAA,OAAGJ,eAAA,EAAA;IAAAG,IAAA,EAAA,CAAA;AAAA,GAAA,CAAA,CAEjB,CAAC;AAC8C,MAAME,iDAAiDC,KAAK,IAAG;IAC3G,aAAa;IACb,MAAMC,MAAM,GAAGH,SAAS,CAAC,CAAC;IAC1B,oDAAA;IACAE,KAAK,CAACH,IAAI,CAACK,SAAS,OAAGP,mBAAY,EAACC,qCAAqC,CAACC,IAAI,EAAEI,MAAM,CAACJ,IAAI,EAAEG,KAAK,CAACH,IAAI,CAACK,SAAS,CAAC;IAClH,OAAOF,KAAK;AAChB,CAAC"}

package/lib-commonjs/components/TeachingPopoverCarouselCard/useTeachingPopoverCarouselCardStyles.styles.raw.js

@@ -27,6 +27,7 @@ const useStyles = (0, _react.makeStyles)({
 const useTeachingPopoverCarouselCardStyles_unstable = (state)=>{
     'use no memo';
     const styles = useStyles();
+    // eslint-disable-next-line react-hooks/immutability
     state.root.className = (0, _react.mergeClasses)(teachingPopoverCarouselCardClassNames.root, styles.root, state.root.className);
     return state;
 };

package/lib-commonjs/components/TeachingPopoverCarouselCard/useTeachingPopoverCarouselCardStyles.styles.raw.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/TeachingPopoverCarouselCard/useTeachingPopoverCarouselCardStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport type {\n  TeachingPopoverCarouselCardSlots,\n  TeachingPopoverCarouselCardState,\n} from './TeachingPopoverCarouselCard.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const teachingPopoverCarouselCardClassNames: SlotClassNames<TeachingPopoverCarouselCardSlots> = {\n  root: 'fui-TeachingPopoverCarouselCard',\n};\n\nconst useStyles = makeStyles({\n  root: {},\n});\n\n/** Applies style classnames to slots */\nexport const useTeachingPopoverCarouselCardStyles_unstable = (\n  state: TeachingPopoverCarouselCardState,\n): TeachingPopoverCarouselCardState => {\n  'use no memo';\n\n  const styles = useStyles();\n\n  state.root.className = mergeClasses(teachingPopoverCarouselCardClassNames.root, styles.root, state.root.className);\n\n  return state;\n};\n"],"names":["makeStyles","mergeClasses","teachingPopoverCarouselCardClassNames","root","useStyles","useTeachingPopoverCarouselCardStyles_unstable","state","styles","className"],"mappings":"AAAA;;;;;;;;;;;;yCASaE;;;iDASAG;;;;uBAhB4B,iBAAiB;AAOnD,MAAMH,wCAA0F;IACrGC,MAAM;AACR,EAAE;AAEF,MAAMC,gBAAYJ,iBAAAA,EAAW;IAC3BG,MAAM,CAAC;AACT;AAGO,MAAME,gDAAgD,CAC3DC;IAEA;IAEA,MAAMC,SAASH;IAEfE,MAAMH,IAAI,CAACK,SAAS,OAAGP,mBAAAA,EAAaC,sCAAsCC,IAAI,EAAEI,OAAOJ,IAAI,EAAEG,MAAMH,IAAI,CAACK,SAAS;IAEjH,OAAOF;AACT,EAAE"}
+{"version":3,"sources":["../src/components/TeachingPopoverCarouselCard/useTeachingPopoverCarouselCardStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport type {\n  TeachingPopoverCarouselCardSlots,\n  TeachingPopoverCarouselCardState,\n} from './TeachingPopoverCarouselCard.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const teachingPopoverCarouselCardClassNames: SlotClassNames<TeachingPopoverCarouselCardSlots> = {\n  root: 'fui-TeachingPopoverCarouselCard',\n};\n\nconst useStyles = makeStyles({\n  root: {},\n});\n\n/** Applies style classnames to slots */\nexport const useTeachingPopoverCarouselCardStyles_unstable = (\n  state: TeachingPopoverCarouselCardState,\n): TeachingPopoverCarouselCardState => {\n  'use no memo';\n\n  const styles = useStyles();\n\n  // eslint-disable-next-line react-hooks/immutability\n  state.root.className = mergeClasses(teachingPopoverCarouselCardClassNames.root, styles.root, state.root.className);\n\n  return state;\n};\n"],"names":["makeStyles","mergeClasses","teachingPopoverCarouselCardClassNames","root","useStyles","useTeachingPopoverCarouselCardStyles_unstable","state","styles","className"],"mappings":"AAAA;;;;;;;;;;;;yCASaE;;;iDASAG;;;;uBAhB4B,iBAAiB;AAOnD,MAAMH,wCAA0F;IACrGC,MAAM;AACR,EAAE;AAEF,MAAMC,gBAAYJ,iBAAAA,EAAW;IAC3BG,MAAM,CAAC;AACT;AAGO,MAAME,gDAAgD,CAC3DC;IAEA;IAEA,MAAMC,SAASH;IAEf,oDAAoD;IACpDE,MAAMH,IAAI,CAACK,SAAS,OAAGP,mBAAAA,EAAaC,sCAAsCC,IAAI,EAAEI,OAAOJ,IAAI,EAAEG,MAAMH,IAAI,CAACK,SAAS;IAEjH,OAAOF;AACT,EAAE"}

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

@@ -65,10 +65,13 @@ const useTeachingPopoverCarouselFooterStyles_unstable = (state)=>{
     'use no memo';
     const styles = useStyles();
     const { layout } = state;
+    // eslint-disable-next-line react-hooks/immutability
     state.root.className = (0, _react.mergeClasses)(teachingPopoverCarouselFooterClassNames.root, styles.root, layout === 'centered' ? styles.rootCentered : styles.rootRightAligned, state.root.className);
     if (state.previous) {
+        // eslint-disable-next-line react-hooks/immutability
         state.previous.className = (0, _react.mergeClasses)(teachingPopoverCarouselFooterClassNames.previous, state.previous.className);
     }
+    // eslint-disable-next-line react-hooks/immutability
     state.next.className = (0, _react.mergeClasses)(teachingPopoverCarouselFooterClassNames.next, state.next.className);
     return state;
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["useTeachingPopoverCarouselFooterStyles.styles.js"],"sourcesContent":["'use client';\nimport { 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"],"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"],"mappings":"AAAA,YAAY;;;;;;;;;;;;IAECE,uCAAuC;;;mDAsBiD;;;;uBAvB5D,gBAAgB;AAClD,gDAAgD;IACnDC,IAAI,EAAE,mCAAmC;IACzCC,QAAQ,EAAE,6CAA6C;IACvDC,IAAI,EAAE;AACV,CAAC;AACD,uCAAA;AACA,MAAMC,SAAS,GAAA,WAAA,GAAGN,mBAAA,EAAA;IAAAG,IAAA,EAAA;QAAAI,MAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAC,YAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;IAAAC,gBAAA,EAAA;QAAAH,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAE,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAC,CAAA,EAAA;QAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAC,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;KAAA;AAAA,CAejB,CAAC;AAC8C,MAAMC,mDAAmDC,KAAK,IAAG;IAC7G,aAAa;IACb,MAAMC,MAAM,GAAGd,SAAS,CAAC,CAAC;IAC1B,MAAM,EAAEe,MAAAA,EAAQ,GAAGF,KAAK;IACxBA,KAAK,CAAChB,IAAI,CAACmB,SAAS,OAAGrB,mBAAY,EAACC,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;IAC3L,IAAIH,KAAK,CAACf,QAAQ,EAAE;QAChBe,KAAK,CAACf,QAAQ,CAACkB,SAAS,OAAGrB,mBAAY,EAACC,uCAAuC,CAACE,QAAQ,EAAEe,KAAK,CAACf,QAAQ,CAACkB,SAAS,CAAC;IACvH;IACAH,KAAK,CAACd,IAAI,CAACiB,SAAS,OAAGrB,mBAAY,EAACC,uCAAuC,CAACG,IAAI,EAAEc,KAAK,CAACd,IAAI,CAACiB,SAAS,CAAC;IACvG,OAAOH,KAAK;AAChB,CAAC"}
+{"version":3,"sources":["useTeachingPopoverCarouselFooterStyles.styles.js"],"sourcesContent":["'use client';\nimport { 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    // eslint-disable-next-line react-hooks/immutability\n    state.root.className = mergeClasses(teachingPopoverCarouselFooterClassNames.root, styles.root, layout === 'centered' ? styles.rootCentered : styles.rootRightAligned, state.root.className);\n    if (state.previous) {\n        // eslint-disable-next-line react-hooks/immutability\n        state.previous.className = mergeClasses(teachingPopoverCarouselFooterClassNames.previous, state.previous.className);\n    }\n    // eslint-disable-next-line react-hooks/immutability\n    state.next.className = mergeClasses(teachingPopoverCarouselFooterClassNames.next, state.next.className);\n    return state;\n};\n"],"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"],"mappings":"AAAA,YAAY;;;;;;;;;;;;IAECE,uCAAuC;;;mDAsBiD;;;;uBAvB5D,gBAAgB;AAClD,gDAAgD;IACnDC,IAAI,EAAE,mCAAmC;IACzCC,QAAQ,EAAE,6CAA6C;IACvDC,IAAI,EAAE;AACV,CAAC;AACD,uCAAA;AACA,MAAMC,SAAS,GAAA,WAAA,GAAGN,mBAAA,EAAA;IAAAG,IAAA,EAAA;QAAAI,MAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAC,YAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;IAAAC,gBAAA,EAAA;QAAAH,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAE,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAC,CAAA,EAAA;QAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAC,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;KAAA;AAAA,CAejB,CAAC;AAC8C,MAAMC,mDAAmDC,KAAK,IAAG;IAC7G,aAAa;IACb,MAAMC,MAAM,GAAGd,SAAS,CAAC,CAAC;IAC1B,MAAM,EAAEe,MAAAA,EAAQ,GAAGF,KAAK;IACxB,oDAAA;IACAA,KAAK,CAAChB,IAAI,CAACmB,SAAS,OAAGrB,mBAAY,EAACC,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;IAC3L,IAAIH,KAAK,CAACf,QAAQ,EAAE;QAChB,oDAAA;QACAe,KAAK,CAACf,QAAQ,CAACkB,SAAS,OAAGrB,mBAAY,EAACC,uCAAuC,CAACE,QAAQ,EAAEe,KAAK,CAACf,QAAQ,CAACkB,SAAS,CAAC;IACvH;IACA,oDAAA;IACAH,KAAK,CAACd,IAAI,CAACiB,SAAS,OAAGrB,mBAAY,EAACC,uCAAuC,CAACG,IAAI,EAAEc,KAAK,CAACd,IAAI,CAACiB,SAAS,CAAC;IACvG,OAAOH,KAAK;AAChB,CAAC"}

package/lib-commonjs/components/TeachingPopoverCarouselFooter/useTeachingPopoverCarouselFooterStyles.styles.raw.js

@@ -44,10 +44,13 @@ const useTeachingPopoverCarouselFooterStyles_unstable = (state)=>{
     'use no memo';
     const styles = useStyles();
     const { layout } = state;
+    // eslint-disable-next-line react-hooks/immutability
     state.root.className = (0, _react.mergeClasses)(teachingPopoverCarouselFooterClassNames.root, styles.root, layout === 'centered' ? styles.rootCentered : styles.rootRightAligned, state.root.className);
     if (state.previous) {
+        // eslint-disable-next-line react-hooks/immutability
         state.previous.className = (0, _react.mergeClasses)(teachingPopoverCarouselFooterClassNames.previous, state.previous.className);
     }
+    // eslint-disable-next-line react-hooks/immutability
     state.next.className = (0, _react.mergeClasses)(teachingPopoverCarouselFooterClassNames.next, state.next.className);
     return state;
 };

package/lib-commonjs/components/TeachingPopoverCarouselFooter/useTeachingPopoverCarouselFooterStyles.styles.raw.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/TeachingPopoverCarouselFooter/useTeachingPopoverCarouselFooterStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport type {\n  TeachingPopoverCarouselFooterSlots,\n  TeachingPopoverCarouselFooterState,\n} from './TeachingPopoverCarouselFooter.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const teachingPopoverCarouselFooterClassNames: SlotClassNames<TeachingPopoverCarouselFooterSlots> = {\n  root: 'fui-TeachingPopoverCarouselFooter',\n  previous: 'fui-TeachingPopoverCarouselFooter__previous',\n  next: 'fui-TeachingPopoverCarouselFooter__next',\n};\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\n/** Applies style classnames to slots */\nexport const useTeachingPopoverCarouselFooterStyles_unstable = (\n  state: TeachingPopoverCarouselFooterState,\n): TeachingPopoverCarouselFooterState => {\n  'use no memo';\n\n  const styles = useStyles();\n  const { layout } = state;\n\n  state.root.className = mergeClasses(\n    teachingPopoverCarouselFooterClassNames.root,\n    styles.root,\n    layout === 'centered' ? styles.rootCentered : styles.rootRightAligned,\n    state.root.className,\n  );\n\n  if (state.previous) {\n    state.previous.className = mergeClasses(teachingPopoverCarouselFooterClassNames.previous, state.previous.className);\n  }\n\n  state.next.className = mergeClasses(teachingPopoverCarouselFooterClassNames.next, state.next.className);\n\n  return state;\n};\n"],"names":["makeStyles","mergeClasses","teachingPopoverCarouselFooterClassNames","root","previous","next","useStyles","display","flexDirection","rootCentered","justifyContent","gap","rootRightAligned","marginInlineEnd","useTeachingPopoverCarouselFooterStyles_unstable","state","styles","layout","className"],"mappings":"AAAA;;;;;;;;;;;;IASaE,uCAAAA;;;mDAyBAY;eAAAA;;;uBAhC4B,iBAAiB;AAOnD,gDAAoG;IACzGX,MAAM;IACNC,UAAU;IACVC,MAAM;AACR,EAAE;AAEF,uCAAuC;AACvC,MAAMC,gBAAYN,iBAAAA,EAAW;IAC3BG,MAAM;QACJI,SAAS;QACTC,eAAe;IACjB;IACAC,cAAc;QACZC,gBAAgB;QAChBC,KAAK;IACP;IACAC,kBAAkB;QAChBD,KAAK;QACL,kBAAkB;YAChBE,iBAAiB;QACnB;IACF;AACF;AAGO,wDAAwD,CAC7DE;IAEA;IAEA,MAAMC,SAASV;IACf,MAAM,EAAEW,MAAM,EAAE,GAAGF;IAEnBA,MAAMZ,IAAI,CAACe,SAAS,OAAGjB,mBAAAA,EACrBC,wCAAwCC,IAAI,EAC5Ca,OAAOb,IAAI,EACXc,WAAW,aAAaD,OAAOP,YAAY,GAAGO,OAAOJ,gBAAgB,EACrEG,MAAMZ,IAAI,CAACe,SAAS;IAGtB,IAAIH,MAAMX,QAAQ,EAAE;QAClBW,MAAMX,QAAQ,CAACc,SAAS,OAAGjB,mBAAAA,EAAaC,wCAAwCE,QAAQ,EAAEW,MAAMX,QAAQ,CAACc,SAAS;IACpH;IAEAH,MAAMV,IAAI,CAACa,SAAS,OAAGjB,mBAAAA,EAAaC,wCAAwCG,IAAI,EAAEU,MAAMV,IAAI,CAACa,SAAS;IAEtG,OAAOH;AACT,EAAE"}
+{"version":3,"sources":["../src/components/TeachingPopoverCarouselFooter/useTeachingPopoverCarouselFooterStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport type {\n  TeachingPopoverCarouselFooterSlots,\n  TeachingPopoverCarouselFooterState,\n} from './TeachingPopoverCarouselFooter.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const teachingPopoverCarouselFooterClassNames: SlotClassNames<TeachingPopoverCarouselFooterSlots> = {\n  root: 'fui-TeachingPopoverCarouselFooter',\n  previous: 'fui-TeachingPopoverCarouselFooter__previous',\n  next: 'fui-TeachingPopoverCarouselFooter__next',\n};\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\n/** Applies style classnames to slots */\nexport const useTeachingPopoverCarouselFooterStyles_unstable = (\n  state: TeachingPopoverCarouselFooterState,\n): TeachingPopoverCarouselFooterState => {\n  'use no memo';\n\n  const styles = useStyles();\n  const { layout } = state;\n\n  // eslint-disable-next-line react-hooks/immutability\n  state.root.className = mergeClasses(\n    teachingPopoverCarouselFooterClassNames.root,\n    styles.root,\n    layout === 'centered' ? styles.rootCentered : styles.rootRightAligned,\n    state.root.className,\n  );\n\n  if (state.previous) {\n    // eslint-disable-next-line react-hooks/immutability\n    state.previous.className = mergeClasses(teachingPopoverCarouselFooterClassNames.previous, state.previous.className);\n  }\n\n  // eslint-disable-next-line react-hooks/immutability\n  state.next.className = mergeClasses(teachingPopoverCarouselFooterClassNames.next, state.next.className);\n\n  return state;\n};\n"],"names":["makeStyles","mergeClasses","teachingPopoverCarouselFooterClassNames","root","previous","next","useStyles","display","flexDirection","rootCentered","justifyContent","gap","rootRightAligned","marginInlineEnd","useTeachingPopoverCarouselFooterStyles_unstable","state","styles","layout","className"],"mappings":"AAAA;;;;;;;;;;;;IASaE,uCAAAA;;;mDAyBAY;eAAAA;;;uBAhC4B,iBAAiB;AAOnD,gDAAoG;IACzGX,MAAM;IACNC,UAAU;IACVC,MAAM;AACR,EAAE;AAEF,uCAAuC;AACvC,MAAMC,gBAAYN,iBAAAA,EAAW;IAC3BG,MAAM;QACJI,SAAS;QACTC,eAAe;IACjB;IACAC,cAAc;QACZC,gBAAgB;QAChBC,KAAK;IACP;IACAC,kBAAkB;QAChBD,KAAK;QACL,kBAAkB;YAChBE,iBAAiB;QACnB;IACF;AACF;AAGO,wDAAwD,CAC7DE;IAEA;IAEA,MAAMC,SAASV;IACf,MAAM,EAAEW,MAAM,EAAE,GAAGF;IAEnB,oDAAoD;IACpDA,MAAMZ,IAAI,CAACe,SAAS,OAAGjB,mBAAAA,EACrBC,wCAAwCC,IAAI,EAC5Ca,OAAOb,IAAI,EACXc,WAAW,aAAaD,OAAOP,YAAY,GAAGO,OAAOJ,gBAAgB,EACrEG,MAAMZ,IAAI,CAACe,SAAS;IAGtB,IAAIH,MAAMX,QAAQ,EAAE;QAClB,oDAAoD;QACpDW,MAAMX,QAAQ,CAACc,SAAS,GAAGjB,uBAAAA,EAAaC,wCAAwCE,QAAQ,EAAEW,MAAMX,QAAQ,CAACc,SAAS;IACpH;IAEA,oDAAoD;IACpDH,MAAMV,IAAI,CAACa,SAAS,OAAGjB,mBAAAA,EAAaC,wCAAwCG,IAAI,EAAEU,MAAMV,IAAI,CAACa,SAAS;IAEtG,OAAOH;AACT,EAAE"}

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

@@ -1,5 +1,7 @@
 /**
- * State used in rendering TeachingPopoverCarouselFooterButton
+ * Base state intentionally does not extend ButtonState — `useButton_unstable` is
+ * only invoked from the styled hook, which derives the right `appearance` from
+ * the popover context before calling it.
  */ "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/TeachingPopoverCarouselFooterButton/TeachingPopoverCarouselFooterButton.types.ts"],"sourcesContent":["import type * as React from 'react';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport type { PopoverContextValue } from '@fluentui/react-popover';\nimport type { ButtonProps, ButtonState } from '@fluentui/react-button';\nimport type { ARIAButtonSlotProps } from '@fluentui/react-aria';\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: React.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":"AA0BA;;CAEC,GACD,WAKI"}
+{"version":3,"sources":["../src/components/TeachingPopoverCarouselFooterButton/TeachingPopoverCarouselFooterButton.types.ts"],"sourcesContent":["import type * as React from 'react';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport type { PopoverContextValue } from '@fluentui/react-popover';\nimport type { ButtonProps, ButtonState } from '@fluentui/react-button';\nimport type { ARIAButtonSlotProps } from '@fluentui/react-aria';\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: React.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\nexport type TeachingPopoverCarouselFooterButtonBaseProps = TeachingPopoverCarouselFooterButtonProps;\n\n/**\n * Base state intentionally does not extend ButtonState — `useButton_unstable` is\n * only invoked from the styled hook, which derives the right `appearance` from\n * the popover context before calling it.\n */\nexport type TeachingPopoverCarouselFooterButtonBaseState = ComponentState<TeachingPopoverCarouselFooterButtonSlots> &\n  Pick<TeachingPopoverCarouselFooterButtonProps, 'navType' | 'altText'>;\n"],"names":[],"mappings":"AAsCA;;;;CAIC,GACD,WACwE"}

package/lib-commonjs/components/TeachingPopoverCarouselFooterButton/index.js

@@ -18,6 +18,9 @@ _export(exports, {
     teachingPopoverCarouselFooterButtonClassNames: function() {
         return _useTeachingPopoverCarouselFooterButtonStylesstyles.teachingPopoverCarouselFooterButtonClassNames;
     },
+    useTeachingPopoverCarouselFooterButtonBase_unstable: function() {
+        return _useTeachingPopoverCarouselFooterButton.useTeachingPopoverCarouselFooterButtonBase_unstable;
+    },
     useTeachingPopoverCarouselFooterButtonStyles_unstable: function() {
         return _useTeachingPopoverCarouselFooterButtonStylesstyles.useTeachingPopoverCarouselFooterButtonStyles_unstable;
     },

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/TeachingPopoverCarouselFooterButton/index.ts"],"sourcesContent":["export { TeachingPopoverCarouselFooterButton } from './TeachingPopoverCarouselFooterButton';\nexport type {\n  TeachingPopoverCarouselFooterButtonProps,\n  TeachingPopoverCarouselFooterButtonSlots,\n  TeachingPopoverCarouselFooterButtonState,\n} from './TeachingPopoverCarouselFooterButton.types';\nexport { renderTeachingPopoverCarouselFooterButton_unstable } from './renderTeachingPopoverCarouselFooterButton';\nexport { useTeachingPopoverCarouselFooterButton_unstable } from './useTeachingPopoverCarouselFooterButton';\nexport {\n  teachingPopoverCarouselFooterButtonClassNames,\n  useTeachingPopoverCarouselFooterButtonStyles_unstable,\n} from './useTeachingPopoverCarouselFooterButtonStyles.styles';\n"],"names":["TeachingPopoverCarouselFooterButton","renderTeachingPopoverCarouselFooterButton_unstable","useTeachingPopoverCarouselFooterButton_unstable","teachingPopoverCarouselFooterButtonClassNames","useTeachingPopoverCarouselFooterButtonStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,wEAAmC;;;eAMnCC,6FAAkD;;;eAGzDE,iGAA6C;;;eAC7CC,yGAAqD;;;eAH9CF,uFAA+C;;;qDAPJ,wCAAwC;2DAMzB,8CAA8C;wDACjD,2CAA2C;oEAIpG,wDAAwD"}
+{"version":3,"sources":["../src/components/TeachingPopoverCarouselFooterButton/index.ts"],"sourcesContent":["export { TeachingPopoverCarouselFooterButton } from './TeachingPopoverCarouselFooterButton';\nexport type {\n  TeachingPopoverCarouselFooterButtonBaseProps,\n  TeachingPopoverCarouselFooterButtonBaseState,\n  TeachingPopoverCarouselFooterButtonProps,\n  TeachingPopoverCarouselFooterButtonSlots,\n  TeachingPopoverCarouselFooterButtonState,\n} from './TeachingPopoverCarouselFooterButton.types';\nexport { renderTeachingPopoverCarouselFooterButton_unstable } from './renderTeachingPopoverCarouselFooterButton';\nexport {\n  useTeachingPopoverCarouselFooterButton_unstable,\n  useTeachingPopoverCarouselFooterButtonBase_unstable,\n} from './useTeachingPopoverCarouselFooterButton';\nexport {\n  teachingPopoverCarouselFooterButtonClassNames,\n  useTeachingPopoverCarouselFooterButtonStyles_unstable,\n} from './useTeachingPopoverCarouselFooterButtonStyles.styles';\n"],"names":["TeachingPopoverCarouselFooterButton","renderTeachingPopoverCarouselFooterButton_unstable","useTeachingPopoverCarouselFooterButton_unstable","useTeachingPopoverCarouselFooterButtonBase_unstable","teachingPopoverCarouselFooterButtonClassNames","useTeachingPopoverCarouselFooterButtonStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,wEAAmC;;;eAQnCC,6FAAkD;;;eAMzDG,iGAA6C;;;eAH7CD,2FAAmD;;;eAInDE,yGAAqD;;;eALrDH,uFAA+C;;;qDAVG,wCAAwC;2DAQzB,8CAA8C;wDAI1G,2CAA2C;oEAI3C,wDAAwD"}

package/lib-commonjs/components/TeachingPopoverCarouselFooterButton/useTeachingPopoverCarouselFooterButton.js

@@ -3,9 +3,17 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-Object.defineProperty(exports, "useTeachingPopoverCarouselFooterButton_unstable", {
-    enumerable: true,
-    get: function() {
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    useTeachingPopoverCarouselFooterButtonBase_unstable: function() {
+        return useTeachingPopoverCarouselFooterButtonBase_unstable;
+    },
+    useTeachingPopoverCarouselFooterButton_unstable: function() {
         return useTeachingPopoverCarouselFooterButton_unstable;
     }
 });
@@ -16,9 +24,8 @@ const _reactpopover = require("@fluentui/react-popover");
 const _CarouselContext = require("../TeachingPopoverCarousel/Carousel/CarouselContext");
 const _reactbutton = require("@fluentui/react-button");
 const _useCarouselValues = require("../TeachingPopoverCarousel/Carousel/useCarouselValues");
-const useTeachingPopoverCarouselFooterButton_unstable = (props, ref)=>{
+const useTeachingPopoverCarouselFooterButtonBase_unstable = (props, ref)=>{
     const { navType, altText } = props;
-    const popoverAppearance = (0, _reactpopover.usePopoverContext_unstable)((context)=>context.appearance);
     const selectPageByDirection = (0, _CarouselContext.useCarouselContext_unstable)((c)=>c.selectPageByDirection);
     const values = (0, _useCarouselValues.useCarouselValues_unstable)((snapshot)=>snapshot);
     const activeValue = (0, _CarouselContext.useCarouselContext_unstable)((c)=>c.value);
@@ -42,28 +49,18 @@ const useTeachingPopoverCarouselFooterButton_unstable = (props, ref)=>{
         activeValue,
         values
     ]);
-    let buttonAppearanceType;
-    if (navType === 'next') {
-        buttonAppearanceType = popoverAppearance === 'brand' ? undefined : 'primary';
-    } else {
-        buttonAppearanceType = popoverAppearance === 'brand' ? 'outline' : undefined;
-    }
     /* Handle altText on trailing step */ let buttonChild = props.children;
     if (isTrailing) {
         buttonChild = altText;
     }
     return {
-        ...(0, _reactbutton.useButton_unstable)({
-            appearance: buttonAppearanceType,
-            ...props
-        }, ref),
         navType,
-        popoverAppearance,
         altText,
-        // Override useButton root slot
+        components: {
+            root: 'button'
+        },
         root: _reactutilities.slot.always((0, _reactutilities.getIntrinsicElementProps)('button', {
             ref,
-            appearance: buttonAppearanceType,
             ...props,
             onClick: handleButtonClick,
             children: buttonChild
@@ -72,3 +69,24 @@ const useTeachingPopoverCarouselFooterButton_unstable = (props, ref)=>{
         })
     };
 };
+const useTeachingPopoverCarouselFooterButton_unstable = (props, ref)=>{
+    const baseState = useTeachingPopoverCarouselFooterButtonBase_unstable(props, ref);
+    const popoverAppearance = (0, _reactpopover.usePopoverContext_unstable)((context)=>context.appearance);
+    let buttonAppearanceType;
+    if (props.navType === 'next') {
+        buttonAppearanceType = popoverAppearance === 'brand' ? undefined : 'primary';
+    } else {
+        buttonAppearanceType = popoverAppearance === 'brand' ? 'outline' : undefined;
+    }
+    const buttonState = (0, _reactbutton.useButton_unstable)({
+        appearance: buttonAppearanceType,
+        ...props
+    }, ref);
+    return {
+        ...buttonState,
+        navType: baseState.navType,
+        altText: baseState.altText,
+        root: baseState.root,
+        popoverAppearance
+    };
+};

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/TeachingPopoverCarouselFooterButton/useTeachingPopoverCarouselFooterButton.ts"],"sourcesContent":["'use client';\n\nimport * 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;;;;;+BAuBaS;;;;;;;iEArBU,QAAQ;gCACgC,4BAA4B;8BAKhD,0BAA0B;iCACzB,sDAAsD;6BAE/D,yBAAyB;mCACjB,wDAAwD;AAW5F,wDAAwD,CAC7DC,OACAC;IAEA,MAAM,EAAEC,OAAO,EAAEC,OAAO,EAAE,GAAGH;IAE7B,MAAMI,wBAAoBV,wCAAAA,EAA2BW,CAAAA,UAAWA,QAAQC,UAAU;IAClF,MAAMC,4BAAwBZ,4CAAAA,EAA4Ba,CAAAA,IAAKA,EAAED,qBAAqB;IACtF,MAAME,aAASX,6CAAAA,EAA2BY,CAAAA,WAAYA;IACtD,MAAMC,kBAAchB,4CAAAA,EAA4Ba,CAAAA,IAAKA,EAAEI,KAAK;IAE5D,MAAMC,cAAc,CAACC;QACnB,IAAIA,MAAMC,kBAAkB,IAAI;YAC9B;QACF;QAEAR,sBAAsBO,OAAOZ;IAC/B;IAEA,MAAMc,wBAAoBpB,gCAAAA,MAAiBJ,8BAAAA,EAAeqB,aAAab,MAAMiB,OAAO;IAEpF,MAAMC,aAAa5B,OAAM6B,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,OAAGN,+BAAAA,EAAmB;YAAES,YAAYgB;YAAsB,GAAGtB,KAAK;QAAC,GAAGC,IAAI;QAC1EC;QACAE;QACAD;QACA,+BAA+B;QAC/BuB,MAAMjC,oBAAAA,CAAKkC,MAAM,KACfpC,wCAAAA,EAAyB,UAAU;YACjCU;YACAK,YAAYgB;YACZ,GAAGtB,KAAK;YACRiB,SAASD;YACTS,UAAUD;QACZ,IACA;YAAEI,aAAa;QAAS;IAE5B;AACF,EAAE"}
+{"version":3,"sources":["../src/components/TeachingPopoverCarouselFooterButton/useTeachingPopoverCarouselFooterButton.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { getIntrinsicElementProps, mergeCallbacks, slot } from '@fluentui/react-utilities';\nimport type {\n  TeachingPopoverCarouselFooterButtonBaseProps,\n  TeachingPopoverCarouselFooterButtonBaseState,\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 * Base hook that builds TeachingPopoverCarouselFooterButton state for behavior and structure only.\n * Does not read `appearance` from the popover context, does not derive the button's\n * appearance from the navType/popoverAppearance combination, and does not call\n * `useButton_unstable` (the styled hook does that with the right appearance).\n * @param props - props from this instance of TeachingPopoverCarouselFooterButton\n * @param ref - reference to root HTMLDivElement of TeachingPopoverCarouselFooterButton\n */\nexport const useTeachingPopoverCarouselFooterButtonBase_unstable = (\n  props: TeachingPopoverCarouselFooterButtonBaseProps,\n  ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>,\n): TeachingPopoverCarouselFooterButtonBaseState => {\n  const { navType, altText } = props;\n\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  /* Handle altText on trailing step */\n  let buttonChild = props.children;\n  if (isTrailing) {\n    buttonChild = altText;\n  }\n\n  return {\n    navType,\n    altText,\n    components: {\n      root: 'button',\n    },\n    root: slot.always(\n      getIntrinsicElementProps('button', {\n        ref,\n        ...props,\n        onClick: handleButtonClick,\n        children: buttonChild,\n      }),\n      { elementType: 'button' },\n    ),\n  };\n};\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 baseState = useTeachingPopoverCarouselFooterButtonBase_unstable(props, ref);\n  const popoverAppearance = usePopoverContext_unstable(context => context.appearance);\n\n  let buttonAppearanceType: 'primary' | 'outline' | undefined;\n\n  if (props.navType === 'next') {\n    buttonAppearanceType = popoverAppearance === 'brand' ? undefined : 'primary';\n  } else {\n    buttonAppearanceType = popoverAppearance === 'brand' ? 'outline' : undefined;\n  }\n\n  const buttonState = useButton_unstable({ appearance: buttonAppearanceType, ...props }, ref);\n\n  return {\n    ...buttonState,\n    navType: baseState.navType,\n    altText: baseState.altText,\n    root: baseState.root,\n    popoverAppearance,\n  };\n};\n"],"names":["React","getIntrinsicElementProps","mergeCallbacks","slot","usePopoverContext_unstable","useCarouselContext_unstable","useEventCallback","useButton_unstable","useCarouselValues_unstable","useTeachingPopoverCarouselFooterButtonBase_unstable","props","ref","navType","altText","selectPageByDirection","c","values","snapshot","activeValue","value","handleClick","event","isDefaultPrevented","handleButtonClick","onClick","isTrailing","useMemo","indexOf","length","buttonChild","children","components","root","always","elementType","useTeachingPopoverCarouselFooterButton_unstable","baseState","popoverAppearance","context","appearance","buttonAppearanceType","undefined","buttonState"],"mappings":"AAAA;;;;;;;;;;;;IAwBaS,mDAAAA;;;IAiEA0B,+CAAAA;;;;;iEAvFU,QAAQ;gCACgC,4BAA4B;8BAOhD,0BAA0B;iCACzB,sDAAsD;6BAE/D,yBAAyB;mCACjB,wDAAwD;AAU5F,4DAA4D,CACjEzB,OACAC;IAEA,MAAM,EAAEC,OAAO,EAAEC,OAAO,EAAE,GAAGH;IAE7B,MAAMI,4BAAwBT,4CAAAA,EAA4BU,CAAAA,IAAKA,EAAED,qBAAqB;IACtF,MAAME,aAASR,6CAAAA,EAA2BS,CAAAA,WAAYA;IACtD,MAAMC,kBAAcb,4CAAAA,EAA4BU,CAAAA,IAAKA,EAAEI,KAAK;IAE5D,MAAMC,cAAc,CAACC;QACnB,IAAIA,MAAMC,kBAAkB,IAAI;YAC9B;QACF;QAEAR,sBAAsBO,OAAOT;IAC/B;IAEA,MAAMW,wBAAoBjB,gCAAAA,MAAiBJ,8BAAAA,EAAekB,aAAaV,MAAMc,OAAO;IAEpF,MAAMC,aAAazB,OAAM0B,OAAO,CAAC;QAC/B,IAAI,CAACR,aAAa;YAChB,OAAO;QACT;QAEA,IAAIN,YAAY,QAAQ;YACtB,OAAOI,OAAOW,OAAO,CAACT,iBAAiB;QACzC;QAEA,OAAOF,OAAOW,OAAO,CAACT,iBAAiBF,OAAOY,MAAM,GAAG;IACzD,GAAG;QAAChB;QAASM;QAAaF;KAAO;IAEjC,mCAAmC,GACnC,IAAIa,cAAcnB,MAAMoB,QAAQ;IAChC,IAAIL,YAAY;QACdI,cAAchB;IAChB;IAEA,OAAO;QACLD;QACAC;QACAkB,YAAY;YACVC,MAAM;QACR;QACAA,MAAM7B,oBAAAA,CAAK8B,MAAM,KACfhC,wCAAAA,EAAyB,UAAU;YACjCU;YACA,GAAGD,KAAK;YACRc,SAASD;YACTO,UAAUD;QACZ,IACA;YAAEK,aAAa;QAAS;IAE5B;AACF,EAAE;AAWK,wDAAwD,CAC7DxB,OACAC;IAEA,MAAMyB,YAAY3B,oDAAoDC,OAAOC;IAC7E,MAAM0B,wBAAoBjC,wCAAAA,EAA2BkC,CAAAA,UAAWA,QAAQC,UAAU;IAElF,IAAIC;IAEJ,IAAI9B,MAAME,OAAO,KAAK,QAAQ;QAC5B4B,uBAAuBH,sBAAsB,UAAUI,YAAY;IACrE,OAAO;QACLD,uBAAuBH,sBAAsB,UAAU,YAAYI;IACrE;IAEA,MAAMC,cAAcnC,mCAAAA,EAAmB;QAAEgC,YAAYC;QAAsB,GAAG9B,KAAK;IAAC,GAAGC;IAEvF,OAAO;QACL,GAAG+B,WAAW;QACd9B,SAASwB,UAAUxB,OAAO;QAC1BC,SAASuB,UAAUvB,OAAO;QAC1BmB,MAAMI,UAAUJ,IAAI;QACpBK;IACF;AACF,EAAE"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/TeachingPopoverCarouselNav/TeachingPopoverCarouselNav.types.ts"],"sourcesContent":["import type * as React from 'react';\nimport type { 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":[],"mappings":""}
+{"version":3,"sources":["../src/components/TeachingPopoverCarouselNav/TeachingPopoverCarouselNav.types.ts"],"sourcesContent":["import type * as React from 'react';\nimport type { 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\nexport type TeachingPopoverCarouselNavBaseProps = TeachingPopoverCarouselNavProps;\n\nexport type TeachingPopoverCarouselNavBaseState = TeachingPopoverCarouselNavState;\n"],"names":[],"mappings":""}

package/lib-commonjs/components/TeachingPopoverCarouselNav/index.js

@@ -18,6 +18,9 @@ _export(exports, {
     teachingPopoverCarouselNavClassNames: function() {
         return _useTeachingPopoverCarouselNavStylesstyles.teachingPopoverCarouselNavClassNames;
     },
+    useTeachingPopoverCarouselNavBase_unstable: function() {
+        return _useTeachingPopoverCarouselNav.useTeachingPopoverCarouselNavBase_unstable;
+    },
     useTeachingPopoverCarouselNavStyles_unstable: function() {
         return _useTeachingPopoverCarouselNavStylesstyles.useTeachingPopoverCarouselNavStyles_unstable;
     },

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/TeachingPopoverCarouselNav/index.ts"],"sourcesContent":["export { TeachingPopoverCarouselNav } from './TeachingPopoverCarouselNav';\nexport type {\n  NavButtonRenderFunction,\n  TeachingPopoverCarouselNavProps,\n  TeachingPopoverCarouselNavSlots,\n  TeachingPopoverCarouselNavState,\n} from './TeachingPopoverCarouselNav.types';\nexport { renderTeachingPopoverCarouselNav_unstable } from './renderTeachingPopoverCarouselNav';\nexport { useTeachingPopoverCarouselNav_unstable } from './useTeachingPopoverCarouselNav';\nexport {\n  teachingPopoverCarouselNavClassNames,\n  useTeachingPopoverCarouselNavStyles_unstable,\n} from './useTeachingPopoverCarouselNavStyles.styles';\n"],"names":["TeachingPopoverCarouselNav","renderTeachingPopoverCarouselNav_unstable","useTeachingPopoverCarouselNav_unstable","teachingPopoverCarouselNavClassNames","useTeachingPopoverCarouselNavStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,sDAA0B;;;eAO1BC,2EAAyC;;;eAGhDE,+EAAoC;;;eACpCC,uFAA4C;;;eAHrCF,qEAAsC;;;4CARJ,+BAA+B;kDAOhB,qCAAqC;+CACxC,kCAAkC;2DAIlF,+CAA+C"}
+{"version":3,"sources":["../src/components/TeachingPopoverCarouselNav/index.ts"],"sourcesContent":["export { TeachingPopoverCarouselNav } from './TeachingPopoverCarouselNav';\nexport type {\n  NavButtonRenderFunction,\n  TeachingPopoverCarouselNavBaseProps,\n  TeachingPopoverCarouselNavBaseState,\n  TeachingPopoverCarouselNavProps,\n  TeachingPopoverCarouselNavSlots,\n  TeachingPopoverCarouselNavState,\n} from './TeachingPopoverCarouselNav.types';\nexport { renderTeachingPopoverCarouselNav_unstable } from './renderTeachingPopoverCarouselNav';\nexport {\n  useTeachingPopoverCarouselNav_unstable,\n  useTeachingPopoverCarouselNavBase_unstable,\n} from './useTeachingPopoverCarouselNav';\nexport {\n  teachingPopoverCarouselNavClassNames,\n  useTeachingPopoverCarouselNavStyles_unstable,\n} from './useTeachingPopoverCarouselNavStyles.styles';\n"],"names":["TeachingPopoverCarouselNav","renderTeachingPopoverCarouselNav_unstable","useTeachingPopoverCarouselNav_unstable","useTeachingPopoverCarouselNavBase_unstable","teachingPopoverCarouselNavClassNames","useTeachingPopoverCarouselNavStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,sDAA0B;;;eAS1BC,2EAAyC;;;eAMhDG,+EAAoC;;;eAHpCD,yEAA0C;;;eAI1CE,uFAA4C;;;eAL5CH,qEAAsC;;;4CAXG,+BAA+B;kDAShB,qCAAqC;+CAIxF,kCAAkC;2DAIlC,+CAA+C"}

package/lib-commonjs/components/TeachingPopoverCarouselNav/useTeachingPopoverCarouselNav.js

@@ -3,23 +3,24 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-Object.defineProperty(exports, "useTeachingPopoverCarouselNav_unstable", {
-    enumerable: true,
-    get: function() {
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    useTeachingPopoverCarouselNavBase_unstable: function() {
+        return useTeachingPopoverCarouselNavBase_unstable;
+    },
+    useTeachingPopoverCarouselNav_unstable: function() {
         return useTeachingPopoverCarouselNav_unstable;
     }
 });
 const _reacttabster = require("@fluentui/react-tabster");
 const _reactutilities = require("@fluentui/react-utilities");
 const _useCarouselValues = require("../TeachingPopoverCarousel/Carousel/useCarouselValues");
-const useTeachingPopoverCarouselNav_unstable = (props, ref)=>{
-    const focusableGroupAttr = (0, _reacttabster.useArrowNavigationGroup)({
-        circular: false,
-        axis: 'horizontal',
-        memorizeCurrent: false,
-        // eslint-disable-next-line @typescript-eslint/naming-convention
-        unstable_hasDefault: true
-    });
+const useTeachingPopoverCarouselNavBase_unstable = (props, ref)=>{
     const values = (0, _useCarouselValues.useCarouselValues_unstable)((snapshot)=>snapshot);
     return {
         values,
@@ -32,10 +33,26 @@ const useTeachingPopoverCarouselNav_unstable = (props, ref)=>{
             role: 'tablist',
             tabIndex: 0,
             ...props,
-            ...focusableGroupAttr,
             children: null
         }), {
             elementType: 'div'
         })
     };
 };
+const useTeachingPopoverCarouselNav_unstable = (props, ref)=>{
+    const state = useTeachingPopoverCarouselNavBase_unstable(props, ref);
+    const focusableGroupAttr = (0, _reacttabster.useArrowNavigationGroup)({
+        circular: false,
+        axis: 'horizontal',
+        memorizeCurrent: false,
+        // eslint-disable-next-line @typescript-eslint/naming-convention
+        unstable_hasDefault: true
+    });
+    return {
+        ...state,
+        root: {
+            ...state.root,
+            ...focusableGroupAttr
+        }
+    };
+};

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/TeachingPopoverCarouselNav/useTeachingPopoverCarouselNav.tsx"],"sourcesContent":["'use client';\n\nimport { useArrowNavigationGroup } from '@fluentui/react-tabster';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport type * 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","useCarouselValues_unstable","useTeachingPopoverCarouselNav_unstable","props","ref","focusableGroupAttr","circular","axis","memorizeCurrent","unstable_hasDefault","values","snapshot","renderNavButton","children","components","root","always","role","tabIndex","elementType"],"mappings":"AAAA;;;;;+BAiBaI;;;;;;8BAf2B,0BAA0B;gCACnB,4BAA4B;mCAOhC,wDAAwD;AAO5F,+CAA+C,CACpDC,OACAC;IAEA,MAAMC,yBAAqBP,qCAAAA,EAAwB;QACjDQ,UAAU;QACVC,MAAM;QACNC,iBAAiB;QACjB,gEAAgE;QAChEC,qBAAqB;IACvB;IACA,MAAMC,aAAST,6CAAAA,EAA2BU,CAAAA,WAAYA;IAEtD,OAAO;QACLD;QACAE,iBAAiBT,MAAMU,QAAQ;QAC/BC,YAAY;YACVC,MAAM;QACR;QACAA,MAAMf,oBAAAA,CAAKgB,MAAM,KACfjB,wCAAAA,EAAyB,OAAO;YAC9BK;YACAa,MAAM;YACNC,UAAU;YACV,GAAGf,KAAK;YACR,GAAGE,kBAAkB;YACrBQ,UAAU;QACZ,IACA;YAAEM,aAAa;QAAM;IAEzB;AACF,EAAE"}
+{"version":3,"sources":["../src/components/TeachingPopoverCarouselNav/useTeachingPopoverCarouselNav.tsx"],"sourcesContent":["'use client';\n\nimport { useArrowNavigationGroup } from '@fluentui/react-tabster';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport type * as React from 'react';\n\nimport type {\n  TeachingPopoverCarouselNavBaseProps,\n  TeachingPopoverCarouselNavBaseState,\n  TeachingPopoverCarouselNavProps,\n  TeachingPopoverCarouselNavState,\n} from './TeachingPopoverCarouselNav.types';\nimport { useCarouselValues_unstable } from '../TeachingPopoverCarousel/Carousel/useCarouselValues';\n\n/**\n * Base hook that builds TeachingPopoverCarouselNav state for behavior and structure only.\n * Does not call `useArrowNavigationGroup` from `@fluentui/react-tabster`.\n * @param props - TeachingPopoverCarouselNav properties\n * @param ref - reference to root HTMLElement of TeachingPopoverCarouselNav\n */\nexport const useTeachingPopoverCarouselNavBase_unstable = (\n  props: TeachingPopoverCarouselNavBaseProps,\n  ref: React.Ref<HTMLDivElement>,\n): TeachingPopoverCarouselNavBaseState => {\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        children: null,\n      }),\n      { elementType: 'div' },\n    ),\n  };\n};\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 state = useTeachingPopoverCarouselNavBase_unstable(props, ref);\n\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\n  return {\n    ...state,\n    root: {\n      ...state.root,\n      ...focusableGroupAttr,\n    },\n  };\n};\n"],"names":["useArrowNavigationGroup","getIntrinsicElementProps","slot","useCarouselValues_unstable","useTeachingPopoverCarouselNavBase_unstable","props","ref","values","snapshot","renderNavButton","children","components","root","always","role","tabIndex","elementType","useTeachingPopoverCarouselNav_unstable","state","focusableGroupAttr","circular","axis","memorizeCurrent","unstable_hasDefault"],"mappings":"AAAA;;;;;;;;;;;;IAoBaI,0CAAAA;;;0CA8BAa;eAAAA;;;8BAhD2B,0BAA0B;gCACnB,4BAA4B;mCAShC,wDAAwD;AAQ5F,mDAAmD,CACxDZ,OACAC;IAEA,MAAMC,aAASJ,6CAAAA,EAA2BK,CAAAA,WAAYA;IAEtD,OAAO;QACLD;QACAE,iBAAiBJ,MAAMK,QAAQ;QAC/BC,YAAY;YACVC,MAAM;QACR;QACAA,MAAMV,oBAAAA,CAAKW,MAAM,KACfZ,wCAAAA,EAAyB,OAAO;YAC9BK;YACAQ,MAAM;YACNC,UAAU;YACV,GAAGV,KAAK;YACRK,UAAU;QACZ,IACA;YAAEM,aAAa;QAAM;IAEzB;AACF,EAAE;AAOK,+CAA+C,CACpDX,OACAC;IAEA,MAAMY,QAAQd,2CAA2CC,OAAOC;IAEhE,MAAMa,yBAAqBnB,qCAAAA,EAAwB;QACjDoB,UAAU;QACVC,MAAM;QACNC,iBAAiB;QACjB,gEAAgE;QAChEC,qBAAqB;IACvB;IAEA,OAAO;QACL,GAAGL,KAAK;QACRN,MAAM;YACJ,GAAGM,MAAMN,IAAI;YACb,GAAGO,kBAAkB;QACvB;IACF;AACF,EAAE"}

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

@@ -76,6 +76,7 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
 const useTeachingPopoverCarouselNavStyles_unstable = (state)=>{
     'use no memo';
     const styles = useStyles();
+    // eslint-disable-next-line react-hooks/immutability
     state.root.className = (0, _react.mergeClasses)(teachingPopoverCarouselNavClassNames.root, styles.root, state.root.className);
     return state;
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["useTeachingPopoverCarouselNavStyles.styles.js"],"sourcesContent":["'use client';\nimport { 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"],"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"],"mappings":"AAAA,YAAY;;;;;;;;;;;;IAICK,oCAAoC;;;gDAiBiD;;;;uBApB7C,gBAAgB;AAG9D,6CAA6C;IAChDC,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,SAAS,GAAA,WAAA,OAAGP,eAAA,EAAA;IAAAM,IAAA,EAAA;QAAAE,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;YAAA;YAAA;SAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;YAAA;YAAA;SAAA;IAAA;AAAA,GAAA;IAAAC,CAAA,EAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAC,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA,CAajB,CAAC;AAC8C,MAAMC,gDAAgDC,KAAK,IAAG;IAC1G,aAAa;IACb,MAAMC,MAAM,GAAGvB,SAAS,CAAC,CAAC;IAC1BsB,KAAK,CAACvB,IAAI,CAACyB,SAAS,OAAG9B,mBAAY,EAACI,oCAAoC,CAACC,IAAI,EAAEwB,MAAM,CAACxB,IAAI,EAAEuB,KAAK,CAACvB,IAAI,CAACyB,SAAS,CAAC;IACjH,OAAOF,KAAK;AAChB,CAAC"}
+{"version":3,"sources":["useTeachingPopoverCarouselNavStyles.styles.js"],"sourcesContent":["'use client';\nimport { 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    // eslint-disable-next-line react-hooks/immutability\n    state.root.className = mergeClasses(teachingPopoverCarouselNavClassNames.root, styles.root, state.root.className);\n    return state;\n};\n"],"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"],"mappings":"AAAA,YAAY;;;;;;;;;;;;IAICK,oCAAoC;;;gDAiBiD;;;;uBApB7C,gBAAgB;AAG9D,6CAA6C;IAChDC,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,SAAS,GAAA,WAAA,OAAGP,eAAA,EAAA;IAAAM,IAAA,EAAA;QAAAE,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;YAAA;YAAA;SAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;YAAA;YAAA;SAAA;IAAA;AAAA,GAAA;IAAAC,CAAA,EAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAC,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA,CAajB,CAAC;AAC8C,MAAMC,gDAAgDC,KAAK,IAAG;IAC1G,aAAa;IACb,MAAMC,MAAM,GAAGvB,SAAS,CAAC,CAAC;IAC1B,oDAAA;IACAsB,KAAK,CAACvB,IAAI,CAACyB,SAAS,OAAG9B,mBAAY,EAACI,oCAAoC,CAACC,IAAI,EAAEwB,MAAM,CAACxB,IAAI,EAAEuB,KAAK,CAACvB,IAAI,CAACyB,SAAS,CAAC;IACjH,OAAOF,KAAK;AAChB,CAAC"}

package/lib-commonjs/components/TeachingPopoverCarouselNav/useTeachingPopoverCarouselNavStyles.styles.raw.js

@@ -40,6 +40,7 @@ const useStyles = (0, _react.makeStyles)({
 const useTeachingPopoverCarouselNavStyles_unstable = (state)=>{
     'use no memo';
     const styles = useStyles();
+    // eslint-disable-next-line react-hooks/immutability
     state.root.className = (0, _react.mergeClasses)(teachingPopoverCarouselNavClassNames.root, styles.root, state.root.className);
     return state;
 };

package/lib-commonjs/components/TeachingPopoverCarouselNav/useTeachingPopoverCarouselNavStyles.styles.raw.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/TeachingPopoverCarouselNav/useTeachingPopoverCarouselNavStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport type {\n  TeachingPopoverCarouselNavSlots,\n  TeachingPopoverCarouselNavState,\n} from './TeachingPopoverCarouselNav.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens } from '@fluentui/react-theme';\n\nexport const teachingPopoverCarouselNavClassNames: SlotClassNames<TeachingPopoverCarouselNavSlots> = {\n  root: 'fui-TeachingPopoverCarouselNav',\n};\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\n/** Applies style classnames to slots */\nexport const useTeachingPopoverCarouselNavStyles_unstable = (\n  state: TeachingPopoverCarouselNavState,\n): TeachingPopoverCarouselNavState => {\n  'use no memo';\n\n  const styles = useStyles();\n\n  state.root.className = mergeClasses(teachingPopoverCarouselNavClassNames.root, styles.root, state.root.className);\n\n  return state;\n};\n"],"names":["makeStyles","mergeClasses","shorthands","createCustomFocusIndicatorStyle","tokens","teachingPopoverCarouselNavClassNames","root","useStyles","display","flexDirection","columnGap","spacingHorizontalXS","alignItems","justifyContent","outline","strokeWidthThick","colorStrokeFocus2","borderRadius","borderRadiusMedium","borderColor","useTeachingPopoverCarouselNavStyles_unstable","state","styles","className"],"mappings":"AAAA;;;;;;;;;;;;IAWaK,oCAAAA;;;gDAoBAe;;;;uBA7BwC,iBAAiB;8BAMtB,0BAA0B;4BACnD,wBAAwB;AAExC,6CAA8F;IACnGd,MAAM;AACR,EAAE;AAEF,MAAMC,gBAAYP,iBAAAA,EAAW;IAC3BM,MAAM;QACJE,SAAS;QACTC,eAAe;QACfC,WAAWN,kBAAAA,CAAOO,mBAAmB;QACrCC,YAAY;QACZC,gBAAgB;QAChB,OAAGV,6CAAAA,EAAgC;YACjCW,SAAS,GAAGV,kBAAAA,CAAOW,gBAAgB,CAAC,OAAO,EAAEX,kBAAAA,CAAOY,iBAAiB,EAAE;YACvEC,cAAcb,kBAAAA,CAAOc,kBAAkB;YACvC,GAAGhB,iBAAAA,CAAWiB,WAAW,CAAC,cAAc;QAC1C,EAAE;IACJ;AACF;AAGO,MAAMC,+CAA+C,CAC1DC;IAEA;IAEA,MAAMC,SAASf;IAEfc,MAAMf,IAAI,CAACiB,SAAS,OAAGtB,mBAAAA,EAAaI,qCAAqCC,IAAI,EAAEgB,OAAOhB,IAAI,EAAEe,MAAMf,IAAI,CAACiB,SAAS;IAEhH,OAAOF;AACT,EAAE"}
+{"version":3,"sources":["../src/components/TeachingPopoverCarouselNav/useTeachingPopoverCarouselNavStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport type {\n  TeachingPopoverCarouselNavSlots,\n  TeachingPopoverCarouselNavState,\n} from './TeachingPopoverCarouselNav.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens } from '@fluentui/react-theme';\n\nexport const teachingPopoverCarouselNavClassNames: SlotClassNames<TeachingPopoverCarouselNavSlots> = {\n  root: 'fui-TeachingPopoverCarouselNav',\n};\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\n/** Applies style classnames to slots */\nexport const useTeachingPopoverCarouselNavStyles_unstable = (\n  state: TeachingPopoverCarouselNavState,\n): TeachingPopoverCarouselNavState => {\n  'use no memo';\n\n  const styles = useStyles();\n\n  // eslint-disable-next-line react-hooks/immutability\n  state.root.className = mergeClasses(teachingPopoverCarouselNavClassNames.root, styles.root, state.root.className);\n\n  return state;\n};\n"],"names":["makeStyles","mergeClasses","shorthands","createCustomFocusIndicatorStyle","tokens","teachingPopoverCarouselNavClassNames","root","useStyles","display","flexDirection","columnGap","spacingHorizontalXS","alignItems","justifyContent","outline","strokeWidthThick","colorStrokeFocus2","borderRadius","borderRadiusMedium","borderColor","useTeachingPopoverCarouselNavStyles_unstable","state","styles","className"],"mappings":"AAAA;;;;;;;;;;;;IAWaK,oCAAAA;;;gDAoBAe;;;;uBA7BwC,iBAAiB;8BAMtB,0BAA0B;4BACnD,wBAAwB;AAExC,6CAA8F;IACnGd,MAAM;AACR,EAAE;AAEF,MAAMC,gBAAYP,iBAAAA,EAAW;IAC3BM,MAAM;QACJE,SAAS;QACTC,eAAe;QACfC,WAAWN,kBAAAA,CAAOO,mBAAmB;QACrCC,YAAY;QACZC,gBAAgB;QAChB,OAAGV,6CAAAA,EAAgC;YACjCW,SAAS,GAAGV,kBAAAA,CAAOW,gBAAgB,CAAC,OAAO,EAAEX,kBAAAA,CAAOY,iBAAiB,EAAE;YACvEC,cAAcb,kBAAAA,CAAOc,kBAAkB;YACvC,GAAGhB,iBAAAA,CAAWiB,WAAW,CAAC,cAAc;QAC1C,EAAE;IACJ;AACF;AAGO,MAAMC,+CAA+C,CAC1DC;IAEA;IAEA,MAAMC,SAASf;IAEf,oDAAoD;IACpDc,MAAMf,IAAI,CAACiB,SAAS,OAAGtB,mBAAAA,EAAaI,qCAAqCC,IAAI,EAAEgB,OAAOhB,IAAI,EAAEe,MAAMf,IAAI,CAACiB,SAAS;IAEhH,OAAOF;AACT,EAAE"}

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/TeachingPopoverCarouselNavButton/TeachingPopoverCarouselNavButton.types.ts"],"sourcesContent":["import type { ARIAButtonSlotProps } from '@fluentui/react-aria';\nimport type { 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":"AAgBA;;CAEC,GACD,WAK4C"}
+{"version":3,"sources":["../src/components/TeachingPopoverCarouselNavButton/TeachingPopoverCarouselNavButton.types.ts"],"sourcesContent":["import type { ARIAButtonSlotProps } from '@fluentui/react-aria';\nimport type { 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\nexport type TeachingPopoverCarouselNavButtonBaseProps = TeachingPopoverCarouselNavButtonProps;\n\nexport type TeachingPopoverCarouselNavButtonBaseState = Omit<TeachingPopoverCarouselNavButtonState, 'appearance'>;\n"],"names":[],"mappings":""}

package/lib-commonjs/components/TeachingPopoverCarouselNavButton/index.js

@@ -18,6 +18,9 @@ _export(exports, {
     teachingPopoverCarouselNavButtonClassNames: function() {
         return _useTeachingPopoverCarouselNavButtonStylesstyles.teachingPopoverCarouselNavButtonClassNames;
     },
+    useTeachingPopoverCarouselNavButtonBase_unstable: function() {
+        return _useTeachingPopoverCarouselNavButton.useTeachingPopoverCarouselNavButtonBase_unstable;
+    },
     useTeachingPopoverCarouselNavButtonStyles_unstable: function() {
         return _useTeachingPopoverCarouselNavButtonStylesstyles.useTeachingPopoverCarouselNavButtonStyles_unstable;
     },

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/TeachingPopoverCarouselNavButton/index.ts"],"sourcesContent":["export { TeachingPopoverCarouselNavButton } from './TeachingPopoverCarouselNavButton';\nexport type {\n  TeachingPopoverCarouselNavButtonProps,\n  TeachingPopoverCarouselNavButtonSlots,\n  TeachingPopoverCarouselNavButtonState,\n} from './TeachingPopoverCarouselNavButton.types';\nexport { renderTeachingPopoverCarouselNavButton_unstable } from './renderTeachingPopoverCarouselNavButton';\nexport { useTeachingPopoverCarouselNavButton_unstable } from './useTeachingPopoverCarouselNavButton';\nexport {\n  teachingPopoverCarouselNavButtonClassNames,\n  useTeachingPopoverCarouselNavButtonStyles_unstable,\n} from './useTeachingPopoverCarouselNavButtonStyles.styles';\n"],"names":["TeachingPopoverCarouselNavButton","renderTeachingPopoverCarouselNavButton_unstable","useTeachingPopoverCarouselNavButton_unstable","teachingPopoverCarouselNavButtonClassNames","useTeachingPopoverCarouselNavButtonStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,kEAAgC;;;eAMhCC,uFAA+C;;;eAGtDE,2FAA0C;;;eAC1CC,mGAAkD;;;eAH3CF,iFAA4C;;;kDAPJ,qCAAqC;wDAMtB,2CAA2C;qDAC9C,wCAAwC;iEAI9F,qDAAqD"}
+{"version":3,"sources":["../src/components/TeachingPopoverCarouselNavButton/index.ts"],"sourcesContent":["export { TeachingPopoverCarouselNavButton } from './TeachingPopoverCarouselNavButton';\nexport type {\n  TeachingPopoverCarouselNavButtonBaseProps,\n  TeachingPopoverCarouselNavButtonBaseState,\n  TeachingPopoverCarouselNavButtonProps,\n  TeachingPopoverCarouselNavButtonSlots,\n  TeachingPopoverCarouselNavButtonState,\n} from './TeachingPopoverCarouselNavButton.types';\nexport { renderTeachingPopoverCarouselNavButton_unstable } from './renderTeachingPopoverCarouselNavButton';\nexport {\n  useTeachingPopoverCarouselNavButton_unstable,\n  useTeachingPopoverCarouselNavButtonBase_unstable,\n} from './useTeachingPopoverCarouselNavButton';\nexport {\n  teachingPopoverCarouselNavButtonClassNames,\n  useTeachingPopoverCarouselNavButtonStyles_unstable,\n} from './useTeachingPopoverCarouselNavButtonStyles.styles';\n"],"names":["TeachingPopoverCarouselNavButton","renderTeachingPopoverCarouselNavButton_unstable","useTeachingPopoverCarouselNavButton_unstable","useTeachingPopoverCarouselNavButtonBase_unstable","teachingPopoverCarouselNavButtonClassNames","useTeachingPopoverCarouselNavButtonStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,kEAAgC;;;eAQhCC,uFAA+C;;;eAMtDG,2FAA0C;;;eAH1CD,qFAAgD;;;eAIhDE,mGAAkD;;;eALlDH,iFAA4C;;;kDAVG,qCAAqC;wDAQtB,2CAA2C;qDAIpG,wCAAwC;iEAIxC,qDAAqD"}