@fluentui/react-teaching-popover 9.6.6 → 9.6.8

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

@@ -1 +1 @@
-{"version":3,"sources":["useTeachingPopoverTitleStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nexport const teachingPopoverTitleClassNames = {\n    root: 'fui-TeachingPopoverTitle',\n    dismissButton: 'fui-TeachingPopoverTitle__dismissButton'\n};\nconst useStyles = makeStyles({\n    root: {\n        display: 'flex',\n        flexDirection: 'row',\n        justifyContent: 'space-between',\n        fontSize: tokens.fontSizeBase400,\n        fontWeight: tokens.fontWeightSemibold,\n        color: tokens.colorNeutralForeground1,\n        lineHeight: tokens.lineHeightBase400,\n        paddingBottom: tokens.spacingVerticalS,\n        marginTop: tokens.spacingHorizontalNone,\n        marginBottom: tokens.spacingHorizontalNone\n    },\n    rootBrand: {\n        color: tokens.colorNeutralForegroundOnBrand\n    },\n    dismissButton: {\n        position: 'relative',\n        border: `${tokens.strokeWidthThin} solid ${tokens.colorTransparentStroke}`,\n        display: 'flex',\n        alignItems: 'center',\n        cursor: 'pointer',\n        ...typographyStyles.body1,\n        backgroundColor: tokens.colorTransparentBackground,\n        boxSizing: 'border-box',\n        borderTopRightRadius: tokens.borderRadiusNone,\n        borderBottomRightRadius: tokens.borderRadiusNone,\n        borderRightStyle: 'none',\n        ...createCustomFocusIndicatorStyle({\n            outline: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`,\n            borderRadius: tokens.borderRadiusMedium,\n            ...shorthands.borderColor('transparent')\n        }),\n        marginInlineStart: 'auto'\n    },\n    dismissBrand: {\n        color: tokens.colorNeutralForegroundOnBrand\n    }\n});\n/** Applies style classnames to slots */ export const useTeachingPopoverTitleStyles_unstable = (state)=>{\n    'use no memo';\n    const styles = useStyles();\n    const { appearance } = state;\n    state.root.className = mergeClasses(teachingPopoverTitleClassNames.root, styles.root, appearance === 'brand' && styles.rootBrand, state.root.className);\n    if (state.dismissButton) {\n        state.dismissButton.className = mergeClasses(teachingPopoverTitleClassNames.dismissButton, styles.dismissButton, appearance === 'brand' ? styles.dismissBrand : undefined, state.dismissButton.className);\n    }\n    return state;\n};\n"],"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"],"mappings":"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"}
+{"version":3,"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"],"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"],"mappings":"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"}

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

