@windrun-huaiin/base-ui 13.0.0 → 13.1.0

package/dist/assets/bitcoin.js

@@ -1,5 +1,7 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var tslib_es6 = require('../node_modules/.pnpm/@rollup_plugin-typescript@12.1.4_rollup@4.46.2_tslib@2.8.1_typescript@5.9.3/node_modules/tslib/tslib.es6.js');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
@@ -11,4 +13,4 @@ const BitcoinIcon = React.forwardRef((_a, ref) => {
 });
 BitcoinIcon.displayName = "BTC";
 
-module.exports = BitcoinIcon;
+exports.default = BitcoinIcon;

package/dist/assets/clerk.js

@@ -1,5 +1,7 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var tslib_es6 = require('../node_modules/.pnpm/@rollup_plugin-typescript@12.1.4_rollup@4.46.2_tslib@2.8.1_typescript@5.9.3/node_modules/tslib/tslib.es6.js');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
@@ -11,4 +13,4 @@ const ClerkIcon = React.forwardRef((_a, ref) => {
 });
 ClerkIcon.displayName = "Clerk";
 
-module.exports = ClerkIcon;
+exports.default = ClerkIcon;

package/dist/assets/css.js

@@ -1,5 +1,7 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var tslib_es6 = require('../node_modules/.pnpm/@rollup_plugin-typescript@12.1.4_rollup@4.46.2_tslib@2.8.1_typescript@5.9.3/node_modules/tslib/tslib.es6.js');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
@@ -11,4 +13,4 @@ const CSSIcon = React.forwardRef((_a, ref) => {
 });
 CSSIcon.displayName = "CSS";
 
-module.exports = CSSIcon;
+exports.default = CSSIcon;

package/dist/assets/csv.js

@@ -1,5 +1,7 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var tslib_es6 = require('../node_modules/.pnpm/@rollup_plugin-typescript@12.1.4_rollup@4.46.2_tslib@2.8.1_typescript@5.9.3/node_modules/tslib/tslib.es6.js');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
@@ -11,4 +13,4 @@ const CSVIcon = React.forwardRef((_a, ref) => {
 });
 CSVIcon.displayName = "CSV";
 
-module.exports = CSVIcon;
+exports.default = CSVIcon;

package/dist/assets/d8.js

@@ -1,5 +1,7 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var tslib_es6 = require('../node_modules/.pnpm/@rollup_plugin-typescript@12.1.4_rollup@4.46.2_tslib@2.8.1_typescript@5.9.3/node_modules/tslib/tslib.es6.js');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
@@ -11,4 +13,4 @@ const D8Icon = React.forwardRef((_a, ref) => {
 });
 D8Icon.displayName = "D8";
 
-module.exports = D8Icon;
+exports.default = D8Icon;

package/dist/assets/diff.js

@@ -1,5 +1,7 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var tslib_es6 = require('../node_modules/.pnpm/@rollup_plugin-typescript@12.1.4_rollup@4.46.2_tslib@2.8.1_typescript@5.9.3/node_modules/tslib/tslib.es6.js');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
@@ -11,4 +13,4 @@ const DiffIcon = React.forwardRef((_a, ref) => {
 });
 DiffIcon.displayName = "Diff";
 
-module.exports = DiffIcon;
+exports.default = DiffIcon;

package/dist/assets/dpa.js

@@ -1,5 +1,7 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var tslib_es6 = require('../node_modules/.pnpm/@rollup_plugin-typescript@12.1.4_rollup@4.46.2_tslib@2.8.1_typescript@5.9.3/node_modules/tslib/tslib.es6.js');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
@@ -11,4 +13,4 @@ const DPAIcon = React.forwardRef((_a, ref) => {
 });
 DPAIcon.displayName = "DPA";
 
-module.exports = DPAIcon;
+exports.default = DPAIcon;

package/dist/assets/faq.js

@@ -1,5 +1,7 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var tslib_es6 = require('../node_modules/.pnpm/@rollup_plugin-typescript@12.1.4_rollup@4.46.2_tslib@2.8.1_typescript@5.9.3/node_modules/tslib/tslib.es6.js');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
@@ -11,4 +13,4 @@ const FAQIcon = React.forwardRef((_a, ref) => {
 });
 FAQIcon.displayName = "FAQ";
 
-module.exports = FAQIcon;
+exports.default = FAQIcon;

package/dist/assets/faqb.js

@@ -1,5 +1,7 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var tslib_es6 = require('../node_modules/.pnpm/@rollup_plugin-typescript@12.1.4_rollup@4.46.2_tslib@2.8.1_typescript@5.9.3/node_modules/tslib/tslib.es6.js');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
@@ -11,4 +13,4 @@ const FAQBIcon = React.forwardRef((_a, ref) => {
 });
 FAQBIcon.displayName = "FAQB";
 
-module.exports = FAQBIcon;
+exports.default = FAQBIcon;

package/dist/assets/faqs.js

@@ -1,5 +1,7 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var tslib_es6 = require('../node_modules/.pnpm/@rollup_plugin-typescript@12.1.4_rollup@4.46.2_tslib@2.8.1_typescript@5.9.3/node_modules/tslib/tslib.es6.js');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
@@ -11,4 +13,4 @@ const FAQSIcon = React.forwardRef((_a, ref) => {
 });
 FAQSIcon.displayName = "FAQS";
 
-module.exports = FAQSIcon;
+exports.default = FAQSIcon;

package/dist/assets/github.js

@@ -1,5 +1,7 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var tslib_es6 = require('../node_modules/.pnpm/@rollup_plugin-typescript@12.1.4_rollup@4.46.2_tslib@2.8.1_typescript@5.9.3/node_modules/tslib/tslib.es6.js');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
@@ -11,4 +13,4 @@ const GitHubIcon = React.forwardRef((_a, ref) => {
 });
 GitHubIcon.displayName = "GitHub";
 
-module.exports = GitHubIcon;
+exports.default = GitHubIcon;

package/dist/assets/html.js

@@ -1,5 +1,7 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var tslib_es6 = require('../node_modules/.pnpm/@rollup_plugin-typescript@12.1.4_rollup@4.46.2_tslib@2.8.1_typescript@5.9.3/node_modules/tslib/tslib.es6.js');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
@@ -11,4 +13,4 @@ const HtmlIcon = React.forwardRef((_a, ref) => {
 });
 HtmlIcon.displayName = "Html";
 
-module.exports = HtmlIcon;
+exports.default = HtmlIcon;

package/dist/assets/http.js

@@ -1,5 +1,7 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var tslib_es6 = require('../node_modules/.pnpm/@rollup_plugin-typescript@12.1.4_rollup@4.46.2_tslib@2.8.1_typescript@5.9.3/node_modules/tslib/tslib.es6.js');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
@@ -11,4 +13,4 @@ const HttpIcon = React.forwardRef((_a, ref) => {
 });
 HttpIcon.displayName = "Http";
 
-module.exports = HttpIcon;
+exports.default = HttpIcon;

package/dist/assets/index.js

