@twreporter/react-typescript-components 0.1.0-beta.22 → 0.1.0-beta.24

package/lib/hamburger-menu/constants/channels.d.ts

@@ -0,0 +1,210 @@
+import { LinkTarget } from "../../type-BnDFCU6X.js";
+
+//#region src/hamburger-menu/constants/channels.d.ts
+declare const CHANNEL_TYPE: {
+  readonly link: "link";
+  readonly divider: "divider";
+  readonly dropdown: "dropdown";
+  readonly iconLink: "icon-link";
+  readonly lightLink: "light-link";
+};
+declare const Channels: ({
+  type: "link";
+  label: string;
+  to: "/latest";
+  target: LinkTarget;
+  dropdownItems?: undefined;
+  icon?: undefined;
+} | {
+  type: "divider";
+  label?: undefined;
+  to?: undefined;
+  target?: undefined;
+  dropdownItems?: undefined;
+  icon?: undefined;
+} | {
+  type: "link";
+  label: string;
+  to: "/topics";
+  target: LinkTarget;
+  dropdownItems?: undefined;
+  icon?: undefined;
+} | {
+  type: "dropdown";
+  label: string;
+  dropdownItems: ({
+    label: string;
+    to: "/categories/world";
+    target: LinkTarget;
+  } | {
+    label: string;
+    to: "/categories/humanrights";
+    target: LinkTarget;
+  } | {
+    label: string;
+    to: "/categories/politics-and-society";
+    target: LinkTarget;
+  } | {
+    label: string;
+    to: "/categories/health";
+    target: LinkTarget;
+  } | {
+    label: string;
+    to: "/categories/environment";
+    target: LinkTarget;
+  } | {
+    label: string;
+    to: "/categories/econ";
+    target: LinkTarget;
+  } | {
+    label: string;
+    to: "/categories/culture";
+    target: LinkTarget;
+  } | {
+    label: string;
+    to: "/categories/education";
+    target: LinkTarget;
+  })[];
+  to?: undefined;
+  target?: undefined;
+  icon?: undefined;
+} | {
+  type: "dropdown";
+  label: string;
+  dropdownItems: ({
+    label: string;
+    to: "/categories/opinion/book-review";
+    target: LinkTarget;
+  } | {
+    label: string;
+    to: "/categories/opinion/letter";
+    target: LinkTarget;
+  } | {
+    label: string;
+    to: "/categories/opinion";
+    target: LinkTarget;
+  })[];
+  to?: undefined;
+  target?: undefined;
+  icon?: undefined;
+} | {
+  type: "link";
+  label: string;
+  to: "/tags/58db34a30f56b40d001ae6a6";
+  target: LinkTarget;
+  dropdownItems?: undefined;
+  icon?: undefined;
+} | {
+  type: "link";
+  label: string;
+  to: "/photography";
+  target: LinkTarget;
+  dropdownItems?: undefined;
+  icon?: undefined;
+} | {
+  type: "dropdown";
+  label: string;
+  dropdownItems: ({
+    label: string;
+    to: "/a/podcast-list";
+    target: LinkTarget;
+  } | {
+    label: string;
+    to: "/categories/podcast/the-real-story";
+    target: LinkTarget;
+  } | {
+    label: string;
+    to: "/categories/podcast/on-the-ground";
+    target: LinkTarget;
+  })[];
+  to?: undefined;
+  target?: undefined;
+  icon?: undefined;
+} | {
+  type: "link";
+  label: string;
+  to: "https://kids.twreporter.org/";
+  target: LinkTarget;
+  dropdownItems?: undefined;
+  icon?: undefined;
+} | {
+  type: "link";
+  label: string;
+  to: "https://lawmaker.twreporter.org/";
+  target: LinkTarget;
+  dropdownItems?: undefined;
+  icon?: undefined;
+} | {
+  type: "link";
+  label: string;
+  to: "/tags/630f029461ca4e07004ef530";
+  target: LinkTarget;
+  dropdownItems?: undefined;
+  icon?: undefined;
+} | {
+  type: "icon-link";
+  label: string;
+  icon: string;
+  to: "/account";
+  target: LinkTarget;
+  dropdownItems?: undefined;
+} | {
+  type: "icon-link";
+  label: string;
+  icon: string;
+  to: "/myreading";
+  target: LinkTarget;
+  dropdownItems?: undefined;
+} | {
+  type: "icon-link";
+  label: string;
+  icon: string;
+  to: "/myreading/saved";
+  target: LinkTarget;
+  dropdownItems?: undefined;
+} | {
+  type: "icon-link";
+  label: string;
+  icon: string;
+  to: "/myreading/history";
+  target: LinkTarget;
+  dropdownItems?: undefined;
+} | {
+  type: "light-link";
+  label: string;
+  to: "/categories/foundation";
+  target: LinkTarget;
+  dropdownItems?: undefined;
+  icon?: undefined;
+} | {
+  type: "light-link";
+  label: string;
+  to: "/about-us";
+  target: LinkTarget;
+  dropdownItems?: undefined;
+  icon?: undefined;
+} | {
+  type: "light-link";
+  label: string;
+  to: "/a/impact-and-annual-report";
+  target: LinkTarget;
+  dropdownItems?: undefined;
+  icon?: undefined;
+} | {
+  type: "light-link";
+  label: string;
+  to: "https://medium.com/twreporter";
+  target: LinkTarget;
+  dropdownItems?: undefined;
+  icon?: undefined;
+} | {
+  type: "light-link";
+  label: string;
+  to: "https://twreporter.waca.ec/";
+  target: LinkTarget;
+  dropdownItems?: undefined;
+  icon?: undefined;
+})[];
+//#endregion
+export { CHANNEL_TYPE, Channels };
+//# sourceMappingURL=channels.d.ts.map

