@twreporter/react-typescript-components 0.1.0-beta.18 → 0.1.0-beta.20

package/lib/{external-link-DoBTwlV3.js → external-link-Ce1_loKh.js}

@@ -3,11 +3,14 @@ let react_jsx_runtime = require("react/jsx-runtime");
 react_jsx_runtime = require_chunk.__toESM(react_jsx_runtime);
 
 //#region src/customized-link/external-link.tsx
-const ExternalLink = ({ to, target = "_self", className = "", children }) => {
+const ExternalLink = ({ to, target = "_self", className = "", children, id = "", onMouseEnter, onMouseLeave }) => {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
 		href: to,
 		target,
 		className,
+		id,
+		onMouseEnter,
+		onMouseLeave,
 		children
 	});
 };
@@ -20,4 +23,4 @@ Object.defineProperty(exports, 'external_link_default', {
     return external_link_default;
   }
 });
-//# sourceMappingURL=external-link-DoBTwlV3.js.map
+//# sourceMappingURL=external-link-Ce1_loKh.js.map

package/lib/external-link-Ce1_loKh.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"external-link-Ce1_loKh.js","names":["ExternalLink: FC<ExternalLinkProps>"],"sources":["../src/customized-link/external-link.tsx"],"sourcesContent":["import type { FC } from 'react'\nimport type { CustomizedLinkProps } from './type'\n\ntype ExternalLinkProps = CustomizedLinkProps\nconst ExternalLink: FC<ExternalLinkProps> = ({\n  to,\n  target = '_self',\n  className = '',\n  children,\n  id = '',\n  onMouseEnter,\n  onMouseLeave,\n}) => {\n  return (\n    <a\n      href={to}\n      target={target}\n      className={className}\n      id={id}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n    >\n      {children}\n    </a>\n  )\n}\n\nexport default ExternalLink\n"],"mappings":";;;;;AAIA,MAAMA,gBAAuC,EAC3C,IACA,SAAS,SACT,YAAY,IACZ,UACA,KAAK,IACL,cACA,mBACI;AACJ,QACE,2CAAC;EACC,MAAM;EACE;EACG;EACP;EACU;EACA;EAEb;GACC;;AAIR,4BAAe"}

package/lib/{external-link-C3_4RBmQ.d.mts → external-link-CvvjuS1W.d.mts}

@@ -1,4 +1,4 @@
-import { CustomizedLinkProps } from "./type-Dons5TOa.mjs";
+import { CustomizedLinkProps } from "./type-Bsf9A8YX.mjs";
 import { FC } from "react";
 
 //#region src/customized-link/external-link.d.ts
@@ -6,4 +6,4 @@ type ExternalLinkProps = CustomizedLinkProps;
 declare const ExternalLink: FC<ExternalLinkProps>;
 //#endregion
 export { ExternalLink };
-//# sourceMappingURL=external-link-C3_4RBmQ.d.mts.map
+//# sourceMappingURL=external-link-CvvjuS1W.d.mts.map

package/lib/footer/index.d.mts

@@ -0,0 +1,18 @@
+import "../index-CUE6zs36.mjs";
+import { ReleaseBranch } from "../release-branch-uF0B5lcE.mjs";
+import "../constants-DVYCKpJ0.mjs";
+import { LinkType, SocialMediaLink } from "../types-p8V2pbqn.mjs";
+import { FC } from "react";
+
+//#region src/footer/index.d.ts
+type FooterProps = {
+  releaseBranch: ReleaseBranch;
+  fundraisingId: string;
+  fundraisingDateString: string;
+  socialMediaLinks?: SocialMediaLink[];
+  buttonLinks?: LinkType[][];
+};
+declare const Footer: FC<FooterProps>;
+//#endregion
+export { Footer as default };
+//# sourceMappingURL=index.d.mts.map

package/lib/footer/index.d.ts

@@ -0,0 +1,17 @@
+import "../index-H3peA2d_.js";
+import { ReleaseBranch } from "../release-branch-CsBbhuYE.js";
+import "../constants-CBjyeHSl.js";
+import { LinkType, SocialMediaLink } from "../types-dW_WJa4D.js";
+import { FC } from "react";
+
+//#region src/footer/index.d.ts
+type FooterProps = {
+  releaseBranch: ReleaseBranch;
+  fundraisingId: string;
+  fundraisingDateString: string;
+  socialMediaLinks?: SocialMediaLink[];
+  buttonLinks?: LinkType[][];
+};
+declare const Footer: FC<FooterProps>;
+export = Footer;
+//# sourceMappingURL=index.d.ts.map

package/lib/footer/index.js

