@windrun-huaiin/third-ui 7.6.0 → 10.0.0

package/dist/lib/fuma-schema-check-util.mjs

@@ -1,24 +1,8 @@
 import { frontmatterSchema, metaSchema } from 'fumadocs-mdx/config';
-import { string as stringType, preprocess as preprocessType, array as arrayType } from '../node_modules/.pnpm/zod@3.25.76/node_modules/zod/v3/types.mjs';
+import { preprocess, string, array } from '../node_modules/.pnpm/zod@4.1.12/node_modules/zod/v4/classic/schemas.mjs';
 
-// Reusable schema for title
-const createTitleSchema = () => stringType({
-    required_error: "Title is required",
-    invalid_type_error: "Title must be a string and cannot be null",
-})
-    .trim()
-    .min(1, { message: "Title cannot be empty or consist only of whitespace" });
-// Reusable schema for description
-const createDescriptionSchema = () => preprocessType((val) => {
-    if (typeof val === 'string') {
-        return val.trim() === "" || val === null ? undefined : val.trim();
-    }
-    return val === null ? undefined : val;
-}, stringType().optional());
-// Reusable schema for icon
-const createIconSchema = () => preprocessType((val) => (val === "" || val === null ? undefined : val), stringType().optional());
 // Reusable schema for date
