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

package/lib/customized-link/type.d.mts

@@ -1,2 +1,2 @@
-import { CustomizedLinkProps, LinkTarget } from "../type-Dons5TOa.mjs";
+import { CustomizedLinkProps, LinkTarget } from "../type-DGvbr3Rm.mjs";
 export { CustomizedLinkProps, LinkTarget };

package/lib/customized-link/type.d.ts

@@ -1,2 +1,2 @@
-import { CustomizedLinkProps, LinkTarget } from "../type-C4hJK9H9.js";
+import { CustomizedLinkProps, LinkTarget } from "../type-ubTUOk6A.js";
 export { CustomizedLinkProps, LinkTarget };

package/lib/{customized-link-DnaZxeKK.mjs → customized-link-BacydHK_.mjs}

@@ -1,5 +1,5 @@
-import { internal_link_default } from "./internal-link-NQb751uB.mjs";
-import { external_link_default } from "./external-link-DXT5ep5-.mjs";
+import { internal_link_default } from "./internal-link-DCXJvzgx.mjs";
+import { external_link_default } from "./external-link-Diro-q37.mjs";
 
 //#region src/customized-link/index.ts
 var customized_link_default = {
@@ -9,4 +9,4 @@ var customized_link_default = {
 
 //#endregion
 export { customized_link_default };
-//# sourceMappingURL=customized-link-DnaZxeKK.mjs.map
+//# sourceMappingURL=customized-link-BacydHK_.mjs.map

package/lib/{customized-link-DnaZxeKK.mjs.map → customized-link-BacydHK_.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"customized-link-DnaZxeKK.mjs","names":[],"sources":["../src/customized-link/index.ts"],"sourcesContent":["import ExternalLink from './external-link'\nimport InternalLink from './internal-link'\n\nexport { ExternalLink, InternalLink }\n\nexport default {\n  ExternalLink,\n  InternalLink,\n}\n"],"mappings":";;;;AAKA,8BAAe;CACb;CACA;CACD"}
+{"version":3,"file":"customized-link-BacydHK_.mjs","names":[],"sources":["../src/customized-link/index.ts"],"sourcesContent":["import ExternalLink from './external-link'\nimport InternalLink from './internal-link'\n\nexport { ExternalLink, InternalLink }\n\nexport default {\n  ExternalLink,\n  InternalLink,\n}\n"],"mappings":";;;;AAKA,8BAAe;CACb;CACA;CACD"}

package/lib/{customized-link-DqW2a8oZ.js → customized-link-CHH91yod.js}

@@ -1,5 +1,5 @@
-const require_external_link = require('./external-link-DoBTwlV3.js');
-const require_internal_link = require('./internal-link-B9ExuJfg.js');
+const require_external_link = require('./external-link-afU9uFB6.js');
+const require_internal_link = require('./internal-link-Bq4yp13E.js');
 
 //#region src/customized-link/index.ts
 var customized_link_default = {
@@ -14,4 +14,4 @@ Object.defineProperty(exports, 'customized_link_default', {
     return customized_link_default;
   }
 });
-//# sourceMappingURL=customized-link-DqW2a8oZ.js.map
+//# sourceMappingURL=customized-link-CHH91yod.js.map

package/lib/{customized-link-DqW2a8oZ.js.map → customized-link-CHH91yod.js.map}

@@ -1 +1 @@
-{"version":3,"file":"customized-link-DqW2a8oZ.js","names":[],"sources":["../src/customized-link/index.ts"],"sourcesContent":["import ExternalLink from './external-link'\nimport InternalLink from './internal-link'\n\nexport { ExternalLink, InternalLink }\n\nexport default {\n  ExternalLink,\n  InternalLink,\n}\n"],"mappings":";;;;AAKA,8BAAe;CACb;CACA;CACD"}
+{"version":3,"file":"customized-link-CHH91yod.js","names":[],"sources":["../src/customized-link/index.ts"],"sourcesContent":["import ExternalLink from './external-link'\nimport InternalLink from './internal-link'\n\nexport { ExternalLink, InternalLink }\n\nexport default {\n  ExternalLink,\n  InternalLink,\n}\n"],"mappings":";;;;AAKA,8BAAe;CACb;CACA;CACD"}

package/lib/divider/constants.d.mts

@@ -1,3 +1,3 @@
-import "../index-B0aBR23L.mjs";
-import { DIRECTION, Direction } from "../constants-CwFazfN4.mjs";
+import "../index-DegwO8ei.mjs";
+import { DIRECTION, Direction } from "../constants-B5th6nHM.mjs";
 export { DIRECTION, Direction };

package/lib/divider/index.d.mts

@@ -1,5 +1,5 @@
-import "../index-B0aBR23L.mjs";
-import { DIRECTION, Direction } from "../constants-CwFazfN4.mjs";
+import "../index-DegwO8ei.mjs";
+import { DIRECTION, Direction } from "../constants-B5th6nHM.mjs";
 import React from "react";
 
 //#region src/divider/index.d.ts

package/lib/dropdown-menu/index.d.mts

@@ -1,4 +1,4 @@
-import { LinkTarget } from "../type-Dons5TOa.mjs";
+import { LinkTarget } from "../type-DGvbr3Rm.mjs";
 import { FC } from "react";
 
 //#region src/dropdown-menu/index.d.ts

package/lib/dropdown-menu/index.d.ts

@@ -1,4 +1,4 @@
-import { LinkTarget } from "../type-C4hJK9H9.js";
+import { LinkTarget } from "../type-ubTUOk6A.js";
 import { FC } from "react";
 
 //#region src/dropdown-menu/index.d.ts

package/lib/dropdown-menu/index.js

@@ -2,13 +2,13 @@ require('../constants-Cndhv6qr.js');
 require('../paragraph-iuz3jP0Q.js');
 require('../theme-DDBlIbeS.js');
 require('../release-branch-CRZV4Ivz.js');
-require('../external-link-DoBTwlV3.js');
-require('../internal-link-B9ExuJfg.js');
-require('../customized-link-DqW2a8oZ.js');
+require('../external-link-afU9uFB6.js');
+require('../internal-link-Bq4yp13E.js');
+require('../customized-link-CHH91yod.js');
 require('../context-I1lTR5SO.js');
 require('../constants-D8wNUvoZ.js');
 require('../icons-qP5oNB0W.js');
 require('../constants-C2moxnps.js');
-const require_dropdown_menu = require('../dropdown-menu-BAqmP8qa.js');
+const require_dropdown_menu = require('../dropdown-menu-D4XjLl7G.js');
 
 exports.DropdownMenu = require_dropdown_menu.DropdownMenu;

package/lib/dropdown-menu/index.mjs

@@ -1,14 +1,14 @@
-import "../internal-link-NQb751uB.mjs";
+import "../internal-link-DCXJvzgx.mjs";
 import "../constants-CBSEPx91.mjs";
 import "../paragraph-Cf9jr8RF.mjs";
 import "../theme-BG6yZVj-.mjs";
 import "../release-branch-DNCD1uH_.mjs";
-import "../external-link-DXT5ep5-.mjs";
-import "../customized-link-DnaZxeKK.mjs";
+import "../external-link-Diro-q37.mjs";
+import "../customized-link-BacydHK_.mjs";
 import "../context-BgdqM3zA.mjs";
 import "../constants-5phfWHvb.mjs";
 import "../icons-I7T-auOQ.mjs";
 import "../constants-DRxdMM_X.mjs";
-import { DropdownMenu } from "../dropdown-menu-D7VNOiIl.mjs";
+import { DropdownMenu } from "../dropdown-menu-jbg-kt3s.mjs";
 
 export { DropdownMenu };

package/lib/{dropdown-menu-BAqmP8qa.js → dropdown-menu-D4XjLl7G.js}

@@ -1,8 +1,8 @@
 const require_chunk = require('./chunk-BxBTb9qk.js');
 const require_paragraph = require('./paragraph-iuz3jP0Q.js');
 const require_theme = require('./theme-DDBlIbeS.js');
-const require_external_link = require('./external-link-DoBTwlV3.js');
-const require_internal_link = require('./internal-link-B9ExuJfg.js');
+const require_external_link = require('./external-link-afU9uFB6.js');
+const require_internal_link = require('./internal-link-Bq4yp13E.js');
 const require_context = require('./context-I1lTR5SO.js');
 const require_icons = require('./icons-qP5oNB0W.js');
 const require_constants = require('./constants-C2moxnps.js');
@@ -147,4 +147,4 @@ Object.defineProperty(exports, 'selectLogoType', {
     return selectLogoType;
   }
 });
-//# sourceMappingURL=dropdown-menu-BAqmP8qa.js.map
+//# sourceMappingURL=dropdown-menu-D4XjLl7G.js.map

package/lib/{dropdown-menu-BAqmP8qa.js.map → dropdown-menu-D4XjLl7G.js.map}

@@ -1 +1 @@
-{"version":3,"file":"dropdown-menu-BAqmP8qa.js","names":["THEME","LOGO_SYMBOL_TYPE","DropdownMenuItem: FC<{\n  label: string\n}>","HeaderContext","P2","DropdownMenu: FC<DropdownMenuProps>","HeaderContext","ExternalLink","InternalLink","P1","Arrow","DropdownMenuItem"],"sources":["../src/hamburger-menu/utils/theme.ts","../src/dropdown-menu/dropdown-menu-item/index.tsx","../src/dropdown-menu/index.tsx"],"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","import { useContext, type FC } from 'react'\nimport clsx from 'clsx'\n// context\nimport { HeaderContext } from '../../header/context'\n// theme\nimport { selectHamburgerItemTheme } from '../../hamburger-menu/utils/theme'\n// text\nimport { P2 } from '../../text/paragraph'\nconst DropdownMenuItem: FC<{\n  label: string\n}> = ({ label }) => {\n  const { theme } = useContext(HeaderContext)\n  const { color, hoverBgColor, activeBgColor } = selectHamburgerItemTheme(theme)\n  return (\n    <div\n      className={clsx(\n        'py-[8px] pl-[48px] pr-[32px] cursor-pointer',\n        color,\n        hoverBgColor,\n        activeBgColor\n      )}\n    >\n      <P2 text={label} weight={P2.Weight.bold} />\n    </div>\n  )\n}\n\nexport default DropdownMenuItem\n","import { useContext, type FC } from 'react'\nimport clsx from 'clsx'\n// context\nimport { HeaderContext } from '../header/context'\n// text\nimport { P1 } from '../text/paragraph'\n// icons\nimport { Arrow } from '../icons'\n// theme\nimport { selectHamburgerItemTheme } from '../hamburger-menu/utils/theme'\n// components\nimport DropdownMenuItem from './dropdown-menu-item'\n// link\nimport { ExternalLink, InternalLink } from '../customized-link'\nimport type { LinkTarget } from '../customized-link/type'\n\ntype DropdownMenuProps = {\n  text?: string\n  isActive?: boolean\n  dropdownItems: { label: string; to: string; target: LinkTarget }[]\n}\nconst DropdownMenu: FC<DropdownMenuProps> = ({\n  text = '',\n  isActive = false,\n  dropdownItems = [],\n}) => {\n  const { theme, releaseBranch, isLinkExternal } = useContext(HeaderContext)\n  const { color, svgBgColor, hoverBgColor, activeBgColor } =\n    selectHamburgerItemTheme(theme, isActive)\n  const LinkComponent = isLinkExternal ? ExternalLink : InternalLink\n  return (\n    <>\n      <div\n        className={clsx(\n          'flex items-center justify-between cursor-pointer py-[8px] px-[32px]',\n          '[&>svg]:transition-all [&>svg]:duration-300',\n          svgBgColor,\n          color,\n          hoverBgColor,\n          isActive ? `[&>svg]:-rotate-[180deg]` : '[&>svg]:rotate-[0deg]',\n          isActive ? activeBgColor : ''\n        )}\n      >\n        <P1 text={text} weight={P1.Weight.bold} />\n        <Arrow direction=\"down\" releaseBranch={releaseBranch} />\n      </div>\n      <div\n        className={clsx(\n          'overflow-hidden transition-all duration-300 ease-in-out',\n          isActive ? 'max-h-[300px]' : 'max-h-0'\n        )}\n      >\n        {dropdownItems.map((itme) => {\n          return (\n            <LinkComponent to={itme.to} target={itme.target} key={itme.label}>\n              <DropdownMenuItem label={itme.label} />\n            </LinkComponent>\n          )\n        })}\n      </div>\n    </>\n  )\n}\n\nexport { DropdownMenu }\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;;;;;;ACjEP,MAAME,oBAEA,EAAE,YAAY;CAClB,MAAM,EAAE,gCAAqBC,8BAAc;CAC3C,MAAM,EAAE,OAAO,cAAc,kBAAkB,yBAAyB,MAAM;AAC9E,QACE,2CAAC;EACC,6BACE,+CACA,OACA,cACA,cACD;YAED,2CAACC;GAAG,MAAM;GAAO,QAAQA,qBAAG,OAAO;IAAQ;GACvC;;AAIV,iCAAe;;;;ACNf,MAAMC,gBAAuC,EAC3C,OAAO,IACP,WAAW,OACX,gBAAgB,EAAE,OACd;CACJ,MAAM,EAAE,OAAO,eAAe,yCAA8BC,8BAAc;CAC1E,MAAM,EAAE,OAAO,YAAY,cAAc,kBACvC,yBAAyB,OAAO,SAAS;CAC3C,MAAM,gBAAgB,iBAAiBC,8CAAeC;AACtD,QACE,qFACE,4CAAC;EACC,6BACE,uEACA,+CACA,YACA,OACA,cACA,WAAW,6BAA6B,yBACxC,WAAW,gBAAgB,GAC5B;aAED,2CAACC;GAAS;GAAM,QAAQA,qBAAG,OAAO;IAAQ,EAC1C,2CAACC;GAAM,WAAU;GAAsB;IAAiB;GACpD,EACN,2CAAC;EACC,6BACE,2DACA,WAAW,kBAAkB,UAC9B;YAEA,cAAc,KAAK,SAAS;AAC3B,UACE,2CAAC;IAAc,IAAI,KAAK;IAAI,QAAQ,KAAK;cACvC,2CAACC,8BAAiB,OAAO,KAAK,QAAS;MADa,KAAK,MAE3C;IAElB;GACE,IACL"}
+{"version":3,"file":"dropdown-menu-D4XjLl7G.js","names":["THEME","LOGO_SYMBOL_TYPE","DropdownMenuItem: FC<{\n  label: string\n}>","HeaderContext","P2","DropdownMenu: FC<DropdownMenuProps>","HeaderContext","ExternalLink","InternalLink","P1","Arrow","DropdownMenuItem"],"sources":["../src/hamburger-menu/utils/theme.ts","../src/dropdown-menu/dropdown-menu-item/index.tsx","../src/dropdown-menu/index.tsx"],"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","import { useContext, type FC } from 'react'\nimport clsx from 'clsx'\n// context\nimport { HeaderContext } from '../../header/context'\n// theme\nimport { selectHamburgerItemTheme } from '../../hamburger-menu/utils/theme'\n// text\nimport { P2 } from '../../text/paragraph'\nconst DropdownMenuItem: FC<{\n  label: string\n}> = ({ label }) => {\n  const { theme } = useContext(HeaderContext)\n  const { color, hoverBgColor, activeBgColor } = selectHamburgerItemTheme(theme)\n  return (\n    <div\n      className={clsx(\n        'py-[8px] pl-[48px] pr-[32px] cursor-pointer',\n        color,\n        hoverBgColor,\n        activeBgColor\n      )}\n    >\n      <P2 text={label} weight={P2.Weight.bold} />\n    </div>\n  )\n}\n\nexport default DropdownMenuItem\n","import { useContext, type FC } from 'react'\nimport clsx from 'clsx'\n// context\nimport { HeaderContext } from '../header/context'\n// text\nimport { P1 } from '../text/paragraph'\n// icons\nimport { Arrow } from '../icons'\n// theme\nimport { selectHamburgerItemTheme } from '../hamburger-menu/utils/theme'\n// components\nimport DropdownMenuItem from './dropdown-menu-item'\n// link\nimport { ExternalLink, InternalLink } from '../customized-link'\nimport type { LinkTarget } from '../customized-link/type'\n\ntype DropdownMenuProps = {\n  text?: string\n  isActive?: boolean\n  dropdownItems: { label: string; to: string; target: LinkTarget }[]\n}\nconst DropdownMenu: FC<DropdownMenuProps> = ({\n  text = '',\n  isActive = false,\n  dropdownItems = [],\n}) => {\n  const { theme, releaseBranch, isLinkExternal } = useContext(HeaderContext)\n  const { color, svgBgColor, hoverBgColor, activeBgColor } =\n    selectHamburgerItemTheme(theme, isActive)\n  const LinkComponent = isLinkExternal ? ExternalLink : InternalLink\n  return (\n    <>\n      <div\n        className={clsx(\n          'flex items-center justify-between cursor-pointer py-[8px] px-[32px]',\n          '[&>svg]:transition-all [&>svg]:duration-300',\n          svgBgColor,\n          color,\n          hoverBgColor,\n          isActive ? `[&>svg]:-rotate-[180deg]` : '[&>svg]:rotate-[0deg]',\n          isActive ? activeBgColor : ''\n        )}\n      >\n        <P1 text={text} weight={P1.Weight.bold} />\n        <Arrow direction=\"down\" releaseBranch={releaseBranch} />\n      </div>\n      <div\n        className={clsx(\n          'overflow-hidden transition-all duration-300 ease-in-out',\n          isActive ? 'max-h-[300px]' : 'max-h-0'\n        )}\n      >\n        {dropdownItems.map((itme) => {\n          return (\n            <LinkComponent to={itme.to} target={itme.target} key={itme.label}>\n              <DropdownMenuItem label={itme.label} />\n            </LinkComponent>\n          )\n        })}\n      </div>\n    </>\n  )\n}\n\nexport { DropdownMenu }\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;;;;;;ACjEP,MAAME,oBAEA,EAAE,YAAY;CAClB,MAAM,EAAE,gCAAqBC,8BAAc;CAC3C,MAAM,EAAE,OAAO,cAAc,kBAAkB,yBAAyB,MAAM;AAC9E,QACE,2CAAC;EACC,6BACE,+CACA,OACA,cACA,cACD;YAED,2CAACC;GAAG,MAAM;GAAO,QAAQA,qBAAG,OAAO;IAAQ;GACvC;;AAIV,iCAAe;;;;ACNf,MAAMC,gBAAuC,EAC3C,OAAO,IACP,WAAW,OACX,gBAAgB,EAAE,OACd;CACJ,MAAM,EAAE,OAAO,eAAe,yCAA8BC,8BAAc;CAC1E,MAAM,EAAE,OAAO,YAAY,cAAc,kBACvC,yBAAyB,OAAO,SAAS;CAC3C,MAAM,gBAAgB,iBAAiBC,8CAAeC;AACtD,QACE,qFACE,4CAAC;EACC,6BACE,uEACA,+CACA,YACA,OACA,cACA,WAAW,6BAA6B,yBACxC,WAAW,gBAAgB,GAC5B;aAED,2CAACC;GAAS;GAAM,QAAQA,qBAAG,OAAO;IAAQ,EAC1C,2CAACC;GAAM,WAAU;GAAsB;IAAiB;GACpD,EACN,2CAAC;EACC,6BACE,2DACA,WAAW,kBAAkB,UAC9B;YAEA,cAAc,KAAK,SAAS;AAC3B,UACE,2CAAC;IAAc,IAAI,KAAK;IAAI,QAAQ,KAAK;cACvC,2CAACC,8BAAiB,OAAO,KAAK,QAAS;MADa,KAAK,MAE3C;IAElB;GACE,IACL"}

package/lib/{dropdown-menu-D7VNOiIl.mjs → dropdown-menu-jbg-kt3s.mjs}

@@ -1,7 +1,7 @@
-import { internal_link_default } from "./internal-link-NQb751uB.mjs";
+import { internal_link_default } from "./internal-link-DCXJvzgx.mjs";
 import { P1, P2 } from "./paragraph-Cf9jr8RF.mjs";
 import { THEME } from "./theme-BG6yZVj-.mjs";
-import { external_link_default } from "./external-link-DXT5ep5-.mjs";
+import { external_link_default } from "./external-link-Diro-q37.mjs";
 import { HeaderContext } from "./context-BgdqM3zA.mjs";
 import { Arrow } from "./icons-I7T-auOQ.mjs";
 import { LOGO_SYMBOL_TYPE } from "./constants-DRxdMM_X.mjs";
@@ -114,4 +114,4 @@ const DropdownMenu = ({ text = "", isActive = false, dropdownItems = [] }) => {
 
 //#endregion
 export { DropdownMenu, selectHamburgerFooterTheme, selectHamburgerItemTheme, selectHamburgerMenuTheme, selectLogoType };
-//# sourceMappingURL=dropdown-menu-D7VNOiIl.mjs.map
+//# sourceMappingURL=dropdown-menu-jbg-kt3s.mjs.map

package/lib/{dropdown-menu-D7VNOiIl.mjs.map → dropdown-menu-jbg-kt3s.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"dropdown-menu-D7VNOiIl.mjs","names":["DropdownMenuItem: FC<{\n  label: string\n}>","DropdownMenu: FC<DropdownMenuProps>","ExternalLink","InternalLink","DropdownMenuItem"],"sources":["../src/hamburger-menu/utils/theme.ts","../src/dropdown-menu/dropdown-menu-item/index.tsx","../src/dropdown-menu/index.tsx"],"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","import { useContext, type FC } from 'react'\nimport clsx from 'clsx'\n// context\nimport { HeaderContext } from '../../header/context'\n// theme\nimport { selectHamburgerItemTheme } from '../../hamburger-menu/utils/theme'\n// text\nimport { P2 } from '../../text/paragraph'\nconst DropdownMenuItem: FC<{\n  label: string\n}> = ({ label }) => {\n  const { theme } = useContext(HeaderContext)\n  const { color, hoverBgColor, activeBgColor } = selectHamburgerItemTheme(theme)\n  return (\n    <div\n      className={clsx(\n        'py-[8px] pl-[48px] pr-[32px] cursor-pointer',\n        color,\n        hoverBgColor,\n        activeBgColor\n      )}\n    >\n      <P2 text={label} weight={P2.Weight.bold} />\n    </div>\n  )\n}\n\nexport default DropdownMenuItem\n","import { useContext, type FC } from 'react'\nimport clsx from 'clsx'\n// context\nimport { HeaderContext } from '../header/context'\n// text\nimport { P1 } from '../text/paragraph'\n// icons\nimport { Arrow } from '../icons'\n// theme\nimport { selectHamburgerItemTheme } from '../hamburger-menu/utils/theme'\n// components\nimport DropdownMenuItem from './dropdown-menu-item'\n// link\nimport { ExternalLink, InternalLink } from '../customized-link'\nimport type { LinkTarget } from '../customized-link/type'\n\ntype DropdownMenuProps = {\n  text?: string\n  isActive?: boolean\n  dropdownItems: { label: string; to: string; target: LinkTarget }[]\n}\nconst DropdownMenu: FC<DropdownMenuProps> = ({\n  text = '',\n  isActive = false,\n  dropdownItems = [],\n}) => {\n  const { theme, releaseBranch, isLinkExternal } = useContext(HeaderContext)\n  const { color, svgBgColor, hoverBgColor, activeBgColor } =\n    selectHamburgerItemTheme(theme, isActive)\n  const LinkComponent = isLinkExternal ? ExternalLink : InternalLink\n  return (\n    <>\n      <div\n        className={clsx(\n          'flex items-center justify-between cursor-pointer py-[8px] px-[32px]',\n          '[&>svg]:transition-all [&>svg]:duration-300',\n          svgBgColor,\n          color,\n          hoverBgColor,\n          isActive ? `[&>svg]:-rotate-[180deg]` : '[&>svg]:rotate-[0deg]',\n          isActive ? activeBgColor : ''\n        )}\n      >\n        <P1 text={text} weight={P1.Weight.bold} />\n        <Arrow direction=\"down\" releaseBranch={releaseBranch} />\n      </div>\n      <div\n        className={clsx(\n          'overflow-hidden transition-all duration-300 ease-in-out',\n          isActive ? 'max-h-[300px]' : 'max-h-0'\n        )}\n      >\n        {dropdownItems.map((itme) => {\n          return (\n            <LinkComponent to={itme.to} target={itme.target} key={itme.label}>\n              <DropdownMenuItem label={itme.label} />\n            </LinkComponent>\n          )\n        })}\n      </div>\n    </>\n  )\n}\n\nexport { DropdownMenu }\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;;;;;;ACjEP,MAAMA,oBAEA,EAAE,YAAY;CAClB,MAAM,EAAE,UAAU,WAAW,cAAc;CAC3C,MAAM,EAAE,OAAO,cAAc,kBAAkB,yBAAyB,MAAM;AAC9E,QACE,oBAAC;EACC,WAAW,KACT,+CACA,OACA,cACA,cACD;YAED,oBAAC;GAAG,MAAM;GAAO,QAAQ,GAAG,OAAO;IAAQ;GACvC;;AAIV,iCAAe;;;;ACNf,MAAMC,gBAAuC,EAC3C,OAAO,IACP,WAAW,OACX,gBAAgB,EAAE,OACd;CACJ,MAAM,EAAE,OAAO,eAAe,mBAAmB,WAAW,cAAc;CAC1E,MAAM,EAAE,OAAO,YAAY,cAAc,kBACvC,yBAAyB,OAAO,SAAS;CAC3C,MAAM,gBAAgB,iBAAiBC,wBAAeC;AACtD,QACE,4CACE,qBAAC;EACC,WAAW,KACT,uEACA,+CACA,YACA,OACA,cACA,WAAW,6BAA6B,yBACxC,WAAW,gBAAgB,GAC5B;aAED,oBAAC;GAAS;GAAM,QAAQ,GAAG,OAAO;IAAQ,EAC1C,oBAAC;GAAM,WAAU;GAAsB;IAAiB;GACpD,EACN,oBAAC;EACC,WAAW,KACT,2DACA,WAAW,kBAAkB,UAC9B;YAEA,cAAc,KAAK,SAAS;AAC3B,UACE,oBAAC;IAAc,IAAI,KAAK;IAAI,QAAQ,KAAK;cACvC,oBAACC,8BAAiB,OAAO,KAAK,QAAS;MADa,KAAK,MAE3C;IAElB;GACE,IACL"}
+{"version":3,"file":"dropdown-menu-jbg-kt3s.mjs","names":["DropdownMenuItem: FC<{\n  label: string\n}>","DropdownMenu: FC<DropdownMenuProps>","ExternalLink","InternalLink","DropdownMenuItem"],"sources":["../src/hamburger-menu/utils/theme.ts","../src/dropdown-menu/dropdown-menu-item/index.tsx","../src/dropdown-menu/index.tsx"],"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","import { useContext, type FC } from 'react'\nimport clsx from 'clsx'\n// context\nimport { HeaderContext } from '../../header/context'\n// theme\nimport { selectHamburgerItemTheme } from '../../hamburger-menu/utils/theme'\n// text\nimport { P2 } from '../../text/paragraph'\nconst DropdownMenuItem: FC<{\n  label: string\n}> = ({ label }) => {\n  const { theme } = useContext(HeaderContext)\n  const { color, hoverBgColor, activeBgColor } = selectHamburgerItemTheme(theme)\n  return (\n    <div\n      className={clsx(\n        'py-[8px] pl-[48px] pr-[32px] cursor-pointer',\n        color,\n        hoverBgColor,\n        activeBgColor\n      )}\n    >\n      <P2 text={label} weight={P2.Weight.bold} />\n    </div>\n  )\n}\n\nexport default DropdownMenuItem\n","import { useContext, type FC } from 'react'\nimport clsx from 'clsx'\n// context\nimport { HeaderContext } from '../header/context'\n// text\nimport { P1 } from '../text/paragraph'\n// icons\nimport { Arrow } from '../icons'\n// theme\nimport { selectHamburgerItemTheme } from '../hamburger-menu/utils/theme'\n// components\nimport DropdownMenuItem from './dropdown-menu-item'\n// link\nimport { ExternalLink, InternalLink } from '../customized-link'\nimport type { LinkTarget } from '../customized-link/type'\n\ntype DropdownMenuProps = {\n  text?: string\n  isActive?: boolean\n  dropdownItems: { label: string; to: string; target: LinkTarget }[]\n}\nconst DropdownMenu: FC<DropdownMenuProps> = ({\n  text = '',\n  isActive = false,\n  dropdownItems = [],\n}) => {\n  const { theme, releaseBranch, isLinkExternal } = useContext(HeaderContext)\n  const { color, svgBgColor, hoverBgColor, activeBgColor } =\n    selectHamburgerItemTheme(theme, isActive)\n  const LinkComponent = isLinkExternal ? ExternalLink : InternalLink\n  return (\n    <>\n      <div\n        className={clsx(\n          'flex items-center justify-between cursor-pointer py-[8px] px-[32px]',\n          '[&>svg]:transition-all [&>svg]:duration-300',\n          svgBgColor,\n          color,\n          hoverBgColor,\n          isActive ? `[&>svg]:-rotate-[180deg]` : '[&>svg]:rotate-[0deg]',\n          isActive ? activeBgColor : ''\n        )}\n      >\n        <P1 text={text} weight={P1.Weight.bold} />\n        <Arrow direction=\"down\" releaseBranch={releaseBranch} />\n      </div>\n      <div\n        className={clsx(\n          'overflow-hidden transition-all duration-300 ease-in-out',\n          isActive ? 'max-h-[300px]' : 'max-h-0'\n        )}\n      >\n        {dropdownItems.map((itme) => {\n          return (\n            <LinkComponent to={itme.to} target={itme.target} key={itme.label}>\n              <DropdownMenuItem label={itme.label} />\n            </LinkComponent>\n          )\n        })}\n      </div>\n    </>\n  )\n}\n\nexport { DropdownMenu }\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;;;;;;ACjEP,MAAMA,oBAEA,EAAE,YAAY;CAClB,MAAM,EAAE,UAAU,WAAW,cAAc;CAC3C,MAAM,EAAE,OAAO,cAAc,kBAAkB,yBAAyB,MAAM;AAC9E,QACE,oBAAC;EACC,WAAW,KACT,+CACA,OACA,cACA,cACD;YAED,oBAAC;GAAG,MAAM;GAAO,QAAQ,GAAG,OAAO;IAAQ;GACvC;;AAIV,iCAAe;;;;ACNf,MAAMC,gBAAuC,EAC3C,OAAO,IACP,WAAW,OACX,gBAAgB,EAAE,OACd;CACJ,MAAM,EAAE,OAAO,eAAe,mBAAmB,WAAW,cAAc;CAC1E,MAAM,EAAE,OAAO,YAAY,cAAc,kBACvC,yBAAyB,OAAO,SAAS;CAC3C,MAAM,gBAAgB,iBAAiBC,wBAAeC;AACtD,QACE,4CACE,qBAAC;EACC,WAAW,KACT,uEACA,+CACA,YACA,OACA,cACA,WAAW,6BAA6B,yBACxC,WAAW,gBAAgB,GAC5B;aAED,oBAAC;GAAS;GAAM,QAAQ,GAAG,OAAO;IAAQ,EAC1C,oBAAC;GAAM,WAAU;GAAsB;IAAiB;GACpD,EACN,oBAAC;EACC,WAAW,KACT,2DACA,WAAW,kBAAkB,UAC9B;YAEA,cAAc,KAAK,SAAS;AAC3B,UACE,oBAAC;IAAc,IAAI,KAAK;IAAI,QAAQ,KAAK;cACvC,oBAACC,8BAAiB,OAAO,KAAK,QAAS;MADa,KAAK,MAE3C;IAElB;GACE,IACL"}

package/lib/{external-link-C3_4RBmQ.d.mts → external-link-0t606cM_.d.mts}

@@ -1,4 +1,4 @@
-import { CustomizedLinkProps } from "./type-Dons5TOa.mjs";
+import { CustomizedLinkProps } from "./type-DGvbr3Rm.mjs";
 import { FC } from "react";
 
 //#region src/customized-link/external-link.d.ts
@@ -6,4 +6,4 @@ type ExternalLinkProps = CustomizedLinkProps;
 declare const ExternalLink: FC<ExternalLinkProps>;
 //#endregion
 export { ExternalLink };
-//# sourceMappingURL=external-link-C3_4RBmQ.d.mts.map
+//# sourceMappingURL=external-link-0t606cM_.d.mts.map

package/lib/{external-link-2XoC1_oL.d.ts → external-link-B3tELAVU.d.ts}

@@ -1,4 +1,4 @@
-import { CustomizedLinkProps } from "./type-C4hJK9H9.js";
+import { CustomizedLinkProps } from "./type-ubTUOk6A.js";
 import { FC } from "react";
 
 //#region src/customized-link/external-link.d.ts
@@ -6,4 +6,4 @@ type ExternalLinkProps = CustomizedLinkProps;
 declare const ExternalLink: FC<ExternalLinkProps>;
 //#endregion
 export { ExternalLink };
-//# sourceMappingURL=external-link-2XoC1_oL.d.ts.map
+//# sourceMappingURL=external-link-B3tELAVU.d.ts.map

package/lib/{external-link-DXT5ep5-.mjs → external-link-Diro-q37.mjs}

@@ -1,11 +1,13 @@
 import { jsx } from "react/jsx-runtime";
 
 //#region src/customized-link/external-link.tsx
-const ExternalLink = ({ to, target = "_self", className = "", children }) => {
+const ExternalLink = ({ to, target = "_self", className = "", children, onMouseEnter, onMouseLeave }) => {
 	return /* @__PURE__ */ jsx("a", {
 		href: to,
 		target,
 		className,
+		onMouseEnter,
+		onMouseLeave,
 		children
 	});
 };
@@ -13,4 +15,4 @@ var external_link_default = ExternalLink;
 
 //#endregion
 export { external_link_default };
-//# sourceMappingURL=external-link-DXT5ep5-.mjs.map
+//# sourceMappingURL=external-link-Diro-q37.mjs.map

package/lib/external-link-Diro-q37.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"external-link-Diro-q37.mjs","names":["ExternalLink: FC<ExternalLinkProps>"],"sources":["../src/customized-link/external-link.tsx"],"sourcesContent":["import type { FC } from 'react'\nimport type { CustomizedLinkProps } from './type'\n\ntype ExternalLinkProps = CustomizedLinkProps\nconst ExternalLink: FC<ExternalLinkProps> = ({\n  to,\n  target = '_self',\n  className = '',\n  children,\n  onMouseEnter,\n  onMouseLeave,\n}) => {\n  return (\n    <a\n      href={to}\n      target={target}\n      className={className}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n    >\n      {children}\n    </a>\n  )\n}\n\nexport default ExternalLink\n"],"mappings":";;;AAIA,MAAMA,gBAAuC,EAC3C,IACA,SAAS,SACT,YAAY,IACZ,UACA,cACA,mBACI;AACJ,QACE,oBAAC;EACC,MAAM;EACE;EACG;EACG;EACA;EAEb;GACC;;AAIR,4BAAe"}

package/lib/{external-link-DoBTwlV3.js → external-link-afU9uFB6.js}

@@ -3,11 +3,13 @@ let react_jsx_runtime = require("react/jsx-runtime");
 react_jsx_runtime = require_chunk.__toESM(react_jsx_runtime);
 
 //#region src/customized-link/external-link.tsx
-const ExternalLink = ({ to, target = "_self", className = "", children }) => {
+const ExternalLink = ({ to, target = "_self", className = "", children, onMouseEnter, onMouseLeave }) => {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
 		href: to,
 		target,
 		className,
+		onMouseEnter,
+		onMouseLeave,
 		children
 	});
 };
@@ -20,4 +22,4 @@ Object.defineProperty(exports, 'external_link_default', {
     return external_link_default;
   }
 });
