@xyo-network/react-shared 2.64.0-rc.2 → 2.64.0-rc.4

package/dist/browser/components/StyleGuide/StyleGuide.stories.js

@@ -0,0 +1,22 @@
+import { jsx } from "react/jsx-runtime";
+import { StyleGuideExample } from "./StyleGuide.example";
+const StorybookEntry = {
+  argTypes: {},
+  component: StyleGuideExample,
+  parameters: {
+    docs: {
+      page: null
+    }
+  },
+  title: "shared/StyleGuide"
+};
+const Template = () => /* @__PURE__ */ jsx(StyleGuideExample, {});
+const Default = Template.bind({});
+Default.args = {};
+Default.decorators = [];
+var StyleGuide_stories_default = StorybookEntry;
+export {
+  Default,
+  StyleGuide_stories_default as default
+};
+//# sourceMappingURL=StyleGuide.stories.js.map

package/dist/browser/components/StyleGuide/StyleGuide.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/StyleGuide/StyleGuide.stories.tsx"],"sourcesContent":["import { Meta, StoryFn } from '@storybook/react'\n\nimport { StyleGuideExample } from './StyleGuide.example'\n\nconst StorybookEntry = {\n  argTypes: {},\n  component: StyleGuideExample,\n  parameters: {\n    docs: {\n      page: null,\n    },\n  },\n  title: 'shared/StyleGuide',\n} as Meta<typeof StyleGuideExample>\n\nconst Template: StoryFn<typeof StyleGuideExample> = () => <StyleGuideExample />\n\nconst Default = Template.bind({})\nDefault.args = {}\nDefault.decorators = []\n\nexport { Default }\n\n// eslint-disable-next-line import/no-default-export\nexport default StorybookEntry\n"],"mappings":"AAe0D;AAb1D,SAAS,yBAAyB;AAElC,MAAM,iBAAiB;AAAA,EACrB,UAAU,CAAC;AAAA,EACX,WAAW;AAAA,EACX,YAAY;AAAA,IACV,MAAM;AAAA,MACJ,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,OAAO;AACT;AAEA,MAAM,WAA8C,MAAM,oBAAC,qBAAkB;AAE7E,MAAM,UAAU,SAAS,KAAK,CAAC,CAAC;AAChC,QAAQ,OAAO,CAAC;AAChB,QAAQ,aAAa,CAAC;AAKtB,IAAO,6BAAQ;","names":[]}

package/dist/browser/components/StyleGuide/Texts.example.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Texts.example.d.ts","sourceRoot":"","sources":["../../../../src/components/StyleGuide/Texts.example.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,YAAY,+CA0BxB,CAAA"}

package/dist/browser/components/StyleGuide/Texts.example.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Texts.example.d.ts","sourceRoot":"","sources":["../../../../src/components/StyleGuide/Texts.example.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,YAAY,+CA0BxB,CAAA"}

package/dist/browser/components/StyleGuide/Texts.example.js

@@ -0,0 +1,28 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Typography } from "@mui/material";
+import { FlexCol } from "@xylabs/react-flexbox";
+const TextsExample = () => {
+  const variantList = [
+    "h1",
+    "h2",
+    "h3",
+    "h4",
+    "h5",
+    "h6",
+    "subtitle1",
+    "subtitle2",
+    "body1",
+    "body2",
+    "button",
+    "caption",
+    "overline"
+  ];
+  return /* @__PURE__ */ jsx(FlexCol, { children: variantList.map((variant) => /* @__PURE__ */ jsxs(Typography, { variant, children: [
+    variant,
+    " - XYO Network"
+  ] }, variant)) });
+};
+export {
+  TextsExample
+};
+//# sourceMappingURL=Texts.example.js.map

package/dist/browser/components/StyleGuide/Texts.example.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/StyleGuide/Texts.example.tsx"],"sourcesContent":["import { Typography, TypographyVariant } from '@mui/material'\nimport { FlexCol } from '@xylabs/react-flexbox'\n\nexport const TextsExample = () => {\n  const variantList: TypographyVariant[] = [\n    'h1',\n    'h2',\n    'h3',\n    'h4',\n    'h5',\n    'h6',\n    'subtitle1',\n    'subtitle2',\n    'body1',\n    'body2',\n    'button',\n    'caption',\n    'overline',\n  ]\n\n  return (\n    <FlexCol>\n      {variantList.map((variant) => (\n        <Typography key={variant} variant={variant}>\n          {variant} - XYO Network\n        </Typography>\n      ))}\n    </FlexCol>\n  )\n}\n"],"mappings":"AAqBI,cAEI,YAFJ;AArBJ,SAAS,kBAAqC;AAC9C,SAAS,eAAe;AAEjB,MAAM,eAAe,MAAM;AAChC,QAAM,cAAmC;AAAA,IACvC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,SACE,oBAAC,WACE,sBAAY,IAAI,CAAC,YAChB,qBAAC,cAAyB,SACvB;AAAA;AAAA,IAAQ;AAAA,OADM,OAEjB,CACD,GACH;AAEJ;","names":[]}

package/dist/browser/components/StyleGuide/VariantContext.example.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VariantContext.example.d.ts","sourceRoot":"","sources":["../../../../src/components/StyleGuide/VariantContext.example.tsx"],"names":[],"mappings":";AAEA,eAAO,MAAM,cAAc,iCAAwB,CAAA"}

package/dist/browser/components/StyleGuide/VariantContext.example.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VariantContext.example.d.ts","sourceRoot":"","sources":["../../../../src/components/StyleGuide/VariantContext.example.tsx"],"names":[],"mappings":";AAEA,eAAO,MAAM,cAAc,iCAAwB,CAAA"}

package/dist/browser/components/StyleGuide/VariantContext.example.js

@@ -0,0 +1,6 @@
+import { createContext } from "react";
+const VariantContext = createContext("main");
+export {
+  VariantContext
+};
+//# sourceMappingURL=VariantContext.example.js.map

package/dist/browser/components/StyleGuide/VariantContext.example.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/StyleGuide/VariantContext.example.tsx"],"sourcesContent":["import { createContext } from 'react'\n\nexport const VariantContext = createContext('main')\n"],"mappings":"AAAA,SAAS,qBAAqB;AAEvB,MAAM,iBAAiB,cAAc,MAAM;","names":[]}

package/dist/browser/components/TableCell/AddressTableCell.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddressTableCell.d.ts","sourceRoot":"","sources":["../../../../src/components/TableCell/AddressTableCell.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAqB,sBAAsB,EAAE,MAAM,qBAAqB,CAAA;AAE/E,MAAM,WAAW,qBAAsB,SAAQ,sBAAsB;IACnE,qDAAqD;IACrD,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,uCAAuC;IACvC,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,IAAI,CAAC,EAAE,OAAO,CAAA;CACf;AAED,QAAA,MAAM,gBAAgB,qIAKpB,CAAA;AAGF,OAAO,EAAE,gBAAgB,EAAE,CAAA"}

package/dist/browser/components/TableCell/AddressTableCell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddressTableCell.d.ts","sourceRoot":"","sources":["../../../../src/components/TableCell/AddressTableCell.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAqB,sBAAsB,EAAE,MAAM,qBAAqB,CAAA;AAE/E,MAAM,WAAW,qBAAsB,SAAQ,sBAAsB;IACnE,qDAAqD;IACrD,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,uCAAuC;IACvC,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,IAAI,CAAC,EAAE,OAAO,CAAA;CACf;AAED,QAAA,MAAM,gBAAgB,qIAKpB,CAAA;AAGF,OAAO,EAAE,gBAAgB,EAAE,CAAA"}

package/dist/browser/components/TableCell/AddressTableCell.js