@@ -0,0 +1,107 @@
+const require_chunk = require('../chunk-BxBTb9qk.js');
+require('../constants-BmxSMOOn.js');
+require('../constants-Cndhv6qr.js');
+const require_paragraph = require('../paragraph-iuz3jP0Q.js');
+require('../theme-DDBlIbeS.js');
+const require_button = require('../button-Dk0MxlKd.js');
+const require_external_links = require('../external-links-DCn-uTD-.js');
+require('../release-branch-CRZV4Ivz.js');
+require('../request-origins-BDXulkK9.js');
+const require_external_link = require('../external-link-Ce1_loKh.js');
+require('../internal-link-Bq4yp13E.js');
+require('../customized-link-BDKQVdcH.js');
+require('../constants-nmH6p6-y.js');
+const require_divider = require('../divider-B1zvSjNJ.js');
+require('../constants-D8wNUvoZ.js');
+require('../icons-qP5oNB0W.js');
+require('../constants-C2moxnps.js');
+require('../logo-DzRRd4Y-.js');
+const require_logo$1 = require('../logo-BSp7gsND.js');
+const require_links = require('../links-CPX07u-O.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);
+
+//#region src/footer/index.tsx
+const Footer = ({ releaseBranch, fundraisingId, fundraisingDateString, socialMediaLinks = [], buttonLinks = [] }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("footer", {
+		className: (0, clsx.default)("w-full bg-gray-white"),
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: (0, clsx.default)("flex flex-col mx-auto justify-center max-w-[400px] px-[24px] pt-[48px] pb-[96px]", "desktop:max-w-[1200px] desktop:px-[48px] desktop:py-[48px]"),
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: (0, clsx.default)("w-full flex flex-col justify-center", "desktop:flex-row desktop:justify-between"),
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: (0, clsx.default)("flex flex-col w-full gap-[32px] mb-[48px] items-center text-center", "desktop:max-w-[320px] desktop:mb-0 desktop:text-start desktop:items-start"),
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: (0, clsx.default)("w-full flex flex-col gap-[16px] items-center", "desktop:gap-[24px] desktop:items-start"),
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_logo$1.logo_default, { releaseBranch }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_paragraph.P2, {
+								className: "text-gray-600",
+								text: "台灣第一個由公益基金會成立的網路媒體，致力於公共領域調查報導，打造多元進步的媒體環境。"
+							})]
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_external_link.external_link_default, {
+							to: require_external_links.EXTERNAL_LINKS.monthlyDonation,
+							target: "_blank",
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_button.pill_button_default, {
+								className: "w-[280px]! justify-center!",
+								type: require_button.pill_button_default.Type.secondary,
+								size: require_button.pill_button_default.Size.l,
+								text: "贊助我們"
+							})
+						})]
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: (0, clsx.default)("flex mb-[16px] gap-[16px]", "desktop:gap-[24px]"),
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_links.LinkButtonGroups, {
+							releaseBranch,
+							linksGroups: buttonLinks
+						})
+					})]
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_divider.divider_default, { className: "w-full my-[24px]" }),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: (0, clsx.default)("flex flex-col-reverse gap-[24px] items-center text-center", "desktop:flex-row desktop:justify-between desktop:gap-0"),
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: (0, clsx.default)("flex flex-col items-center", "desktop:flex-row"),
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_paragraph.P3, {
+								className: "text-gray-600",
+								text: `衛部救字第 ${fundraisingId} 號｜勸募期間 ${fundraisingDateString}`
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "hidden desktop:flex",
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_paragraph.P3, {
+										className: "text-gray-600",
+										text: "｜"
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_links.StaticLinks, { releaseBranch }),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_paragraph.P3, {
+										className: "text-gray-600",
+										text: "｜"
+									})
+								]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "flex desktop:hidden",
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_links.StaticLinks, { releaseBranch })
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_paragraph.P3, {
+								className: "text-gray-600",
+								text: `Copyright © ${(/* @__PURE__ */ new Date()).getFullYear()} The Reporter.`
+							})
+						]
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_links.SocialLinks, {
+						releaseBranch,
+						links: socialMediaLinks
+					})]
+				})
+			]
+		})
+	});
+};
+var footer_default = Footer;
+
+//#endregion
+module.exports = footer_default;
+//# sourceMappingURL=index.js.map

