@twreporter/react-typescript-components 0.1.0-beta.7 → 0.1.0-beta.8

package/lib/divider-Db3AhImD.js

@@ -0,0 +1,29 @@
+const require_chunk = require('./chunk-BxBTb9qk.js');
+const require_constants = require('./constants-BuIUKM2c.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/divider/index.tsx
+const Divider = ({ direction = require_constants.DIRECTION.horizontal, className = "" }) => {
+	if (direction === require_constants.DIRECTION.vertical) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: (0, clsx.default)("h-full w-0 border-l-[1px] border-solid border-gray-300", className) });
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: (0, clsx.default)("h-0 w-full border-t-[1px] border-solid border-gray-300", className) });
+};
+Divider.Direction = require_constants.DIRECTION;
+var divider_default = Divider;
+
+//#endregion
+Object.defineProperty(exports, 'Divider', {
+  enumerable: true,
+  get: function () {
+    return Divider;
+  }
+});
+Object.defineProperty(exports, 'divider_default', {
+  enumerable: true,
+  get: function () {
+    return divider_default;
+  }
+});
+//# sourceMappingURL=divider-Db3AhImD.js.map

package/lib/divider-Db3AhImD.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"divider-Db3AhImD.js","names":["Divider: React.FC<DividerProps> & { Direction: typeof DIRECTION }","DIRECTION"],"sources":["../src/divider/index.tsx"],"sourcesContent":["import type React from 'react'\nimport clsx from 'clsx'\n// constants\nimport { DIRECTION, type Direction } from './constants'\n\ntype DividerProps = {\n  direction?: Direction\n  className?: string\n}\n\nexport const Divider: React.FC<DividerProps> & { Direction: typeof DIRECTION } =\n  ({ direction = DIRECTION.horizontal, className = '' }) => {\n    if (direction === DIRECTION.vertical) {\n      return (\n        <div\n          className={clsx(\n            'h-full w-0 border-l-[1px] border-solid border-gray-300',\n            className\n          )}\n        />\n      )\n    }\n\n    return (\n      <div\n        className={clsx(\n          'h-0 w-full border-t-[1px] border-solid border-gray-300',\n          className\n        )}\n      />\n    )\n  }\n\nDivider.Direction = DIRECTION\n\nexport default Divider\n"],"mappings":";;;;;;;;AAUA,MAAaA,WACV,EAAE,YAAYC,4BAAU,YAAY,YAAY,SAAS;AACxD,KAAI,cAAcA,4BAAU,SAC1B,QACE,2CAAC,SACC,6BACE,0DACA,UACD,GACD;AAIN,QACE,2CAAC,SACC,6BACE,0DACA,UACD,GACD;;AAIR,QAAQ,YAAYA;AAEpB,sBAAe"}

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

@@ -0,0 +1,17 @@
+import { LinkTarget } from "../type-nAFiNBfk.mjs";
+import { FC } from "react";
+
+//#region src/dropdown-menu/index.d.ts
+type DropdownMenuProps = {
+  text?: string;
+  isActive?: boolean;
+  dropdownItems: {
+    label: string;
+    to: string;
+    target: LinkTarget;
+  }[];
+};
+declare const DropdownMenu: FC<DropdownMenuProps>;
+//#endregion
+export { DropdownMenu };
+//# sourceMappingURL=index.d.mts.map

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

@@ -0,0 +1,17 @@
+import { LinkTarget } from "../type-C4hJK9H9.js";
+import { FC } from "react";
+
+//#region src/dropdown-menu/index.d.ts
+type DropdownMenuProps = {
+  text?: string;
+  isActive?: boolean;
+  dropdownItems: {
+    label: string;
+    to: string;
+    target: LinkTarget;
+  }[];
+};
+declare const DropdownMenu: FC<DropdownMenuProps>;
+//#endregion
+export { DropdownMenu };
+//# sourceMappingURL=index.d.ts.map

package/lib/dropdown-menu/index.js

@@ -0,0 +1,13 @@
+require('../constants-K2ObjToq.js');
+require('../paragraph-CJvb0_cM.js');
+require('../theme-DDBlIbeS.js');
+require('../release-branch-CRZV4Ivz.js');
+require('../external-link-BMrkjNyi.js');
+require('../internal-link-BLXTBMRq.js');
+require('../customized-link-XNoMkeYw.js');
+const require_dropdown_menu = require('../dropdown-menu-CC0Yh31s.js');
+require('../constants-CuT1aTK4.js');
+require('../icons-bC_xV5mJ.js');
+require('../constants-C2moxnps.js');
+
+exports.DropdownMenu = require_dropdown_menu.DropdownMenu;

package/lib/dropdown-menu/index.mjs

@@ -0,0 +1,13 @@
+import "../internal-link-NQb751uB.mjs";
+import "../constants-BWFuBApI.mjs";
+import "../paragraph-BWXQNQtX.mjs";
+import "../theme-BG6yZVj-.mjs";
+import "../release-branch-DNCD1uH_.mjs";
+import "../external-link-BykRRwmY.mjs";
+import "../customized-link-DNKmWI0u.mjs";
+import { DropdownMenu } from "../dropdown-menu-BWuoUGuB.mjs";
+import "../constants-CmCfyfPG.mjs";
+import "../icons-Bs84WbEt.mjs";
+import "../constants-DRxdMM_X.mjs";
+
+export { DropdownMenu };

package/lib/dropdown-menu-BWuoUGuB.mjs

