@underlayerdev/ui 0.6.5 → 0.7.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@underlayerdev/ui",
-  "version": "0.6.5",
+  "version": "0.7.5",
   "peerDependencies": {
     "@angular/cdk": "^22.0.0",
     "@angular/common": "^22.0.0",

package/styles/foundations.css

@@ -401,42 +401,23 @@ a:active {
   }
 }
 
-.ul-scrollable::-webkit-scrollbar {
-  width: 8px;
-  height: 8px;
-}
-.ul-scrollable::-webkit-scrollbar-track {
-  background: transparent;
-  border-radius: 4px;
-}
-.ul-scrollable::-webkit-scrollbar-thumb {
-  background: rgba(255, 255, 255, 0.1);
-  border-radius: 4px;
-  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
-}
-.ul-scrollable::-webkit-scrollbar-thumb:hover {
-  background: rgba(255, 255, 255, 0.2);
-}
 .ul-scrollable {
-  scrollbar-width: thin;
-  scrollbar-color: rgba(255, 255, 255, 0.1) transparent;
-  overflow: overlay;
+  scrollbar-width: none;
   -webkit-overflow-scrolling: touch;
 }
 .ul-scrollable::-webkit-scrollbar {
-  opacity: 0;
-  transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
-}
-.ul-scrollable:hover::-webkit-scrollbar {
-  opacity: 1;
+  width: 0;
+  height: 0;
+  display: none;
 }
-.ul-scrollable {
-  scrollbar-width: thin;
-  scrollbar-color: transparent transparent;
-  transition: scrollbar-color 250ms cubic-bezier(0.4, 0, 0.2, 1);
+
+.ul-selectable-row {
+  border: 2px solid rgba(255, 255, 255, 0.3);
+  background-color: transparent;
+  transition: border-color 250ms cubic-bezier(0.4, 0, 0.2, 1);
 }
-.ul-scrollable:hover {
-  scrollbar-color: rgba(255, 255, 255, 0.1) transparent;
+.ul-selectable-row .ul-list-item--selected {
+  background-color: transparent;
 }
 
 .ul-row {

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>;
@@ -871,6 +899,10 @@ declare class InputComponent implements FormValueControl<string> {
     readonly maxLength: _angular_core.InputSignal<number | undefined>;
     readonly minLength: _angular_core.InputSignal<number | undefined>;
     readonly pattern: _angular_core.InputSignal<readonly RegExp[]>;
+    /** Native step for type="number". Defaults to 'any' (decimals allowed) rather than the
+     * browser's own default of 1, which would silently reject e.g. "19.99" — pass an explicit
+     * step (e.g. 1) to restrict to whole numbers. */
+    readonly step: _angular_core.InputSignal<number | "any" | undefined>;
     readonly autocomplete: _angular_core.InputSignal<string>;
     /** When provided (e.g. by a parent form field), the input element uses this id instead of the internal one. */
     readonly controlId: _angular_core.InputSignal<string | undefined>;
@@ -898,6 +930,7 @@ declare class InputComponent implements FormValueControl<string> {
     protected readonly isFocused: _angular_core.WritableSignal<boolean>;
     protected readonly hasError: _angular_core.Signal<boolean>;
     protected readonly nativePattern: _angular_core.Signal<string | null>;
+    protected readonly nativeStep: _angular_core.Signal<number | "any" | null>;
     protected readonly isPasswordType: _angular_core.Signal<boolean>;
     protected readonly passwordRevealed: _angular_core.WritableSignal<boolean>;
     protected readonly effectiveType: _angular_core.Signal<InputType>;
@@ -919,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; }; "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';
@@ -1026,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 {
@@ -1173,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>;
@@ -1184,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;
@@ -1325,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>;
@@ -1359,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 {
@@ -1382,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>;
@@ -1395,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();
@@ -1403,7 +1551,7 @@ 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>;
 }
 
 /**
@@ -1429,8 +1577,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>;
 }
 
 /**
@@ -1548,6 +1697,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>;
@@ -1583,8 +1733,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, 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 };