@fluentui/react-teaching-popover 9.6.21 → 9.7.0

package/CHANGELOG.md

@@ -1,24 +1,40 @@
 # Change Log - @fluentui/react-teaching-popover
 
-This log was last generated on Thu, 23 Apr 2026 11:59:35 GMT and should not be manually modified.
+This log was last generated on Tue, 26 May 2026 09:33:32 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.7.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-teaching-popover_v9.7.0)
+
+Tue, 26 May 2026 09:33:32 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-teaching-popover_v9.6.21..@fluentui/react-teaching-popover_v9.7.0)
+
+### Minor changes
+
+- feat: export base hooks ([PR #36200](https://github.com/microsoft/fluentui/pull/36200) by viktorgenaev@microsoft.com)
+- Bump @fluentui/react-jsx-runtime to v9.4.3 ([PR #36246](https://github.com/microsoft/fluentui/pull/36246) by beachball)
+- Bump @fluentui/react-utilities to v9.26.4 ([PR #36246](https://github.com/microsoft/fluentui/pull/36246) by beachball)
+- Bump @fluentui/react-popover to v9.14.3 ([PR #36246](https://github.com/microsoft/fluentui/pull/36246) by beachball)
+- Bump @fluentui/react-button to v9.9.2 ([PR #36246](https://github.com/microsoft/fluentui/pull/36246) by beachball)
+- Bump @fluentui/react-tabster to v9.26.15 ([PR #36246](https://github.com/microsoft/fluentui/pull/36246) by beachball)
+- Bump @fluentui/react-aria to v9.17.12 ([PR #36246](https://github.com/microsoft/fluentui/pull/36246) by beachball)
+- Bump @fluentui/react-context-selector to v9.2.17 ([PR #36246](https://github.com/microsoft/fluentui/pull/36246) by beachball)
+
 ## [9.6.21](https://github.com/microsoft/fluentui/tree/@fluentui/react-teaching-popover_v9.6.21)
 
-Thu, 23 Apr 2026 11:59:35 GMT 
+Thu, 23 Apr 2026 14:21:00 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-teaching-popover_v9.6.20..@fluentui/react-teaching-popover_v9.6.21)
 
 ### Patches
 
 - perf: memoize context values in use*ContextValues hooks ([PR #36008](https://github.com/microsoft/fluentui/pull/36008) by olfedias@microsoft.com)
-- Bump @fluentui/react-jsx-runtime to v9.4.2 ([PR #35996](https://github.com/microsoft/fluentui/pull/35996) by beachball)
-- Bump @fluentui/react-utilities to v9.26.3 ([PR #35996](https://github.com/microsoft/fluentui/pull/35996) by beachball)
-- Bump @fluentui/react-popover to v9.14.2 ([PR #35996](https://github.com/microsoft/fluentui/pull/35996) by beachball)
-- Bump @fluentui/react-button to v9.9.1 ([PR #35996](https://github.com/microsoft/fluentui/pull/35996) by beachball)
-- Bump @fluentui/react-tabster to v9.26.14 ([PR #35996](https://github.com/microsoft/fluentui/pull/35996) by beachball)
-- Bump @fluentui/react-aria to v9.17.11 ([PR #35996](https://github.com/microsoft/fluentui/pull/35996) by beachball)
-- Bump @fluentui/react-context-selector to v9.2.16 ([PR #35996](https://github.com/microsoft/fluentui/pull/35996) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.4.2 ([PR #36035](https://github.com/microsoft/fluentui/pull/36035) by beachball)
+- Bump @fluentui/react-utilities to v9.26.3 ([PR #36035](https://github.com/microsoft/fluentui/pull/36035) by beachball)
+- Bump @fluentui/react-popover to v9.14.2 ([PR #36035](https://github.com/microsoft/fluentui/pull/36035) by beachball)
+- Bump @fluentui/react-button to v9.9.1 ([PR #36035](https://github.com/microsoft/fluentui/pull/36035) by beachball)
+- Bump @fluentui/react-tabster to v9.26.14 ([PR #36035](https://github.com/microsoft/fluentui/pull/36035) by beachball)
+- Bump @fluentui/react-aria to v9.17.11 ([PR #36035](https://github.com/microsoft/fluentui/pull/36035) by beachball)
+- Bump @fluentui/react-context-selector to v9.2.16 ([PR #36035](https://github.com/microsoft/fluentui/pull/36035) by beachball)
 
 ## [9.6.20](https://github.com/microsoft/fluentui/tree/@fluentui/react-teaching-popover_v9.6.20)
 

package/dist/index.d.ts

@@ -4,6 +4,7 @@ import type { ButtonProps } from '@fluentui/react-button';
 import type { ButtonState } from '@fluentui/react-button';
 import type { ComponentProps } from '@fluentui/react-utilities';
 import type { ComponentState } from '@fluentui/react-utilities';
+import type { DistributiveOmit } from '@fluentui/react-utilities';
 import type { EventData } from '@fluentui/react-utilities';
 import type { EventHandler } from '@fluentui/react-utilities';
 import type { ForwardRefComponent } from '@fluentui/react-utilities';
@@ -171,6 +172,10 @@ export declare type TeachingPopoverBodyState = ComponentState<TeachingPopoverBod
  */
 export declare const TeachingPopoverCarousel: ForwardRefComponent<TeachingPopoverCarouselProps>;
 
+export declare type TeachingPopoverCarouselBaseProps = TeachingPopoverCarouselProps;
+
+export declare type TeachingPopoverCarouselBaseState = Omit<TeachingPopoverCarouselState, 'appearance'>;
+
 /**
  * Define a styled TeachingPopoverCarouselCard, using the `useTeachingPopoverCarouselCard_unstable` and `useTeachingPopoverCarouselCardStyles_unstable`
  * hooks.
@@ -219,6 +224,15 @@ export declare const TeachingPopoverCarouselFooter: ForwardRefComponent<Teaching
  */
 export declare const TeachingPopoverCarouselFooterButton: ForwardRefComponent<TeachingPopoverCarouselFooterButtonProps>;
 
+export declare type TeachingPopoverCarouselFooterButtonBaseProps = TeachingPopoverCarouselFooterButtonProps;
+
+/**
+ * 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.
+ */
+export declare type TeachingPopoverCarouselFooterButtonBaseState = ComponentState<TeachingPopoverCarouselFooterButtonSlots> & Pick<TeachingPopoverCarouselFooterButtonProps, 'navType' | 'altText'>;
+
 export declare const teachingPopoverCarouselFooterButtonClassNames: SlotClassNames<TeachingPopoverCarouselFooterButtonSlots>;
 
 /**
@@ -297,6 +311,10 @@ export declare type TeachingPopoverCarouselFooterState = ComponentState<Required
  */
 export declare const TeachingPopoverCarouselNav: ForwardRefComponent<TeachingPopoverCarouselNavProps>;
 
+export declare type TeachingPopoverCarouselNavBaseProps = TeachingPopoverCarouselNavProps;
+
+export declare type TeachingPopoverCarouselNavBaseState = TeachingPopoverCarouselNavState;
+
 /**
  * TeachingPopoverCarouselNavButton is a button to jump to a single page within TeachingPopoverCarousel
  *
@@ -304,6 +322,10 @@ export declare const TeachingPopoverCarouselNav: ForwardRefComponent<TeachingPop
  */
 export declare const TeachingPopoverCarouselNavButton: ForwardRefComponent<TeachingPopoverCarouselNavButtonProps>;
 
+export declare type TeachingPopoverCarouselNavButtonBaseProps = TeachingPopoverCarouselNavButtonProps;
+
+export declare type TeachingPopoverCarouselNavButtonBaseState = Omit<TeachingPopoverCarouselNavButtonState, 'appearance'>;
+
 export declare const teachingPopoverCarouselNavButtonClassNames: SlotClassNames<TeachingPopoverCarouselNavButtonSlots>;
 
 /**
@@ -408,6 +430,21 @@ declare type TeachingPopoverContextValues = PopoverContextValues;
  */
 export declare const TeachingPopoverFooter: ForwardRefComponent<TeachingPopoverFooterProps>;
 
+/**
+ * Base props omit the `primary` and `secondary` Button slots — those are styling
+ * concerns. The headless variant composes buttons as children of the root.
+ */
+export declare type TeachingPopoverFooterBaseProps = DistributiveOmit<TeachingPopoverFooterProps, 'primary' | 'secondary'>;
+
+/**
+ * Base state intentionally omits the `primary` / `secondary` slot and `appearance` —
+ * those are Button-styling concerns layered on by the styled hook.
+ */
+export declare type TeachingPopoverFooterBaseState = ComponentState<Pick<TeachingPopoverFooterSlots, 'root'>> & {
+    footerLayout?: 'horizontal' | 'vertical';
+    handleButtonClick: (event: React_2.MouseEvent<HTMLButtonElement & HTMLAnchorElement & HTMLDivElement>) => void;
+};
+
 export declare const teachingPopoverFooterClassNames: SlotClassNames<TeachingPopoverFooterSlots>;
 
 export declare type TeachingPopoverFooterProps = ComponentProps<TeachingPopoverFooterSlots> & Pick<TeachingPopoverFooterState, 'footerLayout'>;
@@ -444,6 +481,10 @@ export declare type TeachingPopoverFooterState = ComponentState<TeachingPopoverF
  */
 export declare const TeachingPopoverHeader: ForwardRefComponent<TeachingPopoverHeaderProps>;
 
+export declare type TeachingPopoverHeaderBaseProps = TeachingPopoverHeaderProps;
+
+export declare type TeachingPopoverHeaderBaseState = Omit<TeachingPopoverHeaderState, 'appearance'>;
+
 export declare const teachingPopoverHeaderClassNames: SlotClassNames<TeachingPopoverHeaderSlots>;
 
 export declare type TeachingPopoverHeaderProps = ComponentProps<TeachingPopoverHeaderSlots>;
@@ -510,6 +551,10 @@ export declare type TeachingPopoverSurfaceState = PopoverSurfaceState;
  */
 export declare const TeachingPopoverTitle: ForwardRefComponent<TeachingPopoverTitleProps>;
 
+export declare type TeachingPopoverTitleBaseProps = TeachingPopoverTitleProps;
+
+export declare type TeachingPopoverTitleBaseState = Omit<TeachingPopoverTitleState, 'appearance'>;
+
 export declare const teachingPopoverTitleClassNames: SlotClassNames<TeachingPopoverTitleSlots>;
 
 /**
@@ -591,6 +636,14 @@ export declare const useTeachingPopoverBodyStyles_unstable: (state: TeachingPopo
 
 export declare const useTeachingPopoverCarousel_unstable: (props: TeachingPopoverCarouselProps, ref: React_2.Ref<HTMLDivElement>) => TeachingPopoverCarouselState;
 
+/**
+ * Base hook that builds TeachingPopoverCarousel state for behavior and structure only.
+ * Does not read `appearance` from the popover context.
+ * @param props - TeachingPopoverCarousel properties
+ * @param ref - reference to root HTMLElement of TeachingPopoverCarousel
+ */
+export declare const useTeachingPopoverCarouselBase_unstable: (props: TeachingPopoverCarouselBaseProps, ref: React_2.Ref<HTMLDivElement>) => TeachingPopoverCarouselBaseState;
+
 /**
  * Returns the props and state required to render the component
  * @param props - TeachingPopoverCarouselCard properties
@@ -616,6 +669,16 @@ export declare const useTeachingPopoverCarouselFooter_unstable: (props: Teaching
  */
 export declare const useTeachingPopoverCarouselFooterButton_unstable: (props: TeachingPopoverCarouselFooterButtonProps, ref: React_2.Ref<HTMLButtonElement | HTMLAnchorElement>) => TeachingPopoverCarouselFooterButtonState;
 
+/**
+ * Base hook that builds TeachingPopoverCarouselFooterButton state for behavior and structure only.
+ * Does not read `appearance` from the popover context, does not derive the button's
+ * appearance from the navType/popoverAppearance combination, and does not call
+ * `useButton_unstable` (the styled hook does that with the right appearance).
+ * @param props - props from this instance of TeachingPopoverCarouselFooterButton
+ * @param ref - reference to root HTMLDivElement of TeachingPopoverCarouselFooterButton
+ */
+export declare const useTeachingPopoverCarouselFooterButtonBase_unstable: (props: TeachingPopoverCarouselFooterButtonBaseProps, ref: React_2.Ref<HTMLButtonElement | HTMLAnchorElement>) => TeachingPopoverCarouselFooterButtonBaseState;
+
 /**
  * Apply styling to the TeachingPopoverCarouselFooterButton slots based on the state
  */
@@ -631,6 +694,14 @@ export declare const useTeachingPopoverCarouselFooterStyles_unstable: (state: Te
  */
 export declare const useTeachingPopoverCarouselNav_unstable: (props: TeachingPopoverCarouselNavProps, ref: React_2.Ref<HTMLDivElement>) => TeachingPopoverCarouselNavState;
 
+/**
+ * Base hook that builds TeachingPopoverCarouselNav state for behavior and structure only.
+ * Does not call `useArrowNavigationGroup` from `@fluentui/react-tabster`.
+ * @param props - TeachingPopoverCarouselNav properties
+ * @param ref - reference to root HTMLElement of TeachingPopoverCarouselNav
+ */
+export declare const useTeachingPopoverCarouselNavBase_unstable: (props: TeachingPopoverCarouselNavBaseProps, ref: React_2.Ref<HTMLDivElement>) => TeachingPopoverCarouselNavBaseState;
+
 /**
  * Create the state required to render TeachingPopoverCarouselNavButton.
  *
@@ -642,6 +713,14 @@ export declare const useTeachingPopoverCarouselNav_unstable: (props: TeachingPop
  */
 export declare const useTeachingPopoverCarouselNavButton_unstable: (props: TeachingPopoverCarouselNavButtonProps, ref: React_2.Ref<HTMLButtonElement | HTMLAnchorElement>) => TeachingPopoverCarouselNavButtonState;
 
+/**
+ * Base hook that builds TeachingPopoverCarouselNavButton state for behavior and structure only.
+ * Does not call `useTabsterAttributes` and does not read `appearance` from popover context.
+ * @param props - props from this instance of TeachingPopoverCarouselNavButton
+ * @param ref - reference to root HTMLElement of TeachingPopoverCarouselNavButton
+ */
+export declare const useTeachingPopoverCarouselNavButtonBase_unstable: (props: TeachingPopoverCarouselNavButtonBaseProps, ref: React_2.Ref<HTMLButtonElement | HTMLAnchorElement>) => TeachingPopoverCarouselNavButtonBaseState;
+
 /**
  * Apply styling to the TeachingPopoverCarouselNavButton slots based on the state
  */
@@ -678,6 +757,16 @@ export declare const useTeachingPopoverContextValues_unstable: (state: TeachingP
  */
 export declare const useTeachingPopoverFooter_unstable: (props: TeachingPopoverFooterProps, ref: React_2.Ref<HTMLDivElement>) => TeachingPopoverFooterState;
 
+/**
+ * Base hook that builds TeachingPopoverFooter state for behavior and structure only.
+ * Does not read `appearance` from the popover context and does not build the
+ * `primary` / `secondary` Button slots — those are styling concerns and are
+ * constructed by the styled hook.
+ * @param props - TeachingPopoverFooter properties
+ * @param ref - reference to root HTMLElement of TeachingPopoverFooter
+ */
+export declare const useTeachingPopoverFooterBase_unstable: (props: TeachingPopoverFooterBaseProps, ref: React_2.Ref<HTMLDivElement>) => TeachingPopoverFooterBaseState;
+
 /**
  * Returns the props and state required to render the component
  * @param props - TeachingPopoverHeader properties
@@ -685,6 +774,14 @@ export declare const useTeachingPopoverFooter_unstable: (props: TeachingPopoverF
  */
 export declare const useTeachingPopoverHeader_unstable: (props: TeachingPopoverHeaderProps, ref: React_2.Ref<HTMLDivElement>) => TeachingPopoverHeaderState;
 
+/**
+ * Base hook that builds TeachingPopoverHeader state for behavior and structure only.
+ * Does not add styling defaults such as icon JSX or `appearance` from popover context.
+ * @param props - TeachingPopoverHeader properties
+ * @param ref - reference to root HTMLElement of TeachingPopoverHeader
+ */
+export declare const useTeachingPopoverHeaderBase_unstable: (props: TeachingPopoverHeaderBaseProps, ref: React_2.Ref<HTMLDivElement>) => TeachingPopoverHeaderBaseState;
+
 /** Applies style classnames to slots */
 export declare const useTeachingPopoverHeaderStyles_unstable: (state: TeachingPopoverHeaderState) => TeachingPopoverHeaderState;
 
@@ -711,6 +808,14 @@ export declare const useTeachingPopoverSurfaceStyles_unstable: (state: TeachingP
  */
 export declare const useTeachingPopoverTitle_unstable: (props: TeachingPopoverTitleProps, ref: React_2.Ref<HTMLDivElement>) => TeachingPopoverTitleState;
 
+/**
+ * Base hook that builds TeachingPopoverTitle state for behavior and structure only.
+ * Does not bundle/render the dismiss icon and does not read `appearance` from popover context.
+ * @param props - TeachingPopoverTitle properties
+ * @param ref - reference to root HTMLElement of TeachingPopoverTitle
+ */
+export declare const useTeachingPopoverTitleBase_unstable: (props: TeachingPopoverTitleBaseProps, ref: React_2.Ref<HTMLDivElement>) => TeachingPopoverTitleBaseState;
+
 /** Applies style classnames to slots */
 export declare const useTeachingPopoverTitleStyles_unstable: (state: TeachingPopoverTitleState) => TeachingPopoverTitleState;
 

package/lib/TeachingPopoverCarousel.js

@@ -1 +1 @@
-export { TeachingPopoverCarousel, renderTeachingPopoverCarousel_unstable, teachingPopoverCarouselClassNames, useTeachingPopoverCarouselContextValues_unstable, useTeachingPopoverCarouselStyles_unstable, useTeachingPopoverCarousel_unstable } from './components/TeachingPopoverCarousel/index';
+export { TeachingPopoverCarousel, renderTeachingPopoverCarousel_unstable, teachingPopoverCarouselClassNames, useTeachingPopoverCarouselContextValues_unstable, useTeachingPopoverCarouselStyles_unstable, useTeachingPopoverCarousel_unstable, useTeachingPopoverCarouselBase_unstable } from './components/TeachingPopoverCarousel/index';

package/lib/TeachingPopoverCarousel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/TeachingPopoverCarousel.ts"],"sourcesContent":["export type {\n  TeachingPopoverCarouselContextValues,\n  TeachingPopoverCarouselProps,\n  TeachingPopoverCarouselSlots,\n  TeachingPopoverCarouselState,\n} from './components/TeachingPopoverCarousel/index';\nexport {\n  TeachingPopoverCarousel,\n  renderTeachingPopoverCarousel_unstable,\n  teachingPopoverCarouselClassNames,\n  useTeachingPopoverCarouselContextValues_unstable,\n  useTeachingPopoverCarouselStyles_unstable,\n  useTeachingPopoverCarousel_unstable,\n} from './components/TeachingPopoverCarousel/index';\n"],"names":["TeachingPopoverCarousel","renderTeachingPopoverCarousel_unstable","teachingPopoverCarouselClassNames","useTeachingPopoverCarouselContextValues_unstable","useTeachingPopoverCarouselStyles_unstable","useTeachingPopoverCarousel_unstable"],"mappings":"AAMA,SACEA,uBAAuB,EACvBC,sCAAsC,EACtCC,iCAAiC,EACjCC,gDAAgD,EAChDC,yCAAyC,EACzCC,mCAAmC,QAC9B,6CAA6C"}
+{"version":3,"sources":["../src/TeachingPopoverCarousel.ts"],"sourcesContent":["export type {\n  TeachingPopoverCarouselBaseProps,\n  TeachingPopoverCarouselBaseState,\n  TeachingPopoverCarouselContextValues,\n  TeachingPopoverCarouselProps,\n  TeachingPopoverCarouselSlots,\n  TeachingPopoverCarouselState,\n} from './components/TeachingPopoverCarousel/index';\nexport {\n  TeachingPopoverCarousel,\n  renderTeachingPopoverCarousel_unstable,\n  teachingPopoverCarouselClassNames,\n  useTeachingPopoverCarouselContextValues_unstable,\n  useTeachingPopoverCarouselStyles_unstable,\n  useTeachingPopoverCarousel_unstable,\n  useTeachingPopoverCarouselBase_unstable,\n} from './components/TeachingPopoverCarousel/index';\n"],"names":["TeachingPopoverCarousel","renderTeachingPopoverCarousel_unstable","teachingPopoverCarouselClassNames","useTeachingPopoverCarouselContextValues_unstable","useTeachingPopoverCarouselStyles_unstable","useTeachingPopoverCarousel_unstable","useTeachingPopoverCarouselBase_unstable"],"mappings":"AAQA,SACEA,uBAAuB,EACvBC,sCAAsC,EACtCC,iCAAiC,EACjCC,gDAAgD,EAChDC,yCAAyC,EACzCC,mCAAmC,EACnCC,uCAAuC,QAClC,6CAA6C"}

package/lib/TeachingPopoverCarouselFooterButton.js

@@ -1 +1 @@
-export { TeachingPopoverCarouselFooterButton, renderTeachingPopoverCarouselFooterButton_unstable, teachingPopoverCarouselFooterButtonClassNames, useTeachingPopoverCarouselFooterButtonStyles_unstable, useTeachingPopoverCarouselFooterButton_unstable } from './components/TeachingPopoverCarouselFooterButton/index';
+export { TeachingPopoverCarouselFooterButton, renderTeachingPopoverCarouselFooterButton_unstable, teachingPopoverCarouselFooterButtonClassNames, useTeachingPopoverCarouselFooterButtonStyles_unstable, useTeachingPopoverCarouselFooterButton_unstable, useTeachingPopoverCarouselFooterButtonBase_unstable } from './components/TeachingPopoverCarouselFooterButton/index';

package/lib/TeachingPopoverCarouselFooterButton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/TeachingPopoverCarouselFooterButton.ts"],"sourcesContent":["export type {\n  TeachingPopoverCarouselFooterButtonProps,\n  TeachingPopoverCarouselFooterButtonSlots,\n  TeachingPopoverCarouselFooterButtonState,\n} from './components/TeachingPopoverCarouselFooterButton/index';\nexport {\n  TeachingPopoverCarouselFooterButton,\n  renderTeachingPopoverCarouselFooterButton_unstable,\n  teachingPopoverCarouselFooterButtonClassNames,\n  useTeachingPopoverCarouselFooterButtonStyles_unstable,\n  useTeachingPopoverCarouselFooterButton_unstable,\n} from './components/TeachingPopoverCarouselFooterButton/index';\n"],"names":["TeachingPopoverCarouselFooterButton","renderTeachingPopoverCarouselFooterButton_unstable","teachingPopoverCarouselFooterButtonClassNames","useTeachingPopoverCarouselFooterButtonStyles_unstable","useTeachingPopoverCarouselFooterButton_unstable"],"mappings":"AAKA,SACEA,mCAAmC,EACnCC,kDAAkD,EAClDC,6CAA6C,EAC7CC,qDAAqD,EACrDC,+CAA+C,QAC1C,yDAAyD"}
+{"version":3,"sources":["../src/TeachingPopoverCarouselFooterButton.ts"],"sourcesContent":["export type {\n  TeachingPopoverCarouselFooterButtonBaseProps,\n  TeachingPopoverCarouselFooterButtonBaseState,\n  TeachingPopoverCarouselFooterButtonProps,\n  TeachingPopoverCarouselFooterButtonSlots,\n  TeachingPopoverCarouselFooterButtonState,\n} from './components/TeachingPopoverCarouselFooterButton/index';\nexport {\n  TeachingPopoverCarouselFooterButton,\n  renderTeachingPopoverCarouselFooterButton_unstable,\n  teachingPopoverCarouselFooterButtonClassNames,\n  useTeachingPopoverCarouselFooterButtonStyles_unstable,\n  useTeachingPopoverCarouselFooterButton_unstable,\n  useTeachingPopoverCarouselFooterButtonBase_unstable,\n} from './components/TeachingPopoverCarouselFooterButton/index';\n"],"names":["TeachingPopoverCarouselFooterButton","renderTeachingPopoverCarouselFooterButton_unstable","teachingPopoverCarouselFooterButtonClassNames","useTeachingPopoverCarouselFooterButtonStyles_unstable","useTeachingPopoverCarouselFooterButton_unstable","useTeachingPopoverCarouselFooterButtonBase_unstable"],"mappings":"AAOA,SACEA,mCAAmC,EACnCC,kDAAkD,EAClDC,6CAA6C,EAC7CC,qDAAqD,EACrDC,+CAA+C,EAC/CC,mDAAmD,QAC9C,yDAAyD"}

package/lib/TeachingPopoverCarouselNav.js

@@ -1 +1 @@
-export { TeachingPopoverCarouselNav, renderTeachingPopoverCarouselNav_unstable, teachingPopoverCarouselNavClassNames, useTeachingPopoverCarouselNavStyles_unstable, useTeachingPopoverCarouselNav_unstable } from './components/TeachingPopoverCarouselNav/index';
+export { TeachingPopoverCarouselNav, renderTeachingPopoverCarouselNav_unstable, teachingPopoverCarouselNavClassNames, useTeachingPopoverCarouselNavStyles_unstable, useTeachingPopoverCarouselNav_unstable, useTeachingPopoverCarouselNavBase_unstable } from './components/TeachingPopoverCarouselNav/index';

package/lib/TeachingPopoverCarouselNav.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/TeachingPopoverCarouselNav.ts"],"sourcesContent":["export type {\n  NavButtonRenderFunction,\n  TeachingPopoverCarouselNavProps,\n  TeachingPopoverCarouselNavSlots,\n  TeachingPopoverCarouselNavState,\n} from './components/TeachingPopoverCarouselNav/index';\nexport {\n  TeachingPopoverCarouselNav,\n  renderTeachingPopoverCarouselNav_unstable,\n  teachingPopoverCarouselNavClassNames,\n  useTeachingPopoverCarouselNavStyles_unstable,\n  useTeachingPopoverCarouselNav_unstable,\n} from './components/TeachingPopoverCarouselNav/index';\n"],"names":["TeachingPopoverCarouselNav","renderTeachingPopoverCarouselNav_unstable","teachingPopoverCarouselNavClassNames","useTeachingPopoverCarouselNavStyles_unstable","useTeachingPopoverCarouselNav_unstable"],"mappings":"AAMA,SACEA,0BAA0B,EAC1BC,yCAAyC,EACzCC,oCAAoC,EACpCC,4CAA4C,EAC5CC,sCAAsC,QACjC,gDAAgD"}
+{"version":3,"sources":["../src/TeachingPopoverCarouselNav.ts"],"sourcesContent":["export type {\n  NavButtonRenderFunction,\n  TeachingPopoverCarouselNavBaseProps,\n  TeachingPopoverCarouselNavBaseState,\n  TeachingPopoverCarouselNavProps,\n  TeachingPopoverCarouselNavSlots,\n  TeachingPopoverCarouselNavState,\n} from './components/TeachingPopoverCarouselNav/index';\nexport {\n  TeachingPopoverCarouselNav,\n  renderTeachingPopoverCarouselNav_unstable,\n  teachingPopoverCarouselNavClassNames,\n  useTeachingPopoverCarouselNavStyles_unstable,\n  useTeachingPopoverCarouselNav_unstable,\n  useTeachingPopoverCarouselNavBase_unstable,\n} from './components/TeachingPopoverCarouselNav/index';\n"],"names":["TeachingPopoverCarouselNav","renderTeachingPopoverCarouselNav_unstable","teachingPopoverCarouselNavClassNames","useTeachingPopoverCarouselNavStyles_unstable","useTeachingPopoverCarouselNav_unstable","useTeachingPopoverCarouselNavBase_unstable"],"mappings":"AAQA,SACEA,0BAA0B,EAC1BC,yCAAyC,EACzCC,oCAAoC,EACpCC,4CAA4C,EAC5CC,sCAAsC,EACtCC,0CAA0C,QACrC,gDAAgD"}

package/lib/TeachingPopoverCarouselNavButton.js

@@ -1 +1 @@
-export { TeachingPopoverCarouselNavButton, renderTeachingPopoverCarouselNavButton_unstable, teachingPopoverCarouselNavButtonClassNames, useTeachingPopoverCarouselNavButtonStyles_unstable, useTeachingPopoverCarouselNavButton_unstable } from './components/TeachingPopoverCarouselNavButton/index';
+export { TeachingPopoverCarouselNavButton, renderTeachingPopoverCarouselNavButton_unstable, teachingPopoverCarouselNavButtonClassNames, useTeachingPopoverCarouselNavButtonStyles_unstable, useTeachingPopoverCarouselNavButton_unstable, useTeachingPopoverCarouselNavButtonBase_unstable } from './components/TeachingPopoverCarouselNavButton/index';

package/lib/TeachingPopoverCarouselNavButton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/TeachingPopoverCarouselNavButton.ts"],"sourcesContent":["export type {\n  TeachingPopoverCarouselNavButtonProps,\n  TeachingPopoverCarouselNavButtonSlots,\n  TeachingPopoverCarouselNavButtonState,\n} from './components/TeachingPopoverCarouselNavButton/index';\nexport {\n  TeachingPopoverCarouselNavButton,\n  renderTeachingPopoverCarouselNavButton_unstable,\n  teachingPopoverCarouselNavButtonClassNames,\n  useTeachingPopoverCarouselNavButtonStyles_unstable,\n  useTeachingPopoverCarouselNavButton_unstable,\n} from './components/TeachingPopoverCarouselNavButton/index';\n"],"names":["TeachingPopoverCarouselNavButton","renderTeachingPopoverCarouselNavButton_unstable","teachingPopoverCarouselNavButtonClassNames","useTeachingPopoverCarouselNavButtonStyles_unstable","useTeachingPopoverCarouselNavButton_unstable"],"mappings":"AAKA,SACEA,gCAAgC,EAChCC,+CAA+C,EAC/CC,0CAA0C,EAC1CC,kDAAkD,EAClDC,4CAA4C,QACvC,sDAAsD"}
+{"version":3,"sources":["../src/TeachingPopoverCarouselNavButton.ts"],"sourcesContent":["export type {\n  TeachingPopoverCarouselNavButtonBaseProps,\n  TeachingPopoverCarouselNavButtonBaseState,\n  TeachingPopoverCarouselNavButtonProps,\n  TeachingPopoverCarouselNavButtonSlots,\n  TeachingPopoverCarouselNavButtonState,\n} from './components/TeachingPopoverCarouselNavButton/index';\nexport {\n  TeachingPopoverCarouselNavButton,\n  renderTeachingPopoverCarouselNavButton_unstable,\n  teachingPopoverCarouselNavButtonClassNames,\n  useTeachingPopoverCarouselNavButtonStyles_unstable,\n  useTeachingPopoverCarouselNavButton_unstable,\n  useTeachingPopoverCarouselNavButtonBase_unstable,\n} from './components/TeachingPopoverCarouselNavButton/index';\n"],"names":["TeachingPopoverCarouselNavButton","renderTeachingPopoverCarouselNavButton_unstable","teachingPopoverCarouselNavButtonClassNames","useTeachingPopoverCarouselNavButtonStyles_unstable","useTeachingPopoverCarouselNavButton_unstable","useTeachingPopoverCarouselNavButtonBase_unstable"],"mappings":"AAOA,SACEA,gCAAgC,EAChCC,+CAA+C,EAC/CC,0CAA0C,EAC1CC,kDAAkD,EAClDC,4CAA4C,EAC5CC,gDAAgD,QAC3C,sDAAsD"}

package/lib/TeachingPopoverFooter.js

@@ -1 +1 @@
-export { TeachingPopoverFooter, renderTeachingPopoverFooter_unstable, teachingPopoverFooterClassNames, useTeachingPopoverFooterStyles_unstable, useTeachingPopoverFooter_unstable } from './components/TeachingPopoverFooter';
+export { TeachingPopoverFooter, renderTeachingPopoverFooter_unstable, teachingPopoverFooterClassNames, useTeachingPopoverFooterStyles_unstable, useTeachingPopoverFooter_unstable, useTeachingPopoverFooterBase_unstable } from './components/TeachingPopoverFooter';

package/lib/TeachingPopoverFooter.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/TeachingPopoverFooter.ts"],"sourcesContent":["export type {\n  TeachingPopoverFooterProps,\n  TeachingPopoverFooterSlots,\n  TeachingPopoverFooterState,\n} from './components/TeachingPopoverFooter';\nexport {\n  TeachingPopoverFooter,\n  renderTeachingPopoverFooter_unstable,\n  teachingPopoverFooterClassNames,\n  useTeachingPopoverFooterStyles_unstable,\n  useTeachingPopoverFooter_unstable,\n} from './components/TeachingPopoverFooter';\n"],"names":["TeachingPopoverFooter","renderTeachingPopoverFooter_unstable","teachingPopoverFooterClassNames","useTeachingPopoverFooterStyles_unstable","useTeachingPopoverFooter_unstable"],"mappings":"AAKA,SACEA,qBAAqB,EACrBC,oCAAoC,EACpCC,+BAA+B,EAC/BC,uCAAuC,EACvCC,iCAAiC,QAC5B,qCAAqC"}
+{"version":3,"sources":["../src/TeachingPopoverFooter.ts"],"sourcesContent":["export type {\n  TeachingPopoverFooterBaseProps,\n  TeachingPopoverFooterBaseState,\n  TeachingPopoverFooterProps,\n  TeachingPopoverFooterSlots,\n  TeachingPopoverFooterState,\n} from './components/TeachingPopoverFooter';\nexport {\n  TeachingPopoverFooter,\n  renderTeachingPopoverFooter_unstable,\n  teachingPopoverFooterClassNames,\n  useTeachingPopoverFooterStyles_unstable,\n  useTeachingPopoverFooter_unstable,\n  useTeachingPopoverFooterBase_unstable,\n} from './components/TeachingPopoverFooter';\n"],"names":["TeachingPopoverFooter","renderTeachingPopoverFooter_unstable","teachingPopoverFooterClassNames","useTeachingPopoverFooterStyles_unstable","useTeachingPopoverFooter_unstable","useTeachingPopoverFooterBase_unstable"],"mappings":"AAOA,SACEA,qBAAqB,EACrBC,oCAAoC,EACpCC,+BAA+B,EAC/BC,uCAAuC,EACvCC,iCAAiC,EACjCC,qCAAqC,QAChC,qCAAqC"}

package/lib/TeachingPopoverHeader.js

@@ -1 +1 @@
-export { TeachingPopoverHeader, renderTeachingPopoverHeader_unstable, teachingPopoverHeaderClassNames, useTeachingPopoverHeaderStyles_unstable, useTeachingPopoverHeader_unstable } from './components/TeachingPopoverHeader/index';
+export { TeachingPopoverHeader, renderTeachingPopoverHeader_unstable, teachingPopoverHeaderClassNames, useTeachingPopoverHeaderStyles_unstable, useTeachingPopoverHeader_unstable, useTeachingPopoverHeaderBase_unstable } from './components/TeachingPopoverHeader/index';

package/lib/TeachingPopoverHeader.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/TeachingPopoverHeader.ts"],"sourcesContent":["export type {\n  TeachingPopoverHeaderProps,\n  TeachingPopoverHeaderSlots,\n  TeachingPopoverHeaderState,\n} from './components/TeachingPopoverHeader/index';\nexport {\n  TeachingPopoverHeader,\n  renderTeachingPopoverHeader_unstable,\n  teachingPopoverHeaderClassNames,\n  useTeachingPopoverHeaderStyles_unstable,\n  useTeachingPopoverHeader_unstable,\n} from './components/TeachingPopoverHeader/index';\n"],"names":["TeachingPopoverHeader","renderTeachingPopoverHeader_unstable","teachingPopoverHeaderClassNames","useTeachingPopoverHeaderStyles_unstable","useTeachingPopoverHeader_unstable"],"mappings":"AAKA,SACEA,qBAAqB,EACrBC,oCAAoC,EACpCC,+BAA+B,EAC/BC,uCAAuC,EACvCC,iCAAiC,QAC5B,2CAA2C"}
+{"version":3,"sources":["../src/TeachingPopoverHeader.ts"],"sourcesContent":["export type {\n  TeachingPopoverHeaderBaseProps,\n  TeachingPopoverHeaderBaseState,\n  TeachingPopoverHeaderProps,\n  TeachingPopoverHeaderSlots,\n  TeachingPopoverHeaderState,\n} from './components/TeachingPopoverHeader/index';\nexport {\n  TeachingPopoverHeader,\n  renderTeachingPopoverHeader_unstable,\n  teachingPopoverHeaderClassNames,\n  useTeachingPopoverHeaderStyles_unstable,\n  useTeachingPopoverHeader_unstable,\n  useTeachingPopoverHeaderBase_unstable,\n} from './components/TeachingPopoverHeader/index';\n"],"names":["TeachingPopoverHeader","renderTeachingPopoverHeader_unstable","teachingPopoverHeaderClassNames","useTeachingPopoverHeaderStyles_unstable","useTeachingPopoverHeader_unstable","useTeachingPopoverHeaderBase_unstable"],"mappings":"AAOA,SACEA,qBAAqB,EACrBC,oCAAoC,EACpCC,+BAA+B,EAC/BC,uCAAuC,EACvCC,iCAAiC,EACjCC,qCAAqC,QAChC,2CAA2C"}

package/lib/TeachingPopoverTitle.js

@@ -1 +1 @@
-export { TeachingPopoverTitle, renderTeachingPopoverTitle_unstable, teachingPopoverTitleClassNames, useTeachingPopoverTitleStyles_unstable, useTeachingPopoverTitle_unstable } from './components/TeachingPopoverTitle/index';
+export { TeachingPopoverTitle, renderTeachingPopoverTitle_unstable, teachingPopoverTitleClassNames, useTeachingPopoverTitleStyles_unstable, useTeachingPopoverTitle_unstable, useTeachingPopoverTitleBase_unstable } from './components/TeachingPopoverTitle/index';

package/lib/TeachingPopoverTitle.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/TeachingPopoverTitle.ts"],"sourcesContent":["export type {\n  TeachingPopoverTitleProps,\n  TeachingPopoverTitleSlots,\n  TeachingPopoverTitleState,\n} from './components/TeachingPopoverTitle/index';\nexport {\n  TeachingPopoverTitle,\n  renderTeachingPopoverTitle_unstable,\n  teachingPopoverTitleClassNames,\n  useTeachingPopoverTitleStyles_unstable,\n  useTeachingPopoverTitle_unstable,\n} from './components/TeachingPopoverTitle/index';\n"],"names":["TeachingPopoverTitle","renderTeachingPopoverTitle_unstable","teachingPopoverTitleClassNames","useTeachingPopoverTitleStyles_unstable","useTeachingPopoverTitle_unstable"],"mappings":"AAKA,SACEA,oBAAoB,EACpBC,mCAAmC,EACnCC,8BAA8B,EAC9BC,sCAAsC,EACtCC,gCAAgC,QAC3B,0CAA0C"}
+{"version":3,"sources":["../src/TeachingPopoverTitle.ts"],"sourcesContent":["export type {\n  TeachingPopoverTitleBaseProps,\n  TeachingPopoverTitleBaseState,\n  TeachingPopoverTitleProps,\n  TeachingPopoverTitleSlots,\n  TeachingPopoverTitleState,\n} from './components/TeachingPopoverTitle/index';\nexport {\n  TeachingPopoverTitle,\n  renderTeachingPopoverTitle_unstable,\n  teachingPopoverTitleClassNames,\n  useTeachingPopoverTitleStyles_unstable,\n  useTeachingPopoverTitle_unstable,\n  useTeachingPopoverTitleBase_unstable,\n} from './components/TeachingPopoverTitle/index';\n"],"names":["TeachingPopoverTitle","renderTeachingPopoverTitle_unstable","teachingPopoverTitleClassNames","useTeachingPopoverTitleStyles_unstable","useTeachingPopoverTitle_unstable","useTeachingPopoverTitleBase_unstable"],"mappings":"AAOA,SACEA,oBAAoB,EACpBC,mCAAmC,EACnCC,8BAA8B,EAC9BC,sCAAsC,EACtCC,gCAAgC,EAChCC,oCAAoC,QAC/B,0CAA0C"}

package/lib/components/TeachingPopoverBody/useTeachingPopoverBodyStyles.styles.js

@@ -60,8 +60,10 @@ export const useTeachingPopoverBodyStyles_unstable = state => {
   } = state;
   const styles = useStyles();
   const mediaStyles = useMediaStyles();
+  // eslint-disable-next-line react-hooks/immutability
   state.root.className = mergeClasses(teachingPopoverBodyClassNames.root, styles.root, state.root.className);
   if (state.media) {
+    // eslint-disable-next-line react-hooks/immutability
     state.media.className = mergeClasses(teachingPopoverBodyClassNames.media, mediaStyles.base, mediaStyles[mediaLength], state.media.className);
   }
   return state;

package/lib/components/TeachingPopoverBody/useTeachingPopoverBodyStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["__styles","mergeClasses","teachingPopoverBodyClassNames","root","media","popoverBodyDimension","useMediaStyles","base","Bw0ie65","Br312pm","nk6f5a","Ijaq50","Bq1tomu","B68tc82","Bmxbyg5","Bpg54ce","a9b677","jrapky","ha4doy","Brf1p80","mc9l5x","short","Bubjx69","Bfd67p1","medium","tall","d","p","t","useStyles","Beiy3e4","Byoj8tv","useTeachingPopoverBodyStyles_unstable","state","mediaLength","styles","mediaStyles","className"],"sources":["useTeachingPopoverBodyStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nexport const teachingPopoverBodyClassNames = {\n    root: 'fui-TeachingPopoverBody',\n    media: 'fui-TeachingPopoverBody__media'\n};\nconst popoverBodyDimension = 288;\nexport const useMediaStyles = makeStyles({\n    base: {\n        gridArea: 'media',\n        overflow: 'hidden',\n        width: 'auto',\n        marginBottom: '12px',\n        verticalAlign: 'middle',\n        justifyContent: 'center',\n        display: 'flex'\n    },\n    short: {\n        aspectRatio: popoverBodyDimension / 117,\n        '@supports not (aspect-ratio)': {\n            height: '117px'\n        }\n    },\n    medium: {\n        aspectRatio: popoverBodyDimension / 176,\n        '@supports not (aspect-ratio)': {\n            height: '176px'\n        }\n    },\n    tall: {\n        aspectRatio: 1,\n        '@supports not (aspect-ratio)': {\n            height: `${popoverBodyDimension}px`\n        }\n    }\n});\nconst useStyles = makeStyles({\n    root: {\n        display: 'flex',\n        flexDirection: 'column',\n        paddingBottom: '12px'\n    }\n});\n/** Applies style classnames to slots */ export const useTeachingPopoverBodyStyles_unstable = (state)=>{\n    'use no memo';\n    const { mediaLength } = state;\n    const styles = useStyles();\n    const mediaStyles = useMediaStyles();\n    state.root.className = mergeClasses(teachingPopoverBodyClassNames.root, styles.root, state.root.className);\n    if (state.media) {\n        state.media.className = mergeClasses(teachingPopoverBodyClassNames.media, mediaStyles.base, mediaStyles[mediaLength], state.media.className);\n    }\n    return state;\n};\n"],"mappings":"AAAA,YAAY;;AACZ,SAAAA,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD,OAAO,MAAMC,6BAA6B,GAAG;EACzCC,IAAI,EAAE,yBAAyB;EAC/BC,KAAK,EAAE;AACX,CAAC;AACD,MAAMC,oBAAoB,GAAG,GAAG;AAChC,OAAO,MAAMC,cAAc,gBAAGN,QAAA;EAAAO,IAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,KAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;EAAAC,MAAA;IAAAF,OAAA;IAAAC,OAAA;EAAA;EAAAE,IAAA;IAAAH,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAG,CAAA;IAAAC,CAAA;EAAA;IAAAA,CAAA;EAAA;EAAAC,CAAA;AAAA,CA4B7B,CAAC;AACF,MAAMC,SAAS,gBAAG7B,QAAA;EAAAG,IAAA;IAAAiB,MAAA;IAAAU,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAL,CAAA;AAAA,CAMjB,CAAC;AACF;AAAyC,OAAO,MAAMM,qCAAqC,GAAIC,KAAK,IAAG;EACnG,aAAa;;EACb,MAAM;IAAEC;EAAY,CAAC,GAAGD,KAAK;EAC7B,MAAME,MAAM,GAAGN,SAAS,CAAC,CAAC;EAC1B,MAAMO,WAAW,GAAG9B,cAAc,CAAC,CAAC;EACpC2B,KAAK,CAAC9B,IAAI,CAACkC,SAAS,GAAGpC,YAAY,CAACC,6BAA6B,CAACC,IAAI,EAAEgC,MAAM,CAAChC,IAAI,EAAE8B,KAAK,CAAC9B,IAAI,CAACkC,SAAS,CAAC;EAC1G,IAAIJ,KAAK,CAAC7B,KAAK,EAAE;IACb6B,KAAK,CAAC7B,KAAK,CAACiC,SAAS,GAAGpC,YAAY,CAACC,6BAA6B,CAACE,KAAK,EAAEgC,WAAW,CAAC7B,IAAI,EAAE6B,WAAW,CAACF,WAAW,CAAC,EAAED,KAAK,CAAC7B,KAAK,CAACiC,SAAS,CAAC;EAChJ;EACA,OAAOJ,KAAK;AAChB,CAAC","ignoreList":[]}
+{"version":3,"names":["__styles","mergeClasses","teachingPopoverBodyClassNames","root","media","popoverBodyDimension","useMediaStyles","base","Bw0ie65","Br312pm","nk6f5a","Ijaq50","Bq1tomu","B68tc82","Bmxbyg5","Bpg54ce","a9b677","jrapky","ha4doy","Brf1p80","mc9l5x","short","Bubjx69","Bfd67p1","medium","tall","d","p","t","useStyles","Beiy3e4","Byoj8tv","useTeachingPopoverBodyStyles_unstable","state","mediaLength","styles","mediaStyles","className"],"sources":["useTeachingPopoverBodyStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nexport const teachingPopoverBodyClassNames = {\n    root: 'fui-TeachingPopoverBody',\n    media: 'fui-TeachingPopoverBody__media'\n};\nconst popoverBodyDimension = 288;\nexport const useMediaStyles = makeStyles({\n    base: {\n        gridArea: 'media',\n        overflow: 'hidden',\n        width: 'auto',\n        marginBottom: '12px',\n        verticalAlign: 'middle',\n        justifyContent: 'center',\n        display: 'flex'\n    },\n    short: {\n        aspectRatio: popoverBodyDimension / 117,\n        '@supports not (aspect-ratio)': {\n            height: '117px'\n        }\n    },\n    medium: {\n        aspectRatio: popoverBodyDimension / 176,\n        '@supports not (aspect-ratio)': {\n            height: '176px'\n        }\n    },\n    tall: {\n        aspectRatio: 1,\n        '@supports not (aspect-ratio)': {\n            height: `${popoverBodyDimension}px`\n        }\n    }\n});\nconst useStyles = makeStyles({\n    root: {\n        display: 'flex',\n        flexDirection: 'column',\n        paddingBottom: '12px'\n    }\n});\n/** Applies style classnames to slots */ export const useTeachingPopoverBodyStyles_unstable = (state)=>{\n    'use no memo';\n    const { mediaLength } = state;\n    const styles = useStyles();\n    const mediaStyles = useMediaStyles();\n    // eslint-disable-next-line react-hooks/immutability\n    state.root.className = mergeClasses(teachingPopoverBodyClassNames.root, styles.root, state.root.className);\n    if (state.media) {\n        // eslint-disable-next-line react-hooks/immutability\n        state.media.className = mergeClasses(teachingPopoverBodyClassNames.media, mediaStyles.base, mediaStyles[mediaLength], state.media.className);\n    }\n    return state;\n};\n"],"mappings":"AAAA,YAAY;;AACZ,SAAAA,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD,OAAO,MAAMC,6BAA6B,GAAG;EACzCC,IAAI,EAAE,yBAAyB;EAC/BC,KAAK,EAAE;AACX,CAAC;AACD,MAAMC,oBAAoB,GAAG,GAAG;AAChC,OAAO,MAAMC,cAAc,gBAAGN,QAAA;EAAAO,IAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,KAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;EAAAC,MAAA;IAAAF,OAAA;IAAAC,OAAA;EAAA;EAAAE,IAAA;IAAAH,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAG,CAAA;IAAAC,CAAA;EAAA;IAAAA,CAAA;EAAA;EAAAC,CAAA;AAAA,CA4B7B,CAAC;AACF,MAAMC,SAAS,gBAAG7B,QAAA;EAAAG,IAAA;IAAAiB,MAAA;IAAAU,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAL,CAAA;AAAA,CAMjB,CAAC;AACF;AAAyC,OAAO,MAAMM,qCAAqC,GAAIC,KAAK,IAAG;EACnG,aAAa;;EACb,MAAM;IAAEC;EAAY,CAAC,GAAGD,KAAK;EAC7B,MAAME,MAAM,GAAGN,SAAS,CAAC,CAAC;EAC1B,MAAMO,WAAW,GAAG9B,cAAc,CAAC,CAAC;EACpC;EACA2B,KAAK,CAAC9B,IAAI,CAACkC,SAAS,GAAGpC,YAAY,CAACC,6BAA6B,CAACC,IAAI,EAAEgC,MAAM,CAAChC,IAAI,EAAE8B,KAAK,CAAC9B,IAAI,CAACkC,SAAS,CAAC;EAC1G,IAAIJ,KAAK,CAAC7B,KAAK,EAAE;IACb;IACA6B,KAAK,CAAC7B,KAAK,CAACiC,SAAS,GAAGpC,YAAY,CAACC,6BAA6B,CAACE,KAAK,EAAEgC,WAAW,CAAC7B,IAAI,EAAE6B,WAAW,CAACF,WAAW,CAAC,EAAED,KAAK,CAAC7B,KAAK,CAACiC,SAAS,CAAC;EAChJ;EACA,OAAOJ,KAAK;AAChB,CAAC","ignoreList":[]}

package/lib/components/TeachingPopoverBody/useTeachingPopoverBodyStyles.styles.raw.js

@@ -46,8 +46,10 @@ const useStyles = makeStyles({
     const { mediaLength } = state;
     const styles = useStyles();
     const mediaStyles = useMediaStyles();
+    // eslint-disable-next-line react-hooks/immutability
     state.root.className = mergeClasses(teachingPopoverBodyClassNames.root, styles.root, state.root.className);
     if (state.media) {
+        // eslint-disable-next-line react-hooks/immutability
         state.media.className = mergeClasses(teachingPopoverBodyClassNames.media, mediaStyles.base, mediaStyles[mediaLength], state.media.className);
     }
     return state;

package/lib/components/TeachingPopoverBody/useTeachingPopoverBodyStyles.styles.raw.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/TeachingPopoverBody/useTeachingPopoverBodyStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport type { TeachingPopoverBodySlots, TeachingPopoverBodyState } from './TeachingPopoverBody.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const teachingPopoverBodyClassNames: SlotClassNames<TeachingPopoverBodySlots> = {\n  root: 'fui-TeachingPopoverBody',\n  media: 'fui-TeachingPopoverBody__media',\n};\n\nconst popoverBodyDimension = 288;\n\nexport const useMediaStyles = makeStyles({\n  base: {\n    gridArea: 'media',\n    overflow: 'hidden',\n    width: 'auto',\n    marginBottom: '12px',\n    verticalAlign: 'middle',\n    justifyContent: 'center',\n    display: 'flex',\n  },\n  short: {\n    aspectRatio: popoverBodyDimension / 117,\n    '@supports not (aspect-ratio)': {\n      height: '117px',\n    },\n  },\n  medium: {\n    aspectRatio: popoverBodyDimension / 176,\n    '@supports not (aspect-ratio)': {\n      height: '176px',\n    },\n  },\n  tall: {\n    aspectRatio: 1,\n    '@supports not (aspect-ratio)': {\n      height: `${popoverBodyDimension}px`,\n    },\n  },\n});\n\nconst useStyles = makeStyles({\n  root: {\n    display: 'flex',\n    flexDirection: 'column',\n    paddingBottom: '12px',\n  },\n});\n\n/** Applies style classnames to slots */\nexport const useTeachingPopoverBodyStyles_unstable = (state: TeachingPopoverBodyState): TeachingPopoverBodyState => {\n  'use no memo';\n\n  const { mediaLength } = state;\n  const styles = useStyles();\n  const mediaStyles = useMediaStyles();\n\n  state.root.className = mergeClasses(teachingPopoverBodyClassNames.root, styles.root, state.root.className);\n\n  if (state.media) {\n    state.media.className = mergeClasses(\n      teachingPopoverBodyClassNames.media,\n      mediaStyles.base,\n      mediaStyles[mediaLength],\n      state.media.className,\n    );\n  }\n\n  return state;\n};\n"],"names":["makeStyles","mergeClasses","teachingPopoverBodyClassNames","root","media","popoverBodyDimension","useMediaStyles","base","gridArea","overflow","width","marginBottom","verticalAlign","justifyContent","display","short","aspectRatio","height","medium","tall","useStyles","flexDirection","paddingBottom","useTeachingPopoverBodyStyles_unstable","state","mediaLength","styles","mediaStyles","className"],"mappings":"AAAA;AAEA,SAASA,UAAU,EAAEC,YAAY,QAAQ,iBAAiB;AAI1D,OAAO,MAAMC,gCAA0E;IACrFC,MAAM;IACNC,OAAO;AACT,EAAE;AAEF,MAAMC,uBAAuB;AAE7B,OAAO,MAAMC,iBAAiBN,WAAW;IACvCO,MAAM;QACJC,UAAU;QACVC,UAAU;QACVC,OAAO;QACPC,cAAc;QACdC,eAAe;QACfC,gBAAgB;QAChBC,SAAS;IACX;IACAC,OAAO;QACLC,aAAaX,uBAAuB;QACpC,gCAAgC;YAC9BY,QAAQ;QACV;IACF;IACAC,QAAQ;QACNF,aAAaX,uBAAuB;QACpC,gCAAgC;YAC9BY,QAAQ;QACV;IACF;IACAE,MAAM;QACJH,aAAa;QACb,gCAAgC;YAC9BC,QAAQ,GAAGZ,qBAAqB,EAAE,CAAC;QACrC;IACF;AACF,GAAG;AAEH,MAAMe,YAAYpB,WAAW;IAC3BG,MAAM;QACJW,SAAS;QACTO,eAAe;QACfC,eAAe;IACjB;AACF;AAEA,sCAAsC,GACtC,OAAO,MAAMC,wCAAwC,CAACC;IACpD;IAEA,MAAM,EAAEC,WAAW,EAAE,GAAGD;IACxB,MAAME,SAASN;IACf,MAAMO,cAAcrB;IAEpBkB,MAAMrB,IAAI,CAACyB,SAAS,GAAG3B,aAAaC,8BAA8BC,IAAI,EAAEuB,OAAOvB,IAAI,EAAEqB,MAAMrB,IAAI,CAACyB,SAAS;IAEzG,IAAIJ,MAAMpB,KAAK,EAAE;QACfoB,MAAMpB,KAAK,CAACwB,SAAS,GAAG3B,aACtBC,8BAA8BE,KAAK,EACnCuB,YAAYpB,IAAI,EAChBoB,WAAW,CAACF,YAAY,EACxBD,MAAMpB,KAAK,CAACwB,SAAS;IAEzB;IAEA,OAAOJ;AACT,EAAE"}
+{"version":3,"sources":["../src/components/TeachingPopoverBody/useTeachingPopoverBodyStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport type { TeachingPopoverBodySlots, TeachingPopoverBodyState } from './TeachingPopoverBody.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const teachingPopoverBodyClassNames: SlotClassNames<TeachingPopoverBodySlots> = {\n  root: 'fui-TeachingPopoverBody',\n  media: 'fui-TeachingPopoverBody__media',\n};\n\nconst popoverBodyDimension = 288;\n\nexport const useMediaStyles = makeStyles({\n  base: {\n    gridArea: 'media',\n    overflow: 'hidden',\n    width: 'auto',\n    marginBottom: '12px',\n    verticalAlign: 'middle',\n    justifyContent: 'center',\n    display: 'flex',\n  },\n  short: {\n    aspectRatio: popoverBodyDimension / 117,\n    '@supports not (aspect-ratio)': {\n      height: '117px',\n    },\n  },\n  medium: {\n    aspectRatio: popoverBodyDimension / 176,\n    '@supports not (aspect-ratio)': {\n      height: '176px',\n    },\n  },\n  tall: {\n    aspectRatio: 1,\n    '@supports not (aspect-ratio)': {\n      height: `${popoverBodyDimension}px`,\n    },\n  },\n});\n\nconst useStyles = makeStyles({\n  root: {\n    display: 'flex',\n    flexDirection: 'column',\n    paddingBottom: '12px',\n  },\n});\n\n/** Applies style classnames to slots */\nexport const useTeachingPopoverBodyStyles_unstable = (state: TeachingPopoverBodyState): TeachingPopoverBodyState => {\n  'use no memo';\n\n  const { mediaLength } = state;\n  const styles = useStyles();\n  const mediaStyles = useMediaStyles();\n\n  // eslint-disable-next-line react-hooks/immutability\n  state.root.className = mergeClasses(teachingPopoverBodyClassNames.root, styles.root, state.root.className);\n\n  if (state.media) {\n    // eslint-disable-next-line react-hooks/immutability\n    state.media.className = mergeClasses(\n      teachingPopoverBodyClassNames.media,\n      mediaStyles.base,\n      mediaStyles[mediaLength],\n      state.media.className,\n    );\n  }\n\n  return state;\n};\n"],"names":["makeStyles","mergeClasses","teachingPopoverBodyClassNames","root","media","popoverBodyDimension","useMediaStyles","base","gridArea","overflow","width","marginBottom","verticalAlign","justifyContent","display","short","aspectRatio","height","medium","tall","useStyles","flexDirection","paddingBottom","useTeachingPopoverBodyStyles_unstable","state","mediaLength","styles","mediaStyles","className"],"mappings":"AAAA;AAEA,SAASA,UAAU,EAAEC,YAAY,QAAQ,iBAAiB;AAI1D,OAAO,MAAMC,gCAA0E;IACrFC,MAAM;IACNC,OAAO;AACT,EAAE;AAEF,MAAMC,uBAAuB;AAE7B,OAAO,MAAMC,iBAAiBN,WAAW;IACvCO,MAAM;QACJC,UAAU;QACVC,UAAU;QACVC,OAAO;QACPC,cAAc;QACdC,eAAe;QACfC,gBAAgB;QAChBC,SAAS;IACX;IACAC,OAAO;QACLC,aAAaX,uBAAuB;QACpC,gCAAgC;YAC9BY,QAAQ;QACV;IACF;IACAC,QAAQ;QACNF,aAAaX,uBAAuB;QACpC,gCAAgC;YAC9BY,QAAQ;QACV;IACF;IACAE,MAAM;QACJH,aAAa;QACb,gCAAgC;YAC9BC,QAAQ,GAAGZ,qBAAqB,EAAE,CAAC;QACrC;IACF;AACF,GAAG;AAEH,MAAMe,YAAYpB,WAAW;IAC3BG,MAAM;QACJW,SAAS;QACTO,eAAe;QACfC,eAAe;IACjB;AACF;AAEA,sCAAsC,GACtC,OAAO,MAAMC,wCAAwC,CAACC;IACpD;IAEA,MAAM,EAAEC,WAAW,EAAE,GAAGD;IACxB,MAAME,SAASN;IACf,MAAMO,cAAcrB;IAEpB,oDAAoD;IACpDkB,MAAMrB,IAAI,CAACyB,SAAS,GAAG3B,aAAaC,8BAA8BC,IAAI,EAAEuB,OAAOvB,IAAI,EAAEqB,MAAMrB,IAAI,CAACyB,SAAS;IAEzG,IAAIJ,MAAMpB,KAAK,EAAE;QACf,oDAAoD;QACpDoB,MAAMpB,KAAK,CAACwB,SAAS,GAAG3B,aACtBC,8BAA8BE,KAAK,EACnCuB,YAAYpB,IAAI,EAChBoB,WAAW,CAACF,YAAY,EACxBD,MAAMpB,KAAK,CAACwB,SAAS;IAEzB;IAEA,OAAOJ;AACT,EAAE"}

package/lib/components/TeachingPopoverCarousel/TeachingPopoverCarousel.types.js

@@ -1,3 +1 @@
-/**
- * Context shared between TeachingPopoverCarousel and its children components
- */ export { };
+export { };

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/TeachingPopoverCarousel/TeachingPopoverCarousel.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport { type PopoverContextValue } from '@fluentui/react-popover';\n\nimport { type CarouselContextValue } from './Carousel/CarouselContext';\nimport type { UseCarouselOptions } from './Carousel/Carousel.types';\n\nexport type TeachingPopoverCarouselSlots = {\n  /**\n   * The element wrapping carousel pages and navigation.\n   */\n  root: NonNullable<Slot<'div'>>;\n};\n\n/**\n * TeachingPopoverCarousel Props\n */\nexport type TeachingPopoverCarouselProps = ComponentProps<TeachingPopoverCarouselSlots> & UseCarouselOptions;\n\n/**\n * TeachingPopoverCarousel State and Context Hooks\n */\nexport type TeachingPopoverCarouselState = ComponentState<Required<TeachingPopoverCarouselSlots>> &\n  Partial<Pick<PopoverContextValue, 'appearance'>> &\n  CarouselContextValue;\n\n/**\n * Context shared between TeachingPopoverCarousel and its children components\n */\nexport type TeachingPopoverCarouselContextValues = {\n  carousel: CarouselContextValue;\n};\n"],"names":[],"mappings":"AAyBA;;CAEC,GACD,WAEE"}
+{"version":3,"sources":["../src/components/TeachingPopoverCarousel/TeachingPopoverCarousel.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport { type PopoverContextValue } from '@fluentui/react-popover';\n\nimport { type CarouselContextValue } from './Carousel/CarouselContext';\nimport type { UseCarouselOptions } from './Carousel/Carousel.types';\n\nexport type TeachingPopoverCarouselSlots = {\n  /**\n   * The element wrapping carousel pages and navigation.\n   */\n  root: NonNullable<Slot<'div'>>;\n};\n\n/**\n * TeachingPopoverCarousel Props\n */\nexport type TeachingPopoverCarouselProps = ComponentProps<TeachingPopoverCarouselSlots> & UseCarouselOptions;\n\n/**\n * TeachingPopoverCarousel State and Context Hooks\n */\nexport type TeachingPopoverCarouselState = ComponentState<Required<TeachingPopoverCarouselSlots>> &\n  Partial<Pick<PopoverContextValue, 'appearance'>> &\n  CarouselContextValue;\n\n/**\n * Context shared between TeachingPopoverCarousel and its children components\n */\nexport type TeachingPopoverCarouselContextValues = {\n  carousel: CarouselContextValue;\n};\n\nexport type TeachingPopoverCarouselBaseProps = TeachingPopoverCarouselProps;\n\nexport type TeachingPopoverCarouselBaseState = Omit<TeachingPopoverCarouselState, 'appearance'>;\n"],"names":[],"mappings":"AAkCA,WAAgG"}

package/lib/components/TeachingPopoverCarousel/index.js

@@ -1,5 +1,5 @@
 export { TeachingPopoverCarousel } from './TeachingPopoverCarousel';
 export { renderTeachingPopoverCarousel_unstable } from './renderTeachingPopoverCarousel';
-export { useTeachingPopoverCarousel_unstable } from './useTeachingPopoverCarousel';
+export { useTeachingPopoverCarousel_unstable, useTeachingPopoverCarouselBase_unstable } from './useTeachingPopoverCarousel';
 export { teachingPopoverCarouselClassNames, useTeachingPopoverCarouselStyles_unstable } from './useTeachingPopoverCarouselStyles.styles';
 export { useTeachingPopoverCarouselContextValues_unstable } from './useTeachingPopoverCarouselContextValues';

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/TeachingPopoverCarousel/index.ts"],"sourcesContent":["export { TeachingPopoverCarousel } from './TeachingPopoverCarousel';\nexport type {\n  TeachingPopoverCarouselContextValues,\n  TeachingPopoverCarouselProps,\n  TeachingPopoverCarouselSlots,\n  TeachingPopoverCarouselState,\n} from './TeachingPopoverCarousel.types';\nexport { renderTeachingPopoverCarousel_unstable } from './renderTeachingPopoverCarousel';\nexport { useTeachingPopoverCarousel_unstable } from './useTeachingPopoverCarousel';\nexport {\n  teachingPopoverCarouselClassNames,\n  useTeachingPopoverCarouselStyles_unstable,\n} from './useTeachingPopoverCarouselStyles.styles';\nexport { useTeachingPopoverCarouselContextValues_unstable } from './useTeachingPopoverCarouselContextValues';\n"],"names":["TeachingPopoverCarousel","renderTeachingPopoverCarousel_unstable","useTeachingPopoverCarousel_unstable","teachingPopoverCarouselClassNames","useTeachingPopoverCarouselStyles_unstable","useTeachingPopoverCarouselContextValues_unstable"],"mappings":"AAAA,SAASA,uBAAuB,QAAQ,4BAA4B;AAOpE,SAASC,sCAAsC,QAAQ,kCAAkC;AACzF,SAASC,mCAAmC,QAAQ,+BAA+B;AACnF,SACEC,iCAAiC,EACjCC,yCAAyC,QACpC,4CAA4C;AACnD,SAASC,gDAAgD,QAAQ,4CAA4C"}
+{"version":3,"sources":["../src/components/TeachingPopoverCarousel/index.ts"],"sourcesContent":["export { TeachingPopoverCarousel } from './TeachingPopoverCarousel';\nexport type {\n  TeachingPopoverCarouselBaseProps,\n  TeachingPopoverCarouselBaseState,\n  TeachingPopoverCarouselContextValues,\n  TeachingPopoverCarouselProps,\n  TeachingPopoverCarouselSlots,\n  TeachingPopoverCarouselState,\n} from './TeachingPopoverCarousel.types';\nexport { renderTeachingPopoverCarousel_unstable } from './renderTeachingPopoverCarousel';\nexport {\n  useTeachingPopoverCarousel_unstable,\n  useTeachingPopoverCarouselBase_unstable,\n} from './useTeachingPopoverCarousel';\nexport {\n  teachingPopoverCarouselClassNames,\n  useTeachingPopoverCarouselStyles_unstable,\n} from './useTeachingPopoverCarouselStyles.styles';\nexport { useTeachingPopoverCarouselContextValues_unstable } from './useTeachingPopoverCarouselContextValues';\n"],"names":["TeachingPopoverCarousel","renderTeachingPopoverCarousel_unstable","useTeachingPopoverCarousel_unstable","useTeachingPopoverCarouselBase_unstable","teachingPopoverCarouselClassNames","useTeachingPopoverCarouselStyles_unstable","useTeachingPopoverCarouselContextValues_unstable"],"mappings":"AAAA,SAASA,uBAAuB,QAAQ,4BAA4B;AASpE,SAASC,sCAAsC,QAAQ,kCAAkC;AACzF,SACEC,mCAAmC,EACnCC,uCAAuC,QAClC,+BAA+B;AACtC,SACEC,iCAAiC,EACjCC,yCAAyC,QACpC,4CAA4C;AACnD,SAASC,gDAAgD,QAAQ,4CAA4C"}

package/lib/components/TeachingPopoverCarousel/useTeachingPopoverCarousel.js

@@ -2,7 +2,12 @@
 import { getIntrinsicElementProps, slot, useEventCallback, useMergedRefs } from '@fluentui/react-utilities';
 import { usePopoverContext_unstable } from '@fluentui/react-popover';
 import { useCarousel_unstable } from './Carousel/Carousel';
-export const useTeachingPopoverCarousel_unstable = (props, ref)=>{
+/**
+ * Base hook that builds TeachingPopoverCarousel state for behavior and structure only.
+ * Does not read `appearance` from the popover context.
+ * @param props - TeachingPopoverCarousel properties
+ * @param ref - reference to root HTMLElement of TeachingPopoverCarousel
+ */ export const useTeachingPopoverCarouselBase_unstable = (props, ref)=>{
     const toggleOpen = usePopoverContext_unstable((c)=>c.toggleOpen);
     const handleFinish = useEventCallback((event, data)=>{
         var _props_onFinish;
@@ -16,9 +21,7 @@ export const useTeachingPopoverCarousel_unstable = (props, ref)=>{
         onValueChange: props.onValueChange,
         onFinish: handleFinish
     });
-    const appearance = usePopoverContext_unstable((context)=>context.appearance);
     return {
-        appearance,
         components: {
             root: 'div'
         },
@@ -31,3 +34,11 @@ export const useTeachingPopoverCarousel_unstable = (props, ref)=>{
         ...carousel
     };
 };
+export const useTeachingPopoverCarousel_unstable = (props, ref)=>{
+    const baseState = useTeachingPopoverCarouselBase_unstable(props, ref);
+    const appearance = usePopoverContext_unstable((context)=>context.appearance);
+    return {
+        ...baseState,
+        appearance
+    };
+};

package/lib/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;AAGA,SAASA,wBAAwB,EAAEC,IAAI,EAAEC,gBAAgB,EAAEC,aAAa,QAAQ,4BAA4B;AAE5G,SAASC,0BAA0B,QAAQ,0BAA0B;AACrE,SAASC,oBAAoB,QAAQ,sBAAsB;AAE3D,OAAO,MAAMC,sCAAsC,CACjDC,OACAC;IAEA,MAAMC,aAAaL,2BAA2BM,CAAAA,IAAKA,EAAED,UAAU;IAC/D,MAAME,eAAyDT,iBAAiB,CAACU,OAAOC;YACtFN;SAAAA,kBAAAA,MAAMO,QAAQ,cAAdP,sCAAAA,qBAAAA,OAAiBK,OAAOC;QACxBJ,WAAWG;IACb;IAEA,MAAM,EAAEG,QAAQ,EAAEC,WAAW,EAAE,GAAGX,qBAAqB;QACrDY,cAAcV,MAAMU,YAAY;QAChCC,cAAcX,MAAMW,YAAY;QAChCC,OAAOZ,MAAMY,KAAK;QAClBC,eAAeb,MAAMa,aAAa;QAClCN,UAAUH;IACZ;IAEA,MAAMU,aAAajB,2BAA2BkB,CAAAA,UAAWA,QAAQD,UAAU;IAC3E,OAAO;QACLA;QACAE,YAAY;YACVC,MAAM;QACR;QACAA,MAAMvB,KAAKwB,MAAM,CACfzB,yBAAyB,OAAO;YAC9BQ,KAAKL,cAAcK,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;AAGA,SAASA,wBAAwB,EAAEC,IAAI,EAAEC,gBAAgB,EAAEC,aAAa,QAAQ,4BAA4B;AAO5G,SAASC,0BAA0B,QAAQ,0BAA0B;AACrE,SAASC,oBAAoB,QAAQ,sBAAsB;AAE3D;;;;;CAKC,GACD,OAAO,MAAMC,0CAA0C,CACrDC,OACAC;IAEA,MAAMC,aAAaL,2BAA2BM,CAAAA,IAAKA,EAAED,UAAU;IAC/D,MAAME,eAAyDT,iBAAiB,CAACU,OAAOC;YACtFN;SAAAA,kBAAAA,MAAMO,QAAQ,cAAdP,sCAAAA,qBAAAA,OAAiBK,OAAOC;QACxBJ,WAAWG;IACb;IAEA,MAAM,EAAEG,QAAQ,EAAEC,WAAW,EAAE,GAAGX,qBAAqB;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,KAAKsB,MAAM,CACfvB,yBAAyB,OAAO;YAC9BQ,KAAKL,cAAcK,KAAKQ;YACxB,GAAGT,KAAK;QACV,IACA;YAAEiB,aAAa;QAAM;QAEvB,GAAGT,QAAQ;IACb;AACF,EAAE;AAEF,OAAO,MAAMU,sCAAsC,CACjDlB,OACAC;IAEA,MAAMkB,YAAYpB,wCAAwCC,OAAOC;IACjE,MAAMmB,aAAavB,2BAA2BwB,CAAAA,UAAWA,QAAQD,UAAU;IAE3E,OAAO;QACL,GAAGD,SAAS;QACZC;IACF;AACF,EAAE"}

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

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

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

@@ -1 +1 @@
-{"version":3,"names":["__styles","mergeClasses","teachingPopoverCarouselClassNames","root","useStyles","useTeachingPopoverCarouselStyles_unstable","state","styles","className"],"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"],"mappings":"AAAA,YAAY;;AACZ,SAAAA,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD,OAAO,MAAMC,iCAAiC,GAAG;EAC7CC,IAAI,EAAE;AACV,CAAC;AACD;AACA,MAAMC,SAAS,gBAAGJ,QAAA;EAAAG,IAAA;AAAA,KAEjB,CAAC;AACF;AAAyC,OAAO,MAAME,yCAAyC,GAAIC,KAAK,IAAG;EACvG,aAAa;;EACb,MAAMC,MAAM,GAAGH,SAAS,CAAC,CAAC;EAC1BE,KAAK,CAACH,IAAI,CAACK,SAAS,GAAGP,YAAY,CAACC,iCAAiC,CAACC,IAAI,EAAEI,MAAM,CAACJ,IAAI,EAAEG,KAAK,CAACH,IAAI,CAACK,SAAS,CAAC;EAC9G,OAAOF,KAAK;AAChB,CAAC","ignoreList":[]}
+{"version":3,"names":["__styles","mergeClasses","teachingPopoverCarouselClassNames","root","useStyles","useTeachingPopoverCarouselStyles_unstable","state","styles","className"],"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"],"mappings":"AAAA,YAAY;;AACZ,SAAAA,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD,OAAO,MAAMC,iCAAiC,GAAG;EAC7CC,IAAI,EAAE;AACV,CAAC;AACD;AACA,MAAMC,SAAS,gBAAGJ,QAAA;EAAAG,IAAA;AAAA,KAEjB,CAAC;AACF;AAAyC,OAAO,MAAME,yCAAyC,GAAIC,KAAK,IAAG;EACvG,aAAa;;EACb,MAAMC,MAAM,GAAGH,SAAS,CAAC,CAAC;EAC1B;EACAE,KAAK,CAACH,IAAI,CAACK,SAAS,GAAGP,YAAY,CAACC,iCAAiC,CAACC,IAAI,EAAEI,MAAM,CAACJ,IAAI,EAAEG,KAAK,CAACH,IAAI,CAACK,SAAS,CAAC;EAC9G,OAAOF,KAAK;AAChB,CAAC","ignoreList":[]}

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

@@ -10,6 +10,7 @@ const useStyles = makeStyles({
 /** Applies style classnames to slots */ export const useTeachingPopoverCarouselStyles_unstable = (state)=>{
     'use no memo';
     const styles = useStyles();
+    // eslint-disable-next-line react-hooks/immutability
     state.root.className = mergeClasses(teachingPopoverCarouselClassNames.root, styles.root, state.root.className);
     return state;
 };

package/lib/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;AAEA,SAASA,UAAU,EAAEC,YAAY,QAAQ,iBAAiB;AAI1D,OAAO,MAAMC,oCAAkF;IAC7FC,MAAM;AACR,EAAE;AAEF,uCAAuC;AACvC,MAAMC,YAAYJ,WAAW;IAC3BG,MAAM,CAAC;AACT;AAEA,sCAAsC,GACtC,OAAO,MAAME,4CAA4C,CACvDC;IAEA;IAEA,MAAMC,SAASH;IAEfE,MAAMH,IAAI,CAACK,SAAS,GAAGP,aAAaC,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;AAEA,SAASA,UAAU,EAAEC,YAAY,QAAQ,iBAAiB;AAI1D,OAAO,MAAMC,oCAAkF;IAC7FC,MAAM;AACR,EAAE;AAEF,uCAAuC;AACvC,MAAMC,YAAYJ,WAAW;IAC3BG,MAAM,CAAC;AACT;AAEA,sCAAsC,GACtC,OAAO,MAAME,4CAA4C,CACvDC;IAEA;IAEA,MAAMC,SAASH;IAEf,oDAAoD;IACpDE,MAAMH,IAAI,CAACK,SAAS,GAAGP,aAAaC,kCAAkCC,IAAI,EAAEI,OAAOJ,IAAI,EAAEG,MAAMH,IAAI,CAACK,SAAS;IAE7G,OAAOF;AACT,EAAE"}

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

@@ -12,6 +12,7 @@ export const useTeachingPopoverCarouselCardStyles_unstable = state => {
   'use no memo';
 
   const styles = useStyles();
+  // eslint-disable-next-line react-hooks/immutability
   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":["'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"],"mappings":"AAAA,YAAY;;AACZ,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":[]}
+{"version":3,"names":["__styles","mergeClasses","teachingPopoverCarouselCardClassNames","root","useStyles","useTeachingPopoverCarouselCardStyles_unstable","state","styles","className"],"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"],"mappings":"AAAA,YAAY;;AACZ,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;EAC1B;EACAE,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/TeachingPopoverCarouselCard/useTeachingPopoverCarouselCardStyles.styles.raw.js

@@ -9,6 +9,7 @@ const useStyles = makeStyles({
 /** Applies style classnames to slots */ export const useTeachingPopoverCarouselCardStyles_unstable = (state)=>{
     'use no memo';
     const styles = useStyles();
+    // eslint-disable-next-line react-hooks/immutability
     state.root.className = mergeClasses(teachingPopoverCarouselCardClassNames.root, styles.root, state.root.className);
     return state;
 };

package/lib/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;AAEA,SAASA,UAAU,EAAEC,YAAY,QAAQ,iBAAiB;AAO1D,OAAO,MAAMC,wCAA0F;IACrGC,MAAM;AACR,EAAE;AAEF,MAAMC,YAAYJ,WAAW;IAC3BG,MAAM,CAAC;AACT;AAEA,sCAAsC,GACtC,OAAO,MAAME,gDAAgD,CAC3DC;IAEA;IAEA,MAAMC,SAASH;IAEfE,MAAMH,IAAI,CAACK,SAAS,GAAGP,aAAaC,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;AAEA,SAASA,UAAU,EAAEC,YAAY,QAAQ,iBAAiB;AAO1D,OAAO,MAAMC,wCAA0F;IACrGC,MAAM;AACR,EAAE;AAEF,MAAMC,YAAYJ,WAAW;IAC3BG,MAAM,CAAC;AACT;AAEA,sCAAsC,GACtC,OAAO,MAAME,gDAAgD,CAC3DC;IAEA;IAEA,MAAMC,SAASH;IAEf,oDAAoD;IACpDE,MAAMH,IAAI,CAACK,SAAS,GAAGP,aAAaC,sCAAsCC,IAAI,EAAEI,OAAOJ,IAAI,EAAEG,MAAMH,IAAI,CAACK,SAAS;IAEjH,OAAOF;AACT,EAAE"}