@rt-tools/ui-kit 0.0.23 → 0.0.25

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rt-tools/ui-kit",
-  "version": "0.0.23",
+  "version": "0.0.25",
   "license": "Apache-2.0",
   "author": "Yauheni Krumin",
   "type": "module",

package/src/lib/ui-kit/buttons/unified-button/rtui-button.component.scss

@@ -6,7 +6,8 @@
     display: block;
     width: 100%;
 
-    .rtui-button {
+    .rtui-button,
+    .rtui-button-material {
         width: 100%;
     }
 }
@@ -103,11 +104,11 @@
 
     /* ===================== pill ===================== */
     &--type-pill {
-        gap: 0.375rem;
         border-radius: 1.5rem;
         background-color: var(--mat-sys-surface-container-high);
         color: var(--mat-sys-on-surface-variant);
         font-weight: 500;
+        gap: 0.375rem;
 
         &:hover:not(:disabled) {
             background-color: var(--mat-sys-surface-container-highest);
@@ -246,3 +247,35 @@
         }
     }
 }
+
+/* ===================== design: material =====================
+   Under `design: 'material'` the pill renders a NATIVE Material button (see the
+   template) whose look is fully owned by the Material theme. The only styling
+   the library adds is the variant mapping: `danger` re-points the button's own
+   theme tokens at the M3 error role (M3 has no success/warning roles, so every
+   other variant keeps the theme primary). */
+.rtui-button-material {
+    rtui-spinner {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+    }
+
+    &--danger {
+        --mat-button-filled-container-color: var(--mat-sys-error);
+        --mat-button-filled-label-text-color: var(--mat-sys-on-error);
+        --mat-button-filled-state-layer-color: var(--mat-sys-on-error);
+        --mat-button-filled-ripple-color: color-mix(in srgb, var(--mat-sys-on-error) 12%, transparent);
+        --mat-button-outlined-label-text-color: var(--mat-sys-error);
+        --mat-button-outlined-outline-color: var(--mat-sys-error);
+        --mat-button-outlined-state-layer-color: var(--mat-sys-error);
+        --mat-button-outlined-ripple-color: color-mix(in srgb, var(--mat-sys-error) 12%, transparent);
+        --mat-button-text-label-text-color: var(--mat-sys-error);
+        --mat-button-text-state-layer-color: var(--mat-sys-error);
+        --mat-button-text-ripple-color: color-mix(in srgb, var(--mat-sys-error) 12%, transparent);
+        --mat-button-tonal-container-color: var(--mat-sys-error-container);
+        --mat-button-tonal-label-text-color: var(--mat-sys-on-error-container);
+        --mat-button-tonal-state-layer-color: var(--mat-sys-on-error-container);
+        --mat-button-tonal-ripple-color: color-mix(in srgb, var(--mat-sys-on-error-container) 12%, transparent);
+    }
+}

package/types/rt-tools-ui-kit.d.ts

@@ -10,6 +10,7 @@ import { OverlayRef, ComponentType, ConnectedPosition, CdkOverlayOrigin } from '
 import { ComponentType as ComponentType$1 } from '@angular/cdk/portal';
 import { HttpErrorResponse } from '@angular/common/http';
 import { BooleanInput, NumberInput } from '@angular/cdk/coercion';
+import { MatButtonAppearance } from '@angular/material/button';
 import * as i1 from '@angular/material/tooltip';
 import { TooltipPosition } from '@angular/material/tooltip';
 import { MatFormFieldAppearance } from '@angular/material/form-field';
