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

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 (184) hide show
  1. package/lib/button/constants.d.mts +2 -2
  2. package/lib/button/index.d.mts +12 -12
  3. package/lib/constants/release-branch.d.mts +2 -2
  4. package/lib/constants/theme.d.mts +2 -2
  5. package/lib/{constants-Br6I254P.mjs → constants-BG4oRMD_.mjs} +1 -1
  6. package/lib/{constants-Br6I254P.mjs.map → constants-BG4oRMD_.mjs.map} +1 -1
  7. package/lib/{constants-COhDITk3.d.ts → constants-CBjyeHSl.d.ts} +1 -1
  8. package/lib/{constants-DJDyKM0N.d.mts → constants-C_OX3J7_.d.mts} +2 -2
  9. package/lib/{constants-C86Q6QlO.d.ts → constants-CzHmv07x.d.ts} +1 -1
  10. package/lib/{constants-CIMBoUWq.d.mts → constants-DVYCKpJ0.d.mts} +2 -2
  11. package/lib/{constants-B_1Vpdib.js → constants-Dt5HD0aL.js} +1 -1
  12. package/lib/{constants-B_1Vpdib.js.map → constants-Dt5HD0aL.js.map} +1 -1
  13. package/lib/{constants-CwFazfN4.d.mts → constants-MpdMPjnk.d.mts} +2 -2
  14. package/lib/{constants-B-jtTtz5.d.mts → constants-ZGhPn0d6.d.mts} +2 -2
  15. package/lib/{constants-BL-KiLbo.d.mts → constants-oNjXcfW2.d.mts} +2 -2
  16. package/lib/customized-link/external-link.d.mts +2 -2
  17. package/lib/customized-link/external-link.d.ts +2 -2
  18. package/lib/customized-link/external-link.js +1 -1
  19. package/lib/customized-link/external-link.mjs +1 -1
  20. package/lib/customized-link/index.d.mts +6 -6
  21. package/lib/customized-link/index.d.ts +6 -6
  22. package/lib/customized-link/index.js +3 -3
  23. package/lib/customized-link/index.mjs +3 -3
  24. package/lib/customized-link/internal-link.d.mts +2 -2
  25. package/lib/customized-link/internal-link.d.ts +2 -2
  26. package/lib/customized-link/internal-link.js +1 -1
  27. package/lib/customized-link/internal-link.mjs +1 -1
  28. package/lib/customized-link/type.d.mts +1 -1
  29. package/lib/customized-link/type.d.ts +1 -1
  30. package/lib/{customized-link-DqW2a8oZ.js → customized-link-BDKQVdcH.js} +3 -3
  31. package/lib/{customized-link-DqW2a8oZ.js.map → customized-link-BDKQVdcH.js.map} +1 -1
  32. package/lib/{customized-link-DnaZxeKK.mjs → customized-link-D3p9rjEe.mjs} +3 -3
  33. package/lib/{customized-link-DnaZxeKK.mjs.map → customized-link-D3p9rjEe.mjs.map} +1 -1
  34. package/lib/divider/constants.d.mts +2 -2
  35. package/lib/divider/index.d.mts +2 -2
  36. package/lib/dropdown-menu/index.d.mts +1 -1
  37. package/lib/dropdown-menu/index.d.ts +1 -1
  38. package/lib/dropdown-menu/index.js +4 -4
  39. package/lib/dropdown-menu/index.mjs +4 -4
  40. package/lib/{dropdown-menu-BAqmP8qa.js → dropdown-menu-CKH3qADt.js} +3 -3
  41. package/lib/{dropdown-menu-BAqmP8qa.js.map → dropdown-menu-CKH3qADt.js.map} +1 -1
  42. package/lib/{dropdown-menu-D7VNOiIl.mjs → dropdown-menu-DMp_Bmo0.mjs} +3 -3
  43. package/lib/{dropdown-menu-D7VNOiIl.mjs.map → dropdown-menu-DMp_Bmo0.mjs.map} +1 -1
  44. package/lib/{external-link-DXT5ep5-.mjs → external-link-BMIFL3DE.mjs} +5 -2
  45. package/lib/external-link-BMIFL3DE.mjs.map +1 -0
  46. package/lib/{external-link-2XoC1_oL.d.ts → external-link-BMxYePU7.d.ts} +2 -2
  47. package/lib/{external-link-DoBTwlV3.js → external-link-Ce1_loKh.js} +5 -2
  48. package/lib/external-link-Ce1_loKh.js.map +1 -0
  49. package/lib/{external-link-C3_4RBmQ.d.mts → external-link-CvvjuS1W.d.mts} +2 -2
  50. package/lib/footer/index.d.mts +18 -0
  51. package/lib/footer/index.d.ts +17 -0
  52. package/lib/footer/index.js +107 -0
  53. package/lib/footer/index.js.map +1 -0
  54. package/lib/footer/index.mjs +104 -0
  55. package/lib/footer/index.mjs.map +1 -0
  56. package/lib/footer/links.d.mts +28 -0
  57. package/lib/footer/links.d.ts +28 -0
  58. package/lib/footer/links.js +17 -0
  59. package/lib/footer/links.mjs +15 -0
  60. package/lib/footer/logo.d.mts +12 -0
  61. package/lib/footer/logo.d.ts +11 -0
  62. package/lib/footer/logo.js +9 -0
  63. package/lib/footer/logo.mjs +9 -0
  64. package/lib/footer/types.d.mts +4 -0
  65. package/lib/footer/types.d.ts +4 -0
  66. package/lib/footer/types.js +0 -0
  67. package/lib/footer/types.mjs +1 -0
  68. package/lib/hamburger-menu/index.js +8 -8
  69. package/lib/hamburger-menu/index.mjs +8 -8
  70. package/lib/{hamburger-menu-DGS62txC.js → hamburger-menu-DJe2IBTm.js} +6 -6
  71. package/lib/{hamburger-menu-DGS62txC.js.map → hamburger-menu-DJe2IBTm.js.map} +1 -1
  72. package/lib/{hamburger-menu-iIWjGEVX.mjs → hamburger-menu-DoyJVziw.mjs} +6 -6
  73. package/lib/{hamburger-menu-iIWjGEVX.mjs.map → hamburger-menu-DoyJVziw.mjs.map} +1 -1
  74. package/lib/header/index.d.mts +3 -3
  75. package/lib/header/index.js +15 -15
  76. package/lib/header/index.mjs +14 -14
  77. package/lib/{heading-Qm-0gpRy.mjs → heading-CCsID-nv.mjs} +1 -1
  78. package/lib/{heading-Qm-0gpRy.mjs.map → heading-CCsID-nv.mjs.map} +1 -1
  79. package/lib/{heading-Fvd7unhP.js → heading-D7slLGoI.js} +1 -1
  80. package/lib/{heading-Fvd7unhP.js.map → heading-D7slLGoI.js.map} +1 -1
  81. package/lib/hooks/index.d.mts +3 -3
  82. package/lib/hooks/index.d.ts +3 -3
  83. package/lib/hooks/index.js +2 -2
  84. package/lib/hooks/index.mjs +2 -2
  85. package/lib/hooks/use-outside-click.d.mts +1 -1
  86. package/lib/hooks/use-outside-click.d.ts +1 -1
  87. package/lib/hooks/use-outside-click.js +1 -1
  88. package/lib/hooks/use-outside-click.mjs +1 -1
  89. package/lib/{hooks-B0DKeSXi.js → hooks-CYgvBAmt.js} +2 -2
  90. package/lib/{hooks-B0DKeSXi.js.map → hooks-CYgvBAmt.js.map} +1 -1
  91. package/lib/{hooks-CDCpkU85.mjs → hooks-CcqXFDPN.mjs} +2 -2
  92. package/lib/{hooks-CDCpkU85.mjs.map → hooks-CcqXFDPN.mjs.map} +1 -1
  93. package/lib/icons/constants.d.mts +2 -2
  94. package/lib/icons/constants.d.ts +1 -1
  95. package/lib/icons/index.d.mts +12 -12
  96. package/lib/icons/index.d.ts +10 -10
  97. package/lib/{index-B0aBR23L.d.mts → index-CUE6zs36.d.mts} +1 -1
  98. package/lib/input/constants.d.mts +1 -1
  99. package/lib/input/index.d.mts +5 -5
  100. package/lib/input/index.d.ts +2 -2
  101. package/lib/input/index.js +2 -2
  102. package/lib/input/index.mjs +2 -2
  103. package/lib/input/theme.d.mts +2 -2
  104. package/lib/input/theme.js +1 -1
  105. package/lib/input/theme.mjs +1 -1
  106. package/lib/{input-VmgNb9pm.js → input-D29yD1k-.js} +2 -2
  107. package/lib/{input-VmgNb9pm.js.map → input-D29yD1k-.js.map} +1 -1
  108. package/lib/{input-BU_QJnbj.mjs → input-DH_jroRh.mjs} +2 -2
  109. package/lib/{input-BU_QJnbj.mjs.map → input-DH_jroRh.mjs.map} +1 -1
  110. package/lib/{internal-link-DCSEl1jM.d.ts → internal-link-BL950cs3.d.ts} +2 -2
  111. package/lib/{internal-link-B9ExuJfg.js → internal-link-Bq4yp13E.js} +4 -2
  112. package/lib/{internal-link-B9ExuJfg.js.map → internal-link-Bq4yp13E.js.map} +1 -1
  113. package/lib/{internal-link-NQb751uB.mjs → internal-link-DCXJvzgx.mjs} +4 -2
  114. package/lib/{internal-link-NQb751uB.mjs.map → internal-link-DCXJvzgx.mjs.map} +1 -1
  115. package/lib/{internal-link-HG_KM8L7.d.mts → internal-link-DgOMen4w.d.mts} +2 -2
  116. package/lib/links-Buz2DUOO.mjs +86 -0
  117. package/lib/links-Buz2DUOO.mjs.map +1 -0
  118. package/lib/links-CPX07u-O.js +107 -0
  119. package/lib/links-CPX07u-O.js.map +1 -0
  120. package/lib/logo/constants.d.mts +2 -2
  121. package/lib/logo/constants.d.ts +1 -1
  122. package/lib/logo/index.d.mts +26 -11
  123. package/lib/logo/index.d.ts +19 -4
  124. package/lib/logo/index.js +2 -1
  125. package/lib/logo/index.mjs +2 -2
  126. package/lib/logo-BSp7gsND.js +32 -0
  127. package/lib/logo-BSp7gsND.js.map +1 -0
  128. package/lib/{logo-D68VZ-fc.mjs → logo-CBWWiQoO.mjs} +22 -6
  129. package/lib/logo-CBWWiQoO.mjs.map +1 -0
  130. package/lib/{logo-BTNfdxTv.js → logo-DzRRd4Y-.js} +28 -5
  131. package/lib/logo-DzRRd4Y-.js.map +1 -0
  132. package/lib/logo-mBe4a2OP.mjs +24 -0
  133. package/lib/logo-mBe4a2OP.mjs.map +1 -0
  134. package/lib/{release-branch-CFUcv043.d.mts → release-branch-uF0B5lcE.d.mts} +2 -2
  135. package/lib/styles.css +126 -0
  136. package/lib/tab-bar/constants.d.mts +3 -3
  137. package/lib/tab-bar/constants.d.ts +1 -1
  138. package/lib/tab-bar/constants.js +1 -1
  139. package/lib/tab-bar/constants.mjs +1 -1
  140. package/lib/tab-bar/index.js +6 -6
  141. package/lib/tab-bar/index.mjs +6 -6
  142. package/lib/tab-bar/theme.d.mts +2 -2
  143. package/lib/tab-bar/theme.js +1 -1
  144. package/lib/tab-bar/theme.mjs +1 -1
  145. package/lib/{tab-bar-CZt-vw5x.js → tab-bar-CVPd5go9.js} +5 -5
  146. package/lib/{tab-bar-CZt-vw5x.js.map → tab-bar-CVPd5go9.js.map} +1 -1
  147. package/lib/{tab-bar-CXhDni4V.mjs → tab-bar-jI3fYt_7.mjs} +5 -5
  148. package/lib/{tab-bar-CXhDni4V.mjs.map → tab-bar-jI3fYt_7.mjs.map} +1 -1
  149. package/lib/text/constants.d.mts +2 -2
  150. package/lib/text/heading.d.mts +2 -2
  151. package/lib/text/heading.js +1 -1
  152. package/lib/text/heading.mjs +1 -1
  153. package/lib/text/paragraph.d.mts +2 -2
  154. package/lib/{theme-CmvdSSbX.js → theme-B9k1Udon.js} +1 -1
  155. package/lib/{theme-CmvdSSbX.js.map → theme-B9k1Udon.js.map} +1 -1
  156. package/lib/{theme-Cv8rt4oO.js → theme-BLdi7Moc.js} +1 -1
  157. package/lib/{theme-Cv8rt4oO.js.map → theme-BLdi7Moc.js.map} +1 -1
  158. package/lib/{theme-CE2RkJwt.mjs → theme-Cf9NG_eL.mjs} +1 -1
  159. package/lib/{theme-CE2RkJwt.mjs.map → theme-Cf9NG_eL.mjs.map} +1 -1
  160. package/lib/{theme-BQP-h-2z.d.mts → theme-DKi2E2si.d.mts} +2 -2
  161. package/lib/{theme-Bgd_TUHZ.mjs → theme-DURvzYaJ.mjs} +1 -1
  162. package/lib/{theme-Bgd_TUHZ.mjs.map → theme-DURvzYaJ.mjs.map} +1 -1
  163. package/lib/title-bar/index.d.mts +4 -4
  164. package/lib/title-bar/index.d.ts +4 -4
  165. package/lib/title-bar/index.js +4 -4
  166. package/lib/title-bar/index.mjs +4 -4
  167. package/lib/{type-Dons5TOa.d.mts → type-Bsf9A8YX.d.mts} +4 -1
  168. package/lib/{type-C4hJK9H9.d.ts → type-CcygKers.d.ts} +4 -1
  169. package/lib/types/index.d.mts +1 -1
  170. package/lib/types-dW_WJa4D.d.ts +15 -0
  171. package/lib/types-p8V2pbqn.d.mts +15 -0
  172. package/lib/use-outside-click-B_hZCUDr.d.mts +7 -0
  173. package/lib/{use-outside-click-DAfe2vPE.mjs → use-outside-click-BfAURk-E.mjs} +1 -1
  174. package/lib/{use-outside-click-DAfe2vPE.mjs.map → use-outside-click-BfAURk-E.mjs.map} +1 -1
  175. package/lib/use-outside-click-COJmPFYr.d.ts +7 -0
  176. package/lib/{use-outside-click-BB1MpRid.js → use-outside-click-DnJ0DNZ9.js} +1 -1
  177. package/lib/{use-outside-click-BB1MpRid.js.map → use-outside-click-DnJ0DNZ9.js.map} +1 -1
  178. package/package.json +2 -2
  179. package/lib/external-link-DXT5ep5-.mjs.map +0 -1
  180. package/lib/external-link-DoBTwlV3.js.map +0 -1
  181. package/lib/logo-BTNfdxTv.js.map +0 -1
  182. package/lib/logo-D68VZ-fc.mjs.map +0 -1
  183. package/lib/use-outside-click-CHxRFaTZ.d.ts +0 -7
  184. package/lib/use-outside-click-CSVLlhkD.d.mts +0 -7
