@mesgflow/ui-kit 0.7.0 → 0.8.0

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

@@ -63,10 +63,10 @@ class TourCard {
             this.host.nativeElement.querySelector('[role="dialog"]')?.focus();
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: TourCard, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: TourCard, isStandalone: true, selector: "mf-tour-card", ngImport: i0, template: "<div\r\n  role=\"dialog\"\r\n  aria-modal=\"true\"\r\n  tabindex=\"-1\"\r\n  cdkTrapFocus\r\n  [attr.aria-labelledby]=\"titleId\"\r\n  [attr.aria-describedby]=\"contentId\"\r\n  class=\"w-[min(20rem,calc(100vw-2rem))] animate-overlay-in rounded-xl border border-hairline bg-overlay p-4 shadow-3 outline-none\"\r\n  (keydown.escape)=\"run.skip()\"\r\n>\r\n  <div class=\"flex items-center justify-between gap-2\">\r\n    <span class=\"font-mono text-eyebrow text-help uppercase tabular-nums\">\r\n      {{ run.index() + 1 }} {{ labels().stepOf }} {{ run.steps.length }}\r\n    </span>\r\n    <button\r\n      type=\"button\"\r\n      class=\"-me-1.5 inline-flex size-7 cursor-pointer appearance-none items-center justify-center rounded-md border-0 bg-transparent text-fg-subtle transition-colors duration-fast ease-emphasis hover:bg-state-hover hover:text-fg focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus-ring\"\r\n      [attr.aria-label]=\"labels().skip\"\r\n      (click)=\"run.skip()\"\r\n    >\r\n      <span mfIcon [size]=\"16\">close</span>\r\n    </button>\r\n  </div>\r\n\r\n  <h2 [id]=\"titleId\" class=\"mt-1.5 font-display text-base font-semibold text-fg\">\r\n    {{ run.step().title }}\r\n  </h2>\r\n  <p [id]=\"contentId\" class=\"mt-1 text-sm text-fg-muted\">{{ run.step().content }}</p>\r\n\r\n  <div class=\"mt-4 flex items-center gap-2\">\r\n    <!-- \u0130lerleme: ad\u0131m ba\u015F\u0131na bir \u00E7izgi; salt g\u00F6rsel, say\u0131 zaten yukar\u0131da. -->\r\n    <div class=\"flex flex-1 items-center gap-1\" aria-hidden=\"true\">\r\n      @for (step of run.steps; track $index) {\r\n        <span\r\n          class=\"h-1 flex-1 rounded-full transition-colors duration-base ease-emphasis\"\r\n          [class]=\"$index <= run.index() ? 'bg-help' : 'bg-surface-alt'\"\r\n        ></span>\r\n      }\r\n    </div>\r\n    @if (!run.isFirst()) {\r\n      <button\r\n        mfButton\r\n        appearance=\"text\"\r\n        tone=\"neutral\"\r\n        size=\"sm\"\r\n        type=\"button\"\r\n        (click)=\"run.back()\"\r\n      >\r\n        {{ labels().back }}\r\n      </button>\r\n    }\r\n    <button mfButton tone=\"help\" size=\"sm\" type=\"button\" (click)=\"run.next()\">\r\n      {{ run.isLast() ? labels().done : labels().next }}\r\n    </button>\r\n  </div>\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i1.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "component", type: Button, selector: "button[mfButton], a[mfButton]", inputs: ["tone", "appearance", "size", "shape", "type", "loading", "iconStart", "iconEnd"], exportAs: ["mfButton"] }, { kind: "directive", type: Icon, selector: "span[mfIcon]", inputs: ["size", "filled"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: TourCard, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: TourCard, isStandalone: true, selector: "mf-tour-card", ngImport: i0, template: "<div\r\n  role=\"dialog\"\r\n  aria-modal=\"true\"\r\n  tabindex=\"-1\"\r\n  cdkTrapFocus\r\n  [attr.aria-labelledby]=\"titleId\"\r\n  [attr.aria-describedby]=\"contentId\"\r\n  class=\"w-[min(20rem,calc(100vw-2rem))] animate-overlay-in rounded-xl border border-hairline bg-overlay p-4 shadow-3 outline-none\"\r\n  (keydown.escape)=\"run.skip()\"\r\n>\r\n  <div class=\"flex items-center justify-between gap-2\">\r\n    <span class=\"font-mono text-eyebrow text-help uppercase tabular-nums\">\r\n      {{ run.index() + 1 }} {{ labels().stepOf }} {{ run.steps.length }}\r\n    </span>\r\n    <button\r\n      type=\"button\"\r\n      class=\"-me-1.5 inline-flex size-7 cursor-pointer appearance-none items-center justify-center rounded-md border-0 bg-transparent text-fg-subtle transition-colors duration-fast ease-emphasis hover:bg-state-hover hover:text-fg focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus-ring\"\r\n      [attr.aria-label]=\"labels().skip\"\r\n      (click)=\"run.skip()\"\r\n    >\r\n      <span mfIcon [size]=\"16\">close</span>\r\n    </button>\r\n  </div>\r\n\r\n  <h2 [id]=\"titleId\" class=\"mt-1.5 font-display text-base font-semibold text-fg\">\r\n    {{ run.step().title }}\r\n  </h2>\r\n  <p [id]=\"contentId\" class=\"mt-1 text-sm text-fg-muted\">{{ run.step().content }}</p>\r\n\r\n  <div class=\"mt-4 flex items-center gap-2\">\r\n    <!-- \u0130lerleme: ad\u0131m ba\u015F\u0131na bir \u00E7izgi; salt g\u00F6rsel, say\u0131 zaten yukar\u0131da. -->\r\n    <div class=\"flex flex-1 items-center gap-1\" aria-hidden=\"true\">\r\n      @for (step of run.steps; track $index) {\r\n        <span\r\n          class=\"h-1 flex-1 rounded-full transition-colors duration-base ease-emphasis\"\r\n          [class]=\"$index <= run.index() ? 'bg-help' : 'bg-surface-alt'\"\r\n        ></span>\r\n      }\r\n    </div>\r\n    @if (!run.isFirst()) {\r\n      <button\r\n        mfButton\r\n        appearance=\"text\"\r\n        tone=\"neutral\"\r\n        size=\"sm\"\r\n        type=\"button\"\r\n        (click)=\"run.back()\"\r\n      >\r\n        {{ labels().back }}\r\n      </button>\r\n    }\r\n    <button mfButton tone=\"help\" size=\"sm\" type=\"button\" (click)=\"run.next()\">\r\n      {{ run.isLast() ? labels().done : labels().next }}\r\n    </button>\r\n  </div>\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i1.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "component", type: Button, selector: "button[mfButton], a[mfButton]", inputs: ["tone", "appearance", "size", "shape", "type", "loading", "iconStart", "iconEnd"], exportAs: ["mfButton"] }, { kind: "directive", type: Icon, selector: "span[mfIcon]", inputs: ["size", "filled"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: TourCard, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: TourCard, decorators: [{
             type: Component,
             args: [{ selector: 'mf-tour-card', imports: [A11yModule, Button, Icon], template: "<div\r\n  role=\"dialog\"\r\n  aria-modal=\"true\"\r\n  tabindex=\"-1\"\r\n  cdkTrapFocus\r\n  [attr.aria-labelledby]=\"titleId\"\r\n  [attr.aria-describedby]=\"contentId\"\r\n  class=\"w-[min(20rem,calc(100vw-2rem))] animate-overlay-in rounded-xl border border-hairline bg-overlay p-4 shadow-3 outline-none\"\r\n  (keydown.escape)=\"run.skip()\"\r\n>\r\n  <div class=\"flex items-center justify-between gap-2\">\r\n    <span class=\"font-mono text-eyebrow text-help uppercase tabular-nums\">\r\n      {{ run.index() + 1 }} {{ labels().stepOf }} {{ run.steps.length }}\r\n    </span>\r\n    <button\r\n      type=\"button\"\r\n      class=\"-me-1.5 inline-flex size-7 cursor-pointer appearance-none items-center justify-center rounded-md border-0 bg-transparent text-fg-subtle transition-colors duration-fast ease-emphasis hover:bg-state-hover hover:text-fg focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus-ring\"\r\n      [attr.aria-label]=\"labels().skip\"\r\n      (click)=\"run.skip()\"\r\n    >\r\n      <span mfIcon [size]=\"16\">close</span>\r\n    </button>\r\n  </div>\r\n\r\n  <h2 [id]=\"titleId\" class=\"mt-1.5 font-display text-base font-semibold text-fg\">\r\n    {{ run.step().title }}\r\n  </h2>\r\n  <p [id]=\"contentId\" class=\"mt-1 text-sm text-fg-muted\">{{ run.step().content }}</p>\r\n\r\n  <div class=\"mt-4 flex items-center gap-2\">\r\n    <!-- \u0130lerleme: ad\u0131m ba\u015F\u0131na bir \u00E7izgi; salt g\u00F6rsel, say\u0131 zaten yukar\u0131da. -->\r\n    <div class=\"flex flex-1 items-center gap-1\" aria-hidden=\"true\">\r\n      @for (step of run.steps; track $index) {\r\n        <span\r\n          class=\"h-1 flex-1 rounded-full transition-colors duration-base ease-emphasis\"\r\n          [class]=\"$index <= run.index() ? 'bg-help' : 'bg-surface-alt'\"\r\n        ></span>\r\n      }\r\n    </div>\r\n    @if (!run.isFirst()) {\r\n      <button\r\n        mfButton\r\n        appearance=\"text\"\r\n        tone=\"neutral\"\r\n        size=\"sm\"\r\n        type=\"button\"\r\n        (click)=\"run.back()\"\r\n      >\r\n        {{ labels().back }}\r\n      </button>\r\n    }\r\n    <button mfButton tone=\"help\" size=\"sm\" type=\"button\" (click)=\"run.next()\">\r\n      {{ run.isLast() ? labels().done : labels().next }}\r\n    </button>\r\n  </div>\r\n</div>\r\n" }]
         }], ctorParameters: () => [] });