@@ -0,0 +1,13 @@
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { EllipsisTableCell } from "./EllipsisTableCell";
+const AddressTableCell = forwardRef(({ value, archive, exploreDomain, link, ...props }, ref) => {
+  const href = exploreDomain && archive ? `${exploreDomain}/archive/${archive}/address/${value}` : void 0;
+  const to = exploreDomain === void 0 && archive ? `/archive/${archive}/address/${value}` : void 0;
+  return /* @__PURE__ */ jsx(EllipsisTableCell, { value, href, to, ref, link, ...props });
+});
+AddressTableCell.displayName = "AddressTableCell";
+export {
+  AddressTableCell
+};
+//# sourceMappingURL=AddressTableCell.js.map

package/dist/browser/components/TableCell/AddressTableCell.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/TableCell/AddressTableCell.tsx"],"sourcesContent":["import { forwardRef } from 'react'\n\nimport { EllipsisTableCell, EllipsisTableCellProps } from './EllipsisTableCell'\n\nexport interface AddressTableCellProps extends EllipsisTableCellProps {\n  /** @deprecated - archives are no longer supported */\n  archive?: string\n  /** @deprecated - use events instead */\n  exploreDomain?: string\n  link?: boolean\n}\n\nconst AddressTableCell = forwardRef<HTMLTableCellElement, AddressTableCellProps>(({ value, archive, exploreDomain, link, ...props }, ref) => {\n  const href = exploreDomain && archive ? `${exploreDomain}/archive/${archive}/address/${value}` : undefined\n  const to = exploreDomain === undefined && archive ? `/archive/${archive}/address/${value}` : undefined\n\n  return <EllipsisTableCell value={value} href={href} to={to} ref={ref} link={link} {...props} />\n})\n\nAddressTableCell.displayName = 'AddressTableCell'\nexport { AddressTableCell }\n"],"mappings":"AAgBS;AAhBT,SAAS,kBAAkB;AAE3B,SAAS,yBAAiD;AAU1D,MAAM,mBAAmB,WAAwD,CAAC,EAAE,OAAO,SAAS,eAAe,MAAM,GAAG,MAAM,GAAG,QAAQ;AAC3I,QAAM,OAAO,iBAAiB,UAAU,GAAG,aAAa,YAAY,OAAO,YAAY,KAAK,KAAK;AACjG,QAAM,KAAK,kBAAkB,UAAa,UAAU,YAAY,OAAO,YAAY,KAAK,KAAK;AAE7F,SAAO,oBAAC,qBAAkB,OAAc,MAAY,IAAQ,KAAU,MAAa,GAAG,OAAO;AAC/F,CAAC;AAED,iBAAiB,cAAc;","names":[]}

package/dist/browser/components/TableCell/EllipsisTableCell.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EllipsisTableCell.d.ts","sourceRoot":"","sources":["../../../../src/components/TableCell/EllipsisTableCell.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAqB,cAAc,EAAE,MAAM,eAAe,CAAA;AAEjE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAExD,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAA;AAYrC,MAAM,WAAW,sBAAuB,SAAQ,cAAc;IAC5D,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,EAAE,CAAC,EAAE,EAAE,CAAA;IACP,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACxB;AAED,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAAC,sBAAsB,CAAC,CAqBnF,CAAA;AAGD,eAAO,MAAM,iBAAiB,0DAA2B,CAAA"}

package/dist/browser/components/TableCell/EllipsisTableCell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EllipsisTableCell.d.ts","sourceRoot":"","sources":["../../../../src/components/TableCell/EllipsisTableCell.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAqB,cAAc,EAAE,MAAM,eAAe,CAAA;AAEjE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAExD,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAA;AAYrC,MAAM,WAAW,sBAAuB,SAAQ,cAAc;IAC5D,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,EAAE,CAAC,EAAE,EAAE,CAAA;IACP,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACxB;AAED,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAAC,sBAAsB,CAAC,CAqBnF,CAAA;AAGD,eAAO,MAAM,iBAAiB,0DAA2B,CAAA"}

package/dist/browser/components/TableCell/EllipsisTableCell.js

@@ -0,0 +1,33 @@
+import { jsx } from "react/jsx-runtime";
+import { styled, TableCell } from "@mui/material";
+import { LinkEx } from "@xylabs/react-link";
+import { forwardRef, useMemo } from "react";
+import { EllipsizeBox } from "../Ellipsize";
+const EllipsisTableCellRoot = styled(TableCell, {
+  name: "EllipsisTableCell",
+  shouldForwardProp: (prop) => prop !== "width",
+  slot: "Root"
+})(({ width = "100%" }) => ({
+  width
+}));
+const EllipsisTableCellWithRef = forwardRef(
+  ({ children, href, link = false, to, value, ...props }, ref) => {
+    const data = useMemo(() => {
+      if (children) {
+        return children;
+      }
+      if (href || link || to) {
+        return /* @__PURE__ */ jsx(LinkEx, { title: value, to, href, target: href ? "_blank" : void 0, children: value });
+      }
+      return value;
+    }, [children, href, link, to, value]);
+    return /* @__PURE__ */ jsx(EllipsisTableCellRoot, { ref, ...props, children: /* @__PURE__ */ jsx(EllipsizeBox, { sx: { cursor: link || to || href ? "pointer" : "inherit" }, children: data }) });
+  }
+);
+EllipsisTableCellWithRef.displayName = "EllipsisTableCell";
+const EllipsisTableCell = EllipsisTableCellWithRef;
+export {
+  EllipsisTableCell,
+  EllipsisTableCellWithRef
+};
+//# sourceMappingURL=EllipsisTableCell.js.map

package/dist/browser/components/TableCell/EllipsisTableCell.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/TableCell/EllipsisTableCell.tsx"],"sourcesContent":["import { styled, TableCell, TableCellProps } from '@mui/material'\nimport { LinkEx } from '@xylabs/react-link'\nimport type { WithChildren } from '@xylabs/react-shared'\nimport { forwardRef, useMemo } from 'react'\nimport { To } from 'react-router-dom'\n\nimport { EllipsizeBox } from '../Ellipsize'\n\nconst EllipsisTableCellRoot = styled(TableCell, {\n  name: 'EllipsisTableCell',\n  shouldForwardProp: (prop) => prop !== 'width',\n  slot: 'Root',\n})(({ width = '100%' }) => ({\n  width,\n}))\n\nexport interface EllipsisTableCellProps extends TableCellProps {\n  href?: string\n  link?: boolean\n  to?: To\n  value?: string\n  /**\n   * Width of the table cell.\n   *\n   * Note: When using percentages, this value can be different than what you expect\n   * if used on a cell that is not the first cell in the first row.\n   */\n  width?: string | number\n}\n\nexport const EllipsisTableCellWithRef: React.FC<WithChildren<EllipsisTableCellProps>> = forwardRef(\n  ({ children, href, link = false, to, value, ...props }, ref) => {\n    const data = useMemo(() => {\n      if (children) {\n        return children\n      }\n      if (href || link || to) {\n        return (\n          <LinkEx title={value} to={to} href={href} target={href ? '_blank' : undefined}>\n            {value}\n          </LinkEx>\n        )\n      }\n      return value\n    }, [children, href, link, to, value])\n    return (\n      <EllipsisTableCellRoot ref={ref} {...props}>\n        <EllipsizeBox sx={{ cursor: link || to || href ? 'pointer' : 'inherit' }}>{data}</EllipsizeBox>\n      </EllipsisTableCellRoot>\n    )\n  },\n)\n\nEllipsisTableCellWithRef.displayName = 'EllipsisTableCell'\nexport const EllipsisTableCell = EllipsisTableCellWithRef\n"],"mappings":"AAsCU;AAtCV,SAAS,QAAQ,iBAAiC;AAClD,SAAS,cAAc;AAEvB,SAAS,YAAY,eAAe;AAGpC,SAAS,oBAAoB;AAE7B,MAAM,wBAAwB,OAAO,WAAW;AAAA,EAC9C,MAAM;AAAA,EACN,mBAAmB,CAAC,SAAS,SAAS;AAAA,EACtC,MAAM;AACR,CAAC,EAAE,CAAC,EAAE,QAAQ,OAAO,OAAO;AAAA,EAC1B;AACF,EAAE;AAgBK,MAAM,2BAA2E;AAAA,EACtF,CAAC,EAAE,UAAU,MAAM,OAAO,OAAO,IAAI,OAAO,GAAG,MAAM,GAAG,QAAQ;AAC9D,UAAM,OAAO,QAAQ,MAAM;AACzB,UAAI,UAAU;AACZ,eAAO;AAAA,MACT;AACA,UAAI,QAAQ,QAAQ,IAAI;AACtB,eACE,oBAAC,UAAO,OAAO,OAAO,IAAQ,MAAY,QAAQ,OAAO,WAAW,QACjE,iBACH;AAAA,MAEJ;AACA,aAAO;AAAA,IACT,GAAG,CAAC,UAAU,MAAM,MAAM,IAAI,KAAK,CAAC;AACpC,WACE,oBAAC,yBAAsB,KAAW,GAAG,OACnC,8BAAC,gBAAa,IAAI,EAAE,QAAQ,QAAQ,MAAM,OAAO,YAAY,UAAU,GAAI,gBAAK,GAClF;AAAA,EAEJ;AACF;AAEA,yBAAyB,cAAc;AAChC,MAAM,oBAAoB;","names":[]}