package/lib/hamburger-menu/constants/channels.js

@@ -0,0 +1,6 @@
+require('../../external-links-xe0gZr3J.js');
+require('../../internal-links-D7poW27s.js');
+const require_channels = require('../../channels-DMEzu4xY.js');
+
+exports.CHANNEL_TYPE = require_channels.CHANNEL_TYPE;
+exports.Channels = require_channels.Channels;

package/lib/hamburger-menu/constants/channels.mjs

@@ -0,0 +1,5 @@
+import "../../external-links-TcghBJyz.mjs";
+import "../../internal-links-DOdRudQQ.mjs";
+import { CHANNEL_TYPE, Channels } from "../../channels-C-6MztKV.mjs";
+
+export { CHANNEL_TYPE, Channels };

package/lib/hamburger-menu/constants/social-media.d.mts

@@ -0,0 +1,14 @@
+import "../../index-HhQuz4hd.mjs";
+import { LinkTarget } from "../../type-CUK24s0m.mjs";
+import { MediaType } from "../../constants-BVpJd-Eq.mjs";
+
+//#region src/hamburger-menu/constants/social-media.d.ts
+type SocialMediaType = {
+  icon: MediaType;
+  link: string;
+  target: LinkTarget;
+};
+declare const SocialMedias: SocialMediaType[];
+//#endregion
+export { SocialMedias };
+//# sourceMappingURL=social-media.d.mts.map

package/lib/hamburger-menu/constants/social-media.d.ts

@@ -0,0 +1,14 @@
+import "../../index-H3peA2d_.js";
+import { LinkTarget } from "../../type-BnDFCU6X.js";
+import { MediaType } from "../../constants-BkxOSlW7.js";
+
+//#region src/hamburger-menu/constants/social-media.d.ts
+type SocialMediaType = {
+  icon: MediaType;
+  link: string;
+  target: LinkTarget;
+};
+declare const SocialMedias: SocialMediaType[];
+//#endregion
+export { SocialMedias };
+//# sourceMappingURL=social-media.d.ts.map

package/lib/hamburger-menu/constants/social-media.js

@@ -0,0 +1,5 @@
+require('../../external-links-xe0gZr3J.js');
+require('../../constants-D3LxY6rh.js');
+const require_social_media = require('../../social-media-CHDZitsM.js');
+
+exports.SocialMedias = require_social_media.SocialMedias;

package/lib/hamburger-menu/constants/social-media.mjs

@@ -0,0 +1,5 @@
+import "../../external-links-TcghBJyz.mjs";
+import "../../constants-CeaoKGr8.mjs";
+import { SocialMedias } from "../../social-media-CpxoM0xN.mjs";
+
+export { SocialMedias };

package/lib/hamburger-menu/index.js

@@ -1,24 +1,46 @@
 require('../constants-BmxSMOOn.js');
 require('../constants-Cndhv6qr.js');
-require('../paragraph-iuz3jP0Q.js');
+require('../paragraph-Bve022HS.js');
 require('../theme-DDBlIbeS.js');
