@twreporter/react-typescript-components 0.1.0-beta.19 → 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 (183) 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-BZGBDC2T.mjs → constants-BG4oRMD_.mjs} +1 -1
  6. package/lib/{constants-BZGBDC2T.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-DZWOFPZT.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-B95_A0GY.d.mts → constants-DVYCKpJ0.d.mts} +2 -2
  11. package/lib/{constants-BV86fOLv.js → constants-Dt5HD0aL.js} +1 -1
  12. package/lib/{constants-BV86fOLv.js.map → constants-Dt5HD0aL.js.map} +1 -1
  13. package/lib/{constants-B5th6nHM.d.mts → constants-MpdMPjnk.d.mts} +2 -2
  14. package/lib/{constants-D2OTwBsV.d.mts → constants-ZGhPn0d6.d.mts} +2 -2
  15. package/lib/{constants-IzZ4bWWt.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 +2 -2
  23. package/lib/customized-link/index.mjs +2 -2
  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/type.d.mts +1 -1
  27. package/lib/customized-link/type.d.ts +1 -1
  28. package/lib/{customized-link-CHH91yod.js → customized-link-BDKQVdcH.js} +2 -2
  29. package/lib/{customized-link-CHH91yod.js.map → customized-link-BDKQVdcH.js.map} +1 -1
  30. package/lib/{customized-link-BacydHK_.mjs → customized-link-D3p9rjEe.mjs} +2 -2
  31. package/lib/{customized-link-BacydHK_.mjs.map → customized-link-D3p9rjEe.mjs.map} +1 -1
  32. package/lib/divider/constants.d.mts +2 -2
  33. package/lib/divider/index.d.mts +2 -2
  34. package/lib/dropdown-menu/index.d.mts +1 -1
  35. package/lib/dropdown-menu/index.d.ts +1 -1
  36. package/lib/dropdown-menu/index.js +3 -3
  37. package/lib/dropdown-menu/index.mjs +3 -3
  38. package/lib/{dropdown-menu-D4XjLl7G.js → dropdown-menu-CKH3qADt.js} +2 -2
  39. package/lib/{dropdown-menu-D4XjLl7G.js.map → dropdown-menu-CKH3qADt.js.map} +1 -1
  40. package/lib/{dropdown-menu-jbg-kt3s.mjs → dropdown-menu-DMp_Bmo0.mjs} +2 -2
  41. package/lib/{dropdown-menu-jbg-kt3s.mjs.map → dropdown-menu-DMp_Bmo0.mjs.map} +1 -1
  42. package/lib/{external-link-Diro-q37.mjs → external-link-BMIFL3DE.mjs} +3 -2
  43. package/lib/external-link-BMIFL3DE.mjs.map +1 -0
  44. package/lib/{external-link-B3tELAVU.d.ts → external-link-BMxYePU7.d.ts} +2 -2
  45. package/lib/{external-link-afU9uFB6.js → external-link-Ce1_loKh.js} +3 -2
  46. package/lib/external-link-Ce1_loKh.js.map +1 -0
  47. package/lib/{external-link-0t606cM_.d.mts → external-link-CvvjuS1W.d.mts} +2 -2
  48. package/lib/footer/index.d.mts +8 -2
  49. package/lib/footer/index.d.ts +6 -0
  50. package/lib/footer/index.js +17 -13
  51. package/lib/footer/index.js.map +1 -1
  52. package/lib/footer/index.mjs +17 -13
  53. package/lib/footer/index.mjs.map +1 -1
  54. package/lib/footer/links.d.mts +11 -6
  55. package/lib/footer/links.d.ts +13 -8
  56. package/lib/footer/links.js +5 -7
  57. package/lib/footer/links.mjs +4 -6
  58. package/lib/footer/logo.d.mts +2 -2
  59. package/lib/footer/logo.js +4 -4
  60. package/lib/footer/logo.mjs +4 -4
  61. package/lib/footer/types.d.mts +4 -0
  62. package/lib/footer/types.d.ts +4 -0
  63. package/lib/footer/types.js +0 -0
  64. package/lib/footer/types.mjs +1 -0
  65. package/lib/hamburger-menu/index.js +7 -7
  66. package/lib/hamburger-menu/index.mjs +7 -7
  67. package/lib/{hamburger-menu-baCi46g2.js → hamburger-menu-DJe2IBTm.js} +5 -5
  68. package/lib/{hamburger-menu-baCi46g2.js.map → hamburger-menu-DJe2IBTm.js.map} +1 -1
  69. package/lib/{hamburger-menu-MQgF0vLX.mjs → hamburger-menu-DoyJVziw.mjs} +5 -5
  70. package/lib/{hamburger-menu-MQgF0vLX.mjs.map → hamburger-menu-DoyJVziw.mjs.map} +1 -1
  71. package/lib/header/index.d.mts +3 -3
  72. package/lib/header/index.js +12 -12
  73. package/lib/header/index.mjs +12 -12
  74. package/lib/{heading-Cljxy-62.mjs → heading-CCsID-nv.mjs} +1 -1
  75. package/lib/{heading-Cljxy-62.mjs.map → heading-CCsID-nv.mjs.map} +1 -1
  76. package/lib/{heading-Dnpw_s7U.js → heading-D7slLGoI.js} +1 -1
  77. package/lib/{heading-Dnpw_s7U.js.map → heading-D7slLGoI.js.map} +1 -1
  78. package/lib/hooks/index.d.mts +3 -3
  79. package/lib/hooks/index.d.ts +3 -3
  80. package/lib/hooks/index.js +2 -2
  81. package/lib/hooks/index.mjs +2 -2
  82. package/lib/hooks/use-outside-click.d.mts +1 -1
  83. package/lib/hooks/use-outside-click.d.ts +1 -1
  84. package/lib/hooks/use-outside-click.js +1 -1
  85. package/lib/hooks/use-outside-click.mjs +1 -1
  86. package/lib/{hooks-BxlKOoQu.js → hooks-CYgvBAmt.js} +2 -2
  87. package/lib/{hooks-BxlKOoQu.js.map → hooks-CYgvBAmt.js.map} +1 -1
  88. package/lib/{hooks-DmImq-Z7.mjs → hooks-CcqXFDPN.mjs} +2 -2
  89. package/lib/{hooks-DmImq-Z7.mjs.map → hooks-CcqXFDPN.mjs.map} +1 -1
  90. package/lib/icons/constants.d.mts +2 -2
  91. package/lib/icons/constants.d.ts +1 -1
  92. package/lib/icons/index.d.mts +3 -3
  93. package/lib/icons/index.d.ts +10 -10
  94. package/lib/{index-DegwO8ei.d.mts → index-CUE6zs36.d.mts} +1 -1
  95. package/lib/input/constants.d.mts +1 -1
  96. package/lib/input/index.d.mts +5 -5
  97. package/lib/input/index.d.ts +2 -2
  98. package/lib/input/index.js +2 -2
  99. package/lib/input/index.mjs +2 -2
  100. package/lib/input/theme.d.mts +2 -2
  101. package/lib/input/theme.js +1 -1
  102. package/lib/input/theme.mjs +1 -1
  103. package/lib/{input-DaMbsNrg.js → input-D29yD1k-.js} +2 -2
  104. package/lib/{input-DaMbsNrg.js.map → input-D29yD1k-.js.map} +1 -1
  105. package/lib/{input-DvriSZ9o.mjs → input-DH_jroRh.mjs} +2 -2
  106. package/lib/{input-DvriSZ9o.mjs.map → input-DH_jroRh.mjs.map} +1 -1
  107. package/lib/{internal-link-DtMsmfE9.d.ts → internal-link-BL950cs3.d.ts} +2 -2
  108. package/lib/{internal-link-Daag4Lrv.d.mts → internal-link-DgOMen4w.d.mts} +2 -2
  109. package/lib/{links-DO97xw7S.mjs → links-Buz2DUOO.mjs} +11 -14
  110. package/lib/links-Buz2DUOO.mjs.map +1 -0
  111. package/lib/{links-Xuo8pb4a.js → links-CPX07u-O.js} +16 -19
  112. package/lib/links-CPX07u-O.js.map +1 -0
  113. package/lib/logo/constants.d.mts +2 -2
  114. package/lib/logo/constants.d.ts +1 -1
  115. package/lib/logo/index.d.mts +3 -3
  116. package/lib/logo/index.d.ts +1 -1
  117. package/lib/logo/index.js +1 -1
  118. package/lib/logo/index.mjs +1 -1
  119. package/lib/{logo-C5NgKyYa.js → logo-BSp7gsND.js} +2 -2
  120. package/lib/{logo-C5NgKyYa.js.map → logo-BSp7gsND.js.map} +1 -1
  121. package/lib/{logo-NfYCtrtN.mjs → logo-CBWWiQoO.mjs} +1 -1
  122. package/lib/{logo-NfYCtrtN.mjs.map → logo-CBWWiQoO.mjs.map} +1 -1
  123. package/lib/{logo-B3GSkN1O.js → logo-DzRRd4Y-.js} +1 -1
  124. package/lib/{logo-B3GSkN1O.js.map → logo-DzRRd4Y-.js.map} +1 -1
  125. package/lib/{logo-CumKSrK5.mjs → logo-mBe4a2OP.mjs} +2 -2
  126. package/lib/{logo-CumKSrK5.mjs.map → logo-mBe4a2OP.mjs.map} +1 -1
  127. package/lib/{release-branch-CaxOk9Rq.d.mts → release-branch-uF0B5lcE.d.mts} +2 -2
  128. package/lib/tab-bar/constants.d.mts +3 -3
  129. package/lib/tab-bar/constants.d.ts +1 -1
  130. package/lib/tab-bar/constants.js +1 -1
  131. package/lib/tab-bar/constants.mjs +1 -1
  132. package/lib/tab-bar/index.js +5 -5
  133. package/lib/tab-bar/index.mjs +5 -5
  134. package/lib/tab-bar/theme.d.mts +2 -2
  135. package/lib/tab-bar/theme.js +1 -1
  136. package/lib/tab-bar/theme.mjs +1 -1
  137. package/lib/{tab-bar-Dq0ewfWA.js → tab-bar-CVPd5go9.js} +4 -4
  138. package/lib/{tab-bar-Dq0ewfWA.js.map → tab-bar-CVPd5go9.js.map} +1 -1
  139. package/lib/{tab-bar-CQjgjdkW.mjs → tab-bar-jI3fYt_7.mjs} +4 -4
  140. package/lib/{tab-bar-CQjgjdkW.mjs.map → tab-bar-jI3fYt_7.mjs.map} +1 -1
  141. package/lib/text/constants.d.mts +2 -2
  142. package/lib/text/heading.d.mts +2 -2
  143. package/lib/text/heading.js +1 -1
  144. package/lib/text/heading.mjs +1 -1
  145. package/lib/text/paragraph.d.mts +2 -2
  146. package/lib/{theme-BQQzAfHb.js → theme-B9k1Udon.js} +1 -1
  147. package/lib/{theme-BQQzAfHb.js.map → theme-B9k1Udon.js.map} +1 -1
  148. package/lib/{theme-LkZX5giH.js → theme-BLdi7Moc.js} +1 -1
  149. package/lib/{theme-LkZX5giH.js.map → theme-BLdi7Moc.js.map} +1 -1
  150. package/lib/{theme-CDCgzSJw.mjs → theme-Cf9NG_eL.mjs} +1 -1
  151. package/lib/{theme-CDCgzSJw.mjs.map → theme-Cf9NG_eL.mjs.map} +1 -1
  152. package/lib/{theme-Cx5oFufE.d.mts → theme-DKi2E2si.d.mts} +2 -2
  153. package/lib/{theme-D_LHh2_S.mjs → theme-DURvzYaJ.mjs} +1 -1
  154. package/lib/{theme-D_LHh2_S.mjs.map → theme-DURvzYaJ.mjs.map} +1 -1
  155. package/lib/title-bar/index.d.mts +4 -4
  156. package/lib/title-bar/index.js +3 -3
  157. package/lib/title-bar/index.mjs +3 -3
  158. package/lib/{type-ubTUOk6A.d.ts → type-Bsf9A8YX.d.mts} +2 -1
  159. package/lib/{type-DGvbr3Rm.d.mts → type-CcygKers.d.ts} +2 -1
  160. package/lib/types/index.d.mts +1 -1
  161. package/lib/types-dW_WJa4D.d.ts +15 -0
  162. package/lib/types-p8V2pbqn.d.mts +15 -0
  163. package/lib/use-outside-click-B_hZCUDr.d.mts +7 -0
  164. package/lib/{use-outside-click-Br_ste4n.mjs → use-outside-click-BfAURk-E.mjs} +1 -1
  165. package/lib/{use-outside-click-Br_ste4n.mjs.map → use-outside-click-BfAURk-E.mjs.map} +1 -1
  166. package/lib/use-outside-click-COJmPFYr.d.ts +7 -0
  167. package/lib/{use-outside-click-Cl1QlhTH.js → use-outside-click-DnJ0DNZ9.js} +1 -1
  168. package/lib/{use-outside-click-Cl1QlhTH.js.map → use-outside-click-DnJ0DNZ9.js.map} +1 -1
  169. package/package.json +2 -2
  170. package/lib/constants-0fgvpoyZ.js +0 -171
  171. package/lib/constants-0fgvpoyZ.js.map +0 -1
  172. package/lib/constants-DyO2QpJk.mjs +0 -154
  173. package/lib/constants-DyO2QpJk.mjs.map +0 -1
  174. package/lib/external-link-Diro-q37.mjs.map +0 -1
  175. package/lib/external-link-afU9uFB6.js.map +0 -1
  176. package/lib/footer/constants.d.mts +0 -51
  177. package/lib/footer/constants.d.ts +0 -51
  178. package/lib/footer/constants.js +0 -7
  179. package/lib/footer/constants.mjs +0 -5
  180. package/lib/links-DO97xw7S.mjs.map +0 -1
  181. package/lib/links-Xuo8pb4a.js.map +0 -1
  182. package/lib/use-outside-click-CHxRFaTZ.d.ts +0 -7
  183. package/lib/use-outside-click-Diz2B7wx.d.mts +0 -7
@@ -1,8 +1,8 @@
1
1
  import "../index-H3peA2d_.js";
2
2
  import { RELEASE_BRANCH, ReleaseBranch } from "../release-branch-CsBbhuYE.js";
3
- import { ARROW_DIRECTION, ArrowDirection, ICON_TYPE, IconType, MEDIA_TYPE, MediaType } from "../constants-COhDITk3.js";
3
+ import { ARROW_DIRECTION, ArrowDirection, ICON_TYPE, IconType, MEDIA_TYPE, MediaType } from "../constants-CBjyeHSl.js";
4
4
  import React from "react";
5
- import * as react_jsx_runtime0 from "react/jsx-runtime";
5
+ import * as react_jsx_runtime2 from "react/jsx-runtime";
6
6
 
7
7
  //#region src/icons/index.d.ts
8
8
  type IconProps = {
@@ -15,14 +15,14 @@ declare const Icon: React.FC<IconProps> & {
15
15
  Type: typeof ICON_TYPE;
16
16
  ReleaseBranch: typeof RELEASE_BRANCH;
17
17
  };
18
- declare const Hamburger: (releaseBranch: ReleaseBranch) => react_jsx_runtime0.JSX.Element;
19
- declare const Search: (releaseBranch: ReleaseBranch) => react_jsx_runtime0.JSX.Element;
20
- declare const KidStar: (releaseBranch: ReleaseBranch) => react_jsx_runtime0.JSX.Element;
21
- declare const Member: (releaseBranch: ReleaseBranch) => react_jsx_runtime0.JSX.Element;
22
- declare const Cross: (releaseBranch: ReleaseBranch) => react_jsx_runtime0.JSX.Element;
23
- declare const Home: (releaseBranch: ReleaseBranch) => react_jsx_runtime0.JSX.Element;
24
- declare const Topic: (releaseBranch: ReleaseBranch) => react_jsx_runtime0.JSX.Element;
25
- declare const Clock: (releaseBranch: ReleaseBranch) => react_jsx_runtime0.JSX.Element;
18
+ declare const Hamburger: (releaseBranch: ReleaseBranch) => react_jsx_runtime2.JSX.Element;
19
+ declare const Search: (releaseBranch: ReleaseBranch) => react_jsx_runtime2.JSX.Element;
20
+ declare const KidStar: (releaseBranch: ReleaseBranch) => react_jsx_runtime2.JSX.Element;
21
+ declare const Member: (releaseBranch: ReleaseBranch) => react_jsx_runtime2.JSX.Element;
22
+ declare const Cross: (releaseBranch: ReleaseBranch) => react_jsx_runtime2.JSX.Element;
23
+ declare const Home: (releaseBranch: ReleaseBranch) => react_jsx_runtime2.JSX.Element;
24
+ declare const Topic: (releaseBranch: ReleaseBranch) => react_jsx_runtime2.JSX.Element;
25
+ declare const Clock: (releaseBranch: ReleaseBranch) => react_jsx_runtime2.JSX.Element;
26
26
  declare const Arrow: React.FC<{
27
27
  direction?: ArrowDirection;
28
28
  releaseBranch: ReleaseBranch;
@@ -2,4 +2,4 @@
2
2
  type ValuesOf<T> = T[keyof T];
3
3
  //#endregion
4
4
  export { ValuesOf };
5
- //# sourceMappingURL=index-DegwO8ei.d.mts.map
5
+ //# sourceMappingURL=index-CUE6zs36.d.mts.map
@@ -1,4 +1,4 @@
1
- import { ValuesOf } from "../index-DegwO8ei.mjs";
1
+ import { ValuesOf } from "../index-CUE6zs36.mjs";
2
2
 
3
3
  //#region src/input/constants.d.ts
4
4
  declare const TEXT_ALIGN: {
@@ -1,7 +1,7 @@
1
- import "../index-DegwO8ei.mjs";
2
- import { THEME, Theme } from "../theme-Cx5oFufE.mjs";
3
- import { ReleaseBranch } from "../release-branch-CaxOk9Rq.mjs";
4
- import * as react19 from "react";
1
+ import "../index-CUE6zs36.mjs";
2
+ import { THEME, Theme } from "../theme-DKi2E2si.mjs";
3
+ import { ReleaseBranch } from "../release-branch-uF0B5lcE.mjs";
4
+ import * as react16 from "react";
5
5
  import { FC } from "react";
6
6
 
7
7
  //#region src/input/components/search-bar.d.ts
@@ -22,7 +22,7 @@ declare const SearchBar: FC<SearchBarProps> & {
22
22
  //#endregion
23
23
  //#region src/input/index.d.ts
24
24
  declare const _default: {
25
- SearchBar: react19.FC<{
25
+ SearchBar: react16.FC<{
26
26
  placeholder?: string;
27
27
  theme?: Theme;
28
28
  releaseBranch?: ReleaseBranch;
@@ -1,7 +1,7 @@
1
1
  import "../index-H3peA2d_.js";
2
2
  import { THEME, Theme } from "../theme-BDGfJ8n-.js";
3
3
  import { ReleaseBranch } from "../release-branch-CsBbhuYE.js";
4
- import * as react10 from "react";
4
+ import * as react7 from "react";
5
5
  import { FC } from "react";
6
6
 
7
7
  //#region src/input/components/search-bar.d.ts
@@ -22,7 +22,7 @@ declare const SearchBar: FC<SearchBarProps> & {
22
22
  //#endregion
23
23
  //#region src/input/index.d.ts
24
24
  declare const _default: {
25
- SearchBar: react10.FC<{
25
+ SearchBar: react7.FC<{
26
26
  placeholder?: string;
27
27
  theme?: Theme;
28
28
  releaseBranch?: ReleaseBranch;
@@ -7,8 +7,8 @@ require('../button-Dk0MxlKd.js');
7
7
  require('../release-branch-CRZV4Ivz.js');
8
8
  require('../constants-D8wNUvoZ.js');
9
9
  require('../icons-qP5oNB0W.js');
10
- require('../theme-LkZX5giH.js');
11
- const require_input = require('../input-DaMbsNrg.js');
10
+ require('../theme-BLdi7Moc.js');
11
+ const require_input = require('../input-D29yD1k-.js');
12
12
 
13
13
  exports.SearchBar = require_input.search_bar_default;
14
14
  exports.default = require_input.input_default;
@@ -6,7 +6,7 @@ import "../button-D_AWI7r9.mjs";
6
6
  import "../release-branch-DNCD1uH_.mjs";
7
7
  import "../constants-5phfWHvb.mjs";
8
8
  import "../icons-I7T-auOQ.mjs";
9
- import "../theme-D_LHh2_S.mjs";
10
- import { input_default, search_bar_default } from "../input-DvriSZ9o.mjs";
9
+ import "../theme-DURvzYaJ.mjs";
10
+ import { input_default, search_bar_default } from "../input-DH_jroRh.mjs";
11
11
 
12
12
  export { search_bar_default as SearchBar, input_default as default };
@@ -1,5 +1,5 @@
1
- import "../index-DegwO8ei.mjs";
2
- import { Theme } from "../theme-Cx5oFufE.mjs";
1
+ import "../index-CUE6zs36.mjs";
2
+ import { Theme } from "../theme-DKi2E2si.mjs";
3
3
 
4
4
  //#region src/input/theme.d.ts
5
5
  declare const selectThemeStyle: (theme: Theme) => {
@@ -1,4 +1,4 @@
1
1
  require('../theme-DDBlIbeS.js');
2
- const require_theme$1 = require('../theme-LkZX5giH.js');
2
+ const require_theme$1 = require('../theme-BLdi7Moc.js');
3
3
 
4
4
  exports.selectThemeStyle = require_theme$1.selectThemeStyle;
@@ -1,4 +1,4 @@
1
1
  import "../theme-BG6yZVj-.mjs";
2
- import { selectThemeStyle } from "../theme-D_LHh2_S.mjs";
2
+ import { selectThemeStyle } from "../theme-DURvzYaJ.mjs";
3
3
 
4
4
  export { selectThemeStyle };
@@ -3,7 +3,7 @@ const require_theme = require('./theme-DDBlIbeS.js');
3
3
  const require_button = require('./button-Dk0MxlKd.js');
4
4
  const require_release_branch = require('./release-branch-CRZV4Ivz.js');
5
5
  const require_icons = require('./icons-qP5oNB0W.js');
6
- const require_theme$1 = require('./theme-LkZX5giH.js');
6
+ const require_theme$1 = require('./theme-BLdi7Moc.js');
7
7
  let react = require("react");
8
8
  react = require_chunk.__toESM(react);
9
9
  let clsx = require("clsx");
@@ -83,4 +83,4 @@ Object.defineProperty(exports, 'search_bar_default', {
83
83
  return search_bar_default;
84
84
  }
85
85
  });
86
- //# sourceMappingURL=input-DaMbsNrg.js.map
86
+ //# sourceMappingURL=input-D29yD1k-.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"input-DaMbsNrg.js","names":["SearchBar: FC<SearchBarProps> & {\n Theme: typeof THEME\n}","THEME","RELEASE_BRANCH","selectThemeStyle","IconButton","Search","Cross"],"sources":["../src/input/components/search-bar.tsx","../src/input/index.ts"],"sourcesContent":["import { useState } from 'react'\nimport type { FC, FormEvent, ChangeEvent } from 'react'\nimport clsx from 'clsx'\n// constants\nimport { THEME, type Theme } from '../../constants/theme'\nimport {\n RELEASE_BRANCH,\n type ReleaseBranch,\n} from '../../constants/release-branch'\n// theme\nimport { selectThemeStyle } from '../theme'\n// icons\nimport { Cross, Search } from '../../icons'\n// button\nimport { IconButton } from '../../button'\n\nconst defaultFunc = () => {}\ntype SearchBarProps = {\n placeholder?: string\n theme?: Theme\n releaseBranch?: ReleaseBranch\n onSearch?: (keywords: string) => void\n onClose?: () => void\n handleBlur?: () => void\n autoFocus?: boolean\n className?: string\n searchBarWidth?: string\n}\nconst SearchBar: FC<SearchBarProps> & {\n Theme: typeof THEME\n} = ({\n placeholder = '',\n theme = THEME.normal,\n releaseBranch = RELEASE_BRANCH.master,\n onSearch = defaultFunc,\n onClose = defaultFunc,\n handleBlur = defaultFunc,\n autoFocus = true,\n className = '',\n searchBarWidth = 'w-fit',\n}) => {\n const [keywords, setKeywords] = useState('')\n const [focus, setFocus] = useState(false)\n const {\n bgColor,\n focusBgColor,\n desktopBgColor,\n borderColor,\n color,\n focusColor,\n placeholderColor,\n } = selectThemeStyle(theme)\n const onFocus = () => setFocus(true)\n const onBlur = () => {\n setFocus(false)\n handleBlur()\n }\n const onSubmit = (e: FormEvent<HTMLFormElement>) => {\n e.preventDefault()\n onSearch(keywords)\n }\n const onChange = (e: ChangeEvent<HTMLInputElement>) => {\n const input = e.currentTarget.value\n setKeywords(input)\n }\n const onReset = (e: FormEvent<HTMLFormElement>) => {\n e.preventDefault()\n setKeywords('')\n }\n\n return (\n <form\n className={clsx('flex items-center', className)}\n noValidate\n onSubmit={onSubmit}\n onReset={onReset}\n onFocus={onFocus}\n >\n <div\n className={clsx(\n 'flex items-center py-[8px] px-[16px] rounded-[40px] border-[1px] border-solid gap-[8px]',\n searchBarWidth,\n bgColor,\n focus\n ? clsx(focusBgColor, borderColor, desktopBgColor)\n : 'border-transparent'\n )}\n >\n <input\n type=\"search\"\n placeholder={placeholder}\n value={keywords}\n onChange={onChange}\n onBlur={onBlur}\n // biome-ignore lint/a11y/noAutofocus: autoFocus is intentionally used to focus the search input for better UX\n autoFocus={autoFocus}\n className={clsx(\n 'h-[24px] text-[14px] focus-visible:border-0 font-default w-[fill-available] w-[-webkit-fill-available]',\n 'focus-visible:outline-0 focus-visible:border-transparent [&::-webkit-search-cancel-button]:hidden',\n color,\n placeholderColor,\n focusColor\n )}\n />\n <IconButton\n theme={theme}\n iconComponent={Search(releaseBranch)}\n onClick={() => onSearch(keywords)}\n />\n </div>\n <IconButton\n theme={theme}\n iconComponent={Cross(releaseBranch)}\n onClick={onClose}\n className={clsx('ml-[8px] hidden', 'desktop:inline-flex')}\n />\n </form>\n )\n}\nSearchBar.Theme = THEME\n\nexport default SearchBar\n","import SearchBar from './components/search-bar'\n\nexport { SearchBar }\n\nexport default {\n SearchBar,\n}\n"],"mappings":";;;;;;;;;;;;;;AAgBA,MAAM,oBAAoB;AAY1B,MAAMA,aAED,EACH,cAAc,IACd,QAAQC,oBAAM,QACd,gBAAgBC,sCAAe,QAC/B,WAAW,aACX,UAAU,aACV,aAAa,aACb,YAAY,MACZ,YAAY,IACZ,iBAAiB,cACb;CACJ,MAAM,CAAC,UAAU,mCAAwB,GAAG;CAC5C,MAAM,CAAC,OAAO,gCAAqB,MAAM;CACzC,MAAM,EACJ,SACA,cACA,gBACA,aACA,OACA,YACA,qBACEC,iCAAiB,MAAM;CAC3B,MAAM,gBAAgB,SAAS,KAAK;CACpC,MAAM,eAAe;AACnB,WAAS,MAAM;AACf,cAAY;;CAEd,MAAM,YAAY,MAAkC;AAClD,IAAE,gBAAgB;AAClB,WAAS,SAAS;;CAEpB,MAAM,YAAY,MAAqC;EACrD,MAAM,QAAQ,EAAE,cAAc;AAC9B,cAAY,MAAM;;CAEpB,MAAM,WAAW,MAAkC;AACjD,IAAE,gBAAgB;AAClB,cAAY,GAAG;;AAGjB,QACE,4CAAC;EACC,6BAAgB,qBAAqB,UAAU;EAC/C;EACU;EACD;EACA;aAET,4CAAC;GACC,6BACE,2FACA,gBACA,SACA,0BACS,cAAc,aAAa,eAAe,GAC/C,qBACL;cAED,2CAAC;IACC,MAAK;IACQ;IACb,OAAO;IACG;IACF;IAEG;IACX,6BACE,0GACA,qGACA,OACA,kBACA,WACD;KACD,EACF,2CAACC;IACQ;IACP,eAAeC,qBAAO,cAAc;IACpC,eAAe,SAAS,SAAS;KACjC;IACE,EACN,2CAACD;GACQ;GACP,eAAeE,oBAAM,cAAc;GACnC,SAAS;GACT,6BAAgB,mBAAmB,sBAAsB;IACzD;GACG;;AAGX,UAAU,QAAQL;AAElB,yBAAe;;;;ACrHf,oBAAe,EACb,+BACD"}
1
+ {"version":3,"file":"input-D29yD1k-.js","names":["SearchBar: FC<SearchBarProps> & {\n Theme: typeof THEME\n}","THEME","RELEASE_BRANCH","selectThemeStyle","IconButton","Search","Cross"],"sources":["../src/input/components/search-bar.tsx","../src/input/index.ts"],"sourcesContent":["import { useState } from 'react'\nimport type { FC, FormEvent, ChangeEvent } from 'react'\nimport clsx from 'clsx'\n// constants\nimport { THEME, type Theme } from '../../constants/theme'\nimport {\n RELEASE_BRANCH,\n type ReleaseBranch,\n} from '../../constants/release-branch'\n// theme\nimport { selectThemeStyle } from '../theme'\n// icons\nimport { Cross, Search } from '../../icons'\n// button\nimport { IconButton } from '../../button'\n\nconst defaultFunc = () => {}\ntype SearchBarProps = {\n placeholder?: string\n theme?: Theme\n releaseBranch?: ReleaseBranch\n onSearch?: (keywords: string) => void\n onClose?: () => void\n handleBlur?: () => void\n autoFocus?: boolean\n className?: string\n searchBarWidth?: string\n}\nconst SearchBar: FC<SearchBarProps> & {\n Theme: typeof THEME\n} = ({\n placeholder = '',\n theme = THEME.normal,\n releaseBranch = RELEASE_BRANCH.master,\n onSearch = defaultFunc,\n onClose = defaultFunc,\n handleBlur = defaultFunc,\n autoFocus = true,\n className = '',\n searchBarWidth = 'w-fit',\n}) => {\n const [keywords, setKeywords] = useState('')\n const [focus, setFocus] = useState(false)\n const {\n bgColor,\n focusBgColor,\n desktopBgColor,\n borderColor,\n color,\n focusColor,\n placeholderColor,\n } = selectThemeStyle(theme)\n const onFocus = () => setFocus(true)\n const onBlur = () => {\n setFocus(false)\n handleBlur()\n }\n const onSubmit = (e: FormEvent<HTMLFormElement>) => {\n e.preventDefault()\n onSearch(keywords)\n }\n const onChange = (e: ChangeEvent<HTMLInputElement>) => {\n const input = e.currentTarget.value\n setKeywords(input)\n }\n const onReset = (e: FormEvent<HTMLFormElement>) => {\n e.preventDefault()\n setKeywords('')\n }\n\n return (\n <form\n className={clsx('flex items-center', className)}\n noValidate\n onSubmit={onSubmit}\n onReset={onReset}\n onFocus={onFocus}\n >\n <div\n className={clsx(\n 'flex items-center py-[8px] px-[16px] rounded-[40px] border-[1px] border-solid gap-[8px]',\n searchBarWidth,\n bgColor,\n focus\n ? clsx(focusBgColor, borderColor, desktopBgColor)\n : 'border-transparent'\n )}\n >\n <input\n type=\"search\"\n placeholder={placeholder}\n value={keywords}\n onChange={onChange}\n onBlur={onBlur}\n // biome-ignore lint/a11y/noAutofocus: autoFocus is intentionally used to focus the search input for better UX\n autoFocus={autoFocus}\n className={clsx(\n 'h-[24px] text-[14px] focus-visible:border-0 font-default w-[fill-available] w-[-webkit-fill-available]',\n 'focus-visible:outline-0 focus-visible:border-transparent [&::-webkit-search-cancel-button]:hidden',\n color,\n placeholderColor,\n focusColor\n )}\n />\n <IconButton\n theme={theme}\n iconComponent={Search(releaseBranch)}\n onClick={() => onSearch(keywords)}\n />\n </div>\n <IconButton\n theme={theme}\n iconComponent={Cross(releaseBranch)}\n onClick={onClose}\n className={clsx('ml-[8px] hidden', 'desktop:inline-flex')}\n />\n </form>\n )\n}\nSearchBar.Theme = THEME\n\nexport default SearchBar\n","import SearchBar from './components/search-bar'\n\nexport { SearchBar }\n\nexport default {\n SearchBar,\n}\n"],"mappings":";;;;;;;;;;;;;;AAgBA,MAAM,oBAAoB;AAY1B,MAAMA,aAED,EACH,cAAc,IACd,QAAQC,oBAAM,QACd,gBAAgBC,sCAAe,QAC/B,WAAW,aACX,UAAU,aACV,aAAa,aACb,YAAY,MACZ,YAAY,IACZ,iBAAiB,cACb;CACJ,MAAM,CAAC,UAAU,mCAAwB,GAAG;CAC5C,MAAM,CAAC,OAAO,gCAAqB,MAAM;CACzC,MAAM,EACJ,SACA,cACA,gBACA,aACA,OACA,YACA,qBACEC,iCAAiB,MAAM;CAC3B,MAAM,gBAAgB,SAAS,KAAK;CACpC,MAAM,eAAe;AACnB,WAAS,MAAM;AACf,cAAY;;CAEd,MAAM,YAAY,MAAkC;AAClD,IAAE,gBAAgB;AAClB,WAAS,SAAS;;CAEpB,MAAM,YAAY,MAAqC;EACrD,MAAM,QAAQ,EAAE,cAAc;AAC9B,cAAY,MAAM;;CAEpB,MAAM,WAAW,MAAkC;AACjD,IAAE,gBAAgB;AAClB,cAAY,GAAG;;AAGjB,QACE,4CAAC;EACC,6BAAgB,qBAAqB,UAAU;EAC/C;EACU;EACD;EACA;aAET,4CAAC;GACC,6BACE,2FACA,gBACA,SACA,0BACS,cAAc,aAAa,eAAe,GAC/C,qBACL;cAED,2CAAC;IACC,MAAK;IACQ;IACb,OAAO;IACG;IACF;IAEG;IACX,6BACE,0GACA,qGACA,OACA,kBACA,WACD;KACD,EACF,2CAACC;IACQ;IACP,eAAeC,qBAAO,cAAc;IACpC,eAAe,SAAS,SAAS;KACjC;IACE,EACN,2CAACD;GACQ;GACP,eAAeE,oBAAM,cAAc;GACnC,SAAS;GACT,6BAAgB,mBAAmB,sBAAsB;IACzD;GACG;;AAGX,UAAU,QAAQL;AAElB,yBAAe;;;;ACrHf,oBAAe,EACb,+BACD"}
@@ -2,7 +2,7 @@ import { THEME } from "./theme-BG6yZVj-.mjs";
2
2
  import { icon_button_default } from "./button-D_AWI7r9.mjs";
3
3
  import { RELEASE_BRANCH } from "./release-branch-DNCD1uH_.mjs";
4
4
  import { Cross, Search } from "./icons-I7T-auOQ.mjs";
5
- import { selectThemeStyle } from "./theme-D_LHh2_S.mjs";
5
+ import { selectThemeStyle } from "./theme-DURvzYaJ.mjs";
6
6
  import { useState } from "react";
7
7
  import clsx from "clsx";
8
8
  import { jsx, jsxs } from "react/jsx-runtime";
@@ -68,4 +68,4 @@ var input_default = { SearchBar: search_bar_default };
68
68
 
69
69
  //#endregion
70
70
  export { input_default, search_bar_default };
71
- //# sourceMappingURL=input-DvriSZ9o.mjs.map
71
+ //# sourceMappingURL=input-DH_jroRh.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"input-DvriSZ9o.mjs","names":["SearchBar: FC<SearchBarProps> & {\n Theme: typeof THEME\n}","IconButton"],"sources":["../src/input/components/search-bar.tsx","../src/input/index.ts"],"sourcesContent":["import { useState } from 'react'\nimport type { FC, FormEvent, ChangeEvent } from 'react'\nimport clsx from 'clsx'\n// constants\nimport { THEME, type Theme } from '../../constants/theme'\nimport {\n RELEASE_BRANCH,\n type ReleaseBranch,\n} from '../../constants/release-branch'\n// theme\nimport { selectThemeStyle } from '../theme'\n// icons\nimport { Cross, Search } from '../../icons'\n// button\nimport { IconButton } from '../../button'\n\nconst defaultFunc = () => {}\ntype SearchBarProps = {\n placeholder?: string\n theme?: Theme\n releaseBranch?: ReleaseBranch\n onSearch?: (keywords: string) => void\n onClose?: () => void\n handleBlur?: () => void\n autoFocus?: boolean\n className?: string\n searchBarWidth?: string\n}\nconst SearchBar: FC<SearchBarProps> & {\n Theme: typeof THEME\n} = ({\n placeholder = '',\n theme = THEME.normal,\n releaseBranch = RELEASE_BRANCH.master,\n onSearch = defaultFunc,\n onClose = defaultFunc,\n handleBlur = defaultFunc,\n autoFocus = true,\n className = '',\n searchBarWidth = 'w-fit',\n}) => {\n const [keywords, setKeywords] = useState('')\n const [focus, setFocus] = useState(false)\n const {\n bgColor,\n focusBgColor,\n desktopBgColor,\n borderColor,\n color,\n focusColor,\n placeholderColor,\n } = selectThemeStyle(theme)\n const onFocus = () => setFocus(true)\n const onBlur = () => {\n setFocus(false)\n handleBlur()\n }\n const onSubmit = (e: FormEvent<HTMLFormElement>) => {\n e.preventDefault()\n onSearch(keywords)\n }\n const onChange = (e: ChangeEvent<HTMLInputElement>) => {\n const input = e.currentTarget.value\n setKeywords(input)\n }\n const onReset = (e: FormEvent<HTMLFormElement>) => {\n e.preventDefault()\n setKeywords('')\n }\n\n return (\n <form\n className={clsx('flex items-center', className)}\n noValidate\n onSubmit={onSubmit}\n onReset={onReset}\n onFocus={onFocus}\n >\n <div\n className={clsx(\n 'flex items-center py-[8px] px-[16px] rounded-[40px] border-[1px] border-solid gap-[8px]',\n searchBarWidth,\n bgColor,\n focus\n ? clsx(focusBgColor, borderColor, desktopBgColor)\n : 'border-transparent'\n )}\n >\n <input\n type=\"search\"\n placeholder={placeholder}\n value={keywords}\n onChange={onChange}\n onBlur={onBlur}\n // biome-ignore lint/a11y/noAutofocus: autoFocus is intentionally used to focus the search input for better UX\n autoFocus={autoFocus}\n className={clsx(\n 'h-[24px] text-[14px] focus-visible:border-0 font-default w-[fill-available] w-[-webkit-fill-available]',\n 'focus-visible:outline-0 focus-visible:border-transparent [&::-webkit-search-cancel-button]:hidden',\n color,\n placeholderColor,\n focusColor\n )}\n />\n <IconButton\n theme={theme}\n iconComponent={Search(releaseBranch)}\n onClick={() => onSearch(keywords)}\n />\n </div>\n <IconButton\n theme={theme}\n iconComponent={Cross(releaseBranch)}\n onClick={onClose}\n className={clsx('ml-[8px] hidden', 'desktop:inline-flex')}\n />\n </form>\n )\n}\nSearchBar.Theme = THEME\n\nexport default SearchBar\n","import SearchBar from './components/search-bar'\n\nexport { SearchBar }\n\nexport default {\n SearchBar,\n}\n"],"mappings":";;;;;;;;;;AAgBA,MAAM,oBAAoB;AAY1B,MAAMA,aAED,EACH,cAAc,IACd,QAAQ,MAAM,QACd,gBAAgB,eAAe,QAC/B,WAAW,aACX,UAAU,aACV,aAAa,aACb,YAAY,MACZ,YAAY,IACZ,iBAAiB,cACb;CACJ,MAAM,CAAC,UAAU,eAAe,SAAS,GAAG;CAC5C,MAAM,CAAC,OAAO,YAAY,SAAS,MAAM;CACzC,MAAM,EACJ,SACA,cACA,gBACA,aACA,OACA,YACA,qBACE,iBAAiB,MAAM;CAC3B,MAAM,gBAAgB,SAAS,KAAK;CACpC,MAAM,eAAe;AACnB,WAAS,MAAM;AACf,cAAY;;CAEd,MAAM,YAAY,MAAkC;AAClD,IAAE,gBAAgB;AAClB,WAAS,SAAS;;CAEpB,MAAM,YAAY,MAAqC;EACrD,MAAM,QAAQ,EAAE,cAAc;AAC9B,cAAY,MAAM;;CAEpB,MAAM,WAAW,MAAkC;AACjD,IAAE,gBAAgB;AAClB,cAAY,GAAG;;AAGjB,QACE,qBAAC;EACC,WAAW,KAAK,qBAAqB,UAAU;EAC/C;EACU;EACD;EACA;aAET,qBAAC;GACC,WAAW,KACT,2FACA,gBACA,SACA,QACI,KAAK,cAAc,aAAa,eAAe,GAC/C,qBACL;cAED,oBAAC;IACC,MAAK;IACQ;IACb,OAAO;IACG;IACF;IAEG;IACX,WAAW,KACT,0GACA,qGACA,OACA,kBACA,WACD;KACD,EACF,oBAACC;IACQ;IACP,eAAe,OAAO,cAAc;IACpC,eAAe,SAAS,SAAS;KACjC;IACE,EACN,oBAACA;GACQ;GACP,eAAe,MAAM,cAAc;GACnC,SAAS;GACT,WAAW,KAAK,mBAAmB,sBAAsB;IACzD;GACG;;AAGX,UAAU,QAAQ;AAElB,yBAAe;;;;ACrHf,oBAAe,EACb,+BACD"}
1
+ {"version":3,"file":"input-DH_jroRh.mjs","names":["SearchBar: FC<SearchBarProps> & {\n Theme: typeof THEME\n}","IconButton"],"sources":["../src/input/components/search-bar.tsx","../src/input/index.ts"],"sourcesContent":["import { useState } from 'react'\nimport type { FC, FormEvent, ChangeEvent } from 'react'\nimport clsx from 'clsx'\n// constants\nimport { THEME, type Theme } from '../../constants/theme'\nimport {\n RELEASE_BRANCH,\n type ReleaseBranch,\n} from '../../constants/release-branch'\n// theme\nimport { selectThemeStyle } from '../theme'\n// icons\nimport { Cross, Search } from '../../icons'\n// button\nimport { IconButton } from '../../button'\n\nconst defaultFunc = () => {}\ntype SearchBarProps = {\n placeholder?: string\n theme?: Theme\n releaseBranch?: ReleaseBranch\n onSearch?: (keywords: string) => void\n onClose?: () => void\n handleBlur?: () => void\n autoFocus?: boolean\n className?: string\n searchBarWidth?: string\n}\nconst SearchBar: FC<SearchBarProps> & {\n Theme: typeof THEME\n} = ({\n placeholder = '',\n theme = THEME.normal,\n releaseBranch = RELEASE_BRANCH.master,\n onSearch = defaultFunc,\n onClose = defaultFunc,\n handleBlur = defaultFunc,\n autoFocus = true,\n className = '',\n searchBarWidth = 'w-fit',\n}) => {\n const [keywords, setKeywords] = useState('')\n const [focus, setFocus] = useState(false)\n const {\n bgColor,\n focusBgColor,\n desktopBgColor,\n borderColor,\n color,\n focusColor,\n placeholderColor,\n } = selectThemeStyle(theme)\n const onFocus = () => setFocus(true)\n const onBlur = () => {\n setFocus(false)\n handleBlur()\n }\n const onSubmit = (e: FormEvent<HTMLFormElement>) => {\n e.preventDefault()\n onSearch(keywords)\n }\n const onChange = (e: ChangeEvent<HTMLInputElement>) => {\n const input = e.currentTarget.value\n setKeywords(input)\n }\n const onReset = (e: FormEvent<HTMLFormElement>) => {\n e.preventDefault()\n setKeywords('')\n }\n\n return (\n <form\n className={clsx('flex items-center', className)}\n noValidate\n onSubmit={onSubmit}\n onReset={onReset}\n onFocus={onFocus}\n >\n <div\n className={clsx(\n 'flex items-center py-[8px] px-[16px] rounded-[40px] border-[1px] border-solid gap-[8px]',\n searchBarWidth,\n bgColor,\n focus\n ? clsx(focusBgColor, borderColor, desktopBgColor)\n : 'border-transparent'\n )}\n >\n <input\n type=\"search\"\n placeholder={placeholder}\n value={keywords}\n onChange={onChange}\n onBlur={onBlur}\n // biome-ignore lint/a11y/noAutofocus: autoFocus is intentionally used to focus the search input for better UX\n autoFocus={autoFocus}\n className={clsx(\n 'h-[24px] text-[14px] focus-visible:border-0 font-default w-[fill-available] w-[-webkit-fill-available]',\n 'focus-visible:outline-0 focus-visible:border-transparent [&::-webkit-search-cancel-button]:hidden',\n color,\n placeholderColor,\n focusColor\n )}\n />\n <IconButton\n theme={theme}\n iconComponent={Search(releaseBranch)}\n onClick={() => onSearch(keywords)}\n />\n </div>\n <IconButton\n theme={theme}\n iconComponent={Cross(releaseBranch)}\n onClick={onClose}\n className={clsx('ml-[8px] hidden', 'desktop:inline-flex')}\n />\n </form>\n )\n}\nSearchBar.Theme = THEME\n\nexport default SearchBar\n","import SearchBar from './components/search-bar'\n\nexport { SearchBar }\n\nexport default {\n SearchBar,\n}\n"],"mappings":";;;;;;;;;;AAgBA,MAAM,oBAAoB;AAY1B,MAAMA,aAED,EACH,cAAc,IACd,QAAQ,MAAM,QACd,gBAAgB,eAAe,QAC/B,WAAW,aACX,UAAU,aACV,aAAa,aACb,YAAY,MACZ,YAAY,IACZ,iBAAiB,cACb;CACJ,MAAM,CAAC,UAAU,eAAe,SAAS,GAAG;CAC5C,MAAM,CAAC,OAAO,YAAY,SAAS,MAAM;CACzC,MAAM,EACJ,SACA,cACA,gBACA,aACA,OACA,YACA,qBACE,iBAAiB,MAAM;CAC3B,MAAM,gBAAgB,SAAS,KAAK;CACpC,MAAM,eAAe;AACnB,WAAS,MAAM;AACf,cAAY;;CAEd,MAAM,YAAY,MAAkC;AAClD,IAAE,gBAAgB;AAClB,WAAS,SAAS;;CAEpB,MAAM,YAAY,MAAqC;EACrD,MAAM,QAAQ,EAAE,cAAc;AAC9B,cAAY,MAAM;;CAEpB,MAAM,WAAW,MAAkC;AACjD,IAAE,gBAAgB;AAClB,cAAY,GAAG;;AAGjB,QACE,qBAAC;EACC,WAAW,KAAK,qBAAqB,UAAU;EAC/C;EACU;EACD;EACA;aAET,qBAAC;GACC,WAAW,KACT,2FACA,gBACA,SACA,QACI,KAAK,cAAc,aAAa,eAAe,GAC/C,qBACL;cAED,oBAAC;IACC,MAAK;IACQ;IACb,OAAO;IACG;IACF;IAEG;IACX,WAAW,KACT,0GACA,qGACA,OACA,kBACA,WACD;KACD,EACF,oBAACC;IACQ;IACP,eAAe,OAAO,cAAc;IACpC,eAAe,SAAS,SAAS;KACjC;IACE,EACN,oBAACA;GACQ;GACP,eAAe,MAAM,cAAc;GACnC,SAAS;GACT,WAAW,KAAK,mBAAmB,sBAAsB;IACzD;GACG;;AAGX,UAAU,QAAQ;AAElB,yBAAe;;;;ACrHf,oBAAe,EACb,+BACD"}
@@ -1,4 +1,4 @@
1
- import { CustomizedLinkProps } from "./type-ubTUOk6A.js";
1
+ import { CustomizedLinkProps } from "./type-CcygKers.js";
2
2
  import { FC } from "react";
3
3
 
4
4
  //#region src/customized-link/internal-link.d.ts
@@ -6,4 +6,4 @@ type InternalLinkProps = CustomizedLinkProps;
6
6
  declare const InternalLink: FC<InternalLinkProps>;
7
7
  //#endregion
8
8
  export { InternalLink };
9
- //# sourceMappingURL=internal-link-DtMsmfE9.d.ts.map
9
+ //# sourceMappingURL=internal-link-BL950cs3.d.ts.map
@@ -1,4 +1,4 @@
1
- import { CustomizedLinkProps } from "./type-DGvbr3Rm.mjs";
1
+ import { CustomizedLinkProps } from "./type-Bsf9A8YX.mjs";
2
2
  import { FC } from "react";
3
3
 
4
4
  //#region src/customized-link/internal-link.d.ts
@@ -6,4 +6,4 @@ type InternalLinkProps = CustomizedLinkProps;
6
6
  declare const InternalLink: FC<InternalLinkProps>;
7
7
  //#endregion
8
8
  export { InternalLink };
9
- //# sourceMappingURL=internal-link-Daag4Lrv.d.mts.map
9
+ //# sourceMappingURL=internal-link-DgOMen4w.d.mts.map
@@ -1,17 +1,15 @@
1
1
  import { P2, P3 } from "./paragraph-Cf9jr8RF.mjs";
2
2
  import { icon_button_default } from "./button-D_AWI7r9.mjs";
3
3
  import { forClientSideRendering } from "./request-origins-CGkNWg8R.mjs";
4
- import { external_link_default } from "./external-link-Diro-q37.mjs";
4
+ import { external_link_default } from "./external-link-BMIFL3DE.mjs";
5
5
  import { SocialMedia } from "./icons-I7T-auOQ.mjs";
6
- import { getLinksGroups, getSocialMediaLinks } from "./constants-DyO2QpJk.mjs";
7
6
  import clsx from "clsx";
8
7
  import { Fragment, jsx, jsxs } from "react/jsx-runtime";
9
8
  import map from "lodash/map";
10
9
 
11
10
  //#region src/footer/links.tsx
12
11
  const _ = { map };
13
- const SocialLinks = ({ releaseBranch }) => {
14
- const links = getSocialMediaLinks();
12
+ const SocialLinks = ({ releaseBranch, links }) => {
15
13
  return /* @__PURE__ */ jsx("div", {
16
14
  className: "flex gap-[16px]",
17
15
  children: _.map(links, (link) => {
@@ -20,14 +18,14 @@ const SocialLinks = ({ releaseBranch }) => {
20
18
  releaseBranch
21
19
  });
22
20
  return /* @__PURE__ */ jsx(external_link_default, {
23
- to: link.to,
24
- target: link.target,
21
+ to: link.link,
22
+ target: "_blank",
25
23
  children: /* @__PURE__ */ jsx(icon_button_default, { iconComponent })
26
- }, link.slug);
24
+ }, link.icon);
27
25
  })
28
26
  });
29
27
  };
30
- const InfoLinks = ({ releaseBranch }) => {
28
+ const StaticLinks = ({ releaseBranch }) => {
31
29
  const mainOrigin = forClientSideRendering[releaseBranch].main;
32
30
  return /* @__PURE__ */ jsxs(Fragment, { children: [
33
31
  /* @__PURE__ */ jsx(external_link_default, {
@@ -64,16 +62,15 @@ const InfoLinks = ({ releaseBranch }) => {
64
62
  })
65
63
  ] });
66
64
  };
67
- const LinkButtonGroups = ({ releaseBranch }) => {
68
- const mainOrigin = forClientSideRendering[releaseBranch].main;
69
- const linksGroups = getLinksGroups(mainOrigin);
65
+ const LinkButtonGroups = ({ linksGroups }) => {
70
66
  return _.map(linksGroups, (links, indexofGroup) => {
71
67
  return /* @__PURE__ */ jsx("div", {
72
68
  className: clsx("flex flex-col gap-[8px] basis-1/3", "desktop:w-[120px] desktop:gap-[16px] desktop:basis-auto"),
73
69
  children: _.map(links, (link, indexofLink) => {
74
70
  return /* @__PURE__ */ jsx(external_link_default, {
75
- to: link.to,
71
+ to: link.link,
76
72
  target: "_blank",
73
+ id: link.id,
77
74
  children: /* @__PURE__ */ jsx(P2, {
78
75
  className: "text-gray-600 hover:text-gray-800",
79
76
  text: link.text
@@ -85,5 +82,5 @@ const LinkButtonGroups = ({ releaseBranch }) => {
85
82
  };
86
83
 
87
84
  //#endregion
88
- export { InfoLinks, LinkButtonGroups, SocialLinks };
89
- //# sourceMappingURL=links-DO97xw7S.mjs.map
85
+ export { LinkButtonGroups, SocialLinks, StaticLinks };
86
+ //# sourceMappingURL=links-Buz2DUOO.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"links-Buz2DUOO.mjs","names":["ExternalLink","IconButton"],"sources":["../src/footer/links.tsx"],"sourcesContent":["import clsx from 'clsx'\n// text\nimport { P2, P3 } from '../text/paragraph'\n// constants\nimport type { ReleaseBranch } from '../constants/release-branch'\nimport { forClientSideRendering } from '../constants/request-origins'\n// button\nimport { IconButton } from '../button'\n// link\nimport { ExternalLink } from '../customized-link'\n// icon\nimport { SocialMedia } from '../icons'\n// types\nimport type { LinkType, SocialMediaLink } from './types'\n// lodash\nimport map from 'lodash/map'\nconst _ = {\n map,\n}\n\nexport const SocialLinks = ({\n releaseBranch,\n links,\n}: {\n releaseBranch: ReleaseBranch\n links: SocialMediaLink[]\n}) => {\n return (\n <div className=\"flex gap-[16px]\">\n {_.map(links, (link) => {\n const iconComponent = (\n <SocialMedia mediaType={link.icon} releaseBranch={releaseBranch} />\n )\n return (\n <ExternalLink key={link.icon} to={link.link} target=\"_blank\">\n <IconButton iconComponent={iconComponent} />\n </ExternalLink>\n )\n })}\n </div>\n )\n}\n\nexport const StaticLinks = ({\n releaseBranch,\n}: {\n releaseBranch: ReleaseBranch\n}) => {\n const mainOrigin = forClientSideRendering[releaseBranch].main\n return (\n <>\n <ExternalLink to={`${mainOrigin}/a/license-footer`} target=\"_blank\">\n <P3\n className=\"text-gray-600 underline underline-offset-[4px]\"\n text=\"許可協議\"\n />\n </ExternalLink>\n <P3 className=\"text-gray-600\" text=\"|\" />\n <ExternalLink to={`${mainOrigin}/a/privacy-footer`} target=\"_blank\">\n <P3\n className=\"text-gray-600 underline underline-offset-[4px]\"\n text=\"隱私政策\"\n />\n </ExternalLink>\n <P3 className=\"text-gray-600\" text=\"|\" />\n <ExternalLink\n to={'https://twreporter.gitbook.io/the-reporter-brand-guidelines'}\n target=\"_blank\"\n >\n <P3\n className=\"text-gray-600 underline underline-offset-[4px]\"\n text=\"品牌規範\"\n />\n </ExternalLink>\n </>\n )\n}\n\nexport const LinkButtonGroups = ({\n linksGroups,\n}: {\n releaseBranch: ReleaseBranch\n linksGroups: LinkType[][]\n}) => {\n return _.map(linksGroups, (links, indexofGroup) => {\n return (\n <div\n key={indexofGroup}\n className={clsx(\n 'flex flex-col gap-[8px] basis-1/3',\n 'desktop:w-[120px] desktop:gap-[16px] desktop:basis-auto'\n )}\n >\n {_.map(links, (link, indexofLink) => {\n return (\n <ExternalLink\n key={indexofLink}\n to={link.link}\n target=\"_blank\"\n id={link.id}\n >\n <P2\n className=\"text-gray-600 hover:text-gray-800\"\n text={link.text}\n />\n </ExternalLink>\n )\n })}\n </div>\n )\n })\n}\n"],"mappings":";;;;;;;;;;AAgBA,MAAM,IAAI,EACR,KACD;AAED,MAAa,eAAe,EAC1B,eACA,YAII;AACJ,QACE,oBAAC;EAAI,WAAU;YACZ,EAAE,IAAI,QAAQ,SAAS;GACtB,MAAM,gBACJ,oBAAC;IAAY,WAAW,KAAK;IAAqB;KAAiB;AAErE,UACE,oBAACA;IAA6B,IAAI,KAAK;IAAM,QAAO;cAClD,oBAACC,uBAA0B,gBAAiB;MAD3B,KAAK,KAET;IAEjB;GACE;;AAIV,MAAa,eAAe,EAC1B,oBAGI;CACJ,MAAM,aAAa,uBAAuB,eAAe;AACzD,QACE;EACE,oBAACD;GAAa,IAAI,GAAG,WAAW;GAAoB,QAAO;aACzD,oBAAC;IACC,WAAU;IACV,MAAK;KACL;IACW;EACf,oBAAC;GAAG,WAAU;GAAgB,MAAK;IAAM;EACzC,oBAACA;GAAa,IAAI,GAAG,WAAW;GAAoB,QAAO;aACzD,oBAAC;IACC,WAAU;IACV,MAAK;KACL;IACW;EACf,oBAAC;GAAG,WAAU;GAAgB,MAAK;IAAM;EACzC,oBAACA;GACC,IAAI;GACJ,QAAO;aAEP,oBAAC;IACC,WAAU;IACV,MAAK;KACL;IACW;KACd;;AAIP,MAAa,oBAAoB,EAC/B,kBAII;AACJ,QAAO,EAAE,IAAI,cAAc,OAAO,iBAAiB;AACjD,SACE,oBAAC;GAEC,WAAW,KACT,qCACA,0DACD;aAEA,EAAE,IAAI,QAAQ,MAAM,gBAAgB;AACnC,WACE,oBAACA;KAEC,IAAI,KAAK;KACT,QAAO;KACP,IAAI,KAAK;eAET,oBAAC;MACC,WAAU;MACV,MAAM,KAAK;OACX;OARG,YASQ;KAEjB;KApBG,aAqBD;GAER"}
@@ -2,9 +2,8 @@ const require_chunk = require('./chunk-BxBTb9qk.js');
2
2
  const require_paragraph = require('./paragraph-iuz3jP0Q.js');
3
3
  const require_button = require('./button-Dk0MxlKd.js');
4
4
  const require_request_origins = require('./request-origins-BDXulkK9.js');
5
- const require_external_link = require('./external-link-afU9uFB6.js');
5
+ const require_external_link = require('./external-link-Ce1_loKh.js');
6
6
  const require_icons = require('./icons-qP5oNB0W.js');
7
- const require_constants = require('./constants-0fgvpoyZ.js');
8
7
  let clsx = require("clsx");
9
8
  clsx = require_chunk.__toESM(clsx);
10
9
  let react_jsx_runtime = require("react/jsx-runtime");
@@ -14,8 +13,7 @@ lodash_map = require_chunk.__toESM(lodash_map);
14
13
 
15
14
  //#region src/footer/links.tsx
16
15
  const _ = { map: lodash_map.default };
17
- const SocialLinks = ({ releaseBranch }) => {
18
- const links = require_constants.getSocialMediaLinks();
16
+ const SocialLinks = ({ releaseBranch, links }) => {
19
17
  return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
20
18
  className: "flex gap-[16px]",
21
19
  children: _.map(links, (link) => {
@@ -24,14 +22,14 @@ const SocialLinks = ({ releaseBranch }) => {
24
22
  releaseBranch
25
23
  });
26
24
  return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_external_link.external_link_default, {
27
- to: link.to,
28
- target: link.target,
25
+ to: link.link,
26
+ target: "_blank",
29
27
  children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_button.icon_button_default, { iconComponent })
30
- }, link.slug);
28
+ }, link.icon);
31
29
  })
32
30
  });
33
31
  };
34
- const InfoLinks = ({ releaseBranch }) => {
32
+ const StaticLinks = ({ releaseBranch }) => {
35
33
  const mainOrigin = require_request_origins.forClientSideRendering[releaseBranch].main;
36
34
  return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
37
35
  /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_external_link.external_link_default, {
@@ -68,16 +66,15 @@ const InfoLinks = ({ releaseBranch }) => {
68
66
  })
69
67
  ] });
70
68
  };
71
- const LinkButtonGroups = ({ releaseBranch }) => {
72
- const mainOrigin = require_request_origins.forClientSideRendering[releaseBranch].main;
73
- const linksGroups = require_constants.getLinksGroups(mainOrigin);
69
+ const LinkButtonGroups = ({ linksGroups }) => {
74
70
  return _.map(linksGroups, (links, indexofGroup) => {
75
71
  return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
76
72
  className: (0, clsx.default)("flex flex-col gap-[8px] basis-1/3", "desktop:w-[120px] desktop:gap-[16px] desktop:basis-auto"),
77
73
  children: _.map(links, (link, indexofLink) => {
78
74
  return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_external_link.external_link_default, {
79
- to: link.to,
75
+ to: link.link,
80
76
  target: "_blank",
77
+ id: link.id,
81
78
  children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_paragraph.P2, {
82
79
  className: "text-gray-600 hover:text-gray-800",
83
80
  text: link.text
@@ -89,12 +86,6 @@ const LinkButtonGroups = ({ releaseBranch }) => {
89
86
  };
90
87
 
91
88
  //#endregion
92
- Object.defineProperty(exports, 'InfoLinks', {
93
- enumerable: true,
94
- get: function () {
95
- return InfoLinks;
96
- }
97
- });
98
89
  Object.defineProperty(exports, 'LinkButtonGroups', {
99
90
  enumerable: true,
100
91
  get: function () {
@@ -107,4 +98,10 @@ Object.defineProperty(exports, 'SocialLinks', {
107
98
  return SocialLinks;
108
99
  }
109
100
  });
110
- //# sourceMappingURL=links-Xuo8pb4a.js.map
101
+ Object.defineProperty(exports, 'StaticLinks', {
102
+ enumerable: true,
103
+ get: function () {
104
+ return StaticLinks;
105
+ }
106
+ });
107
+ //# sourceMappingURL=links-CPX07u-O.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"links-CPX07u-O.js","names":["SocialMedia","ExternalLink","IconButton","forClientSideRendering","P3","P2"],"sources":["../src/footer/links.tsx"],"sourcesContent":["import clsx from 'clsx'\n// text\nimport { P2, P3 } from '../text/paragraph'\n// constants\nimport type { ReleaseBranch } from '../constants/release-branch'\nimport { forClientSideRendering } from '../constants/request-origins'\n// button\nimport { IconButton } from '../button'\n// link\nimport { ExternalLink } from '../customized-link'\n// icon\nimport { SocialMedia } from '../icons'\n// types\nimport type { LinkType, SocialMediaLink } from './types'\n// lodash\nimport map from 'lodash/map'\nconst _ = {\n map,\n}\n\nexport const SocialLinks = ({\n releaseBranch,\n links,\n}: {\n releaseBranch: ReleaseBranch\n links: SocialMediaLink[]\n}) => {\n return (\n <div className=\"flex gap-[16px]\">\n {_.map(links, (link) => {\n const iconComponent = (\n <SocialMedia mediaType={link.icon} releaseBranch={releaseBranch} />\n )\n return (\n <ExternalLink key={link.icon} to={link.link} target=\"_blank\">\n <IconButton iconComponent={iconComponent} />\n </ExternalLink>\n )\n })}\n </div>\n )\n}\n\nexport const StaticLinks = ({\n releaseBranch,\n}: {\n releaseBranch: ReleaseBranch\n}) => {\n const mainOrigin = forClientSideRendering[releaseBranch].main\n return (\n <>\n <ExternalLink to={`${mainOrigin}/a/license-footer`} target=\"_blank\">\n <P3\n className=\"text-gray-600 underline underline-offset-[4px]\"\n text=\"許可協議\"\n />\n </ExternalLink>\n <P3 className=\"text-gray-600\" text=\"|\" />\n <ExternalLink to={`${mainOrigin}/a/privacy-footer`} target=\"_blank\">\n <P3\n className=\"text-gray-600 underline underline-offset-[4px]\"\n text=\"隱私政策\"\n />\n </ExternalLink>\n <P3 className=\"text-gray-600\" text=\"|\" />\n <ExternalLink\n to={'https://twreporter.gitbook.io/the-reporter-brand-guidelines'}\n target=\"_blank\"\n >\n <P3\n className=\"text-gray-600 underline underline-offset-[4px]\"\n text=\"品牌規範\"\n />\n </ExternalLink>\n </>\n )\n}\n\nexport const LinkButtonGroups = ({\n linksGroups,\n}: {\n releaseBranch: ReleaseBranch\n linksGroups: LinkType[][]\n}) => {\n return _.map(linksGroups, (links, indexofGroup) => {\n return (\n <div\n key={indexofGroup}\n className={clsx(\n 'flex flex-col gap-[8px] basis-1/3',\n 'desktop:w-[120px] desktop:gap-[16px] desktop:basis-auto'\n )}\n >\n {_.map(links, (link, indexofLink) => {\n return (\n <ExternalLink\n key={indexofLink}\n to={link.link}\n target=\"_blank\"\n id={link.id}\n >\n <P2\n className=\"text-gray-600 hover:text-gray-800\"\n text={link.text}\n />\n </ExternalLink>\n )\n })}\n </div>\n )\n })\n}\n"],"mappings":";;;;;;;;;;;;;;AAgBA,MAAM,IAAI,EACR,yBACD;AAED,MAAa,eAAe,EAC1B,eACA,YAII;AACJ,QACE,2CAAC;EAAI,WAAU;YACZ,EAAE,IAAI,QAAQ,SAAS;GACtB,MAAM,gBACJ,2CAACA;IAAY,WAAW,KAAK;IAAqB;KAAiB;AAErE,UACE,2CAACC;IAA6B,IAAI,KAAK;IAAM,QAAO;cAClD,2CAACC,sCAA0B,gBAAiB;MAD3B,KAAK,KAET;IAEjB;GACE;;AAIV,MAAa,eAAe,EAC1B,oBAGI;CACJ,MAAM,aAAaC,+CAAuB,eAAe;AACzD,QACE;EACE,2CAACF;GAAa,IAAI,GAAG,WAAW;GAAoB,QAAO;aACzD,2CAACG;IACC,WAAU;IACV,MAAK;KACL;IACW;EACf,2CAACA;GAAG,WAAU;GAAgB,MAAK;IAAM;EACzC,2CAACH;GAAa,IAAI,GAAG,WAAW;GAAoB,QAAO;aACzD,2CAACG;IACC,WAAU;IACV,MAAK;KACL;IACW;EACf,2CAACA;GAAG,WAAU;GAAgB,MAAK;IAAM;EACzC,2CAACH;GACC,IAAI;GACJ,QAAO;aAEP,2CAACG;IACC,WAAU;IACV,MAAK;KACL;IACW;KACd;;AAIP,MAAa,oBAAoB,EAC/B,kBAII;AACJ,QAAO,EAAE,IAAI,cAAc,OAAO,iBAAiB;AACjD,SACE,2CAAC;GAEC,6BACE,qCACA,0DACD;aAEA,EAAE,IAAI,QAAQ,MAAM,gBAAgB;AACnC,WACE,2CAACH;KAEC,IAAI,KAAK;KACT,QAAO;KACP,IAAI,KAAK;eAET,2CAACI;MACC,WAAU;MACV,MAAM,KAAK;OACX;OARG,YASQ;KAEjB;KApBG,aAqBD;GAER"}
@@ -1,3 +1,3 @@
1
- import "../index-DegwO8ei.mjs";
2
- import { LOGO, LOGO_SYMBOL_TYPE, LOGO_TYPE, Logo, LogoSymbolType, LogoType } from "../constants-IzZ4bWWt.mjs";
1
+ import "../index-CUE6zs36.mjs";
2
+ import { LOGO, LOGO_SYMBOL_TYPE, LOGO_TYPE, Logo, LogoSymbolType, LogoType } from "../constants-oNjXcfW2.mjs";
3
3
  export { LOGO, LOGO_SYMBOL_TYPE, LOGO_TYPE, Logo, LogoSymbolType, LogoType };
@@ -1,3 +1,3 @@
1
1
  import "../index-H3peA2d_.js";
2
- import { LOGO, LOGO_SYMBOL_TYPE, LOGO_TYPE, Logo, LogoSymbolType, LogoType } from "../constants-C86Q6QlO.js";
2
+ import { LOGO, LOGO_SYMBOL_TYPE, LOGO_TYPE, Logo, LogoSymbolType, LogoType } from "../constants-CzHmv07x.js";
3
3
  export { LOGO, LOGO_SYMBOL_TYPE, LOGO_TYPE, Logo, LogoSymbolType, LogoType };
@@ -1,6 +1,6 @@
1
- import "../index-DegwO8ei.mjs";
2
- import { ReleaseBranch } from "../release-branch-CaxOk9Rq.mjs";
3
- import { LOGO_SYMBOL_TYPE, LOGO_TYPE, LogoSymbolType, LogoType } from "../constants-IzZ4bWWt.mjs";
1
+ import "../index-CUE6zs36.mjs";
2
+ import { ReleaseBranch } from "../release-branch-uF0B5lcE.mjs";
3
+ import { LOGO_SYMBOL_TYPE, LOGO_TYPE, LogoSymbolType, LogoType } from "../constants-oNjXcfW2.mjs";
4
4
  import * as react8 from "react";
5
5
  import React from "react";
6
6
 
@@ -1,6 +1,6 @@
1
1
  import "../index-H3peA2d_.js";
2
2
  import { ReleaseBranch } from "../release-branch-CsBbhuYE.js";
3
- import { LOGO_SYMBOL_TYPE, LOGO_TYPE, LogoSymbolType, LogoType } from "../constants-C86Q6QlO.js";
3
+ import { LOGO_SYMBOL_TYPE, LOGO_TYPE, LogoSymbolType, LogoType } from "../constants-CzHmv07x.js";
4
4
  import * as react11 from "react";
5
5
  import React from "react";
6
6
 
package/lib/logo/index.js CHANGED
@@ -1,7 +1,7 @@
1
1
  Object.defineProperty(exports, '__esModule', { value: true });
2
2
  require('../release-branch-CRZV4Ivz.js');
3
3
  require('../constants-C2moxnps.js');
4
- const require_logo = require('../logo-B3GSkN1O.js');
4
+ const require_logo = require('../logo-DzRRd4Y-.js');
5
5
 
6
6
  exports.LogoFooter = require_logo.logo_footer_default;
7
7
  exports.LogoHeader = require_logo.logo_header_default;
@@ -1,5 +1,5 @@
1
1
  import "../release-branch-DNCD1uH_.mjs";
2
2
  import "../constants-DRxdMM_X.mjs";
3
- import { logo_default, logo_footer_default, logo_header_default, logo_symbol_default } from "../logo-NfYCtrtN.mjs";
3
+ import { logo_default, logo_footer_default, logo_header_default, logo_symbol_default } from "../logo-CBWWiQoO.mjs";
4
4
 
5
5
  export { logo_footer_default as LogoFooter, logo_header_default as LogoHeader, logo_symbol_default as LogoSymbol, logo_default as default };
@@ -1,7 +1,7 @@
1
1
  const require_chunk = require('./chunk-BxBTb9qk.js');
2
2
  const require_release_branch = require('./release-branch-CRZV4Ivz.js');
3
3
  const require_internal_link = require('./internal-link-Bq4yp13E.js');
4
- const require_logo = require('./logo-B3GSkN1O.js');
4
+ const require_logo = require('./logo-DzRRd4Y-.js');
5
5
  let react = require("react");
6
6
  react = require_chunk.__toESM(react);
7
7
  let react_jsx_runtime = require("react/jsx-runtime");
@@ -29,4 +29,4 @@ Object.defineProperty(exports, 'logo_default', {
29
29
  return logo_default;
30
30
  }
31
31
  });
32
- //# sourceMappingURL=logo-C5NgKyYa.js.map
32
+ //# sourceMappingURL=logo-BSp7gsND.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"logo-C5NgKyYa.js","names":["Logo: FC<LogoProps>","RELEASE_BRANCH","InternalLink","LogoFooter"],"sources":["../src/footer/logo.tsx"],"sourcesContent":["import { useState, type FC } from 'react'\n// components\nimport { LogoFooter } from '../logo'\nimport { InternalLink } from '../customized-link'\n// constants\nimport { RELEASE_BRANCH, type ReleaseBranch } from '../constants/release-branch'\n\ntype LogoProps = {\n releaseBranch?: ReleaseBranch\n}\nconst Logo: FC<LogoProps> = ({ releaseBranch = RELEASE_BRANCH.master }) => {\n const [isHover, setIsHover] = useState(false)\n return (\n <InternalLink\n to=\"/\"\n onMouseEnter={() => setIsHover(true)}\n onMouseLeave={() => setIsHover(false)}\n >\n <LogoFooter\n releaseBranch={releaseBranch}\n type={isHover ? LogoFooter.Type.default : LogoFooter.Type.white}\n />\n </InternalLink>\n )\n}\n\nexport default Logo\n"],"mappings":";;;;;;;;;;AAUA,MAAMA,QAAuB,EAAE,gBAAgBC,sCAAe,aAAa;CACzE,MAAM,CAAC,SAAS,kCAAuB,MAAM;AAC7C,QACE,2CAACC;EACC,IAAG;EACH,oBAAoB,WAAW,KAAK;EACpC,oBAAoB,WAAW,MAAM;YAErC,2CAACC;GACgB;GACf,MAAM,UAAUA,iCAAW,KAAK,UAAUA,iCAAW,KAAK;IAC1D;GACW;;AAInB,mBAAe"}
1
+ {"version":3,"file":"logo-BSp7gsND.js","names":["Logo: FC<LogoProps>","RELEASE_BRANCH","InternalLink","LogoFooter"],"sources":["../src/footer/logo.tsx"],"sourcesContent":["import { useState, type FC } from 'react'\n// components\nimport { LogoFooter } from '../logo'\nimport { InternalLink } from '../customized-link'\n// constants\nimport { RELEASE_BRANCH, type ReleaseBranch } from '../constants/release-branch'\n\ntype LogoProps = {\n releaseBranch?: ReleaseBranch\n}\nconst Logo: FC<LogoProps> = ({ releaseBranch = RELEASE_BRANCH.master }) => {\n const [isHover, setIsHover] = useState(false)\n return (\n <InternalLink\n to=\"/\"\n onMouseEnter={() => setIsHover(true)}\n onMouseLeave={() => setIsHover(false)}\n >\n <LogoFooter\n releaseBranch={releaseBranch}\n type={isHover ? LogoFooter.Type.default : LogoFooter.Type.white}\n />\n </InternalLink>\n )\n}\n\nexport default Logo\n"],"mappings":";;;;;;;;;;AAUA,MAAMA,QAAuB,EAAE,gBAAgBC,sCAAe,aAAa;CACzE,MAAM,CAAC,SAAS,kCAAuB,MAAM;AAC7C,QACE,2CAACC;EACC,IAAG;EACH,oBAAoB,WAAW,KAAK;EACpC,oBAAoB,WAAW,MAAM;YAErC,2CAACC;GACgB;GACf,MAAM,UAAUA,iCAAW,KAAK,UAAUA,iCAAW,KAAK;IAC1D;GACW;;AAInB,mBAAe"}
@@ -77,4 +77,4 @@ var logo_default = {
77
77
 
78
78
  //#endregion
79
79
  export { logo_default, logo_footer_default, logo_header_default, logo_symbol_default };
80
- //# sourceMappingURL=logo-NfYCtrtN.mjs.map
80
+ //# sourceMappingURL=logo-CBWWiQoO.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"logo-NfYCtrtN.mjs","names":["LogoHeader: React.FC<LogoHeaderProps> & { Type: typeof LOGO_TYPE }","pathUtil","LogoHeader","LogoSymbol: React.FC<LogoSymbolProps> & {\n Type: typeof LOGO_SYMBOL_TYPE\n}","pathUtil","LogoHeader: React.FC<LogoHeaderProps> & { Type: typeof LOGO_TYPE }","pathUtil"],"sources":["../src/logo/utils/path.ts","../src/logo/components/logo-header.tsx","../src/logo/components/logo-symbol.tsx","../src/logo/components/logo-footer.tsx","../src/logo/index.ts"],"sourcesContent":["import type { ReleaseBranch } from '../../constants/release-branch'\nimport type { Logo, LogoType, LogoSymbolType } from '../constants'\n\nconst baseGCSDir = 'https://www.twreporter.org/images/logo/'\n\nfunction selectLogoPath(\n logo: Logo,\n branch: ReleaseBranch,\n type: LogoType | LogoSymbolType\n) {\n switch (logo) {\n case 'header': {\n const defaultPath = `${baseGCSDir}logo-header.${branch}.svg`\n const whitePath = `${baseGCSDir}logo-header-white.${branch}.svg`\n return type === 'white' ? whitePath : defaultPath\n }\n case 'footer': {\n const path = {\n default: `${baseGCSDir}logo-footer.${branch}.svg`,\n white: `${baseGCSDir}logo-footer-white.${branch}.svg`,\n }\n return path[type as LogoType]\n }\n case 'symbol': {\n const path = {\n default: `${baseGCSDir}logo-symbol-default.${branch}.svg`,\n black: `${baseGCSDir}logo-symbol-black.${branch}.svg`,\n white: `${baseGCSDir}logo-symbol-white.${branch}.svg`,\n }\n return path[type]\n }\n case 'loading-fallback': {\n return `${baseGCSDir}logo-loading-fallback.${branch}.svg`\n }\n default: {\n return ''\n }\n }\n}\n\nexport default {\n selectLogoPath,\n}\n","import type React from 'react'\n// utils\nimport pathUtil from '../utils/path'\n// constants\nimport {\n RELEASE_BRANCH,\n type ReleaseBranch,\n} from '../../constants/release-branch'\nimport { LOGO, LOGO_TYPE, type LogoType } from '../constants'\n\ntype LogoHeaderProps = {\n type: LogoType\n releaseBranch?: ReleaseBranch\n} & React.ImgHTMLAttributes<HTMLImageElement>\n\nconst LogoHeader: React.FC<LogoHeaderProps> & { Type: typeof LOGO_TYPE } = ({\n type = LOGO_TYPE.default,\n releaseBranch = RELEASE_BRANCH.master,\n ...props\n}) => {\n const logoSrc = pathUtil.selectLogoPath(LOGO.header, releaseBranch, type)\n\n return (\n // biome-ignore lint/performance/noImgElement: use next image later\n <img alt=\"The Reporter Logo\" src={logoSrc} {...props} />\n )\n}\n\nLogoHeader.Type = LOGO_TYPE\n\nexport default LogoHeader\n","import type React from 'react'\n// utils\nimport pathUtil from '../utils/path'\n// constants\nimport {\n RELEASE_BRANCH,\n type ReleaseBranch,\n} from '../../constants/release-branch'\nimport { LOGO, LOGO_SYMBOL_TYPE, type LogoSymbolType } from '../constants'\n\ntype LogoSymbolProps = {\n type: LogoSymbolType\n releaseBranch?: ReleaseBranch\n} & React.ImgHTMLAttributes<HTMLImageElement>\n\nconst LogoSymbol: React.FC<LogoSymbolProps> & {\n Type: typeof LOGO_SYMBOL_TYPE\n} = ({\n type = LOGO_SYMBOL_TYPE.default,\n releaseBranch = RELEASE_BRANCH.master,\n ...props\n}) => {\n const logoSrc = pathUtil.selectLogoPath(LOGO.symbol, releaseBranch, type)\n\n return (\n // biome-ignore lint/performance/noImgElement: use next image later\n <img alt=\"The Reporter Logo\" src={logoSrc} {...props} />\n )\n}\n\nLogoSymbol.Type = LOGO_SYMBOL_TYPE\n\nexport default LogoSymbol\n","import type React from 'react'\nimport clsx from 'clsx'\n// utils\nimport pathUtil from '../utils/path'\n// constants\nimport {\n RELEASE_BRANCH,\n type ReleaseBranch,\n} from '../../constants/release-branch'\nimport { LOGO, LOGO_TYPE, type LogoType } from '../constants'\n\ntype LogoHeaderProps = {\n type: LogoType\n releaseBranch?: ReleaseBranch\n} & React.ImgHTMLAttributes<HTMLImageElement>\n\nconst LogoHeader: React.FC<LogoHeaderProps> & { Type: typeof LOGO_TYPE } = ({\n type = LOGO_TYPE.default,\n releaseBranch = RELEASE_BRANCH.master,\n ...props\n}) => {\n const logoSrc = pathUtil.selectLogoPath(LOGO.footer, releaseBranch, type)\n\n return (\n // biome-ignore lint/performance/noImgElement: use next image later\n <img\n className={clsx(\n 'w-[232px] h-[25px]',\n 'desktop:w-[272px] desktop:h-[29px]'\n )}\n alt=\"The Reporter Logo\"\n src={logoSrc}\n {...props}\n />\n )\n}\n\nLogoHeader.Type = LOGO_TYPE\n\nexport default LogoHeader\n","import LogoHeader from './components/logo-header'\nimport LogoSymbol from './components/logo-symbol'\nimport LogoFooter from './components/logo-footer'\n\nexport default {\n LogoHeader,\n LogoSymbol,\n LogoFooter,\n}\n\nexport { LogoHeader, LogoSymbol, LogoFooter }\n"],"mappings":";;;;;;AAGA,MAAM,aAAa;AAEnB,SAAS,eACP,MACA,QACA,MACA;AACA,SAAQ,MAAR;EACE,KAAK,UAAU;GACb,MAAM,cAAc,GAAG,WAAW,cAAc,OAAO;GACvD,MAAM,YAAY,GAAG,WAAW,oBAAoB,OAAO;AAC3D,UAAO,SAAS,UAAU,YAAY;;EAExC,KAAK,SAKH,QAJa;GACX,SAAS,GAAG,WAAW,cAAc,OAAO;GAC5C,OAAO,GAAG,WAAW,oBAAoB,OAAO;GACjD,CACW;EAEd,KAAK,SAMH,QALa;GACX,SAAS,GAAG,WAAW,sBAAsB,OAAO;GACpD,OAAO,GAAG,WAAW,oBAAoB,OAAO;GAChD,OAAO,GAAG,WAAW,oBAAoB,OAAO;GACjD,CACW;EAEd,KAAK,mBACH,QAAO,GAAG,WAAW,wBAAwB,OAAO;EAEtD,QACE,QAAO;;;AAKb,mBAAe,EACb,gBACD;;;;AC3BD,MAAMA,gBAAsE,EAC1E,OAAO,UAAU,SACjB,gBAAgB,eAAe,OAC/B,GAAG,YACC;CACJ,MAAM,UAAUC,aAAS,eAAe,KAAK,QAAQ,eAAe,KAAK;AAEzE,QAEE,oBAAC;EAAI,KAAI;EAAoB,KAAK;EAAS,GAAI;GAAS;;AAI5D,aAAW,OAAO;AAElB,0BAAeC;;;;ACff,MAAMC,cAED,EACH,OAAO,iBAAiB,SACxB,gBAAgB,eAAe,OAC/B,GAAG,YACC;CACJ,MAAM,UAAUC,aAAS,eAAe,KAAK,QAAQ,eAAe,KAAK;AAEzE,QAEE,oBAAC;EAAI,KAAI;EAAoB,KAAK;EAAS,GAAI;GAAS;;AAI5D,WAAW,OAAO;AAElB,0BAAe;;;;AChBf,MAAMC,cAAsE,EAC1E,OAAO,UAAU,SACjB,gBAAgB,eAAe,OAC/B,GAAG,YACC;CACJ,MAAM,UAAUC,aAAS,eAAe,KAAK,QAAQ,eAAe,KAAK;AAEzE,QAEE,oBAAC;EACC,WAAW,KACT,sBACA,qCACD;EACD,KAAI;EACJ,KAAK;EACL,GAAI;GACJ;;AAIN,WAAW,OAAO;AAElB,0BAAe;;;;ACnCf,mBAAe;CACb;CACA;CACA;CACD"}
1
+ {"version":3,"file":"logo-CBWWiQoO.mjs","names":["LogoHeader: React.FC<LogoHeaderProps> & { Type: typeof LOGO_TYPE }","pathUtil","LogoHeader","LogoSymbol: React.FC<LogoSymbolProps> & {\n Type: typeof LOGO_SYMBOL_TYPE\n}","pathUtil","LogoHeader: React.FC<LogoHeaderProps> & { Type: typeof LOGO_TYPE }","pathUtil"],"sources":["../src/logo/utils/path.ts","../src/logo/components/logo-header.tsx","../src/logo/components/logo-symbol.tsx","../src/logo/components/logo-footer.tsx","../src/logo/index.ts"],"sourcesContent":["import type { ReleaseBranch } from '../../constants/release-branch'\nimport type { Logo, LogoType, LogoSymbolType } from '../constants'\n\nconst baseGCSDir = 'https://www.twreporter.org/images/logo/'\n\nfunction selectLogoPath(\n logo: Logo,\n branch: ReleaseBranch,\n type: LogoType | LogoSymbolType\n) {\n switch (logo) {\n case 'header': {\n const defaultPath = `${baseGCSDir}logo-header.${branch}.svg`\n const whitePath = `${baseGCSDir}logo-header-white.${branch}.svg`\n return type === 'white' ? whitePath : defaultPath\n }\n case 'footer': {\n const path = {\n default: `${baseGCSDir}logo-footer.${branch}.svg`,\n white: `${baseGCSDir}logo-footer-white.${branch}.svg`,\n }\n return path[type as LogoType]\n }\n case 'symbol': {\n const path = {\n default: `${baseGCSDir}logo-symbol-default.${branch}.svg`,\n black: `${baseGCSDir}logo-symbol-black.${branch}.svg`,\n white: `${baseGCSDir}logo-symbol-white.${branch}.svg`,\n }\n return path[type]\n }\n case 'loading-fallback': {\n return `${baseGCSDir}logo-loading-fallback.${branch}.svg`\n }\n default: {\n return ''\n }\n }\n}\n\nexport default {\n selectLogoPath,\n}\n","import type React from 'react'\n// utils\nimport pathUtil from '../utils/path'\n// constants\nimport {\n RELEASE_BRANCH,\n type ReleaseBranch,\n} from '../../constants/release-branch'\nimport { LOGO, LOGO_TYPE, type LogoType } from '../constants'\n\ntype LogoHeaderProps = {\n type: LogoType\n releaseBranch?: ReleaseBranch\n} & React.ImgHTMLAttributes<HTMLImageElement>\n\nconst LogoHeader: React.FC<LogoHeaderProps> & { Type: typeof LOGO_TYPE } = ({\n type = LOGO_TYPE.default,\n releaseBranch = RELEASE_BRANCH.master,\n ...props\n}) => {\n const logoSrc = pathUtil.selectLogoPath(LOGO.header, releaseBranch, type)\n\n return (\n // biome-ignore lint/performance/noImgElement: use next image later\n <img alt=\"The Reporter Logo\" src={logoSrc} {...props} />\n )\n}\n\nLogoHeader.Type = LOGO_TYPE\n\nexport default LogoHeader\n","import type React from 'react'\n// utils\nimport pathUtil from '../utils/path'\n// constants\nimport {\n RELEASE_BRANCH,\n type ReleaseBranch,\n} from '../../constants/release-branch'\nimport { LOGO, LOGO_SYMBOL_TYPE, type LogoSymbolType } from '../constants'\n\ntype LogoSymbolProps = {\n type: LogoSymbolType\n releaseBranch?: ReleaseBranch\n} & React.ImgHTMLAttributes<HTMLImageElement>\n\nconst LogoSymbol: React.FC<LogoSymbolProps> & {\n Type: typeof LOGO_SYMBOL_TYPE\n} = ({\n type = LOGO_SYMBOL_TYPE.default,\n releaseBranch = RELEASE_BRANCH.master,\n ...props\n}) => {\n const logoSrc = pathUtil.selectLogoPath(LOGO.symbol, releaseBranch, type)\n\n return (\n // biome-ignore lint/performance/noImgElement: use next image later\n <img alt=\"The Reporter Logo\" src={logoSrc} {...props} />\n )\n}\n\nLogoSymbol.Type = LOGO_SYMBOL_TYPE\n\nexport default LogoSymbol\n","import type React from 'react'\nimport clsx from 'clsx'\n// utils\nimport pathUtil from '../utils/path'\n// constants\nimport {\n RELEASE_BRANCH,\n type ReleaseBranch,\n} from '../../constants/release-branch'\nimport { LOGO, LOGO_TYPE, type LogoType } from '../constants'\n\ntype LogoHeaderProps = {\n type: LogoType\n releaseBranch?: ReleaseBranch\n} & React.ImgHTMLAttributes<HTMLImageElement>\n\nconst LogoHeader: React.FC<LogoHeaderProps> & { Type: typeof LOGO_TYPE } = ({\n type = LOGO_TYPE.default,\n releaseBranch = RELEASE_BRANCH.master,\n ...props\n}) => {\n const logoSrc = pathUtil.selectLogoPath(LOGO.footer, releaseBranch, type)\n\n return (\n // biome-ignore lint/performance/noImgElement: use next image later\n <img\n className={clsx(\n 'w-[232px] h-[25px]',\n 'desktop:w-[272px] desktop:h-[29px]'\n )}\n alt=\"The Reporter Logo\"\n src={logoSrc}\n {...props}\n />\n )\n}\n\nLogoHeader.Type = LOGO_TYPE\n\nexport default LogoHeader\n","import LogoHeader from './components/logo-header'\nimport LogoSymbol from './components/logo-symbol'\nimport LogoFooter from './components/logo-footer'\n\nexport default {\n LogoHeader,\n LogoSymbol,\n LogoFooter,\n}\n\nexport { LogoHeader, LogoSymbol, LogoFooter }\n"],"mappings":";;;;;;AAGA,MAAM,aAAa;AAEnB,SAAS,eACP,MACA,QACA,MACA;AACA,SAAQ,MAAR;EACE,KAAK,UAAU;GACb,MAAM,cAAc,GAAG,WAAW,cAAc,OAAO;GACvD,MAAM,YAAY,GAAG,WAAW,oBAAoB,OAAO;AAC3D,UAAO,SAAS,UAAU,YAAY;;EAExC,KAAK,SAKH,QAJa;GACX,SAAS,GAAG,WAAW,cAAc,OAAO;GAC5C,OAAO,GAAG,WAAW,oBAAoB,OAAO;GACjD,CACW;EAEd,KAAK,SAMH,QALa;GACX,SAAS,GAAG,WAAW,sBAAsB,OAAO;GACpD,OAAO,GAAG,WAAW,oBAAoB,OAAO;GAChD,OAAO,GAAG,WAAW,oBAAoB,OAAO;GACjD,CACW;EAEd,KAAK,mBACH,QAAO,GAAG,WAAW,wBAAwB,OAAO;EAEtD,QACE,QAAO;;;AAKb,mBAAe,EACb,gBACD;;;;AC3BD,MAAMA,gBAAsE,EAC1E,OAAO,UAAU,SACjB,gBAAgB,eAAe,OAC/B,GAAG,YACC;CACJ,MAAM,UAAUC,aAAS,eAAe,KAAK,QAAQ,eAAe,KAAK;AAEzE,QAEE,oBAAC;EAAI,KAAI;EAAoB,KAAK;EAAS,GAAI;GAAS;;AAI5D,aAAW,OAAO;AAElB,0BAAeC;;;;ACff,MAAMC,cAED,EACH,OAAO,iBAAiB,SACxB,gBAAgB,eAAe,OAC/B,GAAG,YACC;CACJ,MAAM,UAAUC,aAAS,eAAe,KAAK,QAAQ,eAAe,KAAK;AAEzE,QAEE,oBAAC;EAAI,KAAI;EAAoB,KAAK;EAAS,GAAI;GAAS;;AAI5D,WAAW,OAAO;AAElB,0BAAe;;;;AChBf,MAAMC,cAAsE,EAC1E,OAAO,UAAU,SACjB,gBAAgB,eAAe,OAC/B,GAAG,YACC;CACJ,MAAM,UAAUC,aAAS,eAAe,KAAK,QAAQ,eAAe,KAAK;AAEzE,QAEE,oBAAC;EACC,WAAW,KACT,sBACA,qCACD;EACD,KAAI;EACJ,KAAK;EACL,GAAI;GACJ;;AAIN,WAAW,OAAO;AAElB,0BAAe;;;;ACnCf,mBAAe;CACb;CACA;CACA;CACD"}
@@ -103,4 +103,4 @@ Object.defineProperty(exports, 'logo_symbol_default', {
103
103
  return logo_symbol_default;
104
104
  }
105
105
  });
106
- //# sourceMappingURL=logo-B3GSkN1O.js.map
106
+ //# sourceMappingURL=logo-DzRRd4Y-.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"logo-B3GSkN1O.js","names":["LogoHeader: React.FC<LogoHeaderProps> & { Type: typeof LOGO_TYPE }","LOGO_TYPE","RELEASE_BRANCH","pathUtil","LOGO","LogoHeader","LogoSymbol: React.FC<LogoSymbolProps> & {\n Type: typeof LOGO_SYMBOL_TYPE\n}","LOGO_SYMBOL_TYPE","RELEASE_BRANCH","pathUtil","LOGO","LogoHeader: React.FC<LogoHeaderProps> & { Type: typeof LOGO_TYPE }","LOGO_TYPE","RELEASE_BRANCH","pathUtil","LOGO"],"sources":["../src/logo/utils/path.ts","../src/logo/components/logo-header.tsx","../src/logo/components/logo-symbol.tsx","../src/logo/components/logo-footer.tsx","../src/logo/index.ts"],"sourcesContent":["import type { ReleaseBranch } from '../../constants/release-branch'\nimport type { Logo, LogoType, LogoSymbolType } from '../constants'\n\nconst baseGCSDir = 'https://www.twreporter.org/images/logo/'\n\nfunction selectLogoPath(\n logo: Logo,\n branch: ReleaseBranch,\n type: LogoType | LogoSymbolType\n) {\n switch (logo) {\n case 'header': {\n const defaultPath = `${baseGCSDir}logo-header.${branch}.svg`\n const whitePath = `${baseGCSDir}logo-header-white.${branch}.svg`\n return type === 'white' ? whitePath : defaultPath\n }\n case 'footer': {\n const path = {\n default: `${baseGCSDir}logo-footer.${branch}.svg`,\n white: `${baseGCSDir}logo-footer-white.${branch}.svg`,\n }\n return path[type as LogoType]\n }\n case 'symbol': {\n const path = {\n default: `${baseGCSDir}logo-symbol-default.${branch}.svg`,\n black: `${baseGCSDir}logo-symbol-black.${branch}.svg`,\n white: `${baseGCSDir}logo-symbol-white.${branch}.svg`,\n }\n return path[type]\n }\n case 'loading-fallback': {\n return `${baseGCSDir}logo-loading-fallback.${branch}.svg`\n }\n default: {\n return ''\n }\n }\n}\n\nexport default {\n selectLogoPath,\n}\n","import type React from 'react'\n// utils\nimport pathUtil from '../utils/path'\n// constants\nimport {\n RELEASE_BRANCH,\n type ReleaseBranch,\n} from '../../constants/release-branch'\nimport { LOGO, LOGO_TYPE, type LogoType } from '../constants'\n\ntype LogoHeaderProps = {\n type: LogoType\n releaseBranch?: ReleaseBranch\n} & React.ImgHTMLAttributes<HTMLImageElement>\n\nconst LogoHeader: React.FC<LogoHeaderProps> & { Type: typeof LOGO_TYPE } = ({\n type = LOGO_TYPE.default,\n releaseBranch = RELEASE_BRANCH.master,\n ...props\n}) => {\n const logoSrc = pathUtil.selectLogoPath(LOGO.header, releaseBranch, type)\n\n return (\n // biome-ignore lint/performance/noImgElement: use next image later\n <img alt=\"The Reporter Logo\" src={logoSrc} {...props} />\n )\n}\n\nLogoHeader.Type = LOGO_TYPE\n\nexport default LogoHeader\n","import type React from 'react'\n// utils\nimport pathUtil from '../utils/path'\n// constants\nimport {\n RELEASE_BRANCH,\n type ReleaseBranch,\n} from '../../constants/release-branch'\nimport { LOGO, LOGO_SYMBOL_TYPE, type LogoSymbolType } from '../constants'\n\ntype LogoSymbolProps = {\n type: LogoSymbolType\n releaseBranch?: ReleaseBranch\n} & React.ImgHTMLAttributes<HTMLImageElement>\n\nconst LogoSymbol: React.FC<LogoSymbolProps> & {\n Type: typeof LOGO_SYMBOL_TYPE\n} = ({\n type = LOGO_SYMBOL_TYPE.default,\n releaseBranch = RELEASE_BRANCH.master,\n ...props\n}) => {\n const logoSrc = pathUtil.selectLogoPath(LOGO.symbol, releaseBranch, type)\n\n return (\n // biome-ignore lint/performance/noImgElement: use next image later\n <img alt=\"The Reporter Logo\" src={logoSrc} {...props} />\n )\n}\n\nLogoSymbol.Type = LOGO_SYMBOL_TYPE\n\nexport default LogoSymbol\n","import type React from 'react'\nimport clsx from 'clsx'\n// utils\nimport pathUtil from '../utils/path'\n// constants\nimport {\n RELEASE_BRANCH,\n type ReleaseBranch,\n} from '../../constants/release-branch'\nimport { LOGO, LOGO_TYPE, type LogoType } from '../constants'\n\ntype LogoHeaderProps = {\n type: LogoType\n releaseBranch?: ReleaseBranch\n} & React.ImgHTMLAttributes<HTMLImageElement>\n\nconst LogoHeader: React.FC<LogoHeaderProps> & { Type: typeof LOGO_TYPE } = ({\n type = LOGO_TYPE.default,\n releaseBranch = RELEASE_BRANCH.master,\n ...props\n}) => {\n const logoSrc = pathUtil.selectLogoPath(LOGO.footer, releaseBranch, type)\n\n return (\n // biome-ignore lint/performance/noImgElement: use next image later\n <img\n className={clsx(\n 'w-[232px] h-[25px]',\n 'desktop:w-[272px] desktop:h-[29px]'\n )}\n alt=\"The Reporter Logo\"\n src={logoSrc}\n {...props}\n />\n )\n}\n\nLogoHeader.Type = LOGO_TYPE\n\nexport default LogoHeader\n","import LogoHeader from './components/logo-header'\nimport LogoSymbol from './components/logo-symbol'\nimport LogoFooter from './components/logo-footer'\n\nexport default {\n LogoHeader,\n LogoSymbol,\n LogoFooter,\n}\n\nexport { LogoHeader, LogoSymbol, LogoFooter }\n"],"mappings":";;;;;;;;;AAGA,MAAM,aAAa;AAEnB,SAAS,eACP,MACA,QACA,MACA;AACA,SAAQ,MAAR;EACE,KAAK,UAAU;GACb,MAAM,cAAc,GAAG,WAAW,cAAc,OAAO;GACvD,MAAM,YAAY,GAAG,WAAW,oBAAoB,OAAO;AAC3D,UAAO,SAAS,UAAU,YAAY;;EAExC,KAAK,SAKH,QAJa;GACX,SAAS,GAAG,WAAW,cAAc,OAAO;GAC5C,OAAO,GAAG,WAAW,oBAAoB,OAAO;GACjD,CACW;EAEd,KAAK,SAMH,QALa;GACX,SAAS,GAAG,WAAW,sBAAsB,OAAO;GACpD,OAAO,GAAG,WAAW,oBAAoB,OAAO;GAChD,OAAO,GAAG,WAAW,oBAAoB,OAAO;GACjD,CACW;EAEd,KAAK,mBACH,QAAO,GAAG,WAAW,wBAAwB,OAAO;EAEtD,QACE,QAAO;;;AAKb,mBAAe,EACb,gBACD;;;;AC3BD,MAAMA,gBAAsE,EAC1E,OAAOC,4BAAU,SACjB,gBAAgBC,sCAAe,OAC/B,GAAG,YACC;CACJ,MAAM,UAAUC,aAAS,eAAeC,uBAAK,QAAQ,eAAe,KAAK;AAEzE,QAEE,2CAAC;EAAI,KAAI;EAAoB,KAAK;EAAS,GAAI;GAAS;;AAI5D,aAAW,OAAOH;AAElB,0BAAeI;;;;ACff,MAAMC,cAED,EACH,OAAOC,mCAAiB,SACxB,gBAAgBC,sCAAe,OAC/B,GAAG,YACC;CACJ,MAAM,UAAUC,aAAS,eAAeC,uBAAK,QAAQ,eAAe,KAAK;AAEzE,QAEE,2CAAC;EAAI,KAAI;EAAoB,KAAK;EAAS,GAAI;GAAS;;AAI5D,WAAW,OAAOH;AAElB,0BAAe;;;;AChBf,MAAMI,cAAsE,EAC1E,OAAOC,4BAAU,SACjB,gBAAgBC,sCAAe,OAC/B,GAAG,YACC;CACJ,MAAM,UAAUC,aAAS,eAAeC,uBAAK,QAAQ,eAAe,KAAK;AAEzE,QAEE,2CAAC;EACC,6BACE,sBACA,qCACD;EACD,KAAI;EACJ,KAAK;EACL,GAAI;GACJ;;AAIN,WAAW,OAAOH;AAElB,0BAAe;;;;ACnCf,mBAAe;CACb;CACA;CACA;CACD"}
1
+ {"version":3,"file":"logo-DzRRd4Y-.js","names":["LogoHeader: React.FC<LogoHeaderProps> & { Type: typeof LOGO_TYPE }","LOGO_TYPE","RELEASE_BRANCH","pathUtil","LOGO","LogoHeader","LogoSymbol: React.FC<LogoSymbolProps> & {\n Type: typeof LOGO_SYMBOL_TYPE\n}","LOGO_SYMBOL_TYPE","RELEASE_BRANCH","pathUtil","LOGO","LogoHeader: React.FC<LogoHeaderProps> & { Type: typeof LOGO_TYPE }","LOGO_TYPE","RELEASE_BRANCH","pathUtil","LOGO"],"sources":["../src/logo/utils/path.ts","../src/logo/components/logo-header.tsx","../src/logo/components/logo-symbol.tsx","../src/logo/components/logo-footer.tsx","../src/logo/index.ts"],"sourcesContent":["import type { ReleaseBranch } from '../../constants/release-branch'\nimport type { Logo, LogoType, LogoSymbolType } from '../constants'\n\nconst baseGCSDir = 'https://www.twreporter.org/images/logo/'\n\nfunction selectLogoPath(\n logo: Logo,\n branch: ReleaseBranch,\n type: LogoType | LogoSymbolType\n) {\n switch (logo) {\n case 'header': {\n const defaultPath = `${baseGCSDir}logo-header.${branch}.svg`\n const whitePath = `${baseGCSDir}logo-header-white.${branch}.svg`\n return type === 'white' ? whitePath : defaultPath\n }\n case 'footer': {\n const path = {\n default: `${baseGCSDir}logo-footer.${branch}.svg`,\n white: `${baseGCSDir}logo-footer-white.${branch}.svg`,\n }\n return path[type as LogoType]\n }\n case 'symbol': {\n const path = {\n default: `${baseGCSDir}logo-symbol-default.${branch}.svg`,\n black: `${baseGCSDir}logo-symbol-black.${branch}.svg`,\n white: `${baseGCSDir}logo-symbol-white.${branch}.svg`,\n }\n return path[type]\n }\n case 'loading-fallback': {\n return `${baseGCSDir}logo-loading-fallback.${branch}.svg`\n }\n default: {\n return ''\n }\n }\n}\n\nexport default {\n selectLogoPath,\n}\n","import type React from 'react'\n// utils\nimport pathUtil from '../utils/path'\n// constants\nimport {\n RELEASE_BRANCH,\n type ReleaseBranch,\n} from '../../constants/release-branch'\nimport { LOGO, LOGO_TYPE, type LogoType } from '../constants'\n\ntype LogoHeaderProps = {\n type: LogoType\n releaseBranch?: ReleaseBranch\n} & React.ImgHTMLAttributes<HTMLImageElement>\n\nconst LogoHeader: React.FC<LogoHeaderProps> & { Type: typeof LOGO_TYPE } = ({\n type = LOGO_TYPE.default,\n releaseBranch = RELEASE_BRANCH.master,\n ...props\n}) => {\n const logoSrc = pathUtil.selectLogoPath(LOGO.header, releaseBranch, type)\n\n return (\n // biome-ignore lint/performance/noImgElement: use next image later\n <img alt=\"The Reporter Logo\" src={logoSrc} {...props} />\n )\n}\n\nLogoHeader.Type = LOGO_TYPE\n\nexport default LogoHeader\n","import type React from 'react'\n// utils\nimport pathUtil from '../utils/path'\n// constants\nimport {\n RELEASE_BRANCH,\n type ReleaseBranch,\n} from '../../constants/release-branch'\nimport { LOGO, LOGO_SYMBOL_TYPE, type LogoSymbolType } from '../constants'\n\ntype LogoSymbolProps = {\n type: LogoSymbolType\n releaseBranch?: ReleaseBranch\n} & React.ImgHTMLAttributes<HTMLImageElement>\n\nconst LogoSymbol: React.FC<LogoSymbolProps> & {\n Type: typeof LOGO_SYMBOL_TYPE\n} = ({\n type = LOGO_SYMBOL_TYPE.default,\n releaseBranch = RELEASE_BRANCH.master,\n ...props\n}) => {\n const logoSrc = pathUtil.selectLogoPath(LOGO.symbol, releaseBranch, type)\n\n return (\n // biome-ignore lint/performance/noImgElement: use next image later\n <img alt=\"The Reporter Logo\" src={logoSrc} {...props} />\n )\n}\n\nLogoSymbol.Type = LOGO_SYMBOL_TYPE\n\nexport default LogoSymbol\n","import type React from 'react'\nimport clsx from 'clsx'\n// utils\nimport pathUtil from '../utils/path'\n// constants\nimport {\n RELEASE_BRANCH,\n type ReleaseBranch,\n} from '../../constants/release-branch'\nimport { LOGO, LOGO_TYPE, type LogoType } from '../constants'\n\ntype LogoHeaderProps = {\n type: LogoType\n releaseBranch?: ReleaseBranch\n} & React.ImgHTMLAttributes<HTMLImageElement>\n\nconst LogoHeader: React.FC<LogoHeaderProps> & { Type: typeof LOGO_TYPE } = ({\n type = LOGO_TYPE.default,\n releaseBranch = RELEASE_BRANCH.master,\n ...props\n}) => {\n const logoSrc = pathUtil.selectLogoPath(LOGO.footer, releaseBranch, type)\n\n return (\n // biome-ignore lint/performance/noImgElement: use next image later\n <img\n className={clsx(\n 'w-[232px] h-[25px]',\n 'desktop:w-[272px] desktop:h-[29px]'\n )}\n alt=\"The Reporter Logo\"\n src={logoSrc}\n {...props}\n />\n )\n}\n\nLogoHeader.Type = LOGO_TYPE\n\nexport default LogoHeader\n","import LogoHeader from './components/logo-header'\nimport LogoSymbol from './components/logo-symbol'\nimport LogoFooter from './components/logo-footer'\n\nexport default {\n LogoHeader,\n LogoSymbol,\n LogoFooter,\n}\n\nexport { LogoHeader, LogoSymbol, LogoFooter }\n"],"mappings":";;;;;;;;;AAGA,MAAM,aAAa;AAEnB,SAAS,eACP,MACA,QACA,MACA;AACA,SAAQ,MAAR;EACE,KAAK,UAAU;GACb,MAAM,cAAc,GAAG,WAAW,cAAc,OAAO;GACvD,MAAM,YAAY,GAAG,WAAW,oBAAoB,OAAO;AAC3D,UAAO,SAAS,UAAU,YAAY;;EAExC,KAAK,SAKH,QAJa;GACX,SAAS,GAAG,WAAW,cAAc,OAAO;GAC5C,OAAO,GAAG,WAAW,oBAAoB,OAAO;GACjD,CACW;EAEd,KAAK,SAMH,QALa;GACX,SAAS,GAAG,WAAW,sBAAsB,OAAO;GACpD,OAAO,GAAG,WAAW,oBAAoB,OAAO;GAChD,OAAO,GAAG,WAAW,oBAAoB,OAAO;GACjD,CACW;EAEd,KAAK,mBACH,QAAO,GAAG,WAAW,wBAAwB,OAAO;EAEtD,QACE,QAAO;;;AAKb,mBAAe,EACb,gBACD;;;;AC3BD,MAAMA,gBAAsE,EAC1E,OAAOC,4BAAU,SACjB,gBAAgBC,sCAAe,OAC/B,GAAG,YACC;CACJ,MAAM,UAAUC,aAAS,eAAeC,uBAAK,QAAQ,eAAe,KAAK;AAEzE,QAEE,2CAAC;EAAI,KAAI;EAAoB,KAAK;EAAS,GAAI;GAAS;;AAI5D,aAAW,OAAOH;AAElB,0BAAeI;;;;ACff,MAAMC,cAED,EACH,OAAOC,mCAAiB,SACxB,gBAAgBC,sCAAe,OAC/B,GAAG,YACC;CACJ,MAAM,UAAUC,aAAS,eAAeC,uBAAK,QAAQ,eAAe,KAAK;AAEzE,QAEE,2CAAC;EAAI,KAAI;EAAoB,KAAK;EAAS,GAAI;GAAS;;AAI5D,WAAW,OAAOH;AAElB,0BAAe;;;;AChBf,MAAMI,cAAsE,EAC1E,OAAOC,4BAAU,SACjB,gBAAgBC,sCAAe,OAC/B,GAAG,YACC;CACJ,MAAM,UAAUC,aAAS,eAAeC,uBAAK,QAAQ,eAAe,KAAK;AAEzE,QAEE,2CAAC;EACC,6BACE,sBACA,qCACD;EACD,KAAI;EACJ,KAAK;EACL,GAAI;GACJ;;AAIN,WAAW,OAAOH;AAElB,0BAAe;;;;ACnCf,mBAAe;CACb;CACA;CACA;CACD"}
@@ -1,6 +1,6 @@
1
1
  import { internal_link_default } from "./internal-link-DCXJvzgx.mjs";
2
2
  import { RELEASE_BRANCH } from "./release-branch-DNCD1uH_.mjs";
3
- import { logo_footer_default } from "./logo-NfYCtrtN.mjs";
3
+ import { logo_footer_default } from "./logo-CBWWiQoO.mjs";
4
4
  import { useState } from "react";
5
5
  import { jsx } from "react/jsx-runtime";
6
6
 
@@ -21,4 +21,4 @@ var logo_default = Logo;
21
21
 
22
22
  //#endregion
23
23
  export { logo_default };
24
- //# sourceMappingURL=logo-CumKSrK5.mjs.map
24
+ //# sourceMappingURL=logo-mBe4a2OP.mjs.map