@twreporter/react-typescript-components 0.1.0-beta.10

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 (240) hide show
  1. package/README.md +74 -0
  2. package/lib/button/constants.d.mts +3 -0
  3. package/lib/button/constants.d.ts +3 -0
  4. package/lib/button/constants.js +5 -0
  5. package/lib/button/constants.mjs +3 -0
  6. package/lib/button/index.d.mts +160 -0
  7. package/lib/button/index.d.ts +160 -0
  8. package/lib/button/index.js +13 -0
  9. package/lib/button/index.mjs +7 -0
  10. package/lib/button-DFLYlJJW.js +630 -0
  11. package/lib/button-DFLYlJJW.js.map +1 -0
  12. package/lib/button-DyUYGG90.mjs +591 -0
  13. package/lib/button-DyUYGG90.mjs.map +1 -0
  14. package/lib/chunk-BxBTb9qk.js +39 -0
  15. package/lib/constants/external-links.d.mts +16 -0
  16. package/lib/constants/external-links.d.ts +16 -0
  17. package/lib/constants/external-links.js +3 -0
  18. package/lib/constants/external-links.mjs +3 -0
  19. package/lib/constants/internal-links.d.mts +51 -0
  20. package/lib/constants/internal-links.d.ts +51 -0
  21. package/lib/constants/internal-links.js +3 -0
  22. package/lib/constants/internal-links.mjs +3 -0
  23. package/lib/constants/release-branch.d.mts +3 -0
  24. package/lib/constants/release-branch.d.ts +3 -0
  25. package/lib/constants/release-branch.js +3 -0
  26. package/lib/constants/release-branch.mjs +3 -0
  27. package/lib/constants/request-origins.d.mts +68 -0
  28. package/lib/constants/request-origins.d.ts +68 -0
  29. package/lib/constants/request-origins.js +47 -0
  30. package/lib/constants/request-origins.js.map +1 -0
  31. package/lib/constants/request-origins.mjs +46 -0
  32. package/lib/constants/request-origins.mjs.map +1 -0
  33. package/lib/constants/theme.d.mts +3 -0
  34. package/lib/constants/theme.d.ts +3 -0
  35. package/lib/constants/theme.js +3 -0
  36. package/lib/constants/theme.mjs +3 -0
  37. package/lib/constants-2TRY2zTK.js +38 -0
  38. package/lib/constants-2TRY2zTK.js.map +1 -0
  39. package/lib/constants-BS3rPbaX.d.ts +17 -0
  40. package/lib/constants-BWFuBApI.mjs +14 -0
  41. package/lib/constants-BWFuBApI.mjs.map +1 -0
  42. package/lib/constants-B_NgWFML.d.ts +24 -0
  43. package/lib/constants-BmxSMOOn.js +36 -0
  44. package/lib/constants-BmxSMOOn.js.map +1 -0
  45. package/lib/constants-BqeEbkVD.mjs +20 -0
  46. package/lib/constants-BqeEbkVD.mjs.map +1 -0
  47. package/lib/constants-BswaTS-y.d.mts +29 -0
  48. package/lib/constants-Bz-ufaJ2.js +39 -0
  49. package/lib/constants-Bz-ufaJ2.js.map +1 -0
  50. package/lib/constants-CEyUZ-jZ.d.mts +11 -0
  51. package/lib/constants-CMMcn0f-.d.ts +11 -0
  52. package/lib/constants-CQscYQcW.mjs +25 -0
  53. package/lib/constants-CQscYQcW.mjs.map +1 -0
  54. package/lib/constants-DF_II8Fz.js +43 -0
  55. package/lib/constants-DF_II8Fz.js.map +1 -0
  56. package/lib/constants-DNr36wyK.d.mts +24 -0
  57. package/lib/constants-DQxcqnYL.d.ts +29 -0
  58. package/lib/constants-DRyQ6AuU.js +15 -0
  59. package/lib/constants-DRyQ6AuU.js.map +1 -0
  60. package/lib/constants-K2ObjToq.js +26 -0
  61. package/lib/constants-K2ObjToq.js.map +1 -0
  62. package/lib/constants-OhAETTiQ.d.mts +17 -0
  63. package/lib/constants-QF71lY6v.mjs +34 -0
  64. package/lib/constants-QF71lY6v.mjs.map +1 -0
  65. package/lib/constants-gCmka4Fp.d.ts +22 -0
  66. package/lib/constants-jYAxSTFp.d.mts +22 -0
  67. package/lib/constants-oTHAnh6r.mjs +18 -0
  68. package/lib/constants-oTHAnh6r.mjs.map +1 -0
  69. package/lib/constants-t0lkfgqP.mjs +9 -0
  70. package/lib/constants-t0lkfgqP.mjs.map +1 -0
  71. package/lib/context-BCesW3fW.mjs +24 -0
  72. package/lib/context-BCesW3fW.mjs.map +1 -0
  73. package/lib/context-Bvr0Qj2x.js +37 -0
  74. package/lib/context-Bvr0Qj2x.js.map +1 -0
  75. package/lib/customized-link/external-link.d.mts +3 -0
  76. package/lib/customized-link/external-link.d.ts +3 -0
  77. package/lib/customized-link/external-link.js +3 -0
  78. package/lib/customized-link/external-link.mjs +3 -0
  79. package/lib/customized-link/index.d.mts +13 -0
  80. package/lib/customized-link/index.d.ts +13 -0
  81. package/lib/customized-link/index.js +8 -0
  82. package/lib/customized-link/index.mjs +5 -0
  83. package/lib/customized-link/internal-link.d.mts +3 -0
  84. package/lib/customized-link/internal-link.d.ts +3 -0
  85. package/lib/customized-link/internal-link.js +6 -0
  86. package/lib/customized-link/internal-link.mjs +6 -0
  87. package/lib/customized-link/type.d.mts +2 -0
  88. package/lib/customized-link/type.d.ts +2 -0
  89. package/lib/customized-link/type.js +0 -0
  90. package/lib/customized-link/type.mjs +1 -0
  91. package/lib/customized-link-BkuKVCKQ.mjs +12 -0
  92. package/lib/customized-link-BkuKVCKQ.mjs.map +1 -0
  93. package/lib/customized-link-CK7Xlgdt.js +17 -0
  94. package/lib/customized-link-CK7Xlgdt.js.map +1 -0
  95. package/lib/divider/constants.d.mts +3 -0
  96. package/lib/divider/constants.d.ts +3 -0
  97. package/lib/divider/constants.js +3 -0
  98. package/lib/divider/constants.mjs +3 -0
  99. package/lib/divider/index.d.mts +15 -0
  100. package/lib/divider/index.d.ts +15 -0
  101. package/lib/divider/index.js +6 -0
  102. package/lib/divider/index.mjs +4 -0
  103. package/lib/divider-Bb3tebJO.mjs +15 -0
  104. package/lib/divider-Bb3tebJO.mjs.map +1 -0
  105. package/lib/divider-b3Shh7FV.js +29 -0
  106. package/lib/divider-b3Shh7FV.js.map +1 -0
  107. package/lib/dropdown-menu/index.d.mts +17 -0
  108. package/lib/dropdown-menu/index.d.ts +17 -0
  109. package/lib/dropdown-menu/index.js +14 -0
  110. package/lib/dropdown-menu/index.mjs +14 -0
  111. package/lib/dropdown-menu-CCtPuYyJ.js +150 -0
  112. package/lib/dropdown-menu-CCtPuYyJ.js.map +1 -0
  113. package/lib/dropdown-menu-Cil4RtSK.mjs +117 -0
  114. package/lib/dropdown-menu-Cil4RtSK.mjs.map +1 -0
  115. package/lib/external-link-2XoC1_oL.d.ts +9 -0
  116. package/lib/external-link-BUhvS4ry.d.mts +9 -0
  117. package/lib/external-link-CEDvlQYo.js +23 -0
  118. package/lib/external-link-CEDvlQYo.js.map +1 -0
  119. package/lib/external-link-Cx9S31Ye.mjs +16 -0
  120. package/lib/external-link-Cx9S31Ye.mjs.map +1 -0
  121. package/lib/external-links-2b4M_rcA.mjs +17 -0
  122. package/lib/external-links-2b4M_rcA.mjs.map +1 -0
  123. package/lib/external-links-SfJjb48j.js +23 -0
  124. package/lib/external-links-SfJjb48j.js.map +1 -0
  125. package/lib/hamburger-menu/index.d.mts +7 -0
  126. package/lib/hamburger-menu/index.d.ts +6 -0
  127. package/lib/hamburger-menu/index.js +22 -0
  128. package/lib/hamburger-menu/index.mjs +22 -0
  129. package/lib/hamburger-menu-BZ1hA7l5.mjs +472 -0
  130. package/lib/hamburger-menu-BZ1hA7l5.mjs.map +1 -0
  131. package/lib/hamburger-menu-Bd_wmcAB.js +487 -0
  132. package/lib/hamburger-menu-Bd_wmcAB.js.map +1 -0
  133. package/lib/header/index.d.mts +26 -0
  134. package/lib/header/index.d.ts +25 -0
  135. package/lib/header/index.js +465 -0
  136. package/lib/header/index.js.map +1 -0
  137. package/lib/header/index.mjs +459 -0
  138. package/lib/header/index.mjs.map +1 -0
  139. package/lib/heading-CFSkTbdH.mjs +37 -0
  140. package/lib/heading-CFSkTbdH.mjs.map +1 -0
  141. package/lib/heading-DFzj2z0V.js +75 -0
  142. package/lib/heading-DFzj2z0V.js.map +1 -0
  143. package/lib/icons/constants.d.mts +3 -0
  144. package/lib/icons/constants.d.ts +3 -0
  145. package/lib/icons/constants.js +5 -0
  146. package/lib/icons/constants.mjs +3 -0
  147. package/lib/icons/index.d.mts +43 -0
  148. package/lib/icons/index.d.ts +43 -0
  149. package/lib/icons/index.js +15 -0
  150. package/lib/icons/index.mjs +5 -0
  151. package/lib/icons-DF-7dKxN.js +128 -0
  152. package/lib/icons-DF-7dKxN.js.map +1 -0
  153. package/lib/icons-DguoV48M.mjs +60 -0
  154. package/lib/icons-DguoV48M.mjs.map +1 -0
  155. package/lib/index-BmIgLA0K.d.mts +5 -0
  156. package/lib/index-H3peA2d_.d.ts +5 -0
  157. package/lib/internal-link-CqTu3Yi5.js +2278 -0
  158. package/lib/internal-link-CqTu3Yi5.js.map +1 -0
  159. package/lib/internal-link-D8jJal8P.d.mts +9 -0
  160. package/lib/internal-link-DCSEl1jM.d.ts +9 -0
  161. package/lib/internal-link-NQb751uB.mjs +2299 -0
  162. package/lib/internal-link-NQb751uB.mjs.map +1 -0
  163. package/lib/internal-links-BF-974mA.mjs +52 -0
  164. package/lib/internal-links-BF-974mA.mjs.map +1 -0
  165. package/lib/internal-links-CBkMU8cY.js +58 -0
  166. package/lib/internal-links-CBkMU8cY.js.map +1 -0
  167. package/lib/logo/constants.d.mts +3 -0
  168. package/lib/logo/constants.d.ts +3 -0
  169. package/lib/logo/constants.js +5 -0
  170. package/lib/logo/constants.mjs +3 -0
  171. package/lib/logo/index.d.mts +42 -0
  172. package/lib/logo/index.d.ts +42 -0
  173. package/lib/logo/index.js +8 -0
  174. package/lib/logo/index.mjs +5 -0
  175. package/lib/logo-CC5oU9Qb.mjs +64 -0
  176. package/lib/logo-CC5oU9Qb.mjs.map +1 -0
  177. package/lib/logo-D4M-1sGD.js +83 -0
  178. package/lib/logo-D4M-1sGD.js.map +1 -0
  179. package/lib/paragraph-BWXQNQtX.mjs +30 -0
  180. package/lib/paragraph-BWXQNQtX.mjs.map +1 -0
  181. package/lib/paragraph-CJvb0_cM.js +56 -0
  182. package/lib/paragraph-CJvb0_cM.js.map +1 -0
  183. package/lib/release-branch-CRZV4Ivz.js +18 -0
  184. package/lib/release-branch-CRZV4Ivz.js.map +1 -0
  185. package/lib/release-branch-CsBbhuYE.d.ts +14 -0
  186. package/lib/release-branch-DNCD1uH_.mjs +12 -0
  187. package/lib/release-branch-DNCD1uH_.mjs.map +1 -0
  188. package/lib/release-branch-DZwlCiWD.d.mts +14 -0
  189. package/lib/styles.css +1599 -0
  190. package/lib/tab-bar/constants.d.mts +16 -0
  191. package/lib/tab-bar/constants.d.ts +16 -0
  192. package/lib/tab-bar/constants.js +7 -0
  193. package/lib/tab-bar/constants.mjs +7 -0
  194. package/lib/tab-bar/index.d.mts +10 -0
  195. package/lib/tab-bar/index.d.ts +9 -0
  196. package/lib/tab-bar/index.js +18 -0
  197. package/lib/tab-bar/index.mjs +18 -0
  198. package/lib/tab-bar/theme.d.mts +10 -0
  199. package/lib/tab-bar/theme.d.ts +10 -0
  200. package/lib/tab-bar/theme.js +4 -0
  201. package/lib/tab-bar/theme.mjs +4 -0
  202. package/lib/tab-bar-CBL2tDXk.mjs +62 -0
  203. package/lib/tab-bar-CBL2tDXk.mjs.map +1 -0
  204. package/lib/tab-bar-ZRrpziiN.js +78 -0
  205. package/lib/tab-bar-ZRrpziiN.js.map +1 -0
  206. package/lib/text/constants.d.mts +3 -0
  207. package/lib/text/constants.d.ts +3 -0
  208. package/lib/text/constants.js +4 -0
  209. package/lib/text/constants.mjs +3 -0
  210. package/lib/text/heading.d.mts +31 -0
  211. package/lib/text/heading.d.ts +31 -0
  212. package/lib/text/heading.js +9 -0
  213. package/lib/text/heading.mjs +4 -0
  214. package/lib/text/paragraph.d.mts +25 -0
  215. package/lib/text/paragraph.d.ts +25 -0
  216. package/lib/text/paragraph.js +7 -0
  217. package/lib/text/paragraph.mjs +4 -0
  218. package/lib/theme-BDGfJ8n-.d.ts +13 -0
  219. package/lib/theme-BErS2Qs6.mjs +13 -0
  220. package/lib/theme-BErS2Qs6.mjs.map +1 -0
  221. package/lib/theme-BG6yZVj-.mjs +11 -0
  222. package/lib/theme-BG6yZVj-.mjs.map +1 -0
  223. package/lib/theme-BPB1kPtQ.js +18 -0
  224. package/lib/theme-BPB1kPtQ.js.map +1 -0
  225. package/lib/theme-ClamfAy8.d.mts +13 -0
  226. package/lib/theme-DDBlIbeS.js +17 -0
  227. package/lib/theme-DDBlIbeS.js.map +1 -0
  228. package/lib/title-bar/index.d.mts +58 -0
  229. package/lib/title-bar/index.d.ts +58 -0
  230. package/lib/title-bar/index.js +153 -0
  231. package/lib/title-bar/index.js.map +1 -0
  232. package/lib/title-bar/index.mjs +145 -0
  233. package/lib/title-bar/index.mjs.map +1 -0
  234. package/lib/type-C4hJK9H9.d.ts +11 -0
  235. package/lib/type-FR-fOZvz.d.mts +11 -0
  236. package/lib/types/index.d.mts +2 -0
  237. package/lib/types/index.d.ts +2 -0
  238. package/lib/types/index.js +0 -0
  239. package/lib/types/index.mjs +1 -0
  240. package/package.json +53 -0
