@akcelik/strct 4.10.0 → 4.11.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@akcelik/strct",
3
- "version": "4.10.0",
3
+ "version": "4.11.0",
4
4
  "description": "UIStruct — a standalone Angular component library with a tokenised, multi-palette theme system, built for datacenter / infrastructure management UIs.",
5
5
  "author": "Serkan Akcelik <serkan.akcelik@gmail.com>",
6
6
  "license": "MIT",
@@ -755,6 +755,11 @@ declare class StrctBadge {
755
755
  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>;
756
756
  }
757
757
 
758
+ /** Content rendered before the tag's text — a status dot, an icon. */
759
+ declare class StrctTagLeading {
760
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<StrctTagLeading, never>;
761
+ static ɵdir: _angular_core.ɵɵDirectiveDeclaration<StrctTagLeading, "[strctTagLeading]", never, {}, {}, never, never, true, never>;
762
+ }
758
763
  /** Tag color variants. */
759
764
  type StrctTagStatus = 'neutral' | 'accent' | 'success' | 'warning' | 'critical';
760
765
  /**
@@ -770,10 +775,23 @@ declare class StrctTag {
770
775
  readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
771
776
  /** Accessible label for the remove button. */
772
777
  readonly removeLabel: _angular_core.InputSignal<string>;
778
+ /**
779
+ * The body becomes a control: pointer, hover, focus ring, and `activated` on
780
+ * click / Enter / Space. The × stays a separate tab stop, so "open it" and
781
+ * "remove it" are two targets.
782
+ */
783
+ readonly interactive: _angular_core.InputSignalWithTransform<boolean, unknown>;
784
+ /** `'pill'` rounds the tag fully — a chip for a thing, not a label on one. */
785
+ readonly shape: _angular_core.InputSignal<"default" | "pill">;
786
+ /** Monospace text, for names that are identifiers. */
787
+ readonly mono: _angular_core.InputSignalWithTransform<boolean, unknown>;
773
788
  /** Emitted when the user clicks the remove button. */
774
789
  readonly removed: _angular_core.OutputEmitterRef<void>;
790
+ /** Emitted when an `interactive` tag's body is activated. */
791
+ readonly activated: _angular_core.OutputEmitterRef<void>;
792
+ protected onActivate(): void;
775
793
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<StrctTag, never>;
776
- 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>;
794
+ 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>;
777
795
  }
778
796
 
779
797
  /** Avatar size variants. */
@@ -2472,6 +2490,21 @@ declare class StrctInput {
2472
2490
  static ɵdir: _angular_core.ɵɵDirectiveDeclaration<StrctInput, "input[strctInput], textarea[strctInput], select[strctInput]", never, {}, {}, never, never, true, never>;
2473
2491
  }
2474
2492
 
2493
+ /**
2494
+ * A description with markup in it, projected into `strct-checkbox`,
2495
+ * `strct-toggle` or `strct-radio` — where the string `description` renders, and
2496
+ * linked to the control the same way.
2497
+ *
2498
+ * <strct-checkbox [(checked)]="net">
2499
+ * Network
2500
+ * <span strctControlDescription>The cluster networks and <strong>Windows Firewall</strong>.</span>
2501
+ * </strct-checkbox>
2502
+ */
2503
+ declare class StrctControlDescription {
2504
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<StrctControlDescription, never>;
2505
+ static ɵdir: _angular_core.ɵɵDirectiveDeclaration<StrctControlDescription, "[strctControlDescription]", never, {}, {}, never, never, true, never>;
2506
+ }
2507
+
2475
2508
  /** Checkbox with custom box. Works with `[(ngModel)]` / reactive forms. */