-const createDateSchema = () => preprocessType((arg) => {
+const createDateSchema = () => preprocess((arg) => {
     if (arg instanceof Date) {
         // Format Date object to YYYY-MM-DD string
         const year = arg.getFullYear();
@@ -31,26 +15,24 @@ const createDateSchema = () => preprocessType((arg) => {
     }
     // For other types or null/undefined, let the subsequent string validation handle it
     return arg;
-}, stringType()
+}, string()
     .regex(/^\d{4}-\d{2}-\d{2}$/, "Date must be in YYYY-MM-DD format or a valid Date object")
     .refine((val) => !isNaN(new Date(val).getTime()), 'Invalid date!'));
 // common docs frontmatter  schema
-const createCommonDocsSchema = () => frontmatterSchema.extend({
-    title: createTitleSchema(),
-    description: createDescriptionSchema(),
-    icon: createIconSchema(),
+// @ts-ignore
+const createCommonDocsSchema = () => frontmatterSchema
+    .extend({
     date: createDateSchema(),
-    author: stringType().optional(),
-    keywords: arrayType(stringType()).optional(),
+    author: string().optional(),
+    keywords: array(string()).optional(),
 });
 // common meta schema
-const createCommonMetaSchema = () => metaSchema.extend({
-    description: stringType().optional(),
-});
+// @ts-ignore
+const createCommonMetaSchema = () => metaSchema.extend({});
 const remarkInstallOptions = {
     persist: {
         id: 'package-manager',
     },
 };
 
-export { createCommonDocsSchema, createCommonMetaSchema, createDateSchema, createDescriptionSchema, createIconSchema, createTitleSchema, remarkInstallOptions };
+export { createCommonDocsSchema, createCommonMetaSchema, createDateSchema, remarkInstallOptions };

package/dist/lib/server.d.ts

@@ -1,4 +1,3 @@
-export * from './fuma-search-util';
 export * from './clerk-intl';
 export * from './fuma-schema-check-util';
 export * from './seo-util';

package/dist/lib/server.js

@@ -1,20 +1,15 @@
 'use strict';
 
-var fumaSearchUtil = require('./fuma-search-util.js');
 var clerkIntl = require('./clerk-intl.js');
 var fumaSchemaCheckUtil = require('./fuma-schema-check-util.js');
 var seoUtil = require('./seo-util.js');
 
 
 
-exports.fumaI18nCn = fumaSearchUtil.fumaI18nCn;
 exports.clerkIntl = clerkIntl.clerkIntl;
 exports.createCommonDocsSchema = fumaSchemaCheckUtil.createCommonDocsSchema;
 exports.createCommonMetaSchema = fumaSchemaCheckUtil.createCommonMetaSchema;
 exports.createDateSchema = fumaSchemaCheckUtil.createDateSchema;
-exports.createDescriptionSchema = fumaSchemaCheckUtil.createDescriptionSchema;
-exports.createIconSchema = fumaSchemaCheckUtil.createIconSchema;
-exports.createTitleSchema = fumaSchemaCheckUtil.createTitleSchema;
 exports.remarkInstallOptions = fumaSchemaCheckUtil.remarkInstallOptions;
 exports.createRobotsHandler = seoUtil.createRobotsHandler;
 exports.createSitemapHandler = seoUtil.createSitemapHandler;

package/dist/lib/server.mjs

@@ -1,4 +1,3 @@
-export { fumaI18nCn } from './fuma-search-util.mjs';
 export { clerkIntl } from './clerk-intl.mjs';
-export { createCommonDocsSchema, createCommonMetaSchema, createDateSchema, createDescriptionSchema, createIconSchema, createTitleSchema, remarkInstallOptions } from './fuma-schema-check-util.mjs';
+export { createCommonDocsSchema, createCommonMetaSchema, createDateSchema, remarkInstallOptions } from './fuma-schema-check-util.mjs';
 export { createRobotsHandler, createSitemapHandler, generateRobots, generateSitemap } from './seo-util.mjs';

package/dist/main/ai-prompt-textarea.js

@@ -105,7 +105,7 @@ function AIPromptTextarea({ value, onChange, placeholder = "Enter your prompt...
     };
     // 如果有标题且需要嵌入，则渲染内部标题布局
     if (embed && (title)) {
-        return (jsxRuntime.jsxs("div", { className: "space-y-2", children: [jsxRuntime.jsxs("div", { className: "border-2 border-border rounded-lg bg-transparent", children: [jsxRuntime.jsx("div", { className: "p-4 pb-2", children: renderTitle() }), jsxRuntime.jsx("hr", { className: "border-t-1 border-border" }), jsxRuntime.jsx("div", { className: "p-1", children: renderTextarea(true) })] }), renderWordCount()] }));
+        return (jsxRuntime.jsxs("div", { className: "space-y-2", children: [jsxRuntime.jsxs("div", { className: "border-2 border-border rounded-lg bg-transparent", children: [jsxRuntime.jsx("div", { className: "p-4 pb-2", children: renderTitle() }), jsxRuntime.jsx("hr", { className: "border-t border-border" }), jsxRuntime.jsx("div", { className: "p-1", children: renderTextarea(true) })] }), renderWordCount()] }));
     }
     // 默认布局：外部标题或无标题
     return (jsxRuntime.jsxs("div", { className: "space-y-2", children: [renderTitle(), renderTextarea(), renderWordCount()] }));

package/dist/main/ai-prompt-textarea.mjs

@@ -103,7 +103,7 @@ function AIPromptTextarea({ value, onChange, placeholder = "Enter your prompt...
     };
     // 如果有标题且需要嵌入，则渲染内部标题布局
     if (embed && (title)) {
-        return (jsxs("div", { className: "space-y-2", children: [jsxs("div", { className: "border-2 border-border rounded-lg bg-transparent", children: [jsx("div", { className: "p-4 pb-2", children: renderTitle() }), jsx("hr", { className: "border-t-1 border-border" }), jsx("div", { className: "p-1", children: renderTextarea(true) })] }), renderWordCount()] }));
+        return (jsxs("div", { className: "space-y-2", children: [jsxs("div", { className: "border-2 border-border rounded-lg bg-transparent", children: [jsx("div", { className: "p-4 pb-2", children: renderTitle() }), jsx("hr", { className: "border-t border-border" }), jsx("div", { className: "p-1", children: renderTextarea(true) })] }), renderWordCount()] }));
     }
     // 默认布局：外部标题或无标题
     return (jsxs("div", { className: "space-y-2", children: [renderTitle(), renderTextarea(), renderWordCount()] }));

package/dist/main/credit/credit-nav-button.d.ts

@@ -0,0 +1,21 @@
+import type { MoneyPriceData } from '../money-price/money-price-types';
+import type { CreditPricingContext, PricingModalMode } from './types';
+interface CreditNavButtonProps {
+    locale: string;
+    totalBalance: number;
+    totalLabel: string;
+    children: React.ReactNode;
+}
+export declare function CreditNavButton({ locale, totalBalance, totalLabel, children, }: CreditNavButtonProps): import("react/jsx-runtime").JSX.Element;
+interface CreditNavPopoverContextValue {
+    close: () => void;
+    isMobile: boolean;
+    openPricingModal?: (payload: {
+        mode: PricingModalMode;
+        modalMoneyPriceData: MoneyPriceData;
+        pricingContext: CreditPricingContext;
+    }) => void;
+    closePricingModal?: () => void;
+}
+export declare function useCreditNavPopover(): CreditNavPopoverContextValue | null;
+export {};

package/dist/main/credit/credit-nav-button.js

@@ -0,0 +1,117 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var utils = require('@windrun-huaiin/lib/utils');
+var server = require('@windrun-huaiin/base-ui/components/server');
+var ui = require('@windrun-huaiin/base-ui/ui');
+var React = require('react');
+var moneyPriceInteractive = require('../money-price/money-price-interactive.js');
+
+function CreditNavButton({ locale, totalBalance, totalLabel, children, }) {
+    const [open, setOpen] = React.useState(false);
+    const [isMobile, setIsMobile] = React.useState(false);
+    const triggerRef = React.useRef(null);
+    const contentRef = React.useRef(null);
+    const closeMenu = React.useCallback(() => setOpen(false), []);
+    const [pricingModal, setPricingModal] = React.useState({
+        open: false,
+        mode: 'subscription',
+    });
+    const formattedBalance = React.useMemo(() => new Intl.NumberFormat(locale, {
+        maximumFractionDigits: 0,
+    }).format(totalBalance), [locale, totalBalance]);
+    React.useEffect(() => {
+        if (typeof window === 'undefined') {
+            return;
+        }
+        const mediaQuery = window.matchMedia('(max-width: 640px)');
+        const handleMatchChange = (event) => {
+            setIsMobile(event ? event.matches : mediaQuery.matches);
+        };
+        handleMatchChange();
+        mediaQuery.addEventListener('change', handleMatchChange);
+        return () => {
+            mediaQuery.removeEventListener('change', handleMatchChange);
+        };
+    }, []);
+    React.useEffect(() => {
+        if (!open || !isMobile) {
+            return;
+        }
+        const shouldIgnoreTarget = (target) => (triggerRef.current && target && triggerRef.current.contains(target)) ||
+            (contentRef.current && target && contentRef.current.contains(target));
+        const handlePointerDown = (event) => {
+            const target = event.target;
+            if (shouldIgnoreTarget(target)) {
+                return;
+            }
+            closeMenu();
+        };
+        const handleTouchStart = (event) => {
+            const target = event.target;
+            if (shouldIgnoreTarget(target)) {
+                return;
+            }
+            closeMenu();
+        };
+        const supportsPointer = typeof window !== 'undefined' && 'PointerEvent' in window;
+        if (supportsPointer) {
+            document.addEventListener('pointerdown', handlePointerDown);
+        }
+        else {
+            document.addEventListener('touchstart', handleTouchStart);
+        }
+        return () => {
+            if (supportsPointer) {
+                document.removeEventListener('pointerdown', handlePointerDown);
+            }
+            else {
+                document.removeEventListener('touchstart', handleTouchStart);
+            }
+        };
+    }, [open, isMobile, closeMenu]);
+    React.useEffect(() => {
+        if (typeof document === 'undefined') {
+            return;
+        }
+        if (!open || !isMobile) {
+            return;
+        }
+        const { body, documentElement } = document;
+        const previousBodyOverflow = body.style.overflow;
+        const previousHtmlOverflow = documentElement.style.overflow;
+        body.style.overflow = 'hidden';
+        documentElement.style.overflow = 'hidden';
+        return () => {
+            body.style.overflow = previousBodyOverflow;
+            documentElement.style.overflow = previousHtmlOverflow;
+        };
+    }, [open, isMobile]);
+    const openPricingModal = React.useCallback((payload) => {
+        setPricingModal({
+            open: true,
+            mode: payload.mode,
+            modalMoneyPriceData: payload.modalMoneyPriceData,
+            pricingContext: payload.pricingContext,
+        });
+    }, []);
+    const closePricingModal = React.useCallback(() => {
+        setPricingModal((prev) => (Object.assign(Object.assign({}, prev), { open: false })));
+    }, []);
+    const contextValue = React.useMemo(() => ({
+        close: closeMenu,
+        isMobile,
+        openPricingModal,
+        closePricingModal,
+    }), [closeMenu, isMobile, openPricingModal, closePricingModal]);
+    const isOnetimeModal = pricingModal.mode === 'onetime';
+    return (jsxRuntime.jsxs(CreditNavPopoverContext.Provider, { value: contextValue, children: [jsxRuntime.jsxs(ui.DropdownMenu, { modal: false, open: open, onOpenChange: setOpen, children: [jsxRuntime.jsx(ui.DropdownMenuTrigger, { asChild: true, children: jsxRuntime.jsxs("button", { type: "button", "aria-label": `${formattedBalance} ${totalLabel}`, className: utils.cn('group ml-1 mr-0 inline-flex items-center gap-2 rounded-full border border-slate-200 bg-white pl-2 pr-4 py-1.5 text-sm font-semibold text-slate-700 shadow-sm transition-all dark:border-slate-700 dark:bg-slate-900 dark:text-slate-100', 'hover:border-transparent hover:bg-linear-to-r hover:from-purple-500/90 hover:to-pink-500/90 hover:text-white hover:shadow-lg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-purple-500 dark:hover:from-purple-500 dark:hover:to-pink-500'), ref: triggerRef, children: [jsxRuntime.jsx("span", { className: "flex h-6 w-6 items-center justify-center rounded-full bg-linear-to-br from-purple-400/20 to-pink-500/20 text-purple-600 transition-transform group-hover:scale-105 dark:text-purple-200", children: jsxRuntime.jsx(server.globalLucideIcons.Gem, { className: "h-3.5 w-3.5" }) }), jsxRuntime.jsxs("span", { className: "relative flex items-center", children: [jsxRuntime.jsx("span", { className: "text-base font-semibold leading-none", children: formattedBalance }), jsxRuntime.jsx("span", { className: "sr-only", children: ` ${totalLabel}` })] })] }) }), jsxRuntime.jsx(ui.DropdownMenuContent, { forceMount: true, sideOffset: 12, align: "end", className: "z-50 border-0 bg-transparent p-0 shadow-none mx-4 sm:mx-2 md:mx-1", children: jsxRuntime.jsx("div", { className: "w-[90vw] max-w-[90vw] max-h-[80vh] overflow-y-auto overflow-x-hidden rounded-3xl bg-transparent sm:w-[410px] sm:max-h-[90vh] sm:max-w-[95vw]", ref: contentRef, children: children }) })] }), pricingModal.modalMoneyPriceData && pricingModal.pricingContext ? (jsxRuntime.jsx(ui.AlertDialog, { open: pricingModal.open, onOpenChange: (open) => setPricingModal((prev) => (Object.assign(Object.assign({}, prev), { open }))), children: jsxRuntime.jsxs(ui.AlertDialogContent, { className: "mt-5 sm:mt-6 md:mt-10 lg:mt-15 w-[95vw] max-w-[1200px] overflow-hidden border border-slate-200 bg-white p-0 shadow-[0_32px_90px_rgba(15,23,42,0.25)] ring-1 ring-black/5 dark:border-white/12 dark:bg-[#0f1222] dark:shadow-[0_40px_120px_rgba(0,0,0,0.6)] dark:ring-white/10", children: [jsxRuntime.jsxs(ui.AlertDialogHeader, { className: "flex flex-row items-center justify-between border-b border-slate-200 px-6 pt-4 pb-1 dark:border-slate-800", children: [jsxRuntime.jsx(ui.AlertDialogTitle, { asChild: true, children: jsxRuntime.jsxs("div", { className: "flex flex-wrap items-baseline gap-3 text-slate-900 dark:text-white", children: [jsxRuntime.jsx("span", { className: "text-2xl font-semibold leading-tight", children: pricingModal.modalMoneyPriceData.title }), pricingModal.modalMoneyPriceData.subtitle ? (jsxRuntime.jsx("span", { className: "text-sm font-medium text-slate-500 dark:text-slate-300", children: pricingModal.modalMoneyPriceData.subtitle })) : null] }) }), jsxRuntime.jsx("button", { type: "button", className: "rounded-full p-2 text-gray-400 transition hover:bg-gray-400 hover:text-gray-400 dark:text-white/80 dark:hover:bg-white/80 dark:hover:text-white/80", onClick: closePricingModal, children: jsxRuntime.jsx(server.globalLucideIcons.X, { className: "h-6 w-6" }) })] }), jsxRuntime.jsx("div", { className: "max-h-[60vh] sm:max-h-[80vh] overflow-y-auto px-4 pt-2 pb-6", children: jsxRuntime.jsx("div", { className: "mx-auto w-full", children: jsxRuntime.jsx(moneyPriceInteractive.MoneyPriceInteractive, { data: pricingModal.modalMoneyPriceData, config: pricingModal.pricingContext.moneyPriceConfig, checkoutApiEndpoint: pricingModal.pricingContext.checkoutApiEndpoint, customerPortalApiEndpoint: pricingModal.pricingContext.customerPortalApiEndpoint, enableSubscriptionUpgrade: pricingModal.pricingContext.enableSubscriptionUpgrade, initialBillingType: isOnetimeModal ? 'onetime' : undefined, disableAutoDetectBilling: isOnetimeModal, initUserContext: pricingModal.pricingContext.initUserContext }, pricingModal.mode) }) })] }) })) : null] }));
+}
+const CreditNavPopoverContext = React.createContext(null);
+function useCreditNavPopover() {
+    return React.useContext(CreditNavPopoverContext);
+}
+
+exports.CreditNavButton = CreditNavButton;
+exports.useCreditNavPopover = useCreditNavPopover;

package/dist/main/credit/credit-nav-button.mjs

@@ -0,0 +1,114 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { cn } from '@windrun-huaiin/lib/utils';
+import { globalLucideIcons } from '@windrun-huaiin/base-ui/components/server';
+import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, AlertDialog, AlertDialogContent, AlertDialogHeader, AlertDialogTitle } from '@windrun-huaiin/base-ui/ui';
+import { createContext, useState, useRef, useCallback, useMemo, useEffect, useContext } from 'react';
+import { MoneyPriceInteractive } from '../money-price/money-price-interactive.mjs';
+
+function CreditNavButton({ locale, totalBalance, totalLabel, children, }) {
+    const [open, setOpen] = useState(false);
+    const [isMobile, setIsMobile] = useState(false);
+    const triggerRef = useRef(null);
+    const contentRef = useRef(null);
+    const closeMenu = useCallback(() => setOpen(false), []);
+    const [pricingModal, setPricingModal] = useState({
+        open: false,
+        mode: 'subscription',
+    });
+    const formattedBalance = useMemo(() => new Intl.NumberFormat(locale, {
+        maximumFractionDigits: 0,
+    }).format(totalBalance), [locale, totalBalance]);
+    useEffect(() => {
+        if (typeof window === 'undefined') {
+            return;
+        }
+        const mediaQuery = window.matchMedia('(max-width: 640px)');
+        const handleMatchChange = (event) => {
+            setIsMobile(event ? event.matches : mediaQuery.matches);
+        };
+        handleMatchChange();
+        mediaQuery.addEventListener('change', handleMatchChange);
+        return () => {
+            mediaQuery.removeEventListener('change', handleMatchChange);
+        };
+    }, []);
+    useEffect(() => {
+        if (!open || !isMobile) {
+            return;
+        }
+        const shouldIgnoreTarget = (target) => (triggerRef.current && target && triggerRef.current.contains(target)) ||
+            (contentRef.current && target && contentRef.current.contains(target));
+        const handlePointerDown = (event) => {
+            const target = event.target;
+            if (shouldIgnoreTarget(target)) {
+                return;
+            }
+            closeMenu();
+        };
+        const handleTouchStart = (event) => {
+            const target = event.target;
+            if (shouldIgnoreTarget(target)) {
+                return;
+            }
+            closeMenu();
+        };
+        const supportsPointer = typeof window !== 'undefined' && 'PointerEvent' in window;
+        if (supportsPointer) {
+            document.addEventListener('pointerdown', handlePointerDown);
+        }
+        else {
+            document.addEventListener('touchstart', handleTouchStart);
+        }
+        return () => {
+            if (supportsPointer) {
+                document.removeEventListener('pointerdown', handlePointerDown);
+            }
+            else {
+                document.removeEventListener('touchstart', handleTouchStart);
+            }
+        };
+    }, [open, isMobile, closeMenu]);
+    useEffect(() => {
+        if (typeof document === 'undefined') {
+            return;
+        }
+        if (!open || !isMobile) {
+            return;
+        }
+        const { body, documentElement } = document;
+        const previousBodyOverflow = body.style.overflow;
+        const previousHtmlOverflow = documentElement.style.overflow;
+        body.style.overflow = 'hidden';
+        documentElement.style.overflow = 'hidden';
+        return () => {
+            body.style.overflow = previousBodyOverflow;
+            documentElement.style.overflow = previousHtmlOverflow;
+        };
+    }, [open, isMobile]);
+    const openPricingModal = useCallback((payload) => {
+        setPricingModal({
+            open: true,
+            mode: payload.mode,
+            modalMoneyPriceData: payload.modalMoneyPriceData,
+            pricingContext: payload.pricingContext,
+        });
+    }, []);
+    const closePricingModal = useCallback(() => {
+        setPricingModal((prev) => (Object.assign(Object.assign({}, prev), { open: false })));
+    }, []);
+    const contextValue = useMemo(() => ({
+        close: closeMenu,
+        isMobile,
+        openPricingModal,
+        closePricingModal,
+    }), [closeMenu, isMobile, openPricingModal, closePricingModal]);
+    const isOnetimeModal = pricingModal.mode === 'onetime';
+    return (jsxs(CreditNavPopoverContext.Provider, { value: contextValue, children: [jsxs(DropdownMenu, { modal: false, open: open, onOpenChange: setOpen, children: [jsx(DropdownMenuTrigger, { asChild: true, children: jsxs("button", { type: "button", "aria-label": `${formattedBalance} ${totalLabel}`, className: cn('group ml-1 mr-0 inline-flex items-center gap-2 rounded-full border border-slate-200 bg-white pl-2 pr-4 py-1.5 text-sm font-semibold text-slate-700 shadow-sm transition-all dark:border-slate-700 dark:bg-slate-900 dark:text-slate-100', 'hover:border-transparent hover:bg-linear-to-r hover:from-purple-500/90 hover:to-pink-500/90 hover:text-white hover:shadow-lg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-purple-500 dark:hover:from-purple-500 dark:hover:to-pink-500'), ref: triggerRef, children: [jsx("span", { className: "flex h-6 w-6 items-center justify-center rounded-full bg-linear-to-br from-purple-400/20 to-pink-500/20 text-purple-600 transition-transform group-hover:scale-105 dark:text-purple-200", children: jsx(globalLucideIcons.Gem, { className: "h-3.5 w-3.5" }) }), jsxs("span", { className: "relative flex items-center", children: [jsx("span", { className: "text-base font-semibold leading-none", children: formattedBalance }), jsx("span", { className: "sr-only", children: ` ${totalLabel}` })] })] }) }), jsx(DropdownMenuContent, { forceMount: true, sideOffset: 12, align: "end", className: "z-50 border-0 bg-transparent p-0 shadow-none mx-4 sm:mx-2 md:mx-1", children: jsx("div", { className: "w-[90vw] max-w-[90vw] max-h-[80vh] overflow-y-auto overflow-x-hidden rounded-3xl bg-transparent sm:w-[410px] sm:max-h-[90vh] sm:max-w-[95vw]", ref: contentRef, children: children }) })] }), pricingModal.modalMoneyPriceData && pricingModal.pricingContext ? (jsx(AlertDialog, { open: pricingModal.open, onOpenChange: (open) => setPricingModal((prev) => (Object.assign(Object.assign({}, prev), { open }))), children: jsxs(AlertDialogContent, { className: "mt-5 sm:mt-6 md:mt-10 lg:mt-15 w-[95vw] max-w-[1200px] overflow-hidden border border-slate-200 bg-white p-0 shadow-[0_32px_90px_rgba(15,23,42,0.25)] ring-1 ring-black/5 dark:border-white/12 dark:bg-[#0f1222] dark:shadow-[0_40px_120px_rgba(0,0,0,0.6)] dark:ring-white/10", children: [jsxs(AlertDialogHeader, { className: "flex flex-row items-center justify-between border-b border-slate-200 px-6 pt-4 pb-1 dark:border-slate-800", children: [jsx(AlertDialogTitle, { asChild: true, children: jsxs("div", { className: "flex flex-wrap items-baseline gap-3 text-slate-900 dark:text-white", children: [jsx("span", { className: "text-2xl font-semibold leading-tight", children: pricingModal.modalMoneyPriceData.title }), pricingModal.modalMoneyPriceData.subtitle ? (jsx("span", { className: "text-sm font-medium text-slate-500 dark:text-slate-300", children: pricingModal.modalMoneyPriceData.subtitle })) : null] }) }), jsx("button", { type: "button", className: "rounded-full p-2 text-gray-400 transition hover:bg-gray-400 hover:text-gray-400 dark:text-white/80 dark:hover:bg-white/80 dark:hover:text-white/80", onClick: closePricingModal, children: jsx(globalLucideIcons.X, { className: "h-6 w-6" }) })] }), jsx("div", { className: "max-h-[60vh] sm:max-h-[80vh] overflow-y-auto px-4 pt-2 pb-6", children: jsx("div", { className: "mx-auto w-full", children: jsx(MoneyPriceInteractive, { data: pricingModal.modalMoneyPriceData, config: pricingModal.pricingContext.moneyPriceConfig, checkoutApiEndpoint: pricingModal.pricingContext.checkoutApiEndpoint, customerPortalApiEndpoint: pricingModal.pricingContext.customerPortalApiEndpoint, enableSubscriptionUpgrade: pricingModal.pricingContext.enableSubscriptionUpgrade, initialBillingType: isOnetimeModal ? 'onetime' : undefined, disableAutoDetectBilling: isOnetimeModal, initUserContext: pricingModal.pricingContext.initUserContext }, pricingModal.mode) }) })] }) })) : null] }));
+}
+const CreditNavPopoverContext = createContext(null);
+function useCreditNavPopover() {
+    return useContext(CreditNavPopoverContext);
+}
+
+export { CreditNavButton, useCreditNavPopover };

package/dist/main/credit/credit-overview-client.d.ts

@@ -0,0 +1,26 @@
+import type { CreditOverviewData } from './types';
+export interface CreditOverviewTranslations {
+    summaryDescription: string;
+    totalLabel: string;
+    bucketsTitle: string;
+    bucketsEmpty: string;
+    expiredAtLabel: string;
+    expandDetail: string;
+    hiddenDetail: string;
+    bucketDefaultLabels: Record<string, string>;
+    subscriptionPeriodLabel: string;
+    subscriptionManage: string;
+    subscriptionInactive: string;
+    subscribePay?: string;
+    onetimeBuy: string;
+}
+interface CreditOverviewClientProps {
+    data: CreditOverviewData;
+    locale: string;
+    translations: CreditOverviewTranslations;
+    className?: string;
+    expiringSoonThresholdDays?: number;
+    customActionHandlers?: Record<string, () => Promise<void> | void>;
+}
+export declare function CreditOverviewClient({ data, locale, translations, className, expiringSoonThresholdDays, customActionHandlers, }: CreditOverviewClientProps): import("react/jsx-runtime").JSX.Element;
+export {};