package/lib/footer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["Footer: FC<FooterProps>","Logo","P2","ExternalLink","EXTERNAL_LINKS","PillButton","LinkButtonGroups","Divider","P3","StaticLinks","SocialLinks"],"sources":["../../src/footer/index.tsx"],"sourcesContent":["import type { FC } from 'react'\nimport clsx from 'clsx'\n// text\nimport { P2, P3 } from '../text/paragraph'\n// divider\nimport Divider from '../divider'\n// constants\nimport type { ReleaseBranch } from '../constants/release-branch'\nimport { EXTERNAL_LINKS } from '../constants/external-links'\n// components\nimport Logo from './logo'\nimport { SocialLinks, StaticLinks, LinkButtonGroups } from './links'\n// button\nimport { PillButton } from '../button'\n// link\nimport { ExternalLink } from '../customized-link'\n// types\nimport type { LinkType, SocialMediaLink } from './types'\n\ntype FooterProps = {\n  releaseBranch: ReleaseBranch\n  fundraisingId: string\n  fundraisingDateString: string\n  socialMediaLinks?: SocialMediaLink[]\n  buttonLinks?: LinkType[][]\n}\nconst Footer: FC<FooterProps> = ({\n  releaseBranch,\n  fundraisingId,\n  fundraisingDateString,\n  socialMediaLinks = [],\n  buttonLinks = [],\n}) => {\n  return (\n    <footer className={clsx('w-full bg-gray-white')}>\n      <div\n        className={clsx(\n          'flex flex-col mx-auto justify-center max-w-[400px] px-[24px] pt-[48px] pb-[96px]',\n          'desktop:max-w-[1200px] desktop:px-[48px] desktop:py-[48px]'\n        )}\n      >\n        {/* upper content */}\n        <div\n          className={clsx(\n            'w-full flex flex-col justify-center',\n            'desktop:flex-row desktop:justify-between'\n          )}\n        >\n          {/* information content */}\n          <div\n            className={clsx(\n              'flex flex-col w-full gap-[32px] mb-[48px] items-center text-center',\n              'desktop:max-w-[320px] desktop:mb-0 desktop:text-start desktop:items-start'\n            )}\n          >\n            {/* logo */}\n            <div\n              className={clsx(\n                'w-full flex flex-col gap-[16px] items-center',\n                'desktop:gap-[24px] desktop:items-start'\n              )}\n            >\n              <Logo releaseBranch={releaseBranch} />\n              <P2\n                className=\"text-gray-600\"\n                text=\"台灣第一個由公益基金會成立的網路媒體，致力於公共領域調查報導，打造多元進步的媒體環境。\"\n              />\n            </div>\n            {/* donation button */}\n            <ExternalLink to={EXTERNAL_LINKS.monthlyDonation} target=\"_blank\">\n              <PillButton\n                className=\"w-[280px]! justify-center!\"\n                type={PillButton.Type.secondary}\n                size={PillButton.Size.l}\n                text={'贊助我們'}\n              />\n            </ExternalLink>\n          </div>\n          {/* links content */}\n          <div\n            className={clsx('flex mb-[16px] gap-[16px]', 'desktop:gap-[24px]')}\n          >\n            <LinkButtonGroups\n              releaseBranch={releaseBranch}\n              linksGroups={buttonLinks}\n            />\n          </div>\n        </div>\n        <Divider className=\"w-full my-[24px]\" />\n        {/* lower content */}\n        <div\n          className={clsx(\n            'flex flex-col-reverse gap-[24px] items-center text-center',\n            'desktop:flex-row desktop:justify-between desktop:gap-0'\n          )}\n        >\n          {/* info */}\n          <div\n            className={clsx('flex flex-col items-center', 'desktop:flex-row')}\n          >\n            <P3\n              className=\"text-gray-600\"\n              text={`衛部救字第 ${fundraisingId} 號｜勸募期間 ${fundraisingDateString}`}\n            />\n            <div className=\"hidden desktop:flex\">\n              <P3 className=\"text-gray-600\" text=\"｜\" />\n              <StaticLinks releaseBranch={releaseBranch} />\n              <P3 className=\"text-gray-600\" text=\"｜\" />\n            </div>\n            <div className=\"flex desktop:hidden\">\n              <StaticLinks releaseBranch={releaseBranch} />\n            </div>\n            <P3\n              className=\"text-gray-600\"\n              text={`Copyright © ${new Date().getFullYear()} The Reporter.`}\n            />\n          </div>\n          {/* social links */}\n          <SocialLinks releaseBranch={releaseBranch} links={socialMediaLinks} />\n        </div>\n      </div>\n    </footer>\n  )\n}\n\nexport default Footer\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AA0BA,MAAMA,UAA2B,EAC/B,eACA,eACA,uBACA,mBAAmB,EAAE,EACrB,cAAc,EAAE,OACZ;AACJ,QACE,2CAAC;EAAO,6BAAgB,uBAAuB;YAC7C,4CAAC;GACC,6BACE,oFACA,6DACD;;IAGD,4CAAC;KACC,6BACE,uCACA,2CACD;gBAGD,4CAAC;MACC,6BACE,sEACA,4EACD;iBAGD,4CAAC;OACC,6BACE,gDACA,yCACD;kBAED,2CAACC,+BAAoB,gBAAiB,EACtC,2CAACC;QACC,WAAU;QACV,MAAK;SACL;QACE,EAEN,2CAACC;OAAa,IAAIC,sCAAe;OAAiB,QAAO;iBACvD,2CAACC;QACC,WAAU;QACV,MAAMA,mCAAW,KAAK;QACtB,MAAMA,mCAAW,KAAK;QACtB,MAAM;SACN;QACW;OACX,EAEN,2CAAC;MACC,6BAAgB,6BAA6B,qBAAqB;gBAElE,2CAACC;OACgB;OACf,aAAa;QACb;OACE;MACF;IACN,2CAACC,mCAAQ,WAAU,qBAAqB;IAExC,4CAAC;KACC,6BACE,6DACA,yDACD;gBAGD,4CAAC;MACC,6BAAgB,8BAA8B,mBAAmB;;OAEjE,2CAACC;QACC,WAAU;QACV,MAAM,SAAS,cAAc,UAAU;SACvC;OACF,4CAAC;QAAI,WAAU;;SACb,2CAACA;UAAG,WAAU;UAAgB,MAAK;WAAM;SACzC,2CAACC,6BAA2B,gBAAiB;SAC7C,2CAACD;UAAG,WAAU;UAAgB,MAAK;WAAM;;SACrC;OACN,2CAAC;QAAI,WAAU;kBACb,2CAACC,6BAA2B,gBAAiB;SACzC;OACN,2CAACD;QACC,WAAU;QACV,MAAM,gCAAe,IAAI,MAAM,EAAC,aAAa,CAAC;SAC9C;;OACE,EAEN,2CAACE;MAA2B;MAAe,OAAO;OAAoB;MAClE;;IACF;GACC;;AAIb,qBAAe"}

