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

package/lib/theme-B5GNXw4M.js

@@ -0,0 +1,48 @@
+const require_theme = require('./theme-DDBlIbeS.js');
+
+//#region src/button/components/icon-button/theme.ts
+const getPrimaryIconButtonTheme = (theme, active, disabled) => {
+	if (disabled) return ["text-gray-400 hover:text-gray-400"];
+	return [
+		"text-gray-600 hover:text-gray-800 [&>svg]:bg-gray-600 desktop:[&>svg]:hover:bg-gray-800",
+		{ "text-brand-heavy hover:text-brand-heavy [&>svg]:bg-brand-heavy desktop:[&>svg]:hover:bg-brand-heavy": theme === require_theme.THEME.normal && active },
+		{
+			"text-gray-white hover:text-supportive-pastel [&>svg]:bg-gray-white [&>svg]:hover:bg-supportive-pastel": theme === require_theme.THEME.photography && !active,
+			"text-supportive-pastel hover:text-supportive-pastel [&>svg]:bg-supportive-pastel [&>svg]:hover:bg-supportive-pastel": theme === require_theme.THEME.photography && active
+		},
+		{
+			"text-gray-white hover:text-gray-200 [&>svg]:bg-gray-white [&>svg]:hover:bg-gray-200": theme === require_theme.THEME.transparent && !active,
+			"text-gray-white hover:text-gray-white [&>svg]:bg-gray-white [&>svg]:hover:bg-gray-white": theme === require_theme.THEME.transparent && active
+		}
+	];
+};
+const getSecondaryIconButtonTheme = (theme, active, disabled) => {
+	if (disabled) return ["text-gray-400 hover:text-gray-400"];
+	return [
+		"text-gray-400 hover:text-gray-600 [&>svg]:bg-gray-400 [&>svg]:hover:bg-gray-600",
+		{ "text-brand-heavy hover:text-brand-heavy [&>svg]:bg-brand-heavy [&>svg]:hover:bg-brand-heavy": theme === require_theme.THEME.normal && active },
+		{
+			"text-gray-400 hover:text-supportive-pastel [&>svg]:bg-gray-400 [&>svg]:hover:bg-supportive-pastel": theme === require_theme.THEME.photography && !active,
+			"text-supportive-pastel hover:text-supportive-pastel [&>svg]:bg-supportive-pastel [&>svg]:hover:bg-supportive-pastel": theme === require_theme.THEME.photography && active
+		},
+		{
+			"text-gray-600 hover:text-gray-white [&>svg]:bg-gray-600 [&>svg]:hover:bg-gray-white": theme === require_theme.THEME.transparent && !active,
+			"text-gray-600 hover:text-gray-600 [&>svg]:bg-gray-600 [&>svg]:hover:bg-gray-600": theme === require_theme.THEME.transparent && active
+		}
+	];
+};
+
+//#endregion
+Object.defineProperty(exports, 'getPrimaryIconButtonTheme', {
+  enumerable: true,
+  get: function () {
+    return getPrimaryIconButtonTheme;
+  }
+});
+Object.defineProperty(exports, 'getSecondaryIconButtonTheme', {
+  enumerable: true,
+  get: function () {
+    return getSecondaryIconButtonTheme;
+  }
+});
+//# sourceMappingURL=theme-B5GNXw4M.js.map

