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

package/lib/text-button-DkD8OA65.mjs

@@ -0,0 +1,66 @@
+import { SIZE, STYLE } from "./constants-oTHAnh6r.mjs";
+import { P1, P2 } from "./paragraph-QihuIWot.mjs";
+import { THEME } from "./theme-BG6yZVj-.mjs";
+import { getActiveContainerTheme, getContainerTheme, getDisabledContainerTheme } from "./theme-gPGrAR2u.mjs";
+import { useMemo } from "react";
+import clsx from "clsx";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/button/components/text-button/index.tsx
+const TextButton = ({ text, leftIconComponent, rightIconComponent, size = SIZE.s, theme = THEME.normal, style = STYLE.dark, active = false, disabled = false, loading = false, className = "" }) => {
+	const TextJSX = useMemo(() => size === SIZE.s ? /* @__PURE__ */ jsx(P2, {
+		text,
+		weight: P2.Weight.bold
+	}) : /* @__PURE__ */ jsx(P1, {
+		text,
+		weight: P1.Weight.bold
+	}), [size, text]);
+	const themeClass = useMemo(() => {
+		return (disabled ? getDisabledContainerTheme : active ? getActiveContainerTheme : getContainerTheme)(theme, style);
+	}, [
+		disabled,
+		active,
+		theme,
+		style
+	]);
+	return /* @__PURE__ */ jsx("div", {
+		className: clsx("flex items-center", {
+			"cursor-default": disabled,
+			"cursor-pointer": !disabled
+		}, themeClass, className),
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "relative flex justify-center items-center",
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: clsx("flex justify-center items-center", {
+					"opacity-0": loading,
+					"opacity-100": !loading
+				}),
+				children: [
+					/* @__PURE__ */ jsx("div", {
+						className: "flex items-center mr-[4px]",
+						children: leftIconComponent
+					}),
+					TextJSX,
+					/* @__PURE__ */ jsx("div", {
+						className: "flex items-center ml-[4px]",
+						children: rightIconComponent
+					})
+				]
+			}), /* @__PURE__ */ jsx("span", { className: clsx("inline-block absolute box-border animate-spin", "border-2 border-solid border-gray-400 border-t-gray-600 rounded-[50%]", {
+				"size-[18px]": size === SIZE.s,
+				"size-[24px]": size === SIZE.l
+			}, {
+				"opacity-0": !loading,
+				"opacity-100": loading
+			}) })]
+		})
+	});
+};
+TextButton.Size = SIZE;
+TextButton.Style = STYLE;
+TextButton.Theme = THEME;
+var text_button_default = TextButton;
+
+//#endregion
+export { text_button_default };
+//# sourceMappingURL=text-button-DkD8OA65.mjs.map

