@twreporter/react-typescript-components 0.1.0-beta.10

package/lib/external-link-2XoC1_oL.d.ts

@@ -0,0 +1,9 @@
+import { CustomizedLinkProps } from "./type-C4hJK9H9.js";
+import { FC } from "react";
+
+//#region src/customized-link/external-link.d.ts
+type ExternalLinkProps = CustomizedLinkProps;
+declare const ExternalLink: FC<ExternalLinkProps>;
+//#endregion
+export { ExternalLink };
+//# sourceMappingURL=external-link-2XoC1_oL.d.ts.map

package/lib/external-link-BUhvS4ry.d.mts

@@ -0,0 +1,9 @@
+import { CustomizedLinkProps } from "./type-FR-fOZvz.mjs";
+import { FC } from "react";
+
+//#region src/customized-link/external-link.d.ts
+type ExternalLinkProps = CustomizedLinkProps;
+declare const ExternalLink: FC<ExternalLinkProps>;
+//#endregion
+export { ExternalLink };
+//# sourceMappingURL=external-link-BUhvS4ry.d.mts.map

package/lib/external-link-CEDvlQYo.js

@@ -0,0 +1,23 @@
+const require_chunk = require('./chunk-BxBTb9qk.js');
+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 }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
+		href: to,
+		target,
+		className,
+		children
+	});
+};
+var external_link_default = ExternalLink;
+
+//#endregion
+Object.defineProperty(exports, 'external_link_default', {
+  enumerable: true,
+  get: function () {
+    return external_link_default;
+  }
+});
+//# sourceMappingURL=external-link-CEDvlQYo.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"external-link-CEDvlQYo.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}) => {\n  return (\n    <a href={to} target={target} className={className}>\n      {children}\n    </a>\n  )\n}\n\nexport default ExternalLink\n"],"mappings":";;;;;AAIA,MAAMA,gBAAuC,EAC3C,IACA,SAAS,SACT,YAAY,IACZ,eACI;AACJ,QACE,2CAAC;EAAE,MAAM;EAAY;EAAmB;EACrC;GACC;;AAIR,4BAAe"}

package/lib/external-link-Cx9S31Ye.mjs

@@ -0,0 +1,16 @@
+import { jsx } from "react/jsx-runtime";
+
+//#region src/customized-link/external-link.tsx
+const ExternalLink = ({ to, target = "_self", className = "", children }) => {
+	return /* @__PURE__ */ jsx("a", {
+		href: to,
+		target,
+		className,
+		children
+	});
+};
+var external_link_default = ExternalLink;
+
+//#endregion
+export { external_link_default };
+//# sourceMappingURL=external-link-Cx9S31Ye.mjs.map

package/lib/external-link-Cx9S31Ye.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"external-link-Cx9S31Ye.mjs","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}) => {\n  return (\n    <a href={to} target={target} className={className}>\n      {children}\n    </a>\n  )\n}\n\nexport default ExternalLink\n"],"mappings":";;;AAIA,MAAMA,gBAAuC,EAC3C,IACA,SAAS,SACT,YAAY,IACZ,eACI;AACJ,QACE,oBAAC;EAAE,MAAM;EAAY;EAAmB;EACrC;GACC;;AAIR,4BAAe"}

package/lib/external-links-2b4M_rcA.mjs

@@ -0,0 +1,17 @@
+//#region src/constants/external-links.ts
+const EXTERNAL_LINKS = {
+	monthlyDonation: "https://www.twreporter.org/donation/period",
+	onceDonation: "https://www.twreporter.org/donation/one-time",
+	openLab: "https://medium.com/twreporter",
+	facebook: "https://www.facebook.com/twreporter/",
+	instagram: "https://www.instagram.com/twreporter/",
+	twitter: "https://twitter.com/tw_reporter_org",
+	youtube: "https://www.youtube.com/c/TwreporterOrg",
+	kidsReporter: "https://kids.twreporter.org/",
+	publicationAndMerchandise: "https://twreporter.waca.ec/",
+	lawmaker: "https://lawmaker.twreporter.org/"
+};
+
+//#endregion
+export { EXTERNAL_LINKS };
+//# sourceMappingURL=external-links-2b4M_rcA.mjs.map