package/lib/theme-B5GNXw4M.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-B5GNXw4M.js","names":["getPrimaryIconButtonTheme: ThemeFunc","THEME","getSecondaryIconButtonTheme: ThemeFunc"],"sources":["../src/button/components/icon-button/theme.ts"],"sourcesContent":["// constants\nimport { THEME, type Theme } from '../../../constants/theme'\n// type\nimport type { ClassArray } from 'clsx'\n\ntype ThemeFunc = (\n  theme: Theme,\n  active: boolean,\n  disabled: boolean\n) => ClassArray\n\nexport const getPrimaryIconButtonTheme: ThemeFunc = (\n  theme,\n  active,\n  disabled\n) => {\n  if (disabled) {\n    return ['text-gray-400 hover:text-gray-400']\n  }\n  return [\n    // default theme\n    'text-gray-600 hover:text-gray-800 [&>svg]:bg-gray-600 desktop:[&>svg]:hover:bg-gray-800',\n    {\n      'text-brand-heavy hover:text-brand-heavy [&>svg]:bg-brand-heavy desktop:[&>svg]:hover:bg-brand-heavy':\n        theme === THEME.normal && active,\n    },\n    // photography theme\n    {\n      'text-gray-white hover:text-supportive-pastel [&>svg]:bg-gray-white [&>svg]:hover:bg-supportive-pastel':\n        theme === THEME.photography && !active,\n      'text-supportive-pastel hover:text-supportive-pastel [&>svg]:bg-supportive-pastel [&>svg]:hover:bg-supportive-pastel':\n        theme === THEME.photography && active,\n    },\n    // transparent theme\n    {\n      'text-gray-white hover:text-gray-200 [&>svg]:bg-gray-white [&>svg]:hover:bg-gray-200':\n        theme === THEME.transparent && !active,\n      'text-gray-white hover:text-gray-white [&>svg]:bg-gray-white [&>svg]:hover:bg-gray-white':\n        theme === THEME.transparent && active,\n    },\n  ]\n}\n\nexport const getSecondaryIconButtonTheme: ThemeFunc = (\n  theme,\n  active,\n  disabled\n) => {\n  if (disabled) {\n    return ['text-gray-400 hover:text-gray-400']\n  }\n  return [\n    // default theme\n    'text-gray-400 hover:text-gray-600 [&>svg]:bg-gray-400 [&>svg]:hover:bg-gray-600',\n    {\n      'text-brand-heavy hover:text-brand-heavy [&>svg]:bg-brand-heavy [&>svg]:hover:bg-brand-heavy':\n        theme === THEME.normal && active,\n    },\n    // photography theme\n    {\n      'text-gray-400 hover:text-supportive-pastel [&>svg]:bg-gray-400 [&>svg]:hover:bg-supportive-pastel':\n        theme === THEME.photography && !active,\n      'text-supportive-pastel hover:text-supportive-pastel [&>svg]:bg-supportive-pastel [&>svg]:hover:bg-supportive-pastel':\n        theme === THEME.photography && active,\n    },\n    // transparent theme\n    {\n      'text-gray-600 hover:text-gray-white [&>svg]:bg-gray-600 [&>svg]:hover:bg-gray-white':\n        theme === THEME.transparent && !active,\n      'text-gray-600 hover:text-gray-600 [&>svg]:bg-gray-600 [&>svg]:hover:bg-gray-600':\n        theme === THEME.transparent && active,\n    },\n  ]\n}\n"],"mappings":";;;AAWA,MAAaA,6BACX,OACA,QACA,aACG;AACH,KAAI,SACF,QAAO,CAAC,oCAAoC;AAE9C,QAAO;EAEL;EACA,EACE,uGACE,UAAUC,oBAAM,UAAU,QAC7B;EAED;GACE,yGACE,UAAUA,oBAAM,eAAe,CAAC;GAClC,uHACE,UAAUA,oBAAM,eAAe;GAClC;EAED;GACE,uFACE,UAAUA,oBAAM,eAAe,CAAC;GAClC,2FACE,UAAUA,oBAAM,eAAe;GAClC;EACF;;AAGH,MAAaC,+BACX,OACA,QACA,aACG;AACH,KAAI,SACF,QAAO,CAAC,oCAAoC;AAE9C,QAAO;EAEL;EACA,EACE,+FACE,UAAUD,oBAAM,UAAU,QAC7B;EAED;GACE,qGACE,UAAUA,oBAAM,eAAe,CAAC;GAClC,uHACE,UAAUA,oBAAM,eAAe;GAClC;EAED;GACE,uFACE,UAAUA,oBAAM,eAAe,CAAC;GAClC,mFACE,UAAUA,oBAAM,eAAe;GAClC;EACF"}

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

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

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

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

