npm - @fluentui/react-teaching-popover - Versions diffs - 9.6.6 → 9.6.7 - Mend

@fluentui/react-teaching-popover 9.6.6 → 9.6.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (226) hide show

package/lib-commonjs/components/TeachingPopoverCarouselNavButton/useTeachingPopoverCarouselNavButtonStyles.styles.js CHANGED Viewed

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

package/lib-commonjs/components/TeachingPopoverCarouselNavButton/useTeachingPopoverCarouselNavButtonStyles.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["useTeachingPopoverCarouselNavButtonStyles.styles.js"],"sourcesContent":["~~import~~ { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nexport const teachingPopoverCarouselNavButtonClassNames = {\n root: 'fui-TeachingPopoverCarouselNavButton'\n};\n/*\n Styles for the root slot\n / const useStyles = makeStyles({\n root: {\n display: 'flex',\n cursor: 'pointer',\n boxSizing: 'border-box',\n height: '8px',\n width: '8px',\n backgroundColor: tokens.colorBrandBackground\n },\n rootUnselected: {\n border: 'none',\n borderRadius: '50%',\n padding: '0px',\n outline: `${tokens.strokeWidthThin} solid transparent`,\n ...createCustomFocusIndicatorStyle({\n outline: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`,\n borderRadius: tokens.borderRadiusMedium,\n ...shorthands.borderColor('transparent')\n }),\n backgroundColor: `color-mix(in srgb, ${tokens.colorBrandBackground} 30%, transparent)`,\n '@supports not (color: color-mix(in lch, white, black))': {\n // This will also affect the focus border, but only in older unsupported browsers\n opacity: 0.3,\n backgroundColor: tokens.colorBrandBackground\n }\n },\n rootSelected: {\n outline: `${tokens.strokeWidthThin} solid transparent`,\n width: '16px',\n border: 'none',\n borderRadius: '4px',\n padding: '0px',\n ...createCustomFocusIndicatorStyle({\n outline: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`,\n borderRadius: tokens.borderRadiusMedium,\n ...shorthands.borderColor('transparent')\n }),\n '@media (forced-colors: active)': {\n backgroundColor: 'CanvasText'\n }\n },\n rootBrand: {\n backgroundColor: tokens.colorNeutralForegroundOnBrand\n },\n rootBrandUnselected: {\n backgroundColor: `color-mix(in srgb, ${tokens.colorNeutralForegroundOnBrand} 30%, transparent)`,\n '@supports not (color: color-mix(in lch, white, black))': {\n // This will also affect the focus border, but only in older unsupported browsers\n opacity: 0.3,\n backgroundColor: tokens.colorBrandBackground\n }\n }\n});\n/\n Apply styling to the TeachingPopoverCarouselNavButton slots based on the state\n */ export const useTeachingPopoverCarouselNavButtonStyles_unstable = (state)=>{\n 'use no memo';\n const styles = useStyles();\n const { appearance, isSelected } = state;\n const brandStyles = isSelected ? styles.rootBrand : styles.rootBrandUnselected;\n state.root.className = mergeClasses(teachingPopoverCarouselNavButtonClassNames.root, styles.root, isSelected ? styles.rootSelected : styles.rootUnselected, appearance === 'brand' && brandStyles, state.root.className);\n return state;\n};\n"],"names":["__styles","mergeClasses","shorthands","tokens","createCustomFocusIndicatorStyle","teachingPopoverCarouselNavButtonClassNames","root","useStyles","mc9l5x","Bceei9c","B7ck84d","Bqenvij","a9b677","De3pzq","rootUnselected","Bgfg5da","B9xav0g","oivjwe","Bn0qgzm","B4g9neb","zhjwy3","wvpqe5","ibv6hh","u1mtju","h3c5rm","vrafjx","Bekrc4i","i8vvqc","g2u3we","icvyot","B4j52fo","irswps","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","Bw0xxkn","oeaueh","Bpd4iqm","Befb4lg","Bfpq7zp","g9k6zt","Bn4voq9","giviqs","Bw81rd7","kdpuga","dm238s","B6xbmo0","B3whbx2","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","Bfclv37","B372c46","rootSelected","Bsw6fvg","rootBrand","rootBrandUnselected","d","p","t","m","useTeachingPopoverCarouselNavButtonStyles_unstable","state","styles","appearance","isSelected","brandStyles","className"],"mappings":"~~;;;;;;;;;;;IAGaK~~,0CAA0C;;;~~IA4DtCgE,kDAAkD;;;;~~uBA/Dd,gBAAgB;AAG9D,mDAAmD;IACtD/D,IAAI,EAAE;AACV,CAAC;AACD;;CAEA,GAAI,MAAMC,SAAS,GAAA,WAAA,OAAGP,eAAA,EAAA;IAAAM,IAAA,EAAA;QAAAE,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;IAAAC,cAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;YAAA;YAAA;SAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;YAAA;YAAA;SAAA;QAAA7C,MAAA,EAAA;QAAA8C,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAC,YAAA,EAAA;QAAAnB,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAjC,MAAA,EAAA;QAAAG,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAK,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;YAAA;YAAA;SAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;YAAA;YAAA;SAAA;QAAAI,OAAA,EAAA;IAAA;IAAAC,SAAA,EAAA;QAAAlD,MAAA,EAAA;IAAA;IAAAmD,mBAAA,EAAA;QAAAnD,MAAA,EAAA;QAAA8C,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAK,CAAA,EAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAC,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;QAAA;KAAA;IAAAC,CAAA,EAAA;QAAA;QAAA;KAAA;IAAAC,CAAA,EAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA;YAAA;SAAA;KAAA;AAAA,CAoDrB,CAAC;AAGS,~~2DAA4DE~~,KAAK,IAAG;IAC3E,aAAa;IACb,MAAMC,MAAM,GAAGhE,SAAS,CAAC,CAAC;IAC1B,MAAM,EAAEiE,UAAU,EAAEC,UAAAA,EAAY,GAAGH,KAAK;IACxC,MAAMI,WAAW,GAAGD,UAAU,GAAGF,MAAM,CAACR,SAAS,GAAGQ,MAAM,CAACP,mBAAmB;IAC9EM,KAAK,CAAChE,IAAI,CAACqE,SAAS,OAAG1E,mBAAY,EAACI,0CAA0C,CAACC,IAAI,EAAEiE,MAAM,CAACjE,IAAI,EAAEmE,UAAU,GAAGF,MAAM,CAACV,YAAY,GAAGU,MAAM,CAACzD,cAAc,EAAE0D,UAAU,KAAK,OAAO,IAAIE,WAAW,EAAEJ,KAAK,CAAChE,IAAI,CAACqE,SAAS,CAAC;IACxN,OAAOL,KAAK;AAChB,CAAC"}
1	+ {"version":3,"sources":["useTeachingPopoverCarouselNavButtonStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nexport const teachingPopoverCarouselNavButtonClassNames = {\n root: 'fui-TeachingPopoverCarouselNavButton'\n};\n/*\n Styles for the root slot\n / const useStyles = makeStyles({\n root: {\n display: 'flex',\n cursor: 'pointer',\n boxSizing: 'border-box',\n height: '8px',\n width: '8px',\n backgroundColor: tokens.colorBrandBackground\n },\n rootUnselected: {\n border: 'none',\n borderRadius: '50%',\n padding: '0px',\n outline: `${tokens.strokeWidthThin} solid transparent`,\n ...createCustomFocusIndicatorStyle({\n outline: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`,\n borderRadius: tokens.borderRadiusMedium,\n ...shorthands.borderColor('transparent')\n }),\n backgroundColor: `color-mix(in srgb, ${tokens.colorBrandBackground} 30%, transparent)`,\n '@supports not (color: color-mix(in lch, white, black))': {\n // This will also affect the focus border, but only in older unsupported browsers\n opacity: 0.3,\n backgroundColor: tokens.colorBrandBackground\n }\n },\n rootSelected: {\n outline: `${tokens.strokeWidthThin} solid transparent`,\n width: '16px',\n border: 'none',\n borderRadius: '4px',\n padding: '0px',\n ...createCustomFocusIndicatorStyle({\n outline: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`,\n borderRadius: tokens.borderRadiusMedium,\n ...shorthands.borderColor('transparent')\n }),\n '@media (forced-colors: active)': {\n backgroundColor: 'CanvasText'\n }\n },\n rootBrand: {\n backgroundColor: tokens.colorNeutralForegroundOnBrand\n },\n rootBrandUnselected: {\n backgroundColor: `color-mix(in srgb, ${tokens.colorNeutralForegroundOnBrand} 30%, transparent)`,\n '@supports not (color: color-mix(in lch, white, black))': {\n // This will also affect the focus border, but only in older unsupported browsers\n opacity: 0.3,\n backgroundColor: tokens.colorBrandBackground\n }\n }\n});\n/\n Apply styling to the TeachingPopoverCarouselNavButton slots based on the state\n */ export const useTeachingPopoverCarouselNavButtonStyles_unstable = (state)=>{\n 'use no memo';\n const styles = useStyles();\n const { appearance, isSelected } = state;\n const brandStyles = isSelected ? styles.rootBrand : styles.rootBrandUnselected;\n state.root.className = mergeClasses(teachingPopoverCarouselNavButtonClassNames.root, styles.root, isSelected ? styles.rootSelected : styles.rootUnselected, appearance === 'brand' && brandStyles, state.root.className);\n return state;\n};\n"],"names":["__styles","mergeClasses","shorthands","tokens","createCustomFocusIndicatorStyle","teachingPopoverCarouselNavButtonClassNames","root","useStyles","mc9l5x","Bceei9c","B7ck84d","Bqenvij","a9b677","De3pzq","rootUnselected","Bgfg5da","B9xav0g","oivjwe","Bn0qgzm","B4g9neb","zhjwy3","wvpqe5","ibv6hh","u1mtju","h3c5rm","vrafjx","Bekrc4i","i8vvqc","g2u3we","icvyot","B4j52fo","irswps","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","Bw0xxkn","oeaueh","Bpd4iqm","Befb4lg","Bfpq7zp","g9k6zt","Bn4voq9","giviqs","Bw81rd7","kdpuga","dm238s","B6xbmo0","B3whbx2","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","Bfclv37","B372c46","rootSelected","Bsw6fvg","rootBrand","rootBrandUnselected","d","p","t","m","useTeachingPopoverCarouselNavButtonStyles_unstable","state","styles","appearance","isSelected","brandStyles","className"],"mappings":"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"}

package/lib-commonjs/components/TeachingPopoverCarouselNavButton/useTeachingPopoverCarouselNavButtonStyles.styles.raw.js CHANGED Viewed

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