package/dist/browser/components/TableCell/EllipsisTableCellDeprecated.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EllipsisTableCellDeprecated.d.ts","sourceRoot":"","sources":["../../../../src/components/TableCell/EllipsisTableCellDeprecated.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAa,cAAc,EAAY,MAAM,eAAe,CAAA;AAGnE,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAA;AAOrC,MAAM,WAAW,sBAAuB,SAAQ,cAAc;IAC5D,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACzB,EAAE,CAAC,EAAE,EAAE,GAAG,SAAS,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,8CAA8C;AAC9C,eAAO,MAAM,2BAA2B,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAuFxE,CAAA"}

package/dist/browser/components/TableCell/EllipsisTableCellDeprecated.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EllipsisTableCellDeprecated.d.ts","sourceRoot":"","sources":["../../../../src/components/TableCell/EllipsisTableCellDeprecated.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAa,cAAc,EAAY,MAAM,eAAe,CAAA;AAGnE,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAA;AAOrC,MAAM,WAAW,sBAAuB,SAAQ,cAAc;IAC5D,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACzB,EAAE,CAAC,EAAE,EAAE,GAAG,SAAS,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,8CAA8C;AAC9C,eAAO,MAAM,2BAA2B,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAuFxE,CAAA"}

package/dist/browser/components/TableCell/EllipsisTableCellDeprecated.js

@@ -0,0 +1,89 @@
+import { jsx } from "react/jsx-runtime";
+import { TableCell, useTheme } from "@mui/material";
+import { LinkEx } from "@xylabs/react-link";
+import { useEffect, useRef, useState } from "react";
+import { getActualPaddingX } from "../../lib";
+import { findParent } from "./findParent";
+import { getRemainingRowWidth } from "./getRemainingRowWidth";
+import { getSmallestParentWidth } from "./getSmallestParentWidth";
+const EllipsisTableCellDeprecated = ({ children, value, to, forCell, href, ...props }) => {
+  const [calcCellWidth, setCalcCellWidth] = useState(0);
+  const hashDivRef = useRef(null);
+  const theme = useTheme();
+  useEffect(() => {
+    const currentElement = hashDivRef.current?.parentElement;
+    const cell = findParent("td", currentElement);
+    const row = findParent("tr", currentElement);
+    const checkWidth = (cell2) => {
+      const smallestParentWidth = getSmallestParentWidth(cell2);
+      if (smallestParentWidth && row) {
+        const remainingWidth = getRemainingRowWidth(row, forCell);
+        const actualPaddingX = getActualPaddingX(cell2);
+        const remainderWidth = smallestParentWidth - remainingWidth - actualPaddingX;
+        cell2.style.width = `${remainderWidth}`;
+        setCalcCellWidth(remainderWidth);
+      }
+    };
+    const onResize = () => {
+      if (cell) {
+        checkWidth(cell);
+      }
+    };
+    if (cell) {
+      checkWidth(cell);
+      window.addEventListener("resize", onResize);
+      row?.addEventListener("resize", onResize);
+    }
+    return () => {
+      window.removeEventListener("resize", onResize);
+      row?.removeEventListener("resize", onResize);
+    };
+  }, [forCell, hashDivRef]);
+  return /* @__PURE__ */ jsx(TableCell, { ...props, children: /* @__PURE__ */ jsx("div", { ref: hashDivRef, children: children ? /* @__PURE__ */ jsx(
+    "span",
+    {
+      style: {
+        display: "block",
+        maxWidth: calcCellWidth,
+        minWidth: theme.spacing(10),
+        overflow: "hidden",
+        textOverflow: "ellipsis",
+        whiteSpace: "nowrap"
+      },
+      children
+    }
+  ) : href || to ? /* @__PURE__ */ jsx(
+    LinkEx,
+    {
+      style: {
+        display: "block",
+        maxWidth: calcCellWidth,
+        minWidth: theme.spacing(10),
+        overflow: "hidden",
+        textOverflow: "ellipsis",
+        whiteSpace: "nowrap"
+      },
+      to,
+      href,
+      target: href ? "_blank" : void 0,
+      children: value
+    }
+  ) : /* @__PURE__ */ jsx(
+    "span",
+    {
+      style: {
+        display: "block",
+        maxWidth: calcCellWidth,
+        minWidth: theme.spacing(10),
+        overflow: "hidden",
+        textOverflow: "ellipsis",
+        whiteSpace: "nowrap"
+      },
+      children: value
+    }
+  ) }) });
+};
+export {
+  EllipsisTableCellDeprecated
+};
+//# sourceMappingURL=EllipsisTableCellDeprecated.js.map