@@ -0,0 +1,135 @@
+import { internal_link_default } from "./internal-link-NQb751uB.mjs";
+import { P1, P2 } from "./paragraph-BWXQNQtX.mjs";
+import { THEME } from "./theme-BG6yZVj-.mjs";
+import { RELEASE_BRANCH } from "./release-branch-DNCD1uH_.mjs";
+import { external_link_default } from "./external-link-BykRRwmY.mjs";
+import { Arrow } from "./icons-Bs84WbEt.mjs";
+import { LOGO_SYMBOL_TYPE } from "./constants-DRxdMM_X.mjs";
+import { createContext, useContext } from "react";
+import clsx from "clsx";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/header/context/index.ts
+const HeaderContext = createContext({
+	theme: THEME.normal,
+	releaseBranch: RELEASE_BRANCH.master,
+	isLinkExternal: false,
+	isAuthed: false,
+	pathname: "",
+	referrerPath: "",
+	toUseNarrow: false,
+	hideHeader: false
+});
+const HamburgerContext = createContext({
+	toggleHamburger: () => {},
+	closeHamburgerMenu: () => {},
+	isHamburgerMenuOpen: false
+});
+
+//#endregion
+//#region src/hamburger-menu/utils/theme.ts
+const selectHamburgerMenuTheme = (theme) => {
+	switch (theme) {
+		case THEME.photography: return {
+			bgColor: "bg-photo-dark",
+			scrollBarColor: "scrollbar-thumb-opacity-white-08"
+		};
+		default: return {
+			bgColor: "bg-gray-white",
+			scrollBarColor: "scrollbar-thumb-opacity-black-02"
+		};
+	}
+};
+const selectLogoType = (theme) => {
+	switch (theme) {
+		case THEME.photography:
+		case THEME.transparent: return LOGO_SYMBOL_TYPE.white;
+		default: return LOGO_SYMBOL_TYPE.default;
+	}
+};
+const selectHamburgerItemTheme = (theme, active = false) => {
+	switch (theme) {
+		case THEME.photography: return {
+			color: active ? "text-supportive-pastel" : "text-gray-white",
+			svgBgColor: active ? "[&>svg]:bg-supportive-pastel" : "[&>svg]:bg-gray-white",
+			hoverBgColor: "hover:bg-opacity-white-02",
+			activeBgColor: "active:bg-opacity-white-05"
+		};
+		default: return {
+			color: active ? "text-brand-heavy" : "text-gray-800",
+			svgBgColor: active ? "[&>svg]:bg-brand-heavy" : "[&>svg]:bg-gray-800",
+			hoverBgColor: "hover:bg-gray-100",
+			activeBgColor: "active:bg-gray-200"
+		};
+	}
+};
+const selectHamburgerFooterTheme = (theme) => {
+	switch (theme) {
+		case THEME.photography: return {
+			color: "text-gray-400",
+			hoverColor: "hover:text-gray-400",
+			hoverBgColor: "hover:bg-opacity-white-02",
+			svgHoverBgColor: "hover:[&>svg]:bg-gray-400",
+			svgBgColor: "[&>svg]:bg-gray-400",
+			activeColor: "active:text-gray-400",
+			activeBgColor: "active:bg-opacity-white-05",
+			svgActiveBgColor: "active:[&>svg]:bg-gray-400"
+		};
+		default: return {
+			color: "text-gray-600",
+			hoverColor: "hover:text-gray-800",
+			hoverBgColor: "hover:bg-gray-100",
+			svgHoverBgColor: "hover:[&>svg]:bg-gray-800",
+			svgBgColor: "[&>svg]:bg-gray-600",
+			activeColor: "active:text-gray-800",
+			activeBgColor: "active:bg-gray-200",
+			svgActiveBgColor: "active:[&>svg]:bg-gray-800"
+		};
+	}
+};
+
+//#endregion
+//#region src/dropdown-menu/dropdown-menu-item/index.tsx
+const DropdownMenuItem = ({ label }) => {
+	const { theme } = useContext(HeaderContext);
+	const { color, hoverBgColor, activeBgColor } = selectHamburgerItemTheme(theme);
+	return /* @__PURE__ */ jsx("div", {
+		className: clsx("py-[8px] pl-[48px] pr-[32px] cursor-pointer", color, hoverBgColor, activeBgColor),
+		children: /* @__PURE__ */ jsx(P2, {
+			text: label,
+			weight: P2.Weight.bold
+		})
+	});
+};
+var dropdown_menu_item_default = DropdownMenuItem;
+
+//#endregion
+//#region src/dropdown-menu/index.tsx
+const DropdownMenu = ({ text = "", isActive = false, dropdownItems = [] }) => {
+	const { theme, releaseBranch, isLinkExternal } = useContext(HeaderContext);
+	const { color, svgBgColor, hoverBgColor, activeBgColor } = selectHamburgerItemTheme(theme, isActive);
+	const LinkComponent = isLinkExternal ? external_link_default : internal_link_default;
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("div", {
+		className: clsx("flex items-center justify-between cursor-pointer py-[8px] px-[32px]", "[&>svg]:transition-all [&>svg]:duration-300", svgBgColor, color, hoverBgColor, isActive ? `[&>svg]:-rotate-[180deg]` : "[&>svg]:rotate-[0deg]", isActive ? activeBgColor : ""),
+		children: [/* @__PURE__ */ jsx(P1, {
+			text,
+			weight: P1.Weight.bold
+		}), /* @__PURE__ */ jsx(Arrow, {
+			direction: "down",
+			releaseBranch
+		})]
+	}), /* @__PURE__ */ jsx("div", {
+		className: clsx("overflow-hidden transition-all duration-300 ease-in-out", isActive ? "max-h-[300px]" : "max-h-0"),
+		children: dropdownItems.map((itme) => {
+			return /* @__PURE__ */ jsx(LinkComponent, {
+				to: itme.to,
+				target: itme.target,
+				children: /* @__PURE__ */ jsx(dropdown_menu_item_default, { label: itme.label })
+			}, itme.label);
+		})
+	})] });
+};
+
+//#endregion
+export { DropdownMenu, HamburgerContext, HeaderContext, selectHamburgerFooterTheme, selectHamburgerItemTheme, selectHamburgerMenuTheme, selectLogoType };
+//# sourceMappingURL=dropdown-menu-BWuoUGuB.mjs.map

