@twreporter/react-typescript-components 0.1.0-beta.17 → 0.1.0-beta.19

package/lib/{internal-link-BSb3__eR.d.mts → internal-link-Daag4Lrv.d.mts}

@@ -1,4 +1,4 @@
-import { CustomizedLinkProps } from "./type-4zpM3Fk5.mjs";
+import { CustomizedLinkProps } from "./type-DGvbr3Rm.mjs";
 import { FC } from "react";
 
 //#region src/customized-link/internal-link.d.ts
@@ -6,4 +6,4 @@ type InternalLinkProps = CustomizedLinkProps;
 declare const InternalLink: FC<InternalLinkProps>;
 //#endregion
 export { InternalLink };
-//# sourceMappingURL=internal-link-BSb3__eR.d.mts.map
+//# sourceMappingURL=internal-link-Daag4Lrv.d.mts.map

package/lib/{internal-link-DCSEl1jM.d.ts → internal-link-DtMsmfE9.d.ts}

@@ -1,4 +1,4 @@
-import { CustomizedLinkProps } from "./type-C4hJK9H9.js";
+import { CustomizedLinkProps } from "./type-ubTUOk6A.js";
 import { FC } from "react";
 
 //#region src/customized-link/internal-link.d.ts
@@ -6,4 +6,4 @@ type InternalLinkProps = CustomizedLinkProps;
 declare const InternalLink: FC<InternalLinkProps>;
 //#endregion
 export { InternalLink };
-//# sourceMappingURL=internal-link-DCSEl1jM.d.ts.map
+//# sourceMappingURL=internal-link-DtMsmfE9.d.ts.map

package/lib/links-DO97xw7S.mjs

@@ -0,0 +1,89 @@
+import { P2, P3 } from "./paragraph-Cf9jr8RF.mjs";
+import { icon_button_default } from "./button-D_AWI7r9.mjs";
+import { forClientSideRendering } from "./request-origins-CGkNWg8R.mjs";
+import { external_link_default } from "./external-link-Diro-q37.mjs";
+import { SocialMedia } from "./icons-I7T-auOQ.mjs";
+import { getLinksGroups, getSocialMediaLinks } from "./constants-DyO2QpJk.mjs";
+import clsx from "clsx";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import map from "lodash/map";
+
+//#region src/footer/links.tsx
+const _ = { map };
+const SocialLinks = ({ releaseBranch }) => {
+	const links = getSocialMediaLinks();
+	return /* @__PURE__ */ jsx("div", {
+		className: "flex gap-[16px]",
+		children: _.map(links, (link) => {
+			const iconComponent = /* @__PURE__ */ jsx(SocialMedia, {
+				mediaType: link.icon,
+				releaseBranch
+			});
+			return /* @__PURE__ */ jsx(external_link_default, {
+				to: link.to,
+				target: link.target,
+				children: /* @__PURE__ */ jsx(icon_button_default, { iconComponent })
+			}, link.slug);
+		})
+	});
+};
+const InfoLinks = ({ releaseBranch }) => {
+	const mainOrigin = forClientSideRendering[releaseBranch].main;
+	return /* @__PURE__ */ jsxs(Fragment, { children: [
+		/* @__PURE__ */ jsx(external_link_default, {
+			to: `${mainOrigin}/a/license-footer`,
+			target: "_blank",
+			children: /* @__PURE__ */ jsx(P3, {
+				className: "text-gray-600 underline underline-offset-[4px]",
+				text: "許可協議"
+			})
+		}),
+		/* @__PURE__ */ jsx(P3, {
+			className: "text-gray-600",
+			text: "｜"
+		}),
+		/* @__PURE__ */ jsx(external_link_default, {
+			to: `${mainOrigin}/a/privacy-footer`,
+			target: "_blank",
+			children: /* @__PURE__ */ jsx(P3, {
+				className: "text-gray-600 underline underline-offset-[4px]",
+				text: "隱私政策"
+			})
+		}),
+		/* @__PURE__ */ jsx(P3, {
+			className: "text-gray-600",
+			text: "｜"
+		}),
+		/* @__PURE__ */ jsx(external_link_default, {
+			to: "https://twreporter.gitbook.io/the-reporter-brand-guidelines",
+			target: "_blank",
+			children: /* @__PURE__ */ jsx(P3, {
+				className: "text-gray-600 underline underline-offset-[4px]",
+				text: "品牌規範"
+			})
+		})
+	] });
+};
+const LinkButtonGroups = ({ releaseBranch }) => {
+	const mainOrigin = forClientSideRendering[releaseBranch].main;
+	const linksGroups = getLinksGroups(mainOrigin);
+	return _.map(linksGroups, (links, indexofGroup) => {
+		return /* @__PURE__ */ jsx("div", {
+			className: clsx("flex flex-col gap-[8px] basis-1/3", "desktop:w-[120px] desktop:gap-[16px] desktop:basis-auto"),
+			children: _.map(links, (link, indexofLink) => {
+				return /* @__PURE__ */ jsx(external_link_default, {
+					to: link.to,
+					target: "_blank",
+					children: /* @__PURE__ */ jsx(P2, {
+						className: "text-gray-600 hover:text-gray-800",
+						text: link.text
+					})
+				}, indexofLink);
+			})
+		}, indexofGroup);
+	});
+};
+
+//#endregion
+export { InfoLinks, LinkButtonGroups, SocialLinks };
+//# sourceMappingURL=links-DO97xw7S.mjs.map

