npm - @twreporter/react-typescript-components - Versions diffs - 0.1.0-beta.19 → 0.1.0-beta.21 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (203) hide show

package/lib/{dropdown-menu-jbg-kt3s.mjs → dropdown-menu-MOuxtoud.mjs} RENAMED Viewed

@@ -1,10 +1,10 @@
 import { internal_link_default } from "./internal-link-DCXJvzgx.mjs";
 import { P1, P2 } from "./paragraph-Cf9jr8RF.mjs";
 import { THEME } from "./theme-BG6yZVj-.mjs";
-import { external_link_default } from "./external-link-Diro-q37.mjs";
-import { HeaderContext } from "./context-BgdqM3zA.mjs";
-import { Arrow } from "./icons-I7T-auOQ.mjs";
-import { LOGO_SYMBOL_TYPE } from "./constants-DRxdMM_X.mjs";
+import { external_link_default } from "./external-link-BMIFL3DE.mjs";
+import { LOGO_SYMBOL_TYPE } from "./constants-DKqcALfv.mjs";
+import { Arrow } from "./icons-C5UqghX2.mjs";
+import { HeaderContext } from "./context-C9AuSZIE.mjs";
 import { useContext } from "react";
 import clsx from "clsx";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -114,4 +114,4 @@ const DropdownMenu = ({ text = "", isActive = false, dropdownItems = [] }) => {
 //#endregion
 export { DropdownMenu, selectHamburgerFooterTheme, selectHamburgerItemTheme, selectHamburgerMenuTheme, selectLogoType };
-//# sourceMappingURL=dropdown-menu-jbg-kt3s.mjs.map
+//# sourceMappingURL=dropdown-menu-MOuxtoud.mjs.map

package/lib/{dropdown-menu-jbg-kt3s.mjs.map → dropdown-menu-MOuxtoud.mjs.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"dropdown-menu-~~jbg-kt3s~~.mjs","names":["DropdownMenuItem: FC<{\n label: string\n}>","DropdownMenu: FC<DropdownMenuProps>","ExternalLink","InternalLink","DropdownMenuItem"],"sources":["../src/hamburger-menu/utils/theme.ts","../src/dropdown-menu/dropdown-menu-item/index.tsx","../src/dropdown-menu/index.tsx"],"sourcesContent":["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: '[&::-webkit-scrollbar-thumb]:bg-opacity-white-08',\n }\n default:\n return {\n bgColor: 'bg-gray-white',\n scrollBarColor: '[&::-webkit-scrollbar-thumb]:bg-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":";;;;;;;;;;;;AAIA,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"}
1	+ {"version":3,"file":"dropdown-menu-MOuxtoud.mjs","names":["DropdownMenuItem: FC<{\n label: string\n}>","DropdownMenu: FC<DropdownMenuProps>","ExternalLink","InternalLink","DropdownMenuItem"],"sources":["../src/hamburger-menu/utils/theme.ts","../src/dropdown-menu/dropdown-menu-item/index.tsx","../src/dropdown-menu/index.tsx"],"sourcesContent":["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: '[&::-webkit-scrollbar-thumb]:bg-opacity-white-08',\n }\n default:\n return {\n bgColor: 'bg-gray-white',\n scrollBarColor: '[&::-webkit-scrollbar-thumb]:bg-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":";;;;;;;;;;;;AAIA,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/{external-link-Diro-q37.mjs → external-link-BMIFL3DE.mjs} RENAMED Viewed

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

package/lib/external-link-BMIFL3DE.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"external-link-BMIFL3DE.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 id = '',\n onMouseEnter,\n onMouseLeave,\n}) => {\n return (\n <a\n href={to}\n target={target}\n className={className}\n id={id}\n onMouseEnter={onMouseEnter}\n onMouseLeave={onMouseLeave}\n >\n {children}\n </a>\n )\n}\n\nexport default ExternalLink\n"],"mappings":";;;AAIA,MAAMA,gBAAuC,EAC3C,IACA,SAAS,SACT,YAAY,IACZ,UACA,KAAK,IACL,cACA,mBACI;AACJ,QACE,oBAAC;EACC,MAAM;EACE;EACG;EACP;EACU;EACA;EAEb;GACC;;AAIR,4BAAe"}

package/lib/{external-link-B3tELAVU.d.ts → external-link-BMxYePU7.d.ts} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { CustomizedLinkProps } from "./type-ubTUOk6A.js";
+import { CustomizedLinkProps } from "./type-CcygKers.js";
 import { FC } from "react";
 //#region src/customized-link/external-link.d.ts
@@ -6,4 +6,4 @@ type ExternalLinkProps = CustomizedLinkProps;
 declare const ExternalLink: FC<ExternalLinkProps>;
 //#endregion
 export { ExternalLink };
-//# sourceMappingURL=external-link-B3tELAVU.d.ts.map
+//# sourceMappingURL=external-link-BMxYePU7.d.ts.map

package/lib/{external-link-afU9uFB6.js → external-link-Ce1_loKh.js} RENAMED Viewed

@@ -3,11 +3,12 @@ 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, onMouseEnter, onMouseLeave }) => {
+const ExternalLink = ({ to, target = "_self", className = "", children, id = "", onMouseEnter, onMouseLeave }) => {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
 		href: to,
 		target,
 		className,
+		id,
 		onMouseEnter,
 		onMouseLeave,
 		children
@@ -22,4 +23,4 @@ Object.defineProperty(exports, 'external_link_default', {
     return external_link_default;
   }
 });
-//# sourceMappingURL=external-link-afU9uFB6.js.map
+//# sourceMappingURL=external-link-Ce1_loKh.js.map

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

@@ -0,0 +1 @@

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

package/lib/{external-link-0t606cM_.d.mts → external-link-CvvjuS1W.d.mts} RENAMED Viewed

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

package/lib/footer/index.d.mts CHANGED Viewed

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

package/lib/footer/index.d.ts CHANGED Viewed

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

package/lib/footer/index.js CHANGED Viewed

@@ -5,28 +5,26 @@ 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');
+const require_external_link = require('../external-link-Ce1_loKh.js');
 require('../internal-link-Bq4yp13E.js');
-require('../customized-link-CHH91yod.js');
+require('../customized-link-BDKQVdcH.js');
 require('../constants-nmH6p6-y.js');
 const require_divider = require('../divider-B1zvSjNJ.js');
-require('../constants-D8wNUvoZ.js');
-require('../icons-qP5oNB0W.js');
-require('../constants-C2moxnps.js');
-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');
+require('../logo-B35M1BaX.js');
+require('../constants-pqSeExjX.js');
+const require_logo$1 = require('../logo-CeaVUbIW.js');
+require('../constants-R6EfY15A.js');
+require('../icons-BZI6_5JJ.js');
+const require_links = require('../links-DMd-CuUJ.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 }) => {
+const Footer = ({ releaseBranch, fundraisingId, fundraisingDateString, socialMediaLinks = [], buttonLinks = [] }) => {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("footer", {
 		className: (0, clsx.default)("w-full bg-gray-white"),
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -54,7 +52,10 @@ const Footer = ({ releaseBranch }) => {
 						})]
 					}), /* @__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 })
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_links.LinkButtonGroups, {
+							releaseBranch,
+							linksGroups: buttonLinks
+						})
 					})]
 				}),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_divider.divider_default, { className: "w-full my-[24px]" }),
@@ -65,7 +66,7 @@ const Footer = ({ releaseBranch }) => {
 						children: [
 							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_paragraph.P3, {
 								className: "text-gray-600",
-								text: require_constants$5.FUNDRAISING_ID
+								text: `衛部救字第 ${fundraisingId} 號｜勸募期間 ${fundraisingDateString}`
 							}),
 							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 								className: "hidden desktop:flex",
@@ -74,7 +75,7 @@ const Footer = ({ releaseBranch }) => {
 										className: "text-gray-600",
 										text: "｜"
 									}),
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_links.InfoLinks, { releaseBranch }),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_links.StaticLinks, { releaseBranch }),
 									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_paragraph.P3, {
 										className: "text-gray-600",
 										text: "｜"
@@ -83,14 +84,17 @@ const Footer = ({ releaseBranch }) => {
 							}),
 							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 								className: "flex desktop:hidden",
-								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_links.InfoLinks, { releaseBranch })
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_links.StaticLinks, { releaseBranch })
 							}),
 							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_paragraph.P3, {
 								className: "text-gray-600",
 								text: `Copyright © ${(/* @__PURE__ */ new Date()).getFullYear()} The Reporter.`
 							})
 						]
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_links.SocialLinks, { releaseBranch })]
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_links.SocialLinks, {
+						releaseBranch,
+						links: socialMediaLinks
+					})]
 				})
 			]
 		})

package/lib/footer/index.js.map CHANGED Viewed

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

package/lib/footer/index.mjs CHANGED Viewed

@@ -5,25 +5,23 @@ 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 { external_link_default } from "../external-link-BMIFL3DE.mjs";
+import "../customized-link-D3p9rjEe.mjs";
 import "../constants-z9Q8ph_H.mjs";
 import { divider_default } from "../divider-CE4u6SR5.mjs";
-import "../constants-5phfWHvb.mjs";
-import "../icons-I7T-auOQ.mjs";
-import "../constants-DRxdMM_X.mjs";
-import { 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 "../logo-DkEpjnPV.mjs";
+import "../constants-DKqcALfv.mjs";
+import { logo_default } from "../logo-lPQ3Apwn.mjs";
+import "../constants-Npoq7yu0.mjs";
+import "../icons-C5UqghX2.mjs";
+import { LinkButtonGroups, SocialLinks, StaticLinks } from "../links-CFjOQl4o.mjs";
 import clsx from "clsx";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/footer/index.tsx
-const Footer = ({ releaseBranch }) => {
+const Footer = ({ releaseBranch, fundraisingId, fundraisingDateString, socialMediaLinks = [], buttonLinks = [] }) => {
 	return /* @__PURE__ */ jsx("footer", {
 		className: clsx("w-full bg-gray-white"),
 		children: /* @__PURE__ */ jsxs("div", {
@@ -51,7 +49,10 @@ const Footer = ({ releaseBranch }) => {
 						})]
 					}), /* @__PURE__ */ jsx("div", {
 						className: clsx("flex mb-[16px] gap-[16px]", "desktop:gap-[24px]"),
-						children: /* @__PURE__ */ jsx(LinkButtonGroups, { releaseBranch })
+						children: /* @__PURE__ */ jsx(LinkButtonGroups, {
+							releaseBranch,
+							linksGroups: buttonLinks
+						})
 					})]
 				}),
 				/* @__PURE__ */ jsx(divider_default, { className: "w-full my-[24px]" }),
@@ -62,7 +63,7 @@ const Footer = ({ releaseBranch }) => {
 						children: [
 							/* @__PURE__ */ jsx(P3, {
 								className: "text-gray-600",
-								text: FUNDRAISING_ID
+								text: `衛部救字第 ${fundraisingId} 號｜勸募期間 ${fundraisingDateString}`
 							}),
 							/* @__PURE__ */ jsxs("div", {
 								className: "hidden desktop:flex",
@@ -71,7 +72,7 @@ const Footer = ({ releaseBranch }) => {
 										className: "text-gray-600",
 										text: "｜"
 									}),
-									/* @__PURE__ */ jsx(InfoLinks, { releaseBranch }),
+									/* @__PURE__ */ jsx(StaticLinks, { releaseBranch }),
 									/* @__PURE__ */ jsx(P3, {
 										className: "text-gray-600",
 										text: "｜"
@@ -80,14 +81,17 @@ const Footer = ({ releaseBranch }) => {
 							}),
 							/* @__PURE__ */ jsx("div", {
 								className: "flex desktop:hidden",
-								children: /* @__PURE__ */ jsx(InfoLinks, { releaseBranch })
+								children: /* @__PURE__ */ jsx(StaticLinks, { releaseBranch })
 							}),
 							/* @__PURE__ */ jsx(P3, {
 								className: "text-gray-600",
 								text: `Copyright © ${(/* @__PURE__ */ new Date()).getFullYear()} The Reporter.`
 							})
 						]
-					}), /* @__PURE__ */ jsx(SocialLinks, { releaseBranch })]
+					}), /* @__PURE__ */ jsx(SocialLinks, {
+						releaseBranch,
+						links: socialMediaLinks
+					})]
 				})
 			]
 		})

package/lib/footer/index.mjs.map CHANGED Viewed

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

package/lib/footer/links.d.mts CHANGED Viewed

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

package/lib/footer/links.d.ts CHANGED Viewed

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

package/lib/footer/links.js CHANGED Viewed

@@ -3,17 +3,15 @@ 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('../external-link-Ce1_loKh.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');
+require('../customized-link-BDKQVdcH.js');
+require('../constants-R6EfY15A.js');
+require('../icons-BZI6_5JJ.js');
+const require_links = require('../links-DMd-CuUJ.js');
-exports.InfoLinks = require_links.InfoLinks;
 exports.LinkButtonGroups = require_links.LinkButtonGroups;
-exports.SocialLinks = require_links.SocialLinks;
+exports.SocialLinks = require_links.SocialLinks;
+exports.StaticLinks = require_links.StaticLinks;

package/lib/footer/links.mjs CHANGED Viewed

@@ -4,14 +4,12 @@ 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";
+import "../external-link-BMIFL3DE.mjs";
+import "../customized-link-D3p9rjEe.mjs";
+import "../constants-Npoq7yu0.mjs";
+import "../icons-C5UqghX2.mjs";
+import { LinkButtonGroups, SocialLinks, StaticLinks } from "../links-CFjOQl4o.mjs";
-export { InfoLinks, LinkButtonGroups, SocialLinks };
+export { LinkButtonGroups, SocialLinks, StaticLinks };

package/lib/footer/logo.d.mts CHANGED Viewed

@@ -1,5 +1,5 @@
-import "../index-DegwO8ei.mjs";
-import { ReleaseBranch } from "../release-branch-CaxOk9Rq.mjs";
+import "../index-CUE6zs36.mjs";
+import { ReleaseBranch } from "../release-branch-uF0B5lcE.mjs";
 import { FC } from "react";
 //#region src/footer/logo.d.ts

package/lib/footer/logo.js CHANGED Viewed

@@ -1,9 +1,9 @@
 require('../release-branch-CRZV4Ivz.js');
-require('../external-link-afU9uFB6.js');
+require('../external-link-Ce1_loKh.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');
+require('../customized-link-BDKQVdcH.js');
+require('../logo-B35M1BaX.js');
+require('../constants-pqSeExjX.js');
+const require_logo$1 = require('../logo-CeaVUbIW.js');
 module.exports = require_logo$1.logo_default;

package/lib/footer/logo.mjs CHANGED Viewed

@@ -1,9 +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";
+import "../external-link-BMIFL3DE.mjs";
+import "../customized-link-D3p9rjEe.mjs";
+import "../logo-DkEpjnPV.mjs";
+import "../constants-DKqcALfv.mjs";
+import { logo_default } from "../logo-lPQ3Apwn.mjs";
 export { logo_default as default };

package/lib/footer/types.d.mts ADDED Viewed

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

package/lib/footer/types.d.ts ADDED Viewed

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

package/lib/footer/types.js ADDED Viewed

File without changes

package/lib/footer/types.mjs ADDED Viewed

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