@@ -283,6 +284,106 @@ declare class RtuiAsideContainerComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<RtuiAsideContainerComponent, "rtui-aside-container", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "isMobile": { "alias": "isMobile"; "required": true; "isSignal": true; }; "isSubmitButtonDisabled": { "alias": "isSubmitButtonDisabled"; "required": true; "isSignal": true; }; "isFooterShown": { "alias": "isFooterShown"; "required": false; "isSignal": true; }; "pending": { "alias": "pending"; "required": false; "isSignal": true; }; "isRequestErrorShown": { "alias": "isRequestErrorShown"; "required": false; "isSignal": true; }; "headerActionsButtons": { "alias": "headerActionsButtons"; "required": false; "isSignal": true; }; "requestError": { "alias": "requestError"; "required": false; "isSignal": true; }; "submitButtonTitle": { "alias": "submitButtonTitle"; "required": false; "isSignal": true; }; "cancelButtonTitle": { "alias": "cancelButtonTitle"; "required": false; "isSignal": true; }; "submitButtonTooltip": { "alias": "submitButtonTooltip"; "required": false; "isSignal": true; }; }, { "submitAction": "submitAction"; "cancelAction": "cancelAction"; "headerAction": "headerAction"; }, ["headerTpl"], ["*"], true, never>;
 }
 
