@mesgflow/ui-kit 0.6.0

package/fesm2022/mesgflow-ui-kit-icon.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"mesgflow-ui-kit-icon.mjs","sources":["../../../projects/ui-kit/icon/icon-registry.ts","../../../projects/ui-kit/icon/icon.ts","../../../projects/ui-kit/icon/mesgflow-ui-kit-icon.ts"],"sourcesContent":["import {\r\n  InjectionToken,\r\n  inject,\r\n  makeEnvironmentProviders,\r\n  type EnvironmentProviders,\r\n} from '@angular/core';\r\n\r\n/** SVG alt öğesi — Lucide'ın `IconNode` biçimiyle aynı: `['path', { d: '…' }]`. */\r\nexport type MfIconNode = readonly [tag: string, attrs: Readonly<Record<string, string | number>>];\r\n\r\nexport interface MfSvgIcon {\r\n  /** Varsayılan `'0 0 24 24'` (Material Symbols 24px ızgarası, Lucide). */\r\n  viewBox?: string;\r\n  nodes: readonly MfIconNode[];\r\n  /** `[filled]=\"true\"` iken kullanılacak dolu varyant (verilmezse `nodes`). */\r\n  filledNodes?: readonly MfIconNode[];\r\n  /**\r\n   * `'fill'` (varsayılan — Material Symbols gibi dolgulu glifler) ya da `'stroke'` (Lucide gibi\r\n   * çizgi ikonlar: `fill=\"none\"`, `stroke=\"currentColor\"`, yuvarlak uçlar).\r\n   */\r\n  mode?: 'fill' | 'stroke';\r\n  /** `mode: 'stroke'` iken çizgi kalınlığı (varsayılan 2). */\r\n  strokeWidth?: number;\r\n}\r\n\r\nexport type MfIconSet = Readonly<Record<string, MfSvgIcon>>;\r\n\r\nconst REGISTRATIONS = new InjectionToken<readonly MfIconSet[]>('mesgflow.icon-registrations');\r\n\r\n/**\r\n * Birleştirilmiş SVG ikon kaydı — `provideMfIcons()` uygulama kökünde birden çok kez çağrılabilir\r\n * (ör. temel set + marka ikonları), sonra gelen aynı adı ezer. Kök tekildir: tembel rota\r\n * injector'larındaki kayıtlar görülmez. Kayıt yoksa boş — `mfIcon` Material Symbols fontuna düşer.\r\n */\r\nexport const MF_ICON_REGISTRY = new InjectionToken<ReadonlyMap<string, MfSvgIcon>>(\r\n  'mesgflow.icon-registry',\r\n  {\r\n    factory: () => {\r\n      const sets = inject(REGISTRATIONS, { optional: true }) ?? [];\r\n      return new Map(sets.flatMap((set) => Object.entries(set)));\r\n    },\r\n  },\r\n);\r\n\r\n/**\r\n * `providers: [provideMfIcons({ mail: { nodes: [['path', { d: 'M…' }]] } })]`\r\n *\r\n * İsteğe bağlı SVG ikon kaydı. Kayıtlı bir ad `<span mfIcon>mail</span>` içinde geçtiğinde font\r\n * ligature'ı yerine satır içi SVG çizilir — FOUT'ta ham \"mail\" metni görünmez, yalnızca kullanılan\r\n * glifler pakete girer (tree-shake), özel/marka ikonları eklenebilir. Kaydedilmeyen adlar fontla\r\n * çalışmaya devam eder, yani geçiş kademeli ve kırıcı DEĞİL; tüm adlar kayıtlıysa\r\n * `@material-symbols/font-400` importu tamamen kaldırılabilir.\r\n *\r\n * Güvenlik: işaretleme dizgesi (innerHTML) kabul edilmez; SVG yapısal veriden\r\n * `createElementNS` ile kurulur, yalnızca şekil etiketleri ve sunum öznitelikleri geçer\r\n * (bkz. `icon.ts` `ALLOWED_TAGS`) — kayıt verisi dış kaynaktan gelse bile betik çalıştıramaz.\r\n */\r\nexport function provideMfIcons(icons: MfIconSet): EnvironmentProviders {\r\n  return makeEnvironmentProviders([{ provide: REGISTRATIONS, useValue: icons, multi: true }]);\r\n}\r\n","import {\r\n  Directive,\r\n  ElementRef,\r\n  computed,\r\n  inject,\r\n  input,\r\n  signal,\r\n  type AfterContentChecked,\r\n} from '@angular/core';\r\nimport { MF_ICON_REGISTRY, type MfIconNode, type MfSvgIcon } from './icon-registry';\r\n\r\nconst SVG_NS = 'http://www.w3.org/2000/svg';\r\n/** Yalnızca şekil etiketleri — `script`, `foreignObject`, `use`, `image` vb. hiçbir koşulda. */\r\nconst ALLOWED_TAGS = new Set(['path', 'circle', 'ellipse', 'line', 'polyline', 'polygon', 'rect']);\r\n/** Geometri + sunum öznitelikleri; `on*`, `href`, `style` yok. */\r\nconst ALLOWED_ATTRS = new Set([\r\n  'd',\r\n  'cx',\r\n  'cy',\r\n  'r',\r\n  'rx',\r\n  'ry',\r\n  'x',\r\n  'y',\r\n  'x1',\r\n  'y1',\r\n  'x2',\r\n  'y2',\r\n  'width',\r\n  'height',\r\n  'points',\r\n  'transform',\r\n  'fill',\r\n  'fill-rule',\r\n  'clip-rule',\r\n  'fill-opacity',\r\n  'stroke',\r\n  'stroke-width',\r\n  'stroke-linecap',\r\n  'stroke-linejoin',\r\n  'stroke-opacity',\r\n  'opacity',\r\n]);\r\n/** `url(...)` dış kaynağa/tanıma başvurabilir — değerde hiç izin verilmez. */\r\nconst UNSAFE_VALUE = /url\\s*\\(|javascript:/i;\r\n\r\n/**\r\n * `<span mfIcon>mail</span>` — içerik ikonun İNGİLİZCE adı; renk `text-*` ile, boyut `size`\r\n * (px) ile. `aria-hidden` zorunlu — ad metni (\"mail\") ekran okuyucuya SIZMAMALI.\r\n *\r\n * İki çizim yolu, aynı şablon:\r\n * - **Font** (varsayılan): Material Symbols Outlined ligature'ı (weight 400 — BİLEREK 300 değil,\r\n *   ince ağırlık Inter gövde metninin yanında soluk duruyordu; bkz. preset.css).\r\n * - **SVG**: ad `provideMfIcons()` ile kaydedildiyse satır içi SVG çizilir, ad metni yerinde\r\n *   kalır ama `font-size: 0` ile görünmez (Angular'ın metin düğümüne ve `@if`/`@switch`\r\n *   çapalarına dokunulmaz — düğüm taşımak denetim akışını bozardı). Font sınıfı hiç eklenmez;\r\n *   tüm kullanılan adlar kayıtlıysa font dosyası HİÇ indirilmez.\r\n *\r\n * Ad, ilk değişiklik algılama turunda (`ngAfterContentChecked` — içerik bağlamaları o anda\r\n * güncel) okunur; `{{ item.icon }}` gibi dinamik adlar her turda yeniden karşılaştırılır.\r\n * Kayıt boşsa bu kanca hemen döner (fontla çalışan uygulamalar için sıfır maliyet).\r\n */\r\n@Directive({\r\n  selector: 'span[mfIcon]',\r\n  host: {\r\n    class: 'pointer-events-none inline-block leading-none select-none',\r\n    '[class.material-symbols-outlined]': '!svgIcon()',\r\n    '[style.font-size.px]': 'svgIcon() ? 0 : size()',\r\n    '[style.font-variation-settings]': 'svgIcon() ? null : variationSettings()',\r\n    '[attr.aria-hidden]': 'true',\r\n  },\r\n})\r\nexport class Icon implements AfterContentChecked {\r\n  readonly size = input(20);\r\n  readonly filled = input(false);\r\n\r\n  private readonly registry = inject(MF_ICON_REGISTRY);\r\n  private readonly host = inject<ElementRef<HTMLElement>>(ElementRef);\r\n  private readonly name = signal('');\r\n  private svg: SVGSVGElement | null = null;\r\n  private renderedKey = '';\r\n\r\n  protected readonly svgIcon = computed(() => this.registry.get(this.name()) ?? null);\r\n  protected readonly variationSettings = computed(() => `'FILL' ${this.filled() ? 1 : 0}`);\r\n\r\n  ngAfterContentChecked(): void {\r\n    if (this.registry.size === 0) return;\r\n    const host = this.host.nativeElement;\r\n    // Kendi SVG'miz metin taşımaz — `textContent` yalnızca ad metnidir.\r\n    this.name.set((host.textContent ?? '').trim());\r\n\r\n    const icon = this.svgIcon();\r\n    const key = icon ? `${this.name()}|${this.size()}|${this.filled()}` : '';\r\n    if (key === this.renderedKey) return;\r\n    this.renderedKey = key;\r\n    this.svg?.remove();\r\n    this.svg = icon ? this.buildSvg(host.ownerDocument, icon) : null;\r\n    if (this.svg) host.appendChild(this.svg);\r\n  }\r\n\r\n  private buildSvg(doc: Document, icon: MfSvgIcon): SVGSVGElement {\r\n    const svg = doc.createElementNS(SVG_NS, 'svg');\r\n    const size = String(this.size());\r\n    svg.setAttribute('viewBox', icon.viewBox ?? '0 0 24 24');\r\n    svg.setAttribute('width', size);\r\n    svg.setAttribute('height', size);\r\n    svg.setAttribute('aria-hidden', 'true');\r\n    svg.setAttribute('focusable', 'false');\r\n    svg.setAttribute('class', 'block');\r\n    if (icon.mode === 'stroke') {\r\n      svg.setAttribute('fill', 'none');\r\n      svg.setAttribute('stroke', 'currentColor');\r\n      svg.setAttribute('stroke-width', String(icon.strokeWidth ?? 2));\r\n      svg.setAttribute('stroke-linecap', 'round');\r\n      svg.setAttribute('stroke-linejoin', 'round');\r\n    } else {\r\n      svg.setAttribute('fill', 'currentColor');\r\n    }\r\n    const nodes = this.filled() && icon.filledNodes ? icon.filledNodes : icon.nodes;\r\n    for (const node of nodes) {\r\n      const child = this.buildNode(doc, node);\r\n      if (child) svg.appendChild(child);\r\n    }\r\n    return svg;\r\n  }\r\n\r\n  private buildNode(doc: Document, [tag, attrs]: MfIconNode): SVGElement | null {\r\n    if (!ALLOWED_TAGS.has(tag)) return null;\r\n    const el = doc.createElementNS(SVG_NS, tag);\r\n    for (const [name, value] of Object.entries(attrs)) {\r\n      const text = String(value);\r\n      if (ALLOWED_ATTRS.has(name) && !UNSAFE_VALUE.test(text)) el.setAttribute(name, text);\r\n    }\r\n    return el;\r\n  }\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;AA2BA,MAAM,aAAa,GAAG,IAAI,cAAc,CAAuB,6BAA6B,CAAC;AAE7F;;;;AAIG;MACU,gBAAgB,GAAG,IAAI,cAAc,CAChD,wBAAwB,EACxB;IACE,OAAO,EAAE,MAAK;AACZ,QAAA,MAAM,IAAI,GAAG,MAAM,CAAC,aAAa,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,IAAI,EAAE;QAC5D,OAAO,IAAI,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,KAAK,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC;IAC5D,CAAC;AACF,CAAA;AAGH;;;;;;;;;;;;AAYG;AACG,SAAU,cAAc,CAAC,KAAgB,EAAA;AAC7C,IAAA,OAAO,wBAAwB,CAAC,CAAC,EAAE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC;AAC7F;;AChDA,MAAM,MAAM,GAAG,4BAA4B;AAC3C;AACA,MAAM,YAAY,GAAG,IAAI,GAAG,CAAC,CAAC,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC;AAClG;AACA,MAAM,aAAa,GAAG,IAAI,GAAG,CAAC;IAC5B,GAAG;IACH,IAAI;IACJ,IAAI;IACJ,GAAG;IACH,IAAI;IACJ,IAAI;IACJ,GAAG;IACH,GAAG;IACH,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,OAAO;IACP,QAAQ;IACR,QAAQ;IACR,WAAW;IACX,MAAM;IACN,WAAW;IACX,WAAW;IACX,cAAc;IACd,QAAQ;IACR,cAAc;IACd,gBAAgB;IAChB,iBAAiB;IACjB,gBAAgB;IAChB,SAAS;AACV,CAAA,CAAC;AACF;AACA,MAAM,YAAY,GAAG,uBAAuB;AAE5C;;;;;;;;;;;;;;;AAeG;MAWU,IAAI,CAAA;IACN,IAAI,GAAG,KAAK,CAAC,EAAE;6EAAC;IAChB,MAAM,GAAG,KAAK,CAAC,KAAK;+EAAC;AAEb,IAAA,QAAQ,GAAG,MAAM,CAAC,gBAAgB,CAAC;AACnC,IAAA,IAAI,GAAG,MAAM,CAA0B,UAAU,CAAC;IAClD,IAAI,GAAG,MAAM,CAAC,EAAE;6EAAC;IAC1B,GAAG,GAAyB,IAAI;IAChC,WAAW,GAAG,EAAE;AAEL,IAAA,OAAO,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,IAAI,IAAI;gFAAC;AAChE,IAAA,iBAAiB,GAAG,QAAQ,CAAC,MAAM,UAAU,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,CAAC,CAAA,CAAE;0FAAC;IAExF,qBAAqB,GAAA;AACnB,QAAA,IAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,KAAK,CAAC;YAAE;AAC9B,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,aAAa;;AAEpC,QAAA,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,WAAW,IAAI,EAAE,EAAE,IAAI,EAAE,CAAC;AAE9C,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,EAAE;QAC3B,MAAM,GAAG,GAAG,IAAI,GAAG,CAAA,EAAG,IAAI,CAAC,IAAI,EAAE,CAAA,CAAA,EAAI,IAAI,CAAC,IAAI,EAAE,CAAA,CAAA,EAAI,IAAI,CAAC,MAAM,EAAE,CAAA,CAAE,GAAG,EAAE;AACxE,QAAA,IAAI,GAAG,KAAK,IAAI,CAAC,WAAW;YAAE;AAC9B,QAAA,IAAI,CAAC,WAAW,GAAG,GAAG;AACtB,QAAA,IAAI,CAAC,GAAG,EAAE,MAAM,EAAE;QAClB,IAAI,CAAC,GAAG,GAAG,IAAI,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,aAAa,EAAE,IAAI,CAAC,GAAG,IAAI;QAChE,IAAI,IAAI,CAAC,GAAG;AAAE,YAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC;IAC1C;IAEQ,QAAQ,CAAC,GAAa,EAAE,IAAe,EAAA;QAC7C,MAAM,GAAG,GAAG,GAAG,CAAC,eAAe,CAAC,MAAM,EAAE,KAAK,CAAC;QAC9C,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;QAChC,GAAG,CAAC,YAAY,CAAC,SAAS,EAAE,IAAI,CAAC,OAAO,IAAI,WAAW,CAAC;AACxD,QAAA,GAAG,CAAC,YAAY,CAAC,OAAO,EAAE,IAAI,CAAC;AAC/B,QAAA,GAAG,CAAC,YAAY,CAAC,QAAQ,EAAE,IAAI,CAAC;AAChC,QAAA,GAAG,CAAC,YAAY,CAAC,aAAa,EAAE,MAAM,CAAC;AACvC,QAAA,GAAG,CAAC,YAAY,CAAC,WAAW,EAAE,OAAO,CAAC;AACtC,QAAA,GAAG,CAAC,YAAY,CAAC,OAAO,EAAE,OAAO,CAAC;AAClC,QAAA,IAAI,IAAI,CAAC,IAAI,KAAK,QAAQ,EAAE;AAC1B,YAAA,GAAG,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC;AAChC,YAAA,GAAG,CAAC,YAAY,CAAC,QAAQ,EAAE,cAAc,CAAC;AAC1C,YAAA,GAAG,CAAC,YAAY,CAAC,cAAc,EAAE,MAAM,CAAC,IAAI,CAAC,WAAW,IAAI,CAAC,CAAC,CAAC;AAC/D,YAAA,GAAG,CAAC,YAAY,CAAC,gBAAgB,EAAE,OAAO,CAAC;AAC3C,YAAA,GAAG,CAAC,YAAY,CAAC,iBAAiB,EAAE,OAAO,CAAC;QAC9C;aAAO;AACL,YAAA,GAAG,CAAC,YAAY,CAAC,MAAM,EAAE,cAAc,CAAC;QAC1C;QACA,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,EAAE,IAAI,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,KAAK;AAC/E,QAAA,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE;YACxB,MAAM,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,GAAG,EAAE,IAAI,CAAC;AACvC,YAAA,IAAI,KAAK;AAAE,gBAAA,GAAG,CAAC,WAAW,CAAC,KAAK,CAAC;QACnC;AACA,QAAA,OAAO,GAAG;IACZ;AAEQ,IAAA,SAAS,CAAC,GAAa,EAAE,CAAC,GAAG,EAAE,KAAK,CAAa,EAAA;AACvD,QAAA,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,GAAG,CAAC;AAAE,YAAA,OAAO,IAAI;QACvC,MAAM,EAAE,GAAG,GAAG,CAAC,eAAe,CAAC,MAAM,EAAE,GAAG,CAAC;AAC3C,QAAA,KAAK,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;AACjD,YAAA,MAAM,IAAI,GAAG,MAAM,CAAC,KAAK,CAAC;AAC1B,YAAA,IAAI,aAAa,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC;AAAE,gBAAA,EAAE,CAAC,YAAY,CAAC,IAAI,EAAE,IAAI,CAAC;QACtF;AACA,QAAA,OAAO,EAAE;IACX;uGA9DW,IAAI,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAJ,IAAI,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iCAAA,EAAA,YAAA,EAAA,oBAAA,EAAA,wBAAA,EAAA,+BAAA,EAAA,wCAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,EAAA,cAAA,EAAA,2DAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAJ,IAAI,EAAA,UAAA,EAAA,CAAA;kBAVhB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,cAAc;AACxB,oBAAA,IAAI,EAAE;AACJ,wBAAA,KAAK,EAAE,2DAA2D;AAClE,wBAAA,mCAAmC,EAAE,YAAY;AACjD,wBAAA,sBAAsB,EAAE,wBAAwB;AAChD,wBAAA,iCAAiC,EAAE,wCAAwC;AAC3E,wBAAA,oBAAoB,EAAE,MAAM;AAC7B,qBAAA;AACF,iBAAA;;;ACvED;;AAEG;;"}

