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

package/lib/{internal-link-BSb3__eR.d.mts → internal-link-HG_KM8L7.d.mts}

@@ -1,4 +1,4 @@
-import { CustomizedLinkProps } from "./type-4zpM3Fk5.mjs";
+import { CustomizedLinkProps } from "./type-Dons5TOa.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-BSb3__eR.d.mts.map
+//# sourceMappingURL=internal-link-HG_KM8L7.d.mts.map

package/lib/logo/constants.d.mts

@@ -1,3 +1,3 @@
-import "../index-DaRD2S-9.mjs";
-import { LOGO, LOGO_SYMBOL_TYPE, LOGO_TYPE, Logo, LogoSymbolType, LogoType } from "../constants-oX1rftqQ.mjs";
+import "../index-B0aBR23L.mjs";
+import { LOGO, LOGO_SYMBOL_TYPE, LOGO_TYPE, Logo, LogoSymbolType, LogoType } from "../constants-BL-KiLbo.mjs";
 export { LOGO, LOGO_SYMBOL_TYPE, LOGO_TYPE, Logo, LogoSymbolType, LogoType };

package/lib/logo/constants.d.ts

@@ -1,3 +1,3 @@
 import "../index-H3peA2d_.js";
-import { LOGO, LOGO_SYMBOL_TYPE, LOGO_TYPE, Logo, LogoSymbolType, LogoType } from "../constants-CzHmv07x.js";
+import { LOGO, LOGO_SYMBOL_TYPE, LOGO_TYPE, Logo, LogoSymbolType, LogoType } from "../constants-C86Q6QlO.js";
 export { LOGO, LOGO_SYMBOL_TYPE, LOGO_TYPE, Logo, LogoSymbolType, LogoType };

package/lib/logo/index.d.mts

@@ -1,7 +1,7 @@
-import "../index-DaRD2S-9.mjs";
-import { ReleaseBranch } from "../release-branch-8qGtkKtd.mjs";
-import { LOGO_SYMBOL_TYPE, LOGO_TYPE, LogoSymbolType, LogoType } from "../constants-oX1rftqQ.mjs";
-import * as react14 from "react";
+import "../index-B0aBR23L.mjs";
+import { ReleaseBranch } from "../release-branch-CFUcv043.mjs";
+import { LOGO_SYMBOL_TYPE, LOGO_TYPE, LogoSymbolType, LogoType } from "../constants-BL-KiLbo.mjs";
+import * as react4 from "react";
 import React from "react";
 
 //#region src/logo/components/logo-header.d.ts
