@windrun-huaiin/third-ui 29.0.3 → 29.1.0

package/dist/fuma/base/custom-header.js

@@ -16,6 +16,7 @@ var button = require('fumadocs-ui/components/ui/button');
 var i18n = require('fumadocs-ui/contexts/i18n');
 var headerThemeSwitch = require('./header-theme-switch.js');
 
+const PrefetchLinkItem = shared.LinkItem;
 const DEFAULT_DESKTOP_ACTIONS = [
     'search',
     'theme',
@@ -163,7 +164,7 @@ const navItemVariants = classVarianceAuthority.cva('[&_svg]:size-4', {
     },
 });
 function NavbarLinkItem(_a) {
-    var _b;
+    var _b, _c;
     var { item } = _a, props = tslib.__rest(_a, ["item"]);
     if (item.type === 'custom')
         return jsxRuntime.jsx("div", Object.assign({}, props, { children: item.children }));
@@ -179,11 +180,11 @@ function NavbarLinkItem(_a) {
         });
         return (jsxRuntime.jsxs(navigationMenu.NavigationMenuItem, { children: [jsxRuntime.jsx(navigationMenu.NavigationMenuTrigger, Object.assign({}, props, { className: utils.cn(navItemVariants(), 'rounded-md', props.className), children: item.url ? (jsxRuntime.jsx(Link, { href: item.url, prefetch: (_b = item.prefetch) !== null && _b !== void 0 ? _b : false, external: item.external, children: item.text })) : (item.text) })), jsxRuntime.jsx(navigationMenu.NavigationMenuContent, { className: "grid grid-cols-1 gap-2 p-4 md:grid-cols-2 lg:grid-cols-3", children: children })] }));
     }
-    return (jsxRuntime.jsx(navigationMenu.NavigationMenuItem, { children: jsxRuntime.jsx(navigationMenu.NavigationMenuLink, { asChild: true, children: jsxRuntime.jsx(shared.LinkItem, Object.assign({ item: item, "aria-label": item.type === 'icon' ? item.label : undefined }, props, { className: utils.cn(navItemVariants({ variant: item.type }), props.className), children: item.type === 'icon' ? item.icon : item.text })) }) }));
+    return (jsxRuntime.jsx(navigationMenu.NavigationMenuItem, { children: jsxRuntime.jsx(navigationMenu.NavigationMenuLink, { asChild: true, children: jsxRuntime.jsx(PrefetchLinkItem, Object.assign({ item: item, prefetch: (_c = item.prefetch) !== null && _c !== void 0 ? _c : false, "aria-label": item.type === 'icon' ? item.label : undefined }, props, { className: utils.cn(navItemVariants({ variant: item.type }), props.className), children: item.type === 'icon' ? item.icon : item.text })) }) }));
 }
 const Menu = navigationMenu.NavigationMenuItem;
 function MenuLinkItem(_a) {
-    var _b, _c;
+    var _b, _c, _d;
     var { item } = _a, props = tslib.__rest(_a, ["item"]);
     if (item.type === 'custom')
         return jsxRuntime.jsx("div", { className: utils.cn('grid', props.className), children: item.children });
@@ -191,7 +192,7 @@ function MenuLinkItem(_a) {
         const header = (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [item.icon, item.text] }));
         return (jsxRuntime.jsxs("div", { className: utils.cn('mb-4 flex flex-col', props.className), children: [jsxRuntime.jsx("p", { className: "mb-1 text-sm text-fd-muted-foreground", children: item.url ? (jsxRuntime.jsx(navigationMenu.NavigationMenuLink, { asChild: true, children: jsxRuntime.jsx(Link, { href: item.url, prefetch: (_b = item.prefetch) !== null && _b !== void 0 ? _b : false, external: item.external, children: header }) })) : (header) }), item.items.map((child, i) => (jsxRuntime.jsx(MenuLinkItem, { item: child }, i)))] }));
     }
-    return (jsxRuntime.jsx(navigationMenu.NavigationMenuLink, { asChild: true, children: jsxRuntime.jsxs(shared.LinkItem, { item: item, className: utils.cn({
+    return (jsxRuntime.jsx(navigationMenu.NavigationMenuLink, { asChild: true, children: jsxRuntime.jsxs(PrefetchLinkItem, { item: item, prefetch: (_c = item.prefetch) !== null && _c !== void 0 ? _c : false, className: utils.cn({
                 main: 'inline-flex items-center gap-2 py-1.5 transition-colors hover:text-fd-popover-foreground/50 data-[active=true]:font-medium data-[active=true]:text-fd-primary [&_svg]:size-4',
                 icon: button.buttonVariants({
                     size: 'icon',
@@ -201,7 +202,7 @@ function MenuLinkItem(_a) {
                     color: 'secondary',
                     className: 'gap-1.5 [&_svg]:size-4',
                 }),
-            }[(_c = item.type) !== null && _c !== void 0 ? _c : 'main'], props.className), "aria-label": item.type === 'icon' ? item.label : undefined, children: [item.icon, item.type === 'icon' ? undefined : item.text] }) }));
+            }[(_d = item.type) !== null && _d !== void 0 ? _d : 'main'], props.className), "aria-label": item.type === 'icon' ? item.label : undefined, children: [item.icon, item.type === 'icon' ? undefined : item.text] }) }));
 }
 function MenuTrigger(_a) {
     var { enableHover = false } = _a, props = tslib.__rest(_a, ["enableHover"]);

package/dist/fuma/base/custom-header.mjs

@@ -14,6 +14,7 @@ import { buttonVariants } from 'fumadocs-ui/components/ui/button';
 import { useI18n } from 'fumadocs-ui/contexts/i18n';
 import { HeaderThemeSwitch } from './header-theme-switch.mjs';
 
+const PrefetchLinkItem = LinkItem;
 const DEFAULT_DESKTOP_ACTIONS = [
     'search',
     'theme',
@@ -161,7 +162,7 @@ const navItemVariants = cva('[&_svg]:size-4', {
     },
 });
 function NavbarLinkItem(_a) {
-    var _b;
+    var _b, _c;
     var { item } = _a, props = __rest(_a, ["item"]);
     if (item.type === 'custom')
         return jsx("div", Object.assign({}, props, { children: item.children }));
@@ -177,11 +178,11 @@ function NavbarLinkItem(_a) {
         });
         return (jsxs(NavigationMenuItem, { children: [jsx(NavigationMenuTrigger, Object.assign({}, props, { className: cn(navItemVariants(), 'rounded-md', props.className), children: item.url ? (jsx(Link, { href: item.url, prefetch: (_b = item.prefetch) !== null && _b !== void 0 ? _b : false, external: item.external, children: item.text })) : (item.text) })), jsx(NavigationMenuContent, { className: "grid grid-cols-1 gap-2 p-4 md:grid-cols-2 lg:grid-cols-3", children: children })] }));
     }
