@twreporter/react-typescript-components 0.1.0-beta.11 → 0.1.0-beta.13

package/lib/{internal-link-D8jJal8P.d.mts → internal-link-Ciu7CWSY.d.mts}

@@ -1,4 +1,4 @@
-import { CustomizedLinkProps } from "./type-FR-fOZvz.mjs";
+import { CustomizedLinkProps } from "./type-2Go0njwa.mjs";
 import { FC } from "react";
 
 //#region src/customized-link/internal-link.d.ts
@@ -6,4 +6,4 @@ type InternalLinkProps = CustomizedLinkProps;
 declare const InternalLink: FC<InternalLinkProps>;
 //#endregion
 export { InternalLink };
-//# sourceMappingURL=internal-link-D8jJal8P.d.mts.map
+//# sourceMappingURL=internal-link-Ciu7CWSY.d.mts.map

package/lib/{internal-links-BF-974mA.mjs → internal-links-CP3dqmrz.mjs}

@@ -9,9 +9,10 @@ const INTERNAL_LINKS = {
 	topics: "/topics",
 	search: "/search",
 	about: "/about-us",
+	article: articlesBase,
 	account: {
 		index: accountBase,
-		donationPage: `${accountBase}/donation-history`,
+		donationHistoryPage: `${accountBase}/donation-history`,
 		emailSubscription: `${accountBase}/email-subscription`,
 		exclusiveOffers: `${accountBase}/exclusive-offers`
 	},
@@ -49,4 +50,4 @@ const INTERNAL_LINKS = {
 
 //#endregion
 export { INTERNAL_LINKS };
-//# sourceMappingURL=internal-links-BF-974mA.mjs.map
+//# sourceMappingURL=internal-links-CP3dqmrz.mjs.map

package/lib/internal-links-CP3dqmrz.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"internal-links-CP3dqmrz.mjs","names":[],"sources":["../src/constants/internal-links.ts"],"sourcesContent":["const accountBase = '/account'\nconst myReadingBase = '/myreading'\nconst categoriesBase = '/categories'\nconst articlesBase = '/a'\n\nexport const INTERNAL_LINKS = {\n  home: '/',\n  latest: '/latest',\n  topics: '/topics',\n  search: '/search',\n  about: '/about-us',\n  article: articlesBase,\n  account: {\n    index: accountBase,\n    donationHistoryPage: `${accountBase}/donation-history`,\n    emailSubscription: `${accountBase}/email-subscription`,\n    exclusiveOffers: `${accountBase}/exclusive-offers`,\n  },\n  myReading: {\n    index: myReadingBase,\n    savedBookmarks: `${myReadingBase}/saved`,\n    browsingHistory: `${myReadingBase}/history`,\n  },\n  categories: {\n    world: `${categoriesBase}/world`,\n    humanRights: `${categoriesBase}/humanrights`,\n    politicsAndSociety: `${categoriesBase}/politics-and-society`,\n    health: `${categoriesBase}/health`,\n    environment: `${categoriesBase}/environment`,\n    econ: `${categoriesBase}/econ`,\n    culture: `${categoriesBase}/culture`,\n    education: `${categoriesBase}/education`,\n    opinion: {\n      index: `${categoriesBase}/opinion`,\n      bookReview: `${categoriesBase}/opinion/book-review`,\n      letter: `${categoriesBase}/opinion/letter`,\n    },\n    podcast: {\n      theRealStory: `${categoriesBase}/podcast/the-real-story`,\n      onTheGround: `${categoriesBase}/podcast/on-the-ground`,\n    },\n    foundation: {\n      index: `${categoriesBase}/foundation`,\n    },\n  },\n  humanStory: '/tags/58db34a30f56b40d001ae6a6', // 人物故事 tag id\n  photography: '/photography',\n  podcast: {\n    aboutPodcast: `${articlesBase}/podcast-list`,\n  },\n  infographic: '/tags/630f029461ca4e07004ef530', // infographic tag id\n  influenceReport: `${articlesBase}/impact-and-annual-report`,\n} as const\n"],"mappings":";AAAA,MAAM,cAAc;AACpB,MAAM,gBAAgB;AACtB,MAAM,iBAAiB;AACvB,MAAM,eAAe;AAErB,MAAa,iBAAiB;CAC5B,MAAM;CACN,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,OAAO;CACP,SAAS;CACT,SAAS;EACP,OAAO;EACP,qBAAqB,GAAG,YAAY;EACpC,mBAAmB,GAAG,YAAY;EAClC,iBAAiB,GAAG,YAAY;EACjC;CACD,WAAW;EACT,OAAO;EACP,gBAAgB,GAAG,cAAc;EACjC,iBAAiB,GAAG,cAAc;EACnC;CACD,YAAY;EACV,OAAO,GAAG,eAAe;EACzB,aAAa,GAAG,eAAe;EAC/B,oBAAoB,GAAG,eAAe;EACtC,QAAQ,GAAG,eAAe;EAC1B,aAAa,GAAG,eAAe;EAC/B,MAAM,GAAG,eAAe;EACxB,SAAS,GAAG,eAAe;EAC3B,WAAW,GAAG,eAAe;EAC7B,SAAS;GACP,OAAO,GAAG,eAAe;GACzB,YAAY,GAAG,eAAe;GAC9B,QAAQ,GAAG,eAAe;GAC3B;EACD,SAAS;GACP,cAAc,GAAG,eAAe;GAChC,aAAa,GAAG,eAAe;GAChC;EACD,YAAY,EACV,OAAO,GAAG,eAAe,cAC1B;EACF;CACD,YAAY;CACZ,aAAa;CACb,SAAS,EACP,cAAc,GAAG,aAAa,gBAC/B;CACD,aAAa;CACb,iBAAiB,GAAG,aAAa;CAClC"}

package/lib/{internal-links-CBkMU8cY.js → internal-links-DxtMobuI.js}

@@ -10,9 +10,10 @@ const INTERNAL_LINKS = {
 	topics: "/topics",
 	search: "/search",
 	about: "/about-us",
+	article: articlesBase,
 	account: {
 		index: accountBase,
-		donationPage: `${accountBase}/donation-history`,
+		donationHistoryPage: `${accountBase}/donation-history`,
 		emailSubscription: `${accountBase}/email-subscription`,
 		exclusiveOffers: `${accountBase}/exclusive-offers`
 	},
@@ -55,4 +56,4 @@ Object.defineProperty(exports, 'INTERNAL_LINKS', {
     return INTERNAL_LINKS;
   }
 });
-//# sourceMappingURL=internal-links-CBkMU8cY.js.map
+//# sourceMappingURL=internal-links-DxtMobuI.js.map

package/lib/internal-links-DxtMobuI.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"internal-links-DxtMobuI.js","names":[],"sources":["../src/constants/internal-links.ts"],"sourcesContent":["const accountBase = '/account'\nconst myReadingBase = '/myreading'\nconst categoriesBase = '/categories'\nconst articlesBase = '/a'\n\nexport const INTERNAL_LINKS = {\n  home: '/',\n  latest: '/latest',\n  topics: '/topics',\n  search: '/search',\n  about: '/about-us',\n  article: articlesBase,\n  account: {\n    index: accountBase,\n    donationHistoryPage: `${accountBase}/donation-history`,\n    emailSubscription: `${accountBase}/email-subscription`,\n    exclusiveOffers: `${accountBase}/exclusive-offers`,\n  },\n  myReading: {\n    index: myReadingBase,\n    savedBookmarks: `${myReadingBase}/saved`,\n    browsingHistory: `${myReadingBase}/history`,\n  },\n  categories: {\n    world: `${categoriesBase}/world`,\n    humanRights: `${categoriesBase}/humanrights`,\n    politicsAndSociety: `${categoriesBase}/politics-and-society`,\n    health: `${categoriesBase}/health`,\n    environment: `${categoriesBase}/environment`,\n    econ: `${categoriesBase}/econ`,\n    culture: `${categoriesBase}/culture`,\n    education: `${categoriesBase}/education`,\n    opinion: {\n      index: `${categoriesBase}/opinion`,\n      bookReview: `${categoriesBase}/opinion/book-review`,\n      letter: `${categoriesBase}/opinion/letter`,\n    },\n    podcast: {\n      theRealStory: `${categoriesBase}/podcast/the-real-story`,\n      onTheGround: `${categoriesBase}/podcast/on-the-ground`,\n    },\n    foundation: {\n      index: `${categoriesBase}/foundation`,\n    },\n  },\n  humanStory: '/tags/58db34a30f56b40d001ae6a6', // 人物故事 tag id\n  photography: '/photography',\n  podcast: {\n    aboutPodcast: `${articlesBase}/podcast-list`,\n  },\n  infographic: '/tags/630f029461ca4e07004ef530', // infographic tag id\n  influenceReport: `${articlesBase}/impact-and-annual-report`,\n} as const\n"],"mappings":";;AAAA,MAAM,cAAc;AACpB,MAAM,gBAAgB;AACtB,MAAM,iBAAiB;AACvB,MAAM,eAAe;AAErB,MAAa,iBAAiB;CAC5B,MAAM;CACN,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,OAAO;CACP,SAAS;CACT,SAAS;EACP,OAAO;EACP,qBAAqB,GAAG,YAAY;EACpC,mBAAmB,GAAG,YAAY;EAClC,iBAAiB,GAAG,YAAY;EACjC;CACD,WAAW;EACT,OAAO;EACP,gBAAgB,GAAG,cAAc;EACjC,iBAAiB,GAAG,cAAc;EACnC;CACD,YAAY;EACV,OAAO,GAAG,eAAe;EACzB,aAAa,GAAG,eAAe;EAC/B,oBAAoB,GAAG,eAAe;EACtC,QAAQ,GAAG,eAAe;EAC1B,aAAa,GAAG,eAAe;EAC/B,MAAM,GAAG,eAAe;EACxB,SAAS,GAAG,eAAe;EAC3B,WAAW,GAAG,eAAe;EAC7B,SAAS;GACP,OAAO,GAAG,eAAe;GACzB,YAAY,GAAG,eAAe;GAC9B,QAAQ,GAAG,eAAe;GAC3B;EACD,SAAS;GACP,cAAc,GAAG,eAAe;GAChC,aAAa,GAAG,eAAe;GAChC;EACD,YAAY,EACV,OAAO,GAAG,eAAe,cAC1B;EACF;CACD,YAAY;CACZ,aAAa;CACb,SAAS,EACP,cAAc,GAAG,aAAa,gBAC/B;CACD,aAAa;CACb,iBAAiB,GAAG,aAAa;CAClC"}

