@xyo-network/react-debug 7.6.3 → 8.0.0

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.
@@ -1 +1 @@
1
- {"version":3,"file":"BoundWitnessDebugger.d.ts","sourceRoot":"","sources":["../../../src/components/BoundWitnessDebugger.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAKvC,MAAM,WAAW,yBAAyB;IACxC,wBAAwB,CAAC,EAAE,MAAM,CAAA;CAClC;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAwBpE,CAAA"}
1
+ {"version":3,"file":"BoundWitnessDebugger.d.ts","sourceRoot":"","sources":["../../../src/components/BoundWitnessDebugger.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAKvC,MAAM,WAAW,yBAAyB;IACxC,wBAAwB,CAAC,EAAE,MAAM,CAAA;CAClC;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAiCpE,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"PayloadDebugger.d.ts","sourceRoot":"","sources":["../../../src/components/PayloadDebugger.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAOvC,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAwBnC,CAAA"}
1
+ {"version":3,"file":"PayloadDebugger.d.ts","sourceRoot":"","sources":["../../../src/components/PayloadDebugger.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAOvC,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAiCnC,CAAA"}
@@ -74,19 +74,36 @@ var BoundWitnessDebugger = ({ defaultBoundWitnessInput = "" }) => {
74
74
  dataHash,
75
75
  valid
76
76
  } = useDebugBoundWitness(input);
77
- return /* @__PURE__ */ jsx3(Grid, { container: true, justifyContent: "center", children: /* @__PURE__ */ jsx3(
77
+ return /* @__PURE__ */ jsx3(
78
78
  Grid,
79
79
  {
80
- size: { xs: 12, sm: 6 },
81
- children: /* @__PURE__ */ jsxs2(FlexCol, { gap: 2, width: "100%", alignItems: "start", children: [
82
- /* @__PURE__ */ jsx3("h2", { children: "BoundWitness Debugger" }),
83
- /* @__PURE__ */ jsx3(FormControl, { fullWidth: true, children: /* @__PURE__ */ jsx3(TextField, { value: input, multiline: true, minRows: 10, maxRows: Infinity, name: "payload", onChange: (e) => setInput(e.target.value) }) }),
84
- /* @__PURE__ */ jsx3(JsonPayloadLikeViewerEx, { value: boundWitness }),
85
- errors.map((error) => /* @__PURE__ */ jsx3(ErrorRender, { error }, error?.message)),
86
- /* @__PURE__ */ jsx3(ValidationChips, { valid, rootHash, dataHash })
87
- ] })
80
+ container: true,
81
+ sx: { justifyContent: "center" },
82
+ children: /* @__PURE__ */ jsx3(
83
+ Grid,
84
+ {
85
+ size: { xs: 12, sm: 6 },
86
+ children: /* @__PURE__ */ jsxs2(
87
+ FlexCol,
88
+ {
89
+ sx: {
90
+ gap: 2,
91
+ width: "100%",
92
+ alignItems: "start"
93
+ },
94
+ children: [
95
+ /* @__PURE__ */ jsx3("h2", { children: "BoundWitness Debugger" }),
96
+ /* @__PURE__ */ jsx3(FormControl, { fullWidth: true, children: /* @__PURE__ */ jsx3(TextField, { value: input, multiline: true, minRows: 10, maxRows: Infinity, name: "payload", onChange: (e) => setInput(e.target.value) }) }),
97
+ /* @__PURE__ */ jsx3(JsonPayloadLikeViewerEx, { value: boundWitness }),
98
+ errors.map((error) => /* @__PURE__ */ jsx3(ErrorRender, { error }, error?.message)),
99
+ /* @__PURE__ */ jsx3(ValidationChips, { valid, rootHash, dataHash })
100
+ ]
101
+ }
102
+ )
103
+ }
104
+ )
88
105
  }
89
- ) });
106
+ );
90
107
  };
91
108
 
92
109
  // src/components/PayloadDebugger.tsx
@@ -109,19 +126,36 @@ var PayloadDebugger = () => {
109
126
  dataHash,
110
127
  valid
111
128
  } = useDebugPayload(input);
112
- return /* @__PURE__ */ jsx4(Grid2, { container: true, justifyContent: "center", children: /* @__PURE__ */ jsx4(
129
+ return /* @__PURE__ */ jsx4(
113
130
  Grid2,
114
131
  {
115
- size: { xs: 12, sm: 6 },
116
- children: /* @__PURE__ */ jsxs3(FlexCol2, { gap: 2, width: "100%", alignItems: "start", children: [
117
- /* @__PURE__ */ jsx4("h2", { children: "Payload Debugger" }),
118
- /* @__PURE__ */ jsx4(FormControl2, { fullWidth: true, children: /* @__PURE__ */ jsx4(TextField2, { value: input, multiline: true, minRows: 10, maxRows: Infinity, name: "payload", onChange: (e) => setInput(e.target.value) }) }),
119
- /* @__PURE__ */ jsx4(JsonPayloadLikeViewerEx, { value: payload }),
120
- errors.map((error) => /* @__PURE__ */ jsx4(ErrorRender2, { error }, error?.message)),
121
- /* @__PURE__ */ jsx4(ValidationChips, { valid, rootHash, dataHash })
122
- ] })
132
+ container: true,
133
+ sx: { justifyContent: "center" },
134
+ children: /* @__PURE__ */ jsx4(
135
+ Grid2,
136
+ {
137
+ size: { xs: 12, sm: 6 },
138
+ children: /* @__PURE__ */ jsxs3(
139
+ FlexCol2,
140
+ {
141
+ sx: {
142
+ gap: 2,
143
+ width: "100%",
144
+ alignItems: "start"
145
+ },
146
+ children: [
147
+ /* @__PURE__ */ jsx4("h2", { children: "Payload Debugger" }),
148
+ /* @__PURE__ */ jsx4(FormControl2, { fullWidth: true, children: /* @__PURE__ */ jsx4(TextField2, { value: input, multiline: true, minRows: 10, maxRows: Infinity, name: "payload", onChange: (e) => setInput(e.target.value) }) }),
149
+ /* @__PURE__ */ jsx4(JsonPayloadLikeViewerEx, { value: payload }),
150
+ errors.map((error) => /* @__PURE__ */ jsx4(ErrorRender2, { error }, error?.message)),
151
+ /* @__PURE__ */ jsx4(ValidationChips, { valid, rootHash, dataHash })
152
+ ]
153
+ }
154
+ )
155
+ }
156
+ )
123
157
  }
124
- ) });
158
+ );
125
159
  };
126
160
  export {
127
161
  BoundWitnessDebugger,
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/components/BoundWitnessDebugger.tsx","../../src/hooks/useDebugBoundWitness.tsx","../../src/hooks/useDebugPayload.tsx","../../src/components/shared/Chips.tsx","../../src/components/shared/JsonPayloadLikeViewerEx.tsx","../../src/components/PayloadDebugger.tsx"],"sourcesContent":["import {\n FormControl, Grid,\n TextField,\n} from '@mui/material'\nimport { ErrorRender } from '@xylabs/react-error'\nimport { FlexCol } from '@xylabs/react-flexbox'\nimport React, { useState } from 'react'\n\nimport { useDebugBoundWitness } from '../hooks/index.ts'\nimport { JsonPayloadLikeViewerEx, ValidationChips } from './shared/index.ts'\n\nexport interface BoundWitnessDebuggerProps {\n defaultBoundWitnessInput?: string\n}\n\nexport const BoundWitnessDebugger: React.FC<BoundWitnessDebuggerProps> = ({ defaultBoundWitnessInput = '' }) => {\n const [input, setInput] = useState<string>(defaultBoundWitnessInput)\n\n const {\n boundWitness, errors, rootHash, dataHash, valid,\n } = useDebugBoundWitness(input)\n\n return (\n <Grid container justifyContent=\"center\">\n <Grid\n size={{ xs: 12, sm: 6 }}\n >\n <FlexCol gap={2} width=\"100%\" alignItems=\"start\">\n <h2>BoundWitness Debugger</h2>\n <FormControl fullWidth>\n <TextField value={input} multiline minRows={10} maxRows={Infinity} name=\"payload\" onChange={e => setInput(e.target.value)} />\n </FormControl>\n <JsonPayloadLikeViewerEx value={boundWitness} />\n {errors.map(error => <ErrorRender key={error?.message} error={error} />)}\n <ValidationChips valid={valid} rootHash={rootHash} dataHash={dataHash} />\n </FlexCol>\n </Grid>\n </Grid>\n )\n}\n","import { usePayloadRootHash, useValidateBoundWitness } from '@xyo-network/react-shared'\n\nexport const useDebugBoundWitness = (input?: string) => {\n const { payload: boundWitness, errors } = useValidateBoundWitness(input)\n\n const rootHash = usePayloadRootHash(boundWitness)\n const dataHash = usePayloadRootHash(boundWitness)\n\n return {\n boundWitness,\n errors: errors ?? [],\n valid: errors ? errors.length === 0 : true,\n rootHash,\n dataHash,\n }\n}\n","import { usePayloadRootHash, usePayloadValidate } from '@xyo-network/react-shared'\n\nexport const useDebugPayload = (input?: string) => {\n const { payload, errors } = usePayloadValidate(input)\n const rootHash = usePayloadRootHash(payload)\n const dataHash = usePayloadRootHash(payload)\n\n return {\n payload, errors: errors ?? [], valid: errors ? errors.length === 0 : true, rootHash, dataHash,\n }\n}\n","import { CheckCircle } from '@mui/icons-material'\nimport { Chip, type ChipProps } from '@mui/material'\nimport React from 'react'\n\nexport interface ValidationChipsProps extends ChipProps {\n dataHash?: string\n rootHash?: string\n valid?: boolean\n}\nexport const ValidationChips: React.FC<ValidationChipsProps> = ({\n dataHash, rootHash, valid,\n}) => {\n return (\n <>\n {valid ? <Chip avatar={<CheckCircle color=\"success\" />} label=\"Protocol Valid\" /> : null}\n {rootHash ? <Chip label={`Root Hash: ${rootHash}`} title={rootHash} /> : null}\n {dataHash ? <Chip label={`Data Hash: ${dataHash}`} title={dataHash} /> : null}\n </>\n )\n}\n","import { Paper, useTheme } from '@mui/material'\nimport { JsonViewerEx, type JsonViewerExProps } from '@xyo-network/react-payload-raw-info'\nimport React from 'react'\n\nexport interface JsonPayloadLikeViewerExProps extends JsonViewerExProps {}\n\nexport const JsonPayloadLikeViewerEx: React.FC<JsonPayloadLikeViewerExProps> = ({ ...props }) => {\n const theme = useTheme()\n\n return props.value\n ? (\n <Paper sx={{ width: '100%', padding: theme.spacing(2) }}>\n <JsonViewerEx style={{ width: '100%' }} {...props} />\n </Paper>\n )\n : null\n}\n","import {\n FormControl, Grid, TextField,\n} from '@mui/material'\nimport { ErrorRender } from '@xylabs/react-error'\nimport { FlexCol } from '@xylabs/react-flexbox'\nimport React, { useState } from 'react'\n\nimport { useDebugPayload } from '../hooks/index.ts'\nimport { JsonPayloadLikeViewerEx, ValidationChips } from './shared/index.ts'\n\nconst defaultPayload = '{ \"schema\": \"network.xyo.test\", \"foo\": true }'\n\nexport const PayloadDebugger: React.FC = () => {\n const [input, setInput] = useState<string>(defaultPayload)\n\n const {\n payload, errors, rootHash, dataHash, valid,\n } = useDebugPayload(input)\n\n return (\n <Grid container justifyContent=\"center\">\n <Grid\n size={{ xs: 12, sm: 6 }}\n >\n <FlexCol gap={2} width=\"100%\" alignItems=\"start\">\n <h2>Payload Debugger</h2>\n <FormControl fullWidth>\n <TextField value={input} multiline minRows={10} maxRows={Infinity} name=\"payload\" onChange={e => setInput(e.target.value)} />\n </FormControl>\n <JsonPayloadLikeViewerEx value={payload} />\n {errors.map(error => <ErrorRender key={error?.message} error={error} />)}\n <ValidationChips valid={valid} rootHash={rootHash} dataHash={dataHash} />\n </FlexCol>\n </Grid>\n </Grid>\n )\n}\n"],"mappings":"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","names":["usePayloadRootHash","jsx","jsx","jsxs","FormControl","Grid","TextField","ErrorRender","FlexCol","useState","jsx","jsxs","useState","Grid","FlexCol","FormControl","TextField","ErrorRender"]}
1
+ {"version":3,"sources":["../../src/components/BoundWitnessDebugger.tsx","../../src/hooks/useDebugBoundWitness.tsx","../../src/hooks/useDebugPayload.tsx","../../src/components/shared/Chips.tsx","../../src/components/shared/JsonPayloadLikeViewerEx.tsx","../../src/components/PayloadDebugger.tsx"],"sourcesContent":["import {\n FormControl, Grid,\n TextField,\n} from '@mui/material'\nimport { ErrorRender } from '@xylabs/react-error'\nimport { FlexCol } from '@xylabs/react-flexbox'\nimport React, { useState } from 'react'\n\nimport { useDebugBoundWitness } from '../hooks/index.ts'\nimport { JsonPayloadLikeViewerEx, ValidationChips } from './shared/index.ts'\n\nexport interface BoundWitnessDebuggerProps {\n defaultBoundWitnessInput?: string\n}\n\nexport const BoundWitnessDebugger: React.FC<BoundWitnessDebuggerProps> = ({ defaultBoundWitnessInput = '' }) => {\n const [input, setInput] = useState<string>(defaultBoundWitnessInput)\n\n const {\n boundWitness, errors, rootHash, dataHash, valid,\n } = useDebugBoundWitness(input)\n\n return (\n <Grid\n container\n sx={{ justifyContent: 'center' }}\n >\n <Grid\n size={{ xs: 12, sm: 6 }}\n >\n <FlexCol\n sx={{\n gap: 2,\n width: '100%',\n alignItems: 'start',\n }}\n >\n <h2>BoundWitness Debugger</h2>\n <FormControl fullWidth>\n <TextField value={input} multiline minRows={10} maxRows={Infinity} name=\"payload\" onChange={e => setInput(e.target.value)} />\n </FormControl>\n <JsonPayloadLikeViewerEx value={boundWitness} />\n {errors.map(error => <ErrorRender key={error?.message} error={error} />)}\n <ValidationChips valid={valid} rootHash={rootHash} dataHash={dataHash} />\n </FlexCol>\n </Grid>\n </Grid>\n )\n}\n","import { usePayloadRootHash, useValidateBoundWitness } from '@xyo-network/react-shared'\n\nexport const useDebugBoundWitness = (input?: string) => {\n const { payload: boundWitness, errors } = useValidateBoundWitness(input)\n\n const rootHash = usePayloadRootHash(boundWitness)\n const dataHash = usePayloadRootHash(boundWitness)\n\n return {\n boundWitness,\n errors: errors ?? [],\n valid: errors ? errors.length === 0 : true,\n rootHash,\n dataHash,\n }\n}\n","import { usePayloadRootHash, usePayloadValidate } from '@xyo-network/react-shared'\n\nexport const useDebugPayload = (input?: string) => {\n const { payload, errors } = usePayloadValidate(input)\n const rootHash = usePayloadRootHash(payload)\n const dataHash = usePayloadRootHash(payload)\n\n return {\n payload, errors: errors ?? [], valid: errors ? errors.length === 0 : true, rootHash, dataHash,\n }\n}\n","import { CheckCircle } from '@mui/icons-material'\nimport { Chip, type ChipProps } from '@mui/material'\nimport React from 'react'\n\nexport interface ValidationChipsProps extends ChipProps {\n dataHash?: string\n rootHash?: string\n valid?: boolean\n}\nexport const ValidationChips: React.FC<ValidationChipsProps> = ({\n dataHash, rootHash, valid,\n}) => {\n return (\n <>\n {valid ? <Chip avatar={<CheckCircle color=\"success\" />} label=\"Protocol Valid\" /> : null}\n {rootHash ? <Chip label={`Root Hash: ${rootHash}`} title={rootHash} /> : null}\n {dataHash ? <Chip label={`Data Hash: ${dataHash}`} title={dataHash} /> : null}\n </>\n )\n}\n","import { Paper, useTheme } from '@mui/material'\nimport { JsonViewerEx, type JsonViewerExProps } from '@xyo-network/react-payload-raw-info'\nimport React from 'react'\n\nexport interface JsonPayloadLikeViewerExProps extends JsonViewerExProps {}\n\nexport const JsonPayloadLikeViewerEx: React.FC<JsonPayloadLikeViewerExProps> = ({ ...props }) => {\n const theme = useTheme()\n\n return props.value\n ? (\n <Paper sx={{ width: '100%', padding: theme.spacing(2) }}>\n <JsonViewerEx style={{ width: '100%' }} {...props} />\n </Paper>\n )\n : null\n}\n","import {\n FormControl, Grid, TextField,\n} from '@mui/material'\nimport { ErrorRender } from '@xylabs/react-error'\nimport { FlexCol } from '@xylabs/react-flexbox'\nimport React, { useState } from 'react'\n\nimport { useDebugPayload } from '../hooks/index.ts'\nimport { JsonPayloadLikeViewerEx, ValidationChips } from './shared/index.ts'\n\nconst defaultPayload = '{ \"schema\": \"network.xyo.test\", \"foo\": true }'\n\nexport const PayloadDebugger: React.FC = () => {\n const [input, setInput] = useState<string>(defaultPayload)\n\n const {\n payload, errors, rootHash, dataHash, valid,\n } = useDebugPayload(input)\n\n return (\n <Grid\n container\n sx={{ justifyContent: 'center' }}\n >\n <Grid\n size={{ xs: 12, sm: 6 }}\n >\n <FlexCol\n sx={{\n gap: 2,\n width: '100%',\n alignItems: 'start',\n }}\n >\n <h2>Payload Debugger</h2>\n <FormControl fullWidth>\n <TextField value={input} multiline minRows={10} maxRows={Infinity} name=\"payload\" onChange={e => setInput(e.target.value)} />\n </FormControl>\n <JsonPayloadLikeViewerEx value={payload} />\n {errors.map(error => <ErrorRender key={error?.message} error={error} />)}\n <ValidationChips valid={valid} rootHash={rootHash} dataHash={dataHash} />\n </FlexCol>\n </Grid>\n </Grid>\n )\n}\n"],"mappings":"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","names":["usePayloadRootHash","jsx","jsx","jsxs","FormControl","Grid","TextField","ErrorRender","FlexCol","useState","jsx","jsxs","useState","Grid","FlexCol","FormControl","TextField","ErrorRender"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@xyo-network/react-debug",
3
- "version": "7.6.3",
3
+ "version": "8.0.0",
4
4
  "description": "Common React library for all XYO projects that use React",
5
5
  "keywords": [
6
6
  "xyo",
@@ -41,15 +41,15 @@
41
41
  "README.md"
42
42
  ],
43
43
  "dependencies": {
44
- "@xyo-network/react-shared": "~7.6.3",
45
- "@xyo-network/react-payload-raw-info": "~7.6.3"
44
+ "@xyo-network/react-payload-raw-info": "~8.0.0",
45
+ "@xyo-network/react-shared": "~8.0.0"
46
46
  },
47
47
  "devDependencies": {
48
48
  "@bitauth/libauth": "~3.0.0",
49
49
  "@emotion/react": "^11.14.0",
50
50
  "@emotion/styled": "^11.14.1",
51
- "@mui/icons-material": "^7.3.11",
52
- "@mui/material": "^7.3.11",
51
+ "@mui/icons-material": "~9.0",
52
+ "@mui/material": "~9.0",
53
53
  "@opentelemetry/api": "^1.9.1",
54
54
  "@opentelemetry/sdk-trace-base": "^2.7.1",
55
55
  "@react-spring/web": "~10.0.3",
@@ -58,20 +58,20 @@
58
58
  "@textea/json-viewer": "~4.0.1",
59
59
  "@types/react": "^19.2.14",
60
60
  "@xylabs/pixel": "~5.1.2",
61
- "@xylabs/react-button": "~7.2.4",
62
- "@xylabs/react-error": "~7.2.4",
63
- "@xylabs/react-flexbox": "~7.2.4",
64
- "@xylabs/react-hooks": "~7.2.4",
65
- "@xylabs/react-link": "~7.2.4",
66
- "@xylabs/react-promise": "~7.2.4",
67
- "@xylabs/react-shared": "~7.2.4",
68
- "@xylabs/react-theme": "~7.2.4",
61
+ "@xylabs/react-button": "~8.0",
62
+ "@xylabs/react-error": "~8.0",
63
+ "@xylabs/react-flexbox": "~8.0",
64
+ "@xylabs/react-hooks": "~8.0",
65
+ "@xylabs/react-link": "~8.0",
66
+ "@xylabs/react-promise": "~8.0",
67
+ "@xylabs/react-shared": "~8.0",
68
+ "@xylabs/react-theme": "~8.0",
69
69
  "@xylabs/sdk-js": "^5.1.2",
70
70
  "@xylabs/threads": "~5.1.2",
71
- "@xylabs/toolchain": "~7.13.15",
72
- "@xylabs/tsconfig": "^7.13.15",
73
- "@xylabs/tsconfig-dom": "^7.13.15",
74
- "@xylabs/tsconfig-react": "~7.13.15",
71
+ "@xylabs/toolchain": "~7.13.22",
72
+ "@xylabs/tsconfig": "^7.13.22",
73
+ "@xylabs/tsconfig-dom": "^7.13.22",
74
+ "@xylabs/tsconfig-react": "~7.13.22",
75
75
  "@xyo-network/boundwitness-model": "^5.6.3",
76
76
  "@xyo-network/boundwitness-validator": "^5.6.2",
77
77
  "@xyo-network/payload-builder": "^5.6.2",
@@ -99,7 +99,7 @@
99
99
  "spark-md5": "~3.0.2",
100
100
  "storybook": "^10.3.6",
101
101
  "typescript": "^5.9.3",
102
- "vite": "^8.0.10",
102
+ "vite": "^8.0.11",
103
103
  "wasm-feature-detect": "~1.8.0",
104
104
  "zod": "^4.4.3"
105
105
  },
@@ -107,22 +107,22 @@
107
107
  "@bitauth/libauth": "~3.0",
108
108
  "@emotion/react": "^11.14",
109
109
  "@emotion/styled": "^11.14",
110
- "@mui/icons-material": "^7.3",
111
- "@mui/material": "^7.3",
110
+ "@mui/icons-material": "~9.0",
111
+ "@mui/material": "~9.0",
112
112
  "@opentelemetry/api": "^1.9",
113
113
  "@opentelemetry/sdk-trace-base": "^2.7",
114
114
  "@react-spring/web": "~10.0",
115
115
  "@scure/base": "~2.2",
116
116
  "@textea/json-viewer": "~4.0",
117
117
  "@xylabs/pixel": "~5.1",
118
- "@xylabs/react-button": "~7.2",
119
- "@xylabs/react-error": "~7.2",
120
- "@xylabs/react-flexbox": "~7.2",
121
- "@xylabs/react-hooks": "~7.2",
122
- "@xylabs/react-link": "~7.2",
123
- "@xylabs/react-promise": "~7.2",
124
- "@xylabs/react-shared": "~7.2",
125
- "@xylabs/react-theme": "~7.2",
118
+ "@xylabs/react-button": "~8.0",
119
+ "@xylabs/react-error": "~8.0",
120
+ "@xylabs/react-flexbox": "~8.0",
121
+ "@xylabs/react-hooks": "~8.0",
122
+ "@xylabs/react-link": "~8.0",
123
+ "@xylabs/react-promise": "~8.0",
124
+ "@xylabs/react-shared": "~8.0",
125
+ "@xylabs/react-theme": "~8.0",
126
126
  "@xylabs/sdk-js": "^5.1",
127
127
  "@xylabs/threads": "~5.1",
128
128
  "@xyo-network/boundwitness-model": "^5.6",