package/lib/external-links-2b4M_rcA.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"external-links-2b4M_rcA.mjs","names":[],"sources":["../src/constants/external-links.ts"],"sourcesContent":["export const EXTERNAL_LINKS = {\n  monthlyDonation: 'https://www.twreporter.org/donation/period',\n  onceDonation: 'https://www.twreporter.org/donation/one-time',\n  openLab: 'https://medium.com/twreporter',\n  facebook: 'https://www.facebook.com/twreporter/',\n  instagram: 'https://www.instagram.com/twreporter/',\n  twitter: 'https://twitter.com/tw_reporter_org',\n  youtube: 'https://www.youtube.com/c/TwreporterOrg',\n  kidsReporter: 'https://kids.twreporter.org/',\n  publicationAndMerchandise: 'https://twreporter.waca.ec/',\n  lawmaker: 'https://lawmaker.twreporter.org/',\n} as const\n"],"mappings":";AAAA,MAAa,iBAAiB;CAC5B,iBAAiB;CACjB,cAAc;CACd,SAAS;CACT,UAAU;CACV,WAAW;CACX,SAAS;CACT,SAAS;CACT,cAAc;CACd,2BAA2B;CAC3B,UAAU;CACX"}

package/lib/external-links-SfJjb48j.js

@@ -0,0 +1,23 @@
+
+//#region src/constants/external-links.ts
+const EXTERNAL_LINKS = {
+	monthlyDonation: "https://www.twreporter.org/donation/period",
+	onceDonation: "https://www.twreporter.org/donation/one-time",
+	openLab: "https://medium.com/twreporter",
+	facebook: "https://www.facebook.com/twreporter/",
+	instagram: "https://www.instagram.com/twreporter/",
+	twitter: "https://twitter.com/tw_reporter_org",
+	youtube: "https://www.youtube.com/c/TwreporterOrg",
+	kidsReporter: "https://kids.twreporter.org/",
+	publicationAndMerchandise: "https://twreporter.waca.ec/",
+	lawmaker: "https://lawmaker.twreporter.org/"
+};
+
+//#endregion
+Object.defineProperty(exports, 'EXTERNAL_LINKS', {
+  enumerable: true,
+  get: function () {
+    return EXTERNAL_LINKS;
+  }
+});
+//# sourceMappingURL=external-links-SfJjb48j.js.map

package/lib/external-links-SfJjb48j.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"external-links-SfJjb48j.js","names":[],"sources":["../src/constants/external-links.ts"],"sourcesContent":["export const EXTERNAL_LINKS = {\n  monthlyDonation: 'https://www.twreporter.org/donation/period',\n  onceDonation: 'https://www.twreporter.org/donation/one-time',\n  openLab: 'https://medium.com/twreporter',\n  facebook: 'https://www.facebook.com/twreporter/',\n  instagram: 'https://www.instagram.com/twreporter/',\n  twitter: 'https://twitter.com/tw_reporter_org',\n  youtube: 'https://www.youtube.com/c/TwreporterOrg',\n  kidsReporter: 'https://kids.twreporter.org/',\n  publicationAndMerchandise: 'https://twreporter.waca.ec/',\n  lawmaker: 'https://lawmaker.twreporter.org/',\n} as const\n"],"mappings":";;AAAA,MAAa,iBAAiB;CAC5B,iBAAiB;CACjB,cAAc;CACd,SAAS;CACT,UAAU;CACV,WAAW;CACX,SAAS;CACT,SAAS;CACT,cAAc;CACd,2BAA2B;CAC3B,UAAU;CACX"}

package/lib/hamburger-menu/index.d.mts

@@ -0,0 +1,7 @@
+import { FC } from "react";
+
+//#region src/hamburger-menu/index.d.ts
+declare const HamburgerMenu: FC;
+//#endregion
+export { HamburgerMenu as default };
+//# sourceMappingURL=index.d.mts.map

package/lib/hamburger-menu/index.d.ts

@@ -0,0 +1,6 @@
+import { FC } from "react";
+
+//#region src/hamburger-menu/index.d.ts
+declare const HamburgerMenu: FC;
+export = HamburgerMenu;
+//# sourceMappingURL=index.d.ts.map

package/lib/hamburger-menu/index.js

