@skra/ui 0.2.0 → 0.3.0

package/fesm2022/skra-ui-accordion.mjs

@@ -23,9 +23,11 @@ class SkraAccordionContext {
     /** Unique per `[skraAccordion]` — the prefix for every header/panel id in this group. */
     baseId = `skra-accordion-${++accordionInstanceCounter}`;
     /** Mirror of the consumer's `[expanded]` — the set of OPEN item values (read-only to children). */
-    expanded = signal([], ...(ngDevMode ? [{ debugName: "expanded" }] : /* istanbul ignore next */ []));
+    expanded = signal([], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "expanded" }] : /* istanbul ignore next */ []));
     /** Mirror of the consumer's `[exclusive]` policy (read-only to children). */
-    exclusive = signal(false, ...(ngDevMode ? [{ debugName: "exclusive" }] : /* istanbul ignore next */ []));
+    exclusive = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "exclusive" }] : /* istanbul ignore next */ []));
     headerId(value) {
         return `${this.baseId}-header-${idSafe(value)}`;
     }
@@ -38,10 +40,10 @@ class SkraAccordionContext {
     /** Coordinator-assigned: a header requests a toggle; the coordinator resolves the next
      * open-set (applying the exclusive policy) and emits `(expandedChange)` — never mutated here. */
     toggle = () => undefined;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: SkraAccordionContext, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: SkraAccordionContext });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: SkraAccordionContext, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: SkraAccordionContext });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: SkraAccordionContext, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: SkraAccordionContext, decorators: [{
             type: Injectable
         }] });
 
@@ -65,11 +67,15 @@ class SkraAccordionItemContext {
  */
 class SkraAccordionItem {
     /** The item key — matched against `[expanded]` and the id base for its header/panel. */
-    value = input.required(...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    value = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
     group = inject(SkraAccordionContext, { optional: true });
-    expanded = computed(() => this.group?.isExpanded(this.value()) ?? false, ...(ngDevMode ? [{ debugName: "expanded" }] : /* istanbul ignore next */ []));
-    headerId = computed(() => this.group?.headerId(this.value()) ?? null, ...(ngDevMode ? [{ debugName: "headerId" }] : /* istanbul ignore next */ []));
-    panelId = computed(() => this.group?.panelId(this.value()) ?? null, ...(ngDevMode ? [{ debugName: "panelId" }] : /* istanbul ignore next */ []));
+    expanded = computed(() => this.group?.isExpanded(this.value()) ?? false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "expanded" }] : /* istanbul ignore next */ []));
+    headerId = computed(() => this.group?.headerId(this.value()) ?? null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "headerId" }] : /* istanbul ignore next */ []));
+    panelId = computed(() => this.group?.panelId(this.value()) ?? null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "panelId" }] : /* istanbul ignore next */ []));
     toggle() {
         this.group?.toggle(this.value());
     }
@@ -81,12 +87,12 @@ class SkraAccordionItem {
             }
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: SkraAccordionItem, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.7", type: SkraAccordionItem, isStandalone: true, selector: "[skraAccordionItem]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null } }, host: { properties: { "attr.data-skra-expanded": "expanded() ? \"\" : null" } }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: SkraAccordionItem, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.1", type: SkraAccordionItem, isStandalone: true, selector: "[skraAccordionItem]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null } }, host: { properties: { "attr.data-skra-expanded": "expanded() ? \"\" : null" } }, providers: [
             { provide: SkraAccordionItemContext, useExisting: SkraAccordionItem },
         ], exportAs: ["skraAccordionItem"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: ["@charset \"UTF-8\";:host{display:block;margin:0;box-sizing:border-box;border-block-start:var(--skra-comp-accordion-item-divider-width) solid var(--skra-comp-accordion-item-divider-color)}:host(:first-child){border-block-start-width:0}:host([data-skra-expanded]){background:var(--skra-comp-accordion-item-background-expanded)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: SkraAccordionItem, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: SkraAccordionItem, decorators: [{
             type: Component,
             args: [{ selector: '[skraAccordionItem]', standalone: true, exportAs: 'skraAccordionItem', template: '<ng-content></ng-content>', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, providers: [
                         { provide: SkraAccordionItemContext, useExisting: SkraAccordionItem },
@@ -120,7 +126,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImpor
  */
 class SkraAccordion {
     /** Consumer-owned set of OPEN item values (ADR 037). `[]` = all closed; order irrelevant. */
-    expanded = input([], ...(ngDevMode ? [{ debugName: "expanded" }] : /* istanbul ignore next */ []));
+    expanded = input([], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "expanded" }] : /* istanbul ignore next */ []));
     /** Policy: `true` → opening one item emits a set that drops the others (single-open). */
     exclusive = input(false, { ...(ngDevMode ? { debugName: "exclusive" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     /** Fires ONLY on user toggle — never on a programmatic `[expanded]` change. Carries the resolved next set. */
@@ -162,10 +169,10 @@ class SkraAccordion {
             seen.add(v);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: SkraAccordion, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.7", type: SkraAccordion, isStandalone: true, selector: "[skraAccordion]", inputs: { expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null }, exclusive: { classPropertyName: "exclusive", publicName: "exclusive", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { expandedChange: "expandedChange" }, providers: [SkraAccordionContext], queries: [{ propertyName: "items", predicate: SkraAccordionItem, descendants: true, isSignal: true }], exportAs: ["skraAccordion"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: ["@charset \"UTF-8\";:host{display:block;margin:0;box-sizing:border-box;background:var(--skra-comp-accordion-root-background);border-width:var(--skra-comp-accordion-root-border-width);border-style:solid;border-color:var(--skra-comp-accordion-root-border-color);border-radius:var(--skra-comp-accordion-root-radius);overflow:hidden}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: SkraAccordion, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.1.1", type: SkraAccordion, isStandalone: true, selector: "[skraAccordion]", inputs: { expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null }, exclusive: { classPropertyName: "exclusive", publicName: "exclusive", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { expandedChange: "expandedChange" }, providers: [SkraAccordionContext], queries: [{ propertyName: "items", predicate: SkraAccordionItem, descendants: true, isSignal: true }], exportAs: ["skraAccordion"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: ["@charset \"UTF-8\";:host{display:block;margin:0;box-sizing:border-box;background:var(--skra-comp-accordion-root-background);border-width:var(--skra-comp-accordion-root-border-width);border-style:solid;border-color:var(--skra-comp-accordion-root-border-color);border-radius:var(--skra-comp-accordion-root-radius);overflow:hidden}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: SkraAccordion, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: SkraAccordion, decorators: [{
             type: Component,
             args: [{ selector: '[skraAccordion]', standalone: true, exportAs: 'skraAccordion', template: '<ng-content></ng-content>', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, providers: [SkraAccordionContext], styles: ["@charset \"UTF-8\";:host{display:block;margin:0;box-sizing:border-box;background:var(--skra-comp-accordion-root-background);border-width:var(--skra-comp-accordion-root-border-width);border-style:solid;border-color:var(--skra-comp-accordion-root-border-color);border-radius:var(--skra-comp-accordion-root-radius);overflow:hidden}\n"] }]
         }], ctorParameters: () => [], propDecorators: { expanded: [{ type: i0.Input, args: [{ isSignal: true, alias: "expanded", required: false }] }], exclusive: [{ type: i0.Input, args: [{ isSignal: true, alias: "exclusive", required: false }] }], expandedChange: [{ type: i0.Output, args: ["expandedChange"] }], items: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => SkraAccordionItem), { ...{
@@ -197,10 +204,10 @@ class SkraAccordionHeader {
             }
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: SkraAccordionHeader, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.7", type: SkraAccordionHeader, isStandalone: true, selector: "[skraAccordionHeader]", exportAs: ["skraAccordionHeader"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: ["@charset \"UTF-8\";:host{display:block;margin:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: SkraAccordionHeader, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.1", type: SkraAccordionHeader, isStandalone: true, selector: "[skraAccordionHeader]", exportAs: ["skraAccordionHeader"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: ["@charset \"UTF-8\";:host{display:block;margin:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: SkraAccordionHeader, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: SkraAccordionHeader, decorators: [{
             type: Component,
             args: [{ selector: '[skraAccordionHeader]', standalone: true, exportAs: 'skraAccordionHeader', template: '<ng-content></ng-content>', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, styles: ["@charset \"UTF-8\";:host{display:block;margin:0}\n"] }]
         }], ctorParameters: () => [] });
@@ -212,10 +219,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImpor
  * Button/Chip per-lib marker) to avoid a cross-lib marker dependency.
  */
 class SkraAccordionStart {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: SkraAccordionStart, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.7", type: SkraAccordionStart, isStandalone: true, selector: "[skra-start]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: SkraAccordionStart, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.1", type: SkraAccordionStart, isStandalone: true, selector: "[skra-start]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: SkraAccordionStart, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: SkraAccordionStart, decorators: [{
             type: Directive,
             args: [{
                     selector: '[skra-start]',
@@ -228,10 +235,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImpor
  * idiom — here a presentation override, NOT the loading primitive).
  */
 class SkraAccordionIndicator {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: SkraAccordionIndicator, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.7", type: SkraAccordionIndicator, isStandalone: true, selector: "[skra-accordion-indicator]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: SkraAccordionIndicator, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.1", type: SkraAccordionIndicator, isStandalone: true, selector: "[skra-accordion-indicator]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: SkraAccordionIndicator, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: SkraAccordionIndicator, decorators: [{
             type: Directive,
             args: [{
                     selector: '[skra-accordion-indicator]',
@@ -255,15 +262,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImpor
 class SkraAccordionTrigger {
     ctx = inject(SkraAccordionItemContext, { optional: true });
     // Smart Slots v2.0 (ADR 020)
-    startSlot = contentChild(SkraAccordionStart, ...(ngDevMode ? [{ debugName: "startSlot" }] : /* istanbul ignore next */ []));
-    indicatorSlot = contentChild(SkraAccordionIndicator, ...(ngDevMode ? [{ debugName: "indicatorSlot" }] : /* istanbul ignore next */ []));
-    hasStart = computed(() => !!this.startSlot(), ...(ngDevMode ? [{ debugName: "hasStart" }] : /* istanbul ignore next */ []));
-    hasIndicator = computed(() => !!this.indicatorSlot(), ...(ngDevMode ? [{ debugName: "hasIndicator" }] : /* istanbul ignore next */ []));
+    startSlot = contentChild(SkraAccordionStart, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "startSlot" }] : /* istanbul ignore next */ []));
+    indicatorSlot = contentChild(SkraAccordionIndicator, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "indicatorSlot" }] : /* istanbul ignore next */ []));
+    hasStart = computed(() => !!this.startSlot(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "hasStart" }] : /* istanbul ignore next */ []));
+    hasIndicator = computed(() => !!this.indicatorSlot(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "hasIndicator" }] : /* istanbul ignore next */ []));
     // Derived id / state from the item context (null only on standalone misuse)
-    headerId = computed(() => this.ctx?.headerId() ?? null, ...(ngDevMode ? [{ debugName: "headerId" }] : /* istanbul ignore next */ []));
-    panelId = computed(() => this.ctx?.panelId() ?? null, ...(ngDevMode ? [{ debugName: "panelId" }] : /* istanbul ignore next */ []));
-    ariaExpanded = computed(() => this.ctx ? (this.ctx.expanded() ? 'true' : 'false') : null, ...(ngDevMode ? [{ debugName: "ariaExpanded" }] : /* istanbul ignore next */ []));
-    expandedAttr = computed(() => this.ctx?.expanded() ? '' : null, ...(ngDevMode ? [{ debugName: "expandedAttr" }] : /* istanbul ignore next */ []));
+    headerId = computed(() => this.ctx?.headerId() ?? null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "headerId" }] : /* istanbul ignore next */ []));
+    panelId = computed(() => this.ctx?.panelId() ?? null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "panelId" }] : /* istanbul ignore next */ []));
+    ariaExpanded = computed(() => this.ctx ? (this.ctx.expanded() ? 'true' : 'false') : null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "ariaExpanded" }] : /* istanbul ignore next */ []));
+    expandedAttr = computed(() => this.ctx?.expanded() ? '' : null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "expandedAttr" }] : /* istanbul ignore next */ []));
     onClick() {
         this.ctx?.toggle();
     }