@@ -35,37 +35,37 @@ var faqs = require('./faqs.js');
 // Import all built-in icon components
 // Built-in icon components mapped by display name - internal use only
 const BUILTIN_ICON_COMPONENTS = {
-    GitHub: github,
-    D8: d8,
-    Clerk: clerk,
-    Iterm: iterm,
-    Markdown: markdown,
-    MDX: mdx,
-    Html: html,
-    Json: json,
-    XML: xml,
-    Yaml: yaml,
-    CSV: csv,
-    Txt: txt,
-    Java: java,
-    SQL: sql,
-    Log: log,
-    MAC: mac,
-    BTC: bitcoin,
-    CSS: css,
-    Mmd: mermaid,
-    LastUpdated: lastUpdated,
-    Snippets: snippets,
-    Test: test,
-    Diff: diff,
-    DPA: dpa,
-    SubP: subp,
-    T3P: t3p,
-    Http: http,
-    Scheme: scheme,
-    FAQ: faq,
-    FAQB: faqb,
-    FAQS: faqs,
+    GitHub: github.default,
+    D8: d8.default,
+    Clerk: clerk.default,
+    Iterm: iterm.default,
+    Markdown: markdown.default,
+    MDX: mdx.default,
+    Html: html.default,
+    Json: json.default,
+    XML: xml.default,
+    Yaml: yaml.default,
+    CSV: csv.default,
+    Txt: txt.default,
+    Java: java.default,
+    SQL: sql.default,
+    Log: log.default,
+    MAC: mac.default,
+    BTC: bitcoin.default,
+    CSS: css.default,
+    Mmd: mermaid.default,
+    LastUpdated: lastUpdated.default,
+    Snippets: snippets.default,
+    Test: test.default,
+    Diff: diff.default,
+    DPA: dpa.default,
+    SubP: subp.default,
+    T3P: t3p.default,
+    Http: http.default,
+    Scheme: scheme.default,
+    FAQ: faq.default,
+    FAQB: faqb.default,
+    FAQS: faqs.default,
 };
 
 exports.BUILTIN_ICON_COMPONENTS = BUILTIN_ICON_COMPONENTS;

package/dist/assets/iterm.js

@@ -1,5 +1,7 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var tslib_es6 = require('../node_modules/.pnpm/@rollup_plugin-typescript@12.1.4_rollup@4.46.2_tslib@2.8.1_typescript@5.9.3/node_modules/tslib/tslib.es6.js');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
@@ -11,4 +13,4 @@ const ItermIcon = React.forwardRef((_a, ref) => {
 });
 ItermIcon.displayName = "Iterm";
 
-module.exports = ItermIcon;
+exports.default = ItermIcon;

package/dist/assets/java.js

@@ -1,5 +1,7 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var tslib_es6 = require('../node_modules/.pnpm/@rollup_plugin-typescript@12.1.4_rollup@4.46.2_tslib@2.8.1_typescript@5.9.3/node_modules/tslib/tslib.es6.js');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
@@ -11,4 +13,4 @@ const JavaIcon = React.forwardRef((_a, ref) => {
 });
 JavaIcon.displayName = "Java";
 
-module.exports = JavaIcon;
+exports.default = JavaIcon;

package/dist/assets/json.js

@@ -1,5 +1,7 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var tslib_es6 = require('../node_modules/.pnpm/@rollup_plugin-typescript@12.1.4_rollup@4.46.2_tslib@2.8.1_typescript@5.9.3/node_modules/tslib/tslib.es6.js');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
@@ -11,4 +13,4 @@ const JsonIcon = React.forwardRef((_a, ref) => {
 });
 JsonIcon.displayName = "Json";
 
-module.exports = JsonIcon;
+exports.default = JsonIcon;

package/dist/assets/last-updated.js

@@ -1,5 +1,7 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var tslib_es6 = require('../node_modules/.pnpm/@rollup_plugin-typescript@12.1.4_rollup@4.46.2_tslib@2.8.1_typescript@5.9.3/node_modules/tslib/tslib.es6.js');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
@@ -11,4 +13,4 @@ const LastUpdatedIcon = React.forwardRef((_a, ref) => {
 });
 LastUpdatedIcon.displayName = "LastUpdated";
 
-module.exports = LastUpdatedIcon;
+exports.default = LastUpdatedIcon;

package/dist/assets/log.js

@@ -1,5 +1,7 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var tslib_es6 = require('../node_modules/.pnpm/@rollup_plugin-typescript@12.1.4_rollup@4.46.2_tslib@2.8.1_typescript@5.9.3/node_modules/tslib/tslib.es6.js');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
@@ -11,4 +13,4 @@ const LogIcon = React.forwardRef((_a, ref) => {
 });
 LogIcon.displayName = "Log";
 
-module.exports = LogIcon;
+exports.default = LogIcon;

package/dist/assets/mac.js

@@ -1,5 +1,7 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var tslib_es6 = require('../node_modules/.pnpm/@rollup_plugin-typescript@12.1.4_rollup@4.46.2_tslib@2.8.1_typescript@5.9.3/node_modules/tslib/tslib.es6.js');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
@@ -11,4 +13,4 @@ const MACIcon = React.forwardRef((_a, ref) => {
 });
 MACIcon.displayName = "MAC";
 
-module.exports = MACIcon;
+exports.default = MACIcon;

package/dist/assets/markdown.js

@@ -1,5 +1,7 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var tslib_es6 = require('../node_modules/.pnpm/@rollup_plugin-typescript@12.1.4_rollup@4.46.2_tslib@2.8.1_typescript@5.9.3/node_modules/tslib/tslib.es6.js');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
@@ -11,4 +13,4 @@ const MarkdownIcon = React.forwardRef((_a, ref) => {
 });
 MarkdownIcon.displayName = "Markdown";
 
-module.exports = MarkdownIcon;
+exports.default = MarkdownIcon;

package/dist/assets/mdx.js

@@ -1,5 +1,7 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var tslib_es6 = require('../node_modules/.pnpm/@rollup_plugin-typescript@12.1.4_rollup@4.46.2_tslib@2.8.1_typescript@5.9.3/node_modules/tslib/tslib.es6.js');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
@@ -54,4 +56,4 @@ const MDXIcon = React.forwardRef((_a, ref) => {
 });
 MDXIcon.displayName = "MDX";
 
-module.exports = MDXIcon;
+exports.default = MDXIcon;

package/dist/assets/mermaid.js

@@ -1,5 +1,7 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var tslib_es6 = require('../node_modules/.pnpm/@rollup_plugin-typescript@12.1.4_rollup@4.46.2_tslib@2.8.1_typescript@5.9.3/node_modules/tslib/tslib.es6.js');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
@@ -13,4 +15,4 @@ const MermaidIcon = React.forwardRef(
 });
 MermaidIcon.displayName = "Mmd";
 
-module.exports = MermaidIcon;
+exports.default = MermaidIcon;

package/dist/assets/scheme.js

@@ -1,5 +1,7 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var tslib_es6 = require('../node_modules/.pnpm/@rollup_plugin-typescript@12.1.4_rollup@4.46.2_tslib@2.8.1_typescript@5.9.3/node_modules/tslib/tslib.es6.js');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
@@ -11,4 +13,4 @@ const SchemeIcon = React.forwardRef((_a, ref) => {
 });
 SchemeIcon.displayName = "Scheme";
 
-module.exports = SchemeIcon;
+exports.default = SchemeIcon;

package/dist/assets/snippets.js

@@ -1,5 +1,7 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var tslib_es6 = require('../node_modules/.pnpm/@rollup_plugin-typescript@12.1.4_rollup@4.46.2_tslib@2.8.1_typescript@5.9.3/node_modules/tslib/tslib.es6.js');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
@@ -11,4 +13,4 @@ const SnippetsIcon = React.forwardRef((_a, ref) => {
 });
 SnippetsIcon.displayName = "Snippets";
 
-module.exports = SnippetsIcon;
+exports.default = SnippetsIcon;

package/dist/assets/sql.js