@@ -1,3 +1,4 @@
+'use client';
 "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/TeachingPopoverTitle/useTeachingPopoverTitleStyles.styles.ts"],"sourcesContent":["import { 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":";;;;;;;;;;;IAMaM,8BAAAA;;;IA8CA4C,sCAAAA;;;;uBApDwC,iBAAiB;8BAGtB,0BAA0B;4BACjC,wBAAwB;AAE1D,uCAAkF;IACvF3C,MAAM;IACNC,eAAe;AACjB,EAAE;AAEF,MAAMC,gBAAYT,iBAAAA,EAAW;IAC3BO,MAAM;QACJG,SAAS;QACTC,eAAe;QACfC,gBAAgB;QAChBC,UAAUT,kBAAAA,CAAOU,eAAe;QAChCC,YAAYX,kBAAAA,CAAOY,kBAAkB;QACrCC,OAAOb,kBAAAA,CAAOc,uBAAuB;QACrCC,YAAYf,kBAAAA,CAAOgB,iBAAiB;QACpCC,eAAejB,kBAAAA,CAAOkB,gBAAgB;QACtCC,WAAWnB,kBAAAA,CAAOoB,qBAAqB;QACvCC,cAAcrB,kBAAAA,CAAOoB,qBAAqB;IAC5C;IACAE,WAAW;QACTT,OAAOb,kBAAAA,CAAOuB,6BAA6B;IAC7C;IACAnB,eAAe;QACboB,UAAU;QACVC,QAAQ,GAAGzB,kBAAAA,CAAO0B,eAAe,CAAC,OAAO,EAAE1B,kBAAAA,CAAO2B,sBAAsB,EAAE;QAC1ErB,SAAS;QACTsB,YAAY;QACZC,QAAQ;QACR,GAAG5B,4BAAAA,CAAiB6B,KAAK;QACzBC,iBAAiB/B,kBAAAA,CAAOgC,0BAA0B;QAClDC,WAAW;QACXC,sBAAsBlC,kBAAAA,CAAOmC,gBAAgB;QAC7CC,yBAAyBpC,kBAAAA,CAAOmC,gBAAgB;QAChDE,kBAAkB;QAClB,OAAGtC,6CAAAA,EAAgC;YACjCuC,SAAS,GAAGtC,kBAAAA,CAAOuC,gBAAgB,CAAC,OAAO,EAAEvC,kBAAAA,CAAOwC,iBAAiB,EAAE;YACvEC,cAAczC,kBAAAA,CAAO0C,kBAAkB;YACvC,GAAG5C,iBAAAA,CAAW6C,WAAW,CAAC,cAAc;QAC1C,EAAE;QACFC,mBAAmB;IACrB;IACAC,cAAc;QACZhC,OAAOb,kBAAAA,CAAOuB,6BAA6B;IAC7C;AACF;AAGO,+CAA+C,CAACwB;IACrD;IAEA,MAAMC,SAAS3C;IACf,MAAM,EAAE4C,UAAU,EAAE,GAAGF;IAEvBA,MAAM5C,IAAI,CAAC+C,SAAS,GAAGrD,uBAAAA,EACrBK,+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,OAAGrD,mBAAAA,EAC9BK,+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  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;;;;;;;;;;;;IAQaM,8BAAAA;;;0CA8CA4C;eAAAA;;;uBApDwC,iBAAiB;8BAGtB,0BAA0B;4BACjC,wBAAwB;AAE1D,uCAAkF;IACvF3C,MAAM;IACNC,eAAe;AACjB,EAAE;AAEF,MAAMC,gBAAYT,iBAAAA,EAAW;IAC3BO,MAAM;QACJG,SAAS;QACTC,eAAe;QACfC,gBAAgB;QAChBC,UAAUT,kBAAAA,CAAOU,eAAe;QAChCC,YAAYX,kBAAAA,CAAOY,kBAAkB;QACrCC,OAAOb,kBAAAA,CAAOc,uBAAuB;QACrCC,YAAYf,kBAAAA,CAAOgB,iBAAiB;QACpCC,eAAejB,kBAAAA,CAAOkB,gBAAgB;QACtCC,WAAWnB,kBAAAA,CAAOoB,qBAAqB;QACvCC,cAAcrB,kBAAAA,CAAOoB,qBAAqB;IAC5C;IACAE,WAAW;QACTT,OAAOb,kBAAAA,CAAOuB,6BAA6B;IAC7C;IACAnB,eAAe;QACboB,UAAU;QACVC,QAAQ,GAAGzB,kBAAAA,CAAO0B,eAAe,CAAC,OAAO,EAAE1B,kBAAAA,CAAO2B,sBAAsB,EAAE;QAC1ErB,SAAS;QACTsB,YAAY;QACZC,QAAQ;QACR,GAAG5B,4BAAAA,CAAiB6B,KAAK;QACzBC,iBAAiB/B,kBAAAA,CAAOgC,0BAA0B;QAClDC,WAAW;QACXC,sBAAsBlC,kBAAAA,CAAOmC,gBAAgB;QAC7CC,yBAAyBpC,kBAAAA,CAAOmC,gBAAgB;QAChDE,kBAAkB;QAClB,OAAGtC,6CAAAA,EAAgC;YACjCuC,SAAS,GAAGtC,kBAAAA,CAAOuC,gBAAgB,CAAC,OAAO,EAAEvC,kBAAAA,CAAOwC,iBAAiB,EAAE;YACvEC,cAAczC,kBAAAA,CAAO0C,kBAAkB;YACvC,GAAG5C,iBAAAA,CAAW6C,WAAW,CAAC,cAAc;QAC1C,EAAE;QACFC,mBAAmB;IACrB;IACAC,cAAc;QACZhC,OAAOb,kBAAAA,CAAOuB,6BAA6B;IAC7C;AACF;AAGO,+CAA+C,CAACwB;IACrD;IAEA,MAAMC,SAAS3C;IACf,MAAM,EAAE4C,UAAU,EAAE,GAAGF;IAEvBA,MAAM5C,IAAI,CAAC+C,SAAS,OAAGrD,mBAAAA,EACrBK,+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,OAAGrD,mBAAAA,EAC9BK,+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-commonjs/components/TeachingPopoverTrigger/TeachingPopoverTrigger.js

@@ -1,3 +1,4 @@
+'use client';
 "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/TeachingPopoverTrigger/TeachingPopoverTrigger.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { FluentTriggerComponent } from '@fluentui/react-utilities';\nimport { TeachingPopoverTriggerProps } from './TeachingPopoverTrigger.types';\nimport { renderTeachingPopoverTrigger_unstable } from './renderTeachingPopoverTrigger';\nimport { useTeachingPopoverTrigger_unstable } from './useTeachingPopoverTrigger';\n\n/**\n * Direct extension of PopoverTrigger - Wraps a trigger element as an only child and adds the necessary event handling to open a teaching bubble.\n */\nexport const TeachingPopoverTrigger: React.FC<TeachingPopoverTriggerProps> = props => {\n  const state = useTeachingPopoverTrigger_unstable(props);\n\n  return renderTeachingPopoverTrigger_unstable(state);\n};\n\nTeachingPopoverTrigger.displayName = 'TeachingPopoverTrigger';\n// type casting here is required to ensure internal type FluentTriggerComponent is not leaked\n(TeachingPopoverTrigger as FluentTriggerComponent).isFluentTriggerComponent = true;\n"],"names":["React","renderTeachingPopoverTrigger_unstable","useTeachingPopoverTrigger_unstable","TeachingPopoverTrigger","props","state","displayName","isFluentTriggerComponent"],"mappings":";;;;;;;;;;;iEAAuB,QAAQ;8CAGuB,iCAAiC;2CACpC,8BAA8B;AAK1E,MAAMG,yBAAgEC,CAAAA;IAC3E,MAAMC,YAAQH,6DAAAA,EAAmCE;IAEjD,WAAOH,mEAAAA,EAAsCI;AAC/C,EAAE;AAEFF,uBAAuBG,WAAW,GAAG;AACrC,6FAA6F;AAC5FH,uBAAkDI,wBAAwB,GAAG"}
