@mesgflow/ui-kit 0.10.0 → 0.11.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mesgflow/ui-kit",
-  "version": "0.10.0",
+  "version": "0.11.0",
   "description": "Independent Angular component kit (button, select, dialog, table, sidebar, and more) built on a Tailwind v4 design token system. See README.md for setup and prerequisites.",
   "license": "MIT",
   "author": "Hurdeniz YENER",

package/tokens.json

@@ -1,5 +1,5 @@
 {
-  "$description": "@mesgflow/ui-kit 0.9.0 design tokens (W3C DTCG). Generated from projects/ui-kit/styles/tokens/*.css by scripts/export-tokens.mjs — do not edit.",
+  "$description": "@mesgflow/ui-kit 0.10.0 design tokens (W3C DTCG). Generated from projects/ui-kit/styles/tokens/*.css by scripts/export-tokens.mjs — do not edit.",
   "primitives": {
     "color": {
       "primary": {

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

@@ -75,7 +75,7 @@ declare class ConfirmDialog {
     protected readonly toneIcon: _angular_core.Signal<string>;
     protected readonly toneBadgeClass: _angular_core.Signal<string>;
     /** Her ton `filled` — warning da diğer tonlarla aynı `bg-X-fill` rol deseninde dolu blok kullanıyor (bkz. button.variants.ts), eski `outlined` istisnası kaldırıldı. */
-    protected readonly confirmTone: _angular_core.Signal<"danger" | "warning" | "info" | "success" | "neutral" | "help" | "primary" | null | undefined>;
+    protected readonly confirmTone: _angular_core.Signal<"warning" | "danger" | "info" | "success" | "neutral" | "help" | "primary" | null | undefined>;
     protected readonly submitting: _angular_core.WritableSignal<boolean>;
     protected readonly actionError: _angular_core.WritableSignal<string | null>;
     protected onCancel(): void;
@@ -111,6 +111,8 @@ declare class DialogSurface {
     readonly maximizable: _angular_core.WritableSignal<boolean>;
     readonly draggable: _angular_core.WritableSignal<boolean>;
     readonly resizable: _angular_core.WritableSignal<boolean>;
+    /** `DialogOptions.disableClose` — `true` iken header'daki X çizilmez (bkz. `Dialog.closeVisible`). */
+    readonly disableClose: _angular_core.WritableSignal<boolean>;
     readonly maximized: _angular_core.WritableSignal<boolean>;
     /** Kullanıcı kenardan boyutlandırdıysa dolu; maximize/sheet'te yok sayılır. */
     readonly customSize: _angular_core.WritableSignal<DialogCustomSize | null>;
@@ -169,6 +171,19 @@ declare class Dialog {
      * `false`: yalnızca `close` yayınlanır — kapanışı tamamen tüketici yönetir.
      */
     readonly autoClose: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Kapat (X) düğmesinin erişilebilir adı — verilmezse `MfLabels.dialog.close`
+     * ("Close dialog" / "Pencereyi kapat"). İçerikte aynı adlı bir birincil eylem
+     * varsa (ör. "İki adımlı doğrulamayı kapat" diyaloğunun "Kapat"ı) iki düğme
+     * ekran okuyucuda ayrışsın diye.
+     */
+    readonly closeLabel: _angular_core.InputSignal<string | undefined>;
+    /**
+     * X düğmesi çizilsin mi. Verilmezse `DialogOptions.disableClose`'un tersi —
+     * Escape/backdrop'la kapanmayan bir dialog'da X de yoktur (kullanıcı bir
+     * eylem seçmek zorunda).
+     */
+    readonly showClose: _angular_core.InputSignal<boolean | undefined>;
     readonly close: _angular_core.OutputEmitterRef<void>;
     protected readonly surface: DialogSurface;
     protected readonly labels: _angular_core.Signal<_mesgflow_ui_kit_core.MfDialogLabels>;
@@ -185,6 +200,7 @@ declare class Dialog {
     protected readonly dragEnabled: _angular_core.Signal<boolean>;
     protected readonly resizeHandleVisible: _angular_core.Signal<boolean>;
     /** Drawer zaten tam yükseklik — büyütme düğmesinin anlamı yok, `surface.maximizable()` `true` olsa bile gizlenir. */
+    protected readonly closeVisible: _angular_core.Signal<boolean>;
     protected readonly maximizeVisible: _angular_core.Signal<boolean>;
     protected readonly hostClasses: _angular_core.Signal<string>;
     protected readonly customWidth: _angular_core.Signal<number | undefined>;
@@ -209,7 +225,7 @@ 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; }; "autoClose": { "alias": "autoClose"; "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; }; "closeLabel": { "alias": "closeLabel"; "required": false; "isSignal": true; }; "showClose": { "alias": "showClose"; "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`. */

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

@@ -26,6 +26,8 @@ declare class Drawer {
     /** `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>;
+    /** Kapat (X) düğmesinin erişilebilir adı — bkz. `Dialog.closeLabel`. `disableClose` iken X çizilmez. */
+    readonly closeLabel: _angular_core.InputSignal<string | undefined>;
     /** 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). */
@@ -38,7 +40,7 @@ declare class Drawer {
     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>;
+    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; }; "closeLabel": { "alias": "closeLabel"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "open": "openChange"; "closed": "closed"; }, never, ["*", "[drawer-footer]"], true, never>;
 }
 
 export { Drawer };

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

@@ -1,10 +1,10 @@
 import * as i0 from '@angular/core';
 import * as i1 from '@angular/aria/menu';
 import { MenuItem as MenuItem$1, Menu as Menu$1 } from '@angular/aria/menu';
-import { MfPlacement } from '@mesgflow/ui-kit/core';
-import * as i2 from '@angular/cdk/overlay';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
+import { MfPlacement } from '@mesgflow/ui-kit/core';
+import * as i2 from '@angular/cdk/overlay';
 
 /**
  * `<mf-menu #menu="ngMenu" (itemSelected)="onSelect($event)"><button mfMenuItem value="a">A</button></mf-menu>`
@@ -25,19 +25,32 @@ declare class Menu {
     static ɵcmp: i0.ɵɵComponentDeclaration<Menu, "mf-menu", ["mfMenu"], {}, {}, never, ["*"], true, [{ directive: typeof i1.Menu; inputs: { "wrap": "wrap"; "disabled": "disabled"; "typeaheadDelay": "typeaheadDelay"; }; outputs: { "itemSelected": "itemSelected"; }; }]>;
 }
 
+declare const menuItemVariants: (props?: ({
+    tone?: "neutral" | "danger" | null | undefined;
+    active?: boolean | null | undefined;
+    disabled?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type MenuItemActive = VariantProps<typeof menuItemVariants>['active'];
+type MenuItemTone = NonNullable<VariantProps<typeof menuItemVariants>['tone']>;
+
 /**
  * `<button mfMenuItem value="delete">Sil</button>` — `mf-menu` içine konur.
  *
  * `checked` verilirse (true/false) öğe tek-seçimli bir grubun parçası olur:
  * `role="menuitemradio"` + `aria-checked`, seçili öğenin sağında tik. Verilmezse
  * (`undefined`) düz `menuitem` — eski davranış birebir.
+ *
+ * `tone="danger"` tehlikeli eylemi ("Çıkış yap", "Üyeyi çıkar") ayrıştırır: metin
+ * `text-danger`, etkin/hover `bg-danger-tint text-danger-tint-fg`; ikon slotu aynı
+ * rengi (`currentColor`) miras alır. Yalnızca görsel — ARIA rolü değişmez.
  */
 declare class MenuItem<V> {
     readonly checked: i0.InputSignal<boolean | undefined>;
+    readonly tone: i0.InputSignal<MenuItemTone>;
     protected readonly ariaMenuItem: MenuItem$1<V>;
     protected readonly classes: i0.Signal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<MenuItem<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MenuItem<any>, "button[mfMenuItem], div[mfMenuItem]", never, { "checked": { "alias": "checked"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof i1.MenuItem; inputs: { "value": "value"; "disabled": "disabled"; "id": "id"; }; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MenuItem<any>, "button[mfMenuItem], div[mfMenuItem]", never, { "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "tone": { "alias": "tone"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof i1.MenuItem; inputs: { "value": "value"; "disabled": "disabled"; "id": "id"; }; outputs: {}; }]>;
 }
 
 /**
@@ -101,12 +114,6 @@ declare class MenuTriggerFor {
     static ɵdir: i0.ɵɵDirectiveDeclaration<MenuTriggerFor, "[mfMenuTrigger]:not([menu])", ["mfMenuTrigger"], { "placement": { "alias": "placement"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.MenuTrigger; inputs: { "menu": "mfMenuTrigger"; "disabled": "disabled"; }; outputs: {}; }, { directive: typeof i2.CdkOverlayOrigin; inputs: {}; outputs: {}; }]>;
 }
 
-declare const menuItemVariants: (props?: ({
-    active?: boolean | null | undefined;
-    disabled?: boolean | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-type MenuItemActive = VariantProps<typeof menuItemVariants>['active'];
-
 interface MenubarAction<V = string> {
     label: string;
     value: V;
@@ -145,4 +152,4 @@ declare class Menubar<V = string> {
 }
 
 export { Menu, MenuItem, MenuTrigger, MenuTriggerFor, Menubar, menuItemVariants };
-export type { MenuItemActive, MenubarAction, MenubarMenu };
+export type { MenuItemActive, MenuItemTone, MenubarAction, MenubarMenu };

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

@@ -1,6 +1,7 @@
 import * as _angular_core from '@angular/core';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
+import { BadgeTone } from '@mesgflow/ui-kit/badge';
 import { cn } from '@mesgflow/ui-kit/core';
 
 /**
@@ -33,7 +34,10 @@ import { cn } from '@mesgflow/ui-kit/core';
 declare const sidebarVariants: (props?: ({
     collapsed?: boolean | null | undefined;
     appearance?: "chrome" | "brand" | "brand-light" | null | undefined;
+    embedded?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
+/** `[brand]` yuvasının tenant switcher'a göre yeri — bkz. `Sidebar.brandPlacement`. */
+type SidebarBrandPlacement = 'replace' | 'above';
 /**
  * Nav satırı (leaf veya parent-toggle) — `rounded-sm`(6px, menü öğesi kademesi,
  * bkz. styles.css radius notu), panel değil kontrol. `border-s-2 border-s-
@@ -66,6 +70,17 @@ interface SidebarNavItem {
 interface SidebarTenant {
     id: string;
     name: string;
+    /**
+     * Adın altında soluk ikincil satır (panelde ve genişken tetikte) — ör. "Kimlik: acme-2";
+     * aynı adlı kiracıları ayrıştırır. Erişilebilir ad "ad, açıklama" olur.
+     */
+    description?: string;
+    /** Paneldeki satırın sonunda durum rozeti — ör. "Hazırlanıyor". */
+    badge?: string;
+    /** `badge`'in tonu (varsayılan `neutral`). */
+    badgeTone?: BadgeTone;
+    /** Seçilemez (ör. hazırlanamadı) — satır `aria-disabled`, tık/Enter yok sayılır. */
+    disabled?: boolean;
 }
 interface SidebarUser {
     name: string;
@@ -113,6 +128,21 @@ declare class Sidebar {
      * TORUNU olmadığından her zaman katı `chrome` kalır.
      */
     readonly appearance: _angular_core.InputSignal<SidebarAppearance>;
+    /**
+     * `[brand]` yuvasının tenant switcher'la ilişkisi. `'replace'` (varsayılan,
+     * eski davranış): marka YALNIZ `tenants` boşken çizilir, switcher onun
+     * yerine geçer. `'above'`: marka her zaman üstte, switcher (liste doluysa)
+     * altında. Daraltılmışken yalnız logo için `<mf-brand [showLabel]="!collapsed()">`
+     * — ad görsel olarak gizlenir, erişilebilir ad korunur.
+     */
+    readonly brandPlacement: _angular_core.InputSignal<SidebarBrandPlacement>;
+    /**
+     * `true`: bir çekmece (`mf-drawer`) gibi kendi yüzeyi olan bir kabın İÇİNDE —
+     * dış kenarlık ve `chrome` zemini çizilmez (çift çerçeve olmasın), genişlik
+     * kabı doldurur. Marka görünümleri (`brand`/`brand-light`) kontrast için
+     * kendi zeminini korur.
+     */
+    readonly embedded: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Verilmezse `MF_SIDEBAR_LABELS`'a düşer — `SidebarTenantSwitcher`/`SidebarUserMenu`'nün KENDİ etiketleri artık AYRICA buradan prop-drilling YAPILMIYOR, ikisi de `MF_SIDEBAR_LABELS`'ı doğrudan inject ediyor. */
     readonly collapseLabel: _angular_core.InputSignal<string | undefined>;
     readonly expandLabel: _angular_core.InputSignal<string | undefined>;
@@ -126,6 +156,7 @@ declare class Sidebar {
     protected readonly effectiveExpandLabel: _angular_core.Signal<string>;
     protected readonly effectiveNavAriaLabel: _angular_core.Signal<string>;
     protected readonly rootClasses: _angular_core.Signal<string>;
+    protected readonly showBrandRow: _angular_core.Signal<boolean>;
     /** Genişkenken hangi gruplar açık — her grup BAĞIMSIZ açılır/kapanır (akordeon değil, kullanıcı kararı). `model()` — tüketici okuyabilir/yazabilir (ör. "hepsini aç" bir buton). */
     readonly expandedIds: _angular_core.ModelSignal<ReadonlySet<string>>;
     /**
@@ -143,7 +174,7 @@ declare class Sidebar {
     protected onTenantSelect(tenant: SidebarTenant): void;
     protected toggleCollapse(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<Sidebar, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Sidebar, "mf-sidebar", ["mfSidebar"], { "tenants": { "alias": "tenants"; "required": false; "isSignal": true; }; "activeTenantId": { "alias": "activeTenantId"; "required": false; "isSignal": true; }; "navItems": { "alias": "navItems"; "required": true; "isSignal": true; }; "activeItemId": { "alias": "activeItemId"; "required": false; "isSignal": true; }; "user": { "alias": "user"; "required": false; "isSignal": true; }; "showUserMenu": { "alias": "showUserMenu"; "required": false; "isSignal": true; }; "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; "showCollapseToggle": { "alias": "showCollapseToggle"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "collapseLabel": { "alias": "collapseLabel"; "required": false; "isSignal": true; }; "expandLabel": { "alias": "expandLabel"; "required": false; "isSignal": true; }; "navAriaLabel": { "alias": "navAriaLabel"; "required": false; "isSignal": true; }; "expandedIds": { "alias": "expandedIds"; "required": false; "isSignal": true; }; "autoExpandActive": { "alias": "autoExpandActive"; "required": false; "isSignal": true; }; }, { "activeTenantId": "activeTenantIdChange"; "activeItemId": "activeItemIdChange"; "collapsed": "collapsedChange"; "tenantChange": "tenantChange"; "itemClick": "itemClick"; "profileClick": "profileClick"; "expandedIds": "expandedIdsChange"; }, never, ["[brand]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Sidebar, "mf-sidebar", ["mfSidebar"], { "tenants": { "alias": "tenants"; "required": false; "isSignal": true; }; "activeTenantId": { "alias": "activeTenantId"; "required": false; "isSignal": true; }; "navItems": { "alias": "navItems"; "required": true; "isSignal": true; }; "activeItemId": { "alias": "activeItemId"; "required": false; "isSignal": true; }; "user": { "alias": "user"; "required": false; "isSignal": true; }; "showUserMenu": { "alias": "showUserMenu"; "required": false; "isSignal": true; }; "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; "showCollapseToggle": { "alias": "showCollapseToggle"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "brandPlacement": { "alias": "brandPlacement"; "required": false; "isSignal": true; }; "embedded": { "alias": "embedded"; "required": false; "isSignal": true; }; "collapseLabel": { "alias": "collapseLabel"; "required": false; "isSignal": true; }; "expandLabel": { "alias": "expandLabel"; "required": false; "isSignal": true; }; "navAriaLabel": { "alias": "navAriaLabel"; "required": false; "isSignal": true; }; "expandedIds": { "alias": "expandedIds"; "required": false; "isSignal": true; }; "autoExpandActive": { "alias": "autoExpandActive"; "required": false; "isSignal": true; }; }, { "activeTenantId": "activeTenantIdChange"; "activeItemId": "activeItemIdChange"; "collapsed": "collapsedChange"; "tenantChange": "tenantChange"; "itemClick": "itemClick"; "profileClick": "profileClick"; "expandedIds": "expandedIdsChange"; }, never, ["[brand]"], true, never>;
 }
 
 /**
@@ -197,6 +228,8 @@ declare class SidebarTenantSwitcher {
     protected toggle(): void;
     protected close(): void;
     protected select(tenant: SidebarTenant): void;
+    /** "Ad, açıklama[, rozet]" — yalnızca ek alan varsa; yoksa `null` (içerikten türetilir, eski davranış). */
+    protected optionAriaLabel(tenant: SidebarTenant): string | null;
     protected optionClasses(tenant: SidebarTenant, index: number): string;
     protected onTriggerKeydown(event: KeyboardEvent): void;
     protected onPanelKeydown(event: KeyboardEvent): void;
@@ -221,4 +254,4 @@ declare class SidebarUserMenu {
 }
 
 export { Sidebar, SidebarNavItemRow, SidebarTenantSwitcher, SidebarUserMenu, sidebarNavItemVariants, sidebarVariants };
-export type { SidebarAppearance, SidebarCollapsedVariant, SidebarNavItem, SidebarTenant, SidebarUser };
+export type { SidebarAppearance, SidebarBrandPlacement, SidebarCollapsedVariant, SidebarNavItem, SidebarTenant, SidebarUser };

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

@@ -360,11 +360,11 @@ declare class Table<T> {
     private readonly host;
     private readonly scroller;
     private readonly idPrefix;
-    protected readonly pageState: _angular_core.WritableSignal<PageRequest>;
-    protected readonly sortState: _angular_core.WritableSignal<SortDescriptor[]>;
-    protected readonly searchTerm: _angular_core.WritableSignal<string>;
-    protected readonly appliedFilters: _angular_core.WritableSignal<AppliedFilter[]>;
-    protected readonly filterLogic: _angular_core.WritableSignal<FilterLogic>;
+    readonly page: _angular_core.ModelSignal<PageRequest>;
+    readonly sort: _angular_core.ModelSignal<SortDescriptor[]>;
+    readonly search: _angular_core.ModelSignal<string>;
+    readonly filters: _angular_core.ModelSignal<AppliedFilter[]>;
+    readonly filterLogic: _angular_core.ModelSignal<FilterLogic>;
     protected readonly selectedRows: _angular_core.WritableSignal<Map<unknown, T>>;
     protected readonly hiddenColumns: _angular_core.WritableSignal<Set<string>>;
     protected readonly columnsMenuOpen: _angular_core.WritableSignal<boolean>;
@@ -509,7 +509,7 @@ declare class Table<T> {
     private searchGroupFor;
     private emitQuery;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<Table<any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Table<any>, "mf-table", ["mfTable"], { "title": { "alias": "title"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": true; "isSignal": true; }; "data": { "alias": "data"; "required": true; "isSignal": true; }; "rowKey": { "alias": "rowKey"; "required": true; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "total": { "alias": "total"; "required": false; "isSignal": true; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; "isSignal": true; }; "selectable": { "alias": "selectable"; "required": false; "isSignal": true; }; "searchable": { "alias": "searchable"; "required": false; "isSignal": true; }; "stickyHeader": { "alias": "stickyHeader"; "required": false; "isSignal": true; }; "density": { "alias": "density"; "required": false; "isSignal": true; }; "rowActions": { "alias": "rowActions"; "required": false; "isSignal": true; }; "clientSide": { "alias": "clientSide"; "required": false; "isSignal": true; }; "resizableColumns": { "alias": "resizableColumns"; "required": false; "isSignal": true; }; "columnWidths": { "alias": "columnWidths"; "required": false; "isSignal": true; }; "expandedRowTemplate": { "alias": "expandedRowTemplate"; "required": false; "isSignal": true; }; "virtual": { "alias": "virtual"; "required": false; "isSignal": true; }; "virtualHeight": { "alias": "virtualHeight"; "required": false; "isSignal": true; }; "labels": { "alias": "labels"; "required": false; "isSignal": true; }; }, { "density": "densityChange"; "columnWidths": "columnWidthsChange"; "queryChange": "queryChange"; "selectionChange": "selectionChange"; "edit": "edit"; "delete": "delete"; "rowDblClick": "rowDblClick"; "rowExpandedChange": "rowExpandedChange"; }, never, ["[tableActions]", "[tableBulkActions]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Table<any>, "mf-table", ["mfTable"], { "title": { "alias": "title"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": true; "isSignal": true; }; "data": { "alias": "data"; "required": true; "isSignal": true; }; "rowKey": { "alias": "rowKey"; "required": true; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "total": { "alias": "total"; "required": false; "isSignal": true; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; "isSignal": true; }; "selectable": { "alias": "selectable"; "required": false; "isSignal": true; }; "searchable": { "alias": "searchable"; "required": false; "isSignal": true; }; "stickyHeader": { "alias": "stickyHeader"; "required": false; "isSignal": true; }; "density": { "alias": "density"; "required": false; "isSignal": true; }; "rowActions": { "alias": "rowActions"; "required": false; "isSignal": true; }; "clientSide": { "alias": "clientSide"; "required": false; "isSignal": true; }; "resizableColumns": { "alias": "resizableColumns"; "required": false; "isSignal": true; }; "columnWidths": { "alias": "columnWidths"; "required": false; "isSignal": true; }; "expandedRowTemplate": { "alias": "expandedRowTemplate"; "required": false; "isSignal": true; }; "virtual": { "alias": "virtual"; "required": false; "isSignal": true; }; "virtualHeight": { "alias": "virtualHeight"; "required": false; "isSignal": true; }; "labels": { "alias": "labels"; "required": false; "isSignal": true; }; "page": { "alias": "page"; "required": false; "isSignal": true; }; "sort": { "alias": "sort"; "required": false; "isSignal": true; }; "search": { "alias": "search"; "required": false; "isSignal": true; }; "filters": { "alias": "filters"; "required": false; "isSignal": true; }; "filterLogic": { "alias": "filterLogic"; "required": false; "isSignal": true; }; }, { "density": "densityChange"; "columnWidths": "columnWidthsChange"; "queryChange": "queryChange"; "selectionChange": "selectionChange"; "edit": "edit"; "delete": "delete"; "rowDblClick": "rowDblClick"; "rowExpandedChange": "rowExpandedChange"; "page": "pageChange"; "sort": "sortChange"; "search": "searchChange"; "filters": "filtersChange"; "filterLogic": "filterLogicChange"; }, never, ["[tableActions]", "[tableBulkActions]"], true, never>;
 }
 
 declare function matchesFilterGroup<T>(row: T, group: FilterGroup | undefined): boolean;
@@ -655,7 +655,7 @@ declare class TableFilterMenu<T> {
     /** Kaldirilan filtrenin id'si — checkbox listesi sifir secime inince (ekleme YA DA duzenleme modunda) emit edilir, ust bilesen o id'yi chip listesinden cikarir. */
     readonly remove: _angular_core.OutputEmitterRef<string>;
     readonly closed: _angular_core.OutputEmitterRef<void>;
-    protected readonly step: _angular_core.WritableSignal<"field" | "value">;
+    protected readonly step: _angular_core.WritableSignal<"value" | "field">;
     protected readonly fieldQuery: _angular_core.WritableSignal<string>;
     protected readonly fieldHighlighted: _angular_core.WritableSignal<number>;
     protected readonly selectedField: _angular_core.WritableSignal<string | null>;