@@ -1,5 +1,7 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var tslib_es6 = require('../node_modules/.pnpm/@rollup_plugin-typescript@12.1.4_rollup@4.46.2_tslib@2.8.1_typescript@5.9.3/node_modules/tslib/tslib.es6.js');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
@@ -11,4 +13,4 @@ const SQLIcon = React.forwardRef((_a, ref) => {
 });
 SQLIcon.displayName = "SQL";
 
-module.exports = SQLIcon;
+exports.default = SQLIcon;

package/dist/assets/subp.js

@@ -1,5 +1,7 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var tslib_es6 = require('../node_modules/.pnpm/@rollup_plugin-typescript@12.1.4_rollup@4.46.2_tslib@2.8.1_typescript@5.9.3/node_modules/tslib/tslib.es6.js');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
@@ -11,4 +13,4 @@ const SubPIcon = React.forwardRef((_a, ref) => {
 });
 SubPIcon.displayName = "SubP";
 
-module.exports = SubPIcon;
+exports.default = SubPIcon;

package/dist/assets/t3p.js

@@ -1,5 +1,7 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var tslib_es6 = require('../node_modules/.pnpm/@rollup_plugin-typescript@12.1.4_rollup@4.46.2_tslib@2.8.1_typescript@5.9.3/node_modules/tslib/tslib.es6.js');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
@@ -11,4 +13,4 @@ const T3PIcon = React.forwardRef((_a, ref) => {
 });
 T3PIcon.displayName = "T3P";
 
-module.exports = T3PIcon;
+exports.default = T3PIcon;

package/dist/assets/test.js

@@ -1,5 +1,7 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var tslib_es6 = require('../node_modules/.pnpm/@rollup_plugin-typescript@12.1.4_rollup@4.46.2_tslib@2.8.1_typescript@5.9.3/node_modules/tslib/tslib.es6.js');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
@@ -11,4 +13,4 @@ const TestIcon = React.forwardRef((_a, ref) => {
 });
 TestIcon.displayName = "Test";
 
-module.exports = TestIcon;
+exports.default = TestIcon;

package/dist/assets/txt.js

@@ -1,5 +1,7 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var tslib_es6 = require('../node_modules/.pnpm/@rollup_plugin-typescript@12.1.4_rollup@4.46.2_tslib@2.8.1_typescript@5.9.3/node_modules/tslib/tslib.es6.js');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
@@ -11,4 +13,4 @@ const TxtIcon = React.forwardRef((_a, ref) => {
 });
 TxtIcon.displayName = "Txt";
 
-module.exports = TxtIcon;
+exports.default = TxtIcon;

package/dist/assets/xml.js

@@ -1,5 +1,7 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var tslib_es6 = require('../node_modules/.pnpm/@rollup_plugin-typescript@12.1.4_rollup@4.46.2_tslib@2.8.1_typescript@5.9.3/node_modules/tslib/tslib.es6.js');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
@@ -11,4 +13,4 @@ const XMLIcon = React.forwardRef((_a, ref) => {
 });
 XMLIcon.displayName = "XML";
 
-module.exports = XMLIcon;
+exports.default = XMLIcon;

package/dist/assets/yaml.js

@@ -1,5 +1,7 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var tslib_es6 = require('../node_modules/.pnpm/@rollup_plugin-typescript@12.1.4_rollup@4.46.2_tslib@2.8.1_typescript@5.9.3/node_modules/tslib/tslib.es6.js');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
@@ -11,4 +13,4 @@ const YamlIcon = React.forwardRef((_a, ref) => {
 });
 YamlIcon.displayName = "Yaml";
 
-module.exports = YamlIcon;
+exports.default = YamlIcon;

package/dist/lib/index.d.ts

@@ -0,0 +1 @@
+export * from './theme-util';

package/dist/lib/index.js

@@ -0,0 +1,22 @@
+'use strict';
+
+var themeUtil = require('./theme-util.js');
+
+
+
+exports.THEME_BUTTON_GRADIENT_CLASS_MAP = themeUtil.THEME_BUTTON_GRADIENT_CLASS_MAP;
+exports.THEME_BUTTON_GRADIENT_HOVER_CLASS_MAP = themeUtil.THEME_BUTTON_GRADIENT_HOVER_CLASS_MAP;
+exports.THEME_COLOR_HEX_MAP = themeUtil.THEME_COLOR_HEX_MAP;
+exports.THEME_COLOR_NAME_TO_CLASS_MAP = themeUtil.THEME_COLOR_NAME_TO_CLASS_MAP;
+exports.THEME_HERO_EYES_ON_CLASS_MAP = themeUtil.THEME_HERO_EYES_ON_CLASS_MAP;
+exports.THEME_RICH_TEXT_MARK_CLASS_MAP = themeUtil.THEME_RICH_TEXT_MARK_CLASS_MAP;
+exports.__SUPPORTED_THEME_COLORS = themeUtil.__SUPPORTED_THEME_COLORS;
+exports.themeButtonGradientClass = themeUtil.themeButtonGradientClass;
+exports.themeButtonGradientHoverClass = themeUtil.themeButtonGradientHoverClass;
+exports.themeHeroEyesOnClass = themeUtil.themeHeroEyesOnClass;
+exports.themeIconColor = themeUtil.themeIconColor;
+exports.themeRichTextMarkClass = themeUtil.themeRichTextMarkClass;
+exports.themeSvgIconColor = themeUtil.themeSvgIconColor;
+exports.themeSvgIconSize = themeUtil.themeSvgIconSize;
+exports.validateThemeColor = themeUtil.validateThemeColor;
+exports.validateThemeName = themeUtil.validateThemeName;

package/dist/lib/index.mjs

@@ -0,0 +1 @@
+export { THEME_BUTTON_GRADIENT_CLASS_MAP, THEME_BUTTON_GRADIENT_HOVER_CLASS_MAP, THEME_COLOR_HEX_MAP, THEME_COLOR_NAME_TO_CLASS_MAP, THEME_HERO_EYES_ON_CLASS_MAP, THEME_RICH_TEXT_MARK_CLASS_MAP, __SUPPORTED_THEME_COLORS, themeButtonGradientClass, themeButtonGradientHoverClass, themeHeroEyesOnClass, themeIconColor, themeRichTextMarkClass, themeSvgIconColor, themeSvgIconSize, validateThemeColor, validateThemeName } from './theme-util.mjs';

package/dist/lib/theme-util.d.ts

@@ -1,3 +1,68 @@
-export declare const themeIconColor: string;
-export declare const themeSvgIconColor: string;
+/**
+ * Theme style utility (TypeScript)
+ * Maintainer: xxx
+ * Note:
+ * 1. Static color classes for Tailwind CSS 4.x scanning
+ * 2. Single config: NEXT_PUBLIC_STYLE_ICON_COLOR (Tailwind class only)
+ * 3. Premium/elegant color system (uppercase hex values)
+ */
+export type SupportedThemeColor = keyof typeof THEME_COLOR_HEX_MAP;
+export type SupportedThemeName = keyof typeof THEME_COLOR_NAME_TO_CLASS_MAP;
+export declare const __SUPPORTED_THEME_COLORS: Readonly<{
+    readonly "text-purple-500": "典雅紫·清";
+    readonly "text-orange-500": "轻奢橙·暖";
+    readonly "text-indigo-500": "沉稳蓝·冷";
+    readonly "text-emerald-500": "温润绿·愈";
+    readonly "text-rose-500": "玫瑰红·柔";
+}>;
+export declare const THEME_COLOR_HEX_MAP: Readonly<{
+    readonly "text-purple-500": "#AC62FD";
+    readonly "text-orange-500": "#F97316";
+    readonly "text-indigo-500": "#6366F1";
+    readonly "text-emerald-500": "#10B981";
+    readonly "text-rose-500": "#F43F5E";
+}>;
+export declare const THEME_COLOR_NAME_TO_CLASS_MAP: Readonly<{
+    readonly purple: "text-purple-500";
+    readonly orange: "text-orange-500";
+    readonly indigo: "text-indigo-500";
+    readonly emerald: "text-emerald-500";
+    readonly rose: "text-rose-500";
+}>;
+export declare const validateThemeColor: (colorClass: string) => colorClass is SupportedThemeColor;
+export declare const validateThemeName: (colorName: string) => colorName is SupportedThemeName;
+export declare const themeIconColor: SupportedThemeColor;
+export declare const themeSvgIconColor: "#AC62FD" | "#F97316" | "#6366F1" | "#10B981" | "#F43F5E";
 export declare const themeSvgIconSize: string | number;