@@ -24,16 +24,16 @@ declare const LogoSymbol: React.FC<LogoSymbolProps> & {
 //#endregion
 //#region src/logo/index.d.ts
 declare const _default: {
-  LogoHeader: react14.FC<{
+  LogoHeader: react4.FC<{
     type: LogoType;
     releaseBranch?: ReleaseBranch;
-  } & react14.ImgHTMLAttributes<HTMLImageElement>> & {
+  } & react4.ImgHTMLAttributes<HTMLImageElement>> & {
     Type: typeof LOGO_TYPE;
   };
-  LogoSymbol: react14.FC<{
+  LogoSymbol: react4.FC<{
     type: LogoSymbolType;
     releaseBranch?: ReleaseBranch;
-  } & react14.ImgHTMLAttributes<HTMLImageElement>> & {
+  } & react4.ImgHTMLAttributes<HTMLImageElement>> & {
     Type: typeof LOGO_SYMBOL_TYPE;
   };
 };

package/lib/logo/index.d.ts

@@ -1,6 +1,6 @@
 import "../index-H3peA2d_.js";
 import { ReleaseBranch } from "../release-branch-CsBbhuYE.js";
-import { LOGO_SYMBOL_TYPE, LOGO_TYPE, LogoSymbolType, LogoType } from "../constants-CzHmv07x.js";
+import { LOGO_SYMBOL_TYPE, LOGO_TYPE, LogoSymbolType, LogoType } from "../constants-C86Q6QlO.js";
 import * as react11 from "react";
 import React from "react";
 

package/lib/{release-branch-8qGtkKtd.d.mts → release-branch-CFUcv043.d.mts}

@@ -1,4 +1,4 @@
-import { ValuesOf } from "./index-DaRD2S-9.mjs";
+import { ValuesOf } from "./index-B0aBR23L.mjs";
 
 //#region src/constants/release-branch.d.ts
 declare const RELEASE_BRANCH: {
@@ -11,4 +11,4 @@ declare const RELEASE_BRANCH: {
 type ReleaseBranch = ValuesOf<typeof RELEASE_BRANCH>;
 //#endregion
 export { RELEASE_BRANCH, ReleaseBranch };
-//# sourceMappingURL=release-branch-8qGtkKtd.d.mts.map
+//# sourceMappingURL=release-branch-CFUcv043.d.mts.map

package/lib/styles.css

@@ -338,15 +338,24 @@
   .w-0 {
     width: calc(var(--spacing) * 0);
   }
+  .w-\[-webkit-fill-available\] {
+    width: -webkit-fill-available;
+  }
   .w-\[24px\] {
     width: 24px;
   }
+  .w-\[240px\] {
+    width: 240px;
+  }
   .w-\[300px\] {
     width: 300px;
   }
   .w-\[360px\] {
     width: 360px;
   }
+  .w-\[fill-available\] {
+    width: fill-available;
+  }
   .w-fit {
     width: fit-content;
   }

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

@@ -1,6 +1,6 @@
-import "../index-DaRD2S-9.mjs";
-import { ReleaseBranch } from "../release-branch-8qGtkKtd.mjs";
-import { LinkTarget } from "../type-4zpM3Fk5.mjs";
+import "../index-B0aBR23L.mjs";
+import { ReleaseBranch } from "../release-branch-CFUcv043.mjs";
+import { LinkTarget } from "../type-Dons5TOa.mjs";
 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-91DoZaeP.js');
+const require_constants$1 = require('../constants-B_1Vpdib.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-BYqJQzQQ.mjs";
+import { TabBarItems } from "../constants-Br6I254P.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-BMrkjNyi.js');
-require('../internal-link-BLXTBMRq.js');
-require('../customized-link-XNoMkeYw.js');
+require('../external-link-DoBTwlV3.js');
+require('../internal-link-B9ExuJfg.js');
+require('../customized-link-DqW2a8oZ.js');
 require('../context-I1lTR5SO.js');
 require('../constants-D8wNUvoZ.js');
 require('../icons-qP5oNB0W.js');
-const require_tab_bar = require('../tab-bar-Binq1EhQ.js');
-require('../theme-BOMyqC4d.js');
-require('../constants-91DoZaeP.js');
+const require_tab_bar = require('../tab-bar-CZt-vw5x.js');
+require('../theme-CmvdSSbX.js');
+require('../constants-B_1Vpdib.js');
 
 module.exports = require_tab_bar.tab_bar_default;

package/lib/tab-bar/index.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-BykRRwmY.mjs";
-import "../customized-link-DNKmWI0u.mjs";
+import "../external-link-DXT5ep5-.mjs";
+import "../customized-link-DnaZxeKK.mjs";
 import "../context-BgdqM3zA.mjs";
 import "../constants-5phfWHvb.mjs";
 import "../icons-I7T-auOQ.mjs";
-import { tab_bar_default } from "../tab-bar-BqiC7-Lw.mjs";
-import "../theme-PhMjSVv9.mjs";
-import "../constants-BYqJQzQQ.mjs";
+import { tab_bar_default } from "../tab-bar-CXhDni4V.mjs";
+import "../theme-CE2RkJwt.mjs";
+import "../constants-Br6I254P.mjs";
 
 export { tab_bar_default as default };

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

@@ -1,5 +1,5 @@
-import "../index-DaRD2S-9.mjs";
-import { Theme } from "../theme-B9CWW8U9.mjs";
+import "../index-B0aBR23L.mjs";
+import { Theme } from "../theme-BQP-h-2z.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-BOMyqC4d.js');
+const require_theme$1 = require('../theme-CmvdSSbX.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-PhMjSVv9.mjs";
+import { selectTabBarTheme } from "../theme-CE2RkJwt.mjs";
 
 export { selectTabBarTheme };

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

@@ -1,11 +1,11 @@
 import { internal_link_default } from "./internal-link-NQb751uB.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-BykRRwmY.mjs";
+import { external_link_default } from "./external-link-DXT5ep5-.mjs";
 import { HamburgerContext, HeaderContext } from "./context-BgdqM3zA.mjs";
 import { Hamburger } from "./icons-I7T-auOQ.mjs";
-import { selectTabBarTheme } from "./theme-PhMjSVv9.mjs";
-import { TabBarItems } from "./constants-BYqJQzQQ.mjs";
+import { selectTabBarTheme } from "./theme-CE2RkJwt.mjs";
+import { TabBarItems } from "./constants-Br6I254P.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-BqiC7-Lw.mjs.map
+//# sourceMappingURL=tab-bar-CXhDni4V.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"tab-bar-BqiC7-Lw.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-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"}

package/lib/{tab-bar-Binq1EhQ.js → tab-bar-CZt-vw5x.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-BMrkjNyi.js');
-const require_internal_link = require('./internal-link-BLXTBMRq.js');
+const require_external_link = require('./external-link-DoBTwlV3.js');
+const require_internal_link = require('./internal-link-B9ExuJfg.js');
 const require_context = require('./context-I1lTR5SO.js');
 const require_icons = require('./icons-qP5oNB0W.js');
-const require_theme$1 = require('./theme-BOMyqC4d.js');
-const require_constants = require('./constants-91DoZaeP.js');
+const require_theme$1 = require('./theme-CmvdSSbX.js');
+const require_constants = require('./constants-B_1Vpdib.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-Binq1EhQ.js.map
+//# sourceMappingURL=tab-bar-CZt-vw5x.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"tab-bar-Binq1EhQ.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-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"}

package/lib/text/constants.d.mts

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

package/lib/text/heading.d.mts

@@ -1,5 +1,5 @@
-import "../index-DaRD2S-9.mjs";
-import { TYPE, Type } from "../constants-P65Nafg1.mjs";
+import "../index-B0aBR23L.mjs";
+import { TYPE, Type } from "../constants-DJDyKM0N.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-DJepEhoE.js');
+const require_heading = require('../heading-Fvd7unhP.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-BWuXn7wB.mjs";
+import { H1, H2, H3, H4, H5, H6 } from "../heading-Qm-0gpRy.mjs";
 
 export { H1, H2, H3, H4, H5, H6 };

package/lib/text/paragraph.d.mts

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

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

@@ -1,4 +1,4 @@
-import { ValuesOf } from "./index-DaRD2S-9.mjs";
+import { ValuesOf } from "./index-B0aBR23L.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-B9CWW8U9.d.mts.map
+//# sourceMappingURL=theme-BQP-h-2z.d.mts.map

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"theme-CkSx7UX3.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-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"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"theme-PhMjSVv9.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-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"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"theme-BOMyqC4d.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-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"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"theme-CIEkzycI.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-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"}

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

@@ -1,4 +1,4 @@
-import * as react11 from "react";
+import * as react8 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: react11.FC<{
+  Title2: react8.FC<{
     title: string;
     subtitle?: string;
     renderButton?: React.ReactNode;
     className?: string;
   }>;
-  Title1: react11.FC<{
+  Title1: react8.FC<{
     title: string;
     subtitle?: string;
     className?: string;
   }>;
-  TitleTab: react11.FC<{
+  TitleTab: react8.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-BMrkjNyi.js');
-const require_internal_link = require('../internal-link-BLXTBMRq.js');
-require('../customized-link-XNoMkeYw.js');
-const require_heading = require('../heading-DJepEhoE.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');
 let react = require("react");
 react = require_chunk.__toESM(react);
 let clsx = require("clsx");

package/lib/title-bar/index.mjs

@@ -4,9 +4,9 @@ import "../constants-CBSEPx91.mjs";
 import { P1, P2 } from "../paragraph-Cf9jr8RF.mjs";
 import "../theme-BG6yZVj-.mjs";
 import { text_button_default } from "../button-D_AWI7r9.mjs";
-import { external_link_default } from "../external-link-BykRRwmY.mjs";
-import "../customized-link-DNKmWI0u.mjs";
-import { H1, H2, H5 } from "../heading-BWuXn7wB.mjs";
+import { external_link_default } from "../external-link-DXT5ep5-.mjs";
+import "../customized-link-DnaZxeKK.mjs";
+import { H1, H2, H5 } from "../heading-Qm-0gpRy.mjs";
 import { createElement, useEffect, useRef, useState } from "react";
 import clsx from "clsx";
 import { jsx, jsxs } from "react/jsx-runtime";

package/lib/{type-4zpM3Fk5.d.mts → type-Dons5TOa.d.mts}

@@ -8,4 +8,4 @@ type CustomizedLinkProps = {
 };
 //#endregion
 export { CustomizedLinkProps, LinkTarget };
-//# sourceMappingURL=type-4zpM3Fk5.d.mts.map
+//# sourceMappingURL=type-Dons5TOa.d.mts.map

package/lib/types/index.d.mts

@@ -1,2 +1,2 @@
-import { ValuesOf } from "../index-DaRD2S-9.mjs";
+import { ValuesOf } from "../index-B0aBR23L.mjs";
 export { ValuesOf };

package/lib/{use-outside-click-436PXIeY.js → use-outside-click-BB1MpRid.js}

@@ -24,4 +24,4 @@ Object.defineProperty(exports, 'useOutsideClick', {
     return useOutsideClick;
   }
 });
-//# sourceMappingURL=use-outside-click-436PXIeY.js.map
+//# sourceMappingURL=use-outside-click-BB1MpRid.js.map

package/lib/{use-outside-click-436PXIeY.js.map → use-outside-click-BB1MpRid.js.map}

@@ -1 +1 @@
-{"version":3,"file":"use-outside-click-436PXIeY.js","names":[],"sources":["../src/hooks/use-outside-click.ts"],"sourcesContent":["import { useEffect, useRef } from 'react'\n\nexport const useOutsideClick = (callback: () => void) => {\n  const ref = useRef<HTMLDivElement>(null)\n\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent | TouchEvent) => {\n      if (ref.current && !ref.current.contains(event.target as Node)) {\n        callback()\n      }\n    }\n\n    window.addEventListener('click', handleClickOutside)\n\n    return () => {\n      window.removeEventListener('click', handleClickOutside)\n    }\n  }, [callback])\n\n  return ref\n}\n"],"mappings":";;;;;AAEA,MAAa,mBAAmB,aAAyB;CACvD,MAAM,wBAA6B,KAAK;AAExC,4BAAgB;EACd,MAAM,sBAAsB,UAAmC;AAC7D,OAAI,IAAI,WAAW,CAAC,IAAI,QAAQ,SAAS,MAAM,OAAe,CAC5D,WAAU;;AAId,SAAO,iBAAiB,SAAS,mBAAmB;AAEpD,eAAa;AACX,UAAO,oBAAoB,SAAS,mBAAmB;;IAExD,CAAC,SAAS,CAAC;AAEd,QAAO"}
+{"version":3,"file":"use-outside-click-BB1MpRid.js","names":[],"sources":["../src/hooks/use-outside-click.ts"],"sourcesContent":["import { useEffect, useRef } from 'react'\n\nexport const useOutsideClick = (callback: () => void) => {\n  const ref = useRef<HTMLDivElement>(null)\n\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent | TouchEvent) => {\n      if (ref.current && !ref.current.contains(event.target as Node)) {\n        callback()\n      }\n    }\n\n    window.addEventListener('click', handleClickOutside)\n\n    return () => {\n      window.removeEventListener('click', handleClickOutside)\n    }\n  }, [callback])\n\n  return ref\n}\n"],"mappings":";;;;;AAEA,MAAa,mBAAmB,aAAyB;CACvD,MAAM,wBAA6B,KAAK;AAExC,4BAAgB;EACd,MAAM,sBAAsB,UAAmC;AAC7D,OAAI,IAAI,WAAW,CAAC,IAAI,QAAQ,SAAS,MAAM,OAAe,CAC5D,WAAU;;AAId,SAAO,iBAAiB,SAAS,mBAAmB;AAEpD,eAAa;AACX,UAAO,oBAAoB,SAAS,mBAAmB;;IAExD,CAAC,SAAS,CAAC;AAEd,QAAO"}

package/lib/use-outside-click-CSVLlhkD.d.mts

@@ -0,0 +1,7 @@
+import * as react2 from "react";
+
+//#region src/hooks/use-outside-click.d.ts
+declare const useOutsideClick: (callback: () => void) => react2.RefObject<HTMLDivElement | null>;
+//#endregion
+export { useOutsideClick };
+//# sourceMappingURL=use-outside-click-CSVLlhkD.d.mts.map

package/lib/{use-outside-click-Bz_v9VCq.mjs → use-outside-click-DAfe2vPE.mjs}

@@ -17,4 +17,4 @@ const useOutsideClick = (callback) => {
 
 //#endregion
 export { useOutsideClick };
-//# sourceMappingURL=use-outside-click-Bz_v9VCq.mjs.map
+//# sourceMappingURL=use-outside-click-DAfe2vPE.mjs.map

package/lib/{use-outside-click-Bz_v9VCq.mjs.map → use-outside-click-DAfe2vPE.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"use-outside-click-Bz_v9VCq.mjs","names":[],"sources":["../src/hooks/use-outside-click.ts"],"sourcesContent":["import { useEffect, useRef } from 'react'\n\nexport const useOutsideClick = (callback: () => void) => {\n  const ref = useRef<HTMLDivElement>(null)\n\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent | TouchEvent) => {\n      if (ref.current && !ref.current.contains(event.target as Node)) {\n        callback()\n      }\n    }\n\n    window.addEventListener('click', handleClickOutside)\n\n    return () => {\n      window.removeEventListener('click', handleClickOutside)\n    }\n  }, [callback])\n\n  return ref\n}\n"],"mappings":";;;AAEA,MAAa,mBAAmB,aAAyB;CACvD,MAAM,MAAM,OAAuB,KAAK;AAExC,iBAAgB;EACd,MAAM,sBAAsB,UAAmC;AAC7D,OAAI,IAAI,WAAW,CAAC,IAAI,QAAQ,SAAS,MAAM,OAAe,CAC5D,WAAU;;AAId,SAAO,iBAAiB,SAAS,mBAAmB;AAEpD,eAAa;AACX,UAAO,oBAAoB,SAAS,mBAAmB;;IAExD,CAAC,SAAS,CAAC;AAEd,QAAO"}
+{"version":3,"file":"use-outside-click-DAfe2vPE.mjs","names":[],"sources":["../src/hooks/use-outside-click.ts"],"sourcesContent":["import { useEffect, useRef } from 'react'\n\nexport const useOutsideClick = (callback: () => void) => {\n  const ref = useRef<HTMLDivElement>(null)\n\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent | TouchEvent) => {\n      if (ref.current && !ref.current.contains(event.target as Node)) {\n        callback()\n      }\n    }\n\n    window.addEventListener('click', handleClickOutside)\n\n    return () => {\n      window.removeEventListener('click', handleClickOutside)\n    }\n  }, [callback])\n\n  return ref\n}\n"],"mappings":";;;AAEA,MAAa,mBAAmB,aAAyB;CACvD,MAAM,MAAM,OAAuB,KAAK;AAExC,iBAAgB;EACd,MAAM,sBAAsB,UAAmC;AAC7D,OAAI,IAAI,WAAW,CAAC,IAAI,QAAQ,SAAS,MAAM,OAAe,CAC5D,WAAU;;AAId,SAAO,iBAAiB,SAAS,mBAAmB;AAEpD,eAAa;AACX,UAAO,oBAAoB,SAAS,mBAAmB;;IAExD,CAAC,SAAS,CAAC;AAEd,QAAO"}

package/package.json

@@ -3,7 +3,7 @@
   "description": "React components using TypeScript and Tailwind CSS",
   "author": "twreporter <developer@twreporter.org>",
   "license": "MIT",
-  "version": "0.1.0-beta.17",
+  "version": "0.1.0-beta.18",
   "type": "commonjs",
   "scripts": {
     "clean": "rm -rf lib",
@@ -50,5 +50,5 @@
     "url": "git+https://github.com/twreporter/www-public-monorepo.git",
     "directory": "packages/react-typescript-components"
   },
-  "gitHead": "3784f872107c9c15c8f48ed70fe2d23b5680ac6e"
+  "gitHead": "a011711831512259d08fdbb328780bd50f2f166f"
 }

package/lib/constants-BGUGvo1A.d.ts

@@ -1,22 +0,0 @@
-import { ValuesOf } from "./index-H3peA2d_.js";
-
-//#region src/input/constants.d.ts
-declare const WIDTH_TYPE: {
-  readonly fit: "fit";
-  readonly stretch: "stretch";
-};
-type WidthType = ValuesOf<typeof WIDTH_TYPE>;
-declare const TEXT_ALIGN: {
-  readonly left: "left";
-  readonly center: "center";
-};
-type TextAlign = ValuesOf<typeof TEXT_ALIGN>;
-declare const TEXT_STATE: {
-  readonly default: "default";
-  readonly error: "error";
-  readonly disabled: "disabled";
-};
-type TextState = ValuesOf<typeof TEXT_STATE>;
-//#endregion
-export { TEXT_ALIGN, TEXT_STATE, TextAlign, TextState, WIDTH_TYPE, WidthType };
-//# sourceMappingURL=constants-BGUGvo1A.d.ts.map

package/lib/constants-BP47D2l7.js

@@ -1,36 +0,0 @@
-
-//#region src/input/constants.ts
-const WIDTH_TYPE = {
-	fit: "fit",
-	stretch: "stretch"
-};
-const TEXT_ALIGN = {
-	left: "left",
-	center: "center"
-};
-const TEXT_STATE = {
-	default: "default",
-	error: "error",
-	disabled: "disabled"
-};
-
-//#endregion
-Object.defineProperty(exports, 'TEXT_ALIGN', {
-  enumerable: true,
-  get: function () {
-    return TEXT_ALIGN;
-  }
-});
-Object.defineProperty(exports, 'TEXT_STATE', {
-  enumerable: true,
-  get: function () {
-    return TEXT_STATE;
-  }
-});
-Object.defineProperty(exports, 'WIDTH_TYPE', {
-  enumerable: true,
-  get: function () {
-    return WIDTH_TYPE;
-  }
-});
-//# sourceMappingURL=constants-BP47D2l7.js.map

package/lib/constants-BP47D2l7.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants-BP47D2l7.js","names":[],"sources":["../src/input/constants.ts"],"sourcesContent":["import type { ValuesOf } from '../types'\n\n// for search-bar\nexport const WIDTH_TYPE = {\n  fit: 'fit',\n  stretch: 'stretch',\n} as const\nexport type WidthType = ValuesOf<typeof WIDTH_TYPE>\n\n// for text-field\nexport const TEXT_ALIGN = {\n  left: 'left',\n  center: 'center',\n} as const\nexport type TextAlign = ValuesOf<typeof TEXT_ALIGN>\n\nexport const TEXT_STATE = {\n  default: 'default',\n  error: 'error',\n  disabled: 'disabled',\n} as const\nexport type TextState = ValuesOf<typeof TEXT_STATE>\n"],"mappings":";;AAGA,MAAa,aAAa;CACxB,KAAK;CACL,SAAS;CACV;AAID,MAAa,aAAa;CACxB,MAAM;CACN,QAAQ;CACT;AAGD,MAAa,aAAa;CACxB,SAAS;CACT,OAAO;CACP,UAAU;CACX"}