@nanahoshi/mona-ui 0.18.5 → 0.19.0

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.
@@ -233,5 +231,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 };

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

@@ -1,3 +1,5 @@
+import * as _nanahoshi_mona_ui_i18n from '@nanahoshi/mona-ui/i18n';
+import { MonaRatingMessages } from '@nanahoshi/mona-ui/i18n';
 import * as _angular_core from '@angular/core';
 import { ElementRef, TemplateRef } from '@angular/core';
 import { FormValueControl } from '@angular/forms/signals';
@@ -14,6 +16,14 @@ interface RatingItemTemplateContext {
      * Zero-based item index.
      */
     readonly $implicit: number;
+    /**
+     * Visible fill amount between 0 and 1.
+     */
+    readonly fill: number;
+    /**
+     * Whether the visible state comes from pointer preview.
+     */
+    readonly hovered: boolean;
     /**
      * Zero-based item index.
      */
@@ -22,18 +32,10 @@ interface RatingItemTemplateContext {
      * One-based value represented by this item.
      */
     readonly itemValue: number;
-    /**
-     * Visible fill amount between 0 and 1.
-     */
-    readonly fill: number;
     /**
      * Whether the visible state comes from the committed value.
      */
     readonly selected: boolean;
-    /**
-     * Whether the visible state comes from pointer preview.
-     */
-    readonly hovered: boolean;
 }
 
 /**
@@ -100,6 +102,7 @@ interface RatingItemDescriptor {
     readonly itemValue: number;
 }
 declare class RatingComponent implements RatingVariantInput, FormValueControl<number> {
+    #private;
     protected readonly activeState: _angular_core.Signal<"hovered" | "selected">;
     protected readonly containerClasses: _angular_core.Signal<string>;
     protected readonly controlClasses: _angular_core.Signal<string>;
@@ -114,11 +117,13 @@ declare class RatingComponent implements RatingVariantInput, FormValueControl<nu
     protected readonly interactionDisabled: _angular_core.Signal<boolean>;
     protected readonly interactionStep: _angular_core.Signal<number>;
     protected readonly invalidState: _angular_core.Signal<boolean>;
+    protected readonly isRtl: _angular_core.Signal<boolean>;
     protected readonly itemClasses: _angular_core.Signal<string>;
     protected readonly itemTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
     protected readonly items: _angular_core.Signal<readonly RatingItemDescriptor[]>;
     protected readonly labelClasses: _angular_core.Signal<string>;
     protected readonly labelId: string;
+    protected readonly messages: _angular_core.Signal<_nanahoshi_mona_ui_i18n.MonaRatingMessages>;
     protected readonly normalizedValue: _angular_core.Signal<number>;
     protected readonly overlayClipClasses: _angular_core.Signal<string>;
     protected readonly overlayColor: _angular_core.Signal<string>;
@@ -264,7 +269,7 @@ declare class RatingComponent implements RatingVariantInput, FormValueControl<nu
  */
 declare class RatingHoveredItemTemplateDirective {
     readonly templateRef: TemplateRef<RatingItemTemplateContext>;
-    static ngTemplateContextGuard(_directive: RatingHoveredItemTemplateDirective, context: unknown): context is RatingItemTemplateContext;
+    static ngTemplateContextGuard(_directive: RatingHoveredItemTemplateDirective, _context: unknown): _context is RatingItemTemplateContext;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RatingHoveredItemTemplateDirective, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RatingHoveredItemTemplateDirective, "ng-template[monaRatingHoveredItemTemplate]", never, {}, {}, never, never, true, never>;
 }
@@ -275,7 +280,7 @@ declare class RatingHoveredItemTemplateDirective {
  */
 declare class RatingItemTemplateDirective {
     readonly templateRef: TemplateRef<RatingItemTemplateContext>;
-    static ngTemplateContextGuard(_directive: RatingItemTemplateDirective, context: unknown): context is RatingItemTemplateContext;
+    static ngTemplateContextGuard(_directive: RatingItemTemplateDirective, _context: unknown): _context is RatingItemTemplateContext;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RatingItemTemplateDirective, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RatingItemTemplateDirective, "ng-template[monaRatingItemTemplate]", never, {}, {}, never, never, true, never>;
 }
@@ -286,10 +291,12 @@ declare class RatingItemTemplateDirective {
  */
 declare class RatingSelectedItemTemplateDirective {
     readonly templateRef: TemplateRef<RatingItemTemplateContext>;
-    static ngTemplateContextGuard(_directive: RatingSelectedItemTemplateDirective, context: unknown): context is RatingItemTemplateContext;
+    static ngTemplateContextGuard(_directive: RatingSelectedItemTemplateDirective, _context: unknown): _context is RatingItemTemplateContext;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RatingSelectedItemTemplateDirective, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RatingSelectedItemTemplateDirective, "ng-template[monaRatingSelectedItemTemplate]", never, {}, {}, never, never, true, never>;
 }
 
-export { RatingComponent, RatingHoveredItemTemplateDirective, RatingItemTemplateDirective, RatingSelectedItemTemplateDirective };
+declare const RATING_DEFAULT_MESSAGES: MonaRatingMessages;
+
+export { RATING_DEFAULT_MESSAGES, RatingComponent, RatingHoveredItemTemplateDirective, RatingItemTemplateDirective, RatingSelectedItemTemplateDirective };
 export type { RatingIconName, RatingItemTemplateContext, RatingLabelPosition, RatingPrecision, RatingSelectionMode, RatingVariantProps };

package/types/nanahoshi-mona-ui-scroll-view.d.ts

@@ -1,6 +1,8 @@
 import * as _mirei_ts_collections from '@mirei/ts-collections';
 import * as _angular_core from '@angular/core';
-import { TemplateRef, ElementRef } from '@angular/core';
+import { Signal, TemplateRef, ElementRef } from '@angular/core';
+import * as _nanahoshi_mona_ui_i18n from '@nanahoshi/mona-ui/i18n';
+import { MonaScrollViewMessages } from '@nanahoshi/mona-ui/i18n';
 import { ScrollDirection } from '@nanahoshi/mona-ui/common';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
@@ -19,8 +21,7 @@ declare const scrollViewContentThemeVariants: (props?: class_variance_authority_
 declare const scrollViewListThemeVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
 declare const scrollViewArrowThemeVariants: (props?: ({
     hidden?: boolean | null | undefined;
-    left?: boolean | null | undefined;
-    right?: boolean | null | undefined;
+    side?: "left" | "right" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const scrollViewPagerThemeVariants: (props?: ({
     pagerOverlay?: "none" | "dark" | "light" | null | undefined;
@@ -50,31 +51,35 @@ type ScrollViewArrowVariantProps = VariantProps<typeof scrollViewArrowThemeVaria
 type ScrollViewArrowVariantInput = VariantInputs<ScrollViewArrowVariantProps>;
 type ScrollViewPagerArrowVariantProps = VariantProps<typeof scrollViewPagerArrowThemeVariants>;
 type ScrollViewPagerArrowVariantInput = VariantInputs<ScrollViewPagerArrowVariantProps>;
-type ScrollViewVariantInput = ScrollViewBaseVariantInput & ScrollViewContentVariantInput & ScrollViewListVariantInput & Omit<ScrollViewArrowVariantInput, "hidden" | "left" | "right"> & ScrollViewPagerVariantInput & ScrollViewPagerListContainerVariantInput & ScrollViewPagerListVariantInput & Omit<ScrollViewPagerListItemVariantInput, "active"> & ScrollViewPagerArrowVariantInput;
+type ScrollViewVariantInput = ScrollViewBaseVariantInput & ScrollViewContentVariantInput & ScrollViewListVariantInput & Omit<ScrollViewArrowVariantInput, "hidden" | "side"> & ScrollViewPagerVariantInput & ScrollViewPagerListContainerVariantInput & ScrollViewPagerListVariantInput & Omit<ScrollViewPagerListItemVariantInput, "active"> & ScrollViewPagerArrowVariantInput;
 
 declare class ScrollViewComponent implements ScrollViewVariantInput {
     #private;
-    protected readonly animationDuration: _angular_core.Signal<number>;
-    protected readonly baseClass: _angular_core.Signal<string>;
-    protected readonly contentClass: _angular_core.Signal<string>;
-    protected readonly contentTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
-    protected readonly enterAnimation: _angular_core.Signal<"slide-in-from-right" | "slide-in-from-left">;
-    protected readonly itemCount: _angular_core.Signal<number>;
-    protected readonly leaveAnimation: _angular_core.Signal<"slide-out-to-left" | "slide-out-to-right">;
-    protected readonly leftArrowClass: _angular_core.Signal<string>;
-    protected readonly listClass: _angular_core.Signal<string>;
-    protected readonly pagerArrowClass: _angular_core.Signal<string>;
+    protected readonly animationDuration: Signal<number>;
+    protected readonly ariaLabel: Signal<string | undefined>;
+    protected readonly baseClass: Signal<string>;
+    protected readonly contentClass: Signal<string>;
+    protected readonly contentTemplate: Signal<TemplateRef<any> | undefined>;
+    protected readonly enterAnimation: Signal<"slide-in-from-right" | "slide-in-from-left">;
+    protected readonly isRtl: Signal<boolean>;
+    protected readonly itemCount: Signal<number>;
+    protected readonly leaveAnimation: Signal<"slide-out-to-left" | "slide-out-to-right">;
+    protected readonly leftArrowClass: Signal<string>;
+    protected readonly listClass: Signal<string>;
+    protected readonly messages: Signal<_nanahoshi_mona_ui_i18n.MonaScrollViewMessages>;
+    protected readonly pagerArrowClass: Signal<string>;
     protected readonly pagerArrowVisible: _angular_core.WritableSignal<boolean>;
-    protected readonly pagerClass: _angular_core.Signal<string>;
-    protected readonly pagerListClass: _angular_core.Signal<string>;
-    protected readonly pagerListContainerClass: _angular_core.Signal<string>;
-    protected readonly pagerListElementRef: _angular_core.Signal<ElementRef<HTMLUListElement> | undefined>;
-    protected readonly rightArrowClass: _angular_core.Signal<string>;
-    protected readonly scrollViewHeight: _angular_core.Signal<string>;
-    protected readonly scrollViewWidth: _angular_core.Signal<string>;
-    protected readonly viewData: _angular_core.Signal<_mirei_ts_collections.ImmutableSet<ScrollViewListItem>>;
-    protected readonly viewIndex: _angular_core.Signal<number>;
-    protected readonly ariaLabel: _angular_core.Signal<string | undefined>;
+    protected readonly pagerClass: Signal<string>;
+    protected readonly pagerElementRef: Signal<ElementRef<HTMLDivElement> | undefined>;
+    protected readonly pagerListClass: Signal<string>;
+    protected readonly pagerListContainerClass: Signal<string>;
+    protected readonly pagerListElementRef: Signal<ElementRef<HTMLUListElement> | undefined>;
+    protected readonly rightArrowClass: Signal<string>;
+    protected readonly scrollBehavior: Signal<ScrollBehavior>;
+    protected readonly scrollViewHeight: Signal<string>;
+    protected readonly scrollViewWidth: Signal<string>;
+    protected readonly viewData: Signal<_mirei_ts_collections.ImmutableSet<ScrollViewListItem>>;
+    protected readonly viewIndex: Signal<number>;
     /**
      * @description Sets whether page transitions are animated.
      * Pass a boolean for default duration (500ms) or a number for custom duration in milliseconds.
@@ -140,13 +145,12 @@ declare class ScrollViewComponent implements ScrollViewVariantInput {
     constructor();
     protected onArrowClick(direction: ScrollDirection): void;
     protected onPageClick(index: number, element: HTMLButtonElement): void;
-    protected onPagerScroll(element: HTMLUListElement, direction: ScrollDirection, type: "single" | "continuous"): void;
-    protected onPagerScrollEnd(): void;
+    protected onPagerClick(event: MouseEvent | PointerEvent, element: HTMLUListElement, direction: ScrollDirection): void;
+    protected onPagerPointerDown(event: PointerEvent, element: HTMLUListElement, direction: ScrollDirection): void;
     private navigate;
     private navigateLeft;
     private navigateRight;
     private scrollActivePageIntoView;
-    private setPagerListResizeObserver;
     private setSubscriptions;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScrollViewComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScrollViewComponent, "mona-scroll-view", never, { "animate": { "alias": "animate"; "required": false; "isSignal": true; }; "arrows": { "alias": "arrows"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": true; "isSignal": true; }; "index": { "alias": "index"; "required": false; "isSignal": true; }; "infinite": { "alias": "infinite"; "required": false; "isSignal": true; }; "pageable": { "alias": "pageable"; "required": false; "isSignal": true; }; "pagerBlur": { "alias": "pagerBlur"; "required": false; "isSignal": true; }; "pagerOverlay": { "alias": "pagerOverlay"; "required": false; "isSignal": true; }; "pagerRounded": { "alias": "pagerRounded"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": true; "isSignal": true; }; }, { "index": "indexChange"; }, ["contentTemplate"], never, true, never>;
@@ -160,5 +164,7 @@ declare class ScrollViewActivePageDirective {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ScrollViewActivePageDirective, "button[monaScrollViewActivePage]", never, { "active": { "alias": "active"; "required": true; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-export { ScrollViewActivePageDirective, ScrollViewComponent };
+declare const SCROLL_VIEW_DEFAULT_MESSAGES: MonaScrollViewMessages;
+
+export { SCROLL_VIEW_DEFAULT_MESSAGES, ScrollViewActivePageDirective, ScrollViewComponent };
 export type { PagerOverlay };

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

@@ -1,5 +1,6 @@
 import * as _angular_core from '@angular/core';
 import { ClassInputType } from '@nanahoshi/mona-ui/common';
+import { MonaSheetMessages } from '@nanahoshi/mona-ui/i18n';
 import { PopupCloseEvent } from '@nanahoshi/mona-ui/popup';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantInputs } from '@nanahoshi/mona-ui/internal';
@@ -27,6 +28,7 @@ declare class SheetComponent implements SheetVariantInput {
     protected readonly descriptionClass: _angular_core.Signal<string>;
     protected readonly descriptionId: string;
     protected readonly headerClass: _angular_core.Signal<string>;
+    protected readonly resolvedMessages: _angular_core.Signal<MonaSheetMessages>;
     protected readonly titleClass: _angular_core.Signal<string>;
     protected readonly titleId: string;
     /** @description Accessible name used when no visible title is provided. */
@@ -45,6 +47,8 @@ declare class SheetComponent implements SheetVariantInput {
     readonly description: _angular_core.InputSignal<string | undefined>;
     /** @description Explicit sheet height. Numbers are interpreted as pixels. */
     readonly height: _angular_core.InputSignal<string | number | undefined>;
+    /** @description Internationalization message overrides for accessible labels. */
+    readonly messages: _angular_core.InputSignal<Partial<MonaSheetMessages> | undefined>;
     /** @description Edge of the viewport from which the sheet opens. @default "right" */
     readonly side: _angular_core.InputSignal<SheetSide>;
     /** @description Title displayed in the sheet header and used as its accessible name. */
@@ -55,8 +59,10 @@ declare class SheetComponent implements SheetVariantInput {
     constructor();
     protected closeSheet(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SheetComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SheetComponent, "mona-sheet", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "closable": { "alias": "closable"; "required": false; "isSignal": true; }; "closeOnBackdropClick": { "alias": "closeOnBackdropClick"; "required": false; "isSignal": true; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "side": { "alias": "side"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; }, { "close": "close"; "closed": "closed"; }, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SheetComponent, "mona-sheet", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "closable": { "alias": "closable"; "required": false; "isSignal": true; }; "closeOnBackdropClick": { "alias": "closeOnBackdropClick"; "required": false; "isSignal": true; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "messages": { "alias": "messages"; "required": false; "isSignal": true; }; "side": { "alias": "side"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; }, { "close": "close"; "closed": "closed"; }, never, ["*"], true, never>;
 }
 
-export { SheetComponent };
+declare const SHEET_DEFAULT_MESSAGES: MonaSheetMessages;
+
+export { SHEET_DEFAULT_MESSAGES, SheetComponent };
 export type { SheetSide };

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

@@ -51,6 +51,8 @@ type SidebarVariant = "sidebar" | "floating" | "inset";
  */
 declare class SidebarComponent {
     #private;
+    protected readonly physicalSide: _angular_core.Signal<"left" | "right">;
+    protected readonly drawerPhysicalSide: _angular_core.Signal<"left" | "right">;
     protected readonly baseClass: _angular_core.Signal<string>;
     /** The compact presentation: an overlay pinned to one edge rather than a column in the flow. */
     protected readonly drawer: _angular_core.Signal<boolean>;
@@ -518,6 +520,7 @@ declare class SidebarMenuSubDirective {
  */
 declare class SidebarRailDirective {
     #private;
+    protected readonly physicalSide: _angular_core.Signal<"left" | "right">;
     protected readonly baseClass: _angular_core.Signal<string>;
     protected readonly expanded: _angular_core.Signal<boolean>;
     protected readonly sidebarId: _angular_core.Signal<string>;

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

@@ -1,5 +1,7 @@
+import * as _nanahoshi_mona_ui_i18n from '@nanahoshi/mona-ui/i18n';
+import { MonaI18nService, MonaSliderMessages } from '@nanahoshi/mona-ui/i18n';
 import * as _angular_core from '@angular/core';
-import { ElementRef, DestroyRef, NgZone, TemplateRef, Signal } from '@angular/core';
+import { ElementRef, Signal, DestroyRef, TemplateRef, NgZone } from '@angular/core';
 import { FormValueControl } from '@angular/forms/signals';
 import { Orientation } from '@nanahoshi/mona-ui/common';
 import * as class_variance_authority_types from 'class-variance-authority/types';
@@ -13,6 +15,7 @@ declare class SliderTickDirective {
 }
 
 interface LabelStyleArgs {
+    direction: "ltr" | "rtl";
     labelPosition: "before" | "after";
     max: number;
     min: number;
@@ -29,6 +32,7 @@ interface SliderTick {
 }
 
 interface TickStyleArgs {
+    direction: "ltr" | "rtl";
     largeTickStep: number | null;
     max: number;
     min: number;
@@ -68,31 +72,38 @@ type SliderVariantProps = SliderBaseVariantProps & SliderTrackVariantProps & Sli
 type SliderVariantInputs = SliderBaseVariantInputs & SliderTrackVariantInputs & SliderSelectionVariantInputs & SliderTickListVariantInputs & SliderTickVariantInputs & SliderTickLabelListVariantInputs & SliderTickLabelVariantInputs & SliderHandleVariantInputs;
 
 declare abstract class SliderBaseComponent implements SliderVariantInputs {
+    protected readonly baseClasses: Signal<string>;
     protected readonly destroyRef: DestroyRef;
     protected readonly dragging: _angular_core.WritableSignal<boolean>;
+    protected readonly effectiveDisabled: Signal<boolean>;
+    protected readonly handleTemplate: Signal<TemplateRef<any> | undefined>;
+    protected readonly handleTemplateStyles: Signal<Partial<CSSStyleDeclaration>>;
+    protected readonly direction: Signal<_nanahoshi_mona_ui_i18n.MonaTextDirection>;
     protected readonly hostElementRef: ElementRef<HTMLDivElement>;
-    protected readonly tickElements: _angular_core.Signal<readonly SliderTickDirective[]>;
+    protected readonly i18n: MonaI18nService;
+    protected readonly isRtl: Signal<boolean>;
+    protected readonly labelStyleArgs: Signal<LabelStyleArgs>;
+    protected readonly labelTicks: Signal<SliderTick[]>;
+    protected readonly renderTicks: Signal<SliderTick[]>;
+    protected readonly selectionBackgroundStyle: Signal<Partial<CSSStyleDeclaration>>;
+    protected abstract readonly selectionLeft: Signal<number>;
+    protected abstract readonly selectionRight: Signal<number>;
+    protected readonly horizontalSelectionLeft: Signal<number | undefined>;
+    protected readonly horizontalSelectionRight: Signal<number | undefined>;
+    protected readonly selectionClasses: Signal<string>;
+    protected readonly sliderHandleClasses: Signal<string>;
+    protected readonly sliderTrackSize: Signal<string | null>;
+    protected readonly tickClasses: Signal<string>;
+    protected readonly tickElements: Signal<readonly SliderTickDirective[]>;
+    protected readonly tickLabelClasses: Signal<string>;
+    protected readonly tickLabelListClasses: Signal<string>;
+    protected readonly tickListClasses: Signal<string>;
+    protected readonly tickStyleArgs: Signal<TickStyleArgs>;
+    protected readonly tickValueTemplate: Signal<TemplateRef<any> | undefined>;
+    protected readonly ticks: Signal<SliderTick[]>;
+    protected readonly trackBackgroundStyle: Signal<Partial<CSSStyleDeclaration>>;
+    protected readonly trackClasses: Signal<string>;
     protected readonly zone: NgZone;
-    protected readonly baseClasses: _angular_core.Signal<string>;
-    protected readonly effectiveDisabled: _angular_core.Signal<boolean>;
-    protected readonly handleTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
-    protected readonly handleTemplateStyles: _angular_core.Signal<Partial<CSSStyleDeclaration>>;
-    protected readonly labelStyleArgs: _angular_core.Signal<LabelStyleArgs>;
-    protected readonly labelTicks: _angular_core.Signal<SliderTick[]>;
-    protected readonly renderTicks: _angular_core.Signal<SliderTick[]>;
-    protected readonly selectionBackgroundStyle: _angular_core.Signal<Partial<CSSStyleDeclaration>>;
-    protected readonly selectionClasses: _angular_core.Signal<string>;
-    protected readonly sliderHandleClasses: _angular_core.Signal<string>;
-    protected readonly sliderTrackSize: _angular_core.Signal<string | null>;
-    protected readonly tickClasses: _angular_core.Signal<string>;
-    protected readonly tickLabelClasses: _angular_core.Signal<string>;
-    protected readonly tickLabelListClasses: _angular_core.Signal<string>;
-    protected readonly tickListClasses: _angular_core.Signal<string>;
-    protected readonly tickStyleArgs: _angular_core.Signal<TickStyleArgs>;
-    protected readonly tickValueTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
-    protected readonly ticks: _angular_core.Signal<SliderTick[]>;
-    protected readonly trackBackgroundStyle: _angular_core.Signal<Partial<CSSStyleDeclaration>>;
-    protected readonly trackClasses: _angular_core.Signal<string>;
     /**
      * @description Human-readable override for the `aria-valuenow` announcement. Pass a function that receives the current value and returns the string to announce.
      * @default null
@@ -212,9 +223,11 @@ declare abstract class SliderBaseComponent implements SliderVariantInputs {
 }
 
 declare class SliderComponent extends SliderBaseComponent implements FormValueControl<number> {
+    protected readonly computedAriaLabel: Signal<string>;
     protected readonly handleFocused: _angular_core.WritableSignal<boolean>;
     protected readonly handlePosition: Signal<number>;
     protected readonly handleStyle: Signal<Partial<CSSStyleDeclaration>>;
+    protected readonly messages: Signal<_nanahoshi_mona_ui_i18n.MonaSliderMessages>;
     protected readonly normalizedValue: Signal<number>;
     protected readonly selectionLeft: Signal<number>;
     protected readonly selectionRight: Signal<number>;
@@ -222,7 +235,7 @@ declare class SliderComponent extends SliderBaseComponent implements FormValueCo
     /**
      * @description Accessible name for the host element. Describe what the component represents.
      * When empty, assistive technology announces the role without a label.
-     * @default "Slider value"
+     * @default null
      */
     readonly ariaLabel: _angular_core.InputSignal<string | null>;
     /**
@@ -248,8 +261,11 @@ declare class SliderComponent extends SliderBaseComponent implements FormValueCo
 }
 
 declare class RangeSliderComponent extends SliderBaseComponent implements FormValueControl<[number, number]> {
+    protected readonly computedAriaLabelEnd: Signal<string>;
+    protected readonly computedAriaLabelStart: Signal<string>;
     protected readonly handlePositions: Signal<[number, number]>;
     protected readonly handlesOverlap: Signal<boolean>;
+    protected readonly messages: Signal<_nanahoshi_mona_ui_i18n.MonaSliderMessages>;
     protected readonly normalizedValue: Signal<[number, number]>;
     protected readonly primaryHandleFocused: _angular_core.WritableSignal<boolean>;
     protected readonly primaryHandlePosition: Signal<number>;
@@ -264,12 +280,12 @@ declare class RangeSliderComponent extends SliderBaseComponent implements FormVa
     protected readonly sliderHandle: Signal<ElementRef<HTMLDivElement>>;
     /**
      * @description Accessible name for the upper-value (secondary) handle.
-     * @default "Maximum value"
+     * @default null
      */
     readonly ariaLabelEnd: _angular_core.InputSignal<string | null>;
     /**
      * @description Accessible name for the lower-value (primary) handle.
-     * @default "Minimum value"
+     * @default null
      */
     readonly ariaLabelStart: _angular_core.InputSignal<string | null>;
     /**
@@ -301,5 +317,7 @@ declare class SliderTickValueTemplateDirective {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SliderTickValueTemplateDirective, "ng-template[monaSliderTickValueTemplate]", never, {}, {}, never, never, true, never>;
 }
 
-export { RangeSliderComponent, SliderComponent, SliderHandleTemplateDirective, SliderTickValueTemplateDirective };
+declare const SLIDER_DEFAULT_MESSAGES: MonaSliderMessages;
+
+export { RangeSliderComponent, SLIDER_DEFAULT_MESSAGES, SliderComponent, SliderHandleTemplateDirective, SliderTickValueTemplateDirective };
 export type { SliderVariantProps };

package/types/nanahoshi-mona-ui-spinner.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, OnDestroy } from '@angular/core';
 import { LucideLoader } from '@lucide/angular';
@@ -7,6 +8,11 @@ import { VariantProps } from 'class-variance-authority';
 import { VariantInputs } from '@nanahoshi/mona-ui/internal';
 import { Observable } from 'rxjs';
 
+declare const SPINNER_DEFAULT_MESSAGES: {
+    cancel: string;
+    loading: string;
+};
+
 type SpinnerAppearance = "default" | "pulsing" | "pulsing-triad" | "pulsing-ring" | "converging-spinner";
 
 type SpinnerSize = "small" | "medium" | "large";
@@ -23,8 +29,10 @@ type SpinnerVariantInput = VariantInputs<SpinnerVariantProps>;
  * Supports multiple appearances, standard sizes, and accessible status announcements.
  */
 declare class SpinnerComponent implements SpinnerVariantInput {
+    #private;
     protected readonly baseClass: _angular_core.Signal<string>;
     protected readonly loaderIcon: typeof LucideLoader;
+    protected readonly messages: _angular_core.Signal<_nanahoshi_mona_ui_i18n.MonaSpinnerMessages>;
     protected readonly pixelSize: _angular_core.Signal<12 | 24 | 16>;
     /**
      * @description Visual appearance of the spinner animation.
@@ -33,9 +41,10 @@ declare class SpinnerComponent implements SpinnerVariantInput {
     readonly appearance: _angular_core.InputSignal<SpinnerAppearance>;
     /**
      * @description Accessible text announced by assistive technology when the spinner is not decorative.
-     * @default "Loading"
+     * When not set, falls back to the localized loading text.
+     * @default undefined
      */
-    readonly ariaLabel: _angular_core.InputSignal<string>;
+    readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
     /**
      * @description When `true`, removes the `status` role and hides the spinner from assistive technology with `aria-hidden="true"`.
      * Useful when a parent element already manages loading semantics (such as `aria-busy="true"` on a button).
@@ -80,8 +89,8 @@ interface SpinnerUpdate {
 
 interface SpinnerRef {
     readonly cancelled$: Observable<void>;
-    readonly id: string;
     close(): void;
+    readonly id: string;
     update(update: SpinnerUpdate): void;
 }
 
@@ -110,5 +119,5 @@ declare class SpinnerService implements OnDestroy {
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<SpinnerService>;
 }
 
-export { SpinnerComponent, SpinnerService };
+export { SPINNER_DEFAULT_MESSAGES, SpinnerComponent, SpinnerService };
 export type { SpinnerAppearance, SpinnerCancelOptions, SpinnerOptions, SpinnerRef, SpinnerSize, SpinnerUpdate, SpinnerVariantProps };