package/lib/links-DO97xw7S.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"links-DO97xw7S.mjs","names":["ExternalLink","IconButton"],"sources":["../src/footer/links.tsx"],"sourcesContent":["import clsx from 'clsx'\n// text\nimport { P2, P3 } from '../text/paragraph'\n// constants\nimport type { ReleaseBranch } from '../constants/release-branch'\nimport { getSocialMediaLinks, getLinksGroups } from './constants'\nimport { forClientSideRendering } from '../constants/request-origins'\n// button\nimport { IconButton } from '../button'\n// link\nimport { ExternalLink } from '../customized-link'\n// icon\nimport { SocialMedia } from '../icons'\n// lodash\nimport map from 'lodash/map'\nconst _ = {\n  map,\n}\n\nexport const SocialLinks = ({\n  releaseBranch,\n}: {\n  releaseBranch: ReleaseBranch\n}) => {\n  const links = getSocialMediaLinks()\n  return (\n    <div className=\"flex gap-[16px]\">\n      {_.map(links, (link) => {\n        const iconComponent = (\n          <SocialMedia mediaType={link.icon} releaseBranch={releaseBranch} />\n        )\n        return (\n          <ExternalLink key={link.slug} to={link.to} target={link.target}>\n            <IconButton iconComponent={iconComponent} />\n          </ExternalLink>\n        )\n      })}\n    </div>\n  )\n}\n\nexport const InfoLinks = ({\n  releaseBranch,\n}: {\n  releaseBranch: ReleaseBranch\n}) => {\n  const mainOrigin = forClientSideRendering[releaseBranch].main\n  return (\n    <>\n      <ExternalLink to={`${mainOrigin}/a/license-footer`} target=\"_blank\">\n        <P3\n          className=\"text-gray-600 underline underline-offset-[4px]\"\n          text=\"許可協議\"\n        />\n      </ExternalLink>\n      <P3 className=\"text-gray-600\" text=\"｜\" />\n      <ExternalLink to={`${mainOrigin}/a/privacy-footer`} target=\"_blank\">\n        <P3\n          className=\"text-gray-600 underline underline-offset-[4px]\"\n          text=\"隱私政策\"\n        />\n      </ExternalLink>\n      <P3 className=\"text-gray-600\" text=\"｜\" />\n      <ExternalLink\n        to={'https://twreporter.gitbook.io/the-reporter-brand-guidelines'}\n        target=\"_blank\"\n      >\n        <P3\n          className=\"text-gray-600 underline underline-offset-[4px]\"\n          text=\"品牌規範\"\n        />\n      </ExternalLink>\n    </>\n  )\n}\n\nexport const LinkButtonGroups = ({\n  releaseBranch,\n}: {\n  releaseBranch: ReleaseBranch\n}) => {\n  const mainOrigin = forClientSideRendering[releaseBranch].main\n  const linksGroups = getLinksGroups(mainOrigin)\n  return _.map(linksGroups, (links, indexofGroup) => {\n    return (\n      <div\n        key={indexofGroup}\n        className={clsx(\n          'flex flex-col gap-[8px] basis-1/3',\n          'desktop:w-[120px] desktop:gap-[16px] desktop:basis-auto'\n        )}\n      >\n        {_.map(links, (link, indexofLink) => {\n          return (\n            <ExternalLink key={indexofLink} to={link.to} target=\"_blank\">\n              <P2\n                className=\"text-gray-600 hover:text-gray-800\"\n                text={link.text}\n              />\n            </ExternalLink>\n          )\n        })}\n      </div>\n    )\n  })\n}\n"],"mappings":";;;;;;;;;;;AAeA,MAAM,IAAI,EACR,KACD;AAED,MAAa,eAAe,EAC1B,oBAGI;CACJ,MAAM,QAAQ,qBAAqB;AACnC,QACE,oBAAC;EAAI,WAAU;YACZ,EAAE,IAAI,QAAQ,SAAS;GACtB,MAAM,gBACJ,oBAAC;IAAY,WAAW,KAAK;IAAqB;KAAiB;AAErE,UACE,oBAACA;IAA6B,IAAI,KAAK;IAAI,QAAQ,KAAK;cACtD,oBAACC,uBAA0B,gBAAiB;MAD3B,KAAK,KAET;IAEjB;GACE;;AAIV,MAAa,aAAa,EACxB,oBAGI;CACJ,MAAM,aAAa,uBAAuB,eAAe;AACzD,QACE;EACE,oBAACD;GAAa,IAAI,GAAG,WAAW;GAAoB,QAAO;aACzD,oBAAC;IACC,WAAU;IACV,MAAK;KACL;IACW;EACf,oBAAC;GAAG,WAAU;GAAgB,MAAK;IAAM;EACzC,oBAACA;GAAa,IAAI,GAAG,WAAW;GAAoB,QAAO;aACzD,oBAAC;IACC,WAAU;IACV,MAAK;KACL;IACW;EACf,oBAAC;GAAG,WAAU;GAAgB,MAAK;IAAM;EACzC,oBAACA;GACC,IAAI;GACJ,QAAO;aAEP,oBAAC;IACC,WAAU;IACV,MAAK;KACL;IACW;KACd;;AAIP,MAAa,oBAAoB,EAC/B,oBAGI;CACJ,MAAM,aAAa,uBAAuB,eAAe;CACzD,MAAM,cAAc,eAAe,WAAW;AAC9C,QAAO,EAAE,IAAI,cAAc,OAAO,iBAAiB;AACjD,SACE,oBAAC;GAEC,WAAW,KACT,qCACA,0DACD;aAEA,EAAE,IAAI,QAAQ,MAAM,gBAAgB;AACnC,WACE,oBAACA;KAA+B,IAAI,KAAK;KAAI,QAAO;eAClD,oBAAC;MACC,WAAU;MACV,MAAM,KAAK;OACX;OAJe,YAKJ;KAEjB;KAfG,aAgBD;GAER"}

package/lib/links-Xuo8pb4a.js

@@ -0,0 +1,110 @@
+const require_chunk = require('./chunk-BxBTb9qk.js');
+const require_paragraph = require('./paragraph-iuz3jP0Q.js');
+const require_button = require('./button-Dk0MxlKd.js');
+const require_request_origins = require('./request-origins-BDXulkK9.js');
+const require_external_link = require('./external-link-afU9uFB6.js');
+const require_icons = require('./icons-qP5oNB0W.js');
+const require_constants = require('./constants-0fgvpoyZ.js');
+let clsx = require("clsx");
+clsx = require_chunk.__toESM(clsx);
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_chunk.__toESM(react_jsx_runtime);
+let lodash_map = require("lodash/map");
+lodash_map = require_chunk.__toESM(lodash_map);
+
+//#region src/footer/links.tsx
+const _ = { map: lodash_map.default };
+const SocialLinks = ({ releaseBranch }) => {
+	const links = require_constants.getSocialMediaLinks();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: "flex gap-[16px]",
+		children: _.map(links, (link) => {
+			const iconComponent = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_icons.SocialMedia, {
+				mediaType: link.icon,
+				releaseBranch
+			});
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_external_link.external_link_default, {
+				to: link.to,
+				target: link.target,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_button.icon_button_default, { iconComponent })
+			}, link.slug);
+		})
+	});
+};
+const InfoLinks = ({ releaseBranch }) => {
+	const mainOrigin = require_request_origins.forClientSideRendering[releaseBranch].main;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_external_link.external_link_default, {
+			to: `${mainOrigin}/a/license-footer`,
+			target: "_blank",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_paragraph.P3, {
+				className: "text-gray-600 underline underline-offset-[4px]",
+				text: "許可協議"
+			})
+		}),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_paragraph.P3, {
+			className: "text-gray-600",
+			text: "｜"
+		}),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_external_link.external_link_default, {
+			to: `${mainOrigin}/a/privacy-footer`,
+			target: "_blank",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_paragraph.P3, {
+				className: "text-gray-600 underline underline-offset-[4px]",
+				text: "隱私政策"
+			})
+		}),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_paragraph.P3, {
+			className: "text-gray-600",
+			text: "｜"
+		}),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_external_link.external_link_default, {
+			to: "https://twreporter.gitbook.io/the-reporter-brand-guidelines",
+			target: "_blank",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_paragraph.P3, {
+				className: "text-gray-600 underline underline-offset-[4px]",
+				text: "品牌規範"
+			})
+		})
+	] });
+};
+const LinkButtonGroups = ({ releaseBranch }) => {
+	const mainOrigin = require_request_origins.forClientSideRendering[releaseBranch].main;
+	const linksGroups = require_constants.getLinksGroups(mainOrigin);
+	return _.map(linksGroups, (links, indexofGroup) => {
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: (0, clsx.default)("flex flex-col gap-[8px] basis-1/3", "desktop:w-[120px] desktop:gap-[16px] desktop:basis-auto"),
+			children: _.map(links, (link, indexofLink) => {
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_external_link.external_link_default, {
+					to: link.to,
+					target: "_blank",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_paragraph.P2, {
+						className: "text-gray-600 hover:text-gray-800",
+						text: link.text
+					})
+				}, indexofLink);
+			})
+		}, indexofGroup);
+	});
+};
+
+//#endregion
+Object.defineProperty(exports, 'InfoLinks', {
+  enumerable: true,
+  get: function () {
+    return InfoLinks;
+  }
+});
+Object.defineProperty(exports, 'LinkButtonGroups', {
+  enumerable: true,
+  get: function () {
+    return LinkButtonGroups;
+  }
+});
+Object.defineProperty(exports, 'SocialLinks', {
+  enumerable: true,
+  get: function () {
+    return SocialLinks;
+  }
+});
+//# sourceMappingURL=links-Xuo8pb4a.js.map

