@lucca-front/ng 22.1.0-rc.4 → 22.1.1

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

@@ -42,8 +42,8 @@ declare class NoopValueAccessorDirective implements ControlValueAccessor {
 declare class CheckboxInputComponent implements FilterPillInputComponent, OnInit {
     #private;
     readonly framed: boolean;
-    readonly parentInput: FilterPillInputComponent;
-    readonly formField: FormFieldComponent;
+    readonly parentInput: FilterPillInputComponent | null;
+    readonly formField: FormFieldComponent | null;
     readonly intl: {
         yes: string;
         no: string;
@@ -90,8 +90,8 @@ declare const INVARIANT_CULTURE_CODE = "invariant";
 declare class MultilanguageInputComponent implements ControlValueAccessor {
     #private;
     readonly intl: _angular_core.InputSignalWithTransform<_lucca_front_ng_forms.LuMultilanguageInputTranslations, Partial<_lucca_front_ng_forms.LuMultilanguageInputTranslations>>;
-    readonly formFieldRef: FormFieldComponent;
-    readonly formFieldSize: _angular_core.InputSignal<"XS" | "S" | "M">;
+    readonly formFieldRef: FormFieldComponent | null;
+    readonly formFieldSize: _angular_core.InputSignal<"XS" | "S" | "M" | null> | undefined;
     protected onTouched: () => void;
     protected onChange: (_value: MultilanguageTranslation[]) => void;
     readonly placeholder: _angular_core.InputSignal<string>;
@@ -149,35 +149,40 @@ declare class NumberFormatInputComponent implements AfterViewInit {
     ngAfterViewInit(): void;
     readonly formatStyle: _angular_core.InputSignal<NumberFormatStyle>;
     readonly useAutoPrefixSuffix: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "true" | "false">;
-    readonly prefix: _angular_core.InputSignal<TextInputAddon>;
-    readonly suffix: _angular_core.InputSignal<TextInputAddon>;
-    readonly currency: _angular_core.InputSignal<string>;
-    readonly currencyDisplay: _angular_core.InputSignal<NumberFormatCurrencyDisplay>;
-    readonly unit: _angular_core.InputSignal<NumberFormatUnit>;
-    readonly unitDisplay: _angular_core.InputSignal<NumberFormatUnitDisplay>;
-    readonly min: _angular_core.InputSignalWithTransform<number, number | `${number}` | "undefined">;
-    readonly max: _angular_core.InputSignalWithTransform<number, number | `${number}` | "undefined">;
+    readonly prefix: _angular_core.InputSignal<TextInputAddon | undefined>;
+    readonly suffix: _angular_core.InputSignal<TextInputAddon | undefined>;
+    readonly currency: _angular_core.InputSignal<string | undefined>;
+    readonly currencyDisplay: _angular_core.InputSignal<NumberFormatCurrencyDisplay | undefined>;
+    readonly unit: _angular_core.InputSignal<NumberFormatUnit | undefined>;
+    readonly unitDisplay: _angular_core.InputSignal<NumberFormatUnitDisplay | undefined>;
+    readonly min: _angular_core.InputSignalWithTransform<number | undefined, number | `${number}` | "undefined" | undefined>;
+    readonly max: _angular_core.InputSignalWithTransform<number | undefined, number | `${number}` | "undefined" | undefined>;
     readonly placeholder: _angular_core.InputSignal<string>;
     readonly hasClearer: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "true" | "false">;
     readonly valueAlignRight: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "true" | "false">;
-    readonly inputElementRef: _angular_core.Signal<ElementRef<HTMLInputElement>>;
-    readonly prefixAddon: _angular_core.Signal<TextInputAddon>;
-    readonly suffixAddon: _angular_core.Signal<TextInputAddon>;
+    /**
+     * Width of the input itself, using the same scale as the form field width
+     */
+    readonly width: _angular_core.InputSignalWithTransform<10 | 20 | 30 | 40 | 50 | 60 | null, 10 | 20 | 30 | 40 | 50 | 60 | "null" | "10" | "20" | "30" | "40" | "50" | "60" | null>;
+    protected readonly widthClass: _angular_core.Signal<string | null>;
+    readonly inputElementRef: _angular_core.Signal<ElementRef<HTMLInputElement> | undefined>;
+    readonly prefixAddon: _angular_core.Signal<TextInputAddon | undefined>;
+    readonly suffixAddon: _angular_core.Signal<TextInputAddon | undefined>;
     readonly formatOptions: _angular_core.Signal<{
         locale: string;
         style: NumberFormatStyle;
-        min: number;
-        max: number;
-        currency: string;
-        currencyDisplay: NumberFormatCurrencyDisplay;
-        unit: NumberFormatUnit;
-        unitDisplay: NumberFormatUnitDisplay;
+        min: number | undefined;
+        max: number | undefined;
+        currency: string | undefined;
+        currencyDisplay: NumberFormatCurrencyDisplay | undefined;
+        unit: NumberFormatUnit | undefined;
+        unitDisplay: NumberFormatUnitDisplay | undefined;
     }>;
     readonly formattedValue: _angular_core.Signal<string>;
     readonly intl: _angular_core.InputSignalWithTransform<_lucca_front_ng_forms.LuNumberFormatFieldLabel, Partial<_lucca_front_ng_forms.LuNumberFormatFieldLabel>>;
     clearValue(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<NumberFormatInputComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NumberFormatInputComponent, "lu-number-format-input", never, { "formatStyle": { "alias": "formatStyle"; "required": false; "isSignal": true; }; "useAutoPrefixSuffix": { "alias": "useAutoPrefixSuffix"; "required": false; "isSignal": true; }; "prefix": { "alias": "prefix"; "required": false; "isSignal": true; }; "suffix": { "alias": "suffix"; "required": false; "isSignal": true; }; "currency": { "alias": "currency"; "required": false; "isSignal": true; }; "currencyDisplay": { "alias": "currencyDisplay"; "required": false; "isSignal": true; }; "unit": { "alias": "unit"; "required": false; "isSignal": true; }; "unitDisplay": { "alias": "unitDisplay"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "hasClearer": { "alias": "hasClearer"; "required": false; "isSignal": true; }; "valueAlignRight": { "alias": "valueAlignRight"; "required": false; "isSignal": true; }; "intl": { "alias": "intl"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof NoopValueAccessorDirective; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NumberFormatInputComponent, "lu-number-format-input", never, { "formatStyle": { "alias": "formatStyle"; "required": false; "isSignal": true; }; "useAutoPrefixSuffix": { "alias": "useAutoPrefixSuffix"; "required": false; "isSignal": true; }; "prefix": { "alias": "prefix"; "required": false; "isSignal": true; }; "suffix": { "alias": "suffix"; "required": false; "isSignal": true; }; "currency": { "alias": "currency"; "required": false; "isSignal": true; }; "currencyDisplay": { "alias": "currencyDisplay"; "required": false; "isSignal": true; }; "unit": { "alias": "unit"; "required": false; "isSignal": true; }; "unitDisplay": { "alias": "unitDisplay"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "hasClearer": { "alias": "hasClearer"; "required": false; "isSignal": true; }; "valueAlignRight": { "alias": "valueAlignRight"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "intl": { "alias": "intl"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof NoopValueAccessorDirective; inputs: {}; outputs: {}; }]>;
 }
 
 declare class NumberInputComponent {
@@ -189,27 +194,32 @@ declare class NumberInputComponent {
     readonly noSpinButtons: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "true" | "false">;
     readonly hasClearer: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "true" | "false">;
     readonly inputElementRef: _angular_core.Signal<ElementRef<HTMLInputElement>>;
-    readonly prefix: _angular_core.InputSignal<TextInputAddon>;
-    readonly suffix: _angular_core.InputSignal<TextInputAddon>;
-    readonly min: _angular_core.InputSignalWithTransform<number, number | `${number}` | "undefined">;
-    readonly max: _angular_core.InputSignalWithTransform<number, number | `${number}` | "undefined">;
+    readonly prefix: _angular_core.InputSignal<TextInputAddon | undefined>;
+    readonly suffix: _angular_core.InputSignal<TextInputAddon | undefined>;
+    readonly min: _angular_core.InputSignalWithTransform<number | undefined, number | `${number}` | "undefined" | undefined>;
+    readonly max: _angular_core.InputSignalWithTransform<number | undefined, number | `${number}` | "undefined" | undefined>;
     readonly valueAlignRight: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "true" | "false">;
+    /**
+     * Width of the input itself, using the same scale as the form field width
+     */
+    readonly width: _angular_core.InputSignalWithTransform<10 | 20 | 30 | 40 | 50 | 60 | null, 10 | 20 | 30 | 40 | 50 | 60 | "null" | "10" | "20" | "30" | "40" | "50" | "60" | null>;
+    protected readonly widthClass: _angular_core.Signal<string | null>;
     readonly intl: _angular_core.InputSignalWithTransform<_lucca_front_ng_forms.LuNumberFieldLabel, Partial<_lucca_front_ng_forms.LuNumberFieldLabel>>;
     clearValue(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<NumberInputComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NumberInputComponent, "lu-number-input", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "noSpinButtons": { "alias": "noSpinButtons"; "required": false; "isSignal": true; }; "hasClearer": { "alias": "hasClearer"; "required": false; "isSignal": true; }; "prefix": { "alias": "prefix"; "required": false; "isSignal": true; }; "suffix": { "alias": "suffix"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "valueAlignRight": { "alias": "valueAlignRight"; "required": false; "isSignal": true; }; "intl": { "alias": "intl"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof NoopValueAccessorDirective; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NumberInputComponent, "lu-number-input", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "noSpinButtons": { "alias": "noSpinButtons"; "required": false; "isSignal": true; }; "hasClearer": { "alias": "hasClearer"; "required": false; "isSignal": true; }; "prefix": { "alias": "prefix"; "required": false; "isSignal": true; }; "suffix": { "alias": "suffix"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "valueAlignRight": { "alias": "valueAlignRight"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "intl": { "alias": "intl"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof NoopValueAccessorDirective; inputs: {}; outputs: {}; }]>;
 }
 
 declare class RadioGroupInputComponent {
-    readonly formField: FormFieldComponent;
+    readonly formField: FormFieldComponent | null;
     ngControl: _angular_forms.NgModel | _angular_forms.FormControlDirective | _angular_forms.FormControlName | (_angular_forms.NgControl & {
         control: _angular_forms.FormControl<any>;
     });
-    readonly size: _angular_core.InputSignal<"S" | "M">;
+    readonly size: _angular_core.InputSignal<"S" | "M" | undefined>;
     readonly framed: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "true" | "false">;
     readonly framedCenter: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "true" | "false">;
-    readonly framedSize: _angular_core.InputSignal<"L">;
-    readonly arrow: _angular_core.InputSignal<"default" | "neutral">;
+    readonly framedSize: _angular_core.InputSignal<"L" | null>;
+    readonly arrow: _angular_core.InputSignal<"default" | "neutral" | undefined>;
     name: string;
     constructor();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RadioGroupInputComponent, never>;
@@ -230,14 +240,14 @@ declare class RadioComponent<T = unknown> {
     #private;
     readonly value: _angular_core.InputSignal<T>;
     readonly disabled: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "true" | "false">;
-    readonly inlineMessage: _angular_core.InputSignal<PortalContent>;
-    readonly tag: _angular_core.InputSignal<string>;
-    readonly framedPortal: _angular_core.InputSignal<PortalContent>;
-    readonly arrow: _angular_core.Signal<"default" | "neutral">;
+    readonly inlineMessage: _angular_core.InputSignal<PortalContent | undefined>;
+    readonly tag: _angular_core.InputSignal<string | undefined>;
+    readonly framedPortal: _angular_core.InputSignal<PortalContent | undefined>;
+    readonly arrow: _angular_core.Signal<"default" | "neutral" | undefined>;
     readonly framed: _angular_core.Signal<boolean>;
     readonly framedCenter: _angular_core.Signal<boolean>;
-    readonly framedSize: _angular_core.Signal<"L">;
-    readonly size: _angular_core.Signal<"S" | "M">;
+    readonly framedSize: _angular_core.Signal<"L" | null>;
+    readonly size: _angular_core.Signal<"S" | "M" | undefined>;
     get ngControl(): _angular_forms.NgModel | _angular_forms.FormControlDirective | _angular_forms.FormControlName | (_angular_forms.NgControl & {
         control: _angular_forms.FormControl<any>;
     });
@@ -250,7 +260,7 @@ declare class RadioComponent<T = unknown> {
 }
 
 declare class SwitchInputComponent {
-    readonly formField: FormFieldComponent;
+    readonly formField: FormFieldComponent | null;
     ngControl: _angular_forms.NgModel | _angular_forms.FormControlDirective | _angular_forms.FormControlName | (_angular_forms.NgControl & {
         control: _angular_forms.FormControl<any>;
     });
@@ -270,30 +280,30 @@ declare class TextInputComponent {
         control: _angular_forms.FormControl<any>;
     });
     readonly inputElementRef: _angular_core.Signal<ElementRef<HTMLInputElement>>;
-    readonly mask: _angular_core.InputSignal<string>;
+    readonly mask: _angular_core.InputSignal<string | null>;
     readonly placeholder: _angular_core.InputSignal<string>;
     readonly autocomplete: _angular_core.InputSignal<AutoFill>;
     readonly hasClearer: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "true" | "false">;
     readonly hasSearchIcon: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "true" | "false">;
     readonly valueAlignRight: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "true" | "false">;
-    readonly prefix: _angular_core.InputSignal<TextInputAddon>;
-    readonly suffix: _angular_core.InputSignal<TextInputAddon>;
+    readonly prefix: _angular_core.InputSignal<TextInputAddon | undefined>;
+    readonly suffix: _angular_core.InputSignal<TextInputAddon | undefined>;
     readonly minlength: _angular_core.InputSignalWithTransform<number, unknown>;
     readonly maxlength: _angular_core.InputSignalWithTransform<number, unknown>;
     /**
-     * Search icon to use for when `hasSearchIcon` is true, defaults to 'search'
+     * Search icon to use for when `hasSearchIcon` is true, defaults to 'searchMagnifyingGlass'
      */
     readonly searchIcon: _angular_core.InputSignal<LuccaIcon>;
     readonly type: _angular_core.InputSignal<TextFieldType>;
     /**
      * Width of the input itself, using the same scale as the form field width
      */
-    readonly width: _angular_core.InputSignalWithTransform<10 | 20 | 30 | 40 | 50 | 60, 10 | 20 | 30 | 40 | 50 | 60 | "null" | "10" | "20" | "30" | "40" | "50" | "60">;
+    readonly width: _angular_core.InputSignalWithTransform<10 | 20 | 30 | 40 | 50 | 60 | null, 10 | 20 | 30 | 40 | 50 | 60 | "null" | "10" | "20" | "30" | "40" | "50" | "60" | null>;
     readonly blur: _angular_core.OutputEmitterRef<FocusEvent>;
     protected readonly showPassword: _angular_core.WritableSignal<boolean>;
     protected readonly typeRef: _angular_core.Signal<TextFieldType>;
     protected readonly hasTogglePasswordVisibilityIcon: _angular_core.Signal<boolean>;
-    protected readonly widthClass: _angular_core.Signal<string>;
+    protected readonly widthClass: _angular_core.Signal<string | null>;
     protected hasValue(): boolean;
     clearValue(): void;
     togglePasswordVisibility(): void;
@@ -306,7 +316,7 @@ declare class TextareaInputComponent implements OnInit {
     ngControl: _angular_forms.NgModel | _angular_forms.FormControlDirective | _angular_forms.FormControlName | (_angular_forms.NgControl & {
         control: _angular_forms.FormControl<any>;
     });
-    readonly parent: _angular_core.Signal<ElementRef<HTMLElement>>;
+    readonly parent: _angular_core.Signal<ElementRef<HTMLElement> | undefined>;
     readonly placeholder: _angular_core.InputSignal<string>;
     readonly rows: _angular_core.InputSignalWithTransform<number, number | `${number}`>;
     readonly autoResize: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "true" | "false">;
@@ -350,10 +360,10 @@ interface LuTextfieldLabel {
 declare const luTextfieldTranslations: LuTranslation<LuTextfieldLabel>;
 
 declare class FieldsetComponent {
-    readonly heading: _angular_core.InputSignal<PortalContent>;
-    readonly helper: _angular_core.InputSignal<PortalContent>;
-    readonly action: _angular_core.InputSignal<PortalContent>;
-    readonly size: _angular_core.InputSignal<"S">;
+    readonly heading: _angular_core.InputSignal<PortalContent | null>;
+    readonly helper: _angular_core.InputSignal<PortalContent | null>;
+    readonly action: _angular_core.InputSignal<PortalContent | null>;
+    readonly size: _angular_core.InputSignal<"S" | null>;
     readonly horizontal: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "true" | "false">;
     readonly expandable: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "true" | "false">;
     readonly hiddenLegend: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "true" | "false">;

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

@@ -11,21 +11,21 @@ declare const GRID_COLUMN_RESPONSIVE: readonly ["row", "column", "rowspan", "col
 type GridColumnResponsive = (typeof GRID_COLUMN_RESPONSIVE)[number];
 
 declare class GridColumnComponent {
-    readonly colspan: _angular_core.InputSignalWithTransform<number, number | `${number}` | "null">;
-    readonly rowspan: _angular_core.InputSignalWithTransform<number, number | `${number}` | "null">;
-    readonly column: _angular_core.InputSignalWithTransform<number, number | `${number}` | "null">;
-    readonly row: _angular_core.InputSignalWithTransform<number, number | `${number}` | "null">;
-    readonly align: _angular_core.InputSignal<"start" | "center" | "end" | "auto">;
-    readonly justify: _angular_core.InputSignal<"start" | "center" | "end" | "auto">;
+    readonly colspan: _angular_core.InputSignalWithTransform<number | null, number | `${number}` | "null" | null>;
+    readonly rowspan: _angular_core.InputSignalWithTransform<number | null, number | `${number}` | "null" | null>;
+    readonly column: _angular_core.InputSignalWithTransform<number | null, number | `${number}` | "null" | null>;
+    readonly row: _angular_core.InputSignalWithTransform<number | null, number | `${number}` | "null" | null>;
+    readonly align: _angular_core.InputSignal<"start" | "center" | "end" | "auto" | null>;
+    readonly justify: _angular_core.InputSignal<"start" | "center" | "end" | "auto" | null>;
     readonly responsive: _angular_core.InputSignal<Partial<Record<"rowAtMediaMinXXXS" | "columnAtMediaMinXXXS" | "rowspanAtMediaMinXXXS" | "colspanAtMediaMinXXXS" | "rowAtMediaMinXXS" | "columnAtMediaMinXXS" | "rowspanAtMediaMinXXS" | "colspanAtMediaMinXXS" | "rowAtMediaMinXS" | "columnAtMediaMinXS" | "rowspanAtMediaMinXS" | "colspanAtMediaMinXS" | "rowAtMediaMinS" | "columnAtMediaMinS" | "rowspanAtMediaMinS" | "colspanAtMediaMinS" | "rowAtMediaMinM" | "columnAtMediaMinM" | "rowspanAtMediaMinM" | "colspanAtMediaMinM" | "rowAtMediaMinL" | "columnAtMediaMinL" | "rowspanAtMediaMinL" | "colspanAtMediaMinL" | "rowAtMediaMinXL" | "columnAtMediaMinXL" | "rowspanAtMediaMinXL" | "colspanAtMediaMinXL" | "rowAtMediaMinXXL" | "columnAtMediaMinXXL" | "rowspanAtMediaMinXXL" | "colspanAtMediaMinXXL" | "rowAtMediaMinXXXL" | "columnAtMediaMinXXXL" | "rowspanAtMediaMinXXXL" | "colspanAtMediaMinXXXL" | "rowAtContainerMinXXXS" | "columnAtContainerMinXXXS" | "rowspanAtContainerMinXXXS" | "colspanAtContainerMinXXXS" | "rowAtContainerMinXXS" | "columnAtContainerMinXXS" | "rowspanAtContainerMinXXS" | "colspanAtContainerMinXXS" | "rowAtContainerMinXS" | "columnAtContainerMinXS" | "rowspanAtContainerMinXS" | "colspanAtContainerMinXS" | "rowAtContainerMinS" | "columnAtContainerMinS" | "rowspanAtContainerMinS" | "colspanAtContainerMinS" | "rowAtContainerMinM" | "columnAtContainerMinM" | "rowspanAtContainerMinM" | "colspanAtContainerMinM" | "rowAtContainerMinL" | "columnAtContainerMinL" | "rowspanAtContainerMinL" | "colspanAtContainerMinL" | "rowAtContainerMinXL" | "columnAtContainerMinXL" | "rowspanAtContainerMinXL" | "colspanAtContainerMinXL" | "rowAtContainerMinXXL" | "columnAtContainerMinXXL" | "rowspanAtContainerMinXXL" | "colspanAtContainerMinXXL" | "rowAtContainerMinXXXL" | "columnAtContainerMinXXXL" | "rowspanAtContainerMinXXXL" | "colspanAtContainerMinXXXL", number>>>;
     protected gridRef: _lucca_front_ng_grid.GridComponent;
     readonly style: _angular_core.Signal<{
-        '--grid-colspan': number;
-        '--grid-rowspan': number;
-        '--grid-column': number;
-        '--grid-row': number;
-        '--grid-align': "start" | "center" | "end" | "auto";
-        '--grid-justify': "start" | "center" | "end" | "auto";
+        '--grid-colspan': number | null;
+        '--grid-rowspan': number | null;
+        '--grid-column': number | null;
+        '--grid-row': number | null;
+        '--grid-align': "start" | "center" | "end" | "auto" | null;
+        '--grid-justify': "start" | "center" | "end" | "auto" | null;
     }>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<GridColumnComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<GridColumnComponent, "lu-grid-column, [lu-grid-column]", never, { "colspan": { "alias": "colspan"; "required": false; "isSignal": true; }; "rowspan": { "alias": "rowspan"; "required": false; "isSignal": true; }; "column": { "alias": "column"; "required": false; "isSignal": true; }; "row": { "alias": "row"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "justify": { "alias": "justify"; "required": false; "isSignal": true; }; "responsive": { "alias": "responsive"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
@@ -40,18 +40,18 @@ type GridMode = (typeof GRID_MODE)[number] | ResponsiveProperty<'auto'>;
 declare class GridComponent {
     #private;
     readonly container: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
-    readonly columns: _angular_core.InputSignalWithTransform<number, number | `${number}` | "null">;
-    readonly colspan: _angular_core.InputSignalWithTransform<number, number | `${number}` | "null">;
-    readonly rowspan: _angular_core.InputSignalWithTransform<number, number | `${number}` | "null">;
-    readonly mode: _angular_core.InputSignal<GridMode>;
-    readonly gap: _angular_core.InputSignal<`${number}${string}`>;
-    readonly columnGap: _angular_core.InputSignal<`${number}${string}`>;
-    readonly rowGap: _angular_core.InputSignal<`${number}${string}`>;
+    readonly columns: _angular_core.InputSignalWithTransform<number | null, number | `${number}` | "null" | null>;
+    readonly colspan: _angular_core.InputSignalWithTransform<number | null, number | `${number}` | "null" | null>;
+    readonly rowspan: _angular_core.InputSignalWithTransform<number | null, number | `${number}` | "null" | null>;
+    readonly mode: _angular_core.InputSignal<GridMode | null>;
+    readonly gap: _angular_core.InputSignal<`${number}${string}` | null>;
+    readonly columnGap: _angular_core.InputSignal<`${number}${string}` | null>;
+    readonly rowGap: _angular_core.InputSignal<`${number}${string}` | null>;
     protected readonly gridStyle: _angular_core.Signal<{
-        '--grid-columns': number;
-        '--grid-gap': string;
-        '--grid-column-gap': string;
-        '--grid-row-gap': string;
+        '--grid-columns': number | null;
+        '--grid-gap': string | null;
+        '--grid-column-gap': string | null;
+        '--grid-row-gap': string | null;
     }>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<GridComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<GridComponent, "lu-grid, [lu-grid]", never, { "container": { "alias": "container"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "colspan": { "alias": "colspan"; "required": false; "isSignal": true; }; "rowspan": { "alias": "rowspan"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "gap": { "alias": "gap"; "required": false; "isSignal": true; }; "columnGap": { "alias": "columnGap"; "required": false; "isSignal": true; }; "rowGap": { "alias": "rowGap"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;

package/types/lucca-front-ng-highlight-data.d.ts

@@ -28,11 +28,11 @@ declare class HighlightDataComponent {
     /**
      * Add text below the content
      */
-    readonly subText: _angular_core.InputSignal<PortalContent>;
+    readonly subText: _angular_core.InputSignal<PortalContent | undefined>;
     /**
      * Define a bubble style based on the CDN image bubble number
      */
-    readonly bubble: _angular_core.InputSignalWithTransform<number, unknown>;
+    readonly bubble: _angular_core.InputSignalWithTransform<number | undefined, unknown>;
     /**
      * Define a specific them white light or dark. (White by default)
      */
@@ -46,11 +46,11 @@ declare class HighlightDataComponent {
      * Main illustration
      * An URL can be apply for custom images
      */
-    readonly illustration: _angular_core.InputSignal<string>;
+    readonly illustration: _angular_core.InputSignal<string | undefined>;
     /**
      * Which size should the highlight data be? XS to medium
      */
-    readonly size: _angular_core.InputSignal<"XS" | "S" | "M">;
+    readonly size: _angular_core.InputSignal<"XS" | "S" | "M" | null>;
     /**
      * Adjust layout to text value
      */
@@ -59,7 +59,7 @@ declare class HighlightDataComponent {
      * Displayed in nested mode
      */
     readonly nested: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
-    readonly illustrationSrc: _angular_core.Signal<string>;
+    readonly illustrationSrc: _angular_core.Signal<string | undefined>;
     readonly bubbleSrc: _angular_core.Signal<string>;
     constructor();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<HighlightDataComponent, never>;

package/types/lucca-front-ng-highlight-section.d.ts

@@ -12,6 +12,9 @@ type HighlightSectionBubble = (typeof HIGHLIGHT_SECTION_BUBBLE)[number];
 declare const HIGHLIGHT_SECTION_ILLUSTRATION: readonly ["coffee", "cookie", "error", "glasses", "lock", "lucca", "paiement-card", "party-favor", "plant-01", "plant-02", "plug", "pola", "post-its", "tea"];
 type HighlightSectionIllustration = (typeof HIGHLIGHT_SECTION_ILLUSTRATION)[number];
 
+/**
+ * @deprecated Will be replaced by `lu-box` in v22.2.
+ */
 declare class HighlightSectionComponent {
     /**
      * Define a specific theme white light or dark. (White by default)
@@ -26,13 +29,13 @@ declare class HighlightSectionComponent {
      * Define an ornament style based on the CDN image bubble number.
      * Ornaments are hidden when this input is not set.
      */
-    readonly bubbleStart: _angular_core.InputSignal<number>;
-    readonly bubbleEnd: _angular_core.InputSignal<number>;
+    readonly bubbleStart: _angular_core.InputSignal<number | undefined>;
+    readonly bubbleEnd: _angular_core.InputSignal<number | undefined>;
     /**
      * Illustration displayed at the end of the content
      * An URL can be apply for custom images
      */
-    readonly illustration: _angular_core.InputSignal<string>;
+    readonly illustration: _angular_core.InputSignal<string | undefined>;
     readonly bubbleStartSrc: _angular_core.Signal<string>;
     readonly bubbleEndSrc: _angular_core.Signal<string>;
     readonly illustrationSrc: _angular_core.Signal<string>;

package/types/lucca-front-ng-horizontal-navigation.d.ts

@@ -21,24 +21,24 @@ declare class HorizontalNavigationTabComponent {
 }
 
 declare class HorizontalNavigationComponent {
-    readonly dialogRef: LuDialogRef<any, any>;
+    readonly dialogRef: LuDialogRef<any, any> | null;
     readonly links: _angular_core.Signal<readonly HorizontalNavigationLinkDirective[]>;
     readonly tabs: _angular_core.Signal<readonly HorizontalNavigationTabComponent[]>;
     readonly buttons: _angular_core.Signal<readonly ElementRef<HTMLButtonElement>[]>;
     readonly noBorder: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     readonly container: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     readonly vertical: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
-    readonly palette: _angular_core.InputSignal<"error" | "success" | "warning" | "product" | "neutral" | "none" | "brand" | "kiwi" | "lime" | "cucumber" | "mint" | "glacier" | "lagoon" | "blueberry" | "lavender" | "grape" | "watermelon" | "pumpkin" | "pineapple">;
+    readonly palette: _angular_core.InputSignal<"error" | "success" | "warning" | "product" | "neutral" | "none" | "brand" | "kiwi" | "lime" | "cucumber" | "mint" | "glacier" | "lagoon" | "blueberry" | "lavender" | "grape" | "watermelon" | "pumpkin" | "pineapple" | null>;
     readonly paletteClass: _angular_core.Signal<{
         [x: string]: boolean;
     }>;
     /**
      * Which size should the horizontal navigation be? Defaults and small
      */
-    readonly size: _angular_core.InputSignal<"S">;
+    readonly size: _angular_core.InputSignal<"S" | null>;
     readonly isTablist: _angular_core.Signal<boolean>;
     readonly currentIndex: _angular_core.ModelSignal<number>;
-    readonly selectedIndex: _angular_core.Signal<number>;
+    readonly selectedIndex: _angular_core.Signal<number | null>;
     constructor();
     navigateToFirstEnabledTab(): void;
     navigateToLastEnabledTab(): void;

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

@@ -12,23 +12,25 @@ declare class ImpersonationComponent {
     protected readonly elementRef: ElementRef<any>;
     readonly intl: _angular_core.InputSignalWithTransform<_lucca_front_ng_core_select_user.LuCoreSelectUserTranslations & _lucca_front_ng_impersonation.LuImpersonationTranslations, Partial<_lucca_front_ng_core_select_user.LuCoreSelectUserTranslations & _lucca_front_ng_impersonation.LuImpersonationTranslations>>;
     protected readonly currentUserId: number;
-    readonly inputComponentRef: _angular_core.Signal<LuSimpleSelectInputComponent<ILuUser>>;
-    readonly popoverRef: _angular_core.Signal<PopoverDirective>;
-    readonly selectedUser: _angular_core.ModelSignal<ILuUser>;
+    readonly inputComponentRef: _angular_core.Signal<LuSimpleSelectInputComponent<ILuUser> | undefined>;
+    readonly popoverRef: _angular_core.Signal<PopoverDirective | undefined>;
+    readonly selectedUser: _angular_core.ModelSignal<ILuUser | undefined>;
     readonly enableFormerEmployees: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     /**
      * Restricts the users to the ones reachable through these operations, scoped by `appInstanceId`.
+     * @deprecated use `uniqueOperationIds` instead
      */
-    readonly operationIds: _angular_core.InputSignal<readonly number[]>;
+    readonly operationIds: _angular_core.InputSignal<readonly number[] | null>;
     /**
      * Restricts the users to the ones reachable through these unique operations.
      * Takes precedence over `operationIds` / `appInstanceId`, which the API then ignores.
      */
-    readonly uniqueOperationIds: _angular_core.InputSignal<readonly number[]>;
+    readonly uniqueOperationIds: _angular_core.InputSignal<readonly number[] | null>;
     /**
      * Application instance the `operationIds` are scoped to. Unused with `uniqueOperationIds`.
+     * @deprecated use `uniqueOperationIds` instead
      */
-    readonly appInstanceId: _angular_core.InputSignalWithTransform<number, number | `${number}` | "null">;
+    readonly appInstanceId: _angular_core.InputSignalWithTransform<number | null, number | `${number}` | "null" | null>;
     readonly isNotMe: _angular_core.Signal<boolean>;
     readonly clear: _angular_core.OutputEmitterRef<void>;
     readonly popoverPositions: ConnectionPositionPair[];

package/types/lucca-front-ng-index-table.d.ts

@@ -15,8 +15,8 @@ declare class IndexTableActionComponent {
 }
 
 declare class IndexTableBodyComponent {
-    readonly group: _angular_core.InputSignal<PortalContent>;
-    readonly groupButtonAlt: _angular_core.InputSignal<string>;
+    readonly group: _angular_core.InputSignal<PortalContent | null>;
+    readonly groupButtonAlt: _angular_core.InputSignal<string | null>;
     readonly expanded: _angular_core.ModelSignal<boolean>;
     expandedToggle(): void;
     protected tableRef: _lucca_front_ng_index_table.IndexTableComponent;
@@ -27,12 +27,12 @@ declare class IndexTableBodyComponent {
 
 declare abstract class BaseIndexTableCell {
     readonly tableRef: _lucca_front_ng_index_table.IndexTableComponent;
-    readonly bodyRef: _lucca_front_ng_index_table.IndexTableBodyComponent;
-    readonly headRef: _lucca_front_ng_index_table.IndexTableHeadComponent;
-    readonly footRef: _lucca_front_ng_index_table.IndexTableFootComponent;
+    readonly bodyRef: _lucca_front_ng_index_table.IndexTableBodyComponent | null;
+    readonly headRef: _lucca_front_ng_index_table.IndexTableHeadComponent | null;
+    readonly footRef: _lucca_front_ng_index_table.IndexTableFootComponent | null;
     readonly rowRef: _lucca_front_ng_index_table.IndexTableRowComponent;
-    readonly align: _angular_core.InputSignal<"start" | "center" | "end">;
-    readonly alignCol: _angular_core.Signal<"start" | "center" | "end">;
+    readonly align: _angular_core.InputSignal<"start" | "center" | "end" | null>;
+    readonly alignCol: _angular_core.Signal<"start" | "center" | "end" | null | undefined>;
     readonly position: _angular_core.Signal<number>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<BaseIndexTableCell, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<BaseIndexTableCell, "lu-base-index-table-cell", never, { "align": { "alias": "align"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
@@ -40,22 +40,24 @@ declare abstract class BaseIndexTableCell {
 
 declare class IndexTableRowCellHeaderComponent extends BaseIndexTableCell {
     readonly elementRef: ElementRef<HTMLTableCellElement>;
-    readonly sort: _angular_core.ModelSignal<"none" | "ascending" | "descending">;
+    readonly sort: _angular_core.InputSignal<"none" | "ascending" | "descending" | null>;
+    readonly sortChange: _angular_core.OutputEmitterRef<"none" | "ascending" | "descending">;
+    protected readonly currentSort: _angular_core.WritableSignal<"none" | "ascending" | "descending" | null>;
     readonly selectable: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     readonly hiddenLabel: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     readonly actions: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     readonly inlineSize: _angular_core.InputSignalWithTransform<number, number | `${number}`>;
     readonly sortWithEllipsis: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
-    protected readonly sortButtonRef: _angular_core.Signal<ElementRef<HTMLElement>>;
+    protected readonly sortButtonRef: _angular_core.Signal<ElementRef<HTMLElement> | undefined>;
     toggleSort(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<IndexTableRowCellHeaderComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<IndexTableRowCellHeaderComponent, "th[luIndexTableCell]", never, { "sort": { "alias": "sort"; "required": false; "isSignal": true; }; "selectable": { "alias": "selectable"; "required": false; "isSignal": true; }; "hiddenLabel": { "alias": "hiddenLabel"; "required": false; "isSignal": true; }; "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "inlineSize": { "alias": "inlineSize"; "required": false; "isSignal": true; }; "sortWithEllipsis": { "alias": "sortWithEllipsis"; "required": false; "isSignal": true; }; }, { "sort": "sortChange"; }, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<IndexTableRowCellHeaderComponent, "th[luIndexTableCell]", never, { "sort": { "alias": "sort"; "required": false; "isSignal": true; }; "selectable": { "alias": "selectable"; "required": false; "isSignal": true; }; "hiddenLabel": { "alias": "hiddenLabel"; "required": false; "isSignal": true; }; "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "inlineSize": { "alias": "inlineSize"; "required": false; "isSignal": true; }; "sortWithEllipsis": { "alias": "sortWithEllipsis"; "required": false; "isSignal": true; }; }, { "sortChange": "sortChange"; }, never, ["*"], true, never>;
 }
 
 declare class IndexTableRowCellComponent extends BaseIndexTableCell {
     readonly allowTextSelection: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     readonly tfoot: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
-    readonly actions: _angular_core.Signal<boolean>;
+    readonly actions: _angular_core.Signal<boolean | undefined>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<IndexTableRowCellComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<IndexTableRowCellComponent, "td[luIndexTableCell]", never, { "allowTextSelection": { "alias": "allowTextSelection"; "required": false; "isSignal": true; }; "tfoot": { "alias": "tfoot"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
@@ -74,14 +76,14 @@ declare class IndexTableHeadComponent {
 
 declare class IndexTableRowComponent implements LuTooltipAnchorRef {
     #private;
-    readonly bodyRef: _lucca_front_ng_index_table.IndexTableBodyComponent;
-    readonly headRef: _lucca_front_ng_index_table.IndexTableHeadComponent;
-    readonly footRef: _lucca_front_ng_index_table.IndexTableFootComponent;
+    readonly bodyRef: _lucca_front_ng_index_table.IndexTableBodyComponent | null;
+    readonly headRef: _lucca_front_ng_index_table.IndexTableHeadComponent | null;
+    readonly footRef: _lucca_front_ng_index_table.IndexTableFootComponent | null;
     readonly cells: _angular_core.Signal<readonly BaseIndexTableCell[]>;
     protected tableRef: _lucca_front_ng_index_table.IndexTableComponent;
     getElementRef(): ElementRef<HTMLTableRowElement>;
     readonly selected: _angular_core.ModelSignal<boolean>;
-    readonly selectedLabel: _angular_core.InputSignal<string>;
+    readonly selectedLabel: _angular_core.InputSignal<string | null>;
     readonly disabled: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     readonly mixed: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     readonly stack: _angular_core.InputSignalWithTransform<number, number | `${number}`>;
@@ -90,14 +92,14 @@ declare class IndexTableRowComponent implements LuTooltipAnchorRef {
 }
 
 declare class IndexTableComponent {
-    readonly tableRef: _angular_core.Signal<ElementRef<Element>>;
+    readonly tableRef: _angular_core.Signal<ElementRef<Element> | undefined>;
     readonly selectable: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     readonly layoutFixed: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     readonly empty: _angular_core.InputSignalWithTransform<boolean, boolean | "" | "false" | "true">;
     readonly responsive: _angular_core.InputSignal<Partial<Record<"layoutFixedAtMediaMinXXXS" | "layoutFixedAtMediaMinXXS" | "layoutFixedAtMediaMinXS" | "layoutFixedAtMediaMinS" | "layoutFixedAtMediaMinM" | "layoutFixedAtMediaMinL" | "layoutFixedAtMediaMinXL" | "layoutFixedAtMediaMinXXL" | "layoutFixedAtMediaMinXXXL" | "layoutFixedAtContainerMinXXXS" | "layoutFixedAtContainerMinXXS" | "layoutFixedAtContainerMinXS" | "layoutFixedAtContainerMinS" | "layoutFixedAtContainerMinM" | "layoutFixedAtContainerMinL" | "layoutFixedAtContainerMinXL" | "layoutFixedAtContainerMinXXL" | "layoutFixedAtContainerMinXXXL", true>>>;
     readonly rows: _angular_core.Signal<readonly IndexTableRowComponent[]>;
-    readonly header: _angular_core.Signal<IndexTableHeadComponent>;
-    readonly cols: _angular_core.Signal<readonly _lucca_front_ng_index_table.IndexTableRowCellHeaderComponent[]>;
+    readonly header: _angular_core.Signal<IndexTableHeadComponent | undefined>;
+    readonly cols: _angular_core.Signal<readonly _lucca_front_ng_index_table.IndexTableRowCellHeaderComponent[] | undefined>;
     readonly classMods: _angular_core.Signal<{
         indexTable: boolean;
         "mod-selectable": boolean;

package/types/lucca-front-ng-inline-message.d.ts

@@ -19,11 +19,11 @@ declare class InlineMessageComponent {
     /**
      * Inline message state
      */
-    readonly state: _angular_core.InputSignal<"success" | "warning" | "error" | "default">;
+    readonly state: _angular_core.InputSignal<"success" | "warning" | "error" | "default" | undefined>;
     /**
      * Which size should the inline message be? Default, medium or small
      */
-    readonly size: _angular_core.InputSignal<"S" | "M">;
+    readonly size: _angular_core.InputSignal<"S" | "M" | undefined>;
     /**
      * Defines whether a tooltip is used in the inline message component
      */

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

@@ -0,0 +1,59 @@
+import * as _angular_core from '@angular/core';
+import { InjectionToken } from '@angular/core';
+import { LuTranslation } from '@lucca-front/ng/core';
+import { LuccaIcon } from '@lucca-front/ng/icon';
+
+declare const LU_KBD_TRANSLATIONS: InjectionToken<LuTranslation<LuKbdTranslations>>;
+interface LuKbdTranslations {
+    alt: string;
+    option: string;
+    control: string;
+    meta: string;
+    command: string;
+    shift: string;
+    tab: string;
+    space: string;
+    enter: string;
+    escape: string;
+    backspace: string;
+    delete: string;
+    home: string;
+    end: string;
+    pageUp: string;
+    pageDown: string;
+    arrowUp: string;
+    arrowDown: string;
+    arrowLeft: string;
+    arrowRight: string;
+}
+declare const luKbdTranslations: LuTranslation<LuKbdTranslations>;
+
+type KbdKey = 'Alt' | 'Control' | 'Meta' | 'Shift' | 'Tab' | ' ' | 'Enter' | 'Escape' | 'Backspace' | 'Delete' | 'Home' | 'End' | 'PageUp' | 'PageDown' | 'ArrowUp' | 'ArrowDown' | 'ArrowLeft' | 'ArrowRight' | (string & Record<never, never>);
+type DisplayedKey = {
+    type: 'text';
+    label: string;
+} | {
+    type: 'icon';
+    label: string;
+    icon: LuccaIcon;
+};
+
+declare class KbdComponent {
+    #private;
+    /**
+     * Key, or combination of keys, to display, as named by `KeyboardEvent.key` (`'Escape'`, `['Control', 'n']`…).
+     * Keys follow the platform (Option and Command on Mac).
+     * Modifiers are displayed first, in the conventional order of the platform.
+     */
+    readonly keys: _angular_core.InputSignal<KbdKey | readonly KbdKey[]>;
+    /**
+     * Overrides the default labels of the keys
+     */
+    readonly intl: _angular_core.InputSignalWithTransform<LuKbdTranslations, Partial<LuKbdTranslations>>;
+    readonly displayedKeys: _angular_core.Signal<DisplayedKey[]>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<KbdComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<KbdComponent, "lu-kbd", never, { "keys": { "alias": "keys"; "required": true; "isSignal": true; }; "intl": { "alias": "intl"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { KbdComponent, LU_KBD_TRANSLATIONS, luKbdTranslations };
+export type { KbdKey, LuKbdTranslations };