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

package/lib/{tab-bar-DE2tPvyh.js → tab-bar-DCIXtwup.js}

@@ -1,13 +1,13 @@
 const require_chunk = require('./chunk-BxBTb9qk.js');
 const require_theme = require('./theme-DDBlIbeS.js');
 const require_icon_with_text_button = require('./icon-with-text-button-DOj_-gz0.js');
-const require_external_link = require('./external-link-Dnw1WSM1.js');
-const require_internal_link = require('./internal-link-CKuvpRC8.js');
-const require_z_index = require('./z-index-CkMhi8IW.js');
-const require_context = require('./context-DW8qh_Q3.js');
-const require_icons = require('./icons-OsNrxOWn.js');
-const require_theme$1 = require('./theme-DZGKeUdz.js');
-const require_constants = require('./constants-BsNgVA15.js');
+const require_external_link = require('./external-link-N6pHzsZ9.js');
+const require_internal_link = require('./internal-link-CQYfLFmN.js');
+const require_context = require('./context-CDuykLw5.js');
+const require_icons = require('./icons-UUg8_T_o.js');
+const require_z_index = require('./z-index-BdObyvJF.js');
+const require_theme$1 = require('./theme-Cynd7pF9.js');
+const require_constants = require('./constants-CyHvY9kx.js');
 let react = require("react");
 react = require_chunk.__toESM(react);
 let clsx = require("clsx");
@@ -59,4 +59,4 @@ Object.defineProperty(exports, 'tab_bar_default', {
     return tab_bar_default;
   }
 });
-//# sourceMappingURL=tab-bar-DE2tPvyh.js.map
+//# sourceMappingURL=tab-bar-DCIXtwup.js.map

package/lib/{tab-bar-DE2tPvyh.js.map → tab-bar-DCIXtwup.js.map}

