@twreporter/react-typescript-components 0.1.0-beta.18 → 0.1.0-beta.19

package/lib/styles.css

@@ -252,6 +252,9 @@
   .mx-auto {
     margin-inline: auto;
   }
+  .my-\[24px\] {
+    margin-block: 24px;
+  }
   .mt-\[0px\] {
     margin-top: 0px;
   }
@@ -270,6 +273,12 @@
   .mr-\[24px\] {
     margin-right: 24px;
   }
+  .mb-\[16px\] {
+    margin-bottom: 16px;
+  }
+  .mb-\[48px\] {
+    margin-bottom: 48px;
+  }
   .ml-0 {
     margin-left: calc(var(--spacing) * 0);
   }
@@ -314,6 +323,9 @@
   .h-\[24px\] {
     height: 24px;
   }
+  .h-\[25px\] {
+    height: 25px;
+  }
   .h-\[32px\] {
     height: 32px;
   }
@@ -344,9 +356,15 @@
   .w-\[24px\] {
     width: 24px;
   }
+  .w-\[232px\] {
+    width: 232px;
+  }
   .w-\[240px\] {
     width: 240px;
   }
+  .w-\[280px\]\! {
+    width: 280px !important;
+  }
   .w-\[300px\] {
     width: 300px;
   }
@@ -365,12 +383,18 @@
   .w-screen {
     width: 100vw;
   }
+  .max-w-\[400px\] {
+    max-width: 400px;
+  }
   .flex-1 {
     flex: 1;
   }
   .shrink-0 {
     flex-shrink: 0;
   }
+  .basis-1\/3 {
+    flex-basis: calc(1/3 * 100%);
+  }
   .-translate-x-\[8px\] {
     --tw-translate-x: calc(8px * -1);
     translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -413,6 +437,9 @@
   .flex-col {
     flex-direction: column;
   }
+  .flex-col-reverse {
+    flex-direction: column-reverse;
+  }
   .flex-row {
     flex-direction: row;
   }
@@ -428,6 +455,9 @@
   .justify-center {
     justify-content: center;
   }
+  .justify-center\! {
+    justify-content: center !important;
+  }
   .justify-end {
     justify-content: flex-end;
   }
@@ -437,6 +467,12 @@
   .gap-\[16px\] {
     gap: 16px;
   }
+  .gap-\[24px\] {
+    gap: 24px;
+  }
+  .gap-\[32px\] {
+    gap: 32px;
+  }
   .overflow-hidden {
     overflow: hidden;
   }
@@ -605,6 +641,9 @@
   .pt-\[40px\] {
     padding-top: 40px;
   }
+  .pt-\[48px\] {
+    padding-top: 48px;
+  }
   .pr-\[32px\] {
     padding-right: 32px;
   }
@@ -617,6 +656,9 @@
   .pb-\[32px\] {
     padding-bottom: 32px;
   }
+  .pb-\[96px\] {
+    padding-bottom: 96px;
+  }
   .pb-\[calc\(8px\+env\(safe-area-inset-bottom\,0\)\)\] {
     padding-bottom: calc(8px + env(safe-area-inset-bottom,0));
   }
@@ -629,6 +671,9 @@
   .pl-\[48px\] {
     padding-left: 48px;
   }
+  .text-center {
+    text-align: center;
+  }
   .font-default {
     font-family: var(--font-default);
   }
@@ -733,6 +778,12 @@
   .text-supportive-pastel {
     color: var(--color-supportive-pastel);
   }
+  .underline {
+    text-decoration-line: underline;
+  }
+  .underline-offset-\[4px\] {
+    text-underline-offset: 4px;
+  }
   .opacity-0 {
     opacity: 0%;
   }
@@ -1152,6 +1203,11 @@
       margin-top: 16px;
     }
   }
+  .desktop\:mb-0 {
+    @media (width >= 1024px) {
+      margin-bottom: calc(var(--spacing) * 0);
+    }
+  }
   .desktop\:flex {
     @media (width >= 1024px) {
       display: flex;
@@ -1167,11 +1223,41 @@
       display: inline-flex;
     }
   }
+  .desktop\:h-\[29px\] {
+    @media (width >= 1024px) {
+      height: 29px;
+    }
+  }
+  .desktop\:w-\[120px\] {
+    @media (width >= 1024px) {
+      width: 120px;
+    }
+  }
+  .desktop\:w-\[272px\] {
+    @media (width >= 1024px) {
+      width: 272px;
+    }
+  }
   .desktop\:w-\[280px\] {
     @media (width >= 1024px) {
       width: 280px;
     }
   }
+  .desktop\:max-w-\[320px\] {
+    @media (width >= 1024px) {
+      max-width: 320px;
+    }
+  }
+  .desktop\:max-w-\[1200px\] {
+    @media (width >= 1024px) {
+      max-width: 1200px;
+    }
+  }
+  .desktop\:basis-auto {
+    @media (width >= 1024px) {
+      flex-basis: auto;
+    }
+  }
   .desktop\:-translate-x-\[280px\] {
     @media (width >= 1024px) {
       --tw-translate-x: calc(280px * -1);
@@ -1189,6 +1275,36 @@
       flex-direction: column;
     }
   }
+  .desktop\:flex-row {
+    @media (width >= 1024px) {
+      flex-direction: row;
+    }
+  }
+  .desktop\:items-start {
+    @media (width >= 1024px) {
+      align-items: flex-start;
+    }
+  }
+  .desktop\:justify-between {
+    @media (width >= 1024px) {
+      justify-content: space-between;
+    }
+  }
+  .desktop\:gap-0 {
+    @media (width >= 1024px) {
+      gap: calc(var(--spacing) * 0);
+    }
+  }
+  .desktop\:gap-\[16px\] {
+    @media (width >= 1024px) {
+      gap: 16px;
+    }
+  }
+  .desktop\:gap-\[24px\] {
+    @media (width >= 1024px) {
+      gap: 24px;
+    }
+  }
   .desktop\:bg-gray-100 {
     @media (width >= 1024px) {
       background-color: var(--color-gray-100);
@@ -1204,6 +1320,16 @@
       padding-inline: 48px;
     }
   }