2476
2509
  declare class StrctCheckbox implements ControlValueAccessor {
2477
2510
  readonly checked: _angular_core.ModelSignal<boolean>;
@@ -2484,6 +2517,26 @@ declare class StrctCheckbox implements ControlValueAccessor {
2484
2517
  readonly indeterminate: _angular_core.InputSignalWithTransform<boolean, unknown>;
2485
2518
  /** Accessible label for the checkbox (used when no text label is present). */
2486
2519
  readonly ariaLabel: _angular_core.InputSignal<string | null>;
2520
+ /**
2521
+ * A sentence under the label explaining the option's consequence. It renders
2522
+ * inside the component's own `<label>` — so clicking it still toggles the
2523
+ * option — and is linked with `aria-describedby` rather than becoming part of
2524
+ * the name. `[strctControlDescription]` projects one with markup in it.
2525
+ */
2526
+ readonly description: _angular_core.InputSignal<string>;
2527
+ private readonly n;
2528
+ protected readonly descId: string;
2529
+ protected readonly labelId: string;
2530
+ protected readonly projDescId: string;
2531
+ protected readonly projected: _angular_core.Signal<StrctControlDescription | undefined>;
2532
+ protected readonly described: _angular_core.Signal<boolean>;
2533
+ protected readonly describedBy: _angular_core.Signal<string | null>;
2534
+ /**
2535
+ * The description sits inside the `<label>` so clicking it still toggles the
2536
+ * option — which would otherwise make it part of the name as well as the
2537
+ * description. Naming the label span keeps the name to the label alone.
2538
+ */
2539
+ protected readonly labelledBy: _angular_core.Signal<string | null>;
2487
2540
  private onChange;
2488
2541
  protected onTouched: () => void;
2489
2542
  onToggle(event: Event): void;
@@ -2492,7 +2545,7 @@ declare class StrctCheckbox implements ControlValueAccessor {
2492
2545
  registerOnTouched(fn: () => void): void;
2493
2546
  setDisabledState(isDisabled: boolean): void;
2494
2547
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<StrctCheckbox, never>;
2495
- 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>;
2548
+ 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>;
2496
2549
  }
2497
2550
 
2498
2551
  /** On/off switch. Works with `[(ngModel)]` / reactive forms. */
@@ -2503,6 +2556,21 @@ declare class StrctToggle implements ControlValueAccessor {
2503
2556
  readonly isDisabled: _angular_core.Signal<boolean>;
2504
2557
  /** Static disable; forms' setDisabledState also drives the disabled state. */
2505
2558
  readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
2559
+ /**
2560
+ * A sentence under the label explaining what turning this on does. It renders
2561
+ * inside the component's own `<label>` and is linked with `aria-describedby`;
2562
+ * `[strctControlDescription]` projects one with markup in it.
2563
+ */
2564
+ readonly description: _angular_core.InputSignal<string>;
2565
+ private readonly n;
2566
+ protected readonly descId: string;
2567
+ protected readonly labelId: string;
2568
+ protected readonly projDescId: string;
2569
+ protected readonly projected: _angular_core.Signal<StrctControlDescription | undefined>;
2570
+ protected readonly described: _angular_core.Signal<boolean>;
2571
+ protected readonly describedBy: _angular_core.Signal<string | null>;
2572
+ /** Keeps the name to the label when the description shares its `<label>`. */
2573
+ protected readonly labelledBy: _angular_core.Signal<string | null>;
2506
2574
  private onChange;
2507
2575
  protected onTouched: () => void;
2508
2576
  onToggle(event: Event): void;
@@ -2511,7 +2579,7 @@ declare class StrctToggle implements ControlValueAccessor {
2511
2579
  registerOnTouched(fn: () => void): void;
2512
2580
  setDisabledState(isDisabled: boolean): void;
2513
2581
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<StrctToggle, never>;
2514
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrctToggle, "strct-toggle", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
2582
+ 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>;
2515
2583
  }
2516
2584
 
2517
2585
  /**
@@ -2522,6 +2590,12 @@ declare class StrctToggle implements ControlValueAccessor {
2522
2590
  * </strct-radio-group>
2523
2591
  */
2524
2592
  declare class StrctRadioGroup implements ControlValueAccessor {
2593
+ /**
2594
+ * `'card'` renders each option as a tile with room for an icon and a
2595
+ * sentence — a choice between a few kinds of thing, each needing an
2596
+ * explanation. It stays a native radio group: one tab stop, arrow keys.
2597
+ */
2598
+ readonly variant: _angular_core.InputSignal<"default" | "card">;
2525
2599
  readonly name: string;
2526
2600
  readonly value: _angular_core.WritableSignal<unknown>;
2527
2601
  readonly isDisabled: _angular_core.WritableSignal<boolean>;
@@ -2533,7 +2607,7 @@ declare class StrctRadioGroup implements ControlValueAccessor {
2533
2607
  registerOnTouched(fn: () => void): void;
2534
2608
  setDisabledState(isDisabled: boolean): void;
2535
2609
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<StrctRadioGroup, never>;
2536
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrctRadioGroup, "strct-radio-group", never, {}, {}, never, ["*"], true, never>;
2610
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrctRadioGroup, "strct-radio-group", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
2537
2611
  }
2538
2612
  /** One option inside a `<strct-radio-group>`. */
2539
2613
  declare class StrctRadio {
@@ -2541,9 +2615,27 @@ declare class StrctRadio {
2541
2615
  readonly value: _angular_core.InputSignal<unknown>;
2542
2616
  /** Static disable flag. */
2543
2617
  readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
2618
+ /**
2619
+ * A sentence under the label. It renders inside the component's own
2620
+ * `<label>` and is linked with `aria-describedby`;
2621
+ * `[strctControlDescription]` projects one with markup in it.
2622
+ */
2623
+ readonly description: _angular_core.InputSignal<string>;
2624
+ /** Leading icon — card variant only. */
2625
+ readonly icon: _angular_core.InputSignal<"" | StrctIconName>;
2544
2626
  protected readonly group: StrctRadioGroup;
2627
+ protected readonly card: _angular_core.Signal<boolean>;
2628
+ private readonly n;
2629
+ protected readonly descId: string;
2630
+ protected readonly labelId: string;
2631
+ protected readonly projDescId: string;
2632
+ protected readonly projected: _angular_core.Signal<StrctControlDescription | undefined>;
2633
+ protected readonly described: _angular_core.Signal<boolean>;
2634
+ protected readonly describedBy: _angular_core.Signal<string | null>;
2635
+ /** Keeps the name to the label when the description shares its `<label>`. */
2636
+ protected readonly labelledBy: _angular_core.Signal<string | null>;
2545
2637
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<StrctRadio, never>;
2546
- 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>;
2638
+ 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>;
2547
2639
  }
2548
2640
 
2549
2641
  /** One segment of a `StrctSegmented`. */
@@ -6324,5 +6416,5 @@ declare class StrctHeatmap {
6324
6416
  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>;
6325
6417
  }
6326
6418
 
6327
- 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 };
6419
+ 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 };
6328
6420
  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 };