+declare enum RT_THEME_ENUM {
+    LIGHT = "light",
+    DARK = "dark",
+    AUTO = "auto"
+}
+type RtThemeType = `${RT_THEME_ENUM}`;
+declare const RT_THEME_STORAGE_KEY: string;
+declare const RT_DARK_CLASS: string;
+declare const RT_THEME_AUTO_CLASS: string;
+declare const RT_THEME_ATTRIBUTE: string;
+/**
+ * Accent roles whose `--rt-color-{role}-{0..100}` indirection rows a custom
+ * color scheme may override. The semantic accent tier
+ * (`--rt-bg/text/icon/border-accent-*`) derives entirely from these rows.
+ */
+declare enum RT_ACCENT_ROLE_ENUM {
+    PRIMARY = "primary",
+    INFO = "info",
+    SUCCESS = "success",
+    WARNING = "warning",
+    DANGER = "danger",
+    BRAND = "brand"
+}
+type RtAccentRole = `${RT_ACCENT_ROLE_ENUM}`;
+/**
+ * A brand palette: per accent role, a tonal ramp mapping tone step (0–100)
+ * to a CSS color. One ramp serves both light and dark (the mode picks the tone).
+ * Partial ramps are allowed — unset tones keep the rt-tools defaults.
+ *
+ * @example
+ * const teal: RtColorSchemeRamp = {
+ *     primary: { 20: '#b3e3e1', 40: '#5cb8b5', 60: '#1a9d99', 100: '#008582' },
+ *     brand:   { 20: '#e8e8e8', 100: '#008582' },
+ * };
+ */
+type RtColorSchemeRamp = Partial<Record<RtAccentRole, Record<number, string>>>;
+/** `'default'`/`null` clears the active scheme (back to the rt-tools palette). */
+declare const RT_DEFAULT_SCHEME: string;
+declare const RT_COLOR_SCHEME_STORAGE_KEY: string;
+declare const RT_SCHEME_ATTRIBUTE: string;
+
+/**
+ * Design system a control renders with:
+ * - `'custom'` — the rt-tools look (design tokens, pill shapes). The default.
+ * - `'material'` — the control renders a NATIVE Angular Material component
+ *   (e.g. the button pill becomes a real `matButton`), for apps that have not
+ *   migrated their visual language yet or need to match surrounding Material controls.
+ */
+type RtUiDesign = 'material' | 'custom';
+declare namespace IRtUiConfig {
+    /** Global defaults applied app-wide unless a component-level setting or an input overrides them. */
+    interface Global {
+        /** Initial theme used when the user has no persisted preference. */
+        theme?: RtThemeType;
+        /** Initial brand color scheme (see `RtThemeService.registerColorScheme`) when none is persisted. */
+        colorScheme?: string;
+        /** Default design for every design-aware control. */
+        design?: RtUiDesign;
+    }
+    /** Per-instance-overridable defaults for `rtui-button`. */
+    interface Button {
+        design?: RtUiDesign;
+        size?: IRtuiButton.Size;
+        radius?: IRtuiButton.Radius;
+        appearance?: IRtuiButton.Appearance;
+    }
+    /** Component-level settings. Each entry overrides `global` for that component only. */
+    interface Components {
+        button?: Button;
+    }
+    interface Config {
+        global?: Global;
+        components?: Components;
+    }
+}
+/**
+ * Application-wide UI configuration for rt-tools components.
+ *
+ * Resolution order (most specific wins):
+ * 1. the component input on a concrete instance,
+ * 2. `components.<name>` in this config,
+ * 3. `global` in this config,
+ * 4. the library default.
+ *
+ * Provide it via {@link provideRtUi}:
+ * ```typescript
+ * bootstrapApplication(RootComponent, {
+ *     providers: [
+ *         provideRtUi({
+ *             global: { theme: 'auto', design: 'custom' },
+ *             components: { button: { design: 'material' } },
+ *         }),
+ *     ],
+ * });
+ * ```
+ *
+ * @publicApi
+ */
+declare const RT_UI_CONFIG: InjectionToken<IRtUiConfig.Config>;
+
 type RtuiIconSizeType = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | '3xl';
 type RtuiIconThemeType = 'inherit' | 'primary' | 'primary-strong' | 'neutral' | 'disabled' | 'muted' | 'white' | 'danger' | 'success';
 declare class RtuiIconComponent {
@@ -308,14 +409,23 @@ declare namespace IRtuiButton {
     type IconPosition = 'start' | 'end';
 }
 declare class RtuiButtonComponent {
+    #private;
+    /** Design system the button renders with — see {@link RtUiDesign}. */
+    protected readonly resolvedDesign: Signal<RtUiDesign>;
+    protected readonly resolvedSize: Signal<IRtuiButton.Size>;
+    protected readonly resolvedRadius: Signal<IRtuiButton.Radius>;
+    protected readonly resolvedAppearance: Signal<IRtuiButton.Appearance | undefined>;
+    /** Native Material button appearance the pill renders with under `design: 'material'`. */
+    protected readonly materialAppearance: Signal<MatButtonAppearance>;
     protected readonly resolvedIconSize: Signal<RtuiIconSizeType>;
     protected readonly spinnerSize: Signal<number>;
     protected readonly modifiers: Signal<Record<string, boolean>>;
     readonly type: InputSignal<IRtuiButton.Type>;
+    readonly design: InputSignal<RtUiDesign | undefined>;
     readonly variant: InputSignal<IRtuiButton.Variant>;
     readonly appearance: InputSignal<IRtuiButton.Appearance | undefined>;
-    readonly size: InputSignal<IRtuiButton.Size>;
-    readonly radius: InputSignal<IRtuiButton.Radius>;
+    readonly size: InputSignal<IRtuiButton.Size | undefined>;
+    readonly radius: InputSignal<IRtuiButton.Radius | undefined>;
     readonly icon: InputSignalWithTransform<string, unknown>;
     readonly iconPosition: InputSignal<IRtuiButton.IconPosition>;
     readonly iconSize: InputSignal<RtuiIconSizeType | undefined>;
@@ -328,7 +438,7 @@ declare class RtuiButtonComponent {
     readonly clicked: OutputEmitterRef<void>;
     protected onClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<RtuiButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<RtuiButtonComponent, "rtui-button", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "radius": { "alias": "radius"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconPosition": { "alias": "iconPosition"; "required": false; "isSignal": true; }; "iconSize": { "alias": "iconSize"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "outlined": { "alias": "outlined"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; "spinnerDiameter": { "alias": "spinnerDiameter"; "required": false; "isSignal": true; }; }, { "clicked": "clicked"; }, never, ["*"], true, [{ directive: typeof i1.MatTooltip; inputs: { "matTooltip": "tooltip"; "matTooltipPosition": "tooltipPosition"; "matTooltipDisabled": "tooltipDisabled"; "matTooltipClass": "tooltipClass"; }; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RtuiButtonComponent, "rtui-button", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "design": { "alias": "design"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "radius": { "alias": "radius"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconPosition": { "alias": "iconPosition"; "required": false; "isSignal": true; }; "iconSize": { "alias": "iconSize"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "outlined": { "alias": "outlined"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; "spinnerDiameter": { "alias": "spinnerDiameter"; "required": false; "isSignal": true; }; }, { "clicked": "clicked"; }, never, ["*", "*"], true, [{ directive: typeof i1.MatTooltip; inputs: { "matTooltip": "tooltip"; "matTooltipPosition": "tooltipPosition"; "matTooltipDisabled": "tooltipDisabled"; "matTooltipClass": "tooltipClass"; }; outputs: {}; }]>;
 }
 
 declare class RtuiMultiButtonComponent {
@@ -998,17 +1108,23 @@ declare class RtuiTableRowClickDirective<ENTITY_TYPE extends Record<string, unkn
 /**
  * Returns a set of the necessary dependency injection providers for managing the UI.
  *
+ * Optionally accepts an application-wide {@link RT_UI_CONFIG UI configuration} with
+ * global theme/design defaults and per-component settings:
+ *
  * ```typescript
  * bootstrapApplication(RootComponent, {
  *   providers: [
- *     provideRtUi()
+ *     provideRtUi({
+ *       global: { theme: 'auto', design: 'custom' },
+ *       components: { button: { design: 'material' } },
+ *     })
  *   ]
  * });
  * ```
  *
  * @publicApi
  */
-declare function provideRtUi(): Provider[];
+declare function provideRtUi(config?: IRtUiConfig.Config): Provider[];
 
 declare namespace IRtSnackBar {
     interface Config extends MatSnackBarConfig {
@@ -1608,47 +1724,6 @@ declare class RtActionBarService {
     static ɵprov: i0.ɵɵInjectableDeclaration<RtActionBarService>;
 }
 
-declare enum RT_THEME_ENUM {
-    LIGHT = "light",
-    DARK = "dark",
-    AUTO = "auto"
-}
-type RtThemeType = `${RT_THEME_ENUM}`;
-declare const RT_THEME_STORAGE_KEY: string;
-declare const RT_DARK_CLASS: string;
-declare const RT_THEME_AUTO_CLASS: string;
-declare const RT_THEME_ATTRIBUTE: string;
-/**
- * Accent roles whose `--rt-color-{role}-{0..100}` indirection rows a custom
- * color scheme may override. The semantic accent tier
- * (`--rt-bg/text/icon/border-accent-*`) derives entirely from these rows.
- */
-declare enum RT_ACCENT_ROLE_ENUM {
-    PRIMARY = "primary",
-    INFO = "info",
-    SUCCESS = "success",
-    WARNING = "warning",
-    DANGER = "danger",
-    BRAND = "brand"
-}
-type RtAccentRole = `${RT_ACCENT_ROLE_ENUM}`;
-/**
- * A brand palette: per accent role, a tonal ramp mapping tone step (0–100)
- * to a CSS color. One ramp serves both light and dark (the mode picks the tone).
- * Partial ramps are allowed — unset tones keep the rt-tools defaults.
- *
- * @example
- * const teal: RtColorSchemeRamp = {
- *     primary: { 20: '#b3e3e1', 40: '#5cb8b5', 60: '#1a9d99', 100: '#008582' },
- *     brand:   { 20: '#e8e8e8', 100: '#008582' },
- * };
- */
-type RtColorSchemeRamp = Partial<Record<RtAccentRole, Record<number, string>>>;
-/** `'default'`/`null` clears the active scheme (back to the rt-tools palette). */
-declare const RT_DEFAULT_SCHEME: string;
-declare const RT_COLOR_SCHEME_STORAGE_KEY: string;
-declare const RT_SCHEME_ATTRIBUTE: string;
-
 /**
  * Global theme + color-scheme switcher for the rt-tools design tokens.
  *
@@ -1707,5 +1782,5 @@ declare class RtThemeDirective {
     static ɵdir: i0.ɵɵDirectiveDeclaration<RtThemeDirective, "[rtTheme]", never, { "rtTheme": { "alias": "rtTheme"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-export { ASIDE_BUTTONS_ENUM, ASIDE_REF, AsideRef, DEFAULT_PAGE_MODEL, DEFAULT_PAGE_SIZE, IAside, IModal, INFO_BADGE_SIZE_ENUM, INFO_BADGE_TYPE_ENUM, IRtActionBar, IRtSnackBar, IRtuiButton, ISideMenu, ITable, MODAL_WINDOW_SIZE_ENUM, RTUI_TABLE_COMPONENT_TOKEN, RTUI_TABLE_STOP_ROW_CLICK_ATTRIBUTE, RT_ACCENT_ROLE_ENUM, RT_COLOR_SCHEME_STORAGE_KEY, RT_DARK_CLASS, RT_DEFAULT_SCHEME, RT_SCHEME_ATTRIBUTE, RT_THEME_ATTRIBUTE, RT_THEME_AUTO_CLASS, RT_THEME_ENUM, RT_THEME_STORAGE_KEY, RtActionBarService, RtAsideService, RtDynamicListSelectorsDirective, RtModalService, RtPopoverDirective, RtSnackBarService, RtTableConfigService, RtTableSelectorsDirective, RtThemeDirective, RtThemeService, RtuiActionBarComponent, RtuiActionBarContainerComponent, RtuiAsideContainerComponent, RtuiAsideContainerHeaderDirective, RtuiButtonComponent, RtuiClearButtonComponent, RtuiCustomTableCellsDirective, RtuiDynamicInputAdditionalControlDirective, RtuiDynamicInputComponent, RtuiDynamicListComponent, RtuiDynamicListCustomTableCellsDirective, RtuiDynamicListRowActionsDirective, RtuiDynamicListRowAdditionalActionsDirective, RtuiDynamicListToolbarActionsDirective, RtuiDynamicListToolbarSelectorsDirective, RtuiDynamicSelectorAdditionalControlDirective, RtuiDynamicSelectorComponent, RtuiDynamicSelectorItemAdditionalControlDirective, RtuiDynamicSelectorItemTitleDirective, RtuiDynamicSelectorItemTitleProjectionDirective, RtuiDynamicSelectorListActionsComponent, RtuiDynamicSelectorPlaceholderComponent, RtuiDynamicSelectorSelectedListComponent, RtuiFileUploadComponent, RtuiHeaderCenterDirective, RtuiHeaderComponent, RtuiHeaderLeftDirective, RtuiHeaderRightDirective, RtuiIconComponent, RtuiImageUploadComponent, RtuiInfoBadgeComponent, RtuiModalComponent, RtuiMultiButtonComponent, RtuiMultiSelectorPopupComponent, RtuiPaginationComponent, RtuiScrollableContainerComponent, RtuiScrollableContainerContentDirective, RtuiScrollableContainerFooterDirective, RtuiScrollableContainerHeaderDirective, RtuiSideMenuComponent, RtuiSideMenuFooterDirective, RtuiSideMenuHeaderDirective, RtuiSnackBarComponent, RtuiSpinnerComponent, RtuiStopTableRowClickDirective, RtuiTableAdditionalRowActionsDirective, RtuiTableComponent, RtuiTableRowActionsDirective, RtuiTableRowClickDirective, RtuiToggleComponent, RtuiToolbarCenterDirective, RtuiToolbarComponent, RtuiToolbarLeftDirective, RtuiToolbarRightDirective, TABLE_COLUMN_FILTER_TYPES_ENUM, TABLE_COLUMN_TYPES_ENUM, TEXT_CELL_COLOR_ENUM, TOGGLE_SIZE_TYPE_ENUM, darkenHexColor, ddServices, getColorBasedOnBackground, progressDecreaseAnimation, progressIncreaseAnimation, provideRtUi };
-export type { AsideButtonsType, AsidePositions, IImageUploadFormat, IInfoBadgeSizeType, IRtuiTable, Icon, IconSideType, InfoBadgeType, MenuItemTrigger, ModalWindowSizeType, NameValueType, RtAccentRole, RtColorSchemeRamp, RtThemeType, RtuiIconSizeType, RtuiIconThemeType, Select, ToggleSizeType };
+export { ASIDE_BUTTONS_ENUM, ASIDE_REF, AsideRef, DEFAULT_PAGE_MODEL, DEFAULT_PAGE_SIZE, IAside, IModal, INFO_BADGE_SIZE_ENUM, INFO_BADGE_TYPE_ENUM, IRtActionBar, IRtSnackBar, IRtUiConfig, IRtuiButton, ISideMenu, ITable, MODAL_WINDOW_SIZE_ENUM, RTUI_TABLE_COMPONENT_TOKEN, RTUI_TABLE_STOP_ROW_CLICK_ATTRIBUTE, RT_ACCENT_ROLE_ENUM, RT_COLOR_SCHEME_STORAGE_KEY, RT_DARK_CLASS, RT_DEFAULT_SCHEME, RT_SCHEME_ATTRIBUTE, RT_THEME_ATTRIBUTE, RT_THEME_AUTO_CLASS, RT_THEME_ENUM, RT_THEME_STORAGE_KEY, RT_UI_CONFIG, RtActionBarService, RtAsideService, RtDynamicListSelectorsDirective, RtModalService, RtPopoverDirective, RtSnackBarService, RtTableConfigService, RtTableSelectorsDirective, RtThemeDirective, RtThemeService, RtuiActionBarComponent, RtuiActionBarContainerComponent, RtuiAsideContainerComponent, RtuiAsideContainerHeaderDirective, RtuiButtonComponent, RtuiClearButtonComponent, RtuiCustomTableCellsDirective, RtuiDynamicInputAdditionalControlDirective, RtuiDynamicInputComponent, RtuiDynamicListComponent, RtuiDynamicListCustomTableCellsDirective, RtuiDynamicListRowActionsDirective, RtuiDynamicListRowAdditionalActionsDirective, RtuiDynamicListToolbarActionsDirective, RtuiDynamicListToolbarSelectorsDirective, RtuiDynamicSelectorAdditionalControlDirective, RtuiDynamicSelectorComponent, RtuiDynamicSelectorItemAdditionalControlDirective, RtuiDynamicSelectorItemTitleDirective, RtuiDynamicSelectorItemTitleProjectionDirective, RtuiDynamicSelectorListActionsComponent, RtuiDynamicSelectorPlaceholderComponent, RtuiDynamicSelectorSelectedListComponent, RtuiFileUploadComponent, RtuiHeaderCenterDirective, RtuiHeaderComponent, RtuiHeaderLeftDirective, RtuiHeaderRightDirective, RtuiIconComponent, RtuiImageUploadComponent, RtuiInfoBadgeComponent, RtuiModalComponent, RtuiMultiButtonComponent, RtuiMultiSelectorPopupComponent, RtuiPaginationComponent, RtuiScrollableContainerComponent, RtuiScrollableContainerContentDirective, RtuiScrollableContainerFooterDirective, RtuiScrollableContainerHeaderDirective, RtuiSideMenuComponent, RtuiSideMenuFooterDirective, RtuiSideMenuHeaderDirective, RtuiSnackBarComponent, RtuiSpinnerComponent, RtuiStopTableRowClickDirective, RtuiTableAdditionalRowActionsDirective, RtuiTableComponent, RtuiTableRowActionsDirective, RtuiTableRowClickDirective, RtuiToggleComponent, RtuiToolbarCenterDirective, RtuiToolbarComponent, RtuiToolbarLeftDirective, RtuiToolbarRightDirective, TABLE_COLUMN_FILTER_TYPES_ENUM, TABLE_COLUMN_TYPES_ENUM, TEXT_CELL_COLOR_ENUM, TOGGLE_SIZE_TYPE_ENUM, darkenHexColor, ddServices, getColorBasedOnBackground, progressDecreaseAnimation, progressIncreaseAnimation, provideRtUi };
+export type { AsideButtonsType, AsidePositions, IImageUploadFormat, IInfoBadgeSizeType, IRtuiTable, Icon, IconSideType, InfoBadgeType, MenuItemTrigger, ModalWindowSizeType, NameValueType, RtAccentRole, RtColorSchemeRamp, RtThemeType, RtUiDesign, RtuiIconSizeType, RtuiIconThemeType, Select, ToggleSizeType };