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

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-a11y.d.ts

@@ -1,14 +1,14 @@
-import * as _lucca_front_ng_a11y from '@lucca-front/ng/a11y';
 import * as i0 from '@angular/core';
 import { InjectionToken } from '@angular/core';
+import * as _lucca_front_ng_a11y from '@lucca-front/ng/a11y';
 import { LuTranslation } from '@lucca-front/ng/core';
 
 declare class LuSkipLinksComponent {
     #private;
-    protected intl: _lucca_front_ng_a11y.ILuSkipLinksLabel;
+    protected intl: i0.InputSignalWithTransform<_lucca_front_ng_a11y.ILuSkipLinksLabel, Partial<_lucca_front_ng_a11y.ILuSkipLinksLabel>>;
     anchor(hash: string, e: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<LuSkipLinksComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LuSkipLinksComponent, "lu-skip-links", never, {}, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LuSkipLinksComponent, "lu-skip-links", never, { "intl": { "alias": "intl"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare const LU_SKIP_LINKS_TRANSLATIONS: InjectionToken<LuTranslation<ILuSkipLinksLabel>>;

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

@@ -1,10 +1,10 @@
-import * as i0 from '@angular/core';
+import * as _angular_core from '@angular/core';
 import { TemplateRef } from '@angular/core';
 
 declare class BreadcrumbsLinkDirective {
     template: TemplateRef<any>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<BreadcrumbsLinkDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<BreadcrumbsLinkDirective, "[luBreadcrumbsLink]", never, {}, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BreadcrumbsLinkDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BreadcrumbsLinkDirective, "[luBreadcrumbsLink]", never, {}, {}, never, never, true, never>;
 }
 
 interface LuBreadcrumbsLabel {
@@ -12,13 +12,13 @@ interface LuBreadcrumbsLabel {
 }
 
 declare class BreadcrumbsComponent {
-    intl: LuBreadcrumbsLabel;
-    readonly disableCompact: i0.InputSignalWithTransform<boolean, unknown>;
-    readonly links: i0.Signal<readonly BreadcrumbsLinkDirective[]>;
-    readonly isCompact: i0.Signal<boolean>;
+    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>;
     readonly id: string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<BreadcrumbsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BreadcrumbsComponent, "lu-breadcrumbs", never, { "disableCompact": { "alias": "disableCompact"; "required": false; "isSignal": true; }; }, {}, ["links"], never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BreadcrumbsComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BreadcrumbsComponent, "lu-breadcrumbs", never, { "intl": { "alias": "intl"; "required": false; "isSignal": true; }; "disableCompact": { "alias": "disableCompact"; "required": false; "isSignal": true; }; }, {}, ["links"], never, true, never>;
 }
 
 export { BreadcrumbsComponent, BreadcrumbsLinkDirective };

package/types/lucca-front-ng-bubble-icon.d.ts

@@ -0,0 +1,20 @@
+import * as _angular_core from '@angular/core';
+import { LuccaIcon } from '@lucca-front/icons';
+import { Palette, DecorativePalette } from '@lucca-front/ng/core';
+
+declare class BubbleIconComponent {
+    readonly icon: _angular_core.InputSignal<LuccaIcon>;
+    readonly alt: _angular_core.InputSignal<string>;
+    readonly size: _angular_core.InputSignal<"" | "S" | "L">;
+    readonly palette: _angular_core.InputSignal<Palette | DecorativePalette>;
+    readonly paletteClass: _angular_core.Signal<{
+        [x: string]: boolean;
+    }>;
+    readonly bubbleDirection: _angular_core.InputSignal<"top" | "bottom" | "left" | "right">;
+    readonly randomNumber: _angular_core.WritableSignal<number>;
+    readonly direction: _angular_core.Signal<number>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BubbleIconComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BubbleIconComponent, "lu-bubble-icon", never, { "icon": { "alias": "icon"; "required": true; "isSignal": true; }; "alt": { "alias": "alt"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "palette": { "alias": "palette"; "required": false; "isSignal": true; }; "bubbleDirection": { "alias": "bubbleDirection"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { BubbleIconComponent };

package/types/lucca-front-ng-bubble-illustration.d.ts

@@ -0,0 +1,24 @@
+import * as _angular_core from '@angular/core';
+import { Palette, DecorativePalette } from '@lucca-front/ng/core';
+
+declare const BubbleIllustrationList: readonly ["moodAngry", "moodBored", "moodHappy", "moodJoyful", "moodMoody", "moodSad", "moodShoked", "moodSly", "moodSmirking", "moodSurprised", "absence", "anniversary", "awardRibbon", "banknote", "battery", "bell", "binders", "biscuit", "bookmark", "books", "bronzeMedal", "building", "bulb", "calculator", "calendar", "camera", "charts", "chat", "checkmark", "chemistry", "clipboard", "clock", "coffee", "cup", "diamond", "equity", "error", "export", "file", "fish", "folder", "gear", "gift", "goldMedal", "graduate", "growth", "hearth", "home", "hourglass", "import", "invoice", "jigsaw", "link", "lock", "magnifyingGlass", "mail", "map", "mapPin", "medical", "megaphone", "mix", "mobile", "multipleReceipts", "newbie", "newsFeed", "office", "outside", "paint", "paperplane", "party", "paymentCards", "payslip", "pen", "percent", "phone", "picture", "polaroid", "receipt", "recruit", "reload", "restaurant", "rocket", "save", "screwdriver", "security", "silverMedal", "sliders", "speed", "stopwatch", "subjects", "survey", "target", "tasklist", "temperature", "thumbtack", "thumbUp", "timer", "trash", "userID", "video", "warning", "widget"];
+type BubbleIllustration = (typeof BubbleIllustrationList)[number];
+
+declare class BubbleIllustrationComponent {
+    readonly domain = "https://cdn.lucca.fr";
+    readonly path = "/transverse/prisme/visuals/bubble-illustration/";
+    readonly extension = ".svg";
+    readonly illustration: _angular_core.InputSignal<"moodAngry" | "moodBored" | "moodHappy" | "moodJoyful" | "moodMoody" | "moodSad" | "moodShoked" | "moodSly" | "moodSmirking" | "moodSurprised" | "absence" | "anniversary" | "awardRibbon" | "banknote" | "battery" | "bell" | "binders" | "biscuit" | "bookmark" | "books" | "bronzeMedal" | "building" | "bulb" | "calculator" | "calendar" | "camera" | "charts" | "chat" | "checkmark" | "chemistry" | "clipboard" | "clock" | "coffee" | "cup" | "diamond" | "equity" | "error" | "export" | "file" | "fish" | "folder" | "gear" | "gift" | "goldMedal" | "graduate" | "growth" | "hearth" | "home" | "hourglass" | "import" | "invoice" | "jigsaw" | "link" | "lock" | "magnifyingGlass" | "mail" | "map" | "mapPin" | "medical" | "megaphone" | "mix" | "mobile" | "multipleReceipts" | "newbie" | "newsFeed" | "office" | "outside" | "paint" | "paperplane" | "party" | "paymentCards" | "payslip" | "pen" | "percent" | "phone" | "picture" | "polaroid" | "receipt" | "recruit" | "reload" | "restaurant" | "rocket" | "save" | "screwdriver" | "security" | "silverMedal" | "sliders" | "speed" | "stopwatch" | "subjects" | "survey" | "target" | "tasklist" | "temperature" | "thumbtack" | "thumbUp" | "timer" | "trash" | "userID" | "video" | "warning" | "widget">;
+    readonly palette: _angular_core.InputSignal<Palette | DecorativePalette>;
+    readonly size: _angular_core.InputSignal<"" | "S" | "L">;
+    readonly action: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly illustrationUrl: _angular_core.Signal<string>;
+    readonly paletteClass: _angular_core.Signal<{
+        [x: string]: boolean;
+    }>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BubbleIllustrationComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BubbleIllustrationComponent, "lu-bubble-illustration", never, { "illustration": { "alias": "illustration"; "required": true; "isSignal": true; }; "palette": { "alias": "palette"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "action": { "alias": "action"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { BubbleIllustrationComponent, BubbleIllustrationList };
+export type { BubbleIllustration };

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

@@ -5,12 +5,33 @@ 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.

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: _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
      */
@@ -176,7 +206,7 @@ declare class CalloutComponent {
         [x: string]: boolean;
     }>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<CalloutComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CalloutComponent, "lu-callout", never, { "heading": { "alias": "heading"; "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; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "removable": { "alias": "removable"; "required": false; "isSignal": true; }; "removed": { "alias": "removed"; "required": false; "isSignal": true; }; "iconAlt": { "alias": "iconAlt"; "required": false; "isSignal": true; }; "AI": { "alias": "AI"; "required": false; "isSignal": true; }; }, { "removedChange": "removedChange"; }, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CalloutComponent, "lu-callout", never, { "intl": { "alias": "intl"; "required": false; "isSignal": true; }; "heading": { "alias": "heading"; "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; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "removable": { "alias": "removable"; "required": false; "isSignal": true; }; "removed": { "alias": "removed"; "required": false; "isSignal": true; }; "iconAlt": { "alias": "iconAlt"; "required": false; "isSignal": true; }; "AI": { "alias": "AI"; "required": false; "isSignal": true; }; }, { "removedChange": "removedChange"; }, never, ["*"], true, never>;
 }
 
 export { CalloutActionsComponent, CalloutComponent, CalloutDisclosureComponent, CalloutFeedbackItemComponent, CalloutFeedbackItemDescriptionDirective, CalloutFeedbackListComponent, CalloutPopoverComponent, CalloutStateMap, CalloutStates, LU_CALLOUT_TRANSLATIONS, luCalloutTranslations };

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

@@ -8,21 +8,51 @@ interface ChipTranslate {
 }
 
 declare class ChipComponent {
-    intl: 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>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ChipComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ChipComponent, "lu-chip, button[luChip], a[luChip]", never, { "withEllipsis": { "alias": "withEllipsis"; "required": false; "isSignal": true; }; "unkillable": { "alias": "unkillable"; "required": false; "isSignal": true; }; "palette": { "alias": "palette"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; }, { "kill": "kill"; }, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ChipComponent, "lu-chip, button[luChip], a[luChip]", never, { "intl": { "alias": "intl"; "required": false; "isSignal": true; }; "withEllipsis": { "alias": "withEllipsis"; "required": false; "isSignal": true; }; "unkillable": { "alias": "unkillable"; "required": false; "isSignal": true; }; "palette": { "alias": "palette"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; }, { "kill": "kill"; }, never, ["*"], true, never>;
 }
 
 export { ChipComponent };

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

@@ -16,17 +16,32 @@ declare abstract class ALuClear<T> implements ILuClear<T> {
 
 declare class ClearComponent<T> extends ALuClear<T> implements ILuClear<T> {
     #private;
-    intl: 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();
     clear($event: Event): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ClearComponent<any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ClearComponent<any>, "lu-clear", ["luClearer"], { "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "palette": { "alias": "palette"; "required": false; "isSignal": true; }; "inverted": { "alias": "inverted"; "required": false; "isSignal": true; }; }, { "onClear": "onClear"; }, ["contentRef"], ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ClearComponent<any>, "lu-clear", ["luClearer"], { "intl": { "alias": "intl"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "palette": { "alias": "palette"; "required": false; "isSignal": true; }; "inverted": { "alias": "inverted"; "required": false; "isSignal": true; }; }, { "onClear": "onClear"; }, ["contentRef"], ["*"], true, never>;
 }
 
 export { ALuClear, ClearComponent };

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

@@ -0,0 +1,12 @@
+import * as _angular_core from '@angular/core';
+
+declare class ColorComponent {
+    readonly value: _angular_core.InputSignal<string>;
+    readonly borderColor: _angular_core.InputSignal<string>;
+    readonly size: _angular_core.InputSignal<"L" | "XL">;
+    readonly hiddenName: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ColorComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ColorComponent, "lu-color", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "borderColor": { "alias": "borderColor"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "hiddenName": { "alias": "hiddenName"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+export { ColorComponent };