package/dist/browser/components/TableCell/EllipsisTableCellDeprecated.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/TableCell/EllipsisTableCellDeprecated.tsx"],"sourcesContent":["import { TableCell, TableCellProps, useTheme } from '@mui/material'\nimport { LinkEx } from '@xylabs/react-link'\nimport { useEffect, useRef, useState } from 'react'\nimport { To } from 'react-router-dom'\n\nimport { getActualPaddingX } from '../../lib'\nimport { findParent } from './findParent'\nimport { getRemainingRowWidth } from './getRemainingRowWidth'\nimport { getSmallestParentWidth } from './getSmallestParentWidth'\n\nexport interface EllipsisTableCellProps extends TableCellProps {\n  forCell?: number //cell index for ellipsized table cell\n  href?: string | undefined\n  to?: To | undefined\n  value?: string\n}\n\n/** @deprecated - use new EllipsisTableCell */\nexport const EllipsisTableCellDeprecated: React.FC<EllipsisTableCellProps> = ({ children, value, to, forCell, href, ...props }) => {\n  const [calcCellWidth, setCalcCellWidth] = useState<number>(0)\n  const hashDivRef = useRef<HTMLDivElement>(null)\n  const theme = useTheme()\n\n  useEffect(() => {\n    const currentElement = hashDivRef.current?.parentElement\n    const cell = findParent('td', currentElement)\n    const row = findParent('tr', currentElement)\n\n    const checkWidth = (cell: HTMLElement) => {\n      const smallestParentWidth = getSmallestParentWidth(cell)\n      if (smallestParentWidth && row) {\n        const remainingWidth = getRemainingRowWidth(row, forCell)\n        const actualPaddingX = getActualPaddingX(cell)\n        const remainderWidth = smallestParentWidth - remainingWidth - actualPaddingX\n        cell.style.width = `${remainderWidth}`\n        setCalcCellWidth(remainderWidth)\n      }\n    }\n\n    const onResize = () => {\n      if (cell) {\n        checkWidth(cell)\n      }\n    }\n\n    if (cell) {\n      checkWidth(cell)\n      window.addEventListener('resize', onResize)\n      row?.addEventListener('resize', onResize)\n    }\n    return () => {\n      window.removeEventListener('resize', onResize)\n      row?.removeEventListener('resize', onResize)\n    }\n  }, [forCell, hashDivRef])\n\n  return (\n    <TableCell {...props}>\n      <div ref={hashDivRef}>\n        {children ? (\n          <span\n            style={{\n              display: 'block',\n              maxWidth: calcCellWidth,\n              minWidth: theme.spacing(10),\n              overflow: 'hidden',\n              textOverflow: 'ellipsis',\n              whiteSpace: 'nowrap',\n            }}\n          >\n            {children}\n          </span>\n        ) : href || to ? (\n          <LinkEx\n            style={{\n              display: 'block',\n              maxWidth: calcCellWidth,\n              minWidth: theme.spacing(10),\n              overflow: 'hidden',\n              textOverflow: 'ellipsis',\n              whiteSpace: 'nowrap',\n            }}\n            to={to}\n            href={href}\n            target={href ? '_blank' : undefined}\n          >\n            {value}\n          </LinkEx>\n        ) : (\n          <span\n            style={{\n              display: 'block',\n              maxWidth: calcCellWidth,\n              minWidth: theme.spacing(10),\n              overflow: 'hidden',\n              textOverflow: 'ellipsis',\n              whiteSpace: 'nowrap',\n            }}\n          >\n            {value}\n          </span>\n        )}\n      </div>\n    </TableCell>\n  )\n}\n"],"mappings":"AA4DU;AA5DV,SAAS,WAA2B,gBAAgB;AACpD,SAAS,cAAc;AACvB,SAAS,WAAW,QAAQ,gBAAgB;AAG5C,SAAS,yBAAyB;AAClC,SAAS,kBAAkB;AAC3B,SAAS,4BAA4B;AACrC,SAAS,8BAA8B;AAUhC,MAAM,8BAAgE,CAAC,EAAE,UAAU,OAAO,IAAI,SAAS,MAAM,GAAG,MAAM,MAAM;AACjI,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAiB,CAAC;AAC5D,QAAM,aAAa,OAAuB,IAAI;AAC9C,QAAM,QAAQ,SAAS;AAEvB,YAAU,MAAM;AACd,UAAM,iBAAiB,WAAW,SAAS;AAC3C,UAAM,OAAO,WAAW,MAAM,cAAc;AAC5C,UAAM,MAAM,WAAW,MAAM,cAAc;AAE3C,UAAM,aAAa,CAACA,UAAsB;AACxC,YAAM,sBAAsB,uBAAuBA,KAAI;AACvD,UAAI,uBAAuB,KAAK;AAC9B,cAAM,iBAAiB,qBAAqB,KAAK,OAAO;AACxD,cAAM,iBAAiB,kBAAkBA,KAAI;AAC7C,cAAM,iBAAiB,sBAAsB,iBAAiB;AAC9D,QAAAA,MAAK,MAAM,QAAQ,GAAG,cAAc;AACpC,yBAAiB,cAAc;AAAA,MACjC;AAAA,IACF;AAEA,UAAM,WAAW,MAAM;AACrB,UAAI,MAAM;AACR,mBAAW,IAAI;AAAA,MACjB;AAAA,IACF;AAEA,QAAI,MAAM;AACR,iBAAW,IAAI;AACf,aAAO,iBAAiB,UAAU,QAAQ;AAC1C,WAAK,iBAAiB,UAAU,QAAQ;AAAA,IAC1C;AACA,WAAO,MAAM;AACX,aAAO,oBAAoB,UAAU,QAAQ;AAC7C,WAAK,oBAAoB,UAAU,QAAQ;AAAA,IAC7C;AAAA,EACF,GAAG,CAAC,SAAS,UAAU,CAAC;AAExB,SACE,oBAAC,aAAW,GAAG,OACb,8BAAC,SAAI,KAAK,YACP,qBACC;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,QACL,SAAS;AAAA,QACT,UAAU;AAAA,QACV,UAAU,MAAM,QAAQ,EAAE;AAAA,QAC1B,UAAU;AAAA,QACV,cAAc;AAAA,QACd,YAAY;AAAA,MACd;AAAA,MAEC;AAAA;AAAA,EACH,IACE,QAAQ,KACV;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,QACL,SAAS;AAAA,QACT,UAAU;AAAA,QACV,UAAU,MAAM,QAAQ,EAAE;AAAA,QAC1B,UAAU;AAAA,QACV,cAAc;AAAA,QACd,YAAY;AAAA,MACd;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ,OAAO,WAAW;AAAA,MAEzB;AAAA;AAAA,EACH,IAEA;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,QACL,SAAS;AAAA,QACT,UAAU;AAAA,QACV,UAAU,MAAM,QAAQ,EAAE;AAAA,QAC1B,UAAU;AAAA,QACV,cAAc;AAAA,QACd,YAAY;AAAA,MACd;AAAA,MAEC;AAAA;AAAA,EACH,GAEJ,GACF;AAEJ;","names":["cell"]}

package/dist/browser/components/TableCell/EllipsizeTableCell.stories.js

@@ -0,0 +1,73 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Table, TableBody, TableCell, TableHead, TableRow } from "@mui/material";
+import { BrowserRouter } from "react-router-dom";
+import { EllipsisTableCell } from "./EllipsisTableCell";
+const TableDecorator = (Story, args) => {
+  return /* @__PURE__ */ jsx(BrowserRouter, { children: /* @__PURE__ */ jsxs(Table, { children: [
+    /* @__PURE__ */ jsx(TableHead, { children: /* @__PURE__ */ jsxs(TableRow, { children: [
+      /* @__PURE__ */ jsx(TableCell, { children: "Heading1" }),
+      /* @__PURE__ */ jsx(TableCell, { children: "Heading2" }),
+      /* @__PURE__ */ jsx(TableCell, { children: "Heading3" }),
+      /* @__PURE__ */ jsx(TableCell, { children: "Heading4" })
+    ] }) }),
+    /* @__PURE__ */ jsx(TableBody, { children: /* @__PURE__ */ jsx(Story, { ...args }) })
+  ] }) });
+};
+var EllipsizeTableCell_stories_default = {
+  component: EllipsisTableCell,
+  decorators: [TableDecorator],
+  title: "shared/EllipsisTableCell"
+};
+const Template = (props) => {
+  return /* @__PURE__ */ jsxs(TableRow, { children: [
+    /* @__PURE__ */ jsx(EllipsisTableCell, { to: "/foo", value: "As-Link-e0f01ab62384d8d501ff6b2f860b7992c347a6b8ae07bd5fd2fa4a7d47dad915", ...props }),
+    /* @__PURE__ */ jsx(TableCell, { children: "d2fa4a7d47dad915501ff6b2f860b7992c347" }),
+    /* @__PURE__ */ jsx(TableCell, { children: "d2fa4a7d47dad915" }),
+    /* @__PURE__ */ jsx(TableCell, { children: "e0f05" })
+  ] });
+};
+const TemplateWithMultiple = (props) => {
+  return /* @__PURE__ */ jsxs(TableRow, { children: [
+    /* @__PURE__ */ jsx(EllipsisTableCell, { width: "50%", ...props, children: "As-children-e0f01ab62384d8d501ff6b2f860b7992c347a6b8ae07bd5fd2fa4a7d47dad915" }),
+    /* @__PURE__ */ jsx(EllipsisTableCell, { width: "50%", ...props, children: "e0f01ab62384d8d501ff6b2f860b7992c347a6b8ae07bd5fd2fa4a7d47dad915" }),
+    /* @__PURE__ */ jsx(TableCell, { children: "d2fa4a7d47dad915" }),
+    /* @__PURE__ */ jsx(TableCell, { children: "e0f05" })
+  ] });
+};
+const TemplateWithMultipleRows = (props) => {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(TableRow, { children: [
+      /* @__PURE__ */ jsx(
+        EllipsisTableCell,
+        {
+          width: "50%",
+          href: "http://foo.com",
+          ...props,
+          value: "As-href-e0f01ab62384d8d501ff6b2f860b7992c347a6b8ae07bd5fd2fa4a7d47dad915"
+        }
+      ),
+      /* @__PURE__ */ jsx(EllipsisTableCell, { width: "50%", ...props, children: "e0f01ab62384d8d501ff6b2f860b7992c347a6b8ae07bd5fd2fa4a7d47dad915" }),
+      /* @__PURE__ */ jsx(TableCell, { children: "d2fa4a7d47dad915" }),
+      /* @__PURE__ */ jsx(TableCell, { children: "e0f05" })
+    ] }),
+    /* @__PURE__ */ jsxs(TableRow, { children: [
+      /* @__PURE__ */ jsx(TableCell, { children: "d2fa4a7d47dad915" }),
+      /* @__PURE__ */ jsx(TableCell, { children: "e0f05" }),
+      /* @__PURE__ */ jsx(EllipsisTableCell, { width: "50%", ...props, children: "e0f01ab62384d8d501ff6b2f860b7992c347a6b8ae07bd5fd2fa4a7d47dad915" }),
+      /* @__PURE__ */ jsx(EllipsisTableCell, { width: "50%", ...props, children: "e0f01ab62384d8d501ff6b2f860b7992c347a6b8ae07bd5fd2fa4a7d47dad915" })
+    ] })
+  ] });
+};
+const Default = Template.bind({});
+Default.args = {};
+const WithMultiple = TemplateWithMultiple.bind({});
+WithMultiple.args = {};
+const WithMultipleRows = TemplateWithMultipleRows.bind({});
+WithMultipleRows.args = {};
+export {
+  Default,
+  WithMultiple,
+  WithMultipleRows,
+  EllipsizeTableCell_stories_default as default
+};
+//# sourceMappingURL=EllipsizeTableCell.stories.js.map

