@akcelik/strct 4.23.0 → 4.25.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 {
@@ -2021,8 +2128,117 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
             args: [{ selector: 'strct-button-group', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: `<ng-content />`, host: { class: 'strct-btn-group', role: 'group' }, styles: [".strct-btn-group{display:inline-flex}.strct-btn-group>.strct-btn{border-radius:0}.strct-btn-group>.strct-btn:not(:first-child){margin-inline-start:-1px}.strct-btn-group>.strct-btn:first-child{border-start-start-radius:var(--radius-md);border-end-start-radius:var(--radius-md)}.strct-btn-group>.strct-btn:last-child{border-start-end-radius:var(--radius-md);border-end-end-radius:var(--radius-md)}.strct-btn-group>.strct-btn:hover,.strct-btn-group>.strct-btn:focus-visible{position:relative;z-index:var(--z-base)}\n"] }]
         }] });
 
+/**
+ * Dev-mode diagnostics for combinations a component accepts but cannot honour.
+ *
+ * Every message names what was ignored and what to do instead. Keyed: a
+ * condition warns once per page load, not once per change detection.
+ *
+ * Production cost: none, PROVIDED each call site is guarded INLINE with
+ *   if (typeof ngDevMode !== 'undefined' && ngDevMode) { … }
+ * Production builds define `ngDevMode` as false, and the minifier then drops
+ * the whole block — messages included. A helper function returning that same
+ * expression would NOT be folded across the call, so the check and its
+ * strings would ship; that is why no such helper exists here.
+ */
+const warned = new Set();
+function strctDevWarn(key, message) {
+    if (typeof ngDevMode === 'undefined' || !ngDevMode || warned.has(key))
+        return;
+    warned.add(key);
+    console.warn(message);
+}
+/** Test hook: forget which warnings have fired. Not part of the public API. */
+function resetStrctDevWarnings() {
+    warned.clear();
+}
+
+/**
+ * Dev-mode diagnostics for attributes a component does not have.
+ *
+ * Writing a component the way a sibling component is written must not fail
+ * silently: `<strct-alert variant="warning">` compiles, because a static
+ * attribute is just an HTML attribute to Angular, renders the info-blue
+ * default, and nobody finds out.
+ *
+ * Every call site must guard inline with `ngDevMode`, as `dev-warn` explains —
+ * then production drops the calls, nothing references this module, and the
+ * whole of it (messages included) is tree-shaken away.
+ */
+/**
+ * The closed, small list of input names that exist on *other* strct
+ * components. Only these are ever flagged, so ordinary HTML and ARIA
+ * attributes, `class`, `style` and `data-*` are never touched.
+ */
+const BORROWED = [
+    'variant',
+    'size',
+    'tone',
+    'status',
+    'type',
+    'dense',
+    'compact',
+    'heading',
+    'label',
+];
+/**
+ * Warn about a borrowed input name the component does not have.
+ *
+ * @param host      the component's own element
+ * @param selector  what to call it in the message, e.g. `strct-alert`
+ * @param owns      the component's inputs from that list: name → its values,
+ *                  used to suggest the right one
+ */
+function strctCheckHostInputs(host, selector, owns) {
+    const ownNames = Object.keys(owns);
+    for (const name of BORROWED) {
+        if (!host.hasAttribute(name) || name in owns)
+            continue;
+        // Suggest the input that actually takes the value written, when there is
+        // one — "variant=warning" on an alert means `type`, not `icon`.
+        const written = host.getAttribute(name)?.trim() ?? '';
+        const match = ownNames.find((n) => owns[n]
+            .split(',')
+            .map((v) => v.trim())
+            .includes(written)) ?? (ownNames.length === 1 ? ownNames[0] : null);
+        const hint = match
+            ? ` — did you mean "${match}"? (values: ${owns[match]})`
+            : ownNames.length
+                ? ` — its inputs are: ${ownNames.map((n) => `"${n}"`).join(', ')}`
+                : '';
+        strctDevWarn(`host-input:${selector}:${name}`, `[strct] <${selector}> has no "${name}" input${hint}. ` +
+            `The attribute was ignored, so the default rendered.`);
+    }
+}
+/**
+ * Warn when a consumer's `display` overrides the one the component's layout
+ * depends on — the usual way to give a custom element margins, and the usual
+ * way to break a flex host.
+ */
+function strctCheckHostDisplay(host, selector, expected) {
+    const actual = getComputedStyle(host).display;
+    if (actual === expected)
+        return;
+    strctDevWarn(`host-display:${selector}`, `[strct] <${selector}> needs display: ${expected}, but it computes to ${actual}. ` +
+        `Wrap it, or set the margin on a wrapper, rather than changing its display.`);
+}
+
 /** Small inline status pill: `<strct-badge status="success">Active</strct-badge>`. */
 class StrctBadge {
+    hostEl = inject(ElementRef);
+    constructor() {
+        // Dev-only: writing this component the way a sibling is written must not
+        // fail silently. Guarded inline, so production drops the call — and with it
+        // the whole diagnostics module.
+        afterNextRender(() => {
+            if (typeof ngDevMode !== 'undefined' && ngDevMode) {
+                const el = this.hostEl.nativeElement;
+                strctCheckHostInputs(el, 'strct-badge', {
+                    status: 'neutral, accent, success, warning, critical',
+                });
+            }
+        });
+    }
     /** Visual status color. */
     status = input('neutral', /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "status" }] : /* istanbul ignore next */ []));
