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

package/lib/theme-YXaUsVJu.mjs

@@ -0,0 +1,296 @@
+import { STYLE } from "./constants-oTHAnh6r.mjs";
+import { THEME } from "./theme-BG6yZVj-.mjs";
+
+//#region src/button/components/pill-button/theme.ts
+const getFilledPillButtonTheme = (theme, disabled, style) => {
+	if (disabled) switch (theme) {
+		case THEME.transparent: switch (style) {
+			case STYLE.light: return {
+				color: "text-gray-white",
+				bgColor: "bg-gray-400",
+				hoverColor: "hover:text-gray-white",
+				hoverBgColor: "hover:bg-gray-400",
+				borderColor: "border-gray-400",
+				svgBgColor: "[&>svg]:bg-gray-white",
+				borderHoverColor: "hover:border-gray-400",
+				svgHoverBgColor: "hover:[&>svg]:bg-gray-white"
+			};
+			default: return {
+				color: "text-gray-700",
+				bgColor: "bg-gray-500",
+				hoverColor: "hover:text-gray-700",
+				hoverBgColor: "hover:bg-gray-500",
+				borderColor: "border-gray-500",
+				svgBgColor: "[&>svg]:bg-gray-700",
+				borderHoverColor: "hover:border-gray-500",
+				svgHoverBgColor: "hover:[&>svg]:bg-gray-500"
+			};
+		}
+		case THEME.photography: return {
+			color: "text-gray-700",
+			bgColor: "bg-gray-500",
+			hoverColor: "hover:text-gray-700",
+			hoverBgColor: "hover:bg-gray-500",
+			borderColor: "border-gray-500",
+			svgBgColor: "[&>svg]:bg-gray-700",
+			borderHoverColor: "hover:border-gray-500",
+			svgHoverBgColor: "hover:[&>svg]:bg-gray-700"
+		};
+		default: return {
+			color: "text-gray-white",
+			bgColor: "bg-gray-400",
+			hoverColor: "hover:text-gray-white",
+			hoverBgColor: "hover:bg-gray-400",
+			borderColor: "border-gray-400",
+			svgBgColor: "[&>svg]:bg-gray-white",
+			borderHoverColor: "hover:border-gray-400",
+			svgHoverBgColor: "hover:[&>svg]:bg-gray-white"
+		};
+	}
+	switch (theme) {
+		case THEME.photography: switch (style) {
+			case STYLE.dark: return {
+				color: "text-photo-dark",
+				bgColor: "bg-gray-white",
+				hoverColor: "hover:text-photo-dark",
+				hoverBgColor: "hover:bg-gray-200",
+				borderColor: "border-gray-white",
+				svgBgColor: "[&>svg]:bg-photo-dark",
+				borderHoverColor: "hover:border-gray-200",
+				svgHoverBgColor: "hover:[&>svg]:bg-photo-dark"
+			};
+			case STYLE.light: return {
+				color: "text-photo-dark",
+				bgColor: "bg-gray-300",
+				hoverColor: "hover:text-photo-dark",
+				hoverBgColor: "hover:bg-gray-400",
+				borderColor: "border-gray-300",
+				svgBgColor: "[&>svg]:bg-photo-dark",
+				borderHoverColor: "hover:border-gray-400",
+				svgHoverBgColor: "hover:[&>svg]:bg-photo-dark"
+			};
+			default: return {
+				color: "text-photo-dark",
+				bgColor: "bg-supportive-faded",
+				hoverColor: "hover:text-photo-dark",
+				hoverBgColor: "hover:bg-supportive-pastel",
+				borderColor: "border-supportive-faded",
+				svgBgColor: "[&>svg]:bg-photo-dark",
+				borderHoverColor: "hover:border-supportive-pastel",
+				svgHoverBgColor: "hover:[&>svg]:bg-photo-dark"
+			};
+		}
+		case THEME.transparent: switch (style) {
+			case STYLE.dark: return {
+				color: "text-gray-800",
+				bgColor: "bg-gray-300",
+				hoverColor: "hover:text-gray-800",
+				hoverBgColor: "hover:bg-gray-400",
+				borderColor: "border-gray-300",
+				svgBgColor: "[&>svg]:bg-gray-800",
+				borderHoverColor: "hover:border-gray-400",
+				svgHoverBgColor: "hover:[&>svg]:bg-gray-800"
+			};
+			case STYLE.light: return {
+				color: "text-gray-white",
+				bgColor: "bg-gray-800",
+				hoverColor: "hover:text-gray-white",
+				hoverBgColor: "hover:bg-gray-black",
+				borderColor: "border-gray-800",
+				svgBgColor: "[&>svg]:bg-gray-white",
+				borderHoverColor: "hover:border-gray-black",
+				svgHoverBgColor: "hover:[&>svg]:bg-gray-white"
+			};
+			default: return {
+				color: "text-gray-800",
+				bgColor: "bg-gray-white",
+				hoverColor: "hover:text-gray-800",
+				hoverBgColor: "hover:bg-gray-200",
+				borderColor: "border-gray-white",
+				svgBgColor: "[&>svg]:bg-gray-800",
+				borderHoverColor: "hover:border-gray-200",
+				svgHoverBgColor: "hover:[&>svg]:bg-gray-800"
+			};
+		}
+		default: switch (style) {
+			case STYLE.dark: return {
+				color: "text-gray-white",
+				bgColor: "bg-gray-800",
+				hoverColor: "hover:text-gray-white",
+				hoverBgColor: "hover:bg-gray-black",
+				borderColor: "border-gray-800",
+				svgBgColor: "[&>svg]:bg-gray-white",
+				borderHoverColor: "hover:border-gray-black",
+				svgHoverBgColor: "hover:[&>svg]:bg-gray-white"
+			};
+			case STYLE.light: return {
+				color: "text-gray-800",
+				bgColor: "bg-gray-white",
+				hoverColor: "hover:text-gray-800",
+				hoverBgColor: "hover:bg-gray-200",
+				borderColor: "border-gray-white",
+				svgBgColor: "[&>svg]:bg-gray-800",
+				borderHoverColor: "hover:border-gray-200",
+				svgHoverBgColor: "hover:[&>svg]:bg-gray-800"
+			};
+			default: return {
+				color: "text-gray-white",
+				bgColor: "bg-brand-heavy",
+				hoverColor: "hover:text-gray-white",
+				hoverBgColor: "hover:bg-brand-dark",
+				borderColor: "border-brand-heavy",
+				svgBgColor: "[&>svg]:bg-gray-white",
+				borderHoverColor: "hover:border-brand-dark",
+				svgHoverBgColor: "hover:[&>svg]:bg-gray-white"
+			};
+		}
+	}
+};
+const getOutlinePillButtonTheme = (theme, disabled, style) => {
+	if (disabled) switch (theme) {
+		case THEME.transparent: switch (style) {
+			case STYLE.light: return {
+				color: "text-gray-400",
+				bgColor: "bg-gray-400",
+				hoverColor: "hover:text-gray-400",
+				hoverBgColor: "hover:bg-gray-400",
+				borderColor: "border-gray-400",
+				svgBgColor: "[&>svg]:bg-gray-400",
+				borderHoverColor: "hover:border-gray-400",
+				svgHoverBgColor: "hover:[&>svg]:bg-gray-400"
+			};
+			default: return {
+				color: "text-gray-500",
+				bgColor: "bg-gray-500",
+				hoverColor: "hover:text-gray-500",
+				hoverBgColor: "hover:bg-gray-500",
+				borderColor: "border-gray-500",
+				svgBgColor: "[&>svg]:bg-gray-500",
+				borderHoverColor: "hover:border-gray-500",
+				svgHoverBgColor: "hover:[&>svg]:bg-gray-500"
+			};
+		}
+		case THEME.photography: return {
+			color: "text-gray-500",
+			bgColor: "bg-gray-500",
+			hoverColor: "hover:text-gray-500",
+			hoverBgColor: "hover:bg-gray-500",
+			borderColor: "border-gray-500",
+			svgBgColor: "[&>svg]:bg-gray-500",
+			borderHoverColor: "hover:border-gray-500",
+			svgHoverBgColor: "hover:[&>svg]:bg-gray-500"
+		};
+		default: return {
+			color: "text-gray-400",
+			bgColor: "bg-gray-400",
+			hoverColor: "hover:text-gray-400",
+			hoverBgColor: "hover:bg-gray-400",
+			borderColor: "border-gray-400",
+			svgBgColor: "[&>svg]:bg-gray-400",
+			borderHoverColor: "hover:border-gray-400",
+			svgHoverBgColor: "hover:[&>svg]:bg-gray-400"
+		};
+	}
+	switch (theme) {
+		case THEME.photography: switch (style) {
+			case STYLE.dark: return {
+				color: "text-gray-white",
+				bgColor: "bg-gray-white",
+				hoverColor: "hover:text-gray-200",
+				hoverBgColor: "hover:bg-gray-200",
+				borderColor: "border-gray-white",
+				svgBgColor: "[&>svg]:bg-gray-white",
+				borderHoverColor: "hover:border-gray-200",
+				svgHoverBgColor: "hover:[&>svg]:bg-gray-200"
+			};
+			case STYLE.light: return {
+				color: "text-gray-300",
+				bgColor: "bg-gray-300",
+				hoverColor: "hover:text-gray-400",
+				hoverBgColor: "hover:bg-gray-400",
+				borderColor: "border-gray-300",
+				svgBgColor: "[&>svg]:bg-gray-300",
+				borderHoverColor: "hover:border-gray-400",
+				svgHoverBgColor: "hover:[&>svg]:bg-gray-400"
+			};
+			default: return {
+				color: "text-supportive-faded",
+				bgColor: "bg-supportive-faded",
+				hoverColor: "hover:text-supportive-pastel",
+				hoverBgColor: "hover:bg-supportive-pastel",
+				borderColor: "border-supportive-faded",
+				svgBgColor: "[&>svg]:bg-supportive-faded",
+				borderHoverColor: "hover:border-supportive-pastel",
+				svgHoverBgColor: "hover:[&>svg]:bg-supportive-pastel"
+			};
+		}
+		case THEME.transparent: switch (style) {
+			case STYLE.dark: return {
+				color: "text-gray-300",
+				bgColor: "bg-gray-300",
+				hoverColor: "hover:text-gray-400",
+				hoverBgColor: "hover:bg-gray-400",
+				borderColor: "border-gray-300",
+				svgBgColor: "[&>svg]:bg-gray-300",
+				borderHoverColor: "hover:border-gray-400",
+				svgHoverBgColor: "hover:[&>svg]:bg-gray-400"
+			};
+			case STYLE.light: return {
+				color: "text-gray-800",
+				bgColor: "bg-gray-800",
+				hoverColor: "hover:text-gray-black",
+				hoverBgColor: "hover:bg-gray-black",
+				borderColor: "border-gray-800",
+				svgBgColor: "[&>svg]:bg-gray-800",
+				borderHoverColor: "hover:border-gray-black",
+				svgHoverBgColor: "hover:[&>svg]:bg-gray-black"
+			};
+			default: return {
+				color: "text-gray-white",
+				bgColor: "bg-gray-white",
+				hoverColor: "hover:text-gray-200",
+				hoverBgColor: "hover:bg-gray-200",
+				borderColor: "border-gray-white",
+				svgBgColor: "[&>svg]:bg-gray-white",
+				borderHoverColor: "hover:border-gray-200",
+				svgHoverBgColor: "hover:[&>svg]:bg-gray-200"
+			};
+		}
+		default: switch (style) {
+			case STYLE.dark: return {
+				color: "text-gray-800",
+				bgColor: "bg-gray-800",
+				hoverColor: "hover:text-gray-black",
+				hoverBgColor: "hover:bg-gray-black",
+				borderColor: "border-gray-800",
+				svgBgColor: "[&>svg]:bg-gray-800",
+				borderHoverColor: "hover:border-gray-black",
+				svgHoverBgColor: "hover:[&>svg]:bg-gray-black"
+			};
+			case STYLE.light: return {
+				color: "text-gray-800",
+				bgColor: "bg-gray-white",
+				hoverColor: "hover:text-gray-800",
+				hoverBgColor: "hover:bg-gray-200",
+				borderColor: "border-gray-white",
+				svgBgColor: "[&>svg]:bg-gray-800",
+				borderHoverColor: "hover:border-gray-200",
+				svgHoverBgColor: "hover:[&>svg]:bg-gray-800"
+			};
+			default: return {
+				color: "text-brand-heavy",
+				bgColor: "bg-brand-heavy",
+				hoverColor: "hover:text-brand-dark",
+				hoverBgColor: "hover:bg-brand-dark",
+				borderColor: "border-brand-heavy",
+				svgBgColor: "[&>svg]:bg-brand-heavy",
+				borderHoverColor: "hover:border-brand-dark",
+				svgHoverBgColor: "hover:[&>svg]:bg-brand-dark"
+			};
+		}
+	}
+};
+
+//#endregion
+export { getFilledPillButtonTheme, getOutlinePillButtonTheme };
+//# sourceMappingURL=theme-YXaUsVJu.mjs.map

