@onpe/ui 1.1.0 → 1.1.2

package/dist/cli.esm.js

@@ -5863,83 +5863,213 @@ var lib = {
 
 /**
  * Crea archivos de barril (barrel exports) para simplificar las importaciones
+ * Solo crea las carpetas y archivos que realmente existen
  */
 function createBarrelFiles() {
     return __awaiter(this, void 0, void 0, function () {
-        var componentsDir, mainIndexContent, uiIndexContent, modalsIndexContent, iconsIndexContent, actionsIndexContent, browsersIndexContent, systemsIndexContent, onpeIndexContent;
+        var componentsDir, folderExists, getFilesInFolder, mainExports, mainIndexContent, uiPath, uiFiles, uiExports, uiIndexContent, modalsPath, modalFiles, modalExports, modalsIndexContent, iconsPath, iconExports, iconsIndexContent, iconCategories, _i, iconCategories_1, category, categoryPath, categoryFiles, categoryExports, categoryIndexContent;
+        var _this = this;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
                     componentsDir = path$d.join(process.cwd(), "src", "components", "onpe");
-                    // Crear estructura de carpetas si no existe
-                    return [4 /*yield*/, lib.ensureDir(path$d.join(componentsDir, "ui"))];
+                    // Solo crear la carpeta principal si no existe
+                    return [4 /*yield*/, lib.ensureDir(componentsDir)];
                 case 1:
-                    // Crear estructura de carpetas si no existe
+                    // Solo crear la carpeta principal si no existe
                     _a.sent();
-                    return [4 /*yield*/, lib.ensureDir(path$d.join(componentsDir, "modals"))];
+                    folderExists = function (folderPath) { return __awaiter(_this, void 0, void 0, function () {
+                        var exists, files;
+                        return __generator(this, function (_b) {
+                            switch (_b.label) {
+                                case 0:
+                                    _b.trys.push([0, 3, , 4]);
+                                    return [4 /*yield*/, lib.pathExists(folderPath)];
+                                case 1:
+                                    exists = _b.sent();
+                                    if (!exists)
+                                        return [2 /*return*/, false];
+                                    return [4 /*yield*/, lib.readdir(folderPath)];
+                                case 2:
+                                    files = _b.sent();
+                                    return [2 /*return*/, files.some(function (file) { return file.endsWith(".tsx") && !file.includes(".stories"); })];
+                                case 3:
+                                    _b.sent();
+                                    return [2 /*return*/, false];
+                                case 4: return [2 /*return*/];
+                            }
+                        });
+                    }); };
+                    getFilesInFolder = function (folderPath) { return __awaiter(_this, void 0, void 0, function () {
+                        var files;
+                        return __generator(this, function (_b) {
+                            switch (_b.label) {
+                                case 0:
+                                    _b.trys.push([0, 2, , 3]);
+                                    return [4 /*yield*/, lib.readdir(folderPath)];
+                                case 1:
+                                    files = _b.sent();
+                                    return [2 /*return*/, files.filter(function (file) { return file.endsWith(".tsx") && !file.includes(".stories"); }).map(function (file) { return file.replace(".tsx", ""); })];
+                                case 2:
+                                    _b.sent();
+                                    return [2 /*return*/, []];
+                                case 3: return [2 /*return*/];
+                            }
+                        });
+                    }); };
+                    mainExports = [];
+                    return [4 /*yield*/, folderExists(path$d.join(componentsDir, "ui"))];
                 case 2:
-                    _a.sent();
-                    return [4 /*yield*/, lib.ensureDir(path$d.join(componentsDir, "icons", "actions"))];
+                    if (_a.sent()) {
+                        mainExports.push("export * from './ui';");
+                    }
+                    return [4 /*yield*/, folderExists(path$d.join(componentsDir, "modals"))];
                 case 3:
-                    _a.sent();
-                    return [4 /*yield*/, lib.ensureDir(path$d.join(componentsDir, "icons", "browsers"))];
+                    if (_a.sent()) {
+                        mainExports.push("export * from './modals';");
+                    }
+                    return [4 /*yield*/, folderExists(path$d.join(componentsDir, "icons"))];
                 case 4:
-                    _a.sent();
-                    return [4 /*yield*/, lib.ensureDir(path$d.join(componentsDir, "icons", "systems"))];
+                    if (_a.sent()) {
+                        mainExports.push("export * from './icons';");
+                    }
+                    if (!(mainExports.length > 0)) return [3 /*break*/, 6];
+                    mainIndexContent = "// ONPE UI - Punto de entrada principal\n".concat(mainExports.join("\n"));
+                    return [4 /*yield*/, lib.writeFile(path$d.join(componentsDir, "index.ts"), mainIndexContent)];
                 case 5:
                     _a.sent();
-                    return [4 /*yield*/, lib.ensureDir(path$d.join(componentsDir, "icons", "onpe"))];
+                    _a.label = 6;
                 case 6:
-                    _a.sent();
-                    mainIndexContent = "// ONPE UI - Punto de entrada principal\nexport * from './ui';\nexport * from './modals';\nexport * from './icons';\n\n// Re-exportar todo para importaciones f\u00E1ciles\nexport * from './ui/index';\nexport * from './modals/index';\nexport * from './icons/index';\n";
-                    return [4 /*yield*/, lib.writeFile(path$d.join(componentsDir, "index.ts"), mainIndexContent)];
+                    uiPath = path$d.join(componentsDir, "ui");
+                    return [4 /*yield*/, folderExists(uiPath)];
                 case 7:
-                    _a.sent();
-                    uiIndexContent = "// Componentes UI b\u00E1sicos\nexport * from './Button';\nexport * from './Modal';\nexport * from './Overlay';\nexport * from './Portal';\nexport * from './Show';\n";
-                    return [4 /*yield*/, lib.writeFile(path$d.join(componentsDir, "ui", "index.ts"), uiIndexContent)];
+                    if (!_a.sent()) return [3 /*break*/, 10];
+                    return [4 /*yield*/, getFilesInFolder(uiPath)];
                 case 8:
-                    _a.sent();
-                    modalsIndexContent = "// Modales especializados\nexport * from './ModalConfirm';\nexport * from './ModalLoading';\nexport * from './ModalBrowserIncompatible';\nexport * from './ModalSystemIncompatible';\n";
-                    return [4 /*yield*/, lib.writeFile(path$d.join(componentsDir, "modals", "index.ts"), modalsIndexContent)];
+                    uiFiles = _a.sent();
+                    if (!(uiFiles.length > 0)) return [3 /*break*/, 10];
+                    uiExports = uiFiles.map(function (file) { return "export * from './".concat(file, "';"); }).join("\n");
+                    uiIndexContent = "// Componentes b\u00E1sicos ONPE UI\n".concat(uiExports);
+                    return [4 /*yield*/, lib.writeFile(path$d.join(uiPath, "index.ts"), uiIndexContent)];
                 case 9:
                     _a.sent();
-                    iconsIndexContent = "// Todos los iconos organizados por categor\u00EDas\nexport * from './actions';\nexport * from './browsers';\nexport * from './systems';\nexport * from './onpe';\n";
-                    return [4 /*yield*/, lib.writeFile(path$d.join(componentsDir, "icons", "index.ts"), iconsIndexContent)];
+                    _a.label = 10;
                 case 10:
-                    _a.sent();
-                    actionsIndexContent = "// Iconos de Acciones\nexport * from './IconCheck';\nexport * from './IconClose';\nexport * from './IconWarning';\nexport * from './IconSpinnerDesktop';\nexport * from './IconSpinnerMobile';\nexport * from './IconHome';\n";
-                    return [4 /*yield*/, lib.writeFile(path$d.join(componentsDir, "icons", "actions", "index.ts"), actionsIndexContent)];
+                    modalsPath = path$d.join(componentsDir, "modals");
+                    return [4 /*yield*/, folderExists(modalsPath)];
                 case 11:
-                    _a.sent();
-                    browsersIndexContent = "// Iconos de Navegadores\nexport * from './IconChrome';\nexport * from './IconChromeColor';\nexport * from './IconEdge';\nexport * from './IconEdgeColor';\nexport * from './IconMozilla';\nexport * from './IconMozillaColor';\nexport * from './IconSafari';\nexport * from './IconSafariColor';\n";
-                    return [4 /*yield*/, lib.writeFile(path$d.join(componentsDir, "icons", "browsers", "index.ts"), browsersIndexContent)];
+                    if (!_a.sent()) return [3 /*break*/, 14];
+                    return [4 /*yield*/, getFilesInFolder(modalsPath)];
                 case 12:
-                    _a.sent();
-                    systemsIndexContent = "// Iconos de Sistemas Operativos\nexport * from './IconAndroid';\nexport * from './IconApple';\nexport * from './IconWindow';\n";
-                    return [4 /*yield*/, lib.writeFile(path$d.join(componentsDir, "icons", "systems", "index.ts"), systemsIndexContent)];
+                    modalFiles = _a.sent();
+                    if (!(modalFiles.length > 0)) return [3 /*break*/, 14];
+                    modalExports = modalFiles.map(function (file) { return "export * from './".concat(file, "';"); }).join("\n");
+                    modalsIndexContent = "// Modales especializados ONPE\n".concat(modalExports);
+                    return [4 /*yield*/, lib.writeFile(path$d.join(modalsPath, "index.ts"), modalsIndexContent)];
                 case 13:
                     _a.sent();
-                    onpeIndexContent = "// Iconos de ONPE\nexport * from './IconVotoDigital';\nexport * from './IconElectionsGeneral';\nexport * from './IconElections';\n";
-                    return [4 /*yield*/, lib.writeFile(path$d.join(componentsDir, "icons", "onpe", "index.ts"), onpeIndexContent)];
+                    _a.label = 14;
                 case 14:
+                    iconsPath = path$d.join(componentsDir, "icons");
+                    return [4 /*yield*/, folderExists(iconsPath)];
+                case 15:
+                    if (!_a.sent()) return [3 /*break*/, 27];
+                    iconExports = [];
+                    return [4 /*yield*/, folderExists(path$d.join(iconsPath, "actions"))];
+                case 16:
+                    if (_a.sent()) {
+                        iconExports.push("export * from './actions';");
+                    }
+                    return [4 /*yield*/, folderExists(path$d.join(iconsPath, "browsers"))];
+                case 17:
+                    if (_a.sent()) {
+                        iconExports.push("export * from './browsers';");
+                    }
+                    return [4 /*yield*/, folderExists(path$d.join(iconsPath, "systems"))];
+                case 18:
+                    if (_a.sent()) {
+                        iconExports.push("export * from './systems';");
+                    }
+                    return [4 /*yield*/, folderExists(path$d.join(iconsPath, "onpe"))];
+                case 19:
+                    if (_a.sent()) {
+                        iconExports.push("export * from './onpe';");
+                    }
+                    if (!(iconExports.length > 0)) return [3 /*break*/, 21];
+                    iconsIndexContent = "// Iconos ONPE organizados por categor\u00EDas\n".concat(iconExports.join("\n"));
+                    return [4 /*yield*/, lib.writeFile(path$d.join(iconsPath, "index.ts"), iconsIndexContent)];
+                case 20:
+                    _a.sent();
+                    _a.label = 21;
+                case 21:
+                    iconCategories = ["actions", "browsers", "systems", "onpe"];
+                    _i = 0, iconCategories_1 = iconCategories;
+                    _a.label = 22;
+                case 22:
+                    if (!(_i < iconCategories_1.length)) return [3 /*break*/, 27];
+                    category = iconCategories_1[_i];
+                    categoryPath = path$d.join(iconsPath, category);
+                    return [4 /*yield*/, folderExists(categoryPath)];
+                case 23:
+                    if (!_a.sent()) return [3 /*break*/, 26];
+                    return [4 /*yield*/, getFilesInFolder(categoryPath)];
+                case 24:
+                    categoryFiles = _a.sent();
+                    if (!(categoryFiles.length > 0)) return [3 /*break*/, 26];
+                    categoryExports = categoryFiles.map(function (file) { return "export * from './".concat(file, "';"); }).join("\n");
+                    categoryIndexContent = "// Iconos de ".concat(category, "\n").concat(categoryExports);
+                    return [4 /*yield*/, lib.writeFile(path$d.join(categoryPath, "index.ts"), categoryIndexContent)];
+                case 25:
                     _a.sent();
-                    console.log("✅ Archivos de barril creados exitosamente!");
-                    console.log("📁 Estructura creada:");
-                    console.log("   onpe/");
-                    console.log("   ├── index.ts (principal)");
-                    console.log("   ├── ui/index.ts");
-                    console.log("   ├── modals/index.ts");
-                    console.log("   └── icons/");
-                    console.log("       ├── index.ts");
-                    console.log("       ├── actions/index.ts");
-                    console.log("       ├── browsers/index.ts");
-                    console.log("       ├── systems/index.ts");
-                    console.log("       └── onpe/index.ts");
+                    _a.label = 26;
+                case 26:
+                    _i++;
+                    return [3 /*break*/, 22];
+                case 27:
+                    console.log("✅ Archivos de barril actualizados exitosamente!");
+                    console.log("📁 Solo se crearon archivos para carpetas que existen");
                     return [2 /*return*/];
             }
         });
     });
 }
