@windrun-huaiin/third-ui 13.0.0 → 13.1.0

package/dist/main/money-price/money-price-button.mjs

@@ -2,6 +2,7 @@
 import { __awaiter } from '../../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.mjs';
 import { jsx } from 'react/jsx-runtime';
 import { cn } from '@windrun-huaiin/lib/utils';
+import { themeButtonGradientClass, themeButtonGradientHoverClass } from '@windrun-huaiin/base-ui/lib';
 import { UserState } from './money-price-types.mjs';
 import { useState } from 'react';
 
@@ -214,8 +215,8 @@ function MoneyPriceButton({ planKey, userContext, billingType, onAuth, onAction,
     });
     const buttonClassName = cn('w-full h-11 md:h-12 px-5 md:px-8 mt-4 md:mt-auto inline-flex items-center justify-center text-white text-sm md:text-base font-bold tracking-wide shadow-md hover:shadow-lg transition-all duration-300 rounded-full', isDisabledByConfigOnly
         ? 'bg-gray-400 cursor-not-allowed'
-        : 'bg-linear-to-r from-purple-400 to-pink-500 dark:from-purple-500 dark:to-pink-600', !isDisabledByConfigOnly && !isBusy &&
-        'hover:from-purple-500 hover:to-pink-600 dark:hover:from-purple-600 dark:hover:to-pink-700', isBusy && !isDisabledByConfigOnly && 'opacity-70 cursor-not-allowed');
+        : themeButtonGradientClass, !isDisabledByConfigOnly && !isBusy &&
+        themeButtonGradientHoverClass, isBusy && !isDisabledByConfigOnly && 'opacity-70 cursor-not-allowed');
     return (jsx("button", { className: buttonClassName, disabled: isDisabled, onClick: handleClick, type: "button", "data-plan-button": planKey, children: displayText }));
 }
 

package/dist/main/money-price/money-price-interactive.js

@@ -11,6 +11,7 @@ var moneyPriceButton = require('./money-price-button.js');
 var moneyPriceConfigUtil = require('./money-price-config-util.js');
 var moneyPriceTypes = require('./money-price-types.js');
 var customerPortal = require('./customer-portal.js');
