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

package/lib/{internal-link-BL950cs3.d.ts → internal-link-CnC6mb4i.d.ts}

@@ -1,4 +1,4 @@
-import { CustomizedLinkProps } from "./type-CcygKers.js";
+import { CustomizedLinkProps } from "./type-BnDFCU6X.js";
 import { FC } from "react";
 
 //#region src/customized-link/internal-link.d.ts
@@ -6,4 +6,4 @@ type InternalLinkProps = CustomizedLinkProps;
 declare const InternalLink: FC<InternalLinkProps>;
 //#endregion
 export { InternalLink };
-//# sourceMappingURL=internal-link-BL950cs3.d.ts.map
+//# sourceMappingURL=internal-link-CnC6mb4i.d.ts.map

package/lib/{internal-link-DgOMen4w.d.mts → internal-link-F7DL65ZS.d.mts}

@@ -1,4 +1,4 @@
-import { CustomizedLinkProps } from "./type-Bsf9A8YX.mjs";
+import { CustomizedLinkProps } from "./type-CUK24s0m.mjs";
 import { FC } from "react";
 
 //#region src/customized-link/internal-link.d.ts
@@ -6,4 +6,4 @@ type InternalLinkProps = CustomizedLinkProps;
 declare const InternalLink: FC<InternalLinkProps>;
 //#endregion
 export { InternalLink };
-//# sourceMappingURL=internal-link-DgOMen4w.d.mts.map
+//# sourceMappingURL=internal-link-F7DL65ZS.d.mts.map

package/lib/{internal-links-DxtMobuI.js → internal-links-D7poW27s.js}

@@ -56,4 +56,4 @@ Object.defineProperty(exports, 'INTERNAL_LINKS', {
     return INTERNAL_LINKS;
   }
 });
-//# sourceMappingURL=internal-links-DxtMobuI.js.map
+//# sourceMappingURL=internal-links-D7poW27s.js.map

package/lib/{internal-links-DxtMobuI.js.map → internal-links-D7poW27s.js.map}

@@ -1 +1 @@
-{"version":3,"file":"internal-links-DxtMobuI.js","names":[],"sources":["../src/constants/internal-links.ts"],"sourcesContent":["const accountBase = '/account'\nconst myReadingBase = '/myreading'\nconst categoriesBase = '/categories'\nconst articlesBase = '/a'\n\nexport const INTERNAL_LINKS = {\n  home: '/',\n  latest: '/latest',\n  topics: '/topics',\n  search: '/search',\n  about: '/about-us',\n  article: articlesBase,\n  account: {\n    index: accountBase,\n    donationHistoryPage: `${accountBase}/donation-history`,\n    emailSubscription: `${accountBase}/email-subscription`,\n    exclusiveOffers: `${accountBase}/exclusive-offers`,\n  },\n  myReading: {\n    index: myReadingBase,\n    savedBookmarks: `${myReadingBase}/saved`,\n    browsingHistory: `${myReadingBase}/history`,\n  },\n  categories: {\n    world: `${categoriesBase}/world`,\n    humanRights: `${categoriesBase}/humanrights`,\n    politicsAndSociety: `${categoriesBase}/politics-and-society`,\n    health: `${categoriesBase}/health`,\n    environment: `${categoriesBase}/environment`,\n    econ: `${categoriesBase}/econ`,\n    culture: `${categoriesBase}/culture`,\n    education: `${categoriesBase}/education`,\n    opinion: {\n      index: `${categoriesBase}/opinion`,\n      bookReview: `${categoriesBase}/opinion/book-review`,\n      letter: `${categoriesBase}/opinion/letter`,\n    },\n    podcast: {\n      theRealStory: `${categoriesBase}/podcast/the-real-story`,\n      onTheGround: `${categoriesBase}/podcast/on-the-ground`,\n    },\n    foundation: {\n      index: `${categoriesBase}/foundation`,\n    },\n  },\n  humanStory: '/tags/58db34a30f56b40d001ae6a6', // 人物故事 tag id\n  photography: '/photography',\n  podcast: {\n    aboutPodcast: `${articlesBase}/podcast-list`,\n  },\n  infographic: '/tags/630f029461ca4e07004ef530', // infographic tag id\n  influenceReport: `${articlesBase}/impact-and-annual-report`,\n} as const\n"],"mappings":";;AAAA,MAAM,cAAc;AACpB,MAAM,gBAAgB;AACtB,MAAM,iBAAiB;AACvB,MAAM,eAAe;AAErB,MAAa,iBAAiB;CAC5B,MAAM;CACN,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,OAAO;CACP,SAAS;CACT,SAAS;EACP,OAAO;EACP,qBAAqB,GAAG,YAAY;EACpC,mBAAmB,GAAG,YAAY;EAClC,iBAAiB,GAAG,YAAY;EACjC;CACD,WAAW;EACT,OAAO;EACP,gBAAgB,GAAG,cAAc;EACjC,iBAAiB,GAAG,cAAc;EACnC;CACD,YAAY;EACV,OAAO,GAAG,eAAe;EACzB,aAAa,GAAG,eAAe;EAC/B,oBAAoB,GAAG,eAAe;EACtC,QAAQ,GAAG,eAAe;EAC1B,aAAa,GAAG,eAAe;EAC/B,MAAM,GAAG,eAAe;EACxB,SAAS,GAAG,eAAe;EAC3B,WAAW,GAAG,eAAe;EAC7B,SAAS;GACP,OAAO,GAAG,eAAe;GACzB,YAAY,GAAG,eAAe;GAC9B,QAAQ,GAAG,eAAe;GAC3B;EACD,SAAS;GACP,cAAc,GAAG,eAAe;GAChC,aAAa,GAAG,eAAe;GAChC;EACD,YAAY,EACV,OAAO,GAAG,eAAe,cAC1B;EACF;CACD,YAAY;CACZ,aAAa;CACb,SAAS,EACP,cAAc,GAAG,aAAa,gBAC/B;CACD,aAAa;CACb,iBAAiB,GAAG,aAAa;CAClC"}
+{"version":3,"file":"internal-links-D7poW27s.js","names":[],"sources":["../src/constants/internal-links.ts"],"sourcesContent":["const accountBase = '/account'\nconst myReadingBase = '/myreading'\nconst categoriesBase = '/categories'\nconst articlesBase = '/a'\n\nexport const INTERNAL_LINKS = {\n  home: '/',\n  latest: '/latest',\n  topics: '/topics',\n  search: '/search',\n  about: '/about-us',\n  article: articlesBase,\n  account: {\n    index: accountBase,\n    donationHistoryPage: `${accountBase}/donation-history`,\n    emailSubscription: `${accountBase}/email-subscription`,\n    exclusiveOffers: `${accountBase}/exclusive-offers`,\n  },\n  myReading: {\n    index: myReadingBase,\n    savedBookmarks: `${myReadingBase}/saved`,\n    browsingHistory: `${myReadingBase}/history`,\n  },\n  categories: {\n    world: `${categoriesBase}/world`,\n    humanRights: `${categoriesBase}/humanrights`,\n    politicsAndSociety: `${categoriesBase}/politics-and-society`,\n    health: `${categoriesBase}/health`,\n    environment: `${categoriesBase}/environment`,\n    econ: `${categoriesBase}/econ`,\n    culture: `${categoriesBase}/culture`,\n    education: `${categoriesBase}/education`,\n    opinion: {\n      index: `${categoriesBase}/opinion`,\n      bookReview: `${categoriesBase}/opinion/book-review`,\n      letter: `${categoriesBase}/opinion/letter`,\n    },\n    podcast: {\n      theRealStory: `${categoriesBase}/podcast/the-real-story`,\n      onTheGround: `${categoriesBase}/podcast/on-the-ground`,\n    },\n    foundation: {\n      index: `${categoriesBase}/foundation`,\n    },\n  },\n  humanStory: '/tags/58db34a30f56b40d001ae6a6', // 人物故事 tag id\n  photography: '/photography',\n  podcast: {\n    aboutPodcast: `${articlesBase}/podcast-list`,\n  },\n  infographic: '/tags/630f029461ca4e07004ef530', // infographic tag id\n  influenceReport: `${articlesBase}/impact-and-annual-report`,\n} as const\n"],"mappings":";;AAAA,MAAM,cAAc;AACpB,MAAM,gBAAgB;AACtB,MAAM,iBAAiB;AACvB,MAAM,eAAe;AAErB,MAAa,iBAAiB;CAC5B,MAAM;CACN,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,OAAO;CACP,SAAS;CACT,SAAS;EACP,OAAO;EACP,qBAAqB,GAAG,YAAY;EACpC,mBAAmB,GAAG,YAAY;EAClC,iBAAiB,GAAG,YAAY;EACjC;CACD,WAAW;EACT,OAAO;EACP,gBAAgB,GAAG,cAAc;EACjC,iBAAiB,GAAG,cAAc;EACnC;CACD,YAAY;EACV,OAAO,GAAG,eAAe;EACzB,aAAa,GAAG,eAAe;EAC/B,oBAAoB,GAAG,eAAe;EACtC,QAAQ,GAAG,eAAe;EAC1B,aAAa,GAAG,eAAe;EAC/B,MAAM,GAAG,eAAe;EACxB,SAAS,GAAG,eAAe;EAC3B,WAAW,GAAG,eAAe;EAC7B,SAAS;GACP,OAAO,GAAG,eAAe;GACzB,YAAY,GAAG,eAAe;GAC9B,QAAQ,GAAG,eAAe;GAC3B;EACD,SAAS;GACP,cAAc,GAAG,eAAe;GAChC,aAAa,GAAG,eAAe;GAChC;EACD,YAAY,EACV,OAAO,GAAG,eAAe,cAC1B;EACF;CACD,YAAY;CACZ,aAAa;CACb,SAAS,EACP,cAAc,GAAG,aAAa,gBAC/B;CACD,aAAa;CACb,iBAAiB,GAAG,aAAa;CAClC"}

