@akcelik/strct 5.0.1 → 5.1.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@akcelik/strct",
-  "version": "5.0.1",
+  "version": "5.1.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/styles/_base.scss

@@ -170,3 +170,56 @@ kbd,
   outline: 2px solid var(--acc50);
   outline-offset: -1px;
 }
+
+// Drag states for `[strctReorderItem]`. The classes were bound from the start
+// and nothing drew them, so a drag showed no feedback at all. Tokens only, and
+// the lifted item uses the raised shadow the rest of the library uses.
+/* The affordance itself: a row that can be dragged says so, and a row that
+   delegates to a handle points at the handle instead. A display-only list
+   (reorderDisabled -> draggable="false") gets neither. */
+/* FR-49-17 — a status word inside a grid cell ("blocked", "fits") needs its
+   tone without the box a badge draws. Same tokens the badges use, so the
+   vocabulary stays one vocabulary; each is AA on --bg-1 in all six schemes. */
+.strct-text-success {
+  color: var(--success);
+}
+.strct-text-warning {
+  color: var(--warning);
+}
+.strct-text-critical {
+  color: var(--critical);
+}
+.strct-text-accent {
+  color: var(--acc);
+}
+
+.strct-reorder__handle {
+  cursor: grab;
+}
+[strctReorderItem][draggable='true']:not(:has(.strct-reorder__handle)) {
+  cursor: grab;
+}
+/* Both states are scoped through the item's own attribute, so a consumer's
+   base rule for the row (.ro-item { cursor: grab }) does not swallow a state
+   that lasts only while the pointer is down. A consumer who styles the state
+   itself still wins: their .row.strct-reorder--dragging has the same weight
+   and comes later. */
+[strctReorderItem][draggable='true'].strct-reorder--dragging {
+  opacity: 0.6;
+  box-shadow: var(--shh);
+  cursor: grabbing;
+}
+[strctReorderItem][draggable='true'].strct-reorder--over {
+  box-shadow: inset 0 0 0 2px var(--acc50);
+}
+@media (prefers-reduced-motion: no-preference) {
+  .strct-reorder--over {
+    transition: box-shadow 0.12s ease;
+  }
+}
+
+// A long id in a narrow card wraps instead of overflowing it.
+.strct-code-inline--wrap {
+  white-space: normal;
+  overflow-wrap: anywhere;
+}

package/types/akcelik-strct.d.ts

