@xyo-network/react-footer 2.64.0 → 2.64.2

package/dist/browser/AlwaysLinks.js

@@ -1,10 +1,41 @@
-import { jsx, jsxs } from "react/jsx-runtime";
+// src/AlwaysLinks.tsx
 import { MoreHoriz as MoreHorizIcon } from "@mui/icons-material";
 import { FlexRow } from "@xylabs/react-flexbox";
-import { FooterLink } from "./Link";
-const FooterAlwaysLinks = ({ style, footerLinks, onMore, ...props }) => /* @__PURE__ */ jsxs(FlexRow, { flexWrap: "wrap", textTransform: "uppercase", style: { opacity: 0.6, ...style }, ...props, children: [
-  footerLinks?.map((footerLink, index) => /* @__PURE__ */ jsx(FooterLink, { noWrap: true, paddingX: 1, margin: 0, ...footerLink, children: /* @__PURE__ */ jsx("small", { children: footerLink.title }) }, index)),
-  onMore ? /* @__PURE__ */ jsx(FlexRow, { style: { cursor: "pointer" }, paddingX: 0.5, onClick: onMore, children: /* @__PURE__ */ jsx(MoreHorizIcon, { color: "primary", fontSize: "small" }) }) : null
+
+// 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 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 });
+  }
+};
+
+// src/AlwaysLinks.tsx
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var FooterAlwaysLinks = ({ style, footerLinks, onMore, ...props }) => /* @__PURE__ */ jsxs(FlexRow, { flexWrap: "wrap", textTransform: "uppercase", style: { opacity: 0.6, ...style }, ...props, children: [
+  footerLinks?.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
 ] });
 export {
   FooterAlwaysLinks

package/dist/browser/AlwaysLinks.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/AlwaysLinks.tsx"],"sourcesContent":["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"],"mappings":"AAYE,SAGM,KAHN;AAZF,SAAS,aAAa,qBAAqB;AAC3C,SAAuB,eAAe;AAGtC,SAAS,kBAAkB;AAOpB,MAAM,oBAAsD,CAAC,EAAE,OAAO,aAAa,QAAQ,GAAG,MAAM,MACzG,qBAAC,WAAQ,UAAS,QAAO,eAAc,aAAY,OAAO,EAAE,SAAS,KAAK,GAAG,MAAM,GAAI,GAAG,OACvF;AAAA,eAAa,IAAI,CAAC,YAAY,UAC7B,oBAAC,cAAW,QAAM,MAAa,UAAU,GAAG,QAAQ,GAAI,GAAG,YACzD,8BAAC,WAAO,qBAAW,OAAM,KADH,KAExB,CACD;AAAA,EACA,SACC,oBAAC,WAAQ,OAAO,EAAE,QAAQ,UAAU,GAAG,UAAU,KAAK,SAAS,QAC7D,8BAAC,iBAAc,OAAM,WAAU,UAAS,SAAQ,GAClD,IACE;AAAA,GACN;","names":[]}
+{"version":3,"sources":["../../src/AlwaysLinks.tsx","../../src/Link.tsx"],"sourcesContent":["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"],"mappings":";AAAA,SAAS,aAAa,qBAAqB;AAC3C,SAAuB,eAAe;;;ACDtC,SAAS,gBAAgB;AACzB,SAAS,cAA2B;AA6BzB;AApBX,IAAM,wBAAwB,CAAC,KAAmB,aAAa,IAAI,IAAI,SAAS,SAAS,IAAI,MAAM;AACjG,QAAM,SAAS,OAAO,QAAQ,WAAW,IAAI,IAAI,GAAG,IAAI;AACxD,QAAM,gBAAgB,OAAO,eAAe,WAAW,IAAI,IAAI,UAAU,IAAI;AAC7E,QAAM,uBAAuB,cAAc,SAAS,MAAM,GAAG;AAC7D,QAAM,OAAO,qBAAqB,MAAM,MAAM;AAC9C,MAAI,MAAM;AACR,UAAM,6BAA6B,qBAAqB,KAAK,GAAG;AAChE,QAAI,+BAA+B,OAAO,UAAU;AAClD,aAAO,WAAW,cAAc;AAAA,IAClC;AAAA,EACF;AACA,SAAO;AACT;AAEO,IAAM,aAAoC,CAAC,EAAE,QAAQ,MAAM,SAAS,KAAK,UAAU,SAAS,GAAG,MAAM,MAAM;AAChH,QAAM,MAAM,IAAI,IAAI,SAAS,MAAM,cAAc,CAAC;AAClD,WAAS,IAAI,UAAU,8BAA8B;AACrD,QAAM,eAAe,sBAAsB,GAAG;AAC9C,MAAI,SAAS,SAAS,aAAa,aAAa,UAAU;AACxD,UAAM,KAAK,IAAI,OAAO,SAAS,IAAI,GAAG,aAAa,QAAQ,GAAG,aAAa,MAAM,KAAK,IAAI;AAC1F,WAAO,oBAAC,UAAO,QAAgB,IAAQ,QAAgB,SAAmB,GAAG,OAAO;AAAA,EACtF,OAAO;AACL,WAAO,oBAAC,UAAO,QAAgB,MAAY,QAAQ,UAAU,UAAU,SAAmB,GAAG,OAAO;AAAA,EACtG;AACF;;;ADtBE,SAGM,OAAAA,MAHN;AADK,IAAM,oBAAsD,CAAC,EAAE,OAAO,aAAa,QAAQ,GAAG,MAAM,MACzG,qBAAC,WAAQ,UAAS,QAAO,eAAc,aAAY,OAAO,EAAE,SAAS,KAAK,GAAG,MAAM,GAAI,GAAG,OACvF;AAAA,eAAa,IAAI,CAAC,YAAY,UAC7B,gBAAAA,KAAC,cAAW,QAAM,MAAa,UAAU,GAAG,QAAQ,GAAI,GAAG,YACzD,0BAAAA,KAAC,WAAO,qBAAW,OAAM,KADH,KAExB,CACD;AAAA,EACA,SACC,gBAAAA,KAAC,WAAQ,OAAO,EAAE,QAAQ,UAAU,GAAG,UAAU,KAAK,SAAS,QAC7D,0BAAAA,KAAC,iBAAc,OAAM,WAAU,UAAS,SAAQ,GAClD,IACE;AAAA,GACN;","names":["jsx"]}

package/dist/browser/Footer.js

@@ -1,15 +1,57 @@
-import { jsx, jsxs } from "react/jsx-runtime";
+// src/Footer.tsx
 import { Container, useTheme } from "@mui/material";
-import { FlexCol, FlexRow } from "@xylabs/react-flexbox";
+import { FlexCol, FlexRow as FlexRow2 } from "@xylabs/react-flexbox";
 import { useState } from "react";
-import { FooterAlwaysLinks } from "./AlwaysLinks";
-const Footer = ({ alwaysFooterLinksProps, children, container, dynamicHeight = false, ...props }) => {
+
+// 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 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 });
+  }
+};
+
+// src/AlwaysLinks.tsx
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var FooterAlwaysLinks = ({ style, footerLinks, onMore, ...props }) => /* @__PURE__ */ jsxs(FlexRow, { flexWrap: "wrap", textTransform: "uppercase", style: { opacity: 0.6, ...style }, ...props, children: [
+  footerLinks?.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__ */ jsxs(
+  return /* @__PURE__ */ jsxs2(
     FlexCol,
     {
       alignItems: "stretch",
@@ -18,9 +60,9 @@ const Footer = ({ alwaysFooterLinksProps, children, container, dynamicHeight = f
       },
       ...props,
       children: [
-        more && dynamicHeight ? /* @__PURE__ */ jsx(FlexCol, { alignItems: "stretch", children: /* @__PURE__ */ jsx(FlexRow, { bottom: -1, position: "absolute", width: "100%", bgcolor: theme.palette.background.default, children: container && container !== "none" ? /* @__PURE__ */ jsx(Container, { children }) : children }) }) : null,
-        !dynamicHeight ? /* @__PURE__ */ jsx(FlexCol, { alignItems: "stretch", children: container && container !== "none" ? /* @__PURE__ */ jsx(Container, { children }) : children }) : null,
-        /* @__PURE__ */ jsx(FlexRow, { children: container && container !== "none" ? /* @__PURE__ */ jsx(Container, { children: /* @__PURE__ */ jsx(FooterAlwaysLinks, { ...alwaysFooterLinksProps, onMore: dynamicHeight ? onMore : void 0 }) }) : /* @__PURE__ */ jsx(FooterAlwaysLinks, { ...alwaysFooterLinksProps, onMore: dynamicHeight ? onMore : void 0 }) })
+        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 }) })
       ]
     }
   );

package/dist/browser/Footer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Footer.tsx"],"sourcesContent":["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"],"mappings":"AAqBI,SAU6C,KAV7C;AArBJ,SAAS,WAA2B,gBAAgB;AACpD,SAAuB,SAAS,eAAe;AAC/C,SAAS,gBAAgB;AAEzB,SAAS,yBAAiD;AAQnD,MAAM,SAAgC,CAAC,EAAE,wBAAwB,UAAU,WAAW,gBAAgB,OAAO,GAAG,MAAM,MAAM;AACjI,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AACtC,QAAM,SAAS,MAAM;AACnB,YAAQ,CAAC,IAAI;AAAA,EACf;AAEA,QAAM,QAAQ,SAAS;AAEvB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,YAAW;AAAA,MACX,cAAc,MAAM;AAClB,gBAAQ,KAAK;AAAA,MACf;AAAA,MACC,GAAG;AAAA,MAEH;AAAA,gBAAQ,gBACP,oBAAC,WAAQ,YAAW,WAClB,8BAAC,WAAQ,QAAQ,IAAI,UAAS,YAAW,OAAM,QAAO,SAAS,MAAM,QAAQ,WAAW,SACrF,uBAAa,cAAc,SAAS,oBAAC,aAAW,UAAS,IAAe,UAC3E,GACF,IACE;AAAA,QACH,CAAC,gBACA,oBAAC,WAAQ,YAAW,WAAW,uBAAa,cAAc,SAAS,oBAAC,aAAW,UAAS,IAAe,UAAS,IAC9G;AAAA,QACJ,oBAAC,WACE,uBAAa,cAAc,SAC1B,oBAAC,aACC,8BAAC,qBAAmB,GAAG,wBAAwB,QAAQ,gBAAgB,SAAS,QAAW,GAC7F,IAEA,oBAAC,qBAAmB,GAAG,wBAAwB,QAAQ,gBAAgB,SAAS,QAAW,GAE/F;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/Footer.tsx","../../src/AlwaysLinks.tsx","../../src/Link.tsx"],"sourcesContent":["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"],"mappings":";AAAA,SAAS,WAA2B,gBAAgB;AACpD,SAAuB,SAAS,WAAAA,gBAAe;AAC/C,SAAS,gBAAgB;;;ACFzB,SAAS,aAAa,qBAAqB;AAC3C,SAAuB,eAAe;;;ACDtC,SAAS,gBAAgB;AACzB,SAAS,cAA2B;AA6BzB;AApBX,IAAM,wBAAwB,CAAC,KAAmB,aAAa,IAAI,IAAI,SAAS,SAAS,IAAI,MAAM;AACjG,QAAM,SAAS,OAAO,QAAQ,WAAW,IAAI,IAAI,GAAG,IAAI;AACxD,QAAM,gBAAgB,OAAO,eAAe,WAAW,IAAI,IAAI,UAAU,IAAI;AAC7E,QAAM,uBAAuB,cAAc,SAAS,MAAM,GAAG;AAC7D,QAAM,OAAO,qBAAqB,MAAM,MAAM;AAC9C,MAAI,MAAM;AACR,UAAM,6BAA6B,qBAAqB,KAAK,GAAG;AAChE,QAAI,+BAA+B,OAAO,UAAU;AAClD,aAAO,WAAW,cAAc;AAAA,IAClC;AAAA,EACF;AACA,SAAO;AACT;AAEO,IAAM,aAAoC,CAAC,EAAE,QAAQ,MAAM,SAAS,KAAK,UAAU,SAAS,GAAG,MAAM,MAAM;AAChH,QAAM,MAAM,IAAI,IAAI,SAAS,MAAM,cAAc,CAAC;AAClD,WAAS,IAAI,UAAU,8BAA8B;AACrD,QAAM,eAAe,sBAAsB,GAAG;AAC9C,MAAI,SAAS,SAAS,aAAa,aAAa,UAAU;AACxD,UAAM,KAAK,IAAI,OAAO,SAAS,IAAI,GAAG,aAAa,QAAQ,GAAG,aAAa,MAAM,KAAK,IAAI;AAC1F,WAAO,oBAAC,UAAO,QAAgB,IAAQ,QAAgB,SAAmB,GAAG,OAAO;AAAA,EACtF,OAAO;AACL,WAAO,oBAAC,UAAO,QAAgB,MAAY,QAAQ,UAAU,UAAU,SAAmB,GAAG,OAAO;AAAA,EACtG;AACF;;;ADtBE,SAGM,OAAAC,MAHN;AADK,IAAM,oBAAsD,CAAC,EAAE,OAAO,aAAa,QAAQ,GAAG,MAAM,MACzG,qBAAC,WAAQ,UAAS,QAAO,eAAc,aAAY,OAAO,EAAE,SAAS,KAAK,GAAG,MAAM,GAAI,GAAG,OACvF;AAAA,eAAa,IAAI,CAAC,YAAY,UAC7B,gBAAAA,KAAC,cAAW,QAAM,MAAa,UAAU,GAAG,QAAQ,GAAI,GAAG,YACzD,0BAAAA,KAAC,WAAO,qBAAW,OAAM,KADH,KAExB,CACD;AAAA,EACA,SACC,gBAAAA,KAAC,WAAQ,OAAO,EAAE,QAAQ,UAAU,GAAG,UAAU,KAAK,SAAS,QAC7D,0BAAAA,KAAC,iBAAc,OAAM,WAAU,UAAS,SAAQ,GAClD,IACE;AAAA,GACN;;;ADFE,SAU6C,OAAAC,MAV7C,QAAAC,aAAA;AATG,IAAM,SAAgC,CAAC,EAAE,wBAAwB,UAAU,WAAW,gBAAgB,OAAO,GAAG,MAAM,MAAM;AACjI,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AACtC,QAAM,SAAS,MAAM;AACnB,YAAQ,CAAC,IAAI;AAAA,EACf;AAEA,QAAM,QAAQ,SAAS;AAEvB,SACE,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACC,YAAW;AAAA,MACX,cAAc,MAAM;AAClB,gBAAQ,KAAK;AAAA,MACf;AAAA,MACC,GAAG;AAAA,MAEH;AAAA,gBAAQ,gBACP,gBAAAD,KAAC,WAAQ,YAAW,WAClB,0BAAAA,KAACE,UAAA,EAAQ,QAAQ,IAAI,UAAS,YAAW,OAAM,QAAO,SAAS,MAAM,QAAQ,WAAW,SACrF,uBAAa,cAAc,SAAS,gBAAAF,KAAC,aAAW,UAAS,IAAe,UAC3E,GACF,IACE;AAAA,QACH,CAAC,gBACA,gBAAAA,KAAC,WAAQ,YAAW,WAAW,uBAAa,cAAc,SAAS,gBAAAA,KAAC,aAAW,UAAS,IAAe,UAAS,IAC9G;AAAA,QACJ,gBAAAA,KAACE,UAAA,EACE,uBAAa,cAAc,SAC1B,gBAAAF,KAAC,aACC,0BAAAA,KAAC,qBAAmB,GAAG,wBAAwB,QAAQ,gBAAgB,SAAS,QAAW,GAC7F,IAEA,gBAAAA,KAAC,qBAAmB,GAAG,wBAAwB,QAAQ,gBAAgB,SAAS,QAAW,GAE/F;AAAA;AAAA;AAAA,EACF;AAEJ;","names":["FlexRow","jsx","jsx","jsxs","FlexRow"]}

package/dist/browser/Link.js

@@ -1,7 +1,8 @@
-import { jsx } from "react/jsx-runtime";
+// src/Link.tsx
 import { assertEx } from "@xylabs/assert";
 import { LinkEx } from "@xylabs/react-link";
-const convertToBetaIfNeeded = (url, currentUrl = new URL(document.location.href)) => {
+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(".");
@@ -14,7 +15,7 @@ const convertToBetaIfNeeded = (url, currentUrl = new URL(document.location.href)
   }
   return urlObj;
 };
-const FooterLink = ({ target, href, margin = 0.5, variant = "body2", ...props }) => {
+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);

package/dist/browser/Link.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Link.tsx"],"sourcesContent":["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"],"mappings":"AA8BW;AA9BX,SAAS,gBAAgB;AACzB,SAAS,cAA2B;AASpC,MAAM,wBAAwB,CAAC,KAAmB,aAAa,IAAI,IAAI,SAAS,SAAS,IAAI,MAAM;AACjG,QAAM,SAAS,OAAO,QAAQ,WAAW,IAAI,IAAI,GAAG,IAAI;AACxD,QAAM,gBAAgB,OAAO,eAAe,WAAW,IAAI,IAAI,UAAU,IAAI;AAC7E,QAAM,uBAAuB,cAAc,SAAS,MAAM,GAAG;AAC7D,QAAM,OAAO,qBAAqB,MAAM,MAAM;AAC9C,MAAI,MAAM;AACR,UAAM,6BAA6B,qBAAqB,KAAK,GAAG;AAChE,QAAI,+BAA+B,OAAO,UAAU;AAClD,aAAO,WAAW,cAAc;AAAA,IAClC;AAAA,EACF;AACA,SAAO;AACT;AAEO,MAAM,aAAoC,CAAC,EAAE,QAAQ,MAAM,SAAS,KAAK,UAAU,SAAS,GAAG,MAAM,MAAM;AAChH,QAAM,MAAM,IAAI,IAAI,SAAS,MAAM,cAAc,CAAC;AAClD,WAAS,IAAI,UAAU,8BAA8B;AACrD,QAAM,eAAe,sBAAsB,GAAG;AAC9C,MAAI,SAAS,SAAS,aAAa,aAAa,UAAU;AACxD,UAAM,KAAK,IAAI,OAAO,SAAS,IAAI,GAAG,aAAa,QAAQ,GAAG,aAAa,MAAM,KAAK,IAAI;AAC1F,WAAO,oBAAC,UAAO,QAAgB,IAAQ,QAAgB,SAAmB,GAAG,OAAO;AAAA,EACtF,OAAO;AACL,WAAO,oBAAC,UAAO,QAAgB,MAAY,QAAQ,UAAU,UAAU,SAAmB,GAAG,OAAO;AAAA,EACtG;AACF;","names":[]}
+{"version":3,"sources":["../../src/Link.tsx"],"sourcesContent":["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"],"mappings":";AAAA,SAAS,gBAAgB;AACzB,SAAS,cAA2B;AA6BzB;AApBX,IAAM,wBAAwB,CAAC,KAAmB,aAAa,IAAI,IAAI,SAAS,SAAS,IAAI,MAAM;AACjG,QAAM,SAAS,OAAO,QAAQ,WAAW,IAAI,IAAI,GAAG,IAAI;AACxD,QAAM,gBAAgB,OAAO,eAAe,WAAW,IAAI,IAAI,UAAU,IAAI;AAC7E,QAAM,uBAAuB,cAAc,SAAS,MAAM,GAAG;AAC7D,QAAM,OAAO,qBAAqB,MAAM,MAAM;AAC9C,MAAI,MAAM;AACR,UAAM,6BAA6B,qBAAqB,KAAK,GAAG;AAChE,QAAI,+BAA+B,OAAO,UAAU;AAClD,aAAO,WAAW,cAAc;AAAA,IAClC;AAAA,EACF;AACA,SAAO;AACT;AAEO,IAAM,aAAoC,CAAC,EAAE,QAAQ,MAAM,SAAS,KAAK,UAAU,SAAS,GAAG,MAAM,MAAM;AAChH,QAAM,MAAM,IAAI,IAAI,SAAS,MAAM,cAAc,CAAC;AAClD,WAAS,IAAI,UAAU,8BAA8B;AACrD,QAAM,eAAe,sBAAsB,GAAG;AAC9C,MAAI,SAAS,SAAS,aAAa,aAAa,UAAU;AACxD,UAAM,KAAK,IAAI,OAAO,SAAS,IAAI,GAAG,aAAa,QAAQ,GAAG,aAAa,MAAM,KAAK,IAAI;AAC1F,WAAO,oBAAC,UAAO,QAAgB,IAAQ,QAAgB,SAAmB,GAAG,OAAO;AAAA,EACtF,OAAO;AACL,WAAO,oBAAC,UAAO,QAAgB,MAAY,QAAQ,UAAU,UAAU,SAAmB,GAAG,OAAO;AAAA,EACtG;AACF;","names":[]}

package/dist/browser/Links.js

@@ -1,7 +1,8 @@
-import { jsx, jsxs } from "react/jsx-runtime";
+// src/Links.tsx
 import { Typography } from "@mui/material";
 import { FlexCol } from "@xylabs/react-flexbox";
-const FooterLinks = ({ children, title, ...props }) => {
+import { jsx, jsxs } from "react/jsx-runtime";
+var FooterLinks = ({ children, title, ...props }) => {
   return /* @__PURE__ */ jsxs(FlexCol, { margin: 1, justifyContent: "flex-start", title, ...props, children: [
     /* @__PURE__ */ jsx(Typography, { margin: 0.5, variant: "h6", noWrap: true, children: title }),
     children

package/dist/browser/Links.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Links.tsx"],"sourcesContent":["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"],"mappings":"AAKI,SACE,KADF;AALJ,SAAS,kBAAkB;AAC3B,SAAuB,eAAe;AAE/B,MAAM,cAAsC,CAAC,EAAE,UAAU,OAAO,GAAG,MAAM,MAAM;AACpF,SACE,qBAAC,WAAQ,QAAQ,GAAG,gBAAe,cAAa,OAAe,GAAG,OAChE;AAAA,wBAAC,cAAW,QAAQ,KAAK,SAAQ,MAAK,QAAM,MACzC,iBACH;AAAA,IACC;AAAA,KACH;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/Links.tsx"],"sourcesContent":["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"],"mappings":";AAAA,SAAS,kBAAkB;AAC3B,SAAuB,eAAe;AAIlC,SACE,KADF;AAFG,IAAM,cAAsC,CAAC,EAAE,UAAU,OAAO,GAAG,MAAM,MAAM;AACpF,SACE,qBAAC,WAAQ,QAAQ,GAAG,gBAAe,cAAa,OAAe,GAAG,OAChE;AAAA,wBAAC,cAAW,QAAQ,KAAK,SAAQ,MAAK,QAAM,MACzC,iBACH;AAAA,IACC;AAAA,KACH;AAEJ;","names":[]}

package/dist/browser/Xyo/AlwaysLinks.js

@@ -1,7 +1,51 @@
+// 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";
-import { FooterAlwaysLinks } from "../AlwaysLinks";
-import { copyrightLinkTitle } from "../lib";
-const XyoFooterAlwaysLinks = (props) => /* @__PURE__ */ jsx(
+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(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 });
+  }
+};
+
+// src/AlwaysLinks.tsx
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var FooterAlwaysLinks = ({ style, footerLinks, onMore, ...props }) => /* @__PURE__ */ jsxs(FlexRow, { flexWrap: "wrap", textTransform: "uppercase", style: { opacity: 0.6, ...style }, ...props, children: [
+  footerLinks?.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/lib/copyrightLinkTitle.ts
+var copyrightLinkTitle = (entity) => {
+  return `Copyright \xA9 ${(/* @__PURE__ */ new Date()).getFullYear()} ${entity}`;
+};
+
+// src/Xyo/AlwaysLinks.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+var XyoFooterAlwaysLinks = (props) => /* @__PURE__ */ jsx3(
   FooterAlwaysLinks,
   {
     footerLinks: [
@@ -29,7 +73,7 @@ const XyoFooterAlwaysLinks = (props) => /* @__PURE__ */ jsx(
     ...props
   }
 );
-const Copyright = FooterAlwaysLinks;
+var Copyright = FooterAlwaysLinks;
 export {
   Copyright,
   XyoFooterAlwaysLinks

package/dist/browser/Xyo/AlwaysLinks.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Xyo/AlwaysLinks.tsx"],"sourcesContent":["import { FlexBoxProps } from '@xylabs/react-flexbox'\n\nimport { FooterAlwaysLinks } from '../AlwaysLinks'\nimport { copyrightLinkTitle } from '../lib'\n\nexport interface XyoFooterAlwaysLinksProps extends FlexBoxProps {\n  onMore?: () => void\n}\n\nexport const XyoFooterAlwaysLinks: React.FC<XyoFooterAlwaysLinksProps> = (props) => (\n  <FooterAlwaysLinks\n    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    {...props}\n  />\n)\n\n/** @deprecated use FooterAlwaysLinksProps*/\nexport type CopyrightProps = XyoFooterAlwaysLinksProps\n\n/** @deprecated use FooterAlwaysLinks*/\nexport const Copyright = FooterAlwaysLinks\n"],"mappings":"AAUE;AARF,SAAS,yBAAyB;AAClC,SAAS,0BAA0B;AAM5B,MAAM,uBAA4D,CAAC,UACxE;AAAA,EAAC;AAAA;AAAA,IACC,aAAa;AAAA,MACX;AAAA,QACE,MAAM;AAAA,QACN,OAAO,mBAAmB,eAAe;AAAA,MAC3C;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN;AAOK,MAAM,YAAY;","names":[]}
+{"version":3,"sources":["../../../src/AlwaysLinks.tsx","../../../src/Link.tsx","../../../src/lib/copyrightLinkTitle.ts","../../../src/Xyo/AlwaysLinks.tsx"],"sourcesContent":["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 { FlexBoxProps } from '@xylabs/react-flexbox'\n\nimport { FooterAlwaysLinks } from '../AlwaysLinks'\nimport { copyrightLinkTitle } from '../lib'\n\nexport interface XyoFooterAlwaysLinksProps extends FlexBoxProps {\n  onMore?: () => void\n}\n\nexport const XyoFooterAlwaysLinks: React.FC<XyoFooterAlwaysLinksProps> = (props) => (\n  <FooterAlwaysLinks\n    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    {...props}\n  />\n)\n\n/** @deprecated use FooterAlwaysLinksProps*/\nexport type CopyrightProps = XyoFooterAlwaysLinksProps\n\n/** @deprecated use FooterAlwaysLinks*/\nexport const Copyright = FooterAlwaysLinks\n"],"mappings":";AAAA,SAAS,aAAa,qBAAqB;AAC3C,SAAuB,eAAe;;;ACDtC,SAAS,gBAAgB;AACzB,SAAS,cAA2B;AA6BzB;AApBX,IAAM,wBAAwB,CAAC,KAAmB,aAAa,IAAI,IAAI,SAAS,SAAS,IAAI,MAAM;AACjG,QAAM,SAAS,OAAO,QAAQ,WAAW,IAAI,IAAI,GAAG,IAAI;AACxD,QAAM,gBAAgB,OAAO,eAAe,WAAW,IAAI,IAAI,UAAU,IAAI;AAC7E,QAAM,uBAAuB,cAAc,SAAS,MAAM,GAAG;AAC7D,QAAM,OAAO,qBAAqB,MAAM,MAAM;AAC9C,MAAI,MAAM;AACR,UAAM,6BAA6B,qBAAqB,KAAK,GAAG;AAChE,QAAI,+BAA+B,OAAO,UAAU;AAClD,aAAO,WAAW,cAAc;AAAA,IAClC;AAAA,EACF;AACA,SAAO;AACT;AAEO,IAAM,aAAoC,CAAC,EAAE,QAAQ,MAAM,SAAS,KAAK,UAAU,SAAS,GAAG,MAAM,MAAM;AAChH,QAAM,MAAM,IAAI,IAAI,SAAS,MAAM,cAAc,CAAC;AAClD,WAAS,IAAI,UAAU,8BAA8B;AACrD,QAAM,eAAe,sBAAsB,GAAG;AAC9C,MAAI,SAAS,SAAS,aAAa,aAAa,UAAU;AACxD,UAAM,KAAK,IAAI,OAAO,SAAS,IAAI,GAAG,aAAa,QAAQ,GAAG,aAAa,MAAM,KAAK,IAAI;AAC1F,WAAO,oBAAC,UAAO,QAAgB,IAAQ,QAAgB,SAAmB,GAAG,OAAO;AAAA,EACtF,OAAO;AACL,WAAO,oBAAC,UAAO,QAAgB,MAAY,QAAQ,UAAU,UAAU,SAAmB,GAAG,OAAO;AAAA,EACtG;AACF;;;ADtBE,SAGM,OAAAA,MAHN;AADK,IAAM,oBAAsD,CAAC,EAAE,OAAO,aAAa,QAAQ,GAAG,MAAM,MACzG,qBAAC,WAAQ,UAAS,QAAO,eAAc,aAAY,OAAO,EAAE,SAAS,KAAK,GAAG,MAAM,GAAI,GAAG,OACvF;AAAA,eAAa,IAAI,CAAC,YAAY,UAC7B,gBAAAA,KAAC,cAAW,QAAM,MAAa,UAAU,GAAG,QAAQ,GAAI,GAAG,YACzD,0BAAAA,KAAC,WAAO,qBAAW,OAAM,KADH,KAExB,CACD;AAAA,EACA,SACC,gBAAAA,KAAC,WAAQ,OAAO,EAAE,QAAQ,UAAU,GAAG,UAAU,KAAK,SAAS,QAC7D,0BAAAA,KAAC,iBAAc,OAAM,WAAU,UAAS,SAAQ,GAClD,IACE;AAAA,GACN;;;AEvBK,IAAM,qBAAqB,CAAC,WAAmB;AACpD,SAAO,mBAAe,oBAAI,KAAK,GAAE,YAAY,CAAC,IAAI,MAAM;AAC1D;;;ACQE,gBAAAC,YAAA;AADK,IAAM,uBAA4D,CAAC,UACxE,gBAAAA;AAAA,EAAC;AAAA;AAAA,IACC,aAAa;AAAA,MACX;AAAA,QACE,MAAM;AAAA,QACN,OAAO,mBAAmB,eAAe;AAAA,MAC3C;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN;AAOK,IAAM,YAAY;","names":["jsx","jsx"]}

package/dist/browser/Xyo/DeveloperLinks.js

@@ -1,12 +1,51 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { FooterLink } from "../Link";
-import { FooterLinks } from "../Links";
-const DeveloperLinks = (props) => /* @__PURE__ */ jsxs(FooterLinks, { title: "Developer", ...props, children: [
-  /* @__PURE__ */ jsx(FooterLink, { href: "https://xyo.network/developer", children: "Overview" }),
-  /* @__PURE__ */ jsx(FooterLink, { href: "https://xyo.network/developer/get-started", children: "Get Started" }),
-  /* @__PURE__ */ jsx(FooterLink, { href: "https://xyo.network/developer", children: "SDKs" }),
-  /* @__PURE__ */ jsx(FooterLink, { href: "https://github.com/xyoraclenetwork", children: "Open Source Github" }),
-  /* @__PURE__ */ jsx(FooterLink, { href: "https://xyo.network/docs/sdk/js", children: "Documentation" })
+// 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 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 });
+  }
+};
+
+// src/Links.tsx
+import { Typography } from "@mui/material";
+import { FlexCol } from "@xylabs/react-flexbox";
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var FooterLinks = ({ children, title, ...props }) => {
+  return /* @__PURE__ */ jsxs(FlexCol, { margin: 1, justifyContent: "flex-start", title, ...props, children: [
+    /* @__PURE__ */ jsx2(Typography, { margin: 0.5, variant: "h6", noWrap: true, children: title }),
+    children
+  ] });
+};
+
+// src/Xyo/DeveloperLinks.tsx
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+var DeveloperLinks = (props) => /* @__PURE__ */ jsxs2(FooterLinks, { title: "Developer", ...props, children: [
+  /* @__PURE__ */ jsx3(FooterLink, { href: "https://xyo.network/developer", children: "Overview" }),
+  /* @__PURE__ */ jsx3(FooterLink, { href: "https://xyo.network/developer/get-started", children: "Get Started" }),
+  /* @__PURE__ */ jsx3(FooterLink, { href: "https://xyo.network/developer", children: "SDKs" }),
+  /* @__PURE__ */ jsx3(FooterLink, { href: "https://github.com/xyoraclenetwork", children: "Open Source Github" }),
+  /* @__PURE__ */ jsx3(FooterLink, { href: "https://xyo.network/docs/sdk/js", children: "Documentation" })
 ] });
 export {
   DeveloperLinks

package/dist/browser/Xyo/DeveloperLinks.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Xyo/DeveloperLinks.tsx"],"sourcesContent":["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"],"mappings":"AAME,SACE,KADF;AAJF,SAAS,kBAAkB;AAC3B,SAAS,mBAAmB;AAErB,MAAM,iBAAyC,CAAC,UACrD,qBAAC,eAAY,OAAM,aAAa,GAAG,OACjC;AAAA,sBAAC,cAAW,MAAK,iCAAgC,sBAAQ;AAAA,EACzD,oBAAC,cAAW,MAAK,6CAA4C,yBAAW;AAAA,EACxE,oBAAC,cAAW,MAAK,iCAAgC,kBAAI;AAAA,EACrD,oBAAC,cAAW,MAAK,sCAAqC,gCAAkB;AAAA,EACxE,oBAAC,cAAW,MAAK,mCAAkC,2BAAa;AAAA,GAClE;","names":[]}
+{"version":3,"sources":["../../../src/Link.tsx","../../../src/Links.tsx","../../../src/Xyo/DeveloperLinks.tsx"],"sourcesContent":["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","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"],"mappings":";AAAA,SAAS,gBAAgB;AACzB,SAAS,cAA2B;AA6BzB;AApBX,IAAM,wBAAwB,CAAC,KAAmB,aAAa,IAAI,IAAI,SAAS,SAAS,IAAI,MAAM;AACjG,QAAM,SAAS,OAAO,QAAQ,WAAW,IAAI,IAAI,GAAG,IAAI;AACxD,QAAM,gBAAgB,OAAO,eAAe,WAAW,IAAI,IAAI,UAAU,IAAI;AAC7E,QAAM,uBAAuB,cAAc,SAAS,MAAM,GAAG;AAC7D,QAAM,OAAO,qBAAqB,MAAM,MAAM;AAC9C,MAAI,MAAM;AACR,UAAM,6BAA6B,qBAAqB,KAAK,GAAG;AAChE,QAAI,+BAA+B,OAAO,UAAU;AAClD,aAAO,WAAW,cAAc;AAAA,IAClC;AAAA,EACF;AACA,SAAO;AACT;AAEO,IAAM,aAAoC,CAAC,EAAE,QAAQ,MAAM,SAAS,KAAK,UAAU,SAAS,GAAG,MAAM,MAAM;AAChH,QAAM,MAAM,IAAI,IAAI,SAAS,MAAM,cAAc,CAAC;AAClD,WAAS,IAAI,UAAU,8BAA8B;AACrD,QAAM,eAAe,sBAAsB,GAAG;AAC9C,MAAI,SAAS,SAAS,aAAa,aAAa,UAAU;AACxD,UAAM,KAAK,IAAI,OAAO,SAAS,IAAI,GAAG,aAAa,QAAQ,GAAG,aAAa,MAAM,KAAK,IAAI;AAC1F,WAAO,oBAAC,UAAO,QAAgB,IAAQ,QAAgB,SAAmB,GAAG,OAAO;AAAA,EACtF,OAAO;AACL,WAAO,oBAAC,UAAO,QAAgB,MAAY,QAAQ,UAAU,UAAU,SAAmB,GAAG,OAAO;AAAA,EACtG;AACF;;;AClCA,SAAS,kBAAkB;AAC3B,SAAuB,eAAe;AAIlC,SACE,OAAAA,MADF;AAFG,IAAM,cAAsC,CAAC,EAAE,UAAU,OAAO,GAAG,MAAM,MAAM;AACpF,SACE,qBAAC,WAAQ,QAAQ,GAAG,gBAAe,cAAa,OAAe,GAAG,OAChE;AAAA,oBAAAA,KAAC,cAAW,QAAQ,KAAK,SAAQ,MAAK,QAAM,MACzC,iBACH;AAAA,IACC;AAAA,KACH;AAEJ;;;ACNE,SACE,OAAAC,MADF,QAAAC,aAAA;AADK,IAAM,iBAAyC,CAAC,UACrD,gBAAAA,MAAC,eAAY,OAAM,aAAa,GAAG,OACjC;AAAA,kBAAAD,KAAC,cAAW,MAAK,iCAAgC,sBAAQ;AAAA,EACzD,gBAAAA,KAAC,cAAW,MAAK,6CAA4C,yBAAW;AAAA,EACxE,gBAAAA,KAAC,cAAW,MAAK,iCAAgC,kBAAI;AAAA,EACrD,gBAAAA,KAAC,cAAW,MAAK,sCAAqC,gCAAkB;AAAA,EACxE,gBAAAA,KAAC,cAAW,MAAK,mCAAkC,2BAAa;AAAA,GAClE;","names":["jsx","jsx","jsxs"]}

package/dist/browser/Xyo/Footer.js

@@ -1,14 +1,157 @@
-import { jsx, jsxs } from "react/jsx-runtime";
+// src/Xyo/Footer.tsx
 import { Grid } from "@mui/material";
-import { Footer } from "../Footer";
-import { copyrightLinkTitle } from "../lib";
-import { DeveloperLinks } from "./DeveloperLinks";
-import { MoreLinks } from "./MoreLinks";
-import { NetworkLinks } from "./NetworkLinks";
-import { SocialLinks } from "./SocialLinks";
-import { SupportLinks } from "./SupportLinks";
-import { TokenLinks } from "./TokenLinks";
-const footerLinks = [
+
+// 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 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 });
+  }
+};
+
+// 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?.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: copyrightLinkTitle("XY Labs, Inc.")
@@ -30,17 +173,17 @@ const footerLinks = [
     title: "Careers"
   }
 ];
-const XyoFooter = ({
+var XyoFooter = ({
   alwaysFooterLinksProps = { footerLinks },
   ...props
 }) => {
-  return /* @__PURE__ */ jsx(Footer, { alwaysFooterLinksProps, ...props, children: /* @__PURE__ */ jsxs(Grid, { container: true, children: [
-    /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, md: 2, children: /* @__PURE__ */ jsx(SocialLinks, { alignItems: "flex-start" }) }),
-    /* @__PURE__ */ jsx(Grid, { item: true, xs: 6, md: 2, children: /* @__PURE__ */ jsx(NetworkLinks, { alignItems: "flex-start" }) }),
-    /* @__PURE__ */ jsx(Grid, { item: true, xs: 6, md: 2, children: /* @__PURE__ */ jsx(TokenLinks, { alignItems: "flex-start" }) }),
-    /* @__PURE__ */ jsx(Grid, { item: true, xs: 6, md: 2, children: /* @__PURE__ */ jsx(DeveloperLinks, { alignItems: "flex-start" }) }),
-    /* @__PURE__ */ jsx(Grid, { item: true, xs: 6, md: 2, children: /* @__PURE__ */ jsx(MoreLinks, { alignItems: "flex-start" }) }),
-    /* @__PURE__ */ jsx(Grid, { item: true, xs: 6, md: 2, children: /* @__PURE__ */ jsx(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" }) })
   ] }) });
 };
 export {