package/dist/browser/components/TableCell/EllipsizeTableCell.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/TableCell/EllipsizeTableCell.stories.tsx"],"sourcesContent":["import { Table, TableBody, TableCell, TableHead, TableRow } from '@mui/material'\nimport { Decorator, Meta, StoryFn } from '@storybook/react'\nimport { BrowserRouter } from 'react-router-dom'\n\nimport { EllipsisTableCell } from './EllipsisTableCell'\n\nconst TableDecorator: Decorator = (Story, args) => {\n  return (\n    <BrowserRouter>\n      <Table>\n        <TableHead>\n          <TableRow>\n            <TableCell>Heading1</TableCell>\n            <TableCell>Heading2</TableCell>\n            <TableCell>Heading3</TableCell>\n            <TableCell>Heading4</TableCell>\n          </TableRow>\n        </TableHead>\n        <TableBody>\n          <Story {...args} />\n        </TableBody>\n      </Table>\n    </BrowserRouter>\n  )\n}\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  component: EllipsisTableCell,\n  decorators: [TableDecorator],\n  title: 'shared/EllipsisTableCell',\n} as Meta\n\nconst Template: StoryFn<typeof EllipsisTableCell> = (props) => {\n  return (\n    <TableRow>\n      <EllipsisTableCell to=\"/foo\" value=\"As-Link-e0f01ab62384d8d501ff6b2f860b7992c347a6b8ae07bd5fd2fa4a7d47dad915\" {...props} />\n      <TableCell>d2fa4a7d47dad915501ff6b2f860b7992c347</TableCell>\n      <TableCell>d2fa4a7d47dad915</TableCell>\n      <TableCell>e0f05</TableCell>\n    </TableRow>\n  )\n}\n\nconst TemplateWithMultiple: StoryFn<typeof EllipsisTableCell> = (props) => {\n  return (\n    <TableRow>\n      <EllipsisTableCell width=\"50%\" {...props}>\n        As-children-e0f01ab62384d8d501ff6b2f860b7992c347a6b8ae07bd5fd2fa4a7d47dad915\n      </EllipsisTableCell>\n      <EllipsisTableCell width=\"50%\" {...props}>\n        e0f01ab62384d8d501ff6b2f860b7992c347a6b8ae07bd5fd2fa4a7d47dad915\n      </EllipsisTableCell>\n      <TableCell>d2fa4a7d47dad915</TableCell>\n      <TableCell>e0f05</TableCell>\n    </TableRow>\n  )\n}\n\nconst TemplateWithMultipleRows: StoryFn<typeof EllipsisTableCell> = (props) => {\n  return (\n    <>\n      <TableRow>\n        <EllipsisTableCell\n          width=\"50%\"\n          href=\"http://foo.com\"\n          {...props}\n          value=\"As-href-e0f01ab62384d8d501ff6b2f860b7992c347a6b8ae07bd5fd2fa4a7d47dad915\"\n        />\n        <EllipsisTableCell width=\"50%\" {...props}>\n          e0f01ab62384d8d501ff6b2f860b7992c347a6b8ae07bd5fd2fa4a7d47dad915\n        </EllipsisTableCell>\n        <TableCell>d2fa4a7d47dad915</TableCell>\n        <TableCell>e0f05</TableCell>\n      </TableRow>\n      <TableRow>\n        <TableCell>d2fa4a7d47dad915</TableCell>\n        <TableCell>e0f05</TableCell>\n        <EllipsisTableCell width=\"50%\" {...props}>\n          e0f01ab62384d8d501ff6b2f860b7992c347a6b8ae07bd5fd2fa4a7d47dad915\n        </EllipsisTableCell>\n        <EllipsisTableCell width=\"50%\" {...props}>\n          e0f01ab62384d8d501ff6b2f860b7992c347a6b8ae07bd5fd2fa4a7d47dad915\n        </EllipsisTableCell>\n      </TableRow>\n    </>\n  )\n}\n\nconst Default = Template.bind({})\nDefault.args = {}\n\nconst WithMultiple = TemplateWithMultiple.bind({})\nWithMultiple.args = {}\n\nconst WithMultipleRows = TemplateWithMultipleRows.bind({})\nWithMultipleRows.args = {}\n\nexport { Default, WithMultiple, WithMultipleRows }\n"],"mappings":"AAWU,SAkDN,UAjDQ,KADF;AAXV,SAAS,OAAO,WAAW,WAAW,WAAW,gBAAgB;AAEjE,SAAS,qBAAqB;AAE9B,SAAS,yBAAyB;AAElC,MAAM,iBAA4B,CAAC,OAAO,SAAS;AACjD,SACE,oBAAC,iBACC,+BAAC,SACC;AAAA,wBAAC,aACC,+BAAC,YACC;AAAA,0BAAC,aAAU,sBAAQ;AAAA,MACnB,oBAAC,aAAU,sBAAQ;AAAA,MACnB,oBAAC,aAAU,sBAAQ;AAAA,MACnB,oBAAC,aAAU,sBAAQ;AAAA,OACrB,GACF;AAAA,IACA,oBAAC,aACC,8BAAC,SAAO,GAAG,MAAM,GACnB;AAAA,KACF,GACF;AAEJ;AAGA,IAAO,qCAAQ;AAAA,EACb,WAAW;AAAA,EACX,YAAY,CAAC,cAAc;AAAA,EAC3B,OAAO;AACT;AAEA,MAAM,WAA8C,CAAC,UAAU;AAC7D,SACE,qBAAC,YACC;AAAA,wBAAC,qBAAkB,IAAG,QAAO,OAAM,4EAA4E,GAAG,OAAO;AAAA,IACzH,oBAAC,aAAU,mDAAqC;AAAA,IAChD,oBAAC,aAAU,8BAAgB;AAAA,IAC3B,oBAAC,aAAU,mBAAK;AAAA,KAClB;AAEJ;AAEA,MAAM,uBAA0D,CAAC,UAAU;AACzE,SACE,qBAAC,YACC;AAAA,wBAAC,qBAAkB,OAAM,OAAO,GAAG,OAAO,0FAE1C;AAAA,IACA,oBAAC,qBAAkB,OAAM,OAAO,GAAG,OAAO,8EAE1C;AAAA,IACA,oBAAC,aAAU,8BAAgB;AAAA,IAC3B,oBAAC,aAAU,mBAAK;AAAA,KAClB;AAEJ;AAEA,MAAM,2BAA8D,CAAC,UAAU;AAC7E,SACE,iCACE;AAAA,yBAAC,YACC;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,OAAM;AAAA,UACN,MAAK;AAAA,UACJ,GAAG;AAAA,UACJ,OAAM;AAAA;AAAA,MACR;AAAA,MACA,oBAAC,qBAAkB,OAAM,OAAO,GAAG,OAAO,8EAE1C;AAAA,MACA,oBAAC,aAAU,8BAAgB;AAAA,MAC3B,oBAAC,aAAU,mBAAK;AAAA,OAClB;AAAA,IACA,qBAAC,YACC;AAAA,0BAAC,aAAU,8BAAgB;AAAA,MAC3B,oBAAC,aAAU,mBAAK;AAAA,MAChB,oBAAC,qBAAkB,OAAM,OAAO,GAAG,OAAO,8EAE1C;AAAA,MACA,oBAAC,qBAAkB,OAAM,OAAO,GAAG,OAAO,8EAE1C;AAAA,OACF;AAAA,KACF;AAEJ;AAEA,MAAM,UAAU,SAAS,KAAK,CAAC,CAAC;AAChC,QAAQ,OAAO,CAAC;AAEhB,MAAM,eAAe,qBAAqB,KAAK,CAAC,CAAC;AACjD,aAAa,OAAO,CAAC;AAErB,MAAM,mBAAmB,yBAAyB,KAAK,CAAC,CAAC;AACzD,iBAAiB,OAAO,CAAC;","names":[]}