package/lib/links-Xuo8pb4a.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"links-Xuo8pb4a.js","names":["getSocialMediaLinks","SocialMedia","ExternalLink","IconButton","forClientSideRendering","P3","getLinksGroups","P2"],"sources":["../src/footer/links.tsx"],"sourcesContent":["import clsx from 'clsx'\n// text\nimport { P2, P3 } from '../text/paragraph'\n// constants\nimport type { ReleaseBranch } from '../constants/release-branch'\nimport { getSocialMediaLinks, getLinksGroups } from './constants'\nimport { forClientSideRendering } from '../constants/request-origins'\n// button\nimport { IconButton } from '../button'\n// link\nimport { ExternalLink } from '../customized-link'\n// icon\nimport { SocialMedia } from '../icons'\n// lodash\nimport map from 'lodash/map'\nconst _ = {\n  map,\n}\n\nexport const SocialLinks = ({\n  releaseBranch,\n}: {\n  releaseBranch: ReleaseBranch\n}) => {\n  const links = getSocialMediaLinks()\n  return (\n    <div className=\"flex gap-[16px]\">\n      {_.map(links, (link) => {\n        const iconComponent = (\n          <SocialMedia mediaType={link.icon} releaseBranch={releaseBranch} />\n        )\n        return (\n          <ExternalLink key={link.slug} to={link.to} target={link.target}>\n            <IconButton iconComponent={iconComponent} />\n          </ExternalLink>\n        )\n      })}\n    </div>\n  )\n}\n\nexport const InfoLinks = ({\n  releaseBranch,\n}: {\n  releaseBranch: ReleaseBranch\n}) => {\n  const mainOrigin = forClientSideRendering[releaseBranch].main\n  return (\n    <>\n      <ExternalLink to={`${mainOrigin}/a/license-footer`} target=\"_blank\">\n        <P3\n          className=\"text-gray-600 underline underline-offset-[4px]\"\n          text=\"許可協議\"\n        />\n      </ExternalLink>\n      <P3 className=\"text-gray-600\" text=\"｜\" />\n      <ExternalLink to={`${mainOrigin}/a/privacy-footer`} target=\"_blank\">\n        <P3\n          className=\"text-gray-600 underline underline-offset-[4px]\"\n          text=\"隱私政策\"\n        />\n      </ExternalLink>\n      <P3 className=\"text-gray-600\" text=\"｜\" />\n      <ExternalLink\n        to={'https://twreporter.gitbook.io/the-reporter-brand-guidelines'}\n        target=\"_blank\"\n      >\n        <P3\n          className=\"text-gray-600 underline underline-offset-[4px]\"\n          text=\"品牌規範\"\n        />\n      </ExternalLink>\n    </>\n  )\n}\n\nexport const LinkButtonGroups = ({\n  releaseBranch,\n}: {\n  releaseBranch: ReleaseBranch\n}) => {\n  const mainOrigin = forClientSideRendering[releaseBranch].main\n  const linksGroups = getLinksGroups(mainOrigin)\n  return _.map(linksGroups, (links, indexofGroup) => {\n    return (\n      <div\n        key={indexofGroup}\n        className={clsx(\n          'flex flex-col gap-[8px] basis-1/3',\n          'desktop:w-[120px] desktop:gap-[16px] desktop:basis-auto'\n        )}\n      >\n        {_.map(links, (link, indexofLink) => {\n          return (\n            <ExternalLink key={indexofLink} to={link.to} target=\"_blank\">\n              <P2\n                className=\"text-gray-600 hover:text-gray-800\"\n                text={link.text}\n              />\n            </ExternalLink>\n          )\n        })}\n      </div>\n    )\n  })\n}\n"],"mappings":";;;;;;;;;;;;;;;AAeA,MAAM,IAAI,EACR,yBACD;AAED,MAAa,eAAe,EAC1B,oBAGI;CACJ,MAAM,QAAQA,uCAAqB;AACnC,QACE,2CAAC;EAAI,WAAU;YACZ,EAAE,IAAI,QAAQ,SAAS;GACtB,MAAM,gBACJ,2CAACC;IAAY,WAAW,KAAK;IAAqB;KAAiB;AAErE,UACE,2CAACC;IAA6B,IAAI,KAAK;IAAI,QAAQ,KAAK;cACtD,2CAACC,sCAA0B,gBAAiB;MAD3B,KAAK,KAET;IAEjB;GACE;;AAIV,MAAa,aAAa,EACxB,oBAGI;CACJ,MAAM,aAAaC,+CAAuB,eAAe;AACzD,QACE;EACE,2CAACF;GAAa,IAAI,GAAG,WAAW;GAAoB,QAAO;aACzD,2CAACG;IACC,WAAU;IACV,MAAK;KACL;IACW;EACf,2CAACA;GAAG,WAAU;GAAgB,MAAK;IAAM;EACzC,2CAACH;GAAa,IAAI,GAAG,WAAW;GAAoB,QAAO;aACzD,2CAACG;IACC,WAAU;IACV,MAAK;KACL;IACW;EACf,2CAACA;GAAG,WAAU;GAAgB,MAAK;IAAM;EACzC,2CAACH;GACC,IAAI;GACJ,QAAO;aAEP,2CAACG;IACC,WAAU;IACV,MAAK;KACL;IACW;KACd;;AAIP,MAAa,oBAAoB,EAC/B,oBAGI;CACJ,MAAM,aAAaD,+CAAuB,eAAe;CACzD,MAAM,cAAcE,iCAAe,WAAW;AAC9C,QAAO,EAAE,IAAI,cAAc,OAAO,iBAAiB;AACjD,SACE,2CAAC;GAEC,6BACE,qCACA,0DACD;aAEA,EAAE,IAAI,QAAQ,MAAM,gBAAgB;AACnC,WACE,2CAACJ;KAA+B,IAAI,KAAK;KAAI,QAAO;eAClD,2CAACK;MACC,WAAU;MACV,MAAM,KAAK;OACX;OAJe,YAKJ;KAEjB;KAfG,aAgBD;GAER"}

package/lib/logo/constants.d.mts

@@ -1,3 +1,3 @@
-import "../index-DaRD2S-9.mjs";
-import { LOGO, LOGO_SYMBOL_TYPE, LOGO_TYPE, Logo, LogoSymbolType, LogoType } from "../constants-oX1rftqQ.mjs";
+import "../index-DegwO8ei.mjs";
+import { LOGO, LOGO_SYMBOL_TYPE, LOGO_TYPE, Logo, LogoSymbolType, LogoType } from "../constants-IzZ4bWWt.mjs";
 export { LOGO, LOGO_SYMBOL_TYPE, LOGO_TYPE, Logo, LogoSymbolType, LogoType };

package/lib/logo/constants.d.ts

@@ -1,3 +1,3 @@
 import "../index-H3peA2d_.js";
-import { LOGO, LOGO_SYMBOL_TYPE, LOGO_TYPE, Logo, LogoSymbolType, LogoType } from "../constants-CzHmv07x.js";
+import { LOGO, LOGO_SYMBOL_TYPE, LOGO_TYPE, Logo, LogoSymbolType, LogoType } from "../constants-C86Q6QlO.js";
 export { LOGO, LOGO_SYMBOL_TYPE, LOGO_TYPE, Logo, LogoSymbolType, LogoType };

package/lib/logo/index.d.mts