package/lib/logo/constants.d.mts

@@ -1,3 +1,3 @@
-import "../index-BmIgLA0K.mjs";
-import { LOGO, LOGO_SYMBOL_TYPE, LOGO_TYPE, Logo, LogoSymbolType, LogoType } from "../constants-DNr36wyK.mjs";
+import "../index-CYb6xr3M.mjs";
+import { LOGO, LOGO_SYMBOL_TYPE, LOGO_TYPE, Logo, LogoSymbolType, LogoType } from "../constants-BqAhJjFv.mjs";
 export { LOGO, LOGO_SYMBOL_TYPE, LOGO_TYPE, Logo, LogoSymbolType, LogoType };

package/lib/logo/constants.js

@@ -1,4 +1,4 @@
-const require_constants = require('../constants-2TRY2zTK.js');
+const require_constants = require('../constants-C2moxnps.js');
 
 exports.LOGO = require_constants.LOGO;
 exports.LOGO_SYMBOL_TYPE = require_constants.LOGO_SYMBOL_TYPE;

package/lib/logo/constants.mjs

@@ -1,3 +1,3 @@
-import { LOGO, LOGO_SYMBOL_TYPE, LOGO_TYPE } from "../constants-BqeEbkVD.mjs";
+import { LOGO, LOGO_SYMBOL_TYPE, LOGO_TYPE } from "../constants-DRxdMM_X.mjs";
 
 export { LOGO, LOGO_SYMBOL_TYPE, LOGO_TYPE };

package/lib/logo/index.d.mts

@@ -1,6 +1,6 @@
-import "../index-BmIgLA0K.mjs";
-import { ReleaseBranch } from "../release-branch-DZwlCiWD.mjs";
-import { LOGO_SYMBOL_TYPE, LOGO_TYPE, LogoSymbolType, LogoType } from "../constants-DNr36wyK.mjs";
+import "../index-CYb6xr3M.mjs";
+import { ReleaseBranch } from "../release-branch-BqeBsvrl.mjs";
+import { LOGO_SYMBOL_TYPE, LOGO_TYPE, LogoSymbolType, LogoType } from "../constants-BqAhJjFv.mjs";
 import * as react8 from "react";
 import React from "react";
 

package/lib/logo/index.d.ts

@@ -1,7 +1,7 @@
 import "../index-H3peA2d_.js";
 import { ReleaseBranch } from "../release-branch-CsBbhuYE.js";
 import { LOGO_SYMBOL_TYPE, LOGO_TYPE, LogoSymbolType, LogoType } from "../constants-B_NgWFML.js";
-import * as react8 from "react";
+import * as react11 from "react";
 import React from "react";
 
 //#region src/logo/components/logo-header.d.ts