@@ -2043,7 +2259,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
                         '[class.strct-badge--critical]': "status() === 'critical'",
                         '[class.strct-badge--solid]': 'solid()',
                     }, styles: [".strct-badge{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;line-height:1;letter-spacing:.2px;padding-block:3px;padding-inline:9px 7px;border-radius:var(--radius-sm);white-space:nowrap;color:var(--t2);background:transparent;border:1px solid var(--b3);border-inline-start-width:3px}.strct-badge--accent{color:var(--acc);border-color:var(--acc30)}.strct-badge--success{color:var(--success);border-color:var(--success)}.strct-badge--warning{color:var(--warning);border-color:var(--warning)}.strct-badge--critical{color:var(--critical);border-color:var(--critical)}.strct-badge--solid{color:var(--t1);background:var(--bg-a);border-color:transparent;border-inline-start-width:1px;padding-inline-start:7px}.strct-badge--solid.strct-badge--accent{background:var(--acc);color:var(--inv)}.strct-badge--solid.strct-badge--success{background:var(--success);color:var(--inv)}.strct-badge--solid.strct-badge--warning{background:var(--warning);color:var(--inv)}.strct-badge--solid.strct-badge--critical{background:var(--critical);color:var(--inv)}\n"] }]
-        }], propDecorators: { status: [{ type: i0.Input, args: [{ isSignal: true, alias: "status", required: false }] }], solid: [{ type: i0.Input, args: [{ isSignal: true, alias: "solid", required: false }] }] } });
+        }], ctorParameters: () => [], propDecorators: { status: [{ type: i0.Input, args: [{ isSignal: true, alias: "status", required: false }] }], solid: [{ type: i0.Input, args: [{ isSignal: true, alias: "solid", required: false }] }] } });
 
 /** Content rendered before the tag's text — a status dot, an icon. */
 class StrctTagLeading {
@@ -2059,6 +2275,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
  *   <strct-tag status="accent" removable (removed)="drop()">Frontend</strct-tag>
  */
 class StrctTag {
+    hostEl = inject(ElementRef);
+    constructor() {
+        // Dev-only: writing this component the way a sibling is written must not
+        // fail silently. Guarded inline, so production drops the call — and with it
+        // the whole diagnostics module.
+        afterNextRender(() => {
+            if (typeof ngDevMode !== 'undefined' && ngDevMode) {
+                const el = this.hostEl.nativeElement;
+                strctCheckHostInputs(el, 'strct-tag', {
+                    status: 'neutral, accent, success, warning, critical',
+                    shape: 'default, pill',
+                });
+            }
+        });
+    }
     /** Visual status color. */
     status = input('neutral', /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "status" }] : /* istanbul ignore next */ []));
