@fluentui/react-text 9.6.14 → 9.6.16

package/CHANGELOG.md

@@ -1,12 +1,34 @@
 # Change Log - @fluentui/react-text
 
-This log was last generated on Thu, 12 Feb 2026 10:42:48 GMT and should not be manually modified.
+This log was last generated on Thu, 23 Apr 2026 11:59:35 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.6.16](https://github.com/microsoft/fluentui/tree/@fluentui/react-text_v9.6.16)
+
+Thu, 23 Apr 2026 11:59:35 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-text_v9.6.15..@fluentui/react-text_v9.6.16)
+
+### Patches
+
+- Bump @fluentui/react-utilities to v9.26.3 ([PR #35996](https://github.com/microsoft/fluentui/pull/35996) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.4.2 ([PR #35996](https://github.com/microsoft/fluentui/pull/35996) by beachball)
+
+## [9.6.15](https://github.com/microsoft/fluentui/tree/@fluentui/react-text_v9.6.15)
+
+Wed, 25 Feb 2026 13:32:27 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-text_v9.6.14..@fluentui/react-text_v9.6.15)
+
+### Patches
+
+- fix: add  missing "use client" directive to client components and styles ([PR #35719](https://github.com/microsoft/fluentui/pull/35719) by dmytrokirpa@microsoft.com)
+- Bump @fluentui/react-shared-contexts to v9.26.2 ([PR #35782](https://github.com/microsoft/fluentui/pull/35782) by beachball)
+- Bump @fluentui/react-utilities to v9.26.2 ([PR #35782](https://github.com/microsoft/fluentui/pull/35782) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.4.1 ([PR #35782](https://github.com/microsoft/fluentui/pull/35782) by beachball)
+
 ## [9.6.14](https://github.com/microsoft/fluentui/tree/@fluentui/react-text_v9.6.14)
 
-Thu, 12 Feb 2026 10:42:48 GMT 
+Thu, 12 Feb 2026 10:46:15 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-text_v9.6.13..@fluentui/react-text_v9.6.14)
 
 ### Patches

package/dist/index.d.ts

@@ -2,9 +2,9 @@ import type { ComponentProps } from '@fluentui/react-utilities';
 import type { ComponentState } from '@fluentui/react-utilities';
 import type { ForwardRefComponent } from '@fluentui/react-utilities';
 import type { JSXElement } from '@fluentui/react-utilities';
-import * as React_2 from 'react';
+import type * as React_2 from 'react';
 import type { Slot } from '@fluentui/react-utilities';
-import { SlotClassNames } from '@fluentui/react-utilities';
+import type { SlotClassNames } from '@fluentui/react-utilities';
 
 /**
  * Text preset component for the Body1 typography variant

package/lib/components/Text/useText.js

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';
 /**
  * Create the state required to render Text.

package/lib/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":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,wBAAwB,EAAEC,IAAI,QAAQ,4BAA4B;AAG3E;;;;;;;;CAQC,GACD,OAAO,MAAMC,mBAAmB,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,kBAAAA,mBAAAA,QAAS;QAChBP,OAAOA,kBAAAA,mBAAAA,QAAS;QAChBK,MAAMA,iBAAAA,kBAAAA,OAAQ;QACdJ,QAAQA,mBAAAA,oBAAAA,SAAU;QAClBG,MAAMA,iBAAAA,kBAAAA,OAAQ;QACdD,eAAeA,0BAAAA,2BAAAA,gBAAiB;QAChCJ,UAAUA,qBAAAA,sBAAAA,WAAY;QACtBG,WAAWA,sBAAAA,uBAAAA,YAAa;QACxBI,QAAQA,mBAAAA,oBAAAA,SAAU;QAClBR,MAAMA,iBAAAA,kBAAAA,OAAQ;QAEdW,YAAY;YAAEC,MAAM;QAAO;QAE3BA,MAAMhB,KAAKiB,MAAM,CACflB,yBAAyB,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":"AACA,SAASA,wBAAwB,EAAEC,IAAI,QAAQ,4BAA4B;AAG3E;;;;;;;;CAQC,GACD,OAAO,MAAMC,mBAAmB,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,kBAAAA,mBAAAA,QAAS;QAChBP,OAAOA,kBAAAA,mBAAAA,QAAS;QAChBK,MAAMA,iBAAAA,kBAAAA,OAAQ;QACdJ,QAAQA,mBAAAA,oBAAAA,SAAU;QAClBG,MAAMA,iBAAAA,kBAAAA,OAAQ;QACdD,eAAeA,0BAAAA,2BAAAA,gBAAiB;QAChCJ,UAAUA,qBAAAA,sBAAAA,WAAY;QACtBG,WAAWA,sBAAAA,uBAAAA,YAAa;QACxBI,QAAQA,mBAAAA,oBAAAA,SAAU;QAClBR,MAAMA,iBAAAA,kBAAAA,OAAQ;QAEdW,YAAY;YAAEC,MAAM;QAAO;QAE3BA,MAAMhB,KAAKiB,MAAM,CACflB,yBAAyB,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/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":"AAAA;AAEA,SAASA,UAAU,EAAEC,YAAY,QAAQ,iBAAiB;AAC1D,SAASC,MAAM,QAAQ,wBAAwB;AAI/C,OAAO,MAAMC,iBAA4C;IACvDC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,MAAMC,YAAYL,WAAW;IAC3BI,MAAM;QACJE,YAAYJ,OAAOK,cAAc;QACjCC,UAAUN,OAAOO,eAAe;QAChCC,YAAYR,OAAOS,iBAAiB;QACpCC,YAAYV,OAAOW,iBAAiB;QACpCC,WAAW;QACXC,SAAS;QACTC,YAAY;QACZC,UAAU;QACVC,cAAc;IAChB;IACAC,QAAQ;QACNH,YAAY;QACZC,UAAU;IACZ;IACAG,UAAU;QACRF,cAAc;IAChB;IACAG,OAAO;QACLN,SAAS;IACX;IACAO,QAAQ;QACNC,WAAW;IACb;IACAC,WAAW;QACTC,oBAAoB;IACtB;IACAC,eAAe;QACbD,oBAAoB;IACtB;IACAE,wBAAwB;QACtBF,oBAAoB;IACtB;IACAG,SAAS;QACPpB,UAAUN,OAAO2B,eAAe;QAChCnB,YAAYR,OAAO4B,iBAAiB;IACtC;IACAC,SAAS;QACPvB,UAAUN,OAAO8B,eAAe;QAChCtB,YAAYR,OAAO+B,iBAAiB;IACtC;IACAC,SAAS;QACP1B,UAAUN,OAAOiC,eAAe;QAChCzB,YAAYR,OAAOkC,iBAAiB;IACtC;IACAC,SAAS;QACP7B,UAAUN,OAAOoC,eAAe;QAChC5B,YAAYR,OAAOqC,iBAAiB;IACtC;IACAC,SAAS;QACPhC,UAAUN,OAAOuC,eAAe;QAChC/B,YAAYR,OAAOwC,iBAAiB;IACtC;IACAC,SAAS;QACPnC,UAAUN,OAAO0C,eAAe;QAChClC,YAAYR,OAAO2C,iBAAiB;IACtC;IACAC,SAAS;QACPtC,UAAUN,OAAO6C,eAAe;QAChCrC,YAAYR,OAAO8C,iBAAiB;IACtC;IACAC,SAAS;QACPzC,UAAUN,OAAOgD,eAAe;QAChCxC,YAAYR,OAAOiD,iBAAiB;IACtC;IACAC,UAAU;QACR5C,UAAUN,OAAOmD,gBAAgB;QACjC3C,YAAYR,OAAOoD,kBAAkB;IACvC;IACAC,WAAW;QACTjD,YAAYJ,OAAOsD,mBAAmB;IACxC;IACAC,SAAS;QACPnD,YAAYJ,OAAOwD,iBAAiB;IACtC;IACAC,cAAc;QACZ/C,YAAYV,OAAO0D,gBAAgB;IACrC;IACAC,gBAAgB;QACdjD,YAAYV,OAAO4D,kBAAkB;IACvC;IACAC,YAAY;QACVnD,YAAYV,OAAO8D,cAAc;IACnC;IACAC,aAAa;QACXnD,WAAW;IACb;IACAoD,UAAU;QACRpD,WAAW;IACb;IACAqD,cAAc;QACZrD,WAAW;IACb;AACF;AAEA;;CAEC,GACD,OAAO,MAAMsD,yBAAyB,CAACC;IACrC;IAEA,MAAMC,SAASjE;IAEfgE,MAAMjE,IAAI,CAACmE,SAAS,GAAGtE,aACrBE,eAAeC,IAAI,EACnBkE,OAAOlE,IAAI,EACXiE,MAAMG,IAAI,KAAK,SAASF,OAAOnD,MAAM,EACrCkD,MAAMjD,QAAQ,IAAIkD,OAAOlD,QAAQ,EACjCiD,MAAMhD,KAAK,IAAIiD,OAAOjD,KAAK,EAC3BgD,MAAM/C,MAAM,IAAIgD,OAAOhD,MAAM,EAC7B+C,MAAM7C,SAAS,IAAI8C,OAAO9C,SAAS,EACnC6C,MAAM3C,aAAa,IAAI4C,OAAO5C,aAAa,EAC3C2C,MAAM7C,SAAS,IAAI6C,MAAM3C,aAAa,IAAI4C,OAAO3C,sBAAsB,EACvE0C,MAAMI,IAAI,KAAK,OAAOH,OAAO1C,OAAO,EACpCyC,MAAMI,IAAI,KAAK,OAAOH,OAAOvC,OAAO,EACpCsC,MAAMI,IAAI,KAAK,OAAOH,OAAOpC,OAAO,EACpCmC,MAAMI,IAAI,KAAK,OAAOH,OAAOjC,OAAO,EACpCgC,MAAMI,IAAI,KAAK,OAAOH,OAAO9B,OAAO,EACpC6B,MAAMI,IAAI,KAAK,OAAOH,OAAO3B,OAAO,EACpC0B,MAAMI,IAAI,KAAK,OAAOH,OAAOxB,OAAO,EACpCuB,MAAMI,IAAI,KAAK,OAAOH,OAAOrB,OAAO,EACpCoB,MAAMI,IAAI,KAAK,QAAQH,OAAOlB,QAAQ,EACtCiB,MAAMK,IAAI,KAAK,eAAeJ,OAAOf,SAAS,EAC9Cc,MAAMK,IAAI,KAAK,aAAaJ,OAAOb,OAAO,EAC1CY,MAAMM,MAAM,KAAK,YAAYL,OAAOX,YAAY,EAChDU,MAAMM,MAAM,KAAK,cAAcL,OAAOT,cAAc,EACpDQ,MAAMM,MAAM,KAAK,UAAUL,OAAOP,UAAU,EAC5CM,MAAMO,KAAK,KAAK,YAAYN,OAAOL,WAAW,EAC9CI,MAAMO,KAAK,KAAK,SAASN,OAAOJ,QAAQ,EACxCG,MAAMO,KAAK,KAAK,aAAaN,OAAOH,YAAY,EAChDE,MAAMjE,IAAI,CAACmE,SAAS;IAGtB,OAAOF;AACT,EAAE"}

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

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

package/lib/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":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,YAAY,QAAQ,kBAAkB;AAE/C,SAASC,eAAe,EAAEC,cAAc,QAAQ,0BAA0B;AAE1E;;CAEC,GACD,OAAO,MAAMC,QAAkDH,aAAa;IAC1EI,WAAWF;IACXG,WAAWJ,gBAAgBK,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;AAGA,SAASA,YAAY,QAAQ,kBAAkB;AAE/C,SAASC,eAAe,EAAEC,cAAc,QAAQ,0BAA0B;AAE1E;;CAEC,GACD,OAAO,MAAMC,QAAkDH,aAAa;IAC1EI,WAAWF;IACXG,WAAWJ,gBAAgBK,IAAI;IAC/BC,aAAa;AACf,GAAG"}

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

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

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

@@ -1 +1 @@
-{"version":3,"names":["__styles","typographyStyles","body1ClassNames","root","useBody1Styles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d"],"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"],"mappings":"AAAA,SAAAA,QAAA,QAA2B,gBAAgB;AAC3C,SAASC,gBAAgB,QAAQ,uBAAuB;AACxD,OAAO,MAAMC,eAAe,GAAG;EAC3BC,IAAI,EAAE;AACV,CAAC;AACD;AACA;AACA;AAAI,OAAO,MAAMC,cAAc,gBAAGJ,QAAA;EAAAG,IAAA;IAAAE,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CAEjC,CAAC","ignoreList":[]}
+{"version":3,"names":["__styles","typographyStyles","body1ClassNames","root","useBody1Styles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d"],"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"],"mappings":"AAAA,YAAY;;AACZ,SAAAA,QAAA,QAA2B,gBAAgB;AAC3C,SAASC,gBAAgB,QAAQ,uBAAuB;AACxD,OAAO,MAAMC,eAAe,GAAG;EAC3BC,IAAI,EAAE;AACV,CAAC;AACD;AACA;AACA;AAAI,OAAO,MAAMC,cAAc,gBAAGJ,QAAA;EAAAG,IAAA;IAAAE,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CAEjC,CAAC","ignoreList":[]}

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

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

package/lib/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":"AAAA,SAASA,UAAU,QAAQ,iBAAiB;AAG5C,SAASC,gBAAgB,QAAQ,wBAAwB;AAEzD,OAAO,MAAMC,kBAA6C;IACxDC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,OAAO,MAAMC,iBAAiBJ,WAAW;IACvCG,MAAMF,iBAAiBI,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;AAEA,SAASA,UAAU,QAAQ,iBAAiB;AAG5C,SAASC,gBAAgB,QAAQ,wBAAwB;AAEzD,OAAO,MAAMC,kBAA6C;IACxDC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,OAAO,MAAMC,iBAAiBJ,WAAW;IACvCG,MAAMF,iBAAiBI,KAAK;AAC9B,GAAG"}

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

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

package/lib/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":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,YAAY,QAAQ,kBAAkB;AAE/C,SAASC,qBAAqB,EAAEC,oBAAoB,QAAQ,gCAAgC;AAE5F;;CAEC,GACD,OAAO,MAAMC,cAAwDH,aAAa;IAChFI,WAAWF;IACXG,WAAWJ,sBAAsBK,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;AAGA,SAASA,YAAY,QAAQ,kBAAkB;AAE/C,SAASC,qBAAqB,EAAEC,oBAAoB,QAAQ,gCAAgC;AAE5F;;CAEC,GACD,OAAO,MAAMC,cAAwDH,aAAa;IAChFI,WAAWF;IACXG,WAAWJ,sBAAsBK,IAAI;IACrCC,aAAa;AACf,GAAG"}

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

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

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

@@ -1 +1 @@
-{"version":3,"names":["__styles","typographyStyles","body1StrongClassNames","root","useBody1StrongStyles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d"],"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"],"mappings":"AAAA,SAAAA,QAAA,QAA2B,gBAAgB;AAC3C,SAASC,gBAAgB,QAAQ,uBAAuB;AACxD,OAAO,MAAMC,qBAAqB,GAAG;EACjCC,IAAI,EAAE;AACV,CAAC;AACD;AACA;AACA;AAAI,OAAO,MAAMC,oBAAoB,gBAAGJ,QAAA;EAAAG,IAAA;IAAAE,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CAEvC,CAAC","ignoreList":[]}
+{"version":3,"names":["__styles","typographyStyles","body1StrongClassNames","root","useBody1StrongStyles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d"],"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"],"mappings":"AAAA,YAAY;;AACZ,SAAAA,QAAA,QAA2B,gBAAgB;AAC3C,SAASC,gBAAgB,QAAQ,uBAAuB;AACxD,OAAO,MAAMC,qBAAqB,GAAG;EACjCC,IAAI,EAAE;AACV,CAAC;AACD;AACA;AACA;AAAI,OAAO,MAAMC,oBAAoB,gBAAGJ,QAAA;EAAAG,IAAA;IAAAE,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CAEvC,CAAC","ignoreList":[]}

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

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

package/lib/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":"AAAA,SAASA,UAAU,QAAQ,iBAAiB;AAG5C,SAASC,gBAAgB,QAAQ,wBAAwB;AAEzD,OAAO,MAAMC,wBAAmD;IAC9DC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,OAAO,MAAMC,uBAAuBJ,WAAW;IAC7CG,MAAMF,iBAAiBI,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;AAEA,SAASA,UAAU,QAAQ,iBAAiB;AAG5C,SAASC,gBAAgB,QAAQ,wBAAwB;AAEzD,OAAO,MAAMC,wBAAmD;IAC9DC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,OAAO,MAAMC,uBAAuBJ,WAAW;IAC7CG,MAAMF,iBAAiBI,WAAW;AACpC,GAAG"}

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

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

package/lib/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":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,YAAY,QAAQ,kBAAkB;AAE/C,SAASC,uBAAuB,EAAEC,sBAAsB,QAAQ,kCAAkC;AAElG;;CAEC,GACD,OAAO,MAAMC,gBAA0DH,aAAa;IAClFI,WAAWF;IACXG,WAAWJ,wBAAwBK,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;AAGA,SAASA,YAAY,QAAQ,kBAAkB;AAE/C,SAASC,uBAAuB,EAAEC,sBAAsB,QAAQ,kCAAkC;AAElG;;CAEC,GACD,OAAO,MAAMC,gBAA0DH,aAAa;IAClFI,WAAWF;IACXG,WAAWJ,wBAAwBK,IAAI;IACvCC,aAAa;AACf,GAAG"}

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

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

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

@@ -1 +1 @@
-{"version":3,"names":["__styles","typographyStyles","body1StrongerClassNames","root","useBody1StrongerStyles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d"],"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"],"mappings":"AAAA,SAAAA,QAAA,QAA2B,gBAAgB;AAC3C,SAASC,gBAAgB,QAAQ,uBAAuB;AACxD,OAAO,MAAMC,uBAAuB,GAAG;EACnCC,IAAI,EAAE;AACV,CAAC;AACD;AACA;AACA;AAAI,OAAO,MAAMC,sBAAsB,gBAAGJ,QAAA;EAAAG,IAAA;IAAAE,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CAEzC,CAAC","ignoreList":[]}
+{"version":3,"names":["__styles","typographyStyles","body1StrongerClassNames","root","useBody1StrongerStyles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d"],"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"],"mappings":"AAAA,YAAY;;AACZ,SAAAA,QAAA,QAA2B,gBAAgB;AAC3C,SAASC,gBAAgB,QAAQ,uBAAuB;AACxD,OAAO,MAAMC,uBAAuB,GAAG;EACnCC,IAAI,EAAE;AACV,CAAC;AACD;AACA;AACA;AAAI,OAAO,MAAMC,sBAAsB,gBAAGJ,QAAA;EAAAG,IAAA;IAAAE,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CAEzC,CAAC","ignoreList":[]}

package/lib/components/presets/Body1Stronger/useBody1StrongerStyles.styles.raw.js

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

package/lib/components/presets/Body1Stronger/useBody1StrongerStyles.styles.raw.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/presets/Body1Stronger/useBody1StrongerStyles.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 body1StrongerClassNames: SlotClassNames<TextSlots> = {\n  root: 'fui-Body1Stronger',\n};\n\n/**\n * Styles for the root slot\n */\nexport const useBody1StrongerStyles = makeStyles({\n  root: typographyStyles.body1Stronger,\n});\n"],"names":["makeStyles","typographyStyles","body1StrongerClassNames","root","useBody1StrongerStyles","body1Stronger"],"mappings":"AAAA,SAASA,UAAU,QAAQ,iBAAiB;AAG5C,SAASC,gBAAgB,QAAQ,wBAAwB;AAEzD,OAAO,MAAMC,0BAAqD;IAChEC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,OAAO,MAAMC,yBAAyBJ,WAAW;IAC/CG,MAAMF,iBAAiBI,aAAa;AACtC,GAAG"}
+{"version":3,"sources":["../src/components/presets/Body1Stronger/useBody1StrongerStyles.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 body1StrongerClassNames: SlotClassNames<TextSlots> = {\n  root: 'fui-Body1Stronger',\n};\n\n/**\n * Styles for the root slot\n */\nexport const useBody1StrongerStyles = makeStyles({\n  root: typographyStyles.body1Stronger,\n});\n"],"names":["makeStyles","typographyStyles","body1StrongerClassNames","root","useBody1StrongerStyles","body1Stronger"],"mappings":"AAAA;AAEA,SAASA,UAAU,QAAQ,iBAAiB;AAG5C,SAASC,gBAAgB,QAAQ,wBAAwB;AAEzD,OAAO,MAAMC,0BAAqD;IAChEC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,OAAO,MAAMC,yBAAyBJ,WAAW;IAC/CG,MAAMF,iBAAiBI,aAAa;AACtC,GAAG"}

package/lib/components/presets/Body2/Body2.js

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/presets/Body2/Body2.tsx"],"sourcesContent":["import * as React from 'react';\nimport { createPreset } from '../createPreset';\nimport type { TextPresetProps } from '../../Text/Text.types';\nimport { body2ClassNames, useBody2Styles } from './useBody2Styles.styles';\n\n/**\n * Text preset component for the Body2 typography variant\n */\nexport const Body2: React.FunctionComponent<TextPresetProps> = createPreset({\n  useStyles: useBody2Styles,\n  className: body2ClassNames.root,\n  displayName: 'Body2',\n});\n"],"names":["React","createPreset","body2ClassNames","useBody2Styles","Body2","useStyles","className","root","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,YAAY,QAAQ,kBAAkB;AAE/C,SAASC,eAAe,EAAEC,cAAc,QAAQ,0BAA0B;AAE1E;;CAEC,GACD,OAAO,MAAMC,QAAkDH,aAAa;IAC1EI,WAAWF;IACXG,WAAWJ,gBAAgBK,IAAI;IAC/BC,aAAa;AACf,GAAG"}
+{"version":3,"sources":["../src/components/presets/Body2/Body2.tsx"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { createPreset } from '../createPreset';\nimport type { TextPresetProps } from '../../Text/Text.types';\nimport { body2ClassNames, useBody2Styles } from './useBody2Styles.styles';\n\n/**\n * Text preset component for the Body2 typography variant\n */\nexport const Body2: React.FunctionComponent<TextPresetProps> = createPreset({\n  useStyles: useBody2Styles,\n  className: body2ClassNames.root,\n  displayName: 'Body2',\n});\n"],"names":["createPreset","body2ClassNames","useBody2Styles","Body2","useStyles","className","root","displayName"],"mappings":"AAAA;AAGA,SAASA,YAAY,QAAQ,kBAAkB;AAE/C,SAASC,eAAe,EAAEC,cAAc,QAAQ,0BAA0B;AAE1E;;CAEC,GACD,OAAO,MAAMC,QAAkDH,aAAa;IAC1EI,WAAWF;IACXG,WAAWJ,gBAAgBK,IAAI;IAC/BC,aAAa;AACf,GAAG"}

package/lib/components/presets/Body2/useBody2Styles.styles.js

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

package/lib/components/presets/Body2/useBody2Styles.styles.js.map

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

package/lib/components/presets/Body2/useBody2Styles.styles.raw.js

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

package/lib/components/presets/Body2/useBody2Styles.styles.raw.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/presets/Body2/useBody2Styles.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 body2ClassNames: SlotClassNames<TextSlots> = {\n  root: 'fui-Body2',\n};\n\n/**\n * Styles for the root slot\n */\nexport const useBody2Styles = makeStyles({\n  root: typographyStyles.body2,\n});\n"],"names":["makeStyles","typographyStyles","body2ClassNames","root","useBody2Styles","body2"],"mappings":"AAAA,SAASA,UAAU,QAAQ,iBAAiB;AAG5C,SAASC,gBAAgB,QAAQ,wBAAwB;AAEzD,OAAO,MAAMC,kBAA6C;IACxDC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,OAAO,MAAMC,iBAAiBJ,WAAW;IACvCG,MAAMF,iBAAiBI,KAAK;AAC9B,GAAG"}
+{"version":3,"sources":["../src/components/presets/Body2/useBody2Styles.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 body2ClassNames: SlotClassNames<TextSlots> = {\n  root: 'fui-Body2',\n};\n\n/**\n * Styles for the root slot\n */\nexport const useBody2Styles = makeStyles({\n  root: typographyStyles.body2,\n});\n"],"names":["makeStyles","typographyStyles","body2ClassNames","root","useBody2Styles","body2"],"mappings":"AAAA;AAEA,SAASA,UAAU,QAAQ,iBAAiB;AAG5C,SAASC,gBAAgB,QAAQ,wBAAwB;AAEzD,OAAO,MAAMC,kBAA6C;IACxDC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,OAAO,MAAMC,iBAAiBJ,WAAW;IACvCG,MAAMF,iBAAiBI,KAAK;AAC9B,GAAG"}

package/lib/components/presets/Caption1/Caption1.js

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/presets/Caption1/Caption1.tsx"],"sourcesContent":["import * as React from 'react';\nimport { createPreset } from '../createPreset';\nimport type { TextPresetProps } from '../../Text/Text.types';\nimport { caption1ClassNames, useCaption1Styles } from './useCaption1Styles.styles';\n\n/**\n * Text preset component for the Caption1 typography variant\n */\nexport const Caption1: React.FunctionComponent<TextPresetProps> = createPreset({\n  useStyles: useCaption1Styles,\n  className: caption1ClassNames.root,\n  displayName: 'Caption1',\n});\n"],"names":["React","createPreset","caption1ClassNames","useCaption1Styles","Caption1","useStyles","className","root","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,YAAY,QAAQ,kBAAkB;AAE/C,SAASC,kBAAkB,EAAEC,iBAAiB,QAAQ,6BAA6B;AAEnF;;CAEC,GACD,OAAO,MAAMC,WAAqDH,aAAa;IAC7EI,WAAWF;IACXG,WAAWJ,mBAAmBK,IAAI;IAClCC,aAAa;AACf,GAAG"}
+{"version":3,"sources":["../src/components/presets/Caption1/Caption1.tsx"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { createPreset } from '../createPreset';\nimport type { TextPresetProps } from '../../Text/Text.types';\nimport { caption1ClassNames, useCaption1Styles } from './useCaption1Styles.styles';\n\n/**\n * Text preset component for the Caption1 typography variant\n */\nexport const Caption1: React.FunctionComponent<TextPresetProps> = createPreset({\n  useStyles: useCaption1Styles,\n  className: caption1ClassNames.root,\n  displayName: 'Caption1',\n});\n"],"names":["createPreset","caption1ClassNames","useCaption1Styles","Caption1","useStyles","className","root","displayName"],"mappings":"AAAA;AAGA,SAASA,YAAY,QAAQ,kBAAkB;AAE/C,SAASC,kBAAkB,EAAEC,iBAAiB,QAAQ,6BAA6B;AAEnF;;CAEC,GACD,OAAO,MAAMC,WAAqDH,aAAa;IAC7EI,WAAWF;IACXG,WAAWJ,mBAAmBK,IAAI;IAClCC,aAAa;AACf,GAAG"}

package/lib/components/presets/Caption1/useCaption1Styles.styles.js

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

package/lib/components/presets/Caption1/useCaption1Styles.styles.js.map

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

package/lib/components/presets/Caption1/useCaption1Styles.styles.raw.js

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

package/lib/components/presets/Caption1/useCaption1Styles.styles.raw.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/presets/Caption1/useCaption1Styles.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 caption1ClassNames: SlotClassNames<TextSlots> = {\n  root: 'fui-Caption1',\n};\n\n/**\n * Styles for the root slot\n */\nexport const useCaption1Styles = makeStyles({\n  root: typographyStyles.caption1,\n});\n"],"names":["makeStyles","typographyStyles","caption1ClassNames","root","useCaption1Styles","caption1"],"mappings":"AAAA,SAASA,UAAU,QAAQ,iBAAiB;AAG5C,SAASC,gBAAgB,QAAQ,wBAAwB;AAEzD,OAAO,MAAMC,qBAAgD;IAC3DC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,OAAO,MAAMC,oBAAoBJ,WAAW;IAC1CG,MAAMF,iBAAiBI,QAAQ;AACjC,GAAG"}
+{"version":3,"sources":["../src/components/presets/Caption1/useCaption1Styles.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 caption1ClassNames: SlotClassNames<TextSlots> = {\n  root: 'fui-Caption1',\n};\n\n/**\n * Styles for the root slot\n */\nexport const useCaption1Styles = makeStyles({\n  root: typographyStyles.caption1,\n});\n"],"names":["makeStyles","typographyStyles","caption1ClassNames","root","useCaption1Styles","caption1"],"mappings":"AAAA;AAEA,SAASA,UAAU,QAAQ,iBAAiB;AAG5C,SAASC,gBAAgB,QAAQ,wBAAwB;AAEzD,OAAO,MAAMC,qBAAgD;IAC3DC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,OAAO,MAAMC,oBAAoBJ,WAAW;IAC1CG,MAAMF,iBAAiBI,QAAQ;AACjC,GAAG"}

package/lib/components/presets/Caption1Strong/Caption1Strong.js

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/presets/Caption1Strong/Caption1Strong.tsx"],"sourcesContent":["import * as React from 'react';\nimport { createPreset } from '../createPreset';\nimport type { TextPresetProps } from '../../Text/Text.types';\nimport { caption1StrongClassNames, useCaption1StrongStyles } from './useCaption1StrongStyles.styles';\n\n/**\n * Text preset component for the Caption1Strong typography variant\n */\nexport const Caption1Strong: React.FunctionComponent<TextPresetProps> = createPreset({\n  useStyles: useCaption1StrongStyles,\n  className: caption1StrongClassNames.root,\n  displayName: 'Caption1Strong',\n});\n"],"names":["React","createPreset","caption1StrongClassNames","useCaption1StrongStyles","Caption1Strong","useStyles","className","root","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,YAAY,QAAQ,kBAAkB;AAE/C,SAASC,wBAAwB,EAAEC,uBAAuB,QAAQ,mCAAmC;AAErG;;CAEC,GACD,OAAO,MAAMC,iBAA2DH,aAAa;IACnFI,WAAWF;IACXG,WAAWJ,yBAAyBK,IAAI;IACxCC,aAAa;AACf,GAAG"}
+{"version":3,"sources":["../src/components/presets/Caption1Strong/Caption1Strong.tsx"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { createPreset } from '../createPreset';\nimport type { TextPresetProps } from '../../Text/Text.types';\nimport { caption1StrongClassNames, useCaption1StrongStyles } from './useCaption1StrongStyles.styles';\n\n/**\n * Text preset component for the Caption1Strong typography variant\n */\nexport const Caption1Strong: React.FunctionComponent<TextPresetProps> = createPreset({\n  useStyles: useCaption1StrongStyles,\n  className: caption1StrongClassNames.root,\n  displayName: 'Caption1Strong',\n});\n"],"names":["createPreset","caption1StrongClassNames","useCaption1StrongStyles","Caption1Strong","useStyles","className","root","displayName"],"mappings":"AAAA;AAGA,SAASA,YAAY,QAAQ,kBAAkB;AAE/C,SAASC,wBAAwB,EAAEC,uBAAuB,QAAQ,mCAAmC;AAErG;;CAEC,GACD,OAAO,MAAMC,iBAA2DH,aAAa;IACnFI,WAAWF;IACXG,WAAWJ,yBAAyBK,IAAI;IACxCC,aAAa;AACf,GAAG"}

package/lib/components/presets/Caption1Strong/useCaption1StrongStyles.styles.js

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

package/lib/components/presets/Caption1Strong/useCaption1StrongStyles.styles.js.map

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

package/lib/components/presets/Caption1Strong/useCaption1StrongStyles.styles.raw.js

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

package/lib/components/presets/Caption1Strong/useCaption1StrongStyles.styles.raw.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/presets/Caption1Strong/useCaption1StrongStyles.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 caption1StrongClassNames: SlotClassNames<TextSlots> = {\n  root: 'fui-Caption1Strong',\n};\n\n/**\n * Styles for the root slot\n */\nexport const useCaption1StrongStyles = makeStyles({\n  root: typographyStyles.caption1Strong,\n});\n"],"names":["makeStyles","typographyStyles","caption1StrongClassNames","root","useCaption1StrongStyles","caption1Strong"],"mappings":"AAAA,SAASA,UAAU,QAAQ,iBAAiB;AAG5C,SAASC,gBAAgB,QAAQ,wBAAwB;AAEzD,OAAO,MAAMC,2BAAsD;IACjEC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,OAAO,MAAMC,0BAA0BJ,WAAW;IAChDG,MAAMF,iBAAiBI,cAAc;AACvC,GAAG"}
+{"version":3,"sources":["../src/components/presets/Caption1Strong/useCaption1StrongStyles.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 caption1StrongClassNames: SlotClassNames<TextSlots> = {\n  root: 'fui-Caption1Strong',\n};\n\n/**\n * Styles for the root slot\n */\nexport const useCaption1StrongStyles = makeStyles({\n  root: typographyStyles.caption1Strong,\n});\n"],"names":["makeStyles","typographyStyles","caption1StrongClassNames","root","useCaption1StrongStyles","caption1Strong"],"mappings":"AAAA;AAEA,SAASA,UAAU,QAAQ,iBAAiB;AAG5C,SAASC,gBAAgB,QAAQ,wBAAwB;AAEzD,OAAO,MAAMC,2BAAsD;IACjEC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,OAAO,MAAMC,0BAA0BJ,WAAW;IAChDG,MAAMF,iBAAiBI,cAAc;AACvC,GAAG"}

package/lib/components/presets/Caption1Stronger/Caption1Stronger.js

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/presets/Caption1Stronger/Caption1Stronger.tsx"],"sourcesContent":["import * as React from 'react';\nimport { createPreset } from '../createPreset';\nimport type { TextPresetProps } from '../../Text/Text.types';\nimport { caption1StrongerClassNames, useCaption1StrongerStyles } from './useCaption1Stronger.styles';\n\n/**\n * Text preset component for the Caption1Stronger typography variant\n */\nexport const Caption1Stronger: React.FunctionComponent<TextPresetProps> = createPreset({\n  useStyles: useCaption1StrongerStyles,\n  className: caption1StrongerClassNames.root,\n  displayName: 'Caption1Stronger',\n});\n"],"names":["React","createPreset","caption1StrongerClassNames","useCaption1StrongerStyles","Caption1Stronger","useStyles","className","root","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,YAAY,QAAQ,kBAAkB;AAE/C,SAASC,0BAA0B,EAAEC,yBAAyB,QAAQ,+BAA+B;AAErG;;CAEC,GACD,OAAO,MAAMC,mBAA6DH,aAAa;IACrFI,WAAWF;IACXG,WAAWJ,2BAA2BK,IAAI;IAC1CC,aAAa;AACf,GAAG"}
+{"version":3,"sources":["../src/components/presets/Caption1Stronger/Caption1Stronger.tsx"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { createPreset } from '../createPreset';\nimport type { TextPresetProps } from '../../Text/Text.types';\nimport { caption1StrongerClassNames, useCaption1StrongerStyles } from './useCaption1Stronger.styles';\n\n/**\n * Text preset component for the Caption1Stronger typography variant\n */\nexport const Caption1Stronger: React.FunctionComponent<TextPresetProps> = createPreset({\n  useStyles: useCaption1StrongerStyles,\n  className: caption1StrongerClassNames.root,\n  displayName: 'Caption1Stronger',\n});\n"],"names":["createPreset","caption1StrongerClassNames","useCaption1StrongerStyles","Caption1Stronger","useStyles","className","root","displayName"],"mappings":"AAAA;AAGA,SAASA,YAAY,QAAQ,kBAAkB;AAE/C,SAASC,0BAA0B,EAAEC,yBAAyB,QAAQ,+BAA+B;AAErG;;CAEC,GACD,OAAO,MAAMC,mBAA6DH,aAAa;IACrFI,WAAWF;IACXG,WAAWJ,2BAA2BK,IAAI;IAC1CC,aAAa;AACf,GAAG"}

package/lib/components/presets/Caption1Stronger/useCaption1Stronger.styles.js

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

package/lib/components/presets/Caption1Stronger/useCaption1Stronger.styles.js.map

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

package/lib/components/presets/Caption1Stronger/useCaption1Stronger.styles.raw.js

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

package/lib/components/presets/Caption1Stronger/useCaption1Stronger.styles.raw.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/presets/Caption1Stronger/useCaption1Stronger.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 caption1StrongerClassNames: SlotClassNames<TextSlots> = {\n  root: 'fui-Caption1Stronger',\n};\n\n/**\n * Styles for the root slot\n */\nexport const useCaption1StrongerStyles = makeStyles({\n  root: typographyStyles.caption1Stronger,\n});\n"],"names":["makeStyles","typographyStyles","caption1StrongerClassNames","root","useCaption1StrongerStyles","caption1Stronger"],"mappings":"AAAA,SAASA,UAAU,QAAQ,iBAAiB;AAG5C,SAASC,gBAAgB,QAAQ,wBAAwB;AAEzD,OAAO,MAAMC,6BAAwD;IACnEC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,OAAO,MAAMC,4BAA4BJ,WAAW;IAClDG,MAAMF,iBAAiBI,gBAAgB;AACzC,GAAG"}
+{"version":3,"sources":["../src/components/presets/Caption1Stronger/useCaption1Stronger.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 caption1StrongerClassNames: SlotClassNames<TextSlots> = {\n  root: 'fui-Caption1Stronger',\n};\n\n/**\n * Styles for the root slot\n */\nexport const useCaption1StrongerStyles = makeStyles({\n  root: typographyStyles.caption1Stronger,\n});\n"],"names":["makeStyles","typographyStyles","caption1StrongerClassNames","root","useCaption1StrongerStyles","caption1Stronger"],"mappings":"AAAA;AAEA,SAASA,UAAU,QAAQ,iBAAiB;AAG5C,SAASC,gBAAgB,QAAQ,wBAAwB;AAEzD,OAAO,MAAMC,6BAAwD;IACnEC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,OAAO,MAAMC,4BAA4BJ,WAAW;IAClDG,MAAMF,iBAAiBI,gBAAgB;AACzC,GAAG"}

package/lib/components/presets/Caption2/Caption2.js

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/presets/Caption2/Caption2.tsx"],"sourcesContent":["import * as React from 'react';\nimport { createPreset } from '../createPreset';\nimport type { TextPresetProps } from '../../Text/Text.types';\nimport { caption2ClassNames, useCaption2Styles } from './useCaption2Styles.styles';\n\n/**\n * Text preset component for the Caption2 typography variant\n */\nexport const Caption2: React.FunctionComponent<TextPresetProps> = createPreset({\n  useStyles: useCaption2Styles,\n  className: caption2ClassNames.root,\n  displayName: 'Caption2',\n});\n"],"names":["React","createPreset","caption2ClassNames","useCaption2Styles","Caption2","useStyles","className","root","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,YAAY,QAAQ,kBAAkB;AAE/C,SAASC,kBAAkB,EAAEC,iBAAiB,QAAQ,6BAA6B;AAEnF;;CAEC,GACD,OAAO,MAAMC,WAAqDH,aAAa;IAC7EI,WAAWF;IACXG,WAAWJ,mBAAmBK,IAAI;IAClCC,aAAa;AACf,GAAG"}
+{"version":3,"sources":["../src/components/presets/Caption2/Caption2.tsx"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { createPreset } from '../createPreset';\nimport type { TextPresetProps } from '../../Text/Text.types';\nimport { caption2ClassNames, useCaption2Styles } from './useCaption2Styles.styles';\n\n/**\n * Text preset component for the Caption2 typography variant\n */\nexport const Caption2: React.FunctionComponent<TextPresetProps> = createPreset({\n  useStyles: useCaption2Styles,\n  className: caption2ClassNames.root,\n  displayName: 'Caption2',\n});\n"],"names":["createPreset","caption2ClassNames","useCaption2Styles","Caption2","useStyles","className","root","displayName"],"mappings":"AAAA;AAGA,SAASA,YAAY,QAAQ,kBAAkB;AAE/C,SAASC,kBAAkB,EAAEC,iBAAiB,QAAQ,6BAA6B;AAEnF;;CAEC,GACD,OAAO,MAAMC,WAAqDH,aAAa;IAC7EI,WAAWF;IACXG,WAAWJ,mBAAmBK,IAAI;IAClCC,aAAa;AACf,GAAG"}

package/lib/components/presets/Caption2/useCaption2Styles.styles.js

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

package/lib/components/presets/Caption2/useCaption2Styles.styles.js.map

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

package/lib/components/presets/Caption2/useCaption2Styles.styles.raw.js

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

package/lib/components/presets/Caption2/useCaption2Styles.styles.raw.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/presets/Caption2/useCaption2Styles.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 caption2ClassNames: SlotClassNames<TextSlots> = {\n  root: 'fui-Caption2',\n};\n\n/**\n * Styles for the root slot\n */\nexport const useCaption2Styles = makeStyles({\n  root: typographyStyles.caption2,\n});\n"],"names":["makeStyles","typographyStyles","caption2ClassNames","root","useCaption2Styles","caption2"],"mappings":"AAAA,SAASA,UAAU,QAAQ,iBAAiB;AAG5C,SAASC,gBAAgB,QAAQ,wBAAwB;AAEzD,OAAO,MAAMC,qBAAgD;IAC3DC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,OAAO,MAAMC,oBAAoBJ,WAAW;IAC1CG,MAAMF,iBAAiBI,QAAQ;AACjC,GAAG"}
+{"version":3,"sources":["../src/components/presets/Caption2/useCaption2Styles.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 caption2ClassNames: SlotClassNames<TextSlots> = {\n  root: 'fui-Caption2',\n};\n\n/**\n * Styles for the root slot\n */\nexport const useCaption2Styles = makeStyles({\n  root: typographyStyles.caption2,\n});\n"],"names":["makeStyles","typographyStyles","caption2ClassNames","root","useCaption2Styles","caption2"],"mappings":"AAAA;AAEA,SAASA,UAAU,QAAQ,iBAAiB;AAG5C,SAASC,gBAAgB,QAAQ,wBAAwB;AAEzD,OAAO,MAAMC,qBAAgD;IAC3DC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,OAAO,MAAMC,oBAAoBJ,WAAW;IAC1CG,MAAMF,iBAAiBI,QAAQ;AACjC,GAAG"}

package/lib/components/presets/Caption2Strong/Caption2Strong.js

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/presets/Caption2Strong/Caption2Strong.tsx"],"sourcesContent":["import * as React from 'react';\nimport { createPreset } from '../createPreset';\n\nimport type { TextPresetProps } from '../../Text/Text.types';\nimport { caption2StrongClassNames, useCaption2StrongStyles } from './useCaption2StrongStyles.styles';\n\n/**\n * Text preset component for the Caption2Strong typography variant\n */\nexport const Caption2Strong: React.FunctionComponent<TextPresetProps> = createPreset({\n  useStyles: useCaption2StrongStyles,\n  className: caption2StrongClassNames.root,\n  displayName: 'Caption2Strong',\n});\n"],"names":["React","createPreset","caption2StrongClassNames","useCaption2StrongStyles","Caption2Strong","useStyles","className","root","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,YAAY,QAAQ,kBAAkB;AAG/C,SAASC,wBAAwB,EAAEC,uBAAuB,QAAQ,mCAAmC;AAErG;;CAEC,GACD,OAAO,MAAMC,iBAA2DH,aAAa;IACnFI,WAAWF;IACXG,WAAWJ,yBAAyBK,IAAI;IACxCC,aAAa;AACf,GAAG"}
+{"version":3,"sources":["../src/components/presets/Caption2Strong/Caption2Strong.tsx"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { createPreset } from '../createPreset';\n\nimport type { TextPresetProps } from '../../Text/Text.types';\nimport { caption2StrongClassNames, useCaption2StrongStyles } from './useCaption2StrongStyles.styles';\n\n/**\n * Text preset component for the Caption2Strong typography variant\n */\nexport const Caption2Strong: React.FunctionComponent<TextPresetProps> = createPreset({\n  useStyles: useCaption2StrongStyles,\n  className: caption2StrongClassNames.root,\n  displayName: 'Caption2Strong',\n});\n"],"names":["createPreset","caption2StrongClassNames","useCaption2StrongStyles","Caption2Strong","useStyles","className","root","displayName"],"mappings":"AAAA;AAGA,SAASA,YAAY,QAAQ,kBAAkB;AAG/C,SAASC,wBAAwB,EAAEC,uBAAuB,QAAQ,mCAAmC;AAErG;;CAEC,GACD,OAAO,MAAMC,iBAA2DH,aAAa;IACnFI,WAAWF;IACXG,WAAWJ,yBAAyBK,IAAI;IACxCC,aAAa;AACf,GAAG"}

package/lib/components/presets/Caption2Strong/useCaption2StrongStyles.styles.js

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

package/lib/components/presets/Caption2Strong/useCaption2StrongStyles.styles.js.map

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

package/lib/components/presets/Caption2Strong/useCaption2StrongStyles.styles.raw.js

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

package/lib/components/presets/Caption2Strong/useCaption2StrongStyles.styles.raw.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/presets/Caption2Strong/useCaption2StrongStyles.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 caption2StrongClassNames: SlotClassNames<TextSlots> = {\n  root: 'fui-Caption2Strong',\n};\n\n/**\n * Styles for the root slot\n */\nexport const useCaption2StrongStyles = makeStyles({\n  root: typographyStyles.caption2Strong,\n});\n"],"names":["makeStyles","typographyStyles","caption2StrongClassNames","root","useCaption2StrongStyles","caption2Strong"],"mappings":"AAAA,SAASA,UAAU,QAAQ,iBAAiB;AAG5C,SAASC,gBAAgB,QAAQ,wBAAwB;AAEzD,OAAO,MAAMC,2BAAsD;IACjEC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,OAAO,MAAMC,0BAA0BJ,WAAW;IAChDG,MAAMF,iBAAiBI,cAAc;AACvC,GAAG"}
+{"version":3,"sources":["../src/components/presets/Caption2Strong/useCaption2StrongStyles.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 caption2StrongClassNames: SlotClassNames<TextSlots> = {\n  root: 'fui-Caption2Strong',\n};\n\n/**\n * Styles for the root slot\n */\nexport const useCaption2StrongStyles = makeStyles({\n  root: typographyStyles.caption2Strong,\n});\n"],"names":["makeStyles","typographyStyles","caption2StrongClassNames","root","useCaption2StrongStyles","caption2Strong"],"mappings":"AAAA;AAEA,SAASA,UAAU,QAAQ,iBAAiB;AAG5C,SAASC,gBAAgB,QAAQ,wBAAwB;AAEzD,OAAO,MAAMC,2BAAsD;IACjEC,MAAM;AACR,EAAE;AAEF;;CAEC,GACD,OAAO,MAAMC,0BAA0BJ,WAAW;IAChDG,MAAMF,iBAAiBI,cAAc;AACvC,GAAG"}

package/lib/components/presets/Display/Display.js

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/presets/Display/Display.tsx"],"sourcesContent":["import * as React from 'react';\nimport { createPreset } from '../createPreset';\nimport type { TextPresetProps } from '../../Text/Text.types';\nimport { displayClassNames, useDisplayStyles } from './useDisplayStyles.styles';\n\n/**\n * Text preset component for the Display typography variant\n */\nexport const Display: React.FunctionComponent<TextPresetProps> = createPreset({\n  useStyles: useDisplayStyles,\n  className: displayClassNames.root,\n  displayName: 'Display',\n});\n"],"names":["React","createPreset","displayClassNames","useDisplayStyles","Display","useStyles","className","root","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,YAAY,QAAQ,kBAAkB;AAE/C,SAASC,iBAAiB,EAAEC,gBAAgB,QAAQ,4BAA4B;AAEhF;;CAEC,GACD,OAAO,MAAMC,UAAoDH,aAAa;IAC5EI,WAAWF;IACXG,WAAWJ,kBAAkBK,IAAI;IACjCC,aAAa;AACf,GAAG"}
+{"version":3,"sources":["../src/components/presets/Display/Display.tsx"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { createPreset } from '../createPreset';\nimport type { TextPresetProps } from '../../Text/Text.types';\nimport { displayClassNames, useDisplayStyles } from './useDisplayStyles.styles';\n\n/**\n * Text preset component for the Display typography variant\n */\nexport const Display: React.FunctionComponent<TextPresetProps> = createPreset({\n  useStyles: useDisplayStyles,\n  className: displayClassNames.root,\n  displayName: 'Display',\n});\n"],"names":["createPreset","displayClassNames","useDisplayStyles","Display","useStyles","className","root","displayName"],"mappings":"AAAA;AAGA,SAASA,YAAY,QAAQ,kBAAkB;AAE/C,SAASC,iBAAiB,EAAEC,gBAAgB,QAAQ,4BAA4B;AAEhF;;CAEC,GACD,OAAO,MAAMC,UAAoDH,aAAa;IAC5EI,WAAWF;IACXG,WAAWJ,kBAAkBK,IAAI;IACjCC,aAAa;AACf,GAAG"}

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

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