package/lib/theme-CILxIDaP.mjs

@@ -0,0 +1,67 @@
+import { THEME } from "./theme-BG6yZVj-.mjs";
+import { LOGO_SYMBOL_TYPE } from "./constants-DfLtvCn3.mjs";
+
+//#region src/hamburger-menu/utils/theme.ts
+const selectHamburgerMenuTheme = (theme) => {
+	switch (theme) {
+		case THEME.photography: return {
+			bgColor: "bg-photo-dark",
+			scrollBarColor: "[&::-webkit-scrollbar-thumb]:bg-opacity-white-08"
+		};
+		default: return {
+			bgColor: "bg-gray-white",
+			scrollBarColor: "[&::-webkit-scrollbar-thumb]:bg-opacity-black-02"
+		};
+	}
+};
+const selectLogoType = (theme) => {
+	switch (theme) {
+		case THEME.photography:
+		case THEME.transparent: return LOGO_SYMBOL_TYPE.white;
+		default: return LOGO_SYMBOL_TYPE.default;
+	}
+};
+const selectHamburgerItemTheme = (theme, active = false) => {
+	switch (theme) {
+		case THEME.photography: return {
+			color: active ? "text-supportive-pastel" : "text-gray-white",
+			svgBgColor: active ? "[&>svg]:bg-supportive-pastel" : "[&>svg]:bg-gray-white",
+			hoverBgColor: "hover:bg-opacity-white-02",
+			activeBgColor: "active:bg-opacity-white-05"
+		};
+		default: return {
+			color: active ? "text-brand-heavy" : "text-gray-800",
+			svgBgColor: active ? "[&>svg]:bg-brand-heavy" : "[&>svg]:bg-gray-800",
+			hoverBgColor: "hover:bg-gray-100",
+			activeBgColor: "active:bg-gray-200"
+		};
+	}
+};
+const selectHamburgerFooterTheme = (theme) => {
+	switch (theme) {
+		case THEME.photography: return {
+			color: "text-gray-400",
+			hoverColor: "hover:text-gray-400",
+			hoverBgColor: "hover:bg-opacity-white-02",
+			svgHoverBgColor: "hover:[&>svg]:bg-gray-400",
+			svgBgColor: "[&>svg]:bg-gray-400",
+			activeColor: "active:text-gray-400",
+			activeBgColor: "active:bg-opacity-white-05",
+			svgActiveBgColor: "active:[&>svg]:bg-gray-400"
+		};
+		default: return {
+			color: "text-gray-600",
+			hoverColor: "hover:text-gray-800",
+			hoverBgColor: "hover:bg-gray-100",
+			svgHoverBgColor: "hover:[&>svg]:bg-gray-800",
+			svgBgColor: "[&>svg]:bg-gray-600",
+			activeColor: "active:text-gray-800",
+			activeBgColor: "active:bg-gray-200",
+			svgActiveBgColor: "active:[&>svg]:bg-gray-800"
+		};
+	}
+};
+
+//#endregion
+export { selectHamburgerFooterTheme, selectHamburgerItemTheme, selectHamburgerMenuTheme, selectLogoType };
+//# sourceMappingURL=theme-CILxIDaP.mjs.map

package/lib/theme-CILxIDaP.mjs.map

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

package/lib/theme-CJDY-Vlz.mjs