-require('../button-Dk0MxlKd.js');
-require('../external-links-DCn-uTD-.js');
-require('../internal-links-DxtMobuI.js');
-require('../release-branch-CRZV4Ivz.js');
-require('../external-link-Ce1_loKh.js');
-require('../internal-link-DyK4bABh.js');
-require('../customized-link-BuleQPlC.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-BAHX8io9.js');
-const require_hamburger_menu = require('../hamburger-menu-BKiIxEbP.js');
-require('../logo-B3GSkN1O.js');
-require('../theme-Cv8rt4oO.js');
-require('../input-VmgNb9pm.js');
+require('../theme-ingLagfo.js');
+require('../text-button-DlMVqsvV.js');
+require('../theme-B5GNXw4M.js');
+require('../icon-button-Vqwyow05.js');
+require('../menu-button-DP302FyB.js');
+require('../theme-VVqGnnPq.js');
+require('../pill-button-CNbShnjT.js');
+require('../theme-B4rsurcB.js');
+require('../icon-with-text-button-DOj_-gz0.js');
+require('../button-BLRV4Hwe.js');
+require('../external-links-xe0gZr3J.js');
+require('../internal-links-D7poW27s.js');
+require('../release-branch-BX28p3l9.js');
+require('../external-link-N6pHzsZ9.js');
+require('../internal-link-CQYfLFmN.js');
+require('../customized-link-BQWDtLYD.js');
+require('../constants-DPKsY2bm.js');
+require('../divider-DlnnAUAf.js');
+require('../context-CDuykLw5.js');
+require('../constants-D3LxY6rh.js');
+require('../icons-UUg8_T_o.js');
+require('../constants-yYOy9aLl.js');
+require('../theme-CWIKvBG4.js');
+require('../dropdown-menu-item-Ju2VwEMe.js');
+require('../dropdown-menu-Cy7c4sIK.js');
+require('../path-Cqgq79mD.js');
+require('../logo-header-B-cabrdp.js');
+require('../logo-symbol-DUagMBN9.js');
+require('../logo-footer-A3-hcXEt.js');
+require('../logo-CCa4SIA9.js');
+require('../channels-DMEzu4xY.js');
+require('../social-media-CHDZitsM.js');
+require('../action-links-DoKEgLL1.js');
+require('../icon-link-y7Ak0aCk.js');
+require('../light-link-7CpN-g0K.js');
+require('../social-media-Cc0bkShp.js');
+require('../theme-ods4yogr.js');
+require('../search-bar-B6Ze_F-A.js');
+require('../input-CpACY-JO.js');
+const require_hamburger_menu = require('../hamburger-menu-DjK9qGJc.js');
 
 module.exports = require_hamburger_menu.hamburger_menu_default;

package/lib/hamburger-menu/index.mjs

@@ -1,24 +1,46 @@
 import "../internal-link-JeC0sVNF.mjs";
 import "../constants-oTHAnh6r.mjs";
 import "../constants-CBSEPx91.mjs";
-import "../paragraph-Cf9jr8RF.mjs";
+import "../paragraph-QihuIWot.mjs";
 import "../theme-BG6yZVj-.mjs";
-import "../button-D_AWI7r9.mjs";
-import "../external-links-B-A17Osq.mjs";
-import "../internal-links-CP3dqmrz.mjs";
-import "../release-branch-DNCD1uH_.mjs";
-import "../external-link-BMIFL3DE.mjs";
-import "../customized-link-M65Amhsm.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-BBodM9gi.mjs";
-import { hamburger_menu_default } from "../hamburger-menu-B8A2Jjyu.mjs";
-import "../logo-NfYCtrtN.mjs";
-import "../theme-Bgd_TUHZ.mjs";
-import "../input-BU_QJnbj.mjs";
+import "../theme-gPGrAR2u.mjs";
+import "../text-button-DkD8OA65.mjs";
+import "../theme-CJDY-Vlz.mjs";
+import "../icon-button-B-71Zncn.mjs";
+import "../menu-button-BzXGdc8T.mjs";
+import "../theme-YXaUsVJu.mjs";
+import "../pill-button-y0eh5cgT.mjs";
+import "../theme-CKrQVNS4.mjs";
+import "../icon-with-text-button-CTWmp6He.mjs";
+import "../button-ubJKEMLe.mjs";
+import "../external-links-TcghBJyz.mjs";
+import "../internal-links-DOdRudQQ.mjs";
+import "../release-branch-DDaNiKrr.mjs";
+import "../external-link-B7TYHbGX.mjs";
+import "../customized-link-B4xfnPSR.mjs";
+import "../constants-BapA_oKv.mjs";
+import "../divider-DoxG-5AA.mjs";
+import "../context-rWQ3FoMt.mjs";
+import "../constants-CeaoKGr8.mjs";
+import "../icons-CQv9VD7t.mjs";
+import "../constants-DfLtvCn3.mjs";
+import "../theme-CILxIDaP.mjs";
+import "../dropdown-menu-item-BtfM9-Yn.mjs";
+import "../dropdown-menu-C49xSGea.mjs";
+import "../path-CG9-S9re.mjs";
+import "../logo-header-ZUiyUo-f.mjs";
+import "../logo-symbol-Cs4TfBGq.mjs";
+import "../logo-footer-DVLWPonJ.mjs";
+import "../logo-CdyJH6YH.mjs";
+import "../channels-C-6MztKV.mjs";
+import "../social-media-CpxoM0xN.mjs";
+import "../action-links-D_lFzUQn.mjs";
+import "../icon-link-rJwBrEBE.mjs";
+import "../light-link-C1fi_Qgl.mjs";
+import "../social-media-Br_Byxii.mjs";
+import "../theme-uDVEiufm.mjs";
+import "../search-bar-CLs6UYMz.mjs";
+import "../input-Bcl_-gS9.mjs";
+import { hamburger_menu_default } from "../hamburger-menu-1qZB3p9I.mjs";
 
 export { hamburger_menu_default as default };

