@nanahoshi/mona-ui 0.18.6 → 0.20.0

package/types/nanahoshi-mona-ui-button-group.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 { ButtonDirective } from '@nanahoshi/mona-ui/button';
 import { SelectionMode } from '@nanahoshi/mona-ui/common';
@@ -17,6 +18,8 @@ declare class ButtonGroupComponent implements ButtonGroupVariantsInput {
     #private;
     protected readonly baseClass: _angular_core.Signal<string>;
     protected readonly buttons: _angular_core.Signal<readonly ButtonDirective[]>;
+    protected readonly messages: _angular_core.Signal<_nanahoshi_mona_ui_i18n.MonaButtonGroupMessages>;
+    protected readonly effectiveAriaLabel: _angular_core.Signal<string>;
     /**
      * @description When `false` and `selection` is `"single"`, at least one button must remain selected;
      * the active button cannot be deselected. Has no effect in `"multiple"` mode.
@@ -26,9 +29,8 @@ declare class ButtonGroupComponent implements ButtonGroupVariantsInput {
     /**
      * @description Accessible name for the host element. Override when multiple button groups appear on the same page
      * so screen reader users can distinguish them.
-     * @default "Button group"
      */
-    readonly ariaLabel: _angular_core.InputSignal<string>;
+    readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
     /**
      * @description Emitted when any child button in the group is clicked.
      * Use `[(selected)]` on child buttons to observe the resulting selection state.
@@ -72,5 +74,9 @@ declare class ButtonGroupComponent implements ButtonGroupVariantsInput {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ButtonGroupComponent, "mona-button-group", never, { "allowEmpty": { "alias": "allowEmpty"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "look": { "alias": "look"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "selection": { "alias": "selection"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, { "buttonClick": "buttonClick"; "disabled": "disabledChange"; "selection": "selectionChange"; }, ["buttons"], ["[monaButton]"], true, never>;
 }
 
-export { ButtonGroupComponent };
+declare const BUTTON_GROUP_DEFAULT_MESSAGES: {
+    buttonGroup: string;
+};
+
+export { BUTTON_GROUP_DEFAULT_MESSAGES, ButtonGroupComponent };
 export type { ButtonGroupVariantProps };

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

@@ -1,4 +1,6 @@
 import * as _mirei_ts_collections from '@mirei/ts-collections';
+import * as _nanahoshi_mona_ui_i18n from '@nanahoshi/mona-ui/i18n';
+import { MonaCalendarMessages } from '@nanahoshi/mona-ui/i18n';
 import * as _angular_core from '@angular/core';
 import { TemplateRef } from '@angular/core';
 import { FormValueControl } from '@angular/forms/signals';
@@ -54,7 +56,7 @@ declare class CalendarYearCellTemplateDirective {
 
 type CalendarSelection = "multiple" | "range" | "single";
 
-type FirstDayOfWeek = "monday" | "sunday";
+type FirstDayOfWeek = "monday" | "tuesday" | "wednesday" | "thursday" | "friday" | "saturday" | "sunday";
 
 declare const calendarBaseThemeVariants: (props?: ({
     disabled?: boolean | null | undefined;
@@ -114,9 +116,13 @@ declare class CalendarComponent implements CalendarVariantInput, FormValueContro
     protected readonly decadeGridClass: _angular_core.Signal<string>;
     protected readonly decadeStart: _angular_core.Signal<number>;
     protected readonly decadeYears: _angular_core.Signal<number[][]>;
+    protected readonly effectiveFirstDay: _angular_core.Signal<FirstDayOfWeek>;
     protected readonly gridId: string;
     protected readonly headerClass: _angular_core.Signal<string>;
+    protected readonly headerMonthYear: _angular_core.Signal<string>;
+    protected readonly headerYear: _angular_core.Signal<string>;
     protected readonly invalidState: _angular_core.Signal<boolean>;
+    protected readonly messages: _angular_core.Signal<_nanahoshi_mona_ui_i18n.MonaCalendarMessages>;
     protected readonly monthBounds: _angular_core.Signal<{
         start: Date;
         end: Date;
@@ -127,9 +133,9 @@ declare class CalendarComponent implements CalendarVariantInput, FormValueContro
     protected readonly monthGridHeaderClass: _angular_core.Signal<string>;
     protected readonly months: _angular_core.Signal<_mirei_ts_collections.ImmutableSet<_mirei_ts_collections.ImmutableSet<readonly [number, string]>>>;
     protected readonly navigatedDate: _angular_core.WritableSignal<Date>;
-    protected readonly nextButtonLabel: _angular_core.Signal<"Next month" | "Next year" | "Next decade">;
-    protected readonly prevButtonLabel: _angular_core.Signal<"Previous month" | "Previous year" | "Previous decade">;
+    protected readonly nextButtonLabel: _angular_core.Signal<string>;
     protected readonly pendingRangeStart: _angular_core.WritableSignal<Date | null>;
+    protected readonly prevButtonLabel: _angular_core.Signal<string>;
     protected readonly rangePreviewDate: _angular_core.WritableSignal<Date | null>;
     protected readonly rangePreviewDates: _angular_core.Signal<Date[]>;
     protected readonly selectedDates: _angular_core.WritableSignal<Date[]>;
@@ -137,7 +143,9 @@ declare class CalendarComponent implements CalendarVariantInput, FormValueContro
     protected readonly todayButtonLabel: _angular_core.Signal<string>;
     protected readonly viewSwitchButtonLabel: _angular_core.Signal<string>;
     protected readonly weekdays: _angular_core.Signal<{
+        display: string;
         short: string;
+        narrow: string;
         full: string;
     }[]>;
     protected readonly yearCellTemplate: _angular_core.Signal<CalendarYearCellTemplateDirective | undefined>;
@@ -152,10 +160,10 @@ declare class CalendarComponent implements CalendarVariantInput, FormValueContro
      */
     readonly disabledDates: _angular_core.InputSignal<DateDisabledType>;
     /**
-     * @description Sets the first day of the week.
-     * @default "monday"
+     * @description Sets the first day of the week. If not specified, derives from the active locale.
+     * @default null
      */
-    readonly firstDay: _angular_core.InputSignal<FirstDayOfWeek>;
+    readonly firstDay: _angular_core.InputSignal<FirstDayOfWeek | null>;
     /**
      * @description Marks the calendar as invalid. When bound to a signal form field via `[formField]`,
      * this is written by the `FormField` directive.
@@ -175,6 +183,12 @@ declare class CalendarComponent implements CalendarVariantInput, FormValueContro
      * @default false
      */
     readonly readonly: _angular_core.InputSignal<boolean>;
+    /**
+     * @description Sets whether the calendar 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 Sets the border radius of the calendar.
      * @default "medium"
@@ -190,12 +204,6 @@ declare class CalendarComponent implements CalendarVariantInput, FormValueContro
      * The `FormField` directive listens to this to mark the field as touched.
      */
     readonly touch: _angular_core.OutputEmitterRef<void>;
-    /**
-     * @description Sets whether the calendar 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 Sets the touched state of the calendar. When bound to a signal form field via `[formField]`,
      * this is written by the `FormField` directive.
@@ -217,6 +225,8 @@ declare class CalendarComponent implements CalendarVariantInput, FormValueContro
      */
     readonly weekNumber: _angular_core.InputSignal<boolean>;
     constructor();
+    protected formatInteger(value: number): string;
+    protected getWeekNumber(date: Date): number;
     protected onDayClick(date: Date, event: MouseEvent): void;
     protected onDayPointerEnter(date: Date): void;
     protected onMonthClick(month: number): void;
@@ -225,9 +235,9 @@ declare class CalendarComponent implements CalendarVariantInput, FormValueContro
     protected onTodayButtonClick(): void;
     protected onViewChangeClick(view: CalendarView): void;
     protected onYearClick(year: number): void;
-    private extendSelection;
     private clearPendingRange;
     private commitUserSelection;
+    private extendSelection;
     private focusActiveCell;
     private getDateArray;
     private getDatesForMultipleSelection;
@@ -237,6 +247,8 @@ declare class CalendarComponent implements CalendarVariantInput, FormValueContro
     private handleMultipleSelectionKeyboard;
     private handleRangeSelection;
     private handleSingleSelection;
+    private horizontalCellDelta;
+    private horizontalPeriodDirection;
     private isDateDisabled;
     private isEmptyValue;
     private navigateByDaysOrCells;
@@ -254,8 +266,10 @@ declare class CalendarComponent implements CalendarVariantInput, FormValueContro
     private switchToUpperView;
     private toggleFocusedDateInSelection;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<CalendarComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CalendarComponent, "mona-calendar", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "disabledDates": { "alias": "disabledDates"; "required": false; "isSignal": true; }; "firstDay": { "alias": "firstDay"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "selection": { "alias": "selection"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "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; }; }, { "disabled": "disabledChange"; "touch": "touch"; "value": "valueChange"; }, ["decadeCellTemplate", "monthCellTemplate", "yearCellTemplate"], never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CalendarComponent, "mona-calendar", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "disabledDates": { "alias": "disabledDates"; "required": false; "isSignal": true; }; "firstDay": { "alias": "firstDay"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "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; }; "selection": { "alias": "selection"; "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; }; }, { "disabled": "disabledChange"; "touch": "touch"; "value": "valueChange"; }, ["decadeCellTemplate", "monthCellTemplate", "yearCellTemplate"], never, true, never>;
 }
 
-export { CalendarComponent, CalendarDecadeCellTemplateDirective, CalendarMonthCellTemplateDirective, CalendarYearCellTemplateDirective };
+declare const CALENDAR_DEFAULT_MESSAGES: MonaCalendarMessages;
+
+export { CALENDAR_DEFAULT_MESSAGES, CalendarComponent, CalendarDecadeCellTemplateDirective, CalendarMonthCellTemplateDirective, CalendarYearCellTemplateDirective };
 export type { CalendarSelection, CalendarVariantInput, CalendarVariantProps, DecadeCellTemplateContext, FirstDayOfWeek, MonthCellTemplateContext, YearCellTemplateContext };

package/types/nanahoshi-mona-ui-card.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 } from '@angular/core';
 import * as class_variance_authority_types from 'class-variance-authority/types';
@@ -23,8 +24,8 @@ type CardVariantInput = Omit<CardBaseVariantInput, "hasFooter" | "hasHeader">;
 
 declare class CardComponent implements CardVariantInput {
     #private;
-    protected readonly actionsCellClass: string;
     protected readonly actionTemplate: _angular_core.Signal<_angular_core.TemplateRef<unknown>[]>;
+    protected readonly actionsCellClass: string;
     protected readonly baseClass: _angular_core.Signal<string>;
     protected readonly contentDirective: _angular_core.Signal<CardContentDirective | undefined>;
     protected readonly descriptionCellClass: string;
@@ -34,6 +35,7 @@ declare class CardComponent implements CardVariantInput {
     protected readonly footerTemplate: _angular_core.Signal<_angular_core.TemplateRef<unknown> | null>;
     protected readonly headerClass: _angular_core.Signal<string>;
     protected readonly headerTemplate: _angular_core.Signal<_angular_core.TemplateRef<unknown> | null>;
+    protected readonly messages: _angular_core.Signal<_nanahoshi_mona_ui_i18n.MonaCardMessages>;
     protected readonly titleCellClass: string;
     protected readonly titleId: _angular_core.Signal<string | null>;
     protected readonly titleTemplate: _angular_core.Signal<_angular_core.TemplateRef<unknown> | null>;
@@ -100,5 +102,9 @@ declare class CardTitleDirective {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<CardTitleDirective, "[monaCardTitle]", never, {}, {}, never, never, true, never>;
 }
 
-export { CardActionDirective, CardComponent, CardContentDirective, CardDescriptionDirective, CardFooterComponent, CardHeaderComponent, CardTitleDirective };
+declare const CARD_DEFAULT_MESSAGES: {
+    actionsLabel: string;
+};
+
+export { CARD_DEFAULT_MESSAGES, CardActionDirective, CardComponent, CardContentDirective, CardDescriptionDirective, CardFooterComponent, CardHeaderComponent, CardTitleDirective };
 export type { CardVariantProps };

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,9 +1,14 @@
+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;
@@ -24,6 +29,7 @@ declare class ChipComponent implements ChipVariantInputs {
     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>;
     /**
@@ -128,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';
@@ -27,9 +29,11 @@ declare class DatePickerComponent implements FormValueControl<Date | null>, Drop
     protected readonly baseClass: _angular_core.Signal<string>;
     protected readonly currentDateString: _angular_core.WritableSignal<string>;
     protected readonly decadeCellTemplate: _angular_core.Signal<CalendarDecadeCellTemplateDirective | undefined>;
+    protected readonly effectiveFormat: _angular_core.Signal<string>;
     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>;
@@ -55,13 +59,15 @@ declare class DatePickerComponent implements FormValueControl<Date | null>, Drop
      */
     readonly disabledDates: _angular_core.InputSignal<DateDisabledType>;
     /**
-     * @description Sets the first day of the week.
+     * @description Sets the first day of the week. If not specified, derives from the active locale.
+     * @default null
      */
-    readonly firstDay: _angular_core.InputSignal<FirstDayOfWeek>;
+    readonly firstDay: _angular_core.InputSignal<FirstDayOfWeek | null>;
     /**
-     * @description Sets the date format of the date picker.
+     * @description Sets the date format of the date picker. If not specified, derives from the active locale.
+     * @default null
      */
-    readonly format: _angular_core.InputSignal<string>;
+    readonly format: _angular_core.InputSignal<string | null>;
     /**
      * @description Marks the date picker as invalid. When bound to a signal form field via `[formField]`,
      * this is written by the `FormField` directive.
@@ -153,6 +159,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 +167,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 +178,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 };