@nanahoshi/mona-ui 0.18.5 → 0.19.0

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

@@ -1,6 +1,8 @@
 import * as _nanahoshi_mona_ui_chart from '@nanahoshi/mona-ui/chart';
 import * as _angular_core from '@angular/core';
 import { TemplateRef, Signal, ElementRef, AfterContentChecked, OnInit } from '@angular/core';
+import * as _nanahoshi_mona_ui_i18n from '@nanahoshi/mona-ui/i18n';
+import { MonaChartMessages } from '@nanahoshi/mona-ui/i18n';
 
 interface ChartViewportAxisRef {
     readonly axis: "x" | "y";
@@ -4193,6 +4195,7 @@ interface ChartSeriesVisibilityEvent {
 
 declare class ChartComponent implements ChartRegistrationContext, AfterContentChecked {
     #private;
+    protected readonly messages: Signal<_nanahoshi_mona_ui_i18n.MonaChartMessages>;
     protected readonly activeAccessibilityText: _angular_core.WritableSignal<string>;
     protected readonly animationDurationCss: Signal<string>;
     protected readonly animationEasingCss: Signal<string>;
@@ -5652,6 +5655,7 @@ declare class PolarSeriesComponent implements OnInit {
 
 declare class ChartLegendComponent implements OnInit {
     #private;
+    protected readonly messages: _angular_core.Signal<_nanahoshi_mona_ui_i18n.MonaChartMessages>;
     protected readonly containerClasses: _angular_core.Signal<string>;
     protected readonly gradientCss: _angular_core.Signal<string>;
     protected readonly hostClasses: _angular_core.Signal<"block w-full flex-shrink-0" | "flex flex-col justify-center flex-shrink-0">;
@@ -5697,6 +5701,7 @@ interface ChartTooltipPlacement {
 }
 declare class ChartTooltipComponent implements OnInit {
     #private;
+    protected readonly messages: _angular_core.Signal<_nanahoshi_mona_ui_i18n.MonaChartMessages>;
     protected readonly customTemplate: _angular_core.Signal<ChartTooltipTemplateDirective | undefined>;
     protected readonly placement: _angular_core.Signal<ChartTooltipPlacement>;
     protected readonly tooltipClasses: _angular_core.Signal<string>;
@@ -5720,6 +5725,8 @@ declare class ChartTooltipComponent implements OnInit {
     readonly userClass: _angular_core.InputSignal<string>;
     constructor();
     ngOnInit(): void;
+    protected financialDirectionLabel(dir: "falling" | "rising" | "unchanged" | string | null | undefined): string;
+    protected formatPercent(value: number): string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ChartTooltipComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ChartTooltipComponent, "mona-chart-tooltip", never, { "enabled": { "alias": "enabled"; "required": false; "isSignal": true; }; "shared": { "alias": "shared"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, ["customTemplate"], never, true, never>;
 }
@@ -7825,5 +7832,7 @@ declare class ChartBrushComponent implements OnInit {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ChartBrushComponent, "mona-chart-brush", never, { "activation": { "alias": "activation"; "required": false; "isSignal": true; }; "borderColor": { "alias": "borderColor"; "required": false; "isSignal": true; }; "borderWidth": { "alias": "borderWidth"; "required": false; "isSignal": true; }; "enabled": { "alias": "enabled"; "required": false; "isSignal": true; }; "fillColor": { "alias": "fillColor"; "required": false; "isSignal": true; }; "fillOpacity": { "alias": "fillOpacity"; "required": false; "isSignal": true; }; "hitPolicy": { "alias": "hitPolicy"; "required": false; "isSignal": true; }; "lineStyle": { "alias": "lineStyle"; "required": false; "isSignal": true; }; "minDragDistance": { "alias": "minDragDistance"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "selectionBehavior": { "alias": "selectionBehavior"; "required": false; "isSignal": true; }; "xAxisId": { "alias": "xAxisId"; "required": false; "isSignal": true; }; "yAxisId": { "alias": "yAxisId"; "required": false; "isSignal": true; }; }, { "brushChange": "brushChange"; }, never, never, true, never>;
 }
 
-export { AreaSeriesComponent, BarSeriesComponent, BubbleSeriesComponent, CandlestickSeriesComponent, ChartAngularAxisComponent, ChartAnnotationComponent, ChartAnnotationLabelTemplateDirective, ChartAxisLabelTemplateDirective, ChartBrushComponent, ChartCenterTemplateDirective, ChartComponent, ChartCrosshairComponent, ChartCrosshairLabelTemplateDirective, ChartDataLabelTemplateDirective, ChartExportError, ChartFunnelLabelTemplateDirective, ChartGaugeCenterTemplateDirective, ChartLegendComponent, ChartLegendItemTemplateDirective, ChartNoDataTemplateDirective, ChartRadialAxisComponent, ChartReferenceBandComponent, ChartReferenceLabelTemplateDirective, ChartReferenceLineComponent, ChartSelectionComponent, ChartSliceLabelTemplateDirective, ChartSubtitleTemplateDirective, ChartTitleTemplateDirective, ChartTooltipComponent, ChartTooltipTemplateDirective, ChartTreemapLabelTemplateDirective, ChartWaterfallLabelTemplateDirective, ChartXAxisComponent, ChartYAxisComponent, DonutSeriesComponent, FunnelSeriesComponent, GaugeSeriesComponent, HeatmapSeriesComponent, LineSeriesComponent, OhlcSeriesComponent, PieSeriesComponent, PolarSeriesComponent, RadarSeriesComponent, RadialBarSeriesComponent, RangeAreaSeriesComponent, RangeBarSeriesComponent, RoseSeriesComponent, ScatterSeriesComponent, TreemapSeriesComponent, WaterfallSeriesComponent, getChartSeriesFamily, isCartesianCoordinateFamily, isHierarchicalCoordinateFamily, isPolarCoordinateFamily };
+declare const CHART_DEFAULT_MESSAGES: MonaChartMessages;
+
+export { AreaSeriesComponent, BarSeriesComponent, BubbleSeriesComponent, CHART_DEFAULT_MESSAGES, CandlestickSeriesComponent, ChartAngularAxisComponent, ChartAnnotationComponent, ChartAnnotationLabelTemplateDirective, ChartAxisLabelTemplateDirective, ChartBrushComponent, ChartCenterTemplateDirective, ChartComponent, ChartCrosshairComponent, ChartCrosshairLabelTemplateDirective, ChartDataLabelTemplateDirective, ChartExportError, ChartFunnelLabelTemplateDirective, ChartGaugeCenterTemplateDirective, ChartLegendComponent, ChartLegendItemTemplateDirective, ChartNoDataTemplateDirective, ChartRadialAxisComponent, ChartReferenceBandComponent, ChartReferenceLabelTemplateDirective, ChartReferenceLineComponent, ChartSelectionComponent, ChartSliceLabelTemplateDirective, ChartSubtitleTemplateDirective, ChartTitleTemplateDirective, ChartTooltipComponent, ChartTooltipTemplateDirective, ChartTreemapLabelTemplateDirective, ChartWaterfallLabelTemplateDirective, ChartXAxisComponent, ChartYAxisComponent, DonutSeriesComponent, FunnelSeriesComponent, GaugeSeriesComponent, HeatmapSeriesComponent, LineSeriesComponent, OhlcSeriesComponent, PieSeriesComponent, PolarSeriesComponent, RadarSeriesComponent, RadialBarSeriesComponent, RangeAreaSeriesComponent, RangeBarSeriesComponent, RoseSeriesComponent, ScatterSeriesComponent, TreemapSeriesComponent, WaterfallSeriesComponent, getChartSeriesFamily, isCartesianCoordinateFamily, isHierarchicalCoordinateFamily, isPolarCoordinateFamily };
 export type { ChartAnimationEasing, ChartAnimationInput, ChartAnimationOptions, ChartAnnotationAxisValue, ChartAnnotationLabelPlacement, ChartAnnotationLabelTemplateContext, ChartAnnotationMarker, ChartAreaFillMode, ChartAxisFormatter, ChartAxisLabelRotation, ChartAxisLabelTemplateContext, ChartAxisPosition, ChartAxisTick, ChartBarOrientation, ChartBrushActivation, ChartBrushAxisRange, ChartBrushCancelReason, ChartBrushCategoryRange, ChartBrushChangeEvent, ChartBrushContinuousRange, ChartBrushHitPolicy, ChartBrushLineStyle, ChartBrushMode, ChartBrushPhase, ChartBrushSelectionBehavior, ChartCategoryViewportWindow, ChartCenterTemplateContext, ChartColorLegendScale, ChartColorLegendStop, ChartColorLegendTick, ChartContinuousViewportWindow, ChartCoordinateSystem, ChartCrosshairAxisLabelContext, ChartCrosshairLineStyle, ChartCrosshairMode, ChartCrosshairResolvedAxisValue, ChartCrosshairSnapMode, ChartCrosshairSynchronizationOptions, ChartCurve, ChartDataLabelContext, ChartDataLabelFormatter, ChartDataLabelOptions, ChartDataLabelPosition, ChartDataLabelsInput, ChartDownloadOptions, ChartDownsamplingAlgorithm, ChartDownsamplingInput, ChartDownsamplingOptions, ChartExportBackground, ChartExportBaseOptions, ChartExportErrorCode, ChartExportFormat, ChartExportOptions, ChartExportPresentationOptions, ChartExportResult, ChartField, ChartFinancialDirection, ChartFinancialFillMode, ChartFunnelLabelContent, ChartFunnelLabelTemplateContext, ChartFunnelOrientation, ChartFunnelPointMetadata, ChartFunnelStageContext, ChartFunnelStageVisibilityEvent, ChartGaugeCenterTemplateContext, ChartGaugeIndicator, ChartHeaderAlignment, ChartHeatmapCategory, ChartHeatmapCellData, ChartHeatmapColorMode, ChartHierarchicalKind, ChartHierarchyNodeContext, ChartHierarchyPointMetadata, ChartLabelMeasurement, ChartLegendItem, ChartLegendItemKind, ChartLegendItemTemplateContext, ChartLegendMode, ChartLineStyle, ChartNavigationAxisTarget, ChartNavigationInput, ChartNavigationOptions, ChartNumericScaleType, ChartOhlcPointValue, ChartOverlayLayer, ChartPadding, ChartPdfExportOptions, ChartPdfMargins, ChartPdfPageOptions, ChartPdfPageSize, ChartPdfRenderMode, ChartPngExportOptions, ChartPoint, ChartPointEvent, ChartPointFocusEvent, ChartPointValue, ChartPointValueKind, ChartPolarFillMode, ChartPolarLabelContent, ChartPolarLabelPosition, ChartPolarLabelSide, ChartRadialArcFillMode, ChartRadialCurve, ChartRadialDatumVisibilityEvent, ChartRadialFillMode, ChartRadialGridShape, ChartRangePointValue, ChartRect, ChartReferenceBandLabelContext, ChartReferenceLabelPosition, ChartReferenceLabelTemplateContext, ChartReferenceLineLabelContext, ChartReferenceLineStyle, ChartRendererMode, ChartRoseScaleMode, ChartScalarPointValue, ChartSelectedPoint, ChartSelectionChangeEvent, ChartSelectionChangeSource, ChartSelectionMode, ChartSeriesFamily, ChartSeriesStyle, ChartSeriesType, ChartSeriesVisibilityEvent, ChartSize, ChartSliceContext, ChartSliceLabelTemplateContext, ChartSliceVisibilityEvent, ChartStackMode, ChartSubtitleTemplateContext, ChartSvgExportOptions, ChartSynchronizationAxisMapping, ChartSynchronizationInput, ChartSynchronizationMode, ChartSynchronizationOptions, ChartTitleTemplateContext, ChartTooltipPointContext, ChartTooltipTemplateContext, ChartTreemapLabelTemplateContext, ChartTreemapNodeVisibilityEvent, ChartTreemapSort, ChartTreemapTile, ChartValueAccessor, ChartValueFormatter, ChartViewportAxisRef, ChartViewportChangeEvent, ChartViewportChangePhase, ChartViewportChangeSource, ChartViewportConstraint, ChartViewportLinkGroup, ChartViewportLinkMode, ChartViewportState, ChartViewportSynchronizationOptions, ChartViewportWindow, ChartWaterfallDatumKind, ChartWaterfallLabelTemplateContext, ChartWaterfallPointContext, ChartWaterfallPointValue, ChartWaterfallVisualKind, ChartXAxisPosition, ChartXAxisType, ChartYAxisPosition, ChartYAxisType, HeatmapCellClickEvent, HeatmapColorStop };

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

@@ -1,26 +1,35 @@
+import * as _nanahoshi_mona_ui_i18n from '@nanahoshi/mona-ui/i18n';
 import * as _angular_core from '@angular/core';
 import { TemplateRef } 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';
 
+declare const CHIP_DEFAULT_MESSAGES: {
+    removeLabel: (label?: string) => string;
+};
+
 declare const chipThemeVariants: (props?: ({
     disabled?: boolean | null | undefined;
+    interactive?: boolean | null | undefined;
     look?: "default" | "primary" | "success" | "error" | "warning" | "info" | "outline" | "secondary" | "ghost" | null | undefined;
     rounded?: "full" | "large" | "medium" | "none" | "small" | null | undefined;
     size?: "large" | "medium" | "small" | null | undefined;
     selected?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type ChipVariantProps = VariantProps<typeof chipThemeVariants>;
-type ChipVariantInputs = VariantInputs<ChipVariantProps>;
+type ChipVariantInputs = VariantInputs<Omit<ChipVariantProps, "interactive">>;
 
 declare class ChipComponent implements ChipVariantInputs {
     #private;
     protected readonly ariaChecked: _angular_core.Signal<"true" | "false" | undefined>;
     protected readonly baseClass: _angular_core.Signal<string>;
+    protected readonly bodyInteractive: _angular_core.Signal<boolean>;
     protected readonly effectiveAriaLabel: _angular_core.Signal<string | undefined>;
     protected readonly effectiveTabIndex: _angular_core.Signal<string | number>;
     protected readonly iconSize: _angular_core.Signal<13 | 14 | 16>;
+    protected readonly isLink: _angular_core.Signal<boolean>;
+    protected readonly messages: _angular_core.Signal<_nanahoshi_mona_ui_i18n.MonaChipMessages>;
     protected readonly prefixTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
     protected readonly role: _angular_core.Signal<"checkbox" | undefined>;
     /**
@@ -30,8 +39,8 @@ declare class ChipComponent implements ChipVariantInputs {
      */
     readonly ariaLabel: _angular_core.InputSignal<string>;
     /**
-     * @description Emitted when the chip body is clicked or activated via Enter or Space.
-     * Not emitted when the remove button is activated.
+     * @description Emitted when a toggleable chip body is activated via click, Enter, or Space.
+     * Not emitted when the remove button is activated or for non-toggleable chips.
      */
     readonly contentClick: _angular_core.OutputEmitterRef<void>;
     /**
@@ -89,7 +98,7 @@ declare class ChipComponent implements ChipVariantInputs {
     readonly size: _angular_core.InputSignal<"large" | "medium" | "small" | null | undefined>;
     /**
      * @description Tab index override for the chip host element. When not set, computed automatically:
-     * `0` when `toggleable` or `removable` is `true`, `-1` otherwise. Overridden to `-1` when `disabled` is `true`.
+     * `0` when `toggleable` is `true` or functioning as a link, `-1` otherwise. Overridden to `-1` when `disabled` is `true`.
      * @default undefined
      */
     readonly tabindex: _angular_core.InputSignal<string | number | undefined>;
@@ -125,5 +134,5 @@ declare class ChipPrefixTemplateDirective {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ChipPrefixTemplateDirective, "ng-template[monaChipPrefixTemplate]", never, {}, {}, never, never, true, never>;
 }
 
-export { ChipComponent, ChipPrefixTemplateDirective };
+export { CHIP_DEFAULT_MESSAGES, ChipComponent, ChipPrefixTemplateDirective };
 export type { ChipVariantProps };

package/types/nanahoshi-mona-ui-color-gradient.d.ts

@@ -1,3 +1,5 @@
+import * as _nanahoshi_mona_ui_i18n from '@nanahoshi/mona-ui/i18n';
+import { MonaColorGradientMessages } from '@nanahoshi/mona-ui/i18n';
 import * as _angular_core from '@angular/core';
 import { Signal, ElementRef } from '@angular/core';
 import { FormValueControl } from '@angular/forms/signals';
@@ -74,6 +76,7 @@ declare class ColorGradientComponent implements ColorGradientVariantInputs, Form
     protected readonly hueValue$: Subject<number>;
     protected readonly invalidState: Signal<boolean>;
     protected readonly lastSelectedColor: _angular_core.WritableSignal<string>;
+    protected readonly messages: Signal<_nanahoshi_mona_ui_i18n.MonaColorGradientMessages>;
     protected readonly rgb: _angular_core.WritableSignal<RGB>;
     protected readonly selectedColor: Signal<string>;
     protected readonly sliderHandleClasses: Signal<string>;
@@ -196,5 +199,7 @@ declare class ColorGradientComponent implements ColorGradientVariantInputs, Form
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ColorGradientComponent, "mona-color-gradient", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "opacity": { "alias": "opacity"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "showButtons": { "alias": "showButtons"; "required": false; "isSignal": true; }; "showHexInput": { "alias": "showHexInput"; "required": false; "isSignal": true; }; "showColorInputs": { "alias": "showColorInputs"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "apply": "apply"; "cancel": "cancel"; "touch": "touch"; "value": "valueChange"; }, never, never, true, never>;
 }
 
-export { ColorGradientComponent };
+declare const COLOR_GRADIENT_DEFAULT_MESSAGES: MonaColorGradientMessages;
+
+export { COLOR_GRADIENT_DEFAULT_MESSAGES, ColorGradientComponent };
 export type { ColorGradientVariantProps };

package/types/nanahoshi-mona-ui-color-palette.d.ts

@@ -1,3 +1,5 @@
+import * as _nanahoshi_mona_ui_i18n from '@nanahoshi/mona-ui/i18n';
+import { MonaColorPaletteMessages } from '@nanahoshi/mona-ui/i18n';
 import * as _angular_core from '@angular/core';
 import { Signal } from '@angular/core';
 import { FormValueControl } from '@angular/forms/signals';
@@ -19,13 +21,20 @@ type ColorPaletteVariantInput = ColorPaletteBaseVariantInput & ColorPaletteItemV
 
 declare class ColorPaletteComponent implements ColorPaletteVariantInput, FormValueControl<string | null> {
     #private;
+    protected readonly isRtl: Signal<boolean>;
+    protected readonly activeColorIndex: Signal<number>;
     protected readonly baseClasses: Signal<string>;
-    protected readonly colorScheme: Signal<ColorScheme>;
-    protected readonly paletteItemClasses: Signal<string>;
     protected readonly colorRows: Signal<string[][]>;
+    protected readonly colorScheme: Signal<ColorScheme>;
     protected readonly focusedColorIndex: _angular_core.WritableSignal<number>;
-    protected readonly activeColorIndex: Signal<number>;
     protected readonly invalidState: Signal<boolean>;
+    protected readonly messages: Signal<_nanahoshi_mona_ui_i18n.MonaColorPaletteMessages>;
+    protected readonly paletteItemClasses: Signal<string>;
+    /**
+     * @description Accessible label for the color palette grid.
+     * @default ""
+     */
+    readonly ariaLabel: _angular_core.InputSignal<string>;
     /**
      * @description The number of columns in the color palette grid.
      * Only applicable when using a custom palette.
@@ -55,17 +64,17 @@ declare class ColorPaletteComponent implements ColorPaletteVariantInput, FormVal
      * @default false
      */
     readonly readonly: _angular_core.InputSignal<boolean>;
-    /**
-     * @description Border-radius preset applied to the color palette items.
-     * @default "none"
-     */
-    readonly rounded: _angular_core.InputSignal<"none" | "small" | "medium" | "large" | "full" | null | undefined>;
     /**
      * @description Sets whether the color palette is required. When bound to a signal form field via `[formField]`,
      * this is written by the `FormField` directive.
      * @default false
      */
     readonly required: _angular_core.InputSignal<boolean>;
+    /**
+     * @description Border-radius preset applied to the color palette items.
+     * @default "none"
+     */
+    readonly rounded: _angular_core.InputSignal<"none" | "small" | "medium" | "large" | "full" | null | undefined>;
     /**
      * @description The size of each tile in the color palette grid.
      * @default 18
@@ -94,8 +103,10 @@ declare class ColorPaletteComponent implements ColorPaletteVariantInput, FormVal
     protected onKeyDown(event: KeyboardEvent, colorIndex: number): void;
     private getColorScheme;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ColorPaletteComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ColorPaletteComponent, "mona-color-palette", never, { "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "palette": { "alias": "palette"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "tileSize": { "alias": "tileSize"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "touch": "touch"; "value": "valueChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ColorPaletteComponent, "mona-color-palette", never, { "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "palette": { "alias": "palette"; "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; }; "tileSize": { "alias": "tileSize"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "touch": "touch"; "value": "valueChange"; }, never, never, true, never>;
 }
 
-export { ColorPaletteComponent };
+declare const COLOR_PALETTE_DEFAULT_MESSAGES: MonaColorPaletteMessages;
+
+export { COLOR_PALETTE_DEFAULT_MESSAGES, ColorPaletteComponent };
 export type { ColorPaletteVariantProps };

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

@@ -1,5 +1,7 @@
 import * as _angular_core from '@angular/core';
 import { OnInit, Signal, TemplateRef } from '@angular/core';
+import * as _nanahoshi_mona_ui_i18n from '@nanahoshi/mona-ui/i18n';
+import { MonaColorPickerMessages } from '@nanahoshi/mona-ui/i18n';
 import { FormValueControl } from '@angular/forms/signals';
 import { PaletteType } from '@nanahoshi/mona-ui/common';
 import * as class_variance_authority_types from 'class-variance-authority/types';
@@ -29,12 +31,18 @@ declare class ColorPickerComponent implements OnInit, ColorPickerVariantInput, F
     protected readonly baseClasses: Signal<string>;
     protected readonly colorClasses: Signal<string>;
     protected readonly expanded: Signal<boolean>;
-    protected readonly invalidState: Signal<boolean>;
     protected readonly gradientPopupClasses = "\n    [background-color:var(--mona-effect-overlay-background-color,var(--color-surface-overlay))]\n    \n    [background-image:var(--mona-effect-overlay-background-image,none)]\n    [backdrop-filter:var(--mona-effect-overlay-backdrop-filter,none)]\n    [-webkit-backdrop-filter:var(--mona-effect-overlay-backdrop-filter,none)]\n\n border border-border shadow-(--shadow-overlay)";
+    protected readonly invalidState: Signal<boolean>;
+    protected readonly messages: Signal<_nanahoshi_mona_ui_i18n.MonaColorPickerMessages>;
     protected readonly palettePopupClasses = "flex flex-col p-0.5 \n    [background-color:var(--mona-effect-overlay-background-color,var(--color-surface-overlay))]\n    \n    [background-image:var(--mona-effect-overlay-background-image,none)]\n    [backdrop-filter:var(--mona-effect-overlay-backdrop-filter,none)]\n    [-webkit-backdrop-filter:var(--mona-effect-overlay-backdrop-filter,none)]\n\n border border-border shadow-(--shadow-overlay) outline-none";
     protected readonly popupId: string;
-    protected readonly popupTemplate: Signal<TemplateRef<any>>;
+    protected readonly popupTemplate: Signal<TemplateRef<void>>;
     protected readonly valueTemplate: Signal<TemplateRef<any> | undefined>;
+    /**
+     * @description Accessible label for the color picker combobox.
+     * @default ""
+     */
+    readonly ariaLabel: _angular_core.InputSignal<string>;
     /**
      * @description Whether to close the color picker when a color is selected.
      * Only applies when the view is set to "palette".
@@ -77,6 +85,12 @@ declare class ColorPickerComponent implements OnInit, ColorPickerVariantInput, F
      * @default false
      */
     readonly readonly: _angular_core.InputSignal<boolean>;
+    /**
+     * @description Sets whether the color picker is required. When bound to a signal form field via `[formField]`,
+     * this is written by the `FormField` directive.
+     * @default false
+     */
+    readonly required: _angular_core.InputSignal<boolean>;
     /**
      * @description Border-radius preset applied to the color picker.
      * @default "medium"
@@ -93,18 +107,6 @@ declare class ColorPickerComponent implements OnInit, ColorPickerVariantInput, F
      * @default "medium"
      */
     readonly size: _angular_core.InputSignal<"small" | "medium" | "large" | null | undefined>;
-    /**
-     * @description The view mode of the color picker.
-     * This can be either "palette" or "gradient".
-     * @default "gradient"
-     */
-    readonly view: _angular_core.InputSignal<ColorPickerView>;
-    /**
-     * @description Sets whether the color picker is required. When bound to a signal form field via `[formField]`,
-     * this is written by the `FormField` directive.
-     * @default false
-     */
-    readonly required: _angular_core.InputSignal<boolean>;
     /**
      * @description Emitted when the color picker is interacted with on blur or color selection.
      * The `FormField` directive listens to this to mark the field as touched.
@@ -121,14 +123,20 @@ declare class ColorPickerComponent implements OnInit, ColorPickerVariantInput, F
      * @default null
      */
     readonly value: _angular_core.ModelSignal<string | null>;
+    /**
+     * @description The view mode of the color picker.
+     * This can be either "palette" or "gradient".
+     * @default "gradient"
+     */
+    readonly view: _angular_core.InputSignal<ColorPickerView>;
     ngOnInit(): void;
     protected onClearClick(): void;
-    onColorGradientApply(): void;
-    onColorGradientCancel(): void;
-    protected onColorGradientValueChange(value: string | null | undefined): void;
+    protected onColorGradientApply(): void;
+    protected onColorGradientCancel(): void;
     protected onColorGradientTouch(): void;
-    protected onColorPaletteValueChange(value: string | null): void;
+    protected onColorGradientValueChange(value: string | null | undefined): void;
     protected onColorPaletteTouch(): void;
+    protected onColorPaletteValueChange(value: string | null): void;
     protected onPaletteContainerKeyDown(event: KeyboardEvent): void;
     protected open(): void;
     private close;
@@ -138,7 +146,7 @@ declare class ColorPickerComponent implements OnInit, ColorPickerVariantInput, F
     private setKeyboardEventListeners;
     private setupPopupKeyboardHandling;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ColorPickerComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ColorPickerComponent, "mona-color-picker", never, { "closeOnSelect": { "alias": "closeOnSelect"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "opacity": { "alias": "opacity"; "required": false; "isSignal": true; }; "palette": { "alias": "palette"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "showClearButton": { "alias": "showClearButton"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "view": { "alias": "view"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "touch": "touch"; "value": "valueChange"; }, ["valueTemplate"], never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ColorPickerComponent, "mona-color-picker", never, { "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "closeOnSelect": { "alias": "closeOnSelect"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "opacity": { "alias": "opacity"; "required": false; "isSignal": true; }; "palette": { "alias": "palette"; "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; }; "showClearButton": { "alias": "showClearButton"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "view": { "alias": "view"; "required": false; "isSignal": true; }; }, { "touch": "touch"; "value": "valueChange"; }, ["valueTemplate"], never, true, never>;
 }
 
 declare class ColorPickerValueTemplateDirective {
@@ -150,5 +158,7 @@ interface ColorPickerValueTemplateContext {
     $implicit: string;
 }
 
-export { ColorPickerComponent, ColorPickerValueTemplateDirective };
+declare const COLOR_PICKER_DEFAULT_MESSAGES: MonaColorPickerMessages;
+
+export { COLOR_PICKER_DEFAULT_MESSAGES, ColorPickerComponent, ColorPickerValueTemplateDirective };
 export type { ColorPickerValueTemplateContext, ColorPickerVariantProps, ColorPickerView };

package/types/nanahoshi-mona-ui-combo-box.d.ts

@@ -1,3 +1,5 @@
+import * as _nanahoshi_mona_ui_i18n from '@nanahoshi/mona-ui/i18n';
+import { MonaComboBoxMessages } from '@nanahoshi/mona-ui/i18n';
 import * as _angular_core from '@angular/core';
 import { TemplateRef } from '@angular/core';
 import { FormValueControl } from '@angular/forms/signals';
@@ -49,6 +51,7 @@ declare class ComboBoxComponent<TData = unknown, TValue = TData> implements Form
     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.MonaComboBoxMessages>;
     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>;
@@ -243,5 +246,7 @@ declare class ComboBoxComponent<TData = unknown, TValue = TData> implements Form
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ComboBoxComponent<any, any>, "mona-combo-box", never, { "allowCustomValue": { "alias": "allowCustomValue"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "aria-describedby"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "aria-labelledby"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "itemDisabled": { "alias": "itemDisabled"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "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; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "showClearButton": { "alias": "showClearButton"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "textField": { "alias": "textField"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; "valueField": { "alias": "valueField"; "required": false; "isSignal": true; }; "valuePrimitive": { "alias": "valuePrimitive"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "close": "close"; "closed": "closed"; "disabled": "disabledChange"; "open": "open"; "opened": "opened"; "touch": "touch"; "valueAdd": "valueAdd"; "value": "valueChange"; }, ["footerTemplate", "groupHeaderTemplate", "headerTemplate", "itemTemplate", "noDataTemplate", "prefixTemplate"], never, true, [{ directive: typeof i1.DropdownDataHandlerDirective; inputs: {}; outputs: {}; }, { directive: typeof i1.DropdownListPopupHandlerDirective; inputs: {}; outputs: {}; }]>;
 }
 
-export { ComboBoxComponent };
+declare const COMBO_BOX_DEFAULT_MESSAGES: MonaComboBoxMessages;
+
+export { COMBO_BOX_DEFAULT_MESSAGES, ComboBoxComponent };
 export type { ComboBoxVariantProps };

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

@@ -1,3 +1,5 @@
+import * as _nanahoshi_mona_ui_i18n from '@nanahoshi/mona-ui/i18n';
+import { MonaDatePickerMessages } from '@nanahoshi/mona-ui/i18n';
 import * as _angular_core from '@angular/core';
 import { TemplateRef } from '@angular/core';
 import { FormValueControl } from '@angular/forms/signals';
@@ -30,6 +32,7 @@ declare class DatePickerComponent implements FormValueControl<Date | null>, Drop
     protected readonly expanded: _angular_core.Signal<boolean>;
     protected readonly inputAttributes: _angular_core.Signal<AttributeConfig>;
     protected readonly invalidState: _angular_core.Signal<boolean>;
+    protected readonly messages: _angular_core.Signal<_nanahoshi_mona_ui_i18n.MonaDatePickerMessages>;
     protected readonly monthCellTemplate: _angular_core.Signal<CalendarMonthCellTemplateDirective | undefined>;
     protected readonly navigatedDate: _angular_core.WritableSignal<Date>;
     protected readonly pickerPopupClass: _angular_core.Signal<string>;
@@ -153,6 +156,7 @@ declare class DatePickerComponent implements FormValueControl<Date | null>, Drop
      */
     readonly weekNumber: _angular_core.InputSignal<boolean>;
     constructor();
+    focus(): void;
     protected onCalendarValueChange(date: Date | Date[] | null): void;
     protected onDateInputBlur(): void;
     protected onDateInputButtonClick(): void;
@@ -160,7 +164,6 @@ declare class DatePickerComponent implements FormValueControl<Date | null>, Drop
     private closePopup;
     private compareDatesEqual;
     private dateStringEquals;
-    focus(): void;
     private handleKeydown;
     private isDateDisabledByInput;
     private openPopup;
@@ -172,5 +175,7 @@ declare class DatePickerComponent implements FormValueControl<Date | null>, Drop
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DatePickerComponent, "mona-date-picker", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "disabledDates": { "alias": "disabledDates"; "required": false; "isSignal": true; }; "firstDay": { "alias": "firstDay"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "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; }; "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; }; "showClearButton": { "alias": "showClearButton"; "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; }; "weekNumber": { "alias": "weekNumber"; "required": false; "isSignal": true; }; }, { "close": "close"; "closed": "closed"; "open": "open"; "opened": "opened"; "touch": "touch"; "value": "valueChange"; }, ["decadeCellTemplate", "monthCellTemplate", "prefixTemplate", "yearCellTemplate"], never, true, [{ directive: typeof i1.DropdownPopupHandlerDirective; inputs: {}; outputs: {}; }]>;
 }
 
-export { DatePickerComponent };
+declare const DATE_PICKER_DEFAULT_MESSAGES: MonaDatePickerMessages;
+
+export { DATE_PICKER_DEFAULT_MESSAGES, DatePickerComponent };
 export type { DatePickerVariantInput, DatePickerVariantProps };

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

@@ -1,3 +1,5 @@
+import * as _nanahoshi_mona_ui_i18n from '@nanahoshi/mona-ui/i18n';
+import { MonaDateTimePickerMessages } from '@nanahoshi/mona-ui/i18n';
 import * as _angular_core from '@angular/core';
 import { TemplateRef } from '@angular/core';
 import { FormValueControl } from '@angular/forms/signals';
@@ -6,14 +8,17 @@ import { PreventableEvent } from '@nanahoshi/mona-ui/common';
 import { DateDisabledType, HourFormat } from '@nanahoshi/mona-ui/date-input';
 import * as i1 from '@nanahoshi/mona-ui/dropdowns';
 import { DropdownPopupInput } from '@nanahoshi/mona-ui/dropdowns';
-import { AttributeConfig } from '@nanahoshi/mona-ui/internal';
+import { AttributeConfig, VariantInputs } from '@nanahoshi/mona-ui/internal';
 import { ListSizeInputType } from '@nanahoshi/mona-ui/internal/list';
 import { PopupCloseEvent } from '@nanahoshi/mona-ui/popup';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
 
 type ActiveView = "date" | "time";
 
 declare class DateTimePickerComponent implements FormValueControl<Date | null>, DropdownPopupInput {
     #private;
+    protected readonly isRtl: _angular_core.Signal<boolean>;
     protected readonly activeView: _angular_core.WritableSignal<ActiveView>;
     protected readonly baseClass: _angular_core.Signal<string>;
     protected readonly currentDateString: _angular_core.WritableSignal<string>;
@@ -23,6 +28,7 @@ declare class DateTimePickerComponent implements FormValueControl<Date | null>,
     protected readonly headerClass: _angular_core.Signal<string>;
     protected readonly inputAttributes: _angular_core.Signal<AttributeConfig>;
     protected readonly invalidState: _angular_core.Signal<boolean>;
+    protected readonly messages: _angular_core.Signal<_nanahoshi_mona_ui_i18n.MonaDateTimePickerMessages>;
     protected readonly monthCellTemplate: _angular_core.Signal<CalendarMonthCellTemplateDirective | undefined>;
     protected readonly navigatedDate: _angular_core.WritableSignal<Date>;
     protected readonly pickerPopupClass: _angular_core.Signal<string>;
@@ -172,28 +178,47 @@ declare class DateTimePickerComponent implements FormValueControl<Date | null>,
      */
     readonly weekNumber: _angular_core.InputSignal<boolean>;
     constructor();
-    protected onCancelClick(): void;
+    focus(): void;
     protected onCalendarValueChange(date: Date | Date[] | null): void;
+    protected onCancelClick(): void;
     protected onDateInputBlur(): void;
     protected onDateInputButtonClick(): void;
     protected onDateStringEdit(dateString: string): void;
     protected onSetDateClick(): void;
     protected onTimeSelectorValueChange(date: Date | null): void;
+    private closePopup;
     private compareDatesEqual;
     private dateStringEquals;
-    focus(): void;
-    private isDateDisabledByInput;
-    private setCurrentDate;
-    private closePopup;
     private handleKeydown;
+    private isDateDisabledByInput;
     private openPopup;
+    private setCurrentDate;
     private setKeyboardSubscriptions;
     private setPopupCloseSubscriptions;
     private setSubscriptions;
-    private updateDateIfNotInRange;
     private updateCurrentDateString;
+    private updateDateIfNotInRange;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DateTimePickerComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DateTimePickerComponent, "mona-datetime-picker", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "disabledDates": { "alias": "disabledDates"; "required": false; "isSignal": true; }; "firstDay": { "alias": "firstDay"; "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; }; "weekNumber": { "alias": "weekNumber"; "required": false; "isSignal": true; }; }, { "close": "close"; "closed": "closed"; "open": "open"; "opened": "opened"; "touch": "touch"; "value": "valueChange"; }, ["decadeCellTemplate", "monthCellTemplate", "prefixTemplate", "yearCellTemplate"], never, true, [{ directive: typeof i1.DropdownPopupHandlerDirective; inputs: {}; outputs: {}; }]>;
 }
 
-export { DateTimePickerComponent };
+declare const DATETIME_PICKER_DEFAULT_MESSAGES: MonaDateTimePickerMessages;
+
+declare const dateTimePickerBaseThemeVariants: (props?: ({
+    focused?: boolean | null | undefined;
+    rounded?: "full" | "large" | "medium" | "none" | "small" | null | undefined;
+    size?: "large" | "medium" | "small" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const dateTimePickerHeaderThemeVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+declare const dateTimePickerFooterThemeVariants: (props?: class_variance_authority_types.ClassProp | undefined) => string;
+type DateTimePickerBaseVariantProps = VariantProps<typeof dateTimePickerBaseThemeVariants>;
+type DateTimePickerBaseVariantInput = VariantInputs<DateTimePickerBaseVariantProps>;
+type DateTimePickerHeaderVariantProps = VariantProps<typeof dateTimePickerHeaderThemeVariants>;
+type DateTimePickerHeaderVariantInput = VariantInputs<DateTimePickerHeaderVariantProps>;
+type DateTimePickerFooterVariantProps = VariantProps<typeof dateTimePickerFooterThemeVariants>;
+type DateTimePickerFooterVariantInput = VariantInputs<DateTimePickerFooterVariantProps>;
+type DateTimePickerVariantProps = DateTimePickerBaseVariantProps & DateTimePickerHeaderVariantProps & DateTimePickerFooterVariantProps;
+type DateTimePickerVariantInput = Omit<DateTimePickerBaseVariantInput, "focused"> & DateTimePickerHeaderVariantInput & DateTimePickerFooterVariantInput;
+
+export { DATETIME_PICKER_DEFAULT_MESSAGES, DateTimePickerComponent };
+export type { DateTimePickerVariantInput, DateTimePickerVariantProps };

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

@@ -1,3 +1,5 @@
+import * as _nanahoshi_mona_ui_i18n from '@nanahoshi/mona-ui/i18n';
+import { DialogMessages, MonaDialogMessages } from '@nanahoshi/mona-ui/i18n';
 import * as _angular_core from '@angular/core';
 import { ElementRef, TemplateRef, ComponentRef } from '@angular/core';
 import { PopupCloseEvent, PopupRef } from '@nanahoshi/mona-ui/popup';
@@ -79,15 +81,15 @@ declare class DialogComponent implements DialogVariantInput {
      * This event is preventable.
      */
     readonly close: _angular_core.OutputEmitterRef<PopupCloseEvent<unknown>>;
-    /**
-     * @description Emits when the dialog is closed.
-     */
-    readonly closed: _angular_core.OutputEmitterRef<void>;
     /**
      * @description Sets whether the dialog should close when the escape key is pressed.
      * @default true
      */
     readonly closeOnEscape: _angular_core.InputSignal<boolean>;
+    /**
+     * @description Emits when the dialog is closed.
+     */
+    readonly closed: _angular_core.OutputEmitterRef<void>;
     /**
      * @description Sets the description of the dialog.
      */
@@ -113,6 +115,10 @@ declare class DialogComponent implements DialogVariantInput {
      * @description Sets the maximum width of the dialog.
      */
     readonly maxWidth: _angular_core.InputSignal<number | undefined>;
+    /**
+     * @description Sets the custom messages for the dialog.
+     */
+    readonly messages: _angular_core.InputSignal<Partial<_nanahoshi_mona_ui_i18n.MonaDialogMessages> | undefined>;
     /**
      * @description Sets the minimum height of the dialog.
      */
@@ -155,7 +161,7 @@ declare class DialogComponent implements DialogVariantInput {
     readonly width: _angular_core.InputSignal<number | undefined>;
     constructor();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DialogComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DialogComponent, "mona-dialog", never, { "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "actionsLayout": { "alias": "actionsLayout"; "required": false; "isSignal": true; }; "closable": { "alias": "closable"; "required": false; "isSignal": true; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "focusedElement": { "alias": "focusedElement"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "left": { "alias": "left"; "required": false; "isSignal": true; }; "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; "minHeight": { "alias": "minHeight"; "required": false; "isSignal": true; }; "minWidth": { "alias": "minWidth"; "required": false; "isSignal": true; }; "modal": { "alias": "modal"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "top": { "alias": "top"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; }, { "action": "action"; "close": "close"; "closed": "closed"; }, ["contentTemplate", "descriptionTemplate", "footerTemplate", "iconTemplate", "titleTemplate"], never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DialogComponent, "mona-dialog", never, { "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "actionsLayout": { "alias": "actionsLayout"; "required": false; "isSignal": true; }; "closable": { "alias": "closable"; "required": false; "isSignal": true; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "focusedElement": { "alias": "focusedElement"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "left": { "alias": "left"; "required": false; "isSignal": true; }; "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; "messages": { "alias": "messages"; "required": false; "isSignal": true; }; "minHeight": { "alias": "minHeight"; "required": false; "isSignal": true; }; "minWidth": { "alias": "minWidth"; "required": false; "isSignal": true; }; "modal": { "alias": "modal"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "top": { "alias": "top"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; }, { "action": "action"; "close": "close"; "closed": "closed"; }, ["contentTemplate", "descriptionTemplate", "footerTemplate", "iconTemplate", "titleTemplate"], never, true, never>;
 }
 
 declare class DialogContentTemplateDirective {
@@ -205,6 +211,7 @@ interface DialogSettings {
     left?: number;
     maxHeight?: number;
     maxWidth?: number;
+    messages?: Partial<DialogMessages>;
     minHeight?: number;
     minWidth?: number;
     modal?: boolean;
@@ -219,7 +226,6 @@ interface DialogSettings {
 
 interface DialogRefParams<R = unknown> {
     close: (result?: R) => void;
-    update: (data: Partial<DialogSettings>) => void;
     get close$(): Observable<PopupCloseEvent<R>>;
     get closed$(): Observable<void>;
     get component(): ComponentRef<unknown> | null;
@@ -227,6 +233,7 @@ interface DialogRefParams<R = unknown> {
     get height(): number;
     get popupRef(): PopupRef;
     get result(): Observable<DialogResult>;
+    update: (data: Partial<DialogSettings>) => void;
     get width(): number;
 }
 
@@ -256,5 +263,7 @@ declare class DialogService {
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<DialogService>;
 }
 
-export { DialogActionEvent, DialogComponent, DialogContentTemplateDirective, DialogDescriptionTemplateDirective, DialogFooterTemplateDirective, DialogIconTemplateDirective, DialogRef, DialogService, DialogTitleTemplateDirective };
+declare const DIALOG_DEFAULT_MESSAGES: MonaDialogMessages;
+
+export { DIALOG_DEFAULT_MESSAGES, DialogActionEvent, DialogComponent, DialogContentTemplateDirective, DialogDescriptionTemplateDirective, DialogFooterTemplateDirective, DialogIconTemplateDirective, DialogRef, DialogService, DialogTitleTemplateDirective };
 export type { ActionsLayout, DialogAction, DialogResult, DialogSettings, DialogVariantProps };

package/types/nanahoshi-mona-ui-dropdown-list.d.ts

@@ -1,5 +1,7 @@
 import * as _nanahoshi_mona_ui_internal_list from '@nanahoshi/mona-ui/internal/list';
 import { SelectableOptions, ListSizeInputType, SelectionChangeEvent } from '@nanahoshi/mona-ui/internal/list';
+import * as _nanahoshi_mona_ui_i18n from '@nanahoshi/mona-ui/i18n';
+import { MonaDropdownListMessages } from '@nanahoshi/mona-ui/i18n';
 import * as _angular_core from '@angular/core';
 import { TemplateRef } from '@angular/core';
 import { FormValueControl } from '@angular/forms/signals';
@@ -47,6 +49,7 @@ declare class DropdownListComponent<TData = unknown, TValue = TData> implements
     protected readonly isEmpty: _angular_core.Signal<boolean>;
     protected readonly listId: string;
     protected readonly listPopupClass: _angular_core.Signal<string>;
+    protected readonly messages: _angular_core.Signal<_nanahoshi_mona_ui_i18n.MonaDropdownListMessages>;
     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>;
@@ -230,5 +233,7 @@ declare class DropdownListValueTemplateDirective {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DropdownListValueTemplateDirective, "ng-template[monaDropDownListValueTemplate]", never, {}, {}, never, never, true, never>;
 }
 
-export { DropdownListComponent, DropdownListValueTemplateDirective };
+declare const DROPDOWN_LIST_DEFAULT_MESSAGES: MonaDropdownListMessages;
+
+export { DROPDOWN_LIST_DEFAULT_MESSAGES, DropdownListComponent, DropdownListValueTemplateDirective };
 export type { DropDownListVariantProps };