package/fesm2022/mesgflow-ui-kit-input.mjs

@@ -0,0 +1,448 @@
+import * as i0 from '@angular/core';
+import { input, inject, Renderer2, signal, computed, linkedSignal, effect, afterEveryRender, Component, InjectionToken, ElementRef, DestroyRef, afterNextRender, Directive, booleanAttribute } from '@angular/core';
+import { MF_CHARACTER_COUNT_LABELS, cn, controlSize, controlSurface, disabledRecipe } from '@mesgflow/ui-kit/core';
+import { cva } from 'class-variance-authority';
+
+let characterCountIdSeq = 0;
+/** Kalan karakter bu sayının altına inince her tuşta, üstündeyken 5'in katlarında duyurulur. */
+const ANNOUNCE_EVERY_BELOW = 5;
+/**
+ * `<textarea mfInput #bio maxlength="280"></textarea>
+ *  <mf-character-count [for]="bio" />`
+ *
+ * Görünen metin `12 / 280` (sınır yoksa yalnızca `12`) ekran okuyucudan GİZLİ. Bunun yerine:
+ * - hedef alanın `aria-describedby`'ına eklenen gizli bir açıklama ("268 characters remaining"),
+ *   alana odaklanınca okunur;
+ * - sınıra yaklaşınca (`warnAt`, varsayılan %90) bir `aria-live` bölgesi, her tuşta DEĞİL
+ *   5'in katlarında, son 5 karakterde ise her tuşta duyurur — gevezelik etmeden haber verir.
+ *
+ * Sınır: `max` verilirse YUMUŞAK sınır (yazmaya izin verir, aşım `danger` ve negatif gösterilir —
+ * tüketici alanı ayrıca `hasError` ile işaretler); verilmezse hedefin `maxlength`'i (tarayıcı
+ * zaten engeller). Sayım `value.length` — tarayıcının `maxlength` sayımıyla (UTF-16) birebir.
+ * Programatik değer değişimleri (form reset, `writeValue`) her render'dan sonra yakalanır.
+ */
+class CharacterCount {
+    for = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "for" }] : /* istanbul ignore next */ []));
+    /** Yumuşak sınır. Verilmezse hedefin `maxlength` özniteliği kullanılır. */
+    max = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "max" }] : /* istanbul ignore next */ []));
+    /** Uyarı tonunun başladığı doluluk oranı (0–1). */
+    warnAt = input(0.9, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "warnAt" }] : /* istanbul ignore next */ []));
+    labels = inject(MF_CHARACTER_COUNT_LABELS);
+    renderer = inject(Renderer2);
+    descriptionId = `mf-character-count-${++characterCountIdSeq}`;
+    length = signal(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "length" }] : /* istanbul ignore next */ []));
+    limit = computed(() => {
+        const max = this.max();
+        if (max !== undefined)
+            return max;
+        const native = this.for().maxLength;
+        return native > 0 ? native : null;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "limit" }] : /* istanbul ignore next */ []));
+    remaining = computed(() => {
+        const limit = this.limit();
+        return limit === null ? null : limit - this.length();
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "remaining" }] : /* istanbul ignore next */ []));
+    tone = computed(() => {
+        const limit = this.limit();
+        const remaining = this.remaining();
+        if (limit === null || remaining === null)
+            return 'muted';
+        if (remaining <= 0)
+            return 'danger';
+        return this.length() >= limit * this.warnAt() ? 'warning' : 'muted';
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "tone" }] : /* istanbul ignore next */ []));
+    classes = computed(() => cn('block text-end text-xs tabular-nums transition-colors duration-fast ease-emphasis', this.tone() === 'danger'
+        ? 'font-medium text-danger'
+        : this.tone() === 'warning'
+            ? 'text-warning'
+            : 'text-fg-subtle'), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
+    display = computed(() => {
+        const limit = this.limit();
+        return limit === null ? `${this.length()}` : `${this.length()} / ${limit}`;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "display" }] : /* istanbul ignore next */ []));
+    description = computed(() => {
+        const labels = this.labels();
+        const remaining = this.remaining();
+        if (remaining === null)
+            return `${this.length()} ${labels.characters}`;
+        return remaining >= 0
+            ? `${remaining} ${labels.remaining}`
+            : `${-remaining} ${labels.overLimit}`;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "description" }] : /* istanbul ignore next */ []));
+    /** Yalnızca uyarı bölgesinde ve kilometre taşlarında güncellenir; aradaki tuşlarda son metin kalır. */
+    announcement = linkedSignal({ ...(ngDevMode ? { debugName: "announcement" } : /* istanbul ignore next */ {}), source: () => {
+            const remaining = this.remaining();
+            const active = remaining !== null && this.tone() !== 'muted';
+            const milestone = active && (remaining <= ANNOUNCE_EVERY_BELOW || remaining % ANNOUNCE_EVERY_BELOW === 0);
+            return { active, milestone, text: this.description() };
+        },
+        computation: ({ active, milestone, text }, previous) => {
+            if (!active)
+                return '';
+            return milestone ? text : (previous?.value ?? '');
+        } });
+    constructor() {
+        effect((onCleanup) => {
+            const target = this.for();
+            this.length.set(target.value.length);
+            const off = this.renderer.listen(target, 'input', () => this.length.set(target.value.length));
+            const ids = (target.getAttribute('aria-describedby') ?? '').split(/\s+/).filter(Boolean);
+            if (!ids.includes(this.descriptionId)) {
+                target.setAttribute('aria-describedby', [...ids, this.descriptionId].join(' '));
+            }
+            onCleanup(() => {
+                off();
+                const rest = (target.getAttribute('aria-describedby') ?? '')
+                    .split(/\s+/)
+                    .filter((id) => id && id !== this.descriptionId);
+                if (rest.length)
+                    target.setAttribute('aria-describedby', rest.join(' '));
+                else
+                    target.removeAttribute('aria-describedby');
+            });
+        });
+        // `input` olayı atmayan programatik değişimler (form reset, `writeValue`).
+        afterEveryRender({
+            read: () => {
+                const current = this.for().value.length;
+                if (current !== this.length())
+                    this.length.set(current);
+            },
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: CharacterCount, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.6", type: CharacterCount, isStandalone: true, selector: "mf-character-count", inputs: { for: { classPropertyName: "for", publicName: "for", isSignal: true, isRequired: true, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, warnAt: { classPropertyName: "warnAt", publicName: "warnAt", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()" } }, exportAs: ["mfCharacterCount"], ngImport: i0, template: `
+    <span aria-hidden="true">{{ display() }}</span>
+    <span class="sr-only" [id]="descriptionId">{{ description() }}</span>
+    <span class="sr-only" aria-live="polite">{{ announcement() }}</span>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: CharacterCount, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'mf-character-count',
+                    exportAs: 'mfCharacterCount',
+                    host: { '[class]': 'classes()' },
+                    template: `
+    <span aria-hidden="true">{{ display() }}</span>
+    <span class="sr-only" [id]="descriptionId">{{ description() }}</span>
+    <span class="sr-only" aria-live="polite">{{ announcement() }}</span>
+  `,
+                }]
+        }], ctorParameters: () => [], propDecorators: { for: [{ type: i0.Input, args: [{ isSignal: true, alias: "for", required: true }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], warnAt: [{ type: i0.Input, args: [{ isSignal: true, alias: "warnAt", required: false }] }] } });
+
+/**
+ * Bkz. `core/recipes.ts` `controlSurface`/`focusRecipe`/`disabledRecipe`/
+ * `errorRecipe` — bu dosya onların TEK tüketicisi değil (Select/NumberInput/
+ * ... aynı reçeteleri paylaşır), form kontrolleri genelinde tek kaynak.
+ *
+ * `size` ekseni `min-h-*` KULLANIR, `h-control-*` (sabit yükseklik) DEĞİL:
+ * selector `textarea[mfInput]`'ı da kapsıyor (bkz. input.ts), sabit yükseklik
+ * çok satırlı `rows` kullanan bir textarea'yı sıkıştırırdı. Tek satırlık
+ * `<input>`'ta `py-*` ile birlikte tam kontrol yüksekliğine oturuyor,
+ * textarea `rows` arttıkça bu tabanın üstüne doğal büyüyor. `min-h-(--control-h-*)`
+ * — Tailwind v4'ün parantezli kısayolu, `--control-h-*` token'ına (radius.css)
+ * doğrudan referans, ayrı bir `min-h-control-*` utility'si tanımlamaya gerek yok.
+ *
+ * `hasError` (invalid DEĞİL): `@angular/forms/signals`'ın `[formField]`
+ * directive'i, AYNI native elemandaki başka bir directive'in `invalid`/
+ * `disabled`/`required`/`pattern`/... adlı input'larını (bkz. signals.mjs
+ * `FIELD_STATE_KEY_TO_CONTROL_BINDING`) OTOMATİK olarak alanın ham validity
+ * durumuyla dolduruyor — henüz dokunulmamış (untouched) zorunlu bir alan bile
+ * anında "invalid" oluyor ve kırmızı görünüyordu (gerçek bug, tarayıcıda
+ * yakalandı). `hasError` bu rezerve isim listesinde YOK, çakışmıyor —
+ * çağıran ekran görünürlüğü kendi `touched()/errors()` mantığıyla kontrol
+ * etmeye devam ediyor.
+ */
+const inputVariants = cva('w-full rounded-md border border-border bg-surface text-fg shadow-control ' +
+    'transition-colors duration-fast ease-emphasis placeholder:text-fg-subtle ' +
+    'hover:border-border-strong ' +
+    'focus:border-accent focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus-ring ' +
+    'disabled:cursor-not-allowed disabled:pointer-events-none disabled:opacity-50 disabled:shadow-none disabled:hover:border-border', {
+    variants: {
+        size: {
+            sm: 'min-h-(--control-h-sm) px-2.5 py-1 text-sm',
+            md: 'min-h-(--control-h-md) px-3 py-1.5 text-sm',
+            lg: 'min-h-(--control-h-lg) px-3.5 py-2 text-base',
+        },
+        hasError: {
+            true: 'border-danger focus:border-danger focus-visible:outline-danger',
+            false: '',
+        },
+    },
+    defaultVariants: { size: 'md', hasError: false },
+});
+
+/**
+ * `field-sizing: content` desteği — içerik boyunda büyüyen native kontrol (Chromium 123+;
+ * desteklemeyen tarayıcıda JS yedeği). Token olarak: testler iki yolu da açıkça seçebilsin.
+ */
+const MF_FIELD_SIZING_SUPPORTED = new InjectionToken('mesgflow.field-sizing', {
+    factory: () => typeof CSS !== 'undefined' && CSS.supports?.('field-sizing', 'content') === true,
+});
+/**
+ * `<input mfInput>` / `<textarea mfInput>` — checkbox/radio hariç (bkz.
+ * `Checkbox`, `@mesgflow/ui-kit/checkbox`). Karakter sayacı için `<mf-character-count>`.
+ *
+ * `autosize`/`minRows`/`maxRows` SADECE `textarea[mfInput]`'ta anlamlı — içerik büyüdükçe
+ * yükseklik artar, `maxRows`'ta durup kaydırmaya geçer. İki yol:
+ * - **`field-sizing: content` destekleniyorsa** büyüme tamamen CSS'te — yazma, yapıştırma,
+ *   programatik değer (form reset) ve genişlik değişimi tarayıcının kendi yerleşiminde;
+ *   JS yalnızca `min/max-height`'ı satır sayısından bir kez hesaplar.
+ * - **Değilse** ölçerek: `input` olayı + her render sonrası değer karşılaştırması (olay atmayan
+ *   programatik değişimler) + `ResizeObserver` ile genişlik değişimi (satır kırılımı değişir).
+ *
+ * Satır yüksekliğine dolgu VE kenarlık eklenir (`box-sizing: border-box`) — eskiden yalnızca
+ * `rows × line-height` alınıyordu; `minRows=2` alan iki satırdan kısa, son satır kırpık çıkıyordu.
+ */
+class Input {
+    size = input('md', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    /** Field'ın `error` input'u dolu olduğunda çağıran ekran bunu true geçer. */
+    hasError = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "hasError" }] : /* istanbul ignore next */ []));
+    autosize = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "autosize" }] : /* istanbul ignore next */ []));
+    minRows = input(2, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "minRows" }] : /* istanbul ignore next */ []));
+    maxRows = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "maxRows" }] : /* istanbul ignore next */ []));
+    elementRef = inject(ElementRef);
+    nativeSizing = inject(MF_FIELD_SIZING_SUPPORTED);
+    lastValue = null;
+    lastWidth = 0;
+    classes = computed(() => cn(inputVariants({ size: this.size(), hasError: this.hasError() }), this.autosize() && 'resize-none', this.autosize() && this.nativeSizing && '[field-sizing:content]'), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
+    constructor() {
+        // Kuruluşta (önceden dolu bir değerle) VE minRows/maxRows/size değişince yeniden hesapla.
+        effect(() => {
+            if (!this.autosize())
+                return;
+            this.minRows();
+            this.maxRows();
+            this.size();
+            this.resize();
+        });
+        if (this.nativeSizing)
+            return;
+        afterEveryRender({
+            read: () => {
+                if (!this.autosize())
+                    return;
+                const value = this.elementRef.nativeElement.value;
+                if (value !== this.lastValue)
+                    this.resize();
+            },
+        });
+        const destroyRef = inject(DestroyRef);
+        afterNextRender(() => {
+            if (typeof ResizeObserver === 'undefined')
+                return;
+            const el = this.elementRef.nativeElement;
+            const observer = new ResizeObserver(([entry]) => {
+                const width = entry?.contentRect.width ?? 0;
+                // Yalnızca GENİŞLİK — kendi yükseklik yazımımız gözlemciyi yeniden tetiklemesin.
+                if (!this.autosize() || width === this.lastWidth)
+                    return;
+                this.lastWidth = width;
+                this.resize();
+            });
+            observer.observe(el);
+            destroyRef.onDestroy(() => observer.disconnect());
+        });
+    }
+    onInput() {
+        if (this.autosize() && !this.nativeSizing)
+            this.resize();
+    }
+    resize() {
+        const el = this.elementRef.nativeElement;
+        const style = getComputedStyle(el);
+        const lineHeight = parseFloat(style.lineHeight) || 20;
+        const padding = parseFloat(style.paddingTop) + parseFloat(style.paddingBottom) || 0;
+        const border = parseFloat(style.borderTopWidth) + parseFloat(style.borderBottomWidth) || 0;
+        const chrome = padding + (style.boxSizing === 'border-box' ? border : 0);
+        const min = this.minRows() * lineHeight + chrome;
+        const maxRows = this.maxRows();
+        const max = maxRows ? maxRows * lineHeight + chrome : Infinity;
+        if (this.nativeSizing) {
+            el.style.minHeight = `${min}px`;
+            el.style.maxHeight = Number.isFinite(max) ? `${max}px` : '';
+            return;
+        }
+        this.lastValue = el.value;
+        el.style.height = 'auto';
+        // `scrollHeight` dolguyu içerir ama kenarlığı içermez.
+        const content = el.scrollHeight + (style.boxSizing === 'border-box' ? border : 0);
+        el.style.height = `${Math.min(Math.max(content, min), max)}px`;
+        el.style.overflowY = content > max ? 'auto' : 'hidden';
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: Input, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.6", type: Input, isStandalone: true, selector: "input[mfInput]:not([type=checkbox]):not([type=radio]), textarea[mfInput]", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, hasError: { classPropertyName: "hasError", publicName: "hasError", isSignal: true, isRequired: false, transformFunction: null }, autosize: { classPropertyName: "autosize", publicName: "autosize", isSignal: true, isRequired: false, transformFunction: null }, minRows: { classPropertyName: "minRows", publicName: "minRows", isSignal: true, isRequired: false, transformFunction: null }, maxRows: { classPropertyName: "maxRows", publicName: "maxRows", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "input": "onInput()" }, properties: { "class": "classes()", "attr.rows": "autosize() ? minRows() : null" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: Input, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'input[mfInput]:not([type=checkbox]):not([type=radio]), textarea[mfInput]',
+                    host: {
+                        '[class]': 'classes()',
+                        '[attr.rows]': 'autosize() ? minRows() : null',
+                        '(input)': 'onInput()',
+                    },
+                }]
+        }], ctorParameters: () => [], propDecorators: { size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], hasError: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasError", required: false }] }], autosize: [{ type: i0.Input, args: [{ isSignal: true, alias: "autosize", required: false }] }], minRows: [{ type: i0.Input, args: [{ isSignal: true, alias: "minRows", required: false }] }], maxRows: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxRows", required: false }] }] } });
+
+const FOCUS_RING_BASE = 'has-[:focus-visible]:outline has-[:focus-visible]:outline-2 has-[:focus-visible]:outline-offset-2';
+/**
+ * `<mf-input-group>
+ *    <span mfInputPrefix><span mfIcon>search</span></span>
+ *    <input mfInput class="border-0 bg-transparent shadow-none focus-visible:outline-none" />
+ *    <span mfInputSuffix><button type="button">×</button></span>
+ *  </mf-input-group>`
+ *
+ * `SearchInput`/`NumberInput`/`DateRangePicker`'ın HER BİRİNİN kendi elle
+ * 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).
+ *
+ * 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.
+ */
+class InputGroup {
+    size = input('md', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    disabled = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
+    hasError = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "hasError" }] : /* istanbul ignore next */ []));
+    /**
+     * `false` → iç dolgu/aralık (`px-*`/`gap-*`) KALKAR, çocuklar `items-stretch`
+     * ile TAM yüksekliği doldurur — kenardan kenara oturan (dış kabuğun
+     * `rounded-*`sini birebir paylaşan) düğmeler için (ör. `NumberInput`'un
+     * azalt/artır düğmeleri). Varsayılan `true` — ikon/metin gibi "nefes payı"
+     * isteyen eklerin (ör. `DateRangePicker`'ın takvim ikonu) olağan hali.
+     */
+    padded = input(true, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "padded" }] : /* istanbul ignore next */ []));
+    /**
+     * `true` → sabit `h-control-*` yerine `h-auto` + `flex-wrap` — içerik
+     * (ör. `TagInput`'un çoğalan Chip'leri) tek satıra sığmadığında kabuk
+     * BÜYÜR, taşırmaz. Varsayılan `false` (tek satırlık kontroller — ESKİ
+     * davranış birebir korunur).
+     */
+    wrap = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "wrap" }] : /* istanbul ignore next */ []));
+    /** `controlSize`'ın `px-*` değerleriyle birebir (sm 2.5 · md 3 · lg 3.5). */
+    edgePadding = computed(() => this.padded() ? { sm: '0.625rem', md: '0.75rem', lg: '0.875rem' }[this.size()] : '0px', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "edgePadding" }] : /* istanbul ignore next */ []));
+    classes = computed(() => {
+        const error = this.hasError();
+        const padded = this.padded();
+        const wrap = this.wrap();
+        // `h-control-*` özel bir utility — tailwind-merge onu standart `h-*`
+        // ailesinin bir parçası TANIMIYOR, `cn()`'e `h-auto` ile BİRLİKTE
+        // verilseler ikisi de çıktıda KALIR (derlenmiş CSS'te hangisinin
+        // kazanacağı belirsiz kalır, gerçek bulgu — bkz. input-group.spec.ts).
+        // `wrap=true`'da yükseklik token'ını KAYNAKTA çıkarıyoruz, twMerge'e
+        // çakışmayı çözmesi için güvenmek yerine.
+        const sizeClasses = wrap
+            ? controlSize[this.size()].replace(/\bh-control-\w+\b/, '').trim()
+            : controlSize[this.size()];
+        return cn('flex w-full', wrap ? 'flex-wrap' : '', padded ? 'items-center gap-1.5' : 'items-stretch', controlSurface, sizeClasses, padded ? '' : 'px-0', wrap ? 'h-auto py-1.5' : '', FOCUS_RING_BASE, error
+            ? 'border-danger focus-within:border-danger has-[:focus-visible]:outline-danger'
+            : 'has-[:focus-visible]:outline-focus-ring', disabledRecipe);
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: InputGroup, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.6", type: InputGroup, isStandalone: true, selector: "mf-input-group", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, hasError: { classPropertyName: "hasError", publicName: "hasError", isSignal: true, isRequired: false, transformFunction: null }, padded: { classPropertyName: "padded", publicName: "padded", isSignal: true, isRequired: false, transformFunction: null }, wrap: { classPropertyName: "wrap", publicName: "wrap", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()", "attr.aria-disabled": "disabled() || null", "style.--mf-input-group-px": "edgePadding()" } }, exportAs: ["mfInputGroup"], ngImport: i0, template: `
+    <ng-content select="[mfInputPrefix]" />
+    <ng-content />
+    <ng-content select="[mfInputSuffix]" />
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: InputGroup, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'mf-input-group',
+                    exportAs: 'mfInputGroup',
+                    host: {
+                        '[class]': 'classes()',
+                        '[attr.aria-disabled]': 'disabled() || null',
+                        // `addon` ekler kabuğun yatay dolgusunu bu değişkenle geri alıp kenara oturur (bkz. InputPrefix).
+                        '[style.--mf-input-group-px]': 'edgePadding()',
+                    },
+                    template: `
+    <ng-content select="[mfInputPrefix]" />
+    <ng-content />
+    <ng-content select="[mfInputSuffix]" />
+  `,
+                }]
+        }], propDecorators: { size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], hasError: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasError", required: false }] }], padded: [{ type: i0.Input, args: [{ isSignal: true, alias: "padded", required: false }] }], wrap: [{ type: i0.Input, args: [{ isSignal: true, alias: "wrap", required: false }] }] } });
+
+/** Kabuğun kenarına oturan bitişik bölüm — zemin, ayırıcı ve dış köşe yarıçapı (bkz. `addon`). */
+const INPUT_ADDON_BASE = 'self-stretch bg-surface-alt px-3 text-sm text-fg-muted border-border ' +
+    'ms-[calc(var(--mf-input-group-px,0px)*-1)] rounded-s-[inherit] border-e';
+/**
+ * `<span mfInputPrefix><span mfIcon>search</span></span>` — bkz. `input-group.ts`'in JSDoc'u.
+ *
+ * `addon`: metin/seçim eki (`https://`, `₺`, alan kodu) kabuğun sol kenarına BİTİŞİK bir bölüm
+ * olur — sönük zemin + ayırıcı çizgi, kabuğun dolgusu `--mf-input-group-px` ile geri alınır.
+ */
+class InputPrefix {
+    addon = input(false, { ...(ngDevMode ? { debugName: "addon" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    classes = computed(() => cn('flex shrink-0 items-center text-fg-subtle', this.addon() && INPUT_ADDON_BASE), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: InputPrefix, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.6", type: InputPrefix, isStandalone: true, selector: "[mfInputPrefix]", inputs: { addon: { classPropertyName: "addon", publicName: "addon", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: InputPrefix, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[mfInputPrefix]',
+                    host: { '[class]': 'classes()' },
+                }]
+        }], propDecorators: { addon: [{ type: i0.Input, args: [{ isSignal: true, alias: "addon", required: false }] }] } });
+
+/**
+ * `<span mfInputSuffix><button ...>×</button></span>` — bkz. `input-group.ts`'in JSDoc'u.
+ * `addon`: sağ kenara bitişik bölüm (`.com`, `kg`, birim seçimi) — bkz. `InputPrefix.addon`.
+ */
+class InputSuffix {
+    addon = input(false, { ...(ngDevMode ? { debugName: "addon" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    classes = computed(() => cn('flex shrink-0 items-center text-fg-subtle', this.addon() &&
+        'self-stretch bg-surface-alt px-3 text-sm text-fg-muted border-border ' +
+            'me-[calc(var(--mf-input-group-px,0px)*-1)] rounded-e-[inherit] border-s'), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: InputSuffix, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.6", type: InputSuffix, isStandalone: true, selector: "[mfInputSuffix]", inputs: { addon: { classPropertyName: "addon", publicName: "addon", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: InputSuffix, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[mfInputSuffix]',
+                    host: { '[class]': 'classes()' },
+                }]
+        }], propDecorators: { addon: [{ type: i0.Input, args: [{ isSignal: true, alias: "addon", required: false }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CharacterCount, Input, InputGroup, InputPrefix, InputSuffix, MF_FIELD_SIZING_SUPPORTED, inputVariants };
+//# sourceMappingURL=mesgflow-ui-kit-input.mjs.map

package/fesm2022/mesgflow-ui-kit-input.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"mesgflow-ui-kit-input.mjs","sources":["../../../projects/ui-kit/input/character-count.ts","../../../projects/ui-kit/input/input.variants.ts","../../../projects/ui-kit/input/input.ts","../../../projects/ui-kit/input/input-group.ts","../../../projects/ui-kit/input/input-prefix.ts","../../../projects/ui-kit/input/input-suffix.ts","../../../projects/ui-kit/input/mesgflow-ui-kit-input.ts"],"sourcesContent":["import {\r\n  Component,\r\n  Renderer2,\r\n  afterEveryRender,\r\n  computed,\r\n  effect,\r\n  inject,\r\n  input,\r\n  linkedSignal,\r\n  signal,\r\n} from '@angular/core';\r\nimport { cn, MF_CHARACTER_COUNT_LABELS } from '@mesgflow/ui-kit/core';\r\n\r\nlet characterCountIdSeq = 0;\r\n\r\n/** Kalan karakter bu sayının altına inince her tuşta, üstündeyken 5'in katlarında duyurulur. */\r\nconst ANNOUNCE_EVERY_BELOW = 5;\r\n\r\n/**\r\n * `<textarea mfInput #bio maxlength=\"280\"></textarea>\r\n *  <mf-character-count [for]=\"bio\" />`\r\n *\r\n * Görünen metin `12 / 280` (sınır yoksa yalnızca `12`) ekran okuyucudan GİZLİ. Bunun yerine:\r\n * - hedef alanın `aria-describedby`'ına eklenen gizli bir açıklama (\"268 characters remaining\"),\r\n *   alana odaklanınca okunur;\r\n * - sınıra yaklaşınca (`warnAt`, varsayılan %90) bir `aria-live` bölgesi, her tuşta DEĞİL\r\n *   5'in katlarında, son 5 karakterde ise her tuşta duyurur — gevezelik etmeden haber verir.\r\n *\r\n * Sınır: `max` verilirse YUMUŞAK sınır (yazmaya izin verir, aşım `danger` ve negatif gösterilir —\r\n * tüketici alanı ayrıca `hasError` ile işaretler); verilmezse hedefin `maxlength`'i (tarayıcı\r\n * zaten engeller). Sayım `value.length` — tarayıcının `maxlength` sayımıyla (UTF-16) birebir.\r\n * Programatik değer değişimleri (form reset, `writeValue`) her render'dan sonra yakalanır.\r\n */\r\n@Component({\r\n  selector: 'mf-character-count',\r\n  exportAs: 'mfCharacterCount',\r\n  host: { '[class]': 'classes()' },\r\n  template: `\r\n    <span aria-hidden=\"true\">{{ display() }}</span>\r\n    <span class=\"sr-only\" [id]=\"descriptionId\">{{ description() }}</span>\r\n    <span class=\"sr-only\" aria-live=\"polite\">{{ announcement() }}</span>\r\n  `,\r\n})\r\nexport class CharacterCount {\r\n  readonly for = input.required<HTMLInputElement | HTMLTextAreaElement>();\r\n  /** Yumuşak sınır. Verilmezse hedefin `maxlength` özniteliği kullanılır. */\r\n  readonly max = input<number>();\r\n  /** Uyarı tonunun başladığı doluluk oranı (0–1). */\r\n  readonly warnAt = input(0.9);\r\n\r\n  private readonly labels = inject(MF_CHARACTER_COUNT_LABELS);\r\n  private readonly renderer = inject(Renderer2);\r\n  protected readonly descriptionId = `mf-character-count-${++characterCountIdSeq}`;\r\n\r\n  protected readonly length = signal(0);\r\n\r\n  protected readonly limit = computed(() => {\r\n    const max = this.max();\r\n    if (max !== undefined) return max;\r\n    const native = this.for().maxLength;\r\n    return native > 0 ? native : null;\r\n  });\r\n  protected readonly remaining = computed(() => {\r\n    const limit = this.limit();\r\n    return limit === null ? null : limit - this.length();\r\n  });\r\n\r\n  protected readonly tone = computed<'muted' | 'warning' | 'danger'>(() => {\r\n    const limit = this.limit();\r\n    const remaining = this.remaining();\r\n    if (limit === null || remaining === null) return 'muted';\r\n    if (remaining <= 0) return 'danger';\r\n    return this.length() >= limit * this.warnAt() ? 'warning' : 'muted';\r\n  });\r\n\r\n  protected readonly classes = computed(() =>\r\n    cn(\r\n      'block text-end text-xs tabular-nums transition-colors duration-fast ease-emphasis',\r\n      this.tone() === 'danger'\r\n        ? 'font-medium text-danger'\r\n        : this.tone() === 'warning'\r\n          ? 'text-warning'\r\n          : 'text-fg-subtle',\r\n    ),\r\n  );\r\n\r\n  protected readonly display = computed(() => {\r\n    const limit = this.limit();\r\n    return limit === null ? `${this.length()}` : `${this.length()} / ${limit}`;\r\n  });\r\n\r\n  protected readonly description = computed(() => {\r\n    const labels = this.labels();\r\n    const remaining = this.remaining();\r\n    if (remaining === null) return `${this.length()} ${labels.characters}`;\r\n    return remaining >= 0\r\n      ? `${remaining} ${labels.remaining}`\r\n      : `${-remaining} ${labels.overLimit}`;\r\n  });\r\n\r\n  /** Yalnızca uyarı bölgesinde ve kilometre taşlarında güncellenir; aradaki tuşlarda son metin kalır. */\r\n  protected readonly announcement = linkedSignal<\r\n    { active: boolean; milestone: boolean; text: string },\r\n    string\r\n  >({\r\n    source: () => {\r\n      const remaining = this.remaining();\r\n      const active = remaining !== null && this.tone() !== 'muted';\r\n      const milestone =\r\n        active && (remaining <= ANNOUNCE_EVERY_BELOW || remaining % ANNOUNCE_EVERY_BELOW === 0);\r\n      return { active, milestone, text: this.description() };\r\n    },\r\n    computation: ({ active, milestone, text }, previous) => {\r\n      if (!active) return '';\r\n      return milestone ? text : (previous?.value ?? '');\r\n    },\r\n  });\r\n\r\n  constructor() {\r\n    effect((onCleanup) => {\r\n      const target = this.for();\r\n      this.length.set(target.value.length);\r\n      const off = this.renderer.listen(target, 'input', () => this.length.set(target.value.length));\r\n\r\n      const ids = (target.getAttribute('aria-describedby') ?? '').split(/\\s+/).filter(Boolean);\r\n      if (!ids.includes(this.descriptionId)) {\r\n        target.setAttribute('aria-describedby', [...ids, this.descriptionId].join(' '));\r\n      }\r\n\r\n      onCleanup(() => {\r\n        off();\r\n        const rest = (target.getAttribute('aria-describedby') ?? '')\r\n          .split(/\\s+/)\r\n          .filter((id) => id && id !== this.descriptionId);\r\n        if (rest.length) target.setAttribute('aria-describedby', rest.join(' '));\r\n        else target.removeAttribute('aria-describedby');\r\n      });\r\n    });\r\n\r\n    // `input` olayı atmayan programatik değişimler (form reset, `writeValue`).\r\n    afterEveryRender({\r\n      read: () => {\r\n        const current = this.for().value.length;\r\n        if (current !== this.length()) this.length.set(current);\r\n      },\r\n    });\r\n  }\r\n}\r\n","import { cva, type VariantProps } from 'class-variance-authority';\r\n\r\n/**\r\n * Bkz. `core/recipes.ts` `controlSurface`/`focusRecipe`/`disabledRecipe`/\r\n * `errorRecipe` — bu dosya onların TEK tüketicisi değil (Select/NumberInput/\r\n * ... aynı reçeteleri paylaşır), form kontrolleri genelinde tek kaynak.\r\n *\r\n * `size` ekseni `min-h-*` KULLANIR, `h-control-*` (sabit yükseklik) DEĞİL:\r\n * selector `textarea[mfInput]`'ı da kapsıyor (bkz. input.ts), sabit yükseklik\r\n * çok satırlı `rows` kullanan bir textarea'yı sıkıştırırdı. Tek satırlık\r\n * `<input>`'ta `py-*` ile birlikte tam kontrol yüksekliğine oturuyor,\r\n * textarea `rows` arttıkça bu tabanın üstüne doğal büyüyor. `min-h-(--control-h-*)`\r\n * — Tailwind v4'ün parantezli kısayolu, `--control-h-*` token'ına (radius.css)\r\n * doğrudan referans, ayrı bir `min-h-control-*` utility'si tanımlamaya gerek yok.\r\n *\r\n * `hasError` (invalid DEĞİL): `@angular/forms/signals`'ın `[formField]`\r\n * directive'i, AYNI native elemandaki başka bir directive'in `invalid`/\r\n * `disabled`/`required`/`pattern`/... adlı input'larını (bkz. signals.mjs\r\n * `FIELD_STATE_KEY_TO_CONTROL_BINDING`) OTOMATİK olarak alanın ham validity\r\n * durumuyla dolduruyor — henüz dokunulmamış (untouched) zorunlu bir alan bile\r\n * anında \"invalid\" oluyor ve kırmızı görünüyordu (gerçek bug, tarayıcıda\r\n * yakalandı). `hasError` bu rezerve isim listesinde YOK, çakışmıyor —\r\n * çağıran ekran görünürlüğü kendi `touched()/errors()` mantığıyla kontrol\r\n * etmeye devam ediyor.\r\n */\r\nexport const inputVariants = cva(\r\n  'w-full rounded-md border border-border bg-surface text-fg shadow-control ' +\r\n    'transition-colors duration-fast ease-emphasis placeholder:text-fg-subtle ' +\r\n    'hover:border-border-strong ' +\r\n    'focus:border-accent focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus-ring ' +\r\n    'disabled:cursor-not-allowed disabled:pointer-events-none disabled:opacity-50 disabled:shadow-none disabled:hover:border-border',\r\n  {\r\n    variants: {\r\n      size: {\r\n        sm: 'min-h-(--control-h-sm) px-2.5 py-1 text-sm',\r\n        md: 'min-h-(--control-h-md) px-3 py-1.5 text-sm',\r\n        lg: 'min-h-(--control-h-lg) px-3.5 py-2 text-base',\r\n      },\r\n      hasError: {\r\n        true: 'border-danger focus:border-danger focus-visible:outline-danger',\r\n        false: '',\r\n      },\r\n    },\r\n    defaultVariants: { size: 'md', hasError: false },\r\n  },\r\n);\r\n\r\nexport type InputSize = VariantProps<typeof inputVariants>['size'];\r\nexport type InputHasError = VariantProps<typeof inputVariants>['hasError'];\r\n","import {\r\n  DestroyRef,\r\n  Directive,\r\n  ElementRef,\r\n  InjectionToken,\r\n  afterEveryRender,\r\n  afterNextRender,\r\n  computed,\r\n  effect,\r\n  inject,\r\n  input,\r\n} from '@angular/core';\r\nimport { cn, type MfSize } from '@mesgflow/ui-kit/core';\r\nimport { inputVariants } from './input.variants';\r\n\r\n/**\r\n * `field-sizing: content` desteği — içerik boyunda büyüyen native kontrol (Chromium 123+;\r\n * desteklemeyen tarayıcıda JS yedeği). Token olarak: testler iki yolu da açıkça seçebilsin.\r\n */\r\nexport const MF_FIELD_SIZING_SUPPORTED = new InjectionToken<boolean>('mesgflow.field-sizing', {\r\n  factory: () => typeof CSS !== 'undefined' && CSS.supports?.('field-sizing', 'content') === true,\r\n});\r\n\r\n/**\r\n * `<input mfInput>` / `<textarea mfInput>` — checkbox/radio hariç (bkz.\r\n * `Checkbox`, `@mesgflow/ui-kit/checkbox`). Karakter sayacı için `<mf-character-count>`.\r\n *\r\n * `autosize`/`minRows`/`maxRows` SADECE `textarea[mfInput]`'ta anlamlı — içerik büyüdükçe\r\n * yükseklik artar, `maxRows`'ta durup kaydırmaya geçer. İki yol:\r\n * - **`field-sizing: content` destekleniyorsa** büyüme tamamen CSS'te — yazma, yapıştırma,\r\n *   programatik değer (form reset) ve genişlik değişimi tarayıcının kendi yerleşiminde;\r\n *   JS yalnızca `min/max-height`'ı satır sayısından bir kez hesaplar.\r\n * - **Değilse** ölçerek: `input` olayı + her render sonrası değer karşılaştırması (olay atmayan\r\n *   programatik değişimler) + `ResizeObserver` ile genişlik değişimi (satır kırılımı değişir).\r\n *\r\n * Satır yüksekliğine dolgu VE kenarlık eklenir (`box-sizing: border-box`) — eskiden yalnızca\r\n * `rows × line-height` alınıyordu; `minRows=2` alan iki satırdan kısa, son satır kırpık çıkıyordu.\r\n */\r\n@Directive({\r\n  selector: 'input[mfInput]:not([type=checkbox]):not([type=radio]), textarea[mfInput]',\r\n  host: {\r\n    '[class]': 'classes()',\r\n    '[attr.rows]': 'autosize() ? minRows() : null',\r\n    '(input)': 'onInput()',\r\n  },\r\n})\r\nexport class Input {\r\n  readonly size = input<MfSize>('md');\r\n  /** Field'ın `error` input'u dolu olduğunda çağıran ekran bunu true geçer. */\r\n  readonly hasError = input(false);\r\n  readonly autosize = input(false);\r\n  readonly minRows = input(2);\r\n  readonly maxRows = input<number | null>(null);\r\n\r\n  private readonly elementRef = inject<ElementRef<HTMLTextAreaElement>>(ElementRef);\r\n  private readonly nativeSizing = inject(MF_FIELD_SIZING_SUPPORTED);\r\n  private lastValue: string | null = null;\r\n  private lastWidth = 0;\r\n\r\n  protected readonly classes = computed(() =>\r\n    cn(\r\n      inputVariants({ size: this.size(), hasError: this.hasError() }),\r\n      this.autosize() && 'resize-none',\r\n      this.autosize() && this.nativeSizing && '[field-sizing:content]',\r\n    ),\r\n  );\r\n\r\n  constructor() {\r\n    // Kuruluşta (önceden dolu bir değerle) VE minRows/maxRows/size değişince yeniden hesapla.\r\n    effect(() => {\r\n      if (!this.autosize()) return;\r\n      this.minRows();\r\n      this.maxRows();\r\n      this.size();\r\n      this.resize();\r\n    });\r\n\r\n    if (this.nativeSizing) return;\r\n\r\n    afterEveryRender({\r\n      read: () => {\r\n        if (!this.autosize()) return;\r\n        const value = this.elementRef.nativeElement.value;\r\n        if (value !== this.lastValue) this.resize();\r\n      },\r\n    });\r\n\r\n    const destroyRef = inject(DestroyRef);\r\n    afterNextRender(() => {\r\n      if (typeof ResizeObserver === 'undefined') return;\r\n      const el = this.elementRef.nativeElement;\r\n      const observer = new ResizeObserver(([entry]) => {\r\n        const width = entry?.contentRect.width ?? 0;\r\n        // Yalnızca GENİŞLİK — kendi yükseklik yazımımız gözlemciyi yeniden tetiklemesin.\r\n        if (!this.autosize() || width === this.lastWidth) return;\r\n        this.lastWidth = width;\r\n        this.resize();\r\n      });\r\n      observer.observe(el);\r\n      destroyRef.onDestroy(() => observer.disconnect());\r\n    });\r\n  }\r\n\r\n  protected onInput(): void {\r\n    if (this.autosize() && !this.nativeSizing) this.resize();\r\n  }\r\n\r\n  private resize(): void {\r\n    const el = this.elementRef.nativeElement;\r\n    const style = getComputedStyle(el);\r\n    const lineHeight = parseFloat(style.lineHeight) || 20;\r\n    const padding = parseFloat(style.paddingTop) + parseFloat(style.paddingBottom) || 0;\r\n    const border = parseFloat(style.borderTopWidth) + parseFloat(style.borderBottomWidth) || 0;\r\n    const chrome = padding + (style.boxSizing === 'border-box' ? border : 0);\r\n    const min = this.minRows() * lineHeight + chrome;\r\n    const maxRows = this.maxRows();\r\n    const max = maxRows ? maxRows * lineHeight + chrome : Infinity;\r\n\r\n    if (this.nativeSizing) {\r\n      el.style.minHeight = `${min}px`;\r\n      el.style.maxHeight = Number.isFinite(max) ? `${max}px` : '';\r\n      return;\r\n    }\r\n\r\n    this.lastValue = el.value;\r\n    el.style.height = 'auto';\r\n    // `scrollHeight` dolguyu içerir ama kenarlığı içermez.\r\n    const content = el.scrollHeight + (style.boxSizing === 'border-box' ? border : 0);\r\n    el.style.height = `${Math.min(Math.max(content, min), max)}px`;\r\n    el.style.overflowY = content > max ? 'auto' : 'hidden';\r\n  }\r\n}\r\n","import { Component, computed, input } from '@angular/core';\r\nimport {\r\n  cn,\r\n  controlSize,\r\n  controlSurface,\r\n  disabledRecipe,\r\n  type MfSize,\r\n} from '@mesgflow/ui-kit/core';\r\n\r\nconst FOCUS_RING_BASE =\r\n  'has-[:focus-visible]:outline has-[:focus-visible]:outline-2 has-[:focus-visible]:outline-offset-2';\r\n\r\n/**\r\n * `<mf-input-group>\r\n *    <span mfInputPrefix><span mfIcon>search</span></span>\r\n *    <input mfInput class=\"border-0 bg-transparent shadow-none focus-visible:outline-none\" />\r\n *    <span mfInputSuffix><button type=\"button\">×</button></span>\r\n *  </mf-input-group>`\r\n *\r\n * `SearchInput`/`NumberInput`/`DateRangePicker`'ın HER BİRİNİN kendi elle\r\n * yazdığı \"kabuk\" reçetesini (bkz. plan Faz 2 P0) `core/recipes.ts`'in\r\n * `controlSurface`/`controlSize`'ına indirger — üç ayrı kopya yerine TEK\r\n * kaynak. İçindeki `input[mfInput]` KENDİ border/shadow/outline'ını\r\n * KAPATMALI (yukarıdaki örnekteki class'lar) — kabuk artık bunları BURADAN\r\n * sağlıyor, \"çift kenarlık\" olmasın diye (bkz. `DateRangePicker`'ın eski\r\n * `wrapperClasses` notu, aynı gerekçe).\r\n *\r\n * Odak halkası `has-[:focus-visible]:outline` ile İÇ elemanlardan HERHANGİ\r\n * biri klavye-odaklandığında TÜM kabuğun etrafında TEK bir halka çizer\r\n * (`DateRangePicker`'ın iki input'u arasında geçişte \"zıplayan\" iki ayrı\r\n * halka yerine) — `input[mfInput]`'un KENDİ `focus-visible:outline`'ı\r\n * BİLEREK kapatılmalı (yukarıdaki örnek), aksi halde İKİ halka üst üste biner.\r\n */\r\n@Component({\r\n  selector: 'mf-input-group',\r\n  exportAs: 'mfInputGroup',\r\n  host: {\r\n    '[class]': 'classes()',\r\n    '[attr.aria-disabled]': 'disabled() || null',\r\n    // `addon` ekler kabuğun yatay dolgusunu bu değişkenle geri alıp kenara oturur (bkz. InputPrefix).\r\n    '[style.--mf-input-group-px]': 'edgePadding()',\r\n  },\r\n  template: `\r\n    <ng-content select=\"[mfInputPrefix]\" />\r\n    <ng-content />\r\n    <ng-content select=\"[mfInputSuffix]\" />\r\n  `,\r\n})\r\nexport class InputGroup {\r\n  readonly size = input<MfSize>('md');\r\n  readonly disabled = input(false);\r\n  readonly hasError = input(false);\r\n  /**\r\n   * `false` → iç dolgu/aralık (`px-*`/`gap-*`) KALKAR, çocuklar `items-stretch`\r\n   * ile TAM yüksekliği doldurur — kenardan kenara oturan (dış kabuğun\r\n   * `rounded-*`sini birebir paylaşan) düğmeler için (ör. `NumberInput`'un\r\n   * azalt/artır düğmeleri). Varsayılan `true` — ikon/metin gibi \"nefes payı\"\r\n   * isteyen eklerin (ör. `DateRangePicker`'ın takvim ikonu) olağan hali.\r\n   */\r\n  readonly padded = input(true);\r\n  /**\r\n   * `true` → sabit `h-control-*` yerine `h-auto` + `flex-wrap` — içerik\r\n   * (ör. `TagInput`'un çoğalan Chip'leri) tek satıra sığmadığında kabuk\r\n   * BÜYÜR, taşırmaz. Varsayılan `false` (tek satırlık kontroller — ESKİ\r\n   * davranış birebir korunur).\r\n   */\r\n  readonly wrap = input(false);\r\n\r\n  /** `controlSize`'ın `px-*` değerleriyle birebir (sm 2.5 · md 3 · lg 3.5). */\r\n  protected readonly edgePadding = computed(() =>\r\n    this.padded() ? { sm: '0.625rem', md: '0.75rem', lg: '0.875rem' }[this.size()] : '0px',\r\n  );\r\n\r\n  protected readonly classes = computed(() => {\r\n    const error = this.hasError();\r\n    const padded = this.padded();\r\n    const wrap = this.wrap();\r\n    // `h-control-*` özel bir utility — tailwind-merge onu standart `h-*`\r\n    // ailesinin bir parçası TANIMIYOR, `cn()`'e `h-auto` ile BİRLİKTE\r\n    // verilseler ikisi de çıktıda KALIR (derlenmiş CSS'te hangisinin\r\n    // kazanacağı belirsiz kalır, gerçek bulgu — bkz. input-group.spec.ts).\r\n    // `wrap=true`'da yükseklik token'ını KAYNAKTA çıkarıyoruz, twMerge'e\r\n    // çakışmayı çözmesi için güvenmek yerine.\r\n    const sizeClasses = wrap\r\n      ? controlSize[this.size()].replace(/\\bh-control-\\w+\\b/, '').trim()\r\n      : controlSize[this.size()];\r\n    return cn(\r\n      'flex w-full',\r\n      wrap ? 'flex-wrap' : '',\r\n      padded ? 'items-center gap-1.5' : 'items-stretch',\r\n      controlSurface,\r\n      sizeClasses,\r\n      padded ? '' : 'px-0',\r\n      wrap ? 'h-auto py-1.5' : '',\r\n      FOCUS_RING_BASE,\r\n      error\r\n        ? 'border-danger focus-within:border-danger has-[:focus-visible]:outline-danger'\r\n        : 'has-[:focus-visible]:outline-focus-ring',\r\n      disabledRecipe,\r\n    );\r\n  });\r\n}\r\n","import { Directive, booleanAttribute, computed, input } from '@angular/core';\r\nimport { cn } from '@mesgflow/ui-kit/core';\r\n\r\n/** Kabuğun kenarına oturan bitişik bölüm — zemin, ayırıcı ve dış köşe yarıçapı (bkz. `addon`). */\r\nconst INPUT_ADDON_BASE =\r\n  'self-stretch bg-surface-alt px-3 text-sm text-fg-muted border-border ' +\r\n  'ms-[calc(var(--mf-input-group-px,0px)*-1)] rounded-s-[inherit] border-e';\r\n\r\n/**\r\n * `<span mfInputPrefix><span mfIcon>search</span></span>` — bkz. `input-group.ts`'in JSDoc'u.\r\n *\r\n * `addon`: metin/seçim eki (`https://`, `₺`, alan kodu) kabuğun sol kenarına BİTİŞİK bir bölüm\r\n * olur — sönük zemin + ayırıcı çizgi, kabuğun dolgusu `--mf-input-group-px` ile geri alınır.\r\n */\r\n@Directive({\r\n  selector: '[mfInputPrefix]',\r\n  host: { '[class]': 'classes()' },\r\n})\r\nexport class InputPrefix {\r\n  readonly addon = input(false, { transform: booleanAttribute });\r\n\r\n  protected readonly classes = computed(() =>\r\n    cn('flex shrink-0 items-center text-fg-subtle', this.addon() && INPUT_ADDON_BASE),\r\n  );\r\n}\r\n","import { Directive, booleanAttribute, computed, input } from '@angular/core';\r\nimport { cn } from '@mesgflow/ui-kit/core';\r\n\r\n/**\r\n * `<span mfInputSuffix><button ...>×</button></span>` — bkz. `input-group.ts`'in JSDoc'u.\r\n * `addon`: sağ kenara bitişik bölüm (`.com`, `kg`, birim seçimi) — bkz. `InputPrefix.addon`.\r\n */\r\n@Directive({\r\n  selector: '[mfInputSuffix]',\r\n  host: { '[class]': 'classes()' },\r\n})\r\nexport class InputSuffix {\r\n  readonly addon = input(false, { transform: booleanAttribute });\r\n\r\n  protected readonly classes = computed(() =>\r\n    cn(\r\n      'flex shrink-0 items-center text-fg-subtle',\r\n      this.addon() &&\r\n        'self-stretch bg-surface-alt px-3 text-sm text-fg-muted border-border ' +\r\n          'me-[calc(var(--mf-input-group-px,0px)*-1)] rounded-e-[inherit] border-s',\r\n    ),\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/fesm2022/mesgflow-ui-kit-kbd.mjs

@@ -0,0 +1,24 @@
+import * as i0 from '@angular/core';
+import { Directive } from '@angular/core';
+
+/** `<kbd mfKbd>Ctrl</kbd>` — tek bir tuş/kısayol parçasının görsel yongası (chip). Birden fazla tuş için ardışık kullan: `<kbd mfKbd>Ctrl</kbd>+<kbd mfKbd>K</kbd>`. */
+class Kbd {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: Kbd, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.6", type: Kbd, isStandalone: true, selector: "kbd[mfKbd]", host: { classAttribute: "inline-flex min-w-[1.5em] items-center justify-center rounded-xs border border-border bg-surface-alt px-1.5 py-0.5 font-mono text-xs font-medium text-fg-muted" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: Kbd, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'kbd[mfKbd]',
+                    host: {
+                        class: 'inline-flex min-w-[1.5em] items-center justify-center rounded-xs border border-border bg-surface-alt px-1.5 py-0.5 font-mono text-xs font-medium text-fg-muted',
+                    },
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { Kbd };
+//# sourceMappingURL=mesgflow-ui-kit-kbd.mjs.map

package/fesm2022/mesgflow-ui-kit-kbd.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"mesgflow-ui-kit-kbd.mjs","sources":["../../../projects/ui-kit/kbd/kbd.ts","../../../projects/ui-kit/kbd/mesgflow-ui-kit-kbd.ts"],"sourcesContent":["import { Directive } from '@angular/core';\r\n\r\n/** `<kbd mfKbd>Ctrl</kbd>` — tek bir tuş/kısayol parçasının görsel yongası (chip). Birden fazla tuş için ardışık kullan: `<kbd mfKbd>Ctrl</kbd>+<kbd mfKbd>K</kbd>`. */\r\n@Directive({\r\n  selector: 'kbd[mfKbd]',\r\n  host: {\r\n    class:\r\n      'inline-flex min-w-[1.5em] items-center justify-center rounded-xs border border-border bg-surface-alt px-1.5 py-0.5 font-mono text-xs font-medium text-fg-muted',\r\n  },\r\n})\r\nexport class Kbd {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;AAEA;MAQa,GAAG,CAAA;uGAAH,GAAG,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAH,GAAG,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,YAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,gKAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAH,GAAG,EAAA,UAAA,EAAA,CAAA;kBAPf,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,YAAY;AACtB,oBAAA,IAAI,EAAE;AACJ,wBAAA,KAAK,EACH,gKAAgK;AACnK,qBAAA;AACF,iBAAA;;;ACTD;;AAEG;;"}