package/lib-commonjs/components/TeachingPopoverCarouselNavButton/useTeachingPopoverCarouselNavButtonStyles.styles.raw.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/TeachingPopoverCarouselNavButton/useTeachingPopoverCarouselNavButtonStyles.styles.ts"],"sourcesContent":["~~import~~ { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type {\n TeachingPopoverCarouselNavButtonSlots,\n TeachingPopoverCarouselNavButtonState,\n} from './TeachingPopoverCarouselNavButton.types';\nimport { tokens } from '@fluentui/react-theme';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\n\nexport const teachingPopoverCarouselNavButtonClassNames: SlotClassNames<TeachingPopoverCarouselNavButtonSlots> = {\n root: 'fui-TeachingPopoverCarouselNavButton',\n};\n\n/*\n Styles for the root slot\n /\nconst useStyles = makeStyles({\n root: {\n display: 'flex',\n cursor: 'pointer',\n boxSizing: 'border-box',\n height: '8px',\n width: '8px',\n backgroundColor: tokens.colorBrandBackground,\n },\n rootUnselected: {\n border: 'none',\n borderRadius: '50%',\n padding: '0px',\n outline: `${tokens.strokeWidthThin} solid transparent`, // For high contrast\n ...createCustomFocusIndicatorStyle({\n outline: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`,\n borderRadius: tokens.borderRadiusMedium,\n ...shorthands.borderColor('transparent'),\n }),\n backgroundColor: `color-mix(in srgb, ${tokens.colorBrandBackground} 30%, transparent)`,\n '@supports not (color: color-mix(in lch, white, black))': {\n // This will also affect the focus border, but only in older unsupported browsers\n opacity: 0.3,\n backgroundColor: tokens.colorBrandBackground,\n },\n },\n rootSelected: {\n outline: `${tokens.strokeWidthThin} solid transparent`, // For high contrast\n width: '16px',\n border: 'none',\n borderRadius: '4px',\n padding: '0px',\n ...createCustomFocusIndicatorStyle({\n outline: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`,\n borderRadius: tokens.borderRadiusMedium,\n ...shorthands.borderColor('transparent'),\n }),\n '@media (forced-colors: active)': {\n backgroundColor: 'CanvasText',\n },\n },\n rootBrand: {\n backgroundColor: tokens.colorNeutralForegroundOnBrand,\n },\n rootBrandUnselected: {\n backgroundColor: `color-mix(in srgb, ${tokens.colorNeutralForegroundOnBrand} 30%, transparent)`,\n '@supports not (color: color-mix(in lch, white, black))': {\n // This will also affect the focus border, but only in older unsupported browsers\n opacity: 0.3,\n backgroundColor: tokens.colorBrandBackground,\n },\n },\n});\n\n/\n Apply styling to the TeachingPopoverCarouselNavButton slots based on the state\n */\nexport const useTeachingPopoverCarouselNavButtonStyles_unstable = (\n state: TeachingPopoverCarouselNavButtonState,\n): TeachingPopoverCarouselNavButtonState => {\n 'use no memo';\n\n const styles = useStyles();\n const { appearance, isSelected } = state;\n\n const brandStyles = isSelected ? styles.rootBrand : styles.rootBrandUnselected;\n\n state.root.className = mergeClasses(\n teachingPopoverCarouselNavButtonClassNames.root,\n styles.root,\n isSelected ? styles.rootSelected : styles.rootUnselected,\n appearance === 'brand' && brandStyles,\n state.root.className,\n );\n\n return state;\n};\n"],"names":["makeStyles","mergeClasses","shorthands","tokens","createCustomFocusIndicatorStyle","teachingPopoverCarouselNavButtonClassNames","root","useStyles","display","cursor","boxSizing","height","width","backgroundColor","colorBrandBackground","rootUnselected","border","borderRadius","padding","outline","strokeWidthThin","strokeWidthThick","colorStrokeFocus2","borderRadiusMedium","borderColor","opacity","rootSelected","rootBrand","colorNeutralForegroundOnBrand","rootBrandUnselected","useTeachingPopoverCarouselNavButtonStyles_unstable","state","styles","appearance","isSelected","brandStyles","className"],"mappings":"~~;;;;;;;;;;;IASaK~~,0CAAAA;;;sDAgEAyB;eAAAA;;;uBAzEwC,iBAAiB;4BAM/C,wBAAwB;8BACC,0BAA0B;AAEnE,mDAA0G;IAC/GxB,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,MAAMC,gBAAYP,iBAAAA,EAAW;IAC3BM,MAAM;QACJE,SAAS;QACTC,QAAQ;QACRC,WAAW;QACXC,QAAQ;QACRC,OAAO;QACPC,iBAAiBV,kBAAAA,CAAOW,oBAAoB;IAC9C;IACAC,gBAAgB;QACdC,QAAQ;QACRC,cAAc;QACdC,SAAS;QACTC,SAAS,GAAGhB,kBAAAA,CAAOiB,eAAe,CAAC,kBAAkB,CAAC;QACtD,OAAGhB,6CAAAA,EAAgC;YACjCe,SAAS,GAAGhB,kBAAAA,CAAOkB,gBAAgB,CAAC,OAAO,EAAElB,kBAAAA,CAAOmB,iBAAiB,EAAE;YACvEL,cAAcd,kBAAAA,CAAOoB,kBAAkB;YACvC,GAAGrB,iBAAAA,CAAWsB,WAAW,CAAC,cAAc;QAC1C,EAAE;QACFX,iBAAiB,CAAC,mBAAmB,EAAEV,kBAAAA,CAAOW,oBAAoB,CAAC,kBAAkB,CAAC;QACtF,0DAA0D;YACxD,iFAAiF;YACjFW,SAAS;YACTZ,iBAAiBV,kBAAAA,CAAOW,oBAAoB;QAC9C;IACF;IACAY,cAAc;QACZP,SAAS,GAAGhB,kBAAAA,CAAOiB,eAAe,CAAC,kBAAkB,CAAC;QACtDR,OAAO;QACPI,QAAQ;QACRC,cAAc;QACdC,SAAS;QACT,OAAGd,6CAAAA,EAAgC;YACjCe,SAAS,GAAGhB,kBAAAA,CAAOkB,gBAAgB,CAAC,OAAO,EAAElB,kBAAAA,CAAOmB,iBAAiB,EAAE;YACvEL,cAAcd,kBAAAA,CAAOoB,kBAAkB;YACvC,GAAGrB,iBAAAA,CAAWsB,WAAW,CAAC,cAAc;QAC1C,EAAE;QACF,kCAAkC;YAChCX,iBAAiB;QACnB;IACF;IACAc,WAAW;QACTd,iBAAiBV,kBAAAA,CAAOyB,6BAA6B;IACvD;IACAC,qBAAqB;QACnBhB,iBAAiB,CAAC,mBAAmB,EAAEV,kBAAAA,CAAOyB,6BAA6B,CAAC,kBAAkB,CAAC;QAC/F,0DAA0D;YACxD,iFAAiF;YACjFH,SAAS;YACTZ,iBAAiBV,kBAAAA,CAAOW,oBAAoB;QAC9C;IACF;AACF;AAKO,2DAA2D,CAChEiB;IAEA;IAEA,MAAMC,SAASzB;IACf,MAAM,EAAE0B,UAAU,EAAEC,UAAU,EAAE,GAAGH;IAEnC,MAAMI,cAAcD,aAAaF,OAAOL,SAAS,GAAGK,OAAOH,mBAAmB;IAE9EE,MAAMzB,IAAI,CAAC8B,SAAS,OAAGnC,mBAAAA,EACrBI,2CAA2CC,IAAI,EAC/C0B,OAAO1B,IAAI,EACX4B,aAAaF,OAAON,YAAY,GAAGM,OAAOjB,cAAc,EACxDkB,eAAe,WAAWE,aAC1BJ,MAAMzB,IAAI,CAAC8B,SAAS;IAGtB,OAAOL;AACT,EAAE"}
1	+ {"version":3,"sources":["../src/components/TeachingPopoverCarouselNavButton/useTeachingPopoverCarouselNavButtonStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type {\n TeachingPopoverCarouselNavButtonSlots,\n TeachingPopoverCarouselNavButtonState,\n} from './TeachingPopoverCarouselNavButton.types';\nimport { tokens } from '@fluentui/react-theme';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\n\nexport const teachingPopoverCarouselNavButtonClassNames: SlotClassNames<TeachingPopoverCarouselNavButtonSlots> = {\n root: 'fui-TeachingPopoverCarouselNavButton',\n};\n\n/*\n Styles for the root slot\n /\nconst useStyles = makeStyles({\n root: {\n display: 'flex',\n cursor: 'pointer',\n boxSizing: 'border-box',\n height: '8px',\n width: '8px',\n backgroundColor: tokens.colorBrandBackground,\n },\n rootUnselected: {\n border: 'none',\n borderRadius: '50%',\n padding: '0px',\n outline: `${tokens.strokeWidthThin} solid transparent`, // For high contrast\n ...createCustomFocusIndicatorStyle({\n outline: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`,\n borderRadius: tokens.borderRadiusMedium,\n ...shorthands.borderColor('transparent'),\n }),\n backgroundColor: `color-mix(in srgb, ${tokens.colorBrandBackground} 30%, transparent)`,\n '@supports not (color: color-mix(in lch, white, black))': {\n // This will also affect the focus border, but only in older unsupported browsers\n opacity: 0.3,\n backgroundColor: tokens.colorBrandBackground,\n },\n },\n rootSelected: {\n outline: `${tokens.strokeWidthThin} solid transparent`, // For high contrast\n width: '16px',\n border: 'none',\n borderRadius: '4px',\n padding: '0px',\n ...createCustomFocusIndicatorStyle({\n outline: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`,\n borderRadius: tokens.borderRadiusMedium,\n ...shorthands.borderColor('transparent'),\n }),\n '@media (forced-colors: active)': {\n backgroundColor: 'CanvasText',\n },\n },\n rootBrand: {\n backgroundColor: tokens.colorNeutralForegroundOnBrand,\n },\n rootBrandUnselected: {\n backgroundColor: `color-mix(in srgb, ${tokens.colorNeutralForegroundOnBrand} 30%, transparent)`,\n '@supports not (color: color-mix(in lch, white, black))': {\n // This will also affect the focus border, but only in older unsupported browsers\n opacity: 0.3,\n backgroundColor: tokens.colorBrandBackground,\n },\n },\n});\n\n/\n Apply styling to the TeachingPopoverCarouselNavButton slots based on the state\n */\nexport const useTeachingPopoverCarouselNavButtonStyles_unstable = (\n state: TeachingPopoverCarouselNavButtonState,\n): TeachingPopoverCarouselNavButtonState => {\n 'use no memo';\n\n const styles = useStyles();\n const { appearance, isSelected } = state;\n\n const brandStyles = isSelected ? styles.rootBrand : styles.rootBrandUnselected;\n\n state.root.className = mergeClasses(\n teachingPopoverCarouselNavButtonClassNames.root,\n styles.root,\n isSelected ? styles.rootSelected : styles.rootUnselected,\n appearance === 'brand' && brandStyles,\n state.root.className,\n );\n\n return state;\n};\n"],"names":["makeStyles","mergeClasses","shorthands","tokens","createCustomFocusIndicatorStyle","teachingPopoverCarouselNavButtonClassNames","root","useStyles","display","cursor","boxSizing","height","width","backgroundColor","colorBrandBackground","rootUnselected","border","borderRadius","padding","outline","strokeWidthThin","strokeWidthThick","colorStrokeFocus2","borderRadiusMedium","borderColor","opacity","rootSelected","rootBrand","colorNeutralForegroundOnBrand","rootBrandUnselected","useTeachingPopoverCarouselNavButtonStyles_unstable","state","styles","appearance","isSelected","brandStyles","className"],"mappings":"AAAA;;;;;;;;;;;;IAWaK,0CAAAA;;;sDAgEAyB;eAAAA;;;uBAzEwC,iBAAiB;4BAM/C,wBAAwB;8BACC,0BAA0B;AAEnE,mDAA0G;IAC/GxB,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,MAAMC,gBAAYP,iBAAAA,EAAW;IAC3BM,MAAM;QACJE,SAAS;QACTC,QAAQ;QACRC,WAAW;QACXC,QAAQ;QACRC,OAAO;QACPC,iBAAiBV,kBAAAA,CAAOW,oBAAoB;IAC9C;IACAC,gBAAgB;QACdC,QAAQ;QACRC,cAAc;QACdC,SAAS;QACTC,SAAS,GAAGhB,kBAAAA,CAAOiB,eAAe,CAAC,kBAAkB,CAAC;QACtD,OAAGhB,6CAAAA,EAAgC;YACjCe,SAAS,GAAGhB,kBAAAA,CAAOkB,gBAAgB,CAAC,OAAO,EAAElB,kBAAAA,CAAOmB,iBAAiB,EAAE;YACvEL,cAAcd,kBAAAA,CAAOoB,kBAAkB;YACvC,GAAGrB,iBAAAA,CAAWsB,WAAW,CAAC,cAAc;QAC1C,EAAE;QACFX,iBAAiB,CAAC,mBAAmB,EAAEV,kBAAAA,CAAOW,oBAAoB,CAAC,kBAAkB,CAAC;QACtF,0DAA0D;YACxD,iFAAiF;YACjFW,SAAS;YACTZ,iBAAiBV,kBAAAA,CAAOW,oBAAoB;QAC9C;IACF;IACAY,cAAc;QACZP,SAAS,GAAGhB,kBAAAA,CAAOiB,eAAe,CAAC,kBAAkB,CAAC;QACtDR,OAAO;QACPI,QAAQ;QACRC,cAAc;QACdC,SAAS;QACT,OAAGd,6CAAAA,EAAgC;YACjCe,SAAS,GAAGhB,kBAAAA,CAAOkB,gBAAgB,CAAC,OAAO,EAAElB,kBAAAA,CAAOmB,iBAAiB,EAAE;YACvEL,cAAcd,kBAAAA,CAAOoB,kBAAkB;YACvC,GAAGrB,iBAAAA,CAAWsB,WAAW,CAAC,cAAc;QAC1C,EAAE;QACF,kCAAkC;YAChCX,iBAAiB;QACnB;IACF;IACAc,WAAW;QACTd,iBAAiBV,kBAAAA,CAAOyB,6BAA6B;IACvD;IACAC,qBAAqB;QACnBhB,iBAAiB,CAAC,mBAAmB,EAAEV,kBAAAA,CAAOyB,6BAA6B,CAAC,kBAAkB,CAAC;QAC/F,0DAA0D;YACxD,iFAAiF;YACjFH,SAAS;YACTZ,iBAAiBV,kBAAAA,CAAOW,oBAAoB;QAC9C;IACF;AACF;AAKO,2DAA2D,CAChEiB;IAEA;IAEA,MAAMC,SAASzB;IACf,MAAM,EAAE0B,UAAU,EAAEC,UAAU,EAAE,GAAGH;IAEnC,MAAMI,cAAcD,aAAaF,OAAOL,SAAS,GAAGK,OAAOH,mBAAmB;IAE9EE,MAAMzB,IAAI,CAAC8B,SAAS,OAAGnC,mBAAAA,EACrBI,2CAA2CC,IAAI,EAC/C0B,OAAO1B,IAAI,EACX4B,aAAaF,OAAON,YAAY,GAAGM,OAAOjB,cAAc,EACxDkB,eAAe,WAAWE,aAC1BJ,MAAMzB,IAAI,CAAC8B,SAAS;IAGtB,OAAOL;AACT,EAAE"}

package/lib-commonjs/components/TeachingPopoverCarouselPageCount/TeachingPopoverCarouselPageCount.js CHANGED Viewed

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

package/lib-commonjs/components/TeachingPopoverCarouselPageCount/TeachingPopoverCarouselPageCount.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/TeachingPopoverCarouselPageCount/TeachingPopoverCarouselPageCount.tsx"],"sourcesContent":["~~import~~ * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useTeachingPopoverCarouselPageCount_unstable } from './useTeachingPopoverCarouselPageCount';\nimport { renderTeachingPopoverCarouselPageCount_unstable } from './renderTeachingPopoverCarouselPageCount';\nimport { useTeachingPopoverCarouselPageCountStyles_unstable } from './useTeachingPopoverCarouselPageCountStyles.styles';\nimport type { TeachingPopoverCarouselPageCountProps } from './TeachingPopoverCarouselPageCount.types';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/*\n TeachingPopoverCarouselPageCount is a simple interface for rendering based on current and total page count\n \n The child render function will provide both current and total page numbers for customization.\n */\nexport const TeachingPopoverCarouselPageCount: ForwardRefComponent<TeachingPopoverCarouselPageCountProps> =\n React.forwardRef((props, ref) => {\n const state = useTeachingPopoverCarouselPageCount_unstable(props, ref);\n\n useTeachingPopoverCarouselPageCountStyles_unstable(state);\n\n useCustomStyleHook_unstable('useTeachingPopoverCarouselPageCountStyles_unstable')(state);\n\n return renderTeachingPopoverCarouselPageCount_unstable(state);\n });\n\nTeachingPopoverCarouselPageCount.displayName = 'TeachingPopoverCarouselPageCount';\n"],"names":["React","useTeachingPopoverCarouselPageCount_unstable","renderTeachingPopoverCarouselPageCount_unstable","useTeachingPopoverCarouselPageCountStyles_unstable","useCustomStyleHook_unstable","TeachingPopoverCarouselPageCount","forwardRef","props","ref","state","displayName"],"mappings":"~~;;;;+BAaaK;;;;;;;iEAbU~~,QAAQ;qDAE8B,wCAAwC;wDACrC,2CAA2C;iEACxC,qDAAqD;qCAE5E,kCAAkC;AAOvE,~~yCAAMA~~,WAAAA,GACXL,OAAMM,UAAU,CAAC,CAACC,OAAOC;IACvB,MAAMC,~~QAAQR~~,~~qFAAAA~~,EAA6CM,OAAOC;QAElEL,mGAAAA,EAAmDM;QAEnDL,gDAAAA,EAA4B,sDAAsDK;IAElF,WAAOP,uFAAAA,EAAgDO;AACzD,GAAG;AAELJ,iCAAiCK,WAAW,GAAG"}
1	+ {"version":3,"sources":["../src/components/TeachingPopoverCarouselPageCount/TeachingPopoverCarouselPageCount.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useTeachingPopoverCarouselPageCount_unstable } from './useTeachingPopoverCarouselPageCount';\nimport { renderTeachingPopoverCarouselPageCount_unstable } from './renderTeachingPopoverCarouselPageCount';\nimport { useTeachingPopoverCarouselPageCountStyles_unstable } from './useTeachingPopoverCarouselPageCountStyles.styles';\nimport type { TeachingPopoverCarouselPageCountProps } from './TeachingPopoverCarouselPageCount.types';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/*\n TeachingPopoverCarouselPageCount is a simple interface for rendering based on current and total page count\n \n The child render function will provide both current and total page numbers for customization.\n */\nexport const TeachingPopoverCarouselPageCount: ForwardRefComponent<TeachingPopoverCarouselPageCountProps> =\n React.forwardRef((props, ref) => {\n const state = useTeachingPopoverCarouselPageCount_unstable(props, ref);\n\n useTeachingPopoverCarouselPageCountStyles_unstable(state);\n\n useCustomStyleHook_unstable('useTeachingPopoverCarouselPageCountStyles_unstable')(state);\n\n return renderTeachingPopoverCarouselPageCount_unstable(state);\n });\n\nTeachingPopoverCarouselPageCount.displayName = 'TeachingPopoverCarouselPageCount';\n"],"names":["React","useTeachingPopoverCarouselPageCount_unstable","renderTeachingPopoverCarouselPageCount_unstable","useTeachingPopoverCarouselPageCountStyles_unstable","useCustomStyleHook_unstable","TeachingPopoverCarouselPageCount","forwardRef","props","ref","state","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;qDAE8B,wCAAwC;wDACrC,2CAA2C;iEACxC,qDAAqD;qCAE5E,kCAAkC;AAOvE,MAAMK,mCAAAA,WAAAA,GACXL,OAAMM,UAAU,CAAC,CAACC,OAAOC;IACvB,MAAMC,YAAQR,iFAAAA,EAA6CM,OAAOC;QAElEL,mGAAAA,EAAmDM;QAEnDL,gDAAAA,EAA4B,sDAAsDK;IAElF,WAAOP,uFAAAA,EAAgDO;AACzD,GAAG;AAELJ,iCAAiCK,WAAW,GAAG"}

package/lib-commonjs/components/TeachingPopoverCarouselPageCount/useTeachingPopoverCarouselPageCount.js CHANGED Viewed

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

package/lib-commonjs/components/TeachingPopoverCarouselPageCount/useTeachingPopoverCarouselPageCount.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/TeachingPopoverCarouselPageCount/useTeachingPopoverCarouselPageCount.ts"],"sourcesContent":["~~import~~ * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport type {\n TeachingPopoverCarouselPageCountProps,\n TeachingPopoverCarouselPageCountState,\n} from './TeachingPopoverCarouselPageCount.types';\nimport { useCarouselValues_unstable } from '../TeachingPopoverCarousel/Carousel/useCarouselValues';\nimport { useCarouselContext_unstable } from '../TeachingPopoverCarousel/Carousel/CarouselContext';\n\n/*\n Create the state required to render TeachingPopoverCarouselPageCount.\n \n The returned state can be modified with hooks such as useTeachingPopoverCarouselPageCountStyles_unstable,\n * before being passed to renderTeachingPopoverCarouselPageCount_unstable.\n \n @param props - props from this instance of TeachingPopoverCarouselPageCount\n * @param ref - reference to root HTMLDivElement of TeachingPopoverCarouselPageCount\n */\nexport const useTeachingPopoverCarouselPageCount_unstable = (\n props: TeachingPopoverCarouselPageCountProps,\n ref: React.Ref<HTMLDivElement>,\n): TeachingPopoverCarouselPageCountState => {\n const values = useCarouselValues_unstable(snapshot => snapshot);\n\n const selectedValue = useCarouselContext_unstable(c => c.value) ?? values[0];\n const currentIndex = values.indexOf(selectedValue);\n const totalPages = values.length;\n\n return {\n currentIndex,\n totalPages,\n renderPageCount: props.children,\n components: {\n root: 'div',\n },\n root: slot.always(\n getIntrinsicElementProps('div', {\n ref,\n ...props,\n children: props.children(currentIndex + 1, totalPages),\n }),\n { elementType: 'div' },\n ),\n };\n};\n"],"names":["React","getIntrinsicElementProps","slot","useCarouselValues_unstable","useCarouselContext_unstable","useTeachingPopoverCarouselPageCount_unstable","props","ref","values","snapshot","selectedValue","c","value","currentIndex","indexOf","totalPages","length","renderPageCount","children","components","root","always","elementType"],"mappings":"~~;;;;+BAkBaK~~;;;;;;;iEAlBU,QAAQ;gCACgB,4BAA4B;mCAKhC,wDAAwD;iCACvD,sDAAsD;AAW3F,qDAAqD,CAC1DC,OACAC;IAEA,MAAMC,aAASL,6CAAAA,EAA2BM,CAAAA,WAAYA;QAEhCL;IAAtB,MAAMM,gBAAgBN,~~oCAAAA~~,4CAAAA,EAA4BO,CAAAA,IAAKA,EAAEC,MAAK,MAAA,QAAxCR,iCAAAA,KAAAA,IAAAA,+BAA6CI,MAAM,CAAC,EAAE;IAC5E,MAAMK,eAAeL,OAAOM,OAAO,CAACJ;IACpC,MAAMK,aAAaP,OAAOQ,MAAM;IAEhC,OAAO;QACLH;QACAE;QACAE,iBAAiBX,MAAMY,QAAQ;QAC/BC,YAAY;YACVC,MAAM;QACR;QACAA,MAAMlB,oBAAAA,CAAKmB,MAAM,KACfpB,wCAAAA,EAAyB,OAAO;YAC9BM;YACA,GAAGD,KAAK;YACRY,UAAUZ,MAAMY,QAAQ,CAACL,eAAe,GAAGE;QAC7C,IACA;YAAEO,aAAa;QAAM;IAEzB;AACF,EAAE"}
1	+ {"version":3,"sources":["../src/components/TeachingPopoverCarouselPageCount/useTeachingPopoverCarouselPageCount.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport type {\n TeachingPopoverCarouselPageCountProps,\n TeachingPopoverCarouselPageCountState,\n} from './TeachingPopoverCarouselPageCount.types';\nimport { useCarouselValues_unstable } from '../TeachingPopoverCarousel/Carousel/useCarouselValues';\nimport { useCarouselContext_unstable } from '../TeachingPopoverCarousel/Carousel/CarouselContext';\n\n/*\n Create the state required to render TeachingPopoverCarouselPageCount.\n \n The returned state can be modified with hooks such as useTeachingPopoverCarouselPageCountStyles_unstable,\n * before being passed to renderTeachingPopoverCarouselPageCount_unstable.\n \n @param props - props from this instance of TeachingPopoverCarouselPageCount\n * @param ref - reference to root HTMLDivElement of TeachingPopoverCarouselPageCount\n */\nexport const useTeachingPopoverCarouselPageCount_unstable = (\n props: TeachingPopoverCarouselPageCountProps,\n ref: React.Ref<HTMLDivElement>,\n): TeachingPopoverCarouselPageCountState => {\n const values = useCarouselValues_unstable(snapshot => snapshot);\n\n const selectedValue = useCarouselContext_unstable(c => c.value) ?? values[0];\n const currentIndex = values.indexOf(selectedValue);\n const totalPages = values.length;\n\n return {\n currentIndex,\n totalPages,\n renderPageCount: props.children,\n components: {\n root: 'div',\n },\n root: slot.always(\n getIntrinsicElementProps('div', {\n ref,\n ...props,\n children: props.children(currentIndex + 1, totalPages),\n }),\n { elementType: 'div' },\n ),\n };\n};\n"],"names":["React","getIntrinsicElementProps","slot","useCarouselValues_unstable","useCarouselContext_unstable","useTeachingPopoverCarouselPageCount_unstable","props","ref","values","snapshot","selectedValue","c","value","currentIndex","indexOf","totalPages","length","renderPageCount","children","components","root","always","elementType"],"mappings":"AAAA;;;;;+BAoBaK;;;;;;;iEAlBU,QAAQ;gCACgB,4BAA4B;mCAKhC,wDAAwD;iCACvD,sDAAsD;AAW3F,qDAAqD,CAC1DC,OACAC;IAEA,MAAMC,aAASL,6CAAAA,EAA2BM,CAAAA,WAAYA;QAEhCL;IAAtB,MAAMM,gBAAgBN,CAAAA,mCAAAA,4CAAAA,EAA4BO,CAAAA,IAAKA,EAAEC,MAAK,MAAA,QAAxCR,iCAAAA,KAAAA,IAAAA,+BAA6CI,MAAM,CAAC,EAAE;IAC5E,MAAMK,eAAeL,OAAOM,OAAO,CAACJ;IACpC,MAAMK,aAAaP,OAAOQ,MAAM;IAEhC,OAAO;QACLH;QACAE;QACAE,iBAAiBX,MAAMY,QAAQ;QAC/BC,YAAY;YACVC,MAAM;QACR;QACAA,MAAMlB,oBAAAA,CAAKmB,MAAM,KACfpB,wCAAAA,EAAyB,OAAO;YAC9BM;YACA,GAAGD,KAAK;YACRY,UAAUZ,MAAMY,QAAQ,CAACL,eAAe,GAAGE;QAC7C,IACA;YAAEO,aAAa;QAAM;IAEzB;AACF,EAAE"}

package/lib-commonjs/components/TeachingPopoverCarouselPageCount/useTeachingPopoverCarouselPageCountStyles.styles.js CHANGED Viewed

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

package/lib-commonjs/components/TeachingPopoverCarouselPageCount/useTeachingPopoverCarouselPageCountStyles.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["useTeachingPopoverCarouselPageCountStyles.styles.js"],"sourcesContent":["~~import~~ { makeStyles, mergeClasses } from '@griffel/react';\nexport const teachingPopoverCarouselPageCountClassNames = {\n root: 'fui-TeachingPopoverCarouselPageCount'\n};\n/*\n Styles for the root slot\n / const useStyles = makeStyles({\n root: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center'\n }\n});\n/\n Apply styling to the TeachingPopoverCarouselPageCount slots based on the state\n */ export const useTeachingPopoverCarouselPageCountStyles_unstable = (state)=>{\n 'use no memo';\n const styles = useStyles();\n state.root.className = mergeClasses(teachingPopoverCarouselPageCountClassNames.root, styles.root, state.root.className);\n return state;\n};\n"],"names":["__styles","mergeClasses","teachingPopoverCarouselPageCountClassNames","root","useStyles","mc9l5x","Bt984gj","Brf1p80","d","useTeachingPopoverCarouselPageCountStyles_unstable","state","styles","className"],"mappings":"~~;;;;;;;;;;;IACaE~~,0CAA0C;;;sDAcY;;;;uBAf1B,gBAAgB;AAClD,mDAAmD;IACtDC,IAAI,EAAE;AACV,CAAC;AACD;;CAEA,GAAI,MAAMC,SAAS,GAAA,WAAA,~~GAAGJ~~,~~mBAAA~~,EAAA;IAAAG,IAAA,EAAA;QAAAE,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAC,CAAA,EAAA;QAAA;QAAA;QAAA;KAAA;AAAA,CAMrB,CAAC;AAGS,MAAMC,sDAAsDC,KAAK,IAAG;IAC3E,aAAa;IACb,MAAMC,MAAM,GAAGP,SAAS,CAAC,CAAC;IAC1BM,KAAK,CAACP,IAAI,CAACS,SAAS,OAAGX,mBAAY,EAACC,0CAA0C,CAACC,IAAI,EAAEQ,MAAM,CAACR,IAAI,EAAEO,KAAK,CAACP,IAAI,CAACS,SAAS,CAAC;IACvH,OAAOF,KAAK;AAChB,CAAC"}
1	+ {"version":3,"sources":["useTeachingPopoverCarouselPageCountStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nexport const teachingPopoverCarouselPageCountClassNames = {\n root: 'fui-TeachingPopoverCarouselPageCount'\n};\n/*\n Styles for the root slot\n / const useStyles = makeStyles({\n root: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center'\n }\n});\n/\n Apply styling to the TeachingPopoverCarouselPageCount slots based on the state\n */ export const useTeachingPopoverCarouselPageCountStyles_unstable = (state)=>{\n 'use no memo';\n const styles = useStyles();\n state.root.className = mergeClasses(teachingPopoverCarouselPageCountClassNames.root, styles.root, state.root.className);\n return state;\n};\n"],"names":["__styles","mergeClasses","teachingPopoverCarouselPageCountClassNames","root","useStyles","mc9l5x","Bt984gj","Brf1p80","d","useTeachingPopoverCarouselPageCountStyles_unstable","state","styles","className"],"mappings":"AAAA,YAAY;;;;;;;;;;;;IAECE,0CAA0C;;;sDAcY;;;;uBAf1B,gBAAgB;AAClD,mDAAmD;IACtDC,IAAI,EAAE;AACV,CAAC;AACD;;CAEA,GAAI,MAAMC,SAAS,GAAA,WAAA,OAAGJ,eAAA,EAAA;IAAAG,IAAA,EAAA;QAAAE,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAC,CAAA,EAAA;QAAA;QAAA;QAAA;KAAA;AAAA,CAMrB,CAAC;AAGS,MAAMC,sDAAsDC,KAAK,IAAG;IAC3E,aAAa;IACb,MAAMC,MAAM,GAAGP,SAAS,CAAC,CAAC;IAC1BM,KAAK,CAACP,IAAI,CAACS,SAAS,OAAGX,mBAAY,EAACC,0CAA0C,CAACC,IAAI,EAAEQ,MAAM,CAACR,IAAI,EAAEO,KAAK,CAACP,IAAI,CAACS,SAAS,CAAC;IACvH,OAAOF,KAAK;AAChB,CAAC"}

