npm - @twreporter/react-typescript-components - Versions diffs - 0.1.0-beta.23 → 0.1.0-beta.24 - Mend

@twreporter/react-typescript-components 0.1.0-beta.23 → 0.1.0-beta.24

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 (350) hide show

package/lib/{action-links-B-kLE-JI.mjs → action-links-D_lFzUQn.mjs} RENAMED Viewed

@@ -1,6 +1,6 @@
 import { TYPE } from "./constants-oTHAnh6r.mjs";
-import { EXTERNAL_LINKS } from "./external-links-FfndTp-X.mjs";
-import { INTERNAL_LINKS } from "./internal-links-hIbZZEWd.mjs";
+import { EXTERNAL_LINKS } from "./external-links-TcghBJyz.mjs";
+import { INTERNAL_LINKS } from "./internal-links-DOdRudQQ.mjs";
 //#region src/header/constants/action-links.ts
 const HEADER_ACTION_LINKS = [{
@@ -28,4 +28,4 @@ const HAMBURGER_MENU_ACION_LINKS = [{
 //#endregion
 export { HAMBURGER_MENU_ACION_LINKS, HEADER_ACTION_LINKS };
-//# sourceMappingURL=action-links-B-kLE-JI.mjs.map
+//# sourceMappingURL=action-links-D_lFzUQn.mjs.map

package/lib/{action-links-B-kLE-JI.mjs.map → action-links-D_lFzUQn.mjs.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"action-links-~~B-kLE-JI~~.mjs","names":["HEADER_ACTION_LINKS: ActionLink[]","HAMBURGER_MENU_ACION_LINKS: ActionLink[]"],"sources":["../src/header/constants/action-links.ts"],"sourcesContent":["import { INTERNAL_LINKS } from '../../constants/internal-links'\nimport { EXTERNAL_LINKS } from '../../constants/external-links'\nimport type { LinkTarget } from '../../customized-link/type'\nimport { TYPE, type Type } from '../../button/constants'\n\ntype ActionLink = {\n label: string\n to: string\n target: LinkTarget\n type: Type\n}\n\nexport const HEADER_ACTION_LINKS: ActionLink[] = [\n {\n label: '電子報',\n to: INTERNAL_LINKS.account.emailSubscription,\n target: '_self' as LinkTarget,\n type: TYPE.secondary,\n },\n {\n label: '贊助',\n to: EXTERNAL_LINKS.monthlyDonation,\n target: '_blank',\n type: TYPE.primary,\n },\n]\n\nexport const HAMBURGER_MENU_ACION_LINKS: ActionLink[] = [\n {\n label: '訂閱電子報',\n to: INTERNAL_LINKS.account.emailSubscription,\n target: '_self',\n type: TYPE.secondary,\n },\n {\n label: '贊助我們',\n to: EXTERNAL_LINKS.monthlyDonation,\n target: '_blank',\n type: TYPE.primary,\n },\n]\n"],"mappings":";;;;;AAYA,MAAaA,sBAAoC,CAC/C;CACE,OAAO;CACP,IAAI,eAAe,QAAQ;CAC3B,QAAQ;CACR,MAAM,KAAK;CACZ,EACD;CACE,OAAO;CACP,IAAI,eAAe;CACnB,QAAQ;CACR,MAAM,KAAK;CACZ,CACF;AAED,MAAaC,6BAA2C,CACtD;CACE,OAAO;CACP,IAAI,eAAe,QAAQ;CAC3B,QAAQ;CACR,MAAM,KAAK;CACZ,EACD;CACE,OAAO;CACP,IAAI,eAAe;CACnB,QAAQ;CACR,MAAM,KAAK;CACZ,CACF"}
1	+ {"version":3,"file":"action-links-D_lFzUQn.mjs","names":["HEADER_ACTION_LINKS: ActionLink[]","HAMBURGER_MENU_ACION_LINKS: ActionLink[]"],"sources":["../src/header/constants/action-links.ts"],"sourcesContent":["import { INTERNAL_LINKS } from '../../constants/internal-links'\nimport { EXTERNAL_LINKS } from '../../constants/external-links'\nimport type { LinkTarget } from '../../customized-link/type'\nimport { TYPE, type Type } from '../../button/constants'\n\ntype ActionLink = {\n label: string\n to: string\n target: LinkTarget\n type: Type\n}\n\nexport const HEADER_ACTION_LINKS: ActionLink[] = [\n {\n label: '電子報',\n to: INTERNAL_LINKS.account.emailSubscription,\n target: '_self' as LinkTarget,\n type: TYPE.secondary,\n },\n {\n label: '贊助',\n to: EXTERNAL_LINKS.monthlyDonation,\n target: '_blank',\n type: TYPE.primary,\n },\n]\n\nexport const HAMBURGER_MENU_ACION_LINKS: ActionLink[] = [\n {\n label: '訂閱電子報',\n to: INTERNAL_LINKS.account.emailSubscription,\n target: '_self',\n type: TYPE.secondary,\n },\n {\n label: '贊助我們',\n to: EXTERNAL_LINKS.monthlyDonation,\n target: '_blank',\n type: TYPE.primary,\n },\n]\n"],"mappings":";;;;;AAYA,MAAaA,sBAAoC,CAC/C;CACE,OAAO;CACP,IAAI,eAAe,QAAQ;CAC3B,QAAQ;CACR,MAAM,KAAK;CACZ,EACD;CACE,OAAO;CACP,IAAI,eAAe;CACnB,QAAQ;CACR,MAAM,KAAK;CACZ,CACF;AAED,MAAaC,6BAA2C,CACtD;CACE,OAAO;CACP,IAAI,eAAe,QAAQ;CAC3B,QAAQ;CACR,MAAM,KAAK;CACZ,EACD;CACE,OAAO;CACP,IAAI,eAAe;CACnB,QAAQ;CACR,MAAM,KAAK;CACZ,CACF"}

package/lib/{action-links-CrB9xTLX.js → action-links-DoKEgLL1.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 const require_constants = require('./constants-BmxSMOOn.js');
-const require_external_links = require('./external-links-CeidCP88.js');
-const require_internal_links = require('./internal-links-B0I8FU-O.js');
+const require_external_links = require('./external-links-xe0gZr3J.js');
+const require_internal_links = require('./internal-links-D7poW27s.js');
 //#region src/header/constants/action-links.ts
 const HEADER_ACTION_LINKS = [{
@@ -39,4 +39,4 @@ Object.defineProperty(exports, 'HEADER_ACTION_LINKS', {
     return HEADER_ACTION_LINKS;
   }
 });
-//# sourceMappingURL=action-links-CrB9xTLX.js.map
+//# sourceMappingURL=action-links-DoKEgLL1.js.map

package/lib/{action-links-CrB9xTLX.js.map → action-links-DoKEgLL1.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"action-links-~~CrB9xTLX~~.js","names":["HEADER_ACTION_LINKS: ActionLink[]","INTERNAL_LINKS","TYPE","EXTERNAL_LINKS","HAMBURGER_MENU_ACION_LINKS: ActionLink[]"],"sources":["../src/header/constants/action-links.ts"],"sourcesContent":["import { INTERNAL_LINKS } from '../../constants/internal-links'\nimport { EXTERNAL_LINKS } from '../../constants/external-links'\nimport type { LinkTarget } from '../../customized-link/type'\nimport { TYPE, type Type } from '../../button/constants'\n\ntype ActionLink = {\n label: string\n to: string\n target: LinkTarget\n type: Type\n}\n\nexport const HEADER_ACTION_LINKS: ActionLink[] = [\n {\n label: '電子報',\n to: INTERNAL_LINKS.account.emailSubscription,\n target: '_self' as LinkTarget,\n type: TYPE.secondary,\n },\n {\n label: '贊助',\n to: EXTERNAL_LINKS.monthlyDonation,\n target: '_blank',\n type: TYPE.primary,\n },\n]\n\nexport const HAMBURGER_MENU_ACION_LINKS: ActionLink[] = [\n {\n label: '訂閱電子報',\n to: INTERNAL_LINKS.account.emailSubscription,\n target: '_self',\n type: TYPE.secondary,\n },\n {\n label: '贊助我們',\n to: EXTERNAL_LINKS.monthlyDonation,\n target: '_blank',\n type: TYPE.primary,\n },\n]\n"],"mappings":";;;;;AAYA,MAAaA,sBAAoC,CAC/C;CACE,OAAO;CACP,IAAIC,sCAAe,QAAQ;CAC3B,QAAQ;CACR,MAAMC,uBAAK;CACZ,EACD;CACE,OAAO;CACP,IAAIC,sCAAe;CACnB,QAAQ;CACR,MAAMD,uBAAK;CACZ,CACF;AAED,MAAaE,6BAA2C,CACtD;CACE,OAAO;CACP,IAAIH,sCAAe,QAAQ;CAC3B,QAAQ;CACR,MAAMC,uBAAK;CACZ,EACD;CACE,OAAO;CACP,IAAIC,sCAAe;CACnB,QAAQ;CACR,MAAMD,uBAAK;CACZ,CACF"}
1	+ {"version":3,"file":"action-links-DoKEgLL1.js","names":["HEADER_ACTION_LINKS: ActionLink[]","INTERNAL_LINKS","TYPE","EXTERNAL_LINKS","HAMBURGER_MENU_ACION_LINKS: ActionLink[]"],"sources":["../src/header/constants/action-links.ts"],"sourcesContent":["import { INTERNAL_LINKS } from '../../constants/internal-links'\nimport { EXTERNAL_LINKS } from '../../constants/external-links'\nimport type { LinkTarget } from '../../customized-link/type'\nimport { TYPE, type Type } from '../../button/constants'\n\ntype ActionLink = {\n label: string\n to: string\n target: LinkTarget\n type: Type\n}\n\nexport const HEADER_ACTION_LINKS: ActionLink[] = [\n {\n label: '電子報',\n to: INTERNAL_LINKS.account.emailSubscription,\n target: '_self' as LinkTarget,\n type: TYPE.secondary,\n },\n {\n label: '贊助',\n to: EXTERNAL_LINKS.monthlyDonation,\n target: '_blank',\n type: TYPE.primary,\n },\n]\n\nexport const HAMBURGER_MENU_ACION_LINKS: ActionLink[] = [\n {\n label: '訂閱電子報',\n to: INTERNAL_LINKS.account.emailSubscription,\n target: '_self',\n type: TYPE.secondary,\n },\n {\n label: '贊助我們',\n to: EXTERNAL_LINKS.monthlyDonation,\n target: '_blank',\n type: TYPE.primary,\n },\n]\n"],"mappings":";;;;;AAYA,MAAaA,sBAAoC,CAC/C;CACE,OAAO;CACP,IAAIC,sCAAe,QAAQ;CAC3B,QAAQ;CACR,MAAMC,uBAAK;CACZ,EACD;CACE,OAAO;CACP,IAAIC,sCAAe;CACnB,QAAQ;CACR,MAAMD,uBAAK;CACZ,CACF;AAED,MAAaE,6BAA2C,CACtD;CACE,OAAO;CACP,IAAIH,sCAAe,QAAQ;CAC3B,QAAQ;CACR,MAAMC,uBAAK;CACZ,EACD;CACE,OAAO;CACP,IAAIC,sCAAe;CACnB,QAAQ;CACR,MAAMD,uBAAK;CACZ,CACF"}

package/lib/{animation-Bh6OgE1s.mjs → animation-C_7J1YwC.mjs} RENAMED Viewed

@@ -9,4 +9,4 @@ const ANIMATION = {
 //#endregion
 export { ANIMATION };
-//# sourceMappingURL=animation-Bh6OgE1s.mjs.map
+//# sourceMappingURL=animation-C_7J1YwC.mjs.map

package/lib/{animation-Bh6OgE1s.mjs.map → animation-C_7J1YwC.mjs.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"animation-~~Bh6OgE1s~~.mjs","names":[],"sources":["../src/header/constants/animation.ts"],"sourcesContent":["export const ANIMATION = {\n step1Duration: 'duration-[200ms]',\n step2Delay: 'delay-[150ms]',\n step2Duration: 'duration-[50ms]',\n step3Delay: 'delay-[150ms]',\n step3Duration: 'duration-[200ms]',\n} as const\n"],"mappings":";AAAA,MAAa,YAAY;CACvB,eAAe;CACf,YAAY;CACZ,eAAe;CACf,YAAY;CACZ,eAAe;CAChB"}
1	+ {"version":3,"file":"animation-C_7J1YwC.mjs","names":[],"sources":["../src/header/constants/animation.ts"],"sourcesContent":["export const ANIMATION = {\n step1Duration: 'duration-[200ms]',\n step2Delay: 'delay-[150ms]',\n step2Duration: 'duration-[50ms]',\n step3Delay: 'delay-[150ms]',\n step3Duration: 'duration-[200ms]',\n} as const\n"],"mappings":";AAAA,MAAa,YAAY;CACvB,eAAe;CACf,YAAY;CACZ,eAAe;CACf,YAAY;CACZ,eAAe;CAChB"}

package/lib/{animation-CjKIebSq.js → animation-DX-GxmUj.js} RENAMED Viewed

@@ -15,4 +15,4 @@ Object.defineProperty(exports, 'ANIMATION', {
     return ANIMATION;
   }
 });
-//# sourceMappingURL=animation-CjKIebSq.js.map
+//# sourceMappingURL=animation-DX-GxmUj.js.map

package/lib/{animation-CjKIebSq.js.map → animation-DX-GxmUj.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"animation-~~CjKIebSq~~.js","names":[],"sources":["../src/header/constants/animation.ts"],"sourcesContent":["export const ANIMATION = {\n step1Duration: 'duration-[200ms]',\n step2Delay: 'delay-[150ms]',\n step2Duration: 'duration-[50ms]',\n step3Delay: 'delay-[150ms]',\n step3Duration: 'duration-[200ms]',\n} as const\n"],"mappings":";;AAAA,MAAa,YAAY;CACvB,eAAe;CACf,YAAY;CACZ,eAAe;CACf,YAAY;CACZ,eAAe;CAChB"}
1	+ {"version":3,"file":"animation-DX-GxmUj.js","names":[],"sources":["../src/header/constants/animation.ts"],"sourcesContent":["export const ANIMATION = {\n step1Duration: 'duration-[200ms]',\n step2Delay: 'delay-[150ms]',\n step2Duration: 'duration-[50ms]',\n step3Delay: 'delay-[150ms]',\n step3Duration: 'duration-[200ms]',\n} as const\n"],"mappings":";;AAAA,MAAa,YAAY;CACvB,eAAe;CACf,YAAY;CACZ,eAAe;CACf,YAAY;CACZ,eAAe;CAChB"}

package/lib/{auth-store-B8SMis_O.mjs → auth-store-HJRR819m.mjs} RENAMED Viewed

@@ -15,4 +15,4 @@ const useAuthStore = create()(creator);
 //#endregion
 export { useAuthStore };
-//# sourceMappingURL=auth-store-B8SMis_O.mjs.map
+//# sourceMappingURL=auth-store-HJRR819m.mjs.map

package/lib/{auth-store-B8SMis_O.mjs.map → auth-store-HJRR819m.mjs.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"auth-store-~~B8SMis_O~~.mjs","names":["creator: StateCreator<AuthState>"],"sources":["../src/header/store/auth-store.ts"],"sourcesContent":["import { create, type StateCreator } from 'zustand'\n\nexport type AuthState = {\n isAuthed: boolean\n token?: string\n setAuthed: (isAuthed: boolean) => void\n setToken: (token?: string) => void\n reset: () => void\n}\n\nconst creator: StateCreator<AuthState> = (set) => ({\n isAuthed: false,\n token: undefined,\n setAuthed: (isAuthed: boolean) => set({ isAuthed }),\n setToken: (token?: string) => set({ token }),\n reset: () => set({ isAuthed: false, token: undefined }),\n})\n\nexport const useAuthStore = create<AuthState>()(creator)\n"],"mappings":";;;AAUA,MAAMA,WAAoC,SAAS;CACjD,UAAU;CACV,OAAO;CACP,YAAY,aAAsB,IAAI,EAAE,UAAU,CAAC;CACnD,WAAW,UAAmB,IAAI,EAAE,OAAO,CAAC;CAC5C,aAAa,IAAI;EAAE,UAAU;EAAO,OAAO;EAAW,CAAC;CACxD;AAED,MAAa,eAAe,QAAmB,CAAC,QAAQ"}
1	+ {"version":3,"file":"auth-store-HJRR819m.mjs","names":["creator: StateCreator<AuthState>"],"sources":["../src/header/store/auth-store.ts"],"sourcesContent":["import { create, type StateCreator } from 'zustand'\n\nexport type AuthState = {\n isAuthed: boolean\n token?: string\n setAuthed: (isAuthed: boolean) => void\n setToken: (token?: string) => void\n reset: () => void\n}\n\nconst creator: StateCreator<AuthState> = (set) => ({\n isAuthed: false,\n token: undefined,\n setAuthed: (isAuthed: boolean) => set({ isAuthed }),\n setToken: (token?: string) => set({ token }),\n reset: () => set({ isAuthed: false, token: undefined }),\n})\n\nexport const useAuthStore = create<AuthState>()(creator)\n"],"mappings":";;;AAUA,MAAMA,WAAoC,SAAS;CACjD,UAAU;CACV,OAAO;CACP,YAAY,aAAsB,IAAI,EAAE,UAAU,CAAC;CACnD,WAAW,UAAmB,IAAI,EAAE,OAAO,CAAC;CAC5C,aAAa,IAAI;EAAE,UAAU;EAAO,OAAO;EAAW,CAAC;CACxD;AAED,MAAa,eAAe,QAAmB,CAAC,QAAQ"}

package/lib/{auth-store-Dol00nWl.js → auth-store-cAn9fol9.js} RENAMED Viewed

@@ -22,4 +22,4 @@ Object.defineProperty(exports, 'useAuthStore', {
     return useAuthStore;
   }
 });
-//# sourceMappingURL=auth-store-Dol00nWl.js.map
+//# sourceMappingURL=auth-store-cAn9fol9.js.map

package/lib/{auth-store-Dol00nWl.js.map → auth-store-cAn9fol9.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"auth-store-~~Dol00nWl~~.js","names":["creator: StateCreator<AuthState>"],"sources":["../src/header/store/auth-store.ts"],"sourcesContent":["import { create, type StateCreator } from 'zustand'\n\nexport type AuthState = {\n isAuthed: boolean\n token?: string\n setAuthed: (isAuthed: boolean) => void\n setToken: (token?: string) => void\n reset: () => void\n}\n\nconst creator: StateCreator<AuthState> = (set) => ({\n isAuthed: false,\n token: undefined,\n setAuthed: (isAuthed: boolean) => set({ isAuthed }),\n setToken: (token?: string) => set({ token }),\n reset: () => set({ isAuthed: false, token: undefined }),\n})\n\nexport const useAuthStore = create<AuthState>()(creator)\n"],"mappings":";;;;;AAUA,MAAMA,WAAoC,SAAS;CACjD,UAAU;CACV,OAAO;CACP,YAAY,aAAsB,IAAI,EAAE,UAAU,CAAC;CACnD,WAAW,UAAmB,IAAI,EAAE,OAAO,CAAC;CAC5C,aAAa,IAAI;EAAE,UAAU;EAAO,OAAO;EAAW,CAAC;CACxD;AAED,MAAa,oCAAkC,CAAC,QAAQ"}
1	+ {"version":3,"file":"auth-store-cAn9fol9.js","names":["creator: StateCreator<AuthState>"],"sources":["../src/header/store/auth-store.ts"],"sourcesContent":["import { create, type StateCreator } from 'zustand'\n\nexport type AuthState = {\n isAuthed: boolean\n token?: string\n setAuthed: (isAuthed: boolean) => void\n setToken: (token?: string) => void\n reset: () => void\n}\n\nconst creator: StateCreator<AuthState> = (set) => ({\n isAuthed: false,\n token: undefined,\n setAuthed: (isAuthed: boolean) => set({ isAuthed }),\n setToken: (token?: string) => set({ token }),\n reset: () => set({ isAuthed: false, token: undefined }),\n})\n\nexport const useAuthStore = create<AuthState>()(creator)\n"],"mappings":";;;;;AAUA,MAAMA,WAAoC,SAAS;CACjD,UAAU;CACV,OAAO;CACP,YAAY,aAAsB,IAAI,EAAE,UAAU,CAAC;CACnD,WAAW,UAAmB,IAAI,EAAE,OAAO,CAAC;CAC5C,aAAa,IAAI;EAAE,UAAU;EAAO,OAAO;EAAW,CAAC;CACxD;AAED,MAAa,oCAAkC,CAAC,QAAQ"}

package/lib/button/index.d.mts CHANGED Viewed

@@ -7,14 +7,14 @@ import { WEIGHT, Weight } from "../constants-jR2WUCRY.mjs";
 import { MenuButton } from "../index-Cav_aW5H.mjs";
 import { PillButton } from "../index-Dg9CXOZr.mjs";
 import { TextButton } from "../index-C_Y_QOX7.mjs";
-import * as react2 from "react";
+import * as react0 from "react";
 //#region src/button/index.d.ts
 declare const _default: {
-  TextButton: react2.FC<{
+  TextButton: react0.FC<{
     text: string;
-    leftIconComponent?: react2.ReactElement;
-    rightIconComponent?: react2.ReactElement;
+    leftIconComponent?: react0.ReactElement;
+    rightIconComponent?: react0.ReactElement;
     size?: Size;
     style?: Style;
     theme?: Theme;
@@ -27,7 +27,7 @@ declare const _default: {
     Style: typeof STYLE;
     Theme: typeof THEME;
   };
-  IconButton: react2.FC<{
+  IconButton: react0.FC<{
     iconComponent: React.ReactElement;
     theme?: Theme;
     type?: Type;
@@ -39,7 +39,7 @@ declare const _default: {
     Theme: typeof THEME;
     Type: typeof TYPE;
   };
-  MenuButton: react2.FC<{
+  MenuButton: react0.FC<{
     text: string;
     color: string;
     fontWeight: Weight;
@@ -48,7 +48,7 @@ declare const _default: {
   }> & {
     FontWeight: typeof WEIGHT;
   };
-  PillButton: react2.FC<{
+  PillButton: react0.FC<{
     text?: string;
     leftIconComponent?: React.ReactElement;
     rightIconComponent?: React.ReactElement;
@@ -65,7 +65,7 @@ declare const _default: {
     Size: typeof SIZE;
     Style: typeof STYLE;
   };
-  IconWithTextButton: react2.FC<{
+  IconWithTextButton: react0.FC<{
     text?: string;
     iconComponent: React.ReactNode;
     theme?: Theme;

package/lib/button/index.d.ts CHANGED Viewed

@@ -7,14 +7,14 @@ import { WEIGHT, Weight } from "../constants-BC_JdEyk.js";
 import { MenuButton } from "../index-XkB8HVPQ.js";
 import { PillButton } from "../index-B1cqLG7H.js";
 import { TextButton } from "../index-B7-bdIVL.js";
-import * as react9 from "react";
+import * as react16 from "react";
 //#region src/button/index.d.ts
 declare const _default: {
-  TextButton: react9.FC<{
+  TextButton: react16.FC<{
     text: string;
-    leftIconComponent?: react9.ReactElement;
-    rightIconComponent?: react9.ReactElement;
+    leftIconComponent?: react16.ReactElement;
+    rightIconComponent?: react16.ReactElement;
     size?: Size;
     style?: Style;
     theme?: Theme;
@@ -27,7 +27,7 @@ declare const _default: {
     Style: typeof STYLE;
     Theme: typeof THEME;
   };
-  IconButton: react9.FC<{
+  IconButton: react16.FC<{
     iconComponent: React.ReactElement;
     theme?: Theme;
     type?: Type;
@@ -39,7 +39,7 @@ declare const _default: {
     Theme: typeof THEME;
     Type: typeof TYPE;
   };
-  MenuButton: react9.FC<{
+  MenuButton: react16.FC<{
     text: string;
     color: string;
     fontWeight: Weight;
@@ -48,7 +48,7 @@ declare const _default: {
   }> & {
     FontWeight: typeof WEIGHT;
   };
-  PillButton: react9.FC<{
+  PillButton: react16.FC<{
     text?: string;
     leftIconComponent?: React.ReactElement;
     rightIconComponent?: React.ReactElement;
@@ -65,7 +65,7 @@ declare const _default: {
     Size: typeof SIZE;
     Style: typeof STYLE;
   };
-  IconWithTextButton: react9.FC<{
+  IconWithTextButton: react16.FC<{
     text?: string;
     iconComponent: React.ReactNode;
     theme?: Theme;

package/lib/card/list/img-placeholder.d.mts CHANGED Viewed

@@ -1,7 +1,7 @@
-import * as react_jsx_runtime11 from "react/jsx-runtime";
+import * as react_jsx_runtime10 from "react/jsx-runtime";
 //#region src/card/list/img-placeholder.d.ts
-declare const ImgPlaceholder: () => react_jsx_runtime11.JSX.Element;
+declare const ImgPlaceholder: () => react_jsx_runtime10.JSX.Element;
 //#endregion
 export { ImgPlaceholder as default };
 //# sourceMappingURL=img-placeholder.d.mts.map

package/lib/card/list/img-placeholder.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
-import * as react_jsx_runtime7 from "react/jsx-runtime";
+import * as react_jsx_runtime10 from "react/jsx-runtime";
 //#region src/card/list/img-placeholder.d.ts
-declare const ImgPlaceholder: () => react_jsx_runtime7.JSX.Element;
+declare const ImgPlaceholder: () => react_jsx_runtime10.JSX.Element;
 export = ImgPlaceholder;
 //# sourceMappingURL=img-placeholder.d.ts.map

package/lib/card/list/index.js CHANGED Viewed

@@ -5,6 +5,8 @@ const require_heading = require('../../heading-D5Lv6X0M.js');
 const require_constants$1 = require('../../constants-CCYwjB2d.js');
 const require_img_placeholder = require('../../img-placeholder-D-fbn9IG.js');
 const require_loading = require('../../loading-CFCk4kkD.js');
+let react = require("react");
+react = require_chunk.__toESM(react);
 let clsx = require("clsx");
 clsx = require_chunk.__toESM(clsx);
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -13,6 +15,10 @@ react_jsx_runtime = require_chunk.__toESM(react_jsx_runtime);
 //#region src/card/list/index.tsx
 const CardList = (props) => {
 	const { size, isLoading = false } = props;
+	const [failedImageKey, setFailedImageKey] = (0, react.useState)(null);
+	const imageSrc = "image" in props ? props.image?.src : void 0;
+	const imageKey = `${size}:${imageSrc ?? ""}`;
+	const isImageFailed = failedImageKey === imageKey;
 	if (size === require_constants$1.SIZE.s) {
 		if (isLoading) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_loading.SmallSkeleton, {});
 		const { categoryLabel: categoryLabel$1, publishedDate: publishedDate$1, title: title$1, description: description$1, image: image$1 } = props;
@@ -32,15 +38,17 @@ const CardList = (props) => {
 							text: publishedDate$1
 						}) : null]
 					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_heading.H4, {
-						className: "text-gray-800",
-						text: title$1
+						className: "text-gray-800 !text-[18px]",
+						text: title$1,
+						type: require_heading.H4.Type.article
 					})]
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 					className: "flex justify-center items-center",
-					children: image$1?.src ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
+					children: image$1?.src && !isImageFailed ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
 						src: image$1.src,
 						alt: image$1.alt ?? "",
-						className: "w-[72px] h-[72px] object-cover shrink-0"
+						className: "w-[72px] h-[72px] object-cover shrink-0",
+						onError: () => setFailedImageKey(imageKey)
 					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 						className: "w-[72px] h-[72px] shrink-0 flex items-center justify-center bg-gray-100",
 						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_img_placeholder.img_placeholder_default, {})
@@ -70,8 +78,9 @@ const CardList = (props) => {
 					}) : null]
 				}),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_heading.H4, {
-					className: "text-gray-800",
-					text: title
+					className: "text-gray-800 !text-[22px]",
+					text: title,
+					type: require_heading.H4.Type.article
 				}),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_paragraph.P1, {
 					className: "text-gray-800 line-clamp-3",
@@ -80,10 +89,11 @@ const CardList = (props) => {
 			]
 		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 			className: "flex justify-center items-center",
-			children: image?.src ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
+			children: image?.src && !isImageFailed ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
 				src: image.src,
 				alt: image.alt ?? "",
-				className: "w-[216px] h-[144px] object-cover shrink-0"
+				className: "w-[216px] h-[144px] object-cover shrink-0",
+				onError: () => setFailedImageKey(imageKey)
 			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				className: "w-[216px] h-[144px] shrink-0 flex items-center justify-center bg-gray-100",
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_img_placeholder.img_placeholder_default, {})

package/lib/card/list/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["CardList: FC<CardListProps> & { Size: typeof SIZE }","SIZE","SmallSkeleton","categoryLabel","P3","publishedDate","H4","title","image","ImgPlaceholder","P2","description","LargeSkeleton","P1"],"sources":["../../../src/card/list/index.tsx"],"sourcesContent":["import type { FC } from 'react'\nimport clsx from 'clsx'\n// text\nimport { P1, P2, P3 } from '../../text/paragraph'\nimport { H4 } from '../../text/heading'\n// constants\nimport { SIZE, type Size } from './constants'\n// skeleton\nimport { LargeSkeleton, SmallSkeleton } from './loading'\n// placeholder\nimport ImgPlaceholder from './img-placeholder'\n\ntype CardListBaseProps = {\n categoryLabel?: string\n publishedDate?: string\n title: string\n description: string\n image?: {\n src: string\n alt?: string\n }\n size: Size\n // TODO: add isBookmark when bookmark feature is ready\n // isBookmark?: boolean\n // onBookmarkClick?: () => void\n}\n\ntype CardListLoadingProps = {\n isLoading: true\n size: Size\n}\n\ntype CardListDetailProps = CardListBaseProps & {\n isLoading?: false\n}\n\ntype CardListProps = CardListLoadingProps \| CardListDetailProps\n\nconst CardList: FC<CardListProps> & { Size: typeof SIZE } = (props) => {\n const { size, isLoading = false } = props\n\n if (size === SIZE.s) {\n if (isLoading) {\n return <SmallSkeleton />\n }\n const { categoryLabel, publishedDate, title, description, image } =\n props as CardListDetailProps\n return (\n <div\n className={clsx(\n 'flex flex-col w-full gap-[8px]',\n 'hover:opacity-70',\n 'hover:cursor-pointer'\n )}\n >\n <div className=\"flex flex-row gap-[8px]\">\n <div className=\"flex flex-col w-full gap-[4px]\">\n <div className=\"flex flex-row gap-[8px]\">\n {categoryLabel ? (\n <P3 className=\"text-gray-600\" text={categoryLabel} />\n ) : null}\n {publishedDate ? (\n <P3 className=\"text-gray-600\" text={publishedDate} />\n ) : null}\n </div>\n <H4 className=\"text-gray-800\" text={title} />\n </div>\n <div className=\"flex justify-center items-center\">\n {image?.src ? (\n // biome-ignore lint/performance/noImgElement: use next image later\n <img\n src={image.src}\n alt={image.alt ?? ''}\n className=\"w-[72px] h-[72px] object-cover shrink-0\"\n />\n ) : (\n <div className=\"w-[72px] h-[72px] shrink-0 flex items-center justify-center bg-gray-100\">\n <ImgPlaceholder />\n </div>\n )}\n </div>\n </div>\n <P2 className=\"text-gray-800 line-clamp-3\" text={description} />\n </div>\n )\n }\n\n if (isLoading) {\n return <LargeSkeleton />\n }\n\n const { categoryLabel, publishedDate, title, description, image } =\n props as CardListDetailProps\n return (\n <div\n className={clsx(\n 'flex flex-row w-full gap-[32px]',\n 'hover:opacity-70',\n 'hover:cursor-pointer'\n )}\n >\n <div className=\"flex flex-col w-full gap-[8px]\">\n <div className=\"flex flex-row gap-[8px]\">\n {categoryLabel ? (\n <P3 className=\"text-gray-600\" text={categoryLabel} />\n ) : null}\n {publishedDate ? (\n <P3 className=\"text-gray-600\" text={publishedDate} />\n ) : null}\n </div>\n <H4 className=\"text-gray-800\" text={title} />\n <P1 className=\"text-gray-800 line-clamp-3\" text={description} />\n </div>\n <div className=\"flex justify-center items-center\">\n {image?.src ? (\n // biome-ignore lint/performance/noImgElement: use next image later\n <img\n src={image.src}\n alt={image.alt ?? ''}\n className=\"w-[216px] h-[144px] object-cover shrink-0\"\n />\n ) : (\n <div className=\"w-[216px] h-[144px] shrink-0 flex items-center justify-center bg-gray-100\">\n <ImgPlaceholder />\n </div>\n )}\n </div>\n </div>\n )\n}\n\nCardList.Size = SIZE\nexport default CardList\n"],"mappings":"~~;;;;;;;;;;;;;~~AAsCA,MAAMA,YAAuD,UAAU;CACrE,MAAM,EAAE,MAAM,YAAY,UAAU;~~AAEpC~~,KAAI,SAASC,yBAAK,GAAG;AACnB,MAAI,UACF,QAAO,2CAACC,kCAAgB;EAE1B,MAAM,EAAE,gCAAe,gCAAe,gBAAO,4BAAa,mBACxD;AACF,SACE,4CAAC;GACC,6BACE,kCACA,oBACA,uBACD;cAED,4CAAC;IAAI,WAAU;eACb,4CAAC;KAAI,WAAU;gBACb,4CAAC;MAAI,WAAU;iBACZC,kBACC,2CAACC;OAAG,WAAU;OAAgB,MAAMD;QAAiB,GACnD,MACHE,kBACC,2CAACD;OAAG,WAAU;OAAgB,MAAMC;QAAiB,GACnD;OACA,EACN,2CAACC;~~MAAG~~,WAAU;~~MAAgB~~,MAAMC;~~OAAS~~;~~MACzC~~,EACN,2CAAC;KAAI,WAAU;~~eACZC~~,SAAO,~~MAEN~~,2CAAC;MACC,KAAKA,QAAM;MACX,KAAKA,QAAM,OAAO;MAClB,WAAU;~~OACV~~,GAEF,2CAAC;MAAI,WAAU;gBACb,2CAACC,oDAAiB;OACd;MAEJ;KACF,EACN,2CAACC;IAAG,WAAU;IAA6B,MAAMC;KAAe;IAC5D;;AAIV,KAAI,UACF,QAAO,2CAACC,kCAAgB;CAG1B,MAAM,EAAE,eAAe,eAAe,OAAO,aAAa,UACxD;AACF,QACE,4CAAC;EACC,6BACE,mCACA,oBACA,uBACD;aAED,4CAAC;GAAI,WAAU;;IACb,4CAAC;KAAI,WAAU;gBACZ,gBACC,2CAACR;MAAG,WAAU;MAAgB,MAAM;OAAiB,GACnD,MACH,gBACC,2CAACA;MAAG,WAAU;MAAgB,MAAM;OAAiB,GACnD;MACA;IACN,2CAACE;~~KAAG~~,WAAU;~~KAAgB~~,MAAM;~~MAAS~~;~~IAC7C~~,2CAACO;KAAG,WAAU;KAA6B,MAAM;MAAe;;IAC5D,EACN,2CAAC;GAAI,WAAU;aACZ,OAAO,~~MAEN~~,2CAAC;IACC,KAAK,MAAM;IACX,KAAK,MAAM,OAAO;IAClB,WAAU;~~KACV~~,GAEF,2CAAC;IAAI,WAAU;cACb,2CAACJ,oDAAiB;KACd;IAEJ;GACF;;AAIV,SAAS,OAAOR;AAChB,mBAAe"}
1	+ {"version":3,"file":"index.js","names":["CardList: FC<CardListProps> & { Size: typeof SIZE }","SIZE","SmallSkeleton","categoryLabel","P3","publishedDate","H4","title","image","ImgPlaceholder","P2","description","LargeSkeleton","P1"],"sources":["../../../src/card/list/index.tsx"],"sourcesContent":["import { type FC, useState } from 'react'\nimport clsx from 'clsx'\n// text\nimport { P1, P2, P3 } from '../../text/paragraph'\nimport { H4 } from '../../text/heading'\n// constants\nimport { SIZE, type Size } from './constants'\n// skeleton\nimport { LargeSkeleton, SmallSkeleton } from './loading'\n// placeholder\nimport ImgPlaceholder from './img-placeholder'\n\ntype CardListBaseProps = {\n categoryLabel?: string\n publishedDate?: string\n title: string\n description: string\n image?: {\n src: string\n alt?: string\n }\n size: Size\n // TODO: add isBookmark when bookmark feature is ready\n // isBookmark?: boolean\n // onBookmarkClick?: () => void\n}\n\ntype CardListLoadingProps = {\n isLoading: true\n size: Size\n}\n\ntype CardListDetailProps = CardListBaseProps & {\n isLoading?: false\n}\n\ntype CardListProps = CardListLoadingProps \| CardListDetailProps\n\nconst CardList: FC<CardListProps> & { Size: typeof SIZE } = (props) => {\n const { size, isLoading = false } = props\n const [failedImageKey, setFailedImageKey] = useState<string \| null>(null)\n const imageSrc = 'image' in props ? props.image?.src : undefined\n const imageKey = `${size}:${imageSrc ?? ''}`\n const isImageFailed = failedImageKey === imageKey\n\n if (size === SIZE.s) {\n if (isLoading) {\n return <SmallSkeleton />\n }\n const { categoryLabel, publishedDate, title, description, image } =\n props as CardListDetailProps\n return (\n <div\n className={clsx(\n 'flex flex-col w-full gap-[8px]',\n 'hover:opacity-70',\n 'hover:cursor-pointer'\n )}\n >\n <div className=\"flex flex-row gap-[8px]\">\n <div className=\"flex flex-col w-full gap-[4px]\">\n <div className=\"flex flex-row gap-[8px]\">\n {categoryLabel ? (\n <P3 className=\"text-gray-600\" text={categoryLabel} />\n ) : null}\n {publishedDate ? (\n <P3 className=\"text-gray-600\" text={publishedDate} />\n ) : null}\n </div>\n <H4\n className=\"text-gray-800 !text-[18px]\"\n text={title}\n type={H4.Type.article}\n />\n </div>\n <div className=\"flex justify-center items-center\">\n {image?.src && !isImageFailed ? (\n // biome-ignore lint/performance/noImgElement: use next image later\n <img\n src={image.src}\n alt={image.alt ?? ''}\n className=\"w-[72px] h-[72px] object-cover shrink-0\"\n onError={() => setFailedImageKey(imageKey)}\n />\n ) : (\n <div className=\"w-[72px] h-[72px] shrink-0 flex items-center justify-center bg-gray-100\">\n <ImgPlaceholder />\n </div>\n )}\n </div>\n </div>\n <P2 className=\"text-gray-800 line-clamp-3\" text={description} />\n </div>\n )\n }\n\n if (isLoading) {\n return <LargeSkeleton />\n }\n\n const { categoryLabel, publishedDate, title, description, image } =\n props as CardListDetailProps\n return (\n <div\n className={clsx(\n 'flex flex-row w-full gap-[32px]',\n 'hover:opacity-70',\n 'hover:cursor-pointer'\n )}\n >\n <div className=\"flex flex-col w-full gap-[8px]\">\n <div className=\"flex flex-row gap-[8px]\">\n {categoryLabel ? (\n <P3 className=\"text-gray-600\" text={categoryLabel} />\n ) : null}\n {publishedDate ? (\n <P3 className=\"text-gray-600\" text={publishedDate} />\n ) : null}\n </div>\n <H4\n className=\"text-gray-800 !text-[22px]\"\n text={title}\n type={H4.Type.article}\n />\n <P1 className=\"text-gray-800 line-clamp-3\" text={description} />\n </div>\n <div className=\"flex justify-center items-center\">\n {image?.src && !isImageFailed ? (\n // biome-ignore lint/performance/noImgElement: use next image later\n <img\n src={image.src}\n alt={image.alt ?? ''}\n className=\"w-[216px] h-[144px] object-cover shrink-0\"\n onError={() => setFailedImageKey(imageKey)}\n />\n ) : (\n <div className=\"w-[216px] h-[144px] shrink-0 flex items-center justify-center bg-gray-100\">\n <ImgPlaceholder />\n </div>\n )}\n </div>\n </div>\n )\n}\n\nCardList.Size = SIZE\nexport default CardList\n"],"mappings":";;;;;;;;;;;;;;;AAsCA,MAAMA,YAAuD,UAAU;CACrE,MAAM,EAAE,MAAM,YAAY,UAAU;CACpC,MAAM,CAAC,gBAAgB,yCAA6C,KAAK;CACzE,MAAM,WAAW,WAAW,QAAQ,MAAM,OAAO,MAAM;CACvD,MAAM,WAAW,GAAG,KAAK,GAAG,YAAY;CACxC,MAAM,gBAAgB,mBAAmB;AAEzC,KAAI,SAASC,yBAAK,GAAG;AACnB,MAAI,UACF,QAAO,2CAACC,kCAAgB;EAE1B,MAAM,EAAE,gCAAe,gCAAe,gBAAO,4BAAa,mBACxD;AACF,SACE,4CAAC;GACC,6BACE,kCACA,oBACA,uBACD;cAED,4CAAC;IAAI,WAAU;eACb,4CAAC;KAAI,WAAU;gBACb,4CAAC;MAAI,WAAU;iBACZC,kBACC,2CAACC;OAAG,WAAU;OAAgB,MAAMD;QAAiB,GACnD,MACHE,kBACC,2CAACD;OAAG,WAAU;OAAgB,MAAMC;QAAiB,GACnD;OACA,EACN,2CAACC;MACC,WAAU;MACV,MAAMC;MACN,MAAMD,mBAAG,KAAK;OACd;MACE,EACN,2CAAC;KAAI,WAAU;eACZE,SAAO,OAAO,CAAC,gBAEd,2CAAC;MACC,KAAKA,QAAM;MACX,KAAKA,QAAM,OAAO;MAClB,WAAU;MACV,eAAe,kBAAkB,SAAS;OAC1C,GAEF,2CAAC;MAAI,WAAU;gBACb,2CAACC,oDAAiB;OACd;MAEJ;KACF,EACN,2CAACC;IAAG,WAAU;IAA6B,MAAMC;KAAe;IAC5D;;AAIV,KAAI,UACF,QAAO,2CAACC,kCAAgB;CAG1B,MAAM,EAAE,eAAe,eAAe,OAAO,aAAa,UACxD;AACF,QACE,4CAAC;EACC,6BACE,mCACA,oBACA,uBACD;aAED,4CAAC;GAAI,WAAU;;IACb,4CAAC;KAAI,WAAU;gBACZ,gBACC,2CAACR;MAAG,WAAU;MAAgB,MAAM;OAAiB,GACnD,MACH,gBACC,2CAACA;MAAG,WAAU;MAAgB,MAAM;OAAiB,GACnD;MACA;IACN,2CAACE;KACC,WAAU;KACV,MAAM;KACN,MAAMA,mBAAG,KAAK;MACd;IACF,2CAACO;KAAG,WAAU;KAA6B,MAAM;MAAe;;IAC5D,EACN,2CAAC;GAAI,WAAU;aACZ,OAAO,OAAO,CAAC,gBAEd,2CAAC;IACC,KAAK,MAAM;IACX,KAAK,MAAM,OAAO;IAClB,WAAU;IACV,eAAe,kBAAkB,SAAS;KAC1C,GAEF,2CAAC;IAAI,WAAU;cACb,2CAACJ,oDAAiB;KACd;IAEJ;GACF;;AAIV,SAAS,OAAOR;AAChB,mBAAe"}

package/lib/card/list/index.mjs CHANGED Viewed

@@ -4,12 +4,17 @@ import { H4 } from "../../heading-BVKLYfXi.mjs";
 import { SIZE } from "../../constants-BZZgQcEy.mjs";
 import { img_placeholder_default } from "../../img-placeholder-DhOOFcVQ.mjs";
 import { LargeSkeleton, SmallSkeleton } from "../../loading-BeEKq8Mb.mjs";
+import { useState } from "react";
 import clsx from "clsx";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/card/list/index.tsx
 const CardList = (props) => {
 	const { size, isLoading = false } = props;
+	const [failedImageKey, setFailedImageKey] = useState(null);
+	const imageSrc = "image" in props ? props.image?.src : void 0;
+	const imageKey = `${size}:${imageSrc ?? ""}`;
+	const isImageFailed = failedImageKey === imageKey;
 	if (size === SIZE.s) {
 		if (isLoading) return /* @__PURE__ */ jsx(SmallSkeleton, {});
 		const { categoryLabel: categoryLabel$1, publishedDate: publishedDate$1, title: title$1, description: description$1, image: image$1 } = props;
@@ -29,15 +34,17 @@ const CardList = (props) => {
 							text: publishedDate$1
 						}) : null]
 					}), /* @__PURE__ */ jsx(H4, {
-						className: "text-gray-800",
-						text: title$1
+						className: "text-gray-800 !text-[18px]",
+						text: title$1,
+						type: H4.Type.article
 					})]
 				}), /* @__PURE__ */ jsx("div", {
 					className: "flex justify-center items-center",
-					children: image$1?.src ? /* @__PURE__ */ jsx("img", {
+					children: image$1?.src && !isImageFailed ? /* @__PURE__ */ jsx("img", {
 						src: image$1.src,
 						alt: image$1.alt ?? "",
-						className: "w-[72px] h-[72px] object-cover shrink-0"
+						className: "w-[72px] h-[72px] object-cover shrink-0",
+						onError: () => setFailedImageKey(imageKey)
 					}) : /* @__PURE__ */ jsx("div", {
 						className: "w-[72px] h-[72px] shrink-0 flex items-center justify-center bg-gray-100",
 						children: /* @__PURE__ */ jsx(img_placeholder_default, {})
@@ -67,8 +74,9 @@ const CardList = (props) => {
 					}) : null]
 				}),
 				/* @__PURE__ */ jsx(H4, {
-					className: "text-gray-800",
-					text: title
+					className: "text-gray-800 !text-[22px]",
+					text: title,
+					type: H4.Type.article
 				}),
 				/* @__PURE__ */ jsx(P1, {
 					className: "text-gray-800 line-clamp-3",
@@ -77,10 +85,11 @@ const CardList = (props) => {
 			]
 		}), /* @__PURE__ */ jsx("div", {
 			className: "flex justify-center items-center",
-			children: image?.src ? /* @__PURE__ */ jsx("img", {
+			children: image?.src && !isImageFailed ? /* @__PURE__ */ jsx("img", {
 				src: image.src,
 				alt: image.alt ?? "",
-				className: "w-[216px] h-[144px] object-cover shrink-0"
+				className: "w-[216px] h-[144px] object-cover shrink-0",
+				onError: () => setFailedImageKey(imageKey)
 			}) : /* @__PURE__ */ jsx("div", {
 				className: "w-[216px] h-[144px] shrink-0 flex items-center justify-center bg-gray-100",
 				children: /* @__PURE__ */ jsx(img_placeholder_default, {})

package/lib/card/list/index.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.mjs","names":["CardList: FC<CardListProps> & { Size: typeof SIZE }","categoryLabel","publishedDate","title","image","ImgPlaceholder","description"],"sources":["../../../src/card/list/index.tsx"],"sourcesContent":["import type { FC } from 'react'\nimport clsx from 'clsx'\n// text\nimport { P1, P2, P3 } from '../../text/paragraph'\nimport { H4 } from '../../text/heading'\n// constants\nimport { SIZE, type Size } from './constants'\n// skeleton\nimport { LargeSkeleton, SmallSkeleton } from './loading'\n// placeholder\nimport ImgPlaceholder from './img-placeholder'\n\ntype CardListBaseProps = {\n categoryLabel?: string\n publishedDate?: string\n title: string\n description: string\n image?: {\n src: string\n alt?: string\n }\n size: Size\n // TODO: add isBookmark when bookmark feature is ready\n // isBookmark?: boolean\n // onBookmarkClick?: () => void\n}\n\ntype CardListLoadingProps = {\n isLoading: true\n size: Size\n}\n\ntype CardListDetailProps = CardListBaseProps & {\n isLoading?: false\n}\n\ntype CardListProps = CardListLoadingProps \| CardListDetailProps\n\nconst CardList: FC<CardListProps> & { Size: typeof SIZE } = (props) => {\n const { size, isLoading = false } = props\n\n if (size === SIZE.s) {\n if (isLoading) {\n return <SmallSkeleton />\n }\n const { categoryLabel, publishedDate, title, description, image } =\n props as CardListDetailProps\n return (\n <div\n className={clsx(\n 'flex flex-col w-full gap-[8px]',\n 'hover:opacity-70',\n 'hover:cursor-pointer'\n )}\n >\n <div className=\"flex flex-row gap-[8px]\">\n <div className=\"flex flex-col w-full gap-[4px]\">\n <div className=\"flex flex-row gap-[8px]\">\n {categoryLabel ? (\n <P3 className=\"text-gray-600\" text={categoryLabel} />\n ) : null}\n {publishedDate ? (\n <P3 className=\"text-gray-600\" text={publishedDate} />\n ) : null}\n </div>\n <H4 className=\"text-gray-800\" text={title} />\n </div>\n <div className=\"flex justify-center items-center\">\n {image?.src ? (\n // biome-ignore lint/performance/noImgElement: use next image later\n <img\n src={image.src}\n alt={image.alt ?? ''}\n className=\"w-[72px] h-[72px] object-cover shrink-0\"\n />\n ) : (\n <div className=\"w-[72px] h-[72px] shrink-0 flex items-center justify-center bg-gray-100\">\n <ImgPlaceholder />\n </div>\n )}\n </div>\n </div>\n <P2 className=\"text-gray-800 line-clamp-3\" text={description} />\n </div>\n )\n }\n\n if (isLoading) {\n return <LargeSkeleton />\n }\n\n const { categoryLabel, publishedDate, title, description, image } =\n props as CardListDetailProps\n return (\n <div\n className={clsx(\n 'flex flex-row w-full gap-[32px]',\n 'hover:opacity-70',\n 'hover:cursor-pointer'\n )}\n >\n <div className=\"flex flex-col w-full gap-[8px]\">\n <div className=\"flex flex-row gap-[8px]\">\n {categoryLabel ? (\n <P3 className=\"text-gray-600\" text={categoryLabel} />\n ) : null}\n {publishedDate ? (\n <P3 className=\"text-gray-600\" text={publishedDate} />\n ) : null}\n </div>\n <H4 className=\"text-gray-800\" text={title} />\n <P1 className=\"text-gray-800 line-clamp-3\" text={description} />\n </div>\n <div className=\"flex justify-center items-center\">\n {image?.src ? (\n // biome-ignore lint/performance/noImgElement: use next image later\n <img\n src={image.src}\n alt={image.alt ?? ''}\n className=\"w-[216px] h-[144px] object-cover shrink-0\"\n />\n ) : (\n <div className=\"w-[216px] h-[144px] shrink-0 flex items-center justify-center bg-gray-100\">\n <ImgPlaceholder />\n </div>\n )}\n </div>\n </div>\n )\n}\n\nCardList.Size = SIZE\nexport default CardList\n"],"mappings":"~~;;;;;;;;;;~~AAsCA,MAAMA,YAAuD,UAAU;CACrE,MAAM,EAAE,MAAM,YAAY,UAAU;~~AAEpC~~,KAAI,SAAS,KAAK,GAAG;AACnB,MAAI,UACF,QAAO,oBAAC,kBAAgB;EAE1B,MAAM,EAAE,gCAAe,gCAAe,gBAAO,4BAAa,mBACxD;AACF,SACE,qBAAC;GACC,WAAW,KACT,kCACA,oBACA,uBACD;cAED,qBAAC;IAAI,WAAU;eACb,qBAAC;KAAI,WAAU;gBACb,qBAAC;MAAI,WAAU;iBACZC,kBACC,oBAAC;OAAG,WAAU;OAAgB,MAAMA;QAAiB,GACnD,MACHC,kBACC,oBAAC;OAAG,WAAU;OAAgB,MAAMA;QAAiB,GACnD;OACA,EACN,oBAAC;~~MAAG~~,WAAU;~~MAAgB~~,MAAMC;~~OAAS~~;~~MACzC~~,EACN,oBAAC;KAAI,WAAU;eACZC,SAAO,~~MAEN~~,oBAAC;MACC,KAAKA,QAAM;MACX,KAAKA,QAAM,OAAO;MAClB,WAAU;~~OACV~~,GAEF,oBAAC;MAAI,WAAU;gBACb,oBAACC,4BAAiB;OACd;MAEJ;KACF,EACN,oBAAC;IAAG,WAAU;IAA6B,MAAMC;KAAe;IAC5D;;AAIV,KAAI,UACF,QAAO,oBAAC,kBAAgB;CAG1B,MAAM,EAAE,eAAe,eAAe,OAAO,aAAa,UACxD;AACF,QACE,qBAAC;EACC,WAAW,KACT,mCACA,oBACA,uBACD;aAED,qBAAC;GAAI,WAAU;;IACb,qBAAC;KAAI,WAAU;gBACZ,gBACC,oBAAC;MAAG,WAAU;MAAgB,MAAM;OAAiB,GACnD,MACH,gBACC,oBAAC;MAAG,WAAU;MAAgB,MAAM;OAAiB,GACnD;MACA;IACN,oBAAC;~~KAAG~~,WAAU;~~KAAgB~~,MAAM;~~MAAS~~;~~IAC7C~~,oBAAC;KAAG,WAAU;KAA6B,MAAM;MAAe;;IAC5D,EACN,oBAAC;GAAI,WAAU;aACZ,OAAO,~~MAEN~~,oBAAC;IACC,KAAK,MAAM;IACX,KAAK,MAAM,OAAO;IAClB,WAAU;~~KACV~~,GAEF,oBAAC;IAAI,WAAU;cACb,oBAACD,4BAAiB;KACd;IAEJ;GACF;;AAIV,SAAS,OAAO;AAChB,mBAAe"}
1	+ {"version":3,"file":"index.mjs","names":["CardList: FC<CardListProps> & { Size: typeof SIZE }","categoryLabel","publishedDate","title","image","ImgPlaceholder","description"],"sources":["../../../src/card/list/index.tsx"],"sourcesContent":["import { type FC, useState } from 'react'\nimport clsx from 'clsx'\n// text\nimport { P1, P2, P3 } from '../../text/paragraph'\nimport { H4 } from '../../text/heading'\n// constants\nimport { SIZE, type Size } from './constants'\n// skeleton\nimport { LargeSkeleton, SmallSkeleton } from './loading'\n// placeholder\nimport ImgPlaceholder from './img-placeholder'\n\ntype CardListBaseProps = {\n categoryLabel?: string\n publishedDate?: string\n title: string\n description: string\n image?: {\n src: string\n alt?: string\n }\n size: Size\n // TODO: add isBookmark when bookmark feature is ready\n // isBookmark?: boolean\n // onBookmarkClick?: () => void\n}\n\ntype CardListLoadingProps = {\n isLoading: true\n size: Size\n}\n\ntype CardListDetailProps = CardListBaseProps & {\n isLoading?: false\n}\n\ntype CardListProps = CardListLoadingProps \| CardListDetailProps\n\nconst CardList: FC<CardListProps> & { Size: typeof SIZE } = (props) => {\n const { size, isLoading = false } = props\n const [failedImageKey, setFailedImageKey] = useState<string \| null>(null)\n const imageSrc = 'image' in props ? props.image?.src : undefined\n const imageKey = `${size}:${imageSrc ?? ''}`\n const isImageFailed = failedImageKey === imageKey\n\n if (size === SIZE.s) {\n if (isLoading) {\n return <SmallSkeleton />\n }\n const { categoryLabel, publishedDate, title, description, image } =\n props as CardListDetailProps\n return (\n <div\n className={clsx(\n 'flex flex-col w-full gap-[8px]',\n 'hover:opacity-70',\n 'hover:cursor-pointer'\n )}\n >\n <div className=\"flex flex-row gap-[8px]\">\n <div className=\"flex flex-col w-full gap-[4px]\">\n <div className=\"flex flex-row gap-[8px]\">\n {categoryLabel ? (\n <P3 className=\"text-gray-600\" text={categoryLabel} />\n ) : null}\n {publishedDate ? (\n <P3 className=\"text-gray-600\" text={publishedDate} />\n ) : null}\n </div>\n <H4\n className=\"text-gray-800 !text-[18px]\"\n text={title}\n type={H4.Type.article}\n />\n </div>\n <div className=\"flex justify-center items-center\">\n {image?.src && !isImageFailed ? (\n // biome-ignore lint/performance/noImgElement: use next image later\n <img\n src={image.src}\n alt={image.alt ?? ''}\n className=\"w-[72px] h-[72px] object-cover shrink-0\"\n onError={() => setFailedImageKey(imageKey)}\n />\n ) : (\n <div className=\"w-[72px] h-[72px] shrink-0 flex items-center justify-center bg-gray-100\">\n <ImgPlaceholder />\n </div>\n )}\n </div>\n </div>\n <P2 className=\"text-gray-800 line-clamp-3\" text={description} />\n </div>\n )\n }\n\n if (isLoading) {\n return <LargeSkeleton />\n }\n\n const { categoryLabel, publishedDate, title, description, image } =\n props as CardListDetailProps\n return (\n <div\n className={clsx(\n 'flex flex-row w-full gap-[32px]',\n 'hover:opacity-70',\n 'hover:cursor-pointer'\n )}\n >\n <div className=\"flex flex-col w-full gap-[8px]\">\n <div className=\"flex flex-row gap-[8px]\">\n {categoryLabel ? (\n <P3 className=\"text-gray-600\" text={categoryLabel} />\n ) : null}\n {publishedDate ? (\n <P3 className=\"text-gray-600\" text={publishedDate} />\n ) : null}\n </div>\n <H4\n className=\"text-gray-800 !text-[22px]\"\n text={title}\n type={H4.Type.article}\n />\n <P1 className=\"text-gray-800 line-clamp-3\" text={description} />\n </div>\n <div className=\"flex justify-center items-center\">\n {image?.src && !isImageFailed ? (\n // biome-ignore lint/performance/noImgElement: use next image later\n <img\n src={image.src}\n alt={image.alt ?? ''}\n className=\"w-[216px] h-[144px] object-cover shrink-0\"\n onError={() => setFailedImageKey(imageKey)}\n />\n ) : (\n <div className=\"w-[216px] h-[144px] shrink-0 flex items-center justify-center bg-gray-100\">\n <ImgPlaceholder />\n </div>\n )}\n </div>\n </div>\n )\n}\n\nCardList.Size = SIZE\nexport default CardList\n"],"mappings":";;;;;;;;;;;AAsCA,MAAMA,YAAuD,UAAU;CACrE,MAAM,EAAE,MAAM,YAAY,UAAU;CACpC,MAAM,CAAC,gBAAgB,qBAAqB,SAAwB,KAAK;CACzE,MAAM,WAAW,WAAW,QAAQ,MAAM,OAAO,MAAM;CACvD,MAAM,WAAW,GAAG,KAAK,GAAG,YAAY;CACxC,MAAM,gBAAgB,mBAAmB;AAEzC,KAAI,SAAS,KAAK,GAAG;AACnB,MAAI,UACF,QAAO,oBAAC,kBAAgB;EAE1B,MAAM,EAAE,gCAAe,gCAAe,gBAAO,4BAAa,mBACxD;AACF,SACE,qBAAC;GACC,WAAW,KACT,kCACA,oBACA,uBACD;cAED,qBAAC;IAAI,WAAU;eACb,qBAAC;KAAI,WAAU;gBACb,qBAAC;MAAI,WAAU;iBACZC,kBACC,oBAAC;OAAG,WAAU;OAAgB,MAAMA;QAAiB,GACnD,MACHC,kBACC,oBAAC;OAAG,WAAU;OAAgB,MAAMA;QAAiB,GACnD;OACA,EACN,oBAAC;MACC,WAAU;MACV,MAAMC;MACN,MAAM,GAAG,KAAK;OACd;MACE,EACN,oBAAC;KAAI,WAAU;eACZC,SAAO,OAAO,CAAC,gBAEd,oBAAC;MACC,KAAKA,QAAM;MACX,KAAKA,QAAM,OAAO;MAClB,WAAU;MACV,eAAe,kBAAkB,SAAS;OAC1C,GAEF,oBAAC;MAAI,WAAU;gBACb,oBAACC,4BAAiB;OACd;MAEJ;KACF,EACN,oBAAC;IAAG,WAAU;IAA6B,MAAMC;KAAe;IAC5D;;AAIV,KAAI,UACF,QAAO,oBAAC,kBAAgB;CAG1B,MAAM,EAAE,eAAe,eAAe,OAAO,aAAa,UACxD;AACF,QACE,qBAAC;EACC,WAAW,KACT,mCACA,oBACA,uBACD;aAED,qBAAC;GAAI,WAAU;;IACb,qBAAC;KAAI,WAAU;gBACZ,gBACC,oBAAC;MAAG,WAAU;MAAgB,MAAM;OAAiB,GACnD,MACH,gBACC,oBAAC;MAAG,WAAU;MAAgB,MAAM;OAAiB,GACnD;MACA;IACN,oBAAC;KACC,WAAU;KACV,MAAM;KACN,MAAM,GAAG,KAAK;MACd;IACF,oBAAC;KAAG,WAAU;KAA6B,MAAM;MAAe;;IAC5D,EACN,oBAAC;GAAI,WAAU;aACZ,OAAO,OAAO,CAAC,gBAEd,oBAAC;IACC,KAAK,MAAM;IACX,KAAK,MAAM,OAAO;IAClB,WAAU;IACV,eAAe,kBAAkB,SAAS;KAC1C,GAEF,oBAAC;IAAI,WAAU;cACb,oBAACD,4BAAiB;KACd;IAEJ;GACF;;AAIV,SAAS,OAAO;AAChB,mBAAe"}

package/lib/{channels-BdOcGdox.mjs → channels-BaqRhrZM.mjs} RENAMED Viewed

@@ -1,11 +1,11 @@
 import { internal_link_default } from "./internal-link-JeC0sVNF.mjs";
 import { text_button_default } from "./text-button-DkD8OA65.mjs";
 import { icon_button_default } from "./icon-button-B-71Zncn.mjs";
-import { divider_default } from "./divider-DX0u-V4m.mjs";
-import { external_link_default } from "./external-link-DrDvZqvE.mjs";
-import { HamburgerContext, HeaderContext } from "./context-Bg1CbUYL.mjs";
-import { Hamburger } from "./icons-D_G_3m8-.mjs";
-import { CHANNELS } from "./constants-BotsR-TR.mjs";
+import { external_link_default } from "./external-link-B7TYHbGX.mjs";
+import { divider_default } from "./divider-DoxG-5AA.mjs";
+import { HamburgerContext, HeaderContext } from "./context-rWQ3FoMt.mjs";
+import { Hamburger } from "./icons-CQv9VD7t.mjs";
+import { CHANNELS } from "./constants-CuIg3dyv.mjs";
 import { useContext } from "react";
 import clsx from "clsx";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -60,4 +60,4 @@ var channels_default = Channel;
 //#endregion
 export { channels_default };
-//# sourceMappingURL=channels-BdOcGdox.mjs.map
+//# sourceMappingURL=channels-BaqRhrZM.mjs.map

package/lib/{channels-BdOcGdox.mjs.map → channels-BaqRhrZM.mjs.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"channels-~~BdOcGdox~~.mjs","names":["ChannelItem: FC<ChannelItemProps>","ExternalLink","InternalLink","TextButton","IconButton","Divider"],"sources":["../src/header/components/channels/index.tsx"],"sourcesContent":["import { useContext, type FC } from 'react'\nimport clsx from 'clsx'\n// context\nimport { HeaderContext, HamburgerContext } from '../../context'\n// components\nimport { IconButton, TextButton } from '../../../button'\nimport { Hamburger } from '../../../icons'\nimport Divider from '../../../divider'\n// constants\nimport { CHANNELS } from './constants'\n// link\nimport { ExternalLink, InternalLink } from '../../../customized-link'\nimport type { LinkTarget } from '../../../customized-link/type'\n// lodash\nimport map from 'lodash/map'\nconst _ = {\n map,\n}\ntype ChannelItemProps = {\n link: {\n href: string\n target: LinkTarget\n }\n label: string\n}\nconst ChannelItem: FC<ChannelItemProps> = ({\n link = { href: '', target: '_self' },\n label = '',\n}) => {\n const { theme, isLinkExternal } = useContext(HeaderContext)\n const LinkComponent = isLinkExternal ? ExternalLink : InternalLink\n return (\n <div className={clsx('flex items-center', '[&>a]:no-underline')}>\n <LinkComponent to={link.href} target={link.target}>\n <TextButton\n text={label}\n size={TextButton.Size.l}\n theme={theme}\n style={TextButton.Style.dark}\n />\n </LinkComponent>\n </div>\n )\n}\n\nconst Channel = () => {\n const { releaseBranch, theme } = useContext(HeaderContext)\n const { toggleHamburger } = useContext(HamburgerContext)\n return (\n <div className=\"flex flex-col items-center\">\n <div className=\"flex items-center justify-between w-full px-[16px] py-[8px]\">\n <IconButton\n iconComponent={Hamburger(releaseBranch)}\n theme={theme}\n onClick={toggleHamburger}\n />\n {_.map(CHANNELS, (channel) => {\n return (\n <ChannelItem\n key={`channel-${channel.label}`}\n label={channel.label}\n link={{\n href: channel.to,\n target: channel.target,\n }}\n />\n )\n })}\n </div>\n <Divider />\n </div>\n )\n}\n\nexport default Channel\n"],"mappings":";;;;;;;;;;;;;;AAeA,MAAM,IAAI,EACR,KACD;AAQD,MAAMA,eAAqC,EACzC,OAAO;CAAE,MAAM;CAAI,QAAQ;CAAS,EACpC,QAAQ,SACJ;CACJ,MAAM,EAAE,OAAO,mBAAmB,WAAW,cAAc;CAC3D,MAAM,gBAAgB,iBAAiBC,wBAAeC;AACtD,QACE,oBAAC;EAAI,WAAW,KAAK,qBAAqB,qBAAqB;YAC7D,oBAAC;GAAc,IAAI,KAAK;GAAM,QAAQ,KAAK;aACzC,oBAACC;IACC,MAAM;IACN,MAAMA,oBAAW,KAAK;IACf;IACP,OAAOA,oBAAW,MAAM;KACxB;IACY;GACZ;;AAIV,MAAM,gBAAgB;CACpB,MAAM,EAAE,eAAe,UAAU,WAAW,cAAc;CAC1D,MAAM,EAAE,oBAAoB,WAAW,iBAAiB;AACxD,QACE,qBAAC;EAAI,WAAU;aACb,qBAAC;GAAI,WAAU;cACb,oBAACC;IACC,eAAe,UAAU,cAAc;IAChC;IACP,SAAS;KACT,EACD,EAAE,IAAI,WAAW,YAAY;AAC5B,WACE,oBAAC;KAEC,OAAO,QAAQ;KACf,MAAM;MACJ,MAAM,QAAQ;MACd,QAAQ,QAAQ;MACjB;OALI,WAAW,QAAQ,QAMxB;KAEJ;IACE,EACN,oBAACC,oBAAU;GACP;;AAIV,uBAAe"}
1	+ {"version":3,"file":"channels-BaqRhrZM.mjs","names":["ChannelItem: FC<ChannelItemProps>","ExternalLink","InternalLink","TextButton","IconButton","Divider"],"sources":["../src/header/components/channels/index.tsx"],"sourcesContent":["import { useContext, type FC } from 'react'\nimport clsx from 'clsx'\n// context\nimport { HeaderContext, HamburgerContext } from '../../context'\n// components\nimport { IconButton, TextButton } from '../../../button'\nimport { Hamburger } from '../../../icons'\nimport Divider from '../../../divider'\n// constants\nimport { CHANNELS } from './constants'\n// link\nimport { ExternalLink, InternalLink } from '../../../customized-link'\nimport type { LinkTarget } from '../../../customized-link/type'\n// lodash\nimport map from 'lodash/map'\nconst _ = {\n map,\n}\ntype ChannelItemProps = {\n link: {\n href: string\n target: LinkTarget\n }\n label: string\n}\nconst ChannelItem: FC<ChannelItemProps> = ({\n link = { href: '', target: '_self' },\n label = '',\n}) => {\n const { theme, isLinkExternal } = useContext(HeaderContext)\n const LinkComponent = isLinkExternal ? ExternalLink : InternalLink\n return (\n <div className={clsx('flex items-center', '[&>a]:no-underline')}>\n <LinkComponent to={link.href} target={link.target}>\n <TextButton\n text={label}\n size={TextButton.Size.l}\n theme={theme}\n style={TextButton.Style.dark}\n />\n </LinkComponent>\n </div>\n )\n}\n\nconst Channel = () => {\n const { releaseBranch, theme } = useContext(HeaderContext)\n const { toggleHamburger } = useContext(HamburgerContext)\n return (\n <div className=\"flex flex-col items-center\">\n <div className=\"flex items-center justify-between w-full px-[16px] py-[8px]\">\n <IconButton\n iconComponent={Hamburger(releaseBranch)}\n theme={theme}\n onClick={toggleHamburger}\n />\n {_.map(CHANNELS, (channel) => {\n return (\n <ChannelItem\n key={`channel-${channel.label}`}\n label={channel.label}\n link={{\n href: channel.to,\n target: channel.target,\n }}\n />\n )\n })}\n </div>\n <Divider />\n </div>\n )\n}\n\nexport default Channel\n"],"mappings":";;;;;;;;;;;;;;AAeA,MAAM,IAAI,EACR,KACD;AAQD,MAAMA,eAAqC,EACzC,OAAO;CAAE,MAAM;CAAI,QAAQ;CAAS,EACpC,QAAQ,SACJ;CACJ,MAAM,EAAE,OAAO,mBAAmB,WAAW,cAAc;CAC3D,MAAM,gBAAgB,iBAAiBC,wBAAeC;AACtD,QACE,oBAAC;EAAI,WAAW,KAAK,qBAAqB,qBAAqB;YAC7D,oBAAC;GAAc,IAAI,KAAK;GAAM,QAAQ,KAAK;aACzC,oBAACC;IACC,MAAM;IACN,MAAMA,oBAAW,KAAK;IACf;IACP,OAAOA,oBAAW,MAAM;KACxB;IACY;GACZ;;AAIV,MAAM,gBAAgB;CACpB,MAAM,EAAE,eAAe,UAAU,WAAW,cAAc;CAC1D,MAAM,EAAE,oBAAoB,WAAW,iBAAiB;AACxD,QACE,qBAAC;EAAI,WAAU;aACb,qBAAC;GAAI,WAAU;cACb,oBAACC;IACC,eAAe,UAAU,cAAc;IAChC;IACP,SAAS;KACT,EACD,EAAE,IAAI,WAAW,YAAY;AAC5B,WACE,oBAAC;KAEC,OAAO,QAAQ;KACf,MAAM;MACJ,MAAM,QAAQ;MACd,QAAQ,QAAQ;MACjB;OALI,WAAW,QAAQ,QAMxB;KAEJ;IACE,EACN,oBAACC,oBAAU;GACP;;AAIV,uBAAe"}

package/lib/{channels-91z01E6M.mjs → channels-C-6MztKV.mjs} RENAMED Viewed

@@ -1,5 +1,5 @@
-import { EXTERNAL_LINKS } from "./external-links-FfndTp-X.mjs";
-import { INTERNAL_LINKS } from "./internal-links-hIbZZEWd.mjs";
+import { EXTERNAL_LINKS } from "./external-links-TcghBJyz.mjs";
+import { INTERNAL_LINKS } from "./internal-links-DOdRudQQ.mjs";
 //#region src/hamburger-menu/constants/channels.ts
 const CHANNEL_TYPE = {
@@ -207,4 +207,4 @@ const Channels = [
 //#endregion
 export { CHANNEL_TYPE, Channels };
-//# sourceMappingURL=channels-91z01E6M.mjs.map
+//# sourceMappingURL=channels-C-6MztKV.mjs.map

package/lib/{channels-91z01E6M.mjs.map → channels-C-6MztKV.mjs.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"channels-~~91z01E6M~~.mjs","names":[],"sources":["../src/hamburger-menu/constants/channels.ts"],"sourcesContent":["import { INTERNAL_LINKS } from '../../constants/internal-links'\nimport { EXTERNAL_LINKS } from '../../constants/external-links'\nimport type { LinkTarget } from '../../customized-link/type'\n\nexport const CHANNEL_TYPE = {\n link: 'link',\n divider: 'divider',\n dropdown: 'dropdown',\n iconLink: 'icon-link',\n lightLink: 'light-link',\n} as const\n\nexport const Channels = [\n {\n type: CHANNEL_TYPE.link,\n label: '最新',\n to: INTERNAL_LINKS.latest,\n target: '_self' as LinkTarget,\n },\n {\n type: CHANNEL_TYPE.divider,\n },\n {\n type: CHANNEL_TYPE.link,\n label: '深度專題',\n to: INTERNAL_LINKS.topics,\n target: '_self' as LinkTarget,\n },\n {\n type: CHANNEL_TYPE.dropdown,\n label: '議題',\n dropdownItems: [\n {\n label: '國際兩岸',\n to: INTERNAL_LINKS.categories.world,\n target: '_self' as LinkTarget,\n },\n {\n label: '人權司法',\n to: INTERNAL_LINKS.categories.humanRights,\n target: '_self' as LinkTarget,\n },\n {\n label: '政治社會',\n to: INTERNAL_LINKS.categories.politicsAndSociety,\n target: '_self' as LinkTarget,\n },\n {\n label: '醫療健康',\n to: INTERNAL_LINKS.categories.health,\n target: '_self' as LinkTarget,\n },\n {\n label: '環境永續',\n to: INTERNAL_LINKS.categories.environment,\n target: '_self' as LinkTarget,\n },\n {\n label: '經濟產業',\n to: INTERNAL_LINKS.categories.econ,\n target: '_self' as LinkTarget,\n },\n {\n label: '文化生活',\n to: INTERNAL_LINKS.categories.culture,\n target: '_self' as LinkTarget,\n },\n {\n label: '教育校園',\n to: INTERNAL_LINKS.categories.education,\n target: '_self' as LinkTarget,\n },\n ],\n },\n {\n type: CHANNEL_TYPE.dropdown,\n label: '評論',\n dropdownItems: [\n {\n label: '書摘與書評',\n to: INTERNAL_LINKS.categories.opinion.bookReview,\n target: '_self' as LinkTarget,\n },\n {\n label: '讀者投書',\n to: INTERNAL_LINKS.categories.opinion.letter,\n target: '_self' as LinkTarget,\n },\n {\n label: '全部',\n to: INTERNAL_LINKS.categories.opinion.index,\n target: '_self' as LinkTarget,\n },\n ],\n },\n {\n type: CHANNEL_TYPE.link,\n label: '人物故事',\n to: INTERNAL_LINKS.humanStory,\n target: '_self' as LinkTarget,\n },\n {\n type: CHANNEL_TYPE.divider,\n },\n {\n type: CHANNEL_TYPE.link,\n label: '影像',\n to: INTERNAL_LINKS.photography,\n target: '_self' as LinkTarget,\n },\n {\n type: CHANNEL_TYPE.dropdown,\n label: 'Podcast',\n dropdownItems: [\n {\n label: '關於報導者 Podcast',\n to: INTERNAL_LINKS.podcast.aboutPodcast,\n target: '_self' as LinkTarget,\n },\n {\n label: 'The Real Story',\n to: INTERNAL_LINKS.categories.podcast.theRealStory,\n target: '_self' as LinkTarget,\n },\n {\n label: 'On the Ground 路邊攤計劃',\n to: INTERNAL_LINKS.categories.podcast.onTheGround,\n target: '_self' as LinkTarget,\n },\n ],\n },\n {\n type: CHANNEL_TYPE.link,\n label: '少年報導者',\n to: EXTERNAL_LINKS.kidsReporter,\n target: '_blank' as LinkTarget,\n },\n {\n type: CHANNEL_TYPE.link,\n label: '報導者觀測站',\n to: EXTERNAL_LINKS.lawmaker,\n target: '_blank' as LinkTarget,\n },\n {\n type: CHANNEL_TYPE.link,\n label: '數位敘事',\n to: INTERNAL_LINKS.infographic,\n target: '_self' as LinkTarget,\n },\n {\n type: CHANNEL_TYPE.divider,\n },\n {\n type: CHANNEL_TYPE.iconLink,\n label: '個人專區',\n icon: 'member',\n to: INTERNAL_LINKS.account.index,\n target: '_self' as LinkTarget,\n },\n {\n type: CHANNEL_TYPE.iconLink,\n label: '我的閱讀',\n icon: 'kid_star',\n to: INTERNAL_LINKS.myReading.index,\n target: '_self' as LinkTarget,\n },\n {\n type: CHANNEL_TYPE.iconLink,\n label: '已收藏',\n icon: 'bookmark_basic',\n to: INTERNAL_LINKS.myReading.savedBookmarks,\n target: '_self' as LinkTarget,\n },\n {\n type: CHANNEL_TYPE.iconLink,\n label: '造訪紀錄',\n icon: 'history',\n to: INTERNAL_LINKS.myReading.browsingHistory,\n target: '_self' as LinkTarget,\n },\n {\n type: CHANNEL_TYPE.divider,\n },\n {\n type: CHANNEL_TYPE.lightLink,\n label: '基金會消息',\n to: INTERNAL_LINKS.categories.foundation.index,\n target: '_self' as LinkTarget,\n },\n {\n type: CHANNEL_TYPE.lightLink,\n label: '關於我們',\n to: INTERNAL_LINKS.about,\n target: '_blank' as LinkTarget,\n },\n {\n type: CHANNEL_TYPE.lightLink,\n label: '影響力報告',\n to: INTERNAL_LINKS.influenceReport,\n target: '_self' as LinkTarget,\n },\n {\n type: CHANNEL_TYPE.lightLink,\n label: '報導者開放實驗室',\n to: EXTERNAL_LINKS.openLab,\n target: '_blank' as LinkTarget,\n },\n {\n type: CHANNEL_TYPE.lightLink,\n label: '出版品與周邊',\n to: EXTERNAL_LINKS.publicationAndMerchandise,\n target: '_blank' as LinkTarget,\n },\n {\n type: CHANNEL_TYPE.divider,\n },\n]\n"],"mappings":"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"}
1	+ {"version":3,"file":"channels-C-6MztKV.mjs","names":[],"sources":["../src/hamburger-menu/constants/channels.ts"],"sourcesContent":["import { INTERNAL_LINKS } from '../../constants/internal-links'\nimport { EXTERNAL_LINKS } from '../../constants/external-links'\nimport type { LinkTarget } from '../../customized-link/type'\n\nexport const CHANNEL_TYPE = {\n link: 'link',\n divider: 'divider',\n dropdown: 'dropdown',\n iconLink: 'icon-link',\n lightLink: 'light-link',\n} as const\n\nexport const Channels = [\n {\n type: CHANNEL_TYPE.link,\n label: '最新',\n to: INTERNAL_LINKS.latest,\n target: '_self' as LinkTarget,\n },\n {\n type: CHANNEL_TYPE.divider,\n },\n {\n type: CHANNEL_TYPE.link,\n label: '深度專題',\n to: INTERNAL_LINKS.topics,\n target: '_self' as LinkTarget,\n },\n {\n type: CHANNEL_TYPE.dropdown,\n label: '議題',\n dropdownItems: [\n {\n label: '國際兩岸',\n to: INTERNAL_LINKS.categories.world,\n target: '_self' as LinkTarget,\n },\n {\n label: '人權司法',\n to: INTERNAL_LINKS.categories.humanRights,\n target: '_self' as LinkTarget,\n },\n {\n label: '政治社會',\n to: INTERNAL_LINKS.categories.politicsAndSociety,\n target: '_self' as LinkTarget,\n },\n {\n label: '醫療健康',\n to: INTERNAL_LINKS.categories.health,\n target: '_self' as LinkTarget,\n },\n {\n label: '環境永續',\n to: INTERNAL_LINKS.categories.environment,\n target: '_self' as LinkTarget,\n },\n {\n label: '經濟產業',\n to: INTERNAL_LINKS.categories.econ,\n target: '_self' as LinkTarget,\n },\n {\n label: '文化生活',\n to: INTERNAL_LINKS.categories.culture,\n target: '_self' as LinkTarget,\n },\n {\n label: '教育校園',\n to: INTERNAL_LINKS.categories.education,\n target: '_self' as LinkTarget,\n },\n ],\n },\n {\n type: CHANNEL_TYPE.dropdown,\n label: '評論',\n dropdownItems: [\n {\n label: '書摘與書評',\n to: INTERNAL_LINKS.categories.opinion.bookReview,\n target: '_self' as LinkTarget,\n },\n {\n label: '讀者投書',\n to: INTERNAL_LINKS.categories.opinion.letter,\n target: '_self' as LinkTarget,\n },\n {\n label: '全部',\n to: INTERNAL_LINKS.categories.opinion.index,\n target: '_self' as LinkTarget,\n },\n ],\n },\n {\n type: CHANNEL_TYPE.link,\n label: '人物故事',\n to: INTERNAL_LINKS.humanStory,\n target: '_self' as LinkTarget,\n },\n {\n type: CHANNEL_TYPE.divider,\n },\n {\n type: CHANNEL_TYPE.link,\n label: '影像',\n to: INTERNAL_LINKS.photography,\n target: '_self' as LinkTarget,\n },\n {\n type: CHANNEL_TYPE.dropdown,\n label: 'Podcast',\n dropdownItems: [\n {\n label: '關於報導者 Podcast',\n to: INTERNAL_LINKS.podcast.aboutPodcast,\n target: '_self' as LinkTarget,\n },\n {\n label: 'The Real Story',\n to: INTERNAL_LINKS.categories.podcast.theRealStory,\n target: '_self' as LinkTarget,\n },\n {\n label: 'On the Ground 路邊攤計劃',\n to: INTERNAL_LINKS.categories.podcast.onTheGround,\n target: '_self' as LinkTarget,\n },\n ],\n },\n {\n type: CHANNEL_TYPE.link,\n label: '少年報導者',\n to: EXTERNAL_LINKS.kidsReporter,\n target: '_blank' as LinkTarget,\n },\n {\n type: CHANNEL_TYPE.link,\n label: '報導者觀測站',\n to: EXTERNAL_LINKS.lawmaker,\n target: '_blank' as LinkTarget,\n },\n {\n type: CHANNEL_TYPE.link,\n label: '數位敘事',\n to: INTERNAL_LINKS.infographic,\n target: '_self' as LinkTarget,\n },\n {\n type: CHANNEL_TYPE.divider,\n },\n {\n type: CHANNEL_TYPE.iconLink,\n label: '個人專區',\n icon: 'member',\n to: INTERNAL_LINKS.account.index,\n target: '_self' as LinkTarget,\n },\n {\n type: CHANNEL_TYPE.iconLink,\n label: '我的閱讀',\n icon: 'kid_star',\n to: INTERNAL_LINKS.myReading.index,\n target: '_self' as LinkTarget,\n },\n {\n type: CHANNEL_TYPE.iconLink,\n label: '已收藏',\n icon: 'bookmark_basic',\n to: INTERNAL_LINKS.myReading.savedBookmarks,\n target: '_self' as LinkTarget,\n },\n {\n type: CHANNEL_TYPE.iconLink,\n label: '造訪紀錄',\n icon: 'history',\n to: INTERNAL_LINKS.myReading.browsingHistory,\n target: '_self' as LinkTarget,\n },\n {\n type: CHANNEL_TYPE.divider,\n },\n {\n type: CHANNEL_TYPE.lightLink,\n label: '基金會消息',\n to: INTERNAL_LINKS.categories.foundation.index,\n target: '_self' as LinkTarget,\n },\n {\n type: CHANNEL_TYPE.lightLink,\n label: '關於我們',\n to: INTERNAL_LINKS.about,\n target: '_blank' as LinkTarget,\n },\n {\n type: CHANNEL_TYPE.lightLink,\n label: '影響力報告',\n to: INTERNAL_LINKS.influenceReport,\n target: '_self' as LinkTarget,\n },\n {\n type: CHANNEL_TYPE.lightLink,\n label: '報導者開放實驗室',\n to: EXTERNAL_LINKS.openLab,\n target: '_blank' as LinkTarget,\n },\n {\n type: CHANNEL_TYPE.lightLink,\n label: '出版品與周邊',\n to: EXTERNAL_LINKS.publicationAndMerchandise,\n target: '_blank' as LinkTarget,\n },\n {\n type: CHANNEL_TYPE.divider,\n },\n]\n"],"mappings":"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"}

package/lib/{channels-BpBCfeF7.js → channels-DIQKIHpB.js} RENAMED Viewed

@@ -1,12 +1,12 @@
 const require_chunk = require('./chunk-BxBTb9qk.js');
 const require_text_button = require('./text-button-DlMVqsvV.js');
 const require_icon_button = require('./icon-button-Vqwyow05.js');
-const require_divider = require('./divider-BBJMRjAQ.js');
-const require_external_link = require('./external-link-Dnw1WSM1.js');
-const require_internal_link = require('./internal-link-CKuvpRC8.js');
-const require_context = require('./context-DW8qh_Q3.js');
-const require_icons = require('./icons-OsNrxOWn.js');
-const require_constants = require('./constants-BYQoStw1.js');
+const require_external_link = require('./external-link-N6pHzsZ9.js');
+const require_internal_link = require('./internal-link-CQYfLFmN.js');
+const require_divider = require('./divider-DlnnAUAf.js');
+const require_context = require('./context-CDuykLw5.js');
+const require_icons = require('./icons-UUg8_T_o.js');
+const require_constants = require('./constants-Bx32cjdN.js');
 let react = require("react");
 react = require_chunk.__toESM(react);
 let clsx = require("clsx");
@@ -70,4 +70,4 @@ Object.defineProperty(exports, 'channels_default', {
     return channels_default;
   }
 });
-//# sourceMappingURL=channels-BpBCfeF7.js.map
+//# sourceMappingURL=channels-DIQKIHpB.js.map

package/lib/{channels-BpBCfeF7.js.map → channels-DIQKIHpB.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"channels-~~BpBCfeF7~~.js","names":["ChannelItem: FC<ChannelItemProps>","HeaderContext","ExternalLink","InternalLink","TextButton","HamburgerContext","IconButton","Hamburger","CHANNELS","Divider"],"sources":["../src/header/components/channels/index.tsx"],"sourcesContent":["import { useContext, type FC } from 'react'\nimport clsx from 'clsx'\n// context\nimport { HeaderContext, HamburgerContext } from '../../context'\n// components\nimport { IconButton, TextButton } from '../../../button'\nimport { Hamburger } from '../../../icons'\nimport Divider from '../../../divider'\n// constants\nimport { CHANNELS } from './constants'\n// link\nimport { ExternalLink, InternalLink } from '../../../customized-link'\nimport type { LinkTarget } from '../../../customized-link/type'\n// lodash\nimport map from 'lodash/map'\nconst _ = {\n map,\n}\ntype ChannelItemProps = {\n link: {\n href: string\n target: LinkTarget\n }\n label: string\n}\nconst ChannelItem: FC<ChannelItemProps> = ({\n link = { href: '', target: '_self' },\n label = '',\n}) => {\n const { theme, isLinkExternal } = useContext(HeaderContext)\n const LinkComponent = isLinkExternal ? ExternalLink : InternalLink\n return (\n <div className={clsx('flex items-center', '[&>a]:no-underline')}>\n <LinkComponent to={link.href} target={link.target}>\n <TextButton\n text={label}\n size={TextButton.Size.l}\n theme={theme}\n style={TextButton.Style.dark}\n />\n </LinkComponent>\n </div>\n )\n}\n\nconst Channel = () => {\n const { releaseBranch, theme } = useContext(HeaderContext)\n const { toggleHamburger } = useContext(HamburgerContext)\n return (\n <div className=\"flex flex-col items-center\">\n <div className=\"flex items-center justify-between w-full px-[16px] py-[8px]\">\n <IconButton\n iconComponent={Hamburger(releaseBranch)}\n theme={theme}\n onClick={toggleHamburger}\n />\n {_.map(CHANNELS, (channel) => {\n return (\n <ChannelItem\n key={`channel-${channel.label}`}\n label={channel.label}\n link={{\n href: channel.to,\n target: channel.target,\n }}\n />\n )\n })}\n </div>\n <Divider />\n </div>\n )\n}\n\nexport default Channel\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAeA,MAAM,IAAI,EACR,yBACD;AAQD,MAAMA,eAAqC,EACzC,OAAO;CAAE,MAAM;CAAI,QAAQ;CAAS,EACpC,QAAQ,SACJ;CACJ,MAAM,EAAE,OAAO,yCAA8BC,8BAAc;CAC3D,MAAM,gBAAgB,iBAAiBC,8CAAeC;AACtD,QACE,2CAAC;EAAI,6BAAgB,qBAAqB,qBAAqB;YAC7D,2CAAC;GAAc,IAAI,KAAK;GAAM,QAAQ,KAAK;aACzC,2CAACC;IACC,MAAM;IACN,MAAMA,wCAAW,KAAK;IACf;IACP,OAAOA,wCAAW,MAAM;KACxB;IACY;GACZ;;AAIV,MAAM,gBAAgB;CACpB,MAAM,EAAE,eAAe,gCAAqBH,8BAAc;CAC1D,MAAM,EAAE,0CAA+BI,iCAAiB;AACxD,QACE,4CAAC;EAAI,WAAU;aACb,4CAAC;GAAI,WAAU;cACb,2CAACC;IACC,eAAeC,wBAAU,cAAc;IAChC;IACP,SAAS;KACT,EACD,EAAE,IAAIC,6BAAW,YAAY;AAC5B,WACE,2CAAC;KAEC,OAAO,QAAQ;KACf,MAAM;MACJ,MAAM,QAAQ;MACd,QAAQ,QAAQ;MACjB;OALI,WAAW,QAAQ,QAMxB;KAEJ;IACE,EACN,2CAACC,oCAAU;GACP;;AAIV,uBAAe"}
1	+ {"version":3,"file":"channels-DIQKIHpB.js","names":["ChannelItem: FC<ChannelItemProps>","HeaderContext","ExternalLink","InternalLink","TextButton","HamburgerContext","IconButton","Hamburger","CHANNELS","Divider"],"sources":["../src/header/components/channels/index.tsx"],"sourcesContent":["import { useContext, type FC } from 'react'\nimport clsx from 'clsx'\n// context\nimport { HeaderContext, HamburgerContext } from '../../context'\n// components\nimport { IconButton, TextButton } from '../../../button'\nimport { Hamburger } from '../../../icons'\nimport Divider from '../../../divider'\n// constants\nimport { CHANNELS } from './constants'\n// link\nimport { ExternalLink, InternalLink } from '../../../customized-link'\nimport type { LinkTarget } from '../../../customized-link/type'\n// lodash\nimport map from 'lodash/map'\nconst _ = {\n map,\n}\ntype ChannelItemProps = {\n link: {\n href: string\n target: LinkTarget\n }\n label: string\n}\nconst ChannelItem: FC<ChannelItemProps> = ({\n link = { href: '', target: '_self' },\n label = '',\n}) => {\n const { theme, isLinkExternal } = useContext(HeaderContext)\n const LinkComponent = isLinkExternal ? ExternalLink : InternalLink\n return (\n <div className={clsx('flex items-center', '[&>a]:no-underline')}>\n <LinkComponent to={link.href} target={link.target}>\n <TextButton\n text={label}\n size={TextButton.Size.l}\n theme={theme}\n style={TextButton.Style.dark}\n />\n </LinkComponent>\n </div>\n )\n}\n\nconst Channel = () => {\n const { releaseBranch, theme } = useContext(HeaderContext)\n const { toggleHamburger } = useContext(HamburgerContext)\n return (\n <div className=\"flex flex-col items-center\">\n <div className=\"flex items-center justify-between w-full px-[16px] py-[8px]\">\n <IconButton\n iconComponent={Hamburger(releaseBranch)}\n theme={theme}\n onClick={toggleHamburger}\n />\n {_.map(CHANNELS, (channel) => {\n return (\n <ChannelItem\n key={`channel-${channel.label}`}\n label={channel.label}\n link={{\n href: channel.to,\n target: channel.target,\n }}\n />\n )\n })}\n </div>\n <Divider />\n </div>\n )\n}\n\nexport default Channel\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAeA,MAAM,IAAI,EACR,yBACD;AAQD,MAAMA,eAAqC,EACzC,OAAO;CAAE,MAAM;CAAI,QAAQ;CAAS,EACpC,QAAQ,SACJ;CACJ,MAAM,EAAE,OAAO,yCAA8BC,8BAAc;CAC3D,MAAM,gBAAgB,iBAAiBC,8CAAeC;AACtD,QACE,2CAAC;EAAI,6BAAgB,qBAAqB,qBAAqB;YAC7D,2CAAC;GAAc,IAAI,KAAK;GAAM,QAAQ,KAAK;aACzC,2CAACC;IACC,MAAM;IACN,MAAMA,wCAAW,KAAK;IACf;IACP,OAAOA,wCAAW,MAAM;KACxB;IACY;GACZ;;AAIV,MAAM,gBAAgB;CACpB,MAAM,EAAE,eAAe,gCAAqBH,8BAAc;CAC1D,MAAM,EAAE,0CAA+BI,iCAAiB;AACxD,QACE,4CAAC;EAAI,WAAU;aACb,4CAAC;GAAI,WAAU;cACb,2CAACC;IACC,eAAeC,wBAAU,cAAc;IAChC;IACP,SAAS;KACT,EACD,EAAE,IAAIC,6BAAW,YAAY;AAC5B,WACE,2CAAC;KAEC,OAAO,QAAQ;KACf,MAAM;MACJ,MAAM,QAAQ;MACd,QAAQ,QAAQ;MACjB;OALI,WAAW,QAAQ,QAMxB;KAEJ;IACE,EACN,2CAACC,oCAAU;GACP;;AAIV,uBAAe"}

package/lib/{channels-C0h1mON8.js → channels-DMEzu4xY.js} RENAMED Viewed

@@ -1,5 +1,5 @@
-const require_external_links = require('./external-links-CeidCP88.js');
-const require_internal_links = require('./internal-links-B0I8FU-O.js');
+const require_external_links = require('./external-links-xe0gZr3J.js');
+const require_internal_links = require('./internal-links-D7poW27s.js');
 //#region src/hamburger-menu/constants/channels.ts
 const CHANNEL_TYPE = {
@@ -218,4 +218,4 @@ Object.defineProperty(exports, 'Channels', {
     return Channels;
   }
 });
-//# sourceMappingURL=channels-C0h1mON8.js.map
+//# sourceMappingURL=channels-DMEzu4xY.js.map