+var lib = require('@windrun-huaiin/base-ui/lib');
 
 const PLAN_KEYS = ['F1', 'P2', 'U3'];
 function MoneyPriceInteractive({ data, config, checkoutApiEndpoint, customerPortalApiEndpoint, enableClerkModal = false, enabledBillingTypes, enableSubscriptionUpgrade = true, initialBillingType, disableAutoDetectBilling = false, initUserContext, }) {
@@ -313,7 +314,7 @@ function MoneyPriceInteractive({ data, config, checkoutApiEndpoint, customerPort
     return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { className: "flex justify-center mb-6 max-md:sticky max-md:top-30 max-md:z-30 max-md:py-2 max-md:bg-transparent", children: jsxRuntime.jsx("div", { className: "inline-flex bg-white dark:bg-gray-900 border border-gray-300 dark:border-gray-700 rounded-full px-2 py-2 sm:px-3 sm:py-3 max-md:w-full max-md:max-w-[340px] max-md:mx-auto shadow-sm", "data-billing-switch": true, children: billingOptions.map(option => {
                         const isActive = option.key === billingType;
                         const buttonClasses = isActive
-                            ? 'text-white bg-linear-to-r from-purple-400 to-pink-500 hover:from-purple-500 hover:to-pink-600 dark:from-purple-500 dark:to-pink-600 dark:hover:from-purple-600 rounded-full shadow-sm'
+                            ? utils.cn('text-white rounded-full shadow-sm', lib.themeButtonGradientClass, lib.themeButtonGradientHoverClass)
                             : 'text-gray-800 dark:text-gray-200 hover:text-gray-900 dark:hover:text-gray-100 rounded-full';
                         const showBadge = option.key === billingType && !!discountBadgeText;
                         return (jsxRuntime.jsxs("div", { className: "relative flex items-center justify-center mx-1", children: [showBadge && (jsxRuntime.jsx("span", { className: "absolute z-10 left-1/2 -translate-x-1/2 -top-3 sm:-top-4 translate-y-[-50%] px-3 py-0.5  text-[0.625rem] sm:text-xs rounded-md bg-yellow-100 text-yellow-800 font-semibold shadow-sm whitespace-nowrap", children: discountBadgeText })), jsxRuntime.jsx("button", { className: utils.cn('text-sm md:text-base font-medium transition relative text-center z-10 px-2 sm:px-4 py-2 min-w-[100px] sm:min-w-[120px]', buttonClasses), type: "button", "data-billing-button": option.key, onClick: () => setBillingType(option.key), children: option.name })] }, option.key));

package/dist/main/money-price/money-price-interactive.mjs

@@ -9,6 +9,7 @@ import { MoneyPriceButton } from './money-price-button.mjs';
 import { getActiveProviderConfigUtil, getProductPricing } from './money-price-config-util.mjs';
 import { UserState } from './money-price-types.mjs';
 import { redirectToCustomerPortal } from './customer-portal.mjs';
+import { themeButtonGradientClass, themeButtonGradientHoverClass } from '@windrun-huaiin/base-ui/lib';
 
 const PLAN_KEYS = ['F1', 'P2', 'U3'];
 function MoneyPriceInteractive({ data, config, checkoutApiEndpoint, customerPortalApiEndpoint, enableClerkModal = false, enabledBillingTypes, enableSubscriptionUpgrade = true, initialBillingType, disableAutoDetectBilling = false, initUserContext, }) {
@@ -311,7 +312,7 @@ function MoneyPriceInteractive({ data, config, checkoutApiEndpoint, customerPort
     return (jsxs(Fragment, { children: [jsx("div", { className: "flex justify-center mb-6 max-md:sticky max-md:top-30 max-md:z-30 max-md:py-2 max-md:bg-transparent", children: jsx("div", { className: "inline-flex bg-white dark:bg-gray-900 border border-gray-300 dark:border-gray-700 rounded-full px-2 py-2 sm:px-3 sm:py-3 max-md:w-full max-md:max-w-[340px] max-md:mx-auto shadow-sm", "data-billing-switch": true, children: billingOptions.map(option => {
                         const isActive = option.key === billingType;
                         const buttonClasses = isActive
-                            ? 'text-white bg-linear-to-r from-purple-400 to-pink-500 hover:from-purple-500 hover:to-pink-600 dark:from-purple-500 dark:to-pink-600 dark:hover:from-purple-600 rounded-full shadow-sm'
+                            ? cn('text-white rounded-full shadow-sm', themeButtonGradientClass, themeButtonGradientHoverClass)
                             : 'text-gray-800 dark:text-gray-200 hover:text-gray-900 dark:hover:text-gray-100 rounded-full';
                         const showBadge = option.key === billingType && !!discountBadgeText;
                         return (jsxs("div", { className: "relative flex items-center justify-center mx-1", children: [showBadge && (jsx("span", { className: "absolute z-10 left-1/2 -translate-x-1/2 -top-3 sm:-top-4 translate-y-[-50%] px-3 py-0.5  text-[0.625rem] sm:text-xs rounded-md bg-yellow-100 text-yellow-800 font-semibold shadow-sm whitespace-nowrap", children: discountBadgeText })), jsx("button", { className: cn('text-sm md:text-base font-medium transition relative text-center z-10 px-2 sm:px-4 py-2 min-w-[100px] sm:min-w-[120px]', buttonClasses), type: "button", "data-billing-button": option.key, onClick: () => setBillingType(option.key), children: option.name })] }, option.key));

package/dist/main/rich-text-expert.js

@@ -1,6 +1,8 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
+var utils = require('@windrun-huaiin/lib/utils');
+var lib = require('@windrun-huaiin/base-ui/lib');
 
 // default tag renderers
 const defaultTagRenderers = {
@@ -11,7 +13,7 @@ const defaultTagRenderers = {
     // text Underline
     u: (chunks) => jsxRuntime.jsx("u", { children: chunks }),
     // text Mark
-    mark: (chunks) => jsxRuntime.jsx("mark", { className: "bg-purple-300 dark:bg-purple-500 text-neutral-800 dark:text-neutral-300 px-1 rounded", children: chunks }),
+    mark: (chunks) => jsxRuntime.jsx("mark", { className: utils.cn(lib.themeRichTextMarkClass, "text-neutral-800 dark:text-neutral-300 px-1 rounded"), children: chunks }),
     // text Delete
     del: (chunks) => jsxRuntime.jsx("del", { children: chunks }),
     // text Subscript

package/dist/main/rich-text-expert.mjs

@@ -1,4 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
+import { cn } from '@windrun-huaiin/lib/utils';
+import { themeRichTextMarkClass } from '@windrun-huaiin/base-ui/lib';
 
 // default tag renderers
 const defaultTagRenderers = {
@@ -9,7 +11,7 @@ const defaultTagRenderers = {
     // text Underline
     u: (chunks) => jsx("u", { children: chunks }),
     // text Mark
-    mark: (chunks) => jsx("mark", { className: "bg-purple-300 dark:bg-purple-500 text-neutral-800 dark:text-neutral-300 px-1 rounded", children: chunks }),
+    mark: (chunks) => jsx("mark", { className: cn(themeRichTextMarkClass, "text-neutral-800 dark:text-neutral-300 px-1 rounded"), children: chunks }),
     // text Delete
     del: (chunks) => jsx("del", { children: chunks }),
     // text Subscript

package/dist/main/seo-content.js

@@ -6,6 +6,7 @@ var server = require('next-intl/server');
 var utils = require('@windrun-huaiin/lib/utils');
 var richTextExpert = require('./rich-text-expert.js');
 var sectionLayout = require('./section-layout.js');
+var lib = require('@windrun-huaiin/base-ui/lib');
 
 function SeoContent(_a) {
     return tslib_es6.__awaiter(this, arguments, void 0, function* ({ locale, sectionClassName }) {
@@ -24,7 +25,7 @@ function SeoContent(_a) {
             })),
             conclusion: richTextExpert.richText(t, 'conclusion')
         };
-        return (jsxRuntime.jsxs("section", { id: "seo", className: utils.cn(sectionLayout.responsiveSection, sectionClassName), children: [jsxRuntime.jsxs("h2", { className: "text-3xl md:text-4xl font-bold text-center mb-8", children: [data.title, " ", jsxRuntime.jsx("span", { className: "text-purple-500", children: data.eyesOn })] }), jsxRuntime.jsx("h3", { className: "text-center text-gray-600 dark:text-gray-400 mb-12 text-lg", children: data.description }), jsxRuntime.jsxs("div", { className: "bg-gray-50 dark:bg-gray-800/60 border border-gray-200 dark:border-gray-700 rounded-2xl p-8 md:p-12 shadow-sm dark:shadow-none", children: [jsxRuntime.jsxs("div", { className: "space-y-10", children: [jsxRuntime.jsx("p", { className: "text-gray-600 dark:text-gray-400 text-lg", children: data.intro }), data.sections.map((section) => (jsxRuntime.jsxs("div", { "data-seo-section": section.id, children: [jsxRuntime.jsx("h2", { className: "text-xl font-semibold mb-3 text-gray-900 dark:text-gray-100 flex items-center", children: section.title }), jsxRuntime.jsx("p", { className: "text-gray-700 dark:text-gray-300", children: section.content })] }, section.id)))] }), jsxRuntime.jsx("p", { className: "mt-10 text-gray-600 dark:text-gray-400 text-lg", children: data.conclusion })] })] }));
+        return (jsxRuntime.jsxs("section", { id: "seo", className: utils.cn(sectionLayout.responsiveSection, sectionClassName), children: [jsxRuntime.jsxs("h2", { className: "text-3xl md:text-4xl font-bold text-center mb-8", children: [data.title, " ", jsxRuntime.jsx("span", { className: lib.themeIconColor, children: data.eyesOn })] }), jsxRuntime.jsx("h3", { className: "text-center text-gray-600 dark:text-gray-400 mb-12 text-lg", children: data.description }), jsxRuntime.jsxs("div", { className: "bg-gray-50 dark:bg-gray-800/60 border border-gray-200 dark:border-gray-700 rounded-2xl p-8 md:p-12 shadow-sm dark:shadow-none", children: [jsxRuntime.jsxs("div", { className: "space-y-10", children: [jsxRuntime.jsx("p", { className: "text-gray-600 dark:text-gray-400 text-lg", children: data.intro }), data.sections.map((section) => (jsxRuntime.jsxs("div", { "data-seo-section": section.id, children: [jsxRuntime.jsx("h2", { className: "text-xl font-semibold mb-3 text-gray-900 dark:text-gray-100 flex items-center", children: section.title }), jsxRuntime.jsx("p", { className: "text-gray-700 dark:text-gray-300", children: section.content })] }, section.id)))] }), jsxRuntime.jsx("p", { className: "mt-10 text-gray-600 dark:text-gray-400 text-lg", children: data.conclusion })] })] }));
     });
 }
 

package/dist/main/seo-content.mjs

@@ -4,6 +4,7 @@ import { getTranslations } from 'next-intl/server';
 import { cn } from '@windrun-huaiin/lib/utils';
 import { richText } from './rich-text-expert.mjs';
 import { responsiveSection } from './section-layout.mjs';
+import { themeIconColor } from '@windrun-huaiin/base-ui/lib';
 
 function SeoContent(_a) {
     return __awaiter(this, arguments, void 0, function* ({ locale, sectionClassName }) {
@@ -22,7 +23,7 @@ function SeoContent(_a) {
             })),
             conclusion: richText(t, 'conclusion')
         };
-        return (jsxs("section", { id: "seo", className: cn(responsiveSection, sectionClassName), children: [jsxs("h2", { className: "text-3xl md:text-4xl font-bold text-center mb-8", children: [data.title, " ", jsx("span", { className: "text-purple-500", children: data.eyesOn })] }), jsx("h3", { className: "text-center text-gray-600 dark:text-gray-400 mb-12 text-lg", children: data.description }), jsxs("div", { className: "bg-gray-50 dark:bg-gray-800/60 border border-gray-200 dark:border-gray-700 rounded-2xl p-8 md:p-12 shadow-sm dark:shadow-none", children: [jsxs("div", { className: "space-y-10", children: [jsx("p", { className: "text-gray-600 dark:text-gray-400 text-lg", children: data.intro }), data.sections.map((section) => (jsxs("div", { "data-seo-section": section.id, children: [jsx("h2", { className: "text-xl font-semibold mb-3 text-gray-900 dark:text-gray-100 flex items-center", children: section.title }), jsx("p", { className: "text-gray-700 dark:text-gray-300", children: section.content })] }, section.id)))] }), jsx("p", { className: "mt-10 text-gray-600 dark:text-gray-400 text-lg", children: data.conclusion })] })] }));
+        return (jsxs("section", { id: "seo", className: cn(responsiveSection, sectionClassName), children: [jsxs("h2", { className: "text-3xl md:text-4xl font-bold text-center mb-8", children: [data.title, " ", jsx("span", { className: themeIconColor, children: data.eyesOn })] }), jsx("h3", { className: "text-center text-gray-600 dark:text-gray-400 mb-12 text-lg", children: data.description }), jsxs("div", { className: "bg-gray-50 dark:bg-gray-800/60 border border-gray-200 dark:border-gray-700 rounded-2xl p-8 md:p-12 shadow-sm dark:shadow-none", children: [jsxs("div", { className: "space-y-10", children: [jsx("p", { className: "text-gray-600 dark:text-gray-400 text-lg", children: data.intro }), data.sections.map((section) => (jsxs("div", { "data-seo-section": section.id, children: [jsx("h2", { className: "text-xl font-semibold mb-3 text-gray-900 dark:text-gray-100 flex items-center", children: section.title }), jsx("p", { className: "text-gray-700 dark:text-gray-300", children: section.content })] }, section.id)))] }), jsx("p", { className: "mt-10 text-gray-600 dark:text-gray-400 text-lg", children: data.conclusion })] })] }));
     });
 }
 

package/dist/main/tips.js

@@ -6,6 +6,7 @@ var server = require('next-intl/server');
 var utils = require('@windrun-huaiin/lib/utils');
 var richTextExpert = require('./rich-text-expert.js');
 var sectionLayout = require('./section-layout.js');
+var lib = require('@windrun-huaiin/base-ui/lib');
 
 function Tips(_a) {
     return tslib_es6.__awaiter(this, arguments, void 0, function* ({ locale, sectionClassName }) {
@@ -26,7 +27,7 @@ function Tips(_a) {
             leftColumn,
             rightColumn
         };
-        return (jsxRuntime.jsxs("section", { id: "tips", className: utils.cn(sectionLayout.responsiveSection, sectionClassName), children: [jsxRuntime.jsxs("h2", { className: "text-3xl md:text-4xl font-bold text-center mb-16", children: [data.title, " ", jsxRuntime.jsx("span", { className: "text-purple-500", children: data.eyesOn })] }), jsxRuntime.jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-12 bg-gray-50 dark:bg-gray-800/60 border border-gray-200 dark:border-gray-700 rounded-2xl p-8 md:p-12 shadow-sm dark:shadow-none", children: [data.leftColumn, data.rightColumn].map((column, colIndex) => (jsxRuntime.jsx("div", { className: "space-y-8", children: column.map((tip) => (jsxRuntime.jsxs("div", { "data-tip-id": tip.id, className: "space-y-4", children: [jsxRuntime.jsx("h3", { className: "text-2xl font-semibold", children: tip.title }), jsxRuntime.jsx("p", { className: "", children: tip.description })] }, tip.id))) }, colIndex))) })] }));
+        return (jsxRuntime.jsxs("section", { id: "tips", className: utils.cn(sectionLayout.responsiveSection, sectionClassName), children: [jsxRuntime.jsxs("h2", { className: "text-3xl md:text-4xl font-bold text-center mb-16", children: [data.title, " ", jsxRuntime.jsx("span", { className: lib.themeIconColor, children: data.eyesOn })] }), jsxRuntime.jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-12 bg-gray-50 dark:bg-gray-800/60 border border-gray-200 dark:border-gray-700 rounded-2xl p-8 md:p-12 shadow-sm dark:shadow-none", children: [data.leftColumn, data.rightColumn].map((column, colIndex) => (jsxRuntime.jsx("div", { className: "space-y-8", children: column.map((tip) => (jsxRuntime.jsxs("div", { "data-tip-id": tip.id, className: "space-y-4", children: [jsxRuntime.jsx("h3", { className: "text-2xl font-semibold", children: tip.title }), jsxRuntime.jsx("p", { className: "", children: tip.description })] }, tip.id))) }, colIndex))) })] }));
     });
 }
 

package/dist/main/tips.mjs

@@ -4,6 +4,7 @@ import { getTranslations } from 'next-intl/server';
 import { cn } from '@windrun-huaiin/lib/utils';
 import { richText } from './rich-text-expert.mjs';
 import { responsiveSection } from './section-layout.mjs';
+import { themeIconColor } from '@windrun-huaiin/base-ui/lib';
 
 function Tips(_a) {
     return __awaiter(this, arguments, void 0, function* ({ locale, sectionClassName }) {
@@ -24,7 +25,7 @@ function Tips(_a) {
             leftColumn,
             rightColumn
         };
-        return (jsxs("section", { id: "tips", className: cn(responsiveSection, sectionClassName), children: [jsxs("h2", { className: "text-3xl md:text-4xl font-bold text-center mb-16", children: [data.title, " ", jsx("span", { className: "text-purple-500", children: data.eyesOn })] }), jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-12 bg-gray-50 dark:bg-gray-800/60 border border-gray-200 dark:border-gray-700 rounded-2xl p-8 md:p-12 shadow-sm dark:shadow-none", children: [data.leftColumn, data.rightColumn].map((column, colIndex) => (jsx("div", { className: "space-y-8", children: column.map((tip) => (jsxs("div", { "data-tip-id": tip.id, className: "space-y-4", children: [jsx("h3", { className: "text-2xl font-semibold", children: tip.title }), jsx("p", { className: "", children: tip.description })] }, tip.id))) }, colIndex))) })] }));
+        return (jsxs("section", { id: "tips", className: cn(responsiveSection, sectionClassName), children: [jsxs("h2", { className: "text-3xl md:text-4xl font-bold text-center mb-16", children: [data.title, " ", jsx("span", { className: themeIconColor, children: data.eyesOn })] }), jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-12 bg-gray-50 dark:bg-gray-800/60 border border-gray-200 dark:border-gray-700 rounded-2xl p-8 md:p-12 shadow-sm dark:shadow-none", children: [data.leftColumn, data.rightColumn].map((column, colIndex) => (jsx("div", { className: "space-y-8", children: column.map((tip) => (jsxs("div", { "data-tip-id": tip.id, className: "space-y-4", children: [jsx("h3", { className: "text-2xl font-semibold", children: tip.title }), jsx("p", { className: "", children: tip.description })] }, tip.id))) }, colIndex))) })] }));
     });
 }
 

package/dist/main/usage.js

@@ -5,6 +5,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var server = require('next-intl/server');
 var utils = require('@windrun-huaiin/lib/utils');
 var server$1 = require('@windrun-huaiin/base-ui/components/server');
+var lib = require('@windrun-huaiin/base-ui/lib');
 var richTextExpert = require('./rich-text-expert.js');
 var sectionLayout = require('./section-layout.js');
 
@@ -25,9 +26,9 @@ function Usage(_a) {
                 stepNumber: index + 1
             }))
         };
-        return (jsxRuntime.jsxs("section", { id: "usage", className: utils.cn(sectionLayout.responsiveSection, sectionClassName), children: [jsxRuntime.jsxs("h2", { className: "text-3xl md:text-4xl font-bold text-center mb-4", children: [data.title, " ", jsxRuntime.jsx("span", { className: "text-purple-500", children: data.eyesOn })] }), jsxRuntime.jsx("p", { className: "text-center text-gray-600 dark:text-gray-400 mb-12 text-base sm:text-lg mx-auto max-w-3xl", children: data.description }), jsxRuntime.jsx("div", { className: "bg-gray-50 dark:bg-gray-800/60 border border-gray-200 dark:border-gray-700 rounded-2xl p-8 md:p-12 shadow-sm dark:shadow-none", children: jsxRuntime.jsx("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-8 gap-y-12", children: data.steps.map((step) => {
+        return (jsxRuntime.jsxs("section", { id: "usage", className: utils.cn(sectionLayout.responsiveSection, sectionClassName), children: [jsxRuntime.jsxs("h2", { className: "text-3xl md:text-4xl font-bold text-center mb-4", children: [data.title, " ", jsxRuntime.jsx("span", { className: lib.themeIconColor, children: data.eyesOn })] }), jsxRuntime.jsx("p", { className: "text-center text-gray-600 dark:text-gray-400 mb-12 text-base sm:text-lg mx-auto max-w-3xl", children: data.description }), jsxRuntime.jsx("div", { className: "bg-gray-50 dark:bg-gray-800/60 border border-gray-200 dark:border-gray-700 rounded-2xl p-8 md:p-12 shadow-sm dark:shadow-none", children: jsxRuntime.jsx("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-8 gap-y-12", children: data.steps.map((step) => {
                             const Icon = server$1.getGlobalIcon(step.iconKey);
-                            return (jsxRuntime.jsxs("div", { "data-usage-step": step.id, className: "flex items-start", children: [jsxRuntime.jsx("div", { className: "shrink-0 mr-4", children: jsxRuntime.jsx(Icon, { className: "w-8 h-8 text-purple-500" }) }), jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("h3", { className: "text-xl font-semibold mb-3 text-gray-900 dark:text-gray-100 flex items-center", children: `${step.stepNumber}. ${step.title}` }), jsxRuntime.jsx("p", { className: "text-gray-700 dark:text-gray-300", children: step.description })] })] }, step.id));
+                            return (jsxRuntime.jsxs("div", { "data-usage-step": step.id, className: "flex items-start", children: [jsxRuntime.jsx("div", { className: "shrink-0 mr-4", children: jsxRuntime.jsx(Icon, { className: "w-8 h-8" }) }), jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("h3", { className: "text-xl font-semibold mb-3 text-gray-900 dark:text-gray-100 flex items-center", children: `${step.stepNumber}. ${step.title}` }), jsxRuntime.jsx("p", { className: "text-gray-700 dark:text-gray-300", children: step.description })] })] }, step.id));
                         }) }) })] }));
     });
 }

package/dist/main/usage.mjs

@@ -3,6 +3,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { getTranslations } from 'next-intl/server';
 import { cn } from '@windrun-huaiin/lib/utils';
 import { getGlobalIcon } from '@windrun-huaiin/base-ui/components/server';
+import { themeIconColor } from '@windrun-huaiin/base-ui/lib';
 import { richText } from './rich-text-expert.mjs';
 import { responsiveSection } from './section-layout.mjs';
 
@@ -23,9 +24,9 @@ function Usage(_a) {
                 stepNumber: index + 1
             }))
         };
-        return (jsxs("section", { id: "usage", className: cn(responsiveSection, sectionClassName), children: [jsxs("h2", { className: "text-3xl md:text-4xl font-bold text-center mb-4", children: [data.title, " ", jsx("span", { className: "text-purple-500", children: data.eyesOn })] }), jsx("p", { className: "text-center text-gray-600 dark:text-gray-400 mb-12 text-base sm:text-lg mx-auto max-w-3xl", children: data.description }), jsx("div", { className: "bg-gray-50 dark:bg-gray-800/60 border border-gray-200 dark:border-gray-700 rounded-2xl p-8 md:p-12 shadow-sm dark:shadow-none", children: jsx("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-8 gap-y-12", children: data.steps.map((step) => {
+        return (jsxs("section", { id: "usage", className: cn(responsiveSection, sectionClassName), children: [jsxs("h2", { className: "text-3xl md:text-4xl font-bold text-center mb-4", children: [data.title, " ", jsx("span", { className: themeIconColor, children: data.eyesOn })] }), jsx("p", { className: "text-center text-gray-600 dark:text-gray-400 mb-12 text-base sm:text-lg mx-auto max-w-3xl", children: data.description }), jsx("div", { className: "bg-gray-50 dark:bg-gray-800/60 border border-gray-200 dark:border-gray-700 rounded-2xl p-8 md:p-12 shadow-sm dark:shadow-none", children: jsx("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-8 gap-y-12", children: data.steps.map((step) => {
                             const Icon = getGlobalIcon(step.iconKey);
-                            return (jsxs("div", { "data-usage-step": step.id, className: "flex items-start", children: [jsx("div", { className: "shrink-0 mr-4", children: jsx(Icon, { className: "w-8 h-8 text-purple-500" }) }), jsxs("div", { children: [jsx("h3", { className: "text-xl font-semibold mb-3 text-gray-900 dark:text-gray-100 flex items-center", children: `${step.stepNumber}. ${step.title}` }), jsx("p", { className: "text-gray-700 dark:text-gray-300", children: step.description })] })] }, step.id));
+                            return (jsxs("div", { "data-usage-step": step.id, className: "flex items-start", children: [jsx("div", { className: "shrink-0 mr-4", children: jsx(Icon, { className: "w-8 h-8" }) }), jsxs("div", { children: [jsx("h3", { className: "text-xl font-semibold mb-3 text-gray-900 dark:text-gray-100 flex items-center", children: `${step.stepNumber}. ${step.title}` }), jsx("p", { className: "text-gray-700 dark:text-gray-300", children: step.description })] })] }, step.id));
                         }) }) })] }));
     });
 }

package/dist/node_modules/.pnpm/@chevrotain_gast@11.0.3/node_modules/@chevrotain/gast/lib/src/helpers.js

@@ -27,11 +27,11 @@ function isOptionalProd(prod, alreadyVisited = []) {
     // may be indirectly optional ((A?B?C?) | (D?E?F?))
     if (prod instanceof model.Alternation) {
         // for OR its enough for just one of the alternatives to be optional
-        return some(prod.definition, (subProd) => {
+        return some.default(prod.definition, (subProd) => {
             return isOptionalProd(subProd, alreadyVisited);
         });
     }
-    else if (prod instanceof model.NonTerminal && includes(alreadyVisited, prod)) {
+    else if (prod instanceof model.NonTerminal && includes.default(alreadyVisited, prod)) {
         // avoiding stack overflow due to infinite recursion
         return false;
     }
@@ -39,7 +39,7 @@ function isOptionalProd(prod, alreadyVisited = []) {
         if (prod instanceof model.NonTerminal) {
             alreadyVisited.push(prod);
         }
-        return every(prod.definition, (subProd) => {
+        return every.default(prod.definition, (subProd) => {
             return isOptionalProd(subProd, alreadyVisited);
         });
     }

package/dist/node_modules/.pnpm/@chevrotain_gast@11.0.3/node_modules/@chevrotain/gast/lib/src/model.js

@@ -18,7 +18,7 @@ function tokenLabel(tokType) {
 }
 // TODO: duplicated code to avoid extracting another sub-package -- how to avoid?
 function hasTokenLabel(obj) {
-    return isString(obj.LABEL) && obj.LABEL !== "";
+    return isString.default(obj.LABEL) && obj.LABEL !== "";
 }
 class AbstractProduction {
     get definition() {
@@ -32,7 +32,7 @@ class AbstractProduction {
     }
     accept(visitor) {
         visitor.visit(this);
-        forEach(this.definition, (prod) => {
+        forEach.default(this.definition, (prod) => {
             prod.accept(visitor);
         });
     }
@@ -41,7 +41,7 @@ class NonTerminal extends AbstractProduction {
     constructor(options) {
         super([]);
         this.idx = 1;
-        assign(this, pickBy(options, (v) => v !== undefined));
+        assign.default(this, pickBy.default(options, (v) => v !== undefined));
     }
     set definition(definition) {
         // immutable
@@ -61,49 +61,49 @@ class Rule extends AbstractProduction {
     constructor(options) {
         super(options.definition);
         this.orgText = "";
-        assign(this, pickBy(options, (v) => v !== undefined));
+        assign.default(this, pickBy.default(options, (v) => v !== undefined));
     }
 }
 class Alternative extends AbstractProduction {
     constructor(options) {
         super(options.definition);
         this.ignoreAmbiguities = false;
-        assign(this, pickBy(options, (v) => v !== undefined));
+        assign.default(this, pickBy.default(options, (v) => v !== undefined));
     }
 }
 class Option extends AbstractProduction {
     constructor(options) {
         super(options.definition);
         this.idx = 1;
-        assign(this, pickBy(options, (v) => v !== undefined));
+        assign.default(this, pickBy.default(options, (v) => v !== undefined));
     }
 }
 class RepetitionMandatory extends AbstractProduction {
     constructor(options) {
         super(options.definition);
         this.idx = 1;
-        assign(this, pickBy(options, (v) => v !== undefined));
+        assign.default(this, pickBy.default(options, (v) => v !== undefined));
     }
 }
 class RepetitionMandatoryWithSeparator extends AbstractProduction {
     constructor(options) {
         super(options.definition);
         this.idx = 1;
-        assign(this, pickBy(options, (v) => v !== undefined));
+        assign.default(this, pickBy.default(options, (v) => v !== undefined));
     }
 }
 class Repetition extends AbstractProduction {
     constructor(options) {
         super(options.definition);
         this.idx = 1;
-        assign(this, pickBy(options, (v) => v !== undefined));
+        assign.default(this, pickBy.default(options, (v) => v !== undefined));
     }
 }
 class RepetitionWithSeparator extends AbstractProduction {
     constructor(options) {
         super(options.definition);
         this.idx = 1;
-        assign(this, pickBy(options, (v) => v !== undefined));
+        assign.default(this, pickBy.default(options, (v) => v !== undefined));
     }
 }
 class Alternation extends AbstractProduction {
@@ -118,24 +118,24 @@ class Alternation extends AbstractProduction {
         this.idx = 1;
         this.ignoreAmbiguities = false;
         this.hasPredicates = false;
-        assign(this, pickBy(options, (v) => v !== undefined));
+        assign.default(this, pickBy.default(options, (v) => v !== undefined));
     }
 }
 class Terminal {
     constructor(options) {
         this.idx = 1;
-        assign(this, pickBy(options, (v) => v !== undefined));
+        assign.default(this, pickBy.default(options, (v) => v !== undefined));
     }
     accept(visitor) {
         visitor.visit(this);
     }
 }
 function serializeGrammar(topRules) {
-    return map(topRules, serializeProduction);
+    return map.default(topRules, serializeProduction);
 }
 function serializeProduction(node) {
     function convertDefinition(definition) {
-        return map(definition, serializeProduction);
+        return map.default(definition, serializeProduction);
     }
     /* istanbul ignore else */
     if (node instanceof NonTerminal) {
@@ -144,7 +144,7 @@ function serializeProduction(node) {
             name: node.nonTerminalName,
             idx: node.idx,
         };
-        if (isString(node.label)) {
+        if (isString.default(node.label)) {
             serializedNonTerminal.label = node.label;
         }
         return serializedNonTerminal;
@@ -206,12 +206,12 @@ function serializeProduction(node) {
             label: tokenLabel(node.terminalType),
             idx: node.idx,
         };
-        if (isString(node.label)) {
+        if (isString.default(node.label)) {
             serializedTerminal.terminalLabel = node.label;
         }
         const pattern = node.terminalType.PATTERN;
         if (node.terminalType.PATTERN) {
-            serializedTerminal.pattern = isRegExp(pattern)
+            serializedTerminal.pattern = isRegExp.default(pattern)
                 ? pattern.source
                 : pattern;
         }

package/dist/node_modules/.pnpm/chevrotain-allstar@0.3.1_chevrotain@11.0.3/node_modules/chevrotain-allstar/lib/all-star-lookahead.js

@@ -10,14 +10,14 @@ require('../../../../chevrotain@11.0.3/node_modules/chevrotain/lib/src/parse/exc
 var model = require('../../../../@chevrotain_gast@11.0.3/node_modules/@chevrotain/gast/lib/src/model.js');
 var atn = require('./atn.js');
 var dfa = require('./dfa.js');
-var min = require('../../../../lodash-es@4.17.21/node_modules/lodash-es/min.js');
-var flatMap = require('../../../../lodash-es@4.17.21/node_modules/lodash-es/flatMap.js');
-var uniqBy = require('../../../../lodash-es@4.17.21/node_modules/lodash-es/uniqBy.js');
-var map = require('../../../../lodash-es@4.17.21/node_modules/lodash-es/map.js');
-var flatten = require('../../../../lodash-es@4.17.21/node_modules/lodash-es/flatten.js');
-var forEach = require('../../../../lodash-es@4.17.21/node_modules/lodash-es/forEach.js');
-var isEmpty = require('../../../../lodash-es@4.17.21/node_modules/lodash-es/isEmpty.js');
-var reduce = require('../../../../lodash-es@4.17.21/node_modules/lodash-es/reduce.js');
+var min = require('../../../../lodash-es@4.17.23/node_modules/lodash-es/min.js');
+var flatMap = require('../../../../lodash-es@4.17.23/node_modules/lodash-es/flatMap.js');
+var uniqBy = require('../../../../lodash-es@4.17.23/node_modules/lodash-es/uniqBy.js');
+var map = require('../../../../lodash-es@4.17.23/node_modules/lodash-es/map.js');
+var flatten = require('../../../../lodash-es@4.17.23/node_modules/lodash-es/flatten.js');
+var forEach = require('../../../../lodash-es@4.17.23/node_modules/lodash-es/forEach.js');
+var isEmpty = require('../../../../lodash-es@4.17.23/node_modules/lodash-es/isEmpty.js');
+var reduce = require('../../../../lodash-es@4.17.23/node_modules/lodash-es/reduce.js');
 
 /******************************************************************************
  * Copyright 2022 TypeFox GmbH
@@ -86,18 +86,18 @@ class LLStarLookaheadStrategy extends llk_lookahead.LLkLookaheadStrategy {
         const key = atn.buildATNKey(rule, 'Alternation', prodOccurrence);
         const decisionState = this.atn.decisionMap[key];
         const decisionIndex = decisionState.decision;
-        const partialAlts = map(lookahead.getLookaheadPaths({
+        const partialAlts = map.default(lookahead.getLookaheadPaths({
             maxLookahead: 1,
             occurrence: prodOccurrence,
             prodType: "Alternation",
             rule: rule
-        }), (currAlt) => map(currAlt, (path) => path[0]));
+        }), (currAlt) => map.default(currAlt, (path) => path[0]));
         if (isLL1Sequence(partialAlts, false) && !dynamicTokensEnabled) {
-            const choiceToAlt = reduce(partialAlts, (result, currAlt, idx) => {
-                forEach(currAlt, (currTokType) => {
+            const choiceToAlt = reduce.default(partialAlts, (result, currAlt, idx) => {
+                forEach.default(currAlt, (currTokType) => {
                     if (currTokType) {
                         result[currTokType.tokenTypeIdx] = idx;
-                        forEach(currTokType.categoryMatches, (currExtendingType) => {
+                        forEach.default(currTokType.categoryMatches, (currExtendingType) => {
                             result[currExtendingType] = idx;
                         });
                     }
@@ -151,19 +151,19 @@ class LLStarLookaheadStrategy extends llk_lookahead.LLkLookaheadStrategy {
         const key = atn.buildATNKey(rule, prodType, prodOccurrence);
         const decisionState = this.atn.decisionMap[key];
         const decisionIndex = decisionState.decision;
-        const alts = map(lookahead.getLookaheadPaths({
+        const alts = map.default(lookahead.getLookaheadPaths({
             maxLookahead: 1,
             occurrence: prodOccurrence,
             prodType,
             rule
         }), (e) => {
-            return map(e, (g) => g[0]);
+            return map.default(e, (g) => g[0]);
         });
         if (isLL1Sequence(alts) && alts[0][0] && !dynamicTokensEnabled) {
             const alt = alts[0];
-            const singleTokensTypes = flatten(alt);
+            const singleTokensTypes = flatten.default(alt);
             if (singleTokensTypes.length === 1 &&
-                isEmpty(singleTokensTypes[0].categoryMatches)) {
+                isEmpty.default(singleTokensTypes[0].categoryMatches)) {
                 const expectedTokenType = singleTokensTypes[0];
                 const expectedTokenUniqueKey = expectedTokenType.tokenTypeIdx;
                 return function () {
@@ -171,10 +171,10 @@ class LLStarLookaheadStrategy extends llk_lookahead.LLkLookaheadStrategy {
                 };
             }
             else {
-                const choiceToAlt = reduce(singleTokensTypes, (result, currTokType) => {
+                const choiceToAlt = reduce.default(singleTokensTypes, (result, currTokType) => {
                     if (currTokType !== undefined) {
                         result[currTokType.tokenTypeIdx] = true;
-                        forEach(currTokType.categoryMatches, (currExtendingType) => {
+                        forEach.default(currTokType.categoryMatches, (currExtendingType) => {
                             result[currExtendingType] = true;
                         });
                     }
@@ -276,7 +276,7 @@ function computeLookaheadTarget(dfa$1, previousD, token, lookahead, predicateSet
         newState.configs.uniqueAlt = predictedAlt;
     }
     else if (hasConflictTerminatingPrediction(reach)) {
-        const prediction = min(reach.alts);
+        const prediction = min.default(reach.alts);
         newState.isAcceptState = true;
         newState.prediction = prediction;
         newState.configs.uniqueAlt = prediction;
@@ -302,7 +302,7 @@ function reportLookaheadAmbiguity(dfa, lookahead, ambiguityIndices, logging) {
     logging(message);
 }
 function buildAmbiguityError(options) {
-    const pathMsg = map(options.prefixPath, (currtok) => tokens_public.tokenLabel(currtok)).join(", ");
+    const pathMsg = map.default(options.prefixPath, (currtok) => tokens_public.tokenLabel(currtok)).join(", ");
     const occurrence = options.production.idx === 0 ? "" : options.production.idx;
     let currMessage = `Ambiguous Alternatives Detected: <${options.ambiguityIndices.join(", ")}> in <${getProductionDslName(options.production)}${occurrence}>` +
         ` inside <${options.topLevelRule.name}> Rule,\n` +
@@ -343,8 +343,8 @@ function getProductionDslName(prod) {
     }
 }
 function buildAdaptivePredictError(path, previous, current) {
-    const nextTransitions = flatMap(previous.configs.elements, (e) => e.state.transitions);
-    const nextTokenTypes = uniqBy(nextTransitions
+    const nextTransitions = flatMap.default(previous.configs.elements, (e) => e.state.transitions);
+    const nextTokenTypes = uniqBy.default(nextTransitions
         .filter((e) => e instanceof atn.AtomTransition)
         .map((e) => e.tokenType), (e) => e.tokenTypeIdx);
     return {

package/dist/node_modules/.pnpm/chevrotain-allstar@0.3.1_chevrotain@11.0.3/node_modules/chevrotain-allstar/lib/all-star-lookahead.mjs

@@ -8,14 +8,14 @@ import '../../../../chevrotain@11.0.3/node_modules/chevrotain/lib/src/parse/exce
 import { NonTerminal, Option, Alternation, RepetitionMandatory, RepetitionMandatoryWithSeparator, RepetitionWithSeparator, Repetition, Terminal } from '../../../../@chevrotain_gast@11.0.3/node_modules/@chevrotain/gast/lib/src/model.mjs';
 import { createATN, buildATNKey, ATN_RULE_STOP, AtomTransition, EpsilonTransition, RuleTransition } from './atn.mjs';
 import { ATNConfigSet, DFA_ERROR, getATNConfigKey } from './dfa.mjs';
-import min from '../../../../lodash-es@4.17.21/node_modules/lodash-es/min.mjs';
-import flatMap from '../../../../lodash-es@4.17.21/node_modules/lodash-es/flatMap.mjs';
-import uniqBy from '../../../../lodash-es@4.17.21/node_modules/lodash-es/uniqBy.mjs';
-import map from '../../../../lodash-es@4.17.21/node_modules/lodash-es/map.mjs';
-import flatten from '../../../../lodash-es@4.17.21/node_modules/lodash-es/flatten.mjs';
-import forEach from '../../../../lodash-es@4.17.21/node_modules/lodash-es/forEach.mjs';
-import isEmpty from '../../../../lodash-es@4.17.21/node_modules/lodash-es/isEmpty.mjs';
-import reduce from '../../../../lodash-es@4.17.21/node_modules/lodash-es/reduce.mjs';
+import min from '../../../../lodash-es@4.17.23/node_modules/lodash-es/min.mjs';
+import flatMap from '../../../../lodash-es@4.17.23/node_modules/lodash-es/flatMap.mjs';
+import uniqBy from '../../../../lodash-es@4.17.23/node_modules/lodash-es/uniqBy.mjs';
+import map from '../../../../lodash-es@4.17.23/node_modules/lodash-es/map.mjs';
+import flatten from '../../../../lodash-es@4.17.23/node_modules/lodash-es/flatten.mjs';
+import forEach from '../../../../lodash-es@4.17.23/node_modules/lodash-es/forEach.mjs';
+import isEmpty from '../../../../lodash-es@4.17.23/node_modules/lodash-es/isEmpty.mjs';
+import reduce from '../../../../lodash-es@4.17.23/node_modules/lodash-es/reduce.mjs';
 
 /******************************************************************************
  * Copyright 2022 TypeFox GmbH

package/dist/node_modules/.pnpm/chevrotain-allstar@0.3.1_chevrotain@11.0.3/node_modules/chevrotain-allstar/lib/atn.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var map = require('../../../../lodash-es@4.17.21/node_modules/lodash-es/map.js');
-var filter = require('../../../../lodash-es@4.17.21/node_modules/lodash-es/filter.js');
+var map = require('../../../../lodash-es@4.17.23/node_modules/lodash-es/map.js');
+var filter = require('../../../../lodash-es@4.17.23/node_modules/lodash-es/filter.js');
 require('../../../../chevrotain@11.0.3/node_modules/chevrotain/lib/src/parse/parser/parser.js');
 require('../../../../chevrotain@11.0.3/node_modules/chevrotain/lib/src/scan/lexer_public.js');
 require('../../../../chevrotain@11.0.3/node_modules/chevrotain/lib/src/scan/tokens_public.js');
@@ -163,7 +163,7 @@ function alternation(atn, rule, alternation) {
         type: ATN_BASIC
     });
     defineDecisionState(atn, start);
-    const alts = map(alternation.definition, (e) => atom(atn, rule, e));
+    const alts = map.default(alternation.definition, (e) => atom(atn, rule, e));
     const handle = makeAlts(atn, rule, start, alternation, ...alts);
     return handle;
 }
@@ -176,7 +176,7 @@ function option(atn, rule, option) {
     return optional(atn, rule, option, handle);
 }
 function block(atn, rule, block) {
-    const handles = filter(map(block.definition, (e) => atom(atn, rule, e)), (e) => e !== undefined);
+    const handles = filter.default(map.default(block.definition, (e) => atom(atn, rule, e)), (e) => e !== undefined);
     if (handles.length === 1) {
         return handles[0];
     }

package/dist/node_modules/.pnpm/chevrotain-allstar@0.3.1_chevrotain@11.0.3/node_modules/chevrotain-allstar/lib/atn.mjs

@@ -1,5 +1,5 @@
-import map from '../../../../lodash-es@4.17.21/node_modules/lodash-es/map.mjs';
-import filter from '../../../../lodash-es@4.17.21/node_modules/lodash-es/filter.mjs';
+import map from '../../../../lodash-es@4.17.23/node_modules/lodash-es/map.mjs';
+import filter from '../../../../lodash-es@4.17.23/node_modules/lodash-es/filter.mjs';
 import '../../../../chevrotain@11.0.3/node_modules/chevrotain/lib/src/parse/parser/parser.mjs';
 import '../../../../chevrotain@11.0.3/node_modules/chevrotain/lib/src/scan/lexer_public.mjs';
 import '../../../../chevrotain@11.0.3/node_modules/chevrotain/lib/src/scan/tokens_public.mjs';

package/dist/node_modules/.pnpm/chevrotain-allstar@0.3.1_chevrotain@11.0.3/node_modules/chevrotain-allstar/lib/dfa.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var map = require('../../../../lodash-es@4.17.21/node_modules/lodash-es/map.js');
+var map = require('../../../../lodash-es@4.17.23/node_modules/lodash-es/map.js');
 
 /******************************************************************************
  * Copyright 2022 TypeFox GmbH
@@ -33,7 +33,7 @@ class ATNConfigSet {
         return this.configs;
     }
     get alts() {
-        return map(this.configs, (e) => e.alt);
+        return map.default(this.configs, (e) => e.alt);
     }
     get key() {
         let value = "";

package/dist/node_modules/.pnpm/chevrotain-allstar@0.3.1_chevrotain@11.0.3/node_modules/chevrotain-allstar/lib/dfa.mjs

@@ -1,4 +1,4 @@
-import map from '../../../../lodash-es@4.17.21/node_modules/lodash-es/map.mjs';
+import map from '../../../../lodash-es@4.17.23/node_modules/lodash-es/map.mjs';
 
 /******************************************************************************
  * Copyright 2022 TypeFox GmbH