@lucca-front/ng 21.1.0-rc.1 → 21.1.0-rc.2

package/schematics/lu-text-input/migration.spec.js

@@ -1,23 +1,23 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const path = require("path");
-const lib_1 = require("../lib");
+const migration_test_js_1 = require("../lib/migration-test.js");
 const collectionPath = path.normalize(path.join(__dirname, '..', 'collection.json'));
 const testsRoot = path.join(__dirname, 'tests');
 describe('Textfield Migration', () => {
     it('should handle basic case files', async () => {
         // Arrange
-        const tree = (0, lib_1.createTreeFromFolder)(path.join(testsRoot, 'input'));
-        const expectedTree = (0, lib_1.createTreeFromFolder)(path.join(testsRoot, 'output'));
+        const tree = (0, migration_test_js_1.createTreeFromFolder)(path.join(testsRoot, 'input'));
+        const expectedTree = (0, migration_test_js_1.createTreeFromFolder)(path.join(testsRoot, 'output'));
         // Act
         try {
-            await (0, lib_1.runSchematic)('collection', collectionPath, 'lu-text-input', { skipInstallation: true }, tree);
+            await (0, migration_test_js_1.runSchematic)('collection', collectionPath, 'lu-text-input', { skipInstallation: true }, tree);
         }
         catch (error) {
             // eslint-disable-next-line no-console
             console.log(error);
         }
         // Assert
-        (0, lib_1.expectTree)(tree).toMatchTree(expectedTree);
+        (0, migration_test_js_1.expectTree)(tree).toMatchTree(expectedTree);
     });
 });

package/schematics/new-icons/index.js

@@ -1,13 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const lib_1 = require("../lib");
+const schematics_js_1 = require("../lib/schematics.js");
 const migration_js_1 = require("./migration.js");