+export declare const THEME_BUTTON_GRADIENT_CLASS_MAP: Readonly<{
+    readonly "text-purple-500": "bg-linear-to-r from-purple-400 to-pink-500 dark:from-purple-500 dark:to-pink-600";
+    readonly "text-orange-500": "bg-linear-to-r from-orange-500 to-orange-600 dark:from-orange-500 dark:to-orange-700";
+    readonly "text-indigo-500": "bg-linear-to-r from-indigo-400 to-blue-500 dark:from-indigo-500 dark:to-blue-600";
+    readonly "text-emerald-500": "bg-linear-to-r from-emerald-400 to-teal-500 dark:from-emerald-500 dark:to-teal-600";
+    readonly "text-rose-500": "bg-linear-to-r from-rose-400 to-pink-500 dark:from-rose-500 dark:to-pink-600";
+}>;
+export declare const THEME_BUTTON_GRADIENT_HOVER_CLASS_MAP: Readonly<{
+    readonly "text-purple-500": "hover:from-purple-500 hover:to-pink-600 dark:hover:from-purple-600 dark:hover:to-pink-700";
+    readonly "text-orange-500": "hover:from-orange-500 hover:to-amber-600 dark:hover:from-orange-600 dark:hover:to-amber-700";
+    readonly "text-indigo-500": "hover:from-indigo-500 hover:to-blue-600 dark:hover:from-indigo-600 dark:hover:to-blue-700";
+    readonly "text-emerald-500": "hover:from-emerald-500 hover:to-teal-600 dark:hover:from-emerald-600 dark:hover:to-teal-700";
+    readonly "text-rose-500": "hover:from-rose-500 hover:to-pink-600 dark:hover:from-rose-600 dark:hover:to-pink-700";
+}>;
+export declare const themeButtonGradientClass: "bg-linear-to-r from-purple-400 to-pink-500 dark:from-purple-500 dark:to-pink-600" | "bg-linear-to-r from-orange-500 to-orange-600 dark:from-orange-500 dark:to-orange-700" | "bg-linear-to-r from-indigo-400 to-blue-500 dark:from-indigo-500 dark:to-blue-600" | "bg-linear-to-r from-emerald-400 to-teal-500 dark:from-emerald-500 dark:to-teal-600" | "bg-linear-to-r from-rose-400 to-pink-500 dark:from-rose-500 dark:to-pink-600";
+export declare const themeButtonGradientHoverClass: "hover:from-purple-500 hover:to-pink-600 dark:hover:from-purple-600 dark:hover:to-pink-700" | "hover:from-orange-500 hover:to-amber-600 dark:hover:from-orange-600 dark:hover:to-amber-700" | "hover:from-indigo-500 hover:to-blue-600 dark:hover:from-indigo-600 dark:hover:to-blue-700" | "hover:from-emerald-500 hover:to-teal-600 dark:hover:from-emerald-600 dark:hover:to-teal-700" | "hover:from-rose-500 hover:to-pink-600 dark:hover:from-rose-600 dark:hover:to-pink-700";
+export declare const THEME_HERO_EYES_ON_CLASS_MAP: Readonly<{
+    readonly "text-purple-500": "bg-linear-to-r from-purple-400 to-pink-600";
+    readonly "text-orange-500": "bg-linear-to-r from-orange-500 to-red-500";
+    readonly "text-indigo-500": "bg-linear-to-r from-indigo-400 to-blue-600";
+    readonly "text-emerald-500": "bg-linear-to-r from-emerald-400 to-teal-600";
+    readonly "text-rose-500": "bg-linear-to-r from-rose-400 to-pink-600";
+}>;
+export declare const themeHeroEyesOnClass: "bg-linear-to-r from-purple-400 to-pink-600" | "bg-linear-to-r from-orange-500 to-red-500" | "bg-linear-to-r from-indigo-400 to-blue-600" | "bg-linear-to-r from-emerald-400 to-teal-600" | "bg-linear-to-r from-rose-400 to-pink-600";
+export declare const THEME_RICH_TEXT_MARK_CLASS_MAP: Readonly<{
+    readonly "text-purple-500": "bg-purple-300 dark:bg-purple-600";
+    readonly "text-orange-500": "bg-orange-300 dark:bg-orange-600";
+    readonly "text-indigo-500": "bg-indigo-300 dark:bg-indigo-600";
+    readonly "text-emerald-500": "bg-emerald-300 dark:bg-emerald-600";
+    readonly "text-rose-500": "bg-rose-300 dark:bg-rose-600";
+}>;
+export declare const themeRichTextMarkClass: "bg-purple-300 dark:bg-purple-600" | "bg-orange-300 dark:bg-orange-600" | "bg-indigo-300 dark:bg-indigo-600" | "bg-emerald-300 dark:bg-emerald-600" | "bg-rose-300 dark:bg-rose-600";

package/dist/lib/theme-util.js

@@ -1,11 +1,117 @@
 'use strict';
 