@@ -2151,7 +2382,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
                         '[class.strct-tag--warning]': "status() === 'warning'",
                         '[class.strct-tag--critical]': "status() === 'critical'",
                     }, styles: [".strct-tag{display:inline-flex;align-items:center;gap:5px;padding-block:3px;padding-inline:9px 4px;border-radius:4px;font-size:12px;font-weight:500;color:var(--t1);background:var(--bg-3);border:1px solid var(--b2)}.strct-tag:not(:has(.strct-tag__remove)){padding-inline-end:9px}.strct-tag--accent{color:var(--acc);border-color:var(--acc30);background:var(--acc-s)}.strct-tag--success{color:var(--success);border-color:var(--success);background:transparent}.strct-tag--warning{color:var(--warning);border-color:var(--warning);background:transparent}.strct-tag--critical{color:var(--critical);border-color:var(--critical);background:transparent}.strct-tag__text{display:inline-flex;align-items:center;gap:5px}.strct-tag--interactive .strct-tag__text{cursor:pointer;border-radius:3px}.strct-tag--interactive:hover{border-color:var(--b3);background:var(--bg-2)}.strct-tag--interactive.strct-tag--accent:hover{border-color:var(--acc)}.strct-tag__text:focus-visible{outline:2px solid var(--acc50);outline-offset:2px}.strct-tag--pill{border-radius:var(--radius-full, 999px);padding-inline:10px 5px}.strct-tag--pill:not(:has(.strct-tag__remove)){padding-inline-end:10px}.strct-tag--pill .strct-tag__remove{border-radius:999px}.strct-tag--mono{font-family:var(--mono)}.strct-tag__remove{display:inline-flex;padding:2px;border:0;border-radius:3px;background:transparent;color:currentColor;opacity:.65;cursor:pointer}.strct-tag__remove:hover,.strct-tag__remove:focus-visible{opacity:1;background:var(--dn)}\n"] }]
-        }], propDecorators: { status: [{ type: i0.Input, args: [{ isSignal: true, alias: "status", required: false }] }], removable: [{ type: i0.Input, args: [{ isSignal: true, alias: "removable", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], removeLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "removeLabel", required: false }] }], interactive: [{ type: i0.Input, args: [{ isSignal: true, alias: "interactive", required: false }] }], shape: [{ type: i0.Input, args: [{ isSignal: true, alias: "shape", required: false }] }], mono: [{ type: i0.Input, args: [{ isSignal: true, alias: "mono", required: false }] }], removed: [{ type: i0.Output, args: ["removed"] }], activated: [{ type: i0.Output, args: ["activated"] }] } });
+        }], ctorParameters: () => [], propDecorators: { status: [{ type: i0.Input, args: [{ isSignal: true, alias: "status", required: false }] }], removable: [{ type: i0.Input, args: [{ isSignal: true, alias: "removable", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], removeLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "removeLabel", required: false }] }], interactive: [{ type: i0.Input, args: [{ isSignal: true, alias: "interactive", required: false }] }], shape: [{ type: i0.Input, args: [{ isSignal: true, alias: "shape", required: false }] }], mono: [{ type: i0.Input, args: [{ isSignal: true, alias: "mono", required: false }] }], removed: [{ type: i0.Output, args: ["removed"] }], activated: [{ type: i0.Output, args: ["activated"] }] } });
 
 /**
  * Circular avatar: an image when `src` is set, otherwise initials from `name`.
@@ -4471,31 +4702,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
                     }, styles: [".strct-tree{display:block}.strct-tree--framed{border:1px solid var(--b2);border-radius:var(--radius-md);background:var(--bg-1);padding:var(--space-1)}.strct-tree[style*=max-height]{overflow:auto}.strct-tree--comfortable .strct-tnode__row{gap:7px;padding:6px 10px;border-radius:6px;font-size:14px}.strct-tree--comfortable .strct-tnode__chevron{margin:-4px;margin-inline-end:-9px}.strct-tree--comfortable .strct-tnode__spacer{width:16px}.strct-tree--comfortable .strct-tnode__children{margin-inline-start:19px}\n"] }]
         }], propDecorators: { nodes: [{ type: i0.Input, args: [{ isSignal: true, alias: "nodes", required: false }] }], density: [{ type: i0.Input, args: [{ isSignal: true, alias: "density", required: false }] }], framed: [{ type: i0.Input, args: [{ isSignal: true, alias: "framed", required: false }] }], maxHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxHeight", required: false }] }], nodeMenu: [{ type: i0.Input, args: [{ isSignal: true, alias: "nodeMenu", required: false }] }], canDrag: [{ type: i0.Input, args: [{ isSignal: true, alias: "canDrag", required: false }] }], canDrop: [{ type: i0.Input, args: [{ isSignal: true, alias: "canDrop", required: false }] }], dragExpandDelay: [{ type: i0.Input, args: [{ isSignal: true, alias: "dragExpandDelay", required: false }] }], nodeDrop: [{ type: i0.Output, args: ["nodeDrop"] }], chevronAriaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "chevronAriaLabel", required: false }] }], nodeActivated: [{ type: i0.Output, args: ["nodeActivated"] }], nodeMenuSelect: [{ type: i0.Output, args: ["nodeMenuSelect"] }], expandedIds: [{ type: i0.Input, args: [{ isSignal: true, alias: "expandedIds", required: false }] }, { type: i0.Output, args: ["expandedIdsChange"] }], expandedChange: [{ type: i0.Output, args: ["expandedChange"] }], nodeToggled: [{ type: i0.Output, args: ["nodeToggled"] }], projectedNodes: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => StrctTreeNode), { ...{ descendants: false }, isSignal: true }] }] } });
 
-/**
- * Dev-mode diagnostics for combinations a component accepts but cannot honour.
- *
- * Every message names what was ignored and what to do instead. Keyed: a
- * condition warns once per page load, not once per change detection.
- *
- * Production cost: none, PROVIDED each call site is guarded INLINE with
- *   if (typeof ngDevMode !== 'undefined' && ngDevMode) { … }
- * Production builds define `ngDevMode` as false, and the minifier then drops
- * the whole block — messages included. A helper function returning that same
- * expression would NOT be folded across the call, so the check and its
- * strings would ship; that is why no such helper exists here.
- */
-const warned = new Set();
-function strctDevWarn(key, message) {
-    if (typeof ngDevMode === 'undefined' || !ngDevMode || warned.has(key))
-        return;
-    warned.add(key);
-    console.warn(message);
-}
-/** Test hook: forget which warnings have fired. Not part of the public API. */
-function resetStrctDevWarnings() {
-    warned.clear();
-}
-
 /**
  * Refcounted body scroll-lock shared across any number of simultaneously
  * open transient surfaces (modal, drawer …): the first lock hides body
@@ -8106,12 +8312,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
  */
 class StrctInput {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: StrctInput, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.4", type: StrctInput, isStandalone: true, selector: "input[strctInput], textarea[strctInput], select[strctInput]", host: { classAttribute: "strct-control" }, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.4", type: StrctInput, isStandalone: true, selector: "input[strctInput], textarea[strctInput], select[strctInput], input[strct-input], textarea[strct-input], select[strct-input]", host: { classAttribute: "strct-control" }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: StrctInput, decorators: [{
             type: Directive,
             args: [{
-                    selector: 'input[strctInput], textarea[strctInput], select[strctInput]',
+                    // Both spellings: `<button strct-button>` is kebab-case, so `strct-input` is
+                    // what a consumer writes by analogy — and an unstyled input is the silent
+                    // failure that follows. The alias is kinder than a warning and costs nothing.
+                    selector: 'input[strctInput], textarea[strctInput], select[strctInput], ' +
+                        'input[strct-input], textarea[strct-input], select[strct-input]',
                     host: { class: 'strct-control' },
                 }]
         }] });