package/lib/{internal-links-CP3dqmrz.mjs → internal-links-DOdRudQQ.mjs}

@@ -50,4 +50,4 @@ const INTERNAL_LINKS = {
 
 //#endregion
 export { INTERNAL_LINKS };
-//# sourceMappingURL=internal-links-CP3dqmrz.mjs.map
+//# sourceMappingURL=internal-links-DOdRudQQ.mjs.map

package/lib/{internal-links-CP3dqmrz.mjs.map → internal-links-DOdRudQQ.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"internal-links-CP3dqmrz.mjs","names":[],"sources":["../src/constants/internal-links.ts"],"sourcesContent":["const accountBase = '/account'\nconst myReadingBase = '/myreading'\nconst categoriesBase = '/categories'\nconst articlesBase = '/a'\n\nexport const INTERNAL_LINKS = {\n  home: '/',\n  latest: '/latest',\n  topics: '/topics',\n  search: '/search',\n  about: '/about-us',\n  article: articlesBase,\n  account: {\n    index: accountBase,\n    donationHistoryPage: `${accountBase}/donation-history`,\n    emailSubscription: `${accountBase}/email-subscription`,\n    exclusiveOffers: `${accountBase}/exclusive-offers`,\n  },\n  myReading: {\n    index: myReadingBase,\n    savedBookmarks: `${myReadingBase}/saved`,\n    browsingHistory: `${myReadingBase}/history`,\n  },\n  categories: {\n    world: `${categoriesBase}/world`,\n    humanRights: `${categoriesBase}/humanrights`,\n    politicsAndSociety: `${categoriesBase}/politics-and-society`,\n    health: `${categoriesBase}/health`,\n    environment: `${categoriesBase}/environment`,\n    econ: `${categoriesBase}/econ`,\n    culture: `${categoriesBase}/culture`,\n    education: `${categoriesBase}/education`,\n    opinion: {\n      index: `${categoriesBase}/opinion`,\n      bookReview: `${categoriesBase}/opinion/book-review`,\n      letter: `${categoriesBase}/opinion/letter`,\n    },\n    podcast: {\n      theRealStory: `${categoriesBase}/podcast/the-real-story`,\n      onTheGround: `${categoriesBase}/podcast/on-the-ground`,\n    },\n    foundation: {\n      index: `${categoriesBase}/foundation`,\n    },\n  },\n  humanStory: '/tags/58db34a30f56b40d001ae6a6', // 人物故事 tag id\n  photography: '/photography',\n  podcast: {\n    aboutPodcast: `${articlesBase}/podcast-list`,\n  },\n  infographic: '/tags/630f029461ca4e07004ef530', // infographic tag id\n  influenceReport: `${articlesBase}/impact-and-annual-report`,\n} as const\n"],"mappings":";AAAA,MAAM,cAAc;AACpB,MAAM,gBAAgB;AACtB,MAAM,iBAAiB;AACvB,MAAM,eAAe;AAErB,MAAa,iBAAiB;CAC5B,MAAM;CACN,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,OAAO;CACP,SAAS;CACT,SAAS;EACP,OAAO;EACP,qBAAqB,GAAG,YAAY;EACpC,mBAAmB,GAAG,YAAY;EAClC,iBAAiB,GAAG,YAAY;EACjC;CACD,WAAW;EACT,OAAO;EACP,gBAAgB,GAAG,cAAc;EACjC,iBAAiB,GAAG,cAAc;EACnC;CACD,YAAY;EACV,OAAO,GAAG,eAAe;EACzB,aAAa,GAAG,eAAe;EAC/B,oBAAoB,GAAG,eAAe;EACtC,QAAQ,GAAG,eAAe;EAC1B,aAAa,GAAG,eAAe;EAC/B,MAAM,GAAG,eAAe;EACxB,SAAS,GAAG,eAAe;EAC3B,WAAW,GAAG,eAAe;EAC7B,SAAS;GACP,OAAO,GAAG,eAAe;GACzB,YAAY,GAAG,eAAe;GAC9B,QAAQ,GAAG,eAAe;GAC3B;EACD,SAAS;GACP,cAAc,GAAG,eAAe;GAChC,aAAa,GAAG,eAAe;GAChC;EACD,YAAY,EACV,OAAO,GAAG,eAAe,cAC1B;EACF;CACD,YAAY;CACZ,aAAa;CACb,SAAS,EACP,cAAc,GAAG,aAAa,gBAC/B;CACD,aAAa;CACb,iBAAiB,GAAG,aAAa;CAClC"}
+{"version":3,"file":"internal-links-DOdRudQQ.mjs","names":[],"sources":["../src/constants/internal-links.ts"],"sourcesContent":["const accountBase = '/account'\nconst myReadingBase = '/myreading'\nconst categoriesBase = '/categories'\nconst articlesBase = '/a'\n\nexport const INTERNAL_LINKS = {\n  home: '/',\n  latest: '/latest',\n  topics: '/topics',\n  search: '/search',\n  about: '/about-us',\n  article: articlesBase,\n  account: {\n    index: accountBase,\n    donationHistoryPage: `${accountBase}/donation-history`,\n    emailSubscription: `${accountBase}/email-subscription`,\n    exclusiveOffers: `${accountBase}/exclusive-offers`,\n  },\n  myReading: {\n    index: myReadingBase,\n    savedBookmarks: `${myReadingBase}/saved`,\n    browsingHistory: `${myReadingBase}/history`,\n  },\n  categories: {\n    world: `${categoriesBase}/world`,\n    humanRights: `${categoriesBase}/humanrights`,\n    politicsAndSociety: `${categoriesBase}/politics-and-society`,\n    health: `${categoriesBase}/health`,\n    environment: `${categoriesBase}/environment`,\n    econ: `${categoriesBase}/econ`,\n    culture: `${categoriesBase}/culture`,\n    education: `${categoriesBase}/education`,\n    opinion: {\n      index: `${categoriesBase}/opinion`,\n      bookReview: `${categoriesBase}/opinion/book-review`,\n      letter: `${categoriesBase}/opinion/letter`,\n    },\n    podcast: {\n      theRealStory: `${categoriesBase}/podcast/the-real-story`,\n      onTheGround: `${categoriesBase}/podcast/on-the-ground`,\n    },\n    foundation: {\n      index: `${categoriesBase}/foundation`,\n    },\n  },\n  humanStory: '/tags/58db34a30f56b40d001ae6a6', // 人物故事 tag id\n  photography: '/photography',\n  podcast: {\n    aboutPodcast: `${articlesBase}/podcast-list`,\n  },\n  infographic: '/tags/630f029461ca4e07004ef530', // infographic tag id\n  influenceReport: `${articlesBase}/impact-and-annual-report`,\n} as const\n"],"mappings":";AAAA,MAAM,cAAc;AACpB,MAAM,gBAAgB;AACtB,MAAM,iBAAiB;AACvB,MAAM,eAAe;AAErB,MAAa,iBAAiB;CAC5B,MAAM;CACN,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,OAAO;CACP,SAAS;CACT,SAAS;EACP,OAAO;EACP,qBAAqB,GAAG,YAAY;EACpC,mBAAmB,GAAG,YAAY;EAClC,iBAAiB,GAAG,YAAY;EACjC;CACD,WAAW;EACT,OAAO;EACP,gBAAgB,GAAG,cAAc;EACjC,iBAAiB,GAAG,cAAc;EACnC;CACD,YAAY;EACV,OAAO,GAAG,eAAe;EACzB,aAAa,GAAG,eAAe;EAC/B,oBAAoB,GAAG,eAAe;EACtC,QAAQ,GAAG,eAAe;EAC1B,aAAa,GAAG,eAAe;EAC/B,MAAM,GAAG,eAAe;EACxB,SAAS,GAAG,eAAe;EAC3B,WAAW,GAAG,eAAe;EAC7B,SAAS;GACP,OAAO,GAAG,eAAe;GACzB,YAAY,GAAG,eAAe;GAC9B,QAAQ,GAAG,eAAe;GAC3B;EACD,SAAS;GACP,cAAc,GAAG,eAAe;GAChC,aAAa,GAAG,eAAe;GAChC;EACD,YAAY,EACV,OAAO,GAAG,eAAe,cAC1B;EACF;CACD,YAAY;CACZ,aAAa;CACb,SAAS,EACP,cAAc,GAAG,aAAa,gBAC/B;CACD,aAAa;CACb,iBAAiB,GAAG,aAAa;CAClC"}

package/lib/jwt-B3e1_IVb.d.ts

@@ -0,0 +1,11 @@
+//#region src/header/utils/jwt.d.ts
+type JwtPayload = {
+  [key: string]: unknown;
+};
+declare function decodePayload(jwt: string): JwtPayload | null;
+declare const _default: {
+  decodePayload: typeof decodePayload;
+};
+//#endregion
+export { JwtPayload, _default, decodePayload };
+//# sourceMappingURL=jwt-B3e1_IVb.d.ts.map

package/lib/jwt-BpdQDGBb.mjs

@@ -0,0 +1,18 @@
+import get from "lodash/get";
+
+//#region src/header/utils/jwt.ts
+const _ = { get };
+function decodePayload(jwt) {
+	try {
+		const payload = _.get(jwt.split("."), 1);
+		return JSON.parse(atob(payload));
+	} catch (err) {
+		console.error("extract payload from jwt error: ", err);
+		return null;
+	}
+}
+var jwt_default = { decodePayload };
+
+//#endregion
+export { decodePayload, jwt_default };
+//# sourceMappingURL=jwt-BpdQDGBb.mjs.map

package/lib/jwt-BpdQDGBb.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"jwt-BpdQDGBb.mjs","names":[],"sources":["../src/header/utils/jwt.ts"],"sourcesContent":["import get from 'lodash/get'\n\nconst _ = { get }\n\nexport type JwtPayload = {\n  [key: string]: unknown\n}\n\nexport function decodePayload(jwt: string): JwtPayload | null {\n  try {\n    const payload = _.get(jwt.split('.'), 1)\n    return JSON.parse(atob(payload))\n  } catch (err) {\n    console.error('extract payload from jwt error: ', err)\n    return null\n  }\n}\n\nexport default { decodePayload }\n"],"mappings":";;;AAEA,MAAM,IAAI,EAAE,KAAK;AAMjB,SAAgB,cAAc,KAAgC;AAC5D,KAAI;EACF,MAAM,UAAU,EAAE,IAAI,IAAI,MAAM,IAAI,EAAE,EAAE;AACxC,SAAO,KAAK,MAAM,KAAK,QAAQ,CAAC;UACzB,KAAK;AACZ,UAAQ,MAAM,oCAAoC,IAAI;AACtD,SAAO;;;AAIX,kBAAe,EAAE,eAAe"}