package/lib/hamburger-menu/utils/theme.d.mts

@@ -0,0 +1,28 @@
+import "../../index-HhQuz4hd.mjs";
+import { Theme } from "../../theme-ECp4BKXJ.mjs";
+
+//#region src/hamburger-menu/utils/theme.d.ts
+declare const selectHamburgerMenuTheme: (theme: Theme) => {
+  bgColor: string;
+  scrollBarColor: string;
+};
+declare const selectLogoType: (theme: Theme) => "default" | "white";
+declare const selectHamburgerItemTheme: (theme: Theme, active?: boolean) => {
+  color: string;
+  svgBgColor: string;
+  hoverBgColor: string;
+  activeBgColor: string;
+};
+declare const selectHamburgerFooterTheme: (theme: Theme) => {
+  color: string;
+  hoverColor: string;
+  hoverBgColor: string;
+  svgHoverBgColor: string;
+  svgBgColor: string;
+  activeColor: string;
+  activeBgColor: string;
+  svgActiveBgColor: string;
+};
+//#endregion
+export { selectHamburgerFooterTheme, selectHamburgerItemTheme, selectHamburgerMenuTheme, selectLogoType };
+//# sourceMappingURL=theme.d.mts.map

package/lib/hamburger-menu/utils/theme.d.ts

@@ -0,0 +1,28 @@
+import "../../index-H3peA2d_.js";
+import { Theme } from "../../theme-Ce9CLqLS.js";
+
+//#region src/hamburger-menu/utils/theme.d.ts
+declare const selectHamburgerMenuTheme: (theme: Theme) => {
+  bgColor: string;
+  scrollBarColor: string;
+};
+declare const selectLogoType: (theme: Theme) => "default" | "white";
+declare const selectHamburgerItemTheme: (theme: Theme, active?: boolean) => {
+  color: string;
+  svgBgColor: string;
+  hoverBgColor: string;
+  activeBgColor: string;
+};
+declare const selectHamburgerFooterTheme: (theme: Theme) => {
+  color: string;
+  hoverColor: string;
+  hoverBgColor: string;
+  svgHoverBgColor: string;
+  svgBgColor: string;
+  activeColor: string;
+  activeBgColor: string;
+  svgActiveBgColor: string;
+};
+//#endregion
+export { selectHamburgerFooterTheme, selectHamburgerItemTheme, selectHamburgerMenuTheme, selectLogoType };
+//# sourceMappingURL=theme.d.ts.map

package/lib/hamburger-menu/utils/theme.js

@@ -0,0 +1,8 @@
+require('../../theme-DDBlIbeS.js');
+require('../../constants-yYOy9aLl.js');
+const require_theme$1 = require('../../theme-CWIKvBG4.js');
+
+exports.selectHamburgerFooterTheme = require_theme$1.selectHamburgerFooterTheme;
+exports.selectHamburgerItemTheme = require_theme$1.selectHamburgerItemTheme;
+exports.selectHamburgerMenuTheme = require_theme$1.selectHamburgerMenuTheme;
+exports.selectLogoType = require_theme$1.selectLogoType;

package/lib/hamburger-menu/utils/theme.mjs