-    return (jsx(NavigationMenuItem, { children: jsx(NavigationMenuLink, { asChild: true, children: jsx(LinkItem, Object.assign({ item: item, "aria-label": item.type === 'icon' ? item.label : undefined }, props, { className: cn(navItemVariants({ variant: item.type }), props.className), children: item.type === 'icon' ? item.icon : item.text })) }) }));
+    return (jsx(NavigationMenuItem, { children: jsx(NavigationMenuLink, { asChild: true, children: jsx(PrefetchLinkItem, Object.assign({ item: item, prefetch: (_c = item.prefetch) !== null && _c !== void 0 ? _c : false, "aria-label": item.type === 'icon' ? item.label : undefined }, props, { className: cn(navItemVariants({ variant: item.type }), props.className), children: item.type === 'icon' ? item.icon : item.text })) }) }));
 }
 const Menu = NavigationMenuItem;
 function MenuLinkItem(_a) {
-    var _b, _c;
+    var _b, _c, _d;
     var { item } = _a, props = __rest(_a, ["item"]);
     if (item.type === 'custom')
         return jsx("div", { className: cn('grid', props.className), children: item.children });
@@ -189,7 +190,7 @@ function MenuLinkItem(_a) {
         const header = (jsxs(Fragment, { children: [item.icon, item.text] }));
         return (jsxs("div", { className: cn('mb-4 flex flex-col', props.className), children: [jsx("p", { className: "mb-1 text-sm text-fd-muted-foreground", children: item.url ? (jsx(NavigationMenuLink, { asChild: true, children: jsx(Link, { href: item.url, prefetch: (_b = item.prefetch) !== null && _b !== void 0 ? _b : false, external: item.external, children: header }) })) : (header) }), item.items.map((child, i) => (jsx(MenuLinkItem, { item: child }, i)))] }));
     }
-    return (jsx(NavigationMenuLink, { asChild: true, children: jsxs(LinkItem, { item: item, className: cn({
+    return (jsx(NavigationMenuLink, { asChild: true, children: jsxs(PrefetchLinkItem, { item: item, prefetch: (_c = item.prefetch) !== null && _c !== void 0 ? _c : false, className: cn({
                 main: 'inline-flex items-center gap-2 py-1.5 transition-colors hover:text-fd-popover-foreground/50 data-[active=true]:font-medium data-[active=true]:text-fd-primary [&_svg]:size-4',
                 icon: buttonVariants({
                     size: 'icon',
@@ -199,7 +200,7 @@ function MenuLinkItem(_a) {
                     color: 'secondary',
                     className: 'gap-1.5 [&_svg]:size-4',
                 }),
-            }[(_c = item.type) !== null && _c !== void 0 ? _c : 'main'], props.className), "aria-label": item.type === 'icon' ? item.label : undefined, children: [item.icon, item.type === 'icon' ? undefined : item.text] }) }));
+            }[(_d = item.type) !== null && _d !== void 0 ? _d : 'main'], props.className), "aria-label": item.type === 'icon' ? item.label : undefined, children: [item.icon, item.type === 'icon' ? undefined : item.text] }) }));
 }
 function MenuTrigger(_a) {
     var { enableHover = false } = _a, props = __rest(_a, ["enableHover"]);

package/dist/main/alert-dialog/confirm-dialog.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 export type ConfirmDialogType = 'normal' | 'danger';
+export type ConfirmDialogEmphasis = 'confirm' | 'cancel';
 interface ConfirmDialogProps {
     open: boolean;
     onOpenChange: (open: boolean) => void;
@@ -8,8 +9,9 @@ interface ConfirmDialogProps {
     description: React.ReactNode;
     cancelText?: string;
     confirmText?: string;
+    emphasis?: ConfirmDialogEmphasis;
     onCancel?: () => void;
     onConfirm?: () => void;
 }
-export declare function ConfirmDialog({ open, onOpenChange, type, title, description, cancelText, confirmText, onCancel, onConfirm, }: ConfirmDialogProps): import("react/jsx-runtime").JSX.Element;
+export declare function ConfirmDialog({ open, onOpenChange, type, title, description, cancelText, confirmText, emphasis, onCancel, onConfirm, }: ConfirmDialogProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/main/alert-dialog/confirm-dialog.js

@@ -24,14 +24,19 @@ const confirmTypeClassMap = {
         Icon: icons.CircleAlertIcon,
     },
 };
-function ConfirmDialog({ open, onOpenChange, type = 'normal', title, description, cancelText = 'Cancel', confirmText = 'Confirm', onCancel, onConfirm, }) {
+function ConfirmDialog({ open, onOpenChange, type = 'normal', title, description, cancelText = 'Cancel', confirmText = 'Confirm', emphasis = 'confirm', onCancel, onConfirm, }) {
     const typeClass = confirmTypeClassMap[type];
     const Icon = typeClass.Icon;
+    const cancelButtonClass = emphasis === 'cancel' ? typeClass.action : dialogStyles.secondaryButtonClass;
+    const confirmButtonClass = emphasis === 'cancel' ? dialogStyles.secondaryButtonClass : typeClass.action;
     const handleCancel = () => {
         onOpenChange(false);
         onCancel === null || onCancel === void 0 ? void 0 : onCancel();
     };
-    return (jsxRuntime.jsx(ui.AlertDialog, { open: open, onOpenChange: onOpenChange, children: jsxRuntime.jsxs(ui.AlertDialogContent, { className: utils.cn(dialogStyles.dialogContentClass, typeClass.content), overlayClassName: dialogStyles.dialogThemedOverlayClass, onOverlayClick: handleCancel, children: [jsxRuntime.jsxs("div", { className: dialogStyles.dialogHeaderClass, children: [jsxRuntime.jsx(ui.AlertDialogTitle, { asChild: true, children: jsxRuntime.jsxs("div", { className: dialogStyles.dialogTitleClass, children: [jsxRuntime.jsx("span", { className: utils.cn('inline-flex size-9 shrink-0 items-center justify-center rounded-full ring-1', typeClass.iconWrap), children: jsxRuntime.jsx(Icon, { className: utils.cn('size-5', typeClass.icon) }) }), jsxRuntime.jsx("span", { className: "min-w-0 truncate", children: title })] }) }), jsxRuntime.jsx("button", { type: "button", className: dialogStyles.closeButtonClass, onClick: handleCancel, "aria-label": "Close", children: jsxRuntime.jsx(icons.XIcon, { className: "size-4" }) })] }), jsxRuntime.jsx(ui.AlertDialogDescription, { className: dialogStyles.dialogDescriptionClass, children: description }), jsxRuntime.jsxs("div", { className: dialogStyles.dialogFooterClass, children: [jsxRuntime.jsx(ui.AlertDialogCancel, { className: dialogStyles.secondaryButtonClass, onClick: handleCancel, children: cancelText }), jsxRuntime.jsx(ui.AlertDialogAction, { className: typeClass.action, onClick: () => {
+    const handleClose = () => {
+        onOpenChange(false);
+    };
+    return (jsxRuntime.jsx(ui.AlertDialog, { open: open, onOpenChange: onOpenChange, children: jsxRuntime.jsxs(ui.AlertDialogContent, { className: utils.cn(dialogStyles.dialogContentClass, typeClass.content), overlayClassName: dialogStyles.dialogThemedOverlayClass, onOverlayClick: handleClose, children: [jsxRuntime.jsxs("div", { className: dialogStyles.dialogHeaderClass, children: [jsxRuntime.jsx(ui.AlertDialogTitle, { asChild: true, children: jsxRuntime.jsxs("div", { className: dialogStyles.dialogTitleClass, children: [jsxRuntime.jsx("span", { className: utils.cn('inline-flex size-9 shrink-0 items-center justify-center rounded-full ring-1', typeClass.iconWrap), children: jsxRuntime.jsx(Icon, { className: utils.cn('size-5', typeClass.icon) }) }), jsxRuntime.jsx("span", { className: "min-w-0 truncate", children: title })] }) }), jsxRuntime.jsx("button", { type: "button", className: dialogStyles.closeButtonClass, onClick: handleClose, "aria-label": "Close", children: jsxRuntime.jsx(icons.XIcon, { className: "size-4" }) })] }), jsxRuntime.jsx(ui.AlertDialogDescription, { className: dialogStyles.dialogDescriptionClass, children: description }), jsxRuntime.jsxs("div", { className: dialogStyles.dialogFooterClass, children: [jsxRuntime.jsx(ui.AlertDialogCancel, { className: cancelButtonClass, onClick: handleCancel, children: cancelText }), jsxRuntime.jsx(ui.AlertDialogAction, { className: confirmButtonClass, onClick: () => {
                                 onOpenChange(false);
                                 onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm();
                             }, children: confirmText })] })] }) }));

package/dist/main/alert-dialog/confirm-dialog.mjs

@@ -4,7 +4,7 @@ import { CircleAlertIcon, CircleQuestionMarkIcon, XIcon } from '@windrun-huaiin/
 import { themeBgColor, themeIconColor } from '@windrun-huaiin/base-ui/lib';
 import { AlertDialog, AlertDialogContent, AlertDialogTitle, AlertDialogDescription, AlertDialogCancel, AlertDialogAction } from '@windrun-huaiin/base-ui/ui';
 import { cn } from '@windrun-huaiin/lib/utils';
-import { dangerButtonClass, primaryButtonClass, dialogThemedOverlayClass, dialogHeaderClass, dialogTitleClass, closeButtonClass, dialogDescriptionClass, dialogFooterClass, secondaryButtonClass, dialogContentClass } from './dialog-styles.mjs';
+import { dangerButtonClass, primaryButtonClass, secondaryButtonClass, dialogThemedOverlayClass, dialogHeaderClass, dialogTitleClass, closeButtonClass, dialogDescriptionClass, dialogFooterClass, dialogContentClass } from './dialog-styles.mjs';
 
 const confirmTypeClassMap = {
     normal: {
@@ -22,14 +22,19 @@ const confirmTypeClassMap = {
         Icon: CircleAlertIcon,
     },
 };
-function ConfirmDialog({ open, onOpenChange, type = 'normal', title, description, cancelText = 'Cancel', confirmText = 'Confirm', onCancel, onConfirm, }) {
+function ConfirmDialog({ open, onOpenChange, type = 'normal', title, description, cancelText = 'Cancel', confirmText = 'Confirm', emphasis = 'confirm', onCancel, onConfirm, }) {
     const typeClass = confirmTypeClassMap[type];
     const Icon = typeClass.Icon;
+    const cancelButtonClass = emphasis === 'cancel' ? typeClass.action : secondaryButtonClass;
+    const confirmButtonClass = emphasis === 'cancel' ? secondaryButtonClass : typeClass.action;
     const handleCancel = () => {
         onOpenChange(false);
         onCancel === null || onCancel === void 0 ? void 0 : onCancel();
     };
-    return (jsx(AlertDialog, { open: open, onOpenChange: onOpenChange, children: jsxs(AlertDialogContent, { className: cn(dialogContentClass, typeClass.content), overlayClassName: dialogThemedOverlayClass, onOverlayClick: handleCancel, children: [jsxs("div", { className: dialogHeaderClass, children: [jsx(AlertDialogTitle, { asChild: true, children: jsxs("div", { className: dialogTitleClass, children: [jsx("span", { className: cn('inline-flex size-9 shrink-0 items-center justify-center rounded-full ring-1', typeClass.iconWrap), children: jsx(Icon, { className: cn('size-5', typeClass.icon) }) }), jsx("span", { className: "min-w-0 truncate", children: title })] }) }), jsx("button", { type: "button", className: closeButtonClass, onClick: handleCancel, "aria-label": "Close", children: jsx(XIcon, { className: "size-4" }) })] }), jsx(AlertDialogDescription, { className: dialogDescriptionClass, children: description }), jsxs("div", { className: dialogFooterClass, children: [jsx(AlertDialogCancel, { className: secondaryButtonClass, onClick: handleCancel, children: cancelText }), jsx(AlertDialogAction, { className: typeClass.action, onClick: () => {
+    const handleClose = () => {
+        onOpenChange(false);
+    };
+    return (jsx(AlertDialog, { open: open, onOpenChange: onOpenChange, children: jsxs(AlertDialogContent, { className: cn(dialogContentClass, typeClass.content), overlayClassName: dialogThemedOverlayClass, onOverlayClick: handleClose, children: [jsxs("div", { className: dialogHeaderClass, children: [jsx(AlertDialogTitle, { asChild: true, children: jsxs("div", { className: dialogTitleClass, children: [jsx("span", { className: cn('inline-flex size-9 shrink-0 items-center justify-center rounded-full ring-1', typeClass.iconWrap), children: jsx(Icon, { className: cn('size-5', typeClass.icon) }) }), jsx("span", { className: "min-w-0 truncate", children: title })] }) }), jsx("button", { type: "button", className: closeButtonClass, onClick: handleClose, "aria-label": "Close", children: jsx(XIcon, { className: "size-4" }) })] }), jsx(AlertDialogDescription, { className: dialogDescriptionClass, children: description }), jsxs("div", { className: dialogFooterClass, children: [jsx(AlertDialogCancel, { className: cancelButtonClass, onClick: handleCancel, children: cancelText }), jsx(AlertDialogAction, { className: confirmButtonClass, onClick: () => {
                                 onOpenChange(false);
                                 onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm();
                             }, children: confirmText })] })] }) }));

package/dist/main/alert-dialog/high-priority-confirm-dialog.d.ts

@@ -1,6 +1,7 @@
 import React from "react";
 interface HighPriorityConfirmDialogProps {
     open: boolean;
+    onOpenChange: (open: boolean) => void;
     onCancel: () => void;
     onConfirm: () => void;
     title: string;
@@ -8,5 +9,5 @@ interface HighPriorityConfirmDialogProps {
     confirmText?: string;
     cancelText?: string;
 }
-export declare function HighPriorityConfirmDialog({ open, onCancel, onConfirm, title, description, confirmText, cancelText, }: HighPriorityConfirmDialogProps): React.ReactPortal | null;
+export declare function HighPriorityConfirmDialog({ open, onOpenChange, onCancel, onConfirm, title, description, confirmText, cancelText, }: HighPriorityConfirmDialogProps): React.ReactPortal | null;
 export {};

package/dist/main/alert-dialog/high-priority-confirm-dialog.js

@@ -9,7 +9,7 @@ var utils = require('@windrun-huaiin/lib/utils');
 var dialogStyles = require('./dialog-styles.js');
 var lib = require('@windrun-huaiin/base-ui/lib');
 
-function HighPriorityConfirmDialog({ open, onCancel, onConfirm, title, description, confirmText = "Confirm", cancelText = "Cancel", }) {
+function HighPriorityConfirmDialog({ open, onOpenChange, onCancel, onConfirm, title, description, confirmText = "Confirm", cancelText = "Cancel", }) {
     const [mounted, setMounted] = React.useState(false);
     React.useEffect(() => {
         // Ensure portal target exists and prevent hydration mismatch
@@ -17,7 +17,10 @@ function HighPriorityConfirmDialog({ open, onCancel, onConfirm, title, descripti
     }, []);
     if (!open || !mounted)
         return null;
-    return reactDom.createPortal(jsxRuntime.jsx("div", { className: "fixed inset-0 z-10000 flex items-center justify-center bg-black/60 backdrop-blur-sm animate-in fade-in duration-300", children: jsxRuntime.jsxs("div", { className: utils.cn(dialogStyles.highPrioritySurfaceClass, "scale-100"), role: "dialog", "aria-modal": "true", onClick: (e) => e.stopPropagation(), children: [jsxRuntime.jsxs("div", { className: dialogStyles.dialogHeaderClass, children: [jsxRuntime.jsxs("h3", { className: dialogStyles.highPriorityTitleClass, children: [jsxRuntime.jsx("span", { className: utils.cn('inline-flex size-9 shrink-0 items-center justify-center rounded-full ring-1', lib.themeBgColor, lib.themeBorderColor), children: jsxRuntime.jsx(icons.FAQSIcon, { className: utils.cn('size-5', lib.themeIconColor) }) }), jsxRuntime.jsx("span", { className: "min-w-0 truncate", children: title })] }), jsxRuntime.jsx("button", { type: "button", className: dialogStyles.closeButtonClass, onClick: onCancel, "aria-label": "Close", children: jsxRuntime.jsx(icons.XIcon, { className: "size-4" }) })] }), jsxRuntime.jsx("div", { className: dialogStyles.dialogDescriptionClass, children: description }), jsxRuntime.jsxs("div", { className: dialogStyles.dialogFooterClass, children: [jsxRuntime.jsx("button", { type: "button", onClick: onCancel, className: dialogStyles.secondaryButtonClass, children: cancelText }), jsxRuntime.jsx("button", { type: "button", onClick: onConfirm, className: utils.cn(dialogStyles.primaryButtonClass, "hover:scale-105 active:scale-95"), children: confirmText })] })] }) }), document.body);
+    const handleClose = () => {
+        onOpenChange(false);
+    };
+    return reactDom.createPortal(jsxRuntime.jsx("div", { className: "fixed inset-0 z-10000 flex items-center justify-center bg-black/60 backdrop-blur-sm animate-in fade-in duration-300", children: jsxRuntime.jsxs("div", { className: utils.cn(dialogStyles.highPrioritySurfaceClass, "scale-100"), role: "dialog", "aria-modal": "true", onClick: (e) => e.stopPropagation(), children: [jsxRuntime.jsxs("div", { className: dialogStyles.dialogHeaderClass, children: [jsxRuntime.jsxs("h3", { className: dialogStyles.highPriorityTitleClass, children: [jsxRuntime.jsx("span", { className: utils.cn('inline-flex size-9 shrink-0 items-center justify-center rounded-full ring-1', lib.themeBgColor, lib.themeBorderColor), children: jsxRuntime.jsx(icons.FAQSIcon, { className: utils.cn('size-5', lib.themeIconColor) }) }), jsxRuntime.jsx("span", { className: "min-w-0 truncate", children: title })] }), jsxRuntime.jsx("button", { type: "button", className: dialogStyles.closeButtonClass, onClick: handleClose, "aria-label": "Close", children: jsxRuntime.jsx(icons.XIcon, { className: "size-4" }) })] }), jsxRuntime.jsx("div", { className: dialogStyles.dialogDescriptionClass, children: description }), jsxRuntime.jsxs("div", { className: dialogStyles.dialogFooterClass, children: [jsxRuntime.jsx("button", { type: "button", onClick: onCancel, className: dialogStyles.secondaryButtonClass, children: cancelText }), jsxRuntime.jsx("button", { type: "button", onClick: onConfirm, className: utils.cn(dialogStyles.primaryButtonClass, "hover:scale-105 active:scale-95"), children: confirmText })] })] }) }), document.body);
 }
 
 exports.HighPriorityConfirmDialog = HighPriorityConfirmDialog;

package/dist/main/alert-dialog/high-priority-confirm-dialog.mjs

@@ -7,7 +7,7 @@ import { cn } from '@windrun-huaiin/lib/utils';
 import { dialogHeaderClass, highPriorityTitleClass, closeButtonClass, dialogDescriptionClass, dialogFooterClass, secondaryButtonClass, primaryButtonClass, highPrioritySurfaceClass } from './dialog-styles.mjs';
 import { themeIconColor, themeBgColor, themeBorderColor } from '@windrun-huaiin/base-ui/lib';
 
-function HighPriorityConfirmDialog({ open, onCancel, onConfirm, title, description, confirmText = "Confirm", cancelText = "Cancel", }) {
+function HighPriorityConfirmDialog({ open, onOpenChange, onCancel, onConfirm, title, description, confirmText = "Confirm", cancelText = "Cancel", }) {
     const [mounted, setMounted] = useState(false);
     useEffect(() => {
         // Ensure portal target exists and prevent hydration mismatch
@@ -15,7 +15,10 @@ function HighPriorityConfirmDialog({ open, onCancel, onConfirm, title, descripti
     }, []);
     if (!open || !mounted)
         return null;
-    return createPortal(jsx("div", { className: "fixed inset-0 z-10000 flex items-center justify-center bg-black/60 backdrop-blur-sm animate-in fade-in duration-300", children: jsxs("div", { className: cn(highPrioritySurfaceClass, "scale-100"), role: "dialog", "aria-modal": "true", onClick: (e) => e.stopPropagation(), children: [jsxs("div", { className: dialogHeaderClass, children: [jsxs("h3", { className: highPriorityTitleClass, children: [jsx("span", { className: cn('inline-flex size-9 shrink-0 items-center justify-center rounded-full ring-1', themeBgColor, themeBorderColor), children: jsx(FAQSIcon, { className: cn('size-5', themeIconColor) }) }), jsx("span", { className: "min-w-0 truncate", children: title })] }), jsx("button", { type: "button", className: closeButtonClass, onClick: onCancel, "aria-label": "Close", children: jsx(XIcon, { className: "size-4" }) })] }), jsx("div", { className: dialogDescriptionClass, children: description }), jsxs("div", { className: dialogFooterClass, children: [jsx("button", { type: "button", onClick: onCancel, className: secondaryButtonClass, children: cancelText }), jsx("button", { type: "button", onClick: onConfirm, className: cn(primaryButtonClass, "hover:scale-105 active:scale-95"), children: confirmText })] })] }) }), document.body);
+    const handleClose = () => {
+        onOpenChange(false);
+    };
+    return createPortal(jsx("div", { className: "fixed inset-0 z-10000 flex items-center justify-center bg-black/60 backdrop-blur-sm animate-in fade-in duration-300", children: jsxs("div", { className: cn(highPrioritySurfaceClass, "scale-100"), role: "dialog", "aria-modal": "true", onClick: (e) => e.stopPropagation(), children: [jsxs("div", { className: dialogHeaderClass, children: [jsxs("h3", { className: highPriorityTitleClass, children: [jsx("span", { className: cn('inline-flex size-9 shrink-0 items-center justify-center rounded-full ring-1', themeBgColor, themeBorderColor), children: jsx(FAQSIcon, { className: cn('size-5', themeIconColor) }) }), jsx("span", { className: "min-w-0 truncate", children: title })] }), jsx("button", { type: "button", className: closeButtonClass, onClick: handleClose, "aria-label": "Close", children: jsx(XIcon, { className: "size-4" }) })] }), jsx("div", { className: dialogDescriptionClass, children: description }), jsxs("div", { className: dialogFooterClass, children: [jsx("button", { type: "button", onClick: onCancel, className: secondaryButtonClass, children: cancelText }), jsx("button", { type: "button", onClick: onConfirm, className: cn(primaryButtonClass, "hover:scale-105 active:scale-95"), children: confirmText })] })] }) }), document.body);
 }
 
 export { HighPriorityConfirmDialog };

package/dist/main/alert-dialog/undoable-confirm-dialog.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import type { ConfirmDialogEmphasis } from './confirm-dialog';
 export interface UndoableConfirmDialogProps {
     open: boolean;
     onOpenChange: (open: boolean) => void;
@@ -9,9 +10,10 @@ export interface UndoableConfirmDialogProps {
     cancelText?: string;
     confirmText?: string;
     undoText?: string;
+    emphasis?: ConfirmDialogEmphasis;
     countdownSeconds?: number;
     onCancel?: () => void;
     onConfirm: () => void | Promise<void>;
     onUndo?: () => void;
 }
-export declare function UndoableConfirmDialog({ open, onOpenChange, title, description, pendingTitle, pendingDescription, cancelText, confirmText, undoText, countdownSeconds, onCancel, onConfirm, onUndo, }: UndoableConfirmDialogProps): import("react/jsx-runtime").JSX.Element;
+export declare function UndoableConfirmDialog({ open, onOpenChange, title, description, pendingTitle, pendingDescription, cancelText, confirmText, undoText, emphasis, countdownSeconds, onCancel, onConfirm, onUndo, }: UndoableConfirmDialogProps): import("react/jsx-runtime").JSX.Element;

package/dist/main/alert-dialog/undoable-confirm-dialog.js

@@ -10,13 +10,15 @@ var ui = require('@windrun-huaiin/base-ui/ui');
 var utils = require('@windrun-huaiin/lib/utils');
 var dialogStyles = require('./dialog-styles.js');
 
-function UndoableConfirmDialog({ open, onOpenChange, title, description, pendingTitle, pendingDescription, cancelText = 'Cancel', confirmText = 'Delete', undoText = 'Undo', countdownSeconds = 5, onCancel, onConfirm, onUndo, }) {
+function UndoableConfirmDialog({ open, onOpenChange, title, description, pendingTitle, pendingDescription, cancelText = 'Cancel', confirmText = 'Delete', undoText = 'Undo', emphasis = 'confirm', countdownSeconds = 5, onCancel, onConfirm, onUndo, }) {
     const safeCountdownSeconds = Math.max(1, Math.floor(countdownSeconds));
     const [pending, setPending] = React.useState(false);
     const [remainingSeconds, setRemainingSeconds] = React.useState(safeCountdownSeconds);
     const [confirming, setConfirming] = React.useState(false);
     const timeoutRef = React.useRef(null);
     const intervalRef = React.useRef(null);
+    const cancelButtonClass = emphasis === 'cancel' ? dialogStyles.dangerButtonClass : dialogStyles.secondaryButtonClass;
+    const confirmButtonClass = emphasis === 'cancel' ? dialogStyles.secondaryButtonClass : dialogStyles.dangerButtonClass;
     const clearTimers = React.useCallback(() => {
         if (timeoutRef.current) {
             window.clearTimeout(timeoutRef.current);
@@ -68,6 +70,10 @@ function UndoableConfirmDialog({ open, onOpenChange, title, description, pending
         onOpenChange(false);
         onCancel === null || onCancel === void 0 ? void 0 : onCancel();
     };
+    const handleClose = React.useCallback(() => {
+        resetState();
+        onOpenChange(false);
+    }, [onOpenChange, resetState]);
     const handleUndo = () => {
         resetState();
         onOpenChange(false);
@@ -77,11 +83,11 @@ function UndoableConfirmDialog({ open, onOpenChange, title, description, pending
     const displayDescription = pending ? pendingDescription !== null && pendingDescription !== void 0 ? pendingDescription : description : description;
     return (jsxRuntime.jsx(ui.AlertDialog, { open: open, onOpenChange: (nextOpen) => {
             if (!nextOpen) {
-                handleCancel();
+                handleClose();
                 return;
             }
             onOpenChange(nextOpen);
-        }, children: jsxRuntime.jsxs(ui.AlertDialogContent, { className: utils.cn(dialogStyles.dialogContentClass, 'border-red-300 dark:border-red-700'), overlayClassName: dialogStyles.dialogThemedOverlayClass, onOverlayClick: pending ? undefined : handleCancel, children: [jsxRuntime.jsxs("div", { className: dialogStyles.dialogHeaderClass, children: [jsxRuntime.jsx(ui.AlertDialogTitle, { asChild: true, children: jsxRuntime.jsxs("div", { className: dialogStyles.dialogTitleClass, children: [jsxRuntime.jsx("span", { className: "inline-flex size-9 shrink-0 items-center justify-center rounded-full bg-red-100 text-red-600 ring-1 ring-red-200 dark:bg-red-950 dark:text-red-300 dark:ring-red-900", children: pending ? jsxRuntime.jsx(icons.Trash2Icon, { className: "size-5" }) : jsxRuntime.jsx(icons.CircleAlertIcon, { className: "size-5" }) }), jsxRuntime.jsx("span", { className: "min-w-0 truncate", children: displayTitle })] }) }), jsxRuntime.jsx("button", { type: "button", className: dialogStyles.closeButtonClass, onClick: pending ? handleUndo : handleCancel, "aria-label": "Close", disabled: confirming, children: jsxRuntime.jsx(icons.XIcon, { className: "size-4" }) })] }), jsxRuntime.jsx(ui.AlertDialogDescription, { className: utils.cn(dialogStyles.dialogDescriptionClass, 'min-h-[44px]'), children: jsxRuntime.jsx("span", { children: displayDescription }) }), jsxRuntime.jsx("div", { className: "flex h-12 items-center justify-center py-1", children: jsxRuntime.jsxs("div", { className: "flex items-baseline justify-center gap-2", children: [jsxRuntime.jsx("span", { className: utils.cn('text-4xl font-black leading-none tabular-nums', pending && 'animate-bounce', lib.themeIconColor), children: pending ? remainingSeconds : safeCountdownSeconds }), jsxRuntime.jsx("span", { className: utils.cn('text-sm font-bold', lib.themeIconColor), children: "s" })] }) }), jsxRuntime.jsx("div", { className: utils.cn(dialogStyles.dialogFooterClass, 'min-h-[88px] sm:min-h-10 sm:items-center'), children: pending ? (jsxRuntime.jsxs("button", { type: "button", onClick: handleUndo, className: dialogStyles.secondaryButtonClass, disabled: confirming, children: [jsxRuntime.jsx(icons.Undo2Icon, { className: "mr-1.5 size-4" }), undoText] })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("button", { type: "button", onClick: handleCancel, className: dialogStyles.secondaryButtonClass, children: cancelText }), jsxRuntime.jsx("button", { type: "button", onClick: startCountdown, className: dialogStyles.dangerButtonClass, children: confirmText })] })) })] }) }));
+        }, children: jsxRuntime.jsxs(ui.AlertDialogContent, { className: utils.cn(dialogStyles.dialogContentClass, 'border-red-300 dark:border-red-700'), overlayClassName: dialogStyles.dialogThemedOverlayClass, onOverlayClick: pending ? undefined : handleClose, children: [jsxRuntime.jsxs("div", { className: dialogStyles.dialogHeaderClass, children: [jsxRuntime.jsx(ui.AlertDialogTitle, { asChild: true, children: jsxRuntime.jsxs("div", { className: dialogStyles.dialogTitleClass, children: [jsxRuntime.jsx("span", { className: "inline-flex size-9 shrink-0 items-center justify-center rounded-full bg-red-100 text-red-600 ring-1 ring-red-200 dark:bg-red-950 dark:text-red-300 dark:ring-red-900", children: pending ? jsxRuntime.jsx(icons.Trash2Icon, { className: "size-5" }) : jsxRuntime.jsx(icons.CircleAlertIcon, { className: "size-5" }) }), jsxRuntime.jsx("span", { className: "min-w-0 truncate", children: displayTitle })] }) }), jsxRuntime.jsx("button", { type: "button", className: dialogStyles.closeButtonClass, onClick: handleClose, "aria-label": "Close", disabled: confirming, children: jsxRuntime.jsx(icons.XIcon, { className: "size-4" }) })] }), jsxRuntime.jsx(ui.AlertDialogDescription, { className: utils.cn(dialogStyles.dialogDescriptionClass, 'min-h-[44px]'), children: jsxRuntime.jsx("span", { children: displayDescription }) }), jsxRuntime.jsx("div", { className: "flex h-12 items-center justify-center py-1", children: jsxRuntime.jsxs("div", { className: "flex items-baseline justify-center gap-2", children: [jsxRuntime.jsx("span", { className: utils.cn('text-4xl font-black leading-none tabular-nums', pending && 'animate-bounce', lib.themeIconColor), children: pending ? remainingSeconds : safeCountdownSeconds }), jsxRuntime.jsx("span", { className: utils.cn('text-sm font-bold', lib.themeIconColor), children: "s" })] }) }), jsxRuntime.jsx("div", { className: utils.cn(dialogStyles.dialogFooterClass, 'min-h-[88px] sm:min-h-10 sm:items-center'), children: pending ? (jsxRuntime.jsxs("button", { type: "button", onClick: handleUndo, className: dialogStyles.secondaryButtonClass, disabled: confirming, children: [jsxRuntime.jsx(icons.Undo2Icon, { className: "mr-1.5 size-4" }), undoText] })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("button", { type: "button", onClick: handleCancel, className: cancelButtonClass, children: cancelText }), jsxRuntime.jsx("button", { type: "button", onClick: startCountdown, className: confirmButtonClass, children: confirmText })] })) })] }) }));
 }
 
 exports.UndoableConfirmDialog = UndoableConfirmDialog;

package/dist/main/alert-dialog/undoable-confirm-dialog.mjs

@@ -8,13 +8,15 @@ import { AlertDialog, AlertDialogContent, AlertDialogTitle, AlertDialogDescripti
 import { cn } from '@windrun-huaiin/lib/utils';
 import { dialogThemedOverlayClass, dialogHeaderClass, dialogTitleClass, closeButtonClass, dialogDescriptionClass, secondaryButtonClass, dangerButtonClass, dialogFooterClass, dialogContentClass } from './dialog-styles.mjs';
 
-function UndoableConfirmDialog({ open, onOpenChange, title, description, pendingTitle, pendingDescription, cancelText = 'Cancel', confirmText = 'Delete', undoText = 'Undo', countdownSeconds = 5, onCancel, onConfirm, onUndo, }) {
+function UndoableConfirmDialog({ open, onOpenChange, title, description, pendingTitle, pendingDescription, cancelText = 'Cancel', confirmText = 'Delete', undoText = 'Undo', emphasis = 'confirm', countdownSeconds = 5, onCancel, onConfirm, onUndo, }) {
     const safeCountdownSeconds = Math.max(1, Math.floor(countdownSeconds));
     const [pending, setPending] = React__default.useState(false);
     const [remainingSeconds, setRemainingSeconds] = React__default.useState(safeCountdownSeconds);
     const [confirming, setConfirming] = React__default.useState(false);
     const timeoutRef = React__default.useRef(null);
     const intervalRef = React__default.useRef(null);
+    const cancelButtonClass = emphasis === 'cancel' ? dangerButtonClass : secondaryButtonClass;
+    const confirmButtonClass = emphasis === 'cancel' ? secondaryButtonClass : dangerButtonClass;
     const clearTimers = React__default.useCallback(() => {
         if (timeoutRef.current) {
             window.clearTimeout(timeoutRef.current);
@@ -66,6 +68,10 @@ function UndoableConfirmDialog({ open, onOpenChange, title, description, pending
         onOpenChange(false);
         onCancel === null || onCancel === void 0 ? void 0 : onCancel();
     };
+    const handleClose = React__default.useCallback(() => {
+        resetState();
+        onOpenChange(false);
+    }, [onOpenChange, resetState]);
     const handleUndo = () => {
         resetState();
         onOpenChange(false);
@@ -75,11 +81,11 @@ function UndoableConfirmDialog({ open, onOpenChange, title, description, pending
     const displayDescription = pending ? pendingDescription !== null && pendingDescription !== void 0 ? pendingDescription : description : description;
     return (jsx(AlertDialog, { open: open, onOpenChange: (nextOpen) => {
             if (!nextOpen) {
-                handleCancel();
+                handleClose();
                 return;
             }
             onOpenChange(nextOpen);
-        }, children: jsxs(AlertDialogContent, { className: cn(dialogContentClass, 'border-red-300 dark:border-red-700'), overlayClassName: dialogThemedOverlayClass, onOverlayClick: pending ? undefined : handleCancel, children: [jsxs("div", { className: dialogHeaderClass, children: [jsx(AlertDialogTitle, { asChild: true, children: jsxs("div", { className: dialogTitleClass, children: [jsx("span", { className: "inline-flex size-9 shrink-0 items-center justify-center rounded-full bg-red-100 text-red-600 ring-1 ring-red-200 dark:bg-red-950 dark:text-red-300 dark:ring-red-900", children: pending ? jsx(Trash2Icon, { className: "size-5" }) : jsx(CircleAlertIcon, { className: "size-5" }) }), jsx("span", { className: "min-w-0 truncate", children: displayTitle })] }) }), jsx("button", { type: "button", className: closeButtonClass, onClick: pending ? handleUndo : handleCancel, "aria-label": "Close", disabled: confirming, children: jsx(XIcon, { className: "size-4" }) })] }), jsx(AlertDialogDescription, { className: cn(dialogDescriptionClass, 'min-h-[44px]'), children: jsx("span", { children: displayDescription }) }), jsx("div", { className: "flex h-12 items-center justify-center py-1", children: jsxs("div", { className: "flex items-baseline justify-center gap-2", children: [jsx("span", { className: cn('text-4xl font-black leading-none tabular-nums', pending && 'animate-bounce', themeIconColor), children: pending ? remainingSeconds : safeCountdownSeconds }), jsx("span", { className: cn('text-sm font-bold', themeIconColor), children: "s" })] }) }), jsx("div", { className: cn(dialogFooterClass, 'min-h-[88px] sm:min-h-10 sm:items-center'), children: pending ? (jsxs("button", { type: "button", onClick: handleUndo, className: secondaryButtonClass, disabled: confirming, children: [jsx(Undo2Icon, { className: "mr-1.5 size-4" }), undoText] })) : (jsxs(Fragment, { children: [jsx("button", { type: "button", onClick: handleCancel, className: secondaryButtonClass, children: cancelText }), jsx("button", { type: "button", onClick: startCountdown, className: dangerButtonClass, children: confirmText })] })) })] }) }));
+        }, children: jsxs(AlertDialogContent, { className: cn(dialogContentClass, 'border-red-300 dark:border-red-700'), overlayClassName: dialogThemedOverlayClass, onOverlayClick: pending ? undefined : handleClose, children: [jsxs("div", { className: dialogHeaderClass, children: [jsx(AlertDialogTitle, { asChild: true, children: jsxs("div", { className: dialogTitleClass, children: [jsx("span", { className: "inline-flex size-9 shrink-0 items-center justify-center rounded-full bg-red-100 text-red-600 ring-1 ring-red-200 dark:bg-red-950 dark:text-red-300 dark:ring-red-900", children: pending ? jsx(Trash2Icon, { className: "size-5" }) : jsx(CircleAlertIcon, { className: "size-5" }) }), jsx("span", { className: "min-w-0 truncate", children: displayTitle })] }) }), jsx("button", { type: "button", className: closeButtonClass, onClick: handleClose, "aria-label": "Close", disabled: confirming, children: jsx(XIcon, { className: "size-4" }) })] }), jsx(AlertDialogDescription, { className: cn(dialogDescriptionClass, 'min-h-[44px]'), children: jsx("span", { children: displayDescription }) }), jsx("div", { className: "flex h-12 items-center justify-center py-1", children: jsxs("div", { className: "flex items-baseline justify-center gap-2", children: [jsx("span", { className: cn('text-4xl font-black leading-none tabular-nums', pending && 'animate-bounce', themeIconColor), children: pending ? remainingSeconds : safeCountdownSeconds }), jsx("span", { className: cn('text-sm font-bold', themeIconColor), children: "s" })] }) }), jsx("div", { className: cn(dialogFooterClass, 'min-h-[88px] sm:min-h-10 sm:items-center'), children: pending ? (jsxs("button", { type: "button", onClick: handleUndo, className: secondaryButtonClass, disabled: confirming, children: [jsx(Undo2Icon, { className: "mr-1.5 size-4" }), undoText] })) : (jsxs(Fragment, { children: [jsx("button", { type: "button", onClick: handleCancel, className: cancelButtonClass, children: cancelText }), jsx("button", { type: "button", onClick: startCountdown, className: confirmButtonClass, children: confirmText })] })) })] }) }));
 }
 
 export { UndoableConfirmDialog };

package/dist/main/features.js

@@ -3,7 +3,7 @@
 var tslib = require('tslib');
 var jsxRuntime = require('react/jsx-runtime');
 var server = require('next-intl/server');
-var server$1 = require('@windrun-huaiin/base-ui/components/server');
+var shared = require('@windrun-huaiin/base-ui/components/shared');
 var lib = require('@windrun-huaiin/base-ui/lib');
 var utils = require('@windrun-huaiin/lib/utils');
 var richTextExpert = require('./rich-text-expert.js');
@@ -26,7 +26,7 @@ function Features(_a) {
             }))
         };
         return (jsxRuntime.jsxs("section", { id: "features", 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: "grid grid-cols-1 md:grid-cols-3 gap-8 gap-y-12", children: data.items.map((feature) => {
-                        const Icon = server$1.getGlobalIcon(feature.iconKey);
+                        const Icon = shared.getGlobalIcon(feature.iconKey);
                         return (jsxRuntime.jsxs("div", { "data-feature-id": feature.id, className: utils.cn("bg-white dark:bg-gray-800/60 p-8 rounded-xl border border-gray-200 dark:border-gray-700 hover:border-current transition shadow-sm dark:shadow-none", lib.themeIconColor), children: [jsxRuntime.jsx("div", { className: "text-4xl mb-4 flex items-center justify-start", children: jsxRuntime.jsx(Icon, { className: "w-8 h-8" }) }), jsxRuntime.jsx("h3", { className: "text-xl font-semibold mb-3 text-gray-900 dark:text-gray-100", children: feature.title }), jsxRuntime.jsx("p", { className: "text-gray-700 dark:text-gray-300", children: feature.description })] }, feature.id));
                     }) })] }));
     });

package/dist/main/features.mjs

@@ -1,7 +1,7 @@
 import { __awaiter } from 'tslib';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { getTranslations } from 'next-intl/server';
-import { getGlobalIcon } from '@windrun-huaiin/base-ui/components/server';
+import { getGlobalIcon } from '@windrun-huaiin/base-ui/components/shared';
 import { themeIconColor } from '@windrun-huaiin/base-ui/lib';
 import { cn } from '@windrun-huaiin/lib/utils';
 import { richText } from './rich-text-expert.mjs';

package/dist/main/footer.js

@@ -23,7 +23,7 @@ function Footer(_a) {
             clickToCopyText: tIntl.safeT(tFooter, 'clickToCopy', 'Click to copy'),
             copiedText: tIntl.safeT(tFooter, 'copied', 'Copied!'),
         };
-        return (jsxRuntime.jsxs("div", { className: "mb-10 w-full mx-auto", children: [jsxRuntime.jsx("div", { className: utils.cn("w-full border-current border-t", lib.themeIconColor) }), jsxRuntime.jsx("footer", { children: jsxRuntime.jsxs("div", { className: "w-full flex flex-col items-center justify-center px-4 py-8 space-y-3", children: [jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center justify-center gap-x-2 gap-y-2 text-xs sm:text-sm sm:gap-x-6", children: [jsxRuntime.jsxs(Link, { href: utils.getAsNeededLocalizedUrl(locale, "/legal/terms", localePrefixAsNeeded, defaultLocale), className: "flex items-center space-x-1 hover:underline", children: [jsxRuntime.jsx(icons.ReceiptTextIcon, { className: "h-3.5 w-3.5" }), jsxRuntime.jsx("span", { children: data.terms })] }), jsxRuntime.jsxs(Link, { href: utils.getAsNeededLocalizedUrl(locale, "/legal/privacy", localePrefixAsNeeded, defaultLocale), className: "flex items-center space-x-1 hover:underline", children: [jsxRuntime.jsx(icons.ShieldUserIcon, { className: "h-3.5 w-3.5" }), jsxRuntime.jsx("span", { children: data.privacy })] }), jsxRuntime.jsxs(footerEmail.FooterEmail, { email: data.email, clickToCopyText: data.clickToCopyText, copiedText: data.copiedText, children: [jsxRuntime.jsx(icons.MailIcon, { className: "h-3.5 w-3.5" }), jsxRuntime.jsx("span", { children: data.contactUs })] })] }), jsxRuntime.jsx("div", { className: "text-xs sm:text-sm text-center", children: jsxRuntime.jsx("span", { children: data.copyright }) })] }) })] }));
+        return (jsxRuntime.jsxs("div", { className: "mb-10 w-full mx-auto", children: [jsxRuntime.jsx("div", { className: utils.cn("w-full border-current border-t", lib.themeIconColor) }), jsxRuntime.jsx("footer", { children: jsxRuntime.jsxs("div", { className: "w-full flex flex-col items-center justify-center px-4 py-8 space-y-3", children: [jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center justify-center gap-x-2 gap-y-2 text-xs sm:text-sm sm:gap-x-6", children: [jsxRuntime.jsxs(Link, { prefetch: false, href: utils.getAsNeededLocalizedUrl(locale, "/legal/terms", localePrefixAsNeeded, defaultLocale), className: "flex items-center space-x-1 hover:underline", children: [jsxRuntime.jsx(icons.ReceiptTextIcon, { className: "h-3.5 w-3.5" }), jsxRuntime.jsx("span", { children: data.terms })] }), jsxRuntime.jsxs(Link, { prefetch: false, href: utils.getAsNeededLocalizedUrl(locale, "/legal/privacy", localePrefixAsNeeded, defaultLocale), className: "flex items-center space-x-1 hover:underline", children: [jsxRuntime.jsx(icons.ShieldUserIcon, { className: "h-3.5 w-3.5" }), jsxRuntime.jsx("span", { children: data.privacy })] }), jsxRuntime.jsxs(footerEmail.FooterEmail, { email: data.email, clickToCopyText: data.clickToCopyText, copiedText: data.copiedText, children: [jsxRuntime.jsx(icons.MailIcon, { className: "h-3.5 w-3.5" }), jsxRuntime.jsx("span", { children: data.contactUs })] })] }), jsxRuntime.jsx("div", { className: "text-xs sm:text-sm text-center", children: jsxRuntime.jsx("span", { children: data.copyright }) })] }) })] }));
     });
 }
 

package/dist/main/footer.mjs

@@ -21,7 +21,7 @@ function Footer(_a) {
             clickToCopyText: safeT(tFooter, 'clickToCopy', 'Click to copy'),
             copiedText: safeT(tFooter, 'copied', 'Copied!'),
         };
-        return (jsxs("div", { className: "mb-10 w-full mx-auto", children: [jsx("div", { className: cn("w-full border-current border-t", themeIconColor) }), jsx("footer", { children: jsxs("div", { className: "w-full flex flex-col items-center justify-center px-4 py-8 space-y-3", children: [jsxs("div", { className: "flex flex-wrap items-center justify-center gap-x-2 gap-y-2 text-xs sm:text-sm sm:gap-x-6", children: [jsxs(Link, { href: getAsNeededLocalizedUrl(locale, "/legal/terms", localePrefixAsNeeded, defaultLocale), className: "flex items-center space-x-1 hover:underline", children: [jsx(ReceiptTextIcon, { className: "h-3.5 w-3.5" }), jsx("span", { children: data.terms })] }), jsxs(Link, { href: getAsNeededLocalizedUrl(locale, "/legal/privacy", localePrefixAsNeeded, defaultLocale), className: "flex items-center space-x-1 hover:underline", children: [jsx(ShieldUserIcon, { className: "h-3.5 w-3.5" }), jsx("span", { children: data.privacy })] }), jsxs(FooterEmail, { email: data.email, clickToCopyText: data.clickToCopyText, copiedText: data.copiedText, children: [jsx(MailIcon, { className: "h-3.5 w-3.5" }), jsx("span", { children: data.contactUs })] })] }), jsx("div", { className: "text-xs sm:text-sm text-center", children: jsx("span", { children: data.copyright }) })] }) })] }));
+        return (jsxs("div", { className: "mb-10 w-full mx-auto", children: [jsx("div", { className: cn("w-full border-current border-t", themeIconColor) }), jsx("footer", { children: jsxs("div", { className: "w-full flex flex-col items-center justify-center px-4 py-8 space-y-3", children: [jsxs("div", { className: "flex flex-wrap items-center justify-center gap-x-2 gap-y-2 text-xs sm:text-sm sm:gap-x-6", children: [jsxs(Link, { prefetch: false, href: getAsNeededLocalizedUrl(locale, "/legal/terms", localePrefixAsNeeded, defaultLocale), className: "flex items-center space-x-1 hover:underline", children: [jsx(ReceiptTextIcon, { className: "h-3.5 w-3.5" }), jsx("span", { children: data.terms })] }), jsxs(Link, { prefetch: false, href: getAsNeededLocalizedUrl(locale, "/legal/privacy", localePrefixAsNeeded, defaultLocale), className: "flex items-center space-x-1 hover:underline", children: [jsx(ShieldUserIcon, { className: "h-3.5 w-3.5" }), jsx("span", { children: data.privacy })] }), jsxs(FooterEmail, { email: data.email, clickToCopyText: data.clickToCopyText, copiedText: data.copiedText, children: [jsx(MailIcon, { className: "h-3.5 w-3.5" }), jsx("span", { children: data.contactUs })] })] }), jsx("div", { className: "text-xs sm:text-sm text-center", children: jsx("span", { children: data.copyright }) })] }) })] }));
     });
 }
 

package/dist/main/usage.js

@@ -4,7 +4,7 @@ var tslib = require('tslib');
 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 shared = require('@windrun-huaiin/base-ui/components/shared');
 var lib = require('@windrun-huaiin/base-ui/lib');
 var richTextExpert = require('./rich-text-expert.js');
 var sectionLayout = require('./section-layout.js');
@@ -27,7 +27,7 @@ function Usage(_a) {
             }))
         };
         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);
+                            const Icon = shared.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" }) }), 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

@@ -2,7 +2,7 @@ import { __awaiter } from 'tslib';
 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 { getGlobalIcon } from '@windrun-huaiin/base-ui/components/shared';
 import { themeIconColor } from '@windrun-huaiin/base-ui/lib';
 import { richText } from './rich-text-expert.mjs';
 import { responsiveSection } from './section-layout.mjs';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@windrun-huaiin/third-ui",
-  "version": "29.0.3",
+  "version": "29.1.0",
   "description": "Third-party integrated UI components for windrun-huaiin projects",
   "exports": {
     "./clerk": {
@@ -227,9 +227,9 @@
     "tslib": "^2.8.1",
     "unified": "^11.0.5",
     "zod": "^4.3.6",
-    "@windrun-huaiin/base-ui": "^29.0.1",
-    "@windrun-huaiin/lib": "^29.0.0",
-    "@windrun-huaiin/contracts": "^29.0.0"
+    "@windrun-huaiin/base-ui": "^29.0.2",
+    "@windrun-huaiin/contracts": "^29.0.0",
+    "@windrun-huaiin/lib": "^29.0.0"
   },
   "peerDependencies": {
     "clsx": "^2.1.1",

package/src/fuma/base/custom-header.tsx

@@ -43,6 +43,10 @@ export type NavbarCSSVars = CSSProperties & {
   '--fd-nav-max-width'?: string;
 };
 
+const PrefetchLinkItem = LinkItem as (
+  props: ComponentProps<typeof LinkItem> & { prefetch?: boolean },
+) => ReactNode;
+
 export interface CustomHomeHeaderProps extends HomeLayoutProps {
   /**
    * Banner height in rem units
@@ -527,8 +531,9 @@ function NavbarLinkItem({
   return (
     <NavigationMenuItem>
       <NavigationMenuLink asChild>
-        <LinkItem
+        <PrefetchLinkItem
           item={item}
+          prefetch={item.prefetch ?? false}
           aria-label={item.type === 'icon' ? item.label : undefined}
           {...props}
           className={cn(
@@ -537,7 +542,7 @@ function NavbarLinkItem({
           )}
         >
           {item.type === 'icon' ? item.icon : item.text}
-        </LinkItem>
+        </PrefetchLinkItem>
       </NavigationMenuLink>
     </NavigationMenuItem>
   );
@@ -585,8 +590,9 @@ function MenuLinkItem({
 
   return (
     <NavigationMenuLink asChild>
-      <LinkItem
+      <PrefetchLinkItem
         item={item}
+        prefetch={item.prefetch ?? false}
         className={cn(
           {
             main: 'inline-flex items-center gap-2 py-1.5 transition-colors hover:text-fd-popover-foreground/50 data-[active=true]:font-medium data-[active=true]:text-fd-primary [&_svg]:size-4',
@@ -605,7 +611,7 @@ function MenuLinkItem({
       >
         {item.icon}
         {item.type === 'icon' ? undefined : item.text}
-      </LinkItem>
+      </PrefetchLinkItem>
     </NavigationMenuLink>
   );
 }

package/src/main/alert-dialog/confirm-dialog.tsx

@@ -26,6 +26,7 @@ import {
 } from './dialog-styles';
 
 export type ConfirmDialogType = 'normal' | 'danger';
+export type ConfirmDialogEmphasis = 'confirm' | 'cancel';
 
 interface ConfirmDialogProps {
   open: boolean;
@@ -35,6 +36,7 @@ interface ConfirmDialogProps {
   description: React.ReactNode;
   cancelText?: string;
   confirmText?: string;
+  emphasis?: ConfirmDialogEmphasis;
   onCancel?: () => void;
   onConfirm?: () => void;
 }
@@ -70,23 +72,29 @@ export function ConfirmDialog({
   description,
   cancelText = 'Cancel',
   confirmText = 'Confirm',
+  emphasis = 'confirm',
   onCancel,
   onConfirm,
 }: ConfirmDialogProps) {
   const typeClass = confirmTypeClassMap[type];
   const Icon = typeClass.Icon;
+  const cancelButtonClass = emphasis === 'cancel' ? typeClass.action : secondaryButtonClass;
+  const confirmButtonClass = emphasis === 'cancel' ? secondaryButtonClass : typeClass.action;
 
   const handleCancel = () => {
     onOpenChange(false);
     onCancel?.();
   };
+  const handleClose = () => {
+    onOpenChange(false);
+  };
 
   return (
     <AlertDialog open={open} onOpenChange={onOpenChange}>
       <AlertDialogContent
         className={cn(dialogContentClass, typeClass.content)}
         overlayClassName={dialogThemedOverlayClass}
-        onOverlayClick={handleCancel}
+        onOverlayClick={handleClose}
       >
         <div className={dialogHeaderClass}>
           <AlertDialogTitle asChild>
@@ -100,7 +108,7 @@ export function ConfirmDialog({
           <button
             type="button"
             className={closeButtonClass}
-            onClick={handleCancel}
+            onClick={handleClose}
             aria-label="Close"
           >
             <XIcon className="size-4" />
@@ -112,11 +120,11 @@ export function ConfirmDialog({
         </AlertDialogDescription>
 
         <div className={dialogFooterClass}>
-          <AlertDialogCancel className={secondaryButtonClass} onClick={handleCancel}>
+          <AlertDialogCancel className={cancelButtonClass} onClick={handleCancel}>
             {cancelText}
           </AlertDialogCancel>
           <AlertDialogAction
-            className={typeClass.action}
+            className={confirmButtonClass}
             onClick={() => {
               onOpenChange(false);
               onConfirm?.();

package/src/main/alert-dialog/high-priority-confirm-dialog.tsx

@@ -18,6 +18,7 @@ import { themeBgColor, themeBorderColor, themeIconColor } from "@windrun-huaiin/
 
 interface HighPriorityConfirmDialogProps {
   open: boolean;
+  onOpenChange: (open: boolean) => void;
   onCancel: () => void;
   onConfirm: () => void;
   title: string;
@@ -28,6 +29,7 @@ interface HighPriorityConfirmDialogProps {
 
 export function HighPriorityConfirmDialog({
   open,
+  onOpenChange,
   onCancel,
   onConfirm,
   title,
@@ -44,6 +46,10 @@ export function HighPriorityConfirmDialog({
 
   if (!open || !mounted) return null;
 
+  const handleClose = () => {
+    onOpenChange(false);
+  };
+
   return createPortal(
     <div className="fixed inset-0 z-10000 flex items-center justify-center bg-black/60 backdrop-blur-sm animate-in fade-in duration-300">
       <div 
@@ -62,7 +68,7 @@ export function HighPriorityConfirmDialog({
           <button
             type="button"
             className={closeButtonClass}
-            onClick={onCancel}
+            onClick={handleClose}
             aria-label="Close"
           >
             <XIcon className="size-4" />

package/src/main/alert-dialog/undoable-confirm-dialog.tsx

@@ -21,6 +21,7 @@ import {
   dialogTitleClass,
   secondaryButtonClass,
 } from './dialog-styles';
+import type { ConfirmDialogEmphasis } from './confirm-dialog';
 
 export interface UndoableConfirmDialogProps {
   open: boolean;
@@ -32,6 +33,7 @@ export interface UndoableConfirmDialogProps {
   cancelText?: string;
   confirmText?: string;
   undoText?: string;
+  emphasis?: ConfirmDialogEmphasis;
   countdownSeconds?: number;
   onCancel?: () => void;
   onConfirm: () => void | Promise<void>;
@@ -48,6 +50,7 @@ export function UndoableConfirmDialog({
   cancelText = 'Cancel',
   confirmText = 'Delete',
   undoText = 'Undo',
+  emphasis = 'confirm',
   countdownSeconds = 5,
   onCancel,
   onConfirm,
@@ -59,6 +62,8 @@ export function UndoableConfirmDialog({
   const [confirming, setConfirming] = React.useState(false);
   const timeoutRef = React.useRef<number | null>(null);
   const intervalRef = React.useRef<number | null>(null);
+  const cancelButtonClass = emphasis === 'cancel' ? dangerButtonClass : secondaryButtonClass;
+  const confirmButtonClass = emphasis === 'cancel' ? secondaryButtonClass : dangerButtonClass;
 
   const clearTimers = React.useCallback(() => {
     if (timeoutRef.current) {
@@ -121,6 +126,10 @@ export function UndoableConfirmDialog({
     onOpenChange(false);
     onCancel?.();
   };
+  const handleClose = React.useCallback(() => {
+    resetState();
+    onOpenChange(false);
+  }, [onOpenChange, resetState]);
 
   const handleUndo = () => {
     resetState();
@@ -133,7 +142,7 @@ export function UndoableConfirmDialog({
   return (
     <AlertDialog open={open} onOpenChange={(nextOpen) => {
       if (!nextOpen) {
-        handleCancel();
+        handleClose();
         return;
       }
 
@@ -142,7 +151,7 @@ export function UndoableConfirmDialog({
       <AlertDialogContent
         className={cn(dialogContentClass, 'border-red-300 dark:border-red-700')}
         overlayClassName={dialogThemedOverlayClass}
-        onOverlayClick={pending ? undefined : handleCancel}
+        onOverlayClick={pending ? undefined : handleClose}
       >
         <div className={dialogHeaderClass}>
           <AlertDialogTitle asChild>
@@ -156,7 +165,7 @@ export function UndoableConfirmDialog({
           <button
             type="button"
             className={closeButtonClass}
-            onClick={pending ? handleUndo : handleCancel}
+            onClick={handleClose}
             aria-label="Close"
             disabled={confirming}
           >
@@ -195,14 +204,14 @@ export function UndoableConfirmDialog({
               <button
                 type="button"
                 onClick={handleCancel}
-                className={secondaryButtonClass}
+                className={cancelButtonClass}
               >
                 {cancelText}
               </button>
               <button
                 type="button"
                 onClick={startCountdown}
-                className={dangerButtonClass}
+                className={confirmButtonClass}
               >
                 {confirmText}
               </button>

package/src/main/features.tsx

@@ -1,5 +1,5 @@
 import { getTranslations } from 'next-intl/server';
-import { getGlobalIcon } from '@windrun-huaiin/base-ui/components/server';
+import { getGlobalIcon } from '@windrun-huaiin/base-ui/components/shared';
 import type { globalLucideIcons } from '@windrun-huaiin/base-ui/icons';
 import { themeIconColor } from '@windrun-huaiin/base-ui/lib';
 import { cn } from '@windrun-huaiin/lib/utils';

package/src/main/footer.tsx

@@ -45,11 +45,11 @@ export async function Footer({ locale, localePrefixAsNeeded = true, defaultLocal
       <footer>
         <div className="w-full flex flex-col items-center justify-center px-4 py-8 space-y-3">
           <div className="flex flex-wrap items-center justify-center gap-x-2 gap-y-2 text-xs sm:text-sm sm:gap-x-6">
-            <Link href={getAsNeededLocalizedUrl(locale, "/legal/terms", localePrefixAsNeeded, defaultLocale)} className="flex items-center space-x-1 hover:underline">
+            <Link prefetch={false} href={getAsNeededLocalizedUrl(locale, "/legal/terms", localePrefixAsNeeded, defaultLocale)} className="flex items-center space-x-1 hover:underline">
               <ReceiptTextIcon className="h-3.5 w-3.5"/>
               <span>{data.terms}</span>
             </Link>
-            <Link href={getAsNeededLocalizedUrl(locale, "/legal/privacy", localePrefixAsNeeded, defaultLocale)} className="flex items-center space-x-1 hover:underline">
+            <Link prefetch={false} href={getAsNeededLocalizedUrl(locale, "/legal/privacy", localePrefixAsNeeded, defaultLocale)} className="flex items-center space-x-1 hover:underline">
               <ShieldUserIcon className="h-3.5 w-3.5"/>
               <span>{data.privacy}</span>
             </Link>

package/src/main/usage.tsx

@@ -1,6 +1,6 @@
 import { getTranslations } from 'next-intl/server';
 import { cn } from '@windrun-huaiin/lib/utils';
-import { globalLucideIcons as icons, getGlobalIcon } from '@windrun-huaiin/base-ui/components/server';
+import { globalLucideIcons as icons, getGlobalIcon } from '@windrun-huaiin/base-ui/components/shared';
 import { themeIconColor } from '@windrun-huaiin/base-ui/lib';
 import { richText } from './rich-text-expert';
 import { responsiveSection } from './section-layout';