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

package/lib/button/constants.d.mts

@@ -1,3 +1,3 @@
-import "../index-DaRD2S-9.mjs";
-import { SIZE, STYLE, Size, Style, TYPE, Type } from "../constants-C2kTkuiJ.mjs";
+import "../index-B0aBR23L.mjs";
+import { SIZE, STYLE, Size, Style, TYPE, Type } from "../constants-B-jtTtz5.mjs";
 export { SIZE, STYLE, Size, Style, TYPE, Type };

package/lib/button/index.d.mts

@@ -1,8 +1,8 @@
-import "../index-DaRD2S-9.mjs";
-import { SIZE, STYLE, Size, Style, TYPE, Type } from "../constants-C2kTkuiJ.mjs";
-import { THEME, Theme } from "../theme-B9CWW8U9.mjs";
-import { WEIGHT, Weight } from "../constants-P65Nafg1.mjs";
-import * as react0 from "react";
+import "../index-B0aBR23L.mjs";
+import { SIZE, STYLE, Size, Style, TYPE, Type } from "../constants-B-jtTtz5.mjs";
+import { THEME, Theme } from "../theme-BQP-h-2z.mjs";
+import { WEIGHT, Weight } from "../constants-DJDyKM0N.mjs";
+import * as react11 from "react";
 import React$1, { FC, ReactElement } from "react";
 
 //#region src/button/components/text-button/index.d.ts
