@nice2dev/game-engine 1.1.7 → 1.1.10

package/dist/esm/tutorials/content/Tutorials_T09_T11.js

@@ -33,9 +33,9 @@ const TUTORIAL_MULTIPLAYER_ONLINE = {
             id: 'mp-online-intro',
             type: 'text',
             title: {
-                en: 'Online Multiplayer Architecture 🌐',
-                pl: 'Architektura multiplayera online 🌐',
-                de: 'Online-Mehrspieler-Architektur 🌐',
+                en: 'Online Multiplayer Architecture',
+                pl: 'Architektura multiplayera online',
+                de: 'Online-Mehrspieler-Architektur',
             },
             content: {
                 en: 'In this tutorial you will learn:\n• WebRTC peer-to-peer connections\n• Signaling via WebSocket\n• Creating and joining lobby rooms\n• State synchronization (snapshots)\n• Client-side prediction and reconciliation\n\nYour game will run in real-time across the internet!',
@@ -200,9 +200,9 @@ const TUTORIAL_MULTIPLAYER_ONLINE = {
             id: 'mp-online-quiz',
             type: 'quiz',
             title: {
-                en: 'Multiplayer Quiz 🧠',
-                pl: 'Quiz Multiplayer 🧠',
-                de: 'Multiplayer-Quiz 🧠',
+                en: 'Multiplayer Quiz',
+                pl: 'Quiz Multiplayer',
+                de: 'Multiplayer-Quiz',
             },
             content: {
                 en: 'Why is client-side prediction important in online games?',
@@ -275,9 +275,9 @@ const TUTORIAL_MULTIPLAYER_ONLINE = {
             id: 'mp-online-complete',
             type: 'checkpoint',
             title: {
-                en: 'Multiplayer Online Complete! 🎉',
-                pl: 'Multiplayer online gotowy! 🎉',
-                de: 'Online-Mehrspieler fertig! 🎉',
+                en: 'Multiplayer Online Complete!',
+                pl: 'Multiplayer online gotowy!',
+                de: 'Online-Mehrspieler fertig!',
             },
             content: {
                 en: "You've learned how to build networked multiplayer games! You can now:\n• Connect peers via WebRTC\n• Create and manage lobby rooms\n• Synchronize game state with snapshots\n• Implement client-side prediction\n• Spawn/destroy entities across the network",
@@ -315,9 +315,9 @@ const TUTORIAL_PROCEDURAL_WORLD = {
             id: 'proc-intro',
             type: 'text',
             title: {
-                en: 'Procedural Generation 🌍',
-                pl: 'Generowanie proceduralne 🌍',
-                de: 'Prozedurale Generierung 🌍',
+                en: 'Procedural Generation',
+                pl: 'Generowanie proceduralne',
+                de: 'Prozedurale Generierung',
             },
             content: {
                 en: 'Procedural generation creates content using algorithms instead of manual design.\n\nYou will learn:\n• Seeded random numbers (reproducible worlds)\n• Perlin noise (natural-looking terrain)\n• Enemy wave scaling\n• Loot tables with weighted drops\n• Procedural pixel art sprites',
@@ -457,9 +457,9 @@ const TUTORIAL_PROCEDURAL_WORLD = {
             id: 'proc-quiz',
             type: 'quiz',
             title: {
-                en: 'Procedural Generation Quiz 🎲',
-                pl: 'Quiz z generowania proceduralnego 🎲',
-                de: 'Prozedurale Generierung Quiz 🎲',
+                en: 'Procedural Generation Quiz',
+                pl: 'Quiz z generowania proceduralnego',
+                de: 'Prozedurale Generierung Quiz',
             },
             content: {
                 en: 'What makes Perlin noise better than purely random values for terrain?',
@@ -503,9 +503,9 @@ const TUTORIAL_PROCEDURAL_WORLD = {
             id: 'proc-complete',
             type: 'checkpoint',
             title: {
-                en: 'Procedural Generation Complete! 🌟',
-                pl: 'Generowanie proceduralne opanowane! 🌟',
-                de: 'Prozedurale Generierung fertig! 🌟',
+                en: 'Procedural Generation Complete!',
+                pl: 'Generowanie proceduralne opanowane!',
+                de: 'Prozedurale Generierung fertig!',
             },
             content: {
                 en: 'You can now generate infinite, unique games! Skills learned:\n• Seeded random for reproducible worlds\n• Perlin noise for natural terrain\n• Wave scaling for enemy difficulty\n• Loot tables for balanced drops\n• Procedural pixel art sprites',
@@ -543,9 +543,9 @@ const TUTORIAL_PLATFORMER = {
             id: 'plat-intro',
             type: 'text',
             title: {
-                en: 'Build a Platformer! 🏃',
-                pl: 'Zbuduj platformera! 🏃',
-                de: 'Baue einen Platformer! 🏃',
+                en: 'Build a Platformer!',
+                pl: 'Zbuduj platformera!',
+                de: 'Baue einen Platformer!',
             },
             content: {
                 en: "In this tutorial you'll build a complete platformer game!\n\n• Player movement & acceleration\n• Jumping with coyote time\n• Double-jump & wall-slide\n• Dash mechanic\n• Enemy AI (patrol + chase)\n• Coins & collectibles\n• Level with tilemap\n\nLet's make Mario-like magic!",
@@ -761,9 +761,9 @@ const TUTORIAL_PLATFORMER = {
             id: 'plat-complete',
             type: 'checkpoint',
             title: {
-                en: 'Platformer Complete! 🎮',
-                pl: 'Platformer gotowy! 🎮',
-                de: 'Platformer fertig! 🎮',
+                en: 'Platformer Complete!',
+                pl: 'Platformer gotowy!',
+                de: 'Platformer fertig!',
             },
             content: {
                 en: "Congratulations! You've built a complete platformer with:\n• Smooth acceleration-based movement\n• Jumping with coyote time\n• Double jump & wall slide\n• Dash mechanic\n• Enemy AI (patrol & chase)\n• Coins with trigger colliders\n• Tilemap level design\n\nChallenge: Add moving platforms and a boss fight!",

package/dist/esm/tutorials/content/Tutorials_T12_T15.js

@@ -34,9 +34,9 @@ const TUTORIAL_RPG = {
             id: 'rpg-intro',
             type: 'text',
             title: {
-                en: 'Build Your Own RPG! ⚔️',
-                pl: 'Zbuduj swoje RPG! ⚔️',
-                de: 'Baue dein eigenes RPG! ⚔️',
+                en: 'Build Your Own RPG!',
+                pl: 'Zbuduj swoje RPG!',
+                de: 'Baue dein eigenes RPG!',
             },
             content: {
                 en: "In this tutorial you'll build a classic top-down RPG!\n\n• Character stats (HP, MP, ATK, DEF, SPD)\n• XP and leveling system\n• Inventory and items\n• NPCs with dialogue\n• Turn-based battle system\n• Tilemap world with warps\n\nReady for an adventure?",
@@ -172,9 +172,9 @@ const TUTORIAL_RPG = {
             id: 'rpg-quiz',
             type: 'quiz',
             title: {
-                en: 'RPG Quiz 🧙',
-                pl: 'Quiz RPG 🧙',
-                de: 'RPG-Quiz 🧙',
+                en: 'RPG Quiz',
+                pl: 'Quiz RPG',
+                de: 'RPG-Quiz',
             },
             content: {
                 en: 'In a turn-based RPG, what stat typically determines the order of actions?',
@@ -194,9 +194,9 @@ const TUTORIAL_RPG = {
             id: 'rpg-complete',
             type: 'checkpoint',
             title: {
-                en: 'RPG Complete! 🏰',
-                pl: 'RPG gotowe! 🏰',
-                de: 'RPG fertig! 🏰',
+                en: 'RPG Complete!',
+                pl: 'RPG gotowe!',
+                de: 'RPG fertig!',
             },
             content: {
                 en: "Amazing! You've built a full RPG with:\n• Character stats & leveling\n• Inventory with rarity system\n• NPCs with branching dialogue\n• Turn-based combat\n• Multi-area world map with warps\n\nChallenge: Add a party system with 4 heroes!",
@@ -234,9 +234,9 @@ const TUTORIAL_TOWER_DEFENSE = {
             id: 'td-intro',
             type: 'text',
             title: {
-                en: 'Build Tower Defense! 🗼',
-                pl: 'Zbuduj Tower Defense! 🗼',
-                de: 'Baue Tower Defense! 🗼',
+                en: 'Build Tower Defense!',
+                pl: 'Zbuduj Tower Defense!',
+                de: 'Baue Tower Defense!',
             },
             content: {
                 en: "In this tutorial you'll build a tower defense game!\n\n• Map with path for enemies\n• Tower types (arrow, cannon, ice, laser)\n• Enemy waves with scaling difficulty\n• Tower targeting modes\n• Upgrade system\n• Gold & economy\n\nDefend your base!",
@@ -376,9 +376,9 @@ const TUTORIAL_TOWER_DEFENSE = {
             id: 'td-complete',
             type: 'checkpoint',
             title: {
-                en: 'Tower Defense Complete! 🏆',
-                pl: 'Tower Defense gotowy! 🏆',
-                de: 'Tower Defense fertig! 🏆',
+                en: 'Tower Defense Complete!',
+                pl: 'Tower Defense gotowy!',
+                de: 'Tower Defense fertig!',
             },
             content: {
                 en: "You've built a full tower defense game!\n• 4 tower types with different targeting\n• Enemy pathfinding along waypoints\n• Escalating wave system\n• Upgrade & sell mechanics\n• Gold economy\n\nChallenge: Add flying enemies that ignore the path!",
@@ -416,9 +416,9 @@ const TUTORIAL_3D_GAME = {
             id: '3d-intro',
             type: 'text',
             title: {
-                en: 'Welcome to 3D! 🎮',
-                pl: 'Witaj w 3D! 🎮',
-                de: 'Willkommen in 3D! 🎮',
+                en: 'Welcome to 3D!',
+                pl: 'Witaj w 3D!',
+                de: 'Willkommen in 3D!',
             },
             content: {
                 en: "In this tutorial you'll enter the third dimension!\n\n• Set up a 3D world (World3D)\n• Add meshes (cube, sphere, plane)\n• Lighting (directional, point, spot)\n• Camera controllers (FPS, orbit)\n• 3D physics (rigid bodies, colliders)\n• Character controller (walking, jumping)\n\nLet's go 3D!",
@@ -583,9 +583,9 @@ const TUTORIAL_3D_GAME = {
             id: '3d-complete',
             type: 'checkpoint',
             title: {
-                en: '3D Game Complete! 🌟',
-                pl: 'Gra 3D gotowa! 🌟',
-                de: '3D-Spiel fertig! 🌟',
+                en: '3D Game Complete!',
+                pl: 'Gra 3D gotowa!',
+                de: '3D-Spiel fertig!',
             },
             content: {
                 en: "You've built your first 3D game!\n• World3D scene with multiple objects\n• Primitive meshes (cube, sphere, plane)\n• Directional and point lighting\n• Orbit camera controller\n• 3D physics with rigid bodies\n• Character controller with jumping\n\nChallenge: Add a skybox and third-person camera!",
@@ -623,9 +623,9 @@ const TUTORIAL_PUBLISHING = {
             id: 'pub-intro',
             type: 'text',
             title: {
-                en: 'Publish Your Game! 🚀',
-                pl: 'Opublikuj swoją grę! 🚀',
-                de: 'Veröffentliche dein Spiel! 🚀',
+                en: 'Publish Your Game!',
+                pl: 'Opublikuj swoją grę!',
+                de: 'Veröffentliche dein Spiel!',
             },
             content: {
                 en: "Your game is ready — now let's share it with the world!\n\n• Feature detection (check browser support)\n• Build optimization (minify, tree-shake)\n• PWA export (installable web app)\n• Electron export (Windows/Mac/Linux)\n• Capacitor export (iOS/Android)\n• Performance benchmarking\n\nLet's deploy!",
@@ -730,9 +730,9 @@ const TUTORIAL_PUBLISHING = {
             id: 'pub-quiz',
             type: 'quiz',
             title: {
-                en: 'Publishing Quiz 📦',
-                pl: 'Quiz o publikacji 📦',
-                de: 'Veröffentlichungs-Quiz 📦',
+                en: 'Publishing Quiz',
+                pl: 'Quiz o publikacji',
+                de: 'Veröffentlichungs-Quiz',
             },
             content: {
                 en: 'What is a PWA (Progressive Web App)?',
@@ -780,14 +780,14 @@ const TUTORIAL_PUBLISHING = {
             id: 'pub-complete',
             type: 'checkpoint',
             title: {
-                en: 'Publication Complete! 🎊',
-                pl: 'Publikacja gotowa! 🎊',
-                de: 'Veröffentlichung fertig! 🎊',
+                en: 'Publication Complete!',
+                pl: 'Publikacja gotowa!',
+                de: 'Veröffentlichung fertig!',
             },
             content: {
-                en: 'Congratulations! You now know how to:\n• Check browser feature support\n• Configure optimized builds\n• Export as PWA, Electron, or Capacitor\n• Run performance benchmarks\n• Deploy to web, desktop, and mobile\n\nYour game is ready for the world! 🌍',
-                pl: 'Gratulacje! Teraz wiesz jak:\n• Sprawdzić wsparcie funkcji przeglądarki\n• Konfigurować zoptymalizowane buildy\n• Eksportować jako PWA, Electron lub Capacitor\n• Uruchamiać benchmarki wydajności\n• Wdrażać na web, desktop i mobile\n\nTwoja gra jest gotowa na świat! 🌍',
-                de: 'Herzlichen Glückwunsch! Du weißt jetzt wie man:\n• Browser-Feature-Support prüft\n• Optimierte Builds konfiguriert\n• Als PWA, Electron oder Capacitor exportiert\n• Performance-Benchmarks durchführt\n• Auf Web, Desktop und Mobile deployt\n\nDein Spiel ist bereit für die Welt! 🌍',
+                en: 'Congratulations! You now know how to:\n• Check browser feature support\n• Configure optimized builds\n• Export as PWA, Electron, or Capacitor\n• Run performance benchmarks\n• Deploy to web, desktop, and mobile\n\nYour game is ready for the world!',
+                pl: 'Gratulacje! Teraz wiesz jak:\n• Sprawdzić wsparcie funkcji przeglądarki\n• Konfigurować zoptymalizowane buildy\n• Eksportować jako PWA, Electron lub Capacitor\n• Uruchamiać benchmarki wydajności\n• Wdrażać na web, desktop i mobile\n\nTwoja gra jest gotowa na świat!',
+                de: 'Herzlichen Glückwunsch! Du weißt jetzt wie man:\n• Browser-Feature-Support prüft\n• Optimierte Builds konfiguriert\n• Als PWA, Electron oder Capacitor exportiert\n• Performance-Benchmarks durchführt\n• Auf Web, Desktop und Mobile deployt\n\nDein Spiel ist bereit für die Welt!',
             },
         },
     ],

package/dist/esm/unity-integration/components/UnityAssetStoreBrowser.js

@@ -1,4 +1,5 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
+import { NiceIcon } from '@nice2dev/ui';
 import { createContext, forwardRef, useReducer, useMemo, useCallback, useImperativeHandle, useState, useContext } from 'react';
 
 const DEFAULT_THEME = {
@@ -104,21 +105,21 @@ function formatFileSize(bytes) {
 function getCategoryIcon(category) {
     switch (category) {
         case '3d':
-            return '🎲';
+            return 'box';
         case '2d':
-            return '🖼️';
+            return 'image';
         case 'tools':
-            return '🔧';
+            return 'settings';
         case 'vfx':
-            return '✨';
+            return 'star';
         case 'audio':
-            return '🔊';
+            return 'volume';
         case 'templates':
-            return '📋';
+            return 'clipboard';
         case 'add-ons':
-            return '🧩';
+            return 'puzzle';
         default:
-            return '📦';
+            return 'box';
     }
 }
 /* ── Search Header ────────────────────────────────────────────── */
@@ -143,7 +144,7 @@ const SearchHeader = () => {
             padding: '16px 24px',
             backgroundColor: theme.headerBackground,
             borderBottom: `1px solid ${theme.border}`,
-        }, children: [jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: 12, marginBottom: 12 }, children: [jsx("div", { style: { fontSize: 24 }, children: "\uD83C\uDFEA" }), jsx("h1", { style: { margin: 0, fontSize: 18, fontWeight: 600, color: theme.textPrimary }, children: "Unity Asset Store" }), jsx("div", { style: { flex: 1 } }), jsxs("button", { style: {
+        }, children: [jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: 12, marginBottom: 12 }, children: [jsx(NiceIcon, { name: "building", size: 24 }), jsx("h1", { style: { margin: 0, fontSize: 18, fontWeight: 600, color: theme.textPrimary }, children: "Unity Asset Store" }), jsx("div", { style: { flex: 1 } }), jsxs("button", { style: {
                             display: 'flex',
                             alignItems: 'center',
                             gap: 6,
@@ -153,14 +154,14 @@ const SearchHeader = () => {
                             borderRadius: 6,
                             color: '#fff',
                             cursor: 'pointer',
-                        }, children: ["\uD83D\uDED2 Cart (", state.cart.size, ")"] }), jsx("button", { onClick: () => dispatch({ type: 'TOGGLE_MY_ASSETS' }), style: {
+                        }, children: [jsx(NiceIcon, { name: "box", size: 14 }), " Cart (", state.cart.size, ")"] }), jsxs("button", { onClick: () => dispatch({ type: 'TOGGLE_MY_ASSETS' }), style: {
                             padding: '8px 12px',
                             backgroundColor: state.myAssets ? theme.accent : 'rgba(0,0,0,0.2)',
                             border: 'none',
                             borderRadius: 6,
                             color: '#fff',
                             cursor: 'pointer',
-                        }, children: "\uD83D\uDCDA My Assets" })] }), jsxs("div", { style: { display: 'flex', gap: 8 }, children: [jsxs("div", { style: { flex: 1, position: 'relative' }, children: [jsx("input", { type: "text", placeholder: "Search assets...", value: localQuery, onChange: (e) => setLocalQuery(e.target.value), onKeyDown: (e) => e.key === 'Enter' && handleSearch(), style: {
+                        }, children: [jsx(NiceIcon, { name: "book", size: 14 }), " My Assets"] })] }), jsxs("div", { style: { display: 'flex', gap: 8 }, children: [jsxs("div", { style: { flex: 1, position: 'relative' }, children: [jsx("input", { type: "text", placeholder: "Search assets...", value: localQuery, onChange: (e) => setLocalQuery(e.target.value), onKeyDown: (e) => e.key === 'Enter' && handleSearch(), style: {
                                     width: '100%',
                                     padding: '10px 16px',
                                     paddingRight: 50,
@@ -181,7 +182,7 @@ const SearchHeader = () => {
                                     borderRadius: 6,
                                     color: '#fff',
                                     cursor: 'pointer',
-                                }, children: "\uD83D\uDD0D" })] }), jsx("select", { value: state.query.category, onChange: (e) => {
+                                }, children: jsx(NiceIcon, { name: "search", size: 14 }) })] }), jsx("select", { value: state.query.category, onChange: (e) => {
                             dispatch({
                                 type: 'SET_QUERY',
                                 query: { category: e.target.value, page: 1 },
@@ -228,7 +229,7 @@ const RatingStars = ({ rating, count }) => {
     return (jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: 4 }, children: [[1, 2, 3, 4, 5].map((star) => (jsx("span", { style: {
                     fontSize: 12,
                     color: star <= Math.round(rating) ? theme.star : theme.textSecondary,
-                }, children: "\u2605" }, star))), count !== undefined && (jsxs("span", { style: { fontSize: 11, color: theme.textSecondary, marginLeft: 4 }, children: ["(", count, ")"] }))] }));
+                }, children: jsx(NiceIcon, { name: "star", size: 12 }) }, star))), count !== undefined && (jsxs("span", { style: { fontSize: 11, color: theme.textSecondary, marginLeft: 4 }, children: ["(", count, ")"] }))] }));
 };
 /* ── Asset Card ───────────────────────────────────────────────── */
 const AssetCard = ({ asset }) => {
@@ -290,7 +291,7 @@ const AssetCard = ({ asset }) => {
                             alignItems: 'center',
                             justifyContent: 'center',
                             fontSize: 14,
-                        }, children: getCategoryIcon(asset.category) })] }), jsxs("div", { style: { padding: 12 }, children: [jsx("h3", { style: {
+                        }, children: jsx(NiceIcon, { name: getCategoryIcon(asset.category), size: 32 }) })] }), jsxs("div", { style: { padding: 12 }, children: [jsx("h3", { style: {
                             margin: 0,
                             fontSize: 13,
                             fontWeight: 600,
@@ -331,7 +332,7 @@ const AssetCard = ({ asset }) => {
                                     borderRadius: 6,
                                     color: '#fff',
                                     cursor: isDownloading ? 'not-allowed' : 'pointer',
-                                }, children: isDownloading ? `${downloadProgress}%` : '📥 Download' })) : (jsx("button", { onClick: (e) => {
+                                }, children: isDownloading ? `${downloadProgress}%` : 'Download' })) : (jsx("button", { onClick: (e) => {
                                     e.stopPropagation();
                                     if (isInCart) {
                                         dispatch({ type: 'REMOVE_FROM_CART', id: asset.id });
@@ -349,7 +350,7 @@ const AssetCard = ({ asset }) => {
                                     borderRadius: 6,
                                     color: '#fff',
                                     cursor: 'pointer',
-                                }, children: isInCart ? '✓ In Cart' : '🛒 Add to Cart' })), jsx("button", { onClick: (e) => {
+                                }, children: isInCart ? 'In Cart' : 'Add to Cart' })), jsx("button", { onClick: (e) => {
                                     e.stopPropagation();
                                     openInBrowser(asset);
                                 }, style: {
@@ -360,7 +361,7 @@ const AssetCard = ({ asset }) => {
                                     borderRadius: 6,
                                     color: theme.textSecondary,
                                     cursor: 'pointer',
-                                }, children: "\uD83D\uDD17" })] })] })] }));
+                                }, children: jsx(NiceIcon, { name: "link", size: 14 }) })] })] })] }));
 };
 /* ── Asset Grid ───────────────────────────────────────────────── */
 const AssetGrid = () => {
@@ -372,7 +373,7 @@ const AssetGrid = () => {
                 alignItems: 'center',
                 justifyContent: 'center',
                 color: theme.textSecondary,
-            }, children: "\u23F3 Loading assets..." }));
+            }, children: "Loading assets..." }));
     }
     if (state.error) {
         return (jsxs("div", { style: {
@@ -381,7 +382,7 @@ const AssetGrid = () => {
                 alignItems: 'center',
                 justifyContent: 'center',
                 color: theme.danger,
-            }, children: ["\u274C ", state.error] }));
+            }, children: [jsx(NiceIcon, { name: "error", size: 14 }), " ", state.error] }));
     }
     if (state.results.length === 0) {
         return (jsxs("div", { style: {
@@ -391,7 +392,7 @@ const AssetGrid = () => {
                 alignItems: 'center',
                 justifyContent: 'center',
                 color: theme.textSecondary,
-            }, children: [jsx("div", { style: { fontSize: 48, marginBottom: 16 }, children: "\uD83D\uDCED" }), jsx("div", { children: "No assets found" })] }));
+            }, children: [jsx("div", { style: { marginBottom: 16 }, children: jsx(NiceIcon, { name: "archive", size: 48 }) }), jsx("div", { children: "No assets found" })] }));
     }
     return (jsx("div", { style: {
             display: 'grid',
@@ -474,7 +475,7 @@ const AssetDetailModal = () => {
                                                 borderRadius: 8,
                                                 color: '#fff',
                                                 cursor: isDownloading ? 'not-allowed' : 'pointer',
-                                            }, children: isDownloading ? `Downloading ${downloadProgress}%` : '📥 Download & Import' })) : (jsx("button", { onClick: () => isInCart
+                                            }, children: isDownloading ? `Downloading ${downloadProgress}%` : 'Download & Import' })) : (jsx("button", { onClick: () => isInCart
                                                 ? dispatch({ type: 'REMOVE_FROM_CART', id: asset.id })
                                                 : dispatch({ type: 'ADD_TO_CART', id: asset.id }), style: {
                                                 width: '100%',
@@ -486,7 +487,7 @@ const AssetDetailModal = () => {
                                                 borderRadius: 8,
                                                 color: '#fff',
                                                 cursor: 'pointer',
-                                            }, children: isInCart ? '✓ Remove from Cart' : '🛒 Add to Cart' })), jsx("button", { onClick: () => openInBrowser(asset), style: {
+                                            }, children: isInCart ? 'Remove from Cart' : 'Add to Cart' })), jsxs("button", { onClick: () => openInBrowser(asset), style: {
                                                 width: '100%',
                                                 marginTop: 8,
                                                 padding: '10px 24px',
@@ -496,7 +497,7 @@ const AssetDetailModal = () => {
                                                 borderRadius: 8,
                                                 color: theme.textSecondary,
                                                 cursor: 'pointer',
-                                            }, children: "\uD83D\uDD17 View on Asset Store" })] })] }), jsx("button", { onClick: () => dispatch({ type: 'SELECT_ASSET', asset: null }), style: {
+                                            }, children: [jsx(NiceIcon, { name: "external-link", size: 14 }), " View on Asset Store"] })] })] }), jsx("button", { onClick: () => dispatch({ type: 'SELECT_ASSET', asset: null }), style: {
                                 position: 'absolute',
                                 top: 16,
                                 right: 16,
@@ -506,7 +507,7 @@ const AssetDetailModal = () => {
                                 border: 'none',
                                 color: theme.textSecondary,
                                 cursor: 'pointer',
-                            }, children: "\u2715" })] }), jsx("div", { style: { display: 'flex', borderBottom: `1px solid ${theme.border}` }, children: ['overview', 'images', 'reviews'].map((tab) => (jsx("button", { onClick: () => setActiveTab(tab), style: {
+                            }, children: jsx(NiceIcon, { name: "close", size: 14 }) })] }), jsx("div", { style: { display: 'flex', borderBottom: `1px solid ${theme.border}` }, children: ['overview', 'images', 'reviews'].map((tab) => (jsx("button", { onClick: () => setActiveTab(tab), style: {
                             flex: 1,
                             padding: '12px 16px',
                             fontSize: 13,

package/dist/esm/unity-integration/components/UnityProjectBrowser.js

@@ -1,4 +1,5 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { NiceIcon } from '@nice2dev/ui';
 import { createContext, forwardRef, useReducer, useMemo, useCallback, useImperativeHandle, useContext } from 'react';
 
 const DEFAULT_THEME = {
@@ -102,23 +103,23 @@ function useBrowser() {
 function getAssetIcon(type) {
     switch (type) {
         case 'scene':
-            return '🎬';
+            return 'video';
         case 'prefab':
-            return '📦';
+            return 'box';
         case 'material':
-            return '🎨';
+            return 'palette';
         case 'texture':
-            return '🖼️';
+            return 'image';
         case 'mesh':
-            return '🔷';
+            return 'hexagon';
         case 'animation':
-            return '🏃';
+            return 'play';
         case 'script':
-            return '📜';
+            return 'code';
         case 'audio':
-            return '🔊';
+            return 'volume';
         default:
-            return '📄';
+            return 'file';
     }
 }
 function formatFileSize(bytes) {
@@ -149,7 +150,7 @@ const BrowserHeader = ({ projectPath }) => {
                     alignItems: 'center',
                     justifyContent: 'center',
                     fontSize: 20,
-                }, children: "\uD83C\uDFAE" }), jsxs("div", { style: { flex: 1 }, children: [jsx("div", { style: { fontSize: 14, fontWeight: 600, color: theme.textPrimary }, children: state.projectInfo?.name ?? 'No Project Loaded' }), jsx("div", { style: { fontSize: 11, color: theme.textSecondary }, children: state.projectInfo ? (jsxs(Fragment, { children: ["Unity ", state.projectInfo.unityVersion, " \u2022", ' ', state.projectInfo.renderPipeline.toUpperCase()] })) : ((projectPath ?? 'Select a Unity project folder')) })] }), jsxs("div", { style: {
+                }, children: jsx(NiceIcon, { name: "gamepad", size: 18 }) }), jsxs("div", { style: { flex: 1 }, children: [jsx("div", { style: { fontSize: 14, fontWeight: 600, color: theme.textPrimary }, children: state.projectInfo?.name ?? 'No Project Loaded' }), jsx("div", { style: { fontSize: 11, color: theme.textSecondary }, children: state.projectInfo ? (jsxs(Fragment, { children: ["Unity ", state.projectInfo.unityVersion, " \u2022", ' ', state.projectInfo.renderPipeline.toUpperCase()] })) : ((projectPath ?? 'Select a Unity project folder')) })] }), jsxs("div", { style: {
                     display: 'flex',
                     alignItems: 'center',
                     gap: 8,
@@ -216,21 +217,21 @@ const BrowserToolbar = () => {
                     backgroundColor: 'rgba(0,0,0,0.2)',
                     borderRadius: 6,
                     overflow: 'hidden',
-                }, children: [jsx("button", { onClick: () => dispatch({ type: 'SET_VIEW_MODE', mode: 'tree' }), style: {
+                }, children: [jsx("button", { onClick: () => dispatch({ type: 'SET_VIEW_MODE', mode: 'tree' }), "aria-label": "Tree view", style: {
                             padding: '6px 10px',
                             fontSize: 12,
                             backgroundColor: state.viewMode === 'tree' ? theme.accent : 'transparent',
                             border: 'none',
                             color: '#fff',
                             cursor: 'pointer',
-                        }, children: "\uD83D\uDCD1" }), jsx("button", { onClick: () => dispatch({ type: 'SET_VIEW_MODE', mode: 'grid' }), style: {
+                        }, children: jsx(NiceIcon, { name: "list", size: 14 }) }), jsx("button", { onClick: () => dispatch({ type: 'SET_VIEW_MODE', mode: 'grid' }), "aria-label": "Grid view", style: {
                             padding: '6px 10px',
                             fontSize: 12,
                             backgroundColor: state.viewMode === 'grid' ? theme.accent : 'transparent',
                             border: 'none',
                             color: '#fff',
                             cursor: 'pointer',
-                        }, children: "\uD83D\uDD32" })] }), jsx("div", { style: { flex: 1 } }), jsxs("span", { style: { fontSize: 11, color: theme.textSecondary }, children: [state.selectedAssets.size, " selected"] }), jsx("button", { onClick: importSelectedAssets, disabled: state.selectedAssets.size === 0 || state.importProgress !== null, style: {
+                        }, children: jsx(NiceIcon, { name: "grid", size: 14 }) })] }), jsx("div", { style: { flex: 1 } }), jsxs("span", { style: { fontSize: 11, color: theme.textSecondary }, children: [state.selectedAssets.size, " selected"] }), jsxs("button", { onClick: importSelectedAssets, disabled: state.selectedAssets.size === 0 || state.importProgress !== null, style: {
                     padding: '8px 16px',
                     fontSize: 12,
                     fontWeight: 500,
@@ -242,16 +243,16 @@ const BrowserToolbar = () => {
                     color: '#fff',
                     cursor: state.selectedAssets.size > 0 && !state.importProgress ? 'pointer' : 'not-allowed',
                     opacity: state.selectedAssets.size > 0 && !state.importProgress ? 1 : 0.5,
-                }, children: state.importProgress ? '⏳ Importing...' : '📥 Import Selected' })] }));
+                }, children: [jsx(NiceIcon, { name: state.importProgress ? 'clock' : 'download', size: 14 }), ' ', state.importProgress ? 'Importing...' : 'Import Selected'] })] }));
 };
 /* ── Tab Bar Component ────────────────────────────────────────── */
 const TabBar = () => {
     const { state, dispatch, theme } = useBrowser();
     const tabs = [
-        { id: 'assets', label: 'Assets', icon: '📁' },
-        { id: 'scenes', label: 'Scenes', icon: '🎬' },
-        { id: 'packages', label: 'Packages', icon: '📦' },
-        { id: 'settings', label: 'Settings', icon: '⚙️' },
+        { id: 'assets', label: 'Assets', icon: 'folder' },
+        { id: 'scenes', label: 'Scenes', icon: 'video' },
+        { id: 'packages', label: 'Packages', icon: 'box' },
+        { id: 'settings', label: 'Settings', icon: 'settings' },
     ];
     return (jsx("div", { style: {
             display: 'flex',
@@ -267,7 +268,7 @@ const TabBar = () => {
                 borderBottom: state.tab === tab.id ? `2px solid ${theme.accent}` : '2px solid transparent',
                 color: state.tab === tab.id ? theme.textPrimary : theme.textSecondary,
                 cursor: 'pointer',
-            }, children: [tab.icon, " ", tab.label] }, tab.id))) }));
+            }, children: [jsx(NiceIcon, { name: tab.icon, size: 14 }), " ", tab.label] }, tab.id))) }));
 };
 /* ── Asset Tree View ──────────────────────────────────────────── */
 const AssetTreeItem = ({ asset, indent }) => {
@@ -281,7 +282,7 @@ const AssetTreeItem = ({ asset, indent }) => {
             paddingLeft: indent * 16 + 8,
             backgroundColor: isSelected ? theme.itemSelected : 'transparent',
             cursor: 'pointer',
-        }, children: [jsx("input", { type: "checkbox", checked: isSelected, onChange: () => dispatch({ type: 'SELECT_ASSET', id: asset.id, additive: true }), onClick: (e) => e.stopPropagation() }), jsx("span", { style: { fontSize: 14 }, children: getAssetIcon(asset.type) }), jsx("span", { style: {
+        }, children: [jsx("input", { type: "checkbox", checked: isSelected, onChange: () => dispatch({ type: 'SELECT_ASSET', id: asset.id, additive: true }), onClick: (e) => e.stopPropagation() }), jsx(NiceIcon, { name: getAssetIcon(asset.type), size: 14 }), jsx("span", { style: {
                     flex: 1,
                     fontSize: 12,
                     color: isSelected ? theme.textPrimary : theme.textSecondary,
@@ -318,7 +319,7 @@ const FolderTreeItem = ({ folder, indent }) => {
                     padding: '4px 8px',
                     paddingLeft: indent * 16 + 8,
                     cursor: 'pointer',
-                }, children: [jsx("span", { style: { fontSize: 10, color: theme.textSecondary }, children: isExpanded ? '▼' : '▶' }), jsx("span", { style: { fontSize: 14, color: theme.folderColor }, children: "\uD83D\uDCC1" }), jsx("span", { style: { fontSize: 12, color: theme.textPrimary, fontWeight: 500 }, children: folder.name }), jsxs("span", { style: { fontSize: 10, color: theme.textSecondary }, children: ["(", filteredChildren.length, ")"] })] }), isExpanded &&
+                }, children: [jsx(NiceIcon, { name: isExpanded ? 'chevron-down' : 'chevron-right', size: 10, color: theme.textSecondary }), jsx(NiceIcon, { name: "folder", size: 14, color: theme.folderColor }), jsx("span", { style: { fontSize: 12, color: theme.textPrimary, fontWeight: 500 }, children: folder.name }), jsxs("span", { style: { fontSize: 10, color: theme.textSecondary }, children: ["(", filteredChildren.length, ")"] })] }), isExpanded &&
                 filteredChildren.map((child, _i) => 'children' in child ? (jsx(FolderTreeItem, { folder: child, indent: indent + 1 }, child.path)) : (jsx(AssetTreeItem, { asset: child, indent: indent + 1 }, child.id)))] }));
 };
 /* ── Asset Grid View ──────────────────────────────────────────── */