+/**
+ * Crea archivos de barril solo para una carpeta específica
+ */
+function createBarrelForFolder(folderPath) {
+    return __awaiter(this, void 0, void 0, function () {
+        var exists, files, componentFiles, exports_1, indexContent, error_1;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    _a.trys.push([0, 4, , 5]);
+                    return [4 /*yield*/, lib.pathExists(folderPath)];
+                case 1:
+                    exists = _a.sent();
+                    if (!exists)
+                        return [2 /*return*/];
+                    return [4 /*yield*/, lib.readdir(folderPath)];
+                case 2:
+                    files = _a.sent();
+                    componentFiles = files.filter(function (file) { return file.endsWith(".tsx") && !file.includes(".stories"); }).map(function (file) { return file.replace(".tsx", ""); });
+                    if (componentFiles.length === 0)
+                        return [2 /*return*/];
+                    exports_1 = componentFiles.map(function (file) { return "export * from './".concat(file, "';"); }).join("\n");
+                    indexContent = "// Componentes en esta carpeta\n".concat(exports_1);
+                    return [4 /*yield*/, lib.writeFile(path$d.join(folderPath, "index.ts"), indexContent)];
+                case 3:
+                    _a.sent();
+                    console.log("\u2705 Archivo de barril creado para: ".concat(path$d.basename(folderPath)));
+                    return [3 /*break*/, 5];
+                case 4:
+                    error_1 = _a.sent();
+                    console.warn("\u26A0\uFE0F  No se pudo crear el archivo de barril: ".concat(error_1.message));
+                    return [3 /*break*/, 5];
+                case 5: return [2 /*return*/];
+            }
+        });
+    });
+}
 
 var COMPONENTS_URL = "https://raw.githubusercontent.com/ricardosv46/onpe-ui/main/src/components";
 var ICONS_URL = "https://raw.githubusercontent.com/ricardosv46/onpe-ui/main/src/icons";
