npm - @akcelik/strct - Versions diffs - 4.0.0 → 4.2.0 - Mend

@akcelik/strct 4.0.0 → 4.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/fesm2022/akcelik-strct.mjs +363 -56
package/fesm2022/akcelik-strct.mjs.map +1 -1
package/package.json +1 -1
package/types/akcelik-strct.d.ts +85 -14

package/fesm2022/akcelik-strct.mjs CHANGED Viewed

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { inject, DOCUMENT, signal, computed, Injectable, input, isDevMode, ViewEncapsulation, ChangeDetectionStrategy, Component, ElementRef, NgZone, booleanAttribute, afterNextRender, Directive, model, output, HostListener, contentChildren, effect, ApplicationRef, EnvironmentInjector, createComponent, forwardRef, DestroyRef, contentChild, viewChild, InjectionToken, untracked, Injector, viewChildren, TemplateRef, Renderer2, Pipe, PLATFORM_ID, afterRenderEffect } from '@angular/core';
+import { inject, DOCUMENT, signal, computed, Injectable, input, isDevMode, ViewEncapsulation, ChangeDetectionStrategy, Component, ElementRef, NgZone, booleanAttribute, afterNextRender, Directive, model, output, HostListener, contentChildren, effect, ApplicationRef, EnvironmentInjector, createComponent, forwardRef, DestroyRef, TemplateRef, contentChild, viewChild, InjectionToken, untracked, Injector, viewChildren, Renderer2, Pipe, PLATFORM_ID, afterRenderEffect } from '@angular/core';
 import { DomSanitizer } from '@angular/platform-browser';
 import { NgTemplateOutlet, DOCUMENT as DOCUMENT$1, isPlatformBrowser } from '@angular/common';
 import { RouterLink, RouterLinkActive } from '@angular/router';
@@ -2340,6 +2340,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
   `, host: { class: 'strct-tabs' }, styles: [".strct-tabs{display:block}.strct-tabs__bar{display:flex;gap:2px;border-bottom:1px solid var(--b2);overflow-x:auto;white-space:nowrap;scrollbar-width:none}.strct-tabs__btn{appearance:none;background:transparent;border:0;cursor:pointer;font-family:var(--font);font-size:13px;font-weight:500;color:var(--t2);padding:9px 14px;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .14s ease,border-color .14s ease}.strct-tabs__btn:hover{color:var(--t1)}.strct-tabs__btn--active{color:var(--acc);border-bottom-color:var(--acc)}.strct-tabs__btn:disabled{color:var(--t4);cursor:not-allowed}.strct-tabs__panels{padding-top:16px}.strct-tab[hidden]{display:none}\n"] }]
         }], ctorParameters: () => [], propDecorators: { tabs: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => StrctTab), { isSignal: true }] }], selectedIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedIndex", required: false }] }, { type: i0.Output, args: ["selectedIndexChange"] }], keepAlive: [{ type: i0.Input, args: [{ isSignal: true, alias: "keepAlive", required: false }] }] } });
+let menuPanelCounter = 0;
 /**
  * Floating menu panel — portaled into `<body>` (so it escapes overflow /
  * transform clipping), positioned by its real measured size, with full keyboard
@@ -2381,15 +2382,26 @@ class StrctMenuPanel {
     ...(ngDevMode ? [{ debugName: "activeIndex" }] : /* istanbul ignore next */ []));
     openSubIndex = signal(null, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "openSubIndex" }] : /* istanbul ignore next */ []));
+    /** Entries the keyboard visits: not dividers, and not a disabled entry that
+     *  has nothing to say — a disabled entry WITH a hint is reachable so its
+     *  reason can be read. (Before, disabled entries were "visited" but a
+     *  natively disabled button refused focus, stranding the keyboard.) */
     navIndices = computed(() => this.items()
-        .map((it, i) => (it.divider ? -1 : i))
+        .map((it, i) => (it.divider || (it.disabled && !it.hint) ? -1 : i))
         .filter((i) => i >= 0), /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "navIndices" }] : /* istanbul ignore next */ []));
+    uid = ++menuPanelCounter;
+    hintId(i) {
+        return `strct-menu-${this.uid}-hint-${i}`;
+    }
     constructor() {
         this.posX.set(this.x());
         this.posY.set(this.y());
         afterNextRender(() => {
-            this.activeIndex.set(this.navIndices()[0] ?? 0);
+            // Open on the first entry that can act; a disabled-but-hinted one is
+            // reachable by arrow keys, not the landing spot.
+            const nav = this.navIndices();
+            this.activeIndex.set(nav.find((i) => !this.items()[i].disabled) ?? nav[0] ?? 0);
             this.clampToViewport();
             this.focusItem(this.activeIndex());
         });
@@ -2441,7 +2453,7 @@ class StrctMenuPanel {
     onHover(i) {
         this.activeIndex.set(i);
         const it = this.items()[i];
-        this.openSubIndex.set(it?.children?.length ? i : null);
+        this.openSubIndex.set(it?.children?.length && !it.disabled ? i : null);
     }
     onLeave(i) {
         if (this.openSubIndex() === i)
@@ -2487,7 +2499,7 @@ class StrctMenuPanel {
                 this.focusItem(this.navIndices().at(-1) ?? 0);
                 break;
             case 'ArrowRight':
-                if (item?.children?.length) {
+                if (item?.children?.length && !item.disabled) {
                     event.preventDefault();
                     event.stopPropagation();
                     this.openSubIndex.set(this.activeIndex());
@@ -2532,13 +2544,21 @@ class StrctMenuPanel {
           <div class="strct-menu__sep" role="separator"></div>
         } @else {
           <div class="strct-menu__wrap" (mouseenter)="onHover(i)" (mouseleave)="onLeave(i)">
+            <!-- aria-disabled, not [disabled]: a natively disabled button takes no
+                 focus and, in some browsers, no pointer events — so neither the
+                 keyboard nor the hint's tooltip could reach it. Activation is
+                 blocked in code. The tooltip sits on the button, not the wrapper:
+                 the wrapper also holds the submenu, whose entries would otherwise
+                 inherit this entry's title. -->
             <button
               type="button"
               class="strct-menu__item"
               [attr.data-idx]="i"
               [class.strct-menu__item--critical]="item.critical"
               [class.strct-menu__item--active]="i === activeIndex()"
-              [disabled]="item.disabled"
+              [attr.aria-disabled]="item.disabled ? 'true' : null"
+              [attr.aria-describedby]="item.hint ? hintId(i) : null"
+              [attr.title]="item.hint || null"
               role="menuitem"
               [attr.aria-haspopup]="item.children?.length ? 'menu' : null"
               [attr.aria-expanded]="item.children?.length ? openSubIndex() === i : null"
@@ -2565,6 +2585,11 @@ class StrctMenuPanel {
                 />
               }
             </button>
+            @if (item.hint) {
+              <!-- hidden: kept out of the entry's accessible NAME, yet still read
+                   as its description through aria-describedby. -->
+              <span [id]="hintId(i)" hidden>{{ item.hint }}</span>
+            }
             @if (openSubIndex() === i && item.children?.length) {
               <strct-menu-panel
                 submenu
@@ -2581,7 +2606,7 @@ class StrctMenuPanel {
         }
       }
     </div>
-  `, isInline: true, styles: [".strct-menu-host{display:block}.strct-menu{min-width:180px;padding:4px;background:var(--bg-1);border:1px solid var(--b2);border-radius:var(--radius-md);box-shadow:var(--shh);animation:strct-menu-in .1s ease}.strct-menu:focus{outline:none}.strct-menu__wrap{position:relative}.strct-menu__item{display:flex;align-items:center;gap:8px;width:100%;padding:7px 8px 7px 10px;border:0;border-radius:5px;cursor:pointer;background:transparent;color:var(--t1);font-size:13px;font-family:var(--font);text-align:start}.strct-menu__item:hover:not(:disabled),.strct-menu__item--active:not(:disabled){background:var(--bg-3)}.strct-menu__item:focus-visible{outline:none;background:var(--bg-3)}.strct-menu__item--critical{color:var(--critical)}.strct-menu__item--critical:hover:not(:disabled),.strct-menu__item--critical.strct-menu__item--active:not(:disabled){background:var(--critical-bg)}.strct-menu__item:disabled{opacity:.45;cursor:not-allowed}.strct-menu__icon{color:var(--t2);flex-shrink:0}.strct-menu__item--critical .strct-menu__icon{color:var(--critical)}.strct-menu__icon-spacer{width:14px;flex-shrink:0}.strct-menu__label{flex:1;white-space:nowrap}.strct-menu__arrow{color:var(--t3);flex-shrink:0}.strct-menu__sep{height:1px;margin:4px 6px;background:var(--b1)}.strct-menu__subpanel{position:absolute;top:-5px;inset-inline-start:100%;margin-inline-start:2px;z-index:var(--z-base)}.strct-menu__subpanel--flip{inset-inline-start:auto;inset-inline-end:100%;margin-inline-start:0;margin-inline-end:2px}[dir=rtl] .strct-menu__arrow{transform:rotate(180deg)}@keyframes strct-menu-in{0%{opacity:0;transform:scale(.97)}}\n"], dependencies: [{ kind: "component", type: StrctMenuPanel, selector: "strct-menu-panel", inputs: ["items", "data", "x", "y", "submenu"], outputs: ["select", "close", "back"] }, { kind: "component", type: StrctIcon, selector: "strct-icon", inputs: ["name", "strictName", "size", "strokeWidth", "badge", "ariaLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+  `, isInline: true, styles: [".strct-menu-host{display:block}.strct-menu{min-width:180px;padding:4px;background:var(--bg-1);border:1px solid var(--b2);border-radius:var(--radius-md);box-shadow:var(--shh);animation:strct-menu-in .1s ease}.strct-menu:focus{outline:none}.strct-menu__wrap{position:relative}.strct-menu__item{display:flex;align-items:center;gap:8px;width:100%;padding:7px 8px 7px 10px;border:0;border-radius:5px;cursor:pointer;background:transparent;color:var(--t1);font-size:13px;font-family:var(--font);text-align:start}.strct-menu__item:hover:not([aria-disabled=true]),.strct-menu__item--active:not([aria-disabled=true]){background:var(--bg-3)}.strct-menu__item:focus-visible{outline:none;background:var(--bg-3)}.strct-menu__item--critical{color:var(--critical)}.strct-menu__item--critical:hover:not([aria-disabled=true]),.strct-menu__item--critical.strct-menu__item--active:not([aria-disabled=true]){background:var(--critical-bg)}.strct-menu__item[aria-disabled=true]{opacity:.45;cursor:not-allowed}.strct-menu__icon{color:var(--t2);flex-shrink:0}.strct-menu__item--critical .strct-menu__icon{color:var(--critical)}.strct-menu__icon-spacer{width:14px;flex-shrink:0}.strct-menu__label{flex:1;white-space:nowrap}.strct-menu__arrow{color:var(--t3);flex-shrink:0}.strct-menu__sep{height:1px;margin:4px 6px;background:var(--b1)}.strct-menu__subpanel{position:absolute;top:-5px;inset-inline-start:100%;margin-inline-start:2px;z-index:var(--z-base)}.strct-menu__subpanel--flip{inset-inline-start:auto;inset-inline-end:100%;margin-inline-start:0;margin-inline-end:2px}[dir=rtl] .strct-menu__arrow{transform:rotate(180deg)}@keyframes strct-menu-in{0%{opacity:0;transform:scale(.97)}}\n"], dependencies: [{ kind: "component", type: StrctMenuPanel, selector: "strct-menu-panel", inputs: ["items", "data", "x", "y", "submenu"], outputs: ["select", "close", "back"] }, { kind: "component", type: StrctIcon, selector: "strct-icon", inputs: ["name", "strictName", "size", "strokeWidth", "badge", "ariaLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: StrctMenuPanel, decorators: [{
             type: Component,
@@ -2592,13 +2617,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
           <div class="strct-menu__sep" role="separator"></div>
         } @else {
           <div class="strct-menu__wrap" (mouseenter)="onHover(i)" (mouseleave)="onLeave(i)">
+            <!-- aria-disabled, not [disabled]: a natively disabled button takes no
+                 focus and, in some browsers, no pointer events — so neither the
+                 keyboard nor the hint's tooltip could reach it. Activation is
+                 blocked in code. The tooltip sits on the button, not the wrapper:
+                 the wrapper also holds the submenu, whose entries would otherwise
+                 inherit this entry's title. -->
             <button
               type="button"
               class="strct-menu__item"
               [attr.data-idx]="i"
               [class.strct-menu__item--critical]="item.critical"
               [class.strct-menu__item--active]="i === activeIndex()"
-              [disabled]="item.disabled"
+              [attr.aria-disabled]="item.disabled ? 'true' : null"
+              [attr.aria-describedby]="item.hint ? hintId(i) : null"
+              [attr.title]="item.hint || null"
               role="menuitem"
               [attr.aria-haspopup]="item.children?.length ? 'menu' : null"
               [attr.aria-expanded]="item.children?.length ? openSubIndex() === i : null"
@@ -2625,6 +2658,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
                 />
               }
             </button>
+            @if (item.hint) {
+              <!-- hidden: kept out of the entry's accessible NAME, yet still read
+                   as its description through aria-describedby. -->
+              <span [id]="hintId(i)" hidden>{{ item.hint }}</span>
+            }
             @if (openSubIndex() === i && item.children?.length) {
               <strct-menu-panel
                 submenu
@@ -2647,7 +2685,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
                         '[style.left.px]': 'submenu() ? null : posX()',
                         '[style.top.px]': 'submenu() ? subTop() : posY()',
                         '[style.zIndex]': 'submenu() ? null : 1100',
-                    }, styles: [".strct-menu-host{display:block}.strct-menu{min-width:180px;padding:4px;background:var(--bg-1);border:1px solid var(--b2);border-radius:var(--radius-md);box-shadow:var(--shh);animation:strct-menu-in .1s ease}.strct-menu:focus{outline:none}.strct-menu__wrap{position:relative}.strct-menu__item{display:flex;align-items:center;gap:8px;width:100%;padding:7px 8px 7px 10px;border:0;border-radius:5px;cursor:pointer;background:transparent;color:var(--t1);font-size:13px;font-family:var(--font);text-align:start}.strct-menu__item:hover:not(:disabled),.strct-menu__item--active:not(:disabled){background:var(--bg-3)}.strct-menu__item:focus-visible{outline:none;background:var(--bg-3)}.strct-menu__item--critical{color:var(--critical)}.strct-menu__item--critical:hover:not(:disabled),.strct-menu__item--critical.strct-menu__item--active:not(:disabled){background:var(--critical-bg)}.strct-menu__item:disabled{opacity:.45;cursor:not-allowed}.strct-menu__icon{color:var(--t2);flex-shrink:0}.strct-menu__item--critical .strct-menu__icon{color:var(--critical)}.strct-menu__icon-spacer{width:14px;flex-shrink:0}.strct-menu__label{flex:1;white-space:nowrap}.strct-menu__arrow{color:var(--t3);flex-shrink:0}.strct-menu__sep{height:1px;margin:4px 6px;background:var(--b1)}.strct-menu__subpanel{position:absolute;top:-5px;inset-inline-start:100%;margin-inline-start:2px;z-index:var(--z-base)}.strct-menu__subpanel--flip{inset-inline-start:auto;inset-inline-end:100%;margin-inline-start:0;margin-inline-end:2px}[dir=rtl] .strct-menu__arrow{transform:rotate(180deg)}@keyframes strct-menu-in{0%{opacity:0;transform:scale(.97)}}\n"] }]
+                    }, styles: [".strct-menu-host{display:block}.strct-menu{min-width:180px;padding:4px;background:var(--bg-1);border:1px solid var(--b2);border-radius:var(--radius-md);box-shadow:var(--shh);animation:strct-menu-in .1s ease}.strct-menu:focus{outline:none}.strct-menu__wrap{position:relative}.strct-menu__item{display:flex;align-items:center;gap:8px;width:100%;padding:7px 8px 7px 10px;border:0;border-radius:5px;cursor:pointer;background:transparent;color:var(--t1);font-size:13px;font-family:var(--font);text-align:start}.strct-menu__item:hover:not([aria-disabled=true]),.strct-menu__item--active:not([aria-disabled=true]){background:var(--bg-3)}.strct-menu__item:focus-visible{outline:none;background:var(--bg-3)}.strct-menu__item--critical{color:var(--critical)}.strct-menu__item--critical:hover:not([aria-disabled=true]),.strct-menu__item--critical.strct-menu__item--active:not([aria-disabled=true]){background:var(--critical-bg)}.strct-menu__item[aria-disabled=true]{opacity:.45;cursor:not-allowed}.strct-menu__icon{color:var(--t2);flex-shrink:0}.strct-menu__item--critical .strct-menu__icon{color:var(--critical)}.strct-menu__icon-spacer{width:14px;flex-shrink:0}.strct-menu__label{flex:1;white-space:nowrap}.strct-menu__arrow{color:var(--t3);flex-shrink:0}.strct-menu__sep{height:1px;margin:4px 6px;background:var(--b1)}.strct-menu__subpanel{position:absolute;top:-5px;inset-inline-start:100%;margin-inline-start:2px;z-index:var(--z-base)}.strct-menu__subpanel--flip{inset-inline-start:auto;inset-inline-end:100%;margin-inline-start:0;margin-inline-end:2px}[dir=rtl] .strct-menu__arrow{transform:rotate(180deg)}@keyframes strct-menu-in{0%{opacity:0;transform:scale(.97)}}\n"] }]
         }], ctorParameters: () => [], propDecorators: { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: true }] }], data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: false }] }], x: [{ type: i0.Input, args: [{ isSignal: true, alias: "x", required: false }] }], y: [{ type: i0.Input, args: [{ isSignal: true, alias: "y", required: false }] }], submenu: [{ type: i0.Input, args: [{ isSignal: true, alias: "submenu", required: false }] }], select: [{ type: i0.Output, args: ["select"] }], close: [{ type: i0.Output, args: ["close"] }], back: [{ type: i0.Output, args: ["back"] }] } });
 /**
  * Imperatively opens the data-driven menu panel, portaled into `<body>`. Shared
@@ -3344,6 +3382,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
                     }, styles: [".strct-tree{display:block}.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 }] }], nodeMenu: [{ type: i0.Input, args: [{ isSignal: true, alias: "nodeMenu", required: false }] }], 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
@@ -3378,6 +3441,27 @@ function removeOpenModal(modal) {
 function isTopmostModal(modal) {
     return openModalStack[openModalStack.length - 1] === modal;
 }
+/**
+ * Lazily rendered modal body. Plain projected content is created by the PARENT
+ * with the parent's own view, so it is instantiated — and costs — even while
+ * the modal is closed. Content inside this template is created only while the
+ * modal is open, and destroyed when it closes (state does not survive a close):
+ *
+ *   <strct-modal [(open)]="show" title="Import hosts">
+ *     <ng-template strctModalContent>
+ *       <strct-datagrid [rows]="hosts" … />
+ *     </ng-template>
+ *   </strct-modal>
+ */
+class StrctModalContent {
+    template = inject(TemplateRef);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: StrctModalContent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.4", type: StrctModalContent, isStandalone: true, selector: "[strctModalContent]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: StrctModalContent, decorators: [{
+            type: Directive,
+            args: [{ selector: '[strctModalContent]' }]
+        }] });
 /**
  * Overlay dialog with two-way `open`:
  *   <strct-modal [(open)]="show" title="Confirm">
@@ -3396,7 +3480,8 @@ class StrctModal {
     /** Dialog title. */
     title = input('', /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []));