package/lib/theme-YXaUsVJu.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-YXaUsVJu.mjs","names":[],"sources":["../src/button/components/pill-button/theme.ts"],"sourcesContent":["import { THEME, type Theme } from '../../../constants/theme'\nimport { STYLE, type Style } from '../../constants'\n\nexport const getFilledPillButtonTheme = (\n  theme: Theme,\n  disabled: boolean,\n  style: Style\n) => {\n  if (disabled) {\n    switch (theme) {\n      case THEME.transparent:\n        switch (style) {\n          case STYLE.light:\n            return {\n              color: 'text-gray-white',\n              bgColor: 'bg-gray-400',\n              hoverColor: 'hover:text-gray-white',\n              hoverBgColor: 'hover:bg-gray-400',\n              borderColor: 'border-gray-400',\n              svgBgColor: '[&>svg]:bg-gray-white',\n              borderHoverColor: 'hover:border-gray-400',\n              svgHoverBgColor: 'hover:[&>svg]:bg-gray-white',\n            }\n          default:\n            return {\n              color: 'text-gray-700',\n              bgColor: 'bg-gray-500',\n              hoverColor: 'hover:text-gray-700',\n              hoverBgColor: 'hover:bg-gray-500',\n              borderColor: 'border-gray-500',\n              svgBgColor: '[&>svg]:bg-gray-700',\n              borderHoverColor: 'hover:border-gray-500',\n              svgHoverBgColor: 'hover:[&>svg]:bg-gray-500',\n            }\n        }\n      case THEME.photography:\n        return {\n          color: 'text-gray-700',\n          bgColor: 'bg-gray-500',\n          hoverColor: 'hover:text-gray-700',\n          hoverBgColor: 'hover:bg-gray-500',\n          borderColor: 'border-gray-500',\n          svgBgColor: '[&>svg]:bg-gray-700',\n          borderHoverColor: 'hover:border-gray-500',\n          svgHoverBgColor: 'hover:[&>svg]:bg-gray-700',\n        }\n      default:\n        return {\n          color: 'text-gray-white',\n          bgColor: 'bg-gray-400',\n          hoverColor: 'hover:text-gray-white',\n          hoverBgColor: 'hover:bg-gray-400',\n          borderColor: 'border-gray-400',\n          svgBgColor: '[&>svg]:bg-gray-white',\n          borderHoverColor: 'hover:border-gray-400',\n          svgHoverBgColor: 'hover:[&>svg]:bg-gray-white',\n        }\n    }\n  }\n  switch (theme) {\n    case THEME.photography:\n      switch (style) {\n        case STYLE.dark:\n          return {\n            color: 'text-photo-dark',\n            bgColor: 'bg-gray-white',\n            hoverColor: 'hover:text-photo-dark',\n            hoverBgColor: 'hover:bg-gray-200',\n            borderColor: 'border-gray-white',\n            svgBgColor: '[&>svg]:bg-photo-dark',\n            borderHoverColor: 'hover:border-gray-200',\n            svgHoverBgColor: 'hover:[&>svg]:bg-photo-dark',\n          }\n        case STYLE.light:\n          return {\n            color: 'text-photo-dark',\n            bgColor: 'bg-gray-300',\n            hoverColor: 'hover:text-photo-dark',\n            hoverBgColor: 'hover:bg-gray-400',\n            borderColor: 'border-gray-300',\n            svgBgColor: '[&>svg]:bg-photo-dark',\n            borderHoverColor: 'hover:border-gray-400',\n            svgHoverBgColor: 'hover:[&>svg]:bg-photo-dark',\n          }\n        default:\n          return {\n            color: 'text-photo-dark',\n            bgColor: 'bg-supportive-faded',\n            hoverColor: 'hover:text-photo-dark',\n            hoverBgColor: 'hover:bg-supportive-pastel',\n            borderColor: 'border-supportive-faded',\n            svgBgColor: '[&>svg]:bg-photo-dark',\n            borderHoverColor: 'hover:border-supportive-pastel',\n            svgHoverBgColor: 'hover:[&>svg]:bg-photo-dark',\n          }\n      }\n    case THEME.transparent:\n      switch (style) {\n        case STYLE.dark:\n          return {\n            color: 'text-gray-800',\n            bgColor: 'bg-gray-300',\n            hoverColor: 'hover:text-gray-800',\n            hoverBgColor: 'hover:bg-gray-400',\n            borderColor: 'border-gray-300',\n            svgBgColor: '[&>svg]:bg-gray-800',\n            borderHoverColor: 'hover:border-gray-400',\n            svgHoverBgColor: 'hover:[&>svg]:bg-gray-800',\n          }\n        case STYLE.light:\n          return {\n            color: 'text-gray-white',\n            bgColor: 'bg-gray-800',\n            hoverColor: 'hover:text-gray-white',\n            hoverBgColor: 'hover:bg-gray-black',\n            borderColor: 'border-gray-800',\n            svgBgColor: '[&>svg]:bg-gray-white',\n            borderHoverColor: 'hover:border-gray-black',\n            svgHoverBgColor: 'hover:[&>svg]:bg-gray-white',\n          }\n        default:\n          return {\n            color: 'text-gray-800',\n            bgColor: 'bg-gray-white',\n            hoverColor: 'hover:text-gray-800',\n            hoverBgColor: 'hover:bg-gray-200',\n            borderColor: 'border-gray-white',\n            svgBgColor: '[&>svg]:bg-gray-800',\n            borderHoverColor: 'hover:border-gray-200',\n            svgHoverBgColor: 'hover:[&>svg]:bg-gray-800',\n          }\n      }\n    default:\n      switch (style) {\n        case STYLE.dark:\n          return {\n            color: 'text-gray-white',\n            bgColor: 'bg-gray-800',\n            hoverColor: 'hover:text-gray-white',\n            hoverBgColor: 'hover:bg-gray-black',\n            borderColor: 'border-gray-800',\n            svgBgColor: '[&>svg]:bg-gray-white',\n            borderHoverColor: 'hover:border-gray-black',\n            svgHoverBgColor: 'hover:[&>svg]:bg-gray-white',\n          }\n        case STYLE.light:\n          return {\n            color: 'text-gray-800',\n            bgColor: 'bg-gray-white',\n            hoverColor: 'hover:text-gray-800',\n            hoverBgColor: 'hover:bg-gray-200',\n            borderColor: 'border-gray-white',\n            svgBgColor: '[&>svg]:bg-gray-800',\n            borderHoverColor: 'hover:border-gray-200',\n            svgHoverBgColor: 'hover:[&>svg]:bg-gray-800',\n          }\n        default:\n          return {\n            color: 'text-gray-white',\n            bgColor: 'bg-brand-heavy',\n            hoverColor: 'hover:text-gray-white',\n            hoverBgColor: 'hover:bg-brand-dark',\n            borderColor: 'border-brand-heavy',\n            svgBgColor: '[&>svg]:bg-gray-white',\n            borderHoverColor: 'hover:border-brand-dark',\n            svgHoverBgColor: 'hover:[&>svg]:bg-gray-white',\n          }\n      }\n  }\n}\n\nexport const getOutlinePillButtonTheme = (\n  theme: Theme,\n  disabled: boolean,\n  style: Style\n) => {\n  if (disabled) {\n    switch (theme) {\n      case THEME.transparent:\n        switch (style) {\n          case STYLE.light:\n            return {\n              color: 'text-gray-400',\n              bgColor: 'bg-gray-400',\n              hoverColor: 'hover:text-gray-400',\n              hoverBgColor: 'hover:bg-gray-400',\n              borderColor: 'border-gray-400',\n              svgBgColor: '[&>svg]:bg-gray-400',\n              borderHoverColor: 'hover:border-gray-400',\n              svgHoverBgColor: 'hover:[&>svg]:bg-gray-400',\n            }\n          default:\n            return {\n              color: 'text-gray-500',\n              bgColor: 'bg-gray-500',\n              hoverColor: 'hover:text-gray-500',\n              hoverBgColor: 'hover:bg-gray-500',\n              borderColor: 'border-gray-500',\n              svgBgColor: '[&>svg]:bg-gray-500',\n              borderHoverColor: 'hover:border-gray-500',\n              svgHoverBgColor: 'hover:[&>svg]:bg-gray-500',\n            }\n        }\n      case THEME.photography:\n        return {\n          color: 'text-gray-500',\n          bgColor: 'bg-gray-500',\n          hoverColor: 'hover:text-gray-500',\n          hoverBgColor: 'hover:bg-gray-500',\n          borderColor: 'border-gray-500',\n          svgBgColor: '[&>svg]:bg-gray-500',\n          borderHoverColor: 'hover:border-gray-500',\n          svgHoverBgColor: 'hover:[&>svg]:bg-gray-500',\n        }\n      default:\n        return {\n          color: 'text-gray-400',\n          bgColor: 'bg-gray-400',\n          hoverColor: 'hover:text-gray-400',\n          hoverBgColor: 'hover:bg-gray-400',\n          borderColor: 'border-gray-400',\n          svgBgColor: '[&>svg]:bg-gray-400',\n          borderHoverColor: 'hover:border-gray-400',\n          svgHoverBgColor: 'hover:[&>svg]:bg-gray-400',\n        }\n    }\n  }\n\n  switch (theme) {\n    case THEME.photography:\n      switch (style) {\n        case STYLE.dark:\n          return {\n            color: 'text-gray-white',\n            bgColor: 'bg-gray-white',\n            hoverColor: 'hover:text-gray-200',\n            hoverBgColor: 'hover:bg-gray-200',\n            borderColor: 'border-gray-white',\n            svgBgColor: '[&>svg]:bg-gray-white',\n            borderHoverColor: 'hover:border-gray-200',\n            svgHoverBgColor: 'hover:[&>svg]:bg-gray-200',\n          }\n        case STYLE.light:\n          return {\n            color: 'text-gray-300',\n            bgColor: 'bg-gray-300',\n            hoverColor: 'hover:text-gray-400',\n            hoverBgColor: 'hover:bg-gray-400',\n            borderColor: 'border-gray-300',\n            svgBgColor: '[&>svg]:bg-gray-300',\n            borderHoverColor: 'hover:border-gray-400',\n            svgHoverBgColor: 'hover:[&>svg]:bg-gray-400',\n          }\n        default:\n          return {\n            color: 'text-supportive-faded',\n            bgColor: 'bg-supportive-faded',\n            hoverColor: 'hover:text-supportive-pastel',\n            hoverBgColor: 'hover:bg-supportive-pastel',\n            borderColor: 'border-supportive-faded',\n            svgBgColor: '[&>svg]:bg-supportive-faded',\n            borderHoverColor: 'hover:border-supportive-pastel',\n            svgHoverBgColor: 'hover:[&>svg]:bg-supportive-pastel',\n          }\n      }\n    case THEME.transparent:\n      switch (style) {\n        case STYLE.dark:\n          return {\n            color: 'text-gray-300',\n            bgColor: 'bg-gray-300',\n            hoverColor: 'hover:text-gray-400',\n            hoverBgColor: 'hover:bg-gray-400',\n            borderColor: 'border-gray-300',\n            svgBgColor: '[&>svg]:bg-gray-300',\n            borderHoverColor: 'hover:border-gray-400',\n            svgHoverBgColor: 'hover:[&>svg]:bg-gray-400',\n          }\n        case STYLE.light:\n          return {\n            color: 'text-gray-800',\n            bgColor: 'bg-gray-800',\n            hoverColor: 'hover:text-gray-black',\n            hoverBgColor: 'hover:bg-gray-black',\n            borderColor: 'border-gray-800',\n            svgBgColor: '[&>svg]:bg-gray-800',\n            borderHoverColor: 'hover:border-gray-black',\n            svgHoverBgColor: 'hover:[&>svg]:bg-gray-black',\n          }\n        default:\n          return {\n            color: 'text-gray-white',\n            bgColor: 'bg-gray-white',\n            hoverColor: 'hover:text-gray-200',\n            hoverBgColor: 'hover:bg-gray-200',\n            borderColor: 'border-gray-white',\n            svgBgColor: '[&>svg]:bg-gray-white',\n            borderHoverColor: 'hover:border-gray-200',\n            svgHoverBgColor: 'hover:[&>svg]:bg-gray-200',\n          }\n      }\n    default:\n      switch (style) {\n        case STYLE.dark:\n          return {\n            color: 'text-gray-800',\n            bgColor: 'bg-gray-800',\n            hoverColor: 'hover:text-gray-black',\n            hoverBgColor: 'hover:bg-gray-black',\n            borderColor: 'border-gray-800',\n            svgBgColor: '[&>svg]:bg-gray-800',\n            borderHoverColor: 'hover:border-gray-black',\n            svgHoverBgColor: 'hover:[&>svg]:bg-gray-black',\n          }\n        case STYLE.light:\n          return {\n            color: 'text-gray-800',\n            bgColor: 'bg-gray-white',\n            hoverColor: 'hover:text-gray-800',\n            hoverBgColor: 'hover:bg-gray-200',\n            borderColor: 'border-gray-white',\n            svgBgColor: '[&>svg]:bg-gray-800',\n            borderHoverColor: 'hover:border-gray-200',\n            svgHoverBgColor: 'hover:[&>svg]:bg-gray-800',\n          }\n        default:\n          return {\n            color: 'text-brand-heavy',\n            bgColor: 'bg-brand-heavy',\n            hoverColor: 'hover:text-brand-dark',\n            hoverBgColor: 'hover:bg-brand-dark',\n            borderColor: 'border-brand-heavy',\n            svgBgColor: '[&>svg]:bg-brand-heavy',\n            borderHoverColor: 'hover:border-brand-dark',\n            svgHoverBgColor: 'hover:[&>svg]:bg-brand-dark',\n          }\n      }\n  }\n}\n"],"mappings":"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"}

