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

package/lib/social-media-B3ZZZuYp.mjs

@@ -0,0 +1,30 @@
+import { EXTERNAL_LINKS } from "./external-links-FfndTp-X.mjs";
+import { MEDIA_TYPE } from "./constants-BinATQpN.mjs";
+
+//#region src/hamburger-menu/constants/social-media.ts
+const SocialMedias = [
+	{
+		icon: MEDIA_TYPE.facebook,
+		link: EXTERNAL_LINKS.facebook,
+		target: "_blank"
+	},
+	{
+		icon: MEDIA_TYPE.instagram,
+		link: EXTERNAL_LINKS.instagram,
+		target: "_blank"
+	},
+	{
+		icon: MEDIA_TYPE.threads,
+		link: EXTERNAL_LINKS.threads,
+		target: "_blank"
+	},
+	{
+		icon: MEDIA_TYPE.youtube,
+		link: EXTERNAL_LINKS.youtube,
+		target: "_blank"
+	}
+];
+
+//#endregion
+export { SocialMedias };
+//# sourceMappingURL=social-media-B3ZZZuYp.mjs.map

package/lib/social-media-B3ZZZuYp.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"social-media-B3ZZZuYp.mjs","names":["SocialMedias: SocialMediaType[]"],"sources":["../src/hamburger-menu/constants/social-media.ts"],"sourcesContent":["import { MEDIA_TYPE, type MediaType } from '../../icons/constants'\nimport { EXTERNAL_LINKS } from '../../constants/external-links'\nimport type { LinkTarget } from '../../customized-link/type'\n\ntype SocialMediaType = {\n  icon: MediaType\n  link: string\n  target: LinkTarget\n}\nexport const SocialMedias: SocialMediaType[] = [\n  {\n    icon: MEDIA_TYPE.facebook,\n    link: EXTERNAL_LINKS.facebook,\n    target: '_blank',\n  },\n  {\n    icon: MEDIA_TYPE.instagram,\n    link: EXTERNAL_LINKS.instagram,\n    target: '_blank',\n  },\n  {\n    icon: MEDIA_TYPE.threads,\n    link: EXTERNAL_LINKS.threads,\n    target: '_blank',\n  },\n  {\n    icon: MEDIA_TYPE.youtube,\n    link: EXTERNAL_LINKS.youtube,\n    target: '_blank',\n  },\n]\n"],"mappings":";;;;AASA,MAAaA,eAAkC;CAC7C;EACE,MAAM,WAAW;EACjB,MAAM,eAAe;EACrB,QAAQ;EACT;CACD;EACE,MAAM,WAAW;EACjB,MAAM,eAAe;EACrB,QAAQ;EACT;CACD;EACE,MAAM,WAAW;EACjB,MAAM,eAAe;EACrB,QAAQ;EACT;CACD;EACE,MAAM,WAAW;EACjB,MAAM,eAAe;EACrB,QAAQ;EACT;CACF"}

package/lib/social-media-BX0Ns4BR.js

@@ -0,0 +1,35 @@
+const require_chunk = require('./chunk-BxBTb9qk.js');
+const require_theme = require('./theme-DDBlIbeS.js');
+const require_icon_button = require('./icon-button-Vqwyow05.js');
+const require_context = require('./context-DW8qh_Q3.js');
+const require_icons = require('./icons-OsNrxOWn.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/social-media.tsx
+const SocialMedia$1 = ({ mediaType }) => {
+	const { theme, releaseBranch } = (0, react.useContext)(require_context.HeaderContext);
+	const footerTheme = theme === require_theme.THEME.transparent ? require_theme.THEME.normal : theme;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_icon_button.icon_button_default, {
+		iconComponent: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_icons.SocialMedia, {
+			mediaType,
+			releaseBranch
+		}),
+		theme: footerTheme,
+		className: (0, clsx.default)("[&>svg]:h-[32px] [&>svg]:w-[32px]", "[&>svg]:tablet:h-[24px] [&>svg]:tablet:w-[24px]")
+	});
+};
+var social_media_default = SocialMedia$1;
+
+//#endregion
+Object.defineProperty(exports, 'social_media_default', {
+  enumerable: true,
+  get: function () {
+    return social_media_default;
+  }
+});
+//# sourceMappingURL=social-media-BX0Ns4BR.js.map