-//# sourceMappingURL=external-link-DoBTwlV3.js.map
+//# sourceMappingURL=external-link-afU9uFB6.js.map

package/lib/external-link-afU9uFB6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"external-link-afU9uFB6.js","names":["ExternalLink: FC<ExternalLinkProps>"],"sources":["../src/customized-link/external-link.tsx"],"sourcesContent":["import type { FC } from 'react'\nimport type { CustomizedLinkProps } from './type'\n\ntype ExternalLinkProps = CustomizedLinkProps\nconst ExternalLink: FC<ExternalLinkProps> = ({\n  to,\n  target = '_self',\n  className = '',\n  children,\n  onMouseEnter,\n  onMouseLeave,\n}) => {\n  return (\n    <a\n      href={to}\n      target={target}\n      className={className}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n    >\n      {children}\n    </a>\n  )\n}\n\nexport default ExternalLink\n"],"mappings":";;;;;AAIA,MAAMA,gBAAuC,EAC3C,IACA,SAAS,SACT,YAAY,IACZ,UACA,cACA,mBACI;AACJ,QACE,2CAAC;EACC,MAAM;EACE;EACG;EACG;EACA;EAEb;GACC;;AAIR,4BAAe"}

package/lib/footer/constants.d.mts

@@ -0,0 +1,51 @@
+import { LinkTarget } from "../type-DGvbr3Rm.mjs";
+
+//#region src/footer/constants.d.ts
+declare const FUNDRAISING_ID = "\u885B\u90E8\u6551\u5B57\u7B2C 1131363879 \u865F\uFF5C\u52F8\u52DF\u671F\u9593 2025/1/1~12/31";
+declare const getLinksGroups: (mainOrigin: string) => ({
+  slug: string;
+  text: string;
+  to: string;
+  target: LinkTarget;
+  id: string;
+} | {
+  slug: string;
+  text: string;
+  to: string;
+  target: LinkTarget;
+  id?: undefined;
+})[][];
+declare const getSocialMediaLinks: () => ({
+  slug: string;
+  icon: "facebook";
+  to: string;
+  target: LinkTarget;
+} | {
+  slug: string;
+  icon: "instagram";
+  to: string;
+  target: LinkTarget;
+} | {
+  slug: string;
+  icon: "twitter";
+  to: string;
+  target: LinkTarget;
+} | {
+  slug: string;
+  icon: "medium";
+  to: string;
+  target: LinkTarget;
+} | {
+  slug: string;
+  icon: "youtube";
+  to: string;
+  target: LinkTarget;
+} | {
+  slug: string;
+  icon: "threads";
+  to: string;
+  target: LinkTarget;
+})[];
+//#endregion
+export { FUNDRAISING_ID, getLinksGroups, getSocialMediaLinks };
+//# sourceMappingURL=constants.d.mts.map