package/lib/theme-gPGrAR2u.mjs

@@ -0,0 +1,46 @@
+import { STYLE } from "./constants-oTHAnh6r.mjs";
+import { THEME } from "./theme-BG6yZVj-.mjs";
+
+//#region src/button/components/text-button/theme.ts
+const getDisabledContainerTheme = (theme) => {
+	return ["text-gray-400 hover:text-gray-400", { "text-gray-500 hover:text-gray-500": theme === THEME.photography || theme === THEME.transparent }];
+};
+const getActiveContainerTheme = (theme, style) => {
+	return [
+		{
+			"text-gray-800 hover:text-gray-800": style === STYLE.light,
+			"text-brand-heavy hover:text-brand-heavy": style === STYLE.dark,
+			"text-brand-dark hover:text-brand-dark": style === STYLE.brand
+		},
+		{
+			"text-gray-400 hover:text-gray-400": theme === THEME.photography && style === STYLE.light,
+			"text-supportive-pastel hover:text-supportive-pastel": theme === THEME.photography && style !== STYLE.light
+		},
+		{
+			"text-gray-black hover:text-gray-black": theme === THEME.transparent && style === STYLE.light,
+			"text-gray-200 hover:text-gray-200": theme === THEME.transparent && style !== STYLE.light
+		}
+	];
+};
+const getContainerTheme = (theme, style) => {
+	return [
+		{
+			"text-gray-600 hover:text-gray-800": style === STYLE.light,
+			"text-gray-800 hover:text-brand-heavy": style === STYLE.dark,
+			"text-brand-heavy hover:text-brand-dark": style === STYLE.brand
+		},
+		{
+			"text-gray-300 hover:text-gray-400": theme === THEME.photography && style === STYLE.light,
+			"text-gray-white hover:text-supportive-pastel": theme === THEME.photography && style === STYLE.dark,
+			"text-supportive-faded hover:text-supportive-pastel": theme === THEME.photography && style === STYLE.brand
+		},
+		{
+			"text-gray-800 hover:text-gray-black": theme === THEME.transparent && style === STYLE.light,
+			"text-gray-white hover:text-gray-200": theme === THEME.transparent && style !== STYLE.light
+		}
+	];
+};
+
+//#endregion
+export { getActiveContainerTheme, getContainerTheme, getDisabledContainerTheme };
+//# sourceMappingURL=theme-gPGrAR2u.mjs.map