-// Attention: This icon color will be used in the entire project, and it depends on the ENV variable NEXT_PUBLIC_STYLE_ICON_COLOR
-const themeIconColor = process.env.NEXT_PUBLIC_STYLE_ICON_COLOR || "text-purple-500";
-// Attention: This icon color will be used in the entire project, and it depends on the ENV variable NEXT_PUBLIC_STYLE_SVG_ICON_COLOR
-const themeSvgIconColor = process.env.NEXT_PUBLIC_STYLE_SVG_ICON_COLOR || "#AC62FD";
+/**
+ * Theme style utility (TypeScript)
+ * Maintainer: xxx
+ * Note:
+ * 1. Static color classes for Tailwind CSS 4.x scanning
+ * 2. Single config: NEXT_PUBLIC_STYLE_ICON_COLOR (Tailwind class only)
+ * 3. Premium/elegant color system (uppercase hex values)
+ */
+// Supported theme color classes (static for Tailwind scan)
+const __SUPPORTED_THEME_COLORS = Object.freeze({
+    "text-purple-500": "典雅紫·清",
+    "text-orange-500": "轻奢橙·暖",
+    "text-indigo-500": "沉稳蓝·冷",
+    "text-emerald-500": "温润绿·愈",
+    "text-rose-500": "玫瑰红·柔"
+});
+// Hex color map (uppercase, match Tailwind classes)
+const THEME_COLOR_HEX_MAP = Object.freeze({
+    "text-purple-500": "#AC62FD",
+    "text-orange-500": "#F97316",
+    "text-indigo-500": "#6366F1",
+    "text-emerald-500": "#10B981",
+    "text-rose-500": "#F43F5E",
+});
+// Short theme names for env configuration
+const THEME_COLOR_NAME_TO_CLASS_MAP = Object.freeze({
+    purple: "text-purple-500",
+    orange: "text-orange-500",
+    indigo: "text-indigo-500",
+    emerald: "text-emerald-500",
+    rose: "text-rose-500",
+});
+// Validate theme color class (type guard)
+const validateThemeColor = (colorClass) => {
+    return Object.prototype.hasOwnProperty.call(THEME_COLOR_HEX_MAP, colorClass);
+};
+const validateThemeName = (colorName) => {
+    return Object.prototype.hasOwnProperty.call(THEME_COLOR_NAME_TO_CLASS_MAP, colorName);
+};
+// Theme icon text color (type-safe, global)
+const themeIconColor = (() => {
+    const envColorRaw = process.env.NEXT_PUBLIC_STYLE_ICON_COLOR;
+    const envColor = envColorRaw === null || envColorRaw === void 0 ? void 0 : envColorRaw.trim().toLowerCase();
+    if (envColor) {
+        if (validateThemeName(envColor)) {
+            return THEME_COLOR_NAME_TO_CLASS_MAP[envColor];
+        }
+        // backward compatible: allow old full tailwind class value
+        if (validateThemeColor(envColor)) {
+            return envColor;
+        }
+    }
+    console.warn(`[ThemeUtil] Invalid NEXT_PUBLIC_STYLE_ICON_COLOR: ${envColorRaw}. Fallback to text-purple-500.
+    Supported names: ${Object.keys(THEME_COLOR_NAME_TO_CLASS_MAP).join(", ")}
+    Supported classes(legacy): ${Object.keys(THEME_COLOR_HEX_MAP).join(", ")}`);
+    return "text-purple-500";
+})();
+// SVG icon color (auto-derived, type-safe - NO any type)
+const themeSvgIconColor = THEME_COLOR_HEX_MAP[themeIconColor];
+// SVG icon size (global)
 const themeSvgIconSize = process.env.NEXT_PUBLIC_STYLE_SVG_ICON_SIZE || 18;
+// Theme button gradient classes (static for Tailwind scan)
+const THEME_BUTTON_GRADIENT_CLASS_MAP = Object.freeze({
+    "text-purple-500": "bg-linear-to-r from-purple-400 to-pink-500 dark:from-purple-500 dark:to-pink-600",
+    "text-orange-500": "bg-linear-to-r from-orange-500 to-orange-600 dark:from-orange-500 dark:to-orange-700",
+    "text-indigo-500": "bg-linear-to-r from-indigo-400 to-blue-500 dark:from-indigo-500 dark:to-blue-600",
+    "text-emerald-500": "bg-linear-to-r from-emerald-400 to-teal-500 dark:from-emerald-500 dark:to-teal-600",
+    "text-rose-500": "bg-linear-to-r from-rose-400 to-pink-500 dark:from-rose-500 dark:to-pink-600",
+});
+// Theme button hover gradient classes (static for Tailwind scan)
+const THEME_BUTTON_GRADIENT_HOVER_CLASS_MAP = Object.freeze({
+    "text-purple-500": "hover:from-purple-500 hover:to-pink-600 dark:hover:from-purple-600 dark:hover:to-pink-700",
+    "text-orange-500": "hover:from-orange-500 hover:to-amber-600 dark:hover:from-orange-600 dark:hover:to-amber-700",
+    "text-indigo-500": "hover:from-indigo-500 hover:to-blue-600 dark:hover:from-indigo-600 dark:hover:to-blue-700",
+    "text-emerald-500": "hover:from-emerald-500 hover:to-teal-600 dark:hover:from-emerald-600 dark:hover:to-teal-700",
+    "text-rose-500": "hover:from-rose-500 hover:to-pink-600 dark:hover:from-rose-600 dark:hover:to-pink-700",
+});
+// Global button gradient classes (type-safe, follows themeIconColor)
+const themeButtonGradientClass = THEME_BUTTON_GRADIENT_CLASS_MAP[themeIconColor];
+const themeButtonGradientHoverClass = THEME_BUTTON_GRADIENT_HOVER_CLASS_MAP[themeIconColor];
+// Theme hero text gradient classes (for bg-clip-text headlines)
+const THEME_HERO_EYES_ON_CLASS_MAP = Object.freeze({
+    "text-purple-500": "bg-linear-to-r from-purple-400 to-pink-600",
+    "text-orange-500": "bg-linear-to-r from-orange-500 to-red-500",
+    "text-indigo-500": "bg-linear-to-r from-indigo-400 to-blue-600",
+    "text-emerald-500": "bg-linear-to-r from-emerald-400 to-teal-600",
+    "text-rose-500": "bg-linear-to-r from-rose-400 to-pink-600",
+});
+const themeHeroEyesOnClass = THEME_HERO_EYES_ON_CLASS_MAP[themeIconColor];
+// Theme rich-text <mark> highlight background classes (darker emphasis, readable)
+const THEME_RICH_TEXT_MARK_CLASS_MAP = Object.freeze({
+    "text-purple-500": "bg-purple-300 dark:bg-purple-600",
+    "text-orange-500": "bg-orange-300 dark:bg-orange-600",
+    "text-indigo-500": "bg-indigo-300 dark:bg-indigo-600",
+    "text-emerald-500": "bg-emerald-300 dark:bg-emerald-600",
+    "text-rose-500": "bg-rose-300 dark:bg-rose-600",
+});
+const themeRichTextMarkClass = THEME_RICH_TEXT_MARK_CLASS_MAP[themeIconColor];
 
+exports.THEME_BUTTON_GRADIENT_CLASS_MAP = THEME_BUTTON_GRADIENT_CLASS_MAP;
+exports.THEME_BUTTON_GRADIENT_HOVER_CLASS_MAP = THEME_BUTTON_GRADIENT_HOVER_CLASS_MAP;
+exports.THEME_COLOR_HEX_MAP = THEME_COLOR_HEX_MAP;
+exports.THEME_COLOR_NAME_TO_CLASS_MAP = THEME_COLOR_NAME_TO_CLASS_MAP;
+exports.THEME_HERO_EYES_ON_CLASS_MAP = THEME_HERO_EYES_ON_CLASS_MAP;
+exports.THEME_RICH_TEXT_MARK_CLASS_MAP = THEME_RICH_TEXT_MARK_CLASS_MAP;
+exports.__SUPPORTED_THEME_COLORS = __SUPPORTED_THEME_COLORS;
+exports.themeButtonGradientClass = themeButtonGradientClass;
+exports.themeButtonGradientHoverClass = themeButtonGradientHoverClass;
+exports.themeHeroEyesOnClass = themeHeroEyesOnClass;
 exports.themeIconColor = themeIconColor;
+exports.themeRichTextMarkClass = themeRichTextMarkClass;
 exports.themeSvgIconColor = themeSvgIconColor;
 exports.themeSvgIconSize = themeSvgIconSize;
+exports.validateThemeColor = validateThemeColor;
+exports.validateThemeName = validateThemeName;

package/dist/lib/theme-util.mjs

