@akcelik/strct 4.12.0 → 4.14.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@akcelik/strct",
-  "version": "4.12.0",
+  "version": "4.14.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

@@ -1140,6 +1140,12 @@ declare class StrctMenuPanel {
     readonly y: _angular_core.InputSignal<number>;
     /** Render as a nested submenu panel. */
     readonly submenu: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** The anchor's viewport rect, when the menu is placed against a control. */
+    readonly anchorRect: _angular_core.InputSignal<DOMRect | null>;
+    /** Preferred side and alignment against `anchorRect`. */
+    readonly placement: _angular_core.InputSignal<StrctMenuPlacement>;
+    /** Gap between the anchor and the menu. */
+    readonly offset: _angular_core.InputSignal<number>;
     /** Emitted when an item is selected. */
     readonly select: _angular_core.OutputEmitterRef<StrctMenuItem>;
     /** Emitted when the menu requests closing. */
@@ -1148,6 +1154,12 @@ declare class StrctMenuPanel {
     readonly back: _angular_core.OutputEmitterRef<void>;
     protected readonly posX: _angular_core.WritableSignal<number>;
     protected readonly posY: _angular_core.WritableSignal<number>;
+    /**
+     * An anchored menu is placed from its real size, which is known only after it
+     * renders — so it stays hidden for that one frame rather than appearing in
+     * the wrong place first.
+     */
+    protected readonly placed: _angular_core.WritableSignal<boolean>;
     /** Vertical offset of a submenu fly-out (matches the CSS `top: -5px` default). */
     protected readonly subTop: _angular_core.WritableSignal<number>;
     protected readonly flipLeft: _angular_core.WritableSignal<boolean>;
@@ -1161,6 +1173,12 @@ declare class StrctMenuPanel {
     private readonly uid;
     protected hintId(i: number): string;
     constructor();
+    /**
+     * Place the panel against its anchor from the panel's measured size: the
+     * preferred side when it fits, the opposite side when it does not and the
+     * opposite side does, and clamped on the cross axis either way.
+     */
+    private placeAgainstAnchor;
     private clampToViewport;
     protected focusItem(i: number): void;
     private move;
@@ -1170,14 +1188,30 @@ declare class StrctMenuPanel {
     protected closeSub(): void;
     protected onKeydown(event: KeyboardEvent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<StrctMenuPanel, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrctMenuPanel, "strct-menu-panel", never, { "items": { "alias": "items"; "required": true; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "x": { "alias": "x"; "required": false; "isSignal": true; }; "y": { "alias": "y"; "required": false; "isSignal": true; }; "submenu": { "alias": "submenu"; "required": false; "isSignal": true; }; }, { "select": "select"; "close": "close"; "back": "back"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrctMenuPanel, "strct-menu-panel", never, { "items": { "alias": "items"; "required": true; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "x": { "alias": "x"; "required": false; "isSignal": true; }; "y": { "alias": "y"; "required": false; "isSignal": true; }; "submenu": { "alias": "submenu"; "required": false; "isSignal": true; }; "anchorRect": { "alias": "anchorRect"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "offset": { "alias": "offset"; "required": false; "isSignal": true; }; }, { "select": "select"; "close": "close"; "back": "back"; }, never, never, true, never>;
 }
 /** Options for {@link StrctMenuService.open}. */
+/** Where an anchored menu sits before flipping. */
+type StrctMenuPlacement = 'bottom-start' | 'bottom-end' | 'top-start' | 'top-end' | 'right-start' | 'left-start';
 interface StrctMenuOpenOptions {
-    /** Viewport x of the menu's top-left (clamped/flipped to stay on screen). */
-    x: number;
+    /**
+     * Viewport x of the menu's top-left (clamped/flipped to stay on screen).
+     * Optional since 4.13: pass `anchor` instead to place the menu against the
+     * control it belongs to.
+     */
+    x?: number;
     /** Viewport y of the menu's top-left. */
-    y: number;
+    y?: number;
+    /**
+     * The control the menu belongs to. The menu is measured after it renders and
+     * placed against this element (or rect), so it never covers it — only the
+     * library knows the menu's size, so only the library can place it right.
+     */
+    anchor?: Element | DOMRect;
+    /** Preferred side and alignment; flipped when it does not fit. */
+    placement?: StrctMenuPlacement;
+    /** Gap between anchor and menu, in px. */
+    offset?: number;
     items: StrctMenuItem[];
     /** Payload passed to each item's `action`. */
     data?: unknown;
@@ -1691,6 +1725,13 @@ declare class StrctDropdown {
     protected onInnerActivate(event: Event): void;
     /** APG menu keyboarding: arrows rove, Home/End jump, Enter/Space activate. */
     protected onMenuKeydown(event: KeyboardEvent): void;
+    /**
+     * An item with a trailing action has two targets: the right arrow reaches the
+     * action from its item, the left arrow returns, and Delete on the item
+     * triggers it (the WAI-ARIA pattern for a secondary action). Keys that do not
+     * apply are left alone, so submenus keep their own arrow behaviour.
+     */
+    private onItemActionKey;
     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. */
@@ -1714,6 +1755,18 @@ declare class StrctDropdownTrigger {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<StrctDropdownTrigger, "[strctDropdownTrigger]", never, {}, {}, never, never, true, never>;
 }
 /** A selectable row inside a `<strct-dropdown>`. */
+/**
+ * A second action at the end of a menu item — "delete this saved view" beside
+ * "open it". It stops its own click from reaching the item, so the item is not
+ * activated and the menu stays open, and it stays out of the Tab order: the
+ * right arrow reaches it from its item, the left arrow returns, and Delete on
+ * the item triggers it.
+ */
+declare class StrctDropdownItemAction {
+    protected onClick(event: Event): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<StrctDropdownItemAction, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<StrctDropdownItemAction, "[strctDropdownItemAction]", never, {}, {}, never, never, true, never>;
+}
 declare class StrctDropdownItem {
     /**
      * Select-like usage: bind `selected` and the item becomes a
@@ -1736,7 +1789,7 @@ declare class StrctDropdownItem {
     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; }; "hint": { "alias": "hint"; "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, ["[strctDropdownItemAction]", "*"], true, never>;
 }
 /** Thin separator between groups of menu items. */
 declare class StrctDropdownDivider {
@@ -4780,6 +4833,19 @@ declare class StrctMetricTile {
     readonly icon: _angular_core.InputSignal<string>;
     /** Tints the value (defaults to neutral primary text). */
     readonly status: _angular_core.InputSignal<StrctMetricStatus>;
+    /**
+     * Tints the caption instead of the value — "2 down" is the warning, and the
+     * 14 nodes above it are not. `null` keeps the caption muted.
+     */
+    readonly captionStatus: _angular_core.InputSignal<StrctMetricStatus | null>;
+    /** Renders the tile as a link: the whole tile is the target. */
+    readonly href: _angular_core.InputSignal<string | null>;
+    /** Makes the whole tile a control that emits `activated`. */
+    readonly interactive: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Emitted when an `interactive` tile is activated. */
+    readonly activated: _angular_core.OutputEmitterRef<void>;
+    /** The link / button's name: the KPI and its value, since the tile is the target. */
+    protected readonly hitLabel: _angular_core.Signal<string>;
     /** Change indicator; sign drives the arrow + colour. Null hides it. */
     readonly delta: _angular_core.InputSignal<number | null>;
     /** Suffix for the delta number. */
@@ -4804,7 +4870,7 @@ declare class StrctMetricTile {
     protected readonly deltaTone: _angular_core.Signal<"flat" | "up" | "down">;
     protected readonly sparkStatus: _angular_core.Signal<StrctChartStatus>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<StrctMetricTile, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrctMetricTile, "strct-metric-tile", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "value": { "alias": "value"; "required": true; "isSignal": true; }; "unit": { "alias": "unit"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "status": { "alias": "status"; "required": false; "isSignal": true; }; "delta": { "alias": "delta"; "required": false; "isSignal": true; }; "deltaSuffix": { "alias": "deltaSuffix"; "required": false; "isSignal": true; }; "deltaAriaLabel": { "alias": "deltaAriaLabel"; "required": false; "isSignal": true; }; "invertDelta": { "alias": "invertDelta"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "caption": { "alias": "caption"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrctMetricTile, "strct-metric-tile", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "value": { "alias": "value"; "required": true; "isSignal": true; }; "unit": { "alias": "unit"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "status": { "alias": "status"; "required": false; "isSignal": true; }; "captionStatus": { "alias": "captionStatus"; "required": false; "isSignal": true; }; "href": { "alias": "href"; "required": false; "isSignal": true; }; "interactive": { "alias": "interactive"; "required": false; "isSignal": true; }; "delta": { "alias": "delta"; "required": false; "isSignal": true; }; "deltaSuffix": { "alias": "deltaSuffix"; "required": false; "isSignal": true; }; "deltaAriaLabel": { "alias": "deltaAriaLabel"; "required": false; "isSignal": true; }; "invertDelta": { "alias": "invertDelta"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "caption": { "alias": "caption"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; }, { "activated": "activated"; }, never, ["[strctMetricMeter]"], true, never>;
 }
 
 /**
@@ -4854,11 +4920,18 @@ declare class StrctAlert {
     readonly closable: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Accessible label of the dismiss button (localizable). */
     readonly dismissLabel: _angular_core.InputSignal<string>;
+    /**
+     * Overrides the icon derived from `type` — a lock for a locked setting, a
+     * shield for a security note, when the tone alone does not say what kind of
+     * note this is. `null` keeps the derived one.
+     */
+    readonly icon: _angular_core.InputSignal<string | null>;
     /** Emitted when the alert is dismissed. */
     readonly closed: _angular_core.OutputEmitterRef<void>;
-    protected readonly icon: _angular_core.Signal<"success" | "warning" | "critical" | "info">;
+    protected readonly iconName: _angular_core.Signal<string>;
+    private readonly derivedIcon;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<StrctAlert, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrctAlert, "strct-alert", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "closable": { "alias": "closable"; "required": false; "isSignal": true; }; "dismissLabel": { "alias": "dismissLabel"; "required": false; "isSignal": true; }; }, { "closed": "closed"; }, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrctAlert, "strct-alert", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "closable": { "alias": "closable"; "required": false; "isSignal": true; }; "dismissLabel": { "alias": "dismissLabel"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; }, { "closed": "closed"; }, never, ["*"], true, never>;
 }
 
 /** Tooltip placement relative to the host element. */
@@ -5825,9 +5898,64 @@ declare class StrctStatusDot {
     readonly label: _angular_core.InputSignal<string>;
     /** Dot size: `sm` for dense rows, `md` standalone. */
     readonly size: _angular_core.InputSignal<StrctStatusDotSize>;
+    /**
+     * Something happening *now* — a task running, a live chart. The halo pulses
+     * once a second; the dot itself never changes size, so a column of dots does
+     * not jitter. Under `prefers-reduced-motion` the halo is a static ring.
+     */
+    readonly pulse: _angular_core.InputSignalWithTransform<boolean, unknown>;
     protected readonly text: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<StrctStatusDot, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrctStatusDot, "strct-status-dot", never, { "status": { "alias": "status"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrctStatusDot, "strct-status-dot", never, { "status": { "alias": "status"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "pulse": { "alias": "pulse"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/** What a live view is currently doing. */
+type StrctLiveState = 'live' | 'connecting' | 'reconnecting' | 'paused' | 'stale';
+/** Every string the indicator can say, so it can be localised. */
+interface StrctLiveLabels {
+    live: string;
+    /** With an `interval`: "Live · updates every 5 s". */
+    liveEvery: (seconds: number) => string;
+    connecting: string;
+    reconnecting: string;
+    paused: string;
+    /** With an `updatedAt`: "Last updated 3 min ago". */
+    stale: (relative: string) => string;
+    justNow: string;
+    minutesAgo: (n: number) => string;
+    hoursAgo: (n: number) => string;
+}
+/**
+ * "Live · updates every 5 s" and "Reconnecting…" are states of one indicator,
+ * not three captions written by hand next to three hand-rolled dots. A dot that
+ * is live and a dot that is merely green are different facts.
+ *
+ *   <strct-live-indicator state="live" [interval]="5000" />
+ *   <strct-live-indicator state="stale" [updatedAt]="lastRead" />
+ *
+ * It is a `role="status"`, so a change of state is announced politely — and the
+ * relative time re-renders on its own every 30 s without announcing each tick.
+ */
+declare class StrctLiveIndicator {
+    /** What the view is doing. */
+    readonly state: _angular_core.InputSignal<StrctLiveState>;
+    /** Refresh period in ms — turns "Live" into "Live · updates every 5 s". */
+    readonly interval: _angular_core.InputSignal<number | null>;
+    /** When the data last arrived; drives the relative time of `stale`. */
+    readonly updatedAt: _angular_core.InputSignal<number | Date | null>;
+    /** Every string, for localisation. */
+    readonly labels: _angular_core.InputSignal<Partial<StrctLiveLabels>>;
+    protected readonly tone: _angular_core.Signal<StrctStatus>;
+    /** Only a view that is actually receiving data pulses. */
+    protected readonly pulsing: _angular_core.Signal<boolean>;
+    private readonly L;
+    /** Re-read every 30 s, so "3 min ago" does not go stale on screen. */
+    private readonly now;
+    constructor();
+    protected readonly relative: _angular_core.Signal<string>;
+    protected readonly text: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<StrctLiveIndicator, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrctLiveIndicator, "strct-live-indicator", never, { "state": { "alias": "state"; "required": false; "isSignal": true; }; "interval": { "alias": "interval"; "required": false; "isSignal": true; }; "updatedAt": { "alias": "updatedAt"; "required": false; "isSignal": true; }; "labels": { "alias": "labels"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 /**
@@ -6447,5 +6575,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; }; "colLabelEvery": { "alias": "colLabelEvery"; "required": false; "isSignal": true; }; "colLabel": { "alias": "colLabel"; "required": false; "isSignal": true; }; "valueFormat": { "alias": "valueFormat"; "required": false; "isSignal": true; }; "thresholds": { "alias": "thresholds"; "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, StrctCardHeaderActions, StrctCardHeaderMeta, StrctCardHeaderNote, StrctCascadeColumn, StrctCascadeHost, StrctCascadeSelect, StrctCellDef, StrctCellStatus, StrctChart, StrctCheckbox, StrctChips, StrctCode, StrctCodeInline, StrctColorPicker, StrctCombobox, StrctCommandPalette, StrctConfirmOutlet, StrctConfirmService, StrctContextMenu, StrctContextMenuTrigger, StrctControlDescription, StrctCopy, StrctDatagrid, StrctDatagridActionBar, StrctDatagridActionBarCaption, StrctDatepicker, StrctDatetimePicker, StrctDesc, StrctDescriptionList, StrctDiff, StrctDivider, StrctDonut, StrctDrawer, StrctDrawerFooter, StrctDropdown, StrctDropdownDivider, StrctDropdownItem, StrctDropdownTrigger, StrctDurationPipe, StrctEmptyState, StrctField, StrctFieldGroup, StrctFieldHint, StrctFieldPrefix, StrctFieldSuffix, StrctFile, StrctFilterBar, StrctFlow, StrctFooter, StrctGauge, StrctHeader, StrctHeatmap, StrctHero, StrctHotkeysHelp, StrctHotkeysService, StrctIcon, StrctInlineEdit, StrctInput, StrctInputMask, StrctInputOtp, StrctKbd, StrctKnob, StrctList, StrctListItem, StrctListItemDescription, StrctListItemLeading, StrctListItemMeta, StrctListItemTrailing, StrctLogViewer, StrctLogin, StrctMenuPanel, StrctMenuService, StrctMenubar, StrctMetricTile, StrctModal, StrctModalContent, StrctNav, StrctNavItem, StrctNotificationCenter, StrctNumber, StrctOverlay, StrctPageHeader, StrctPageHeaderActions, StrctPageHeaderCrumbs, StrctPageHeaderTitleMeta, StrctPagination, StrctPassword, StrctPopover, StrctPopoverTrigger, StrctProgress, StrctRadio, StrctRadioGroup, StrctRail, StrctRange, StrctRatePipe, StrctRating, StrctReorder, StrctReorderItem, StrctRowDetailDef, StrctSearchbox, StrctSectionHeader, StrctSectionHeaderActions, StrctSectionHeaderMeta, StrctSectionMenu, StrctSegmented, StrctSelect, StrctShell, StrctShellService, StrctSiPipe, StrctSignpost, StrctSignpostTrigger, StrctSkeleton, StrctSparkline, StrctSpeedDial, StrctSpinner, StrctSplitButton, StrctSplitter, StrctStack, StrctStackItem, StrctStatusDot, StrctStep, 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, 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, StrctProgressSegment, StrctProgressStatus, StrctRailItem, StrctRailStatus, StrctReorderEvent, StrctRow, StrctRowId, StrctSegmentedOption, StrctSegmentedSize, StrctSignpostPosition, StrctSpeedDialDirection, StrctSpinnerSize, StrctStatus, StrctStatusDotSize, StrctTagStatus, StrctThresholds, StrctTimeRange, StrctTimeRangePreset, StrctTimelineState, StrctToast, StrctToastOptions, StrctToastType, StrctTooltipPosition, StrctTourStep, StrctTransferItem, StrctTreeDropEvent, StrctTreeMenuEvent, StrctTreeNodeData, StrctTreeNodeMenuFn, StrctValidationState, StrctValidationStatus, StrctWizardDefaults };
+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, StrctChart, StrctCheckbox, StrctChips, StrctCode, StrctCodeInline, StrctColorPicker, StrctCombobox, StrctCommandPalette, StrctConfirmOutlet, StrctConfirmService, StrctContextMenu, StrctContextMenuTrigger, StrctControlDescription, StrctCopy, StrctDatagrid, StrctDatagridActionBar, StrctDatagridActionBarCaption, StrctDatepicker, StrctDatetimePicker, StrctDesc, StrctDescriptionList, StrctDiff, StrctDivider, StrctDonut, StrctDrawer, StrctDrawerFooter, StrctDropdown, StrctDropdownDivider, StrctDropdownItem, StrctDropdownItemAction, StrctDropdownTrigger, StrctDurationPipe, StrctEmptyState, StrctField, StrctFieldGroup, StrctFieldHint, StrctFieldPrefix, StrctFieldSuffix, StrctFile, StrctFilterBar, StrctFlow, StrctFooter, StrctGauge, StrctHeader, StrctHeatmap, StrctHero, StrctHotkeysHelp, StrctHotkeysService, StrctIcon, StrctInlineEdit, StrctInput, StrctInputMask, StrctInputOtp, StrctKbd, StrctKnob, StrctList, StrctListItem, StrctListItemDescription, StrctListItemLeading, StrctListItemMeta, StrctListItemTrailing, StrctLiveIndicator, StrctLogViewer, StrctLogin, StrctMenuPanel, StrctMenuService, StrctMenubar, StrctMetricTile, StrctModal, StrctModalContent, StrctNav, StrctNavItem, StrctNotificationCenter, StrctNumber, StrctOverlay, StrctPageHeader, StrctPageHeaderActions, StrctPageHeaderCrumbs, StrctPageHeaderTitleMeta, StrctPagination, StrctPassword, StrctPopover, StrctPopoverTrigger, StrctProgress, StrctRadio, StrctRadioGroup, StrctRail, StrctRange, StrctRatePipe, StrctRating, StrctReorder, StrctReorderItem, StrctRowDetailDef, StrctSearchbox, StrctSectionHeader, StrctSectionHeaderActions, StrctSectionHeaderMeta, StrctSectionMenu, StrctSegmented, StrctSelect, StrctShell, StrctShellService, StrctSiPipe, StrctSignpost, StrctSignpostTrigger, StrctSkeleton, StrctSparkline, StrctSpeedDial, StrctSpinner, StrctSplitButton, StrctSplitter, StrctStack, StrctStackItem, StrctStatusDot, StrctStep, 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, 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, StrctLiveLabels, StrctLiveState, StrctLogLine, StrctMenuItem, StrctMenuLink, StrctMenuOpenOptions, StrctMenuPlacement, StrctMenuSection, StrctMenubarItem, StrctMetricStatus, StrctModalSize, StrctMode, StrctNotification, StrctOption, StrctOverlayPlacement, StrctPalette, StrctPaletteInfo, StrctProgressSegment, StrctProgressStatus, StrctRailItem, StrctRailStatus, StrctReorderEvent, StrctRow, StrctRowId, StrctSegmentedOption, StrctSegmentedSize, StrctSignpostPosition, StrctSpeedDialDirection, StrctSpinnerSize, StrctStatus, StrctStatusDotSize, StrctTagStatus, StrctThresholds, StrctTimeRange, StrctTimeRangePreset, StrctTimelineState, StrctToast, StrctToastOptions, StrctToastType, StrctTooltipPosition, StrctTourStep, StrctTransferItem, StrctTreeDropEvent, StrctTreeMenuEvent, StrctTreeNodeData, StrctTreeNodeMenuFn, StrctValidationState, StrctValidationStatus, StrctWizardDefaults };