package/dist/browser/components/TableCell/HashTableCell.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HashTableCell.d.ts","sourceRoot":"","sources":["../../../../src/components/TableCell/HashTableCell.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAqB,sBAAsB,EAAE,MAAM,qBAAqB,CAAA;AAE/E,MAAM,WAAW,kBAAmB,SAAQ,sBAAsB;IAChE,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC9B,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAoBtD,CAAA"}

package/dist/browser/components/TableCell/HashTableCell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HashTableCell.d.ts","sourceRoot":"","sources":["../../../../src/components/TableCell/HashTableCell.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAqB,sBAAsB,EAAE,MAAM,qBAAqB,CAAA;AAE/E,MAAM,WAAW,kBAAmB,SAAQ,sBAAsB;IAChE,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC9B,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAoBtD,CAAA"}

package/dist/browser/components/TableCell/HashTableCell.js

@@ -0,0 +1,28 @@
+import { jsx } from "react/jsx-runtime";
+import { useEvent } from "@xyo-network/react-event";
+import { useRef } from "react";
+import { EllipsisTableCell } from "./EllipsisTableCell";
+const HashTableCell = ({ value, archive, dataType, network, exploreDomain, ...props }) => {
+  const ref = useRef(null);
+  const [tableCellRef, dispatch] = useEvent(void 0, ref);
+  const hashPath = `/${dataType}/hash/${value}?network=${network ?? "main"}`;
+  const explorePath = archive ? `/archive/${archive}${hashPath}` : hashPath;
+  const handleCellClick = () => {
+    dispatch?.("hash", "click", value);
+  };
+  return /* @__PURE__ */ jsx(
+    EllipsisTableCell,
+    {
+      onClick: handleCellClick,
+      ref: tableCellRef,
+      value,
+      href: exploreDomain ? `${exploreDomain}${explorePath}}` : void 0,
+      to: exploreDomain ? void 0 : explorePath,
+      ...props
+    }
+  );
+};
+export {
+  HashTableCell
+};
+//# sourceMappingURL=HashTableCell.js.map

package/dist/browser/components/TableCell/HashTableCell.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/TableCell/HashTableCell.tsx"],"sourcesContent":["import { useEvent } from '@xyo-network/react-event'\nimport { useRef } from 'react'\n\nimport { EllipsisTableCell, EllipsisTableCellProps } from './EllipsisTableCell'\n\nexport interface HashTableCellProps extends EllipsisTableCellProps {\n  archive?: string\n  dataType?: 'block' | 'payload'\n  exploreDomain?: string\n  network?: string\n}\n\nexport const HashTableCell: React.FC<HashTableCellProps> = ({ value, archive, dataType, network, exploreDomain, ...props }) => {\n  const ref = useRef<HTMLTableCellElement | null>(null)\n  const [tableCellRef, dispatch] = useEvent<HTMLTableCellElement>(undefined, ref)\n  const hashPath = `/${dataType}/hash/${value}?network=${network ?? 'main'}`\n  const explorePath = archive ? `/archive/${archive}${hashPath}` : hashPath\n\n  const handleCellClick = () => {\n    dispatch?.('hash', 'click', value)\n  }\n\n  return (\n    <EllipsisTableCell\n      onClick={handleCellClick}\n      ref={tableCellRef}\n      value={value}\n      href={exploreDomain ? `${exploreDomain}${explorePath}}` : undefined}\n      to={exploreDomain ? undefined : explorePath}\n      {...props}\n    />\n  )\n}\n"],"mappings":"AAuBI;AAvBJ,SAAS,gBAAgB;AACzB,SAAS,cAAc;AAEvB,SAAS,yBAAiD;AASnD,MAAM,gBAA8C,CAAC,EAAE,OAAO,SAAS,UAAU,SAAS,eAAe,GAAG,MAAM,MAAM;AAC7H,QAAM,MAAM,OAAoC,IAAI;AACpD,QAAM,CAAC,cAAc,QAAQ,IAAI,SAA+B,QAAW,GAAG;AAC9E,QAAM,WAAW,IAAI,QAAQ,SAAS,KAAK,YAAY,WAAW,MAAM;AACxE,QAAM,cAAc,UAAU,YAAY,OAAO,GAAG,QAAQ,KAAK;AAEjE,QAAM,kBAAkB,MAAM;AAC5B,eAAW,QAAQ,SAAS,KAAK;AAAA,EACnC;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAS;AAAA,MACT,KAAK;AAAA,MACL;AAAA,MACA,MAAM,gBAAgB,GAAG,aAAa,GAAG,WAAW,MAAM;AAAA,MAC1D,IAAI,gBAAgB,SAAY;AAAA,MAC/B,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}