package/lib/text-button-DkD8OA65.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-button-DkD8OA65.mjs","names":["TextButton: FC<TextButtonProps> & {\n  Size: typeof SIZE\n  Style: typeof STYLE\n  Theme: typeof THEME\n}"],"sources":["../src/button/components/text-button/index.tsx"],"sourcesContent":["import { type FC, type ReactElement, useMemo } from 'react'\nimport clsx from 'clsx'\n// components\nimport { P1, P2 } from '../../../text/paragraph'\n// constants\nimport { SIZE, type Size, STYLE, type Style } from '../../constants'\nimport { THEME, type Theme } from '../../../constants/theme'\n// utils\nimport {\n  getContainerTheme,\n  getActiveContainerTheme,\n  getDisabledContainerTheme,\n} from './theme'\n\ntype TextButtonProps = {\n  text: string\n  leftIconComponent?: ReactElement\n  rightIconComponent?: ReactElement\n  size?: Size\n  style?: Style\n  theme?: Theme\n  active?: boolean\n  disabled?: boolean\n  loading?: boolean\n  className?: string\n}\nconst TextButton: FC<TextButtonProps> & {\n  Size: typeof SIZE\n  Style: typeof STYLE\n  Theme: typeof THEME\n} = ({\n  text,\n  leftIconComponent,\n  rightIconComponent,\n  size = SIZE.s,\n  theme = THEME.normal,\n  style = STYLE.dark,\n  active = false,\n  disabled = false,\n  loading = false,\n  className = '',\n}) => {\n  const TextJSX = useMemo(\n    () =>\n      size === SIZE.s ? (\n        <P2 text={text} weight={P2.Weight.bold} />\n      ) : (\n        <P1 text={text} weight={P1.Weight.bold} />\n      ),\n    [size, text]\n  )\n  const themeClass = useMemo(() => {\n    const themeFunc = disabled\n      ? getDisabledContainerTheme\n      : active\n        ? getActiveContainerTheme\n        : getContainerTheme\n    return themeFunc(theme, style)\n  }, [disabled, active, theme, style])\n\n  return (\n    <div\n      className={clsx(\n        'flex items-center',\n        {\n          'cursor-default': disabled,\n          'cursor-pointer': !disabled,\n        },\n        themeClass,\n        className\n      )}\n    >\n      <div className=\"relative flex justify-center items-center\">\n        <div\n          className={clsx('flex justify-center items-center', {\n            'opacity-0': loading,\n            'opacity-100': !loading,\n          })}\n        >\n          <div className=\"flex items-center mr-[4px]\">{leftIconComponent}</div>\n          {TextJSX}\n          <div className=\"flex items-center ml-[4px]\">{rightIconComponent}</div>\n        </div>\n        <span\n          className={clsx(\n            'inline-block absolute box-border animate-spin',\n            'border-2 border-solid border-gray-400 border-t-gray-600 rounded-[50%]',\n            {\n              'size-[18px]': size === SIZE.s,\n              'size-[24px]': size === SIZE.l,\n            },\n            {\n              'opacity-0': !loading,\n              'opacity-100': loading,\n            }\n          )}\n        />\n      </div>\n    </div>\n  )\n}\nTextButton.Size = SIZE\nTextButton.Style = STYLE\nTextButton.Theme = THEME\n\nexport default TextButton\n"],"mappings":";;;;;;;;;AA0BA,MAAMA,cAID,EACH,MACA,mBACA,oBACA,OAAO,KAAK,GACZ,QAAQ,MAAM,QACd,QAAQ,MAAM,MACd,SAAS,OACT,WAAW,OACX,UAAU,OACV,YAAY,SACR;CACJ,MAAM,UAAU,cAEZ,SAAS,KAAK,IACZ,oBAAC;EAAS;EAAM,QAAQ,GAAG,OAAO;GAAQ,GAE1C,oBAAC;EAAS;EAAM,QAAQ,GAAG,OAAO;GAAQ,EAE9C,CAAC,MAAM,KAAK,CACb;CACD,MAAM,aAAa,cAAc;AAM/B,UALkB,WACd,4BACA,SACE,0BACA,mBACW,OAAO,MAAM;IAC7B;EAAC;EAAU;EAAQ;EAAO;EAAM,CAAC;AAEpC,QACE,oBAAC;EACC,WAAW,KACT,qBACA;GACE,kBAAkB;GAClB,kBAAkB,CAAC;GACpB,EACD,YACA,UACD;YAED,qBAAC;GAAI,WAAU;cACb,qBAAC;IACC,WAAW,KAAK,oCAAoC;KAClD,aAAa;KACb,eAAe,CAAC;KACjB,CAAC;;KAEF,oBAAC;MAAI,WAAU;gBAA8B;OAAwB;KACpE;KACD,oBAAC;MAAI,WAAU;gBAA8B;OAAyB;;KAClE,EACN,oBAAC,UACC,WAAW,KACT,iDACA,yEACA;IACE,eAAe,SAAS,KAAK;IAC7B,eAAe,SAAS,KAAK;IAC9B,EACD;IACE,aAAa,CAAC;IACd,eAAe;IAChB,CACF,GACD;IACE;GACF;;AAGV,WAAW,OAAO;AAClB,WAAW,QAAQ;AACnB,WAAW,QAAQ;AAEnB,0BAAe"}

