@mesgflow/ui-kit 0.9.0 → 0.10.0

package/fesm2022/mesgflow-ui-kit-split-button.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"mesgflow-ui-kit-split-button.mjs","sources":["../../../projects/ui-kit/split-button/split-button.ts","../../../projects/ui-kit/split-button/mesgflow-ui-kit-split-button.ts"],"sourcesContent":["import { OverlayModule } from '@angular/cdk/overlay';\r\nimport { Component, booleanAttribute, computed, inject, input, output } from '@angular/core';\r\nimport { Button, type ButtonAppearance, type ButtonTone } from '@mesgflow/ui-kit/button';\r\nimport { MF_SPLIT_BUTTON_LABELS, cn } from '@mesgflow/ui-kit/core';\r\nimport { Icon } from '@mesgflow/ui-kit/icon';\r\nimport { Menu, MenuItem, MenuTrigger } from '@mesgflow/ui-kit/menu';\r\nimport { Popover } from '@mesgflow/ui-kit/popover';\r\n\r\nexport interface SplitButtonItem<V = string> {\r\n  label: string;\r\n  value: V;\r\n  icon?: string;\r\n  disabled?: boolean;\r\n  /** Tehlikeli eylem (Sil) — kırmızı metin. */\r\n  danger?: boolean;\r\n}\r\n\r\n/**\r\n * `<mf-split-button label=\"Kaydet\" [items]=\"more\" (primaryClick)=\"save()\" (itemSelect)=\"run($event)\" />`\r\n *\r\n * Birincil eylem + ilgili ikincil eylemler menüsü (GitHub \"Merge ▾\", Gmail\r\n * \"Gönder ▾\"). İki gerçek düğme: soldaki eylemi çalıştırır, sağdaki\r\n * (`aria-haspopup=\"menu\"`) menüyü açar — ekran okuyucu ikisini ayrı duyurur.\r\n *\r\n * Menü `@angular/aria/menu` (ok tuşları, typeahead, Escape) + `mf-popover`\r\n * (tetikleyiciden büyüyen panel). Öğeler VERİ olarak verilir: `mfMenuItem`\r\n * içerik projeksiyonuyla aria menüsüne bağlanamadığı için bu bileşen onları\r\n * kendi şablonunda çizer.\r\n */\r\n@Component({\r\n  selector: 'mf-split-button',\r\n  exportAs: 'mfSplitButton',\r\n  imports: [OverlayModule, Button, Icon, Menu, MenuItem, MenuTrigger, Popover],\r\n  host: { class: 'inline-flex' },\r\n  template: `\r\n    <div class=\"inline-flex\" role=\"group\" [attr.aria-label]=\"label()\">\r\n      <button\r\n        mfButton\r\n        type=\"button\"\r\n        [tone]=\"tone()\"\r\n        [appearance]=\"appearance()\"\r\n        [size]=\"size()\"\r\n        [iconStart]=\"icon()\"\r\n        [loading]=\"loading()\"\r\n        [disabled]=\"disabled()\"\r\n        [class]=\"primaryClass()\"\r\n        (click)=\"primaryClick.emit()\"\r\n      >\r\n        {{ label() }}\r\n      </button>\r\n      <button\r\n        mfButton\r\n        type=\"button\"\r\n        cdkOverlayOrigin\r\n        #origin=\"cdkOverlayOrigin\"\r\n        mfMenuTrigger\r\n        #trigger=\"ngMenuTrigger\"\r\n        [menu]=\"menuRef\"\r\n        [tone]=\"tone()\"\r\n        [appearance]=\"appearance()\"\r\n        [size]=\"size()\"\r\n        [disabled]=\"disabled()\"\r\n        [class]=\"toggleClass()\"\r\n        [attr.aria-label]=\"effectiveMenuLabel()\"\r\n      >\r\n        <span\r\n          mfIcon\r\n          [size]=\"16\"\r\n          class=\"transition-transform duration-fast ease-emphasis\"\r\n          [class.rotate-180]=\"trigger.expanded()\"\r\n          >expand_more</span\r\n        >\r\n      </button>\r\n    </div>\r\n    <mf-popover\r\n      [origin]=\"origin\"\r\n      [open]=\"trigger.expanded()\"\r\n      (closed)=\"trigger.close()\"\r\n      placement=\"bottom-end\"\r\n      padding=\"none\"\r\n    >\r\n      <mf-menu #menuRef=\"ngMenu\" (itemSelected)=\"onSelect($event); trigger.close()\">\r\n        @for (item of items(); track item.value) {\r\n          <button\r\n            mfMenuItem\r\n            [value]=\"item.value\"\r\n            [disabled]=\"!!item.disabled\"\r\n            [class.text-danger]=\"item.danger\"\r\n          >\r\n            @if (item.icon) {\r\n              <span mfIcon [size]=\"16\" class=\"text-fg-subtle\" [class.text-danger]=\"item.danger\">{{\r\n                item.icon\r\n              }}</span>\r\n            }\r\n            {{ item.label }}\r\n          </button>\r\n        }\r\n      </mf-menu>\r\n    </mf-popover>\r\n  `,\r\n})\r\nexport class SplitButton<V = string> {\r\n  readonly label = input.required<string>();\r\n  readonly items = input.required<SplitButtonItem<V>[]>();\r\n  readonly icon = input('');\r\n  readonly tone = input<ButtonTone>('primary');\r\n  readonly appearance = input<ButtonAppearance>('filled');\r\n  readonly size = input<'sm' | 'md' | 'lg'>('md');\r\n  readonly loading = input(false, { transform: booleanAttribute });\r\n  readonly disabled = input(false, { transform: booleanAttribute });\r\n  /** Menü düğmesinin erişilebilir adı — verilmezse `MF_SPLIT_BUTTON_LABELS`. */\r\n  readonly menuLabel = input<string>();\r\n\r\n  readonly primaryClick = output<void>();\r\n  readonly itemSelect = output<V>();\r\n\r\n  private readonly labels = inject(MF_SPLIT_BUTTON_LABELS);\r\n  protected readonly effectiveMenuLabel = computed(\r\n    () => this.menuLabel() ?? this.labels().moreActions,\r\n  );\r\n\r\n  /** Bitişik iki düğme: iç köşeler kare, ayırıcı çizgi (dolu görünümde açık ton). */\r\n  protected readonly primaryClass = computed(() => cn('rounded-e-none'));\r\n  protected readonly toggleClass = computed(() =>\r\n    cn(\r\n      'rounded-s-none px-2',\r\n      this.appearance() === 'filled' || this.appearance() === 'soft'\r\n        ? 'border-s-white/20 dark:border-s-black/20'\r\n        : '-ms-px',\r\n    ),\r\n  );\r\n\r\n  protected onSelect(value: V): void {\r\n    this.itemSelect.emit(value);\r\n  }\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"mesgflow-ui-kit-split-button.mjs","sources":["../../../projects/ui-kit/split-button/split-button.ts","../../../projects/ui-kit/split-button/mesgflow-ui-kit-split-button.ts"],"sourcesContent":["import { OverlayModule } from '@angular/cdk/overlay';\r\nimport { Component, booleanAttribute, computed, inject, input, output } from '@angular/core';\r\nimport { Button, type ButtonAppearance, type ButtonTone } from '@mesgflow/ui-kit/button';\r\nimport { MF_SPLIT_BUTTON_LABELS, cn } from '@mesgflow/ui-kit/core';\r\nimport { Icon } from '@mesgflow/ui-kit/icon';\r\nimport { Menu, MenuItem, MenuTrigger } from '@mesgflow/ui-kit/menu';\r\nimport { Popover } from '@mesgflow/ui-kit/popover';\r\n\r\nexport interface SplitButtonItem<V = string> {\r\n  label: string;\r\n  value: V;\r\n  icon?: string;\r\n  disabled?: boolean;\r\n  /** Tehlikeli eylem (Sil) — kırmızı metin. */\r\n  danger?: boolean;\r\n}\r\n\r\n/**\r\n * `<mf-split-button label=\"Kaydet\" [items]=\"more\" (primaryClick)=\"save()\" (itemSelect)=\"run($event)\" />`\r\n *\r\n * Birincil eylem + ilgili ikincil eylemler menüsü (GitHub \"Merge ▾\", Gmail\r\n * \"Gönder ▾\"). İki gerçek düğme: soldaki eylemi çalıştırır, sağdaki\r\n * (`aria-haspopup=\"menu\"`) menüyü açar — ekran okuyucu ikisini ayrı duyurur.\r\n *\r\n * Menü `@angular/aria/menu` (ok tuşları, typeahead, Escape) + `mf-popover`\r\n * (tetikleyiciden büyüyen panel). Öğeler VERİ olarak verilir: `mfMenuItem`\r\n * içerik projeksiyonuyla aria menüsüne bağlanamadığı için bu bileşen onları\r\n * kendi şablonunda çizer.\r\n */\r\n@Component({\r\n  selector: 'mf-split-button',\r\n  exportAs: 'mfSplitButton',\r\n  imports: [OverlayModule, Button, Icon, Menu, MenuItem, MenuTrigger, Popover],\r\n  host: { class: 'inline-flex' },\r\n  template: `\r\n    <div class=\"inline-flex\" role=\"group\" [attr.aria-label]=\"label()\">\r\n      <button\r\n        mfButton\r\n        type=\"button\"\r\n        [tone]=\"tone()\"\r\n        [appearance]=\"appearance()\"\r\n        [size]=\"size()\"\r\n        [iconStart]=\"icon()\"\r\n        [loading]=\"loading()\"\r\n        [disabled]=\"disabled()\"\r\n        [class]=\"primaryClass()\"\r\n        (click)=\"primaryClick.emit()\"\r\n      >\r\n        {{ label() }}\r\n      </button>\r\n      <button\r\n        mfButton\r\n        type=\"button\"\r\n        cdkOverlayOrigin\r\n        #origin=\"cdkOverlayOrigin\"\r\n        mfMenuTrigger\r\n        #trigger=\"ngMenuTrigger\"\r\n        [menu]=\"menuRef\"\r\n        [tone]=\"tone()\"\r\n        [appearance]=\"appearance()\"\r\n        [size]=\"size()\"\r\n        [disabled]=\"disabled()\"\r\n        [class]=\"toggleClass()\"\r\n        [attr.aria-label]=\"effectiveMenuLabel()\"\r\n      >\r\n        <span\r\n          mfIcon\r\n          [size]=\"16\"\r\n          class=\"transition-transform duration-fast ease-emphasis\"\r\n          [class.rotate-180]=\"trigger.expanded()\"\r\n          >expand_more</span\r\n        >\r\n      </button>\r\n    </div>\r\n    <mf-popover\r\n      [origin]=\"origin\"\r\n      [open]=\"trigger.expanded()\"\r\n      (closed)=\"trigger.close()\"\r\n      placement=\"bottom-end\"\r\n      padding=\"none\"\r\n    >\r\n      <mf-menu #menuRef=\"ngMenu\" (itemSelected)=\"onSelect($event); trigger.close()\">\r\n        @for (item of items(); track item.value) {\r\n          <button\r\n            mfMenuItem\r\n            [value]=\"item.value\"\r\n            [disabled]=\"!!item.disabled\"\r\n            [class.text-danger]=\"item.danger\"\r\n          >\r\n            @if (item.icon) {\r\n              <span mfIcon [size]=\"16\" class=\"text-fg-subtle\" [class.text-danger]=\"item.danger\">{{\r\n                item.icon\r\n              }}</span>\r\n            }\r\n            {{ item.label }}\r\n          </button>\r\n        }\r\n      </mf-menu>\r\n    </mf-popover>\r\n  `,\r\n})\r\nexport class SplitButton<V = string> {\r\n  readonly label = input.required<string>();\r\n  readonly items = input.required<SplitButtonItem<V>[]>();\r\n  readonly icon = input('');\r\n  readonly tone = input<ButtonTone>('primary');\r\n  readonly appearance = input<ButtonAppearance>('filled');\r\n  readonly size = input<'sm' | 'md' | 'lg'>('md');\r\n  readonly loading = input(false, { transform: booleanAttribute });\r\n  readonly disabled = input(false, { transform: booleanAttribute });\r\n  /** Menü düğmesinin erişilebilir adı — verilmezse `MF_SPLIT_BUTTON_LABELS`. */\r\n  readonly menuLabel = input<string>();\r\n\r\n  readonly primaryClick = output<void>();\r\n  readonly itemSelect = output<V>();\r\n\r\n  private readonly labels = inject(MF_SPLIT_BUTTON_LABELS);\r\n  protected readonly effectiveMenuLabel = computed(\r\n    () => this.menuLabel() ?? this.labels().moreActions,\r\n  );\r\n\r\n  /** Bitişik iki düğme: iç köşeler kare, ayırıcı çizgi (dolu görünümde açık ton). */\r\n  protected readonly primaryClass = computed(() => cn('rounded-e-none'));\r\n  protected readonly toggleClass = computed(() =>\r\n    cn(\r\n      'rounded-s-none px-2',\r\n      this.appearance() === 'filled' || this.appearance() === 'soft'\r\n        ? 'border-s-white/20 dark:border-s-black/20'\r\n        : '-ms-px',\r\n    ),\r\n  );\r\n\r\n  protected onSelect(value: V): void {\r\n    this.itemSelect.emit(value);\r\n  }\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mesgflow/ui-kit",
-  "version": "0.9.0",
+  "version": "0.10.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/types/mesgflow-ui-kit-badge.d.ts

@@ -2,13 +2,17 @@ import * as _angular_core from '@angular/core';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
 
-/** `<span mfBadge tone="success">Aktif</span>` */
+/**
+ * `<span mfBadge tone="success">Aktif</span>` — cümle biçimi için
+ * `<span mfBadge tone="warning" casing="sentence">Hazırlanıyor</span>`.
+ */
 declare class Badge {
     readonly tone: _angular_core.InputSignal<"neutral" | "primary" | "success" | "warning" | "danger" | "info" | "help" | null | undefined>;
     readonly size: _angular_core.InputSignal<"sm" | "md" | null | undefined>;
+    readonly casing: _angular_core.InputSignal<"eyebrow" | "sentence" | null | undefined>;
     protected readonly classes: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<Badge, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<Badge, "span[mfBadge]", never, { "tone": { "alias": "tone"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<Badge, "span[mfBadge]", never, { "tone": { "alias": "tone"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "casing": { "alias": "casing"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 /**
@@ -30,10 +34,12 @@ declare class Badge {
  */
 declare const badgeVariants: (props?: ({
     tone?: "neutral" | "primary" | "success" | "warning" | "danger" | "info" | "help" | null | undefined;
+    casing?: "eyebrow" | "sentence" | null | undefined;
     size?: "sm" | "md" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type BadgeTone = VariantProps<typeof badgeVariants>['tone'];
 type BadgeSize = VariantProps<typeof badgeVariants>['size'];
+type BadgeCasing = VariantProps<typeof badgeVariants>['casing'];
 
 export { Badge, badgeVariants };
-export type { BadgeSize, BadgeTone };
+export type { BadgeCasing, BadgeSize, BadgeTone };

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

@@ -71,6 +71,7 @@ declare class Input {
     readonly maxRows: _angular_core.InputSignal<number | null>;
     private readonly elementRef;
     private readonly nativeSizing;
+    private readonly inGroup;
     private lastValue;
     private lastWidth;
     protected readonly classes: _angular_core.Signal<string>;
@@ -84,7 +85,7 @@ declare class Input {
 /**
  * `<mf-input-group>
  *    <span mfInputPrefix><span mfIcon>search</span></span>
- *    <input mfInput class="border-0 bg-transparent shadow-none focus-visible:outline-none" />
+ *    <input mfInput />
  *    <span mfInputSuffix><button type="button">×</button></span>
  *  </mf-input-group>`
  *
@@ -92,15 +93,14 @@ declare class Input {
  * yazdığı "kabuk" reçetesini (bkz. plan Faz 2 P0) `core/recipes.ts`'in
  * `controlSurface`/`controlSize`'ına indirger — üç ayrı kopya yerine TEK
  * kaynak. İçindeki `input[mfInput]` KENDİ border/shadow/outline'ını
- * KAPATMALI (yukarıdaki örnekteki class'lar) — kabuk artık bunları BURADAN
- * sağlıyor, "çift kenarlık" olmasın diye (bkz. `DateRangePicker`'ın eski
- * `wrapperClasses` notu, aynı gerekçe).
+ * kapatır — grubu DI ile algılayıp (bkz. `input.ts` `IN_GROUP_CLASSES`); kabuk
+ * bunları BURADAN sağlıyor, "çift kenarlık" olmasın diye. Tüketici sınıf yazmaz.
  *
  * Odak halkası `has-[:focus-visible]:outline` ile İÇ elemanlardan HERHANGİ
  * biri klavye-odaklandığında TÜM kabuğun etrafında TEK bir halka çizer
  * (`DateRangePicker`'ın iki input'u arasında geçişte "zıplayan" iki ayrı
- * halka yerine) — `input[mfInput]`'un KENDİ `focus-visible:outline`'ı
- * BİLEREK kapatılmalı (yukarıdaki örnek), aksi halde İKİ halka üst üste biner.
+ * halka yerine) — `input[mfInput]`'un KENDİ `focus-visible:outline`'ı bu
+ * yüzden grup içinde otomatik kapanır, aksi halde İKİ halka üst üste binerdi.
  */
 declare class InputGroup {
     readonly size: _angular_core.InputSignal<MfSize>;

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

@@ -1,9 +1,10 @@
 import * as i0 from '@angular/core';
 import * as i1 from '@angular/aria/menu';
-import { Menu as Menu$1 } 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 * as _angular_cdk_overlay from '@angular/cdk/overlay';
 
 /**
  * `<mf-menu #menu="ngMenu" (itemSelected)="onSelect($event)"><button mfMenuItem value="a">A</button></mf-menu>`
@@ -24,12 +25,19 @@ 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"; }; }]>;
 }
 
-/** `<button mfMenuItem value="delete">Sil</button>` — `mf-menu` içine konur. */
+/**
+ * `<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.
+ */
 declare class MenuItem<V> {
-    private readonly ariaMenuItem;
+    readonly checked: i0.InputSignal<boolean | undefined>;
+    protected readonly ariaMenuItem: MenuItem$1<V>;
     protected readonly classes: i0.Signal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<MenuItem<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MenuItem<any>, "button[mfMenuItem], div[mfMenuItem]", never, {}, {}, never, 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; }; }, {}, never, ["*"], true, [{ directive: typeof i1.MenuItem; inputs: { "value": "value"; "disabled": "disabled"; "id": "id"; }; outputs: {}; }]>;
 }
 
 /**
@@ -39,10 +47,58 @@ declare class MenuItem<V> {
  * headless, konum bilgisi taşımıyor; `mf-popover`'ın `[open]="trigger.expanded()"`
  * ile beslenmesi gerekiyor (bkz. playground'daki Menu demosu, `(closed)`
  * çıktısında `trigger.close()` çağırarak iki state'i senkron tutma deseni).
+ *
+ * Konumlandırmayı kendisi yapan (ve `@angular/cdk` import'u gerektirmeyen) biçim
+ * için bkz. `MenuTriggerFor` — `[mfMenuTrigger]="menuRef"`. İkisinin seçicisi
+ * `[menu]` bağlamasının varlığıyla ayrışır, aynı elemanda asla ikisi birden eşleşmez.
  */
 declare class MenuTrigger {
     static ɵfac: i0.ɵɵFactoryDeclaration<MenuTrigger, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MenuTrigger, "[mfMenuTrigger]", ["mfMenuTrigger"], {}, {}, never, never, true, [{ directive: typeof i1.MenuTrigger; inputs: { "menu": "menu"; "disabled": "disabled"; }; outputs: {}; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MenuTrigger, "[mfMenuTrigger][menu]", ["mfMenuTrigger"], {}, {}, never, never, true, [{ directive: typeof i1.MenuTrigger; inputs: { "menu": "menu"; "disabled": "disabled"; }; outputs: {}; }]>;
+}
+/**
+ * `<button mfButton [mfMenuTrigger]="langMenu">TR</button>
+ *  <mf-menu #langMenu="ngMenu" (itemSelected)="setLang($event)">…</mf-menu>`
+ *
+ * Tek düğmeli açılır menü — tüketici `@angular/cdk` import etmez, `mf-popover`
+ * sarmalamaz. Menü şablonda NORMAL yerinde durur (kapalıyken gizli), açılınca
+ * `DomPortal` ile overlay'e TAŞINIR ve tetiğe göre `placement`'a konumlanır;
+ * kapanınca çıkış animasyonundan sonra eski yerine döner — Angular'ın mantıksal
+ * ağacı (içerik projeksiyonu, `mfMenuItem` ↔ `mf-menu` DI bağı) hiç değişmez.
+ *
+ * `[mfMenuTrigger]`'a `mf-menu`'nün `ngMenu` referansı verilir (`mfMenu` DEĞİL —
+ * `@angular/aria`'nın tetikleyicisi kendi `Menu` örneğini ister). ARIA/klavye
+ * (`aria-haspopup`/`aria-expanded`, ok tuşları, typeahead, Enter/Boşluk seçer, Esc
+ * kapatıp odağı tetiğe döndürür) `@angular/aria/menu`'den; bu directive üstüne:
+ * seçimde kapanıp odağı tetiğe döndürme, dışarı tıklamada kapanma.
+ *
+ * Tetik aynı zamanda bir `CdkOverlayOrigin` (host directive) — ayrıca
+ * `cdkOverlayOrigin` yazılmaz.
+ */
+declare class MenuTriggerFor {
+    /** Menünün tetiğe göre konumu — `left`/`right` mantıksal (RTL'de çevrilir). */
+    readonly placement: i0.InputSignal<MfPlacement>;
+    private readonly aria;
+    private readonly overlay;
+    private readonly host;
+    private overlayRef?;
+    private exitTimer?;
+    /** Kapalıyken gizlenen (ve açıkken overlay'e taşınan) menü elemanı. */
+    private hiddenMenu?;
+    private selection?;
+    constructor();
+    /** Public — menüyü kapatır, odak yerinde kalır (aria `close()` ile aynı). */
+    close(): void;
+    /** Public — menüyü açar ve ilk öğeye odaklanır. */
+    open(): void;
+    private bindMenu;
+    private unbindMenu;
+    private attach;
+    private detach;
+    private ensureOverlay;
+    private positionStrategy;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MenuTriggerFor, never>;
+    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?: ({
@@ -83,10 +139,10 @@ declare class Menubar<V = string> {
     readonly itemSelect: i0.OutputEmitterRef<V>;
     protected readonly rendered: i0.WritableSignal<boolean>;
     protected readonly submenus: i0.Signal<readonly Menu$1<V>[]>;
-    protected readonly positions: _angular_cdk_overlay.ConnectedPosition[];
+    protected readonly positions: i2.ConnectedPosition[];
     static ɵfac: i0.ɵɵFactoryDeclaration<Menubar<any>, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<Menubar<any>, "mf-menubar", ["mfMenubar"], { "menus": { "alias": "menus"; "required": true; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "itemSelect": "itemSelect"; }, never, never, true, never>;
 }
 
-export { Menu, MenuItem, MenuTrigger, Menubar, menuItemVariants };
+export { Menu, MenuItem, MenuTrigger, MenuTriggerFor, Menubar, menuItemVariants };
 export type { MenuItemActive, MenubarAction, MenubarMenu };

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

@@ -1,10 +1,26 @@
-import * as _angular_cdk_overlay from '@angular/cdk/overlay';
+import * as i1 from '@angular/cdk/overlay';
 import { CdkOverlayOrigin } from '@angular/cdk/overlay';
 import * as _angular_core from '@angular/core';
+import { ElementRef } from '@angular/core';
 import { MfPlacement } from '@mesgflow/ui-kit/core';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
 
+/**
+ * `<button #trigger="mfPopoverOrigin" mfPopoverOrigin (click)="open.set(true)">…</button>
+ *  <mf-popover [origin]="trigger" [(open)]="open">…</mf-popover>`
+ *
+ * `mf-popover`'ın `[origin]`'i için kitin kendi çapası — tüketici `@angular/cdk`
+ * import etmeden `cdkOverlayOrigin` ile aynı işi görür (host directive olarak onu
+ * taşır). `[origin]` ayrıca bir `HTMLElement`/`ElementRef` (`#ref` şablon
+ * referansı) de kabul eder.
+ */
+declare class PopoverOrigin {
+    readonly elementRef: ElementRef<HTMLElement>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PopoverOrigin, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<PopoverOrigin, "[mfPopoverOrigin]", ["mfPopoverOrigin"], {}, {}, never, never, true, [{ directive: typeof i1.CdkOverlayOrigin; inputs: {}; outputs: {}; }]>;
+}
+
 /**
  * Tüm `MfPlacement` değerleri — `left`/`right` MANTIKSAL (RTL'de çevrilir).
  * `right-start`: tetikleyicinin ÜSTÜYLE hizalı (Sidebar daraltılmış nav
@@ -12,6 +28,12 @@ import { VariantProps } from 'class-variance-authority';
  * beklenmedik yönde kaydırır), 8px boşlukla.
  */
 type PopoverPlacement = MfPlacement;
+/**
+ * `[origin]`'in kabul ettiği çapalar: kitin `mfPopoverOrigin`'i (tercih edilen —
+ * tüketici `@angular/cdk` import etmez), CDK'nın `cdkOverlayOrigin`'i (geriye
+ * uyumlu) ya da düz bir eleman (`#ref` şablon referansı / `ElementRef`).
+ */
+type PopoverOriginRef = PopoverOrigin | CdkOverlayOrigin | ElementRef<HTMLElement> | HTMLElement;
 /**
  * `<button cdkOverlayOrigin #trigger="cdkOverlayOrigin" (click)="open.set(true)">...</button>`
  * `<mf-popover [origin]="trigger" [(open)]="open">...içerik (ng-content)...</mf-popover>`
@@ -25,11 +47,12 @@ type PopoverPlacement = MfPlacement;
  * Popover'ın panel içeriğiyle nasıl kompoze edeceğine karar vermeli, ayrı ve
  * her ekranın tarayıcıda tek tek doğrulanmasını gerektiren bir iş.
  *
- * `origin`, CDK'nın `cdkOverlayOrigin` directive'inin `exportAs` referansı —
- * ayrı bir wrapper directive'e gerek yok, CDK zaten sağlıyor.
+ * `origin`: kitin `mfPopoverOrigin` referansı (tüketici `@angular/cdk` import
+ * etmez), geriye uyumlu olarak `cdkOverlayOrigin` ya da düz bir eleman — bkz.
+ * `PopoverOriginRef`.
  */
 declare class Popover {
-    readonly origin: _angular_core.InputSignal<CdkOverlayOrigin>;
+    readonly origin: _angular_core.InputSignal<PopoverOriginRef>;
     readonly open: _angular_core.ModelSignal<boolean>;
     readonly placement: _angular_core.InputSignal<MfPlacement>;
     readonly padding: _angular_core.InputSignal<"none" | "sm" | "md" | "lg" | null | undefined>;
@@ -53,7 +76,9 @@ declare class Popover {
     protected readonly attached: _angular_core.WritableSignal<boolean>;
     protected readonly closing: _angular_core.WritableSignal<boolean>;
     private exitTimer?;
-    protected readonly positions: _angular_core.Signal<_angular_cdk_overlay.ConnectedPosition[]>;
+    /** CDK'ya verilen çapa — `cdkConnectedOverlayOrigin` bir `ElementRef`'i doğrudan kabul eder. */
+    protected readonly anchor: _angular_core.Signal<ElementRef<HTMLElement>>;
+    protected readonly positions: _angular_core.Signal<i1.ConnectedPosition[]>;
     protected readonly classes: _angular_core.Signal<string>;
     constructor();
     protected close(): void;
@@ -66,5 +91,5 @@ declare const popoverPanelVariants: (props?: ({
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type PopoverPadding = VariantProps<typeof popoverPanelVariants>['padding'];
 
-export { Popover, popoverPanelVariants };
-export type { PopoverPadding, PopoverPlacement };
+export { Popover, PopoverOrigin, popoverPanelVariants };
+export type { PopoverOriginRef, PopoverPadding, PopoverPlacement };