@mesgflow/ui-kit 0.6.0

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

@@ -0,0 +1,269 @@
+import * as _angular_core from '@angular/core';
+import * as i1 from '@angular/aria/tabs';
+import { TabList as TabList$1, TabPanel as TabPanel$1 } from '@angular/aria/tabs';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+
+/**
+ * `<button mfTab value="genel">Genel</button>` — bir `mf-tab-list` içine
+ * konur. ARIA/klavye/seçim davranışı `@angular/aria/tabs`'ın `Tab`
+ * pattern'inden `hostDirectives` ile geliyor (bkz. `tabs.ts` üstündeki not);
+ * bu directive sadece görsel katmanı ekliyor. `value`/`disabled`/`id`
+ * girdileri `hostDirectives`'in `inputs` listesiyle dışarı açıldı — tüketici
+ * doğrudan `[value]`/`[disabled]` bağlar, `ngTab` attribute'unu YAZMAZ.
+ *
+ * Varyant (`underline`/`card`) ebeveyn `mf-tab-list`'ten `inject()` ile
+ * okunuyor — `Tab` kendi varyant girdisini TAŞIMIYOR, tek kaynak listede.
+ */
+declare class Tab {
+    private readonly ariaTab;
+    private readonly tabList;
+    protected readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Tab, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<Tab, "button[mfTab]", never, {}, {}, never, never, true, [{ directive: typeof i1.Tab; inputs: { "value": "value"; "disabled": "disabled"; "id": "id"; }; outputs: {}; }]>;
+}
+
+/**
+ * `<div mfTabScroller>` — taşan bir sekme şeridini kaydırılabilir yapar:
+ * native scrollbar'ı gizler, kenar "solma" maskesini (`mask-image`)
+ * kaydırılabilir yöne göre günceller, `canScrollStart`/`canScrollEnd`
+ * sinyallerini dışarı verir (ok butonlarının görünürlüğü için — bkz.
+ * `tab-list.html`/`tab-strip.html`, ikisi de bu directive'i paylaşıyor).
+ *
+ * `orientation` varsayılanı `'horizontal'` — `TabStrip` (üst sekme çubuğu)
+ * bunu hiç geçmez, davranışı DEĞİŞMEZ. Dikey bir grup rayı gerektiren
+ * tüketiciler `orientation="vertical"` geçer (bkz. `tab-list.ts`).
+ *
+ * `mask-image` template'te `[style.mask-image]` ile DEĞİL, doğrudan
+ * `style.setProperty` ile yazılıyor — Angular'ın stil binding sözdizimi
+ * tire içeren (`-webkit-`) property adlarını binding adı olarak kabul
+ * etmiyor, ikisini TEK yerden (burada) senkron yazmak için imperatif yol
+ * daha güvenli (bkz. Tooltip'in de DOM'a doğrudan yazdığı emsal).
+ */
+declare class TabScroller {
+    private readonly el;
+    readonly orientation: _angular_core.InputSignal<"horizontal" | "vertical">;
+    private readonly vertical;
+    readonly canScrollStart: _angular_core.WritableSignal<boolean>;
+    readonly canScrollEnd: _angular_core.WritableSignal<boolean>;
+    constructor();
+    scrollByDir(dir: -1 | 1): void;
+    scrollIntoViewIfNeeded(target: HTMLElement): void;
+    updateEdges(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TabScroller, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TabScroller, "[mfTabScroller]", never, { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+type TabsVariant = 'underline' | 'card';
+type TabsOrientation = 'horizontal' | 'vertical';
+/**
+ * Bkz. `tab-list.ts`. `underline`'da ray AYRI, kayan bir `<span>` (JS ile
+ * konumlanır — bkz. `TabList.positionIndicator`); `card`'da ray HER sekmenin
+ * kendi `box-shadow`'unda yaşar (bkz. `tabVariants` compound'u), çünkü
+ * `card` görünümünde her sekme zaten kendi kenarlığıyla ayrık bir kutu —
+ * kayan tek bir gösterge o kutuların üstünden "kayarak" geçmezdi, doğal
+ * durmazdı. `relative` — kayan gösterge `absolute` konumlanıyor buna göre.
+ *
+ * `orientation` ekseni sol dikey grup rayı gerektiren ekranlar için eklendi —
+ * `@angular/aria/tabs`'ın ARIA/klavye desteği zaten yön-agnostik
+ * (`hostDirectives`'in `orientation` girdisi, bkz. `tab-list.ts`), eksik
+ * olan sadece bu görsel katmandı.
+ */
+declare const tabListVariants: (props?: ({
+    variant?: "underline" | "card" | null | undefined;
+    orientation?: "horizontal" | "vertical" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+/**
+ * `selected`/`disabled` burada `aria-selected`/`aria-disabled` CSS
+ * seçicileriyle DEĞİL, `Tab`'ın kendi `computed()`'ıyla (bkz. `tab.ts`)
+ * okunan sinyal değerleriyle besleniyor — kod tabanındaki yerleşik desen
+ * (Select'in `optionClasses`, Table'ın `rowClasses`) TS'te hesaplanan koşullu
+ * class, CSS attribute-selector değil.
+ */
+declare const tabVariants: (props?: ({
+    variant?: "underline" | "card" | null | undefined;
+    orientation?: "horizontal" | "vertical" | null | undefined;
+    selected?: boolean | null | undefined;
+    disabled?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type TabSelected = VariantProps<typeof tabVariants>['selected'];
+
+/**
+ * `<mf-tab-list [(selectedTab)]="active" variant="underline">…</mf-tab-list>`
+ * — `mf-tabs` içine konur, `mfTab` butonlarını sarar. ARIA/klavye
+ * (Ok tuşları/Home/End) `@angular/aria/tabs`'ın `TabList` pattern'inden
+ * `hostDirectives` ile geliyor (bkz. `tabs.ts` üstündeki not).
+ *
+ * İki premium detay burada yaşıyor:
+ * 1. **Kayan ray göstergesi** (`underline` varyantı) — aktif sekme
+ *    değişince `positionIndicator()` DOM'dan `[aria-selected="true"]`
+ *    elemanın `offsetLeft`/`offsetWidth`'ini (yatayda) ya da `offsetTop`/
+ *    `offsetHeight`'ını (dikeyde) ölçüp göstergeyi kaydırıyor (emsal:
+ *    `table-pagination.ts`'in odak restorasyonundaki `afterRenderEffect` +
+ *    `viewChild(ElementRef)` deseni). `ResizeObserver` yeniden boyutlanmada
+ *    (font yüklenmesi, viewport) yeniden ölçer. `card` varyantında AYRI bir
+ *    gösterge YOK — ray her sekmenin kendi `box-shadow`'unda yaşıyor
+ *    (bkz. tabs.variants.ts).
+ * 2. **Taşma yönetimi** — `mfTabScroller` (bkz. o dosya) kaydırma+kenar
+ *    solma maskesi sağlıyor; ok butonları SADECE o yönde taşma varken
+ *    render edilir. Aktif sekme değişince görünür alana kaydırılır.
+ *
+ * `tab-list.html`'deki sarmalayıcı `<div>`'in çapraz eksen hizalaması BİLEREK
+ * yöne göre koşullu: dikeyde (`flex-col`) çapraz eksen GENİŞLİK olur, `items-
+ * center` orada "çocukları raya GERME, kendi içerik genişliğine küçült" demek
+ * — bu, genişliğin `mfTabScroller`/`#row`/butonlara hiç iletilmemesine ve
+ * `truncate`'in (role-form.html'deki İngilizce grup adlarıyla canlı
+ * doğrulandı) hiç devreye girmeden ham/elipsissiz kırpılmasına yol açan
+ * GERÇEK bir bugdu. `items-stretch` çapraz ekseni doğru şekilde geriyor —
+ * bunu tekrar `items-center`'a "sadeleştirme".
+ *
+ * `orientation` girdisi `@angular/aria`'nın `TabList` pattern'inden
+ * `hostDirectives` ile geliyor (ARIA/klavye zaten yön-agnostik) — burada
+ * ikinci kez `input()` olarak TANIMLANMIYOR (NG2017, bkz. `TabPanel.
+ * preserveContent`'teki aynı kısıt), `ariaTabList.orientation()` üzerinden
+ * `protected readonly orientation` olarak okunuyor; `Tab` (tab.ts) bunu
+ * `variant()` ile aynı `inject()` deseniyle ebeveynden alıyor.
+ */
+declare class TabList {
+    readonly variant: _angular_core.InputSignal<TabsVariant>;
+    readonly scrollStartLabel: _angular_core.InputSignal<string | undefined>;
+    readonly scrollEndLabel: _angular_core.InputSignal<string | undefined>;
+    private readonly tabsLabels;
+    protected readonly effectiveScrollStartLabel: _angular_core.Signal<string>;
+    protected readonly effectiveScrollEndLabel: _angular_core.Signal<string>;
+    /** `mfTab` (bkz. tab.ts) varyantı buradan `inject()` ile okuyor — tek kaynak. */
+    protected readonly ariaTabList: TabList$1;
+    /** `Tab` (tab.ts) bunu `variant()` ile aynı `inject()` deseniyle okuyor — bu yüzden `public`. */
+    readonly orientation: _angular_core.Signal<"horizontal" | "vertical">;
+    protected readonly isVertical: _angular_core.Signal<boolean>;
+    protected readonly listClasses: _angular_core.Signal<string>;
+    protected readonly indicatorClasses: _angular_core.Signal<string>;
+    protected readonly scroller: _angular_core.Signal<TabScroller | undefined>;
+    protected readonly showStartArrow: _angular_core.Signal<boolean>;
+    protected readonly showEndArrow: _angular_core.Signal<boolean>;
+    private readonly rowEl;
+    private readonly indicatorEl;
+    constructor();
+    private positionIndicator;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TabList, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TabList, "mf-tab-list", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "scrollStartLabel": { "alias": "scrollStartLabel"; "required": false; "isSignal": true; }; "scrollEndLabel": { "alias": "scrollEndLabel"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof i1.TabList; inputs: { "orientation": "orientation"; "wrap": "wrap"; "softDisabled": "softDisabled"; "focusMode": "focusMode"; "selectionMode": "selectionMode"; "disabled": "disabled"; "selectedTab": "selectedTab"; }; outputs: { "selectedTabChange": "selectedTabChange"; }; }]>;
+}
+
+/**
+ * ```html
+ * <mf-tab-panel value="genel">
+ *   <ng-template ngTabContent>İçerik…</ng-template>
+ * </mf-tab-panel>
+ * ```
+ *
+ * `ngTabContent` (`@angular/aria/tabs`'ın `TabContent`'i) doğrudan
+ * kullanılır — ayrı bir `appTabContent` sarmalayıcı YOK, tek katmanlı bir
+ * yapıya sarmalayıcı eklemenin karşılığı yok (bkz. `TabContent`'in kendi
+ * `DeferredContent` mekanizması, panel aktif olana kadar içeriği hiç
+ * oluşturmaz — lazy). `<ng-content />` bilerek TEK satır: panelin kendi
+ * `role="tabpanel"`/`tabindex`/`inert` host bağlamaları `hostDirectives`'ten
+ * geliyor, ekstra bir sarmalayıcıya gerek yok.
+ *
+ * `[class.hidden]` ELLE eklendi — `AriaTabPanel`'in `inert` attribute'u
+ * elemanı erişilebilirlik ağacından/etkileşimden çıkarıyor ama GÖRSEL olarak
+ * gizlemiyor (kütüphanenin kendi dokümantasyonu: "Proper styling is required
+ * for visual hiding" — gerçek bulgu, ui-kit'te pasif panellerin boş
+ * dolgulu kutular olarak GÖRÜNÜR kaldığı görüldü).
+ */
+declare class TabPanel {
+    protected readonly ariaTabPanel: TabPanel$1;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TabPanel, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TabPanel, "mf-tab-panel", never, {}, {}, never, ["*"], true, [{ directive: typeof i1.TabPanel; inputs: { "value": "value"; "id": "id"; }; outputs: {}; }]>;
+}
+
+interface TabStripItem {
+    key: string;
+    label: string;
+    icon?: string;
+    /** `false`/`undefined` ise kapatma butonu gösterilmez (ör. sabitlenmiş kök sekme). */
+    closable?: boolean;
+}
+
+/**
+ * `<mf-tab-strip [items]="items()" [(activeKey)]="active" (close)="onClose($event)" />`
+ *
+ * `mf-tabs`/`mf-tab-list` (bkz. `tabs.ts`) ARIA `tabs` pattern'i PANEL
+ * varsayar (`aria-controls` gerçek bir `role=tabpanel`'e işaret eder) — bu
+ * şerit ise bir ROTA/DOKÜMAN şeridi: panel yok, içerik `router-outlet`'ten
+ * gelir, sekmeler kapatılabilir. Bu yüzden `@angular/aria/tabs`'ı DEĞİL,
+ * elle roving tabindex kullanıyor (emsal: `table-pagination.ts`'in
+ * `onNavKeydown`'ı) — ARIA `tab` rolü/`aria-selected` yine de elle
+ * uygulanıyor, sadece pattern motoru YOK.
+ *
+ * Ok tuşları SADECE odağı taşır (`activeKey` DEĞİŞMEZ) — her ok vuruşunda
+ * gerçek bir router navigasyonu tetiklemek (bkz. `TabsStore.activate`)
+ * pahalı/istenmeyen bir yan etki olurdu. `Enter`/`Space` ya da tık asıl
+ * seçimi commit eder. `Delete` odaktaki (kapatılabilir) sekmeyi kapatır.
+ *
+ * Kapatma butonu gerçek bir `<button>` ama tab elemanının kendisi `role=tab`
+ * taşıyan bir `<div>` — `mfTab`'ın (aria Tabs sisteminin) aksine burada bir
+ * `<button>` İÇİNE başka bir interaktif eleman GÖMÜLMÜYOR (geçersiz HTML
+ * olurdu, bkz. `table-filter-bar.html`'deki chip deseni — aynı gerekçeyle
+ * orada da İKİ KARDEŞ buton var, iç içe değil). Kapatma butonu bilerek
+ * `tabindex="-1"` — birincil roving-tabindex sırasının parçası değil (fare/
+ * dokunma birincil, `Delete` tuşu klavye eşdeğeri).
+ *
+ * Sağ tık menüsü TAMAMEN tüketiciye ait — bu bileşen belirli bir dropdown
+ * kütüphanesini BİLMİYOR (bkz. projects/ui-kit/README.md "Directive mi, component
+ * mi?" ruhu — dropdown-agnostik kalma), sadece ham `(itemContextMenu)` olayını
+ * yukarı veriyor.
+ */
+declare class TabStrip {
+    readonly items: _angular_core.InputSignal<TabStripItem[]>;
+    readonly activeKey: _angular_core.ModelSignal<string>;
+    /** Verilirse aktif sekmenin `aria-controls`'ü buna işaret eder (tek bir paylaşımlı içerik bölgesi — router-outlet). */
+    readonly contentId: _angular_core.InputSignal<string | null>;
+    readonly scrollStartLabel: _angular_core.InputSignal<string | undefined>;
+    readonly scrollEndLabel: _angular_core.InputSignal<string | undefined>;
+    /** Kapatma butonunun `aria-label`'ı — sekmenin kendi etiketiyle birleştirilir (ör. "Close: Roles"). */
+    readonly closeLabel: _angular_core.InputSignal<string | undefined>;
+    private readonly tabsLabels;
+    protected readonly effectiveScrollStartLabel: _angular_core.Signal<string>;
+    protected readonly effectiveScrollEndLabel: _angular_core.Signal<string>;
+    protected readonly effectiveCloseLabel: _angular_core.Signal<string>;
+    readonly close: _angular_core.OutputEmitterRef<string>;
+    readonly itemContextMenu: _angular_core.OutputEmitterRef<{
+        event: MouseEvent;
+        item: TabStripItem;
+    }>;
+    protected readonly focusedKey: _angular_core.WritableSignal<string | null>;
+    protected readonly scroller: _angular_core.Signal<TabScroller | undefined>;
+    protected readonly showStartArrow: _angular_core.Signal<boolean>;
+    protected readonly showEndArrow: _angular_core.Signal<boolean>;
+    private readonly rowEl;
+    protected tabClasses(item: TabStripItem): string;
+    protected tabIndexFor(item: TabStripItem): number;
+    protected select(key: string): void;
+    protected onCloseClick(event: MouseEvent, key: string): void;
+    protected onContextMenu(event: MouseEvent, item: TabStripItem): void;
+    protected onKeydown(event: KeyboardEvent): void;
+    private focusIndex;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TabStrip, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TabStrip, "mf-tab-strip", ["mfTabStrip"], { "items": { "alias": "items"; "required": true; "isSignal": true; }; "activeKey": { "alias": "activeKey"; "required": true; "isSignal": true; }; "contentId": { "alias": "contentId"; "required": false; "isSignal": true; }; "scrollStartLabel": { "alias": "scrollStartLabel"; "required": false; "isSignal": true; }; "scrollEndLabel": { "alias": "scrollEndLabel"; "required": false; "isSignal": true; }; "closeLabel": { "alias": "closeLabel"; "required": false; "isSignal": true; }; }, { "activeKey": "activeKeyChange"; "close": "close"; "itemContextMenu": "itemContextMenu"; }, never, never, true, never>;
+}
+
+/**
+ * `<mf-tabs><mf-tab-list>...</mf-tab-list><mf-tab-panel>...</mf-tab-panel></mf-tabs>`
+ *
+ * Salt bir kapsayıcı — tüm ARIA/klavye/state mantığı `@angular/aria/tabs`'ın
+ * `Tabs` pattern'inden `hostDirectives` ile ödünç alınıyor (bkz.
+ * projects/ui-kit/README.md "a11y checklist": "mümkün olduğunca `@angular/aria`...
+ * elle ARIA yazmak son çare"). `hostDirectives`, ana bileşenin (`mf-tabs`)
+ * host elemanına `Tabs`'ın DI sağlayıcısını (`TABS` token) ekliyor — alttaki
+ * `mf-tab-list`/`mf-tab-panel` bunu `inject()` ile bulup kendini
+ * kaydediyor, template'te `ngTabs` attribute'unu ELLE yazmaya gerek yok
+ * (`hostDirectives`'te selector yok sayılır, bkz. Angular directive
+ * composition API).
+ */
+declare class Tabs {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Tabs, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Tabs, "mf-tabs", ["mfTabs"], {}, {}, never, ["*"], true, [{ directive: typeof i1.Tabs; inputs: {}; outputs: {}; }]>;
+}
+
+export { Tab, TabList, TabPanel, TabScroller, TabStrip, Tabs, tabListVariants, tabVariants };
+export type { TabSelected, TabStripItem, TabsOrientation, TabsVariant };

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

@@ -0,0 +1,33 @@
+import * as _angular_core from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import { ValueAccessorBase } from '@mesgflow/ui-kit/core';
+
+/**
+ * `<mf-tag-input [(value)]="tags" placeholder="Etiket ekle..." />` — Enter
+ * veya virgül taslak metni bir etikete çevirir, her etiket kaldırılabilir
+ * bir `Chip` olarak görünür. Taslak BOŞKEN Backspace SON etiketi kaldırır
+ * (yaygın "tag input" klavye deseni — ayrı bir onay adımı gerekmez, geri
+ * alması kolay bir eylem). `InputGroup`'un `[wrap]="true"` moduyla (bkz.
+ * `input-group.ts`) etiketler çoğaldıkça kabuk BÜYÜR, taşırmaz.
+ */
+declare class TagInput extends ValueAccessorBase<string[]> implements ControlValueAccessor {
+    readonly value: _angular_core.ModelSignal<string[]>;
+    readonly placeholder: _angular_core.InputSignal<string>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly hasError: _angular_core.InputSignal<boolean>;
+    readonly ariaLabel: _angular_core.InputSignal<string>;
+    readonly fullWidth: _angular_core.InputSignal<boolean>;
+    /** Verilmezse alttaki `Chip`'in kendi `MF_CHIP_LABELS` düşüşü kullanılır (bkz. `chip.ts`). */
+    readonly removeLabel: _angular_core.InputSignal<string | undefined>;
+    /** Aynı etiketin (büyük/küçük harf duyarsız) İKİ KEZ eklenmesini engeller. */
+    readonly unique: _angular_core.InputSignal<boolean>;
+    private readonly inputEl;
+    writeValue(value: string[]): void;
+    protected onKeydown(event: KeyboardEvent): void;
+    protected commitDraft(): void;
+    protected removeTag(tag: string): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TagInput, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TagInput, "mf-tag-input", ["mfTagInput"], { "value": { "alias": "value"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "hasError": { "alias": "hasError"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; "removeLabel": { "alias": "removeLabel"; "required": false; "isSignal": true; }; "unique": { "alias": "unique"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
+}
+
+export { TagInput };

package/types/mesgflow-ui-kit-theme-switcher.d.ts

@@ -0,0 +1,27 @@
+import * as _mesgflow_ui_kit_core from '@mesgflow/ui-kit/core';
+import * as _angular_core from '@angular/core';
+import { MfColorModeService, MfColorMode } from '@mesgflow/ui-kit/theming';
+
+/**
+ * `<mf-theme-switcher />` — açık / koyu / sistem. Durum `MfColorModeService`'te (kalıcı, sistem
+ * tercihini canlı izler); bu bileşen yalnızca görünüm.
+ *
+ * - `segmented` (varsayılan): kitin `ToggleGroup`'u (tek seçim, boşaltılamaz) — üç ikonlu düğme,
+ *   her biri adlı, seçili olan `aria-pressed`.
+ * - `button`: tek ikon düğmesi, light → dark → system döngüsü; adı mevcut modu söyler
+ *   ("Color theme: Dark"), ipucu da.
+ */
+declare class ThemeSwitcher {
+    readonly appearance: _angular_core.InputSignal<"segmented" | "button">;
+    readonly size: _angular_core.InputSignal<"sm" | "md">;
+    protected readonly colorMode: MfColorModeService;
+    protected readonly labels: _angular_core.Signal<_mesgflow_ui_kit_core.MfThemeSwitcherLabels>;
+    protected readonly icons: Record<MfColorMode, string>;
+    protected readonly modes: readonly MfColorMode[];
+    protected readonly cycleLabel: _angular_core.Signal<string>;
+    protected select(values: readonly string[]): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThemeSwitcher, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ThemeSwitcher, "mf-theme-switcher", ["mfThemeSwitcher"], { "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { ThemeSwitcher };