@@ -24,16 +24,16 @@ declare const LogoSymbol: React.FC<LogoSymbolProps> & {
 //#endregion
 //#region src/logo/index.d.ts
 declare const _default: {
-  LogoHeader: react8.FC<{
+  LogoHeader: react11.FC<{
     type: LogoType;
     releaseBranch?: ReleaseBranch;
-  } & react8.ImgHTMLAttributes<HTMLImageElement>> & {
+  } & react11.ImgHTMLAttributes<HTMLImageElement>> & {
     Type: typeof LOGO_TYPE;
   };
-  LogoSymbol: react8.FC<{
+  LogoSymbol: react11.FC<{
     type: LogoSymbolType;
     releaseBranch?: ReleaseBranch;
-  } & react8.ImgHTMLAttributes<HTMLImageElement>> & {
+  } & react11.ImgHTMLAttributes<HTMLImageElement>> & {
     Type: typeof LOGO_SYMBOL_TYPE;
   };
 };

package/lib/logo/index.js

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 require('../release-branch-CRZV4Ivz.js');
-require('../constants-2TRY2zTK.js');
-const require_logo = require('../logo-Dz8Mm84n.js');
+require('../constants-C2moxnps.js');
+const require_logo = require('../logo-BTNfdxTv.js');
 
 exports.LogoHeader = require_logo.logo_header_default;
 exports.LogoSymbol = require_logo.logo_symbol_default;

package/lib/logo/index.mjs

@@ -1,5 +1,5 @@
 import "../release-branch-DNCD1uH_.mjs";
-import "../constants-BqeEbkVD.mjs";
-import { logo_default, logo_header_default, logo_symbol_default } from "../logo-Caqpr_8x.mjs";
+import "../constants-DRxdMM_X.mjs";
+import { logo_default, logo_header_default, logo_symbol_default } from "../logo-D68VZ-fc.mjs";
 
 export { logo_header_default as LogoHeader, logo_symbol_default as LogoSymbol, logo_default as default };

package/lib/{logo-Dz8Mm84n.js → logo-BTNfdxTv.js}

@@ -1,6 +1,6 @@
 const require_chunk = require('./chunk-BxBTb9qk.js');
 const require_release_branch = require('./release-branch-CRZV4Ivz.js');
-const require_constants = require('./constants-2TRY2zTK.js');
+const require_constants = require('./constants-C2moxnps.js');
 let react_jsx_runtime = require("react/jsx-runtime");
 react_jsx_runtime = require_chunk.__toESM(react_jsx_runtime);
 
@@ -80,4 +80,4 @@ Object.defineProperty(exports, 'logo_symbol_default', {
     return logo_symbol_default;
   }
 });
-//# sourceMappingURL=logo-Dz8Mm84n.js.map
+//# sourceMappingURL=logo-BTNfdxTv.js.map

package/lib/{logo-Dz8Mm84n.js.map → logo-BTNfdxTv.js.map}

@@ -1 +1 @@
-{"version":3,"file":"logo-Dz8Mm84n.js","names":["LogoHeader: React.FC<LogoHeaderProps> & { Type: typeof LOGO_TYPE }","LOGO_TYPE","RELEASE_BRANCH","pathUtil","LOGO","LogoSymbol: React.FC<LogoSymbolProps> & {\n  Type: typeof LOGO_SYMBOL_TYPE\n}","LOGO_SYMBOL_TYPE","RELEASE_BRANCH","pathUtil","LOGO"],"sources":["../src/logo/utils/path.ts","../src/logo/components/logo-header.tsx","../src/logo/components/logo-symbol.tsx","../src/logo/index.ts"],"sourcesContent":["import type { ReleaseBranch } from '../../constants/release-branch'\nimport type { Logo, LogoType, LogoSymbolType } from '../constants'\n\nconst baseGCSDir = 'https://www.twreporter.org/images/logo/'\n\nfunction selectLogoPath(\n  logo: Logo,\n  branch: ReleaseBranch,\n  type: LogoType | LogoSymbolType\n) {\n  switch (logo) {\n    case 'header': {\n      const defaultPath = `${baseGCSDir}logo-header.${branch}.svg`\n      const whitePath = `${baseGCSDir}logo-header-white.${branch}.svg`\n      return type === 'white' ? whitePath : defaultPath\n    }\n    case 'footer': {\n      const path = {\n        default: `${baseGCSDir}logo-footer.${branch}.svg`,\n        white: `${baseGCSDir}logo-footer-white.${branch}.svg`,\n      }\n      return path[type as LogoType]\n    }\n    case 'symbol': {\n      const path = {\n        default: `${baseGCSDir}logo-symbol-default.${branch}.svg`,\n        black: `${baseGCSDir}logo-symbol-black.${branch}.svg`,\n        white: `${baseGCSDir}logo-symbol-white.${branch}.svg`,\n      }\n      return path[type]\n    }\n    case 'loading-fallback': {\n      return `${baseGCSDir}logo-loading-fallback.${branch}.svg`\n    }\n    default: {\n      return ''\n    }\n  }\n}\n\nexport default {\n  selectLogoPath,\n}\n","import type React from 'react'\n// utils\nimport pathUtil from '../utils/path'\n// constants\nimport {\n  RELEASE_BRANCH,\n  type ReleaseBranch,\n} from '../../constants/release-branch'\nimport { LOGO, LOGO_TYPE, type LogoType } from '../constants'\n\ntype LogoHeaderProps = {\n  type: LogoType\n  releaseBranch?: ReleaseBranch\n} & React.ImgHTMLAttributes<HTMLImageElement>\n\nconst LogoHeader: React.FC<LogoHeaderProps> & { Type: typeof LOGO_TYPE } = ({\n  type = LOGO_TYPE.default,\n  releaseBranch = RELEASE_BRANCH.master,\n  ...props\n}) => {\n  const logoSrc = pathUtil.selectLogoPath(LOGO.header, releaseBranch, type)\n\n  return (\n    // biome-ignore lint/performance/noImgElement: use next image later\n    <img alt=\"The Reporter Logo\" src={logoSrc} {...props} />\n  )\n}\n\nLogoHeader.Type = LOGO_TYPE\n\nexport default LogoHeader\n","import type React from 'react'\n// utils\nimport pathUtil from '../utils/path'\n// constants\nimport {\n  RELEASE_BRANCH,\n  type ReleaseBranch,\n} from '../../constants/release-branch'\nimport { LOGO, LOGO_SYMBOL_TYPE, type LogoSymbolType } from '../constants'\n\ntype LogoSymbolProps = {\n  type: LogoSymbolType\n  releaseBranch?: ReleaseBranch\n} & React.ImgHTMLAttributes<HTMLImageElement>\n\nconst LogoSymbol: React.FC<LogoSymbolProps> & {\n  Type: typeof LOGO_SYMBOL_TYPE\n} = ({\n  type = LOGO_SYMBOL_TYPE.default,\n  releaseBranch = RELEASE_BRANCH.master,\n  ...props\n}) => {\n  const logoSrc = pathUtil.selectLogoPath(LOGO.symbol, releaseBranch, type)\n\n  return (\n    // biome-ignore lint/performance/noImgElement: use next image later\n    <img alt=\"The Reporter Logo\" src={logoSrc} {...props} />\n  )\n}\n\nLogoSymbol.Type = LOGO_SYMBOL_TYPE\n\nexport default LogoSymbol\n","import LogoHeader from './components/logo-header'\nimport LogoSymbol from './components/logo-symbol'\n\nexport default {\n  LogoHeader,\n  LogoSymbol,\n}\n\nexport { LogoHeader, LogoSymbol }\n"],"mappings":";;;;;;;AAGA,MAAM,aAAa;AAEnB,SAAS,eACP,MACA,QACA,MACA;AACA,SAAQ,MAAR;EACE,KAAK,UAAU;GACb,MAAM,cAAc,GAAG,WAAW,cAAc,OAAO;GACvD,MAAM,YAAY,GAAG,WAAW,oBAAoB,OAAO;AAC3D,UAAO,SAAS,UAAU,YAAY;;EAExC,KAAK,SAKH,QAJa;GACX,SAAS,GAAG,WAAW,cAAc,OAAO;GAC5C,OAAO,GAAG,WAAW,oBAAoB,OAAO;GACjD,CACW;EAEd,KAAK,SAMH,QALa;GACX,SAAS,GAAG,WAAW,sBAAsB,OAAO;GACpD,OAAO,GAAG,WAAW,oBAAoB,OAAO;GAChD,OAAO,GAAG,WAAW,oBAAoB,OAAO;GACjD,CACW;EAEd,KAAK,mBACH,QAAO,GAAG,WAAW,wBAAwB,OAAO;EAEtD,QACE,QAAO;;;AAKb,mBAAe,EACb,gBACD;;;;AC3BD,MAAMA,cAAsE,EAC1E,OAAOC,4BAAU,SACjB,gBAAgBC,sCAAe,OAC/B,GAAG,YACC;CACJ,MAAM,UAAUC,aAAS,eAAeC,uBAAK,QAAQ,eAAe,KAAK;AAEzE,QAEE,2CAAC;EAAI,KAAI;EAAoB,KAAK;EAAS,GAAI;GAAS;;AAI5D,WAAW,OAAOH;AAElB,0BAAe;;;;ACff,MAAMI,cAED,EACH,OAAOC,mCAAiB,SACxB,gBAAgBC,sCAAe,OAC/B,GAAG,YACC;CACJ,MAAM,UAAUC,aAAS,eAAeC,uBAAK,QAAQ,eAAe,KAAK;AAEzE,QAEE,2CAAC;EAAI,KAAI;EAAoB,KAAK;EAAS,GAAI;GAAS;;AAI5D,WAAW,OAAOH;AAElB,0BAAe;;;;AC7Bf,mBAAe;CACb;CACA;CACD"}
+{"version":3,"file":"logo-BTNfdxTv.js","names":["LogoHeader: React.FC<LogoHeaderProps> & { Type: typeof LOGO_TYPE }","LOGO_TYPE","RELEASE_BRANCH","pathUtil","LOGO","LogoSymbol: React.FC<LogoSymbolProps> & {\n  Type: typeof LOGO_SYMBOL_TYPE\n}","LOGO_SYMBOL_TYPE","RELEASE_BRANCH","pathUtil","LOGO"],"sources":["../src/logo/utils/path.ts","../src/logo/components/logo-header.tsx","../src/logo/components/logo-symbol.tsx","../src/logo/index.ts"],"sourcesContent":["import type { ReleaseBranch } from '../../constants/release-branch'\nimport type { Logo, LogoType, LogoSymbolType } from '../constants'\n\nconst baseGCSDir = 'https://www.twreporter.org/images/logo/'\n\nfunction selectLogoPath(\n  logo: Logo,\n  branch: ReleaseBranch,\n  type: LogoType | LogoSymbolType\n) {\n  switch (logo) {\n    case 'header': {\n      const defaultPath = `${baseGCSDir}logo-header.${branch}.svg`\n      const whitePath = `${baseGCSDir}logo-header-white.${branch}.svg`\n      return type === 'white' ? whitePath : defaultPath\n    }\n    case 'footer': {\n      const path = {\n        default: `${baseGCSDir}logo-footer.${branch}.svg`,\n        white: `${baseGCSDir}logo-footer-white.${branch}.svg`,\n      }\n      return path[type as LogoType]\n    }\n    case 'symbol': {\n      const path = {\n        default: `${baseGCSDir}logo-symbol-default.${branch}.svg`,\n        black: `${baseGCSDir}logo-symbol-black.${branch}.svg`,\n        white: `${baseGCSDir}logo-symbol-white.${branch}.svg`,\n      }\n      return path[type]\n    }\n    case 'loading-fallback': {\n      return `${baseGCSDir}logo-loading-fallback.${branch}.svg`\n    }\n    default: {\n      return ''\n    }\n  }\n}\n\nexport default {\n  selectLogoPath,\n}\n","import type React from 'react'\n// utils\nimport pathUtil from '../utils/path'\n// constants\nimport {\n  RELEASE_BRANCH,\n  type ReleaseBranch,\n} from '../../constants/release-branch'\nimport { LOGO, LOGO_TYPE, type LogoType } from '../constants'\n\ntype LogoHeaderProps = {\n  type: LogoType\n  releaseBranch?: ReleaseBranch\n} & React.ImgHTMLAttributes<HTMLImageElement>\n\nconst LogoHeader: React.FC<LogoHeaderProps> & { Type: typeof LOGO_TYPE } = ({\n  type = LOGO_TYPE.default,\n  releaseBranch = RELEASE_BRANCH.master,\n  ...props\n}) => {\n  const logoSrc = pathUtil.selectLogoPath(LOGO.header, releaseBranch, type)\n\n  return (\n    // biome-ignore lint/performance/noImgElement: use next image later\n    <img alt=\"The Reporter Logo\" src={logoSrc} {...props} />\n  )\n}\n\nLogoHeader.Type = LOGO_TYPE\n\nexport default LogoHeader\n","import type React from 'react'\n// utils\nimport pathUtil from '../utils/path'\n// constants\nimport {\n  RELEASE_BRANCH,\n  type ReleaseBranch,\n} from '../../constants/release-branch'\nimport { LOGO, LOGO_SYMBOL_TYPE, type LogoSymbolType } from '../constants'\n\ntype LogoSymbolProps = {\n  type: LogoSymbolType\n  releaseBranch?: ReleaseBranch\n} & React.ImgHTMLAttributes<HTMLImageElement>\n\nconst LogoSymbol: React.FC<LogoSymbolProps> & {\n  Type: typeof LOGO_SYMBOL_TYPE\n} = ({\n  type = LOGO_SYMBOL_TYPE.default,\n  releaseBranch = RELEASE_BRANCH.master,\n  ...props\n}) => {\n  const logoSrc = pathUtil.selectLogoPath(LOGO.symbol, releaseBranch, type)\n\n  return (\n    // biome-ignore lint/performance/noImgElement: use next image later\n    <img alt=\"The Reporter Logo\" src={logoSrc} {...props} />\n  )\n}\n\nLogoSymbol.Type = LOGO_SYMBOL_TYPE\n\nexport default LogoSymbol\n","import LogoHeader from './components/logo-header'\nimport LogoSymbol from './components/logo-symbol'\n\nexport default {\n  LogoHeader,\n  LogoSymbol,\n}\n\nexport { LogoHeader, LogoSymbol }\n"],"mappings":";;;;;;;AAGA,MAAM,aAAa;AAEnB,SAAS,eACP,MACA,QACA,MACA;AACA,SAAQ,MAAR;EACE,KAAK,UAAU;GACb,MAAM,cAAc,GAAG,WAAW,cAAc,OAAO;GACvD,MAAM,YAAY,GAAG,WAAW,oBAAoB,OAAO;AAC3D,UAAO,SAAS,UAAU,YAAY;;EAExC,KAAK,SAKH,QAJa;GACX,SAAS,GAAG,WAAW,cAAc,OAAO;GAC5C,OAAO,GAAG,WAAW,oBAAoB,OAAO;GACjD,CACW;EAEd,KAAK,SAMH,QALa;GACX,SAAS,GAAG,WAAW,sBAAsB,OAAO;GACpD,OAAO,GAAG,WAAW,oBAAoB,OAAO;GAChD,OAAO,GAAG,WAAW,oBAAoB,OAAO;GACjD,CACW;EAEd,KAAK,mBACH,QAAO,GAAG,WAAW,wBAAwB,OAAO;EAEtD,QACE,QAAO;;;AAKb,mBAAe,EACb,gBACD;;;;AC3BD,MAAMA,cAAsE,EAC1E,OAAOC,4BAAU,SACjB,gBAAgBC,sCAAe,OAC/B,GAAG,YACC;CACJ,MAAM,UAAUC,aAAS,eAAeC,uBAAK,QAAQ,eAAe,KAAK;AAEzE,QAEE,2CAAC;EAAI,KAAI;EAAoB,KAAK;EAAS,GAAI;GAAS;;AAI5D,WAAW,OAAOH;AAElB,0BAAe;;;;ACff,MAAMI,cAED,EACH,OAAOC,mCAAiB,SACxB,gBAAgBC,sCAAe,OAC/B,GAAG,YACC;CACJ,MAAM,UAAUC,aAAS,eAAeC,uBAAK,QAAQ,eAAe,KAAK;AAEzE,QAEE,2CAAC;EAAI,KAAI;EAAoB,KAAK;EAAS,GAAI;GAAS;;AAI5D,WAAW,OAAOH;AAElB,0BAAe;;;;AC7Bf,mBAAe;CACb;CACA;CACD"}

package/lib/{logo-Caqpr_8x.mjs → logo-D68VZ-fc.mjs}

@@ -1,5 +1,5 @@
 import { RELEASE_BRANCH } from "./release-branch-DNCD1uH_.mjs";
-import { LOGO, LOGO_SYMBOL_TYPE, LOGO_TYPE } from "./constants-BqeEbkVD.mjs";
+import { LOGO, LOGO_SYMBOL_TYPE, LOGO_TYPE } from "./constants-DRxdMM_X.mjs";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/logo/utils/path.ts
@@ -61,4 +61,4 @@ var logo_default = {
 
 //#endregion
 export { logo_default, logo_header_default, logo_symbol_default };
-//# sourceMappingURL=logo-Caqpr_8x.mjs.map
+//# sourceMappingURL=logo-D68VZ-fc.mjs.map

package/lib/{logo-Caqpr_8x.mjs.map → logo-D68VZ-fc.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"logo-Caqpr_8x.mjs","names":["LogoHeader: React.FC<LogoHeaderProps> & { Type: typeof LOGO_TYPE }","pathUtil","LogoSymbol: React.FC<LogoSymbolProps> & {\n  Type: typeof LOGO_SYMBOL_TYPE\n}","pathUtil"],"sources":["../src/logo/utils/path.ts","../src/logo/components/logo-header.tsx","../src/logo/components/logo-symbol.tsx","../src/logo/index.ts"],"sourcesContent":["import type { ReleaseBranch } from '../../constants/release-branch'\nimport type { Logo, LogoType, LogoSymbolType } from '../constants'\n\nconst baseGCSDir = 'https://www.twreporter.org/images/logo/'\n\nfunction selectLogoPath(\n  logo: Logo,\n  branch: ReleaseBranch,\n  type: LogoType | LogoSymbolType\n) {\n  switch (logo) {\n    case 'header': {\n      const defaultPath = `${baseGCSDir}logo-header.${branch}.svg`\n      const whitePath = `${baseGCSDir}logo-header-white.${branch}.svg`\n      return type === 'white' ? whitePath : defaultPath\n    }\n    case 'footer': {\n      const path = {\n        default: `${baseGCSDir}logo-footer.${branch}.svg`,\n        white: `${baseGCSDir}logo-footer-white.${branch}.svg`,\n      }\n      return path[type as LogoType]\n    }\n    case 'symbol': {\n      const path = {\n        default: `${baseGCSDir}logo-symbol-default.${branch}.svg`,\n        black: `${baseGCSDir}logo-symbol-black.${branch}.svg`,\n        white: `${baseGCSDir}logo-symbol-white.${branch}.svg`,\n      }\n      return path[type]\n    }\n    case 'loading-fallback': {\n      return `${baseGCSDir}logo-loading-fallback.${branch}.svg`\n    }\n    default: {\n      return ''\n    }\n  }\n}\n\nexport default {\n  selectLogoPath,\n}\n","import type React from 'react'\n// utils\nimport pathUtil from '../utils/path'\n// constants\nimport {\n  RELEASE_BRANCH,\n  type ReleaseBranch,\n} from '../../constants/release-branch'\nimport { LOGO, LOGO_TYPE, type LogoType } from '../constants'\n\ntype LogoHeaderProps = {\n  type: LogoType\n  releaseBranch?: ReleaseBranch\n} & React.ImgHTMLAttributes<HTMLImageElement>\n\nconst LogoHeader: React.FC<LogoHeaderProps> & { Type: typeof LOGO_TYPE } = ({\n  type = LOGO_TYPE.default,\n  releaseBranch = RELEASE_BRANCH.master,\n  ...props\n}) => {\n  const logoSrc = pathUtil.selectLogoPath(LOGO.header, releaseBranch, type)\n\n  return (\n    // biome-ignore lint/performance/noImgElement: use next image later\n    <img alt=\"The Reporter Logo\" src={logoSrc} {...props} />\n  )\n}\n\nLogoHeader.Type = LOGO_TYPE\n\nexport default LogoHeader\n","import type React from 'react'\n// utils\nimport pathUtil from '../utils/path'\n// constants\nimport {\n  RELEASE_BRANCH,\n  type ReleaseBranch,\n} from '../../constants/release-branch'\nimport { LOGO, LOGO_SYMBOL_TYPE, type LogoSymbolType } from '../constants'\n\ntype LogoSymbolProps = {\n  type: LogoSymbolType\n  releaseBranch?: ReleaseBranch\n} & React.ImgHTMLAttributes<HTMLImageElement>\n\nconst LogoSymbol: React.FC<LogoSymbolProps> & {\n  Type: typeof LOGO_SYMBOL_TYPE\n} = ({\n  type = LOGO_SYMBOL_TYPE.default,\n  releaseBranch = RELEASE_BRANCH.master,\n  ...props\n}) => {\n  const logoSrc = pathUtil.selectLogoPath(LOGO.symbol, releaseBranch, type)\n\n  return (\n    // biome-ignore lint/performance/noImgElement: use next image later\n    <img alt=\"The Reporter Logo\" src={logoSrc} {...props} />\n  )\n}\n\nLogoSymbol.Type = LOGO_SYMBOL_TYPE\n\nexport default LogoSymbol\n","import LogoHeader from './components/logo-header'\nimport LogoSymbol from './components/logo-symbol'\n\nexport default {\n  LogoHeader,\n  LogoSymbol,\n}\n\nexport { LogoHeader, LogoSymbol }\n"],"mappings":";;;;;AAGA,MAAM,aAAa;AAEnB,SAAS,eACP,MACA,QACA,MACA;AACA,SAAQ,MAAR;EACE,KAAK,UAAU;GACb,MAAM,cAAc,GAAG,WAAW,cAAc,OAAO;GACvD,MAAM,YAAY,GAAG,WAAW,oBAAoB,OAAO;AAC3D,UAAO,SAAS,UAAU,YAAY;;EAExC,KAAK,SAKH,QAJa;GACX,SAAS,GAAG,WAAW,cAAc,OAAO;GAC5C,OAAO,GAAG,WAAW,oBAAoB,OAAO;GACjD,CACW;EAEd,KAAK,SAMH,QALa;GACX,SAAS,GAAG,WAAW,sBAAsB,OAAO;GACpD,OAAO,GAAG,WAAW,oBAAoB,OAAO;GAChD,OAAO,GAAG,WAAW,oBAAoB,OAAO;GACjD,CACW;EAEd,KAAK,mBACH,QAAO,GAAG,WAAW,wBAAwB,OAAO;EAEtD,QACE,QAAO;;;AAKb,mBAAe,EACb,gBACD;;;;AC3BD,MAAMA,cAAsE,EAC1E,OAAO,UAAU,SACjB,gBAAgB,eAAe,OAC/B,GAAG,YACC;CACJ,MAAM,UAAUC,aAAS,eAAe,KAAK,QAAQ,eAAe,KAAK;AAEzE,QAEE,oBAAC;EAAI,KAAI;EAAoB,KAAK;EAAS,GAAI;GAAS;;AAI5D,WAAW,OAAO;AAElB,0BAAe;;;;ACff,MAAMC,cAED,EACH,OAAO,iBAAiB,SACxB,gBAAgB,eAAe,OAC/B,GAAG,YACC;CACJ,MAAM,UAAUC,aAAS,eAAe,KAAK,QAAQ,eAAe,KAAK;AAEzE,QAEE,oBAAC;EAAI,KAAI;EAAoB,KAAK;EAAS,GAAI;GAAS;;AAI5D,WAAW,OAAO;AAElB,0BAAe;;;;AC7Bf,mBAAe;CACb;CACA;CACD"}
+{"version":3,"file":"logo-D68VZ-fc.mjs","names":["LogoHeader: React.FC<LogoHeaderProps> & { Type: typeof LOGO_TYPE }","pathUtil","LogoSymbol: React.FC<LogoSymbolProps> & {\n  Type: typeof LOGO_SYMBOL_TYPE\n}","pathUtil"],"sources":["../src/logo/utils/path.ts","../src/logo/components/logo-header.tsx","../src/logo/components/logo-symbol.tsx","../src/logo/index.ts"],"sourcesContent":["import type { ReleaseBranch } from '../../constants/release-branch'\nimport type { Logo, LogoType, LogoSymbolType } from '../constants'\n\nconst baseGCSDir = 'https://www.twreporter.org/images/logo/'\n\nfunction selectLogoPath(\n  logo: Logo,\n  branch: ReleaseBranch,\n  type: LogoType | LogoSymbolType\n) {\n  switch (logo) {\n    case 'header': {\n      const defaultPath = `${baseGCSDir}logo-header.${branch}.svg`\n      const whitePath = `${baseGCSDir}logo-header-white.${branch}.svg`\n      return type === 'white' ? whitePath : defaultPath\n    }\n    case 'footer': {\n      const path = {\n        default: `${baseGCSDir}logo-footer.${branch}.svg`,\n        white: `${baseGCSDir}logo-footer-white.${branch}.svg`,\n      }\n      return path[type as LogoType]\n    }\n    case 'symbol': {\n      const path = {\n        default: `${baseGCSDir}logo-symbol-default.${branch}.svg`,\n        black: `${baseGCSDir}logo-symbol-black.${branch}.svg`,\n        white: `${baseGCSDir}logo-symbol-white.${branch}.svg`,\n      }\n      return path[type]\n    }\n    case 'loading-fallback': {\n      return `${baseGCSDir}logo-loading-fallback.${branch}.svg`\n    }\n    default: {\n      return ''\n    }\n  }\n}\n\nexport default {\n  selectLogoPath,\n}\n","import type React from 'react'\n// utils\nimport pathUtil from '../utils/path'\n// constants\nimport {\n  RELEASE_BRANCH,\n  type ReleaseBranch,\n} from '../../constants/release-branch'\nimport { LOGO, LOGO_TYPE, type LogoType } from '../constants'\n\ntype LogoHeaderProps = {\n  type: LogoType\n  releaseBranch?: ReleaseBranch\n} & React.ImgHTMLAttributes<HTMLImageElement>\n\nconst LogoHeader: React.FC<LogoHeaderProps> & { Type: typeof LOGO_TYPE } = ({\n  type = LOGO_TYPE.default,\n  releaseBranch = RELEASE_BRANCH.master,\n  ...props\n}) => {\n  const logoSrc = pathUtil.selectLogoPath(LOGO.header, releaseBranch, type)\n\n  return (\n    // biome-ignore lint/performance/noImgElement: use next image later\n    <img alt=\"The Reporter Logo\" src={logoSrc} {...props} />\n  )\n}\n\nLogoHeader.Type = LOGO_TYPE\n\nexport default LogoHeader\n","import type React from 'react'\n// utils\nimport pathUtil from '../utils/path'\n// constants\nimport {\n  RELEASE_BRANCH,\n  type ReleaseBranch,\n} from '../../constants/release-branch'\nimport { LOGO, LOGO_SYMBOL_TYPE, type LogoSymbolType } from '../constants'\n\ntype LogoSymbolProps = {\n  type: LogoSymbolType\n  releaseBranch?: ReleaseBranch\n} & React.ImgHTMLAttributes<HTMLImageElement>\n\nconst LogoSymbol: React.FC<LogoSymbolProps> & {\n  Type: typeof LOGO_SYMBOL_TYPE\n} = ({\n  type = LOGO_SYMBOL_TYPE.default,\n  releaseBranch = RELEASE_BRANCH.master,\n  ...props\n}) => {\n  const logoSrc = pathUtil.selectLogoPath(LOGO.symbol, releaseBranch, type)\n\n  return (\n    // biome-ignore lint/performance/noImgElement: use next image later\n    <img alt=\"The Reporter Logo\" src={logoSrc} {...props} />\n  )\n}\n\nLogoSymbol.Type = LOGO_SYMBOL_TYPE\n\nexport default LogoSymbol\n","import LogoHeader from './components/logo-header'\nimport LogoSymbol from './components/logo-symbol'\n\nexport default {\n  LogoHeader,\n  LogoSymbol,\n}\n\nexport { LogoHeader, LogoSymbol }\n"],"mappings":";;;;;AAGA,MAAM,aAAa;AAEnB,SAAS,eACP,MACA,QACA,MACA;AACA,SAAQ,MAAR;EACE,KAAK,UAAU;GACb,MAAM,cAAc,GAAG,WAAW,cAAc,OAAO;GACvD,MAAM,YAAY,GAAG,WAAW,oBAAoB,OAAO;AAC3D,UAAO,SAAS,UAAU,YAAY;;EAExC,KAAK,SAKH,QAJa;GACX,SAAS,GAAG,WAAW,cAAc,OAAO;GAC5C,OAAO,GAAG,WAAW,oBAAoB,OAAO;GACjD,CACW;EAEd,KAAK,SAMH,QALa;GACX,SAAS,GAAG,WAAW,sBAAsB,OAAO;GACpD,OAAO,GAAG,WAAW,oBAAoB,OAAO;GAChD,OAAO,GAAG,WAAW,oBAAoB,OAAO;GACjD,CACW;EAEd,KAAK,mBACH,QAAO,GAAG,WAAW,wBAAwB,OAAO;EAEtD,QACE,QAAO;;;AAKb,mBAAe,EACb,gBACD;;;;AC3BD,MAAMA,cAAsE,EAC1E,OAAO,UAAU,SACjB,gBAAgB,eAAe,OAC/B,GAAG,YACC;CACJ,MAAM,UAAUC,aAAS,eAAe,KAAK,QAAQ,eAAe,KAAK;AAEzE,QAEE,oBAAC;EAAI,KAAI;EAAoB,KAAK;EAAS,GAAI;GAAS;;AAI5D,WAAW,OAAO;AAElB,0BAAe;;;;ACff,MAAMC,cAED,EACH,OAAO,iBAAiB,SACxB,gBAAgB,eAAe,OAC/B,GAAG,YACC;CACJ,MAAM,UAAUC,aAAS,eAAe,KAAK,QAAQ,eAAe,KAAK;AAEzE,QAEE,oBAAC;EAAI,KAAI;EAAoB,KAAK;EAAS,GAAI;GAAS;;AAI5D,WAAW,OAAO;AAElB,0BAAe;;;;AC7Bf,mBAAe;CACb;CACA;CACD"}

package/lib/{paragraph-BWXQNQtX.mjs → paragraph-Cf9jr8RF.mjs}

@@ -1,4 +1,4 @@
-import { WEIGHT } from "./constants-BWFuBApI.mjs";
+import { WEIGHT } from "./constants-CBSEPx91.mjs";
 import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
 
@@ -12,7 +12,7 @@ const variantClass = {
 };
 const ParagraphVariant = (variant) => {
 	const Component = ({ text = "", weight = WEIGHT.normal, className = "",...props }) => /* @__PURE__ */ jsx("p", {
-		className: clsx(baseClass, variantClass[variant], `font-${weight}`, className),
+		className: clsx(baseClass, variantClass[variant], weight, className),
 		...props,
 		children: text
 	});
@@ -27,4 +27,4 @@ const P4 = ParagraphVariant("P4");
 
 //#endregion
 export { P1, P2, P3, P4 };
-//# sourceMappingURL=paragraph-BWXQNQtX.mjs.map
+//# sourceMappingURL=paragraph-Cf9jr8RF.mjs.map

package/lib/paragraph-Cf9jr8RF.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"paragraph-Cf9jr8RF.mjs","names":["Component: React.FC<ParagraphProps> & { Weight: typeof WEIGHT }"],"sources":["../src/text/paragraph.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport type React from 'react'\nimport { WEIGHT, type Weight } from './constants'\n\ntype ParagraphProps = React.HTMLAttributes<HTMLParagraphElement> & {\n  text?: string\n  weight?: Weight\n  className?: string\n}\n\nconst baseClass = 'font-default leading-[150%] flex items-center m-0'\n\nconst variantClass = {\n  P1: 'text-[16px]',\n  P2: 'text-[14px]',\n  P3: 'text-[12px]',\n  P4: 'text-[10px]',\n}\n\nconst ParagraphVariant = (variant: keyof typeof variantClass) => {\n  const Component: React.FC<ParagraphProps> & { Weight: typeof WEIGHT } = ({\n    text = '',\n    weight = WEIGHT.normal,\n    className = '',\n    ...props\n  }) => (\n    <p\n      className={clsx(baseClass, variantClass[variant], weight, className)}\n      {...props}\n    >\n      {text}\n    </p>\n  )\n  Component.displayName = variant\n  Component.Weight = WEIGHT\n  return Component\n}\n\nconst P1 = ParagraphVariant('P1')\nconst P2 = ParagraphVariant('P2')\nconst P3 = ParagraphVariant('P3')\nconst P4 = ParagraphVariant('P4')\n\nexport { P1, P2, P3, P4 }\n"],"mappings":";;;;;AAUA,MAAM,YAAY;AAElB,MAAM,eAAe;CACnB,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACL;AAED,MAAM,oBAAoB,YAAuC;CAC/D,MAAMA,aAAmE,EACvE,OAAO,IACP,SAAS,OAAO,QAChB,YAAY,GACZ,GAAG,YAEH,oBAAC;EACC,WAAW,KAAK,WAAW,aAAa,UAAU,QAAQ,UAAU;EACpE,GAAI;YAEH;GACC;AAEN,WAAU,cAAc;AACxB,WAAU,SAAS;AACnB,QAAO;;AAGT,MAAM,KAAK,iBAAiB,KAAK;AACjC,MAAM,KAAK,iBAAiB,KAAK;AACjC,MAAM,KAAK,iBAAiB,KAAK;AACjC,MAAM,KAAK,iBAAiB,KAAK"}

package/lib/{paragraph-CJvb0_cM.js → paragraph-iuz3jP0Q.js}

@@ -1,5 +1,5 @@
 const require_chunk = require('./chunk-BxBTb9qk.js');
-const require_constants = require('./constants-K2ObjToq.js');
+const require_constants = require('./constants-Cndhv6qr.js');
 let clsx = require("clsx");
 clsx = require_chunk.__toESM(clsx);
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -15,7 +15,7 @@ const variantClass = {
 };
 const ParagraphVariant = (variant) => {
 	const Component = ({ text = "", weight = require_constants.WEIGHT.normal, className = "",...props }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-		className: (0, clsx.default)(baseClass, variantClass[variant], `font-${weight}`, className),
+		className: (0, clsx.default)(baseClass, variantClass[variant], weight, className),
 		...props,
 		children: text
 	});
@@ -53,4 +53,4 @@ Object.defineProperty(exports, 'P4', {
     return P4;
   }
 });
-//# sourceMappingURL=paragraph-CJvb0_cM.js.map
+//# sourceMappingURL=paragraph-iuz3jP0Q.js.map

package/lib/paragraph-iuz3jP0Q.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"paragraph-iuz3jP0Q.js","names":["Component: React.FC<ParagraphProps> & { Weight: typeof WEIGHT }","WEIGHT"],"sources":["../src/text/paragraph.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport type React from 'react'\nimport { WEIGHT, type Weight } from './constants'\n\ntype ParagraphProps = React.HTMLAttributes<HTMLParagraphElement> & {\n  text?: string\n  weight?: Weight\n  className?: string\n}\n\nconst baseClass = 'font-default leading-[150%] flex items-center m-0'\n\nconst variantClass = {\n  P1: 'text-[16px]',\n  P2: 'text-[14px]',\n  P3: 'text-[12px]',\n  P4: 'text-[10px]',\n}\n\nconst ParagraphVariant = (variant: keyof typeof variantClass) => {\n  const Component: React.FC<ParagraphProps> & { Weight: typeof WEIGHT } = ({\n    text = '',\n    weight = WEIGHT.normal,\n    className = '',\n    ...props\n  }) => (\n    <p\n      className={clsx(baseClass, variantClass[variant], weight, className)}\n      {...props}\n    >\n      {text}\n    </p>\n  )\n  Component.displayName = variant\n  Component.Weight = WEIGHT\n  return Component\n}\n\nconst P1 = ParagraphVariant('P1')\nconst P2 = ParagraphVariant('P2')\nconst P3 = ParagraphVariant('P3')\nconst P4 = ParagraphVariant('P4')\n\nexport { P1, P2, P3, P4 }\n"],"mappings":";;;;;;;;AAUA,MAAM,YAAY;AAElB,MAAM,eAAe;CACnB,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACL;AAED,MAAM,oBAAoB,YAAuC;CAC/D,MAAMA,aAAmE,EACvE,OAAO,IACP,SAASC,yBAAO,QAChB,YAAY,GACZ,GAAG,YAEH,2CAAC;EACC,6BAAgB,WAAW,aAAa,UAAU,QAAQ,UAAU;EACpE,GAAI;YAEH;GACC;AAEN,WAAU,cAAc;AACxB,WAAU,SAASA;AACnB,QAAO;;AAGT,MAAM,KAAK,iBAAiB,KAAK;AACjC,MAAM,KAAK,iBAAiB,KAAK;AACjC,MAAM,KAAK,iBAAiB,KAAK;AACjC,MAAM,KAAK,iBAAiB,KAAK"}

package/lib/{release-branch-DZwlCiWD.d.mts → release-branch-BqeBsvrl.d.mts}

@@ -1,4 +1,4 @@
-import { ValuesOf } from "./index-BmIgLA0K.mjs";
+import { ValuesOf } from "./index-CYb6xr3M.mjs";
 
 //#region src/constants/release-branch.d.ts
 declare const RELEASE_BRANCH: {
@@ -11,4 +11,4 @@ declare const RELEASE_BRANCH: {
 type ReleaseBranch = ValuesOf<typeof RELEASE_BRANCH>;
 //#endregion
 export { RELEASE_BRANCH, ReleaseBranch };
-//# sourceMappingURL=release-branch-DZwlCiWD.d.mts.map
+//# sourceMappingURL=release-branch-BqeBsvrl.d.mts.map

package/lib/request-origins-BDXulkK9.js

@@ -0,0 +1,57 @@
+const require_release_branch = require('./release-branch-CRZV4Ivz.js');
+
+//#region src/constants/request-origins.ts
+const forServerSideRendering = {
+	[require_release_branch.RELEASE_BRANCH.master]: {
+		accounts: "http://localhost:3001",
+		api: "http://localhost:8080",
+		main: "http://localhost:3000",
+		support: "http://localhost:3001"
+	},
+	[require_release_branch.RELEASE_BRANCH.staging]: {
+		accounts: "https://staging-accounts.twreporter.org",
+		api: "https://staging-go-api.twreporter.org",
+		main: "https://staging.twreporter.org",
+		support: "https://staging-support.twreporter.org"
+	},
+	[require_release_branch.RELEASE_BRANCH.preview]: {
+		accounts: "https://accounts.twreporter.org",
+		api: "https://go-api.twreporter.org",
+		main: "https://www.twreporter.org",
+		support: "https://support.twreporter.org"
+	},
+	[require_release_branch.RELEASE_BRANCH.release]: {
+		accounts: "https://accounts.twreporter.org",
+		api: "https://go-api.twreporter.org",
+		main: "https://www.twreporter.org",
+		support: "https://support.twreporter.org"
+	},
+	[require_release_branch.RELEASE_BRANCH.dev]: {
+		accounts: "https://dev-accounts.twreporter.org",
+		api: "https://staging-go-api.twreporter.org",
+		main: "https://dev.twreporter.org",
+		support: "https://dev-support.twreporter.org"
+	}
+};
+const forClientSideRendering = {
+	[require_release_branch.RELEASE_BRANCH.master]: forServerSideRendering[require_release_branch.RELEASE_BRANCH.master],
+	[require_release_branch.RELEASE_BRANCH.staging]: forServerSideRendering[require_release_branch.RELEASE_BRANCH.staging],
+	[require_release_branch.RELEASE_BRANCH.preview]: forServerSideRendering[require_release_branch.RELEASE_BRANCH.preview],
+	[require_release_branch.RELEASE_BRANCH.release]: forServerSideRendering[require_release_branch.RELEASE_BRANCH.release],
+	[require_release_branch.RELEASE_BRANCH.dev]: forServerSideRendering[require_release_branch.RELEASE_BRANCH.dev]
+};
+
+//#endregion
+Object.defineProperty(exports, 'forClientSideRendering', {
+  enumerable: true,
+  get: function () {
+    return forClientSideRendering;
+  }
+});
+Object.defineProperty(exports, 'forServerSideRendering', {
+  enumerable: true,
+  get: function () {
+    return forServerSideRendering;
+  }
+});
+//# sourceMappingURL=request-origins-BDXulkK9.js.map

package/lib/request-origins-BDXulkK9.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"request-origins-BDXulkK9.js","names":["RELEASE_BRANCH"],"sources":["../src/constants/request-origins.ts"],"sourcesContent":["import { RELEASE_BRANCH } from './release-branch'\n\nconst forServerSideRendering = {\n  [RELEASE_BRANCH.master]: {\n    accounts: 'http://localhost:3001',\n    api: 'http://localhost:8080',\n    main: 'http://localhost:3000',\n    support: 'http://localhost:3001',\n  },\n  [RELEASE_BRANCH.staging]: {\n    accounts: 'https://staging-accounts.twreporter.org',\n    api: 'https://staging-go-api.twreporter.org',\n    main: 'https://staging.twreporter.org',\n    support: 'https://staging-support.twreporter.org',\n  },\n  [RELEASE_BRANCH.preview]: {\n    accounts: 'https://accounts.twreporter.org',\n    api: 'https://go-api.twreporter.org',\n    main: 'https://www.twreporter.org',\n    support: 'https://support.twreporter.org',\n  },\n  [RELEASE_BRANCH.release]: {\n    accounts: 'https://accounts.twreporter.org',\n    api: 'https://go-api.twreporter.org',\n    main: 'https://www.twreporter.org',\n    support: 'https://support.twreporter.org',\n  },\n  [RELEASE_BRANCH.dev]: {\n    accounts: 'https://dev-accounts.twreporter.org',\n    api: 'https://staging-go-api.twreporter.org',\n    main: 'https://dev.twreporter.org',\n    support: 'https://dev-support.twreporter.org',\n  },\n}\n\nconst forClientSideRendering = {\n  [RELEASE_BRANCH.master]: forServerSideRendering[RELEASE_BRANCH.master],\n  [RELEASE_BRANCH.staging]: forServerSideRendering[RELEASE_BRANCH.staging],\n  [RELEASE_BRANCH.preview]: forServerSideRendering[RELEASE_BRANCH.preview],\n  [RELEASE_BRANCH.release]: forServerSideRendering[RELEASE_BRANCH.release],\n  [RELEASE_BRANCH.dev]: forServerSideRendering[RELEASE_BRANCH.dev],\n}\n\nexport { forClientSideRendering, forServerSideRendering }\n"],"mappings":";;;AAEA,MAAM,yBAAyB;EAC5BA,sCAAe,SAAS;EACvB,UAAU;EACV,KAAK;EACL,MAAM;EACN,SAAS;EACV;EACAA,sCAAe,UAAU;EACxB,UAAU;EACV,KAAK;EACL,MAAM;EACN,SAAS;EACV;EACAA,sCAAe,UAAU;EACxB,UAAU;EACV,KAAK;EACL,MAAM;EACN,SAAS;EACV;EACAA,sCAAe,UAAU;EACxB,UAAU;EACV,KAAK;EACL,MAAM;EACN,SAAS;EACV;EACAA,sCAAe,MAAM;EACpB,UAAU;EACV,KAAK;EACL,MAAM;EACN,SAAS;EACV;CACF;AAED,MAAM,yBAAyB;EAC5BA,sCAAe,SAAS,uBAAuBA,sCAAe;EAC9DA,sCAAe,UAAU,uBAAuBA,sCAAe;EAC/DA,sCAAe,UAAU,uBAAuBA,sCAAe;EAC/DA,sCAAe,UAAU,uBAAuBA,sCAAe;EAC/DA,sCAAe,MAAM,uBAAuBA,sCAAe;CAC7D"}

package/lib/request-origins-CGkNWg8R.mjs

@@ -0,0 +1,46 @@
+import { RELEASE_BRANCH } from "./release-branch-DNCD1uH_.mjs";
+
+//#region src/constants/request-origins.ts
+const forServerSideRendering = {
+	[RELEASE_BRANCH.master]: {
+		accounts: "http://localhost:3001",
+		api: "http://localhost:8080",
+		main: "http://localhost:3000",
+		support: "http://localhost:3001"
+	},
+	[RELEASE_BRANCH.staging]: {
+		accounts: "https://staging-accounts.twreporter.org",
+		api: "https://staging-go-api.twreporter.org",
+		main: "https://staging.twreporter.org",
+		support: "https://staging-support.twreporter.org"
+	},
+	[RELEASE_BRANCH.preview]: {
+		accounts: "https://accounts.twreporter.org",
+		api: "https://go-api.twreporter.org",
+		main: "https://www.twreporter.org",
+		support: "https://support.twreporter.org"
+	},
+	[RELEASE_BRANCH.release]: {
+		accounts: "https://accounts.twreporter.org",
+		api: "https://go-api.twreporter.org",
+		main: "https://www.twreporter.org",
+		support: "https://support.twreporter.org"
+	},
+	[RELEASE_BRANCH.dev]: {
+		accounts: "https://dev-accounts.twreporter.org",
+		api: "https://staging-go-api.twreporter.org",
+		main: "https://dev.twreporter.org",
+		support: "https://dev-support.twreporter.org"
+	}
+};
+const forClientSideRendering = {
+	[RELEASE_BRANCH.master]: forServerSideRendering[RELEASE_BRANCH.master],
+	[RELEASE_BRANCH.staging]: forServerSideRendering[RELEASE_BRANCH.staging],
+	[RELEASE_BRANCH.preview]: forServerSideRendering[RELEASE_BRANCH.preview],
+	[RELEASE_BRANCH.release]: forServerSideRendering[RELEASE_BRANCH.release],
+	[RELEASE_BRANCH.dev]: forServerSideRendering[RELEASE_BRANCH.dev]
+};
+
+//#endregion
+export { forClientSideRendering, forServerSideRendering };
+//# sourceMappingURL=request-origins-CGkNWg8R.mjs.map

package/lib/request-origins-CGkNWg8R.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"request-origins-CGkNWg8R.mjs","names":[],"sources":["../src/constants/request-origins.ts"],"sourcesContent":["import { RELEASE_BRANCH } from './release-branch'\n\nconst forServerSideRendering = {\n  [RELEASE_BRANCH.master]: {\n    accounts: 'http://localhost:3001',\n    api: 'http://localhost:8080',\n    main: 'http://localhost:3000',\n    support: 'http://localhost:3001',\n  },\n  [RELEASE_BRANCH.staging]: {\n    accounts: 'https://staging-accounts.twreporter.org',\n    api: 'https://staging-go-api.twreporter.org',\n    main: 'https://staging.twreporter.org',\n    support: 'https://staging-support.twreporter.org',\n  },\n  [RELEASE_BRANCH.preview]: {\n    accounts: 'https://accounts.twreporter.org',\n    api: 'https://go-api.twreporter.org',\n    main: 'https://www.twreporter.org',\n    support: 'https://support.twreporter.org',\n  },\n  [RELEASE_BRANCH.release]: {\n    accounts: 'https://accounts.twreporter.org',\n    api: 'https://go-api.twreporter.org',\n    main: 'https://www.twreporter.org',\n    support: 'https://support.twreporter.org',\n  },\n  [RELEASE_BRANCH.dev]: {\n    accounts: 'https://dev-accounts.twreporter.org',\n    api: 'https://staging-go-api.twreporter.org',\n    main: 'https://dev.twreporter.org',\n    support: 'https://dev-support.twreporter.org',\n  },\n}\n\nconst forClientSideRendering = {\n  [RELEASE_BRANCH.master]: forServerSideRendering[RELEASE_BRANCH.master],\n  [RELEASE_BRANCH.staging]: forServerSideRendering[RELEASE_BRANCH.staging],\n  [RELEASE_BRANCH.preview]: forServerSideRendering[RELEASE_BRANCH.preview],\n  [RELEASE_BRANCH.release]: forServerSideRendering[RELEASE_BRANCH.release],\n  [RELEASE_BRANCH.dev]: forServerSideRendering[RELEASE_BRANCH.dev],\n}\n\nexport { forClientSideRendering, forServerSideRendering }\n"],"mappings":";;;AAEA,MAAM,yBAAyB;EAC5B,eAAe,SAAS;EACvB,UAAU;EACV,KAAK;EACL,MAAM;EACN,SAAS;EACV;EACA,eAAe,UAAU;EACxB,UAAU;EACV,KAAK;EACL,MAAM;EACN,SAAS;EACV;EACA,eAAe,UAAU;EACxB,UAAU;EACV,KAAK;EACL,MAAM;EACN,SAAS;EACV;EACA,eAAe,UAAU;EACxB,UAAU;EACV,KAAK;EACL,MAAM;EACN,SAAS;EACV;EACA,eAAe,MAAM;EACpB,UAAU;EACV,KAAK;EACL,MAAM;EACN,SAAS;EACV;CACF;AAED,MAAM,yBAAyB;EAC5B,eAAe,SAAS,uBAAuB,eAAe;EAC9D,eAAe,UAAU,uBAAuB,eAAe;EAC/D,eAAe,UAAU,uBAAuB,eAAe;EAC/D,eAAe,UAAU,uBAAuB,eAAe;EAC/D,eAAe,MAAM,uBAAuB,eAAe;CAC7D"}

package/lib/styles.css

@@ -16,6 +16,8 @@
     --color-gray-600: #808080;
     --color-gray-700: #666666;
     --color-gray-800: #404040;
+    --color-gray-900: #262626;
+    --color-white: #fff;
     --spacing: 0.25rem;
     --font-weight-normal: 400;
     --font-weight-bold: 700;
@@ -40,6 +42,7 @@
     --color-opacity-black-02: rgba(0, 0, 0, 0.2);
     --font-title: "merriweather", "source-han-serif-tc", serif;
     --font-default: "Roboto Slab", "Noto Sans TC", sans-serif, "Tauhu Oo";
+    --font-weight-extra-light: 100;
   }
 }
 @layer base {
@@ -301,6 +304,9 @@
   .h-\[40px\] {
     height: 40px;
   }
+  .h-\[3000px\] {
+    height: 3000px;
+  }
   .h-full {
     height: 100%;
   }
@@ -322,6 +328,12 @@
   .w-\[24px\] {
     width: 24px;
   }
+  .w-\[300px\] {
+    width: 300px;
+  }
+  .w-\[360px\] {
+    width: 360px;
+  }
   .w-fit {
     width: fit-content;
   }
@@ -337,6 +349,10 @@
   .shrink-0 {
     flex-shrink: 0;
   }
+  .-translate-x-\[8px\] {
+    --tw-translate-x: calc(8px * -1);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
   .-translate-x-\[24px\] {
     --tw-translate-x: calc(24px * -1);
     translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -369,6 +385,9 @@
   .cursor-pointer {
     cursor: pointer;
   }
+  .resize {
+    resize: both;
+  }
   .flex-col {
     flex-direction: column;
   }
@@ -390,6 +409,9 @@
   .justify-end {
     justify-content: flex-end;
   }
+  .gap-\[8px\] {
+    gap: 8px;
+  }
   .gap-\[16px\] {
     gap: 16px;
   }
@@ -494,12 +516,21 @@
   .bg-transparent {
     background-color: transparent;
   }
+  .bg-white {
+    background-color: var(--color-white);
+  }
   .\[mask-image\:linear-gradient\(to_left\,rgba\(241\,241\,241\,0\)\,\#f1f1f1_48px\)\] {
     mask-image: linear-gradient(to left,rgba(241,241,241,0),#f1f1f1 48px);
   }
   .mask-cover {
     mask-size: cover;
   }
+  .p-\[4px\] {
+    padding: 4px;
+  }
+  .p-\[20px\] {
+    padding: 20px;
+  }
   .px-\[12px\] {
     padding-inline: 12px;
   }
@@ -608,6 +639,10 @@
     --tw-font-weight: var(--font-weight-bold);
     font-weight: var(--font-weight-bold);
   }
+  .font-extra-light {
+    --tw-font-weight: var(--font-weight-extra-light);
+    font-weight: var(--font-weight-extra-light);
+  }
   .font-normal {
     --tw-font-weight: var(--font-weight-normal);
     font-weight: var(--font-weight-normal);
@@ -642,6 +677,9 @@
   .text-gray-800 {
     color: var(--color-gray-800);
   }
+  .text-gray-900 {
+    color: var(--color-gray-900);
+  }
   .text-gray-black {
     color: var(--color-gray-black);
   }
@@ -981,11 +1019,21 @@
       translate: var(--tw-translate-x) var(--tw-translate-y);
     }
   }
+  .tablet\:flex-col {
+    @media (width >= 768px) {
+      flex-direction: column;
+    }
+  }
   .tablet\:px-\[32px\] {
     @media (width >= 768px) {
       padding-inline: 32px;
     }
   }
+  .tablet\:pb-0 {
+    @media (width >= 768px) {
+      padding-bottom: calc(var(--spacing) * 0);
+    }
+  }
   .tablet\:text-\[16px\] {
     @media (width >= 768px) {
       font-size: 16px;

package/lib/tab-bar/constants.d.mts

@@ -1,6 +1,6 @@
-import "../index-BmIgLA0K.mjs";
-import { ReleaseBranch } from "../release-branch-DZwlCiWD.mjs";
-import { LinkTarget } from "../type-FR-fOZvz.mjs";
+import "../index-CYb6xr3M.mjs";
+import { ReleaseBranch } from "../release-branch-BqeBsvrl.mjs";
+import { LinkTarget } from "../type-2Go0njwa.mjs";
 import { ReactElement } from "react";
 
 //#region src/tab-bar/constants.d.ts

package/lib/tab-bar/constants.js

@@ -1,7 +1,7 @@
-require('../internal-links-CBkMU8cY.js');
+require('../internal-links-DxtMobuI.js');
 require('../release-branch-CRZV4Ivz.js');
 require('../constants-D8wNUvoZ.js');
-require('../icons-D5HPq5oi.js');
-const require_constants$1 = require('../constants-BQFusmWI.js');
+require('../icons-qP5oNB0W.js');
+const require_constants$1 = require('../constants-BNxn_qJc.js');
 
 exports.TabBarItems = require_constants$1.TabBarItems;

package/lib/tab-bar/constants.mjs

@@ -1,7 +1,7 @@
-import "../internal-links-BF-974mA.mjs";
+import "../internal-links-CP3dqmrz.mjs";
 import "../release-branch-DNCD1uH_.mjs";
 import "../constants-5phfWHvb.mjs";
-import "../icons-DHXvfKDV.mjs";
-import { TabBarItems } from "../constants-BKH77l8c.mjs";
+import "../icons-I7T-auOQ.mjs";
+import { TabBarItems } from "../constants--CDeoDub.mjs";
 
 export { TabBarItems };

package/lib/tab-bar/index.js

@@ -1,18 +1,18 @@
 require('../constants-BmxSMOOn.js');
-require('../constants-K2ObjToq.js');
-require('../paragraph-CJvb0_cM.js');
+require('../constants-Cndhv6qr.js');
+require('../paragraph-iuz3jP0Q.js');
 require('../theme-DDBlIbeS.js');
-require('../button-CS2fz7hm.js');
-require('../internal-links-CBkMU8cY.js');
+require('../button-D50NHdly.js');
+require('../internal-links-DxtMobuI.js');
 require('../release-branch-CRZV4Ivz.js');
-require('../external-link-DHRAO68s.js');
-require('../internal-link-BKfQQJ5V.js');
-require('../customized-link-DOfcUL2U.js');
-require('../context-Bvr0Qj2x.js');
+require('../external-link-DoBTwlV3.js');
+require('../internal-link-B9ExuJfg.js');
+require('../customized-link-DqW2a8oZ.js');
+require('../context-I1lTR5SO.js');
 require('../constants-D8wNUvoZ.js');
-require('../icons-D5HPq5oi.js');
-const require_tab_bar = require('../tab-bar-D72ayg1v.js');
-require('../theme-BPB1kPtQ.js');
-require('../constants-BQFusmWI.js');
+require('../icons-qP5oNB0W.js');
+const require_tab_bar = require('../tab-bar-Dv2TkUW1.js');
+require('../theme-W--MzZEH.js');
+require('../constants-BNxn_qJc.js');
 
 module.exports = require_tab_bar.tab_bar_default;