@fluentui/react-teaching-popover 9.6.21 → 9.7.0

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/TeachingPopoverSurface/useTeachingPopoverSurfaceStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { TeachingPopoverSurfaceSlots, TeachingPopoverSurfaceState } from './TeachingPopoverSurface.types';\nimport { usePopoverSurfaceStyles_unstable } from '@fluentui/react-popover';\nimport { tokens } from '@fluentui/react-theme';\n\nexport const teachingPopoverSurfaceClassNames: SlotClassNames<TeachingPopoverSurfaceSlots> = {\n  root: 'fui-TeachingPopoverSurface',\n};\n\nconst useStyles = makeStyles({\n  root: {\n    padding: `${tokens.spacingVerticalL} ${tokens.spacingVerticalL}`,\n    borderRadius: tokens.borderRadiusXLarge,\n    minWidth: '320px',\n    boxSizing: 'border-box',\n  },\n});\n\n/**\n * Apply styling to the TeachingPopoverSurface slots based on the state\n */\nexport const useTeachingPopoverSurfaceStyles_unstable = (\n  state: TeachingPopoverSurfaceState,\n): TeachingPopoverSurfaceState => {\n  'use no memo';\n\n  const styles = useStyles();\n\n  // Make sure to merge teaching bubble surface prior to popover styles\n  state.root.className = mergeClasses(teachingPopoverSurfaceClassNames.root, styles.root, state.root.className);\n\n  const updatedState = usePopoverSurfaceStyles_unstable(state);\n\n  return updatedState;\n};\n"],"names":["makeStyles","mergeClasses","usePopoverSurfaceStyles_unstable","tokens","teachingPopoverSurfaceClassNames","root","useStyles","padding","spacingVerticalL","borderRadius","borderRadiusXLarge","minWidth","boxSizing","useTeachingPopoverSurfaceStyles_unstable","state","styles","className","updatedState"],"mappings":"AAAA;AAEA,SAASA,UAAU,EAAEC,YAAY,QAAQ,iBAAiB;AAG1D,SAASC,gCAAgC,QAAQ,0BAA0B;AAC3E,SAASC,MAAM,QAAQ,wBAAwB;AAE/C,OAAO,MAAMC,mCAAgF;IAC3FC,MAAM;AACR,EAAE;AAEF,MAAMC,YAAYN,WAAW;IAC3BK,MAAM;QACJE,SAAS,GAAGJ,OAAOK,gBAAgB,CAAC,CAAC,EAAEL,OAAOK,gBAAgB,EAAE;QAChEC,cAAcN,OAAOO,kBAAkB;QACvCC,UAAU;QACVC,WAAW;IACb;AACF;AAEA;;CAEC,GACD,OAAO,MAAMC,2CAA2C,CACtDC;IAEA;IAEA,MAAMC,SAAST;IAEf,qEAAqE;IACrEQ,MAAMT,IAAI,CAACW,SAAS,GAAGf,aAAaG,iCAAiCC,IAAI,EAAEU,OAAOV,IAAI,EAAES,MAAMT,IAAI,CAACW,SAAS;IAE5G,MAAMC,eAAef,iCAAiCY;IAEtD,OAAOG;AACT,EAAE"}
+{"version":3,"sources":["../src/components/TeachingPopoverSurface/useTeachingPopoverSurfaceStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { TeachingPopoverSurfaceSlots, TeachingPopoverSurfaceState } from './TeachingPopoverSurface.types';\nimport { usePopoverSurfaceStyles_unstable } from '@fluentui/react-popover';\nimport { tokens } from '@fluentui/react-theme';\n\nexport const teachingPopoverSurfaceClassNames: SlotClassNames<TeachingPopoverSurfaceSlots> = {\n  root: 'fui-TeachingPopoverSurface',\n};\n\nconst useStyles = makeStyles({\n  root: {\n    padding: `${tokens.spacingVerticalL} ${tokens.spacingVerticalL}`,\n    borderRadius: tokens.borderRadiusXLarge,\n    minWidth: '320px',\n    boxSizing: 'border-box',\n  },\n});\n\n/**\n * Apply styling to the TeachingPopoverSurface slots based on the state\n */\nexport const useTeachingPopoverSurfaceStyles_unstable = (\n  state: TeachingPopoverSurfaceState,\n): TeachingPopoverSurfaceState => {\n  'use no memo';\n\n  const styles = useStyles();\n\n  // Make sure to merge teaching bubble surface prior to popover styles\n  // eslint-disable-next-line react-hooks/immutability\n  state.root.className = mergeClasses(teachingPopoverSurfaceClassNames.root, styles.root, state.root.className);\n\n  const updatedState = usePopoverSurfaceStyles_unstable(state);\n\n  return updatedState;\n};\n"],"names":["makeStyles","mergeClasses","usePopoverSurfaceStyles_unstable","tokens","teachingPopoverSurfaceClassNames","root","useStyles","padding","spacingVerticalL","borderRadius","borderRadiusXLarge","minWidth","boxSizing","useTeachingPopoverSurfaceStyles_unstable","state","styles","className","updatedState"],"mappings":"AAAA;AAEA,SAASA,UAAU,EAAEC,YAAY,QAAQ,iBAAiB;AAG1D,SAASC,gCAAgC,QAAQ,0BAA0B;AAC3E,SAASC,MAAM,QAAQ,wBAAwB;AAE/C,OAAO,MAAMC,mCAAgF;IAC3FC,MAAM;AACR,EAAE;AAEF,MAAMC,YAAYN,WAAW;IAC3BK,MAAM;QACJE,SAAS,GAAGJ,OAAOK,gBAAgB,CAAC,CAAC,EAAEL,OAAOK,gBAAgB,EAAE;QAChEC,cAAcN,OAAOO,kBAAkB;QACvCC,UAAU;QACVC,WAAW;IACb;AACF;AAEA;;CAEC,GACD,OAAO,MAAMC,2CAA2C,CACtDC;IAEA;IAEA,MAAMC,SAAST;IAEf,qEAAqE;IACrE,oDAAoD;IACpDQ,MAAMT,IAAI,CAACW,SAAS,GAAGf,aAAaG,iCAAiCC,IAAI,EAAEU,OAAOV,IAAI,EAAES,MAAMT,IAAI,CAACW,SAAS;IAE5G,MAAMC,eAAef,iCAAiCY;IAEtD,OAAOG;AACT,EAAE"}

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/TeachingPopoverTitle/TeachingPopoverTitle.types.ts"],"sourcesContent":["import type { PopoverContextValue } from '@fluentui/react-popover';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type TeachingPopoverTitleSlots = {\n  /**\n   * Title for teaching bubble\n   */\n  root: Slot<'h2', 'h1' | 'h3' | 'h4' | 'h5' | 'h6' | 'div'>;\n  /**\n   * An alternate close button path if not placed in the TeachingPopoverHeader\n   */\n  dismissButton?: Slot<'button'>;\n};\n\n/**\n * TeachingPopoverTitle Props\n */\nexport type TeachingPopoverTitleProps = ComponentProps<TeachingPopoverTitleSlots>;\n\n/**\n * State used in rendering TeachingPopoverTitle\n */\nexport type TeachingPopoverTitleState = ComponentState<TeachingPopoverTitleSlots> &\n  Pick<PopoverContextValue, 'appearance'>;\n"],"names":[],"mappings":"AAmBA;;CAEC,GACD,WAC0C"}
+{"version":3,"sources":["../src/components/TeachingPopoverTitle/TeachingPopoverTitle.types.ts"],"sourcesContent":["import type { PopoverContextValue } from '@fluentui/react-popover';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type TeachingPopoverTitleSlots = {\n  /**\n   * Title for teaching bubble\n   */\n  root: Slot<'h2', 'h1' | 'h3' | 'h4' | 'h5' | 'h6' | 'div'>;\n  /**\n   * An alternate close button path if not placed in the TeachingPopoverHeader\n   */\n  dismissButton?: Slot<'button'>;\n};\n\n/**\n * TeachingPopoverTitle Props\n */\nexport type TeachingPopoverTitleProps = ComponentProps<TeachingPopoverTitleSlots>;\n\n/**\n * State used in rendering TeachingPopoverTitle\n */\nexport type TeachingPopoverTitleState = ComponentState<TeachingPopoverTitleSlots> &\n  Pick<PopoverContextValue, 'appearance'>;\n\nexport type TeachingPopoverTitleBaseProps = TeachingPopoverTitleProps;\n\nexport type TeachingPopoverTitleBaseState = Omit<TeachingPopoverTitleState, 'appearance'>;\n"],"names":[],"mappings":"AA2BA,WAA0F"}

package/lib/components/TeachingPopoverTitle/index.js

@@ -1,4 +1,4 @@
 export { TeachingPopoverTitle } from './TeachingPopoverTitle';
 export { renderTeachingPopoverTitle_unstable } from './renderTeachingPopoverTitle';
-export { useTeachingPopoverTitle_unstable } from './useTeachingPopoverTitle';
+export { useTeachingPopoverTitle_unstable, useTeachingPopoverTitleBase_unstable } from './useTeachingPopoverTitle';
 export { teachingPopoverTitleClassNames, useTeachingPopoverTitleStyles_unstable } from './useTeachingPopoverTitleStyles.styles';

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/TeachingPopoverTitle/index.ts"],"sourcesContent":["export { TeachingPopoverTitle } from './TeachingPopoverTitle';\nexport type {\n  TeachingPopoverTitleProps,\n  TeachingPopoverTitleSlots,\n  TeachingPopoverTitleState,\n} from './TeachingPopoverTitle.types';\nexport { renderTeachingPopoverTitle_unstable } from './renderTeachingPopoverTitle';\nexport { useTeachingPopoverTitle_unstable } from './useTeachingPopoverTitle';\nexport {\n  teachingPopoverTitleClassNames,\n  useTeachingPopoverTitleStyles_unstable,\n} from './useTeachingPopoverTitleStyles.styles';\n"],"names":["TeachingPopoverTitle","renderTeachingPopoverTitle_unstable","useTeachingPopoverTitle_unstable","teachingPopoverTitleClassNames","useTeachingPopoverTitleStyles_unstable"],"mappings":"AAAA,SAASA,oBAAoB,QAAQ,yBAAyB;AAM9D,SAASC,mCAAmC,QAAQ,+BAA+B;AACnF,SAASC,gCAAgC,QAAQ,4BAA4B;AAC7E,SACEC,8BAA8B,EAC9BC,sCAAsC,QACjC,yCAAyC"}
+{"version":3,"sources":["../src/components/TeachingPopoverTitle/index.ts"],"sourcesContent":["export { TeachingPopoverTitle } from './TeachingPopoverTitle';\nexport type {\n  TeachingPopoverTitleBaseProps,\n  TeachingPopoverTitleBaseState,\n  TeachingPopoverTitleProps,\n  TeachingPopoverTitleSlots,\n  TeachingPopoverTitleState,\n} from './TeachingPopoverTitle.types';\nexport { renderTeachingPopoverTitle_unstable } from './renderTeachingPopoverTitle';\nexport { useTeachingPopoverTitle_unstable, useTeachingPopoverTitleBase_unstable } from './useTeachingPopoverTitle';\nexport {\n  teachingPopoverTitleClassNames,\n  useTeachingPopoverTitleStyles_unstable,\n} from './useTeachingPopoverTitleStyles.styles';\n"],"names":["TeachingPopoverTitle","renderTeachingPopoverTitle_unstable","useTeachingPopoverTitle_unstable","useTeachingPopoverTitleBase_unstable","teachingPopoverTitleClassNames","useTeachingPopoverTitleStyles_unstable"],"mappings":"AAAA,SAASA,oBAAoB,QAAQ,yBAAyB;AAQ9D,SAASC,mCAAmC,QAAQ,+BAA+B;AACnF,SAASC,gCAAgC,EAAEC,oCAAoC,QAAQ,4BAA4B;AACnH,SACEC,8BAA8B,EAC9BC,sCAAsC,QACjC,yCAAyC"}

package/lib/components/TeachingPopoverTitle/useTeachingPopoverTitle.js

@@ -5,14 +5,14 @@ import { DismissFilled, DismissRegular, bundleIcon } from '@fluentui/react-icons
 import { usePopoverContext_unstable } from '@fluentui/react-popover';
 const DismissIcon = bundleIcon(DismissFilled, DismissRegular);
 /**
- * Returns the props and state required to render the component
+ * 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 const useTeachingPopoverTitle_unstable = (props, ref)=>{
+ */ export const useTeachingPopoverTitleBase_unstable = (props, ref)=>{
     const { dismissButton } = props;
     const setOpen = usePopoverContext_unstable((context)=>context.setOpen);
     const triggerRef = usePopoverContext_unstable((context)=>context.triggerRef);
-    const appearance = usePopoverContext_unstable((context)=>context.appearance);
     const onDismissButtonClick = useEventCallback((ev)=>{
         if (!ev.defaultPrevented) {
             setOpen(ev, false);
@@ -22,7 +22,6 @@ const DismissIcon = bundleIcon(DismissFilled, DismissRegular);
         }
     });
     return {
-        appearance,
         components: {
             root: 'h2',
             dismissButton: 'button'
@@ -36,7 +35,6 @@ const DismissIcon = bundleIcon(DismissFilled, DismissRegular);
         dismissButton: slot.optional(dismissButton, {
             renderByDefault: false,
             defaultProps: {
-                children: /*#__PURE__*/ React.createElement(DismissIcon, null),
                 onClick: onDismissButtonClick,
                 'aria-label': 'dismiss',
                 'aria-hidden': true
@@ -45,3 +43,20 @@ const DismissIcon = bundleIcon(DismissFilled, DismissRegular);
         })
     };
 };
+/**
+ * Returns the props and state required to render the component
+ * @param props - TeachingPopoverTitle properties
+ * @param ref - reference to root HTMLElement of TeachingPopoverTitle
+ */ export const useTeachingPopoverTitle_unstable = (props, ref)=>{
+    const baseState = useTeachingPopoverTitleBase_unstable(props, ref);
+    const appearance = usePopoverContext_unstable((context)=>context.appearance);
+    const dismissButton = baseState.dismissButton && baseState.dismissButton.children === undefined ? {
+        ...baseState.dismissButton,
+        children: /*#__PURE__*/ React.createElement(DismissIcon, null)
+    } : baseState.dismissButton;
+    return {
+        ...baseState,
+        appearance,
+        dismissButton
+    };
+};

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/TeachingPopoverTitle/useTeachingPopoverTitle.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { getIntrinsicElementProps, useEventCallback, slot } from '@fluentui/react-utilities';\nimport type { TeachingPopoverTitleProps, TeachingPopoverTitleState } from './TeachingPopoverTitle.types';\nimport { DismissFilled, DismissRegular, bundleIcon } from '@fluentui/react-icons';\nimport { usePopoverContext_unstable } from '@fluentui/react-popover';\n\nconst DismissIcon = bundleIcon(DismissFilled, DismissRegular);\n/**\n * Returns the props and state required to render the component\n * @param props - TeachingPopoverTitle properties\n * @param ref - reference to root HTMLElement of TeachingPopoverTitle\n */\nexport const useTeachingPopoverTitle_unstable = (\n  props: TeachingPopoverTitleProps,\n  ref: React.Ref<HTMLDivElement>,\n): TeachingPopoverTitleState => {\n  const { dismissButton } = props;\n\n  const setOpen = usePopoverContext_unstable(context => context.setOpen);\n  const triggerRef = usePopoverContext_unstable(context => context.triggerRef);\n  const appearance = usePopoverContext_unstable(context => context.appearance);\n\n  const onDismissButtonClick = useEventCallback((ev: React.MouseEvent<HTMLButtonElement>) => {\n    if (!ev.defaultPrevented) {\n      setOpen(ev, false);\n    }\n\n    if (triggerRef.current) {\n      triggerRef.current.focus();\n    }\n  });\n\n  return {\n    appearance,\n    components: {\n      root: 'h2',\n      dismissButton: 'button',\n    },\n    root: slot.always(\n      getIntrinsicElementProps('h2', {\n        ref,\n        ...props,\n      }),\n      { elementType: 'h2' },\n    ),\n    dismissButton: slot.optional(dismissButton, {\n      renderByDefault: false,\n      defaultProps: {\n        children: <DismissIcon />,\n        onClick: onDismissButtonClick,\n        'aria-label': 'dismiss',\n        'aria-hidden': true,\n      },\n      elementType: 'button',\n    }),\n  };\n};\n"],"names":["React","getIntrinsicElementProps","useEventCallback","slot","DismissFilled","DismissRegular","bundleIcon","usePopoverContext_unstable","DismissIcon","useTeachingPopoverTitle_unstable","props","ref","dismissButton","setOpen","context","triggerRef","appearance","onDismissButtonClick","ev","defaultPrevented","current","focus","components","root","always","elementType","optional","renderByDefault","defaultProps","children","onClick"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,wBAAwB,EAAEC,gBAAgB,EAAEC,IAAI,QAAQ,4BAA4B;AAE7F,SAASC,aAAa,EAAEC,cAAc,EAAEC,UAAU,QAAQ,wBAAwB;AAClF,SAASC,0BAA0B,QAAQ,0BAA0B;AAErE,MAAMC,cAAcF,WAAWF,eAAeC;AAC9C;;;;CAIC,GACD,OAAO,MAAMI,mCAAmC,CAC9CC,OACAC;IAEA,MAAM,EAAEC,aAAa,EAAE,GAAGF;IAE1B,MAAMG,UAAUN,2BAA2BO,CAAAA,UAAWA,QAAQD,OAAO;IACrE,MAAME,aAAaR,2BAA2BO,CAAAA,UAAWA,QAAQC,UAAU;IAC3E,MAAMC,aAAaT,2BAA2BO,CAAAA,UAAWA,QAAQE,UAAU;IAE3E,MAAMC,uBAAuBf,iBAAiB,CAACgB;QAC7C,IAAI,CAACA,GAAGC,gBAAgB,EAAE;YACxBN,QAAQK,IAAI;QACd;QAEA,IAAIH,WAAWK,OAAO,EAAE;YACtBL,WAAWK,OAAO,CAACC,KAAK;QAC1B;IACF;IAEA,OAAO;QACLL;QACAM,YAAY;YACVC,MAAM;YACNX,eAAe;QACjB;QACAW,MAAMpB,KAAKqB,MAAM,CACfvB,yBAAyB,MAAM;YAC7BU;YACA,GAAGD,KAAK;QACV,IACA;YAAEe,aAAa;QAAK;QAEtBb,eAAeT,KAAKuB,QAAQ,CAACd,eAAe;YAC1Ce,iBAAiB;YACjBC,cAAc;gBACZC,wBAAU,oBAACrB;gBACXsB,SAASb;gBACT,cAAc;gBACd,eAAe;YACjB;YACAQ,aAAa;QACf;IACF;AACF,EAAE"}
+{"version":3,"sources":["../src/components/TeachingPopoverTitle/useTeachingPopoverTitle.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { getIntrinsicElementProps, useEventCallback, slot } from '@fluentui/react-utilities';\nimport type {\n  TeachingPopoverTitleBaseProps,\n  TeachingPopoverTitleBaseState,\n  TeachingPopoverTitleProps,\n  TeachingPopoverTitleState,\n} from './TeachingPopoverTitle.types';\nimport { DismissFilled, DismissRegular, bundleIcon } from '@fluentui/react-icons';\nimport { usePopoverContext_unstable } from '@fluentui/react-popover';\n\nconst DismissIcon = bundleIcon(DismissFilled, DismissRegular);\n\n/**\n * Base hook that builds TeachingPopoverTitle state for behavior and structure only.\n * Does not bundle/render the dismiss icon and does not read `appearance` from popover context.\n * @param props - TeachingPopoverTitle properties\n * @param ref - reference to root HTMLElement of TeachingPopoverTitle\n */\nexport const useTeachingPopoverTitleBase_unstable = (\n  props: TeachingPopoverTitleBaseProps,\n  ref: React.Ref<HTMLDivElement>,\n): TeachingPopoverTitleBaseState => {\n  const { dismissButton } = props;\n\n  const setOpen = usePopoverContext_unstable(context => context.setOpen);\n  const triggerRef = usePopoverContext_unstable(context => context.triggerRef);\n\n  const onDismissButtonClick = useEventCallback((ev: React.MouseEvent<HTMLButtonElement>) => {\n    if (!ev.defaultPrevented) {\n      setOpen(ev, false);\n    }\n\n    if (triggerRef.current) {\n      triggerRef.current.focus();\n    }\n  });\n\n  return {\n    components: {\n      root: 'h2',\n      dismissButton: 'button',\n    },\n    root: slot.always(\n      getIntrinsicElementProps('h2', {\n        ref,\n        ...props,\n      }),\n      { elementType: 'h2' },\n    ),\n    dismissButton: slot.optional(dismissButton, {\n      renderByDefault: false,\n      defaultProps: {\n        onClick: onDismissButtonClick,\n        'aria-label': 'dismiss',\n        'aria-hidden': true,\n      },\n      elementType: 'button',\n    }),\n  };\n};\n\n/**\n * Returns the props and state required to render the component\n * @param props - TeachingPopoverTitle properties\n * @param ref - reference to root HTMLElement of TeachingPopoverTitle\n */\nexport const useTeachingPopoverTitle_unstable = (\n  props: TeachingPopoverTitleProps,\n  ref: React.Ref<HTMLDivElement>,\n): TeachingPopoverTitleState => {\n  const baseState = useTeachingPopoverTitleBase_unstable(props, ref);\n  const appearance = usePopoverContext_unstable(context => context.appearance);\n\n  const dismissButton =\n    baseState.dismissButton && baseState.dismissButton.children === undefined\n      ? { ...baseState.dismissButton, children: <DismissIcon /> }\n      : baseState.dismissButton;\n\n  return {\n    ...baseState,\n    appearance,\n    dismissButton,\n  };\n};\n"],"names":["React","getIntrinsicElementProps","useEventCallback","slot","DismissFilled","DismissRegular","bundleIcon","usePopoverContext_unstable","DismissIcon","useTeachingPopoverTitleBase_unstable","props","ref","dismissButton","setOpen","context","triggerRef","onDismissButtonClick","ev","defaultPrevented","current","focus","components","root","always","elementType","optional","renderByDefault","defaultProps","onClick","useTeachingPopoverTitle_unstable","baseState","appearance","children","undefined"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,wBAAwB,EAAEC,gBAAgB,EAAEC,IAAI,QAAQ,4BAA4B;AAO7F,SAASC,aAAa,EAAEC,cAAc,EAAEC,UAAU,QAAQ,wBAAwB;AAClF,SAASC,0BAA0B,QAAQ,0BAA0B;AAErE,MAAMC,cAAcF,WAAWF,eAAeC;AAE9C;;;;;CAKC,GACD,OAAO,MAAMI,uCAAuC,CAClDC,OACAC;IAEA,MAAM,EAAEC,aAAa,EAAE,GAAGF;IAE1B,MAAMG,UAAUN,2BAA2BO,CAAAA,UAAWA,QAAQD,OAAO;IACrE,MAAME,aAAaR,2BAA2BO,CAAAA,UAAWA,QAAQC,UAAU;IAE3E,MAAMC,uBAAuBd,iBAAiB,CAACe;QAC7C,IAAI,CAACA,GAAGC,gBAAgB,EAAE;YACxBL,QAAQI,IAAI;QACd;QAEA,IAAIF,WAAWI,OAAO,EAAE;YACtBJ,WAAWI,OAAO,CAACC,KAAK;QAC1B;IACF;IAEA,OAAO;QACLC,YAAY;YACVC,MAAM;YACNV,eAAe;QACjB;QACAU,MAAMnB,KAAKoB,MAAM,CACftB,yBAAyB,MAAM;YAC7BU;YACA,GAAGD,KAAK;QACV,IACA;YAAEc,aAAa;QAAK;QAEtBZ,eAAeT,KAAKsB,QAAQ,CAACb,eAAe;YAC1Cc,iBAAiB;YACjBC,cAAc;gBACZC,SAASZ;gBACT,cAAc;gBACd,eAAe;YACjB;YACAQ,aAAa;QACf;IACF;AACF,EAAE;AAEF;;;;CAIC,GACD,OAAO,MAAMK,mCAAmC,CAC9CnB,OACAC;IAEA,MAAMmB,YAAYrB,qCAAqCC,OAAOC;IAC9D,MAAMoB,aAAaxB,2BAA2BO,CAAAA,UAAWA,QAAQiB,UAAU;IAE3E,MAAMnB,gBACJkB,UAAUlB,aAAa,IAAIkB,UAAUlB,aAAa,CAACoB,QAAQ,KAAKC,YAC5D;QAAE,GAAGH,UAAUlB,aAAa;QAAEoB,wBAAU,oBAACxB;IAAe,IACxDsB,UAAUlB,aAAa;IAE7B,OAAO;QACL,GAAGkB,SAAS;QACZC;QACAnB;IACF;AACF,EAAE"}

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

@@ -88,8 +88,10 @@ export const useTeachingPopoverTitleStyles_unstable = state => {
   const {
     appearance
   } = state;
+  // eslint-disable-next-line react-hooks/immutability
   state.root.className = mergeClasses(teachingPopoverTitleClassNames.root, styles.root, appearance === 'brand' && styles.rootBrand, state.root.className);
   if (state.dismissButton) {
+    // eslint-disable-next-line react-hooks/immutability
     state.dismissButton.className = mergeClasses(teachingPopoverTitleClassNames.dismissButton, styles.dismissButton, appearance === 'brand' ? styles.dismissBrand : undefined, state.dismissButton.className);
   }
   return state;

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

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

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

@@ -49,8 +49,10 @@ const useStyles = makeStyles({
     'use no memo';
     const styles = useStyles();
     const { appearance } = state;
+    // eslint-disable-next-line react-hooks/immutability
     state.root.className = mergeClasses(teachingPopoverTitleClassNames.root, styles.root, appearance === 'brand' && styles.rootBrand, state.root.className);
     if (state.dismissButton) {
+        // eslint-disable-next-line react-hooks/immutability
         state.dismissButton.className = mergeClasses(teachingPopoverTitleClassNames.dismissButton, styles.dismissButton, appearance === 'brand' ? styles.dismissBrand : undefined, state.dismissButton.className);
     }
     return state;

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/TeachingPopoverTitle/useTeachingPopoverTitleStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport type { TeachingPopoverTitleSlots, TeachingPopoverTitleState } from './TeachingPopoverTitle.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\n\nexport const teachingPopoverTitleClassNames: SlotClassNames<TeachingPopoverTitleSlots> = {\n  root: 'fui-TeachingPopoverTitle',\n  dismissButton: 'fui-TeachingPopoverTitle__dismissButton',\n};\n\nconst useStyles = makeStyles({\n  root: {\n    display: 'flex',\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n    fontSize: tokens.fontSizeBase400,\n    fontWeight: tokens.fontWeightSemibold,\n    color: tokens.colorNeutralForeground1,\n    lineHeight: tokens.lineHeightBase400,\n    paddingBottom: tokens.spacingVerticalS,\n    marginTop: tokens.spacingHorizontalNone,\n    marginBottom: tokens.spacingHorizontalNone,\n  },\n  rootBrand: {\n    color: tokens.colorNeutralForegroundOnBrand,\n  },\n  dismissButton: {\n    position: 'relative',\n    border: `${tokens.strokeWidthThin} solid ${tokens.colorTransparentStroke}`,\n    display: 'flex',\n    alignItems: 'center',\n    cursor: 'pointer',\n    ...typographyStyles.body1,\n    backgroundColor: tokens.colorTransparentBackground,\n    boxSizing: 'border-box',\n    borderTopRightRadius: tokens.borderRadiusNone,\n    borderBottomRightRadius: tokens.borderRadiusNone,\n    borderRightStyle: 'none',\n    ...createCustomFocusIndicatorStyle({\n      outline: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`,\n      borderRadius: tokens.borderRadiusMedium,\n      ...shorthands.borderColor('transparent'),\n    }),\n    marginInlineStart: 'auto',\n  },\n  dismissBrand: {\n    color: tokens.colorNeutralForegroundOnBrand,\n  },\n});\n\n/** Applies style classnames to slots */\nexport const useTeachingPopoverTitleStyles_unstable = (state: TeachingPopoverTitleState): TeachingPopoverTitleState => {\n  'use no memo';\n\n  const styles = useStyles();\n  const { appearance } = state;\n\n  state.root.className = mergeClasses(\n    teachingPopoverTitleClassNames.root,\n    styles.root,\n    appearance === 'brand' && styles.rootBrand,\n    state.root.className,\n  );\n\n  if (state.dismissButton) {\n    state.dismissButton.className = mergeClasses(\n      teachingPopoverTitleClassNames.dismissButton,\n      styles.dismissButton,\n      appearance === 'brand' ? styles.dismissBrand : undefined,\n      state.dismissButton.className,\n    );\n  }\n\n  return state;\n};\n"],"names":["makeStyles","mergeClasses","shorthands","createCustomFocusIndicatorStyle","tokens","typographyStyles","teachingPopoverTitleClassNames","root","dismissButton","useStyles","display","flexDirection","justifyContent","fontSize","fontSizeBase400","fontWeight","fontWeightSemibold","color","colorNeutralForeground1","lineHeight","lineHeightBase400","paddingBottom","spacingVerticalS","marginTop","spacingHorizontalNone","marginBottom","rootBrand","colorNeutralForegroundOnBrand","position","border","strokeWidthThin","colorTransparentStroke","alignItems","cursor","body1","backgroundColor","colorTransparentBackground","boxSizing","borderTopRightRadius","borderRadiusNone","borderBottomRightRadius","borderRightStyle","outline","strokeWidthThick","colorStrokeFocus2","borderRadius","borderRadiusMedium","borderColor","marginInlineStart","dismissBrand","useTeachingPopoverTitleStyles_unstable","state","styles","appearance","className","undefined"],"mappings":"AAAA;AAEA,SAASA,UAAU,EAAEC,YAAY,EAAEC,UAAU,QAAQ,iBAAiB;AAGtE,SAASC,+BAA+B,QAAQ,0BAA0B;AAC1E,SAASC,MAAM,EAAEC,gBAAgB,QAAQ,wBAAwB;AAEjE,OAAO,MAAMC,iCAA4E;IACvFC,MAAM;IACNC,eAAe;AACjB,EAAE;AAEF,MAAMC,YAAYT,WAAW;IAC3BO,MAAM;QACJG,SAAS;QACTC,eAAe;QACfC,gBAAgB;QAChBC,UAAUT,OAAOU,eAAe;QAChCC,YAAYX,OAAOY,kBAAkB;QACrCC,OAAOb,OAAOc,uBAAuB;QACrCC,YAAYf,OAAOgB,iBAAiB;QACpCC,eAAejB,OAAOkB,gBAAgB;QACtCC,WAAWnB,OAAOoB,qBAAqB;QACvCC,cAAcrB,OAAOoB,qBAAqB;IAC5C;IACAE,WAAW;QACTT,OAAOb,OAAOuB,6BAA6B;IAC7C;IACAnB,eAAe;QACboB,UAAU;QACVC,QAAQ,GAAGzB,OAAO0B,eAAe,CAAC,OAAO,EAAE1B,OAAO2B,sBAAsB,EAAE;QAC1ErB,SAAS;QACTsB,YAAY;QACZC,QAAQ;QACR,GAAG5B,iBAAiB6B,KAAK;QACzBC,iBAAiB/B,OAAOgC,0BAA0B;QAClDC,WAAW;QACXC,sBAAsBlC,OAAOmC,gBAAgB;QAC7CC,yBAAyBpC,OAAOmC,gBAAgB;QAChDE,kBAAkB;QAClB,GAAGtC,gCAAgC;YACjCuC,SAAS,GAAGtC,OAAOuC,gBAAgB,CAAC,OAAO,EAAEvC,OAAOwC,iBAAiB,EAAE;YACvEC,cAAczC,OAAO0C,kBAAkB;YACvC,GAAG5C,WAAW6C,WAAW,CAAC,cAAc;QAC1C,EAAE;QACFC,mBAAmB;IACrB;IACAC,cAAc;QACZhC,OAAOb,OAAOuB,6BAA6B;IAC7C;AACF;AAEA,sCAAsC,GACtC,OAAO,MAAMuB,yCAAyC,CAACC;IACrD;IAEA,MAAMC,SAAS3C;IACf,MAAM,EAAE4C,UAAU,EAAE,GAAGF;IAEvBA,MAAM5C,IAAI,CAAC+C,SAAS,GAAGrD,aACrBK,+BAA+BC,IAAI,EACnC6C,OAAO7C,IAAI,EACX8C,eAAe,WAAWD,OAAO1B,SAAS,EAC1CyB,MAAM5C,IAAI,CAAC+C,SAAS;IAGtB,IAAIH,MAAM3C,aAAa,EAAE;QACvB2C,MAAM3C,aAAa,CAAC8C,SAAS,GAAGrD,aAC9BK,+BAA+BE,aAAa,EAC5C4C,OAAO5C,aAAa,EACpB6C,eAAe,UAAUD,OAAOH,YAAY,GAAGM,WAC/CJ,MAAM3C,aAAa,CAAC8C,SAAS;IAEjC;IAEA,OAAOH;AACT,EAAE"}
+{"version":3,"sources":["../src/components/TeachingPopoverTitle/useTeachingPopoverTitleStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport type { TeachingPopoverTitleSlots, TeachingPopoverTitleState } from './TeachingPopoverTitle.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\n\nexport const teachingPopoverTitleClassNames: SlotClassNames<TeachingPopoverTitleSlots> = {\n  root: 'fui-TeachingPopoverTitle',\n  dismissButton: 'fui-TeachingPopoverTitle__dismissButton',\n};\n\nconst useStyles = makeStyles({\n  root: {\n    display: 'flex',\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n    fontSize: tokens.fontSizeBase400,\n    fontWeight: tokens.fontWeightSemibold,\n    color: tokens.colorNeutralForeground1,\n    lineHeight: tokens.lineHeightBase400,\n    paddingBottom: tokens.spacingVerticalS,\n    marginTop: tokens.spacingHorizontalNone,\n    marginBottom: tokens.spacingHorizontalNone,\n  },\n  rootBrand: {\n    color: tokens.colorNeutralForegroundOnBrand,\n  },\n  dismissButton: {\n    position: 'relative',\n    border: `${tokens.strokeWidthThin} solid ${tokens.colorTransparentStroke}`,\n    display: 'flex',\n    alignItems: 'center',\n    cursor: 'pointer',\n    ...typographyStyles.body1,\n    backgroundColor: tokens.colorTransparentBackground,\n    boxSizing: 'border-box',\n    borderTopRightRadius: tokens.borderRadiusNone,\n    borderBottomRightRadius: tokens.borderRadiusNone,\n    borderRightStyle: 'none',\n    ...createCustomFocusIndicatorStyle({\n      outline: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`,\n      borderRadius: tokens.borderRadiusMedium,\n      ...shorthands.borderColor('transparent'),\n    }),\n    marginInlineStart: 'auto',\n  },\n  dismissBrand: {\n    color: tokens.colorNeutralForegroundOnBrand,\n  },\n});\n\n/** Applies style classnames to slots */\nexport const useTeachingPopoverTitleStyles_unstable = (state: TeachingPopoverTitleState): TeachingPopoverTitleState => {\n  'use no memo';\n\n  const styles = useStyles();\n  const { appearance } = state;\n\n  // eslint-disable-next-line react-hooks/immutability\n  state.root.className = mergeClasses(\n    teachingPopoverTitleClassNames.root,\n    styles.root,\n    appearance === 'brand' && styles.rootBrand,\n    state.root.className,\n  );\n\n  if (state.dismissButton) {\n    // eslint-disable-next-line react-hooks/immutability\n    state.dismissButton.className = mergeClasses(\n      teachingPopoverTitleClassNames.dismissButton,\n      styles.dismissButton,\n      appearance === 'brand' ? styles.dismissBrand : undefined,\n      state.dismissButton.className,\n    );\n  }\n\n  return state;\n};\n"],"names":["makeStyles","mergeClasses","shorthands","createCustomFocusIndicatorStyle","tokens","typographyStyles","teachingPopoverTitleClassNames","root","dismissButton","useStyles","display","flexDirection","justifyContent","fontSize","fontSizeBase400","fontWeight","fontWeightSemibold","color","colorNeutralForeground1","lineHeight","lineHeightBase400","paddingBottom","spacingVerticalS","marginTop","spacingHorizontalNone","marginBottom","rootBrand","colorNeutralForegroundOnBrand","position","border","strokeWidthThin","colorTransparentStroke","alignItems","cursor","body1","backgroundColor","colorTransparentBackground","boxSizing","borderTopRightRadius","borderRadiusNone","borderBottomRightRadius","borderRightStyle","outline","strokeWidthThick","colorStrokeFocus2","borderRadius","borderRadiusMedium","borderColor","marginInlineStart","dismissBrand","useTeachingPopoverTitleStyles_unstable","state","styles","appearance","className","undefined"],"mappings":"AAAA;AAEA,SAASA,UAAU,EAAEC,YAAY,EAAEC,UAAU,QAAQ,iBAAiB;AAGtE,SAASC,+BAA+B,QAAQ,0BAA0B;AAC1E,SAASC,MAAM,EAAEC,gBAAgB,QAAQ,wBAAwB;AAEjE,OAAO,MAAMC,iCAA4E;IACvFC,MAAM;IACNC,eAAe;AACjB,EAAE;AAEF,MAAMC,YAAYT,WAAW;IAC3BO,MAAM;QACJG,SAAS;QACTC,eAAe;QACfC,gBAAgB;QAChBC,UAAUT,OAAOU,eAAe;QAChCC,YAAYX,OAAOY,kBAAkB;QACrCC,OAAOb,OAAOc,uBAAuB;QACrCC,YAAYf,OAAOgB,iBAAiB;QACpCC,eAAejB,OAAOkB,gBAAgB;QACtCC,WAAWnB,OAAOoB,qBAAqB;QACvCC,cAAcrB,OAAOoB,qBAAqB;IAC5C;IACAE,WAAW;QACTT,OAAOb,OAAOuB,6BAA6B;IAC7C;IACAnB,eAAe;QACboB,UAAU;QACVC,QAAQ,GAAGzB,OAAO0B,eAAe,CAAC,OAAO,EAAE1B,OAAO2B,sBAAsB,EAAE;QAC1ErB,SAAS;QACTsB,YAAY;QACZC,QAAQ;QACR,GAAG5B,iBAAiB6B,KAAK;QACzBC,iBAAiB/B,OAAOgC,0BAA0B;QAClDC,WAAW;QACXC,sBAAsBlC,OAAOmC,gBAAgB;QAC7CC,yBAAyBpC,OAAOmC,gBAAgB;QAChDE,kBAAkB;QAClB,GAAGtC,gCAAgC;YACjCuC,SAAS,GAAGtC,OAAOuC,gBAAgB,CAAC,OAAO,EAAEvC,OAAOwC,iBAAiB,EAAE;YACvEC,cAAczC,OAAO0C,kBAAkB;YACvC,GAAG5C,WAAW6C,WAAW,CAAC,cAAc;QAC1C,EAAE;QACFC,mBAAmB;IACrB;IACAC,cAAc;QACZhC,OAAOb,OAAOuB,6BAA6B;IAC7C;AACF;AAEA,sCAAsC,GACtC,OAAO,MAAMuB,yCAAyC,CAACC;IACrD;IAEA,MAAMC,SAAS3C;IACf,MAAM,EAAE4C,UAAU,EAAE,GAAGF;IAEvB,oDAAoD;IACpDA,MAAM5C,IAAI,CAAC+C,SAAS,GAAGrD,aACrBK,+BAA+BC,IAAI,EACnC6C,OAAO7C,IAAI,EACX8C,eAAe,WAAWD,OAAO1B,SAAS,EAC1CyB,MAAM5C,IAAI,CAAC+C,SAAS;IAGtB,IAAIH,MAAM3C,aAAa,EAAE;QACvB,oDAAoD;QACpD2C,MAAM3C,aAAa,CAAC8C,SAAS,GAAGrD,aAC9BK,+BAA+BE,aAAa,EAC5C4C,OAAO5C,aAAa,EACpB6C,eAAe,UAAUD,OAAOH,YAAY,GAAGM,WAC/CJ,MAAM3C,aAAa,CAAC8C,SAAS;IAEjC;IAEA,OAAOH;AACT,EAAE"}

package/lib/index.js

@@ -12,3 +12,10 @@ export { TeachingPopover, renderTeachingPopover_unstable, useTeachingPopover_uns
 export { TeachingPopoverFooter, teachingPopoverFooterClassNames, renderTeachingPopoverFooter_unstable, useTeachingPopoverFooter_unstable } from './TeachingPopoverFooter';
 export { TeachingPopoverCarouselPageCount, renderTeachingPopoverCarouselPageCount_unstable, teachingPopoverCarouselPageCountClassNames, useTeachingPopoverCarouselPageCountStyles_unstable, useTeachingPopoverCarouselPageCount_unstable } from './TeachingPopoverCarouselPageCount';
 export { TeachingPopoverCarouselFooterButton, renderTeachingPopoverCarouselFooterButton_unstable, teachingPopoverCarouselFooterButtonClassNames, useTeachingPopoverCarouselFooterButtonStyles_unstable, useTeachingPopoverCarouselFooterButton_unstable } from './TeachingPopoverCarouselFooterButton';
+export { useTeachingPopoverHeaderBase_unstable } from './TeachingPopoverHeader';
+export { useTeachingPopoverFooterBase_unstable } from './TeachingPopoverFooter';
+export { useTeachingPopoverTitleBase_unstable } from './TeachingPopoverTitle';
+export { useTeachingPopoverCarouselBase_unstable } from './TeachingPopoverCarousel';
+export { useTeachingPopoverCarouselFooterButtonBase_unstable } from './TeachingPopoverCarouselFooterButton';
+export { useTeachingPopoverCarouselNavBase_unstable } from './TeachingPopoverCarouselNav';
+export { useTeachingPopoverCarouselNavButtonBase_unstable } from './TeachingPopoverCarouselNavButton';

package/lib/index.js.map

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

package/lib-commonjs/TeachingPopoverCarousel.js

@@ -18,6 +18,9 @@ _export(exports, {
     teachingPopoverCarouselClassNames: function() {
         return _index.teachingPopoverCarouselClassNames;
     },
+    useTeachingPopoverCarouselBase_unstable: function() {
+        return _index.useTeachingPopoverCarouselBase_unstable;
+    },
     useTeachingPopoverCarouselContextValues_unstable: function() {
         return _index.useTeachingPopoverCarouselContextValues_unstable;
     },

package/lib-commonjs/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":";;;;;;;;;;;;eAOEA,8BAAuB;;;eACvBC,6CAAsC;;;eACtCC,wCAAiC;;;eACjCC,uDAAgD;;;eAChDC,gDAAyC;;;eACzCC,0CAAmC;;;uBAC9B,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":";;;;;;;;;;;;eASEA,8BAAuB;;;eACvBC,6CAAsC;;;eACtCC,wCAAiC;;;eAIjCI,8CAAuC;;;eAHvCH,uDAAgD;;;eAChDC,gDAAyC;;;eACzCC,0CAAmC;;;uBAE9B,6CAA6C"}

package/lib-commonjs/TeachingPopoverCarouselFooterButton.js

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

package/lib-commonjs/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":";;;;;;;;;;;;eAMEA,0CAAmC;;;eACnCC,yDAAkD;;;eAClDC,oDAA6C;;;eAC7CC,4DAAqD;;;eACrDC,sDAA+C;;;uBAC1C,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":";;;;;;;;;;;;eAQEA,0CAAmC;;;eACnCC,yDAAkD;;;eAClDC,oDAA6C;;;eAG7CG,0DAAmD;;;eAFnDF,4DAAqD;;;eACrDC,sDAA+C;;;uBAE1C,yDAAyD"}

package/lib-commonjs/TeachingPopoverCarouselNav.js

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

package/lib-commonjs/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":";;;;;;;;;;;;eAOEA,iCAA0B;;;eAC1BC,gDAAyC;;;eACzCC,2CAAoC;;;eACpCC,mDAA4C;;;eAC5CC,6CAAsC;;;uBACjC,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":";;;;;;;;;;;;eASEA,iCAA0B;;;eAC1BC,gDAAyC;;;eACzCC,2CAAoC;;;eAGpCG,iDAA0C;;;eAF1CF,mDAA4C;;;eAC5CC,6CAAsC;;;uBAEjC,gDAAgD"}

package/lib-commonjs/TeachingPopoverCarouselNavButton.js

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

package/lib-commonjs/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":";;;;;;;;;;;;eAMEA,uCAAgC;;;eAChCC,sDAA+C;;;eAC/CC,iDAA0C;;;eAC1CC,yDAAkD;;;eAClDC,mDAA4C;;;uBACvC,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":";;;;;;;;;;;;eAQEA,uCAAgC;;;eAChCC,sDAA+C;;;eAC/CC,iDAA0C;;;eAG1CG,uDAAgD;;;eAFhDF,yDAAkD;;;eAClDC,mDAA4C;;;uBAEvC,sDAAsD"}

package/lib-commonjs/TeachingPopoverFooter.js

@@ -18,6 +18,9 @@ _export(exports, {
     teachingPopoverFooterClassNames: function() {
         return _TeachingPopoverFooter.teachingPopoverFooterClassNames;
     },
+    useTeachingPopoverFooterBase_unstable: function() {
+        return _TeachingPopoverFooter.useTeachingPopoverFooterBase_unstable;
+    },
     useTeachingPopoverFooterStyles_unstable: function() {
         return _TeachingPopoverFooter.useTeachingPopoverFooterStyles_unstable;
     },

package/lib-commonjs/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":";;;;;;;;;;;;eAMEA,4CAAqB;;;eACrBC,2DAAoC;;;eACpCC,sDAA+B;;;eAC/BC,8DAAuC;;;eACvCC,wDAAiC;;;uCAC5B,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":";;;;;;;;;;;;eAQEA,4CAAqB;;;eACrBC,2DAAoC;;;eACpCC,sDAA+B;;;eAG/BG,4DAAqC;;;eAFrCF,8DAAuC;;;eACvCC,wDAAiC;;;uCAE5B,qCAAqC"}

package/lib-commonjs/TeachingPopoverHeader.js

@@ -18,6 +18,9 @@ _export(exports, {
     teachingPopoverHeaderClassNames: function() {
         return _index.teachingPopoverHeaderClassNames;
     },
+    useTeachingPopoverHeaderBase_unstable: function() {
+        return _index.useTeachingPopoverHeaderBase_unstable;
+    },
     useTeachingPopoverHeaderStyles_unstable: function() {
         return _index.useTeachingPopoverHeaderStyles_unstable;
     },

package/lib-commonjs/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":";;;;;;;;;;;;eAMEA,4BAAqB;;;eACrBC,2CAAoC;;;eACpCC,sCAA+B;;;eAC/BC,8CAAuC;;;eACvCC,wCAAiC;;;uBAC5B,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":";;;;;;;;;;;;eAQEA,4BAAqB;;;eACrBC,2CAAoC;;;eACpCC,sCAA+B;;;eAG/BG,4CAAqC;;;eAFrCF,8CAAuC;;;eACvCC,wCAAiC;;;uBAE5B,2CAA2C"}

package/lib-commonjs/TeachingPopoverTitle.js

@@ -18,6 +18,9 @@ _export(exports, {
     teachingPopoverTitleClassNames: function() {
         return _index.teachingPopoverTitleClassNames;
     },
+    useTeachingPopoverTitleBase_unstable: function() {
+        return _index.useTeachingPopoverTitleBase_unstable;
+    },
     useTeachingPopoverTitleStyles_unstable: function() {
         return _index.useTeachingPopoverTitleStyles_unstable;
     },

package/lib-commonjs/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":";;;;;;;;;;;;eAMEA,2BAAoB;;;eACpBC,0CAAmC;;;eACnCC,qCAA8B;;;eAC9BC,6CAAsC;;;eACtCC,uCAAgC;;;uBAC3B,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":";;;;;;;;;;;;eAQEA,2BAAoB;;;eACpBC,0CAAmC;;;eACnCC,qCAA8B;;;eAG9BG,2CAAoC;;;eAFpCF,6CAAsC;;;eACtCC,uCAAgC;;;uBAE3B,0CAA0C"}

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

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

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

@@ -1 +1 @@
-{"version":3,"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"],"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"],"mappings":"AAAA,YAAY;;;;;;;;;;;;IAECE,6BAA6B;;;kBAKf;;;yCAoCgE;eAArC8B;;;uBA1Cb,gBAAgB;AAClD,sCAAsC;IACzC7B,IAAI,EAAE,yBAAyB;IAC/BC,KAAK,EAAE;AACX,CAAC;AACD,MAAMC,oBAAoB,GAAG,GAAG;AACzB,MAAMC,iBAAc,WAAA,OAAGN,eAAA,EAAA;IAAAO,IAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;IAAAC,KAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAC,MAAA,EAAA;QAAAF,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAE,IAAA,EAAA;QAAAH,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAG,CAAA,EAAA;QAAA;YAAA;YAAA;gBAAAC,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;IAAAC,CAAA,EAAA;QAAA;QAAA;QAAA;KAAA;AAAA,CA4B7B,CAAC;AACF,MAAMC,SAAS,GAAA,WAAA,OAAG7B,eAAA,EAAA;IAAAG,IAAA,EAAA;QAAAiB,MAAA,EAAA;QAAAU,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAL,CAAA,EAAA;QAAA;QAAA;QAAA;KAAA;AAAA,CAMjB,CAAC;AAC8C,+CAA+CO,KAAK,IAAG;IACnG,aAAa;IACb,MAAM,EAAEC,WAAAA,EAAa,GAAGD,KAAK;IAC7B,MAAME,MAAM,GAAGN,SAAS,CAAC,CAAC;IAC1B,MAAMO,WAAW,GAAG9B,cAAc,CAAC,CAAC;IACpC2B,KAAK,CAAC9B,IAAI,CAACkC,SAAS,OAAGpC,mBAAY,EAACC,6BAA6B,CAACC,IAAI,EAAEgC,MAAM,CAAChC,IAAI,EAAE8B,KAAK,CAAC9B,IAAI,CAACkC,SAAS,CAAC;IAC1G,IAAIJ,KAAK,CAAC7B,KAAK,EAAE;QACb6B,KAAK,CAAC7B,KAAK,CAACiC,SAAS,OAAGpC,mBAAY,EAACC,6BAA6B,CAACE,KAAK,EAAEgC,WAAW,CAAC7B,IAAI,EAAE6B,WAAW,CAACF,WAAW,CAAC,EAAED,KAAK,CAAC7B,KAAK,CAACiC,SAAS,CAAC;IAChJ;IACA,OAAOJ,KAAK;AAChB,CAAC"}
+{"version":3,"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"],"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"],"mappings":"AAAA,YAAY;;;;;;;;;;;;IAECE,6BAA6B;;;kBAKf;;;yCAoCgE;eAArC8B;;;uBA1Cb,gBAAgB;AAClD,sCAAsC;IACzC7B,IAAI,EAAE,yBAAyB;IAC/BC,KAAK,EAAE;AACX,CAAC;AACD,MAAMC,oBAAoB,GAAG,GAAG;AACzB,MAAMC,iBAAc,WAAA,OAAGN,eAAA,EAAA;IAAAO,IAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;IAAAC,KAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAC,MAAA,EAAA;QAAAF,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAE,IAAA,EAAA;QAAAH,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAG,CAAA,EAAA;QAAA;YAAA;YAAA;gBAAAC,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;IAAAC,CAAA,EAAA;QAAA;QAAA;QAAA;KAAA;AAAA,CA4B7B,CAAC;AACF,MAAMC,SAAS,GAAA,WAAA,OAAG7B,eAAA,EAAA;IAAAG,IAAA,EAAA;QAAAiB,MAAA,EAAA;QAAAU,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAL,CAAA,EAAA;QAAA;QAAA;QAAA;KAAA;AAAA,CAMjB,CAAC;AAC8C,+CAA+CO,KAAK,IAAG;IACnG,aAAa;IACb,MAAM,EAAEC,WAAAA,EAAa,GAAGD,KAAK;IAC7B,MAAME,MAAM,GAAGN,SAAS,CAAC,CAAC;IAC1B,MAAMO,WAAW,GAAG9B,cAAc,CAAC,CAAC;IACpC,oDAAA;IACA2B,KAAK,CAAC9B,IAAI,CAACkC,SAAS,OAAGpC,mBAAY,EAACC,6BAA6B,CAACC,IAAI,EAAEgC,MAAM,CAAChC,IAAI,EAAE8B,KAAK,CAAC9B,IAAI,CAACkC,SAAS,CAAC;IAC1G,IAAIJ,KAAK,CAAC7B,KAAK,EAAE;QACb,oDAAA;QACA6B,KAAK,CAAC7B,KAAK,CAACiC,SAAS,OAAGpC,mBAAY,EAACC,6BAA6B,CAACE,KAAK,EAAEgC,WAAW,CAAC7B,IAAI,EAAE6B,WAAW,CAACF,WAAW,CAAC,EAAED,KAAK,CAAC7B,KAAK,CAACiC,SAAS,CAAC;IAChJ;IACA,OAAOJ,KAAK;AAChB,CAAC"}

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

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

package/lib-commonjs/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;;;;;;;;;;;;IAMaE,6BAAAA;;;kBAOAI;;;yCAuCAiB;eAAAA;;;uBAlD4B,iBAAiB;AAInD,sCAAgF;IACrFpB,MAAM;IACNC,OAAO;AACT,EAAE;AAEF,MAAMC,uBAAuB;AAEtB,MAAMC,iBAAiBN,qBAAAA,EAAW;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,gBAAYpB,iBAAAA,EAAW;IAC3BG,MAAM;QACJW,SAAS;QACTO,eAAe;QACfC,eAAe;IACjB;AACF;AAGO,8CAA8C,CAACE;IACpD;IAEA,MAAM,EAAEC,WAAW,EAAE,GAAGD;IACxB,MAAME,SAASN;IACf,MAAMO,cAAcrB;IAEpBkB,MAAMrB,IAAI,CAACyB,SAAS,OAAG3B,mBAAAA,EAAaC,8BAA8BC,IAAI,EAAEuB,OAAOvB,IAAI,EAAEqB,MAAMrB,IAAI,CAACyB,SAAS;IAEzG,IAAIJ,MAAMpB,KAAK,EAAE;QACfoB,MAAMpB,KAAK,CAACwB,SAAS,OAAG3B,mBAAAA,EACtBC,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;;;;;;;;;;;;IAMaE,6BAAAA;;;kBAOAI;;;yCAuCAiB;eAAAA;;;uBAlD4B,iBAAiB;AAInD,sCAAgF;IACrFpB,MAAM;IACNC,OAAO;AACT,EAAE;AAEF,MAAMC,uBAAuB;AAEtB,MAAMC,qBAAiBN,iBAAAA,EAAW;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,gBAAYpB,iBAAAA,EAAW;IAC3BG,MAAM;QACJW,SAAS;QACTO,eAAe;QACfC,eAAe;IACjB;AACF;AAGO,8CAA8C,CAACE;IACpD;IAEA,MAAM,EAAEC,WAAW,EAAE,GAAGD;IACxB,MAAME,SAASN;IACf,MAAMO,cAAcrB;IAEpB,oDAAoD;IACpDkB,MAAMrB,IAAI,CAACyB,SAAS,OAAG3B,mBAAAA,EAAaC,8BAA8BC,IAAI,EAAEuB,OAAOvB,IAAI,EAAEqB,MAAMrB,IAAI,CAACyB,SAAS;IAEzG,IAAIJ,MAAMpB,KAAK,EAAE;QACf,oDAAoD;QACpDoB,MAAMpB,KAAK,CAACwB,SAAS,OAAG3B,mBAAAA,EACtBC,8BAA8BE,KAAK,EACnCuB,YAAYpB,IAAI,EAChBoB,WAAW,CAACF,YAAY,EACxBD,MAAMpB,KAAK,CAACwB,SAAS;IAEzB;IAEA,OAAOJ;AACT,EAAE"}

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

@@ -1,6 +1,4 @@
-/**
- * Context shared between TeachingPopoverCarousel and its children components
- */ "use strict";
+"use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
 });

package/lib-commonjs/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":""}

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

@@ -18,6 +18,9 @@ _export(exports, {
     teachingPopoverCarouselClassNames: function() {
         return _useTeachingPopoverCarouselStylesstyles.teachingPopoverCarouselClassNames;
     },
+    useTeachingPopoverCarouselBase_unstable: function() {
+        return _useTeachingPopoverCarousel.useTeachingPopoverCarouselBase_unstable;
+    },
     useTeachingPopoverCarouselContextValues_unstable: function() {
         return _useTeachingPopoverCarouselContextValues.useTeachingPopoverCarouselContextValues_unstable;
     },

package/lib-commonjs/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":";;;;;;;;;;;;eAASA,gDAAuB;;;eAOvBC,qEAAsC;;;eAG7CE,yEAAiC;;;eAG1BE,yFAAgD;;;eAFvDD,iFAAyC;;;eAHlCF,+DAAmC;;;yCARJ,4BAA4B;+CAOb,kCAAkC;4CACrC,+BAA+B;wDAI5E,4CAA4C;yDACc,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":";;;;;;;;;;;IAASA;+DAAuB;;IASvBC;oFAAsC;;;eAM7CG,yEAAiC;;;eAHjCD,mEAAuC;;;eAMhCG,yFAAgD;;;eAFvDD,iFAAyC;;;eALzCH,+DAAmC;;;yCAXG,4BAA4B;+CASb,kCAAkC;4CAIlF,+BAA+B;wDAI/B,4CAA4C;yDACc,4CAA4C"}

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

@@ -3,16 +3,24 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-Object.defineProperty(exports, "useTeachingPopoverCarousel_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, {
+    useTeachingPopoverCarouselBase_unstable: function() {
+        return useTeachingPopoverCarouselBase_unstable;
+    },
+    useTeachingPopoverCarousel_unstable: function() {
         return useTeachingPopoverCarousel_unstable;
     }
 });
 const _reactutilities = require("@fluentui/react-utilities");
 const _reactpopover = require("@fluentui/react-popover");
 const _Carousel = require("./Carousel/Carousel");
-const useTeachingPopoverCarousel_unstable = (props, ref)=>{
+const useTeachingPopoverCarouselBase_unstable = (props, ref)=>{
     const toggleOpen = (0, _reactpopover.usePopoverContext_unstable)((c)=>c.toggleOpen);
     const handleFinish = (0, _reactutilities.useEventCallback)((event, data)=>{
         var _props_onFinish;
@@ -26,9 +34,7 @@ const useTeachingPopoverCarousel_unstable = (props, ref)=>{
         onValueChange: props.onValueChange,
         onFinish: handleFinish
     });
-    const appearance = (0, _reactpopover.usePopoverContext_unstable)((context)=>context.appearance);
     return {
-        appearance,
         components: {
             root: 'div'
         },
@@ -41,3 +47,11 @@ const useTeachingPopoverCarousel_unstable = (props, ref)=>{
         ...carousel
     };
 };
+const useTeachingPopoverCarousel_unstable = (props, ref)=>{
+    const baseState = useTeachingPopoverCarouselBase_unstable(props, ref);
+    const appearance = (0, _reactpopover.usePopoverContext_unstable)((context)=>context.appearance);
+    return {
+        ...baseState,
+        appearance
+    };
+};