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

package/lib/links-DMd-CuUJ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"links-DMd-CuUJ.js","names":["SocialMedia","ExternalLink","IconButton","forClientSideRendering","P3","P2"],"sources":["../src/footer/links.tsx"],"sourcesContent":["import clsx from 'clsx'\n// text\nimport { P2, P3 } from '../text/paragraph'\n// constants\nimport type { ReleaseBranch } from '../constants/release-branch'\nimport { forClientSideRendering } from '../constants/request-origins'\n// button\nimport { IconButton } from '../button'\n// link\nimport { ExternalLink } from '../customized-link'\n// icon\nimport { SocialMedia } from '../icons'\n// types\nimport type { LinkType, SocialMediaLink } from './types'\n// lodash\nimport map from 'lodash/map'\nconst _ = {\n  map,\n}\n\nexport const SocialLinks = ({\n  releaseBranch,\n  links,\n}: {\n  releaseBranch: ReleaseBranch\n  links: SocialMediaLink[]\n}) => {\n  return (\n    <div className=\"flex gap-[16px]\">\n      {_.map(links, (link) => {\n        const iconComponent = (\n          <SocialMedia mediaType={link.icon} releaseBranch={releaseBranch} />\n        )\n        return (\n          <ExternalLink key={link.icon} to={link.link} target=\"_blank\">\n            <IconButton iconComponent={iconComponent} />\n          </ExternalLink>\n        )\n      })}\n    </div>\n  )\n}\n\nexport const StaticLinks = ({\n  releaseBranch,\n}: {\n  releaseBranch: ReleaseBranch\n}) => {\n  const mainOrigin = forClientSideRendering[releaseBranch].main\n  return (\n    <>\n      <ExternalLink to={`${mainOrigin}/a/license-footer`} target=\"_blank\">\n        <P3\n          className=\"text-gray-600 underline underline-offset-[4px]\"\n          text=\"許可協議\"\n        />\n      </ExternalLink>\n      <P3 className=\"text-gray-600\" text=\"｜\" />\n      <ExternalLink to={`${mainOrigin}/a/privacy-footer`} target=\"_blank\">\n        <P3\n          className=\"text-gray-600 underline underline-offset-[4px]\"\n          text=\"隱私政策\"\n        />\n      </ExternalLink>\n      <P3 className=\"text-gray-600\" text=\"｜\" />\n      <ExternalLink\n        to={'https://twreporter.gitbook.io/the-reporter-brand-guidelines'}\n        target=\"_blank\"\n      >\n        <P3\n          className=\"text-gray-600 underline underline-offset-[4px]\"\n          text=\"品牌規範\"\n        />\n      </ExternalLink>\n    </>\n  )\n}\n\nexport const LinkButtonGroups = ({\n  linksGroups,\n}: {\n  releaseBranch: ReleaseBranch\n  linksGroups: LinkType[][]\n}) => {\n  return _.map(linksGroups, (links, indexofGroup) => {\n    return (\n      <div\n        key={indexofGroup}\n        className={clsx(\n          'flex flex-col gap-[8px] basis-1/3',\n          'desktop:w-[120px] desktop:gap-[16px] desktop:basis-auto'\n        )}\n      >\n        {_.map(links, (link, indexofLink) => {\n          return (\n            <ExternalLink\n              key={indexofLink}\n              to={link.link}\n              target=\"_blank\"\n              id={link.id}\n            >\n              <P2\n                className=\"text-gray-600 hover:text-gray-800\"\n                text={link.text}\n              />\n            </ExternalLink>\n          )\n        })}\n      </div>\n    )\n  })\n}\n"],"mappings":";;;;;;;;;;;;;;AAgBA,MAAM,IAAI,EACR,yBACD;AAED,MAAa,eAAe,EAC1B,eACA,YAII;AACJ,QACE,2CAAC;EAAI,WAAU;YACZ,EAAE,IAAI,QAAQ,SAAS;GACtB,MAAM,gBACJ,2CAACA;IAAY,WAAW,KAAK;IAAqB;KAAiB;AAErE,UACE,2CAACC;IAA6B,IAAI,KAAK;IAAM,QAAO;cAClD,2CAACC,sCAA0B,gBAAiB;MAD3B,KAAK,KAET;IAEjB;GACE;;AAIV,MAAa,eAAe,EAC1B,oBAGI;CACJ,MAAM,aAAaC,+CAAuB,eAAe;AACzD,QACE;EACE,2CAACF;GAAa,IAAI,GAAG,WAAW;GAAoB,QAAO;aACzD,2CAACG;IACC,WAAU;IACV,MAAK;KACL;IACW;EACf,2CAACA;GAAG,WAAU;GAAgB,MAAK;IAAM;EACzC,2CAACH;GAAa,IAAI,GAAG,WAAW;GAAoB,QAAO;aACzD,2CAACG;IACC,WAAU;IACV,MAAK;KACL;IACW;EACf,2CAACA;GAAG,WAAU;GAAgB,MAAK;IAAM;EACzC,2CAACH;GACC,IAAI;GACJ,QAAO;aAEP,2CAACG;IACC,WAAU;IACV,MAAK;KACL;IACW;KACd;;AAIP,MAAa,oBAAoB,EAC/B,kBAII;AACJ,QAAO,EAAE,IAAI,cAAc,OAAO,iBAAiB;AACjD,SACE,2CAAC;GAEC,6BACE,qCACA,0DACD;aAEA,EAAE,IAAI,QAAQ,MAAM,gBAAgB;AACnC,WACE,2CAACH;KAEC,IAAI,KAAK;KACT,QAAO;KACP,IAAI,KAAK;eAET,2CAACI;MACC,WAAU;MACV,MAAM,KAAK;OACX;OARG,YASQ;KAEjB;KApBG,aAqBD;GAER"}

package/lib/logo/constants.d.mts

@@ -1,3 +1,3 @@
-import "../index-DegwO8ei.mjs";
-import { LOGO, LOGO_SYMBOL_TYPE, LOGO_TYPE, Logo, LogoSymbolType, LogoType } from "../constants-IzZ4bWWt.mjs";
+import "../index-CUE6zs36.mjs";
+import { LOGO, LOGO_SYMBOL_TYPE, LOGO_TYPE, Logo, LogoSymbolType, LogoType } from "../constants-oNjXcfW2.mjs";
 export { LOGO, LOGO_SYMBOL_TYPE, LOGO_TYPE, Logo, LogoSymbolType, LogoType };

package/lib/logo/constants.d.ts

@@ -1,3 +1,3 @@
 import "../index-H3peA2d_.js";
-import { LOGO, LOGO_SYMBOL_TYPE, LOGO_TYPE, Logo, LogoSymbolType, LogoType } from "../constants-C86Q6QlO.js";
+import { LOGO, LOGO_SYMBOL_TYPE, LOGO_TYPE, Logo, LogoSymbolType, LogoType } from "../constants-CzHmv07x.js";
 export { LOGO, LOGO_SYMBOL_TYPE, LOGO_TYPE, Logo, LogoSymbolType, LogoType };

package/lib/logo/constants.js