package/lib/jwt-D5ouC3Ti.d.mts

@@ -0,0 +1,11 @@
+//#region src/header/utils/jwt.d.ts
+type JwtPayload = {
+  [key: string]: unknown;
+};
+declare function decodePayload(jwt: string): JwtPayload | null;
+declare const _default: {
+  decodePayload: typeof decodePayload;
+};
+//#endregion
+export { JwtPayload, _default, decodePayload };
+//# sourceMappingURL=jwt-D5ouC3Ti.d.mts.map

package/lib/jwt-DPaLchNC.js

@@ -0,0 +1,31 @@
+const require_chunk = require('./chunk-BxBTb9qk.js');
+let lodash_get = require("lodash/get");
+lodash_get = require_chunk.__toESM(lodash_get);
+
+//#region src/header/utils/jwt.ts
+const _ = { get: lodash_get.default };
+function decodePayload(jwt) {
+	try {
+		const payload = _.get(jwt.split("."), 1);
+		return JSON.parse(atob(payload));
+	} catch (err) {
+		console.error("extract payload from jwt error: ", err);
+		return null;
+	}
+}
+var jwt_default = { decodePayload };
+
+//#endregion
+Object.defineProperty(exports, 'decodePayload', {
+  enumerable: true,
+  get: function () {
+    return decodePayload;
+  }
+});
+Object.defineProperty(exports, 'jwt_default', {
+  enumerable: true,
+  get: function () {
+    return jwt_default;
+  }
+});
+//# sourceMappingURL=jwt-DPaLchNC.js.map

package/lib/jwt-DPaLchNC.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"jwt-DPaLchNC.js","names":[],"sources":["../src/header/utils/jwt.ts"],"sourcesContent":["import get from 'lodash/get'\n\nconst _ = { get }\n\nexport type JwtPayload = {\n  [key: string]: unknown\n}\n\nexport function decodePayload(jwt: string): JwtPayload | null {\n  try {\n    const payload = _.get(jwt.split('.'), 1)\n    return JSON.parse(atob(payload))\n  } catch (err) {\n    console.error('extract payload from jwt error: ', err)\n    return null\n  }\n}\n\nexport default { decodePayload }\n"],"mappings":";;;;;AAEA,MAAM,IAAI,EAAE,yBAAK;AAMjB,SAAgB,cAAc,KAAgC;AAC5D,KAAI;EACF,MAAM,UAAU,EAAE,IAAI,IAAI,MAAM,IAAI,EAAE,EAAE;AACxC,SAAO,KAAK,MAAM,KAAK,QAAQ,CAAC;UACzB,KAAK;AACZ,UAAQ,MAAM,oCAAoC,IAAI;AACtD,SAAO;;;AAIX,kBAAe,EAAE,eAAe"}

package/lib/light-link-7CpN-g0K.js

@@ -0,0 +1,38 @@
+const require_chunk = require('./chunk-BxBTb9qk.js');
+const require_paragraph = require('./paragraph-Bve022HS.js');
+const require_theme = require('./theme-DDBlIbeS.js');
+const require_external_link = require('./external-link-N6pHzsZ9.js');
+const require_internal_link = require('./internal-link-CQYfLFmN.js');
+const require_context = require('./context-CDuykLw5.js');
+const require_theme$1 = require('./theme-CWIKvBG4.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");
+react_jsx_runtime = require_chunk.__toESM(react_jsx_runtime);
+
+//#region src/hamburger-menu/components/light-link.tsx
+const IconLink = ({ label, to, target }) => {
+	const { theme, isLinkExternal } = (0, react.useContext)(require_context.HeaderContext);
+	const footerTheme = theme === require_theme.THEME.transparent ? require_theme.THEME.normal : theme;
+	const { color, hoverColor, hoverBgColor, activeColor, activeBgColor } = require_theme$1.selectHamburgerFooterTheme(footerTheme);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(isLinkExternal ? require_external_link.external_link_default : require_internal_link.internal_link_default, {
+		to,
+		target,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: (0, clsx.default)("py-[8px] px-[32px] flex items-center", "[&>svg]:h-[18px] [&>svg]:w-[18px] [&>svg]:mr-[4px]", color, hoverColor, hoverBgColor, activeColor, activeBgColor),
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_paragraph.P2, { text: label })
+		})
+	});
+};
+var light_link_default = IconLink;
+
+//#endregion
+Object.defineProperty(exports, 'light_link_default', {
+  enumerable: true,
+  get: function () {
+    return light_link_default;
+  }
+});
+//# sourceMappingURL=light-link-7CpN-g0K.js.map

package/lib/light-link-7CpN-g0K.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"light-link-7CpN-g0K.js","names":["IconLink: FC<IconLinkProps>","HeaderContext","THEME","selectHamburgerFooterTheme","ExternalLink","InternalLink","P2"],"sources":["../src/hamburger-menu/components/light-link.tsx"],"sourcesContent":["import { useContext, type FC } from 'react'\nimport clsx from 'clsx'\n// context\nimport { HeaderContext } from '../../header/context'\n// theme\nimport { THEME } from '../../constants/theme'\n// utils\nimport { selectHamburgerFooterTheme } from '../utils/theme'\n// text\nimport { P2 } from '../../text/paragraph'\n// link\nimport { ExternalLink, InternalLink } from '../../customized-link'\nimport type { LinkTarget } from '../../customized-link/type'\n\ntype IconLinkProps = {\n  label: string\n  to: string\n  target: LinkTarget\n}\nconst IconLink: FC<IconLinkProps> = ({ label, to, target }) => {\n  const { theme, isLinkExternal } = useContext(HeaderContext)\n  const footerTheme = theme === THEME.transparent ? THEME.normal : theme\n  const { color, hoverColor, hoverBgColor, activeColor, activeBgColor } =\n    selectHamburgerFooterTheme(footerTheme)\n  const LinkComponent = isLinkExternal ? ExternalLink : InternalLink\n  return (\n    <LinkComponent to={to} target={target}>\n      <div\n        className={clsx(\n          'py-[8px] px-[32px] flex items-center',\n          '[&>svg]:h-[18px] [&>svg]:w-[18px] [&>svg]:mr-[4px]',\n          color,\n          hoverColor,\n          hoverBgColor,\n          activeColor,\n          activeBgColor\n        )}\n      >\n        <P2 text={label} />\n      </div>\n    </LinkComponent>\n  )\n}\n\nexport default IconLink\n"],"mappings":";;;;;;;;;;;;;;;AAmBA,MAAMA,YAA+B,EAAE,OAAO,IAAI,aAAa;CAC7D,MAAM,EAAE,OAAO,yCAA8BC,8BAAc;CAC3D,MAAM,cAAc,UAAUC,oBAAM,cAAcA,oBAAM,SAAS;CACjE,MAAM,EAAE,OAAO,YAAY,cAAc,aAAa,kBACpDC,2CAA2B,YAAY;AAEzC,QACE,2CAFoB,iBAAiBC,8CAAeC;EAEjC;EAAY;YAC7B,2CAAC;GACC,6BACE,wCACA,sDACA,OACA,YACA,cACA,aACA,cACD;aAED,2CAACC,wBAAG,MAAM,QAAS;IACf;GACQ;;AAIpB,yBAAe"}