@@ -0,0 +1,37 @@
+import { THEME } from "./theme-BG6yZVj-.mjs";
+
+//#region src/button/components/icon-button/theme.ts
+const getPrimaryIconButtonTheme = (theme, active, disabled) => {
+	if (disabled) return ["text-gray-400 hover:text-gray-400"];
+	return [
+		"text-gray-600 hover:text-gray-800 [&>svg]:bg-gray-600 desktop:[&>svg]:hover:bg-gray-800",
+		{ "text-brand-heavy hover:text-brand-heavy [&>svg]:bg-brand-heavy desktop:[&>svg]:hover:bg-brand-heavy": theme === THEME.normal && active },
+		{
+			"text-gray-white hover:text-supportive-pastel [&>svg]:bg-gray-white [&>svg]:hover:bg-supportive-pastel": theme === THEME.photography && !active,
+			"text-supportive-pastel hover:text-supportive-pastel [&>svg]:bg-supportive-pastel [&>svg]:hover:bg-supportive-pastel": theme === THEME.photography && active
+		},
+		{
+			"text-gray-white hover:text-gray-200 [&>svg]:bg-gray-white [&>svg]:hover:bg-gray-200": theme === THEME.transparent && !active,
+			"text-gray-white hover:text-gray-white [&>svg]:bg-gray-white [&>svg]:hover:bg-gray-white": theme === THEME.transparent && active
+		}
+	];
+};
+const getSecondaryIconButtonTheme = (theme, active, disabled) => {
+	if (disabled) return ["text-gray-400 hover:text-gray-400"];
+	return [
+		"text-gray-400 hover:text-gray-600 [&>svg]:bg-gray-400 [&>svg]:hover:bg-gray-600",
+		{ "text-brand-heavy hover:text-brand-heavy [&>svg]:bg-brand-heavy [&>svg]:hover:bg-brand-heavy": theme === THEME.normal && active },
+		{
+			"text-gray-400 hover:text-supportive-pastel [&>svg]:bg-gray-400 [&>svg]:hover:bg-supportive-pastel": theme === THEME.photography && !active,
+			"text-supportive-pastel hover:text-supportive-pastel [&>svg]:bg-supportive-pastel [&>svg]:hover:bg-supportive-pastel": theme === THEME.photography && active
+		},
+		{
+			"text-gray-600 hover:text-gray-white [&>svg]:bg-gray-600 [&>svg]:hover:bg-gray-white": theme === THEME.transparent && !active,
+			"text-gray-600 hover:text-gray-600 [&>svg]:bg-gray-600 [&>svg]:hover:bg-gray-600": theme === THEME.transparent && active
+		}
+	];
+};
+
+//#endregion
+export { getPrimaryIconButtonTheme, getSecondaryIconButtonTheme };
+//# sourceMappingURL=theme-CJDY-Vlz.mjs.map