@@ -1 +1 @@
-{"version":3,"file":"tab-bar-DE2tPvyh.js","names":["TabBar: FC<TabBarProps>","HeaderContext","HamburgerContext","selectTabBarTheme","THEME","ExternalLink","InternalLink","ZIndex","TabBarItems","IconWithTextButton","Hamburger"],"sources":["../src/tab-bar/index.tsx"],"sourcesContent":["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":";;;;;;;;;;;;;;;;;;;;AAmBA,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,SACAC,uBAAO,cACPA,uBAAO,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-DCIXtwup.js","names":["TabBar: FC<TabBarProps>","HeaderContext","HamburgerContext","selectTabBarTheme","THEME","ExternalLink","InternalLink","ZIndex","TabBarItems","IconWithTextButton","Hamburger"],"sources":["../src/tab-bar/index.tsx"],"sourcesContent":["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":";;;;;;;;;;;;;;;;;;;;AAmBA,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,SACAC,uBAAO,cACPA,uBAAO,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/{tab-bar-DDsyTDpg.mjs → tab-bar-DJus-K09.mjs}

@@ -1,12 +1,12 @@
 import { internal_link_default } from "./internal-link-JeC0sVNF.mjs";
 import { THEME } from "./theme-BG6yZVj-.mjs";
 import { icon_with_text_button_default } from "./icon-with-text-button-CTWmp6He.mjs";
-import { external_link_default } from "./external-link-DrDvZqvE.mjs";
-import { ZIndex } from "./z-index-YHdIcjBJ.mjs";
-import { HamburgerContext, HeaderContext } from "./context-Bg1CbUYL.mjs";
-import { Hamburger } from "./icons-D_G_3m8-.mjs";
-import { selectTabBarTheme } from "./theme-DGjb7DO8.mjs";
-import { TabBarItems } from "./constants-BAmdJ_dS.mjs";
+import { external_link_default } from "./external-link-B7TYHbGX.mjs";
+import { HamburgerContext, HeaderContext } from "./context-rWQ3FoMt.mjs";
+import { Hamburger } from "./icons-CQv9VD7t.mjs";
+import { ZIndex } from "./z-index-CPbhhoLg.mjs";
+import { selectTabBarTheme } from "./theme-C942t67I.mjs";
+import { TabBarItems } from "./constants-cPryXhfO.mjs";
 import { useContext } from "react";
 import clsx from "clsx";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -49,4 +49,4 @@ var tab_bar_default = TabBar;
 
 //#endregion
 export { tab_bar_default };
-//# sourceMappingURL=tab-bar-DDsyTDpg.mjs.map
+//# sourceMappingURL=tab-bar-DJus-K09.mjs.map

package/lib/{tab-bar-DDsyTDpg.mjs.map → tab-bar-DJus-K09.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"tab-bar-DDsyTDpg.mjs","names":["TabBar: FC<TabBarProps>","ExternalLink","InternalLink","IconWithTextButton"],"sources":["../src/tab-bar/index.tsx"],"sourcesContent":["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":";;;;;;;;;;;;;;;AAmBA,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-DJus-K09.mjs","names":["TabBar: FC<TabBarProps>","ExternalLink","InternalLink","IconWithTextButton"],"sources":["../src/tab-bar/index.tsx"],"sourcesContent":["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":";;;;;;;;;;;;;;;AAmBA,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-item-BLf_p9Qi.js → tab-item-DVJ6vhql.js}

@@ -1,7 +1,7 @@
 const require_chunk = require('./chunk-BxBTb9qk.js');
 const require_text_button = require('./text-button-DlMVqsvV.js');
-const require_external_link = require('./external-link-Dnw1WSM1.js');
-const require_internal_link = require('./internal-link-CKuvpRC8.js');
+const require_external_link = require('./external-link-N6pHzsZ9.js');
+const require_internal_link = require('./internal-link-CQYfLFmN.js');
 let clsx = require("clsx");
 clsx = require_chunk.__toESM(clsx);
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -34,4 +34,4 @@ Object.defineProperty(exports, 'tab_item_default', {
     return tab_item_default;
   }
 });
-//# sourceMappingURL=tab-item-BLf_p9Qi.js.map
+//# sourceMappingURL=tab-item-DVJ6vhql.js.map

package/lib/{tab-item-BLf_p9Qi.js.map → tab-item-DVJ6vhql.js.map}

@@ -1 +1 @@
-{"version":3,"file":"tab-item-BLf_p9Qi.js","names":["TabItem: FC<TabItemProps>","ExternalLink","InternalLink","TextButton"],"sources":["../src/title-bar/components/title-tab/tab-item.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport type { FC } from 'react'\n// type\nimport type { Tab } from './type'\n// component\nimport { ExternalLink, InternalLink } from '../../../customized-link'\nimport { TextButton } from '../../../button'\n\ntype TabItemProps = Tab & {\n  onClick: () => void\n  className?: string\n}\nconst TabItem: FC<TabItemProps> = ({\n  text,\n  link,\n  isExternal = false,\n  isActive = false,\n  onClick,\n  className = '',\n}) => {\n  const CustomizedLink = isExternal ? ExternalLink : InternalLink\n  return (\n    <button\n      className={clsx('flex shrink-0 mr-[24px] last:mr-0', className)}\n      onClick={onClick}\n      type=\"button\"\n    >\n      <CustomizedLink to={link}>\n        <TextButton\n          text={text}\n          active={isActive}\n          size={TextButton.Size.l}\n          className=\"py-[16px]\"\n        />\n      </CustomizedLink>\n    </button>\n  )\n}\n\nexport default TabItem\n"],"mappings":";;;;;;;;;;AAYA,MAAMA,WAA6B,EACjC,MACA,MACA,aAAa,OACb,WAAW,OACX,SACA,YAAY,SACR;CACJ,MAAM,iBAAiB,aAAaC,8CAAeC;AACnD,QACE,2CAAC;EACC,6BAAgB,qCAAqC,UAAU;EACtD;EACT,MAAK;YAEL,2CAAC;GAAe,IAAI;aAClB,2CAACC;IACO;IACN,QAAQ;IACR,MAAMA,wCAAW,KAAK;IACtB,WAAU;KACV;IACa;GACV;;AAIb,uBAAe"}
+{"version":3,"file":"tab-item-DVJ6vhql.js","names":["TabItem: FC<TabItemProps>","ExternalLink","InternalLink","TextButton"],"sources":["../src/title-bar/components/title-tab/tab-item.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport type { FC } from 'react'\n// type\nimport type { Tab } from './type'\n// component\nimport { ExternalLink, InternalLink } from '../../../customized-link'\nimport { TextButton } from '../../../button'\n\ntype TabItemProps = Tab & {\n  onClick: () => void\n  className?: string\n}\nconst TabItem: FC<TabItemProps> = ({\n  text,\n  link,\n  isExternal = false,\n  isActive = false,\n  onClick,\n  className = '',\n}) => {\n  const CustomizedLink = isExternal ? ExternalLink : InternalLink\n  return (\n    <button\n      className={clsx('flex shrink-0 mr-[24px] last:mr-0', className)}\n      onClick={onClick}\n      type=\"button\"\n    >\n      <CustomizedLink to={link}>\n        <TextButton\n          text={text}\n          active={isActive}\n          size={TextButton.Size.l}\n          className=\"py-[16px]\"\n        />\n      </CustomizedLink>\n    </button>\n  )\n}\n\nexport default TabItem\n"],"mappings":";;;;;;;;;;AAYA,MAAMA,WAA6B,EACjC,MACA,MACA,aAAa,OACb,WAAW,OACX,SACA,YAAY,SACR;CACJ,MAAM,iBAAiB,aAAaC,8CAAeC;AACnD,QACE,2CAAC;EACC,6BAAgB,qCAAqC,UAAU;EACtD;EACT,MAAK;YAEL,2CAAC;GAAe,IAAI;aAClB,2CAACC;IACO;IACN,QAAQ;IACR,MAAMA,wCAAW,KAAK;IACtB,WAAU;KACV;IACa;GACV;;AAIb,uBAAe"}

package/lib/{tab-item-NrRakHlM.mjs → tab-item-DefWiW0b.mjs}

@@ -1,6 +1,6 @@
 import { internal_link_default } from "./internal-link-JeC0sVNF.mjs";
 import { text_button_default } from "./text-button-DkD8OA65.mjs";
-import { external_link_default } from "./external-link-DrDvZqvE.mjs";
+import { external_link_default } from "./external-link-B7TYHbGX.mjs";
 import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
 
@@ -26,4 +26,4 @@ var tab_item_default = TabItem;
 
 //#endregion
 export { tab_item_default };
-//# sourceMappingURL=tab-item-NrRakHlM.mjs.map
+//# sourceMappingURL=tab-item-DefWiW0b.mjs.map

package/lib/{tab-item-NrRakHlM.mjs.map → tab-item-DefWiW0b.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"tab-item-NrRakHlM.mjs","names":["TabItem: FC<TabItemProps>","ExternalLink","InternalLink","TextButton"],"sources":["../src/title-bar/components/title-tab/tab-item.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport type { FC } from 'react'\n// type\nimport type { Tab } from './type'\n// component\nimport { ExternalLink, InternalLink } from '../../../customized-link'\nimport { TextButton } from '../../../button'\n\ntype TabItemProps = Tab & {\n  onClick: () => void\n  className?: string\n}\nconst TabItem: FC<TabItemProps> = ({\n  text,\n  link,\n  isExternal = false,\n  isActive = false,\n  onClick,\n  className = '',\n}) => {\n  const CustomizedLink = isExternal ? ExternalLink : InternalLink\n  return (\n    <button\n      className={clsx('flex shrink-0 mr-[24px] last:mr-0', className)}\n      onClick={onClick}\n      type=\"button\"\n    >\n      <CustomizedLink to={link}>\n        <TextButton\n          text={text}\n          active={isActive}\n          size={TextButton.Size.l}\n          className=\"py-[16px]\"\n        />\n      </CustomizedLink>\n    </button>\n  )\n}\n\nexport default TabItem\n"],"mappings":";;;;;;;AAYA,MAAMA,WAA6B,EACjC,MACA,MACA,aAAa,OACb,WAAW,OACX,SACA,YAAY,SACR;CACJ,MAAM,iBAAiB,aAAaC,wBAAeC;AACnD,QACE,oBAAC;EACC,WAAW,KAAK,qCAAqC,UAAU;EACtD;EACT,MAAK;YAEL,oBAAC;GAAe,IAAI;aAClB,oBAACC;IACO;IACN,QAAQ;IACR,MAAMA,oBAAW,KAAK;IACtB,WAAU;KACV;IACa;GACV;;AAIb,uBAAe"}
+{"version":3,"file":"tab-item-DefWiW0b.mjs","names":["TabItem: FC<TabItemProps>","ExternalLink","InternalLink","TextButton"],"sources":["../src/title-bar/components/title-tab/tab-item.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport type { FC } from 'react'\n// type\nimport type { Tab } from './type'\n// component\nimport { ExternalLink, InternalLink } from '../../../customized-link'\nimport { TextButton } from '../../../button'\n\ntype TabItemProps = Tab & {\n  onClick: () => void\n  className?: string\n}\nconst TabItem: FC<TabItemProps> = ({\n  text,\n  link,\n  isExternal = false,\n  isActive = false,\n  onClick,\n  className = '',\n}) => {\n  const CustomizedLink = isExternal ? ExternalLink : InternalLink\n  return (\n    <button\n      className={clsx('flex shrink-0 mr-[24px] last:mr-0', className)}\n      onClick={onClick}\n      type=\"button\"\n    >\n      <CustomizedLink to={link}>\n        <TextButton\n          text={text}\n          active={isActive}\n          size={TextButton.Size.l}\n          className=\"py-[16px]\"\n        />\n      </CustomizedLink>\n    </button>\n  )\n}\n\nexport default TabItem\n"],"mappings":";;;;;;;AAYA,MAAMA,WAA6B,EACjC,MACA,MACA,aAAa,OACb,WAAW,OACX,SACA,YAAY,SACR;CACJ,MAAM,iBAAiB,aAAaC,wBAAeC;AACnD,QACE,oBAAC;EACC,WAAW,KAAK,qCAAqC,UAAU;EACtD;EACT,MAAK;YAEL,oBAAC;GAAe,IAAI;aAClB,oBAACC;IACO;IACN,QAAQ;IACR,MAAMA,oBAAW,KAAK;IACtB,WAAU;KACV;IACa;GACV;;AAIb,uBAAe"}

package/lib/{tablet-and-below-DxwJGBEL.js → tablet-and-below-Dx2Rvp02.js}

@@ -2,15 +2,15 @@ const require_chunk = require('./chunk-BxBTb9qk.js');
 const require_text_button = require('./text-button-DlMVqsvV.js');
 const require_icon_button = require('./icon-button-Vqwyow05.js');
 const require_pill_button = require('./pill-button-CNbShnjT.js');
-const require_external_links = require('./external-links-CeidCP88.js');
-const require_internal_links = require('./internal-links-B0I8FU-O.js');
-const require_external_link = require('./external-link-Dnw1WSM1.js');
-const require_internal_link = require('./internal-link-CKuvpRC8.js');
-const require_z_index = require('./z-index-CkMhi8IW.js');
-const require_context = require('./context-DW8qh_Q3.js');
-const require_logo_header = require('./logo-header-Cp7W8CR-.js');
-const require_icons = require('./icons-OsNrxOWn.js');
-const require_links = require('./links-B-W3iTG7.js');
+const require_external_links = require('./external-links-xe0gZr3J.js');
+const require_internal_links = require('./internal-links-D7poW27s.js');
+const require_external_link = require('./external-link-N6pHzsZ9.js');
+const require_internal_link = require('./internal-link-CQYfLFmN.js');
+const require_context = require('./context-CDuykLw5.js');
+const require_icons = require('./icons-UUg8_T_o.js');
+const require_logo_header = require('./logo-header-B-cabrdp.js');
+const require_z_index = require('./z-index-BdObyvJF.js');
+const require_links = require('./links-C37r2iCr.js');
 let react = require("react");
 react = require_chunk.__toESM(react);
 let clsx = require("clsx");
@@ -110,4 +110,4 @@ Object.defineProperty(exports, 'tablet_and_below_default', {
     return tablet_and_below_default;
   }
 });
-//# sourceMappingURL=tablet-and-below-DxwJGBEL.js.map
+//# sourceMappingURL=tablet-and-below-Dx2Rvp02.js.map

package/lib/{tablet-and-below-DxwJGBEL.js.map → tablet-and-below-Dx2Rvp02.js.map}

@@ -1 +1 @@
-{"version":3,"file":"tablet-and-below-DxwJGBEL.js","names":["TabletAndBelow: FC<TabletAndBelowProps>","HeaderContext","ExternalLink","InternalLink","INTERNAL_LINKS","checkReferrer","ZIndex","IconButton","Arrow","LogoHeader","EXTERNAL_LINKS","PillButton","Member","TextButton"],"sources":["../src/header/components/tablet-and-below.tsx"],"sourcesContent":["import { useContext, useState, useEffect, type FC } from 'react'\nimport clsx from 'clsx'\n// context\nimport { HeaderContext } from '../context'\n// constants\nimport { ZIndex } from '../constants/z-index'\nimport { INTERNAL_LINKS } from '../../constants/internal-links'\nimport { EXTERNAL_LINKS } from '../../constants/external-links'\n// logo\nimport { LogoHeader } from '../../logo'\nimport type { LogoType } from '../../logo/constants'\n// link\nimport { ExternalLink, InternalLink } from '../../customized-link'\n// button\nimport { PillButton, TextButton, IconButton } from '../../button'\n// icon\nimport { Arrow, Member } from '../../icons'\n// utils\nimport { checkReferrer } from '../utils/links'\n// lodash\nimport some from 'lodash/some'\nimport includes from 'lodash/includes'\nimport throttle from 'lodash/throttle'\nconst _ = {\n  some,\n  includes,\n  throttle,\n}\n\ntype TabletAndBelowProps = {\n  topRowBgColor: string\n  logoType: LogoType\n}\nconst TabletAndBelow: FC<TabletAndBelowProps> = ({\n  topRowBgColor,\n  logoType,\n}) => {\n  const {\n    isLinkExternal,\n    releaseBranch,\n    theme,\n    pathname,\n    referrerPath,\n    isAuthed,\n  } = useContext(HeaderContext)\n  const LinkComponent = isLinkExternal ? ExternalLink : InternalLink\n\n  const [currentClientWidth, setCurrentClientWidth] = useState(0)\n  useEffect(() => {\n    const handleResize = _.throttle(() => {\n      setCurrentClientWidth(document.body.clientWidth)\n    }, 200)\n\n    handleResize()\n    window.addEventListener('resize', handleResize)\n\n    return () => {\n      window.removeEventListener('resize', handleResize)\n    }\n  }, [])\n\n  const isOnArticlePage = _.includes(pathname, `${INTERNAL_LINKS.article}/`)\n  const needPrevIconRoute = [\n    INTERNAL_LINKS.account.donationHistoryPage,\n    INTERNAL_LINKS.account.emailSubscription,\n    INTERNAL_LINKS.myReading.savedBookmarks,\n    INTERNAL_LINKS.myReading.browsingHistory,\n  ]\n  const isOnNeedPrevIconPage = _.some(needPrevIconRoute, (el) =>\n    _.includes(pathname, el)\n  )\n\n  const showPrevIcon =\n    isOnArticlePage || (isOnNeedPrevIconPage && currentClientWidth < 768) // only show it on mobile\n\n  const gotoPrev = () => {\n    if (referrerPath || checkReferrer(document.referrer, releaseBranch)) {\n      // go to previous page when referer is twreporter site\n      window.history.back()\n    } else {\n      // go to home page when referer is not twreporter site\n      window.location.href = '/'\n    }\n  }\n\n  return (\n    <div\n      className={clsx(\n        `flex items-center justify-between ${ZIndex.topRow} py-[16px] ${topRowBgColor}`,\n        'desktop:hidden'\n      )}\n    >\n      <div className=\"flex flex-row gap-[8px]\">\n        {/* pre button */}\n        {showPrevIcon ? (\n          <div className=\"p-[4px] -translate-x-[8px]\">\n            <IconButton\n              iconComponent={\n                <Arrow\n                  direction={Arrow.Direction.left}\n                  releaseBranch={releaseBranch}\n                />\n              }\n              theme={theme}\n              onClick={gotoPrev}\n            />\n          </div>\n        ) : null}\n        {/* logo */}\n        <LinkComponent to={INTERNAL_LINKS.home} className=\"flex items-center\">\n          <LogoHeader type={logoType} className=\"h-[21px]\" />\n        </LinkComponent>\n      </div>\n      {/* actions */}\n      <div className=\"flex flex-row items-center gap-[16px]\">\n        <LinkComponent to={EXTERNAL_LINKS.monthlyDonation}>\n          <PillButton\n            text=\"贊助\"\n            theme={PillButton.Theme.normal}\n            type={PillButton.Type.primary}\n            style={PillButton.Style.brand}\n          />\n        </LinkComponent>\n        <LinkComponent to={INTERNAL_LINKS.account.index}>\n          {isAuthed ? (\n            <IconButton iconComponent={Member(releaseBranch)} />\n          ) : (\n            <TextButton\n              text=\"登入\"\n              theme={TextButton.Theme.normal}\n              style={TextButton.Style.dark}\n              size={TextButton.Size.s}\n            />\n          )}\n        </LinkComponent>\n      </div>\n    </div>\n  )\n}\n\nexport default TabletAndBelow\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAuBA,MAAM,IAAI;CACR;CACA;CACA;CACD;AAMD,MAAMA,kBAA2C,EAC/C,eACA,eACI;CACJ,MAAM,EACJ,gBACA,eACA,OACA,UACA,cACA,mCACaC,8BAAc;CAC7B,MAAM,gBAAgB,iBAAiBC,8CAAeC;CAEtD,MAAM,CAAC,oBAAoB,6CAAkC,EAAE;AAC/D,4BAAgB;EACd,MAAM,eAAe,EAAE,eAAe;AACpC,yBAAsB,SAAS,KAAK,YAAY;KAC/C,IAAI;AAEP,gBAAc;AACd,SAAO,iBAAiB,UAAU,aAAa;AAE/C,eAAa;AACX,UAAO,oBAAoB,UAAU,aAAa;;IAEnD,EAAE,CAAC;CAEN,MAAM,kBAAkB,EAAE,SAAS,UAAU,GAAGC,sCAAe,QAAQ,GAAG;CAC1E,MAAM,oBAAoB;EACxBA,sCAAe,QAAQ;EACvBA,sCAAe,QAAQ;EACvBA,sCAAe,UAAU;EACzBA,sCAAe,UAAU;EAC1B;CACD,MAAM,uBAAuB,EAAE,KAAK,oBAAoB,OACtD,EAAE,SAAS,UAAU,GAAG,CACzB;CAED,MAAM,eACJ,mBAAoB,wBAAwB,qBAAqB;CAEnE,MAAM,iBAAiB;AACrB,MAAI,gBAAgBC,4BAAc,SAAS,UAAU,cAAc,CAEjE,QAAO,QAAQ,MAAM;MAGrB,QAAO,SAAS,OAAO;;AAI3B,QACE,4CAAC;EACC,6BACE,qCAAqCC,uBAAO,OAAO,aAAa,iBAChE,iBACD;aAED,4CAAC;GAAI,WAAU;cAEZ,eACC,2CAAC;IAAI,WAAU;cACb,2CAACC;KACC,eACE,2CAACC;MACC,WAAWA,oBAAM,UAAU;MACZ;OACf;KAEG;KACP,SAAS;MACT;KACE,GACJ,MAEJ,2CAAC;IAAc,IAAIJ,sCAAe;IAAM,WAAU;cAChD,2CAACK;KAAW,MAAM;KAAU,WAAU;MAAa;KACrC;IACZ,EAEN,4CAAC;GAAI,WAAU;cACb,2CAAC;IAAc,IAAIC,sCAAe;cAChC,2CAACC;KACC,MAAK;KACL,OAAOA,wCAAW,MAAM;KACxB,MAAMA,wCAAW,KAAK;KACtB,OAAOA,wCAAW,MAAM;MACxB;KACY,EAChB,2CAAC;IAAc,IAAIP,sCAAe,QAAQ;cACvC,WACC,2CAACG,2CAAW,eAAeK,qBAAO,cAAc,GAAI,GAEpD,2CAACC;KACC,MAAK;KACL,OAAOA,wCAAW,MAAM;KACxB,OAAOA,wCAAW,MAAM;KACxB,MAAMA,wCAAW,KAAK;MACtB;KAEU;IACZ;GACF;;AAIV,+BAAe"}
+{"version":3,"file":"tablet-and-below-Dx2Rvp02.js","names":["TabletAndBelow: FC<TabletAndBelowProps>","HeaderContext","ExternalLink","InternalLink","INTERNAL_LINKS","checkReferrer","ZIndex","IconButton","Arrow","LogoHeader","EXTERNAL_LINKS","PillButton","Member","TextButton"],"sources":["../src/header/components/tablet-and-below.tsx"],"sourcesContent":["import { useContext, useState, useEffect, type FC } from 'react'\nimport clsx from 'clsx'\n// context\nimport { HeaderContext } from '../context'\n// constants\nimport { ZIndex } from '../constants/z-index'\nimport { INTERNAL_LINKS } from '../../constants/internal-links'\nimport { EXTERNAL_LINKS } from '../../constants/external-links'\n// logo\nimport { LogoHeader } from '../../logo'\nimport type { LogoType } from '../../logo/constants'\n// link\nimport { ExternalLink, InternalLink } from '../../customized-link'\n// button\nimport { PillButton, TextButton, IconButton } from '../../button'\n// icon\nimport { Arrow, Member } from '../../icons'\n// utils\nimport { checkReferrer } from '../utils/links'\n// lodash\nimport some from 'lodash/some'\nimport includes from 'lodash/includes'\nimport throttle from 'lodash/throttle'\nconst _ = {\n  some,\n  includes,\n  throttle,\n}\n\ntype TabletAndBelowProps = {\n  topRowBgColor: string\n  logoType: LogoType\n}\nconst TabletAndBelow: FC<TabletAndBelowProps> = ({\n  topRowBgColor,\n  logoType,\n}) => {\n  const {\n    isLinkExternal,\n    releaseBranch,\n    theme,\n    pathname,\n    referrerPath,\n    isAuthed,\n  } = useContext(HeaderContext)\n  const LinkComponent = isLinkExternal ? ExternalLink : InternalLink\n\n  const [currentClientWidth, setCurrentClientWidth] = useState(0)\n  useEffect(() => {\n    const handleResize = _.throttle(() => {\n      setCurrentClientWidth(document.body.clientWidth)\n    }, 200)\n\n    handleResize()\n    window.addEventListener('resize', handleResize)\n\n    return () => {\n      window.removeEventListener('resize', handleResize)\n    }\n  }, [])\n\n  const isOnArticlePage = _.includes(pathname, `${INTERNAL_LINKS.article}/`)\n  const needPrevIconRoute = [\n    INTERNAL_LINKS.account.donationHistoryPage,\n    INTERNAL_LINKS.account.emailSubscription,\n    INTERNAL_LINKS.myReading.savedBookmarks,\n    INTERNAL_LINKS.myReading.browsingHistory,\n  ]\n  const isOnNeedPrevIconPage = _.some(needPrevIconRoute, (el) =>\n    _.includes(pathname, el)\n  )\n\n  const showPrevIcon =\n    isOnArticlePage || (isOnNeedPrevIconPage && currentClientWidth < 768) // only show it on mobile\n\n  const gotoPrev = () => {\n    if (referrerPath || checkReferrer(document.referrer, releaseBranch)) {\n      // go to previous page when referer is twreporter site\n      window.history.back()\n    } else {\n      // go to home page when referer is not twreporter site\n      window.location.href = '/'\n    }\n  }\n\n  return (\n    <div\n      className={clsx(\n        `flex items-center justify-between ${ZIndex.topRow} py-[16px] ${topRowBgColor}`,\n        'desktop:hidden'\n      )}\n    >\n      <div className=\"flex flex-row gap-[8px]\">\n        {/* pre button */}\n        {showPrevIcon ? (\n          <div className=\"p-[4px] -translate-x-[8px]\">\n            <IconButton\n              iconComponent={\n                <Arrow\n                  direction={Arrow.Direction.left}\n                  releaseBranch={releaseBranch}\n                />\n              }\n              theme={theme}\n              onClick={gotoPrev}\n            />\n          </div>\n        ) : null}\n        {/* logo */}\n        <LinkComponent to={INTERNAL_LINKS.home} className=\"flex items-center\">\n          <LogoHeader type={logoType} className=\"h-[21px]\" />\n        </LinkComponent>\n      </div>\n      {/* actions */}\n      <div className=\"flex flex-row items-center gap-[16px]\">\n        <LinkComponent to={EXTERNAL_LINKS.monthlyDonation}>\n          <PillButton\n            text=\"贊助\"\n            theme={PillButton.Theme.normal}\n            type={PillButton.Type.primary}\n            style={PillButton.Style.brand}\n          />\n        </LinkComponent>\n        <LinkComponent to={INTERNAL_LINKS.account.index}>\n          {isAuthed ? (\n            <IconButton iconComponent={Member(releaseBranch)} />\n          ) : (\n            <TextButton\n              text=\"登入\"\n              theme={TextButton.Theme.normal}\n              style={TextButton.Style.dark}\n              size={TextButton.Size.s}\n            />\n          )}\n        </LinkComponent>\n      </div>\n    </div>\n  )\n}\n\nexport default TabletAndBelow\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAuBA,MAAM,IAAI;CACR;CACA;CACA;CACD;AAMD,MAAMA,kBAA2C,EAC/C,eACA,eACI;CACJ,MAAM,EACJ,gBACA,eACA,OACA,UACA,cACA,mCACaC,8BAAc;CAC7B,MAAM,gBAAgB,iBAAiBC,8CAAeC;CAEtD,MAAM,CAAC,oBAAoB,6CAAkC,EAAE;AAC/D,4BAAgB;EACd,MAAM,eAAe,EAAE,eAAe;AACpC,yBAAsB,SAAS,KAAK,YAAY;KAC/C,IAAI;AAEP,gBAAc;AACd,SAAO,iBAAiB,UAAU,aAAa;AAE/C,eAAa;AACX,UAAO,oBAAoB,UAAU,aAAa;;IAEnD,EAAE,CAAC;CAEN,MAAM,kBAAkB,EAAE,SAAS,UAAU,GAAGC,sCAAe,QAAQ,GAAG;CAC1E,MAAM,oBAAoB;EACxBA,sCAAe,QAAQ;EACvBA,sCAAe,QAAQ;EACvBA,sCAAe,UAAU;EACzBA,sCAAe,UAAU;EAC1B;CACD,MAAM,uBAAuB,EAAE,KAAK,oBAAoB,OACtD,EAAE,SAAS,UAAU,GAAG,CACzB;CAED,MAAM,eACJ,mBAAoB,wBAAwB,qBAAqB;CAEnE,MAAM,iBAAiB;AACrB,MAAI,gBAAgBC,4BAAc,SAAS,UAAU,cAAc,CAEjE,QAAO,QAAQ,MAAM;MAGrB,QAAO,SAAS,OAAO;;AAI3B,QACE,4CAAC;EACC,6BACE,qCAAqCC,uBAAO,OAAO,aAAa,iBAChE,iBACD;aAED,4CAAC;GAAI,WAAU;cAEZ,eACC,2CAAC;IAAI,WAAU;cACb,2CAACC;KACC,eACE,2CAACC;MACC,WAAWA,oBAAM,UAAU;MACZ;OACf;KAEG;KACP,SAAS;MACT;KACE,GACJ,MAEJ,2CAAC;IAAc,IAAIJ,sCAAe;IAAM,WAAU;cAChD,2CAACK;KAAW,MAAM;KAAU,WAAU;MAAa;KACrC;IACZ,EAEN,4CAAC;GAAI,WAAU;cACb,2CAAC;IAAc,IAAIC,sCAAe;cAChC,2CAACC;KACC,MAAK;KACL,OAAOA,wCAAW,MAAM;KACxB,MAAMA,wCAAW,KAAK;KACtB,OAAOA,wCAAW,MAAM;MACxB;KACY,EAChB,2CAAC;IAAc,IAAIP,sCAAe,QAAQ;cACvC,WACC,2CAACG,2CAAW,eAAeK,qBAAO,cAAc,GAAI,GAEpD,2CAACC;KACC,MAAK;KACL,OAAOA,wCAAW,MAAM;KACxB,OAAOA,wCAAW,MAAM;KACxB,MAAMA,wCAAW,KAAK;MACtB;KAEU;IACZ;GACF;;AAIV,+BAAe"}

package/lib/{tablet-and-below-BMy_YUZ1.mjs → tablet-and-below-sMts1JEc.mjs}

@@ -2,14 +2,14 @@ import { internal_link_default } from "./internal-link-JeC0sVNF.mjs";
 import { text_button_default } from "./text-button-DkD8OA65.mjs";
 import { icon_button_default } from "./icon-button-B-71Zncn.mjs";
 import { pill_button_default } from "./pill-button-y0eh5cgT.mjs";
-import { EXTERNAL_LINKS } from "./external-links-FfndTp-X.mjs";
-import { INTERNAL_LINKS } from "./internal-links-hIbZZEWd.mjs";
-import { external_link_default } from "./external-link-DrDvZqvE.mjs";
-import { ZIndex } from "./z-index-YHdIcjBJ.mjs";
-import { HeaderContext } from "./context-Bg1CbUYL.mjs";
-import { logo_header_default } from "./logo-header-Gy5Y-1lY.mjs";
-import { Arrow, Member } from "./icons-D_G_3m8-.mjs";
-import { checkReferrer } from "./links-CLk9Tme-.mjs";
+import { EXTERNAL_LINKS } from "./external-links-TcghBJyz.mjs";
+import { INTERNAL_LINKS } from "./internal-links-DOdRudQQ.mjs";
+import { external_link_default } from "./external-link-B7TYHbGX.mjs";
+import { HeaderContext } from "./context-rWQ3FoMt.mjs";
+import { Arrow, Member } from "./icons-CQv9VD7t.mjs";
+import { logo_header_default } from "./logo-header-ZUiyUo-f.mjs";
+import { ZIndex } from "./z-index-CPbhhoLg.mjs";
+import { checkReferrer } from "./links-CZvBgl6Y.mjs";
 import { useContext, useEffect, useState } from "react";
 import clsx from "clsx";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -98,4 +98,4 @@ var tablet_and_below_default = TabletAndBelow;
 
 //#endregion
 export { tablet_and_below_default };
-//# sourceMappingURL=tablet-and-below-BMy_YUZ1.mjs.map
+//# sourceMappingURL=tablet-and-below-sMts1JEc.mjs.map

package/lib/{tablet-and-below-BMy_YUZ1.mjs.map → tablet-and-below-sMts1JEc.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"tablet-and-below-BMy_YUZ1.mjs","names":["TabletAndBelow: FC<TabletAndBelowProps>","ExternalLink","InternalLink","IconButton","LogoHeader","PillButton","TextButton"],"sources":["../src/header/components/tablet-and-below.tsx"],"sourcesContent":["import { useContext, useState, useEffect, type FC } from 'react'\nimport clsx from 'clsx'\n// context\nimport { HeaderContext } from '../context'\n// constants\nimport { ZIndex } from '../constants/z-index'\nimport { INTERNAL_LINKS } from '../../constants/internal-links'\nimport { EXTERNAL_LINKS } from '../../constants/external-links'\n// logo\nimport { LogoHeader } from '../../logo'\nimport type { LogoType } from '../../logo/constants'\n// link\nimport { ExternalLink, InternalLink } from '../../customized-link'\n// button\nimport { PillButton, TextButton, IconButton } from '../../button'\n// icon\nimport { Arrow, Member } from '../../icons'\n// utils\nimport { checkReferrer } from '../utils/links'\n// lodash\nimport some from 'lodash/some'\nimport includes from 'lodash/includes'\nimport throttle from 'lodash/throttle'\nconst _ = {\n  some,\n  includes,\n  throttle,\n}\n\ntype TabletAndBelowProps = {\n  topRowBgColor: string\n  logoType: LogoType\n}\nconst TabletAndBelow: FC<TabletAndBelowProps> = ({\n  topRowBgColor,\n  logoType,\n}) => {\n  const {\n    isLinkExternal,\n    releaseBranch,\n    theme,\n    pathname,\n    referrerPath,\n    isAuthed,\n  } = useContext(HeaderContext)\n  const LinkComponent = isLinkExternal ? ExternalLink : InternalLink\n\n  const [currentClientWidth, setCurrentClientWidth] = useState(0)\n  useEffect(() => {\n    const handleResize = _.throttle(() => {\n      setCurrentClientWidth(document.body.clientWidth)\n    }, 200)\n\n    handleResize()\n    window.addEventListener('resize', handleResize)\n\n    return () => {\n      window.removeEventListener('resize', handleResize)\n    }\n  }, [])\n\n  const isOnArticlePage = _.includes(pathname, `${INTERNAL_LINKS.article}/`)\n  const needPrevIconRoute = [\n    INTERNAL_LINKS.account.donationHistoryPage,\n    INTERNAL_LINKS.account.emailSubscription,\n    INTERNAL_LINKS.myReading.savedBookmarks,\n    INTERNAL_LINKS.myReading.browsingHistory,\n  ]\n  const isOnNeedPrevIconPage = _.some(needPrevIconRoute, (el) =>\n    _.includes(pathname, el)\n  )\n\n  const showPrevIcon =\n    isOnArticlePage || (isOnNeedPrevIconPage && currentClientWidth < 768) // only show it on mobile\n\n  const gotoPrev = () => {\n    if (referrerPath || checkReferrer(document.referrer, releaseBranch)) {\n      // go to previous page when referer is twreporter site\n      window.history.back()\n    } else {\n      // go to home page when referer is not twreporter site\n      window.location.href = '/'\n    }\n  }\n\n  return (\n    <div\n      className={clsx(\n        `flex items-center justify-between ${ZIndex.topRow} py-[16px] ${topRowBgColor}`,\n        'desktop:hidden'\n      )}\n    >\n      <div className=\"flex flex-row gap-[8px]\">\n        {/* pre button */}\n        {showPrevIcon ? (\n          <div className=\"p-[4px] -translate-x-[8px]\">\n            <IconButton\n              iconComponent={\n                <Arrow\n                  direction={Arrow.Direction.left}\n                  releaseBranch={releaseBranch}\n                />\n              }\n              theme={theme}\n              onClick={gotoPrev}\n            />\n          </div>\n        ) : null}\n        {/* logo */}\n        <LinkComponent to={INTERNAL_LINKS.home} className=\"flex items-center\">\n          <LogoHeader type={logoType} className=\"h-[21px]\" />\n        </LinkComponent>\n      </div>\n      {/* actions */}\n      <div className=\"flex flex-row items-center gap-[16px]\">\n        <LinkComponent to={EXTERNAL_LINKS.monthlyDonation}>\n          <PillButton\n            text=\"贊助\"\n            theme={PillButton.Theme.normal}\n            type={PillButton.Type.primary}\n            style={PillButton.Style.brand}\n          />\n        </LinkComponent>\n        <LinkComponent to={INTERNAL_LINKS.account.index}>\n          {isAuthed ? (\n            <IconButton iconComponent={Member(releaseBranch)} />\n          ) : (\n            <TextButton\n              text=\"登入\"\n              theme={TextButton.Theme.normal}\n              style={TextButton.Style.dark}\n              size={TextButton.Size.s}\n            />\n          )}\n        </LinkComponent>\n      </div>\n    </div>\n  )\n}\n\nexport default TabletAndBelow\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAuBA,MAAM,IAAI;CACR;CACA;CACA;CACD;AAMD,MAAMA,kBAA2C,EAC/C,eACA,eACI;CACJ,MAAM,EACJ,gBACA,eACA,OACA,UACA,cACA,aACE,WAAW,cAAc;CAC7B,MAAM,gBAAgB,iBAAiBC,wBAAeC;CAEtD,MAAM,CAAC,oBAAoB,yBAAyB,SAAS,EAAE;AAC/D,iBAAgB;EACd,MAAM,eAAe,EAAE,eAAe;AACpC,yBAAsB,SAAS,KAAK,YAAY;KAC/C,IAAI;AAEP,gBAAc;AACd,SAAO,iBAAiB,UAAU,aAAa;AAE/C,eAAa;AACX,UAAO,oBAAoB,UAAU,aAAa;;IAEnD,EAAE,CAAC;CAEN,MAAM,kBAAkB,EAAE,SAAS,UAAU,GAAG,eAAe,QAAQ,GAAG;CAC1E,MAAM,oBAAoB;EACxB,eAAe,QAAQ;EACvB,eAAe,QAAQ;EACvB,eAAe,UAAU;EACzB,eAAe,UAAU;EAC1B;CACD,MAAM,uBAAuB,EAAE,KAAK,oBAAoB,OACtD,EAAE,SAAS,UAAU,GAAG,CACzB;CAED,MAAM,eACJ,mBAAoB,wBAAwB,qBAAqB;CAEnE,MAAM,iBAAiB;AACrB,MAAI,gBAAgB,cAAc,SAAS,UAAU,cAAc,CAEjE,QAAO,QAAQ,MAAM;MAGrB,QAAO,SAAS,OAAO;;AAI3B,QACE,qBAAC;EACC,WAAW,KACT,qCAAqC,OAAO,OAAO,aAAa,iBAChE,iBACD;aAED,qBAAC;GAAI,WAAU;cAEZ,eACC,oBAAC;IAAI,WAAU;cACb,oBAACC;KACC,eACE,oBAAC;MACC,WAAW,MAAM,UAAU;MACZ;OACf;KAEG;KACP,SAAS;MACT;KACE,GACJ,MAEJ,oBAAC;IAAc,IAAI,eAAe;IAAM,WAAU;cAChD,oBAACC;KAAW,MAAM;KAAU,WAAU;MAAa;KACrC;IACZ,EAEN,qBAAC;GAAI,WAAU;cACb,oBAAC;IAAc,IAAI,eAAe;cAChC,oBAACC;KACC,MAAK;KACL,OAAOA,oBAAW,MAAM;KACxB,MAAMA,oBAAW,KAAK;KACtB,OAAOA,oBAAW,MAAM;MACxB;KACY,EAChB,oBAAC;IAAc,IAAI,eAAe,QAAQ;cACvC,WACC,oBAACF,uBAAW,eAAe,OAAO,cAAc,GAAI,GAEpD,oBAACG;KACC,MAAK;KACL,OAAOA,oBAAW,MAAM;KACxB,OAAOA,oBAAW,MAAM;KACxB,MAAMA,oBAAW,KAAK;MACtB;KAEU;IACZ;GACF;;AAIV,+BAAe"}
+{"version":3,"file":"tablet-and-below-sMts1JEc.mjs","names":["TabletAndBelow: FC<TabletAndBelowProps>","ExternalLink","InternalLink","IconButton","LogoHeader","PillButton","TextButton"],"sources":["../src/header/components/tablet-and-below.tsx"],"sourcesContent":["import { useContext, useState, useEffect, type FC } from 'react'\nimport clsx from 'clsx'\n// context\nimport { HeaderContext } from '../context'\n// constants\nimport { ZIndex } from '../constants/z-index'\nimport { INTERNAL_LINKS } from '../../constants/internal-links'\nimport { EXTERNAL_LINKS } from '../../constants/external-links'\n// logo\nimport { LogoHeader } from '../../logo'\nimport type { LogoType } from '../../logo/constants'\n// link\nimport { ExternalLink, InternalLink } from '../../customized-link'\n// button\nimport { PillButton, TextButton, IconButton } from '../../button'\n// icon\nimport { Arrow, Member } from '../../icons'\n// utils\nimport { checkReferrer } from '../utils/links'\n// lodash\nimport some from 'lodash/some'\nimport includes from 'lodash/includes'\nimport throttle from 'lodash/throttle'\nconst _ = {\n  some,\n  includes,\n  throttle,\n}\n\ntype TabletAndBelowProps = {\n  topRowBgColor: string\n  logoType: LogoType\n}\nconst TabletAndBelow: FC<TabletAndBelowProps> = ({\n  topRowBgColor,\n  logoType,\n}) => {\n  const {\n    isLinkExternal,\n    releaseBranch,\n    theme,\n    pathname,\n    referrerPath,\n    isAuthed,\n  } = useContext(HeaderContext)\n  const LinkComponent = isLinkExternal ? ExternalLink : InternalLink\n\n  const [currentClientWidth, setCurrentClientWidth] = useState(0)\n  useEffect(() => {\n    const handleResize = _.throttle(() => {\n      setCurrentClientWidth(document.body.clientWidth)\n    }, 200)\n\n    handleResize()\n    window.addEventListener('resize', handleResize)\n\n    return () => {\n      window.removeEventListener('resize', handleResize)\n    }\n  }, [])\n\n  const isOnArticlePage = _.includes(pathname, `${INTERNAL_LINKS.article}/`)\n  const needPrevIconRoute = [\n    INTERNAL_LINKS.account.donationHistoryPage,\n    INTERNAL_LINKS.account.emailSubscription,\n    INTERNAL_LINKS.myReading.savedBookmarks,\n    INTERNAL_LINKS.myReading.browsingHistory,\n  ]\n  const isOnNeedPrevIconPage = _.some(needPrevIconRoute, (el) =>\n    _.includes(pathname, el)\n  )\n\n  const showPrevIcon =\n    isOnArticlePage || (isOnNeedPrevIconPage && currentClientWidth < 768) // only show it on mobile\n\n  const gotoPrev = () => {\n    if (referrerPath || checkReferrer(document.referrer, releaseBranch)) {\n      // go to previous page when referer is twreporter site\n      window.history.back()\n    } else {\n      // go to home page when referer is not twreporter site\n      window.location.href = '/'\n    }\n  }\n\n  return (\n    <div\n      className={clsx(\n        `flex items-center justify-between ${ZIndex.topRow} py-[16px] ${topRowBgColor}`,\n        'desktop:hidden'\n      )}\n    >\n      <div className=\"flex flex-row gap-[8px]\">\n        {/* pre button */}\n        {showPrevIcon ? (\n          <div className=\"p-[4px] -translate-x-[8px]\">\n            <IconButton\n              iconComponent={\n                <Arrow\n                  direction={Arrow.Direction.left}\n                  releaseBranch={releaseBranch}\n                />\n              }\n              theme={theme}\n              onClick={gotoPrev}\n            />\n          </div>\n        ) : null}\n        {/* logo */}\n        <LinkComponent to={INTERNAL_LINKS.home} className=\"flex items-center\">\n          <LogoHeader type={logoType} className=\"h-[21px]\" />\n        </LinkComponent>\n      </div>\n      {/* actions */}\n      <div className=\"flex flex-row items-center gap-[16px]\">\n        <LinkComponent to={EXTERNAL_LINKS.monthlyDonation}>\n          <PillButton\n            text=\"贊助\"\n            theme={PillButton.Theme.normal}\n            type={PillButton.Type.primary}\n            style={PillButton.Style.brand}\n          />\n        </LinkComponent>\n        <LinkComponent to={INTERNAL_LINKS.account.index}>\n          {isAuthed ? (\n            <IconButton iconComponent={Member(releaseBranch)} />\n          ) : (\n            <TextButton\n              text=\"登入\"\n              theme={TextButton.Theme.normal}\n              style={TextButton.Style.dark}\n              size={TextButton.Size.s}\n            />\n          )}\n        </LinkComponent>\n      </div>\n    </div>\n  )\n}\n\nexport default TabletAndBelow\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAuBA,MAAM,IAAI;CACR;CACA;CACA;CACD;AAMD,MAAMA,kBAA2C,EAC/C,eACA,eACI;CACJ,MAAM,EACJ,gBACA,eACA,OACA,UACA,cACA,aACE,WAAW,cAAc;CAC7B,MAAM,gBAAgB,iBAAiBC,wBAAeC;CAEtD,MAAM,CAAC,oBAAoB,yBAAyB,SAAS,EAAE;AAC/D,iBAAgB;EACd,MAAM,eAAe,EAAE,eAAe;AACpC,yBAAsB,SAAS,KAAK,YAAY;KAC/C,IAAI;AAEP,gBAAc;AACd,SAAO,iBAAiB,UAAU,aAAa;AAE/C,eAAa;AACX,UAAO,oBAAoB,UAAU,aAAa;;IAEnD,EAAE,CAAC;CAEN,MAAM,kBAAkB,EAAE,SAAS,UAAU,GAAG,eAAe,QAAQ,GAAG;CAC1E,MAAM,oBAAoB;EACxB,eAAe,QAAQ;EACvB,eAAe,QAAQ;EACvB,eAAe,UAAU;EACzB,eAAe,UAAU;EAC1B;CACD,MAAM,uBAAuB,EAAE,KAAK,oBAAoB,OACtD,EAAE,SAAS,UAAU,GAAG,CACzB;CAED,MAAM,eACJ,mBAAoB,wBAAwB,qBAAqB;CAEnE,MAAM,iBAAiB;AACrB,MAAI,gBAAgB,cAAc,SAAS,UAAU,cAAc,CAEjE,QAAO,QAAQ,MAAM;MAGrB,QAAO,SAAS,OAAO;;AAI3B,QACE,qBAAC;EACC,WAAW,KACT,qCAAqC,OAAO,OAAO,aAAa,iBAChE,iBACD;aAED,qBAAC;GAAI,WAAU;cAEZ,eACC,oBAAC;IAAI,WAAU;cACb,oBAACC;KACC,eACE,oBAAC;MACC,WAAW,MAAM,UAAU;MACZ;OACf;KAEG;KACP,SAAS;MACT;KACE,GACJ,MAEJ,oBAAC;IAAc,IAAI,eAAe;IAAM,WAAU;cAChD,oBAACC;KAAW,MAAM;KAAU,WAAU;MAAa;KACrC;IACZ,EAEN,qBAAC;GAAI,WAAU;cACb,oBAAC;IAAc,IAAI,eAAe;cAChC,oBAACC;KACC,MAAK;KACL,OAAOA,oBAAW,MAAM;KACxB,MAAMA,oBAAW,KAAK;KACtB,OAAOA,oBAAW,MAAM;MACxB;KACY,EAChB,oBAAC;IAAc,IAAI,eAAe,QAAQ;cACvC,WACC,oBAACF,uBAAW,eAAe,OAAO,cAAc,GAAI,GAEpD,oBAACG;KACC,MAAK;KACL,OAAOA,oBAAW,MAAM;KACxB,OAAOA,oBAAW,MAAM;KACxB,MAAMA,oBAAW,KAAK;MACtB;KAEU;IACZ;GACF;;AAIV,+BAAe"}

package/lib/{theme-DGjb7DO8.mjs → theme-C942t67I.mjs}

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

package/lib/{theme-DGjb7DO8.mjs.map → theme-C942t67I.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"theme-DGjb7DO8.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-C942t67I.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-CjHrkZbk.mjs → theme-CILxIDaP.mjs}

@@ -1,5 +1,5 @@
 import { THEME } from "./theme-BG6yZVj-.mjs";
-import { LOGO_SYMBOL_TYPE } from "./constants-ZlCS0t-_.mjs";
+import { LOGO_SYMBOL_TYPE } from "./constants-DfLtvCn3.mjs";
 
 //#region src/hamburger-menu/utils/theme.ts
 const selectHamburgerMenuTheme = (theme) => {
@@ -64,4 +64,4 @@ const selectHamburgerFooterTheme = (theme) => {
 
 //#endregion
 export { selectHamburgerFooterTheme, selectHamburgerItemTheme, selectHamburgerMenuTheme, selectLogoType };
-//# sourceMappingURL=theme-CjHrkZbk.mjs.map
+//# sourceMappingURL=theme-CILxIDaP.mjs.map

package/lib/{theme-CjHrkZbk.mjs.map → theme-CILxIDaP.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"theme-CjHrkZbk.mjs","names":[],"sources":["../src/hamburger-menu/utils/theme.ts"],"sourcesContent":["import { THEME, type Theme } from '../../constants/theme'\n// logo\nimport { LOGO_SYMBOL_TYPE } from '../../logo/constants'\n\nexport const selectHamburgerMenuTheme = (theme: Theme) => {\n  switch (theme) {\n    case THEME.photography:\n      return {\n        bgColor: 'bg-photo-dark',\n        scrollBarColor: '[&::-webkit-scrollbar-thumb]:bg-opacity-white-08',\n      }\n    default:\n      return {\n        bgColor: 'bg-gray-white',\n        scrollBarColor: '[&::-webkit-scrollbar-thumb]:bg-opacity-black-02',\n      }\n  }\n}\n\nexport const selectLogoType = (theme: Theme) => {\n  switch (theme) {\n    case THEME.photography:\n    case THEME.transparent:\n      return LOGO_SYMBOL_TYPE.white\n    default:\n      return LOGO_SYMBOL_TYPE.default\n  }\n}\n\nexport const selectHamburgerItemTheme = (theme: Theme, active = false) => {\n  switch (theme) {\n    case THEME.photography:\n      return {\n        color: active ? 'text-supportive-pastel' : 'text-gray-white',\n        svgBgColor: active\n          ? '[&>svg]:bg-supportive-pastel'\n          : '[&>svg]:bg-gray-white',\n        hoverBgColor: 'hover:bg-opacity-white-02',\n        activeBgColor: 'active:bg-opacity-white-05',\n      }\n    default:\n      return {\n        color: active ? 'text-brand-heavy' : 'text-gray-800',\n        svgBgColor: active ? '[&>svg]:bg-brand-heavy' : '[&>svg]:bg-gray-800',\n        hoverBgColor: 'hover:bg-gray-100',\n        activeBgColor: 'active:bg-gray-200',\n      }\n  }\n}\n\nexport const selectHamburgerFooterTheme = (theme: Theme) => {\n  switch (theme) {\n    case THEME.photography:\n      return {\n        color: 'text-gray-400',\n        hoverColor: 'hover:text-gray-400',\n        hoverBgColor: 'hover:bg-opacity-white-02',\n        svgHoverBgColor: 'hover:[&>svg]:bg-gray-400',\n        svgBgColor: '[&>svg]:bg-gray-400',\n        activeColor: 'active:text-gray-400',\n        activeBgColor: 'active:bg-opacity-white-05',\n        svgActiveBgColor: 'active:[&>svg]:bg-gray-400',\n      }\n    default:\n      return {\n        color: 'text-gray-600',\n        hoverColor: 'hover:text-gray-800',\n        hoverBgColor: 'hover:bg-gray-100',\n        svgHoverBgColor: 'hover:[&>svg]:bg-gray-800',\n        svgBgColor: '[&>svg]:bg-gray-600',\n        activeColor: 'active:text-gray-800',\n        activeBgColor: 'active:bg-gray-200',\n        svgActiveBgColor: 'active:[&>svg]:bg-gray-800',\n      }\n  }\n}\n"],"mappings":";;;;AAIA,MAAa,4BAA4B,UAAiB;AACxD,SAAQ,OAAR;EACE,KAAK,MAAM,YACT,QAAO;GACL,SAAS;GACT,gBAAgB;GACjB;EACH,QACE,QAAO;GACL,SAAS;GACT,gBAAgB;GACjB;;;AAIP,MAAa,kBAAkB,UAAiB;AAC9C,SAAQ,OAAR;EACE,KAAK,MAAM;EACX,KAAK,MAAM,YACT,QAAO,iBAAiB;EAC1B,QACE,QAAO,iBAAiB;;;AAI9B,MAAa,4BAA4B,OAAc,SAAS,UAAU;AACxE,SAAQ,OAAR;EACE,KAAK,MAAM,YACT,QAAO;GACL,OAAO,SAAS,2BAA2B;GAC3C,YAAY,SACR,iCACA;GACJ,cAAc;GACd,eAAe;GAChB;EACH,QACE,QAAO;GACL,OAAO,SAAS,qBAAqB;GACrC,YAAY,SAAS,2BAA2B;GAChD,cAAc;GACd,eAAe;GAChB;;;AAIP,MAAa,8BAA8B,UAAiB;AAC1D,SAAQ,OAAR;EACE,KAAK,MAAM,YACT,QAAO;GACL,OAAO;GACP,YAAY;GACZ,cAAc;GACd,iBAAiB;GACjB,YAAY;GACZ,aAAa;GACb,eAAe;GACf,kBAAkB;GACnB;EACH,QACE,QAAO;GACL,OAAO;GACP,YAAY;GACZ,cAAc;GACd,iBAAiB;GACjB,YAAY;GACZ,aAAa;GACb,eAAe;GACf,kBAAkB;GACnB"}
+{"version":3,"file":"theme-CILxIDaP.mjs","names":[],"sources":["../src/hamburger-menu/utils/theme.ts"],"sourcesContent":["import { THEME, type Theme } from '../../constants/theme'\n// logo\nimport { LOGO_SYMBOL_TYPE } from '../../logo/constants'\n\nexport const selectHamburgerMenuTheme = (theme: Theme) => {\n  switch (theme) {\n    case THEME.photography:\n      return {\n        bgColor: 'bg-photo-dark',\n        scrollBarColor: '[&::-webkit-scrollbar-thumb]:bg-opacity-white-08',\n      }\n    default:\n      return {\n        bgColor: 'bg-gray-white',\n        scrollBarColor: '[&::-webkit-scrollbar-thumb]:bg-opacity-black-02',\n      }\n  }\n}\n\nexport const selectLogoType = (theme: Theme) => {\n  switch (theme) {\n    case THEME.photography:\n    case THEME.transparent:\n      return LOGO_SYMBOL_TYPE.white\n    default:\n      return LOGO_SYMBOL_TYPE.default\n  }\n}\n\nexport const selectHamburgerItemTheme = (theme: Theme, active = false) => {\n  switch (theme) {\n    case THEME.photography:\n      return {\n        color: active ? 'text-supportive-pastel' : 'text-gray-white',\n        svgBgColor: active\n          ? '[&>svg]:bg-supportive-pastel'\n          : '[&>svg]:bg-gray-white',\n        hoverBgColor: 'hover:bg-opacity-white-02',\n        activeBgColor: 'active:bg-opacity-white-05',\n      }\n    default:\n      return {\n        color: active ? 'text-brand-heavy' : 'text-gray-800',\n        svgBgColor: active ? '[&>svg]:bg-brand-heavy' : '[&>svg]:bg-gray-800',\n        hoverBgColor: 'hover:bg-gray-100',\n        activeBgColor: 'active:bg-gray-200',\n      }\n  }\n}\n\nexport const selectHamburgerFooterTheme = (theme: Theme) => {\n  switch (theme) {\n    case THEME.photography:\n      return {\n        color: 'text-gray-400',\n        hoverColor: 'hover:text-gray-400',\n        hoverBgColor: 'hover:bg-opacity-white-02',\n        svgHoverBgColor: 'hover:[&>svg]:bg-gray-400',\n        svgBgColor: '[&>svg]:bg-gray-400',\n        activeColor: 'active:text-gray-400',\n        activeBgColor: 'active:bg-opacity-white-05',\n        svgActiveBgColor: 'active:[&>svg]:bg-gray-400',\n      }\n    default:\n      return {\n        color: 'text-gray-600',\n        hoverColor: 'hover:text-gray-800',\n        hoverBgColor: 'hover:bg-gray-100',\n        svgHoverBgColor: 'hover:[&>svg]:bg-gray-800',\n        svgBgColor: '[&>svg]:bg-gray-600',\n        activeColor: 'active:text-gray-800',\n        activeBgColor: 'active:bg-gray-200',\n        svgActiveBgColor: 'active:[&>svg]:bg-gray-800',\n      }\n  }\n}\n"],"mappings":";;;;AAIA,MAAa,4BAA4B,UAAiB;AACxD,SAAQ,OAAR;EACE,KAAK,MAAM,YACT,QAAO;GACL,SAAS;GACT,gBAAgB;GACjB;EACH,QACE,QAAO;GACL,SAAS;GACT,gBAAgB;GACjB;;;AAIP,MAAa,kBAAkB,UAAiB;AAC9C,SAAQ,OAAR;EACE,KAAK,MAAM;EACX,KAAK,MAAM,YACT,QAAO,iBAAiB;EAC1B,QACE,QAAO,iBAAiB;;;AAI9B,MAAa,4BAA4B,OAAc,SAAS,UAAU;AACxE,SAAQ,OAAR;EACE,KAAK,MAAM,YACT,QAAO;GACL,OAAO,SAAS,2BAA2B;GAC3C,YAAY,SACR,iCACA;GACJ,cAAc;GACd,eAAe;GAChB;EACH,QACE,QAAO;GACL,OAAO,SAAS,qBAAqB;GACrC,YAAY,SAAS,2BAA2B;GAChD,cAAc;GACd,eAAe;GAChB;;;AAIP,MAAa,8BAA8B,UAAiB;AAC1D,SAAQ,OAAR;EACE,KAAK,MAAM,YACT,QAAO;GACL,OAAO;GACP,YAAY;GACZ,cAAc;GACd,iBAAiB;GACjB,YAAY;GACZ,aAAa;GACb,eAAe;GACf,kBAAkB;GACnB;EACH,QACE,QAAO;GACL,OAAO;GACP,YAAY;GACZ,cAAc;GACd,iBAAiB;GACjB,YAAY;GACZ,aAAa;GACb,eAAe;GACf,kBAAkB;GACnB"}

package/lib/{theme-DjRdV3Iq.js → theme-CWIKvBG4.js}

@@ -1,5 +1,5 @@
 const require_theme = require('./theme-DDBlIbeS.js');
-const require_constants = require('./constants-CkmgPgze.js');
+const require_constants = require('./constants-yYOy9aLl.js');
 
 //#region src/hamburger-menu/utils/theme.ts
 const selectHamburgerMenuTheme = (theme) => {
@@ -87,4 +87,4 @@ Object.defineProperty(exports, 'selectLogoType', {
     return selectLogoType;
   }
 });
-//# sourceMappingURL=theme-DjRdV3Iq.js.map
+//# sourceMappingURL=theme-CWIKvBG4.js.map

package/lib/{theme-DjRdV3Iq.js.map → theme-CWIKvBG4.js.map}

@@ -1 +1 @@
-{"version":3,"file":"theme-DjRdV3Iq.js","names":["THEME","LOGO_SYMBOL_TYPE"],"sources":["../src/hamburger-menu/utils/theme.ts"],"sourcesContent":["import { THEME, type Theme } from '../../constants/theme'\n// logo\nimport { LOGO_SYMBOL_TYPE } from '../../logo/constants'\n\nexport const selectHamburgerMenuTheme = (theme: Theme) => {\n  switch (theme) {\n    case THEME.photography:\n      return {\n        bgColor: 'bg-photo-dark',\n        scrollBarColor: '[&::-webkit-scrollbar-thumb]:bg-opacity-white-08',\n      }\n    default:\n      return {\n        bgColor: 'bg-gray-white',\n        scrollBarColor: '[&::-webkit-scrollbar-thumb]:bg-opacity-black-02',\n      }\n  }\n}\n\nexport const selectLogoType = (theme: Theme) => {\n  switch (theme) {\n    case THEME.photography:\n    case THEME.transparent:\n      return LOGO_SYMBOL_TYPE.white\n    default:\n      return LOGO_SYMBOL_TYPE.default\n  }\n}\n\nexport const selectHamburgerItemTheme = (theme: Theme, active = false) => {\n  switch (theme) {\n    case THEME.photography:\n      return {\n        color: active ? 'text-supportive-pastel' : 'text-gray-white',\n        svgBgColor: active\n          ? '[&>svg]:bg-supportive-pastel'\n          : '[&>svg]:bg-gray-white',\n        hoverBgColor: 'hover:bg-opacity-white-02',\n        activeBgColor: 'active:bg-opacity-white-05',\n      }\n    default:\n      return {\n        color: active ? 'text-brand-heavy' : 'text-gray-800',\n        svgBgColor: active ? '[&>svg]:bg-brand-heavy' : '[&>svg]:bg-gray-800',\n        hoverBgColor: 'hover:bg-gray-100',\n        activeBgColor: 'active:bg-gray-200',\n      }\n  }\n}\n\nexport const selectHamburgerFooterTheme = (theme: Theme) => {\n  switch (theme) {\n    case THEME.photography:\n      return {\n        color: 'text-gray-400',\n        hoverColor: 'hover:text-gray-400',\n        hoverBgColor: 'hover:bg-opacity-white-02',\n        svgHoverBgColor: 'hover:[&>svg]:bg-gray-400',\n        svgBgColor: '[&>svg]:bg-gray-400',\n        activeColor: 'active:text-gray-400',\n        activeBgColor: 'active:bg-opacity-white-05',\n        svgActiveBgColor: 'active:[&>svg]:bg-gray-400',\n      }\n    default:\n      return {\n        color: 'text-gray-600',\n        hoverColor: 'hover:text-gray-800',\n        hoverBgColor: 'hover:bg-gray-100',\n        svgHoverBgColor: 'hover:[&>svg]:bg-gray-800',\n        svgBgColor: '[&>svg]:bg-gray-600',\n        activeColor: 'active:text-gray-800',\n        activeBgColor: 'active:bg-gray-200',\n        svgActiveBgColor: 'active:[&>svg]:bg-gray-800',\n      }\n  }\n}\n"],"mappings":";;;;AAIA,MAAa,4BAA4B,UAAiB;AACxD,SAAQ,OAAR;EACE,KAAKA,oBAAM,YACT,QAAO;GACL,SAAS;GACT,gBAAgB;GACjB;EACH,QACE,QAAO;GACL,SAAS;GACT,gBAAgB;GACjB;;;AAIP,MAAa,kBAAkB,UAAiB;AAC9C,SAAQ,OAAR;EACE,KAAKA,oBAAM;EACX,KAAKA,oBAAM,YACT,QAAOC,mCAAiB;EAC1B,QACE,QAAOA,mCAAiB;;;AAI9B,MAAa,4BAA4B,OAAc,SAAS,UAAU;AACxE,SAAQ,OAAR;EACE,KAAKD,oBAAM,YACT,QAAO;GACL,OAAO,SAAS,2BAA2B;GAC3C,YAAY,SACR,iCACA;GACJ,cAAc;GACd,eAAe;GAChB;EACH,QACE,QAAO;GACL,OAAO,SAAS,qBAAqB;GACrC,YAAY,SAAS,2BAA2B;GAChD,cAAc;GACd,eAAe;GAChB;;;AAIP,MAAa,8BAA8B,UAAiB;AAC1D,SAAQ,OAAR;EACE,KAAKA,oBAAM,YACT,QAAO;GACL,OAAO;GACP,YAAY;GACZ,cAAc;GACd,iBAAiB;GACjB,YAAY;GACZ,aAAa;GACb,eAAe;GACf,kBAAkB;GACnB;EACH,QACE,QAAO;GACL,OAAO;GACP,YAAY;GACZ,cAAc;GACd,iBAAiB;GACjB,YAAY;GACZ,aAAa;GACb,eAAe;GACf,kBAAkB;GACnB"}
+{"version":3,"file":"theme-CWIKvBG4.js","names":["THEME","LOGO_SYMBOL_TYPE"],"sources":["../src/hamburger-menu/utils/theme.ts"],"sourcesContent":["import { THEME, type Theme } from '../../constants/theme'\n// logo\nimport { LOGO_SYMBOL_TYPE } from '../../logo/constants'\n\nexport const selectHamburgerMenuTheme = (theme: Theme) => {\n  switch (theme) {\n    case THEME.photography:\n      return {\n        bgColor: 'bg-photo-dark',\n        scrollBarColor: '[&::-webkit-scrollbar-thumb]:bg-opacity-white-08',\n      }\n    default:\n      return {\n        bgColor: 'bg-gray-white',\n        scrollBarColor: '[&::-webkit-scrollbar-thumb]:bg-opacity-black-02',\n      }\n  }\n}\n\nexport const selectLogoType = (theme: Theme) => {\n  switch (theme) {\n    case THEME.photography:\n    case THEME.transparent:\n      return LOGO_SYMBOL_TYPE.white\n    default:\n      return LOGO_SYMBOL_TYPE.default\n  }\n}\n\nexport const selectHamburgerItemTheme = (theme: Theme, active = false) => {\n  switch (theme) {\n    case THEME.photography:\n      return {\n        color: active ? 'text-supportive-pastel' : 'text-gray-white',\n        svgBgColor: active\n          ? '[&>svg]:bg-supportive-pastel'\n          : '[&>svg]:bg-gray-white',\n        hoverBgColor: 'hover:bg-opacity-white-02',\n        activeBgColor: 'active:bg-opacity-white-05',\n      }\n    default:\n      return {\n        color: active ? 'text-brand-heavy' : 'text-gray-800',\n        svgBgColor: active ? '[&>svg]:bg-brand-heavy' : '[&>svg]:bg-gray-800',\n        hoverBgColor: 'hover:bg-gray-100',\n        activeBgColor: 'active:bg-gray-200',\n      }\n  }\n}\n\nexport const selectHamburgerFooterTheme = (theme: Theme) => {\n  switch (theme) {\n    case THEME.photography:\n      return {\n        color: 'text-gray-400',\n        hoverColor: 'hover:text-gray-400',\n        hoverBgColor: 'hover:bg-opacity-white-02',\n        svgHoverBgColor: 'hover:[&>svg]:bg-gray-400',\n        svgBgColor: '[&>svg]:bg-gray-400',\n        activeColor: 'active:text-gray-400',\n        activeBgColor: 'active:bg-opacity-white-05',\n        svgActiveBgColor: 'active:[&>svg]:bg-gray-400',\n      }\n    default:\n      return {\n        color: 'text-gray-600',\n        hoverColor: 'hover:text-gray-800',\n        hoverBgColor: 'hover:bg-gray-100',\n        svgHoverBgColor: 'hover:[&>svg]:bg-gray-800',\n        svgBgColor: '[&>svg]:bg-gray-600',\n        activeColor: 'active:text-gray-800',\n        activeBgColor: 'active:bg-gray-200',\n        svgActiveBgColor: 'active:[&>svg]:bg-gray-800',\n      }\n  }\n}\n"],"mappings":";;;;AAIA,MAAa,4BAA4B,UAAiB;AACxD,SAAQ,OAAR;EACE,KAAKA,oBAAM,YACT,QAAO;GACL,SAAS;GACT,gBAAgB;GACjB;EACH,QACE,QAAO;GACL,SAAS;GACT,gBAAgB;GACjB;;;AAIP,MAAa,kBAAkB,UAAiB;AAC9C,SAAQ,OAAR;EACE,KAAKA,oBAAM;EACX,KAAKA,oBAAM,YACT,QAAOC,mCAAiB;EAC1B,QACE,QAAOA,mCAAiB;;;AAI9B,MAAa,4BAA4B,OAAc,SAAS,UAAU;AACxE,SAAQ,OAAR;EACE,KAAKD,oBAAM,YACT,QAAO;GACL,OAAO,SAAS,2BAA2B;GAC3C,YAAY,SACR,iCACA;GACJ,cAAc;GACd,eAAe;GAChB;EACH,QACE,QAAO;GACL,OAAO,SAAS,qBAAqB;GACrC,YAAY,SAAS,2BAA2B;GAChD,cAAc;GACd,eAAe;GAChB;;;AAIP,MAAa,8BAA8B,UAAiB;AAC1D,SAAQ,OAAR;EACE,KAAKA,oBAAM,YACT,QAAO;GACL,OAAO;GACP,YAAY;GACZ,cAAc;GACd,iBAAiB;GACjB,YAAY;GACZ,aAAa;GACb,eAAe;GACf,kBAAkB;GACnB;EACH,QACE,QAAO;GACL,OAAO;GACP,YAAY;GACZ,cAAc;GACd,iBAAiB;GACjB,YAAY;GACZ,aAAa;GACb,eAAe;GACf,kBAAkB;GACnB"}

package/lib/{theme-Cbt9LjOk.mjs → theme-CfGmIUoO.mjs}

@@ -1,5 +1,5 @@
 import { THEME } from "./theme-BG6yZVj-.mjs";
-import { LOGO_TYPE } from "./constants-ZlCS0t-_.mjs";
+import { LOGO_TYPE } from "./constants-DfLtvCn3.mjs";
 
 //#region src/header/utils/theme.ts
 const selectLogoType = (theme) => {
@@ -39,4 +39,4 @@ const selectSloganTheme = (theme) => {
 
 //#endregion
 export { selectHeaderTheme, selectLogoType, selectSloganTheme };
-//# sourceMappingURL=theme-Cbt9LjOk.mjs.map
+//# sourceMappingURL=theme-CfGmIUoO.mjs.map

package/lib/{theme-Cbt9LjOk.mjs.map → theme-CfGmIUoO.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"theme-Cbt9LjOk.mjs","names":[],"sources":["../src/header/utils/theme.ts"],"sourcesContent":["import { THEME, type Theme } from '../../constants/theme'\nimport { LOGO_TYPE } from '../../logo/constants'\n\nexport const selectLogoType = (theme: Theme) => {\n  switch (theme) {\n    case THEME.photography:\n    case THEME.transparent:\n      return LOGO_TYPE.white\n    default:\n      return LOGO_TYPE.default\n  }\n}\n\nexport const selectHeaderTheme = (theme: Theme) => {\n  switch (theme) {\n    case THEME.photography:\n      return {\n        bgColor: 'bg-photo-dark',\n        topRowBgColor: 'bg-photo-dark',\n      }\n    case THEME.transparent:\n      return {\n        bgColor: 'bg-opacity-black-02',\n        topRowBgColor: 'bg-transparent',\n      }\n    case THEME.index:\n      return {\n        bgColor: 'bg-gray-white',\n        topRowBgColor: 'bg-gray-white',\n      }\n    default:\n      return {\n        bgColor: 'bg-gray-100',\n        topRowBgColor: 'bg-gray-100',\n      }\n  }\n}\n\nexport const selectSloganTheme = (theme: Theme) => {\n  switch (theme) {\n    case THEME.photography:\n    case THEME.transparent:\n      return 'text-gray-white'\n    default:\n      return 'text-gray-800'\n  }\n}\n"],"mappings":";;;;AAGA,MAAa,kBAAkB,UAAiB;AAC9C,SAAQ,OAAR;EACE,KAAK,MAAM;EACX,KAAK,MAAM,YACT,QAAO,UAAU;EACnB,QACE,QAAO,UAAU;;;AAIvB,MAAa,qBAAqB,UAAiB;AACjD,SAAQ,OAAR;EACE,KAAK,MAAM,YACT,QAAO;GACL,SAAS;GACT,eAAe;GAChB;EACH,KAAK,MAAM,YACT,QAAO;GACL,SAAS;GACT,eAAe;GAChB;EACH,KAAK,MAAM,MACT,QAAO;GACL,SAAS;GACT,eAAe;GAChB;EACH,QACE,QAAO;GACL,SAAS;GACT,eAAe;GAChB;;;AAIP,MAAa,qBAAqB,UAAiB;AACjD,SAAQ,OAAR;EACE,KAAK,MAAM;EACX,KAAK,MAAM,YACT,QAAO;EACT,QACE,QAAO"}
+{"version":3,"file":"theme-CfGmIUoO.mjs","names":[],"sources":["../src/header/utils/theme.ts"],"sourcesContent":["import { THEME, type Theme } from '../../constants/theme'\nimport { LOGO_TYPE } from '../../logo/constants'\n\nexport const selectLogoType = (theme: Theme) => {\n  switch (theme) {\n    case THEME.photography:\n    case THEME.transparent:\n      return LOGO_TYPE.white\n    default:\n      return LOGO_TYPE.default\n  }\n}\n\nexport const selectHeaderTheme = (theme: Theme) => {\n  switch (theme) {\n    case THEME.photography:\n      return {\n        bgColor: 'bg-photo-dark',\n        topRowBgColor: 'bg-photo-dark',\n      }\n    case THEME.transparent:\n      return {\n        bgColor: 'bg-opacity-black-02',\n        topRowBgColor: 'bg-transparent',\n      }\n    case THEME.index:\n      return {\n        bgColor: 'bg-gray-white',\n        topRowBgColor: 'bg-gray-white',\n      }\n    default:\n      return {\n        bgColor: 'bg-gray-100',\n        topRowBgColor: 'bg-gray-100',\n      }\n  }\n}\n\nexport const selectSloganTheme = (theme: Theme) => {\n  switch (theme) {\n    case THEME.photography:\n    case THEME.transparent:\n      return 'text-gray-white'\n    default:\n      return 'text-gray-800'\n  }\n}\n"],"mappings":";;;;AAGA,MAAa,kBAAkB,UAAiB;AAC9C,SAAQ,OAAR;EACE,KAAK,MAAM;EACX,KAAK,MAAM,YACT,QAAO,UAAU;EACnB,QACE,QAAO,UAAU;;;AAIvB,MAAa,qBAAqB,UAAiB;AACjD,SAAQ,OAAR;EACE,KAAK,MAAM,YACT,QAAO;GACL,SAAS;GACT,eAAe;GAChB;EACH,KAAK,MAAM,YACT,QAAO;GACL,SAAS;GACT,eAAe;GAChB;EACH,KAAK,MAAM,MACT,QAAO;GACL,SAAS;GACT,eAAe;GAChB;EACH,QACE,QAAO;GACL,SAAS;GACT,eAAe;GAChB;;;AAIP,MAAa,qBAAqB,UAAiB;AACjD,SAAQ,OAAR;EACE,KAAK,MAAM;EACX,KAAK,MAAM,YACT,QAAO;EACT,QACE,QAAO"}

package/lib/{theme-DZGKeUdz.js → theme-Cynd7pF9.js}

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

package/lib/{theme-DZGKeUdz.js.map → theme-Cynd7pF9.js.map}

@@ -1 +1 @@
-{"version":3,"file":"theme-DZGKeUdz.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-Cynd7pF9.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-DcgOPrC2.js → theme-ods4yogr.js}

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

package/lib/{theme-DcgOPrC2.js.map → theme-ods4yogr.js.map}

@@ -1 +1 @@
-{"version":3,"file":"theme-DcgOPrC2.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-ods4yogr.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/{theme-DkV7kMq6.mjs → theme-uDVEiufm.mjs}

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

package/lib/{theme-DkV7kMq6.mjs.map → theme-uDVEiufm.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"theme-DkV7kMq6.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-uDVEiufm.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-tgdB3gqC.js → theme-wttBp_sN.js}

@@ -1,5 +1,5 @@
 const require_theme = require('./theme-DDBlIbeS.js');
-const require_constants = require('./constants-CkmgPgze.js');
+const require_constants = require('./constants-yYOy9aLl.js');
 
 //#region src/header/utils/theme.ts
 const selectLogoType = (theme) => {
@@ -56,4 +56,4 @@ Object.defineProperty(exports, 'selectSloganTheme', {
     return selectSloganTheme;
   }
 });
-//# sourceMappingURL=theme-tgdB3gqC.js.map
+//# sourceMappingURL=theme-wttBp_sN.js.map

package/lib/{theme-tgdB3gqC.js.map → theme-wttBp_sN.js.map}

@@ -1 +1 @@
-{"version":3,"file":"theme-tgdB3gqC.js","names":["THEME","LOGO_TYPE"],"sources":["../src/header/utils/theme.ts"],"sourcesContent":["import { THEME, type Theme } from '../../constants/theme'\nimport { LOGO_TYPE } from '../../logo/constants'\n\nexport const selectLogoType = (theme: Theme) => {\n  switch (theme) {\n    case THEME.photography:\n    case THEME.transparent:\n      return LOGO_TYPE.white\n    default:\n      return LOGO_TYPE.default\n  }\n}\n\nexport const selectHeaderTheme = (theme: Theme) => {\n  switch (theme) {\n    case THEME.photography:\n      return {\n        bgColor: 'bg-photo-dark',\n        topRowBgColor: 'bg-photo-dark',\n      }\n    case THEME.transparent:\n      return {\n        bgColor: 'bg-opacity-black-02',\n        topRowBgColor: 'bg-transparent',\n      }\n    case THEME.index:\n      return {\n        bgColor: 'bg-gray-white',\n        topRowBgColor: 'bg-gray-white',\n      }\n    default:\n      return {\n        bgColor: 'bg-gray-100',\n        topRowBgColor: 'bg-gray-100',\n      }\n  }\n}\n\nexport const selectSloganTheme = (theme: Theme) => {\n  switch (theme) {\n    case THEME.photography:\n    case THEME.transparent:\n      return 'text-gray-white'\n    default:\n      return 'text-gray-800'\n  }\n}\n"],"mappings":";;;;AAGA,MAAa,kBAAkB,UAAiB;AAC9C,SAAQ,OAAR;EACE,KAAKA,oBAAM;EACX,KAAKA,oBAAM,YACT,QAAOC,4BAAU;EACnB,QACE,QAAOA,4BAAU;;;AAIvB,MAAa,qBAAqB,UAAiB;AACjD,SAAQ,OAAR;EACE,KAAKD,oBAAM,YACT,QAAO;GACL,SAAS;GACT,eAAe;GAChB;EACH,KAAKA,oBAAM,YACT,QAAO;GACL,SAAS;GACT,eAAe;GAChB;EACH,KAAKA,oBAAM,MACT,QAAO;GACL,SAAS;GACT,eAAe;GAChB;EACH,QACE,QAAO;GACL,SAAS;GACT,eAAe;GAChB;;;AAIP,MAAa,qBAAqB,UAAiB;AACjD,SAAQ,OAAR;EACE,KAAKA,oBAAM;EACX,KAAKA,oBAAM,YACT,QAAO;EACT,QACE,QAAO"}
+{"version":3,"file":"theme-wttBp_sN.js","names":["THEME","LOGO_TYPE"],"sources":["../src/header/utils/theme.ts"],"sourcesContent":["import { THEME, type Theme } from '../../constants/theme'\nimport { LOGO_TYPE } from '../../logo/constants'\n\nexport const selectLogoType = (theme: Theme) => {\n  switch (theme) {\n    case THEME.photography:\n    case THEME.transparent:\n      return LOGO_TYPE.white\n    default:\n      return LOGO_TYPE.default\n  }\n}\n\nexport const selectHeaderTheme = (theme: Theme) => {\n  switch (theme) {\n    case THEME.photography:\n      return {\n        bgColor: 'bg-photo-dark',\n        topRowBgColor: 'bg-photo-dark',\n      }\n    case THEME.transparent:\n      return {\n        bgColor: 'bg-opacity-black-02',\n        topRowBgColor: 'bg-transparent',\n      }\n    case THEME.index:\n      return {\n        bgColor: 'bg-gray-white',\n        topRowBgColor: 'bg-gray-white',\n      }\n    default:\n      return {\n        bgColor: 'bg-gray-100',\n        topRowBgColor: 'bg-gray-100',\n      }\n  }\n}\n\nexport const selectSloganTheme = (theme: Theme) => {\n  switch (theme) {\n    case THEME.photography:\n    case THEME.transparent:\n      return 'text-gray-white'\n    default:\n      return 'text-gray-800'\n  }\n}\n"],"mappings":";;;;AAGA,MAAa,kBAAkB,UAAiB;AAC9C,SAAQ,OAAR;EACE,KAAKA,oBAAM;EACX,KAAKA,oBAAM,YACT,QAAOC,4BAAU;EACnB,QACE,QAAOA,4BAAU;;;AAIvB,MAAa,qBAAqB,UAAiB;AACjD,SAAQ,OAAR;EACE,KAAKD,oBAAM,YACT,QAAO;GACL,SAAS;GACT,eAAe;GAChB;EACH,KAAKA,oBAAM,YACT,QAAO;GACL,SAAS;GACT,eAAe;GAChB;EACH,KAAKA,oBAAM,MACT,QAAO;GACL,SAAS;GACT,eAAe;GAChB;EACH,QACE,QAAO;GACL,SAAS;GACT,eAAe;GAChB;;;AAIP,MAAa,qBAAqB,UAAiB;AACjD,SAAQ,OAAR;EACE,KAAKA,oBAAM;EACX,KAAKA,oBAAM,YACT,QAAO;EACT,QACE,QAAO"}

package/lib/title-bar/components/title-tab/hook.d.mts

@@ -1,7 +1,7 @@
-import * as react14 from "react";
+import * as react22 from "react";
 
 //#region src/title-bar/components/title-tab/hook.d.ts
-declare const useScrollStatus: (setShowNext: (show: boolean) => void) => react14.RefObject<HTMLDivElement | null>;
+declare const useScrollStatus: (setShowNext: (show: boolean) => void) => react22.RefObject<HTMLDivElement | null>;
 //#endregion
 export { useScrollStatus };
 //# sourceMappingURL=hook.d.mts.map

package/lib/title-bar/components/title-tab/hook.d.ts

@@ -1,7 +1,7 @@
-import * as react22 from "react";
+import * as react15 from "react";
 
 //#region src/title-bar/components/title-tab/hook.d.ts
-declare const useScrollStatus: (setShowNext: (show: boolean) => void) => react22.RefObject<HTMLDivElement | null>;
+declare const useScrollStatus: (setShowNext: (show: boolean) => void) => react15.RefObject<HTMLDivElement | null>;
 //#endregion
 export { useScrollStatus };
 //# sourceMappingURL=hook.d.ts.map

package/lib/title-bar/components/title-tab/index.js

@@ -12,12 +12,12 @@ require('../../../pill-button-CNbShnjT.js');
 require('../../../theme-B4rsurcB.js');
 require('../../../icon-with-text-button-DOj_-gz0.js');
 require('../../../button-BLRV4Hwe.js');
-require('../../../external-link-Dnw1WSM1.js');
-require('../../../internal-link-CKuvpRC8.js');
-require('../../../customized-link-DoNAVCRa.js');
+require('../../../external-link-N6pHzsZ9.js');
+require('../../../internal-link-CQYfLFmN.js');
+require('../../../customized-link-BQWDtLYD.js');
 require('../../../heading-D5Lv6X0M.js');
 require('../../../hook-DUH3wp9d.js');
-require('../../../tab-item-BLf_p9Qi.js');
-const require_title_tab = require('../../../title-tab-BRQQyX8-.js');
+require('../../../tab-item-DVJ6vhql.js');
+const require_title_tab = require('../../../title-tab-Bzo2mEUS.js');
 
 module.exports = require_title_tab.title_tab_default;

package/lib/title-bar/components/title-tab/index.mjs

@@ -13,11 +13,11 @@ import "../../../pill-button-y0eh5cgT.mjs";
 import "../../../theme-CKrQVNS4.mjs";
 import "../../../icon-with-text-button-CTWmp6He.mjs";
 import "../../../button-ubJKEMLe.mjs";
-import "../../../external-link-DrDvZqvE.mjs";
-import "../../../customized-link-KNmVReo7.mjs";
+import "../../../external-link-B7TYHbGX.mjs";
+import "../../../customized-link-B4xfnPSR.mjs";
 import "../../../heading-BVKLYfXi.mjs";
 import "../../../hook-DGSr4R5I.mjs";
-import "../../../tab-item-NrRakHlM.mjs";
-import { title_tab_default } from "../../../title-tab-ClfJ1n88.mjs";
+import "../../../tab-item-DefWiW0b.mjs";
+import { title_tab_default } from "../../../title-tab-DyTYe4dn.mjs";
 
 export { title_tab_default as default };

package/lib/title-bar/components/title-tab/tab-item.js

@@ -12,9 +12,9 @@ require('../../../pill-button-CNbShnjT.js');
 require('../../../theme-B4rsurcB.js');
 require('../../../icon-with-text-button-DOj_-gz0.js');
 require('../../../button-BLRV4Hwe.js');
-require('../../../external-link-Dnw1WSM1.js');
-require('../../../internal-link-CKuvpRC8.js');
-require('../../../customized-link-DoNAVCRa.js');
-const require_tab_item = require('../../../tab-item-BLf_p9Qi.js');
+require('../../../external-link-N6pHzsZ9.js');
+require('../../../internal-link-CQYfLFmN.js');
+require('../../../customized-link-BQWDtLYD.js');
+const require_tab_item = require('../../../tab-item-DVJ6vhql.js');
 
 module.exports = require_tab_item.tab_item_default;

package/lib/title-bar/components/title-tab/tab-item.mjs

@@ -13,8 +13,8 @@ import "../../../pill-button-y0eh5cgT.mjs";
 import "../../../theme-CKrQVNS4.mjs";
 import "../../../icon-with-text-button-CTWmp6He.mjs";
 import "../../../button-ubJKEMLe.mjs";
-import "../../../external-link-DrDvZqvE.mjs";
-import "../../../customized-link-KNmVReo7.mjs";
-import { tab_item_default } from "../../../tab-item-NrRakHlM.mjs";
+import "../../../external-link-B7TYHbGX.mjs";
+import "../../../customized-link-B4xfnPSR.mjs";
+import { tab_item_default } from "../../../tab-item-DefWiW0b.mjs";
 
 export { tab_item_default as default };

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

@@ -2,22 +2,22 @@ import { Tab } from "../type-CeVcN-Qd.mjs";
 import { TitleTab } from "../index-D6x__0gM.mjs";
 import { Title1 } from "../title1-DMIzZ_Ce.mjs";
 import { Title2 } from "../title2-DxioNGe1.mjs";
-import * as react11 from "react";
+import * as react17 from "react";
 
 //#region src/title-bar/index.d.ts
 declare const _default: {
-  Title2: react11.FC<{
+  Title2: react17.FC<{
     title: string;
     subtitle?: string;
     renderButton?: React.ReactNode;
     className?: string;
   }>;
-  Title1: react11.FC<{
+  Title1: react17.FC<{
     title: string;
     subtitle?: string;
     className?: string;
   }>;
-  TitleTab: react11.FC<{
+  TitleTab: react17.FC<{
     title: string;
     tabs: Tab[];
     activeTabIndex?: number;