@akcelik/strct 4.22.0 → 4.24.0

package/fesm2022/akcelik-strct.mjs

@@ -1515,13 +1515,79 @@ class StrctLogin {
     ...(ngDevMode ? [{ debugName: "maxWidth" }] : /* istanbul ignore next */ []));
     /** Enable two-panel split layout. */
     split = input(false, { ...(ngDevMode ? { debugName: "split" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /**
+     * The aside's built-in art: `network` is the node diagram over the glow and
+     * dot grid; `grid` is the glow and grid alone. Palette tokens only, so it
+     * follows every scheme, and it is decorative — hidden from assistive tech.
+     */
+    art = input('none', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "art" }] : /* istanbul ignore next */ []));
+    /** An icon tile beside the product name. */
+    brandIcon = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "brandIcon" }] : /* istanbul ignore next */ []));
+    /** The product name, in the aside's brand row. */
+    brandName = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "brandName" }] : /* istanbul ignore next */ []));
+    /** The kicker line above the aside's content. */
+    tagline = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "tagline" }] : /* istanbul ignore next */ []));
+    /** The network's nodes: x, y, radius and which pulse phase they follow. */
+    NODES = [
+        { x: 48, y: 96, r: 3, phase: 1 },
+        { x: 142, y: 158, r: 4.5, phase: 2 },
+        { x: 262, y: 118, r: 3, phase: 3 },
+        { x: 104, y: 272, r: 3, phase: 2 },
+        { x: 224, y: 312, r: 4.5, phase: 3 },
+        { x: 300, y: 222, r: 3, phase: 1 },
+    ];
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: StrctLogin, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.4", type: StrctLogin, isStandalone: true, selector: "strct-login", inputs: { maxWidth: { classPropertyName: "maxWidth", publicName: "maxWidth", isSignal: true, isRequired: false, transformFunction: null }, split: { classPropertyName: "split", publicName: "split", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "strct-login" }, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.4", type: StrctLogin, isStandalone: true, selector: "strct-login", inputs: { maxWidth: { classPropertyName: "maxWidth", publicName: "maxWidth", isSignal: true, isRequired: false, transformFunction: null }, split: { classPropertyName: "split", publicName: "split", isSignal: true, isRequired: false, transformFunction: null }, art: { classPropertyName: "art", publicName: "art", isSignal: true, isRequired: false, transformFunction: null }, brandIcon: { classPropertyName: "brandIcon", publicName: "brandIcon", isSignal: true, isRequired: false, transformFunction: null }, brandName: { classPropertyName: "brandName", publicName: "brandName", isSignal: true, isRequired: false, transformFunction: null }, tagline: { classPropertyName: "tagline", publicName: "tagline", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "strct-login" }, ngImport: i0, template: `
     @if (split()) {
       <div class="strct-login__card" [style.max-width.px]="maxWidth()">
-        <aside class="strct-login__aside">
+        <aside class="strct-login__aside" [attr.data-art]="art() === 'none' ? null : art()">
+          @if (art() !== 'none') {
+            <!-- Ambient layers, from palette tokens only, so the art follows
+                 every scheme. Decorative: hidden from assistive tech. -->
+            <div class="strct-login__glow strct-login__glow--a" aria-hidden="true"></div>
+            <div class="strct-login__glow strct-login__glow--b" aria-hidden="true"></div>
+            <div class="strct-login__matrix" aria-hidden="true"></div>
+            @if (art() === 'network') {
+              <svg class="strct-login__net" viewBox="0 0 340 430" aria-hidden="true">
+                <path
+                  class="strct-login__link"
+                  d="M48 96 L142 158 L262 118 M142 158 L104 272 L224 312 L300 222 L262 118"
+                />
+                @for (n of NODES; track $index) {
+                  <circle
+                    class="strct-login__node strct-login__node--p{{ n.phase }}"
+                    [attr.cx]="n.x"
+                    [attr.cy]="n.y"
+                    [attr.r]="n.r"
+                  />
+                }
+              </svg>
+            }
+          }
           <div class="strct-login__aside-inner">
-            <ng-content select="[strctLoginAside]" />
+            @if (brandIcon() || brandName()) {
+              <div class="strct-login__brand">
+                @if (brandIcon()) {
+                  <span class="strct-login__mark">
+                    <strct-icon [name]="brandIcon()" [size]="18" [strokeWidth]="1.5" />
+                  </span>
+                }
+                @if (brandName()) {
+                  <span class="strct-login__brandname">{{ brandName() }}</span>
+                }
+              </div>
+            }
+            <div class="strct-login__asidebody">
+              @if (tagline()) {
+                <div class="strct-login__kicker">{{ tagline() }}</div>
+              }
+              <ng-content select="[strctLoginAside]" />
+            </div>
+            <div class="strct-login__status"><ng-content select="[strctLoginStatus]" /></div>
           </div>
         </aside>
         <div class="strct-login__main"><ng-content select="[strctLoginMain]" /></div>
@@ -1529,16 +1595,57 @@ class StrctLogin {
     } @else {
       <div class="strct-login__inner" [style.max-width.px]="maxWidth()"><ng-content /></div>
     }
-  `, isInline: true, styles: [".strct-login{display:flex;align-items:center;justify-content:center;width:100%;min-height:100%;padding:32px}.strct-login__inner{width:100%}.strct-login__card{display:grid;grid-template-columns:1.05fr 1fr;width:100%;overflow:hidden}.strct-login__main{padding:40px 38px;display:flex;flex-direction:column;justify-content:center}.strct-login__aside{position:relative;overflow:hidden;min-height:420px;color:var(--t1);border-inline-end:1px solid var(--b2)}.strct-login__aside:before,.strct-login__aside:after{display:none}.strct-login__aside-inner{position:relative;z-index:var(--z-base);height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:34px 36px}@media(max-width:720px){.strct-login__card{grid-template-columns:1fr}.strct-login__aside{min-height:220px}.strct-login__main{padding:30px 26px}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+  `, isInline: true, styles: [".strct-login{display:flex;align-items:center;justify-content:center;width:100%;min-height:100%;padding:32px}.strct-login__inner{width:100%}.strct-login__card{display:grid;grid-template-columns:1.05fr 1fr;width:100%;overflow:hidden}.strct-login__main{padding:40px 38px;display:flex;flex-direction:column;justify-content:center}.strct-login__aside{position:relative;overflow:hidden;min-height:420px;color:var(--t1);border-inline-end:1px solid var(--b2)}.strct-login__aside:before,.strct-login__aside:after{display:none}.strct-login__aside-inner{position:relative;z-index:var(--z-base);height:100%;display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-5);padding:34px 36px}.strct-login__glow,.strct-login__matrix,.strct-login__net{position:absolute;inset:-36px;pointer-events:none}.strct-login__glow{filter:blur(46px)}.strct-login__glow--a{background:radial-gradient(360px 300px at 12% 8%,var(--acc30),transparent 70%)}.strct-login__glow--b{background:radial-gradient(320px 300px at 92% 96%,var(--acc18),transparent 70%)}.strct-login__matrix{background-image:radial-gradient(var(--acc30) 1px,transparent 1.4px);background-size:22px 22px;opacity:.4;-webkit-mask-image:linear-gradient(155deg,rgba(0,0,0,.9),transparent 72%);mask-image:linear-gradient(155deg,rgba(0,0,0,.9),transparent 72%)}.strct-login__net{width:calc(100% + 72px);height:calc(100% + 72px)}.strct-login__link{fill:none;stroke:var(--acc30);stroke-width:1}.strct-login__node{fill:var(--acc);opacity:.55}@media(prefers-reduced-motion:no-preference){.strct-login__node{animation:strct-login-pulse 4.5s ease-in-out infinite}.strct-login__node--p2{animation-delay:1.4s}.strct-login__node--p3{animation-delay:2.8s}}@keyframes strct-login-pulse{0%,to{opacity:.35}50%{opacity:.85}}.strct-login__brand{position:relative;display:flex;align-items:center;flex-wrap:wrap;gap:10px}.strct-login__mark{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:9px;background:var(--acc-m);border:1px solid var(--acc30);color:var(--acc)}.strct-login__brandname{font-size:13px;font-weight:700;letter-spacing:2px;color:var(--t1)}.strct-login__asidebody{position:relative}.strct-login__kicker{font-size:11.5px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;margin-block-end:10px;color:var(--acc)}.strct-login__status:empty{display:none}.strct-login__status{position:relative}@media(max-width:720px){.strct-login__card{grid-template-columns:1fr}.strct-login__aside{min-height:220px}.strct-login__main{padding:30px 26px}}\n"], dependencies: [{ kind: "component", type: StrctIcon, selector: "strct-icon", inputs: ["name", "strictName", "size", "strokeWidth", "badge", "ariaLabel", "count", "countMax", "countStatus", "countLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: StrctLogin, decorators: [{
             type: Component,
-            args: [{ selector: 'strct-login', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: `
+            args: [{ selector: 'strct-login', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [StrctIcon], template: `
     @if (split()) {
       <div class="strct-login__card" [style.max-width.px]="maxWidth()">
-        <aside class="strct-login__aside">
+        <aside class="strct-login__aside" [attr.data-art]="art() === 'none' ? null : art()">
+          @if (art() !== 'none') {
+            <!-- Ambient layers, from palette tokens only, so the art follows
+                 every scheme. Decorative: hidden from assistive tech. -->
+            <div class="strct-login__glow strct-login__glow--a" aria-hidden="true"></div>
+            <div class="strct-login__glow strct-login__glow--b" aria-hidden="true"></div>
+            <div class="strct-login__matrix" aria-hidden="true"></div>
+            @if (art() === 'network') {
+              <svg class="strct-login__net" viewBox="0 0 340 430" aria-hidden="true">
+                <path
+                  class="strct-login__link"
+                  d="M48 96 L142 158 L262 118 M142 158 L104 272 L224 312 L300 222 L262 118"
+                />
+                @for (n of NODES; track $index) {
+                  <circle
+                    class="strct-login__node strct-login__node--p{{ n.phase }}"
+                    [attr.cx]="n.x"
+                    [attr.cy]="n.y"
+                    [attr.r]="n.r"
+                  />
+                }
+              </svg>
+            }
+          }
           <div class="strct-login__aside-inner">
-            <ng-content select="[strctLoginAside]" />
+            @if (brandIcon() || brandName()) {
+              <div class="strct-login__brand">
+                @if (brandIcon()) {
+                  <span class="strct-login__mark">
+                    <strct-icon [name]="brandIcon()" [size]="18" [strokeWidth]="1.5" />
+                  </span>
+                }
+                @if (brandName()) {
+                  <span class="strct-login__brandname">{{ brandName() }}</span>
+                }
+              </div>
+            }
+            <div class="strct-login__asidebody">
+              @if (tagline()) {
+                <div class="strct-login__kicker">{{ tagline() }}</div>
+              }
+              <ng-content select="[strctLoginAside]" />
+            </div>
+            <div class="strct-login__status"><ng-content select="[strctLoginStatus]" /></div>
           </div>
         </aside>
         <div class="strct-login__main"><ng-content select="[strctLoginMain]" /></div>
@@ -1546,8 +1653,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
     } @else {
       <div class="strct-login__inner" [style.max-width.px]="maxWidth()"><ng-content /></div>
     }
-  `, host: { class: 'strct-login' }, styles: [".strct-login{display:flex;align-items:center;justify-content:center;width:100%;min-height:100%;padding:32px}.strct-login__inner{width:100%}.strct-login__card{display:grid;grid-template-columns:1.05fr 1fr;width:100%;overflow:hidden}.strct-login__main{padding:40px 38px;display:flex;flex-direction:column;justify-content:center}.strct-login__aside{position:relative;overflow:hidden;min-height:420px;color:var(--t1);border-inline-end:1px solid var(--b2)}.strct-login__aside:before,.strct-login__aside:after{display:none}.strct-login__aside-inner{position:relative;z-index:var(--z-base);height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:34px 36px}@media(max-width:720px){.strct-login__card{grid-template-columns:1fr}.strct-login__aside{min-height:220px}.strct-login__main{padding:30px 26px}}\n"] }]
-        }], propDecorators: { maxWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxWidth", required: false }] }], split: [{ type: i0.Input, args: [{ isSignal: true, alias: "split", required: false }] }] } });
+  `, host: { class: 'strct-login' }, styles: [".strct-login{display:flex;align-items:center;justify-content:center;width:100%;min-height:100%;padding:32px}.strct-login__inner{width:100%}.strct-login__card{display:grid;grid-template-columns:1.05fr 1fr;width:100%;overflow:hidden}.strct-login__main{padding:40px 38px;display:flex;flex-direction:column;justify-content:center}.strct-login__aside{position:relative;overflow:hidden;min-height:420px;color:var(--t1);border-inline-end:1px solid var(--b2)}.strct-login__aside:before,.strct-login__aside:after{display:none}.strct-login__aside-inner{position:relative;z-index:var(--z-base);height:100%;display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-5);padding:34px 36px}.strct-login__glow,.strct-login__matrix,.strct-login__net{position:absolute;inset:-36px;pointer-events:none}.strct-login__glow{filter:blur(46px)}.strct-login__glow--a{background:radial-gradient(360px 300px at 12% 8%,var(--acc30),transparent 70%)}.strct-login__glow--b{background:radial-gradient(320px 300px at 92% 96%,var(--acc18),transparent 70%)}.strct-login__matrix{background-image:radial-gradient(var(--acc30) 1px,transparent 1.4px);background-size:22px 22px;opacity:.4;-webkit-mask-image:linear-gradient(155deg,rgba(0,0,0,.9),transparent 72%);mask-image:linear-gradient(155deg,rgba(0,0,0,.9),transparent 72%)}.strct-login__net{width:calc(100% + 72px);height:calc(100% + 72px)}.strct-login__link{fill:none;stroke:var(--acc30);stroke-width:1}.strct-login__node{fill:var(--acc);opacity:.55}@media(prefers-reduced-motion:no-preference){.strct-login__node{animation:strct-login-pulse 4.5s ease-in-out infinite}.strct-login__node--p2{animation-delay:1.4s}.strct-login__node--p3{animation-delay:2.8s}}@keyframes strct-login-pulse{0%,to{opacity:.35}50%{opacity:.85}}.strct-login__brand{position:relative;display:flex;align-items:center;flex-wrap:wrap;gap:10px}.strct-login__mark{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:9px;background:var(--acc-m);border:1px solid var(--acc30);color:var(--acc)}.strct-login__brandname{font-size:13px;font-weight:700;letter-spacing:2px;color:var(--t1)}.strct-login__asidebody{position:relative}.strct-login__kicker{font-size:11.5px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;margin-block-end:10px;color:var(--acc)}.strct-login__status:empty{display:none}.strct-login__status{position:relative}@media(max-width:720px){.strct-login__card{grid-template-columns:1fr}.strct-login__aside{min-height:220px}.strct-login__main{padding:30px 26px}}\n"] }]
+        }], propDecorators: { maxWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxWidth", required: false }] }], split: [{ type: i0.Input, args: [{ isSignal: true, alias: "split", required: false }] }], art: [{ type: i0.Input, args: [{ isSignal: true, alias: "art", required: false }] }], brandIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "brandIcon", required: false }] }], brandName: [{ type: i0.Input, args: [{ isSignal: true, alias: "brandName", required: false }] }], tagline: [{ type: i0.Input, args: [{ isSignal: true, alias: "tagline", required: false }] }] } });
 
 /** Marks the breadcrumb row projected above the title. */
 class StrctPageHeaderCrumbs {
@@ -23734,6 +23841,813 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
                     }, styles: [".strct-windock{display:inline-flex;align-items:center;gap:6px}.strct-windock__chip{display:inline-flex;align-items:center;gap:2px;padding-inline:8px 4px;border:1px solid var(--b2);border-radius:var(--radius-full, 999px);background:var(--bg-1);font-size:12px}.strct-windock__open,.strct-windock__close{border:0;background:none;color:inherit;font:inherit;cursor:pointer;padding:3px 2px;border-radius:var(--radius-sm)}.strct-windock__open:hover{color:var(--acc)}.strct-windock__close{display:inline-flex;color:var(--t3)}.strct-windock__close:hover{color:var(--critical)}.strct-windock__open:focus-visible,.strct-windock__close:focus-visible{outline:2px solid var(--acc50);outline-offset:1px}\n"] }]
         }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], closeLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeLabel", required: false }] }] } });
 