package/lib/text-button-DlMVqsvV.js

@@ -0,0 +1,75 @@
+const require_chunk = require('./chunk-BxBTb9qk.js');
+const require_constants = require('./constants-BmxSMOOn.js');
+const require_paragraph = require('./paragraph-Bve022HS.js');
+const require_theme = require('./theme-DDBlIbeS.js');
+const require_theme$1 = require('./theme-ingLagfo.js');
+let react = require("react");
+react = require_chunk.__toESM(react);
+let clsx = require("clsx");
+clsx = require_chunk.__toESM(clsx);
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_chunk.__toESM(react_jsx_runtime);
+
+//#region src/button/components/text-button/index.tsx
+const TextButton = ({ text, leftIconComponent, rightIconComponent, size = require_constants.SIZE.s, theme = require_theme.THEME.normal, style = require_constants.STYLE.dark, active = false, disabled = false, loading = false, className = "" }) => {
+	const TextJSX = (0, react.useMemo)(() => size === require_constants.SIZE.s ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_paragraph.P2, {
+		text,
+		weight: require_paragraph.P2.Weight.bold
+	}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_paragraph.P1, {
+		text,
+		weight: require_paragraph.P1.Weight.bold
+	}), [size, text]);
+	const themeClass = (0, react.useMemo)(() => {
+		return (disabled ? require_theme$1.getDisabledContainerTheme : active ? require_theme$1.getActiveContainerTheme : require_theme$1.getContainerTheme)(theme, style);
+	}, [
+		disabled,
+		active,
+		theme,
+		style
+	]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: (0, clsx.default)("flex items-center", {
+			"cursor-default": disabled,
+			"cursor-pointer": !disabled
+		}, themeClass, className),
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "relative flex justify-center items-center",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: (0, clsx.default)("flex justify-center items-center", {
+					"opacity-0": loading,
+					"opacity-100": !loading
+				}),
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "flex items-center mr-[4px]",
+						children: leftIconComponent
+					}),
+					TextJSX,
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "flex items-center ml-[4px]",
+						children: rightIconComponent
+					})
+				]
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: (0, clsx.default)("inline-block absolute box-border animate-spin", "border-2 border-solid border-gray-400 border-t-gray-600 rounded-[50%]", {
+				"size-[18px]": size === require_constants.SIZE.s,
+				"size-[24px]": size === require_constants.SIZE.l
+			}, {
+				"opacity-0": !loading,
+				"opacity-100": loading
+			}) })]
+		})
+	});
+};
+TextButton.Size = require_constants.SIZE;
+TextButton.Style = require_constants.STYLE;
+TextButton.Theme = require_theme.THEME;
+var text_button_default = TextButton;
+
+//#endregion
+Object.defineProperty(exports, 'text_button_default', {
+  enumerable: true,
+  get: function () {
+    return text_button_default;
+  }
+});
+//# sourceMappingURL=text-button-DlMVqsvV.js.map

