@nanahoshi/mona-ui 0.18.5 → 0.19.0

package/types/nanahoshi-mona-ui-split-button.d.ts

@@ -1,7 +1,9 @@
+import * as _nanahoshi_mona_ui_i18n from '@nanahoshi/mona-ui/i18n';
+import { MonaSplitButtonMessages } from '@nanahoshi/mona-ui/i18n';
 import * as _nanahoshi_mona_ui_popup_menu from '@nanahoshi/mona-ui/popup-menu';
 import { PopupMenuComponent, PopupMenuItemClickEvent, PopupMenuCheckboxItemComponent, PopupMenuOrigin, PopupMenuGroupComponent, PopupMenuItemComponent, PopupMenuRadioGroupComponent, PopupMenuRadioItemComponent, PopupMenuSeparatorComponent, PopupMenuGroupTemplateDirective, PopupMenuTemplateOrigin, PopupMenuIconTemplateDirective, PopupMenuShortcutTemplateDirective, PopupMenuTextTemplateDirective } from '@nanahoshi/mona-ui/popup-menu';
-import * as i0 from '@angular/core';
-import { ElementRef, TemplateRef } from '@angular/core';
+import * as _angular_core from '@angular/core';
+import { TemplateRef, ElementRef } from '@angular/core';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantInputs } from '@nanahoshi/mona-ui/internal';
 import { VariantProps } from 'class-variance-authority';