package/lib-commonjs/components/TeachingPopoverCarouselPageCount/useTeachingPopoverCarouselPageCountStyles.styles.raw.js CHANGED Viewed

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

package/lib-commonjs/components/TeachingPopoverCarouselPageCount/useTeachingPopoverCarouselPageCountStyles.styles.raw.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/TeachingPopoverCarouselPageCount/useTeachingPopoverCarouselPageCountStyles.styles.ts"],"sourcesContent":["~~import~~ { makeStyles, mergeClasses } from '@griffel/react';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type {\n TeachingPopoverCarouselPageCountSlots,\n TeachingPopoverCarouselPageCountState,\n} from './TeachingPopoverCarouselPageCount.types';\n\nexport const teachingPopoverCarouselPageCountClassNames: SlotClassNames<TeachingPopoverCarouselPageCountSlots> = {\n root: 'fui-TeachingPopoverCarouselPageCount',\n};\n\n/*\n Styles for the root slot\n /\nconst useStyles = makeStyles({\n root: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n },\n});\n\n/\n Apply styling to the TeachingPopoverCarouselPageCount slots based on the state\n */\nexport const useTeachingPopoverCarouselPageCountStyles_unstable = (\n state: TeachingPopoverCarouselPageCountState,\n): TeachingPopoverCarouselPageCountState => {\n 'use no memo';\n\n const styles = useStyles();\n state.root.className = mergeClasses(\n teachingPopoverCarouselPageCountClassNames.root,\n styles.root,\n state.root.className,\n );\n\n return state;\n};\n"],"names":["makeStyles","mergeClasses","teachingPopoverCarouselPageCountClassNames","root","useStyles","display","alignItems","justifyContent","useTeachingPopoverCarouselPageCountStyles_unstable","state","styles","className"],"mappings":"~~;;;;;;;;;;;IAOaE,0CAAAA~~;;;sDAkBAM~~;eAAAA;;;~~uBAzB4B,iBAAiB;AAOnD,~~mDAA0G~~;IAC/GL,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,MAAMC,gBAAYJ,iBAAAA,EAAW;IAC3BG,MAAM;QACJE,SAAS;QACTC,YAAY;QACZC,gBAAgB;IAClB;AACF;AAKO,~~2DAA2D~~,~~CAChEE~~;IAEA;IAEA,MAAMC,SAASN;IACfK,MAAMN,IAAI,CAACQ,SAAS,OAAGV,mBAAAA,EACrBC,2CAA2CC,IAAI,EAC/CO,OAAOP,IAAI,EACXM,MAAMN,IAAI,CAACQ,SAAS;IAGtB,OAAOF;AACT,EAAE"}
1	+ {"version":3,"sources":["../src/components/TeachingPopoverCarouselPageCount/useTeachingPopoverCarouselPageCountStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type {\n TeachingPopoverCarouselPageCountSlots,\n TeachingPopoverCarouselPageCountState,\n} from './TeachingPopoverCarouselPageCount.types';\n\nexport const teachingPopoverCarouselPageCountClassNames: SlotClassNames<TeachingPopoverCarouselPageCountSlots> = {\n root: 'fui-TeachingPopoverCarouselPageCount',\n};\n\n/*\n Styles for the root slot\n /\nconst useStyles = makeStyles({\n root: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n },\n});\n\n/\n Apply styling to the TeachingPopoverCarouselPageCount slots based on the state\n */\nexport const useTeachingPopoverCarouselPageCountStyles_unstable = (\n state: TeachingPopoverCarouselPageCountState,\n): TeachingPopoverCarouselPageCountState => {\n 'use no memo';\n\n const styles = useStyles();\n state.root.className = mergeClasses(\n teachingPopoverCarouselPageCountClassNames.root,\n styles.root,\n state.root.className,\n );\n\n return state;\n};\n"],"names":["makeStyles","mergeClasses","teachingPopoverCarouselPageCountClassNames","root","useStyles","display","alignItems","justifyContent","useTeachingPopoverCarouselPageCountStyles_unstable","state","styles","className"],"mappings":"AAAA;;;;;;;;;;;;8CASaE;;;sDAkBAM;;;;uBAzB4B,iBAAiB;AAOnD,MAAMN,6CAAoG;IAC/GC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,MAAMC,gBAAYJ,iBAAAA,EAAW;IAC3BG,MAAM;QACJE,SAAS;QACTC,YAAY;QACZC,gBAAgB;IAClB;AACF;AAKO,MAAMC,qDAAqD,CAChEC;IAEA;IAEA,MAAMC,SAASN;IACfK,MAAMN,IAAI,CAACQ,SAAS,OAAGV,mBAAAA,EACrBC,2CAA2CC,IAAI,EAC/CO,OAAOP,IAAI,EACXM,MAAMN,IAAI,CAACQ,SAAS;IAGtB,OAAOF;AACT,EAAE"}

package/lib-commonjs/components/TeachingPopoverFooter/TeachingPopoverFooter.js CHANGED Viewed

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