package/lib/text-button-DlMVqsvV.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-button-DlMVqsvV.js","names":["TextButton: FC<TextButtonProps> & {\n  Size: typeof SIZE\n  Style: typeof STYLE\n  Theme: typeof THEME\n}","SIZE","THEME","STYLE","P2","P1","getDisabledContainerTheme","getActiveContainerTheme","getContainerTheme"],"sources":["../src/button/components/text-button/index.tsx"],"sourcesContent":["import { type FC, type ReactElement, useMemo } from 'react'\nimport clsx from 'clsx'\n// components\nimport { P1, P2 } from '../../../text/paragraph'\n// constants\nimport { SIZE, type Size, STYLE, type Style } from '../../constants'\nimport { THEME, type Theme } from '../../../constants/theme'\n// utils\nimport {\n  getContainerTheme,\n  getActiveContainerTheme,\n  getDisabledContainerTheme,\n} from './theme'\n\ntype TextButtonProps = {\n  text: string\n  leftIconComponent?: ReactElement\n  rightIconComponent?: ReactElement\n  size?: Size\n  style?: Style\n  theme?: Theme\n  active?: boolean\n  disabled?: boolean\n  loading?: boolean\n  className?: string\n}\nconst TextButton: FC<TextButtonProps> & {\n  Size: typeof SIZE\n  Style: typeof STYLE\n  Theme: typeof THEME\n} = ({\n  text,\n  leftIconComponent,\n  rightIconComponent,\n  size = SIZE.s,\n  theme = THEME.normal,\n  style = STYLE.dark,\n  active = false,\n  disabled = false,\n  loading = false,\n  className = '',\n}) => {\n  const TextJSX = useMemo(\n    () =>\n      size === SIZE.s ? (\n        <P2 text={text} weight={P2.Weight.bold} />\n      ) : (\n        <P1 text={text} weight={P1.Weight.bold} />\n      ),\n    [size, text]\n  )\n  const themeClass = useMemo(() => {\n    const themeFunc = disabled\n      ? getDisabledContainerTheme\n      : active\n        ? getActiveContainerTheme\n        : getContainerTheme\n    return themeFunc(theme, style)\n  }, [disabled, active, theme, style])\n\n  return (\n    <div\n      className={clsx(\n        'flex items-center',\n        {\n          'cursor-default': disabled,\n          'cursor-pointer': !disabled,\n        },\n        themeClass,\n        className\n      )}\n    >\n      <div className=\"relative flex justify-center items-center\">\n        <div\n          className={clsx('flex justify-center items-center', {\n            'opacity-0': loading,\n            'opacity-100': !loading,\n          })}\n        >\n          <div className=\"flex items-center mr-[4px]\">{leftIconComponent}</div>\n          {TextJSX}\n          <div className=\"flex items-center ml-[4px]\">{rightIconComponent}</div>\n        </div>\n        <span\n          className={clsx(\n            'inline-block absolute box-border animate-spin',\n            'border-2 border-solid border-gray-400 border-t-gray-600 rounded-[50%]',\n            {\n              'size-[18px]': size === SIZE.s,\n              'size-[24px]': size === SIZE.l,\n            },\n            {\n              'opacity-0': !loading,\n              'opacity-100': loading,\n            }\n          )}\n        />\n      </div>\n    </div>\n  )\n}\nTextButton.Size = SIZE\nTextButton.Style = STYLE\nTextButton.Theme = THEME\n\nexport default TextButton\n"],"mappings":";;;;;;;;;;;;;AA0BA,MAAMA,cAID,EACH,MACA,mBACA,oBACA,OAAOC,uBAAK,GACZ,QAAQC,oBAAM,QACd,QAAQC,wBAAM,MACd,SAAS,OACT,WAAW,OACX,UAAU,OACV,YAAY,SACR;CACJ,MAAM,mCAEF,SAASF,uBAAK,IACZ,2CAACG;EAAS;EAAM,QAAQA,qBAAG,OAAO;GAAQ,GAE1C,2CAACC;EAAS;EAAM,QAAQA,qBAAG,OAAO;GAAQ,EAE9C,CAAC,MAAM,KAAK,CACb;CACD,MAAM,sCAA2B;AAM/B,UALkB,WACdC,4CACA,SACEC,0CACAC,mCACW,OAAO,MAAM;IAC7B;EAAC;EAAU;EAAQ;EAAO;EAAM,CAAC;AAEpC,QACE,2CAAC;EACC,6BACE,qBACA;GACE,kBAAkB;GAClB,kBAAkB,CAAC;GACpB,EACD,YACA,UACD;YAED,4CAAC;GAAI,WAAU;cACb,4CAAC;IACC,6BAAgB,oCAAoC;KAClD,aAAa;KACb,eAAe,CAAC;KACjB,CAAC;;KAEF,2CAAC;MAAI,WAAU;gBAA8B;OAAwB;KACpE;KACD,2CAAC;MAAI,WAAU;gBAA8B;OAAyB;;KAClE,EACN,2CAAC,UACC,6BACE,iDACA,yEACA;IACE,eAAe,SAASP,uBAAK;IAC7B,eAAe,SAASA,uBAAK;IAC9B,EACD;IACE,aAAa,CAAC;IACd,eAAe;IAChB,CACF,GACD;IACE;GACF;;AAGV,WAAW,OAAOA;AAClB,WAAW,QAAQE;AACnB,WAAW,QAAQD;AAEnB,0BAAe"}