@@ -6016,7 +6146,7 @@ function addComponent(componentName) {
                     }
                     _a.label = 2;
                 case 2:
-                    _a.trys.push([2, 16, , 17]);
+                    _a.trys.push([2, 17, , 18]);
                     if (!(!isIcon && componentDependencies[componentName.toLowerCase()])) return [3 /*break*/, 8];
                     dependencies = componentDependencies[componentName.toLowerCase()];
                     console.log("\uD83D\uDD17 Instalando dependencias: ".concat(dependencies.join(", ")));
@@ -6059,17 +6189,21 @@ function addComponent(componentName) {
                     console.log("\uD83D\uDCC1 ".concat(isIcon ? "Icono" : "Componente", " guardado en: ").concat(filePath));
                     _a.label = 12;
                 case 12:
-                    _a.trys.push([12, 14, , 15]);
-                    return [4 /*yield*/, createBarrelFiles()];
+                    _a.trys.push([12, 15, , 16]);
+                    return [4 /*yield*/, createBarrelForFolder(componentPath)];
                 case 13:
                     _a.sent();
-                    console.log("🔄 Archivos de barril actualizados");
-                    return [3 /*break*/, 15];
+                    // También actualizar el archivo de barril principal si existe
+                    return [4 /*yield*/, createBarrelFiles()];
                 case 14:
+                    // También actualizar el archivo de barril principal si existe
+                    _a.sent();
+                    return [3 /*break*/, 16];
+                case 15:
                     barrelError_1 = _a.sent();
                     console.warn("\u26A0\uFE0F  No se pudieron actualizar los archivos de barril: ".concat(barrelError_1.message));
-                    return [3 /*break*/, 15];
-                case 15:
+                    return [3 /*break*/, 16];
+                case 16:
                     // Mostrar instrucciones
                     console.log("\n📋 Próximos pasos:");
                     console.log("1. Importa el ".concat(isIcon ? "icono" : "componente", ":"));
@@ -6127,11 +6261,11 @@ function addComponent(componentName) {
                         console.log("2. Usa el ".concat(isIcon ? "icono" : "componente", ":"));
                     }
                     console.log("   <".concat(componentNamePascal, " />"));
-                    return [3 /*break*/, 17];
-                case 16:
+                    return [3 /*break*/, 18];
+                case 17:
                     error_1 = _a.sent();
                     throw new Error("Error al instalar el ".concat(isIcon ? "icono" : "componente", ": ").concat(error_1.message));
-                case 17: return [2 /*return*/];
+                case 18: return [2 /*return*/];
             }
         });
     });
