@nanahoshi/mona-ui 0.18.6 → 0.20.0

package/types/nanahoshi-mona-ui-menubar.d.ts

@@ -1,6 +1,6 @@
 import * as _nanahoshi_mona_ui_popup_menu from '@nanahoshi/mona-ui/popup-menu';
 import { PopupMenuItemClickEvent, MenuItem, PopupMenuComponent, PopupMenuCheckboxItemComponent, PopupMenuOrigin, PopupMenuGroupComponent, PopupMenuItemComponent, PopupMenuRadioGroupComponent, PopupMenuRadioItemComponent, PopupMenuSeparatorComponent, PopupMenuNavigationEvent, PopupMenuGroupTemplateDirective, PopupMenuTemplateOrigin, PopupMenuIconTemplateDirective, PopupMenuShortcutTemplateDirective, PopupMenuTextTemplateDirective } from '@nanahoshi/mona-ui/popup-menu';
-import * as i0 from '@angular/core';
+import * as _angular_core from '@angular/core';
 import { TemplateRef } from '@angular/core';
 import { Subject } from 'rxjs';
 import * as class_variance_authority_types from 'class-variance-authority/types';
@@ -14,64 +14,64 @@ declare class MenuComponent {
     /**
      * @description Sets the menu as disabled.
      */
-    readonly disabled: i0.InputSignal<boolean>;
-    readonly iconTemplate: i0.Signal<TemplateRef<any> | undefined>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly iconTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
     /**
      * @description Sets the items of the menu.
      * If provided, it will override the menu items defined by the menu item components.
      */
-    readonly items: i0.InputSignal<Iterable<MenuItem>>;
-    readonly menuItems: i0.Signal<_nanahoshi_mona_ui_popup_menu.PopupMenuItem[]>;
-    readonly textTemplate: i0.Signal<TemplateRef<any> | undefined>;
+    readonly items: _angular_core.InputSignal<Iterable<MenuItem>>;
+    readonly menuItems: _angular_core.Signal<_nanahoshi_mona_ui_popup_menu.PopupMenuItem[]>;
     /**
      * @description The text of the menu.
      */
-    readonly text: i0.InputSignal<string>;
+    readonly text: _angular_core.InputSignal<string>;
+    readonly textTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
     readonly uid: string;
     popupMenu: PopupMenuComponent | null;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MenuComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MenuComponent, "mona-menu", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; }, {}, ["menuItemComponents", "iconTemplate", "textTemplate"], never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenuComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MenuComponent, "mona-menu", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; }, {}, ["menuItemComponents", "iconTemplate", "textTemplate"], never, true, never>;
 }
 
 declare class MenuCheckboxItemComponent extends PopupMenuCheckboxItemComponent {
     readonly origin = PopupMenuOrigin.MenubarMenu;
     constructor();
-    static ɵfac: i0.ɵɵFactoryDeclaration<MenuCheckboxItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MenuCheckboxItemComponent, "mona-menu-checkbox-item", never, {}, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenuCheckboxItemComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MenuCheckboxItemComponent, "mona-menu-checkbox-item", never, {}, {}, never, never, true, never>;
 }
 
 declare class MenuGroupComponent extends PopupMenuGroupComponent {
     readonly origin = PopupMenuOrigin.MenubarMenu;
     constructor();
-    static ɵfac: i0.ɵɵFactoryDeclaration<MenuGroupComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MenuGroupComponent, "mona-menu-group", never, {}, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenuGroupComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MenuGroupComponent, "mona-menu-group", never, {}, {}, never, never, true, never>;
 }
 
 declare class MenuItemComponent extends PopupMenuItemComponent {
     readonly origin = PopupMenuOrigin.MenubarMenu;
     constructor();
-    static ɵfac: i0.ɵɵFactoryDeclaration<MenuItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MenuItemComponent, "mona-menu-item", never, {}, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenuItemComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MenuItemComponent, "mona-menu-item", never, {}, {}, never, never, true, never>;
 }
 
 declare class MenuRadioGroupComponent extends PopupMenuRadioGroupComponent {
     readonly origin = PopupMenuOrigin.MenubarMenu;
     constructor();
-    static ɵfac: i0.ɵɵFactoryDeclaration<MenuRadioGroupComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MenuRadioGroupComponent, "mona-menu-radio-group", never, {}, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenuRadioGroupComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MenuRadioGroupComponent, "mona-menu-radio-group", never, {}, {}, never, never, true, never>;
 }
 
 declare class MenuRadioItemComponent extends PopupMenuRadioItemComponent {
     readonly origin = PopupMenuOrigin.MenubarMenu;
     constructor();
-    static ɵfac: i0.ɵɵFactoryDeclaration<MenuRadioItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MenuRadioItemComponent, "mona-menu-radio-item", never, {}, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenuRadioItemComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MenuRadioItemComponent, "mona-menu-radio-item", never, {}, {}, never, never, true, never>;
 }
 
 declare class MenuSeparatorComponent extends PopupMenuSeparatorComponent {
     readonly origin = PopupMenuOrigin.MenubarMenu;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MenuSeparatorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MenuSeparatorComponent, "mona-menu-separator", never, {}, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenuSeparatorComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MenuSeparatorComponent, "mona-menu-separator", never, {}, {}, never, never, true, never>;
 }
 
 declare const menubarBaseThemeVariants: (props?: ({
@@ -90,49 +90,50 @@ type MenubarVariantInput = VariantInputs<MenubarVariantProps>;
 
 declare class MenubarComponent implements MenubarVariantInput {
     #private;
-    protected readonly activeIndex: i0.WritableSignal<number>;
-    protected readonly baseClasses: i0.Signal<string>;
-    protected readonly currentPopupElement: i0.WritableSignal<HTMLElement | null>;
-    protected readonly currentPopupMenu: i0.WritableSignal<PopupMenuComponent | null>;
-    protected readonly groupTemplate: i0.Signal<TemplateRef<any> | undefined>;
-    protected readonly iconTemplate: i0.Signal<TemplateRef<any> | undefined>;
-    protected readonly listClasses: i0.Signal<string>;
-    protected readonly listItemClasses: i0.Signal<string>;
-    protected readonly menuItemIconTemplate: i0.Signal<TemplateRef<any> | undefined>;
-    protected readonly menuItemShortcutTemplate: i0.Signal<TemplateRef<any> | undefined>;
-    protected readonly menuItemTextTemplate: i0.Signal<TemplateRef<any> | undefined>;
-    protected readonly menuList: i0.Signal<readonly MenuComponent[]>;
+    protected readonly isRtl: _angular_core.Signal<boolean>;
+    protected readonly activeIndex: _angular_core.WritableSignal<number>;
+    protected readonly baseClasses: _angular_core.Signal<string>;
+    protected readonly currentPopupElement: _angular_core.WritableSignal<HTMLElement | null>;
+    protected readonly currentPopupMenu: _angular_core.WritableSignal<PopupMenuComponent | null>;
+    protected readonly groupTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
+    protected readonly iconTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
+    protected readonly listClasses: _angular_core.Signal<string>;
+    protected readonly listItemClasses: _angular_core.Signal<string>;
+    protected readonly menuItemIconTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
+    protected readonly menuItemShortcutTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
+    protected readonly menuItemTextTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
+    protected readonly menuList: _angular_core.Signal<readonly MenuComponent[]>;
     protected readonly navigate$: Subject<PopupMenuNavigationEvent>;
-    protected readonly popupMenuComponents: i0.Signal<readonly PopupMenuComponent[]>;
-    protected readonly textTemplate: i0.Signal<TemplateRef<any> | undefined>;
+    protected readonly popupMenuComponents: _angular_core.Signal<readonly PopupMenuComponent[]>;
+    protected readonly textTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
     /**
      * @description ARIA label for the menubar.
      */
-    readonly ariaLabel: i0.InputSignal<string>;
+    readonly ariaLabel: _angular_core.InputSignal<string>;
     /**
      * @description ARIA labelledby for the menubar.
      */
-    readonly ariaLabelledby: i0.InputSignal<string>;
+    readonly ariaLabelledby: _angular_core.InputSignal<string>;
     /**
      * @description Sets the disabled state of menubar.
      */
-    readonly disabled: i0.InputSignal<boolean>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
     /**
      * @description Emits when a menu item is clicked.
      */
-    readonly menuItemClick: i0.OutputEmitterRef<_nanahoshi_mona_ui_popup_menu.PopupMenuItemClickEvent>;
+    readonly menuItemClick: _angular_core.OutputEmitterRef<_nanahoshi_mona_ui_popup_menu.PopupMenuItemClickEvent>;
     /**
-     * @description Sets the size of the menubar.
+     * @description Sets the rounded style of the menubar.
      */
-    readonly size: i0.InputSignal<"small" | "medium" | "large" | null | undefined>;
+    readonly rounded: _angular_core.InputSignal<"small" | "medium" | "large" | "none" | null | undefined>;
     /**
-     * @description Sets the rounded style of the menubar.
+     * @description Sets the size of the menubar.
      */
-    readonly rounded: i0.InputSignal<"small" | "medium" | "large" | "none" | null | undefined>;
+    readonly size: _angular_core.InputSignal<"small" | "medium" | "large" | null | undefined>;
     /**
      * @description Additional CSS classes to apply to the menubar, merged with the computed theme classes.
      */
-    readonly userClasses: i0.InputSignal<string>;
+    readonly userClasses: _angular_core.InputSignal<string>;
     constructor();
     protected onMenuBlur(event: FocusEvent): void;
     protected onMenuClick(event: MouseEvent, item: MenuComponent): void;
@@ -155,42 +156,42 @@ declare class MenubarComponent implements MenubarVariantInput {
     private setNavigationSubscription;
     private setSubscriptions;
     private updateCurrentMenuData;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MenubarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MenubarComponent, "mona-menubar", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "userClasses": { "alias": "class"; "required": false; "isSignal": true; }; }, { "menuItemClick": "menuItemClick"; }, ["groupTemplate", "iconTemplate", "menuItemIconTemplate", "menuItemShortcutTemplate", "menuItemTextTemplate", "menuList", "textTemplate"], never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenubarComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MenubarComponent, "mona-menubar", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "userClasses": { "alias": "class"; "required": false; "isSignal": true; }; }, { "menuItemClick": "menuItemClick"; }, ["groupTemplate", "iconTemplate", "menuItemIconTemplate", "menuItemShortcutTemplate", "menuItemTextTemplate", "menuList", "textTemplate"], never, true, never>;
 }
 
 declare class MenuGroupTemplateDirective extends PopupMenuGroupTemplateDirective {
     readonly origin = PopupMenuTemplateOrigin.MenubarMenu;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MenuGroupTemplateDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MenuGroupTemplateDirective, "ng-template[monaMenuGroupTemplate]", never, {}, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenuGroupTemplateDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<MenuGroupTemplateDirective, "ng-template[monaMenuGroupTemplate]", never, {}, {}, never, never, true, never>;
 }
 
 declare class MenuIconTemplateDirective {
-    static ɵfac: i0.ɵɵFactoryDeclaration<MenuIconTemplateDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MenuIconTemplateDirective, "ng-template[monaMenuIconTemplate]", never, {}, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenuIconTemplateDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<MenuIconTemplateDirective, "ng-template[monaMenuIconTemplate]", never, {}, {}, never, never, true, never>;
 }
 
 declare class MenuItemIconTemplateDirective extends PopupMenuIconTemplateDirective {
     readonly origin = PopupMenuTemplateOrigin.MenubarMenu;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MenuItemIconTemplateDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MenuItemIconTemplateDirective, "ng-template[monaMenuItemIconTemplate]", never, {}, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenuItemIconTemplateDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<MenuItemIconTemplateDirective, "ng-template[monaMenuItemIconTemplate]", never, {}, {}, never, never, true, never>;
 }
 
 declare class MenuItemShortcutTemplateDirective extends PopupMenuShortcutTemplateDirective {
     readonly origin = PopupMenuTemplateOrigin.MenubarMenu;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MenuItemShortcutTemplateDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MenuItemShortcutTemplateDirective, "ng-template[monaMenuItemShortcutTemplate]", never, {}, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenuItemShortcutTemplateDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<MenuItemShortcutTemplateDirective, "ng-template[monaMenuItemShortcutTemplate]", never, {}, {}, never, never, true, never>;
 }
 
 declare class MenuItemTextTemplateDirective extends PopupMenuTextTemplateDirective {
     readonly origin = PopupMenuTemplateOrigin.MenubarMenu;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MenuItemTextTemplateDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MenuItemTextTemplateDirective, "ng-template[monaMenuItemTextTemplate]", never, {}, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenuItemTextTemplateDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<MenuItemTextTemplateDirective, "ng-template[monaMenuItemTextTemplate]", never, {}, {}, never, never, true, never>;
 }
 
 declare class MenuTextTemplateDirective {
-    static ɵfac: i0.ɵɵFactoryDeclaration<MenuTextTemplateDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MenuTextTemplateDirective, "ng-template[monaMenuTextTemplate]", never, {}, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenuTextTemplateDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<MenuTextTemplateDirective, "ng-template[monaMenuTextTemplate]", never, {}, {}, never, never, true, never>;
 }
 
 export { MenuCheckboxItemComponent, MenuComponent, MenuGroupComponent, MenuGroupTemplateDirective, MenuIconTemplateDirective, MenuItemComponent, MenuItemIconTemplateDirective, MenuItemShortcutTemplateDirective, MenuItemTextTemplateDirective, MenuRadioGroupComponent, MenuRadioItemComponent, MenuSeparatorComponent, MenuTextTemplateDirective, MenubarComponent };

package/types/nanahoshi-mona-ui-multi-select.d.ts

@@ -1,4 +1,6 @@
 import * as _mirei_ts_collections from '@mirei/ts-collections';
+import * as _nanahoshi_mona_ui_i18n from '@nanahoshi/mona-ui/i18n';
+import { MonaMultiSelectMessages } from '@nanahoshi/mona-ui/i18n';
 import * as _angular_core from '@angular/core';
 import { TemplateRef } from '@angular/core';
 import { FormValueControl } from '@angular/forms/signals';
@@ -51,6 +53,7 @@ declare class MultiSelectComponent<TData = unknown, TValue = TData> implements F
     protected readonly itemTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
     protected readonly listId: string;
     protected readonly listPopupClass: _angular_core.Signal<string>;
+    protected readonly messages: _angular_core.Signal<_nanahoshi_mona_ui_i18n.MonaMultiSelectMessages>;
     protected readonly noDataTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
     protected readonly popupTemplate: _angular_core.Signal<TemplateRef<any>>;
     protected readonly prefixTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
@@ -258,5 +261,7 @@ declare class MultiSelectTagTemplateDirective {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<MultiSelectTagTemplateDirective, "ng-template[monaMultiSelectTagTemplate]", never, {}, {}, never, never, true, never>;
 }
 
-export { MultiSelectComponent, MultiSelectSummaryTagDirective, MultiSelectSummaryTagTemplateDirective, MultiSelectTagTemplateDirective };
+declare const MULTI_SELECT_DEFAULT_MESSAGES: MonaMultiSelectMessages;
+
+export { MULTI_SELECT_DEFAULT_MESSAGES, MultiSelectComponent, MultiSelectSummaryTagDirective, MultiSelectSummaryTagTemplateDirective, MultiSelectTagTemplateDirective };
 export type { MultiSelectVariantProps };

package/types/nanahoshi-mona-ui-notification.d.ts

@@ -23,8 +23,7 @@ interface NotificationOptions {
      */
     closable?: boolean;
     /**
-     * @description The accessible title/tooltip for the close button.
-     * @default "Close"
+     * @description The accessible title/tooltip for the close button. Defaults to localized "Close".
      */
     closeTitle?: string;
     /**
@@ -54,8 +53,7 @@ interface NotificationOptions {
      */
     progressBar?: boolean;
     /**
-     * @description The notification's title.
-     * @default a title derived from `type` (e.g. "Info", "Success", "Warning", "Error")
+     * @description The notification's title. Defaults to localized title derived from `type` (e.g. "Info", "Success", "Warning", "Error").
      */
     title?: string;
     /**
@@ -102,5 +100,13 @@ declare class NotificationService {
     static ɵprov: i0.ɵɵInjectableDeclaration<NotificationService>;
 }
 
-export { NotificationService };
+declare const NOTIFICATION_DEFAULT_MESSAGES: {
+    close: string;
+    error: string;
+    info: string;
+    success: string;
+    warning: string;
+};
+
+export { NOTIFICATION_DEFAULT_MESSAGES, NotificationService };
 export type { NotificationOptions, NotificationPosition, NotificationRef, NotificationType };

package/types/nanahoshi-mona-ui-numeric-text-box.d.ts

@@ -1,3 +1,5 @@
+import * as _nanahoshi_mona_ui_i18n from '@nanahoshi/mona-ui/i18n';
+import { MonaNumericTextBoxMessages } from '@nanahoshi/mona-ui/i18n';
 import * as _angular_core from '@angular/core';
 import { Signal, TemplateRef, ElementRef } from '@angular/core';
 import { FormValueControl } from '@angular/forms/signals';
@@ -18,17 +20,18 @@ declare class NumericTextBoxComponent implements NumericTextboxVariantInputs, Fo
     #private;
     protected readonly beforeInput$: Subject<InputEvent>;
     protected readonly classes: Signal<string>;
-    protected readonly inputClasses: Signal<string>;
     protected readonly focused: _angular_core.WritableSignal<boolean>;
     protected readonly formattedValue: Signal<string>;
+    protected readonly inputClasses: Signal<string>;
     protected readonly invalidInput: Signal<boolean>;
     protected readonly keydown$: Subject<KeyboardEvent>;
+    protected readonly messages: Signal<_nanahoshi_mona_ui_i18n.MonaNumericTextBoxMessages>;
+    protected readonly prefixTemplateList: Signal<readonly TemplateRef<any>[]>;
     protected readonly rawInputValue: _angular_core.WritableSignal<string>;
+    protected readonly spin$: Subject<Sign>;
     protected readonly spinButtonClasses: Signal<string>;
     protected readonly spinButtonIconSize: Signal<20 | 16 | 14>;
-    protected readonly spin$: Subject<Sign>;
     protected readonly spinStop$: Subject<void>;
-    protected readonly prefixTemplateList: Signal<readonly TemplateRef<any>[]>;
     protected readonly valueChange$: Subject<string>;
     protected readonly valueTextBoxRef: Signal<ElementRef<HTMLInputElement>>;
     protected readonly wheel$: Subject<WheelEvent>;
@@ -37,10 +40,11 @@ declare class NumericTextBoxComponent implements NumericTextboxVariantInputs, Fo
      */
     readonly ariaLabel: _angular_core.InputSignal<string | null>;
     /**
-     * @description Number of decimals to show.
+     * @description Number of fractional decimal places to display and accept. Values are truncated to an integer
+     * and clamped to the range 0–20. Non-finite and negative values normalize to 0.
      * @default 0
      */
-    readonly decimals: _angular_core.InputSignal<number>;
+    readonly decimals: _angular_core.InputSignalWithTransform<number, number>;
     /**
      * @description Sets whether the input is disabled.
      */
@@ -61,6 +65,12 @@ declare class NumericTextBoxComponent implements NumericTextboxVariantInputs, Fo
      * @description Emits when the inner input element loses focus.
      */
     readonly inputFocusOut: _angular_core.OutputEmitterRef<FocusEvent>;
+    /**
+     * @description Marks the numeric text box as invalid. When bound to a signal form field via `[formField]`,
+     * this is written by the `FormField` directive.
+     * @default false
+     */
+    readonly invalid: _angular_core.InputSignal<boolean>;
     /**
      * @description Maximum value that can be entered.
      */
@@ -81,12 +91,6 @@ declare class NumericTextBoxComponent implements NumericTextboxVariantInputs, Fo
      * @description Sets whether the input is required.
      */
     readonly required: _angular_core.InputSignal<boolean>;
-    /**
-     * @description Marks the numeric text box as invalid. When bound to a signal form field via `[formField]`,
-     * this is written by the `FormField` directive.
-     * @default false
-     */
-    readonly invalid: _angular_core.InputSignal<boolean>;
     /**
      * @description Sets the border radius of the input.
      */
@@ -136,9 +140,13 @@ declare class NumericTextBoxComponent implements NumericTextboxVariantInputs, Fo
     focus(): void;
     increase(): void;
     onBlur(event: FocusEvent): void;
+    protected applyRawValue(text: string): void;
+    private commitNumericValue;
     private correctValue;
+    private formatEditValue;
     private formatValueForDisplay;
-    protected applyRawValue(text: string): void;
+    protected onPaste(event: ClipboardEvent): void;
+    private parseValue;
     private setBeforeInputSubscription;
     private setInputFocusSubscription;
     private setKeydownSubscription;
@@ -146,9 +154,8 @@ declare class NumericTextBoxComponent implements NumericTextboxVariantInputs, Fo
     private setSubscriptions;
     private setValueChangeSubscription;
     private setWheelSubscription;
-    private parseValue;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<NumericTextBoxComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NumericTextBoxComponent, "mona-numeric-text-box", never, { "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "decimals": { "alias": "decimals"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "formatter": { "alias": "formatter"; "required": false; "isSignal": true; }; "maxValue": { "alias": "maxValue"; "required": false; "isSignal": true; }; "minValue": { "alias": "minValue"; "required": false; "isSignal": true; }; "nullable": { "alias": "nullable"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "spinners": { "alias": "spinners"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "tabindex": { "alias": "tabindex"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "inputBlur": "inputBlur"; "inputFocus": "inputFocus"; "inputFocusOut": "inputFocusOut"; "touch": "touch"; "value": "valueChange"; }, ["prefixTemplateList"], never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NumericTextBoxComponent, "mona-numeric-text-box", never, { "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "decimals": { "alias": "decimals"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "formatter": { "alias": "formatter"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "maxValue": { "alias": "maxValue"; "required": false; "isSignal": true; }; "minValue": { "alias": "minValue"; "required": false; "isSignal": true; }; "nullable": { "alias": "nullable"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "spinners": { "alias": "spinners"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "tabindex": { "alias": "tabindex"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "inputBlur": "inputBlur"; "inputFocus": "inputFocus"; "inputFocusOut": "inputFocusOut"; "touch": "touch"; "value": "valueChange"; }, ["prefixTemplateList"], never, true, never>;
 }
 
 declare class NumericTextBoxPrefixTemplateDirective {
@@ -156,5 +163,7 @@ declare class NumericTextBoxPrefixTemplateDirective {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NumericTextBoxPrefixTemplateDirective, "ng-template[monaNumericTextBoxPrefixTemplate]", never, {}, {}, never, never, true, never>;
 }
 
-export { NumericTextBoxComponent, NumericTextBoxPrefixTemplateDirective };
+declare const NUMERIC_TEXT_BOX_DEFAULT_MESSAGES: MonaNumericTextBoxMessages;
+
+export { NUMERIC_TEXT_BOX_DEFAULT_MESSAGES, NumericTextBoxComponent, NumericTextBoxPrefixTemplateDirective };
 export type { NumericTextboxVariantProps };

package/types/nanahoshi-mona-ui-otp-input.d.ts

@@ -1,3 +1,5 @@
+import * as _nanahoshi_mona_ui_i18n from '@nanahoshi/mona-ui/i18n';
+import { MonaOtpInputMessages } from '@nanahoshi/mona-ui/i18n';
 import * as _angular_core from '@angular/core';
 import { ElementRef, TemplateRef } from '@angular/core';
 import { FormValueControl } from '@angular/forms/signals';
@@ -30,6 +32,7 @@ interface OtpGroupViewModel {
     slots: OtpSlotViewModel[];
 }
 declare class OtpInputComponent implements OtpInputVariantInput, FormValueControl<string> {
+    #private;
     protected readonly activeSlotIndex: _angular_core.Signal<number>;
     protected readonly classes: _angular_core.Signal<string>;
     protected readonly computedAriaLabel: _angular_core.Signal<string | null>;
@@ -44,6 +47,7 @@ declare class OtpInputComponent implements OtpInputVariantInput, FormValueContro
     protected readonly isComposing: _angular_core.WritableSignal<boolean>;
     protected readonly logicalSelectionEnd: _angular_core.Signal<number>;
     protected readonly logicalSelectionStart: _angular_core.Signal<number>;
+    protected readonly messages: _angular_core.Signal<_nanahoshi_mona_ui_i18n.MonaOtpInputMessages>;
     protected readonly nativeInputType: _angular_core.Signal<"text" | "password">;
     protected readonly normalizedLength: _angular_core.Signal<number>;
     protected readonly sanitizedAttributes: _angular_core.Signal<AttributeConfig>;
@@ -53,9 +57,9 @@ declare class OtpInputComponent implements OtpInputVariantInput, FormValueContro
     protected readonly visualGroups: _angular_core.Signal<OtpGroupViewModel[]>;
     /**
      * @description Accessible name for the inner `<input>` element.
-     * @default "Verification code"
+     * @default null
      */
-    readonly ariaLabel: _angular_core.InputSignal<string>;
+    readonly ariaLabel: _angular_core.InputSignal<string | null>;
     /**
      * @description Regular expression used to determine whether each individual OTP character is allowed.
      * @default null
@@ -205,5 +209,7 @@ declare class OtpInputSeparatorTemplateDirective {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<OtpInputSeparatorTemplateDirective, "ng-template[monaOtpInputSeparatorTemplate]", never, {}, {}, never, never, true, never>;
 }
 
-export { OtpInputComponent, OtpInputSeparatorTemplateDirective };
+declare const OTP_INPUT_DEFAULT_MESSAGES: MonaOtpInputMessages;
+
+export { OTP_INPUT_DEFAULT_MESSAGES, OtpInputComponent, OtpInputSeparatorTemplateDirective };
 export type { OtpInputSeparatorContext, OtpInputType, OtpInputVariantProps };

package/types/nanahoshi-mona-ui-pager.d.ts

@@ -1,3 +1,4 @@
+import * as _nanahoshi_mona_ui_i18n from '@nanahoshi/mona-ui/i18n';
 import * as _angular_core from '@angular/core';
 import { TemplateRef, Signal } from '@angular/core';
 import { DropdownListComponent } from '@nanahoshi/mona-ui/dropdown-list';
@@ -85,7 +86,6 @@ declare class PagerComponent implements PagerVariantInputs {
     #private;
     private readonly navigationButtonsTemplateList;
     protected readonly baseClasses: Signal<string>;
-    protected readonly firstPageLabel = "First page";
     protected readonly firstPageNavigationTemplate: Signal<PagerNavigationButtonsTemplateDirective | undefined>;
     protected readonly iconSize: Signal<18 | 20 | 22>;
     protected readonly infoClasses: Signal<string>;
@@ -94,11 +94,10 @@ declare class PagerComponent implements PagerVariantInputs {
     protected readonly inputValue: _angular_core.WritableSignal<number>;
     protected readonly jumpNextLabel: Signal<string>;
     protected readonly jumpPreviousLabel: Signal<string>;
-    protected readonly lastPageLabel = "Last page";
     protected readonly lastPageNavigationTemplate: Signal<PagerNavigationButtonsTemplateDirective | undefined>;
     protected readonly listClasses: Signal<string>;
+    protected readonly messages: Signal<_nanahoshi_mona_ui_i18n.MonaPagerMessages>;
     protected readonly nextJumperVisible: Signal<boolean>;
-    protected readonly nextPageLabel = "Next page";
     protected readonly nextPageNavigationTemplate: Signal<PagerNavigationButtonsTemplateDirective | undefined>;
     protected readonly numericButtonsTemplate: Signal<PagerNumericButtonsTemplateDirective | undefined>;
     protected readonly page: Signal<number>;
@@ -106,8 +105,8 @@ declare class PagerComponent implements PagerVariantInputs {
     protected readonly pageInputVisible: _angular_core.WritableSignal<boolean>;
     protected readonly pageList: Signal<number[]>;
     protected readonly pageListVisible: _angular_core.WritableSignal<boolean>;
-    protected readonly pageSizeDropdownList: Signal<DropdownListComponent<number> | undefined>;
     protected readonly pageSizeDropdownData: Signal<number[]>;
+    protected readonly pageSizeDropdownList: Signal<DropdownListComponent<number> | undefined>;
     protected readonly pageSizeTemplate: Signal<TemplateRef<any> | undefined>;
     protected readonly pagerInfo: Signal<string>;
     protected readonly pagerInfoTemplate: Signal<PagerInfoTemplateDirective | undefined>;
@@ -115,7 +114,6 @@ declare class PagerComponent implements PagerVariantInputs {
     protected readonly pagerPageSize: _angular_core.WritableSignal<number>;
     protected readonly pages: Signal<Page[]>;
     protected readonly previousJumperVisible: Signal<boolean>;
-    protected readonly previousPageLabel = "Previous page";
     protected readonly previousPageNavigationTemplate: Signal<PagerNavigationButtonsTemplateDirective | undefined>;
     /**
      * @description Shows the first and last page navigation buttons.
@@ -201,6 +199,7 @@ declare class PagerComponent implements PagerVariantInputs {
      */
     readonly visiblePages: _angular_core.InputSignal<number>;
     constructor();
+    protected formatPageNumber(value: number): string;
     protected onJumpNextClick(): void;
     protected onJumpPreviousClick(): void;
     protected onKeydown(event: KeyboardEvent): void;
@@ -233,5 +232,20 @@ declare class PagerPageSizeTemplateDirective {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<PagerPageSizeTemplateDirective, "ng-template[monaPagerPageSizeTemplate]", never, {}, {}, never, never, true, never>;
 }
 
-export { PageSizeChangeEvent, PagerComponent, PagerInfoTemplateDirective, PagerNavigationButtonsTemplateDirective, PagerNumericButtonsTemplateDirective, PagerPageSizeTemplateDirective };
+declare const PAGER_DEFAULT_MESSAGES: {
+    firstPageLabel: string;
+    jumpBackwardLabel: (pages: number) => string;
+    jumpForwardLabel: (pages: number) => string;
+    lastPageLabel: string;
+    nextPageLabel: string;
+    ofText: string;
+    pageLabel: (page: number) => string;
+    pageSizeLabel: (pageSize: number) => string;
+    pageStatus: (page: number, totalPages: number) => string;
+    pageText: string;
+    previousPageLabel: string;
+    rangeStatus: (start: number, end: number, total: number) => string;
+};
+
+export { PAGER_DEFAULT_MESSAGES, PageSizeChangeEvent, PagerComponent, PagerInfoTemplateDirective, PagerNavigationButtonsTemplateDirective, PagerNumericButtonsTemplateDirective, PagerPageSizeTemplateDirective };
 export type { PageChangeEvent };

package/types/nanahoshi-mona-ui-popup.d.ts

@@ -454,9 +454,9 @@ declare class PopupService {
     private getPosition;
     private getScrollableAncestorElements;
     private getScrollableContainers;
+    private handleFocusRestoration;
     private isScrollableElement;
     private isScrollableOverflow;
-    private handleFocusRestoration;
     /**
      * Resolves a PopupAnchor to a FlexibleConnectedPositionStrategyOrigin.
      * This method should only receive actual elements or ElementRefs, not CSS selector strings.
@@ -479,6 +479,7 @@ declare class PopupService {
     private setupMouseLeaveSubscription;
     private setupOutsideClickSubscription;
     private setupPositionChangeTracking;
+    private setupDirectionTracking;
     private setupScrollClosing;
     private setupScrollTracking;
     private shouldIgnoreOutsideClick;

package/types/nanahoshi-mona-ui-progress-bar.d.ts

@@ -39,6 +39,8 @@ type ProgressBarVariantInput = ProgressBarBaseVariantInput & ProgressBarIndeterm
 
 declare class ProgressBarComponent implements ProgressBarVariantInput {
     #private;
+    protected readonly isRtl: _angular_core.Signal<boolean>;
+    protected readonly formattedProgress: _angular_core.Signal<string>;
     protected readonly baseClasses: _angular_core.Signal<string>;
     protected readonly indeterminateClasses: _angular_core.Signal<string>;
     protected readonly labelClasses: _angular_core.Signal<string>;
@@ -48,6 +50,12 @@ declare class ProgressBarComponent implements ProgressBarVariantInput {
     protected readonly progress: _angular_core.Signal<number>;
     protected readonly trackClasses: _angular_core.Signal<string>;
     protected readonly trackColor: _angular_core.Signal<string>;
+    /**
+     * @description Enables CSS transitions on fill and color changes.
+     * Set to `false` when updating `value` at high frequency (e.g., a real-time byte counter).
+     * @default true
+     */
+    readonly animate: _angular_core.InputSignal<boolean>;
     /**
      * @description Accessible label for the progress bar host element.
      * Use to describe what is being measured (e.g., "Upload progress").
@@ -63,12 +71,6 @@ declare class ProgressBarComponent implements ProgressBarVariantInput {
      * @default ""
      */
     readonly ariaValueText: _angular_core.InputSignal<string>;
-    /**
-     * @description Enables CSS transitions on fill and color changes.
-     * Set to `false` when updating `value` at high frequency (e.g., a real-time byte counter).
-     * @default true
-     */
-    readonly animate: _angular_core.InputSignal<boolean>;
     /**
      * @description Fill color of the progress track.
      * Pass a CSS color string, or a function that receives the current percentage (0–100) and returns a color string.
@@ -131,7 +133,7 @@ declare class ProgressBarComponent implements ProgressBarVariantInput {
      */
     readonly value: _angular_core.InputSignal<number>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ProgressBarComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ProgressBarComponent, "mona-progress-bar", never, { "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "ariaValueText": { "alias": "aria-valuetext"; "required": false; "isSignal": true; }; "animate": { "alias": "animate"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; "labelPosition": { "alias": "labelPosition"; "required": false; "isSignal": true; }; "labelStyles": { "alias": "labelStyles"; "required": false; "isSignal": true; }; "labelVisible": { "alias": "labelVisible"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, {}, ["labelTemplate"], never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ProgressBarComponent, "mona-progress-bar", never, { "animate": { "alias": "animate"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "ariaValueText": { "alias": "aria-valuetext"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; "labelPosition": { "alias": "labelPosition"; "required": false; "isSignal": true; }; "labelStyles": { "alias": "labelStyles"; "required": false; "isSignal": true; }; "labelVisible": { "alias": "labelVisible"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, {}, ["labelTemplate"], never, true, never>;
 }
 
 export { ProgressBarComponent, ProgressBarLabelTemplateDirective };