package/lib/light-link-C1fi_Qgl.mjs

@@ -0,0 +1,29 @@
+import { internal_link_default } from "./internal-link-JeC0sVNF.mjs";
+import { P2 } from "./paragraph-QihuIWot.mjs";
+import { THEME } from "./theme-BG6yZVj-.mjs";
+import { external_link_default } from "./external-link-B7TYHbGX.mjs";
+import { HeaderContext } from "./context-rWQ3FoMt.mjs";
+import { selectHamburgerFooterTheme } from "./theme-CILxIDaP.mjs";
+import { useContext } from "react";
+import clsx from "clsx";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/hamburger-menu/components/light-link.tsx
+const IconLink = ({ label, to, target }) => {
+	const { theme, isLinkExternal } = useContext(HeaderContext);
+	const footerTheme = theme === THEME.transparent ? THEME.normal : theme;
+	const { color, hoverColor, hoverBgColor, activeColor, activeBgColor } = selectHamburgerFooterTheme(footerTheme);
+	return /* @__PURE__ */ jsx(isLinkExternal ? external_link_default : internal_link_default, {
+		to,
+		target,
+		children: /* @__PURE__ */ jsx("div", {
+			className: clsx("py-[8px] px-[32px] flex items-center", "[&>svg]:h-[18px] [&>svg]:w-[18px] [&>svg]:mr-[4px]", color, hoverColor, hoverBgColor, activeColor, activeBgColor),
+			children: /* @__PURE__ */ jsx(P2, { text: label })
+		})
+	});
+};
+var light_link_default = IconLink;
+
+//#endregion
+export { light_link_default };
+//# sourceMappingURL=light-link-C1fi_Qgl.mjs.map

package/lib/light-link-C1fi_Qgl.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"light-link-C1fi_Qgl.mjs","names":["IconLink: FC<IconLinkProps>","ExternalLink","InternalLink"],"sources":["../src/hamburger-menu/components/light-link.tsx"],"sourcesContent":["import { useContext, type FC } from 'react'\nimport clsx from 'clsx'\n// context\nimport { HeaderContext } from '../../header/context'\n// theme\nimport { THEME } from '../../constants/theme'\n// utils\nimport { selectHamburgerFooterTheme } from '../utils/theme'\n// text\nimport { P2 } from '../../text/paragraph'\n// link\nimport { ExternalLink, InternalLink } from '../../customized-link'\nimport type { LinkTarget } from '../../customized-link/type'\n\ntype IconLinkProps = {\n  label: string\n  to: string\n  target: LinkTarget\n}\nconst IconLink: FC<IconLinkProps> = ({ label, to, target }) => {\n  const { theme, isLinkExternal } = useContext(HeaderContext)\n  const footerTheme = theme === THEME.transparent ? THEME.normal : theme\n  const { color, hoverColor, hoverBgColor, activeColor, activeBgColor } =\n    selectHamburgerFooterTheme(footerTheme)\n  const LinkComponent = isLinkExternal ? ExternalLink : InternalLink\n  return (\n    <LinkComponent to={to} target={target}>\n      <div\n        className={clsx(\n          'py-[8px] px-[32px] flex items-center',\n          '[&>svg]:h-[18px] [&>svg]:w-[18px] [&>svg]:mr-[4px]',\n          color,\n          hoverColor,\n          hoverBgColor,\n          activeColor,\n          activeBgColor\n        )}\n      >\n        <P2 text={label} />\n      </div>\n    </LinkComponent>\n  )\n}\n\nexport default IconLink\n"],"mappings":";;;;;;;;;;;AAmBA,MAAMA,YAA+B,EAAE,OAAO,IAAI,aAAa;CAC7D,MAAM,EAAE,OAAO,mBAAmB,WAAW,cAAc;CAC3D,MAAM,cAAc,UAAU,MAAM,cAAc,MAAM,SAAS;CACjE,MAAM,EAAE,OAAO,YAAY,cAAc,aAAa,kBACpD,2BAA2B,YAAY;AAEzC,QACE,oBAFoB,iBAAiBC,wBAAeC;EAEjC;EAAY;YAC7B,oBAAC;GACC,WAAW,KACT,wCACA,sDACA,OACA,YACA,cACA,aACA,cACD;aAED,oBAAC,MAAG,MAAM,QAAS;IACf;GACQ;;AAIpB,yBAAe"}

package/lib/{links-Cq5mjJ_J.js → links-BwQUFx5u.js}

@@ -1,9 +1,9 @@
 const require_chunk = require('./chunk-BxBTb9qk.js');
-const require_paragraph = require('./paragraph-iuz3jP0Q.js');
-const require_button = require('./button-Dk0MxlKd.js');
-const require_request_origins = require('./request-origins-BDXulkK9.js');
-const require_external_link = require('./external-link-Ce1_loKh.js');
-const require_icons = require('./icons-qP5oNB0W.js');
+const require_paragraph = require('./paragraph-Bve022HS.js');
+const require_icon_button = require('./icon-button-Vqwyow05.js');
+const require_request_origins = require('./request-origins-3W1mZD5S.js');
+const require_external_link = require('./external-link-N6pHzsZ9.js');
+const require_icons = require('./icons-UUg8_T_o.js');
 let clsx = require("clsx");
 clsx = require_chunk.__toESM(clsx);
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -24,7 +24,7 @@ const SocialLinks = ({ releaseBranch, links }) => {
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_external_link.external_link_default, {
 				to: link.link,
 				target: "_blank",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_button.icon_button_default, { iconComponent })
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_icon_button.icon_button_default, { iconComponent })
 			}, link.icon);
 		})
 	});
@@ -104,4 +104,4 @@ Object.defineProperty(exports, 'StaticLinks', {
     return StaticLinks;
   }
 });
-//# sourceMappingURL=links-Cq5mjJ_J.js.map
+//# sourceMappingURL=links-BwQUFx5u.js.map

package/lib/{links-Cq5mjJ_J.js.map → links-BwQUFx5u.js.map}