@@ -6247,6 +6381,20 @@ function personalizeComponent(code, componentName) {
             personalizedCode = personalizedCode.replace(pattern, "from \"".concat(newPath, "\""));
         });
     });
+    // Arreglar importaciones relativas dentro de la misma carpeta
+    // Para componentes UI que importan otros componentes UI
+    if (componentName.toLowerCase() === "modal") {
+        personalizedCode = personalizedCode.replace(/from "\.\.\/onpe\/ui\/(Portal|Overlay)"/g, function (match, component) { return "from \"./".concat(component, "\""); });
+        personalizedCode = personalizedCode.replace(/from "\.\.\/onpe\/icons\/actions\/(IconClose)"/g, function (match, component) { return "from \"../icons/actions/".concat(component, "\""); });
+    }
+    // Para otros componentes UI
+    if (!componentName.toLowerCase().startsWith("icon-") && !componentName.toLowerCase().startsWith("modal")) {
+        personalizedCode = personalizedCode.replace(/from "\.\.\/onpe\/ui\/([^"]+)"/g, function (match, component) { return "from \"./".concat(component, "\""); });
+    }
+    // Para modales que importan componentes UI
+    if (componentName.toLowerCase().startsWith("modal") && componentName !== "modal") {
+        personalizedCode = personalizedCode.replace(/from "\.\.\/onpe\/ui\/([^"]+)"/g, function (match, component) { return "from \"../ui/".concat(component, "\""); });
+    }
     // Agregar export default si no existe
     if (!personalizedCode.includes("export default")) {
         personalizedCode += "\n\nexport default ".concat(componentNamePascal, ";");

package/dist/cli.js

@@ -5863,83 +5863,213 @@ var lib = {
 
 /**
  * Crea archivos de barril (barrel exports) para simplificar las importaciones
+ * Solo crea las carpetas y archivos que realmente existen
  */
 function createBarrelFiles() {
     return __awaiter(this, void 0, void 0, function () {
-        var componentsDir, mainIndexContent, uiIndexContent, modalsIndexContent, iconsIndexContent, actionsIndexContent, browsersIndexContent, systemsIndexContent, onpeIndexContent;
+        var componentsDir, folderExists, getFilesInFolder, mainExports, mainIndexContent, uiPath, uiFiles, uiExports, uiIndexContent, modalsPath, modalFiles, modalExports, modalsIndexContent, iconsPath, iconExports, iconsIndexContent, iconCategories, _i, iconCategories_1, category, categoryPath, categoryFiles, categoryExports, categoryIndexContent;
+        var _this = this;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
                     componentsDir = path$d.join(process.cwd(), "src", "components", "onpe");
-                    // Crear estructura de carpetas si no existe
-                    return [4 /*yield*/, lib.ensureDir(path$d.join(componentsDir, "ui"))];
+                    // Solo crear la carpeta principal si no existe
+                    return [4 /*yield*/, lib.ensureDir(componentsDir)];
                 case 1:
-                    // Crear estructura de carpetas si no existe
+                    // Solo crear la carpeta principal si no existe
                     _a.sent();
-                    return [4 /*yield*/, lib.ensureDir(path$d.join(componentsDir, "modals"))];
+                    folderExists = function (folderPath) { return __awaiter(_this, void 0, void 0, function () {
+                        var exists, files;
+                        return __generator(this, function (_b) {
+                            switch (_b.label) {
+                                case 0:
+                                    _b.trys.push([0, 3, , 4]);
+                                    return [4 /*yield*/, lib.pathExists(folderPath)];
+                                case 1:
+                                    exists = _b.sent();
+                                    if (!exists)
+                                        return [2 /*return*/, false];
+                                    return [4 /*yield*/, lib.readdir(folderPath)];
+                                case 2:
+                                    files = _b.sent();
+                                    return [2 /*return*/, files.some(function (file) { return file.endsWith(".tsx") && !file.includes(".stories"); })];
+                                case 3:
+                                    _b.sent();
+                                    return [2 /*return*/, false];
+                                case 4: return [2 /*return*/];
+                            }
+                        });
+                    }); };
+                    getFilesInFolder = function (folderPath) { return __awaiter(_this, void 0, void 0, function () {
+                        var files;
+                        return __generator(this, function (_b) {
+                            switch (_b.label) {
+                                case 0:
+                                    _b.trys.push([0, 2, , 3]);
+                                    return [4 /*yield*/, lib.readdir(folderPath)];
+                                case 1:
+                                    files = _b.sent();
+                                    return [2 /*return*/, files.filter(function (file) { return file.endsWith(".tsx") && !file.includes(".stories"); }).map(function (file) { return file.replace(".tsx", ""); })];
+                                case 2:
+                                    _b.sent();
+                                    return [2 /*return*/, []];
+                                case 3: return [2 /*return*/];
+                            }
+                        });
+                    }); };
+                    mainExports = [];
+                    return [4 /*yield*/, folderExists(path$d.join(componentsDir, "ui"))];
                 case 2:
-                    _a.sent();
-                    return [4 /*yield*/, lib.ensureDir(path$d.join(componentsDir, "icons", "actions"))];
+                    if (_a.sent()) {
+                        mainExports.push("export * from './ui';");
+                    }
+                    return [4 /*yield*/, folderExists(path$d.join(componentsDir, "modals"))];
                 case 3:
-                    _a.sent();
-                    return [4 /*yield*/, lib.ensureDir(path$d.join(componentsDir, "icons", "browsers"))];
+                    if (_a.sent()) {
+                        mainExports.push("export * from './modals';");
+                    }
+                    return [4 /*yield*/, folderExists(path$d.join(componentsDir, "icons"))];
                 case 4:
-                    _a.sent();
-                    return [4 /*yield*/, lib.ensureDir(path$d.join(componentsDir, "icons", "systems"))];
+                    if (_a.sent()) {
+                        mainExports.push("export * from './icons';");
+                    }
+                    if (!(mainExports.length > 0)) return [3 /*break*/, 6];
+                    mainIndexContent = "// ONPE UI - Punto de entrada principal\n".concat(mainExports.join("\n"));
+                    return [4 /*yield*/, lib.writeFile(path$d.join(componentsDir, "index.ts"), mainIndexContent)];
                 case 5:
                     _a.sent();
-                    return [4 /*yield*/, lib.ensureDir(path$d.join(componentsDir, "icons", "onpe"))];
+                    _a.label = 6;
                 case 6:
-                    _a.sent();
-                    mainIndexContent = "// ONPE UI - Punto de entrada principal\nexport * from './ui';\nexport * from './modals';\nexport * from './icons';\n\n// Re-exportar todo para importaciones f\u00E1ciles\nexport * from './ui/index';\nexport * from './modals/index';\nexport * from './icons/index';\n";
-                    return [4 /*yield*/, lib.writeFile(path$d.join(componentsDir, "index.ts"), mainIndexContent)];
+                    uiPath = path$d.join(componentsDir, "ui");
+                    return [4 /*yield*/, folderExists(uiPath)];
                 case 7:
-                    _a.sent();
-                    uiIndexContent = "// Componentes UI b\u00E1sicos\nexport * from './Button';\nexport * from './Modal';\nexport * from './Overlay';\nexport * from './Portal';\nexport * from './Show';\n";
-                    return [4 /*yield*/, lib.writeFile(path$d.join(componentsDir, "ui", "index.ts"), uiIndexContent)];
+                    if (!_a.sent()) return [3 /*break*/, 10];
+                    return [4 /*yield*/, getFilesInFolder(uiPath)];
                 case 8:
-                    _a.sent();
-                    modalsIndexContent = "// Modales especializados\nexport * from './ModalConfirm';\nexport * from './ModalLoading';\nexport * from './ModalBrowserIncompatible';\nexport * from './ModalSystemIncompatible';\n";
-                    return [4 /*yield*/, lib.writeFile(path$d.join(componentsDir, "modals", "index.ts"), modalsIndexContent)];
+                    uiFiles = _a.sent();
+                    if (!(uiFiles.length > 0)) return [3 /*break*/, 10];
+                    uiExports = uiFiles.map(function (file) { return "export * from './".concat(file, "';"); }).join("\n");
+                    uiIndexContent = "// Componentes b\u00E1sicos ONPE UI\n".concat(uiExports);
+                    return [4 /*yield*/, lib.writeFile(path$d.join(uiPath, "index.ts"), uiIndexContent)];
                 case 9:
                     _a.sent();
-                    iconsIndexContent = "// Todos los iconos organizados por categor\u00EDas\nexport * from './actions';\nexport * from './browsers';\nexport * from './systems';\nexport * from './onpe';\n";
-                    return [4 /*yield*/, lib.writeFile(path$d.join(componentsDir, "icons", "index.ts"), iconsIndexContent)];
+                    _a.label = 10;
                 case 10:
-                    _a.sent();
-                    actionsIndexContent = "// Iconos de Acciones\nexport * from './IconCheck';\nexport * from './IconClose';\nexport * from './IconWarning';\nexport * from './IconSpinnerDesktop';\nexport * from './IconSpinnerMobile';\nexport * from './IconHome';\n";
-                    return [4 /*yield*/, lib.writeFile(path$d.join(componentsDir, "icons", "actions", "index.ts"), actionsIndexContent)];
+                    modalsPath = path$d.join(componentsDir, "modals");
+                    return [4 /*yield*/, folderExists(modalsPath)];
                 case 11:
-                    _a.sent();
-                    browsersIndexContent = "// Iconos de Navegadores\nexport * from './IconChrome';\nexport * from './IconChromeColor';\nexport * from './IconEdge';\nexport * from './IconEdgeColor';\nexport * from './IconMozilla';\nexport * from './IconMozillaColor';\nexport * from './IconSafari';\nexport * from './IconSafariColor';\n";
-                    return [4 /*yield*/, lib.writeFile(path$d.join(componentsDir, "icons", "browsers", "index.ts"), browsersIndexContent)];
+                    if (!_a.sent()) return [3 /*break*/, 14];
+                    return [4 /*yield*/, getFilesInFolder(modalsPath)];
                 case 12:
-                    _a.sent();
-                    systemsIndexContent = "// Iconos de Sistemas Operativos\nexport * from './IconAndroid';\nexport * from './IconApple';\nexport * from './IconWindow';\n";
-                    return [4 /*yield*/, lib.writeFile(path$d.join(componentsDir, "icons", "systems", "index.ts"), systemsIndexContent)];
+                    modalFiles = _a.sent();
+                    if (!(modalFiles.length > 0)) return [3 /*break*/, 14];
+                    modalExports = modalFiles.map(function (file) { return "export * from './".concat(file, "';"); }).join("\n");
+                    modalsIndexContent = "// Modales especializados ONPE\n".concat(modalExports);
+                    return [4 /*yield*/, lib.writeFile(path$d.join(modalsPath, "index.ts"), modalsIndexContent)];
                 case 13:
                     _a.sent();
-                    onpeIndexContent = "// Iconos de ONPE\nexport * from './IconVotoDigital';\nexport * from './IconElectionsGeneral';\nexport * from './IconElections';\n";
-                    return [4 /*yield*/, lib.writeFile(path$d.join(componentsDir, "icons", "onpe", "index.ts"), onpeIndexContent)];
+                    _a.label = 14;
                 case 14:
+                    iconsPath = path$d.join(componentsDir, "icons");
+                    return [4 /*yield*/, folderExists(iconsPath)];
+                case 15:
+                    if (!_a.sent()) return [3 /*break*/, 27];
+                    iconExports = [];
+                    return [4 /*yield*/, folderExists(path$d.join(iconsPath, "actions"))];
+                case 16:
+                    if (_a.sent()) {
+                        iconExports.push("export * from './actions';");
+                    }
+                    return [4 /*yield*/, folderExists(path$d.join(iconsPath, "browsers"))];
+                case 17:
+                    if (_a.sent()) {
+                        iconExports.push("export * from './browsers';");
+                    }
+                    return [4 /*yield*/, folderExists(path$d.join(iconsPath, "systems"))];
+                case 18:
+                    if (_a.sent()) {
+                        iconExports.push("export * from './systems';");
+                    }
+                    return [4 /*yield*/, folderExists(path$d.join(iconsPath, "onpe"))];
+                case 19:
+                    if (_a.sent()) {
+                        iconExports.push("export * from './onpe';");
+                    }
+                    if (!(iconExports.length > 0)) return [3 /*break*/, 21];
+                    iconsIndexContent = "// Iconos ONPE organizados por categor\u00EDas\n".concat(iconExports.join("\n"));
+                    return [4 /*yield*/, lib.writeFile(path$d.join(iconsPath, "index.ts"), iconsIndexContent)];
+                case 20:
+                    _a.sent();
+                    _a.label = 21;
+                case 21:
+                    iconCategories = ["actions", "browsers", "systems", "onpe"];
+                    _i = 0, iconCategories_1 = iconCategories;
+                    _a.label = 22;
+                case 22:
+                    if (!(_i < iconCategories_1.length)) return [3 /*break*/, 27];
+                    category = iconCategories_1[_i];
+                    categoryPath = path$d.join(iconsPath, category);
+                    return [4 /*yield*/, folderExists(categoryPath)];
+                case 23:
+                    if (!_a.sent()) return [3 /*break*/, 26];
+                    return [4 /*yield*/, getFilesInFolder(categoryPath)];
+                case 24:
+                    categoryFiles = _a.sent();
+                    if (!(categoryFiles.length > 0)) return [3 /*break*/, 26];
+                    categoryExports = categoryFiles.map(function (file) { return "export * from './".concat(file, "';"); }).join("\n");
+                    categoryIndexContent = "// Iconos de ".concat(category, "\n").concat(categoryExports);
+                    return [4 /*yield*/, lib.writeFile(path$d.join(categoryPath, "index.ts"), categoryIndexContent)];
+                case 25:
                     _a.sent();
-                    console.log("✅ Archivos de barril creados exitosamente!");
-                    console.log("📁 Estructura creada:");
-                    console.log("   onpe/");
-                    console.log("   ├── index.ts (principal)");
-                    console.log("   ├── ui/index.ts");
-                    console.log("   ├── modals/index.ts");
-                    console.log("   └── icons/");
-                    console.log("       ├── index.ts");
-                    console.log("       ├── actions/index.ts");
-                    console.log("       ├── browsers/index.ts");
-                    console.log("       ├── systems/index.ts");
-                    console.log("       └── onpe/index.ts");
+                    _a.label = 26;
+                case 26:
+                    _i++;
+                    return [3 /*break*/, 22];
+                case 27:
+                    console.log("✅ Archivos de barril actualizados exitosamente!");
+                    console.log("📁 Solo se crearon archivos para carpetas que existen");
                     return [2 /*return*/];
             }
         });
     });
 }
