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

package/lib/footer/index.js

@@ -0,0 +1,103 @@
+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('../internal-links-DxtMobuI.js');
+require('../release-branch-CRZV4Ivz.js');
+require('../request-origins-BDXulkK9.js');
+const require_external_link = require('../external-link-afU9uFB6.js');
+require('../internal-link-Bq4yp13E.js');
+require('../customized-link-CHH91yod.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');
+const require_constants$5 = require('../constants-0fgvpoyZ.js');
+require('../logo-B3GSkN1O.js');
+const require_logo$1 = require('../logo-C5NgKyYa.js');
+const require_links = require('../links-Xuo8pb4a.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 }) => {
+	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 })
+					})]
+				}),
+				/* @__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: require_constants$5.FUNDRAISING_ID
+							}),
+							/* @__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.InfoLinks, { 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.InfoLinks, { 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 })]
+				})
+			]
+		})
+	});
+};
+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","FUNDRAISING_ID","InfoLinks","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 { FUNDRAISING_ID } from './constants'\nimport { EXTERNAL_LINKS } from '../constants/external-links'\n// components\nimport Logo from './logo'\nimport { SocialLinks, InfoLinks, LinkButtonGroups } from './links'\n// button\nimport { PillButton } from '../button'\n// link\nimport { ExternalLink } from '../customized-link'\n\ntype FooterProps = {\n  releaseBranch: ReleaseBranch\n}\nconst Footer: FC<FooterProps> = ({ releaseBranch }) => {\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 releaseBranch={releaseBranch} />\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 className=\"text-gray-600\" text={FUNDRAISING_ID} />\n            <div className=\"hidden desktop:flex\">\n              <P3 className=\"text-gray-600\" text=\"｜\" />\n              <InfoLinks releaseBranch={releaseBranch} />\n              <P3 className=\"text-gray-600\" text=\"｜\" />\n            </div>\n            <div className=\"flex desktop:hidden\">\n              <InfoLinks 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} />\n        </div>\n      </div>\n    </footer>\n  )\n}\n\nexport default Footer\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,MAAMA,UAA2B,EAAE,oBAAoB;AACrD,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,kCAAgC,gBAAiB;OAC9C;MACF;IACN,2CAACC,mCAAQ,WAAU,qBAAqB;IAExC,4CAAC;KACC,6BACE,6DACA,yDACD;gBAGD,4CAAC;MACC,6BAAgB,8BAA8B,mBAAmB;;OAEjE,2CAACC;QAAG,WAAU;QAAgB,MAAMC;SAAkB;OACtD,4CAAC;QAAI,WAAU;;SACb,2CAACD;UAAG,WAAU;UAAgB,MAAK;WAAM;SACzC,2CAACE,2BAAyB,gBAAiB;SAC3C,2CAACF;UAAG,WAAU;UAAgB,MAAK;WAAM;;SACrC;OACN,2CAAC;QAAI,WAAU;kBACb,2CAACE,2BAAyB,gBAAiB;SACvC;OACN,2CAACF;QACC,WAAU;QACV,MAAM,gCAAe,IAAI,MAAM,EAAC,aAAa,CAAC;SAC9C;;OACE,EAEN,2CAACG,6BAA2B,gBAAiB;MACzC;;IACF;GACC;;AAIb,qBAAe"}

package/lib/footer/index.mjs

@@ -0,0 +1,100 @@
+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 "../internal-links-CP3dqmrz.mjs";
+import "../release-branch-DNCD1uH_.mjs";
+import "../request-origins-CGkNWg8R.mjs";
+import { external_link_default } from "../external-link-Diro-q37.mjs";
+import "../customized-link-BacydHK_.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 { FUNDRAISING_ID } from "../constants-DyO2QpJk.mjs";
+import "../logo-NfYCtrtN.mjs";
+import { logo_default } from "../logo-CumKSrK5.mjs";
+import { InfoLinks, LinkButtonGroups, SocialLinks } from "../links-DO97xw7S.mjs";
+import clsx from "clsx";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/footer/index.tsx
+const Footer = ({ releaseBranch }) => {
+	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 })
+					})]
+				}),
+				/* @__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: FUNDRAISING_ID
+							}),
+							/* @__PURE__ */ jsxs("div", {
+								className: "hidden desktop:flex",
+								children: [
+									/* @__PURE__ */ jsx(P3, {
+										className: "text-gray-600",
+										text: "｜"
+									}),
+									/* @__PURE__ */ jsx(InfoLinks, { releaseBranch }),
+									/* @__PURE__ */ jsx(P3, {
+										className: "text-gray-600",
+										text: "｜"
+									})
+								]
+							}),
+							/* @__PURE__ */ jsx("div", {
+								className: "flex desktop:hidden",
+								children: /* @__PURE__ */ jsx(InfoLinks, { releaseBranch })
+							}),
+							/* @__PURE__ */ jsx(P3, {
+								className: "text-gray-600",
+								text: `Copyright © ${(/* @__PURE__ */ new Date()).getFullYear()} The Reporter.`
+							})
+						]
+					}), /* @__PURE__ */ jsx(SocialLinks, { releaseBranch })]
+				})
+			]
+		})
+	});
+};
+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 { FUNDRAISING_ID } from './constants'\nimport { EXTERNAL_LINKS } from '../constants/external-links'\n// components\nimport Logo from './logo'\nimport { SocialLinks, InfoLinks, LinkButtonGroups } from './links'\n// button\nimport { PillButton } from '../button'\n// link\nimport { ExternalLink } from '../customized-link'\n\ntype FooterProps = {\n  releaseBranch: ReleaseBranch\n}\nconst Footer: FC<FooterProps> = ({ releaseBranch }) => {\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 releaseBranch={releaseBranch} />\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 className=\"text-gray-600\" text={FUNDRAISING_ID} />\n            <div className=\"hidden desktop:flex\">\n              <P3 className=\"text-gray-600\" text=\"｜\" />\n              <InfoLinks releaseBranch={releaseBranch} />\n              <P3 className=\"text-gray-600\" text=\"｜\" />\n            </div>\n            <div className=\"flex desktop:hidden\">\n              <InfoLinks 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} />\n        </div>\n      </div>\n    </footer>\n  )\n}\n\nexport default Footer\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,MAAMA,UAA2B,EAAE,oBAAoB;AACrD,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,oBAAgC,gBAAiB;OAC9C;MACF;IACN,oBAACC,mBAAQ,WAAU,qBAAqB;IAExC,qBAAC;KACC,WAAW,KACT,6DACA,yDACD;gBAGD,qBAAC;MACC,WAAW,KAAK,8BAA8B,mBAAmB;;OAEjE,oBAAC;QAAG,WAAU;QAAgB,MAAM;SAAkB;OACtD,qBAAC;QAAI,WAAU;;SACb,oBAAC;UAAG,WAAU;UAAgB,MAAK;WAAM;SACzC,oBAAC,aAAyB,gBAAiB;SAC3C,oBAAC;UAAG,WAAU;UAAgB,MAAK;WAAM;;SACrC;OACN,oBAAC;QAAI,WAAU;kBACb,oBAAC,aAAyB,gBAAiB;SACvC;OACN,oBAAC;QACC,WAAU;QACV,MAAM,gCAAe,IAAI,MAAM,EAAC,aAAa,CAAC;SAC9C;;OACE,EAEN,oBAAC,eAA2B,gBAAiB;MACzC;;IACF;GACC;;AAIb,qBAAe"}

package/lib/footer/links.d.mts

@@ -0,0 +1,23 @@
+import "../index-DegwO8ei.mjs";
+import { ReleaseBranch } from "../release-branch-CaxOk9Rq.mjs";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/footer/links.d.ts
+declare const SocialLinks: ({
+  releaseBranch
+}: {
+  releaseBranch: ReleaseBranch;
+}) => react_jsx_runtime0.JSX.Element;
+declare const InfoLinks: ({
+  releaseBranch
+}: {
+  releaseBranch: ReleaseBranch;
+}) => react_jsx_runtime0.JSX.Element;
+declare const LinkButtonGroups: ({
+  releaseBranch
+}: {
+  releaseBranch: ReleaseBranch;
+}) => react_jsx_runtime0.JSX.Element[];
+//#endregion
+export { InfoLinks, LinkButtonGroups, SocialLinks };
+//# sourceMappingURL=links.d.mts.map

