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

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 (70) hide show
  1. package/lib/{constants-D8wNUvoZ.js → constants-BxxTZn8I.js} +1 -1
  2. package/lib/{constants-D8wNUvoZ.js.map → constants-BxxTZn8I.js.map} +1 -1
  3. package/lib/{constants-BQFusmWI.js → constants-CBWeKJ-C.js} +2 -2
  4. package/lib/{constants-BQFusmWI.js.map → constants-CBWeKJ-C.js.map} +1 -1
  5. package/lib/{constants-5phfWHvb.mjs → constants-CeM93YWF.mjs} +1 -1
  6. package/lib/{constants-5phfWHvb.mjs.map → constants-CeM93YWF.mjs.map} +1 -1
  7. package/lib/{constants-BrHOBTf_.js → constants-DRyQ6AuU.js} +1 -1
  8. package/lib/{constants-BrHOBTf_.js.map → constants-DRyQ6AuU.js.map} +1 -1
  9. package/lib/{constants-BKH77l8c.mjs → constants-VHBN0pYQ.mjs} +2 -2
  10. package/lib/{constants-BKH77l8c.mjs.map → constants-VHBN0pYQ.mjs.map} +1 -1
  11. package/lib/{constants-DU0aujQA.mjs → constants-t0lkfgqP.mjs} +1 -1
  12. package/lib/{constants-DU0aujQA.mjs.map → constants-t0lkfgqP.mjs.map} +1 -1
  13. package/lib/customized-link/external-link.js +1 -1
  14. package/lib/customized-link/external-link.mjs +1 -1
  15. package/lib/customized-link/index.js +3 -3
  16. package/lib/customized-link/index.mjs +2 -2
  17. package/lib/customized-link/internal-link.js +1 -1
  18. package/lib/{customized-link-DCZIE_KY.mjs → customized-link-BkuKVCKQ.mjs} +2 -2
  19. package/lib/{customized-link-DCZIE_KY.mjs.map → customized-link-BkuKVCKQ.mjs.map} +1 -1
  20. package/lib/{customized-link-DOfcUL2U.js → customized-link-CK7Xlgdt.js} +3 -3
  21. package/lib/{customized-link-DOfcUL2U.js.map → customized-link-CK7Xlgdt.js.map} +1 -1
  22. package/lib/divider/constants.js +1 -1
  23. package/lib/divider/constants.mjs +1 -1
  24. package/lib/divider/index.js +2 -2
  25. package/lib/divider/index.mjs +2 -2
  26. package/lib/{divider-jhFqc8bB.mjs → divider-Bb3tebJO.mjs} +2 -2
  27. package/lib/{divider-jhFqc8bB.mjs.map → divider-Bb3tebJO.mjs.map} +1 -1
  28. package/lib/{divider-DSzZ0anP.js → divider-b3Shh7FV.js} +2 -2
  29. package/lib/{divider-DSzZ0anP.js.map → divider-b3Shh7FV.js.map} +1 -1
  30. package/lib/dropdown-menu/index.js +6 -6
  31. package/lib/dropdown-menu/index.mjs +5 -5
  32. package/lib/{dropdown-menu-625wN2WW.mjs → dropdown-menu-CrEAe1Td.mjs} +3 -3
  33. package/lib/{dropdown-menu-625wN2WW.mjs.map → dropdown-menu-CrEAe1Td.mjs.map} +1 -1
  34. package/lib/{dropdown-menu-au-QmCCH.js → dropdown-menu-DPQvVa7J.js} +4 -4
  35. package/lib/{dropdown-menu-au-QmCCH.js.map → dropdown-menu-DPQvVa7J.js.map} +1 -1
  36. package/lib/{external-link-DHRAO68s.js → external-link-CEDvlQYo.js} +1 -1
  37. package/lib/{external-link-DHRAO68s.js.map → external-link-CEDvlQYo.js.map} +1 -1
  38. package/lib/{external-link-yFrWzA-w.mjs → external-link-Cx9S31Ye.mjs} +1 -1
  39. package/lib/{external-link-yFrWzA-w.mjs.map → external-link-Cx9S31Ye.mjs.map} +1 -1
  40. package/lib/hamburger-menu/index.js +9 -9
  41. package/lib/hamburger-menu/index.mjs +8 -8
  42. package/lib/{hamburger-menu-DlwLJHff.js → hamburger-menu-Bi0MDOgC.js} +9 -9
  43. package/lib/{hamburger-menu-DlwLJHff.js.map → hamburger-menu-Bi0MDOgC.js.map} +1 -1
  44. package/lib/{hamburger-menu-Dv05s_oG.mjs → hamburger-menu-BxO_YWHd.mjs} +8 -8
  45. package/lib/{hamburger-menu-Dv05s_oG.mjs.map → hamburger-menu-BxO_YWHd.mjs.map} +1 -1
  46. package/lib/header/index.js +11 -11
  47. package/lib/header/index.mjs +10 -10
  48. package/lib/icons/constants.js +1 -1
  49. package/lib/icons/constants.mjs +1 -1
  50. package/lib/icons/index.js +2 -2
  51. package/lib/icons/index.mjs +2 -2
  52. package/lib/{icons-DHXvfKDV.mjs → icons-DJMi42DI.mjs} +2 -2
  53. package/lib/{icons-DHXvfKDV.mjs.map → icons-DJMi42DI.mjs.map} +1 -1
  54. package/lib/{icons-D5HPq5oi.js → icons-_Vt_HeKY.js} +2 -2
  55. package/lib/{icons-D5HPq5oi.js.map → icons-_Vt_HeKY.js.map} +1 -1
  56. package/lib/{internal-link-BKfQQJ5V.js → internal-link-CqTu3Yi5.js} +1 -1
  57. package/lib/{internal-link-BKfQQJ5V.js.map → internal-link-CqTu3Yi5.js.map} +1 -1
  58. package/lib/logo/index.d.ts +5 -5
  59. package/lib/tab-bar/constants.js +3 -3
  60. package/lib/tab-bar/constants.mjs +3 -3
  61. package/lib/tab-bar/index.js +7 -7
  62. package/lib/tab-bar/index.mjs +6 -6
  63. package/lib/{tab-bar-o4KVPRne.mjs → tab-bar-BbOB2CDM.mjs} +4 -4
  64. package/lib/{tab-bar-o4KVPRne.mjs.map → tab-bar-BbOB2CDM.mjs.map} +1 -1
  65. package/lib/{tab-bar-D72ayg1v.js → tab-bar-BmqqhoCY.js} +5 -5
  66. package/lib/{tab-bar-D72ayg1v.js.map → tab-bar-BmqqhoCY.js.map} +1 -1
  67. package/lib/title-bar/index.d.ts +4 -4
  68. package/lib/title-bar/index.js +3 -3
  69. package/lib/title-bar/index.mjs +2 -2
  70. package/package.json +2 -2