+const lf_schematic_context_1 = require("../lib/lf-schematic-context");
 // Nx need to see "@angular-devkit/schematics" in order to run this migration correctly (see https://github.com/nrwl/nx/blob/d9fed4b832bf01d1b9a44ae9e486a5e5cd2d2253/packages/nx/src/command-line/migrate/migrate.ts#L1729-L1738)
 // eslint-disable-next-line @typescript-eslint/no-require-imports
 require('@angular-devkit/schematics');
 exports.default = (options) => {
     return async (tree, context) => {
-        await lib_1.currentSchematicContext.init(context, options);
+        await lf_schematic_context_1.currentSchematicContext.init(context, options);
         const postCssScss = await Promise.resolve().then(() => require('../lib/local-deps/postcss-scss.js'));
         const { postcssSelectorParser } = await Promise.resolve().then(() => require('../lib/local-deps/postcss-selector-parser.js'));
         tree.visit((path, entry) => {
@@ -15,13 +16,13 @@ exports.default = (options) => {
                 return;
             }
             if (path.endsWith('.scss')) {
-                (0, lib_1.migrateFile)(path, entry, tree, (content) => (0, migration_js_1.migrateScssFile)(content, postCssScss, postcssSelectorParser));
+                (0, schematics_js_1.migrateFile)(path, entry, tree, (content) => (0, migration_js_1.migrateScssFile)(content, postCssScss, postcssSelectorParser));
             }
             if (path.endsWith('.html')) {
-                (0, lib_1.migrateFile)(path, entry, tree, (content) => (0, migration_js_1.migrateHTMLFile)(content));
+                (0, schematics_js_1.migrateFile)(path, entry, tree, (content) => (0, migration_js_1.migrateHTMLFile)(content));
             }
             if (path.endsWith('.ts')) {
-                (0, lib_1.migrateFile)(path, entry, tree, (content) => (0, migration_js_1.migrateTsFile)(path, content));
+                (0, schematics_js_1.migrateFile)(path, entry, tree, (content) => (0, migration_js_1.migrateTsFile)(path, content));
             }
         });
     };

package/schematics/new-icons/migration.js

@@ -4,21 +4,26 @@ exports.migrateScssFile = migrateScssFile;
 exports.migrateHTMLFile = migrateHTMLFile;
 exports.migrateTsFile = migrateTsFile;
 const typescript_1 = require("typescript");
-const lib_1 = require("../lib");
+const angular_template_js_1 = require("../lib/angular-template.js");
+const file_update_js_1 = require("../lib/file-update.js");
+const html_ast_js_1 = require("../lib/html-ast.js");
+const scss_ast_js_1 = require("../lib/scss-ast.js");
+const typescript_ast_js_1 = require("../lib/typescript-ast.js");
 const mapping_js_1 = require("./mapping.js");
+const lf_schematic_context_1 = require("../lib/lf-schematic-context");
 function migrateScssFile(content, postCssScss, postcssSelectorParser) {
     const root = postCssScss.parse(content);
-    (0, lib_1.updateCSSClassNamesInRules)(root, mapping_js_1.oldIconClassToNewIconClass, postcssSelectorParser);
+    (0, scss_ast_js_1.updateCSSClassNamesInRules)(root, mapping_js_1.oldIconClassToNewIconClass, postcssSelectorParser);
     return root.toResult({ syntax: { stringify: postCssScss.stringify } }).css;
 }
 function migrateHTMLFile(content) {
-    content = (0, lib_1.updateCssClassNames)(content, mapping_js_1.oldIconClassToNewIconClass);
-    content = (0, lib_1.replaceComponentInput)('lu-icon', 'icon', mapping_js_1.oldIconToNewIcon, content);
-    return (0, lib_1.updateContent)(content, (updates) => {
-        const htmlAst = new lib_1.HtmlAst(content);
+    content = (0, html_ast_js_1.updateCssClassNames)(content, mapping_js_1.oldIconClassToNewIconClass);
+    content = (0, angular_template_js_1.replaceComponentInput)('lu-icon', 'icon', mapping_js_1.oldIconToNewIcon, content);
+    return (0, file_update_js_1.updateContent)(content, (updates) => {
+        const htmlAst = new html_ast_js_1.HtmlAst(content);
         htmlAst.visitElementWithAttribute(/.*/, 'class', (elem, attr) => {
-            const legacyIconText = attr.value.includes('lucca-icon') && elem.children.find((c) => c instanceof lib_1.currentSchematicContext.angularCompiler.TmplAstText && mapping_js_1.oldIcons.has(c.value));
-            if (attr.valueSpan && legacyIconText && legacyIconText instanceof lib_1.currentSchematicContext.angularCompiler.TmplAstText) {
+            const legacyIconText = attr.value.includes('lucca-icon') && elem.children.find((c) => c instanceof lf_schematic_context_1.currentSchematicContext.angularCompiler.TmplAstText && mapping_js_1.oldIcons.has(c.value));
+            if (attr.valueSpan && legacyIconText && legacyIconText instanceof lf_schematic_context_1.currentSchematicContext.angularCompiler.TmplAstText) {
                 updates.push({
                     position: legacyIconText.sourceSpan.start.offset,
                     oldContent: legacyIconText.value,
@@ -34,14 +39,14 @@ function migrateHTMLFile(content) {
     });
 }
 function migrateTsFile(fileName, content) {
-    return (0, lib_1.updateContent)(content, (updates) => {
+    return (0, file_update_js_1.updateContent)(content, (updates) => {
         const sourcefile = (0, typescript_1.createSourceFile)(fileName, content, typescript_1.ScriptTarget.ESNext);
-        const templates = (0, lib_1.extractNgTemplates)(sourcefile);
+        const templates = (0, angular_template_js_1.extractNgTemplates)(sourcefile);
         updates.push(...templates.map((tpl) => ({
             position: tpl.offsetStart,
             oldContent: tpl.content,
             newContent: migrateHTMLFile(tpl.content)
         })));
-        updates.push(...(0, lib_1.replaceStringLiterals)(sourcefile, mapping_js_1.oldIconClassToNewIconClass));
+        updates.push(...(0, typescript_ast_js_1.replaceStringLiterals)(sourcefile, mapping_js_1.oldIconClassToNewIconClass));
     });
 }

package/schematics/new-icons/migration.spec.js

@@ -3,25 +3,25 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const fs = require("fs");
 const glob = require("glob");
 const path = require("path");
-const lib_1 = require("../lib");
+const migration_test_js_1 = require("../lib/migration-test.js");
 const collectionPath = path.normalize(path.join(__dirname, '..', 'collection.json'));
 const testsRoot = path.join(__dirname, 'tests');
 const files = fs.readdirSync(testsRoot);
 describe('New icons Migration', () => {
     it('should update files', async () => {
         // Arrange
-        const tree = (0, lib_1.createTreeFromFiles)(testsRoot, files, '.input.');
-        const expectedTree = (0, lib_1.createTreeFromFiles)(testsRoot, files, '.output.');
+        const tree = (0, migration_test_js_1.createTreeFromFiles)(testsRoot, files, '.input.');
+        const expectedTree = (0, migration_test_js_1.createTreeFromFiles)(testsRoot, files, '.output.');
         // Act
         try {
-            await (0, lib_1.runSchematic)('collection', collectionPath, 'new-icons', { skipInstallation: true }, tree);
+            await (0, migration_test_js_1.runSchematic)('collection', collectionPath, 'new-icons', { skipInstallation: true }, tree);
         }
         catch (error) {
             // eslint-disable-next-line no-console
             console.log(error);
         }
         // Assert
-        (0, lib_1.expectTree)(tree).toMatchTree(expectedTree);
+        (0, migration_test_js_1.expectTree)(tree).toMatchTree(expectedTree);
     });
     // Use this to migrate @lucca-front/* packages
     it.skip('should migrate @lucca-front/*', async () => {
@@ -33,10 +33,10 @@ describe('New icons Migration', () => {
             ...glob.sync('packages/ng/**/*', { cwd: lfRoot, nodir: true, ignore: ['**/schematics/**'] }),
             ...glob.sync('stories/**', { cwd: lfRoot, nodir: true }),
         ];
-        const treeOriginalTree = (0, lib_1.createTreeFromFiles)(lfRoot, lfFiles, '.');
-        const tree = (0, lib_1.createTreeFromFiles)(lfRoot, lfFiles, '.');
+        const treeOriginalTree = (0, migration_test_js_1.createTreeFromFiles)(lfRoot, lfFiles, '.');
+        const tree = (0, migration_test_js_1.createTreeFromFiles)(lfRoot, lfFiles, '.');
         // Act
-        await (0, lib_1.runSchematic)('collection', collectionPath, 'new-icons', { skipInstallation: true }, tree);
+        await (0, migration_test_js_1.runSchematic)('collection', collectionPath, 'new-icons', { skipInstallation: true }, tree);
         // Assert
         tree.visit((p, entry) => {
             const original = treeOriginalTree.get(p)?.content.toString() || '';

package/schematics/palettes/index.js

@@ -1,13 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const lib_1 = require("../lib");
+const css_mapper_1 = require("../lib/css-mapper");
+const lf_schematic_context_1 = require("../lib/lf-schematic-context");
 // Nx need to see "@angular-devkit/schematics" in order to run this migration correctly (see https://github.com/nrwl/nx/blob/d9fed4b832bf01d1b9a44ae9e486a5e5cd2d2253/packages/nx/src/command-line/migrate/migrate.ts#L1729-L1738)
 // eslint-disable-next-line @typescript-eslint/no-require-imports
 require('@angular-devkit/schematics');
 exports.default = (options) => {
     return async (tree, context) => {
-        await lib_1.currentSchematicContext.init(context, options);
-        await new lib_1.CssMapper(tree, {
+        await lf_schematic_context_1.currentSchematicContext.init(context, options);
+        await new css_mapper_1.CssMapper(tree, {
             classes: {
                 'palette-grey': 'palette-neutral',
                 'palette-primary': 'palette-product',

package/schematics/palettes/migration.spec.js

@@ -3,25 +3,25 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const fs = require("fs");
 const glob = require("glob");
 const path = require("path");
-const lib_1 = require("../lib");
+const migration_test_js_1 = require("../lib/migration-test.js");
 const collectionPath = path.normalize(path.join(__dirname, '..', 'collection.json'));
 const testsRoot = path.join(__dirname, 'tests');
 const files = fs.readdirSync(testsRoot);
 describe('Palettes Migration', () => {
     it('should update files', async () => {
         // Arrange
-        const tree = (0, lib_1.createTreeFromFiles)(testsRoot, files, '.input.');
-        const expectedTree = (0, lib_1.createTreeFromFiles)(testsRoot, files, '.output.');
+        const tree = (0, migration_test_js_1.createTreeFromFiles)(testsRoot, files, '.input.');
+        const expectedTree = (0, migration_test_js_1.createTreeFromFiles)(testsRoot, files, '.output.');
         // Act
         try {
-            await (0, lib_1.runSchematic)('collection', collectionPath, 'palettes', { skipInstallation: true }, tree);
+            await (0, migration_test_js_1.runSchematic)('collection', collectionPath, 'palettes', { skipInstallation: true }, tree);
         }
         catch (error) {
             // eslint-disable-next-line no-console
             console.log(error);
         }
         // Assert
-        (0, lib_1.expectTree)(tree).toMatchTree(expectedTree);
+        (0, migration_test_js_1.expectTree)(tree).toMatchTree(expectedTree);
     });
     // Use this to migrate @lucca-front/* packages
     it.skip('should migrate @lucca-front/*', async () => {
@@ -33,10 +33,10 @@ describe('Palettes Migration', () => {
             ...glob.sync('packages/ng/**/*', { cwd: lfRoot, nodir: true, ignore: ['**/schematics/**'] }),
             ...glob.sync('stories/**', { cwd: lfRoot, nodir: true }),
         ];
-        const treeOriginalTree = (0, lib_1.createTreeFromFiles)(lfRoot, lfFiles, '.');
-        const tree = (0, lib_1.createTreeFromFiles)(lfRoot, lfFiles, '.');
+        const treeOriginalTree = (0, migration_test_js_1.createTreeFromFiles)(lfRoot, lfFiles, '.');
+        const tree = (0, migration_test_js_1.createTreeFromFiles)(lfRoot, lfFiles, '.');
         // Act
-        await (0, lib_1.runSchematic)('collection', collectionPath, 'palettes', { skipInstallation: true }, tree);
+        await (0, migration_test_js_1.runSchematic)('collection', collectionPath, 'palettes', { skipInstallation: true }, tree);
         // Assert
         tree.visit((p, entry) => {
             const original = treeOriginalTree.get(p)?.content.toString() || '';

package/schematics/tokens-radius/index.js

@@ -1,13 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const lib_1 = require("../lib");
+const css_mapper_1 = require("../lib/css-mapper");
+const lf_schematic_context_1 = require("../lib/lf-schematic-context");
 // Nx need to see "@angular-devkit/schematics" in order to run this migration correctly (see https://github.com/nrwl/nx/blob/d9fed4b832bf01d1b9a44ae9e486a5e5cd2d2253/packages/nx/src/command-line/migrate/migrate.ts#L1729-L1738)
 // eslint-disable-next-line @typescript-eslint/no-require-imports
 require('@angular-devkit/schematics');
 exports.default = (options) => {
     return async (tree, context) => {
-        await lib_1.currentSchematicContext.init(context, options);
-        await new lib_1.CssMapper(tree, {
+        await lf_schematic_context_1.currentSchematicContext.init(context, options);
+        await new css_mapper_1.CssMapper(tree, {
             classes: {},
             variables: {
                 '--commons-borderRadius-M': '--pr-t-border-radius-default',

package/schematics/tokens-radius/migration.spec.js

@@ -3,25 +3,25 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const fs = require("fs");
 const glob = require("glob");
 const path = require("path");
-const lib_1 = require("../lib");
+const migration_test_js_1 = require("../lib/migration-test.js");
 const collectionPath = path.normalize(path.join(__dirname, '..', 'collection.json'));
 const testsRoot = path.join(__dirname, 'tests');
 const files = fs.readdirSync(testsRoot);
 describe('Tokens radius Migration', () => {
     it('should update files', async () => {
         // Arrange
-        const tree = (0, lib_1.createTreeFromFiles)(testsRoot, files, '.input.');
-        const expectedTree = (0, lib_1.createTreeFromFiles)(testsRoot, files, '.output.');
+        const tree = (0, migration_test_js_1.createTreeFromFiles)(testsRoot, files, '.input.');
+        const expectedTree = (0, migration_test_js_1.createTreeFromFiles)(testsRoot, files, '.output.');
         // Act
         try {
-            await (0, lib_1.runSchematic)('collection', collectionPath, 'tokens-radius', { skipInstallation: true }, tree);
+            await (0, migration_test_js_1.runSchematic)('collection', collectionPath, 'tokens-radius', { skipInstallation: true }, tree);
         }
         catch (error) {
             // eslint-disable-next-line no-console
             console.log(error);
         }
         // Assert
-        (0, lib_1.expectTree)(tree).toMatchTree(expectedTree);
+        (0, migration_test_js_1.expectTree)(tree).toMatchTree(expectedTree);
     });
     // Use this to migrate @lucca-front/* packages
     it.skip('should migrate @lucca-front/*', async () => {
@@ -33,10 +33,10 @@ describe('Tokens radius Migration', () => {
             ...glob.sync('packages/ng/**/*', { cwd: lfRoot, nodir: true, ignore: ['**/schematics/**'] }),
             ...glob.sync('stories/**', { cwd: lfRoot, nodir: true }),
         ];
-        const treeOriginalTree = (0, lib_1.createTreeFromFiles)(lfRoot, lfFiles, '.');
-        const tree = (0, lib_1.createTreeFromFiles)(lfRoot, lfFiles, '.');
+        const treeOriginalTree = (0, migration_test_js_1.createTreeFromFiles)(lfRoot, lfFiles, '.');
+        const tree = (0, migration_test_js_1.createTreeFromFiles)(lfRoot, lfFiles, '.');
         // Act
-        await (0, lib_1.runSchematic)('collection', collectionPath, 'tokens-radius', { skipInstallation: true }, tree);
+        await (0, migration_test_js_1.runSchematic)('collection', collectionPath, 'tokens-radius', { skipInstallation: true }, tree);
         // Assert
         tree.visit((p, entry) => {
             const original = treeOriginalTree.get(p)?.content.toString() || '';

package/schematics/tokens-spacing/index.js

@@ -1,13 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const lib_1 = require("../lib");
+const css_mapper_1 = require("../lib/css-mapper");
+const lf_schematic_context_1 = require("../lib/lf-schematic-context");
 // Nx need to see "@angular-devkit/schematics" in order to run this migration correctly (see https://github.com/nrwl/nx/blob/d9fed4b832bf01d1b9a44ae9e486a5e5cd2d2253/packages/nx/src/command-line/migrate/migrate.ts#L1729-L1738)
 // eslint-disable-next-line @typescript-eslint/no-require-imports
 require('@angular-devkit/schematics');
 exports.default = (options) => {
     return async (tree, context) => {
-        await lib_1.currentSchematicContext.init(context, options);
-        await new lib_1.CssMapper(tree, {
+        await lf_schematic_context_1.currentSchematicContext.init(context, options);
+        await new css_mapper_1.CssMapper(tree, {
             classes: {
                 'u-margin{tshirt}': 'pr-u-margin{tshirt}',
                 'u-marginTop{tshirt}': 'pr-u-marginTop{tshirt}',

package/schematics/tokens-spacing/migration.spec.js

@@ -3,25 +3,25 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const fs = require("fs");
 const glob = require("glob");
 const path = require("path");
-const lib_1 = require("../lib");
+const migration_test_js_1 = require("../lib/migration-test.js");
 const collectionPath = path.normalize(path.join(__dirname, '..', 'collection.json'));
 const testsRoot = path.join(__dirname, 'tests');
 const files = fs.readdirSync(testsRoot);
 describe('Tokens spacing Migration', () => {
     it('should update files', async () => {
         // Arrange
-        const tree = (0, lib_1.createTreeFromFiles)(testsRoot, files, '.input.');
-        const expectedTree = (0, lib_1.createTreeFromFiles)(testsRoot, files, '.output.');
+        const tree = (0, migration_test_js_1.createTreeFromFiles)(testsRoot, files, '.input.');
+        const expectedTree = (0, migration_test_js_1.createTreeFromFiles)(testsRoot, files, '.output.');
         // Act
         try {
-            await (0, lib_1.runSchematic)('collection', collectionPath, 'tokens-spacings', { skipInstallation: true }, tree);
+            await (0, migration_test_js_1.runSchematic)('collection', collectionPath, 'tokens-spacings', { skipInstallation: true }, tree);
         }
         catch (error) {
             // eslint-disable-next-line no-console
             console.log(error);
         }
         // Assert
-        (0, lib_1.expectTree)(tree).toMatchTree(expectedTree);
+        (0, migration_test_js_1.expectTree)(tree).toMatchTree(expectedTree);
     });
     // Use this to migrate @lucca-front/* packages
     it.skip('should migrate @lucca-front/*', async () => {
@@ -33,10 +33,10 @@ describe('Tokens spacing Migration', () => {
             ...glob.sync('packages/ng/**/*', { cwd: lfRoot, nodir: true, ignore: ['**/schematics/**'] }),
             ...glob.sync('stories/**', { cwd: lfRoot, nodir: true }),
         ];
-        const treeOriginalTree = (0, lib_1.createTreeFromFiles)(lfRoot, lfFiles, '.');
-        const tree = (0, lib_1.createTreeFromFiles)(lfRoot, lfFiles, '.');
+        const treeOriginalTree = (0, migration_test_js_1.createTreeFromFiles)(lfRoot, lfFiles, '.');
+        const tree = (0, migration_test_js_1.createTreeFromFiles)(lfRoot, lfFiles, '.');
         // Act
-        await (0, lib_1.runSchematic)('collection', collectionPath, 'tokens-spacings', { skipInstallation: true }, tree);
+        await (0, migration_test_js_1.runSchematic)('collection', collectionPath, 'tokens-spacings', { skipInstallation: true }, tree);
         // Assert
         tree.visit((p, entry) => {
             const original = treeOriginalTree.get(p)?.content.toString() || '';

package/schematics/tokens-typo/index.js

@@ -1,13 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const lib_1 = require("../lib");
+const css_mapper_1 = require("../lib/css-mapper");
+const lf_schematic_context_1 = require("../lib/lf-schematic-context");
 // Nx need to see "@angular-devkit/schematics" in order to run this migration correctly (see https://github.com/nrwl/nx/blob/d9fed4b832bf01d1b9a44ae9e486a5e5cd2d2253/packages/nx/src/command-line/migrate/migrate.ts#L1729-L1738)
 // eslint-disable-next-line @typescript-eslint/no-require-imports
 require('@angular-devkit/schematics');
 exports.default = (options) => {
     return async (tree, context) => {
-        await lib_1.currentSchematicContext.init(context, options);
-        await new lib_1.CssMapper(tree, {
+        await lf_schematic_context_1.currentSchematicContext.init(context, options);
+        await new css_mapper_1.CssMapper(tree, {
             classes: {},
             variables: {
                 '--commons-font-family': '--pr-t-font-family',

package/schematics/tokens-typo/migration.spec.js

@@ -3,25 +3,25 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const fs = require("fs");
 const glob = require("glob");
 const path = require("path");
-const lib_1 = require("../lib");
+const migration_test_js_1 = require("../lib/migration-test.js");
 const collectionPath = path.normalize(path.join(__dirname, '..', 'collection.json'));
 const testsRoot = path.join(__dirname, 'tests');
 const files = fs.readdirSync(testsRoot);
 describe('Tokens typo Migration', () => {
     it('should update files', async () => {
         // Arrange
-        const tree = (0, lib_1.createTreeFromFiles)(testsRoot, files, '.input.');
-        const expectedTree = (0, lib_1.createTreeFromFiles)(testsRoot, files, '.output.');
+        const tree = (0, migration_test_js_1.createTreeFromFiles)(testsRoot, files, '.input.');
+        const expectedTree = (0, migration_test_js_1.createTreeFromFiles)(testsRoot, files, '.output.');
         // Act
         try {
-            await (0, lib_1.runSchematic)('collection', collectionPath, 'tokens-typo', { skipInstallation: true }, tree);
+            await (0, migration_test_js_1.runSchematic)('collection', collectionPath, 'tokens-typo', { skipInstallation: true }, tree);
         }
         catch (error) {
             // eslint-disable-next-line no-console
             console.log(error);
         }
         // Assert
-        (0, lib_1.expectTree)(tree).toMatchTree(expectedTree);
+        (0, migration_test_js_1.expectTree)(tree).toMatchTree(expectedTree);
     });
     // Use this to migrate @lucca-front/* packages
     it.skip('should migrate @lucca-front/*', async () => {
@@ -33,10 +33,10 @@ describe('Tokens typo Migration', () => {
             ...glob.sync('packages/ng/**/*', { cwd: lfRoot, nodir: true, ignore: ['**/schematics/**'] }),
             ...glob.sync('stories/**', { cwd: lfRoot, nodir: true }),
         ];
-        const treeOriginalTree = (0, lib_1.createTreeFromFiles)(lfRoot, lfFiles, '.');
-        const tree = (0, lib_1.createTreeFromFiles)(lfRoot, lfFiles, '.');
+        const treeOriginalTree = (0, migration_test_js_1.createTreeFromFiles)(lfRoot, lfFiles, '.');
+        const tree = (0, migration_test_js_1.createTreeFromFiles)(lfRoot, lfFiles, '.');
         // Act
-        await (0, lib_1.runSchematic)('collection', collectionPath, 'tokens-typo', { skipInstallation: true }, tree);
+        await (0, migration_test_js_1.runSchematic)('collection', collectionPath, 'tokens-typo', { skipInstallation: true }, tree);
         // Assert
         tree.visit((p, entry) => {
             const original = treeOriginalTree.get(p)?.content.toString() || '';

package/src/components/cdk/_overlay.scss

@@ -33,17 +33,12 @@
 
 	> * {
 		flex-grow: 1;
-		min-inline-size: 0;
 	}
 
 	&.mod-optionPicker {
 		min-inline-size: 13rem;
 		max-inline-size: 30rem;
 	}
-
-	&:has(> lu-select-panel) {
-		max-inline-size: 35rem !important;
-	}
 }
 
 .cdk-overlay-backdrop {

package/src/definitions/option/_option-item.scss

@@ -51,7 +51,6 @@
 			padding-inline: var(--components-options-item-padding-horizontal);
 			transition: background-color 50ms;
 			cursor: pointer;
-			overflow-wrap: anywhere;
 
 			::ng-deep {
 				.avatar {

package/types/lucca-front-ng-api.d.ts

@@ -122,6 +122,15 @@ declare class LuApiFeederComponent<T extends ILuApiItem = ILuApiItem> extends AL
     static ɵcmp: i0.ɵɵComponentDeclaration<LuApiFeederComponent<any>, "lu-api-feeder", never, { "standard": { "alias": "standard"; "required": false; }; "api": { "alias": "api"; "required": false; }; "fields": { "alias": "fields"; "required": false; }; "filters": { "alias": "filters"; "required": false; }; "orderBy": { "alias": "orderBy"; "required": false; }; "sort": { "alias": "sort"; "required": false; }; }, {}, never, never, true, never>;
 }
 
+/**
+ * @deprecated use `LuApiFeederComponent` instead
+ */
+declare class LuApiFeederModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<LuApiFeederModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<LuApiFeederModule, never, [typeof LuApiFeederComponent], [typeof LuApiFeederComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<LuApiFeederModule>;
+}
+
 type ILuApiOptionSearcher<T extends ILuApiItem = ILuApiItem> = ILuApiOptionFeeder<T>;
 declare abstract class ALuApiOptionSearcher<T extends ILuApiItem = ILuApiItem, S extends ILuApiService<T> = ILuApiService<T>> implements ILuApiOptionFeeder<T>, ILuOnOpenSubscriber {
     protected _service: S;
@@ -282,6 +291,15 @@ declare class LuApiSearcherModule {
     static ɵinj: i0.ɵɵInjectorDeclaration<LuApiSearcherModule>;
 }
 
+/**
+ * @deprecated use `LuApiPagerComponent` instead
+ */
+declare class LuApiPagerModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<LuApiPagerModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<LuApiPagerModule, never, [typeof LuApiPagerComponent], [typeof LuApiPagerComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<LuApiPagerModule>;
+}
+
 /**
  * @deprecated use `LuApiSelectInputComponent` instead
  */
@@ -291,5 +309,5 @@ declare class LuApiSelectInputModule {
     static ɵinj: i0.ɵɵInjectorDeclaration<LuApiSelectInputModule>;
 }
 
-export { ALuApiOptionFeeder, ALuApiOptionPagedSearcher, ALuApiOptionPager, ALuApiOptionSearcher, ALuApiService, LuApiFeederComponent, LuApiHybridService, LuApiModule, LuApiPagedSearcherComponent, LuApiPagerComponent, LuApiSearcherComponent, LuApiSearcherModule, LuApiSelectInputComponent, LuApiSelectInputModule, LuApiSelectModule, LuApiV3Service, LuApiV4Service };
+export { ALuApiOptionFeeder, ALuApiOptionPagedSearcher, ALuApiOptionPager, ALuApiOptionSearcher, ALuApiService, LuApiFeederComponent, LuApiFeederModule, LuApiHybridService, LuApiModule, LuApiPagedSearcherComponent, LuApiPagerComponent, LuApiPagerModule, LuApiSearcherComponent, LuApiSearcherModule, LuApiSelectInputComponent, LuApiSelectInputModule, LuApiSelectModule, LuApiV3Service, LuApiV4Service };
 export type { ILuApiCollectionResponse, ILuApiFeederService, ILuApiItem, ILuApiOptionFeeder, ILuApiOptionPagedSearcher, ILuApiOptionPager, ILuApiOptionSearcher, ILuApiPagerService, ILuApiResponse, ILuApiService, ILuApiSuggestion };

package/types/lucca-front-ng-breadcrumbs.d.ts

@@ -12,7 +12,7 @@ interface LuBreadcrumbsLabel {
 }
 
 declare class BreadcrumbsComponent {
-    readonly intl: _angular_core.InputSignalWithTransform<LuBreadcrumbsLabel, Partial<LuBreadcrumbsLabel>>;
+    intl: _angular_core.InputSignalWithTransform<LuBreadcrumbsLabel, Partial<LuBreadcrumbsLabel>>;
     readonly disableCompact: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly links: _angular_core.Signal<readonly BreadcrumbsLinkDirective[]>;
     readonly isCompact: _angular_core.Signal<boolean>;

package/types/lucca-front-ng-button.d.ts

@@ -1,61 +1 @@
-import * as _angular_core from '@angular/core';
-import { ElementRef } from '@angular/core';
-import { Palette } from '@lucca-front/ng/core';
-
-declare class ButtonComponent {
-    #private;
-    readonly notifyError: _angular_core.WritableSignal<boolean>;
-    /**
-     * Change the size of the Button
-     */
-    readonly size: _angular_core.InputSignal<"M" | "S" | "XS">;
-    /**
-     * Apply block display
-     */
-    readonly block: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /**
-     * Indicates an action with significant or irreversible consequences on hover and focus. Only compatible with outlined and ghost
-     */
-    readonly critical: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /**
-     * @deprecated use `critical` input instead
-     */
-    readonly delete: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /**
-     * Indicates the presence of a menu
-     */
-    readonly disclosure: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /**
-     * Applies a color palette to the Button
-     */
-    readonly palette: _angular_core.InputSignal<Palette>;
-    /**
-     * Modifies the state of the Button
-     */
-    readonly state: _angular_core.InputSignal<"success" | "error" | "default" | "loading">;
-    /**
-     * '' is the default value when you just set the `luButton` directive without a value attached to it.
-     * We just make this explicit here.
-     */
-    readonly luButton: _angular_core.InputSignal<"" | "outlined" | "AI" | "AI-invert" | "ghost" | "ghost-invert" | "text" | "text-invert">;
-    readonly iconComponentRef: _angular_core.Signal<ElementRef<HTMLElement>>;
-    readonly classesConfig: _angular_core.Signal<{
-        [x: string]: boolean;
-        "mod-block": boolean;
-        "mod-onlyIcon": boolean;
-        "mod-iconOnLeft": boolean;
-        "mod-iconOnRight": boolean;
-        "mod-withIcon": boolean;
-        "mod-critical": boolean;
-        "mod-disclosure": boolean;
-    }>;
-    private get iconOnly();
-    private get iconOnLeft();
-    private get iconOnRight();
-    constructor();
-    triggerErrorIfNeeded(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ButtonComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ButtonComponent, "button[luButton],a[luButton]", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "block": { "alias": "block"; "required": false; "isSignal": true; }; "critical": { "alias": "critical"; "required": false; "isSignal": true; }; "delete": { "alias": "delete"; "required": false; "isSignal": true; }; "disclosure": { "alias": "disclosure"; "required": false; "isSignal": true; }; "palette": { "alias": "palette"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "luButton": { "alias": "luButton"; "required": false; "isSignal": true; }; }, {}, ["iconComponentRef"], ["*"], true, never>;
-}
-
-export { ButtonComponent };
+export * from '@lucca/prisme/button';