package/lib-commonjs/components/TeachingPopoverFooter/TeachingPopoverFooter.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/TeachingPopoverFooter/TeachingPopoverFooter.tsx"],"sourcesContent":["~~import~~ * as React from 'react';\nimport { useTeachingPopoverFooter_unstable } from './useTeachingPopoverFooter';\nimport { renderTeachingPopoverFooter_unstable } from './renderTeachingPopoverFooter';\nimport { useTeachingPopoverFooterStyles_unstable } from './useTeachingPopoverFooterStyles.styles';\nimport type { TeachingPopoverFooterProps } from './TeachingPopoverFooter.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/*\n Define a styled TeachingPopoverFooter, using the `useTeachingPopoverFooter_unstable` and `useTeachingPopoverFooterStyles_unstable`\n * hooks.\n \n TeachingPopoverFooter will provide both a secondary and primary button for the TeachingPopover,\n * and handle Popover functionality such as closing the popup.\n \n Users must provide the localized text for each button within the footer via slots.\n */\nexport const TeachingPopoverFooter: ForwardRefComponent<TeachingPopoverFooterProps> = React.forwardRef((props, ref) => {\n const state = useTeachingPopoverFooter_unstable(props, ref);\n\n useTeachingPopoverFooterStyles_unstable(state);\n\n useCustomStyleHook_unstable('useTeachingPopoverFooterStyles_unstable')(state);\n\n return renderTeachingPopoverFooter_unstable(state);\n});\n\nTeachingPopoverFooter.displayName = 'TeachingPopoverFooter';\n"],"names":["React","useTeachingPopoverFooter_unstable","renderTeachingPopoverFooter_unstable","useTeachingPopoverFooterStyles_unstable","useCustomStyleHook_unstable","TeachingPopoverFooter","forwardRef","props","ref","state","displayName"],"mappings":"~~;;;;+BAiBaK;;;;;;;iEAjBU~~,QAAQ;0CACmB,6BAA6B;6CAC1B,gCAAgC;sDAC7B,0CAA0C;qCAGtD,kCAAkC;AAWvE,~~8BAAMA~~,WAAAA,GAAyEL,OAAMM,UAAU,CAAC,CAACC,OAAOC;IAC7G,MAAMC,~~QAAQR,+DAAAA~~,EAAkCM,OAAOC;QAEvDL,6EAAAA,EAAwCM;QAExCL,gDAAAA,EAA4B,2CAA2CK;IAEvE,WAAOP,iEAAAA,EAAqCO;AAC9C,GAAG;AAEHJ,sBAAsBK,WAAW,GAAG"}
1	+ {"version":3,"sources":["../src/components/TeachingPopoverFooter/TeachingPopoverFooter.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useTeachingPopoverFooter_unstable } from './useTeachingPopoverFooter';\nimport { renderTeachingPopoverFooter_unstable } from './renderTeachingPopoverFooter';\nimport { useTeachingPopoverFooterStyles_unstable } from './useTeachingPopoverFooterStyles.styles';\nimport type { TeachingPopoverFooterProps } from './TeachingPopoverFooter.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/*\n Define a styled TeachingPopoverFooter, using the `useTeachingPopoverFooter_unstable` and `useTeachingPopoverFooterStyles_unstable`\n * hooks.\n \n TeachingPopoverFooter will provide both a secondary and primary button for the TeachingPopover,\n * and handle Popover functionality such as closing the popup.\n \n Users must provide the localized text for each button within the footer via slots.\n */\nexport const TeachingPopoverFooter: ForwardRefComponent<TeachingPopoverFooterProps> = React.forwardRef((props, ref) => {\n const state = useTeachingPopoverFooter_unstable(props, ref);\n\n useTeachingPopoverFooterStyles_unstable(state);\n\n useCustomStyleHook_unstable('useTeachingPopoverFooterStyles_unstable')(state);\n\n return renderTeachingPopoverFooter_unstable(state);\n});\n\nTeachingPopoverFooter.displayName = 'TeachingPopoverFooter';\n"],"names":["React","useTeachingPopoverFooter_unstable","renderTeachingPopoverFooter_unstable","useTeachingPopoverFooterStyles_unstable","useCustomStyleHook_unstable","TeachingPopoverFooter","forwardRef","props","ref","state","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;0CACmB,6BAA6B;6CAC1B,gCAAgC;sDAC7B,0CAA0C;qCAGtD,kCAAkC;AAWvE,MAAMK,wBAAAA,WAAAA,GAAyEL,OAAMM,UAAU,CAAC,CAACC,OAAOC;IAC7G,MAAMC,YAAQR,2DAAAA,EAAkCM,OAAOC;QAEvDL,6EAAAA,EAAwCM;QAExCL,gDAAAA,EAA4B,2CAA2CK;IAEvE,WAAOP,iEAAAA,EAAqCO;AAC9C,GAAG;AAEHJ,sBAAsBK,WAAW,GAAG"}

package/lib-commonjs/components/TeachingPopoverFooter/useTeachingPopoverFooter.js CHANGED Viewed

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

package/lib-commonjs/components/TeachingPopoverFooter/useTeachingPopoverFooter.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/TeachingPopoverFooter/useTeachingPopoverFooter.ts"],"sourcesContent":["~~import~~ * as React from 'react';\nimport { getIntrinsicElementProps, mergeCallbacks, slot, useEventCallback } from '@fluentui/react-utilities';\nimport type { TeachingPopoverFooterProps, TeachingPopoverFooterState } from './TeachingPopoverFooter.types';\nimport { Button } from '@fluentui/react-button';\nimport { usePopoverContext_unstable } from '@fluentui/react-popover';\n\n/*\n Returns the props and state required to render the component\n * @param props - TeachingPopoverFooter properties\n * @param ref - reference to root HTMLElement of TeachingPopoverFooter\n */\nexport const useTeachingPopoverFooter_unstable = (\n props: TeachingPopoverFooterProps,\n ref: React.Ref<HTMLDivElement>,\n): TeachingPopoverFooterState => {\n const appearance = usePopoverContext_unstable(context => context.appearance);\n const toggleOpen = usePopoverContext_unstable(context => context.toggleOpen);\n\n const handleButtonClick = useEventCallback(\n (event: React.MouseEvent<HTMLButtonElement & HTMLAnchorElement & HTMLDivElement>) => {\n if (event.isDefaultPrevented()) {\n return;\n }\n\n toggleOpen(event);\n },\n );\n\n const secondary = slot.optional(props.secondary, {\n defaultProps: {\n appearance: appearance === 'brand' ? 'primary' : undefined,\n },\n renderByDefault: props.secondary !== undefined,\n elementType: Button,\n });\n\n // Merge any provided callback with close trigger\n if (secondary) {\n secondary.onClick = mergeCallbacks(handleButtonClick, secondary?.onClick);\n }\n\n const primary = slot.always(props.primary, {\n defaultProps: {\n appearance: appearance === 'brand' ? undefined : 'primary',\n },\n elementType: Button,\n });\n\n // Primary button will close the popover if no secondary action is available.\n if (!secondary) {\n primary.onClick = mergeCallbacks(handleButtonClick, primary?.onClick);\n }\n\n return {\n footerLayout: props.footerLayout ?? 'horizontal',\n appearance,\n components: {\n root: 'div',\n primary: Button,\n secondary: Button,\n },\n root: slot.always(\n getIntrinsicElementProps('div', {\n ref,\n ...props,\n }),\n { elementType: 'div' },\n ),\n secondary,\n primary,\n };\n};\n"],"names":["React","getIntrinsicElementProps","mergeCallbacks","slot","useEventCallback","Button","usePopoverContext_unstable","useTeachingPopoverFooter_unstable","props","ref","appearance","context","toggleOpen","handleButtonClick","event","isDefaultPrevented","secondary","optional","defaultProps","undefined","renderByDefault","elementType","onClick","primary","always","footerLayout","components","root"],"mappings":"~~;;;;+BAWaO~~;;;;;;;iEAXU,QAAQ;gCACkD,4BAA4B;6BAEtF,yBAAyB;8BACL,0BAA0B;AAO9D,0CAA0C,CAC/CC,OACAC;IAEA,MAAMC,iBAAaJ,wCAAAA,EAA2BK,CAAAA,UAAWA,QAAQD,UAAU;IAC3E,MAAME,iBAAaN,wCAAAA,EAA2BK,CAAAA,UAAWA,QAAQC,UAAU;IAE3E,MAAMC,wBAAoBT,gCAAAA,EACxB,CAACU;QACC,IAAIA,MAAMC,kBAAkB,IAAI;YAC9B;QACF;QAEAH,WAAWE;IACb;IAGF,MAAME,YAAYb,oBAAAA,CAAKc,QAAQ,CAACT,MAAMQ,SAAS,EAAE;QAC/CE,cAAc;YACZR,YAAYA,eAAe,UAAU,YAAYS;QACnD;QACAC,iBAAiBZ,MAAMQ,SAAS,KAAKG;QACrCE,aAAahB,mBAAAA;IACf;IAEA,iDAAiD;IACjD,IAAIW,WAAW;QACbA,UAAUM,OAAO,~~OAAGpB~~,~~8BAAAA~~,EAAeW,mBAAmBG,cAAAA,QAAAA,cAAAA,KAAAA,IAAAA,KAAAA,IAAAA,UAAWM,OAAO;IAC1E;IAEA,MAAMC,UAAUpB,oBAAAA,CAAKqB,MAAM,CAAChB,MAAMe,OAAO,EAAE;QACzCL,cAAc;YACZR,YAAYA,eAAe,UAAUS,YAAY;QACnD;QACAE,aAAahB,mBAAAA;IACf;IAEA,6EAA6E;IAC7E,IAAI,CAACW,WAAW;QACdO,QAAQD,OAAO,OAAGpB,8BAAAA,EAAeW,mBAAmBU,YAAAA,QAAAA,YAAAA,KAAAA,IAAAA,KAAAA,IAAAA,QAASD,OAAO;IACtE;QAGgBd;IADhB,OAAO;QACLiB,cAAcjB,CAAAA,sBAAAA,MAAMiB,YAAAA,AAAY,MAAA,QAAlBjB,wBAAAA,KAAAA,IAAAA,sBAAsB;QACpCE;QACAgB,YAAY;YACVC,MAAM;YACNJ,SAASlB,mBAAAA;YACTW,WAAWX,mBAAAA;QACb;QACAsB,MAAMxB,oBAAAA,CAAKqB,MAAM,KACfvB,wCAAAA,EAAyB,OAAO;YAC9BQ;YACA,GAAGD,KAAK;QACV,IACA;YAAEa,aAAa;QAAM;QAEvBL;QACAO;IACF;AACF,EAAE"}
1	+ {"version":3,"sources":["../src/components/TeachingPopoverFooter/useTeachingPopoverFooter.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { getIntrinsicElementProps, mergeCallbacks, slot, useEventCallback } from '@fluentui/react-utilities';\nimport type { TeachingPopoverFooterProps, TeachingPopoverFooterState } from './TeachingPopoverFooter.types';\nimport { Button } from '@fluentui/react-button';\nimport { usePopoverContext_unstable } from '@fluentui/react-popover';\n\n/*\n Returns the props and state required to render the component\n * @param props - TeachingPopoverFooter properties\n * @param ref - reference to root HTMLElement of TeachingPopoverFooter\n */\nexport const useTeachingPopoverFooter_unstable = (\n props: TeachingPopoverFooterProps,\n ref: React.Ref<HTMLDivElement>,\n): TeachingPopoverFooterState => {\n const appearance = usePopoverContext_unstable(context => context.appearance);\n const toggleOpen = usePopoverContext_unstable(context => context.toggleOpen);\n\n const handleButtonClick = useEventCallback(\n (event: React.MouseEvent<HTMLButtonElement & HTMLAnchorElement & HTMLDivElement>) => {\n if (event.isDefaultPrevented()) {\n return;\n }\n\n toggleOpen(event);\n },\n );\n\n const secondary = slot.optional(props.secondary, {\n defaultProps: {\n appearance: appearance === 'brand' ? 'primary' : undefined,\n },\n renderByDefault: props.secondary !== undefined,\n elementType: Button,\n });\n\n // Merge any provided callback with close trigger\n if (secondary) {\n secondary.onClick = mergeCallbacks(handleButtonClick, secondary?.onClick);\n }\n\n const primary = slot.always(props.primary, {\n defaultProps: {\n appearance: appearance === 'brand' ? undefined : 'primary',\n },\n elementType: Button,\n });\n\n // Primary button will close the popover if no secondary action is available.\n if (!secondary) {\n primary.onClick = mergeCallbacks(handleButtonClick, primary?.onClick);\n }\n\n return {\n footerLayout: props.footerLayout ?? 'horizontal',\n appearance,\n components: {\n root: 'div',\n primary: Button,\n secondary: Button,\n },\n root: slot.always(\n getIntrinsicElementProps('div', {\n ref,\n ...props,\n }),\n { elementType: 'div' },\n ),\n secondary,\n primary,\n };\n};\n"],"names":["React","getIntrinsicElementProps","mergeCallbacks","slot","useEventCallback","Button","usePopoverContext_unstable","useTeachingPopoverFooter_unstable","props","ref","appearance","context","toggleOpen","handleButtonClick","event","isDefaultPrevented","secondary","optional","defaultProps","undefined","renderByDefault","elementType","onClick","primary","always","footerLayout","components","root"],"mappings":"AAAA;;;;;+BAaaO;;;;;;;iEAXU,QAAQ;gCACkD,4BAA4B;6BAEtF,yBAAyB;8BACL,0BAA0B;AAO9D,0CAA0C,CAC/CC,OACAC;IAEA,MAAMC,iBAAaJ,wCAAAA,EAA2BK,CAAAA,UAAWA,QAAQD,UAAU;IAC3E,MAAME,iBAAaN,wCAAAA,EAA2BK,CAAAA,UAAWA,QAAQC,UAAU;IAE3E,MAAMC,wBAAoBT,gCAAAA,EACxB,CAACU;QACC,IAAIA,MAAMC,kBAAkB,IAAI;YAC9B;QACF;QAEAH,WAAWE;IACb;IAGF,MAAME,YAAYb,oBAAAA,CAAKc,QAAQ,CAACT,MAAMQ,SAAS,EAAE;QAC/CE,cAAc;YACZR,YAAYA,eAAe,UAAU,YAAYS;QACnD;QACAC,iBAAiBZ,MAAMQ,SAAS,KAAKG;QACrCE,aAAahB,mBAAAA;IACf;IAEA,iDAAiD;IACjD,IAAIW,WAAW;QACbA,UAAUM,OAAO,GAAGpB,kCAAAA,EAAeW,mBAAmBG,cAAAA,QAAAA,cAAAA,KAAAA,IAAAA,KAAAA,IAAAA,UAAWM,OAAO;IAC1E;IAEA,MAAMC,UAAUpB,oBAAAA,CAAKqB,MAAM,CAAChB,MAAMe,OAAO,EAAE;QACzCL,cAAc;YACZR,YAAYA,eAAe,UAAUS,YAAY;QACnD;QACAE,aAAahB,mBAAAA;IACf;IAEA,6EAA6E;IAC7E,IAAI,CAACW,WAAW;QACdO,QAAQD,OAAO,OAAGpB,8BAAAA,EAAeW,mBAAmBU,YAAAA,QAAAA,YAAAA,KAAAA,IAAAA,KAAAA,IAAAA,QAASD,OAAO;IACtE;QAGgBd;IADhB,OAAO;QACLiB,cAAcjB,CAAAA,sBAAAA,MAAMiB,YAAAA,AAAY,MAAA,QAAlBjB,wBAAAA,KAAAA,IAAAA,sBAAsB;QACpCE;QACAgB,YAAY;YACVC,MAAM;YACNJ,SAASlB,mBAAAA;YACTW,WAAWX,mBAAAA;QACb;QACAsB,MAAMxB,oBAAAA,CAAKqB,MAAM,KACfvB,wCAAAA,EAAyB,OAAO;YAC9BQ;YACA,GAAGD,KAAK;QACV,IACA;YAAEa,aAAa;QAAM;QAEvBL;QACAO;IACF;AACF,EAAE"}

package/lib-commonjs/components/TeachingPopoverFooter/useTeachingPopoverFooterStyles.styles.js CHANGED Viewed

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

package/lib-commonjs/components/TeachingPopoverFooter/useTeachingPopoverFooterStyles.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["useTeachingPopoverFooterStyles.styles.js"],"sourcesContent":["~~import~~ { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const teachingPopoverFooterClassNames = {\n root: 'fui-TeachingPopoverFooter',\n primary: 'fui-TeachingPopoverFooter__primary',\n secondary: 'fui-TeachingPopoverFooter__secondary'\n};\nconst useStyles = makeStyles({\n root: {\n display: 'flex',\n gap: '8px',\n paddingTop: '12px'\n },\n rootVertical: {\n flexDirection: 'column'\n },\n rootHorizontal: {\n flexDirection: 'row',\n justifyContent: 'flex-end'\n },\n buttonRootVertical: {\n width: 'auto',\n borderRadius: '4px'\n },\n buttonRootHorizontal: {\n minWidth: '96px',\n borderRadius: '4px'\n },\n brandSecondary: {\n ...shorthands.borderColor(tokens.colorNeutralForegroundOnBrand)\n },\n brandPrimary: {\n color: tokens.colorBrandForeground1,\n backgroundColor: tokens.colorNeutralForegroundOnBrand,\n ':hover': {\n color: tokens.colorCompoundBrandForeground1Hover,\n backgroundColor: tokens.colorNeutralForegroundOnBrand\n },\n ':hover:active': {\n color: tokens.colorCompoundBrandForeground1Pressed,\n backgroundColor: tokens.colorNeutralForegroundOnBrand\n }\n }\n});\n/** Applies style classnames to slots */ export const useTeachingPopoverFooterStyles_unstable = (state)=>{\n 'use no memo';\n const styles = useStyles();\n const { appearance, footerLayout } = state;\n state.root.className = mergeClasses(teachingPopoverFooterClassNames.root, styles.root, footerLayout === 'horizontal' ? styles.rootHorizontal : styles.rootVertical, state.root.className);\n if (state.secondary) {\n state.secondary.className = mergeClasses(teachingPopoverFooterClassNames.secondary, footerLayout === 'horizontal' ? styles.buttonRootHorizontal : styles.buttonRootVertical, appearance === 'brand' ? styles.brandSecondary : undefined, state.secondary.className);\n }\n state.primary.className = mergeClasses(teachingPopoverFooterClassNames.primary, footerLayout === 'horizontal' ? styles.buttonRootHorizontal : styles.buttonRootVertical, appearance === 'brand' ? styles.brandPrimary : undefined, state.primary.className);\n return state;\n};\n"],"names":["__styles","mergeClasses","shorthands","tokens","teachingPopoverFooterClassNames","root","primary","secondary","useStyles","mc9l5x","i8kkvl","Belr9w4","rmohyg","z8tnut","rootVertical","Beiy3e4","rootHorizontal","Brf1p80","buttonRootVertical","a9b677","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","buttonRootHorizontal","Bf4jedk","brandSecondary","g2u3we","h3c5rm","B9xav0g","zhjwy3","brandPrimary","sj55zd","De3pzq","Bi91k9c","Jwef8y","B2d53fq","iro3zm","d","p","h","useTeachingPopoverFooterStyles_unstable","state","styles","appearance","footerLayout","className","undefined"],"mappings":"~~;;;;;;;;;;;IAEaI~~,+BAA+B;;;~~IA0CUsC~~,~~uCAAuC;;;;uBA5CxC,~~gBAAgB;AAE9D,wCAAwC;IAC3CrC,IAAI,EAAE,2BAA2B;IACjCC,OAAO,EAAE,oCAAoC;IAC7CC,SAAS,EAAE;AACf,CAAC;AACD,MAAMC,SAAS,GAAA,WAAA,OAAGR,eAAA,EAAA;IAAAK,IAAA,EAAA;QAAAI,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;IAAAC,YAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAC,cAAA,EAAA;QAAAD,OAAA,EAAA;QAAAE,OAAA,EAAA;IAAA;IAAAC,kBAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;IAAAC,oBAAA,EAAA;QAAAC,OAAA,EAAA;QAAAN,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;IAAAG,cAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;YAAA;YAAA;SAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;YAAA;YAAA;SAAA;IAAA;IAAAC,YAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;AAAA,GAAA;IAAAC,CAAA,EAAA;QAAA;QAAA;YAAA;YAAA;gBAAAC,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;IAAAC,CAAA,EAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA,CAoCjB,CAAC;AAC8C,iDAAiDE,KAAK,IAAG;IACrG,aAAa;IACb,MAAMC,MAAM,GAAGpC,SAAS,CAAC,CAAC;IAC1B,MAAM,EAAEqC,UAAU,EAAEC,YAAAA,EAAc,GAAGH,KAAK;IAC1CA,KAAK,CAACtC,IAAI,CAAC0C,SAAS,OAAG9C,mBAAY,EAACG,+BAA+B,CAACC,IAAI,EAAEuC,MAAM,CAACvC,IAAI,EAAEyC,YAAY,KAAK,YAAY,GAAGF,MAAM,CAAC5B,cAAc,GAAG4B,MAAM,CAAC9B,YAAY,EAAE6B,KAAK,CAACtC,IAAI,CAAC0C,SAAS,CAAC;IACzL,IAAIJ,KAAK,CAACpC,SAAS,EAAE;QACjBoC,KAAK,CAACpC,SAAS,CAACwC,SAAS,~~GAAG9C~~,~~uBAAY~~,EAACG,+BAA+B,CAACG,SAAS,EAAEuC,YAAY,KAAK,YAAY,GAAGF,MAAM,CAACnB,oBAAoB,GAAGmB,MAAM,CAAC1B,kBAAkB,EAAE2B,UAAU,KAAK,OAAO,GAAGD,MAAM,CAACjB,cAAc,GAAGqB,SAAS,EAAEL,KAAK,CAACpC,SAAS,CAACwC,SAAS,CAAC;IACvQ;IACAJ,KAAK,CAACrC,OAAO,CAACyC,SAAS,OAAG9C,mBAAY,EAACG,+BAA+B,CAACE,OAAO,EAAEwC,YAAY,KAAK,YAAY,GAAGF,MAAM,CAACnB,oBAAoB,GAAGmB,MAAM,CAAC1B,kBAAkB,EAAE2B,UAAU,KAAK,OAAO,GAAGD,MAAM,CAACZ,YAAY,GAAGgB,SAAS,EAAEL,KAAK,CAACrC,OAAO,CAACyC,SAAS,CAAC;IAC3P,OAAOJ,KAAK;AAChB,CAAC"}
1	+ {"version":3,"sources":["useTeachingPopoverFooterStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const teachingPopoverFooterClassNames = {\n root: 'fui-TeachingPopoverFooter',\n primary: 'fui-TeachingPopoverFooter__primary',\n secondary: 'fui-TeachingPopoverFooter__secondary'\n};\nconst useStyles = makeStyles({\n root: {\n display: 'flex',\n gap: '8px',\n paddingTop: '12px'\n },\n rootVertical: {\n flexDirection: 'column'\n },\n rootHorizontal: {\n flexDirection: 'row',\n justifyContent: 'flex-end'\n },\n buttonRootVertical: {\n width: 'auto',\n borderRadius: '4px'\n },\n buttonRootHorizontal: {\n minWidth: '96px',\n borderRadius: '4px'\n },\n brandSecondary: {\n ...shorthands.borderColor(tokens.colorNeutralForegroundOnBrand)\n },\n brandPrimary: {\n color: tokens.colorBrandForeground1,\n backgroundColor: tokens.colorNeutralForegroundOnBrand,\n ':hover': {\n color: tokens.colorCompoundBrandForeground1Hover,\n backgroundColor: tokens.colorNeutralForegroundOnBrand\n },\n ':hover:active': {\n color: tokens.colorCompoundBrandForeground1Pressed,\n backgroundColor: tokens.colorNeutralForegroundOnBrand\n }\n }\n});\n/** Applies style classnames to slots */ export const useTeachingPopoverFooterStyles_unstable = (state)=>{\n 'use no memo';\n const styles = useStyles();\n const { appearance, footerLayout } = state;\n state.root.className = mergeClasses(teachingPopoverFooterClassNames.root, styles.root, footerLayout === 'horizontal' ? styles.rootHorizontal : styles.rootVertical, state.root.className);\n if (state.secondary) {\n state.secondary.className = mergeClasses(teachingPopoverFooterClassNames.secondary, footerLayout === 'horizontal' ? styles.buttonRootHorizontal : styles.buttonRootVertical, appearance === 'brand' ? styles.brandSecondary : undefined, state.secondary.className);\n }\n state.primary.className = mergeClasses(teachingPopoverFooterClassNames.primary, footerLayout === 'horizontal' ? styles.buttonRootHorizontal : styles.buttonRootVertical, appearance === 'brand' ? styles.brandPrimary : undefined, state.primary.className);\n return state;\n};\n"],"names":["__styles","mergeClasses","shorthands","tokens","teachingPopoverFooterClassNames","root","primary","secondary","useStyles","mc9l5x","i8kkvl","Belr9w4","rmohyg","z8tnut","rootVertical","Beiy3e4","rootHorizontal","Brf1p80","buttonRootVertical","a9b677","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","buttonRootHorizontal","Bf4jedk","brandSecondary","g2u3we","h3c5rm","B9xav0g","zhjwy3","brandPrimary","sj55zd","De3pzq","Bi91k9c","Jwef8y","B2d53fq","iro3zm","d","p","h","useTeachingPopoverFooterStyles_unstable","state","styles","appearance","footerLayout","className","undefined"],"mappings":"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"}

package/lib-commonjs/components/TeachingPopoverFooter/useTeachingPopoverFooterStyles.styles.raw.js CHANGED Viewed

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

package/lib-commonjs/components/TeachingPopoverFooter/useTeachingPopoverFooterStyles.styles.raw.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/TeachingPopoverFooter/useTeachingPopoverFooterStyles.styles.ts"],"sourcesContent":["~~import~~ { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport type { TeachingPopoverFooterSlots, TeachingPopoverFooterState } from './TeachingPopoverFooter.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { tokens } from '@fluentui/react-theme';\n\nexport const teachingPopoverFooterClassNames: SlotClassNames<TeachingPopoverFooterSlots> = {\n root: 'fui-TeachingPopoverFooter',\n primary: 'fui-TeachingPopoverFooter__primary',\n secondary: 'fui-TeachingPopoverFooter__secondary',\n};\n\nconst useStyles = makeStyles({\n root: {\n display: 'flex',\n gap: '8px',\n paddingTop: '12px',\n },\n rootVertical: {\n flexDirection: 'column',\n },\n rootHorizontal: {\n flexDirection: 'row',\n justifyContent: 'flex-end',\n },\n buttonRootVertical: {\n width: 'auto',\n borderRadius: '4px',\n },\n buttonRootHorizontal: {\n minWidth: '96px',\n borderRadius: '4px',\n },\n brandSecondary: {\n ...shorthands.borderColor(tokens.colorNeutralForegroundOnBrand),\n },\n brandPrimary: {\n color: tokens.colorBrandForeground1,\n backgroundColor: tokens.colorNeutralForegroundOnBrand,\n ':hover': {\n color: tokens.colorCompoundBrandForeground1Hover,\n backgroundColor: tokens.colorNeutralForegroundOnBrand,\n },\n ':hover:active': {\n color: tokens.colorCompoundBrandForeground1Pressed,\n backgroundColor: tokens.colorNeutralForegroundOnBrand,\n },\n },\n});\n\n/** Applies style classnames to slots */\nexport const useTeachingPopoverFooterStyles_unstable = (\n state: TeachingPopoverFooterState,\n): TeachingPopoverFooterState => {\n 'use no memo';\n\n const styles = useStyles();\n const { appearance, footerLayout } = state;\n\n state.root.className = mergeClasses(\n teachingPopoverFooterClassNames.root,\n styles.root,\n footerLayout === 'horizontal' ? styles.rootHorizontal : styles.rootVertical,\n state.root.className,\n );\n if (state.secondary) {\n state.secondary.className = mergeClasses(\n teachingPopoverFooterClassNames.secondary,\n footerLayout === 'horizontal' ? styles.buttonRootHorizontal : styles.buttonRootVertical,\n appearance === 'brand' ? styles.brandSecondary : undefined,\n state.secondary.className,\n );\n }\n state.primary.className = mergeClasses(\n teachingPopoverFooterClassNames.primary,\n footerLayout === 'horizontal' ? styles.buttonRootHorizontal : styles.buttonRootVertical,\n appearance === 'brand' ? styles.brandPrimary : undefined,\n state.primary.className,\n );\n\n return state;\n};\n"],"names":["makeStyles","mergeClasses","shorthands","tokens","teachingPopoverFooterClassNames","root","primary","secondary","useStyles","display","gap","paddingTop","rootVertical","flexDirection","rootHorizontal","justifyContent","buttonRootVertical","width","borderRadius","buttonRootHorizontal","minWidth","brandSecondary","borderColor","colorNeutralForegroundOnBrand","brandPrimary","color","colorBrandForeground1","backgroundColor","colorCompoundBrandForeground1Hover","colorCompoundBrandForeground1Pressed","useTeachingPopoverFooterStyles_unstable","state","styles","appearance","footerLayout","className","undefined"],"mappings":"~~;;;;;;;;;;;IAKaI~~,+BAAAA;;;~~IA6CA0B,uCAAAA;;;;~~uBAlDwC,iBAAiB;4BAG/C,wBAAwB;AAExC,wCAAoF;IACzFzB,MAAM;IACNC,SAAS;IACTC,WAAW;AACb,EAAE;AAEF,MAAMC,gBAAYR,iBAAAA,EAAW;IAC3BK,MAAM;QACJI,SAAS;QACTC,KAAK;QACLC,YAAY;IACd;IACAC,cAAc;QACZC,eAAe;IACjB;IACAC,gBAAgB;QACdD,eAAe;QACfE,gBAAgB;IAClB;IACAC,oBAAoB;QAClBC,OAAO;QACPC,cAAc;IAChB;IACAC,sBAAsB;QACpBC,UAAU;QACVF,cAAc;IAChB;IACAG,gBAAgB;QACd,GAAGnB,iBAAAA,CAAWoB,WAAW,CAACnB,kBAAAA,CAAOoB,6BAA6B,CAAC;IACjE;IACAC,cAAc;QACZC,OAAOtB,kBAAAA,CAAOuB,qBAAqB;QACnCC,iBAAiBxB,kBAAAA,CAAOoB,6BAA6B;QACrD,UAAU;YACRE,OAAOtB,kBAAAA,CAAOyB,kCAAkC;YAChDD,iBAAiBxB,kBAAAA,CAAOoB,6BAA6B;QACvD;QACA,iBAAiB;YACfE,OAAOtB,kBAAAA,CAAO0B,oCAAoC;YAClDF,iBAAiBxB,kBAAAA,CAAOoB,6BAA6B;QACvD;IACF;AACF;AAGO,gDAAgD,CACrDQ;IAEA;IAEA,MAAMC,SAASxB;IACf,MAAM,EAAEyB,UAAU,EAAEC,YAAY,EAAE,GAAGH;IAErCA,MAAM1B,IAAI,CAAC8B,SAAS,OAAGlC,mBAAAA,EACrBG,gCAAgCC,IAAI,EACpC2B,OAAO3B,IAAI,EACX6B,iBAAiB,eAAeF,OAAOlB,cAAc,GAAGkB,OAAOpB,YAAY,EAC3EmB,MAAM1B,IAAI,CAAC8B,SAAS;IAEtB,IAAIJ,MAAMxB,SAAS,EAAE;QACnBwB,MAAMxB,SAAS,CAAC4B,SAAS,OAAGlC,mBAAAA,EAC1BG,gCAAgCG,SAAS,EACzC2B,iBAAiB,eAAeF,OAAOb,oBAAoB,GAAGa,OAAOhB,kBAAkB,EACvFiB,eAAe,UAAUD,OAAOX,cAAc,GAAGe,WACjDL,MAAMxB,SAAS,CAAC4B,SAAS;IAE7B;IACAJ,MAAMzB,OAAO,CAAC6B,SAAS,~~OAAGlC~~,~~mBAAAA~~,EACxBG,gCAAgCE,OAAO,EACvC4B,iBAAiB,eAAeF,OAAOb,oBAAoB,GAAGa,OAAOhB,kBAAkB,EACvFiB,eAAe,UAAUD,OAAOR,YAAY,GAAGY,WAC/CL,MAAMzB,OAAO,CAAC6B,SAAS;IAGzB,OAAOJ;AACT,EAAE"}
1	+ {"version":3,"sources":["../src/components/TeachingPopoverFooter/useTeachingPopoverFooterStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport type { TeachingPopoverFooterSlots, TeachingPopoverFooterState } from './TeachingPopoverFooter.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { tokens } from '@fluentui/react-theme';\n\nexport const teachingPopoverFooterClassNames: SlotClassNames<TeachingPopoverFooterSlots> = {\n root: 'fui-TeachingPopoverFooter',\n primary: 'fui-TeachingPopoverFooter__primary',\n secondary: 'fui-TeachingPopoverFooter__secondary',\n};\n\nconst useStyles = makeStyles({\n root: {\n display: 'flex',\n gap: '8px',\n paddingTop: '12px',\n },\n rootVertical: {\n flexDirection: 'column',\n },\n rootHorizontal: {\n flexDirection: 'row',\n justifyContent: 'flex-end',\n },\n buttonRootVertical: {\n width: 'auto',\n borderRadius: '4px',\n },\n buttonRootHorizontal: {\n minWidth: '96px',\n borderRadius: '4px',\n },\n brandSecondary: {\n ...shorthands.borderColor(tokens.colorNeutralForegroundOnBrand),\n },\n brandPrimary: {\n color: tokens.colorBrandForeground1,\n backgroundColor: tokens.colorNeutralForegroundOnBrand,\n ':hover': {\n color: tokens.colorCompoundBrandForeground1Hover,\n backgroundColor: tokens.colorNeutralForegroundOnBrand,\n },\n ':hover:active': {\n color: tokens.colorCompoundBrandForeground1Pressed,\n backgroundColor: tokens.colorNeutralForegroundOnBrand,\n },\n },\n});\n\n/** Applies style classnames to slots */\nexport const useTeachingPopoverFooterStyles_unstable = (\n state: TeachingPopoverFooterState,\n): TeachingPopoverFooterState => {\n 'use no memo';\n\n const styles = useStyles();\n const { appearance, footerLayout } = state;\n\n state.root.className = mergeClasses(\n teachingPopoverFooterClassNames.root,\n styles.root,\n footerLayout === 'horizontal' ? styles.rootHorizontal : styles.rootVertical,\n state.root.className,\n );\n if (state.secondary) {\n state.secondary.className = mergeClasses(\n teachingPopoverFooterClassNames.secondary,\n footerLayout === 'horizontal' ? styles.buttonRootHorizontal : styles.buttonRootVertical,\n appearance === 'brand' ? styles.brandSecondary : undefined,\n state.secondary.className,\n );\n }\n state.primary.className = mergeClasses(\n teachingPopoverFooterClassNames.primary,\n footerLayout === 'horizontal' ? styles.buttonRootHorizontal : styles.buttonRootVertical,\n appearance === 'brand' ? styles.brandPrimary : undefined,\n state.primary.className,\n );\n\n return state;\n};\n"],"names":["makeStyles","mergeClasses","shorthands","tokens","teachingPopoverFooterClassNames","root","primary","secondary","useStyles","display","gap","paddingTop","rootVertical","flexDirection","rootHorizontal","justifyContent","buttonRootVertical","width","borderRadius","buttonRootHorizontal","minWidth","brandSecondary","borderColor","colorNeutralForegroundOnBrand","brandPrimary","color","colorBrandForeground1","backgroundColor","colorCompoundBrandForeground1Hover","colorCompoundBrandForeground1Pressed","useTeachingPopoverFooterStyles_unstable","state","styles","appearance","footerLayout","className","undefined"],"mappings":"AAAA;;;;;;;;;;;;IAOaI,+BAAAA;;;2CA6CA0B;eAAAA;;;uBAlDwC,iBAAiB;4BAG/C,wBAAwB;AAExC,wCAAoF;IACzFzB,MAAM;IACNC,SAAS;IACTC,WAAW;AACb,EAAE;AAEF,MAAMC,gBAAYR,iBAAAA,EAAW;IAC3BK,MAAM;QACJI,SAAS;QACTC,KAAK;QACLC,YAAY;IACd;IACAC,cAAc;QACZC,eAAe;IACjB;IACAC,gBAAgB;QACdD,eAAe;QACfE,gBAAgB;IAClB;IACAC,oBAAoB;QAClBC,OAAO;QACPC,cAAc;IAChB;IACAC,sBAAsB;QACpBC,UAAU;QACVF,cAAc;IAChB;IACAG,gBAAgB;QACd,GAAGnB,iBAAAA,CAAWoB,WAAW,CAACnB,kBAAAA,CAAOoB,6BAA6B,CAAC;IACjE;IACAC,cAAc;QACZC,OAAOtB,kBAAAA,CAAOuB,qBAAqB;QACnCC,iBAAiBxB,kBAAAA,CAAOoB,6BAA6B;QACrD,UAAU;YACRE,OAAOtB,kBAAAA,CAAOyB,kCAAkC;YAChDD,iBAAiBxB,kBAAAA,CAAOoB,6BAA6B;QACvD;QACA,iBAAiB;YACfE,OAAOtB,kBAAAA,CAAO0B,oCAAoC;YAClDF,iBAAiBxB,kBAAAA,CAAOoB,6BAA6B;QACvD;IACF;AACF;AAGO,gDAAgD,CACrDQ;IAEA;IAEA,MAAMC,SAASxB;IACf,MAAM,EAAEyB,UAAU,EAAEC,YAAY,EAAE,GAAGH;IAErCA,MAAM1B,IAAI,CAAC8B,SAAS,OAAGlC,mBAAAA,EACrBG,gCAAgCC,IAAI,EACpC2B,OAAO3B,IAAI,EACX6B,iBAAiB,eAAeF,OAAOlB,cAAc,GAAGkB,OAAOpB,YAAY,EAC3EmB,MAAM1B,IAAI,CAAC8B,SAAS;IAEtB,IAAIJ,MAAMxB,SAAS,EAAE;QACnBwB,MAAMxB,SAAS,CAAC4B,SAAS,OAAGlC,mBAAAA,EAC1BG,gCAAgCG,SAAS,EACzC2B,iBAAiB,eAAeF,OAAOb,oBAAoB,GAAGa,OAAOhB,kBAAkB,EACvFiB,eAAe,UAAUD,OAAOX,cAAc,GAAGe,WACjDL,MAAMxB,SAAS,CAAC4B,SAAS;IAE7B;IACAJ,MAAMzB,OAAO,CAAC6B,SAAS,GAAGlC,uBAAAA,EACxBG,gCAAgCE,OAAO,EACvC4B,iBAAiB,eAAeF,OAAOb,oBAAoB,GAAGa,OAAOhB,kBAAkB,EACvFiB,eAAe,UAAUD,OAAOR,YAAY,GAAGY,WAC/CL,MAAMzB,OAAO,CAAC6B,SAAS;IAGzB,OAAOJ;AACT,EAAE"}

package/lib-commonjs/components/TeachingPopoverHeader/TeachingPopoverHeader.js CHANGED Viewed

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

package/lib-commonjs/components/TeachingPopoverHeader/TeachingPopoverHeader.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/TeachingPopoverHeader/TeachingPopoverHeader.tsx"],"sourcesContent":["~~import~~ * as React from 'react';\nimport { useTeachingPopoverHeader_unstable } from './useTeachingPopoverHeader';\nimport { renderTeachingPopoverHeader_unstable } from './renderTeachingPopoverHeader';\nimport { useTeachingPopoverHeaderStyles_unstable } from './useTeachingPopoverHeaderStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport type { TeachingPopoverHeaderProps } from './TeachingPopoverHeader.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/*\n Define a styled TeachingPopoverHeader, using the `useTeachingPopoverHeader_unstable` and `useTeachingPopoverHeaderStyles_unstable`\n * hooks.\n \n TeachingPopoverHeader is an info subtitle located at the top of the popover, it provides a dismiss button by default (can be nulled)\n * and an info-tip icon that can be overridden or removed, subtitle displayed will be the children elements of TeachingPopoverHeader.\n */\nexport const TeachingPopoverHeader: ForwardRefComponent<TeachingPopoverHeaderProps> = React.forwardRef((props, ref) => {\n const state = useTeachingPopoverHeader_unstable(props, ref);\n\n useTeachingPopoverHeaderStyles_unstable(state);\n\n useCustomStyleHook_unstable('useTeachingPopoverHeaderStyles_unstable')(state);\n\n return renderTeachingPopoverHeader_unstable(state);\n});\n\nTeachingPopoverHeader.displayName = 'TeachingPopoverHeader';\n"],"names":["React","useTeachingPopoverHeader_unstable","renderTeachingPopoverHeader_unstable","useTeachingPopoverHeaderStyles_unstable","useCustomStyleHook_unstable","TeachingPopoverHeader","forwardRef","props","ref","state","displayName"],"mappings":"~~;;;;+BAeaK;;;;;;;iEAfU~~,QAAQ;0CACmB,6BAA6B;6CAC1B,gCAAgC;sDAC7B,0CAA0C;qCACtD,kCAAkC;AAWvE,~~8BAAMA~~,WAAAA,GAAyEL,OAAMM,UAAU,CAAC,CAACC,OAAOC;IAC7G,MAAMC,~~QAAQR,+DAAAA~~,EAAkCM,OAAOC;QAEvDL,6EAAAA,EAAwCM;QAExCL,gDAAAA,EAA4B,2CAA2CK;IAEvE,WAAOP,iEAAAA,EAAqCO;AAC9C,GAAG;AAEHJ,sBAAsBK,WAAW,GAAG"}
1	+ {"version":3,"sources":["../src/components/TeachingPopoverHeader/TeachingPopoverHeader.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useTeachingPopoverHeader_unstable } from './useTeachingPopoverHeader';\nimport { renderTeachingPopoverHeader_unstable } from './renderTeachingPopoverHeader';\nimport { useTeachingPopoverHeaderStyles_unstable } from './useTeachingPopoverHeaderStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport type { TeachingPopoverHeaderProps } from './TeachingPopoverHeader.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/*\n Define a styled TeachingPopoverHeader, using the `useTeachingPopoverHeader_unstable` and `useTeachingPopoverHeaderStyles_unstable`\n * hooks.\n \n TeachingPopoverHeader is an info subtitle located at the top of the popover, it provides a dismiss button by default (can be nulled)\n * and an info-tip icon that can be overridden or removed, subtitle displayed will be the children elements of TeachingPopoverHeader.\n */\nexport const TeachingPopoverHeader: ForwardRefComponent<TeachingPopoverHeaderProps> = React.forwardRef((props, ref) => {\n const state = useTeachingPopoverHeader_unstable(props, ref);\n\n useTeachingPopoverHeaderStyles_unstable(state);\n\n useCustomStyleHook_unstable('useTeachingPopoverHeaderStyles_unstable')(state);\n\n return renderTeachingPopoverHeader_unstable(state);\n});\n\nTeachingPopoverHeader.displayName = 'TeachingPopoverHeader';\n"],"names":["React","useTeachingPopoverHeader_unstable","renderTeachingPopoverHeader_unstable","useTeachingPopoverHeaderStyles_unstable","useCustomStyleHook_unstable","TeachingPopoverHeader","forwardRef","props","ref","state","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;0CACmB,6BAA6B;6CAC1B,gCAAgC;sDAC7B,0CAA0C;qCACtD,kCAAkC;AAWvE,MAAMK,wBAAAA,WAAAA,GAAyEL,OAAMM,UAAU,CAAC,CAACC,OAAOC;IAC7G,MAAMC,YAAQR,2DAAAA,EAAkCM,OAAOC;QAEvDL,6EAAAA,EAAwCM;QAExCL,gDAAAA,EAA4B,2CAA2CK;IAEvE,WAAOP,iEAAAA,EAAqCO;AAC9C,GAAG;AAEHJ,sBAAsBK,WAAW,GAAG"}

package/lib-commonjs/components/TeachingPopoverHeader/useTeachingPopoverHeader.js CHANGED Viewed

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

package/lib-commonjs/components/TeachingPopoverHeader/useTeachingPopoverHeader.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/TeachingPopoverHeader/useTeachingPopoverHeader.tsx"],"sourcesContent":["~~import~~ * as React from 'react';\nimport { getIntrinsicElementProps, useEventCallback, slot } from '@fluentui/react-utilities';\nimport type { TeachingPopoverHeaderProps, TeachingPopoverHeaderState } from './TeachingPopoverHeader.types';\n\nimport { Dismiss12Regular, Lightbulb16Regular } from '@fluentui/react-icons';\nimport { usePopoverContext_unstable } from '@fluentui/react-popover';\n\n/*\n Returns the props and state required to render the component\n * @param props - TeachingPopoverHeader properties\n * @param ref - reference to root HTMLElement of TeachingPopoverHeader\n */\nexport const useTeachingPopoverHeader_unstable = (\n props: TeachingPopoverHeaderProps,\n ref: React.Ref<HTMLDivElement>,\n): TeachingPopoverHeaderState => {\n const { dismissButton, icon } = 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: 'div',\n dismissButton: 'button',\n icon: 'div',\n },\n root: slot.always(\n getIntrinsicElementProps('div', {\n ref,\n ...props,\n }),\n { elementType: 'div' },\n ),\n icon: slot.optional(icon, {\n renderByDefault: true,\n defaultProps: {\n children: <Lightbulb16Regular />,\n 'aria-hidden': true,\n },\n elementType: 'div',\n }),\n dismissButton: slot.optional(dismissButton, {\n renderByDefault: true,\n defaultProps: {\n children: <Dismiss12Regular />,\n role: 'button',\n 'aria-label': 'dismiss',\n onClick: onDismissButtonClick,\n },\n elementType: 'button',\n }),\n };\n};\n"],"names":["React","getIntrinsicElementProps","useEventCallback","slot","Dismiss12Regular","Lightbulb16Regular","usePopoverContext_unstable","useTeachingPopoverHeader_unstable","props","ref","dismissButton","icon","setOpen","context","triggerRef","appearance","onDismissButtonClick","ev","defaultPrevented","current","focus","components","root","always","elementType","optional","renderByDefault","defaultProps","children","role","onClick"],"mappings":"~~;;;;+BAYaO~~;;;;;;;iEAZU,QAAQ;gCACkC,4BAA4B;4BAGxC,wBAAwB;8BAClC,0BAA0B;AAO9D,0CAA0C,CAC/CC,OACAC;IAEA,MAAM,EAAEC,aAAa,EAAEC,IAAI,EAAE,GAAGH;IAEhC,MAAMI,cAAUN,wCAAAA,EAA2BO,CAAAA,UAAWA,QAAQD,OAAO;IACrE,MAAME,iBAAaR,wCAAAA,EAA2BO,CAAAA,UAAWA,QAAQC,UAAU;IAC3E,MAAMC,iBAAaT,wCAAAA,EAA2BO,CAAAA,UAAWA,QAAQE,UAAU;IAE3E,MAAMC,~~uBAAuBd~~,~~oCAAAA~~,EAAiB,CAACe;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;YACNZ,eAAe;YACfC,MAAM;QACR;QACAW,MAAMnB,oBAAAA,CAAKoB,MAAM,KACftB,wCAAAA,EAAyB,OAAO;YAC9BQ;YACA,GAAGD,KAAK;QACV,IACA;YAAEgB,aAAa;QAAM;QAEvBb,MAAMR,oBAAAA,CAAKsB,QAAQ,CAACd,MAAM;YACxBe,iBAAiB;YACjBC,cAAc;gBACZC,UAAAA,WAAAA,GAAU,OAAA,aAAA,CAACvB,8BAAAA,EAAAA;gBACX,eAAe;YACjB;YACAmB,aAAa;QACf;QACAd,eAAeP,oBAAAA,CAAKsB,QAAQ,CAACf,eAAe;YAC1CgB,iBAAiB;YACjBC,cAAc;gBACZC,UAAAA,WAAAA,GAAU,OAAA,aAAA,CAACxB,4BAAAA,EAAAA;gBACXyB,MAAM;gBACN,cAAc;gBACdC,SAASd;YACX;YACAQ,aAAa;QACf;IACF;AACF,EAAE"}
1	+ {"version":3,"sources":["../src/components/TeachingPopoverHeader/useTeachingPopoverHeader.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { getIntrinsicElementProps, useEventCallback, slot } from '@fluentui/react-utilities';\nimport type { TeachingPopoverHeaderProps, TeachingPopoverHeaderState } from './TeachingPopoverHeader.types';\n\nimport { Dismiss12Regular, Lightbulb16Regular } from '@fluentui/react-icons';\nimport { usePopoverContext_unstable } from '@fluentui/react-popover';\n\n/*\n Returns the props and state required to render the component\n * @param props - TeachingPopoverHeader properties\n * @param ref - reference to root HTMLElement of TeachingPopoverHeader\n */\nexport const useTeachingPopoverHeader_unstable = (\n props: TeachingPopoverHeaderProps,\n ref: React.Ref<HTMLDivElement>,\n): TeachingPopoverHeaderState => {\n const { dismissButton, icon } = 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: 'div',\n dismissButton: 'button',\n icon: 'div',\n },\n root: slot.always(\n getIntrinsicElementProps('div', {\n ref,\n ...props,\n }),\n { elementType: 'div' },\n ),\n icon: slot.optional(icon, {\n renderByDefault: true,\n defaultProps: {\n children: <Lightbulb16Regular />,\n 'aria-hidden': true,\n },\n elementType: 'div',\n }),\n dismissButton: slot.optional(dismissButton, {\n renderByDefault: true,\n defaultProps: {\n children: <Dismiss12Regular />,\n role: 'button',\n 'aria-label': 'dismiss',\n onClick: onDismissButtonClick,\n },\n elementType: 'button',\n }),\n };\n};\n"],"names":["React","getIntrinsicElementProps","useEventCallback","slot","Dismiss12Regular","Lightbulb16Regular","usePopoverContext_unstable","useTeachingPopoverHeader_unstable","props","ref","dismissButton","icon","setOpen","context","triggerRef","appearance","onDismissButtonClick","ev","defaultPrevented","current","focus","components","root","always","elementType","optional","renderByDefault","defaultProps","children","role","onClick"],"mappings":"AAAA;;;;;+BAcaO;;;;;;;iEAZU,QAAQ;gCACkC,4BAA4B;4BAGxC,wBAAwB;8BAClC,0BAA0B;AAO9D,0CAA0C,CAC/CC,OACAC;IAEA,MAAM,EAAEC,aAAa,EAAEC,IAAI,EAAE,GAAGH;IAEhC,MAAMI,cAAUN,wCAAAA,EAA2BO,CAAAA,UAAWA,QAAQD,OAAO;IACrE,MAAME,iBAAaR,wCAAAA,EAA2BO,CAAAA,UAAWA,QAAQC,UAAU;IAC3E,MAAMC,iBAAaT,wCAAAA,EAA2BO,CAAAA,UAAWA,QAAQE,UAAU;IAE3E,MAAMC,2BAAuBd,gCAAAA,EAAiB,CAACe;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;YACNZ,eAAe;YACfC,MAAM;QACR;QACAW,MAAMnB,oBAAAA,CAAKoB,MAAM,KACftB,wCAAAA,EAAyB,OAAO;YAC9BQ;YACA,GAAGD,KAAK;QACV,IACA;YAAEgB,aAAa;QAAM;QAEvBb,MAAMR,oBAAAA,CAAKsB,QAAQ,CAACd,MAAM;YACxBe,iBAAiB;YACjBC,cAAc;gBACZC,UAAAA,WAAAA,GAAU,OAAA,aAAA,CAACvB,8BAAAA,EAAAA;gBACX,eAAe;YACjB;YACAmB,aAAa;QACf;QACAd,eAAeP,oBAAAA,CAAKsB,QAAQ,CAACf,eAAe;YAC1CgB,iBAAiB;YACjBC,cAAc;gBACZC,UAAAA,WAAAA,GAAU,OAAA,aAAA,CAACxB,4BAAAA,EAAAA;gBACXyB,MAAM;gBACN,cAAc;gBACdC,SAASd;YACX;YACAQ,aAAa;QACf;IACF;AACF,EAAE"}

package/lib-commonjs/components/TeachingPopoverHeader/useTeachingPopoverHeaderStyles.styles.js CHANGED Viewed

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

package/lib-commonjs/components/TeachingPopoverHeader/useTeachingPopoverHeaderStyles.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["useTeachingPopoverHeaderStyles.styles.js"],"sourcesContent":["~~import~~ { shorthands, makeStyles, mergeClasses } from '@griffel/react';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nexport const teachingPopoverHeaderClassNames = {\n root: 'fui-TeachingPopoverHeader',\n dismissButton: 'fui-TeachingPopoverHeader__dismissButton',\n icon: 'fui-TeachingPopoverHeader__icon'\n};\nconst useStyles = makeStyles({\n root: {\n display: 'flex',\n flexDirection: 'row',\n color: tokens.colorNeutralForeground3,\n fontWeight: tokens.fontWeightSemibold,\n fontSize: tokens.fontSizeBase200,\n lineHeight: tokens.lineHeightBase200,\n paddingBottom: tokens.spacingVerticalXS,\n alignItems: 'center',\n marginTop: tokens.spacingHorizontalNone,\n marginBottom: tokens.spacingHorizontalNone\n },\n rootBrand: {\n color: tokens.colorNeutralForegroundOnBrand\n },\n dismissButton: {\n color: tokens.colorNeutralForeground2,\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 marginInlineStart: 'auto',\n padding: `${tokens.spacingVerticalXS} ${tokens.spacingHorizontalXS}`,\n ...createCustomFocusIndicatorStyle({\n outline: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`,\n borderRadius: tokens.borderRadiusMedium,\n ...shorthands.borderColor('transparent')\n })\n },\n dismissBrand: {\n color: tokens.colorNeutralForegroundOnBrand\n },\n icon: {\n height: tokens.fontSizeBase200,\n width: tokens.fontSizeBase200,\n lineHeight: tokens.lineHeightBase200,\n fontSize: tokens.fontSizeBase200,\n alignItems: 'center',\n boxSizing: 'content-box',\n display: 'inline-flex',\n justifyContent: 'center',\n textDecorationLine: 'none',\n verticalAlign: 'middle',\n position: 'relative',\n backgroundColor: tokens.colorTransparentBackground,\n color: tokens.colorNeutralForeground2,\n marginInlineEnd: tokens.spacingHorizontalXS\n },\n iconBrand: {\n color: tokens.colorNeutralForegroundOnBrand\n }\n});\n/** Applies style classnames to slots */ export const useTeachingPopoverHeaderStyles_unstable = (state)=>{\n 'use no memo';\n const styles = useStyles();\n const { appearance } = state;\n state.root.className = mergeClasses(teachingPopoverHeaderClassNames.root, styles.root, appearance === 'brand' && styles.rootBrand, state.root.className);\n if (state.dismissButton) {\n state.dismissButton.className = mergeClasses(teachingPopoverHeaderClassNames.dismissButton, styles.dismissButton, appearance === 'brand' ? styles.dismissBrand : undefined, state.dismissButton.className);\n }\n if (state.icon) {\n state.icon.className = mergeClasses(teachingPopoverHeaderClassNames.icon, styles.icon, appearance === 'brand' ? styles.iconBrand : undefined, state.icon.className);\n }\n return state;\n};\n"],"names":["shorthands","__styles","mergeClasses","createCustomFocusIndicatorStyle","tokens","typographyStyles","teachingPopoverHeaderClassNames","root","dismissButton","icon","useStyles","mc9l5x","Beiy3e4","sj55zd","Bhrd7zp","Be2twd7","Bg96gwp","Byoj8tv","Bt984gj","B6of3ja","jrapky","rootBrand","qhf8xq","Bgfg5da","B9xav0g","oivjwe","Bn0qgzm","B4g9neb","zhjwy3","wvpqe5","ibv6hh","u1mtju","h3c5rm","vrafjx","Bekrc4i","i8vvqc","g2u3we","icvyot","B4j52fo","irswps","Bceei9c","Bahqtrf","De3pzq","B7ck84d","B7oj6ja","Bbmb7ep","Jyy4pa","uwmqm3","z189sj","z8tnut","B0ocmuz","Bfpq7zp","g9k6zt","Bn4voq9","giviqs","Bw81rd7","kdpuga","dm238s","B6xbmo0","B3whbx2","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","dismissBrand","Bqenvij","a9b677","Brf1p80","w71qe1","ha4doy","Bokbzmb","iconBrand","d","p","useTeachingPopoverHeaderStyles_unstable","state","styles","appearance","className","undefined"],"mappings":"~~;;;;;;;;;;;IAGaM~~,+BAA+B;;;~~2CAiEiD~~;;;;uBApExC,gBAAgB;AAG9D,wCAAwC;~~IAC3CC~~,IAAI,EAAE,2BAA2B;IACjCC,aAAa,EAAE,0CAA0C;IACzDC,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,SAAS,GAAA,WAAA,OAAGT,eAAA,EAAA;IAAAM,IAAA,EAAA;QAAAI,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;IAAAC,SAAA,EAAA;QAAAR,MAAA,EAAA;IAAA;IAAAL,aAAA,EAAA;QAAAK,MAAA,EAAA;QAAAS,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;YAAA;YAAA;SAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAA5B,MAAA,EAAA;QAAAO,OAAA,EAAA;QAAAsB,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAA1B,OAAA,EAAA;QAAAD,OAAA,EAAA;QAAAE,OAAA,EAAA;QAAA0B,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;YAAA;YAAA;SAAA;QAAAC,OAAA,EAAA;YAAA;YAAA;SAAA;QAAAC,MAAA,EAAA;QAAA7B,OAAA,EAAA;QAAA8B,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;YAAA;YAAA;SAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;YAAA;YAAA;SAAA;IAAA;IAAAC,YAAA,EAAA;QAAAnD,MAAA,EAAA;IAAA;IAAAJ,IAAA,EAAA;QAAAwD,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAlD,OAAA,EAAA;QAAAD,OAAA,EAAA;QAAAG,OAAA,EAAA;QAAAyB,OAAA,EAAA;QAAAhC,MAAA,EAAA;QAAAwD,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAA/C,MAAA,EAAA;QAAAoB,MAAA,EAAA;QAAA7B,MAAA,EAAA;QAAAyD,OAAA,EAAA;IAAA;IAAAC,SAAA,EAAA;QAAA1D,MAAA,EAAA;IAAA;AAAA,GAAA;IAAA2D,CAAA,EAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAC,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA,CA2DjB,CAAC;AAC8C,~~MAAMC~~,~~2CAA2CC,~~KAAK,IAAG;IACrG,aAAa;IACb,MAAMC,MAAM,GAAGlE,SAAS,CAAC,CAAC;IAC1B,MAAM,EAAEmE,UAAAA,EAAY,GAAGF,KAAK;IAC5BA,KAAK,CAACpE,IAAI,CAACuE,SAAS,OAAG5E,mBAAY,EAACI,+BAA+B,CAACC,IAAI,EAAEqE,MAAM,CAACrE,IAAI,EAAEsE,UAAU,KAAK,OAAO,IAAID,MAAM,CAACvD,SAAS,EAAEsD,KAAK,CAACpE,IAAI,CAACuE,SAAS,CAAC;IACxJ,IAAIH,KAAK,CAACnE,aAAa,EAAE;QACrBmE,KAAK,CAACnE,aAAa,CAACsE,SAAS,OAAG5E,mBAAY,EAACI,+BAA+B,CAACE,aAAa,EAAEoE,MAAM,CAACpE,aAAa,EAAEqE,UAAU,KAAK,OAAO,GAAGD,MAAM,CAACZ,YAAY,GAAGe,SAAS,EAAEJ,KAAK,CAACnE,aAAa,CAACsE,SAAS,CAAC;IAC9M;IACA,IAAIH,KAAK,CAAClE,IAAI,EAAE;QACZkE,KAAK,CAAClE,IAAI,CAACqE,SAAS,OAAG5E,mBAAY,EAACI,+BAA+B,CAACG,IAAI,EAAEmE,MAAM,CAACnE,IAAI,EAAEoE,UAAU,KAAK,OAAO,GAAGD,MAAM,CAACL,SAAS,GAAGQ,SAAS,EAAEJ,KAAK,CAAClE,IAAI,CAACqE,SAAS,CAAC;IACvK;IACA,OAAOH,KAAK;AAChB,CAAC"}
1	+ {"version":3,"sources":["useTeachingPopoverHeaderStyles.styles.js"],"sourcesContent":["'use client';\nimport { shorthands, makeStyles, mergeClasses } from '@griffel/react';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nexport const teachingPopoverHeaderClassNames = {\n root: 'fui-TeachingPopoverHeader',\n dismissButton: 'fui-TeachingPopoverHeader__dismissButton',\n icon: 'fui-TeachingPopoverHeader__icon'\n};\nconst useStyles = makeStyles({\n root: {\n display: 'flex',\n flexDirection: 'row',\n color: tokens.colorNeutralForeground3,\n fontWeight: tokens.fontWeightSemibold,\n fontSize: tokens.fontSizeBase200,\n lineHeight: tokens.lineHeightBase200,\n paddingBottom: tokens.spacingVerticalXS,\n alignItems: 'center',\n marginTop: tokens.spacingHorizontalNone,\n marginBottom: tokens.spacingHorizontalNone\n },\n rootBrand: {\n color: tokens.colorNeutralForegroundOnBrand\n },\n dismissButton: {\n color: tokens.colorNeutralForeground2,\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 marginInlineStart: 'auto',\n padding: `${tokens.spacingVerticalXS} ${tokens.spacingHorizontalXS}`,\n ...createCustomFocusIndicatorStyle({\n outline: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`,\n borderRadius: tokens.borderRadiusMedium,\n ...shorthands.borderColor('transparent')\n })\n },\n dismissBrand: {\n color: tokens.colorNeutralForegroundOnBrand\n },\n icon: {\n height: tokens.fontSizeBase200,\n width: tokens.fontSizeBase200,\n lineHeight: tokens.lineHeightBase200,\n fontSize: tokens.fontSizeBase200,\n alignItems: 'center',\n boxSizing: 'content-box',\n display: 'inline-flex',\n justifyContent: 'center',\n textDecorationLine: 'none',\n verticalAlign: 'middle',\n position: 'relative',\n backgroundColor: tokens.colorTransparentBackground,\n color: tokens.colorNeutralForeground2,\n marginInlineEnd: tokens.spacingHorizontalXS\n },\n iconBrand: {\n color: tokens.colorNeutralForegroundOnBrand\n }\n});\n/** Applies style classnames to slots */ export const useTeachingPopoverHeaderStyles_unstable = (state)=>{\n 'use no memo';\n const styles = useStyles();\n const { appearance } = state;\n state.root.className = mergeClasses(teachingPopoverHeaderClassNames.root, styles.root, appearance === 'brand' && styles.rootBrand, state.root.className);\n if (state.dismissButton) {\n state.dismissButton.className = mergeClasses(teachingPopoverHeaderClassNames.dismissButton, styles.dismissButton, appearance === 'brand' ? styles.dismissBrand : undefined, state.dismissButton.className);\n }\n if (state.icon) {\n state.icon.className = mergeClasses(teachingPopoverHeaderClassNames.icon, styles.icon, appearance === 'brand' ? styles.iconBrand : undefined, state.icon.className);\n }\n return state;\n};\n"],"names":["shorthands","__styles","mergeClasses","createCustomFocusIndicatorStyle","tokens","typographyStyles","teachingPopoverHeaderClassNames","root","dismissButton","icon","useStyles","mc9l5x","Beiy3e4","sj55zd","Bhrd7zp","Be2twd7","Bg96gwp","Byoj8tv","Bt984gj","B6of3ja","jrapky","rootBrand","qhf8xq","Bgfg5da","B9xav0g","oivjwe","Bn0qgzm","B4g9neb","zhjwy3","wvpqe5","ibv6hh","u1mtju","h3c5rm","vrafjx","Bekrc4i","i8vvqc","g2u3we","icvyot","B4j52fo","irswps","Bceei9c","Bahqtrf","De3pzq","B7ck84d","B7oj6ja","Bbmb7ep","Jyy4pa","uwmqm3","z189sj","z8tnut","B0ocmuz","Bfpq7zp","g9k6zt","Bn4voq9","giviqs","Bw81rd7","kdpuga","dm238s","B6xbmo0","B3whbx2","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","dismissBrand","Bqenvij","a9b677","Brf1p80","w71qe1","ha4doy","Bokbzmb","iconBrand","d","p","useTeachingPopoverHeaderStyles_unstable","state","styles","appearance","className","undefined"],"mappings":"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"}