+/**
+ * Crea archivos de barril solo para una carpeta específica
+ */
+function createBarrelForFolder(folderPath) {
+    return __awaiter(this, void 0, void 0, function () {
+        var exists, files, componentFiles, exports_1, indexContent, error_1;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    _a.trys.push([0, 4, , 5]);
+                    return [4 /*yield*/, lib.pathExists(folderPath)];
+                case 1:
+                    exists = _a.sent();
+                    if (!exists)
+                        return [2 /*return*/];
+                    return [4 /*yield*/, lib.readdir(folderPath)];
+                case 2:
+                    files = _a.sent();
+                    componentFiles = files.filter(function (file) { return file.endsWith(".tsx") && !file.includes(".stories"); }).map(function (file) { return file.replace(".tsx", ""); });
+                    if (componentFiles.length === 0)
+                        return [2 /*return*/];
+                    exports_1 = componentFiles.map(function (file) { return "export * from './".concat(file, "';"); }).join("\n");
+                    indexContent = "// Componentes en esta carpeta\n".concat(exports_1);
+                    return [4 /*yield*/, lib.writeFile(path$d.join(folderPath, "index.ts"), indexContent)];
+                case 3:
+                    _a.sent();
+                    console.log("\u2705 Archivo de barril creado para: ".concat(path$d.basename(folderPath)));
+                    return [3 /*break*/, 5];
+                case 4:
+                    error_1 = _a.sent();
+                    console.warn("\u26A0\uFE0F  No se pudo crear el archivo de barril: ".concat(error_1.message));
+                    return [3 /*break*/, 5];
+                case 5: return [2 /*return*/];
+            }
+        });
+    });
+}
 
 var COMPONENTS_URL = "https://raw.githubusercontent.com/ricardosv46/onpe-ui/main/src/components";
 var ICONS_URL = "https://raw.githubusercontent.com/ricardosv46/onpe-ui/main/src/icons";
