@xyo-network/react-footer 2.64.0-rc.7 → 2.64.1

package/dist/node/Xyo/Footer.cjs

@@ -0,0 +1,217 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/Xyo/Footer.tsx
+var Footer_exports = {};
+__export(Footer_exports, {
+  XyoFooter: () => XyoFooter
+});
+module.exports = __toCommonJS(Footer_exports);
+var import_material3 = require("@mui/material");
+
+// src/Footer.tsx
+var import_material = require("@mui/material");
+var import_react_flexbox2 = require("@xylabs/react-flexbox");
+var import_react = require("react");
+
+// src/AlwaysLinks.tsx
+var import_icons_material = require("@mui/icons-material");
+var import_react_flexbox = require("@xylabs/react-flexbox");
+
+// src/Link.tsx
+var import_assert = require("@xylabs/assert");
+var import_react_link = require("@xylabs/react-link");
+var import_jsx_runtime = require("react/jsx-runtime");
+var convertToBetaIfNeeded = (url, currentUrl = new URL(document.location.href)) => {
+  const urlObj = typeof url === "string" ? new URL(url) : url;
+  const currentUrlObj = typeof currentUrl === "string" ? new URL(currentUrl) : currentUrl;
+  const currentHostnameParts = currentUrlObj.hostname.split(".");
+  const beta = currentHostnameParts.shift() === "beta";
+  if (beta) {
+    const currentHostnameWithoutBeta = currentHostnameParts.join(".");
+    if (currentHostnameWithoutBeta === urlObj.hostname) {
+      urlObj.hostname = currentUrlObj.hostname;
+    }
+  }
+  return urlObj;
+};
+var FooterLink = ({ target, href, margin = 0.5, variant = "body2", ...props }) => {
+  const url = new URL((0, import_assert.assertEx)(href, "href not set"));
+  (0, import_assert.assertEx)(url.hostname, "Hostname is required in href");
+  const convertedUrl = convertToBetaIfNeeded(url);
+  if (document.location.hostname === convertedUrl.hostname) {
+    const to = url.search.length > 0 ? `${convertedUrl.pathname}${convertedUrl.search}` : url.pathname;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_link.LinkEx, { margin, to, target, variant, ...props });
+  } else {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_link.LinkEx, { margin, href, target: target ?? "_blank", variant, ...props });
+  }
+};
+
+// src/AlwaysLinks.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var FooterAlwaysLinks = ({ style, footerLinks: footerLinks2, onMore, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_flexbox.FlexRow, { flexWrap: "wrap", textTransform: "uppercase", style: { opacity: 0.6, ...style }, ...props, children: [
+  footerLinks2 == null ? void 0 : footerLinks2.map((footerLink, index) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(FooterLink, { noWrap: true, paddingX: 1, margin: 0, ...footerLink, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("small", { children: footerLink.title }) }, index)),
+  onMore ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_flexbox.FlexRow, { style: { cursor: "pointer" }, paddingX: 0.5, onClick: onMore, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icons_material.MoreHoriz, { color: "primary", fontSize: "small" }) }) : null
+] });
+
+// src/Footer.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var Footer = ({ alwaysFooterLinksProps, children, container, dynamicHeight = false, ...props }) => {
+  const [more, setMore] = (0, import_react.useState)(false);
+  const onMore = () => {
+    setMore(!more);
+  };
+  const theme = (0, import_material.useTheme)();
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+    import_react_flexbox2.FlexCol,
+    {
+      alignItems: "stretch",
+      onMouseLeave: () => {
+        setMore(false);
+      },
+      ...props,
+      children: [
+        more && dynamicHeight ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_flexbox2.FlexCol, { alignItems: "stretch", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_flexbox2.FlexRow, { bottom: -1, position: "absolute", width: "100%", bgcolor: theme.palette.background.default, children: container && container !== "none" ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material.Container, { children }) : children }) }) : null,
+        !dynamicHeight ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_flexbox2.FlexCol, { alignItems: "stretch", children: container && container !== "none" ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material.Container, { children }) : children }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_flexbox2.FlexRow, { children: container && container !== "none" ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material.Container, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(FooterAlwaysLinks, { ...alwaysFooterLinksProps, onMore: dynamicHeight ? onMore : void 0 }) }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(FooterAlwaysLinks, { ...alwaysFooterLinksProps, onMore: dynamicHeight ? onMore : void 0 }) })
+      ]
+    }
+  );
+};
+
+// src/lib/copyrightLinkTitle.ts
+var copyrightLinkTitle = (entity) => {
+  return `Copyright \xA9 ${(/* @__PURE__ */ new Date()).getFullYear()} ${entity}`;
+};
+
+// src/Links.tsx
+var import_material2 = require("@mui/material");
+var import_react_flexbox3 = require("@xylabs/react-flexbox");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var FooterLinks = ({ children, title, ...props }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react_flexbox3.FlexCol, { margin: 1, justifyContent: "flex-start", title, ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_material2.Typography, { margin: 0.5, variant: "h6", noWrap: true, children: title }),
+    children
+  ] });
+};
+
+// src/Xyo/DeveloperLinks.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var DeveloperLinks = (props) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(FooterLinks, { title: "Developer", ...props, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(FooterLink, { href: "https://xyo.network/developer", children: "Overview" }),
+  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(FooterLink, { href: "https://xyo.network/developer/get-started", children: "Get Started" }),
+  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(FooterLink, { href: "https://xyo.network/developer", children: "SDKs" }),
+  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(FooterLink, { href: "https://github.com/xyoraclenetwork", children: "Open Source Github" }),
+  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(FooterLink, { href: "https://xyo.network/docs/sdk/js", children: "Documentation" })
+] });
+
+// src/Xyo/MoreLinks.tsx
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var MoreLinks = (props) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(FooterLinks, { title: "More", ...props, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(FooterLink, { href: "https://xyo.network/partners", children: "Partners" }),
+  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(FooterLink, { href: "https://xyo.network/fhr", children: "FHR" }),
+  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(FooterLink, { href: "https://xyo.network/brand", children: "Brand" })
+] });
+
+// src/Xyo/NetworkLinks.tsx
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var NetworkLinks = (props) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(FooterLinks, { title: "Network", ...props, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(FooterLink, { href: "https://xyo.network/network", children: "Overview" }),
+  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(FooterLink, { href: "https://xyo.network/network/bound-witness", children: "Bound Witness" }),
+  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(FooterLink, { href: "https://xyo.network/network/proof-of-origin", children: "Proof Of Origin" }),
+  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(FooterLink, { href: "https://xyo.network/papers", children: "White Paper" })
+] });
+
+// src/Xyo/SocialLinks.tsx
+var import_icons_material2 = require("@mui/icons-material");
+var import_react_flexbox4 = require("@xylabs/react-flexbox");
+var import_fa = require("react-icons/fa/index.js");
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var SocialLinks = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(FooterLinks, { title: "XYO Socials", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_react_flexbox4.FlexRow, { flexWrap: "wrap", justifyContent: "flex-start", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(FooterLink, { href: "https://business.facebook.com/OfficialXYO/", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_icons_material2.Facebook, {}) }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(FooterLink, { href: "https://twitter.com/OfficialXYO", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_icons_material2.Twitter, {}) }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(FooterLink, { href: "https://www.instagram.com/officialxyo/", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_icons_material2.Instagram, {}) }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(FooterLink, { href: "https://t.me/xyonetwork", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_icons_material2.Telegram, {}) }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(FooterLink, { href: "https://www.reddit.com/r/XYONetwork/", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_icons_material2.Reddit, {}) }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(FooterLink, { href: "https://www.youtube.com/channel/UCyZDqb9pgntVHJVt1pxXtsw", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_icons_material2.YouTube, {}) }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(FooterLink, { href: "https://www.linkedin.com/company/officialxyo/", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_icons_material2.LinkedIn, {}) }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(FooterLink, { href: "https://discord.gg/officialxyo", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_fa.FaDiscord, {}) })
+  ] }) });
+};
+
+// src/Xyo/SupportLinks.tsx
+var import_jsx_runtime9 = require("react/jsx-runtime");
+var SupportLinks = (props) => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(FooterLinks, { title: "Support", ...props, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(FooterLink, { href: "https://support.xy.company/hc/en-us/categories/360001417734", children: "Help Center" }),
+  /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(FooterLink, { href: "https://support.xy.company/hc/en-us/requests/new", children: "Contact Support" })
+] });
+
+// src/Xyo/TokenLinks.tsx
+var import_jsx_runtime10 = require("react/jsx-runtime");
+var TokenLinks = (props) => /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(FooterLinks, { title: "XYO Tokens", ...props, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(FooterLink, { href: "https://xyo.network/token", children: "About" }),
+  /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(FooterLink, { href: "https://xyo.network/token/exchange", children: "Exchanges" }),
+  /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(FooterLink, { href: "https://xyo.network/token/price", children: "Prices" }),
+  /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(FooterLink, { href: "https://xyo.network/token/wallet", children: "Wallets" }),
+  /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(FooterLink, { href: "https://etherscan.io/address/0x55296f69f40ea6d20e478533c15a6b08b654e758", children: "Contract" })
+] });
+
+// src/Xyo/Footer.tsx
+var import_jsx_runtime11 = require("react/jsx-runtime");
+var footerLinks = [
+  {
+    href: "https://xylabs.com/",
+    title: copyrightLinkTitle("XY Labs, Inc.")
+  },
+  {
+    href: "https://xyo.network/",
+    title: "XYO Foundation"
+  },
+  {
+    href: "https://xylabs.com/privacy/",
+    title: "Privacy"
+  },
+  {
+    href: "https://xylabs.com/terms/",
+    title: "Terms"
+  },
+  {
+    href: "https://xylabs.com/jobs",
+    title: "Careers"
+  }
+];
+var XyoFooter = ({
+  alwaysFooterLinksProps = { footerLinks },
+  ...props
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Footer, { alwaysFooterLinksProps, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_material3.Grid, { container: true, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material3.Grid, { item: true, xs: 12, md: 2, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(SocialLinks, { alignItems: "flex-start" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material3.Grid, { item: true, xs: 6, md: 2, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(NetworkLinks, { alignItems: "flex-start" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material3.Grid, { item: true, xs: 6, md: 2, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(TokenLinks, { alignItems: "flex-start" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material3.Grid, { item: true, xs: 6, md: 2, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(DeveloperLinks, { alignItems: "flex-start" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material3.Grid, { item: true, xs: 6, md: 2, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(MoreLinks, { alignItems: "flex-start" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material3.Grid, { item: true, xs: 6, md: 2, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(SupportLinks, { alignItems: "flex-start" }) })
+  ] }) });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  XyoFooter
+});
+//# sourceMappingURL=Footer.cjs.map

package/dist/node/Xyo/Footer.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Xyo/Footer.tsx","../../../src/Footer.tsx","../../../src/AlwaysLinks.tsx","../../../src/Link.tsx","../../../src/lib/copyrightLinkTitle.ts","../../../src/Links.tsx","../../../src/Xyo/DeveloperLinks.tsx","../../../src/Xyo/MoreLinks.tsx","../../../src/Xyo/NetworkLinks.tsx","../../../src/Xyo/SocialLinks.tsx","../../../src/Xyo/SupportLinks.tsx","../../../src/Xyo/TokenLinks.tsx"],"sourcesContent":["import { Grid } from '@mui/material'\n\nimport { Footer, FooterProps } from '../Footer'\nimport { copyrightLinkTitle } from '../lib'\nimport { DeveloperLinks } from './DeveloperLinks'\nimport { MoreLinks } from './MoreLinks'\nimport { NetworkLinks } from './NetworkLinks'\nimport { SocialLinks } from './SocialLinks'\nimport { SupportLinks } from './SupportLinks'\nimport { TokenLinks } from './TokenLinks'\n\nconst footerLinks = [\n  {\n    href: 'https://xylabs.com/',\n    title: copyrightLinkTitle('XY Labs, Inc.'),\n  },\n  {\n    href: 'https://xyo.network/',\n    title: 'XYO Foundation',\n  },\n  {\n    href: 'https://xylabs.com/privacy/',\n    title: 'Privacy',\n  },\n  {\n    href: 'https://xylabs.com/terms/',\n    title: 'Terms',\n  },\n  {\n    href: 'https://xylabs.com/jobs',\n    title: 'Careers',\n  },\n]\n\nexport const XyoFooter: React.FC<FooterProps> = ({\n  alwaysFooterLinksProps = { footerLinks },\n\n  ...props\n}) => {\n  return (\n    <Footer alwaysFooterLinksProps={alwaysFooterLinksProps} {...props}>\n      <Grid container>\n        <Grid item xs={12} md={2}>\n          <SocialLinks alignItems=\"flex-start\" />\n        </Grid>\n        <Grid item xs={6} md={2}>\n          <NetworkLinks alignItems=\"flex-start\" />\n        </Grid>\n        <Grid item xs={6} md={2}>\n          <TokenLinks alignItems=\"flex-start\" />\n        </Grid>\n        <Grid item xs={6} md={2}>\n          <DeveloperLinks alignItems=\"flex-start\" />\n        </Grid>\n        <Grid item xs={6} md={2}>\n          <MoreLinks alignItems=\"flex-start\" />\n        </Grid>\n        <Grid item xs={6} md={2}>\n          <SupportLinks alignItems=\"flex-start\" />\n        </Grid>\n      </Grid>\n    </Footer>\n  )\n}\n","import { Container, ContainerProps, useTheme } from '@mui/material'\nimport { FlexBoxProps, FlexCol, FlexRow } from '@xylabs/react-flexbox'\nimport { useState } from 'react'\n\nimport { FooterAlwaysLinks, FooterAlwaysLinksProps } from './AlwaysLinks'\n\nexport interface FooterProps extends FlexBoxProps {\n  alwaysFooterLinksProps?: FooterAlwaysLinksProps\n  container?: ContainerProps['maxWidth'] | 'none'\n  dynamicHeight?: boolean\n}\n\nexport const Footer: React.FC<FooterProps> = ({ alwaysFooterLinksProps, children, container, dynamicHeight = false, ...props }) => {\n  const [more, setMore] = useState(false)\n  const onMore = () => {\n    setMore(!more)\n  }\n\n  const theme = useTheme()\n\n  return (\n    <FlexCol\n      alignItems=\"stretch\"\n      onMouseLeave={() => {\n        setMore(false)\n      }}\n      {...props}\n    >\n      {more && dynamicHeight ? (\n        <FlexCol alignItems=\"stretch\">\n          <FlexRow bottom={-1} position=\"absolute\" width=\"100%\" bgcolor={theme.palette.background.default}>\n            {container && container !== 'none' ? <Container>{children}</Container> : children}\n          </FlexRow>\n        </FlexCol>\n      ) : null}\n      {!dynamicHeight ? (\n        <FlexCol alignItems=\"stretch\">{container && container !== 'none' ? <Container>{children}</Container> : children}</FlexCol>\n      ) : null}\n      <FlexRow>\n        {container && container !== 'none' ? (\n          <Container>\n            <FooterAlwaysLinks {...alwaysFooterLinksProps} onMore={dynamicHeight ? onMore : undefined} />\n          </Container>\n        ) : (\n          <FooterAlwaysLinks {...alwaysFooterLinksProps} onMore={dynamicHeight ? onMore : undefined} />\n        )}\n      </FlexRow>\n    </FlexCol>\n  )\n}\n","import { MoreHoriz as MoreHorizIcon } from '@mui/icons-material'\nimport { FlexBoxProps, FlexRow } from '@xylabs/react-flexbox'\nimport { LinkExProps } from '@xylabs/react-link'\n\nimport { FooterLink } from './Link'\n\nexport interface FooterAlwaysLinksProps extends FlexBoxProps {\n  footerLinks?: LinkExProps[]\n  onMore?: () => void\n}\n\nexport const FooterAlwaysLinks: React.FC<FooterAlwaysLinksProps> = ({ style, footerLinks, onMore, ...props }) => (\n  <FlexRow flexWrap=\"wrap\" textTransform=\"uppercase\" style={{ opacity: 0.6, ...style }} {...props}>\n    {footerLinks?.map((footerLink, index) => (\n      <FooterLink noWrap key={index} paddingX={1} margin={0} {...footerLink}>\n        <small>{footerLink.title}</small>\n      </FooterLink>\n    ))}\n    {onMore ? (\n      <FlexRow style={{ cursor: 'pointer' }} paddingX={0.5} onClick={onMore}>\n        <MoreHorizIcon color=\"primary\" fontSize=\"small\" />\n      </FlexRow>\n    ) : null}\n  </FlexRow>\n)\n","import { assertEx } from '@xylabs/assert'\nimport { LinkEx, LinkExProps } from '@xylabs/react-link'\n\n/**\n * @description\n * FooterLink automatically uses a local To if the link is to the current domain\n * If the link is not local, it defaults to target being _blank\n * In the case of 'beta' domains, it navigates correctly\n */\n\nconst convertToBetaIfNeeded = (url: string | URL, currentUrl = new URL(document.location.href)) => {\n  const urlObj = typeof url === 'string' ? new URL(url) : url\n  const currentUrlObj = typeof currentUrl === 'string' ? new URL(currentUrl) : currentUrl\n  const currentHostnameParts = currentUrlObj.hostname.split('.')\n  const beta = currentHostnameParts.shift() === 'beta'\n  if (beta) {\n    const currentHostnameWithoutBeta = currentHostnameParts.join('.')\n    if (currentHostnameWithoutBeta === urlObj.hostname) {\n      urlObj.hostname = currentUrlObj.hostname\n    }\n  }\n  return urlObj\n}\n\nexport const FooterLink: React.FC<LinkExProps> = ({ target, href, margin = 0.5, variant = 'body2', ...props }) => {\n  const url = new URL(assertEx(href, 'href not set'))\n  assertEx(url.hostname, 'Hostname is required in href')\n  const convertedUrl = convertToBetaIfNeeded(url)\n  if (document.location.hostname === convertedUrl.hostname) {\n    const to = url.search.length > 0 ? `${convertedUrl.pathname}${convertedUrl.search}` : url.pathname\n    return <LinkEx margin={margin} to={to} target={target} variant={variant} {...props} />\n  } else {\n    return <LinkEx margin={margin} href={href} target={target ?? '_blank'} variant={variant} {...props} />\n  }\n}\n","export const copyrightLinkTitle = (entity: string) => {\n  return `Copyright © ${new Date().getFullYear()} ${entity}`\n}\n","import { Typography } from '@mui/material'\nimport { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'\n\nexport const FooterLinks: React.FC<FlexBoxProps> = ({ children, title, ...props }) => {\n  return (\n    <FlexCol margin={1} justifyContent=\"flex-start\" title={title} {...props}>\n      <Typography margin={0.5} variant=\"h6\" noWrap>\n        {title}\n      </Typography>\n      {children}\n    </FlexCol>\n  )\n}\n","import { FlexBoxProps } from '@xylabs/react-flexbox'\n\nimport { FooterLink } from '../Link'\nimport { FooterLinks } from '../Links'\n\nexport const DeveloperLinks: React.FC<FlexBoxProps> = (props) => (\n  <FooterLinks title=\"Developer\" {...props}>\n    <FooterLink href=\"https://xyo.network/developer\">Overview</FooterLink>\n    <FooterLink href=\"https://xyo.network/developer/get-started\">Get Started</FooterLink>\n    <FooterLink href=\"https://xyo.network/developer\">SDKs</FooterLink>\n    <FooterLink href=\"https://github.com/xyoraclenetwork\">Open Source Github</FooterLink>\n    <FooterLink href=\"https://xyo.network/docs/sdk/js\">Documentation</FooterLink>\n  </FooterLinks>\n)\n","import { FlexBoxProps } from '@xylabs/react-flexbox'\n\nimport { FooterLink } from '../Link'\nimport { FooterLinks } from '../Links'\n\nexport const MoreLinks: React.FC<FlexBoxProps> = (props) => (\n  <FooterLinks title=\"More\" {...props}>\n    <FooterLink href=\"https://xyo.network/partners\">Partners</FooterLink>\n    <FooterLink href=\"https://xyo.network/fhr\">FHR</FooterLink>\n    <FooterLink href=\"https://xyo.network/brand\">Brand</FooterLink>\n  </FooterLinks>\n)\n","import { FlexBoxProps } from '@xylabs/react-flexbox'\n\nimport { FooterLink } from '../Link'\nimport { FooterLinks } from '../Links'\n\nexport const NetworkLinks: React.FC<FlexBoxProps> = (props) => (\n  <FooterLinks title=\"Network\" {...props}>\n    <FooterLink href=\"https://xyo.network/network\">Overview</FooterLink>\n    <FooterLink href=\"https://xyo.network/network/bound-witness\">Bound Witness</FooterLink>\n    <FooterLink href=\"https://xyo.network/network/proof-of-origin\">Proof Of Origin</FooterLink>\n    <FooterLink href=\"https://xyo.network/papers\">White Paper</FooterLink>\n  </FooterLinks>\n)\n","import { Facebook, Instagram, LinkedIn, Reddit, Telegram, Twitter, YouTube } from '@mui/icons-material'\nimport { FlexBoxProps, FlexRow } from '@xylabs/react-flexbox'\n// eslint-disable-next-line import/no-internal-modules\nimport { FaDiscord } from 'react-icons/fa/index.js'\n\nimport { FooterLink } from '../Link'\nimport { FooterLinks } from '../Links'\n\nexport const SocialLinks: React.FC<FlexBoxProps> = (props) => {\n  return (\n    <FooterLinks title=\"XYO Socials\" {...props}>\n      <FlexRow flexWrap=\"wrap\" justifyContent=\"flex-start\">\n        <FooterLink href=\"https://business.facebook.com/OfficialXYO/\">\n          <Facebook />\n        </FooterLink>\n        <FooterLink href=\"https://twitter.com/OfficialXYO\">\n          <Twitter />\n        </FooterLink>\n        <FooterLink href=\"https://www.instagram.com/officialxyo/\">\n          <Instagram />\n        </FooterLink>\n        <FooterLink href=\"https://t.me/xyonetwork\">\n          <Telegram />\n        </FooterLink>\n        <FooterLink href=\"https://www.reddit.com/r/XYONetwork/\">\n          <Reddit />\n        </FooterLink>\n        <FooterLink href=\"https://www.youtube.com/channel/UCyZDqb9pgntVHJVt1pxXtsw\">\n          <YouTube />\n        </FooterLink>\n        <FooterLink href=\"https://www.linkedin.com/company/officialxyo/\">\n          <LinkedIn />\n        </FooterLink>\n        <FooterLink href=\"https://discord.gg/officialxyo\">\n          <FaDiscord />\n        </FooterLink>\n      </FlexRow>\n    </FooterLinks>\n  )\n}\n","import { FlexBoxProps } from '@xylabs/react-flexbox'\n\nimport { FooterLink } from '../Link'\nimport { FooterLinks } from '../Links'\n\nexport const SupportLinks: React.FC<FlexBoxProps> = (props) => (\n  <FooterLinks title=\"Support\" {...props}>\n    <FooterLink href=\"https://support.xy.company/hc/en-us/categories/360001417734\">Help Center</FooterLink>\n    <FooterLink href=\"https://support.xy.company/hc/en-us/requests/new\">Contact Support</FooterLink>\n  </FooterLinks>\n)\n","import { FlexBoxProps } from '@xylabs/react-flexbox'\nimport React from 'react'\n\nimport { FooterLink } from '../Link'\nimport { FooterLinks } from '../Links'\n\nexport const TokenLinks: React.FC<FlexBoxProps> = (props) => (\n  <FooterLinks title=\"XYO Tokens\" {...props}>\n    <FooterLink href=\"https://xyo.network/token\">About</FooterLink>\n    <FooterLink href=\"https://xyo.network/token/exchange\">Exchanges</FooterLink>\n    <FooterLink href=\"https://xyo.network/token/price\">Prices</FooterLink>\n    <FooterLink href=\"https://xyo.network/token/wallet\">Wallets</FooterLink>\n    <FooterLink href=\"https://etherscan.io/address/0x55296f69f40ea6d20e478533c15a6b08b654e758\">Contract</FooterLink>\n  </FooterLinks>\n)\n"],"mappings":"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","names":["import_material","import_react_flexbox","import_jsx_runtime","footerLinks","MoreHorizIcon","import_jsx_runtime","import_material","import_react_flexbox","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","import_icons_material","import_react_flexbox","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime"]}

package/dist/node/Xyo/Footer.d.cts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { FooterProps } from '../Footer';
+export declare const XyoFooter: React.FC<FooterProps>;
+//# sourceMappingURL=Footer.d.ts.map

package/dist/node/Xyo/Footer.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../../src/Xyo/Footer.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAU,WAAW,EAAE,MAAM,WAAW,CAAA;AAgC/C,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA6B3C,CAAA"}

package/dist/node/Xyo/Footer.js

@@ -1,40 +1,160 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
+// src/Xyo/Footer.tsx
+import { Grid } from "@mui/material";
+
+// src/Footer.tsx
+import { Container, useTheme } from "@mui/material";
+import { FlexCol, FlexRow as FlexRow2 } from "@xylabs/react-flexbox";
+import { useState } from "react";
+
+// src/AlwaysLinks.tsx
+import { MoreHoriz as MoreHorizIcon } from "@mui/icons-material";
+import { FlexRow } from "@xylabs/react-flexbox";
+
+// src/Link.tsx
+import { assertEx } from "@xylabs/assert";
+import { LinkEx } from "@xylabs/react-link";
+import { jsx } from "react/jsx-runtime";
+var convertToBetaIfNeeded = (url, currentUrl = new URL(document.location.href)) => {
+  const urlObj = typeof url === "string" ? new URL(url) : url;
+  const currentUrlObj = typeof currentUrl === "string" ? new URL(currentUrl) : currentUrl;
+  const currentHostnameParts = currentUrlObj.hostname.split(".");
+  const beta = currentHostnameParts.shift() === "beta";
+  if (beta) {
+    const currentHostnameWithoutBeta = currentHostnameParts.join(".");
+    if (currentHostnameWithoutBeta === urlObj.hostname) {
+      urlObj.hostname = currentUrlObj.hostname;
+    }
+  }
+  return urlObj;
 };
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+var FooterLink = ({ target, href, margin = 0.5, variant = "body2", ...props }) => {
+  const url = new URL(assertEx(href, "href not set"));
+  assertEx(url.hostname, "Hostname is required in href");
+  const convertedUrl = convertToBetaIfNeeded(url);
+  if (document.location.hostname === convertedUrl.hostname) {
+    const to = url.search.length > 0 ? `${convertedUrl.pathname}${convertedUrl.search}` : url.pathname;
+    return /* @__PURE__ */ jsx(LinkEx, { margin, to, target, variant, ...props });
+  } else {
+    return /* @__PURE__ */ jsx(LinkEx, { margin, href, target: target ?? "_blank", variant, ...props });
   }
-  return to;
 };
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var Footer_exports = {};
-__export(Footer_exports, {
-  XyoFooter: () => XyoFooter
-});
-module.exports = __toCommonJS(Footer_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_material = require("@mui/material");
-var import_Footer = require("../Footer");
-var import_lib = require("../lib");
-var import_DeveloperLinks = require("./DeveloperLinks");
-var import_MoreLinks = require("./MoreLinks");
-var import_NetworkLinks = require("./NetworkLinks");
-var import_SocialLinks = require("./SocialLinks");
-var import_SupportLinks = require("./SupportLinks");
-var import_TokenLinks = require("./TokenLinks");
-const footerLinks = [
+
+// src/AlwaysLinks.tsx
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var FooterAlwaysLinks = ({ style, footerLinks: footerLinks2, onMore, ...props }) => /* @__PURE__ */ jsxs(FlexRow, { flexWrap: "wrap", textTransform: "uppercase", style: { opacity: 0.6, ...style }, ...props, children: [
+  footerLinks2 == null ? void 0 : footerLinks2.map((footerLink, index) => /* @__PURE__ */ jsx2(FooterLink, { noWrap: true, paddingX: 1, margin: 0, ...footerLink, children: /* @__PURE__ */ jsx2("small", { children: footerLink.title }) }, index)),
+  onMore ? /* @__PURE__ */ jsx2(FlexRow, { style: { cursor: "pointer" }, paddingX: 0.5, onClick: onMore, children: /* @__PURE__ */ jsx2(MoreHorizIcon, { color: "primary", fontSize: "small" }) }) : null
+] });
+
+// src/Footer.tsx
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+var Footer = ({ alwaysFooterLinksProps, children, container, dynamicHeight = false, ...props }) => {
+  const [more, setMore] = useState(false);
+  const onMore = () => {
+    setMore(!more);
+  };
+  const theme = useTheme();
+  return /* @__PURE__ */ jsxs2(
+    FlexCol,
+    {
+      alignItems: "stretch",
+      onMouseLeave: () => {
+        setMore(false);
+      },
+      ...props,
+      children: [
+        more && dynamicHeight ? /* @__PURE__ */ jsx3(FlexCol, { alignItems: "stretch", children: /* @__PURE__ */ jsx3(FlexRow2, { bottom: -1, position: "absolute", width: "100%", bgcolor: theme.palette.background.default, children: container && container !== "none" ? /* @__PURE__ */ jsx3(Container, { children }) : children }) }) : null,
+        !dynamicHeight ? /* @__PURE__ */ jsx3(FlexCol, { alignItems: "stretch", children: container && container !== "none" ? /* @__PURE__ */ jsx3(Container, { children }) : children }) : null,
+        /* @__PURE__ */ jsx3(FlexRow2, { children: container && container !== "none" ? /* @__PURE__ */ jsx3(Container, { children: /* @__PURE__ */ jsx3(FooterAlwaysLinks, { ...alwaysFooterLinksProps, onMore: dynamicHeight ? onMore : void 0 }) }) : /* @__PURE__ */ jsx3(FooterAlwaysLinks, { ...alwaysFooterLinksProps, onMore: dynamicHeight ? onMore : void 0 }) })
+      ]
+    }
+  );
+};
+
+// src/lib/copyrightLinkTitle.ts
+var copyrightLinkTitle = (entity) => {
+  return `Copyright \xA9 ${(/* @__PURE__ */ new Date()).getFullYear()} ${entity}`;
+};
+
+// src/Links.tsx
+import { Typography } from "@mui/material";
+import { FlexCol as FlexCol2 } from "@xylabs/react-flexbox";
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+var FooterLinks = ({ children, title, ...props }) => {
+  return /* @__PURE__ */ jsxs3(FlexCol2, { margin: 1, justifyContent: "flex-start", title, ...props, children: [
+    /* @__PURE__ */ jsx4(Typography, { margin: 0.5, variant: "h6", noWrap: true, children: title }),
+    children
+  ] });
+};
+
+// src/Xyo/DeveloperLinks.tsx
+import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+var DeveloperLinks = (props) => /* @__PURE__ */ jsxs4(FooterLinks, { title: "Developer", ...props, children: [
+  /* @__PURE__ */ jsx5(FooterLink, { href: "https://xyo.network/developer", children: "Overview" }),
+  /* @__PURE__ */ jsx5(FooterLink, { href: "https://xyo.network/developer/get-started", children: "Get Started" }),
+  /* @__PURE__ */ jsx5(FooterLink, { href: "https://xyo.network/developer", children: "SDKs" }),
+  /* @__PURE__ */ jsx5(FooterLink, { href: "https://github.com/xyoraclenetwork", children: "Open Source Github" }),
+  /* @__PURE__ */ jsx5(FooterLink, { href: "https://xyo.network/docs/sdk/js", children: "Documentation" })
+] });
+
+// src/Xyo/MoreLinks.tsx
+import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+var MoreLinks = (props) => /* @__PURE__ */ jsxs5(FooterLinks, { title: "More", ...props, children: [
+  /* @__PURE__ */ jsx6(FooterLink, { href: "https://xyo.network/partners", children: "Partners" }),
+  /* @__PURE__ */ jsx6(FooterLink, { href: "https://xyo.network/fhr", children: "FHR" }),
+  /* @__PURE__ */ jsx6(FooterLink, { href: "https://xyo.network/brand", children: "Brand" })
+] });
+
+// src/Xyo/NetworkLinks.tsx
+import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+var NetworkLinks = (props) => /* @__PURE__ */ jsxs6(FooterLinks, { title: "Network", ...props, children: [
+  /* @__PURE__ */ jsx7(FooterLink, { href: "https://xyo.network/network", children: "Overview" }),
+  /* @__PURE__ */ jsx7(FooterLink, { href: "https://xyo.network/network/bound-witness", children: "Bound Witness" }),
+  /* @__PURE__ */ jsx7(FooterLink, { href: "https://xyo.network/network/proof-of-origin", children: "Proof Of Origin" }),
+  /* @__PURE__ */ jsx7(FooterLink, { href: "https://xyo.network/papers", children: "White Paper" })
+] });
+
+// src/Xyo/SocialLinks.tsx
+import { Facebook, Instagram, LinkedIn, Reddit, Telegram, Twitter, YouTube } from "@mui/icons-material";
+import { FlexRow as FlexRow3 } from "@xylabs/react-flexbox";
+import { FaDiscord } from "react-icons/fa/index.js";
+import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
+var SocialLinks = (props) => {
+  return /* @__PURE__ */ jsx8(FooterLinks, { title: "XYO Socials", ...props, children: /* @__PURE__ */ jsxs7(FlexRow3, { flexWrap: "wrap", justifyContent: "flex-start", children: [
+    /* @__PURE__ */ jsx8(FooterLink, { href: "https://business.facebook.com/OfficialXYO/", children: /* @__PURE__ */ jsx8(Facebook, {}) }),
+    /* @__PURE__ */ jsx8(FooterLink, { href: "https://twitter.com/OfficialXYO", children: /* @__PURE__ */ jsx8(Twitter, {}) }),
+    /* @__PURE__ */ jsx8(FooterLink, { href: "https://www.instagram.com/officialxyo/", children: /* @__PURE__ */ jsx8(Instagram, {}) }),
+    /* @__PURE__ */ jsx8(FooterLink, { href: "https://t.me/xyonetwork", children: /* @__PURE__ */ jsx8(Telegram, {}) }),
+    /* @__PURE__ */ jsx8(FooterLink, { href: "https://www.reddit.com/r/XYONetwork/", children: /* @__PURE__ */ jsx8(Reddit, {}) }),
+    /* @__PURE__ */ jsx8(FooterLink, { href: "https://www.youtube.com/channel/UCyZDqb9pgntVHJVt1pxXtsw", children: /* @__PURE__ */ jsx8(YouTube, {}) }),
+    /* @__PURE__ */ jsx8(FooterLink, { href: "https://www.linkedin.com/company/officialxyo/", children: /* @__PURE__ */ jsx8(LinkedIn, {}) }),
+    /* @__PURE__ */ jsx8(FooterLink, { href: "https://discord.gg/officialxyo", children: /* @__PURE__ */ jsx8(FaDiscord, {}) })
+  ] }) });
+};
+
+// src/Xyo/SupportLinks.tsx
+import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
+var SupportLinks = (props) => /* @__PURE__ */ jsxs8(FooterLinks, { title: "Support", ...props, children: [
+  /* @__PURE__ */ jsx9(FooterLink, { href: "https://support.xy.company/hc/en-us/categories/360001417734", children: "Help Center" }),
+  /* @__PURE__ */ jsx9(FooterLink, { href: "https://support.xy.company/hc/en-us/requests/new", children: "Contact Support" })
+] });
+
+// src/Xyo/TokenLinks.tsx
+import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
+var TokenLinks = (props) => /* @__PURE__ */ jsxs9(FooterLinks, { title: "XYO Tokens", ...props, children: [
+  /* @__PURE__ */ jsx10(FooterLink, { href: "https://xyo.network/token", children: "About" }),
+  /* @__PURE__ */ jsx10(FooterLink, { href: "https://xyo.network/token/exchange", children: "Exchanges" }),
+  /* @__PURE__ */ jsx10(FooterLink, { href: "https://xyo.network/token/price", children: "Prices" }),
+  /* @__PURE__ */ jsx10(FooterLink, { href: "https://xyo.network/token/wallet", children: "Wallets" }),
+  /* @__PURE__ */ jsx10(FooterLink, { href: "https://etherscan.io/address/0x55296f69f40ea6d20e478533c15a6b08b654e758", children: "Contract" })
+] });
+
+// src/Xyo/Footer.tsx
+import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
+var footerLinks = [
   {
     href: "https://xylabs.com/",
-    title: (0, import_lib.copyrightLinkTitle)("XY Labs, Inc.")
+    title: copyrightLinkTitle("XY Labs, Inc.")
   },
   {
     href: "https://xyo.network/",
@@ -53,21 +173,20 @@ const footerLinks = [
     title: "Careers"
   }
 ];
-const XyoFooter = ({
+var XyoFooter = ({
   alwaysFooterLinksProps = { footerLinks },
   ...props
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Footer.Footer, { alwaysFooterLinksProps, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.Grid, { container: true, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Grid, { item: true, xs: 12, md: 2, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_SocialLinks.SocialLinks, { alignItems: "flex-start" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Grid, { item: true, xs: 6, md: 2, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_NetworkLinks.NetworkLinks, { alignItems: "flex-start" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Grid, { item: true, xs: 6, md: 2, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TokenLinks.TokenLinks, { alignItems: "flex-start" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Grid, { item: true, xs: 6, md: 2, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DeveloperLinks.DeveloperLinks, { alignItems: "flex-start" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Grid, { item: true, xs: 6, md: 2, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_MoreLinks.MoreLinks, { alignItems: "flex-start" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Grid, { item: true, xs: 6, md: 2, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_SupportLinks.SupportLinks, { alignItems: "flex-start" }) })
+  return /* @__PURE__ */ jsx11(Footer, { alwaysFooterLinksProps, ...props, children: /* @__PURE__ */ jsxs10(Grid, { container: true, children: [
+    /* @__PURE__ */ jsx11(Grid, { item: true, xs: 12, md: 2, children: /* @__PURE__ */ jsx11(SocialLinks, { alignItems: "flex-start" }) }),
+    /* @__PURE__ */ jsx11(Grid, { item: true, xs: 6, md: 2, children: /* @__PURE__ */ jsx11(NetworkLinks, { alignItems: "flex-start" }) }),
+    /* @__PURE__ */ jsx11(Grid, { item: true, xs: 6, md: 2, children: /* @__PURE__ */ jsx11(TokenLinks, { alignItems: "flex-start" }) }),
+    /* @__PURE__ */ jsx11(Grid, { item: true, xs: 6, md: 2, children: /* @__PURE__ */ jsx11(DeveloperLinks, { alignItems: "flex-start" }) }),
+    /* @__PURE__ */ jsx11(Grid, { item: true, xs: 6, md: 2, children: /* @__PURE__ */ jsx11(MoreLinks, { alignItems: "flex-start" }) }),
+    /* @__PURE__ */ jsx11(Grid, { item: true, xs: 6, md: 2, children: /* @__PURE__ */ jsx11(SupportLinks, { alignItems: "flex-start" }) })
   ] }) });
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
+export {
   XyoFooter
-});
+};
 //# sourceMappingURL=Footer.js.map

package/dist/node/Xyo/Footer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Xyo/Footer.tsx"],"sourcesContent":["import { Grid } from '@mui/material'\n\nimport { Footer, FooterProps } from '../Footer'\nimport { copyrightLinkTitle } from '../lib'\nimport { DeveloperLinks } from './DeveloperLinks'\nimport { MoreLinks } from './MoreLinks'\nimport { NetworkLinks } from './NetworkLinks'\nimport { SocialLinks } from './SocialLinks'\nimport { SupportLinks } from './SupportLinks'\nimport { TokenLinks } from './TokenLinks'\n\nconst footerLinks = [\n  {\n    href: 'https://xylabs.com/',\n    title: copyrightLinkTitle('XY Labs, Inc.'),\n  },\n  {\n    href: 'https://xyo.network/',\n    title: 'XYO Foundation',\n  },\n  {\n    href: 'https://xylabs.com/privacy/',\n    title: 'Privacy',\n  },\n  {\n    href: 'https://xylabs.com/terms/',\n    title: 'Terms',\n  },\n  {\n    href: 'https://xylabs.com/jobs',\n    title: 'Careers',\n  },\n]\n\nexport const XyoFooter: React.FC<FooterProps> = ({\n  alwaysFooterLinksProps = { footerLinks },\n\n  ...props\n}) => {\n  return (\n    <Footer alwaysFooterLinksProps={alwaysFooterLinksProps} {...props}>\n      <Grid container>\n        <Grid item xs={12} md={2}>\n          <SocialLinks alignItems=\"flex-start\" />\n        </Grid>\n        <Grid item xs={6} md={2}>\n          <NetworkLinks alignItems=\"flex-start\" />\n        </Grid>\n        <Grid item xs={6} md={2}>\n          <TokenLinks alignItems=\"flex-start\" />\n        </Grid>\n        <Grid item xs={6} md={2}>\n          <DeveloperLinks alignItems=\"flex-start\" />\n        </Grid>\n        <Grid item xs={6} md={2}>\n          <MoreLinks alignItems=\"flex-start\" />\n        </Grid>\n        <Grid item xs={6} md={2}>\n          <SupportLinks alignItems=\"flex-start\" />\n        </Grid>\n      </Grid>\n    </Footer>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAyCM;AAzCN,sBAAqB;AAErB,oBAAoC;AACpC,iBAAmC;AACnC,4BAA+B;AAC/B,uBAA0B;AAC1B,0BAA6B;AAC7B,yBAA4B;AAC5B,0BAA6B;AAC7B,wBAA2B;AAE3B,MAAM,cAAc;AAAA,EAClB;AAAA,IACE,MAAM;AAAA,IACN,WAAO,+BAAmB,eAAe;AAAA,EAC3C;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AACF;AAEO,MAAM,YAAmC,CAAC;AAAA,EAC/C,yBAAyB,EAAE,YAAY;AAAA,EAEvC,GAAG;AACL,MAAM;AACJ,SACE,4CAAC,wBAAO,wBAAiD,GAAG,OAC1D,uDAAC,wBAAK,WAAS,MACb;AAAA,gDAAC,wBAAK,MAAI,MAAC,IAAI,IAAI,IAAI,GACrB,sDAAC,kCAAY,YAAW,cAAa,GACvC;AAAA,IACA,4CAAC,wBAAK,MAAI,MAAC,IAAI,GAAG,IAAI,GACpB,sDAAC,oCAAa,YAAW,cAAa,GACxC;AAAA,IACA,4CAAC,wBAAK,MAAI,MAAC,IAAI,GAAG,IAAI,GACpB,sDAAC,gCAAW,YAAW,cAAa,GACtC;AAAA,IACA,4CAAC,wBAAK,MAAI,MAAC,IAAI,GAAG,IAAI,GACpB,sDAAC,wCAAe,YAAW,cAAa,GAC1C;AAAA,IACA,4CAAC,wBAAK,MAAI,MAAC,IAAI,GAAG,IAAI,GACpB,sDAAC,8BAAU,YAAW,cAAa,GACrC;AAAA,IACA,4CAAC,wBAAK,MAAI,MAAC,IAAI,GAAG,IAAI,GACpB,sDAAC,oCAAa,YAAW,cAAa,GACxC;AAAA,KACF,GACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/Xyo/Footer.tsx","../../../src/Footer.tsx","../../../src/AlwaysLinks.tsx","../../../src/Link.tsx","../../../src/lib/copyrightLinkTitle.ts","../../../src/Links.tsx","../../../src/Xyo/DeveloperLinks.tsx","../../../src/Xyo/MoreLinks.tsx","../../../src/Xyo/NetworkLinks.tsx","../../../src/Xyo/SocialLinks.tsx","../../../src/Xyo/SupportLinks.tsx","../../../src/Xyo/TokenLinks.tsx"],"sourcesContent":["import { Grid } from '@mui/material'\n\nimport { Footer, FooterProps } from '../Footer'\nimport { copyrightLinkTitle } from '../lib'\nimport { DeveloperLinks } from './DeveloperLinks'\nimport { MoreLinks } from './MoreLinks'\nimport { NetworkLinks } from './NetworkLinks'\nimport { SocialLinks } from './SocialLinks'\nimport { SupportLinks } from './SupportLinks'\nimport { TokenLinks } from './TokenLinks'\n\nconst footerLinks = [\n  {\n    href: 'https://xylabs.com/',\n    title: copyrightLinkTitle('XY Labs, Inc.'),\n  },\n  {\n    href: 'https://xyo.network/',\n    title: 'XYO Foundation',\n  },\n  {\n    href: 'https://xylabs.com/privacy/',\n    title: 'Privacy',\n  },\n  {\n    href: 'https://xylabs.com/terms/',\n    title: 'Terms',\n  },\n  {\n    href: 'https://xylabs.com/jobs',\n    title: 'Careers',\n  },\n]\n\nexport const XyoFooter: React.FC<FooterProps> = ({\n  alwaysFooterLinksProps = { footerLinks },\n\n  ...props\n}) => {\n  return (\n    <Footer alwaysFooterLinksProps={alwaysFooterLinksProps} {...props}>\n      <Grid container>\n        <Grid item xs={12} md={2}>\n          <SocialLinks alignItems=\"flex-start\" />\n        </Grid>\n        <Grid item xs={6} md={2}>\n          <NetworkLinks alignItems=\"flex-start\" />\n        </Grid>\n        <Grid item xs={6} md={2}>\n          <TokenLinks alignItems=\"flex-start\" />\n        </Grid>\n        <Grid item xs={6} md={2}>\n          <DeveloperLinks alignItems=\"flex-start\" />\n        </Grid>\n        <Grid item xs={6} md={2}>\n          <MoreLinks alignItems=\"flex-start\" />\n        </Grid>\n        <Grid item xs={6} md={2}>\n          <SupportLinks alignItems=\"flex-start\" />\n        </Grid>\n      </Grid>\n    </Footer>\n  )\n}\n","import { Container, ContainerProps, useTheme } from '@mui/material'\nimport { FlexBoxProps, FlexCol, FlexRow } from '@xylabs/react-flexbox'\nimport { useState } from 'react'\n\nimport { FooterAlwaysLinks, FooterAlwaysLinksProps } from './AlwaysLinks'\n\nexport interface FooterProps extends FlexBoxProps {\n  alwaysFooterLinksProps?: FooterAlwaysLinksProps\n  container?: ContainerProps['maxWidth'] | 'none'\n  dynamicHeight?: boolean\n}\n\nexport const Footer: React.FC<FooterProps> = ({ alwaysFooterLinksProps, children, container, dynamicHeight = false, ...props }) => {\n  const [more, setMore] = useState(false)\n  const onMore = () => {\n    setMore(!more)\n  }\n\n  const theme = useTheme()\n\n  return (\n    <FlexCol\n      alignItems=\"stretch\"\n      onMouseLeave={() => {\n        setMore(false)\n      }}\n      {...props}\n    >\n      {more && dynamicHeight ? (\n        <FlexCol alignItems=\"stretch\">\n          <FlexRow bottom={-1} position=\"absolute\" width=\"100%\" bgcolor={theme.palette.background.default}>\n            {container && container !== 'none' ? <Container>{children}</Container> : children}\n          </FlexRow>\n        </FlexCol>\n      ) : null}\n      {!dynamicHeight ? (\n        <FlexCol alignItems=\"stretch\">{container && container !== 'none' ? <Container>{children}</Container> : children}</FlexCol>\n      ) : null}\n      <FlexRow>\n        {container && container !== 'none' ? (\n          <Container>\n            <FooterAlwaysLinks {...alwaysFooterLinksProps} onMore={dynamicHeight ? onMore : undefined} />\n          </Container>\n        ) : (\n          <FooterAlwaysLinks {...alwaysFooterLinksProps} onMore={dynamicHeight ? onMore : undefined} />\n        )}\n      </FlexRow>\n    </FlexCol>\n  )\n}\n","import { MoreHoriz as MoreHorizIcon } from '@mui/icons-material'\nimport { FlexBoxProps, FlexRow } from '@xylabs/react-flexbox'\nimport { LinkExProps } from '@xylabs/react-link'\n\nimport { FooterLink } from './Link'\n\nexport interface FooterAlwaysLinksProps extends FlexBoxProps {\n  footerLinks?: LinkExProps[]\n  onMore?: () => void\n}\n\nexport const FooterAlwaysLinks: React.FC<FooterAlwaysLinksProps> = ({ style, footerLinks, onMore, ...props }) => (\n  <FlexRow flexWrap=\"wrap\" textTransform=\"uppercase\" style={{ opacity: 0.6, ...style }} {...props}>\n    {footerLinks?.map((footerLink, index) => (\n      <FooterLink noWrap key={index} paddingX={1} margin={0} {...footerLink}>\n        <small>{footerLink.title}</small>\n      </FooterLink>\n    ))}\n    {onMore ? (\n      <FlexRow style={{ cursor: 'pointer' }} paddingX={0.5} onClick={onMore}>\n        <MoreHorizIcon color=\"primary\" fontSize=\"small\" />\n      </FlexRow>\n    ) : null}\n  </FlexRow>\n)\n","import { assertEx } from '@xylabs/assert'\nimport { LinkEx, LinkExProps } from '@xylabs/react-link'\n\n/**\n * @description\n * FooterLink automatically uses a local To if the link is to the current domain\n * If the link is not local, it defaults to target being _blank\n * In the case of 'beta' domains, it navigates correctly\n */\n\nconst convertToBetaIfNeeded = (url: string | URL, currentUrl = new URL(document.location.href)) => {\n  const urlObj = typeof url === 'string' ? new URL(url) : url\n  const currentUrlObj = typeof currentUrl === 'string' ? new URL(currentUrl) : currentUrl\n  const currentHostnameParts = currentUrlObj.hostname.split('.')\n  const beta = currentHostnameParts.shift() === 'beta'\n  if (beta) {\n    const currentHostnameWithoutBeta = currentHostnameParts.join('.')\n    if (currentHostnameWithoutBeta === urlObj.hostname) {\n      urlObj.hostname = currentUrlObj.hostname\n    }\n  }\n  return urlObj\n}\n\nexport const FooterLink: React.FC<LinkExProps> = ({ target, href, margin = 0.5, variant = 'body2', ...props }) => {\n  const url = new URL(assertEx(href, 'href not set'))\n  assertEx(url.hostname, 'Hostname is required in href')\n  const convertedUrl = convertToBetaIfNeeded(url)\n  if (document.location.hostname === convertedUrl.hostname) {\n    const to = url.search.length > 0 ? `${convertedUrl.pathname}${convertedUrl.search}` : url.pathname\n    return <LinkEx margin={margin} to={to} target={target} variant={variant} {...props} />\n  } else {\n    return <LinkEx margin={margin} href={href} target={target ?? '_blank'} variant={variant} {...props} />\n  }\n}\n","export const copyrightLinkTitle = (entity: string) => {\n  return `Copyright © ${new Date().getFullYear()} ${entity}`\n}\n","import { Typography } from '@mui/material'\nimport { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'\n\nexport const FooterLinks: React.FC<FlexBoxProps> = ({ children, title, ...props }) => {\n  return (\n    <FlexCol margin={1} justifyContent=\"flex-start\" title={title} {...props}>\n      <Typography margin={0.5} variant=\"h6\" noWrap>\n        {title}\n      </Typography>\n      {children}\n    </FlexCol>\n  )\n}\n","import { FlexBoxProps } from '@xylabs/react-flexbox'\n\nimport { FooterLink } from '../Link'\nimport { FooterLinks } from '../Links'\n\nexport const DeveloperLinks: React.FC<FlexBoxProps> = (props) => (\n  <FooterLinks title=\"Developer\" {...props}>\n    <FooterLink href=\"https://xyo.network/developer\">Overview</FooterLink>\n    <FooterLink href=\"https://xyo.network/developer/get-started\">Get Started</FooterLink>\n    <FooterLink href=\"https://xyo.network/developer\">SDKs</FooterLink>\n    <FooterLink href=\"https://github.com/xyoraclenetwork\">Open Source Github</FooterLink>\n    <FooterLink href=\"https://xyo.network/docs/sdk/js\">Documentation</FooterLink>\n  </FooterLinks>\n)\n","import { FlexBoxProps } from '@xylabs/react-flexbox'\n\nimport { FooterLink } from '../Link'\nimport { FooterLinks } from '../Links'\n\nexport const MoreLinks: React.FC<FlexBoxProps> = (props) => (\n  <FooterLinks title=\"More\" {...props}>\n    <FooterLink href=\"https://xyo.network/partners\">Partners</FooterLink>\n    <FooterLink href=\"https://xyo.network/fhr\">FHR</FooterLink>\n    <FooterLink href=\"https://xyo.network/brand\">Brand</FooterLink>\n  </FooterLinks>\n)\n","import { FlexBoxProps } from '@xylabs/react-flexbox'\n\nimport { FooterLink } from '../Link'\nimport { FooterLinks } from '../Links'\n\nexport const NetworkLinks: React.FC<FlexBoxProps> = (props) => (\n  <FooterLinks title=\"Network\" {...props}>\n    <FooterLink href=\"https://xyo.network/network\">Overview</FooterLink>\n    <FooterLink href=\"https://xyo.network/network/bound-witness\">Bound Witness</FooterLink>\n    <FooterLink href=\"https://xyo.network/network/proof-of-origin\">Proof Of Origin</FooterLink>\n    <FooterLink href=\"https://xyo.network/papers\">White Paper</FooterLink>\n  </FooterLinks>\n)\n","import { Facebook, Instagram, LinkedIn, Reddit, Telegram, Twitter, YouTube } from '@mui/icons-material'\nimport { FlexBoxProps, FlexRow } from '@xylabs/react-flexbox'\n// eslint-disable-next-line import/no-internal-modules\nimport { FaDiscord } from 'react-icons/fa/index.js'\n\nimport { FooterLink } from '../Link'\nimport { FooterLinks } from '../Links'\n\nexport const SocialLinks: React.FC<FlexBoxProps> = (props) => {\n  return (\n    <FooterLinks title=\"XYO Socials\" {...props}>\n      <FlexRow flexWrap=\"wrap\" justifyContent=\"flex-start\">\n        <FooterLink href=\"https://business.facebook.com/OfficialXYO/\">\n          <Facebook />\n        </FooterLink>\n        <FooterLink href=\"https://twitter.com/OfficialXYO\">\n          <Twitter />\n        </FooterLink>\n        <FooterLink href=\"https://www.instagram.com/officialxyo/\">\n          <Instagram />\n        </FooterLink>\n        <FooterLink href=\"https://t.me/xyonetwork\">\n          <Telegram />\n        </FooterLink>\n        <FooterLink href=\"https://www.reddit.com/r/XYONetwork/\">\n          <Reddit />\n        </FooterLink>\n        <FooterLink href=\"https://www.youtube.com/channel/UCyZDqb9pgntVHJVt1pxXtsw\">\n          <YouTube />\n        </FooterLink>\n        <FooterLink href=\"https://www.linkedin.com/company/officialxyo/\">\n          <LinkedIn />\n        </FooterLink>\n        <FooterLink href=\"https://discord.gg/officialxyo\">\n          <FaDiscord />\n        </FooterLink>\n      </FlexRow>\n    </FooterLinks>\n  )\n}\n","import { FlexBoxProps } from '@xylabs/react-flexbox'\n\nimport { FooterLink } from '../Link'\nimport { FooterLinks } from '../Links'\n\nexport const SupportLinks: React.FC<FlexBoxProps> = (props) => (\n  <FooterLinks title=\"Support\" {...props}>\n    <FooterLink href=\"https://support.xy.company/hc/en-us/categories/360001417734\">Help Center</FooterLink>\n    <FooterLink href=\"https://support.xy.company/hc/en-us/requests/new\">Contact Support</FooterLink>\n  </FooterLinks>\n)\n","import { FlexBoxProps } from '@xylabs/react-flexbox'\nimport React from 'react'\n\nimport { FooterLink } from '../Link'\nimport { FooterLinks } from '../Links'\n\nexport const TokenLinks: React.FC<FlexBoxProps> = (props) => (\n  <FooterLinks title=\"XYO Tokens\" {...props}>\n    <FooterLink href=\"https://xyo.network/token\">About</FooterLink>\n    <FooterLink href=\"https://xyo.network/token/exchange\">Exchanges</FooterLink>\n    <FooterLink href=\"https://xyo.network/token/price\">Prices</FooterLink>\n    <FooterLink href=\"https://xyo.network/token/wallet\">Wallets</FooterLink>\n    <FooterLink href=\"https://etherscan.io/address/0x55296f69f40ea6d20e478533c15a6b08b654e758\">Contract</FooterLink>\n  </FooterLinks>\n)\n"],"mappings":"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","names":["FlexRow","jsx","footerLinks","jsx","jsxs","FlexRow","FlexCol","jsx","jsxs","jsx","jsxs","jsx","jsxs","jsx","jsxs","FlexRow","jsx","jsxs","FlexRow","jsx","jsxs","jsx","jsxs","jsx","jsxs"]}