@@ -275,10 +290,10 @@ class SkraAccordionTrigger {
             }
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: SkraAccordionTrigger, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.7", type: SkraAccordionTrigger, isStandalone: true, selector: "button[skraAccordionTrigger]", host: { attributes: { "type": "button" }, listeners: { "click": "onClick()" }, properties: { "attr.id": "headerId()", "attr.aria-controls": "panelId()", "attr.aria-expanded": "ariaExpanded()", "attr.data-skra-expanded": "expandedAttr()", "attr.data-skra-has-start": "hasStart() ? \"\" : null" } }, queries: [{ propertyName: "startSlot", first: true, predicate: SkraAccordionStart, descendants: true, isSignal: true }, { propertyName: "indicatorSlot", first: true, predicate: SkraAccordionIndicator, descendants: true, isSignal: true }], exportAs: ["skraAccordionTrigger"], ngImport: i0, template: "@if (hasStart()) {\n<span class=\"skra-accordion-trigger-start\">\n  <ng-content select=\"[skra-start]\"></ng-content>\n</span>\n}\n\n<span class=\"skra-accordion-trigger-label\">\n  <ng-content></ng-content>\n</span>\n\n@if (hasIndicator()) {\n<span class=\"skra-accordion-trigger-indicator\">\n  <ng-content select=\"[skra-accordion-indicator]\"></ng-content>\n</span>\n} @else {\n<span\n  class=\"skra-accordion-trigger-indicator\"\n  data-skra-accordion-indicator\n  aria-hidden=\"true\"\n></span>\n}\n", styles: ["@charset \"UTF-8\";:host{display:flex;align-items:center;gap:var(--skra-comp-accordion-header-gap);inline-size:100%;min-block-size:var(--skra-comp-accordion-min-block-size);margin:0;box-sizing:border-box;cursor:pointer;text-align:start;background:var(--skra-comp-accordion-background);color:var(--skra-comp-accordion-foreground);border-width:var(--skra-comp-accordion-border-width);border-style:var(--skra-comp-accordion-border-style);border-color:var(--skra-comp-accordion-border-color);border-radius:var(--skra-comp-accordion-radius);padding-block:var(--skra-comp-accordion-padding-block);padding-inline:var(--skra-comp-accordion-padding-inline);box-shadow:var(--skra-comp-accordion-shadow);font-family:var(--skra-sys-typography-role-label-large-font-family);font-size:var(--skra-sys-typography-role-label-large-font-size);font-weight:var(--skra-sys-typography-role-label-large-font-weight);line-height:var(--skra-sys-typography-role-label-large-line-height);letter-spacing:var(--skra-sys-typography-role-label-large-letter-spacing);transition:background var(--skra-comp-accordion-motion-duration) var(--skra-comp-accordion-motion-easing),color var(--skra-comp-accordion-motion-duration) var(--skra-comp-accordion-motion-easing)}:host(:hover){background:var(--skra-comp-accordion-header-background-hover)}:host(:focus-visible){outline-style:solid;outline-color:var(--skra-comp-accordion-focus-ring-color);outline-width:var(--skra-comp-accordion-focus-ring-width);outline-offset:-2px}:host([aria-expanded=true]){color:var(--skra-comp-accordion-header-foreground-expanded)}.skra-accordion-trigger-start{display:inline-flex;flex-shrink:0;align-items:center;block-size:1lh;--skra-comp-icon-size: var(--skra-comp-accordion-icon-size)}.skra-accordion-trigger-label{flex:1 1 auto;min-inline-size:0}.skra-accordion-trigger-indicator{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;inline-size:var(--skra-comp-accordion-indicator-size);block-size:var(--skra-comp-accordion-indicator-size);color:var(--skra-comp-accordion-indicator-color);transition:transform var(--skra-comp-accordion-motion-duration) var(--skra-comp-accordion-motion-easing)}.skra-accordion-trigger-indicator[data-skra-accordion-indicator]:before{content:\"\";inline-size:.5em;block-size:.5em;border-inline-end:.125em solid currentColor;border-block-end:.125em solid currentColor;transform:translateY(-.15em) rotate(45deg)}:host([aria-expanded=true]) .skra-accordion-trigger-indicator{transform:rotate(180deg)}@media(prefers-reduced-motion:reduce){:host{transition:none}.skra-accordion-trigger-indicator{transition:none}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: SkraAccordionTrigger, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.1", type: SkraAccordionTrigger, isStandalone: true, selector: "button[skraAccordionTrigger]", host: { attributes: { "type": "button" }, listeners: { "click": "onClick()" }, properties: { "attr.id": "headerId()", "attr.aria-controls": "panelId()", "attr.aria-expanded": "ariaExpanded()", "attr.data-skra-expanded": "expandedAttr()", "attr.data-skra-has-start": "hasStart() ? \"\" : null" } }, queries: [{ propertyName: "startSlot", first: true, predicate: SkraAccordionStart, descendants: true, isSignal: true }, { propertyName: "indicatorSlot", first: true, predicate: SkraAccordionIndicator, descendants: true, isSignal: true }], exportAs: ["skraAccordionTrigger"], ngImport: i0, template: "@if (hasStart()) {\r\n<span class=\"skra-accordion-trigger-start\">\r\n  <ng-content select=\"[skra-start]\"></ng-content>\r\n</span>\r\n}\r\n\r\n<span class=\"skra-accordion-trigger-label\">\r\n  <ng-content></ng-content>\r\n</span>\r\n\r\n@if (hasIndicator()) {\r\n<span class=\"skra-accordion-trigger-indicator\">\r\n  <ng-content select=\"[skra-accordion-indicator]\"></ng-content>\r\n</span>\r\n} @else {\r\n<span\r\n  class=\"skra-accordion-trigger-indicator\"\r\n  data-skra-accordion-indicator\r\n  aria-hidden=\"true\"\r\n></span>\r\n}\r\n", styles: ["@charset \"UTF-8\";:host{display:flex;align-items:center;gap:var(--skra-comp-accordion-header-gap);inline-size:100%;min-block-size:var(--skra-comp-accordion-min-block-size);margin:0;box-sizing:border-box;cursor:pointer;text-align:start;background:var(--skra-comp-accordion-background);color:var(--skra-comp-accordion-foreground);border-width:var(--skra-comp-accordion-border-width);border-style:var(--skra-comp-accordion-border-style);border-color:var(--skra-comp-accordion-border-color);border-radius:var(--skra-comp-accordion-radius);padding-block:var(--skra-comp-accordion-padding-block);padding-inline:var(--skra-comp-accordion-padding-inline);box-shadow:var(--skra-comp-accordion-shadow);font-family:var(--skra-sys-typography-role-label-large-font-family);font-size:var(--skra-sys-typography-role-label-large-font-size);font-weight:var(--skra-sys-typography-role-label-large-font-weight);line-height:var(--skra-sys-typography-role-label-large-line-height);letter-spacing:var(--skra-sys-typography-role-label-large-letter-spacing);transition:background var(--skra-comp-accordion-motion-duration) var(--skra-comp-accordion-motion-easing),color var(--skra-comp-accordion-motion-duration) var(--skra-comp-accordion-motion-easing)}:host(:hover){background:var(--skra-comp-accordion-header-background-hover)}:host(:focus-visible){outline-style:solid;outline-color:var(--skra-comp-accordion-focus-ring-color);outline-width:var(--skra-comp-accordion-focus-ring-width);outline-offset:-2px}:host([aria-expanded=true]){color:var(--skra-comp-accordion-header-foreground-expanded)}.skra-accordion-trigger-start{display:inline-flex;flex-shrink:0;align-items:center;block-size:1lh;--skra-comp-icon-size: var(--skra-comp-accordion-icon-size)}.skra-accordion-trigger-label{flex:1 1 auto;min-inline-size:0}.skra-accordion-trigger-indicator{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;inline-size:var(--skra-comp-accordion-indicator-size);block-size:var(--skra-comp-accordion-indicator-size);color:var(--skra-comp-accordion-indicator-color);transition:transform var(--skra-comp-accordion-motion-duration) var(--skra-comp-accordion-motion-easing)}.skra-accordion-trigger-indicator[data-skra-accordion-indicator]:before{content:\"\";inline-size:.5em;block-size:.5em;border-inline-end:.125em solid currentColor;border-block-end:.125em solid currentColor;transform:translateY(-.15em) rotate(45deg)}:host([aria-expanded=true]) .skra-accordion-trigger-indicator{transform:rotate(180deg)}@media(prefers-reduced-motion:reduce){:host{transition:none}.skra-accordion-trigger-indicator{transition:none}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: SkraAccordionTrigger, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: SkraAccordionTrigger, decorators: [{
             type: Component,
             args: [{ selector: 'button[skraAccordionTrigger]', standalone: true, exportAs: 'skraAccordionTrigger', imports: [SkraAccordionStart, SkraAccordionIndicator], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, host: {
                         type: 'button', // never an implicit submit if the accordion sits inside a <form>
@@ -288,7 +303,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImpor
                         '[attr.data-skra-expanded]': 'expandedAttr()',
                         '[attr.data-skra-has-start]': 'hasStart() ? "" : null',
                         '(click)': 'onClick()',
-                    }, template: "@if (hasStart()) {\n<span class=\"skra-accordion-trigger-start\">\n  <ng-content select=\"[skra-start]\"></ng-content>\n</span>\n}\n\n<span class=\"skra-accordion-trigger-label\">\n  <ng-content></ng-content>\n</span>\n\n@if (hasIndicator()) {\n<span class=\"skra-accordion-trigger-indicator\">\n  <ng-content select=\"[skra-accordion-indicator]\"></ng-content>\n</span>\n} @else {\n<span\n  class=\"skra-accordion-trigger-indicator\"\n  data-skra-accordion-indicator\n  aria-hidden=\"true\"\n></span>\n}\n", styles: ["@charset \"UTF-8\";:host{display:flex;align-items:center;gap:var(--skra-comp-accordion-header-gap);inline-size:100%;min-block-size:var(--skra-comp-accordion-min-block-size);margin:0;box-sizing:border-box;cursor:pointer;text-align:start;background:var(--skra-comp-accordion-background);color:var(--skra-comp-accordion-foreground);border-width:var(--skra-comp-accordion-border-width);border-style:var(--skra-comp-accordion-border-style);border-color:var(--skra-comp-accordion-border-color);border-radius:var(--skra-comp-accordion-radius);padding-block:var(--skra-comp-accordion-padding-block);padding-inline:var(--skra-comp-accordion-padding-inline);box-shadow:var(--skra-comp-accordion-shadow);font-family:var(--skra-sys-typography-role-label-large-font-family);font-size:var(--skra-sys-typography-role-label-large-font-size);font-weight:var(--skra-sys-typography-role-label-large-font-weight);line-height:var(--skra-sys-typography-role-label-large-line-height);letter-spacing:var(--skra-sys-typography-role-label-large-letter-spacing);transition:background var(--skra-comp-accordion-motion-duration) var(--skra-comp-accordion-motion-easing),color var(--skra-comp-accordion-motion-duration) var(--skra-comp-accordion-motion-easing)}:host(:hover){background:var(--skra-comp-accordion-header-background-hover)}:host(:focus-visible){outline-style:solid;outline-color:var(--skra-comp-accordion-focus-ring-color);outline-width:var(--skra-comp-accordion-focus-ring-width);outline-offset:-2px}:host([aria-expanded=true]){color:var(--skra-comp-accordion-header-foreground-expanded)}.skra-accordion-trigger-start{display:inline-flex;flex-shrink:0;align-items:center;block-size:1lh;--skra-comp-icon-size: var(--skra-comp-accordion-icon-size)}.skra-accordion-trigger-label{flex:1 1 auto;min-inline-size:0}.skra-accordion-trigger-indicator{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;inline-size:var(--skra-comp-accordion-indicator-size);block-size:var(--skra-comp-accordion-indicator-size);color:var(--skra-comp-accordion-indicator-color);transition:transform var(--skra-comp-accordion-motion-duration) var(--skra-comp-accordion-motion-easing)}.skra-accordion-trigger-indicator[data-skra-accordion-indicator]:before{content:\"\";inline-size:.5em;block-size:.5em;border-inline-end:.125em solid currentColor;border-block-end:.125em solid currentColor;transform:translateY(-.15em) rotate(45deg)}:host([aria-expanded=true]) .skra-accordion-trigger-indicator{transform:rotate(180deg)}@media(prefers-reduced-motion:reduce){:host{transition:none}.skra-accordion-trigger-indicator{transition:none}}\n"] }]
+                    }, template: "@if (hasStart()) {\r\n<span class=\"skra-accordion-trigger-start\">\r\n  <ng-content select=\"[skra-start]\"></ng-content>\r\n</span>\r\n}\r\n\r\n<span class=\"skra-accordion-trigger-label\">\r\n  <ng-content></ng-content>\r\n</span>\r\n\r\n@if (hasIndicator()) {\r\n<span class=\"skra-accordion-trigger-indicator\">\r\n  <ng-content select=\"[skra-accordion-indicator]\"></ng-content>\r\n</span>\r\n} @else {\r\n<span\r\n  class=\"skra-accordion-trigger-indicator\"\r\n  data-skra-accordion-indicator\r\n  aria-hidden=\"true\"\r\n></span>\r\n}\r\n", styles: ["@charset \"UTF-8\";:host{display:flex;align-items:center;gap:var(--skra-comp-accordion-header-gap);inline-size:100%;min-block-size:var(--skra-comp-accordion-min-block-size);margin:0;box-sizing:border-box;cursor:pointer;text-align:start;background:var(--skra-comp-accordion-background);color:var(--skra-comp-accordion-foreground);border-width:var(--skra-comp-accordion-border-width);border-style:var(--skra-comp-accordion-border-style);border-color:var(--skra-comp-accordion-border-color);border-radius:var(--skra-comp-accordion-radius);padding-block:var(--skra-comp-accordion-padding-block);padding-inline:var(--skra-comp-accordion-padding-inline);box-shadow:var(--skra-comp-accordion-shadow);font-family:var(--skra-sys-typography-role-label-large-font-family);font-size:var(--skra-sys-typography-role-label-large-font-size);font-weight:var(--skra-sys-typography-role-label-large-font-weight);line-height:var(--skra-sys-typography-role-label-large-line-height);letter-spacing:var(--skra-sys-typography-role-label-large-letter-spacing);transition:background var(--skra-comp-accordion-motion-duration) var(--skra-comp-accordion-motion-easing),color var(--skra-comp-accordion-motion-duration) var(--skra-comp-accordion-motion-easing)}:host(:hover){background:var(--skra-comp-accordion-header-background-hover)}:host(:focus-visible){outline-style:solid;outline-color:var(--skra-comp-accordion-focus-ring-color);outline-width:var(--skra-comp-accordion-focus-ring-width);outline-offset:-2px}:host([aria-expanded=true]){color:var(--skra-comp-accordion-header-foreground-expanded)}.skra-accordion-trigger-start{display:inline-flex;flex-shrink:0;align-items:center;block-size:1lh;--skra-comp-icon-size: var(--skra-comp-accordion-icon-size)}.skra-accordion-trigger-label{flex:1 1 auto;min-inline-size:0}.skra-accordion-trigger-indicator{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;inline-size:var(--skra-comp-accordion-indicator-size);block-size:var(--skra-comp-accordion-indicator-size);color:var(--skra-comp-accordion-indicator-color);transition:transform var(--skra-comp-accordion-motion-duration) var(--skra-comp-accordion-motion-easing)}.skra-accordion-trigger-indicator[data-skra-accordion-indicator]:before{content:\"\";inline-size:.5em;block-size:.5em;border-inline-end:.125em solid currentColor;border-block-end:.125em solid currentColor;transform:translateY(-.15em) rotate(45deg)}:host([aria-expanded=true]) .skra-accordion-trigger-indicator{transform:rotate(180deg)}@media(prefers-reduced-motion:reduce){:host{transition:none}.skra-accordion-trigger-indicator{transition:none}}\n"] }]
         }], ctorParameters: () => [], propDecorators: { startSlot: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SkraAccordionStart), { isSignal: true }] }], indicatorSlot: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SkraAccordionIndicator), { isSignal: true }] }] } });
 
 /**
@@ -301,9 +316,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImpor
  */
 class SkraAccordionPanel {
     ctx = inject(SkraAccordionItemContext, { optional: true });
-    panelId = computed(() => this.ctx?.panelId() ?? null, ...(ngDevMode ? [{ debugName: "panelId" }] : /* istanbul ignore next */ []));
-    headerId = computed(() => this.ctx?.headerId() ?? null, ...(ngDevMode ? [{ debugName: "headerId" }] : /* istanbul ignore next */ []));
-    expandedAttr = computed(() => this.ctx?.expanded() ? '' : null, ...(ngDevMode ? [{ debugName: "expandedAttr" }] : /* istanbul ignore next */ []));
+    panelId = computed(() => this.ctx?.panelId() ?? null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "panelId" }] : /* istanbul ignore next */ []));
+    headerId = computed(() => this.ctx?.headerId() ?? null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "headerId" }] : /* istanbul ignore next */ []));
+    expandedAttr = computed(() => this.ctx?.expanded() ? '' : null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "expandedAttr" }] : /* istanbul ignore next */ []));
     constructor() {
         if (typeof ngDevMode === 'undefined' || ngDevMode) {
             if (!this.ctx) {
@@ -312,10 +330,10 @@ class SkraAccordionPanel {
             }
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: SkraAccordionPanel, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.7", type: SkraAccordionPanel, isStandalone: true, selector: "[skraAccordionPanel]", host: { attributes: { "role": "region" }, properties: { "attr.id": "panelId()", "attr.aria-labelledby": "headerId()", "attr.data-skra-expanded": "expandedAttr()" } }, exportAs: ["skraAccordionPanel"], ngImport: i0, template: '<div class="skra-accordion-panel-clip"><div class="skra-accordion-panel-inner"><ng-content></ng-content></div></div>', isInline: true, styles: ["@charset \"UTF-8\";:host{display:grid;grid-template-rows:0fr;margin:0;transition:grid-template-rows var(--skra-comp-accordion-motion-duration) var(--skra-comp-accordion-motion-easing)}:host([data-skra-expanded]){grid-template-rows:1fr}.skra-accordion-panel-clip{overflow:hidden;min-block-size:0;visibility:hidden;transition:visibility var(--skra-comp-accordion-motion-duration) allow-discrete}:host([data-skra-expanded]) .skra-accordion-panel-clip{visibility:visible}.skra-accordion-panel-inner{color:var(--skra-comp-accordion-panel-foreground);padding-block:var(--skra-comp-accordion-panel-padding-block);padding-inline:var(--skra-comp-accordion-panel-padding-inline)}.skra-accordion-panel-inner>:first-child{margin-block-start:0}@media(prefers-reduced-motion:reduce){:host{transition:none}.skra-accordion-panel-clip{transition:none}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: SkraAccordionPanel, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.1", type: SkraAccordionPanel, isStandalone: true, selector: "[skraAccordionPanel]", host: { attributes: { "role": "region" }, properties: { "attr.id": "panelId()", "attr.aria-labelledby": "headerId()", "attr.data-skra-expanded": "expandedAttr()" } }, exportAs: ["skraAccordionPanel"], ngImport: i0, template: '<div class="skra-accordion-panel-clip"><div class="skra-accordion-panel-inner"><ng-content></ng-content></div></div>', isInline: true, styles: ["@charset \"UTF-8\";:host{display:grid;grid-template-rows:0fr;margin:0;transition:grid-template-rows var(--skra-comp-accordion-motion-duration) var(--skra-comp-accordion-motion-easing)}:host([data-skra-expanded]){grid-template-rows:1fr}.skra-accordion-panel-clip{overflow:hidden;min-block-size:0;visibility:hidden;transition:visibility var(--skra-comp-accordion-motion-duration) allow-discrete}:host([data-skra-expanded]) .skra-accordion-panel-clip{visibility:visible}.skra-accordion-panel-inner{color:var(--skra-comp-accordion-panel-foreground);padding-block:var(--skra-comp-accordion-panel-padding-block);padding-inline:var(--skra-comp-accordion-panel-padding-inline)}.skra-accordion-panel-inner>:first-child{margin-block-start:0}@media(prefers-reduced-motion:reduce){:host{transition:none}.skra-accordion-panel-clip{transition:none}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: SkraAccordionPanel, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: SkraAccordionPanel, decorators: [{
             type: Component,
             args: [{ selector: '[skraAccordionPanel]', standalone: true, exportAs: 'skraAccordionPanel', template: '<div class="skra-accordion-panel-clip"><div class="skra-accordion-panel-inner"><ng-content></ng-content></div></div>', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, host: {
                         role: 'region',

package/fesm2022/skra-ui-accordion.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"skra-ui-accordion.mjs","sources":["../../../../libs/ui/accordion/src/lib/accordion/accordion-context.ts","../../../../libs/ui/accordion/src/lib/accordion/accordion-item-context.ts","../../../../libs/ui/accordion/src/lib/accordion/accordion-item.ts","../../../../libs/ui/accordion/src/lib/accordion/accordion.ts","../../../../libs/ui/accordion/src/lib/accordion/accordion-header.ts","../../../../libs/ui/accordion/src/lib/accordion/accordion.directives.ts","../../../../libs/ui/accordion/src/lib/accordion/accordion-trigger.ts","../../../../libs/ui/accordion/src/lib/accordion/accordion-trigger.html","../../../../libs/ui/accordion/src/lib/accordion/accordion-panel.ts","../../../../libs/ui/accordion/src/skra-ui-accordion.ts"],"sourcesContent":["import { Injectable, signal } from '@angular/core';\n\n/** Module-global counter → a deterministic, unique id base per `[skraAccordion]`\n * instance. Lib-local (mirrors `SkraTabsContext`) so `@skra/disclosure` takes no\n * dependency on another lib just for id generation. Stable across SSR↔hydration\n * (same instantiation order yields the same ids — the standard counter technique). */\nlet accordionInstanceCounter = 0;\n\n/** Sanitize a consumer `value` into an id-safe fragment (no spaces / special chars). */\nfunction idSafe(value: string): string {\n  return value.replace(/[^a-zA-Z0-9_-]/g, '-');\n}\n\n/**\n * DI Context provided per `[skraAccordion]` instance — the ADR 013 §3.6 **non-form**\n * Contextual-ID-Sync bus (the 2nd consumer of the idiom after `SkraTabsContext`). It\n * carries **IDs + derived, read-only interaction state only** (`expanded` mirrors the\n * consumer's `[expanded]`; `exclusive` mirrors `[exclusive]`). It **never owns value** —\n * the open/closed set stays consumer-owned (ADR 037); a header requests a change through\n * `toggle()`, which the coordinator implements (resolving the exclusive policy) and from\n * which it emits `(expandedChange)`.\n */\n@Injectable()\nexport class SkraAccordionContext {\n  /** Unique per `[skraAccordion]` — the prefix for every header/panel id in this group. */\n  private readonly baseId = `skra-accordion-${++accordionInstanceCounter}`;\n\n  /** Mirror of the consumer's `[expanded]` — the set of OPEN item values (read-only to children). */\n  readonly expanded = signal<readonly string[]>([]);\n  /** Mirror of the consumer's `[exclusive]` policy (read-only to children). */\n  readonly exclusive = signal<boolean>(false);\n\n  headerId(value: string): string {\n    return `${this.baseId}-header-${idSafe(value)}`;\n  }\n  panelId(value: string): string {\n    return `${this.baseId}-panel-${idSafe(value)}`;\n  }\n  isExpanded(value: string): boolean {\n    return this.expanded().includes(value);\n  }\n\n  /** Coordinator-assigned: a header requests a toggle; the coordinator resolves the next\n   * open-set (applying the exclusive policy) and emits `(expandedChange)` — never mutated here. */\n  toggle: (value: string) => void = () => undefined;\n}\n","import type { Signal } from '@angular/core';\n\n/**\n * Per-item DI context provided by `[skraAccordionItem]` (via `useExisting`). It lets\n * `button[skraAccordionHeader]` and `[skraAccordionPanel]` read their shared `value`,\n * derived ids, and open state **without each re-declaring `value`** — the item declares it\n * once. All members are read-only/derived; `toggle()` forwards to the group coordinator\n * (the open/closed set stays consumer-owned, ADR 037). `*Id` are `null` only when an item\n * is used outside a `[skraAccordion]` (standalone misuse → dev-warned).\n */\nexport abstract class SkraAccordionItemContext {\n  abstract readonly value: Signal<string>;\n  abstract readonly expanded: Signal<boolean>;\n  abstract readonly headerId: Signal<string | null>;\n  abstract readonly panelId: Signal<string | null>;\n  abstract toggle(): void;\n}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  ViewEncapsulation,\n  computed,\n  inject,\n  input,\n} from '@angular/core';\n\nimport { SkraAccordionContext } from './accordion-context';\nimport { SkraAccordionItemContext } from './accordion-item-context';\n\ndeclare const ngDevMode: boolean | undefined;\n\n/**\n * SkraAccordionItem — one item, a Component on the consumer's `<div skraAccordionItem>`\n * (ADR 040, `template: '<ng-content>'`). It declares `[value]` ONCE and provides\n * `SkraAccordionItemContext` (via `useExisting`) so its `button[skraAccordionHeader]` and\n * `[skraAccordionPanel]` read the shared value/ids/open-state without re-declaring it. It\n * owns the per-item top divider (no double borders) and the open-item box (skins may tint it).\n */\n@Component({\n  selector: '[skraAccordionItem]',\n  standalone: true,\n  exportAs: 'skraAccordionItem',\n  template: '<ng-content></ng-content>',\n  styleUrl: './accordion-item.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.Emulated,\n  providers: [\n    { provide: SkraAccordionItemContext, useExisting: SkraAccordionItem },\n  ],\n  host: {\n    '[attr.data-skra-expanded]': 'expanded() ? \"\" : null',\n  },\n})\nexport class SkraAccordionItem implements SkraAccordionItemContext {\n  /** The item key — matched against `[expanded]` and the id base for its header/panel. */\n  readonly value = input.required<string>();\n\n  private readonly group = inject(SkraAccordionContext, { optional: true });\n\n  readonly expanded = computed(\n    () => this.group?.isExpanded(this.value()) ?? false,\n  );\n  readonly headerId = computed(\n    () => this.group?.headerId(this.value()) ?? null,\n  );\n  readonly panelId = computed(() => this.group?.panelId(this.value()) ?? null);\n\n  toggle(): void {\n    this.group?.toggle(this.value());\n  }\n\n  constructor() {\n    if (typeof ngDevMode === 'undefined' || ngDevMode) {\n      if (!this.group) {\n        console.warn(\n          '[skraAccordionItem] has no [skraAccordion] ancestor — its header/panel are not wired ' +\n            '(no aria-controls / open state). Project it inside <element skraAccordion>.',\n        );\n      }\n    }\n  }\n}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  ViewEncapsulation,\n  booleanAttribute,\n  contentChildren,\n  effect,\n  inject,\n  input,\n  output,\n} from '@angular/core';\n\nimport { SkraAccordionContext } from './accordion-context';\nimport { SkraAccordionItem } from './accordion-item';\n\ndeclare const ngDevMode: boolean | undefined;\n\n/**\n * SkraAccordion — the WAI-ARIA APG **Accordion** coordinator. A Component on a wrapping\n * element that holds `[skraAccordionItem]` children (each item wraps a\n * `button[skraAccordionHeader]` + a `[skraAccordionPanel]`). It provides\n * `SkraAccordionContext` (the ADR 013 §3.6 non-form Contextual-ID-Sync bus), owns the\n * consumer-facing `[expanded]` / `(expandedChange)` (controlled, ADR 037 — NO internal open\n * state) and the `[exclusive]` policy, and draws the group's outer border + radius.\n *\n *   <div skraAccordion [expanded]=\"open()\" (expandedChange)=\"open.set($event)\">\n *     <div skraAccordionItem value=\"general\">\n *       <h3><button skraAccordionHeader>General</button></h3>\n *       <div skraAccordionPanel>…</div>\n *     </div>\n *     <div skraAccordionItem value=\"security\"> … </div>\n *   </div>\n *\n * Open state is consumer-owned: a header click emits `(expandedChange)` with the resolved\n * next set (the `[exclusive]` policy applied here); the visible state updates when the\n * consumer round-trips `[expanded]`. `[exclusive]` is a POLICY flag on an invariant\n * `string[]` value — NOT a value-type switch, so it does not trigger ADR 0046.\n *\n * Full contract: adr/specs/component-accordion-spec.md.\n */\n@Component({\n  selector: '[skraAccordion]',\n  standalone: true,\n  exportAs: 'skraAccordion',\n  template: '<ng-content></ng-content>',\n  styleUrl: './accordion.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.Emulated,\n  providers: [SkraAccordionContext],\n})\nexport class SkraAccordion {\n  /** Consumer-owned set of OPEN item values (ADR 037). `[]` = all closed; order irrelevant. */\n  readonly expanded = input<readonly string[]>([]);\n  /** Policy: `true` → opening one item emits a set that drops the others (single-open). */\n  readonly exclusive = input(false, { transform: booleanAttribute });\n  /** Fires ONLY on user toggle — never on a programmatic `[expanded]` change. Carries the resolved next set. */\n  readonly expandedChange = output<readonly string[]>();\n\n  private readonly ctx = inject(SkraAccordionContext);\n  private readonly items = contentChildren(SkraAccordionItem, {\n    descendants: true,\n  });\n\n  constructor() {\n    // Wire the context bus (a header requests a toggle; the coordinator resolves + emits).\n    this.ctx.toggle = (value) => this.toggleItem(value);\n\n    // Mirror inputs → context (read-only to children).\n    effect(() => this.ctx.expanded.set(this.expanded()));\n    effect(() => this.ctx.exclusive.set(this.exclusive()));\n\n    if (typeof ngDevMode === 'undefined' || ngDevMode) {\n      effect(() => this.warnDuplicateValues());\n    }\n  }\n\n  /** A header was activated. Resolve the next open-set per the exclusive policy and REQUEST it\n   * from the consumer via `(expandedChange)` — never mutate open state internally (ADR 037). */\n  private toggleItem(value: string): void {\n    const open = this.expanded();\n    const isOpen = open.includes(value);\n    let next: readonly string[];\n    if (this.exclusive()) {\n      next = isOpen ? [] : [value];\n    } else {\n      next = isOpen ? open.filter((v) => v !== value) : [...open, value];\n    }\n    this.expandedChange.emit(next);\n  }\n\n  /** Dev-only nudge: duplicate item values collide on the shared header/panel id base. */\n  private warnDuplicateValues(): void {\n    const seen = new Set<string>();\n    for (const item of this.items()) {\n      const v = item.value();\n      if (seen.has(v)) {\n        console.warn(\n          `[skraAccordion] duplicate item value=\"${v}\" — header/panel ids will collide; values must be unique within a group.`,\n        );\n      }\n      seen.add(v);\n    }\n  }\n}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  ViewEncapsulation,\n  inject,\n} from '@angular/core';\n\ndeclare const ngDevMode: boolean | undefined;\n\n/**\n * SkraAccordionHeader — the heading wrapper, a Component on the consumer's heading element\n * (`<h2 skraAccordionHeader>` … `<h6 skraAccordionHeader>` — the consumer picks the level for\n * the document outline; ADR 012 attach-to-native). It wraps a `button[skraAccordionTrigger]`\n * (the Radix Header+Trigger split, the way Material/Carbon/Radix all OWN the heading box rather\n * than leaving a projected heading's UA margin to leak).\n *\n * Its ONLY job is to OWN the heading's box: because Forge is now the heading's host, its Emulated\n * `:host` CSS can reset the UA heading margin (`margin: 0`) so the collapsed item hugs the\n * trigger height — impossible to do from the item, which only sees the heading as projected\n * content (ADR 040 cross-encapsulation limit; the same reason `_form-controls.scss` exists, but\n * here solved structurally without a global slice). Carries no ARIA role of its own (the native\n * heading element provides the heading semantics).\n */\n@Component({\n  selector: '[skraAccordionHeader]',\n  standalone: true,\n  exportAs: 'skraAccordionHeader',\n  template: '<ng-content></ng-content>',\n  styleUrl: './accordion-header.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.Emulated,\n})\nexport class SkraAccordionHeader {\n  constructor() {\n    if (typeof ngDevMode === 'undefined' || ngDevMode) {\n      const tag =\n        inject<ElementRef<HTMLElement>>(ElementRef).nativeElement.tagName;\n      if (!/^H[1-6]$/.test(tag)) {\n        console.warn(\n          `[skraAccordionHeader] is on <${tag.toLowerCase()}> — APG requires the accordion ` +\n            'trigger to sit inside a heading element (<h2>…<h6>) for screen-reader heading navigation. ' +\n            'Apply it to a heading element.',\n        );\n      }\n    }\n  }\n}\n","import { Directive } from '@angular/core';\n\n/**\n * Marker for the leading icon/element slot of `button[skraAccordionTrigger]` (the ADR 003\n * `[skra-start]` convention). Detected via `contentChild` (ADR 020 Smart Slots v2.0) to\n * toggle the start wrapper without emitting an empty DOM node. Lib-local (mirrors the\n * Button/Chip per-lib marker) to avoid a cross-lib marker dependency.\n */\n@Directive({\n  selector: '[skra-start]',\n  standalone: true,\n})\nexport class SkraAccordionStart {}\n\n/**\n * Marker for the optional expand/collapse indicator override of `button[skraAccordionTrigger]`.\n * When present, it replaces the component-rendered default chevron (the ADR 028 slot+fallback\n * idiom — here a presentation override, NOT the loading primitive).\n */\n@Directive({\n  selector: '[skra-accordion-indicator]',\n  standalone: true,\n})\nexport class SkraAccordionIndicator {}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  ViewEncapsulation,\n  computed,\n  contentChild,\n  inject,\n} from '@angular/core';\n\nimport {\n  SkraAccordionIndicator,\n  SkraAccordionStart,\n} from './accordion.directives';\nimport { SkraAccordionItemContext } from './accordion-item-context';\n\ndeclare const ngDevMode: boolean | undefined;\n\n/**\n * SkraAccordionTrigger — the disclosure trigger, a Component on the native command host\n * `button[skraAccordionTrigger]` (ADR 012/040: a `<button>` gives Enter/Space→click + focus\n * for free — the same attach-to-native-button precedent as `button[skraButton]` / `skraTab` /\n * `skraMenuItem`). It is wrapped by `[skraAccordionHeader]` on a heading element (Radix\n * Header+Trigger split) so the heading owns the document outline + its own box/margin.\n * `aria-expanded` is the canonical Toggle state (no native HTML \"expanded\" attribute on a button\n * → ARIA is correct, boundary #9); the open STYLE keys off `:host([aria-expanded=\"true\"])` (Tabs\n * `aria-selected` precedent). value/ids/open-state come from `SkraAccordionItemContext` — the\n * trigger declares no `value`.\n *\n * **Iron boundary:** no `expanded` / `ariaLabel` / `size` / `severity` inputs.\n */\n@Component({\n  selector: 'button[skraAccordionTrigger]',\n  standalone: true,\n  exportAs: 'skraAccordionTrigger',\n  imports: [SkraAccordionStart, SkraAccordionIndicator],\n  templateUrl: './accordion-trigger.html',\n  styleUrl: './accordion-trigger.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.Emulated,\n  host: {\n    type: 'button', // never an implicit submit if the accordion sits inside a <form>\n    '[attr.id]': 'headerId()',\n    '[attr.aria-controls]': 'panelId()',\n    '[attr.aria-expanded]': 'ariaExpanded()',\n    '[attr.data-skra-expanded]': 'expandedAttr()',\n    '[attr.data-skra-has-start]': 'hasStart() ? \"\" : null',\n    '(click)': 'onClick()',\n  },\n})\nexport class SkraAccordionTrigger {\n  private readonly ctx = inject(SkraAccordionItemContext, { optional: true });\n\n  // Smart Slots v2.0 (ADR 020)\n  protected readonly startSlot = contentChild(SkraAccordionStart);\n  protected readonly indicatorSlot = contentChild(SkraAccordionIndicator);\n  protected readonly hasStart = computed(() => !!this.startSlot());\n  protected readonly hasIndicator = computed(() => !!this.indicatorSlot());\n\n  // Derived id / state from the item context (null only on standalone misuse)\n  protected readonly headerId = computed(() => this.ctx?.headerId() ?? null);\n  protected readonly panelId = computed(() => this.ctx?.panelId() ?? null);\n  protected readonly ariaExpanded = computed(() =>\n    this.ctx ? (this.ctx.expanded() ? 'true' : 'false') : null,\n  );\n  protected readonly expandedAttr = computed(() =>\n    this.ctx?.expanded() ? '' : null,\n  );\n\n  protected onClick(): void {\n    this.ctx?.toggle();\n  }\n\n  constructor() {\n    if (typeof ngDevMode === 'undefined' || ngDevMode) {\n      if (!this.ctx) {\n        console.warn(\n          '[skraAccordionTrigger] has no [skraAccordionItem] ancestor — it is not wired to a panel ' +\n            '(no aria-controls / toggle). Project it inside <element skraAccordionItem>.',\n        );\n      }\n    }\n  }\n}\n","@if (hasStart()) {\n<span class=\"skra-accordion-trigger-start\">\n  <ng-content select=\"[skra-start]\"></ng-content>\n</span>\n}\n\n<span class=\"skra-accordion-trigger-label\">\n  <ng-content></ng-content>\n</span>\n\n@if (hasIndicator()) {\n<span class=\"skra-accordion-trigger-indicator\">\n  <ng-content select=\"[skra-accordion-indicator]\"></ng-content>\n</span>\n} @else {\n<span\n  class=\"skra-accordion-trigger-indicator\"\n  data-skra-accordion-indicator\n  aria-hidden=\"true\"\n></span>\n}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  ViewEncapsulation,\n  computed,\n  inject,\n} from '@angular/core';\n\nimport { SkraAccordionItemContext } from './accordion-item-context';\n\ndeclare const ngDevMode: boolean | undefined;\n\n/**\n * SkraAccordionPanel — the disclosed region, a Component on the consumer's\n * `<div skraAccordionPanel>` (ADR 040). `role=\"region\"`, auto-named by `aria-labelledby`→its\n * header. Collapse/expand is a CSS-only `grid-template-rows: 0fr↔1fr` animation driven by\n * `data-skra-expanded` (ADR 021 — no `[style.*]`); the inner wrapper's `visibility:hidden`\n * at the collapsed end removes content from the a11y tree + Tab order (see accordion-panel.scss).\n * value/ids/open-state come from `SkraAccordionItemContext`.\n */\n@Component({\n  selector: '[skraAccordionPanel]',\n  standalone: true,\n  exportAs: 'skraAccordionPanel',\n  template:\n    '<div class=\"skra-accordion-panel-clip\"><div class=\"skra-accordion-panel-inner\"><ng-content></ng-content></div></div>',\n  styleUrl: './accordion-panel.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.Emulated,\n  host: {\n    role: 'region',\n    '[attr.id]': 'panelId()',\n    '[attr.aria-labelledby]': 'headerId()',\n    '[attr.data-skra-expanded]': 'expandedAttr()',\n  },\n})\nexport class SkraAccordionPanel {\n  private readonly ctx = inject(SkraAccordionItemContext, { optional: true });\n\n  protected readonly panelId = computed(() => this.ctx?.panelId() ?? null);\n  protected readonly headerId = computed(() => this.ctx?.headerId() ?? null);\n  protected readonly expandedAttr = computed(() =>\n    this.ctx?.expanded() ? '' : null,\n  );\n\n  constructor() {\n    if (typeof ngDevMode === 'undefined' || ngDevMode) {\n      if (!this.ctx) {\n        console.warn(\n          '[skraAccordionPanel] has no [skraAccordionItem] ancestor — it is not wired to a header ' +\n            '(no aria-labelledby / show-hide). Project it inside <element skraAccordionItem>.',\n        );\n      }\n    }\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"skra-ui-accordion.mjs","sources":["../../../../libs/ui/accordion/src/lib/accordion/accordion-context.ts","../../../../libs/ui/accordion/src/lib/accordion/accordion-item-context.ts","../../../../libs/ui/accordion/src/lib/accordion/accordion-item.ts","../../../../libs/ui/accordion/src/lib/accordion/accordion.ts","../../../../libs/ui/accordion/src/lib/accordion/accordion-header.ts","../../../../libs/ui/accordion/src/lib/accordion/accordion.directives.ts","../../../../libs/ui/accordion/src/lib/accordion/accordion-trigger.ts","../../../../libs/ui/accordion/src/lib/accordion/accordion-trigger.html","../../../../libs/ui/accordion/src/lib/accordion/accordion-panel.ts","../../../../libs/ui/accordion/src/skra-ui-accordion.ts"],"sourcesContent":["import { Injectable, signal } from '@angular/core';\r\n\r\n/** Module-global counter → a deterministic, unique id base per `[skraAccordion]`\r\n * instance. Lib-local (mirrors `SkraTabsContext`) so `@skra/disclosure` takes no\r\n * dependency on another lib just for id generation. Stable across SSR↔hydration\r\n * (same instantiation order yields the same ids — the standard counter technique). */\r\nlet accordionInstanceCounter = 0;\r\n\r\n/** Sanitize a consumer `value` into an id-safe fragment (no spaces / special chars). */\r\nfunction idSafe(value: string): string {\r\n  return value.replace(/[^a-zA-Z0-9_-]/g, '-');\r\n}\r\n\r\n/**\r\n * DI Context provided per `[skraAccordion]` instance — the ADR 013 §3.6 **non-form**\r\n * Contextual-ID-Sync bus (the 2nd consumer of the idiom after `SkraTabsContext`). It\r\n * carries **IDs + derived, read-only interaction state only** (`expanded` mirrors the\r\n * consumer's `[expanded]`; `exclusive` mirrors `[exclusive]`). It **never owns value** —\r\n * the open/closed set stays consumer-owned (ADR 037); a header requests a change through\r\n * `toggle()`, which the coordinator implements (resolving the exclusive policy) and from\r\n * which it emits `(expandedChange)`.\r\n */\r\n@Injectable()\r\nexport class SkraAccordionContext {\r\n  /** Unique per `[skraAccordion]` — the prefix for every header/panel id in this group. */\r\n  private readonly baseId = `skra-accordion-${++accordionInstanceCounter}`;\r\n\r\n  /** Mirror of the consumer's `[expanded]` — the set of OPEN item values (read-only to children). */\r\n  readonly expanded = signal<readonly string[]>([]);\r\n  /** Mirror of the consumer's `[exclusive]` policy (read-only to children). */\r\n  readonly exclusive = signal<boolean>(false);\r\n\r\n  headerId(value: string): string {\r\n    return `${this.baseId}-header-${idSafe(value)}`;\r\n  }\r\n  panelId(value: string): string {\r\n    return `${this.baseId}-panel-${idSafe(value)}`;\r\n  }\r\n  isExpanded(value: string): boolean {\r\n    return this.expanded().includes(value);\r\n  }\r\n\r\n  /** Coordinator-assigned: a header requests a toggle; the coordinator resolves the next\r\n   * open-set (applying the exclusive policy) and emits `(expandedChange)` — never mutated here. */\r\n  toggle: (value: string) => void = () => undefined;\r\n}\r\n","import type { Signal } from '@angular/core';\r\n\r\n/**\r\n * Per-item DI context provided by `[skraAccordionItem]` (via `useExisting`). It lets\r\n * `button[skraAccordionHeader]` and `[skraAccordionPanel]` read their shared `value`,\r\n * derived ids, and open state **without each re-declaring `value`** — the item declares it\r\n * once. All members are read-only/derived; `toggle()` forwards to the group coordinator\r\n * (the open/closed set stays consumer-owned, ADR 037). `*Id` are `null` only when an item\r\n * is used outside a `[skraAccordion]` (standalone misuse → dev-warned).\r\n */\r\nexport abstract class SkraAccordionItemContext {\r\n  abstract readonly value: Signal<string>;\r\n  abstract readonly expanded: Signal<boolean>;\r\n  abstract readonly headerId: Signal<string | null>;\r\n  abstract readonly panelId: Signal<string | null>;\r\n  abstract toggle(): void;\r\n}\r\n","import {\r\n  ChangeDetectionStrategy,\r\n  Component,\r\n  ViewEncapsulation,\r\n  computed,\r\n  inject,\r\n  input,\r\n} from '@angular/core';\r\n\r\nimport { SkraAccordionContext } from './accordion-context';\r\nimport { SkraAccordionItemContext } from './accordion-item-context';\r\n\r\ndeclare const ngDevMode: boolean | undefined;\r\n\r\n/**\r\n * SkraAccordionItem — one item, a Component on the consumer's `<div skraAccordionItem>`\r\n * (ADR 040, `template: '<ng-content>'`). It declares `[value]` ONCE and provides\r\n * `SkraAccordionItemContext` (via `useExisting`) so its `button[skraAccordionHeader]` and\r\n * `[skraAccordionPanel]` read the shared value/ids/open-state without re-declaring it. It\r\n * owns the per-item top divider (no double borders) and the open-item box (skins may tint it).\r\n */\r\n@Component({\r\n  selector: '[skraAccordionItem]',\r\n  standalone: true,\r\n  exportAs: 'skraAccordionItem',\r\n  template: '<ng-content></ng-content>',\r\n  styleUrl: './accordion-item.scss',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  encapsulation: ViewEncapsulation.Emulated,\r\n  providers: [\r\n    { provide: SkraAccordionItemContext, useExisting: SkraAccordionItem },\r\n  ],\r\n  host: {\r\n    '[attr.data-skra-expanded]': 'expanded() ? \"\" : null',\r\n  },\r\n})\r\nexport class SkraAccordionItem implements SkraAccordionItemContext {\r\n  /** The item key — matched against `[expanded]` and the id base for its header/panel. */\r\n  readonly value = input.required<string>();\r\n\r\n  private readonly group = inject(SkraAccordionContext, { optional: true });\r\n\r\n  readonly expanded = computed(\r\n    () => this.group?.isExpanded(this.value()) ?? false,\r\n  );\r\n  readonly headerId = computed(\r\n    () => this.group?.headerId(this.value()) ?? null,\r\n  );\r\n  readonly panelId = computed(() => this.group?.panelId(this.value()) ?? null);\r\n\r\n  toggle(): void {\r\n    this.group?.toggle(this.value());\r\n  }\r\n\r\n  constructor() {\r\n    if (typeof ngDevMode === 'undefined' || ngDevMode) {\r\n      if (!this.group) {\r\n        console.warn(\r\n          '[skraAccordionItem] has no [skraAccordion] ancestor — its header/panel are not wired ' +\r\n            '(no aria-controls / open state). Project it inside <element skraAccordion>.',\r\n        );\r\n      }\r\n    }\r\n  }\r\n}\r\n","import {\r\n  ChangeDetectionStrategy,\r\n  Component,\r\n  ViewEncapsulation,\r\n  booleanAttribute,\r\n  contentChildren,\r\n  effect,\r\n  inject,\r\n  input,\r\n  output,\r\n} from '@angular/core';\r\n\r\nimport { SkraAccordionContext } from './accordion-context';\r\nimport { SkraAccordionItem } from './accordion-item';\r\n\r\ndeclare const ngDevMode: boolean | undefined;\r\n\r\n/**\r\n * SkraAccordion — the WAI-ARIA APG **Accordion** coordinator. A Component on a wrapping\r\n * element that holds `[skraAccordionItem]` children (each item wraps a\r\n * `button[skraAccordionHeader]` + a `[skraAccordionPanel]`). It provides\r\n * `SkraAccordionContext` (the ADR 013 §3.6 non-form Contextual-ID-Sync bus), owns the\r\n * consumer-facing `[expanded]` / `(expandedChange)` (controlled, ADR 037 — NO internal open\r\n * state) and the `[exclusive]` policy, and draws the group's outer border + radius.\r\n *\r\n *   <div skraAccordion [expanded]=\"open()\" (expandedChange)=\"open.set($event)\">\r\n *     <div skraAccordionItem value=\"general\">\r\n *       <h3><button skraAccordionHeader>General</button></h3>\r\n *       <div skraAccordionPanel>…</div>\r\n *     </div>\r\n *     <div skraAccordionItem value=\"security\"> … </div>\r\n *   </div>\r\n *\r\n * Open state is consumer-owned: a header click emits `(expandedChange)` with the resolved\r\n * next set (the `[exclusive]` policy applied here); the visible state updates when the\r\n * consumer round-trips `[expanded]`. `[exclusive]` is a POLICY flag on an invariant\r\n * `string[]` value — NOT a value-type switch, so it does not trigger ADR 0046.\r\n *\r\n * Full contract: adr/specs/component-accordion-spec.md.\r\n */\r\n@Component({\r\n  selector: '[skraAccordion]',\r\n  standalone: true,\r\n  exportAs: 'skraAccordion',\r\n  template: '<ng-content></ng-content>',\r\n  styleUrl: './accordion.scss',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  encapsulation: ViewEncapsulation.Emulated,\r\n  providers: [SkraAccordionContext],\r\n})\r\nexport class SkraAccordion {\r\n  /** Consumer-owned set of OPEN item values (ADR 037). `[]` = all closed; order irrelevant. */\r\n  readonly expanded = input<readonly string[]>([]);\r\n  /** Policy: `true` → opening one item emits a set that drops the others (single-open). */\r\n  readonly exclusive = input(false, { transform: booleanAttribute });\r\n  /** Fires ONLY on user toggle — never on a programmatic `[expanded]` change. Carries the resolved next set. */\r\n  readonly expandedChange = output<readonly string[]>();\r\n\r\n  private readonly ctx = inject(SkraAccordionContext);\r\n  private readonly items = contentChildren(SkraAccordionItem, {\r\n    descendants: true,\r\n  });\r\n\r\n  constructor() {\r\n    // Wire the context bus (a header requests a toggle; the coordinator resolves + emits).\r\n    this.ctx.toggle = (value) => this.toggleItem(value);\r\n\r\n    // Mirror inputs → context (read-only to children).\r\n    effect(() => this.ctx.expanded.set(this.expanded()));\r\n    effect(() => this.ctx.exclusive.set(this.exclusive()));\r\n\r\n    if (typeof ngDevMode === 'undefined' || ngDevMode) {\r\n      effect(() => this.warnDuplicateValues());\r\n    }\r\n  }\r\n\r\n  /** A header was activated. Resolve the next open-set per the exclusive policy and REQUEST it\r\n   * from the consumer via `(expandedChange)` — never mutate open state internally (ADR 037). */\r\n  private toggleItem(value: string): void {\r\n    const open = this.expanded();\r\n    const isOpen = open.includes(value);\r\n    let next: readonly string[];\r\n    if (this.exclusive()) {\r\n      next = isOpen ? [] : [value];\r\n    } else {\r\n      next = isOpen ? open.filter((v) => v !== value) : [...open, value];\r\n    }\r\n    this.expandedChange.emit(next);\r\n  }\r\n\r\n  /** Dev-only nudge: duplicate item values collide on the shared header/panel id base. */\r\n  private warnDuplicateValues(): void {\r\n    const seen = new Set<string>();\r\n    for (const item of this.items()) {\r\n      const v = item.value();\r\n      if (seen.has(v)) {\r\n        console.warn(\r\n          `[skraAccordion] duplicate item value=\"${v}\" — header/panel ids will collide; values must be unique within a group.`,\r\n        );\r\n      }\r\n      seen.add(v);\r\n    }\r\n  }\r\n}\r\n","import {\r\n  ChangeDetectionStrategy,\r\n  Component,\r\n  ElementRef,\r\n  ViewEncapsulation,\r\n  inject,\r\n} from '@angular/core';\r\n\r\ndeclare const ngDevMode: boolean | undefined;\r\n\r\n/**\r\n * SkraAccordionHeader — the heading wrapper, a Component on the consumer's heading element\r\n * (`<h2 skraAccordionHeader>` … `<h6 skraAccordionHeader>` — the consumer picks the level for\r\n * the document outline; ADR 012 attach-to-native). It wraps a `button[skraAccordionTrigger]`\r\n * (the Radix Header+Trigger split, the way Material/Carbon/Radix all OWN the heading box rather\r\n * than leaving a projected heading's UA margin to leak).\r\n *\r\n * Its ONLY job is to OWN the heading's box: because Forge is now the heading's host, its Emulated\r\n * `:host` CSS can reset the UA heading margin (`margin: 0`) so the collapsed item hugs the\r\n * trigger height — impossible to do from the item, which only sees the heading as projected\r\n * content (ADR 040 cross-encapsulation limit; the same reason `_form-controls.scss` exists, but\r\n * here solved structurally without a global slice). Carries no ARIA role of its own (the native\r\n * heading element provides the heading semantics).\r\n */\r\n@Component({\r\n  selector: '[skraAccordionHeader]',\r\n  standalone: true,\r\n  exportAs: 'skraAccordionHeader',\r\n  template: '<ng-content></ng-content>',\r\n  styleUrl: './accordion-header.scss',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  encapsulation: ViewEncapsulation.Emulated,\r\n})\r\nexport class SkraAccordionHeader {\r\n  constructor() {\r\n    if (typeof ngDevMode === 'undefined' || ngDevMode) {\r\n      const tag =\r\n        inject<ElementRef<HTMLElement>>(ElementRef).nativeElement.tagName;\r\n      if (!/^H[1-6]$/.test(tag)) {\r\n        console.warn(\r\n          `[skraAccordionHeader] is on <${tag.toLowerCase()}> — APG requires the accordion ` +\r\n            'trigger to sit inside a heading element (<h2>…<h6>) for screen-reader heading navigation. ' +\r\n            'Apply it to a heading element.',\r\n        );\r\n      }\r\n    }\r\n  }\r\n}\r\n","import { Directive } from '@angular/core';\r\n\r\n/**\r\n * Marker for the leading icon/element slot of `button[skraAccordionTrigger]` (the ADR 003\r\n * `[skra-start]` convention). Detected via `contentChild` (ADR 020 Smart Slots v2.0) to\r\n * toggle the start wrapper without emitting an empty DOM node. Lib-local (mirrors the\r\n * Button/Chip per-lib marker) to avoid a cross-lib marker dependency.\r\n */\r\n@Directive({\r\n  selector: '[skra-start]',\r\n  standalone: true,\r\n})\r\nexport class SkraAccordionStart {}\r\n\r\n/**\r\n * Marker for the optional expand/collapse indicator override of `button[skraAccordionTrigger]`.\r\n * When present, it replaces the component-rendered default chevron (the ADR 028 slot+fallback\r\n * idiom — here a presentation override, NOT the loading primitive).\r\n */\r\n@Directive({\r\n  selector: '[skra-accordion-indicator]',\r\n  standalone: true,\r\n})\r\nexport class SkraAccordionIndicator {}\r\n","import {\r\n  ChangeDetectionStrategy,\r\n  Component,\r\n  ViewEncapsulation,\r\n  computed,\r\n  contentChild,\r\n  inject,\r\n} from '@angular/core';\r\n\r\nimport {\r\n  SkraAccordionIndicator,\r\n  SkraAccordionStart,\r\n} from './accordion.directives';\r\nimport { SkraAccordionItemContext } from './accordion-item-context';\r\n\r\ndeclare const ngDevMode: boolean | undefined;\r\n\r\n/**\r\n * SkraAccordionTrigger — the disclosure trigger, a Component on the native command host\r\n * `button[skraAccordionTrigger]` (ADR 012/040: a `<button>` gives Enter/Space→click + focus\r\n * for free — the same attach-to-native-button precedent as `button[skraButton]` / `skraTab` /\r\n * `skraMenuItem`). It is wrapped by `[skraAccordionHeader]` on a heading element (Radix\r\n * Header+Trigger split) so the heading owns the document outline + its own box/margin.\r\n * `aria-expanded` is the canonical Toggle state (no native HTML \"expanded\" attribute on a button\r\n * → ARIA is correct, boundary #9); the open STYLE keys off `:host([aria-expanded=\"true\"])` (Tabs\r\n * `aria-selected` precedent). value/ids/open-state come from `SkraAccordionItemContext` — the\r\n * trigger declares no `value`.\r\n *\r\n * **Iron boundary:** no `expanded` / `ariaLabel` / `size` / `severity` inputs.\r\n */\r\n@Component({\r\n  selector: 'button[skraAccordionTrigger]',\r\n  standalone: true,\r\n  exportAs: 'skraAccordionTrigger',\r\n  imports: [SkraAccordionStart, SkraAccordionIndicator],\r\n  templateUrl: './accordion-trigger.html',\r\n  styleUrl: './accordion-trigger.scss',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  encapsulation: ViewEncapsulation.Emulated,\r\n  host: {\r\n    type: 'button', // never an implicit submit if the accordion sits inside a <form>\r\n    '[attr.id]': 'headerId()',\r\n    '[attr.aria-controls]': 'panelId()',\r\n    '[attr.aria-expanded]': 'ariaExpanded()',\r\n    '[attr.data-skra-expanded]': 'expandedAttr()',\r\n    '[attr.data-skra-has-start]': 'hasStart() ? \"\" : null',\r\n    '(click)': 'onClick()',\r\n  },\r\n})\r\nexport class SkraAccordionTrigger {\r\n  private readonly ctx = inject(SkraAccordionItemContext, { optional: true });\r\n\r\n  // Smart Slots v2.0 (ADR 020)\r\n  protected readonly startSlot = contentChild(SkraAccordionStart);\r\n  protected readonly indicatorSlot = contentChild(SkraAccordionIndicator);\r\n  protected readonly hasStart = computed(() => !!this.startSlot());\r\n  protected readonly hasIndicator = computed(() => !!this.indicatorSlot());\r\n\r\n  // Derived id / state from the item context (null only on standalone misuse)\r\n  protected readonly headerId = computed(() => this.ctx?.headerId() ?? null);\r\n  protected readonly panelId = computed(() => this.ctx?.panelId() ?? null);\r\n  protected readonly ariaExpanded = computed(() =>\r\n    this.ctx ? (this.ctx.expanded() ? 'true' : 'false') : null,\r\n  );\r\n  protected readonly expandedAttr = computed(() =>\r\n    this.ctx?.expanded() ? '' : null,\r\n  );\r\n\r\n  protected onClick(): void {\r\n    this.ctx?.toggle();\r\n  }\r\n\r\n  constructor() {\r\n    if (typeof ngDevMode === 'undefined' || ngDevMode) {\r\n      if (!this.ctx) {\r\n        console.warn(\r\n          '[skraAccordionTrigger] has no [skraAccordionItem] ancestor — it is not wired to a panel ' +\r\n            '(no aria-controls / toggle). Project it inside <element skraAccordionItem>.',\r\n        );\r\n      }\r\n    }\r\n  }\r\n}\r\n","@if (hasStart()) {\r\n<span class=\"skra-accordion-trigger-start\">\r\n  <ng-content select=\"[skra-start]\"></ng-content>\r\n</span>\r\n}\r\n\r\n<span class=\"skra-accordion-trigger-label\">\r\n  <ng-content></ng-content>\r\n</span>\r\n\r\n@if (hasIndicator()) {\r\n<span class=\"skra-accordion-trigger-indicator\">\r\n  <ng-content select=\"[skra-accordion-indicator]\"></ng-content>\r\n</span>\r\n} @else {\r\n<span\r\n  class=\"skra-accordion-trigger-indicator\"\r\n  data-skra-accordion-indicator\r\n  aria-hidden=\"true\"\r\n></span>\r\n}\r\n","import {\r\n  ChangeDetectionStrategy,\r\n  Component,\r\n  ViewEncapsulation,\r\n  computed,\r\n  inject,\r\n} from '@angular/core';\r\n\r\nimport { SkraAccordionItemContext } from './accordion-item-context';\r\n\r\ndeclare const ngDevMode: boolean | undefined;\r\n\r\n/**\r\n * SkraAccordionPanel — the disclosed region, a Component on the consumer's\r\n * `<div skraAccordionPanel>` (ADR 040). `role=\"region\"`, auto-named by `aria-labelledby`→its\r\n * header. Collapse/expand is a CSS-only `grid-template-rows: 0fr↔1fr` animation driven by\r\n * `data-skra-expanded` (ADR 021 — no `[style.*]`); the inner wrapper's `visibility:hidden`\r\n * at the collapsed end removes content from the a11y tree + Tab order (see accordion-panel.scss).\r\n * value/ids/open-state come from `SkraAccordionItemContext`.\r\n */\r\n@Component({\r\n  selector: '[skraAccordionPanel]',\r\n  standalone: true,\r\n  exportAs: 'skraAccordionPanel',\r\n  template:\r\n    '<div class=\"skra-accordion-panel-clip\"><div class=\"skra-accordion-panel-inner\"><ng-content></ng-content></div></div>',\r\n  styleUrl: './accordion-panel.scss',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  encapsulation: ViewEncapsulation.Emulated,\r\n  host: {\r\n    role: 'region',\r\n    '[attr.id]': 'panelId()',\r\n    '[attr.aria-labelledby]': 'headerId()',\r\n    '[attr.data-skra-expanded]': 'expandedAttr()',\r\n  },\r\n})\r\nexport class SkraAccordionPanel {\r\n  private readonly ctx = inject(SkraAccordionItemContext, { optional: true });\r\n\r\n  protected readonly panelId = computed(() => this.ctx?.panelId() ?? null);\r\n  protected readonly headerId = computed(() => this.ctx?.headerId() ?? null);\r\n  protected readonly expandedAttr = computed(() =>\r\n    this.ctx?.expanded() ? '' : null,\r\n  );\r\n\r\n  constructor() {\r\n    if (typeof ngDevMode === 'undefined' || ngDevMode) {\r\n      if (!this.ctx) {\r\n        console.warn(\r\n          '[skraAccordionPanel] has no [skraAccordionItem] ancestor — it is not wired to a header ' +\r\n            '(no aria-labelledby / show-hide). Project it inside <element skraAccordionItem>.',\r\n        );\r\n      }\r\n    }\r\n  }\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/skra-ui-alert.mjs

@@ -8,10 +8,10 @@ import { Directive, input, booleanAttribute, output, contentChild, computed, Vie
  * lib's `[skra-start]`) to avoid a cross-lib marker dependency.
  */
 class SkraAlertIcon {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: SkraAlertIcon, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.7", type: SkraAlertIcon, isStandalone: true, selector: "[skra-alert-icon]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: SkraAlertIcon, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.1", type: SkraAlertIcon, isStandalone: true, selector: "[skra-alert-icon]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: SkraAlertIcon, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: SkraAlertIcon, decorators: [{
             type: Directive,
             args: [{
                     selector: '[skra-alert-icon]',
@@ -27,10 +27,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImpor
  * dynamically-injected alert). The live region announces title + body atomically.
  */
 class SkraAlertTitle {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: SkraAlertTitle, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.7", type: SkraAlertTitle, isStandalone: true, selector: "[skra-alert-title]", ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: SkraAlertTitle, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.1", type: SkraAlertTitle, isStandalone: true, selector: "[skra-alert-title]", ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: SkraAlertTitle, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: SkraAlertTitle, decorators: [{
             type: Directive,
             args: [{
                     selector: '[skra-alert-title]',
@@ -56,18 +56,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImpor
  */
 class SkraAlert {
     // --- Variant Surface (ADR 035) ---
-    intent = input('neutral', ...(ngDevMode ? [{ debugName: "intent" }] : /* istanbul ignore next */ []));
-    emphasis = input('medium', ...(ngDevMode ? [{ debugName: "emphasis" }] : /* istanbul ignore next */ []));
+    intent = input('neutral', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "intent" }] : /* istanbul ignore next */ []));
+    emphasis = input('medium', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "emphasis" }] : /* istanbul ignore next */ []));
     // --- Announcement (ADR 0052) ---
-    live = input('off', ...(ngDevMode ? [{ debugName: "live" }] : /* istanbul ignore next */ []));
+    live = input('off', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "live" }] : /* istanbul ignore next */ []));
     // --- Dismissal ---
     dismissible = input(false, { ...(ngDevMode ? { debugName: "dismissible" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     dismissed = output();
     // --- Smart Slots v2.0 (ADR 020) ---
-    iconSlot = contentChild(SkraAlertIcon, ...(ngDevMode ? [{ debugName: "iconSlot" }] : /* istanbul ignore next */ []));
-    hasIcon = computed(() => !!this.iconSlot(), ...(ngDevMode ? [{ debugName: "hasIcon" }] : /* istanbul ignore next */ []));
-    titleSlot = contentChild(SkraAlertTitle, ...(ngDevMode ? [{ debugName: "titleSlot" }] : /* istanbul ignore next */ []));
-    hasTitle = computed(() => !!this.titleSlot(), ...(ngDevMode ? [{ debugName: "hasTitle" }] : /* istanbul ignore next */ []));
+    iconSlot = contentChild(SkraAlertIcon, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "iconSlot" }] : /* istanbul ignore next */ []));
+    hasIcon = computed(() => !!this.iconSlot(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "hasIcon" }] : /* istanbul ignore next */ []));
+    titleSlot = contentChild(SkraAlertTitle, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "titleSlot" }] : /* istanbul ignore next */ []));
+    hasTitle = computed(() => !!this.titleSlot(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "hasTitle" }] : /* istanbul ignore next */ []));
     /**
      * Map `live` politeness to the implicit-live ARIA role (ADR 0052). The role
      * carries `aria-live` + `aria-atomic` implicitly; `off` → no live region.
@@ -81,14 +88,15 @@ class SkraAlert {
             default:
                 return null;
         }
-    }, ...(ngDevMode ? [{ debugName: "liveRole" }] : /* istanbul ignore next */ []));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "liveRole" }] : /* istanbul ignore next */ []));
     onDismiss() {
         this.dismissed.emit();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: SkraAlert, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.7", type: SkraAlert, isStandalone: true, selector: "skra-alert", inputs: { intent: { classPropertyName: "intent", publicName: "intent", isSignal: true, isRequired: false, transformFunction: null }, emphasis: { classPropertyName: "emphasis", publicName: "emphasis", isSignal: true, isRequired: false, transformFunction: null }, live: { classPropertyName: "live", publicName: "live", isSignal: true, isRequired: false, transformFunction: null }, dismissible: { classPropertyName: "dismissible", publicName: "dismissible", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dismissed: "dismissed" }, host: { properties: { "attr.data-skra-intent": "intent()", "attr.data-skra-emphasis": "emphasis()", "attr.role": "liveRole()", "attr.data-skra-has-icon": "hasIcon() ? \"\" : null", "attr.data-skra-has-title": "hasTitle() ? \"\" : null" } }, queries: [{ propertyName: "iconSlot", first: true, predicate: SkraAlertIcon, descendants: true, isSignal: true }, { propertyName: "titleSlot", first: true, predicate: SkraAlertTitle, descendants: true, isSignal: true }], ngImport: i0, template: "@if (hasIcon()) {\n<span class=\"skra-alert-icon\">\n  <ng-content select=\"[skra-alert-icon]\"></ng-content>\n</span>\n}\n\n<div class=\"skra-alert-content\">\n  @if (hasTitle()) {\n  <div class=\"skra-alert-title\">\n    <ng-content select=\"[skra-alert-title]\"></ng-content>\n  </div>\n  }\n  <div class=\"skra-alert-body\">\n    <ng-content></ng-content>\n  </div>\n</div>\n\n@if (dismissible()) {\n<button type=\"button\" class=\"skra-alert-dismiss\" (click)=\"onDismiss()\">\n  <span class=\"skra-alert-dismiss-glyph\" aria-hidden=\"true\">&times;</span>\n  <ng-content select=\"[skra-alert-close-label]\"></ng-content>\n</button>\n}\n", styles: ["@charset \"UTF-8\";:host{display:flex;align-items:flex-start;box-sizing:border-box;margin:0;gap:var(--skra-comp-alert-icon-gap);font-family:var(--skra-sys-typography-role-body-medium-font-family);font-size:var(--skra-sys-typography-role-body-medium-font-size);font-weight:var(--skra-sys-typography-role-body-medium-font-weight);line-height:var(--skra-sys-typography-role-body-medium-line-height);letter-spacing:var(--skra-sys-typography-role-body-medium-letter-spacing);background:var(--skra-comp-alert-background);color:var(--skra-comp-alert-foreground);border-color:var(--skra-comp-alert-border-color);border-width:var(--skra-comp-alert-border-width);border-style:var(--skra-comp-alert-border-style);border-radius:var(--skra-comp-alert-radius);padding-block:var(--skra-comp-alert-padding-block);padding-inline:var(--skra-comp-alert-padding-inline);box-shadow:var(--skra-comp-alert-shadow)}:host([data-skra-emphasis=high]){--skra-comp-alert-border-width: 0}:host([data-skra-intent=neutral][data-skra-emphasis=high]){--skra-comp-alert-background: var( --skra-comp-alert-background-neutral-high, var(--skra-sys-color-neutral-base) );--skra-comp-alert-foreground: var( --skra-comp-alert-foreground-neutral-high, var(--skra-sys-color-neutral-contrast) );--skra-comp-alert-border-color: var( --skra-comp-alert-border-color-neutral-high, transparent )}:host([data-skra-intent=neutral][data-skra-emphasis=medium]){--skra-comp-alert-background: var( --skra-comp-alert-background-neutral-medium, var(--skra-sys-color-neutral-soft) );--skra-comp-alert-foreground: var( --skra-comp-alert-foreground-neutral-medium, var(--skra-sys-color-neutral-strong) );--skra-comp-alert-border-color: var( --skra-comp-alert-border-color-neutral-medium, var(--skra-sys-color-neutral-border) )}:host([data-skra-intent=info][data-skra-emphasis=high]){--skra-comp-alert-background: var( --skra-comp-alert-background-info-high, var(--skra-sys-color-info-base) );--skra-comp-alert-foreground: var( --skra-comp-alert-foreground-info-high, var(--skra-sys-color-info-contrast) );--skra-comp-alert-border-color: var( --skra-comp-alert-border-color-info-high, transparent )}:host([data-skra-intent=info][data-skra-emphasis=medium]){--skra-comp-alert-background: var( --skra-comp-alert-background-info-medium, var(--skra-sys-color-info-soft) );--skra-comp-alert-foreground: var( --skra-comp-alert-foreground-info-medium, var(--skra-sys-color-info-strong) );--skra-comp-alert-border-color: var( --skra-comp-alert-border-color-info-medium, var(--skra-sys-color-info-border) )}:host([data-skra-intent=success][data-skra-emphasis=high]){--skra-comp-alert-background: var( --skra-comp-alert-background-success-high, var(--skra-sys-color-success-base) );--skra-comp-alert-foreground: var( --skra-comp-alert-foreground-success-high, var(--skra-sys-color-success-contrast) );--skra-comp-alert-border-color: var( --skra-comp-alert-border-color-success-high, transparent )}:host([data-skra-intent=success][data-skra-emphasis=medium]){--skra-comp-alert-background: var( --skra-comp-alert-background-success-medium, var(--skra-sys-color-success-soft) );--skra-comp-alert-foreground: var( --skra-comp-alert-foreground-success-medium, var(--skra-sys-color-success-strong) );--skra-comp-alert-border-color: var( --skra-comp-alert-border-color-success-medium, var(--skra-sys-color-success-border) )}:host([data-skra-intent=warning][data-skra-emphasis=high]){--skra-comp-alert-background: var( --skra-comp-alert-background-warning-high, var(--skra-sys-color-warning-base) );--skra-comp-alert-foreground: var( --skra-comp-alert-foreground-warning-high, var(--skra-sys-color-warning-contrast) );--skra-comp-alert-border-color: var( --skra-comp-alert-border-color-warning-high, transparent )}:host([data-skra-intent=warning][data-skra-emphasis=medium]){--skra-comp-alert-background: var( --skra-comp-alert-background-warning-medium, var(--skra-sys-color-warning-soft) );--skra-comp-alert-foreground: var( --skra-comp-alert-foreground-warning-medium, var(--skra-sys-color-warning-strong) );--skra-comp-alert-border-color: var( --skra-comp-alert-border-color-warning-medium, var(--skra-sys-color-warning-border) )}:host([data-skra-intent=danger][data-skra-emphasis=high]){--skra-comp-alert-background: var( --skra-comp-alert-background-danger-high, var(--skra-sys-color-danger-base) );--skra-comp-alert-foreground: var( --skra-comp-alert-foreground-danger-high, var(--skra-sys-color-danger-contrast) );--skra-comp-alert-border-color: var( --skra-comp-alert-border-color-danger-high, transparent )}:host([data-skra-intent=danger][data-skra-emphasis=medium]){--skra-comp-alert-background: var( --skra-comp-alert-background-danger-medium, var(--skra-sys-color-danger-soft) );--skra-comp-alert-foreground: var( --skra-comp-alert-foreground-danger-medium, var(--skra-sys-color-danger-strong) );--skra-comp-alert-border-color: var( --skra-comp-alert-border-color-danger-medium, var(--skra-sys-color-danger-border) )}.skra-alert-icon{display:inline-flex;flex-shrink:0;align-items:center;block-size:1lh;--skra-comp-icon-size: var(--skra-comp-alert-icon-size)}.skra-alert-content{flex:1 1 auto;min-inline-size:0;display:flex;flex-direction:column;gap:var(--skra-comp-alert-title-gap)}.skra-alert-title{font-family:var(--skra-sys-typography-role-label-large-font-family);font-size:var(--skra-sys-typography-role-label-large-font-size);font-weight:var(--skra-sys-typography-role-label-large-font-weight);line-height:var(--skra-sys-typography-role-label-large-line-height);letter-spacing:var(--skra-sys-typography-role-label-large-letter-spacing)}.skra-alert-dismiss{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;inline-size:var(--skra-comp-alert-dismiss-size);block-size:var(--skra-comp-alert-dismiss-size);margin:0;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;border-radius:var(--skra-comp-alert-radius);transition:opacity var(--skra-comp-alert-motion-duration) var(--skra-comp-alert-motion-easing)}.skra-alert-dismiss:hover{opacity:.7}.skra-alert-dismiss:focus-visible{outline-style:solid;outline-color:var(--skra-comp-alert-focus-ring-color);outline-width:var(--skra-comp-alert-focus-ring-width);outline-offset:2px}.skra-alert-dismiss-glyph{font-size:1.25em;line-height:1}@media(prefers-reduced-motion:reduce){.skra-alert-dismiss{transition:none}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: SkraAlert, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.1", type: SkraAlert, isStandalone: true, selector: "skra-alert", inputs: { intent: { classPropertyName: "intent", publicName: "intent", isSignal: true, isRequired: false, transformFunction: null }, emphasis: { classPropertyName: "emphasis", publicName: "emphasis", isSignal: true, isRequired: false, transformFunction: null }, live: { classPropertyName: "live", publicName: "live", isSignal: true, isRequired: false, transformFunction: null }, dismissible: { classPropertyName: "dismissible", publicName: "dismissible", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dismissed: "dismissed" }, host: { properties: { "attr.data-skra-intent": "intent()", "attr.data-skra-emphasis": "emphasis()", "attr.role": "liveRole()", "attr.data-skra-has-icon": "hasIcon() ? \"\" : null", "attr.data-skra-has-title": "hasTitle() ? \"\" : null" } }, queries: [{ propertyName: "iconSlot", first: true, predicate: SkraAlertIcon, descendants: true, isSignal: true }, { propertyName: "titleSlot", first: true, predicate: SkraAlertTitle, descendants: true, isSignal: true }], ngImport: i0, template: "@if (hasIcon()) {\r\n<span class=\"skra-alert-icon\">\r\n  <ng-content select=\"[skra-alert-icon]\"></ng-content>\r\n</span>\r\n}\r\n\r\n<div class=\"skra-alert-content\">\r\n  @if (hasTitle()) {\r\n  <div class=\"skra-alert-title\">\r\n    <ng-content select=\"[skra-alert-title]\"></ng-content>\r\n  </div>\r\n  }\r\n  <div class=\"skra-alert-body\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n</div>\r\n\r\n@if (dismissible()) {\r\n<button type=\"button\" class=\"skra-alert-dismiss\" (click)=\"onDismiss()\">\r\n  <span class=\"skra-alert-dismiss-glyph\" aria-hidden=\"true\">&times;</span>\r\n  <ng-content select=\"[skra-alert-close-label]\"></ng-content>\r\n</button>\r\n}\r\n", styles: ["@charset \"UTF-8\";:host{display:flex;align-items:flex-start;box-sizing:border-box;margin:0;gap:var(--skra-comp-alert-icon-gap);font-family:var(--skra-sys-typography-role-body-medium-font-family);font-size:var(--skra-sys-typography-role-body-medium-font-size);font-weight:var(--skra-sys-typography-role-body-medium-font-weight);line-height:var(--skra-sys-typography-role-body-medium-line-height);letter-spacing:var(--skra-sys-typography-role-body-medium-letter-spacing);background:var(--skra-comp-alert-background);color:var(--skra-comp-alert-foreground);border-color:var(--skra-comp-alert-border-color);border-width:var(--skra-comp-alert-border-width);border-style:var(--skra-comp-alert-border-style);border-radius:var(--skra-comp-alert-radius);padding-block:var(--skra-comp-alert-padding-block);padding-inline:var(--skra-comp-alert-padding-inline);box-shadow:var(--skra-comp-alert-shadow)}:host([data-skra-emphasis=high]){--skra-comp-alert-border-width: 0}:host([data-skra-intent=neutral][data-skra-emphasis=high]){--skra-comp-alert-background: var( --skra-comp-alert-background-neutral-high, var(--skra-sys-color-neutral-base) );--skra-comp-alert-foreground: var( --skra-comp-alert-foreground-neutral-high, var(--skra-sys-color-neutral-contrast) );--skra-comp-alert-border-color: var( --skra-comp-alert-border-color-neutral-high, transparent )}:host([data-skra-intent=neutral][data-skra-emphasis=medium]){--skra-comp-alert-background: var( --skra-comp-alert-background-neutral-medium, var(--skra-sys-color-neutral-soft) );--skra-comp-alert-foreground: var( --skra-comp-alert-foreground-neutral-medium, var(--skra-sys-color-neutral-strong) );--skra-comp-alert-border-color: var( --skra-comp-alert-border-color-neutral-medium, var(--skra-sys-color-neutral-border) )}:host([data-skra-intent=info][data-skra-emphasis=high]){--skra-comp-alert-background: var( --skra-comp-alert-background-info-high, var(--skra-sys-color-info-base) );--skra-comp-alert-foreground: var( --skra-comp-alert-foreground-info-high, var(--skra-sys-color-info-contrast) );--skra-comp-alert-border-color: var( --skra-comp-alert-border-color-info-high, transparent )}:host([data-skra-intent=info][data-skra-emphasis=medium]){--skra-comp-alert-background: var( --skra-comp-alert-background-info-medium, var(--skra-sys-color-info-soft) );--skra-comp-alert-foreground: var( --skra-comp-alert-foreground-info-medium, var(--skra-sys-color-info-strong) );--skra-comp-alert-border-color: var( --skra-comp-alert-border-color-info-medium, var(--skra-sys-color-info-border) )}:host([data-skra-intent=success][data-skra-emphasis=high]){--skra-comp-alert-background: var( --skra-comp-alert-background-success-high, var(--skra-sys-color-success-base) );--skra-comp-alert-foreground: var( --skra-comp-alert-foreground-success-high, var(--skra-sys-color-success-contrast) );--skra-comp-alert-border-color: var( --skra-comp-alert-border-color-success-high, transparent )}:host([data-skra-intent=success][data-skra-emphasis=medium]){--skra-comp-alert-background: var( --skra-comp-alert-background-success-medium, var(--skra-sys-color-success-soft) );--skra-comp-alert-foreground: var( --skra-comp-alert-foreground-success-medium, var(--skra-sys-color-success-strong) );--skra-comp-alert-border-color: var( --skra-comp-alert-border-color-success-medium, var(--skra-sys-color-success-border) )}:host([data-skra-intent=warning][data-skra-emphasis=high]){--skra-comp-alert-background: var( --skra-comp-alert-background-warning-high, var(--skra-sys-color-warning-base) );--skra-comp-alert-foreground: var( --skra-comp-alert-foreground-warning-high, var(--skra-sys-color-warning-contrast) );--skra-comp-alert-border-color: var( --skra-comp-alert-border-color-warning-high, transparent )}:host([data-skra-intent=warning][data-skra-emphasis=medium]){--skra-comp-alert-background: var( --skra-comp-alert-background-warning-medium, var(--skra-sys-color-warning-soft) );--skra-comp-alert-foreground: var( --skra-comp-alert-foreground-warning-medium, var(--skra-sys-color-warning-strong) );--skra-comp-alert-border-color: var( --skra-comp-alert-border-color-warning-medium, var(--skra-sys-color-warning-border) )}:host([data-skra-intent=danger][data-skra-emphasis=high]){--skra-comp-alert-background: var( --skra-comp-alert-background-danger-high, var(--skra-sys-color-danger-base) );--skra-comp-alert-foreground: var( --skra-comp-alert-foreground-danger-high, var(--skra-sys-color-danger-contrast) );--skra-comp-alert-border-color: var( --skra-comp-alert-border-color-danger-high, transparent )}:host([data-skra-intent=danger][data-skra-emphasis=medium]){--skra-comp-alert-background: var( --skra-comp-alert-background-danger-medium, var(--skra-sys-color-danger-soft) );--skra-comp-alert-foreground: var( --skra-comp-alert-foreground-danger-medium, var(--skra-sys-color-danger-strong) );--skra-comp-alert-border-color: var( --skra-comp-alert-border-color-danger-medium, var(--skra-sys-color-danger-border) )}.skra-alert-icon{display:inline-flex;flex-shrink:0;align-items:center;block-size:1lh;--skra-comp-icon-size: var(--skra-comp-alert-icon-size)}.skra-alert-content{flex:1 1 auto;min-inline-size:0;display:flex;flex-direction:column;gap:var(--skra-comp-alert-title-gap)}.skra-alert-title{font-family:var(--skra-sys-typography-role-label-large-font-family);font-size:var(--skra-sys-typography-role-label-large-font-size);font-weight:var(--skra-sys-typography-role-label-large-font-weight);line-height:var(--skra-sys-typography-role-label-large-line-height);letter-spacing:var(--skra-sys-typography-role-label-large-letter-spacing)}.skra-alert-dismiss{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;inline-size:var(--skra-comp-alert-dismiss-size);block-size:var(--skra-comp-alert-dismiss-size);margin:0;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;border-radius:var(--skra-comp-alert-radius);transition:opacity var(--skra-comp-alert-motion-duration) var(--skra-comp-alert-motion-easing)}.skra-alert-dismiss:hover{opacity:.7}.skra-alert-dismiss:focus-visible{outline-style:solid;outline-color:var(--skra-comp-alert-focus-ring-color);outline-width:var(--skra-comp-alert-focus-ring-width);outline-offset:2px}.skra-alert-dismiss-glyph{font-size:1.25em;line-height:1}@media(prefers-reduced-motion:reduce){.skra-alert-dismiss{transition:none}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: SkraAlert, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: SkraAlert, decorators: [{
             type: Component,
             args: [{ selector: 'skra-alert', standalone: true, imports: [SkraAlertIcon, SkraAlertTitle], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, host: {
                         // Variant Surface reflection (ADR 035 §3.5)
@@ -99,7 +107,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImpor
                         // Smart Slots layout reflection (ADR 020 v2.0 — slot-presence, State-Surface-exempt §3.6)
                         '[attr.data-skra-has-icon]': 'hasIcon() ? "" : null',
                         '[attr.data-skra-has-title]': 'hasTitle() ? "" : null',
-                    }, template: "@if (hasIcon()) {\n<span class=\"skra-alert-icon\">\n  <ng-content select=\"[skra-alert-icon]\"></ng-content>\n</span>\n}\n\n<div class=\"skra-alert-content\">\n  @if (hasTitle()) {\n  <div class=\"skra-alert-title\">\n    <ng-content select=\"[skra-alert-title]\"></ng-content>\n  </div>\n  }\n  <div class=\"skra-alert-body\">\n    <ng-content></ng-content>\n  </div>\n</div>\n\n@if (dismissible()) {\n<button type=\"button\" class=\"skra-alert-dismiss\" (click)=\"onDismiss()\">\n  <span class=\"skra-alert-dismiss-glyph\" aria-hidden=\"true\">&times;</span>\n  <ng-content select=\"[skra-alert-close-label]\"></ng-content>\n</button>\n}\n", styles: ["@charset \"UTF-8\";:host{display:flex;align-items:flex-start;box-sizing:border-box;margin:0;gap:var(--skra-comp-alert-icon-gap);font-family:var(--skra-sys-typography-role-body-medium-font-family);font-size:var(--skra-sys-typography-role-body-medium-font-size);font-weight:var(--skra-sys-typography-role-body-medium-font-weight);line-height:var(--skra-sys-typography-role-body-medium-line-height);letter-spacing:var(--skra-sys-typography-role-body-medium-letter-spacing);background:var(--skra-comp-alert-background);color:var(--skra-comp-alert-foreground);border-color:var(--skra-comp-alert-border-color);border-width:var(--skra-comp-alert-border-width);border-style:var(--skra-comp-alert-border-style);border-radius:var(--skra-comp-alert-radius);padding-block:var(--skra-comp-alert-padding-block);padding-inline:var(--skra-comp-alert-padding-inline);box-shadow:var(--skra-comp-alert-shadow)}:host([data-skra-emphasis=high]){--skra-comp-alert-border-width: 0}:host([data-skra-intent=neutral][data-skra-emphasis=high]){--skra-comp-alert-background: var( --skra-comp-alert-background-neutral-high, var(--skra-sys-color-neutral-base) );--skra-comp-alert-foreground: var( --skra-comp-alert-foreground-neutral-high, var(--skra-sys-color-neutral-contrast) );--skra-comp-alert-border-color: var( --skra-comp-alert-border-color-neutral-high, transparent )}:host([data-skra-intent=neutral][data-skra-emphasis=medium]){--skra-comp-alert-background: var( --skra-comp-alert-background-neutral-medium, var(--skra-sys-color-neutral-soft) );--skra-comp-alert-foreground: var( --skra-comp-alert-foreground-neutral-medium, var(--skra-sys-color-neutral-strong) );--skra-comp-alert-border-color: var( --skra-comp-alert-border-color-neutral-medium, var(--skra-sys-color-neutral-border) )}:host([data-skra-intent=info][data-skra-emphasis=high]){--skra-comp-alert-background: var( --skra-comp-alert-background-info-high, var(--skra-sys-color-info-base) );--skra-comp-alert-foreground: var( --skra-comp-alert-foreground-info-high, var(--skra-sys-color-info-contrast) );--skra-comp-alert-border-color: var( --skra-comp-alert-border-color-info-high, transparent )}:host([data-skra-intent=info][data-skra-emphasis=medium]){--skra-comp-alert-background: var( --skra-comp-alert-background-info-medium, var(--skra-sys-color-info-soft) );--skra-comp-alert-foreground: var( --skra-comp-alert-foreground-info-medium, var(--skra-sys-color-info-strong) );--skra-comp-alert-border-color: var( --skra-comp-alert-border-color-info-medium, var(--skra-sys-color-info-border) )}:host([data-skra-intent=success][data-skra-emphasis=high]){--skra-comp-alert-background: var( --skra-comp-alert-background-success-high, var(--skra-sys-color-success-base) );--skra-comp-alert-foreground: var( --skra-comp-alert-foreground-success-high, var(--skra-sys-color-success-contrast) );--skra-comp-alert-border-color: var( --skra-comp-alert-border-color-success-high, transparent )}:host([data-skra-intent=success][data-skra-emphasis=medium]){--skra-comp-alert-background: var( --skra-comp-alert-background-success-medium, var(--skra-sys-color-success-soft) );--skra-comp-alert-foreground: var( --skra-comp-alert-foreground-success-medium, var(--skra-sys-color-success-strong) );--skra-comp-alert-border-color: var( --skra-comp-alert-border-color-success-medium, var(--skra-sys-color-success-border) )}:host([data-skra-intent=warning][data-skra-emphasis=high]){--skra-comp-alert-background: var( --skra-comp-alert-background-warning-high, var(--skra-sys-color-warning-base) );--skra-comp-alert-foreground: var( --skra-comp-alert-foreground-warning-high, var(--skra-sys-color-warning-contrast) );--skra-comp-alert-border-color: var( --skra-comp-alert-border-color-warning-high, transparent )}:host([data-skra-intent=warning][data-skra-emphasis=medium]){--skra-comp-alert-background: var( --skra-comp-alert-background-warning-medium, var(--skra-sys-color-warning-soft) );--skra-comp-alert-foreground: var( --skra-comp-alert-foreground-warning-medium, var(--skra-sys-color-warning-strong) );--skra-comp-alert-border-color: var( --skra-comp-alert-border-color-warning-medium, var(--skra-sys-color-warning-border) )}:host([data-skra-intent=danger][data-skra-emphasis=high]){--skra-comp-alert-background: var( --skra-comp-alert-background-danger-high, var(--skra-sys-color-danger-base) );--skra-comp-alert-foreground: var( --skra-comp-alert-foreground-danger-high, var(--skra-sys-color-danger-contrast) );--skra-comp-alert-border-color: var( --skra-comp-alert-border-color-danger-high, transparent )}:host([data-skra-intent=danger][data-skra-emphasis=medium]){--skra-comp-alert-background: var( --skra-comp-alert-background-danger-medium, var(--skra-sys-color-danger-soft) );--skra-comp-alert-foreground: var( --skra-comp-alert-foreground-danger-medium, var(--skra-sys-color-danger-strong) );--skra-comp-alert-border-color: var( --skra-comp-alert-border-color-danger-medium, var(--skra-sys-color-danger-border) )}.skra-alert-icon{display:inline-flex;flex-shrink:0;align-items:center;block-size:1lh;--skra-comp-icon-size: var(--skra-comp-alert-icon-size)}.skra-alert-content{flex:1 1 auto;min-inline-size:0;display:flex;flex-direction:column;gap:var(--skra-comp-alert-title-gap)}.skra-alert-title{font-family:var(--skra-sys-typography-role-label-large-font-family);font-size:var(--skra-sys-typography-role-label-large-font-size);font-weight:var(--skra-sys-typography-role-label-large-font-weight);line-height:var(--skra-sys-typography-role-label-large-line-height);letter-spacing:var(--skra-sys-typography-role-label-large-letter-spacing)}.skra-alert-dismiss{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;inline-size:var(--skra-comp-alert-dismiss-size);block-size:var(--skra-comp-alert-dismiss-size);margin:0;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;border-radius:var(--skra-comp-alert-radius);transition:opacity var(--skra-comp-alert-motion-duration) var(--skra-comp-alert-motion-easing)}.skra-alert-dismiss:hover{opacity:.7}.skra-alert-dismiss:focus-visible{outline-style:solid;outline-color:var(--skra-comp-alert-focus-ring-color);outline-width:var(--skra-comp-alert-focus-ring-width);outline-offset:2px}.skra-alert-dismiss-glyph{font-size:1.25em;line-height:1}@media(prefers-reduced-motion:reduce){.skra-alert-dismiss{transition:none}}\n"] }]
+                    }, template: "@if (hasIcon()) {\r\n<span class=\"skra-alert-icon\">\r\n  <ng-content select=\"[skra-alert-icon]\"></ng-content>\r\n</span>\r\n}\r\n\r\n<div class=\"skra-alert-content\">\r\n  @if (hasTitle()) {\r\n  <div class=\"skra-alert-title\">\r\n    <ng-content select=\"[skra-alert-title]\"></ng-content>\r\n  </div>\r\n  }\r\n  <div class=\"skra-alert-body\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n</div>\r\n\r\n@if (dismissible()) {\r\n<button type=\"button\" class=\"skra-alert-dismiss\" (click)=\"onDismiss()\">\r\n  <span class=\"skra-alert-dismiss-glyph\" aria-hidden=\"true\">&times;</span>\r\n  <ng-content select=\"[skra-alert-close-label]\"></ng-content>\r\n</button>\r\n}\r\n", styles: ["@charset \"UTF-8\";:host{display:flex;align-items:flex-start;box-sizing:border-box;margin:0;gap:var(--skra-comp-alert-icon-gap);font-family:var(--skra-sys-typography-role-body-medium-font-family);font-size:var(--skra-sys-typography-role-body-medium-font-size);font-weight:var(--skra-sys-typography-role-body-medium-font-weight);line-height:var(--skra-sys-typography-role-body-medium-line-height);letter-spacing:var(--skra-sys-typography-role-body-medium-letter-spacing);background:var(--skra-comp-alert-background);color:var(--skra-comp-alert-foreground);border-color:var(--skra-comp-alert-border-color);border-width:var(--skra-comp-alert-border-width);border-style:var(--skra-comp-alert-border-style);border-radius:var(--skra-comp-alert-radius);padding-block:var(--skra-comp-alert-padding-block);padding-inline:var(--skra-comp-alert-padding-inline);box-shadow:var(--skra-comp-alert-shadow)}:host([data-skra-emphasis=high]){--skra-comp-alert-border-width: 0}:host([data-skra-intent=neutral][data-skra-emphasis=high]){--skra-comp-alert-background: var( --skra-comp-alert-background-neutral-high, var(--skra-sys-color-neutral-base) );--skra-comp-alert-foreground: var( --skra-comp-alert-foreground-neutral-high, var(--skra-sys-color-neutral-contrast) );--skra-comp-alert-border-color: var( --skra-comp-alert-border-color-neutral-high, transparent )}:host([data-skra-intent=neutral][data-skra-emphasis=medium]){--skra-comp-alert-background: var( --skra-comp-alert-background-neutral-medium, var(--skra-sys-color-neutral-soft) );--skra-comp-alert-foreground: var( --skra-comp-alert-foreground-neutral-medium, var(--skra-sys-color-neutral-strong) );--skra-comp-alert-border-color: var( --skra-comp-alert-border-color-neutral-medium, var(--skra-sys-color-neutral-border) )}:host([data-skra-intent=info][data-skra-emphasis=high]){--skra-comp-alert-background: var( --skra-comp-alert-background-info-high, var(--skra-sys-color-info-base) );--skra-comp-alert-foreground: var( --skra-comp-alert-foreground-info-high, var(--skra-sys-color-info-contrast) );--skra-comp-alert-border-color: var( --skra-comp-alert-border-color-info-high, transparent )}:host([data-skra-intent=info][data-skra-emphasis=medium]){--skra-comp-alert-background: var( --skra-comp-alert-background-info-medium, var(--skra-sys-color-info-soft) );--skra-comp-alert-foreground: var( --skra-comp-alert-foreground-info-medium, var(--skra-sys-color-info-strong) );--skra-comp-alert-border-color: var( --skra-comp-alert-border-color-info-medium, var(--skra-sys-color-info-border) )}:host([data-skra-intent=success][data-skra-emphasis=high]){--skra-comp-alert-background: var( --skra-comp-alert-background-success-high, var(--skra-sys-color-success-base) );--skra-comp-alert-foreground: var( --skra-comp-alert-foreground-success-high, var(--skra-sys-color-success-contrast) );--skra-comp-alert-border-color: var( --skra-comp-alert-border-color-success-high, transparent )}:host([data-skra-intent=success][data-skra-emphasis=medium]){--skra-comp-alert-background: var( --skra-comp-alert-background-success-medium, var(--skra-sys-color-success-soft) );--skra-comp-alert-foreground: var( --skra-comp-alert-foreground-success-medium, var(--skra-sys-color-success-strong) );--skra-comp-alert-border-color: var( --skra-comp-alert-border-color-success-medium, var(--skra-sys-color-success-border) )}:host([data-skra-intent=warning][data-skra-emphasis=high]){--skra-comp-alert-background: var( --skra-comp-alert-background-warning-high, var(--skra-sys-color-warning-base) );--skra-comp-alert-foreground: var( --skra-comp-alert-foreground-warning-high, var(--skra-sys-color-warning-contrast) );--skra-comp-alert-border-color: var( --skra-comp-alert-border-color-warning-high, transparent )}:host([data-skra-intent=warning][data-skra-emphasis=medium]){--skra-comp-alert-background: var( --skra-comp-alert-background-warning-medium, var(--skra-sys-color-warning-soft) );--skra-comp-alert-foreground: var( --skra-comp-alert-foreground-warning-medium, var(--skra-sys-color-warning-strong) );--skra-comp-alert-border-color: var( --skra-comp-alert-border-color-warning-medium, var(--skra-sys-color-warning-border) )}:host([data-skra-intent=danger][data-skra-emphasis=high]){--skra-comp-alert-background: var( --skra-comp-alert-background-danger-high, var(--skra-sys-color-danger-base) );--skra-comp-alert-foreground: var( --skra-comp-alert-foreground-danger-high, var(--skra-sys-color-danger-contrast) );--skra-comp-alert-border-color: var( --skra-comp-alert-border-color-danger-high, transparent )}:host([data-skra-intent=danger][data-skra-emphasis=medium]){--skra-comp-alert-background: var( --skra-comp-alert-background-danger-medium, var(--skra-sys-color-danger-soft) );--skra-comp-alert-foreground: var( --skra-comp-alert-foreground-danger-medium, var(--skra-sys-color-danger-strong) );--skra-comp-alert-border-color: var( --skra-comp-alert-border-color-danger-medium, var(--skra-sys-color-danger-border) )}.skra-alert-icon{display:inline-flex;flex-shrink:0;align-items:center;block-size:1lh;--skra-comp-icon-size: var(--skra-comp-alert-icon-size)}.skra-alert-content{flex:1 1 auto;min-inline-size:0;display:flex;flex-direction:column;gap:var(--skra-comp-alert-title-gap)}.skra-alert-title{font-family:var(--skra-sys-typography-role-label-large-font-family);font-size:var(--skra-sys-typography-role-label-large-font-size);font-weight:var(--skra-sys-typography-role-label-large-font-weight);line-height:var(--skra-sys-typography-role-label-large-line-height);letter-spacing:var(--skra-sys-typography-role-label-large-letter-spacing)}.skra-alert-dismiss{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;inline-size:var(--skra-comp-alert-dismiss-size);block-size:var(--skra-comp-alert-dismiss-size);margin:0;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;border-radius:var(--skra-comp-alert-radius);transition:opacity var(--skra-comp-alert-motion-duration) var(--skra-comp-alert-motion-easing)}.skra-alert-dismiss:hover{opacity:.7}.skra-alert-dismiss:focus-visible{outline-style:solid;outline-color:var(--skra-comp-alert-focus-ring-color);outline-width:var(--skra-comp-alert-focus-ring-width);outline-offset:2px}.skra-alert-dismiss-glyph{font-size:1.25em;line-height:1}@media(prefers-reduced-motion:reduce){.skra-alert-dismiss{transition:none}}\n"] }]
         }], propDecorators: { intent: [{ type: i0.Input, args: [{ isSignal: true, alias: "intent", required: false }] }], emphasis: [{ type: i0.Input, args: [{ isSignal: true, alias: "emphasis", required: false }] }], live: [{ type: i0.Input, args: [{ isSignal: true, alias: "live", required: false }] }], dismissible: [{ type: i0.Input, args: [{ isSignal: true, alias: "dismissible", required: false }] }], dismissed: [{ type: i0.Output, args: ["dismissed"] }], iconSlot: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SkraAlertIcon), { isSignal: true }] }], titleSlot: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SkraAlertTitle), { isSignal: true }] }] } });
 
 /**