@@ -17,165 +19,169 @@ type SplitButtonVariantInputs = VariantInputs<SplitButtonVariantProps>;
 declare class SplitButtonComponent implements SplitButtonVariantInputs {
     #private;
     private readonly menuItemComponents;
-    protected readonly menuButtonRef: i0.Signal<ElementRef<HTMLButtonElement> | undefined>;
-    protected readonly popupMenuRef: i0.Signal<PopupMenuComponent | undefined>;
-    protected readonly classes: i0.Signal<string>;
-    protected readonly groupTemplate: i0.Signal<TemplateRef<any> | undefined>;
-    protected readonly iconTemplate: i0.Signal<TemplateRef<any> | undefined>;
-    protected readonly mainButtonTextTemplate: i0.Signal<TemplateRef<any> | undefined>;
-    protected readonly menuButtonTemplate: i0.Signal<TemplateRef<any> | undefined>;
+    protected readonly classes: _angular_core.Signal<string>;
+    protected readonly effectiveMenuButtonAriaLabel: _angular_core.Signal<string>;
+    protected readonly groupTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
+    protected readonly iconTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
+    protected readonly mainButtonTextTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
+    protected readonly menuButtonRef: _angular_core.Signal<ElementRef<HTMLButtonElement> | undefined>;
+    protected readonly menuButtonTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
     protected readonly menuId: string;
-    protected readonly menuItems: i0.Signal<_nanahoshi_mona_ui_popup_menu.PopupMenuItem[]>;
-    protected readonly menuOpen: i0.WritableSignal<boolean>;
-    protected readonly popupMenuRounded: i0.Signal<"large" | "medium" | "none" | "small" | null | undefined>;
-    protected readonly shortcutTemplate: i0.Signal<TemplateRef<any> | undefined>;
-    protected readonly splitButtonAriaLabel: i0.Signal<string>;
-    protected readonly textTemplate: i0.Signal<TemplateRef<any> | undefined>;
+    protected readonly menuItems: _angular_core.Signal<_nanahoshi_mona_ui_popup_menu.PopupMenuItem[]>;
+    protected readonly menuOpen: _angular_core.WritableSignal<boolean>;
+    protected readonly messages: _angular_core.Signal<_nanahoshi_mona_ui_i18n.MonaSplitButtonMessages>;
+    protected readonly popupMenuRef: _angular_core.Signal<PopupMenuComponent | undefined>;
+    protected readonly popupMenuRounded: _angular_core.Signal<"large" | "medium" | "none" | "small" | null | undefined>;
+    protected readonly shortcutTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
+    protected readonly splitButtonAriaLabel: _angular_core.Signal<string>;
+    protected readonly textTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
     /**
      * @description Accessible name for the main action button.
      * Falls back to `"{text} splitbutton"` when empty.
      * @default ""
      */
-    readonly ariaLabel: i0.InputSignal<string>;
+    readonly ariaLabel: _angular_core.InputSignal<string>;
     /**
      * @description ID of an external element that provides the accessible name for the main action button.
      * Takes precedence over `ariaLabel` when both are set.
      * @default ""
      */
-    readonly ariaLabelledby: i0.InputSignal<string>;
+    readonly ariaLabelledby: _angular_core.InputSignal<string>;
     /**
      * @description Emitted when the main action button is clicked.
      */
-    readonly buttonClick: i0.OutputEmitterRef<MouseEvent>;
+    readonly buttonClick: _angular_core.OutputEmitterRef<MouseEvent>;
     /**
      * @description Renders the component with reduced visual emphasis
      * and removes pointer interaction from both the main button and the menu toggle button.
      * @default false
      */
-    readonly disabled: i0.InputSignal<boolean>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
     /**
      * @description Visual style preset applied to the button.
      * @default "default"
      */
-    readonly look: i0.InputSignal<"default" | "error" | "ghost" | "info" | "outline" | "primary" | "secondary" | "success" | "warning" | null | undefined>;
+    readonly look: _angular_core.InputSignal<"default" | "error" | "ghost" | "info" | "outline" | "primary" | "secondary" | "success" | "warning" | null | undefined>;
     /**
      * @description Accessible name for the menu toggle button.
-     * Override to provide a localized label for non-English applications.
-     * @default "Show menu options"
+     * If not provided, falls back to the localized default message.
+     * @default ""
      */
-    readonly menuButtonAriaLabel: i0.InputSignal<string>;
+    readonly menuButtonAriaLabel: _angular_core.InputSignal<string>;
     /**
      * @description Emitted when a menu item in the popup is clicked.
      */
-    readonly menuItemClick: i0.OutputEmitterRef<PopupMenuItemClickEvent>;
+    readonly menuItemClick: _angular_core.OutputEmitterRef<PopupMenuItemClickEvent>;
     /**
      * @description Minimum width of the popup menu in pixels.
      * A value of `0` means no minimum width is applied.
      * @default 0
      */
-    readonly popupWidth: i0.InputSignal<number>;
+    readonly popupWidth: _angular_core.InputSignal<number>;
     /**
      * @description Border-radius preset applied to the button.
      * @default "medium"
      */
-    readonly rounded: i0.InputSignal<"full" | "large" | "medium" | "none" | "small" | null | undefined>;
+    readonly rounded: _angular_core.InputSignal<"full" | "large" | "medium" | "none" | "small" | null | undefined>;
     /**
      * @description Size preset controlling the button's dimensions.
      * @default "medium"
      */
-    readonly size: i0.InputSignal<"large" | "medium" | "small" | null | undefined>;
+    readonly size: _angular_core.InputSignal<"large" | "medium" | "small" | null | undefined>;
     /**
      * @description Primary text content displayed in the main action button.
      * Ignored when a `monaSplitButtonTextTemplate` is provided.
      * @default ""
      */
-    readonly text: i0.InputSignal<string>;
+    readonly text: _angular_core.InputSignal<string>;
     /**
      * @description Additional CSS classes merged onto the host element via `tailwind-merge`.
      * @default ""
      */
-    readonly userClass: i0.InputSignal<string>;
+    readonly userClass: _angular_core.InputSignal<string>;
     constructor();
     protected onMenuClose(): void;
     protected onMenuItemClick(event: PopupMenuItemClickEvent): void;
     protected onMenuOpen(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SplitButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SplitButtonComponent, "mona-split-button", never, { "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "ariaLabelledby": { "alias": "aria-labelledby"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "look": { "alias": "look"; "required": false; "isSignal": true; }; "menuButtonAriaLabel": { "alias": "menuButtonAriaLabel"; "required": false; "isSignal": true; }; "popupWidth": { "alias": "popupWidth"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, { "buttonClick": "buttonClick"; "menuItemClick": "menuItemClick"; }, ["menuItemComponents", "groupTemplate", "iconTemplate", "mainButtonTextTemplate", "menuButtonTemplate", "shortcutTemplate", "textTemplate"], never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SplitButtonComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SplitButtonComponent, "mona-split-button", never, { "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "ariaLabelledby": { "alias": "aria-labelledby"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "look": { "alias": "look"; "required": false; "isSignal": true; }; "menuButtonAriaLabel": { "alias": "menuButtonAriaLabel"; "required": false; "isSignal": true; }; "popupWidth": { "alias": "popupWidth"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, { "buttonClick": "buttonClick"; "menuItemClick": "menuItemClick"; }, ["menuItemComponents", "groupTemplate", "iconTemplate", "mainButtonTextTemplate", "menuButtonTemplate", "shortcutTemplate", "textTemplate"], never, true, never>;
 }
 
 declare class SplitButtonCheckboxItemComponent extends PopupMenuCheckboxItemComponent {
     readonly origin = PopupMenuOrigin.SplitButton;
     constructor();
-    static ɵfac: i0.ɵɵFactoryDeclaration<SplitButtonCheckboxItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SplitButtonCheckboxItemComponent, "mona-split-button-checkbox-item", never, {}, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SplitButtonCheckboxItemComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SplitButtonCheckboxItemComponent, "mona-split-button-checkbox-item", never, {}, {}, never, never, true, never>;
 }
 
 declare class SplitButtonGroupComponent extends PopupMenuGroupComponent {
     readonly origin = PopupMenuOrigin.SplitButton;
     constructor();
-    static ɵfac: i0.ɵɵFactoryDeclaration<SplitButtonGroupComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SplitButtonGroupComponent, "mona-split-button-group", never, {}, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SplitButtonGroupComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SplitButtonGroupComponent, "mona-split-button-group", never, {}, {}, never, never, true, never>;
 }
 
 declare class SplitButtonItemComponent extends PopupMenuItemComponent {
     readonly origin = PopupMenuOrigin.SplitButton;
     constructor();
-    static ɵfac: i0.ɵɵFactoryDeclaration<SplitButtonItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SplitButtonItemComponent, "mona-split-button-item", never, {}, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SplitButtonItemComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SplitButtonItemComponent, "mona-split-button-item", never, {}, {}, never, never, true, never>;
 }
 
 declare class SplitButtonRadioGroupComponent extends PopupMenuRadioGroupComponent {
     readonly origin = PopupMenuOrigin.SplitButton;
     constructor();
-    static ɵfac: i0.ɵɵFactoryDeclaration<SplitButtonRadioGroupComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SplitButtonRadioGroupComponent, "mona-split-button-radio-group", never, {}, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SplitButtonRadioGroupComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SplitButtonRadioGroupComponent, "mona-split-button-radio-group", never, {}, {}, never, never, true, never>;
 }
 
 declare class SplitButtonRadioItemComponent extends PopupMenuRadioItemComponent {
     readonly origin = PopupMenuOrigin.SplitButton;
     constructor();
-    static ɵfac: i0.ɵɵFactoryDeclaration<SplitButtonRadioItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SplitButtonRadioItemComponent, "mona-split-button-radio-item", never, {}, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SplitButtonRadioItemComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SplitButtonRadioItemComponent, "mona-split-button-radio-item", never, {}, {}, never, never, true, never>;
 }
 
 declare class SplitButtonSeparatorComponent extends PopupMenuSeparatorComponent {
     readonly origin = PopupMenuOrigin.SplitButton;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SplitButtonSeparatorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SplitButtonSeparatorComponent, "mona-split-button-separator", never, {}, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SplitButtonSeparatorComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SplitButtonSeparatorComponent, "mona-split-button-separator", never, {}, {}, never, never, true, never>;
 }
 
 declare class SplitButtonMenuButtonTemplateDirective {
-    static ɵfac: i0.ɵɵFactoryDeclaration<SplitButtonMenuButtonTemplateDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<SplitButtonMenuButtonTemplateDirective, "ng-template[monaSplitButtonMenuButtonTemplate]", never, {}, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SplitButtonMenuButtonTemplateDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SplitButtonMenuButtonTemplateDirective, "ng-template[monaSplitButtonMenuButtonTemplate]", never, {}, {}, never, never, true, never>;
 }
 
 declare class SplitButtonMenuGroupTemplateDirective extends PopupMenuGroupTemplateDirective {
     readonly origin = PopupMenuTemplateOrigin.SplitButton;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SplitButtonMenuGroupTemplateDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<SplitButtonMenuGroupTemplateDirective, "ng-template[monaSplitButtonMenuGroupTemplate]", never, {}, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SplitButtonMenuGroupTemplateDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SplitButtonMenuGroupTemplateDirective, "ng-template[monaSplitButtonMenuGroupTemplate]", never, {}, {}, never, never, true, never>;
 }
 
 declare class SplitButtonMenuItemIconTemplateDirective extends PopupMenuIconTemplateDirective {
     readonly origin = PopupMenuTemplateOrigin.SplitButton;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SplitButtonMenuItemIconTemplateDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<SplitButtonMenuItemIconTemplateDirective, "ng-template[monaSplitButtonMenuItemIconTemplate]", never, {}, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SplitButtonMenuItemIconTemplateDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SplitButtonMenuItemIconTemplateDirective, "ng-template[monaSplitButtonMenuItemIconTemplate]", never, {}, {}, never, never, true, never>;
 }
 
 declare class SplitButtonMenuItemShortcutTemplateDirective extends PopupMenuShortcutTemplateDirective {
     readonly origin = PopupMenuTemplateOrigin.SplitButton;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SplitButtonMenuItemShortcutTemplateDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<SplitButtonMenuItemShortcutTemplateDirective, "ng-template[monaSplitButtonMenuItemShortcutTemplate]", never, {}, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SplitButtonMenuItemShortcutTemplateDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SplitButtonMenuItemShortcutTemplateDirective, "ng-template[monaSplitButtonMenuItemShortcutTemplate]", never, {}, {}, never, never, true, never>;
 }
 
 declare class SplitButtonMenuItemTextTemplateDirective extends PopupMenuTextTemplateDirective {
     readonly origin = PopupMenuTemplateOrigin.SplitButton;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SplitButtonMenuItemTextTemplateDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<SplitButtonMenuItemTextTemplateDirective, "ng-template[monaSplitButtonMenuItemTextTemplate]", never, {}, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SplitButtonMenuItemTextTemplateDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SplitButtonMenuItemTextTemplateDirective, "ng-template[monaSplitButtonMenuItemTextTemplate]", never, {}, {}, never, never, true, never>;
 }
 
 declare class SplitButtonTextTemplateDirective {
-    static ɵfac: i0.ɵɵFactoryDeclaration<SplitButtonTextTemplateDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<SplitButtonTextTemplateDirective, "ng-template[monaSplitButtonTextTemplate]", never, {}, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SplitButtonTextTemplateDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SplitButtonTextTemplateDirective, "ng-template[monaSplitButtonTextTemplate]", never, {}, {}, never, never, true, never>;
 }
 
-export { SplitButtonCheckboxItemComponent, SplitButtonComponent, SplitButtonGroupComponent, SplitButtonItemComponent, SplitButtonMenuButtonTemplateDirective, SplitButtonMenuGroupTemplateDirective, SplitButtonMenuItemIconTemplateDirective, SplitButtonMenuItemShortcutTemplateDirective, SplitButtonMenuItemTextTemplateDirective, SplitButtonRadioGroupComponent, SplitButtonRadioItemComponent, SplitButtonSeparatorComponent, SplitButtonTextTemplateDirective };
+declare const SPLIT_BUTTON_DEFAULT_MESSAGES: MonaSplitButtonMessages;
+
+export { SPLIT_BUTTON_DEFAULT_MESSAGES, SplitButtonCheckboxItemComponent, SplitButtonComponent, SplitButtonGroupComponent, SplitButtonItemComponent, SplitButtonMenuButtonTemplateDirective, SplitButtonMenuGroupTemplateDirective, SplitButtonMenuItemIconTemplateDirective, SplitButtonMenuItemShortcutTemplateDirective, SplitButtonMenuItemTextTemplateDirective, SplitButtonRadioGroupComponent, SplitButtonRadioItemComponent, SplitButtonSeparatorComponent, SplitButtonTextTemplateDirective };

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

@@ -3,6 +3,7 @@ import { TemplateRef } from '@angular/core';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
 import { VariantInputs } from '@nanahoshi/mona-ui/internal';
+import { MonaSplitterMessages } from '@nanahoshi/mona-ui/i18n';
 
 declare const splitterBaseThemeVariants: (props?: ({
     orientation?: "horizontal" | "vertical" | null | undefined;
@@ -23,14 +24,14 @@ type SplitterResizerHandleVariantInput = VariantInputs<SplitterResizerHandleVari
 type SplitterVariantInput = SplitterBaseVariantInput & Omit<SplitterResizerVariantInput, "resizing"> & SplitterResizerHandleVariantInput;
 
 declare class SplitterPaneComponent {
-    /**
-     * @description Whether the pane is collapsible.
-     */
-    readonly collapsible: _angular_core.InputSignal<boolean>;
     /**
      * @description Whether the pane is collapsed.
      */
     readonly collapsed: _angular_core.ModelSignal<boolean>;
+    /**
+     * @description Whether the pane is collapsible.
+     */
+    readonly collapsible: _angular_core.InputSignal<boolean>;
     /**
      * @description The maximum size of the pane.
      */
@@ -50,7 +51,7 @@ declare class SplitterPaneComponent {
     readonly template: _angular_core.Signal<TemplateRef<any>>;
     readonly uid: string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SplitterPaneComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SplitterPaneComponent, "mona-splitter-pane", never, { "collapsible": { "alias": "collapsible"; "required": false; "isSignal": true; }; "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "resizable": { "alias": "resizable"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "collapsed": "collapsedChange"; "size": "sizeChange"; }, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SplitterPaneComponent, "mona-splitter-pane", never, { "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; "collapsible": { "alias": "collapsible"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "resizable": { "alias": "resizable"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "collapsed": "collapsedChange"; "size": "sizeChange"; }, never, ["*"], true, never>;
 }
 
 declare class SplitterComponent implements SplitterVariantInput {
@@ -65,4 +66,6 @@ declare class SplitterComponent implements SplitterVariantInput {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SplitterComponent, "mona-splitter", never, { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; }, {}, ["paneList"], never, true, never>;
 }
 
-export { SplitterComponent, SplitterPaneComponent };
+declare const SPLITTER_DEFAULT_MESSAGES: MonaSplitterMessages;
+
+export { SPLITTER_DEFAULT_MESSAGES, SplitterComponent, SplitterPaneComponent };

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

@@ -1,6 +1,8 @@
 import * as _angular_core from '@angular/core';
 import { Signal, TemplateRef } from '@angular/core';
 import * as _mirei_ts_collections from '@mirei/ts-collections';
+import * as _nanahoshi_mona_ui_i18n from '@nanahoshi/mona-ui/i18n';
+import { MonaStepperMessages } from '@nanahoshi/mona-ui/i18n';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantInputs } from '@nanahoshi/mona-ui/internal';
 import { VariantProps } from 'class-variance-authority';
@@ -97,6 +99,7 @@ type StepperVariantInput = StepperBaseVariantInput & StepperStepListVariantInput
 
 declare class StepperComponent implements StepperVariantInput {
     #private;
+    protected readonly isRtl: Signal<boolean>;
     protected readonly activeStep: Signal<StepItem<unknown> | undefined>;
     protected readonly baseClass: Signal<string>;
     protected readonly highlightedStep: _angular_core.WritableSignal<number>;
@@ -108,6 +111,7 @@ declare class StepperComponent implements StepperVariantInput {
     protected readonly labelTemplate: Signal<TemplateRef<StepperTemplateContext> | undefined>;
     protected readonly listClass: Signal<string>;
     protected readonly listItemClass: Signal<string>;
+    protected readonly messages: Signal<_nanahoshi_mona_ui_i18n.MonaStepperMessages>;
     protected readonly progressMax: Signal<number>;
     protected readonly stepTemplate: Signal<TemplateRef<StepperTemplateContext> | undefined>;
     protected readonly trackClass: Signal<string>;
@@ -125,7 +129,7 @@ declare class StepperComponent implements StepperVariantInput {
     protected readonly viewSteps: Signal<_mirei_ts_collections.ImmutableSet<StepItem<unknown>>>;
     /**
      * @description Sets the accessible label for the stepper group.
-     * @default "Progress"
+     * @default ""
      */
     readonly ariaLabel: _angular_core.InputSignal<string>;
     /**
@@ -140,7 +144,7 @@ declare class StepperComponent implements StepperVariantInput {
     readonly orientation: _angular_core.InputSignal<"horizontal" | "vertical" | null | undefined>;
     /**
      * @description Sets the accessible label for the progress bar element.
-     * @default "Step progress"
+     * @default ""
      */
     readonly progressAriaLabel: _angular_core.InputSignal<string>;
     /**
@@ -168,5 +172,7 @@ declare class StepperComponent implements StepperVariantInput {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<StepperComponent, "mona-stepper", never, { "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "linear": { "alias": "linear"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "progressAriaLabel": { "alias": "progressAriaLabel"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "steps": { "alias": "steps"; "required": false; "isSignal": true; }; }, { "step": "stepChange"; }, ["indicatorTemplate", "labelTemplate", "stepTemplate"], never, true, never>;
 }
 
-export { StepperComponent, StepperIndicatorTemplateDirective, StepperLabelTemplateDirective, StepperStepTemplateDirective };
+declare const STEPPER_DEFAULT_MESSAGES: MonaStepperMessages;
+
+export { STEPPER_DEFAULT_MESSAGES, StepperComponent, StepperIndicatorTemplateDirective, StepperLabelTemplateDirective, StepperStepTemplateDirective };
 export type { StepOptions, StepperTemplateContext };

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

@@ -26,9 +26,9 @@ type SwitchVariantInputs = SwitchBaseVariantInput & SwitchHandleVariantInput & S
 declare class SwitchComponent implements SwitchVariantInputs, FormCheckboxControl {
     #private;
     protected readonly classes: _angular_core.Signal<string>;
-    protected readonly invalidState: _angular_core.Signal<boolean>;
     protected readonly handleClasses: _angular_core.Signal<string>;
     protected readonly handleContentTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
+    protected readonly invalidState: _angular_core.Signal<boolean>;
     protected readonly labelClasses: _angular_core.Signal<string>;
     protected readonly offLabelTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
     protected readonly onLabelTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;

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

@@ -1,10 +1,12 @@
 import { PreventableEvent } from '@nanahoshi/mona-ui/common';
 import * as _angular_core from '@angular/core';
-import { TemplateRef } from '@angular/core';
+import { TemplateRef, ElementRef } from '@angular/core';
 import { ImmutableSet } from '@mirei/ts-collections';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantInputs } from '@nanahoshi/mona-ui/internal';
 import { VariantProps } from 'class-variance-authority';
+import * as _nanahoshi_mona_ui_i18n from '@nanahoshi/mona-ui/i18n';
+import { MonaTabsMessages } from '@nanahoshi/mona-ui/i18n';
 
 declare class TabCloseEvent extends PreventableEvent {
     #private;
@@ -32,12 +34,12 @@ declare class TabTitleTemplateDirective {
 }
 
 interface TabItem {
-    readonly id: string;
-    readonly selected: boolean;
     closable: boolean;
     contentTemplate?: TemplateRef<unknown>;
     disabled: boolean;
+    readonly id: string;
     index: number;
+    readonly selected: boolean;
     title: string;
     titleTemplate?: TemplateRef<unknown>;
 }
@@ -77,13 +79,100 @@ type TabsBaseVariantInput = VariantInputs<TabsBaseVariantProps>;
 type TabListVariantInput = TabListBaseVariantInput & TabListListWrapperVariantInput & TabListListVariantInput & Omit<TabListListItemVariantInput, "active" | "disabled"> & TabListScrollButtonVariantInput;
 type TabsVariantInput = TabsBaseVariantInput & TabListVariantInput & TabContentVariantInput;
 
+type TabOrientation = "horizontal" | "vertical";
+
+type TabScrollDirection = "previous" | "next";
+
+declare class TabListComponent implements TabListVariantInput {
+    #private;
+    protected readonly isRtl: _angular_core.Signal<boolean>;
+    protected readonly baseClass: _angular_core.Signal<string>;
+    protected readonly listClass: _angular_core.Signal<string>;
+    protected readonly listWrapperClass: _angular_core.Signal<string>;
+    protected readonly messages: _angular_core.Signal<_nanahoshi_mona_ui_i18n.MonaTabsMessages>;
+    protected readonly orientation: _angular_core.Signal<TabOrientation>;
+    protected readonly overflowControlsVisible: _angular_core.WritableSignal<boolean>;
+    protected readonly scrollButtonClass: _angular_core.Signal<string>;
+    protected readonly tabListElement: _angular_core.Signal<ElementRef<HTMLUListElement>>;
+    protected readonly tabListItems: _angular_core.Signal<readonly ElementRef<any>[]>;
+    readonly closable: _angular_core.InputSignal<boolean>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    /**
+     * @description Placement of the tab list relative to the tab content.
+     * @default "top"
+     */
+    readonly position: _angular_core.InputSignal<"top" | "bottom" | "left" | "right" | null | undefined>;
+    readonly selectedTabId: _angular_core.ModelSignal<string | null>;
+    /**
+     * @description Size preset controlling the tabs' dimensions.
+     * @default "medium"
+     */
+    readonly size: _angular_core.InputSignal<"small" | "medium" | "large" | null | undefined>;
+    readonly tabClose: _angular_core.OutputEmitterRef<TabCloseEvent>;
+    readonly tabList: _angular_core.InputSignal<Iterable<TabItem>>;
+    readonly tabSelect: _angular_core.OutputEmitterRef<TabSelectEvent>;
+    constructor();
+    focusSelectedTab(): void;
+    protected onKeydown(event: KeyboardEvent): void;
+    protected onTabClick(tab: TabItem, tabListElement: HTMLUListElement, event: MouseEvent): void;
+    protected onTabClose(tab: TabItem, event: MouseEvent): void;
+    protected startContinuousScroll(event: PointerEvent, element: HTMLElement, direction: TabScrollDirection): void;
+    protected startScrolling(element: HTMLElement, direction: TabScrollDirection, type: "single" | "continuous"): void;
+    protected stopScrolling(): void;
+    private activateTab;
+    private emitTabClose;
+    private emitTabSelect;
+    private focusTab;
+    private getNavigationDirection;
+    private handleKeyboardEvents;
+    private handleTabKey;
+    private performScroll;
+    private selectTab;
+    private setupKeyboardNavigation;
+    private setupResizeObserver;
+    private setupScrolling;
+    private updateScrollVisibility;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TabListComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TabListComponent, "mona-tab-list", never, { "closable": { "alias": "closable"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": true; "isSignal": true; }; "selectedTabId": { "alias": "selectedTabId"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": true; "isSignal": true; }; "tabList": { "alias": "tabList"; "required": true; "isSignal": true; }; }, { "selectedTabId": "selectedTabIdChange"; "tabClose": "tabClose"; "tabSelect": "tabSelect"; }, never, never, true, never>;
+}
+
+declare class TabComponent {
+    #private;
+    protected readonly contentTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
+    protected readonly titleTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
+    /**
+     * @description Displays a close button on this tab. Overrides the parent `mona-tabs` component's `closable` input.
+     * @default false
+     */
+    readonly closable: _angular_core.InputSignal<boolean>;
+    /**
+     * @description Renders this tab with reduced visual emphasis and removes pointer and keyboard interaction.
+     * Overrides the parent `mona-tabs` component's `disabled` input.
+     * @default false
+     */
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    /**
+     * @description Whether the tab is selected.
+     * @default false
+     */
+    readonly selected: _angular_core.ModelSignal<boolean>;
+    /**
+     * @description Title text displayed on the tab.
+     * @default ""
+     */
+    readonly title: _angular_core.InputSignal<string>;
+    get tabItem(): TabItem;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TabComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TabComponent, "mona-tab", never, { "closable": { "alias": "closable"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; }, { "selected": "selectedChange"; }, ["contentTemplate", "titleTemplate"], never, true, never>;
+}
+
 declare class TabsComponent implements TabsVariantInput {
-    private readonly tabListComponent;
-    private readonly tabs;
     protected readonly baseClass: _angular_core.Signal<string>;
     protected readonly contentClass: _angular_core.Signal<string>;
     protected readonly selectedTabId: _angular_core.WritableSignal<string | null>;
     protected readonly tabList: _angular_core.Signal<ImmutableSet<TabItem>>;
+    protected readonly tabListComponent: _angular_core.Signal<TabListComponent>;
+    protected readonly tabs: _angular_core.Signal<readonly TabComponent[]>;
     /**
      * @description Displays a close button on each tab, unless overridden per tab.
      * @default false
@@ -127,35 +216,7 @@ declare class TabsComponent implements TabsVariantInput {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<TabsComponent, "mona-tabs", never, { "closable": { "alias": "closable"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "keepTabContent": { "alias": "keepTabContent"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, { "tabClose": "tabClose"; "tabSelect": "tabSelect"; }, ["tabs"], never, true, never>;
 }
 
-declare class TabComponent {
-    #private;
-    protected readonly contentTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
-    protected readonly titleTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
-    /**
-     * @description Displays a close button on this tab. Overrides the parent `mona-tabs` component's `closable` input.
-     * @default false
-     */
-    readonly closable: _angular_core.InputSignal<boolean>;
-    /**
-     * @description Renders this tab with reduced visual emphasis and removes pointer and keyboard interaction.
-     * Overrides the parent `mona-tabs` component's `disabled` input.
-     * @default false
-     */
-    readonly disabled: _angular_core.InputSignal<boolean>;
-    /**
-     * @description Whether the tab is selected.
-     * @default false
-     */
-    readonly selected: _angular_core.ModelSignal<boolean>;
-    /**
-     * @description Title text displayed on the tab.
-     * @default ""
-     */
-    readonly title: _angular_core.InputSignal<string>;
-    get tabItem(): TabItem;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TabComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TabComponent, "mona-tab", never, { "closable": { "alias": "closable"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; }, { "selected": "selectedChange"; }, ["contentTemplate", "titleTemplate"], never, true, never>;
-}
+declare const TABS_DEFAULT_MESSAGES: MonaTabsMessages;
 
-export { TabCloseEvent, TabComponent, TabContentTemplateDirective, TabSelectEvent, TabTitleTemplateDirective, TabsComponent };
+export { TABS_DEFAULT_MESSAGES, TabCloseEvent, TabComponent, TabContentTemplateDirective, TabSelectEvent, TabTitleTemplateDirective, TabsComponent };
 export type { TabsPosition };

package/types/nanahoshi-mona-ui-text-box.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 { ElementRef, TemplateRef } from '@angular/core';
 import { FormValueControl } from '@angular/forms/signals';
@@ -25,6 +26,7 @@ declare class TextBoxComponent implements TextBoxVariantInput, FormValueControl<
     protected readonly classes: _angular_core.Signal<string>;
     protected readonly inputRef: _angular_core.Signal<ElementRef<HTMLInputElement>>;
     protected readonly invalidInput: _angular_core.Signal<boolean>;
+    protected readonly messages: _angular_core.Signal<_nanahoshi_mona_ui_i18n.MonaTextBoxMessages>;
     protected readonly prefixTemplateList: _angular_core.Signal<readonly TemplateRef<any>[]>;
     protected readonly suffixTemplateList: _angular_core.Signal<readonly TemplateRef<any>[]>;
     /**
@@ -46,15 +48,15 @@ declare class TextBoxComponent implements TextBoxVariantInput, FormValueControl<
      * @description Emitted when the inner input loses focus.
      */
     readonly inputBlur: _angular_core.OutputEmitterRef<FocusEvent>;
-    /**
-     * @description Emitted when the inner input gains focus.
-     */
-    readonly inputFocus: _angular_core.OutputEmitterRef<FocusEvent>;
     /**
      * @description Additional CSS classes applied to the inner `<input>` element.
      * @default ""
      */
     readonly inputClass: _angular_core.InputSignal<string | string[]>;
+    /**
+     * @description Emitted when the inner input gains focus.
+     */
+    readonly inputFocus: _angular_core.OutputEmitterRef<FocusEvent>;
     /**
      * @description Inline styles applied to the inner `<input>` element.
      * Accepts a style string or a `CSSStyleDeclaration` partial.
@@ -169,5 +171,9 @@ declare class TextBoxSuffixTemplateDirective {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TextBoxSuffixTemplateDirective, "ng-template[monaTextBoxSuffixTemplate]", never, {}, {}, never, never, true, never>;
 }
 
-export { TextBoxComponent, TextBoxDirective, TextBoxPrefixTemplateDirective, TextBoxSuffixTemplateDirective };
+declare const TEXT_BOX_DEFAULT_MESSAGES: {
+    clear: string;
+};
+
+export { TEXT_BOX_DEFAULT_MESSAGES, TextBoxComponent, TextBoxDirective, TextBoxPrefixTemplateDirective, TextBoxSuffixTemplateDirective };
 export type { InputType, TextBoxVariantProps };

package/types/nanahoshi-mona-ui-time-picker.d.ts

@@ -1,3 +1,5 @@
+import * as _nanahoshi_mona_ui_i18n from '@nanahoshi/mona-ui/i18n';
+import { MonaTimePickerMessages } from '@nanahoshi/mona-ui/i18n';
 import * as _angular_core from '@angular/core';
 import { Signal, TemplateRef } from '@angular/core';
 import { FormValueControl } from '@angular/forms/signals';
@@ -27,6 +29,7 @@ declare class TimePickerComponent implements FormValueControl<Date | null>, Time
     protected readonly expanded: Signal<boolean>;
     protected readonly inputAttributes: Signal<AttributeConfig>;
     protected readonly invalidState: Signal<boolean>;
+    protected readonly messages: Signal<_nanahoshi_mona_ui_i18n.MonaTimePickerMessages>;
     protected readonly navigatedDate: _angular_core.WritableSignal<Date>;
     protected readonly pickerPopupClass: Signal<string>;
     protected readonly popupId: string;
@@ -159,12 +162,12 @@ declare class TimePickerComponent implements FormValueControl<Date | null>, Time
      */
     readonly value: _angular_core.ModelSignal<Date | null>;
     constructor();
+    focus(): void;
     protected onDateStringEdit(dateString: string): void;
     protected onTimeInputBlur(): void;
     protected onTimeInputButtonClick(): void;
     protected onTimeSelectorValueChange(date: Date | null): void;
     private dateStringEquals;
-    focus(): void;
     private generateValidDateTime;
     private handleKeydown;
     private openPopup;
@@ -179,5 +182,7 @@ declare class TimePickerComponent implements FormValueControl<Date | null>, Time
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<TimePickerComponent, "mona-time-picker", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; "hourFormat": { "alias": "hourFormat"; "required": false; "isSignal": true; }; "hourStep": { "alias": "hourStep"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "minuteStep": { "alias": "minuteStep"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "popupClass": { "alias": "popupClass"; "required": false; "isSignal": true; }; "popupHeight": { "alias": "popupHeight"; "required": false; "isSignal": true; }; "popupWidth": { "alias": "popupWidth"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "readonlyInput": { "alias": "readonlyInput"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "secondStep": { "alias": "secondStep"; "required": false; "isSignal": true; }; "showClearButton": { "alias": "showClearButton"; "required": false; "isSignal": true; }; "showSeconds": { "alias": "showSeconds"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "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; }; }, { "close": "close"; "closed": "closed"; "open": "open"; "opened": "opened"; "touch": "touch"; "value": "valueChange"; }, never, never, true, [{ directive: typeof i1.DropdownPopupHandlerDirective; inputs: {}; outputs: {}; }]>;
 }
 
-export { TimePickerComponent };
+declare const TIME_PICKER_DEFAULT_MESSAGES: MonaTimePickerMessages;
+
+export { TIME_PICKER_DEFAULT_MESSAGES, TimePickerComponent };
 export type { TimePickerVariantProps };