package/lib/footer/constants.d.ts

@@ -0,0 +1,51 @@
+import { LinkTarget } from "../type-ubTUOk6A.js";
+
+//#region src/footer/constants.d.ts
+declare const FUNDRAISING_ID = "\u885B\u90E8\u6551\u5B57\u7B2C 1131363879 \u865F\uFF5C\u52F8\u52DF\u671F\u9593 2025/1/1~12/31";
+declare const getLinksGroups: (mainOrigin: string) => ({
+  slug: string;
+  text: string;
+  to: string;
+  target: LinkTarget;
+  id: string;
+} | {
+  slug: string;
+  text: string;
+  to: string;
+  target: LinkTarget;
+  id?: undefined;
+})[][];
+declare const getSocialMediaLinks: () => ({
+  slug: string;
+  icon: "facebook";
+  to: string;
+  target: LinkTarget;
+} | {
+  slug: string;
+  icon: "instagram";
+  to: string;
+  target: LinkTarget;
+} | {
+  slug: string;
+  icon: "twitter";
+  to: string;
+  target: LinkTarget;
+} | {
+  slug: string;
+  icon: "medium";
+  to: string;
+  target: LinkTarget;
+} | {
+  slug: string;
+  icon: "youtube";
+  to: string;
+  target: LinkTarget;
+} | {
+  slug: string;
+  icon: "threads";
+  to: string;
+  target: LinkTarget;
+})[];
+//#endregion
+export { FUNDRAISING_ID, getLinksGroups, getSocialMediaLinks };
+//# sourceMappingURL=constants.d.ts.map

