@xyo-network/react-debug 7.4.1 → 7.5.0

package/dist/browser/components/BoundWitnessDebugger.stories.d.ts

@@ -1,8 +1,8 @@
 import type { Meta } from '@storybook/react-vite';
 declare const _default: Meta;
 export default _default;
-declare const Default: import(".store/storybook-virtual-a067dd1507/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./BoundWitnessDebugger.tsx").BoundWitnessDebuggerProps>;
-declare const WithValid: import(".store/storybook-virtual-a067dd1507/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./BoundWitnessDebugger.tsx").BoundWitnessDebuggerProps>;
-declare const WithInValid: import(".store/storybook-virtual-a067dd1507/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, import("./BoundWitnessDebugger.tsx").BoundWitnessDebuggerProps>;
+declare const Default: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./BoundWitnessDebugger.tsx").BoundWitnessDebuggerProps>;
+declare const WithValid: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./BoundWitnessDebugger.tsx").BoundWitnessDebuggerProps>;
+declare const WithInValid: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./BoundWitnessDebugger.tsx").BoundWitnessDebuggerProps>;
 export { Default, WithInValid, WithValid, };
 //# sourceMappingURL=BoundWitnessDebugger.stories.d.ts.map

package/dist/browser/components/BoundWitnessDebugger.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BoundWitnessDebugger.stories.d.ts","sourceRoot":"","sources":["../../../src/components/BoundWitnessDebugger.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,uBAAuB,CAAA;wBAUyB,IAAI;AAAvF,wBAAuF;AAIvF,QAAA,MAAM,OAAO,oMAAoB,CAAA;AAGjC,QAAA,MAAM,SAAS,oMAAoB,CAAA;AAGnC,QAAA,MAAM,WAAW,oMAAoB,CAAA;AAGrC,OAAO,EACL,OAAO,EAAE,WAAW,EAAE,SAAS,GAChC,CAAA"}
+{"version":3,"file":"BoundWitnessDebugger.stories.d.ts","sourceRoot":"","sources":["../../../src/components/BoundWitnessDebugger.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,uBAAuB,CAAA;wBAUyB,IAAI;AAAvF,wBAAuF;AAIvF,QAAA,MAAM,OAAO,6JAAoB,CAAA;AAGjC,QAAA,MAAM,SAAS,6JAAoB,CAAA;AAGnC,QAAA,MAAM,WAAW,6JAAoB,CAAA;AAGrC,OAAO,EACL,OAAO,EAAE,WAAW,EAAE,SAAS,GAChC,CAAA"}

package/dist/browser/components/PayloadDebugger.stories.d.ts

@@ -1,6 +1,6 @@
 import type { Meta } from '@storybook/react-vite';
 declare const _default: Meta;
 export default _default;
-declare const Default: import(".store/storybook-virtual-a067dd1507/package/internal/csf").AnnotatedStoryFn<import("@storybook/react-vite").ReactRenderer, {}>;
+declare const Default: import("storybook/internal/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, {}>;
 export { Default };
 //# sourceMappingURL=PayloadDebugger.stories.d.ts.map

package/dist/browser/components/PayloadDebugger.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PayloadDebugger.stories.d.ts","sourceRoot":"","sources":["../../../src/components/PayloadDebugger.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,uBAAuB,CAAA;wBAKe,IAAI;AAA7E,wBAA6E;AAI7E,QAAA,MAAM,OAAO,wIAAoB,CAAA;AAGjC,OAAO,EAAE,OAAO,EAAE,CAAA"}
+{"version":3,"file":"PayloadDebugger.stories.d.ts","sourceRoot":"","sources":["../../../src/components/PayloadDebugger.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,uBAAuB,CAAA;wBAKe,IAAI;AAA7E,wBAA6E;AAI7E,QAAA,MAAM,OAAO,iGAAoB,CAAA;AAGjC,OAAO,EAAE,OAAO,EAAE,CAAA"}

package/dist/browser/hooks/useDebugBoundWitness.d.ts

@@ -1,17 +1,27 @@
 export declare const useDebugBoundWitness: (input?: string) => {
     boundWitness: {
-        schema: "network.xyo.boundwitness";
-        addresses: import("@xylabs/hex").Address[];
-        payload_hashes: import("@xylabs/hex").Hash[];
-        payload_schemas: string[];
-        previous_hashes: (import("@xylabs/hex").Hash | null)[];
-        $signatures: (import("@xylabs/hex").Hex | null)[];
-        $destination?: import("@xylabs/hex").Address | undefined;
-        $sourceQuery?: import("@xylabs/hex").Hash | undefined;
+        schema: "network.xyo.boundwitness" & {
+            readonly __schema: true;
+        };
+        addresses: (Lowercase<string> & {
+            readonly __hex: true;
+        } & {
+            readonly __address: true;
+        })[];
+        payload_hashes: import("@xylabs/hex").BrandedHash[];
+        payload_schemas: import("@xyo-network/payload-model").BrandedSchema<string>[];
+        previous_hashes: (import("@xylabs/hex").BrandedHash | null)[];
+        $signatures: (import("@xylabs/hex").BrandedHex | null)[];
+        $destination?: (Lowercase<string> & {
+            readonly __hex: true;
+        } & {
+            readonly __address: true;
+        }) | undefined;
+        $sourceQuery?: import("@xylabs/hex").BrandedHash | undefined;
     } | undefined;
     errors: Error[];
     valid: boolean;
-    rootHash: import("@xylabs/hex").Hash | undefined;
-    dataHash: import("@xylabs/hex").Hash | undefined;
+    rootHash: import("@xylabs/hex").BrandedHash | undefined;
+    dataHash: import("@xylabs/hex").BrandedHash | undefined;
 };
 //# sourceMappingURL=useDebugBoundWitness.d.ts.map

package/dist/browser/hooks/useDebugBoundWitness.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDebugBoundWitness.d.ts","sourceRoot":"","sources":["../../../src/hooks/useDebugBoundWitness.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,oBAAoB,GAAI,QAAQ,MAAM;;;;;;;;;;;;;;;CAalD,CAAA"}
+{"version":3,"file":"useDebugBoundWitness.d.ts","sourceRoot":"","sources":["../../../src/hooks/useDebugBoundWitness.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,oBAAoB,GAAI,QAAQ,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;CAalD,CAAA"}

package/dist/browser/hooks/useDebugPayload.d.ts

@@ -2,7 +2,7 @@ export declare const useDebugPayload: (input?: string) => {
     payload: import("@xyo-network/payload-model").Payload | undefined;
     errors: Error[];
     valid: boolean;
-    rootHash: import("@xylabs/hex").Hash | undefined;
-    dataHash: import("@xylabs/hex").Hash | undefined;
+    rootHash: import("@xylabs/hex").BrandedHash | undefined;
+    dataHash: import("@xylabs/hex").BrandedHash | undefined;
 };
 //# sourceMappingURL=useDebugPayload.d.ts.map

package/dist/browser/index.mjs

@@ -1,16 +1,15 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+
 // src/components/BoundWitnessDebugger.tsx
-import {
-  FormControl,
-  Grid,
-  TextField
-} from "@mui/material";
+import { FormControl, Grid, TextField } from "@mui/material";
 import { ErrorRender } from "@xylabs/react-error";
 import { FlexCol } from "@xylabs/react-flexbox";
-import { useState } from "react";
+import React3, { useState } from "react";
 
 // src/hooks/useDebugBoundWitness.tsx
 import { usePayloadRootHash, useValidateBoundWitness } from "@xyo-network/react-shared";
-var useDebugBoundWitness = (input) => {
+var useDebugBoundWitness = /* @__PURE__ */ __name((input) => {
   const { payload: boundWitness, errors } = useValidateBoundWitness(input);
   const rootHash = usePayloadRootHash(boundWitness);
   const dataHash = usePayloadRootHash(boundWitness);
@@ -21,11 +20,11 @@ var useDebugBoundWitness = (input) => {
     rootHash,
     dataHash
   };
-};
+}, "useDebugBoundWitness");
 
 // src/hooks/useDebugPayload.tsx
 import { usePayloadRootHash as usePayloadRootHash2, usePayloadValidate } from "@xyo-network/react-shared";
-var useDebugPayload = (input) => {
+var useDebugPayload = /* @__PURE__ */ __name((input) => {
   const { payload, errors } = usePayloadValidate(input);
   const rootHash = usePayloadRootHash2(payload);
   const dataHash = usePayloadRootHash2(payload);
@@ -36,93 +35,124 @@ var useDebugPayload = (input) => {
     rootHash,
     dataHash
   };
-};
+}, "useDebugPayload");
 
 // src/components/shared/Chips.tsx
 import { CheckCircle } from "@mui/icons-material";
 import { Chip } from "@mui/material";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var ValidationChips = ({
-  dataHash,
-  rootHash,
-  valid
-}) => {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    valid ? /* @__PURE__ */ jsx(Chip, { avatar: /* @__PURE__ */ jsx(CheckCircle, { color: "success" }), label: "Protocol Valid" }) : null,
-    rootHash ? /* @__PURE__ */ jsx(Chip, { label: `Root Hash: ${rootHash}`, title: rootHash }) : null,
-    dataHash ? /* @__PURE__ */ jsx(Chip, { label: `Data Hash: ${dataHash}`, title: dataHash }) : null
-  ] });
-};
+import React from "react";
+var ValidationChips = /* @__PURE__ */ __name(({ dataHash, rootHash, valid }) => {
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, valid ? /* @__PURE__ */ React.createElement(Chip, {
+    avatar: /* @__PURE__ */ React.createElement(CheckCircle, {
+      color: "success"
+    }),
+    label: "Protocol Valid"
+  }) : null, rootHash ? /* @__PURE__ */ React.createElement(Chip, {
+    label: `Root Hash: ${rootHash}`,
+    title: rootHash
+  }) : null, dataHash ? /* @__PURE__ */ React.createElement(Chip, {
+    label: `Data Hash: ${dataHash}`,
+    title: dataHash
+  }) : null);
+}, "ValidationChips");
 
 // src/components/shared/JsonPayloadLikeViewerEx.tsx
 import { Paper, useTheme } from "@mui/material";
 import { JsonViewerEx } from "@xyo-network/react-payload-raw-info";
-import { jsx as jsx2 } from "react/jsx-runtime";
-var JsonPayloadLikeViewerEx = ({ ...props }) => {
+import React2 from "react";
+var JsonPayloadLikeViewerEx = /* @__PURE__ */ __name(({ ...props }) => {
   const theme = useTheme();
-  return props.value ? /* @__PURE__ */ jsx2(Paper, { sx: { width: "100%", padding: theme.spacing(2) }, children: /* @__PURE__ */ jsx2(JsonViewerEx, { style: { width: "100%" }, ...props }) }) : null;
-};
+  return props.value ? /* @__PURE__ */ React2.createElement(Paper, {
+    sx: {
+      width: "100%",
+      padding: theme.spacing(2)
+    }
+  }, /* @__PURE__ */ React2.createElement(JsonViewerEx, {
+    style: {
+      width: "100%"
+    },
+    ...props
+  })) : null;
+}, "JsonPayloadLikeViewerEx");
 
 // src/components/BoundWitnessDebugger.tsx
-import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
-var BoundWitnessDebugger = ({ defaultBoundWitnessInput = "" }) => {
+var BoundWitnessDebugger = /* @__PURE__ */ __name(({ defaultBoundWitnessInput = "" }) => {
   const [input, setInput] = useState(defaultBoundWitnessInput);
-  const {
-    boundWitness,
-    errors,
-    rootHash,
-    dataHash,
-    valid
-  } = useDebugBoundWitness(input);
-  return /* @__PURE__ */ jsx3(Grid, { container: true, justifyContent: "center", children: /* @__PURE__ */ jsx3(
-    Grid,
-    {
-      size: { xs: 12, sm: 6 },
-      children: /* @__PURE__ */ jsxs2(FlexCol, { gap: 2, width: "100%", alignItems: "start", children: [
-        /* @__PURE__ */ jsx3("h2", { children: "BoundWitness Debugger" }),
-        /* @__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) }) }),
-        /* @__PURE__ */ jsx3(JsonPayloadLikeViewerEx, { value: boundWitness }),
-        errors.map((error) => /* @__PURE__ */ jsx3(ErrorRender, { error }, error?.message)),
-        /* @__PURE__ */ jsx3(ValidationChips, { valid, rootHash, dataHash })
-      ] })
+  const { boundWitness, errors, rootHash, dataHash, valid } = useDebugBoundWitness(input);
+  return /* @__PURE__ */ React3.createElement(Grid, {
+    container: true,
+    justifyContent: "center"
+  }, /* @__PURE__ */ React3.createElement(Grid, {
+    size: {
+      xs: 12,
+      sm: 6
     }
-  ) });
-};
+  }, /* @__PURE__ */ React3.createElement(FlexCol, {
+    gap: 2,
+    width: "100%",
+    alignItems: "start"
+  }, /* @__PURE__ */ React3.createElement("h2", null, "BoundWitness Debugger"), /* @__PURE__ */ React3.createElement(FormControl, {
+    fullWidth: true
+  }, /* @__PURE__ */ React3.createElement(TextField, {
+    value: input,
+    multiline: true,
+    minRows: 10,
+    maxRows: Infinity,
+    name: "payload",
+    onChange: /* @__PURE__ */ __name((e) => setInput(e.target.value), "onChange")
+  })), /* @__PURE__ */ React3.createElement(JsonPayloadLikeViewerEx, {
+    value: boundWitness
+  }), errors.map((error) => /* @__PURE__ */ React3.createElement(ErrorRender, {
+    key: error?.message,
+    error
+  })), /* @__PURE__ */ React3.createElement(ValidationChips, {
+    valid,
+    rootHash,
+    dataHash
+  }))));
+}, "BoundWitnessDebugger");
 
 // src/components/PayloadDebugger.tsx
-import {
-  FormControl as FormControl2,
-  Grid as Grid2,
-  TextField as TextField2
-} from "@mui/material";
+import { FormControl as FormControl2, Grid as Grid2, TextField as TextField2 } from "@mui/material";
 import { ErrorRender as ErrorRender2 } from "@xylabs/react-error";
 import { FlexCol as FlexCol2 } from "@xylabs/react-flexbox";
-import { useState as useState2 } from "react";
-import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+import React4, { useState as useState2 } from "react";
 var defaultPayload = '{ "schema": "network.xyo.test", "foo": true }';
-var PayloadDebugger = () => {
+var PayloadDebugger = /* @__PURE__ */ __name(() => {
   const [input, setInput] = useState2(defaultPayload);
-  const {
-    payload,
-    errors,
-    rootHash,
-    dataHash,
-    valid
-  } = useDebugPayload(input);
-  return /* @__PURE__ */ jsx4(Grid2, { container: true, justifyContent: "center", children: /* @__PURE__ */ jsx4(
-    Grid2,
-    {
-      size: { xs: 12, sm: 6 },
-      children: /* @__PURE__ */ jsxs3(FlexCol2, { gap: 2, width: "100%", alignItems: "start", children: [
-        /* @__PURE__ */ jsx4("h2", { children: "Payload Debugger" }),
-        /* @__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) }) }),
-        /* @__PURE__ */ jsx4(JsonPayloadLikeViewerEx, { value: payload }),
-        errors.map((error) => /* @__PURE__ */ jsx4(ErrorRender2, { error }, error?.message)),
-        /* @__PURE__ */ jsx4(ValidationChips, { valid, rootHash, dataHash })
-      ] })
+  const { payload, errors, rootHash, dataHash, valid } = useDebugPayload(input);
+  return /* @__PURE__ */ React4.createElement(Grid2, {
+    container: true,
+    justifyContent: "center"
+  }, /* @__PURE__ */ React4.createElement(Grid2, {
+    size: {
+      xs: 12,
+      sm: 6
     }
-  ) });
-};
+  }, /* @__PURE__ */ React4.createElement(FlexCol2, {
+    gap: 2,
+    width: "100%",
+    alignItems: "start"
+  }, /* @__PURE__ */ React4.createElement("h2", null, "Payload Debugger"), /* @__PURE__ */ React4.createElement(FormControl2, {
+    fullWidth: true
+  }, /* @__PURE__ */ React4.createElement(TextField2, {
+    value: input,
+    multiline: true,
+    minRows: 10,
+    maxRows: Infinity,
+    name: "payload",
+    onChange: /* @__PURE__ */ __name((e) => setInput(e.target.value), "onChange")
+  })), /* @__PURE__ */ React4.createElement(JsonPayloadLikeViewerEx, {
+    value: payload
+  }), errors.map((error) => /* @__PURE__ */ React4.createElement(ErrorRender2, {
+    key: error?.message,
+    error
+  })), /* @__PURE__ */ React4.createElement(ValidationChips, {
+    valid,
+    rootHash,
+    dataHash
+  }))));
+}, "PayloadDebugger");
 export {
   BoundWitnessDebugger,
   JsonPayloadLikeViewerEx,

package/dist/browser/index.mjs.map

@@ -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":";AAAA;AAAA,EACE;AAAA,EAAa;AAAA,EACb;AAAA,OACK;AACP,SAAS,mBAAmB;AAC5B,SAAS,eAAe;AACxB,SAAgB,gBAAgB;;;ACNhC,SAAS,oBAAoB,+BAA+B;AAErD,IAAM,uBAAuB,CAAC,UAAmB;AACtD,QAAM,EAAE,SAAS,cAAc,OAAO,IAAI,wBAAwB,KAAK;AAEvE,QAAM,WAAW,mBAAmB,YAAY;AAChD,QAAM,WAAW,mBAAmB,YAAY;AAEhD,SAAO;AAAA,IACL;AAAA,IACA,QAAQ,UAAU,CAAC;AAAA,IACnB,OAAO,SAAS,OAAO,WAAW,IAAI;AAAA,IACtC;AAAA,IACA;AAAA,EACF;AACF;;;ACfA,SAAS,sBAAAA,qBAAoB,0BAA0B;AAEhD,IAAM,kBAAkB,CAAC,UAAmB;AACjD,QAAM,EAAE,SAAS,OAAO,IAAI,mBAAmB,KAAK;AACpD,QAAM,WAAWA,oBAAmB,OAAO;AAC3C,QAAM,WAAWA,oBAAmB,OAAO;AAE3C,SAAO;AAAA,IACL;AAAA,IAAS,QAAQ,UAAU,CAAC;AAAA,IAAG,OAAO,SAAS,OAAO,WAAW,IAAI;AAAA,IAAM;AAAA,IAAU;AAAA,EACvF;AACF;;;ACVA,SAAS,mBAAmB;AAC5B,SAAS,YAA4B;AAYjC,mBACyB,KADzB;AAJG,IAAM,kBAAkD,CAAC;AAAA,EAC9D;AAAA,EAAU;AAAA,EAAU;AACtB,MAAM;AACJ,SACE,iCACG;AAAA,YAAQ,oBAAC,QAAK,QAAQ,oBAAC,eAAY,OAAM,WAAU,GAAI,OAAM,kBAAiB,IAAK;AAAA,IACnF,WAAW,oBAAC,QAAK,OAAO,cAAc,QAAQ,IAAI,OAAO,UAAU,IAAK;AAAA,IACxE,WAAW,oBAAC,QAAK,OAAO,cAAc,QAAQ,IAAI,OAAO,UAAU,IAAK;AAAA,KAC3E;AAEJ;;;ACnBA,SAAS,OAAO,gBAAgB;AAChC,SAAS,oBAA4C;AAW3C,gBAAAC,YAAA;AANH,IAAM,0BAAkE,CAAC,EAAE,GAAG,MAAM,MAAM;AAC/F,QAAM,QAAQ,SAAS;AAEvB,SAAO,MAAM,QAEP,gBAAAA,KAAC,SAAM,IAAI,EAAE,OAAO,QAAQ,SAAS,MAAM,QAAQ,CAAC,EAAE,GACpD,0BAAAA,KAAC,gBAAa,OAAO,EAAE,OAAO,OAAO,GAAI,GAAG,OAAO,GACrD,IAEF;AACN;;;AJWQ,SACE,OAAAC,MADF,QAAAC,aAAA;AAZD,IAAM,uBAA4D,CAAC,EAAE,2BAA2B,GAAG,MAAM;AAC9G,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAiB,wBAAwB;AAEnE,QAAM;AAAA,IACJ;AAAA,IAAc;AAAA,IAAQ;AAAA,IAAU;AAAA,IAAU;AAAA,EAC5C,IAAI,qBAAqB,KAAK;AAE9B,SACE,gBAAAD,KAAC,QAAK,WAAS,MAAC,gBAAe,UAC7B,0BAAAA;AAAA,IAAC;AAAA;AAAA,MACC,MAAM,EAAE,IAAI,IAAI,IAAI,EAAE;AAAA,MAEtB,0BAAAC,MAAC,WAAQ,KAAK,GAAG,OAAM,QAAO,YAAW,SACvC;AAAA,wBAAAD,KAAC,QAAG,mCAAqB;AAAA,QACzB,gBAAAA,KAAC,eAAY,WAAS,MACpB,0BAAAA,KAAC,aAAU,OAAO,OAAO,WAAS,MAAC,SAAS,IAAI,SAAS,UAAU,MAAK,WAAU,UAAU,OAAK,SAAS,EAAE,OAAO,KAAK,GAAG,GAC7H;AAAA,QACA,gBAAAA,KAAC,2BAAwB,OAAO,cAAc;AAAA,QAC7C,OAAO,IAAI,WAAS,gBAAAA,KAAC,eAAiC,SAAhB,OAAO,OAAuB,CAAE;AAAA,QACvE,gBAAAA,KAAC,mBAAgB,OAAc,UAAoB,UAAoB;AAAA,SACzE;AAAA;AAAA,EACF,GACF;AAEJ;;;AKvCA;AAAA,EACE,eAAAE;AAAA,EAAa,QAAAC;AAAA,EAAM,aAAAC;AAAA,OACd;AACP,SAAS,eAAAC,oBAAmB;AAC5B,SAAS,WAAAC,gBAAe;AACxB,SAAgB,YAAAC,iBAAgB;AAmBxB,SACE,OAAAC,MADF,QAAAC,aAAA;AAdR,IAAM,iBAAiB;AAEhB,IAAM,kBAA4B,MAAM;AAC7C,QAAM,CAAC,OAAO,QAAQ,IAAIC,UAAiB,cAAc;AAEzD,QAAM;AAAA,IACJ;AAAA,IAAS;AAAA,IAAQ;AAAA,IAAU;AAAA,IAAU;AAAA,EACvC,IAAI,gBAAgB,KAAK;AAEzB,SACE,gBAAAF,KAACG,OAAA,EAAK,WAAS,MAAC,gBAAe,UAC7B,0BAAAH;AAAA,IAACG;AAAA,IAAA;AAAA,MACC,MAAM,EAAE,IAAI,IAAI,IAAI,EAAE;AAAA,MAEtB,0BAAAF,MAACG,UAAA,EAAQ,KAAK,GAAG,OAAM,QAAO,YAAW,SACvC;AAAA,wBAAAJ,KAAC,QAAG,8BAAgB;AAAA,QACpB,gBAAAA,KAACK,cAAA,EAAY,WAAS,MACpB,0BAAAL,KAACM,YAAA,EAAU,OAAO,OAAO,WAAS,MAAC,SAAS,IAAI,SAAS,UAAU,MAAK,WAAU,UAAU,OAAK,SAAS,EAAE,OAAO,KAAK,GAAG,GAC7H;AAAA,QACA,gBAAAN,KAAC,2BAAwB,OAAO,SAAS;AAAA,QACxC,OAAO,IAAI,WAAS,gBAAAA,KAACO,cAAA,EAAiC,SAAhB,OAAO,OAAuB,CAAE;AAAA,QACvE,gBAAAP,KAAC,mBAAgB,OAAc,UAAoB,UAAoB;AAAA,SACzE;AAAA;AAAA,EACF,GACF;AAEJ;","names":["usePayloadRootHash","jsx","jsx","jsxs","FormControl","Grid","TextField","ErrorRender","FlexCol","useState","jsx","jsxs","useState","Grid","FlexCol","FormControl","TextField","ErrorRender"]}
+{"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":";;;;AAAA,SACEA,aAAaC,MACbC,iBACK;AACP,SAASC,mBAAmB;AAC5B,SAASC,eAAe;AACxB,OAAOC,UAASC,gBAAgB;;;ACNhC,SAASC,oBAAoBC,+BAA+B;AAErD,IAAMC,uBAAuB,wBAACC,UAAAA;AACnC,QAAM,EAAEC,SAASC,cAAcC,OAAM,IAAKC,wBAAwBJ,KAAAA;AAElE,QAAMK,WAAWC,mBAAmBJ,YAAAA;AACpC,QAAMK,WAAWD,mBAAmBJ,YAAAA;AAEpC,SAAO;IACLA;IACAC,QAAQA,UAAU,CAAA;IAClBK,OAAOL,SAASA,OAAOM,WAAW,IAAI;IACtCJ;IACAE;EACF;AACF,GAboC;;;ACFpC,SAASG,sBAAAA,qBAAoBC,0BAA0B;AAEhD,IAAMC,kBAAkB,wBAACC,UAAAA;AAC9B,QAAM,EAAEC,SAASC,OAAM,IAAKC,mBAAmBH,KAAAA;AAC/C,QAAMI,WAAWC,oBAAmBJ,OAAAA;AACpC,QAAMK,WAAWD,oBAAmBJ,OAAAA;AAEpC,SAAO;IACLA;IAASC,QAAQA,UAAU,CAAA;IAAIK,OAAOL,SAASA,OAAOM,WAAW,IAAI;IAAMJ;IAAUE;EACvF;AACF,GAR+B;;;ACF/B,SAASG,mBAAmB;AAC5B,SAASC,YAA4B;AACrC,OAAOC,WAAW;AAOX,IAAMC,kBAAkD,wBAAC,EAC9DC,UAAUC,UAAUC,MAAK,MAC1B;AACC,SACE,sBAAA,cAAA,MAAA,UAAA,MACGA,QAAQ,sBAAA,cAACC,MAAAA;IAAKC,QAAQ,sBAAA,cAACC,aAAAA;MAAYC,OAAM;;IAAcC,OAAM;OAAsB,MACnFN,WAAW,sBAAA,cAACE,MAAAA;IAAKI,OAAO,cAAcN,QAAAA;IAAYO,OAAOP;OAAe,MACxED,WAAW,sBAAA,cAACG,MAAAA;IAAKI,OAAO,cAAcP,QAAAA;IAAYQ,OAAOR;OAAe,IAAA;AAG/E,GAV+D;;;ACT/D,SAASS,OAAOC,gBAAgB;AAChC,SAASC,oBAA4C;AACrD,OAAOC,YAAW;AAIX,IAAMC,0BAAkE,wBAAC,EAAE,GAAGC,MAAAA,MAAO;AAC1F,QAAMC,QAAQC,SAAAA;AAEd,SAAOF,MAAMG,QAEP,gBAAAC,OAAA,cAACC,OAAAA;IAAMC,IAAI;MAAEC,OAAO;MAAQC,SAASP,MAAMQ,QAAQ,CAAA;IAAG;KACpD,gBAAAL,OAAA,cAACM,cAAAA;IAAaC,OAAO;MAAEJ,OAAO;IAAO;IAAI,GAAGP;QAGhD;AACN,GAV+E;;;AJSxE,IAAMY,uBAA4D,wBAAC,EAAEC,2BAA2B,GAAE,MAAE;AACzG,QAAM,CAACC,OAAOC,QAAAA,IAAYC,SAAiBH,wBAAAA;AAE3C,QAAM,EACJI,cAAcC,QAAQC,UAAUC,UAAUC,MAAK,IAC7CC,qBAAqBR,KAAAA;AAEzB,SACE,gBAAAS,OAAA,cAACC,MAAAA;IAAKC,WAAAA;IAAUC,gBAAe;KAC7B,gBAAAH,OAAA,cAACC,MAAAA;IACCG,MAAM;MAAEC,IAAI;MAAIC,IAAI;IAAE;KAEtB,gBAAAN,OAAA,cAACO,SAAAA;IAAQC,KAAK;IAAGC,OAAM;IAAOC,YAAW;KACvC,gBAAAV,OAAA,cAACW,MAAAA,MAAG,uBAAA,GACJ,gBAAAX,OAAA,cAACY,aAAAA;IAAYC,WAAAA;KACX,gBAAAb,OAAA,cAACc,WAAAA;IAAUC,OAAOxB;IAAOyB,WAAAA;IAAUC,SAAS;IAAIC,SAASC;IAAUC,MAAK;IAAUC,UAAUC,wBAAAA,MAAK9B,SAAS8B,EAAEC,OAAOR,KAAK,GAA5BO;OAE9F,gBAAAtB,OAAA,cAACwB,yBAAAA;IAAwBT,OAAOrB;MAC/BC,OAAO8B,IAAIC,CAAAA,UAAS,gBAAA1B,OAAA,cAAC2B,aAAAA;IAAYC,KAAKF,OAAOG;IAASH;OACvD,gBAAA1B,OAAA,cAAC8B,iBAAAA;IAAgBhC;IAAcF;IAAoBC;;AAK7D,GAxByE;;;AKfzE,SACEkC,eAAAA,cAAaC,QAAAA,OAAMC,aAAAA,kBACd;AACP,SAASC,eAAAA,oBAAmB;AAC5B,SAASC,WAAAA,gBAAe;AACxB,OAAOC,UAASC,YAAAA,iBAAgB;AAKhC,IAAMC,iBAAiB;AAEhB,IAAMC,kBAA4B,6BAAA;AACvC,QAAM,CAACC,OAAOC,QAAAA,IAAYC,UAAiBJ,cAAAA;AAE3C,QAAM,EACJK,SAASC,QAAQC,UAAUC,UAAUC,MAAK,IACxCC,gBAAgBR,KAAAA;AAEpB,SACE,gBAAAS,OAAA,cAACC,OAAAA;IAAKC,WAAAA;IAAUC,gBAAe;KAC7B,gBAAAH,OAAA,cAACC,OAAAA;IACCG,MAAM;MAAEC,IAAI;MAAIC,IAAI;IAAE;KAEtB,gBAAAN,OAAA,cAACO,UAAAA;IAAQC,KAAK;IAAGC,OAAM;IAAOC,YAAW;KACvC,gBAAAV,OAAA,cAACW,MAAAA,MAAG,kBAAA,GACJ,gBAAAX,OAAA,cAACY,cAAAA;IAAYC,WAAAA;KACX,gBAAAb,OAAA,cAACc,YAAAA;IAAUC,OAAOxB;IAAOyB,WAAAA;IAAUC,SAAS;IAAIC,SAASC;IAAUC,MAAK;IAAUC,UAAUC,wBAAAA,MAAK9B,SAAS8B,EAAEC,OAAOR,KAAK,GAA5BO;OAE9F,gBAAAtB,OAAA,cAACwB,yBAAAA;IAAwBT,OAAOrB;MAC/BC,OAAO8B,IAAIC,CAAAA,UAAS,gBAAA1B,OAAA,cAAC2B,cAAAA;IAAYC,KAAKF,OAAOG;IAASH;OACvD,gBAAA1B,OAAA,cAAC8B,iBAAAA;IAAgBhC;IAAcF;IAAoBC;;AAK7D,GAxByC;","names":["FormControl","Grid","TextField","ErrorRender","FlexCol","React","useState","usePayloadRootHash","useValidateBoundWitness","useDebugBoundWitness","input","payload","boundWitness","errors","useValidateBoundWitness","rootHash","usePayloadRootHash","dataHash","valid","length","usePayloadRootHash","usePayloadValidate","useDebugPayload","input","payload","errors","usePayloadValidate","rootHash","usePayloadRootHash","dataHash","valid","length","CheckCircle","Chip","React","ValidationChips","dataHash","rootHash","valid","Chip","avatar","CheckCircle","color","label","title","Paper","useTheme","JsonViewerEx","React","JsonPayloadLikeViewerEx","props","theme","useTheme","value","React","Paper","sx","width","padding","spacing","JsonViewerEx","style","BoundWitnessDebugger","defaultBoundWitnessInput","input","setInput","useState","boundWitness","errors","rootHash","dataHash","valid","useDebugBoundWitness","React","Grid","container","justifyContent","size","xs","sm","FlexCol","gap","width","alignItems","h2","FormControl","fullWidth","TextField","value","multiline","minRows","maxRows","Infinity","name","onChange","e","target","JsonPayloadLikeViewerEx","map","error","ErrorRender","key","message","ValidationChips","FormControl","Grid","TextField","ErrorRender","FlexCol","React","useState","defaultPayload","PayloadDebugger","input","setInput","useState","payload","errors","rootHash","dataHash","valid","useDebugPayload","React","Grid","container","justifyContent","size","xs","sm","FlexCol","gap","width","alignItems","h2","FormControl","fullWidth","TextField","value","multiline","minRows","maxRows","Infinity","name","onChange","e","target","JsonPayloadLikeViewerEx","map","error","ErrorRender","key","message","ValidationChips"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xyo-network/react-debug",
-  "version": "7.4.1",
+  "version": "7.5.0",
   "description": "Common React library for all XYO projects that use React",
   "keywords": [
     "xyo",
@@ -43,26 +43,26 @@
     "src"
   ],
   "dependencies": {
-    "@xylabs/react-error": "~7.1.8",
-    "@xylabs/react-flexbox": "~7.1.8",
-    "@xyo-network/react-payload-raw-info": "^7.4.1",
-    "@xyo-network/react-shared": "^7.4.1"
+    "@xylabs/react-error": "~7.1.9",
+    "@xylabs/react-flexbox": "~7.1.9",
+    "@xyo-network/react-payload-raw-info": "7.5.0",
+    "@xyo-network/react-shared": "7.5.0"
   },
   "devDependencies": {
-    "@mui/icons-material": "~7.3.6",
-    "@mui/material": "~7.3.6",
-    "@storybook/react-vite": "~10.1.4",
-    "@types/react": "^19.2.7",
-    "@xylabs/ts-scripts-yarn3": "~7.2.8",
-    "@xylabs/tsconfig": "~7.2.8",
-    "@xylabs/tsconfig-dom": "~7.2.8",
-    "@xylabs/tsconfig-react": "~7.2.8",
-    "react": "^19.2.1",
-    "react-dom": "^19.2.1",
-    "react-router-dom": "^7.10.0",
-    "storybook": "~10.1.4",
+    "@mui/icons-material": "~7.3.7",
+    "@mui/material": "~7.3.7",
+    "@storybook/react-vite": "~10.2.1",
+    "@types/react": "^19.2.10",
+    "@xylabs/ts-scripts-yarn3": "~7.3.2",
+    "@xylabs/tsconfig": "~7.3.2",
+    "@xylabs/tsconfig-dom": "~7.3.2",
+    "@xylabs/tsconfig-react": "~7.3.2",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4",
+    "react-router-dom": "^7.13.0",
+    "storybook": "~10.2.1",
     "typescript": "^5.9.3",
-    "vite": "~7.2.6"
+    "vite": "~7.3.1"
   },
   "peerDependencies": {
     "@mui/icons-material": ">=6 <8",
@@ -75,4 +75,4 @@
     "access": "public"
   },
   "docs": "dist/docs.json"
-}
+}