package/lib-commonjs/components/TeachingPopoverHeader/useTeachingPopoverHeaderStyles.styles.raw.js CHANGED Viewed

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

package/lib-commonjs/components/TeachingPopoverHeader/useTeachingPopoverHeaderStyles.styles.raw.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/TeachingPopoverHeader/useTeachingPopoverHeaderStyles.styles.ts"],"sourcesContent":["~~import~~ { shorthands, makeStyles, mergeClasses } from '@griffel/react';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport type { TeachingPopoverHeaderSlots, TeachingPopoverHeaderState } from './TeachingPopoverHeader.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const teachingPopoverHeaderClassNames: SlotClassNames<TeachingPopoverHeaderSlots> = {\n root: 'fui-TeachingPopoverHeader',\n dismissButton: 'fui-TeachingPopoverHeader__dismissButton',\n icon: 'fui-TeachingPopoverHeader__icon',\n};\n\nconst useStyles = makeStyles({\n root: {\n display: 'flex',\n flexDirection: 'row',\n color: tokens.colorNeutralForeground3,\n fontWeight: tokens.fontWeightSemibold,\n fontSize: tokens.fontSizeBase200,\n lineHeight: tokens.lineHeightBase200,\n paddingBottom: tokens.spacingVerticalXS,\n alignItems: 'center',\n marginTop: tokens.spacingHorizontalNone,\n marginBottom: tokens.spacingHorizontalNone,\n },\n rootBrand: {\n color: tokens.colorNeutralForegroundOnBrand,\n },\n dismissButton: {\n color: tokens.colorNeutralForeground2,\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 marginInlineStart: 'auto',\n padding: `${tokens.spacingVerticalXS} ${tokens.spacingHorizontalXS}`,\n ...createCustomFocusIndicatorStyle({\n outline: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`,\n borderRadius: tokens.borderRadiusMedium,\n ...shorthands.borderColor('transparent'),\n }),\n },\n dismissBrand: {\n color: tokens.colorNeutralForegroundOnBrand,\n },\n icon: {\n height: tokens.fontSizeBase200,\n width: tokens.fontSizeBase200,\n lineHeight: tokens.lineHeightBase200,\n fontSize: tokens.fontSizeBase200,\n alignItems: 'center',\n boxSizing: 'content-box',\n display: 'inline-flex',\n justifyContent: 'center',\n textDecorationLine: 'none',\n verticalAlign: 'middle',\n position: 'relative',\n backgroundColor: tokens.colorTransparentBackground,\n color: tokens.colorNeutralForeground2,\n marginInlineEnd: tokens.spacingHorizontalXS,\n },\n iconBrand: {\n color: tokens.colorNeutralForegroundOnBrand,\n },\n});\n\n/** Applies style classnames to slots */\nexport const useTeachingPopoverHeaderStyles_unstable = (\n state: TeachingPopoverHeaderState,\n): TeachingPopoverHeaderState => {\n 'use no memo';\n\n const styles = useStyles();\n const { appearance } = state;\n\n state.root.className = mergeClasses(\n teachingPopoverHeaderClassNames.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 teachingPopoverHeaderClassNames.dismissButton,\n styles.dismissButton,\n appearance === 'brand' ? styles.dismissBrand : undefined,\n state.dismissButton.className,\n );\n }\n\n if (state.icon) {\n state.icon.className = mergeClasses(\n teachingPopoverHeaderClassNames.icon,\n styles.icon,\n appearance === 'brand' ? styles.iconBrand : undefined,\n state.icon.className,\n );\n }\n return state;\n};\n"],"names":["shorthands","makeStyles","mergeClasses","createCustomFocusIndicatorStyle","tokens","typographyStyles","teachingPopoverHeaderClassNames","root","dismissButton","icon","useStyles","display","flexDirection","color","colorNeutralForeground3","fontWeight","fontWeightSemibold","fontSize","fontSizeBase200","lineHeight","lineHeightBase200","paddingBottom","spacingVerticalXS","alignItems","marginTop","spacingHorizontalNone","marginBottom","rootBrand","colorNeutralForegroundOnBrand","colorNeutralForeground2","position","border","strokeWidthThin","colorTransparentStroke","cursor","body1","backgroundColor","colorTransparentBackground","boxSizing","borderTopRightRadius","borderRadiusNone","borderBottomRightRadius","borderRightStyle","marginInlineStart","padding","spacingHorizontalXS","outline","strokeWidthThick","colorStrokeFocus2","borderRadius","borderRadiusMedium","borderColor","dismissBrand","height","width","justifyContent","textDecorationLine","verticalAlign","marginInlineEnd","iconBrand","useTeachingPopoverHeaderStyles_unstable","state","styles","appearance","className","undefined"],"mappings":"~~;;;;;;;;;;;IAMaM~~,+BAAAA;;;IAoEAsD,uCAAAA;;;;uBA1EwC,iBAAiB;8BACtB,0BAA0B;4BACjC,wBAAwB;AAI1D,wCAAoF;IACzFrD,MAAM;IACNC,eAAe;IACfC,MAAM;AACR,EAAE;AAEF,MAAMC,gBAAYT,iBAAAA,EAAW;IAC3BM,MAAM;QACJI,SAAS;QACTC,eAAe;QACfC,OAAOT,kBAAAA,CAAOU,uBAAuB;QACrCC,YAAYX,kBAAAA,CAAOY,kBAAkB;QACrCC,UAAUb,kBAAAA,CAAOc,eAAe;QAChCC,YAAYf,kBAAAA,CAAOgB,iBAAiB;QACpCC,eAAejB,kBAAAA,CAAOkB,iBAAiB;QACvCC,YAAY;QACZC,WAAWpB,kBAAAA,CAAOqB,qBAAqB;QACvCC,cAActB,kBAAAA,CAAOqB,qBAAqB;IAC5C;IACAE,WAAW;QACTd,OAAOT,kBAAAA,CAAOwB,6BAA6B;IAC7C;IACApB,eAAe;QACbK,OAAOT,kBAAAA,CAAOyB,uBAAuB;QACrCC,UAAU;QACVC,QAAQ,GAAG3B,kBAAAA,CAAO4B,eAAe,CAAC,OAAO,EAAE5B,kBAAAA,CAAO6B,sBAAsB,EAAE;QAC1EtB,SAAS;QACTY,YAAY;QACZW,QAAQ;QACR,GAAG7B,4BAAAA,CAAiB8B,KAAK;QACzBC,iBAAiBhC,kBAAAA,CAAOiC,0BAA0B;QAClDC,WAAW;QACXC,sBAAsBnC,kBAAAA,CAAOoC,gBAAgB;QAC7CC,yBAAyBrC,kBAAAA,CAAOoC,gBAAgB;QAChDE,kBAAkB;QAClBC,mBAAmB;QACnBC,SAAS,GAAGxC,kBAAAA,CAAOkB,iBAAiB,CAAC,CAAC,EAAElB,kBAAAA,CAAOyC,mBAAmB,EAAE;QACpE,OAAG1C,6CAAAA,EAAgC;YACjC2C,SAAS,GAAG1C,kBAAAA,CAAO2C,gBAAgB,CAAC,OAAO,EAAE3C,kBAAAA,CAAO4C,iBAAiB,EAAE;YACvEC,cAAc7C,kBAAAA,CAAO8C,kBAAkB;YACvC,GAAGlD,iBAAAA,CAAWmD,WAAW,CAAC,cAAc;QAC1C,EAAE;IACJ;IACAC,cAAc;QACZvC,OAAOT,kBAAAA,CAAOwB,6BAA6B;IAC7C;IACAnB,MAAM;QACJ4C,QAAQjD,kBAAAA,CAAOc,eAAe;QAC9BoC,OAAOlD,kBAAAA,CAAOc,eAAe;QAC7BC,YAAYf,kBAAAA,CAAOgB,iBAAiB;QACpCH,UAAUb,kBAAAA,CAAOc,eAAe;QAChCK,YAAY;QACZe,WAAW;QACX3B,SAAS;QACT4C,gBAAgB;QAChBC,oBAAoB;QACpBC,eAAe;QACf3B,UAAU;QACVM,iBAAiBhC,kBAAAA,CAAOiC,0BAA0B;QAClDxB,OAAOT,kBAAAA,CAAOyB,uBAAuB;QACrC6B,iBAAiBtD,kBAAAA,CAAOyC,mBAAmB;IAC7C;IACAc,WAAW;QACT9C,OAAOT,kBAAAA,CAAOwB,6BAA6B;IAC7C;AACF;AAGO,gDAAgD,CACrDiC;IAEA;IAEA,MAAMC,SAASpD;IACf,MAAM,EAAEqD,UAAU,EAAE,GAAGF;IAEvBA,MAAMtD,IAAI,CAACyD,SAAS,OAAG9D,mBAAAA,EACrBI,gCAAgCC,IAAI,EACpCuD,OAAOvD,IAAI,EACXwD,eAAe,WAAWD,OAAOnC,SAAS,EAC1CkC,MAAMtD,IAAI,CAACyD,SAAS;IAGtB,IAAIH,MAAMrD,aAAa,EAAE;QACvBqD,MAAMrD,aAAa,CAACwD,SAAS,~~OAAG9D~~,~~mBAAAA~~,EAC9BI,gCAAgCE,aAAa,EAC7CsD,OAAOtD,aAAa,EACpBuD,eAAe,UAAUD,OAAOV,YAAY,GAAGa,WAC/CJ,MAAMrD,aAAa,CAACwD,SAAS;IAEjC;IAEA,IAAIH,MAAMpD,IAAI,EAAE;QACdoD,MAAMpD,IAAI,CAACuD,SAAS,OAAG9D,mBAAAA,EACrBI,gCAAgCG,IAAI,EACpCqD,OAAOrD,IAAI,EACXsD,eAAe,UAAUD,OAAOH,SAAS,GAAGM,WAC5CJ,MAAMpD,IAAI,CAACuD,SAAS;IAExB;IACA,OAAOH;AACT,EAAE"}
1	+ {"version":3,"sources":["../src/components/TeachingPopoverHeader/useTeachingPopoverHeaderStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { shorthands, makeStyles, mergeClasses } from '@griffel/react';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport type { TeachingPopoverHeaderSlots, TeachingPopoverHeaderState } from './TeachingPopoverHeader.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const teachingPopoverHeaderClassNames: SlotClassNames<TeachingPopoverHeaderSlots> = {\n root: 'fui-TeachingPopoverHeader',\n dismissButton: 'fui-TeachingPopoverHeader__dismissButton',\n icon: 'fui-TeachingPopoverHeader__icon',\n};\n\nconst useStyles = makeStyles({\n root: {\n display: 'flex',\n flexDirection: 'row',\n color: tokens.colorNeutralForeground3,\n fontWeight: tokens.fontWeightSemibold,\n fontSize: tokens.fontSizeBase200,\n lineHeight: tokens.lineHeightBase200,\n paddingBottom: tokens.spacingVerticalXS,\n alignItems: 'center',\n marginTop: tokens.spacingHorizontalNone,\n marginBottom: tokens.spacingHorizontalNone,\n },\n rootBrand: {\n color: tokens.colorNeutralForegroundOnBrand,\n },\n dismissButton: {\n color: tokens.colorNeutralForeground2,\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 marginInlineStart: 'auto',\n padding: `${tokens.spacingVerticalXS} ${tokens.spacingHorizontalXS}`,\n ...createCustomFocusIndicatorStyle({\n outline: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`,\n borderRadius: tokens.borderRadiusMedium,\n ...shorthands.borderColor('transparent'),\n }),\n },\n dismissBrand: {\n color: tokens.colorNeutralForegroundOnBrand,\n },\n icon: {\n height: tokens.fontSizeBase200,\n width: tokens.fontSizeBase200,\n lineHeight: tokens.lineHeightBase200,\n fontSize: tokens.fontSizeBase200,\n alignItems: 'center',\n boxSizing: 'content-box',\n display: 'inline-flex',\n justifyContent: 'center',\n textDecorationLine: 'none',\n verticalAlign: 'middle',\n position: 'relative',\n backgroundColor: tokens.colorTransparentBackground,\n color: tokens.colorNeutralForeground2,\n marginInlineEnd: tokens.spacingHorizontalXS,\n },\n iconBrand: {\n color: tokens.colorNeutralForegroundOnBrand,\n },\n});\n\n/** Applies style classnames to slots */\nexport const useTeachingPopoverHeaderStyles_unstable = (\n state: TeachingPopoverHeaderState,\n): TeachingPopoverHeaderState => {\n 'use no memo';\n\n const styles = useStyles();\n const { appearance } = state;\n\n state.root.className = mergeClasses(\n teachingPopoverHeaderClassNames.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 teachingPopoverHeaderClassNames.dismissButton,\n styles.dismissButton,\n appearance === 'brand' ? styles.dismissBrand : undefined,\n state.dismissButton.className,\n );\n }\n\n if (state.icon) {\n state.icon.className = mergeClasses(\n teachingPopoverHeaderClassNames.icon,\n styles.icon,\n appearance === 'brand' ? styles.iconBrand : undefined,\n state.icon.className,\n );\n }\n return state;\n};\n"],"names":["shorthands","makeStyles","mergeClasses","createCustomFocusIndicatorStyle","tokens","typographyStyles","teachingPopoverHeaderClassNames","root","dismissButton","icon","useStyles","display","flexDirection","color","colorNeutralForeground3","fontWeight","fontWeightSemibold","fontSize","fontSizeBase200","lineHeight","lineHeightBase200","paddingBottom","spacingVerticalXS","alignItems","marginTop","spacingHorizontalNone","marginBottom","rootBrand","colorNeutralForegroundOnBrand","colorNeutralForeground2","position","border","strokeWidthThin","colorTransparentStroke","cursor","body1","backgroundColor","colorTransparentBackground","boxSizing","borderTopRightRadius","borderRadiusNone","borderBottomRightRadius","borderRightStyle","marginInlineStart","padding","spacingHorizontalXS","outline","strokeWidthThick","colorStrokeFocus2","borderRadius","borderRadiusMedium","borderColor","dismissBrand","height","width","justifyContent","textDecorationLine","verticalAlign","marginInlineEnd","iconBrand","useTeachingPopoverHeaderStyles_unstable","state","styles","appearance","className","undefined"],"mappings":"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"}

