@mesgflow/ui-kit 0.6.0 → 0.8.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.
  *
- * 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ı.
+ * 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).
+ *
+ * `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;
@@ -308,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;
 }
@@ -385,6 +467,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;
@@ -404,6 +628,7 @@ interface MfLabels {
     stepper: MfStepperLabels;
     progress: MfProgressLabels;
     passwordInput: MfPasswordInputLabels;
+    qrCode: MfQrCodeLabels;
     chip: MfChipLabels;
     alert: MfAlertLabels;
     breadcrumb: MfBreadcrumbLabels;
@@ -417,6 +642,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 ? {
@@ -462,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>>;
@@ -475,6 +717,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 +743,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 +762,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_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-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 };