@lucca-front/ng 21.1.0-split.0 → 21.1.0

package/schematics/ng-add/tasks.js

@@ -1,31 +1,36 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.getProject = getProject;
+exports.getAngularJson = getAngularJson;
 exports.updateStylesScss = updateStylesScss;
 exports.updateAngularJson = updateAngularJson;
-exports.createPalettesOverrideScss = createPalettesOverrideScss;
 exports.createShameScss = createShameScss;
 const file_content_1 = require("./file-content");
 const files = {
-    globalStyles: 'src/styles.scss',
-    shameStyles: 'src/scss/_shame.scss',
-    palettesOverride: 'src/scss/overrides/_palettes.override.scss',
+    globalStyles: 'styles.scss',
+    shameStyles: 'scss/_shame.scss',
 };
-function updateStylesScss(tree) {
-    const existingLength = tree.read(files.globalStyles)?.toString().length ?? 0;
-    const styleUpdateRecord = tree.beginUpdate(files.globalStyles).insertRight(existingLength, file_content_1.stylesScss);
+function getProject(angularJson) {
+    const { defaultProject, projects } = angularJson;
+    const project = defaultProject ?? Object.keys(projects)[0];
+    return projects[project];
+}
+function getAngularJson(tree) {
+    return JSON.parse(tree.read('angular.json')?.toString() ?? '{}');
+}
+function updateStylesScss(tree, project) {
+    const path = `${project.sourceRoot ?? 'src'}/${files.globalStyles}`;
+    const existingLength = tree.read(path)?.toString().length ?? 0;
+    const styleUpdateRecord = tree.beginUpdate(path).insertRight(existingLength, file_content_1.stylesScss);
     tree.commitUpdate(styleUpdateRecord);
 }
-function updateAngularJson(tree) {
-    const angularJson = JSON.parse(tree.read('angular.json')?.toString() ?? '{}');
-    const { defaultProject, projects } = angularJson;
-    projects[defaultProject].architect.build.options.stylePreprocessorOptions = {
-        includePaths: ['src/scss/overrides', 'src/scss', 'node_modules/@lucca-front/ng/src'],
+function updateAngularJson(tree, project, angularJson) {
+    project.architect.build.options.stylePreprocessorOptions = {
+        includePaths: ['src/scss', 'node_modules'],
     };
     tree.overwrite('angular.json', JSON.stringify(angularJson, undefined, '  ') + '\n');
 }
-function createPalettesOverrideScss(tree) {
-    tree.create(files.palettesOverride, tree.read('node_modules/@lucca-front/scss/src/theming/_palettes.scss') ?? '');
-}
-function createShameScss(tree) {
-    tree.create(files.shameStyles, file_content_1.shameScss);
+function createShameScss(tree, project) {
+    const path = `${project.sourceRoot ?? 'src'}/${files.shameStyles}`;
+    tree.create(path, file_content_1.shameScss);
 }

package/schematics/palettes/index.js

@@ -1,14 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const css_mapper_1 = require("../lib/css-mapper");
-const lf_schematic_context_1 = require("../lib/lf-schematic-context");
+const lib_1 = require("../lib");
 // 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 lf_schematic_context_1.currentSchematicContext.init(context, options);
-        await new css_mapper_1.CssMapper(tree, {
+        await lib_1.currentSchematicContext.init(context, options);
+        await new lib_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 migration_test_js_1 = require("../lib/migration-test.js");
+const lib_1 = require("../lib");
 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, migration_test_js_1.createTreeFromFiles)(testsRoot, files, '.input.');
-        const expectedTree = (0, migration_test_js_1.createTreeFromFiles)(testsRoot, files, '.output.');
+        const tree = (0, lib_1.createTreeFromFiles)(testsRoot, files, '.input.');
+        const expectedTree = (0, lib_1.createTreeFromFiles)(testsRoot, files, '.output.');
         // Act
         try {
-            await (0, migration_test_js_1.runSchematic)('collection', collectionPath, 'palettes', { skipInstallation: true }, tree);
+            await (0, lib_1.runSchematic)('collection', collectionPath, 'palettes', { skipInstallation: true }, tree);
         }
         catch (error) {
             // eslint-disable-next-line no-console
             console.log(error);
         }
         // Assert
-        (0, migration_test_js_1.expectTree)(tree).toMatchTree(expectedTree);
+        (0, lib_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, migration_test_js_1.createTreeFromFiles)(lfRoot, lfFiles, '.');
-        const tree = (0, migration_test_js_1.createTreeFromFiles)(lfRoot, lfFiles, '.');
+        const treeOriginalTree = (0, lib_1.createTreeFromFiles)(lfRoot, lfFiles, '.');
+        const tree = (0, lib_1.createTreeFromFiles)(lfRoot, lfFiles, '.');
         // Act
-        await (0, migration_test_js_1.runSchematic)('collection', collectionPath, 'palettes', { skipInstallation: true }, tree);
+        await (0, lib_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,14 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const css_mapper_1 = require("../lib/css-mapper");
-const lf_schematic_context_1 = require("../lib/lf-schematic-context");
+const lib_1 = require("../lib");
 // 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 lf_schematic_context_1.currentSchematicContext.init(context, options);
-        await new css_mapper_1.CssMapper(tree, {
+        await lib_1.currentSchematicContext.init(context, options);
+        await new lib_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 migration_test_js_1 = require("../lib/migration-test.js");
+const lib_1 = require("../lib");
 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, migration_test_js_1.createTreeFromFiles)(testsRoot, files, '.input.');
-        const expectedTree = (0, migration_test_js_1.createTreeFromFiles)(testsRoot, files, '.output.');
+        const tree = (0, lib_1.createTreeFromFiles)(testsRoot, files, '.input.');
+        const expectedTree = (0, lib_1.createTreeFromFiles)(testsRoot, files, '.output.');
         // Act
         try {
-            await (0, migration_test_js_1.runSchematic)('collection', collectionPath, 'tokens-radius', { skipInstallation: true }, tree);
+            await (0, lib_1.runSchematic)('collection', collectionPath, 'tokens-radius', { skipInstallation: true }, tree);
         }
         catch (error) {
             // eslint-disable-next-line no-console
             console.log(error);
         }
         // Assert
-        (0, migration_test_js_1.expectTree)(tree).toMatchTree(expectedTree);
+        (0, lib_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, migration_test_js_1.createTreeFromFiles)(lfRoot, lfFiles, '.');
-        const tree = (0, migration_test_js_1.createTreeFromFiles)(lfRoot, lfFiles, '.');
+        const treeOriginalTree = (0, lib_1.createTreeFromFiles)(lfRoot, lfFiles, '.');
+        const tree = (0, lib_1.createTreeFromFiles)(lfRoot, lfFiles, '.');
         // Act
-        await (0, migration_test_js_1.runSchematic)('collection', collectionPath, 'tokens-radius', { skipInstallation: true }, tree);
+        await (0, lib_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,14 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const css_mapper_1 = require("../lib/css-mapper");
-const lf_schematic_context_1 = require("../lib/lf-schematic-context");
+const lib_1 = require("../lib");
 // 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 lf_schematic_context_1.currentSchematicContext.init(context, options);
-        await new css_mapper_1.CssMapper(tree, {
+        await lib_1.currentSchematicContext.init(context, options);
+        await new lib_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 migration_test_js_1 = require("../lib/migration-test.js");
+const lib_1 = require("../lib");
 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, migration_test_js_1.createTreeFromFiles)(testsRoot, files, '.input.');
-        const expectedTree = (0, migration_test_js_1.createTreeFromFiles)(testsRoot, files, '.output.');
+        const tree = (0, lib_1.createTreeFromFiles)(testsRoot, files, '.input.');
+        const expectedTree = (0, lib_1.createTreeFromFiles)(testsRoot, files, '.output.');
         // Act
         try {
-            await (0, migration_test_js_1.runSchematic)('collection', collectionPath, 'tokens-spacings', { skipInstallation: true }, tree);
+            await (0, lib_1.runSchematic)('collection', collectionPath, 'tokens-spacings', { skipInstallation: true }, tree);
         }
         catch (error) {
             // eslint-disable-next-line no-console
             console.log(error);
         }
         // Assert
-        (0, migration_test_js_1.expectTree)(tree).toMatchTree(expectedTree);
+        (0, lib_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, migration_test_js_1.createTreeFromFiles)(lfRoot, lfFiles, '.');
-        const tree = (0, migration_test_js_1.createTreeFromFiles)(lfRoot, lfFiles, '.');
+        const treeOriginalTree = (0, lib_1.createTreeFromFiles)(lfRoot, lfFiles, '.');
+        const tree = (0, lib_1.createTreeFromFiles)(lfRoot, lfFiles, '.');
         // Act
-        await (0, migration_test_js_1.runSchematic)('collection', collectionPath, 'tokens-spacings', { skipInstallation: true }, tree);
+        await (0, lib_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,14 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const css_mapper_1 = require("../lib/css-mapper");
-const lf_schematic_context_1 = require("../lib/lf-schematic-context");
+const lib_1 = require("../lib");
 // 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 lf_schematic_context_1.currentSchematicContext.init(context, options);
-        await new css_mapper_1.CssMapper(tree, {
+        await lib_1.currentSchematicContext.init(context, options);
+        await new lib_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 migration_test_js_1 = require("../lib/migration-test.js");
+const lib_1 = require("../lib");
 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, migration_test_js_1.createTreeFromFiles)(testsRoot, files, '.input.');
-        const expectedTree = (0, migration_test_js_1.createTreeFromFiles)(testsRoot, files, '.output.');
+        const tree = (0, lib_1.createTreeFromFiles)(testsRoot, files, '.input.');
+        const expectedTree = (0, lib_1.createTreeFromFiles)(testsRoot, files, '.output.');
         // Act
         try {
-            await (0, migration_test_js_1.runSchematic)('collection', collectionPath, 'tokens-typo', { skipInstallation: true }, tree);
+            await (0, lib_1.runSchematic)('collection', collectionPath, 'tokens-typo', { skipInstallation: true }, tree);
         }
         catch (error) {
             // eslint-disable-next-line no-console
             console.log(error);
         }
         // Assert
-        (0, migration_test_js_1.expectTree)(tree).toMatchTree(expectedTree);
+        (0, lib_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, migration_test_js_1.createTreeFromFiles)(lfRoot, lfFiles, '.');
-        const tree = (0, migration_test_js_1.createTreeFromFiles)(lfRoot, lfFiles, '.');
+        const treeOriginalTree = (0, lib_1.createTreeFromFiles)(lfRoot, lfFiles, '.');
+        const tree = (0, lib_1.createTreeFromFiles)(lfRoot, lfFiles, '.');
         // Act
-        await (0, migration_test_js_1.runSchematic)('collection', collectionPath, 'tokens-typo', { skipInstallation: true }, tree);
+        await (0, lib_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,12 +33,17 @@
 
 	> * {
 		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,6 +51,7 @@
 			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,15 +122,6 @@ 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;
@@ -291,15 +282,6 @@ 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
  */
@@ -309,5 +291,5 @@ declare class LuApiSelectInputModule {
     static ɵinj: i0.ɵɵInjectorDeclaration<LuApiSelectInputModule>;
 }
 
-export { ALuApiOptionFeeder, ALuApiOptionPagedSearcher, ALuApiOptionPager, ALuApiOptionSearcher, ALuApiService, LuApiFeederComponent, LuApiFeederModule, LuApiHybridService, LuApiModule, LuApiPagedSearcherComponent, LuApiPagerComponent, LuApiPagerModule, LuApiSearcherComponent, LuApiSearcherModule, LuApiSelectInputComponent, LuApiSelectInputModule, LuApiSelectModule, LuApiV3Service, LuApiV4Service };
+export { ALuApiOptionFeeder, ALuApiOptionPagedSearcher, ALuApiOptionPager, ALuApiOptionSearcher, ALuApiService, LuApiFeederComponent, LuApiHybridService, LuApiModule, LuApiPagedSearcherComponent, LuApiPagerComponent, 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 {
-    intl: _angular_core.InputSignalWithTransform<LuBreadcrumbsLabel, Partial<LuBreadcrumbsLabel>>;
+    readonly 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-callout.d.ts

@@ -11,9 +11,23 @@ declare class CalloutActionsComponent {
 }
 
 declare class CalloutDisclosureComponent {
+    /**
+     * The title of the disclosure callout
+     */
     readonly heading: _angular_core.InputSignal<PortalContent>;
+    /**
+     * Which icon should we display in the disclosure callout if any?
+     * Defaults to no icon.
+     */
     readonly icon: _angular_core.InputSignal<LuccaIcon>;
+    /**
+     * Which palette should be used for the entire disclosure callout.
+     * Defaults to none (inherits parent palette)
+     */
     readonly palette: _angular_core.InputSignal<Palette>;
+    /**
+     * Which size should the disclosure callout be? Defaults to medium
+     */
     readonly size: _angular_core.InputSignal<"M" | "S">;
     /**
      * State is a shorthand to set the icon and the palette to the recommended values for the icon and palette based on
@@ -23,12 +37,18 @@ declare class CalloutDisclosureComponent {
      * state (so setting state to success and palette to warning will make the palette warning)
      */
     readonly state: _angular_core.InputSignal<"success" | "warning" | "error">;
+    /**
+     * Is the disclosure callout is open by default
+     */
     readonly open: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Emit boolean event when toggle disclosure callout opened
+     */
+    readonly openChange: _angular_core.OutputEmitterRef<boolean>;
     readonly calloutPalette: _angular_core.Signal<string>;
     readonly calloutClasses: _angular_core.Signal<{
         [x: string]: boolean;
     }>;
-    openChange: _angular_core.OutputEmitterRef<boolean>;
     onToggle(event: Event): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<CalloutDisclosureComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<CalloutDisclosureComponent, "lu-callout-disclosure", never, { "heading": { "alias": "heading"; "required": true; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "palette": { "alias": "palette"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; }, { "openChange": "openChange"; }, never, ["*"], true, never>;
@@ -45,7 +65,14 @@ declare class CalloutFeedbackItemComponent {
 
 declare class CalloutFeedbackListComponent {
     #private;
+    /**
+     * Which palette should be used for the entire feedback list callout.
+     * Defaults to none (inherits parent palette)
+     */
     readonly palette: _angular_core.InputSignal<Palette>;
+    /**
+     * Which size should the feedback list callout be? Defaults to medium
+     */
     readonly size: _angular_core.InputSignal<"M" | "S">;
     constructor();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<CalloutFeedbackListComponent, never>;
@@ -69,6 +96,9 @@ declare class CalloutPopoverComponent {
      * Alternative for the button
      */
     readonly buttonAlt: _angular_core.InputSignal<string>;
+    /**
+     * Hide callout popover title if there is only one item
+     */
     readonly headingHiddenIfSingleItem: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /**
      * Palette for both the button and the popover content
@@ -124,7 +154,7 @@ interface LuCalloutLabel {
 declare const luCalloutTranslations: LuTranslation<LuCalloutLabel>;
 
 declare class CalloutComponent {
-    intl: _angular_core.InputSignalWithTransform<_lucca_front_ng_callout.LuCalloutLabel, Partial<_lucca_front_ng_callout.LuCalloutLabel>>;
+    readonly intl: _angular_core.InputSignalWithTransform<_lucca_front_ng_callout.LuCalloutLabel, Partial<_lucca_front_ng_callout.LuCalloutLabel>>;
     /**
      * The title of the callout
      */

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

@@ -8,16 +8,46 @@ interface ChipTranslate {
 }
 
 declare class ChipComponent {
-    intl: _angular_core.InputSignalWithTransform<ChipTranslate, Partial<ChipTranslate>>;
+    readonly intl: _angular_core.InputSignalWithTransform<ChipTranslate, Partial<ChipTranslate>>;
+    /**
+     * Add an ellipsis if the text is too long
+     */
     readonly withEllipsis: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Makes the chip non-removable
+     */
     readonly unkillable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Which palette should be used for the entire chip.
+     * Defaults to none (inherits parent palette)
+     */
     readonly palette: _angular_core.InputSignal<string>;
+    /**
+     * Disabled the chip
+     */
     readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Which size should the chip be? Defaults or small
+     */
     readonly size: _angular_core.InputSignal<"S">;
+    /**
+     * State is a shorthand to set the icon and the palette to the recommended values for the icon and palette based on
+     * the provided state.
+     *
+     * If one of the icon or palette inputs are filled along with the state input, their values will have the priority over
+     * state (so setting state to success and palette to warning will make the palette warning)
+     */
     readonly state: _angular_core.InputSignal<"warning" | "critical">;
-    readonly stateAlt: _angular_core.Signal<string>;
+    /**
+     * Which icon should we display in the chip if any?
+     * Defaults to no icon.
+     */
     readonly icon: _angular_core.InputSignal<LuccaIcon>;
+    /**
+     * Emit event when button kill is click
+     */
     readonly kill: _angular_core.OutputEmitterRef<Event>;
+    readonly stateAlt: _angular_core.Signal<string>;
     readonly isWarning: _angular_core.Signal<boolean>;
     readonly isCritical: _angular_core.Signal<boolean>;
     readonly displayedIcon: _angular_core.Signal<LuccaIcon>;

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

@@ -16,11 +16,26 @@ declare abstract class ALuClear<T> implements ILuClear<T> {
 
 declare class ClearComponent<T> extends ALuClear<T> implements ILuClear<T> {
     #private;
-    intl: _angular_core.InputSignalWithTransform<LuClearLabel, Partial<LuClearLabel>>;
-    size: _angular_core.InputSignal<"S">;
-    disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    palette: _angular_core.InputSignal<Palette>;
-    inverted: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly intl: _angular_core.InputSignalWithTransform<LuClearLabel, Partial<LuClearLabel>>;
+    /**
+     * Which size should the clear be? Defaults to small
+     */
+    readonly size: _angular_core.InputSignal<"S">;
+    /**
+     * Disabled the clear
+     */
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Which palette should be used for the entire clear
+     */
+    readonly palette: _angular_core.InputSignal<Palette>;
+    /**
+     * Change the clear colors for use on a dark background
+     */
+    readonly inverted: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Emit event when button clear is click
+     */
     onClear: EventEmitter<T>;
     contentRef: _angular_core.Signal<readonly ElementRef<any>[]>;
     constructor();

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

@@ -5,34 +5,42 @@ import { PortalContent } from '@lucca-front/ng/core';
 
 declare class CommentComponent {
     #private;
-    noAvatar: _angular_core.Signal<boolean>;
-    avatar: _angular_core.Signal<_angular_core.TemplateRef<unknown>>;
-    authorName: _angular_core.Signal<_lucca_front_ng_core.PortalContent>;
-    size: _angular_core.Signal<"S" | "M">;
-    date: _angular_core.InputSignal<Date>;
+    readonly content: _angular_core.InputSignal<string>;
+    readonly date: _angular_core.InputSignal<Date>;
     /**
      * format given to the date pipe for display.
      *
      * See https://angular.dev/api/common/DatePipe#custom-format-options
      */
-    datePipeFormat: _angular_core.InputSignal<string>;
-    content: _angular_core.InputSignal<string>;
-    contentIsHTML: _angular_core.Signal<boolean>;
-    dateDisplay: _angular_core.Signal<string>;
-    role: _angular_core.Signal<string>;
+    readonly datePipeFormat: _angular_core.InputSignal<string>;
+    readonly noAvatar: _angular_core.Signal<boolean>;
+    readonly avatar: _angular_core.Signal<_angular_core.TemplateRef<unknown>>;
+    readonly authorName: _angular_core.Signal<_lucca_front_ng_core.PortalContent>;
+    readonly size: _angular_core.Signal<"S" | "M">;
+    readonly contentIsHTML: _angular_core.Signal<boolean>;
+    readonly dateDisplay: _angular_core.Signal<string>;
+    readonly role: _angular_core.Signal<string>;
     get roleAttr(): string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<CommentComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CommentComponent, "lu-comment", never, { "date": { "alias": "date"; "required": false; "isSignal": true; }; "datePipeFormat": { "alias": "datePipeFormat"; "required": false; "isSignal": true; }; "content": { "alias": "content"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CommentComponent, "lu-comment", never, { "content": { "alias": "content"; "required": false; "isSignal": true; }; "date": { "alias": "date"; "required": false; "isSignal": true; }; "datePipeFormat": { "alias": "datePipeFormat"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
 declare class CommentBlockComponent {
     #private;
     readonly comments: _angular_core.Signal<readonly CommentComponent[]>;
     readonly compact: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Small is a shorthand to set the size to small
+     *
+     * If the size input is filled along with the small input, their values will have the priority
+     */
     readonly small: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly chatAnswer: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly authorName: _angular_core.InputSignal<PortalContent>;
     readonly avatar: _angular_core.InputSignal<TemplateRef<unknown>>;
+    /**
+     * Which size should the block comment be? Defaults or small
+     */
     readonly size: _angular_core.InputSignal<"S" | "M">;
     readonly noAvatar: _angular_core.Signal<boolean>;
     readonly isSingleComment: _angular_core.Signal<boolean>;

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

@@ -1,10 +1,10 @@
 import * as _angular_core from '@angular/core';
 
 declare class ContainerComponent {
-    center: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    overflow: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    max: _angular_core.InputSignal<"M" | "L" | "XL" | "XXL" | "XXXL">;
-    classesConfig: _angular_core.Signal<{
+    readonly center: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly overflow: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly max: _angular_core.InputSignal<"M" | "L" | "XL" | "XXL" | "XXXL">;
+    readonly classesConfig: _angular_core.Signal<{
         [x: string]: boolean;
         "mod-center": boolean;
         "mod-overflow": boolean;