package/lib/theme-CJDY-Vlz.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-CJDY-Vlz.mjs","names":["getPrimaryIconButtonTheme: ThemeFunc","getSecondaryIconButtonTheme: ThemeFunc"],"sources":["../src/button/components/icon-button/theme.ts"],"sourcesContent":["// constants\nimport { THEME, type Theme } from '../../../constants/theme'\n// type\nimport type { ClassArray } from 'clsx'\n\ntype ThemeFunc = (\n  theme: Theme,\n  active: boolean,\n  disabled: boolean\n) => ClassArray\n\nexport const getPrimaryIconButtonTheme: ThemeFunc = (\n  theme,\n  active,\n  disabled\n) => {\n  if (disabled) {\n    return ['text-gray-400 hover:text-gray-400']\n  }\n  return [\n    // default theme\n    'text-gray-600 hover:text-gray-800 [&>svg]:bg-gray-600 desktop:[&>svg]:hover:bg-gray-800',\n    {\n      'text-brand-heavy hover:text-brand-heavy [&>svg]:bg-brand-heavy desktop:[&>svg]:hover:bg-brand-heavy':\n        theme === THEME.normal && active,\n    },\n    // photography theme\n    {\n      'text-gray-white hover:text-supportive-pastel [&>svg]:bg-gray-white [&>svg]:hover:bg-supportive-pastel':\n        theme === THEME.photography && !active,\n      'text-supportive-pastel hover:text-supportive-pastel [&>svg]:bg-supportive-pastel [&>svg]:hover:bg-supportive-pastel':\n        theme === THEME.photography && active,\n    },\n    // transparent theme\n    {\n      'text-gray-white hover:text-gray-200 [&>svg]:bg-gray-white [&>svg]:hover:bg-gray-200':\n        theme === THEME.transparent && !active,\n      'text-gray-white hover:text-gray-white [&>svg]:bg-gray-white [&>svg]:hover:bg-gray-white':\n        theme === THEME.transparent && active,\n    },\n  ]\n}\n\nexport const getSecondaryIconButtonTheme: ThemeFunc = (\n  theme,\n  active,\n  disabled\n) => {\n  if (disabled) {\n    return ['text-gray-400 hover:text-gray-400']\n  }\n  return [\n    // default theme\n    'text-gray-400 hover:text-gray-600 [&>svg]:bg-gray-400 [&>svg]:hover:bg-gray-600',\n    {\n      'text-brand-heavy hover:text-brand-heavy [&>svg]:bg-brand-heavy [&>svg]:hover:bg-brand-heavy':\n        theme === THEME.normal && active,\n    },\n    // photography theme\n    {\n      'text-gray-400 hover:text-supportive-pastel [&>svg]:bg-gray-400 [&>svg]:hover:bg-supportive-pastel':\n        theme === THEME.photography && !active,\n      'text-supportive-pastel hover:text-supportive-pastel [&>svg]:bg-supportive-pastel [&>svg]:hover:bg-supportive-pastel':\n        theme === THEME.photography && active,\n    },\n    // transparent theme\n    {\n      'text-gray-600 hover:text-gray-white [&>svg]:bg-gray-600 [&>svg]:hover:bg-gray-white':\n        theme === THEME.transparent && !active,\n      'text-gray-600 hover:text-gray-600 [&>svg]:bg-gray-600 [&>svg]:hover:bg-gray-600':\n        theme === THEME.transparent && active,\n    },\n  ]\n}\n"],"mappings":";;;AAWA,MAAaA,6BACX,OACA,QACA,aACG;AACH,KAAI,SACF,QAAO,CAAC,oCAAoC;AAE9C,QAAO;EAEL;EACA,EACE,uGACE,UAAU,MAAM,UAAU,QAC7B;EAED;GACE,yGACE,UAAU,MAAM,eAAe,CAAC;GAClC,uHACE,UAAU,MAAM,eAAe;GAClC;EAED;GACE,uFACE,UAAU,MAAM,eAAe,CAAC;GAClC,2FACE,UAAU,MAAM,eAAe;GAClC;EACF;;AAGH,MAAaC,+BACX,OACA,QACA,aACG;AACH,KAAI,SACF,QAAO,CAAC,oCAAoC;AAE9C,QAAO;EAEL;EACA,EACE,+FACE,UAAU,MAAM,UAAU,QAC7B;EAED;GACE,qGACE,UAAU,MAAM,eAAe,CAAC;GAClC,uHACE,UAAU,MAAM,eAAe;GAClC;EAED;GACE,uFACE,UAAU,MAAM,eAAe,CAAC;GAClC,mFACE,UAAU,MAAM,eAAe;GAClC;EACF"}

package/lib/theme-CKrQVNS4.mjs