package/lib/theme-gPGrAR2u.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-gPGrAR2u.mjs","names":["getDisabledContainerTheme: ThemeFunc","getActiveContainerTheme: ThemeFunc","getContainerTheme: ThemeFunc"],"sources":["../src/button/components/text-button/theme.ts"],"sourcesContent":["// theme\nimport { THEME, type Theme } from '../../../constants/theme'\n// type\nimport type { ClassArray } from 'clsx'\n// constants\nimport { STYLE, type Style } from '../../constants'\n\ntype ThemeFunc = (theme: Theme, style?: Style) => ClassArray\n\nexport const getDisabledContainerTheme: ThemeFunc = (theme) => {\n  return [\n    // default theme\n    'text-gray-400 hover:text-gray-400',\n    // photography & transparent theme\n    {\n      'text-gray-500 hover:text-gray-500':\n        theme === THEME.photography || theme === THEME.transparent,\n    },\n  ]\n}\n\nexport const getActiveContainerTheme: ThemeFunc = (theme, style) => {\n  return [\n    // default theme\n    {\n      'text-gray-800 hover:text-gray-800': style === STYLE.light,\n      'text-brand-heavy hover:text-brand-heavy': style === STYLE.dark,\n      'text-brand-dark hover:text-brand-dark': style === STYLE.brand,\n    },\n    // photography theme\n    {\n      'text-gray-400 hover:text-gray-400':\n        theme === THEME.photography && style === STYLE.light,\n      'text-supportive-pastel hover:text-supportive-pastel':\n        theme === THEME.photography && style !== STYLE.light,\n    },\n    // transparent theme\n    {\n      'text-gray-black hover:text-gray-black':\n        theme === THEME.transparent && style === STYLE.light,\n      'text-gray-200 hover:text-gray-200':\n        theme === THEME.transparent && style !== STYLE.light,\n    },\n  ]\n}\n\nexport const getContainerTheme: ThemeFunc = (theme, style) => {\n  return [\n    // default theme\n    {\n      'text-gray-600 hover:text-gray-800': style === STYLE.light,\n      'text-gray-800 hover:text-brand-heavy': style === STYLE.dark,\n      'text-brand-heavy hover:text-brand-dark': style === STYLE.brand,\n    },\n    // photography\n    {\n      'text-gray-300 hover:text-gray-400':\n        theme === THEME.photography && style === STYLE.light,\n      'text-gray-white hover:text-supportive-pastel':\n        theme === THEME.photography && style === STYLE.dark,\n      'text-supportive-faded hover:text-supportive-pastel':\n        theme === THEME.photography && style === STYLE.brand,\n    },\n    // transparent theme\n    {\n      'text-gray-800 hover:text-gray-black':\n        theme === THEME.transparent && style === STYLE.light,\n      'text-gray-white hover:text-gray-200':\n        theme === THEME.transparent && style !== STYLE.light,\n    },\n  ]\n}\n"],"mappings":";;;;AASA,MAAaA,6BAAwC,UAAU;AAC7D,QAAO,CAEL,qCAEA,EACE,qCACE,UAAU,MAAM,eAAe,UAAU,MAAM,aAClD,CACF;;AAGH,MAAaC,2BAAsC,OAAO,UAAU;AAClE,QAAO;EAEL;GACE,qCAAqC,UAAU,MAAM;GACrD,2CAA2C,UAAU,MAAM;GAC3D,yCAAyC,UAAU,MAAM;GAC1D;EAED;GACE,qCACE,UAAU,MAAM,eAAe,UAAU,MAAM;GACjD,uDACE,UAAU,MAAM,eAAe,UAAU,MAAM;GAClD;EAED;GACE,yCACE,UAAU,MAAM,eAAe,UAAU,MAAM;GACjD,qCACE,UAAU,MAAM,eAAe,UAAU,MAAM;GAClD;EACF;;AAGH,MAAaC,qBAAgC,OAAO,UAAU;AAC5D,QAAO;EAEL;GACE,qCAAqC,UAAU,MAAM;GACrD,wCAAwC,UAAU,MAAM;GACxD,0CAA0C,UAAU,MAAM;GAC3D;EAED;GACE,qCACE,UAAU,MAAM,eAAe,UAAU,MAAM;GACjD,gDACE,UAAU,MAAM,eAAe,UAAU,MAAM;GACjD,sDACE,UAAU,MAAM,eAAe,UAAU,MAAM;GAClD;EAED;GACE,uCACE,UAAU,MAAM,eAAe,UAAU,MAAM;GACjD,uCACE,UAAU,MAAM,eAAe,UAAU,MAAM;GAClD;EACF"}