package/lib/dropdown-menu-BWuoUGuB.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu-BWuoUGuB.mjs","names":["DropdownMenuItem: FC<{\n  label: string\n}>","DropdownMenu: FC<DropdownMenuProps>","ExternalLink","InternalLink","DropdownMenuItem"],"sources":["../src/header/context/index.ts","../src/hamburger-menu/utils/theme.ts","../src/dropdown-menu/dropdown-menu-item/index.tsx","../src/dropdown-menu/index.tsx"],"sourcesContent":["import { createContext } from 'react'\n\nimport { THEME, type Theme } from '../../constants/theme'\nimport {\n  RELEASE_BRANCH,\n  type ReleaseBranch,\n} from '../../constants/release-branch'\n\nexport type HeaderContextType = {\n  theme: Theme\n  releaseBranch: ReleaseBranch\n  isLinkExternal: boolean\n  isAuthed: boolean\n  pathname: string\n  referrerPath: string\n  toUseNarrow: boolean\n  hideHeader: boolean\n}\nexport const HeaderContext = createContext<HeaderContextType>({\n  theme: THEME.normal,\n  releaseBranch: RELEASE_BRANCH.master,\n  isLinkExternal: false,\n  isAuthed: false,\n  pathname: '',\n  referrerPath: '',\n  toUseNarrow: false,\n  hideHeader: false,\n})\n\nexport type HamburgerContextType = {\n  toggleHamburger: () => void\n  closeHamburgerMenu: () => void\n  isHamburgerMenuOpen: boolean\n}\nexport const HamburgerContext = createContext<HamburgerContextType>({\n  toggleHamburger: () => {},\n  closeHamburgerMenu: () => {},\n  isHamburgerMenuOpen: false,\n})\n","import { THEME, type Theme } from '../../constants/theme'\n// logo\nimport { LOGO_SYMBOL_TYPE } from '../../logo/constants'\n\nexport const selectHamburgerMenuTheme = (theme: Theme) => {\n  switch (theme) {\n    case THEME.photography:\n      return {\n        bgColor: 'bg-photo-dark',\n        scrollBarColor: 'scrollbar-thumb-opacity-white-08',\n      }\n    default:\n      return {\n        bgColor: 'bg-gray-white',\n        scrollBarColor: 'scrollbar-thumb-opacity-black-02',\n      }\n  }\n}\n\nexport const selectLogoType = (theme: Theme) => {\n  switch (theme) {\n    case THEME.photography:\n    case THEME.transparent:\n      return LOGO_SYMBOL_TYPE.white\n    default:\n      return LOGO_SYMBOL_TYPE.default\n  }\n}\n\nexport const selectHamburgerItemTheme = (theme: Theme, active = false) => {\n  switch (theme) {\n    case THEME.photography:\n      return {\n        color: active ? 'text-supportive-pastel' : 'text-gray-white',\n        svgBgColor: active\n          ? '[&>svg]:bg-supportive-pastel'\n          : '[&>svg]:bg-gray-white',\n        hoverBgColor: 'hover:bg-opacity-white-02',\n        activeBgColor: 'active:bg-opacity-white-05',\n      }\n    default:\n      return {\n        color: active ? 'text-brand-heavy' : 'text-gray-800',\n        svgBgColor: active ? '[&>svg]:bg-brand-heavy' : '[&>svg]:bg-gray-800',\n        hoverBgColor: 'hover:bg-gray-100',\n        activeBgColor: 'active:bg-gray-200',\n      }\n  }\n}\n\nexport const selectHamburgerFooterTheme = (theme: Theme) => {\n  switch (theme) {\n    case THEME.photography:\n      return {\n        color: 'text-gray-400',\n        hoverColor: 'hover:text-gray-400',\n        hoverBgColor: 'hover:bg-opacity-white-02',\n        svgHoverBgColor: 'hover:[&>svg]:bg-gray-400',\n        svgBgColor: '[&>svg]:bg-gray-400',\n        activeColor: 'active:text-gray-400',\n        activeBgColor: 'active:bg-opacity-white-05',\n        svgActiveBgColor: 'active:[&>svg]:bg-gray-400',\n      }\n    default:\n      return {\n        color: 'text-gray-600',\n        hoverColor: 'hover:text-gray-800',\n        hoverBgColor: 'hover:bg-gray-100',\n        svgHoverBgColor: 'hover:[&>svg]:bg-gray-800',\n        svgBgColor: '[&>svg]:bg-gray-600',\n        activeColor: 'active:text-gray-800',\n        activeBgColor: 'active:bg-gray-200',\n        svgActiveBgColor: 'active:[&>svg]:bg-gray-800',\n      }\n  }\n}\n","import { useContext, type FC } from 'react'\nimport clsx from 'clsx'\n// context\nimport { HeaderContext } from '../../header/context'\n// theme\nimport { selectHamburgerItemTheme } from '../../hamburger-menu/utils/theme'\n// text\nimport { P2 } from '../../text/paragraph'\nconst DropdownMenuItem: FC<{\n  label: string\n}> = ({ label }) => {\n  const { theme } = useContext(HeaderContext)\n  const { color, hoverBgColor, activeBgColor } = selectHamburgerItemTheme(theme)\n  return (\n    <div\n      className={clsx(\n        'py-[8px] pl-[48px] pr-[32px] cursor-pointer',\n        color,\n        hoverBgColor,\n        activeBgColor\n      )}\n    >\n      <P2 text={label} weight={P2.Weight.bold} />\n    </div>\n  )\n}\n\nexport default DropdownMenuItem\n","import { useContext, type FC } from 'react'\nimport clsx from 'clsx'\n// context\nimport { HeaderContext } from '../header/context'\n// text\nimport { P1 } from '../text/paragraph'\n// icons\nimport { Arrow } from '../icons'\n// theme\nimport { selectHamburgerItemTheme } from '../hamburger-menu/utils/theme'\n// components\nimport DropdownMenuItem from './dropdown-menu-item'\n// link\nimport { ExternalLink, InternalLink } from '../customized-link'\nimport type { LinkTarget } from '../customized-link/type'\n\ntype DropdownMenuProps = {\n  text?: string\n  isActive?: boolean\n  dropdownItems: { label: string; to: string; target: LinkTarget }[]\n}\nconst DropdownMenu: FC<DropdownMenuProps> = ({\n  text = '',\n  isActive = false,\n  dropdownItems = [],\n}) => {\n  const { theme, releaseBranch, isLinkExternal } = useContext(HeaderContext)\n  const { color, svgBgColor, hoverBgColor, activeBgColor } =\n    selectHamburgerItemTheme(theme, isActive)\n  const LinkComponent = isLinkExternal ? ExternalLink : InternalLink\n  return (\n    <>\n      <div\n        className={clsx(\n          'flex items-center justify-between cursor-pointer py-[8px] px-[32px]',\n          '[&>svg]:transition-all [&>svg]:duration-300',\n          svgBgColor,\n          color,\n          hoverBgColor,\n          isActive ? `[&>svg]:-rotate-[180deg]` : '[&>svg]:rotate-[0deg]',\n          isActive ? activeBgColor : ''\n        )}\n      >\n        <P1 text={text} weight={P1.Weight.bold} />\n        <Arrow direction=\"down\" releaseBranch={releaseBranch} />\n      </div>\n      <div\n        className={clsx(\n          'overflow-hidden transition-all duration-300 ease-in-out',\n          isActive ? 'max-h-[300px]' : 'max-h-0'\n        )}\n      >\n        {dropdownItems.map((itme) => {\n          return (\n            <LinkComponent to={itme.to} target={itme.target} key={itme.label}>\n              <DropdownMenuItem label={itme.label} />\n            </LinkComponent>\n          )\n        })}\n      </div>\n    </>\n  )\n}\n\nexport { DropdownMenu }\n"],"mappings":";;;;;;;;;;;;AAkBA,MAAa,gBAAgB,cAAiC;CAC5D,OAAO,MAAM;CACb,eAAe,eAAe;CAC9B,gBAAgB;CAChB,UAAU;CACV,UAAU;CACV,cAAc;CACd,aAAa;CACb,YAAY;CACb,CAAC;AAOF,MAAa,mBAAmB,cAAoC;CAClE,uBAAuB;CACvB,0BAA0B;CAC1B,qBAAqB;CACtB,CAAC;;;;AClCF,MAAa,4BAA4B,UAAiB;AACxD,SAAQ,OAAR;EACE,KAAK,MAAM,YACT,QAAO;GACL,SAAS;GACT,gBAAgB;GACjB;EACH,QACE,QAAO;GACL,SAAS;GACT,gBAAgB;GACjB;;;AAIP,MAAa,kBAAkB,UAAiB;AAC9C,SAAQ,OAAR;EACE,KAAK,MAAM;EACX,KAAK,MAAM,YACT,QAAO,iBAAiB;EAC1B,QACE,QAAO,iBAAiB;;;AAI9B,MAAa,4BAA4B,OAAc,SAAS,UAAU;AACxE,SAAQ,OAAR;EACE,KAAK,MAAM,YACT,QAAO;GACL,OAAO,SAAS,2BAA2B;GAC3C,YAAY,SACR,iCACA;GACJ,cAAc;GACd,eAAe;GAChB;EACH,QACE,QAAO;GACL,OAAO,SAAS,qBAAqB;GACrC,YAAY,SAAS,2BAA2B;GAChD,cAAc;GACd,eAAe;GAChB;;;AAIP,MAAa,8BAA8B,UAAiB;AAC1D,SAAQ,OAAR;EACE,KAAK,MAAM,YACT,QAAO;GACL,OAAO;GACP,YAAY;GACZ,cAAc;GACd,iBAAiB;GACjB,YAAY;GACZ,aAAa;GACb,eAAe;GACf,kBAAkB;GACnB;EACH,QACE,QAAO;GACL,OAAO;GACP,YAAY;GACZ,cAAc;GACd,iBAAiB;GACjB,YAAY;GACZ,aAAa;GACb,eAAe;GACf,kBAAkB;GACnB;;;;;;ACjEP,MAAMA,oBAEA,EAAE,YAAY;CAClB,MAAM,EAAE,UAAU,WAAW,cAAc;CAC3C,MAAM,EAAE,OAAO,cAAc,kBAAkB,yBAAyB,MAAM;AAC9E,QACE,oBAAC;EACC,WAAW,KACT,+CACA,OACA,cACA,cACD;YAED,oBAAC;GAAG,MAAM;GAAO,QAAQ,GAAG,OAAO;IAAQ;GACvC;;AAIV,iCAAe;;;;ACNf,MAAMC,gBAAuC,EAC3C,OAAO,IACP,WAAW,OACX,gBAAgB,EAAE,OACd;CACJ,MAAM,EAAE,OAAO,eAAe,mBAAmB,WAAW,cAAc;CAC1E,MAAM,EAAE,OAAO,YAAY,cAAc,kBACvC,yBAAyB,OAAO,SAAS;CAC3C,MAAM,gBAAgB,iBAAiBC,wBAAeC;AACtD,QACE,4CACE,qBAAC;EACC,WAAW,KACT,uEACA,+CACA,YACA,OACA,cACA,WAAW,6BAA6B,yBACxC,WAAW,gBAAgB,GAC5B;aAED,oBAAC;GAAS;GAAM,QAAQ,GAAG,OAAO;IAAQ,EAC1C,oBAAC;GAAM,WAAU;GAAsB;IAAiB;GACpD,EACN,oBAAC;EACC,WAAW,KACT,2DACA,WAAW,kBAAkB,UAC9B;YAEA,cAAc,KAAK,SAAS;AAC3B,UACE,oBAAC;IAAc,IAAI,KAAK;IAAI,QAAQ,KAAK;cACvC,oBAACC,8BAAiB,OAAO,KAAK,QAAS;MADa,KAAK,MAE3C;IAElB;GACE,IACL"}