@@ -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-BxxTZn8I.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-BxxTZn8I.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,5 +1,5 @@
1
1
  const require_internal_links = require('./internal-links-CBkMU8cY.js');
2
- const require_icons = require('./icons-D5HPq5oi.js');
2
+ const require_icons = require('./icons-_Vt_HeKY.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-BQFusmWI.js.map
39
+ //# sourceMappingURL=constants-CBWeKJ-C.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"constants-BQFusmWI.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-CBWeKJ-C.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"}
@@ -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-CeM93YWF.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-CeM93YWF.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"}
@@ -12,4 +12,4 @@ Object.defineProperty(exports, 'DIRECTION', {
12
12
  return DIRECTION;
13
13
  }
14
14
  });
15
- //# sourceMappingURL=constants-BrHOBTf_.js.map
15
+ //# sourceMappingURL=constants-DRyQ6AuU.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"constants-BrHOBTf_.js","names":[],"sources":["../src/divider/constants.ts"],"sourcesContent":["import type { ValuesOf } from '../types'\n\nexport const DIRECTION = {\n horizontal: 'horizontal',\n vertical: 'vertical',\n} as const\n\nexport type Direction = ValuesOf<typeof DIRECTION>\n"],"mappings":";;AAEA,MAAa,YAAY;CACvB,YAAY;CACZ,UAAU;CACX"}
1
+ {"version":3,"file":"constants-DRyQ6AuU.js","names":[],"sources":["../src/divider/constants.ts"],"sourcesContent":["import type { ValuesOf } from '../types'\n\nexport const DIRECTION = {\n horizontal: 'horizontal',\n vertical: 'vertical',\n} as const\n\nexport type Direction = ValuesOf<typeof DIRECTION>\n"],"mappings":";;AAEA,MAAa,YAAY;CACvB,YAAY;CACZ,UAAU;CACX"}
@@ -1,5 +1,5 @@
1
1
  import { INTERNAL_LINKS } from "./internal-links-BF-974mA.mjs";
