@mesgflow/ui-kit 0.6.0 → 0.7.0

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

@@ -1,10 +1,11 @@
 import { ClassValue } from 'clsx';
 import { ConnectedPosition } from '@angular/cdk/overlay';
-import * as _mesgflow_ui_kit_core from '@mesgflow/ui-kit/core';
+import * as _angular_core from '@angular/core';
 import { InjectionToken, Signal, EnvironmentProviders } from '@angular/core';
+import * as _mesgflow_ui_kit_core from '@mesgflow/ui-kit/core';
 import { Locale } from 'date-fns/locale';
 
-/** clsx ile koşullu class'ları birleştirir, tailwind-merge ile çakışan utility'leri (ör. iki farklı `bg-*`) sonuncusu kazanacak şekilde çözer. */
+/** clsx ile koşullu class'ları birleştirir, tailwind-merge ile çakışan utility'leri (ör. iki farklı `bg-*`) sonuncusu kazanacak şekilde çözer — kitin özel token'ları dahil. */
 declare function cn(...inputs: ClassValue[]): string;
 
 /**
@@ -22,13 +23,17 @@ declare function scrollFromInlineStart(el: Element): number;
 
 /**
  * Kit genelinde paylaşılan primitif tipler — her bileşenin kendi `size`/`tone`
- * union'ını elle tekrar tanımlamak yerine buradan türetir. Bkz. plan dosyası
- * "Faz 1a" — `tone` kelime dağarcığının (severity/tone/type karmaşasının)
- * birleştiği tek kaynak burası olacak.
+ * union'ını elle tekrar tanımlamak yerine buradan türetir.
  */
 type MfSize = 'sm' | 'md' | 'lg';
+/**
+ * Genişletilmiş kontrol ölçeği — `xs` (yoğun tablo/araç çubuğu) ve `xl`
+ * (hero/pazarlama CTA). Yalnızca bu uçları GERÇEKTEN destekleyen bileşenler
+ * (Button, Input) kullanır; diğerleri `MfSize`'da kalır.
+ */
+type MfControlSize = 'xs' | MfSize | 'xl';
 type MfTone = 'neutral' | 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'help';
-type MfPlacement = 'top' | 'bottom' | 'left' | 'right' | 'bottom-start' | 'bottom-end' | 'top-start' | 'top-end';
+type MfPlacement = 'top' | 'bottom' | 'left' | 'right' | 'bottom-start' | 'bottom-end' | 'top-start' | 'top-end' | 'left-start' | 'left-end' | 'right-start' | 'right-end';
 
 /**
  * Paylaşılan class reçeteleri — kontrol/overlay/kapsayıcı bileşenlerinin
@@ -46,7 +51,7 @@ declare const disabledRecipe = "disabled:pointer-events-none disabled:opacity-50
 /** Input/Select/Combobox/NumberInput/... — tüm form kontrollerinin ortak kabuğu. `shadow-control` (bkz. elevation.css) — `shadow-1` DEĞİL, kontroller kapsayıcılarla AYNI yükselti basamağını paylaşmaz. */
 declare const controlSurface = "rounded-md border border-border bg-surface text-fg shadow-control transition-colors duration-fast ease-emphasis hover:border-border-strong focus-within:border-accent";
 /** `size: MfSize` eksenindeki TÜM kontrollerin ortak yükseklik/dolgu/font eşlemesi — bkz. `radius.css`'teki `--control-h-*` token'ları. */