+  .desktop\:py-\[48px\] {
+    @media (width >= 1024px) {
+      padding-block: 48px;
+    }
+  }
+  .desktop\:text-start {
+    @media (width >= 1024px) {
+      text-align: start;
+    }
+  }
   .desktop\:opacity-100 {
     @media (width >= 1024px) {
       opacity: 100%;

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

@@ -1,6 +1,6 @@
-import "../index-B0aBR23L.mjs";
-import { ReleaseBranch } from "../release-branch-CFUcv043.mjs";
-import { LinkTarget } from "../type-Dons5TOa.mjs";
+import "../index-DegwO8ei.mjs";
+import { ReleaseBranch } from "../release-branch-CaxOk9Rq.mjs";
+import { LinkTarget } from "../type-DGvbr3Rm.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-C4hJK9H9.js";
+import { LinkTarget } from "../type-ubTUOk6A.js";
 import { ReactElement } from "react";
 
 //#region src/tab-bar/constants.d.ts

package/lib/tab-bar/constants.js

@@ -2,6 +2,6 @@ require('../internal-links-DxtMobuI.js');
 require('../release-branch-CRZV4Ivz.js');
 require('../constants-D8wNUvoZ.js');
 require('../icons-qP5oNB0W.js');
-const require_constants$1 = require('../constants-B_1Vpdib.js');
+const require_constants$1 = require('../constants-BV86fOLv.js');
 
 exports.TabBarItems = require_constants$1.TabBarItems;

package/lib/tab-bar/constants.mjs

@@ -2,6 +2,6 @@ import "../internal-links-CP3dqmrz.mjs";
 import "../release-branch-DNCD1uH_.mjs";
 import "../constants-5phfWHvb.mjs";
 import "../icons-I7T-auOQ.mjs";
-import { TabBarItems } from "../constants-Br6I254P.mjs";
+import { TabBarItems } from "../constants-BZGBDC2T.mjs";
 
 export { TabBarItems };

package/lib/tab-bar/index.js

@@ -5,14 +5,14 @@ require('../theme-DDBlIbeS.js');
 require('../button-Dk0MxlKd.js');
 require('../internal-links-DxtMobuI.js');
 require('../release-branch-CRZV4Ivz.js');
-require('../external-link-DoBTwlV3.js');
-require('../internal-link-B9ExuJfg.js');
-require('../customized-link-DqW2a8oZ.js');
+require('../external-link-afU9uFB6.js');
+require('../internal-link-Bq4yp13E.js');
+require('../customized-link-CHH91yod.js');
 require('../context-I1lTR5SO.js');
 require('../constants-D8wNUvoZ.js');
 require('../icons-qP5oNB0W.js');
-const require_tab_bar = require('../tab-bar-CZt-vw5x.js');
-require('../theme-CmvdSSbX.js');
-require('../constants-B_1Vpdib.js');
+const require_tab_bar = require('../tab-bar-Dq0ewfWA.js');
+require('../theme-BQQzAfHb.js');
+require('../constants-BV86fOLv.js');
 
 module.exports = require_tab_bar.tab_bar_default;

package/lib/tab-bar/index.mjs

@@ -1,4 +1,4 @@
-import "../internal-link-NQb751uB.mjs";
+import "../internal-link-DCXJvzgx.mjs";
 import "../constants-oTHAnh6r.mjs";
 import "../constants-CBSEPx91.mjs";
 import "../paragraph-Cf9jr8RF.mjs";
@@ -6,13 +6,13 @@ import "../theme-BG6yZVj-.mjs";
 import "../button-D_AWI7r9.mjs";
 import "../internal-links-CP3dqmrz.mjs";
 import "../release-branch-DNCD1uH_.mjs";
-import "../external-link-DXT5ep5-.mjs";
-import "../customized-link-DnaZxeKK.mjs";
+import "../external-link-Diro-q37.mjs";
+import "../customized-link-BacydHK_.mjs";
 import "../context-BgdqM3zA.mjs";
 import "../constants-5phfWHvb.mjs";
 import "../icons-I7T-auOQ.mjs";
-import { tab_bar_default } from "../tab-bar-CXhDni4V.mjs";
-import "../theme-CE2RkJwt.mjs";
-import "../constants-Br6I254P.mjs";
+import { tab_bar_default } from "../tab-bar-CQjgjdkW.mjs";
+import "../theme-CDCgzSJw.mjs";
+import "../constants-BZGBDC2T.mjs";
 
 export { tab_bar_default as default };

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

@@ -1,5 +1,5 @@
-import "../index-B0aBR23L.mjs";
-import { Theme } from "../theme-BQP-h-2z.mjs";
+import "../index-DegwO8ei.mjs";
+import { Theme } from "../theme-Cx5oFufE.mjs";
 
 //#region src/tab-bar/theme.d.ts
 declare const selectTabBarTheme: (theme: Theme) => {

package/lib/tab-bar/theme.js

@@ -1,4 +1,4 @@
 require('../theme-DDBlIbeS.js');
-const require_theme$1 = require('../theme-CmvdSSbX.js');
+const require_theme$1 = require('../theme-BQQzAfHb.js');
 
 exports.selectTabBarTheme = require_theme$1.selectTabBarTheme;

package/lib/tab-bar/theme.mjs

@@ -1,4 +1,4 @@
 import "../theme-BG6yZVj-.mjs";
-import { selectTabBarTheme } from "../theme-CE2RkJwt.mjs";
+import { selectTabBarTheme } from "../theme-CDCgzSJw.mjs";
 
 export { selectTabBarTheme };

package/lib/{tab-bar-CXhDni4V.mjs → tab-bar-CQjgjdkW.mjs}

@@ -1,11 +1,11 @@
-import { internal_link_default } from "./internal-link-NQb751uB.mjs";
+import { internal_link_default } from "./internal-link-DCXJvzgx.mjs";
 import { THEME } from "./theme-BG6yZVj-.mjs";
 import { icon_with_text_button_default } from "./button-D_AWI7r9.mjs";
-import { external_link_default } from "./external-link-DXT5ep5-.mjs";
+import { external_link_default } from "./external-link-Diro-q37.mjs";
 import { HamburgerContext, HeaderContext } from "./context-BgdqM3zA.mjs";
 import { Hamburger } from "./icons-I7T-auOQ.mjs";
-import { selectTabBarTheme } from "./theme-CE2RkJwt.mjs";
-import { TabBarItems } from "./constants-Br6I254P.mjs";
+import { selectTabBarTheme } from "./theme-CDCgzSJw.mjs";
+import { TabBarItems } from "./constants-BZGBDC2T.mjs";
 import { useContext } from "react";
 import clsx from "clsx";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -59,4 +59,4 @@ var tab_bar_default = TabBar;
 
 //#endregion
 export { ZIndex, tab_bar_default };
-//# sourceMappingURL=tab-bar-CXhDni4V.mjs.map
+//# sourceMappingURL=tab-bar-CQjgjdkW.mjs.map

package/lib/{tab-bar-CXhDni4V.mjs.map → tab-bar-CQjgjdkW.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"tab-bar-CXhDni4V.mjs","names":["TabBar: FC<TabBarProps>","ExternalLink","InternalLink","IconWithTextButton"],"sources":["../src/header/constants/z-index.ts","../src/tab-bar/index.tsx"],"sourcesContent":["export const ZIndex = {\n  tabBarMobile: 'z-10',\n  tabBarTablet: 'tablet:z-3',\n  hamburger: 'z-4',\n  header: 'z-3',\n  topRow: 'z-2',\n  channel: 'z-1',\n} as const\n","import { useContext, type FC } from 'react'\nimport clsx from 'clsx'\n// context\nimport { HamburgerContext, HeaderContext } from '../header/context'\n// z-index\nimport { ZIndex } from '../header/constants/z-index'\n// button\nimport { IconWithTextButton } from '../button'\n// icons\nimport { Hamburger } from '../icons'\n// theme\nimport { THEME } from '../constants/theme'\nimport { selectTabBarTheme } from './theme'\n// constants\nimport { TabBarItems } from './constants'\n// links\nimport { InternalLink, ExternalLink } from '../customized-link'\n// lodash\nimport map from 'lodash/map'\nconst _ = {\n  map,\n}\n\ntype TabBarProps = {\n  className?: string\n}\nconst TabBar: FC<TabBarProps> = ({ className = '' }) => {\n  const { theme, releaseBranch, isLinkExternal, pathname } =\n    useContext(HeaderContext)\n  const { toggleHamburger, isHamburgerMenuOpen } = useContext(HamburgerContext)\n  const { bgColor } = selectTabBarTheme(theme)\n  const iconTheme = theme === THEME.photography ? theme : THEME.normal\n  const LinkComponent = isLinkExternal ? ExternalLink : InternalLink\n  return (\n    <div\n      className={clsx(\n        'w-screen fixed left-0 bottom-0 flex justify-between px-[16px] pt-[8px] pb-[calc(8px+env(safe-area-inset-bottom,0))] shadow-[0_0_2px_rgba(0,0,0,0.15)]',\n        'desktop:hidden',\n        bgColor,\n        ZIndex.tabBarMobile,\n        ZIndex.tabBarTablet,\n        className\n      )}\n    >\n      {_.map(TabBarItems(releaseBranch), (item) => {\n        const isActive = !isHamburgerMenuOpen && pathname === item.link\n        return (\n          <LinkComponent\n            key={item.text}\n            to={item.link}\n            target={item.target}\n            className=\"flex justify-center flex-1\"\n          >\n            <IconWithTextButton\n              text={item.text}\n              iconComponent={item.icon}\n              theme={iconTheme}\n              active={isActive}\n            />\n          </LinkComponent>\n        )\n      })}\n      <IconWithTextButton\n        text=\"選單\"\n        iconComponent={Hamburger(releaseBranch)}\n        className=\"flex justify-center flex-1\"\n        onClick={toggleHamburger}\n        active={isHamburgerMenuOpen}\n        theme={iconTheme}\n      />\n    </div>\n  )\n}\nexport default TabBar\n"],"mappings":";;;;;;;;;;;;;;AAAA,MAAa,SAAS;CACpB,cAAc;CACd,cAAc;CACd,WAAW;CACX,QAAQ;CACR,QAAQ;CACR,SAAS;CACV;;;;ACYD,MAAM,IAAI,EACR,KACD;AAKD,MAAMA,UAA2B,EAAE,YAAY,SAAS;CACtD,MAAM,EAAE,OAAO,eAAe,gBAAgB,aAC5C,WAAW,cAAc;CAC3B,MAAM,EAAE,iBAAiB,wBAAwB,WAAW,iBAAiB;CAC7E,MAAM,EAAE,YAAY,kBAAkB,MAAM;CAC5C,MAAM,YAAY,UAAU,MAAM,cAAc,QAAQ,MAAM;CAC9D,MAAM,gBAAgB,iBAAiBC,wBAAeC;AACtD,QACE,qBAAC;EACC,WAAW,KACT,yJACA,kBACA,SACA,OAAO,cACP,OAAO,cACP,UACD;aAEA,EAAE,IAAI,YAAY,cAAc,GAAG,SAAS;GAC3C,MAAM,WAAW,CAAC,uBAAuB,aAAa,KAAK;AAC3D,UACE,oBAAC;IAEC,IAAI,KAAK;IACT,QAAQ,KAAK;IACb,WAAU;cAEV,oBAACC;KACC,MAAM,KAAK;KACX,eAAe,KAAK;KACpB,OAAO;KACP,QAAQ;MACR;MAVG,KAAK,KAWI;IAElB,EACF,oBAACA;GACC,MAAK;GACL,eAAe,UAAU,cAAc;GACvC,WAAU;GACV,SAAS;GACT,QAAQ;GACR,OAAO;IACP;GACE;;AAGV,sBAAe"}
+{"version":3,"file":"tab-bar-CQjgjdkW.mjs","names":["TabBar: FC<TabBarProps>","ExternalLink","InternalLink","IconWithTextButton"],"sources":["../src/header/constants/z-index.ts","../src/tab-bar/index.tsx"],"sourcesContent":["export const ZIndex = {\n  tabBarMobile: 'z-10',\n  tabBarTablet: 'tablet:z-3',\n  hamburger: 'z-4',\n  header: 'z-3',\n  topRow: 'z-2',\n  channel: 'z-1',\n} as const\n","import { useContext, type FC } from 'react'\nimport clsx from 'clsx'\n// context\nimport { HamburgerContext, HeaderContext } from '../header/context'\n// z-index\nimport { ZIndex } from '../header/constants/z-index'\n// button\nimport { IconWithTextButton } from '../button'\n// icons\nimport { Hamburger } from '../icons'\n// theme\nimport { THEME } from '../constants/theme'\nimport { selectTabBarTheme } from './theme'\n// constants\nimport { TabBarItems } from './constants'\n// links\nimport { InternalLink, ExternalLink } from '../customized-link'\n// lodash\nimport map from 'lodash/map'\nconst _ = {\n  map,\n}\n\ntype TabBarProps = {\n  className?: string\n}\nconst TabBar: FC<TabBarProps> = ({ className = '' }) => {\n  const { theme, releaseBranch, isLinkExternal, pathname } =\n    useContext(HeaderContext)\n  const { toggleHamburger, isHamburgerMenuOpen } = useContext(HamburgerContext)\n  const { bgColor } = selectTabBarTheme(theme)\n  const iconTheme = theme === THEME.photography ? theme : THEME.normal\n  const LinkComponent = isLinkExternal ? ExternalLink : InternalLink\n  return (\n    <div\n      className={clsx(\n        'w-screen fixed left-0 bottom-0 flex justify-between px-[16px] pt-[8px] pb-[calc(8px+env(safe-area-inset-bottom,0))] shadow-[0_0_2px_rgba(0,0,0,0.15)]',\n        'desktop:hidden',\n        bgColor,\n        ZIndex.tabBarMobile,\n        ZIndex.tabBarTablet,\n        className\n      )}\n    >\n      {_.map(TabBarItems(releaseBranch), (item) => {\n        const isActive = !isHamburgerMenuOpen && pathname === item.link\n        return (\n          <LinkComponent\n            key={item.text}\n            to={item.link}\n            target={item.target}\n            className=\"flex justify-center flex-1\"\n          >\n            <IconWithTextButton\n              text={item.text}\n              iconComponent={item.icon}\n              theme={iconTheme}\n              active={isActive}\n            />\n          </LinkComponent>\n        )\n      })}\n      <IconWithTextButton\n        text=\"選單\"\n        iconComponent={Hamburger(releaseBranch)}\n        className=\"flex justify-center flex-1\"\n        onClick={toggleHamburger}\n        active={isHamburgerMenuOpen}\n        theme={iconTheme}\n      />\n    </div>\n  )\n}\nexport default TabBar\n"],"mappings":";;;;;;;;;;;;;;AAAA,MAAa,SAAS;CACpB,cAAc;CACd,cAAc;CACd,WAAW;CACX,QAAQ;CACR,QAAQ;CACR,SAAS;CACV;;;;ACYD,MAAM,IAAI,EACR,KACD;AAKD,MAAMA,UAA2B,EAAE,YAAY,SAAS;CACtD,MAAM,EAAE,OAAO,eAAe,gBAAgB,aAC5C,WAAW,cAAc;CAC3B,MAAM,EAAE,iBAAiB,wBAAwB,WAAW,iBAAiB;CAC7E,MAAM,EAAE,YAAY,kBAAkB,MAAM;CAC5C,MAAM,YAAY,UAAU,MAAM,cAAc,QAAQ,MAAM;CAC9D,MAAM,gBAAgB,iBAAiBC,wBAAeC;AACtD,QACE,qBAAC;EACC,WAAW,KACT,yJACA,kBACA,SACA,OAAO,cACP,OAAO,cACP,UACD;aAEA,EAAE,IAAI,YAAY,cAAc,GAAG,SAAS;GAC3C,MAAM,WAAW,CAAC,uBAAuB,aAAa,KAAK;AAC3D,UACE,oBAAC;IAEC,IAAI,KAAK;IACT,QAAQ,KAAK;IACb,WAAU;cAEV,oBAACC;KACC,MAAM,KAAK;KACX,eAAe,KAAK;KACpB,OAAO;KACP,QAAQ;MACR;MAVG,KAAK,KAWI;IAElB,EACF,oBAACA;GACC,MAAK;GACL,eAAe,UAAU,cAAc;GACvC,WAAU;GACV,SAAS;GACT,QAAQ;GACR,OAAO;IACP;GACE;;AAGV,sBAAe"}

package/lib/{tab-bar-CZt-vw5x.js → tab-bar-Dq0ewfWA.js}

@@ -1,12 +1,12 @@
 const require_chunk = require('./chunk-BxBTb9qk.js');
 const require_theme = require('./theme-DDBlIbeS.js');
 const require_button = require('./button-Dk0MxlKd.js');
-const require_external_link = require('./external-link-DoBTwlV3.js');
-const require_internal_link = require('./internal-link-B9ExuJfg.js');
+const require_external_link = require('./external-link-afU9uFB6.js');
+const require_internal_link = require('./internal-link-Bq4yp13E.js');
 const require_context = require('./context-I1lTR5SO.js');
 const require_icons = require('./icons-qP5oNB0W.js');
-const require_theme$1 = require('./theme-CmvdSSbX.js');
-const require_constants = require('./constants-B_1Vpdib.js');
+const require_theme$1 = require('./theme-BQQzAfHb.js');
+const require_constants = require('./constants-BV86fOLv.js');
 let react = require("react");
 react = require_chunk.__toESM(react);
 let clsx = require("clsx");
@@ -75,4 +75,4 @@ Object.defineProperty(exports, 'tab_bar_default', {
     return tab_bar_default;
   }
 });
-//# sourceMappingURL=tab-bar-CZt-vw5x.js.map
+//# sourceMappingURL=tab-bar-Dq0ewfWA.js.map

package/lib/{tab-bar-CZt-vw5x.js.map → tab-bar-Dq0ewfWA.js.map}

@@ -1 +1 @@
-{"version":3,"file":"tab-bar-CZt-vw5x.js","names":["TabBar: FC<TabBarProps>","HeaderContext","HamburgerContext","selectTabBarTheme","THEME","ExternalLink","InternalLink","TabBarItems","IconWithTextButton","Hamburger"],"sources":["../src/header/constants/z-index.ts","../src/tab-bar/index.tsx"],"sourcesContent":["export const ZIndex = {\n  tabBarMobile: 'z-10',\n  tabBarTablet: 'tablet:z-3',\n  hamburger: 'z-4',\n  header: 'z-3',\n  topRow: 'z-2',\n  channel: 'z-1',\n} as const\n","import { useContext, type FC } from 'react'\nimport clsx from 'clsx'\n// context\nimport { HamburgerContext, HeaderContext } from '../header/context'\n// z-index\nimport { ZIndex } from '../header/constants/z-index'\n// button\nimport { IconWithTextButton } from '../button'\n// icons\nimport { Hamburger } from '../icons'\n// theme\nimport { THEME } from '../constants/theme'\nimport { selectTabBarTheme } from './theme'\n// constants\nimport { TabBarItems } from './constants'\n// links\nimport { InternalLink, ExternalLink } from '../customized-link'\n// lodash\nimport map from 'lodash/map'\nconst _ = {\n  map,\n}\n\ntype TabBarProps = {\n  className?: string\n}\nconst TabBar: FC<TabBarProps> = ({ className = '' }) => {\n  const { theme, releaseBranch, isLinkExternal, pathname } =\n    useContext(HeaderContext)\n  const { toggleHamburger, isHamburgerMenuOpen } = useContext(HamburgerContext)\n  const { bgColor } = selectTabBarTheme(theme)\n  const iconTheme = theme === THEME.photography ? theme : THEME.normal\n  const LinkComponent = isLinkExternal ? ExternalLink : InternalLink\n  return (\n    <div\n      className={clsx(\n        'w-screen fixed left-0 bottom-0 flex justify-between px-[16px] pt-[8px] pb-[calc(8px+env(safe-area-inset-bottom,0))] shadow-[0_0_2px_rgba(0,0,0,0.15)]',\n        'desktop:hidden',\n        bgColor,\n        ZIndex.tabBarMobile,\n        ZIndex.tabBarTablet,\n        className\n      )}\n    >\n      {_.map(TabBarItems(releaseBranch), (item) => {\n        const isActive = !isHamburgerMenuOpen && pathname === item.link\n        return (\n          <LinkComponent\n            key={item.text}\n            to={item.link}\n            target={item.target}\n            className=\"flex justify-center flex-1\"\n          >\n            <IconWithTextButton\n              text={item.text}\n              iconComponent={item.icon}\n              theme={iconTheme}\n              active={isActive}\n            />\n          </LinkComponent>\n        )\n      })}\n      <IconWithTextButton\n        text=\"選單\"\n        iconComponent={Hamburger(releaseBranch)}\n        className=\"flex justify-center flex-1\"\n        onClick={toggleHamburger}\n        active={isHamburgerMenuOpen}\n        theme={iconTheme}\n      />\n    </div>\n  )\n}\nexport default TabBar\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,MAAa,SAAS;CACpB,cAAc;CACd,cAAc;CACd,WAAW;CACX,QAAQ;CACR,QAAQ;CACR,SAAS;CACV;;;;ACYD,MAAM,IAAI,EACR,yBACD;AAKD,MAAMA,UAA2B,EAAE,YAAY,SAAS;CACtD,MAAM,EAAE,OAAO,eAAe,gBAAgB,mCACjCC,8BAAc;CAC3B,MAAM,EAAE,iBAAiB,8CAAmCC,iCAAiB;CAC7E,MAAM,EAAE,YAAYC,kCAAkB,MAAM;CAC5C,MAAM,YAAY,UAAUC,oBAAM,cAAc,QAAQA,oBAAM;CAC9D,MAAM,gBAAgB,iBAAiBC,8CAAeC;AACtD,QACE,4CAAC;EACC,6BACE,yJACA,kBACA,SACA,OAAO,cACP,OAAO,cACP,UACD;aAEA,EAAE,IAAIC,8BAAY,cAAc,GAAG,SAAS;GAC3C,MAAM,WAAW,CAAC,uBAAuB,aAAa,KAAK;AAC3D,UACE,2CAAC;IAEC,IAAI,KAAK;IACT,QAAQ,KAAK;IACb,WAAU;cAEV,2CAACC;KACC,MAAM,KAAK;KACX,eAAe,KAAK;KACpB,OAAO;KACP,QAAQ;MACR;MAVG,KAAK,KAWI;IAElB,EACF,2CAACA;GACC,MAAK;GACL,eAAeC,wBAAU,cAAc;GACvC,WAAU;GACV,SAAS;GACT,QAAQ;GACR,OAAO;IACP;GACE;;AAGV,sBAAe"}
+{"version":3,"file":"tab-bar-Dq0ewfWA.js","names":["TabBar: FC<TabBarProps>","HeaderContext","HamburgerContext","selectTabBarTheme","THEME","ExternalLink","InternalLink","TabBarItems","IconWithTextButton","Hamburger"],"sources":["../src/header/constants/z-index.ts","../src/tab-bar/index.tsx"],"sourcesContent":["export const ZIndex = {\n  tabBarMobile: 'z-10',\n  tabBarTablet: 'tablet:z-3',\n  hamburger: 'z-4',\n  header: 'z-3',\n  topRow: 'z-2',\n  channel: 'z-1',\n} as const\n","import { useContext, type FC } from 'react'\nimport clsx from 'clsx'\n// context\nimport { HamburgerContext, HeaderContext } from '../header/context'\n// z-index\nimport { ZIndex } from '../header/constants/z-index'\n// button\nimport { IconWithTextButton } from '../button'\n// icons\nimport { Hamburger } from '../icons'\n// theme\nimport { THEME } from '../constants/theme'\nimport { selectTabBarTheme } from './theme'\n// constants\nimport { TabBarItems } from './constants'\n// links\nimport { InternalLink, ExternalLink } from '../customized-link'\n// lodash\nimport map from 'lodash/map'\nconst _ = {\n  map,\n}\n\ntype TabBarProps = {\n  className?: string\n}\nconst TabBar: FC<TabBarProps> = ({ className = '' }) => {\n  const { theme, releaseBranch, isLinkExternal, pathname } =\n    useContext(HeaderContext)\n  const { toggleHamburger, isHamburgerMenuOpen } = useContext(HamburgerContext)\n  const { bgColor } = selectTabBarTheme(theme)\n  const iconTheme = theme === THEME.photography ? theme : THEME.normal\n  const LinkComponent = isLinkExternal ? ExternalLink : InternalLink\n  return (\n    <div\n      className={clsx(\n        'w-screen fixed left-0 bottom-0 flex justify-between px-[16px] pt-[8px] pb-[calc(8px+env(safe-area-inset-bottom,0))] shadow-[0_0_2px_rgba(0,0,0,0.15)]',\n        'desktop:hidden',\n        bgColor,\n        ZIndex.tabBarMobile,\n        ZIndex.tabBarTablet,\n        className\n      )}\n    >\n      {_.map(TabBarItems(releaseBranch), (item) => {\n        const isActive = !isHamburgerMenuOpen && pathname === item.link\n        return (\n          <LinkComponent\n            key={item.text}\n            to={item.link}\n            target={item.target}\n            className=\"flex justify-center flex-1\"\n          >\n            <IconWithTextButton\n              text={item.text}\n              iconComponent={item.icon}\n              theme={iconTheme}\n              active={isActive}\n            />\n          </LinkComponent>\n        )\n      })}\n      <IconWithTextButton\n        text=\"選單\"\n        iconComponent={Hamburger(releaseBranch)}\n        className=\"flex justify-center flex-1\"\n        onClick={toggleHamburger}\n        active={isHamburgerMenuOpen}\n        theme={iconTheme}\n      />\n    </div>\n  )\n}\nexport default TabBar\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,MAAa,SAAS;CACpB,cAAc;CACd,cAAc;CACd,WAAW;CACX,QAAQ;CACR,QAAQ;CACR,SAAS;CACV;;;;ACYD,MAAM,IAAI,EACR,yBACD;AAKD,MAAMA,UAA2B,EAAE,YAAY,SAAS;CACtD,MAAM,EAAE,OAAO,eAAe,gBAAgB,mCACjCC,8BAAc;CAC3B,MAAM,EAAE,iBAAiB,8CAAmCC,iCAAiB;CAC7E,MAAM,EAAE,YAAYC,kCAAkB,MAAM;CAC5C,MAAM,YAAY,UAAUC,oBAAM,cAAc,QAAQA,oBAAM;CAC9D,MAAM,gBAAgB,iBAAiBC,8CAAeC;AACtD,QACE,4CAAC;EACC,6BACE,yJACA,kBACA,SACA,OAAO,cACP,OAAO,cACP,UACD;aAEA,EAAE,IAAIC,8BAAY,cAAc,GAAG,SAAS;GAC3C,MAAM,WAAW,CAAC,uBAAuB,aAAa,KAAK;AAC3D,UACE,2CAAC;IAEC,IAAI,KAAK;IACT,QAAQ,KAAK;IACb,WAAU;cAEV,2CAACC;KACC,MAAM,KAAK;KACX,eAAe,KAAK;KACpB,OAAO;KACP,QAAQ;MACR;MAVG,KAAK,KAWI;IAElB,EACF,2CAACA;GACC,MAAK;GACL,eAAeC,wBAAU,cAAc;GACvC,WAAU;GACV,SAAS;GACT,QAAQ;GACR,OAAO;IACP;GACE;;AAGV,sBAAe"}

package/lib/text/constants.d.mts

@@ -1,3 +1,3 @@
-import "../index-B0aBR23L.mjs";
-import { TYPE, Type, WEIGHT, Weight } from "../constants-DJDyKM0N.mjs";
+import "../index-DegwO8ei.mjs";
+import { TYPE, Type, WEIGHT, Weight } from "../constants-DZWOFPZT.mjs";
 export { TYPE, Type, WEIGHT, Weight };

package/lib/text/heading.d.mts

@@ -1,5 +1,5 @@
-import "../index-B0aBR23L.mjs";
-import { TYPE, Type } from "../constants-DJDyKM0N.mjs";
+import "../index-DegwO8ei.mjs";
+import { TYPE, Type } from "../constants-DZWOFPZT.mjs";
 import React from "react";
 
 //#region src/text/heading.d.ts

package/lib/text/heading.js

@@ -1,5 +1,5 @@
 require('../constants-Cndhv6qr.js');
-const require_heading = require('../heading-Fvd7unhP.js');
+const require_heading = require('../heading-Dnpw_s7U.js');
 
 exports.H1 = require_heading.H1;
 exports.H2 = require_heading.H2;

package/lib/text/heading.mjs

@@ -1,4 +1,4 @@
 import "../constants-CBSEPx91.mjs";
-import { H1, H2, H3, H4, H5, H6 } from "../heading-Qm-0gpRy.mjs";
+import { H1, H2, H3, H4, H5, H6 } from "../heading-Cljxy-62.mjs";
 
 export { H1, H2, H3, H4, H5, H6 };

package/lib/text/paragraph.d.mts

@@ -1,5 +1,5 @@
-import "../index-B0aBR23L.mjs";
-import { WEIGHT, Weight } from "../constants-DJDyKM0N.mjs";
+import "../index-DegwO8ei.mjs";
+import { WEIGHT, Weight } from "../constants-DZWOFPZT.mjs";
 import React from "react";
 
 //#region src/text/paragraph.d.ts

package/lib/{theme-CmvdSSbX.js → theme-BQQzAfHb.js}

@@ -15,4 +15,4 @@ Object.defineProperty(exports, 'selectTabBarTheme', {
     return selectTabBarTheme;
   }
 });
-//# sourceMappingURL=theme-CmvdSSbX.js.map
+//# sourceMappingURL=theme-BQQzAfHb.js.map

package/lib/{theme-CmvdSSbX.js.map → theme-BQQzAfHb.js.map}

@@ -1 +1 @@
-{"version":3,"file":"theme-CmvdSSbX.js","names":["THEME"],"sources":["../src/tab-bar/theme.ts"],"sourcesContent":["import { THEME, type Theme } from '../constants/theme'\n\nexport const selectTabBarTheme = (theme: Theme) => {\n  switch (theme) {\n    case THEME.photography:\n      return {\n        bgColor: 'bg-photo-dark',\n      }\n    default:\n      return {\n        bgColor: 'bg-gray-100',\n      }\n  }\n}\n"],"mappings":";;;AAEA,MAAa,qBAAqB,UAAiB;AACjD,SAAQ,OAAR;EACE,KAAKA,oBAAM,YACT,QAAO,EACL,SAAS,iBACV;EACH,QACE,QAAO,EACL,SAAS,eACV"}
+{"version":3,"file":"theme-BQQzAfHb.js","names":["THEME"],"sources":["../src/tab-bar/theme.ts"],"sourcesContent":["import { THEME, type Theme } from '../constants/theme'\n\nexport const selectTabBarTheme = (theme: Theme) => {\n  switch (theme) {\n    case THEME.photography:\n      return {\n        bgColor: 'bg-photo-dark',\n      }\n    default:\n      return {\n        bgColor: 'bg-gray-100',\n      }\n  }\n}\n"],"mappings":";;;AAEA,MAAa,qBAAqB,UAAiB;AACjD,SAAQ,OAAR;EACE,KAAKA,oBAAM,YACT,QAAO,EACL,SAAS,iBACV;EACH,QACE,QAAO,EACL,SAAS,eACV"}

package/lib/{theme-CE2RkJwt.mjs → theme-CDCgzSJw.mjs}

@@ -10,4 +10,4 @@ const selectTabBarTheme = (theme) => {
 
 //#endregion
 export { selectTabBarTheme };
-//# sourceMappingURL=theme-CE2RkJwt.mjs.map
+//# sourceMappingURL=theme-CDCgzSJw.mjs.map

package/lib/{theme-CE2RkJwt.mjs.map → theme-CDCgzSJw.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"theme-CE2RkJwt.mjs","names":[],"sources":["../src/tab-bar/theme.ts"],"sourcesContent":["import { THEME, type Theme } from '../constants/theme'\n\nexport const selectTabBarTheme = (theme: Theme) => {\n  switch (theme) {\n    case THEME.photography:\n      return {\n        bgColor: 'bg-photo-dark',\n      }\n    default:\n      return {\n        bgColor: 'bg-gray-100',\n      }\n  }\n}\n"],"mappings":";;;AAEA,MAAa,qBAAqB,UAAiB;AACjD,SAAQ,OAAR;EACE,KAAK,MAAM,YACT,QAAO,EACL,SAAS,iBACV;EACH,QACE,QAAO,EACL,SAAS,eACV"}
+{"version":3,"file":"theme-CDCgzSJw.mjs","names":[],"sources":["../src/tab-bar/theme.ts"],"sourcesContent":["import { THEME, type Theme } from '../constants/theme'\n\nexport const selectTabBarTheme = (theme: Theme) => {\n  switch (theme) {\n    case THEME.photography:\n      return {\n        bgColor: 'bg-photo-dark',\n      }\n    default:\n      return {\n        bgColor: 'bg-gray-100',\n      }\n  }\n}\n"],"mappings":";;;AAEA,MAAa,qBAAqB,UAAiB;AACjD,SAAQ,OAAR;EACE,KAAK,MAAM,YACT,QAAO,EACL,SAAS,iBACV;EACH,QACE,QAAO,EACL,SAAS,eACV"}

package/lib/{theme-BQP-h-2z.d.mts → theme-Cx5oFufE.d.mts}

@@ -1,4 +1,4 @@
-import { ValuesOf } from "./index-B0aBR23L.mjs";
+import { ValuesOf } from "./index-DegwO8ei.mjs";
 
 //#region src/constants/theme.d.ts
 declare const THEME: {
@@ -10,4 +10,4 @@ declare const THEME: {
 type Theme = ValuesOf<typeof THEME>;
 //#endregion
 export { THEME, Theme };
-//# sourceMappingURL=theme-BQP-h-2z.d.mts.map
+//# sourceMappingURL=theme-Cx5oFufE.d.mts.map

package/lib/{theme-Bgd_TUHZ.mjs → theme-D_LHh2_S.mjs}

@@ -35,4 +35,4 @@ const selectThemeStyle = (theme) => {
 
 //#endregion
 export { selectThemeStyle };
-//# sourceMappingURL=theme-Bgd_TUHZ.mjs.map
+//# sourceMappingURL=theme-D_LHh2_S.mjs.map

package/lib/{theme-Bgd_TUHZ.mjs.map → theme-D_LHh2_S.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"theme-Bgd_TUHZ.mjs","names":[],"sources":["../src/input/theme.ts"],"sourcesContent":["import { THEME, type Theme } from '../constants/theme'\n\nexport const selectThemeStyle = (theme: Theme) => {\n  switch (theme) {\n    case THEME.photography:\n      return {\n        bgColor: 'bg-opacity-white-08',\n        focusBgColor: 'focus:bg-gray-100',\n        desktopBgColor: 'desktop:bg-gray-100',\n        borderColor: 'border-supportive-pastel',\n        color: 'text-gray-800',\n        focusColor: 'focus:text-gray-800',\n        placeholderColor: '[&::placeholder]:text-gray-800',\n      }\n    case THEME.transparent:\n      return {\n        bgColor: 'bg-opacity-gray100-08',\n        focusBgColor: 'focus:bg-opacity-gray100-08',\n        desktopBgColor: 'desktop:bg-gray-white',\n        borderColor: 'border-gray-600',\n        color: 'text-gray-800',\n        focusColor: 'focus:text-gray-800',\n        placeholderColor: '[&::placeholder]:text-gray-500',\n      }\n    default:\n      return {\n        bgColor: 'bg-opacity-gray100-08',\n        focusBgColor: 'focus:bg-opacity-gray100-08',\n        desktopBgColor: 'desktop:bg-gray-white',\n        borderColor: 'border-gray-600',\n        color: 'text-gray-800',\n        focusColor: 'focus:text-gray-800',\n        placeholderColor: '[&::placeholder]:text-gray-500',\n      }\n  }\n}\n"],"mappings":";;;AAEA,MAAa,oBAAoB,UAAiB;AAChD,SAAQ,OAAR;EACE,KAAK,MAAM,YACT,QAAO;GACL,SAAS;GACT,cAAc;GACd,gBAAgB;GAChB,aAAa;GACb,OAAO;GACP,YAAY;GACZ,kBAAkB;GACnB;EACH,KAAK,MAAM,YACT,QAAO;GACL,SAAS;GACT,cAAc;GACd,gBAAgB;GAChB,aAAa;GACb,OAAO;GACP,YAAY;GACZ,kBAAkB;GACnB;EACH,QACE,QAAO;GACL,SAAS;GACT,cAAc;GACd,gBAAgB;GAChB,aAAa;GACb,OAAO;GACP,YAAY;GACZ,kBAAkB;GACnB"}
+{"version":3,"file":"theme-D_LHh2_S.mjs","names":[],"sources":["../src/input/theme.ts"],"sourcesContent":["import { THEME, type Theme } from '../constants/theme'\n\nexport const selectThemeStyle = (theme: Theme) => {\n  switch (theme) {\n    case THEME.photography:\n      return {\n        bgColor: 'bg-opacity-white-08',\n        focusBgColor: 'focus:bg-gray-100',\n        desktopBgColor: 'desktop:bg-gray-100',\n        borderColor: 'border-supportive-pastel',\n        color: 'text-gray-800',\n        focusColor: 'focus:text-gray-800',\n        placeholderColor: '[&::placeholder]:text-gray-800',\n      }\n    case THEME.transparent:\n      return {\n        bgColor: 'bg-opacity-gray100-08',\n        focusBgColor: 'focus:bg-opacity-gray100-08',\n        desktopBgColor: 'desktop:bg-gray-white',\n        borderColor: 'border-gray-600',\n        color: 'text-gray-800',\n        focusColor: 'focus:text-gray-800',\n        placeholderColor: '[&::placeholder]:text-gray-500',\n      }\n    default:\n      return {\n        bgColor: 'bg-opacity-gray100-08',\n        focusBgColor: 'focus:bg-opacity-gray100-08',\n        desktopBgColor: 'desktop:bg-gray-white',\n        borderColor: 'border-gray-600',\n        color: 'text-gray-800',\n        focusColor: 'focus:text-gray-800',\n        placeholderColor: '[&::placeholder]:text-gray-500',\n      }\n  }\n}\n"],"mappings":";;;AAEA,MAAa,oBAAoB,UAAiB;AAChD,SAAQ,OAAR;EACE,KAAK,MAAM,YACT,QAAO;GACL,SAAS;GACT,cAAc;GACd,gBAAgB;GAChB,aAAa;GACb,OAAO;GACP,YAAY;GACZ,kBAAkB;GACnB;EACH,KAAK,MAAM,YACT,QAAO;GACL,SAAS;GACT,cAAc;GACd,gBAAgB;GAChB,aAAa;GACb,OAAO;GACP,YAAY;GACZ,kBAAkB;GACnB;EACH,QACE,QAAO;GACL,SAAS;GACT,cAAc;GACd,gBAAgB;GAChB,aAAa;GACb,OAAO;GACP,YAAY;GACZ,kBAAkB;GACnB"}

package/lib/{theme-Cv8rt4oO.js → theme-LkZX5giH.js}

@@ -40,4 +40,4 @@ Object.defineProperty(exports, 'selectThemeStyle', {
     return selectThemeStyle;
   }
 });
-//# sourceMappingURL=theme-Cv8rt4oO.js.map
+//# sourceMappingURL=theme-LkZX5giH.js.map

package/lib/{theme-Cv8rt4oO.js.map → theme-LkZX5giH.js.map}

@@ -1 +1 @@
-{"version":3,"file":"theme-Cv8rt4oO.js","names":["THEME"],"sources":["../src/input/theme.ts"],"sourcesContent":["import { THEME, type Theme } from '../constants/theme'\n\nexport const selectThemeStyle = (theme: Theme) => {\n  switch (theme) {\n    case THEME.photography:\n      return {\n        bgColor: 'bg-opacity-white-08',\n        focusBgColor: 'focus:bg-gray-100',\n        desktopBgColor: 'desktop:bg-gray-100',\n        borderColor: 'border-supportive-pastel',\n        color: 'text-gray-800',\n        focusColor: 'focus:text-gray-800',\n        placeholderColor: '[&::placeholder]:text-gray-800',\n      }\n    case THEME.transparent:\n      return {\n        bgColor: 'bg-opacity-gray100-08',\n        focusBgColor: 'focus:bg-opacity-gray100-08',\n        desktopBgColor: 'desktop:bg-gray-white',\n        borderColor: 'border-gray-600',\n        color: 'text-gray-800',\n        focusColor: 'focus:text-gray-800',\n        placeholderColor: '[&::placeholder]:text-gray-500',\n      }\n    default:\n      return {\n        bgColor: 'bg-opacity-gray100-08',\n        focusBgColor: 'focus:bg-opacity-gray100-08',\n        desktopBgColor: 'desktop:bg-gray-white',\n        borderColor: 'border-gray-600',\n        color: 'text-gray-800',\n        focusColor: 'focus:text-gray-800',\n        placeholderColor: '[&::placeholder]:text-gray-500',\n      }\n  }\n}\n"],"mappings":";;;AAEA,MAAa,oBAAoB,UAAiB;AAChD,SAAQ,OAAR;EACE,KAAKA,oBAAM,YACT,QAAO;GACL,SAAS;GACT,cAAc;GACd,gBAAgB;GAChB,aAAa;GACb,OAAO;GACP,YAAY;GACZ,kBAAkB;GACnB;EACH,KAAKA,oBAAM,YACT,QAAO;GACL,SAAS;GACT,cAAc;GACd,gBAAgB;GAChB,aAAa;GACb,OAAO;GACP,YAAY;GACZ,kBAAkB;GACnB;EACH,QACE,QAAO;GACL,SAAS;GACT,cAAc;GACd,gBAAgB;GAChB,aAAa;GACb,OAAO;GACP,YAAY;GACZ,kBAAkB;GACnB"}
+{"version":3,"file":"theme-LkZX5giH.js","names":["THEME"],"sources":["../src/input/theme.ts"],"sourcesContent":["import { THEME, type Theme } from '../constants/theme'\n\nexport const selectThemeStyle = (theme: Theme) => {\n  switch (theme) {\n    case THEME.photography:\n      return {\n        bgColor: 'bg-opacity-white-08',\n        focusBgColor: 'focus:bg-gray-100',\n        desktopBgColor: 'desktop:bg-gray-100',\n        borderColor: 'border-supportive-pastel',\n        color: 'text-gray-800',\n        focusColor: 'focus:text-gray-800',\n        placeholderColor: '[&::placeholder]:text-gray-800',\n      }\n    case THEME.transparent:\n      return {\n        bgColor: 'bg-opacity-gray100-08',\n        focusBgColor: 'focus:bg-opacity-gray100-08',\n        desktopBgColor: 'desktop:bg-gray-white',\n        borderColor: 'border-gray-600',\n        color: 'text-gray-800',\n        focusColor: 'focus:text-gray-800',\n        placeholderColor: '[&::placeholder]:text-gray-500',\n      }\n    default:\n      return {\n        bgColor: 'bg-opacity-gray100-08',\n        focusBgColor: 'focus:bg-opacity-gray100-08',\n        desktopBgColor: 'desktop:bg-gray-white',\n        borderColor: 'border-gray-600',\n        color: 'text-gray-800',\n        focusColor: 'focus:text-gray-800',\n        placeholderColor: '[&::placeholder]:text-gray-500',\n      }\n  }\n}\n"],"mappings":";;;AAEA,MAAa,oBAAoB,UAAiB;AAChD,SAAQ,OAAR;EACE,KAAKA,oBAAM,YACT,QAAO;GACL,SAAS;GACT,cAAc;GACd,gBAAgB;GAChB,aAAa;GACb,OAAO;GACP,YAAY;GACZ,kBAAkB;GACnB;EACH,KAAKA,oBAAM,YACT,QAAO;GACL,SAAS;GACT,cAAc;GACd,gBAAgB;GAChB,aAAa;GACb,OAAO;GACP,YAAY;GACZ,kBAAkB;GACnB;EACH,QACE,QAAO;GACL,SAAS;GACT,cAAc;GACd,gBAAgB;GAChB,aAAa;GACb,OAAO;GACP,YAAY;GACZ,kBAAkB;GACnB"}

package/lib/title-bar/index.d.mts

@@ -1,4 +1,4 @@
-import * as react8 from "react";
+import * as react15 from "react";
 import React$1, { FC } from "react";
 
 //#region src/title-bar/components/title-tab/type.d.ts
@@ -36,18 +36,18 @@ declare const TitleTab: FC<TitleTabProps>;
 //#endregion
 //#region src/title-bar/index.d.ts
 declare const _default: {
-  Title2: react8.FC<{
+  Title2: react15.FC<{
     title: string;
     subtitle?: string;
     renderButton?: React.ReactNode;
     className?: string;
   }>;
-  Title1: react8.FC<{
+  Title1: react15.FC<{
     title: string;
     subtitle?: string;
     className?: string;
   }>;
-  TitleTab: react8.FC<{
+  TitleTab: react15.FC<{
     title: string;
     tabs: Tab[];
     activeTabIndex?: number;

package/lib/title-bar/index.d.ts

@@ -1,4 +1,4 @@
-import * as react15 from "react";
+import * as react17 from "react";
 import React$1, { FC } from "react";
 
 //#region src/title-bar/components/title-tab/type.d.ts
@@ -36,18 +36,18 @@ declare const TitleTab: FC<TitleTabProps>;
 //#endregion
 //#region src/title-bar/index.d.ts
 declare const _default: {
-  Title2: react15.FC<{
+  Title2: react17.FC<{
     title: string;
     subtitle?: string;
     renderButton?: React.ReactNode;
     className?: string;
   }>;
-  Title1: react15.FC<{
+  Title1: react17.FC<{
     title: string;
     subtitle?: string;
     className?: string;
   }>;
-  TitleTab: react15.FC<{
+  TitleTab: react17.FC<{
     title: string;
     tabs: Tab[];
     activeTabIndex?: number;

package/lib/title-bar/index.js

@@ -5,10 +5,10 @@ require('../constants-Cndhv6qr.js');
 const require_paragraph = require('../paragraph-iuz3jP0Q.js');
 require('../theme-DDBlIbeS.js');
 const require_button = require('../button-Dk0MxlKd.js');
-const require_external_link = require('../external-link-DoBTwlV3.js');
-const require_internal_link = require('../internal-link-B9ExuJfg.js');
-require('../customized-link-DqW2a8oZ.js');
-const require_heading = require('../heading-Fvd7unhP.js');
+const require_external_link = require('../external-link-afU9uFB6.js');
+const require_internal_link = require('../internal-link-Bq4yp13E.js');
+require('../customized-link-CHH91yod.js');
+const require_heading = require('../heading-Dnpw_s7U.js');
 let react = require("react");
 react = require_chunk.__toESM(react);
 let clsx = require("clsx");