package/dist/browser/components/TableCell/findParent.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"findParent.d.ts","sourceRoot":"","sources":["../../../../src/components/TableCell/findParent.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU,YAAa,MAAM,YAAW,WAAW,GAAG,IAAI,4BAStE,CAAA"}

package/dist/browser/components/TableCell/findParent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"findParent.d.ts","sourceRoot":"","sources":["../../../../src/components/TableCell/findParent.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU,YAAa,MAAM,YAAW,WAAW,GAAG,IAAI,4BAStE,CAAA"}

package/dist/browser/components/TableCell/findParent.js

@@ -0,0 +1,14 @@
+const findParent = (tagName, element = null) => {
+  let currentElement = element;
+  while (currentElement) {
+    if (currentElement.tagName.toLowerCase() === tagName.toLowerCase()) {
+      return currentElement;
+    } else {
+      currentElement = currentElement.parentElement;
+    }
+  }
+};
+export {
+  findParent
+};
+//# sourceMappingURL=findParent.js.map

package/dist/browser/components/TableCell/findParent.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/TableCell/findParent.ts"],"sourcesContent":["export const findParent = (tagName: string, element: HTMLElement | null = null) => {\n  let currentElement = element\n  while (currentElement) {\n    if (currentElement.tagName.toLowerCase() === tagName.toLowerCase()) {\n      return currentElement\n    } else {\n      currentElement = currentElement.parentElement\n    }\n  }\n}\n"],"mappings":"AAAO,MAAM,aAAa,CAAC,SAAiB,UAA8B,SAAS;AACjF,MAAI,iBAAiB;AACrB,SAAO,gBAAgB;AACrB,QAAI,eAAe,QAAQ,YAAY,MAAM,QAAQ,YAAY,GAAG;AAClE,aAAO;AAAA,IACT,OAAO;AACL,uBAAiB,eAAe;AAAA,IAClC;AAAA,EACF;AACF;","names":[]}

package/dist/browser/components/TableCell/getRemainingRowWidth.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getRemainingRowWidth.d.ts","sourceRoot":"","sources":["../../../../src/components/TableCell/getRemainingRowWidth.ts"],"names":[],"mappings":"AAAA,mIAAmI;AACnI,eAAO,MAAM,oBAAoB,QAAS,WAAW,6BAYpD,CAAA"}

package/dist/browser/components/TableCell/getRemainingRowWidth.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getRemainingRowWidth.d.ts","sourceRoot":"","sources":["../../../../src/components/TableCell/getRemainingRowWidth.ts"],"names":[],"mappings":"AAAA,mIAAmI;AACnI,eAAO,MAAM,oBAAoB,QAAS,WAAW,6BAYpD,CAAA"}

package/dist/browser/components/TableCell/getRemainingRowWidth.js

@@ -0,0 +1,16 @@
+const getRemainingRowWidth = (row, forCell = 0) => {
+  let width = 0;
+  for (let i = 0; i < (row?.childElementCount ?? 0); i++) {
+    const item = row?.children.item(i);
+    if (item) {
+      if (i !== forCell) {
+        width += item?.clientWidth ?? 0;
+      }
+    }
+  }
+  return width;
+};
+export {
+  getRemainingRowWidth
+};
+//# sourceMappingURL=getRemainingRowWidth.js.map

package/dist/browser/components/TableCell/getRemainingRowWidth.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/TableCell/getRemainingRowWidth.ts"],"sourcesContent":["/** @description This is the width of all the cells (except the one passed) in the row combined and the spacing of the main cell */\nexport const getRemainingRowWidth = (row: HTMLElement, forCell = 0) => {\n  let width = 0\n  for (let i = 0; i < (row?.childElementCount ?? 0); i++) {\n    const item = row?.children.item(i)\n    if (item) {\n      if (i !== forCell) {\n        width += item?.clientWidth ?? 0\n      }\n    }\n  }\n\n  return width\n}\n"],"mappings":"AACO,MAAM,uBAAuB,CAAC,KAAkB,UAAU,MAAM;AACrE,MAAI,QAAQ;AACZ,WAAS,IAAI,GAAG,KAAK,KAAK,qBAAqB,IAAI,KAAK;AACtD,UAAM,OAAO,KAAK,SAAS,KAAK,CAAC;AACjC,QAAI,MAAM;AACR,UAAI,MAAM,SAAS;AACjB,iBAAS,MAAM,eAAe;AAAA,MAChC;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AACT;","names":[]}

package/dist/browser/components/TableCell/getSmallestParentWidth.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getSmallestParentWidth.d.ts","sourceRoot":"","sources":["../../../../src/components/TableCell/getSmallestParentWidth.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,sBAAsB,YAAa,WAAW,8BAY1D,CAAA"}

package/dist/browser/components/TableCell/getSmallestParentWidth.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getSmallestParentWidth.d.ts","sourceRoot":"","sources":["../../../../src/components/TableCell/getSmallestParentWidth.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,sBAAsB,YAAa,WAAW,8BAY1D,CAAA"}

package/dist/browser/components/TableCell/getSmallestParentWidth.js

@@ -0,0 +1,17 @@
+const getSmallestParentWidth = (element, maxDepth = 4) => {
+  let currentElement = element?.parentElement;
+  let width = currentElement?.clientWidth ?? screen.width;
+  let maxDepthCounter = maxDepth;
+  while (currentElement && maxDepthCounter > 0) {
+    if (width > currentElement.clientWidth) {
+      width = currentElement.clientWidth;
+    }
+    currentElement = currentElement.parentElement;
+    maxDepthCounter--;
+  }
+  return width;
+};
+export {
+  getSmallestParentWidth
+};
+//# sourceMappingURL=getSmallestParentWidth.js.map

package/dist/browser/components/TableCell/getSmallestParentWidth.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/TableCell/getSmallestParentWidth.ts"],"sourcesContent":["export const getSmallestParentWidth = (element: HTMLElement, maxDepth = 4) => {\n  let currentElement: HTMLElement | null = element?.parentElement\n  let width = currentElement?.clientWidth ?? screen.width\n  let maxDepthCounter = maxDepth\n  while (currentElement && maxDepthCounter > 0) {\n    if (width > currentElement.clientWidth) {\n      width = currentElement.clientWidth\n    }\n    currentElement = currentElement.parentElement\n    maxDepthCounter--\n  }\n  return width\n}\n"],"mappings":"AAAO,MAAM,yBAAyB,CAAC,SAAsB,WAAW,MAAM;AAC5E,MAAI,iBAAqC,SAAS;AAClD,MAAI,QAAQ,gBAAgB,eAAe,OAAO;AAClD,MAAI,kBAAkB;AACtB,SAAO,kBAAkB,kBAAkB,GAAG;AAC5C,QAAI,QAAQ,eAAe,aAAa;AACtC,cAAQ,eAAe;AAAA,IACzB;AACA,qBAAiB,eAAe;AAChC;AAAA,EACF;AACA,SAAO;AACT;","names":[]}

package/dist/browser/components/TableCell/index.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/TableCell/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAA;AAClC,cAAc,qBAAqB,CAAA;AACnC,cAAc,iBAAiB,CAAA"}

package/dist/browser/components/TableCell/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/TableCell/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAA;AAClC,cAAc,qBAAqB,CAAA;AACnC,cAAc,iBAAiB,CAAA"}

package/dist/browser/components/TableCell/index.js

@@ -0,0 +1,4 @@
+export * from "./AddressTableCell";
+export * from "./EllipsisTableCell";
+export * from "./HashTableCell";
+//# sourceMappingURL=index.js.map