@@ -81,8 +81,8 @@ const SCRIM = 'color-mix(in srgb, var(--color-neutral-975) 55%, transparent)';
 class TourSpotlight {
     run = inject(TourRun);
     scrim = SCRIM;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: TourSpotlight, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: TourSpotlight, isStandalone: true, selector: "mf-tour-spotlight", host: { classAttribute: "fixed inset-0 block" }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: TourSpotlight, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: TourSpotlight, isStandalone: true, selector: "mf-tour-spotlight", host: { classAttribute: "fixed inset-0 block" }, ngImport: i0, template: `
     @if (run.rect(); as rect) {
       <div class="absolute inset-0" aria-hidden="true"></div>
       <div
@@ -99,7 +99,7 @@ class TourSpotlight {
     }
   `, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: TourSpotlight, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: TourSpotlight, decorators: [{
             type: Component,
             args: [{
                     selector: 'mf-tour-spotlight',
@@ -238,10 +238,10 @@ class TourService {
         });
         return this.active;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: TourService, deps: [], target: i0.ɵɵFactoryTarget.Service });
-    static ɵprov = i0.ɵɵngDeclareService({ minVersion: "22.0.0", version: "22.1.6", ngImport: i0, type: TourService });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: TourService, deps: [], target: i0.ɵɵFactoryTarget.Service });
+    static ɵprov = i0.ɵɵngDeclareService({ minVersion: "22.0.0", version: "22.1.7", ngImport: i0, type: TourService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: TourService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: TourService, decorators: [{
             type: Service
         }] });
 function resolveTarget(target, doc) {

package/fesm2022/mesgflow-ui-kit-transfer-list.mjs

@@ -74,8 +74,8 @@ class TransferList {
         }
         this.checked.set({ left: [], right: [] });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: TransferList, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: TransferList, isStandalone: true, selector: "mf-transfer-list", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: true, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, host: { classAttribute: "grid gap-3 sm:grid-cols-[1fr_auto_1fr] sm:items-stretch" }, exportAs: ["mfTransferList"], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: TransferList, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: TransferList, isStandalone: true, selector: "mf-transfer-list", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: true, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, host: { classAttribute: "grid gap-3 sm:grid-cols-[1fr_auto_1fr] sm:items-stretch" }, exportAs: ["mfTransferList"], ngImport: i0, template: `
     @for (side of sides; track side) {
       @if (side === 'right') {
         <div class="flex flex-row items-center justify-center gap-1.5 sm:flex-col">
@@ -173,7 +173,7 @@ class TransferList {
     }
   `, isInline: true, dependencies: [{ kind: "component", type: Button, selector: "button[mfButton], a[mfButton]", inputs: ["tone", "appearance", "size", "shape", "type", "loading", "iconStart", "iconEnd"], exportAs: ["mfButton"] }, { kind: "directive", type: Icon, selector: "span[mfIcon]", inputs: ["size", "filled"] }, { kind: "component", type: Listbox, selector: "mf-listbox", inputs: ["options", "value", "multi", "disabled", "ariaLabel"], outputs: ["valueChange"], exportAs: ["mfListbox"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: TransferList, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: TransferList, decorators: [{
             type: Component,
             args: [{
                     selector: 'mf-transfer-list',

package/fesm2022/mesgflow-ui-kit-tree-select.mjs

@@ -157,12 +157,12 @@ class TreeSelect extends ValueAccessorBase {
     setDisabledState(disabled) {
         this.formDisabled.set(disabled);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: TreeSelect, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: TreeSelect, isStandalone: true, selector: "mf-tree-select", inputs: { nodes: { classPropertyName: "nodes", publicName: "nodes", isSignal: true, isRequired: true, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, multi: { classPropertyName: "multi", publicName: "multi", isSignal: true, isRequired: false, transformFunction: null }, searchable: { classPropertyName: "searchable", publicName: "searchable", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, hasError: { classPropertyName: "hasError", publicName: "hasError", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, maxVisibleChips: { classPropertyName: "maxVisibleChips", publicName: "maxVisibleChips", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, host: { classAttribute: "block" }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: TreeSelect, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: TreeSelect, isStandalone: true, selector: "mf-tree-select", inputs: { nodes: { classPropertyName: "nodes", publicName: "nodes", isSignal: true, isRequired: true, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, multi: { classPropertyName: "multi", publicName: "multi", isSignal: true, isRequired: false, transformFunction: null }, searchable: { classPropertyName: "searchable", publicName: "searchable", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, hasError: { classPropertyName: "hasError", publicName: "hasError", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, maxVisibleChips: { classPropertyName: "maxVisibleChips", publicName: "maxVisibleChips", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, host: { classAttribute: "block" }, providers: [
             { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => TreeSelect), multi: true },
         ], viewQueries: [{ propertyName: "trigger", first: true, predicate: ["trigger"], descendants: true, isSignal: true }, { propertyName: "panel", first: true, predicate: ["panel"], descendants: true, isSignal: true }], exportAs: ["mfTreeSelect"], usesInheritance: true, ngImport: i0, template: "<button\r\n  #trigger\r\n  type=\"button\"\r\n  cdkOverlayOrigin\r\n  #origin=\"cdkOverlayOrigin\"\r\n  [class]=\"triggerClasses()\"\r\n  [disabled]=\"isDisabled()\"\r\n  [attr.aria-label]=\"ariaLabel() || null\"\r\n  [attr.aria-expanded]=\"open()\"\r\n  aria-haspopup=\"tree\"\r\n  (click)=\"toggle()\"\r\n  (keydown)=\"onTriggerKeydown($event)\"\r\n>\r\n  @if (selectedLabels().length === 0) {\r\n    <span class=\"truncate text-fg-subtle\">{{ effectivePlaceholder() }}</span>\r\n  } @else if (multi()) {\r\n    <span class=\"flex min-w-0 flex-1 flex-wrap items-center gap-1\">\r\n      @for (label of visibleChips(); track label) {\r\n        <mf-chip size=\"sm\">{{ label }}</mf-chip>\r\n      }\r\n      @if (overflowCount() > 0) {\r\n        <mf-chip size=\"sm\">+{{ overflowCount() }}</mf-chip>\r\n      }\r\n    </span>\r\n  } @else {\r\n    <span class=\"truncate\">{{ selectedLabels()[0] }}</span>\r\n  }\r\n  <span mfIcon [size]=\"18\" class=\"shrink-0 text-fg-subtle\">unfold_more</span>\r\n</button>\r\n\r\n<mf-popover\r\n  [origin]=\"origin\"\r\n  [open]=\"open()\"\r\n  placement=\"bottom-start\"\r\n  padding=\"sm\"\r\n  [matchTriggerWidth]=\"true\"\r\n  (closed)=\"close(true)\"\r\n>\r\n  <div #panel class=\"flex max-h-80 flex-col gap-1\">\r\n    @if (searchable()) {\r\n      <input\r\n        mfInput\r\n        size=\"sm\"\r\n        type=\"search\"\r\n        autocomplete=\"off\"\r\n        [placeholder]=\"labels().searchPlaceholder\"\r\n        [attr.aria-label]=\"labels().searchPlaceholder\"\r\n        [value]=\"query()\"\r\n        (input)=\"query.set($any($event.target).value)\"\r\n      />\r\n    }\r\n    <div class=\"min-h-0 overflow-y-auto\">\r\n      @if (visibleNodes().length === 0) {\r\n        <p class=\"px-2.5 py-6 text-center text-sm text-fg-subtle\" role=\"status\">\r\n          {{ labels().noResults }}\r\n        </p>\r\n      } @else {\r\n        <mf-tree\r\n          [nodes]=\"visibleNodes()\"\r\n          [value]=\"value()\"\r\n          (valueChange)=\"onTreeValue($event)\"\r\n          [multi]=\"multi()\"\r\n          [expandAll]=\"searching()\"\r\n          [ariaLabel]=\"ariaLabel() || effectivePlaceholder()\"\r\n        />\r\n      }\r\n    </div>\r\n  </div>\r\n</mf-popover>\r\n", dependencies: [{ kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i1.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "component", type: Chip, selector: "mf-chip", inputs: ["tone", "size", "selected", "disabled", "removable", "removeLabel"], outputs: ["removed"], exportAs: ["mfChip"] }, { kind: "directive", type: Icon, selector: "span[mfIcon]", inputs: ["size", "filled"] }, { kind: "directive", type: Input, selector: "input[mfInput]:not([type=checkbox]):not([type=radio]), textarea[mfInput]", inputs: ["size", "hasError", "autosize", "minRows", "maxRows"] }, { kind: "component", type: Popover, selector: "mf-popover", inputs: ["origin", "open", "placement", "padding", "hasBackdrop", "matchTriggerWidth", "panelClass"], outputs: ["openChange", "closed"], exportAs: ["mfPopover"] }, { kind: "component", type: Tree, selector: "mf-tree", inputs: ["nodes", "value", "multi", "ariaLabel", "expandAll"], outputs: ["valueChange"], exportAs: ["mfTree"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: TreeSelect, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: TreeSelect, decorators: [{
             type: Component,
             args: [{ selector: 'mf-tree-select', exportAs: 'mfTreeSelect', imports: [OverlayModule, Chip, Icon, Input, Popover, Tree], host: { class: 'block' }, providers: [
                         { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => TreeSelect), multi: true },

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

@@ -66,10 +66,10 @@ class Tree extends ValueAccessorBase {
     rowClasses(selected, disabled) {
         return cn(treeRowVariants({ selected: !!selected, disabled }));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: Tree, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: Tree, isStandalone: true, selector: "mf-tree", inputs: { nodes: { classPropertyName: "nodes", publicName: "nodes", isSignal: true, isRequired: true, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, multi: { classPropertyName: "multi", publicName: "multi", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, expandAll: { classPropertyName: "expandAll", publicName: "expandAll", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, host: { classAttribute: "block" }, providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => Tree), multi: true }], exportAs: ["mfTree"], usesInheritance: true, ngImport: i0, template: "<ul\r\n  ngTree\r\n  #treeRef=\"ngTree\"\r\n  [(value)]=\"value\"\r\n  [multi]=\"multi()\"\r\n  [attr.aria-label]=\"ariaLabel() || null\"\r\n  class=\"text-sm\"\r\n>\r\n  <ng-template\r\n    [ngTemplateOutlet]=\"treeNodes\"\r\n    [ngTemplateOutletContext]=\"{ $implicit: nodes(), parent: treeRef }\"\r\n  />\r\n</ul>\r\n\r\n<ng-template #treeNodes let-nodes let-parent=\"parent\">\r\n  @for (node of nodes; track node.id) {\r\n    <li\r\n      ngTreeItem\r\n      #item=\"ngTreeItem\"\r\n      [parent]=\"parent\"\r\n      [value]=\"node.value\"\r\n      [label]=\"node.label\"\r\n      [disabled]=\"!!node.disabled\"\r\n      [expanded]=\"expandAll()\"\r\n    >\r\n      <span\r\n        [class]=\"rowClasses(item.selected(), !!node.disabled)\"\r\n        [style.padding-inline-start.px]=\"item.level() * 16\"\r\n      >\r\n        @if (node.children && node.children.length > 0) {\r\n          <span\r\n            mfIcon\r\n            [size]=\"16\"\r\n            class=\"shrink-0 transition-transform duration-fast rtl:-scale-x-100\"\r\n            [class.rotate-90]=\"item.expanded()\"\r\n            [class.rtl:-rotate-90]=\"item.expanded()\"\r\n            >chevron_right</span\r\n          >\r\n        } @else {\r\n          <span class=\"w-4 shrink-0\" aria-hidden=\"true\"></span>\r\n        }\r\n        <span class=\"truncate\">{{ node.label }}</span>\r\n      </span>\r\n      @if (node.children && node.children.length > 0) {\r\n        <ul role=\"group\">\r\n          <ng-template ngTreeItemGroup [ownedBy]=\"item\" #group=\"ngTreeItemGroup\">\r\n            <ng-template\r\n              [ngTemplateOutlet]=\"treeNodes\"\r\n              [ngTemplateOutletContext]=\"{ $implicit: node.children, parent: group }\"\r\n            />\r\n          </ng-template>\r\n        </ul>\r\n      }\r\n    </li>\r\n  }\r\n</ng-template>\r\n", dependencies: [{ kind: "directive", type: Tree$1, selector: "[ngTree]", inputs: ["id", "orientation", "multi", "disabled", "selectionMode", "focusMode", "wrap", "softDisabled", "typeaheadDelay", "tabindex", "value", "nav", "currentType"], outputs: ["valueChange"], exportAs: ["ngTree"] }, { kind: "directive", type: TreeItem, selector: "[ngTreeItem]", inputs: ["id", "value", "parent", "disabled", "selectable", "expanded", "label"], outputs: ["expandedChange"], exportAs: ["ngTreeItem"] }, { kind: "directive", type: TreeItemGroup, selector: "ng-template[ngTreeItemGroup]", inputs: ["ownedBy"], exportAs: ["ngTreeItemGroup"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: Icon, selector: "span[mfIcon]", inputs: ["size", "filled"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: Tree, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: Tree, isStandalone: true, selector: "mf-tree", inputs: { nodes: { classPropertyName: "nodes", publicName: "nodes", isSignal: true, isRequired: true, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, multi: { classPropertyName: "multi", publicName: "multi", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, expandAll: { classPropertyName: "expandAll", publicName: "expandAll", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, host: { classAttribute: "block" }, providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => Tree), multi: true }], exportAs: ["mfTree"], usesInheritance: true, ngImport: i0, template: "<ul\r\n  ngTree\r\n  #treeRef=\"ngTree\"\r\n  [(value)]=\"value\"\r\n  [multi]=\"multi()\"\r\n  [attr.aria-label]=\"ariaLabel() || null\"\r\n  class=\"text-sm\"\r\n>\r\n  <ng-template\r\n    [ngTemplateOutlet]=\"treeNodes\"\r\n    [ngTemplateOutletContext]=\"{ $implicit: nodes(), parent: treeRef }\"\r\n  />\r\n</ul>\r\n\r\n<ng-template #treeNodes let-nodes let-parent=\"parent\">\r\n  @for (node of nodes; track node.id) {\r\n    <li\r\n      ngTreeItem\r\n      #item=\"ngTreeItem\"\r\n      [parent]=\"parent\"\r\n      [value]=\"node.value\"\r\n      [label]=\"node.label\"\r\n      [disabled]=\"!!node.disabled\"\r\n      [expanded]=\"expandAll()\"\r\n    >\r\n      <span\r\n        [class]=\"rowClasses(item.selected(), !!node.disabled)\"\r\n        [style.padding-inline-start.px]=\"item.level() * 16\"\r\n      >\r\n        @if (node.children && node.children.length > 0) {\r\n          <span\r\n            mfIcon\r\n            [size]=\"16\"\r\n            class=\"shrink-0 transition-transform duration-fast rtl:-scale-x-100\"\r\n            [class.rotate-90]=\"item.expanded()\"\r\n            [class.rtl:-rotate-90]=\"item.expanded()\"\r\n            >chevron_right</span\r\n          >\r\n        } @else {\r\n          <span class=\"w-4 shrink-0\" aria-hidden=\"true\"></span>\r\n        }\r\n        <span class=\"truncate\">{{ node.label }}</span>\r\n      </span>\r\n      @if (node.children && node.children.length > 0) {\r\n        <ul role=\"group\">\r\n          <ng-template ngTreeItemGroup [ownedBy]=\"item\" #group=\"ngTreeItemGroup\">\r\n            <ng-template\r\n              [ngTemplateOutlet]=\"treeNodes\"\r\n              [ngTemplateOutletContext]=\"{ $implicit: node.children, parent: group }\"\r\n            />\r\n          </ng-template>\r\n        </ul>\r\n      }\r\n    </li>\r\n  }\r\n</ng-template>\r\n", dependencies: [{ kind: "directive", type: Tree$1, selector: "[ngTree]", inputs: ["id", "orientation", "multi", "disabled", "selectionMode", "focusMode", "wrap", "softDisabled", "typeaheadDelay", "tabindex", "value", "nav", "currentType"], outputs: ["valueChange"], exportAs: ["ngTree"] }, { kind: "directive", type: TreeItem, selector: "[ngTreeItem]", inputs: ["id", "value", "parent", "disabled", "selectable", "expanded", "label"], outputs: ["expandedChange"], exportAs: ["ngTreeItem"] }, { kind: "directive", type: TreeItemGroup, selector: "ng-template[ngTreeItemGroup]", inputs: ["ownedBy"], exportAs: ["ngTreeItemGroup"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: Icon, selector: "span[mfIcon]", inputs: ["size", "filled"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: Tree, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: Tree, decorators: [{
             type: Component,
             args: [{ selector: 'mf-tree', exportAs: 'mfTree', host: { class: 'block' }, imports: [Tree$1, TreeItem, TreeItemGroup, NgTemplateOutlet, Icon], providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => Tree), multi: true }], template: "<ul\r\n  ngTree\r\n  #treeRef=\"ngTree\"\r\n  [(value)]=\"value\"\r\n  [multi]=\"multi()\"\r\n  [attr.aria-label]=\"ariaLabel() || null\"\r\n  class=\"text-sm\"\r\n>\r\n  <ng-template\r\n    [ngTemplateOutlet]=\"treeNodes\"\r\n    [ngTemplateOutletContext]=\"{ $implicit: nodes(), parent: treeRef }\"\r\n  />\r\n</ul>\r\n\r\n<ng-template #treeNodes let-nodes let-parent=\"parent\">\r\n  @for (node of nodes; track node.id) {\r\n    <li\r\n      ngTreeItem\r\n      #item=\"ngTreeItem\"\r\n      [parent]=\"parent\"\r\n      [value]=\"node.value\"\r\n      [label]=\"node.label\"\r\n      [disabled]=\"!!node.disabled\"\r\n      [expanded]=\"expandAll()\"\r\n    >\r\n      <span\r\n        [class]=\"rowClasses(item.selected(), !!node.disabled)\"\r\n        [style.padding-inline-start.px]=\"item.level() * 16\"\r\n      >\r\n        @if (node.children && node.children.length > 0) {\r\n          <span\r\n            mfIcon\r\n            [size]=\"16\"\r\n            class=\"shrink-0 transition-transform duration-fast rtl:-scale-x-100\"\r\n            [class.rotate-90]=\"item.expanded()\"\r\n            [class.rtl:-rotate-90]=\"item.expanded()\"\r\n            >chevron_right</span\r\n          >\r\n        } @else {\r\n          <span class=\"w-4 shrink-0\" aria-hidden=\"true\"></span>\r\n        }\r\n        <span class=\"truncate\">{{ node.label }}</span>\r\n      </span>\r\n      @if (node.children && node.children.length > 0) {\r\n        <ul role=\"group\">\r\n          <ng-template ngTreeItemGroup [ownedBy]=\"item\" #group=\"ngTreeItemGroup\">\r\n            <ng-template\r\n              [ngTemplateOutlet]=\"treeNodes\"\r\n              [ngTemplateOutletContext]=\"{ $implicit: node.children, parent: group }\"\r\n            />\r\n          </ng-template>\r\n        </ul>\r\n      }\r\n    </li>\r\n  }\r\n</ng-template>\r\n" }]
         }], ctorParameters: () => [], propDecorators: { nodes: [{ type: i0.Input, args: [{ isSignal: true, alias: "nodes", required: true }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], multi: [{ type: i0.Input, args: [{ isSignal: true, alias: "multi", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], expandAll: [{ type: i0.Input, args: [{ isSignal: true, alias: "expandAll", required: false }] }] } });

package/fesm2022/mesgflow-ui-kit-virtual-list.mjs

@@ -39,8 +39,8 @@ class VirtualList {
     scrollToIndex(index, behavior = 'smooth') {
         this.viewport().scrollToIndex(index, behavior);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: VirtualList, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.1.6", type: VirtualList, isStandalone: true, selector: "mf-virtual-list", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: true, transformFunction: null }, itemSize: { classPropertyName: "itemSize", publicName: "itemSize", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, trackBy: { classPropertyName: "trackBy", publicName: "trackBy", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { indexChange: "indexChange" }, host: { classAttribute: "block" }, queries: [{ propertyName: "template", first: true, predicate: (TemplateRef), descendants: true, isSignal: true }], viewQueries: [{ propertyName: "viewport", first: true, predicate: CdkVirtualScrollViewport, descendants: true, isSignal: true }], exportAs: ["mfVirtualList"], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: VirtualList, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.1.7", type: VirtualList, isStandalone: true, selector: "mf-virtual-list", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: true, transformFunction: null }, itemSize: { classPropertyName: "itemSize", publicName: "itemSize", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, trackBy: { classPropertyName: "trackBy", publicName: "trackBy", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { indexChange: "indexChange" }, host: { classAttribute: "block" }, queries: [{ propertyName: "template", first: true, predicate: (TemplateRef), descendants: true, isSignal: true }], viewQueries: [{ propertyName: "viewport", first: true, predicate: CdkVirtualScrollViewport, descendants: true, isSignal: true }], exportAs: ["mfVirtualList"], ngImport: i0, template: `
     <cdk-virtual-scroll-viewport
       [itemSize]="itemSize()"
       [style.height]="height()"
@@ -66,7 +66,7 @@ class VirtualList {
     </cdk-virtual-scroll-viewport>
   `, isInline: true, dependencies: [{ kind: "component", type: CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "directive", type: CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: VirtualList, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: VirtualList, decorators: [{
             type: Component,
             args: [{
                     selector: 'mf-virtual-list',

package/fesm2022/mesgflow-ui-kit.mjs

@@ -54,6 +54,7 @@ export * from '@mesgflow/ui-kit/pagination';
 export * from '@mesgflow/ui-kit/password-input';
 export * from '@mesgflow/ui-kit/popover';
 export * from '@mesgflow/ui-kit/progress';
+export * from '@mesgflow/ui-kit/qr-code';
 export * from '@mesgflow/ui-kit/radio';
 export * from '@mesgflow/ui-kit/rating';
 export * from '@mesgflow/ui-kit/scroll-area';

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

@@ -1 +1 @@
-{"version":3,"file":"mesgflow-ui-kit.mjs","sources":["../../../projects/ui-kit/index.ts","../../../projects/ui-kit/mesgflow-ui-kit.ts"],"sourcesContent":["/*\r\n * Public API Surface of @mesgflow/ui-kit — birincil giriş noktası.\r\n *\r\n * Her satır bir ikincil giriş noktasının (`@mesgflow/ui-kit/<klasör>`) kendi\r\n * `index.ts` barrel'ını yeniden dışa verir — tüketici `import { Button }\r\n * from '@mesgflow/ui-kit'` yazmaya devam eder, ama isterse `import { Button }\r\n * from '@mesgflow/ui-kit/button'` ile yalnız o girişi de çekebilir (bkz.\r\n * `@angular/cdk`'nin `./overlay`/`./a11y` deseni).\r\n */\r\n\r\n// Yeniden dışa aktarımlar PAKET YOLUYLA (`@mesgflow/ui-kit/<entry>`), göreli `./<entry>` DEĞİL:\r\n// göreli yolda ng-packagr her entry'nin kodunu birincil FESM'e İKİNCİ KEZ gömüyordu (1.3 MB,\r\n// ayrı sınıf/InjectionToken kimlikleri — `provideMesgflowUi` barrel'dan, bileşen `/button`'dan\r\n// gelince etiketler bileşene ulaşmıyordu). `check:size`'ın `(barrel)` bütçesi bunu korur.\r\n// icons-lucide BİLEREK birincil barrel'da YOK — opsiyonel veri seti, import edilmezse pakete girmez.\r\nexport * from '@mesgflow/ui-kit/core';\r\nexport * from '@mesgflow/ui-kit/accordion';\r\nexport * from '@mesgflow/ui-kit/agenda';\r\nexport * from '@mesgflow/ui-kit/alert';\r\nexport * from '@mesgflow/ui-kit/aspect-ratio';\r\nexport * from '@mesgflow/ui-kit/avatar-group';\r\nexport * from '@mesgflow/ui-kit/avatar';\r\nexport * from '@mesgflow/ui-kit/badge';\r\nexport * from '@mesgflow/ui-kit/blocks';\r\nexport * from '@mesgflow/ui-kit/banner';\r\nexport * from '@mesgflow/ui-kit/box-input';\r\nexport * from '@mesgflow/ui-kit/brand';\r\nexport * from '@mesgflow/ui-kit/breadcrumb';\r\nexport * from '@mesgflow/ui-kit/button-group';\r\nexport * from '@mesgflow/ui-kit/button';\r\nexport * from '@mesgflow/ui-kit/card';\r\nexport * from '@mesgflow/ui-kit/carousel';\r\nexport * from '@mesgflow/ui-kit/chart';\r\nexport * from '@mesgflow/ui-kit/checkbox';\r\nexport * from '@mesgflow/ui-kit/chip';\r\nexport * from '@mesgflow/ui-kit/code-block';\r\nexport * from '@mesgflow/ui-kit/collapsible';\r\nexport * from '@mesgflow/ui-kit/color-picker';\r\nexport * from '@mesgflow/ui-kit/combobox';\r\nexport * from '@mesgflow/ui-kit/command';\r\nexport * from '@mesgflow/ui-kit/context-menu';\r\nexport * from '@mesgflow/ui-kit/copy-button';\r\nexport * from '@mesgflow/ui-kit/countdown';\r\nexport * from '@mesgflow/ui-kit/date-picker';\r\nexport * from '@mesgflow/ui-kit/description-list';\r\nexport * from '@mesgflow/ui-kit/dialog';\r\nexport * from '@mesgflow/ui-kit/divider';\r\nexport * from '@mesgflow/ui-kit/drawer';\r\nexport * from '@mesgflow/ui-kit/dropzone';\r\nexport * from '@mesgflow/ui-kit/empty-state';\r\nexport * from '@mesgflow/ui-kit/field';\r\nexport * from '@mesgflow/ui-kit/file-upload';\r\nexport * from '@mesgflow/ui-kit/hover-card';\r\nexport * from '@mesgflow/ui-kit/icon';\r\nexport * from '@mesgflow/ui-kit/inline-edit';\r\nexport * from '@mesgflow/ui-kit/input';\r\nexport * from '@mesgflow/ui-kit/kbd';\r\nexport * from '@mesgflow/ui-kit/lightbox';\r\nexport * from '@mesgflow/ui-kit/link';\r\nexport * from '@mesgflow/ui-kit/listbox';\r\nexport * from '@mesgflow/ui-kit/mention';\r\nexport * from '@mesgflow/ui-kit/menu';\r\nexport * from '@mesgflow/ui-kit/nav-menu';\r\nexport * from '@mesgflow/ui-kit/notification-center';\r\nexport * from '@mesgflow/ui-kit/number-input';\r\nexport * from '@mesgflow/ui-kit/otp-input';\r\nexport * from '@mesgflow/ui-kit/page-header';\r\nexport * from '@mesgflow/ui-kit/pagination';\r\nexport * from '@mesgflow/ui-kit/password-input';\r\nexport * from '@mesgflow/ui-kit/popover';\r\nexport * from '@mesgflow/ui-kit/progress';\r\nexport * from '@mesgflow/ui-kit/radio';\r\nexport * from '@mesgflow/ui-kit/rating';\r\nexport * from '@mesgflow/ui-kit/scroll-area';\r\nexport * from '@mesgflow/ui-kit/search-input';\r\nexport * from '@mesgflow/ui-kit/segmented-control';\r\nexport * from '@mesgflow/ui-kit/select';\r\nexport * from '@mesgflow/ui-kit/sidebar';\r\nexport * from '@mesgflow/ui-kit/skeleton';\r\nexport * from '@mesgflow/ui-kit/slider';\r\nexport * from '@mesgflow/ui-kit/sortable';\r\nexport * from '@mesgflow/ui-kit/spinner';\r\nexport * from '@mesgflow/ui-kit/split-button';\r\nexport * from '@mesgflow/ui-kit/splitter';\r\nexport * from '@mesgflow/ui-kit/stat-tile';\r\nexport * from '@mesgflow/ui-kit/stepper';\r\nexport * from '@mesgflow/ui-kit/switch';\r\nexport * from '@mesgflow/ui-kit/table';\r\nexport * from '@mesgflow/ui-kit/tabs';\r\nexport * from '@mesgflow/ui-kit/tag-input';\r\nexport * from '@mesgflow/ui-kit/theme-switcher';\r\nexport * from '@mesgflow/ui-kit/time-picker';\r\nexport * from '@mesgflow/ui-kit/timeline';\r\nexport * from '@mesgflow/ui-kit/toast';\r\nexport * from '@mesgflow/ui-kit/toggle';\r\nexport * from '@mesgflow/ui-kit/toolbar';\r\nexport * from '@mesgflow/ui-kit/tooltip';\r\nexport * from '@mesgflow/ui-kit/tour';\r\nexport * from '@mesgflow/ui-kit/transfer-list';\r\nexport * from '@mesgflow/ui-kit/tree-select';\r\nexport * from '@mesgflow/ui-kit/tree';\r\nexport * from '@mesgflow/ui-kit/virtual-list';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;AAQG;AAEH;AACA;AACA;AACA;AACA;;ACdA;;AAEG"}
+{"version":3,"file":"mesgflow-ui-kit.mjs","sources":["../../../projects/ui-kit/index.ts","../../../projects/ui-kit/mesgflow-ui-kit.ts"],"sourcesContent":["/*\r\n * Public API Surface of @mesgflow/ui-kit — birincil giriş noktası.\r\n *\r\n * Her satır bir ikincil giriş noktasının (`@mesgflow/ui-kit/<klasör>`) kendi\r\n * `index.ts` barrel'ını yeniden dışa verir — tüketici `import { Button }\r\n * from '@mesgflow/ui-kit'` yazmaya devam eder, ama isterse `import { Button }\r\n * from '@mesgflow/ui-kit/button'` ile yalnız o girişi de çekebilir (bkz.\r\n * `@angular/cdk`'nin `./overlay`/`./a11y` deseni).\r\n */\r\n\r\n// Yeniden dışa aktarımlar PAKET YOLUYLA (`@mesgflow/ui-kit/<entry>`), göreli `./<entry>` DEĞİL:\r\n// göreli yolda ng-packagr her entry'nin kodunu birincil FESM'e İKİNCİ KEZ gömüyordu (1.3 MB,\r\n// ayrı sınıf/InjectionToken kimlikleri — `provideMesgflowUi` barrel'dan, bileşen `/button`'dan\r\n// gelince etiketler bileşene ulaşmıyordu). `check:size`'ın `(barrel)` bütçesi bunu korur.\r\n// icons-lucide BİLEREK birincil barrel'da YOK — opsiyonel veri seti, import edilmezse pakete girmez.\r\nexport * from '@mesgflow/ui-kit/core';\r\nexport * from '@mesgflow/ui-kit/accordion';\r\nexport * from '@mesgflow/ui-kit/agenda';\r\nexport * from '@mesgflow/ui-kit/alert';\r\nexport * from '@mesgflow/ui-kit/aspect-ratio';\r\nexport * from '@mesgflow/ui-kit/avatar-group';\r\nexport * from '@mesgflow/ui-kit/avatar';\r\nexport * from '@mesgflow/ui-kit/badge';\r\nexport * from '@mesgflow/ui-kit/blocks';\r\nexport * from '@mesgflow/ui-kit/banner';\r\nexport * from '@mesgflow/ui-kit/box-input';\r\nexport * from '@mesgflow/ui-kit/brand';\r\nexport * from '@mesgflow/ui-kit/breadcrumb';\r\nexport * from '@mesgflow/ui-kit/button-group';\r\nexport * from '@mesgflow/ui-kit/button';\r\nexport * from '@mesgflow/ui-kit/card';\r\nexport * from '@mesgflow/ui-kit/carousel';\r\nexport * from '@mesgflow/ui-kit/chart';\r\nexport * from '@mesgflow/ui-kit/checkbox';\r\nexport * from '@mesgflow/ui-kit/chip';\r\nexport * from '@mesgflow/ui-kit/code-block';\r\nexport * from '@mesgflow/ui-kit/collapsible';\r\nexport * from '@mesgflow/ui-kit/color-picker';\r\nexport * from '@mesgflow/ui-kit/combobox';\r\nexport * from '@mesgflow/ui-kit/command';\r\nexport * from '@mesgflow/ui-kit/context-menu';\r\nexport * from '@mesgflow/ui-kit/copy-button';\r\nexport * from '@mesgflow/ui-kit/countdown';\r\nexport * from '@mesgflow/ui-kit/date-picker';\r\nexport * from '@mesgflow/ui-kit/description-list';\r\nexport * from '@mesgflow/ui-kit/dialog';\r\nexport * from '@mesgflow/ui-kit/divider';\r\nexport * from '@mesgflow/ui-kit/drawer';\r\nexport * from '@mesgflow/ui-kit/dropzone';\r\nexport * from '@mesgflow/ui-kit/empty-state';\r\nexport * from '@mesgflow/ui-kit/field';\r\nexport * from '@mesgflow/ui-kit/file-upload';\r\nexport * from '@mesgflow/ui-kit/hover-card';\r\nexport * from '@mesgflow/ui-kit/icon';\r\nexport * from '@mesgflow/ui-kit/inline-edit';\r\nexport * from '@mesgflow/ui-kit/input';\r\nexport * from '@mesgflow/ui-kit/kbd';\r\nexport * from '@mesgflow/ui-kit/lightbox';\r\nexport * from '@mesgflow/ui-kit/link';\r\nexport * from '@mesgflow/ui-kit/listbox';\r\nexport * from '@mesgflow/ui-kit/mention';\r\nexport * from '@mesgflow/ui-kit/menu';\r\nexport * from '@mesgflow/ui-kit/nav-menu';\r\nexport * from '@mesgflow/ui-kit/notification-center';\r\nexport * from '@mesgflow/ui-kit/number-input';\r\nexport * from '@mesgflow/ui-kit/otp-input';\r\nexport * from '@mesgflow/ui-kit/page-header';\r\nexport * from '@mesgflow/ui-kit/pagination';\r\nexport * from '@mesgflow/ui-kit/password-input';\r\nexport * from '@mesgflow/ui-kit/popover';\r\nexport * from '@mesgflow/ui-kit/progress';\r\nexport * from '@mesgflow/ui-kit/qr-code';\r\nexport * from '@mesgflow/ui-kit/radio';\r\nexport * from '@mesgflow/ui-kit/rating';\r\nexport * from '@mesgflow/ui-kit/scroll-area';\r\nexport * from '@mesgflow/ui-kit/search-input';\r\nexport * from '@mesgflow/ui-kit/segmented-control';\r\nexport * from '@mesgflow/ui-kit/select';\r\nexport * from '@mesgflow/ui-kit/sidebar';\r\nexport * from '@mesgflow/ui-kit/skeleton';\r\nexport * from '@mesgflow/ui-kit/slider';\r\nexport * from '@mesgflow/ui-kit/sortable';\r\nexport * from '@mesgflow/ui-kit/spinner';\r\nexport * from '@mesgflow/ui-kit/split-button';\r\nexport * from '@mesgflow/ui-kit/splitter';\r\nexport * from '@mesgflow/ui-kit/stat-tile';\r\nexport * from '@mesgflow/ui-kit/stepper';\r\nexport * from '@mesgflow/ui-kit/switch';\r\nexport * from '@mesgflow/ui-kit/table';\r\nexport * from '@mesgflow/ui-kit/tabs';\r\nexport * from '@mesgflow/ui-kit/tag-input';\r\nexport * from '@mesgflow/ui-kit/theme-switcher';\r\nexport * from '@mesgflow/ui-kit/time-picker';\r\nexport * from '@mesgflow/ui-kit/timeline';\r\nexport * from '@mesgflow/ui-kit/toast';\r\nexport * from '@mesgflow/ui-kit/toggle';\r\nexport * from '@mesgflow/ui-kit/toolbar';\r\nexport * from '@mesgflow/ui-kit/tooltip';\r\nexport * from '@mesgflow/ui-kit/tour';\r\nexport * from '@mesgflow/ui-kit/transfer-list';\r\nexport * from '@mesgflow/ui-kit/tree-select';\r\nexport * from '@mesgflow/ui-kit/tree';\r\nexport * from '@mesgflow/ui-kit/virtual-list';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;AAQG;AAEH;AACA;AACA;AACA;AACA;;ACdA;;AAEG"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mesgflow/ui-kit",
-  "version": "0.7.0",
+  "version": "0.8.0",
   "description": "Independent Angular component kit (button, select, dialog, table, sidebar, and more) built on a Tailwind v4 design token system. See README.md for setup and prerequisites.",
   "license": "MIT",
   "author": "Hurdeniz YENER",
@@ -323,6 +323,10 @@
       "types": "./types/mesgflow-ui-kit-progress.d.ts",
       "default": "./fesm2022/mesgflow-ui-kit-progress.mjs"
     },
+    "./qr-code": {
+      "types": "./types/mesgflow-ui-kit-qr-code.d.ts",
+      "default": "./fesm2022/mesgflow-ui-kit-qr-code.mjs"
+    },
     "./radio": {
       "types": "./types/mesgflow-ui-kit-radio.d.ts",
       "default": "./fesm2022/mesgflow-ui-kit-radio.mjs"

package/tokens.json

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

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

@@ -1,7 +1,7 @@
 import * as _mesgflow_ui_kit_command from '@mesgflow/ui-kit/command';
 import * as _mesgflow_ui_kit_core from '@mesgflow/ui-kit/core';
 import * as _angular_core from '@angular/core';
-import { DialogRef } from '@angular/cdk/dialog';
+import * as _mesgflow_ui_kit_dialog from '@mesgflow/ui-kit/dialog';
 
 /** `mf-command`'ın tek öğesi — `data` tüketicinin kendi yükü (rota, eylem kimliği vb.). */
 interface MfCommandItem<T = unknown> {
@@ -125,7 +125,7 @@ interface CommandPaletteData<T = unknown> {
  */
 declare class CommandPalette<T = unknown> {
     protected readonly data: CommandPaletteData<T>;
-    protected readonly ref: DialogRef<MfCommandItem<T>, CommandPalette<T>>;
+    protected readonly ref: _mesgflow_ui_kit_dialog.MfDialogRef<MfCommandItem<T>, CommandPalette<T>>;
     /** `DialogService` çıkış animasyonu turu — `Dialog`'un aynı reaktif sınıfı (bkz. dialog.service.ts). */
     private readonly surface;
     protected readonly closing: _angular_core.Signal<boolean>;

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

@@ -384,6 +384,12 @@ interface MfPasswordInputLabels {
     show: string;
     hide: string;
 }
+interface MfQrCodeLabels {
+    /** `role="img"` için varsayılan erişilebilir ad. */
+    ariaLabel: string;
+    /** İçerik seçilen hata düzeltme seviyesiyle sığmadığında. */
+    error: string;
+}
 interface MfChipLabels {
     remove: string;
 }
@@ -622,6 +628,7 @@ interface MfLabels {
     stepper: MfStepperLabels;
     progress: MfProgressLabels;
     passwordInput: MfPasswordInputLabels;
+    qrCode: MfQrCodeLabels;
     chip: MfChipLabels;
     alert: MfAlertLabels;
     breadcrumb: MfBreadcrumbLabels;
@@ -696,6 +703,7 @@ declare const MF_OTP_INPUT_LABELS: InjectionToken<Signal<_mesgflow_ui_kit_core.M
 declare const MF_STEPPER_LABELS: InjectionToken<Signal<_mesgflow_ui_kit_core.MfStepperLabels>>;
 declare const MF_PROGRESS_LABELS: InjectionToken<Signal<_mesgflow_ui_kit_core.MfProgressLabels>>;
 declare const MF_PASSWORD_INPUT_LABELS: InjectionToken<Signal<_mesgflow_ui_kit_core.MfPasswordInputLabels>>;
+declare const MF_QR_CODE_LABELS: InjectionToken<Signal<_mesgflow_ui_kit_core.MfQrCodeLabels>>;
 declare const MF_CHIP_LABELS: InjectionToken<Signal<_mesgflow_ui_kit_core.MfChipLabels>>;
 declare const MF_ALERT_LABELS: InjectionToken<Signal<_mesgflow_ui_kit_core.MfAlertLabels>>;
 declare const MF_BREADCRUMB_LABELS: InjectionToken<Signal<_mesgflow_ui_kit_core.MfBreadcrumbLabels>>;
@@ -754,5 +762,5 @@ interface ProvideMesgflowUiOptions {
  */
 declare function provideMesgflowUi(options?: ProvideMesgflowUiOptions): EnvironmentProviders;
 
-export { MF_AGENDA_LABELS, MF_ALERT_LABELS, MF_AUTH_CARD_LABELS, MF_AVATAR_GROUP_LABELS, MF_BOX_INPUT_LABELS, MF_BREADCRUMB_LABELS, MF_CAROUSEL_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_COUNTDOWN_LABELS, MF_DATE_LOCALE, MF_DATE_PICKER_LABELS, MF_DIALOG_LABELS, MF_DROPZONE_LABELS, MF_FILE_UPLOAD_LABELS, MF_INLINE_EDIT_LABELS, MF_INVITE_MEMBERS_LABELS, MF_LABELS, MF_LIGHTBOX_LABELS, MF_MENTION_LABELS, MF_NOTIFICATION_CENTER_LABELS, MF_OTP_INPUT_LABELS, MF_PAGINATION_LABELS, MF_PANEL_GROUP_LABELS, MF_PASSWORD_INPUT_LABELS, MF_PROGRESS_LABELS, MF_RATING_LABELS, MF_SEARCH_INPUT_LABELS, MF_SELECT_LABELS, MF_SIDEBAR_LABELS, MF_SLIDER_LABELS, MF_SORTABLE_LABELS, MF_SPLIT_BUTTON_LABELS, MF_STAT_TILE_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_TRANSFER_LIST_LABELS, MF_TREE_SELECT_LABELS, SlidingIndicator, ValueAccessorBase, cn, containerSurface, controlSize, controlSurface, disabledRecipe, errorRecipe, exitDurationMs, focusRecipe, glassSurface, inlineStartRatio, isRtl, mergeLabels, mfLabelsEn, nextId, overlayPositions, overlaySurface, parseCssDuration, pointerPositions, prefersReducedMotion, pressRecipe, provideMesgflowUi, scrollFromInlineStart, transitionRecipe };
-export type { DeepPartial, MfAgendaLabels, MfAlertLabels, MfAuthCardLabels, MfAvatarGroupLabels, MfBoxInputLabels, MfBreadcrumbLabels, MfCarouselLabels, MfCharacterCountLabels, MfChartLabels, MfChipLabels, MfColorPickerLabels, MfComboboxLabels, MfCommandLabels, MfCommonLabels, MfControlSize, MfCopyLabels, MfCountdownLabels, MfDatePickerLabels, MfDialogLabels, MfDropzoneLabels, MfFileUploadLabels, MfInlineEditLabels, MfInviteMembersLabels, MfLabels, MfLightboxLabels, MfMentionLabels, MfNotificationCenterLabels, MfOtpInputLabels, MfPaginationLabels, MfPanelGroupLabels, MfPasswordInputLabels, MfPlacement, MfProgressLabels, MfRatingLabels, MfSearchInputLabels, MfSelectLabels, MfSidebarLabels, MfSize, MfSliderLabels, MfSortableLabels, MfSplitButtonLabels, MfStatTileLabels, MfStepperLabels, MfTableFilterLabels, MfTableFilterOperatorLabels, MfTableLabels, MfTablePaginationLabels, MfTabsLabels, MfThemeSwitcherLabels, MfTimePickerLabels, MfToastLabels, MfTone, MfTourLabels, MfTransferListLabels, MfTreeSelectLabels, ProvideMesgflowUiOptions, SlidingIndicatorAxis };
+export { MF_AGENDA_LABELS, MF_ALERT_LABELS, MF_AUTH_CARD_LABELS, MF_AVATAR_GROUP_LABELS, MF_BOX_INPUT_LABELS, MF_BREADCRUMB_LABELS, MF_CAROUSEL_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_COUNTDOWN_LABELS, MF_DATE_LOCALE, MF_DATE_PICKER_LABELS, MF_DIALOG_LABELS, MF_DROPZONE_LABELS, MF_FILE_UPLOAD_LABELS, MF_INLINE_EDIT_LABELS, MF_INVITE_MEMBERS_LABELS, MF_LABELS, MF_LIGHTBOX_LABELS, MF_MENTION_LABELS, MF_NOTIFICATION_CENTER_LABELS, MF_OTP_INPUT_LABELS, MF_PAGINATION_LABELS, MF_PANEL_GROUP_LABELS, MF_PASSWORD_INPUT_LABELS, MF_PROGRESS_LABELS, MF_QR_CODE_LABELS, MF_RATING_LABELS, MF_SEARCH_INPUT_LABELS, MF_SELECT_LABELS, MF_SIDEBAR_LABELS, MF_SLIDER_LABELS, MF_SORTABLE_LABELS, MF_SPLIT_BUTTON_LABELS, MF_STAT_TILE_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_TRANSFER_LIST_LABELS, MF_TREE_SELECT_LABELS, SlidingIndicator, ValueAccessorBase, cn, containerSurface, controlSize, controlSurface, disabledRecipe, errorRecipe, exitDurationMs, focusRecipe, glassSurface, inlineStartRatio, isRtl, mergeLabels, mfLabelsEn, nextId, overlayPositions, overlaySurface, parseCssDuration, pointerPositions, prefersReducedMotion, pressRecipe, provideMesgflowUi, scrollFromInlineStart, transitionRecipe };
+export type { DeepPartial, MfAgendaLabels, MfAlertLabels, MfAuthCardLabels, MfAvatarGroupLabels, MfBoxInputLabels, MfBreadcrumbLabels, MfCarouselLabels, MfCharacterCountLabels, MfChartLabels, MfChipLabels, MfColorPickerLabels, MfComboboxLabels, MfCommandLabels, MfCommonLabels, MfControlSize, MfCopyLabels, MfCountdownLabels, MfDatePickerLabels, MfDialogLabels, MfDropzoneLabels, MfFileUploadLabels, MfInlineEditLabels, MfInviteMembersLabels, MfLabels, MfLightboxLabels, MfMentionLabels, MfNotificationCenterLabels, MfOtpInputLabels, MfPaginationLabels, MfPanelGroupLabels, MfPasswordInputLabels, MfPlacement, MfProgressLabels, MfQrCodeLabels, MfRatingLabels, MfSearchInputLabels, MfSelectLabels, MfSidebarLabels, MfSize, MfSliderLabels, MfSortableLabels, MfSplitButtonLabels, MfStatTileLabels, MfStepperLabels, MfTableFilterLabels, MfTableFilterOperatorLabels, MfTableLabels, MfTablePaginationLabels, MfTabsLabels, MfThemeSwitcherLabels, MfTimePickerLabels, MfToastLabels, MfTone, MfTourLabels, MfTransferListLabels, MfTreeSelectLabels, ProvideMesgflowUiOptions, SlidingIndicatorAxis };

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

@@ -1,8 +1,10 @@
 import * as _angular_core from '@angular/core';
-import { TemplateRef } from '@angular/core';
+import { Signal, ComponentRef, TemplateRef } from '@angular/core';
 import * as _mesgflow_ui_kit_core from '@mesgflow/ui-kit/core';
 import * as i1 from '@angular/cdk/drag-drop';
 import { DialogRef } from '@angular/cdk/dialog';
+import { OverlayRef } from '@angular/cdk/overlay';
+import { Observable } from 'rxjs';
 import { ComponentType } from '@angular/cdk/portal';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
@@ -160,9 +162,20 @@ declare class Dialog {
      * kuralının uygulama noktası: dialog gövdesi + içerik aynı anda kaymaz.
      */
     readonly fillBody: _angular_core.InputSignal<boolean>;
+    /**
+     * `true` (varsayılan): kapat (X) düğmesi `close` olayını yayınladıktan SONRA
+     * dialog'u kendisi de kapatır (`MfDialogRef.close()` — idempotent, tüketicinin
+     * `(close)` handler'ında sonuçla yaptığı kapanış önce davranır ve kazanır).
+     * `false`: yalnızca `close` yayınlanır — kapanışı tamamen tüketici yönetir.
+     */
+    readonly autoClose: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly close: _angular_core.OutputEmitterRef<void>;
     protected readonly surface: DialogSurface;
     protected readonly labels: _angular_core.Signal<_mesgflow_ui_kit_core.MfDialogLabels>;
+    /** Görünür başlığın id'si — CDK konteynerinin `aria-labelledby`'ı buna bağlanır. */
+    protected readonly titleId: string;
+    private readonly mfRef;
+    private readonly cdkRef;
     private readonly elementRef;
     private readonly cdkDrag;
     private readonly scrollBody;
@@ -184,6 +197,8 @@ declare class Dialog {
     protected readonly headerBorder: _angular_core.Signal<boolean>;
     protected readonly footerBorder: _angular_core.Signal<boolean>;
     constructor();
+    /** Kapat (X): önce `close` olayı (tüketici sonuçla kapatabilsin), sonra — `autoClose` ise — ref'in kendisi. */
+    protected onDismiss(): void;
     protected updateScrollShadow(): void;
     /**
      * Ctrl/Cmd+Enter — tek yerde çözülür, her form bedava kazanır. Kaydet düğmesi
@@ -194,9 +209,72 @@ declare class Dialog {
      */
     protected requestSubmit(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<Dialog, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Dialog, "mf-dialog", ["mfDialog"], { "title": { "alias": "title"; "required": false; "isSignal": true; }; "subtitle": { "alias": "subtitle"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "fillBody": { "alias": "fillBody"; "required": false; "isSignal": true; }; }, { "close": "close"; }, never, ["[dialog-header]", "*", "[dialog-footer]"], true, [{ directive: typeof i1.CdkDrag; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Dialog, "mf-dialog", ["mfDialog"], { "title": { "alias": "title"; "required": false; "isSignal": true; }; "subtitle": { "alias": "subtitle"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "fillBody": { "alias": "fillBody"; "required": false; "isSignal": true; }; "autoClose": { "alias": "autoClose"; "required": false; "isSignal": true; }; }, { "close": "close"; }, never, ["[dialog-header]", "*", "[dialog-footer]"], true, [{ directive: typeof i1.CdkDrag; inputs: {}; outputs: {}; }]>;
 }
 
+/** `open` → (`close()` çağrıldı, çıkış animasyonu oynuyor) `closing` → (dispose edildi) `closed`. */
+type DialogState = 'open' | 'closing' | 'closed';
+/**
+ * `DialogService.open()`/`openDrawer()`'ın döndürdüğü, kite ait dialog referansı.
+ *
+ * CDK `DialogRef`'in günlük kullanılan yüzeyini (`close`, `closed`,
+ * `componentInstance`, `disableClose`, `backdropClick`, `keydownEvents` …)
+ * birebir DELEGE eder — yani eski `ref.closed.subscribe(...)` kodu aynen derlenir.
+ * Üstüne kitin kendi dünyasını ekler:
+ *
+ * - `afterClosed()` — `await` edilebilir sonuç (çıkış animasyonu BİTTİKTEN sonra çözülür).
+ * - `state` — `'open' | 'closing' | 'closed'` signal'i (şablonda/`computed`'ta okunur).
+ * - `surface` — boyut/maximize/kirli-form durumuna tipli erişim (`setSize`, `toggleMaximize`,
+ *   `registerDirty`, `markClean` kısayolları).
+ * - `cdk` — ham CDK referansı (kaçış kapısı; ör. `updatePosition()`).
+ *
+ * `close()` İDEMPOTENT'tir: çıkış animasyonu sürerken ya da kirli-form onayı
+ * açıkken gelen ek çağrılar yok sayılır (bkz. `dialog.service.ts` `closePredicate`).
+ *
+ * İçerik component'i içinde `injectDialogRef<Sonuç>()` ile alınır.
+ */
+declare class MfDialogRef<R = unknown, C = unknown> {
+    readonly cdk: DialogRef<R, C>;
+    readonly surface: DialogSurface;
+    readonly closed: Observable<R | undefined>;
+    readonly backdropClick: Observable<MouseEvent>;
+    readonly keydownEvents: Observable<KeyboardEvent>;
+    readonly outsidePointerEvents: Observable<MouseEvent>;
+    readonly overlayRef: OverlayRef;
+    readonly id: string;
+    private readonly isClosed;
+    private readonly result;
+    /** Dialog'un yaşam döngüsü — `closing` çıkış animasyonu boyunca. */
+    readonly state: Signal<DialogState>;
+    constructor(cdk: DialogRef<R, C>, surface: DialogSurface);
+    /** Açılan component örneği (şablonla açıldıysa ve kapandıktan sonra `null`). */
+    get componentInstance(): C | null;
+    get componentRef(): ComponentRef<C> | null;
+    /** `true` iken ESC/backdrop kapatmaz; programatik `close()` yine çalışır. */
+    get disableClose(): boolean | undefined;
+    set disableClose(value: boolean | undefined);
+    /** Dialog'u (çıkış animasyonu + kirli-form koruması üzerinden) kapatır. İdempotent. */
+    close(result?: R): void;
+    /** Kapanış tamamlandığında (animasyon dahil) sonuçla çözülür; ESC/backdrop'ta `undefined`. */
+    afterClosed(): Promise<R | undefined>;
+    /** Açıkken genişlik basamağını değiştirir (`sm`…`xl`, `full`). */
+    setSize(size: DialogSize): void;
+    toggleMaximize(): void;
+    /** Kirli-form sorusunu kaydeder — ESC/backdrop/X kapanışında `true` dönerse onay sorulur. */
+    registerDirty(check: () => boolean): void;
+    /** Başarılı kayıttan hemen önce — sonraki `close()` kirli-form onayı sormaz. */
+    markClean(): void;
+}
+/**
+ * `DIALOG_DATA`'nın kite ait adı — AYNI token nesnesi, CDK'dan ayrıca import
+ * etmeye gerek kalmasın diye. `inject(MF_DIALOG_DATA)` ≡ `injectDialogData()`.
+ */
+declare const MF_DIALOG_DATA: _angular_core.InjectionToken<any>;
+/** İçerik component'inde `DialogService.open(..., { data })` ile geçilen veriyi okur. */
+declare function injectDialogData<D>(): D;
+/** İçerik component'inde kendi dialog referansını alır — `ref.close(sonuç)`. */
+declare function injectDialogRef<R = unknown, C = unknown>(): MfDialogRef<R, C>;
+
 /**
  * `<button mfDialogResizeHandle [ariaLabel]="...">` — `Dialog`'un (dialog.ts)
  * sağ-alt köşesinde, `DialogSurface.customSize`'ı besleyen serbest boyutlandırma
@@ -231,9 +309,10 @@ declare class DialogResizeHandle {
  * engelleme davranışının TAMAMI CDK'dan geliyor, burada TEKRAR YAZILMADI — bkz.
  * projects/ui-kit/README.md "a11y checklist" bölümündeki "elle yazmak son çare" ilkesi).
  *
- * İçerik component'i (tüketicinin kendi form component'i, ör. `ConfirmDialog`) `@angular/cdk/dialog`'un
- * KENDİ `DIALOG_DATA`/`DialogRef` token'larını doğrudan `inject()` eder — ekstra bir
- * sarmalayıcı token'a gerek yok. Boyut/placement/maximize/drag/resize/sheet durumu
+ * `open()` kite ait `MfDialogRef` döndürür (CDK `DialogRef` yüzeyini delege eder +
+ * `afterClosed()`/`state`/`surface`). İçerik component'i `injectDialogRef()`/
+ * `injectDialogData()` (bkz. dialog-ref.ts) kullanır — CDK'nın kendi `DialogRef`/
+ * `DIALOG_DATA` token'larını inject etmek de çalışmaya devam eder. Boyut/placement/maximize/drag/resize/sheet durumu
  * `DialogSurface` (bkz. o dosya) üzerinden, `providers` ile o dialog'un injector'ına
  * verilir — `Dialog` (dialog.ts) bunu DI'dan okuyarak render eder.
  *
@@ -250,7 +329,9 @@ declare class DialogResizeHandle {
  * kendi reaktif `animate-dialog-out`/`animate-sheet-out`/`animate-drawer-out` class'ıyla
  * görsel olarak kapanır), ikinci çağrıda (zaten `closing()===true`) gerçek `dispose()`'a
  * izin veriyoruz. ESC/backdrop/programatik `dialogRef.close(...)` HEPSİ bu predicate'ten
- * geçtiği için davranış tekdüze. `prefers-reduced-motion` gecikmeyi tamamen atlıyor —
+ * geçtiği için davranış tekdüze. Animasyon sürerken gelen EK `close()` çağrıları
+ * yok sayılır (`disposeArmed` yalnızca zamanlayıcı tarafından kurulur) — X düğmesi +
+ * tüketicinin `(close)` handler'ı aynı anda kapatsa bile animasyon kesilmez. `prefers-reduced-motion` gecikmeyi tamamen atlıyor —
  * AMA kirli-form kontrolünden SONRA: koruma reduced-motion kullanıcılarında da çalışmalı.
  *
  * **Kirli form koruması**: `surface.isDirty()` `true` dönerse kapanış iptal edilip
@@ -271,7 +352,7 @@ declare class DialogService {
      * Bir component'i ya da bir `TemplateRef'i açar (şablon yolu `<mf-drawer>` gibi
      * bildirimsel sarmalayıcılar içindir — şablonun injector'ı da `DialogSurface'i görür).
      */
-    open<R = void, D = undefined, C = unknown>(component: ComponentType<C> | TemplateRef<C>, options?: DialogOptions<D>): DialogRef<R, C>;
+    open<R = void, D = undefined, C = unknown>(component: ComponentType<C> | TemplateRef<C>, options?: DialogOptions<D>): MfDialogRef<R, C>;
     /**
      * Kayıt oluştur/düzenle formlarının TEK açılış noktası — sağdan drawer.
      * `maximizable` bilerek zorla kapatılıyor: drawer zaten tam yükseklik, büyütme
@@ -283,7 +364,7 @@ declare class DialogService {
      */
     openDrawer<R = void, D = undefined, C = unknown>(component: ComponentType<C>, options?: Omit<DialogOptions<D>, 'placement'> & {
         placement?: Exclude<DialogPlacement, 'center'>;
-    }): DialogRef<R, C>;
+    }): MfDialogRef<R, C>;
     /** `Promise<boolean>` döner — `if (await dialog.confirm(...))` çağıran taraf için `.subscribe()` zincirinden daha sade. */
     confirm(data: ConfirmDialogData): Promise<boolean>;
     /**
@@ -298,8 +379,12 @@ declare class DialogService {
      * kaldırıldı).
      */
     confirmDiscard(): Promise<boolean>;
-    /** Tüketici bir ref'i kapatmadan ÖNCE kirli mi diye sormak istiyorsa — kendi `closePredicate`'inin async akışıyla yarışmamak için `DialogSurface`'e doğrudan erişim. */
-    getSurface(ref: DialogRef<any, any>): DialogSurface | undefined;
+    /**
+     * Tüketici bir ref'i kapatmadan ÖNCE kirli mi diye sormak istiyorsa — kendi `closePredicate`'inin
+     * async akışıyla yarışmamak için `DialogSurface`'e doğrudan erişim. `MfDialogRef` için
+     * `ref.surface` tercih edilir; ham CDK ref'i (ör. içerikte inject edilen) de kabul edilir.
+     */
+    getSurface(ref: DialogRef<any, any> | MfDialogRef<any, any>): DialogSurface | undefined;
     /** `confirm()`'in silme kısayolu — `tone:'danger'` + varsayılan "Sil" etiketi. */
     confirmDelete(data: Omit<ConfirmDialogData, 'tone'>): Promise<boolean>;
     /** Tek butonlu bilgilendirme modu — sonuç önemsiz olduğu için `Promise<void>` döner. */
@@ -361,5 +446,5 @@ declare const dialogVariants: (props?: ({
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type DialogVariants = VariantProps<typeof dialogVariants>;
 
-export { ConfirmDialog, Dialog, DialogResizeHandle, DialogService, DialogSurface, dialogVariants };
-export type { ConfirmDialogData, ConfirmTone, DialogCustomSize, DialogOptions, DialogPlacement, DialogSize, DialogVariants, DrawerSide };
+export { ConfirmDialog, Dialog, DialogResizeHandle, DialogService, DialogSurface, MF_DIALOG_DATA, MfDialogRef, dialogVariants, injectDialogData, injectDialogRef };
+export type { ConfirmDialogData, ConfirmTone, DialogCustomSize, DialogOptions, DialogPlacement, DialogSize, DialogState, DialogVariants, DrawerSide };

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

@@ -2,6 +2,16 @@ import * as _angular_core from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { ValueAccessorBase } from '@mesgflow/ui-kit/core';
 
+/**
+ * Parola alanının `autocomplete` ipucu — parola yöneticileri/tarayıcı bunu okur:
+ * - `current-password` (varsayılan): giriş formu — kayıtlı parolayı doldurur.
+ * - `new-password`: kayıt/parola değiştirme — güçlü parola ÖNERİR, eskisini doldurmaz
+ *   (hem "yeni" hem "tekrar" alanında kullanılır).
+ * - `off`: modern tarayıcılar parola alanlarında çoğunlukla YOK SAYAR — sadece
+ *   gerçekten tek kullanımlık alanlarda (ör. API anahtarı onayı) kullanın.
+ * - Diğer geçerli token dizileri de kabul edilir (ör. `section-billing current-password`).
+ */
+type PasswordAutocomplete = 'current-password' | 'new-password' | 'off' | (string & {});
 /**
  * `<mf-password-input [(value)]="password" />` — `InputGroup` üstüne kompoze
  * edilmiş, sağda göster/gizle düğmesi taşıyan parola alanı (emsal:
@@ -9,27 +19,45 @@ import { ValueAccessorBase } from '@mesgflow/ui-kit/core';
  * kullanma deseni). `type="password"`/`"text"` arasında geçiş SADECE
  * görünürlük içindir — değer her zaman `value` model'inde düz metin olarak
  * tutulur.
+ *
+ * Parola yöneticisi uyumu: `autocomplete` (varsayılan `current-password`) ve
+ * `name` iç `<input>`'a iletilir; `autocapitalize="off"`/`spellcheck="false"`
+ * sabit — parola görünür moda (`type="text"`) geçtiğinde de mobil klavye büyük
+ * harfe çevirmez, yazım denetimi parolayı bir sözlük servisine göndermez.
+ * Signal Forms `[formField]` bağlandığında `name`/`required`/`readonly`/`disabled`
+ * alan durumundan OTOMATİK doldurulur.
  */
 declare class PasswordInput 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 disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly hasError: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** İç `<input>`'un id'si — harici bir `<label for>` / `mf-field for` ile ilişkilendirmek için. */
     readonly inputId: _angular_core.InputSignal<string | undefined>;
     readonly ariaLabel: _angular_core.InputSignal<string>;
-    readonly fullWidth: _angular_core.InputSignal<boolean>;
+    readonly fullWidth: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly showLabel: _angular_core.InputSignal<string | undefined>;
     readonly hideLabel: _angular_core.InputSignal<string | undefined>;
+    /** Parola yöneticisi ipucu — bkz. `PasswordAutocomplete`. */
+    readonly autocomplete: _angular_core.InputSignal<PasswordAutocomplete>;
+    /** İç `<input>`'un `name`'i — form gönderimi ve parola yöneticilerinin alanı tanıması için. */
+    readonly name: _angular_core.InputSignal<string | undefined>;
+    readonly required: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
     private readonly passwordLabels;
     protected readonly effectiveShowLabel: _angular_core.Signal<string>;
     protected readonly effectiveHideLabel: _angular_core.Signal<string>;
+    /** Reactive Forms `control.disable()` — `disabled` girdisiyle VEYA'lanır. */
+    private readonly formDisabled;
+    protected readonly isDisabled: _angular_core.Signal<boolean>;
     protected readonly visible: _angular_core.WritableSignal<boolean>;
-    writeValue(value: string): void;
+    writeValue(value: string | null): void;
+    setDisabledState(disabled: boolean): void;
     protected toggle(): void;
     protected onInput(raw: string): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<PasswordInput, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PasswordInput, "mf-password-input", ["mfPasswordInput"], { "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; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; "showLabel": { "alias": "showLabel"; "required": false; "isSignal": true; }; "hideLabel": { "alias": "hideLabel"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PasswordInput, "mf-password-input", ["mfPasswordInput"], { "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; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; "showLabel": { "alias": "showLabel"; "required": false; "isSignal": true; }; "hideLabel": { "alias": "hideLabel"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
 }
 
 export { PasswordInput };
+export type { PasswordAutocomplete };