package/lib/theme-ingLagfo.js

@@ -0,0 +1,63 @@
+const require_constants = require('./constants-BmxSMOOn.js');
+const require_theme = require('./theme-DDBlIbeS.js');
+
+//#region src/button/components/text-button/theme.ts
+const getDisabledContainerTheme = (theme) => {
+	return ["text-gray-400 hover:text-gray-400", { "text-gray-500 hover:text-gray-500": theme === require_theme.THEME.photography || theme === require_theme.THEME.transparent }];
+};
+const getActiveContainerTheme = (theme, style) => {
+	return [
+		{
+			"text-gray-800 hover:text-gray-800": style === require_constants.STYLE.light,
+			"text-brand-heavy hover:text-brand-heavy": style === require_constants.STYLE.dark,
+			"text-brand-dark hover:text-brand-dark": style === require_constants.STYLE.brand
+		},
+		{
+			"text-gray-400 hover:text-gray-400": theme === require_theme.THEME.photography && style === require_constants.STYLE.light,
+			"text-supportive-pastel hover:text-supportive-pastel": theme === require_theme.THEME.photography && style !== require_constants.STYLE.light
+		},
+		{
+			"text-gray-black hover:text-gray-black": theme === require_theme.THEME.transparent && style === require_constants.STYLE.light,
+			"text-gray-200 hover:text-gray-200": theme === require_theme.THEME.transparent && style !== require_constants.STYLE.light
+		}
+	];
+};
+const getContainerTheme = (theme, style) => {
+	return [
+		{
+			"text-gray-600 hover:text-gray-800": style === require_constants.STYLE.light,
+			"text-gray-800 hover:text-brand-heavy": style === require_constants.STYLE.dark,
+			"text-brand-heavy hover:text-brand-dark": style === require_constants.STYLE.brand
+		},
+		{
+			"text-gray-300 hover:text-gray-400": theme === require_theme.THEME.photography && style === require_constants.STYLE.light,
+			"text-gray-white hover:text-supportive-pastel": theme === require_theme.THEME.photography && style === require_constants.STYLE.dark,
+			"text-supportive-faded hover:text-supportive-pastel": theme === require_theme.THEME.photography && style === require_constants.STYLE.brand
+		},
+		{
+			"text-gray-800 hover:text-gray-black": theme === require_theme.THEME.transparent && style === require_constants.STYLE.light,
+			"text-gray-white hover:text-gray-200": theme === require_theme.THEME.transparent && style !== require_constants.STYLE.light
+		}
+	];
+};
+
+//#endregion
+Object.defineProperty(exports, 'getActiveContainerTheme', {
+  enumerable: true,
+  get: function () {
+    return getActiveContainerTheme;
+  }
+});
+Object.defineProperty(exports, 'getContainerTheme', {
+  enumerable: true,
+  get: function () {
+    return getContainerTheme;
+  }
+});
+Object.defineProperty(exports, 'getDisabledContainerTheme', {
+  enumerable: true,
+  get: function () {
+    return getDisabledContainerTheme;
+  }
+});
+//# sourceMappingURL=theme-ingLagfo.js.map

