@mesgflow/ui-kit 0.7.0 → 0.9.0

package/types/mesgflow-ui-kit-command.d.ts

@@ -1,7 +1,7 @@
 import * as _mesgflow_ui_kit_command from '@mesgflow/ui-kit/command';
 import * as _mesgflow_ui_kit_core from '@mesgflow/ui-kit/core';
 import * as _angular_core from '@angular/core';
-import { DialogRef } from '@angular/cdk/dialog';
+import * as _mesgflow_ui_kit_dialog from '@mesgflow/ui-kit/dialog';
 
 /** `mf-command`'ın tek öğesi — `data` tüketicinin kendi yükü (rota, eylem kimliği vb.). */
 interface MfCommandItem<T = unknown> {
@@ -125,7 +125,7 @@ interface CommandPaletteData<T = unknown> {
  */
 declare class CommandPalette<T = unknown> {
     protected readonly data: CommandPaletteData<T>;
-    protected readonly ref: DialogRef<MfCommandItem<T>, CommandPalette<T>>;
+    protected readonly ref: _mesgflow_ui_kit_dialog.MfDialogRef<MfCommandItem<T>, CommandPalette<T>>;
     /** `DialogService` çıkış animasyonu turu — `Dialog`'un aynı reaktif sınıfı (bkz. dialog.service.ts). */
     private readonly surface;
     protected readonly closing: _angular_core.Signal<boolean>;

package/types/mesgflow-ui-kit-core.d.ts

@@ -384,6 +384,12 @@ interface MfPasswordInputLabels {
     show: string;
     hide: string;
 }
+interface MfQrCodeLabels {
+    /** `role="img"` için varsayılan erişilebilir ad. */
+    ariaLabel: string;
+    /** İçerik seçilen hata düzeltme seviyesiyle sığmadığında. */
+    error: string;
+}
 interface MfChipLabels {
     remove: string;
 }
@@ -622,6 +628,7 @@ interface MfLabels {
     stepper: MfStepperLabels;
     progress: MfProgressLabels;
     passwordInput: MfPasswordInputLabels;
+    qrCode: MfQrCodeLabels;
     chip: MfChipLabels;
     alert: MfAlertLabels;
     breadcrumb: MfBreadcrumbLabels;
@@ -696,6 +703,7 @@ declare const MF_OTP_INPUT_LABELS: InjectionToken<Signal<_mesgflow_ui_kit_core.M
 declare const MF_STEPPER_LABELS: InjectionToken<Signal<_mesgflow_ui_kit_core.MfStepperLabels>>;
 declare const MF_PROGRESS_LABELS: InjectionToken<Signal<_mesgflow_ui_kit_core.MfProgressLabels>>;
 declare const MF_PASSWORD_INPUT_LABELS: InjectionToken<Signal<_mesgflow_ui_kit_core.MfPasswordInputLabels>>;
+declare const MF_QR_CODE_LABELS: InjectionToken<Signal<_mesgflow_ui_kit_core.MfQrCodeLabels>>;
 declare const MF_CHIP_LABELS: InjectionToken<Signal<_mesgflow_ui_kit_core.MfChipLabels>>;
 declare const MF_ALERT_LABELS: InjectionToken<Signal<_mesgflow_ui_kit_core.MfAlertLabels>>;
 declare const MF_BREADCRUMB_LABELS: InjectionToken<Signal<_mesgflow_ui_kit_core.MfBreadcrumbLabels>>;
@@ -754,5 +762,5 @@ interface ProvideMesgflowUiOptions {
  */
 declare function provideMesgflowUi(options?: ProvideMesgflowUiOptions): EnvironmentProviders;
 
-export { MF_AGENDA_LABELS, MF_ALERT_LABELS, MF_AUTH_CARD_LABELS, MF_AVATAR_GROUP_LABELS, MF_BOX_INPUT_LABELS, MF_BREADCRUMB_LABELS, MF_CAROUSEL_LABELS, MF_CHARACTER_COUNT_LABELS, MF_CHART_LABELS, MF_CHIP_LABELS, MF_COLOR_PICKER_LABELS, MF_COMBOBOX_LABELS, MF_COMMAND_LABELS, MF_COMMON_LABELS, MF_COPY_LABELS, MF_COUNTDOWN_LABELS, MF_DATE_LOCALE, MF_DATE_PICKER_LABELS, MF_DIALOG_LABELS, MF_DROPZONE_LABELS, MF_FILE_UPLOAD_LABELS, MF_INLINE_EDIT_LABELS, MF_INVITE_MEMBERS_LABELS, MF_LABELS, MF_LIGHTBOX_LABELS, MF_MENTION_LABELS, MF_NOTIFICATION_CENTER_LABELS, MF_OTP_INPUT_LABELS, MF_PAGINATION_LABELS, MF_PANEL_GROUP_LABELS, MF_PASSWORD_INPUT_LABELS, MF_PROGRESS_LABELS, MF_RATING_LABELS, MF_SEARCH_INPUT_LABELS, MF_SELECT_LABELS, MF_SIDEBAR_LABELS, MF_SLIDER_LABELS, MF_SORTABLE_LABELS, MF_SPLIT_BUTTON_LABELS, MF_STAT_TILE_LABELS, MF_STEPPER_LABELS, MF_TABLE_LABELS, MF_TABS_LABELS, MF_THEME_SWITCHER_LABELS, MF_TIME_PICKER_LABELS, MF_TOAST_LABELS, MF_TOUR_LABELS, MF_TRANSFER_LIST_LABELS, MF_TREE_SELECT_LABELS, SlidingIndicator, ValueAccessorBase, cn, containerSurface, controlSize, controlSurface, disabledRecipe, errorRecipe, exitDurationMs, focusRecipe, glassSurface, inlineStartRatio, isRtl, mergeLabels, mfLabelsEn, nextId, overlayPositions, overlaySurface, parseCssDuration, pointerPositions, prefersReducedMotion, pressRecipe, provideMesgflowUi, scrollFromInlineStart, transitionRecipe };
-export type { DeepPartial, MfAgendaLabels, MfAlertLabels, MfAuthCardLabels, MfAvatarGroupLabels, MfBoxInputLabels, MfBreadcrumbLabels, MfCarouselLabels, MfCharacterCountLabels, MfChartLabels, MfChipLabels, MfColorPickerLabels, MfComboboxLabels, MfCommandLabels, MfCommonLabels, MfControlSize, MfCopyLabels, MfCountdownLabels, MfDatePickerLabels, MfDialogLabels, MfDropzoneLabels, MfFileUploadLabels, MfInlineEditLabels, MfInviteMembersLabels, MfLabels, MfLightboxLabels, MfMentionLabels, MfNotificationCenterLabels, MfOtpInputLabels, MfPaginationLabels, MfPanelGroupLabels, MfPasswordInputLabels, MfPlacement, MfProgressLabels, MfRatingLabels, MfSearchInputLabels, MfSelectLabels, MfSidebarLabels, MfSize, MfSliderLabels, MfSortableLabels, MfSplitButtonLabels, MfStatTileLabels, MfStepperLabels, MfTableFilterLabels, MfTableFilterOperatorLabels, MfTableLabels, MfTablePaginationLabels, MfTabsLabels, MfThemeSwitcherLabels, MfTimePickerLabels, MfToastLabels, MfTone, MfTourLabels, MfTransferListLabels, MfTreeSelectLabels, ProvideMesgflowUiOptions, SlidingIndicatorAxis };
+export { MF_AGENDA_LABELS, MF_ALERT_LABELS, MF_AUTH_CARD_LABELS, MF_AVATAR_GROUP_LABELS, MF_BOX_INPUT_LABELS, MF_BREADCRUMB_LABELS, MF_CAROUSEL_LABELS, MF_CHARACTER_COUNT_LABELS, MF_CHART_LABELS, MF_CHIP_LABELS, MF_COLOR_PICKER_LABELS, MF_COMBOBOX_LABELS, MF_COMMAND_LABELS, MF_COMMON_LABELS, MF_COPY_LABELS, MF_COUNTDOWN_LABELS, MF_DATE_LOCALE, MF_DATE_PICKER_LABELS, MF_DIALOG_LABELS, MF_DROPZONE_LABELS, MF_FILE_UPLOAD_LABELS, MF_INLINE_EDIT_LABELS, MF_INVITE_MEMBERS_LABELS, MF_LABELS, MF_LIGHTBOX_LABELS, MF_MENTION_LABELS, MF_NOTIFICATION_CENTER_LABELS, MF_OTP_INPUT_LABELS, MF_PAGINATION_LABELS, MF_PANEL_GROUP_LABELS, MF_PASSWORD_INPUT_LABELS, MF_PROGRESS_LABELS, MF_QR_CODE_LABELS, MF_RATING_LABELS, MF_SEARCH_INPUT_LABELS, MF_SELECT_LABELS, MF_SIDEBAR_LABELS, MF_SLIDER_LABELS, MF_SORTABLE_LABELS, MF_SPLIT_BUTTON_LABELS, MF_STAT_TILE_LABELS, MF_STEPPER_LABELS, MF_TABLE_LABELS, MF_TABS_LABELS, MF_THEME_SWITCHER_LABELS, MF_TIME_PICKER_LABELS, MF_TOAST_LABELS, MF_TOUR_LABELS, MF_TRANSFER_LIST_LABELS, MF_TREE_SELECT_LABELS, SlidingIndicator, ValueAccessorBase, cn, containerSurface, controlSize, controlSurface, disabledRecipe, errorRecipe, exitDurationMs, focusRecipe, glassSurface, inlineStartRatio, isRtl, mergeLabels, mfLabelsEn, nextId, overlayPositions, overlaySurface, parseCssDuration, pointerPositions, prefersReducedMotion, pressRecipe, provideMesgflowUi, scrollFromInlineStart, transitionRecipe };
+export type { DeepPartial, MfAgendaLabels, MfAlertLabels, MfAuthCardLabels, MfAvatarGroupLabels, MfBoxInputLabels, MfBreadcrumbLabels, MfCarouselLabels, MfCharacterCountLabels, MfChartLabels, MfChipLabels, MfColorPickerLabels, MfComboboxLabels, MfCommandLabels, MfCommonLabels, MfControlSize, MfCopyLabels, MfCountdownLabels, MfDatePickerLabels, MfDialogLabels, MfDropzoneLabels, MfFileUploadLabels, MfInlineEditLabels, MfInviteMembersLabels, MfLabels, MfLightboxLabels, MfMentionLabels, MfNotificationCenterLabels, MfOtpInputLabels, MfPaginationLabels, MfPanelGroupLabels, MfPasswordInputLabels, MfPlacement, MfProgressLabels, MfQrCodeLabels, MfRatingLabels, MfSearchInputLabels, MfSelectLabels, MfSidebarLabels, MfSize, MfSliderLabels, MfSortableLabels, MfSplitButtonLabels, MfStatTileLabels, MfStepperLabels, MfTableFilterLabels, MfTableFilterOperatorLabels, MfTableLabels, MfTablePaginationLabels, MfTabsLabels, MfThemeSwitcherLabels, MfTimePickerLabels, MfToastLabels, MfTone, MfTourLabels, MfTransferListLabels, MfTreeSelectLabels, ProvideMesgflowUiOptions, SlidingIndicatorAxis };

package/types/mesgflow-ui-kit-dialog.d.ts

@@ -1,8 +1,10 @@
 import * as _angular_core from '@angular/core';
-import { TemplateRef } from '@angular/core';
+import { Signal, ComponentRef, TemplateRef } from '@angular/core';
 import * as _mesgflow_ui_kit_core from '@mesgflow/ui-kit/core';
 import * as i1 from '@angular/cdk/drag-drop';
 import { DialogRef } from '@angular/cdk/dialog';
+import { OverlayRef } from '@angular/cdk/overlay';
+import { Observable } from 'rxjs';
 import { ComponentType } from '@angular/cdk/portal';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
@@ -160,9 +162,20 @@ declare class Dialog {
      * kuralının uygulama noktası: dialog gövdesi + içerik aynı anda kaymaz.
      */
     readonly fillBody: _angular_core.InputSignal<boolean>;
+    /**
+     * `true` (varsayılan): kapat (X) düğmesi `close` olayını yayınladıktan SONRA
+     * dialog'u kendisi de kapatır (`MfDialogRef.close()` — idempotent, tüketicinin
+     * `(close)` handler'ında sonuçla yaptığı kapanış önce davranır ve kazanır).
+     * `false`: yalnızca `close` yayınlanır — kapanışı tamamen tüketici yönetir.
+     */
+    readonly autoClose: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly close: _angular_core.OutputEmitterRef<void>;
     protected readonly surface: DialogSurface;
     protected readonly labels: _angular_core.Signal<_mesgflow_ui_kit_core.MfDialogLabels>;
+    /** Görünür başlığın id'si — CDK konteynerinin `aria-labelledby`'ı buna bağlanır. */
+    protected readonly titleId: string;
+    private readonly mfRef;
+    private readonly cdkRef;
     private readonly elementRef;
     private readonly cdkDrag;
     private readonly scrollBody;
@@ -184,6 +197,8 @@ declare class Dialog {
     protected readonly headerBorder: _angular_core.Signal<boolean>;
     protected readonly footerBorder: _angular_core.Signal<boolean>;
     constructor();
+    /** Kapat (X): önce `close` olayı (tüketici sonuçla kapatabilsin), sonra — `autoClose` ise — ref'in kendisi. */
+    protected onDismiss(): void;
     protected updateScrollShadow(): void;
     /**
      * Ctrl/Cmd+Enter — tek yerde çözülür, her form bedava kazanır. Kaydet düğmesi
@@ -194,9 +209,72 @@ declare class Dialog {
      */
     protected requestSubmit(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<Dialog, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Dialog, "mf-dialog", ["mfDialog"], { "title": { "alias": "title"; "required": false; "isSignal": true; }; "subtitle": { "alias": "subtitle"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "fillBody": { "alias": "fillBody"; "required": false; "isSignal": true; }; }, { "close": "close"; }, never, ["[dialog-header]", "*", "[dialog-footer]"], true, [{ directive: typeof i1.CdkDrag; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Dialog, "mf-dialog", ["mfDialog"], { "title": { "alias": "title"; "required": false; "isSignal": true; }; "subtitle": { "alias": "subtitle"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "fillBody": { "alias": "fillBody"; "required": false; "isSignal": true; }; "autoClose": { "alias": "autoClose"; "required": false; "isSignal": true; }; }, { "close": "close"; }, never, ["[dialog-header]", "*", "[dialog-footer]"], true, [{ directive: typeof i1.CdkDrag; inputs: {}; outputs: {}; }]>;
 }
 
+/** `open` → (`close()` çağrıldı, çıkış animasyonu oynuyor) `closing` → (dispose edildi) `closed`. */
+type DialogState = 'open' | 'closing' | 'closed';
+/**
+ * `DialogService.open()`/`openDrawer()`'ın döndürdüğü, kite ait dialog referansı.
+ *
+ * CDK `DialogRef`'in günlük kullanılan yüzeyini (`close`, `closed`,
+ * `componentInstance`, `disableClose`, `backdropClick`, `keydownEvents` …)
+ * birebir DELEGE eder — yani eski `ref.closed.subscribe(...)` kodu aynen derlenir.
+ * Üstüne kitin kendi dünyasını ekler:
+ *
+ * - `afterClosed()` — `await` edilebilir sonuç (çıkış animasyonu BİTTİKTEN sonra çözülür).
+ * - `state` — `'open' | 'closing' | 'closed'` signal'i (şablonda/`computed`'ta okunur).
+ * - `surface` — boyut/maximize/kirli-form durumuna tipli erişim (`setSize`, `toggleMaximize`,
+ *   `registerDirty`, `markClean` kısayolları).
+ * - `cdk` — ham CDK referansı (kaçış kapısı; ör. `updatePosition()`).
+ *
+ * `close()` İDEMPOTENT'tir: çıkış animasyonu sürerken ya da kirli-form onayı
+ * açıkken gelen ek çağrılar yok sayılır (bkz. `dialog.service.ts` `closePredicate`).
+ *
+ * İçerik component'i içinde `injectDialogRef<Sonuç>()` ile alınır.
+ */
+declare class MfDialogRef<R = unknown, C = unknown> {
+    readonly cdk: DialogRef<R, C>;
+    readonly surface: DialogSurface;
+    readonly closed: Observable<R | undefined>;
+    readonly backdropClick: Observable<MouseEvent>;
+    readonly keydownEvents: Observable<KeyboardEvent>;
+    readonly outsidePointerEvents: Observable<MouseEvent>;
+    readonly overlayRef: OverlayRef;
+    readonly id: string;
+    private readonly isClosed;
+    private readonly result;
+    /** Dialog'un yaşam döngüsü — `closing` çıkış animasyonu boyunca. */
+    readonly state: Signal<DialogState>;
+    constructor(cdk: DialogRef<R, C>, surface: DialogSurface);
+    /** Açılan component örneği (şablonla açıldıysa ve kapandıktan sonra `null`). */
+    get componentInstance(): C | null;
+    get componentRef(): ComponentRef<C> | null;
+    /** `true` iken ESC/backdrop kapatmaz; programatik `close()` yine çalışır. */
+    get disableClose(): boolean | undefined;
+    set disableClose(value: boolean | undefined);
+    /** Dialog'u (çıkış animasyonu + kirli-form koruması üzerinden) kapatır. İdempotent. */
+    close(result?: R): void;
+    /** Kapanış tamamlandığında (animasyon dahil) sonuçla çözülür; ESC/backdrop'ta `undefined`. */
+    afterClosed(): Promise<R | undefined>;
+    /** Açıkken genişlik basamağını değiştirir (`sm`…`xl`, `full`). */
+    setSize(size: DialogSize): void;
+    toggleMaximize(): void;
+    /** Kirli-form sorusunu kaydeder — ESC/backdrop/X kapanışında `true` dönerse onay sorulur. */
+    registerDirty(check: () => boolean): void;
+    /** Başarılı kayıttan hemen önce — sonraki `close()` kirli-form onayı sormaz. */
+    markClean(): void;
+}
+/**
+ * `DIALOG_DATA`'nın kite ait adı — AYNI token nesnesi, CDK'dan ayrıca import
+ * etmeye gerek kalmasın diye. `inject(MF_DIALOG_DATA)` ≡ `injectDialogData()`.
+ */
+declare const MF_DIALOG_DATA: _angular_core.InjectionToken<any>;
+/** İçerik component'inde `DialogService.open(..., { data })` ile geçilen veriyi okur. */
+declare function injectDialogData<D>(): D;
+/** İçerik component'inde kendi dialog referansını alır — `ref.close(sonuç)`. */
+declare function injectDialogRef<R = unknown, C = unknown>(): MfDialogRef<R, C>;
+
 /**
  * `<button mfDialogResizeHandle [ariaLabel]="...">` — `Dialog`'un (dialog.ts)
  * sağ-alt köşesinde, `DialogSurface.customSize`'ı besleyen serbest boyutlandırma
@@ -231,9 +309,10 @@ declare class DialogResizeHandle {
  * engelleme davranışının TAMAMI CDK'dan geliyor, burada TEKRAR YAZILMADI — bkz.
  * projects/ui-kit/README.md "a11y checklist" bölümündeki "elle yazmak son çare" ilkesi).
  *
- * İçerik component'i (tüketicinin kendi form component'i, ör. `ConfirmDialog`) `@angular/cdk/dialog`'un
- * KENDİ `DIALOG_DATA`/`DialogRef` token'larını doğrudan `inject()` eder — ekstra bir
- * sarmalayıcı token'a gerek yok. Boyut/placement/maximize/drag/resize/sheet durumu
+ * `open()` kite ait `MfDialogRef` döndürür (CDK `DialogRef` yüzeyini delege eder +
+ * `afterClosed()`/`state`/`surface`). İçerik component'i `injectDialogRef()`/
+ * `injectDialogData()` (bkz. dialog-ref.ts) kullanır — CDK'nın kendi `DialogRef`/
+ * `DIALOG_DATA` token'larını inject etmek de çalışmaya devam eder. Boyut/placement/maximize/drag/resize/sheet durumu
  * `DialogSurface` (bkz. o dosya) üzerinden, `providers` ile o dialog'un injector'ına
  * verilir — `Dialog` (dialog.ts) bunu DI'dan okuyarak render eder.
  *
@@ -250,7 +329,9 @@ declare class DialogResizeHandle {
  * kendi reaktif `animate-dialog-out`/`animate-sheet-out`/`animate-drawer-out` class'ıyla
  * görsel olarak kapanır), ikinci çağrıda (zaten `closing()===true`) gerçek `dispose()`'a
  * izin veriyoruz. ESC/backdrop/programatik `dialogRef.close(...)` HEPSİ bu predicate'ten
- * geçtiği için davranış tekdüze. `prefers-reduced-motion` gecikmeyi tamamen atlıyor —
+ * geçtiği için davranış tekdüze. Animasyon sürerken gelen EK `close()` çağrıları
+ * yok sayılır (`disposeArmed` yalnızca zamanlayıcı tarafından kurulur) — X düğmesi +
+ * tüketicinin `(close)` handler'ı aynı anda kapatsa bile animasyon kesilmez. `prefers-reduced-motion` gecikmeyi tamamen atlıyor —
  * AMA kirli-form kontrolünden SONRA: koruma reduced-motion kullanıcılarında da çalışmalı.
  *
  * **Kirli form koruması**: `surface.isDirty()` `true` dönerse kapanış iptal edilip
@@ -271,7 +352,7 @@ declare class DialogService {
      * Bir component'i ya da bir `TemplateRef'i açar (şablon yolu `<mf-drawer>` gibi
      * bildirimsel sarmalayıcılar içindir — şablonun injector'ı da `DialogSurface'i görür).
      */
-    open<R = void, D = undefined, C = unknown>(component: ComponentType<C> | TemplateRef<C>, options?: DialogOptions<D>): DialogRef<R, C>;
+    open<R = void, D = undefined, C = unknown>(component: ComponentType<C> | TemplateRef<C>, options?: DialogOptions<D>): MfDialogRef<R, C>;
     /**
      * Kayıt oluştur/düzenle formlarının TEK açılış noktası — sağdan drawer.
      * `maximizable` bilerek zorla kapatılıyor: drawer zaten tam yükseklik, büyütme
@@ -283,7 +364,7 @@ declare class DialogService {
      */
     openDrawer<R = void, D = undefined, C = unknown>(component: ComponentType<C>, options?: Omit<DialogOptions<D>, 'placement'> & {
         placement?: Exclude<DialogPlacement, 'center'>;
-    }): DialogRef<R, C>;
+    }): MfDialogRef<R, C>;
     /** `Promise<boolean>` döner — `if (await dialog.confirm(...))` çağıran taraf için `.subscribe()` zincirinden daha sade. */
     confirm(data: ConfirmDialogData): Promise<boolean>;
     /**
@@ -298,8 +379,12 @@ declare class DialogService {
      * kaldırıldı).
      */
     confirmDiscard(): Promise<boolean>;
-    /** Tüketici bir ref'i kapatmadan ÖNCE kirli mi diye sormak istiyorsa — kendi `closePredicate`'inin async akışıyla yarışmamak için `DialogSurface`'e doğrudan erişim. */
-    getSurface(ref: DialogRef<any, any>): DialogSurface | undefined;
+    /**
+     * Tüketici bir ref'i kapatmadan ÖNCE kirli mi diye sormak istiyorsa — kendi `closePredicate`'inin
+     * async akışıyla yarışmamak için `DialogSurface`'e doğrudan erişim. `MfDialogRef` için
+     * `ref.surface` tercih edilir; ham CDK ref'i (ör. içerikte inject edilen) de kabul edilir.
+     */
+    getSurface(ref: DialogRef<any, any> | MfDialogRef<any, any>): DialogSurface | undefined;
     /** `confirm()`'in silme kısayolu — `tone:'danger'` + varsayılan "Sil" etiketi. */
     confirmDelete(data: Omit<ConfirmDialogData, 'tone'>): Promise<boolean>;
     /** Tek butonlu bilgilendirme modu — sonuç önemsiz olduğu için `Promise<void>` döner. */
@@ -361,5 +446,5 @@ declare const dialogVariants: (props?: ({
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type DialogVariants = VariantProps<typeof dialogVariants>;
 
-export { ConfirmDialog, Dialog, DialogResizeHandle, DialogService, DialogSurface, dialogVariants };
-export type { ConfirmDialogData, ConfirmTone, DialogCustomSize, DialogOptions, DialogPlacement, DialogSize, DialogVariants, DrawerSide };
+export { ConfirmDialog, Dialog, DialogResizeHandle, DialogService, DialogSurface, MF_DIALOG_DATA, MfDialogRef, dialogVariants, injectDialogData, injectDialogRef };
+export type { ConfirmDialogData, ConfirmTone, DialogCustomSize, DialogOptions, DialogPlacement, DialogSize, DialogState, DialogVariants, DrawerSide };

package/types/mesgflow-ui-kit-field.d.ts

@@ -12,6 +12,10 @@ import * as _angular_core from '@angular/core';
  * - `aria-required="true"` → `required` iken.
  * Hata metni `role="alert"` DEĞİL, `aria-live="polite"` — her tuş vuruşunda
  * ekran okuyucuyu kesmesin. `error` `string | undefined` kabul eder.
+ *
+ * Etiket satırında eylem: `[mfFieldLabelAction]` işaretli çocuk (ör. "Şifremi
+ * unuttum" bağlantısı) etiketin sağına, label'ın KARDEŞİ olarak projekte edilir —
+ * bkz. `FieldLabelAction`. Etiket boşsa da satır eylem için çizilir.
  */
 declare class Field {
     readonly label: _angular_core.InputSignal<string>;
@@ -21,6 +25,8 @@ declare class Field {
     readonly required: _angular_core.InputSignal<boolean>;
     /** `true` ise kalan yüksekliği doldurur (`flex-1 min-h-0`). */
     readonly grow: _angular_core.InputSignal<boolean>;
+    private readonly labelAction;
+    protected readonly hasLabelRow: _angular_core.Signal<boolean>;
     private readonly host;
     private readonly baseId;
     protected readonly hintId: string;
@@ -29,7 +35,23 @@ declare class Field {
     protected readonly describedId: _angular_core.Signal<string | null>;
     constructor();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<Field, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Field, "mf-field", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "for": { "alias": "for"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "grow": { "alias": "grow"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Field, "mf-field", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "for": { "alias": "for"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "grow": { "alias": "grow"; "required": false; "isSignal": true; }; }, {}, ["labelAction"], ["[mfFieldLabelAction]", "*"], true, never>;
+}
+
+/**
+ * `<a mfLink mfFieldLabelAction routerLink="/forgot-password">Şifremi unuttum</a>` —
+ * `mf-field` içine konan öğeyi etiket satırının SAĞINA taşır (yaygın "etiket + eylem"
+ * kalıbı: parola alanının yanında "Şifremi unuttum").
+ *
+ * Öğe `<label>`'ın İÇİNE değil, KARDEŞİNE projekte edilir — label içindeki bir bağlantı
+ * tıklamayı alana yönlendirir ve ekran okuyucuda etiket adına karışırdı. DOM sırası =
+ * görsel sıra (etiket → eylem → alan), sekme sırası da buna uyar.
+ *
+ * `ms-auto`: etiket yoksa ya da dar ekranda alt satıra sarıldığında da sağda kalır.
+ */
+declare class FieldLabelAction {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FieldLabelAction, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FieldLabelAction, "[mfFieldLabelAction]", never, {}, {}, never, never, true, never>;
 }
 
-export { Field };
+export { Field, FieldLabelAction };

package/types/mesgflow-ui-kit-input.d.ts

@@ -164,6 +164,8 @@ declare class InputSuffix {
  * textarea `rows` arttıkça bu tabanın üstüne doğal büyüyor. `min-h-(--control-h-*)`
  * — Tailwind v4'ün parantezli kısayolu, `--control-h-*` token'ına (radius.css)
  * doğrudan referans, ayrı bir `min-h-control-*` utility'si tanımlamaya gerek yok.
+ * `py-*` + satır yüksekliği + kenarlık token'ı AŞMAMALI — aşarsa `min-h` etkisiz kalır ve
+ * alan `mf-input-group`/`mfButton`'dan uzun çıkar (lg eskiden `py-2` + `text-base` = 42px ≠ 40px).
  *
  * `hasError` (invalid DEĞİL): `@angular/forms/signals`'ın `[formField]`
  * directive'i, AYNI native elemandaki başka bir directive'in `invalid`/

package/types/mesgflow-ui-kit-password-input.d.ts

@@ -1,7 +1,17 @@
 import * as _angular_core from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
-import { ValueAccessorBase } from '@mesgflow/ui-kit/core';
+import { ValueAccessorBase, MfSize } from '@mesgflow/ui-kit/core';
 
+/**
+ * Parola alanının `autocomplete` ipucu — parola yöneticileri/tarayıcı bunu okur:
+ * - `current-password` (varsayılan): giriş formu — kayıtlı parolayı doldurur.
+ * - `new-password`: kayıt/parola değiştirme — güçlü parola ÖNERİR, eskisini doldurmaz
+ *   (hem "yeni" hem "tekrar" alanında kullanılır).
+ * - `off`: modern tarayıcılar parola alanlarında çoğunlukla YOK SAYAR — sadece
+ *   gerçekten tek kullanımlık alanlarda (ör. API anahtarı onayı) kullanın.
+ * - Diğer geçerli token dizileri de kabul edilir (ör. `section-billing current-password`).
+ */
+type PasswordAutocomplete = 'current-password' | 'new-password' | 'off' | (string & {});
 /**
  * `<mf-password-input [(value)]="password" />` — `InputGroup` üstüne kompoze
  * edilmiş, sağda göster/gizle düğmesi taşıyan parola alanı (emsal:
@@ -9,27 +19,54 @@ import { ValueAccessorBase } from '@mesgflow/ui-kit/core';
  * kullanma deseni). `type="password"`/`"text"` arasında geçiş SADECE
  * görünürlük içindir — değer her zaman `value` model'inde düz metin olarak
  * tutulur.
+ *
+ * Parola yöneticisi uyumu: `autocomplete` (varsayılan `current-password`) ve
+ * `name` iç `<input>`'a iletilir; `autocapitalize="off"`/`spellcheck="false"`
+ * sabit — parola görünür moda (`type="text"`) geçtiğinde de mobil klavye büyük
+ * harfe çevirmez, yazım denetimi parolayı bir sözlük servisine göndermez.
+ * Signal Forms `[formField]` bağlandığında `name`/`required`/`readonly`/`disabled`
+ * alan durumundan OTOMATİK doldurulur.
+ *
+ * `size`: `input[mfInput]`/`mf-input-group` ile AYNI yükseklik/dolgu/font token'ları —
+ * aynı boydaki düz bir `mfInput` ile yan yana hizalı durur; göster/gizle ikonu boyla büyür.
+ *
+ * Önek: `[mfInputPrefix]` işaretli çocuk (ör. `<span mfIcon mfInputPrefix>lock</span>`)
+ * alanın soluna, `mf-input-group`'un önek yuvasına projekte edilir — metin başlangıcı
+ * önekli bir `mf-input-group` ile aynı. Önek dekoratif kabul edilir (`aria-hidden`).
  */
 declare class PasswordInput extends ValueAccessorBase<string> implements ControlValueAccessor {
     readonly value: _angular_core.ModelSignal<string>;
+    readonly size: _angular_core.InputSignal<MfSize>;
     readonly placeholder: _angular_core.InputSignal<string>;
-    readonly disabled: _angular_core.InputSignal<boolean>;
-    readonly hasError: _angular_core.InputSignal<boolean>;
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly hasError: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** İç `<input>`'un id'si — harici bir `<label for>` / `mf-field for` ile ilişkilendirmek için. */
     readonly inputId: _angular_core.InputSignal<string | undefined>;
     readonly ariaLabel: _angular_core.InputSignal<string>;
-    readonly fullWidth: _angular_core.InputSignal<boolean>;
+    readonly fullWidth: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly showLabel: _angular_core.InputSignal<string | undefined>;
     readonly hideLabel: _angular_core.InputSignal<string | undefined>;
+    /** Parola yöneticisi ipucu — bkz. `PasswordAutocomplete`. */
+    readonly autocomplete: _angular_core.InputSignal<PasswordAutocomplete>;
+    /** İç `<input>`'un `name`'i — form gönderimi ve parola yöneticilerinin alanı tanıması için. */
+    readonly name: _angular_core.InputSignal<string | undefined>;
+    readonly required: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
     private readonly passwordLabels;
     protected readonly effectiveShowLabel: _angular_core.Signal<string>;
     protected readonly effectiveHideLabel: _angular_core.Signal<string>;
+    /** Reactive Forms `control.disable()` — `disabled` girdisiyle VEYA'lanır. */
+    private readonly formDisabled;
+    protected readonly isDisabled: _angular_core.Signal<boolean>;
     protected readonly visible: _angular_core.WritableSignal<boolean>;
-    writeValue(value: string): void;
+    protected readonly toggleIconSize: _angular_core.Signal<number>;
+    writeValue(value: string | null): void;
+    setDisabledState(disabled: boolean): void;
     protected toggle(): void;
     protected onInput(raw: string): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<PasswordInput, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PasswordInput, "mf-password-input", ["mfPasswordInput"], { "value": { "alias": "value"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "hasError": { "alias": "hasError"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; "showLabel": { "alias": "showLabel"; "required": false; "isSignal": true; }; "hideLabel": { "alias": "hideLabel"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PasswordInput, "mf-password-input", ["mfPasswordInput"], { "value": { "alias": "value"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "hasError": { "alias": "hasError"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; "showLabel": { "alias": "showLabel"; "required": false; "isSignal": true; }; "hideLabel": { "alias": "hideLabel"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, ["[mfInputPrefix]"], true, never>;
 }
 
 export { PasswordInput };
+export type { PasswordAutocomplete };

package/types/mesgflow-ui-kit-qr-code.d.ts

@@ -0,0 +1,160 @@
+import * as _mesgflow_ui_kit_qr_code from '@mesgflow/ui-kit/qr-code';
+import * as _angular_core from '@angular/core';
+
+/** Hata düzeltme seviyesi — kurtarılabilir hasar oranı: L ~%7, M ~%15, Q ~%25, H ~%30. */
+type QrEcc = 'L' | 'M' | 'Q' | 'H';
+interface QrEncodeOptions {
+    /** Varsayılan `'M'`. */
+    ecc?: QrEcc;
+    /** 1–40, varsayılan 1. */
+    minVersion?: number;
+    /** 1–40, varsayılan 40. */
+    maxVersion?: number;
+    /**
+     * Seçilen sürüm (boyut) büyümeden daha yüksek bir hata düzeltme seviyesi sığıyorsa
+     * onu kullanır — aynı boyutta bedava dayanıklılık. Varsayılan `true`.
+     */
+    boostEcc?: boolean;
+}
+interface QrMatrix {
+    /** Modül cinsinden kenar (21–177) — sessiz bölge (quiet zone) HARİÇ. */
+    readonly size: number;
+    /** 1–40. */
+    readonly version: number;
+    /** Gerçekte kullanılan seviye (`boostEcc` ile istenenden yüksek olabilir). */
+    readonly ecc: QrEcc;
+    readonly mask: number;
+    /** `modules[y][x]` — `true` koyu modül. */
+    readonly modules: readonly (readonly boolean[])[];
+    /** `isFunction[y][x]` — finder/timing/alignment/format/version modülü (veri değil). */
+    readonly isFunction: readonly (readonly boolean[])[];
+}
+/** İçerik, `maxVersion` ve seçilen `ecc` ile sığmıyor. */
+declare class QrCapacityError extends Error {
+    constructor();
+}
+/**
+ * Metni (UTF-8; tamamen rakamsa numeric, büyük harf/rakam/` $%*+-./:` ise
+ * alphanumeric kip) ya da ham baytları bir QR matrisine kodlar. En küçük uygun
+ * sürümü ve en düşük cezalı maskeyi seçer.
+ *
+ * @throws {QrCapacityError} içerik sığmıyorsa.
+ */
+declare function encodeQr(data: string | Uint8Array, options?: QrEncodeOptions): QrMatrix;
+
+/** Veri modüllerinin çizim biçimi. */
+type QrModuleShape = 'square' | 'rounded' | 'dots';
+/** Üç köşedeki konum (finder) desenlerinin biçimi. */
+type QrFinderShape = 'square' | 'rounded';
+interface QrGeometry {
+    /** Modül cinsinden QR kenarı (sessiz bölge hariç). */
+    readonly size: number;
+    /** Veri + timing + alignment modülleri — tek `<path>` (tek path = komşu modüller arasında AA dikişi yok). */
+    readonly dataPath: string;
+    /** Finder dış halkaları (`fill-rule="evenodd"`). */
+    readonly finderOuterPath: string;
+    /** Finder iç 3×3 gözleri. */
+    readonly finderInnerPath: string;
+    /** Logo için boşaltılan kare (modül); logo yoksa 0. */
+    readonly excavated: number;
+}
+/**
+ * Logo için merkezde boşaltılacak kare kenarı (modül). QR kenarıyla aynı
+ * paritede (tek) tutulur ki kare tam ortalansın; oran 0–0.3 arası kırpılır
+ * (H seviyesi ~%30 hasarı kurtarır — alan olarak 0.3² ≈ %9, güvenli pay).
+ */
+declare function excavationSize(size: number, ratio: number): number;
+/** Kodlanmış matrisi saf SVG yol dizelerine çevirir — DOM'suz, `computed()` içinde çağrılır. */
+declare function qrGeometry(matrix: QrMatrix, shape: QrModuleShape, finder: QrFinderShape, logoRatio: number): QrGeometry;
+interface QrSvgStringOptions {
+    /** Sessiz bölge (modül), varsayılan 4 — baskı/dışa aktarım için standart. */
+    margin?: number;
+    /** Piksel kenar, varsayılan 256. */
+    pixelSize?: number;
+    foreground?: string;
+    background?: string;
+}
+/** Bağımsız bir `<svg>` belgesi (indirme/paylaşım için) — logo katmanı HTML olduğu için dahil DEĞİL. */
+declare function qrSvgString(geometry: QrGeometry, options?: QrSvgStringOptions): string;
+
+/**
+ * `<mf-qr-code data="…"><img mfQrCodeLogo src="logo.svg" alt="" /></mf-qr-code>` —
+ * QR'ın ortasına yerleştirilen logo. Varlığı hata düzeltmeyi otomatik `H`'ye
+ * yükseltir ve altındaki modülleri boşaltır. Dekoratif olduğu için `alt=""`
+ * önerilir — erişilebilir ad `mf-qr-code`'un kendi `aria-label`'ındadır.
+ */
+declare class QrCodeLogo {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<QrCodeLogo, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<QrCodeLogo, "[mfQrCodeLogo]", never, {}, {}, never, never, true, never>;
+}
+/**
+ * `<mf-qr-code data="https://mesgflow.dev" />`
+ *
+ * Saf SVG QR kod — kodlayıcı kitin içinde (`qr-encoder.ts`, Nayuki portu), ek
+ * bağımlılık yok; tüm geometri `computed()` ile üretilir, DOM API'si
+ * kullanılmaz (SSR güvenli).
+ *
+ * - `shape`: `square` (klasik) · `rounded` (akışkan, komşu modüllerle birleşen) · `dots`.
+ * - `finder`: köşe desenleri `square` / `rounded`.
+ * - `ecc`: L/M/Q/H — logo varsa otomatik `H`. Aynı boyutta daha yüksek seviye
+ *   sığıyorsa zaten yükseltilir (`boostEcc`).
+ * - `margin`: sessiz bölge (modül). Okuyucular ≥ 2 ister; baskı için 4.
+ * - Logo: `[mfQrCodeLogo]` içerik (bkz. `QrCodeLogo`).
+ * - `toSvgString()`: indirme/paylaşım için bağımsız SVG.
+ *
+ * Renk: varsayılan beyaz kart üstünde siyah modül — BİLİNÇLİ ham renk istisnası:
+ * kameralar koyu-üstünde-açık (ters) QR'ı güvenilir okuyamaz, bu yüzden koyu temada
+ * da açık kart kalır. `foreground`/`background` (herhangi bir CSS rengi, `var(--…)`
+ * dahil) ile değiştirilir — satır içi stil olduğu için sınıf sırası çakışması yok;
+ * modüller `currentColor`, logo kutusu zemini miras alır. Koyu modül / açık zemin ve
+ * yeterli kontrast (≥ ~4:1) korunmalı.
+ *
+ * İçerik sığmazsa hata fırlatmaz: yerinde erişilebilir bir hata durumu çizer ve
+ * `encoded` çıkışı `null` yayar.
+ */
+declare class QrCode {
+    /** Kodlanacak içerik (URL, metin, `WIFI:…`, `mailto:` vb.). */
+    readonly data: _angular_core.InputSignal<string>;
+    /** Piksel kenar (sessiz bölge dahil). */
+    readonly size: _angular_core.InputSignalWithTransform<number, unknown>;
+    readonly ecc: _angular_core.InputSignal<QrEcc>;
+    /** Sessiz bölge, modül cinsinden. */
+    readonly margin: _angular_core.InputSignalWithTransform<number, unknown>;
+    readonly shape: _angular_core.InputSignal<QrModuleShape>;
+    readonly finder: _angular_core.InputSignal<QrFinderShape>;
+    /** Logo karesinin QR kenarına oranı (0–0.3); yalnızca `[mfQrCodeLogo]` varken etkili. */
+    readonly logoSize: _angular_core.InputSignalWithTransform<number, unknown>;
+    /** Modül rengi (CSS rengi). Verilmezse siyah. */
+    readonly foreground: _angular_core.InputSignal<string | undefined>;
+    /** Zemin rengi (CSS rengi). Verilmezse beyaz. */
+    readonly background: _angular_core.InputSignal<string | undefined>;
+    /** `role="img"` erişilebilir adı — verilmezse `MF_QR_CODE_LABELS.ariaLabel`. İçeriği anlatan bir ad önerilir. */
+    readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
+    /** Her yeniden kodlamada matris (hata durumunda `null`). */
+    readonly encoded: _angular_core.OutputEmitterRef<QrMatrix | null>;
+    private readonly labels;
+    private readonly logo;
+    protected readonly hasLogo: _angular_core.Signal<boolean>;
+    protected readonly effectiveEcc: _angular_core.Signal<QrEcc>;
+    protected readonly matrix: _angular_core.Signal<QrMatrix | null>;
+    protected readonly geometry: _angular_core.Signal<_mesgflow_ui_kit_qr_code.QrGeometry | null>;
+    protected readonly quietZone: _angular_core.Signal<number>;
+    protected readonly viewBox: _angular_core.Signal<string>;
+    /** Logo kutusunun piksel kenarı — boşaltılan karenin ekrandaki karşılığı. */
+    protected readonly logoBoxPx: _angular_core.Signal<number>;
+    protected readonly crisp: _angular_core.Signal<boolean>;
+    protected readonly effectiveAriaLabel: _angular_core.Signal<string>;
+    protected readonly hostClasses: _angular_core.Signal<string>;
+    constructor();
+    /**
+     * Bağımsız SVG belgesi — logo katmanı dahil DEĞİL. İçerik sığmıyorsa `null`.
+     * Renkler verilmezse `foreground`/`background` girdileri (onlar da yoksa siyah/beyaz);
+     * `var(--…)` gibi bağlama bağlı değerler dışa aktarımda çözülmez — somut renk geçin.
+     */
+    toSvgString(options?: QrSvgStringOptions): string | null;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<QrCode, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<QrCode, "mf-qr-code", ["mfQrCode"], { "data": { "alias": "data"; "required": true; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "ecc": { "alias": "ecc"; "required": false; "isSignal": true; }; "margin": { "alias": "margin"; "required": false; "isSignal": true; }; "shape": { "alias": "shape"; "required": false; "isSignal": true; }; "finder": { "alias": "finder"; "required": false; "isSignal": true; }; "logoSize": { "alias": "logoSize"; "required": false; "isSignal": true; }; "foreground": { "alias": "foreground"; "required": false; "isSignal": true; }; "background": { "alias": "background"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "encoded": "encoded"; }, ["logo"], ["[mfQrCodeLogo]"], true, never>;
+}
+
+export { QrCapacityError, QrCode, QrCodeLogo, encodeQr, excavationSize, qrGeometry, qrSvgString };
+export type { QrEcc, QrEncodeOptions, QrFinderShape, QrGeometry, QrMatrix, QrModuleShape, QrSvgStringOptions };

package/types/mesgflow-ui-kit-segmented-control.d.ts

@@ -14,8 +14,16 @@ interface SegmentedOption<T> {
  * farkı: içerik paneli YOK, sadece bir değer seçimi. ARIA/klavye (roving
  * tabindex, ok tuşu navigasyonu) `@angular/aria/toolbar`'ın
  * `Toolbar`/`ToolbarWidgetGroup`/`ToolbarWidget` pattern'inden geliyor —
- * dokümantasyondaki kompozisyon şekli birebir izlendi (dıştaki `ngToolbar`,
- * içteki `ngToolbarWidgetGroup [multi]="false"`).
+ * dokümantasyondaki kompozisyon şekli izlendi (dıştaki `ngToolbar`, içteki
+ * `ngToolbarWidgetGroup`).
+ *
+ * SEÇİM toolbar'dan DEĞİL, bileşenin kendisinden: `@angular/aria` 22.2 toolbar'ın
+ * `value`/`valueChange`'ini ve grubun `multi`'sini KALDIRDI (toolbar artık yalnızca
+ * gezinme). Kit önceden derlendiği için tüketicide derleme hatası çıkmıyor, tıklama
+ * sessizce etkisiz kalıyordu (gerçek bulgu, 0.6–0.8). Artık tıklama + Enter/Space
+ * doğrudan `select()`'i çağırır — 22.1 ve 22.2'de aynı çalışır. Widget'ın `[value]`'su
+ * yalnızca 22.1'in zorunlu girdisi için duruyor (22.2'de düğmenin DOM `value`'suna düşer).
+ * Seçili durum `aria-pressed` ile duyurulur (toolbar hiçbir sürümde vermiyor).
  *
  * Seçili parça core'un `[mfSlidingIndicator]`'ıyla (Tabs ile aynı motor) yay
  * eğrisiyle kayar; aria/toolbar seçili öznitelik vermediği için hedef
@@ -27,19 +35,19 @@ declare class SegmentedControl<T> extends ValueAccessorBase<T | null> implements
     readonly size: _angular_core.InputSignal<"sm" | "md" | null | undefined>;
     readonly ariaLabel: _angular_core.InputSignal<string>;
     readonly disabled: _angular_core.InputSignal<boolean>;
-    protected readonly toolbarValue: _angular_core.Signal<T[]>;
     protected readonly trackClasses: _angular_core.Signal<string>;
     writeValue(value: T | null): void;
     /**
-     * `@angular/aria/toolbar`'ın kendi widget-kayıt döngüsü, gerçek bir tıklama
-     * OLMADAN da BOŞ bir dizi ile (`values: []`) tetiklenebiliyor (gerçek bulgu
-     * — bir seçeneğe tıklarken bile araya giren, seçimle ilgisiz iç kayıt
-     * event'leri). `this.value` her event'te güncellenir (görsel durum ETKİLENMEZ,
-     * zaten `values[0]` genelde mevcut değerle AYNI), ama CVA `onChange`/`onTouched`
-     * SADECE dolu bir dizi (gerçek bir seçim) geldiğinde tetiklenir — aksi halde
-     * Reactive Forms'a sahte "null'a değişti" bildirimleri sızardı.
+     * Seçili seçeneğe tekrar basmak seçimi KALDIRMAZ (segmented control'de her zaman bir
+     * seçim durur) ve değişiklik bildirmez; CVA `onChange` yalnızca gerçek bir değişimde.
+     */
+    protected select(value: T): void;
+    /**
+     * Enter/Space: 22.1'in toolbar'ı bu tuşları kendisi yakalayıp `preventDefault` ettiği
+     * için düğmenin yerel `click`'i gelmiyordu; 22.2'de geliyor. Burada seçip varsayılanı
+     * engellemek iki sürümde de TEK seçim üretir.
      */
-    protected onToolbarValueChange(values: readonly T[]): void;
+    protected onActivateKey(event: Event, value: T): void;
     protected itemClasses(option: SegmentedOption<T>): string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SegmentedControl<any>, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SegmentedControl<any>, "mf-segmented-control", ["mfSegmentedControl"], { "options": { "alias": "options"; "required": true; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;

package/types/mesgflow-ui-kit.d.ts

@@ -54,6 +54,7 @@ export * from '@mesgflow/ui-kit/pagination';
 export * from '@mesgflow/ui-kit/password-input';
 export * from '@mesgflow/ui-kit/popover';
 export * from '@mesgflow/ui-kit/progress';
+export * from '@mesgflow/ui-kit/qr-code';
 export * from '@mesgflow/ui-kit/radio';
 export * from '@mesgflow/ui-kit/rating';
 export * from '@mesgflow/ui-kit/scroll-area';