@@ -12183,6 +12393,22 @@ const DEFAULT_LABEL = {
  *   <strct-status-dot status="critical" size="sm" label="Node unreachable" />
  */
 class StrctStatusDot {
+    hostEl = inject(ElementRef);
+    constructor() {
+        // Dev-only: writing this component the way a sibling is written must not
+        // fail silently. Guarded inline, so production drops the call — and with it
+        // the whole diagnostics module.
+        afterNextRender(() => {
+            if (typeof ngDevMode !== 'undefined' && ngDevMode) {
+                const el = this.hostEl.nativeElement;
+                strctCheckHostInputs(el, 'strct-status-dot', {
+                    status: 'neutral, accent, success, warning, critical',
+                    size: 'sm, md',
+                    label: 'accessible text',
+                });
+            }
+        });
+    }
     /** Status tone (canonical vocabulary: OK = 'success', info = 'accent'). */
     status = input('neutral', /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "status" }] : /* istanbul ignore next */ []));
@@ -12223,7 +12449,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
                         '[class.strct-dot--sm]': "size() === 'sm'",
                         '[class.strct-dot--pulse]': 'pulse()',
                     }, styles: [".strct-dot{display:inline-flex;align-items:center;flex:none;line-height:0}.strct-dot__dot{width:10px;height:10px;border-radius:50%;background:var(--t3)}.strct-dot--sm .strct-dot__dot{width:8px;height:8px}.strct-dot--accent .strct-dot__dot{background:var(--acc)}.strct-dot--success .strct-dot__dot{background:var(--success)}.strct-dot--warning .strct-dot__dot{background:var(--warning)}.strct-dot--critical .strct-dot__dot{background:var(--critical)}.strct-dot--pulse .strct-dot__dot{position:relative}.strct-dot--pulse .strct-dot__dot:after{content:\"\";position:absolute;inset:0;border-radius:50%;background:inherit;animation:strct-dot-pulse 1s ease-out infinite}@keyframes strct-dot-pulse{0%{box-shadow:0 0 0 0 currentColor;opacity:.55}to{box-shadow:0 0 0 5px transparent;opacity:0}}.strct-dot--pulse .strct-dot__dot{color:var(--t3)}.strct-dot--pulse.strct-dot--accent .strct-dot__dot{color:var(--acc)}.strct-dot--pulse.strct-dot--success .strct-dot__dot{color:var(--success)}.strct-dot--pulse.strct-dot--warning .strct-dot__dot{color:var(--warning)}.strct-dot--pulse.strct-dot--critical .strct-dot__dot{color:var(--critical)}@media(prefers-reduced-motion:reduce){.strct-dot--pulse .strct-dot__dot:after{animation:none;box-shadow:0 0 0 3px currentColor;opacity:.25}}.strct-dot__sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}\n"] }]