@@ -1 +1 @@
-{"version":3,"file":"links-Cq5mjJ_J.js","names":["SocialMedia","ExternalLink","IconButton","forClientSideRendering","P3","P2"],"sources":["../src/footer/links.tsx"],"sourcesContent":["import clsx from 'clsx'\n// text\nimport { P2, P3 } from '../text/paragraph'\n// constants\nimport type { ReleaseBranch } from '../constants/release-branch'\nimport { forClientSideRendering } from '../constants/request-origins'\n// button\nimport { IconButton } from '../button'\n// link\nimport { ExternalLink } from '../customized-link'\n// icon\nimport { SocialMedia } from '../icons'\n// types\nimport type { LinkType, SocialMediaLink } from './types'\n// lodash\nimport map from 'lodash/map'\nconst _ = {\n  map,\n}\n\nexport const SocialLinks = ({\n  releaseBranch,\n  links,\n}: {\n  releaseBranch: ReleaseBranch\n  links: SocialMediaLink[]\n}) => {\n  return (\n    <div className=\"flex gap-[16px]\">\n      {_.map(links, (link) => {\n        const iconComponent = (\n          <SocialMedia mediaType={link.icon} releaseBranch={releaseBranch} />\n        )\n        return (\n          <ExternalLink key={link.icon} to={link.link} target=\"_blank\">\n            <IconButton iconComponent={iconComponent} />\n          </ExternalLink>\n        )\n      })}\n    </div>\n  )\n}\n\nexport const StaticLinks = ({\n  releaseBranch,\n}: {\n  releaseBranch: ReleaseBranch\n}) => {\n  const mainOrigin = forClientSideRendering[releaseBranch].main\n  return (\n    <>\n      <ExternalLink to={`${mainOrigin}/a/license-footer`} target=\"_blank\">\n        <P3\n          className=\"text-gray-600 underline underline-offset-[4px]\"\n          text=\"許可協議\"\n        />\n      </ExternalLink>\n      <P3 className=\"text-gray-600\" text=\"｜\" />\n      <ExternalLink to={`${mainOrigin}/a/privacy-footer`} target=\"_blank\">\n        <P3\n          className=\"text-gray-600 underline underline-offset-[4px]\"\n          text=\"隱私政策\"\n        />\n      </ExternalLink>\n      <P3 className=\"text-gray-600\" text=\"｜\" />\n      <ExternalLink\n        to={'https://twreporter.gitbook.io/the-reporter-brand-guidelines'}\n        target=\"_blank\"\n      >\n        <P3\n          className=\"text-gray-600 underline underline-offset-[4px]\"\n          text=\"品牌規範\"\n        />\n      </ExternalLink>\n    </>\n  )\n}\n\nexport const LinkButtonGroups = ({\n  linksGroups,\n}: {\n  releaseBranch: ReleaseBranch\n  linksGroups: LinkType[][]\n}) => {\n  return _.map(linksGroups, (links, indexofGroup) => {\n    return (\n      <div\n        key={indexofGroup}\n        className={clsx(\n          'flex flex-col gap-[8px] basis-1/3',\n          'desktop:w-[120px] desktop:gap-[16px] desktop:basis-auto'\n        )}\n      >\n        {_.map(links, (link, indexofLink) => {\n          return (\n            <ExternalLink\n              key={indexofLink}\n              to={link.link}\n              target=\"_blank\"\n              id={link.id}\n            >\n              <P2\n                className=\"text-gray-600 hover:text-gray-800\"\n                text={link.text}\n              />\n            </ExternalLink>\n          )\n        })}\n      </div>\n    )\n  })\n}\n"],"mappings":";;;;;;;;;;;;;;AAgBA,MAAM,IAAI,EACR,yBACD;AAED,MAAa,eAAe,EAC1B,eACA,YAII;AACJ,QACE,2CAAC;EAAI,WAAU;YACZ,EAAE,IAAI,QAAQ,SAAS;GACtB,MAAM,gBACJ,2CAACA;IAAY,WAAW,KAAK;IAAqB;KAAiB;AAErE,UACE,2CAACC;IAA6B,IAAI,KAAK;IAAM,QAAO;cAClD,2CAACC,sCAA0B,gBAAiB;MAD3B,KAAK,KAET;IAEjB;GACE;;AAIV,MAAa,eAAe,EAC1B,oBAGI;CACJ,MAAM,aAAaC,+CAAuB,eAAe;AACzD,QACE;EACE,2CAACF;GAAa,IAAI,GAAG,WAAW;GAAoB,QAAO;aACzD,2CAACG;IACC,WAAU;IACV,MAAK;KACL;IACW;EACf,2CAACA;GAAG,WAAU;GAAgB,MAAK;IAAM;EACzC,2CAACH;GAAa,IAAI,GAAG,WAAW;GAAoB,QAAO;aACzD,2CAACG;IACC,WAAU;IACV,MAAK;KACL;IACW;EACf,2CAACA;GAAG,WAAU;GAAgB,MAAK;IAAM;EACzC,2CAACH;GACC,IAAI;GACJ,QAAO;aAEP,2CAACG;IACC,WAAU;IACV,MAAK;KACL;IACW;KACd;;AAIP,MAAa,oBAAoB,EAC/B,kBAII;AACJ,QAAO,EAAE,IAAI,cAAc,OAAO,iBAAiB;AACjD,SACE,2CAAC;GAEC,6BACE,qCACA,0DACD;aAEA,EAAE,IAAI,QAAQ,MAAM,gBAAgB;AACnC,WACE,2CAACH;KAEC,IAAI,KAAK;KACT,QAAO;KACP,IAAI,KAAK;eAET,2CAACI;MACC,WAAU;MACV,MAAM,KAAK;OACX;OARG,YASQ;KAEjB;KApBG,aAqBD;GAER"}
+{"version":3,"file":"links-BwQUFx5u.js","names":["SocialMedia","ExternalLink","IconButton","forClientSideRendering","P3","P2"],"sources":["../src/footer/links.tsx"],"sourcesContent":["import clsx from 'clsx'\n// text\nimport { P2, P3 } from '../text/paragraph'\n// constants\nimport type { ReleaseBranch } from '../constants/release-branch'\nimport { forClientSideRendering } from '../constants/request-origins'\n// button\nimport { IconButton } from '../button'\n// link\nimport { ExternalLink } from '../customized-link'\n// icon\nimport { SocialMedia } from '../icons'\n// types\nimport type { LinkType, SocialMediaLink } from './types'\n// lodash\nimport map from 'lodash/map'\nconst _ = {\n  map,\n}\n\nexport const SocialLinks = ({\n  releaseBranch,\n  links,\n}: {\n  releaseBranch: ReleaseBranch\n  links: SocialMediaLink[]\n}) => {\n  return (\n    <div className=\"flex gap-[16px]\">\n      {_.map(links, (link) => {\n        const iconComponent = (\n          <SocialMedia mediaType={link.icon} releaseBranch={releaseBranch} />\n        )\n        return (\n          <ExternalLink key={link.icon} to={link.link} target=\"_blank\">\n            <IconButton iconComponent={iconComponent} />\n          </ExternalLink>\n        )\n      })}\n    </div>\n  )\n}\n\nexport const StaticLinks = ({\n  releaseBranch,\n}: {\n  releaseBranch: ReleaseBranch\n}) => {\n  const mainOrigin = forClientSideRendering[releaseBranch].main\n  return (\n    <>\n      <ExternalLink to={`${mainOrigin}/a/license-footer`} target=\"_blank\">\n        <P3\n          className=\"text-gray-600 underline underline-offset-[4px]\"\n          text=\"許可協議\"\n        />\n      </ExternalLink>\n      <P3 className=\"text-gray-600\" text=\"｜\" />\n      <ExternalLink to={`${mainOrigin}/a/privacy-footer`} target=\"_blank\">\n        <P3\n          className=\"text-gray-600 underline underline-offset-[4px]\"\n          text=\"隱私政策\"\n        />\n      </ExternalLink>\n      <P3 className=\"text-gray-600\" text=\"｜\" />\n      <ExternalLink\n        to={'https://twreporter.gitbook.io/the-reporter-brand-guidelines'}\n        target=\"_blank\"\n      >\n        <P3\n          className=\"text-gray-600 underline underline-offset-[4px]\"\n          text=\"品牌規範\"\n        />\n      </ExternalLink>\n    </>\n  )\n}\n\nexport const LinkButtonGroups = ({\n  linksGroups,\n}: {\n  releaseBranch: ReleaseBranch\n  linksGroups: LinkType[][]\n}) => {\n  return _.map(linksGroups, (links, indexofGroup) => {\n    return (\n      <div\n        key={indexofGroup}\n        className={clsx(\n          'flex flex-col gap-[8px] basis-1/3',\n          'desktop:w-[120px] desktop:gap-[16px] desktop:basis-auto'\n        )}\n      >\n        {_.map(links, (link, indexofLink) => {\n          return (\n            <ExternalLink\n              key={indexofLink}\n              to={link.link}\n              target=\"_blank\"\n              id={link.id}\n            >\n              <P2\n                className=\"text-gray-600 hover:text-gray-800\"\n                text={link.text}\n              />\n            </ExternalLink>\n          )\n        })}\n      </div>\n    )\n  })\n}\n"],"mappings":";;;;;;;;;;;;;;AAgBA,MAAM,IAAI,EACR,yBACD;AAED,MAAa,eAAe,EAC1B,eACA,YAII;AACJ,QACE,2CAAC;EAAI,WAAU;YACZ,EAAE,IAAI,QAAQ,SAAS;GACtB,MAAM,gBACJ,2CAACA;IAAY,WAAW,KAAK;IAAqB;KAAiB;AAErE,UACE,2CAACC;IAA6B,IAAI,KAAK;IAAM,QAAO;cAClD,2CAACC,2CAA0B,gBAAiB;MAD3B,KAAK,KAET;IAEjB;GACE;;AAIV,MAAa,eAAe,EAC1B,oBAGI;CACJ,MAAM,aAAaC,+CAAuB,eAAe;AACzD,QACE;EACE,2CAACF;GAAa,IAAI,GAAG,WAAW;GAAoB,QAAO;aACzD,2CAACG;IACC,WAAU;IACV,MAAK;KACL;IACW;EACf,2CAACA;GAAG,WAAU;GAAgB,MAAK;IAAM;EACzC,2CAACH;GAAa,IAAI,GAAG,WAAW;GAAoB,QAAO;aACzD,2CAACG;IACC,WAAU;IACV,MAAK;KACL;IACW;EACf,2CAACA;GAAG,WAAU;GAAgB,MAAK;IAAM;EACzC,2CAACH;GACC,IAAI;GACJ,QAAO;aAEP,2CAACG;IACC,WAAU;IACV,MAAK;KACL;IACW;KACd;;AAIP,MAAa,oBAAoB,EAC/B,kBAII;AACJ,QAAO,EAAE,IAAI,cAAc,OAAO,iBAAiB;AACjD,SACE,2CAAC;GAEC,6BACE,qCACA,0DACD;aAEA,EAAE,IAAI,QAAQ,MAAM,gBAAgB;AACnC,WACE,2CAACH;KAEC,IAAI,KAAK;KACT,QAAO;KACP,IAAI,KAAK;eAET,2CAACI;MACC,WAAU;MACV,MAAM,KAAK;OACX;OARG,YASQ;KAEjB;KApBG,aAqBD;GAER"}

package/lib/links-C37r2iCr.js