package/lib/social-media-BX0Ns4BR.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"social-media-BX0Ns4BR.js","names":["SocialMedia: FC<SocialMediaProps>","HeaderContext","THEME","IconButton","SocialMediaIcon","SocialMedia"],"sources":["../src/hamburger-menu/components/social-media.tsx"],"sourcesContent":["import { useContext, type FC } from 'react'\nimport clsx from 'clsx'\n// context\nimport { HeaderContext } from '../../header/context'\n// icon\nimport { SocialMedia as SocialMediaIcon } from '../../icons'\n// type\nimport type { MediaType } from '../../icons/constants'\n// theme\nimport { THEME } from '../../constants/theme'\n// button\nimport { IconButton } from '../../button'\n\ntype SocialMediaProps = {\n  mediaType: MediaType\n}\nconst SocialMedia: FC<SocialMediaProps> = ({ mediaType }) => {\n  const { theme, releaseBranch } = useContext(HeaderContext)\n  const footerTheme = theme === THEME.transparent ? THEME.normal : theme\n  const Icon = (\n    <SocialMediaIcon mediaType={mediaType} releaseBranch={releaseBranch} />\n  )\n  return (\n    <IconButton\n      iconComponent={Icon}\n      theme={footerTheme}\n      className={clsx(\n        '[&>svg]:h-[32px] [&>svg]:w-[32px]',\n        '[&>svg]:tablet:h-[24px] [&>svg]:tablet:w-[24px]'\n      )}\n    />\n  )\n}\n\nexport default SocialMedia\n"],"mappings":";;;;;;;;;;;;;AAgBA,MAAMA,iBAAqC,EAAE,gBAAgB;CAC3D,MAAM,EAAE,OAAO,wCAA6BC,8BAAc;CAC1D,MAAM,cAAc,UAAUC,oBAAM,cAAcA,oBAAM,SAAS;AAIjE,QACE,2CAACC;EACC,eAJF,2CAACC;GAA2B;GAA0B;IAAiB;EAKrE,OAAO;EACP,6BACE,qCACA,kDACD;GACD;;AAIN,2BAAeC"}

package/lib/social-media-DDNkN_DL.js

@@ -0,0 +1,35 @@
+const require_external_links = require('./external-links-CeidCP88.js');
+const require_constants = require('./constants-BE7hWIZ-.js');
+
+//#region src/hamburger-menu/constants/social-media.ts
+const SocialMedias = [
+	{
+		icon: require_constants.MEDIA_TYPE.facebook,
+		link: require_external_links.EXTERNAL_LINKS.facebook,
+		target: "_blank"
+	},
+	{
+		icon: require_constants.MEDIA_TYPE.instagram,
+		link: require_external_links.EXTERNAL_LINKS.instagram,
+		target: "_blank"
+	},
+	{
+		icon: require_constants.MEDIA_TYPE.threads,
+		link: require_external_links.EXTERNAL_LINKS.threads,
+		target: "_blank"
+	},
+	{
+		icon: require_constants.MEDIA_TYPE.youtube,
+		link: require_external_links.EXTERNAL_LINKS.youtube,
+		target: "_blank"
+	}
+];
+
+//#endregion
+Object.defineProperty(exports, 'SocialMedias', {
+  enumerable: true,
+  get: function () {
+    return SocialMedias;
+  }
+});
+//# sourceMappingURL=social-media-DDNkN_DL.js.map