@@ -0,0 +1,22 @@
+require('../constants-BmxSMOOn.js');
+require('../constants-K2ObjToq.js');
+require('../paragraph-CJvb0_cM.js');
+require('../theme-DDBlIbeS.js');
+require('../button-DFLYlJJW.js');
+require('../external-links-SfJjb48j.js');
+require('../internal-links-CBkMU8cY.js');
+require('../release-branch-CRZV4Ivz.js');
+require('../external-link-CEDvlQYo.js');
+require('../internal-link-CqTu3Yi5.js');
+require('../customized-link-CK7Xlgdt.js');
+require('../constants-DRyQ6AuU.js');
+require('../divider-b3Shh7FV.js');
+require('../context-Bvr0Qj2x.js');
+require('../constants-DF_II8Fz.js');
+require('../icons-DF-7dKxN.js');
+require('../constants-2TRY2zTK.js');
+require('../dropdown-menu-CCtPuYyJ.js');
+const require_hamburger_menu = require('../hamburger-menu-Bd_wmcAB.js');
+require('../logo-D4M-1sGD.js');
+
+module.exports = require_hamburger_menu.hamburger_menu_default;

package/lib/hamburger-menu/index.mjs

@@ -0,0 +1,22 @@
+import "../internal-link-NQb751uB.mjs";
+import "../constants-oTHAnh6r.mjs";
+import "../constants-BWFuBApI.mjs";
+import "../paragraph-BWXQNQtX.mjs";
+import "../theme-BG6yZVj-.mjs";
+import "../button-DyUYGG90.mjs";
+import "../external-links-2b4M_rcA.mjs";
+import "../internal-links-BF-974mA.mjs";
+import "../release-branch-DNCD1uH_.mjs";
+import "../external-link-Cx9S31Ye.mjs";
+import "../customized-link-BkuKVCKQ.mjs";
+import "../constants-t0lkfgqP.mjs";
+import "../divider-Bb3tebJO.mjs";
+import "../context-BCesW3fW.mjs";
+import "../constants-CQscYQcW.mjs";
+import "../icons-DguoV48M.mjs";
+import "../constants-BqeEbkVD.mjs";
+import "../dropdown-menu-Cil4RtSK.mjs";
+import { hamburger_menu_default } from "../hamburger-menu-BZ1hA7l5.mjs";
+import "../logo-CC5oU9Qb.mjs";
+
+export { hamburger_menu_default as default };

package/lib/hamburger-menu-BZ1hA7l5.mjs