package/lib/theme-B4rsurcB.js

@@ -0,0 +1,58 @@
+const require_theme = require('./theme-DDBlIbeS.js');
+
+//#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 require_theme.THEME.photography: return {
+			color: "text-gray-200",
+			hoverColor: "hover:text-supportive-pastel",
+			svgBgColor: "[&>svg]:bg-gray-200",
+			svgHoverBgColor: "[&>svg]:hover:bg-supportive-pastel"
+		};
+		case `${require_theme.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 require_theme.THEME.transparent: return {
+			color: "text-gray-100",
+			hoverColor: "hover:text-gray-200",
+			svgBgColor: "[&>svg]:bg-gray-100",
+			svgHoverBgColor: "[&>svg]:hover:bg-gray-200"
+		};
+		case `${require_theme.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 `${require_theme.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
+Object.defineProperty(exports, 'getIconWithTextButtonTheme', {
+  enumerable: true,
+  get: function () {
+    return getIconWithTextButtonTheme;
+  }
+});
+//# sourceMappingURL=theme-B4rsurcB.js.map

package/lib/theme-B4rsurcB.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-B4rsurcB.js","names":["THEME"],"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,KAAKA,oBAAM,YACT,QAAO;GACL,OAAO;GACP,YAAY;GACZ,YAAY;GACZ,iBAAiB;GAClB;EACH,KAAK,GAAGA,oBAAM,YAAY,SACxB,QAAO;GACL,OAAO;GACP,YAAY;GACZ,YAAY;GACZ,iBAAiB;GAClB;EACH,KAAKA,oBAAM,YACT,QAAO;GACL,OAAO;GACP,YAAY;GACZ,YAAY;GACZ,iBAAiB;GAClB;EACH,KAAK,GAAGA,oBAAM,YAAY,SACxB,QAAO;GACL,OAAO;GACP,YAAY;GACZ,YAAY;GACZ,iBAAiB;GAClB;EACH,KAAK,GAAGA,oBAAM,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-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-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-Cbt9LjOk.mjs

@@ -0,0 +1,42 @@
+import { THEME } from "./theme-BG6yZVj-.mjs";
+import { LOGO_TYPE } from "./constants-ZlCS0t-_.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-Cbt9LjOk.mjs.map

package/lib/theme-Cbt9LjOk.mjs.map

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

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-CjHrkZbk.mjs

@@ -0,0 +1,67 @@
+import { THEME } from "./theme-BG6yZVj-.mjs";
+import { LOGO_SYMBOL_TYPE } from "./constants-ZlCS0t-_.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-CjHrkZbk.mjs.map

package/lib/theme-CjHrkZbk.mjs.map

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

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

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

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

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

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

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

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

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

package/lib/{theme-BLdi7Moc.js → theme-DcgOPrC2.js}

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

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

@@ -1 +1 @@
-{"version":3,"file":"theme-BLdi7Moc.js","names":["THEME"],"sources":["../src/input/theme.ts"],"sourcesContent":["import { THEME, type Theme } from '../constants/theme'\n\nexport const selectThemeStyle = (theme: Theme) => {\n  switch (theme) {\n    case THEME.photography:\n      return {\n        bgColor: 'bg-opacity-white-08',\n        focusBgColor: 'focus:bg-gray-100',\n        desktopBgColor: 'desktop:bg-gray-100',\n        borderColor: 'border-supportive-pastel',\n        color: 'text-gray-800',\n        focusColor: 'focus:text-gray-800',\n        placeholderColor: '[&::placeholder]:text-gray-800',\n      }\n    case THEME.transparent:\n      return {\n        bgColor: 'bg-opacity-gray100-08',\n        focusBgColor: 'focus:bg-opacity-gray100-08',\n        desktopBgColor: 'desktop:bg-gray-white',\n        borderColor: 'border-gray-600',\n        color: 'text-gray-800',\n        focusColor: 'focus:text-gray-800',\n        placeholderColor: '[&::placeholder]:text-gray-500',\n      }\n    default:\n      return {\n        bgColor: 'bg-opacity-gray100-08',\n        focusBgColor: 'focus:bg-opacity-gray100-08',\n        desktopBgColor: 'desktop:bg-gray-white',\n        borderColor: 'border-gray-600',\n        color: 'text-gray-800',\n        focusColor: 'focus:text-gray-800',\n        placeholderColor: '[&::placeholder]:text-gray-500',\n      }\n  }\n}\n"],"mappings":";;;AAEA,MAAa,oBAAoB,UAAiB;AAChD,SAAQ,OAAR;EACE,KAAKA,oBAAM,YACT,QAAO;GACL,SAAS;GACT,cAAc;GACd,gBAAgB;GAChB,aAAa;GACb,OAAO;GACP,YAAY;GACZ,kBAAkB;GACnB;EACH,KAAKA,oBAAM,YACT,QAAO;GACL,SAAS;GACT,cAAc;GACd,gBAAgB;GAChB,aAAa;GACb,OAAO;GACP,YAAY;GACZ,kBAAkB;GACnB;EACH,QACE,QAAO;GACL,SAAS;GACT,cAAc;GACd,gBAAgB;GAChB,aAAa;GACb,OAAO;GACP,YAAY;GACZ,kBAAkB;GACnB"}
+{"version":3,"file":"theme-DcgOPrC2.js","names":["THEME"],"sources":["../src/input/theme.ts"],"sourcesContent":["import { THEME, type Theme } from '../constants/theme'\n\nexport const selectThemeStyle = (theme: Theme) => {\n  switch (theme) {\n    case THEME.photography:\n      return {\n        bgColor: 'bg-opacity-white-08',\n        focusBgColor: 'focus:bg-gray-100',\n        desktopBgColor: 'desktop:bg-gray-100',\n        borderColor: 'border-supportive-pastel',\n        color: 'text-gray-800',\n        focusColor: 'focus:text-gray-800',\n        placeholderColor: '[&::placeholder]:text-gray-800',\n      }\n    case THEME.transparent:\n      return {\n        bgColor: 'bg-opacity-gray100-08',\n        focusBgColor: 'focus:bg-opacity-gray100-08',\n        desktopBgColor: 'desktop:bg-gray-white',\n        borderColor: 'border-gray-600',\n        color: 'text-gray-800',\n        focusColor: 'focus:text-gray-800',\n        placeholderColor: '[&::placeholder]:text-gray-500',\n      }\n    default:\n      return {\n        bgColor: 'bg-opacity-gray100-08',\n        focusBgColor: 'focus:bg-opacity-gray100-08',\n        desktopBgColor: 'desktop:bg-gray-white',\n        borderColor: 'border-gray-600',\n        color: 'text-gray-800',\n        focusColor: 'focus:text-gray-800',\n        placeholderColor: '[&::placeholder]:text-gray-500',\n      }\n  }\n}\n"],"mappings":";;;AAEA,MAAa,oBAAoB,UAAiB;AAChD,SAAQ,OAAR;EACE,KAAKA,oBAAM,YACT,QAAO;GACL,SAAS;GACT,cAAc;GACd,gBAAgB;GAChB,aAAa;GACb,OAAO;GACP,YAAY;GACZ,kBAAkB;GACnB;EACH,KAAKA,oBAAM,YACT,QAAO;GACL,SAAS;GACT,cAAc;GACd,gBAAgB;GAChB,aAAa;GACb,OAAO;GACP,YAAY;GACZ,kBAAkB;GACnB;EACH,QACE,QAAO;GACL,SAAS;GACT,cAAc;GACd,gBAAgB;GAChB,aAAa;GACb,OAAO;GACP,YAAY;GACZ,kBAAkB;GACnB"}