package/lib/social-media-DDNkN_DL.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"social-media-DDNkN_DL.js","names":["SocialMedias: SocialMediaType[]","MEDIA_TYPE","EXTERNAL_LINKS"],"sources":["../src/hamburger-menu/constants/social-media.ts"],"sourcesContent":["import { MEDIA_TYPE, type MediaType } from '../../icons/constants'\nimport { EXTERNAL_LINKS } from '../../constants/external-links'\nimport type { LinkTarget } from '../../customized-link/type'\n\ntype SocialMediaType = {\n  icon: MediaType\n  link: string\n  target: LinkTarget\n}\nexport const SocialMedias: SocialMediaType[] = [\n  {\n    icon: MEDIA_TYPE.facebook,\n    link: EXTERNAL_LINKS.facebook,\n    target: '_blank',\n  },\n  {\n    icon: MEDIA_TYPE.instagram,\n    link: EXTERNAL_LINKS.instagram,\n    target: '_blank',\n  },\n  {\n    icon: MEDIA_TYPE.threads,\n    link: EXTERNAL_LINKS.threads,\n    target: '_blank',\n  },\n  {\n    icon: MEDIA_TYPE.youtube,\n    link: EXTERNAL_LINKS.youtube,\n    target: '_blank',\n  },\n]\n"],"mappings":";;;;AASA,MAAaA,eAAkC;CAC7C;EACE,MAAMC,6BAAW;EACjB,MAAMC,sCAAe;EACrB,QAAQ;EACT;CACD;EACE,MAAMD,6BAAW;EACjB,MAAMC,sCAAe;EACrB,QAAQ;EACT;CACD;EACE,MAAMD,6BAAW;EACjB,MAAMC,sCAAe;EACrB,QAAQ;EACT;CACD;EACE,MAAMD,6BAAW;EACjB,MAAMC,sCAAe;EACrB,QAAQ;EACT;CACF"}

package/lib/social-media-HZ8Jr1iM.mjs

@@ -0,0 +1,26 @@
+import { THEME } from "./theme-BG6yZVj-.mjs";
+import { icon_button_default } from "./icon-button-B-71Zncn.mjs";
+import { HeaderContext } from "./context-Bg1CbUYL.mjs";
+import { SocialMedia } from "./icons-D_G_3m8-.mjs";
+import { useContext } from "react";
+import clsx from "clsx";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/hamburger-menu/components/social-media.tsx
+const SocialMedia$1 = ({ mediaType }) => {
+	const { theme, releaseBranch } = useContext(HeaderContext);
+	const footerTheme = theme === THEME.transparent ? THEME.normal : theme;
+	return /* @__PURE__ */ jsx(icon_button_default, {
+		iconComponent: /* @__PURE__ */ jsx(SocialMedia, {
+			mediaType,
+			releaseBranch
+		}),
+		theme: footerTheme,
+		className: clsx("[&>svg]:h-[32px] [&>svg]:w-[32px]", "[&>svg]:tablet:h-[24px] [&>svg]:tablet:w-[24px]")
+	});
+};
+var social_media_default = SocialMedia$1;
+
+//#endregion
+export { social_media_default };
+//# sourceMappingURL=social-media-HZ8Jr1iM.mjs.map

package/lib/social-media-HZ8Jr1iM.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"social-media-HZ8Jr1iM.mjs","names":["SocialMedia: FC<SocialMediaProps>","IconButton","SocialMediaIcon","SocialMedia"],"sources":["../src/hamburger-menu/components/social-media.tsx"],"sourcesContent":["import { useContext, type FC } from 'react'\nimport clsx from 'clsx'\n// context\nimport { HeaderContext } from '../../header/context'\n// icon\nimport { SocialMedia as SocialMediaIcon } from '../../icons'\n// type\nimport type { MediaType } from '../../icons/constants'\n// theme\nimport { THEME } from '../../constants/theme'\n// button\nimport { IconButton } from '../../button'\n\ntype SocialMediaProps = {\n  mediaType: MediaType\n}\nconst SocialMedia: FC<SocialMediaProps> = ({ mediaType }) => {\n  const { theme, releaseBranch } = useContext(HeaderContext)\n  const footerTheme = theme === THEME.transparent ? THEME.normal : theme\n  const Icon = (\n    <SocialMediaIcon mediaType={mediaType} releaseBranch={releaseBranch} />\n  )\n  return (\n    <IconButton\n      iconComponent={Icon}\n      theme={footerTheme}\n      className={clsx(\n        '[&>svg]:h-[32px] [&>svg]:w-[32px]',\n        '[&>svg]:tablet:h-[24px] [&>svg]:tablet:w-[24px]'\n      )}\n    />\n  )\n}\n\nexport default SocialMedia\n"],"mappings":";;;;;;;;;AAgBA,MAAMA,iBAAqC,EAAE,gBAAgB;CAC3D,MAAM,EAAE,OAAO,kBAAkB,WAAW,cAAc;CAC1D,MAAM,cAAc,UAAU,MAAM,cAAc,MAAM,SAAS;AAIjE,QACE,oBAACC;EACC,eAJF,oBAACC;GAA2B;GAA0B;IAAiB;EAKrE,OAAO;EACP,WAAW,KACT,qCACA,kDACD;GACD;;AAIN,2BAAeC"}