@@ -88,10 +88,10 @@ declare const IconWithTextButton: FC<IconWithTextButtonProps> & {
 //#endregion
 //#region src/button/index.d.ts
 declare const _default: {
-  TextButton: react0.FC<{
+  TextButton: react11.FC<{
     text: string;
-    leftIconComponent?: react0.ReactElement;
-    rightIconComponent?: react0.ReactElement;
+    leftIconComponent?: react11.ReactElement;
+    rightIconComponent?: react11.ReactElement;
     size?: Size;
     style?: Style;
     theme?: Theme;
@@ -104,7 +104,7 @@ declare const _default: {
     Style: typeof STYLE;
     Theme: typeof THEME;
   };
-  IconButton: react0.FC<{
+  IconButton: react11.FC<{
     iconComponent: React.ReactElement;
     theme?: Theme;
     type?: Type;
@@ -116,7 +116,7 @@ declare const _default: {
     Theme: typeof THEME;
     Type: typeof TYPE;
   };
-  MenuButton: react0.FC<{
+  MenuButton: react11.FC<{
     text: string;
     color: string;
     fontWeight: Weight;
@@ -125,7 +125,7 @@ declare const _default: {
   }> & {
     FontWeight: typeof WEIGHT;
   };
-  PillButton: react0.FC<{
+  PillButton: react11.FC<{
     text?: string;
     leftIconComponent?: React.ReactElement;
     rightIconComponent?: React.ReactElement;
@@ -142,7 +142,7 @@ declare const _default: {
     Size: typeof SIZE;
     Style: typeof STYLE;
   };
-  IconWithTextButton: react0.FC<{
+  IconWithTextButton: react11.FC<{
     text?: string;
     iconComponent: React.ReactNode;
     theme?: Theme;

package/lib/constants/release-branch.d.mts

@@ -1,3 +1,3 @@
-import "../index-DaRD2S-9.mjs";
-import { RELEASE_BRANCH, ReleaseBranch } from "../release-branch-8qGtkKtd.mjs";
+import "../index-B0aBR23L.mjs";
+import { RELEASE_BRANCH, ReleaseBranch } from "../release-branch-CFUcv043.mjs";
 export { RELEASE_BRANCH, ReleaseBranch };

package/lib/constants/theme.d.mts

@@ -1,3 +1,3 @@
-import "../index-DaRD2S-9.mjs";
-import { THEME, Theme } from "../theme-B9CWW8U9.mjs";
+import "../index-B0aBR23L.mjs";
+import { THEME, Theme } from "../theme-BQP-h-2z.mjs";
 export { THEME, Theme };

package/lib/{constants-C2kTkuiJ.d.mts → constants-B-jtTtz5.d.mts}

@@ -1,4 +1,4 @@
-import { ValuesOf } from "./index-DaRD2S-9.mjs";
+import { ValuesOf } from "./index-B0aBR23L.mjs";
 
 //#region src/button/constants.d.ts
 declare const SIZE: {
@@ -19,4 +19,4 @@ declare const TYPE: {
 type Type = ValuesOf<typeof TYPE>;
 //#endregion
 export { SIZE, STYLE, Size, Style, TYPE, Type };
-//# sourceMappingURL=constants-C2kTkuiJ.d.mts.map
+//# sourceMappingURL=constants-B-jtTtz5.d.mts.map

package/lib/{constants-oX1rftqQ.d.mts → constants-BL-KiLbo.d.mts}

@@ -1,4 +1,4 @@
-import { ValuesOf } from "./index-DaRD2S-9.mjs";
+import { ValuesOf } from "./index-B0aBR23L.mjs";
 
 //#region src/logo/constants.d.ts
 declare const LOGO: {
@@ -21,4 +21,4 @@ declare const LOGO_SYMBOL_TYPE: {
 type LogoSymbolType = ValuesOf<typeof LOGO_SYMBOL_TYPE>;
 //#endregion
 export { LOGO, LOGO_SYMBOL_TYPE, LOGO_TYPE, Logo, LogoSymbolType, LogoType };
-//# sourceMappingURL=constants-oX1rftqQ.d.mts.map
+//# sourceMappingURL=constants-BL-KiLbo.d.mts.map

package/lib/{constants-91DoZaeP.js → constants-B_1Vpdib.js}

@@ -36,4 +36,4 @@ Object.defineProperty(exports, 'TabBarItems', {
     return TabBarItems;
   }
 });
-//# sourceMappingURL=constants-91DoZaeP.js.map
+//# sourceMappingURL=constants-B_1Vpdib.js.map

package/lib/{constants-91DoZaeP.js.map → constants-B_1Vpdib.js.map}

@@ -1 +1 @@
-{"version":3,"file":"constants-91DoZaeP.js","names":["TabBarItems: (releaseBranch: ReleaseBranch) => TabBarItem[]","INTERNAL_LINKS","Home","Clock","Topic","KidStar"],"sources":["../src/tab-bar/constants.ts"],"sourcesContent":["import type { ReactElement } from 'react'\nimport { INTERNAL_LINKS } from '../constants/internal-links'\nimport type { LinkTarget } from '../customized-link/type'\n// icons\nimport { Home, Clock, Topic, KidStar } from '../icons'\n// release branch\nimport type { ReleaseBranch } from '../constants/release-branch'\n\ntype TabBarItem = {\n  text: string\n  link: string\n  target: LinkTarget\n  icon: ReactElement\n}\nexport const TabBarItems: (releaseBranch: ReleaseBranch) => TabBarItem[] = (\n  releaseBranch\n) => [\n  {\n    text: '首頁',\n    link: INTERNAL_LINKS.home,\n    target: '_self',\n    icon: Home(releaseBranch),\n  },\n  {\n    text: '最新',\n    link: INTERNAL_LINKS.latest,\n    target: '_self',\n    icon: Clock(releaseBranch),\n  },\n  {\n    text: '深度專題',\n    link: INTERNAL_LINKS.topics,\n    target: '_self',\n    icon: Topic(releaseBranch),\n  },\n  {\n    text: '我的閱讀',\n    link: INTERNAL_LINKS.myReading.index,\n    target: '_self',\n    icon: KidStar(releaseBranch),\n  },\n]\n"],"mappings":";;;;AAcA,MAAaA,eACX,kBACG;CACH;EACE,MAAM;EACN,MAAMC,sCAAe;EACrB,QAAQ;EACR,MAAMC,mBAAK,cAAc;EAC1B;CACD;EACE,MAAM;EACN,MAAMD,sCAAe;EACrB,QAAQ;EACR,MAAME,oBAAM,cAAc;EAC3B;CACD;EACE,MAAM;EACN,MAAMF,sCAAe;EACrB,QAAQ;EACR,MAAMG,oBAAM,cAAc;EAC3B;CACD;EACE,MAAM;EACN,MAAMH,sCAAe,UAAU;EAC/B,QAAQ;EACR,MAAMI,sBAAQ,cAAc;EAC7B;CACF"}
+{"version":3,"file":"constants-B_1Vpdib.js","names":["TabBarItems: (releaseBranch: ReleaseBranch) => TabBarItem[]","INTERNAL_LINKS","Home","Clock","Topic","KidStar"],"sources":["../src/tab-bar/constants.ts"],"sourcesContent":["import type { ReactElement } from 'react'\nimport { INTERNAL_LINKS } from '../constants/internal-links'\nimport type { LinkTarget } from '../customized-link/type'\n// icons\nimport { Home, Clock, Topic, KidStar } from '../icons'\n// release branch\nimport type { ReleaseBranch } from '../constants/release-branch'\n\ntype TabBarItem = {\n  text: string\n  link: string\n  target: LinkTarget\n  icon: ReactElement\n}\nexport const TabBarItems: (releaseBranch: ReleaseBranch) => TabBarItem[] = (\n  releaseBranch\n) => [\n  {\n    text: '首頁',\n    link: INTERNAL_LINKS.home,\n    target: '_self',\n    icon: Home(releaseBranch),\n  },\n  {\n    text: '最新',\n    link: INTERNAL_LINKS.latest,\n    target: '_self',\n    icon: Clock(releaseBranch),\n  },\n  {\n    text: '深度專題',\n    link: INTERNAL_LINKS.topics,\n    target: '_self',\n    icon: Topic(releaseBranch),\n  },\n  {\n    text: '我的閱讀',\n    link: INTERNAL_LINKS.myReading.index,\n    target: '_self',\n    icon: KidStar(releaseBranch),\n  },\n]\n"],"mappings":";;;;AAcA,MAAaA,eACX,kBACG;CACH;EACE,MAAM;EACN,MAAMC,sCAAe;EACrB,QAAQ;EACR,MAAMC,mBAAK,cAAc;EAC1B;CACD;EACE,MAAM;EACN,MAAMD,sCAAe;EACrB,QAAQ;EACR,MAAME,oBAAM,cAAc;EAC3B;CACD;EACE,MAAM;EACN,MAAMF,sCAAe;EACrB,QAAQ;EACR,MAAMG,oBAAM,cAAc;EAC3B;CACD;EACE,MAAM;EACN,MAAMH,sCAAe,UAAU;EAC/B,QAAQ;EACR,MAAMI,sBAAQ,cAAc;EAC7B;CACF"}

package/lib/{constants-BYqJQzQQ.mjs → constants-Br6I254P.mjs}

@@ -31,4 +31,4 @@ const TabBarItems = (releaseBranch) => [
 
 //#endregion
 export { TabBarItems };
-//# sourceMappingURL=constants-BYqJQzQQ.mjs.map
+//# sourceMappingURL=constants-Br6I254P.mjs.map

package/lib/{constants-BYqJQzQQ.mjs.map → constants-Br6I254P.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"constants-BYqJQzQQ.mjs","names":["TabBarItems: (releaseBranch: ReleaseBranch) => TabBarItem[]"],"sources":["../src/tab-bar/constants.ts"],"sourcesContent":["import type { ReactElement } from 'react'\nimport { INTERNAL_LINKS } from '../constants/internal-links'\nimport type { LinkTarget } from '../customized-link/type'\n// icons\nimport { Home, Clock, Topic, KidStar } from '../icons'\n// release branch\nimport type { ReleaseBranch } from '../constants/release-branch'\n\ntype TabBarItem = {\n  text: string\n  link: string\n  target: LinkTarget\n  icon: ReactElement\n}\nexport const TabBarItems: (releaseBranch: ReleaseBranch) => TabBarItem[] = (\n  releaseBranch\n) => [\n  {\n    text: '首頁',\n    link: INTERNAL_LINKS.home,\n    target: '_self',\n    icon: Home(releaseBranch),\n  },\n  {\n    text: '最新',\n    link: INTERNAL_LINKS.latest,\n    target: '_self',\n    icon: Clock(releaseBranch),\n  },\n  {\n    text: '深度專題',\n    link: INTERNAL_LINKS.topics,\n    target: '_self',\n    icon: Topic(releaseBranch),\n  },\n  {\n    text: '我的閱讀',\n    link: INTERNAL_LINKS.myReading.index,\n    target: '_self',\n    icon: KidStar(releaseBranch),\n  },\n]\n"],"mappings":";;;;AAcA,MAAaA,eACX,kBACG;CACH;EACE,MAAM;EACN,MAAM,eAAe;EACrB,QAAQ;EACR,MAAM,KAAK,cAAc;EAC1B;CACD;EACE,MAAM;EACN,MAAM,eAAe;EACrB,QAAQ;EACR,MAAM,MAAM,cAAc;EAC3B;CACD;EACE,MAAM;EACN,MAAM,eAAe;EACrB,QAAQ;EACR,MAAM,MAAM,cAAc;EAC3B;CACD;EACE,MAAM;EACN,MAAM,eAAe,UAAU;EAC/B,QAAQ;EACR,MAAM,QAAQ,cAAc;EAC7B;CACF"}
+{"version":3,"file":"constants-Br6I254P.mjs","names":["TabBarItems: (releaseBranch: ReleaseBranch) => TabBarItem[]"],"sources":["../src/tab-bar/constants.ts"],"sourcesContent":["import type { ReactElement } from 'react'\nimport { INTERNAL_LINKS } from '../constants/internal-links'\nimport type { LinkTarget } from '../customized-link/type'\n// icons\nimport { Home, Clock, Topic, KidStar } from '../icons'\n// release branch\nimport type { ReleaseBranch } from '../constants/release-branch'\n\ntype TabBarItem = {\n  text: string\n  link: string\n  target: LinkTarget\n  icon: ReactElement\n}\nexport const TabBarItems: (releaseBranch: ReleaseBranch) => TabBarItem[] = (\n  releaseBranch\n) => [\n  {\n    text: '首頁',\n    link: INTERNAL_LINKS.home,\n    target: '_self',\n    icon: Home(releaseBranch),\n  },\n  {\n    text: '最新',\n    link: INTERNAL_LINKS.latest,\n    target: '_self',\n    icon: Clock(releaseBranch),\n  },\n  {\n    text: '深度專題',\n    link: INTERNAL_LINKS.topics,\n    target: '_self',\n    icon: Topic(releaseBranch),\n  },\n  {\n    text: '我的閱讀',\n    link: INTERNAL_LINKS.myReading.index,\n    target: '_self',\n    icon: KidStar(releaseBranch),\n  },\n]\n"],"mappings":";;;;AAcA,MAAaA,eACX,kBACG;CACH;EACE,MAAM;EACN,MAAM,eAAe;EACrB,QAAQ;EACR,MAAM,KAAK,cAAc;EAC1B;CACD;EACE,MAAM;EACN,MAAM,eAAe;EACrB,QAAQ;EACR,MAAM,MAAM,cAAc;EAC3B;CACD;EACE,MAAM;EACN,MAAM,eAAe;EACrB,QAAQ;EACR,MAAM,MAAM,cAAc;EAC3B;CACD;EACE,MAAM;EACN,MAAM,eAAe,UAAU;EAC/B,QAAQ;EACR,MAAM,QAAQ,cAAc;EAC7B;CACF"}

package/lib/{constants-CzHmv07x.d.ts → constants-C86Q6QlO.d.ts}

@@ -21,4 +21,4 @@ declare const LOGO_SYMBOL_TYPE: {
 type LogoSymbolType = ValuesOf<typeof LOGO_SYMBOL_TYPE>;
 //#endregion
 export { LOGO, LOGO_SYMBOL_TYPE, LOGO_TYPE, Logo, LogoSymbolType, LogoType };
-//# sourceMappingURL=constants-CzHmv07x.d.ts.map
+//# sourceMappingURL=constants-C86Q6QlO.d.ts.map

package/lib/{constants-Cg4dfRV_.d.mts → constants-CIMBoUWq.d.mts}

@@ -1,4 +1,4 @@
-import { ValuesOf } from "./index-DaRD2S-9.mjs";
+import { ValuesOf } from "./index-B0aBR23L.mjs";
 
 //#region src/icons/constants.d.ts
 declare const ICON_TYPE: {
@@ -27,4 +27,4 @@ declare const MEDIA_TYPE: {
 type MediaType = ValuesOf<typeof MEDIA_TYPE>;
 //#endregion
 export { ARROW_DIRECTION, ArrowDirection, ICON_TYPE, IconType, MEDIA_TYPE, MediaType };
-//# sourceMappingURL=constants-Cg4dfRV_.d.mts.map
+//# sourceMappingURL=constants-CIMBoUWq.d.mts.map

package/lib/{constants-BnVX84Yl.d.mts → constants-CwFazfN4.d.mts}

@@ -1,4 +1,4 @@
-import { ValuesOf } from "./index-DaRD2S-9.mjs";
+import { ValuesOf } from "./index-B0aBR23L.mjs";
 
 //#region src/divider/constants.d.ts
 declare const DIRECTION: {
@@ -8,4 +8,4 @@ declare const DIRECTION: {
 type Direction = ValuesOf<typeof DIRECTION>;
 //#endregion
 export { DIRECTION, Direction };
-//# sourceMappingURL=constants-BnVX84Yl.d.mts.map
+//# sourceMappingURL=constants-CwFazfN4.d.mts.map

package/lib/{constants-P65Nafg1.d.mts → constants-DJDyKM0N.d.mts}

@@ -1,4 +1,4 @@
-import { ValuesOf } from "./index-DaRD2S-9.mjs";
+import { ValuesOf } from "./index-B0aBR23L.mjs";
 
 //#region src/text/constants.d.ts
 declare const TYPE: {
@@ -14,4 +14,4 @@ declare const WEIGHT: {
 type Weight = ValuesOf<typeof WEIGHT>;
 //#endregion
 export { TYPE, Type, WEIGHT, Weight };
-//# sourceMappingURL=constants-P65Nafg1.d.mts.map
+//# sourceMappingURL=constants-DJDyKM0N.d.mts.map

package/lib/{constants-BuIUKM2c.js → constants-nmH6p6-y.js}

@@ -12,4 +12,4 @@ Object.defineProperty(exports, 'DIRECTION', {
     return DIRECTION;
   }
 });
-//# sourceMappingURL=constants-BuIUKM2c.js.map
+//# sourceMappingURL=constants-nmH6p6-y.js.map

package/lib/{constants-BuIUKM2c.js.map → constants-nmH6p6-y.js.map}

@@ -1 +1 @@
-{"version":3,"file":"constants-BuIUKM2c.js","names":[],"sources":["../src/divider/constants.ts"],"sourcesContent":["import type { ValuesOf } from '../types'\n\nexport const DIRECTION = {\n  horizontal: 'horizontal',\n  vertical: 'vertical',\n} as const\n\nexport type Direction = ValuesOf<typeof DIRECTION>\n"],"mappings":";;AAEA,MAAa,YAAY;CACvB,YAAY;CACZ,UAAU;CACX"}
+{"version":3,"file":"constants-nmH6p6-y.js","names":[],"sources":["../src/divider/constants.ts"],"sourcesContent":["import type { ValuesOf } from '../types'\n\nexport const DIRECTION = {\n  horizontal: 'horizontal',\n  vertical: 'vertical',\n} as const\n\nexport type Direction = ValuesOf<typeof DIRECTION>\n"],"mappings":";;AAEA,MAAa,YAAY;CACvB,YAAY;CACZ,UAAU;CACX"}

package/lib/{constants-Cz7n-nLz.mjs → constants-z9Q8ph_H.mjs}

@@ -6,4 +6,4 @@ const DIRECTION = {
 
 //#endregion
 export { DIRECTION };
-//# sourceMappingURL=constants-Cz7n-nLz.mjs.map
+//# sourceMappingURL=constants-z9Q8ph_H.mjs.map

package/lib/{constants-Cz7n-nLz.mjs.map → constants-z9Q8ph_H.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"constants-Cz7n-nLz.mjs","names":[],"sources":["../src/divider/constants.ts"],"sourcesContent":["import type { ValuesOf } from '../types'\n\nexport const DIRECTION = {\n  horizontal: 'horizontal',\n  vertical: 'vertical',\n} as const\n\nexport type Direction = ValuesOf<typeof DIRECTION>\n"],"mappings":";AAEA,MAAa,YAAY;CACvB,YAAY;CACZ,UAAU;CACX"}
+{"version":3,"file":"constants-z9Q8ph_H.mjs","names":[],"sources":["../src/divider/constants.ts"],"sourcesContent":["import type { ValuesOf } from '../types'\n\nexport const DIRECTION = {\n  horizontal: 'horizontal',\n  vertical: 'vertical',\n} as const\n\nexport type Direction = ValuesOf<typeof DIRECTION>\n"],"mappings":";AAEA,MAAa,YAAY;CACvB,YAAY;CACZ,UAAU;CACX"}

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

@@ -1,3 +1,3 @@
-import "../type-4zpM3Fk5.mjs";
-import { ExternalLink } from "../external-link-khVeTReZ.mjs";
+import "../type-Dons5TOa.mjs";
+import { ExternalLink } from "../external-link-C3_4RBmQ.mjs";
 export { ExternalLink as default };

package/lib/customized-link/external-link.js

@@ -1,3 +1,3 @@
-const require_external_link = require('../external-link-BMrkjNyi.js');
+const require_external_link = require('../external-link-DoBTwlV3.js');
 
 module.exports = require_external_link.external_link_default;

package/lib/customized-link/external-link.mjs

@@ -1,3 +1,3 @@
-import { external_link_default } from "../external-link-BykRRwmY.mjs";
+import { external_link_default } from "../external-link-DXT5ep5-.mjs";
 
 export { external_link_default as default };

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

@@ -1,12 +1,12 @@
-import { CustomizedLinkProps } from "../type-4zpM3Fk5.mjs";
-import { ExternalLink } from "../external-link-khVeTReZ.mjs";
-import { InternalLink } from "../internal-link-BSb3__eR.mjs";
-import * as react6 from "react";
+import { CustomizedLinkProps } from "../type-Dons5TOa.mjs";
+import { ExternalLink } from "../external-link-C3_4RBmQ.mjs";
+import { InternalLink } from "../internal-link-HG_KM8L7.mjs";
+import * as react0 from "react";
 
 //#region src/customized-link/index.d.ts
 declare const _default: {
-  ExternalLink: react6.FC<CustomizedLinkProps>;
-  InternalLink: react6.FC<CustomizedLinkProps>;
+  ExternalLink: react0.FC<CustomizedLinkProps>;
+  InternalLink: react0.FC<CustomizedLinkProps>;
 };
 //#endregion
 export { ExternalLink, InternalLink, _default as default };

package/lib/customized-link/index.js

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const require_external_link = require('../external-link-BMrkjNyi.js');
-const require_internal_link = require('../internal-link-BLXTBMRq.js');
-const require_customized_link = require('../customized-link-XNoMkeYw.js');
+const require_external_link = require('../external-link-DoBTwlV3.js');
+const require_internal_link = require('../internal-link-B9ExuJfg.js');
+const require_customized_link = require('../customized-link-DqW2a8oZ.js');
 
 exports.ExternalLink = require_external_link.external_link_default;
 exports.InternalLink = require_internal_link.internal_link_default;

package/lib/customized-link/index.mjs

@@ -1,5 +1,5 @@
 import { internal_link_default } from "../internal-link-NQb751uB.mjs";
-import { external_link_default } from "../external-link-BykRRwmY.mjs";
-import { customized_link_default } from "../customized-link-DNKmWI0u.mjs";
+import { external_link_default } from "../external-link-DXT5ep5-.mjs";
+import { customized_link_default } from "../customized-link-DnaZxeKK.mjs";
 
 export { external_link_default as ExternalLink, internal_link_default as InternalLink, customized_link_default as default };

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

@@ -1,3 +1,3 @@
-import "../type-4zpM3Fk5.mjs";
-import { InternalLink } from "../internal-link-BSb3__eR.mjs";
+import "../type-Dons5TOa.mjs";
+import { InternalLink } from "../internal-link-HG_KM8L7.mjs";
 export { InternalLink as default };

package/lib/customized-link/internal-link.js

@@ -1,6 +1,6 @@
 'use client';
 
 
-const require_internal_link = require('../internal-link-BLXTBMRq.js');
+const require_internal_link = require('../internal-link-B9ExuJfg.js');
 
 module.exports = require_internal_link.internal_link_default;

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

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

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

@@ -1,5 +1,5 @@
 import { internal_link_default } from "./internal-link-NQb751uB.mjs";
-import { external_link_default } from "./external-link-BykRRwmY.mjs";
+import { external_link_default } from "./external-link-DXT5ep5-.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-DNKmWI0u.mjs.map
+//# sourceMappingURL=customized-link-DnaZxeKK.mjs.map

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

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

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

@@ -1,5 +1,5 @@
-const require_external_link = require('./external-link-BMrkjNyi.js');
-const require_internal_link = require('./internal-link-BLXTBMRq.js');
+const require_external_link = require('./external-link-DoBTwlV3.js');
+const require_internal_link = require('./internal-link-B9ExuJfg.js');
 
 //#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-XNoMkeYw.js.map
+//# sourceMappingURL=customized-link-DqW2a8oZ.js.map

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

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

package/lib/divider/constants.d.mts

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

package/lib/divider/constants.js

@@ -1,3 +1,3 @@
-const require_constants = require('../constants-BuIUKM2c.js');
+const require_constants = require('../constants-nmH6p6-y.js');
 
 exports.DIRECTION = require_constants.DIRECTION;

package/lib/divider/constants.mjs

@@ -1,3 +1,3 @@
-import { DIRECTION } from "../constants-Cz7n-nLz.mjs";
+import { DIRECTION } from "../constants-z9Q8ph_H.mjs";
 
 export { DIRECTION };

package/lib/divider/index.d.mts

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

package/lib/divider/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-require('../constants-BuIUKM2c.js');
-const require_divider = require('../divider-Db3AhImD.js');
+require('../constants-nmH6p6-y.js');
+const require_divider = require('../divider-B1zvSjNJ.js');
 
 exports.Divider = require_divider.Divider;
 exports.default = require_divider.divider_default;

package/lib/divider/index.mjs

@@ -1,4 +1,4 @@
-import "../constants-Cz7n-nLz.mjs";
-import { Divider, divider_default } from "../divider-CEIxmAsH.mjs";
+import "../constants-z9Q8ph_H.mjs";
+import { Divider, divider_default } from "../divider-CE4u6SR5.mjs";
 
 export { Divider, divider_default as default };

package/lib/{divider-Db3AhImD.js → divider-B1zvSjNJ.js}

@@ -1,5 +1,5 @@
 const require_chunk = require('./chunk-BxBTb9qk.js');
-const require_constants = require('./constants-BuIUKM2c.js');
+const require_constants = require('./constants-nmH6p6-y.js');
 let clsx = require("clsx");
 clsx = require_chunk.__toESM(clsx);
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -26,4 +26,4 @@ Object.defineProperty(exports, 'divider_default', {
     return divider_default;
   }
 });
-//# sourceMappingURL=divider-Db3AhImD.js.map
+//# sourceMappingURL=divider-B1zvSjNJ.js.map

package/lib/{divider-Db3AhImD.js.map → divider-B1zvSjNJ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"divider-Db3AhImD.js","names":["Divider: React.FC<DividerProps> & { Direction: typeof DIRECTION }","DIRECTION"],"sources":["../src/divider/index.tsx"],"sourcesContent":["import type React from 'react'\nimport clsx from 'clsx'\n// constants\nimport { DIRECTION, type Direction } from './constants'\n\ntype DividerProps = {\n  direction?: Direction\n  className?: string\n}\n\nexport const Divider: React.FC<DividerProps> & { Direction: typeof DIRECTION } =\n  ({ direction = DIRECTION.horizontal, className = '' }) => {\n    if (direction === DIRECTION.vertical) {\n      return (\n        <div\n          className={clsx(\n            'h-full w-0 border-l-[1px] border-solid border-gray-300',\n            className\n          )}\n        />\n      )\n    }\n\n    return (\n      <div\n        className={clsx(\n          'h-0 w-full border-t-[1px] border-solid border-gray-300',\n          className\n        )}\n      />\n    )\n  }\n\nDivider.Direction = DIRECTION\n\nexport default Divider\n"],"mappings":";;;;;;;;AAUA,MAAaA,WACV,EAAE,YAAYC,4BAAU,YAAY,YAAY,SAAS;AACxD,KAAI,cAAcA,4BAAU,SAC1B,QACE,2CAAC,SACC,6BACE,0DACA,UACD,GACD;AAIN,QACE,2CAAC,SACC,6BACE,0DACA,UACD,GACD;;AAIR,QAAQ,YAAYA;AAEpB,sBAAe"}
+{"version":3,"file":"divider-B1zvSjNJ.js","names":["Divider: React.FC<DividerProps> & { Direction: typeof DIRECTION }","DIRECTION"],"sources":["../src/divider/index.tsx"],"sourcesContent":["import type React from 'react'\nimport clsx from 'clsx'\n// constants\nimport { DIRECTION, type Direction } from './constants'\n\ntype DividerProps = {\n  direction?: Direction\n  className?: string\n}\n\nexport const Divider: React.FC<DividerProps> & { Direction: typeof DIRECTION } =\n  ({ direction = DIRECTION.horizontal, className = '' }) => {\n    if (direction === DIRECTION.vertical) {\n      return (\n        <div\n          className={clsx(\n            'h-full w-0 border-l-[1px] border-solid border-gray-300',\n            className\n          )}\n        />\n      )\n    }\n\n    return (\n      <div\n        className={clsx(\n          'h-0 w-full border-t-[1px] border-solid border-gray-300',\n          className\n        )}\n      />\n    )\n  }\n\nDivider.Direction = DIRECTION\n\nexport default Divider\n"],"mappings":";;;;;;;;AAUA,MAAaA,WACV,EAAE,YAAYC,4BAAU,YAAY,YAAY,SAAS;AACxD,KAAI,cAAcA,4BAAU,SAC1B,QACE,2CAAC,SACC,6BACE,0DACA,UACD,GACD;AAIN,QACE,2CAAC,SACC,6BACE,0DACA,UACD,GACD;;AAIR,QAAQ,YAAYA;AAEpB,sBAAe"}

package/lib/{divider-CEIxmAsH.mjs → divider-CE4u6SR5.mjs}

@@ -1,4 +1,4 @@
-import { DIRECTION } from "./constants-Cz7n-nLz.mjs";
+import { DIRECTION } from "./constants-z9Q8ph_H.mjs";
 import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
 
@@ -12,4 +12,4 @@ var divider_default = Divider;
 
 //#endregion
 export { Divider, divider_default };
-//# sourceMappingURL=divider-CEIxmAsH.mjs.map
+//# sourceMappingURL=divider-CE4u6SR5.mjs.map

package/lib/{divider-CEIxmAsH.mjs.map → divider-CE4u6SR5.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"divider-CEIxmAsH.mjs","names":["Divider: React.FC<DividerProps> & { Direction: typeof DIRECTION }"],"sources":["../src/divider/index.tsx"],"sourcesContent":["import type React from 'react'\nimport clsx from 'clsx'\n// constants\nimport { DIRECTION, type Direction } from './constants'\n\ntype DividerProps = {\n  direction?: Direction\n  className?: string\n}\n\nexport const Divider: React.FC<DividerProps> & { Direction: typeof DIRECTION } =\n  ({ direction = DIRECTION.horizontal, className = '' }) => {\n    if (direction === DIRECTION.vertical) {\n      return (\n        <div\n          className={clsx(\n            'h-full w-0 border-l-[1px] border-solid border-gray-300',\n            className\n          )}\n        />\n      )\n    }\n\n    return (\n      <div\n        className={clsx(\n          'h-0 w-full border-t-[1px] border-solid border-gray-300',\n          className\n        )}\n      />\n    )\n  }\n\nDivider.Direction = DIRECTION\n\nexport default Divider\n"],"mappings":";;;;;AAUA,MAAaA,WACV,EAAE,YAAY,UAAU,YAAY,YAAY,SAAS;AACxD,KAAI,cAAc,UAAU,SAC1B,QACE,oBAAC,SACC,WAAW,KACT,0DACA,UACD,GACD;AAIN,QACE,oBAAC,SACC,WAAW,KACT,0DACA,UACD,GACD;;AAIR,QAAQ,YAAY;AAEpB,sBAAe"}
+{"version":3,"file":"divider-CE4u6SR5.mjs","names":["Divider: React.FC<DividerProps> & { Direction: typeof DIRECTION }"],"sources":["../src/divider/index.tsx"],"sourcesContent":["import type React from 'react'\nimport clsx from 'clsx'\n// constants\nimport { DIRECTION, type Direction } from './constants'\n\ntype DividerProps = {\n  direction?: Direction\n  className?: string\n}\n\nexport const Divider: React.FC<DividerProps> & { Direction: typeof DIRECTION } =\n  ({ direction = DIRECTION.horizontal, className = '' }) => {\n    if (direction === DIRECTION.vertical) {\n      return (\n        <div\n          className={clsx(\n            'h-full w-0 border-l-[1px] border-solid border-gray-300',\n            className\n          )}\n        />\n      )\n    }\n\n    return (\n      <div\n        className={clsx(\n          'h-0 w-full border-t-[1px] border-solid border-gray-300',\n          className\n        )}\n      />\n    )\n  }\n\nDivider.Direction = DIRECTION\n\nexport default Divider\n"],"mappings":";;;;;AAUA,MAAaA,WACV,EAAE,YAAY,UAAU,YAAY,YAAY,SAAS;AACxD,KAAI,cAAc,UAAU,SAC1B,QACE,oBAAC,SACC,WAAW,KACT,0DACA,UACD,GACD;AAIN,QACE,oBAAC,SACC,WAAW,KACT,0DACA,UACD,GACD;;AAIR,QAAQ,YAAY;AAEpB,sBAAe"}

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

@@ -1,4 +1,4 @@
-import { LinkTarget } from "../type-4zpM3Fk5.mjs";
+import { LinkTarget } from "../type-Dons5TOa.mjs";
 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-BMrkjNyi.js');
-require('../internal-link-BLXTBMRq.js');
-require('../customized-link-XNoMkeYw.js');
+require('../external-link-DoBTwlV3.js');
+require('../internal-link-B9ExuJfg.js');
+require('../customized-link-DqW2a8oZ.js');
 require('../context-I1lTR5SO.js');
 require('../constants-D8wNUvoZ.js');
 require('../icons-qP5oNB0W.js');
 require('../constants-C2moxnps.js');
-const require_dropdown_menu = require('../dropdown-menu-tbV9rhnw.js');
+const require_dropdown_menu = require('../dropdown-menu-BAqmP8qa.js');
 
 exports.DropdownMenu = require_dropdown_menu.DropdownMenu;

package/lib/dropdown-menu/index.mjs

@@ -3,12 +3,12 @@ import "../constants-CBSEPx91.mjs";
 import "../paragraph-Cf9jr8RF.mjs";
 import "../theme-BG6yZVj-.mjs";
 import "../release-branch-DNCD1uH_.mjs";
-import "../external-link-BykRRwmY.mjs";
-import "../customized-link-DNKmWI0u.mjs";
+import "../external-link-DXT5ep5-.mjs";
+import "../customized-link-DnaZxeKK.mjs";
 import "../context-BgdqM3zA.mjs";
 import "../constants-5phfWHvb.mjs";
 import "../icons-I7T-auOQ.mjs";
 import "../constants-DRxdMM_X.mjs";
-import { DropdownMenu } from "../dropdown-menu-CuyS5r71.mjs";
+import { DropdownMenu } from "../dropdown-menu-D7VNOiIl.mjs";
 
 export { DropdownMenu };

package/lib/{dropdown-menu-tbV9rhnw.js → dropdown-menu-BAqmP8qa.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-BMrkjNyi.js');
-const require_internal_link = require('./internal-link-BLXTBMRq.js');
+const require_external_link = require('./external-link-DoBTwlV3.js');
+const require_internal_link = require('./internal-link-B9ExuJfg.js');
 const require_context = require('./context-I1lTR5SO.js');
 const require_icons = require('./icons-qP5oNB0W.js');
 const require_constants = require('./constants-C2moxnps.js');
@@ -147,4 +147,4 @@ Object.defineProperty(exports, 'selectLogoType', {
     return selectLogoType;
   }
 });
-//# sourceMappingURL=dropdown-menu-tbV9rhnw.js.map
+//# sourceMappingURL=dropdown-menu-BAqmP8qa.js.map

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

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

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

@@ -1,7 +1,7 @@
 import { internal_link_default } from "./internal-link-NQb751uB.mjs";
 import { P1, P2 } from "./paragraph-Cf9jr8RF.mjs";
 import { THEME } from "./theme-BG6yZVj-.mjs";
-import { external_link_default } from "./external-link-BykRRwmY.mjs";
+import { external_link_default } from "./external-link-DXT5ep5-.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-CuyS5r71.mjs.map
+//# sourceMappingURL=dropdown-menu-D7VNOiIl.mjs.map

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

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