package/lib/dropdown-menu-CC0Yh31s.js

@@ -0,0 +1,180 @@
+const require_chunk = require('./chunk-BxBTb9qk.js');
+const require_paragraph = require('./paragraph-CJvb0_cM.js');
+const require_theme = require('./theme-DDBlIbeS.js');
+const require_release_branch = require('./release-branch-CRZV4Ivz.js');
+const require_external_link = require('./external-link-BMrkjNyi.js');
+const require_internal_link = require('./internal-link-BLXTBMRq.js');
+const require_icons = require('./icons-bC_xV5mJ.js');
+const require_constants = require('./constants-C2moxnps.js');
+let react = require("react");
+react = require_chunk.__toESM(react);
+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/header/context/index.ts
+const HeaderContext = (0, react.createContext)({
+	theme: require_theme.THEME.normal,
+	releaseBranch: require_release_branch.RELEASE_BRANCH.master,
+	isLinkExternal: false,
+	isAuthed: false,
+	pathname: "",
+	referrerPath: "",
+	toUseNarrow: false,
+	hideHeader: false
+});
+const HamburgerContext = (0, react.createContext)({
+	toggleHamburger: () => {},
+	closeHamburgerMenu: () => {},
+	isHamburgerMenuOpen: false
+});
+
+//#endregion
+//#region src/hamburger-menu/utils/theme.ts
+const selectHamburgerMenuTheme = (theme) => {
+	switch (theme) {
+		case require_theme.THEME.photography: return {
+			bgColor: "bg-photo-dark",
+			scrollBarColor: "scrollbar-thumb-opacity-white-08"
+		};
+		default: return {
+			bgColor: "bg-gray-white",
+			scrollBarColor: "scrollbar-thumb-opacity-black-02"
+		};
+	}
+};
+const selectLogoType = (theme) => {
+	switch (theme) {
+		case require_theme.THEME.photography:
+		case require_theme.THEME.transparent: return require_constants.LOGO_SYMBOL_TYPE.white;
+		default: return require_constants.LOGO_SYMBOL_TYPE.default;
+	}
+};
+const selectHamburgerItemTheme = (theme, active = false) => {
+	switch (theme) {
+		case require_theme.THEME.photography: return {
+			color: active ? "text-supportive-pastel" : "text-gray-white",
+			svgBgColor: active ? "[&>svg]:bg-supportive-pastel" : "[&>svg]:bg-gray-white",
+			hoverBgColor: "hover:bg-opacity-white-02",
+			activeBgColor: "active:bg-opacity-white-05"
+		};
+		default: return {
+			color: active ? "text-brand-heavy" : "text-gray-800",
+			svgBgColor: active ? "[&>svg]:bg-brand-heavy" : "[&>svg]:bg-gray-800",
+			hoverBgColor: "hover:bg-gray-100",
+			activeBgColor: "active:bg-gray-200"
+		};
+	}
+};
+const selectHamburgerFooterTheme = (theme) => {
+	switch (theme) {
+		case require_theme.THEME.photography: return {
+			color: "text-gray-400",
+			hoverColor: "hover:text-gray-400",
+			hoverBgColor: "hover:bg-opacity-white-02",
+			svgHoverBgColor: "hover:[&>svg]:bg-gray-400",
+			svgBgColor: "[&>svg]:bg-gray-400",
+			activeColor: "active:text-gray-400",
+			activeBgColor: "active:bg-opacity-white-05",
+			svgActiveBgColor: "active:[&>svg]:bg-gray-400"
+		};
+		default: return {
+			color: "text-gray-600",
+			hoverColor: "hover:text-gray-800",
+			hoverBgColor: "hover:bg-gray-100",
+			svgHoverBgColor: "hover:[&>svg]:bg-gray-800",
+			svgBgColor: "[&>svg]:bg-gray-600",
+			activeColor: "active:text-gray-800",
+			activeBgColor: "active:bg-gray-200",
+			svgActiveBgColor: "active:[&>svg]:bg-gray-800"
+		};
+	}
+};
+
+//#endregion
+//#region src/dropdown-menu/dropdown-menu-item/index.tsx
+const DropdownMenuItem = ({ label }) => {
+	const { theme } = (0, react.useContext)(HeaderContext);
+	const { color, hoverBgColor, activeBgColor } = selectHamburgerItemTheme(theme);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: (0, clsx.default)("py-[8px] pl-[48px] pr-[32px] cursor-pointer", color, hoverBgColor, activeBgColor),
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_paragraph.P2, {
+			text: label,
+			weight: require_paragraph.P2.Weight.bold
+		})
+	});
+};
+var dropdown_menu_item_default = DropdownMenuItem;
+
+//#endregion
+//#region src/dropdown-menu/index.tsx
+const DropdownMenu = ({ text = "", isActive = false, dropdownItems = [] }) => {
+	const { theme, releaseBranch, isLinkExternal } = (0, react.useContext)(HeaderContext);
+	const { color, svgBgColor, hoverBgColor, activeBgColor } = selectHamburgerItemTheme(theme, isActive);
+	const LinkComponent = isLinkExternal ? require_external_link.external_link_default : require_internal_link.internal_link_default;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: (0, clsx.default)("flex items-center justify-between cursor-pointer py-[8px] px-[32px]", "[&>svg]:transition-all [&>svg]:duration-300", svgBgColor, color, hoverBgColor, isActive ? `[&>svg]:-rotate-[180deg]` : "[&>svg]:rotate-[0deg]", isActive ? activeBgColor : ""),
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_paragraph.P1, {
+			text,
+			weight: require_paragraph.P1.Weight.bold
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_icons.Arrow, {
+			direction: "down",
+			releaseBranch
+		})]
+	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: (0, clsx.default)("overflow-hidden transition-all duration-300 ease-in-out", isActive ? "max-h-[300px]" : "max-h-0"),
+		children: dropdownItems.map((itme) => {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LinkComponent, {
+				to: itme.to,
+				target: itme.target,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(dropdown_menu_item_default, { label: itme.label })
+			}, itme.label);
+		})
+	})] });
+};
+
+//#endregion
+Object.defineProperty(exports, 'DropdownMenu', {
+  enumerable: true,
+  get: function () {
+    return DropdownMenu;
+  }
+});
+Object.defineProperty(exports, 'HamburgerContext', {
+  enumerable: true,
+  get: function () {
+    return HamburgerContext;
+  }
+});
+Object.defineProperty(exports, 'HeaderContext', {
+  enumerable: true,
+  get: function () {
+    return HeaderContext;
+  }
+});
+Object.defineProperty(exports, 'selectHamburgerFooterTheme', {
+  enumerable: true,
+  get: function () {
+    return selectHamburgerFooterTheme;
+  }
+});
+Object.defineProperty(exports, 'selectHamburgerItemTheme', {
+  enumerable: true,
+  get: function () {
+    return selectHamburgerItemTheme;
+  }
+});
+Object.defineProperty(exports, 'selectHamburgerMenuTheme', {
+  enumerable: true,
+  get: function () {
+    return selectHamburgerMenuTheme;
+  }
+});
+Object.defineProperty(exports, 'selectLogoType', {
+  enumerable: true,
+  get: function () {
+    return selectLogoType;
+  }
+});
+//# sourceMappingURL=dropdown-menu-CC0Yh31s.js.map