package/lib/storybook/utils/get-enum-arg.d.mts

@@ -0,0 +1,21 @@
+//#region src/storybook/utils/get-enum-arg.d.ts
+type RadioArgObject<T> = {
+  defaultValue: T;
+  options: T[];
+  control: {
+    type: 'radio';
+  };
+};
+declare function getRadioArgFromObject<T extends string | number>(object: Record<string, T>, defaultValue: T): RadioArgObject<T>;
+type RadioArgEnum<E> = {
+  defaultValue: E;
+  options: string[];
+  mapping: Record<string, E>;
+  control: {
+    type: 'radio';
+  };
+};
+declare function getRadioArgFromEnum<E extends Record<string, string | number>>(enumObject: E, defaultValue: E[keyof E]): RadioArgEnum<E[keyof E]>;
+//#endregion
+export { getRadioArgFromEnum, getRadioArgFromObject };
+//# sourceMappingURL=get-enum-arg.d.mts.map

package/lib/storybook/utils/get-enum-arg.d.ts

@@ -0,0 +1,21 @@
+//#region src/storybook/utils/get-enum-arg.d.ts
+type RadioArgObject<T> = {
+  defaultValue: T;
+  options: T[];
+  control: {
+    type: 'radio';
+  };
+};
+declare function getRadioArgFromObject<T extends string | number>(object: Record<string, T>, defaultValue: T): RadioArgObject<T>;
+type RadioArgEnum<E> = {
+  defaultValue: E;
+  options: string[];
+  mapping: Record<string, E>;
+  control: {
+    type: 'radio';
+  };
+};
+declare function getRadioArgFromEnum<E extends Record<string, string | number>>(enumObject: E, defaultValue: E[keyof E]): RadioArgEnum<E[keyof E]>;
+//#endregion
+export { getRadioArgFromEnum, getRadioArgFromObject };
+//# sourceMappingURL=get-enum-arg.d.ts.map

package/lib/storybook/utils/get-enum-arg.js

@@ -0,0 +1,28 @@
+
+//#region src/storybook/utils/get-enum-arg.ts
+function getRadioArgFromObject(object, defaultValue) {
+	return {
+		defaultValue,
+		options: Object.values(object),
+		control: { type: "radio" }
+	};
+}
+function getRadioArgFromEnum(enumObject, defaultValue) {
+	const keys = Object.keys(enumObject).filter((key) => Number.isNaN(Number(key)));
+	const mapping = {};
+	keys.forEach((key) => {
+		mapping[key] = enumObject[key];
+	});
+	const defaultKey = keys.find((key) => enumObject[key] === defaultValue) || keys[0];
+	return {
+		defaultValue: enumObject[defaultKey],
+		options: keys,
+		mapping,
+		control: { type: "radio" }
+	};
+}
+
+//#endregion
+exports.getRadioArgFromEnum = getRadioArgFromEnum;
+exports.getRadioArgFromObject = getRadioArgFromObject;
+//# sourceMappingURL=get-enum-arg.js.map

