@windrun-huaiin/third-ui 13.0.1 → 13.1.0

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

@@ -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/atn.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/dfa.js

@@ -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@11.0.3/node_modules/chevrotain/lib/src/parse/cst/cst_visitor.js

@@ -12,7 +12,7 @@ var isFunction = require('../../../../../../../lodash-es@4.17.21/node_modules/lo
 var compact = require('../../../../../../../lodash-es@4.17.21/node_modules/lodash-es/compact.js');
 
 function defaultVisit(ctx, param) {
-    const childrenNames = keys(ctx);
+    const childrenNames = keys.default(ctx);
     const childrenNamesLength = childrenNames.length;
     for (let i = 0; i < childrenNamesLength; i++) {
         const currChildName = childrenNames[i];
@@ -37,21 +37,21 @@ function createBaseSemanticVisitorConstructor(grammarName, ruleNames) {
     const semanticProto = {
         visit: function (cstNode, param) {
             // enables writing more concise visitor methods when CstNode has only a single child
-            if (isArray(cstNode)) {
+            if (isArray.default(cstNode)) {
                 // A CST Node's children dictionary can never have empty arrays as values
                 // If a key is defined there will be at least one element in the corresponding value array.
                 cstNode = cstNode[0];
             }
             // enables passing optional CstNodes concisely.
-            if (isUndefined(cstNode)) {
+            if (isUndefined.default(cstNode)) {
                 return undefined;
             }
             return this[cstNode.name](cstNode.children, param);
         },
         validateVisitor: function () {
             const semanticDefinitionErrors = validateVisitor(this, ruleNames);
-            if (!isEmpty(semanticDefinitionErrors)) {
-                const errorMessages = map(semanticDefinitionErrors, (currDefError) => currDefError.msg);
+            if (!isEmpty.default(semanticDefinitionErrors)) {
+                const errorMessages = map.default(semanticDefinitionErrors, (currDefError) => currDefError.msg);
                 throw Error(`Errors Detected in CST Visitor <${this.constructor.name}>:\n\t` +
                     `${errorMessages.join("\n\n").replace(/\n/g, "\n\t")}`);
             }
@@ -69,7 +69,7 @@ function createBaseVisitorConstructorWithDefaults(grammarName, ruleNames, baseCo
     // name?redirectlocale=en-US&redirectslug=JavaScript%2FReference%2FGlobal_Objects%2FFunction%2Fname
     lang_extensions.defineNameProp(derivedConstructor, grammarName + "BaseSemanticsWithDefaults");
     const withDefaultsProto = Object.create(baseConstructor.prototype);
-    forEach(ruleNames, (ruleName) => {
+    forEach.default(ruleNames, (ruleName) => {
         withDefaultsProto[ruleName] = defaultVisit;
     });
     derivedConstructor.prototype = withDefaultsProto;
@@ -86,17 +86,17 @@ function validateVisitor(visitorInstance, ruleNames) {
     return missingErrors;
 }
 function validateMissingCstMethods(visitorInstance, ruleNames) {
-    const missingRuleNames = filter(ruleNames, (currRuleName) => {
-        return isFunction(visitorInstance[currRuleName]) === false;
+    const missingRuleNames = filter.default(ruleNames, (currRuleName) => {
+        return isFunction.default(visitorInstance[currRuleName]) === false;
     });
-    const errors = map(missingRuleNames, (currRuleName) => {
+    const errors = map.default(missingRuleNames, (currRuleName) => {
         return {
             msg: `Missing visitor method: <${currRuleName}> on ${(visitorInstance.constructor.name)} CST Visitor.`,
             type: exports.CstVisitorDefinitionError.MISSING_METHOD,
             methodName: currRuleName,
         };
     });
-    return compact(errors);
+    return compact.default(errors);
 }
 
 exports.createBaseSemanticVisitorConstructor = createBaseSemanticVisitorConstructor;

package/dist/node_modules/.pnpm/chevrotain@11.0.3/node_modules/chevrotain/lib/src/parse/errors_public.js

@@ -22,15 +22,15 @@ const defaultParserErrorProvider = {
     buildNoViableAltMessage({ expectedPathsPerAlt, actual, previous, customUserDescription, ruleName, }) {
         const errPrefix = "Expecting: ";
         // TODO: issue: No Viable Alternative Error may have incomplete details. #502
-        const actualText = head(actual).image;
+        const actualText = head.default(actual).image;
         const errSuffix = "\nbut found: '" + actualText + "'";
         if (customUserDescription) {
             return errPrefix + customUserDescription + errSuffix;
         }
         else {
-            const allLookAheadPaths = reduce(expectedPathsPerAlt, (result, currAltPaths) => result.concat(currAltPaths), []);
-            const nextValidTokenSequences = map(allLookAheadPaths, (currPath) => `[${map(currPath, (currTokenType) => tokens_public.tokenLabel(currTokenType)).join(", ")}]`);
-            const nextValidSequenceItems = map(nextValidTokenSequences, (itemMsg, idx) => `  ${idx + 1}. ${itemMsg}`);
+            const allLookAheadPaths = reduce.default(expectedPathsPerAlt, (result, currAltPaths) => result.concat(currAltPaths), []);
+            const nextValidTokenSequences = map.default(allLookAheadPaths, (currPath) => `[${map.default(currPath, (currTokenType) => tokens_public.tokenLabel(currTokenType)).join(", ")}]`);
+            const nextValidSequenceItems = map.default(nextValidTokenSequences, (itemMsg, idx) => `  ${idx + 1}. ${itemMsg}`);
             const calculatedDescription = `one of these possible Token sequences:\n${nextValidSequenceItems.join("\n")}`;
             return errPrefix + calculatedDescription + errSuffix;
         }
@@ -38,13 +38,13 @@ const defaultParserErrorProvider = {
     buildEarlyExitMessage({ expectedIterationPaths, actual, customUserDescription, ruleName, }) {
         const errPrefix = "Expecting: ";
         // TODO: issue: No Viable Alternative Error may have incomplete details. #502
-        const actualText = head(actual).image;
+        const actualText = head.default(actual).image;
         const errSuffix = "\nbut found: '" + actualText + "'";
         if (customUserDescription) {
             return errPrefix + customUserDescription + errSuffix;
         }
         else {
-            const nextValidTokenSequences = map(expectedIterationPaths, (currPath) => `[${map(currPath, (currTokenType) => tokens_public.tokenLabel(currTokenType)).join(",")}]`);
+            const nextValidTokenSequences = map.default(expectedIterationPaths, (currPath) => `[${map.default(currPath, (currTokenType) => tokens_public.tokenLabel(currTokenType)).join(",")}]`);
             const calculatedDescription = `expecting at least one iteration which starts with one of these possible Token sequences::\n  ` +
                 `<${nextValidTokenSequences.join(" ,")}>`;
             return errPrefix + calculatedDescription + errSuffix;
@@ -77,7 +77,7 @@ const defaultGrammarValidatorErrorProvider = {
             }
         }
         const topLevelName = topLevelRule.name;
-        const duplicateProd = head(duplicateProds);
+        const duplicateProd = head.default(duplicateProds);
         const index = duplicateProd.idx;
         const dslName = helpers.getProductionDslName(duplicateProd);
         const extraArgument = getExtraProductionArgument(duplicateProd);
@@ -100,7 +100,7 @@ const defaultGrammarValidatorErrorProvider = {
         return errMsg;
     },
     buildAlternationPrefixAmbiguityError(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.alternation.idx === 0 ? "" : options.alternation.idx;
         const errMsg = `Ambiguous alternatives: <${options.ambiguityIndices.join(" ,")}> due to common lookahead prefix\n` +
             `in <OR${occurrence}> inside <${options.topLevelRule.name}> Rule,\n` +
@@ -110,7 +110,7 @@ const defaultGrammarValidatorErrorProvider = {
         return errMsg;
     },
     buildAlternationAmbiguityError(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.alternation.idx === 0 ? "" : options.alternation.idx;
         let currMessage = `Ambiguous Alternatives Detected: <${options.ambiguityIndices.join(" ,")}> in <OR${occurrence}>` +
             ` inside <${options.topLevelRule.name}> Rule,\n` +
@@ -149,7 +149,7 @@ const defaultGrammarValidatorErrorProvider = {
     },
     buildLeftRecursionError(options) {
         const ruleName = options.topLevelRule.name;
-        const pathNames = map(options.leftRecursionPath, (currRule) => currRule.name);
+        const pathNames = map.default(options.leftRecursionPath, (currRule) => currRule.name);
         const leftRecursivePath = `${ruleName} --> ${pathNames
             .concat([ruleName])
             .join(" --> ")}`;