@@ -1,15 +1,15 @@
-import "../index-DaRD2S-9.mjs";
-import { ReleaseBranch } from "../release-branch-8qGtkKtd.mjs";
-import { LOGO_SYMBOL_TYPE, LOGO_TYPE, LogoSymbolType, LogoType } from "../constants-oX1rftqQ.mjs";
-import * as react14 from "react";
+import "../index-DegwO8ei.mjs";
+import { ReleaseBranch } from "../release-branch-CaxOk9Rq.mjs";
+import { LOGO_SYMBOL_TYPE, LOGO_TYPE, LogoSymbolType, LogoType } from "../constants-IzZ4bWWt.mjs";
+import * as react8 from "react";
 import React from "react";
 
 //#region src/logo/components/logo-header.d.ts
-type LogoHeaderProps = {
+type LogoHeaderProps$1 = {
   type: LogoType;
   releaseBranch?: ReleaseBranch;
 } & React.ImgHTMLAttributes<HTMLImageElement>;
-declare const LogoHeader: React.FC<LogoHeaderProps> & {
+declare const LogoHeader$1: React.FC<LogoHeaderProps$1> & {
   Type: typeof LOGO_TYPE;
 };
 //#endregion
@@ -22,21 +22,36 @@ declare const LogoSymbol: React.FC<LogoSymbolProps> & {
   Type: typeof LOGO_SYMBOL_TYPE;
 };
 //#endregion
+//#region src/logo/components/logo-footer.d.ts
+type LogoHeaderProps = {
+  type: LogoType;
+  releaseBranch?: ReleaseBranch;
+} & React.ImgHTMLAttributes<HTMLImageElement>;
+declare const LogoHeader: React.FC<LogoHeaderProps> & {
+  Type: typeof LOGO_TYPE;
+};
+//#endregion
 //#region src/logo/index.d.ts
 declare const _default: {
-  LogoHeader: react14.FC<{
+  LogoHeader: react8.FC<{
     type: LogoType;
     releaseBranch?: ReleaseBranch;
-  } & react14.ImgHTMLAttributes<HTMLImageElement>> & {
+  } & react8.ImgHTMLAttributes<HTMLImageElement>> & {
     Type: typeof LOGO_TYPE;
   };
-  LogoSymbol: react14.FC<{
+  LogoSymbol: react8.FC<{
     type: LogoSymbolType;
     releaseBranch?: ReleaseBranch;
-  } & react14.ImgHTMLAttributes<HTMLImageElement>> & {
+  } & react8.ImgHTMLAttributes<HTMLImageElement>> & {
     Type: typeof LOGO_SYMBOL_TYPE;
   };
+  LogoFooter: react8.FC<{
+    type: LogoType;
+    releaseBranch?: ReleaseBranch;
+  } & react8.ImgHTMLAttributes<HTMLImageElement>> & {
+    Type: typeof LOGO_TYPE;
+  };
 };
 //#endregion
-export { LogoHeader, LogoSymbol, _default as default };
+export { LogoHeader as LogoFooter, LogoHeader$1 as LogoHeader, LogoSymbol, _default as default };
 //# sourceMappingURL=index.d.mts.map

package/lib/logo/index.d.ts

@@ -1,15 +1,15 @@
 import "../index-H3peA2d_.js";
 import { ReleaseBranch } from "../release-branch-CsBbhuYE.js";
-import { LOGO_SYMBOL_TYPE, LOGO_TYPE, LogoSymbolType, LogoType } from "../constants-CzHmv07x.js";
+import { LOGO_SYMBOL_TYPE, LOGO_TYPE, LogoSymbolType, LogoType } from "../constants-C86Q6QlO.js";
 import * as react11 from "react";
 import React from "react";
 
 //#region src/logo/components/logo-header.d.ts
-type LogoHeaderProps = {
+type LogoHeaderProps$1 = {
   type: LogoType;
   releaseBranch?: ReleaseBranch;
 } & React.ImgHTMLAttributes<HTMLImageElement>;
-declare const LogoHeader: React.FC<LogoHeaderProps> & {
+declare const LogoHeader$1: React.FC<LogoHeaderProps$1> & {
   Type: typeof LOGO_TYPE;
 };
 //#endregion
@@ -22,6 +22,15 @@ declare const LogoSymbol: React.FC<LogoSymbolProps> & {
   Type: typeof LOGO_SYMBOL_TYPE;
 };
 //#endregion
+//#region src/logo/components/logo-footer.d.ts
+type LogoHeaderProps = {
+  type: LogoType;
+  releaseBranch?: ReleaseBranch;
+} & React.ImgHTMLAttributes<HTMLImageElement>;
+declare const LogoHeader: React.FC<LogoHeaderProps> & {
+  Type: typeof LOGO_TYPE;
+};
+//#endregion
 //#region src/logo/index.d.ts
 declare const _default: {
   LogoHeader: react11.FC<{
@@ -36,7 +45,13 @@ declare const _default: {
   } & react11.ImgHTMLAttributes<HTMLImageElement>> & {
     Type: typeof LOGO_SYMBOL_TYPE;
   };
+  LogoFooter: react11.FC<{
+    type: LogoType;
+    releaseBranch?: ReleaseBranch;
+  } & react11.ImgHTMLAttributes<HTMLImageElement>> & {
+    Type: typeof LOGO_TYPE;
+  };
 };
 //#endregion
-export { LogoHeader, LogoSymbol, _default as default };
+export { LogoHeader as LogoFooter, LogoHeader$1 as LogoHeader, LogoSymbol, _default as default };
 //# sourceMappingURL=index.d.ts.map

package/lib/logo/index.js

@@ -1,8 +1,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 require('../release-branch-CRZV4Ivz.js');
 require('../constants-C2moxnps.js');
-const require_logo = require('../logo-BTNfdxTv.js');
+const require_logo = require('../logo-B3GSkN1O.js');
 
+exports.LogoFooter = require_logo.logo_footer_default;
 exports.LogoHeader = require_logo.logo_header_default;
 exports.LogoSymbol = require_logo.logo_symbol_default;
 exports.default = require_logo.logo_default;

package/lib/logo/index.mjs

@@ -1,5 +1,5 @@
 import "../release-branch-DNCD1uH_.mjs";
 import "../constants-DRxdMM_X.mjs";
-import { logo_default, logo_header_default, logo_symbol_default } from "../logo-D68VZ-fc.mjs";
+import { logo_default, logo_footer_default, logo_header_default, logo_symbol_default } from "../logo-NfYCtrtN.mjs";
 
-export { logo_header_default as LogoHeader, logo_symbol_default as LogoSymbol, logo_default as default };
+export { logo_footer_default as LogoFooter, logo_header_default as LogoHeader, logo_symbol_default as LogoSymbol, logo_default as default };

package/lib/{logo-BTNfdxTv.js → logo-B3GSkN1O.js}

@@ -1,6 +1,8 @@
 const require_chunk = require('./chunk-BxBTb9qk.js');
 const require_release_branch = require('./release-branch-CRZV4Ivz.js');
 const require_constants = require('./constants-C2moxnps.js');
+let clsx = require("clsx");
+clsx = require_chunk.__toESM(clsx);
 let react_jsx_runtime = require("react/jsx-runtime");
 react_jsx_runtime = require_chunk.__toESM(react_jsx_runtime);
 
@@ -30,7 +32,7 @@ var path_default = { selectLogoPath };
 
 //#endregion
 //#region src/logo/components/logo-header.tsx
-const LogoHeader = ({ type = require_constants.LOGO_TYPE.default, releaseBranch = require_release_branch.RELEASE_BRANCH.master,...props }) => {
+const LogoHeader$1 = ({ type = require_constants.LOGO_TYPE.default, releaseBranch = require_release_branch.RELEASE_BRANCH.master,...props }) => {
 	const logoSrc = path_default.selectLogoPath(require_constants.LOGO.header, releaseBranch, type);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
 		alt: "The Reporter Logo",
@@ -38,8 +40,8 @@ const LogoHeader = ({ type = require_constants.LOGO_TYPE.default, releaseBranch
 		...props
 	});
 };
-LogoHeader.Type = require_constants.LOGO_TYPE;
-var logo_header_default = LogoHeader;
+LogoHeader$1.Type = require_constants.LOGO_TYPE;
+var logo_header_default = LogoHeader$1;
 
 //#endregion
 //#region src/logo/components/logo-symbol.tsx
@@ -54,11 +56,26 @@ const LogoSymbol = ({ type = require_constants.LOGO_SYMBOL_TYPE.default, release
 LogoSymbol.Type = require_constants.LOGO_SYMBOL_TYPE;
 var logo_symbol_default = LogoSymbol;
 
+//#endregion
+//#region src/logo/components/logo-footer.tsx
+const LogoHeader = ({ type = require_constants.LOGO_TYPE.default, releaseBranch = require_release_branch.RELEASE_BRANCH.master,...props }) => {
+	const logoSrc = path_default.selectLogoPath(require_constants.LOGO.footer, releaseBranch, type);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
+		className: (0, clsx.default)("w-[232px] h-[25px]", "desktop:w-[272px] desktop:h-[29px]"),
+		alt: "The Reporter Logo",
+		src: logoSrc,
+		...props
+	});
+};
+LogoHeader.Type = require_constants.LOGO_TYPE;
+var logo_footer_default = LogoHeader;
+
 //#endregion
 //#region src/logo/index.ts
 var logo_default = {
 	LogoHeader: logo_header_default,
-	LogoSymbol: logo_symbol_default
+	LogoSymbol: logo_symbol_default,
+	LogoFooter: logo_footer_default
 };
 
 //#endregion
@@ -68,6 +85,12 @@ Object.defineProperty(exports, 'logo_default', {
     return logo_default;
   }
 });
+Object.defineProperty(exports, 'logo_footer_default', {
+  enumerable: true,
+  get: function () {
+    return logo_footer_default;
+  }
+});
 Object.defineProperty(exports, 'logo_header_default', {
   enumerable: true,
   get: function () {
@@ -80,4 +103,4 @@ Object.defineProperty(exports, 'logo_symbol_default', {
     return logo_symbol_default;
   }
 });
-//# sourceMappingURL=logo-BTNfdxTv.js.map
+//# sourceMappingURL=logo-B3GSkN1O.js.map

package/lib/logo-B3GSkN1O.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"logo-B3GSkN1O.js","names":["LogoHeader: React.FC<LogoHeaderProps> & { Type: typeof LOGO_TYPE }","LOGO_TYPE","RELEASE_BRANCH","pathUtil","LOGO","LogoHeader","LogoSymbol: React.FC<LogoSymbolProps> & {\n  Type: typeof LOGO_SYMBOL_TYPE\n}","LOGO_SYMBOL_TYPE","RELEASE_BRANCH","pathUtil","LOGO","LogoHeader: React.FC<LogoHeaderProps> & { Type: typeof LOGO_TYPE }","LOGO_TYPE","RELEASE_BRANCH","pathUtil","LOGO"],"sources":["../src/logo/utils/path.ts","../src/logo/components/logo-header.tsx","../src/logo/components/logo-symbol.tsx","../src/logo/components/logo-footer.tsx","../src/logo/index.ts"],"sourcesContent":["import type { ReleaseBranch } from '../../constants/release-branch'\nimport type { Logo, LogoType, LogoSymbolType } from '../constants'\n\nconst baseGCSDir = 'https://www.twreporter.org/images/logo/'\n\nfunction selectLogoPath(\n  logo: Logo,\n  branch: ReleaseBranch,\n  type: LogoType | LogoSymbolType\n) {\n  switch (logo) {\n    case 'header': {\n      const defaultPath = `${baseGCSDir}logo-header.${branch}.svg`\n      const whitePath = `${baseGCSDir}logo-header-white.${branch}.svg`\n      return type === 'white' ? whitePath : defaultPath\n    }\n    case 'footer': {\n      const path = {\n        default: `${baseGCSDir}logo-footer.${branch}.svg`,\n        white: `${baseGCSDir}logo-footer-white.${branch}.svg`,\n      }\n      return path[type as LogoType]\n    }\n    case 'symbol': {\n      const path = {\n        default: `${baseGCSDir}logo-symbol-default.${branch}.svg`,\n        black: `${baseGCSDir}logo-symbol-black.${branch}.svg`,\n        white: `${baseGCSDir}logo-symbol-white.${branch}.svg`,\n      }\n      return path[type]\n    }\n    case 'loading-fallback': {\n      return `${baseGCSDir}logo-loading-fallback.${branch}.svg`\n    }\n    default: {\n      return ''\n    }\n  }\n}\n\nexport default {\n  selectLogoPath,\n}\n","import type React from 'react'\n// utils\nimport pathUtil from '../utils/path'\n// constants\nimport {\n  RELEASE_BRANCH,\n  type ReleaseBranch,\n} from '../../constants/release-branch'\nimport { LOGO, LOGO_TYPE, type LogoType } from '../constants'\n\ntype LogoHeaderProps = {\n  type: LogoType\n  releaseBranch?: ReleaseBranch\n} & React.ImgHTMLAttributes<HTMLImageElement>\n\nconst LogoHeader: React.FC<LogoHeaderProps> & { Type: typeof LOGO_TYPE } = ({\n  type = LOGO_TYPE.default,\n  releaseBranch = RELEASE_BRANCH.master,\n  ...props\n}) => {\n  const logoSrc = pathUtil.selectLogoPath(LOGO.header, releaseBranch, type)\n\n  return (\n    // biome-ignore lint/performance/noImgElement: use next image later\n    <img alt=\"The Reporter Logo\" src={logoSrc} {...props} />\n  )\n}\n\nLogoHeader.Type = LOGO_TYPE\n\nexport default LogoHeader\n","import type React from 'react'\n// utils\nimport pathUtil from '../utils/path'\n// constants\nimport {\n  RELEASE_BRANCH,\n  type ReleaseBranch,\n} from '../../constants/release-branch'\nimport { LOGO, LOGO_SYMBOL_TYPE, type LogoSymbolType } from '../constants'\n\ntype LogoSymbolProps = {\n  type: LogoSymbolType\n  releaseBranch?: ReleaseBranch\n} & React.ImgHTMLAttributes<HTMLImageElement>\n\nconst LogoSymbol: React.FC<LogoSymbolProps> & {\n  Type: typeof LOGO_SYMBOL_TYPE\n} = ({\n  type = LOGO_SYMBOL_TYPE.default,\n  releaseBranch = RELEASE_BRANCH.master,\n  ...props\n}) => {\n  const logoSrc = pathUtil.selectLogoPath(LOGO.symbol, releaseBranch, type)\n\n  return (\n    // biome-ignore lint/performance/noImgElement: use next image later\n    <img alt=\"The Reporter Logo\" src={logoSrc} {...props} />\n  )\n}\n\nLogoSymbol.Type = LOGO_SYMBOL_TYPE\n\nexport default LogoSymbol\n","import type React from 'react'\nimport clsx from 'clsx'\n// utils\nimport pathUtil from '../utils/path'\n// constants\nimport {\n  RELEASE_BRANCH,\n  type ReleaseBranch,\n} from '../../constants/release-branch'\nimport { LOGO, LOGO_TYPE, type LogoType } from '../constants'\n\ntype LogoHeaderProps = {\n  type: LogoType\n  releaseBranch?: ReleaseBranch\n} & React.ImgHTMLAttributes<HTMLImageElement>\n\nconst LogoHeader: React.FC<LogoHeaderProps> & { Type: typeof LOGO_TYPE } = ({\n  type = LOGO_TYPE.default,\n  releaseBranch = RELEASE_BRANCH.master,\n  ...props\n}) => {\n  const logoSrc = pathUtil.selectLogoPath(LOGO.footer, releaseBranch, type)\n\n  return (\n    // biome-ignore lint/performance/noImgElement: use next image later\n    <img\n      className={clsx(\n        'w-[232px] h-[25px]',\n        'desktop:w-[272px] desktop:h-[29px]'\n      )}\n      alt=\"The Reporter Logo\"\n      src={logoSrc}\n      {...props}\n    />\n  )\n}\n\nLogoHeader.Type = LOGO_TYPE\n\nexport default LogoHeader\n","import LogoHeader from './components/logo-header'\nimport LogoSymbol from './components/logo-symbol'\nimport LogoFooter from './components/logo-footer'\n\nexport default {\n  LogoHeader,\n  LogoSymbol,\n  LogoFooter,\n}\n\nexport { LogoHeader, LogoSymbol, LogoFooter }\n"],"mappings":";;;;;;;;;AAGA,MAAM,aAAa;AAEnB,SAAS,eACP,MACA,QACA,MACA;AACA,SAAQ,MAAR;EACE,KAAK,UAAU;GACb,MAAM,cAAc,GAAG,WAAW,cAAc,OAAO;GACvD,MAAM,YAAY,GAAG,WAAW,oBAAoB,OAAO;AAC3D,UAAO,SAAS,UAAU,YAAY;;EAExC,KAAK,SAKH,QAJa;GACX,SAAS,GAAG,WAAW,cAAc,OAAO;GAC5C,OAAO,GAAG,WAAW,oBAAoB,OAAO;GACjD,CACW;EAEd,KAAK,SAMH,QALa;GACX,SAAS,GAAG,WAAW,sBAAsB,OAAO;GACpD,OAAO,GAAG,WAAW,oBAAoB,OAAO;GAChD,OAAO,GAAG,WAAW,oBAAoB,OAAO;GACjD,CACW;EAEd,KAAK,mBACH,QAAO,GAAG,WAAW,wBAAwB,OAAO;EAEtD,QACE,QAAO;;;AAKb,mBAAe,EACb,gBACD;;;;AC3BD,MAAMA,gBAAsE,EAC1E,OAAOC,4BAAU,SACjB,gBAAgBC,sCAAe,OAC/B,GAAG,YACC;CACJ,MAAM,UAAUC,aAAS,eAAeC,uBAAK,QAAQ,eAAe,KAAK;AAEzE,QAEE,2CAAC;EAAI,KAAI;EAAoB,KAAK;EAAS,GAAI;GAAS;;AAI5D,aAAW,OAAOH;AAElB,0BAAeI;;;;ACff,MAAMC,cAED,EACH,OAAOC,mCAAiB,SACxB,gBAAgBC,sCAAe,OAC/B,GAAG,YACC;CACJ,MAAM,UAAUC,aAAS,eAAeC,uBAAK,QAAQ,eAAe,KAAK;AAEzE,QAEE,2CAAC;EAAI,KAAI;EAAoB,KAAK;EAAS,GAAI;GAAS;;AAI5D,WAAW,OAAOH;AAElB,0BAAe;;;;AChBf,MAAMI,cAAsE,EAC1E,OAAOC,4BAAU,SACjB,gBAAgBC,sCAAe,OAC/B,GAAG,YACC;CACJ,MAAM,UAAUC,aAAS,eAAeC,uBAAK,QAAQ,eAAe,KAAK;AAEzE,QAEE,2CAAC;EACC,6BACE,sBACA,qCACD;EACD,KAAI;EACJ,KAAK;EACL,GAAI;GACJ;;AAIN,WAAW,OAAOH;AAElB,0BAAe;;;;ACnCf,mBAAe;CACb;CACA;CACA;CACD"}

package/lib/logo-C5NgKyYa.js

@@ -0,0 +1,32 @@
+const require_chunk = require('./chunk-BxBTb9qk.js');
+const require_release_branch = require('./release-branch-CRZV4Ivz.js');
+const require_internal_link = require('./internal-link-Bq4yp13E.js');
+const require_logo = require('./logo-B3GSkN1O.js');
+let react = require("react");
+react = require_chunk.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_chunk.__toESM(react_jsx_runtime);
+
+//#region src/footer/logo.tsx
+const Logo = ({ releaseBranch = require_release_branch.RELEASE_BRANCH.master }) => {
+	const [isHover, setIsHover] = (0, react.useState)(false);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_internal_link.internal_link_default, {
+		to: "/",
+		onMouseEnter: () => setIsHover(true),
+		onMouseLeave: () => setIsHover(false),
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_logo.logo_footer_default, {
+			releaseBranch,
+			type: isHover ? require_logo.logo_footer_default.Type.default : require_logo.logo_footer_default.Type.white
+		})
+	});
+};
+var logo_default = Logo;
+
+//#endregion
+Object.defineProperty(exports, 'logo_default', {
+  enumerable: true,
+  get: function () {
+    return logo_default;
+  }
+});
+//# sourceMappingURL=logo-C5NgKyYa.js.map

package/lib/logo-C5NgKyYa.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"logo-C5NgKyYa.js","names":["Logo: FC<LogoProps>","RELEASE_BRANCH","InternalLink","LogoFooter"],"sources":["../src/footer/logo.tsx"],"sourcesContent":["import { useState, type FC } from 'react'\n// components\nimport { LogoFooter } from '../logo'\nimport { InternalLink } from '../customized-link'\n// constants\nimport { RELEASE_BRANCH, type ReleaseBranch } from '../constants/release-branch'\n\ntype LogoProps = {\n  releaseBranch?: ReleaseBranch\n}\nconst Logo: FC<LogoProps> = ({ releaseBranch = RELEASE_BRANCH.master }) => {\n  const [isHover, setIsHover] = useState(false)\n  return (\n    <InternalLink\n      to=\"/\"\n      onMouseEnter={() => setIsHover(true)}\n      onMouseLeave={() => setIsHover(false)}\n    >\n      <LogoFooter\n        releaseBranch={releaseBranch}\n        type={isHover ? LogoFooter.Type.default : LogoFooter.Type.white}\n      />\n    </InternalLink>\n  )\n}\n\nexport default Logo\n"],"mappings":";;;;;;;;;;AAUA,MAAMA,QAAuB,EAAE,gBAAgBC,sCAAe,aAAa;CACzE,MAAM,CAAC,SAAS,kCAAuB,MAAM;AAC7C,QACE,2CAACC;EACC,IAAG;EACH,oBAAoB,WAAW,KAAK;EACpC,oBAAoB,WAAW,MAAM;YAErC,2CAACC;GACgB;GACf,MAAM,UAAUA,iCAAW,KAAK,UAAUA,iCAAW,KAAK;IAC1D;GACW;;AAInB,mBAAe"}

package/lib/logo-CumKSrK5.mjs

@@ -0,0 +1,24 @@
+import { internal_link_default } from "./internal-link-DCXJvzgx.mjs";
+import { RELEASE_BRANCH } from "./release-branch-DNCD1uH_.mjs";
+import { logo_footer_default } from "./logo-NfYCtrtN.mjs";
+import { useState } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/footer/logo.tsx
+const Logo = ({ releaseBranch = RELEASE_BRANCH.master }) => {
+	const [isHover, setIsHover] = useState(false);
+	return /* @__PURE__ */ jsx(internal_link_default, {
+		to: "/",
+		onMouseEnter: () => setIsHover(true),
+		onMouseLeave: () => setIsHover(false),
+		children: /* @__PURE__ */ jsx(logo_footer_default, {
+			releaseBranch,
+			type: isHover ? logo_footer_default.Type.default : logo_footer_default.Type.white
+		})
+	});
+};
+var logo_default = Logo;
+
+//#endregion
+export { logo_default };
+//# sourceMappingURL=logo-CumKSrK5.mjs.map

package/lib/logo-CumKSrK5.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"logo-CumKSrK5.mjs","names":["Logo: FC<LogoProps>","InternalLink","LogoFooter"],"sources":["../src/footer/logo.tsx"],"sourcesContent":["import { useState, type FC } from 'react'\n// components\nimport { LogoFooter } from '../logo'\nimport { InternalLink } from '../customized-link'\n// constants\nimport { RELEASE_BRANCH, type ReleaseBranch } from '../constants/release-branch'\n\ntype LogoProps = {\n  releaseBranch?: ReleaseBranch\n}\nconst Logo: FC<LogoProps> = ({ releaseBranch = RELEASE_BRANCH.master }) => {\n  const [isHover, setIsHover] = useState(false)\n  return (\n    <InternalLink\n      to=\"/\"\n      onMouseEnter={() => setIsHover(true)}\n      onMouseLeave={() => setIsHover(false)}\n    >\n      <LogoFooter\n        releaseBranch={releaseBranch}\n        type={isHover ? LogoFooter.Type.default : LogoFooter.Type.white}\n      />\n    </InternalLink>\n  )\n}\n\nexport default Logo\n"],"mappings":";;;;;;;AAUA,MAAMA,QAAuB,EAAE,gBAAgB,eAAe,aAAa;CACzE,MAAM,CAAC,SAAS,cAAc,SAAS,MAAM;AAC7C,QACE,oBAACC;EACC,IAAG;EACH,oBAAoB,WAAW,KAAK;EACpC,oBAAoB,WAAW,MAAM;YAErC,oBAACC;GACgB;GACf,MAAM,UAAUA,oBAAW,KAAK,UAAUA,oBAAW,KAAK;IAC1D;GACW;;AAInB,mBAAe"}

package/lib/{logo-D68VZ-fc.mjs → logo-NfYCtrtN.mjs}

@@ -1,5 +1,6 @@
 import { RELEASE_BRANCH } from "./release-branch-DNCD1uH_.mjs";
 import { LOGO, LOGO_SYMBOL_TYPE, LOGO_TYPE } from "./constants-DRxdMM_X.mjs";
+import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/logo/utils/path.ts
@@ -28,7 +29,7 @@ var path_default = { selectLogoPath };
 
 //#endregion
 //#region src/logo/components/logo-header.tsx
-const LogoHeader = ({ type = LOGO_TYPE.default, releaseBranch = RELEASE_BRANCH.master,...props }) => {
+const LogoHeader$1 = ({ type = LOGO_TYPE.default, releaseBranch = RELEASE_BRANCH.master,...props }) => {
 	const logoSrc = path_default.selectLogoPath(LOGO.header, releaseBranch, type);
 	return /* @__PURE__ */ jsx("img", {
 		alt: "The Reporter Logo",
@@ -36,8 +37,8 @@ const LogoHeader = ({ type = LOGO_TYPE.default, releaseBranch = RELEASE_BRANCH.m
 		...props
 	});
 };
-LogoHeader.Type = LOGO_TYPE;
-var logo_header_default = LogoHeader;
+LogoHeader$1.Type = LOGO_TYPE;
+var logo_header_default = LogoHeader$1;
 
 //#endregion
 //#region src/logo/components/logo-symbol.tsx
@@ -52,13 +53,28 @@ const LogoSymbol = ({ type = LOGO_SYMBOL_TYPE.default, releaseBranch = RELEASE_B
 LogoSymbol.Type = LOGO_SYMBOL_TYPE;
 var logo_symbol_default = LogoSymbol;
 
+//#endregion
+//#region src/logo/components/logo-footer.tsx
+const LogoHeader = ({ type = LOGO_TYPE.default, releaseBranch = RELEASE_BRANCH.master,...props }) => {
+	const logoSrc = path_default.selectLogoPath(LOGO.footer, releaseBranch, type);
+	return /* @__PURE__ */ jsx("img", {
+		className: clsx("w-[232px] h-[25px]", "desktop:w-[272px] desktop:h-[29px]"),
+		alt: "The Reporter Logo",
+		src: logoSrc,
+		...props
+	});
+};
+LogoHeader.Type = LOGO_TYPE;
+var logo_footer_default = LogoHeader;
+
 //#endregion
 //#region src/logo/index.ts
 var logo_default = {
 	LogoHeader: logo_header_default,
-	LogoSymbol: logo_symbol_default
+	LogoSymbol: logo_symbol_default,
+	LogoFooter: logo_footer_default
 };
 
 //#endregion
-export { logo_default, logo_header_default, logo_symbol_default };
-//# sourceMappingURL=logo-D68VZ-fc.mjs.map
+export { logo_default, logo_footer_default, logo_header_default, logo_symbol_default };
+//# sourceMappingURL=logo-NfYCtrtN.mjs.map

package/lib/logo-NfYCtrtN.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"logo-NfYCtrtN.mjs","names":["LogoHeader: React.FC<LogoHeaderProps> & { Type: typeof LOGO_TYPE }","pathUtil","LogoHeader","LogoSymbol: React.FC<LogoSymbolProps> & {\n  Type: typeof LOGO_SYMBOL_TYPE\n}","pathUtil","LogoHeader: React.FC<LogoHeaderProps> & { Type: typeof LOGO_TYPE }","pathUtil"],"sources":["../src/logo/utils/path.ts","../src/logo/components/logo-header.tsx","../src/logo/components/logo-symbol.tsx","../src/logo/components/logo-footer.tsx","../src/logo/index.ts"],"sourcesContent":["import type { ReleaseBranch } from '../../constants/release-branch'\nimport type { Logo, LogoType, LogoSymbolType } from '../constants'\n\nconst baseGCSDir = 'https://www.twreporter.org/images/logo/'\n\nfunction selectLogoPath(\n  logo: Logo,\n  branch: ReleaseBranch,\n  type: LogoType | LogoSymbolType\n) {\n  switch (logo) {\n    case 'header': {\n      const defaultPath = `${baseGCSDir}logo-header.${branch}.svg`\n      const whitePath = `${baseGCSDir}logo-header-white.${branch}.svg`\n      return type === 'white' ? whitePath : defaultPath\n    }\n    case 'footer': {\n      const path = {\n        default: `${baseGCSDir}logo-footer.${branch}.svg`,\n        white: `${baseGCSDir}logo-footer-white.${branch}.svg`,\n      }\n      return path[type as LogoType]\n    }\n    case 'symbol': {\n      const path = {\n        default: `${baseGCSDir}logo-symbol-default.${branch}.svg`,\n        black: `${baseGCSDir}logo-symbol-black.${branch}.svg`,\n        white: `${baseGCSDir}logo-symbol-white.${branch}.svg`,\n      }\n      return path[type]\n    }\n    case 'loading-fallback': {\n      return `${baseGCSDir}logo-loading-fallback.${branch}.svg`\n    }\n    default: {\n      return ''\n    }\n  }\n}\n\nexport default {\n  selectLogoPath,\n}\n","import type React from 'react'\n// utils\nimport pathUtil from '../utils/path'\n// constants\nimport {\n  RELEASE_BRANCH,\n  type ReleaseBranch,\n} from '../../constants/release-branch'\nimport { LOGO, LOGO_TYPE, type LogoType } from '../constants'\n\ntype LogoHeaderProps = {\n  type: LogoType\n  releaseBranch?: ReleaseBranch\n} & React.ImgHTMLAttributes<HTMLImageElement>\n\nconst LogoHeader: React.FC<LogoHeaderProps> & { Type: typeof LOGO_TYPE } = ({\n  type = LOGO_TYPE.default,\n  releaseBranch = RELEASE_BRANCH.master,\n  ...props\n}) => {\n  const logoSrc = pathUtil.selectLogoPath(LOGO.header, releaseBranch, type)\n\n  return (\n    // biome-ignore lint/performance/noImgElement: use next image later\n    <img alt=\"The Reporter Logo\" src={logoSrc} {...props} />\n  )\n}\n\nLogoHeader.Type = LOGO_TYPE\n\nexport default LogoHeader\n","import type React from 'react'\n// utils\nimport pathUtil from '../utils/path'\n// constants\nimport {\n  RELEASE_BRANCH,\n  type ReleaseBranch,\n} from '../../constants/release-branch'\nimport { LOGO, LOGO_SYMBOL_TYPE, type LogoSymbolType } from '../constants'\n\ntype LogoSymbolProps = {\n  type: LogoSymbolType\n  releaseBranch?: ReleaseBranch\n} & React.ImgHTMLAttributes<HTMLImageElement>\n\nconst LogoSymbol: React.FC<LogoSymbolProps> & {\n  Type: typeof LOGO_SYMBOL_TYPE\n} = ({\n  type = LOGO_SYMBOL_TYPE.default,\n  releaseBranch = RELEASE_BRANCH.master,\n  ...props\n}) => {\n  const logoSrc = pathUtil.selectLogoPath(LOGO.symbol, releaseBranch, type)\n\n  return (\n    // biome-ignore lint/performance/noImgElement: use next image later\n    <img alt=\"The Reporter Logo\" src={logoSrc} {...props} />\n  )\n}\n\nLogoSymbol.Type = LOGO_SYMBOL_TYPE\n\nexport default LogoSymbol\n","import type React from 'react'\nimport clsx from 'clsx'\n// utils\nimport pathUtil from '../utils/path'\n// constants\nimport {\n  RELEASE_BRANCH,\n  type ReleaseBranch,\n} from '../../constants/release-branch'\nimport { LOGO, LOGO_TYPE, type LogoType } from '../constants'\n\ntype LogoHeaderProps = {\n  type: LogoType\n  releaseBranch?: ReleaseBranch\n} & React.ImgHTMLAttributes<HTMLImageElement>\n\nconst LogoHeader: React.FC<LogoHeaderProps> & { Type: typeof LOGO_TYPE } = ({\n  type = LOGO_TYPE.default,\n  releaseBranch = RELEASE_BRANCH.master,\n  ...props\n}) => {\n  const logoSrc = pathUtil.selectLogoPath(LOGO.footer, releaseBranch, type)\n\n  return (\n    // biome-ignore lint/performance/noImgElement: use next image later\n    <img\n      className={clsx(\n        'w-[232px] h-[25px]',\n        'desktop:w-[272px] desktop:h-[29px]'\n      )}\n      alt=\"The Reporter Logo\"\n      src={logoSrc}\n      {...props}\n    />\n  )\n}\n\nLogoHeader.Type = LOGO_TYPE\n\nexport default LogoHeader\n","import LogoHeader from './components/logo-header'\nimport LogoSymbol from './components/logo-symbol'\nimport LogoFooter from './components/logo-footer'\n\nexport default {\n  LogoHeader,\n  LogoSymbol,\n  LogoFooter,\n}\n\nexport { LogoHeader, LogoSymbol, LogoFooter }\n"],"mappings":";;;;;;AAGA,MAAM,aAAa;AAEnB,SAAS,eACP,MACA,QACA,MACA;AACA,SAAQ,MAAR;EACE,KAAK,UAAU;GACb,MAAM,cAAc,GAAG,WAAW,cAAc,OAAO;GACvD,MAAM,YAAY,GAAG,WAAW,oBAAoB,OAAO;AAC3D,UAAO,SAAS,UAAU,YAAY;;EAExC,KAAK,SAKH,QAJa;GACX,SAAS,GAAG,WAAW,cAAc,OAAO;GAC5C,OAAO,GAAG,WAAW,oBAAoB,OAAO;GACjD,CACW;EAEd,KAAK,SAMH,QALa;GACX,SAAS,GAAG,WAAW,sBAAsB,OAAO;GACpD,OAAO,GAAG,WAAW,oBAAoB,OAAO;GAChD,OAAO,GAAG,WAAW,oBAAoB,OAAO;GACjD,CACW;EAEd,KAAK,mBACH,QAAO,GAAG,WAAW,wBAAwB,OAAO;EAEtD,QACE,QAAO;;;AAKb,mBAAe,EACb,gBACD;;;;AC3BD,MAAMA,gBAAsE,EAC1E,OAAO,UAAU,SACjB,gBAAgB,eAAe,OAC/B,GAAG,YACC;CACJ,MAAM,UAAUC,aAAS,eAAe,KAAK,QAAQ,eAAe,KAAK;AAEzE,QAEE,oBAAC;EAAI,KAAI;EAAoB,KAAK;EAAS,GAAI;GAAS;;AAI5D,aAAW,OAAO;AAElB,0BAAeC;;;;ACff,MAAMC,cAED,EACH,OAAO,iBAAiB,SACxB,gBAAgB,eAAe,OAC/B,GAAG,YACC;CACJ,MAAM,UAAUC,aAAS,eAAe,KAAK,QAAQ,eAAe,KAAK;AAEzE,QAEE,oBAAC;EAAI,KAAI;EAAoB,KAAK;EAAS,GAAI;GAAS;;AAI5D,WAAW,OAAO;AAElB,0BAAe;;;;AChBf,MAAMC,cAAsE,EAC1E,OAAO,UAAU,SACjB,gBAAgB,eAAe,OAC/B,GAAG,YACC;CACJ,MAAM,UAAUC,aAAS,eAAe,KAAK,QAAQ,eAAe,KAAK;AAEzE,QAEE,oBAAC;EACC,WAAW,KACT,sBACA,qCACD;EACD,KAAI;EACJ,KAAK;EACL,GAAI;GACJ;;AAIN,WAAW,OAAO;AAElB,0BAAe;;;;ACnCf,mBAAe;CACb;CACA;CACA;CACD"}

package/lib/{release-branch-8qGtkKtd.d.mts → release-branch-CaxOk9Rq.d.mts}

@@ -1,4 +1,4 @@
-import { ValuesOf } from "./index-DaRD2S-9.mjs";
+import { ValuesOf } from "./index-DegwO8ei.mjs";
 
 //#region src/constants/release-branch.d.ts
 declare const RELEASE_BRANCH: {
@@ -11,4 +11,4 @@ declare const RELEASE_BRANCH: {
 type ReleaseBranch = ValuesOf<typeof RELEASE_BRANCH>;
 //#endregion
 export { RELEASE_BRANCH, ReleaseBranch };
-//# sourceMappingURL=release-branch-8qGtkKtd.d.mts.map
+//# sourceMappingURL=release-branch-CaxOk9Rq.d.mts.map