@@ -0,0 +1,472 @@
+import { internal_link_default } from "./internal-link-NQb751uB.mjs";
+import { TYPE } from "./constants-oTHAnh6r.mjs";
+import { P2 } from "./paragraph-BWXQNQtX.mjs";
+import { THEME } from "./theme-BG6yZVj-.mjs";
+import { icon_button_default, menu_button_default, pill_button_default, text_button_default } from "./button-DyUYGG90.mjs";
+import { EXTERNAL_LINKS } from "./external-links-2b4M_rcA.mjs";
+import { INTERNAL_LINKS } from "./internal-links-BF-974mA.mjs";
+import { external_link_default } from "./external-link-Cx9S31Ye.mjs";
+import { divider_default } from "./divider-Bb3tebJO.mjs";
+import { HamburgerContext, HeaderContext } from "./context-BCesW3fW.mjs";
+import { MEDIA_TYPE } from "./constants-CQscYQcW.mjs";
+import { Cross, Icon, SocialMedia } from "./icons-DguoV48M.mjs";
+import { DropdownMenu, selectHamburgerFooterTheme, selectHamburgerItemTheme, selectHamburgerMenuTheme, selectLogoType } from "./dropdown-menu-Cil4RtSK.mjs";
+import { logo_header_default, logo_symbol_default } from "./logo-CC5oU9Qb.mjs";
+import { useContext, useState } from "react";
+import clsx from "clsx";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/header/constants/action-links.ts
+const HEADER_ACTION_LINKS = [{
+	label: "電子報",
+	to: INTERNAL_LINKS.account.emailSubscription,
+	target: "_self",
+	type: TYPE.secondary
+}, {
+	label: "贊助",
+	to: EXTERNAL_LINKS.monthlyDonation,
+	target: "_blank",
+	type: TYPE.primary
+}];
+const HAMBURGER_MENU_ACION_LINKS = [{
+	label: "訂閱電子報",
+	to: INTERNAL_LINKS.account.emailSubscription,
+	target: "_self",
+	type: TYPE.secondary
+}, {
+	label: "贊助我們",
+	to: EXTERNAL_LINKS.monthlyDonation,
+	target: "_blank",
+	type: TYPE.primary
+}];
+
+//#endregion
+//#region src/hamburger-menu/constants/channels.ts
+const CHANNEL_TYPE = {
+	link: "link",
+	divider: "divider",
+	dropdown: "dropdown",
+	iconLink: "icon-link",
+	lightLink: "light-link"
+};
+const Channels = [
+	{
+		type: CHANNEL_TYPE.link,
+		label: "最新",
+		to: INTERNAL_LINKS.latest,
+		target: "_self"
+	},
+	{ type: CHANNEL_TYPE.divider },
+	{
+		type: CHANNEL_TYPE.link,
+		label: "深度專題",
+		to: INTERNAL_LINKS.topics,
+		target: "_self"
+	},
+	{
+		type: CHANNEL_TYPE.dropdown,
+		label: "議題",
+		dropdownItems: [
+			{
+				label: "國際兩岸",
+				to: INTERNAL_LINKS.categories.world,
+				target: "_self"
+			},
+			{
+				label: "人權司法",
+				to: INTERNAL_LINKS.categories.humanRights,
+				target: "_self"
+			},
+			{
+				label: "政治社會",
+				to: INTERNAL_LINKS.categories.politicsAndSociety,
+				target: "_self"
+			},
+			{
+				label: "醫療健康",
+				to: INTERNAL_LINKS.categories.health,
+				target: "_self"
+			},
+			{
+				label: "環境永續",
+				to: INTERNAL_LINKS.categories.environment,
+				target: "_self"
+			},
+			{
+				label: "經濟產業",
+				to: INTERNAL_LINKS.categories.econ,
+				target: "_self"
+			},
+			{
+				label: "文化生活",
+				to: INTERNAL_LINKS.categories.culture,
+				target: "_self"
+			},
+			{
+				label: "教育校園",
+				to: INTERNAL_LINKS.categories.education,
+				target: "_self"
+			}
+		]
+	},
+	{
+		type: CHANNEL_TYPE.dropdown,
+		label: "評論",
+		dropdownItems: [
+			{
+				label: "書摘與書評",
+				to: INTERNAL_LINKS.categories.opinion.bookReview,
+				target: "_self"
+			},
+			{
+				label: "讀者投書",
+				to: INTERNAL_LINKS.categories.opinion.letter,
+				target: "_self"
+			},
+			{
+				label: "全部",
+				to: INTERNAL_LINKS.categories.opinion.index,
+				target: "_self"
+			}
+		]
+	},
+	{
+		type: CHANNEL_TYPE.link,
+		label: "人物故事",
+		to: INTERNAL_LINKS.humanStory,
+		target: "_self"
+	},
+	{ type: CHANNEL_TYPE.divider },
+	{
+		type: CHANNEL_TYPE.link,
+		label: "影像",
+		to: INTERNAL_LINKS.photography,
+		target: "_self"
+	},
+	{
+		type: CHANNEL_TYPE.dropdown,
+		label: "Podcast",
+		dropdownItems: [
+			{
+				label: "關於報導者 Podcast",
+				to: INTERNAL_LINKS.podcast.aboutPodcast,
+				target: "_self"
+			},
+			{
+				label: "The Real Story",
+				to: INTERNAL_LINKS.categories.podcast.theRealStory,
+				target: "_self"
+			},
+			{
+				label: "On the Ground 路邊攤計劃",
+				to: INTERNAL_LINKS.categories.podcast.onTheGround,
+				target: "_self"
+			}
+		]
+	},
+	{
+		type: CHANNEL_TYPE.link,
+		label: "少年報導者",
+		to: EXTERNAL_LINKS.kidsReporter,
+		target: "_blank"
+	},
+	{
+		type: CHANNEL_TYPE.link,
+		label: "報導者觀測站",
+		to: EXTERNAL_LINKS.lawmaker,
+		target: "_blank"
+	},
+	{
+		type: CHANNEL_TYPE.link,
+		label: "數位敘事",
+		to: INTERNAL_LINKS.infographic,
+		target: "_self"
+	},
+	{ type: CHANNEL_TYPE.divider },
+	{
+		type: CHANNEL_TYPE.iconLink,
+		label: "個人專區",
+		icon: "member",
+		to: INTERNAL_LINKS.account.index,
+		target: "_self"
+	},
+	{
+		type: CHANNEL_TYPE.iconLink,
+		label: "我的閱讀",
+		icon: "kid_star",
+		to: INTERNAL_LINKS.myReading.index,
+		target: "_self"
+	},
+	{
+		type: CHANNEL_TYPE.iconLink,
+		label: "已收藏",
+		icon: "bookmark_basic",
+		to: INTERNAL_LINKS.myReading.savedBookmarks,
+		target: "_self"
+	},
+	{
+		type: CHANNEL_TYPE.iconLink,
+		label: "造訪紀錄",
+		icon: "history",
+		to: INTERNAL_LINKS.myReading.browsingHistory,
+		target: "_self"
+	},
+	{ type: CHANNEL_TYPE.divider },
+	{
+		type: CHANNEL_TYPE.lightLink,
+		label: "基金會消息",
+		to: INTERNAL_LINKS.categories.foundation.index,
+		target: "_self"
+	},
+	{
+		type: CHANNEL_TYPE.lightLink,
+		label: "關於我們",
+		to: INTERNAL_LINKS.about,
+		target: "_blank"
+	},
+	{
+		type: CHANNEL_TYPE.lightLink,
+		label: "影響力報告",
+		to: INTERNAL_LINKS.influenceReport,
+		target: "_self"
+	},
+	{
+		type: CHANNEL_TYPE.lightLink,
+		label: "報導者開放實驗室",
+		to: EXTERNAL_LINKS.openLab,
+		target: "_blank"
+	},
+	{
+		type: CHANNEL_TYPE.lightLink,
+		label: "出版品與周邊",
+		to: EXTERNAL_LINKS.publicationAndMerchandise,
+		target: "_blank"
+	},
+	{ type: CHANNEL_TYPE.divider }
+];
+
+//#endregion
+//#region src/hamburger-menu/constants/social-media.ts
+const SocialMedias = [
+	{
+		icon: MEDIA_TYPE.facebook,
+		link: EXTERNAL_LINKS.facebook,
+		target: "_blank"
+	},
+	{
+		icon: MEDIA_TYPE.instagram,
+		link: EXTERNAL_LINKS.instagram,
+		target: "_blank"
+	},
+	{
+		icon: MEDIA_TYPE.twitter,
+		link: EXTERNAL_LINKS.twitter,
+		target: "_blank"
+	},
+	{
+		icon: MEDIA_TYPE.youtube,
+		link: EXTERNAL_LINKS.youtube,
+		target: "_blank"
+	}
+];
+
+//#endregion
+//#region src/hamburger-menu/components/icon-link.tsx
+const IconLink$1 = ({ label, icon, to, target }) => {
+	const { theme, releaseBranch, isLinkExternal } = useContext(HeaderContext);
+	const footerTheme = theme === THEME.transparent ? THEME.normal : theme;
+	const LinkComponent = isLinkExternal ? external_link_default : internal_link_default;
+	const { color, hoverColor, hoverBgColor, svgHoverBgColor, svgBgColor, activeColor, activeBgColor, svgActiveBgColor } = selectHamburgerFooterTheme(footerTheme);
+	return /* @__PURE__ */ jsx(LinkComponent, {
+		to,
+		target,
+		children: /* @__PURE__ */ jsxs("div", {
+			className: clsx("py-[8px] px-[32px] flex items-center", "[&>svg]:h-[18px] [&>svg]:w-[18px] [&>svg]:mr-[4px]", color, hoverColor, hoverBgColor, svgHoverBgColor, svgBgColor, activeColor, activeBgColor, svgActiveBgColor),
+			children: [/* @__PURE__ */ jsx(Icon, {
+				filename: icon,
+				releaseBranch
+			}), /* @__PURE__ */ jsx(P2, { text: label })]
+		})
+	});
+};
+var icon_link_default = IconLink$1;
+
+//#endregion
+//#region src/hamburger-menu/components/light-link.tsx
+const IconLink = ({ label, to, target }) => {
+	const { theme, isLinkExternal } = useContext(HeaderContext);
+	const footerTheme = theme === THEME.transparent ? THEME.normal : theme;
+	const { color, hoverColor, hoverBgColor, activeColor, activeBgColor } = selectHamburgerFooterTheme(footerTheme);
+	return /* @__PURE__ */ jsx(isLinkExternal ? external_link_default : internal_link_default, {
+		to,
+		target,
+		children: /* @__PURE__ */ jsx("div", {
+			className: clsx("py-[8px] px-[32px] flex items-center", "[&>svg]:h-[18px] [&>svg]:w-[18px] [&>svg]:mr-[4px]", color, hoverColor, hoverBgColor, activeColor, activeBgColor),
+			children: /* @__PURE__ */ jsx(P2, { text: label })
+		})
+	});
+};
+var light_link_default = IconLink;
+
+//#endregion
+//#region src/hamburger-menu/components/social-media.tsx
+const SocialMedia$1 = ({ mediaType }) => {
+	const { theme, releaseBranch } = useContext(HeaderContext);
+	const footerTheme = theme === THEME.transparent ? THEME.normal : theme;
+	return /* @__PURE__ */ jsx(icon_button_default, {
+		iconComponent: /* @__PURE__ */ jsx(SocialMedia, {
+			mediaType,
+			releaseBranch
+		}),
+		theme: footerTheme,
+		className: clsx("[&>svg]:h-[32px] [&>svg]:w-[32px]", "[&>svg]:tablet:h-[24px] [&>svg]:tablet:w-[24px]")
+	});
+};
+var social_media_default = SocialMedia$1;
+
+//#endregion
+//#region src/hamburger-menu/index.tsx
+const HamburgerMenu = () => {
+	const { theme, releaseBranch, isLinkExternal } = useContext(HeaderContext);
+	const { closeHamburgerMenu } = useContext(HamburgerContext);
+	const menuTheme = theme === THEME.photography ? theme : THEME.normal;
+	const { bgColor, scrollBarColor } = selectHamburgerMenuTheme(menuTheme);
+	const logoType = selectLogoType(menuTheme);
+	const [activeKey, setActiveKey] = useState("");
+	const LinkComponent = isLinkExternal ? external_link_default : internal_link_default;
+	return /* @__PURE__ */ jsxs("div", {
+		className: clsx("w-screen h-screen overflow-scroll overscroll-contain", bgColor, `pb-[calc(48px+48px)]`, "tablet:w-[320px] tablet:max-h-screen", "desktop:w-[280px]", scrollBarColor, "scrollbar-w-1", "scrollbar-thumb-rounded-xs"),
+		children: [
+			/* @__PURE__ */ jsx("div", {
+				className: clsx("hidden items-center justify-end pt-[24px] pr-[32px] pb-[16px]", "tablet:flex"),
+				children: /* @__PURE__ */ jsx(icon_button_default, {
+					iconComponent: Cross(releaseBranch),
+					theme: menuTheme,
+					onClick: closeHamburgerMenu
+				})
+			}),
+			/* @__PURE__ */ jsx(LinkComponent, {
+				to: INTERNAL_LINKS.home,
+				children: /* @__PURE__ */ jsx("div", {
+					className: clsx("hidden justify-center [&>img]:h-[24px] [&>img]:w-[24px]", "tablet:flex"),
+					children: /* @__PURE__ */ jsx(logo_symbol_default, {
+						type: logoType,
+						releaseBranch
+					})
+				})
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: clsx("flex items-center justify-between px-[24px] py-[16px]", "tablet:hidden"),
+				children: [/* @__PURE__ */ jsx(LinkComponent, {
+					to: INTERNAL_LINKS.home,
+					children: /* @__PURE__ */ jsx(logo_header_default, {
+						type: logoType,
+						releaseBranch,
+						className: "h-[21px]"
+					})
+				}), /* @__PURE__ */ jsxs("div", {
+					className: "flex items-center gap-[16px]",
+					children: [/* @__PURE__ */ jsx(LinkComponent, {
+						to: EXTERNAL_LINKS.monthlyDonation,
+						children: /* @__PURE__ */ jsx(pill_button_default, {
+							text: "贊助",
+							theme: pill_button_default.Theme.normal,
+							type: pill_button_default.Type.primary,
+							style: pill_button_default.Style.brand
+						})
+					}), /* @__PURE__ */ jsx(LinkComponent, {
+						to: INTERNAL_LINKS.account.index,
+						children: /* @__PURE__ */ jsx(text_button_default, {
+							text: "登入",
+							theme: text_button_default.Theme.normal,
+							style: text_button_default.Style.dark,
+							size: text_button_default.Size.s
+						})
+					})]
+				})]
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "px-[32px] pt-[24px] pb-[8px]",
+				children: /* @__PURE__ */ jsx("input", {
+					type: "text",
+					className: clsx("w-full h-[40px] rounded-[20px] px-[16px]", "focus:outline-none"),
+					placeholder: "搜尋"
+				})
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "flex flex-col pt-[16px]",
+				children: Channels.map((channel, idx) => {
+					if (channel.type === CHANNEL_TYPE.link) {
+						const { color, hoverBgColor, activeBgColor } = selectHamburgerItemTheme(theme);
+						return /* @__PURE__ */ jsx(LinkComponent, {
+							to: channel.to,
+							target: channel.target,
+							children: /* @__PURE__ */ jsx(menu_button_default, {
+								text: channel.label,
+								fontWeight: menu_button_default.FontWeight.bold,
+								color,
+								p1ClassName: `${hoverBgColor} ${activeBgColor} pl-[32px] pr-[32px]`
+							}, channel.label)
+						}, channel.label);
+					}
+					if (channel.type === CHANNEL_TYPE.divider) return /* @__PURE__ */ jsx("div", {
+						className: "py-[16px] px-[32px]",
+						children: /* @__PURE__ */ jsx(divider_default, { direction: divider_default.Direction.horizontal })
+					}, `divider-${idx}`);
+					if (channel.type === CHANNEL_TYPE.dropdown) {
+						const isActive = activeKey === channel.label;
+						const toggleFunc = (key) => {
+							setActiveKey(activeKey === key ? "" : key);
+						};
+						return /* @__PURE__ */ jsx("button", {
+							onClick: () => toggleFunc(channel.label),
+							type: "button",
+							children: /* @__PURE__ */ jsx(DropdownMenu, {
+								text: channel.label,
+								isActive,
+								dropdownItems: channel.dropdownItems
+							})
+						}, channel.label);
+					}
+					if (channel.type === CHANNEL_TYPE.iconLink) return /* @__PURE__ */ jsx(icon_link_default, {
+						label: channel.label,
+						to: channel.to,
+						target: channel.target,
+						icon: channel.icon
+					}, channel.label);
+					if (channel.type === CHANNEL_TYPE.lightLink) return /* @__PURE__ */ jsx(light_link_default, {
+						label: channel.label,
+						to: channel.to,
+						target: channel.target
+					}, channel.label);
+				})
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "flex flex-row gap-[16px] justify-center",
+				children: SocialMedias.map((socialMedia) => /* @__PURE__ */ jsx(LinkComponent, {
+					to: socialMedia.link,
+					target: socialMedia.target,
+					children: /* @__PURE__ */ jsx(social_media_default, { mediaType: socialMedia.icon })
+				}, socialMedia.icon))
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: clsx("hidden flex-col gap-[16px] px-[32px] pt-[40px] pb-[32px]", "tablet:flex"),
+				children: HAMBURGER_MENU_ACION_LINKS.map((link) => /* @__PURE__ */ jsx(LinkComponent, {
+					to: link.to,
+					target: link.target,
+					children: /* @__PURE__ */ jsx(pill_button_default, {
+						text: link.label,
+						theme,
+						type: link.type,
+						className: "w-full justify-center"
+					})
+				}, link.label))
+			})
+		]
+	});
+};
+var hamburger_menu_default = HamburgerMenu;
+
+//#endregion
+export { HEADER_ACTION_LINKS, hamburger_menu_default };
+//# sourceMappingURL=hamburger-menu-BZ1hA7l5.mjs.map