-declare const controlSize: Record<MfSize, string>;
+declare const controlSize: Record<MfControlSize, string>;
 /**
  * Popover/Menu/Select/Combobox/... overlay panellerinin ortak kabuğu — BORDER-
  * FIRST (2026-09 Deep Emerald geçişi, kullanıcı kararıyla eski "light modda
@@ -111,19 +116,78 @@ declare abstract class ValueAccessorBase<T> {
 }
 
 /**
- * `Popover`'ın (`PLACEMENTS`) ve `Tooltip`'in (`POSITIONS`) kendi dosyalarında
- * ayrı ayrı tuttuğu CDK `ConnectedPosition[]` çiftlerinin ORTAK geometri
- * üretici hâli — 8 yerleşimin (4 köşe + 4 kenar) hepsini tek bir fonksiyonla
- * üretir, `offset` çağıranın KENDİ mevcut değerini (Popover 4px, Tooltip 8px,
- * diğer overlay'ler 4-8px arası değişen) korumasını sağlar.
+ * Tüm bağlı overlay'lerin (Popover, Tooltip, HoverCard, Tour, ContextMenu ve
+ * Popover üstüne kurulan Select/Combobox/DatePicker/...) TEK konum üreticisi:
+ * tercih edilen yerleşim + taşmada karşı tarafa çevrilen (flip) yedek.
+ *
+ * Her pozisyon bir `panelClass` taşır — CDK hangisini SEÇERSE pane'e o
+ * eklenir: `mf-side-*` (giriş kayma yönü) + `mf-origin-*` (`transform-origin`),
+ * bkz. styles/tokens/motion.css. Böylece panel yukarı çevrildiğinde (flip) animasyon
+ * da tetikleyiciden dışarı doğru açılır (Radix
+ * `--radix-popper-transform-origin` eşleniği, abonelik gerekmeden).
  *
- * Bu modül BİLEREK henüz hiçbir bileşene BAĞLANMADI (Faz 0c) — `Popover`,
- * `Tooltip` ve 10 kopya `ConnectedPosition[]` içeren diğer bileşenlerin buna
- * geçişi Faz 1c'nin ("Overlay birleştirme") kapsamı: her biri kendi klavye/
- * vurgu mantığını koruyarak taşınmalı ve tarayıcıda tek tek doğrulanmalı —
- * bu fazın (yapısal taşıma) riskiyle karıştırılmamalı.
+ * `left`/`right` MANTIKSAL (`start`/`end`) — RTL'de CDK kendisi çevirir.
  */
 declare function overlayPositions(placement: MfPlacement, offset?: number): ConnectedPosition[];