2
- import { Clock, Home, KidStar, Topic } from "./icons-DHXvfKDV.mjs";
2
+ import { Clock, Home, KidStar, Topic } from "./icons-DJMi42DI.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-BKH77l8c.mjs.map
34
+ //# sourceMappingURL=constants-VHBN0pYQ.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"constants-BKH77l8c.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-VHBN0pYQ.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"}
@@ -6,4 +6,4 @@ const DIRECTION = {
6
6
 
7
7
  //#endregion
8
8
  export { DIRECTION };
9
- //# sourceMappingURL=constants-DU0aujQA.mjs.map
9
+ //# sourceMappingURL=constants-t0lkfgqP.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"constants-DU0aujQA.mjs","names":[],"sources":["../src/divider/constants.ts"],"sourcesContent":["import type { ValuesOf } from '../types'\n\nexport const DIRECTION = {\n horizontal: 'horizontal',\n vertical: 'vertical',\n} as const\n\nexport type Direction = ValuesOf<typeof DIRECTION>\n"],"mappings":";AAEA,MAAa,YAAY;CACvB,YAAY;CACZ,UAAU;CACX"}
1
+ {"version":3,"file":"constants-t0lkfgqP.mjs","names":[],"sources":["../src/divider/constants.ts"],"sourcesContent":["import type { ValuesOf } from '../types'\n\nexport const DIRECTION = {\n horizontal: 'horizontal',\n vertical: 'vertical',\n} as const\n\nexport type Direction = ValuesOf<typeof DIRECTION>\n"],"mappings":";AAEA,MAAa,YAAY;CACvB,YAAY;CACZ,UAAU;CACX"}
@@ -1,3 +1,3 @@
1
- const require_external_link = require('../external-link-DHRAO68s.js');
1
+ const require_external_link = require('../external-link-CEDvlQYo.js');
2
2
 
3
3
  module.exports = require_external_link.external_link_default;
@@ -1,3 +1,3 @@
1
- import { external_link_default } from "../external-link-yFrWzA-w.mjs";
1
+ import { external_link_default } from "../external-link-Cx9S31Ye.mjs";
2
2
 
3
3
  export { external_link_default as default };
@@ -1,7 +1,7 @@
1
1
  Object.defineProperty(exports, '__esModule', { value: true });
2
- const require_external_link = require('../external-link-DHRAO68s.js');
3
- const require_internal_link = require('../internal-link-BKfQQJ5V.js');
4
- const require_customized_link = require('../customized-link-DOfcUL2U.js');
2
+ const require_external_link = require('../external-link-CEDvlQYo.js');
3
+ const require_internal_link = require('../internal-link-CqTu3Yi5.js');
4
+ const require_customized_link = require('../customized-link-CK7Xlgdt.js');
5
5
 
6
6
  exports.ExternalLink = require_external_link.external_link_default;
7
7
  exports.InternalLink = require_internal_link.internal_link_default;
@@ -1,5 +1,5 @@
1
1
  import { internal_link_default } from "../internal-link-NQb751uB.mjs";
2
- import { external_link_default } from "../external-link-yFrWzA-w.mjs";
3
- import { customized_link_default } from "../customized-link-DCZIE_KY.mjs";
2
+ import { external_link_default } from "../external-link-Cx9S31Ye.mjs";
3
+ import { customized_link_default } from "../customized-link-BkuKVCKQ.mjs";
4
4
 
5
5
  export { external_link_default as ExternalLink, internal_link_default as InternalLink, customized_link_default as default };
@@ -1,6 +1,6 @@
1
1
  'use client';
2
2
 
3
3
 
4
- const require_internal_link = require('../internal-link-BKfQQJ5V.js');
4
+ const require_internal_link = require('../internal-link-CqTu3Yi5.js');
5
5
 
6
6
  module.exports = require_internal_link.internal_link_default;
@@ -1,5 +1,5 @@
1
1
  import { internal_link_default } from "./internal-link-NQb751uB.mjs";
2
- import { external_link_default } from "./external-link-yFrWzA-w.mjs";
2
+ import { external_link_default } from "./external-link-Cx9S31Ye.mjs";
3
3
 
4
4
  //#region src/customized-link/index.ts
5
5
  var customized_link_default = {
@@ -9,4 +9,4 @@ var customized_link_default = {
9
9
 
10
10
  //#endregion
11
11
  export { customized_link_default };
12
- //# sourceMappingURL=customized-link-DCZIE_KY.mjs.map
12
+ //# sourceMappingURL=customized-link-BkuKVCKQ.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"customized-link-DCZIE_KY.mjs","names":[],"sources":["../src/customized-link/index.ts"],"sourcesContent":["import ExternalLink from './external-link'\nimport InternalLink from './internal-link'\n\nexport { ExternalLink, InternalLink }\n\nexport default {\n ExternalLink,\n InternalLink,\n}\n"],"mappings":";;;;AAKA,8BAAe;CACb;CACA;CACD"}
1
+ {"version":3,"file":"customized-link-BkuKVCKQ.mjs","names":[],"sources":["../src/customized-link/index.ts"],"sourcesContent":["import ExternalLink from './external-link'\nimport InternalLink from './internal-link'\n\nexport { ExternalLink, InternalLink }\n\nexport default {\n ExternalLink,\n InternalLink,\n}\n"],"mappings":";;;;AAKA,8BAAe;CACb;CACA;CACD"}
@@ -1,5 +1,5 @@
1
- const require_external_link = require('./external-link-DHRAO68s.js');
2
- const require_internal_link = require('./internal-link-BKfQQJ5V.js');
1
+ const require_external_link = require('./external-link-CEDvlQYo.js');
2
+ const require_internal_link = require('./internal-link-CqTu3Yi5.js');
3
3
 
4
4
  //#region src/customized-link/index.ts
5
5
  var customized_link_default = {
@@ -14,4 +14,4 @@ Object.defineProperty(exports, 'customized_link_default', {
14
14
  return customized_link_default;
15
15
  }
16
16
  });
17
- //# sourceMappingURL=customized-link-DOfcUL2U.js.map
17
+ //# sourceMappingURL=customized-link-CK7Xlgdt.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"customized-link-DOfcUL2U.js","names":[],"sources":["../src/customized-link/index.ts"],"sourcesContent":["import ExternalLink from './external-link'\nimport InternalLink from './internal-link'\n\nexport { ExternalLink, InternalLink }\n\nexport default {\n ExternalLink,\n InternalLink,\n}\n"],"mappings":";;;;AAKA,8BAAe;CACb;CACA;CACD"}
1
+ {"version":3,"file":"customized-link-CK7Xlgdt.js","names":[],"sources":["../src/customized-link/index.ts"],"sourcesContent":["import ExternalLink from './external-link'\nimport InternalLink from './internal-link'\n\nexport { ExternalLink, InternalLink }\n\nexport default {\n ExternalLink,\n InternalLink,\n}\n"],"mappings":";;;;AAKA,8BAAe;CACb;CACA;CACD"}
@@ -1,3 +1,3 @@
1
- const require_constants = require('../constants-BrHOBTf_.js');
1
+ const require_constants = require('../constants-DRyQ6AuU.js');
2
2
 
3
3
  exports.DIRECTION = require_constants.DIRECTION;
@@ -1,3 +1,3 @@
1
- import { DIRECTION } from "../constants-DU0aujQA.mjs";
1
+ import { DIRECTION } from "../constants-t0lkfgqP.mjs";
2
2
 
3
3
  export { DIRECTION };
@@ -1,6 +1,6 @@
1
1
  Object.defineProperty(exports, '__esModule', { value: true });
2
- require('../constants-BrHOBTf_.js');
3
- const require_divider = require('../divider-DSzZ0anP.js');
2
+ require('../constants-DRyQ6AuU.js');
3
+ const require_divider = require('../divider-b3Shh7FV.js');
4
4
 
5
5
  exports.Divider = require_divider.Divider;
6
6
  exports.default = require_divider.divider_default;
@@ -1,4 +1,4 @@
1
- import "../constants-DU0aujQA.mjs";
2
- import { Divider, divider_default } from "../divider-jhFqc8bB.mjs";
1
+ import "../constants-t0lkfgqP.mjs";
2
+ import { Divider, divider_default } from "../divider-Bb3tebJO.mjs";
3
3
 
4
4
  export { Divider, divider_default as default };
@@ -1,4 +1,4 @@
1
- import { DIRECTION } from "./constants-DU0aujQA.mjs";
1
+ import { DIRECTION } from "./constants-t0lkfgqP.mjs";
2
2
  import clsx from "clsx";
3
3
  import { jsx } from "react/jsx-runtime";
4
4
 
@@ -12,4 +12,4 @@ var divider_default = Divider;
12
12
 
13
13
  //#endregion
14
14
  export { Divider, divider_default };
15
- //# sourceMappingURL=divider-jhFqc8bB.mjs.map
15
+ //# sourceMappingURL=divider-Bb3tebJO.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"divider-jhFqc8bB.mjs","names":["Divider: React.FC<DividerProps> & { Direction: typeof DIRECTION }"],"sources":["../src/divider/index.tsx"],"sourcesContent":["import type React from 'react'\nimport clsx from 'clsx'\n// constants\nimport { DIRECTION, type Direction } from './constants'\n\ntype DividerProps = {\n direction?: Direction\n className?: string\n}\n\nexport const Divider: React.FC<DividerProps> & { Direction: typeof DIRECTION } =\n ({ direction = DIRECTION.horizontal, className = '' }) => {\n if (direction === DIRECTION.vertical) {\n return (\n <div\n className={clsx(\n 'h-full w-0 border-l-[1px] border-solid border-gray-300',\n className\n )}\n />\n )\n }\n\n return (\n <div\n className={clsx(\n 'h-0 w-full border-t-[1px] border-solid border-gray-300',\n className\n )}\n />\n )\n }\n\nDivider.Direction = DIRECTION\n\nexport default Divider\n"],"mappings":";;;;;AAUA,MAAaA,WACV,EAAE,YAAY,UAAU,YAAY,YAAY,SAAS;AACxD,KAAI,cAAc,UAAU,SAC1B,QACE,oBAAC,SACC,WAAW,KACT,0DACA,UACD,GACD;AAIN,QACE,oBAAC,SACC,WAAW,KACT,0DACA,UACD,GACD;;AAIR,QAAQ,YAAY;AAEpB,sBAAe"}
1
+ {"version":3,"file":"divider-Bb3tebJO.mjs","names":["Divider: React.FC<DividerProps> & { Direction: typeof DIRECTION }"],"sources":["../src/divider/index.tsx"],"sourcesContent":["import type React from 'react'\nimport clsx from 'clsx'\n// constants\nimport { DIRECTION, type Direction } from './constants'\n\ntype DividerProps = {\n direction?: Direction\n className?: string\n}\n\nexport const Divider: React.FC<DividerProps> & { Direction: typeof DIRECTION } =\n ({ direction = DIRECTION.horizontal, className = '' }) => {\n if (direction === DIRECTION.vertical) {\n return (\n <div\n className={clsx(\n 'h-full w-0 border-l-[1px] border-solid border-gray-300',\n className\n )}\n />\n )\n }\n\n return (\n <div\n className={clsx(\n 'h-0 w-full border-t-[1px] border-solid border-gray-300',\n className\n )}\n />\n )\n }\n\nDivider.Direction = DIRECTION\n\nexport default Divider\n"],"mappings":";;;;;AAUA,MAAaA,WACV,EAAE,YAAY,UAAU,YAAY,YAAY,SAAS;AACxD,KAAI,cAAc,UAAU,SAC1B,QACE,oBAAC,SACC,WAAW,KACT,0DACA,UACD,GACD;AAIN,QACE,oBAAC,SACC,WAAW,KACT,0DACA,UACD,GACD;;AAIR,QAAQ,YAAY;AAEpB,sBAAe"}
@@ -1,5 +1,5 @@
1
1
  const require_chunk = require('./chunk-BxBTb9qk.js');
2
- const require_constants = require('./constants-BrHOBTf_.js');
2
+ const require_constants = require('./constants-DRyQ6AuU.js');
3
3
  let clsx = require("clsx");
4
4
  clsx = require_chunk.__toESM(clsx);
5
5
  let react_jsx_runtime = require("react/jsx-runtime");
@@ -26,4 +26,4 @@ Object.defineProperty(exports, 'divider_default', {
26
26
  return divider_default;
27
27
  }
28
28
  });
29
- //# sourceMappingURL=divider-DSzZ0anP.js.map
29
+ //# sourceMappingURL=divider-b3Shh7FV.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"divider-DSzZ0anP.js","names":["Divider: React.FC<DividerProps> & { Direction: typeof DIRECTION }","DIRECTION"],"sources":["../src/divider/index.tsx"],"sourcesContent":["import type React from 'react'\nimport clsx from 'clsx'\n// constants\nimport { DIRECTION, type Direction } from './constants'\n\ntype DividerProps = {\n direction?: Direction\n className?: string\n}\n\nexport const Divider: React.FC<DividerProps> & { Direction: typeof DIRECTION } =\n ({ direction = DIRECTION.horizontal, className = '' }) => {\n if (direction === DIRECTION.vertical) {\n return (\n <div\n className={clsx(\n 'h-full w-0 border-l-[1px] border-solid border-gray-300',\n className\n )}\n />\n )\n }\n\n return (\n <div\n className={clsx(\n 'h-0 w-full border-t-[1px] border-solid border-gray-300',\n className\n )}\n />\n )\n }\n\nDivider.Direction = DIRECTION\n\nexport default Divider\n"],"mappings":";;;;;;;;AAUA,MAAaA,WACV,EAAE,YAAYC,4BAAU,YAAY,YAAY,SAAS;AACxD,KAAI,cAAcA,4BAAU,SAC1B,QACE,2CAAC,SACC,6BACE,0DACA,UACD,GACD;AAIN,QACE,2CAAC,SACC,6BACE,0DACA,UACD,GACD;;AAIR,QAAQ,YAAYA;AAEpB,sBAAe"}
1
+ {"version":3,"file":"divider-b3Shh7FV.js","names":["Divider: React.FC<DividerProps> & { Direction: typeof DIRECTION }","DIRECTION"],"sources":["../src/divider/index.tsx"],"sourcesContent":["import type React from 'react'\nimport clsx from 'clsx'\n// constants\nimport { DIRECTION, type Direction } from './constants'\n\ntype DividerProps = {\n direction?: Direction\n className?: string\n}\n\nexport const Divider: React.FC<DividerProps> & { Direction: typeof DIRECTION } =\n ({ direction = DIRECTION.horizontal, className = '' }) => {\n if (direction === DIRECTION.vertical) {\n return (\n <div\n className={clsx(\n 'h-full w-0 border-l-[1px] border-solid border-gray-300',\n className\n )}\n />\n )\n }\n\n return (\n <div\n className={clsx(\n 'h-0 w-full border-t-[1px] border-solid border-gray-300',\n className\n )}\n />\n )\n }\n\nDivider.Direction = DIRECTION\n\nexport default Divider\n"],"mappings":";;;;;;;;AAUA,MAAaA,WACV,EAAE,YAAYC,4BAAU,YAAY,YAAY,SAAS;AACxD,KAAI,cAAcA,4BAAU,SAC1B,QACE,2CAAC,SACC,6BACE,0DACA,UACD,GACD;AAIN,QACE,2CAAC,SACC,6BACE,0DACA,UACD,GACD;;AAIR,QAAQ,YAAYA;AAEpB,sBAAe"}
@@ -2,13 +2,13 @@ require('../constants-K2ObjToq.js');
2
2
  require('../paragraph-CJvb0_cM.js');
3
3
  require('../theme-DDBlIbeS.js');
4
4
  require('../release-branch-CRZV4Ivz.js');
5
- require('../external-link-DHRAO68s.js');
6
- require('../internal-link-BKfQQJ5V.js');
7
- require('../customized-link-DOfcUL2U.js');
5
+ require('../external-link-CEDvlQYo.js');
6
+ require('../internal-link-CqTu3Yi5.js');
7
+ require('../customized-link-CK7Xlgdt.js');
8
8
  require('../context-Bvr0Qj2x.js');
9
- require('../constants-D8wNUvoZ.js');
9
+ require('../constants-BxxTZn8I.js');
10
+ require('../icons-_Vt_HeKY.js');
10
11
  require('../constants-2TRY2zTK.js');
11
- const require_dropdown_menu = require('../dropdown-menu-au-QmCCH.js');
12
- require('../icons-D5HPq5oi.js');
12
+ const require_dropdown_menu = require('../dropdown-menu-DPQvVa7J.js');
13
13
 
14
14
  exports.DropdownMenu = require_dropdown_menu.DropdownMenu;
@@ -3,12 +3,12 @@ import "../constants-BWFuBApI.mjs";
3
3
  import "../paragraph-BWXQNQtX.mjs";
4
4
  import "../theme-BG6yZVj-.mjs";
5
5
  import "../release-branch-DNCD1uH_.mjs";
6
- import "../external-link-yFrWzA-w.mjs";
7
- import "../customized-link-DCZIE_KY.mjs";
6
+ import "../external-link-Cx9S31Ye.mjs";
7
+ import "../customized-link-BkuKVCKQ.mjs";
8
8
  import "../context-BCesW3fW.mjs";
9
- import "../constants-5phfWHvb.mjs";
9
+ import "../constants-CeM93YWF.mjs";
10
+ import "../icons-DJMi42DI.mjs";
10
11
  import "../constants-BqeEbkVD.mjs";
11
- import { DropdownMenu } from "../dropdown-menu-625wN2WW.mjs";
12
- import "../icons-DHXvfKDV.mjs";
12
+ import { DropdownMenu } from "../dropdown-menu-CrEAe1Td.mjs";
13
13
 
14
14
  export { DropdownMenu };
@@ -1,10 +1,10 @@
1
1
  import { internal_link_default } from "./internal-link-NQb751uB.mjs";
2
2
  import { P1, P2 } from "./paragraph-BWXQNQtX.mjs";
3
3
  import { THEME } from "./theme-BG6yZVj-.mjs";
4
- import { external_link_default } from "./external-link-yFrWzA-w.mjs";
4
+ import { external_link_default } from "./external-link-Cx9S31Ye.mjs";
5
5
  import { HeaderContext } from "./context-BCesW3fW.mjs";
6
+ import { Arrow } from "./icons-DJMi42DI.mjs";
6
7
  import { LOGO_SYMBOL_TYPE } from "./constants-BqeEbkVD.mjs";
7
- import { Arrow } from "./icons-DHXvfKDV.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-625wN2WW.mjs.map
117
+ //# sourceMappingURL=dropdown-menu-CrEAe1Td.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"dropdown-menu-625wN2WW.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-CrEAe1Td.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,11 +1,11 @@
1
1
  const require_chunk = require('./chunk-BxBTb9qk.js');
2
2
  const require_paragraph = require('./paragraph-CJvb0_cM.js');
3
3
  const require_theme = require('./theme-DDBlIbeS.js');
4
- const require_external_link = require('./external-link-DHRAO68s.js');
5
- const require_internal_link = require('./internal-link-BKfQQJ5V.js');
4
+ const require_external_link = require('./external-link-CEDvlQYo.js');
5
+ const require_internal_link = require('./internal-link-CqTu3Yi5.js');
6
6
  const require_context = require('./context-Bvr0Qj2x.js');
7
+ const require_icons = require('./icons-_Vt_HeKY.js');
7
8
  const require_constants = require('./constants-2TRY2zTK.js');
8
- const require_icons = require('./icons-D5HPq5oi.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-au-QmCCH.js.map
150
+ //# sourceMappingURL=dropdown-menu-DPQvVa7J.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"dropdown-menu-au-QmCCH.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-DPQvVa7J.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"}
@@ -20,4 +20,4 @@ Object.defineProperty(exports, 'external_link_default', {
20
20
  return external_link_default;
21
21
  }
22
22
  });
23
- //# sourceMappingURL=external-link-DHRAO68s.js.map
23
+ //# sourceMappingURL=external-link-CEDvlQYo.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"external-link-DHRAO68s.js","names":["ExternalLink: FC<ExternalLinkProps>"],"sources":["../src/customized-link/external-link.tsx"],"sourcesContent":["import type { FC } from 'react'\nimport type { CustomizedLinkProps } from './type'\n\ntype ExternalLinkProps = CustomizedLinkProps\nconst ExternalLink: FC<ExternalLinkProps> = ({\n to,\n target = '_self',\n className = '',\n children,\n}) => {\n return (\n <a href={to} target={target} className={className}>\n {children}\n </a>\n )\n}\n\nexport default ExternalLink\n"],"mappings":";;;;;AAIA,MAAMA,gBAAuC,EAC3C,IACA,SAAS,SACT,YAAY,IACZ,eACI;AACJ,QACE,2CAAC;EAAE,MAAM;EAAY;EAAmB;EACrC;GACC;;AAIR,4BAAe"}
1
+ {"version":3,"file":"external-link-CEDvlQYo.js","names":["ExternalLink: FC<ExternalLinkProps>"],"sources":["../src/customized-link/external-link.tsx"],"sourcesContent":["import type { FC } from 'react'\nimport type { CustomizedLinkProps } from './type'\n\ntype ExternalLinkProps = CustomizedLinkProps\nconst ExternalLink: FC<ExternalLinkProps> = ({\n to,\n target = '_self',\n className = '',\n children,\n}) => {\n return (\n <a href={to} target={target} className={className}>\n {children}\n </a>\n )\n}\n\nexport default ExternalLink\n"],"mappings":";;;;;AAIA,MAAMA,gBAAuC,EAC3C,IACA,SAAS,SACT,YAAY,IACZ,eACI;AACJ,QACE,2CAAC;EAAE,MAAM;EAAY;EAAmB;EACrC;GACC;;AAIR,4BAAe"}
@@ -13,4 +13,4 @@ var external_link_default = ExternalLink;
13
13
 
14
14
  //#endregion
15
15
  export { external_link_default };
16
- //# sourceMappingURL=external-link-yFrWzA-w.mjs.map
16
+ //# sourceMappingURL=external-link-Cx9S31Ye.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"external-link-yFrWzA-w.mjs","names":["ExternalLink: FC<ExternalLinkProps>"],"sources":["../src/customized-link/external-link.tsx"],"sourcesContent":["import type { FC } from 'react'\nimport type { CustomizedLinkProps } from './type'\n\ntype ExternalLinkProps = CustomizedLinkProps\nconst ExternalLink: FC<ExternalLinkProps> = ({\n to,\n target = '_self',\n className = '',\n children,\n}) => {\n return (\n <a href={to} target={target} className={className}>\n {children}\n </a>\n )\n}\n\nexport default ExternalLink\n"],"mappings":";;;AAIA,MAAMA,gBAAuC,EAC3C,IACA,SAAS,SACT,YAAY,IACZ,eACI;AACJ,QACE,oBAAC;EAAE,MAAM;EAAY;EAAmB;EACrC;GACC;;AAIR,4BAAe"}
1
+ {"version":3,"file":"external-link-Cx9S31Ye.mjs","names":["ExternalLink: FC<ExternalLinkProps>"],"sources":["../src/customized-link/external-link.tsx"],"sourcesContent":["import type { FC } from 'react'\nimport type { CustomizedLinkProps } from './type'\n\ntype ExternalLinkProps = CustomizedLinkProps\nconst ExternalLink: FC<ExternalLinkProps> = ({\n to,\n target = '_self',\n className = '',\n children,\n}) => {\n return (\n <a href={to} target={target} className={className}>\n {children}\n </a>\n )\n}\n\nexport default ExternalLink\n"],"mappings":";;;AAIA,MAAMA,gBAAuC,EAC3C,IACA,SAAS,SACT,YAAY,IACZ,eACI;AACJ,QACE,oBAAC;EAAE,MAAM;EAAY;EAAmB;EACrC;GACC;;AAIR,4BAAe"}
@@ -6,17 +6,17 @@ require('../button-CS2fz7hm.js');
6
6
  require('../external-links-DCn-uTD-.js');
7
7
  require('../internal-links-CBkMU8cY.js');
8
8
  require('../release-branch-CRZV4Ivz.js');
9
- require('../constants-BrHOBTf_.js');
10
- require('../divider-DSzZ0anP.js');
11
- require('../external-link-DHRAO68s.js');
12
- require('../internal-link-BKfQQJ5V.js');
13
- require('../customized-link-DOfcUL2U.js');
9
+ require('../external-link-CEDvlQYo.js');
10
+ require('../internal-link-CqTu3Yi5.js');
11
+ require('../customized-link-CK7Xlgdt.js');
12
+ require('../constants-DRyQ6AuU.js');
13
+ require('../divider-b3Shh7FV.js');
14
14
  require('../context-Bvr0Qj2x.js');
15
- const require_hamburger_menu = require('../hamburger-menu-DlwLJHff.js');
16
- require('../constants-D8wNUvoZ.js');
15
+ require('../constants-BxxTZn8I.js');
16
+ require('../icons-_Vt_HeKY.js');
17
17
  require('../constants-2TRY2zTK.js');
18
- require('../dropdown-menu-au-QmCCH.js');
19
- require('../icons-D5HPq5oi.js');
18
+ require('../dropdown-menu-DPQvVa7J.js');
19
+ const require_hamburger_menu = require('../hamburger-menu-Bi0MDOgC.js');
20
20
  require('../logo-Dz8Mm84n.js');
21
21
 
22
22
  module.exports = require_hamburger_menu.hamburger_menu_default;
@@ -7,16 +7,16 @@ import "../button-KtEMUa_S.mjs";
7
7
  import "../external-links-B-A17Osq.mjs";
8
8
  import "../internal-links-BF-974mA.mjs";
9
9
  import "../release-branch-DNCD1uH_.mjs";
10
- import "../constants-DU0aujQA.mjs";
11
- import "../divider-jhFqc8bB.mjs";
12
- import "../external-link-yFrWzA-w.mjs";
13
- import "../customized-link-DCZIE_KY.mjs";
10
+ import "../external-link-Cx9S31Ye.mjs";
11
+ import "../customized-link-BkuKVCKQ.mjs";
12
+ import "../constants-t0lkfgqP.mjs";
13
+ import "../divider-Bb3tebJO.mjs";
14
14
  import "../context-BCesW3fW.mjs";
15
- import { hamburger_menu_default } from "../hamburger-menu-Dv05s_oG.mjs";
16
- import "../constants-5phfWHvb.mjs";
15
+ import "../constants-CeM93YWF.mjs";
16
+ import "../icons-DJMi42DI.mjs";
17
17
  import "../constants-BqeEbkVD.mjs";
18
- import "../dropdown-menu-625wN2WW.mjs";
19
- import "../icons-DHXvfKDV.mjs";
18
+ import "../dropdown-menu-CrEAe1Td.mjs";
19
+ import { hamburger_menu_default } from "../hamburger-menu-BxO_YWHd.mjs";
20
20
  import "../logo-Caqpr_8x.mjs";
21
21
 
22
22
  export { hamburger_menu_default as default };
@@ -5,13 +5,13 @@ const require_theme = require('./theme-DDBlIbeS.js');
5
5
  const require_button = require('./button-CS2fz7hm.js');
6
6
  const require_external_links = require('./external-links-DCn-uTD-.js');
7
7
  const require_internal_links = require('./internal-links-CBkMU8cY.js');
8
- const require_divider = require('./divider-DSzZ0anP.js');
9
- const require_external_link = require('./external-link-DHRAO68s.js');
10
- const require_internal_link = require('./internal-link-BKfQQJ5V.js');
8
+ const require_external_link = require('./external-link-CEDvlQYo.js');
9
+ const require_internal_link = require('./internal-link-CqTu3Yi5.js');
10
+ const require_divider = require('./divider-b3Shh7FV.js');
11
11
  const require_context = require('./context-Bvr0Qj2x.js');
12
- const require_constants$1 = require('./constants-D8wNUvoZ.js');
13
- const require_dropdown_menu = require('./dropdown-menu-au-QmCCH.js');
14
- const require_icons = require('./icons-D5HPq5oi.js');
12
+ const require_constants$1 = require('./constants-BxxTZn8I.js');
13
+ const require_icons = require('./icons-_Vt_HeKY.js');
14
+ const require_dropdown_menu = require('./dropdown-menu-DPQvVa7J.js');
15
15
  const require_logo = require('./logo-Dz8Mm84n.js');
16
16
  let react = require("react");
17
17
  react = require_chunk.__toESM(react);
@@ -360,7 +360,7 @@ const HamburgerMenu = () => {
360
360
  })
361
361
  }),
362
362
  /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
363
- className: (0, clsx.default)("flex items-center justify-between px-[24px] py-[16px]", "desktop:hidden"),
363
+ className: (0, clsx.default)("flex items-center justify-between px-[24px] py-[16px]", "tablet:hidden"),
364
364
  children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(LinkComponent, {
365
365
  to: require_internal_links.INTERNAL_LINKS.home,
366
366
  children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_logo.logo_header_default, {
@@ -390,7 +390,7 @@ const HamburgerMenu = () => {
390
390
  })]
391
391
  }),
392
392
  /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
393
- className: "px-[32px] pt-[24px] pb-[8px] tablet:hidden",
393
+ className: "px-[32px] pt-[24px] pb-[8px] desktop:hidden",
394
394
  children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
395
395
  type: "text",
396
396
  className: (0, clsx.default)("w-full h-[40px] rounded-[20px] px-[16px]", "focus:outline-none"),
@@ -484,4 +484,4 @@ Object.defineProperty(exports, 'hamburger_menu_default', {
484
484
  return hamburger_menu_default;
485
485
  }
486
486
  });
487
- //# sourceMappingURL=hamburger-menu-DlwLJHff.js.map
487
+ //# sourceMappingURL=hamburger-menu-Bi0MDOgC.js.map