@@ -0,0 +1,53 @@
+import { THEME } from "./theme-BG6yZVj-.mjs";
+
+//#region src/button/components/icon-with-text-button/theme.ts
+const getIconWithTextButtonTheme = (theme, isActive, isDisabled) => {
+	if (isDisabled) return {
+		color: "text-gray-400",
+		hoverColor: "hover:text-gray-400",
+		svgBgColor: "[&>svg]:bg-gray-400",
+		svgHoverBgColor: "[&>svg]:hover:bg-gray-400"
+	};
+	switch (isActive ? `${theme}-active` : theme) {
+		case THEME.photography: return {
+			color: "text-gray-200",
+			hoverColor: "hover:text-supportive-pastel",
+			svgBgColor: "[&>svg]:bg-gray-200",
+			svgHoverBgColor: "[&>svg]:hover:bg-supportive-pastel"
+		};
+		case `${THEME.photography}-active`: return {
+			color: "text-supportive-pastel",
+			hoverColor: "hover:text-supportive-pastel",
+			svgBgColor: "[&>svg]:bg-supportive-pastel",
+			svgHoverBgColor: "[&>svg]:hover:bg-supportive-pastel"
+		};
+		case THEME.transparent: return {
+			color: "text-gray-100",
+			hoverColor: "hover:text-gray-200",
+			svgBgColor: "[&>svg]:bg-gray-100",
+			svgHoverBgColor: "[&>svg]:hover:bg-gray-200"
+		};
+		case `${THEME.transparent}-active`: return {
+			color: "text-gray-white",
+			hoverColor: "hover:text-gray-white",
+			svgBgColor: "[&>svg]:bg-gray-white",
+			svgHoverBgColor: "[&>svg]:hover:bg-gray-white"
+		};
+		case `${THEME.normal}-active`: return {
+			color: "text-brand-heavy",
+			hoverColor: "hover:text-brand-heavy",
+			svgBgColor: "[&>svg]:bg-brand-heavy",
+			svgHoverBgColor: "[&>svg]:hover:bg-brand-heavy"
+		};
+		default: return {
+			color: "text-gray-600",
+			hoverColor: "hover:text-brand-heavy",
+			svgBgColor: "[&>svg]:bg-gray-600",
+			svgHoverBgColor: "[&>svg]:hover:bg-brand-heavy"
+		};
+	}
+};
+
+//#endregion
+export { getIconWithTextButtonTheme };
+//# sourceMappingURL=theme-CKrQVNS4.mjs.map

package/lib/theme-CKrQVNS4.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-CKrQVNS4.mjs","names":[],"sources":["../src/button/components/icon-with-text-button/theme.ts"],"sourcesContent":["import { THEME, type Theme } from '../../../constants/theme'\n\nexport const getIconWithTextButtonTheme = (\n  theme: Theme,\n  isActive: boolean,\n  isDisabled: boolean\n) => {\n  if (isDisabled) {\n    return {\n      color: 'text-gray-400',\n      hoverColor: 'hover:text-gray-400',\n      svgBgColor: '[&>svg]:bg-gray-400',\n      svgHoverBgColor: '[&>svg]:hover:bg-gray-400',\n    }\n  }\n\n  const switchKey = isActive ? `${theme}-active` : theme\n  switch (switchKey) {\n    case THEME.photography:\n      return {\n        color: 'text-gray-200',\n        hoverColor: 'hover:text-supportive-pastel',\n        svgBgColor: '[&>svg]:bg-gray-200',\n        svgHoverBgColor: '[&>svg]:hover:bg-supportive-pastel',\n      }\n    case `${THEME.photography}-active`:\n      return {\n        color: 'text-supportive-pastel',\n        hoverColor: 'hover:text-supportive-pastel',\n        svgBgColor: '[&>svg]:bg-supportive-pastel',\n        svgHoverBgColor: '[&>svg]:hover:bg-supportive-pastel',\n      }\n    case THEME.transparent:\n      return {\n        color: 'text-gray-100',\n        hoverColor: 'hover:text-gray-200',\n        svgBgColor: '[&>svg]:bg-gray-100',\n        svgHoverBgColor: '[&>svg]:hover:bg-gray-200',\n      }\n    case `${THEME.transparent}-active`:\n      return {\n        color: 'text-gray-white',\n        hoverColor: 'hover:text-gray-white',\n        svgBgColor: '[&>svg]:bg-gray-white',\n        svgHoverBgColor: '[&>svg]:hover:bg-gray-white',\n      }\n    case `${THEME.normal}-active`:\n      return {\n        color: 'text-brand-heavy',\n        hoverColor: 'hover:text-brand-heavy',\n        svgBgColor: '[&>svg]:bg-brand-heavy',\n        svgHoverBgColor: '[&>svg]:hover:bg-brand-heavy',\n      }\n    default:\n      return {\n        color: 'text-gray-600',\n        hoverColor: 'hover:text-brand-heavy',\n        svgBgColor: '[&>svg]:bg-gray-600',\n        svgHoverBgColor: '[&>svg]:hover:bg-brand-heavy',\n      }\n  }\n}\n"],"mappings":";;;AAEA,MAAa,8BACX,OACA,UACA,eACG;AACH,KAAI,WACF,QAAO;EACL,OAAO;EACP,YAAY;EACZ,YAAY;EACZ,iBAAiB;EAClB;AAIH,SADkB,WAAW,GAAG,MAAM,WAAW,OACjD;EACE,KAAK,MAAM,YACT,QAAO;GACL,OAAO;GACP,YAAY;GACZ,YAAY;GACZ,iBAAiB;GAClB;EACH,KAAK,GAAG,MAAM,YAAY,SACxB,QAAO;GACL,OAAO;GACP,YAAY;GACZ,YAAY;GACZ,iBAAiB;GAClB;EACH,KAAK,MAAM,YACT,QAAO;GACL,OAAO;GACP,YAAY;GACZ,YAAY;GACZ,iBAAiB;GAClB;EACH,KAAK,GAAG,MAAM,YAAY,SACxB,QAAO;GACL,OAAO;GACP,YAAY;GACZ,YAAY;GACZ,iBAAiB;GAClB;EACH,KAAK,GAAG,MAAM,OAAO,SACnB,QAAO;GACL,OAAO;GACP,YAAY;GACZ,YAAY;GACZ,iBAAiB;GAClB;EACH,QACE,QAAO;GACL,OAAO;GACP,YAAY;GACZ,YAAY;GACZ,iBAAiB;GAClB"}