@@ -1,7 +1,100 @@
-// Attention: This icon color will be used in the entire project, and it depends on the ENV variable NEXT_PUBLIC_STYLE_ICON_COLOR
-const themeIconColor = process.env.NEXT_PUBLIC_STYLE_ICON_COLOR || "text-purple-500";
-// Attention: This icon color will be used in the entire project, and it depends on the ENV variable NEXT_PUBLIC_STYLE_SVG_ICON_COLOR
-const themeSvgIconColor = process.env.NEXT_PUBLIC_STYLE_SVG_ICON_COLOR || "#AC62FD";
+/**
+ * Theme style utility (TypeScript)
+ * Maintainer: xxx
+ * Note:
+ * 1. Static color classes for Tailwind CSS 4.x scanning
+ * 2. Single config: NEXT_PUBLIC_STYLE_ICON_COLOR (Tailwind class only)
+ * 3. Premium/elegant color system (uppercase hex values)
+ */
+// Supported theme color classes (static for Tailwind scan)
+const __SUPPORTED_THEME_COLORS = Object.freeze({
+    "text-purple-500": "典雅紫·清",
+    "text-orange-500": "轻奢橙·暖",
+    "text-indigo-500": "沉稳蓝·冷",
+    "text-emerald-500": "温润绿·愈",
+    "text-rose-500": "玫瑰红·柔"
+});
+// Hex color map (uppercase, match Tailwind classes)
+const THEME_COLOR_HEX_MAP = Object.freeze({
+    "text-purple-500": "#AC62FD",
+    "text-orange-500": "#F97316",
+    "text-indigo-500": "#6366F1",
+    "text-emerald-500": "#10B981",
+    "text-rose-500": "#F43F5E",
+});
+// Short theme names for env configuration
+const THEME_COLOR_NAME_TO_CLASS_MAP = Object.freeze({
+    purple: "text-purple-500",
+    orange: "text-orange-500",
+    indigo: "text-indigo-500",
+    emerald: "text-emerald-500",
+    rose: "text-rose-500",
+});
+// Validate theme color class (type guard)
+const validateThemeColor = (colorClass) => {
+    return Object.prototype.hasOwnProperty.call(THEME_COLOR_HEX_MAP, colorClass);
+};
+const validateThemeName = (colorName) => {
+    return Object.prototype.hasOwnProperty.call(THEME_COLOR_NAME_TO_CLASS_MAP, colorName);
+};
+// Theme icon text color (type-safe, global)
+const themeIconColor = (() => {
+    const envColorRaw = process.env.NEXT_PUBLIC_STYLE_ICON_COLOR;
+    const envColor = envColorRaw === null || envColorRaw === void 0 ? void 0 : envColorRaw.trim().toLowerCase();
+    if (envColor) {
+        if (validateThemeName(envColor)) {
+            return THEME_COLOR_NAME_TO_CLASS_MAP[envColor];
+        }
+        // backward compatible: allow old full tailwind class value
+        if (validateThemeColor(envColor)) {
+            return envColor;
+        }
+    }
+    console.warn(`[ThemeUtil] Invalid NEXT_PUBLIC_STYLE_ICON_COLOR: ${envColorRaw}. Fallback to text-purple-500.
+    Supported names: ${Object.keys(THEME_COLOR_NAME_TO_CLASS_MAP).join(", ")}
+    Supported classes(legacy): ${Object.keys(THEME_COLOR_HEX_MAP).join(", ")}`);
+    return "text-purple-500";
+})();
+// SVG icon color (auto-derived, type-safe - NO any type)
+const themeSvgIconColor = THEME_COLOR_HEX_MAP[themeIconColor];
+// SVG icon size (global)
 const themeSvgIconSize = process.env.NEXT_PUBLIC_STYLE_SVG_ICON_SIZE || 18;
+// Theme button gradient classes (static for Tailwind scan)
+const THEME_BUTTON_GRADIENT_CLASS_MAP = Object.freeze({
+    "text-purple-500": "bg-linear-to-r from-purple-400 to-pink-500 dark:from-purple-500 dark:to-pink-600",
+    "text-orange-500": "bg-linear-to-r from-orange-500 to-orange-600 dark:from-orange-500 dark:to-orange-700",
+    "text-indigo-500": "bg-linear-to-r from-indigo-400 to-blue-500 dark:from-indigo-500 dark:to-blue-600",
+    "text-emerald-500": "bg-linear-to-r from-emerald-400 to-teal-500 dark:from-emerald-500 dark:to-teal-600",
+    "text-rose-500": "bg-linear-to-r from-rose-400 to-pink-500 dark:from-rose-500 dark:to-pink-600",
+});
+// Theme button hover gradient classes (static for Tailwind scan)
+const THEME_BUTTON_GRADIENT_HOVER_CLASS_MAP = Object.freeze({
+    "text-purple-500": "hover:from-purple-500 hover:to-pink-600 dark:hover:from-purple-600 dark:hover:to-pink-700",
+    "text-orange-500": "hover:from-orange-500 hover:to-amber-600 dark:hover:from-orange-600 dark:hover:to-amber-700",
+    "text-indigo-500": "hover:from-indigo-500 hover:to-blue-600 dark:hover:from-indigo-600 dark:hover:to-blue-700",
+    "text-emerald-500": "hover:from-emerald-500 hover:to-teal-600 dark:hover:from-emerald-600 dark:hover:to-teal-700",
+    "text-rose-500": "hover:from-rose-500 hover:to-pink-600 dark:hover:from-rose-600 dark:hover:to-pink-700",
+});
+// Global button gradient classes (type-safe, follows themeIconColor)
+const themeButtonGradientClass = THEME_BUTTON_GRADIENT_CLASS_MAP[themeIconColor];
+const themeButtonGradientHoverClass = THEME_BUTTON_GRADIENT_HOVER_CLASS_MAP[themeIconColor];
+// Theme hero text gradient classes (for bg-clip-text headlines)
+const THEME_HERO_EYES_ON_CLASS_MAP = Object.freeze({
+    "text-purple-500": "bg-linear-to-r from-purple-400 to-pink-600",
+    "text-orange-500": "bg-linear-to-r from-orange-500 to-red-500",
+    "text-indigo-500": "bg-linear-to-r from-indigo-400 to-blue-600",
+    "text-emerald-500": "bg-linear-to-r from-emerald-400 to-teal-600",
+    "text-rose-500": "bg-linear-to-r from-rose-400 to-pink-600",
+});
+const themeHeroEyesOnClass = THEME_HERO_EYES_ON_CLASS_MAP[themeIconColor];
+// Theme rich-text <mark> highlight background classes (darker emphasis, readable)
+const THEME_RICH_TEXT_MARK_CLASS_MAP = Object.freeze({
+    "text-purple-500": "bg-purple-300 dark:bg-purple-600",
+    "text-orange-500": "bg-orange-300 dark:bg-orange-600",
+    "text-indigo-500": "bg-indigo-300 dark:bg-indigo-600",
+    "text-emerald-500": "bg-emerald-300 dark:bg-emerald-600",
+    "text-rose-500": "bg-rose-300 dark:bg-rose-600",
+});
+const themeRichTextMarkClass = THEME_RICH_TEXT_MARK_CLASS_MAP[themeIconColor];
 
-export { themeIconColor, themeSvgIconColor, themeSvgIconSize };
+export { THEME_BUTTON_GRADIENT_CLASS_MAP, THEME_BUTTON_GRADIENT_HOVER_CLASS_MAP, THEME_COLOR_HEX_MAP, THEME_COLOR_NAME_TO_CLASS_MAP, THEME_HERO_EYES_ON_CLASS_MAP, THEME_RICH_TEXT_MARK_CLASS_MAP, __SUPPORTED_THEME_COLORS, themeButtonGradientClass, themeButtonGradientHoverClass, themeHeroEyesOnClass, themeIconColor, themeRichTextMarkClass, themeSvgIconColor, themeSvgIconSize, validateThemeColor, validateThemeName };

package/dist/ui/copyable-text.js