@@ -0,0 +1,5 @@
+import "../../theme-BG6yZVj-.mjs";
+import "../../constants-DfLtvCn3.mjs";
+import { selectHamburgerFooterTheme, selectHamburgerItemTheme, selectHamburgerMenuTheme, selectLogoType } from "../../theme-CILxIDaP.mjs";
+
+export { selectHamburgerFooterTheme, selectHamburgerItemTheme, selectHamburgerMenuTheme, selectLogoType };

package/lib/hamburger-menu-1qZB3p9I.mjs

@@ -0,0 +1,181 @@
+import { internal_link_default } from "./internal-link-JeC0sVNF.mjs";
+import { THEME } from "./theme-BG6yZVj-.mjs";
+import { text_button_default } from "./text-button-DkD8OA65.mjs";
+import { icon_button_default } from "./icon-button-B-71Zncn.mjs";
+import { menu_button_default } from "./menu-button-BzXGdc8T.mjs";
+import { pill_button_default } from "./pill-button-y0eh5cgT.mjs";
+import { EXTERNAL_LINKS } from "./external-links-TcghBJyz.mjs";
+import { INTERNAL_LINKS } from "./internal-links-DOdRudQQ.mjs";
+import { external_link_default } from "./external-link-B7TYHbGX.mjs";
+import { divider_default } from "./divider-DoxG-5AA.mjs";
+import { HamburgerContext, HeaderContext } from "./context-rWQ3FoMt.mjs";
+import { Cross, Member } from "./icons-CQv9VD7t.mjs";
+import { selectHamburgerItemTheme, selectHamburgerMenuTheme, selectLogoType } from "./theme-CILxIDaP.mjs";
+import { DropdownMenu } from "./dropdown-menu-C49xSGea.mjs";
+import { logo_header_default } from "./logo-header-ZUiyUo-f.mjs";
+import { logo_symbol_default } from "./logo-symbol-Cs4TfBGq.mjs";
+import { CHANNEL_TYPE, Channels } from "./channels-C-6MztKV.mjs";
+import { SocialMedias } from "./social-media-CpxoM0xN.mjs";
+import { HAMBURGER_MENU_ACION_LINKS } from "./action-links-D_lFzUQn.mjs";
+import { icon_link_default } from "./icon-link-rJwBrEBE.mjs";
+import { light_link_default } from "./light-link-C1fi_Qgl.mjs";
+import { social_media_default } from "./social-media-Br_Byxii.mjs";
+import { search_bar_default } from "./search-bar-CLs6UYMz.mjs";
+import { useContext, useState } from "react";
+import clsx from "clsx";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/hamburger-menu/index.tsx
+const HamburgerMenu = () => {
+	const { theme, releaseBranch, isLinkExternal, isAuthed } = 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;
+	const onSearch = (keywords) => {
+		if (typeof window === "undefined") return;
+		window.location.href = `${INTERNAL_LINKS.search}?q=${encodeURIComponent(keywords)}`;
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: clsx("w-screen h-screen overflow-y-scroll overscroll-contain", bgColor, `pb-[calc(48px+48px)]`, "tablet:w-[320px] tablet:max-h-screen tablet:pb-0", "desktop:w-[280px]", "[&::-webkit-scrollbar]:w-[4px]", "[&::-webkit-scrollbar]:bg-transparent", "[&::-webkit-scrollbar-thumb]:rounded-[2px]", scrollBarColor),
+		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: isAuthed ? /* @__PURE__ */ jsx(icon_button_default, { iconComponent: Member(releaseBranch) }) : /* @__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] desktop:hidden",
+				children: /* @__PURE__ */ jsx(search_bar_default, {
+					onSearch,
+					autoFocus: false,
+					placeholder: "關鍵字搜尋",
+					theme: menuTheme,
+					releaseBranch,
+					searchBarWidth: "w-full"
+				})
+			}),
+			/* @__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("flex flex-row gap-[16px] px-[32px] pt-[40px] pb-[32px]", "tablet:flex-col"),
+				children: HAMBURGER_MENU_ACION_LINKS.map((link) => /* @__PURE__ */ jsx(LinkComponent, {
+					to: link.to,
+					target: link.target,
+					className: "flex-1",
+					children: /* @__PURE__ */ jsx(pill_button_default, {
+						text: link.label,
+						theme,
+						type: link.type,
+						className: "w-full justify-center",
+						size: pill_button_default.Size.l
+					})
+				}, link.label))
+			})
+		]
+	});
+};
+var hamburger_menu_default = HamburgerMenu;
+
+//#endregion
+export { hamburger_menu_default };
+//# sourceMappingURL=hamburger-menu-1qZB3p9I.mjs.map