@@ -1,3 +1,3 @@
1
- import "../index-B0aBR23L.mjs";
2
- import { SIZE, STYLE, Size, Style, TYPE, Type } from "../constants-B-jtTtz5.mjs";
1
+ import "../index-CUE6zs36.mjs";
2
+ import { SIZE, STYLE, Size, Style, TYPE, Type } from "../constants-ZGhPn0d6.mjs";
3
3
  export { SIZE, STYLE, Size, Style, TYPE, Type };
@@ -1,8 +1,8 @@
1
- import "../index-B0aBR23L.mjs";
2
- import { SIZE, STYLE, Size, Style, TYPE, Type } from "../constants-B-jtTtz5.mjs";
3
- import { THEME, Theme } from "../theme-BQP-h-2z.mjs";
4
- import { WEIGHT, Weight } from "../constants-DJDyKM0N.mjs";
5
- import * as react11 from "react";
1
+ import "../index-CUE6zs36.mjs";
2
+ import { SIZE, STYLE, Size, Style, TYPE, Type } from "../constants-ZGhPn0d6.mjs";
3
+ import { THEME, Theme } from "../theme-DKi2E2si.mjs";
4
+ import { WEIGHT, Weight } from "../constants-C_OX3J7_.mjs";
5
+ import * as react0 from "react";
6
6
  import React$1, { FC, ReactElement } from "react";