package/lib/footer/constants.js

@@ -0,0 +1,7 @@
+require('../internal-links-DxtMobuI.js');
+require('../constants-D8wNUvoZ.js');
+const require_constants$1 = require('../constants-0fgvpoyZ.js');
+
+exports.FUNDRAISING_ID = require_constants$1.FUNDRAISING_ID;
+exports.getLinksGroups = require_constants$1.getLinksGroups;
+exports.getSocialMediaLinks = require_constants$1.getSocialMediaLinks;

package/lib/footer/constants.mjs

@@ -0,0 +1,5 @@
+import "../internal-links-CP3dqmrz.mjs";
+import "../constants-5phfWHvb.mjs";
+import { FUNDRAISING_ID, getLinksGroups, getSocialMediaLinks } from "../constants-DyO2QpJk.mjs";
+
+export { FUNDRAISING_ID, getLinksGroups, getSocialMediaLinks };

package/lib/footer/index.d.mts

@@ -0,0 +1,12 @@
+import "../index-DegwO8ei.mjs";
+import { ReleaseBranch } from "../release-branch-CaxOk9Rq.mjs";
+import { FC } from "react";
+
+//#region src/footer/index.d.ts
+type FooterProps = {
+  releaseBranch: ReleaseBranch;
+};
+declare const Footer: FC<FooterProps>;
+//#endregion
+export { Footer as default };
+//# sourceMappingURL=index.d.mts.map

