@fluentui/react-text 9.6.14 → 9.6.16

package/lib/components/presets/Display/useDisplayStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["__styles","typographyStyles","displayClassNames","root","useDisplayStyles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d"],"sources":["useDisplayStyles.styles.js"],"sourcesContent":["import { makeStyles } from '@griffel/react';\nimport { typographyStyles } from '@fluentui/react-theme';\nexport const displayClassNames = {\n    root: 'fui-Display'\n};\n/**\n * Styles for the root slot\n */ export const useDisplayStyles = makeStyles({\n    root: typographyStyles.display\n});\n"],"mappings":"AAAA,SAAAA,QAAA,QAA2B,gBAAgB;AAC3C,SAASC,gBAAgB,QAAQ,uBAAuB;AACxD,OAAO,MAAMC,iBAAiB,GAAG;EAC7BC,IAAI,EAAE;AACV,CAAC;AACD;AACA;AACA;AAAI,OAAO,MAAMC,gBAAgB,gBAAGJ,QAAA;EAAAG,IAAA;IAAAE,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CAEnC,CAAC","ignoreList":[]}
+{"version":3,"names":["__styles","typographyStyles","displayClassNames","root","useDisplayStyles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d"],"sources":["useDisplayStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles } from '@griffel/react';\nimport { typographyStyles } from '@fluentui/react-theme';\nexport const displayClassNames = {\n    root: 'fui-Display'\n};\n/**\n * Styles for the root slot\n */ export const useDisplayStyles = makeStyles({\n    root: typographyStyles.display\n});\n"],"mappings":"AAAA,YAAY;;AACZ,SAAAA,QAAA,QAA2B,gBAAgB;AAC3C,SAASC,gBAAgB,QAAQ,uBAAuB;AACxD,OAAO,MAAMC,iBAAiB,GAAG;EAC7BC,IAAI,EAAE;AACV,CAAC;AACD;AACA;AACA;AAAI,OAAO,MAAMC,gBAAgB,gBAAGJ,QAAA;EAAAG,IAAA;IAAAE,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CAEnC,CAAC","ignoreList":[]}

package/lib/components/presets/Display/useDisplayStyles.styles.raw.js