+/** A card the message carries — an action to approve, a result to read. */
+class StrctChatAttachment {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: StrctChatAttachment, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.4", type: StrctChatAttachment, isStandalone: true, selector: "[strctChatAttachment]", host: { classAttribute: "strct-chat__attachment" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: StrctChatAttachment, decorators: [{
+            type: Directive,
+            args: [{ selector: '[strctChatAttachment]', host: { class: 'strct-chat__attachment' } }]
+        }] });
+/**
+ * A conversation is a thread of messages from two or more authors, and an
+ * assistant panel is built from the library like every other panel.
+ *
+ *   <strct-chat-thread [busy]="thinking()" label="Assistant conversation">
+ *     …<strct-chat-message author="user">…</strct-chat-message>…
+ *   </strct-chat-thread>
+ *
+ * The thread is a `role="log"` with `aria-live="polite"`: a streaming reply is
+ * announced once, when it finishes, rather than token by token.
+ */
+class StrctChatThread {
+    /** The assistant is composing: shows the typing indicator after the last message. */
+    busy = input(false, { ...(ngDevMode ? { debugName: "busy" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /** The thread's accessible name. */
+    label = input('Conversation', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+    /** What the typing indicator says to assistive tech. */
+    typingLabel = input('Assistant is typing', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "typingLabel" }] : /* istanbul ignore next */ []));
+    /** Keep the latest message in view — unless the reader scrolled up. */
+    autoScroll = input(true, { ...(ngDevMode ? { debugName: "autoScroll" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    host = inject(ElementRef);
+    /** False once the reader scrolls away from the end; true again at the end. */
+    atEnd = signal(true, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "atEnd" }] : /* istanbul ignore next */ []));
+    constructor() {
+        afterNextRender(() => this.scrollToEnd());
+        effect(() => {
+            this.busy();
+            if (this.autoScroll() && this.atEnd())
+                queueMicrotask(() => this.scrollToEnd());
+        });
+    }
+    onScroll() {
+        const el = this.host.nativeElement;
+        this.atEnd.set(el.scrollHeight - el.scrollTop - el.clientHeight < 24);
+    }
+    /** Jump to the newest message. */
+    scrollToEnd() {
+        const el = this.host.nativeElement;
+        el.scrollTop = el.scrollHeight;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: StrctChatThread, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.4", type: StrctChatThread, isStandalone: true, selector: "strct-chat-thread", inputs: { busy: { classPropertyName: "busy", publicName: "busy", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, typingLabel: { classPropertyName: "typingLabel", publicName: "typingLabel", isSignal: true, isRequired: false, transformFunction: null }, autoScroll: { classPropertyName: "autoScroll", publicName: "autoScroll", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "log", "aria-live": "polite", "aria-relevant": "additions" }, listeners: { "scroll": "onScroll()" }, properties: { "attr.aria-label": "label()", "attr.aria-busy": "busy() ? \"true\" : null" }, classAttribute: "strct-chat" }, ngImport: i0, template: `
+    <div class="strct-chat__list" #list><ng-content /></div>
+    @if (busy()) {
+      <div class="strct-chat__typing" [attr.aria-label]="typingLabel()" role="status">
+        <span class="strct-chat__dot"></span>
+        <span class="strct-chat__dot"></span>
+        <span class="strct-chat__dot"></span>
+      </div>
+    }
+  `, isInline: true, styles: [".strct-chat{display:flex;flex-direction:column;gap:var(--space-3);min-height:0;overflow:auto;padding:var(--space-3)}.strct-chat__list{display:flex;flex-direction:column;gap:var(--space-3)}.strct-chat__typing{display:inline-flex;align-items:center;gap:4px;padding-inline-start:38px}.strct-chat__dot{width:6px;height:6px;border-radius:50%;background:var(--t3);animation:strct-chat-bounce 1.1s ease-in-out infinite}.strct-chat__dot:nth-child(2){animation-delay:.15s}.strct-chat__dot:nth-child(3){animation-delay:.3s}@keyframes strct-chat-bounce{0%,70%,to{opacity:.35;transform:translateY(0)}35%{opacity:1;transform:translateY(-3px)}}@media(prefers-reduced-motion:reduce){.strct-chat__dot{animation:none;opacity:.55}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: StrctChatThread, decorators: [{
+            type: Component,
+            args: [{ selector: 'strct-chat-thread', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: `
+    <div class="strct-chat__list" #list><ng-content /></div>
+    @if (busy()) {
+      <div class="strct-chat__typing" [attr.aria-label]="typingLabel()" role="status">
+        <span class="strct-chat__dot"></span>
+        <span class="strct-chat__dot"></span>
+        <span class="strct-chat__dot"></span>
+      </div>
+    }
+  `, host: {
+                        class: 'strct-chat',
+                        role: 'log',
+                        'aria-live': 'polite',
+                        'aria-relevant': 'additions',
+                        '[attr.aria-label]': 'label()',
+                        '[attr.aria-busy]': 'busy() ? "true" : null',
+                        '(scroll)': 'onScroll()',
+                    }, styles: [".strct-chat{display:flex;flex-direction:column;gap:var(--space-3);min-height:0;overflow:auto;padding:var(--space-3)}.strct-chat__list{display:flex;flex-direction:column;gap:var(--space-3)}.strct-chat__typing{display:inline-flex;align-items:center;gap:4px;padding-inline-start:38px}.strct-chat__dot{width:6px;height:6px;border-radius:50%;background:var(--t3);animation:strct-chat-bounce 1.1s ease-in-out infinite}.strct-chat__dot:nth-child(2){animation-delay:.15s}.strct-chat__dot:nth-child(3){animation-delay:.3s}@keyframes strct-chat-bounce{0%,70%,to{opacity:.35;transform:translateY(0)}35%{opacity:1;transform:translateY(-3px)}}@media(prefers-reduced-motion:reduce){.strct-chat__dot{animation:none;opacity:.55}}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { busy: [{ type: i0.Input, args: [{ isSignal: true, alias: "busy", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], typingLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "typingLabel", required: false }] }], autoScroll: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoScroll", required: false }] }] } });
+/**
+ * One message in a {@link StrctChatThread}: an `article` labelled by its
+ * author, with the author's avatar, its content, and any attachment card.
+ */
+class StrctChatMessage {
+    /** Who wrote it. */
+    author = input('assistant', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "author" }] : /* istanbul ignore next */ []));
+    /** The author's name, shown above the bubble. */
+    name = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []));
+    /** An icon avatar instead of initials — an assistant is an icon. */
+    avatarIcon = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "avatarIcon" }] : /* istanbul ignore next */ []));
+    /** The reply is still arriving: a caret follows the content. */
+    streaming = input(false, { ...(ngDevMode ? { debugName: "streaming" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /** When it was sent. */
+    time = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "time" }] : /* istanbul ignore next */ []));
+    /** How the time reads (localisable). */
+    timeFormat = input((d) => d.toLocaleTimeString(undefined, { hour: '2-digit', minute: '2-digit' }), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "timeFormat" }] : /* istanbul ignore next */ []));
+    /** Default names per author, overridable with `name` (and localisable). */
+    authorNames = input({
+        user: 'You',
+        assistant: 'Assistant',
+        system: 'System',
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "authorNames" }] : /* istanbul ignore next */ []));
+    displayName = computed(() => this.name() || this.authorNames()[this.author()], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "displayName" }] : /* istanbul ignore next */ []));
+    shortTime = computed(() => {
+        const t = this.time();
+        return t ? this.timeFormat()(t) : '';
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "shortTime" }] : /* istanbul ignore next */ []));
+    isoTime = computed(() => this.time()?.toISOString() ?? null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isoTime" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: StrctChatMessage, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.4", type: StrctChatMessage, isStandalone: true, selector: "strct-chat-message", inputs: { author: { classPropertyName: "author", publicName: "author", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, avatarIcon: { classPropertyName: "avatarIcon", publicName: "avatarIcon", isSignal: true, isRequired: false, transformFunction: null }, streaming: { classPropertyName: "streaming", publicName: "streaming", isSignal: true, isRequired: false, transformFunction: null }, time: { classPropertyName: "time", publicName: "time", isSignal: true, isRequired: false, transformFunction: null }, timeFormat: { classPropertyName: "timeFormat", publicName: "timeFormat", isSignal: true, isRequired: false, transformFunction: null }, authorNames: { classPropertyName: "authorNames", publicName: "authorNames", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "article" }, properties: { "attr.data-author": "author()", "attr.aria-label": "displayName()", "attr.aria-busy": "streaming() ? \"true\" : null" }, classAttribute: "strct-msg" }, ngImport: i0, template: `
+    @if (author() !== 'system') {
+      <strct-avatar
+        class="strct-msg__avatar"
+        size="sm"
+        [name]="displayName()"
+        [icon]="avatarIcon()"
+        [tone]="author() === 'user' ? 'neutral' : 'accent-soft'"
+      />
+    }
+    <div class="strct-msg__body">
+      @if (author() !== 'system' && (name() || time())) {
+        <div class="strct-msg__meta">
+          @if (name()) {
+            <span class="strct-msg__name">{{ name() }}</span>
+          }
+          @if (time()) {
+            <time class="strct-msg__time" [attr.datetime]="isoTime()">{{ shortTime() }}</time>
+          }
+        </div>
+      }
+      <div class="strct-msg__bubble">
+        <ng-content />
+        @if (streaming()) {
+          <span class="strct-msg__caret" aria-hidden="true"></span>
+        }
+      </div>
+      <ng-content select="[strctChatAttachment]" />
+    </div>
+  `, isInline: true, styles: [".strct-msg{display:flex;align-items:flex-start;gap:var(--space-2);min-width:0}.strct-msg[data-author=user]{flex-direction:row-reverse}.strct-msg[data-author=system]{justify-content:center}.strct-msg__avatar{flex:none}.strct-msg__body{display:flex;flex-direction:column;gap:4px;min-width:0;max-width:80%}.strct-msg[data-author=user] .strct-msg__body{align-items:flex-end}.strct-msg__meta{display:flex;align-items:baseline;gap:6px;font-size:var(--text-sm);color:var(--t3)}.strct-msg__name{font-weight:600}.strct-msg__bubble{padding:var(--space-2) var(--space-3);border:1px solid var(--b2);border-radius:var(--radius-lg);background:var(--bg-2);color:var(--t1);font-size:13px;line-height:1.5;min-width:0;overflow-wrap:anywhere}.strct-msg[data-author=user] .strct-msg__bubble{background:var(--acc-s);border-color:var(--acc30)}.strct-msg[data-author=system] .strct-msg__bubble{border:0;background:none;color:var(--t3);font-size:var(--text-sm);text-align:center}.strct-msg__caret{display:inline-block;width:2px;height:1em;margin-inline-start:2px;vertical-align:text-bottom;background:var(--acc);animation:strct-chat-caret 1s steps(2,start) infinite}@keyframes strct-chat-caret{to{opacity:0}}@media(prefers-reduced-motion:reduce){.strct-msg__caret{animation:none}}.strct-chat__attachment{display:block;margin-block-start:4px}\n"], dependencies: [{ kind: "component", type: StrctAvatar, selector: "strct-avatar", inputs: ["icon", "shape", "tone", "src", "name", "size", "status"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: StrctChatMessage, decorators: [{
+            type: Component,
+            args: [{ selector: 'strct-chat-message', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [StrctAvatar], template: `
+    @if (author() !== 'system') {
+      <strct-avatar
+        class="strct-msg__avatar"
+        size="sm"
+        [name]="displayName()"
+        [icon]="avatarIcon()"
+        [tone]="author() === 'user' ? 'neutral' : 'accent-soft'"
+      />
+    }
+    <div class="strct-msg__body">
+      @if (author() !== 'system' && (name() || time())) {
+        <div class="strct-msg__meta">
+          @if (name()) {
+            <span class="strct-msg__name">{{ name() }}</span>
+          }
+          @if (time()) {
+            <time class="strct-msg__time" [attr.datetime]="isoTime()">{{ shortTime() }}</time>
+          }
+        </div>
+      }
+      <div class="strct-msg__bubble">
+        <ng-content />
+        @if (streaming()) {
+          <span class="strct-msg__caret" aria-hidden="true"></span>
+        }
+      </div>
+      <ng-content select="[strctChatAttachment]" />
+    </div>
+  `, host: {
+                        class: 'strct-msg',
+                        role: 'article',
+                        '[attr.data-author]': 'author()',
+                        '[attr.aria-label]': 'displayName()',
+                        // A streaming reply is announced when it finishes, not token by token.
+                        '[attr.aria-busy]': 'streaming() ? "true" : null',
+                    }, styles: [".strct-msg{display:flex;align-items:flex-start;gap:var(--space-2);min-width:0}.strct-msg[data-author=user]{flex-direction:row-reverse}.strct-msg[data-author=system]{justify-content:center}.strct-msg__avatar{flex:none}.strct-msg__body{display:flex;flex-direction:column;gap:4px;min-width:0;max-width:80%}.strct-msg[data-author=user] .strct-msg__body{align-items:flex-end}.strct-msg__meta{display:flex;align-items:baseline;gap:6px;font-size:var(--text-sm);color:var(--t3)}.strct-msg__name{font-weight:600}.strct-msg__bubble{padding:var(--space-2) var(--space-3);border:1px solid var(--b2);border-radius:var(--radius-lg);background:var(--bg-2);color:var(--t1);font-size:13px;line-height:1.5;min-width:0;overflow-wrap:anywhere}.strct-msg[data-author=user] .strct-msg__bubble{background:var(--acc-s);border-color:var(--acc30)}.strct-msg[data-author=system] .strct-msg__bubble{border:0;background:none;color:var(--t3);font-size:var(--text-sm);text-align:center}.strct-msg__caret{display:inline-block;width:2px;height:1em;margin-inline-start:2px;vertical-align:text-bottom;background:var(--acc);animation:strct-chat-caret 1s steps(2,start) infinite}@keyframes strct-chat-caret{to{opacity:0}}@media(prefers-reduced-motion:reduce){.strct-msg__caret{animation:none}}.strct-chat__attachment{display:block;margin-block-start:4px}\n"] }]
+        }], propDecorators: { author: [{ type: i0.Input, args: [{ isSignal: true, alias: "author", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], avatarIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "avatarIcon", required: false }] }], streaming: [{ type: i0.Input, args: [{ isSignal: true, alias: "streaming", required: false }] }], time: [{ type: i0.Input, args: [{ isSignal: true, alias: "time", required: false }] }], timeFormat: [{ type: i0.Input, args: [{ isSignal: true, alias: "timeFormat", required: false }] }], authorNames: [{ type: i0.Input, args: [{ isSignal: true, alias: "authorNames", required: false }] }] } });
+/**
+ * The box the user writes in: it grows with the text up to `maxRows`, sends on
+ * Enter and breaks a line on Shift+Enter — and never sends mid-composition, so
+ * an IME's Enter commits the candidate instead of the message.
+ */
+class StrctChatComposer {
+    /** The draft (two-way). */
+    value = model('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    /** Placeholder text. */
+    placeholder = input('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
+    /** The field's accessible name (visually hidden). */
+    label = input('Message', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+    /** Disabled while the assistant is busy, say. */
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /** How tall the box grows before it scrolls. */
+    maxRows = input(8, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "maxRows" }] : /* istanbul ignore next */ []));
+    /** The send button's accessible name. */
+    sendLabel = input('Send', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "sendLabel" }] : /* istanbul ignore next */ []));
+    /** The user sent the draft. */
+    send = output();
+    inputId = `strct-composer-${++composerCounter}`;
+    /** True while an IME is composing — Enter must commit, not send. */
+    composing = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "composing" }] : /* istanbul ignore next */ []));
+    host = inject(ElementRef);
+    onInput(event) {
+        const el = event.target;
+        this.value.set(el.value);
+        this.grow(el);
+    }
+    /** Grow with the text: reset first, so deleting a line shrinks it again. */
+    grow(el) {
+        el.style.height = 'auto';
+        el.style.height = `${el.scrollHeight}px`;
+    }
+    onEnter(event) {
+        const e = event;
+        if (e.shiftKey || this.composing() || e.isComposing)
+            return;
+        e.preventDefault();
+        this.submit();
+    }
+    submit() {
+        const text = this.value().trim();
+        if (!text || this.disabled())
+            return;
+        this.send.emit(text);
+        this.value.set('');
+        const el = this.host.nativeElement.querySelector('textarea');
+        if (el) {
+            el.value = '';
+            this.grow(el);
+            el.focus();
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: StrctChatComposer, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.4", type: StrctChatComposer, isStandalone: true, selector: "strct-chat-composer", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, maxRows: { classPropertyName: "maxRows", publicName: "maxRows", isSignal: true, isRequired: false, transformFunction: null }, sendLabel: { classPropertyName: "sendLabel", publicName: "sendLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", send: "send" }, host: { classAttribute: "strct-composer" }, ngImport: i0, template: `
+    <label class="strct-composer__label" [attr.for]="inputId">{{ label() }}</label>
+    <div class="strct-composer__box">
+      <textarea
+        class="strct-composer__input"
+        [id]="inputId"
+        rows="1"
+        [placeholder]="placeholder()"
+        [disabled]="disabled()"
+        [value]="value()"
+        [style.max-height.px]="maxRows() * 20"
+        (input)="onInput($event)"
+        (compositionstart)="composing.set(true)"
+        (compositionend)="composing.set(false)"
+        (keydown.enter)="onEnter($event)"
+      ></textarea>
+      <button
+        type="button"
+        class="strct-composer__send"
+        [attr.aria-label]="sendLabel()"
+        [disabled]="disabled() || !value().trim()"
+        (click)="submit()"
+      >
+        <strct-icon strictName="arrowUp" [size]="15" [strokeWidth]="1.8" />
+      </button>
+    </div>
+  `, isInline: true, styles: [".strct-composer{display:block}.strct-composer__label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.strct-composer__box{display:flex;align-items:flex-end;gap:4px;padding:4px 4px 4px var(--space-3);border:1px solid var(--b2);border-radius:var(--radius-lg);background:var(--bg-2);transition:border-color .14s ease,box-shadow .14s ease}.strct-composer__box:focus-within{border-color:var(--acc50);box-shadow:0 0 0 3px var(--acc18);background:var(--bg-1)}.strct-composer__input{flex:1;min-width:0;border:0;background:none;resize:none;padding:6px 0;font-family:var(--font);font-size:13px;line-height:20px;color:var(--t1);overflow-y:auto}.strct-composer__input:focus{outline:none}.strct-composer__input::placeholder{color:var(--t3)}.strct-composer__send{display:inline-flex;align-items:center;justify-content:center;flex:none;width:28px;height:28px;border:0;border-radius:var(--radius-md);background:var(--acc);color:var(--inv);cursor:pointer}.strct-composer__send:disabled{opacity:var(--disabled-opacity);cursor:not-allowed}.strct-composer__send:focus-visible{outline:2px solid var(--acc50);outline-offset:2px}\n"], dependencies: [{ kind: "component", type: StrctIcon, selector: "strct-icon", inputs: ["name", "strictName", "size", "strokeWidth", "badge", "ariaLabel", "count", "countMax", "countStatus", "countLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: StrctChatComposer, decorators: [{
+            type: Component,
+            args: [{ selector: 'strct-chat-composer', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [StrctIcon], template: `
+    <label class="strct-composer__label" [attr.for]="inputId">{{ label() }}</label>
+    <div class="strct-composer__box">
+      <textarea
+        class="strct-composer__input"
+        [id]="inputId"
+        rows="1"
+        [placeholder]="placeholder()"
+        [disabled]="disabled()"
+        [value]="value()"
+        [style.max-height.px]="maxRows() * 20"
+        (input)="onInput($event)"
+        (compositionstart)="composing.set(true)"
+        (compositionend)="composing.set(false)"
+        (keydown.enter)="onEnter($event)"
+      ></textarea>
+      <button
+        type="button"
+        class="strct-composer__send"
+        [attr.aria-label]="sendLabel()"
+        [disabled]="disabled() || !value().trim()"
+        (click)="submit()"
+      >
+        <strct-icon strictName="arrowUp" [size]="15" [strokeWidth]="1.8" />
+      </button>
+    </div>
+  `, host: { class: 'strct-composer' }, styles: [".strct-composer{display:block}.strct-composer__label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.strct-composer__box{display:flex;align-items:flex-end;gap:4px;padding:4px 4px 4px var(--space-3);border:1px solid var(--b2);border-radius:var(--radius-lg);background:var(--bg-2);transition:border-color .14s ease,box-shadow .14s ease}.strct-composer__box:focus-within{border-color:var(--acc50);box-shadow:0 0 0 3px var(--acc18);background:var(--bg-1)}.strct-composer__input{flex:1;min-width:0;border:0;background:none;resize:none;padding:6px 0;font-family:var(--font);font-size:13px;line-height:20px;color:var(--t1);overflow-y:auto}.strct-composer__input:focus{outline:none}.strct-composer__input::placeholder{color:var(--t3)}.strct-composer__send{display:inline-flex;align-items:center;justify-content:center;flex:none;width:28px;height:28px;border:0;border-radius:var(--radius-md);background:var(--acc);color:var(--inv);cursor:pointer}.strct-composer__send:disabled{opacity:var(--disabled-opacity);cursor:not-allowed}.strct-composer__send:focus-visible{outline:2px solid var(--acc50);outline-offset:2px}\n"] }]
+        }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], maxRows: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxRows", required: false }] }], sendLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "sendLabel", required: false }] }], send: [{ type: i0.Output, args: ["send"] }] } });
+let composerCounter = 0;
+
+/**
+ * A small, dependency-free QR encoder: byte mode, versions 1–10, the four error
+ * correction levels. Enough for an `otpauth://` URI, which is what the library
+ * needs it for — and nothing more, so it stays readable.
+ *
+ * The maths is the standard one (ISO/IEC 18004): the data is split into
+ * codewords, Reed–Solomon parity is appended per block, the result is laid into
+ * the matrix around the function patterns, and each of the eight masks is
+ * scored so the best one is chosen.
+ */
+/** Total codewords per version (1–10), index 0 = version 1. */
+const TOTAL_CODEWORDS = [26, 44, 70, 100, 134, 172, 196, 242, 292, 346];
+/**
+ * Per version and level: [ec codewords per block, block count group 1,
+ * block count group 2]. Group 2's blocks hold one more data codeword each.
+ */
+const ECC_TABLE = {
+    L: [
+        [7, 1, 0],
+        [10, 1, 0],
+        [15, 1, 0],
+        [20, 1, 0],
+        [26, 1, 0],
+        [18, 2, 0],
+        [20, 2, 0],
+        [24, 2, 0],
+        [30, 2, 0],
+        [18, 2, 2],
+    ],
+    M: [
+        [10, 1, 0],
+        [16, 1, 0],
+        [26, 1, 0],
+        [18, 2, 0],
+        [24, 2, 0],
+        [16, 4, 0],
+        [18, 4, 0],
+        [22, 2, 2],
+        [22, 3, 2],
+        [26, 4, 1],
+    ],
+    Q: [
+        [13, 1, 0],
+        [22, 1, 0],
+        [18, 2, 0],
+        [26, 2, 0],
+        [18, 2, 2],
+        [24, 4, 0],
+        [18, 2, 4],
+        [22, 4, 2],
+        [20, 4, 4],
+        [24, 6, 2],
+    ],
+    H: [
+        [17, 1, 0],
+        [28, 1, 0],
+        [22, 2, 0],
+        [16, 4, 0],
+        [22, 2, 2],
+        [28, 4, 0],
+        [26, 4, 1],
+        [26, 4, 2],
+        [24, 4, 4],
+        [28, 6, 2],
+    ],
+};
+/** Alignment-pattern centres per version (1–10). */
+const ALIGNMENT = [
+    [],
+    [6, 18],
+    [6, 22],
+    [6, 26],
+    [6, 30],
+    [6, 34],
+    [6, 22, 38],
+    [6, 24, 42],
+    [6, 26, 46],
+    [6, 28, 50],
+];
+/** Format-information bits per (level, mask), already masked per the spec. */
+const FORMAT_BITS = {
+    L: [0x77c4, 0x72f3, 0x7daa, 0x789d, 0x662f, 0x6318, 0x6c41, 0x6976],
+    M: [0x5412, 0x5125, 0x5e7c, 0x5b4b, 0x45f9, 0x40ce, 0x4f97, 0x4aa0],
+    Q: [0x355f, 0x3068, 0x3f31, 0x3a06, 0x24b4, 0x2183, 0x2eda, 0x2bed],
+    H: [0x1689, 0x13be, 0x1ce7, 0x19d0, 0x0762, 0x0255, 0x0d0c, 0x083b],
+};
+// ── Galois field (2^8) with the QR primitive polynomial 0x11d ───────────────
+const EXP = new Uint8Array(512);
+const LOG = new Uint8Array(256);
+{
+    let x = 1;
+    for (let i = 0; i < 255; i++) {
+        EXP[i] = x;
+        LOG[x] = i;
+        x <<= 1;
+        if (x & 0x100)
+            x ^= 0x11d;
+    }
+    for (let i = 255; i < 512; i++)
+        EXP[i] = EXP[i - 255];
+}
+const mul = (a, b) => (a && b ? EXP[LOG[a] + LOG[b]] : 0);
+/** The generator polynomial for `degree` error-correction codewords. */
+function generator(degree) {
+    let poly = [1];
+    for (let i = 0; i < degree; i++) {
+        const next = new Array(poly.length + 1).fill(0);
+        for (let j = 0; j < poly.length; j++) {
+            // Descending coefficients: x * poly keeps the index, α^i * poly shifts.
+            next[j] ^= poly[j];
+            next[j + 1] ^= mul(poly[j], EXP[i]);
+        }
+        poly = next;
+    }
+    return poly;
+}
+/** Reed–Solomon parity for one block. */
+function remainder(data, degree) {
+    const gen = generator(degree);
+    const out = new Array(degree).fill(0);
+    for (const byte of data) {
+        const factor = byte ^ out[0];
+        out.shift();
+        out.push(0);
+        for (let i = 0; i < degree; i++)
+            out[i] ^= mul(gen[i + 1], factor);
+    }
+    return out;
+}
+/** The smallest version (1–10) that holds `byteLength` bytes at `ecc`. */
+function chooseVersion(byteLength, ecc) {
+    for (let version = 1; version <= 10; version++) {
+        const [ecPerBlock, g1, g2] = ECC_TABLE[ecc][version - 1];
+        const dataCodewords = TOTAL_CODEWORDS[version - 1] - ecPerBlock * (g1 + g2);
+        // 4 bits of mode + 8 or 16 bits of length, rounded up to whole codewords.
+        const headerBits = 4 + (version < 10 ? 8 : 16);
+        if (dataCodewords * 8 >= headerBits + byteLength * 8)
+            return version;
+    }
+    throw new Error('strct-qr: the value is too long (versions 1–10, byte mode)');
+}
+/** The data codewords: mode, length, the bytes, a terminator, then padding. */
+function dataCodewords(bytes, version, ecc) {
+    const [ecPerBlock, g1, g2] = ECC_TABLE[ecc][version - 1];
+    const capacity = TOTAL_CODEWORDS[version - 1] - ecPerBlock * (g1 + g2);
+    const bits = [];
+    const push = (value, length) => {
+        for (let i = length - 1; i >= 0; i--)
+            bits.push((value >> i) & 1);
+    };
+    push(0b0100, 4); // byte mode
+    push(bytes.length, version < 10 ? 8 : 16);
+    for (const b of bytes)
+        push(b, 8);
+    push(0, Math.min(4, capacity * 8 - bits.length)); // terminator
+    while (bits.length % 8)
+        bits.push(0);
+    const words = [];
+    for (let i = 0; i < bits.length; i += 8) {
+        words.push(bits.slice(i, i + 8).reduce((acc, bit) => (acc << 1) | bit, 0));
+    }
+    // Alternating pad bytes, as the spec prescribes.
+    for (let i = 0; words.length < capacity; i++)
+        words.push(i % 2 === 0 ? 0xec : 0x11);
+    return words;
+}
+/** Interleave the blocks' data and parity, as the spec lays them out. */
+function interleave(words, version, ecc) {
+    const [ecPerBlock, g1, g2] = ECC_TABLE[ecc][version - 1];
+    const blocks = g1 + g2;
+    const shortLen = Math.floor(words.length / blocks);
+    const data = [];
+    const parity = [];
+    let at = 0;
+    for (let i = 0; i < blocks; i++) {
+        const len = i < g1 ? shortLen : shortLen + 1;
+        const block = words.slice(at, at + len);
+        at += len;
+        data.push(block);
+        parity.push(remainder(block, ecPerBlock));
+    }
+    const out = [];
+    for (let i = 0; i < shortLen + 1; i++) {
+        for (const block of data)
+            if (i < block.length)
+                out.push(block[i]);
+    }
+    for (let i = 0; i < ecPerBlock; i++)
+        for (const block of parity)
+            out.push(block[i]);
+    return out;
+}
+var Cell;
+(function (Cell) {
+    Cell[Cell["Empty"] = -1] = "Empty";
+    Cell[Cell["Light"] = 0] = "Light";
+    Cell[Cell["Dark"] = 1] = "Dark";
+})(Cell || (Cell = {}));
+/** Draw the finder, timing and alignment patterns, and reserve the format area. */
+function functionPatterns(size, version) {
+    const m = Array.from({ length: size }, () => new Array(size).fill(Cell.Empty));
+    const finder = (r0, c0) => {
+        for (let dr = -1; dr <= 7; dr++) {
+            for (let dc = -1; dc <= 7; dc++) {
+                const r = r0 + dr;
+                const c = c0 + dc;
+                if (r < 0 || r >= size || c < 0 || c >= size)
+                    continue;
+                const inner = Math.max(Math.abs(dr - 3), Math.abs(dc - 3));
+                m[r][c] = inner === 2 || inner > 3 ? Cell.Light : Cell.Dark;
+            }
+        }
+    };
+    finder(0, 0);
+    finder(0, size - 7);
+    finder(size - 7, 0);
+    for (let i = 8; i < size - 8; i++) {
+        m[6][i] = m[i][6] = i % 2 === 0 ? Cell.Dark : Cell.Light;
+    }
+    const centres = ALIGNMENT[version - 1];
+    for (const r of centres) {
+        for (const c of centres) {
+            // Not over a finder pattern.
+            if ((r === 6 && c === 6) || (r === 6 && c === size - 7) || (r === size - 7 && c === 6))
+                continue;
+            for (let dr = -2; dr <= 2; dr++) {
+                for (let dc = -2; dc <= 2; dc++) {
+                    m[r + dr][c + dc] = Math.max(Math.abs(dr), Math.abs(dc)) === 1 ? Cell.Light : Cell.Dark;
+                }
+            }
+        }
+    }
+    // The dark module, always set.
+    m[size - 8][8] = Cell.Dark;
+    // Reserve the format areas so the data does not land there.
+    for (let i = 0; i < 9; i++) {
+        if (m[8][i] === Cell.Empty)
+            m[8][i] = Cell.Light;
+        if (m[i][8] === Cell.Empty)
+            m[i][8] = Cell.Light;
+    }
+    for (let i = 0; i < 8; i++) {
+        if (m[8][size - 1 - i] === Cell.Empty)
+            m[8][size - 1 - i] = Cell.Light;
+        if (m[size - 1 - i][8] === Cell.Empty)
+            m[size - 1 - i][8] = Cell.Light;
+    }
+    return m;
+}
+const MASKS = [
+    (r, c) => (r + c) % 2 === 0,
+    (r) => r % 2 === 0,
+    (_r, c) => c % 3 === 0,
+    (r, c) => (r + c) % 3 === 0,
+    (r, c) => (Math.floor(r / 2) + Math.floor(c / 3)) % 2 === 0,
+    (r, c) => ((r * c) % 2) + ((r * c) % 3) === 0,
+    (r, c) => (((r * c) % 2) + ((r * c) % 3)) % 2 === 0,
+    (r, c) => (((r + c) % 2) + ((r * c) % 3)) % 2 === 0,
+];
+/** The spec's penalty score — lower is better. */
+function penalty(m) {
+    const size = m.length;
+    let score = 0;
+    const run = (line) => {
+        let last = line[0];
+        let length = 1;
+        for (let i = 1; i < line.length; i++) {
+            if (line[i] === last)
+                length++;
+            else {
+                if (length >= 5)
+                    score += 3 + (length - 5);
+                last = line[i];
+                length = 1;
+            }
+        }
+        if (length >= 5)
+            score += 3 + (length - 5);
+    };
+    for (let i = 0; i < size; i++) {
+        run(m[i]);
+        run(m.map((row) => row[i]));
+    }
+    for (let r = 0; r < size - 1; r++) {
+        for (let c = 0; c < size - 1; c++) {
+            const v = m[r][c];
+            if (v === m[r][c + 1] && v === m[r + 1][c] && v === m[r + 1][c + 1])
+                score += 3;
+        }
+    }
+    const pattern = [1, 0, 1, 1, 1, 0, 1, 0, 0, 0, 0];
+    const hasPattern = (line, at) => pattern.every((bit, i) => line[at + i] === bit);
+    for (let i = 0; i < size; i++) {
+        const row = m[i];
+        const col = m.map((r) => r[i]);
+        for (let j = 0; j + 11 <= size; j++) {
+            if (hasPattern(row, j))
+                score += 40;
+            if (hasPattern(col, j))
+                score += 40;
+            const rRev = [...row].reverse();
+            const cRev = [...col].reverse();
+            if (hasPattern(rRev, j))
+                score += 40;
+            if (hasPattern(cRev, j))
+                score += 40;
+        }
+    }
+    const dark = m.flat().filter((v) => v === Cell.Dark).length;
+    const ratio = (dark * 100) / (size * size);
+    score += Math.floor(Math.abs(ratio - 50) / 5) * 10;
+    return score;
+}
+/**
+ * Encode `value` as a QR matrix of booleans (true = dark module), without the
+ * quiet zone — the renderer adds that.
+ */
+function strctQrMatrix(value, ecc = 'M') {
+    const bytes = new TextEncoder().encode(value);
+    const version = chooseVersion(bytes.length, ecc);
+    const size = version * 4 + 17;
+    const codewords = interleave(dataCodewords(bytes, version, ecc), version, ecc);
+    const base = functionPatterns(size, version);
+    const reserved = base.map((row) => row.map((v) => v !== Cell.Empty));
+    // Lay the data in the zig-zag, skipping the vertical timing column.
+    const bits = [];
+    for (const word of codewords)
+        for (let i = 7; i >= 0; i--)
+            bits.push((word >> i) & 1);
+    let bit = 0;
+    const matrix = base.map((row) => [...row]);
+    for (let right = size - 1; right >= 1; right -= 2) {
+        if (right === 6)
+            right = 5;
+        for (let vert = 0; vert < size; vert++) {
+            for (let j = 0; j < 2; j++) {
+                const c = right - j;
+                const upward = ((right + 1) & 2) === 0;
+                const r = upward ? size - 1 - vert : vert;
+                if (reserved[r][c])
+                    continue;
+                matrix[r][c] = bit < bits.length ? bits[bit++] : Cell.Light;
+            }
+        }
+    }
+    // Pick the mask with the lowest penalty, then write the format bits.
+    let best = null;
+    let bestMask = 0;
+    let bestScore = Infinity;
+    for (let mask = 0; mask < 8; mask++) {
+        const candidate = matrix.map((row, r) => row.map((v, c) => (reserved[r][c] ? v : v ^ (MASKS[mask](r, c) ? 1 : 0))));
+        writeFormat(candidate, ecc, mask);
+        const score = penalty(candidate);
+        if (score < bestScore) {
+            bestScore = score;
+            best = candidate;
+            bestMask = mask;
+        }
+    }
+    void bestMask;
+    return best.map((row) => row.map((v) => v === Cell.Dark));
+}
+/** The 15 format bits, written in both of their places. */
+function writeFormat(m, ecc, mask) {
+    const size = m.length;
+    const bits = FORMAT_BITS[ecc][mask];
+    const at = (i) => (bits >> i) & 1;
+    for (let i = 0; i <= 5; i++)
+        m[8][i] = at(i);
+    m[8][7] = at(6);
+    m[8][8] = at(7);
+    m[7][8] = at(8);
+    for (let i = 9; i <= 14; i++)
+        m[14 - i][8] = at(i);
+    for (let i = 0; i <= 6; i++)
+        m[size - 1 - i][8] = at(i);
+    for (let i = 7; i <= 14; i++)
+        m[8][size - 15 + i] = at(i);
+    m[size - 8][8] = 1; // the dark module, which is not a format bit
+}
+/** Internals, exported for the vector tests only. */
+const __qrInternals = { dataCodewords, remainder };
+
+/**
+ * A QR code the library draws, with the quiet zone and contrast a scanner needs
+ * in every theme — not an image the consumer frames on white by hand.
+ *
+ *   <strct-qr [value]="otpauthUri" label="Scan with your authenticator app" />
+ *
+ * **Dark modules on a light quiet zone, in every scheme.** That is a deliberate
+ * exception to "tokens only": a themed QR code is an unscannable one. Show the
+ * secret as text beside it, so enrolment works without a camera.
+ */
+class StrctQr {
+    /** What the code carries — an `otpauth://` URI, a URL, any text. */
+    value = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    /** Rendered size in px (the code is square). */
+    size = input(176, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    /** The code's accessible name. */
+    label = input('QR code', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+    /** How much of the code a scanner may lose and still read it. */
+    errorCorrection = input('M', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "errorCorrection" }] : /* istanbul ignore next */ []));
+    /** The quiet zone, in modules. Four is what the spec asks for. */
+    quietZone = input(4, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "quietZone" }] : /* istanbul ignore next */ []));
+    matrix = computed(() => strctQrMatrix(this.value(), this.errorCorrection()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "matrix" }] : /* istanbul ignore next */ []));
+    /** The whole drawing's span in modules: the code plus its quiet zone. */
+    span = computed(() => this.matrix().length + this.quietZone() * 2, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "span" }] : /* istanbul ignore next */ []));
+    viewBox = computed(() => `0 0 ${this.span()} ${this.span()}`, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "viewBox" }] : /* istanbul ignore next */ []));
+    /** Dark modules merged into horizontal runs — far fewer rects to paint. */
+    rows = computed(() => {
+        const m = this.matrix();
+        const pad = this.quietZone();
+        return m.map((row, y) => {
+            const runs = [];
+            let start = -1;
+            for (let x = 0; x <= row.length; x++) {
+                if (row[x]) {
+                    if (start < 0)
+                        start = x;
+                }
+                else if (start >= 0) {
+                    runs.push({ x: start + pad, width: x - start });
+                    start = -1;
+                }
+            }
+            return { y: y + pad, runs };
+        });
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "rows" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: StrctQr, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.4", type: StrctQr, isStandalone: true, selector: "strct-qr", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, errorCorrection: { classPropertyName: "errorCorrection", publicName: "errorCorrection", isSignal: true, isRequired: false, transformFunction: null }, quietZone: { classPropertyName: "quietZone", publicName: "quietZone", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "strct-qr" }, ngImport: i0, template: `
+    <svg
+      class="strct-qr__svg"
+      [attr.viewBox]="viewBox()"
+      [attr.width]="size()"
+      [attr.height]="size()"
+      role="img"
+      [attr.aria-label]="label()"
+      shape-rendering="crispEdges"
+    >
+      <rect class="strct-qr__quiet" [attr.width]="span()" [attr.height]="span()" />
+      @for (row of rows(); track row.y) {
+        @for (run of row.runs; track run.x) {
+          <rect
+            class="strct-qr__module"
+            [attr.x]="run.x"
+            [attr.y]="row.y"
+            [attr.width]="run.width"
+            height="1"
+          />
+        }
+      }
+    </svg>
+  `, isInline: true, styles: [".strct-qr{display:inline-flex;line-height:0}.strct-qr__svg{border-radius:var(--radius-md)}.strct-qr__quiet{fill:#fff}.strct-qr__module{fill:#000}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: StrctQr, decorators: [{
+            type: Component,
+            args: [{ selector: 'strct-qr', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: `
+    <svg
+      class="strct-qr__svg"
+      [attr.viewBox]="viewBox()"
+      [attr.width]="size()"
+      [attr.height]="size()"
+      role="img"
+      [attr.aria-label]="label()"
+      shape-rendering="crispEdges"
+    >
+      <rect class="strct-qr__quiet" [attr.width]="span()" [attr.height]="span()" />
+      @for (row of rows(); track row.y) {
+        @for (run of row.runs; track run.x) {
+          <rect
+            class="strct-qr__module"
+            [attr.x]="run.x"
+            [attr.y]="row.y"
+            [attr.width]="run.width"
+            height="1"
+          />
+        }
+      }
+    </svg>
+  `, host: { class: 'strct-qr' }, styles: [".strct-qr{display:inline-flex;line-height:0}.strct-qr__svg{border-radius:var(--radius-md)}.strct-qr__quiet{fill:#fff}.strct-qr__module{fill:#000}\n"] }]
+        }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], errorCorrection: [{ type: i0.Input, args: [{ isSignal: true, alias: "errorCorrection", required: false }] }], quietZone: [{ type: i0.Input, args: [{ isSignal: true, alias: "quietZone", required: false }] }] } });
+
 /**
  * A value change, as one phrase: "v10.27 → v10.28". The old value is muted, the
  * arrow is the library's, the new one is emphasised — and assistive tech hears
@@ -25650,5 +26564,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { FOCUSABLE_SELECTOR, STRCT_DP_DOW, STRCT_DP_DOW_FULL, STRCT_DP_MONTHS, STRCT_ICONS, STRCT_ICON_GROUPS, STRCT_ICON_NAMES, STRCT_MASKS, STRCT_NOTIFICATION_HISTORY_LIMIT, STRCT_PALETTES, STRCT_RAW_ICONS, STRCT_TIME_RANGE_PRESETS, STRCT_WIZARD_DEFAULTS, StrctAccordion, StrctAccordionPanel, StrctAlert, StrctAnnouncer, StrctAvatar, StrctBadge, StrctBreadcrumb, StrctBreadcrumbItem, StrctButton, StrctButtonGroup, StrctBytesPipe, StrctCard, StrctCardBlock, StrctCardFooter, StrctCardHeader, StrctCardHeaderActions, StrctCardHeaderMeta, StrctCardHeaderNote, StrctCascadeColumn, StrctCascadeHost, StrctCascadeSelect, StrctCellDef, StrctCellStatus, StrctChange, StrctChart, StrctCheckbox, StrctChips, StrctCode, StrctCodeInline, StrctColorPicker, StrctCombobox, StrctCommandPalette, StrctConfirmOutlet, StrctConfirmService, StrctContextMenu, StrctContextMenuTrigger, StrctControlDescription, StrctCopy, StrctDatagrid, StrctDatagridActionBar, StrctDatagridActionBarCaption, StrctDatepicker, StrctDatetimePicker, StrctDesc, StrctDescriptionList, StrctDiff, StrctDivider, StrctDonut, StrctDrawer, StrctDrawerFooter, StrctDropdown, StrctDropdownDivider, StrctDropdownItem, StrctDropdownItemAction, StrctDropdownTrigger, StrctDurationPipe, StrctEmptyState, StrctField, StrctFieldGroup, StrctFieldHint, StrctFieldPrefix, StrctFieldSuffix, StrctFile, StrctFilterBar, StrctFlow, StrctFlowNodeTemplate, StrctFooter, StrctGauge, StrctHeader, StrctHeatmap, StrctHero, StrctHotkeysHelp, StrctHotkeysService, StrctIcon, StrctInlineEdit, StrctInput, StrctInputMask, StrctInputOtp, StrctKbd, StrctKnob, StrctLegend, StrctList, StrctListItem, StrctListItemDescription, StrctListItemLeading, StrctListItemMeta, StrctListItemTrailing, StrctLiveIndicator, StrctLogViewer, StrctLogin, StrctMediaFrame, StrctMenuPanel, StrctMenuService, StrctMenubar, StrctMetricTile, StrctModal, StrctModalContent, StrctNav, StrctNavItem, StrctNotificationCenter, StrctNumber, StrctOverlay, StrctPageHeader, StrctPageHeaderActions, StrctPageHeaderCrumbs, StrctPageHeaderTitleMeta, StrctPagination, StrctPassword, StrctPopover, StrctPopoverTrigger, StrctProgress, StrctRadio, StrctRadioGroup, StrctRail, StrctRange, StrctRatePipe, StrctRating, StrctReorder, StrctReorderGroup, StrctReorderHandle, StrctReorderItem, StrctResizeHandle, StrctRowDetailDef, StrctSearchbox, StrctSectionHeader, StrctSectionHeaderActions, StrctSectionHeaderMeta, StrctSectionMenu, StrctSegmented, StrctSelect, StrctShell, StrctShellService, StrctSiPipe, StrctSignpost, StrctSignpostTrigger, StrctSkeleton, StrctSparkline, StrctSpeedDial, StrctSpinner, StrctSplitButton, StrctSplitter, StrctStack, StrctStackItem, StrctStatusDot, StrctStep, StrctStepAction, StrctSteps, StrctSubmenu, StrctTab, StrctTable, StrctTabs, StrctTag, StrctTagLeading, StrctThemeService, StrctThemeSwitcher, StrctTimeRangePicker, StrctTimeline, StrctTimelineItem, StrctToastOutlet, StrctToastService, StrctToggle, StrctToolbar, StrctToolbarCaption, StrctToolbarSpacer, StrctTooltip, StrctTour, StrctTransfer, StrctTree, StrctTreeNode, StrctTreeSelect, StrctVerticalNav, StrctWatermark, StrctWindow, StrctWindowDock, StrctWindowService, StrctWizard, StrctWizardAside, focusFirstIn, keepTabInside, lockBodyScroll, parseAnsi, provideStrctWizardDefaults, registerStrctIcon, restoreFocus, saveFocusedElement, strctComputeDiff, strctDpPad, strctFormatBytes, strctFormatDuration, strctFormatRate, strctFormatSi, strctValidationIcon, strctValidationTone, unlockBodyScroll };
+export { FOCUSABLE_SELECTOR, STRCT_DP_DOW, STRCT_DP_DOW_FULL, STRCT_DP_MONTHS, STRCT_ICONS, STRCT_ICON_GROUPS, STRCT_ICON_NAMES, STRCT_MASKS, STRCT_NOTIFICATION_HISTORY_LIMIT, STRCT_PALETTES, STRCT_RAW_ICONS, STRCT_TIME_RANGE_PRESETS, STRCT_WIZARD_DEFAULTS, StrctAccordion, StrctAccordionPanel, StrctAlert, StrctAnnouncer, StrctAvatar, StrctBadge, StrctBreadcrumb, StrctBreadcrumbItem, StrctButton, StrctButtonGroup, StrctBytesPipe, StrctCard, StrctCardBlock, StrctCardFooter, StrctCardHeader, StrctCardHeaderActions, StrctCardHeaderMeta, StrctCardHeaderNote, StrctCascadeColumn, StrctCascadeHost, StrctCascadeSelect, StrctCellDef, StrctCellStatus, StrctChange, StrctChart, StrctChatAttachment, StrctChatComposer, StrctChatMessage, StrctChatThread, StrctCheckbox, StrctChips, StrctCode, StrctCodeInline, StrctColorPicker, StrctCombobox, StrctCommandPalette, StrctConfirmOutlet, StrctConfirmService, StrctContextMenu, StrctContextMenuTrigger, StrctControlDescription, StrctCopy, StrctDatagrid, StrctDatagridActionBar, StrctDatagridActionBarCaption, StrctDatepicker, StrctDatetimePicker, StrctDesc, StrctDescriptionList, StrctDiff, StrctDivider, StrctDonut, StrctDrawer, StrctDrawerFooter, StrctDropdown, StrctDropdownDivider, StrctDropdownItem, StrctDropdownItemAction, StrctDropdownTrigger, StrctDurationPipe, StrctEmptyState, StrctField, StrctFieldGroup, StrctFieldHint, StrctFieldPrefix, StrctFieldSuffix, StrctFile, StrctFilterBar, StrctFlow, StrctFlowNodeTemplate, StrctFooter, StrctGauge, StrctHeader, StrctHeatmap, StrctHero, StrctHotkeysHelp, StrctHotkeysService, StrctIcon, StrctInlineEdit, StrctInput, StrctInputMask, StrctInputOtp, StrctKbd, StrctKnob, StrctLegend, StrctList, StrctListItem, StrctListItemDescription, StrctListItemLeading, StrctListItemMeta, StrctListItemTrailing, StrctLiveIndicator, StrctLogViewer, StrctLogin, StrctMediaFrame, StrctMenuPanel, StrctMenuService, StrctMenubar, StrctMetricTile, StrctModal, StrctModalContent, StrctNav, StrctNavItem, StrctNotificationCenter, StrctNumber, StrctOverlay, StrctPageHeader, StrctPageHeaderActions, StrctPageHeaderCrumbs, StrctPageHeaderTitleMeta, StrctPagination, StrctPassword, StrctPopover, StrctPopoverTrigger, StrctProgress, StrctQr, StrctRadio, StrctRadioGroup, StrctRail, StrctRange, StrctRatePipe, StrctRating, StrctReorder, StrctReorderGroup, StrctReorderHandle, StrctReorderItem, StrctResizeHandle, StrctRowDetailDef, StrctSearchbox, StrctSectionHeader, StrctSectionHeaderActions, StrctSectionHeaderMeta, StrctSectionMenu, StrctSegmented, StrctSelect, StrctShell, StrctShellService, StrctSiPipe, StrctSignpost, StrctSignpostTrigger, StrctSkeleton, StrctSparkline, StrctSpeedDial, StrctSpinner, StrctSplitButton, StrctSplitter, StrctStack, StrctStackItem, StrctStatusDot, StrctStep, StrctStepAction, StrctSteps, StrctSubmenu, StrctTab, StrctTable, StrctTabs, StrctTag, StrctTagLeading, StrctThemeService, StrctThemeSwitcher, StrctTimeRangePicker, StrctTimeline, StrctTimelineItem, StrctToastOutlet, StrctToastService, StrctToggle, StrctToolbar, StrctToolbarCaption, StrctToolbarSpacer, StrctTooltip, StrctTour, StrctTransfer, StrctTree, StrctTreeNode, StrctTreeSelect, StrctVerticalNav, StrctWatermark, StrctWindow, StrctWindowDock, StrctWindowService, StrctWizard, StrctWizardAside, __qrInternals, focusFirstIn, keepTabInside, lockBodyScroll, parseAnsi, provideStrctWizardDefaults, registerStrctIcon, restoreFocus, saveFocusedElement, strctComputeDiff, strctDpPad, strctFormatBytes, strctFormatDuration, strctFormatRate, strctFormatSi, strctQrMatrix, strctValidationIcon, strctValidationTone, unlockBodyScroll };
 //# sourceMappingURL=akcelik-strct.mjs.map