-        }], propDecorators: { status: [{ type: i0.Input, args: [{ isSignal: true, alias: "status", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], pulse: [{ type: i0.Input, args: [{ isSignal: true, alias: "pulse", required: false }] }] } });
+        }], ctorParameters: () => [], propDecorators: { status: [{ type: i0.Input, args: [{ isSignal: true, alias: "status", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], pulse: [{ type: i0.Input, args: [{ isSignal: true, alias: "pulse", required: false }] }] } });
 
 /**
  * Compact definition list: aligned `label : value` rows with an optional trailing
@@ -18899,6 +19125,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
 
 /** Inline contextual banner. `<strct-alert type="warning">…</strct-alert>`. */
 class StrctAlert {
+    hostEl = inject(ElementRef);
+    constructor() {
+        // Dev-only: writing this component the way a sibling is written must not
+        // fail silently. Guarded inline, so production drops the call — and with it
+        // the whole diagnostics module.
+        afterNextRender(() => {
+            if (typeof ngDevMode !== 'undefined' && ngDevMode) {
+                const el = this.hostEl.nativeElement;
+                strctCheckHostInputs(el, 'strct-alert', {
+                    type: 'info, success, warning, critical',
+                    icon: 'an icon name',
+                });
+                strctCheckHostDisplay(el, 'strct-alert', 'block');
+            }
+        });
+    }
     /** Visual type / variant. */
     type = input('info', /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "type" }] : /* istanbul ignore next */ []));
@@ -18978,7 +19220,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
                         '[class.strct-alert--warning]': "type() === 'warning'",
                         '[class.strct-alert--critical]': "type() === 'critical'",
                     }, styles: [".strct-alert{display:block;padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);font-size:13px;color:var(--t1);background:var(--bg-1);border:1px solid var(--b2);border-inline-start:3px solid var(--acc)}.strct-alert__row{display:flex;align-items:flex-start;gap:var(--space-2)}.strct-alert strct-icon{color:var(--acc);margin-top:1px;flex-shrink:0}.strct-alert__body{flex:1;color:var(--t1)}.strct-alert__close{flex-shrink:0;display:inline-flex;padding:2px;margin-block-start:-2px;margin-inline-end:-2px;border:0;background:transparent;color:var(--t3);cursor:pointer;border-radius:var(--radius-sm)}.strct-alert__close:hover{color:var(--t1);background:var(--bg-3)}.strct-alert--success{border-inline-start-color:var(--success)}.strct-alert--success strct-icon{color:var(--success)}.strct-alert--warning{border-inline-start-color:var(--warning)}.strct-alert--warning strct-icon{color:var(--warning)}.strct-alert--critical{border-inline-start-color:var(--critical)}.strct-alert--critical strct-icon{color:var(--critical)}\n"] }]
-        }], propDecorators: { type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], closable: [{ type: i0.Input, args: [{ isSignal: true, alias: "closable", required: false }] }], dismissLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "dismissLabel", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], closed: [{ type: i0.Output, args: ["closed"] }] } });
+        }], ctorParameters: () => [], propDecorators: { type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], closable: [{ type: i0.Input, args: [{ isSignal: true, alias: "closable", required: false }] }], dismissLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "dismissLabel", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], closed: [{ type: i0.Output, args: ["closed"] }] } });
 
 let tooltipCounter = 0;
 /**
@@ -24050,6 +24292,497 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
         }], 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
@@ -25966,5 +26699,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, 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, 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, strctCheckHostDisplay, strctCheckHostInputs, strctComputeDiff, strctDpPad, strctFormatBytes, strctFormatDuration, strctFormatRate, strctFormatSi, strctQrMatrix, strctValidationIcon, strctValidationTone, unlockBodyScroll };
 //# sourceMappingURL=akcelik-strct.mjs.map