@akcelik/strct 4.0.0 → 4.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@akcelik/strct",
-  "version": "4.0.0",
+  "version": "4.2.0",
   "description": "UIStruct — a standalone Angular component library with a tokenised, multi-palette theme system, built for datacenter / infrastructure management UIs.",
   "author": "Serkan Akcelik <serkan.akcelik@gmail.com>",
   "license": "MIT",

package/types/akcelik-strct.d.ts

@@ -1,5 +1,5 @@
 import * as _angular_core from '@angular/core';
-import { OnDestroy, ElementRef, InjectionToken, Provider, TemplateRef, PipeTransform } from '@angular/core';
+import { OnDestroy, TemplateRef, ElementRef, InjectionToken, Provider, PipeTransform } from '@angular/core';
 import { SafeHtml, SafeStyle } from '@angular/platform-browser';
 import { ControlValueAccessor } from '@angular/forms';
 import * as _akcelik_strct from '@akcelik/strct';
@@ -878,7 +878,16 @@ interface StrctMenuItem {
     icon?: string;
     /** Destructive styling. */
     critical?: boolean;
+    /** Unavailable: shown dimmed and cannot be activated. Pair with `hint` to say why. */
     disabled?: boolean;
+    /**
+     * A short explanation — typically why a disabled entry is unavailable
+     * ("VM must be powered off to clone."). Shown as the entry's tooltip and
+     * given to assistive technology as its description; never rendered inline,
+     * so it never widens the menu. A disabled entry WITH a hint stays reachable
+     * by keyboard so its reason can be read; without one it is skipped, as before.
+     */
+    hint?: string;
     /** Render a separator instead of an entry (label is ignored). */
     divider?: boolean;
     /** Nested submenu. */
@@ -919,7 +928,13 @@ declare class StrctMenuPanel {
     protected readonly flipLeft: _angular_core.WritableSignal<boolean>;
     protected readonly activeIndex: _angular_core.WritableSignal<number>;
     protected readonly openSubIndex: _angular_core.WritableSignal<number | null>;
+    /** 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.) */
     private readonly navIndices;
+    private readonly uid;
+    protected hintId(i: number): string;
     constructor();
     private clampToViewport;
     protected focusItem(i: number): void;
@@ -1179,6 +1194,23 @@ declare class StrctTree {
 
 /** Fixed modal width presets: sm 480 · md 640 · lg 860 · xl 1080 (px). */
 type StrctModalSize = 'sm' | 'md' | 'lg' | 'xl';
+/**
+ * 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>
+ */
+declare class StrctModalContent {
+    readonly template: TemplateRef<void>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<StrctModalContent, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<StrctModalContent, "[strctModalContent]", never, {}, {}, never, never, true, never>;
+}
 /**
  * Overlay dialog with two-way `open`:
  *   <strct-modal [(open)]="show" title="Confirm">
@@ -1195,7 +1227,8 @@ declare class StrctModal {
     readonly open: _angular_core.ModelSignal<boolean>;
     /** Dialog title. */
     readonly title: _angular_core.InputSignal<string>;
-    /** 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. */
     readonly size: _angular_core.InputSignal<StrctModalSize>;
     /** Hide the footer slot. */
     readonly hideFooter: _angular_core.InputSignalWithTransform<boolean, unknown>;
@@ -1204,6 +1237,11 @@ declare 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.
      */
     readonly chromeless: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Accessible label of the X close button (localizable). */
@@ -1225,6 +1263,9 @@ declare class StrctModal {
     readonly variant: _angular_core.InputSignal<"solid" | "glass">;
     /** Emitted when the alert is dismissed. */
     readonly closed: _angular_core.OutputEmitterRef<void>;
+    /** Lazily rendered body, if one is provided (see {@link StrctModalContent}). */
+    protected readonly lazyContent: _angular_core.Signal<StrctModalContent | undefined>;
+    private readonly sizeDiagnostic;
     protected readonly titleId: string;
     /** Element that had focus before the dialog opened, restored on close. */
     private previousActive;
@@ -1248,7 +1289,7 @@ declare class StrctModal {
     private focusable;
     private focusInitial;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<StrctModal, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrctModal, "strct-modal", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "hideFooter": { "alias": "hideFooter"; "required": false; "isSignal": true; }; "chromeless": { "alias": "chromeless"; "required": false; "isSignal": true; }; "closeLabel": { "alias": "closeLabel"; "required": false; "isSignal": true; }; "dismissible": { "alias": "dismissible"; "required": false; "isSignal": true; }; "draggable": { "alias": "draggable"; "required": false; "isSignal": true; }; "panelClass": { "alias": "panelClass"; "required": false; "isSignal": true; }; "backdropClass": { "alias": "backdropClass"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, { "open": "openChange"; "closed": "closed"; }, never, ["*", "[strctModalFooter]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrctModal, "strct-modal", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "hideFooter": { "alias": "hideFooter"; "required": false; "isSignal": true; }; "chromeless": { "alias": "chromeless"; "required": false; "isSignal": true; }; "closeLabel": { "alias": "closeLabel"; "required": false; "isSignal": true; }; "dismissible": { "alias": "dismissible"; "required": false; "isSignal": true; }; "draggable": { "alias": "draggable"; "required": false; "isSignal": true; }; "panelClass": { "alias": "panelClass"; "required": false; "isSignal": true; }; "backdropClass": { "alias": "backdropClass"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, { "open": "openChange"; "closed": "closed"; }, ["lazyContent"], ["*", "[strctModalFooter]"], true, never>;
 }
 
 /** Marks the drawer's footer action area: `<ng-container strctDrawerFooter>…`. */
@@ -1353,6 +1394,9 @@ declare class StrctDropdown {
     /** APG menu keyboarding: arrows rove, Home/End jump, Enter/Space activate. */
     protected onMenuKeydown(event: KeyboardEvent): void;
     private enabledItems;
+    /** 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. */
+    private navItems;
     /** Focus the selected item if there is one, else the first — after render. */
     private focusInitialItem;
     protected onDocClick(event: MouseEvent): void;
@@ -1384,8 +1428,17 @@ declare class StrctDropdownItem {
     readonly critical: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Static disable flag. */
     readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * 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.
+     */
+    readonly hint: _angular_core.InputSignal<string | null | undefined>;
+    protected readonly hintId: string;
+    constructor();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<StrctDropdownItem, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrctDropdownItem, "strct-dropdown-item", never, { "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "critical": { "alias": "critical"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrctDropdownItem, "strct-dropdown-item", never, { "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "critical": { "alias": "critical"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 /** Thin separator between groups of menu items. */
 declare class StrctDropdownDivider {
@@ -1423,7 +1476,8 @@ declare class StrctContextMenu {
     private restoreTo;
     onContextMenu(event: MouseEvent): void;
     close(): void;
-    /** 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). */
     private navItems;
     /**
      * Focus-based roving: items keep the `tabindex="-1"` their host binding
@@ -1482,7 +1536,8 @@ declare class StrctSubmenu {
      * the panel so a host menu's own roving/Escape does not also run.
      */
     protected onPanelKeydown(event: KeyboardEvent): void;
-    /** 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). */
     private panelItems;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<StrctSubmenu, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrctSubmenu, "strct-submenu", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; }, {}, never, ["[strctSubmenuLabel]", "*"], true, never>;
@@ -1556,7 +1611,10 @@ declare 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.
      */
     readonly vertical: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /**
@@ -1566,7 +1624,8 @@ declare class StrctWizard {
      * Size the host with width/height only; do not override its `display`.
      */
     readonly flush: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /** 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). */
     readonly title: _angular_core.InputSignal<string>;
     /**
      * Name the content pane after the active step (vertical mode): the step's
@@ -1605,6 +1664,8 @@ declare class StrctWizard {
     /** Whether the current step permits advancing (its `canAdvance`). */
     protected readonly canAdvance: _angular_core.Signal<boolean>;
     constructor();
+    /** Dev-mode warnings for inputs the current layout silently ignores. */
+    private diagnose;
     next(): void;
     back(): void;
     /** Jump to a visited step (rail click). Forward moves still go through Next. */
@@ -3004,8 +3065,12 @@ interface StrctColumn {
 type StrctRow = Record<string, unknown>;
 /** Context passed to a per-column cell template. */
 interface StrctCellContext {
-    /** The row object. */
+    /** The row object — `let-row`. */
     $implicit: StrctRow;
+    /** The row object again, by name — so `let-row="row"` works too. Without it
+     *  that spelling bound `undefined` silently, because `value` and `column`
+     *  ARE named properties and `row` looked like one of them. */
+    row: StrctRow;
     /** The raw value for this column (`row[column.key]`). */
     value: unknown;
     /** The column definition. */
@@ -3015,7 +3080,7 @@ interface StrctCellContext {
  * 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>
  */
@@ -3142,7 +3207,7 @@ interface DgItem {
 }
 /**
  * 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>`.
  */
 declare class StrctRowDetailDef {
     readonly template: TemplateRef<any>;
@@ -3470,6 +3535,8 @@ declare class StrctDatagrid {
     private readonly selectionRows;
     protected readonly allPageSelected: _angular_core.Signal<boolean>;
     protected readonly somePageSelected: _angular_core.Signal<boolean>;
+    /** Dev-mode check that row identities can do their job (see util/dev-warn). */
+    private diagnoseIdentity;
     /** 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. */
     private idOf;
@@ -4823,7 +4890,7 @@ declare class StrctTransfer {
 declare class StrctSplitButton {
     /** Main action label. */
     readonly label: _angular_core.InputSignal<string>;
-    /** Menu entries (StrctMenuItem: id, label, icon?, critical?, disabled?). */
+    /** Menu entries (StrctMenuItem: id, label, icon?, critical?, disabled?, hint?). */
     readonly items: _angular_core.InputSignal<StrctMenuItem[]>;
     /** Optional leading icon of the main segment. */
     readonly icon: _angular_core.InputSignal<string>;
@@ -4985,8 +5052,12 @@ declare class StrctMenubar {
     /** Switch the open menu to the next/previous top-level entry; focus follows. */
     private switchTop;
     private closeMenu;
+    private readonly uid;
+    protected hintId(menuId: string, i: number, j?: number): string;
     private topButtons;
-    /** 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. */
     private navButtons;
     protected onDocClick(event: MouseEvent): void;
     protected onEscape(event: Event): void;
@@ -5786,5 +5857,5 @@ declare class StrctHeatmap {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrctHeatmap, "strct-heatmap", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "cols": { "alias": "cols"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "status": { "alias": "status"; "required": false; "isSignal": true; }; "emptyText": { "alias": "emptyText"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "summaryFormat": { "alias": "summaryFormat"; "required": false; "isSignal": true; }; "cellHeight": { "alias": "cellHeight"; "required": false; "isSignal": true; }; "gap": { "alias": "gap"; "required": false; "isSignal": true; }; "rowLabelWidth": { "alias": "rowLabelWidth"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-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 };
 export type { StrctAlertType, StrctAvatarSize, StrctAvatarStatus, StrctBadgeStatus, StrctButtonSize, StrctButtonVariant, StrctCascadeOption, StrctCellContext, StrctChartAnnotation, StrctChartColor, StrctChartCurve, StrctChartSeries, StrctChartSlot, StrctChartStatus, StrctChartSummaryInfo, StrctChartThreshold, StrctChartType, StrctColumn, StrctCommandItem, StrctConfirmOptions, StrctConfirmTone, StrctDatagridColumn, StrctDatagridColumnState, StrctDatagridFilters, StrctDatagridLabels, StrctDatagridLazyState, StrctDescAlign, StrctDescItem, StrctDiffRow, StrctDonutSegment, StrctDrawerSide, StrctDrawerSize, StrctEmptyVariant, StrctFilterChip, StrctFlowDirection, StrctFlowNode, StrctFlowOrientation, StrctHeatmapCell, StrctHeatmapSummaryInfo, StrctHotkey, StrctIconBadge, StrctIconName, StrctKnobStatus, StrctLogLine, StrctMenuItem, StrctMenuLink, StrctMenuOpenOptions, StrctMenuSection, StrctMenubarItem, StrctMetricStatus, StrctModalSize, StrctMode, StrctNotification, StrctOption, StrctOverlayPlacement, StrctPalette, StrctPaletteInfo, StrctProgressStatus, StrctRailItem, StrctRailStatus, StrctReorderEvent, StrctRow, StrctRowId, StrctSegmentedOption, StrctSegmentedSize, StrctSignpostPosition, StrctSpeedDialDirection, StrctSpinnerSize, StrctStatus, StrctStatusDotSize, StrctTagStatus, StrctThresholds, StrctTimeRange, StrctTimeRangePreset, StrctTimelineState, StrctToast, StrctToastOptions, StrctToastType, StrctTooltipPosition, StrctTourStep, StrctTransferItem, StrctTreeMenuEvent, StrctTreeNodeData, StrctTreeNodeMenuFn, StrctValidationState, StrctValidationStatus, StrctWizardDefaults };