@mesgflow/ui-kit 0.6.0

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

@@ -0,0 +1,624 @@
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+import { InjectionToken, signal, inject, computed, isSignal, makeEnvironmentProviders } from '@angular/core';
+import { enUS } from 'date-fns/locale';
+
+/** clsx ile koşullu class'ları birleştirir, tailwind-merge ile çakışan utility'leri (ör. iki farklı `bg-*`) sonuncusu kazanacak şekilde çözer. */
+function cn(...inputs) {
+    return twMerge(clsx(inputs));
+}
+
+/**
+ * Yazı yönü yardımcıları — `dir="rtl"` (öğede ya da bir atada) ya da CSS `direction` kalıtımı.
+ * Hesaplanan stil okunur: yön bir atadan gelse de doğru sonuç verir. SSR'de (stil yok) LTR.
+ */
+function isRtl(el) {
+    return typeof getComputedStyle !== 'undefined' && getComputedStyle(el).direction === 'rtl';
+}
+/** İşaretçinin satır başından (LTR'de sol, RTL'de sağ kenar) oranı, 0–1 aralığına kırpılmış. */
+function inlineStartRatio(clientX, rect, rtl) {
+    if (rect.width === 0)
+        return 0;
+    const fromLeft = (clientX - rect.left) / rect.width;
+    return Math.min(1, Math.max(0, rtl ? 1 - fromLeft : fromLeft));
+}
+/**
+ * Yatay kaydırmanın başlangıçtan uzaklığı. Modern tarayıcılarda RTL'de `scrollLeft` 0'dan
+ * NEGATİFE gider (başlangıç = 0, son = −max); mutlak değer iki yönde de "başlangıçtan uzaklık".
+ */
+function scrollFromInlineStart(el) {
+    return Math.abs(el.scrollLeft);
+}
+
+/**
+ * Paylaşılan class reçeteleri — kontrol/overlay/kapsayıcı bileşenlerinin
+ * TEKRAR TEKRAR yazdığı focus/disabled/boyut/yüzey kalıplarının TEK kaynağı
+ * (bkz. plan Faz 1a/1b). Öncesinde 5 farklı disabled reçetesi, 4 farklı
+ * focus-offset kombinasyonu ve 9 elle yazılmış `h-8`/`h-9`/`h-10` sabiti
+ * vardı — her biri kendi kopyasını sürüklüyordu (gerçek bulgu). Bileşenler
+ * bunları `cn()` ile kendi özel class'larıyla birleştirir (`cn()` twMerge
+ * kullandığı için çakışan Tailwind utility'leri güvenle çözülür).
+ */
+/** `outline`+`outline-offset` tabanlı TEK focus mekanizması — bkz. `button.variants.ts`'in "Focus — tek mekanizma" notu. Box-shadow/ring KULLANMA. */
+const focusRecipe = 'focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus-ring';
+/** Native `disabled` VE `aria-disabled` (ör. `@angular/aria` desenlerinin kullandığı) ikisini de kapsar — bkz. plan "Disabled 5 farklı reçete" bulgusu. */
+const disabledRecipe = 'disabled:pointer-events-none disabled:opacity-50 disabled:shadow-none aria-disabled:pointer-events-none aria-disabled:opacity-50';
+/** Input/Select/Combobox/NumberInput/... — tüm form kontrollerinin ortak kabuğu. `shadow-control` (bkz. elevation.css) — `shadow-1` DEĞİL, kontroller kapsayıcılarla AYNI yükselti basamağını paylaşmaz. */
+const controlSurface = 'rounded-md border border-border bg-surface text-fg shadow-control transition-colors duration-fast ease-emphasis hover:border-border-strong focus-within:border-accent';
+/** `size: MfSize` eksenindeki TÜM kontrollerin ortak yükseklik/dolgu/font eşlemesi — bkz. `radius.css`'teki `--control-h-*` token'ları. */
+const controlSize = {
+    sm: 'h-control-sm px-2.5 text-sm',
+    md: 'h-control-md px-3 text-sm',
+    lg: 'h-control-lg px-3.5 text-base',
+};
+/**
+ * Popover/Menu/Select/Combobox/... overlay panellerinin ortak kabuğu — BORDER-
+ * FIRST (2026-09 Deep Emerald geçişi, kullanıcı kararıyla eski "light modda
+ * kenarlıksız, sadece gölge" ilkesinin YERİNE geçti): iki modda da
+ * `border-hairline` (color.css — %8-12 opak marka-tonlu 1px çizgi) + `shadow-2`.
+ * Ağır/bulanık gölge yerine ince çizgi "premium" hissi artık BÖYLE veriliyor.
+ */
+const overlaySurface = 'rounded-lg border border-hairline bg-overlay shadow-2';
+/** Card/Table/StatTile gibi statik kapsayıcıların ortak kabuğu — BORDER-FIRST: iki modda da gölgesiz, sadece `border-hairline` (bkz. `overlaySurface`'in aynı gerekçesi). */
+const containerSurface = 'rounded-lg border border-hairline bg-surface';
+/**
+ * Mikro glassmorphism — Dialog/Sheet/Drawer paneli ve Toast öğeleri (bkz.
+ * `dialog.variants.ts`, `toast-host.ts`) bunu kullanır. `supports-[…]` ile
+ * `backdrop-filter` desteklenmediğinde düz `bg-surface`'e düşer (eski
+ * tarayıcı/headless test ortamı); `reduced-transparency:` (color.css'te
+ * tanımlı custom variant, `prefers-reduced-transparency: reduce` medya
+ * sorgusu) kullanıcı saydamlığı azalt istediğinde camı KAPATIR — WCAG 1.4.11
+ * "Non-text Contrast" ve hareket/saydamlık duyarlılığı için. Tüketici kendi
+ * `border`/`rounded-*` genişliğini üstüne ekler.
+ */
+const glassSurface = 'border-hairline bg-surface supports-[backdrop-filter]:bg-glass supports-[backdrop-filter]:backdrop-blur-md reduced-transparency:bg-surface reduced-transparency:backdrop-blur-none';
+/** `hasError`/`aria-invalid` durumundaki form kontrolleri için — `controlSurface` İLE BİRLİKTE, üstüne eklenir. */
+const errorRecipe = 'border-danger focus-within:border-danger focus-visible:outline-danger';
+/**
+ * Renk/gölge geçişlerinin TEK hareket dili — `ease-emphasis` kitin kendi eğrisi
+ * (bkz. `motion.css`), tarayıcı varsayılanı `ease` DEĞİL. Öncesinde ~35 yerde
+ * `transition-colors duration-fast` easing'siz kullanılıyordu (gerçek bulgu,
+ * bkz. plan Faz 1c).
+ */
+const transitionRecipe = 'transition-colors duration-fast ease-emphasis';
+/** Basılı-hissi — `active:scale` ekseninde TEK reçete, disabled'da sıfırlanır. */
+const pressRecipe = 'active:scale-[0.99] disabled:active:scale-100';
+
+let seq = 0;
+/**
+ * Bileşen örneği başına kararlı, benzersiz bir DOM id'si üretir —
+ * `aria-controls`/`aria-describedby`/`aria-activedescendant` gibi bağların
+ * her component klasöründe kendi elle sayaçlarını (bkz. `combobox.ts`'teki
+ * `comboboxIdSeq` — bu modül kullanıma girince oraya taşınacak) tekrar
+ * yazmasına gerek kalmasın diye. SSR'da hydration uyuşmazlığı YARATMAZ —
+ * her platformda modül yüklendiğinde sıfırdan başlar, sayaç deterministik.
+ */
+function nextId(prefix) {
+    return `${prefix}-${++seq}`;
+}
+
+/**
+ * `registerOnChange`/`registerOnTouched`'ın HER `ControlValueAccessor`
+ * implementasyonunda BİREBİR aynı kalan gövdesini tek kaynağa indirger
+ * (bkz. Select/NumberInput/Combobox/ColorPicker'ın öncesi — 4+ kopya, plan
+ * Faz 2 "CVA tamamlama" notu). Alt sınıf SADECE `writeValue`'yu (kendi
+ * `model`/`signal`'ına yazan) tanımlar VE kendi `NG_VALUE_ACCESSOR`
+ * provider'ını `@Component`'ında bildirir — `forwardRef(() => AltSınıf)`
+ * somut sınıfa ihtiyaç duyduğu için provider MİRAS ALINAMAZ.
+ *
+ * Düz bir soyut sınıf (Angular `@Directive()` DEĞİL) — `inject()` ya da
+ * yaşam döngüsü kancası kullanmıyor, sadece alan/metot mirası; `@Directive()`
+ * sarmalamak gereksiz karmaşıklık olurdu.
+ */
+class ValueAccessorBase {
+    onChange = () => { };
+    onTouched = () => { };
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+}
+
+/**
+ * `Popover`'ın (`PLACEMENTS`) ve `Tooltip`'in (`POSITIONS`) kendi dosyalarında
+ * ayrı ayrı tuttuğu CDK `ConnectedPosition[]` çiftlerinin ORTAK geometri
+ * üretici hâli — 8 yerleşimin (4 köşe + 4 kenar) hepsini tek bir fonksiyonla
+ * üretir, `offset` çağıranın KENDİ mevcut değerini (Popover 4px, Tooltip 8px,
+ * diğer overlay'ler 4-8px arası değişen) korumasını sağlar.
+ *
+ * Bu modül BİLEREK henüz hiçbir bileşene BAĞLANMADI (Faz 0c) — `Popover`,
+ * `Tooltip` ve 10 kopya `ConnectedPosition[]` içeren diğer bileşenlerin buna
+ * geçişi Faz 1c'nin ("Overlay birleştirme") kapsamı: her biri kendi klavye/
+ * vurgu mantığını koruyarak taşınmalı ve tarayıcıda tek tek doğrulanmalı —
+ * bu fazın (yapısal taşıma) riskiyle karıştırılmamalı.
+ */
+function overlayPositions(placement, offset = 4) {
+    switch (placement) {
+        case 'bottom-start':
+            return [
+                {
+                    originX: 'start',
+                    originY: 'bottom',
+                    overlayX: 'start',
+                    overlayY: 'top',
+                    offsetY: offset,
+                },
+                {
+                    originX: 'start',
+                    originY: 'top',
+                    overlayX: 'start',
+                    overlayY: 'bottom',
+                    offsetY: -offset,
+                },
+            ];
+        case 'bottom-end':
+            return [
+                { originX: 'end', originY: 'bottom', overlayX: 'end', overlayY: 'top', offsetY: offset },
+                { originX: 'end', originY: 'top', overlayX: 'end', overlayY: 'bottom', offsetY: -offset },
+            ];
+        case 'top-start':
+            return [
+                {
+                    originX: 'start',
+                    originY: 'top',
+                    overlayX: 'start',
+                    overlayY: 'bottom',
+                    offsetY: -offset,
+                },
+                {
+                    originX: 'start',
+                    originY: 'bottom',
+                    overlayX: 'start',
+                    overlayY: 'top',
+                    offsetY: offset,
+                },
+            ];
+        case 'top-end':
+            return [
+                { originX: 'end', originY: 'top', overlayX: 'end', overlayY: 'bottom', offsetY: -offset },
+                { originX: 'end', originY: 'bottom', overlayX: 'end', overlayY: 'top', offsetY: offset },
+            ];
+        case 'top':
+            return [
+                {
+                    originX: 'center',
+                    originY: 'top',
+                    overlayX: 'center',
+                    overlayY: 'bottom',
+                    offsetY: -offset,
+                },
+                {
+                    originX: 'center',
+                    originY: 'bottom',
+                    overlayX: 'center',
+                    overlayY: 'top',
+                    offsetY: offset,
+                },
+            ];
+        case 'bottom':
+            return [
+                {
+                    originX: 'center',
+                    originY: 'bottom',
+                    overlayX: 'center',
+                    overlayY: 'top',
+                    offsetY: offset,
+                },
+                {
+                    originX: 'center',
+                    originY: 'top',
+                    overlayX: 'center',
+                    overlayY: 'bottom',
+                    offsetY: -offset,
+                },
+            ];
+        case 'left':
+            return [
+                {
+                    originX: 'start',
+                    originY: 'center',
+                    overlayX: 'end',
+                    overlayY: 'center',
+                    offsetX: -offset,
+                },
+                {
+                    originX: 'end',
+                    originY: 'center',
+                    overlayX: 'start',
+                    overlayY: 'center',
+                    offsetX: offset,
+                },
+            ];
+        case 'right':
+            return [
+                {
+                    originX: 'end',
+                    originY: 'center',
+                    overlayX: 'start',
+                    overlayY: 'center',
+                    offsetX: offset,
+                },
+                {
+                    originX: 'start',
+                    originY: 'center',
+                    overlayX: 'end',
+                    overlayY: 'center',
+                    offsetX: -offset,
+                },
+            ];
+    }
+}
+
+function isPlainObject(value) {
+    return typeof value === 'object' && value !== null && !Array.isArray(value);
+}
+/** `base`'i `override`'daki tanımlı yapraklarla değiştirir — dizi yok, her düğüm ya iç içe nesne ya string, sığ `Object.assign` yerine gerçek derin birleştirme gerekiyor (bkz. `provide.ts`). Generic'i `Record<string, unknown>`'a KISITLAMIYOR BİLEREK — `MfLabels` gibi index-signature'ı olmayan named interface'ler o kısıtla uyuşmuyor (bkz. TS2345), bunun yerine iç kısımda cast ediliyor. */
+function mergeLabels(base, override) {
+    if (!override)
+        return base;
+    if (!isPlainObject(base) || !isPlainObject(override))
+        return override;
+    const baseObj = base;
+    const overrideObj = override;
+    const result = { ...baseObj };
+    for (const key of Object.keys(overrideObj)) {
+        const overrideValue = overrideObj[key];
+        if (overrideValue === undefined)
+            continue;
+        result[key] = mergeLabels(baseObj[key], overrideValue);
+    }
+    return result;
+}
+
+/**
+ * `MF_LABELS`'ın varsayılan değeri — hiçbir `provideMesgflowUi()` çağrısı
+ * olmayan bir tüketici uygulamada bileşenler bu İngilizce metinlerle çalışır
+ * (bkz. CLAUDE.md/plan kararı: "bileşen varsayılan metinleri İngilizce").
+ * Türkçe çeviri kümesi için bkz. `@mesgflow/ui-kit/i18n/tr`'nin `mfLabelsTr`'si —
+ * bu iki dosya AYNI şekli (bkz. `labels.ts`), farklı değerleri taşır.
+ */
+const mfLabelsEn = {
+    common: {
+        loading: 'Loading',
+        clear: 'Clear',
+        remove: 'Remove',
+    },
+    dialog: {
+        close: 'Close',
+        resize: 'Resize',
+        fullscreenEnter: 'Enter fullscreen',
+        fullscreenExit: 'Exit fullscreen',
+        confirmOk: 'OK',
+        confirmCancel: 'Cancel',
+        confirmConfirm: 'Confirm',
+        confirmDelete: 'Delete',
+        errorGeneric: 'Something went wrong. Please try again.',
+        discard: {
+            title: 'Unsaved changes',
+            content: 'Closing this panel will discard what you entered.',
+            confirm: 'Discard and close',
+            cancel: 'Keep editing',
+        },
+    },
+    datePicker: {
+        today: 'Today',
+        clear: 'Clear',
+        apply: 'Apply',
+        previousMonth: 'Previous month',
+        nextMonth: 'Next month',
+        previousYear: 'Previous year',
+        nextYear: 'Next year',
+        chooseMonth: 'Choose month',
+        chooseYear: 'Choose year',
+        startDate: 'Start',
+        endDate: 'End',
+        placeholder: 'mm/dd/yyyy',
+        presetToday: 'Today',
+        presetLast7: 'Last 7 days',
+        presetLast30: 'Last 30 days',
+        presetThisMonth: 'This month',
+    },
+    timePicker: {
+        placeholder: 'hh:mm',
+        clear: 'Clear',
+    },
+    table: {
+        searchPlaceholder: 'Search...',
+        selectedCount: 'selected',
+        edit: 'Edit',
+        delete: 'Delete',
+        clearSelection: 'Clear selection',
+        emptyTitle: 'No records',
+        emptyDescription: '',
+        noResultsTitle: 'No results found',
+        noResultsDescription: 'Try a different search or filter.',
+        clearFilters: 'Clear filters',
+        filterCount: 'filters',
+        selectAllAriaLabel: 'Select all',
+        selectRowAriaLabel: 'Select row',
+        actionsColumnLabel: 'Actions',
+        columns: 'Columns',
+        density: 'Density',
+        densityComfortable: 'Comfortable',
+        densityCompact: 'Compact',
+        resizeColumn: 'Resize column',
+        expandRow: 'Expand row',
+        collapseRow: 'Collapse row',
+        filter: {
+            addFilter: 'Filter',
+            searchField: 'Search field...',
+            noField: 'No field found',
+            operator: 'Operator',
+            value: 'Value',
+            apply: 'Apply',
+            enterHint: 'Enter',
+            clearAll: 'Clear',
+            and: 'AND',
+            or: 'OR',
+            remove: 'Remove',
+            back: 'Back',
+            dateToday: 'Today',
+            dateLast7: 'Last 7 days',
+            dateLast30: 'Last 30 days',
+            dateThisMonth: 'This month',
+            dateCustom: 'Custom range',
+            dateFrom: 'Start',
+            dateTo: 'End',
+            operators: {
+                equal: 'equals',
+                notEqual: 'not equal to',
+                greaterThan: 'greater than',
+                greaterOrEqual: 'greater than or equal to',
+                lessThan: 'less than',
+                lessOrEqual: 'less than or equal to',
+                contains: 'contains',
+                startsWith: 'starts with',
+                endsWith: 'ends with',
+                in: 'is one of',
+                isNull: 'is empty',
+                isNotNull: 'is not empty',
+                between: 'is between',
+            },
+        },
+        pagination: {
+            records: 'records',
+            perPage: 'per page',
+            page: 'Page',
+            previous: 'Previous',
+            next: 'Next',
+            first: 'First page',
+            last: 'Last page',
+            pageSizeAriaLabel: 'Page size',
+            navAriaLabel: 'Pagination',
+            jumpToPage: 'Jump to page',
+            go: 'Go',
+        },
+    },
+    sidebar: {
+        collapse: 'Collapse menu',
+        expand: 'Expand menu',
+        switchTenant: 'Switch tenant',
+        noTenants: 'No tenants found',
+        noUser: 'Not signed in',
+        nav: 'Main navigation',
+    },
+    tabs: {
+        scrollStart: 'Scroll back',
+        scrollEnd: 'Scroll forward',
+        close: 'Close',
+    },
+    dropzone: {
+        label: 'Drag files here or click to browse',
+    },
+    colorPicker: {
+        ariaLabel: 'Pick color',
+        hexAriaLabel: 'Hex color code',
+        pickFromScreenAriaLabel: 'Pick color from screen',
+    },
+    boxInput: {
+        top: 'Top',
+        right: 'Right',
+        bottom: 'Bottom',
+        left: 'Left',
+        linkSides: 'Link sides',
+        unlinkSides: 'Unlink sides',
+    },
+    combobox: {
+        placeholder: 'Search...',
+        noResults: 'No results',
+    },
+    select: {
+        placeholder: 'Select',
+    },
+    searchInput: {
+        placeholder: 'Search...',
+        ariaLabel: 'Search',
+        clearAriaLabel: 'Clear',
+    },
+    toast: {
+        dismiss: 'Dismiss',
+    },
+    otpInput: {
+        ariaLabel: 'One-time code',
+    },
+    stepper: {
+        ariaLabel: 'Steps',
+    },
+    progress: {
+        ariaLabel: 'Progress',
+    },
+    passwordInput: {
+        show: 'Show',
+        hide: 'Hide',
+    },
+    chip: {
+        remove: 'Remove',
+    },
+    alert: {
+        dismiss: 'Dismiss',
+    },
+    breadcrumb: {
+        ariaLabel: 'Breadcrumb',
+    },
+    avatarGroup: {
+        overflowAriaLabel: 'more',
+    },
+    chart: {
+        showTable: 'Show as table',
+        showChart: 'Show as chart',
+        category: 'Category',
+    },
+    command: {
+        placeholder: 'Type a command or search…',
+        ariaLabel: 'Command palette',
+        empty: 'No results found.',
+        resultsCount: 'results',
+        navigate: 'to navigate',
+        select: 'to select',
+        close: 'to close',
+    },
+    characterCount: {
+        remaining: 'characters remaining',
+        overLimit: 'characters over the limit',
+        characters: 'characters',
+    },
+    copy: {
+        copy: 'Copy',
+        copied: 'Copied',
+        failed: 'Copy failed',
+        code: 'Code',
+    },
+    pagination: {
+        navAriaLabel: 'Pagination',
+        previous: 'Previous page',
+        next: 'Next page',
+        first: 'First page',
+        last: 'Last page',
+        page: 'Page',
+    },
+    tour: {
+        next: 'Next',
+        back: 'Back',
+        skip: 'Skip tour',
+        done: 'Done',
+        stepOf: 'of',
+    },
+    rating: {
+        ariaLabel: 'Rating',
+        outOf: 'out of',
+    },
+    themeSwitcher: {
+        ariaLabel: 'Color theme',
+        light: 'Light',
+        dark: 'Dark',
+        system: 'System',
+    },
+    treeSelect: {
+        placeholder: 'Select',
+        searchPlaceholder: 'Search…',
+        noResults: 'No results',
+    },
+};
+
+/**
+ * Kitin TEK metin kaynağı — `provideMesgflowUi()` (bkz. `provide.ts`)
+ * `provide` etmezse tüketici İngilizce varsayılanlarla çalışır (ng-zorro'nun
+ * `NZ_I18N`'i / PrimeNG'nin `providePrimeNG` config'iyle aynı desen — bu kit
+ * daha önce sadece Dialog için uyguluyordu, `MF_DIALOG_LABELS` artık bu
+ * token'dan türeyen bir "seçici" — bkz. aşağıdaki `labelToken`).
+ */
+const MF_LABELS = new InjectionToken('mesgflow.labels', {
+    factory: () => signal(mfLabelsEn),
+});
+/** Calendar/DatePicker'ın ay/gün adları için — varsayılan `enUS`, `provideMesgflowUi({ dateLocale })` ile değiştirilir. */
+const MF_DATE_LOCALE = new InjectionToken('mesgflow.date-locale', {
+    factory: () => signal(enUS),
+});
+/**
+ * `MF_LABELS`'ın bir alt-alanına daralan, reaktif bir "seçici" token üretir
+ * — her bileşen ailesi umbrella nesnenin TAMAMINI değil sadece kendi
+ * alanını inject eder. `computed()` içindeki `labels` referansı DIŞARIDA
+ * (factory'nin senkron gövdesinde) `inject()` edildiği için geçerli bir DI
+ * bağlamında çözülüyor; `computed`'ın kendi callback'i içinde `inject()`
+ * çağırmak ÇALIŞMAZ (lazy değerlendirme DI bağlamının dışında kalır).
+ */
+function labelToken(key, name) {
+    return new InjectionToken(`mesgflow.${name}-labels`, {
+        factory: () => {
+            const labels = inject(MF_LABELS);
+            return computed(() => labels()[key]);
+        },
+    });
+}
+const MF_COMMON_LABELS = labelToken('common', 'common');
+const MF_DIALOG_LABELS = labelToken('dialog', 'dialog');
+const MF_DATE_PICKER_LABELS = labelToken('datePicker', 'date-picker');
+const MF_TIME_PICKER_LABELS = labelToken('timePicker', 'time-picker');
+const MF_TABLE_LABELS = labelToken('table', 'table');
+const MF_SIDEBAR_LABELS = labelToken('sidebar', 'sidebar');
+const MF_TABS_LABELS = labelToken('tabs', 'tabs');
+const MF_DROPZONE_LABELS = labelToken('dropzone', 'dropzone');
+const MF_COLOR_PICKER_LABELS = labelToken('colorPicker', 'color-picker');
+const MF_BOX_INPUT_LABELS = labelToken('boxInput', 'box-input');
+const MF_COMBOBOX_LABELS = labelToken('combobox', 'combobox');
+const MF_SELECT_LABELS = labelToken('select', 'select');
+const MF_SEARCH_INPUT_LABELS = labelToken('searchInput', 'search-input');
+const MF_TOAST_LABELS = labelToken('toast', 'toast');
+const MF_OTP_INPUT_LABELS = labelToken('otpInput', 'otp-input');
+const MF_STEPPER_LABELS = labelToken('stepper', 'stepper');
+const MF_PROGRESS_LABELS = labelToken('progress', 'progress');
+const MF_PASSWORD_INPUT_LABELS = labelToken('passwordInput', 'password-input');
+const MF_CHIP_LABELS = labelToken('chip', 'chip');
+const MF_ALERT_LABELS = labelToken('alert', 'alert');
+const MF_BREADCRUMB_LABELS = labelToken('breadcrumb', 'breadcrumb');
+const MF_AVATAR_GROUP_LABELS = labelToken('avatarGroup', 'avatar-group');
+const MF_CHART_LABELS = labelToken('chart', 'chart');
+const MF_COMMAND_LABELS = labelToken('command', 'command');
+const MF_CHARACTER_COUNT_LABELS = labelToken('characterCount', 'character-count');
+const MF_COPY_LABELS = labelToken('copy', 'copy');
+const MF_PAGINATION_LABELS = labelToken('pagination', 'pagination');
+const MF_TOUR_LABELS = labelToken('tour', 'tour');
+const MF_RATING_LABELS = labelToken('rating', 'rating');
+const MF_THEME_SWITCHER_LABELS = labelToken('themeSwitcher', 'theme-switcher');
+const MF_TREE_SELECT_LABELS = labelToken('treeSelect', 'tree-select');
+
+/**
+ * `app.config.ts`'in `providers` dizisine eklenir — `MF_LABELS`/`MF_DATE_LOCALE`'ı
+ * (ve bunlardan türeyen `MF_DIALOG_LABELS`/`MF_TABLE_LABELS`/… seçici
+ * token'larını, bkz. `tokens.ts`) tüketicinin verdiği değerlerle sağlar.
+ * Hiç çağrılmazsa kit İngilizce varsayılanlarla (`mfLabelsEn`, `enUS`) çalışır.
+ *
+ * ```ts
+ * import { provideMesgflowUi } from '@mesgflow/ui-kit';
+ * import { mfLabelsTr } from '@mesgflow/ui-kit/i18n/tr';
+ * import { tr } from 'date-fns/locale';
+ *
+ * providers: [provideMesgflowUi({ labels: mfLabelsTr, dateLocale: tr })]
+ * ```
+ */
+function provideMesgflowUi(options = {}) {
+    const providers = [];
+    if (options.labels !== undefined) {
+        const labelsOption = options.labels;
+        providers.push({
+            provide: MF_LABELS,
+            useFactory: () => isSignal(labelsOption)
+                ? computed(() => mergeLabels(mfLabelsEn, labelsOption()))
+                : signal(mergeLabels(mfLabelsEn, labelsOption)),
+        });
+    }
+    if (options.dateLocale) {
+        const dateLocale = options.dateLocale;
+        providers.push({ provide: MF_DATE_LOCALE, useFactory: () => signal(dateLocale) });
+    }
+    return makeEnvironmentProviders(providers);
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { MF_ALERT_LABELS, MF_AVATAR_GROUP_LABELS, MF_BOX_INPUT_LABELS, MF_BREADCRUMB_LABELS, MF_CHARACTER_COUNT_LABELS, MF_CHART_LABELS, MF_CHIP_LABELS, MF_COLOR_PICKER_LABELS, MF_COMBOBOX_LABELS, MF_COMMAND_LABELS, MF_COMMON_LABELS, MF_COPY_LABELS, MF_DATE_LOCALE, MF_DATE_PICKER_LABELS, MF_DIALOG_LABELS, MF_DROPZONE_LABELS, MF_LABELS, MF_OTP_INPUT_LABELS, MF_PAGINATION_LABELS, MF_PASSWORD_INPUT_LABELS, MF_PROGRESS_LABELS, MF_RATING_LABELS, MF_SEARCH_INPUT_LABELS, MF_SELECT_LABELS, MF_SIDEBAR_LABELS, MF_STEPPER_LABELS, MF_TABLE_LABELS, MF_TABS_LABELS, MF_THEME_SWITCHER_LABELS, MF_TIME_PICKER_LABELS, MF_TOAST_LABELS, MF_TOUR_LABELS, MF_TREE_SELECT_LABELS, ValueAccessorBase, cn, containerSurface, controlSize, controlSurface, disabledRecipe, errorRecipe, focusRecipe, glassSurface, inlineStartRatio, isRtl, mergeLabels, mfLabelsEn, nextId, overlayPositions, overlaySurface, pressRecipe, provideMesgflowUi, scrollFromInlineStart, transitionRecipe };
+//# sourceMappingURL=mesgflow-ui-kit-core.mjs.map