package/lib/theme-ingLagfo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-ingLagfo.js","names":["getDisabledContainerTheme: ThemeFunc","THEME","getActiveContainerTheme: ThemeFunc","STYLE","getContainerTheme: ThemeFunc"],"sources":["../src/button/components/text-button/theme.ts"],"sourcesContent":["// theme\nimport { THEME, type Theme } from '../../../constants/theme'\n// type\nimport type { ClassArray } from 'clsx'\n// constants\nimport { STYLE, type Style } from '../../constants'\n\ntype ThemeFunc = (theme: Theme, style?: Style) => ClassArray\n\nexport const getDisabledContainerTheme: ThemeFunc = (theme) => {\n  return [\n    // default theme\n    'text-gray-400 hover:text-gray-400',\n    // photography & transparent theme\n    {\n      'text-gray-500 hover:text-gray-500':\n        theme === THEME.photography || theme === THEME.transparent,\n    },\n  ]\n}\n\nexport const getActiveContainerTheme: ThemeFunc = (theme, style) => {\n  return [\n    // default theme\n    {\n      'text-gray-800 hover:text-gray-800': style === STYLE.light,\n      'text-brand-heavy hover:text-brand-heavy': style === STYLE.dark,\n      'text-brand-dark hover:text-brand-dark': style === STYLE.brand,\n    },\n    // photography theme\n    {\n      'text-gray-400 hover:text-gray-400':\n        theme === THEME.photography && style === STYLE.light,\n      'text-supportive-pastel hover:text-supportive-pastel':\n        theme === THEME.photography && style !== STYLE.light,\n    },\n    // transparent theme\n    {\n      'text-gray-black hover:text-gray-black':\n        theme === THEME.transparent && style === STYLE.light,\n      'text-gray-200 hover:text-gray-200':\n        theme === THEME.transparent && style !== STYLE.light,\n    },\n  ]\n}\n\nexport const getContainerTheme: ThemeFunc = (theme, style) => {\n  return [\n    // default theme\n    {\n      'text-gray-600 hover:text-gray-800': style === STYLE.light,\n      'text-gray-800 hover:text-brand-heavy': style === STYLE.dark,\n      'text-brand-heavy hover:text-brand-dark': style === STYLE.brand,\n    },\n    // photography\n    {\n      'text-gray-300 hover:text-gray-400':\n        theme === THEME.photography && style === STYLE.light,\n      'text-gray-white hover:text-supportive-pastel':\n        theme === THEME.photography && style === STYLE.dark,\n      'text-supportive-faded hover:text-supportive-pastel':\n        theme === THEME.photography && style === STYLE.brand,\n    },\n    // transparent theme\n    {\n      'text-gray-800 hover:text-gray-black':\n        theme === THEME.transparent && style === STYLE.light,\n      'text-gray-white hover:text-gray-200':\n        theme === THEME.transparent && style !== STYLE.light,\n    },\n  ]\n}\n"],"mappings":";;;;AASA,MAAaA,6BAAwC,UAAU;AAC7D,QAAO,CAEL,qCAEA,EACE,qCACE,UAAUC,oBAAM,eAAe,UAAUA,oBAAM,aAClD,CACF;;AAGH,MAAaC,2BAAsC,OAAO,UAAU;AAClE,QAAO;EAEL;GACE,qCAAqC,UAAUC,wBAAM;GACrD,2CAA2C,UAAUA,wBAAM;GAC3D,yCAAyC,UAAUA,wBAAM;GAC1D;EAED;GACE,qCACE,UAAUF,oBAAM,eAAe,UAAUE,wBAAM;GACjD,uDACE,UAAUF,oBAAM,eAAe,UAAUE,wBAAM;GAClD;EAED;GACE,yCACE,UAAUF,oBAAM,eAAe,UAAUE,wBAAM;GACjD,qCACE,UAAUF,oBAAM,eAAe,UAAUE,wBAAM;GAClD;EACF;;AAGH,MAAaC,qBAAgC,OAAO,UAAU;AAC5D,QAAO;EAEL;GACE,qCAAqC,UAAUD,wBAAM;GACrD,wCAAwC,UAAUA,wBAAM;GACxD,0CAA0C,UAAUA,wBAAM;GAC3D;EAED;GACE,qCACE,UAAUF,oBAAM,eAAe,UAAUE,wBAAM;GACjD,gDACE,UAAUF,oBAAM,eAAe,UAAUE,wBAAM;GACjD,sDACE,UAAUF,oBAAM,eAAe,UAAUE,wBAAM;GAClD;EAED;GACE,uCACE,UAAUF,oBAAM,eAAe,UAAUE,wBAAM;GACjD,uCACE,UAAUF,oBAAM,eAAe,UAAUE,wBAAM;GAClD;EACF"}