package/lib/dropdown-menu-CC0Yh31s.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu-CC0Yh31s.js","names":["THEME","RELEASE_BRANCH","THEME","LOGO_SYMBOL_TYPE","DropdownMenuItem: FC<{\n  label: string\n}>","P2","DropdownMenu: FC<DropdownMenuProps>","ExternalLink","InternalLink","P1","Arrow","DropdownMenuItem"],"sources":["../src/header/context/index.ts","../src/hamburger-menu/utils/theme.ts","../src/dropdown-menu/dropdown-menu-item/index.tsx","../src/dropdown-menu/index.tsx"],"sourcesContent":["import { createContext } from 'react'\n\nimport { THEME, type Theme } from '../../constants/theme'\nimport {\n  RELEASE_BRANCH,\n  type ReleaseBranch,\n} from '../../constants/release-branch'\n\nexport type HeaderContextType = {\n  theme: Theme\n  releaseBranch: ReleaseBranch\n  isLinkExternal: boolean\n  isAuthed: boolean\n  pathname: string\n  referrerPath: string\n  toUseNarrow: boolean\n  hideHeader: boolean\n}\nexport const HeaderContext = createContext<HeaderContextType>({\n  theme: THEME.normal,\n  releaseBranch: RELEASE_BRANCH.master,\n  isLinkExternal: false,\n  isAuthed: false,\n  pathname: '',\n  referrerPath: '',\n  toUseNarrow: false,\n  hideHeader: false,\n})\n\nexport type HamburgerContextType = {\n  toggleHamburger: () => void\n  closeHamburgerMenu: () => void\n  isHamburgerMenuOpen: boolean\n}\nexport const HamburgerContext = createContext<HamburgerContextType>({\n  toggleHamburger: () => {},\n  closeHamburgerMenu: () => {},\n  isHamburgerMenuOpen: false,\n})\n","import { THEME, type Theme } from '../../constants/theme'\n// logo\nimport { LOGO_SYMBOL_TYPE } from '../../logo/constants'\n\nexport const selectHamburgerMenuTheme = (theme: Theme) => {\n  switch (theme) {\n    case THEME.photography:\n      return {\n        bgColor: 'bg-photo-dark',\n        scrollBarColor: 'scrollbar-thumb-opacity-white-08',\n      }\n    default:\n      return {\n        bgColor: 'bg-gray-white',\n        scrollBarColor: 'scrollbar-thumb-opacity-black-02',\n      }\n  }\n}\n\nexport const selectLogoType = (theme: Theme) => {\n  switch (theme) {\n    case THEME.photography:\n    case THEME.transparent:\n      return LOGO_SYMBOL_TYPE.white\n    default:\n      return LOGO_SYMBOL_TYPE.default\n  }\n}\n\nexport const selectHamburgerItemTheme = (theme: Theme, active = false) => {\n  switch (theme) {\n    case THEME.photography:\n      return {\n        color: active ? 'text-supportive-pastel' : 'text-gray-white',\n        svgBgColor: active\n          ? '[&>svg]:bg-supportive-pastel'\n          : '[&>svg]:bg-gray-white',\n        hoverBgColor: 'hover:bg-opacity-white-02',\n        activeBgColor: 'active:bg-opacity-white-05',\n      }\n    default:\n      return {\n        color: active ? 'text-brand-heavy' : 'text-gray-800',\n        svgBgColor: active ? '[&>svg]:bg-brand-heavy' : '[&>svg]:bg-gray-800',\n        hoverBgColor: 'hover:bg-gray-100',\n        activeBgColor: 'active:bg-gray-200',\n      }\n  }\n}\n\nexport const selectHamburgerFooterTheme = (theme: Theme) => {\n  switch (theme) {\n    case THEME.photography:\n      return {\n        color: 'text-gray-400',\n        hoverColor: 'hover:text-gray-400',\n        hoverBgColor: 'hover:bg-opacity-white-02',\n        svgHoverBgColor: 'hover:[&>svg]:bg-gray-400',\n        svgBgColor: '[&>svg]:bg-gray-400',\n        activeColor: 'active:text-gray-400',\n        activeBgColor: 'active:bg-opacity-white-05',\n        svgActiveBgColor: 'active:[&>svg]:bg-gray-400',\n      }\n    default:\n      return {\n        color: 'text-gray-600',\n        hoverColor: 'hover:text-gray-800',\n        hoverBgColor: 'hover:bg-gray-100',\n        svgHoverBgColor: 'hover:[&>svg]:bg-gray-800',\n        svgBgColor: '[&>svg]:bg-gray-600',\n        activeColor: 'active:text-gray-800',\n        activeBgColor: 'active:bg-gray-200',\n        svgActiveBgColor: 'active:[&>svg]:bg-gray-800',\n      }\n  }\n}\n","import { useContext, type FC } from 'react'\nimport clsx from 'clsx'\n// context\nimport { HeaderContext } from '../../header/context'\n// theme\nimport { selectHamburgerItemTheme } from '../../hamburger-menu/utils/theme'\n// text\nimport { P2 } from '../../text/paragraph'\nconst DropdownMenuItem: FC<{\n  label: string\n}> = ({ label }) => {\n  const { theme } = useContext(HeaderContext)\n  const { color, hoverBgColor, activeBgColor } = selectHamburgerItemTheme(theme)\n  return (\n    <div\n      className={clsx(\n        'py-[8px] pl-[48px] pr-[32px] cursor-pointer',\n        color,\n        hoverBgColor,\n        activeBgColor\n      )}\n    >\n      <P2 text={label} weight={P2.Weight.bold} />\n    </div>\n  )\n}\n\nexport default DropdownMenuItem\n","import { useContext, type FC } from 'react'\nimport clsx from 'clsx'\n// context\nimport { HeaderContext } from '../header/context'\n// text\nimport { P1 } from '../text/paragraph'\n// icons\nimport { Arrow } from '../icons'\n// theme\nimport { selectHamburgerItemTheme } from '../hamburger-menu/utils/theme'\n// components\nimport DropdownMenuItem from './dropdown-menu-item'\n// link\nimport { ExternalLink, InternalLink } from '../customized-link'\nimport type { LinkTarget } from '../customized-link/type'\n\ntype DropdownMenuProps = {\n  text?: string\n  isActive?: boolean\n  dropdownItems: { label: string; to: string; target: LinkTarget }[]\n}\nconst DropdownMenu: FC<DropdownMenuProps> = ({\n  text = '',\n  isActive = false,\n  dropdownItems = [],\n}) => {\n  const { theme, releaseBranch, isLinkExternal } = useContext(HeaderContext)\n  const { color, svgBgColor, hoverBgColor, activeBgColor } =\n    selectHamburgerItemTheme(theme, isActive)\n  const LinkComponent = isLinkExternal ? ExternalLink : InternalLink\n  return (\n    <>\n      <div\n        className={clsx(\n          'flex items-center justify-between cursor-pointer py-[8px] px-[32px]',\n          '[&>svg]:transition-all [&>svg]:duration-300',\n          svgBgColor,\n          color,\n          hoverBgColor,\n          isActive ? `[&>svg]:-rotate-[180deg]` : '[&>svg]:rotate-[0deg]',\n          isActive ? activeBgColor : ''\n        )}\n      >\n        <P1 text={text} weight={P1.Weight.bold} />\n        <Arrow direction=\"down\" releaseBranch={releaseBranch} />\n      </div>\n      <div\n        className={clsx(\n          'overflow-hidden transition-all duration-300 ease-in-out',\n          isActive ? 'max-h-[300px]' : 'max-h-0'\n        )}\n      >\n        {dropdownItems.map((itme) => {\n          return (\n            <LinkComponent to={itme.to} target={itme.target} key={itme.label}>\n              <DropdownMenuItem label={itme.label} />\n            </LinkComponent>\n          )\n        })}\n      </div>\n    </>\n  )\n}\n\nexport { DropdownMenu }\n"],"mappings":";;;;;;;;;;;;;;;;AAkBA,MAAa,yCAAiD;CAC5D,OAAOA,oBAAM;CACb,eAAeC,sCAAe;CAC9B,gBAAgB;CAChB,UAAU;CACV,UAAU;CACV,cAAc;CACd,aAAa;CACb,YAAY;CACb,CAAC;AAOF,MAAa,4CAAuD;CAClE,uBAAuB;CACvB,0BAA0B;CAC1B,qBAAqB;CACtB,CAAC;;;;AClCF,MAAa,4BAA4B,UAAiB;AACxD,SAAQ,OAAR;EACE,KAAKC,oBAAM,YACT,QAAO;GACL,SAAS;GACT,gBAAgB;GACjB;EACH,QACE,QAAO;GACL,SAAS;GACT,gBAAgB;GACjB;;;AAIP,MAAa,kBAAkB,UAAiB;AAC9C,SAAQ,OAAR;EACE,KAAKA,oBAAM;EACX,KAAKA,oBAAM,YACT,QAAOC,mCAAiB;EAC1B,QACE,QAAOA,mCAAiB;;;AAI9B,MAAa,4BAA4B,OAAc,SAAS,UAAU;AACxE,SAAQ,OAAR;EACE,KAAKD,oBAAM,YACT,QAAO;GACL,OAAO,SAAS,2BAA2B;GAC3C,YAAY,SACR,iCACA;GACJ,cAAc;GACd,eAAe;GAChB;EACH,QACE,QAAO;GACL,OAAO,SAAS,qBAAqB;GACrC,YAAY,SAAS,2BAA2B;GAChD,cAAc;GACd,eAAe;GAChB;;;AAIP,MAAa,8BAA8B,UAAiB;AAC1D,SAAQ,OAAR;EACE,KAAKA,oBAAM,YACT,QAAO;GACL,OAAO;GACP,YAAY;GACZ,cAAc;GACd,iBAAiB;GACjB,YAAY;GACZ,aAAa;GACb,eAAe;GACf,kBAAkB;GACnB;EACH,QACE,QAAO;GACL,OAAO;GACP,YAAY;GACZ,cAAc;GACd,iBAAiB;GACjB,YAAY;GACZ,aAAa;GACb,eAAe;GACf,kBAAkB;GACnB;;;;;;ACjEP,MAAME,oBAEA,EAAE,YAAY;CAClB,MAAM,EAAE,gCAAqB,cAAc;CAC3C,MAAM,EAAE,OAAO,cAAc,kBAAkB,yBAAyB,MAAM;AAC9E,QACE,2CAAC;EACC,6BACE,+CACA,OACA,cACA,cACD;YAED,2CAACC;GAAG,MAAM;GAAO,QAAQA,qBAAG,OAAO;IAAQ;GACvC;;AAIV,iCAAe;;;;ACNf,MAAMC,gBAAuC,EAC3C,OAAO,IACP,WAAW,OACX,gBAAgB,EAAE,OACd;CACJ,MAAM,EAAE,OAAO,eAAe,yCAA8B,cAAc;CAC1E,MAAM,EAAE,OAAO,YAAY,cAAc,kBACvC,yBAAyB,OAAO,SAAS;CAC3C,MAAM,gBAAgB,iBAAiBC,8CAAeC;AACtD,QACE,qFACE,4CAAC;EACC,6BACE,uEACA,+CACA,YACA,OACA,cACA,WAAW,6BAA6B,yBACxC,WAAW,gBAAgB,GAC5B;aAED,2CAACC;GAAS;GAAM,QAAQA,qBAAG,OAAO;IAAQ,EAC1C,2CAACC;GAAM,WAAU;GAAsB;IAAiB;GACpD,EACN,2CAAC;EACC,6BACE,2DACA,WAAW,kBAAkB,UAC9B;YAEA,cAAc,KAAK,SAAS;AAC3B,UACE,2CAAC;IAAc,IAAI,KAAK;IAAI,QAAQ,KAAK;cACvC,2CAACC,8BAAiB,OAAO,KAAK,QAAS;MADa,KAAK,MAE3C;IAElB;GACE,IACL"}

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-BMrkjNyi.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-BMrkjNyi.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"external-link-BMrkjNyi.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-BykRRwmY.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-BykRRwmY.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"external-link-BykRRwmY.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-link-DTOcLL22.d.mts

