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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (86) hide show
  1. package/lib/{constants-BG4oRMD_.mjs → constants-B8QkNSRh.mjs} +2 -2
  2. package/lib/{constants-BG4oRMD_.mjs.map → constants-B8QkNSRh.mjs.map} +1 -1
  3. package/lib/{constants-Dt5HD0aL.js → constants-CUzusjTU.js} +2 -2
  4. package/lib/{constants-Dt5HD0aL.js.map → constants-CUzusjTU.js.map} +1 -1
  5. package/lib/{constants-DRxdMM_X.mjs → constants-DKqcALfv.mjs} +1 -1
  6. package/lib/{constants-DRxdMM_X.mjs.map → constants-DKqcALfv.mjs.map} +1 -1
  7. package/lib/{constants-5phfWHvb.mjs → constants-Npoq7yu0.mjs} +1 -1
  8. package/lib/{constants-5phfWHvb.mjs.map → constants-Npoq7yu0.mjs.map} +1 -1
  9. package/lib/{constants-D8wNUvoZ.js → constants-R6EfY15A.js} +1 -1
  10. package/lib/{constants-D8wNUvoZ.js.map → constants-R6EfY15A.js.map} +1 -1
  11. package/lib/{constants-C2moxnps.js → constants-pqSeExjX.js} +1 -1
  12. package/lib/{constants-C2moxnps.js.map → constants-pqSeExjX.js.map} +1 -1
  13. package/lib/{context-BgdqM3zA.mjs → context-C9AuSZIE.mjs} +1 -1
  14. package/lib/{context-BgdqM3zA.mjs.map → context-C9AuSZIE.mjs.map} +1 -1
  15. package/lib/{context-I1lTR5SO.js → context-vBt5fnU9.js} +1 -1
  16. package/lib/{context-I1lTR5SO.js.map → context-vBt5fnU9.js.map} +1 -1
  17. package/lib/customized-link/index.d.ts +3 -3
  18. package/lib/dropdown-menu/index.js +5 -5
  19. package/lib/dropdown-menu/index.mjs +5 -5
  20. package/lib/{dropdown-menu-CKH3qADt.js → dropdown-menu-CTUg6MST.js} +4 -4
  21. package/lib/{dropdown-menu-CKH3qADt.js.map → dropdown-menu-CTUg6MST.js.map} +1 -1
  22. package/lib/{dropdown-menu-DMp_Bmo0.mjs → dropdown-menu-MOuxtoud.mjs} +4 -4
  23. package/lib/{dropdown-menu-DMp_Bmo0.mjs.map → dropdown-menu-MOuxtoud.mjs.map} +1 -1
  24. package/lib/footer/index.js +6 -6
  25. package/lib/footer/index.mjs +6 -6
  26. package/lib/footer/links.js +3 -3
  27. package/lib/footer/links.mjs +3 -3
  28. package/lib/footer/logo.js +3 -3
  29. package/lib/footer/logo.mjs +3 -3
  30. package/lib/hamburger-menu/index.js +8 -8
  31. package/lib/hamburger-menu/index.mjs +8 -8
  32. package/lib/{hamburger-menu-DoyJVziw.mjs → hamburger-menu-B-n_-t91.mjs} +7 -7
  33. package/lib/{hamburger-menu-DoyJVziw.mjs.map → hamburger-menu-B-n_-t91.mjs.map} +1 -1
  34. package/lib/{hamburger-menu-DJe2IBTm.js → hamburger-menu-CYiCx5_x.js} +7 -7
  35. package/lib/{hamburger-menu-DJe2IBTm.js.map → hamburger-menu-CYiCx5_x.js.map} +1 -1
  36. package/lib/header/index.js +12 -12
  37. package/lib/header/index.mjs +10 -10
  38. package/lib/hooks/index.d.mts +3 -3
  39. package/lib/hooks/index.d.ts +3 -3
  40. package/lib/hooks/use-outside-click.d.mts +1 -1
  41. package/lib/hooks/use-outside-click.d.ts +1 -1
  42. package/lib/icons/constants.js +1 -1
  43. package/lib/icons/constants.mjs +1 -1
  44. package/lib/icons/index.js +2 -2
  45. package/lib/icons/index.mjs +2 -2
  46. package/lib/{icons-qP5oNB0W.js → icons-BZI6_5JJ.js} +2 -2
  47. package/lib/{icons-qP5oNB0W.js.map → icons-BZI6_5JJ.js.map} +1 -1
  48. package/lib/{icons-I7T-auOQ.mjs → icons-C5UqghX2.mjs} +2 -2
  49. package/lib/{icons-I7T-auOQ.mjs.map → icons-C5UqghX2.mjs.map} +1 -1
  50. package/lib/input/index.d.mts +2 -2
  51. package/lib/input/index.d.ts +2 -2
  52. package/lib/input/index.js +3 -3
  53. package/lib/input/index.mjs +3 -3
  54. package/lib/{input-DH_jroRh.mjs → input-BJWcutA3.mjs} +2 -2
  55. package/lib/{input-DH_jroRh.mjs.map → input-BJWcutA3.mjs.map} +1 -1
  56. package/lib/{input-D29yD1k-.js → input-e0a-Wul_.js} +2 -2
  57. package/lib/{input-D29yD1k-.js.map → input-e0a-Wul_.js.map} +1 -1
  58. package/lib/{links-Buz2DUOO.mjs → links-CFjOQl4o.mjs} +2 -2
  59. package/lib/{links-Buz2DUOO.mjs.map → links-CFjOQl4o.mjs.map} +1 -1
  60. package/lib/{links-CPX07u-O.js → links-DMd-CuUJ.js} +2 -2
  61. package/lib/{links-CPX07u-O.js.map → links-DMd-CuUJ.js.map} +1 -1
  62. package/lib/logo/constants.js +1 -1
  63. package/lib/logo/constants.mjs +1 -1
  64. package/lib/logo/index.d.mts +7 -7
  65. package/lib/logo/index.js +2 -2
  66. package/lib/logo/index.mjs +2 -2
  67. package/lib/{logo-DzRRd4Y-.js → logo-B35M1BaX.js} +2 -2
  68. package/lib/{logo-DzRRd4Y-.js.map → logo-B35M1BaX.js.map} +1 -1
  69. package/lib/{logo-BSp7gsND.js → logo-CeaVUbIW.js} +2 -2
  70. package/lib/{logo-BSp7gsND.js.map → logo-CeaVUbIW.js.map} +1 -1
  71. package/lib/{logo-CBWWiQoO.mjs → logo-DkEpjnPV.mjs} +2 -2
  72. package/lib/{logo-CBWWiQoO.mjs.map → logo-DkEpjnPV.mjs.map} +1 -1
  73. package/lib/{logo-mBe4a2OP.mjs → logo-lPQ3Apwn.mjs} +2 -2
  74. package/lib/{logo-mBe4a2OP.mjs.map → logo-lPQ3Apwn.mjs.map} +1 -1
  75. package/lib/tab-bar/constants.js +3 -3
  76. package/lib/tab-bar/constants.mjs +3 -3
  77. package/lib/tab-bar/index.js +5 -5
  78. package/lib/tab-bar/index.mjs +5 -5
  79. package/lib/{tab-bar-jI3fYt_7.mjs → tab-bar-C_FxNWkG.mjs} +4 -4
  80. package/lib/{tab-bar-jI3fYt_7.mjs.map → tab-bar-C_FxNWkG.mjs.map} +1 -1
  81. package/lib/{tab-bar-CVPd5go9.js → tab-bar-USs-mSXE.js} +4 -4
  82. package/lib/{tab-bar-CVPd5go9.js.map → tab-bar-USs-mSXE.js.map} +1 -1
  83. package/lib/use-outside-click-BA-T3hJc.d.ts +7 -0
  84. package/lib/{use-outside-click-COJmPFYr.d.ts → use-outside-click-E-9eTkfz.d.mts} +1 -1
  85. package/package.json +6 -3
  86. package/lib/use-outside-click-B_hZCUDr.d.mts +0 -7
@@ -1,5 +1,5 @@
1
1
  import { INTERNAL_LINKS } from "./internal-links-CP3dqmrz.mjs";
2
- import { Clock, Home, KidStar, Topic } from "./icons-I7T-auOQ.mjs";
2
+ import { Clock, Home, KidStar, Topic } from "./icons-C5UqghX2.mjs";
3
3
 
4
4
  //#region src/tab-bar/constants.ts