package/lib-commonjs/components/TeachingPopoverSurface/TeachingPopoverSurface.js CHANGED Viewed

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

package/lib-commonjs/components/TeachingPopoverSurface/TeachingPopoverSurface.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/TeachingPopoverSurface/TeachingPopoverSurface.tsx"],"sourcesContent":["~~import~~ * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport { TeachingPopoverSurfaceProps } from './TeachingPopoverSurface.types';\nimport { useTeachingPopoverSurface_unstable } from './useTeachingPopoverSurface';\nimport { useTeachingPopoverSurfaceStyles_unstable } from './useTeachingPopoverSurfaceStyles.styles';\nimport { renderTeachingPopoverSurface_unstable } from './renderTeachingPopoverSurface';\n\n/*\n TeachingPopoverSurface component renders react children in a positioned box\n \n TeachingPopoverSurface is a direct extension of PopoverSurface, with it's own styling context hooks available.\n */\nexport const TeachingPopoverSurface: ForwardRefComponent<TeachingPopoverSurfaceProps> = React.forwardRef(\n (props, ref) => {\n const state = useTeachingPopoverSurface_unstable(props, ref);\n\n useTeachingPopoverSurfaceStyles_unstable(state);\n\n useCustomStyleHook_unstable('useTeachingPopoverSurfaceStyles_unstable')(state);\n\n return renderTeachingPopoverSurface_unstable(state);\n },\n);\n\nTeachingPopoverSurface.displayName = 'TeachingPopoverSurface';\n"],"names":["React","useCustomStyleHook_unstable","useTeachingPopoverSurface_unstable","useTeachingPopoverSurfaceStyles_unstable","renderTeachingPopoverSurface_unstable","TeachingPopoverSurface","forwardRef","props","ref","state","displayName"],"mappings":"~~;;;;+BAaaK;;;;;;;iEAbU~~,QAAQ;qCAEa,kCAAkC;2CAE3B,8BAA8B;uDACxB,2CAA2C;8CAC9C,iCAAiC;AAOhF~~,+BAAMA~~,WAAAA,GAA2EL,OAAMM,UAAU,CACtG,CAACC,OAAOC;IACN,MAAMC,~~QAAQP~~,~~iEAAAA~~,EAAmCK,OAAOC;QAExDL,+EAAAA,EAAyCM;QAEzCR,gDAAAA,EAA4B,4CAA4CQ;IAExE,WAAOL,mEAAAA,EAAsCK;AAC/C,GACA;AAEFJ,uBAAuBK,WAAW,GAAG"}
1	+ {"version":3,"sources":["../src/components/TeachingPopoverSurface/TeachingPopoverSurface.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport { TeachingPopoverSurfaceProps } from './TeachingPopoverSurface.types';\nimport { useTeachingPopoverSurface_unstable } from './useTeachingPopoverSurface';\nimport { useTeachingPopoverSurfaceStyles_unstable } from './useTeachingPopoverSurfaceStyles.styles';\nimport { renderTeachingPopoverSurface_unstable } from './renderTeachingPopoverSurface';\n\n/*\n TeachingPopoverSurface component renders react children in a positioned box\n \n TeachingPopoverSurface is a direct extension of PopoverSurface, with it's own styling context hooks available.\n */\nexport const TeachingPopoverSurface: ForwardRefComponent<TeachingPopoverSurfaceProps> = React.forwardRef(\n (props, ref) => {\n const state = useTeachingPopoverSurface_unstable(props, ref);\n\n useTeachingPopoverSurfaceStyles_unstable(state);\n\n useCustomStyleHook_unstable('useTeachingPopoverSurfaceStyles_unstable')(state);\n\n return renderTeachingPopoverSurface_unstable(state);\n },\n);\n\nTeachingPopoverSurface.displayName = 'TeachingPopoverSurface';\n"],"names":["React","useCustomStyleHook_unstable","useTeachingPopoverSurface_unstable","useTeachingPopoverSurfaceStyles_unstable","renderTeachingPopoverSurface_unstable","TeachingPopoverSurface","forwardRef","props","ref","state","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;qCAEa,kCAAkC;2CAE3B,8BAA8B;uDACxB,2CAA2C;8CAC9C,iCAAiC;AAOhF,MAAMK,yBAAAA,WAAAA,GAA2EL,OAAMM,UAAU,CACtG,CAACC,OAAOC;IACN,MAAMC,YAAQP,6DAAAA,EAAmCK,OAAOC;QAExDL,+EAAAA,EAAyCM;QAEzCR,gDAAAA,EAA4B,4CAA4CQ;IAExE,WAAOL,mEAAAA,EAAsCK;AAC/C,GACA;AAEFJ,uBAAuBK,WAAW,GAAG"}

package/lib-commonjs/components/TeachingPopoverSurface/useTeachingPopoverSurface.js CHANGED Viewed

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

package/lib-commonjs/components/TeachingPopoverSurface/useTeachingPopoverSurface.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/TeachingPopoverSurface/useTeachingPopoverSurface.ts"],"sourcesContent":["~~import~~ * as React from 'react';\nimport type { TeachingPopoverSurfaceProps, TeachingPopoverSurfaceState } from './TeachingPopoverSurface.types';\nimport { usePopoverSurface_unstable } from '@fluentui/react-popover';\n\n/*\n Create the state required to render TeachingPopoverSurface.\n \n The returned state can be modified with hooks such as useTeachingPopoverSurfaceStyles_unstable,\n * before being passed to renderTeachingPopoverSurface_unstable.\n \n @param props - props from this instance of TeachingPopoverSurface\n * @param ref - reference to root HTMLDivElement of TeachingPopoverSurface\n */\nexport const useTeachingPopoverSurface_unstable = (\n props: TeachingPopoverSurfaceProps,\n ref: React.Ref<HTMLDivElement>,\n): TeachingPopoverSurfaceState => {\n const state = usePopoverSurface_unstable(props, ref);\n\n return state;\n};\n"],"names":["React","usePopoverSurface_unstable","useTeachingPopoverSurface_unstable","props","ref","state"],"mappings":"~~;;;;;;;;;;;iEAAuB~~,QAAQ;8BAEY,0BAA0B;AAW9D,MAAME,qCAAqC,CAChDC,OACAC;IAEA,MAAMC,YAAQJ,wCAAAA,EAA2BE,OAAOC;IAEhD,OAAOC;AACT,EAAE"}
1	+ {"version":3,"sources":["../src/components/TeachingPopoverSurface/useTeachingPopoverSurface.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { TeachingPopoverSurfaceProps, TeachingPopoverSurfaceState } from './TeachingPopoverSurface.types';\nimport { usePopoverSurface_unstable } from '@fluentui/react-popover';\n\n/*\n Create the state required to render TeachingPopoverSurface.\n \n The returned state can be modified with hooks such as useTeachingPopoverSurfaceStyles_unstable,\n * before being passed to renderTeachingPopoverSurface_unstable.\n \n @param props - props from this instance of TeachingPopoverSurface\n * @param ref - reference to root HTMLDivElement of TeachingPopoverSurface\n */\nexport const useTeachingPopoverSurface_unstable = (\n props: TeachingPopoverSurfaceProps,\n ref: React.Ref<HTMLDivElement>,\n): TeachingPopoverSurfaceState => {\n const state = usePopoverSurface_unstable(props, ref);\n\n return state;\n};\n"],"names":["React","usePopoverSurface_unstable","useTeachingPopoverSurface_unstable","props","ref","state"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;8BAEY,0BAA0B;AAW9D,MAAME,qCAAqC,CAChDC,OACAC;IAEA,MAAMC,YAAQJ,wCAAAA,EAA2BE,OAAOC;IAEhD,OAAOC;AACT,EAAE"}

package/lib-commonjs/components/TeachingPopoverSurface/useTeachingPopoverSurfaceStyles.styles.js CHANGED Viewed

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

package/lib-commonjs/components/TeachingPopoverSurface/useTeachingPopoverSurfaceStyles.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["useTeachingPopoverSurfaceStyles.styles.js"],"sourcesContent":["~~import~~ { makeStyles, mergeClasses } from '@griffel/react';\nimport { usePopoverSurfaceStyles_unstable } from '@fluentui/react-popover';\nimport { tokens } from '@fluentui/react-theme';\nexport const teachingPopoverSurfaceClassNames = {\n root: 'fui-TeachingPopoverSurface'\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 Apply styling to the TeachingPopoverSurface slots based on the state\n */ export const useTeachingPopoverSurfaceStyles_unstable = (state)=>{\n 'use no memo';\n const styles = useStyles();\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 const updatedState = usePopoverSurfaceStyles_unstable(state);\n return updatedState;\n};\n"],"names":["__styles","mergeClasses","usePopoverSurfaceStyles_unstable","tokens","teachingPopoverSurfaceClassNames","root","useStyles","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","Bf4jedk","B7ck84d","d","p","useTeachingPopoverSurfaceStyles_unstable","state","styles","className","updatedState"],"mappings":"~~;;;;;;;;;;;IAGaI~~,gCAAgC;;;IAa5BiB,wCAAwC;;;;uBAhBhB,gBAAgB;8BACR,yBAAyB;AAEnE,yCAAyC;IAC5ChB,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,SAAS,GAAA,WAAA,OAAGN,eAAA,EAAA;IAAAK,IAAA,EAAA;QAAAE,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAC,CAAA,EAAA;QAAA;YAAA;YAAA;gBAAAC,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;QAAA;KAAA;AAAA,CAOjB,CAAC;AAGS,kDAAkDE,KAAK,IAAG;IACjE,aAAa;IACb,MAAMC,MAAM,GAAGjB,SAAS,CAAC,CAAC;IAC1B,qEAAA;IACAgB,KAAK,CAACjB,IAAI,CAACmB,SAAS,OAAGvB,mBAAY,EAACG,gCAAgC,CAACC,IAAI,EAAEkB,MAAM,CAAClB,IAAI,EAAEiB,KAAK,CAACjB,IAAI,CAACmB,SAAS,CAAC;IAC7G,MAAMC,YAAY,OAAGvB,8CAAgC,EAACoB,KAAK,CAAC;IAC5D,OAAOG,YAAY;AACvB,CAAC"}
1	+ {"version":3,"sources":["useTeachingPopoverSurfaceStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { usePopoverSurfaceStyles_unstable } from '@fluentui/react-popover';\nimport { tokens } from '@fluentui/react-theme';\nexport const teachingPopoverSurfaceClassNames = {\n root: 'fui-TeachingPopoverSurface'\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 Apply styling to the TeachingPopoverSurface slots based on the state\n */ export const useTeachingPopoverSurfaceStyles_unstable = (state)=>{\n 'use no memo';\n const styles = useStyles();\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 const updatedState = usePopoverSurfaceStyles_unstable(state);\n return updatedState;\n};\n"],"names":["__styles","mergeClasses","usePopoverSurfaceStyles_unstable","tokens","teachingPopoverSurfaceClassNames","root","useStyles","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","Bf4jedk","B7ck84d","d","p","useTeachingPopoverSurfaceStyles_unstable","state","styles","className","updatedState"],"mappings":"AAAA,YAAY;;;;;;;;;;;;IAICI,gCAAgC;;;IAa5BiB,wCAAwC;;;;uBAhBhB,gBAAgB;8BACR,yBAAyB;AAEnE,yCAAyC;IAC5ChB,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,SAAS,GAAA,WAAA,OAAGN,eAAA,EAAA;IAAAK,IAAA,EAAA;QAAAE,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAC,CAAA,EAAA;QAAA;YAAA;YAAA;gBAAAC,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;QAAA;KAAA;AAAA,CAOjB,CAAC;AAGS,kDAAkDE,KAAK,IAAG;IACjE,aAAa;IACb,MAAMC,MAAM,GAAGjB,SAAS,CAAC,CAAC;IAC1B,qEAAA;IACAgB,KAAK,CAACjB,IAAI,CAACmB,SAAS,OAAGvB,mBAAY,EAACG,gCAAgC,CAACC,IAAI,EAAEkB,MAAM,CAAClB,IAAI,EAAEiB,KAAK,CAACjB,IAAI,CAACmB,SAAS,CAAC;IAC7G,MAAMC,YAAY,OAAGvB,8CAAgC,EAACoB,KAAK,CAAC;IAC5D,OAAOG,YAAY;AACvB,CAAC"}

package/lib-commonjs/components/TeachingPopoverSurface/useTeachingPopoverSurfaceStyles.styles.raw.js CHANGED Viewed

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

package/lib-commonjs/components/TeachingPopoverSurface/useTeachingPopoverSurfaceStyles.styles.raw.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/TeachingPopoverSurface/useTeachingPopoverSurfaceStyles.styles.ts"],"sourcesContent":["~~import~~ { makeStyles, mergeClasses } from '@griffel/react';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { 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":"~~;;;;;;;;;;;IAMaI~~,gCAAAA;;;~~IAgBAS,wCAAAA;;;;~~uBAtB4B,iBAAiB;8BAGT,0BAA0B;4BACpD,wBAAwB;AAExC,yCAAsF;IAC3FR,MAAM;AACR,EAAE;AAEF,MAAMC,gBAAYN,iBAAAA,EAAW;IAC3BK,MAAM;QACJE,SAAS,GAAGJ,kBAAAA,CAAOK,gBAAgB,CAAC,CAAC,EAAEL,kBAAAA,CAAOK,gBAAgB,EAAE;QAChEC,cAAcN,kBAAAA,CAAOO,kBAAkB;QACvCC,UAAU;QACVC,WAAW;IACb;AACF;AAKO,iDAAiD,CACtDE;IAEA;IAEA,MAAMC,SAAST;IAEf,qEAAqE;IACrEQ,MAAMT,IAAI,CAACW,SAAS,OAAGf,mBAAAA,EAAaG,iCAAiCC,IAAI,EAAEU,OAAOV,IAAI,EAAES,MAAMT,IAAI,CAACW,SAAS;IAE5G,MAAMC,mBAAef,8CAAAA,EAAiCY;IAEtD,OAAOG;AACT,EAAE"}
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 { 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;;;;;;;;;;;;IAQaI,gCAAAA;;;4CAgBAS;eAAAA;;;uBAtB4B,iBAAiB;8BAGT,0BAA0B;4BACpD,wBAAwB;AAExC,yCAAsF;IAC3FR,MAAM;AACR,EAAE;AAEF,MAAMC,gBAAYN,iBAAAA,EAAW;IAC3BK,MAAM;QACJE,SAAS,GAAGJ,kBAAAA,CAAOK,gBAAgB,CAAC,CAAC,EAAEL,kBAAAA,CAAOK,gBAAgB,EAAE;QAChEC,cAAcN,kBAAAA,CAAOO,kBAAkB;QACvCC,UAAU;QACVC,WAAW;IACb;AACF;AAKO,iDAAiD,CACtDE;IAEA;IAEA,MAAMC,SAAST;IAEf,qEAAqE;IACrEQ,MAAMT,IAAI,CAACW,SAAS,OAAGf,mBAAAA,EAAaG,iCAAiCC,IAAI,EAAEU,OAAOV,IAAI,EAAES,MAAMT,IAAI,CAACW,SAAS;IAE5G,MAAMC,mBAAef,8CAAAA,EAAiCY;IAEtD,OAAOG;AACT,EAAE"}

package/lib-commonjs/components/TeachingPopoverTitle/TeachingPopoverTitle.js CHANGED Viewed

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

package/lib-commonjs/components/TeachingPopoverTitle/TeachingPopoverTitle.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/TeachingPopoverTitle/TeachingPopoverTitle.tsx"],"sourcesContent":["~~import~~ * as React from 'react';\nimport { useTeachingPopoverTitle_unstable } from './useTeachingPopoverTitle';\nimport { renderTeachingPopoverTitle_unstable } from './renderTeachingPopoverTitle';\nimport { useTeachingPopoverTitleStyles_unstable } from './useTeachingPopoverTitleStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport type { TeachingPopoverTitleProps } from './TeachingPopoverTitle.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/*\n Define a styled TeachingPopoverTitle, using the `useTeachingPopoverTitle_unstable` and `useTeachingPopoverTitleStyles_unstable`\n * hooks.\n \n TeachingPopoverTitle is similar to TeachingPopoverHeader, but it is intended to be placed within a TeachingPopoverBody\n * TeachingPopoverTitle can also optionally render a dismiss button, however this should only be enabled when there is no TeachingPopoverHeader/dismiss.\n */\nexport const TeachingPopoverTitle: ForwardRefComponent<TeachingPopoverTitleProps> = React.forwardRef((props, ref) => {\n const state = useTeachingPopoverTitle_unstable(props, ref);\n\n useTeachingPopoverTitleStyles_unstable(state);\n\n useCustomStyleHook_unstable('useTeachingPopoverTitleStyles_unstable')(state);\n\n return renderTeachingPopoverTitle_unstable(state);\n});\n\nTeachingPopoverTitle.displayName = 'TeachingPopoverTitle';\n"],"names":["React","useTeachingPopoverTitle_unstable","renderTeachingPopoverTitle_unstable","useTeachingPopoverTitleStyles_unstable","useCustomStyleHook_unstable","TeachingPopoverTitle","forwardRef","props","ref","state","displayName"],"mappings":"~~;;;;+BAeaK;;;;;;;iEAfU~~,QAAQ;yCACkB,4BAA4B;4CACzB,+BAA+B;qDAC5B,yCAAyC;qCACpD,kCAAkC;AAWvE,~~6BAAMA~~,WAAAA,GAAuEL,OAAMM,UAAU,CAAC,CAACC,OAAOC;IAC3G,MAAMC,~~QAAQR~~,~~6DAAAA~~,EAAiCM,OAAOC;QAEtDL,2EAAAA,EAAuCM;QAEvCL,gDAAAA,EAA4B,0CAA0CK;IAEtE,WAAOP,+DAAAA,EAAoCO;AAC7C,GAAG;AAEHJ,qBAAqBK,WAAW,GAAG"}
1	+ {"version":3,"sources":["../src/components/TeachingPopoverTitle/TeachingPopoverTitle.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useTeachingPopoverTitle_unstable } from './useTeachingPopoverTitle';\nimport { renderTeachingPopoverTitle_unstable } from './renderTeachingPopoverTitle';\nimport { useTeachingPopoverTitleStyles_unstable } from './useTeachingPopoverTitleStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport type { TeachingPopoverTitleProps } from './TeachingPopoverTitle.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/*\n Define a styled TeachingPopoverTitle, using the `useTeachingPopoverTitle_unstable` and `useTeachingPopoverTitleStyles_unstable`\n * hooks.\n \n TeachingPopoverTitle is similar to TeachingPopoverHeader, but it is intended to be placed within a TeachingPopoverBody\n * TeachingPopoverTitle can also optionally render a dismiss button, however this should only be enabled when there is no TeachingPopoverHeader/dismiss.\n */\nexport const TeachingPopoverTitle: ForwardRefComponent<TeachingPopoverTitleProps> = React.forwardRef((props, ref) => {\n const state = useTeachingPopoverTitle_unstable(props, ref);\n\n useTeachingPopoverTitleStyles_unstable(state);\n\n useCustomStyleHook_unstable('useTeachingPopoverTitleStyles_unstable')(state);\n\n return renderTeachingPopoverTitle_unstable(state);\n});\n\nTeachingPopoverTitle.displayName = 'TeachingPopoverTitle';\n"],"names":["React","useTeachingPopoverTitle_unstable","renderTeachingPopoverTitle_unstable","useTeachingPopoverTitleStyles_unstable","useCustomStyleHook_unstable","TeachingPopoverTitle","forwardRef","props","ref","state","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;yCACkB,4BAA4B;4CACzB,+BAA+B;qDAC5B,yCAAyC;qCACpD,kCAAkC;AAWvE,MAAMK,uBAAAA,WAAAA,GAAuEL,OAAMM,UAAU,CAAC,CAACC,OAAOC;IAC3G,MAAMC,YAAQR,yDAAAA,EAAiCM,OAAOC;QAEtDL,2EAAAA,EAAuCM;QAEvCL,gDAAAA,EAA4B,0CAA0CK;IAEtE,WAAOP,+DAAAA,EAAoCO;AAC7C,GAAG;AAEHJ,qBAAqBK,WAAW,GAAG"}

package/lib-commonjs/components/TeachingPopoverTitle/useTeachingPopoverTitle.js CHANGED Viewed

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

package/lib-commonjs/components/TeachingPopoverTitle/useTeachingPopoverTitle.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/TeachingPopoverTitle/useTeachingPopoverTitle.tsx"],"sourcesContent":["~~import~~ * 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":"~~;;;;+BAYaS~~;;;;;;;iEAZU,QAAQ;gCACkC,4BAA4B;4BAEnC,wBAAwB;8BACvC,0BAA0B;AAErE,MAAMD,kBAAcF,sBAAAA,EAAWF,yBAAAA,EAAeC,0BAAAA;AAMvC,yCAAyC,CAC9CK,OACAC;IAEA,MAAM,EAAEC,aAAa,EAAE,GAAGF;IAE1B,MAAMG,cAAUN,wCAAAA,EAA2BO,CAAAA,UAAWA,QAAQD,OAAO;IACrE,MAAME,iBAAaR,wCAAAA,EAA2BO,CAAAA,UAAWA,QAAQC,UAAU;IAC3E,MAAMC,iBAAaT,wCAAAA,EAA2BO,CAAAA,UAAWA,QAAQE,UAAU;IAE3E,MAAMC,2BAAuBf,gCAAAA,EAAiB,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,oBAAAA,CAAKqB,MAAM,KACfvB,wCAAAA,EAAyB,MAAM;YAC7BU;YACA,GAAGD,KAAK;QACV,IACA;YAAEe,aAAa;QAAK;QAEtBb,eAAeT,oBAAAA,CAAKuB,QAAQ,CAACd,eAAe;YAC1Ce,iBAAiB;YACjBC,cAAc;gBACZC,UAAAA,WAAAA,GAAU,OAAA,aAAA,CAACrB,aAAAA;gBACXsB,SAASb;gBACT,cAAc;gBACd,eAAe;YACjB;YACAQ,aAAa;QACf;IACF;AACF,EAAE"}
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;;;;;+BAcaS;;;;;;;iEAZU,QAAQ;gCACkC,4BAA4B;4BAEnC,wBAAwB;8BACvC,0BAA0B;AAErE,MAAMD,kBAAcF,sBAAAA,EAAWF,yBAAAA,EAAeC,0BAAAA;AAMvC,yCAAyC,CAC9CK,OACAC;IAEA,MAAM,EAAEC,aAAa,EAAE,GAAGF;IAE1B,MAAMG,cAAUN,wCAAAA,EAA2BO,CAAAA,UAAWA,QAAQD,OAAO;IACrE,MAAME,iBAAaR,wCAAAA,EAA2BO,CAAAA,UAAWA,QAAQC,UAAU;IAC3E,MAAMC,iBAAaT,wCAAAA,EAA2BO,CAAAA,UAAWA,QAAQE,UAAU;IAE3E,MAAMC,2BAAuBf,gCAAAA,EAAiB,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,oBAAAA,CAAKqB,MAAM,KACfvB,wCAAAA,EAAyB,MAAM;YAC7BU;YACA,GAAGD,KAAK;QACV,IACA;YAAEe,aAAa;QAAK;QAEtBb,eAAeT,oBAAAA,CAAKuB,QAAQ,CAACd,eAAe;YAC1Ce,iBAAiB;YACjBC,cAAc;gBACZC,UAAAA,WAAAA,GAAU,OAAA,aAAA,CAACrB,aAAAA;gBACXsB,SAASb;gBACT,cAAc;gBACd,eAAe;YACjB;YACAQ,aAAa;QACf;IACF;AACF,EAAE"}

package/lib-commonjs/components/TeachingPopoverTitle/useTeachingPopoverTitleStyles.styles.js CHANGED Viewed

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