package/lib/footer/index.d.ts

@@ -0,0 +1,11 @@
+import "../index-H3peA2d_.js";
+import { ReleaseBranch } from "../release-branch-CsBbhuYE.js";
+import { FC } from "react";
+
+//#region src/footer/index.d.ts
+type FooterProps = {
+  releaseBranch: ReleaseBranch;
+};
+declare const Footer: FC<FooterProps>;
+export = Footer;
+//# sourceMappingURL=index.d.ts.map

package/lib/footer/index.js

@@ -0,0 +1,103 @@
+const require_chunk = require('../chunk-BxBTb9qk.js');
+require('../constants-BmxSMOOn.js');
+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_links = require('../external-links-DCn-uTD-.js');
+require('../internal-links-DxtMobuI.js');
+require('../release-branch-CRZV4Ivz.js');
+require('../request-origins-BDXulkK9.js');
+const require_external_link = require('../external-link-afU9uFB6.js');
+require('../internal-link-Bq4yp13E.js');
+require('../customized-link-CHH91yod.js');
+require('../constants-nmH6p6-y.js');
+const require_divider = require('../divider-B1zvSjNJ.js');
+require('../constants-D8wNUvoZ.js');
+require('../icons-qP5oNB0W.js');
+require('../constants-C2moxnps.js');
+const require_constants$5 = require('../constants-0fgvpoyZ.js');
+require('../logo-B3GSkN1O.js');
+const require_logo$1 = require('../logo-C5NgKyYa.js');
+const require_links = require('../links-Xuo8pb4a.js');
+let clsx = require("clsx");
+clsx = require_chunk.__toESM(clsx);
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_chunk.__toESM(react_jsx_runtime);
+
+//#region src/footer/index.tsx
+const Footer = ({ releaseBranch }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("footer", {
+		className: (0, clsx.default)("w-full bg-gray-white"),
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: (0, clsx.default)("flex flex-col mx-auto justify-center max-w-[400px] px-[24px] pt-[48px] pb-[96px]", "desktop:max-w-[1200px] desktop:px-[48px] desktop:py-[48px]"),
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: (0, clsx.default)("w-full flex flex-col justify-center", "desktop:flex-row desktop:justify-between"),
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: (0, clsx.default)("flex flex-col w-full gap-[32px] mb-[48px] items-center text-center", "desktop:max-w-[320px] desktop:mb-0 desktop:text-start desktop:items-start"),
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: (0, clsx.default)("w-full flex flex-col gap-[16px] items-center", "desktop:gap-[24px] desktop:items-start"),
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_logo$1.logo_default, { releaseBranch }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_paragraph.P2, {
+								className: "text-gray-600",
+								text: "台灣第一個由公益基金會成立的網路媒體，致力於公共領域調查報導，打造多元進步的媒體環境。"
+							})]
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_external_link.external_link_default, {
+							to: require_external_links.EXTERNAL_LINKS.monthlyDonation,
+							target: "_blank",
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_button.pill_button_default, {
+								className: "w-[280px]! justify-center!",
+								type: require_button.pill_button_default.Type.secondary,
+								size: require_button.pill_button_default.Size.l,
+								text: "贊助我們"
+							})
+						})]
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: (0, clsx.default)("flex mb-[16px] gap-[16px]", "desktop:gap-[24px]"),
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_links.LinkButtonGroups, { releaseBranch })
+					})]
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_divider.divider_default, { className: "w-full my-[24px]" }),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: (0, clsx.default)("flex flex-col-reverse gap-[24px] items-center text-center", "desktop:flex-row desktop:justify-between desktop:gap-0"),
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: (0, clsx.default)("flex flex-col items-center", "desktop:flex-row"),
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_paragraph.P3, {
+								className: "text-gray-600",
+								text: require_constants$5.FUNDRAISING_ID
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "hidden desktop:flex",
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_paragraph.P3, {
+										className: "text-gray-600",
+										text: "｜"
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_links.InfoLinks, { releaseBranch }),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_paragraph.P3, {
+										className: "text-gray-600",
+										text: "｜"
+									})
+								]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "flex desktop:hidden",
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_links.InfoLinks, { releaseBranch })
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_paragraph.P3, {
+								className: "text-gray-600",
+								text: `Copyright © ${(/* @__PURE__ */ new Date()).getFullYear()} The Reporter.`
+							})
+						]
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_links.SocialLinks, { releaseBranch })]
+				})
+			]
+		})
+	});
+};
+var footer_default = Footer;
+
+//#endregion
+module.exports = footer_default;
+//# sourceMappingURL=index.js.map