@@ -6016,7 +6146,7 @@ function addComponent(componentName) {
                     }
                     _a.label = 2;
                 case 2:
-                    _a.trys.push([2, 16, , 17]);
+                    _a.trys.push([2, 17, , 18]);
                     if (!(!isIcon && componentDependencies[componentName.toLowerCase()])) return [3 /*break*/, 8];
                     dependencies = componentDependencies[componentName.toLowerCase()];
                     console.log("\uD83D\uDD17 Instalando dependencias: ".concat(dependencies.join(", ")));
@@ -6059,17 +6189,21 @@ function addComponent(componentName) {
                     console.log("\uD83D\uDCC1 ".concat(isIcon ? "Icono" : "Componente", " guardado en: ").concat(filePath));
                     _a.label = 12;
                 case 12:
-                    _a.trys.push([12, 14, , 15]);
-                    return [4 /*yield*/, createBarrelFiles()];
+                    _a.trys.push([12, 15, , 16]);
+                    return [4 /*yield*/, createBarrelForFolder(componentPath)];
                 case 13:
                     _a.sent();
-                    console.log("🔄 Archivos de barril actualizados");
-                    return [3 /*break*/, 15];
+                    // También actualizar el archivo de barril principal si existe
+                    return [4 /*yield*/, createBarrelFiles()];
                 case 14:
+                    // También actualizar el archivo de barril principal si existe
+                    _a.sent();
+                    return [3 /*break*/, 16];
+                case 15:
                     barrelError_1 = _a.sent();
                     console.warn("\u26A0\uFE0F  No se pudieron actualizar los archivos de barril: ".concat(barrelError_1.message));
-                    return [3 /*break*/, 15];
-                case 15:
+                    return [3 /*break*/, 16];
+                case 16:
                     // Mostrar instrucciones
                     console.log("\n📋 Próximos pasos:");
                     console.log("1. Importa el ".concat(isIcon ? "icono" : "componente", ":"));
@@ -6127,11 +6261,11 @@ function addComponent(componentName) {
                         console.log("2. Usa el ".concat(isIcon ? "icono" : "componente", ":"));
                     }
                     console.log("   <".concat(componentNamePascal, " />"));
-                    return [3 /*break*/, 17];
-                case 16:
+                    return [3 /*break*/, 18];
+                case 17:
                     error_1 = _a.sent();
                     throw new Error("Error al instalar el ".concat(isIcon ? "icono" : "componente", ": ").concat(error_1.message));
-                case 17: return [2 /*return*/];
+                case 18: return [2 /*return*/];
             }
         });
     });