5
5
  const TabBarItems = (releaseBranch) => [
@@ -31,4 +31,4 @@ const TabBarItems = (releaseBranch) => [
31
31
 
32
32
  //#endregion
33
33
  export { TabBarItems };
34
- //# sourceMappingURL=constants-BG4oRMD_.mjs.map
34
+ //# sourceMappingURL=constants-B8QkNSRh.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"constants-BG4oRMD_.mjs","names":["TabBarItems: (releaseBranch: ReleaseBranch) => TabBarItem[]"],"sources":["../src/tab-bar/constants.ts"],"sourcesContent":["import type { ReactElement } from 'react'\nimport { INTERNAL_LINKS } from '../constants/internal-links'\nimport type { LinkTarget } from '../customized-link/type'\n// icons\nimport { Home, Clock, Topic, KidStar } from '../icons'\n// release branch\nimport type { ReleaseBranch } from '../constants/release-branch'\n\ntype TabBarItem = {\n text: string\n link: string\n target: LinkTarget\n icon: ReactElement\n}\nexport const TabBarItems: (releaseBranch: ReleaseBranch) => TabBarItem[] = (\n releaseBranch\n) => [\n {\n text: '首頁',\n link: INTERNAL_LINKS.home,\n target: '_self',\n icon: Home(releaseBranch),\n },\n {\n text: '最新',\n link: INTERNAL_LINKS.latest,\n target: '_self',\n icon: Clock(releaseBranch),\n },\n {\n text: '深度專題',\n link: INTERNAL_LINKS.topics,\n target: '_self',\n icon: Topic(releaseBranch),\n },\n {\n text: '我的閱讀',\n link: INTERNAL_LINKS.myReading.index,\n target: '_self',\n icon: KidStar(releaseBranch),\n },\n]\n"],"mappings":";;;;AAcA,MAAaA,eACX,kBACG;CACH;EACE,MAAM;EACN,MAAM,eAAe;EACrB,QAAQ;EACR,MAAM,KAAK,cAAc;EAC1B;CACD;EACE,MAAM;EACN,MAAM,eAAe;EACrB,QAAQ;EACR,MAAM,MAAM,cAAc;EAC3B;CACD;EACE,MAAM;EACN,MAAM,eAAe;EACrB,QAAQ;EACR,MAAM,MAAM,cAAc;EAC3B;CACD;EACE,MAAM;EACN,MAAM,eAAe,UAAU;EAC/B,QAAQ;EACR,MAAM,QAAQ,cAAc;EAC7B;CACF"}
1
+ {"version":3,"file":"constants-B8QkNSRh.mjs","names":["TabBarItems: (releaseBranch: ReleaseBranch) => TabBarItem[]"],"sources":["../src/tab-bar/constants.ts"],"sourcesContent":["import type { ReactElement } from 'react'\nimport { INTERNAL_LINKS } from '../constants/internal-links'\nimport type { LinkTarget } from '../customized-link/type'\n// icons\nimport { Home, Clock, Topic, KidStar } from '../icons'\n// release branch\nimport type { ReleaseBranch } from '../constants/release-branch'\n\ntype TabBarItem = {\n text: string\n link: string\n target: LinkTarget\n icon: ReactElement\n}\nexport const TabBarItems: (releaseBranch: ReleaseBranch) => TabBarItem[] = (\n releaseBranch\n) => [\n {\n text: '首頁',\n link: INTERNAL_LINKS.home,\n target: '_self',\n icon: Home(releaseBranch),\n },\n {\n text: '最新',\n link: INTERNAL_LINKS.latest,\n target: '_self',\n icon: Clock(releaseBranch),\n },\n {\n text: '深度專題',\n link: INTERNAL_LINKS.topics,\n target: '_self',\n icon: Topic(releaseBranch),\n },\n {\n text: '我的閱讀',\n link: INTERNAL_LINKS.myReading.index,\n target: '_self',\n icon: KidStar(releaseBranch),\n },\n]\n"],"mappings":";;;;AAcA,MAAaA,eACX,kBACG;CACH;EACE,MAAM;EACN,MAAM,eAAe;EACrB,QAAQ;EACR,MAAM,KAAK,cAAc;EAC1B;CACD;EACE,MAAM;EACN,MAAM,eAAe;EACrB,QAAQ;EACR,MAAM,MAAM,cAAc;EAC3B;CACD;EACE,MAAM;EACN,MAAM,eAAe;EACrB,QAAQ;EACR,MAAM,MAAM,cAAc;EAC3B;CACD;EACE,MAAM;EACN,MAAM,eAAe,UAAU;EAC/B,QAAQ;EACR,MAAM,QAAQ,cAAc;EAC7B;CACF"}
@@ -1,5 +1,5 @@
1
1
  const require_internal_links = require('./internal-links-DxtMobuI.js');
2
- const require_icons = require('./icons-qP5oNB0W.js');
2
+ const require_icons = require('./icons-BZI6_5JJ.js');
3
3
 
4
4
  //#region src/tab-bar/constants.ts
5
5
  const TabBarItems = (releaseBranch) => [
@@ -36,4 +36,4 @@ Object.defineProperty(exports, 'TabBarItems', {
36
36
  return TabBarItems;
37
37
  }
38
38
  });
39
- //# sourceMappingURL=constants-Dt5HD0aL.js.map
39
+ //# sourceMappingURL=constants-CUzusjTU.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"constants-Dt5HD0aL.js","names":["TabBarItems: (releaseBranch: ReleaseBranch) => TabBarItem[]","INTERNAL_LINKS","Home","Clock","Topic","KidStar"],"sources":["../src/tab-bar/constants.ts"],"sourcesContent":["import type { ReactElement } from 'react'\nimport { INTERNAL_LINKS } from '../constants/internal-links'\nimport type { LinkTarget } from '../customized-link/type'\n// icons\nimport { Home, Clock, Topic, KidStar } from '../icons'\n// release branch\nimport type { ReleaseBranch } from '../constants/release-branch'\n\ntype TabBarItem = {\n text: string\n link: string\n target: LinkTarget\n icon: ReactElement\n}\nexport const TabBarItems: (releaseBranch: ReleaseBranch) => TabBarItem[] = (\n releaseBranch\n) => [\n {\n text: '首頁',\n link: INTERNAL_LINKS.home,\n target: '_self',\n icon: Home(releaseBranch),\n },\n {\n text: '最新',\n link: INTERNAL_LINKS.latest,\n target: '_self',\n icon: Clock(releaseBranch),\n },\n {\n text: '深度專題',\n link: INTERNAL_LINKS.topics,\n target: '_self',\n icon: Topic(releaseBranch),\n },\n {\n text: '我的閱讀',\n link: INTERNAL_LINKS.myReading.index,\n target: '_self',\n icon: KidStar(releaseBranch),\n },\n]\n"],"mappings":";;;;AAcA,MAAaA,eACX,kBACG;CACH;EACE,MAAM;EACN,MAAMC,sCAAe;EACrB,QAAQ;EACR,MAAMC,mBAAK,cAAc;EAC1B;CACD;EACE,MAAM;EACN,MAAMD,sCAAe;EACrB,QAAQ;EACR,MAAME,oBAAM,cAAc;EAC3B;CACD;EACE,MAAM;EACN,MAAMF,sCAAe;EACrB,QAAQ;EACR,MAAMG,oBAAM,cAAc;EAC3B;CACD;EACE,MAAM;EACN,MAAMH,sCAAe,UAAU;EAC/B,QAAQ;EACR,MAAMI,sBAAQ,cAAc;EAC7B;CACF"}
1
+ {"version":3,"file":"constants-CUzusjTU.js","names":["TabBarItems: (releaseBranch: ReleaseBranch) => TabBarItem[]","INTERNAL_LINKS","Home","Clock","Topic","KidStar"],"sources":["../src/tab-bar/constants.ts"],"sourcesContent":["import type { ReactElement } from 'react'\nimport { INTERNAL_LINKS } from '../constants/internal-links'\nimport type { LinkTarget } from '../customized-link/type'\n// icons\nimport { Home, Clock, Topic, KidStar } from '../icons'\n// release branch\nimport type { ReleaseBranch } from '../constants/release-branch'\n\ntype TabBarItem = {\n text: string\n link: string\n target: LinkTarget\n icon: ReactElement\n}\nexport const TabBarItems: (releaseBranch: ReleaseBranch) => TabBarItem[] = (\n releaseBranch\n) => [\n {\n text: '首頁',\n link: INTERNAL_LINKS.home,\n target: '_self',\n icon: Home(releaseBranch),\n },\n {\n text: '最新',\n link: INTERNAL_LINKS.latest,\n target: '_self',\n icon: Clock(releaseBranch),\n },\n {\n text: '深度專題',\n link: INTERNAL_LINKS.topics,\n target: '_self',\n icon: Topic(releaseBranch),\n },\n {\n text: '我的閱讀',\n link: INTERNAL_LINKS.myReading.index,\n target: '_self',\n icon: KidStar(releaseBranch),\n },\n]\n"],"mappings":";;;;AAcA,MAAaA,eACX,kBACG;CACH;EACE,MAAM;EACN,MAAMC,sCAAe;EACrB,QAAQ;EACR,MAAMC,mBAAK,cAAc;EAC1B;CACD;EACE,MAAM;EACN,MAAMD,sCAAe;EACrB,QAAQ;EACR,MAAME,oBAAM,cAAc;EAC3B;CACD;EACE,MAAM;EACN,MAAMF,sCAAe;EACrB,QAAQ;EACR,MAAMG,oBAAM,cAAc;EAC3B;CACD;EACE,MAAM;EACN,MAAMH,sCAAe,UAAU;EAC/B,QAAQ;EACR,MAAMI,sBAAQ,cAAc;EAC7B;CACF"}
@@ -17,4 +17,4 @@ const LOGO_SYMBOL_TYPE = {
17
17
 
18
18
  //#endregion
19
19
  export { LOGO, LOGO_SYMBOL_TYPE, LOGO_TYPE };
20
- //# sourceMappingURL=constants-DRxdMM_X.mjs.map
20
+ //# sourceMappingURL=constants-DKqcALfv.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"constants-DRxdMM_X.mjs","names":[],"sources":["../src/logo/constants.ts"],"sourcesContent":["import type { ValuesOf } from '../types'\n\nexport const LOGO = {\n header: 'header',\n footer: 'footer',\n symbol: 'symbol',\n 'loading-fallback': 'loading-fallback',\n} as const\n\nexport type Logo = ValuesOf<typeof LOGO>\n\nexport const LOGO_TYPE = {\n default: 'default',\n white: 'white',\n} as const\n\nexport type LogoType = ValuesOf<typeof LOGO_TYPE>\n\nexport const LOGO_SYMBOL_TYPE = {\n default: 'default',\n white: 'white',\n black: 'black',\n} as const\n\nexport type LogoSymbolType = ValuesOf<typeof LOGO_SYMBOL_TYPE>\n"],"mappings":";AAEA,MAAa,OAAO;CAClB,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,oBAAoB;CACrB;AAID,MAAa,YAAY;CACvB,SAAS;CACT,OAAO;CACR;AAID,MAAa,mBAAmB;CAC9B,SAAS;CACT,OAAO;CACP,OAAO;CACR"}
1
+ {"version":3,"file":"constants-DKqcALfv.mjs","names":[],"sources":["../src/logo/constants.ts"],"sourcesContent":["import type { ValuesOf } from '../types'\n\nexport const LOGO = {\n header: 'header',\n footer: 'footer',\n symbol: 'symbol',\n 'loading-fallback': 'loading-fallback',\n} as const\n\nexport type Logo = ValuesOf<typeof LOGO>\n\nexport const LOGO_TYPE = {\n default: 'default',\n white: 'white',\n} as const\n\nexport type LogoType = ValuesOf<typeof LOGO_TYPE>\n\nexport const LOGO_SYMBOL_TYPE = {\n default: 'default',\n white: 'white',\n black: 'black',\n} as const\n\nexport type LogoSymbolType = ValuesOf<typeof LOGO_SYMBOL_TYPE>\n"],"mappings":";AAEA,MAAa,OAAO;CAClB,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,oBAAoB;CACrB;AAID,MAAa,YAAY;CACvB,SAAS;CACT,OAAO;CACR;AAID,MAAa,mBAAmB;CAC9B,SAAS;CACT,OAAO;CACP,OAAO;CACR"}
@@ -23,4 +23,4 @@ const MEDIA_TYPE = {
23
23
 
24
24
  //#endregion
25
25
  export { ARROW_DIRECTION, ICON_TYPE, MEDIA_TYPE };
26
- //# sourceMappingURL=constants-5phfWHvb.mjs.map
26
+ //# sourceMappingURL=constants-Npoq7yu0.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"constants-5phfWHvb.mjs","names":[],"sources":["../src/icons/constants.ts"],"sourcesContent":["import type { ValuesOf } from '../types'\n\nexport const ICON_TYPE = {\n mask: 'mask',\n raw: 'raw',\n} as const\n\nexport type IconType = ValuesOf<typeof ICON_TYPE>\n\nexport const ARROW_DIRECTION = {\n right: 'right',\n left: 'left',\n up: 'up',\n down: 'down',\n} as const\n\nexport type ArrowDirection = ValuesOf<typeof ARROW_DIRECTION>\n\nexport const MEDIA_TYPE = {\n facebook: 'facebook',\n instagram: 'instagram',\n medium: 'medium',\n twitter: 'twitter',\n youtube: 'youtube',\n line: 'line',\n google: 'google',\n plurk: 'plurk',\n threads: 'threads',\n} as const\n\nexport type MediaType = ValuesOf<typeof MEDIA_TYPE>\n"],"mappings":";AAEA,MAAa,YAAY;CACvB,MAAM;CACN,KAAK;CACN;AAID,MAAa,kBAAkB;CAC7B,OAAO;CACP,MAAM;CACN,IAAI;CACJ,MAAM;CACP;AAID,MAAa,aAAa;CACxB,UAAU;CACV,WAAW;CACX,QAAQ;CACR,SAAS;CACT,SAAS;CACT,MAAM;CACN,QAAQ;CACR,OAAO;CACP,SAAS;CACV"}
1
+ {"version":3,"file":"constants-Npoq7yu0.mjs","names":[],"sources":["../src/icons/constants.ts"],"sourcesContent":["import type { ValuesOf } from '../types'\n\nexport const ICON_TYPE = {\n mask: 'mask',\n raw: 'raw',\n} as const\n\nexport type IconType = ValuesOf<typeof ICON_TYPE>\n\nexport const ARROW_DIRECTION = {\n right: 'right',\n left: 'left',\n up: 'up',\n down: 'down',\n} as const\n\nexport type ArrowDirection = ValuesOf<typeof ARROW_DIRECTION>\n\nexport const MEDIA_TYPE = {\n facebook: 'facebook',\n instagram: 'instagram',\n medium: 'medium',\n twitter: 'twitter',\n youtube: 'youtube',\n line: 'line',\n google: 'google',\n plurk: 'plurk',\n threads: 'threads',\n} as const\n\nexport type MediaType = ValuesOf<typeof MEDIA_TYPE>\n"],"mappings":";AAEA,MAAa,YAAY;CACvB,MAAM;CACN,KAAK;CACN;AAID,MAAa,kBAAkB;CAC7B,OAAO;CACP,MAAM;CACN,IAAI;CACJ,MAAM;CACP;AAID,MAAa,aAAa;CACxB,UAAU;CACV,WAAW;CACX,QAAQ;CACR,SAAS;CACT,SAAS;CACT,MAAM;CACN,QAAQ;CACR,OAAO;CACP,SAAS;CACV"}
@@ -41,4 +41,4 @@ Object.defineProperty(exports, 'MEDIA_TYPE', {
41
41
  return MEDIA_TYPE;
42
42
  }
43
43
  });
44
- //# sourceMappingURL=constants-D8wNUvoZ.js.map
44
+ //# sourceMappingURL=constants-R6EfY15A.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"constants-D8wNUvoZ.js","names":[],"sources":["../src/icons/constants.ts"],"sourcesContent":["import type { ValuesOf } from '../types'\n\nexport const ICON_TYPE = {\n mask: 'mask',\n raw: 'raw',\n} as const\n\nexport type IconType = ValuesOf<typeof ICON_TYPE>\n\nexport const ARROW_DIRECTION = {\n right: 'right',\n left: 'left',\n up: 'up',\n down: 'down',\n} as const\n\nexport type ArrowDirection = ValuesOf<typeof ARROW_DIRECTION>\n\nexport const MEDIA_TYPE = {\n facebook: 'facebook',\n instagram: 'instagram',\n medium: 'medium',\n twitter: 'twitter',\n youtube: 'youtube',\n line: 'line',\n google: 'google',\n plurk: 'plurk',\n threads: 'threads',\n} as const\n\nexport type MediaType = ValuesOf<typeof MEDIA_TYPE>\n"],"mappings":";;AAEA,MAAa,YAAY;CACvB,MAAM;CACN,KAAK;CACN;AAID,MAAa,kBAAkB;CAC7B,OAAO;CACP,MAAM;CACN,IAAI;CACJ,MAAM;CACP;AAID,MAAa,aAAa;CACxB,UAAU;CACV,WAAW;CACX,QAAQ;CACR,SAAS;CACT,SAAS;CACT,MAAM;CACN,QAAQ;CACR,OAAO;CACP,SAAS;CACV"}
1
+ {"version":3,"file":"constants-R6EfY15A.js","names":[],"sources":["../src/icons/constants.ts"],"sourcesContent":["import type { ValuesOf } from '../types'\n\nexport const ICON_TYPE = {\n mask: 'mask',\n raw: 'raw',\n} as const\n\nexport type IconType = ValuesOf<typeof ICON_TYPE>\n\nexport const ARROW_DIRECTION = {\n right: 'right',\n left: 'left',\n up: 'up',\n down: 'down',\n} as const\n\nexport type ArrowDirection = ValuesOf<typeof ARROW_DIRECTION>\n\nexport const MEDIA_TYPE = {\n facebook: 'facebook',\n instagram: 'instagram',\n medium: 'medium',\n twitter: 'twitter',\n youtube: 'youtube',\n line: 'line',\n google: 'google',\n plurk: 'plurk',\n threads: 'threads',\n} as const\n\nexport type MediaType = ValuesOf<typeof MEDIA_TYPE>\n"],"mappings":";;AAEA,MAAa,YAAY;CACvB,MAAM;CACN,KAAK;CACN;AAID,MAAa,kBAAkB;CAC7B,OAAO;CACP,MAAM;CACN,IAAI;CACJ,MAAM;CACP;AAID,MAAa,aAAa;CACxB,UAAU;CACV,WAAW;CACX,QAAQ;CACR,SAAS;CACT,SAAS;CACT,MAAM;CACN,QAAQ;CACR,OAAO;CACP,SAAS;CACV"}
@@ -35,4 +35,4 @@ Object.defineProperty(exports, 'LOGO_TYPE', {
35
35
  return LOGO_TYPE;
36
36
  }
37
37
  });
38
- //# sourceMappingURL=constants-C2moxnps.js.map
38
+ //# sourceMappingURL=constants-pqSeExjX.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"constants-C2moxnps.js","names":[],"sources":["../src/logo/constants.ts"],"sourcesContent":["import type { ValuesOf } from '../types'\n\nexport const LOGO = {\n header: 'header',\n footer: 'footer',\n symbol: 'symbol',\n 'loading-fallback': 'loading-fallback',\n} as const\n\nexport type Logo = ValuesOf<typeof LOGO>\n\nexport const LOGO_TYPE = {\n default: 'default',\n white: 'white',\n} as const\n\nexport type LogoType = ValuesOf<typeof LOGO_TYPE>\n\nexport const LOGO_SYMBOL_TYPE = {\n default: 'default',\n white: 'white',\n black: 'black',\n} as const\n\nexport type LogoSymbolType = ValuesOf<typeof LOGO_SYMBOL_TYPE>\n"],"mappings":";;AAEA,MAAa,OAAO;CAClB,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,oBAAoB;CACrB;AAID,MAAa,YAAY;CACvB,SAAS;CACT,OAAO;CACR;AAID,MAAa,mBAAmB;CAC9B,SAAS;CACT,OAAO;CACP,OAAO;CACR"}
1
+ {"version":3,"file":"constants-pqSeExjX.js","names":[],"sources":["../src/logo/constants.ts"],"sourcesContent":["import type { ValuesOf } from '../types'\n\nexport const LOGO = {\n header: 'header',\n footer: 'footer',\n symbol: 'symbol',\n 'loading-fallback': 'loading-fallback',\n} as const\n\nexport type Logo = ValuesOf<typeof LOGO>\n\nexport const LOGO_TYPE = {\n default: 'default',\n white: 'white',\n} as const\n\nexport type LogoType = ValuesOf<typeof LOGO_TYPE>\n\nexport const LOGO_SYMBOL_TYPE = {\n default: 'default',\n white: 'white',\n black: 'black',\n} as const\n\nexport type LogoSymbolType = ValuesOf<typeof LOGO_SYMBOL_TYPE>\n"],"mappings":";;AAEA,MAAa,OAAO;CAClB,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,oBAAoB;CACrB;AAID,MAAa,YAAY;CACvB,SAAS;CACT,OAAO;CACR;AAID,MAAa,mBAAmB;CAC9B,SAAS;CACT,OAAO;CACP,OAAO;CACR"}
@@ -21,4 +21,4 @@ const HamburgerContext = createContext({
21
21
 
22
22
  //#endregion
23
23
  export { HamburgerContext, HeaderContext };
24
- //# sourceMappingURL=context-BgdqM3zA.mjs.map
24
+ //# sourceMappingURL=context-C9AuSZIE.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"context-BgdqM3zA.mjs","names":[],"sources":["../src/header/context/index.ts"],"sourcesContent":["import { createContext } from 'react'\n\nimport { THEME, type Theme } from '../../constants/theme'\nimport {\n RELEASE_BRANCH,\n type ReleaseBranch,\n} from '../../constants/release-branch'\n\nexport type HeaderContextType = {\n theme: Theme\n releaseBranch: ReleaseBranch\n isLinkExternal: boolean\n isAuthed: boolean\n pathname: string\n referrerPath: string\n toUseNarrow: boolean\n hideHeader: boolean\n}\nexport const HeaderContext = createContext<HeaderContextType>({\n theme: THEME.normal,\n releaseBranch: RELEASE_BRANCH.master,\n isLinkExternal: false,\n isAuthed: false,\n pathname: '',\n referrerPath: '',\n toUseNarrow: false,\n hideHeader: false,\n})\n\nexport type HamburgerContextType = {\n toggleHamburger: () => void\n closeHamburgerMenu: () => void\n isHamburgerMenuOpen: boolean\n}\nexport const HamburgerContext = createContext<HamburgerContextType>({\n toggleHamburger: () => {},\n closeHamburgerMenu: () => {},\n isHamburgerMenuOpen: false,\n})\n"],"mappings":";;;;;AAkBA,MAAa,gBAAgB,cAAiC;CAC5D,OAAO,MAAM;CACb,eAAe,eAAe;CAC9B,gBAAgB;CAChB,UAAU;CACV,UAAU;CACV,cAAc;CACd,aAAa;CACb,YAAY;CACb,CAAC;AAOF,MAAa,mBAAmB,cAAoC;CAClE,uBAAuB;CACvB,0BAA0B;CAC1B,qBAAqB;CACtB,CAAC"}
1
+ {"version":3,"file":"context-C9AuSZIE.mjs","names":[],"sources":["../src/header/context/index.ts"],"sourcesContent":["import { createContext } from 'react'\n\nimport { THEME, type Theme } from '../../constants/theme'\nimport {\n RELEASE_BRANCH,\n type ReleaseBranch,\n} from '../../constants/release-branch'\n\nexport type HeaderContextType = {\n theme: Theme\n releaseBranch: ReleaseBranch\n isLinkExternal: boolean\n isAuthed: boolean\n pathname: string\n referrerPath: string\n toUseNarrow: boolean\n hideHeader: boolean\n}\nexport const HeaderContext = createContext<HeaderContextType>({\n theme: THEME.normal,\n releaseBranch: RELEASE_BRANCH.master,\n isLinkExternal: false,\n isAuthed: false,\n pathname: '',\n referrerPath: '',\n toUseNarrow: false,\n hideHeader: false,\n})\n\nexport type HamburgerContextType = {\n toggleHamburger: () => void\n closeHamburgerMenu: () => void\n isHamburgerMenuOpen: boolean\n}\nexport const HamburgerContext = createContext<HamburgerContextType>({\n toggleHamburger: () => {},\n closeHamburgerMenu: () => {},\n isHamburgerMenuOpen: false,\n})\n"],"mappings":";;;;;AAkBA,MAAa,gBAAgB,cAAiC;CAC5D,OAAO,MAAM;CACb,eAAe,eAAe;CAC9B,gBAAgB;CAChB,UAAU;CACV,UAAU;CACV,cAAc;CACd,aAAa;CACb,YAAY;CACb,CAAC;AAOF,MAAa,mBAAmB,cAAoC;CAClE,uBAAuB;CACvB,0BAA0B;CAC1B,qBAAqB;CACtB,CAAC"}
@@ -34,4 +34,4 @@ Object.defineProperty(exports, 'HeaderContext', {
34
34
  return HeaderContext;
35
35
  }
36
36
  });
37
- //# sourceMappingURL=context-I1lTR5SO.js.map
37
+ //# sourceMappingURL=context-vBt5fnU9.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"context-I1lTR5SO.js","names":["THEME","RELEASE_BRANCH"],"sources":["../src/header/context/index.ts"],"sourcesContent":["import { createContext } from 'react'\n\nimport { THEME, type Theme } from '../../constants/theme'\nimport {\n RELEASE_BRANCH,\n type ReleaseBranch,\n} from '../../constants/release-branch'\n\nexport type HeaderContextType = {\n theme: Theme\n releaseBranch: ReleaseBranch\n isLinkExternal: boolean\n isAuthed: boolean\n pathname: string\n referrerPath: string\n toUseNarrow: boolean\n hideHeader: boolean\n}\nexport const HeaderContext = createContext<HeaderContextType>({\n theme: THEME.normal,\n releaseBranch: RELEASE_BRANCH.master,\n isLinkExternal: false,\n isAuthed: false,\n pathname: '',\n referrerPath: '',\n toUseNarrow: false,\n hideHeader: false,\n})\n\nexport type HamburgerContextType = {\n toggleHamburger: () => void\n closeHamburgerMenu: () => void\n isHamburgerMenuOpen: boolean\n}\nexport const HamburgerContext = createContext<HamburgerContextType>({\n toggleHamburger: () => {},\n closeHamburgerMenu: () => {},\n isHamburgerMenuOpen: false,\n})\n"],"mappings":";;;;;;;AAkBA,MAAa,yCAAiD;CAC5D,OAAOA,oBAAM;CACb,eAAeC,sCAAe;CAC9B,gBAAgB;CAChB,UAAU;CACV,UAAU;CACV,cAAc;CACd,aAAa;CACb,YAAY;CACb,CAAC;AAOF,MAAa,4CAAuD;CAClE,uBAAuB;CACvB,0BAA0B;CAC1B,qBAAqB;CACtB,CAAC"}
1
+ {"version":3,"file":"context-vBt5fnU9.js","names":["THEME","RELEASE_BRANCH"],"sources":["../src/header/context/index.ts"],"sourcesContent":["import { createContext } from 'react'\n\nimport { THEME, type Theme } from '../../constants/theme'\nimport {\n RELEASE_BRANCH,\n type ReleaseBranch,\n} from '../../constants/release-branch'\n\nexport type HeaderContextType = {\n theme: Theme\n releaseBranch: ReleaseBranch\n isLinkExternal: boolean\n isAuthed: boolean\n pathname: string\n referrerPath: string\n toUseNarrow: boolean\n hideHeader: boolean\n}\nexport const HeaderContext = createContext<HeaderContextType>({\n theme: THEME.normal,\n releaseBranch: RELEASE_BRANCH.master,\n isLinkExternal: false,\n isAuthed: false,\n pathname: '',\n referrerPath: '',\n toUseNarrow: false,\n hideHeader: false,\n})\n\nexport type HamburgerContextType = {\n toggleHamburger: () => void\n closeHamburgerMenu: () => void\n isHamburgerMenuOpen: boolean\n}\nexport const HamburgerContext = createContext<HamburgerContextType>({\n toggleHamburger: () => {},\n closeHamburgerMenu: () => {},\n isHamburgerMenuOpen: false,\n})\n"],"mappings":";;;;;;;AAkBA,MAAa,yCAAiD;CAC5D,OAAOA,oBAAM;CACb,eAAeC,sCAAe;CAC9B,gBAAgB;CAChB,UAAU;CACV,UAAU;CACV,cAAc;CACd,aAAa;CACb,YAAY;CACb,CAAC;AAOF,MAAa,4CAAuD;CAClE,uBAAuB;CACvB,0BAA0B;CAC1B,qBAAqB;CACtB,CAAC"}
@@ -1,12 +1,12 @@
1
1
  import { CustomizedLinkProps } from "../type-CcygKers.js";
2
2
  import { ExternalLink } from "../external-link-BMxYePU7.js";
3
3
  import { InternalLink } from "../internal-link-BL950cs3.js";
4
- import * as react9 from "react";
4
+ import * as react6 from "react";
5
5
 
6
6
  //#region src/customized-link/index.d.ts
7
7
  declare const _default: {
8
- ExternalLink: react9.FC<CustomizedLinkProps>;
9
- InternalLink: react9.FC<CustomizedLinkProps>;
8
+ ExternalLink: react6.FC<CustomizedLinkProps>;
9
+ InternalLink: react6.FC<CustomizedLinkProps>;
10
10
  };
11
11
  //#endregion
12
12
  export { ExternalLink, InternalLink, _default as default };
@@ -5,10 +5,10 @@ require('../release-branch-CRZV4Ivz.js');
5
5
  require('../external-link-Ce1_loKh.js');
6
6
  require('../internal-link-Bq4yp13E.js');
7
7
  require('../customized-link-BDKQVdcH.js');
8
- require('../context-I1lTR5SO.js');
9
- require('../constants-D8wNUvoZ.js');
10
- require('../icons-qP5oNB0W.js');
11
- require('../constants-C2moxnps.js');
12
- const require_dropdown_menu = require('../dropdown-menu-CKH3qADt.js');
8
+ require('../constants-pqSeExjX.js');
9
+ require('../constants-R6EfY15A.js');
10
+ require('../icons-BZI6_5JJ.js');
11
+ require('../context-vBt5fnU9.js');
12
+ const require_dropdown_menu = require('../dropdown-menu-CTUg6MST.js');
13
13
 
14
14
  exports.DropdownMenu = require_dropdown_menu.DropdownMenu;
@@ -5,10 +5,10 @@ import "../theme-BG6yZVj-.mjs";
5
5
  import "../release-branch-DNCD1uH_.mjs";
6
6
  import "../external-link-BMIFL3DE.mjs";
7
7
  import "../customized-link-D3p9rjEe.mjs";
8
- import "../context-BgdqM3zA.mjs";
9
- import "../constants-5phfWHvb.mjs";
10
- import "../icons-I7T-auOQ.mjs";
11
- import "../constants-DRxdMM_X.mjs";
12
- import { DropdownMenu } from "../dropdown-menu-DMp_Bmo0.mjs";
8
+ import "../constants-DKqcALfv.mjs";
9
+ import "../constants-Npoq7yu0.mjs";
10
+ import "../icons-C5UqghX2.mjs";
11
+ import "../context-C9AuSZIE.mjs";
12
+ import { DropdownMenu } from "../dropdown-menu-MOuxtoud.mjs";
13
13
 
14
14
  export { DropdownMenu };
@@ -3,9 +3,9 @@ const require_paragraph = require('./paragraph-iuz3jP0Q.js');
3
3
  const require_theme = require('./theme-DDBlIbeS.js');
4
4
  const require_external_link = require('./external-link-Ce1_loKh.js');
5
5
  const require_internal_link = require('./internal-link-Bq4yp13E.js');
6
- const require_context = require('./context-I1lTR5SO.js');
7
- const require_icons = require('./icons-qP5oNB0W.js');
8
- const require_constants = require('./constants-C2moxnps.js');
6
+ const require_constants = require('./constants-pqSeExjX.js');
7
+ const require_icons = require('./icons-BZI6_5JJ.js');
8
+ const require_context = require('./context-vBt5fnU9.js');
9
9
  let react = require("react");
10
10
  react = require_chunk.__toESM(react);
11
11
  let clsx = require("clsx");
@@ -147,4 +147,4 @@ Object.defineProperty(exports, 'selectLogoType', {
147
147
  return selectLogoType;
148
148
  }
149
149
  });
150
- //# sourceMappingURL=dropdown-menu-CKH3qADt.js.map
150
+ //# sourceMappingURL=dropdown-menu-CTUg6MST.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"dropdown-menu-CKH3qADt.js","names":["THEME","LOGO_SYMBOL_TYPE","DropdownMenuItem: FC<{\n label: string\n}>","HeaderContext","P2","DropdownMenu: FC<DropdownMenuProps>","HeaderContext","ExternalLink","InternalLink","P1","Arrow","DropdownMenuItem"],"sources":["../src/hamburger-menu/utils/theme.ts","../src/dropdown-menu/dropdown-menu-item/index.tsx","../src/dropdown-menu/index.tsx"],"sourcesContent":["import { THEME, type Theme } from '../../constants/theme'\n// logo\nimport { LOGO_SYMBOL_TYPE } from '../../logo/constants'\n\nexport const selectHamburgerMenuTheme = (theme: Theme) => {\n switch (theme) {\n case THEME.photography:\n return {\n bgColor: 'bg-photo-dark',\n scrollBarColor: '[&::-webkit-scrollbar-thumb]:bg-opacity-white-08',\n }\n default:\n return {\n bgColor: 'bg-gray-white',\n scrollBarColor: '[&::-webkit-scrollbar-thumb]:bg-opacity-black-02',\n }\n }\n}\n\nexport const selectLogoType = (theme: Theme) => {\n switch (theme) {\n case THEME.photography:\n case THEME.transparent:\n return LOGO_SYMBOL_TYPE.white\n default:\n return LOGO_SYMBOL_TYPE.default\n }\n}\n\nexport const selectHamburgerItemTheme = (theme: Theme, active = false) => {\n switch (theme) {\n case THEME.photography:\n return {\n color: active ? 'text-supportive-pastel' : 'text-gray-white',\n svgBgColor: active\n ? '[&>svg]:bg-supportive-pastel'\n : '[&>svg]:bg-gray-white',\n hoverBgColor: 'hover:bg-opacity-white-02',\n activeBgColor: 'active:bg-opacity-white-05',\n }\n default:\n return {\n color: active ? 'text-brand-heavy' : 'text-gray-800',\n svgBgColor: active ? '[&>svg]:bg-brand-heavy' : '[&>svg]:bg-gray-800',\n hoverBgColor: 'hover:bg-gray-100',\n activeBgColor: 'active:bg-gray-200',\n }\n }\n}\n\nexport const selectHamburgerFooterTheme = (theme: Theme) => {\n switch (theme) {\n case THEME.photography:\n return {\n color: 'text-gray-400',\n hoverColor: 'hover:text-gray-400',\n hoverBgColor: 'hover:bg-opacity-white-02',\n svgHoverBgColor: 'hover:[&>svg]:bg-gray-400',\n svgBgColor: '[&>svg]:bg-gray-400',\n activeColor: 'active:text-gray-400',\n activeBgColor: 'active:bg-opacity-white-05',\n svgActiveBgColor: 'active:[&>svg]:bg-gray-400',\n }\n default:\n return {\n color: 'text-gray-600',\n hoverColor: 'hover:text-gray-800',\n hoverBgColor: 'hover:bg-gray-100',\n svgHoverBgColor: 'hover:[&>svg]:bg-gray-800',\n svgBgColor: '[&>svg]:bg-gray-600',\n activeColor: 'active:text-gray-800',\n activeBgColor: 'active:bg-gray-200',\n svgActiveBgColor: 'active:[&>svg]:bg-gray-800',\n }\n }\n}\n","import { useContext, type FC } from 'react'\nimport clsx from 'clsx'\n// context\nimport { HeaderContext } from '../../header/context'\n// theme\nimport { selectHamburgerItemTheme } from '../../hamburger-menu/utils/theme'\n// text\nimport { P2 } from '../../text/paragraph'\nconst DropdownMenuItem: FC<{\n label: string\n}> = ({ label }) => {\n const { theme } = useContext(HeaderContext)\n const { color, hoverBgColor, activeBgColor } = selectHamburgerItemTheme(theme)\n return (\n <div\n className={clsx(\n 'py-[8px] pl-[48px] pr-[32px] cursor-pointer',\n color,\n hoverBgColor,\n activeBgColor\n )}\n >\n <P2 text={label} weight={P2.Weight.bold} />\n </div>\n )\n}\n\nexport default DropdownMenuItem\n","import { useContext, type FC } from 'react'\nimport clsx from 'clsx'\n// context\nimport { HeaderContext } from '../header/context'\n// text\nimport { P1 } from '../text/paragraph'\n// icons\nimport { Arrow } from '../icons'\n// theme\nimport { selectHamburgerItemTheme } from '../hamburger-menu/utils/theme'\n// components\nimport DropdownMenuItem from './dropdown-menu-item'\n// link\nimport { ExternalLink, InternalLink } from '../customized-link'\nimport type { LinkTarget } from '../customized-link/type'\n\ntype DropdownMenuProps = {\n text?: string\n isActive?: boolean\n dropdownItems: { label: string; to: string; target: LinkTarget }[]\n}\nconst DropdownMenu: FC<DropdownMenuProps> = ({\n text = '',\n isActive = false,\n dropdownItems = [],\n}) => {\n const { theme, releaseBranch, isLinkExternal } = useContext(HeaderContext)\n const { color, svgBgColor, hoverBgColor, activeBgColor } =\n selectHamburgerItemTheme(theme, isActive)\n const LinkComponent = isLinkExternal ? ExternalLink : InternalLink\n return (\n <>\n <div\n className={clsx(\n 'flex items-center justify-between cursor-pointer py-[8px] px-[32px]',\n '[&>svg]:transition-all [&>svg]:duration-300',\n svgBgColor,\n color,\n hoverBgColor,\n isActive ? `[&>svg]:-rotate-[180deg]` : '[&>svg]:rotate-[0deg]',\n isActive ? activeBgColor : ''\n )}\n >\n <P1 text={text} weight={P1.Weight.bold} />\n <Arrow direction=\"down\" releaseBranch={releaseBranch} />\n </div>\n <div\n className={clsx(\n 'overflow-hidden transition-all duration-300 ease-in-out',\n isActive ? 'max-h-[300px]' : 'max-h-0'\n )}\n >\n {dropdownItems.map((itme) => {\n return (\n <LinkComponent to={itme.to} target={itme.target} key={itme.label}>\n <DropdownMenuItem label={itme.label} />\n </LinkComponent>\n )\n })}\n </div>\n </>\n )\n}\n\nexport { DropdownMenu }\n"],"mappings":";;;;;;;;;;;;;;;;AAIA,MAAa,4BAA4B,UAAiB;AACxD,SAAQ,OAAR;EACE,KAAKA,oBAAM,YACT,QAAO;GACL,SAAS;GACT,gBAAgB;GACjB;EACH,QACE,QAAO;GACL,SAAS;GACT,gBAAgB;GACjB;;;AAIP,MAAa,kBAAkB,UAAiB;AAC9C,SAAQ,OAAR;EACE,KAAKA,oBAAM;EACX,KAAKA,oBAAM,YACT,QAAOC,mCAAiB;EAC1B,QACE,QAAOA,mCAAiB;;;AAI9B,MAAa,4BAA4B,OAAc,SAAS,UAAU;AACxE,SAAQ,OAAR;EACE,KAAKD,oBAAM,YACT,QAAO;GACL,OAAO,SAAS,2BAA2B;GAC3C,YAAY,SACR,iCACA;GACJ,cAAc;GACd,eAAe;GAChB;EACH,QACE,QAAO;GACL,OAAO,SAAS,qBAAqB;GACrC,YAAY,SAAS,2BAA2B;GAChD,cAAc;GACd,eAAe;GAChB;;;AAIP,MAAa,8BAA8B,UAAiB;AAC1D,SAAQ,OAAR;EACE,KAAKA,oBAAM,YACT,QAAO;GACL,OAAO;GACP,YAAY;GACZ,cAAc;GACd,iBAAiB;GACjB,YAAY;GACZ,aAAa;GACb,eAAe;GACf,kBAAkB;GACnB;EACH,QACE,QAAO;GACL,OAAO;GACP,YAAY;GACZ,cAAc;GACd,iBAAiB;GACjB,YAAY;GACZ,aAAa;GACb,eAAe;GACf,kBAAkB;GACnB;;;;;;ACjEP,MAAME,oBAEA,EAAE,YAAY;CAClB,MAAM,EAAE,gCAAqBC,8BAAc;CAC3C,MAAM,EAAE,OAAO,cAAc,kBAAkB,yBAAyB,MAAM;AAC9E,QACE,2CAAC;EACC,6BACE,+CACA,OACA,cACA,cACD;YAED,2CAACC;GAAG,MAAM;GAAO,QAAQA,qBAAG,OAAO;IAAQ;GACvC;;AAIV,iCAAe;;;;ACNf,MAAMC,gBAAuC,EAC3C,OAAO,IACP,WAAW,OACX,gBAAgB,EAAE,OACd;CACJ,MAAM,EAAE,OAAO,eAAe,yCAA8BC,8BAAc;CAC1E,MAAM,EAAE,OAAO,YAAY,cAAc,kBACvC,yBAAyB,OAAO,SAAS;CAC3C,MAAM,gBAAgB,iBAAiBC,8CAAeC;AACtD,QACE,qFACE,4CAAC;EACC,6BACE,uEACA,+CACA,YACA,OACA,cACA,WAAW,6BAA6B,yBACxC,WAAW,gBAAgB,GAC5B;aAED,2CAACC;GAAS;GAAM,QAAQA,qBAAG,OAAO;IAAQ,EAC1C,2CAACC;GAAM,WAAU;GAAsB;IAAiB;GACpD,EACN,2CAAC;EACC,6BACE,2DACA,WAAW,kBAAkB,UAC9B;YAEA,cAAc,KAAK,SAAS;AAC3B,UACE,2CAAC;IAAc,IAAI,KAAK;IAAI,QAAQ,KAAK;cACvC,2CAACC,8BAAiB,OAAO,KAAK,QAAS;MADa,KAAK,MAE3C;IAElB;GACE,IACL"}
1
+ {"version":3,"file":"dropdown-menu-CTUg6MST.js","names":["THEME","LOGO_SYMBOL_TYPE","DropdownMenuItem: FC<{\n label: string\n}>","HeaderContext","P2","DropdownMenu: FC<DropdownMenuProps>","HeaderContext","ExternalLink","InternalLink","P1","Arrow","DropdownMenuItem"],"sources":["../src/hamburger-menu/utils/theme.ts","../src/dropdown-menu/dropdown-menu-item/index.tsx","../src/dropdown-menu/index.tsx"],"sourcesContent":["import { THEME, type Theme } from '../../constants/theme'\n// logo\nimport { LOGO_SYMBOL_TYPE } from '../../logo/constants'\n\nexport const selectHamburgerMenuTheme = (theme: Theme) => {\n switch (theme) {\n case THEME.photography:\n return {\n bgColor: 'bg-photo-dark',\n scrollBarColor: '[&::-webkit-scrollbar-thumb]:bg-opacity-white-08',\n }\n default:\n return {\n bgColor: 'bg-gray-white',\n scrollBarColor: '[&::-webkit-scrollbar-thumb]:bg-opacity-black-02',\n }\n }\n}\n\nexport const selectLogoType = (theme: Theme) => {\n switch (theme) {\n case THEME.photography:\n case THEME.transparent:\n return LOGO_SYMBOL_TYPE.white\n default:\n return LOGO_SYMBOL_TYPE.default\n }\n}\n\nexport const selectHamburgerItemTheme = (theme: Theme, active = false) => {\n switch (theme) {\n case THEME.photography:\n return {\n color: active ? 'text-supportive-pastel' : 'text-gray-white',\n svgBgColor: active\n ? '[&>svg]:bg-supportive-pastel'\n : '[&>svg]:bg-gray-white',\n hoverBgColor: 'hover:bg-opacity-white-02',\n activeBgColor: 'active:bg-opacity-white-05',\n }\n default:\n return {\n color: active ? 'text-brand-heavy' : 'text-gray-800',\n svgBgColor: active ? '[&>svg]:bg-brand-heavy' : '[&>svg]:bg-gray-800',\n hoverBgColor: 'hover:bg-gray-100',\n activeBgColor: 'active:bg-gray-200',\n }\n }\n}\n\nexport const selectHamburgerFooterTheme = (theme: Theme) => {\n switch (theme) {\n case THEME.photography:\n return {\n color: 'text-gray-400',\n hoverColor: 'hover:text-gray-400',\n hoverBgColor: 'hover:bg-opacity-white-02',\n svgHoverBgColor: 'hover:[&>svg]:bg-gray-400',\n svgBgColor: '[&>svg]:bg-gray-400',\n activeColor: 'active:text-gray-400',\n activeBgColor: 'active:bg-opacity-white-05',\n svgActiveBgColor: 'active:[&>svg]:bg-gray-400',\n }\n default:\n return {\n color: 'text-gray-600',\n hoverColor: 'hover:text-gray-800',\n hoverBgColor: 'hover:bg-gray-100',\n svgHoverBgColor: 'hover:[&>svg]:bg-gray-800',\n svgBgColor: '[&>svg]:bg-gray-600',\n activeColor: 'active:text-gray-800',\n activeBgColor: 'active:bg-gray-200',\n svgActiveBgColor: 'active:[&>svg]:bg-gray-800',\n }\n }\n}\n","import { useContext, type FC } from 'react'\nimport clsx from 'clsx'\n// context\nimport { HeaderContext } from '../../header/context'\n// theme\nimport { selectHamburgerItemTheme } from '../../hamburger-menu/utils/theme'\n// text\nimport { P2 } from '../../text/paragraph'\nconst DropdownMenuItem: FC<{\n label: string\n}> = ({ label }) => {\n const { theme } = useContext(HeaderContext)\n const { color, hoverBgColor, activeBgColor } = selectHamburgerItemTheme(theme)\n return (\n <div\n className={clsx(\n 'py-[8px] pl-[48px] pr-[32px] cursor-pointer',\n color,\n hoverBgColor,\n activeBgColor\n )}\n >\n <P2 text={label} weight={P2.Weight.bold} />\n </div>\n )\n}\n\nexport default DropdownMenuItem\n","import { useContext, type FC } from 'react'\nimport clsx from 'clsx'\n// context\nimport { HeaderContext } from '../header/context'\n// text\nimport { P1 } from '../text/paragraph'\n// icons\nimport { Arrow } from '../icons'\n// theme\nimport { selectHamburgerItemTheme } from '../hamburger-menu/utils/theme'\n// components\nimport DropdownMenuItem from './dropdown-menu-item'\n// link\nimport { ExternalLink, InternalLink } from '../customized-link'\nimport type { LinkTarget } from '../customized-link/type'\n\ntype DropdownMenuProps = {\n text?: string\n isActive?: boolean\n dropdownItems: { label: string; to: string; target: LinkTarget }[]\n}\nconst DropdownMenu: FC<DropdownMenuProps> = ({\n text = '',\n isActive = false,\n dropdownItems = [],\n}) => {\n const { theme, releaseBranch, isLinkExternal } = useContext(HeaderContext)\n const { color, svgBgColor, hoverBgColor, activeBgColor } =\n selectHamburgerItemTheme(theme, isActive)\n const LinkComponent = isLinkExternal ? ExternalLink : InternalLink\n return (\n <>\n <div\n className={clsx(\n 'flex items-center justify-between cursor-pointer py-[8px] px-[32px]',\n '[&>svg]:transition-all [&>svg]:duration-300',\n svgBgColor,\n color,\n hoverBgColor,\n isActive ? `[&>svg]:-rotate-[180deg]` : '[&>svg]:rotate-[0deg]',\n isActive ? activeBgColor : ''\n )}\n >\n <P1 text={text} weight={P1.Weight.bold} />\n <Arrow direction=\"down\" releaseBranch={releaseBranch} />\n </div>\n <div\n className={clsx(\n 'overflow-hidden transition-all duration-300 ease-in-out',\n isActive ? 'max-h-[300px]' : 'max-h-0'\n )}\n >\n {dropdownItems.map((itme) => {\n return (\n <LinkComponent to={itme.to} target={itme.target} key={itme.label}>\n <DropdownMenuItem label={itme.label} />\n </LinkComponent>\n )\n })}\n </div>\n </>\n )\n}\n\nexport { DropdownMenu }\n"],"mappings":";;;;;;;;;;;;;;;;AAIA,MAAa,4BAA4B,UAAiB;AACxD,SAAQ,OAAR;EACE,KAAKA,oBAAM,YACT,QAAO;GACL,SAAS;GACT,gBAAgB;GACjB;EACH,QACE,QAAO;GACL,SAAS;GACT,gBAAgB;GACjB;;;AAIP,MAAa,kBAAkB,UAAiB;AAC9C,SAAQ,OAAR;EACE,KAAKA,oBAAM;EACX,KAAKA,oBAAM,YACT,QAAOC,mCAAiB;EAC1B,QACE,QAAOA,mCAAiB;;;AAI9B,MAAa,4BAA4B,OAAc,SAAS,UAAU;AACxE,SAAQ,OAAR;EACE,KAAKD,oBAAM,YACT,QAAO;GACL,OAAO,SAAS,2BAA2B;GAC3C,YAAY,SACR,iCACA;GACJ,cAAc;GACd,eAAe;GAChB;EACH,QACE,QAAO;GACL,OAAO,SAAS,qBAAqB;GACrC,YAAY,SAAS,2BAA2B;GAChD,cAAc;GACd,eAAe;GAChB;;;AAIP,MAAa,8BAA8B,UAAiB;AAC1D,SAAQ,OAAR;EACE,KAAKA,oBAAM,YACT,QAAO;GACL,OAAO;GACP,YAAY;GACZ,cAAc;GACd,iBAAiB;GACjB,YAAY;GACZ,aAAa;GACb,eAAe;GACf,kBAAkB;GACnB;EACH,QACE,QAAO;GACL,OAAO;GACP,YAAY;GACZ,cAAc;GACd,iBAAiB;GACjB,YAAY;GACZ,aAAa;GACb,eAAe;GACf,kBAAkB;GACnB;;;;;;ACjEP,MAAME,oBAEA,EAAE,YAAY;CAClB,MAAM,EAAE,gCAAqBC,8BAAc;CAC3C,MAAM,EAAE,OAAO,cAAc,kBAAkB,yBAAyB,MAAM;AAC9E,QACE,2CAAC;EACC,6BACE,+CACA,OACA,cACA,cACD;YAED,2CAACC;GAAG,MAAM;GAAO,QAAQA,qBAAG,OAAO;IAAQ;GACvC;;AAIV,iCAAe;;;;ACNf,MAAMC,gBAAuC,EAC3C,OAAO,IACP,WAAW,OACX,gBAAgB,EAAE,OACd;CACJ,MAAM,EAAE,OAAO,eAAe,yCAA8BC,8BAAc;CAC1E,MAAM,EAAE,OAAO,YAAY,cAAc,kBACvC,yBAAyB,OAAO,SAAS;CAC3C,MAAM,gBAAgB,iBAAiBC,8CAAeC;AACtD,QACE,qFACE,4CAAC;EACC,6BACE,uEACA,+CACA,YACA,OACA,cACA,WAAW,6BAA6B,yBACxC,WAAW,gBAAgB,GAC5B;aAED,2CAACC;GAAS;GAAM,QAAQA,qBAAG,OAAO;IAAQ,EAC1C,2CAACC;GAAM,WAAU;GAAsB;IAAiB;GACpD,EACN,2CAAC;EACC,6BACE,2DACA,WAAW,kBAAkB,UAC9B;YAEA,cAAc,KAAK,SAAS;AAC3B,UACE,2CAAC;IAAc,IAAI,KAAK;IAAI,QAAQ,KAAK;cACvC,2CAACC,8BAAiB,OAAO,KAAK,QAAS;MADa,KAAK,MAE3C;IAElB;GACE,IACL"}
@@ -2,9 +2,9 @@ import { internal_link_default } from "./internal-link-DCXJvzgx.mjs";
2
2
  import { P1, P2 } from "./paragraph-Cf9jr8RF.mjs";
3
3
  import { THEME } from "./theme-BG6yZVj-.mjs";
4
4
  import { external_link_default } from "./external-link-BMIFL3DE.mjs";
5
- import { HeaderContext } from "./context-BgdqM3zA.mjs";
6
- import { Arrow } from "./icons-I7T-auOQ.mjs";
7
- import { LOGO_SYMBOL_TYPE } from "./constants-DRxdMM_X.mjs";
5
+ import { LOGO_SYMBOL_TYPE } from "./constants-DKqcALfv.mjs";
6
+ import { Arrow } from "./icons-C5UqghX2.mjs";
7
+ import { HeaderContext } from "./context-C9AuSZIE.mjs";
8
8
  import { useContext } from "react";
9
9
  import clsx from "clsx";
10
10
  import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -114,4 +114,4 @@ const DropdownMenu = ({ text = "", isActive = false, dropdownItems = [] }) => {
114
114
 
115
115
  //#endregion
116
116
  export { DropdownMenu, selectHamburgerFooterTheme, selectHamburgerItemTheme, selectHamburgerMenuTheme, selectLogoType };
117
- //# sourceMappingURL=dropdown-menu-DMp_Bmo0.mjs.map
117
+ //# sourceMappingURL=dropdown-menu-MOuxtoud.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"dropdown-menu-DMp_Bmo0.mjs","names":["DropdownMenuItem: FC<{\n label: string\n}>","DropdownMenu: FC<DropdownMenuProps>","ExternalLink","InternalLink","DropdownMenuItem"],"sources":["../src/hamburger-menu/utils/theme.ts","../src/dropdown-menu/dropdown-menu-item/index.tsx","../src/dropdown-menu/index.tsx"],"sourcesContent":["import { THEME, type Theme } from '../../constants/theme'\n// logo\nimport { LOGO_SYMBOL_TYPE } from '../../logo/constants'\n\nexport const selectHamburgerMenuTheme = (theme: Theme) => {\n switch (theme) {\n case THEME.photography:\n return {\n bgColor: 'bg-photo-dark',\n scrollBarColor: '[&::-webkit-scrollbar-thumb]:bg-opacity-white-08',\n }\n default:\n return {\n bgColor: 'bg-gray-white',\n scrollBarColor: '[&::-webkit-scrollbar-thumb]:bg-opacity-black-02',\n }\n }\n}\n\nexport const selectLogoType = (theme: Theme) => {\n switch (theme) {\n case THEME.photography:\n case THEME.transparent:\n return LOGO_SYMBOL_TYPE.white\n default:\n return LOGO_SYMBOL_TYPE.default\n }\n}\n\nexport const selectHamburgerItemTheme = (theme: Theme, active = false) => {\n switch (theme) {\n case THEME.photography:\n return {\n color: active ? 'text-supportive-pastel' : 'text-gray-white',\n svgBgColor: active\n ? '[&>svg]:bg-supportive-pastel'\n : '[&>svg]:bg-gray-white',\n hoverBgColor: 'hover:bg-opacity-white-02',\n activeBgColor: 'active:bg-opacity-white-05',\n }\n default:\n return {\n color: active ? 'text-brand-heavy' : 'text-gray-800',\n svgBgColor: active ? '[&>svg]:bg-brand-heavy' : '[&>svg]:bg-gray-800',\n hoverBgColor: 'hover:bg-gray-100',\n activeBgColor: 'active:bg-gray-200',\n }\n }\n}\n\nexport const selectHamburgerFooterTheme = (theme: Theme) => {\n switch (theme) {\n case THEME.photography:\n return {\n color: 'text-gray-400',\n hoverColor: 'hover:text-gray-400',\n hoverBgColor: 'hover:bg-opacity-white-02',\n svgHoverBgColor: 'hover:[&>svg]:bg-gray-400',\n svgBgColor: '[&>svg]:bg-gray-400',\n activeColor: 'active:text-gray-400',\n activeBgColor: 'active:bg-opacity-white-05',\n svgActiveBgColor: 'active:[&>svg]:bg-gray-400',\n }\n default:\n return {\n color: 'text-gray-600',\n hoverColor: 'hover:text-gray-800',\n hoverBgColor: 'hover:bg-gray-100',\n svgHoverBgColor: 'hover:[&>svg]:bg-gray-800',\n svgBgColor: '[&>svg]:bg-gray-600',\n activeColor: 'active:text-gray-800',\n activeBgColor: 'active:bg-gray-200',\n svgActiveBgColor: 'active:[&>svg]:bg-gray-800',\n }\n }\n}\n","import { useContext, type FC } from 'react'\nimport clsx from 'clsx'\n// context\nimport { HeaderContext } from '../../header/context'\n// theme\nimport { selectHamburgerItemTheme } from '../../hamburger-menu/utils/theme'\n// text\nimport { P2 } from '../../text/paragraph'\nconst DropdownMenuItem: FC<{\n label: string\n}> = ({ label }) => {\n const { theme } = useContext(HeaderContext)\n const { color, hoverBgColor, activeBgColor } = selectHamburgerItemTheme(theme)\n return (\n <div\n className={clsx(\n 'py-[8px] pl-[48px] pr-[32px] cursor-pointer',\n color,\n hoverBgColor,\n activeBgColor\n )}\n >\n <P2 text={label} weight={P2.Weight.bold} />\n </div>\n )\n}\n\nexport default DropdownMenuItem\n","import { useContext, type FC } from 'react'\nimport clsx from 'clsx'\n// context\nimport { HeaderContext } from '../header/context'\n// text\nimport { P1 } from '../text/paragraph'\n// icons\nimport { Arrow } from '../icons'\n// theme\nimport { selectHamburgerItemTheme } from '../hamburger-menu/utils/theme'\n// components\nimport DropdownMenuItem from './dropdown-menu-item'\n// link\nimport { ExternalLink, InternalLink } from '../customized-link'\nimport type { LinkTarget } from '../customized-link/type'\n\ntype DropdownMenuProps = {\n text?: string\n isActive?: boolean\n dropdownItems: { label: string; to: string; target: LinkTarget }[]\n}\nconst DropdownMenu: FC<DropdownMenuProps> = ({\n text = '',\n isActive = false,\n dropdownItems = [],\n}) => {\n const { theme, releaseBranch, isLinkExternal } = useContext(HeaderContext)\n const { color, svgBgColor, hoverBgColor, activeBgColor } =\n selectHamburgerItemTheme(theme, isActive)\n const LinkComponent = isLinkExternal ? ExternalLink : InternalLink\n return (\n <>\n <div\n className={clsx(\n 'flex items-center justify-between cursor-pointer py-[8px] px-[32px]',\n '[&>svg]:transition-all [&>svg]:duration-300',\n svgBgColor,\n color,\n hoverBgColor,\n isActive ? `[&>svg]:-rotate-[180deg]` : '[&>svg]:rotate-[0deg]',\n isActive ? activeBgColor : ''\n )}\n >\n <P1 text={text} weight={P1.Weight.bold} />\n <Arrow direction=\"down\" releaseBranch={releaseBranch} />\n </div>\n <div\n className={clsx(\n 'overflow-hidden transition-all duration-300 ease-in-out',\n isActive ? 'max-h-[300px]' : 'max-h-0'\n )}\n >\n {dropdownItems.map((itme) => {\n return (\n <LinkComponent to={itme.to} target={itme.target} key={itme.label}>\n <DropdownMenuItem label={itme.label} />\n </LinkComponent>\n )\n })}\n </div>\n </>\n )\n}\n\nexport { DropdownMenu }\n"],"mappings":";;;;;;;;;;;;AAIA,MAAa,4BAA4B,UAAiB;AACxD,SAAQ,OAAR;EACE,KAAK,MAAM,YACT,QAAO;GACL,SAAS;GACT,gBAAgB;GACjB;EACH,QACE,QAAO;GACL,SAAS;GACT,gBAAgB;GACjB;;;AAIP,MAAa,kBAAkB,UAAiB;AAC9C,SAAQ,OAAR;EACE,KAAK,MAAM;EACX,KAAK,MAAM,YACT,QAAO,iBAAiB;EAC1B,QACE,QAAO,iBAAiB;;;AAI9B,MAAa,4BAA4B,OAAc,SAAS,UAAU;AACxE,SAAQ,OAAR;EACE,KAAK,MAAM,YACT,QAAO;GACL,OAAO,SAAS,2BAA2B;GAC3C,YAAY,SACR,iCACA;GACJ,cAAc;GACd,eAAe;GAChB;EACH,QACE,QAAO;GACL,OAAO,SAAS,qBAAqB;GACrC,YAAY,SAAS,2BAA2B;GAChD,cAAc;GACd,eAAe;GAChB;;;AAIP,MAAa,8BAA8B,UAAiB;AAC1D,SAAQ,OAAR;EACE,KAAK,MAAM,YACT,QAAO;GACL,OAAO;GACP,YAAY;GACZ,cAAc;GACd,iBAAiB;GACjB,YAAY;GACZ,aAAa;GACb,eAAe;GACf,kBAAkB;GACnB;EACH,QACE,QAAO;GACL,OAAO;GACP,YAAY;GACZ,cAAc;GACd,iBAAiB;GACjB,YAAY;GACZ,aAAa;GACb,eAAe;GACf,kBAAkB;GACnB;;;;;;ACjEP,MAAMA,oBAEA,EAAE,YAAY;CAClB,MAAM,EAAE,UAAU,WAAW,cAAc;CAC3C,MAAM,EAAE,OAAO,cAAc,kBAAkB,yBAAyB,MAAM;AAC9E,QACE,oBAAC;EACC,WAAW,KACT,+CACA,OACA,cACA,cACD;YAED,oBAAC;GAAG,MAAM;GAAO,QAAQ,GAAG,OAAO;IAAQ;GACvC;;AAIV,iCAAe;;;;ACNf,MAAMC,gBAAuC,EAC3C,OAAO,IACP,WAAW,OACX,gBAAgB,EAAE,OACd;CACJ,MAAM,EAAE,OAAO,eAAe,mBAAmB,WAAW,cAAc;CAC1E,MAAM,EAAE,OAAO,YAAY,cAAc,kBACvC,yBAAyB,OAAO,SAAS;CAC3C,MAAM,gBAAgB,iBAAiBC,wBAAeC;AACtD,QACE,4CACE,qBAAC;EACC,WAAW,KACT,uEACA,+CACA,YACA,OACA,cACA,WAAW,6BAA6B,yBACxC,WAAW,gBAAgB,GAC5B;aAED,oBAAC;GAAS;GAAM,QAAQ,GAAG,OAAO;IAAQ,EAC1C,oBAAC;GAAM,WAAU;GAAsB;IAAiB;GACpD,EACN,oBAAC;EACC,WAAW,KACT,2DACA,WAAW,kBAAkB,UAC9B;YAEA,cAAc,KAAK,SAAS;AAC3B,UACE,oBAAC;IAAc,IAAI,KAAK;IAAI,QAAQ,KAAK;cACvC,oBAACC,8BAAiB,OAAO,KAAK,QAAS;MADa,KAAK,MAE3C;IAElB;GACE,IACL"}
1
+ {"version":3,"file":"dropdown-menu-MOuxtoud.mjs","names":["DropdownMenuItem: FC<{\n label: string\n}>","DropdownMenu: FC<DropdownMenuProps>","ExternalLink","InternalLink","DropdownMenuItem"],"sources":["../src/hamburger-menu/utils/theme.ts","../src/dropdown-menu/dropdown-menu-item/index.tsx","../src/dropdown-menu/index.tsx"],"sourcesContent":["import { THEME, type Theme } from '../../constants/theme'\n// logo\nimport { LOGO_SYMBOL_TYPE } from '../../logo/constants'\n\nexport const selectHamburgerMenuTheme = (theme: Theme) => {\n switch (theme) {\n case THEME.photography:\n return {\n bgColor: 'bg-photo-dark',\n scrollBarColor: '[&::-webkit-scrollbar-thumb]:bg-opacity-white-08',\n }\n default:\n return {\n bgColor: 'bg-gray-white',\n scrollBarColor: '[&::-webkit-scrollbar-thumb]:bg-opacity-black-02',\n }\n }\n}\n\nexport const selectLogoType = (theme: Theme) => {\n switch (theme) {\n case THEME.photography:\n case THEME.transparent:\n return LOGO_SYMBOL_TYPE.white\n default:\n return LOGO_SYMBOL_TYPE.default\n }\n}\n\nexport const selectHamburgerItemTheme = (theme: Theme, active = false) => {\n switch (theme) {\n case THEME.photography:\n return {\n color: active ? 'text-supportive-pastel' : 'text-gray-white',\n svgBgColor: active\n ? '[&>svg]:bg-supportive-pastel'\n : '[&>svg]:bg-gray-white',\n hoverBgColor: 'hover:bg-opacity-white-02',\n activeBgColor: 'active:bg-opacity-white-05',\n }\n default:\n return {\n color: active ? 'text-brand-heavy' : 'text-gray-800',\n svgBgColor: active ? '[&>svg]:bg-brand-heavy' : '[&>svg]:bg-gray-800',\n hoverBgColor: 'hover:bg-gray-100',\n activeBgColor: 'active:bg-gray-200',\n }\n }\n}\n\nexport const selectHamburgerFooterTheme = (theme: Theme) => {\n switch (theme) {\n case THEME.photography:\n return {\n color: 'text-gray-400',\n hoverColor: 'hover:text-gray-400',\n hoverBgColor: 'hover:bg-opacity-white-02',\n svgHoverBgColor: 'hover:[&>svg]:bg-gray-400',\n svgBgColor: '[&>svg]:bg-gray-400',\n activeColor: 'active:text-gray-400',\n activeBgColor: 'active:bg-opacity-white-05',\n svgActiveBgColor: 'active:[&>svg]:bg-gray-400',\n }\n default:\n return {\n color: 'text-gray-600',\n hoverColor: 'hover:text-gray-800',\n hoverBgColor: 'hover:bg-gray-100',\n svgHoverBgColor: 'hover:[&>svg]:bg-gray-800',\n svgBgColor: '[&>svg]:bg-gray-600',\n activeColor: 'active:text-gray-800',\n activeBgColor: 'active:bg-gray-200',\n svgActiveBgColor: 'active:[&>svg]:bg-gray-800',\n }\n }\n}\n","import { useContext, type FC } from 'react'\nimport clsx from 'clsx'\n// context\nimport { HeaderContext } from '../../header/context'\n// theme\nimport { selectHamburgerItemTheme } from '../../hamburger-menu/utils/theme'\n// text\nimport { P2 } from '../../text/paragraph'\nconst DropdownMenuItem: FC<{\n label: string\n}> = ({ label }) => {\n const { theme } = useContext(HeaderContext)\n const { color, hoverBgColor, activeBgColor } = selectHamburgerItemTheme(theme)\n return (\n <div\n className={clsx(\n 'py-[8px] pl-[48px] pr-[32px] cursor-pointer',\n color,\n hoverBgColor,\n activeBgColor\n )}\n >\n <P2 text={label} weight={P2.Weight.bold} />\n </div>\n )\n}\n\nexport default DropdownMenuItem\n","import { useContext, type FC } from 'react'\nimport clsx from 'clsx'\n// context\nimport { HeaderContext } from '../header/context'\n// text\nimport { P1 } from '../text/paragraph'\n// icons\nimport { Arrow } from '../icons'\n// theme\nimport { selectHamburgerItemTheme } from '../hamburger-menu/utils/theme'\n// components\nimport DropdownMenuItem from './dropdown-menu-item'\n// link\nimport { ExternalLink, InternalLink } from '../customized-link'\nimport type { LinkTarget } from '../customized-link/type'\n\ntype DropdownMenuProps = {\n text?: string\n isActive?: boolean\n dropdownItems: { label: string; to: string; target: LinkTarget }[]\n}\nconst DropdownMenu: FC<DropdownMenuProps> = ({\n text = '',\n isActive = false,\n dropdownItems = [],\n}) => {\n const { theme, releaseBranch, isLinkExternal } = useContext(HeaderContext)\n const { color, svgBgColor, hoverBgColor, activeBgColor } =\n selectHamburgerItemTheme(theme, isActive)\n const LinkComponent = isLinkExternal ? ExternalLink : InternalLink\n return (\n <>\n <div\n className={clsx(\n 'flex items-center justify-between cursor-pointer py-[8px] px-[32px]',\n '[&>svg]:transition-all [&>svg]:duration-300',\n svgBgColor,\n color,\n hoverBgColor,\n isActive ? `[&>svg]:-rotate-[180deg]` : '[&>svg]:rotate-[0deg]',\n isActive ? activeBgColor : ''\n )}\n >\n <P1 text={text} weight={P1.Weight.bold} />\n <Arrow direction=\"down\" releaseBranch={releaseBranch} />\n </div>\n <div\n className={clsx(\n 'overflow-hidden transition-all duration-300 ease-in-out',\n isActive ? 'max-h-[300px]' : 'max-h-0'\n )}\n >\n {dropdownItems.map((itme) => {\n return (\n <LinkComponent to={itme.to} target={itme.target} key={itme.label}>\n <DropdownMenuItem label={itme.label} />\n </LinkComponent>\n )\n })}\n </div>\n </>\n )\n}\n\nexport { DropdownMenu }\n"],"mappings":";;;;;;;;;;;;AAIA,MAAa,4BAA4B,UAAiB;AACxD,SAAQ,OAAR;EACE,KAAK,MAAM,YACT,QAAO;GACL,SAAS;GACT,gBAAgB;GACjB;EACH,QACE,QAAO;GACL,SAAS;GACT,gBAAgB;GACjB;;;AAIP,MAAa,kBAAkB,UAAiB;AAC9C,SAAQ,OAAR;EACE,KAAK,MAAM;EACX,KAAK,MAAM,YACT,QAAO,iBAAiB;EAC1B,QACE,QAAO,iBAAiB;;;AAI9B,MAAa,4BAA4B,OAAc,SAAS,UAAU;AACxE,SAAQ,OAAR;EACE,KAAK,MAAM,YACT,QAAO;GACL,OAAO,SAAS,2BAA2B;GAC3C,YAAY,SACR,iCACA;GACJ,cAAc;GACd,eAAe;GAChB;EACH,QACE,QAAO;GACL,OAAO,SAAS,qBAAqB;GACrC,YAAY,SAAS,2BAA2B;GAChD,cAAc;GACd,eAAe;GAChB;;;AAIP,MAAa,8BAA8B,UAAiB;AAC1D,SAAQ,OAAR;EACE,KAAK,MAAM,YACT,QAAO;GACL,OAAO;GACP,YAAY;GACZ,cAAc;GACd,iBAAiB;GACjB,YAAY;GACZ,aAAa;GACb,eAAe;GACf,kBAAkB;GACnB;EACH,QACE,QAAO;GACL,OAAO;GACP,YAAY;GACZ,cAAc;GACd,iBAAiB;GACjB,YAAY;GACZ,aAAa;GACb,eAAe;GACf,kBAAkB;GACnB;;;;;;ACjEP,MAAMA,oBAEA,EAAE,YAAY;CAClB,MAAM,EAAE,UAAU,WAAW,cAAc;CAC3C,MAAM,EAAE,OAAO,cAAc,kBAAkB,yBAAyB,MAAM;AAC9E,QACE,oBAAC;EACC,WAAW,KACT,+CACA,OACA,cACA,cACD;YAED,oBAAC;GAAG,MAAM;GAAO,QAAQ,GAAG,OAAO;IAAQ;GACvC;;AAIV,iCAAe;;;;ACNf,MAAMC,gBAAuC,EAC3C,OAAO,IACP,WAAW,OACX,gBAAgB,EAAE,OACd;CACJ,MAAM,EAAE,OAAO,eAAe,mBAAmB,WAAW,cAAc;CAC1E,MAAM,EAAE,OAAO,YAAY,cAAc,kBACvC,yBAAyB,OAAO,SAAS;CAC3C,MAAM,gBAAgB,iBAAiBC,wBAAeC;AACtD,QACE,4CACE,qBAAC;EACC,WAAW,KACT,uEACA,+CACA,YACA,OACA,cACA,WAAW,6BAA6B,yBACxC,WAAW,gBAAgB,GAC5B;aAED,oBAAC;GAAS;GAAM,QAAQ,GAAG,OAAO;IAAQ,EAC1C,oBAAC;GAAM,WAAU;GAAsB;IAAiB;GACpD,EACN,oBAAC;EACC,WAAW,KACT,2DACA,WAAW,kBAAkB,UAC9B;YAEA,cAAc,KAAK,SAAS;AAC3B,UACE,oBAAC;IAAc,IAAI,KAAK;IAAI,QAAQ,KAAK;cACvC,oBAACC,8BAAiB,OAAO,KAAK,QAAS;MADa,KAAK,MAE3C;IAElB;GACE,IACL"}
@@ -12,12 +12,12 @@ require('../internal-link-Bq4yp13E.js');
12
12
  require('../customized-link-BDKQVdcH.js');
13
13
  require('../constants-nmH6p6-y.js');
14
14
  const require_divider = require('../divider-B1zvSjNJ.js');
15
- require('../constants-D8wNUvoZ.js');
16
- require('../icons-qP5oNB0W.js');
17
- require('../constants-C2moxnps.js');
18
- require('../logo-DzRRd4Y-.js');
19
- const require_logo$1 = require('../logo-BSp7gsND.js');
20
- const require_links = require('../links-CPX07u-O.js');
15
+ require('../logo-B35M1BaX.js');
16
+ require('../constants-pqSeExjX.js');
17
+ const require_logo$1 = require('../logo-CeaVUbIW.js');
18
+ require('../constants-R6EfY15A.js');
19
+ require('../icons-BZI6_5JJ.js');
20
+ const require_links = require('../links-DMd-CuUJ.js');
21
21
  let clsx = require("clsx");
22
22
  clsx = require_chunk.__toESM(clsx);
23
23
  let react_jsx_runtime = require("react/jsx-runtime");
@@ -11,12 +11,12 @@ import { external_link_default } from "../external-link-BMIFL3DE.mjs";
11
11
  import "../customized-link-D3p9rjEe.mjs";
12
12
  import "../constants-z9Q8ph_H.mjs";
13
13
  import { divider_default } from "../divider-CE4u6SR5.mjs";
14
- import "../constants-5phfWHvb.mjs";
15
- import "../icons-I7T-auOQ.mjs";
16
- import "../constants-DRxdMM_X.mjs";
17
- import "../logo-CBWWiQoO.mjs";
18
- import { logo_default } from "../logo-mBe4a2OP.mjs";
19
- import { LinkButtonGroups, SocialLinks, StaticLinks } from "../links-Buz2DUOO.mjs";
14
+ import "../logo-DkEpjnPV.mjs";
15
+ import "../constants-DKqcALfv.mjs";
16
+ import { logo_default } from "../logo-lPQ3Apwn.mjs";
17
+ import "../constants-Npoq7yu0.mjs";
18
+ import "../icons-C5UqghX2.mjs";
19
+ import { LinkButtonGroups, SocialLinks, StaticLinks } from "../links-CFjOQl4o.mjs";
20
20
  import clsx from "clsx";
21
21
  import { jsx, jsxs } from "react/jsx-runtime";
22
22
 
@@ -8,9 +8,9 @@ require('../request-origins-BDXulkK9.js');
8
8
  require('../external-link-Ce1_loKh.js');
9
9
  require('../internal-link-Bq4yp13E.js');
10
10
  require('../customized-link-BDKQVdcH.js');
11
- require('../constants-D8wNUvoZ.js');
12
- require('../icons-qP5oNB0W.js');
13
- const require_links = require('../links-CPX07u-O.js');
11
+ require('../constants-R6EfY15A.js');
12
+ require('../icons-BZI6_5JJ.js');
13
+ const require_links = require('../links-DMd-CuUJ.js');
14
14
 
15
15
  exports.LinkButtonGroups = require_links.LinkButtonGroups;
16
16
  exports.SocialLinks = require_links.SocialLinks;
@@ -8,8 +8,8 @@ import "../release-branch-DNCD1uH_.mjs";
8
8
  import "../request-origins-CGkNWg8R.mjs";
9
9
  import "../external-link-BMIFL3DE.mjs";
10
10
  import "../customized-link-D3p9rjEe.mjs";
11
- import "../constants-5phfWHvb.mjs";
12
- import "../icons-I7T-auOQ.mjs";
13
- import { LinkButtonGroups, SocialLinks, StaticLinks } from "../links-Buz2DUOO.mjs";
11
+ import "../constants-Npoq7yu0.mjs";
12
+ import "../icons-C5UqghX2.mjs";
13
+ import { LinkButtonGroups, SocialLinks, StaticLinks } from "../links-CFjOQl4o.mjs";
14
14
 
15
15
  export { LinkButtonGroups, SocialLinks, StaticLinks };
@@ -2,8 +2,8 @@ require('../release-branch-CRZV4Ivz.js');
2
2
  require('../external-link-Ce1_loKh.js');
3
3
  require('../internal-link-Bq4yp13E.js');
4
4
  require('../customized-link-BDKQVdcH.js');
5
- require('../constants-C2moxnps.js');
6
- require('../logo-DzRRd4Y-.js');
7
- const require_logo$1 = require('../logo-BSp7gsND.js');
5
+ require('../logo-B35M1BaX.js');
6
+ require('../constants-pqSeExjX.js');
7
+ const require_logo$1 = require('../logo-CeaVUbIW.js');
8
8
 
9
9
  module.exports = require_logo$1.logo_default;
@@ -2,8 +2,8 @@ import "../internal-link-DCXJvzgx.mjs";
2
2
  import "../release-branch-DNCD1uH_.mjs";
3
3
  import "../external-link-BMIFL3DE.mjs";
4
4
  import "../customized-link-D3p9rjEe.mjs";
5
- import "../constants-DRxdMM_X.mjs";
6
- import "../logo-CBWWiQoO.mjs";
7
- import { logo_default } from "../logo-mBe4a2OP.mjs";
5
+ import "../logo-DkEpjnPV.mjs";
6
+ import "../constants-DKqcALfv.mjs";
7
+ import { logo_default } from "../logo-lPQ3Apwn.mjs";
8
8
 
9
9
  export { logo_default as default };
@@ -11,14 +11,14 @@ require('../internal-link-Bq4yp13E.js');
11
11
  require('../customized-link-BDKQVdcH.js');
12
12
  require('../constants-nmH6p6-y.js');
13
13
  require('../divider-B1zvSjNJ.js');
14
- require('../context-I1lTR5SO.js');
15
- require('../constants-D8wNUvoZ.js');
16
- require('../icons-qP5oNB0W.js');
17
- require('../constants-C2moxnps.js');
18
- require('../dropdown-menu-CKH3qADt.js');
19
- require('../logo-DzRRd4Y-.js');
20
- const require_hamburger_menu = require('../hamburger-menu-DJe2IBTm.js');
14
+ require('../logo-B35M1BaX.js');
15
+ require('../constants-pqSeExjX.js');
16
+ require('../constants-R6EfY15A.js');
17
+ require('../icons-BZI6_5JJ.js');
18
+ require('../context-vBt5fnU9.js');
19
+ require('../dropdown-menu-CTUg6MST.js');
20
+ const require_hamburger_menu = require('../hamburger-menu-CYiCx5_x.js');
21
21
  require('../theme-BLdi7Moc.js');
22
- require('../input-D29yD1k-.js');
22
+ require('../input-e0a-Wul_.js');
23
23
 
24
24
  module.exports = require_hamburger_menu.hamburger_menu_default;
@@ -11,14 +11,14 @@ import "../external-link-BMIFL3DE.mjs";
11
11
  import "../customized-link-D3p9rjEe.mjs";
12
12
  import "../constants-z9Q8ph_H.mjs";
13
13
  import "../divider-CE4u6SR5.mjs";
14
- import "../context-BgdqM3zA.mjs";
15
- import "../constants-5phfWHvb.mjs";
16
- import "../icons-I7T-auOQ.mjs";
17
- import "../constants-DRxdMM_X.mjs";
18
- import "../dropdown-menu-DMp_Bmo0.mjs";
19
- import "../logo-CBWWiQoO.mjs";
20
- import { hamburger_menu_default } from "../hamburger-menu-DoyJVziw.mjs";
14
+ import "../logo-DkEpjnPV.mjs";
15
+ import "../constants-DKqcALfv.mjs";
16
+ import "../constants-Npoq7yu0.mjs";
17
+ import "../icons-C5UqghX2.mjs";
18
+ import "../context-C9AuSZIE.mjs";
19
+ import "../dropdown-menu-MOuxtoud.mjs";
20
+ import { hamburger_menu_default } from "../hamburger-menu-B-n_-t91.mjs";
21
21
  import "../theme-DURvzYaJ.mjs";
22
- import "../input-DH_jroRh.mjs";
22
+ import "../input-BJWcutA3.mjs";
23
23
 
24
24
  export { hamburger_menu_default as default };
@@ -7,12 +7,12 @@ import { EXTERNAL_LINKS } from "./external-links-B-A17Osq.mjs";
7
7
  import { INTERNAL_LINKS } from "./internal-links-CP3dqmrz.mjs";
8
8
  import { external_link_default } from "./external-link-BMIFL3DE.mjs";
9
9
  import { divider_default } from "./divider-CE4u6SR5.mjs";
10
- import { HamburgerContext, HeaderContext } from "./context-BgdqM3zA.mjs";
11
- import { MEDIA_TYPE } from "./constants-5phfWHvb.mjs";
12
- import { Cross, Icon, Member, SocialMedia } from "./icons-I7T-auOQ.mjs";
13
- import { DropdownMenu, selectHamburgerFooterTheme, selectHamburgerItemTheme, selectHamburgerMenuTheme, selectLogoType } from "./dropdown-menu-DMp_Bmo0.mjs";
14
- import { logo_header_default, logo_symbol_default } from "./logo-CBWWiQoO.mjs";
15
- import { search_bar_default } from "./input-DH_jroRh.mjs";
10
+ import { logo_header_default, logo_symbol_default } from "./logo-DkEpjnPV.mjs";
11
+ import { MEDIA_TYPE } from "./constants-Npoq7yu0.mjs";
12
+ import { Cross, Icon, Member, SocialMedia } from "./icons-C5UqghX2.mjs";
13
+ import { HamburgerContext, HeaderContext } from "./context-C9AuSZIE.mjs";
14
+ import { DropdownMenu, selectHamburgerFooterTheme, selectHamburgerItemTheme, selectHamburgerMenuTheme, selectLogoType } from "./dropdown-menu-MOuxtoud.mjs";
15
+ import { search_bar_default } from "./input-BJWcutA3.mjs";
16
16
  import { useContext, useState } from "react";
17
17
  import clsx from "clsx";
18
18
  import { jsx, jsxs } from "react/jsx-runtime";
@@ -479,4 +479,4 @@ var hamburger_menu_default = HamburgerMenu;
479
479
 
480
480
  //#endregion
481
481
  export { HEADER_ACTION_LINKS, hamburger_menu_default };
482
- //# sourceMappingURL=hamburger-menu-DoyJVziw.mjs.map
482
+ //# sourceMappingURL=hamburger-menu-B-n_-t91.mjs.map