package/lib/footer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["Footer: FC<FooterProps>","Logo","P2","ExternalLink","EXTERNAL_LINKS","PillButton","LinkButtonGroups","Divider","P3","FUNDRAISING_ID","InfoLinks","SocialLinks"],"sources":["../../src/footer/index.tsx"],"sourcesContent":["import type { FC } from 'react'\nimport clsx from 'clsx'\n// text\nimport { P2, P3 } from '../text/paragraph'\n// divider\nimport Divider from '../divider'\n// constants\nimport type { ReleaseBranch } from '../constants/release-branch'\nimport { FUNDRAISING_ID } from './constants'\nimport { EXTERNAL_LINKS } from '../constants/external-links'\n// components\nimport Logo from './logo'\nimport { SocialLinks, InfoLinks, LinkButtonGroups } from './links'\n// button\nimport { PillButton } from '../button'\n// link\nimport { ExternalLink } from '../customized-link'\n\ntype FooterProps = {\n  releaseBranch: ReleaseBranch\n}\nconst Footer: FC<FooterProps> = ({ releaseBranch }) => {\n  return (\n    <footer className={clsx('w-full bg-gray-white')}>\n      <div\n        className={clsx(\n          'flex flex-col mx-auto justify-center max-w-[400px] px-[24px] pt-[48px] pb-[96px]',\n          'desktop:max-w-[1200px] desktop:px-[48px] desktop:py-[48px]'\n        )}\n      >\n        {/* upper content */}\n        <div\n          className={clsx(\n            'w-full flex flex-col justify-center',\n            'desktop:flex-row desktop:justify-between'\n          )}\n        >\n          {/* information content */}\n          <div\n            className={clsx(\n              'flex flex-col w-full gap-[32px] mb-[48px] items-center text-center',\n              'desktop:max-w-[320px] desktop:mb-0 desktop:text-start desktop:items-start'\n            )}\n          >\n            {/* logo */}\n            <div\n              className={clsx(\n                'w-full flex flex-col gap-[16px] items-center',\n                'desktop:gap-[24px] desktop:items-start'\n              )}\n            >\n              <Logo releaseBranch={releaseBranch} />\n              <P2\n                className=\"text-gray-600\"\n                text=\"台灣第一個由公益基金會成立的網路媒體，致力於公共領域調查報導，打造多元進步的媒體環境。\"\n              />\n            </div>\n            {/* donation button */}\n            <ExternalLink to={EXTERNAL_LINKS.monthlyDonation} target=\"_blank\">\n              <PillButton\n                className=\"w-[280px]! justify-center!\"\n                type={PillButton.Type.secondary}\n                size={PillButton.Size.l}\n                text={'贊助我們'}\n              />\n            </ExternalLink>\n          </div>\n          {/* links content */}\n          <div\n            className={clsx('flex mb-[16px] gap-[16px]', 'desktop:gap-[24px]')}\n          >\n            <LinkButtonGroups releaseBranch={releaseBranch} />\n          </div>\n        </div>\n        <Divider className=\"w-full my-[24px]\" />\n        {/* lower content */}\n        <div\n          className={clsx(\n            'flex flex-col-reverse gap-[24px] items-center text-center',\n            'desktop:flex-row desktop:justify-between desktop:gap-0'\n          )}\n        >\n          {/* info */}\n          <div\n            className={clsx('flex flex-col items-center', 'desktop:flex-row')}\n          >\n            <P3 className=\"text-gray-600\" text={FUNDRAISING_ID} />\n            <div className=\"hidden desktop:flex\">\n              <P3 className=\"text-gray-600\" text=\"｜\" />\n              <InfoLinks releaseBranch={releaseBranch} />\n              <P3 className=\"text-gray-600\" text=\"｜\" />\n            </div>\n            <div className=\"flex desktop:hidden\">\n              <InfoLinks releaseBranch={releaseBranch} />\n            </div>\n            <P3\n              className=\"text-gray-600\"\n              text={`Copyright © ${new Date().getFullYear()} The Reporter.`}\n            />\n          </div>\n          {/* social links */}\n          <SocialLinks releaseBranch={releaseBranch} />\n        </div>\n      </div>\n    </footer>\n  )\n}\n\nexport default Footer\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,MAAMA,UAA2B,EAAE,oBAAoB;AACrD,QACE,2CAAC;EAAO,6BAAgB,uBAAuB;YAC7C,4CAAC;GACC,6BACE,oFACA,6DACD;;IAGD,4CAAC;KACC,6BACE,uCACA,2CACD;gBAGD,4CAAC;MACC,6BACE,sEACA,4EACD;iBAGD,4CAAC;OACC,6BACE,gDACA,yCACD;kBAED,2CAACC,+BAAoB,gBAAiB,EACtC,2CAACC;QACC,WAAU;QACV,MAAK;SACL;QACE,EAEN,2CAACC;OAAa,IAAIC,sCAAe;OAAiB,QAAO;iBACvD,2CAACC;QACC,WAAU;QACV,MAAMA,mCAAW,KAAK;QACtB,MAAMA,mCAAW,KAAK;QACtB,MAAM;SACN;QACW;OACX,EAEN,2CAAC;MACC,6BAAgB,6BAA6B,qBAAqB;gBAElE,2CAACC,kCAAgC,gBAAiB;OAC9C;MACF;IACN,2CAACC,mCAAQ,WAAU,qBAAqB;IAExC,4CAAC;KACC,6BACE,6DACA,yDACD;gBAGD,4CAAC;MACC,6BAAgB,8BAA8B,mBAAmB;;OAEjE,2CAACC;QAAG,WAAU;QAAgB,MAAMC;SAAkB;OACtD,4CAAC;QAAI,WAAU;;SACb,2CAACD;UAAG,WAAU;UAAgB,MAAK;WAAM;SACzC,2CAACE,2BAAyB,gBAAiB;SAC3C,2CAACF;UAAG,WAAU;UAAgB,MAAK;WAAM;;SACrC;OACN,2CAAC;QAAI,WAAU;kBACb,2CAACE,2BAAyB,gBAAiB;SACvC;OACN,2CAACF;QACC,WAAU;QACV,MAAM,gCAAe,IAAI,MAAM,EAAC,aAAa,CAAC;SAC9C;;OACE,EAEN,2CAACG,6BAA2B,gBAAiB;MACzC;;IACF;GACC;;AAIb,qBAAe"}