@underlayerdev/ui 0.6.6 → 0.8.0

package/types/underlayerdev-ui.d.ts

@@ -1,10 +1,11 @@
 import * as _angular_core from '@angular/core';
-import { AfterViewInit, OnDestroy, ElementRef, PipeTransform } from '@angular/core';
+import { AfterViewInit, OnDestroy, ElementRef, TemplateRef, PipeTransform } from '@angular/core';
 import * as i1 from '@angular/cdk/accordion';
 import { CdkAccordionItem } from '@angular/cdk/accordion';
 import { FormValueControl, WithOptionalFieldTree, ValidationError, FormCheckboxControl } from '@angular/forms/signals';
 import Splide, { Options } from '@splidejs/splide';
 import { CurrencyPipe } from '@angular/common';
+import * as _underlayerdev_ui from '@underlayerdev/ui';
 
 /**
  * AccordionItemComponent is a standalone Angular component that extends CdkAccordionItem.
@@ -77,7 +78,7 @@ declare class AreaCodeComponent {
 }
 
 type UiSize = 'sm' | 'md' | 'lg' | 'xl';
-type UiCheckboxSize = 'default' | 'sm';
+type UiCheckboxSize = 'default' | 'sm' | 'lg';
 type UiTheme = 'fill-purple' | 'fill-white' | 'fill-yellow' | 'fill-red' | 'transparent-purple' | 'transparent-white' | 'transparent-red' | 'transparent-black' | 'ghost-purple' | 'ghost-white' | 'ghost-red' | 'ghost-green' | 'outline-white' | 'outline-purple' | 'outline-red' | 'outline-green';
 
 type IconSize$1 = '5' | '6' | '7' | '8';
@@ -246,6 +247,7 @@ declare class CalendarComponent implements FormValueControl<Date | null> {
     readonly disabled: _angular_core.InputSignal<boolean>;
     readonly readOnly: _angular_core.InputSignal<boolean>;
     readonly required: _angular_core.InputSignal<boolean>;
+    readonly showRequiredIndicator: _angular_core.InputSignal<boolean>;
     readonly placeholder: _angular_core.InputSignal<string>;
     readonly label: _angular_core.InputSignal<string | null>;
     readonly helperText: _angular_core.InputSignal<string | null>;
@@ -301,7 +303,7 @@ declare class CalendarComponent implements FormValueControl<Date | null> {
     onMenuClosed(): void;
     focus(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<CalendarComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CalendarComponent, "ul-calendar", never, { "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readOnly": { "alias": "readOnly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "helperText": { "alias": "helperText"; "required": false; "isSignal": true; }; "errorText": { "alias": "errorText"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "minTime": { "alias": "minTime"; "required": false; "isSignal": true; }; "maxTime": { "alias": "maxTime"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "showCalendarIcon": { "alias": "showCalendarIcon"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "opened": "opened"; "closed": "closed"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CalendarComponent, "ul-calendar", never, { "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readOnly": { "alias": "readOnly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "showRequiredIndicator": { "alias": "showRequiredIndicator"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "helperText": { "alias": "helperText"; "required": false; "isSignal": true; }; "errorText": { "alias": "errorText"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "minTime": { "alias": "minTime"; "required": false; "isSignal": true; }; "maxTime": { "alias": "maxTime"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "showCalendarIcon": { "alias": "showCalendarIcon"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "opened": "opened"; "closed": "closed"; }, never, never, true, never>;
 }
 
 type CardDirection = 'horizontal' | 'vertical';
@@ -359,18 +361,19 @@ type CheckboxZoneType = 'none' | 'accessible' | 'visible' | 'checked-visible';
  * Uses shared form field label and helper for alignment with input, textarea, radio-group.
  */
 declare class CheckboxComponent implements FormCheckboxControl {
-    checked: _angular_core.ModelSignal<boolean>;
-    disabled: _angular_core.ModelSignal<boolean>;
-    indeterminate: _angular_core.ModelSignal<boolean>;
-    zone: _angular_core.InputSignal<CheckboxZoneType>;
-    size: _angular_core.InputSignal<UiCheckboxSize>;
-    label: _angular_core.InputSignal<string | null>;
-    helperText: _angular_core.InputSignal<string | null>;
-    required: _angular_core.InputSignal<boolean>;
-    error: _angular_core.InputSignal<boolean>;
-    errorText: _angular_core.InputSignal<string | null>;
-    invalid: _angular_core.InputSignal<boolean>;
-    errors: _angular_core.InputSignal<readonly WithOptionalFieldTree<ValidationError>[]>;
+    readonly checked: _angular_core.ModelSignal<boolean>;
+    readonly disabled: _angular_core.ModelSignal<boolean>;
+    readonly indeterminate: _angular_core.ModelSignal<boolean>;
+    readonly zone: _angular_core.InputSignal<CheckboxZoneType>;
+    readonly size: _angular_core.InputSignal<UiCheckboxSize>;
+    readonly label: _angular_core.InputSignal<string | null>;
+    readonly helperText: _angular_core.InputSignal<string | null>;
+    readonly required: _angular_core.InputSignal<boolean>;
+    readonly showRequiredIndicator: _angular_core.InputSignal<boolean>;
+    readonly error: _angular_core.InputSignal<boolean>;
+    readonly errorText: _angular_core.InputSignal<string | null>;
+    readonly invalid: _angular_core.InputSignal<boolean>;
+    readonly errors: _angular_core.InputSignal<readonly WithOptionalFieldTree<ValidationError>[]>;
     protected readonly ids: {
         controlId: string;
         helperId: string;
@@ -381,7 +384,7 @@ declare class CheckboxComponent implements FormCheckboxControl {
     protected readonly describedBy: _angular_core.Signal<string | undefined>;
     onChange(event: Event): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<CheckboxComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CheckboxComponent, "ul-checkbox", never, { "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; "zone": { "alias": "zone"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "helperText": { "alias": "helperText"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "errorText": { "alias": "errorText"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; "disabled": "disabledChange"; "indeterminate": "indeterminateChange"; }, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CheckboxComponent, "ul-checkbox", never, { "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; "zone": { "alias": "zone"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "helperText": { "alias": "helperText"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "showRequiredIndicator": { "alias": "showRequiredIndicator"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "errorText": { "alias": "errorText"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; "disabled": "disabledChange"; "indeterminate": "indeterminateChange"; }, never, ["*"], true, never>;
 }
 
 type CollapseVariant = 'text' | 'icon';
@@ -517,21 +520,41 @@ declare class ListItemComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ListItemComponent, "ul-list-item", never, { "theme": { "alias": "theme"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "hideFocusOutline": { "alias": "hideFocusOutline"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; }, {}, ["checkbox"], ["[ul-list-item-before-label]", "[ul-list-item-label]", "[ul-list-item-after-label]"], true, never>;
 }
 
-/**
- * Represents a single item in the dropdown menu.
- */
-type DropdownItem = {
-    /** Display text for the dropdown item */
+/** A single row in a `ul-menu` or `ul-dropdown` menu panel. */
+type MenuItem = {
+    /** Display text for the item. */
     label: string;
-    /** Optional value associated with the item */
+    /** Optional value associated with the item. */
     value?: string;
-    /** Icons to display on the left side of the item */
+    /** Icons to display on the left side of the item. */
     leftIcons?: IconName[];
-    /** Icons to display on the right side of the item */
+    /** Icons to display on the right side of the item. */
     rightIcons?: IconName[];
-    /** Whether the item is disabled and cannot be selected */
+    /** Whether the item is disabled and cannot be triggered. */
     disabled?: boolean;
 };
+/**
+ * Renders `items` as `ul-list-item` + `cdkMenuItem` rows inside an
+ * already-open `cdkMenu` panel. Shared by `ul-dropdown` (which passes
+ * `selectedIndex` so the current choice renders with a checkmark) and
+ * `ul-menu` (which leaves `selectedIndex` as `null` — every item there is a
+ * one-off action, never a persisted "current selection").
+ */
+declare class MenuItemsComponent {
+    items: _angular_core.InputSignal<MenuItem[]>;
+    theme: _angular_core.InputSignal<ListItemTheme>;
+    /**
+     * Index of the item to render as checked/selected.
+     * @default null - no item is ever shown as checked (the action-menu case).
+     */
+    selectedIndex: _angular_core.InputSignal<number | null>;
+    itemTriggered: _angular_core.OutputEmitterRef<number>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenuItemsComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MenuItemsComponent, "ul-menu-items", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "theme": { "alias": "theme"; "required": false; "isSignal": true; }; "selectedIndex": { "alias": "selectedIndex"; "required": false; "isSignal": true; }; }, { "itemTriggered": "itemTriggered"; }, never, never, true, never>;
+}
+
+/** @deprecated Import from `../menu/menu-items` instead — kept here so existing `DropdownItem` imports keep working. */
+type DropdownItem = MenuItem;
 /**
  * A customizable dropdown component that displays a list of selectable items.
  *
@@ -568,7 +591,7 @@ declare class DropdownComponent {
      * Array of items to display in the dropdown menu.
      * @default []
      */
-    items: _angular_core.InputSignal<DropdownItem[]>;
+    items: _angular_core.InputSignal<MenuItem[]>;
     /**
      * Whether the dropdown is disabled.
      * @default false
@@ -577,7 +600,7 @@ declare class DropdownComponent {
     /**
      * Overrides the icons of the selected item in the trigger button.
      * Can override leftIcons, rightIcons, or both.
-     * @default {}
+     * @default { rightIcons: ['chevron_down'] }
      *
      * @example
      * ```typescript
@@ -586,7 +609,7 @@ declare class DropdownComponent {
      * }
      * ```
      */
-    menuTriggerIcons: _angular_core.InputSignal<Pick<DropdownItem, "leftIcons" | "rightIcons">>;
+    menuTriggerIcons: _angular_core.InputSignal<Pick<MenuItem, "leftIcons" | "rightIcons"> | undefined>;
     /**
      * Shows only a single icon in the trigger button, hiding the selected item's label and icons.
      * Commonly used with 'more_options' for action menus.
@@ -615,11 +638,8 @@ declare class DropdownComponent {
     selectedItem: _angular_core.Signal<{
         leftIcons?: IconName[];
         rightIcons?: IconName[];
-        /** Display text for the dropdown item */
         label: string;
-        /** Optional value associated with the item */
         value?: string;
-        /** Whether the item is disabled and cannot be selected */
         disabled?: boolean;
     }>;
     /**
@@ -638,18 +658,24 @@ declare class DropdownComponent {
     /**
      * Emitted when a new item is selected from the dropdown.
      */
-    selectedItemChange: _angular_core.OutputEmitterRef<DropdownItem>;
+    selectedItemChange: _angular_core.OutputEmitterRef<MenuItem>;
     /**
      * Emitted when the menu closes, whether or not a selection was made —
      * the closest thing this component has to a "blur" for form controls
      * built on top of it (see ul-select's touch output).
      */
     closed: _angular_core.OutputEmitterRef<void>;
+    private readonly trigger;
     /**
      * Handles the selection of a dropdown item.
      * @param index - The index of the selected item
      */
     handleItemTriggered(index: number): void;
+    /**
+     * Closes the panel. CDK auto-closes on a `cdkMenuItem` trigger already —
+     * this is for the mobile backdrop tap, which isn't one.
+     */
+    closeMenu(): void;
     onMenuOpened(): void;
     onMenuClosed(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DropdownComponent, never>;
@@ -672,6 +698,7 @@ declare class FileInputComponent implements FormValueControl<FileList | null> {
     readonly multiple: _angular_core.InputSignal<boolean>;
     readonly disabled: _angular_core.InputSignal<boolean>;
     readonly required: _angular_core.InputSignal<boolean>;
+    readonly showRequiredIndicator: _angular_core.InputSignal<boolean>;
     readonly label: _angular_core.InputSignal<string | null>;
     readonly helperText: _angular_core.InputSignal<string | null>;
     readonly errorText: _angular_core.InputSignal<string | null>;
@@ -708,7 +735,7 @@ declare class FileInputComponent implements FormValueControl<FileList | null> {
     triggerClick(): void;
     focus(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FileInputComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FileInputComponent, "ul-file-input", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "accept": { "alias": "accept"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "helperText": { "alias": "helperText"; "required": false; "isSignal": true; }; "errorText": { "alias": "errorText"; "required": false; "isSignal": true; }; "placeholderText": { "alias": "placeholderText"; "required": false; "isSignal": true; }; "controlId": { "alias": "controlId"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "touched": "touchedChange"; "touch": "touch"; "value": "valueChange"; "inputBlur": "inputBlur"; "inputFocus": "inputFocus"; }, never, ["[ul-file-input-left-elements]", "[ul-file-input-right-elements]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FileInputComponent, "ul-file-input", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "accept": { "alias": "accept"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "showRequiredIndicator": { "alias": "showRequiredIndicator"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "helperText": { "alias": "helperText"; "required": false; "isSignal": true; }; "errorText": { "alias": "errorText"; "required": false; "isSignal": true; }; "placeholderText": { "alias": "placeholderText"; "required": false; "isSignal": true; }; "controlId": { "alias": "controlId"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "touched": "touchedChange"; "touch": "touch"; "value": "valueChange"; "inputBlur": "inputBlur"; "inputFocus": "inputFocus"; }, never, ["[ul-file-input-left-elements]", "[ul-file-input-right-elements]"], true, never>;
 }
 
 declare class FooterComponent {
@@ -864,6 +891,7 @@ declare class InputComponent implements FormValueControl<string> {
     readonly disabled: _angular_core.InputSignal<boolean>;
     readonly readOnly: _angular_core.InputSignal<boolean>;
     readonly required: _angular_core.InputSignal<boolean>;
+    readonly showRequiredIndicator: _angular_core.InputSignal<boolean>;
     readonly placeholder: _angular_core.InputSignal<string>;
     readonly label: _angular_core.InputSignal<string | null>;
     readonly helperText: _angular_core.InputSignal<string | null>;
@@ -924,7 +952,119 @@ declare class InputComponent implements FormValueControl<string> {
     focus(): void;
     select(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<InputComponent, "ul-input", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readOnly": { "alias": "readOnly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "helperText": { "alias": "helperText"; "required": false; "isSignal": true; }; "errorText": { "alias": "errorText"; "required": false; "isSignal": true; }; "maxLength": { "alias": "maxLength"; "required": false; "isSignal": true; }; "minLength": { "alias": "minLength"; "required": false; "isSignal": true; }; "pattern": { "alias": "pattern"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "controlId": { "alias": "controlId"; "required": false; "isSignal": true; }; "showPasswordLabel": { "alias": "showPasswordLabel"; "required": false; "isSignal": true; }; "hidePasswordLabel": { "alias": "hidePasswordLabel"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "touched": "touchedChange"; "touch": "touch"; "value": "valueChange"; "inputBlur": "inputBlur"; "inputFocus": "inputFocus"; "inputEnter": "inputEnter"; }, never, ["[ul-input-left-elements]", "[ul-input-right-elements]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<InputComponent, "ul-input", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readOnly": { "alias": "readOnly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "showRequiredIndicator": { "alias": "showRequiredIndicator"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "helperText": { "alias": "helperText"; "required": false; "isSignal": true; }; "errorText": { "alias": "errorText"; "required": false; "isSignal": true; }; "maxLength": { "alias": "maxLength"; "required": false; "isSignal": true; }; "minLength": { "alias": "minLength"; "required": false; "isSignal": true; }; "pattern": { "alias": "pattern"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "controlId": { "alias": "controlId"; "required": false; "isSignal": true; }; "showPasswordLabel": { "alias": "showPasswordLabel"; "required": false; "isSignal": true; }; "hidePasswordLabel": { "alias": "hidePasswordLabel"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "touched": "touchedChange"; "touch": "touch"; "value": "valueChange"; "inputBlur": "inputBlur"; "inputFocus": "inputFocus"; "inputEnter": "inputEnter"; }, never, ["[ul-input-left-elements]", "[ul-input-right-elements]"], true, never>;
+}
+
+/**
+ * Emits `ulLongPress` when the pointer (mouse, touch, or pen) is held down
+ * on the host element for `ulLongPressDuration` without moving more than a
+ * few pixels. Also suppresses the `click` that follows the triggering
+ * press's release, so long-press-to-select gestures don't also activate a
+ * link/button underneath.
+ */
+declare class LongPressDirective {
+    ulLongPressDuration: _angular_core.InputSignal<number>;
+    ulLongPress: _angular_core.OutputEmitterRef<void>;
+    private timeoutId;
+    private startX;
+    private startY;
+    private triggered;
+    handlePointerDown(event: PointerEvent): void;
+    handlePointerMove(event: PointerEvent): void;
+    handlePointerEnd(): void;
+    handleClick(event: MouseEvent): void;
+    private cancelTimer;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LongPressDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<LongPressDirective, "[ulLongPress]", never, { "ulLongPressDuration": { "alias": "ulLongPressDuration"; "required": false; "isSignal": true; }; }, { "ulLongPress": "ulLongPress"; }, never, never, true, never>;
+}
+
+/**
+ * A trigger + panel for an action menu (edit, delete, share, ...). Unlike
+ * `ul-dropdown`, there is no notion of a "currently selected" item — every
+ * item is a one-off action, so nothing is ever shown as checked.
+ *
+ * Pass `items` for the common label+icon action-list case, and/or project
+ * custom content (e.g. a `ul-list-item cdkMenuItem routerLink="...">` for a
+ * navigation item) — both can be combined, or you can skip `items`
+ * entirely and compose the panel purely from projected content.
+ *
+ * Below the 'md' breakpoint the panel renders as a bottom sheet (full
+ * width, pinned to the viewport, tap-outside-to-dismiss) instead of a
+ * small anchored popover — the same behavior `ul-dropdown` gets.
+ *
+ * @example
+ * ```html
+ * <ul-menu
+ *   [items]="[{ label: 'Edit', value: 'edit', leftIcons: ['edit'] },
+ *             { label: 'Delete', value: 'delete', leftIcons: ['trash'] }]"
+ *   triggerIconOnly="more_options"
+ *   (itemSelected)="onAction($event)">
+ * </ul-menu>
+ * ```
+ */
+declare class MenuComponent {
+    /** Visual theme, passed through to the trigger and to any items rendered via `items`. */
+    theme: _angular_core.InputSignal<ListItemTheme>;
+    /** Simple label+icon action items. Optional — content projection covers everything else. */
+    items: _angular_core.InputSignal<MenuItem[]>;
+    disabled: _angular_core.InputSignal<boolean>;
+    /**
+     * Shows only a single icon in the trigger, hiding any label. Commonly
+     * `'more_options'` for a row-level "⋮" action menu.
+     */
+    triggerIconOnly: _angular_core.InputSignal<string | undefined>;
+    /** Accessible label for the icon-only trigger. */
+    iconOnlyLabel: _angular_core.InputSignal<string>;
+    /** Static label for a non-icon-only trigger (there is no "current selection" to show instead). */
+    triggerLabel: _angular_core.InputSignal<string>;
+    triggerLeftIcons: _angular_core.InputSignal<string[]>;
+    triggerRightIcons: _angular_core.InputSignal<string[]>;
+    /** Emitted when an `items`-provided entry is triggered. */
+    itemSelected: _angular_core.OutputEmitterRef<MenuItem>;
+    /** Emitted when the menu closes, whether or not a selection was made. */
+    closed: _angular_core.OutputEmitterRef<void>;
+    readonly isOpen: _angular_core.WritableSignal<boolean>;
+    readonly menuId: string;
+    private readonly trigger;
+    handleItemTriggered(index: number): void;
+    /**
+     * Closes the panel. CDK auto-closes on a `cdkMenuItem` trigger already —
+     * this is for the mobile backdrop tap, which isn't one.
+     */
+    closeMenu(): void;
+    onMenuOpened(): void;
+    onMenuClosed(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenuComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MenuComponent, "ul-menu", never, { "theme": { "alias": "theme"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "triggerIconOnly": { "alias": "triggerIconOnly"; "required": false; "isSignal": true; }; "iconOnlyLabel": { "alias": "iconOnlyLabel"; "required": false; "isSignal": true; }; "triggerLabel": { "alias": "triggerLabel"; "required": false; "isSignal": true; }; "triggerLeftIcons": { "alias": "triggerLeftIcons"; "required": false; "isSignal": true; }; "triggerRightIcons": { "alias": "triggerRightIcons"; "required": false; "isSignal": true; }; }, { "itemSelected": "itemSelected"; "closed": "closed"; }, never, ["*"], true, never>;
+}
+
+/**
+ * The trigger button shared by `ul-dropdown` and `ul-menu`: either an
+ * icon-only button (`iconOnly`, e.g. a "more options" `⋮`) or a
+ * `ul-list-item`-styled button showing a label with optional icons on
+ * either side. Wires `cdkMenuTriggerFor` plus the ARIA attributes a menu
+ * trigger needs, and exposes `close()` so the panel it opens can be
+ * dismissed programmatically (e.g. a tap on a mobile bottom-sheet backdrop,
+ * which CDK's own outside-click handling won't catch since the backdrop
+ * lives inside the same overlay pane).
+ */
+declare class MenuTriggerComponent {
+    theme: _angular_core.InputSignal<ListItemTheme>;
+    disabled: _angular_core.InputSignal<boolean>;
+    iconOnly: _angular_core.InputSignal<string | undefined>;
+    iconOnlyLabel: _angular_core.InputSignal<string>;
+    label: _angular_core.InputSignal<string>;
+    leftIcons: _angular_core.InputSignal<string[]>;
+    rightIcons: _angular_core.InputSignal<string[]>;
+    menuTemplate: _angular_core.InputSignal<TemplateRef<unknown>>;
+    menuId: _angular_core.InputSignal<string>;
+    isOpen: _angular_core.InputSignal<boolean>;
+    opened: _angular_core.OutputEmitterRef<void>;
+    closed: _angular_core.OutputEmitterRef<void>;
+    private readonly trigger;
+    close(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenuTriggerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MenuTriggerComponent, "ul-menu-trigger", never, { "theme": { "alias": "theme"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "iconOnly": { "alias": "iconOnly"; "required": false; "isSignal": true; }; "iconOnlyLabel": { "alias": "iconOnlyLabel"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "leftIcons": { "alias": "leftIcons"; "required": false; "isSignal": true; }; "rightIcons": { "alias": "rightIcons"; "required": false; "isSignal": true; }; "menuTemplate": { "alias": "menuTemplate"; "required": true; "isSignal": true; }; "menuId": { "alias": "menuId"; "required": true; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; }, { "opened": "opened"; "closed": "closed"; }, never, never, true, never>;
 }
 
 type ModalVariant = 'default' | 'success' | 'error' | 'custom' | 'bottom-sheet' | 'confirmation';
@@ -1031,7 +1171,7 @@ declare class NavbarComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<NavbarComponent, "ul-navbar", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "logoHref": { "alias": "logoHref"; "required": false; "isSignal": true; }; "logoSrc": { "alias": "logoSrc"; "required": false; "isSignal": true; }; "logoAlt": { "alias": "logoAlt"; "required": false; "isSignal": true; }; "avatarSrc": { "alias": "avatarSrc"; "required": false; "isSignal": true; }; "avatarInitials": { "alias": "avatarInitials"; "required": false; "isSignal": true; }; "avatarAlt": { "alias": "avatarAlt"; "required": false; "isSignal": true; }; "sidebarOpen": { "alias": "sidebarOpen"; "required": false; "isSignal": true; }; "showSidebarToggle": { "alias": "showSidebarToggle"; "required": false; "isSignal": true; }; "searchCollapsible": { "alias": "searchCollapsible"; "required": false; "isSignal": true; }; }, { "sidebarToggle": "sidebarToggle"; }, ["logoSlot", "searchSlot", "avatarSlot", "appNameSlot"], ["[ul-navbar-logo]", "[ul-navbar-app-name]", "[ul-navbar-search]", "[ul-navbar-avatar]"], true, never>;
 }
 
-type PillSize = 'md' | 'lg';
+type PillSize = 'sm' | 'md' | 'lg';
 type PillVariant = 'interactive' | 'interactive-rounded' | 'read-only' | 'dismissible' | 'selectable';
 type PillTheme = 'fill-white' | 'fill-black' | 'fill-purple' | 'fill-red' | 'fill-green' | 'transparent-white' | 'transparent-purple' | 'transparent-red' | 'transparent-green' | 'stroke-white' | 'outline-white' | 'outline-purple' | 'outline-red' | 'outline-green';
 declare class PillComponent {
@@ -1178,6 +1318,7 @@ declare class RadioGroupComponent implements FormValueControl<string | null> {
     readonly error: _angular_core.InputSignal<boolean>;
     readonly disabled: _angular_core.InputSignal<boolean>;
     readonly required: _angular_core.InputSignal<boolean>;
+    readonly showRequiredIndicator: _angular_core.InputSignal<boolean>;
     readonly invalid: _angular_core.InputSignal<boolean>;
     readonly errors: _angular_core.InputSignal<readonly WithOptionalFieldTree<ValidationError>[]>;
     readonly value: _angular_core.ModelSignal<string | null>;
@@ -1189,7 +1330,7 @@ declare class RadioGroupComponent implements FormValueControl<string | null> {
     protected readonly hasError: _angular_core.Signal<boolean>;
     protected readonly describedBy: _angular_core.Signal<string | undefined>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RadioGroupComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<RadioGroupComponent, "ul-radio-group", never, { "name": { "alias": "name"; "required": true; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "helperText": { "alias": "helperText"; "required": false; "isSignal": true; }; "errorText": { "alias": "errorText"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<RadioGroupComponent, "ul-radio-group", never, { "name": { "alias": "name"; "required": true; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "helperText": { "alias": "helperText"; "required": false; "isSignal": true; }; "errorText": { "alias": "errorText"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "showRequiredIndicator": { "alias": "showRequiredIndicator"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
 }
 
 type RadialSize = 96 | 64 | 48 | 32 | 24 | 20 | 16;
@@ -1330,6 +1471,7 @@ declare class SearchSelectComponent implements FormValueControl<string | null> {
     readonly error: _angular_core.InputSignal<boolean>;
     readonly disabled: _angular_core.InputSignal<boolean>;
     readonly required: _angular_core.InputSignal<boolean>;
+    readonly showRequiredIndicator: _angular_core.InputSignal<boolean>;
     readonly placeholder: _angular_core.InputSignal<string>;
     readonly options: _angular_core.InputSignal<SearchSelectOption[]>;
     readonly minCharsToOpen: _angular_core.InputSignal<number>;
@@ -1364,7 +1506,7 @@ declare class SearchSelectComponent implements FormValueControl<string | null> {
     selectOption(opt: SearchSelectOption): void;
     private cancelBlurClose;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SearchSelectComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SearchSelectComponent, "ul-search-select", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "helperText": { "alias": "helperText"; "required": false; "isSignal": true; }; "errorText": { "alias": "errorText"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "minCharsToOpen": { "alias": "minCharsToOpen"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SearchSelectComponent, "ul-search-select", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "helperText": { "alias": "helperText"; "required": false; "isSignal": true; }; "errorText": { "alias": "errorText"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "showRequiredIndicator": { "alias": "showRequiredIndicator"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "minCharsToOpen": { "alias": "minCharsToOpen"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
 }
 
 interface SelectOption extends DropdownItem {
@@ -1387,6 +1529,7 @@ declare class SelectComponent implements FormValueControl<string | null> {
     readonly error: _angular_core.InputSignal<boolean>;
     readonly disabled: _angular_core.InputSignal<boolean>;
     readonly required: _angular_core.InputSignal<boolean>;
+    readonly showRequiredIndicator: _angular_core.InputSignal<boolean>;
     readonly placeholder: _angular_core.InputSignal<string>;
     readonly options: _angular_core.InputSignal<SelectOption[]>;
     readonly invalid: _angular_core.InputSignal<boolean>;
@@ -1400,7 +1543,7 @@ declare class SelectComponent implements FormValueControl<string | null> {
         helperId: string;
         errorId: string;
     };
-    protected readonly items: _angular_core.Signal<DropdownItem[]>;
+    protected readonly items: _angular_core.Signal<_underlayerdev_ui.MenuItem[]>;
     protected readonly hasError: _angular_core.Signal<boolean>;
     protected readonly describedBy: _angular_core.Signal<string | undefined>;
     constructor();
@@ -1408,7 +1551,79 @@ declare class SelectComponent implements FormValueControl<string | null> {
     protected onSelectedIndexChange(index: number): void;
     protected onDropdownClosed(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SelectComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SelectComponent, "ul-select", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "theme": { "alias": "theme"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "helperText": { "alias": "helperText"; "required": false; "isSignal": true; }; "errorText": { "alias": "errorText"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "selectedIndex": { "alias": "selectedIndex"; "required": false; "isSignal": true; }; }, { "touch": "touch"; "value": "valueChange"; "selectedIndex": "selectedIndexChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SelectComponent, "ul-select", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "theme": { "alias": "theme"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "helperText": { "alias": "helperText"; "required": false; "isSignal": true; }; "errorText": { "alias": "errorText"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "showRequiredIndicator": { "alias": "showRequiredIndicator"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "selectedIndex": { "alias": "selectedIndex"; "required": false; "isSignal": true; }; }, { "touch": "touch"; "value": "valueChange"; "selectedIndex": "selectedIndexChange"; }, never, never, true, never>;
+}
+
+/**
+ * Makes any row of projected content (thumbnail/media + label content, plus
+ * anything else — a status pill, actions) selectable in a bulk-select list,
+ * without the consumer having to hand-roll device detection or gesture
+ * wiring themselves:
+ *
+ * - Fine-pointer/real-hover devices (desktop): a checkbox is always present
+ *   but invisible until the row is hovered, keyboard-focused, or already
+ *   checked — Gmail-list style.
+ * - Coarse-pointer/no-hover devices (touch): long-press a row to select it;
+ *   every row then swaps its projected `[ul-selectable-row-media]` content
+ *   for a large checkbox — there's rarely room for both a thumbnail and an
+ *   easy-to-hit checkbox on a small card.
+ *
+ * This component only decides what to *show* and detects the long-press
+ * gesture — it doesn't know about routing, so a consumer whose media/content
+ * slots contain a routerLink-driven anchor still needs to null that binding
+ * out itself while `selectionActive` (see ul-selectable-row's own usage in
+ * undermarket's profile-listings for the pattern).
+ *
+ * @example
+ * ```html
+ * <ul-selectable-row
+ *   [selected]="isSelected(item.id)"
+ *   [selectionActive]="hasSelection()"
+ *   [ariaLabel]="'Select ' + item.title"
+ *   (selectedChange)="toggleSelect(item.id, $event)"
+ *   (longPress)="onRowLongPress(item.id)"
+ * >
+ *   <img ul-selectable-row-media [src]="item.imageUrl" alt="" />
+ *   <div ul-selectable-row-content>{{ item.title }}</div>
+ *   <ul-pill>{{ item.status }}</ul-pill>
+ * </ul-selectable-row>
+ * ```
+ */
+declare class SelectableRowComponent {
+    /** Whether this row is currently selected. */
+    selected: _angular_core.InputSignal<boolean>;
+    /**
+     * Whether the list is in selection mode (something, anywhere, is
+     * selected) — drives the compact-mode media-for-checkbox swap.
+     */
+    selectionActive: _angular_core.InputSignal<boolean>;
+    /** Accessible label for this row's checkbox(es). */
+    ariaLabel: _angular_core.InputSignal<string | null>;
+    selectedChange: _angular_core.OutputEmitterRef<boolean>;
+    longPress: _angular_core.OutputEmitterRef<void>;
+    /**
+     * Same distinction the hover-reveal CSS relies on — a width breakpoint
+     * alone would misclassify a wide tablet in landscape, which has no real
+     * hover, as "desktop".
+     */
+    private readonly hasFinePointer;
+    readonly isCompact: _angular_core.Signal<boolean>;
+    private justLongPressed;
+    constructor();
+    /**
+     * Once every row shows a checkbox in place of its media (compact +
+     * selecting), the checkbox is the only thing with its own toggle handler
+     * — everything else in the row (the content slot, empty space) does
+     * nothing on tap, which defeats the point of showing a large, easy-to-hit
+     * target. Toggling on any tap in that state fixes it; it's safe to do
+     * unconditionally (regardless of what's projected) because a consumer
+     * whose content contains a routerLink is already expected to have nulled
+     * that binding out while `selectionActive` — so there's no competing
+     * navigation to accidentally trigger.
+     */
+    onHostClick(event: MouseEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SelectableRowComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SelectableRowComponent, "ul-selectable-row", never, { "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "selectionActive": { "alias": "selectionActive"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "selectedChange": "selectedChange"; "longPress": "longPress"; }, never, ["[ul-selectable-row-media]", "[ul-selectable-row-content]", "*"], true, [{ directive: typeof LongPressDirective; inputs: {}; outputs: {}; }]>;
 }
 
 /**
@@ -1434,8 +1649,9 @@ declare class FormFieldLabelComponent {
     readonly required: _angular_core.InputSignal<boolean>;
     readonly for: _angular_core.InputSignal<string>;
     readonly size: _angular_core.InputSignal<UiSize>;
+    readonly showRequiredIndicator: _angular_core.InputSignal<boolean>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormFieldLabelComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormFieldLabelComponent, "ul-form-field-label", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "for": { "alias": "for"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormFieldLabelComponent, "ul-form-field-label", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "for": { "alias": "for"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "showRequiredIndicator": { "alias": "showRequiredIndicator"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 /**
@@ -1553,6 +1769,7 @@ declare class TextareaComponent implements FormValueControl<string> {
     readonly disabled: _angular_core.InputSignal<boolean>;
     readonly readOnly: _angular_core.InputSignal<boolean>;
     readonly required: _angular_core.InputSignal<boolean>;
+    readonly showRequiredIndicator: _angular_core.InputSignal<boolean>;
     readonly placeholder: _angular_core.InputSignal<string>;
     readonly label: _angular_core.InputSignal<string | null>;
     readonly helperText: _angular_core.InputSignal<string | null>;
@@ -1588,8 +1805,8 @@ declare class TextareaComponent implements FormValueControl<string> {
     focus(): void;
     select(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TextareaComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TextareaComponent, "ul-textarea", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readOnly": { "alias": "readOnly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "helperText": { "alias": "helperText"; "required": false; "isSignal": true; }; "errorText": { "alias": "errorText"; "required": false; "isSignal": true; }; "maxLength": { "alias": "maxLength"; "required": false; "isSignal": true; }; "minLength": { "alias": "minLength"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "resize": { "alias": "resize"; "required": false; "isSignal": true; }; "groupFocused": { "alias": "groupFocused"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "touched": "touchedChange"; "touch": "touch"; "value": "valueChange"; "inputBlur": "inputBlur"; "inputFocus": "inputFocus"; }, ["customField"], ["[ul-textarea-left-elements]", "[ul-textarea-field]", "[ul-textarea-right-elements]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TextareaComponent, "ul-textarea", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readOnly": { "alias": "readOnly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "showRequiredIndicator": { "alias": "showRequiredIndicator"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "helperText": { "alias": "helperText"; "required": false; "isSignal": true; }; "errorText": { "alias": "errorText"; "required": false; "isSignal": true; }; "maxLength": { "alias": "maxLength"; "required": false; "isSignal": true; }; "minLength": { "alias": "minLength"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "resize": { "alias": "resize"; "required": false; "isSignal": true; }; "groupFocused": { "alias": "groupFocused"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "touched": "touchedChange"; "touch": "touch"; "value": "valueChange"; "inputBlur": "inputBlur"; "inputFocus": "inputFocus"; }, ["customField"], ["[ul-textarea-left-elements]", "[ul-textarea-field]", "[ul-textarea-right-elements]"], true, never>;
 }
 
-export { AccordionComponent, AccordionItemComponent, AreaCodeComponent, AvatarComponent, AvatarGroupComponent, BreadcrumbComponent, ButtonComponent, CalendarComponent, CardComponent, CarouselComponent, CarouselItemComponent, CheckboxComponent, CollapseComponent, CustomCurrencyPipe, DockComponent, DockItemComponent, DockItemContentSlotDirective, DropdownComponent, FileInputComponent, FooterComponent, FormFieldHelperComponent, FormFieldLabelComponent, HeroComponent, IconComponent, ImageNotFoundDirective, InputComponent, ListItemComponent, ModalComponent, NavbarAppNameSlotDirective, NavbarAvatarSlotDirective, NavbarComponent, NavbarLogoSlotDirective, NavbarSearchSlotDirective, PeHeroActionsSlotDirective, PeHeroBadgesSlotDirective, PeHeroContentSlotDirective, PeHeroSubtitleSlotDirective, PeHeroTitleSlotDirective, PillComponent, PriceButtonComponent, RadialComponent, RadioComponent, RadioGroupComponent, RichTextComponent, SearchSelectComponent, SelectComponent, SidebarComponent, SkeletonComponent, StatusComponent, TableComponent, TextareaComponent, TextareaFieldDirective, ToastContainerComponent, ToastService, TooltipComponent, createFormFieldIds, getFormFieldDescribedBy, toastIcon };
-export type { ActionsDistribution, AvatarData, BreadcrumbItem, BreadcrumbSeparator, CalendarDay, CalendarMode, CardCaptionSize, CardDirection, CheckboxZoneType, CollapseVariant, Currency, DockItemVariant, DropdownItem, FileInputAppearance, HeroAction, HeroAlignment, HeroSize, IconName, IconSize, IconWeight, InputAppearance, InputType, ListItemTheme, MediaAspectRatio, ModalVariant, PillSize, PillTheme, PillVariant, RadioGroupOption, RichTextSize, RichTextTone, SalePosition, SearchSelectOption, SelectOption, SidebarItem, SkeletonBorderRadius, SkeletonVariant, SortDirection, Status, TableColumn, TextareaResize, TimeSelection, ToastConfig, ToastKind, ToastWithRole, TooltipPosition };
+export { AccordionComponent, AccordionItemComponent, AreaCodeComponent, AvatarComponent, AvatarGroupComponent, BreadcrumbComponent, ButtonComponent, CalendarComponent, CardComponent, CarouselComponent, CarouselItemComponent, CheckboxComponent, CollapseComponent, CustomCurrencyPipe, DockComponent, DockItemComponent, DockItemContentSlotDirective, DropdownComponent, FileInputComponent, FooterComponent, FormFieldHelperComponent, FormFieldLabelComponent, HeroComponent, IconComponent, ImageNotFoundDirective, InputComponent, ListItemComponent, LongPressDirective, MenuComponent, MenuItemsComponent, MenuTriggerComponent, ModalComponent, NavbarAppNameSlotDirective, NavbarAvatarSlotDirective, NavbarComponent, NavbarLogoSlotDirective, NavbarSearchSlotDirective, PeHeroActionsSlotDirective, PeHeroBadgesSlotDirective, PeHeroContentSlotDirective, PeHeroSubtitleSlotDirective, PeHeroTitleSlotDirective, PillComponent, PriceButtonComponent, RadialComponent, RadioComponent, RadioGroupComponent, RichTextComponent, SearchSelectComponent, SelectComponent, SelectableRowComponent, SidebarComponent, SkeletonComponent, StatusComponent, TableComponent, TextareaComponent, TextareaFieldDirective, ToastContainerComponent, ToastService, TooltipComponent, createFormFieldIds, getFormFieldDescribedBy, toastIcon };
+export type { ActionsDistribution, AvatarData, BreadcrumbItem, BreadcrumbSeparator, CalendarDay, CalendarMode, CardCaptionSize, CardDirection, CheckboxZoneType, CollapseVariant, Currency, DockItemVariant, DropdownItem, FileInputAppearance, HeroAction, HeroAlignment, HeroSize, IconName, IconSize, IconWeight, InputAppearance, InputType, ListItemTheme, MediaAspectRatio, MenuItem, ModalVariant, PillSize, PillTheme, PillVariant, RadioGroupOption, RichTextSize, RichTextTone, SalePosition, SearchSelectOption, SelectOption, SidebarItem, SkeletonBorderRadius, SkeletonVariant, SortDirection, Status, TableColumn, TextareaResize, TimeSelection, ToastConfig, ToastKind, ToastWithRole, TooltipPosition };