package/lib/footer/links.d.ts

@@ -0,0 +1,23 @@
+import "../index-H3peA2d_.js";
+import { ReleaseBranch } from "../release-branch-CsBbhuYE.js";
+import * as react_jsx_runtime7 from "react/jsx-runtime";
+
+//#region src/footer/links.d.ts
+declare const SocialLinks: ({
+  releaseBranch
+}: {
+  releaseBranch: ReleaseBranch;
+}) => react_jsx_runtime7.JSX.Element;
+declare const InfoLinks: ({
+  releaseBranch
+}: {
+  releaseBranch: ReleaseBranch;
+}) => react_jsx_runtime7.JSX.Element;
+declare const LinkButtonGroups: ({
+  releaseBranch
+}: {
+  releaseBranch: ReleaseBranch;
+}) => react_jsx_runtime7.JSX.Element[];
+//#endregion
+export { InfoLinks, LinkButtonGroups, SocialLinks };
+//# sourceMappingURL=links.d.ts.map

package/lib/footer/links.js

@@ -0,0 +1,19 @@
+require('../constants-BmxSMOOn.js');
+require('../constants-Cndhv6qr.js');
+require('../paragraph-iuz3jP0Q.js');
+require('../theme-DDBlIbeS.js');
+require('../button-Dk0MxlKd.js');
+require('../internal-links-DxtMobuI.js');
+require('../release-branch-CRZV4Ivz.js');
+require('../request-origins-BDXulkK9.js');
+require('../external-link-afU9uFB6.js');
+require('../internal-link-Bq4yp13E.js');
+require('../customized-link-CHH91yod.js');
+require('../constants-D8wNUvoZ.js');
+require('../icons-qP5oNB0W.js');
+require('../constants-0fgvpoyZ.js');
+const require_links = require('../links-Xuo8pb4a.js');
+
+exports.InfoLinks = require_links.InfoLinks;
+exports.LinkButtonGroups = require_links.LinkButtonGroups;
+exports.SocialLinks = require_links.SocialLinks;

package/lib/footer/links.mjs

@@ -0,0 +1,17 @@
+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 "../internal-links-CP3dqmrz.mjs";
+import "../release-branch-DNCD1uH_.mjs";
+import "../request-origins-CGkNWg8R.mjs";
+import "../external-link-Diro-q37.mjs";
+import "../customized-link-BacydHK_.mjs";
+import "../constants-5phfWHvb.mjs";
+import "../icons-I7T-auOQ.mjs";
+import "../constants-DyO2QpJk.mjs";
+import { InfoLinks, LinkButtonGroups, SocialLinks } from "../links-DO97xw7S.mjs";
+
+export { InfoLinks, LinkButtonGroups, SocialLinks };

package/lib/footer/logo.d.mts

