@windrun-huaiin/base-ui 15.1.1 → 20.0.0

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2025 D8ger
+Copyright (c) 2026 D8ger
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/README.md

@@ -75,12 +75,12 @@ This package includes 28 built-in icons as React components. All icons are acces
 
 ### 1. Direct Icon Usage
 ```tsx
-import { globalLucideIcons } from '@windrun-huaiin/base-ui';
+import { GitHubIcon,  BTCIcon, MmdIcon} from '@windrun-huaiin/base-ui';
 
 // Use any built-in icon
-<globalLucideIcons.GitHub className="h-6 w-6" />
-<globalLucideIcons.BTC className="h-4 w-4" />
-<globalLucideIcons.Mmd className="h-4 w-4" /> // Auto 16x16 size for Mermaid
+<GitHubIcon className="h-6 w-6" />
+<BTCIcon className="h-4 w-4" />
+<MmdIcon className="h-4 w-4" /> // Auto 16x16 size for Mermaid
 ```
 
 ### 2. Dynamic Icon Loading

package/dist/components/global-icon.d.ts

@@ -1,6 +1,6 @@
+import { type StyledLucideIconComponent } from '@base-ui/components/icon-factory';
 import { type LucideProps } from 'lucide-react';
 import React from 'react';
-type StyledLucideIconComponent = (props: LucideProps) => React.ReactElement;
 type IconComponent = StyledLucideIconComponent | React.ComponentType<LucideProps>;
 export declare const globalLucideIcons: {
     GitHub: StyledLucideIconComponent;
@@ -39,6 +39,7 @@ export declare const globalLucideIcons: {
     ArrowLeft: StyledLucideIconComponent;
     ArrowRight: StyledLucideIconComponent;
     ArrowUp: StyledLucideIconComponent;
+    Baby: StyledLucideIconComponent;
     Bell: StyledLucideIconComponent;
     Binary: StyledLucideIconComponent;
     Blocks: StyledLucideIconComponent;
@@ -57,7 +58,9 @@ export declare const globalLucideIcons: {
     BotMessageSquare: StyledLucideIconComponent;
     Brain: StyledLucideIconComponent;
     BrainCircuit: StyledLucideIconComponent;
+    Briefcase: StyledLucideIconComponent;
     BringToFront: StyledLucideIconComponent;
+    BrushCleaning: StyledLucideIconComponent;
     Building2: StyledLucideIconComponent;
     Bug: StyledLucideIconComponent;
     BugOff: StyledLucideIconComponent;
@@ -78,6 +81,7 @@ export declare const globalLucideIcons: {
     ChevronLeft: StyledLucideIconComponent;
     ChevronRight: StyledLucideIconComponent;
     ChevronUp: StyledLucideIconComponent;
+    Coffee: StyledLucideIconComponent;
     Coins: StyledLucideIconComponent;
     ComponentIcon: StyledLucideIconComponent;
     Copy: StyledLucideIconComponent;
@@ -87,6 +91,8 @@ export declare const globalLucideIcons: {
     DatabaseZap: StyledLucideIconComponent;
     Dot: StyledLucideIconComponent;
     Download: StyledLucideIconComponent;
+    Ellipsis: StyledLucideIconComponent;
+    EllipsisVertical: StyledLucideIconComponent;
     Eye: StyledLucideIconComponent;
     EyeOff: StyledLucideIconComponent;
     ExternalLink: StyledLucideIconComponent;
@@ -111,6 +117,7 @@ export declare const globalLucideIcons: {
     HandHeart: StyledLucideIconComponent;
     Handshake: StyledLucideIconComponent;
     Highlighter: StyledLucideIconComponent;
+    History: StyledLucideIconComponent;
     HousePlus: StyledLucideIconComponent;
     Infinity: StyledLucideIconComponent;
     Info: StyledLucideIconComponent;
@@ -132,6 +139,7 @@ export declare const globalLucideIcons: {
     Mail: StyledLucideIconComponent;
     MessageCircleMore: StyledLucideIconComponent;
     MessageCircleCode: StyledLucideIconComponent;
+    MessageSquareDiff: StyledLucideIconComponent;
     Music4: StyledLucideIconComponent;
     MoreHorizontal: StyledLucideIconComponent;
     MousePointerClick: StyledLucideIconComponent;
@@ -142,6 +150,9 @@ export declare const globalLucideIcons: {
     PawPrint: StyledLucideIconComponent;
     Pencil: StyledLucideIconComponent;
     Pi: StyledLucideIconComponent;
+    Pin: StyledLucideIconComponent;
+    PinOff: StyledLucideIconComponent;
+    Plus: StyledLucideIconComponent;
     QrCode: StyledLucideIconComponent;
     ReceiptText: StyledLucideIconComponent;
     RefreshCcw: StyledLucideIconComponent;
@@ -153,6 +164,7 @@ export declare const globalLucideIcons: {
     Scale: StyledLucideIconComponent;
     ScanSearch: StyledLucideIconComponent;
     Search: StyledLucideIconComponent;
+    Send: StyledLucideIconComponent;
     SendHorizontal: StyledLucideIconComponent;
     Settings: StyledLucideIconComponent;
     Settings2: StyledLucideIconComponent;
@@ -169,9 +181,11 @@ export declare const globalLucideIcons: {
     Star: StyledLucideIconComponent;
     Tablets: StyledLucideIconComponent;
     Terminal: StyledLucideIconComponent;
+    Trash2: StyledLucideIconComponent;
     Twitter: StyledLucideIconComponent;
     Usb: StyledLucideIconComponent;
     UserRoundCheck: StyledLucideIconComponent;
+    Wand2: StyledLucideIconComponent;
     Workflow: StyledLucideIconComponent;
     X: StyledLucideIconComponent;
     Zap: StyledLucideIconComponent;

package/dist/components/global-icon.js

@@ -2,9 +2,10 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var index = require('../assets/index.js');
+var iconFactory = require('./icon-factory.js');
+var limitedLucideIcons = require('./limited-lucide-icons.js');
 var themeUtil = require('../lib/theme-util.js');
 var utils = require('@windrun-huaiin/lib/utils');
-var limitedLucideIcons = require('./limited-lucide-icons.js');
 var React = require('react');
 
 // Style Lucide icons with global color
@@ -19,23 +20,7 @@ for (const iconNameKey in limitedLucideIcons) {
                 OriginalIconComponent !== null &&
                 OriginalIconComponent.$$typeof === Symbol.for('react.forward_ref'))) {
             const ComponentToRender = OriginalIconComponent;
-            const StyledIcon = (props) => {
-                const originalClassName = props.className || '';
-                // Check if user provided a text color class, if so, don't use global color
-                const hasTextColor = /\btext-\w+(-\d+)?\b/.test(originalClassName);
-                // Check if user provided size/dimension classes
-                const hasSizeClass = /\b(size-\d+|w-\d+|h-\d+)\b/.test(originalClassName);
-                const newClassName = hasTextColor
-                    ? originalClassName
-                    : `${themeUtil.themeIconColor} ${originalClassName}`.trim();
-                // If user provided size classes in className, don't use default size
-                // Otherwise, use inline styles to ensure size precedence over external CSS
-                const finalProps = hasSizeClass
-                    ? Object.assign(Object.assign({}, props), { className: newClassName, size: undefined }) : Object.assign(Object.assign({}, props), { className: newClassName, style: Object.assign({ width: props.size || themeUtil.themeSvgIconSize, height: props.size || themeUtil.themeSvgIconSize }, props.style) });
-                return jsxRuntime.jsx(ComponentToRender, Object.assign({}, finalProps));
-            };
-            StyledIcon.displayName = `Styled(${iconName})`;
-            tempStyledLimitedIcons[iconName] = StyledIcon;
+            tempStyledLimitedIcons[iconName] = iconFactory.createGlobalIcon(ComponentToRender, String(iconName));
         }
         else {
             console.warn(`[global-icon.tsx] Skipped styling for "${iconName}" as it is not a function, undefined, or not a recognized React component type. Value:`, OriginalIconComponent);
@@ -46,23 +31,7 @@ const styledLimitedIconsPart = tempStyledLimitedIcons;
 // Wrap built-in SVG components with the same className handling logic
 const tempWrappedBuiltinIcons = {};
 for (const [iconName, IconComponent] of Object.entries(index.BUILTIN_ICON_COMPONENTS)) {
-    const WrappedIcon = (props) => {
-        const originalClassName = props.className || '';
-        // Check if user provided a text color class, if so, don't use global color
-        const hasTextColor = /\btext-\w+(-\d+)?\b/.test(originalClassName);
-        // Check if user provided size/dimension classes
-        const hasSizeClass = /\b(size-\d+|w-\d+|h-\d+)\b/.test(originalClassName);
-        const newClassName = hasTextColor
-            ? originalClassName
-            : `${themeUtil.themeIconColor} ${originalClassName}`.trim();
-        // If user provided size classes in className, don't use default size
-        // Otherwise, use inline styles to ensure size precedence over external CSS
-        const finalProps = hasSizeClass
-            ? Object.assign(Object.assign({}, props), { className: newClassName, size: undefined }) : Object.assign(Object.assign({}, props), { className: newClassName, style: Object.assign({ width: props.size || themeUtil.themeSvgIconSize, height: props.size || themeUtil.themeSvgIconSize }, props.style) });
-        return jsxRuntime.jsx(IconComponent, Object.assign({}, finalProps));
-    };
-    WrappedIcon.displayName = `Wrapped(${iconName})`;
-    tempWrappedBuiltinIcons[iconName] = WrappedIcon;
+    tempWrappedBuiltinIcons[iconName] = iconFactory.createGlobalIcon(IconComponent, String(iconName));
 }
 const wrappedBuiltinIconsPart = tempWrappedBuiltinIcons;
 // All icons should be imported from here, and icons will occupy the project package size, so it is best to design and plan in advance

package/dist/components/global-icon.mjs

@@ -1,8 +1,9 @@
 import { jsx } from 'react/jsx-runtime';
 import { BUILTIN_ICON_COMPONENTS } from '../assets/index.mjs';
-import { themeBorderColor, themeRingColor, themeIconColor, themeSvgIconSize } from '../lib/theme-util.mjs';
-import { cn } from '@windrun-huaiin/lib/utils';
+import { createGlobalIcon } from './icon-factory.mjs';
 import * as limitedLucideIcons from './limited-lucide-icons.mjs';
+import { themeBorderColor, themeRingColor, themeIconColor } from '../lib/theme-util.mjs';
+import { cn } from '@windrun-huaiin/lib/utils';
 import React__default from 'react';
 
 // Style Lucide icons with global color
@@ -17,23 +18,7 @@ for (const iconNameKey in limitedLucideIcons) {
                 OriginalIconComponent !== null &&
                 OriginalIconComponent.$$typeof === Symbol.for('react.forward_ref'))) {
             const ComponentToRender = OriginalIconComponent;
-            const StyledIcon = (props) => {
-                const originalClassName = props.className || '';
-                // Check if user provided a text color class, if so, don't use global color
-                const hasTextColor = /\btext-\w+(-\d+)?\b/.test(originalClassName);
-                // Check if user provided size/dimension classes
-                const hasSizeClass = /\b(size-\d+|w-\d+|h-\d+)\b/.test(originalClassName);
-                const newClassName = hasTextColor
-                    ? originalClassName
-                    : `${themeIconColor} ${originalClassName}`.trim();
-                // If user provided size classes in className, don't use default size
-                // Otherwise, use inline styles to ensure size precedence over external CSS
-                const finalProps = hasSizeClass
-                    ? Object.assign(Object.assign({}, props), { className: newClassName, size: undefined }) : Object.assign(Object.assign({}, props), { className: newClassName, style: Object.assign({ width: props.size || themeSvgIconSize, height: props.size || themeSvgIconSize }, props.style) });
-                return jsx(ComponentToRender, Object.assign({}, finalProps));
-            };
-            StyledIcon.displayName = `Styled(${iconName})`;
-            tempStyledLimitedIcons[iconName] = StyledIcon;
+            tempStyledLimitedIcons[iconName] = createGlobalIcon(ComponentToRender, String(iconName));
         }
         else {
             console.warn(`[global-icon.tsx] Skipped styling for "${iconName}" as it is not a function, undefined, or not a recognized React component type. Value:`, OriginalIconComponent);
@@ -44,23 +29,7 @@ const styledLimitedIconsPart = tempStyledLimitedIcons;
 // Wrap built-in SVG components with the same className handling logic
 const tempWrappedBuiltinIcons = {};
 for (const [iconName, IconComponent] of Object.entries(BUILTIN_ICON_COMPONENTS)) {
-    const WrappedIcon = (props) => {
-        const originalClassName = props.className || '';
-        // Check if user provided a text color class, if so, don't use global color
-        const hasTextColor = /\btext-\w+(-\d+)?\b/.test(originalClassName);
-        // Check if user provided size/dimension classes
-        const hasSizeClass = /\b(size-\d+|w-\d+|h-\d+)\b/.test(originalClassName);
-        const newClassName = hasTextColor
-            ? originalClassName
-            : `${themeIconColor} ${originalClassName}`.trim();
-        // If user provided size classes in className, don't use default size
-        // Otherwise, use inline styles to ensure size precedence over external CSS
-        const finalProps = hasSizeClass
-            ? Object.assign(Object.assign({}, props), { className: newClassName, size: undefined }) : Object.assign(Object.assign({}, props), { className: newClassName, style: Object.assign({ width: props.size || themeSvgIconSize, height: props.size || themeSvgIconSize }, props.style) });
-        return jsx(IconComponent, Object.assign({}, finalProps));
-    };
-    WrappedIcon.displayName = `Wrapped(${iconName})`;
-    tempWrappedBuiltinIcons[iconName] = WrappedIcon;
+    tempWrappedBuiltinIcons[iconName] = createGlobalIcon(IconComponent, String(iconName));
 }
 const wrappedBuiltinIconsPart = tempWrappedBuiltinIcons;
 // All icons should be imported from here, and icons will occupy the project package size, so it is best to design and plan in advance

package/dist/components/icon-factory.d.ts

@@ -0,0 +1,15 @@
+import { type LucideProps } from 'lucide-react';
+import React from 'react';
+export type StyledLucideIconComponent = (props: LucideProps) => React.ReactElement;
+export declare function createGlobalIcon(IconComponent: React.ComponentType<LucideProps>, displayName?: string): StyledLucideIconComponent;
+export declare function createGlobalLucideIcon(IconComponent: React.ComponentType<LucideProps>, displayName?: string): StyledLucideIconComponent;
+type GlobalAccentIconProps = {
+    icon: React.ComponentType<LucideProps>;
+    className?: string;
+    iconClassName?: string;
+    foregroundClassName?: string;
+    sizeClassName?: string;
+    iconSize?: LucideProps['size'];
+};
+export declare function GlobalAccentIcon({ icon: Icon, className, iconClassName, foregroundClassName, sizeClassName, iconSize, }: GlobalAccentIconProps): React.ReactElement;
+export {};

package/dist/components/icon-factory.js

@@ -0,0 +1,39 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var themeUtil = require('../lib/theme-util.js');
+var utils = require('@windrun-huaiin/lib/utils');
+
+function hasTextColorClass(className) {
+    return /\btext-\w+(-\d+)?\b/.test(className);
+}
+function hasSizeClass(className) {
+    return /\b(size-\d+|w-\d+|h-\d+)\b/.test(className);
+}
+function buildStyledProps(props) {
+    const originalClassName = props.className || '';
+    const nextClassName = hasTextColorClass(originalClassName)
+        ? originalClassName
+        : `${themeUtil.themeIconColor} ${originalClassName}`.trim();
+    if (hasSizeClass(originalClassName)) {
+        return Object.assign(Object.assign({}, props), { className: nextClassName, size: undefined });
+    }
+    return Object.assign(Object.assign({}, props), { className: nextClassName, style: Object.assign({ width: props.size || themeUtil.themeSvgIconSize, height: props.size || themeUtil.themeSvgIconSize }, props.style) });
+}
+function createGlobalIcon(IconComponent, displayName) {
+    const StyledIcon = (props) => {
+        return jsxRuntime.jsx(IconComponent, Object.assign({}, buildStyledProps(props)));
+    };
+    StyledIcon.displayName = displayName ? `Styled(${displayName})` : `Styled(${IconComponent.displayName || IconComponent.name || 'Icon'})`;
+    return StyledIcon;
+}
+function createGlobalLucideIcon(IconComponent, displayName) {
+    return createGlobalIcon(IconComponent, displayName);
+}
+function GlobalAccentIcon({ icon: Icon, className, iconClassName, foregroundClassName = 'text-neutral-100 dark:text-neutral-900', sizeClassName = 'size-9', iconSize, }) {
+    return (jsxRuntime.jsx("span", { className: utils.cn('inline-flex items-center justify-center rounded-full bg-current shadow-sm transition', themeUtil.themeIconColor, sizeClassName, className), children: jsxRuntime.jsx(Icon, { size: iconSize, className: utils.cn('size-4', foregroundClassName, iconClassName) }) }));
+}
+
+exports.GlobalAccentIcon = GlobalAccentIcon;
+exports.createGlobalIcon = createGlobalIcon;
+exports.createGlobalLucideIcon = createGlobalLucideIcon;

package/dist/components/icon-factory.mjs

@@ -0,0 +1,35 @@
+import { jsx } from 'react/jsx-runtime';
+import { themeIconColor, themeSvgIconSize } from '../lib/theme-util.mjs';
+import { cn } from '@windrun-huaiin/lib/utils';
+
+function hasTextColorClass(className) {
+    return /\btext-\w+(-\d+)?\b/.test(className);
+}
+function hasSizeClass(className) {
+    return /\b(size-\d+|w-\d+|h-\d+)\b/.test(className);
+}
+function buildStyledProps(props) {
+    const originalClassName = props.className || '';
+    const nextClassName = hasTextColorClass(originalClassName)
+        ? originalClassName
+        : `${themeIconColor} ${originalClassName}`.trim();
+    if (hasSizeClass(originalClassName)) {
+        return Object.assign(Object.assign({}, props), { className: nextClassName, size: undefined });
+    }
+    return Object.assign(Object.assign({}, props), { className: nextClassName, style: Object.assign({ width: props.size || themeSvgIconSize, height: props.size || themeSvgIconSize }, props.style) });
+}
+function createGlobalIcon(IconComponent, displayName) {
+    const StyledIcon = (props) => {
+        return jsx(IconComponent, Object.assign({}, buildStyledProps(props)));
+    };
+    StyledIcon.displayName = displayName ? `Styled(${displayName})` : `Styled(${IconComponent.displayName || IconComponent.name || 'Icon'})`;
+    return StyledIcon;
+}
+function createGlobalLucideIcon(IconComponent, displayName) {
+    return createGlobalIcon(IconComponent, displayName);
+}
+function GlobalAccentIcon({ icon: Icon, className, iconClassName, foregroundClassName = 'text-neutral-100 dark:text-neutral-900', sizeClassName = 'size-9', iconSize, }) {
+    return (jsx("span", { className: cn('inline-flex items-center justify-center rounded-full bg-current shadow-sm transition', themeIconColor, sizeClassName, className), children: jsx(Icon, { size: iconSize, className: cn('size-4', foregroundClassName, iconClassName) }) }));
+}
+
+export { GlobalAccentIcon, createGlobalIcon, createGlobalLucideIcon };

package/dist/components/language-switcher.d.ts

@@ -1,7 +1,7 @@
 /**
  * @license
  * MIT License
- * Copyright (c) 2025 D8ger
+ * Copyright (c) 2026 D8ger
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/dist/components/language-switcher.js

@@ -2,16 +2,16 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
+var index = require('../icons/index.js');
 var navigation = require('next/navigation');
 var nextIntl = require('next-intl');
-var globalIcon = require('./global-icon.js');
 var dropdownMenu = require('../ui/dropdown-menu.js');
 var languageButton = require('../ui/language-button.js');
 
 /**
  * @license
  * MIT License
- * Copyright (c) 2025 D8ger
+ * Copyright (c) 2026 D8ger
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
@@ -24,7 +24,7 @@ function LanguageSwitcher({ locales, localeLabels }) {
         const newPathname = pathname.replace(`/${locale}`, `/${newLocale}`);
         router.push(newPathname);
     };
-    return (jsxRuntime.jsxs(dropdownMenu.DropdownMenu, { children: [jsxRuntime.jsx(dropdownMenu.DropdownMenuTrigger, { asChild: true, children: jsxRuntime.jsx(languageButton.LanguageButton, { variant: "ghost", size: "icon", className: "bg-linear-to-r from-purple-400 to-pink-600 hover:from-purple-500 hover:to-pink-700 text-white transform hover:scale-110 transition-all duration-300", children: jsxRuntime.jsx(globalIcon.globalLucideIcons.Globe, { className: "h-5 w-5" }) }) }), jsxRuntime.jsx(dropdownMenu.DropdownMenuContent, { align: "end", sideOffset: 5, className: "bg-white/90 dark:bg-gray-800/90 border-purple-100 dark:border-purple-800 w-[200px] p-2 backdrop-blur-xs translate-x-[50px]", children: jsxRuntime.jsx("div", { className: "grid grid-cols-2 gap-1", children: locales.map((loc) => (jsxRuntime.jsx(dropdownMenu.DropdownMenuItem, { className: `
+    return (jsxRuntime.jsxs(dropdownMenu.DropdownMenu, { children: [jsxRuntime.jsx(dropdownMenu.DropdownMenuTrigger, { asChild: true, children: jsxRuntime.jsx(languageButton.LanguageButton, { variant: "ghost", size: "icon", className: "bg-linear-to-r from-purple-400 to-pink-600 hover:from-purple-500 hover:to-pink-700 text-white transform hover:scale-110 transition-all duration-300", children: jsxRuntime.jsx(index.GlobeIcon, { className: "h-5 w-5" }) }) }), jsxRuntime.jsx(dropdownMenu.DropdownMenuContent, { align: "end", sideOffset: 5, className: "bg-white/90 dark:bg-gray-800/90 border-purple-100 dark:border-purple-800 w-[200px] p-2 backdrop-blur-xs translate-x-[50px]", children: jsxRuntime.jsx("div", { className: "grid grid-cols-2 gap-1", children: locales.map((loc) => (jsxRuntime.jsx(dropdownMenu.DropdownMenuItem, { className: `
                           px-2 py-2 text-sm cursor-pointer text-center justify-center
                           transition-all duration-300 ease-in-out
                           hover:scale-105 hover:shadow-md

package/dist/components/language-switcher.mjs

@@ -1,15 +1,15 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { GlobeIcon } from '../icons/index.mjs';
 import { useRouter, usePathname } from 'next/navigation';
 import { useLocale } from 'next-intl';
-import { globalLucideIcons } from './global-icon.mjs';
 import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem } from '../ui/dropdown-menu.mjs';
 import { LanguageButton } from '../ui/language-button.mjs';
 
 /**
  * @license
  * MIT License
- * Copyright (c) 2025 D8ger
+ * Copyright (c) 2026 D8ger
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
@@ -22,7 +22,7 @@ function LanguageSwitcher({ locales, localeLabels }) {
         const newPathname = pathname.replace(`/${locale}`, `/${newLocale}`);
         router.push(newPathname);
     };
-    return (jsxs(DropdownMenu, { children: [jsx(DropdownMenuTrigger, { asChild: true, children: jsx(LanguageButton, { variant: "ghost", size: "icon", className: "bg-linear-to-r from-purple-400 to-pink-600 hover:from-purple-500 hover:to-pink-700 text-white transform hover:scale-110 transition-all duration-300", children: jsx(globalLucideIcons.Globe, { className: "h-5 w-5" }) }) }), jsx(DropdownMenuContent, { align: "end", sideOffset: 5, className: "bg-white/90 dark:bg-gray-800/90 border-purple-100 dark:border-purple-800 w-[200px] p-2 backdrop-blur-xs translate-x-[50px]", children: jsx("div", { className: "grid grid-cols-2 gap-1", children: locales.map((loc) => (jsx(DropdownMenuItem, { className: `
+    return (jsxs(DropdownMenu, { children: [jsx(DropdownMenuTrigger, { asChild: true, children: jsx(LanguageButton, { variant: "ghost", size: "icon", className: "bg-linear-to-r from-purple-400 to-pink-600 hover:from-purple-500 hover:to-pink-700 text-white transform hover:scale-110 transition-all duration-300", children: jsx(GlobeIcon, { className: "h-5 w-5" }) }) }), jsx(DropdownMenuContent, { align: "end", sideOffset: 5, className: "bg-white/90 dark:bg-gray-800/90 border-purple-100 dark:border-purple-800 w-[200px] p-2 backdrop-blur-xs translate-x-[50px]", children: jsx("div", { className: "grid grid-cols-2 gap-1", children: locales.map((loc) => (jsx(DropdownMenuItem, { className: `
                           px-2 py-2 text-sm cursor-pointer text-center justify-center
                           transition-all duration-300 ease-in-out
                           hover:scale-105 hover:shadow-md

package/dist/components/limited-lucide-icons.d.ts

@@ -1 +1 @@
-export { AlbumIcon, AlignHorizontalJustifyEnd, ArrowLeft, ArrowRight, ArrowUp, Bell, Binary, Blocks, BookX, BookOpen, BookAudio, BookA, BookCheck, BookDown, BookHeadphones, Bookmark, BookmarkCheck, BookmarkMinus, BookmarkPlus, BookmarkX, BotMessageSquare, Brain, BrainCircuit, BringToFront, Building2, Bug, BugOff, BadgeQuestionMark, Car, ChartColumnStacked, Circle, CircleAlert, CircleQuestionMark, CircleSmall, CircleStop, Check, CircleArrowDown, CircleArrowUp, CheckCheck, CheckLine, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, Coins, ComponentIcon, Copy, CopyCheck, Cpu, Database, DatabaseZap, Dot, Download, Eye, EyeOff, ExternalLink, Facebook, Shield, File, FileDown, FileInput, FileLock2, FileUp, Fingerprint, Folder, FolderOpen, Gem, Gift, GitMerge, GitPullRequestArrow, Globe, GlobeLock, Grip, GripVertical, HandHeart, Handshake, Highlighter, HousePlus, Infinity, Info, ImageDown, ImageOff, ImageUp, Keyboard, LandPlot, Languages, Layout, LayoutTemplate, LibraryIcon, Lightbulb, Link, ListTodo, Loader2, LogIn, LogOut, Mail, MessageCircleMore, MessageCircleCode, Music4, MoreHorizontal, MousePointerClick, NotepadText, Palette, PanelLeft, PanelsTopLeft, PawPrint, Pencil, Pi, QrCode, ReceiptText, RefreshCcw, Regex, Replace, Rocket, RotateCcw, Rss, Scale, ScanSearch, Search, SendHorizontal, Settings, Settings2, Share, Sigma, ShieldUser, ShoppingCart, Sprout, SquareDashedBottomCode, SquareTerminal, Server, SplinePointer, Sparkles, Star, Tablets, Terminal, Twitter, Usb, UserRoundCheck, Workflow, X, Zap, } from "lucide-react";
+export { AlbumIcon, AlignHorizontalJustifyEnd, ArrowLeft, ArrowRight, ArrowUp, Baby, Bell, Binary, Blocks, BookX, BookOpen, BookAudio, BookA, BookCheck, BookDown, BookHeadphones, Bookmark, BookmarkCheck, BookmarkMinus, BookmarkPlus, BookmarkX, BotMessageSquare, Brain, BrainCircuit, Briefcase, BringToFront, BrushCleaning, Building2, Bug, BugOff, BadgeQuestionMark, Car, ChartColumnStacked, Circle, CircleAlert, CircleQuestionMark, CircleSmall, CircleStop, Check, CircleArrowDown, CircleArrowUp, CheckCheck, CheckLine, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, Coffee, Coins, ComponentIcon, Copy, CopyCheck, Cpu, Database, DatabaseZap, Dot, Download, Ellipsis, EllipsisVertical, Eye, EyeOff, ExternalLink, Facebook, Shield, File, FileDown, FileInput, FileLock2, FileUp, Fingerprint, Folder, FolderOpen, Gem, Gift, GitMerge, GitPullRequestArrow, Globe, GlobeLock, Grip, GripVertical, HandHeart, Handshake, Highlighter, History, HousePlus, Infinity, Info, ImageDown, ImageOff, ImageUp, Keyboard, LandPlot, Languages, Layout, LayoutTemplate, LibraryIcon, Lightbulb, Link, ListTodo, Loader2, LogIn, LogOut, Mail, MessageCircleMore, MessageCircleCode, MessageSquareDiff, Music4, MoreHorizontal, MousePointerClick, NotepadText, Palette, PanelLeft, PanelsTopLeft, PawPrint, Pencil, Pi, Pin, PinOff, Plus, QrCode, ReceiptText, RefreshCcw, Regex, Replace, Rocket, RotateCcw, Rss, Scale, ScanSearch, Search, Send, SendHorizontal, Settings, Settings2, Share, Sigma, ShieldUser, ShoppingCart, Sprout, SquareDashedBottomCode, SquareTerminal, Server, SplinePointer, Sparkles, Star, Tablets, Terminal, Trash2, Twitter, Usb, UserRoundCheck, Wand2, Workflow, X, Zap, } from "lucide-react";

package/dist/components/limited-lucide-icons.js

@@ -29,6 +29,10 @@ Object.defineProperty(exports, "ArrowUp", {
 	enumerable: true,
 	get: function () { return lucideReact.ArrowUp; }
 });
+Object.defineProperty(exports, "Baby", {
+	enumerable: true,
+	get: function () { return lucideReact.Baby; }
+});
 Object.defineProperty(exports, "BadgeQuestionMark", {
 	enumerable: true,
 	get: function () { return lucideReact.BadgeQuestionMark; }
@@ -105,10 +109,18 @@ Object.defineProperty(exports, "BrainCircuit", {
 	enumerable: true,
 	get: function () { return lucideReact.BrainCircuit; }
 });
+Object.defineProperty(exports, "Briefcase", {
+	enumerable: true,
+	get: function () { return lucideReact.Briefcase; }
+});
 Object.defineProperty(exports, "BringToFront", {
 	enumerable: true,
 	get: function () { return lucideReact.BringToFront; }
 });
+Object.defineProperty(exports, "BrushCleaning", {
+	enumerable: true,
+	get: function () { return lucideReact.BrushCleaning; }
+});
 Object.defineProperty(exports, "Bug", {
 	enumerable: true,
 	get: function () { return lucideReact.Bug; }
@@ -185,6 +197,10 @@ Object.defineProperty(exports, "CircleStop", {
 	enumerable: true,
 	get: function () { return lucideReact.CircleStop; }
 });
+Object.defineProperty(exports, "Coffee", {
+	enumerable: true,
+	get: function () { return lucideReact.Coffee; }
+});
 Object.defineProperty(exports, "Coins", {
 	enumerable: true,
 	get: function () { return lucideReact.Coins; }
@@ -221,6 +237,14 @@ Object.defineProperty(exports, "Download", {
 	enumerable: true,
 	get: function () { return lucideReact.Download; }
 });
+Object.defineProperty(exports, "Ellipsis", {
+	enumerable: true,
+	get: function () { return lucideReact.Ellipsis; }
+});
+Object.defineProperty(exports, "EllipsisVertical", {
+	enumerable: true,
+	get: function () { return lucideReact.EllipsisVertical; }
+});
 Object.defineProperty(exports, "ExternalLink", {
 	enumerable: true,
 	get: function () { return lucideReact.ExternalLink; }
@@ -313,6 +337,10 @@ Object.defineProperty(exports, "Highlighter", {
 	enumerable: true,
 	get: function () { return lucideReact.Highlighter; }
 });
+Object.defineProperty(exports, "History", {
+	enumerable: true,
+	get: function () { return lucideReact.History; }
+});
 Object.defineProperty(exports, "HousePlus", {
 	enumerable: true,
 	get: function () { return lucideReact.HousePlus; }
@@ -397,6 +425,10 @@ Object.defineProperty(exports, "MessageCircleMore", {
 	enumerable: true,
 	get: function () { return lucideReact.MessageCircleMore; }
 });
+Object.defineProperty(exports, "MessageSquareDiff", {
+	enumerable: true,
+	get: function () { return lucideReact.MessageSquareDiff; }
+});
 Object.defineProperty(exports, "MoreHorizontal", {
 	enumerable: true,
 	get: function () { return lucideReact.MoreHorizontal; }
@@ -437,6 +469,18 @@ Object.defineProperty(exports, "Pi", {
 	enumerable: true,
 	get: function () { return lucideReact.Pi; }
 });
+Object.defineProperty(exports, "Pin", {
+	enumerable: true,
+	get: function () { return lucideReact.Pin; }
+});
+Object.defineProperty(exports, "PinOff", {
+	enumerable: true,
+	get: function () { return lucideReact.PinOff; }
+});
+Object.defineProperty(exports, "Plus", {
+	enumerable: true,
+	get: function () { return lucideReact.Plus; }
+});
 Object.defineProperty(exports, "QrCode", {
 	enumerable: true,
 	get: function () { return lucideReact.QrCode; }
@@ -481,6 +525,10 @@ Object.defineProperty(exports, "Search", {
 	enumerable: true,
 	get: function () { return lucideReact.Search; }
 });
+Object.defineProperty(exports, "Send", {
+	enumerable: true,
+	get: function () { return lucideReact.Send; }
+});
 Object.defineProperty(exports, "SendHorizontal", {
 	enumerable: true,
 	get: function () { return lucideReact.SendHorizontal; }
@@ -549,6 +597,10 @@ Object.defineProperty(exports, "Terminal", {
 	enumerable: true,
 	get: function () { return lucideReact.Terminal; }
 });
+Object.defineProperty(exports, "Trash2", {
+	enumerable: true,
+	get: function () { return lucideReact.Trash2; }
+});
 Object.defineProperty(exports, "Twitter", {
 	enumerable: true,
 	get: function () { return lucideReact.Twitter; }
@@ -561,6 +613,10 @@ Object.defineProperty(exports, "UserRoundCheck", {
 	enumerable: true,
 	get: function () { return lucideReact.UserRoundCheck; }
 });
+Object.defineProperty(exports, "Wand2", {
+	enumerable: true,
+	get: function () { return lucideReact.Wand2; }
+});
 Object.defineProperty(exports, "Workflow", {
 	enumerable: true,
 	get: function () { return lucideReact.Workflow; }

package/dist/components/limited-lucide-icons.mjs

@@ -1,4 +1,4 @@
-export { AlbumIcon, AlignHorizontalJustifyEnd, ArrowLeft, ArrowRight, ArrowUp, BadgeQuestionMark, Bell, Binary, Blocks, BookA, BookAudio, BookCheck, BookDown, BookHeadphones, BookOpen, BookX, Bookmark, BookmarkCheck, BookmarkMinus, BookmarkPlus, BookmarkX, BotMessageSquare, Brain, BrainCircuit, BringToFront, Bug, BugOff, Building2, Car, ChartColumnStacked, Check, CheckCheck, CheckLine, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, Circle, CircleAlert, CircleArrowDown, CircleArrowUp, CircleQuestionMark, CircleSmall, CircleStop, Coins, ComponentIcon, Copy, CopyCheck, Cpu, Database, DatabaseZap, Dot, Download, ExternalLink, Eye, EyeOff, Facebook, File, FileDown, FileInput, FileLock2, FileUp, Fingerprint, Folder, FolderOpen, Gem, Gift, GitMerge, GitPullRequestArrow, Globe, GlobeLock, Grip, GripVertical, HandHeart, Handshake, Highlighter, HousePlus, ImageDown, ImageOff, ImageUp, Infinity, Info, Keyboard, LandPlot, Languages, Layout, LayoutTemplate, LibraryIcon, Lightbulb, Link, ListTodo, Loader2, LogIn, LogOut, Mail, MessageCircleCode, MessageCircleMore, MoreHorizontal, MousePointerClick, Music4, NotepadText, Palette, PanelLeft, PanelsTopLeft, PawPrint, Pencil, Pi, QrCode, ReceiptText, RefreshCcw, Regex, Replace, Rocket, RotateCcw, Rss, Scale, ScanSearch, Search, SendHorizontal, Server, Settings, Settings2, Share, Shield, ShieldUser, ShoppingCart, Sigma, Sparkles, SplinePointer, Sprout, SquareDashedBottomCode, SquareTerminal, Star, Tablets, Terminal, Twitter, Usb, UserRoundCheck, Workflow, X, Zap } from 'lucide-react';
+export { AlbumIcon, AlignHorizontalJustifyEnd, ArrowLeft, ArrowRight, ArrowUp, Baby, BadgeQuestionMark, Bell, Binary, Blocks, BookA, BookAudio, BookCheck, BookDown, BookHeadphones, BookOpen, BookX, Bookmark, BookmarkCheck, BookmarkMinus, BookmarkPlus, BookmarkX, BotMessageSquare, Brain, BrainCircuit, Briefcase, BringToFront, BrushCleaning, Bug, BugOff, Building2, Car, ChartColumnStacked, Check, CheckCheck, CheckLine, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, Circle, CircleAlert, CircleArrowDown, CircleArrowUp, CircleQuestionMark, CircleSmall, CircleStop, Coffee, Coins, ComponentIcon, Copy, CopyCheck, Cpu, Database, DatabaseZap, Dot, Download, Ellipsis, EllipsisVertical, ExternalLink, Eye, EyeOff, Facebook, File, FileDown, FileInput, FileLock2, FileUp, Fingerprint, Folder, FolderOpen, Gem, Gift, GitMerge, GitPullRequestArrow, Globe, GlobeLock, Grip, GripVertical, HandHeart, Handshake, Highlighter, History, HousePlus, ImageDown, ImageOff, ImageUp, Infinity, Info, Keyboard, LandPlot, Languages, Layout, LayoutTemplate, LibraryIcon, Lightbulb, Link, ListTodo, Loader2, LogIn, LogOut, Mail, MessageCircleCode, MessageCircleMore, MessageSquareDiff, MoreHorizontal, MousePointerClick, Music4, NotepadText, Palette, PanelLeft, PanelsTopLeft, PawPrint, Pencil, Pi, Pin, PinOff, Plus, QrCode, ReceiptText, RefreshCcw, Regex, Replace, Rocket, RotateCcw, Rss, Scale, ScanSearch, Search, Send, SendHorizontal, Server, Settings, Settings2, Share, Shield, ShieldUser, ShoppingCart, Sigma, Sparkles, SplinePointer, Sprout, SquareDashedBottomCode, SquareTerminal, Star, Tablets, Terminal, Trash2, Twitter, Usb, UserRoundCheck, Wand2, Workflow, X, Zap } from 'lucide-react';
 
 /*
  * This file re-exports selected icons from 'lucide-react'.

package/dist/components/server.d.ts

@@ -1,4 +1,5 @@
 export * from './global-icon';
+export * from '../icons';
 export { createSiteIcon } from './site-icon';
 export * from './script/google-analytics-script';
 export * from './script/microsoft-clarity-script';