@@ -0,0 +1,20 @@
+const require_release_branch = require('./release-branch-BX28p3l9.js');
+const require_request_origins = require('./request-origins-3W1mZD5S.js');
+
+//#region src/header/utils/links.ts
+const checkReferrer = (referrer = "", releaseBranch = require_release_branch.RELEASE_BRANCH.master) => {
+	try {
+		return new URL(referrer).origin === require_request_origins.forClientSideRendering[releaseBranch].main;
+	} catch (_err) {
+		return false;
+	}
+};
+
+//#endregion
+Object.defineProperty(exports, 'checkReferrer', {
+  enumerable: true,
+  get: function () {
+    return checkReferrer;
+  }
+});
+//# sourceMappingURL=links-C37r2iCr.js.map

package/lib/links-C37r2iCr.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"links-C37r2iCr.js","names":["RELEASE_BRANCH","forClientSideRendering"],"sources":["../src/header/utils/links.ts"],"sourcesContent":["import {\n  RELEASE_BRANCH,\n  type ReleaseBranch,\n} from '../../constants/release-branch'\nimport { forClientSideRendering } from '../../constants/request-origins'\n\nexport const checkReferrer = (\n  referrer: string = '',\n  releaseBranch: ReleaseBranch = RELEASE_BRANCH.master\n) => {\n  try {\n    const url = new URL(referrer)\n    return url.origin === forClientSideRendering[releaseBranch].main\n  } catch (_err) {\n    return false\n  }\n}\n"],"mappings":";;;;AAMA,MAAa,iBACX,WAAmB,IACnB,gBAA+BA,sCAAe,WAC3C;AACH,KAAI;AAEF,SADY,IAAI,IAAI,SAAS,CAClB,WAAWC,+CAAuB,eAAe;UACrD,MAAM;AACb,SAAO"}

package/lib/links-CZvBgl6Y.mjs

@@ -0,0 +1,15 @@
+import { RELEASE_BRANCH } from "./release-branch-DDaNiKrr.mjs";
+import { forClientSideRendering } from "./request-origins-Bn7P7Zk5.mjs";
+
+//#region src/header/utils/links.ts
+const checkReferrer = (referrer = "", releaseBranch = RELEASE_BRANCH.master) => {
+	try {
+		return new URL(referrer).origin === forClientSideRendering[releaseBranch].main;
+	} catch (_err) {
+		return false;
+	}
+};
+
+//#endregion
+export { checkReferrer };
+//# sourceMappingURL=links-CZvBgl6Y.mjs.map

package/lib/links-CZvBgl6Y.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"links-CZvBgl6Y.mjs","names":[],"sources":["../src/header/utils/links.ts"],"sourcesContent":["import {\n  RELEASE_BRANCH,\n  type ReleaseBranch,\n} from '../../constants/release-branch'\nimport { forClientSideRendering } from '../../constants/request-origins'\n\nexport const checkReferrer = (\n  referrer: string = '',\n  releaseBranch: ReleaseBranch = RELEASE_BRANCH.master\n) => {\n  try {\n    const url = new URL(referrer)\n    return url.origin === forClientSideRendering[releaseBranch].main\n  } catch (_err) {\n    return false\n  }\n}\n"],"mappings":";;;;AAMA,MAAa,iBACX,WAAmB,IACnB,gBAA+B,eAAe,WAC3C;AACH,KAAI;AAEF,SADY,IAAI,IAAI,SAAS,CAClB,WAAW,uBAAuB,eAAe;UACrD,MAAM;AACb,SAAO"}

package/lib/{links-B2pHDaBW.mjs → links-CbxQX5DC.mjs}

@@ -1,8 +1,8 @@
-import { P2, P3 } from "./paragraph-Cf9jr8RF.mjs";
-import { icon_button_default } from "./button-D_AWI7r9.mjs";
-import { forClientSideRendering } from "./request-origins-CGkNWg8R.mjs";
-import { external_link_default } from "./external-link-BMIFL3DE.mjs";
-import { SocialMedia } from "./icons-I7T-auOQ.mjs";
+import { P2, P3 } from "./paragraph-QihuIWot.mjs";
+import { icon_button_default } from "./icon-button-B-71Zncn.mjs";
+import { forClientSideRendering } from "./request-origins-Bn7P7Zk5.mjs";
+import { external_link_default } from "./external-link-B7TYHbGX.mjs";
+import { SocialMedia } from "./icons-CQv9VD7t.mjs";
 import clsx from "clsx";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import map from "lodash/map";