package/lib/footer/index.mjs

@@ -0,0 +1,104 @@
+import "../internal-link-DCXJvzgx.mjs";
+import "../constants-oTHAnh6r.mjs";
+import "../constants-CBSEPx91.mjs";
+import { P2, P3 } from "../paragraph-Cf9jr8RF.mjs";
+import "../theme-BG6yZVj-.mjs";
+import { pill_button_default } from "../button-D_AWI7r9.mjs";
+import { EXTERNAL_LINKS } from "../external-links-B-A17Osq.mjs";
+import "../release-branch-DNCD1uH_.mjs";
+import "../request-origins-CGkNWg8R.mjs";
+import { external_link_default } from "../external-link-BMIFL3DE.mjs";
+import "../customized-link-D3p9rjEe.mjs";
+import "../constants-z9Q8ph_H.mjs";
+import { divider_default } from "../divider-CE4u6SR5.mjs";
+import "../constants-5phfWHvb.mjs";
+import "../icons-I7T-auOQ.mjs";
+import "../constants-DRxdMM_X.mjs";
+import "../logo-CBWWiQoO.mjs";
+import { logo_default } from "../logo-mBe4a2OP.mjs";
+import { LinkButtonGroups, SocialLinks, StaticLinks } from "../links-Buz2DUOO.mjs";
+import clsx from "clsx";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/footer/index.tsx
+const Footer = ({ releaseBranch, fundraisingId, fundraisingDateString, socialMediaLinks = [], buttonLinks = [] }) => {
+	return /* @__PURE__ */ jsx("footer", {
+		className: clsx("w-full bg-gray-white"),
+		children: /* @__PURE__ */ jsxs("div", {
+			className: clsx("flex flex-col mx-auto justify-center max-w-[400px] px-[24px] pt-[48px] pb-[96px]", "desktop:max-w-[1200px] desktop:px-[48px] desktop:py-[48px]"),
+			children: [
+				/* @__PURE__ */ jsxs("div", {
+					className: clsx("w-full flex flex-col justify-center", "desktop:flex-row desktop:justify-between"),
+					children: [/* @__PURE__ */ jsxs("div", {
+						className: clsx("flex flex-col w-full gap-[32px] mb-[48px] items-center text-center", "desktop:max-w-[320px] desktop:mb-0 desktop:text-start desktop:items-start"),
+						children: [/* @__PURE__ */ jsxs("div", {
+							className: clsx("w-full flex flex-col gap-[16px] items-center", "desktop:gap-[24px] desktop:items-start"),
+							children: [/* @__PURE__ */ jsx(logo_default, { releaseBranch }), /* @__PURE__ */ jsx(P2, {
+								className: "text-gray-600",
+								text: "台灣第一個由公益基金會成立的網路媒體，致力於公共領域調查報導，打造多元進步的媒體環境。"
+							})]
+						}), /* @__PURE__ */ jsx(external_link_default, {
+							to: EXTERNAL_LINKS.monthlyDonation,
+							target: "_blank",
+							children: /* @__PURE__ */ jsx(pill_button_default, {
+								className: "w-[280px]! justify-center!",
+								type: pill_button_default.Type.secondary,
+								size: pill_button_default.Size.l,
+								text: "贊助我們"
+							})
+						})]
+					}), /* @__PURE__ */ jsx("div", {
+						className: clsx("flex mb-[16px] gap-[16px]", "desktop:gap-[24px]"),
+						children: /* @__PURE__ */ jsx(LinkButtonGroups, {
+							releaseBranch,
+							linksGroups: buttonLinks
+						})
+					})]
+				}),
+				/* @__PURE__ */ jsx(divider_default, { className: "w-full my-[24px]" }),
+				/* @__PURE__ */ jsxs("div", {
+					className: clsx("flex flex-col-reverse gap-[24px] items-center text-center", "desktop:flex-row desktop:justify-between desktop:gap-0"),
+					children: [/* @__PURE__ */ jsxs("div", {
+						className: clsx("flex flex-col items-center", "desktop:flex-row"),
+						children: [
+							/* @__PURE__ */ jsx(P3, {
+								className: "text-gray-600",
+								text: `衛部救字第 ${fundraisingId} 號｜勸募期間 ${fundraisingDateString}`
+							}),
+							/* @__PURE__ */ jsxs("div", {
+								className: "hidden desktop:flex",
+								children: [
+									/* @__PURE__ */ jsx(P3, {
+										className: "text-gray-600",
+										text: "｜"
+									}),
+									/* @__PURE__ */ jsx(StaticLinks, { releaseBranch }),
+									/* @__PURE__ */ jsx(P3, {
+										className: "text-gray-600",
+										text: "｜"
+									})
+								]
+							}),
+							/* @__PURE__ */ jsx("div", {
+								className: "flex desktop:hidden",
+								children: /* @__PURE__ */ jsx(StaticLinks, { releaseBranch })
+							}),
+							/* @__PURE__ */ jsx(P3, {
+								className: "text-gray-600",
+								text: `Copyright © ${(/* @__PURE__ */ new Date()).getFullYear()} The Reporter.`
+							})
+						]
+					}), /* @__PURE__ */ jsx(SocialLinks, {
+						releaseBranch,
+						links: socialMediaLinks
+					})]
+				})
+			]
+		})
+	});
+};
+var footer_default = Footer;
+
+//#endregion
+export { footer_default as default };
+//# sourceMappingURL=index.mjs.map