-    /** Size variant (fixed scale; defaults to `sm` = 480px). */
+    /** Size variant (fixed scale; defaults to `sm` = 480px). Ignored by
+     *  `chromeless`, which sizes from the wizard it hosts. */
     size = input('sm', /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
     /** Hide the footer slot. */
@@ -3406,6 +3491,11 @@ class StrctModal {
      * content (a `flush` vertical wizard) is the dialog surface. `title` still
      * names the dialog for assistive tech; backdrop/Escape dismissal follow
      * `dismissible` as usual.
+     *
+     * The dialog's width comes from the wizard's geometry, not from `size`:
+     * rail + `--strct-wiz-content-min` (default 864px) [+ aside]. To change it,
+     * set that variable on this `strct-modal` or an ancestor — the dialog reads
+     * it on itself, so setting it on the `strct-wizard` inside does not reach it.
      */
     chromeless = input(false, { ...(ngDevMode ? { debugName: "chromeless" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     /** Accessible label of the X close button (localizable). */
@@ -3431,6 +3521,22 @@ class StrctModal {
     ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
     /** Emitted when the alert is dismissed. */
     closed = output();
+    /** Lazily rendered body, if one is provided (see {@link StrctModalContent}). */
+    lazyContent = contentChild(StrctModalContent, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "lazyContent" }] : /* istanbul ignore next */ []));
+    // Dev mode only: `size` is accepted alongside `chromeless` but cannot apply.
+    sizeDiagnostic = typeof ngDevMode !== 'undefined' && ngDevMode
+        ? effect(() => {
+            const size = this.size();
+            if (this.chromeless() && size !== 'sm') {
+                strctDevWarn(`modal:chromeless-size:${size}`, `[strct-modal] size="${size}" has no effect with chromeless: a chromeless ` +
+                    `dialog sizes itself from the wizard it hosts (rail + --strct-wiz-content-min, ` +
+                    `default 864px). To change its width, set --strct-wiz-content-min on the ` +
+                    `strct-modal or an ancestor — on the strct-wizard alone it does not reach ` +
+                    `the dialog.`);
+            }
+        })
+        : null;
     titleId = `strct-modal-${++modalCounter}`;
     /** Element that had focus before the dialog opened, restored on close. */
     previousActive = null;
@@ -3573,7 +3679,7 @@ class StrctModal {
         (items[0] ?? this.dialog())?.focus();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: StrctModal, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.4", type: StrctModal, isStandalone: true, selector: "strct-modal", inputs: { open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, hideFooter: { classPropertyName: "hideFooter", publicName: "hideFooter", isSignal: true, isRequired: false, transformFunction: null }, chromeless: { classPropertyName: "chromeless", publicName: "chromeless", isSignal: true, isRequired: false, transformFunction: null }, closeLabel: { classPropertyName: "closeLabel", publicName: "closeLabel", isSignal: true, isRequired: false, transformFunction: null }, dismissible: { classPropertyName: "dismissible", publicName: "dismissible", isSignal: true, isRequired: false, transformFunction: null }, draggable: { classPropertyName: "draggable", publicName: "draggable", isSignal: true, isRequired: false, transformFunction: null }, panelClass: { classPropertyName: "panelClass", publicName: "panelClass", isSignal: true, isRequired: false, transformFunction: null }, backdropClass: { classPropertyName: "backdropClass", publicName: "backdropClass", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { open: "openChange", closed: "closed" }, host: { listeners: { "document:keydown.escape": "onEscape()" } }, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.4", type: StrctModal, isStandalone: true, selector: "strct-modal", inputs: { open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, hideFooter: { classPropertyName: "hideFooter", publicName: "hideFooter", isSignal: true, isRequired: false, transformFunction: null }, chromeless: { classPropertyName: "chromeless", publicName: "chromeless", isSignal: true, isRequired: false, transformFunction: null }, closeLabel: { classPropertyName: "closeLabel", publicName: "closeLabel", isSignal: true, isRequired: false, transformFunction: null }, dismissible: { classPropertyName: "dismissible", publicName: "dismissible", isSignal: true, isRequired: false, transformFunction: null }, draggable: { classPropertyName: "draggable", publicName: "draggable", isSignal: true, isRequired: false, transformFunction: null }, panelClass: { classPropertyName: "panelClass", publicName: "panelClass", isSignal: true, isRequired: false, transformFunction: null }, backdropClass: { classPropertyName: "backdropClass", publicName: "backdropClass", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { open: "openChange", closed: "closed" }, host: { listeners: { "document:keydown.escape": "onEscape()" } }, queries: [{ propertyName: "lazyContent", first: true, predicate: StrctModalContent, descendants: true, isSignal: true }], ngImport: i0, template: `
     @if (open()) {
       <!-- Backdrop: pointer-only dismiss target. No role/tabindex — keyboard users
            dismiss via Escape, and the focus trap makes the backdrop unreachable
@@ -3619,18 +3725,23 @@ class StrctModal {
               </button>
             </div>
           }
-          <div class="strct-modal__body"><ng-content /></div>
+          <div class="strct-modal__body">
+            <ng-content />
+            @if (lazyContent(); as lazy) {
+              <ng-container [ngTemplateOutlet]="lazy.template" />
+            }
+          </div>
           @if (!hideFooter() && !chromeless()) {
             <div class="strct-modal__foot"><ng-content select="[strctModalFooter]" /></div>
           }
         </div>
       </div>
     }
-  `, isInline: true, styles: [".strct-modal__overlay{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-5);background:var(--backdrop);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:strct-modal-fade .12s ease}@media(max-width:768px){.strct-modal__overlay{padding:var(--space-3)}}.strct-modal__dialog{width:100%;max-height:calc(100vh - 48px);display:flex;flex-direction:column;background:var(--bg-1);border:1px solid var(--b2);border-radius:var(--radius-xl);box-shadow:var(--shadow-elevated);overflow:hidden;animation:strct-modal-rise .14s ease}.strct-modal__dialog--sm{max-width:min(480px,calc(100vw - 32px))}.strct-modal__dialog--md{max-width:min(640px,calc(100vw - 32px))}.strct-modal__dialog--lg{max-width:min(860px,calc(100vw - 32px))}.strct-modal__dialog--xl{max-width:min(1080px,calc(100vw - 32px))}.strct-modal__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--b1)}.strct-modal__head--drag{cursor:move;-webkit-user-select:none;user-select:none;touch-action:none}.strct-modal__overlay--glass{background:#00000061;-webkit-backdrop-filter:blur(10px) saturate(1.25);backdrop-filter:blur(10px) saturate(1.25)}.strct-modal__dialog--glass{background:color-mix(in srgb,var(--bg-1) 72%,transparent);-webkit-backdrop-filter:blur(24px) saturate(1.4);backdrop-filter:blur(24px) saturate(1.4)}.strct-modal__dialog--glass .strct-modal__foot{background:color-mix(in srgb,var(--bg-2) 55%,transparent)}.strct-modal__title{font-size:14px;font-weight:600;color:var(--t1)}.strct-modal__close{display:inline-flex;padding:4px;border:0;border-radius:5px;background:transparent;color:var(--t3);cursor:pointer}.strct-modal__close:hover{color:var(--t1);background:var(--bg-3)}.strct-modal__body{padding:var(--space-4);overflow-y:auto;color:var(--t2);font-size:13px}.strct-modal__dialog--chromeless{width:calc(232px + var(--strct-wiz-content-min, 864px) + 2px);max-width:calc(100vw - 32px)}.strct-modal__dialog--chromeless:has(.strct-wiz__layout--aside){width:calc(232px + var(--strct-wiz-content-min, 864px) + 280px + 2px)}.strct-modal__dialog--chromeless .strct-modal__body{padding:0;overflow:hidden;display:flex;flex-direction:column}.strct-modal__dialog--chromeless .strct-modal__body>*{flex:1;min-height:0}.strct-modal__foot{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid var(--b1);background:var(--bg-2)}@keyframes strct-modal-fade{0%{opacity:0}}@keyframes strct-modal-rise{0%{opacity:0;transform:translateY(8px) scale(.98)}}@media(prefers-reduced-motion:reduce){.strct-modal__overlay,.strct-modal__dialog{animation:none}}\n"], dependencies: [{ kind: "component", type: StrctIcon, selector: "strct-icon", inputs: ["name", "strictName", "size", "strokeWidth", "badge", "ariaLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, styles: [".strct-modal__overlay{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-5);background:var(--backdrop);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:strct-modal-fade .12s ease}@media(max-width:768px){.strct-modal__overlay{padding:var(--space-3)}}.strct-modal__dialog{width:100%;max-height:calc(100vh - 48px);display:flex;flex-direction:column;background:var(--bg-1);border:1px solid var(--b2);border-radius:var(--radius-xl);box-shadow:var(--shadow-elevated);overflow:hidden;animation:strct-modal-rise .14s ease}.strct-modal__dialog--sm{max-width:min(480px,calc(100vw - 32px))}.strct-modal__dialog--md{max-width:min(640px,calc(100vw - 32px))}.strct-modal__dialog--lg{max-width:min(860px,calc(100vw - 32px))}.strct-modal__dialog--xl{max-width:min(1080px,calc(100vw - 32px))}.strct-modal__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--b1)}.strct-modal__head--drag{cursor:move;-webkit-user-select:none;user-select:none;touch-action:none}.strct-modal__overlay--glass{background:#00000061;-webkit-backdrop-filter:blur(10px) saturate(1.25);backdrop-filter:blur(10px) saturate(1.25)}.strct-modal__dialog--glass{background:color-mix(in srgb,var(--bg-1) 72%,transparent);-webkit-backdrop-filter:blur(24px) saturate(1.4);backdrop-filter:blur(24px) saturate(1.4)}.strct-modal__dialog--glass .strct-modal__foot{background:color-mix(in srgb,var(--bg-2) 55%,transparent)}.strct-modal__title{font-size:14px;font-weight:600;color:var(--t1)}.strct-modal__close{display:inline-flex;padding:4px;border:0;border-radius:5px;background:transparent;color:var(--t3);cursor:pointer}.strct-modal__close:hover{color:var(--t1);background:var(--bg-3)}.strct-modal__body{padding:var(--space-4);overflow-y:auto;color:var(--t2);font-size:13px}.strct-modal__dialog--chromeless{width:calc(232px + var(--strct-wiz-content-min, 864px) + 2px);max-width:calc(100vw - 32px)}.strct-modal__dialog--chromeless:has(.strct-wiz__layout--aside){width:calc(232px + var(--strct-wiz-content-min, 864px) + 280px + 2px)}.strct-modal__dialog--chromeless .strct-modal__body{padding:0;overflow:hidden;display:flex;flex-direction:column}.strct-modal__dialog--chromeless .strct-modal__body>*{flex:1;min-height:0}.strct-modal__foot{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid var(--b1);background:var(--bg-2)}@keyframes strct-modal-fade{0%{opacity:0}}@keyframes strct-modal-rise{0%{opacity:0;transform:translateY(8px) scale(.98)}}@media(prefers-reduced-motion:reduce){.strct-modal__overlay,.strct-modal__dialog{animation:none}}\n"], dependencies: [{ kind: "component", type: StrctIcon, selector: "strct-icon", inputs: ["name", "strictName", "size", "strokeWidth", "badge", "ariaLabel"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: StrctModal, decorators: [{
             type: Component,
-            args: [{ selector: 'strct-modal', changeDetection: ChangeDetectionStrategy.OnPush, imports: [StrctIcon], template: `
+            args: [{ selector: 'strct-modal', changeDetection: ChangeDetectionStrategy.OnPush, imports: [StrctIcon, NgTemplateOutlet], template: `
     @if (open()) {
       <!-- Backdrop: pointer-only dismiss target. No role/tabindex — keyboard users
            dismiss via Escape, and the focus trap makes the backdrop unreachable
@@ -3676,7 +3787,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
               </button>
             </div>
           }
-          <div class="strct-modal__body"><ng-content /></div>
+          <div class="strct-modal__body">
+            <ng-content />
+            @if (lazyContent(); as lazy) {
+              <ng-container [ngTemplateOutlet]="lazy.template" />
+            }
+          </div>
           @if (!hideFooter() && !chromeless()) {
             <div class="strct-modal__foot"><ng-content select="[strctModalFooter]" /></div>
           }
@@ -3686,7 +3802,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
   `, host: {
                         '(document:keydown.escape)': 'onEscape()',
                     }, styles: [".strct-modal__overlay{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-5);background:var(--backdrop);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:strct-modal-fade .12s ease}@media(max-width:768px){.strct-modal__overlay{padding:var(--space-3)}}.strct-modal__dialog{width:100%;max-height:calc(100vh - 48px);display:flex;flex-direction:column;background:var(--bg-1);border:1px solid var(--b2);border-radius:var(--radius-xl);box-shadow:var(--shadow-elevated);overflow:hidden;animation:strct-modal-rise .14s ease}.strct-modal__dialog--sm{max-width:min(480px,calc(100vw - 32px))}.strct-modal__dialog--md{max-width:min(640px,calc(100vw - 32px))}.strct-modal__dialog--lg{max-width:min(860px,calc(100vw - 32px))}.strct-modal__dialog--xl{max-width:min(1080px,calc(100vw - 32px))}.strct-modal__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--b1)}.strct-modal__head--drag{cursor:move;-webkit-user-select:none;user-select:none;touch-action:none}.strct-modal__overlay--glass{background:#00000061;-webkit-backdrop-filter:blur(10px) saturate(1.25);backdrop-filter:blur(10px) saturate(1.25)}.strct-modal__dialog--glass{background:color-mix(in srgb,var(--bg-1) 72%,transparent);-webkit-backdrop-filter:blur(24px) saturate(1.4);backdrop-filter:blur(24px) saturate(1.4)}.strct-modal__dialog--glass .strct-modal__foot{background:color-mix(in srgb,var(--bg-2) 55%,transparent)}.strct-modal__title{font-size:14px;font-weight:600;color:var(--t1)}.strct-modal__close{display:inline-flex;padding:4px;border:0;border-radius:5px;background:transparent;color:var(--t3);cursor:pointer}.strct-modal__close:hover{color:var(--t1);background:var(--bg-3)}.strct-modal__body{padding:var(--space-4);overflow-y:auto;color:var(--t2);font-size:13px}.strct-modal__dialog--chromeless{width:calc(232px + var(--strct-wiz-content-min, 864px) + 2px);max-width:calc(100vw - 32px)}.strct-modal__dialog--chromeless:has(.strct-wiz__layout--aside){width:calc(232px + var(--strct-wiz-content-min, 864px) + 280px + 2px)}.strct-modal__dialog--chromeless .strct-modal__body{padding:0;overflow:hidden;display:flex;flex-direction:column}.strct-modal__dialog--chromeless .strct-modal__body>*{flex:1;min-height:0}.strct-modal__foot{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid var(--b1);background:var(--bg-2)}@keyframes strct-modal-fade{0%{opacity:0}}@keyframes strct-modal-rise{0%{opacity:0;transform:translateY(8px) scale(.98)}}@media(prefers-reduced-motion:reduce){.strct-modal__overlay,.strct-modal__dialog{animation:none}}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }, { type: i0.Output, args: ["openChange"] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], hideFooter: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideFooter", required: false }] }], chromeless: [{ type: i0.Input, args: [{ isSignal: true, alias: "chromeless", required: false }] }], closeLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeLabel", required: false }] }], dismissible: [{ type: i0.Input, args: [{ isSignal: true, alias: "dismissible", required: false }] }], draggable: [{ type: i0.Input, args: [{ isSignal: true, alias: "draggable", required: false }] }], panelClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "panelClass", required: false }] }], backdropClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "backdropClass", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], closed: [{ type: i0.Output, args: ["closed"] }] } });
+        }], ctorParameters: () => [], propDecorators: { open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }, { type: i0.Output, args: ["openChange"] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], hideFooter: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideFooter", required: false }] }], chromeless: [{ type: i0.Input, args: [{ isSignal: true, alias: "chromeless", required: false }] }], closeLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeLabel", required: false }] }], dismissible: [{ type: i0.Input, args: [{ isSignal: true, alias: "dismissible", required: false }] }], draggable: [{ type: i0.Input, args: [{ isSignal: true, alias: "draggable", required: false }] }], panelClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "panelClass", required: false }] }], backdropClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "backdropClass", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], closed: [{ type: i0.Output, args: ["closed"] }], lazyContent: [{ type: i0.ContentChild, args: [i0.forwardRef(() => StrctModalContent), { isSignal: true }] }] } });
 /** Marks the drawer's footer action area: `<ng-container strctDrawerFooter>…`. */
 class StrctDrawerFooter {
@@ -3967,7 +4083,7 @@ class StrctDropdown {
     onMenuKeydown(event) {
         if (this.popover())
             return;
-        const items = this.enabledItems();
+        const items = this.navItems();
         if (!items.length)
             return;
         const idx = items.indexOf(event.target);
@@ -3987,7 +4103,9 @@ class StrctDropdown {
         }
         else if (key === 'Enter' || key === ' ') {
             event.preventDefault();
-            event.target.click();
+            const target = event.target;
+            if (target.getAttribute('aria-disabled') !== 'true')
+                target.click();
         }
         else if (key === 'Tab') {
             this.close();
@@ -3998,6 +4116,20 @@ class StrctDropdown {
             ...this.host.nativeElement.querySelectorAll('strct-dropdown-item:not([aria-disabled="true"]), strct-submenu .strct-submenu__trigger'),
         ];
     }
+    /** What the arrow keys visit: enabled items, plus disabled ones that carry a
+     *  hint (so the reason can be read). The menu still opens on an enabled one. */
+    navItems() {
+        const host = this.host.nativeElement;
+        const rows = [
+            ...host.querySelectorAll('strct-dropdown-item'),
+            ...host.querySelectorAll('strct-submenu .strct-submenu__trigger'),
+        ].filter((el) => el.getAttribute('aria-disabled') !== 'true' ||
+            el.classList.contains('strct-dd__item--hinted'));
+        // Two queries, so restore DOM order explicitly. (A single comma-separated
+        // selector is DOM-ordered in browsers, but not in every DOM implementation
+        // — jsdom returns it grouped, which scrambles arrow-key order in tests.)
+        return rows.sort((a, b) => a.compareDocumentPosition(b) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1);
+    }
     /** Focus the selected item if there is one, else the first — after render. */
     focusInitialItem() {
         setTimeout(() => {
@@ -4112,6 +4244,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
                     },
                 }]
         }] });
+let dropdownItemCounter = 0;
 /** A selectable row inside a `<strct-dropdown>`. */
 class StrctDropdownItem {
     /**
@@ -4126,15 +4259,42 @@ class StrctDropdownItem {
     critical = input(false, { ...(ngDevMode ? { debugName: "critical" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     /** Static disable flag. */
     disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /**
+     * A short explanation — typically why a disabled item is unavailable. Shown
+     * as the tooltip and given to assistive technology as the description; never
+     * rendered inline. A disabled item with a hint stays keyboard-reachable so
+     * its reason can be read; activation stays blocked.
+     */
+    hint = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "hint" }] : /* istanbul ignore next */ []));
+    hintId = `strct-dd-item-${++dropdownItemCounter}-hint`;
+    constructor() {
+        // Without pointer-events:none (see the hinted style), a disabled item
+        // would pass clicks to the consumer's (click). Capture-phase at the target
+        // runs before those listeners, and stopping here also keeps the menu's own
+        // activate-and-close handler from seeing it.
+        const host = inject((ElementRef)).nativeElement;
+        host.addEventListener('click', (event) => {
+            if (!this.disabled())
+                return;
+            event.preventDefault();
+            event.stopImmediatePropagation();
+        }, { capture: true });
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: StrctDropdownItem, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.4", type: StrctDropdownItem, isStandalone: true, selector: "strct-dropdown-item", inputs: { selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, critical: { classPropertyName: "critical", publicName: "critical", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.role": "selected() === null ? 'menuitem' : 'menuitemradio'", "attr.aria-checked": "selected()", "attr.tabindex": "disabled() ? null : -1", "class.strct-dd__item--critical": "critical()", "class.strct-dd__item--selected": "selected() === true", "attr.aria-disabled": "disabled() || null" }, classAttribute: "strct-dd__item" }, ngImport: i0, template: `@if (selected() !== null) {
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.4", type: StrctDropdownItem, isStandalone: true, selector: "strct-dropdown-item", inputs: { selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, critical: { classPropertyName: "critical", publicName: "critical", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, hint: { classPropertyName: "hint", publicName: "hint", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.role": "selected() === null ? 'menuitem' : 'menuitemradio'", "attr.aria-checked": "selected()", "attr.tabindex": "disabled() && !hint() ? null : -1", "attr.title": "hint() || null", "attr.aria-describedby": "hint() ? hintId : null", "class.strct-dd__item--hinted": "!!hint()", "class.strct-dd__item--critical": "critical()", "class.strct-dd__item--selected": "selected() === true", "attr.aria-disabled": "disabled() || null" }, classAttribute: "strct-dd__item" }, ngImport: i0, template: `@if (selected() !== null) {
       <span class="strct-dd__check" aria-hidden="true">
         @if (selected()) {
           <strct-icon strictName="check" [size]="12" [strokeWidth]="1.8" />
         }
       </span>
     }
-    <ng-content />`, isInline: true, styles: [".strct-dd__item{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:5px;cursor:pointer;font-size:13px;color:var(--t1)}.strct-dd__item:hover,.strct-dd__item:focus-visible{background:var(--bg-3);outline:none}.strct-dd__check{display:inline-flex;width:14px;flex:none;color:var(--acc)}.strct-dd__item--selected{color:var(--t1);font-weight:600;background:var(--acc-s)}.strct-dd__item--critical{color:var(--critical)}.strct-dd__item--critical:hover{background:var(--critical-bg)}.strct-dd__item[aria-disabled=true]{color:var(--t4);pointer-events:none}\n"], dependencies: [{ kind: "component", type: StrctIcon, selector: "strct-icon", inputs: ["name", "strictName", "size", "strokeWidth", "badge", "ariaLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    <ng-content />
+    @if (hint()) {
+      <!-- hidden: kept out of the item's accessible NAME, still read as its
+           description through aria-describedby. -->
+      <span [id]="hintId" hidden>{{ hint() }}</span>
+    }`, isInline: true, styles: [".strct-dd__item{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:5px;cursor:pointer;font-size:13px;color:var(--t1)}.strct-dd__item:hover,.strct-dd__item:focus-visible{background:var(--bg-3);outline:none}.strct-dd__check{display:inline-flex;width:14px;flex:none;color:var(--acc)}.strct-dd__item--selected{color:var(--t1);font-weight:600;background:var(--acc-s)}.strct-dd__item--critical{color:var(--critical)}.strct-dd__item--critical:hover{background:var(--critical-bg)}.strct-dd__item[aria-disabled=true]{color:var(--t4);pointer-events:none}.strct-dd__item--hinted[aria-disabled=true]{pointer-events:auto;cursor:not-allowed}.strct-dd__item--hinted[aria-disabled=true]:hover{background:transparent}\n"], dependencies: [{ kind: "component", type: StrctIcon, selector: "strct-icon", inputs: ["name", "strictName", "size", "strokeWidth", "badge", "ariaLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: StrctDropdownItem, decorators: [{
             type: Component,
@@ -4145,16 +4305,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
         }
       </span>
     }
-    <ng-content />`, host: {
+    <ng-content />
+    @if (hint()) {
+      <!-- hidden: kept out of the item's accessible NAME, still read as its
+           description through aria-describedby. -->
+      <span [id]="hintId" hidden>{{ hint() }}</span>
+    }`, host: {
                         class: 'strct-dd__item',
                         '[attr.role]': "selected() === null ? 'menuitem' : 'menuitemradio'",
                         '[attr.aria-checked]': 'selected()',
-                        '[attr.tabindex]': 'disabled() ? null : -1',
+                        // A disabled item is skipped — unless it has a hint to be read.
+                        '[attr.tabindex]': 'disabled() && !hint() ? null : -1',
+                        '[attr.title]': 'hint() || null',
+                        '[attr.aria-describedby]': 'hint() ? hintId : null',
+                        '[class.strct-dd__item--hinted]': '!!hint()',
                         '[class.strct-dd__item--critical]': 'critical()',
                         '[class.strct-dd__item--selected]': 'selected() === true',
                         '[attr.aria-disabled]': 'disabled() || null',
-                    }, styles: [".strct-dd__item{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:5px;cursor:pointer;font-size:13px;color:var(--t1)}.strct-dd__item:hover,.strct-dd__item:focus-visible{background:var(--bg-3);outline:none}.strct-dd__check{display:inline-flex;width:14px;flex:none;color:var(--acc)}.strct-dd__item--selected{color:var(--t1);font-weight:600;background:var(--acc-s)}.strct-dd__item--critical{color:var(--critical)}.strct-dd__item--critical:hover{background:var(--critical-bg)}.strct-dd__item[aria-disabled=true]{color:var(--t4);pointer-events:none}\n"] }]
-        }], propDecorators: { selected: [{ type: i0.Input, args: [{ isSignal: true, alias: "selected", required: false }] }], critical: [{ type: i0.Input, args: [{ isSignal: true, alias: "critical", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }] } });
+                    }, styles: [".strct-dd__item{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:5px;cursor:pointer;font-size:13px;color:var(--t1)}.strct-dd__item:hover,.strct-dd__item:focus-visible{background:var(--bg-3);outline:none}.strct-dd__check{display:inline-flex;width:14px;flex:none;color:var(--acc)}.strct-dd__item--selected{color:var(--t1);font-weight:600;background:var(--acc-s)}.strct-dd__item--critical{color:var(--critical)}.strct-dd__item--critical:hover{background:var(--critical-bg)}.strct-dd__item[aria-disabled=true]{color:var(--t4);pointer-events:none}.strct-dd__item--hinted[aria-disabled=true]{pointer-events:auto;cursor:not-allowed}.strct-dd__item--hinted[aria-disabled=true]:hover{background:transparent}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { selected: [{ type: i0.Input, args: [{ isSignal: true, alias: "selected", required: false }] }], critical: [{ type: i0.Input, args: [{ isSignal: true, alias: "critical", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], hint: [{ type: i0.Input, args: [{ isSignal: true, alias: "hint", required: false }] }] } });
 /** Thin separator between groups of menu items. */
 class StrctDropdownDivider {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: StrctDropdownDivider, deps: [], target: i0.ɵɵFactoryTarget.Component });
@@ -4209,7 +4378,9 @@ class StrctContextMenu {
         // guessed size) and focus can land on the first item.
         setTimeout(() => {
             this.clampToViewport();
-            this.focusItem(0);
+            // Land on the first entry that can act, not a disabled-but-hinted one.
+            const first = this.navItems().findIndex((i) => i.getAttribute('aria-disabled') !== 'true');
+            this.focusItem(Math.max(first, 0));
         });
     }
     close() {
@@ -4220,12 +4391,14 @@ class StrctContextMenu {
         restoreFocus(this.restoreTo);
         this.restoreTo = null;
     }
-    /** Enabled `strct-dropdown-item` elements in DOM order. */
+    /** Keyboard-reachable `strct-dropdown-item` elements in DOM order: enabled
+     *  ones, plus disabled ones that carry a hint (so the reason can be read). */
     navItems() {
         const el = this.menuEl()?.nativeElement;
         if (!el)
             return [];
-        return Array.from(el.querySelectorAll('.strct-dd__item:not([aria-disabled="true"])'));
+        return Array.from(el.querySelectorAll('.strct-dd__item')).filter((i) => i.getAttribute('aria-disabled') !== 'true' ||
+            i.classList.contains('strct-dd__item--hinted'));
     }
     /**
      * Focus-based roving: items keep the `tabindex="-1"` their host binding
@@ -4438,8 +4611,10 @@ class StrctSubmenu {
             const panel = this.panel()?.nativeElement;
             // Dropdown-item rows carry tabindex=-1, outside FOCUSABLE_SELECTOR —
             // fall back to the first rovable row when nothing else is tabbable.
-            if (panel && !focusFirstIn(panel))
-                this.panelItems()[0]?.focus();
+            if (panel && !focusFirstIn(panel)) {
+                const items = this.panelItems();
+                (items.find((el) => el.getAttribute('aria-disabled') !== 'true') ?? items[0])?.focus();
+            }
         });
     }
     /**
@@ -4475,11 +4650,13 @@ class StrctSubmenu {
             items[key === 'Home' ? 0 : items.length - 1].focus();
         }
     }
-    /** Rovable rows of the open fly-out (dropdown items, skipping disabled). */
+    /** Rovable rows of the open fly-out: enabled dropdown items, plus disabled
+     *  ones that carry a hint (so the reason can be read). */
     panelItems() {
         const panel = this.panel()?.nativeElement;
         return panel
-            ? [...panel.querySelectorAll('strct-dropdown-item:not([aria-disabled="true"])')]
+            ? [...panel.querySelectorAll('strct-dropdown-item')].filter((i) => i.getAttribute('aria-disabled') !== 'true' ||
+                i.classList.contains('strct-dd__item--hinted'))
             : [];
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: StrctSubmenu, deps: [], target: i0.ɵɵFactoryTarget.Component });
@@ -4668,7 +4845,10 @@ class StrctWizard {
      * ~720px of component width — it never flips horizontal.
      *
      * The default can be flipped app-wide via `provideStrctWizardDefaults`;
-     * this input always wins when bound.
+     * this input always wins when bound. **Tests:** a spec that renders a
+     * component using `strct-wizard` must provide the same defaults the app
+     * does, or it renders the horizontal layout — a different DOM, no rail,
+     * no title.
      */
     vertical = input(this.defaults?.vertical ?? false, { ...(ngDevMode ? { debugName: "vertical" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     /**
@@ -4678,7 +4858,8 @@ class StrctWizard {
      * Size the host with width/height only; do not override its `display`.
      */
     flush = input(false, { ...(ngDevMode ? { debugName: "flush" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    /** Rail heading shown above the progress bar (vertical mode). */
+    /** Rail heading shown above the progress bar. Vertical mode only — the
+     *  horizontal layout has no title band (a dev-mode warning says so). */
     title = input('', /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []));
     /**
@@ -4730,6 +4911,8 @@ class StrctWizard {
     canAdvance = computed(() => this.steps()[this.current()]?.canAdvance() ?? true, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "canAdvance" }] : /* istanbul ignore next */ []));
     constructor() {
+        if (typeof ngDevMode !== 'undefined' && ngDevMode)
+            this.diagnose();
         effect(() => {
             const idx = this.current();
             this.steps().forEach((step, i) => step.setActive(i === idx));
@@ -4739,6 +4922,37 @@ class StrctWizard {
             });
         });
     }
+    /** Dev-mode warnings for inputs the current layout silently ignores. */
+    diagnose() {
+        if (!(typeof ngDevMode !== 'undefined' && ngDevMode))
+            return;
+        effect(() => {
+            const title = this.title();
+            if (title && !this.vertical()) {
+                strctDevWarn('wizard:horizontal-title', `[strct-wizard] title="${title}" is not rendered: only the vertical layout ` +
+                    `has a title band. Set \`vertical\` — or, if the app provides ` +
+                    `provideStrctWizardDefaults({ vertical: true }), provide it here too ` +
+                    `(a test that omits it renders the horizontal wizard).`);
+            }
+        });
+        // A chromeless dialog sizes itself from --strct-wiz-content-min read on the
+        // DIALOG; set on the wizard, it widens the grid but not the dialog.
+        const host = inject((ElementRef)).nativeElement;
+        afterNextRender(() => {
+            const dialog = host.closest('.strct-modal__dialog--chromeless');
+            if (!dialog)
+                return;
+            const prop = '--strct-wiz-content-min';
+            const own = getComputedStyle(host).getPropertyValue(prop).trim();
+            const outer = getComputedStyle(dialog).getPropertyValue(prop).trim();
+            if (own !== outer) {
+                strctDevWarn('wizard:content-min-scope', `[strct-wizard] ${prop} is ${own || '(unset)'} on the wizard but ` +
+                    `${outer || '(unset — default 864px)'} on its chromeless dialog. The dialog ` +
+                    `reads the variable on itself, so its width ignores the wizard's value. Set ` +
+                    `it on the strct-modal or an ancestor instead.`);
+            }
+        });
+    }
     next() {
         if (!this.isLast() && this.canAdvance()) {
             this.current.update((i) => i + 1);
@@ -10492,7 +10706,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
  * Per-column cell template for `strct-table` / `strct-datagrid`. The column key
  * is the directive value; the row, value and column are the template context:
  *
- *   <ng-template strctCell="status" let-row let-value="value">
+ *   <ng-template strctCell="status" let-row let-value="value">   (let-row="row" also works)
  *     <strct-badge [status]="row['success'] ? 'success' : 'critical'">{{ value }}</strct-badge>
  *   </ng-template>
  */
@@ -10576,6 +10790,7 @@ class StrctTable {
                       [ngTemplateOutlet]="tpl"
                       [ngTemplateOutletContext]="{
                         $implicit: row,
+                        row,
                         value: row[col.key],
                         column: col,
                       }"
@@ -10632,6 +10847,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
                       [ngTemplateOutlet]="tpl"
                       [ngTemplateOutletContext]="{
                         $implicit: row,
+                        row,
                         value: row[col.key],
                         column: col,
                       }"
@@ -10809,7 +11025,7 @@ const UTIL_W = { detail: 36, expand: 36, sel: 40 };
 const STICKY_FALLBACK_W = 120;
 /**
  * Marks the expandable-row detail template. The row is the template's implicit
- * context: `<ng-template strctRowDetail let-row> … {{ row['name'] }} … </ng-template>`.
+ * context (`let-row`, or `let-row="row"`): `<ng-template strctRowDetail let-row> … {{ row['name'] }} … </ng-template>`.
  */
 class StrctRowDetailDef {
     template = inject(TemplateRef);
@@ -11603,6 +11819,55 @@ class StrctDatagrid {
     somePageSelected = computed(() => !this.allPageSelected() &&
         this.selectionRows().some((r) => this.selected().has(this.idOf(r))), /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "somePageSelected" }] : /* istanbul ignore next */ []));
+    /** Dev-mode check that row identities can do their job (see util/dev-warn). */
+    diagnoseIdentity(rowId, rows, init, lazy) {
+        if (!(typeof ngDevMode !== 'undefined' && ngDevMode))
+            return;
+        if (rows.length === 0)
+            return;
+        const label = rowId == null ? '' : typeof rowId === 'function' ? 'rowId (function)' : `rowId="${rowId}"`;
+        if (rowId != null) {
+            const seen = new Set();
+            const dupes = new Set();
+            let unresolved = 0;
+            for (const r of rows) {
+                const raw = typeof rowId === 'function' ? rowId(r) : r[rowId];
+                if (raw == null)
+                    unresolved++;
+                else if (seen.has(raw))
+                    dupes.add(raw);
+                else
+                    seen.add(raw);
+            }
+            if (dupes.size > 0) {
+                const sample = [...dupes]
+                    .slice(0, 3)
+                    .map((v) => JSON.stringify(v))
+                    .join(', ');
+                strctDevWarn(`datagrid:dupe:${label}`, `[strct-datagrid] ${label} resolves to the same value for more than one row ` +
+                    `(${sample}). Selection and expansion key on this value, so those rows ` +
+                    `will behave as one. Give each row a distinct value, or drop rowId to key ` +
+                    `on the row object.`);
+            }
+            if (unresolved > 0) {
+                strctDevWarn(`datagrid:unresolved:${label}`, `[strct-datagrid] ${label} does not resolve for ${unresolved} of ${rows.length} ` +
+                    `rows. Those rows fall back to object identity, so their selection and ` +
+                    `expansion will not survive a data refresh. Check the field name, or give ` +
+                    `every row a value.`);
+            }
+        }
+        // Lazy mode seeds ids for rows on other pages, so a miss there is normal.
+        if (!lazy && init && init.length > 0) {
+            const ids = new Set(rows.map((r) => this.idOf(r)));
+            if (!init.some((v) => ids.has(v))) {
+                strctDevWarn(`datagrid:init:${label}`, `[strct-datagrid] initialSelection has ${init.length} value(s), none of which ` +
+                    (rowId == null
+                        ? `is one of the rows — with no rowId, the values must be the row objects themselves. `
+                        : `matches any row's ${label}. `) +
+                    `The pre-selection will be empty.`);
+            }
+        }
+    }
     /** Resolve a row's stable identity: its `rowId` value, or the row object
      *  itself when there is no `rowId` or it resolves to null/undefined. */
     idOf(row) {
@@ -11654,6 +11919,17 @@ class StrctDatagrid {
                 return;
             untracked(() => this.selected.set(new Set(init)));
         });
+        // Dev mode only: say so when rowId or initialSelection cannot do what they
+        // were given to do. In production the effect is never registered.
+        if (typeof ngDevMode !== 'undefined' && ngDevMode) {
+            effect(() => {
+                const rowId = this.rowId();
+                const rows = this.rows();
+                const init = this.initialSelection();
+                const lazy = this.lazy();
+                untracked(() => this.diagnoseIdentity(rowId, rows, init, lazy));
+            });
+        }
         // Server-side mode: announce what to load whenever page / sort / pageSize
         // change (and once on init, so the consumer fetches the first page).
         effect(() => {
@@ -12340,6 +12616,7 @@ class StrctDatagrid {
                             [ngTemplateOutlet]="tpl"
                             [ngTemplateOutletContext]="{
                               $implicit: row,
+                              row,
                               value: row[col.key],
                               column: col,
                             }"
@@ -12368,7 +12645,7 @@ class StrctDatagrid {
                         <div class="strct-dg__detail">
                           <ng-container
                             [ngTemplateOutlet]="detailDef()!.template"
-                            [ngTemplateOutletContext]="{ $implicit: row }"
+                            [ngTemplateOutletContext]="{ $implicit: row, row }"
                           />
                         </div>
                       </td>
@@ -12406,7 +12683,7 @@ class StrctDatagrid {
           <div class="strct-dg__pane-body">
             <ng-container
               [ngTemplateOutlet]="detailDef()!.template"
-              [ngTemplateOutletContext]="{ $implicit: activeRow() }"
+              [ngTemplateOutletContext]="{ $implicit: activeRow(), row: activeRow() }"
             />
           </div>
         </aside>
@@ -12829,6 +13106,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
                             [ngTemplateOutlet]="tpl"
                             [ngTemplateOutletContext]="{
                               $implicit: row,
+                              row,
                               value: row[col.key],
                               column: col,
                             }"
@@ -12857,7 +13135,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
                         <div class="strct-dg__detail">
                           <ng-container
                             [ngTemplateOutlet]="detailDef()!.template"
-                            [ngTemplateOutletContext]="{ $implicit: row }"
+                            [ngTemplateOutletContext]="{ $implicit: row, row }"
                           />
                         </div>
                       </td>
@@ -12895,7 +13173,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
           <div class="strct-dg__pane-body">
             <ng-container
               [ngTemplateOutlet]="detailDef()!.template"
-              [ngTemplateOutletContext]="{ $implicit: activeRow() }"
+              [ngTemplateOutletContext]="{ $implicit: activeRow(), row: activeRow() }"
             />
           </div>
         </aside>
@@ -18117,7 +18395,7 @@ class StrctSplitButton {
     /** Main action label. */
     label = input.required(/* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
-    /** Menu entries (StrctMenuItem: id, label, icon?, critical?, disabled?). */
+    /** Menu entries (StrctMenuItem: id, label, icon?, critical?, disabled?, hint?). */
     items = input([], /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []));
     /** Optional leading icon of the main segment. */
@@ -18165,6 +18443,7 @@ class StrctSplitButton {
             <strct-dropdown-item
               [critical]="item.critical ?? false"
               [disabled]="item.disabled ?? false"
+              [hint]="item.hint"
               (click)="!item.disabled && picked.emit(item)"
             >
               @if (item.icon) {
@@ -18176,7 +18455,7 @@ class StrctSplitButton {
         }
       </strct-dropdown>
     </div>
-  `, isInline: true, styles: [".strct-sbt{display:inline-flex;align-items:stretch}.strct-sbt .strct-dd{display:inline-flex;align-self:stretch}.strct-sbt .strct-dd__trigger{display:inline-flex;align-items:stretch}.strct-sbt__chev{align-self:stretch;height:100%}.strct-sbt__main,.strct-sbt__chev{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--acc);background:transparent;color:var(--acc);font-family:var(--font);font-size:13px;font-weight:600;line-height:1;cursor:pointer;padding:var(--space-2) var(--space-4)}.strct-sbt__main{border-start-start-radius:var(--radius-md);border-end-start-radius:var(--radius-md);border-inline-end:0}.strct-sbt__chev{padding:var(--space-2);border-start-end-radius:var(--radius-md);border-end-end-radius:var(--radius-md);border-inline-start:1px solid var(--acc50)}.strct-sbt--solid .strct-sbt__main,.strct-sbt--solid .strct-sbt__chev{background:var(--acc);color:var(--inv)}.strct-sbt--solid .strct-sbt__chev{border-inline-start-color:color-mix(in srgb,var(--inv) 30%,var(--acc))}.strct-sbt__main:hover:not(:disabled),.strct-sbt__chev:hover:not(:disabled){background:var(--acc18)}.strct-sbt--solid .strct-sbt__main:hover:not(:disabled),.strct-sbt--solid .strct-sbt__chev:hover:not(:disabled){filter:brightness(1.08);background:var(--acc)}.strct-sbt__main:disabled,.strct-sbt__chev:disabled{opacity:.5;cursor:default}.strct-sbt__main:focus-visible,.strct-sbt__chev:focus-visible{outline:2px solid var(--acc50);outline-offset:1px;position:relative;z-index:var(--z-base)}\n"], dependencies: [{ kind: "component", type: StrctDropdown, selector: "strct-dropdown", inputs: ["align", "popover", "popoverLabel"] }, { kind: "component", type: StrctDropdownDivider, selector: "strct-dropdown-divider" }, { kind: "component", type: StrctDropdownItem, selector: "strct-dropdown-item", inputs: ["selected", "critical", "disabled"] }, { kind: "directive", type: StrctDropdownTrigger, selector: "[strctDropdownTrigger]" }, { kind: "component", type: StrctIcon, selector: "strct-icon", inputs: ["name", "strictName", "size", "strokeWidth", "badge", "ariaLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+  `, isInline: true, styles: [".strct-sbt{display:inline-flex;align-items:stretch}.strct-sbt .strct-dd{display:inline-flex;align-self:stretch}.strct-sbt .strct-dd__trigger{display:inline-flex;align-items:stretch}.strct-sbt__chev{align-self:stretch;height:100%}.strct-sbt__main,.strct-sbt__chev{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--acc);background:transparent;color:var(--acc);font-family:var(--font);font-size:13px;font-weight:600;line-height:1;cursor:pointer;padding:var(--space-2) var(--space-4)}.strct-sbt__main{border-start-start-radius:var(--radius-md);border-end-start-radius:var(--radius-md);border-inline-end:0}.strct-sbt__chev{padding:var(--space-2);border-start-end-radius:var(--radius-md);border-end-end-radius:var(--radius-md);border-inline-start:1px solid var(--acc50)}.strct-sbt--solid .strct-sbt__main,.strct-sbt--solid .strct-sbt__chev{background:var(--acc);color:var(--inv)}.strct-sbt--solid .strct-sbt__chev{border-inline-start-color:color-mix(in srgb,var(--inv) 30%,var(--acc))}.strct-sbt__main:hover:not(:disabled),.strct-sbt__chev:hover:not(:disabled){background:var(--acc18)}.strct-sbt--solid .strct-sbt__main:hover:not(:disabled),.strct-sbt--solid .strct-sbt__chev:hover:not(:disabled){filter:brightness(1.08);background:var(--acc)}.strct-sbt__main:disabled,.strct-sbt__chev:disabled{opacity:.5;cursor:default}.strct-sbt__main:focus-visible,.strct-sbt__chev:focus-visible{outline:2px solid var(--acc50);outline-offset:1px;position:relative;z-index:var(--z-base)}\n"], dependencies: [{ kind: "component", type: StrctDropdown, selector: "strct-dropdown", inputs: ["align", "popover", "popoverLabel"] }, { kind: "component", type: StrctDropdownDivider, selector: "strct-dropdown-divider" }, { kind: "component", type: StrctDropdownItem, selector: "strct-dropdown-item", inputs: ["selected", "critical", "disabled", "hint"] }, { kind: "directive", type: StrctDropdownTrigger, selector: "[strctDropdownTrigger]" }, { kind: "component", type: StrctIcon, selector: "strct-icon", inputs: ["name", "strictName", "size", "strokeWidth", "badge", "ariaLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: StrctSplitButton, decorators: [{
             type: Component,
@@ -18216,6 +18495,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
             <strct-dropdown-item
               [critical]="item.critical ?? false"
               [disabled]="item.disabled ?? false"
+              [hint]="item.hint"
               (click)="!item.disabled && picked.emit(item)"
             >
               @if (item.icon) {
@@ -18570,6 +18850,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
                 args: ['window:scroll']
             }] } });
+let menubarCounter = 0;
 /**
  * Horizontal menubar — the application-menu strip ("File · Edit · View") for
  * dense tool-style consoles:
@@ -18696,7 +18977,7 @@ class StrctMenubar {
                 event.preventDefault();
                 event.stopPropagation();
                 const idx = Number(active?.getAttribute('data-idx'));
-                if (menu.items[idx]?.children?.length) {
+                if (menu.items[idx]?.children?.length && !menu.items[idx].disabled) {
                     this.subIdx.set(idx);
                     setTimeout(() => this.navButtons(true)[0]?.focus());
                 }
@@ -18747,18 +19028,24 @@ class StrctMenubar {
             restoreFocus(this.trigger);
         this.trigger = null;
     }
+    uid = ++menubarCounter;
+    hintId(menuId, i, j) {
+        // menu ids are consumer data; aria-describedby splits on whitespace.
+        const menu = menuId.replace(/\s+/g, '_');
+        return `strct-mb-${this.uid}-${menu}-${i}${j == null ? '' : '-' + j}-hint`;
+    }
     topButtons() {
         return Array.from(this.host.nativeElement.querySelectorAll('.strct-mb__top'));
     }
-    /** Enabled item buttons of the open menu — either its items or the open submenu's. */
+    /** Keyboard-reachable item buttons of the open menu — either its items or the
+     *  open submenu's: enabled ones, plus disabled ones that carry a hint (so the
+     *  reason can be read). A disabled entry with nothing to say is skipped. */
     navButtons(sub) {
         const menuEl = this.host.nativeElement.querySelector('.strct-mb__menu');
         if (!menuEl)
             return [];
-        const sel = sub
-            ? '.strct-mb__subitem:not([disabled])'
-            : '.strct-mb__item:not([disabled]):not(.strct-mb__subitem)';
-        return Array.from(menuEl.querySelectorAll(sel));
+        const sel = sub ? '.strct-mb__subitem' : '.strct-mb__item:not(.strct-mb__subitem)';
+        return Array.from(menuEl.querySelectorAll(sel)).filter((b) => b.getAttribute('aria-disabled') !== 'true' || b.hasAttribute('aria-describedby'));
     }
     onDocClick(event) {
         if (this.openId() && !this.host.nativeElement.contains(event.target)) {
@@ -18810,7 +19097,9 @@ class StrctMenubar {
                       [class.strct-mb__item--critical]="item.critical"
                       [attr.aria-haspopup]="item.children?.length ? 'menu' : null"
                       [attr.aria-expanded]="item.children?.length ? subIdx() === i : null"
-                      [disabled]="item.disabled || null"
+                      [attr.aria-disabled]="item.disabled ? 'true' : null"
+                      [attr.aria-describedby]="item.hint ? hintId(menu.id, i) : null"
+                      [attr.title]="item.hint || null"
                       (click)="onItemClick(menu, item, i)"
                       (mouseenter)="onItemHover(item, i)"
                     >
@@ -18822,9 +19111,12 @@ class StrctMenubar {
                         <strct-icon class="strct-mb__caret" name="chevronRight" [size]="12" />
                       }
                     </button>
+                    @if (item.hint) {
+                      <span [id]="hintId(menu.id, i)" hidden>{{ item.hint }}</span>
+                    }
                     @if (subIdx() === i && item.children?.length) {
                       <div class="strct-mb__submenu" role="menu" [attr.aria-label]="item.label">
-                        @for (sub of item.children; track $index) {
+                        @for (sub of item.children; track $index; let j = $index) {
                           @if (sub.divider) {
                             <div class="strct-mb__divider" role="separator"></div>
                           } @else {
@@ -18833,7 +19125,9 @@ class StrctMenubar {
                               class="strct-mb__item strct-mb__subitem"
                               role="menuitem"
                               [class.strct-mb__item--critical]="sub.critical"
-                              [disabled]="sub.disabled || null"
+                              [attr.aria-disabled]="sub.disabled ? 'true' : null"
+                              [attr.aria-describedby]="sub.hint ? hintId(menu.id, i, j) : null"
+                              [attr.title]="sub.hint || null"
                               (click)="pick(menu, sub)"
                             >
                               @if (sub.icon) {
@@ -18841,6 +19135,9 @@ class StrctMenubar {
                               }
                               {{ sub.label }}
                             </button>
+                            @if (sub.hint) {
+                              <span [id]="hintId(menu.id, i, j)" hidden>{{ sub.hint }}</span>
+                            }
                           }
                         }
                       </div>
@@ -18853,7 +19150,7 @@ class StrctMenubar {
         </div>
       }
     </div>
-  `, isInline: true, styles: [".strct-mb{display:inline-flex;gap:2px;padding:2px;background:var(--bg-2);border:1px solid var(--b1);border-radius:var(--radius-md)}.strct-mb__wrap{position:relative}.strct-mb__top{padding:4px 11px;border:0;border-radius:5px;background:transparent;color:var(--t1);font-family:var(--font);font-size:12.5px;cursor:pointer;white-space:nowrap}.strct-mb__top:hover,.strct-mb__top--open{background:var(--bg-3)}.strct-mb__top:focus-visible{outline:2px solid var(--acc50);outline-offset:1px}.strct-mb__menu{position:absolute;top:calc(100% + 4px);inset-inline-start:0;z-index:var(--z-dropdown);min-width:180px;padding:4px;background:var(--bg-1);border:1px solid var(--b2);border-radius:var(--radius-md);box-shadow:var(--shh);display:flex;flex-direction:column}.strct-mb__menu:focus{outline:none}.strct-mb__item{display:flex;align-items:center;gap:8px;width:100%;padding:6px 10px;border:0;border-radius:5px;background:transparent;color:var(--t1);font-family:var(--font);font-size:12.5px;text-align:start;cursor:pointer;white-space:nowrap}.strct-mb__item:hover:not(:disabled){background:var(--bg-3)}.strct-mb__item--critical{color:var(--critical)}.strct-mb__item--critical:hover:not(:disabled){background:var(--critical-bg)}.strct-mb__item:disabled{color:var(--t4);cursor:default}.strct-mb__item:focus-visible{outline:2px solid var(--acc50);outline-offset:-2px}.strct-mb__divider{height:1px;margin:4px 6px;background:var(--b2)}.strct-mb__row{position:relative}.strct-mb__caret{margin-inline-start:auto;color:var(--t3)}[dir=rtl] .strct-mb__caret{transform:rotate(180deg)}.strct-mb__submenu{position:absolute;top:-5px;inset-inline-start:calc(100% + 2px);z-index:var(--z-base);min-width:160px;padding:4px;background:var(--bg-1);border:1px solid var(--b2);border-radius:var(--radius-md);box-shadow:var(--shh);display:flex;flex-direction:column}\n"], dependencies: [{ kind: "component", type: StrctIcon, selector: "strct-icon", inputs: ["name", "strictName", "size", "strokeWidth", "badge", "ariaLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+  `, isInline: true, styles: [".strct-mb{display:inline-flex;gap:2px;padding:2px;background:var(--bg-2);border:1px solid var(--b1);border-radius:var(--radius-md)}.strct-mb__wrap{position:relative}.strct-mb__top{padding:4px 11px;border:0;border-radius:5px;background:transparent;color:var(--t1);font-family:var(--font);font-size:12.5px;cursor:pointer;white-space:nowrap}.strct-mb__top:hover,.strct-mb__top--open{background:var(--bg-3)}.strct-mb__top:focus-visible{outline:2px solid var(--acc50);outline-offset:1px}.strct-mb__menu{position:absolute;top:calc(100% + 4px);inset-inline-start:0;z-index:var(--z-dropdown);min-width:180px;padding:4px;background:var(--bg-1);border:1px solid var(--b2);border-radius:var(--radius-md);box-shadow:var(--shh);display:flex;flex-direction:column}.strct-mb__menu:focus{outline:none}.strct-mb__item{display:flex;align-items:center;gap:8px;width:100%;padding:6px 10px;border:0;border-radius:5px;background:transparent;color:var(--t1);font-family:var(--font);font-size:12.5px;text-align:start;cursor:pointer;white-space:nowrap}.strct-mb__item:hover:not([aria-disabled=true]){background:var(--bg-3)}.strct-mb__item--critical{color:var(--critical)}.strct-mb__item--critical:hover:not([aria-disabled=true]){background:var(--critical-bg)}.strct-mb__item[aria-disabled=true]{color:var(--t4);cursor:default}.strct-mb__item:focus-visible{outline:2px solid var(--acc50);outline-offset:-2px}.strct-mb__divider{height:1px;margin:4px 6px;background:var(--b2)}.strct-mb__row{position:relative}.strct-mb__caret{margin-inline-start:auto;color:var(--t3)}[dir=rtl] .strct-mb__caret{transform:rotate(180deg)}.strct-mb__submenu{position:absolute;top:-5px;inset-inline-start:calc(100% + 2px);z-index:var(--z-base);min-width:160px;padding:4px;background:var(--bg-1);border:1px solid var(--b2);border-radius:var(--radius-md);box-shadow:var(--shh);display:flex;flex-direction:column}\n"], dependencies: [{ kind: "component", type: StrctIcon, selector: "strct-icon", inputs: ["name", "strictName", "size", "strokeWidth", "badge", "ariaLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: StrctMenubar, decorators: [{
             type: Component,
@@ -18895,7 +19192,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
                       [class.strct-mb__item--critical]="item.critical"
                       [attr.aria-haspopup]="item.children?.length ? 'menu' : null"
                       [attr.aria-expanded]="item.children?.length ? subIdx() === i : null"
-                      [disabled]="item.disabled || null"
+                      [attr.aria-disabled]="item.disabled ? 'true' : null"
+                      [attr.aria-describedby]="item.hint ? hintId(menu.id, i) : null"
+                      [attr.title]="item.hint || null"
                       (click)="onItemClick(menu, item, i)"
                       (mouseenter)="onItemHover(item, i)"
                     >
@@ -18907,9 +19206,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
                         <strct-icon class="strct-mb__caret" name="chevronRight" [size]="12" />
                       }
                     </button>
+                    @if (item.hint) {
+                      <span [id]="hintId(menu.id, i)" hidden>{{ item.hint }}</span>
+                    }
                     @if (subIdx() === i && item.children?.length) {
                       <div class="strct-mb__submenu" role="menu" [attr.aria-label]="item.label">
-                        @for (sub of item.children; track $index) {
+                        @for (sub of item.children; track $index; let j = $index) {
                           @if (sub.divider) {
                             <div class="strct-mb__divider" role="separator"></div>
                           } @else {
@@ -18918,7 +19220,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
                               class="strct-mb__item strct-mb__subitem"
                               role="menuitem"
                               [class.strct-mb__item--critical]="sub.critical"
-                              [disabled]="sub.disabled || null"
+                              [attr.aria-disabled]="sub.disabled ? 'true' : null"
+                              [attr.aria-describedby]="sub.hint ? hintId(menu.id, i, j) : null"
+                              [attr.title]="sub.hint || null"
                               (click)="pick(menu, sub)"
                             >
                               @if (sub.icon) {
@@ -18926,6 +19230,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
                               }
                               {{ sub.label }}
                             </button>
+                            @if (sub.hint) {
+                              <span [id]="hintId(menu.id, i, j)" hidden>{{ sub.hint }}</span>
+                            }
                           }
                         }
                       </div>
@@ -18938,7 +19245,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
         </div>
       }
     </div>
-  `, styles: [".strct-mb{display:inline-flex;gap:2px;padding:2px;background:var(--bg-2);border:1px solid var(--b1);border-radius:var(--radius-md)}.strct-mb__wrap{position:relative}.strct-mb__top{padding:4px 11px;border:0;border-radius:5px;background:transparent;color:var(--t1);font-family:var(--font);font-size:12.5px;cursor:pointer;white-space:nowrap}.strct-mb__top:hover,.strct-mb__top--open{background:var(--bg-3)}.strct-mb__top:focus-visible{outline:2px solid var(--acc50);outline-offset:1px}.strct-mb__menu{position:absolute;top:calc(100% + 4px);inset-inline-start:0;z-index:var(--z-dropdown);min-width:180px;padding:4px;background:var(--bg-1);border:1px solid var(--b2);border-radius:var(--radius-md);box-shadow:var(--shh);display:flex;flex-direction:column}.strct-mb__menu:focus{outline:none}.strct-mb__item{display:flex;align-items:center;gap:8px;width:100%;padding:6px 10px;border:0;border-radius:5px;background:transparent;color:var(--t1);font-family:var(--font);font-size:12.5px;text-align:start;cursor:pointer;white-space:nowrap}.strct-mb__item:hover:not(:disabled){background:var(--bg-3)}.strct-mb__item--critical{color:var(--critical)}.strct-mb__item--critical:hover:not(:disabled){background:var(--critical-bg)}.strct-mb__item:disabled{color:var(--t4);cursor:default}.strct-mb__item:focus-visible{outline:2px solid var(--acc50);outline-offset:-2px}.strct-mb__divider{height:1px;margin:4px 6px;background:var(--b2)}.strct-mb__row{position:relative}.strct-mb__caret{margin-inline-start:auto;color:var(--t3)}[dir=rtl] .strct-mb__caret{transform:rotate(180deg)}.strct-mb__submenu{position:absolute;top:-5px;inset-inline-start:calc(100% + 2px);z-index:var(--z-base);min-width:160px;padding:4px;background:var(--bg-1);border:1px solid var(--b2);border-radius:var(--radius-md);box-shadow:var(--shh);display:flex;flex-direction:column}\n"] }]
+  `, styles: [".strct-mb{display:inline-flex;gap:2px;padding:2px;background:var(--bg-2);border:1px solid var(--b1);border-radius:var(--radius-md)}.strct-mb__wrap{position:relative}.strct-mb__top{padding:4px 11px;border:0;border-radius:5px;background:transparent;color:var(--t1);font-family:var(--font);font-size:12.5px;cursor:pointer;white-space:nowrap}.strct-mb__top:hover,.strct-mb__top--open{background:var(--bg-3)}.strct-mb__top:focus-visible{outline:2px solid var(--acc50);outline-offset:1px}.strct-mb__menu{position:absolute;top:calc(100% + 4px);inset-inline-start:0;z-index:var(--z-dropdown);min-width:180px;padding:4px;background:var(--bg-1);border:1px solid var(--b2);border-radius:var(--radius-md);box-shadow:var(--shh);display:flex;flex-direction:column}.strct-mb__menu:focus{outline:none}.strct-mb__item{display:flex;align-items:center;gap:8px;width:100%;padding:6px 10px;border:0;border-radius:5px;background:transparent;color:var(--t1);font-family:var(--font);font-size:12.5px;text-align:start;cursor:pointer;white-space:nowrap}.strct-mb__item:hover:not([aria-disabled=true]){background:var(--bg-3)}.strct-mb__item--critical{color:var(--critical)}.strct-mb__item--critical:hover:not([aria-disabled=true]){background:var(--critical-bg)}.strct-mb__item[aria-disabled=true]{color:var(--t4);cursor:default}.strct-mb__item:focus-visible{outline:2px solid var(--acc50);outline-offset:-2px}.strct-mb__divider{height:1px;margin:4px 6px;background:var(--b2)}.strct-mb__row{position:relative}.strct-mb__caret{margin-inline-start:auto;color:var(--t3)}[dir=rtl] .strct-mb__caret{transform:rotate(180deg)}.strct-mb__submenu{position:absolute;top:-5px;inset-inline-start:calc(100% + 2px);z-index:var(--z-base);min-width:160px;padding:4px;background:var(--bg-1);border:1px solid var(--b2);border-radius:var(--radius-md);box-shadow:var(--shh);display:flex;flex-direction:column}\n"] }]
         }], propDecorators: { menus: [{ type: i0.Input, args: [{ isSignal: true, alias: "menus", required: true }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], picked: [{ type: i0.Output, args: ["picked"] }], onDocClick: [{
                 type: HostListener,
                 args: ['document:click', ['$event']]
@@ -21573,5 +21880,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, StrctCascadeColumn, StrctCascadeHost, StrctCascadeSelect, StrctCellDef, StrctCellStatus, StrctChart, StrctCheckbox, StrctChips, StrctCode, StrctColorPicker, StrctCombobox, StrctCommandPalette, StrctConfirmOutlet, StrctConfirmService, StrctContextMenu, StrctContextMenuTrigger, StrctCopy, StrctDatagrid, StrctDatagridActionBar, StrctDatepicker, StrctDatetimePicker, StrctDesc, StrctDescriptionList, StrctDiff, StrctDivider, StrctDonut, StrctDrawer, StrctDrawerFooter, StrctDropdown, StrctDropdownDivider, StrctDropdownItem, StrctDropdownTrigger, StrctDurationPipe, StrctEmptyState, StrctField, StrctFile, StrctFilterBar, StrctFlow, StrctFooter, StrctGauge, StrctHeader, StrctHeatmap, StrctHero, StrctHotkeysHelp, StrctHotkeysService, StrctIcon, StrctInlineEdit, StrctInput, StrctInputMask, StrctInputOtp, StrctKbd, StrctKnob, StrctLogViewer, StrctLogin, StrctMenuPanel, StrctMenuService, StrctMenubar, StrctMetricTile, StrctModal, StrctNav, StrctNavItem, StrctNotificationCenter, StrctNumber, StrctOverlay, StrctPageHeader, StrctPageHeaderActions, StrctPageHeaderCrumbs, StrctPagination, StrctPassword, StrctPopover, StrctPopoverTrigger, StrctProgress, StrctRadio, StrctRadioGroup, StrctRail, StrctRange, StrctRatePipe, StrctRating, StrctReorder, StrctReorderItem, StrctRowDetailDef, StrctSearchbox, StrctSectionMenu, StrctSegmented, StrctSelect, StrctShell, StrctShellService, StrctSiPipe, StrctSignpost, StrctSignpostTrigger, StrctSkeleton, StrctSparkline, StrctSpeedDial, StrctSpinner, StrctSplitButton, StrctSplitter, StrctStack, StrctStackItem, StrctStatusDot, StrctStep, StrctSubmenu, StrctTab, StrctTable, StrctTabs, StrctTag, StrctThemeService, StrctThemeSwitcher, StrctTimeRangePicker, StrctTimeline, StrctTimelineItem, StrctToastOutlet, StrctToastService, StrctToggle, StrctToolbar, StrctToolbarSpacer, StrctTooltip, StrctTour, StrctTransfer, StrctTree, StrctTreeNode, StrctTreeSelect, StrctVerticalNav, StrctWatermark, 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, StrctCascadeColumn, StrctCascadeHost, StrctCascadeSelect, StrctCellDef, StrctCellStatus, StrctChart, StrctCheckbox, StrctChips, StrctCode, StrctColorPicker, StrctCombobox, StrctCommandPalette, StrctConfirmOutlet, StrctConfirmService, StrctContextMenu, StrctContextMenuTrigger, StrctCopy, StrctDatagrid, StrctDatagridActionBar, StrctDatepicker, StrctDatetimePicker, StrctDesc, StrctDescriptionList, StrctDiff, StrctDivider, StrctDonut, StrctDrawer, StrctDrawerFooter, StrctDropdown, StrctDropdownDivider, StrctDropdownItem, StrctDropdownTrigger, StrctDurationPipe, StrctEmptyState, StrctField, StrctFile, StrctFilterBar, StrctFlow, StrctFooter, StrctGauge, StrctHeader, StrctHeatmap, StrctHero, StrctHotkeysHelp, StrctHotkeysService, StrctIcon, StrctInlineEdit, StrctInput, StrctInputMask, StrctInputOtp, StrctKbd, StrctKnob, StrctLogViewer, StrctLogin, StrctMenuPanel, StrctMenuService, StrctMenubar, StrctMetricTile, StrctModal, StrctModalContent, StrctNav, StrctNavItem, StrctNotificationCenter, StrctNumber, StrctOverlay, StrctPageHeader, StrctPageHeaderActions, StrctPageHeaderCrumbs, StrctPagination, StrctPassword, StrctPopover, StrctPopoverTrigger, StrctProgress, StrctRadio, StrctRadioGroup, StrctRail, StrctRange, StrctRatePipe, StrctRating, StrctReorder, StrctReorderItem, StrctRowDetailDef, StrctSearchbox, StrctSectionMenu, StrctSegmented, StrctSelect, StrctShell, StrctShellService, StrctSiPipe, StrctSignpost, StrctSignpostTrigger, StrctSkeleton, StrctSparkline, StrctSpeedDial, StrctSpinner, StrctSplitButton, StrctSplitter, StrctStack, StrctStackItem, StrctStatusDot, StrctStep, StrctSubmenu, StrctTab, StrctTable, StrctTabs, StrctTag, StrctThemeService, StrctThemeSwitcher, StrctTimeRangePicker, StrctTimeline, StrctTimelineItem, StrctToastOutlet, StrctToastService, StrctToggle, StrctToolbar, StrctToolbarSpacer, StrctTooltip, StrctTour, StrctTransfer, StrctTree, StrctTreeNode, StrctTreeSelect, StrctVerticalNav, StrctWatermark, StrctWizard, StrctWizardAside, focusFirstIn, keepTabInside, lockBodyScroll, parseAnsi, provideStrctWizardDefaults, registerStrctIcon, restoreFocus, saveFocusedElement, strctComputeDiff, strctDpPad, strctFormatBytes, strctFormatDuration, strctFormatRate, strctFormatSi, strctValidationIcon, strctValidationTone, unlockBodyScroll };
 //# sourceMappingURL=akcelik-strct.mjs.map