@@ -83,4 +83,4 @@ const LinkButtonGroups = ({ linksGroups }) => {
 
 //#endregion
 export { LinkButtonGroups, SocialLinks, StaticLinks };
-//# sourceMappingURL=links-B2pHDaBW.mjs.map
+//# sourceMappingURL=links-CbxQX5DC.mjs.map

package/lib/{links-B2pHDaBW.mjs.map → links-CbxQX5DC.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"links-B2pHDaBW.mjs","names":["ExternalLink","IconButton"],"sources":["../src/footer/links.tsx"],"sourcesContent":["import clsx from 'clsx'\n// text\nimport { P2, P3 } from '../text/paragraph'\n// constants\nimport type { ReleaseBranch } from '../constants/release-branch'\nimport { forClientSideRendering } from '../constants/request-origins'\n// button\nimport { IconButton } from '../button'\n// link\nimport { ExternalLink } from '../customized-link'\n// icon\nimport { SocialMedia } from '../icons'\n// types\nimport type { LinkType, SocialMediaLink } from './types'\n// lodash\nimport map from 'lodash/map'\nconst _ = {\n  map,\n}\n\nexport const SocialLinks = ({\n  releaseBranch,\n  links,\n}: {\n  releaseBranch: ReleaseBranch\n  links: SocialMediaLink[]\n}) => {\n  return (\n    <div className=\"flex gap-[16px]\">\n      {_.map(links, (link) => {\n        const iconComponent = (\n          <SocialMedia mediaType={link.icon} releaseBranch={releaseBranch} />\n        )\n        return (\n          <ExternalLink key={link.icon} to={link.link} target=\"_blank\">\n            <IconButton iconComponent={iconComponent} />\n          </ExternalLink>\n        )\n      })}\n    </div>\n  )\n}\n\nexport const StaticLinks = ({\n  releaseBranch,\n}: {\n  releaseBranch: ReleaseBranch\n}) => {\n  const mainOrigin = forClientSideRendering[releaseBranch].main\n  return (\n    <>\n      <ExternalLink to={`${mainOrigin}/a/license-footer`} target=\"_blank\">\n        <P3\n          className=\"text-gray-600 underline underline-offset-[4px]\"\n          text=\"許可協議\"\n        />\n      </ExternalLink>\n      <P3 className=\"text-gray-600\" text=\"｜\" />\n      <ExternalLink to={`${mainOrigin}/a/privacy-footer`} target=\"_blank\">\n        <P3\n          className=\"text-gray-600 underline underline-offset-[4px]\"\n          text=\"隱私政策\"\n        />\n      </ExternalLink>\n      <P3 className=\"text-gray-600\" text=\"｜\" />\n      <ExternalLink\n        to={'https://twreporter.gitbook.io/the-reporter-brand-guidelines'}\n        target=\"_blank\"\n      >\n        <P3\n          className=\"text-gray-600 underline underline-offset-[4px]\"\n          text=\"品牌規範\"\n        />\n      </ExternalLink>\n    </>\n  )\n}\n\nexport const LinkButtonGroups = ({\n  linksGroups,\n}: {\n  releaseBranch: ReleaseBranch\n  linksGroups: LinkType[][]\n}) => {\n  return _.map(linksGroups, (links, indexofGroup) => {\n    return (\n      <div\n        key={indexofGroup}\n        className={clsx(\n          'flex flex-col gap-[8px] basis-1/3',\n          'desktop:w-[120px] desktop:gap-[16px] desktop:basis-auto'\n        )}\n      >\n        {_.map(links, (link, indexofLink) => {\n          return (\n            <ExternalLink\n              key={indexofLink}\n              to={link.link}\n              target=\"_blank\"\n              id={link.id}\n            >\n              <P2\n                className=\"text-gray-600 hover:text-gray-800\"\n                text={link.text}\n              />\n            </ExternalLink>\n          )\n        })}\n      </div>\n    )\n  })\n}\n"],"mappings":";;;;;;;;;;AAgBA,MAAM,IAAI,EACR,KACD;AAED,MAAa,eAAe,EAC1B,eACA,YAII;AACJ,QACE,oBAAC;EAAI,WAAU;YACZ,EAAE,IAAI,QAAQ,SAAS;GACtB,MAAM,gBACJ,oBAAC;IAAY,WAAW,KAAK;IAAqB;KAAiB;AAErE,UACE,oBAACA;IAA6B,IAAI,KAAK;IAAM,QAAO;cAClD,oBAACC,uBAA0B,gBAAiB;MAD3B,KAAK,KAET;IAEjB;GACE;;AAIV,MAAa,eAAe,EAC1B,oBAGI;CACJ,MAAM,aAAa,uBAAuB,eAAe;AACzD,QACE;EACE,oBAACD;GAAa,IAAI,GAAG,WAAW;GAAoB,QAAO;aACzD,oBAAC;IACC,WAAU;IACV,MAAK;KACL;IACW;EACf,oBAAC;GAAG,WAAU;GAAgB,MAAK;IAAM;EACzC,oBAACA;GAAa,IAAI,GAAG,WAAW;GAAoB,QAAO;aACzD,oBAAC;IACC,WAAU;IACV,MAAK;KACL;IACW;EACf,oBAAC;GAAG,WAAU;GAAgB,MAAK;IAAM;EACzC,oBAACA;GACC,IAAI;GACJ,QAAO;aAEP,oBAAC;IACC,WAAU;IACV,MAAK;KACL;IACW;KACd;;AAIP,MAAa,oBAAoB,EAC/B,kBAII;AACJ,QAAO,EAAE,IAAI,cAAc,OAAO,iBAAiB;AACjD,SACE,oBAAC;GAEC,WAAW,KACT,qCACA,0DACD;aAEA,EAAE,IAAI,QAAQ,MAAM,gBAAgB;AACnC,WACE,oBAACA;KAEC,IAAI,KAAK;KACT,QAAO;KACP,IAAI,KAAK;eAET,oBAAC;MACC,WAAU;MACV,MAAM,KAAK;OACX;OARG,YASQ;KAEjB;KApBG,aAqBD;GAER"}
+{"version":3,"file":"links-CbxQX5DC.mjs","names":["ExternalLink","IconButton"],"sources":["../src/footer/links.tsx"],"sourcesContent":["import clsx from 'clsx'\n// text\nimport { P2, P3 } from '../text/paragraph'\n// constants\nimport type { ReleaseBranch } from '../constants/release-branch'\nimport { forClientSideRendering } from '../constants/request-origins'\n// button\nimport { IconButton } from '../button'\n// link\nimport { ExternalLink } from '../customized-link'\n// icon\nimport { SocialMedia } from '../icons'\n// types\nimport type { LinkType, SocialMediaLink } from './types'\n// lodash\nimport map from 'lodash/map'\nconst _ = {\n  map,\n}\n\nexport const SocialLinks = ({\n  releaseBranch,\n  links,\n}: {\n  releaseBranch: ReleaseBranch\n  links: SocialMediaLink[]\n}) => {\n  return (\n    <div className=\"flex gap-[16px]\">\n      {_.map(links, (link) => {\n        const iconComponent = (\n          <SocialMedia mediaType={link.icon} releaseBranch={releaseBranch} />\n        )\n        return (\n          <ExternalLink key={link.icon} to={link.link} target=\"_blank\">\n            <IconButton iconComponent={iconComponent} />\n          </ExternalLink>\n        )\n      })}\n    </div>\n  )\n}\n\nexport const StaticLinks = ({\n  releaseBranch,\n}: {\n  releaseBranch: ReleaseBranch\n}) => {\n  const mainOrigin = forClientSideRendering[releaseBranch].main\n  return (\n    <>\n      <ExternalLink to={`${mainOrigin}/a/license-footer`} target=\"_blank\">\n        <P3\n          className=\"text-gray-600 underline underline-offset-[4px]\"\n          text=\"許可協議\"\n        />\n      </ExternalLink>\n      <P3 className=\"text-gray-600\" text=\"｜\" />\n      <ExternalLink to={`${mainOrigin}/a/privacy-footer`} target=\"_blank\">\n        <P3\n          className=\"text-gray-600 underline underline-offset-[4px]\"\n          text=\"隱私政策\"\n        />\n      </ExternalLink>\n      <P3 className=\"text-gray-600\" text=\"｜\" />\n      <ExternalLink\n        to={'https://twreporter.gitbook.io/the-reporter-brand-guidelines'}\n        target=\"_blank\"\n      >\n        <P3\n          className=\"text-gray-600 underline underline-offset-[4px]\"\n          text=\"品牌規範\"\n        />\n      </ExternalLink>\n    </>\n  )\n}\n\nexport const LinkButtonGroups = ({\n  linksGroups,\n}: {\n  releaseBranch: ReleaseBranch\n  linksGroups: LinkType[][]\n}) => {\n  return _.map(linksGroups, (links, indexofGroup) => {\n    return (\n      <div\n        key={indexofGroup}\n        className={clsx(\n          'flex flex-col gap-[8px] basis-1/3',\n          'desktop:w-[120px] desktop:gap-[16px] desktop:basis-auto'\n        )}\n      >\n        {_.map(links, (link, indexofLink) => {\n          return (\n            <ExternalLink\n              key={indexofLink}\n              to={link.link}\n              target=\"_blank\"\n              id={link.id}\n            >\n              <P2\n                className=\"text-gray-600 hover:text-gray-800\"\n                text={link.text}\n              />\n            </ExternalLink>\n          )\n        })}\n      </div>\n    )\n  })\n}\n"],"mappings":";;;;;;;;;;AAgBA,MAAM,IAAI,EACR,KACD;AAED,MAAa,eAAe,EAC1B,eACA,YAII;AACJ,QACE,oBAAC;EAAI,WAAU;YACZ,EAAE,IAAI,QAAQ,SAAS;GACtB,MAAM,gBACJ,oBAAC;IAAY,WAAW,KAAK;IAAqB;KAAiB;AAErE,UACE,oBAACA;IAA6B,IAAI,KAAK;IAAM,QAAO;cAClD,oBAACC,uBAA0B,gBAAiB;MAD3B,KAAK,KAET;IAEjB;GACE;;AAIV,MAAa,eAAe,EAC1B,oBAGI;CACJ,MAAM,aAAa,uBAAuB,eAAe;AACzD,QACE;EACE,oBAACD;GAAa,IAAI,GAAG,WAAW;GAAoB,QAAO;aACzD,oBAAC;IACC,WAAU;IACV,MAAK;KACL;IACW;EACf,oBAAC;GAAG,WAAU;GAAgB,MAAK;IAAM;EACzC,oBAACA;GAAa,IAAI,GAAG,WAAW;GAAoB,QAAO;aACzD,oBAAC;IACC,WAAU;IACV,MAAK;KACL;IACW;EACf,oBAAC;GAAG,WAAU;GAAgB,MAAK;IAAM;EACzC,oBAACA;GACC,IAAI;GACJ,QAAO;aAEP,oBAAC;IACC,WAAU;IACV,MAAK;KACL;IACW;KACd;;AAIP,MAAa,oBAAoB,EAC/B,kBAII;AACJ,QAAO,EAAE,IAAI,cAAc,OAAO,iBAAiB;AACjD,SACE,oBAAC;GAEC,WAAW,KACT,qCACA,0DACD;aAEA,EAAE,IAAI,QAAQ,MAAM,gBAAgB;AACnC,WACE,oBAACA;KAEC,IAAI,KAAK;KACT,QAAO;KACP,IAAI,KAAK;eAET,oBAAC;MACC,WAAU;MACV,MAAM,KAAK;OACX;OARG,YASQ;KAEjB;KApBG,aAqBD;GAER"}

package/lib/loading-BeEKq8Mb.mjs

@@ -0,0 +1,100 @@
+import clsx from "clsx";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/card/list/loading.tsx
+const Rectangle = ({ width, height, className }) => /* @__PURE__ */ jsx("div", {
+	className: clsx("relative overflow-hidden rounded-[2px] bg-gray-300", "after:absolute after:inset-0 after:-translate-x-full after:animate-shimmer", "after:bg-linear-to-r after:from-gray-white after:via-opacity-white-05 after:to-gray-white", "after:content-[\"\"]", className),
+	style: {
+		width,
+		height
+	}
+});
+const LargeSkeleton = () => /* @__PURE__ */ jsxs("div", {
+	className: "flex flex-row w-full gap-[32px]",
+	children: [/* @__PURE__ */ jsxs("div", {
+		className: "flex flex-col w-full gap-[16px] justify-center",
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex flex-row gap-[8px]",
+				children: [/* @__PURE__ */ jsx(Rectangle, {
+					width: "48px",
+					height: "12px"
+				}), /* @__PURE__ */ jsx(Rectangle, {
+					width: "48px",
+					height: "12px"
+				})]
+			}),
+			/* @__PURE__ */ jsx(Rectangle, {
+				width: "100%",
+				height: "25px"
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex flex-col w-full gap-[8px]",
+				children: [/* @__PURE__ */ jsx(Rectangle, {
+					width: "100%",
+					height: "16px"
+				}), /* @__PURE__ */ jsx(Rectangle, {
+					width: "240px",
+					height: "16px"
+				})]
+			})
+		]
+	}), /* @__PURE__ */ jsx(Rectangle, {
+		width: "216px",
+		height: "144px",
+		className: "shrink-0"
+	})]
+});
+const SmallSkeleton = () => /* @__PURE__ */ jsxs("div", {
+	className: "flex flex-col gap-[8px]",
+	children: [/* @__PURE__ */ jsxs("div", {
+		className: "flex flex-row gap-[8px]",
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex flex-col w-full gap-[8px]",
+			children: [
+				/* @__PURE__ */ jsxs("div", {
+					className: "flex flex-row gap-[8px]",
+					children: [/* @__PURE__ */ jsx(Rectangle, {
+						width: "48px",
+						height: "12px"
+					}), /* @__PURE__ */ jsx(Rectangle, {
+						width: "48px",
+						height: "12px"
+					})]
+				}),
+				/* @__PURE__ */ jsx(Rectangle, {
+					width: "100%",
+					height: "16px"
+				}),
+				/* @__PURE__ */ jsx(Rectangle, {
+					width: "50%",
+					height: "16px"
+				})
+			]
+		}), /* @__PURE__ */ jsx(Rectangle, {
+			width: "72px",
+			height: "72px",
+			className: "shrink-0"
+		})]
+	}), /* @__PURE__ */ jsxs("div", {
+		className: "flex flex-col w-full gap-[4px]",
+		children: [
+			/* @__PURE__ */ jsx(Rectangle, {
+				width: "100%",
+				height: "12px"
+			}),
+			/* @__PURE__ */ jsx(Rectangle, {
+				width: "100%",
+				height: "12px"
+			}),
+			/* @__PURE__ */ jsx(Rectangle, {
+				width: "240px",
+				height: "12px"
+			})
+		]
+	})]
+});
+
+//#endregion
+export { LargeSkeleton, Rectangle, SmallSkeleton };
+//# sourceMappingURL=loading-BeEKq8Mb.mjs.map