package/lib/footer/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["Footer: FC<FooterProps>","Logo","ExternalLink","PillButton","Divider"],"sources":["../../src/footer/index.tsx"],"sourcesContent":["import type { FC } from 'react'\nimport clsx from 'clsx'\n// text\nimport { P2, P3 } from '../text/paragraph'\n// divider\nimport Divider from '../divider'\n// constants\nimport type { ReleaseBranch } from '../constants/release-branch'\nimport { EXTERNAL_LINKS } from '../constants/external-links'\n// components\nimport Logo from './logo'\nimport { SocialLinks, StaticLinks, LinkButtonGroups } from './links'\n// button\nimport { PillButton } from '../button'\n// link\nimport { ExternalLink } from '../customized-link'\n// types\nimport type { LinkType, SocialMediaLink } from './types'\n\ntype FooterProps = {\n  releaseBranch: ReleaseBranch\n  fundraisingId: string\n  fundraisingDateString: string\n  socialMediaLinks?: SocialMediaLink[]\n  buttonLinks?: LinkType[][]\n}\nconst Footer: FC<FooterProps> = ({\n  releaseBranch,\n  fundraisingId,\n  fundraisingDateString,\n  socialMediaLinks = [],\n  buttonLinks = [],\n}) => {\n  return (\n    <footer className={clsx('w-full bg-gray-white')}>\n      <div\n        className={clsx(\n          'flex flex-col mx-auto justify-center max-w-[400px] px-[24px] pt-[48px] pb-[96px]',\n          'desktop:max-w-[1200px] desktop:px-[48px] desktop:py-[48px]'\n        )}\n      >\n        {/* upper content */}\n        <div\n          className={clsx(\n            'w-full flex flex-col justify-center',\n            'desktop:flex-row desktop:justify-between'\n          )}\n        >\n          {/* information content */}\n          <div\n            className={clsx(\n              'flex flex-col w-full gap-[32px] mb-[48px] items-center text-center',\n              'desktop:max-w-[320px] desktop:mb-0 desktop:text-start desktop:items-start'\n            )}\n          >\n            {/* logo */}\n            <div\n              className={clsx(\n                'w-full flex flex-col gap-[16px] items-center',\n                'desktop:gap-[24px] desktop:items-start'\n              )}\n            >\n              <Logo releaseBranch={releaseBranch} />\n              <P2\n                className=\"text-gray-600\"\n                text=\"台灣第一個由公益基金會成立的網路媒體，致力於公共領域調查報導，打造多元進步的媒體環境。\"\n              />\n            </div>\n            {/* donation button */}\n            <ExternalLink to={EXTERNAL_LINKS.monthlyDonation} target=\"_blank\">\n              <PillButton\n                className=\"w-[280px]! justify-center!\"\n                type={PillButton.Type.secondary}\n                size={PillButton.Size.l}\n                text={'贊助我們'}\n              />\n            </ExternalLink>\n          </div>\n          {/* links content */}\n          <div\n            className={clsx('flex mb-[16px] gap-[16px]', 'desktop:gap-[24px]')}\n          >\n            <LinkButtonGroups\n              releaseBranch={releaseBranch}\n              linksGroups={buttonLinks}\n            />\n          </div>\n        </div>\n        <Divider className=\"w-full my-[24px]\" />\n        {/* lower content */}\n        <div\n          className={clsx(\n            'flex flex-col-reverse gap-[24px] items-center text-center',\n            'desktop:flex-row desktop:justify-between desktop:gap-0'\n          )}\n        >\n          {/* info */}\n          <div\n            className={clsx('flex flex-col items-center', 'desktop:flex-row')}\n          >\n            <P3\n              className=\"text-gray-600\"\n              text={`衛部救字第 ${fundraisingId} 號｜勸募期間 ${fundraisingDateString}`}\n            />\n            <div className=\"hidden desktop:flex\">\n              <P3 className=\"text-gray-600\" text=\"｜\" />\n              <StaticLinks releaseBranch={releaseBranch} />\n              <P3 className=\"text-gray-600\" text=\"｜\" />\n            </div>\n            <div className=\"flex desktop:hidden\">\n              <StaticLinks releaseBranch={releaseBranch} />\n            </div>\n            <P3\n              className=\"text-gray-600\"\n              text={`Copyright © ${new Date().getFullYear()} The Reporter.`}\n            />\n          </div>\n          {/* social links */}\n          <SocialLinks releaseBranch={releaseBranch} links={socialMediaLinks} />\n        </div>\n      </div>\n    </footer>\n  )\n}\n\nexport default Footer\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AA0BA,MAAMA,UAA2B,EAC/B,eACA,eACA,uBACA,mBAAmB,EAAE,EACrB,cAAc,EAAE,OACZ;AACJ,QACE,oBAAC;EAAO,WAAW,KAAK,uBAAuB;YAC7C,qBAAC;GACC,WAAW,KACT,oFACA,6DACD;;IAGD,qBAAC;KACC,WAAW,KACT,uCACA,2CACD;gBAGD,qBAAC;MACC,WAAW,KACT,sEACA,4EACD;iBAGD,qBAAC;OACC,WAAW,KACT,gDACA,yCACD;kBAED,oBAACC,gBAAoB,gBAAiB,EACtC,oBAAC;QACC,WAAU;QACV,MAAK;SACL;QACE,EAEN,oBAACC;OAAa,IAAI,eAAe;OAAiB,QAAO;iBACvD,oBAACC;QACC,WAAU;QACV,MAAMA,oBAAW,KAAK;QACtB,MAAMA,oBAAW,KAAK;QACtB,MAAM;SACN;QACW;OACX,EAEN,oBAAC;MACC,WAAW,KAAK,6BAA6B,qBAAqB;gBAElE,oBAAC;OACgB;OACf,aAAa;QACb;OACE;MACF;IACN,oBAACC,mBAAQ,WAAU,qBAAqB;IAExC,qBAAC;KACC,WAAW,KACT,6DACA,yDACD;gBAGD,qBAAC;MACC,WAAW,KAAK,8BAA8B,mBAAmB;;OAEjE,oBAAC;QACC,WAAU;QACV,MAAM,SAAS,cAAc,UAAU;SACvC;OACF,qBAAC;QAAI,WAAU;;SACb,oBAAC;UAAG,WAAU;UAAgB,MAAK;WAAM;SACzC,oBAAC,eAA2B,gBAAiB;SAC7C,oBAAC;UAAG,WAAU;UAAgB,MAAK;WAAM;;SACrC;OACN,oBAAC;QAAI,WAAU;kBACb,oBAAC,eAA2B,gBAAiB;SACzC;OACN,oBAAC;QACC,WAAU;QACV,MAAM,gCAAe,IAAI,MAAM,EAAC,aAAa,CAAC;SAC9C;;OACE,EAEN,oBAAC;MAA2B;MAAe,OAAO;OAAoB;MAClE;;IACF;GACC;;AAIb,qBAAe"}

