@mesgflow/ui-kit 0.7.0 → 0.9.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.9.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"