package/dist/browser/components/TableCell/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/TableCell/index.ts"],"sourcesContent":["export * from './AddressTableCell'\nexport * from './EllipsisTableCell'\nexport * from './HashTableCell'\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}

package/dist/browser/components/ThemeTokenAvatar/ThemeTokenAvatar.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeTokenAvatar.d.ts","sourceRoot":"","sources":["../../../../src/components/ThemeTokenAvatar/ThemeTokenAvatar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAU,WAAW,EAAY,MAAM,eAAe,CAAA;AAE7D,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAGlD,CAAA"}

package/dist/browser/components/ThemeTokenAvatar/ThemeTokenAvatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeTokenAvatar.d.ts","sourceRoot":"","sources":["../../../../src/components/ThemeTokenAvatar/ThemeTokenAvatar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAU,WAAW,EAAY,MAAM,eAAe,CAAA;AAE7D,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAGlD,CAAA"}

package/dist/browser/components/ThemeTokenAvatar/ThemeTokenAvatar.js

@@ -0,0 +1,10 @@
+import { jsx } from "react/jsx-runtime";
+import { Avatar, useTheme } from "@mui/material";
+const ThemeTokenAvatar = ({ ...props }) => {
+  const theme = useTheme();
+  return /* @__PURE__ */ jsx(Avatar, { sx: { background: theme.palette.common.white }, ...props });
+};
+export {
+  ThemeTokenAvatar
+};
+//# sourceMappingURL=ThemeTokenAvatar.js.map

package/dist/browser/components/ThemeTokenAvatar/ThemeTokenAvatar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/ThemeTokenAvatar/ThemeTokenAvatar.tsx"],"sourcesContent":["import { Avatar, AvatarProps, useTheme } from '@mui/material'\n\nexport const ThemeTokenAvatar: React.FC<AvatarProps> = ({ ...props }) => {\n  const theme = useTheme()\n  return <Avatar sx={{ background: theme.palette.common.white }} {...props} />\n}\n"],"mappings":"AAIS;AAJT,SAAS,QAAqB,gBAAgB;AAEvC,MAAM,mBAA0C,CAAC,EAAE,GAAG,MAAM,MAAM;AACvE,QAAM,QAAQ,SAAS;AACvB,SAAO,oBAAC,UAAO,IAAI,EAAE,YAAY,MAAM,QAAQ,OAAO,MAAM,GAAI,GAAG,OAAO;AAC5E;","names":[]}

package/dist/browser/components/ThemeTokenAvatar/ThemeTokenAvatar.stories.js

@@ -0,0 +1,23 @@
+import { jsx } from "react/jsx-runtime";
+import { BrowserRouter } from "react-router-dom";
+import * as tokenData from "../TokenData";
+import { ThemeTokenAvatar } from "./ThemeTokenAvatar";
+const StorybookEntry = {
+  argTypes: {},
+  component: ThemeTokenAvatar,
+  parameters: {
+    docs: {
+      page: null
+    }
+  },
+  title: "shared/ThemeTokenAvatar"
+};
+const Template = (args) => /* @__PURE__ */ jsx(BrowserRouter, { children: /* @__PURE__ */ jsx(ThemeTokenAvatar, { ...args }) });
+const WithData = Template.bind({});
+WithData.args = { src: tokenData.TokenData[0].icon };
+var ThemeTokenAvatar_stories_default = StorybookEntry;
+export {
+  WithData,
+  ThemeTokenAvatar_stories_default as default
+};
+//# sourceMappingURL=ThemeTokenAvatar.stories.js.map

package/dist/browser/components/ThemeTokenAvatar/ThemeTokenAvatar.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/ThemeTokenAvatar/ThemeTokenAvatar.stories.tsx"],"sourcesContent":["import { Meta, StoryFn } from '@storybook/react'\nimport { BrowserRouter } from 'react-router-dom'\n\nimport * as tokenData from '../TokenData'\nimport { ThemeTokenAvatar } from './ThemeTokenAvatar'\nconst StorybookEntry = {\n  argTypes: {},\n  component: ThemeTokenAvatar,\n  parameters: {\n    docs: {\n      page: null,\n    },\n  },\n  title: 'shared/ThemeTokenAvatar',\n} as Meta<typeof ThemeTokenAvatar>\n\nconst Template: StoryFn<typeof ThemeTokenAvatar> = (args) => (\n  <BrowserRouter>\n    <ThemeTokenAvatar {...args}></ThemeTokenAvatar>\n  </BrowserRouter>\n)\n\nconst WithData = Template.bind({})\nWithData.args = { src: tokenData.TokenData[0].icon }\n\nexport { WithData }\n\n// eslint-disable-next-line import/no-default-export\nexport default StorybookEntry\n"],"mappings":"AAkBI;AAjBJ,SAAS,qBAAqB;AAE9B,YAAY,eAAe;AAC3B,SAAS,wBAAwB;AACjC,MAAM,iBAAiB;AAAA,EACrB,UAAU,CAAC;AAAA,EACX,WAAW;AAAA,EACX,YAAY;AAAA,IACV,MAAM;AAAA,MACJ,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,OAAO;AACT;AAEA,MAAM,WAA6C,CAAC,SAClD,oBAAC,iBACC,8BAAC,oBAAkB,GAAG,MAAM,GAC9B;AAGF,MAAM,WAAW,SAAS,KAAK,CAAC,CAAC;AACjC,SAAS,OAAO,EAAE,KAAK,UAAU,UAAU,CAAC,EAAE,KAAK;AAKnD,IAAO,mCAAQ;","names":[]}

package/dist/browser/components/ThemeTokenAvatar/index.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ThemeTokenAvatar/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAA"}

package/dist/browser/components/ThemeTokenAvatar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ThemeTokenAvatar/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAA"}

package/dist/browser/components/ThemeTokenAvatar/index.js

@@ -0,0 +1,2 @@
+export * from "./ThemeTokenAvatar";
+//# sourceMappingURL=index.js.map

package/dist/browser/components/ThemeTokenAvatar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/ThemeTokenAvatar/index.ts"],"sourcesContent":["export * from './ThemeTokenAvatar'\n"],"mappings":"AAAA,cAAc;","names":[]}

package/dist/browser/components/ThemeTokenAvatarGroup/ThemeTokenAvatarGroup.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeTokenAvatarGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/ThemeTokenAvatarGroup/ThemeTokenAvatarGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAe,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAI7D,MAAM,WAAW,0BAA2B,SAAQ,gBAAgB;IAClE,MAAM,CAAC,EAAE,MAAM,EAAE,CAAA;CAClB;AAED,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAEtE,CAAA"}

package/dist/browser/components/ThemeTokenAvatarGroup/ThemeTokenAvatarGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeTokenAvatarGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/ThemeTokenAvatarGroup/ThemeTokenAvatarGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAe,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAI7D,MAAM,WAAW,0BAA2B,SAAQ,gBAAgB;IAClE,MAAM,CAAC,EAAE,MAAM,EAAE,CAAA;CAClB;AAED,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAEtE,CAAA"}

package/dist/browser/components/ThemeTokenAvatarGroup/ThemeTokenAvatarGroup.js

@@ -0,0 +1,10 @@
+import { jsx } from "react/jsx-runtime";
+import { AvatarGroup } from "@mui/material";
+import { ThemeTokenAvatar } from "../ThemeTokenAvatar";
+const ThemeTokenAvatarGroup = ({ images, ...props }) => {
+  return /* @__PURE__ */ jsx(AvatarGroup, { ...props, children: images?.map((image, index) => /* @__PURE__ */ jsx(ThemeTokenAvatar, { src: image }, index)) });
+};
+export {
+  ThemeTokenAvatarGroup
+};
+//# sourceMappingURL=ThemeTokenAvatarGroup.js.map