package/lib/footer/links.d.mts

@@ -0,0 +1,28 @@
+import "../index-CUE6zs36.mjs";
+import { ReleaseBranch } from "../release-branch-uF0B5lcE.mjs";
+import "../constants-DVYCKpJ0.mjs";
+import { LinkType, SocialMediaLink } from "../types-p8V2pbqn.mjs";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/footer/links.d.ts
+declare const SocialLinks: ({
+  releaseBranch,
+  links
+}: {
+  releaseBranch: ReleaseBranch;
+  links: SocialMediaLink[];
+}) => react_jsx_runtime0.JSX.Element;
+declare const StaticLinks: ({
+  releaseBranch
+}: {
+  releaseBranch: ReleaseBranch;
+}) => react_jsx_runtime0.JSX.Element;
+declare const LinkButtonGroups: ({
+  linksGroups
+}: {
+  releaseBranch: ReleaseBranch;
+  linksGroups: LinkType[][];
+}) => react_jsx_runtime0.JSX.Element[];
+//#endregion
+export { LinkButtonGroups, SocialLinks, StaticLinks };
+//# sourceMappingURL=links.d.mts.map

package/lib/footer/links.d.ts

@@ -0,0 +1,28 @@
+import "../index-H3peA2d_.js";
+import { ReleaseBranch } from "../release-branch-CsBbhuYE.js";
+import "../constants-CBjyeHSl.js";
+import { LinkType, SocialMediaLink } from "../types-dW_WJa4D.js";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/footer/links.d.ts
+declare const SocialLinks: ({
+  releaseBranch,
+  links
+}: {
+  releaseBranch: ReleaseBranch;
+  links: SocialMediaLink[];
+}) => react_jsx_runtime0.JSX.Element;
+declare const StaticLinks: ({
+  releaseBranch
+}: {
+  releaseBranch: ReleaseBranch;
+}) => react_jsx_runtime0.JSX.Element;
+declare const LinkButtonGroups: ({
+  linksGroups
+}: {
+  releaseBranch: ReleaseBranch;
+  linksGroups: LinkType[][];
+}) => react_jsx_runtime0.JSX.Element[];
+//#endregion
+export { LinkButtonGroups, SocialLinks, StaticLinks };
+//# sourceMappingURL=links.d.ts.map