@@ -364,7 +365,7 @@ const AssetGridView = () => {
                             justifyContent: 'center',
                             fontSize: 24,
                             marginBottom: 8,
-                        }, children: asset.thumbnail ? (jsx("img", { src: asset.thumbnail, alt: asset.name, style: { width: '100%', height: '100%', objectFit: 'cover', borderRadius: 8 } })) : (getAssetIcon(asset.type)) }), jsx("span", { style: {
+                        }, children: asset.thumbnail ? (jsx("img", { src: asset.thumbnail, alt: asset.name, style: { width: '100%', height: '100%', objectFit: 'cover', borderRadius: 8 } })) : (jsx(NiceIcon, { name: getAssetIcon(asset.type), size: 32 })) }), jsx("span", { style: {
                             fontSize: 11,
                             color: theme.textPrimary,
                             textAlign: 'center',
@@ -414,7 +415,7 @@ const PackagesPanel = () => {
                     marginBottom: 4,
                     backgroundColor: theme.itemBackground,
                     borderRadius: 6,
-                }, children: [jsx("span", { style: { fontSize: 14 }, children: "\uD83D\uDCE6" }), jsx("span", { style: { fontSize: 12, color: theme.textPrimary, flex: 1 }, children: pkg.name }), jsx("span", { style: {
+                }, children: [jsx(NiceIcon, { name: "box", size: 14 }), jsx("span", { style: { fontSize: 12, color: theme.textPrimary, flex: 1 }, children: pkg.name }), jsx("span", { style: {
                             padding: '2px 8px',
                             fontSize: 10,
                             backgroundColor: getSourceBadge(pkg.source),
@@ -467,14 +468,14 @@ const PreviewPanel = () => {
                         gap: 12,
                         padding: 16,
                         borderBottom: `1px solid ${theme.border}`,
-                    }, children: [jsx("span", { style: { fontSize: 24 }, children: getAssetIcon(asset.type) }), jsxs("div", { style: { flex: 1 }, children: [jsx("div", { style: { fontSize: 16, fontWeight: 600, color: theme.textPrimary }, children: asset.name }), jsx("div", { style: { fontSize: 12, color: theme.textSecondary }, children: asset.path })] }), jsx("button", { onClick: () => dispatch({ type: 'SET_PREVIEW', asset: null }), style: {
+                    }, children: [jsx(NiceIcon, { name: getAssetIcon(asset.type), size: 24 }), jsxs("div", { style: { flex: 1 }, children: [jsx("div", { style: { fontSize: 16, fontWeight: 600, color: theme.textPrimary }, children: asset.name }), jsx("div", { style: { fontSize: 12, color: theme.textSecondary }, children: asset.path })] }), jsx("button", { onClick: () => dispatch({ type: 'SET_PREVIEW', asset: null }), style: {
                                 padding: '4px 8px',
                                 fontSize: 14,
                                 backgroundColor: 'transparent',
                                 border: 'none',
                                 color: theme.textSecondary,
                                 cursor: 'pointer',
-                            }, children: "\u2715" })] }), jsxs("div", { style: { padding: 16 }, children: [jsx("div", { style: {
+                            }, children: jsx(NiceIcon, { name: "close", size: 14 }) })] }), jsxs("div", { style: { padding: 16 }, children: [jsx("div", { style: {
                                 width: '100%',
                                 height: 300,
                                 backgroundColor: 'rgba(0,0,0,0.3)',
@@ -484,7 +485,7 @@ const PreviewPanel = () => {
                                 justifyContent: 'center',
                                 fontSize: 48,
                                 marginBottom: 16,
-                            }, children: asset.thumbnail ? (jsx("img", { src: asset.thumbnail, alt: asset.name, style: { maxWidth: '100%', maxHeight: '100%', objectFit: 'contain' } })) : (getAssetIcon(asset.type)) }), jsxs("div", { style: { display: 'grid', gridTemplateColumns: '1fr 1fr', gap: 12 }, children: [jsxs("div", { children: [jsx("div", { style: { fontSize: 11, color: theme.textSecondary }, children: "Type" }), jsx("div", { style: { fontSize: 13, color: theme.textPrimary }, children: asset.type })] }), jsxs("div", { children: [jsx("div", { style: { fontSize: 11, color: theme.textSecondary }, children: "Size" }), jsx("div", { style: { fontSize: 13, color: theme.textPrimary }, children: formatFileSize(asset.size) })] }), jsxs("div", { children: [jsx("div", { style: { fontSize: 11, color: theme.textSecondary }, children: "GUID" }), jsx("div", { style: { fontSize: 13, color: theme.textPrimary, fontFamily: 'monospace' }, children: asset.guid })] }), jsxs("div", { children: [jsx("div", { style: { fontSize: 11, color: theme.textSecondary }, children: "Last Modified" }), jsx("div", { style: { fontSize: 13, color: theme.textPrimary }, children: asset.lastModified })] })] }), asset.dependencies && asset.dependencies.length > 0 && (jsxs("div", { style: { marginTop: 16 }, children: [jsxs("div", { style: { fontSize: 12, fontWeight: 500, color: theme.textPrimary, marginBottom: 8 }, children: ["Dependencies (", asset.dependencies.length, ")"] }), jsx("div", { style: { maxHeight: 100, overflow: 'auto' }, children: asset.dependencies.map((dep, i) => (jsx("div", { style: {
+                            }, children: asset.thumbnail ? (jsx("img", { src: asset.thumbnail, alt: asset.name, style: { maxWidth: '100%', maxHeight: '100%', objectFit: 'contain' } })) : (jsx(NiceIcon, { name: getAssetIcon(asset.type), size: 32 })) }), jsxs("div", { style: { display: 'grid', gridTemplateColumns: '1fr 1fr', gap: 12 }, children: [jsxs("div", { children: [jsx("div", { style: { fontSize: 11, color: theme.textSecondary }, children: "Type" }), jsx("div", { style: { fontSize: 13, color: theme.textPrimary }, children: asset.type })] }), jsxs("div", { children: [jsx("div", { style: { fontSize: 11, color: theme.textSecondary }, children: "Size" }), jsx("div", { style: { fontSize: 13, color: theme.textPrimary }, children: formatFileSize(asset.size) })] }), jsxs("div", { children: [jsx("div", { style: { fontSize: 11, color: theme.textSecondary }, children: "GUID" }), jsx("div", { style: { fontSize: 13, color: theme.textPrimary, fontFamily: 'monospace' }, children: asset.guid })] }), jsxs("div", { children: [jsx("div", { style: { fontSize: 11, color: theme.textSecondary }, children: "Last Modified" }), jsx("div", { style: { fontSize: 13, color: theme.textPrimary }, children: asset.lastModified })] })] }), asset.dependencies && asset.dependencies.length > 0 && (jsxs("div", { style: { marginTop: 16 }, children: [jsxs("div", { style: { fontSize: 12, fontWeight: 500, color: theme.textPrimary, marginBottom: 8 }, children: ["Dependencies (", asset.dependencies.length, ")"] }), jsx("div", { style: { maxHeight: 100, overflow: 'auto' }, children: asset.dependencies.map((dep, i) => (jsx("div", { style: {
                                             padding: '4px 8px',
                                             fontSize: 11,
                                             color: theme.textSecondary,
@@ -534,7 +535,7 @@ const ImportProgressOverlay = () => {
                 backgroundColor: theme.panelBackground,
                 borderRadius: 12,
                 padding: 24,
-            }, children: [jsx("h3", { style: { margin: '0 0 16px', fontSize: 16, fontWeight: 600, color: theme.textPrimary }, children: progress.phase === 'complete' ? '✅ Import Complete' : '📥 Importing Assets' }), jsx("div", { style: { fontSize: 12, color: theme.textSecondary, marginBottom: 8 }, children: progress.message }), progress.currentAsset && (jsx("div", { style: {
+            }, children: [jsxs("h3", { style: { margin: '0 0 16px', fontSize: 16, fontWeight: 600, color: theme.textPrimary }, children: [jsx(NiceIcon, { name: progress.phase === 'complete' ? 'success' : 'download', size: 16 }), ' ', progress.phase === 'complete' ? 'Import Complete' : 'Importing Assets'] }), jsx("div", { style: { fontSize: 12, color: theme.textSecondary, marginBottom: 8 }, children: progress.message }), progress.currentAsset && (jsx("div", { style: {
                         fontSize: 11,
                         color: theme.textPrimary,
                         backgroundColor: 'rgba(0,0,0,0.2)',