+/**
+ * İmleç konumuna açılan paneller (ContextMenu) — köşe tetikleyiciye yapışık,
+ * dört çeyrekte flip; origin her zaman imlece bakan köşe.
+ */
+declare function pointerPositions(): ConnectedPosition[];
+
+/** `prefers-reduced-motion: reduce` — SSR/jsdom'da (matchMedia yok) `false`. */
+declare function prefersReducedMotion(): boolean;
+/** CSS süre string'ini (`120ms`, `0.2s`) milisaniyeye çevirir; çözülemezse `null`. */
+declare function parseCssDuration(raw: string): number | null;
+/**
+ * Overlay/dialog/toast çıkış animasyonunun süresi — `--mf-duration-exit`
+ * (styles/tokens/motion.css) TEK kaynak. Eskiden `dialog.service.ts`,
+ * `popover.ts`, `toast.service.ts` her biri `EXIT_MS = 120` sabitini CSS'le
+ * ELLE eşitliyordu; token değişince JS kısa kalıp panel animasyonun ortasında
+ * kopuyordu. Reduced-motion'da `0` (panel anında kaldırılır).
+ */
+declare function exitDurationMs(): number;
+
+type SlidingIndicatorAxis = 'x' | 'y';
+/**
+ * `<span mfSlidingIndicator [track]="selected()" class="-bottom-px h-0.5 bg-accent-fill"></span>`
+ *
+ * Kitin ortak "kayan gösterge" motoru — Tabs'ın çizgisi/hapı, SegmentedControl'ün
+ * parçası, TabNav'ın çizgisi ve hover-izleme vurgusu AYNI hareketi paylaşsın diye.
+ * Kapsayıcı (varsayılan `parentElement`, `relative` olmalı) içinde `target`'ı
+ * bulur, onun `offsetLeft/offsetWidth`'ine (x) ya da `offsetTop/offsetHeight`'ına
+ * (y) göre `transform` + boyut yazar.
+ *
+ * - **Hareket:** hedef bir öğeden BAŞKA bir öğeye geçince yay eğrisiyle kayar
+ *   (`ease-spring`, `duration-slow`). İlk görünüm, hedefin yeniden belirmesi ve
+ *   yeniden boyutlanma (ResizeObserver, font yüklenmesi) ANINDA — göstergenin
+ *   0'dan "uçarak" gelmesi olmaz. Opaklık her zaman yumuşak geçer.
+ * - **Çapraz eksen** tüketicinin sınıfıdır (`-bottom-px h-0.5`, `inset-y-0`…);
+ *   motor yalnız ana ekseni yazar.
+ * - **RTL:** `left-0` + `offsetLeft` + `translateX` üçü de fiziksel — birlikte
+ *   RTL'de doğru (bkz. scripts/rtl-rules.mjs allowlist).
+ * - `target` `null` ise gösterge son konumunda solar (hover bitişi).
+ * - Azaltılmış harekette `motion.css`'in global anahtarı geçişleri sıfırlar.
+ */
+declare class SlidingIndicator {
+    readonly axis: _angular_core.InputSignal<SlidingIndicatorAxis>;
+    /** Kapsayıcı içinde çözülen CSS seçici, somut bir öğe ya da `null` (gizli). */
+    readonly target: _angular_core.InputSignal<string | HTMLElement | null>;
+    /** Herhangi bir değer — değişince (ör. seçim sinyali) hedef yeniden ölçülür. */
+    readonly track: _angular_core.InputSignal<unknown>;
+    /** Ölçüm kapsayıcısı; varsayılan `parentElement` (offsetParent olmalı). */
+    readonly container: _angular_core.InputSignal<HTMLElement | undefined>;
+    private readonly el;
+    private current;
+    constructor();
+    /** Dışarıdan yeniden ölçüm (ör. içerik değişti ama seçim değişmedi). */
+    refresh(animate?: boolean): void;
+    private box;
+    private resolve;
+    private update;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SlidingIndicator, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SlidingIndicator, "[mfSlidingIndicator]", ["mfSlidingIndicator"], { "axis": { "alias": "axis"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; "track": { "alias": "track"; "required": false; "isSignal": true; }; "container": { "alias": "container"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
 
 /**
  * Kitin TÜM metinlerinin TEK şekli — `MF_LABELS` injection token'ının taşıdığı
@@ -171,6 +235,9 @@ interface MfDatePickerLabels {
     presetLast7: string;
     presetLast30: string;
     presetThisMonth: string;
+    /** DateTimePicker alt alanlarının adları. */
+    date: string;
+    time: string;
 }
 interface MfTimePickerLabels {
     placeholder: string;
@@ -283,6 +350,10 @@ interface MfBoxInputLabels {
 interface MfComboboxLabels {
     placeholder: string;
     noResults: string;
+    /** `creatable` satırı — `{query}` yazılan metinle değiştirilir. */
+    create: string;
+    /** Çoklu seçimde çip kaldırma düğmesi — `{label}` seçenek adıyla değiştirilir. */
+    remove: string;
 }
 interface MfSelectLabels {
     placeholder: string;
@@ -300,6 +371,11 @@ interface MfOtpInputLabels {
 }
 interface MfStepperLabels {
     ariaLabel: string;
+    /** İsteğe bağlı adım etiketi. */
+    optional: string;
+    /** Ekran okuyucu için adım durumu (ikon yalnızca görsel). */
+    completed: string;
+    error: string;
 }
 interface MfProgressLabels {
     ariaLabel: string;
@@ -385,6 +461,148 @@ interface MfChartLabels {
     showChart: string;
     category: string;
 }
+/** StatTile değişim yönünün ekran okuyucu metni (ikon yalnızca görsel). */
+interface MfStatTileLabels {
+    increase: string;
+    decrease: string;
+    noChange: string;
+}
+/** RangeSlider tutamaçlarının erişilebilir adları. */
+interface MfSliderLabels {
+    minThumb: string;
+    maxThumb: string;
+}
+interface MfSplitButtonLabels {
+    /** Menü (▾) düğmesinin erişilebilir adı. */
+    moreActions: string;
+}
+interface MfFileUploadLabels {
+    uploading: string;
+    done: string;
+    failed: string;
+    queued: string;
+    retry: string;
+    cancel: string;
+    remove: string;
+    /** Liste başlığı — `{count}` dosya sayısıyla değiştirilir. */
+    files: string;
+}
+/**
+ * Sıralanabilir liste/Kanban klavye duyuruları. Yer tutucular: `{item}`,
+ * `{position}`, `{total}`, `{column}`.
+ */
+interface MfSortableLabels {
+    instructions: string;
+    grabbed: string;
+    moved: string;
+    movedToColumn: string;
+    dropped: string;
+    cancelled: string;
+    dragHandle: string;
+    /** Kanban kartının `aria-roledescription`'ı. */
+    card: string;
+}
+interface MfCountdownLabels {
+    days: string;
+    hours: string;
+    minutes: string;
+    seconds: string;
+    /** Ekran okuyucu özeti — `{time}` kalan süre metniyle değiştirilir. */
+    remaining: string;
+    finished: string;
+}
+interface MfCarouselLabels {
+    previous: string;
+    next: string;
+    /** `{index}` / `{total}` */
+    slide: string;
+    pause: string;
+    play: string;
+    /** Nokta düğmeleri — `{index}` */
+    goTo: string;
+    carousel: string;
+}
+interface MfInlineEditLabels {
+    edit: string;
+    save: string;
+    cancel: string;
+    empty: string;
+}
+interface MfTransferListLabels {
+    available: string;
+    selected: string;
+    moveRight: string;
+    moveLeft: string;
+    moveAllRight: string;
+    moveAllLeft: string;
+    search: string;
+    /** `{selected}` / `{total}` */
+    count: string;
+    empty: string;
+}
+interface MfLightboxLabels {
+    close: string;
+    previous: string;
+    next: string;
+    zoomIn: string;
+    zoomOut: string;
+    /** `{index}` / `{total}` */
+    counter: string;
+    gallery: string;
+}
+interface MfNotificationCenterLabels {
+    title: string;
+    markAllRead: string;
+    empty: string;
+    emptyDescription: string;
+    unread: string;
+    /** Tetikleyici adı — `{count}` okunmamış sayısı. */
+    trigger: string;
+    viewAll: string;
+}
+interface MfAgendaLabels {
+    allDay: string;
+    empty: string;
+    today: string;
+    tomorrow: string;
+}
+interface MfMentionLabels {
+    suggestions: string;
+    noResults: string;
+}
+interface MfAuthCardLabels {
+    title: string;
+    description: string;
+    email: string;
+    emailPlaceholder: string;
+    password: string;
+    forgotPassword: string;
+    remember: string;
+    submit: string;
+    /** Sağlayıcı düğmeleriyle e-posta formu arasındaki ayırıcı. */
+    divider: string;
+    noAccount: string;
+    signUp: string;
+    emailRequired: string;
+    emailInvalid: string;
+    passwordRequired: string;
+    errorTitle: string;
+}
+interface MfInviteMembersLabels {
+    title: string;
+    description: string;
+    emails: string;
+    emailsPlaceholder: string;
+    role: string;
+    submit: string;
+    /** `{emails}` — geçersiz adresler virgülle. */
+    invalidEmails: string;
+    emailsRequired: string;
+}
+interface MfPanelGroupLabels {
+    /** Ayırıcı adı — `{index}` */
+    resize: string;
+}
 interface MfLabels {
     common: MfCommonLabels;
     dialog: MfDialogLabels;
@@ -417,6 +635,22 @@ interface MfLabels {
     rating: MfRatingLabels;
     themeSwitcher: MfThemeSwitcherLabels;
     treeSelect: MfTreeSelectLabels;
+    statTile: MfStatTileLabels;
+    slider: MfSliderLabels;
+    splitButton: MfSplitButtonLabels;
+    fileUpload: MfFileUploadLabels;
+    sortable: MfSortableLabels;
+    countdown: MfCountdownLabels;
+    carousel: MfCarouselLabels;
+    inlineEdit: MfInlineEditLabels;
+    transferList: MfTransferListLabels;
+    lightbox: MfLightboxLabels;
+    notificationCenter: MfNotificationCenterLabels;
+    agenda: MfAgendaLabels;
+    mention: MfMentionLabels;
+    panelGroup: MfPanelGroupLabels;
+    authCard: MfAuthCardLabels;
+    inviteMembers: MfInviteMembersLabels;
 }
 /** `provideMesgflowUi({ labels })`'ın kabul ettiği şekil — her alt-alan opsiyonel, verilmeyen her yaprak `mfLabelsEn`'den gelir. */
 type DeepPartial<T> = T extends object ? {
@@ -475,6 +709,22 @@ declare const MF_TOUR_LABELS: InjectionToken<Signal<_mesgflow_ui_kit_core.MfTour
 declare const MF_RATING_LABELS: InjectionToken<Signal<_mesgflow_ui_kit_core.MfRatingLabels>>;
 declare const MF_THEME_SWITCHER_LABELS: InjectionToken<Signal<_mesgflow_ui_kit_core.MfThemeSwitcherLabels>>;
 declare const MF_TREE_SELECT_LABELS: InjectionToken<Signal<_mesgflow_ui_kit_core.MfTreeSelectLabels>>;
+declare const MF_STAT_TILE_LABELS: InjectionToken<Signal<_mesgflow_ui_kit_core.MfStatTileLabels>>;
+declare const MF_SLIDER_LABELS: InjectionToken<Signal<_mesgflow_ui_kit_core.MfSliderLabels>>;
+declare const MF_SPLIT_BUTTON_LABELS: InjectionToken<Signal<_mesgflow_ui_kit_core.MfSplitButtonLabels>>;
+declare const MF_FILE_UPLOAD_LABELS: InjectionToken<Signal<_mesgflow_ui_kit_core.MfFileUploadLabels>>;
+declare const MF_SORTABLE_LABELS: InjectionToken<Signal<_mesgflow_ui_kit_core.MfSortableLabels>>;
+declare const MF_COUNTDOWN_LABELS: InjectionToken<Signal<_mesgflow_ui_kit_core.MfCountdownLabels>>;
+declare const MF_CAROUSEL_LABELS: InjectionToken<Signal<_mesgflow_ui_kit_core.MfCarouselLabels>>;
+declare const MF_INLINE_EDIT_LABELS: InjectionToken<Signal<_mesgflow_ui_kit_core.MfInlineEditLabels>>;
+declare const MF_TRANSFER_LIST_LABELS: InjectionToken<Signal<_mesgflow_ui_kit_core.MfTransferListLabels>>;
+declare const MF_LIGHTBOX_LABELS: InjectionToken<Signal<_mesgflow_ui_kit_core.MfLightboxLabels>>;
+declare const MF_NOTIFICATION_CENTER_LABELS: InjectionToken<Signal<_mesgflow_ui_kit_core.MfNotificationCenterLabels>>;
+declare const MF_AGENDA_LABELS: InjectionToken<Signal<_mesgflow_ui_kit_core.MfAgendaLabels>>;
+declare const MF_MENTION_LABELS: InjectionToken<Signal<_mesgflow_ui_kit_core.MfMentionLabels>>;
+declare const MF_PANEL_GROUP_LABELS: InjectionToken<Signal<_mesgflow_ui_kit_core.MfPanelGroupLabels>>;
+declare const MF_AUTH_CARD_LABELS: InjectionToken<Signal<_mesgflow_ui_kit_core.MfAuthCardLabels>>;
+declare const MF_INVITE_MEMBERS_LABELS: InjectionToken<Signal<_mesgflow_ui_kit_core.MfInviteMembersLabels>>;
 
 interface ProvideMesgflowUiOptions {
     /**
@@ -485,8 +735,8 @@ interface ProvideMesgflowUiOptions {
      * `MfLabels` nesnesi sağlamak ZORUNLU değil.
      */
     labels?: DeepPartial<MfLabels> | Signal<DeepPartial<MfLabels>>;
-    /** Calendar/DatePicker ay/gün adları — varsayılan `date-fns/locale`'in `enUS`'u. */
-    dateLocale?: Locale;
+    /** Calendar/DatePicker ay/gün adları — varsayılan `date-fns/locale`'in `enUS`'u. Dil değişince canlı güncellenmesi için bir `Signal` da verilebilir. */
+    dateLocale?: Locale | Signal<Locale>;
 }
 /**
  * `app.config.ts`'in `providers` dizisine eklenir — `MF_LABELS`/`MF_DATE_LOCALE`'ı
@@ -504,5 +754,5 @@ interface ProvideMesgflowUiOptions {
  */
 declare function provideMesgflowUi(options?: ProvideMesgflowUiOptions): EnvironmentProviders;
 
-export { MF_ALERT_LABELS, MF_AVATAR_GROUP_LABELS, MF_BOX_INPUT_LABELS, MF_BREADCRUMB_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_DATE_LOCALE, MF_DATE_PICKER_LABELS, MF_DIALOG_LABELS, MF_DROPZONE_LABELS, MF_LABELS, MF_OTP_INPUT_LABELS, MF_PAGINATION_LABELS, MF_PASSWORD_INPUT_LABELS, MF_PROGRESS_LABELS, MF_RATING_LABELS, MF_SEARCH_INPUT_LABELS, MF_SELECT_LABELS, MF_SIDEBAR_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_TREE_SELECT_LABELS, ValueAccessorBase, cn, containerSurface, controlSize, controlSurface, disabledRecipe, errorRecipe, focusRecipe, glassSurface, inlineStartRatio, isRtl, mergeLabels, mfLabelsEn, nextId, overlayPositions, overlaySurface, pressRecipe, provideMesgflowUi, scrollFromInlineStart, transitionRecipe };
-export type { DeepPartial, MfAlertLabels, MfAvatarGroupLabels, MfBoxInputLabels, MfBreadcrumbLabels, MfCharacterCountLabels, MfChartLabels, MfChipLabels, MfColorPickerLabels, MfComboboxLabels, MfCommandLabels, MfCommonLabels, MfCopyLabels, MfDatePickerLabels, MfDialogLabels, MfDropzoneLabels, MfLabels, MfOtpInputLabels, MfPaginationLabels, MfPasswordInputLabels, MfPlacement, MfProgressLabels, MfRatingLabels, MfSearchInputLabels, MfSelectLabels, MfSidebarLabels, MfSize, MfStepperLabels, MfTableFilterLabels, MfTableFilterOperatorLabels, MfTableLabels, MfTablePaginationLabels, MfTabsLabels, MfThemeSwitcherLabels, MfTimePickerLabels, MfToastLabels, MfTone, MfTourLabels, MfTreeSelectLabels, ProvideMesgflowUiOptions };
+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 };

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

@@ -0,0 +1,47 @@
+import * as _angular_core from '@angular/core';
+
+interface CountdownParts {
+    days: number;
+    hours: number;
+    minutes: number;
+    seconds: number;
+    total: number;
+}
+/** Kalan milisaniyeyi gün/saat/dakika/saniye parçalarına böler. */
+declare function countdownParts(ms: number): CountdownParts;
+/**
+ * `<mf-countdown [to]="launchAt" (finished)="reveal()" />`
+ *
+ * Hedef zamana geri sayım — kampanya, açık artırma, oturum süresi.
+ * - `appearance="segments"` (varsayılan): kutucuklar; `inline`: tek satır metin.
+ * - `role="timer"` + ekran okuyucu özeti yalnızca DAKİKADA bir güncellenir
+ *   (her saniye duyuru yapılırsa okuyucu susmaz).
+ * - Rakamlar `tabular-nums` — saniye değişirken genişlik titremez.
+ * - Sıfıra ulaşınca `finished` bir kez yayar.
+ */
+declare class Countdown {
+    readonly to: _angular_core.InputSignal<number | Date>;
+    readonly appearance: _angular_core.InputSignal<"segments" | "inline">;
+    /** Gün sıfırsa gün kutusunu gizle. */
+    readonly hideEmptyDays: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly finished: _angular_core.OutputEmitterRef<void>;
+    private readonly labels;
+    private readonly now;
+    private fired;
+    protected readonly parts: _angular_core.Signal<CountdownParts>;
+    protected readonly units: _angular_core.Signal<{
+        key: string;
+        value: number;
+        label: string;
+    }[]>;
+    protected readonly inlineText: _angular_core.Signal<string>;
+    /** Dakika çözünürlüğünde özet — her saniye DEĞİŞMEZ. */
+    protected readonly summary: _angular_core.Signal<string>;
+    constructor();
+    protected pad(n: number): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Countdown, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Countdown, "mf-countdown", ["mfCountdown"], { "to": { "alias": "to"; "required": true; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "hideEmptyDays": { "alias": "hideEmptyDays"; "required": false; "isSignal": true; }; }, { "finished": "finished"; }, never, never, true, never>;
+}
+
+export { Countdown, countdownParts };
+export type { CountdownParts };

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

@@ -2,6 +2,7 @@ import * as _angular_core from '@angular/core';
 import { Locale } from 'date-fns';
 import { MfDatePickerLabels, ValueAccessorBase } from '@mesgflow/ui-kit/core';
 import { ControlValueAccessor } from '@angular/forms';
+import { TimeValue } from '@mesgflow/ui-kit/time-picker';
 
 interface DateRange {
     start: Date | null;
@@ -211,5 +212,34 @@ declare class DateRangePicker extends ValueAccessorBase<DateRange> implements Co
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DateRangePicker, "mf-date-range-picker", ["mfDateRangePicker"], { "value": { "alias": "value"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "labels": { "alias": "labels"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "hasError": { "alias": "hasError"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
 }
 
-export { Calendar, DatePicker, DateRangePicker, buildMonthMatrix, dateRangeForPreset, formatDateInput, isCurrentMonth, isDayDisabled, isSameDay, isWithinRange, parseDateInput, shiftMonth, shiftYear };
+/**
+ * `<mf-date-time-picker [(value)]="publishAt" [min]="now" ariaLabel="Yayın zamanı" />`
+ *
+ * Tarih + saat — TEK bir `Date` değeri. Mevcut `mf-date-picker` ve
+ * `mf-time-picker`'ın kompozisyonu (aynı klavye/erişilebilirlik davranışı):
+ * - Tarih değişince saat korunur; saat önce seçilirse tarih bugüne yerleşir.
+ * - İki alan `role="group"` altında tek bir ad paylaşır.
+ * - Reactive Forms / Signal Forms ile `value` üzerinden çalışır.
+ */
+declare class DateTimePicker extends ValueAccessorBase<Date | null> implements ControlValueAccessor {
+    readonly value: _angular_core.ModelSignal<Date | null>;
+    readonly min: _angular_core.InputSignal<Date | null>;
+    readonly max: _angular_core.InputSignal<Date | null>;
+    readonly minuteStep: _angular_core.InputSignal<number>;
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly hasError: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly ariaLabel: _angular_core.InputSignal<string>;
+    private readonly labels;
+    protected readonly dateLabel: _angular_core.Signal<string>;
+    protected readonly timeLabel: _angular_core.Signal<string>;
+    protected readonly time: _angular_core.Signal<TimeValue | null>;
+    writeValue(value: Date | null): void;
+    protected onDate(date: Date | null): void;
+    protected onTime(time: TimeValue | null): void;
+    private commit;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DateTimePicker, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DateTimePicker, "mf-date-time-picker", ["mfDateTimePicker"], { "value": { "alias": "value"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "minuteStep": { "alias": "minuteStep"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "hasError": { "alias": "hasError"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
+}
+
+export { Calendar, DatePicker, DateRangePicker, DateTimePicker, buildMonthMatrix, dateRangeForPreset, formatDateInput, isCurrentMonth, isDayDisabled, isSameDay, isWithinRange, parseDateInput, shiftMonth, shiftYear };
 export type { DateRange, DateRangePresetId };

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

@@ -1,4 +1,5 @@
 import * as _angular_core from '@angular/core';
+import { 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';
@@ -7,8 +8,14 @@ import * as class_variance_authority_types from 'class-variance-authority/types'
 import { VariantProps } from 'class-variance-authority';
 
 type DialogSize = 'sm' | 'md' | 'lg' | 'xl' | 'full';
-/** `'center'` (varsayılan, klasik modal) ya da `'right'` (sağdan açılan drawer) — bkz. `DialogService.openDrawer()`. */
-type DialogPlacement = 'center' | 'right';
+/**
+ * `'center'` (varsayılan, klasik modal) ya da bir kenar çekmecesi. `start`/`end`
+ * MANTIKSAL (RTL'de çevrilir), `left`/`right` fiziksel; `top`/`bottom` tam
+ * genişlikte üst/alt panel. Bkz. `DialogService.openDrawer()` ve `<mf-drawer>`.
+ */
+type DialogPlacement = 'center' | 'start' | 'end' | 'left' | 'right' | 'top' | 'bottom';
+/** Çekmecenin FİZİKSEL kenarı — yerleşim + yazı yönünden türetilir. */
+type DrawerSide = 'left' | 'right' | 'top' | 'bottom';
 interface DialogOptions<D> {
     data?: D;
     size?: DialogSize;
@@ -20,6 +27,12 @@ interface DialogOptions<D> {
     draggable?: boolean;
     /** Sağ-alt köşede serbest boyutlandırma tutamacı gösterir. Drawer'da etkisiz. */
     resizable?: boolean;
+    /**
+     * < 640px'te panel alttan açılan bir sheet'e dönüşsün mü. Varsayılan `true`
+     * (orta ve yan paneller); `top`/`bottom` zaten tam genişlik olduğu için etkisiz.
+     * Mobilde de soldan açılması gereken bir gezinme çekmecesi için `false`.
+     */
+    sheetOnMobile?: boolean;
     /** `true` ise ESC/backdrop tıklaması kapatmaz (programatik `dialogRef.close()` yine çalışır). */
     disableClose?: boolean;
     ariaLabel?: string;
@@ -91,6 +104,8 @@ interface DialogCustomSize {
 declare class DialogSurface {
     readonly size: _angular_core.WritableSignal<DialogSize>;
     readonly placement: _angular_core.WritableSignal<DialogPlacement>;
+    /** Çekmecenin fiziksel kenarı (`center`'da `null`) — `DialogService` yön bilgisiyle çözer. */
+    readonly side: _angular_core.WritableSignal<DrawerSide | null>;
     readonly maximizable: _angular_core.WritableSignal<boolean>;
     readonly draggable: _angular_core.WritableSignal<boolean>;
     readonly resizable: _angular_core.WritableSignal<boolean>;
@@ -231,7 +246,7 @@ declare class DialogResizeHandle {
  * Kapanış animasyonu: CDK'nın `DialogRef.close()`'u `overlayRef.dispose()`'u SENKRON
  * çağırıyor, bir "kapanıyor" olayı/kancası yok. `closePredicate` bunun için bilinçli
  * bir kaçamak — `false` döndürmek kapanmayı iptal ediyor: ilk çağrıda `surface.closing`'i
- * `true` yapıp gerçek kapanmayı `EXIT_MS` geciktiriyoruz (panel bu sürede `Dialog`'un
+ * `true` yapıp gerçek kapanmayı `exitDurationMs()` kadar geciktiriyoruz (panel bu sürede `Dialog`'un
  * 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
@@ -249,9 +264,14 @@ declare class DialogService {
     private readonly injector;
     private readonly breakpointObserver;
     private readonly labels;
+    private readonly dir;
     /** `ref` başına `DialogSurface` — tüketicinin kendi URL senkronizasyon mantığı, kirli-form durumunu PROAKTİF sormak için kullanabilir (kendi `closePredicate`'inin async akışıyla yarışmamak için). */
     private readonly surfaces;
-    open<R = void, D = undefined, C = unknown>(component: ComponentType<C>, options?: DialogOptions<D>): DialogRef<R, C>;
+    /**
+     * 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>;
     /**
      * 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
@@ -261,7 +281,9 @@ declare class DialogService {
      * genişlikte açılmalı. İstisna: iki sütunlu bir form (sol dikey ray + sağ
      * panel gibi) `md` içine sığmazsa `xl` (960px) geçilebilir.
      */
-    openDrawer<R = void, D = undefined, C = unknown>(component: ComponentType<C>, options?: Omit<DialogOptions<D>, 'placement'>): DialogRef<R, C>;
+    openDrawer<R = void, D = undefined, C = unknown>(component: ComponentType<C>, options?: Omit<DialogOptions<D>, 'placement'> & {
+        placement?: Exclude<DialogPlacement, 'center'>;
+    }): DialogRef<R, C>;
     /** `Promise<boolean>` döner — `if (await dialog.confirm(...))` çağıran taraf için `.subscribe()` zincirinden daha sade. */
     confirm(data: ConfirmDialogData): Promise<boolean>;
     /**
@@ -335,8 +357,9 @@ declare class DialogService {
 declare const dialogVariants: (props?: ({
     size?: "sm" | "md" | "lg" | "xl" | "full" | null | undefined;
     state?: "normal" | "maximized" | "sheet" | "drawer" | null | undefined;
+    side?: "left" | "right" | "top" | "bottom" | "none" | null | undefined;
 } & 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 };
+export type { ConfirmDialogData, ConfirmTone, DialogCustomSize, DialogOptions, DialogPlacement, DialogSize, DialogVariants, DrawerSide };

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

@@ -0,0 +1,45 @@
+import * as _angular_core from '@angular/core';
+import { DialogPlacement } from '@mesgflow/ui-kit/dialog';
+
+type DrawerPlacement = Exclude<DialogPlacement, 'center'>;
+/**
+ * `<mf-drawer [(open)]="filtersOpen" title="Filtreler" placement="end" size="sm">…</mf-drawer>`
+ *
+ * Bildirimsel çekmece (sheet) — `DialogService.openDrawer()`'ın şablon
+ * sürümü: içerik bir component yazmadan doğrudan şablonda durur, açık/kapalı
+ * durumu `open` modeliyle iki yönlü bağlanır.
+ *
+ * - `placement`: `start` / `end` (mantıksal, RTL'de çevrilir), `left` / `right`,
+ *   `top` / `bottom`. Her kenar kendi kayma animasyonuyla açılır.
+ * - Dialog altyapısının TÜM davranışı: odak tuzağı + geri dönüş, Escape,
+ *   backdrop tıklaması, çıkış animasyonu, kirli-form koruması, cam yüzey.
+ * - `<div drawer-footer>` slotu sabit altbilgiye gider (Kaydet/İptal).
+ * - `sheetOnMobile="false"`: mobilde de kenardan açılır (gezinme çekmeceleri).
+ */
+declare class Drawer {
+    readonly open: _angular_core.ModelSignal<boolean>;
+    readonly title: _angular_core.InputSignal<string>;
+    readonly subtitle: _angular_core.InputSignal<string>;
+    readonly icon: _angular_core.InputSignal<string>;
+    readonly placement: _angular_core.InputSignal<DrawerPlacement>;
+    readonly size: _angular_core.InputSignal<"sm" | "md" | "lg" | "xl">;
+    /** `true` ise Escape/backdrop kapatmaz — yalnızca programatik `open.set(false)`. */
+    readonly disableClose: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly sheetOnMobile: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Görünür başlık yoksa ekran okuyucu için ad. */
+    readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
+    /** Kapanış tamamlandığında (animasyon dahil). */
+    readonly closed: _angular_core.OutputEmitterRef<void>;
+    private readonly dialog;
+    private readonly panel;
+    private ref;
+    constructor();
+    /** Programatik kapatma — `open.set(false)` ile eşdeğer. */
+    hide(): void;
+    private show;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Drawer, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Drawer, "mf-drawer", ["mfDrawer"], { "open": { "alias": "open"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "subtitle": { "alias": "subtitle"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disableClose": { "alias": "disableClose"; "required": false; "isSignal": true; }; "sheetOnMobile": { "alias": "sheetOnMobile"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "open": "openChange"; "closed": "closed"; }, never, ["*", "[drawer-footer]"], true, never>;
+}
+
+export { Drawer };
+export type { DrawerPlacement };