package/lib/footer/links.js

@@ -0,0 +1,17 @@
+require('../constants-BmxSMOOn.js');
+require('../constants-Cndhv6qr.js');
+require('../paragraph-iuz3jP0Q.js');
+require('../theme-DDBlIbeS.js');
+require('../button-Dk0MxlKd.js');
+require('../release-branch-CRZV4Ivz.js');
+require('../request-origins-BDXulkK9.js');
+require('../external-link-Ce1_loKh.js');
+require('../internal-link-Bq4yp13E.js');
+require('../customized-link-BDKQVdcH.js');
+require('../constants-D8wNUvoZ.js');
+require('../icons-qP5oNB0W.js');
+const require_links = require('../links-CPX07u-O.js');
+
+exports.LinkButtonGroups = require_links.LinkButtonGroups;
+exports.SocialLinks = require_links.SocialLinks;
+exports.StaticLinks = require_links.StaticLinks;

package/lib/footer/links.mjs

@@ -0,0 +1,15 @@
+import "../internal-link-DCXJvzgx.mjs";
+import "../constants-oTHAnh6r.mjs";
+import "../constants-CBSEPx91.mjs";
+import "../paragraph-Cf9jr8RF.mjs";
+import "../theme-BG6yZVj-.mjs";
+import "../button-D_AWI7r9.mjs";
+import "../release-branch-DNCD1uH_.mjs";
+import "../request-origins-CGkNWg8R.mjs";
+import "../external-link-BMIFL3DE.mjs";
+import "../customized-link-D3p9rjEe.mjs";
+import "../constants-5phfWHvb.mjs";
+import "../icons-I7T-auOQ.mjs";
+import { LinkButtonGroups, SocialLinks, StaticLinks } from "../links-Buz2DUOO.mjs";
+
+export { LinkButtonGroups, SocialLinks, StaticLinks };

package/lib/footer/logo.d.mts

@@ -0,0 +1,12 @@
+import "../index-CUE6zs36.mjs";
+import { ReleaseBranch } from "../release-branch-uF0B5lcE.mjs";
+import { FC } from "react";
+
+//#region src/footer/logo.d.ts
+type LogoProps = {
+  releaseBranch?: ReleaseBranch;
+};
+declare const Logo: FC<LogoProps>;
+//#endregion
+export { Logo as default };
+//# sourceMappingURL=logo.d.mts.map

package/lib/footer/logo.d.ts

@@ -0,0 +1,11 @@
+import "../index-H3peA2d_.js";
+import { ReleaseBranch } from "../release-branch-CsBbhuYE.js";
+import { FC } from "react";
+
+//#region src/footer/logo.d.ts
+type LogoProps = {
+  releaseBranch?: ReleaseBranch;
+};
+declare const Logo: FC<LogoProps>;
+export = Logo;
+//# sourceMappingURL=logo.d.ts.map

package/lib/footer/logo.js

@@ -0,0 +1,9 @@
+require('../release-branch-CRZV4Ivz.js');
+require('../external-link-Ce1_loKh.js');
+require('../internal-link-Bq4yp13E.js');
+require('../customized-link-BDKQVdcH.js');
+require('../constants-C2moxnps.js');
+require('../logo-DzRRd4Y-.js');
+const require_logo$1 = require('../logo-BSp7gsND.js');
+
+module.exports = require_logo$1.logo_default;

package/lib/footer/logo.mjs

@@ -0,0 +1,9 @@
+import "../internal-link-DCXJvzgx.mjs";
+import "../release-branch-DNCD1uH_.mjs";
+import "../external-link-BMIFL3DE.mjs";
+import "../customized-link-D3p9rjEe.mjs";
+import "../constants-DRxdMM_X.mjs";
+import "../logo-CBWWiQoO.mjs";
+import { logo_default } from "../logo-mBe4a2OP.mjs";
+
+export { logo_default as default };

package/lib/footer/types.d.mts

@@ -0,0 +1,4 @@
+import "../index-CUE6zs36.mjs";
+import "../constants-DVYCKpJ0.mjs";
+import { LinkType, SocialMediaLink } from "../types-p8V2pbqn.mjs";
+export { LinkType, SocialMediaLink };

package/lib/footer/types.d.ts

@@ -0,0 +1,4 @@
+import "../index-H3peA2d_.js";
+import "../constants-CBjyeHSl.js";
+import { LinkType, SocialMediaLink } from "../types-dW_WJa4D.js";
+export { LinkType, SocialMediaLink };

package/lib/footer/types.mjs

@@ -0,0 +1 @@
+export {  };

package/lib/hamburger-menu/index.js