@@ -6247,6 +6381,20 @@ function personalizeComponent(code, componentName) {
             personalizedCode = personalizedCode.replace(pattern, "from \"".concat(newPath, "\""));
         });
     });
+    // Arreglar importaciones relativas dentro de la misma carpeta
+    // Para componentes UI que importan otros componentes UI
+    if (componentName.toLowerCase() === "modal") {
+        personalizedCode = personalizedCode.replace(/from "\.\.\/onpe\/ui\/(Portal|Overlay)"/g, function (match, component) { return "from \"./".concat(component, "\""); });
+        personalizedCode = personalizedCode.replace(/from "\.\.\/onpe\/icons\/actions\/(IconClose)"/g, function (match, component) { return "from \"../icons/actions/".concat(component, "\""); });
+    }
+    // Para otros componentes UI
+    if (!componentName.toLowerCase().startsWith("icon-") && !componentName.toLowerCase().startsWith("modal")) {
+        personalizedCode = personalizedCode.replace(/from "\.\.\/onpe\/ui\/([^"]+)"/g, function (match, component) { return "from \"./".concat(component, "\""); });
+    }
+    // Para modales que importan componentes UI
+    if (componentName.toLowerCase().startsWith("modal") && componentName !== "modal") {
+        personalizedCode = personalizedCode.replace(/from "\.\.\/onpe\/ui\/([^"]+)"/g, function (match, component) { return "from \"../ui/".concat(component, "\""); });
+    }
     // Agregar export default si no existe
     if (!personalizedCode.includes("export default")) {
         personalizedCode += "\n\nexport default ".concat(componentNamePascal, ";");

package/dist/commands/createBarrelFiles.d.ts

@@ -1,5 +1,10 @@
 /**
  * Crea archivos de barril (barrel exports) para simplificar las importaciones
+ * Solo crea las carpetas y archivos que realmente existen
  */
 export declare function createBarrelFiles(): Promise<void>;
+/**
+ * Crea archivos de barril solo para una carpeta específica
+ */
+export declare function createBarrelForFolder(folderPath: string): Promise<void>;
 //# sourceMappingURL=createBarrelFiles.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onpe/ui",
-  "version": "1.1.0",
+  "version": "1.1.2",
   "type": "module",
   "description": "Librería completa de UI para ONPE - Componentes, Hooks, Utils y Librerías",
   "main": "dist/index.js",