@@ -684,6 +684,12 @@ declare class StrctListItemTrailing {
 declare class StrctListItem {
     /** The row activates on click / Enter / Space and emits `activated`. */
     readonly interactive: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Let the title and description wrap instead of ending in an ellipsis — for
+     * rows that carry a sentence. `strct-list [wrap]` does the same for every
+     * row at once; this is the per-row form.
+     */
+    readonly wrap: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Marks the current row (`aria-current`). */
     readonly selected: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Optional leading rail, as `strct-card [status]`. */
@@ -692,7 +698,7 @@ declare class StrctListItem {
     readonly activated: _angular_core.OutputEmitterRef<void>;
     protected onActivate(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<StrctListItem, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrctListItem, "strct-list-item", never, { "interactive": { "alias": "interactive"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "status": { "alias": "status"; "required": false; "isSignal": true; }; }, { "activated": "activated"; }, never, ["[strctListItemLeading]", "*", "[strctListItemDescription]", "[strctListItemMeta]", "[strctListItemTrailing]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrctListItem, "strct-list-item", never, { "interactive": { "alias": "interactive"; "required": false; "isSignal": true; }; "wrap": { "alias": "wrap"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "status": { "alias": "status"; "required": false; "isSignal": true; }; }, { "activated": "activated"; }, never, ["[strctListItemLeading]", "*", "[strctListItemDescription]", "[strctListItemMeta]", "[strctListItemTrailing]"], true, never>;
 }
 /**
  * A short list of things with a status — alarms, findings, clusters in a
@@ -713,6 +719,11 @@ declare class StrctListItem {
 declare class StrctList {
     /** 32px rows instead of 44px. */
     readonly dense: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Every row's title and description wrap instead of ending in an ellipsis.
+     * `strct-list-item [wrap]` turns it on for one row.
+     */
+    readonly wrap: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Hairline between rows. */
     readonly dividers: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Shown when the list has no items. */
@@ -721,7 +732,7 @@ declare class StrctList {
     readonly label: _angular_core.InputSignal<string>;
     protected readonly items: _angular_core.Signal<readonly StrctListItem[]>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<StrctList, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrctList, "strct-list", never, { "dense": { "alias": "dense"; "required": false; "isSignal": true; }; "dividers": { "alias": "dividers"; "required": false; "isSignal": true; }; "emptyText": { "alias": "emptyText"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; }, {}, ["items"], ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrctList, "strct-list", never, { "dense": { "alias": "dense"; "required": false; "isSignal": true; }; "wrap": { "alias": "wrap"; "required": false; "isSignal": true; }; "dividers": { "alias": "dividers"; "required": false; "isSignal": true; }; "emptyText": { "alias": "emptyText"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; }, {}, ["items"], ["*"], true, never>;
 }
 
 /** Follows the heading on its line — a badge, a count, a status dot. */
@@ -833,6 +844,13 @@ declare class StrctTag {
     readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Accessible label for the remove button. */
     readonly removeLabel: _angular_core.InputSignal<string>;
+    /**
+     * What activating the tag's body does, for assistive tech. The body's own
+     * name is its text plus the leading slot — "Connected APP02" — which says
+     * what the tag *is*, not what pressing it does ("Show the console of APP02").
+     * The × keeps `removeLabel`.
+     */
+    readonly activateLabel: _angular_core.InputSignal<string>;
     /**
      * The body becomes a control: pointer, hover, focus ring, and `activated` on
      * click / Enter / Space. The × stays a separate tab stop, so "open it" and
@@ -849,7 +867,7 @@ declare class StrctTag {
     readonly activated: _angular_core.OutputEmitterRef<void>;
     protected onActivate(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<StrctTag, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrctTag, "strct-tag", never, { "status": { "alias": "status"; "required": false; "isSignal": true; }; "removable": { "alias": "removable"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "removeLabel": { "alias": "removeLabel"; "required": false; "isSignal": true; }; "interactive": { "alias": "interactive"; "required": false; "isSignal": true; }; "shape": { "alias": "shape"; "required": false; "isSignal": true; }; "mono": { "alias": "mono"; "required": false; "isSignal": true; }; }, { "removed": "removed"; "activated": "activated"; }, never, ["[strctTagLeading]", "*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrctTag, "strct-tag", never, { "status": { "alias": "status"; "required": false; "isSignal": true; }; "removable": { "alias": "removable"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "removeLabel": { "alias": "removeLabel"; "required": false; "isSignal": true; }; "activateLabel": { "alias": "activateLabel"; "required": false; "isSignal": true; }; "interactive": { "alias": "interactive"; "required": false; "isSignal": true; }; "shape": { "alias": "shape"; "required": false; "isSignal": true; }; "mono": { "alias": "mono"; "required": false; "isSignal": true; }; }, { "removed": "removed"; "activated": "activated"; }, never, ["[strctTagLeading]", "*"], true, never>;
 }
 
 /** Avatar size variants. */
@@ -1036,6 +1054,12 @@ declare class StrctCard {
     readonly selected: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Tighter paddings for dense dashboards. */
     readonly dense: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Fill the height the layout gives the card (a stretched grid cell) as a
+     * column: the block takes the slack and the footer sits on the bottom edge,
+     * so a row of cards has its actions on one line.
+     */
+    readonly fill: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Indeterminate top bar + aria-busy; body/footer dim and ignore input. */
     readonly loading: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Allow collapsing to just the header (a chevron appears in the header). */
@@ -1044,7 +1068,7 @@ declare class StrctCard {
     readonly collapsed: _angular_core.ModelSignal<boolean>;
     toggle(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<StrctCard, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrctCard, "strct-card", never, { "status": { "alias": "status"; "required": false; "isSignal": true; }; "interactive": { "alias": "interactive"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "dense": { "alias": "dense"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "collapsible": { "alias": "collapsible"; "required": false; "isSignal": true; }; "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; }, { "collapsed": "collapsedChange"; }, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrctCard, "strct-card", never, { "status": { "alias": "status"; "required": false; "isSignal": true; }; "interactive": { "alias": "interactive"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "dense": { "alias": "dense"; "required": false; "isSignal": true; }; "fill": { "alias": "fill"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "collapsible": { "alias": "collapsible"; "required": false; "isSignal": true; }; "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; }, { "collapsed": "collapsedChange"; }, never, ["*"], true, never>;
 }
 /** Header section of a {@link StrctCard}. */
 declare class StrctCardHeader {
@@ -1054,12 +1078,25 @@ declare class StrctCardHeader {
     readonly heading: _angular_core.InputSignal<string>;
     /** `title` — as today; `overline` — uppercase, letter-spaced, quieter. */
     readonly appearance: _angular_core.InputSignal<"title" | "overline">;
+    /**
+     * Render `heading` as a real heading element at this level, so the card's
+     * title joins the page outline. `null` (the default) keeps the span, which
+     * is what a card inside an already-titled section wants.
+     */
+    readonly level: _angular_core.InputSignal<2 | 3 | 5 | 4 | 6 | null>;
+    /** Let a long heading wrap instead of ending in an ellipsis. */
+    readonly wrap: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Accessible labels for the collapse toggle (localizable). */
     readonly collapseLabel: _angular_core.InputSignal<string>;
     readonly expandLabel: _angular_core.InputSignal<string>;
     protected readonly card: StrctCard | null;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<StrctCardHeader, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrctCardHeader, "strct-card-header", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "heading": { "alias": "heading"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "collapseLabel": { "alias": "collapseLabel"; "required": false; "isSignal": true; }; "expandLabel": { "alias": "expandLabel"; "required": false; "isSignal": true; }; }, {}, never, ["[strctCardHeaderMeta]", "*", "[strctCardHeaderNote]", "[strctCardHeaderActions]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrctCardHeader, "strct-card-header", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "heading": { "alias": "heading"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "level": { "alias": "level"; "required": false; "isSignal": true; }; "wrap": { "alias": "wrap"; "required": false; "isSignal": true; }; "collapseLabel": { "alias": "collapseLabel"; "required": false; "isSignal": true; }; "expandLabel": { "alias": "expandLabel"; "required": false; "isSignal": true; }; }, {}, never, ["[strctCardHeaderLeading]", "[strctCardHeaderMeta]", "*", "[strctCardHeaderNote]", "[strctCardHeaderActions]"], true, never>;
+}
+/** Leads the card's heading — a drag grip, a status dot, an avatar. */
+declare class StrctCardHeaderLeading {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<StrctCardHeaderLeading, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<StrctCardHeaderLeading, "[strctCardHeaderLeading]", never, {}, {}, never, never, true, never>;
 }
 /** Follows the card's heading on its line — a badge, a count. */
 declare class StrctCardHeaderMeta {
@@ -2440,11 +2477,25 @@ declare class StrctCode {
 declare class StrctCodeInline {
     /** Append a copy button that copies this element's text. */
     readonly copyable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * What the copy button puts on the clipboard, when that is not simply what
+     * the element says — a span showing a shortened thumbprint copies the whole
+     * one. Empty follows the element's own text, including later changes.
+     */
+    readonly value: _angular_core.InputSignal<string>;
+    /** Long ids wrap instead of overflowing a narrow card. */
+    readonly wrap: _angular_core.InputSignalWithTransform<boolean, unknown>;
     private readonly host;
     private readonly vcr;
+    private readonly destroyRef;
+    /** The button, once it exists; and a counter the observer bumps. */
+    private readonly copyRef;
+    private readonly revision;
     constructor();
+    /** What the element says, without the copy button's own content. */
+    private ownText;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<StrctCodeInline, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<StrctCodeInline, "[strctCode]", never, { "copyable": { "alias": "copyable"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<StrctCodeInline, "[strctCode]", never, { "copyable": { "alias": "copyable"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "wrap": { "alias": "wrap"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 /** One active filter chip in a {@link StrctFilterBar}. */
@@ -6477,6 +6528,7 @@ declare class StrctWindow {
     protected readonly L: _angular_core.Signal<StrctWindowLabels>;
     private readonly service;
     private readonly doc;
+    private readonly zone;
     private readonly host;
     private readonly zOffset;
     protected readonly zIndex: _angular_core.Signal<string>;
@@ -6486,6 +6538,8 @@ declare class StrctWindow {
     private readonly fallback;
     protected readonly rect: _angular_core.Signal<StrctWindowBounds>;
     private restoreTo;
+    /** A click beside the window, when `closeOnOutside` asks for one. */
+    private readonly onOutside;
     constructor();
     /** Raise this window above the others when it is clicked. */
     protected focusWindow(): void;
@@ -6563,6 +6617,7 @@ declare class StrctChatThread {
     private readonly host;
     /** False once the reader scrolls away from the end; true again at the end. */
     private readonly atEnd;
+    private readonly destroyRef;
     constructor();
     protected onScroll(): void;
     /** Jump to the newest message. */
@@ -7345,5 +7400,5 @@ declare function strctCheckHostInputs(host: HTMLElement, selector: string, owns:
  */
 declare function strctCheckHostDisplay(host: HTMLElement, selector: string, expected: string): void;
 
-export { FOCUSABLE_SELECTOR, STRCT_DP_DOW, STRCT_DP_DOW_FULL, STRCT_DP_MONTHS, STRCT_ICONS, STRCT_ICON_GROUPS, STRCT_ICON_NAMES, STRCT_MASKS, STRCT_NOTIFICATION_HISTORY_LIMIT, STRCT_PALETTES, STRCT_RAW_ICONS, STRCT_TIME_RANGE_PRESETS, STRCT_WIZARD_DEFAULTS, StrctAccordion, StrctAccordionPanel, StrctAlert, StrctAnnouncer, StrctAvatar, StrctBadge, StrctBreadcrumb, StrctBreadcrumbItem, StrctButton, StrctButtonGroup, StrctBytesPipe, StrctCard, StrctCardBlock, StrctCardFooter, StrctCardHeader, StrctCardHeaderActions, StrctCardHeaderMeta, StrctCardHeaderNote, StrctCascadeColumn, StrctCascadeHost, StrctCascadeSelect, StrctCellDef, StrctCellStatus, StrctChange, StrctChart, StrctChatAttachment, StrctChatComposer, StrctChatMessage, StrctChatThread, StrctCheckbox, StrctChips, StrctCode, StrctCodeInline, StrctColorPicker, StrctCombobox, StrctCommandPalette, StrctConfirmOutlet, StrctConfirmService, StrctContextMenu, StrctContextMenuTrigger, StrctControlDescription, StrctCopy, StrctDatagrid, StrctDatagridActionBar, StrctDatagridActionBarCaption, StrctDatepicker, StrctDatetimePicker, StrctDesc, StrctDescriptionList, StrctDiff, StrctDivider, StrctDonut, StrctDrawer, StrctDrawerFooter, StrctDropdown, StrctDropdownDivider, StrctDropdownItem, StrctDropdownItemAction, StrctDropdownTrigger, StrctDurationPipe, StrctEmptyState, StrctField, StrctFieldGroup, StrctFieldHint, StrctFieldPrefix, StrctFieldSuffix, StrctFile, StrctFilterBar, StrctFlow, StrctFlowNodeTemplate, StrctFooter, StrctGauge, StrctHeader, StrctHeatmap, StrctHero, StrctHotkeysHelp, StrctHotkeysService, StrctIcon, StrctInlineEdit, StrctInput, StrctInputMask, StrctInputOtp, StrctKbd, StrctKnob, StrctLegend, StrctList, StrctListItem, StrctListItemDescription, StrctListItemLeading, StrctListItemMeta, StrctListItemTrailing, StrctLiveIndicator, StrctLogViewer, StrctLogin, StrctMediaFrame, StrctMenuPanel, StrctMenuService, StrctMenubar, StrctMetricTile, StrctModal, StrctModalContent, StrctNav, StrctNavItem, StrctNotificationCenter, StrctNumber, StrctOverlay, StrctPageHeader, StrctPageHeaderActions, StrctPageHeaderCrumbs, StrctPageHeaderTitleMeta, StrctPagination, StrctPassword, StrctPopover, StrctPopoverTrigger, StrctProgress, StrctQr, StrctRadio, StrctRadioGroup, StrctRail, StrctRange, StrctRatePipe, StrctRating, StrctReorder, StrctReorderGroup, StrctReorderHandle, StrctReorderItem, StrctResizeHandle, StrctRowDetailDef, StrctSearchbox, StrctSectionHeader, StrctSectionHeaderActions, StrctSectionHeaderMeta, StrctSectionMenu, StrctSegmented, StrctSelect, StrctShell, StrctShellService, StrctSiPipe, StrctSignpost, StrctSignpostTrigger, StrctSkeleton, StrctSparkline, StrctSpeedDial, StrctSpinner, StrctSplitButton, StrctSplitter, StrctStack, StrctStackItem, StrctStatusDot, StrctStep, StrctStepAction, StrctSteps, StrctSubmenu, StrctTab, StrctTable, StrctTabs, StrctTag, StrctTagLeading, StrctThemeService, StrctThemeSwitcher, StrctTimeRangePicker, StrctTimeline, StrctTimelineItem, StrctToastOutlet, StrctToastService, StrctToggle, StrctToolbar, StrctToolbarCaption, StrctToolbarSpacer, StrctTooltip, StrctTour, StrctTransfer, StrctTree, StrctTreeNode, StrctTreeSelect, StrctVerticalNav, StrctWatermark, StrctWindow, StrctWindowDock, StrctWindowService, StrctWizard, StrctWizardAside, __qrInternals, focusFirstIn, keepTabInside, lockBodyScroll, parseAnsi, provideStrctWizardDefaults, registerStrctIcon, restoreFocus, saveFocusedElement, strctCheckHostDisplay, strctCheckHostInputs, strctComputeDiff, strctDpPad, strctFormatBytes, strctFormatDuration, strctFormatRate, strctFormatSi, strctQrMatrix, strctValidationIcon, strctValidationTone, unlockBodyScroll };
+export { FOCUSABLE_SELECTOR, STRCT_DP_DOW, STRCT_DP_DOW_FULL, STRCT_DP_MONTHS, STRCT_ICONS, STRCT_ICON_GROUPS, STRCT_ICON_NAMES, STRCT_MASKS, STRCT_NOTIFICATION_HISTORY_LIMIT, STRCT_PALETTES, STRCT_RAW_ICONS, STRCT_TIME_RANGE_PRESETS, STRCT_WIZARD_DEFAULTS, StrctAccordion, StrctAccordionPanel, StrctAlert, StrctAnnouncer, StrctAvatar, StrctBadge, StrctBreadcrumb, StrctBreadcrumbItem, StrctButton, StrctButtonGroup, StrctBytesPipe, StrctCard, StrctCardBlock, StrctCardFooter, StrctCardHeader, StrctCardHeaderActions, StrctCardHeaderLeading, StrctCardHeaderMeta, StrctCardHeaderNote, StrctCascadeColumn, StrctCascadeHost, StrctCascadeSelect, StrctCellDef, StrctCellStatus, StrctChange, StrctChart, StrctChatAttachment, StrctChatComposer, StrctChatMessage, StrctChatThread, StrctCheckbox, StrctChips, StrctCode, StrctCodeInline, StrctColorPicker, StrctCombobox, StrctCommandPalette, StrctConfirmOutlet, StrctConfirmService, StrctContextMenu, StrctContextMenuTrigger, StrctControlDescription, StrctCopy, StrctDatagrid, StrctDatagridActionBar, StrctDatagridActionBarCaption, StrctDatepicker, StrctDatetimePicker, StrctDesc, StrctDescriptionList, StrctDiff, StrctDivider, StrctDonut, StrctDrawer, StrctDrawerFooter, StrctDropdown, StrctDropdownDivider, StrctDropdownItem, StrctDropdownItemAction, StrctDropdownTrigger, StrctDurationPipe, StrctEmptyState, StrctField, StrctFieldGroup, StrctFieldHint, StrctFieldPrefix, StrctFieldSuffix, StrctFile, StrctFilterBar, StrctFlow, StrctFlowNodeTemplate, StrctFooter, StrctGauge, StrctHeader, StrctHeatmap, StrctHero, StrctHotkeysHelp, StrctHotkeysService, StrctIcon, StrctInlineEdit, StrctInput, StrctInputMask, StrctInputOtp, StrctKbd, StrctKnob, StrctLegend, StrctList, StrctListItem, StrctListItemDescription, StrctListItemLeading, StrctListItemMeta, StrctListItemTrailing, StrctLiveIndicator, StrctLogViewer, StrctLogin, StrctMediaFrame, StrctMenuPanel, StrctMenuService, StrctMenubar, StrctMetricTile, StrctModal, StrctModalContent, StrctNav, StrctNavItem, StrctNotificationCenter, StrctNumber, StrctOverlay, StrctPageHeader, StrctPageHeaderActions, StrctPageHeaderCrumbs, StrctPageHeaderTitleMeta, StrctPagination, StrctPassword, StrctPopover, StrctPopoverTrigger, StrctProgress, StrctQr, StrctRadio, StrctRadioGroup, StrctRail, StrctRange, StrctRatePipe, StrctRating, StrctReorder, StrctReorderGroup, StrctReorderHandle, StrctReorderItem, StrctResizeHandle, StrctRowDetailDef, StrctSearchbox, StrctSectionHeader, StrctSectionHeaderActions, StrctSectionHeaderMeta, StrctSectionMenu, StrctSegmented, StrctSelect, StrctShell, StrctShellService, StrctSiPipe, StrctSignpost, StrctSignpostTrigger, StrctSkeleton, StrctSparkline, StrctSpeedDial, StrctSpinner, StrctSplitButton, StrctSplitter, StrctStack, StrctStackItem, StrctStatusDot, StrctStep, StrctStepAction, StrctSteps, StrctSubmenu, StrctTab, StrctTable, StrctTabs, StrctTag, StrctTagLeading, StrctThemeService, StrctThemeSwitcher, StrctTimeRangePicker, StrctTimeline, StrctTimelineItem, StrctToastOutlet, StrctToastService, StrctToggle, StrctToolbar, StrctToolbarCaption, StrctToolbarSpacer, StrctTooltip, StrctTour, StrctTransfer, StrctTree, StrctTreeNode, StrctTreeSelect, StrctVerticalNav, StrctWatermark, StrctWindow, StrctWindowDock, StrctWindowService, StrctWizard, StrctWizardAside, __qrInternals, focusFirstIn, keepTabInside, lockBodyScroll, parseAnsi, provideStrctWizardDefaults, registerStrctIcon, restoreFocus, saveFocusedElement, strctCheckHostDisplay, strctCheckHostInputs, strctComputeDiff, strctDpPad, strctFormatBytes, strctFormatDuration, strctFormatRate, strctFormatSi, strctQrMatrix, strctValidationIcon, strctValidationTone, unlockBodyScroll };
 export type { StrctAlertType, StrctAvatarSize, StrctAvatarStatus, StrctBadgeStatus, StrctButtonSize, StrctButtonVariant, StrctCascadeOption, StrctCellContext, StrctChartAnnotation, StrctChartColor, StrctChartCurve, StrctChartSeries, StrctChartSlot, StrctChartStatus, StrctChartSummaryInfo, StrctChartThreshold, StrctChartType, StrctChatAuthor, StrctColumn, StrctCommandItem, StrctConfirmOptions, StrctConfirmTone, StrctDatagridColumn, StrctDatagridColumnState, StrctDatagridFilters, StrctDatagridLabels, StrctDatagridLazyState, StrctDescAlign, StrctDescItem, StrctDiffRow, StrctDonutSegment, StrctDrawerSide, StrctDrawerSize, StrctEmptyVariant, StrctFilterChip, StrctFlowDirection, StrctFlowEdge, StrctFlowNode, StrctFlowOrientation, StrctHeatmapCell, StrctHeatmapSummaryInfo, StrctHotkey, StrctIconBadge, StrctIconName, StrctKnobStatus, StrctLegendItem, StrctLiveLabels, StrctLiveState, StrctLogLine, StrctMediaState, StrctMenuItem, StrctMenuLink, StrctMenuOpenOptions, StrctMenuPlacement, StrctMenuSection, StrctMenubarItem, StrctMetricStatus, StrctModalSize, StrctMode, StrctNotification, StrctOption, StrctOverlayPlacement, StrctPalette, StrctPaletteInfo, StrctProgressSegment, StrctProgressStatus, StrctQrEcc, StrctRailItem, StrctRailStatus, StrctReorderEvent, StrctReorderMoveEvent, StrctRow, StrctRowId, StrctSegmentedOption, StrctSegmentedSize, StrctSignpostPosition, StrctSpeedDialDirection, StrctSpinnerSize, StrctStatus, StrctStatusDotSize, StrctStepPhase, StrctStepState, StrctStepsLabels, StrctTagStatus, StrctThresholds, StrctTimeRange, StrctTimeRangePreset, StrctTimelineState, StrctToast, StrctToastOptions, StrctToastType, StrctTooltipPosition, StrctTourStep, StrctTransferItem, StrctTreeDropEvent, StrctTreeMenuEvent, StrctTreeNodeData, StrctTreeNodeMenuFn, StrctValidationState, StrctValidationStatus, StrctWindowBounds, StrctWindowLabels, StrctWizardDefaults };