@eagami/ui 5.69.0 → 5.71.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eagami/ui",
-  "version": "5.69.0",
+  "version": "5.71.0",
   "description": "Lightweight, accessible, themeable Angular UI component library and icon set built on CSS custom properties",
   "author": "Michal Wiraszka <michal@eagami.com>",
   "license": "MIT",

package/src/styles/_rtl.scss

@@ -31,8 +31,10 @@
 
 // Native fields use dir="auto" so typed LTR text stays LTR, but that resolves
 // an empty field to LTR and parks its placeholder on the left. Pin them to the
-// inline-end edge so every RTL field reads from the right like the others.
+// inline-end edge so every RTL field reads from the right like the others. The
+// typed placeholder drawn over an empty field follows its placeholder.
 [dir='rtl'] input[dir='auto'],
-[dir='rtl'] textarea[dir='auto'] {
+[dir='rtl'] textarea[dir='auto'],
+[dir='rtl'] ea-typed-placeholder[dir='auto'] {
   text-align: right;
 }

package/types/eagami-ui.d.ts

@@ -152,6 +152,8 @@ export interface EagamiMessages {
   fieldLabel: {
     /** Accessible name of the button that reveals a field label's help. */
     help: (label: string) => string;
+    /** Note after the label of a field that may be left empty, parentheses included. */
+    optional: string;
   };
   fileUploader: {
     prompt: string;
@@ -907,6 +909,8 @@ export declare class AutocompleteComponent implements ControlValueAccessor {
   readonly labelIcon: import("@angular/core").InputSignal<Type<unknown> | undefined>;
   /** Help revealed by an info button beside the label, as plain text or a template. */
   readonly labelHelp: import("@angular/core").InputSignal<string | TemplateRef<unknown> | undefined>;
+  /** Adds a muted "(optional)" note after the label, unless `required` is also set. */
+  readonly optional: import("@angular/core").InputSignal<boolean>;
   /** Accessible name for the input and suggestion list when no visible label is provided. */
   readonly ariaLabel: import("@angular/core").InputSignal<string | undefined>;
   readonly placeholder: import("@angular/core").InputSignal<string>;
@@ -1002,6 +1006,11 @@ export declare class AutocompleteComponent implements ControlValueAccessor {
       "required": false;
       "isSignal": true;
     };
+    "optional": {
+      "alias": "optional";
+      "required": false;
+      "isSignal": true;
+    };
     "ariaLabel": {
       "alias": "ariaLabel";
       "required": false;
@@ -1921,14 +1930,22 @@ export declare class ButtonComponent {
   readonly ariaLabelledby: import("@angular/core").InputSignal<string | undefined>;
   /** Space-separated ids of the elements that describe the button, e.g. a hint. */
   readonly ariaDescribedby: import("@angular/core").InputSignal<string | undefined>;
+  /** Whether the content this button shows and hides is open, for a disclosure toggle. */
+  readonly ariaExpanded: import("@angular/core").InputSignal<boolean | undefined>;
+  /** Id of the element this button shows, hides or otherwise controls. */
+  readonly ariaControls: import("@angular/core").InputSignal<string | undefined>;
+  private readonly renderer;
   private readonly buttonEl;
+  private readonly ownedAria;
   /** Fires when the button is activated; suppressed while disabled or loading. */
   readonly clicked: import("@angular/core").OutputEmitterRef<MouseEvent>;
   readonly isDisabled: import("@angular/core").Signal<boolean>;
   readonly hostClasses: import("@angular/core").Signal<Record<string, boolean>>;
+  constructor();
   handleClick(event: MouseEvent): void;
   /** Moves keyboard focus to the underlying native button. */
   focus(): void;
+  private reflectAria;
   static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, never>;
   static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "ea-button", never, {
     "variant": {
@@ -1996,6 +2013,16 @@ export declare class ButtonComponent {
       "required": false;
       "isSignal": true;
     };
+    "ariaExpanded": {
+      "alias": "aria-expanded";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaControls": {
+      "alias": "aria-controls";
+      "required": false;
+      "isSignal": true;
+    };
   }, {
     "clicked": "clicked";
   }, never, ["[slot=prefix]", "*", "[slot=suffix]"], true, never>;
@@ -2512,6 +2539,8 @@ export declare class ColorPickerComponent implements ControlValueAccessor {
   readonly labelIcon: import("@angular/core").InputSignal<Type<unknown> | undefined>;
   /** Help revealed by an info button beside the label, as plain text or a template. */
   readonly labelHelp: import("@angular/core").InputSignal<string | TemplateRef<unknown> | undefined>;
+  /** Adds a muted "(optional)" note after the label, unless `required` is also set. */
+  readonly optional: import("@angular/core").InputSignal<boolean>;
   readonly placeholder: import("@angular/core").InputSignal<string | undefined>;
   readonly size: import("@angular/core").InputSignal<EaSize>;
   readonly disabled: import("@angular/core").InputSignal<boolean>;
@@ -2690,6 +2719,11 @@ export declare class ColorPickerComponent implements ControlValueAccessor {
       "required": false;
       "isSignal": true;
     };
+    "optional": {
+      "alias": "optional";
+      "required": false;
+      "isSignal": true;
+    };
     "placeholder": {
       "alias": "placeholder";
       "required": false;
@@ -3527,6 +3561,8 @@ export declare class CodeInputComponent implements ControlValueAccessor {
   readonly labelIcon: import("@angular/core").InputSignal<Type<unknown> | undefined>;
   /** Help revealed by an info button beside the label, as plain text or a template. */
   readonly labelHelp: import("@angular/core").InputSignal<string | TemplateRef<unknown> | undefined>;
+  /** Adds a muted "(optional)" note after the label, unless `required` is also set. */
+  readonly optional: import("@angular/core").InputSignal<boolean>;
   /** Placeholder text spread one character per cell (cell i shows character i). */
   readonly placeholder: import("@angular/core").InputSignal<string>;
   readonly length: import("@angular/core").InputSignal<number>;
@@ -3592,6 +3628,11 @@ export declare class CodeInputComponent implements ControlValueAccessor {
       "required": false;
       "isSignal": true;
     };
+    "optional": {
+      "alias": "optional";
+      "required": false;
+      "isSignal": true;
+    };
     "placeholder": {
       "alias": "placeholder";
       "required": false;
@@ -3698,6 +3739,8 @@ export declare class DatePickerComponent implements ControlValueAccessor {
   readonly labelIcon: import("@angular/core").InputSignal<Type<unknown> | undefined>;
   /** Help revealed by an info button beside the label, as plain text or a template. */
   readonly labelHelp: import("@angular/core").InputSignal<string | TemplateRef<unknown> | undefined>;
+  /** Adds a muted "(optional)" note after the label, unless `required` is also set. */
+  readonly optional: import("@angular/core").InputSignal<boolean>;
   /** Placeholder shown in the field when no date is selected. */
   readonly placeholder: import("@angular/core").InputSignal<string | undefined>;
   /** Space-separated ids of the elements whose text names the field, such as a label outside the component. */
@@ -3832,6 +3875,11 @@ export declare class DatePickerComponent implements ControlValueAccessor {
       "required": false;
       "isSignal": true;
     };
+    "optional": {
+      "alias": "optional";
+      "required": false;
+      "isSignal": true;
+    };
     "placeholder": {
       "alias": "placeholder";
       "required": false;
@@ -4353,6 +4401,8 @@ export declare class DropdownComponent implements ControlValueAccessor {
   readonly labelIcon: import("@angular/core").InputSignal<Type<unknown> | undefined>;
   /** Help revealed by an info button beside the label, as plain text or a template. */
   readonly labelHelp: import("@angular/core").InputSignal<string | TemplateRef<unknown> | undefined>;
+  /** Adds a muted "(optional)" note after the label, unless `required` is also set. */
+  readonly optional: import("@angular/core").InputSignal<boolean>;
   readonly placeholder: import("@angular/core").InputSignal<string | undefined>;
   /** Selectable options, either flat or split into groups. */
   readonly options: import("@angular/core").InputSignal<SelectOptions>;
@@ -4463,6 +4513,11 @@ export declare class DropdownComponent implements ControlValueAccessor {
       "required": false;
       "isSignal": true;
     };
+    "optional": {
+      "alias": "optional";
+      "required": false;
+      "isSignal": true;
+    };
     "placeholder": {
       "alias": "placeholder";
       "required": false;
@@ -4653,11 +4708,15 @@ export declare class FieldLabelComponent {
   readonly help: import("@angular/core").InputSignal<string | TemplateRef<unknown> | undefined>;
   readonly forId: import("@angular/core").InputSignal<string | undefined>;
   readonly required: import("@angular/core").InputSignal<boolean>;
+  /** Adds a muted "(optional)" note after the label, unless `required` is also set. */
+  readonly optional: import("@angular/core").InputSignal<boolean>;
   readonly labelId: import("@angular/core").InputSignal<string | undefined>;
   protected readonly helpOpen: import("@angular/core").WritableSignal<boolean>;
   protected readonly helpId: string;
   protected readonly helpTemplate: import("@angular/core").Signal<TemplateRef<unknown> | null>;
   protected readonly helpTriggerLabel: import("@angular/core").Signal<string>;
+  protected readonly showOptional: import("@angular/core").Signal<boolean>;
+  protected readonly optionalText: import("@angular/core").Signal<string>;
   private readonly helpEl;
   private readonly helpTrigger;
   private readonly helpBubble;
@@ -4693,6 +4752,11 @@ export declare class FieldLabelComponent {
       "required": false;
       "isSignal": true;
     };
+    "optional": {
+      "alias": "optional";
+      "required": false;
+      "isSignal": true;
+    };
     "labelId": {
       "alias": "labelId";
       "required": false;
@@ -4746,6 +4810,8 @@ export declare class FormFieldComponent {
   readonly labelIcon: import("@angular/core").InputSignal<Type<unknown> | undefined>;
   /** Help revealed by an info button beside the label, as plain text or a template. */
   readonly labelHelp: import("@angular/core").InputSignal<string | TemplateRef<unknown> | undefined>;
+  /** Adds a muted "(optional)" note after the label, unless `required` is also set. */
+  readonly optional: import("@angular/core").InputSignal<boolean>;
   /** Helper text shown below the control; hidden while an error is showing. */
   readonly hint: import("@angular/core").InputSignal<string | undefined>;
   /** Error message shown below the control; replaces the hint and flags the field invalid. */
@@ -4786,6 +4852,11 @@ export declare class FormFieldComponent {
       "required": false;
       "isSignal": true;
     };
+    "optional": {
+      "alias": "optional";
+      "required": false;
+      "isSignal": true;
+    };
     "hint": {
       "alias": "hint";
       "required": false;
@@ -4923,6 +4994,8 @@ export declare class FileUploaderComponent implements ControlValueAccessor {
   readonly labelIcon: import("@angular/core").InputSignal<Type<unknown> | undefined>;
   /** Help revealed by an info button beside the label, as plain text or a template. */
   readonly labelHelp: import("@angular/core").InputSignal<string | TemplateRef<unknown> | undefined>;
+  /** Adds a muted "(optional)" note after the label, unless `required` is also set. */
+  readonly optional: import("@angular/core").InputSignal<boolean>;
   readonly hint: import("@angular/core").InputSignal<string | undefined>;
   readonly errorMsg: import("@angular/core").InputSignal<string | undefined>;
   /** Per-validator-key message overrides for a bound form control (e.g. `{ required: '...' }`). */
@@ -5056,6 +5129,11 @@ export declare class FileUploaderComponent implements ControlValueAccessor {
       "required": false;
       "isSignal": true;
     };
+    "optional": {
+      "alias": "optional";
+      "required": false;
+      "isSignal": true;
+    };
     "hint": {
       "alias": "hint";
       "required": false;
@@ -5158,6 +5236,26 @@ export declare class FileUploaderComponent implements ControlValueAccessor {
     "dragOverChanged": "dragOverChanged";
   }, never, ["[icon]"], true, never>;
 }
+/** Live state of a field's typewriter placeholder. */
+interface TypedPlaceholder {
+  /** Whether the typed layer stands in for the native placeholder. */
+  readonly animating: Signal<boolean>;
+  /** The whole hint in play, for the native `placeholder` attribute. */
+  readonly hint: Signal<string>;
+  /** The part of the hint typed so far. */
+  readonly text: Signal<string>;
+  /** Whether characters are still arriving; the cursor blinks only once they stop. */
+  readonly typing: Signal<boolean>;
+}
+/**
+ * Types `hints` into a field's placeholder one character at a time, holds each
+ * whole hint, then clears it and types the next, looping. Under
+ * `prefers-reduced-motion: reduce` it swaps whole hints instead and never
+ * animates. It starts in the browser after the first render, restarts when the
+ * hints change, and clears its timer on destroy. The timers run outside the
+ * zone so the endless loop never holds the app unstable.
+ */
+declare function injectTypedPlaceholder(hints: Signal<readonly string[]>): TypedPlaceholder;
 /** Visual size of the input. */
 export type InputSize = EaSize;
 /** HTML `type` attribute applied to the underlying `<input>`. */
@@ -5178,6 +5276,8 @@ export declare class InputComponent implements ControlValueAccessor {
   readonly labelIcon: import("@angular/core").InputSignal<Type<unknown> | undefined>;
   /** Help revealed by an info button beside the label, as plain text or a template. */
   readonly labelHelp: import("@angular/core").InputSignal<string | TemplateRef<unknown> | undefined>;
+  /** Adds a muted "(optional)" note after the label, unless `required` is also set. */
+  readonly optional: import("@angular/core").InputSignal<boolean>;
   /** Accessible name for the control when no visible `label` is set. */
   readonly ariaLabel: import("@angular/core").InputSignal<string | undefined>;
   /** ARIA role applied to the native input, e.g. `combobox` for a typeahead host. */
@@ -5194,6 +5294,14 @@ export declare class InputComponent implements ControlValueAccessor {
   readonly type: import("@angular/core").InputSignal<InputType>;
   /** Placeholder shown while the field is empty. */
   readonly placeholder: import("@angular/core").InputSignal<string>;
+  /**
+   * Hints typed into the empty field one character at a time, trailed by a
+   * blinking cursor, each held and then replaced by the next, in a loop. The
+   * native placeholder carries the whole current hint for assistive
+   * technology, and under `prefers-reduced-motion` the hints swap whole without
+   * a cursor. Takes the place of `placeholder` while it holds any hints.
+   */
+  readonly typedPlaceholder: import("@angular/core").InputSignal<readonly string[]>;
   /** Leading icon component rendered before the text, e.g. a search or filter glyph. */
   readonly icon: import("@angular/core").InputSignal<Type<unknown> | undefined>;
   /** Keeps the leading icon while the field has a value; when false it shows only alongside the placeholder. */
@@ -5248,6 +5356,9 @@ export declare class InputComponent implements ControlValueAccessor {
   private onChange;
   private onTouched;
   readonly isDisabled: import("@angular/core").Signal<boolean>;
+  protected readonly typed: TypedPlaceholder;
+  protected readonly typedPlaceholderShown: import("@angular/core").Signal<boolean>;
+  protected readonly nativePlaceholder: import("@angular/core").Signal<string>;
   readonly effectiveType: import("@angular/core").Signal<InputType>;
   private readonly errorState;
   readonly errorText: import("@angular/core").Signal<string | null>;
@@ -5302,6 +5413,11 @@ export declare class InputComponent implements ControlValueAccessor {
       "required": false;
       "isSignal": true;
     };
+    "optional": {
+      "alias": "optional";
+      "required": false;
+      "isSignal": true;
+    };
     "ariaLabel": {
       "alias": "aria-label";
       "required": false;
@@ -5342,6 +5458,11 @@ export declare class InputComponent implements ControlValueAccessor {
       "required": false;
       "isSignal": true;
     };
+    "typedPlaceholder": {
+      "alias": "typedPlaceholder";
+      "required": false;
+      "isSignal": true;
+    };
     "icon": {
       "alias": "icon";
       "required": false;
@@ -5918,6 +6039,8 @@ export declare class MultiSelectComponent implements ControlValueAccessor {
   readonly labelIcon: import("@angular/core").InputSignal<Type<unknown> | undefined>;
   /** Help revealed by an info button beside the label, as plain text or a template. */
   readonly labelHelp: import("@angular/core").InputSignal<string | TemplateRef<unknown> | undefined>;
+  /** Adds a muted "(optional)" note after the label, unless `required` is also set. */
+  readonly optional: import("@angular/core").InputSignal<boolean>;
   /** Accessible name for the combobox when no visible `label` is set. */
   readonly ariaLabel: import("@angular/core").InputSignal<string | undefined>;
   /** Space-separated ids of the elements whose text names the combobox, such as a label outside the component. */
@@ -6113,6 +6236,11 @@ export declare class MultiSelectComponent implements ControlValueAccessor {
       "required": false;
       "isSignal": true;
     };
+    "optional": {
+      "alias": "optional";
+      "required": false;
+      "isSignal": true;
+    };
     "ariaLabel": {
       "alias": "aria-label";
       "required": false;
@@ -6241,6 +6369,8 @@ export declare class NumberInputComponent implements ControlValueAccessor {
   readonly labelIcon: import("@angular/core").InputSignal<Type<unknown> | undefined>;
   /** Help revealed by an info button beside the label, as plain text or a template. */
   readonly labelHelp: import("@angular/core").InputSignal<string | TemplateRef<unknown> | undefined>;
+  /** Adds a muted "(optional)" note after the label, unless `required` is also set. */
+  readonly optional: import("@angular/core").InputSignal<boolean>;
   /** Placeholder shown while the field is empty. */
   readonly placeholder: import("@angular/core").InputSignal<string>;
   /** Visual size of the field. */
@@ -6334,6 +6464,11 @@ export declare class NumberInputComponent implements ControlValueAccessor {
       "required": false;
       "isSignal": true;
     };
+    "optional": {
+      "alias": "optional";
+      "required": false;
+      "isSignal": true;
+    };
     "placeholder": {
       "alias": "placeholder";
       "required": false;
@@ -6844,6 +6979,8 @@ export declare class RadioGroupComponent implements ControlValueAccessor {
   readonly labelIcon: import("@angular/core").InputSignal<Type<unknown> | undefined>;
   /** Help revealed by an info button beside the label, as plain text or a template. */
   readonly labelHelp: import("@angular/core").InputSignal<string | TemplateRef<unknown> | undefined>;
+  /** Adds a muted "(optional)" note after the label, unless `required` is also set. */
+  readonly optional: import("@angular/core").InputSignal<boolean>;
   readonly hint: import("@angular/core").InputSignal<string | undefined>;
   readonly errorMsg: import("@angular/core").InputSignal<string | undefined>;
   /** Per-validator-key message overrides for a bound form control (e.g. `{ required: '...' }`). */
@@ -6916,6 +7053,11 @@ export declare class RadioGroupComponent implements ControlValueAccessor {
       "required": false;
       "isSignal": true;
     };
+    "optional": {
+      "alias": "optional";
+      "required": false;
+      "isSignal": true;
+    };
     "hint": {
       "alias": "hint";
       "required": false;
@@ -7022,6 +7164,8 @@ export declare class RangeSliderComponent implements ControlValueAccessor {
   readonly labelIcon: import("@angular/core").InputSignal<Type<unknown> | undefined>;
   /** Help revealed by an info button beside the label, as plain text or a template. */
   readonly labelHelp: import("@angular/core").InputSignal<string | TemplateRef<unknown> | undefined>;
+  /** Adds a muted "(optional)" note after the label, unless `required` is also set. */
+  readonly optional: import("@angular/core").InputSignal<boolean>;
   readonly hint: import("@angular/core").InputSignal<string | undefined>;
   readonly errorMsg: import("@angular/core").InputSignal<string | undefined>;
   /** Per-validator-key message overrides for a bound form control (e.g. `{ required: '...' }`). */
@@ -7104,6 +7248,11 @@ export declare class RangeSliderComponent implements ControlValueAccessor {
       "required": false;
       "isSignal": true;
     };
+    "optional": {
+      "alias": "optional";
+      "required": false;
+      "isSignal": true;
+    };
     "hint": {
       "alias": "hint";
       "required": false;
@@ -7229,6 +7378,8 @@ export declare class RatingComponent implements ControlValueAccessor {
   readonly labelIcon: import("@angular/core").InputSignal<Type<unknown> | undefined>;
   /** Help revealed by an info button beside the label, as plain text or a template. */
   readonly labelHelp: import("@angular/core").InputSignal<string | TemplateRef<unknown> | undefined>;
+  /** Adds a muted "(optional)" note after the label, unless `required` is also set. */
+  readonly optional: import("@angular/core").InputSignal<boolean>;
   readonly hint: import("@angular/core").InputSignal<string | undefined>;
   readonly errorMsg: import("@angular/core").InputSignal<string | undefined>;
   /** Per-validator-key message overrides for a bound form control (e.g. `{ required: '...' }`). */
@@ -7319,6 +7470,11 @@ export declare class RatingComponent implements ControlValueAccessor {
       "required": false;
       "isSignal": true;
     };
+    "optional": {
+      "alias": "optional";
+      "required": false;
+      "isSignal": true;
+    };
     "hint": {
       "alias": "hint";
       "required": false;
@@ -7415,6 +7571,8 @@ export declare class SegmentedComponent implements ControlValueAccessor {
   readonly labelIcon: import("@angular/core").InputSignal<Type<unknown> | undefined>;
   /** Help revealed by an info button beside the label, as plain text or a template. */
   readonly labelHelp: import("@angular/core").InputSignal<string | TemplateRef<unknown> | undefined>;
+  /** Adds a muted "(optional)" note after the label, unless `required` is also set. */
+  readonly optional: import("@angular/core").InputSignal<boolean>;
   readonly hint: import("@angular/core").InputSignal<string | undefined>;
   readonly errorMsg: import("@angular/core").InputSignal<string | undefined>;
   /** Per-validator-key message overrides for a bound form control (e.g. `{ required: '...' }`). */
@@ -7479,6 +7637,11 @@ export declare class SegmentedComponent implements ControlValueAccessor {
       "required": false;
       "isSignal": true;
     };
+    "optional": {
+      "alias": "optional";
+      "required": false;
+      "isSignal": true;
+    };
     "hint": {
       "alias": "hint";
       "required": false;
@@ -7590,6 +7753,8 @@ export declare class SliderComponent implements ControlValueAccessor {
   readonly labelIcon: import("@angular/core").InputSignal<Type<unknown> | undefined>;
   /** Help revealed by an info button beside the label, as plain text or a template. */
   readonly labelHelp: import("@angular/core").InputSignal<string | TemplateRef<unknown> | undefined>;
+  /** Adds a muted "(optional)" note after the label, unless `required` is also set. */
+  readonly optional: import("@angular/core").InputSignal<boolean>;
   readonly hint: import("@angular/core").InputSignal<string | undefined>;
   readonly errorMsg: import("@angular/core").InputSignal<string | undefined>;
   /** Per-validator-key message overrides for a bound form control (e.g. `{ required: '...' }`). */
@@ -7674,6 +7839,11 @@ export declare class SliderComponent implements ControlValueAccessor {
       "required": false;
       "isSignal": true;
     };
+    "optional": {
+      "alias": "optional";
+      "required": false;
+      "isSignal": true;
+    };
     "hint": {
       "alias": "hint";
       "required": false;
@@ -8662,9 +8832,19 @@ export declare class TextareaComponent implements ControlValueAccessor {
   readonly labelIcon: import("@angular/core").InputSignal<Type<unknown> | undefined>;
   /** Help revealed by an info button beside the label, as plain text or a template. */
   readonly labelHelp: import("@angular/core").InputSignal<string | TemplateRef<unknown> | undefined>;
+  /** Adds a muted "(optional)" note after the label, unless `required` is also set. */
+  readonly optional: import("@angular/core").InputSignal<boolean>;
   /** Accessible name for the control when no visible `label` is set. */
   readonly ariaLabel: import("@angular/core").InputSignal<string | undefined>;
   readonly placeholder: import("@angular/core").InputSignal<string>;
+  /**
+   * Hints typed into the empty field one character at a time, trailed by a
+   * blinking cursor, each held and then replaced by the next, in a loop. The
+   * native placeholder carries the whole current hint for assistive
+   * technology, and under `prefers-reduced-motion` the hints swap whole without
+   * a cursor. Takes the place of `placeholder` while it holds any hints.
+   */
+  readonly typedPlaceholder: import("@angular/core").InputSignal<readonly string[]>;
   readonly size: import("@angular/core").InputSignal<EaSize>;
   readonly hint: import("@angular/core").InputSignal<string | undefined>;
   readonly errorMsg: import("@angular/core").InputSignal<string | undefined>;
@@ -8694,6 +8874,9 @@ export declare class TextareaComponent implements ControlValueAccessor {
   private onChange;
   private onTouched;
   readonly isDisabled: import("@angular/core").Signal<boolean>;
+  protected readonly typed: TypedPlaceholder;
+  protected readonly typedPlaceholderShown: import("@angular/core").Signal<boolean>;
+  protected readonly nativePlaceholder: import("@angular/core").Signal<string>;
   private readonly errorState;
   readonly errorText: import("@angular/core").Signal<string | null>;
   readonly hasError: import("@angular/core").Signal<boolean>;
@@ -8748,6 +8931,11 @@ export declare class TextareaComponent implements ControlValueAccessor {
       "required": false;
       "isSignal": true;
     };
+    "optional": {
+      "alias": "optional";
+      "required": false;
+      "isSignal": true;
+    };
     "ariaLabel": {
       "alias": "aria-label";
       "required": false;
@@ -8758,6 +8946,11 @@ export declare class TextareaComponent implements ControlValueAccessor {
       "required": false;
       "isSignal": true;
     };
+    "typedPlaceholder": {
+      "alias": "typedPlaceholder";
+      "required": false;
+      "isSignal": true;
+    };
     "size": {
       "alias": "size";
       "required": false;
@@ -8882,6 +9075,8 @@ export declare class TimePickerComponent implements ControlValueAccessor {
   readonly labelIcon: import("@angular/core").InputSignal<Type<unknown> | undefined>;
   /** Help revealed by an info button beside the label, as plain text or a template. */
   readonly labelHelp: import("@angular/core").InputSignal<string | TemplateRef<unknown> | undefined>;
+  /** Adds a muted "(optional)" note after the label, unless `required` is also set. */
+  readonly optional: import("@angular/core").InputSignal<boolean>;
   readonly placeholder: import("@angular/core").InputSignal<string | undefined>;
   readonly size: import("@angular/core").InputSignal<EaSize>;
   readonly disabled: import("@angular/core").InputSignal<boolean>;
@@ -9057,6 +9252,11 @@ export declare class TimePickerComponent implements ControlValueAccessor {
       "required": false;
       "isSignal": true;
     };
+    "optional": {
+      "alias": "optional";
+      "required": false;
+      "isSignal": true;
+    };
     "placeholder": {
       "alias": "placeholder";
       "required": false;