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

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-Cv8rt4oO.js → theme-ods4yogr.js}

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

package/lib/{theme-Cv8rt4oO.js.map → theme-ods4yogr.js.map}

@@ -1 +1 @@
-{"version":3,"file":"theme-Cv8rt4oO.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-ods4yogr.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"}

package/lib/{theme-Bgd_TUHZ.mjs → theme-uDVEiufm.mjs}

@@ -35,4 +35,4 @@ const selectThemeStyle = (theme) => {
 
 //#endregion
 export { selectThemeStyle };
-//# sourceMappingURL=theme-Bgd_TUHZ.mjs.map
+//# sourceMappingURL=theme-uDVEiufm.mjs.map

package/lib/{theme-Bgd_TUHZ.mjs.map → theme-uDVEiufm.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"theme-Bgd_TUHZ.mjs","names":[],"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,KAAK,MAAM,YACT,QAAO;GACL,SAAS;GACT,cAAc;GACd,gBAAgB;GAChB,aAAa;GACb,OAAO;GACP,YAAY;GACZ,kBAAkB;GACnB;EACH,KAAK,MAAM,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-uDVEiufm.mjs","names":[],"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,KAAK,MAAM,YACT,QAAO;GACL,SAAS;GACT,cAAc;GACd,gBAAgB;GAChB,aAAa;GACb,OAAO;GACP,YAAY;GACZ,kBAAkB;GACnB;EACH,KAAK,MAAM,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"}

package/lib/theme-wttBp_sN.js

@@ -0,0 +1,59 @@
+const require_theme = require('./theme-DDBlIbeS.js');
+const require_constants = require('./constants-yYOy9aLl.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-wttBp_sN.js.map

package/lib/theme-wttBp_sN.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-wttBp_sN.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 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.mts.map

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

@@ -0,0 +1,7 @@
+import * as react15 from "react";
+
+//#region src/title-bar/components/title-tab/hook.d.ts
+declare const useScrollStatus: (setShowNext: (show: boolean) => void) => react15.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-N6pHzsZ9.js');
+require('../../../internal-link-CQYfLFmN.js');
+require('../../../customized-link-BQWDtLYD.js');
+require('../../../heading-D5Lv6X0M.js');
+require('../../../hook-DUH3wp9d.js');
+require('../../../tab-item-DVJ6vhql.js');
+const require_title_tab = require('../../../title-tab-Bzo2mEUS.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-B7TYHbGX.mjs";
+import "../../../customized-link-B4xfnPSR.mjs";
+import "../../../heading-BVKLYfXi.mjs";
+import "../../../hook-DGSr4R5I.mjs";
+import "../../../tab-item-DefWiW0b.mjs";
+import { title_tab_default } from "../../../title-tab-DyTYe4dn.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

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

@@ -0,0 +1,20 @@
+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-N6pHzsZ9.js');
+require('../../../internal-link-CQYfLFmN.js');
+require('../../../customized-link-BQWDtLYD.js');
+const require_tab_item = require('../../../tab-item-DVJ6vhql.js');
+
+module.exports = require_tab_item.tab_item_default;

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

@@ -0,0 +1,20 @@
+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-B7TYHbGX.mjs";
+import "../../../customized-link-B4xfnPSR.mjs";
+import { tab_item_default } from "../../../tab-item-DefWiW0b.mjs";
+
+export { tab_item_default as default };

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

@@ -0,0 +1,2 @@
+import { Tab } from "../../../type-CeVcN-Qd.mjs";
+export { Tab };

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

@@ -0,0 +1,2 @@
+import { Tab } from "../../../type-CLXaT3at.js";
+export { Tab };

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

@@ -0,0 +1 @@
+export {  };

package/lib/title-bar/components/title1.d.mts

@@ -0,0 +1,2 @@
+import { Title1 } from "../../title1-DMIzZ_Ce.mjs";
+export { Title1 as default };

package/lib/title-bar/components/title1.d.ts

@@ -0,0 +1,2 @@
+import { Title1 } from "../../title1-CkuzBJgg.js";
+export = Title1;

package/lib/title-bar/components/title1.js

@@ -0,0 +1,6 @@
+require('../../constants-Cndhv6qr.js');
+require('../../paragraph-Bve022HS.js');
+require('../../heading-D5Lv6X0M.js');
+const require_title1 = require('../../title1-CB1C3lVX.js');
+
+module.exports = require_title1.title1_default;

package/lib/title-bar/components/title1.mjs

@@ -0,0 +1,6 @@
+import "../../constants-CBSEPx91.mjs";
+import "../../paragraph-QihuIWot.mjs";
+import "../../heading-BVKLYfXi.mjs";
+import { title1_default } from "../../title1-FLSEnRkW.mjs";
+
+export { title1_default as default };

package/lib/title-bar/components/title2.d.mts

@@ -0,0 +1,2 @@
+import { Title2 } from "../../title2-DxioNGe1.mjs";
+export { Title2 as default };

package/lib/title-bar/components/title2.d.ts

@@ -0,0 +1,2 @@
+import { Title2 } from "../../title2-C2R8IF0W.js";
+export = Title2;

package/lib/title-bar/components/title2.js

@@ -0,0 +1,6 @@
+require('../../constants-Cndhv6qr.js');
+require('../../paragraph-Bve022HS.js');
+require('../../heading-D5Lv6X0M.js');
+const require_title2 = require('../../title2-MnbXvYzY.js');
+
+module.exports = require_title2.title2_default;

package/lib/title-bar/components/title2.mjs

@@ -0,0 +1,6 @@
+import "../../constants-CBSEPx91.mjs";
+import "../../paragraph-QihuIWot.mjs";
+import "../../heading-BVKLYfXi.mjs";
+import { title2_default } from "../../title2-Dmq-RO59.mjs";
+
+export { title2_default as default };

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

@@ -1,39 +1,9 @@
+import { Tab } from "../type-CeVcN-Qd.mjs";
+import { TitleTab } from "../index-D6x__0gM.mjs";
+import { Title1 } from "../title1-DMIzZ_Ce.mjs";
+import { Title2 } from "../title2-DxioNGe1.mjs";
 import * as react17 from "react";
-import React$1, { FC } from "react";
 
-//#region src/title-bar/components/title-tab/type.d.ts
-type Tab = {
-  text: string;
-  link: string;
-  isExternal?: boolean;
-  isActive?: boolean;
-};
-//#endregion
-//#region src/title-bar/components/title2.d.ts
-type Title2Props = {
-  title: string;
-  subtitle?: string;
-  renderButton?: React$1.ReactNode;
-  className?: string;
-};
-declare const Title2: React$1.FC<Title2Props>;
-//#endregion
-//#region src/title-bar/components/title1.d.ts
-type Title1Props = {
-  title: string;
-  subtitle?: string;
-  className?: string;
-};
-declare const Title1: FC<Title1Props>;
-//#endregion
-//#region src/title-bar/components/title-tab/index.d.ts
-type TitleTabProps = {
-  title: string;
-  tabs: Tab[];
-  activeTabIndex?: number;
-};
-declare const TitleTab: FC<TitleTabProps>;
-//#endregion
 //#region src/title-bar/index.d.ts
 declare const _default: {
   Title2: react17.FC<{

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

@@ -1,53 +1,23 @@
-import * as react16 from "react";
-import React$1, { FC } from "react";
+import { Tab } from "../type-CLXaT3at.js";
+import { TitleTab } from "../index-CxmCLH2N.js";
+import { Title1 } from "../title1-CkuzBJgg.js";
+import { Title2 } from "../title2-C2R8IF0W.js";
+import * as react10 from "react";
 
-//#region src/title-bar/components/title-tab/type.d.ts
-type Tab = {
-  text: string;
-  link: string;
-  isExternal?: boolean;
-  isActive?: boolean;
-};
-//#endregion
-//#region src/title-bar/components/title2.d.ts
-type Title2Props = {
-  title: string;
-  subtitle?: string;
-  renderButton?: React$1.ReactNode;
-  className?: string;
-};
-declare const Title2: React$1.FC<Title2Props>;
-//#endregion
-//#region src/title-bar/components/title1.d.ts
-type Title1Props = {
-  title: string;
-  subtitle?: string;
-  className?: string;
-};
-declare const Title1: FC<Title1Props>;
-//#endregion
-//#region src/title-bar/components/title-tab/index.d.ts
-type TitleTabProps = {
-  title: string;
-  tabs: Tab[];
-  activeTabIndex?: number;
-};
-declare const TitleTab: FC<TitleTabProps>;
-//#endregion
 //#region src/title-bar/index.d.ts
 declare const _default: {
-  Title2: react16.FC<{
+  Title2: react10.FC<{
     title: string;
     subtitle?: string;
     renderButton?: React.ReactNode;
     className?: string;
   }>;
-  Title1: react16.FC<{
+  Title1: react10.FC<{
     title: string;
     subtitle?: string;
     className?: string;
   }>;
-  TitleTab: react16.FC<{
+  TitleTab: react10.FC<{
     title: string;
     tabs: Tab[];
     activeTabIndex?: number;