@@ -0,0 +1,5 @@
1
+ const require_constants = require('../constants-DF_II8Fz.js');
2
+
3
+ exports.ARROW_DIRECTION = require_constants.ARROW_DIRECTION;
4
+ exports.ICON_TYPE = require_constants.ICON_TYPE;
5
+ exports.MEDIA_TYPE = require_constants.MEDIA_TYPE;
@@ -0,0 +1,3 @@
1
+ import { ARROW_DIRECTION, ICON_TYPE, MEDIA_TYPE } from "../constants-CQscYQcW.mjs";
2
+
3
+ export { ARROW_DIRECTION, ICON_TYPE, MEDIA_TYPE };
@@ -0,0 +1,43 @@
1
+ import "../index-BmIgLA0K.mjs";
2
+ import { RELEASE_BRANCH, ReleaseBranch } from "../release-branch-DZwlCiWD.mjs";
3
+ import { ARROW_DIRECTION, ArrowDirection, ICON_TYPE, IconType, MEDIA_TYPE, MediaType } from "../constants-BswaTS-y.mjs";
4
+ import React from "react";
5
+ import * as react_jsx_runtime0 from "react/jsx-runtime";
6
+
7
+ //#region src/icons/index.d.ts
8
+ type IconProps = {
9
+ type?: IconType;
10
+ filename: string;
11
+ releaseBranch?: ReleaseBranch;
12
+ className?: string;
13
+ };
14
+ declare const Icon: React.FC<IconProps> & {
15
+ Type: typeof ICON_TYPE;
16
+ ReleaseBranch: typeof RELEASE_BRANCH;
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;
26
+ declare const Arrow: React.FC<{
27
+ direction?: ArrowDirection;
28
+ releaseBranch: ReleaseBranch;
29
+ }> & {
30
+ Direction: typeof ARROW_DIRECTION;
31
+ };
32
+ type SocialMediaProps = {
33
+ type?: IconType;
34
+ mediaType: MediaType;
35
+ releaseBranch: ReleaseBranch;
36
+ };
37
+ declare const SocialMedia: React.FC<SocialMediaProps> & {
38
+ Type: typeof ICON_TYPE;
39
+ MediaType: typeof MEDIA_TYPE;
40
+ };
41
+ //#endregion
42
+ export { Arrow, Clock, Cross, Hamburger, Home, Icon, KidStar, Member, Search, SocialMedia, Topic };
43
+ //# sourceMappingURL=index.d.mts.map
@@ -0,0 +1,43 @@
1
+ import "../index-H3peA2d_.js";
2
+ import { RELEASE_BRANCH, ReleaseBranch } from "../release-branch-CsBbhuYE.js";
3
+ import { ARROW_DIRECTION, ArrowDirection, ICON_TYPE, IconType, MEDIA_TYPE, MediaType } from "../constants-DQxcqnYL.js";
4
+ import React from "react";
5
+ import * as react_jsx_runtime0 from "react/jsx-runtime";
6
+
7
+ //#region src/icons/index.d.ts
8
+ type IconProps = {
9
+ type?: IconType;
10
+ filename: string;
11
+ releaseBranch?: ReleaseBranch;
12
+ className?: string;
13
+ };
14
+ declare const Icon: React.FC<IconProps> & {
15
+ Type: typeof ICON_TYPE;
16
+ ReleaseBranch: typeof RELEASE_BRANCH;
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;
26
+ declare const Arrow: React.FC<{
27
+ direction?: ArrowDirection;
28
+ releaseBranch: ReleaseBranch;
29
+ }> & {
30
+ Direction: typeof ARROW_DIRECTION;
31
+ };
32
+ type SocialMediaProps = {
33
+ type?: IconType;
34
+ mediaType: MediaType;
35
+ releaseBranch: ReleaseBranch;
36
+ };
37
+ declare const SocialMedia: React.FC<SocialMediaProps> & {
38
+ Type: typeof ICON_TYPE;
39
+ MediaType: typeof MEDIA_TYPE;
40
+ };
41
+ //#endregion
42
+ export { Arrow, Clock, Cross, Hamburger, Home, Icon, KidStar, Member, Search, SocialMedia, Topic };
43
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1,15 @@
1
+ require('../release-branch-CRZV4Ivz.js');
2
+ require('../constants-DF_II8Fz.js');
3
+ const require_icons = require('../icons-DF-7dKxN.js');
4
+
5
+ exports.Arrow = require_icons.Arrow;
6
+ exports.Clock = require_icons.Clock;
7
+ exports.Cross = require_icons.Cross;
8
+ exports.Hamburger = require_icons.Hamburger;
9
+ exports.Home = require_icons.Home;
10
+ exports.Icon = require_icons.Icon;
11
+ exports.KidStar = require_icons.KidStar;
12
+ exports.Member = require_icons.Member;
13
+ exports.Search = require_icons.Search;
14
+ exports.SocialMedia = require_icons.SocialMedia;
15
+ exports.Topic = require_icons.Topic;
@@ -0,0 +1,5 @@
1
+ import "../release-branch-DNCD1uH_.mjs";
2
+ import "../constants-CQscYQcW.mjs";
3
+ import { Arrow, Clock, Cross, Hamburger, Home, Icon, KidStar, Member, Search, SocialMedia, Topic } from "../icons-DguoV48M.mjs";
4
+
5
+ export { Arrow, Clock, Cross, Hamburger, Home, Icon, KidStar, Member, Search, SocialMedia, Topic };
@@ -0,0 +1,128 @@
1
+ const require_chunk = require('./chunk-BxBTb9qk.js');
2
+ const require_release_branch = require('./release-branch-CRZV4Ivz.js');
3
+ const require_constants = require('./constants-DF_II8Fz.js');
4
+ let clsx = require("clsx");
5
+ clsx = require_chunk.__toESM(clsx);
6
+ let react_jsx_runtime = require("react/jsx-runtime");
7
+ react_jsx_runtime = require_chunk.__toESM(react_jsx_runtime);
8
+
9
+ //#region src/icons/index.tsx
10
+ const baseGCSDir = "https://www.twreporter.org/assets/icon/";
11
+ const Icon = ({ type = require_constants.ICON_TYPE.mask, filename, releaseBranch = require_release_branch.RELEASE_BRANCH.master, className = "" }) => {
12
+ const src = `${baseGCSDir}${releaseBranch}/${filename}.svg`;
13
+ if (type === require_constants.ICON_TYPE.raw) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
14
+ src,
15
+ alt: filename,
16
+ className: (0, clsx.default)("h-[24px] w-[24px]", className)
17
+ });
18
+ return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
19
+ className: (0, clsx.default)("h-[24px] w-[24px] bg-gray-black mask-cover", className),
20
+ style: {
21
+ maskImage: `url(${src})`,
22
+ WebkitMaskImage: `url(${src})`
23
+ }
24
+ });
25
+ };
26
+ Icon.Type = require_constants.ICON_TYPE;
27
+ Icon.ReleaseBranch = require_release_branch.RELEASE_BRANCH;
28
+ const getIcon = (gcsFileName, releaseBranch) => {
29
+ return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, {
30
+ filename: gcsFileName,
31
+ releaseBranch,
32
+ type: require_constants.ICON_TYPE.mask
33
+ });
34
+ };
35
+ const Hamburger = (releaseBranch) => getIcon("hamburger", releaseBranch);
36
+ const Search = (releaseBranch) => getIcon("search", releaseBranch);
37
+ const KidStar = (releaseBranch) => getIcon("kid_star", releaseBranch);
38
+ const Member = (releaseBranch) => getIcon("member", releaseBranch);
39
+ const Cross = (releaseBranch) => getIcon("cross", releaseBranch);
40
+ const Home = (releaseBranch) => getIcon("home", releaseBranch);
41
+ const Topic = (releaseBranch) => getIcon("topic", releaseBranch);
42
+ const Clock = (releaseBranch) => getIcon("clock", releaseBranch);
43
+ const Arrow = ({ direction = require_constants.ARROW_DIRECTION.right, releaseBranch }) => {
44
+ const filename = `arrow_${direction}`;
45
+ return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, {
46
+ filename,
47
+ releaseBranch
48
+ });
49
+ };
50
+ Arrow.Direction = require_constants.ARROW_DIRECTION;
51
+ const SocialMedia = ({ type = Icon.Type.mask, mediaType = require_constants.MEDIA_TYPE.google, releaseBranch = Icon.ReleaseBranch.master }) => {
52
+ return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, {
53
+ filename: mediaType,
54
+ type,
55
+ releaseBranch
56
+ });
57
+ };
58
+ SocialMedia.Type = require_constants.ICON_TYPE;
59
+ SocialMedia.MediaType = require_constants.MEDIA_TYPE;
60
+
61
+ //#endregion
62
+ Object.defineProperty(exports, 'Arrow', {
63
+ enumerable: true,
64
+ get: function () {
65
+ return Arrow;
66
+ }
67
+ });
68
+ Object.defineProperty(exports, 'Clock', {
69
+ enumerable: true,
70
+ get: function () {
71
+ return Clock;
72
+ }
73
+ });
74
+ Object.defineProperty(exports, 'Cross', {
75
+ enumerable: true,
76
+ get: function () {
77
+ return Cross;
78
+ }
79
+ });
80
+ Object.defineProperty(exports, 'Hamburger', {
81
+ enumerable: true,
82
+ get: function () {
83
+ return Hamburger;
84
+ }
85
+ });
86
+ Object.defineProperty(exports, 'Home', {
87
+ enumerable: true,
88
+ get: function () {
89
+ return Home;
90
+ }
91
+ });
92
+ Object.defineProperty(exports, 'Icon', {
93
+ enumerable: true,
94
+ get: function () {
95
+ return Icon;
96
+ }
97
+ });
98
+ Object.defineProperty(exports, 'KidStar', {
99
+ enumerable: true,
100
+ get: function () {
101
+ return KidStar;
102
+ }
103
+ });
104
+ Object.defineProperty(exports, 'Member', {
105
+ enumerable: true,
106
+ get: function () {
107
+ return Member;
108
+ }
109
+ });
110
+ Object.defineProperty(exports, 'Search', {
111
+ enumerable: true,
112
+ get: function () {
113
+ return Search;
114
+ }
115
+ });
116
+ Object.defineProperty(exports, 'SocialMedia', {
117
+ enumerable: true,
118
+ get: function () {
119
+ return SocialMedia;
120
+ }
121
+ });
122
+ Object.defineProperty(exports, 'Topic', {
123
+ enumerable: true,
124
+ get: function () {
125
+ return Topic;
126
+ }
127
+ });
128
+ //# sourceMappingURL=icons-DF-7dKxN.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"icons-DF-7dKxN.js","names":["Icon: React.FC<IconProps> & {\n Type: typeof ICON_TYPE\n ReleaseBranch: typeof RELEASE_BRANCH\n}","ICON_TYPE","RELEASE_BRANCH","Arrow: React.FC<{\n direction?: ArrowDirection\n releaseBranch: ReleaseBranch\n}> & {\n Direction: typeof ARROW_DIRECTION\n}","ARROW_DIRECTION","SocialMedia: React.FC<SocialMediaProps> & {\n Type: typeof ICON_TYPE\n MediaType: typeof MEDIA_TYPE\n}","MEDIA_TYPE"],"sources":["../src/icons/index.tsx"],"sourcesContent":["import type React from 'react'\nimport clsx from 'clsx'\n\nimport { RELEASE_BRANCH, type ReleaseBranch } from '../constants/release-branch'\nimport {\n ICON_TYPE,\n type IconType,\n ARROW_DIRECTION,\n type ArrowDirection,\n MEDIA_TYPE,\n type MediaType,\n} from './constants'\n\nconst baseGCSDir = 'https://www.twreporter.org/assets/icon/'\n\ntype IconProps = {\n type?: IconType\n filename: string\n releaseBranch?: ReleaseBranch\n className?: string\n}\nexport const Icon: React.FC<IconProps> & {\n Type: typeof ICON_TYPE\n ReleaseBranch: typeof RELEASE_BRANCH\n} = ({\n type = ICON_TYPE.mask,\n filename,\n releaseBranch = RELEASE_BRANCH.master,\n className = '',\n}) => {\n const src = `${baseGCSDir}${releaseBranch}/${filename}.svg`\n\n if (type === ICON_TYPE.raw) {\n return (\n // biome-ignore lint/performance/noImgElement: use next image later\n <img\n src={src}\n alt={filename}\n className={clsx('h-[24px] w-[24px]', className)}\n />\n )\n }\n\n return (\n <svg\n className={clsx('h-[24px] w-[24px] bg-gray-black mask-cover', className)}\n // tailwindcss seems not support dynamic values in mask-image\n style={{ maskImage: `url(${src})`, WebkitMaskImage: `url(${src})` }}\n />\n )\n}\n\nIcon.Type = ICON_TYPE\nIcon.ReleaseBranch = RELEASE_BRANCH\n\nconst getIcon = (gcsFileName: string, releaseBranch: ReleaseBranch) => {\n return (\n <Icon\n filename={gcsFileName}\n releaseBranch={releaseBranch}\n type={ICON_TYPE.mask}\n />\n )\n}\n\nexport const Hamburger = (releaseBranch: ReleaseBranch) =>\n getIcon('hamburger', releaseBranch)\nexport const Search = (releaseBranch: ReleaseBranch) =>\n getIcon('search', releaseBranch)\nexport const KidStar = (releaseBranch: ReleaseBranch) =>\n getIcon('kid_star', releaseBranch)\nexport const Member = (releaseBranch: ReleaseBranch) =>\n getIcon('member', releaseBranch)\nexport const Cross = (releaseBranch: ReleaseBranch) =>\n getIcon('cross', releaseBranch)\nexport const Home = (releaseBranch: ReleaseBranch) =>\n getIcon('home', releaseBranch)\nexport const Topic = (releaseBranch: ReleaseBranch) =>\n getIcon('topic', releaseBranch)\nexport const Clock = (releaseBranch: ReleaseBranch) =>\n getIcon('clock', releaseBranch)\n\nexport const Arrow: React.FC<{\n direction?: ArrowDirection\n releaseBranch: ReleaseBranch\n}> & {\n Direction: typeof ARROW_DIRECTION\n} = ({ direction = ARROW_DIRECTION.right, releaseBranch }) => {\n const filename = `arrow_${direction}`\n return <Icon filename={filename} releaseBranch={releaseBranch} />\n}\nArrow.Direction = ARROW_DIRECTION\n\ntype SocialMediaProps = {\n type?: IconType\n mediaType: MediaType\n releaseBranch: ReleaseBranch\n}\nexport const SocialMedia: React.FC<SocialMediaProps> & {\n Type: typeof ICON_TYPE\n MediaType: typeof MEDIA_TYPE\n} = ({\n type = Icon.Type.mask,\n mediaType = MEDIA_TYPE.google,\n releaseBranch = Icon.ReleaseBranch.master,\n}) => {\n return <Icon filename={mediaType} type={type} releaseBranch={releaseBranch} />\n}\nSocialMedia.Type = ICON_TYPE\nSocialMedia.MediaType = MEDIA_TYPE\n"],"mappings":";;;;;;;;;AAaA,MAAM,aAAa;AAQnB,MAAaA,QAGR,EACH,OAAOC,4BAAU,MACjB,UACA,gBAAgBC,sCAAe,QAC/B,YAAY,SACR;CACJ,MAAM,MAAM,GAAG,aAAa,cAAc,GAAG,SAAS;AAEtD,KAAI,SAASD,4BAAU,IACrB,QAEE,2CAAC;EACM;EACL,KAAK;EACL,6BAAgB,qBAAqB,UAAU;GAC/C;AAIN,QACE,2CAAC;EACC,6BAAgB,8CAA8C,UAAU;EAExE,OAAO;GAAE,WAAW,OAAO,IAAI;GAAI,iBAAiB,OAAO,IAAI;GAAI;GACnE;;AAIN,KAAK,OAAOA;AACZ,KAAK,gBAAgBC;AAErB,MAAM,WAAW,aAAqB,kBAAiC;AACrE,QACE,2CAAC;EACC,UAAU;EACK;EACf,MAAMD,4BAAU;GAChB;;AAIN,MAAa,aAAa,kBACxB,QAAQ,aAAa,cAAc;AACrC,MAAa,UAAU,kBACrB,QAAQ,UAAU,cAAc;AAClC,MAAa,WAAW,kBACtB,QAAQ,YAAY,cAAc;AACpC,MAAa,UAAU,kBACrB,QAAQ,UAAU,cAAc;AAClC,MAAa,SAAS,kBACpB,QAAQ,SAAS,cAAc;AACjC,MAAa,QAAQ,kBACnB,QAAQ,QAAQ,cAAc;AAChC,MAAa,SAAS,kBACpB,QAAQ,SAAS,cAAc;AACjC,MAAa,SAAS,kBACpB,QAAQ,SAAS,cAAc;AAEjC,MAAaE,SAKR,EAAE,YAAYC,kCAAgB,OAAO,oBAAoB;CAC5D,MAAM,WAAW,SAAS;AAC1B,QAAO,2CAAC;EAAe;EAAyB;GAAiB;;AAEnE,MAAM,YAAYA;AAOlB,MAAaC,eAGR,EACH,OAAO,KAAK,KAAK,MACjB,YAAYC,6BAAW,QACvB,gBAAgB,KAAK,cAAc,aAC/B;AACJ,QAAO,2CAAC;EAAK,UAAU;EAAiB;EAAqB;GAAiB;;AAEhF,YAAY,OAAOL;AACnB,YAAY,YAAYK"}
@@ -0,0 +1,60 @@
1
+ import { RELEASE_BRANCH } from "./release-branch-DNCD1uH_.mjs";
2
+ import { ARROW_DIRECTION, ICON_TYPE, MEDIA_TYPE } from "./constants-CQscYQcW.mjs";
3
+ import clsx from "clsx";
4
+ import { jsx } from "react/jsx-runtime";
5
+
6
+ //#region src/icons/index.tsx
7
+ const baseGCSDir = "https://www.twreporter.org/assets/icon/";
8
+ const Icon = ({ type = ICON_TYPE.mask, filename, releaseBranch = RELEASE_BRANCH.master, className = "" }) => {
9
+ const src = `${baseGCSDir}${releaseBranch}/${filename}.svg`;
10
+ if (type === ICON_TYPE.raw) return /* @__PURE__ */ jsx("img", {
11
+ src,
12
+ alt: filename,
13
+ className: clsx("h-[24px] w-[24px]", className)
14
+ });
15
+ return /* @__PURE__ */ jsx("svg", {
16
+ className: clsx("h-[24px] w-[24px] bg-gray-black mask-cover", className),
17
+ style: {
18
+ maskImage: `url(${src})`,
19
+ WebkitMaskImage: `url(${src})`
20
+ }
21
+ });
22
+ };
23
+ Icon.Type = ICON_TYPE;
24
+ Icon.ReleaseBranch = RELEASE_BRANCH;
25
+ const getIcon = (gcsFileName, releaseBranch) => {
26
+ return /* @__PURE__ */ jsx(Icon, {
27
+ filename: gcsFileName,
28
+ releaseBranch,
29
+ type: ICON_TYPE.mask
30
+ });
31
+ };
32
+ const Hamburger = (releaseBranch) => getIcon("hamburger", releaseBranch);
33
+ const Search = (releaseBranch) => getIcon("search", releaseBranch);
34
+ const KidStar = (releaseBranch) => getIcon("kid_star", releaseBranch);
35
+ const Member = (releaseBranch) => getIcon("member", releaseBranch);
36
+ const Cross = (releaseBranch) => getIcon("cross", releaseBranch);
37
+ const Home = (releaseBranch) => getIcon("home", releaseBranch);
38
+ const Topic = (releaseBranch) => getIcon("topic", releaseBranch);
39
+ const Clock = (releaseBranch) => getIcon("clock", releaseBranch);
40
+ const Arrow = ({ direction = ARROW_DIRECTION.right, releaseBranch }) => {
41
+ const filename = `arrow_${direction}`;
42
+ return /* @__PURE__ */ jsx(Icon, {
43
+ filename,
44
+ releaseBranch
45
+ });
46
+ };
47
+ Arrow.Direction = ARROW_DIRECTION;
48
+ const SocialMedia = ({ type = Icon.Type.mask, mediaType = MEDIA_TYPE.google, releaseBranch = Icon.ReleaseBranch.master }) => {
49
+ return /* @__PURE__ */ jsx(Icon, {
50
+ filename: mediaType,
51
+ type,
52
+ releaseBranch
53
+ });
54
+ };
55
+ SocialMedia.Type = ICON_TYPE;
56
+ SocialMedia.MediaType = MEDIA_TYPE;
57
+
58
+ //#endregion
59
+ export { Arrow, Clock, Cross, Hamburger, Home, Icon, KidStar, Member, Search, SocialMedia, Topic };
60
+ //# sourceMappingURL=icons-DguoV48M.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"icons-DguoV48M.mjs","names":["Icon: React.FC<IconProps> & {\n Type: typeof ICON_TYPE\n ReleaseBranch: typeof RELEASE_BRANCH\n}","Arrow: React.FC<{\n direction?: ArrowDirection\n releaseBranch: ReleaseBranch\n}> & {\n Direction: typeof ARROW_DIRECTION\n}","SocialMedia: React.FC<SocialMediaProps> & {\n Type: typeof ICON_TYPE\n MediaType: typeof MEDIA_TYPE\n}"],"sources":["../src/icons/index.tsx"],"sourcesContent":["import type React from 'react'\nimport clsx from 'clsx'\n\nimport { RELEASE_BRANCH, type ReleaseBranch } from '../constants/release-branch'\nimport {\n ICON_TYPE,\n type IconType,\n ARROW_DIRECTION,\n type ArrowDirection,\n MEDIA_TYPE,\n type MediaType,\n} from './constants'\n\nconst baseGCSDir = 'https://www.twreporter.org/assets/icon/'\n\ntype IconProps = {\n type?: IconType\n filename: string\n releaseBranch?: ReleaseBranch\n className?: string\n}\nexport const Icon: React.FC<IconProps> & {\n Type: typeof ICON_TYPE\n ReleaseBranch: typeof RELEASE_BRANCH\n} = ({\n type = ICON_TYPE.mask,\n filename,\n releaseBranch = RELEASE_BRANCH.master,\n className = '',\n}) => {\n const src = `${baseGCSDir}${releaseBranch}/${filename}.svg`\n\n if (type === ICON_TYPE.raw) {\n return (\n // biome-ignore lint/performance/noImgElement: use next image later\n <img\n src={src}\n alt={filename}\n className={clsx('h-[24px] w-[24px]', className)}\n />\n )\n }\n\n return (\n <svg\n className={clsx('h-[24px] w-[24px] bg-gray-black mask-cover', className)}\n // tailwindcss seems not support dynamic values in mask-image\n style={{ maskImage: `url(${src})`, WebkitMaskImage: `url(${src})` }}\n />\n )\n}\n\nIcon.Type = ICON_TYPE\nIcon.ReleaseBranch = RELEASE_BRANCH\n\nconst getIcon = (gcsFileName: string, releaseBranch: ReleaseBranch) => {\n return (\n <Icon\n filename={gcsFileName}\n releaseBranch={releaseBranch}\n type={ICON_TYPE.mask}\n />\n )\n}\n\nexport const Hamburger = (releaseBranch: ReleaseBranch) =>\n getIcon('hamburger', releaseBranch)\nexport const Search = (releaseBranch: ReleaseBranch) =>\n getIcon('search', releaseBranch)\nexport const KidStar = (releaseBranch: ReleaseBranch) =>\n getIcon('kid_star', releaseBranch)\nexport const Member = (releaseBranch: ReleaseBranch) =>\n getIcon('member', releaseBranch)\nexport const Cross = (releaseBranch: ReleaseBranch) =>\n getIcon('cross', releaseBranch)\nexport const Home = (releaseBranch: ReleaseBranch) =>\n getIcon('home', releaseBranch)\nexport const Topic = (releaseBranch: ReleaseBranch) =>\n getIcon('topic', releaseBranch)\nexport const Clock = (releaseBranch: ReleaseBranch) =>\n getIcon('clock', releaseBranch)\n\nexport const Arrow: React.FC<{\n direction?: ArrowDirection\n releaseBranch: ReleaseBranch\n}> & {\n Direction: typeof ARROW_DIRECTION\n} = ({ direction = ARROW_DIRECTION.right, releaseBranch }) => {\n const filename = `arrow_${direction}`\n return <Icon filename={filename} releaseBranch={releaseBranch} />\n}\nArrow.Direction = ARROW_DIRECTION\n\ntype SocialMediaProps = {\n type?: IconType\n mediaType: MediaType\n releaseBranch: ReleaseBranch\n}\nexport const SocialMedia: React.FC<SocialMediaProps> & {\n Type: typeof ICON_TYPE\n MediaType: typeof MEDIA_TYPE\n} = ({\n type = Icon.Type.mask,\n mediaType = MEDIA_TYPE.google,\n releaseBranch = Icon.ReleaseBranch.master,\n}) => {\n return <Icon filename={mediaType} type={type} releaseBranch={releaseBranch} />\n}\nSocialMedia.Type = ICON_TYPE\nSocialMedia.MediaType = MEDIA_TYPE\n"],"mappings":";;;;;;AAaA,MAAM,aAAa;AAQnB,MAAaA,QAGR,EACH,OAAO,UAAU,MACjB,UACA,gBAAgB,eAAe,QAC/B,YAAY,SACR;CACJ,MAAM,MAAM,GAAG,aAAa,cAAc,GAAG,SAAS;AAEtD,KAAI,SAAS,UAAU,IACrB,QAEE,oBAAC;EACM;EACL,KAAK;EACL,WAAW,KAAK,qBAAqB,UAAU;GAC/C;AAIN,QACE,oBAAC;EACC,WAAW,KAAK,8CAA8C,UAAU;EAExE,OAAO;GAAE,WAAW,OAAO,IAAI;GAAI,iBAAiB,OAAO,IAAI;GAAI;GACnE;;AAIN,KAAK,OAAO;AACZ,KAAK,gBAAgB;AAErB,MAAM,WAAW,aAAqB,kBAAiC;AACrE,QACE,oBAAC;EACC,UAAU;EACK;EACf,MAAM,UAAU;GAChB;;AAIN,MAAa,aAAa,kBACxB,QAAQ,aAAa,cAAc;AACrC,MAAa,UAAU,kBACrB,QAAQ,UAAU,cAAc;AAClC,MAAa,WAAW,kBACtB,QAAQ,YAAY,cAAc;AACpC,MAAa,UAAU,kBACrB,QAAQ,UAAU,cAAc;AAClC,MAAa,SAAS,kBACpB,QAAQ,SAAS,cAAc;AACjC,MAAa,QAAQ,kBACnB,QAAQ,QAAQ,cAAc;AAChC,MAAa,SAAS,kBACpB,QAAQ,SAAS,cAAc;AACjC,MAAa,SAAS,kBACpB,QAAQ,SAAS,cAAc;AAEjC,MAAaC,SAKR,EAAE,YAAY,gBAAgB,OAAO,oBAAoB;CAC5D,MAAM,WAAW,SAAS;AAC1B,QAAO,oBAAC;EAAe;EAAyB;GAAiB;;AAEnE,MAAM,YAAY;AAOlB,MAAaC,eAGR,EACH,OAAO,KAAK,KAAK,MACjB,YAAY,WAAW,QACvB,gBAAgB,KAAK,cAAc,aAC/B;AACJ,QAAO,oBAAC;EAAK,UAAU;EAAiB;EAAqB;GAAiB;;AAEhF,YAAY,OAAO;AACnB,YAAY,YAAY"}
@@ -0,0 +1,5 @@
1
+ //#region src/types/index.d.ts
2
+ type ValuesOf<T> = T[keyof T];
3
+ //#endregion
4
+ export { ValuesOf };
5
+ //# sourceMappingURL=index-BmIgLA0K.d.mts.map
@@ -0,0 +1,5 @@
1
+ //#region src/types/index.d.ts
2
+ type ValuesOf<T> = T[keyof T];
3
+ //#endregion
4
+ export { ValuesOf };
5
+ //# sourceMappingURL=index-H3peA2d_.d.ts.map