@@ -1,4 +1,4 @@
-const require_constants = require('../constants-C2moxnps.js');
+const require_constants = require('../constants-pqSeExjX.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-DRxdMM_X.mjs";
+import { LOGO, LOGO_SYMBOL_TYPE, LOGO_TYPE } from "../constants-DKqcALfv.mjs";
 
 export { LOGO, LOGO_SYMBOL_TYPE, LOGO_TYPE };

package/lib/logo/index.d.mts

@@ -1,7 +1,7 @@
-import "../index-DegwO8ei.mjs";
-import { ReleaseBranch } from "../release-branch-CaxOk9Rq.mjs";
-import { LOGO_SYMBOL_TYPE, LOGO_TYPE, LogoSymbolType, LogoType } from "../constants-IzZ4bWWt.mjs";
-import * as react8 from "react";
+import "../index-CUE6zs36.mjs";
+import { ReleaseBranch } from "../release-branch-uF0B5lcE.mjs";
+import { LOGO_SYMBOL_TYPE, LOGO_TYPE, LogoSymbolType, LogoType } from "../constants-oNjXcfW2.mjs";
+import * as react11 from "react";
 import React from "react";
 
 //#region src/logo/components/logo-header.d.ts
@@ -33,22 +33,22 @@ declare const LogoHeader: React.FC<LogoHeaderProps> & {
 //#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;
   };
-  LogoFooter: react8.FC<{
+  LogoFooter: react11.FC<{
     type: LogoType;
     releaseBranch?: ReleaseBranch;
-  } & react8.ImgHTMLAttributes<HTMLImageElement>> & {
+  } & react11.ImgHTMLAttributes<HTMLImageElement>> & {
     Type: typeof LOGO_TYPE;
   };
 };

package/lib/logo/index.d.ts

@@ -1,6 +1,6 @@
 import "../index-H3peA2d_.js";
 import { ReleaseBranch } from "../release-branch-CsBbhuYE.js";
-import { LOGO_SYMBOL_TYPE, LOGO_TYPE, LogoSymbolType, LogoType } from "../constants-C86Q6QlO.js";
+import { LOGO_SYMBOL_TYPE, LOGO_TYPE, LogoSymbolType, LogoType } from "../constants-CzHmv07x.js";
 import * as react11 from "react";
 import React from "react";
 

package/lib/logo/index.js

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 require('../release-branch-CRZV4Ivz.js');
-require('../constants-C2moxnps.js');
-const require_logo = require('../logo-B3GSkN1O.js');
+const require_logo = require('../logo-B35M1BaX.js');
+require('../constants-pqSeExjX.js');
 
 exports.LogoFooter = require_logo.logo_footer_default;
 exports.LogoHeader = require_logo.logo_header_default;

package/lib/logo/index.mjs

@@ -1,5 +1,5 @@
 import "../release-branch-DNCD1uH_.mjs";
-import "../constants-DRxdMM_X.mjs";
-import { logo_default, logo_footer_default, logo_header_default, logo_symbol_default } from "../logo-NfYCtrtN.mjs";
+import { logo_default, logo_footer_default, logo_header_default, logo_symbol_default } from "../logo-DkEpjnPV.mjs";
+import "../constants-DKqcALfv.mjs";
 
 export { logo_footer_default as LogoFooter, logo_header_default as LogoHeader, logo_symbol_default as LogoSymbol, logo_default as default };

package/lib/{logo-B3GSkN1O.js → logo-B35M1BaX.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-C2moxnps.js');
+const require_constants = require('./constants-pqSeExjX.js');
 let clsx = require("clsx");
 clsx = require_chunk.__toESM(clsx);
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -103,4 +103,4 @@ Object.defineProperty(exports, 'logo_symbol_default', {
     return logo_symbol_default;
   }
 });
-//# sourceMappingURL=logo-B3GSkN1O.js.map
+//# sourceMappingURL=logo-B35M1BaX.js.map

package/lib/{logo-B3GSkN1O.js.map → logo-B35M1BaX.js.map}

@@ -1 +1 @@
-{"version":3,"file":"logo-B3GSkN1O.js","names":["LogoHeader: React.FC<LogoHeaderProps> & { Type: typeof LOGO_TYPE }","LOGO_TYPE","RELEASE_BRANCH","pathUtil","LOGO","LogoHeader","LogoSymbol: React.FC<LogoSymbolProps> & {\n  Type: typeof LOGO_SYMBOL_TYPE\n}","LOGO_SYMBOL_TYPE","RELEASE_BRANCH","pathUtil","LOGO","LogoHeader: React.FC<LogoHeaderProps> & { Type: typeof LOGO_TYPE }","LOGO_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/components/logo-footer.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 type React from 'react'\nimport clsx from 'clsx'\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.footer, releaseBranch, type)\n\n  return (\n    // biome-ignore lint/performance/noImgElement: use next image later\n    <img\n      className={clsx(\n        'w-[232px] h-[25px]',\n        'desktop:w-[272px] desktop:h-[29px]'\n      )}\n      alt=\"The Reporter Logo\"\n      src={logoSrc}\n      {...props}\n    />\n  )\n}\n\nLogoHeader.Type = LOGO_TYPE\n\nexport default LogoHeader\n","import LogoHeader from './components/logo-header'\nimport LogoSymbol from './components/logo-symbol'\nimport LogoFooter from './components/logo-footer'\n\nexport default {\n  LogoHeader,\n  LogoSymbol,\n  LogoFooter,\n}\n\nexport { LogoHeader, LogoSymbol, LogoFooter }\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,gBAAsE,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,aAAW,OAAOH;AAElB,0BAAeI;;;;ACff,MAAMC,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;;;;AChBf,MAAMI,cAAsE,EAC1E,OAAOC,4BAAU,SACjB,gBAAgBC,sCAAe,OAC/B,GAAG,YACC;CACJ,MAAM,UAAUC,aAAS,eAAeC,uBAAK,QAAQ,eAAe,KAAK;AAEzE,QAEE,2CAAC;EACC,6BACE,sBACA,qCACD;EACD,KAAI;EACJ,KAAK;EACL,GAAI;GACJ;;AAIN,WAAW,OAAOH;AAElB,0BAAe;;;;ACnCf,mBAAe;CACb;CACA;CACA;CACD"}
+{"version":3,"file":"logo-B35M1BaX.js","names":["LogoHeader: React.FC<LogoHeaderProps> & { Type: typeof LOGO_TYPE }","LOGO_TYPE","RELEASE_BRANCH","pathUtil","LOGO","LogoHeader","LogoSymbol: React.FC<LogoSymbolProps> & {\n  Type: typeof LOGO_SYMBOL_TYPE\n}","LOGO_SYMBOL_TYPE","RELEASE_BRANCH","pathUtil","LOGO","LogoHeader: React.FC<LogoHeaderProps> & { Type: typeof LOGO_TYPE }","LOGO_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/components/logo-footer.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 type React from 'react'\nimport clsx from 'clsx'\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.footer, releaseBranch, type)\n\n  return (\n    // biome-ignore lint/performance/noImgElement: use next image later\n    <img\n      className={clsx(\n        'w-[232px] h-[25px]',\n        'desktop:w-[272px] desktop:h-[29px]'\n      )}\n      alt=\"The Reporter Logo\"\n      src={logoSrc}\n      {...props}\n    />\n  )\n}\n\nLogoHeader.Type = LOGO_TYPE\n\nexport default LogoHeader\n","import LogoHeader from './components/logo-header'\nimport LogoSymbol from './components/logo-symbol'\nimport LogoFooter from './components/logo-footer'\n\nexport default {\n  LogoHeader,\n  LogoSymbol,\n  LogoFooter,\n}\n\nexport { LogoHeader, LogoSymbol, LogoFooter }\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,gBAAsE,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,aAAW,OAAOH;AAElB,0BAAeI;;;;ACff,MAAMC,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;;;;AChBf,MAAMI,cAAsE,EAC1E,OAAOC,4BAAU,SACjB,gBAAgBC,sCAAe,OAC/B,GAAG,YACC;CACJ,MAAM,UAAUC,aAAS,eAAeC,uBAAK,QAAQ,eAAe,KAAK;AAEzE,QAEE,2CAAC;EACC,6BACE,sBACA,qCACD;EACD,KAAI;EACJ,KAAK;EACL,GAAI;GACJ;;AAIN,WAAW,OAAOH;AAElB,0BAAe;;;;ACnCf,mBAAe;CACb;CACA;CACA;CACD"}

package/lib/{logo-C5NgKyYa.js → logo-CeaVUbIW.js}

@@ -1,7 +1,7 @@
 const require_chunk = require('./chunk-BxBTb9qk.js');
 const require_release_branch = require('./release-branch-CRZV4Ivz.js');
 const require_internal_link = require('./internal-link-Bq4yp13E.js');
-const require_logo = require('./logo-B3GSkN1O.js');
+const require_logo = require('./logo-B35M1BaX.js');
 let react = require("react");
 react = require_chunk.__toESM(react);
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -29,4 +29,4 @@ Object.defineProperty(exports, 'logo_default', {
     return logo_default;
   }
 });
-//# sourceMappingURL=logo-C5NgKyYa.js.map
+//# sourceMappingURL=logo-CeaVUbIW.js.map

package/lib/{logo-C5NgKyYa.js.map → logo-CeaVUbIW.js.map}

@@ -1 +1 @@
-{"version":3,"file":"logo-C5NgKyYa.js","names":["Logo: FC<LogoProps>","RELEASE_BRANCH","InternalLink","LogoFooter"],"sources":["../src/footer/logo.tsx"],"sourcesContent":["import { useState, type FC } from 'react'\n// components\nimport { LogoFooter } from '../logo'\nimport { InternalLink } from '../customized-link'\n// constants\nimport { RELEASE_BRANCH, type ReleaseBranch } from '../constants/release-branch'\n\ntype LogoProps = {\n  releaseBranch?: ReleaseBranch\n}\nconst Logo: FC<LogoProps> = ({ releaseBranch = RELEASE_BRANCH.master }) => {\n  const [isHover, setIsHover] = useState(false)\n  return (\n    <InternalLink\n      to=\"/\"\n      onMouseEnter={() => setIsHover(true)}\n      onMouseLeave={() => setIsHover(false)}\n    >\n      <LogoFooter\n        releaseBranch={releaseBranch}\n        type={isHover ? LogoFooter.Type.default : LogoFooter.Type.white}\n      />\n    </InternalLink>\n  )\n}\n\nexport default Logo\n"],"mappings":";;;;;;;;;;AAUA,MAAMA,QAAuB,EAAE,gBAAgBC,sCAAe,aAAa;CACzE,MAAM,CAAC,SAAS,kCAAuB,MAAM;AAC7C,QACE,2CAACC;EACC,IAAG;EACH,oBAAoB,WAAW,KAAK;EACpC,oBAAoB,WAAW,MAAM;YAErC,2CAACC;GACgB;GACf,MAAM,UAAUA,iCAAW,KAAK,UAAUA,iCAAW,KAAK;IAC1D;GACW;;AAInB,mBAAe"}
+{"version":3,"file":"logo-CeaVUbIW.js","names":["Logo: FC<LogoProps>","RELEASE_BRANCH","InternalLink","LogoFooter"],"sources":["../src/footer/logo.tsx"],"sourcesContent":["import { useState, type FC } from 'react'\n// components\nimport { LogoFooter } from '../logo'\nimport { InternalLink } from '../customized-link'\n// constants\nimport { RELEASE_BRANCH, type ReleaseBranch } from '../constants/release-branch'\n\ntype LogoProps = {\n  releaseBranch?: ReleaseBranch\n}\nconst Logo: FC<LogoProps> = ({ releaseBranch = RELEASE_BRANCH.master }) => {\n  const [isHover, setIsHover] = useState(false)\n  return (\n    <InternalLink\n      to=\"/\"\n      onMouseEnter={() => setIsHover(true)}\n      onMouseLeave={() => setIsHover(false)}\n    >\n      <LogoFooter\n        releaseBranch={releaseBranch}\n        type={isHover ? LogoFooter.Type.default : LogoFooter.Type.white}\n      />\n    </InternalLink>\n  )\n}\n\nexport default Logo\n"],"mappings":";;;;;;;;;;AAUA,MAAMA,QAAuB,EAAE,gBAAgBC,sCAAe,aAAa;CACzE,MAAM,CAAC,SAAS,kCAAuB,MAAM;AAC7C,QACE,2CAACC;EACC,IAAG;EACH,oBAAoB,WAAW,KAAK;EACpC,oBAAoB,WAAW,MAAM;YAErC,2CAACC;GACgB;GACf,MAAM,UAAUA,iCAAW,KAAK,UAAUA,iCAAW,KAAK;IAC1D;GACW;;AAInB,mBAAe"}

package/lib/{logo-NfYCtrtN.mjs → logo-DkEpjnPV.mjs}

@@ -1,5 +1,5 @@
 import { RELEASE_BRANCH } from "./release-branch-DNCD1uH_.mjs";
-import { LOGO, LOGO_SYMBOL_TYPE, LOGO_TYPE } from "./constants-DRxdMM_X.mjs";
+import { LOGO, LOGO_SYMBOL_TYPE, LOGO_TYPE } from "./constants-DKqcALfv.mjs";
 import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
 
@@ -77,4 +77,4 @@ var logo_default = {
 
 //#endregion
 export { logo_default, logo_footer_default, logo_header_default, logo_symbol_default };
-//# sourceMappingURL=logo-NfYCtrtN.mjs.map
+//# sourceMappingURL=logo-DkEpjnPV.mjs.map

package/lib/{logo-NfYCtrtN.mjs.map → logo-DkEpjnPV.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"logo-NfYCtrtN.mjs","names":["LogoHeader: React.FC<LogoHeaderProps> & { Type: typeof LOGO_TYPE }","pathUtil","LogoHeader","LogoSymbol: React.FC<LogoSymbolProps> & {\n  Type: typeof LOGO_SYMBOL_TYPE\n}","pathUtil","LogoHeader: React.FC<LogoHeaderProps> & { Type: typeof LOGO_TYPE }","pathUtil"],"sources":["../src/logo/utils/path.ts","../src/logo/components/logo-header.tsx","../src/logo/components/logo-symbol.tsx","../src/logo/components/logo-footer.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 type React from 'react'\nimport clsx from 'clsx'\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.footer, releaseBranch, type)\n\n  return (\n    // biome-ignore lint/performance/noImgElement: use next image later\n    <img\n      className={clsx(\n        'w-[232px] h-[25px]',\n        'desktop:w-[272px] desktop:h-[29px]'\n      )}\n      alt=\"The Reporter Logo\"\n      src={logoSrc}\n      {...props}\n    />\n  )\n}\n\nLogoHeader.Type = LOGO_TYPE\n\nexport default LogoHeader\n","import LogoHeader from './components/logo-header'\nimport LogoSymbol from './components/logo-symbol'\nimport LogoFooter from './components/logo-footer'\n\nexport default {\n  LogoHeader,\n  LogoSymbol,\n  LogoFooter,\n}\n\nexport { LogoHeader, LogoSymbol, LogoFooter }\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,gBAAsE,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,aAAW,OAAO;AAElB,0BAAeC;;;;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;;;;AChBf,MAAMC,cAAsE,EAC1E,OAAO,UAAU,SACjB,gBAAgB,eAAe,OAC/B,GAAG,YACC;CACJ,MAAM,UAAUC,aAAS,eAAe,KAAK,QAAQ,eAAe,KAAK;AAEzE,QAEE,oBAAC;EACC,WAAW,KACT,sBACA,qCACD;EACD,KAAI;EACJ,KAAK;EACL,GAAI;GACJ;;AAIN,WAAW,OAAO;AAElB,0BAAe;;;;ACnCf,mBAAe;CACb;CACA;CACA;CACD"}
+{"version":3,"file":"logo-DkEpjnPV.mjs","names":["LogoHeader: React.FC<LogoHeaderProps> & { Type: typeof LOGO_TYPE }","pathUtil","LogoHeader","LogoSymbol: React.FC<LogoSymbolProps> & {\n  Type: typeof LOGO_SYMBOL_TYPE\n}","pathUtil","LogoHeader: React.FC<LogoHeaderProps> & { Type: typeof LOGO_TYPE }","pathUtil"],"sources":["../src/logo/utils/path.ts","../src/logo/components/logo-header.tsx","../src/logo/components/logo-symbol.tsx","../src/logo/components/logo-footer.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 type React from 'react'\nimport clsx from 'clsx'\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.footer, releaseBranch, type)\n\n  return (\n    // biome-ignore lint/performance/noImgElement: use next image later\n    <img\n      className={clsx(\n        'w-[232px] h-[25px]',\n        'desktop:w-[272px] desktop:h-[29px]'\n      )}\n      alt=\"The Reporter Logo\"\n      src={logoSrc}\n      {...props}\n    />\n  )\n}\n\nLogoHeader.Type = LOGO_TYPE\n\nexport default LogoHeader\n","import LogoHeader from './components/logo-header'\nimport LogoSymbol from './components/logo-symbol'\nimport LogoFooter from './components/logo-footer'\n\nexport default {\n  LogoHeader,\n  LogoSymbol,\n  LogoFooter,\n}\n\nexport { LogoHeader, LogoSymbol, LogoFooter }\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,gBAAsE,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,aAAW,OAAO;AAElB,0BAAeC;;;;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;;;;AChBf,MAAMC,cAAsE,EAC1E,OAAO,UAAU,SACjB,gBAAgB,eAAe,OAC/B,GAAG,YACC;CACJ,MAAM,UAAUC,aAAS,eAAe,KAAK,QAAQ,eAAe,KAAK;AAEzE,QAEE,oBAAC;EACC,WAAW,KACT,sBACA,qCACD;EACD,KAAI;EACJ,KAAK;EACL,GAAI;GACJ;;AAIN,WAAW,OAAO;AAElB,0BAAe;;;;ACnCf,mBAAe;CACb;CACA;CACA;CACD"}

package/lib/{logo-CumKSrK5.mjs → logo-lPQ3Apwn.mjs}

@@ -1,6 +1,6 @@
 import { internal_link_default } from "./internal-link-DCXJvzgx.mjs";
 import { RELEASE_BRANCH } from "./release-branch-DNCD1uH_.mjs";
-import { logo_footer_default } from "./logo-NfYCtrtN.mjs";
+import { logo_footer_default } from "./logo-DkEpjnPV.mjs";
 import { useState } from "react";
 import { jsx } from "react/jsx-runtime";
 
@@ -21,4 +21,4 @@ var logo_default = Logo;
 
 //#endregion
 export { logo_default };
-//# sourceMappingURL=logo-CumKSrK5.mjs.map
+//# sourceMappingURL=logo-lPQ3Apwn.mjs.map

package/lib/{logo-CumKSrK5.mjs.map → logo-lPQ3Apwn.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"logo-CumKSrK5.mjs","names":["Logo: FC<LogoProps>","InternalLink","LogoFooter"],"sources":["../src/footer/logo.tsx"],"sourcesContent":["import { useState, type FC } from 'react'\n// components\nimport { LogoFooter } from '../logo'\nimport { InternalLink } from '../customized-link'\n// constants\nimport { RELEASE_BRANCH, type ReleaseBranch } from '../constants/release-branch'\n\ntype LogoProps = {\n  releaseBranch?: ReleaseBranch\n}\nconst Logo: FC<LogoProps> = ({ releaseBranch = RELEASE_BRANCH.master }) => {\n  const [isHover, setIsHover] = useState(false)\n  return (\n    <InternalLink\n      to=\"/\"\n      onMouseEnter={() => setIsHover(true)}\n      onMouseLeave={() => setIsHover(false)}\n    >\n      <LogoFooter\n        releaseBranch={releaseBranch}\n        type={isHover ? LogoFooter.Type.default : LogoFooter.Type.white}\n      />\n    </InternalLink>\n  )\n}\n\nexport default Logo\n"],"mappings":";;;;;;;AAUA,MAAMA,QAAuB,EAAE,gBAAgB,eAAe,aAAa;CACzE,MAAM,CAAC,SAAS,cAAc,SAAS,MAAM;AAC7C,QACE,oBAACC;EACC,IAAG;EACH,oBAAoB,WAAW,KAAK;EACpC,oBAAoB,WAAW,MAAM;YAErC,oBAACC;GACgB;GACf,MAAM,UAAUA,oBAAW,KAAK,UAAUA,oBAAW,KAAK;IAC1D;GACW;;AAInB,mBAAe"}
+{"version":3,"file":"logo-lPQ3Apwn.mjs","names":["Logo: FC<LogoProps>","InternalLink","LogoFooter"],"sources":["../src/footer/logo.tsx"],"sourcesContent":["import { useState, type FC } from 'react'\n// components\nimport { LogoFooter } from '../logo'\nimport { InternalLink } from '../customized-link'\n// constants\nimport { RELEASE_BRANCH, type ReleaseBranch } from '../constants/release-branch'\n\ntype LogoProps = {\n  releaseBranch?: ReleaseBranch\n}\nconst Logo: FC<LogoProps> = ({ releaseBranch = RELEASE_BRANCH.master }) => {\n  const [isHover, setIsHover] = useState(false)\n  return (\n    <InternalLink\n      to=\"/\"\n      onMouseEnter={() => setIsHover(true)}\n      onMouseLeave={() => setIsHover(false)}\n    >\n      <LogoFooter\n        releaseBranch={releaseBranch}\n        type={isHover ? LogoFooter.Type.default : LogoFooter.Type.white}\n      />\n    </InternalLink>\n  )\n}\n\nexport default Logo\n"],"mappings":";;;;;;;AAUA,MAAMA,QAAuB,EAAE,gBAAgB,eAAe,aAAa;CACzE,MAAM,CAAC,SAAS,cAAc,SAAS,MAAM;AAC7C,QACE,oBAACC;EACC,IAAG;EACH,oBAAoB,WAAW,KAAK;EACpC,oBAAoB,WAAW,MAAM;YAErC,oBAACC;GACgB;GACf,MAAM,UAAUA,oBAAW,KAAK,UAAUA,oBAAW,KAAK;IAC1D;GACW;;AAInB,mBAAe"}

package/lib/{release-branch-CaxOk9Rq.d.mts → release-branch-uF0B5lcE.d.mts}

@@ -1,4 +1,4 @@
-import { ValuesOf } from "./index-DegwO8ei.mjs";
+import { ValuesOf } from "./index-CUE6zs36.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-CaxOk9Rq.d.mts.map
+//# sourceMappingURL=release-branch-uF0B5lcE.d.mts.map

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

@@ -1,6 +1,6 @@
-import "../index-DegwO8ei.mjs";
-import { ReleaseBranch } from "../release-branch-CaxOk9Rq.mjs";
-import { LinkTarget } from "../type-DGvbr3Rm.mjs";
+import "../index-CUE6zs36.mjs";
+import { ReleaseBranch } from "../release-branch-uF0B5lcE.mjs";
+import { LinkTarget } from "../type-Bsf9A8YX.mjs";
 import { ReactElement } from "react";
 
 //#region src/tab-bar/constants.d.ts

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

@@ -1,6 +1,6 @@
 import "../index-H3peA2d_.js";
 import { ReleaseBranch } from "../release-branch-CsBbhuYE.js";
-import { LinkTarget } from "../type-ubTUOk6A.js";
+import { LinkTarget } from "../type-CcygKers.js";
 import { ReactElement } from "react";
 
 //#region src/tab-bar/constants.d.ts

package/lib/tab-bar/constants.js

@@ -1,7 +1,7 @@
 require('../internal-links-DxtMobuI.js');
 require('../release-branch-CRZV4Ivz.js');
-require('../constants-D8wNUvoZ.js');
-require('../icons-qP5oNB0W.js');
-const require_constants$1 = require('../constants-BV86fOLv.js');
+require('../constants-R6EfY15A.js');
+require('../icons-BZI6_5JJ.js');
+const require_constants$1 = require('../constants-CUzusjTU.js');
 
 exports.TabBarItems = require_constants$1.TabBarItems;

package/lib/tab-bar/constants.mjs

@@ -1,7 +1,7 @@
 import "../internal-links-CP3dqmrz.mjs";
 import "../release-branch-DNCD1uH_.mjs";
-import "../constants-5phfWHvb.mjs";
-import "../icons-I7T-auOQ.mjs";
-import { TabBarItems } from "../constants-BZGBDC2T.mjs";
+import "../constants-Npoq7yu0.mjs";
+import "../icons-C5UqghX2.mjs";
+import { TabBarItems } from "../constants-B8QkNSRh.mjs";
 
 export { TabBarItems };

package/lib/tab-bar/index.js

@@ -5,14 +5,14 @@ require('../theme-DDBlIbeS.js');
 require('../button-Dk0MxlKd.js');
 require('../internal-links-DxtMobuI.js');
 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('../context-I1lTR5SO.js');
-require('../constants-D8wNUvoZ.js');
-require('../icons-qP5oNB0W.js');
-const require_tab_bar = require('../tab-bar-Dq0ewfWA.js');
-require('../theme-BQQzAfHb.js');
-require('../constants-BV86fOLv.js');
+require('../customized-link-BDKQVdcH.js');
+require('../constants-R6EfY15A.js');
+require('../icons-BZI6_5JJ.js');
+require('../context-vBt5fnU9.js');
+const require_tab_bar = require('../tab-bar-USs-mSXE.js');
+require('../theme-B9k1Udon.js');
+require('../constants-CUzusjTU.js');
 
 module.exports = require_tab_bar.tab_bar_default;

package/lib/tab-bar/index.mjs

@@ -6,13 +6,13 @@ import "../theme-BG6yZVj-.mjs";
 import "../button-D_AWI7r9.mjs";
 import "../internal-links-CP3dqmrz.mjs";
 import "../release-branch-DNCD1uH_.mjs";
-import "../external-link-Diro-q37.mjs";
-import "../customized-link-BacydHK_.mjs";
-import "../context-BgdqM3zA.mjs";
-import "../constants-5phfWHvb.mjs";
-import "../icons-I7T-auOQ.mjs";
-import { tab_bar_default } from "../tab-bar-CQjgjdkW.mjs";
-import "../theme-CDCgzSJw.mjs";
-import "../constants-BZGBDC2T.mjs";
+import "../external-link-BMIFL3DE.mjs";
+import "../customized-link-D3p9rjEe.mjs";
+import "../constants-Npoq7yu0.mjs";
+import "../icons-C5UqghX2.mjs";
+import "../context-C9AuSZIE.mjs";
+import { tab_bar_default } from "../tab-bar-C_FxNWkG.mjs";
+import "../theme-Cf9NG_eL.mjs";
+import "../constants-B8QkNSRh.mjs";
 
 export { tab_bar_default as default };

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

@@ -1,5 +1,5 @@
-import "../index-DegwO8ei.mjs";
-import { Theme } from "../theme-Cx5oFufE.mjs";
+import "../index-CUE6zs36.mjs";
+import { Theme } from "../theme-DKi2E2si.mjs";
 
 //#region src/tab-bar/theme.d.ts
 declare const selectTabBarTheme: (theme: Theme) => {

package/lib/tab-bar/theme.js

@@ -1,4 +1,4 @@
 require('../theme-DDBlIbeS.js');
-const require_theme$1 = require('../theme-BQQzAfHb.js');
+const require_theme$1 = require('../theme-B9k1Udon.js');
 
 exports.selectTabBarTheme = require_theme$1.selectTabBarTheme;

package/lib/tab-bar/theme.mjs

@@ -1,4 +1,4 @@
 import "../theme-BG6yZVj-.mjs";
-import { selectTabBarTheme } from "../theme-CDCgzSJw.mjs";
+import { selectTabBarTheme } from "../theme-Cf9NG_eL.mjs";
 
 export { selectTabBarTheme };

package/lib/{tab-bar-CQjgjdkW.mjs → tab-bar-C_FxNWkG.mjs}

@@ -1,11 +1,11 @@
 import { internal_link_default } from "./internal-link-DCXJvzgx.mjs";
 import { THEME } from "./theme-BG6yZVj-.mjs";
 import { icon_with_text_button_default } from "./button-D_AWI7r9.mjs";
-import { external_link_default } from "./external-link-Diro-q37.mjs";
-import { HamburgerContext, HeaderContext } from "./context-BgdqM3zA.mjs";
-import { Hamburger } from "./icons-I7T-auOQ.mjs";
-import { selectTabBarTheme } from "./theme-CDCgzSJw.mjs";
-import { TabBarItems } from "./constants-BZGBDC2T.mjs";
+import { external_link_default } from "./external-link-BMIFL3DE.mjs";
+import { Hamburger } from "./icons-C5UqghX2.mjs";
+import { HamburgerContext, HeaderContext } from "./context-C9AuSZIE.mjs";
+import { selectTabBarTheme } from "./theme-Cf9NG_eL.mjs";
+import { TabBarItems } from "./constants-B8QkNSRh.mjs";
 import { useContext } from "react";
 import clsx from "clsx";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -59,4 +59,4 @@ var tab_bar_default = TabBar;
 
 //#endregion
 export { ZIndex, tab_bar_default };
-//# sourceMappingURL=tab-bar-CQjgjdkW.mjs.map
+//# sourceMappingURL=tab-bar-C_FxNWkG.mjs.map

package/lib/{tab-bar-CQjgjdkW.mjs.map → tab-bar-C_FxNWkG.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"tab-bar-CQjgjdkW.mjs","names":["TabBar: FC<TabBarProps>","ExternalLink","InternalLink","IconWithTextButton"],"sources":["../src/header/constants/z-index.ts","../src/tab-bar/index.tsx"],"sourcesContent":["export const ZIndex = {\n  tabBarMobile: 'z-10',\n  tabBarTablet: 'tablet:z-3',\n  hamburger: 'z-4',\n  header: 'z-3',\n  topRow: 'z-2',\n  channel: 'z-1',\n} as const\n","import { useContext, type FC } from 'react'\nimport clsx from 'clsx'\n// context\nimport { HamburgerContext, HeaderContext } from '../header/context'\n// z-index\nimport { ZIndex } from '../header/constants/z-index'\n// button\nimport { IconWithTextButton } from '../button'\n// icons\nimport { Hamburger } from '../icons'\n// theme\nimport { THEME } from '../constants/theme'\nimport { selectTabBarTheme } from './theme'\n// constants\nimport { TabBarItems } from './constants'\n// links\nimport { InternalLink, ExternalLink } from '../customized-link'\n// lodash\nimport map from 'lodash/map'\nconst _ = {\n  map,\n}\n\ntype TabBarProps = {\n  className?: string\n}\nconst TabBar: FC<TabBarProps> = ({ className = '' }) => {\n  const { theme, releaseBranch, isLinkExternal, pathname } =\n    useContext(HeaderContext)\n  const { toggleHamburger, isHamburgerMenuOpen } = useContext(HamburgerContext)\n  const { bgColor } = selectTabBarTheme(theme)\n  const iconTheme = theme === THEME.photography ? theme : THEME.normal\n  const LinkComponent = isLinkExternal ? ExternalLink : InternalLink\n  return (\n    <div\n      className={clsx(\n        'w-screen fixed left-0 bottom-0 flex justify-between px-[16px] pt-[8px] pb-[calc(8px+env(safe-area-inset-bottom,0))] shadow-[0_0_2px_rgba(0,0,0,0.15)]',\n        'desktop:hidden',\n        bgColor,\n        ZIndex.tabBarMobile,\n        ZIndex.tabBarTablet,\n        className\n      )}\n    >\n      {_.map(TabBarItems(releaseBranch), (item) => {\n        const isActive = !isHamburgerMenuOpen && pathname === item.link\n        return (\n          <LinkComponent\n            key={item.text}\n            to={item.link}\n            target={item.target}\n            className=\"flex justify-center flex-1\"\n          >\n            <IconWithTextButton\n              text={item.text}\n              iconComponent={item.icon}\n              theme={iconTheme}\n              active={isActive}\n            />\n          </LinkComponent>\n        )\n      })}\n      <IconWithTextButton\n        text=\"選單\"\n        iconComponent={Hamburger(releaseBranch)}\n        className=\"flex justify-center flex-1\"\n        onClick={toggleHamburger}\n        active={isHamburgerMenuOpen}\n        theme={iconTheme}\n      />\n    </div>\n  )\n}\nexport default TabBar\n"],"mappings":";;;;;;;;;;;;;;AAAA,MAAa,SAAS;CACpB,cAAc;CACd,cAAc;CACd,WAAW;CACX,QAAQ;CACR,QAAQ;CACR,SAAS;CACV;;;;ACYD,MAAM,IAAI,EACR,KACD;AAKD,MAAMA,UAA2B,EAAE,YAAY,SAAS;CACtD,MAAM,EAAE,OAAO,eAAe,gBAAgB,aAC5C,WAAW,cAAc;CAC3B,MAAM,EAAE,iBAAiB,wBAAwB,WAAW,iBAAiB;CAC7E,MAAM,EAAE,YAAY,kBAAkB,MAAM;CAC5C,MAAM,YAAY,UAAU,MAAM,cAAc,QAAQ,MAAM;CAC9D,MAAM,gBAAgB,iBAAiBC,wBAAeC;AACtD,QACE,qBAAC;EACC,WAAW,KACT,yJACA,kBACA,SACA,OAAO,cACP,OAAO,cACP,UACD;aAEA,EAAE,IAAI,YAAY,cAAc,GAAG,SAAS;GAC3C,MAAM,WAAW,CAAC,uBAAuB,aAAa,KAAK;AAC3D,UACE,oBAAC;IAEC,IAAI,KAAK;IACT,QAAQ,KAAK;IACb,WAAU;cAEV,oBAACC;KACC,MAAM,KAAK;KACX,eAAe,KAAK;KACpB,OAAO;KACP,QAAQ;MACR;MAVG,KAAK,KAWI;IAElB,EACF,oBAACA;GACC,MAAK;GACL,eAAe,UAAU,cAAc;GACvC,WAAU;GACV,SAAS;GACT,QAAQ;GACR,OAAO;IACP;GACE;;AAGV,sBAAe"}
+{"version":3,"file":"tab-bar-C_FxNWkG.mjs","names":["TabBar: FC<TabBarProps>","ExternalLink","InternalLink","IconWithTextButton"],"sources":["../src/header/constants/z-index.ts","../src/tab-bar/index.tsx"],"sourcesContent":["export const ZIndex = {\n  tabBarMobile: 'z-10',\n  tabBarTablet: 'tablet:z-3',\n  hamburger: 'z-4',\n  header: 'z-3',\n  topRow: 'z-2',\n  channel: 'z-1',\n} as const\n","import { useContext, type FC } from 'react'\nimport clsx from 'clsx'\n// context\nimport { HamburgerContext, HeaderContext } from '../header/context'\n// z-index\nimport { ZIndex } from '../header/constants/z-index'\n// button\nimport { IconWithTextButton } from '../button'\n// icons\nimport { Hamburger } from '../icons'\n// theme\nimport { THEME } from '../constants/theme'\nimport { selectTabBarTheme } from './theme'\n// constants\nimport { TabBarItems } from './constants'\n// links\nimport { InternalLink, ExternalLink } from '../customized-link'\n// lodash\nimport map from 'lodash/map'\nconst _ = {\n  map,\n}\n\ntype TabBarProps = {\n  className?: string\n}\nconst TabBar: FC<TabBarProps> = ({ className = '' }) => {\n  const { theme, releaseBranch, isLinkExternal, pathname } =\n    useContext(HeaderContext)\n  const { toggleHamburger, isHamburgerMenuOpen } = useContext(HamburgerContext)\n  const { bgColor } = selectTabBarTheme(theme)\n  const iconTheme = theme === THEME.photography ? theme : THEME.normal\n  const LinkComponent = isLinkExternal ? ExternalLink : InternalLink\n  return (\n    <div\n      className={clsx(\n        'w-screen fixed left-0 bottom-0 flex justify-between px-[16px] pt-[8px] pb-[calc(8px+env(safe-area-inset-bottom,0))] shadow-[0_0_2px_rgba(0,0,0,0.15)]',\n        'desktop:hidden',\n        bgColor,\n        ZIndex.tabBarMobile,\n        ZIndex.tabBarTablet,\n        className\n      )}\n    >\n      {_.map(TabBarItems(releaseBranch), (item) => {\n        const isActive = !isHamburgerMenuOpen && pathname === item.link\n        return (\n          <LinkComponent\n            key={item.text}\n            to={item.link}\n            target={item.target}\n            className=\"flex justify-center flex-1\"\n          >\n            <IconWithTextButton\n              text={item.text}\n              iconComponent={item.icon}\n              theme={iconTheme}\n              active={isActive}\n            />\n          </LinkComponent>\n        )\n      })}\n      <IconWithTextButton\n        text=\"選單\"\n        iconComponent={Hamburger(releaseBranch)}\n        className=\"flex justify-center flex-1\"\n        onClick={toggleHamburger}\n        active={isHamburgerMenuOpen}\n        theme={iconTheme}\n      />\n    </div>\n  )\n}\nexport default TabBar\n"],"mappings":";;;;;;;;;;;;;;AAAA,MAAa,SAAS;CACpB,cAAc;CACd,cAAc;CACd,WAAW;CACX,QAAQ;CACR,QAAQ;CACR,SAAS;CACV;;;;ACYD,MAAM,IAAI,EACR,KACD;AAKD,MAAMA,UAA2B,EAAE,YAAY,SAAS;CACtD,MAAM,EAAE,OAAO,eAAe,gBAAgB,aAC5C,WAAW,cAAc;CAC3B,MAAM,EAAE,iBAAiB,wBAAwB,WAAW,iBAAiB;CAC7E,MAAM,EAAE,YAAY,kBAAkB,MAAM;CAC5C,MAAM,YAAY,UAAU,MAAM,cAAc,QAAQ,MAAM;CAC9D,MAAM,gBAAgB,iBAAiBC,wBAAeC;AACtD,QACE,qBAAC;EACC,WAAW,KACT,yJACA,kBACA,SACA,OAAO,cACP,OAAO,cACP,UACD;aAEA,EAAE,IAAI,YAAY,cAAc,GAAG,SAAS;GAC3C,MAAM,WAAW,CAAC,uBAAuB,aAAa,KAAK;AAC3D,UACE,oBAAC;IAEC,IAAI,KAAK;IACT,QAAQ,KAAK;IACb,WAAU;cAEV,oBAACC;KACC,MAAM,KAAK;KACX,eAAe,KAAK;KACpB,OAAO;KACP,QAAQ;MACR;MAVG,KAAK,KAWI;IAElB,EACF,oBAACA;GACC,MAAK;GACL,eAAe,UAAU,cAAc;GACvC,WAAU;GACV,SAAS;GACT,QAAQ;GACR,OAAO;IACP;GACE;;AAGV,sBAAe"}

package/lib/{tab-bar-Dq0ewfWA.js → tab-bar-USs-mSXE.js}

@@ -1,12 +1,12 @@
 const require_chunk = require('./chunk-BxBTb9qk.js');
 const require_theme = require('./theme-DDBlIbeS.js');
 const require_button = require('./button-Dk0MxlKd.js');
-const require_external_link = require('./external-link-afU9uFB6.js');
+const require_external_link = require('./external-link-Ce1_loKh.js');
 const require_internal_link = require('./internal-link-Bq4yp13E.js');
-const require_context = require('./context-I1lTR5SO.js');
-const require_icons = require('./icons-qP5oNB0W.js');
-const require_theme$1 = require('./theme-BQQzAfHb.js');
-const require_constants = require('./constants-BV86fOLv.js');
+const require_icons = require('./icons-BZI6_5JJ.js');
+const require_context = require('./context-vBt5fnU9.js');
+const require_theme$1 = require('./theme-B9k1Udon.js');
+const require_constants = require('./constants-CUzusjTU.js');
 let react = require("react");
 react = require_chunk.__toESM(react);
 let clsx = require("clsx");
@@ -75,4 +75,4 @@ Object.defineProperty(exports, 'tab_bar_default', {
     return tab_bar_default;
   }
 });
-//# sourceMappingURL=tab-bar-Dq0ewfWA.js.map
+//# sourceMappingURL=tab-bar-USs-mSXE.js.map

package/lib/{tab-bar-Dq0ewfWA.js.map → tab-bar-USs-mSXE.js.map}

@@ -1 +1 @@
-{"version":3,"file":"tab-bar-Dq0ewfWA.js","names":["TabBar: FC<TabBarProps>","HeaderContext","HamburgerContext","selectTabBarTheme","THEME","ExternalLink","InternalLink","TabBarItems","IconWithTextButton","Hamburger"],"sources":["../src/header/constants/z-index.ts","../src/tab-bar/index.tsx"],"sourcesContent":["export const ZIndex = {\n  tabBarMobile: 'z-10',\n  tabBarTablet: 'tablet:z-3',\n  hamburger: 'z-4',\n  header: 'z-3',\n  topRow: 'z-2',\n  channel: 'z-1',\n} as const\n","import { useContext, type FC } from 'react'\nimport clsx from 'clsx'\n// context\nimport { HamburgerContext, HeaderContext } from '../header/context'\n// z-index\nimport { ZIndex } from '../header/constants/z-index'\n// button\nimport { IconWithTextButton } from '../button'\n// icons\nimport { Hamburger } from '../icons'\n// theme\nimport { THEME } from '../constants/theme'\nimport { selectTabBarTheme } from './theme'\n// constants\nimport { TabBarItems } from './constants'\n// links\nimport { InternalLink, ExternalLink } from '../customized-link'\n// lodash\nimport map from 'lodash/map'\nconst _ = {\n  map,\n}\n\ntype TabBarProps = {\n  className?: string\n}\nconst TabBar: FC<TabBarProps> = ({ className = '' }) => {\n  const { theme, releaseBranch, isLinkExternal, pathname } =\n    useContext(HeaderContext)\n  const { toggleHamburger, isHamburgerMenuOpen } = useContext(HamburgerContext)\n  const { bgColor } = selectTabBarTheme(theme)\n  const iconTheme = theme === THEME.photography ? theme : THEME.normal\n  const LinkComponent = isLinkExternal ? ExternalLink : InternalLink\n  return (\n    <div\n      className={clsx(\n        'w-screen fixed left-0 bottom-0 flex justify-between px-[16px] pt-[8px] pb-[calc(8px+env(safe-area-inset-bottom,0))] shadow-[0_0_2px_rgba(0,0,0,0.15)]',\n        'desktop:hidden',\n        bgColor,\n        ZIndex.tabBarMobile,\n        ZIndex.tabBarTablet,\n        className\n      )}\n    >\n      {_.map(TabBarItems(releaseBranch), (item) => {\n        const isActive = !isHamburgerMenuOpen && pathname === item.link\n        return (\n          <LinkComponent\n            key={item.text}\n            to={item.link}\n            target={item.target}\n            className=\"flex justify-center flex-1\"\n          >\n            <IconWithTextButton\n              text={item.text}\n              iconComponent={item.icon}\n              theme={iconTheme}\n              active={isActive}\n            />\n          </LinkComponent>\n        )\n      })}\n      <IconWithTextButton\n        text=\"選單\"\n        iconComponent={Hamburger(releaseBranch)}\n        className=\"flex justify-center flex-1\"\n        onClick={toggleHamburger}\n        active={isHamburgerMenuOpen}\n        theme={iconTheme}\n      />\n    </div>\n  )\n}\nexport default TabBar\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,MAAa,SAAS;CACpB,cAAc;CACd,cAAc;CACd,WAAW;CACX,QAAQ;CACR,QAAQ;CACR,SAAS;CACV;;;;ACYD,MAAM,IAAI,EACR,yBACD;AAKD,MAAMA,UAA2B,EAAE,YAAY,SAAS;CACtD,MAAM,EAAE,OAAO,eAAe,gBAAgB,mCACjCC,8BAAc;CAC3B,MAAM,EAAE,iBAAiB,8CAAmCC,iCAAiB;CAC7E,MAAM,EAAE,YAAYC,kCAAkB,MAAM;CAC5C,MAAM,YAAY,UAAUC,oBAAM,cAAc,QAAQA,oBAAM;CAC9D,MAAM,gBAAgB,iBAAiBC,8CAAeC;AACtD,QACE,4CAAC;EACC,6BACE,yJACA,kBACA,SACA,OAAO,cACP,OAAO,cACP,UACD;aAEA,EAAE,IAAIC,8BAAY,cAAc,GAAG,SAAS;GAC3C,MAAM,WAAW,CAAC,uBAAuB,aAAa,KAAK;AAC3D,UACE,2CAAC;IAEC,IAAI,KAAK;IACT,QAAQ,KAAK;IACb,WAAU;cAEV,2CAACC;KACC,MAAM,KAAK;KACX,eAAe,KAAK;KACpB,OAAO;KACP,QAAQ;MACR;MAVG,KAAK,KAWI;IAElB,EACF,2CAACA;GACC,MAAK;GACL,eAAeC,wBAAU,cAAc;GACvC,WAAU;GACV,SAAS;GACT,QAAQ;GACR,OAAO;IACP;GACE;;AAGV,sBAAe"}
+{"version":3,"file":"tab-bar-USs-mSXE.js","names":["TabBar: FC<TabBarProps>","HeaderContext","HamburgerContext","selectTabBarTheme","THEME","ExternalLink","InternalLink","TabBarItems","IconWithTextButton","Hamburger"],"sources":["../src/header/constants/z-index.ts","../src/tab-bar/index.tsx"],"sourcesContent":["export const ZIndex = {\n  tabBarMobile: 'z-10',\n  tabBarTablet: 'tablet:z-3',\n  hamburger: 'z-4',\n  header: 'z-3',\n  topRow: 'z-2',\n  channel: 'z-1',\n} as const\n","import { useContext, type FC } from 'react'\nimport clsx from 'clsx'\n// context\nimport { HamburgerContext, HeaderContext } from '../header/context'\n// z-index\nimport { ZIndex } from '../header/constants/z-index'\n// button\nimport { IconWithTextButton } from '../button'\n// icons\nimport { Hamburger } from '../icons'\n// theme\nimport { THEME } from '../constants/theme'\nimport { selectTabBarTheme } from './theme'\n// constants\nimport { TabBarItems } from './constants'\n// links\nimport { InternalLink, ExternalLink } from '../customized-link'\n// lodash\nimport map from 'lodash/map'\nconst _ = {\n  map,\n}\n\ntype TabBarProps = {\n  className?: string\n}\nconst TabBar: FC<TabBarProps> = ({ className = '' }) => {\n  const { theme, releaseBranch, isLinkExternal, pathname } =\n    useContext(HeaderContext)\n  const { toggleHamburger, isHamburgerMenuOpen } = useContext(HamburgerContext)\n  const { bgColor } = selectTabBarTheme(theme)\n  const iconTheme = theme === THEME.photography ? theme : THEME.normal\n  const LinkComponent = isLinkExternal ? ExternalLink : InternalLink\n  return (\n    <div\n      className={clsx(\n        'w-screen fixed left-0 bottom-0 flex justify-between px-[16px] pt-[8px] pb-[calc(8px+env(safe-area-inset-bottom,0))] shadow-[0_0_2px_rgba(0,0,0,0.15)]',\n        'desktop:hidden',\n        bgColor,\n        ZIndex.tabBarMobile,\n        ZIndex.tabBarTablet,\n        className\n      )}\n    >\n      {_.map(TabBarItems(releaseBranch), (item) => {\n        const isActive = !isHamburgerMenuOpen && pathname === item.link\n        return (\n          <LinkComponent\n            key={item.text}\n            to={item.link}\n            target={item.target}\n            className=\"flex justify-center flex-1\"\n          >\n            <IconWithTextButton\n              text={item.text}\n              iconComponent={item.icon}\n              theme={iconTheme}\n              active={isActive}\n            />\n          </LinkComponent>\n        )\n      })}\n      <IconWithTextButton\n        text=\"選單\"\n        iconComponent={Hamburger(releaseBranch)}\n        className=\"flex justify-center flex-1\"\n        onClick={toggleHamburger}\n        active={isHamburgerMenuOpen}\n        theme={iconTheme}\n      />\n    </div>\n  )\n}\nexport default TabBar\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,MAAa,SAAS;CACpB,cAAc;CACd,cAAc;CACd,WAAW;CACX,QAAQ;CACR,QAAQ;CACR,SAAS;CACV;;;;ACYD,MAAM,IAAI,EACR,yBACD;AAKD,MAAMA,UAA2B,EAAE,YAAY,SAAS;CACtD,MAAM,EAAE,OAAO,eAAe,gBAAgB,mCACjCC,8BAAc;CAC3B,MAAM,EAAE,iBAAiB,8CAAmCC,iCAAiB;CAC7E,MAAM,EAAE,YAAYC,kCAAkB,MAAM;CAC5C,MAAM,YAAY,UAAUC,oBAAM,cAAc,QAAQA,oBAAM;CAC9D,MAAM,gBAAgB,iBAAiBC,8CAAeC;AACtD,QACE,4CAAC;EACC,6BACE,yJACA,kBACA,SACA,OAAO,cACP,OAAO,cACP,UACD;aAEA,EAAE,IAAIC,8BAAY,cAAc,GAAG,SAAS;GAC3C,MAAM,WAAW,CAAC,uBAAuB,aAAa,KAAK;AAC3D,UACE,2CAAC;IAEC,IAAI,KAAK;IACT,QAAQ,KAAK;IACb,WAAU;cAEV,2CAACC;KACC,MAAM,KAAK;KACX,eAAe,KAAK;KACpB,OAAO;KACP,QAAQ;MACR;MAVG,KAAK,KAWI;IAElB,EACF,2CAACA;GACC,MAAK;GACL,eAAeC,wBAAU,cAAc;GACvC,WAAU;GACV,SAAS;GACT,QAAQ;GACR,OAAO;IACP;GACE;;AAGV,sBAAe"}

package/lib/text/constants.d.mts

@@ -1,3 +1,3 @@
-import "../index-DegwO8ei.mjs";
-import { TYPE, Type, WEIGHT, Weight } from "../constants-DZWOFPZT.mjs";
+import "../index-CUE6zs36.mjs";
+import { TYPE, Type, WEIGHT, Weight } from "../constants-C_OX3J7_.mjs";
 export { TYPE, Type, WEIGHT, Weight };

package/lib/text/heading.d.mts

@@ -1,5 +1,5 @@
-import "../index-DegwO8ei.mjs";
-import { TYPE, Type } from "../constants-DZWOFPZT.mjs";
+import "../index-CUE6zs36.mjs";
+import { TYPE, Type } from "../constants-C_OX3J7_.mjs";
 import React from "react";
 
 //#region src/text/heading.d.ts

package/lib/text/heading.js

@@ -1,5 +1,5 @@
 require('../constants-Cndhv6qr.js');
-const require_heading = require('../heading-Dnpw_s7U.js');
+const require_heading = require('../heading-D7slLGoI.js');
 
 exports.H1 = require_heading.H1;
 exports.H2 = require_heading.H2;

package/lib/text/heading.mjs

@@ -1,4 +1,4 @@
 import "../constants-CBSEPx91.mjs";
-import { H1, H2, H3, H4, H5, H6 } from "../heading-Cljxy-62.mjs";
+import { H1, H2, H3, H4, H5, H6 } from "../heading-CCsID-nv.mjs";
 
 export { H1, H2, H3, H4, H5, H6 };

package/lib/text/paragraph.d.mts

@@ -1,5 +1,5 @@
-import "../index-DegwO8ei.mjs";
-import { WEIGHT, Weight } from "../constants-DZWOFPZT.mjs";
+import "../index-CUE6zs36.mjs";
+import { WEIGHT, Weight } from "../constants-C_OX3J7_.mjs";
 import React from "react";
 
 //#region src/text/paragraph.d.ts

package/lib/{theme-BQQzAfHb.js → theme-B9k1Udon.js}

@@ -15,4 +15,4 @@ Object.defineProperty(exports, 'selectTabBarTheme', {
     return selectTabBarTheme;
   }
 });
-//# sourceMappingURL=theme-BQQzAfHb.js.map
+//# sourceMappingURL=theme-B9k1Udon.js.map

package/lib/{theme-BQQzAfHb.js.map → theme-B9k1Udon.js.map}

@@ -1 +1 @@
-{"version":3,"file":"theme-BQQzAfHb.js","names":["THEME"],"sources":["../src/tab-bar/theme.ts"],"sourcesContent":["import { THEME, type Theme } from '../constants/theme'\n\nexport const selectTabBarTheme = (theme: Theme) => {\n  switch (theme) {\n    case THEME.photography:\n      return {\n        bgColor: 'bg-photo-dark',\n      }\n    default:\n      return {\n        bgColor: 'bg-gray-100',\n      }\n  }\n}\n"],"mappings":";;;AAEA,MAAa,qBAAqB,UAAiB;AACjD,SAAQ,OAAR;EACE,KAAKA,oBAAM,YACT,QAAO,EACL,SAAS,iBACV;EACH,QACE,QAAO,EACL,SAAS,eACV"}
+{"version":3,"file":"theme-B9k1Udon.js","names":["THEME"],"sources":["../src/tab-bar/theme.ts"],"sourcesContent":["import { THEME, type Theme } from '../constants/theme'\n\nexport const selectTabBarTheme = (theme: Theme) => {\n  switch (theme) {\n    case THEME.photography:\n      return {\n        bgColor: 'bg-photo-dark',\n      }\n    default:\n      return {\n        bgColor: 'bg-gray-100',\n      }\n  }\n}\n"],"mappings":";;;AAEA,MAAa,qBAAqB,UAAiB;AACjD,SAAQ,OAAR;EACE,KAAKA,oBAAM,YACT,QAAO,EACL,SAAS,iBACV;EACH,QACE,QAAO,EACL,SAAS,eACV"}

package/lib/{theme-LkZX5giH.js → theme-BLdi7Moc.js}

@@ -40,4 +40,4 @@ Object.defineProperty(exports, 'selectThemeStyle', {
     return selectThemeStyle;
   }
 });
-//# sourceMappingURL=theme-LkZX5giH.js.map
+//# sourceMappingURL=theme-BLdi7Moc.js.map

package/lib/{theme-LkZX5giH.js.map → theme-BLdi7Moc.js.map}

@@ -1 +1 @@
-{"version":3,"file":"theme-LkZX5giH.js","names":["THEME"],"sources":["../src/input/theme.ts"],"sourcesContent":["import { THEME, type Theme } from '../constants/theme'\n\nexport const selectThemeStyle = (theme: Theme) => {\n  switch (theme) {\n    case THEME.photography:\n      return {\n        bgColor: 'bg-opacity-white-08',\n        focusBgColor: 'focus:bg-gray-100',\n        desktopBgColor: 'desktop:bg-gray-100',\n        borderColor: 'border-supportive-pastel',\n        color: 'text-gray-800',\n        focusColor: 'focus:text-gray-800',\n        placeholderColor: '[&::placeholder]:text-gray-800',\n      }\n    case THEME.transparent:\n      return {\n        bgColor: 'bg-opacity-gray100-08',\n        focusBgColor: 'focus:bg-opacity-gray100-08',\n        desktopBgColor: 'desktop:bg-gray-white',\n        borderColor: 'border-gray-600',\n        color: 'text-gray-800',\n        focusColor: 'focus:text-gray-800',\n        placeholderColor: '[&::placeholder]:text-gray-500',\n      }\n    default:\n      return {\n        bgColor: 'bg-opacity-gray100-08',\n        focusBgColor: 'focus:bg-opacity-gray100-08',\n        desktopBgColor: 'desktop:bg-gray-white',\n        borderColor: 'border-gray-600',\n        color: 'text-gray-800',\n        focusColor: 'focus:text-gray-800',\n        placeholderColor: '[&::placeholder]:text-gray-500',\n      }\n  }\n}\n"],"mappings":";;;AAEA,MAAa,oBAAoB,UAAiB;AAChD,SAAQ,OAAR;EACE,KAAKA,oBAAM,YACT,QAAO;GACL,SAAS;GACT,cAAc;GACd,gBAAgB;GAChB,aAAa;GACb,OAAO;GACP,YAAY;GACZ,kBAAkB;GACnB;EACH,KAAKA,oBAAM,YACT,QAAO;GACL,SAAS;GACT,cAAc;GACd,gBAAgB;GAChB,aAAa;GACb,OAAO;GACP,YAAY;GACZ,kBAAkB;GACnB;EACH,QACE,QAAO;GACL,SAAS;GACT,cAAc;GACd,gBAAgB;GAChB,aAAa;GACb,OAAO;GACP,YAAY;GACZ,kBAAkB;GACnB"}
+{"version":3,"file":"theme-BLdi7Moc.js","names":["THEME"],"sources":["../src/input/theme.ts"],"sourcesContent":["import { THEME, type Theme } from '../constants/theme'\n\nexport const selectThemeStyle = (theme: Theme) => {\n  switch (theme) {\n    case THEME.photography:\n      return {\n        bgColor: 'bg-opacity-white-08',\n        focusBgColor: 'focus:bg-gray-100',\n        desktopBgColor: 'desktop:bg-gray-100',\n        borderColor: 'border-supportive-pastel',\n        color: 'text-gray-800',\n        focusColor: 'focus:text-gray-800',\n        placeholderColor: '[&::placeholder]:text-gray-800',\n      }\n    case THEME.transparent:\n      return {\n        bgColor: 'bg-opacity-gray100-08',\n        focusBgColor: 'focus:bg-opacity-gray100-08',\n        desktopBgColor: 'desktop:bg-gray-white',\n        borderColor: 'border-gray-600',\n        color: 'text-gray-800',\n        focusColor: 'focus:text-gray-800',\n        placeholderColor: '[&::placeholder]:text-gray-500',\n      }\n    default:\n      return {\n        bgColor: 'bg-opacity-gray100-08',\n        focusBgColor: 'focus:bg-opacity-gray100-08',\n        desktopBgColor: 'desktop:bg-gray-white',\n        borderColor: 'border-gray-600',\n        color: 'text-gray-800',\n        focusColor: 'focus:text-gray-800',\n        placeholderColor: '[&::placeholder]:text-gray-500',\n      }\n  }\n}\n"],"mappings":";;;AAEA,MAAa,oBAAoB,UAAiB;AAChD,SAAQ,OAAR;EACE,KAAKA,oBAAM,YACT,QAAO;GACL,SAAS;GACT,cAAc;GACd,gBAAgB;GAChB,aAAa;GACb,OAAO;GACP,YAAY;GACZ,kBAAkB;GACnB;EACH,KAAKA,oBAAM,YACT,QAAO;GACL,SAAS;GACT,cAAc;GACd,gBAAgB;GAChB,aAAa;GACb,OAAO;GACP,YAAY;GACZ,kBAAkB;GACnB;EACH,QACE,QAAO;GACL,SAAS;GACT,cAAc;GACd,gBAAgB;GAChB,aAAa;GACb,OAAO;GACP,YAAY;GACZ,kBAAkB;GACnB"}

package/lib/{theme-CDCgzSJw.mjs → theme-Cf9NG_eL.mjs}

@@ -10,4 +10,4 @@ const selectTabBarTheme = (theme) => {
 
 //#endregion
 export { selectTabBarTheme };
-//# sourceMappingURL=theme-CDCgzSJw.mjs.map
+//# sourceMappingURL=theme-Cf9NG_eL.mjs.map

package/lib/{theme-CDCgzSJw.mjs.map → theme-Cf9NG_eL.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"theme-CDCgzSJw.mjs","names":[],"sources":["../src/tab-bar/theme.ts"],"sourcesContent":["import { THEME, type Theme } from '../constants/theme'\n\nexport const selectTabBarTheme = (theme: Theme) => {\n  switch (theme) {\n    case THEME.photography:\n      return {\n        bgColor: 'bg-photo-dark',\n      }\n    default:\n      return {\n        bgColor: 'bg-gray-100',\n      }\n  }\n}\n"],"mappings":";;;AAEA,MAAa,qBAAqB,UAAiB;AACjD,SAAQ,OAAR;EACE,KAAK,MAAM,YACT,QAAO,EACL,SAAS,iBACV;EACH,QACE,QAAO,EACL,SAAS,eACV"}
+{"version":3,"file":"theme-Cf9NG_eL.mjs","names":[],"sources":["../src/tab-bar/theme.ts"],"sourcesContent":["import { THEME, type Theme } from '../constants/theme'\n\nexport const selectTabBarTheme = (theme: Theme) => {\n  switch (theme) {\n    case THEME.photography:\n      return {\n        bgColor: 'bg-photo-dark',\n      }\n    default:\n      return {\n        bgColor: 'bg-gray-100',\n      }\n  }\n}\n"],"mappings":";;;AAEA,MAAa,qBAAqB,UAAiB;AACjD,SAAQ,OAAR;EACE,KAAK,MAAM,YACT,QAAO,EACL,SAAS,iBACV;EACH,QACE,QAAO,EACL,SAAS,eACV"}

package/lib/{theme-Cx5oFufE.d.mts → theme-DKi2E2si.d.mts}

@@ -1,4 +1,4 @@
-import { ValuesOf } from "./index-DegwO8ei.mjs";
+import { ValuesOf } from "./index-CUE6zs36.mjs";
 
 //#region src/constants/theme.d.ts
 declare const THEME: {
@@ -10,4 +10,4 @@ declare const THEME: {
 type Theme = ValuesOf<typeof THEME>;
 //#endregion
 export { THEME, Theme };
-//# sourceMappingURL=theme-Cx5oFufE.d.mts.map
+//# sourceMappingURL=theme-DKi2E2si.d.mts.map

package/lib/{theme-D_LHh2_S.mjs → theme-DURvzYaJ.mjs}

@@ -35,4 +35,4 @@ const selectThemeStyle = (theme) => {
 
 //#endregion
 export { selectThemeStyle };
-//# sourceMappingURL=theme-D_LHh2_S.mjs.map
+//# sourceMappingURL=theme-DURvzYaJ.mjs.map