@@ -6,19 +6,19 @@ require('../button-Dk0MxlKd.js');
 require('../external-links-DCn-uTD-.js');
 require('../internal-links-DxtMobuI.js');
 require('../release-branch-CRZV4Ivz.js');
-require('../external-link-DoBTwlV3.js');
-require('../internal-link-B9ExuJfg.js');
-require('../customized-link-DqW2a8oZ.js');
+require('../external-link-Ce1_loKh.js');
+require('../internal-link-Bq4yp13E.js');
+require('../customized-link-BDKQVdcH.js');
 require('../constants-nmH6p6-y.js');
 require('../divider-B1zvSjNJ.js');
 require('../context-I1lTR5SO.js');
 require('../constants-D8wNUvoZ.js');
 require('../icons-qP5oNB0W.js');
 require('../constants-C2moxnps.js');
-require('../dropdown-menu-BAqmP8qa.js');
-const require_hamburger_menu = require('../hamburger-menu-DGS62txC.js');
-require('../logo-BTNfdxTv.js');
-require('../theme-Cv8rt4oO.js');
-require('../input-VmgNb9pm.js');
+require('../dropdown-menu-CKH3qADt.js');
+require('../logo-DzRRd4Y-.js');
+const require_hamburger_menu = require('../hamburger-menu-DJe2IBTm.js');
+require('../theme-BLdi7Moc.js');
+require('../input-D29yD1k-.js');
 
 module.exports = require_hamburger_menu.hamburger_menu_default;

package/lib/hamburger-menu/index.mjs

@@ -1,4 +1,4 @@
-import "../internal-link-NQb751uB.mjs";
+import "../internal-link-DCXJvzgx.mjs";
 import "../constants-oTHAnh6r.mjs";
 import "../constants-CBSEPx91.mjs";
 import "../paragraph-Cf9jr8RF.mjs";
@@ -7,18 +7,18 @@ import "../button-D_AWI7r9.mjs";
 import "../external-links-B-A17Osq.mjs";
 import "../internal-links-CP3dqmrz.mjs";
 import "../release-branch-DNCD1uH_.mjs";
-import "../external-link-DXT5ep5-.mjs";
-import "../customized-link-DnaZxeKK.mjs";
+import "../external-link-BMIFL3DE.mjs";
+import "../customized-link-D3p9rjEe.mjs";
 import "../constants-z9Q8ph_H.mjs";
 import "../divider-CE4u6SR5.mjs";
 import "../context-BgdqM3zA.mjs";
 import "../constants-5phfWHvb.mjs";
 import "../icons-I7T-auOQ.mjs";
 import "../constants-DRxdMM_X.mjs";
-import "../dropdown-menu-D7VNOiIl.mjs";
-import { hamburger_menu_default } from "../hamburger-menu-iIWjGEVX.mjs";
-import "../logo-D68VZ-fc.mjs";
-import "../theme-Bgd_TUHZ.mjs";
-import "../input-BU_QJnbj.mjs";
+import "../dropdown-menu-DMp_Bmo0.mjs";
+import "../logo-CBWWiQoO.mjs";
+import { hamburger_menu_default } from "../hamburger-menu-DoyJVziw.mjs";
+import "../theme-DURvzYaJ.mjs";
+import "../input-DH_jroRh.mjs";
 
 export { hamburger_menu_default as default };

package/lib/{hamburger-menu-DGS62txC.js → hamburger-menu-DJe2IBTm.js}

@@ -5,15 +5,15 @@ const require_theme = require('./theme-DDBlIbeS.js');
 const require_button = require('./button-Dk0MxlKd.js');
 const require_external_links = require('./external-links-DCn-uTD-.js');
 const require_internal_links = require('./internal-links-DxtMobuI.js');
-const require_external_link = require('./external-link-DoBTwlV3.js');
-const require_internal_link = require('./internal-link-B9ExuJfg.js');
+const require_external_link = require('./external-link-Ce1_loKh.js');
+const require_internal_link = require('./internal-link-Bq4yp13E.js');
 const require_divider = require('./divider-B1zvSjNJ.js');
 const require_context = require('./context-I1lTR5SO.js');
 const require_constants$1 = require('./constants-D8wNUvoZ.js');
 const require_icons = require('./icons-qP5oNB0W.js');
-const require_dropdown_menu = require('./dropdown-menu-BAqmP8qa.js');
-const require_logo = require('./logo-BTNfdxTv.js');
-const require_input = require('./input-VmgNb9pm.js');
+const require_dropdown_menu = require('./dropdown-menu-CKH3qADt.js');
+const require_logo = require('./logo-DzRRd4Y-.js');
+const require_input = require('./input-D29yD1k-.js');
 let react = require("react");
 react = require_chunk.__toESM(react);
 let clsx = require("clsx");
@@ -494,4 +494,4 @@ Object.defineProperty(exports, 'hamburger_menu_default', {
     return hamburger_menu_default;
   }
 });
-//# sourceMappingURL=hamburger-menu-DGS62txC.js.map
+//# sourceMappingURL=hamburger-menu-DJe2IBTm.js.map