+{"version":3,"sources":["../src/components/TeachingPopoverTrigger/TeachingPopoverTrigger.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { FluentTriggerComponent } from '@fluentui/react-utilities';\nimport { TeachingPopoverTriggerProps } from './TeachingPopoverTrigger.types';\nimport { renderTeachingPopoverTrigger_unstable } from './renderTeachingPopoverTrigger';\nimport { useTeachingPopoverTrigger_unstable } from './useTeachingPopoverTrigger';\n\n/**\n * Direct extension of PopoverTrigger - Wraps a trigger element as an only child and adds the necessary event handling to open a teaching bubble.\n */\nexport const TeachingPopoverTrigger: React.FC<TeachingPopoverTriggerProps> = props => {\n  const state = useTeachingPopoverTrigger_unstable(props);\n\n  return renderTeachingPopoverTrigger_unstable(state);\n};\n\nTeachingPopoverTrigger.displayName = 'TeachingPopoverTrigger';\n// type casting here is required to ensure internal type FluentTriggerComponent is not leaked\n(TeachingPopoverTrigger as FluentTriggerComponent).isFluentTriggerComponent = true;\n"],"names":["React","renderTeachingPopoverTrigger_unstable","useTeachingPopoverTrigger_unstable","TeachingPopoverTrigger","props","state","displayName","isFluentTriggerComponent"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;8CAGuB,iCAAiC;2CACpC,8BAA8B;AAK1E,MAAMG,yBAAgEC,CAAAA;IAC3E,MAAMC,YAAQH,6DAAAA,EAAmCE;IAEjD,WAAOH,mEAAAA,EAAsCI;AAC/C,EAAE;AAEFF,uBAAuBG,WAAW,GAAG;AACrC,6FAA6F;AAC5FH,uBAAkDI,wBAAwB,GAAG"}

package/lib-commonjs/components/TeachingPopoverTrigger/useTeachingPopoverTrigger.js

@@ -1,3 +1,4 @@
+'use client';
 "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/TeachingPopoverTrigger/useTeachingPopoverTrigger.ts"],"sourcesContent":["import { TeachingPopoverTriggerProps, TeachingPopoverTriggerState } from './TeachingPopoverTrigger.types';\nimport { usePopoverTrigger_unstable } from '@fluentui/react-popover';\n\n/**\n * Create the state required to render TeachingPopoverTrigger.\n *\n * @param props - props from this instance of TeachingPopoverTrigger\n */\nexport const useTeachingPopoverTrigger_unstable = (props: TeachingPopoverTriggerProps): TeachingPopoverTriggerState => {\n  const state = usePopoverTrigger_unstable(props);\n\n  return state;\n};\n"],"names":["usePopoverTrigger_unstable","useTeachingPopoverTrigger_unstable","props","state"],"mappings":";;;;;;;;;;8BAC2C,0BAA0B;AAO9D,MAAMC,qCAAqC,CAACC;IACjD,MAAMC,YAAQH,wCAAAA,EAA2BE;IAEzC,OAAOC;AACT,EAAE"}