@@ -10,7 +10,6 @@ var utils = require('@windrun-huaiin/lib/utils');
 function CopyableText({ text, children, }) {
     const [copied, setCopied] = React.useState(false);
     const handleCopy = (e) => tslib_es6.__awaiter(this, void 0, void 0, function* () {
-        // 关键！阻止 button 默认行为，才能让移动端长按生效
         e.preventDefault();
         if (!navigator.clipboard)
             return;
@@ -20,18 +19,14 @@ function CopyableText({ text, children, }) {
             setTimeout(() => setCopied(false), 2000);
         }
         catch (_a) {
-            // 静默失败
+            // do nothing, just silence fail
         }
     });
     if (!text)
         return jsxRuntime.jsx("span", { className: "text-slate-400", children: "--" });
     return (
-    // 改成 div + onMouseDown + preventDefault
-    // 这样既能点又能长按，还能用 hover 高亮
-    jsxRuntime.jsxs("div", { onMouseDown: handleCopy, 
-        // 关键两行：允许文本被选中 + 允许长按菜单
-        className: utils.cn('group relative inline-flex items-center gap-1.5 rounded-md', 'px-1.5 -mx-1.5 py-0.5 cursor-pointer select-text', // select-text 至关重要！
-        'hover:bg-purple-50 hover:text-purple-700', 'dark:hover:bg-purple-500/10 dark:hover:text-purple-300', 'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-purple-400', 'transition-all', 'text-[0.5rem] sm:text-[0.625rem] md:text-xs font-mono leading-tight', 'min-h-4'), title: "Click to copy", children: [jsxRuntime.jsx("span", { className: "break-all", children: children || text }), jsxRuntime.jsx(globalIcon.globalLucideIcons.Check, { className: utils.cn('size-3 shrink-0', 'transition-opacity duration-200', copied ? 'opacity-100' : 'opacity-0') })] }));
+    // div + onMouseDown + preventDefault
+    jsxRuntime.jsxs("div", { onMouseDown: handleCopy, className: utils.cn('group relative inline-flex items-center gap-1.5 rounded-md', 'px-1.5 -mx-1.5 py-0.5 cursor-pointer select-text', 'hover:bg-purple-50 hover:text-purple-700', 'dark:hover:bg-purple-500/10 dark:hover:text-purple-300', 'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-purple-400', 'transition-all', 'text-[0.5rem] sm:text-[0.625rem] md:text-xs font-mono leading-tight', 'min-h-4'), title: "Click to copy", children: [jsxRuntime.jsx("span", { className: "break-all", children: children || text }), jsxRuntime.jsx(globalIcon.globalLucideIcons.Check, { className: utils.cn('size-3 shrink-0', 'transition-opacity duration-200', copied ? 'opacity-100' : 'opacity-0') })] }));
 }
 
 exports.CopyableText = CopyableText;

package/dist/ui/copyable-text.mjs

@@ -8,7 +8,6 @@ import { cn } from '@windrun-huaiin/lib/utils';
 function CopyableText({ text, children, }) {
     const [copied, setCopied] = useState(false);
     const handleCopy = (e) => __awaiter(this, void 0, void 0, function* () {
-        // 关键！阻止 button 默认行为，才能让移动端长按生效
         e.preventDefault();
         if (!navigator.clipboard)
             return;
@@ -18,18 +17,14 @@ function CopyableText({ text, children, }) {
             setTimeout(() => setCopied(false), 2000);
         }
         catch (_a) {
-            // 静默失败
+            // do nothing, just silence fail
         }
     });
     if (!text)
         return jsx("span", { className: "text-slate-400", children: "--" });
     return (
-    // 改成 div + onMouseDown + preventDefault
-    // 这样既能点又能长按，还能用 hover 高亮
-    jsxs("div", { onMouseDown: handleCopy, 
-        // 关键两行：允许文本被选中 + 允许长按菜单
-        className: cn('group relative inline-flex items-center gap-1.5 rounded-md', 'px-1.5 -mx-1.5 py-0.5 cursor-pointer select-text', // select-text 至关重要！
-        'hover:bg-purple-50 hover:text-purple-700', 'dark:hover:bg-purple-500/10 dark:hover:text-purple-300', 'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-purple-400', 'transition-all', 'text-[0.5rem] sm:text-[0.625rem] md:text-xs font-mono leading-tight', 'min-h-4'), title: "Click to copy", children: [jsx("span", { className: "break-all", children: children || text }), jsx(globalLucideIcons.Check, { className: cn('size-3 shrink-0', 'transition-opacity duration-200', copied ? 'opacity-100' : 'opacity-0') })] }));
+    // div + onMouseDown + preventDefault
+    jsxs("div", { onMouseDown: handleCopy, className: cn('group relative inline-flex items-center gap-1.5 rounded-md', 'px-1.5 -mx-1.5 py-0.5 cursor-pointer select-text', 'hover:bg-purple-50 hover:text-purple-700', 'dark:hover:bg-purple-500/10 dark:hover:text-purple-300', 'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-purple-400', 'transition-all', 'text-[0.5rem] sm:text-[0.625rem] md:text-xs font-mono leading-tight', 'min-h-4'), title: "Click to copy", children: [jsx("span", { className: "break-all", children: children || text }), jsx(globalLucideIcons.Check, { className: cn('size-3 shrink-0', 'transition-opacity duration-200', copied ? 'opacity-100' : 'opacity-0') })] }));
 }
 
 export { CopyableText };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@windrun-huaiin/base-ui",
-  "version": "13.0.0",
+  "version": "13.1.0",
   "description": "Base UI components for windrun-huaiin projects",
   "type": "module",
   "exports": {
@@ -9,6 +9,11 @@
       "import": "./dist/ui/index.mjs",
       "require": "./dist/ui/index.js"
     },