package/lib/theme-CWIKvBG4.js

@@ -0,0 +1,90 @@
+const require_theme = require('./theme-DDBlIbeS.js');
+const require_constants = require('./constants-yYOy9aLl.js');
+
+//#region src/hamburger-menu/utils/theme.ts
+const selectHamburgerMenuTheme = (theme) => {
+	switch (theme) {
+		case require_theme.THEME.photography: return {
+			bgColor: "bg-photo-dark",
+			scrollBarColor: "[&::-webkit-scrollbar-thumb]:bg-opacity-white-08"
+		};
+		default: return {
+			bgColor: "bg-gray-white",
+			scrollBarColor: "[&::-webkit-scrollbar-thumb]:bg-opacity-black-02"
+		};
+	}
+};
+const selectLogoType = (theme) => {
+	switch (theme) {
+		case require_theme.THEME.photography:
+		case require_theme.THEME.transparent: return require_constants.LOGO_SYMBOL_TYPE.white;
+		default: return require_constants.LOGO_SYMBOL_TYPE.default;
+	}
+};
+const selectHamburgerItemTheme = (theme, active = false) => {
+	switch (theme) {
+		case require_theme.THEME.photography: return {
+			color: active ? "text-supportive-pastel" : "text-gray-white",
+			svgBgColor: active ? "[&>svg]:bg-supportive-pastel" : "[&>svg]:bg-gray-white",
+			hoverBgColor: "hover:bg-opacity-white-02",
+			activeBgColor: "active:bg-opacity-white-05"
+		};
+		default: return {
+			color: active ? "text-brand-heavy" : "text-gray-800",
+			svgBgColor: active ? "[&>svg]:bg-brand-heavy" : "[&>svg]:bg-gray-800",
+			hoverBgColor: "hover:bg-gray-100",
+			activeBgColor: "active:bg-gray-200"
+		};
+	}
+};
+const selectHamburgerFooterTheme = (theme) => {
+	switch (theme) {
+		case require_theme.THEME.photography: return {
+			color: "text-gray-400",
+			hoverColor: "hover:text-gray-400",
+			hoverBgColor: "hover:bg-opacity-white-02",
+			svgHoverBgColor: "hover:[&>svg]:bg-gray-400",
+			svgBgColor: "[&>svg]:bg-gray-400",
+			activeColor: "active:text-gray-400",
+			activeBgColor: "active:bg-opacity-white-05",
+			svgActiveBgColor: "active:[&>svg]:bg-gray-400"
+		};
+		default: return {
+			color: "text-gray-600",
+			hoverColor: "hover:text-gray-800",
+			hoverBgColor: "hover:bg-gray-100",
+			svgHoverBgColor: "hover:[&>svg]:bg-gray-800",
+			svgBgColor: "[&>svg]:bg-gray-600",
+			activeColor: "active:text-gray-800",
+			activeBgColor: "active:bg-gray-200",
+			svgActiveBgColor: "active:[&>svg]:bg-gray-800"
+		};
+	}
+};
+
+//#endregion
+Object.defineProperty(exports, 'selectHamburgerFooterTheme', {
+  enumerable: true,
+  get: function () {
+    return selectHamburgerFooterTheme;
+  }
+});
+Object.defineProperty(exports, 'selectHamburgerItemTheme', {
+  enumerable: true,
+  get: function () {
+    return selectHamburgerItemTheme;
+  }
+});
+Object.defineProperty(exports, 'selectHamburgerMenuTheme', {
+  enumerable: true,
+  get: function () {
+    return selectHamburgerMenuTheme;
+  }
+});
+Object.defineProperty(exports, 'selectLogoType', {
+  enumerable: true,
+  get: function () {
+    return selectLogoType;
+  }
+});
+//# sourceMappingURL=theme-CWIKvBG4.js.map