@@ -0,0 +1,9 @@
+import { CustomizedLinkProps } from "./type-nAFiNBfk.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-DTOcLL22.d.mts.map

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,21 @@
+require('../constants-BmxSMOOn.js');
+require('../constants-K2ObjToq.js');
+require('../paragraph-CJvb0_cM.js');
+require('../theme-DDBlIbeS.js');
+require('../button-CO0UXA6C.js');
+require('../external-links-SfJjb48j.js');
+require('../internal-links-CBkMU8cY.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('../dropdown-menu-CC0Yh31s.js');
+require('../constants-CuT1aTK4.js');
+require('../icons-bC_xV5mJ.js');
+require('../constants-C2moxnps.js');
+const require_hamburger_menu = require('../hamburger-menu-BsIaOOoy.js');
+require('../logo-D5plc5jE.js');
+
+module.exports = require_hamburger_menu.hamburger_menu_default;

package/lib/hamburger-menu/index.mjs

@@ -0,0 +1,21 @@
+import "../internal-link-NQb751uB.mjs";
+import "../constants-oTHAnh6r.mjs";
+import "../constants-BWFuBApI.mjs";
+import "../paragraph-BWXQNQtX.mjs";
+import "../theme-BG6yZVj-.mjs";
+import "../button-DL6w1ghn.mjs";
+import "../external-links-2b4M_rcA.mjs";
+import "../internal-links-BF-974mA.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 "../dropdown-menu-BWuoUGuB.mjs";
+import "../constants-CmCfyfPG.mjs";
+import "../icons-Bs84WbEt.mjs";
+import "../constants-DRxdMM_X.mjs";
+import { hamburger_menu_default } from "../hamburger-menu-CI3TOV9q.mjs";
+import "../logo-B35TnPzd.mjs";
+
+export { hamburger_menu_default as default };