@fluentui-copilot/react-response-count 0.2.13 → 0.2.15

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.json CHANGED
@@ -2,7 +2,52 @@
2
2
  "name": "@fluentui-copilot/react-response-count",
3
3
  "entries": [
4
4
  {
5
- "date": "Wed, 30 Apr 2025 01:46:04 GMT",
5
+ "date": "Thu, 12 Jun 2025 17:49:29 GMT",
6
+ "tag": "@fluentui-copilot/react-response-count_v0.2.15",
7
+ "version": "0.2.15",
8
+ "comments": {
9
+ "patch": [
10
+ {
11
+ "author": "Humberto.Morimoto@microsoft.com",
12
+ "package": "@fluentui-copilot/react-response-count",
13
+ "commit": "53a6e5419e6170dea520ebec933d347ce0bedb60",
14
+ "comment": "chore: Update typographyStyles import to use @fluentui-copilot/tokens instead of @fluentui/react-components"
15
+ }
16
+ ]
17
+ }
18
+ },
19
+ {
20
+ "date": "Mon, 19 May 2025 18:04:28 GMT",
21
+ "tag": "@fluentui-copilot/react-response-count_v0.2.14",
22
+ "version": "0.2.14",
23
+ "comments": {
24
+ "none": [
25
+ {
26
+ "author": "hochelmartin@gmail.com",
27
+ "package": "@fluentui-copilot/react-response-count",
28
+ "commit": "442954951d0eca92de20ecb0ff0fa9492431b62d",
29
+ "comment": "fix: exclude story files from production build"
30
+ }
31
+ ]
32
+ }
33
+ },
34
+ {
35
+ "date": "Sat, 03 May 2025 01:27:45 GMT",
36
+ "tag": "@fluentui-copilot/react-response-count_v0.2.14",
37
+ "version": "0.2.14",
38
+ "comments": {
39
+ "patch": [
40
+ {
41
+ "author": "estebanmu@microsoft.com",
42
+ "package": "@fluentui-copilot/react-response-count",
43
+ "commit": "3dc05bb66ec473691f198f65b5124cc24390f47c",
44
+ "comment": "chore: Bump @fluentui/react-components to 9.63.0."
45
+ }
46
+ ]
47
+ }
48
+ },
49
+ {
50
+ "date": "Wed, 30 Apr 2025 01:47:49 GMT",
6
51
  "tag": "@fluentui-copilot/react-response-count_v0.2.13",
7
52
  "version": "0.2.13",
8
53
  "comments": {
package/CHANGELOG.md CHANGED
@@ -1,12 +1,30 @@
1
1
  # Change Log - @fluentui-copilot/react-response-count
2
2
 
3
- This log was last generated on Wed, 30 Apr 2025 01:46:04 GMT and should not be manually modified.
3
+ This log was last generated on Thu, 12 Jun 2025 17:49:29 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## [0.2.15](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-response-count_v0.2.15)
8
+
9
+ Thu, 12 Jun 2025 17:49:29 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-response-count_v0.2.14..@fluentui-copilot/react-response-count_v0.2.15)
11
+
12
+ ### Patches
13
+
14
+ - chore: Update typographyStyles import to use @fluentui-copilot/tokens instead of @fluentui/react-components ([PR #3125](https://github.com/microsoft/fluentai/pull/3125) by Humberto.Morimoto@microsoft.com)
15
+
16
+ ## [0.2.14](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-response-count_v0.2.14)
17
+
18
+ Sat, 03 May 2025 01:27:45 GMT
19
+ [Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-response-count_v0.2.13..@fluentui-copilot/react-response-count_v0.2.14)
20
+
21
+ ### Patches
22
+
23
+ - chore: Bump @fluentui/react-components to 9.63.0. ([PR #2917](https://github.com/microsoft/fluentai/pull/2917) by estebanmu@microsoft.com)
24
+
7
25
  ## [0.2.13](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-response-count_v0.2.13)
8
26
 
9
- Wed, 30 Apr 2025 01:46:04 GMT
27
+ Wed, 30 Apr 2025 01:47:49 GMT
10
28
  [Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-response-count_v0.2.8..@fluentui-copilot/react-response-count_v0.2.13)
11
29
 
12
30
  ### Patches
@@ -1,5 +1,5 @@
1
- import { __styles, mergeClasses, typographyStyles } from '@fluentui/react-components';
2
- import { tokens } from '@fluentui-copilot/tokens';
1
+ import { __styles, mergeClasses } from '@fluentui/react-components';
2
+ import { tokens, typographyStyles } from '@fluentui-copilot/tokens';
3
3
  export const responseCountClassNames = {
4
4
  root: 'fai-ResponseCount',
5
5
  indicator: 'fai-ResponseCount__indicator'
@@ -18,7 +18,7 @@ const useStyles = __styles({
18
18
  Bahqtrf: "fk6fouc",
19
19
  Be2twd7: "f13mqy1h",
20
20
  Bhrd7zp: "figsok6",
21
- Bg96gwp: "fcpl73t",
21
+ Bg96gwp: "fwrc4pm",
22
22
  sj55zd: "fxc4j92"
23
23
  },
24
24
  indicator: {
@@ -43,7 +43,7 @@ const useStyles = __styles({
43
43
  }, {
44
44
  d: [".ftuwxu6{display:inline-flex;}", ".f1063pyq{flex-direction:row;}", ".f122n59{align-items:center;}", [".fkln5zr{gap:var(--spacingHorizontalXS);}", {
45
45
  p: -1
46
- }], ".fk6fouc{font-family:var(--fontFamilyBase);}", ".f13mqy1h{font-size:var(--fontSizeBase100);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".fcpl73t{line-height:var(--lineHeightBase100);}", ".fxc4j92{color:var(--colorNeutralForeground4);}", ".f14t3ns0{display:inline-block;}", ".f1o3cbw4{width:8px;}", ".f1x82gua{height:8px;}", [".f5q2cvs{border-radius:50%;}", {
46
+ }], ".fk6fouc{font-family:var(--fontFamilyBase);}", ".f13mqy1h{font-size:var(--fontSizeBase100);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".fwrc4pm{line-height:var(--lineHeightBase200);}", ".fxc4j92{color:var(--colorNeutralForeground4);}", ".f14t3ns0{display:inline-block;}", ".f1o3cbw4{width:8px;}", ".f1x82gua{height:8px;}", [".f5q2cvs{border-radius:50%;}", {
47
47
  p: -1
48
48
  }], ".f1l9zcvb{background-color:var(--colorStatusSuccessForeground3);}", ".f1w7p0oj{background-color:var(--colorStatusWarningForeground2);}", ".fms76vi{background-color:var(--colorStatusDangerForeground3);}"]
49
49
  });
@@ -1 +1 @@
1
- {"version":3,"sources":["useResponseCountStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses, typographyStyles } from '@fluentui/react-components';\nimport { tokens } from '@fluentui-copilot/tokens';\nimport type { ResponseCountSlots, ResponseCountState } from './ResponseCount.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const responseCountClassNames: SlotClassNames<ResponseCountSlots> = {\n root: 'fai-ResponseCount',\n indicator: 'fai-ResponseCount__indicator',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n root: {\n display: 'inline-flex',\n flexDirection: 'row',\n alignItems: 'center',\n gap: tokens.spacingHorizontalXS,\n ...typographyStyles.caption2,\n color: tokens.colorNeutralForeground4,\n },\n indicator: {\n display: 'inline-block',\n width: '8px',\n height: '8px',\n borderRadius: '50%',\n },\n success: {\n backgroundColor: tokens.colorStatusSuccessForeground3,\n },\n warning: {\n backgroundColor: tokens.colorStatusWarningForeground2,\n },\n danger: {\n backgroundColor: tokens.colorStatusDangerForeground3,\n },\n});\n\n/**\n * Apply styling to the ResponseCount slots based on the state\n */\nexport const useResponseCountStyles_unstable = (state: ResponseCountState): ResponseCountState => {\n 'use no memo';\n\n const styles = useStyles();\n state.root.className = mergeClasses(responseCountClassNames.root, styles.root, state.root.className);\n\n if (state.indicator) {\n state.indicator.className = mergeClasses(\n responseCountClassNames.indicator,\n styles.indicator,\n styles[state.status],\n state.indicator.className,\n );\n }\n\n return state;\n};\n"],"names":["makeStyles","mergeClasses","typographyStyles","tokens","responseCountClassNames","root","indicator","useStyles","display","flexDirection","alignItems","gap","spacingHorizontalXS","caption2","color","colorNeutralForeground4","width","height","borderRadius","success","backgroundColor","colorStatusSuccessForeground3","warning","colorStatusWarningForeground2","danger","colorStatusDangerForeground3","useResponseCountStyles_unstable","state","styles","className","status"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,UAAU,EAAEC,YAAY,EAAEC,gBAAgB,QAAQ,6BAA6B;AACxF,SAASC,MAAM,QAAQ,2BAA2B;AAIlD,OAAO,MAAMC,0BAA8D;IACzEC,MAAM;IACNC,WAAW;AACb,EAAE;AAEF;;CAEC,GACD,MAAMC,YAAYP,WAAW;IAC3BK,MAAM;QACJG,SAAS;QACTC,eAAe;QACfC,YAAY;QACZC,KAAKR,OAAOS,mBAAmB;QAC/B,GAAGV,iBAAiBW,QAAQ;QAC5BC,OAAOX,OAAOY,uBAAuB;IACvC;IACAT,WAAW;QACTE,SAAS;QACTQ,OAAO;QACPC,QAAQ;QACRC,cAAc;IAChB;IACAC,SAAS;QACPC,iBAAiBjB,OAAOkB,6BAA6B;IACvD;IACAC,SAAS;QACPF,iBAAiBjB,OAAOoB,6BAA6B;IACvD;IACAC,QAAQ;QACNJ,iBAAiBjB,OAAOsB,4BAA4B;IACtD;AACF;AAEA;;CAEC,GACD,OAAO,MAAMC,kCAAkC,CAACC;IAC9C;IAEA,MAAMC,SAASrB;IACfoB,MAAMtB,IAAI,CAACwB,SAAS,GAAG5B,aAAaG,wBAAwBC,IAAI,EAAEuB,OAAOvB,IAAI,EAAEsB,MAAMtB,IAAI,CAACwB,SAAS;IAEnG,IAAIF,MAAMrB,SAAS,EAAE;QACnBqB,MAAMrB,SAAS,CAACuB,SAAS,GAAG5B,aAC1BG,wBAAwBE,SAAS,EACjCsB,OAAOtB,SAAS,EAChBsB,MAAM,CAACD,MAAMG,MAAM,CAAC,EACpBH,MAAMrB,SAAS,CAACuB,SAAS;IAE7B;IAEA,OAAOF;AACT,EAAE"}
1
+ {"version":3,"sources":["useResponseCountStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses } from '@fluentui/react-components';\nimport { tokens, typographyStyles } from '@fluentui-copilot/tokens';\nimport type { ResponseCountSlots, ResponseCountState } from './ResponseCount.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const responseCountClassNames: SlotClassNames<ResponseCountSlots> = {\n root: 'fai-ResponseCount',\n indicator: 'fai-ResponseCount__indicator',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n root: {\n display: 'inline-flex',\n flexDirection: 'row',\n alignItems: 'center',\n gap: tokens.spacingHorizontalXS,\n ...typographyStyles.caption2,\n color: tokens.colorNeutralForeground4,\n },\n indicator: {\n display: 'inline-block',\n width: '8px',\n height: '8px',\n borderRadius: '50%',\n },\n success: {\n backgroundColor: tokens.colorStatusSuccessForeground3,\n },\n warning: {\n backgroundColor: tokens.colorStatusWarningForeground2,\n },\n danger: {\n backgroundColor: tokens.colorStatusDangerForeground3,\n },\n});\n\n/**\n * Apply styling to the ResponseCount slots based on the state\n */\nexport const useResponseCountStyles_unstable = (state: ResponseCountState): ResponseCountState => {\n 'use no memo';\n\n const styles = useStyles();\n state.root.className = mergeClasses(responseCountClassNames.root, styles.root, state.root.className);\n\n if (state.indicator) {\n state.indicator.className = mergeClasses(\n responseCountClassNames.indicator,\n styles.indicator,\n styles[state.status],\n state.indicator.className,\n );\n }\n\n return state;\n};\n"],"names":["makeStyles","mergeClasses","tokens","typographyStyles","responseCountClassNames","root","indicator","useStyles","display","flexDirection","alignItems","gap","spacingHorizontalXS","caption2","color","colorNeutralForeground4","width","height","borderRadius","success","backgroundColor","colorStatusSuccessForeground3","warning","colorStatusWarningForeground2","danger","colorStatusDangerForeground3","useResponseCountStyles_unstable","state","styles","className","status"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,UAAU,EAAEC,YAAY,QAAQ,6BAA6B;AACtE,SAASC,MAAM,EAAEC,gBAAgB,QAAQ,2BAA2B;AAIpE,OAAO,MAAMC,0BAA8D;IACzEC,MAAM;IACNC,WAAW;AACb,EAAE;AAEF;;CAEC,GACD,MAAMC,YAAYP,WAAW;IAC3BK,MAAM;QACJG,SAAS;QACTC,eAAe;QACfC,YAAY;QACZC,KAAKT,OAAOU,mBAAmB;QAC/B,GAAGT,iBAAiBU,QAAQ;QAC5BC,OAAOZ,OAAOa,uBAAuB;IACvC;IACAT,WAAW;QACTE,SAAS;QACTQ,OAAO;QACPC,QAAQ;QACRC,cAAc;IAChB;IACAC,SAAS;QACPC,iBAAiBlB,OAAOmB,6BAA6B;IACvD;IACAC,SAAS;QACPF,iBAAiBlB,OAAOqB,6BAA6B;IACvD;IACAC,QAAQ;QACNJ,iBAAiBlB,OAAOuB,4BAA4B;IACtD;AACF;AAEA;;CAEC,GACD,OAAO,MAAMC,kCAAkC,CAACC;IAC9C;IAEA,MAAMC,SAASrB;IACfoB,MAAMtB,IAAI,CAACwB,SAAS,GAAG5B,aAAaG,wBAAwBC,IAAI,EAAEuB,OAAOvB,IAAI,EAAEsB,MAAMtB,IAAI,CAACwB,SAAS;IAEnG,IAAIF,MAAMrB,SAAS,EAAE;QACnBqB,MAAMrB,SAAS,CAACuB,SAAS,GAAG5B,aAC1BG,wBAAwBE,SAAS,EACjCsB,OAAOtB,SAAS,EAChBsB,MAAM,CAACD,MAAMG,MAAM,CAAC,EACpBH,MAAMrB,SAAS,CAACuB,SAAS;IAE7B;IAEA,OAAOF;AACT,EAAE"}
@@ -34,7 +34,7 @@ const responseCountClassNames = {
34
34
  Bahqtrf: "fk6fouc",
35
35
  Be2twd7: "f13mqy1h",
36
36
  Bhrd7zp: "figsok6",
37
- Bg96gwp: "fcpl73t",
37
+ Bg96gwp: "fwrc4pm",
38
38
  sj55zd: "fxc4j92"
39
39
  },
40
40
  indicator: {
@@ -70,7 +70,7 @@ const responseCountClassNames = {
70
70
  ".fk6fouc{font-family:var(--fontFamilyBase);}",
71
71
  ".f13mqy1h{font-size:var(--fontSizeBase100);}",
72
72
  ".figsok6{font-weight:var(--fontWeightRegular);}",
73
- ".fcpl73t{line-height:var(--lineHeightBase100);}",
73
+ ".fwrc4pm{line-height:var(--lineHeightBase200);}",
74
74
  ".fxc4j92{color:var(--colorNeutralForeground4);}",
75
75
  ".f14t3ns0{display:inline-block;}",
76
76
  ".f1o3cbw4{width:8px;}",
@@ -1 +1 @@
1
- {"version":3,"sources":["useResponseCountStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses, typographyStyles } from '@fluentui/react-components';\nimport { tokens } from '@fluentui-copilot/tokens';\nimport type { ResponseCountSlots, ResponseCountState } from './ResponseCount.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const responseCountClassNames: SlotClassNames<ResponseCountSlots> = {\n root: 'fai-ResponseCount',\n indicator: 'fai-ResponseCount__indicator',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n root: {\n display: 'inline-flex',\n flexDirection: 'row',\n alignItems: 'center',\n gap: tokens.spacingHorizontalXS,\n ...typographyStyles.caption2,\n color: tokens.colorNeutralForeground4,\n },\n indicator: {\n display: 'inline-block',\n width: '8px',\n height: '8px',\n borderRadius: '50%',\n },\n success: {\n backgroundColor: tokens.colorStatusSuccessForeground3,\n },\n warning: {\n backgroundColor: tokens.colorStatusWarningForeground2,\n },\n danger: {\n backgroundColor: tokens.colorStatusDangerForeground3,\n },\n});\n\n/**\n * Apply styling to the ResponseCount slots based on the state\n */\nexport const useResponseCountStyles_unstable = (state: ResponseCountState): ResponseCountState => {\n 'use no memo';\n\n const styles = useStyles();\n state.root.className = mergeClasses(responseCountClassNames.root, styles.root, state.root.className);\n\n if (state.indicator) {\n state.indicator.className = mergeClasses(\n responseCountClassNames.indicator,\n styles.indicator,\n styles[state.status],\n state.indicator.className,\n );\n }\n\n return state;\n};\n"],"names":["responseCountClassNames","root","indicator","__styles","display","flexDirection","alignItems","tokens","typographyStyles","color","rmohyg","width","height","borderRadius","backgroundColor","a9b677","warning","Bbmb7ep","danger","Dimara","success","De3pzq","styles","state","d"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAKaA,uBAAAA;eAAAA;;;;;;iCALsC;AAK5C,MAAMA,0BAA8D;UACzEC;eACAC;AACF;AAEA;;CAEC,SAECD,YAAME,IAAAA,yBAAA,EAAA;UACJC;gBACAC;iBACAC;iBACKC;gBACFC;iBACHC;QACFC,QAAA;QACAR,SAAAA;iBACEE;iBACAO;iBACAC;gBACAC;;eAEO;gBACPC;QACFC,QAAA;QACAC,SAAS;iBACPF;QACFG,SAAA;QACAC,SAAQ;iBACNJ;QACFK,QAAA;IACF;IAEAC,SAAA;;IAEC;aAEC;QAEAC,QAAMC;;YAGFC;gBACFA;;;IASFC,GAAA;QAAA;QAAA;QAAA;QAAA;YAAA;YAAA"}
1
+ {"version":3,"sources":["useResponseCountStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses } from '@fluentui/react-components';\nimport { tokens, typographyStyles } from '@fluentui-copilot/tokens';\nimport type { ResponseCountSlots, ResponseCountState } from './ResponseCount.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const responseCountClassNames: SlotClassNames<ResponseCountSlots> = {\n root: 'fai-ResponseCount',\n indicator: 'fai-ResponseCount__indicator',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n root: {\n display: 'inline-flex',\n flexDirection: 'row',\n alignItems: 'center',\n gap: tokens.spacingHorizontalXS,\n ...typographyStyles.caption2,\n color: tokens.colorNeutralForeground4,\n },\n indicator: {\n display: 'inline-block',\n width: '8px',\n height: '8px',\n borderRadius: '50%',\n },\n success: {\n backgroundColor: tokens.colorStatusSuccessForeground3,\n },\n warning: {\n backgroundColor: tokens.colorStatusWarningForeground2,\n },\n danger: {\n backgroundColor: tokens.colorStatusDangerForeground3,\n },\n});\n\n/**\n * Apply styling to the ResponseCount slots based on the state\n */\nexport const useResponseCountStyles_unstable = (state: ResponseCountState): ResponseCountState => {\n 'use no memo';\n\n const styles = useStyles();\n state.root.className = mergeClasses(responseCountClassNames.root, styles.root, state.root.className);\n\n if (state.indicator) {\n state.indicator.className = mergeClasses(\n responseCountClassNames.indicator,\n styles.indicator,\n styles[state.status],\n state.indicator.className,\n );\n }\n\n return state;\n};\n"],"names":["responseCountClassNames","root","indicator","__styles","display","flexDirection","alignItems","tokens","typographyStyles","color","rmohyg","width","height","borderRadius","backgroundColor","a9b677","warning","Bbmb7ep","danger","Dimara","success","De3pzq","styles","state","d"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAKaA,uBAAAA;eAAAA;;;;;;iCALoB;AAK1B,MAAMA,0BAA8D;UACzEC;eACAC;AACF;AAEA;;CAEC,SAECD,YAAME,IAAAA,yBAAA,EAAA;UACJC;gBACAC;iBACAC;iBACKC;gBACFC;iBACHC;QACFC,QAAA;QACAR,SAAAA;iBACEE;iBACAO;iBACAC;gBACAC;;eAEO;gBACPC;QACFC,QAAA;QACAC,SAAS;iBACPF;QACFG,SAAA;QACAC,SAAQ;iBACNJ;QACFK,QAAA;IACF;IAEAC,SAAA;;IAEC;aAEC;QAEAC,QAAMC;;YAGFC;gBACFA;;;IASFC,GAAA;QAAA;QAAA;QAAA;QAAA;YAAA;YAAA"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui-copilot/react-response-count",
3
- "version": "0.2.13",
3
+ "version": "0.2.15",
4
4
  "description": "Fluent AI control for displaying the number of responses and the remaining response count",
5
5
  "main": "lib-commonjs/index.js",
6
6
  "module": "lib/index.js",
@@ -12,12 +12,12 @@
12
12
  },
13
13
  "license": "MIT",
14
14
  "dependencies": {
15
- "@fluentui-copilot/tokens": "^0.3.10",
15
+ "@fluentui-copilot/tokens": "^0.3.11",
16
16
  "@swc/helpers": "^0.5.1"
17
17
  },
18
18
  "peerDependencies": {
19
- "@fluentui/react-components": ">=9.58.3 <10.0.0",
20
- "@fluentui/react-jsx-runtime": ">=9.0.50 <10.0.0",
19
+ "@fluentui/react-components": ">=9.63.0 <10.0.0",
20
+ "@fluentui/react-jsx-runtime": ">=9.0.54 <10.0.0",
21
21
  "@types/react": ">=16.14.0 <19.0.0",
22
22
  "@types/react-dom": ">=16.9.8 <19.0.0",
23
23
  "react": ">=16.14.0 <19.0.0",