package/lib/theme-CWIKvBG4.js.map

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

package/lib/{theme-BDGfJ8n-.d.ts → theme-Ce9CLqLS.d.ts}

@@ -10,4 +10,4 @@ declare const THEME: {
 type Theme = ValuesOf<typeof THEME>;
 //#endregion
 export { THEME, Theme };
-//# sourceMappingURL=theme-BDGfJ8n-.d.ts.map
+//# sourceMappingURL=theme-Ce9CLqLS.d.ts.map

package/lib/theme-CfGmIUoO.mjs

@@ -0,0 +1,42 @@
+import { THEME } from "./theme-BG6yZVj-.mjs";
+import { LOGO_TYPE } from "./constants-DfLtvCn3.mjs";
+
+//#region src/header/utils/theme.ts
+const selectLogoType = (theme) => {
+	switch (theme) {
+		case THEME.photography:
+		case THEME.transparent: return LOGO_TYPE.white;
+		default: return LOGO_TYPE.default;
+	}
+};
+const selectHeaderTheme = (theme) => {
+	switch (theme) {
+		case THEME.photography: return {
+			bgColor: "bg-photo-dark",
+			topRowBgColor: "bg-photo-dark"
+		};
+		case THEME.transparent: return {
+			bgColor: "bg-opacity-black-02",
+			topRowBgColor: "bg-transparent"
+		};
+		case THEME.index: return {
+			bgColor: "bg-gray-white",
+			topRowBgColor: "bg-gray-white"
+		};
+		default: return {
+			bgColor: "bg-gray-100",
+			topRowBgColor: "bg-gray-100"
+		};
+	}
+};
+const selectSloganTheme = (theme) => {
+	switch (theme) {
+		case THEME.photography:
+		case THEME.transparent: return "text-gray-white";
+		default: return "text-gray-800";
+	}
+};
+
+//#endregion
+export { selectHeaderTheme, selectLogoType, selectSloganTheme };
+//# sourceMappingURL=theme-CfGmIUoO.mjs.map

package/lib/theme-CfGmIUoO.mjs.map

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

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

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

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

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

package/lib/{theme-DKi2E2si.d.mts → theme-ECp4BKXJ.d.mts}

@@ -1,4 +1,4 @@
-import { ValuesOf } from "./index-CUE6zs36.mjs";
+import { ValuesOf } from "./index-HhQuz4hd.mjs";
 
 //#region src/constants/theme.d.ts
 declare const THEME: {
@@ -10,4 +10,4 @@ declare const THEME: {
 type Theme = ValuesOf<typeof THEME>;
 //#endregion
 export { THEME, Theme };
-//# sourceMappingURL=theme-DKi2E2si.d.mts.map
+//# sourceMappingURL=theme-ECp4BKXJ.d.mts.map