@akcelik/strct 4.10.0 → 4.12.0

package/package.json

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

@@ -352,6 +352,27 @@ declare class StrctIcon {
     readonly badge: _angular_core.InputSignal<StrctIconBadge>;
     /** Accessible label for the icon. When empty the icon is hidden from assistive tech. */
     readonly ariaLabel: _angular_core.InputSignal<string>;
+    /**
+     * A count on the icon's top end corner — "a bell with seven alarms says 7".
+     * `null` or `0` draws nothing, and a count replaces `badge` (an icon says one
+     * thing at a time). Above `countMax` it reads "99+".
+     */
+    readonly count: _angular_core.InputSignal<number | null>;
+    /** The highest number shown in full; above it the badge reads "<max>+". */
+    readonly countMax: _angular_core.InputSignal<number>;
+    /** Badge tone — `--{status}` background with `--inv` text. */
+    readonly countStatus: _angular_core.InputSignal<StrctStatus>;
+    /**
+     * How the count reads to assistive tech, appended to `ariaLabel` (so an icon
+     * with no label stays decorative and the count belongs to its button).
+     */
+    readonly countLabel: _angular_core.InputSignal<(n: number) => string>;
+    /** The badge's text, or null when there is nothing to say. */
+    protected readonly countText: _angular_core.Signal<string | null>;
+    /** 1.2em of the icon size, floored at 14px, as the badge's box. */
+    protected readonly countFontSize: _angular_core.Signal<number>;
+    /** The label the glyph carries: its own, plus the count when both are set. */
+    protected readonly accessibleLabel: _angular_core.Signal<string>;
     /** The effective name: `strictName` wins when set. */
     protected readonly iconName: _angular_core.Signal<StrctIconName | (string & {})>;
     /** True when the named icon is a full-SVG (raw) icon registered by the app. */
@@ -359,7 +380,7 @@ declare class StrctIcon {
     protected readonly svg: _angular_core.Signal<SafeHtml>;
     protected readonly rawSvg: _angular_core.Signal<SafeHtml>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<StrctIcon, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrctIcon, "strct-icon", never, { "name": { "alias": "name"; "required": false; "isSignal": true; }; "strictName": { "alias": "strictName"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "strokeWidth": { "alias": "strokeWidth"; "required": false; "isSignal": true; }; "badge": { "alias": "badge"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrctIcon, "strct-icon", never, { "name": { "alias": "name"; "required": false; "isSignal": true; }; "strictName": { "alias": "strictName"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "strokeWidth": { "alias": "strokeWidth"; "required": false; "isSignal": true; }; "badge": { "alias": "badge"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "count": { "alias": "count"; "required": false; "isSignal": true; }; "countMax": { "alias": "countMax"; "required": false; "isSignal": true; }; "countStatus": { "alias": "countStatus"; "required": false; "isSignal": true; }; "countLabel": { "alias": "countLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 /** Overlay positioning strategies. */
@@ -710,7 +731,7 @@ declare class StrctSectionHeader {
 }
 
 /** Button visual variants. */
-type StrctButtonVariant = 'primary' | 'critical' | 'outline' | 'flat' | 'neutral';
+type StrctButtonVariant = 'primary' | 'critical' | 'outline' | 'flat' | 'neutral' | 'link';
 /** Button size variants. */
 type StrctButtonSize = 'md' | 'sm' | 'mini';
 /**
@@ -755,6 +776,11 @@ declare class StrctBadge {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrctBadge, "strct-badge", never, { "status": { "alias": "status"; "required": false; "isSignal": true; }; "solid": { "alias": "solid"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
+/** Content rendered before the tag's text — a status dot, an icon. */
+declare class StrctTagLeading {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<StrctTagLeading, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<StrctTagLeading, "[strctTagLeading]", never, {}, {}, never, never, true, never>;
+}
 /** Tag color variants. */
 type StrctTagStatus = 'neutral' | 'accent' | 'success' | 'warning' | 'critical';
 /**
@@ -770,10 +796,23 @@ declare class StrctTag {
     readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Accessible label for the remove button. */
     readonly removeLabel: _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
+     * "remove it" are two targets.
+     */
+    readonly interactive: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** `'pill'` rounds the tag fully — a chip for a thing, not a label on one. */
+    readonly shape: _angular_core.InputSignal<"default" | "pill">;
+    /** Monospace text, for names that are identifiers. */
+    readonly mono: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Emitted when the user clicks the remove button. */
     readonly removed: _angular_core.OutputEmitterRef<void>;
+    /** Emitted when an `interactive` tag's body is activated. */
+    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; }; }, { "removed": "removed"; }, never, ["*"], 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; }; "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. */
@@ -1958,8 +1997,18 @@ declare class StrctBreadcrumb {
 declare class StrctBreadcrumbItem {
     /** Mark as the current page. */
     readonly current: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * The crumb itself is the control — for a trail that does not route, such as
+     * a folder path. It is stated rather than inferred from `(activated)` having
+     * a listener, which Angular's output API does not expose;
+     * `strct-list-item` and `strct-tag` read the same way.
+     */
+    readonly interactive: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Emitted when an `interactive` crumb is activated (click / Enter / Space). */
+    readonly activated: _angular_core.OutputEmitterRef<void>;
+    protected onActivate(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<StrctBreadcrumbItem, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrctBreadcrumbItem, "strct-breadcrumb-item", never, { "current": { "alias": "current"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrctBreadcrumbItem, "strct-breadcrumb-item", never, { "current": { "alias": "current"; "required": false; "isSignal": true; }; "interactive": { "alias": "interactive"; "required": false; "isSignal": true; }; }, { "activated": "activated"; }, never, ["*"], true, never>;
 }
 
 type PageToken = number | 'dots';
@@ -2472,6 +2521,21 @@ declare class StrctInput {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<StrctInput, "input[strctInput], textarea[strctInput], select[strctInput]", never, {}, {}, never, never, true, never>;
 }
 
+/**
+ * A description with markup in it, projected into `strct-checkbox`,
+ * `strct-toggle` or `strct-radio` — where the string `description` renders, and
+ * linked to the control the same way.
+ *
+ *   <strct-checkbox [(checked)]="net">
+ *     Network
+ *     <span strctControlDescription>The cluster networks and <strong>Windows Firewall</strong>.</span>
+ *   </strct-checkbox>
+ */
+declare class StrctControlDescription {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<StrctControlDescription, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<StrctControlDescription, "[strctControlDescription]", never, {}, {}, never, never, true, never>;
+}
+
 /** Checkbox with custom box. Works with `[(ngModel)]` / reactive forms. */
 declare class StrctCheckbox implements ControlValueAccessor {
     readonly checked: _angular_core.ModelSignal<boolean>;
@@ -2484,6 +2548,26 @@ declare class StrctCheckbox implements ControlValueAccessor {
     readonly indeterminate: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Accessible label for the checkbox (used when no text label is present). */
     readonly ariaLabel: _angular_core.InputSignal<string | null>;
+    /**
+     * A sentence under the label explaining the option's consequence. It renders
+     * inside the component's own `<label>` — so clicking it still toggles the
+     * option — and is linked with `aria-describedby` rather than becoming part of
+     * the name. `[strctControlDescription]` projects one with markup in it.
+     */
+    readonly description: _angular_core.InputSignal<string>;
+    private readonly n;
+    protected readonly descId: string;
+    protected readonly labelId: string;
+    protected readonly projDescId: string;
+    protected readonly projected: _angular_core.Signal<StrctControlDescription | undefined>;
+    protected readonly described: _angular_core.Signal<boolean>;
+    protected readonly describedBy: _angular_core.Signal<string | null>;
+    /**
+     * The description sits inside the `<label>` so clicking it still toggles the
+     * option — which would otherwise make it part of the name as well as the
+     * description. Naming the label span keeps the name to the label alone.
+     */
+    protected readonly labelledBy: _angular_core.Signal<string | null>;
     private onChange;
     protected onTouched: () => void;
     onToggle(event: Event): void;
@@ -2492,7 +2576,7 @@ declare class StrctCheckbox implements ControlValueAccessor {
     registerOnTouched(fn: () => void): void;
     setDisabledState(isDisabled: boolean): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<StrctCheckbox, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrctCheckbox, "strct-checkbox", never, { "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; }, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrctCheckbox, "strct-checkbox", never, { "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; }, ["projected"], ["[strctControlDescription]", "*"], true, never>;
 }
 
 /** On/off switch. Works with `[(ngModel)]` / reactive forms. */
@@ -2503,6 +2587,21 @@ declare class StrctToggle implements ControlValueAccessor {
     readonly isDisabled: _angular_core.Signal<boolean>;
     /** Static disable; forms' setDisabledState also drives the disabled state. */
     readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * A sentence under the label explaining what turning this on does. It renders
+     * inside the component's own `<label>` and is linked with `aria-describedby`;
+     * `[strctControlDescription]` projects one with markup in it.
+     */
+    readonly description: _angular_core.InputSignal<string>;
+    private readonly n;
+    protected readonly descId: string;
+    protected readonly labelId: string;
+    protected readonly projDescId: string;
+    protected readonly projected: _angular_core.Signal<StrctControlDescription | undefined>;
+    protected readonly described: _angular_core.Signal<boolean>;
+    protected readonly describedBy: _angular_core.Signal<string | null>;
+    /** Keeps the name to the label when the description shares its `<label>`. */
+    protected readonly labelledBy: _angular_core.Signal<string | null>;
     private onChange;
     protected onTouched: () => void;
     onToggle(event: Event): void;
@@ -2511,7 +2610,7 @@ declare class StrctToggle implements ControlValueAccessor {
     registerOnTouched(fn: () => void): void;
     setDisabledState(isDisabled: boolean): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<StrctToggle, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrctToggle, "strct-toggle", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrctToggle, "strct-toggle", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; }, {}, ["projected"], ["[strctControlDescription]", "*"], true, never>;
 }
 
 /**
@@ -2522,6 +2621,12 @@ declare class StrctToggle implements ControlValueAccessor {
  *   </strct-radio-group>
  */
 declare class StrctRadioGroup implements ControlValueAccessor {
+    /**
+     * `'card'` renders each option as a tile with room for an icon and a
+     * sentence — a choice between a few kinds of thing, each needing an
+     * explanation. It stays a native radio group: one tab stop, arrow keys.
+     */
+    readonly variant: _angular_core.InputSignal<"default" | "card">;
     readonly name: string;
     readonly value: _angular_core.WritableSignal<unknown>;
     readonly isDisabled: _angular_core.WritableSignal<boolean>;
@@ -2533,7 +2638,7 @@ declare class StrctRadioGroup implements ControlValueAccessor {
     registerOnTouched(fn: () => void): void;
     setDisabledState(isDisabled: boolean): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<StrctRadioGroup, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrctRadioGroup, "strct-radio-group", never, {}, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrctRadioGroup, "strct-radio-group", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 /** One option inside a `<strct-radio-group>`. */
 declare class StrctRadio {
@@ -2541,9 +2646,27 @@ declare class StrctRadio {
     readonly value: _angular_core.InputSignal<unknown>;
     /** Static disable flag. */
     readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * A sentence under the label. It renders inside the component's own
+     * `<label>` and is linked with `aria-describedby`;
+     * `[strctControlDescription]` projects one with markup in it.
+     */
+    readonly description: _angular_core.InputSignal<string>;
+    /** Leading icon — card variant only. */
+    readonly icon: _angular_core.InputSignal<"" | StrctIconName>;
     protected readonly group: StrctRadioGroup;
+    protected readonly card: _angular_core.Signal<boolean>;
+    private readonly n;
+    protected readonly descId: string;
+    protected readonly labelId: string;
+    protected readonly projDescId: string;
+    protected readonly projected: _angular_core.Signal<StrctControlDescription | undefined>;
+    protected readonly described: _angular_core.Signal<boolean>;
+    protected readonly describedBy: _angular_core.Signal<string | null>;
+    /** Keeps the name to the label when the description shares its `<label>`. */
+    protected readonly labelledBy: _angular_core.Signal<string | null>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<StrctRadio, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrctRadio, "strct-radio", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrctRadio, "strct-radio", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; }, {}, ["projected"], ["[strctControlDescription]", "*"], true, never>;
 }
 
 /** One segment of a `StrctSegmented`. */
@@ -4733,7 +4856,7 @@ declare class StrctAlert {
     readonly dismissLabel: _angular_core.InputSignal<string>;
     /** Emitted when the alert is dismissed. */
     readonly closed: _angular_core.OutputEmitterRef<void>;
-    protected readonly icon: _angular_core.Signal<"info" | "success" | "warning" | "critical">;
+    protected readonly icon: _angular_core.Signal<"success" | "warning" | "critical" | "info">;
     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>;
 }
@@ -6324,5 +6447,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, 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, 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 { 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 };