package/lib/storybook/utils/get-enum-arg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-enum-arg.js","names":["mapping: Record<string, E[keyof E]>"],"sources":["../../../src/storybook/utils/get-enum-arg.ts"],"sourcesContent":["type RadioArgObject<T> = {\n  defaultValue: T\n  options: T[]\n  control: { type: 'radio' }\n}\n\nexport function getRadioArgFromObject<T extends string | number>(\n  object: Record<string, T>,\n  defaultValue: T\n): RadioArgObject<T> {\n  return {\n    defaultValue,\n    options: Object.values(object),\n    control: { type: 'radio' },\n  }\n}\n\ntype RadioArgEnum<E> = {\n  defaultValue: E\n  options: string[]\n  mapping: Record<string, E>\n  control: { type: 'radio' }\n}\n\nexport function getRadioArgFromEnum<E extends Record<string, string | number>>(\n  enumObject: E,\n  defaultValue: E[keyof E]\n): RadioArgEnum<E[keyof E]> {\n  // Only keep \"real\" keys (filter numeric reverse mapping)\n  const keys = Object.keys(enumObject).filter((key) =>\n    Number.isNaN(Number(key))\n  )\n\n  const mapping: Record<string, E[keyof E]> = {}\n  keys.forEach((key) => {\n    mapping[key] = enumObject[key as keyof E]\n  })\n\n  // Find the key corresponding to the default value\n  const defaultKey =\n    keys.find((key) => enumObject[key as keyof E] === defaultValue) || keys[0]\n\n  return {\n    defaultValue: enumObject[defaultKey as keyof E],\n    options: keys,\n    mapping,\n    control: { type: 'radio' },\n  }\n}\n"],"mappings":";;AAMA,SAAgB,sBACd,QACA,cACmB;AACnB,QAAO;EACL;EACA,SAAS,OAAO,OAAO,OAAO;EAC9B,SAAS,EAAE,MAAM,SAAS;EAC3B;;AAUH,SAAgB,oBACd,YACA,cAC0B;CAE1B,MAAM,OAAO,OAAO,KAAK,WAAW,CAAC,QAAQ,QAC3C,OAAO,MAAM,OAAO,IAAI,CAAC,CAC1B;CAED,MAAMA,UAAsC,EAAE;AAC9C,MAAK,SAAS,QAAQ;AACpB,UAAQ,OAAO,WAAW;GAC1B;CAGF,MAAM,aACJ,KAAK,MAAM,QAAQ,WAAW,SAAoB,aAAa,IAAI,KAAK;AAE1E,QAAO;EACL,cAAc,WAAW;EACzB,SAAS;EACT;EACA,SAAS,EAAE,MAAM,SAAS;EAC3B"}

package/lib/storybook/utils/get-enum-arg.mjs

@@ -0,0 +1,26 @@
+//#region src/storybook/utils/get-enum-arg.ts
+function getRadioArgFromObject(object, defaultValue) {
+	return {
+		defaultValue,
+		options: Object.values(object),
+		control: { type: "radio" }
+	};
+}
+function getRadioArgFromEnum(enumObject, defaultValue) {
+	const keys = Object.keys(enumObject).filter((key) => Number.isNaN(Number(key)));
+	const mapping = {};
+	keys.forEach((key) => {
+		mapping[key] = enumObject[key];
+	});
+	const defaultKey = keys.find((key) => enumObject[key] === defaultValue) || keys[0];
+	return {
+		defaultValue: enumObject[defaultKey],
+		options: keys,
+		mapping,
+		control: { type: "radio" }
+	};
+}
+
+//#endregion
+export { getRadioArgFromEnum, getRadioArgFromObject };
+//# sourceMappingURL=get-enum-arg.mjs.map

package/lib/storybook/utils/get-enum-arg.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-enum-arg.mjs","names":["mapping: Record<string, E[keyof E]>"],"sources":["../../../src/storybook/utils/get-enum-arg.ts"],"sourcesContent":["type RadioArgObject<T> = {\n  defaultValue: T\n  options: T[]\n  control: { type: 'radio' }\n}\n\nexport function getRadioArgFromObject<T extends string | number>(\n  object: Record<string, T>,\n  defaultValue: T\n): RadioArgObject<T> {\n  return {\n    defaultValue,\n    options: Object.values(object),\n    control: { type: 'radio' },\n  }\n}\n\ntype RadioArgEnum<E> = {\n  defaultValue: E\n  options: string[]\n  mapping: Record<string, E>\n  control: { type: 'radio' }\n}\n\nexport function getRadioArgFromEnum<E extends Record<string, string | number>>(\n  enumObject: E,\n  defaultValue: E[keyof E]\n): RadioArgEnum<E[keyof E]> {\n  // Only keep \"real\" keys (filter numeric reverse mapping)\n  const keys = Object.keys(enumObject).filter((key) =>\n    Number.isNaN(Number(key))\n  )\n\n  const mapping: Record<string, E[keyof E]> = {}\n  keys.forEach((key) => {\n    mapping[key] = enumObject[key as keyof E]\n  })\n\n  // Find the key corresponding to the default value\n  const defaultKey =\n    keys.find((key) => enumObject[key as keyof E] === defaultValue) || keys[0]\n\n  return {\n    defaultValue: enumObject[defaultKey as keyof E],\n    options: keys,\n    mapping,\n    control: { type: 'radio' },\n  }\n}\n"],"mappings":";AAMA,SAAgB,sBACd,QACA,cACmB;AACnB,QAAO;EACL;EACA,SAAS,OAAO,OAAO,OAAO;EAC9B,SAAS,EAAE,MAAM,SAAS;EAC3B;;AAUH,SAAgB,oBACd,YACA,cAC0B;CAE1B,MAAM,OAAO,OAAO,KAAK,WAAW,CAAC,QAAQ,QAC3C,OAAO,MAAM,OAAO,IAAI,CAAC,CAC1B;CAED,MAAMA,UAAsC,EAAE;AAC9C,MAAK,SAAS,QAAQ;AACpB,UAAQ,OAAO,WAAW;GAC1B;CAGF,MAAM,aACJ,KAAK,MAAM,QAAQ,WAAW,SAAoB,aAAa,IAAI,KAAK;AAE1E,QAAO;EACL,cAAc,WAAW;EACzB,SAAS;EACT;EACA,SAAS,EAAE,MAAM,SAAS;EAC3B"}

package/lib/styles.css

@@ -44,6 +44,7 @@
     --font-title: "merriweather", "source-han-serif-tc", serif;
     --font-default: "Roboto Slab", "Noto Sans TC", sans-serif, "Tauhu Oo";
     --font-weight-extra-light: 100;
+    --animate-shimmer: shimmer 2.5s infinite;
   }
 }
 @layer base {
@@ -246,9 +247,6 @@
   .z-999 {
     z-index: 999;
   }
-  .m-0 {
-    margin: calc(var(--spacing) * 0);
-  }
   .mx-auto {
     margin-inline: auto;
   }
@@ -294,6 +292,12 @@
   .box-border {
     box-sizing: border-box;
   }
+  .line-clamp-3 {
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 3;
+  }
   .flex {
     display: flex;
   }
@@ -329,6 +333,12 @@
   .h-\[32px\] {
     height: 32px;
   }
+  .h-\[72px\] {
+    height: 72px;
+  }
+  .h-\[144px\] {
+    height: 144px;
+  }
   .h-\[3000px\] {
     height: 3000px;
   }
@@ -356,6 +366,12 @@
   .w-\[24px\] {
     width: 24px;
   }
+  .w-\[72px\] {
+    width: 72px;
+  }
+  .w-\[216px\] {
+    width: 216px;
+  }
   .w-\[232px\] {
     width: 232px;
   }
@@ -461,6 +477,9 @@
   .justify-end {
     justify-content: flex-end;
   }
+  .gap-\[4px\] {
+    gap: 4px;
+  }
   .gap-\[8px\] {
     gap: 8px;
   }
@@ -485,6 +504,9 @@
   .overscroll-contain {
     overscroll-behavior: contain;
   }
+  .rounded-\[2px\] {
+    border-radius: 2px;
+  }
   .rounded-\[40px\] {
     border-radius: 40px;
   }
@@ -599,6 +621,9 @@
   .mask-cover {
     mask-size: cover;
   }
+  .object-cover {
+    object-fit: cover;
+  }
   .p-\[4px\] {
     padding: 4px;
   }
@@ -857,11 +882,85 @@
   .\[-webkit-mask-image\:linear-gradient\(to_left\,rgba\(241\,241\,241\,0\)\,\#f1f1f1_48px\)\] {
     -webkit-mask-image: linear-gradient(to left,rgba(241,241,241,0),#f1f1f1 48px);
   }
+  .\[scrollbar-width\:none\] {
+    scrollbar-width: none;
+  }
+  .after\:absolute {
+    &::after {
+      content: var(--tw-content);
+      position: absolute;
+    }
+  }
+  .after\:inset-0 {
+    &::after {
+      content: var(--tw-content);
+      inset: calc(var(--spacing) * 0);
+    }
+  }
+  .after\:-translate-x-full {
+    &::after {
+      content: var(--tw-content);
+      --tw-translate-x: -100%;
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+  }
+  .after\:animate-shimmer {
+    &::after {
+      content: var(--tw-content);
+      animation: var(--animate-shimmer);
+    }
+  }
+  .after\:bg-linear-to-r {
+    &::after {
+      content: var(--tw-content);
+      --tw-gradient-position: to right;
+      @supports (background-image: linear-gradient(in lab, red, red)) {
+        --tw-gradient-position: to right in oklab;
+      }
+      background-image: linear-gradient(var(--tw-gradient-stops));
+    }
+  }
+  .after\:from-gray-white {
+    &::after {
+      content: var(--tw-content);
+      --tw-gradient-from: var(--color-gray-white);
+      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+    }
+  }
+  .after\:via-opacity-white-05 {
+    &::after {
+      content: var(--tw-content);
+      --tw-gradient-via: var(--color-opacity-white-05);
+      --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
+      --tw-gradient-stops: var(--tw-gradient-via-stops);
+    }
+  }
+  .after\:to-gray-white {
+    &::after {
+      content: var(--tw-content);
+      --tw-gradient-to: var(--color-gray-white);
+      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+    }
+  }
+  .after\:content-\[\"\"\] {
+    &::after {
+      content: var(--tw-content);
+      --tw-content: "";
+      content: var(--tw-content);
+    }
+  }
   .last\:mr-0 {
     &:last-child {
       margin-right: calc(var(--spacing) * 0);
     }
   }
+  .hover\:cursor-pointer {
+    &:hover {
+      @media (hover: hover) {
+        cursor: pointer;
+      }
+    }
+  }
   .hover\:border-brand-dark {
     &:hover {
       @media (hover: hover) {
@@ -1044,6 +1143,13 @@
       }
     }
   }
+  .hover\:opacity-70 {
+    &:hover {
+      @media (hover: hover) {
+        opacity: 70%;
+      }
+    }
+  }
   .focus\:bg-gray-100 {
     &:focus {
       background-color: var(--color-gray-100);
@@ -1345,6 +1451,11 @@
       padding-inline: calc(var(--spacing) * 0);
     }
   }
+  .\[\&\:\:-webkit-scrollbar\]\:hidden {
+    &::-webkit-scrollbar {
+      display: none;
+    }
+  }
   .\[\&\:\:-webkit-scrollbar\]\:w-\[4px\] {
     &::-webkit-scrollbar {
       width: 4px;
@@ -1819,6 +1930,53 @@
   syntax: "*";
   inherits: false;
 }
+@property --tw-content {
+  syntax: "*";
+  initial-value: "";
+  inherits: false;
+}
+@property --tw-gradient-position {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-gradient-from {
+  syntax: "<color>";
+  inherits: false;
+  initial-value: #0000;
+}
+@property --tw-gradient-via {
+  syntax: "<color>";
+  inherits: false;
+  initial-value: #0000;
+}
+@property --tw-gradient-to {
+  syntax: "<color>";
+  inherits: false;
+  initial-value: #0000;
+}
+@property --tw-gradient-stops {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-gradient-via-stops {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-gradient-from-position {
+  syntax: "<length-percentage>";
+  inherits: false;
+  initial-value: 0%;
+}
+@property --tw-gradient-via-position {
+  syntax: "<length-percentage>";
+  inherits: false;
+  initial-value: 50%;
+}
+@property --tw-gradient-to-position {
+  syntax: "<length-percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
 @property --tw-outline-style {
   syntax: "*";
   inherits: false;
@@ -1829,6 +1987,11 @@
     transform: rotate(360deg);
   }
 }
+@keyframes shimmer {
+  100% {
+    transform: translateX(100%);
+  }
+}
 @layer properties {
   @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
     *, ::before, ::after, ::backdrop {
@@ -1854,6 +2017,16 @@
       --tw-ring-offset-shadow: 0 0 #0000;
       --tw-duration: initial;
       --tw-ease: initial;
+      --tw-content: "";
+      --tw-gradient-position: initial;
+      --tw-gradient-from: #0000;
+      --tw-gradient-via: #0000;
+      --tw-gradient-to: #0000;
+      --tw-gradient-stops: initial;
+      --tw-gradient-via-stops: initial;
+      --tw-gradient-from-position: 0%;
+      --tw-gradient-via-position: 50%;
+      --tw-gradient-to-position: 100%;
       --tw-outline-style: solid;
     }
   }

package/lib/tab-bar/constants.d.mts

@@ -1,6 +1,6 @@
-import "../index-CUE6zs36.mjs";
-import { ReleaseBranch } from "../release-branch-uF0B5lcE.mjs";
-import { LinkTarget } from "../type-Bsf9A8YX.mjs";
+import "../index-HhQuz4hd.mjs";
+import { ReleaseBranch } from "../release-branch-IPa6pTGS.mjs";
+import { LinkTarget } from "../type-CUK24s0m.mjs";
 import { ReactElement } from "react";
 
 //#region src/tab-bar/constants.d.ts

package/lib/tab-bar/constants.d.ts

@@ -1,6 +1,6 @@
 import "../index-H3peA2d_.js";
-import { ReleaseBranch } from "../release-branch-CsBbhuYE.js";
-import { LinkTarget } from "../type-CcygKers.js";
+import { ReleaseBranch } from "../release-branch-CnwfO6yj.js";
+import { LinkTarget } from "../type-BnDFCU6X.js";
 import { ReactElement } from "react";
 
 //#region src/tab-bar/constants.d.ts

package/lib/tab-bar/constants.js

@@ -1,7 +1,7 @@
-require('../internal-links-DxtMobuI.js');
-require('../release-branch-CRZV4Ivz.js');
-require('../constants-R6EfY15A.js');
-require('../icons-BZI6_5JJ.js');
-const require_constants$1 = require('../constants-CUzusjTU.js');
+require('../internal-links-B0I8FU-O.js');
+require('../release-branch-DmSIuJAw.js');
+require('../constants-BE7hWIZ-.js');
+require('../icons-OsNrxOWn.js');
+const require_constants$1 = require('../constants-BsNgVA15.js');
 
 exports.TabBarItems = require_constants$1.TabBarItems;

package/lib/tab-bar/constants.mjs

@@ -1,7 +1,7 @@
-import "../internal-links-CP3dqmrz.mjs";
-import "../release-branch-DNCD1uH_.mjs";
-import "../constants-Npoq7yu0.mjs";
-import "../icons-C5UqghX2.mjs";
-import { TabBarItems } from "../constants-B8QkNSRh.mjs";
+import "../internal-links-hIbZZEWd.mjs";
+import "../release-branch-oA59oIop.mjs";
+import "../constants-BinATQpN.mjs";
+import "../icons-D_G_3m8-.mjs";
+import { TabBarItems } from "../constants-BAmdJ_dS.mjs";
 
 export { TabBarItems };

package/lib/tab-bar/index.js

@@ -1,18 +1,28 @@
 require('../constants-BmxSMOOn.js');
 require('../constants-Cndhv6qr.js');
-require('../paragraph-iuz3jP0Q.js');
+require('../paragraph-Bve022HS.js');
 require('../theme-DDBlIbeS.js');
-require('../button-Dk0MxlKd.js');
-require('../internal-links-DxtMobuI.js');
-require('../release-branch-CRZV4Ivz.js');
-require('../external-link-Ce1_loKh.js');
-require('../internal-link-Bq4yp13E.js');
-require('../customized-link-BDKQVdcH.js');
-require('../constants-R6EfY15A.js');
-require('../icons-BZI6_5JJ.js');
-require('../context-vBt5fnU9.js');
-const require_tab_bar = require('../tab-bar-USs-mSXE.js');
-require('../theme-B9k1Udon.js');
-require('../constants-CUzusjTU.js');
+require('../theme-ingLagfo.js');
+require('../text-button-DlMVqsvV.js');
+require('../theme-B5GNXw4M.js');
+require('../icon-button-Vqwyow05.js');
+require('../menu-button-DP302FyB.js');
+require('../theme-VVqGnnPq.js');
+require('../pill-button-CNbShnjT.js');
+require('../theme-B4rsurcB.js');
+require('../icon-with-text-button-DOj_-gz0.js');
+require('../button-BLRV4Hwe.js');
+require('../internal-links-B0I8FU-O.js');
+require('../release-branch-DmSIuJAw.js');
+require('../external-link-Dnw1WSM1.js');
+require('../internal-link-CKuvpRC8.js');
+require('../customized-link-DoNAVCRa.js');
+require('../z-index-CkMhi8IW.js');
+require('../context-DW8qh_Q3.js');
+require('../constants-BE7hWIZ-.js');
+require('../icons-OsNrxOWn.js');
+require('../theme-DZGKeUdz.js');
+require('../constants-BsNgVA15.js');
+const require_tab_bar = require('../tab-bar-DE2tPvyh.js');
 
 module.exports = require_tab_bar.tab_bar_default;