+    "./lib": {
+      "types": "./dist/lib/index.d.ts",
+      "import": "./dist/lib/index.mjs",
+      "require": "./dist/lib/index.js"
+    },
     "./components": {
       "types": "./dist/components/index.d.ts",
       "import": "./dist/components/index.mjs",

package/src/lib/index.ts

@@ -0,0 +1 @@
+export * from './theme-util';

package/src/lib/theme-util.ts

@@ -1,7 +1,120 @@
+/**
+ * Theme style utility (TypeScript)
+ * Maintainer: xxx
+ * Note:
+ * 1. Static color classes for Tailwind CSS 4.x scanning
+ * 2. Single config: NEXT_PUBLIC_STYLE_ICON_COLOR (Tailwind class only)
+ * 3. Premium/elegant color system (uppercase hex values)
+ */
 
-// Attention: This icon color will be used in the entire project, and it depends on the ENV variable NEXT_PUBLIC_STYLE_ICON_COLOR
-export const themeIconColor = process.env.NEXT_PUBLIC_STYLE_ICON_COLOR || "text-purple-500";
+// Define type for supported theme color classes (literal type)
+export type SupportedThemeColor = keyof typeof THEME_COLOR_HEX_MAP;
+export type SupportedThemeName = keyof typeof THEME_COLOR_NAME_TO_CLASS_MAP;
 
-// Attention: This icon color will be used in the entire project, and it depends on the ENV variable NEXT_PUBLIC_STYLE_SVG_ICON_COLOR
-export const themeSvgIconColor = process.env.NEXT_PUBLIC_STYLE_SVG_ICON_COLOR || "#AC62FD";
-export const themeSvgIconSize = process.env.NEXT_PUBLIC_STYLE_SVG_ICON_SIZE || 18
+// Supported theme color classes (static for Tailwind scan)
+export const __SUPPORTED_THEME_COLORS = Object.freeze({
+  "text-purple-500": "典雅紫·清",
+  "text-orange-500": "轻奢橙·暖",
+  "text-indigo-500": "沉稳蓝·冷",
+  "text-emerald-500": "温润绿·愈",
+  "text-rose-500": "玫瑰红·柔"
+} as const);
+
+// Hex color map (uppercase, match Tailwind classes)
+export const THEME_COLOR_HEX_MAP = Object.freeze({
+  "text-purple-500": "#AC62FD",
+  "text-orange-500": "#F97316",
+  "text-indigo-500": "#6366F1",
+  "text-emerald-500": "#10B981",
+  "text-rose-500": "#F43F5E",
+} as const);
+
+// Short theme names for env configuration
+export const THEME_COLOR_NAME_TO_CLASS_MAP = Object.freeze({
+  purple: "text-purple-500",
+  orange: "text-orange-500",
+  indigo: "text-indigo-500",
+  emerald: "text-emerald-500",
+  rose: "text-rose-500",
+} as const);
+
+// Validate theme color class (type guard)
+export const validateThemeColor = (colorClass: string): colorClass is SupportedThemeColor => {
+  return Object.prototype.hasOwnProperty.call(THEME_COLOR_HEX_MAP, colorClass);
+};
+
+export const validateThemeName = (colorName: string): colorName is SupportedThemeName => {
+  return Object.prototype.hasOwnProperty.call(THEME_COLOR_NAME_TO_CLASS_MAP, colorName);
+};
+
+// Theme icon text color (type-safe, global)
+export const themeIconColor: SupportedThemeColor = (() => {
+  const envColorRaw = process.env.NEXT_PUBLIC_STYLE_ICON_COLOR;
+  const envColor = envColorRaw?.trim().toLowerCase();
+  if (envColor) {
+    if (validateThemeName(envColor)) {
+      return THEME_COLOR_NAME_TO_CLASS_MAP[envColor];
+    }
+    // backward compatible: allow old full tailwind class value
+    if (validateThemeColor(envColor)) {
+      return envColor;
+    }
+  }
+  
+  console.warn(
+    `[ThemeUtil] Invalid NEXT_PUBLIC_STYLE_ICON_COLOR: ${envColorRaw}. Fallback to text-purple-500.
+    Supported names: ${Object.keys(THEME_COLOR_NAME_TO_CLASS_MAP).join(", ")}
+    Supported classes(legacy): ${Object.keys(THEME_COLOR_HEX_MAP).join(", ")}`
+  );
+  return "text-purple-500";
+})();
+
+// SVG icon color (auto-derived, type-safe - NO any type)
+export const themeSvgIconColor = THEME_COLOR_HEX_MAP[themeIconColor];
+
+// SVG icon size (global)
+export const themeSvgIconSize = process.env.NEXT_PUBLIC_STYLE_SVG_ICON_SIZE || 18;
+
+// Theme button gradient classes (static for Tailwind scan)
+export const THEME_BUTTON_GRADIENT_CLASS_MAP = Object.freeze({
+  "text-purple-500": "bg-linear-to-r from-purple-400 to-pink-500 dark:from-purple-500 dark:to-pink-600",
+  "text-orange-500": "bg-linear-to-r from-orange-500 to-orange-600 dark:from-orange-500 dark:to-orange-700",
+  "text-indigo-500": "bg-linear-to-r from-indigo-400 to-blue-500 dark:from-indigo-500 dark:to-blue-600",
+  "text-emerald-500": "bg-linear-to-r from-emerald-400 to-teal-500 dark:from-emerald-500 dark:to-teal-600",
+  "text-rose-500": "bg-linear-to-r from-rose-400 to-pink-500 dark:from-rose-500 dark:to-pink-600",
+} as const);
+
+// Theme button hover gradient classes (static for Tailwind scan)
+export const THEME_BUTTON_GRADIENT_HOVER_CLASS_MAP = Object.freeze({
+  "text-purple-500": "hover:from-purple-500 hover:to-pink-600 dark:hover:from-purple-600 dark:hover:to-pink-700",
+  "text-orange-500": "hover:from-orange-500 hover:to-amber-600 dark:hover:from-orange-600 dark:hover:to-amber-700",
+  "text-indigo-500": "hover:from-indigo-500 hover:to-blue-600 dark:hover:from-indigo-600 dark:hover:to-blue-700",
+  "text-emerald-500": "hover:from-emerald-500 hover:to-teal-600 dark:hover:from-emerald-600 dark:hover:to-teal-700",
+  "text-rose-500": "hover:from-rose-500 hover:to-pink-600 dark:hover:from-rose-600 dark:hover:to-pink-700",
+} as const);
+
+// Global button gradient classes (type-safe, follows themeIconColor)
+export const themeButtonGradientClass = THEME_BUTTON_GRADIENT_CLASS_MAP[themeIconColor];
+export const themeButtonGradientHoverClass = THEME_BUTTON_GRADIENT_HOVER_CLASS_MAP[themeIconColor];
+
+// Theme hero text gradient classes (for bg-clip-text headlines)
+export const THEME_HERO_EYES_ON_CLASS_MAP = Object.freeze({
+  "text-purple-500": "bg-linear-to-r from-purple-400 to-pink-600",
+  "text-orange-500": "bg-linear-to-r from-orange-500 to-red-500",
+  "text-indigo-500": "bg-linear-to-r from-indigo-400 to-blue-600",
+  "text-emerald-500": "bg-linear-to-r from-emerald-400 to-teal-600",
+  "text-rose-500": "bg-linear-to-r from-rose-400 to-pink-600",
+} as const);
+
+export const themeHeroEyesOnClass = THEME_HERO_EYES_ON_CLASS_MAP[themeIconColor];
+
+// Theme rich-text <mark> highlight background classes (darker emphasis, readable)
+export const THEME_RICH_TEXT_MARK_CLASS_MAP = Object.freeze({
+  "text-purple-500": "bg-purple-300 dark:bg-purple-600",
+  "text-orange-500": "bg-orange-300 dark:bg-orange-600",
+  "text-indigo-500": "bg-indigo-300 dark:bg-indigo-600",
+  "text-emerald-500": "bg-emerald-300 dark:bg-emerald-600",
+  "text-rose-500": "bg-rose-300 dark:bg-rose-600",
+} as const);
+
+export const themeRichTextMarkClass = THEME_RICH_TEXT_MARK_CLASS_MAP[themeIconColor];

package/src/ui/copyable-text.tsx

@@ -15,7 +15,6 @@ export function CopyableText({
   const [copied, setCopied] = useState(false);
 
   const handleCopy = async (e: React.MouseEvent) => {
-    // 关键！阻止 button 默认行为，才能让移动端长按生效
     e.preventDefault();
 
     if (!navigator.clipboard) return;
@@ -25,21 +24,19 @@ export function CopyableText({
       setCopied(true);
       setTimeout(() => setCopied(false), 2000);
     } catch {
-      // 静默失败
+      // do nothing, just silence fail
     }
   };
 
   if (!text) return <span className="text-slate-400">--</span>;
 
   return (
-    // 改成 div + onMouseDown + preventDefault
-    // 这样既能点又能长按，还能用 hover 高亮
+    // div + onMouseDown + preventDefault
     <div
       onMouseDown={handleCopy}
-      // 关键两行：允许文本被选中 + 允许长按菜单
       className={cn(
         'group relative inline-flex items-center gap-1.5 rounded-md',
-        'px-1.5 -mx-1.5 py-0.5 cursor-pointer select-text', // select-text 至关重要！
+        'px-1.5 -mx-1.5 py-0.5 cursor-pointer select-text',
         'hover:bg-purple-50 hover:text-purple-700',
         'dark:hover:bg-purple-500/10 dark:hover:text-purple-300',
         'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-purple-400',