+{"version":3,"sources":["../src/components/TeachingPopoverTrigger/useTeachingPopoverTrigger.ts"],"sourcesContent":["'use client';\n\nimport { TeachingPopoverTriggerProps, TeachingPopoverTriggerState } from './TeachingPopoverTrigger.types';\nimport { usePopoverTrigger_unstable } from '@fluentui/react-popover';\n\n/**\n * Create the state required to render TeachingPopoverTrigger.\n *\n * @param props - props from this instance of TeachingPopoverTrigger\n */\nexport const useTeachingPopoverTrigger_unstable = (props: TeachingPopoverTriggerProps): TeachingPopoverTriggerState => {\n  const state = usePopoverTrigger_unstable(props);\n\n  return state;\n};\n"],"names":["usePopoverTrigger_unstable","useTeachingPopoverTrigger_unstable","props","state"],"mappings":"AAAA;;;;;;;;;;;8BAG2C,0BAA0B;AAO9D,MAAMC,qCAAqC,CAACC;IACjD,MAAMC,YAAQH,wCAAAA,EAA2BE;IAEzC,OAAOC;AACT,EAAE"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-teaching-popover",
-  "version": "9.6.6",
+  "version": "9.6.8",
   "description": "New fluentui react package",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -24,18 +24,18 @@
     "@fluentui/scripts-api-extractor": "*"
   },
   "dependencies": {
-    "@fluentui/react-jsx-runtime": "^9.2.0",
+    "@fluentui/react-jsx-runtime": "^9.2.2",
     "@fluentui/react-theme": "^9.2.0",
-    "@fluentui/react-utilities": "^9.24.1",
+    "@fluentui/react-utilities": "^9.25.1",
     "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1",
-    "@fluentui/react-shared-contexts": "^9.25.1",
-    "@fluentui/react-popover": "^9.12.6",
-    "@fluentui/react-button": "^9.6.6",
-    "@fluentui/react-tabster": "^9.26.5",
+    "@fluentui/react-shared-contexts": "^9.25.2",
+    "@fluentui/react-popover": "^9.12.8",
+    "@fluentui/react-button": "^9.6.8",
+    "@fluentui/react-tabster": "^9.26.7",
     "@fluentui/react-icons": "^2.0.245",
-    "@fluentui/react-aria": "^9.17.0",
-    "@fluentui/react-context-selector": "^9.2.7",
+    "@fluentui/react-aria": "^9.17.2",
+    "@fluentui/react-context-selector": "^9.2.9",
     "use-sync-external-store": "^1.2.0"
   },
   "peerDependencies": {