@@ -1,3 +1,4 @@
+'use client';
 import { makeStyles } from '@griffel/react';
 import { typographyStyles } from '@fluentui/react-theme';
 export const displayClassNames = {

package/lib/components/presets/Display/useDisplayStyles.styles.raw.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/presets/Display/useDisplayStyles.styles.ts"],"sourcesContent":["import { makeStyles } from '@griffel/react';\nimport { SlotClassNames } from '@fluentui/react-utilities';\nimport type { TextSlots } from '../../Text/Text.types';\nimport { typographyStyles } from '@fluentui/react-theme';\n\nexport const displayClassNames: SlotClassNames<TextSlots> = {\n  root: 'fui-Display',\n};\n\n/**\n * Styles for the root slot\n */\nexport const useDisplayStyles = makeStyles({\n  root: typographyStyles.display,\n});\n"],"names":["makeStyles","typographyStyles","displayClassNames","root","useDisplayStyles","display"],"mappings":"AAAA,SAASA,UAAU,QAAQ,iBAAiB;AAG5C,SAASC,gBAAgB,QAAQ,wBAAwB;AAEzD,OAAO,MAAMC,oBAA+C;IAC1DC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,OAAO,MAAMC,mBAAmBJ,WAAW;IACzCG,MAAMF,iBAAiBI,OAAO;AAChC,GAAG"}
+{"version":3,"sources":["../src/components/presets/Display/useDisplayStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles } from '@griffel/react';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { TextSlots } from '../../Text/Text.types';\nimport { typographyStyles } from '@fluentui/react-theme';\n\nexport const displayClassNames: SlotClassNames<TextSlots> = {\n  root: 'fui-Display',\n};\n\n/**\n * Styles for the root slot\n */\nexport const useDisplayStyles = makeStyles({\n  root: typographyStyles.display,\n});\n"],"names":["makeStyles","typographyStyles","displayClassNames","root","useDisplayStyles","display"],"mappings":"AAAA;AAEA,SAASA,UAAU,QAAQ,iBAAiB;AAG5C,SAASC,gBAAgB,QAAQ,wBAAwB;AAEzD,OAAO,MAAMC,oBAA+C;IAC1DC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,OAAO,MAAMC,mBAAmBJ,WAAW;IACzCG,MAAMF,iBAAiBI,OAAO;AAChC,GAAG"}

package/lib/components/presets/LargeTitle/LargeTitle.js

@@ -1,4 +1,4 @@
-import * as React from 'react';
+'use client';
 import { createPreset } from '../createPreset';
 import { largeTitleClassNames, useLargeTitleStyles } from './useLargeTitleStyles.styles';
 /**

package/lib/components/presets/LargeTitle/LargeTitle.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/presets/LargeTitle/LargeTitle.tsx"],"sourcesContent":["import * as React from 'react';\nimport { createPreset } from '../createPreset';\nimport type { TextPresetProps } from '../../Text/Text.types';\nimport { largeTitleClassNames, useLargeTitleStyles } from './useLargeTitleStyles.styles';\n\n/**\n * Text preset component for the Large Title typography variant\n */\nexport const LargeTitle: React.FunctionComponent<TextPresetProps> = createPreset({\n  useStyles: useLargeTitleStyles,\n  className: largeTitleClassNames.root,\n  displayName: 'LargeTitle',\n});\n"],"names":["React","createPreset","largeTitleClassNames","useLargeTitleStyles","LargeTitle","useStyles","className","root","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,YAAY,QAAQ,kBAAkB;AAE/C,SAASC,oBAAoB,EAAEC,mBAAmB,QAAQ,+BAA+B;AAEzF;;CAEC,GACD,OAAO,MAAMC,aAAuDH,aAAa;IAC/EI,WAAWF;IACXG,WAAWJ,qBAAqBK,IAAI;IACpCC,aAAa;AACf,GAAG"}
+{"version":3,"sources":["../src/components/presets/LargeTitle/LargeTitle.tsx"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { createPreset } from '../createPreset';\nimport type { TextPresetProps } from '../../Text/Text.types';\nimport { largeTitleClassNames, useLargeTitleStyles } from './useLargeTitleStyles.styles';\n\n/**\n * Text preset component for the Large Title typography variant\n */\nexport const LargeTitle: React.FunctionComponent<TextPresetProps> = createPreset({\n  useStyles: useLargeTitleStyles,\n  className: largeTitleClassNames.root,\n  displayName: 'LargeTitle',\n});\n"],"names":["createPreset","largeTitleClassNames","useLargeTitleStyles","LargeTitle","useStyles","className","root","displayName"],"mappings":"AAAA;AAGA,SAASA,YAAY,QAAQ,kBAAkB;AAE/C,SAASC,oBAAoB,EAAEC,mBAAmB,QAAQ,+BAA+B;AAEzF;;CAEC,GACD,OAAO,MAAMC,aAAuDH,aAAa;IAC/EI,WAAWF;IACXG,WAAWJ,qBAAqBK,IAAI;IACpCC,aAAa;AACf,GAAG"}

package/lib/components/presets/LargeTitle/useLargeTitleStyles.styles.js

@@ -1,3 +1,5 @@
+'use client';
+
 import { __styles } from '@griffel/react';
 import { typographyStyles } from '@fluentui/react-theme';
 export const largeTitleClassNames = {

package/lib/components/presets/LargeTitle/useLargeTitleStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["__styles","typographyStyles","largeTitleClassNames","root","useLargeTitleStyles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d"],"sources":["useLargeTitleStyles.styles.js"],"sourcesContent":["import { makeStyles } from '@griffel/react';\nimport { typographyStyles } from '@fluentui/react-theme';\nexport const largeTitleClassNames = {\n    root: 'fui-LargeTitle'\n};\n/**\n * Styles for the root slot\n */ export const useLargeTitleStyles = makeStyles({\n    root: typographyStyles.largeTitle\n});\n"],"mappings":"AAAA,SAAAA,QAAA,QAA2B,gBAAgB;AAC3C,SAASC,gBAAgB,QAAQ,uBAAuB;AACxD,OAAO,MAAMC,oBAAoB,GAAG;EAChCC,IAAI,EAAE;AACV,CAAC;AACD;AACA;AACA;AAAI,OAAO,MAAMC,mBAAmB,gBAAGJ,QAAA;EAAAG,IAAA;IAAAE,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CAEtC,CAAC","ignoreList":[]}
+{"version":3,"names":["__styles","typographyStyles","largeTitleClassNames","root","useLargeTitleStyles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d"],"sources":["useLargeTitleStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles } from '@griffel/react';\nimport { typographyStyles } from '@fluentui/react-theme';\nexport const largeTitleClassNames = {\n    root: 'fui-LargeTitle'\n};\n/**\n * Styles for the root slot\n */ export const useLargeTitleStyles = makeStyles({\n    root: typographyStyles.largeTitle\n});\n"],"mappings":"AAAA,YAAY;;AACZ,SAAAA,QAAA,QAA2B,gBAAgB;AAC3C,SAASC,gBAAgB,QAAQ,uBAAuB;AACxD,OAAO,MAAMC,oBAAoB,GAAG;EAChCC,IAAI,EAAE;AACV,CAAC;AACD;AACA;AACA;AAAI,OAAO,MAAMC,mBAAmB,gBAAGJ,QAAA;EAAAG,IAAA;IAAAE,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CAEtC,CAAC","ignoreList":[]}

package/lib/components/presets/LargeTitle/useLargeTitleStyles.styles.raw.js

@@ -1,3 +1,4 @@
+'use client';
 import { makeStyles } from '@griffel/react';
 import { typographyStyles } from '@fluentui/react-theme';
 export const largeTitleClassNames = {

package/lib/components/presets/LargeTitle/useLargeTitleStyles.styles.raw.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/presets/LargeTitle/useLargeTitleStyles.styles.ts"],"sourcesContent":["import { makeStyles } from '@griffel/react';\nimport { SlotClassNames } from '@fluentui/react-utilities';\nimport type { TextSlots } from '../../Text/Text.types';\nimport { typographyStyles } from '@fluentui/react-theme';\n\nexport const largeTitleClassNames: SlotClassNames<TextSlots> = {\n  root: 'fui-LargeTitle',\n};\n\n/**\n * Styles for the root slot\n */\nexport const useLargeTitleStyles = makeStyles({\n  root: typographyStyles.largeTitle,\n});\n"],"names":["makeStyles","typographyStyles","largeTitleClassNames","root","useLargeTitleStyles","largeTitle"],"mappings":"AAAA,SAASA,UAAU,QAAQ,iBAAiB;AAG5C,SAASC,gBAAgB,QAAQ,wBAAwB;AAEzD,OAAO,MAAMC,uBAAkD;IAC7DC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,OAAO,MAAMC,sBAAsBJ,WAAW;IAC5CG,MAAMF,iBAAiBI,UAAU;AACnC,GAAG"}
+{"version":3,"sources":["../src/components/presets/LargeTitle/useLargeTitleStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles } from '@griffel/react';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { TextSlots } from '../../Text/Text.types';\nimport { typographyStyles } from '@fluentui/react-theme';\n\nexport const largeTitleClassNames: SlotClassNames<TextSlots> = {\n  root: 'fui-LargeTitle',\n};\n\n/**\n * Styles for the root slot\n */\nexport const useLargeTitleStyles = makeStyles({\n  root: typographyStyles.largeTitle,\n});\n"],"names":["makeStyles","typographyStyles","largeTitleClassNames","root","useLargeTitleStyles","largeTitle"],"mappings":"AAAA;AAEA,SAASA,UAAU,QAAQ,iBAAiB;AAG5C,SAASC,gBAAgB,QAAQ,wBAAwB;AAEzD,OAAO,MAAMC,uBAAkD;IAC7DC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,OAAO,MAAMC,sBAAsBJ,WAAW;IAC5CG,MAAMF,iBAAiBI,UAAU;AACnC,GAAG"}

package/lib/components/presets/Subtitle1/Subtitle1.js

@@ -1,4 +1,4 @@
-import * as React from 'react';
+'use client';
 import { createPreset } from '../createPreset';
 import { subtitle1ClassNames, useSubtitle1Styles } from './useSubtitle1Styles.styles';
 /**

package/lib/components/presets/Subtitle1/Subtitle1.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/presets/Subtitle1/Subtitle1.tsx"],"sourcesContent":["import * as React from 'react';\nimport { createPreset } from '../createPreset';\nimport type { TextPresetProps } from '../../Text/Text.types';\nimport { subtitle1ClassNames, useSubtitle1Styles } from './useSubtitle1Styles.styles';\n\n/**\n * Text preset component for the Subtitle1 typography variant\n */\nexport const Subtitle1: React.FunctionComponent<TextPresetProps> = createPreset({\n  useStyles: useSubtitle1Styles,\n  className: subtitle1ClassNames.root,\n  displayName: 'Subtitle1',\n});\n"],"names":["React","createPreset","subtitle1ClassNames","useSubtitle1Styles","Subtitle1","useStyles","className","root","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,YAAY,QAAQ,kBAAkB;AAE/C,SAASC,mBAAmB,EAAEC,kBAAkB,QAAQ,8BAA8B;AAEtF;;CAEC,GACD,OAAO,MAAMC,YAAsDH,aAAa;IAC9EI,WAAWF;IACXG,WAAWJ,oBAAoBK,IAAI;IACnCC,aAAa;AACf,GAAG"}
+{"version":3,"sources":["../src/components/presets/Subtitle1/Subtitle1.tsx"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { createPreset } from '../createPreset';\nimport type { TextPresetProps } from '../../Text/Text.types';\nimport { subtitle1ClassNames, useSubtitle1Styles } from './useSubtitle1Styles.styles';\n\n/**\n * Text preset component for the Subtitle1 typography variant\n */\nexport const Subtitle1: React.FunctionComponent<TextPresetProps> = createPreset({\n  useStyles: useSubtitle1Styles,\n  className: subtitle1ClassNames.root,\n  displayName: 'Subtitle1',\n});\n"],"names":["createPreset","subtitle1ClassNames","useSubtitle1Styles","Subtitle1","useStyles","className","root","displayName"],"mappings":"AAAA;AAGA,SAASA,YAAY,QAAQ,kBAAkB;AAE/C,SAASC,mBAAmB,EAAEC,kBAAkB,QAAQ,8BAA8B;AAEtF;;CAEC,GACD,OAAO,MAAMC,YAAsDH,aAAa;IAC9EI,WAAWF;IACXG,WAAWJ,oBAAoBK,IAAI;IACnCC,aAAa;AACf,GAAG"}

package/lib/components/presets/Subtitle1/useSubtitle1Styles.styles.js

@@ -1,3 +1,5 @@
+'use client';
+
 import { __styles } from '@griffel/react';
 import { typographyStyles } from '@fluentui/react-theme';
 export const subtitle1ClassNames = {

package/lib/components/presets/Subtitle1/useSubtitle1Styles.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["__styles","typographyStyles","subtitle1ClassNames","root","useSubtitle1Styles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d"],"sources":["useSubtitle1Styles.styles.js"],"sourcesContent":["import { makeStyles } from '@griffel/react';\nimport { typographyStyles } from '@fluentui/react-theme';\nexport const subtitle1ClassNames = {\n    root: 'fui-Subtitle1'\n};\n/**\n * Styles for the root slot\n */ export const useSubtitle1Styles = makeStyles({\n    root: typographyStyles.subtitle1\n});\n"],"mappings":"AAAA,SAAAA,QAAA,QAA2B,gBAAgB;AAC3C,SAASC,gBAAgB,QAAQ,uBAAuB;AACxD,OAAO,MAAMC,mBAAmB,GAAG;EAC/BC,IAAI,EAAE;AACV,CAAC;AACD;AACA;AACA;AAAI,OAAO,MAAMC,kBAAkB,gBAAGJ,QAAA;EAAAG,IAAA;IAAAE,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CAErC,CAAC","ignoreList":[]}
+{"version":3,"names":["__styles","typographyStyles","subtitle1ClassNames","root","useSubtitle1Styles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d"],"sources":["useSubtitle1Styles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles } from '@griffel/react';\nimport { typographyStyles } from '@fluentui/react-theme';\nexport const subtitle1ClassNames = {\n    root: 'fui-Subtitle1'\n};\n/**\n * Styles for the root slot\n */ export const useSubtitle1Styles = makeStyles({\n    root: typographyStyles.subtitle1\n});\n"],"mappings":"AAAA,YAAY;;AACZ,SAAAA,QAAA,QAA2B,gBAAgB;AAC3C,SAASC,gBAAgB,QAAQ,uBAAuB;AACxD,OAAO,MAAMC,mBAAmB,GAAG;EAC/BC,IAAI,EAAE;AACV,CAAC;AACD;AACA;AACA;AAAI,OAAO,MAAMC,kBAAkB,gBAAGJ,QAAA;EAAAG,IAAA;IAAAE,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CAErC,CAAC","ignoreList":[]}

package/lib/components/presets/Subtitle1/useSubtitle1Styles.styles.raw.js

@@ -1,3 +1,4 @@
+'use client';
 import { makeStyles } from '@griffel/react';
 import { typographyStyles } from '@fluentui/react-theme';
 export const subtitle1ClassNames = {

package/lib/components/presets/Subtitle1/useSubtitle1Styles.styles.raw.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/presets/Subtitle1/useSubtitle1Styles.styles.ts"],"sourcesContent":["import { makeStyles } from '@griffel/react';\nimport { SlotClassNames } from '@fluentui/react-utilities';\nimport type { TextSlots } from '../../Text/Text.types';\nimport { typographyStyles } from '@fluentui/react-theme';\n\nexport const subtitle1ClassNames: SlotClassNames<TextSlots> = {\n  root: 'fui-Subtitle1',\n};\n\n/**\n * Styles for the root slot\n */\nexport const useSubtitle1Styles = makeStyles({\n  root: typographyStyles.subtitle1,\n});\n"],"names":["makeStyles","typographyStyles","subtitle1ClassNames","root","useSubtitle1Styles","subtitle1"],"mappings":"AAAA,SAASA,UAAU,QAAQ,iBAAiB;AAG5C,SAASC,gBAAgB,QAAQ,wBAAwB;AAEzD,OAAO,MAAMC,sBAAiD;IAC5DC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,OAAO,MAAMC,qBAAqBJ,WAAW;IAC3CG,MAAMF,iBAAiBI,SAAS;AAClC,GAAG"}
+{"version":3,"sources":["../src/components/presets/Subtitle1/useSubtitle1Styles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles } from '@griffel/react';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { TextSlots } from '../../Text/Text.types';\nimport { typographyStyles } from '@fluentui/react-theme';\n\nexport const subtitle1ClassNames: SlotClassNames<TextSlots> = {\n  root: 'fui-Subtitle1',\n};\n\n/**\n * Styles for the root slot\n */\nexport const useSubtitle1Styles = makeStyles({\n  root: typographyStyles.subtitle1,\n});\n"],"names":["makeStyles","typographyStyles","subtitle1ClassNames","root","useSubtitle1Styles","subtitle1"],"mappings":"AAAA;AAEA,SAASA,UAAU,QAAQ,iBAAiB;AAG5C,SAASC,gBAAgB,QAAQ,wBAAwB;AAEzD,OAAO,MAAMC,sBAAiD;IAC5DC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,OAAO,MAAMC,qBAAqBJ,WAAW;IAC3CG,MAAMF,iBAAiBI,SAAS;AAClC,GAAG"}

package/lib/components/presets/Subtitle2/Subtitle2.js

@@ -1,4 +1,4 @@
-import * as React from 'react';
+'use client';
 import { createPreset } from '../createPreset';
 import { subtitle2ClassNames, useSubtitle2Styles } from './useSubtitle2Styles.styles';
 /**

package/lib/components/presets/Subtitle2/Subtitle2.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/presets/Subtitle2/Subtitle2.tsx"],"sourcesContent":["import * as React from 'react';\nimport { createPreset } from '../createPreset';\nimport type { TextPresetProps } from '../../Text/Text.types';\nimport { subtitle2ClassNames, useSubtitle2Styles } from './useSubtitle2Styles.styles';\n\n/**\n * Text preset component for the Subtitle2 typography variant\n */\nexport const Subtitle2: React.FunctionComponent<TextPresetProps> = createPreset({\n  useStyles: useSubtitle2Styles,\n  className: subtitle2ClassNames.root,\n  displayName: 'Subtitle2',\n});\n"],"names":["React","createPreset","subtitle2ClassNames","useSubtitle2Styles","Subtitle2","useStyles","className","root","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,YAAY,QAAQ,kBAAkB;AAE/C,SAASC,mBAAmB,EAAEC,kBAAkB,QAAQ,8BAA8B;AAEtF;;CAEC,GACD,OAAO,MAAMC,YAAsDH,aAAa;IAC9EI,WAAWF;IACXG,WAAWJ,oBAAoBK,IAAI;IACnCC,aAAa;AACf,GAAG"}
+{"version":3,"sources":["../src/components/presets/Subtitle2/Subtitle2.tsx"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { createPreset } from '../createPreset';\nimport type { TextPresetProps } from '../../Text/Text.types';\nimport { subtitle2ClassNames, useSubtitle2Styles } from './useSubtitle2Styles.styles';\n\n/**\n * Text preset component for the Subtitle2 typography variant\n */\nexport const Subtitle2: React.FunctionComponent<TextPresetProps> = createPreset({\n  useStyles: useSubtitle2Styles,\n  className: subtitle2ClassNames.root,\n  displayName: 'Subtitle2',\n});\n"],"names":["createPreset","subtitle2ClassNames","useSubtitle2Styles","Subtitle2","useStyles","className","root","displayName"],"mappings":"AAAA;AAGA,SAASA,YAAY,QAAQ,kBAAkB;AAE/C,SAASC,mBAAmB,EAAEC,kBAAkB,QAAQ,8BAA8B;AAEtF;;CAEC,GACD,OAAO,MAAMC,YAAsDH,aAAa;IAC9EI,WAAWF;IACXG,WAAWJ,oBAAoBK,IAAI;IACnCC,aAAa;AACf,GAAG"}

package/lib/components/presets/Subtitle2/useSubtitle2Styles.styles.js

@@ -1,3 +1,5 @@
+'use client';
+
 import { __styles } from '@griffel/react';
 import { typographyStyles } from '@fluentui/react-theme';
 export const subtitle2ClassNames = {

package/lib/components/presets/Subtitle2/useSubtitle2Styles.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["__styles","typographyStyles","subtitle2ClassNames","root","useSubtitle2Styles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d"],"sources":["useSubtitle2Styles.styles.js"],"sourcesContent":["import { makeStyles } from '@griffel/react';\nimport { typographyStyles } from '@fluentui/react-theme';\nexport const subtitle2ClassNames = {\n    root: 'fui-Subtitle2'\n};\n/**\n * Styles for the root slot\n */ export const useSubtitle2Styles = makeStyles({\n    root: typographyStyles.subtitle2\n});\n"],"mappings":"AAAA,SAAAA,QAAA,QAA2B,gBAAgB;AAC3C,SAASC,gBAAgB,QAAQ,uBAAuB;AACxD,OAAO,MAAMC,mBAAmB,GAAG;EAC/BC,IAAI,EAAE;AACV,CAAC;AACD;AACA;AACA;AAAI,OAAO,MAAMC,kBAAkB,gBAAGJ,QAAA;EAAAG,IAAA;IAAAE,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CAErC,CAAC","ignoreList":[]}
+{"version":3,"names":["__styles","typographyStyles","subtitle2ClassNames","root","useSubtitle2Styles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d"],"sources":["useSubtitle2Styles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles } from '@griffel/react';\nimport { typographyStyles } from '@fluentui/react-theme';\nexport const subtitle2ClassNames = {\n    root: 'fui-Subtitle2'\n};\n/**\n * Styles for the root slot\n */ export const useSubtitle2Styles = makeStyles({\n    root: typographyStyles.subtitle2\n});\n"],"mappings":"AAAA,YAAY;;AACZ,SAAAA,QAAA,QAA2B,gBAAgB;AAC3C,SAASC,gBAAgB,QAAQ,uBAAuB;AACxD,OAAO,MAAMC,mBAAmB,GAAG;EAC/BC,IAAI,EAAE;AACV,CAAC;AACD;AACA;AACA;AAAI,OAAO,MAAMC,kBAAkB,gBAAGJ,QAAA;EAAAG,IAAA;IAAAE,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CAErC,CAAC","ignoreList":[]}

package/lib/components/presets/Subtitle2/useSubtitle2Styles.styles.raw.js

@@ -1,3 +1,4 @@
+'use client';
 import { makeStyles } from '@griffel/react';
 import { typographyStyles } from '@fluentui/react-theme';
 export const subtitle2ClassNames = {

package/lib/components/presets/Subtitle2/useSubtitle2Styles.styles.raw.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/presets/Subtitle2/useSubtitle2Styles.styles.ts"],"sourcesContent":["import { makeStyles } from '@griffel/react';\nimport { SlotClassNames } from '@fluentui/react-utilities';\nimport type { TextSlots } from '../../Text/Text.types';\nimport { typographyStyles } from '@fluentui/react-theme';\n\nexport const subtitle2ClassNames: SlotClassNames<TextSlots> = {\n  root: 'fui-Subtitle2',\n};\n\n/**\n * Styles for the root slot\n */\nexport const useSubtitle2Styles = makeStyles({\n  root: typographyStyles.subtitle2,\n});\n"],"names":["makeStyles","typographyStyles","subtitle2ClassNames","root","useSubtitle2Styles","subtitle2"],"mappings":"AAAA,SAASA,UAAU,QAAQ,iBAAiB;AAG5C,SAASC,gBAAgB,QAAQ,wBAAwB;AAEzD,OAAO,MAAMC,sBAAiD;IAC5DC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,OAAO,MAAMC,qBAAqBJ,WAAW;IAC3CG,MAAMF,iBAAiBI,SAAS;AAClC,GAAG"}
+{"version":3,"sources":["../src/components/presets/Subtitle2/useSubtitle2Styles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles } from '@griffel/react';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { TextSlots } from '../../Text/Text.types';\nimport { typographyStyles } from '@fluentui/react-theme';\n\nexport const subtitle2ClassNames: SlotClassNames<TextSlots> = {\n  root: 'fui-Subtitle2',\n};\n\n/**\n * Styles for the root slot\n */\nexport const useSubtitle2Styles = makeStyles({\n  root: typographyStyles.subtitle2,\n});\n"],"names":["makeStyles","typographyStyles","subtitle2ClassNames","root","useSubtitle2Styles","subtitle2"],"mappings":"AAAA;AAEA,SAASA,UAAU,QAAQ,iBAAiB;AAG5C,SAASC,gBAAgB,QAAQ,wBAAwB;AAEzD,OAAO,MAAMC,sBAAiD;IAC5DC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,OAAO,MAAMC,qBAAqBJ,WAAW;IAC3CG,MAAMF,iBAAiBI,SAAS;AAClC,GAAG"}

package/lib/components/presets/Subtitle2Stronger/Subtitle2Stronger.js

@@ -1,4 +1,4 @@
-import * as React from 'react';
+'use client';
 import { createPreset } from '../createPreset';
 import { subtitle2StrongerClassNames, useSubtitle2StrongerStyles } from './useSubtitle2Stronger.styles';
 /**

package/lib/components/presets/Subtitle2Stronger/Subtitle2Stronger.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/presets/Subtitle2Stronger/Subtitle2Stronger.tsx"],"sourcesContent":["import * as React from 'react';\nimport { createPreset } from '../createPreset';\nimport type { TextPresetProps } from '../../Text/Text.types';\nimport { subtitle2StrongerClassNames, useSubtitle2StrongerStyles } from './useSubtitle2Stronger.styles';\n\n/**\n * Text preset component for the Subtitle2Stronger typography variant\n */\nexport const Subtitle2Stronger: React.FunctionComponent<TextPresetProps> = createPreset({\n  useStyles: useSubtitle2StrongerStyles,\n  className: subtitle2StrongerClassNames.root,\n  displayName: 'Subtitle2Stronger',\n});\n"],"names":["React","createPreset","subtitle2StrongerClassNames","useSubtitle2StrongerStyles","Subtitle2Stronger","useStyles","className","root","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,YAAY,QAAQ,kBAAkB;AAE/C,SAASC,2BAA2B,EAAEC,0BAA0B,QAAQ,gCAAgC;AAExG;;CAEC,GACD,OAAO,MAAMC,oBAA8DH,aAAa;IACtFI,WAAWF;IACXG,WAAWJ,4BAA4BK,IAAI;IAC3CC,aAAa;AACf,GAAG"}
+{"version":3,"sources":["../src/components/presets/Subtitle2Stronger/Subtitle2Stronger.tsx"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { createPreset } from '../createPreset';\nimport type { TextPresetProps } from '../../Text/Text.types';\nimport { subtitle2StrongerClassNames, useSubtitle2StrongerStyles } from './useSubtitle2Stronger.styles';\n\n/**\n * Text preset component for the Subtitle2Stronger typography variant\n */\nexport const Subtitle2Stronger: React.FunctionComponent<TextPresetProps> = createPreset({\n  useStyles: useSubtitle2StrongerStyles,\n  className: subtitle2StrongerClassNames.root,\n  displayName: 'Subtitle2Stronger',\n});\n"],"names":["createPreset","subtitle2StrongerClassNames","useSubtitle2StrongerStyles","Subtitle2Stronger","useStyles","className","root","displayName"],"mappings":"AAAA;AAGA,SAASA,YAAY,QAAQ,kBAAkB;AAE/C,SAASC,2BAA2B,EAAEC,0BAA0B,QAAQ,gCAAgC;AAExG;;CAEC,GACD,OAAO,MAAMC,oBAA8DH,aAAa;IACtFI,WAAWF;IACXG,WAAWJ,4BAA4BK,IAAI;IAC3CC,aAAa;AACf,GAAG"}

package/lib/components/presets/Subtitle2Stronger/useSubtitle2Stronger.styles.js

@@ -1,3 +1,5 @@
+'use client';
+
 import { __styles } from '@griffel/react';
 import { typographyStyles } from '@fluentui/react-theme';
 export const subtitle2StrongerClassNames = {

package/lib/components/presets/Subtitle2Stronger/useSubtitle2Stronger.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["__styles","typographyStyles","subtitle2StrongerClassNames","root","useSubtitle2StrongerStyles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d"],"sources":["useSubtitle2Stronger.styles.js"],"sourcesContent":["import { makeStyles } from '@griffel/react';\nimport { typographyStyles } from '@fluentui/react-theme';\nexport const subtitle2StrongerClassNames = {\n    root: 'fui-Subtitle2Stronger'\n};\n/**\n * Styles for the root slot\n */ export const useSubtitle2StrongerStyles = makeStyles({\n    root: typographyStyles.subtitle2Stronger\n});\n"],"mappings":"AAAA,SAAAA,QAAA,QAA2B,gBAAgB;AAC3C,SAASC,gBAAgB,QAAQ,uBAAuB;AACxD,OAAO,MAAMC,2BAA2B,GAAG;EACvCC,IAAI,EAAE;AACV,CAAC;AACD;AACA;AACA;AAAI,OAAO,MAAMC,0BAA0B,gBAAGJ,QAAA;EAAAG,IAAA;IAAAE,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CAE7C,CAAC","ignoreList":[]}
+{"version":3,"names":["__styles","typographyStyles","subtitle2StrongerClassNames","root","useSubtitle2StrongerStyles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d"],"sources":["useSubtitle2Stronger.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles } from '@griffel/react';\nimport { typographyStyles } from '@fluentui/react-theme';\nexport const subtitle2StrongerClassNames = {\n    root: 'fui-Subtitle2Stronger'\n};\n/**\n * Styles for the root slot\n */ export const useSubtitle2StrongerStyles = makeStyles({\n    root: typographyStyles.subtitle2Stronger\n});\n"],"mappings":"AAAA,YAAY;;AACZ,SAAAA,QAAA,QAA2B,gBAAgB;AAC3C,SAASC,gBAAgB,QAAQ,uBAAuB;AACxD,OAAO,MAAMC,2BAA2B,GAAG;EACvCC,IAAI,EAAE;AACV,CAAC;AACD;AACA;AACA;AAAI,OAAO,MAAMC,0BAA0B,gBAAGJ,QAAA;EAAAG,IAAA;IAAAE,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CAE7C,CAAC","ignoreList":[]}

package/lib/components/presets/Subtitle2Stronger/useSubtitle2Stronger.styles.raw.js

@@ -1,3 +1,4 @@
+'use client';
 import { makeStyles } from '@griffel/react';
 import { typographyStyles } from '@fluentui/react-theme';
 export const subtitle2StrongerClassNames = {

package/lib/components/presets/Subtitle2Stronger/useSubtitle2Stronger.styles.raw.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/presets/Subtitle2Stronger/useSubtitle2Stronger.styles.ts"],"sourcesContent":["import { makeStyles } from '@griffel/react';\nimport { SlotClassNames } from '@fluentui/react-utilities';\nimport type { TextSlots } from '../../Text/Text.types';\nimport { typographyStyles } from '@fluentui/react-theme';\n\nexport const subtitle2StrongerClassNames: SlotClassNames<TextSlots> = {\n  root: 'fui-Subtitle2Stronger',\n};\n\n/**\n * Styles for the root slot\n */\nexport const useSubtitle2StrongerStyles = makeStyles({\n  root: typographyStyles.subtitle2Stronger,\n});\n"],"names":["makeStyles","typographyStyles","subtitle2StrongerClassNames","root","useSubtitle2StrongerStyles","subtitle2Stronger"],"mappings":"AAAA,SAASA,UAAU,QAAQ,iBAAiB;AAG5C,SAASC,gBAAgB,QAAQ,wBAAwB;AAEzD,OAAO,MAAMC,8BAAyD;IACpEC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,OAAO,MAAMC,6BAA6BJ,WAAW;IACnDG,MAAMF,iBAAiBI,iBAAiB;AAC1C,GAAG"}
+{"version":3,"sources":["../src/components/presets/Subtitle2Stronger/useSubtitle2Stronger.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles } from '@griffel/react';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { TextSlots } from '../../Text/Text.types';\nimport { typographyStyles } from '@fluentui/react-theme';\n\nexport const subtitle2StrongerClassNames: SlotClassNames<TextSlots> = {\n  root: 'fui-Subtitle2Stronger',\n};\n\n/**\n * Styles for the root slot\n */\nexport const useSubtitle2StrongerStyles = makeStyles({\n  root: typographyStyles.subtitle2Stronger,\n});\n"],"names":["makeStyles","typographyStyles","subtitle2StrongerClassNames","root","useSubtitle2StrongerStyles","subtitle2Stronger"],"mappings":"AAAA;AAEA,SAASA,UAAU,QAAQ,iBAAiB;AAG5C,SAASC,gBAAgB,QAAQ,wBAAwB;AAEzD,OAAO,MAAMC,8BAAyD;IACpEC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,OAAO,MAAMC,6BAA6BJ,WAAW;IACnDG,MAAMF,iBAAiBI,iBAAiB;AAC1C,GAAG"}

package/lib/components/presets/Title1/Title1.js

@@ -1,4 +1,4 @@
-import * as React from 'react';
+'use client';
 import { createPreset } from '../createPreset';
 import { title1ClassNames, useTitle1Styles } from './useTitle1Styles.styles';
 /**

package/lib/components/presets/Title1/Title1.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/presets/Title1/Title1.tsx"],"sourcesContent":["import * as React from 'react';\nimport { createPreset } from '../createPreset';\nimport type { TextPresetProps } from '../../Text/Text.types';\nimport { title1ClassNames, useTitle1Styles } from './useTitle1Styles.styles';\n\n/**\n * Text preset component for the Title 1 typography variant\n */\nexport const Title1: React.FunctionComponent<TextPresetProps> = createPreset({\n  useStyles: useTitle1Styles,\n  className: title1ClassNames.root,\n  displayName: 'Title1',\n});\n"],"names":["React","createPreset","title1ClassNames","useTitle1Styles","Title1","useStyles","className","root","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,YAAY,QAAQ,kBAAkB;AAE/C,SAASC,gBAAgB,EAAEC,eAAe,QAAQ,2BAA2B;AAE7E;;CAEC,GACD,OAAO,MAAMC,SAAmDH,aAAa;IAC3EI,WAAWF;IACXG,WAAWJ,iBAAiBK,IAAI;IAChCC,aAAa;AACf,GAAG"}
+{"version":3,"sources":["../src/components/presets/Title1/Title1.tsx"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { createPreset } from '../createPreset';\nimport type { TextPresetProps } from '../../Text/Text.types';\nimport { title1ClassNames, useTitle1Styles } from './useTitle1Styles.styles';\n\n/**\n * Text preset component for the Title 1 typography variant\n */\nexport const Title1: React.FunctionComponent<TextPresetProps> = createPreset({\n  useStyles: useTitle1Styles,\n  className: title1ClassNames.root,\n  displayName: 'Title1',\n});\n"],"names":["createPreset","title1ClassNames","useTitle1Styles","Title1","useStyles","className","root","displayName"],"mappings":"AAAA;AAGA,SAASA,YAAY,QAAQ,kBAAkB;AAE/C,SAASC,gBAAgB,EAAEC,eAAe,QAAQ,2BAA2B;AAE7E;;CAEC,GACD,OAAO,MAAMC,SAAmDH,aAAa;IAC3EI,WAAWF;IACXG,WAAWJ,iBAAiBK,IAAI;IAChCC,aAAa;AACf,GAAG"}

package/lib/components/presets/Title1/useTitle1Styles.styles.js

@@ -1,3 +1,5 @@
+'use client';
+
 import { __styles } from '@griffel/react';
 import { typographyStyles } from '@fluentui/react-theme';
 export const title1ClassNames = {

package/lib/components/presets/Title1/useTitle1Styles.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["__styles","typographyStyles","title1ClassNames","root","useTitle1Styles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d"],"sources":["useTitle1Styles.styles.js"],"sourcesContent":["import { makeStyles } from '@griffel/react';\nimport { typographyStyles } from '@fluentui/react-theme';\nexport const title1ClassNames = {\n    root: 'fui-Title1'\n};\n/**\n * Styles for the root slot\n */ export const useTitle1Styles = makeStyles({\n    root: typographyStyles.title1\n});\n"],"mappings":"AAAA,SAAAA,QAAA,QAA2B,gBAAgB;AAC3C,SAASC,gBAAgB,QAAQ,uBAAuB;AACxD,OAAO,MAAMC,gBAAgB,GAAG;EAC5BC,IAAI,EAAE;AACV,CAAC;AACD;AACA;AACA;AAAI,OAAO,MAAMC,eAAe,gBAAGJ,QAAA;EAAAG,IAAA;IAAAE,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CAElC,CAAC","ignoreList":[]}
+{"version":3,"names":["__styles","typographyStyles","title1ClassNames","root","useTitle1Styles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d"],"sources":["useTitle1Styles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles } from '@griffel/react';\nimport { typographyStyles } from '@fluentui/react-theme';\nexport const title1ClassNames = {\n    root: 'fui-Title1'\n};\n/**\n * Styles for the root slot\n */ export const useTitle1Styles = makeStyles({\n    root: typographyStyles.title1\n});\n"],"mappings":"AAAA,YAAY;;AACZ,SAAAA,QAAA,QAA2B,gBAAgB;AAC3C,SAASC,gBAAgB,QAAQ,uBAAuB;AACxD,OAAO,MAAMC,gBAAgB,GAAG;EAC5BC,IAAI,EAAE;AACV,CAAC;AACD;AACA;AACA;AAAI,OAAO,MAAMC,eAAe,gBAAGJ,QAAA;EAAAG,IAAA;IAAAE,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CAElC,CAAC","ignoreList":[]}

package/lib/components/presets/Title1/useTitle1Styles.styles.raw.js

@@ -1,3 +1,4 @@
+'use client';
 import { makeStyles } from '@griffel/react';
 import { typographyStyles } from '@fluentui/react-theme';
 export const title1ClassNames = {

package/lib/components/presets/Title1/useTitle1Styles.styles.raw.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/presets/Title1/useTitle1Styles.styles.ts"],"sourcesContent":["import { makeStyles } from '@griffel/react';\nimport { SlotClassNames } from '@fluentui/react-utilities';\nimport type { TextSlots } from '../../Text/Text.types';\nimport { typographyStyles } from '@fluentui/react-theme';\n\nexport const title1ClassNames: SlotClassNames<TextSlots> = {\n  root: 'fui-Title1',\n};\n\n/**\n * Styles for the root slot\n */\nexport const useTitle1Styles = makeStyles({\n  root: typographyStyles.title1,\n});\n"],"names":["makeStyles","typographyStyles","title1ClassNames","root","useTitle1Styles","title1"],"mappings":"AAAA,SAASA,UAAU,QAAQ,iBAAiB;AAG5C,SAASC,gBAAgB,QAAQ,wBAAwB;AAEzD,OAAO,MAAMC,mBAA8C;IACzDC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,OAAO,MAAMC,kBAAkBJ,WAAW;IACxCG,MAAMF,iBAAiBI,MAAM;AAC/B,GAAG"}
+{"version":3,"sources":["../src/components/presets/Title1/useTitle1Styles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles } from '@griffel/react';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { TextSlots } from '../../Text/Text.types';\nimport { typographyStyles } from '@fluentui/react-theme';\n\nexport const title1ClassNames: SlotClassNames<TextSlots> = {\n  root: 'fui-Title1',\n};\n\n/**\n * Styles for the root slot\n */\nexport const useTitle1Styles = makeStyles({\n  root: typographyStyles.title1,\n});\n"],"names":["makeStyles","typographyStyles","title1ClassNames","root","useTitle1Styles","title1"],"mappings":"AAAA;AAEA,SAASA,UAAU,QAAQ,iBAAiB;AAG5C,SAASC,gBAAgB,QAAQ,wBAAwB;AAEzD,OAAO,MAAMC,mBAA8C;IACzDC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,OAAO,MAAMC,kBAAkBJ,WAAW;IACxCG,MAAMF,iBAAiBI,MAAM;AAC/B,GAAG"}

package/lib/components/presets/Title2/Title2.js

@@ -1,4 +1,4 @@
-import * as React from 'react';
+'use client';
 import { createPreset } from '../createPreset';
 import { title2ClassNames, useTitle2Styles } from './useTitle2Styles.styles';
 /**

package/lib/components/presets/Title2/Title2.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/presets/Title2/Title2.tsx"],"sourcesContent":["import * as React from 'react';\nimport { createPreset } from '../createPreset';\nimport type { TextPresetProps } from '../../Text/Text.types';\nimport { title2ClassNames, useTitle2Styles } from './useTitle2Styles.styles';\n\n/**\n * Text preset component for the Title 2 typography variant\n */\nexport const Title2: React.FunctionComponent<TextPresetProps> = createPreset({\n  useStyles: useTitle2Styles,\n  className: title2ClassNames.root,\n  displayName: 'Title2',\n});\n"],"names":["React","createPreset","title2ClassNames","useTitle2Styles","Title2","useStyles","className","root","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,YAAY,QAAQ,kBAAkB;AAE/C,SAASC,gBAAgB,EAAEC,eAAe,QAAQ,2BAA2B;AAE7E;;CAEC,GACD,OAAO,MAAMC,SAAmDH,aAAa;IAC3EI,WAAWF;IACXG,WAAWJ,iBAAiBK,IAAI;IAChCC,aAAa;AACf,GAAG"}
+{"version":3,"sources":["../src/components/presets/Title2/Title2.tsx"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { createPreset } from '../createPreset';\nimport type { TextPresetProps } from '../../Text/Text.types';\nimport { title2ClassNames, useTitle2Styles } from './useTitle2Styles.styles';\n\n/**\n * Text preset component for the Title 2 typography variant\n */\nexport const Title2: React.FunctionComponent<TextPresetProps> = createPreset({\n  useStyles: useTitle2Styles,\n  className: title2ClassNames.root,\n  displayName: 'Title2',\n});\n"],"names":["createPreset","title2ClassNames","useTitle2Styles","Title2","useStyles","className","root","displayName"],"mappings":"AAAA;AAGA,SAASA,YAAY,QAAQ,kBAAkB;AAE/C,SAASC,gBAAgB,EAAEC,eAAe,QAAQ,2BAA2B;AAE7E;;CAEC,GACD,OAAO,MAAMC,SAAmDH,aAAa;IAC3EI,WAAWF;IACXG,WAAWJ,iBAAiBK,IAAI;IAChCC,aAAa;AACf,GAAG"}

package/lib/components/presets/Title2/useTitle2Styles.styles.js

@@ -1,3 +1,5 @@
+'use client';
+
 import { __styles } from '@griffel/react';
 import { typographyStyles } from '@fluentui/react-theme';
 export const title2ClassNames = {

package/lib/components/presets/Title2/useTitle2Styles.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["__styles","typographyStyles","title2ClassNames","root","useTitle2Styles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d"],"sources":["useTitle2Styles.styles.js"],"sourcesContent":["import { makeStyles } from '@griffel/react';\nimport { typographyStyles } from '@fluentui/react-theme';\nexport const title2ClassNames = {\n    root: 'fui-Title2'\n};\n/**\n * Styles for the root slot\n */ export const useTitle2Styles = makeStyles({\n    root: typographyStyles.title2\n});\n"],"mappings":"AAAA,SAAAA,QAAA,QAA2B,gBAAgB;AAC3C,SAASC,gBAAgB,QAAQ,uBAAuB;AACxD,OAAO,MAAMC,gBAAgB,GAAG;EAC5BC,IAAI,EAAE;AACV,CAAC;AACD;AACA;AACA;AAAI,OAAO,MAAMC,eAAe,gBAAGJ,QAAA;EAAAG,IAAA;IAAAE,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CAElC,CAAC","ignoreList":[]}
+{"version":3,"names":["__styles","typographyStyles","title2ClassNames","root","useTitle2Styles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d"],"sources":["useTitle2Styles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles } from '@griffel/react';\nimport { typographyStyles } from '@fluentui/react-theme';\nexport const title2ClassNames = {\n    root: 'fui-Title2'\n};\n/**\n * Styles for the root slot\n */ export const useTitle2Styles = makeStyles({\n    root: typographyStyles.title2\n});\n"],"mappings":"AAAA,YAAY;;AACZ,SAAAA,QAAA,QAA2B,gBAAgB;AAC3C,SAASC,gBAAgB,QAAQ,uBAAuB;AACxD,OAAO,MAAMC,gBAAgB,GAAG;EAC5BC,IAAI,EAAE;AACV,CAAC;AACD;AACA;AACA;AAAI,OAAO,MAAMC,eAAe,gBAAGJ,QAAA;EAAAG,IAAA;IAAAE,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CAElC,CAAC","ignoreList":[]}

package/lib/components/presets/Title2/useTitle2Styles.styles.raw.js

@@ -1,3 +1,4 @@
+'use client';
 import { makeStyles } from '@griffel/react';
 import { typographyStyles } from '@fluentui/react-theme';
 export const title2ClassNames = {

package/lib/components/presets/Title2/useTitle2Styles.styles.raw.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/presets/Title2/useTitle2Styles.styles.ts"],"sourcesContent":["import { makeStyles } from '@griffel/react';\nimport { SlotClassNames } from '@fluentui/react-utilities';\nimport type { TextSlots } from '../../Text/Text.types';\nimport { typographyStyles } from '@fluentui/react-theme';\n\nexport const title2ClassNames: SlotClassNames<TextSlots> = {\n  root: 'fui-Title2',\n};\n\n/**\n * Styles for the root slot\n */\nexport const useTitle2Styles = makeStyles({\n  root: typographyStyles.title2,\n});\n"],"names":["makeStyles","typographyStyles","title2ClassNames","root","useTitle2Styles","title2"],"mappings":"AAAA,SAASA,UAAU,QAAQ,iBAAiB;AAG5C,SAASC,gBAAgB,QAAQ,wBAAwB;AAEzD,OAAO,MAAMC,mBAA8C;IACzDC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,OAAO,MAAMC,kBAAkBJ,WAAW;IACxCG,MAAMF,iBAAiBI,MAAM;AAC/B,GAAG"}
+{"version":3,"sources":["../src/components/presets/Title2/useTitle2Styles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles } from '@griffel/react';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { TextSlots } from '../../Text/Text.types';\nimport { typographyStyles } from '@fluentui/react-theme';\n\nexport const title2ClassNames: SlotClassNames<TextSlots> = {\n  root: 'fui-Title2',\n};\n\n/**\n * Styles for the root slot\n */\nexport const useTitle2Styles = makeStyles({\n  root: typographyStyles.title2,\n});\n"],"names":["makeStyles","typographyStyles","title2ClassNames","root","useTitle2Styles","title2"],"mappings":"AAAA;AAEA,SAASA,UAAU,QAAQ,iBAAiB;AAG5C,SAASC,gBAAgB,QAAQ,wBAAwB;AAEzD,OAAO,MAAMC,mBAA8C;IACzDC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,OAAO,MAAMC,kBAAkBJ,WAAW;IACxCG,MAAMF,iBAAiBI,MAAM;AAC/B,GAAG"}

package/lib/components/presets/Title3/Title3.js

@@ -1,4 +1,4 @@
-import * as React from 'react';
+'use client';
 import { createPreset } from '../createPreset';
 import { title3ClassNames, useTitle3Styles } from './useTitle3Styles.styles';
 /**

package/lib/components/presets/Title3/Title3.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/presets/Title3/Title3.tsx"],"sourcesContent":["import * as React from 'react';\nimport { createPreset } from '../createPreset';\nimport type { TextPresetProps } from '../../Text/Text.types';\nimport { title3ClassNames, useTitle3Styles } from './useTitle3Styles.styles';\n\n/**\n * Text preset component for the Title 3 typography variant\n */\nexport const Title3: React.FunctionComponent<TextPresetProps> = createPreset({\n  useStyles: useTitle3Styles,\n  className: title3ClassNames.root,\n  displayName: 'Title3',\n});\n"],"names":["React","createPreset","title3ClassNames","useTitle3Styles","Title3","useStyles","className","root","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,YAAY,QAAQ,kBAAkB;AAE/C,SAASC,gBAAgB,EAAEC,eAAe,QAAQ,2BAA2B;AAE7E;;CAEC,GACD,OAAO,MAAMC,SAAmDH,aAAa;IAC3EI,WAAWF;IACXG,WAAWJ,iBAAiBK,IAAI;IAChCC,aAAa;AACf,GAAG"}
+{"version":3,"sources":["../src/components/presets/Title3/Title3.tsx"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { createPreset } from '../createPreset';\nimport type { TextPresetProps } from '../../Text/Text.types';\nimport { title3ClassNames, useTitle3Styles } from './useTitle3Styles.styles';\n\n/**\n * Text preset component for the Title 3 typography variant\n */\nexport const Title3: React.FunctionComponent<TextPresetProps> = createPreset({\n  useStyles: useTitle3Styles,\n  className: title3ClassNames.root,\n  displayName: 'Title3',\n});\n"],"names":["createPreset","title3ClassNames","useTitle3Styles","Title3","useStyles","className","root","displayName"],"mappings":"AAAA;AAGA,SAASA,YAAY,QAAQ,kBAAkB;AAE/C,SAASC,gBAAgB,EAAEC,eAAe,QAAQ,2BAA2B;AAE7E;;CAEC,GACD,OAAO,MAAMC,SAAmDH,aAAa;IAC3EI,WAAWF;IACXG,WAAWJ,iBAAiBK,IAAI;IAChCC,aAAa;AACf,GAAG"}

package/lib/components/presets/Title3/useTitle3Styles.styles.js

@@ -1,3 +1,5 @@
+'use client';
+
 import { __styles } from '@griffel/react';
 import { typographyStyles } from '@fluentui/react-theme';
 export const title3ClassNames = {

package/lib/components/presets/Title3/useTitle3Styles.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["__styles","typographyStyles","title3ClassNames","root","useTitle3Styles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d"],"sources":["useTitle3Styles.styles.js"],"sourcesContent":["import { makeStyles } from '@griffel/react';\nimport { typographyStyles } from '@fluentui/react-theme';\nexport const title3ClassNames = {\n    root: 'fui-Title3'\n};\n/**\n * Styles for the root slot\n */ export const useTitle3Styles = makeStyles({\n    root: typographyStyles.title3\n});\n"],"mappings":"AAAA,SAAAA,QAAA,QAA2B,gBAAgB;AAC3C,SAASC,gBAAgB,QAAQ,uBAAuB;AACxD,OAAO,MAAMC,gBAAgB,GAAG;EAC5BC,IAAI,EAAE;AACV,CAAC;AACD;AACA;AACA;AAAI,OAAO,MAAMC,eAAe,gBAAGJ,QAAA;EAAAG,IAAA;IAAAE,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CAElC,CAAC","ignoreList":[]}
+{"version":3,"names":["__styles","typographyStyles","title3ClassNames","root","useTitle3Styles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d"],"sources":["useTitle3Styles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles } from '@griffel/react';\nimport { typographyStyles } from '@fluentui/react-theme';\nexport const title3ClassNames = {\n    root: 'fui-Title3'\n};\n/**\n * Styles for the root slot\n */ export const useTitle3Styles = makeStyles({\n    root: typographyStyles.title3\n});\n"],"mappings":"AAAA,YAAY;;AACZ,SAAAA,QAAA,QAA2B,gBAAgB;AAC3C,SAASC,gBAAgB,QAAQ,uBAAuB;AACxD,OAAO,MAAMC,gBAAgB,GAAG;EAC5BC,IAAI,EAAE;AACV,CAAC;AACD;AACA;AACA;AAAI,OAAO,MAAMC,eAAe,gBAAGJ,QAAA;EAAAG,IAAA;IAAAE,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CAElC,CAAC","ignoreList":[]}

package/lib/components/presets/Title3/useTitle3Styles.styles.raw.js

@@ -1,3 +1,4 @@
+'use client';
 import { makeStyles } from '@griffel/react';
 import { typographyStyles } from '@fluentui/react-theme';
 export const title3ClassNames = {

package/lib/components/presets/Title3/useTitle3Styles.styles.raw.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/presets/Title3/useTitle3Styles.styles.ts"],"sourcesContent":["import { makeStyles } from '@griffel/react';\nimport { SlotClassNames } from '@fluentui/react-utilities';\nimport type { TextSlots } from '../../Text/Text.types';\nimport { typographyStyles } from '@fluentui/react-theme';\n\nexport const title3ClassNames: SlotClassNames<TextSlots> = {\n  root: 'fui-Title3',\n};\n\n/**\n * Styles for the root slot\n */\nexport const useTitle3Styles = makeStyles({\n  root: typographyStyles.title3,\n});\n"],"names":["makeStyles","typographyStyles","title3ClassNames","root","useTitle3Styles","title3"],"mappings":"AAAA,SAASA,UAAU,QAAQ,iBAAiB;AAG5C,SAASC,gBAAgB,QAAQ,wBAAwB;AAEzD,OAAO,MAAMC,mBAA8C;IACzDC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,OAAO,MAAMC,kBAAkBJ,WAAW;IACxCG,MAAMF,iBAAiBI,MAAM;AAC/B,GAAG"}
+{"version":3,"sources":["../src/components/presets/Title3/useTitle3Styles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles } from '@griffel/react';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { TextSlots } from '../../Text/Text.types';\nimport { typographyStyles } from '@fluentui/react-theme';\n\nexport const title3ClassNames: SlotClassNames<TextSlots> = {\n  root: 'fui-Title3',\n};\n\n/**\n * Styles for the root slot\n */\nexport const useTitle3Styles = makeStyles({\n  root: typographyStyles.title3,\n});\n"],"names":["makeStyles","typographyStyles","title3ClassNames","root","useTitle3Styles","title3"],"mappings":"AAAA;AAEA,SAASA,UAAU,QAAQ,iBAAiB;AAG5C,SAASC,gBAAgB,QAAQ,wBAAwB;AAEzD,OAAO,MAAMC,mBAA8C;IACzDC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,OAAO,MAAMC,kBAAkBJ,WAAW;IACxCG,MAAMF,iBAAiBI,MAAM;AAC/B,GAAG"}

package/lib-commonjs/components/Text/useText.js

@@ -8,8 +8,6 @@ Object.defineProperty(exports, "useText_unstable", {
         return useText_unstable;
     }
 });
-const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
-const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _reactutilities = require("@fluentui/react-utilities");
 const useText_unstable = (props, ref)=>{
     const { wrap, truncate, block, italic, underline, strikethrough, size, font, weight, align } = props;

package/lib-commonjs/components/Text/useText.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Text/useText.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport type { TextProps, TextState } from './Text.types';\n\n/**\n * Create the state required to render Text.\n *\n * The returned state can be modified with hooks such as useTextStyles_unstable,\n * before being passed to renderText_unstable.\n *\n * @param props - props from this instance of Text\n * @param ref - reference to root HTMLElement of Text\n */\nexport const useText_unstable = (props: TextProps, ref: React.Ref<HTMLElement>): TextState => {\n  const { wrap, truncate, block, italic, underline, strikethrough, size, font, weight, align } = props;\n\n  const state: TextState = {\n    align: align ?? 'start',\n    block: block ?? false,\n    font: font ?? 'base',\n    italic: italic ?? false,\n    size: size ?? 300,\n    strikethrough: strikethrough ?? false,\n    truncate: truncate ?? false,\n    underline: underline ?? false,\n    weight: weight ?? 'regular',\n    wrap: wrap ?? true,\n\n    components: { root: 'span' },\n\n    root: slot.always(\n      getIntrinsicElementProps('span', {\n        // FIXME:\n        // `ref` is wrongly assigned to be `HTMLElement` instead of `HTMLHeadingElement & HTMLPreElement`\n        // but since it would be a breaking change to fix it, we are casting ref to it's proper type\n        ref: ref as React.Ref<HTMLHeadingElement & HTMLPreElement>,\n        ...props,\n      }),\n      { elementType: 'span' },\n    ),\n  };\n\n  return state;\n};\n"],"names":["React","getIntrinsicElementProps","slot","useText_unstable","props","ref","wrap","truncate","block","italic","underline","strikethrough","size","font","weight","align","state","components","root","always","elementType"],"mappings":";;;;+BAaaG;;;;;;;iEAbU,QAAQ;gCACgB,4BAA4B;AAYpE,yBAAyB,CAACC,OAAkBC;IACjD,MAAM,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,KAAK,EAAEC,MAAM,EAAEC,SAAS,EAAEC,aAAa,EAAEC,IAAI,EAAEC,IAAI,EAAEC,MAAM,EAAEC,KAAK,EAAE,GAAGX;IAE/F,MAAMY,QAAmB;QACvBD,OAAOA,UAAAA,QAAAA,UAAAA,KAAAA,IAAAA,QAAS;QAChBP,OAAOA,UAAAA,QAAAA,UAAAA,KAAAA,IAAAA,QAAS;QAChBK,MAAMA,SAAAA,QAAAA,SAAAA,KAAAA,IAAAA,OAAQ;QACdJ,QAAQA,WAAAA,QAAAA,WAAAA,KAAAA,IAAAA,SAAU;QAClBG,MAAMA,SAAAA,QAAAA,SAAAA,KAAAA,IAAAA,OAAQ;QACdD,eAAeA,kBAAAA,QAAAA,kBAAAA,KAAAA,IAAAA,gBAAiB;QAChCJ,UAAUA,aAAAA,QAAAA,aAAAA,KAAAA,IAAAA,WAAY;QACtBG,WAAWA,cAAAA,QAAAA,cAAAA,KAAAA,IAAAA,YAAa;QACxBI,QAAQA,WAAAA,QAAAA,WAAAA,KAAAA,IAAAA,SAAU;QAClBR,MAAMA,SAAAA,QAAAA,SAAAA,KAAAA,IAAAA,OAAQ;QAEdW,YAAY;YAAEC,MAAM;QAAO;QAE3BA,MAAMhB,oBAAAA,CAAKiB,MAAM,KACflB,wCAAAA,EAAyB,QAAQ;YAC/B,SAAS;YACT,iGAAiG;YACjG,4FAA4F;YAC5FI,KAAKA;YACL,GAAGD,KAAK;QACV,IACA;YAAEgB,aAAa;QAAO;IAE1B;IAEA,OAAOJ;AACT,EAAE"}
+{"version":3,"sources":["../src/components/Text/useText.ts"],"sourcesContent":["import type * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport type { TextProps, TextState } from './Text.types';\n\n/**\n * Create the state required to render Text.\n *\n * The returned state can be modified with hooks such as useTextStyles_unstable,\n * before being passed to renderText_unstable.\n *\n * @param props - props from this instance of Text\n * @param ref - reference to root HTMLElement of Text\n */\nexport const useText_unstable = (props: TextProps, ref: React.Ref<HTMLElement>): TextState => {\n  const { wrap, truncate, block, italic, underline, strikethrough, size, font, weight, align } = props;\n\n  const state: TextState = {\n    align: align ?? 'start',\n    block: block ?? false,\n    font: font ?? 'base',\n    italic: italic ?? false,\n    size: size ?? 300,\n    strikethrough: strikethrough ?? false,\n    truncate: truncate ?? false,\n    underline: underline ?? false,\n    weight: weight ?? 'regular',\n    wrap: wrap ?? true,\n\n    components: { root: 'span' },\n\n    root: slot.always(\n      getIntrinsicElementProps('span', {\n        // FIXME:\n        // `ref` is wrongly assigned to be `HTMLElement` instead of `HTMLHeadingElement & HTMLPreElement`\n        // but since it would be a breaking change to fix it, we are casting ref to it's proper type\n        ref: ref as React.Ref<HTMLHeadingElement & HTMLPreElement>,\n        ...props,\n      }),\n      { elementType: 'span' },\n    ),\n  };\n\n  return state;\n};\n"],"names":["getIntrinsicElementProps","slot","useText_unstable","props","ref","wrap","truncate","block","italic","underline","strikethrough","size","font","weight","align","state","components","root","always","elementType"],"mappings":";;;;+BAaaE;;;;;;gCAZkC,4BAA4B;AAYpE,yBAAyB,CAACC,OAAkBC;IACjD,MAAM,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,KAAK,EAAEC,MAAM,EAAEC,SAAS,EAAEC,aAAa,EAAEC,IAAI,EAAEC,IAAI,EAAEC,MAAM,EAAEC,KAAK,EAAE,GAAGX;IAE/F,MAAMY,QAAmB;QACvBD,OAAOA,UAAAA,QAAAA,UAAAA,KAAAA,IAAAA,QAAS;QAChBP,OAAOA,UAAAA,QAAAA,UAAAA,KAAAA,IAAAA,QAAS;QAChBK,MAAMA,SAAAA,QAAAA,SAAAA,KAAAA,IAAAA,OAAQ;QACdJ,QAAQA,WAAAA,QAAAA,WAAAA,KAAAA,IAAAA,SAAU;QAClBG,MAAMA,SAAAA,QAAAA,SAAAA,KAAAA,IAAAA,OAAQ;QACdD,eAAeA,kBAAAA,QAAAA,kBAAAA,KAAAA,IAAAA,gBAAiB;QAChCJ,UAAUA,aAAAA,QAAAA,aAAAA,KAAAA,IAAAA,WAAY;QACtBG,WAAWA,cAAAA,QAAAA,cAAAA,KAAAA,IAAAA,YAAa;QACxBI,QAAQA,WAAAA,QAAAA,WAAAA,KAAAA,IAAAA,SAAU;QAClBR,MAAMA,SAAAA,QAAAA,SAAAA,KAAAA,IAAAA,OAAQ;QAEdW,YAAY;YAAEC,MAAM;QAAO;QAE3BA,MAAMhB,oBAAAA,CAAKiB,MAAM,KACflB,wCAAAA,EAAyB,QAAQ;YAC/B,SAAS;YACT,iGAAiG;YACjG,4FAA4F;YAC5FI,KAAKA;YACL,GAAGD,KAAK;QACV,IACA;YAAEgB,aAAa;QAAO;IAE1B;IAEA,OAAOJ;AACT,EAAE"}

package/lib-commonjs/components/Text/useTextStyles.styles.raw.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Text/useTextStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport type { TextSlots, TextState } from './Text.types';\nimport { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const textClassNames: SlotClassNames<TextSlots> = {\n  root: 'fui-Text',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: {\n    fontFamily: tokens.fontFamilyBase,\n    fontSize: tokens.fontSizeBase300,\n    lineHeight: tokens.lineHeightBase300,\n    fontWeight: tokens.fontWeightRegular,\n    textAlign: 'start',\n    display: 'inline',\n    whiteSpace: 'normal',\n    overflow: 'visible',\n    textOverflow: 'clip',\n  },\n  nowrap: {\n    whiteSpace: 'nowrap',\n    overflow: 'hidden',\n  },\n  truncate: {\n    textOverflow: 'ellipsis',\n  },\n  block: {\n    display: 'block',\n  },\n  italic: {\n    fontStyle: 'italic',\n  },\n  underline: {\n    textDecorationLine: 'underline',\n  },\n  strikethrough: {\n    textDecorationLine: 'line-through',\n  },\n  strikethroughUnderline: {\n    textDecorationLine: 'line-through underline',\n  },\n  base100: {\n    fontSize: tokens.fontSizeBase100,\n    lineHeight: tokens.lineHeightBase100,\n  },\n  base200: {\n    fontSize: tokens.fontSizeBase200,\n    lineHeight: tokens.lineHeightBase200,\n  },\n  base400: {\n    fontSize: tokens.fontSizeBase400,\n    lineHeight: tokens.lineHeightBase400,\n  },\n  base500: {\n    fontSize: tokens.fontSizeBase500,\n    lineHeight: tokens.lineHeightBase500,\n  },\n  base600: {\n    fontSize: tokens.fontSizeBase600,\n    lineHeight: tokens.lineHeightBase600,\n  },\n  hero700: {\n    fontSize: tokens.fontSizeHero700,\n    lineHeight: tokens.lineHeightHero700,\n  },\n  hero800: {\n    fontSize: tokens.fontSizeHero800,\n    lineHeight: tokens.lineHeightHero800,\n  },\n  hero900: {\n    fontSize: tokens.fontSizeHero900,\n    lineHeight: tokens.lineHeightHero900,\n  },\n  hero1000: {\n    fontSize: tokens.fontSizeHero1000,\n    lineHeight: tokens.lineHeightHero1000,\n  },\n  monospace: {\n    fontFamily: tokens.fontFamilyMonospace,\n  },\n  numeric: {\n    fontFamily: tokens.fontFamilyNumeric,\n  },\n  weightMedium: {\n    fontWeight: tokens.fontWeightMedium,\n  },\n  weightSemibold: {\n    fontWeight: tokens.fontWeightSemibold,\n  },\n  weightBold: {\n    fontWeight: tokens.fontWeightBold,\n  },\n  alignCenter: {\n    textAlign: 'center',\n  },\n  alignEnd: {\n    textAlign: 'end',\n  },\n  alignJustify: {\n    textAlign: 'justify',\n  },\n});\n\n/**\n * Apply styling to the Text slots based on the state\n */\nexport const useTextStyles_unstable = (state: TextState): TextState => {\n  'use no memo';\n\n  const styles = useStyles();\n\n  state.root.className = mergeClasses(\n    textClassNames.root,\n    styles.root,\n    state.wrap === false && styles.nowrap,\n    state.truncate && styles.truncate,\n    state.block && styles.block,\n    state.italic && styles.italic,\n    state.underline && styles.underline,\n    state.strikethrough && styles.strikethrough,\n    state.underline && state.strikethrough && styles.strikethroughUnderline,\n    state.size === 100 && styles.base100,\n    state.size === 200 && styles.base200,\n    state.size === 400 && styles.base400,\n    state.size === 500 && styles.base500,\n    state.size === 600 && styles.base600,\n    state.size === 700 && styles.hero700,\n    state.size === 800 && styles.hero800,\n    state.size === 900 && styles.hero900,\n    state.size === 1000 && styles.hero1000,\n    state.font === 'monospace' && styles.monospace,\n    state.font === 'numeric' && styles.numeric,\n    state.weight === 'medium' && styles.weightMedium,\n    state.weight === 'semibold' && styles.weightSemibold,\n    state.weight === 'bold' && styles.weightBold,\n    state.align === 'center' && styles.alignCenter,\n    state.align === 'end' && styles.alignEnd,\n    state.align === 'justify' && styles.alignJustify,\n    state.root.className,\n  );\n\n  return state;\n};\n"],"names":["makeStyles","mergeClasses","tokens","textClassNames","root","useStyles","fontFamily","fontFamilyBase","fontSize","fontSizeBase300","lineHeight","lineHeightBase300","fontWeight","fontWeightRegular","textAlign","display","whiteSpace","overflow","textOverflow","nowrap","truncate","block","italic","fontStyle","underline","textDecorationLine","strikethrough","strikethroughUnderline","base100","fontSizeBase100","lineHeightBase100","base200","fontSizeBase200","lineHeightBase200","base400","fontSizeBase400","lineHeightBase400","base500","fontSizeBase500","lineHeightBase500","base600","fontSizeBase600","lineHeightBase600","hero700","fontSizeHero700","lineHeightHero700","hero800","fontSizeHero800","lineHeightHero800","hero900","fontSizeHero900","lineHeightHero900","hero1000","fontSizeHero1000","lineHeightHero1000","monospace","fontFamilyMonospace","numeric","fontFamilyNumeric","weightMedium","fontWeightMedium","weightSemibold","fontWeightSemibold","weightBold","fontWeightBold","alignCenter","alignEnd","alignJustify","useTextStyles_unstable","state","styles","className","wrap","size","font","weight","align"],"mappings":"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"}
+{"version":3,"sources":["../src/components/Text/useTextStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport type { TextSlots, TextState } from './Text.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const textClassNames: SlotClassNames<TextSlots> = {\n  root: 'fui-Text',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: {\n    fontFamily: tokens.fontFamilyBase,\n    fontSize: tokens.fontSizeBase300,\n    lineHeight: tokens.lineHeightBase300,\n    fontWeight: tokens.fontWeightRegular,\n    textAlign: 'start',\n    display: 'inline',\n    whiteSpace: 'normal',\n    overflow: 'visible',\n    textOverflow: 'clip',\n  },\n  nowrap: {\n    whiteSpace: 'nowrap',\n    overflow: 'hidden',\n  },\n  truncate: {\n    textOverflow: 'ellipsis',\n  },\n  block: {\n    display: 'block',\n  },\n  italic: {\n    fontStyle: 'italic',\n  },\n  underline: {\n    textDecorationLine: 'underline',\n  },\n  strikethrough: {\n    textDecorationLine: 'line-through',\n  },\n  strikethroughUnderline: {\n    textDecorationLine: 'line-through underline',\n  },\n  base100: {\n    fontSize: tokens.fontSizeBase100,\n    lineHeight: tokens.lineHeightBase100,\n  },\n  base200: {\n    fontSize: tokens.fontSizeBase200,\n    lineHeight: tokens.lineHeightBase200,\n  },\n  base400: {\n    fontSize: tokens.fontSizeBase400,\n    lineHeight: tokens.lineHeightBase400,\n  },\n  base500: {\n    fontSize: tokens.fontSizeBase500,\n    lineHeight: tokens.lineHeightBase500,\n  },\n  base600: {\n    fontSize: tokens.fontSizeBase600,\n    lineHeight: tokens.lineHeightBase600,\n  },\n  hero700: {\n    fontSize: tokens.fontSizeHero700,\n    lineHeight: tokens.lineHeightHero700,\n  },\n  hero800: {\n    fontSize: tokens.fontSizeHero800,\n    lineHeight: tokens.lineHeightHero800,\n  },\n  hero900: {\n    fontSize: tokens.fontSizeHero900,\n    lineHeight: tokens.lineHeightHero900,\n  },\n  hero1000: {\n    fontSize: tokens.fontSizeHero1000,\n    lineHeight: tokens.lineHeightHero1000,\n  },\n  monospace: {\n    fontFamily: tokens.fontFamilyMonospace,\n  },\n  numeric: {\n    fontFamily: tokens.fontFamilyNumeric,\n  },\n  weightMedium: {\n    fontWeight: tokens.fontWeightMedium,\n  },\n  weightSemibold: {\n    fontWeight: tokens.fontWeightSemibold,\n  },\n  weightBold: {\n    fontWeight: tokens.fontWeightBold,\n  },\n  alignCenter: {\n    textAlign: 'center',\n  },\n  alignEnd: {\n    textAlign: 'end',\n  },\n  alignJustify: {\n    textAlign: 'justify',\n  },\n});\n\n/**\n * Apply styling to the Text slots based on the state\n */\nexport const useTextStyles_unstable = (state: TextState): TextState => {\n  'use no memo';\n\n  const styles = useStyles();\n\n  state.root.className = mergeClasses(\n    textClassNames.root,\n    styles.root,\n    state.wrap === false && styles.nowrap,\n    state.truncate && styles.truncate,\n    state.block && styles.block,\n    state.italic && styles.italic,\n    state.underline && styles.underline,\n    state.strikethrough && styles.strikethrough,\n    state.underline && state.strikethrough && styles.strikethroughUnderline,\n    state.size === 100 && styles.base100,\n    state.size === 200 && styles.base200,\n    state.size === 400 && styles.base400,\n    state.size === 500 && styles.base500,\n    state.size === 600 && styles.base600,\n    state.size === 700 && styles.hero700,\n    state.size === 800 && styles.hero800,\n    state.size === 900 && styles.hero900,\n    state.size === 1000 && styles.hero1000,\n    state.font === 'monospace' && styles.monospace,\n    state.font === 'numeric' && styles.numeric,\n    state.weight === 'medium' && styles.weightMedium,\n    state.weight === 'semibold' && styles.weightSemibold,\n    state.weight === 'bold' && styles.weightBold,\n    state.align === 'center' && styles.alignCenter,\n    state.align === 'end' && styles.alignEnd,\n    state.align === 'justify' && styles.alignJustify,\n    state.root.className,\n  );\n\n  return state;\n};\n"],"names":["makeStyles","mergeClasses","tokens","textClassNames","root","useStyles","fontFamily","fontFamilyBase","fontSize","fontSizeBase300","lineHeight","lineHeightBase300","fontWeight","fontWeightRegular","textAlign","display","whiteSpace","overflow","textOverflow","nowrap","truncate","block","italic","fontStyle","underline","textDecorationLine","strikethrough","strikethroughUnderline","base100","fontSizeBase100","lineHeightBase100","base200","fontSizeBase200","lineHeightBase200","base400","fontSizeBase400","lineHeightBase400","base500","fontSizeBase500","lineHeightBase500","base600","fontSizeBase600","lineHeightBase600","hero700","fontSizeHero700","lineHeightHero700","hero800","fontSizeHero800","lineHeightHero800","hero900","fontSizeHero900","lineHeightHero900","hero1000","fontSizeHero1000","lineHeightHero1000","monospace","fontFamilyMonospace","numeric","fontFamilyNumeric","weightMedium","fontWeightMedium","weightSemibold","fontWeightSemibold","weightBold","fontWeightBold","alignCenter","alignEnd","alignJustify","useTextStyles_unstable","state","styles","className","wrap","size","font","weight","align"],"mappings":"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"}

package/lib-commonjs/components/presets/Body1/Body1.js

@@ -1,3 +1,4 @@
+'use client';
 "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
@@ -8,8 +9,6 @@ Object.defineProperty(exports, "Body1", {
         return Body1;
     }
 });
-const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
-const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _createPreset = require("../createPreset");
 const _useBody1Stylesstyles = require("./useBody1Styles.styles");
 const Body1 = (0, _createPreset.createPreset)({

package/lib-commonjs/components/presets/Body1/Body1.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/presets/Body1/Body1.tsx"],"sourcesContent":["import * as React from 'react';\nimport { createPreset } from '../createPreset';\nimport type { TextPresetProps } from '../../Text/Text.types';\nimport { body1ClassNames, useBody1Styles } from './useBody1Styles.styles';\n\n/**\n * Text preset component for the Body1 typography variant\n */\nexport const Body1: React.FunctionComponent<TextPresetProps> = createPreset({\n  useStyles: useBody1Styles,\n  className: body1ClassNames.root,\n  displayName: 'Body1',\n});\n"],"names":["React","createPreset","body1ClassNames","useBody1Styles","Body1","useStyles","className","root","displayName"],"mappings":";;;;;;;;;;;iEAAuB,QAAQ;8BACF,kBAAkB;sCAEC,0BAA0B;AAKnE,MAAMI,YAAkDH,0BAAAA,EAAa;IAC1EI,WAAWF,oCAAAA;IACXG,WAAWJ,qCAAAA,CAAgBK,IAAI;IAC/BC,aAAa;AACf,GAAG"}
+{"version":3,"sources":["../src/components/presets/Body1/Body1.tsx"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { createPreset } from '../createPreset';\nimport type { TextPresetProps } from '../../Text/Text.types';\nimport { body1ClassNames, useBody1Styles } from './useBody1Styles.styles';\n\n/**\n * Text preset component for the Body1 typography variant\n */\nexport const Body1: React.FunctionComponent<TextPresetProps> = createPreset({\n  useStyles: useBody1Styles,\n  className: body1ClassNames.root,\n  displayName: 'Body1',\n});\n"],"names":["createPreset","body1ClassNames","useBody1Styles","Body1","useStyles","className","root","displayName"],"mappings":"AAAA;;;;;;;;;;;8BAG6B,kBAAkB;sCAEC,0BAA0B;AAKnE,MAAMG,YAAkDH,0BAAAA,EAAa;IAC1EI,WAAWF,oCAAAA;IACXG,WAAWJ,qCAAAA,CAAgBK,IAAI;IAC/BC,aAAa;AACf,GAAG"}

package/lib-commonjs/components/presets/Body1/useBody1Styles.styles.js

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

package/lib-commonjs/components/presets/Body1/useBody1Styles.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useBody1Styles.styles.js"],"sourcesContent":["import { makeStyles } from '@griffel/react';\nimport { typographyStyles } from '@fluentui/react-theme';\nexport const body1ClassNames = {\n    root: 'fui-Body1'\n};\n/**\n * Styles for the root slot\n */ export const useBody1Styles = makeStyles({\n    root: typographyStyles.body1\n});\n"],"names":["__styles","typographyStyles","body1ClassNames","root","useBody1Styles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d"],"mappings":";;;;;;;;;;;IAEaE,eAAe;;;kBAKG;;;;uBAPJ,gBAAgB;AAEpC,wBAAwB;IAC3BC,IAAI,EAAE;AACV,CAAC;AAGU,MAAMC,iBAAc,WAAA,OAAGJ,eAAA,EAAA;IAAAG,IAAA,EAAA;QAAAE,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAC,CAAA,EAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA,CAEjC,CAAC"}
+{"version":3,"sources":["useBody1Styles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles } from '@griffel/react';\nimport { typographyStyles } from '@fluentui/react-theme';\nexport const body1ClassNames = {\n    root: 'fui-Body1'\n};\n/**\n * Styles for the root slot\n */ export const useBody1Styles = makeStyles({\n    root: typographyStyles.body1\n});\n"],"names":["__styles","typographyStyles","body1ClassNames","root","useBody1Styles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d"],"mappings":"AAAA,YAAY;;;;;;;;;;;;mBAGgB;;;kBAKG;;;;uBAPJ,gBAAgB;AAEpC,MAAME,kBAAkB;IAC3BC,IAAI,EAAE;AACV,CAAC;AAGU,MAAMC,iBAAc,WAAA,OAAGJ,eAAA,EAAA;IAAAG,IAAA,EAAA;QAAAE,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAC,CAAA,EAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA,CAEjC,CAAC"}

package/lib-commonjs/components/presets/Body1/useBody1Styles.styles.raw.js

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

package/lib-commonjs/components/presets/Body1/useBody1Styles.styles.raw.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/presets/Body1/useBody1Styles.styles.ts"],"sourcesContent":["import { makeStyles } from '@griffel/react';\nimport { SlotClassNames } from '@fluentui/react-utilities';\nimport type { TextSlots } from '../../Text/Text.types';\nimport { typographyStyles } from '@fluentui/react-theme';\n\nexport const body1ClassNames: SlotClassNames<TextSlots> = {\n  root: 'fui-Body1',\n};\n\n/**\n * Styles for the root slot\n */\nexport const useBody1Styles = makeStyles({\n  root: typographyStyles.body1,\n});\n"],"names":["makeStyles","typographyStyles","body1ClassNames","root","useBody1Styles","body1"],"mappings":";;;;;;;;;;;mBAKaE;;;kBAOAE;;;;uBAZc,iBAAiB;4BAGX,wBAAwB;AAElD,MAAMF,kBAA6C;IACxDC,MAAM;AACR,EAAE;AAKK,MAAMC,qBAAiBJ,iBAAAA,EAAW;IACvCG,MAAMF,4BAAAA,CAAiBI,KAAK;AAC9B,GAAG"}
+{"version":3,"sources":["../src/components/presets/Body1/useBody1Styles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles } from '@griffel/react';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { TextSlots } from '../../Text/Text.types';\nimport { typographyStyles } from '@fluentui/react-theme';\n\nexport const body1ClassNames: SlotClassNames<TextSlots> = {\n  root: 'fui-Body1',\n};\n\n/**\n * Styles for the root slot\n */\nexport const useBody1Styles = makeStyles({\n  root: typographyStyles.body1,\n});\n"],"names":["makeStyles","typographyStyles","body1ClassNames","root","useBody1Styles","body1"],"mappings":"AAAA;;;;;;;;;;;;mBAOaE;;;kBAOAE;;;;uBAZc,iBAAiB;4BAGX,wBAAwB;AAElD,MAAMF,kBAA6C;IACxDC,MAAM;AACR,EAAE;AAKK,MAAMC,qBAAiBJ,iBAAAA,EAAW;IACvCG,MAAMF,4BAAAA,CAAiBI,KAAK;AAC9B,GAAG"}

package/lib-commonjs/components/presets/Body1Strong/Body1Strong.js

@@ -1,3 +1,4 @@
+'use client';
 "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
@@ -8,8 +9,6 @@ Object.defineProperty(exports, "Body1Strong", {
         return Body1Strong;
     }
 });
-const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
-const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _createPreset = require("../createPreset");
 const _useBody1StrongStylesstyles = require("./useBody1StrongStyles.styles");
 const Body1Strong = (0, _createPreset.createPreset)({

package/lib-commonjs/components/presets/Body1Strong/Body1Strong.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/presets/Body1Strong/Body1Strong.tsx"],"sourcesContent":["import * as React from 'react';\nimport { createPreset } from '../createPreset';\nimport type { TextPresetProps } from '../../Text/Text.types';\nimport { body1StrongClassNames, useBody1StrongStyles } from './useBody1StrongStyles.styles';\n\n/**\n * Text preset component for the Body1Strong typography variant\n */\nexport const Body1Strong: React.FunctionComponent<TextPresetProps> = createPreset({\n  useStyles: useBody1StrongStyles,\n  className: body1StrongClassNames.root,\n  displayName: 'Body1Strong',\n});\n"],"names":["React","createPreset","body1StrongClassNames","useBody1StrongStyles","Body1Strong","useStyles","className","root","displayName"],"mappings":";;;;;;;;;;;iEAAuB,QAAQ;8BACF,kBAAkB;4CAEa,gCAAgC;AAKrF,MAAMI,kBAAwDH,0BAAAA,EAAa;IAChFI,WAAWF,gDAAAA;IACXG,WAAWJ,iDAAAA,CAAsBK,IAAI;IACrCC,aAAa;AACf,GAAG"}
+{"version":3,"sources":["../src/components/presets/Body1Strong/Body1Strong.tsx"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { createPreset } from '../createPreset';\nimport type { TextPresetProps } from '../../Text/Text.types';\nimport { body1StrongClassNames, useBody1StrongStyles } from './useBody1StrongStyles.styles';\n\n/**\n * Text preset component for the Body1Strong typography variant\n */\nexport const Body1Strong: React.FunctionComponent<TextPresetProps> = createPreset({\n  useStyles: useBody1StrongStyles,\n  className: body1StrongClassNames.root,\n  displayName: 'Body1Strong',\n});\n"],"names":["createPreset","body1StrongClassNames","useBody1StrongStyles","Body1Strong","useStyles","className","root","displayName"],"mappings":"AAAA;;;;;;;;;;;8BAG6B,kBAAkB;4CAEa,gCAAgC;AAKrF,MAAMG,kBAAwDH,0BAAAA,EAAa;IAChFI,WAAWF,gDAAAA;IACXG,WAAWJ,iDAAAA,CAAsBK,IAAI;IACrCC,aAAa;AACf,GAAG"}

package/lib-commonjs/components/presets/Body1Strong/useBody1StrongStyles.styles.js

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

package/lib-commonjs/components/presets/Body1Strong/useBody1StrongStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useBody1StrongStyles.styles.js"],"sourcesContent":["import { makeStyles } from '@griffel/react';\nimport { typographyStyles } from '@fluentui/react-theme';\nexport const body1StrongClassNames = {\n    root: 'fui-Body1Strong'\n};\n/**\n * Styles for the root slot\n */ export const useBody1StrongStyles = makeStyles({\n    root: typographyStyles.body1Strong\n});\n"],"names":["__styles","typographyStyles","body1StrongClassNames","root","useBody1StrongStyles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d"],"mappings":";;;;;;;;;;;IAEaE,qBAAqB;;;wBAKG;;;;uBAPV,gBAAgB;AAEpC,8BAA8B;IACjCC,IAAI,EAAE;AACV,CAAC;AAGU,MAAMC,uBAAoB,WAAA,OAAGJ,eAAA,EAAA;IAAAG,IAAA,EAAA;QAAAE,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAC,CAAA,EAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA,CAEvC,CAAC"}
+{"version":3,"sources":["useBody1StrongStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles } from '@griffel/react';\nimport { typographyStyles } from '@fluentui/react-theme';\nexport const body1StrongClassNames = {\n    root: 'fui-Body1Strong'\n};\n/**\n * Styles for the root slot\n */ export const useBody1StrongStyles = makeStyles({\n    root: typographyStyles.body1Strong\n});\n"],"names":["__styles","typographyStyles","body1StrongClassNames","root","useBody1StrongStyles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d"],"mappings":"AAAA,YAAY;;;;;;;;;;;;yBAGsB;;;wBAKG;;;;uBAPV,gBAAgB;AAEpC,MAAME,wBAAwB;IACjCC,IAAI,EAAE;AACV,CAAC;AAGU,MAAMC,uBAAoB,WAAA,OAAGJ,eAAA,EAAA;IAAAG,IAAA,EAAA;QAAAE,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAC,CAAA,EAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA,CAEvC,CAAC"}

package/lib-commonjs/components/presets/Body1Strong/useBody1StrongStyles.styles.raw.js

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

package/lib-commonjs/components/presets/Body1Strong/useBody1StrongStyles.styles.raw.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/presets/Body1Strong/useBody1StrongStyles.styles.ts"],"sourcesContent":["import { makeStyles } from '@griffel/react';\nimport { SlotClassNames } from '@fluentui/react-utilities';\nimport type { TextSlots } from '../../Text/Text.types';\nimport { typographyStyles } from '@fluentui/react-theme';\n\nexport const body1StrongClassNames: SlotClassNames<TextSlots> = {\n  root: 'fui-Body1Strong',\n};\n\n/**\n * Styles for the root slot\n */\nexport const useBody1StrongStyles = makeStyles({\n  root: typographyStyles.body1Strong,\n});\n"],"names":["makeStyles","typographyStyles","body1StrongClassNames","root","useBody1StrongStyles","body1Strong"],"mappings":";;;;;;;;;;;yBAKaE;;;wBAOAE;;;;uBAZc,iBAAiB;4BAGX,wBAAwB;AAElD,MAAMF,wBAAmD;IAC9DC,MAAM;AACR,EAAE;AAKK,MAAMC,2BAAuBJ,iBAAAA,EAAW;IAC7CG,MAAMF,4BAAAA,CAAiBI,WAAW;AACpC,GAAG"}
+{"version":3,"sources":["../src/components/presets/Body1Strong/useBody1StrongStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles } from '@griffel/react';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { TextSlots } from '../../Text/Text.types';\nimport { typographyStyles } from '@fluentui/react-theme';\n\nexport const body1StrongClassNames: SlotClassNames<TextSlots> = {\n  root: 'fui-Body1Strong',\n};\n\n/**\n * Styles for the root slot\n */\nexport const useBody1StrongStyles = makeStyles({\n  root: typographyStyles.body1Strong,\n});\n"],"names":["makeStyles","typographyStyles","body1StrongClassNames","root","useBody1StrongStyles","body1Strong"],"mappings":"AAAA;;;;;;;;;;;;yBAOaE;;;wBAOAE;;;;uBAZc,iBAAiB;4BAGX,wBAAwB;AAElD,MAAMF,wBAAmD;IAC9DC,MAAM;AACR,EAAE;AAKK,MAAMC,2BAAuBJ,iBAAAA,EAAW;IAC7CG,MAAMF,4BAAAA,CAAiBI,WAAW;AACpC,GAAG"}

package/lib-commonjs/components/presets/Body1Stronger/Body1Stronger.js

@@ -1,3 +1,4 @@
+'use client';
 "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
@@ -8,8 +9,6 @@ Object.defineProperty(exports, "Body1Stronger", {
         return Body1Stronger;
     }
 });
-const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
-const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _createPreset = require("../createPreset");
 const _useBody1StrongerStylesstyles = require("./useBody1StrongerStyles.styles");
 const Body1Stronger = (0, _createPreset.createPreset)({

package/lib-commonjs/components/presets/Body1Stronger/Body1Stronger.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/presets/Body1Stronger/Body1Stronger.tsx"],"sourcesContent":["import * as React from 'react';\nimport { createPreset } from '../createPreset';\nimport type { TextPresetProps } from '../../Text/Text.types';\nimport { body1StrongerClassNames, useBody1StrongerStyles } from './useBody1StrongerStyles.styles';\n\n/**\n * Text preset component for the Body1Stronger typography variant\n */\nexport const Body1Stronger: React.FunctionComponent<TextPresetProps> = createPreset({\n  useStyles: useBody1StrongerStyles,\n  className: body1StrongerClassNames.root,\n  displayName: 'Body1Stronger',\n});\n"],"names":["React","createPreset","body1StrongerClassNames","useBody1StrongerStyles","Body1Stronger","useStyles","className","root","displayName"],"mappings":";;;;;;;;;;;iEAAuB,QAAQ;8BACF,kBAAkB;8CAEiB,kCAAkC;AAK3F,MAAMI,oBAA0DH,0BAAAA,EAAa;IAClFI,WAAWF,oDAAAA;IACXG,WAAWJ,qDAAAA,CAAwBK,IAAI;IACvCC,aAAa;AACf,GAAG"}
+{"version":3,"sources":["../src/components/presets/Body1Stronger/Body1Stronger.tsx"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { createPreset } from '../createPreset';\nimport type { TextPresetProps } from '../../Text/Text.types';\nimport { body1StrongerClassNames, useBody1StrongerStyles } from './useBody1StrongerStyles.styles';\n\n/**\n * Text preset component for the Body1Stronger typography variant\n */\nexport const Body1Stronger: React.FunctionComponent<TextPresetProps> = createPreset({\n  useStyles: useBody1StrongerStyles,\n  className: body1StrongerClassNames.root,\n  displayName: 'Body1Stronger',\n});\n"],"names":["createPreset","body1StrongerClassNames","useBody1StrongerStyles","Body1Stronger","useStyles","className","root","displayName"],"mappings":"AAAA;;;;;;;;;;;8BAG6B,kBAAkB;8CAEiB,kCAAkC;AAK3F,MAAMG,oBAA0DH,0BAAAA,EAAa;IAClFI,WAAWF,oDAAAA;IACXG,WAAWJ,qDAAAA,CAAwBK,IAAI;IACvCC,aAAa;AACf,GAAG"}

package/lib-commonjs/components/presets/Body1Stronger/useBody1StrongerStyles.styles.js

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

package/lib-commonjs/components/presets/Body1Stronger/useBody1StrongerStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useBody1StrongerStyles.styles.js"],"sourcesContent":["import { makeStyles } from '@griffel/react';\nimport { typographyStyles } from '@fluentui/react-theme';\nexport const body1StrongerClassNames = {\n    root: 'fui-Body1Stronger'\n};\n/**\n * Styles for the root slot\n */ export const useBody1StrongerStyles = makeStyles({\n    root: typographyStyles.body1Stronger\n});\n"],"names":["__styles","typographyStyles","body1StrongerClassNames","root","useBody1StrongerStyles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d"],"mappings":";;;;;;;;;;;IAEaE,uBAAuB;;;0BAKG;;;;uBAPZ,gBAAgB;AAEpC,gCAAgC;IACnCC,IAAI,EAAE;AACV,CAAC;AAGU,MAAMC,yBAAsB,WAAA,OAAGJ,eAAA,EAAA;IAAAG,IAAA,EAAA;QAAAE,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAC,CAAA,EAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA,CAEzC,CAAC"}
+{"version":3,"sources":["useBody1StrongerStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles } from '@griffel/react';\nimport { typographyStyles } from '@fluentui/react-theme';\nexport const body1StrongerClassNames = {\n    root: 'fui-Body1Stronger'\n};\n/**\n * Styles for the root slot\n */ export const useBody1StrongerStyles = makeStyles({\n    root: typographyStyles.body1Stronger\n});\n"],"names":["__styles","typographyStyles","body1StrongerClassNames","root","useBody1StrongerStyles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d"],"mappings":"AAAA,YAAY;;;;;;;;;;;;2BAGwB;;;0BAKG;;;;uBAPZ,gBAAgB;AAEpC,MAAME,0BAA0B;IACnCC,IAAI,EAAE;AACV,CAAC;AAGU,MAAMC,yBAAsB,WAAA,OAAGJ,eAAA,EAAA;IAAAG,IAAA,EAAA;QAAAE,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAC,CAAA,EAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA,CAEzC,CAAC"}