package/lib/theme-tgdB3gqC.js

@@ -0,0 +1,59 @@
+const require_theme = require('./theme-DDBlIbeS.js');
+const require_constants = require('./constants-CkmgPgze.js');
+
+//#region src/header/utils/theme.ts
+const selectLogoType = (theme) => {
+	switch (theme) {
+		case require_theme.THEME.photography:
+		case require_theme.THEME.transparent: return require_constants.LOGO_TYPE.white;
+		default: return require_constants.LOGO_TYPE.default;
+	}
+};
+const selectHeaderTheme = (theme) => {
+	switch (theme) {
+		case require_theme.THEME.photography: return {
+			bgColor: "bg-photo-dark",
+			topRowBgColor: "bg-photo-dark"
+		};
+		case require_theme.THEME.transparent: return {
+			bgColor: "bg-opacity-black-02",
+			topRowBgColor: "bg-transparent"
+		};
+		case require_theme.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 require_theme.THEME.photography:
+		case require_theme.THEME.transparent: return "text-gray-white";
+		default: return "text-gray-800";
+	}
+};
+
+//#endregion
+Object.defineProperty(exports, 'selectHeaderTheme', {
+  enumerable: true,
+  get: function () {
+    return selectHeaderTheme;
+  }
+});
+Object.defineProperty(exports, 'selectLogoType', {
+  enumerable: true,
+  get: function () {
+    return selectLogoType;
+  }
+});
+Object.defineProperty(exports, 'selectSloganTheme', {
+  enumerable: true,
+  get: function () {
+    return selectSloganTheme;
+  }
+});
+//# sourceMappingURL=theme-tgdB3gqC.js.map