7
7
 
8
8
  //#region src/button/components/text-button/index.d.ts
@@ -88,10 +88,10 @@ declare const IconWithTextButton: FC<IconWithTextButtonProps> & {
88
88
  //#endregion
89
89
  //#region src/button/index.d.ts
90
90
  declare const _default: {
91
- TextButton: react11.FC<{
91
+ TextButton: react0.FC<{
92
92
  text: string;
93
- leftIconComponent?: react11.ReactElement;
94
- rightIconComponent?: react11.ReactElement;
93
+ leftIconComponent?: react0.ReactElement;
94
+ rightIconComponent?: react0.ReactElement;
95
95
  size?: Size;
96
96
  style?: Style;
97
97
  theme?: Theme;
@@ -104,7 +104,7 @@ declare const _default: {
104
104
  Style: typeof STYLE;
105
105
  Theme: typeof THEME;
106
106
  };
107
- IconButton: react11.FC<{
107
+ IconButton: react0.FC<{
108
108
  iconComponent: React.ReactElement;
109
109
  theme?: Theme;
110
110
  type?: Type;
@@ -116,7 +116,7 @@ declare const _default: {
116
116
  Theme: typeof THEME;
117
117
  Type: typeof TYPE;
118
118
  };
119
- MenuButton: react11.FC<{
119
+ MenuButton: react0.FC<{
120
120
  text: string;
121
121
  color: string;
122
122
  fontWeight: Weight;
@@ -125,7 +125,7 @@ declare const _default: {
125
125
  }> & {
126
126
  FontWeight: typeof WEIGHT;
127
127
  };
128
- PillButton: react11.FC<{
128
+ PillButton: react0.FC<{
129
129
  text?: string;
130
130
  leftIconComponent?: React.ReactElement;
131
131
  rightIconComponent?: React.ReactElement;
@@ -142,7 +142,7 @@ declare const _default: {
142
142
  Size: typeof SIZE;
143
143
  Style: typeof STYLE;
144
144
  };
145
- IconWithTextButton: react11.FC<{
145
+ IconWithTextButton: react0.FC<{
146
146
  text?: string;
147
147
  iconComponent: React.ReactNode;
148
148
  theme?: Theme;
@@ -1,3 +1,3 @@
1
- import "../index-B0aBR23L.mjs";
2
- import { RELEASE_BRANCH, ReleaseBranch } from "../release-branch-CFUcv043.mjs";
1
+ import "../index-CUE6zs36.mjs";
2
+ import { RELEASE_BRANCH, ReleaseBranch } from "../release-branch-uF0B5lcE.mjs";
3
3
  export { RELEASE_BRANCH, ReleaseBranch };
@@ -1,3 +1,3 @@
1
- import "../index-B0aBR23L.mjs";
2
- import { THEME, Theme } from "../theme-BQP-h-2z.mjs";
1
+ import "../index-CUE6zs36.mjs";
2
+ import { THEME, Theme } from "../theme-DKi2E2si.mjs";
3
3
  export { THEME, Theme };
@@ -31,4 +31,4 @@ const TabBarItems = (releaseBranch) => [
31
31
 
32
32
  //#endregion
33
33
  export { TabBarItems };
34
- //# sourceMappingURL=constants-Br6I254P.mjs.map
34
+ //# sourceMappingURL=constants-BG4oRMD_.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"constants-Br6I254P.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-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"}
@@ -27,4 +27,4 @@ declare const MEDIA_TYPE: {
27
27
  type MediaType = ValuesOf<typeof MEDIA_TYPE>;
28
28
  //#endregion
29
29
  export { ARROW_DIRECTION, ArrowDirection, ICON_TYPE, IconType, MEDIA_TYPE, MediaType };
30
- //# sourceMappingURL=constants-COhDITk3.d.ts.map
30
+ //# sourceMappingURL=constants-CBjyeHSl.d.ts.map
@@ -1,4 +1,4 @@
1
- import { ValuesOf } from "./index-B0aBR23L.mjs";
1
+ import { ValuesOf } from "./index-CUE6zs36.mjs";
2
2
 
3
3
  //#region src/text/constants.d.ts
4
4
  declare const TYPE: {
@@ -14,4 +14,4 @@ declare const WEIGHT: {
14
14
  type Weight = ValuesOf<typeof WEIGHT>;
15
15
  //#endregion
16
16
  export { TYPE, Type, WEIGHT, Weight };
17
- //# sourceMappingURL=constants-DJDyKM0N.d.mts.map
17
+ //# sourceMappingURL=constants-C_OX3J7_.d.mts.map
@@ -21,4 +21,4 @@ declare const LOGO_SYMBOL_TYPE: {
21
21
  type LogoSymbolType = ValuesOf<typeof LOGO_SYMBOL_TYPE>;
22
22
  //#endregion
23
23
  export { LOGO, LOGO_SYMBOL_TYPE, LOGO_TYPE, Logo, LogoSymbolType, LogoType };
24
- //# sourceMappingURL=constants-C86Q6QlO.d.ts.map
24
+ //# sourceMappingURL=constants-CzHmv07x.d.ts.map
@@ -1,4 +1,4 @@
1
- import { ValuesOf } from "./index-B0aBR23L.mjs";
1
+ import { ValuesOf } from "./index-CUE6zs36.mjs";
2
2
 
3
3
  //#region src/icons/constants.d.ts
4
4
  declare const ICON_TYPE: {
@@ -27,4 +27,4 @@ declare const MEDIA_TYPE: {
27
27
  type MediaType = ValuesOf<typeof MEDIA_TYPE>;
28
28
  //#endregion
29
29
  export { ARROW_DIRECTION, ArrowDirection, ICON_TYPE, IconType, MEDIA_TYPE, MediaType };
30
- //# sourceMappingURL=constants-CIMBoUWq.d.mts.map
30
+ //# sourceMappingURL=constants-DVYCKpJ0.d.mts.map
@@ -36,4 +36,4 @@ Object.defineProperty(exports, 'TabBarItems', {
36
36
  return TabBarItems;
37
37
  }
38
38
  });
39
- //# sourceMappingURL=constants-B_1Vpdib.js.map
39
+ //# sourceMappingURL=constants-Dt5HD0aL.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"constants-B_1Vpdib.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-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,4 +1,4 @@
1
- import { ValuesOf } from "./index-B0aBR23L.mjs";
1
+ import { ValuesOf } from "./index-CUE6zs36.mjs";
2
2
 
3
3
  //#region src/divider/constants.d.ts
4
4
  declare const DIRECTION: {
@@ -8,4 +8,4 @@ declare const DIRECTION: {
8
8
  type Direction = ValuesOf<typeof DIRECTION>;
9
9
  //#endregion
10
10
  export { DIRECTION, Direction };
11
- //# sourceMappingURL=constants-CwFazfN4.d.mts.map
11
+ //# sourceMappingURL=constants-MpdMPjnk.d.mts.map
@@ -1,4 +1,4 @@
1
- import { ValuesOf } from "./index-B0aBR23L.mjs";
1
+ import { ValuesOf } from "./index-CUE6zs36.mjs";
2
2
 
3
3
  //#region src/button/constants.d.ts
4
4
  declare const SIZE: {
@@ -19,4 +19,4 @@ declare const TYPE: {
19
19
  type Type = ValuesOf<typeof TYPE>;
20
20
  //#endregion
21
21
  export { SIZE, STYLE, Size, Style, TYPE, Type };
22
- //# sourceMappingURL=constants-B-jtTtz5.d.mts.map
22
+ //# sourceMappingURL=constants-ZGhPn0d6.d.mts.map
@@ -1,4 +1,4 @@
1
- import { ValuesOf } from "./index-B0aBR23L.mjs";
1
+ import { ValuesOf } from "./index-CUE6zs36.mjs";
2
2
 
3
3
  //#region src/logo/constants.d.ts
4
4
  declare const LOGO: {
@@ -21,4 +21,4 @@ declare const LOGO_SYMBOL_TYPE: {
21
21
  type LogoSymbolType = ValuesOf<typeof LOGO_SYMBOL_TYPE>;
22
22
  //#endregion
23
23
  export { LOGO, LOGO_SYMBOL_TYPE, LOGO_TYPE, Logo, LogoSymbolType, LogoType };
24
- //# sourceMappingURL=constants-BL-KiLbo.d.mts.map
24
+ //# sourceMappingURL=constants-oNjXcfW2.d.mts.map
@@ -1,3 +1,3 @@
1
- import "../type-Dons5TOa.mjs";
2
- import { ExternalLink } from "../external-link-C3_4RBmQ.mjs";
1
+ import "../type-Bsf9A8YX.mjs";
2
+ import { ExternalLink } from "../external-link-CvvjuS1W.mjs";
3
3
  export { ExternalLink as default };
@@ -1,3 +1,3 @@
1
- import "../type-C4hJK9H9.js";
2
- import { ExternalLink } from "../external-link-2XoC1_oL.js";
1
+ import "../type-CcygKers.js";
2
+ import { ExternalLink } from "../external-link-BMxYePU7.js";
3
3
  export = ExternalLink;
@@ -1,3 +1,3 @@
1
- const require_external_link = require('../external-link-DoBTwlV3.js');
1
+ const require_external_link = require('../external-link-Ce1_loKh.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-DXT5ep5-.mjs";
1
+ import { external_link_default } from "../external-link-BMIFL3DE.mjs";
2
2
 
3
3
  export { external_link_default as default };
@@ -1,12 +1,12 @@
1
- import { CustomizedLinkProps } from "../type-Dons5TOa.mjs";
2
- import { ExternalLink } from "../external-link-C3_4RBmQ.mjs";
3
- import { InternalLink } from "../internal-link-HG_KM8L7.mjs";
4
- import * as react0 from "react";
1
+ import { CustomizedLinkProps } from "../type-Bsf9A8YX.mjs";
2
+ import { ExternalLink } from "../external-link-CvvjuS1W.mjs";
3
+ import { InternalLink } from "../internal-link-DgOMen4w.mjs";
4
+ import * as react6 from "react";
5
5
 
6
6
  //#region src/customized-link/index.d.ts
7
7
  declare const _default: {
8
- ExternalLink: react0.FC<CustomizedLinkProps>;
9
- InternalLink: react0.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 };
@@ -1,12 +1,12 @@
1
- import { CustomizedLinkProps } from "../type-C4hJK9H9.js";
2
- import { ExternalLink } from "../external-link-2XoC1_oL.js";
3
- import { InternalLink } from "../internal-link-DCSEl1jM.js";
4
- import * as react6 from "react";
1
+ import { CustomizedLinkProps } from "../type-CcygKers.js";
2
+ import { ExternalLink } from "../external-link-BMxYePU7.js";
3
+ import { InternalLink } from "../internal-link-BL950cs3.js";
4
+ import * as react9 from "react";
5
5
 
6
6
  //#region src/customized-link/index.d.ts
7
7
  declare const _default: {
8
- ExternalLink: react6.FC<CustomizedLinkProps>;
9
- InternalLink: react6.FC<CustomizedLinkProps>;
8
+ ExternalLink: react9.FC<CustomizedLinkProps>;
9
+ InternalLink: react9.FC<CustomizedLinkProps>;
10
10
  };
11
11
  //#endregion
12
12
  export { ExternalLink, InternalLink, _default as default };
@@ -1,7 +1,7 @@
1
1
  Object.defineProperty(exports, '__esModule', { value: true });
2
- const require_external_link = require('../external-link-DoBTwlV3.js');
3
- const require_internal_link = require('../internal-link-B9ExuJfg.js');
4
- const require_customized_link = require('../customized-link-DqW2a8oZ.js');
2
+ const require_external_link = require('../external-link-Ce1_loKh.js');
3
+ const require_internal_link = require('../internal-link-Bq4yp13E.js');
4
+ const require_customized_link = require('../customized-link-BDKQVdcH.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
- import { internal_link_default } from "../internal-link-NQb751uB.mjs";
2
- import { external_link_default } from "../external-link-DXT5ep5-.mjs";
3
- import { customized_link_default } from "../customized-link-DnaZxeKK.mjs";
1
+ import { internal_link_default } from "../internal-link-DCXJvzgx.mjs";
2
+ import { external_link_default } from "../external-link-BMIFL3DE.mjs";
3
+ import { customized_link_default } from "../customized-link-D3p9rjEe.mjs";
4
4
 
5
5
  export { external_link_default as ExternalLink, internal_link_default as InternalLink, customized_link_default as default };
@@ -1,3 +1,3 @@
1
- import "../type-Dons5TOa.mjs";
2
- import { InternalLink } from "../internal-link-HG_KM8L7.mjs";
1
+ import "../type-Bsf9A8YX.mjs";
2
+ import { InternalLink } from "../internal-link-DgOMen4w.mjs";
3
3
  export { InternalLink as default };
@@ -1,3 +1,3 @@
1
- import "../type-C4hJK9H9.js";
2
- import { InternalLink } from "../internal-link-DCSEl1jM.js";
1
+ import "../type-CcygKers.js";
2
+ import { InternalLink } from "../internal-link-BL950cs3.js";
3
3
  export = InternalLink;
@@ -1,6 +1,6 @@
1
1
  'use client';
2
2
 
3
3
 
4
- const require_internal_link = require('../internal-link-B9ExuJfg.js');
4
+ const require_internal_link = require('../internal-link-Bq4yp13E.js');
5
5
 
6
6
  module.exports = require_internal_link.internal_link_default;
@@ -1,6 +1,6 @@
1
1
  'use client';
2
2
 
3
3
 
4
- import { internal_link_default } from "../internal-link-NQb751uB.mjs";
4
+ import { internal_link_default } from "../internal-link-DCXJvzgx.mjs";
5
5
 
6
6
  export { internal_link_default as default };
@@ -1,2 +1,2 @@
1
- import { CustomizedLinkProps, LinkTarget } from "../type-Dons5TOa.mjs";
1
+ import { CustomizedLinkProps, LinkTarget } from "../type-Bsf9A8YX.mjs";
2
2
  export { CustomizedLinkProps, LinkTarget };
@@ -1,2 +1,2 @@
1
- import { CustomizedLinkProps, LinkTarget } from "../type-C4hJK9H9.js";
1
+ import { CustomizedLinkProps, LinkTarget } from "../type-CcygKers.js";
2
2
  export { CustomizedLinkProps, LinkTarget };
@@ -1,5 +1,5 @@
1
- const require_external_link = require('./external-link-DoBTwlV3.js');
2
- const require_internal_link = require('./internal-link-B9ExuJfg.js');
1
+ const require_external_link = require('./external-link-Ce1_loKh.js');
2
+ const require_internal_link = require('./internal-link-Bq4yp13E.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-DqW2a8oZ.js.map
17
+ //# sourceMappingURL=customized-link-BDKQVdcH.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"customized-link-DqW2a8oZ.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-BDKQVdcH.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,5 +1,5 @@
1
- import { internal_link_default } from "./internal-link-NQb751uB.mjs";
2
- import { external_link_default } from "./external-link-DXT5ep5-.mjs";
1
+ import { internal_link_default } from "./internal-link-DCXJvzgx.mjs";
2
+ import { external_link_default } from "./external-link-BMIFL3DE.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-DnaZxeKK.mjs.map
12
+ //# sourceMappingURL=customized-link-D3p9rjEe.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"customized-link-DnaZxeKK.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-D3p9rjEe.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,3 +1,3 @@
1
- import "../index-B0aBR23L.mjs";
2
- import { DIRECTION, Direction } from "../constants-CwFazfN4.mjs";
1
+ import "../index-CUE6zs36.mjs";
2
+ import { DIRECTION, Direction } from "../constants-MpdMPjnk.mjs";
3
3
  export { DIRECTION, Direction };
@@ -1,5 +1,5 @@
1
- import "../index-B0aBR23L.mjs";
2
- import { DIRECTION, Direction } from "../constants-CwFazfN4.mjs";
1
+ import "../index-CUE6zs36.mjs";
2
+ import { DIRECTION, Direction } from "../constants-MpdMPjnk.mjs";
3
3
  import React from "react";
4
4
 
5
5
  //#region src/divider/index.d.ts
@@ -1,4 +1,4 @@
1
- import { LinkTarget } from "../type-Dons5TOa.mjs";
1
+ import { LinkTarget } from "../type-Bsf9A8YX.mjs";
2
2
  import { FC } from "react";
3
3
 
4
4
  //#region src/dropdown-menu/index.d.ts
@@ -1,4 +1,4 @@
1
- import { LinkTarget } from "../type-C4hJK9H9.js";
1
+ import { LinkTarget } from "../type-CcygKers.js";
2
2
  import { FC } from "react";
3
3
 
4
4
  //#region src/dropdown-menu/index.d.ts
@@ -2,13 +2,13 @@ require('../constants-Cndhv6qr.js');
2
2
  require('../paragraph-iuz3jP0Q.js');
3
3
  require('../theme-DDBlIbeS.js');
4
4
  require('../release-branch-CRZV4Ivz.js');
5
- require('../external-link-DoBTwlV3.js');
6
- require('../internal-link-B9ExuJfg.js');
7
- require('../customized-link-DqW2a8oZ.js');
5
+ require('../external-link-Ce1_loKh.js');
6
+ require('../internal-link-Bq4yp13E.js');
7
+ require('../customized-link-BDKQVdcH.js');
8
8
  require('../context-I1lTR5SO.js');
9
9
  require('../constants-D8wNUvoZ.js');
10
10
  require('../icons-qP5oNB0W.js');
11
11
  require('../constants-C2moxnps.js');
12
- const require_dropdown_menu = require('../dropdown-menu-BAqmP8qa.js');
12
+ const require_dropdown_menu = require('../dropdown-menu-CKH3qADt.js');
13
13
 
14
14
  exports.DropdownMenu = require_dropdown_menu.DropdownMenu;
@@ -1,14 +1,14 @@
1
- import "../internal-link-NQb751uB.mjs";
1
+ import "../internal-link-DCXJvzgx.mjs";
2
2
  import "../constants-CBSEPx91.mjs";
3
3
  import "../paragraph-Cf9jr8RF.mjs";
4
4
  import "../theme-BG6yZVj-.mjs";
5
5
  import "../release-branch-DNCD1uH_.mjs";
6
- import "../external-link-DXT5ep5-.mjs";
7
- import "../customized-link-DnaZxeKK.mjs";
6
+ import "../external-link-BMIFL3DE.mjs";
7
+ import "../customized-link-D3p9rjEe.mjs";
8
8
  import "../context-BgdqM3zA.mjs";
9
9
  import "../constants-5phfWHvb.mjs";
10
10
  import "../icons-I7T-auOQ.mjs";
11
11
  import "../constants-DRxdMM_X.mjs";
12
- import { DropdownMenu } from "../dropdown-menu-D7VNOiIl.mjs";
12
+ import { DropdownMenu } from "../dropdown-menu-DMp_Bmo0.mjs";
13
13
 
14
14
  export { DropdownMenu };
@@ -1,8 +1,8 @@
1
1
  const require_chunk = require('./chunk-BxBTb9qk.js');
2
2
  const require_paragraph = require('./paragraph-iuz3jP0Q.js');
3
3
  const require_theme = require('./theme-DDBlIbeS.js');
4
- const require_external_link = require('./external-link-DoBTwlV3.js');
5
- const require_internal_link = require('./internal-link-B9ExuJfg.js');
4
+ const require_external_link = require('./external-link-Ce1_loKh.js');
5
+ const require_internal_link = require('./internal-link-Bq4yp13E.js');
6
6
  const require_context = require('./context-I1lTR5SO.js');
7
7
  const require_icons = require('./icons-qP5oNB0W.js');
8
8
  const require_constants = require('./constants-C2moxnps.js');
@@ -147,4 +147,4 @@ Object.defineProperty(exports, 'selectLogoType', {
147
147
  return selectLogoType;
148
148
  }
149
149
  });
150
- //# sourceMappingURL=dropdown-menu-BAqmP8qa.js.map
150
+ //# sourceMappingURL=dropdown-menu-CKH3qADt.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"dropdown-menu-BAqmP8qa.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-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,7 +1,7 @@
1
- import { internal_link_default } from "./internal-link-NQb751uB.mjs";
1
+ 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
- import { external_link_default } from "./external-link-DXT5ep5-.mjs";
4
+ import { external_link_default } from "./external-link-BMIFL3DE.mjs";
5
5
  import { HeaderContext } from "./context-BgdqM3zA.mjs";
6
6
  import { Arrow } from "./icons-I7T-auOQ.mjs";
7
7
  import { LOGO_SYMBOL_TYPE } from "./constants-DRxdMM_X.mjs";
@@ -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-D7VNOiIl.mjs.map
117
+ //# sourceMappingURL=dropdown-menu-DMp_Bmo0.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"dropdown-menu-D7VNOiIl.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-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,11 +1,14 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
2
 
3
3
  //#region src/customized-link/external-link.tsx
4
- const ExternalLink = ({ to, target = "_self", className = "", children }) => {
4
+ const ExternalLink = ({ to, target = "_self", className = "", children, id = "", onMouseEnter, onMouseLeave }) => {
5
5
  return /* @__PURE__ */ jsx("a", {
6
6
  href: to,
7
7
  target,
8
8
  className,
9
+ id,
10
+ onMouseEnter,
11
+ onMouseLeave,
9
12
  children
10
13
  });
11
14
  };
@@ -13,4 +16,4 @@ var external_link_default = ExternalLink;
13
16
 
14
17
  //#endregion
15
18
  export { external_link_default };
16
- //# sourceMappingURL=external-link-DXT5ep5-.mjs.map
19
+ //# sourceMappingURL=external-link-BMIFL3DE.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"external-link-BMIFL3DE.mjs","names":["ExternalLink: FC<ExternalLinkProps>"],"sources":["../src/customized-link/external-link.tsx"],"sourcesContent":["import type { FC } from 'react'\nimport type { CustomizedLinkProps } from './type'\n\ntype ExternalLinkProps = CustomizedLinkProps\nconst ExternalLink: FC<ExternalLinkProps> = ({\n to,\n target = '_self',\n className = '',\n children,\n id = '',\n onMouseEnter,\n onMouseLeave,\n}) => {\n return (\n <a\n href={to}\n target={target}\n className={className}\n id={id}\n onMouseEnter={onMouseEnter}\n onMouseLeave={onMouseLeave}\n >\n {children}\n </a>\n )\n}\n\nexport default ExternalLink\n"],"mappings":";;;AAIA,MAAMA,gBAAuC,EAC3C,IACA,SAAS,SACT,YAAY,IACZ,UACA,KAAK,IACL,cACA,mBACI;AACJ,QACE,oBAAC;EACC,MAAM;EACE;EACG;EACP;EACU;EACA;EAEb;GACC;;AAIR,4BAAe"}
@@ -1,4 +1,4 @@
1
- import { CustomizedLinkProps } from "./type-C4hJK9H9.js";
1
+ import { CustomizedLinkProps } from "./type-CcygKers.js";
2
2
  import { FC } from "react";
3
3
 
4
4
  //#region src/customized-link/external-link.d.ts
@@ -6,4 +6,4 @@ type ExternalLinkProps = CustomizedLinkProps;
6
6
  declare const ExternalLink: FC<ExternalLinkProps>;
7
7
  //#endregion
8
8
  export { ExternalLink };
9
- //# sourceMappingURL=external-link-2XoC1_oL.d.ts.map
9
+ //# sourceMappingURL=external-link-BMxYePU7.d.ts.map