@@ -0,0 +1,12 @@
+import "../index-DegwO8ei.mjs";
+import { ReleaseBranch } from "../release-branch-CaxOk9Rq.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-afU9uFB6.js');
+require('../internal-link-Bq4yp13E.js');
+require('../customized-link-CHH91yod.js');
+require('../constants-C2moxnps.js');
+require('../logo-B3GSkN1O.js');
+const require_logo$1 = require('../logo-C5NgKyYa.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-Diro-q37.mjs";
+import "../customized-link-BacydHK_.mjs";
+import "../constants-DRxdMM_X.mjs";
+import "../logo-NfYCtrtN.mjs";
+import { logo_default } from "../logo-CumKSrK5.mjs";
+
+export { logo_default as default };

package/lib/hamburger-menu/index.js

@@ -6,20 +6,19 @@ require('../button-Dk0MxlKd.js');
 require('../external-links-DCn-uTD-.js');
 require('../internal-links-DxtMobuI.js');
 require('../release-branch-CRZV4Ivz.js');
-require('../constants-BuIUKM2c.js');
-require('../divider-Db3AhImD.js');
-require('../external-link-BMrkjNyi.js');
-require('../internal-link-BLXTBMRq.js');
-require('../customized-link-XNoMkeYw.js');
+require('../external-link-afU9uFB6.js');
+require('../internal-link-Bq4yp13E.js');
+require('../customized-link-CHH91yod.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-tbV9rhnw.js');
-const require_hamburger_menu = require('../hamburger-menu-qrLPGpHF.js');
-require('../logo-BTNfdxTv.js');
-require('../constants-BP47D2l7.js');
-require('../theme-CIEkzycI.js');
-require('../input-czWOItrW.js');
+require('../dropdown-menu-D4XjLl7G.js');
+require('../logo-B3GSkN1O.js');
+const require_hamburger_menu = require('../hamburger-menu-baCi46g2.js');
+require('../theme-LkZX5giH.js');
+require('../input-DaMbsNrg.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,19 +7,18 @@ import "../button-D_AWI7r9.mjs";
 import "../external-links-B-A17Osq.mjs";
 import "../internal-links-CP3dqmrz.mjs";
 import "../release-branch-DNCD1uH_.mjs";
-import "../constants-Cz7n-nLz.mjs";
-import "../divider-CEIxmAsH.mjs";
-import "../external-link-BykRRwmY.mjs";
-import "../customized-link-DNKmWI0u.mjs";
+import "../external-link-Diro-q37.mjs";
+import "../customized-link-BacydHK_.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-CuyS5r71.mjs";
-import { hamburger_menu_default } from "../hamburger-menu-Ca6QMgF9.mjs";
-import "../logo-D68VZ-fc.mjs";
-import "../constants-Dfgyc0ND.mjs";
-import "../theme-CkSx7UX3.mjs";
-import "../input-_Hl5B4_K.mjs";
+import "../dropdown-menu-jbg-kt3s.mjs";
+import "../logo-NfYCtrtN.mjs";
+import { hamburger_menu_default } from "../hamburger-menu-MQgF0vLX.mjs";
+import "../theme-D_LHh2_S.mjs";
+import "../input-DvriSZ9o.mjs";
 
 export { hamburger_menu_default as default };

package/lib/{hamburger-menu-Ca6QMgF9.mjs → hamburger-menu-MQgF0vLX.mjs}

@@ -1,18 +1,18 @@
-import { internal_link_default } from "./internal-link-NQb751uB.mjs";
+import { internal_link_default } from "./internal-link-DCXJvzgx.mjs";
 import { TYPE } from "./constants-oTHAnh6r.mjs";
 import { P2 } from "./paragraph-Cf9jr8RF.mjs";
 import { THEME } from "./theme-BG6yZVj-.mjs";
 import { icon_button_default, menu_button_default, pill_button_default, text_button_default } from "./button-D_AWI7r9.mjs";
 import { EXTERNAL_LINKS } from "./external-links-B-A17Osq.mjs";
 import { INTERNAL_LINKS } from "./internal-links-CP3dqmrz.mjs";
-import { divider_default } from "./divider-CEIxmAsH.mjs";
-import { external_link_default } from "./external-link-BykRRwmY.mjs";
+import { external_link_default } from "./external-link-Diro-q37.mjs";
+import { divider_default } from "./divider-CE4u6SR5.mjs";
 import { HamburgerContext, HeaderContext } from "./context-BgdqM3zA.mjs";
 import { MEDIA_TYPE } from "./constants-5phfWHvb.mjs";
 import { Cross, Icon, Member, SocialMedia } from "./icons-I7T-auOQ.mjs";
-import { DropdownMenu, selectHamburgerFooterTheme, selectHamburgerItemTheme, selectHamburgerMenuTheme, selectLogoType } from "./dropdown-menu-CuyS5r71.mjs";
-import { logo_header_default, logo_symbol_default } from "./logo-D68VZ-fc.mjs";
-import { search_bar_default } from "./input-_Hl5B4_K.mjs";
+import { DropdownMenu, selectHamburgerFooterTheme, selectHamburgerItemTheme, selectHamburgerMenuTheme, selectLogoType } from "./dropdown-menu-jbg-kt3s.mjs";
+import { logo_header_default, logo_symbol_default } from "./logo-NfYCtrtN.mjs";
+import { search_bar_default } from "./input-DvriSZ9o.mjs";
 import { useContext, useState } from "react";
 import clsx from "clsx";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -395,10 +395,10 @@ const HamburgerMenu = () => {
 				children: /* @__PURE__ */ jsx(search_bar_default, {
 					onSearch,
 					autoFocus: false,
-					widthType: search_bar_default.WidthType.stretch,
 					placeholder: "關鍵字搜尋",
 					theme: menuTheme,
-					releaseBranch
+					releaseBranch,
+					searchBarWidth: "w-full"
 				})
 			}),
 			/* @__PURE__ */ jsx("div", {
@@ -479,4 +479,4 @@ var hamburger_menu_default = HamburgerMenu;
 
 //#endregion
 export { HEADER_ACTION_LINKS, hamburger_menu_default };
-//# sourceMappingURL=hamburger-menu-Ca6QMgF9.mjs.map
+//# sourceMappingURL=hamburger-menu-MQgF0vLX.mjs.map

package/lib/{hamburger-menu-Ca6QMgF9.mjs.map → hamburger-menu-MQgF0vLX.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"hamburger-menu-Ca6QMgF9.mjs","names":["SocialMedias: SocialMediaType[]","HEADER_ACTION_LINKS: ActionLink[]","HAMBURGER_MENU_ACION_LINKS: ActionLink[]","IconLink: FC<IconLinkProps>","ExternalLink","InternalLink","IconLink","IconLink: FC<IconLinkProps>","ExternalLink","InternalLink","SocialMedia: FC<SocialMediaProps>","IconButton","SocialMediaIcon","SocialMedia","HamburgerMenu: FC","ExternalLink","InternalLink","IconButton","LogoSymbol","LogoHeader","PillButton","TextButton","SearchBar","MenuButton","Divider","IconLink","LightLink","SocialMedia"],"sources":["../src/hamburger-menu/constants/channels.ts","../src/hamburger-menu/constants/social-media.ts","../src/header/constants/action-links.ts","../src/hamburger-menu/components/icon-link.tsx","../src/hamburger-menu/components/light-link.tsx","../src/hamburger-menu/components/social-media.tsx","../src/hamburger-menu/index.tsx"],"sourcesContent":["import { INTERNAL_LINKS } from '../../constants/internal-links'\nimport { EXTERNAL_LINKS } from '../../constants/external-links'\nimport type { LinkTarget } from '../../customized-link/type'\n\nexport const CHANNEL_TYPE = {\n  link: 'link',\n  divider: 'divider',\n  dropdown: 'dropdown',\n  iconLink: 'icon-link',\n  lightLink: 'light-link',\n} as const\n\nexport const Channels = [\n  {\n    type: CHANNEL_TYPE.link,\n    label: '最新',\n    to: INTERNAL_LINKS.latest,\n    target: '_self' as LinkTarget,\n  },\n  {\n    type: CHANNEL_TYPE.divider,\n  },\n  {\n    type: CHANNEL_TYPE.link,\n    label: '深度專題',\n    to: INTERNAL_LINKS.topics,\n    target: '_self' as LinkTarget,\n  },\n  {\n    type: CHANNEL_TYPE.dropdown,\n    label: '議題',\n    dropdownItems: [\n      {\n        label: '國際兩岸',\n        to: INTERNAL_LINKS.categories.world,\n        target: '_self' as LinkTarget,\n      },\n      {\n        label: '人權司法',\n        to: INTERNAL_LINKS.categories.humanRights,\n        target: '_self' as LinkTarget,\n      },\n      {\n        label: '政治社會',\n        to: INTERNAL_LINKS.categories.politicsAndSociety,\n        target: '_self' as LinkTarget,\n      },\n      {\n        label: '醫療健康',\n        to: INTERNAL_LINKS.categories.health,\n        target: '_self' as LinkTarget,\n      },\n      {\n        label: '環境永續',\n        to: INTERNAL_LINKS.categories.environment,\n        target: '_self' as LinkTarget,\n      },\n      {\n        label: '經濟產業',\n        to: INTERNAL_LINKS.categories.econ,\n        target: '_self' as LinkTarget,\n      },\n      {\n        label: '文化生活',\n        to: INTERNAL_LINKS.categories.culture,\n        target: '_self' as LinkTarget,\n      },\n      {\n        label: '教育校園',\n        to: INTERNAL_LINKS.categories.education,\n        target: '_self' as LinkTarget,\n      },\n    ],\n  },\n  {\n    type: CHANNEL_TYPE.dropdown,\n    label: '評論',\n    dropdownItems: [\n      {\n        label: '書摘與書評',\n        to: INTERNAL_LINKS.categories.opinion.bookReview,\n        target: '_self' as LinkTarget,\n      },\n      {\n        label: '讀者投書',\n        to: INTERNAL_LINKS.categories.opinion.letter,\n        target: '_self' as LinkTarget,\n      },\n      {\n        label: '全部',\n        to: INTERNAL_LINKS.categories.opinion.index,\n        target: '_self' as LinkTarget,\n      },\n    ],\n  },\n  {\n    type: CHANNEL_TYPE.link,\n    label: '人物故事',\n    to: INTERNAL_LINKS.humanStory,\n    target: '_self' as LinkTarget,\n  },\n  {\n    type: CHANNEL_TYPE.divider,\n  },\n  {\n    type: CHANNEL_TYPE.link,\n    label: '影像',\n    to: INTERNAL_LINKS.photography,\n    target: '_self' as LinkTarget,\n  },\n  {\n    type: CHANNEL_TYPE.dropdown,\n    label: 'Podcast',\n    dropdownItems: [\n      {\n        label: '關於報導者 Podcast',\n        to: INTERNAL_LINKS.podcast.aboutPodcast,\n        target: '_self' as LinkTarget,\n      },\n      {\n        label: 'The Real Story',\n        to: INTERNAL_LINKS.categories.podcast.theRealStory,\n        target: '_self' as LinkTarget,\n      },\n      {\n        label: 'On the Ground 路邊攤計劃',\n        to: INTERNAL_LINKS.categories.podcast.onTheGround,\n        target: '_self' as LinkTarget,\n      },\n    ],\n  },\n  {\n    type: CHANNEL_TYPE.link,\n    label: '少年報導者',\n    to: EXTERNAL_LINKS.kidsReporter,\n    target: '_blank' as LinkTarget,\n  },\n  {\n    type: CHANNEL_TYPE.link,\n    label: '報導者觀測站',\n    to: EXTERNAL_LINKS.lawmaker,\n    target: '_blank' as LinkTarget,\n  },\n  {\n    type: CHANNEL_TYPE.link,\n    label: '數位敘事',\n    to: INTERNAL_LINKS.infographic,\n    target: '_self' as LinkTarget,\n  },\n  {\n    type: CHANNEL_TYPE.divider,\n  },\n  {\n    type: CHANNEL_TYPE.iconLink,\n    label: '個人專區',\n    icon: 'member',\n    to: INTERNAL_LINKS.account.index,\n    target: '_self' as LinkTarget,\n  },\n  {\n    type: CHANNEL_TYPE.iconLink,\n    label: '我的閱讀',\n    icon: 'kid_star',\n    to: INTERNAL_LINKS.myReading.index,\n    target: '_self' as LinkTarget,\n  },\n  {\n    type: CHANNEL_TYPE.iconLink,\n    label: '已收藏',\n    icon: 'bookmark_basic',\n    to: INTERNAL_LINKS.myReading.savedBookmarks,\n    target: '_self' as LinkTarget,\n  },\n  {\n    type: CHANNEL_TYPE.iconLink,\n    label: '造訪紀錄',\n    icon: 'history',\n    to: INTERNAL_LINKS.myReading.browsingHistory,\n    target: '_self' as LinkTarget,\n  },\n  {\n    type: CHANNEL_TYPE.divider,\n  },\n  {\n    type: CHANNEL_TYPE.lightLink,\n    label: '基金會消息',\n    to: INTERNAL_LINKS.categories.foundation.index,\n    target: '_self' as LinkTarget,\n  },\n  {\n    type: CHANNEL_TYPE.lightLink,\n    label: '關於我們',\n    to: INTERNAL_LINKS.about,\n    target: '_blank' as LinkTarget,\n  },\n  {\n    type: CHANNEL_TYPE.lightLink,\n    label: '影響力報告',\n    to: INTERNAL_LINKS.influenceReport,\n    target: '_self' as LinkTarget,\n  },\n  {\n    type: CHANNEL_TYPE.lightLink,\n    label: '報導者開放實驗室',\n    to: EXTERNAL_LINKS.openLab,\n    target: '_blank' as LinkTarget,\n  },\n  {\n    type: CHANNEL_TYPE.lightLink,\n    label: '出版品與周邊',\n    to: EXTERNAL_LINKS.publicationAndMerchandise,\n    target: '_blank' as LinkTarget,\n  },\n  {\n    type: CHANNEL_TYPE.divider,\n  },\n]\n","import { MEDIA_TYPE, type MediaType } from '../../icons/constants'\nimport { EXTERNAL_LINKS } from '../../constants/external-links'\nimport type { LinkTarget } from '../../customized-link/type'\n\ntype SocialMediaType = {\n  icon: MediaType\n  link: string\n  target: LinkTarget\n}\nexport const SocialMedias: SocialMediaType[] = [\n  {\n    icon: MEDIA_TYPE.facebook,\n    link: EXTERNAL_LINKS.facebook,\n    target: '_blank',\n  },\n  {\n    icon: MEDIA_TYPE.instagram,\n    link: EXTERNAL_LINKS.instagram,\n    target: '_blank',\n  },\n  {\n    icon: MEDIA_TYPE.threads,\n    link: EXTERNAL_LINKS.threads,\n    target: '_blank',\n  },\n  {\n    icon: MEDIA_TYPE.youtube,\n    link: EXTERNAL_LINKS.youtube,\n    target: '_blank',\n  },\n]\n","import { INTERNAL_LINKS } from '../../constants/internal-links'\nimport { EXTERNAL_LINKS } from '../../constants/external-links'\nimport type { LinkTarget } from '../../customized-link/type'\nimport { TYPE, type Type } from '../../button/constants'\n\ntype ActionLink = {\n  label: string\n  to: string\n  target: LinkTarget\n  type: Type\n}\n\nexport const HEADER_ACTION_LINKS: ActionLink[] = [\n  {\n    label: '電子報',\n    to: INTERNAL_LINKS.account.emailSubscription,\n    target: '_self' as LinkTarget,\n    type: TYPE.secondary,\n  },\n  {\n    label: '贊助',\n    to: EXTERNAL_LINKS.monthlyDonation,\n    target: '_blank',\n    type: TYPE.primary,\n  },\n]\n\nexport const HAMBURGER_MENU_ACION_LINKS: ActionLink[] = [\n  {\n    label: '訂閱電子報',\n    to: INTERNAL_LINKS.account.emailSubscription,\n    target: '_self',\n    type: TYPE.secondary,\n  },\n  {\n    label: '贊助我們',\n    to: EXTERNAL_LINKS.monthlyDonation,\n    target: '_blank',\n    type: TYPE.primary,\n  },\n]\n","import { useContext, type FC } from 'react'\nimport clsx from 'clsx'\n// context\nimport { HeaderContext } from '../../header/context'\n// theme\nimport { THEME } from '../../constants/theme'\n// utils\nimport { selectHamburgerFooterTheme } from '../utils/theme'\n// icon\nimport { Icon } from '../../icons'\n// text\nimport { P2 } from '../../text/paragraph'\n// link\nimport { ExternalLink, InternalLink } from '../../customized-link'\nimport type { LinkTarget } from '../../customized-link/type'\n\ntype IconLinkProps = {\n  label: string\n  icon: string\n  to: string\n  target: LinkTarget\n}\nconst IconLink: FC<IconLinkProps> = ({ label, icon, to, target }) => {\n  const { theme, releaseBranch, isLinkExternal } = useContext(HeaderContext)\n  const footerTheme = theme === THEME.transparent ? THEME.normal : theme\n  const LinkComponent = isLinkExternal ? ExternalLink : InternalLink\n  const {\n    color,\n    hoverColor,\n    hoverBgColor,\n    svgHoverBgColor,\n    svgBgColor,\n    activeColor,\n    activeBgColor,\n    svgActiveBgColor,\n  } = selectHamburgerFooterTheme(footerTheme)\n  return (\n    <LinkComponent to={to} target={target}>\n      <div\n        className={clsx(\n          'py-[8px] px-[32px] flex items-center',\n          '[&>svg]:h-[18px] [&>svg]:w-[18px] [&>svg]:mr-[4px]',\n          color,\n          hoverColor,\n          hoverBgColor,\n          svgHoverBgColor,\n          svgBgColor,\n          activeColor,\n          activeBgColor,\n          svgActiveBgColor\n        )}\n      >\n        <Icon filename={icon} releaseBranch={releaseBranch} />\n        <P2 text={label} />\n      </div>\n    </LinkComponent>\n  )\n}\n\nexport default IconLink\n","import { useContext, type FC } from 'react'\nimport clsx from 'clsx'\n// context\nimport { HeaderContext } from '../../header/context'\n// theme\nimport { THEME } from '../../constants/theme'\n// utils\nimport { selectHamburgerFooterTheme } from '../utils/theme'\n// text\nimport { P2 } from '../../text/paragraph'\n// link\nimport { ExternalLink, InternalLink } from '../../customized-link'\nimport type { LinkTarget } from '../../customized-link/type'\n\ntype IconLinkProps = {\n  label: string\n  to: string\n  target: LinkTarget\n}\nconst IconLink: FC<IconLinkProps> = ({ label, to, target }) => {\n  const { theme, isLinkExternal } = useContext(HeaderContext)\n  const footerTheme = theme === THEME.transparent ? THEME.normal : theme\n  const { color, hoverColor, hoverBgColor, activeColor, activeBgColor } =\n    selectHamburgerFooterTheme(footerTheme)\n  const LinkComponent = isLinkExternal ? ExternalLink : InternalLink\n  return (\n    <LinkComponent to={to} target={target}>\n      <div\n        className={clsx(\n          'py-[8px] px-[32px] flex items-center',\n          '[&>svg]:h-[18px] [&>svg]:w-[18px] [&>svg]:mr-[4px]',\n          color,\n          hoverColor,\n          hoverBgColor,\n          activeColor,\n          activeBgColor\n        )}\n      >\n        <P2 text={label} />\n      </div>\n    </LinkComponent>\n  )\n}\n\nexport default IconLink\n","import { useContext, type FC } from 'react'\nimport clsx from 'clsx'\n// context\nimport { HeaderContext } from '../../header/context'\n// icon\nimport { SocialMedia as SocialMediaIcon } from '../../icons'\n// type\nimport type { MediaType } from '../../icons/constants'\n// theme\nimport { THEME } from '../../constants/theme'\n// button\nimport { IconButton } from '../../button'\n\ntype SocialMediaProps = {\n  mediaType: MediaType\n}\nconst SocialMedia: FC<SocialMediaProps> = ({ mediaType }) => {\n  const { theme, releaseBranch } = useContext(HeaderContext)\n  const footerTheme = theme === THEME.transparent ? THEME.normal : theme\n  const Icon = (\n    <SocialMediaIcon mediaType={mediaType} releaseBranch={releaseBranch} />\n  )\n  return (\n    <IconButton\n      iconComponent={Icon}\n      theme={footerTheme}\n      className={clsx(\n        '[&>svg]:h-[32px] [&>svg]:w-[32px]',\n        '[&>svg]:tablet:h-[24px] [&>svg]:tablet:w-[24px]'\n      )}\n    />\n  )\n}\n\nexport default SocialMedia\n","import { useContext, useState, type FC } from 'react'\nimport clsx from 'clsx'\n// context\nimport { HeaderContext, HamburgerContext } from '../header/context'\n// constants\nimport { THEME } from '../constants/theme'\nimport { Channels, CHANNEL_TYPE } from './constants/channels'\nimport { SocialMedias } from './constants/social-media'\nimport { HAMBURGER_MENU_ACION_LINKS } from '../header/constants/action-links'\nimport { INTERNAL_LINKS } from '../constants/internal-links'\nimport { EXTERNAL_LINKS } from '../constants/external-links'\n// utils\nimport {\n  selectHamburgerMenuTheme,\n  selectHamburgerItemTheme,\n} from './utils/theme'\n// buttons\nimport { IconButton, MenuButton, PillButton, TextButton } from '../button'\n// icons\nimport { Cross, Member } from '../icons'\n// logo\nimport { LogoSymbol, LogoHeader } from '../logo'\n// utils\nimport { selectLogoType } from './utils/theme'\n// divider\nimport Divider from '../divider'\n// components\nimport { DropdownMenu } from '../dropdown-menu'\nimport IconLink from './components/icon-link'\nimport LightLink from './components/light-link'\nimport SocialMedia from './components/social-media'\n// link\nimport { ExternalLink, InternalLink } from '../customized-link'\n// search bar\nimport { SearchBar } from '../input'\n\nconst HamburgerMenu: FC = () => {\n  const { theme, releaseBranch, isLinkExternal, isAuthed } =\n    useContext(HeaderContext)\n  const { closeHamburgerMenu } = useContext(HamburgerContext)\n\n  const menuTheme = theme === THEME.photography ? theme : THEME.normal\n  const { bgColor, scrollBarColor } = selectHamburgerMenuTheme(menuTheme)\n  const logoType = selectLogoType(menuTheme)\n  const [activeKey, setActiveKey] = useState('')\n  const LinkComponent = isLinkExternal ? ExternalLink : InternalLink\n\n  const onSearch = (keywords: string) => {\n    if (typeof window === 'undefined') {\n      return\n    }\n    window.location.href = `${INTERNAL_LINKS.search}?q=${encodeURIComponent(keywords)}`\n  }\n\n  return (\n    <div\n      className={clsx(\n        'w-screen h-screen overflow-y-scroll overscroll-contain',\n        bgColor,\n        // reserveHeightForIos15 is 48px\n        `pb-[calc(48px+48px)]`,\n        'tablet:w-[320px] tablet:max-h-screen tablet:pb-0',\n        'desktop:w-[280px]',\n        '[&::-webkit-scrollbar]:w-[4px]',\n        '[&::-webkit-scrollbar]:bg-transparent',\n        '[&::-webkit-scrollbar-thumb]:rounded-[2px]',\n        scrollBarColor\n      )}\n    >\n      {/* close icon */}\n      <div\n        className={clsx(\n          'hidden items-center justify-end pt-[24px] pr-[32px] pb-[16px]',\n          'tablet:flex'\n        )}\n      >\n        <IconButton\n          iconComponent={Cross(releaseBranch)}\n          theme={menuTheme}\n          onClick={closeHamburgerMenu}\n        />\n      </div>\n      {/* logo */}\n      <LinkComponent to={INTERNAL_LINKS.home}>\n        <div\n          className={clsx(\n            'hidden justify-center [&>img]:h-[24px] [&>img]:w-[24px]',\n            'tablet:flex'\n          )}\n        >\n          <LogoSymbol type={logoType} releaseBranch={releaseBranch} />\n        </div>\n      </LinkComponent>\n      {/* mobile hamburger header */}\n      <div\n        className={clsx(\n          'flex items-center justify-between px-[24px] py-[16px]',\n          'tablet:hidden'\n        )}\n      >\n        <LinkComponent to={INTERNAL_LINKS.home}>\n          <LogoHeader\n            type={logoType}\n            releaseBranch={releaseBranch}\n            className=\"h-[21px]\"\n          />\n        </LinkComponent>\n        <div className=\"flex items-center gap-[16px]\">\n          <LinkComponent to={EXTERNAL_LINKS.monthlyDonation}>\n            <PillButton\n              text=\"贊助\"\n              theme={PillButton.Theme.normal}\n              type={PillButton.Type.primary}\n              style={PillButton.Style.brand}\n            />\n          </LinkComponent>\n          <LinkComponent to={INTERNAL_LINKS.account.index}>\n            {isAuthed ? (\n              <IconButton iconComponent={Member(releaseBranch)} />\n            ) : (\n              <TextButton\n                text=\"登入\"\n                theme={TextButton.Theme.normal}\n                style={TextButton.Style.dark}\n                size={TextButton.Size.s}\n              />\n            )}\n          </LinkComponent>\n        </div>\n      </div>\n      {/* search bar (visible on mobile and tablet) */}\n      <div className=\"px-[32px] pt-[24px] pb-[8px] desktop:hidden\">\n        <SearchBar\n          onSearch={onSearch}\n          autoFocus={false}\n          widthType={SearchBar.WidthType.stretch}\n          placeholder=\"關鍵字搜尋\"\n          theme={menuTheme}\n          releaseBranch={releaseBranch}\n        />\n      </div>\n      {/* menu buttons */}\n      <div className=\"flex flex-col pt-[16px]\">\n        {Channels.map((channel, idx) => {\n          if (channel.type === CHANNEL_TYPE.link) {\n            const { color, hoverBgColor, activeBgColor } =\n              selectHamburgerItemTheme(theme)\n            return (\n              <LinkComponent\n                to={channel.to}\n                target={channel.target}\n                key={channel.label}\n              >\n                <MenuButton\n                  key={channel.label}\n                  text={channel.label}\n                  fontWeight={MenuButton.FontWeight.bold}\n                  color={color}\n                  p1ClassName={`${hoverBgColor} ${activeBgColor} pl-[32px] pr-[32px]`}\n                />\n              </LinkComponent>\n            )\n          }\n          if (channel.type === CHANNEL_TYPE.divider) {\n            return (\n              <div className=\"py-[16px] px-[32px]\" key={`divider-${idx}`}>\n                <Divider direction={Divider.Direction.horizontal} />\n              </div>\n            )\n          }\n          if (channel.type === CHANNEL_TYPE.dropdown) {\n            const isActive = activeKey === channel.label\n            const toggleFunc = (key: string) => {\n              const nextActiveKey = activeKey === key ? '' : key\n              setActiveKey(nextActiveKey)\n            }\n            return (\n              <button\n                onClick={() => toggleFunc(channel.label)}\n                key={channel.label}\n                type=\"button\"\n              >\n                <DropdownMenu\n                  text={channel.label}\n                  isActive={isActive}\n                  dropdownItems={channel.dropdownItems}\n                />\n              </button>\n            )\n          }\n          if (channel.type === CHANNEL_TYPE.iconLink) {\n            return (\n              <IconLink\n                label={channel.label}\n                to={channel.to}\n                target={channel.target}\n                icon={channel.icon}\n                key={channel.label}\n              />\n            )\n          }\n          if (channel.type === CHANNEL_TYPE.lightLink) {\n            return (\n              <LightLink\n                label={channel.label}\n                to={channel.to}\n                target={channel.target}\n                key={channel.label}\n              />\n            )\n          }\n        })}\n      </div>\n      {/* social media */}\n      <div className=\"flex flex-row gap-[16px] justify-center\">\n        {SocialMedias.map((socialMedia) => (\n          <LinkComponent\n            to={socialMedia.link}\n            target={socialMedia.target}\n            key={socialMedia.icon}\n          >\n            <SocialMedia mediaType={socialMedia.icon} />\n          </LinkComponent>\n        ))}\n      </div>\n      {/* action butoons */}\n      <div\n        className={clsx(\n          'flex flex-row gap-[16px] px-[32px] pt-[40px] pb-[32px]',\n          'tablet:flex-col'\n        )}\n      >\n        {HAMBURGER_MENU_ACION_LINKS.map((link) => (\n          <LinkComponent\n            to={link.to}\n            target={link.target}\n            key={link.label}\n            className=\"flex-1\"\n          >\n            <PillButton\n              text={link.label}\n              theme={theme}\n              type={link.type}\n              className=\"w-full justify-center\"\n              size={PillButton.Size.l}\n            />\n          </LinkComponent>\n        ))}\n      </div>\n    </div>\n  )\n}\n\nexport default HamburgerMenu\n"],"mappings":"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"}
+{"version":3,"file":"hamburger-menu-MQgF0vLX.mjs","names":["SocialMedias: SocialMediaType[]","HEADER_ACTION_LINKS: ActionLink[]","HAMBURGER_MENU_ACION_LINKS: ActionLink[]","IconLink: FC<IconLinkProps>","ExternalLink","InternalLink","IconLink","IconLink: FC<IconLinkProps>","ExternalLink","InternalLink","SocialMedia: FC<SocialMediaProps>","IconButton","SocialMediaIcon","SocialMedia","HamburgerMenu: FC","ExternalLink","InternalLink","IconButton","LogoSymbol","LogoHeader","PillButton","TextButton","SearchBar","MenuButton","Divider","IconLink","LightLink","SocialMedia"],"sources":["../src/hamburger-menu/constants/channels.ts","../src/hamburger-menu/constants/social-media.ts","../src/header/constants/action-links.ts","../src/hamburger-menu/components/icon-link.tsx","../src/hamburger-menu/components/light-link.tsx","../src/hamburger-menu/components/social-media.tsx","../src/hamburger-menu/index.tsx"],"sourcesContent":["import { INTERNAL_LINKS } from '../../constants/internal-links'\nimport { EXTERNAL_LINKS } from '../../constants/external-links'\nimport type { LinkTarget } from '../../customized-link/type'\n\nexport const CHANNEL_TYPE = {\n  link: 'link',\n  divider: 'divider',\n  dropdown: 'dropdown',\n  iconLink: 'icon-link',\n  lightLink: 'light-link',\n} as const\n\nexport const Channels = [\n  {\n    type: CHANNEL_TYPE.link,\n    label: '最新',\n    to: INTERNAL_LINKS.latest,\n    target: '_self' as LinkTarget,\n  },\n  {\n    type: CHANNEL_TYPE.divider,\n  },\n  {\n    type: CHANNEL_TYPE.link,\n    label: '深度專題',\n    to: INTERNAL_LINKS.topics,\n    target: '_self' as LinkTarget,\n  },\n  {\n    type: CHANNEL_TYPE.dropdown,\n    label: '議題',\n    dropdownItems: [\n      {\n        label: '國際兩岸',\n        to: INTERNAL_LINKS.categories.world,\n        target: '_self' as LinkTarget,\n      },\n      {\n        label: '人權司法',\n        to: INTERNAL_LINKS.categories.humanRights,\n        target: '_self' as LinkTarget,\n      },\n      {\n        label: '政治社會',\n        to: INTERNAL_LINKS.categories.politicsAndSociety,\n        target: '_self' as LinkTarget,\n      },\n      {\n        label: '醫療健康',\n        to: INTERNAL_LINKS.categories.health,\n        target: '_self' as LinkTarget,\n      },\n      {\n        label: '環境永續',\n        to: INTERNAL_LINKS.categories.environment,\n        target: '_self' as LinkTarget,\n      },\n      {\n        label: '經濟產業',\n        to: INTERNAL_LINKS.categories.econ,\n        target: '_self' as LinkTarget,\n      },\n      {\n        label: '文化生活',\n        to: INTERNAL_LINKS.categories.culture,\n        target: '_self' as LinkTarget,\n      },\n      {\n        label: '教育校園',\n        to: INTERNAL_LINKS.categories.education,\n        target: '_self' as LinkTarget,\n      },\n    ],\n  },\n  {\n    type: CHANNEL_TYPE.dropdown,\n    label: '評論',\n    dropdownItems: [\n      {\n        label: '書摘與書評',\n        to: INTERNAL_LINKS.categories.opinion.bookReview,\n        target: '_self' as LinkTarget,\n      },\n      {\n        label: '讀者投書',\n        to: INTERNAL_LINKS.categories.opinion.letter,\n        target: '_self' as LinkTarget,\n      },\n      {\n        label: '全部',\n        to: INTERNAL_LINKS.categories.opinion.index,\n        target: '_self' as LinkTarget,\n      },\n    ],\n  },\n  {\n    type: CHANNEL_TYPE.link,\n    label: '人物故事',\n    to: INTERNAL_LINKS.humanStory,\n    target: '_self' as LinkTarget,\n  },\n  {\n    type: CHANNEL_TYPE.divider,\n  },\n  {\n    type: CHANNEL_TYPE.link,\n    label: '影像',\n    to: INTERNAL_LINKS.photography,\n    target: '_self' as LinkTarget,\n  },\n  {\n    type: CHANNEL_TYPE.dropdown,\n    label: 'Podcast',\n    dropdownItems: [\n      {\n        label: '關於報導者 Podcast',\n        to: INTERNAL_LINKS.podcast.aboutPodcast,\n        target: '_self' as LinkTarget,\n      },\n      {\n        label: 'The Real Story',\n        to: INTERNAL_LINKS.categories.podcast.theRealStory,\n        target: '_self' as LinkTarget,\n      },\n      {\n        label: 'On the Ground 路邊攤計劃',\n        to: INTERNAL_LINKS.categories.podcast.onTheGround,\n        target: '_self' as LinkTarget,\n      },\n    ],\n  },\n  {\n    type: CHANNEL_TYPE.link,\n    label: '少年報導者',\n    to: EXTERNAL_LINKS.kidsReporter,\n    target: '_blank' as LinkTarget,\n  },\n  {\n    type: CHANNEL_TYPE.link,\n    label: '報導者觀測站',\n    to: EXTERNAL_LINKS.lawmaker,\n    target: '_blank' as LinkTarget,\n  },\n  {\n    type: CHANNEL_TYPE.link,\n    label: '數位敘事',\n    to: INTERNAL_LINKS.infographic,\n    target: '_self' as LinkTarget,\n  },\n  {\n    type: CHANNEL_TYPE.divider,\n  },\n  {\n    type: CHANNEL_TYPE.iconLink,\n    label: '個人專區',\n    icon: 'member',\n    to: INTERNAL_LINKS.account.index,\n    target: '_self' as LinkTarget,\n  },\n  {\n    type: CHANNEL_TYPE.iconLink,\n    label: '我的閱讀',\n    icon: 'kid_star',\n    to: INTERNAL_LINKS.myReading.index,\n    target: '_self' as LinkTarget,\n  },\n  {\n    type: CHANNEL_TYPE.iconLink,\n    label: '已收藏',\n    icon: 'bookmark_basic',\n    to: INTERNAL_LINKS.myReading.savedBookmarks,\n    target: '_self' as LinkTarget,\n  },\n  {\n    type: CHANNEL_TYPE.iconLink,\n    label: '造訪紀錄',\n    icon: 'history',\n    to: INTERNAL_LINKS.myReading.browsingHistory,\n    target: '_self' as LinkTarget,\n  },\n  {\n    type: CHANNEL_TYPE.divider,\n  },\n  {\n    type: CHANNEL_TYPE.lightLink,\n    label: '基金會消息',\n    to: INTERNAL_LINKS.categories.foundation.index,\n    target: '_self' as LinkTarget,\n  },\n  {\n    type: CHANNEL_TYPE.lightLink,\n    label: '關於我們',\n    to: INTERNAL_LINKS.about,\n    target: '_blank' as LinkTarget,\n  },\n  {\n    type: CHANNEL_TYPE.lightLink,\n    label: '影響力報告',\n    to: INTERNAL_LINKS.influenceReport,\n    target: '_self' as LinkTarget,\n  },\n  {\n    type: CHANNEL_TYPE.lightLink,\n    label: '報導者開放實驗室',\n    to: EXTERNAL_LINKS.openLab,\n    target: '_blank' as LinkTarget,\n  },\n  {\n    type: CHANNEL_TYPE.lightLink,\n    label: '出版品與周邊',\n    to: EXTERNAL_LINKS.publicationAndMerchandise,\n    target: '_blank' as LinkTarget,\n  },\n  {\n    type: CHANNEL_TYPE.divider,\n  },\n]\n","import { MEDIA_TYPE, type MediaType } from '../../icons/constants'\nimport { EXTERNAL_LINKS } from '../../constants/external-links'\nimport type { LinkTarget } from '../../customized-link/type'\n\ntype SocialMediaType = {\n  icon: MediaType\n  link: string\n  target: LinkTarget\n}\nexport const SocialMedias: SocialMediaType[] = [\n  {\n    icon: MEDIA_TYPE.facebook,\n    link: EXTERNAL_LINKS.facebook,\n    target: '_blank',\n  },\n  {\n    icon: MEDIA_TYPE.instagram,\n    link: EXTERNAL_LINKS.instagram,\n    target: '_blank',\n  },\n  {\n    icon: MEDIA_TYPE.threads,\n    link: EXTERNAL_LINKS.threads,\n    target: '_blank',\n  },\n  {\n    icon: MEDIA_TYPE.youtube,\n    link: EXTERNAL_LINKS.youtube,\n    target: '_blank',\n  },\n]\n","import { INTERNAL_LINKS } from '../../constants/internal-links'\nimport { EXTERNAL_LINKS } from '../../constants/external-links'\nimport type { LinkTarget } from '../../customized-link/type'\nimport { TYPE, type Type } from '../../button/constants'\n\ntype ActionLink = {\n  label: string\n  to: string\n  target: LinkTarget\n  type: Type\n}\n\nexport const HEADER_ACTION_LINKS: ActionLink[] = [\n  {\n    label: '電子報',\n    to: INTERNAL_LINKS.account.emailSubscription,\n    target: '_self' as LinkTarget,\n    type: TYPE.secondary,\n  },\n  {\n    label: '贊助',\n    to: EXTERNAL_LINKS.monthlyDonation,\n    target: '_blank',\n    type: TYPE.primary,\n  },\n]\n\nexport const HAMBURGER_MENU_ACION_LINKS: ActionLink[] = [\n  {\n    label: '訂閱電子報',\n    to: INTERNAL_LINKS.account.emailSubscription,\n    target: '_self',\n    type: TYPE.secondary,\n  },\n  {\n    label: '贊助我們',\n    to: EXTERNAL_LINKS.monthlyDonation,\n    target: '_blank',\n    type: TYPE.primary,\n  },\n]\n","import { useContext, type FC } from 'react'\nimport clsx from 'clsx'\n// context\nimport { HeaderContext } from '../../header/context'\n// theme\nimport { THEME } from '../../constants/theme'\n// utils\nimport { selectHamburgerFooterTheme } from '../utils/theme'\n// icon\nimport { Icon } from '../../icons'\n// text\nimport { P2 } from '../../text/paragraph'\n// link\nimport { ExternalLink, InternalLink } from '../../customized-link'\nimport type { LinkTarget } from '../../customized-link/type'\n\ntype IconLinkProps = {\n  label: string\n  icon: string\n  to: string\n  target: LinkTarget\n}\nconst IconLink: FC<IconLinkProps> = ({ label, icon, to, target }) => {\n  const { theme, releaseBranch, isLinkExternal } = useContext(HeaderContext)\n  const footerTheme = theme === THEME.transparent ? THEME.normal : theme\n  const LinkComponent = isLinkExternal ? ExternalLink : InternalLink\n  const {\n    color,\n    hoverColor,\n    hoverBgColor,\n    svgHoverBgColor,\n    svgBgColor,\n    activeColor,\n    activeBgColor,\n    svgActiveBgColor,\n  } = selectHamburgerFooterTheme(footerTheme)\n  return (\n    <LinkComponent to={to} target={target}>\n      <div\n        className={clsx(\n          'py-[8px] px-[32px] flex items-center',\n          '[&>svg]:h-[18px] [&>svg]:w-[18px] [&>svg]:mr-[4px]',\n          color,\n          hoverColor,\n          hoverBgColor,\n          svgHoverBgColor,\n          svgBgColor,\n          activeColor,\n          activeBgColor,\n          svgActiveBgColor\n        )}\n      >\n        <Icon filename={icon} releaseBranch={releaseBranch} />\n        <P2 text={label} />\n      </div>\n    </LinkComponent>\n  )\n}\n\nexport default IconLink\n","import { useContext, type FC } from 'react'\nimport clsx from 'clsx'\n// context\nimport { HeaderContext } from '../../header/context'\n// theme\nimport { THEME } from '../../constants/theme'\n// utils\nimport { selectHamburgerFooterTheme } from '../utils/theme'\n// text\nimport { P2 } from '../../text/paragraph'\n// link\nimport { ExternalLink, InternalLink } from '../../customized-link'\nimport type { LinkTarget } from '../../customized-link/type'\n\ntype IconLinkProps = {\n  label: string\n  to: string\n  target: LinkTarget\n}\nconst IconLink: FC<IconLinkProps> = ({ label, to, target }) => {\n  const { theme, isLinkExternal } = useContext(HeaderContext)\n  const footerTheme = theme === THEME.transparent ? THEME.normal : theme\n  const { color, hoverColor, hoverBgColor, activeColor, activeBgColor } =\n    selectHamburgerFooterTheme(footerTheme)\n  const LinkComponent = isLinkExternal ? ExternalLink : InternalLink\n  return (\n    <LinkComponent to={to} target={target}>\n      <div\n        className={clsx(\n          'py-[8px] px-[32px] flex items-center',\n          '[&>svg]:h-[18px] [&>svg]:w-[18px] [&>svg]:mr-[4px]',\n          color,\n          hoverColor,\n          hoverBgColor,\n          activeColor,\n          activeBgColor\n        )}\n      >\n        <P2 text={label} />\n      </div>\n    </LinkComponent>\n  )\n}\n\nexport default IconLink\n","import { useContext, type FC } from 'react'\nimport clsx from 'clsx'\n// context\nimport { HeaderContext } from '../../header/context'\n// icon\nimport { SocialMedia as SocialMediaIcon } from '../../icons'\n// type\nimport type { MediaType } from '../../icons/constants'\n// theme\nimport { THEME } from '../../constants/theme'\n// button\nimport { IconButton } from '../../button'\n\ntype SocialMediaProps = {\n  mediaType: MediaType\n}\nconst SocialMedia: FC<SocialMediaProps> = ({ mediaType }) => {\n  const { theme, releaseBranch } = useContext(HeaderContext)\n  const footerTheme = theme === THEME.transparent ? THEME.normal : theme\n  const Icon = (\n    <SocialMediaIcon mediaType={mediaType} releaseBranch={releaseBranch} />\n  )\n  return (\n    <IconButton\n      iconComponent={Icon}\n      theme={footerTheme}\n      className={clsx(\n        '[&>svg]:h-[32px] [&>svg]:w-[32px]',\n        '[&>svg]:tablet:h-[24px] [&>svg]:tablet:w-[24px]'\n      )}\n    />\n  )\n}\n\nexport default SocialMedia\n","import { useContext, useState, type FC } from 'react'\nimport clsx from 'clsx'\n// context\nimport { HeaderContext, HamburgerContext } from '../header/context'\n// constants\nimport { THEME } from '../constants/theme'\nimport { Channels, CHANNEL_TYPE } from './constants/channels'\nimport { SocialMedias } from './constants/social-media'\nimport { HAMBURGER_MENU_ACION_LINKS } from '../header/constants/action-links'\nimport { INTERNAL_LINKS } from '../constants/internal-links'\nimport { EXTERNAL_LINKS } from '../constants/external-links'\n// utils\nimport {\n  selectHamburgerMenuTheme,\n  selectHamburgerItemTheme,\n} from './utils/theme'\n// buttons\nimport { IconButton, MenuButton, PillButton, TextButton } from '../button'\n// icons\nimport { Cross, Member } from '../icons'\n// logo\nimport { LogoSymbol, LogoHeader } from '../logo'\n// utils\nimport { selectLogoType } from './utils/theme'\n// divider\nimport Divider from '../divider'\n// components\nimport { DropdownMenu } from '../dropdown-menu'\nimport IconLink from './components/icon-link'\nimport LightLink from './components/light-link'\nimport SocialMedia from './components/social-media'\n// link\nimport { ExternalLink, InternalLink } from '../customized-link'\n// search bar\nimport { SearchBar } from '../input'\n\nconst HamburgerMenu: FC = () => {\n  const { theme, releaseBranch, isLinkExternal, isAuthed } =\n    useContext(HeaderContext)\n  const { closeHamburgerMenu } = useContext(HamburgerContext)\n\n  const menuTheme = theme === THEME.photography ? theme : THEME.normal\n  const { bgColor, scrollBarColor } = selectHamburgerMenuTheme(menuTheme)\n  const logoType = selectLogoType(menuTheme)\n  const [activeKey, setActiveKey] = useState('')\n  const LinkComponent = isLinkExternal ? ExternalLink : InternalLink\n\n  const onSearch = (keywords: string) => {\n    if (typeof window === 'undefined') {\n      return\n    }\n    window.location.href = `${INTERNAL_LINKS.search}?q=${encodeURIComponent(keywords)}`\n  }\n\n  return (\n    <div\n      className={clsx(\n        'w-screen h-screen overflow-y-scroll overscroll-contain',\n        bgColor,\n        // reserveHeightForIos15 is 48px\n        `pb-[calc(48px+48px)]`,\n        'tablet:w-[320px] tablet:max-h-screen tablet:pb-0',\n        'desktop:w-[280px]',\n        '[&::-webkit-scrollbar]:w-[4px]',\n        '[&::-webkit-scrollbar]:bg-transparent',\n        '[&::-webkit-scrollbar-thumb]:rounded-[2px]',\n        scrollBarColor\n      )}\n    >\n      {/* close icon */}\n      <div\n        className={clsx(\n          'hidden items-center justify-end pt-[24px] pr-[32px] pb-[16px]',\n          'tablet:flex'\n        )}\n      >\n        <IconButton\n          iconComponent={Cross(releaseBranch)}\n          theme={menuTheme}\n          onClick={closeHamburgerMenu}\n        />\n      </div>\n      {/* logo */}\n      <LinkComponent to={INTERNAL_LINKS.home}>\n        <div\n          className={clsx(\n            'hidden justify-center [&>img]:h-[24px] [&>img]:w-[24px]',\n            'tablet:flex'\n          )}\n        >\n          <LogoSymbol type={logoType} releaseBranch={releaseBranch} />\n        </div>\n      </LinkComponent>\n      {/* mobile hamburger header */}\n      <div\n        className={clsx(\n          'flex items-center justify-between px-[24px] py-[16px]',\n          'tablet:hidden'\n        )}\n      >\n        <LinkComponent to={INTERNAL_LINKS.home}>\n          <LogoHeader\n            type={logoType}\n            releaseBranch={releaseBranch}\n            className=\"h-[21px]\"\n          />\n        </LinkComponent>\n        <div className=\"flex items-center gap-[16px]\">\n          <LinkComponent to={EXTERNAL_LINKS.monthlyDonation}>\n            <PillButton\n              text=\"贊助\"\n              theme={PillButton.Theme.normal}\n              type={PillButton.Type.primary}\n              style={PillButton.Style.brand}\n            />\n          </LinkComponent>\n          <LinkComponent to={INTERNAL_LINKS.account.index}>\n            {isAuthed ? (\n              <IconButton iconComponent={Member(releaseBranch)} />\n            ) : (\n              <TextButton\n                text=\"登入\"\n                theme={TextButton.Theme.normal}\n                style={TextButton.Style.dark}\n                size={TextButton.Size.s}\n              />\n            )}\n          </LinkComponent>\n        </div>\n      </div>\n      {/* search bar (visible on mobile and tablet) */}\n      <div className=\"px-[32px] pt-[24px] pb-[8px] desktop:hidden\">\n        <SearchBar\n          onSearch={onSearch}\n          autoFocus={false}\n          placeholder=\"關鍵字搜尋\"\n          theme={menuTheme}\n          releaseBranch={releaseBranch}\n          searchBarWidth=\"w-full\"\n        />\n      </div>\n      {/* menu buttons */}\n      <div className=\"flex flex-col pt-[16px]\">\n        {Channels.map((channel, idx) => {\n          if (channel.type === CHANNEL_TYPE.link) {\n            const { color, hoverBgColor, activeBgColor } =\n              selectHamburgerItemTheme(theme)\n            return (\n              <LinkComponent\n                to={channel.to}\n                target={channel.target}\n                key={channel.label}\n              >\n                <MenuButton\n                  key={channel.label}\n                  text={channel.label}\n                  fontWeight={MenuButton.FontWeight.bold}\n                  color={color}\n                  p1ClassName={`${hoverBgColor} ${activeBgColor} pl-[32px] pr-[32px]`}\n                />\n              </LinkComponent>\n            )\n          }\n          if (channel.type === CHANNEL_TYPE.divider) {\n            return (\n              <div className=\"py-[16px] px-[32px]\" key={`divider-${idx}`}>\n                <Divider direction={Divider.Direction.horizontal} />\n              </div>\n            )\n          }\n          if (channel.type === CHANNEL_TYPE.dropdown) {\n            const isActive = activeKey === channel.label\n            const toggleFunc = (key: string) => {\n              const nextActiveKey = activeKey === key ? '' : key\n              setActiveKey(nextActiveKey)\n            }\n            return (\n              <button\n                onClick={() => toggleFunc(channel.label)}\n                key={channel.label}\n                type=\"button\"\n              >\n                <DropdownMenu\n                  text={channel.label}\n                  isActive={isActive}\n                  dropdownItems={channel.dropdownItems}\n                />\n              </button>\n            )\n          }\n          if (channel.type === CHANNEL_TYPE.iconLink) {\n            return (\n              <IconLink\n                label={channel.label}\n                to={channel.to}\n                target={channel.target}\n                icon={channel.icon}\n                key={channel.label}\n              />\n            )\n          }\n          if (channel.type === CHANNEL_TYPE.lightLink) {\n            return (\n              <LightLink\n                label={channel.label}\n                to={channel.to}\n                target={channel.target}\n                key={channel.label}\n              />\n            )\n          }\n        })}\n      </div>\n      {/* social media */}\n      <div className=\"flex flex-row gap-[16px] justify-center\">\n        {SocialMedias.map((socialMedia) => (\n          <LinkComponent\n            to={socialMedia.link}\n            target={socialMedia.target}\n            key={socialMedia.icon}\n          >\n            <SocialMedia mediaType={socialMedia.icon} />\n          </LinkComponent>\n        ))}\n      </div>\n      {/* action butoons */}\n      <div\n        className={clsx(\n          'flex flex-row gap-[16px] px-[32px] pt-[40px] pb-[32px]',\n          'tablet:flex-col'\n        )}\n      >\n        {HAMBURGER_MENU_ACION_LINKS.map((link) => (\n          <LinkComponent\n            to={link.to}\n            target={link.target}\n            key={link.label}\n            className=\"flex-1\"\n          >\n            <PillButton\n              text={link.label}\n              theme={theme}\n              type={link.type}\n              className=\"w-full justify-center\"\n              size={PillButton.Size.l}\n            />\n          </LinkComponent>\n        ))}\n      </div>\n    </div>\n  )\n}\n\nexport default HamburgerMenu\n"],"mappings":"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"}