package/lib/theme-tgdB3gqC.js.map

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

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

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

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

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

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

@@ -0,0 +1,3 @@
+const require_hook = require('../../../hook-DUH3wp9d.js');
+
+exports.useScrollStatus = require_hook.useScrollStatus;

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

@@ -0,0 +1,3 @@
+import { useScrollStatus } from "../../../hook-DGSr4R5I.mjs";
+
+export { useScrollStatus };

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

@@ -0,0 +1,3 @@
+import "../../../type-CeVcN-Qd.mjs";
+import { TitleTab } from "../../../index-D6x__0gM.mjs";
+export { TitleTab as default };

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

@@ -0,0 +1,3 @@
+import "../../../type-CLXaT3at.js";
+import { TitleTab } from "../../../index-CxmCLH2N.js";
+export = TitleTab;

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

@@ -0,0 +1,23 @@
+require('../../../constants-BmxSMOOn.js');
+require('../../../constants-Cndhv6qr.js');
+require('../../../paragraph-Bve022HS.js');
+require('../../../theme-DDBlIbeS.js');
+require('../../../theme-ingLagfo.js');
+require('../../../text-button-DlMVqsvV.js');
+require('../../../theme-B5GNXw4M.js');
+require('../../../icon-button-Vqwyow05.js');
+require('../../../menu-button-DP302FyB.js');
+require('../../../theme-VVqGnnPq.js');
+require('../../../pill-button-CNbShnjT.js');
+require('../../../theme-B4rsurcB.js');
+require('../../../icon-with-text-button-DOj_-gz0.js');
+require('../../../button-BLRV4Hwe.js');
+require('../../../external-link-Dnw1WSM1.js');
+require('../../../internal-link-CKuvpRC8.js');
+require('../../../customized-link-DoNAVCRa.js');
+require('../../../heading-D5Lv6X0M.js');
+require('../../../hook-DUH3wp9d.js');
+require('../../../tab-item-BLf_p9Qi.js');
+const require_title_tab = require('../../../title-tab-BRQQyX8-.js');
+
+module.exports = require_title_tab.title_tab_default;

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

@@ -0,0 +1,23 @@
+import "../../../internal-link-JeC0sVNF.mjs";
+import "../../../constants-oTHAnh6r.mjs";
+import "../../../constants-CBSEPx91.mjs";
+import "../../../paragraph-QihuIWot.mjs";
+import "../../../theme-BG6yZVj-.mjs";
+import "../../../theme-gPGrAR2u.mjs";
+import "../../../text-button-DkD8OA65.mjs";
+import "../../../theme-CJDY-Vlz.mjs";
+import "../../../icon-button-B-71Zncn.mjs";
+import "../../../menu-button-BzXGdc8T.mjs";
+import "../../../theme-YXaUsVJu.mjs";
+import "../../../pill-button-y0eh5cgT.mjs";
+import "../../../theme-CKrQVNS4.mjs";
+import "../../../icon-with-text-button-CTWmp6He.mjs";
+import "../../../button-ubJKEMLe.mjs";
+import "../../../external-link-DrDvZqvE.mjs";
+import "../../../customized-link-KNmVReo7.mjs";
+import "../../../heading-BVKLYfXi.mjs";
+import "../../../hook-DGSr4R5I.mjs";
+import "../../../tab-item-NrRakHlM.mjs";
+import { title_tab_default } from "../../../title-tab-ClfJ1n88.mjs";
+
+export { title_tab_default as default };

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

@@ -0,0 +1,12 @@
+import { Tab } from "../../../type-CeVcN-Qd.mjs";
+import { FC } from "react";
+
+//#region src/title-bar/components/title-tab/tab-item.d.ts
+type TabItemProps = Tab & {
+  onClick: () => void;
+  className?: string;
+};
+declare const TabItem: FC<TabItemProps>;
+//#endregion
+export { TabItem as default };
+//# sourceMappingURL=tab-item.d.mts.map

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

@@ -0,0 +1,11 @@
+import { Tab } from "../../../type-CLXaT3at.js";
+import { FC } from "react";
+
+//#region src/title-bar/components/title-tab/tab-item.d.ts
+type TabItemProps = Tab & {
+  onClick: () => void;
+  className?: string;
+};
+declare const TabItem: FC<TabItemProps>;
+export = TabItem;
+//# sourceMappingURL=tab-item.d.ts.map