package/lib/loading-BeEKq8Mb.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"loading-BeEKq8Mb.mjs","names":["Rectangle: FC<RectangleProps>","LargeSkeleton: FC","SmallSkeleton: FC"],"sources":["../src/card/list/loading.tsx"],"sourcesContent":["import type { FC } from 'react'\nimport clsx from 'clsx'\n\ntype RectangleProps = {\n  width: string\n  height: string\n  className?: string\n}\n\nexport const Rectangle: FC<RectangleProps> = ({ width, height, className }) => (\n  <div\n    className={clsx(\n      'relative overflow-hidden rounded-[2px] bg-gray-300',\n      'after:absolute after:inset-0 after:-translate-x-full after:animate-shimmer',\n      'after:bg-linear-to-r after:from-gray-white after:via-opacity-white-05 after:to-gray-white',\n      'after:content-[\"\"]',\n      className\n    )}\n    style={{ width, height }}\n  />\n)\n\nexport const LargeSkeleton: FC = () => (\n  <div className=\"flex flex-row w-full gap-[32px]\">\n    <div className=\"flex flex-col w-full gap-[16px] justify-center\">\n      <div className=\"flex flex-row gap-[8px]\">\n        <Rectangle width=\"48px\" height=\"12px\" />\n        <Rectangle width=\"48px\" height=\"12px\" />\n      </div>\n      <Rectangle width=\"100%\" height=\"25px\" />\n      <div className=\"flex flex-col w-full gap-[8px]\">\n        <Rectangle width=\"100%\" height=\"16px\" />\n        <Rectangle width=\"240px\" height=\"16px\" />\n      </div>\n    </div>\n    <Rectangle width=\"216px\" height=\"144px\" className=\"shrink-0\" />\n  </div>\n)\n\nexport const SmallSkeleton: FC = () => (\n  <div className=\"flex flex-col gap-[8px]\">\n    <div className=\"flex flex-row gap-[8px]\">\n      <div className=\"flex flex-col w-full gap-[8px]\">\n        <div className=\"flex flex-row gap-[8px]\">\n          <Rectangle width=\"48px\" height=\"12px\" />\n          <Rectangle width=\"48px\" height=\"12px\" />\n        </div>\n        <Rectangle width=\"100%\" height=\"16px\" />\n        <Rectangle width=\"50%\" height=\"16px\" />\n      </div>\n      <Rectangle width=\"72px\" height=\"72px\" className=\"shrink-0\" />\n    </div>\n    <div className=\"flex flex-col w-full gap-[4px]\">\n      <Rectangle width=\"100%\" height=\"12px\" />\n      <Rectangle width=\"100%\" height=\"12px\" />\n      <Rectangle width=\"240px\" height=\"12px\" />\n    </div>\n  </div>\n)\n"],"mappings":";;;;AASA,MAAaA,aAAiC,EAAE,OAAO,QAAQ,gBAC7D,oBAAC;CACC,WAAW,KACT,sDACA,8EACA,6FACA,wBACA,UACD;CACD,OAAO;EAAE;EAAO;EAAQ;EACxB;AAGJ,MAAaC,sBACX,qBAAC;CAAI,WAAU;YACb,qBAAC;EAAI,WAAU;;GACb,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAU,OAAM;KAAO,QAAO;MAAS,EACxC,oBAAC;KAAU,OAAM;KAAO,QAAO;MAAS;KACpC;GACN,oBAAC;IAAU,OAAM;IAAO,QAAO;KAAS;GACxC,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAU,OAAM;KAAO,QAAO;MAAS,EACxC,oBAAC;KAAU,OAAM;KAAQ,QAAO;MAAS;KACrC;;GACF,EACN,oBAAC;EAAU,OAAM;EAAQ,QAAO;EAAQ,WAAU;GAAa;EAC3D;AAGR,MAAaC,sBACX,qBAAC;CAAI,WAAU;YACb,qBAAC;EAAI,WAAU;aACb,qBAAC;GAAI,WAAU;;IACb,qBAAC;KAAI,WAAU;gBACb,oBAAC;MAAU,OAAM;MAAO,QAAO;OAAS,EACxC,oBAAC;MAAU,OAAM;MAAO,QAAO;OAAS;MACpC;IACN,oBAAC;KAAU,OAAM;KAAO,QAAO;MAAS;IACxC,oBAAC;KAAU,OAAM;KAAM,QAAO;MAAS;;IACnC,EACN,oBAAC;GAAU,OAAM;GAAO,QAAO;GAAO,WAAU;IAAa;GACzD,EACN,qBAAC;EAAI,WAAU;;GACb,oBAAC;IAAU,OAAM;IAAO,QAAO;KAAS;GACxC,oBAAC;IAAU,OAAM;IAAO,QAAO;KAAS;GACxC,oBAAC;IAAU,OAAM;IAAQ,QAAO;KAAS;;GACrC;EACF"}

package/lib/loading-CFCk4kkD.js

@@ -0,0 +1,120 @@
+const require_chunk = require('./chunk-BxBTb9qk.js');
+let clsx = require("clsx");
+clsx = require_chunk.__toESM(clsx);
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_chunk.__toESM(react_jsx_runtime);
+
+//#region src/card/list/loading.tsx
+const Rectangle = ({ width, height, className }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+	className: (0, clsx.default)("relative overflow-hidden rounded-[2px] bg-gray-300", "after:absolute after:inset-0 after:-translate-x-full after:animate-shimmer", "after:bg-linear-to-r after:from-gray-white after:via-opacity-white-05 after:to-gray-white", "after:content-[\"\"]", className),
+	style: {
+		width,
+		height
+	}
+});
+const LargeSkeleton = () => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+	className: "flex flex-row w-full gap-[32px]",
+	children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "flex flex-col w-full gap-[16px] justify-center",
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "flex flex-row gap-[8px]",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Rectangle, {
+					width: "48px",
+					height: "12px"
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Rectangle, {
+					width: "48px",
+					height: "12px"
+				})]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Rectangle, {
+				width: "100%",
+				height: "25px"
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "flex flex-col w-full gap-[8px]",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Rectangle, {
+					width: "100%",
+					height: "16px"
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Rectangle, {
+					width: "240px",
+					height: "16px"
+				})]
+			})
+		]
+	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Rectangle, {
+		width: "216px",
+		height: "144px",
+		className: "shrink-0"
+	})]
+});
+const SmallSkeleton = () => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+	className: "flex flex-col gap-[8px]",
+	children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "flex flex-row gap-[8px]",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "flex flex-col w-full gap-[8px]",
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "flex flex-row gap-[8px]",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Rectangle, {
+						width: "48px",
+						height: "12px"
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Rectangle, {
+						width: "48px",
+						height: "12px"
+					})]
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Rectangle, {
+					width: "100%",
+					height: "16px"
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Rectangle, {
+					width: "50%",
+					height: "16px"
+				})
+			]
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Rectangle, {
+			width: "72px",
+			height: "72px",
+			className: "shrink-0"
+		})]
+	}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "flex flex-col w-full gap-[4px]",
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Rectangle, {
+				width: "100%",
+				height: "12px"
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Rectangle, {
+				width: "100%",
+				height: "12px"
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Rectangle, {
+				width: "240px",
+				height: "12px"
+			})
+		]
+	})]
+});
+
+//#endregion
+Object.defineProperty(exports, 'LargeSkeleton', {
+  enumerable: true,
+  get: function () {
+    return LargeSkeleton;
+  }
+});
+Object.defineProperty(exports, 'Rectangle', {
+  enumerable: true,
+  get: function () {
+    return Rectangle;
+  }
+});
+Object.defineProperty(exports, 'SmallSkeleton', {
+  enumerable: true,
+  get: function () {
+    return SmallSkeleton;
+  }
+});
+//# sourceMappingURL=loading-CFCk4kkD.js.map