codexly-ui 0.11.7 → 0.11.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "codexly-ui",
-  "version": "0.11.7",
+  "version": "0.11.9",
   "description": "Standalone, signal-based Angular UI component library for Codexly, styled with Tailwind CSS.",
   "keywords": [
     "angular",

package/types/codexly-ui.d.ts

@@ -1167,7 +1167,7 @@ declare class ClxSwitchComponent implements ControlValueAccessor {
         readonly track: "w-9 h-5";
         readonly thumb: "w-4 h-4";
         readonly translate: "translate-x-4";
-        readonly label: "text-xs";
+        readonly label: "text-sm";
     } | {
         readonly track: "w-12 h-6";
         readonly thumb: "w-5 h-5";
@@ -2026,6 +2026,13 @@ interface ClxTableTheme {
     /** Whether the table wrapper shows its outer border. Falls back to true. */
     bordered?: boolean;
 }
+interface ClxTabsTheme {
+    /** Active tab's text/icon/badge color — falls back to primaryColor when unset. */
+    activeTextColor?: ClxColorInput;
+    /** Active tab's bottom underline color — independent of activeTextColor, falls back to
+     *  primaryColor when unset. */
+    underlineColor?: ClxColorInput;
+}
 interface ClxPaginationTheme {
     /** Page-number buttons + the "items per page" select accent color — falls back to
      *  primaryColor when unset. */
@@ -2054,8 +2061,14 @@ interface ClxNotificationTheme {
     severityColors?: ClxNotificationSeverityColors;
     /** Unread-row accent (left rail + title dot) — falls back to primaryColor when unset. */
     unreadColor?: ClxColorInput;
+    /** clx-tabs (Todas/Sin leer/...) + "Marcar todo leído" link accent — falls back to
+     *  primaryColor when unset. Independent from the bell button's own color. */
+    tabsColor?: ClxColorInput;
     /** Row density. Falls back to 'md'. */
     size?: ClxNotificationSize;
+    /** Whether the panel wrapper shows its outer border at all — falls back to true. Same field
+     *  name/semantics as ClxCardTheme's border, ClxTableTheme.bordered, etc. */
+    border?: boolean;
     /** Panel wrapper border color — falls back to listBorderColor, then primaryColor, when unset. */
     borderColor?: ClxColorInput;
     /** Panel wrapper border-radius override — falls back to the app-wide borderRadius when unset. */
@@ -2110,6 +2123,8 @@ interface ClxThemeConfig {
     formControls?: ClxFormControlsTheme;
     /** ClxTableComponent global style override — see ClxTableTheme for per-field fallbacks */
     table?: ClxTableTheme;
+    /** ClxTabsComponent global style override — see ClxTabsTheme for per-field fallbacks */
+    tabs?: ClxTabsTheme;
     /** ClxPaginationComponent global style override — see ClxPaginationTheme for per-field fallbacks */
     pagination?: ClxPaginationTheme;
     /** ClxNotificationComponent global style override — see ClxNotificationTheme for per-field fallbacks */
@@ -2484,28 +2499,38 @@ interface ClxNotificationGroup {
 declare class ClxNotificationComponent {
     private readonly _themeSvc;
     readonly items: _angular_core.InputSignal<ClxNotificationItem[]>;
-    readonly color: _angular_core.InputSignal<ClxColorInput | undefined>;
     /** Optional third tab that filters items by ClxNotificationItem.category — e.g.
      *  `{ id: 'orders', label: 'Órdenes' }`. Omit for just Todas/Sin leer. */
     readonly categoryTab: _angular_core.InputSignal<{
         id: string;
         label: string;
     } | undefined>;
-    readonly triggerVariant: _angular_core.InputSignal<ClxButtonVariant>;
-    readonly triggerSize: _angular_core.InputSignal<"xxs" | "xs" | "sm" | "md" | "lg">;
-    readonly triggerIcon: _angular_core.InputSignal<string>;
+    readonly buttonColor: _angular_core.InputSignal<ClxColorInput | undefined>;
+    readonly buttonVariant: _angular_core.InputSignal<ClxButtonVariant>;
+    readonly buttonSize: _angular_core.InputSignal<"xxs" | "xs" | "sm" | "md" | "lg">;
+    readonly buttonIcon: _angular_core.InputSignal<string>;
     /** Unread-count badge color — falls back to the theme's notification.unreadColor (then
-     *  primaryColor) when unset, same precedence as every other per-instance override in this
-     *  library (instance input > theme block > primaryColor). */
+     *  primaryColor) when unset. */
     readonly badgeColor: _angular_core.InputSignal<ClxColorInput | undefined>;
+    /** clx-tabs (Todas/Sin leer/...) + "Marcar todo leído" link accent — falls back to the theme's
+     *  notification.tabsColor (then primaryColor) when unset. */
+    readonly tabsColor: _angular_core.InputSignal<ClxColorInput | undefined>;
+    /** Whether the floating panel shows its outer border — falls back to the theme's
+     *  notification.border (then true) when unset. */
+    readonly border: _angular_core.InputSignal<boolean | undefined>;
+    /** Panel wrapper border color — falls back to the theme's notification.borderColor when unset. */
+    readonly borderColor: _angular_core.InputSignal<ClxColorInput | undefined>;
     readonly itemClick: _angular_core.OutputEmitterRef<ClxNotificationItem>;
     readonly markRead: _angular_core.OutputEmitterRef<string>;
     readonly markAllRead: _angular_core.OutputEmitterRef<void>;
     readonly delete: _angular_core.OutputEmitterRef<string>;
     readonly deleteAllRead: _angular_core.OutputEmitterRef<void>;
     protected readonly _style: _angular_core.Signal<codexly_ui.ClxResolvedNotificationStyle>;
-    protected readonly _color: _angular_core.Signal<ClxColorInput>;
+    protected readonly _buttonColor: _angular_core.Signal<ClxColorInput>;
     protected readonly _badgeColor: _angular_core.Signal<ClxColorInput>;
+    protected readonly _tabsColor: _angular_core.Signal<ClxColorInput>;
+    protected readonly _border: _angular_core.Signal<boolean>;
+    protected readonly _borderColor: _angular_core.Signal<ClxColorInput>;
     private readonly _sso;
     readonly _scrollStrategy: _angular_cdk_overlay.RepositionScrollStrategy;
     readonly _positions: ConnectedPosition[];
@@ -2518,7 +2543,6 @@ declare class ClxNotificationComponent {
     private readonly _visibleItems;
     protected readonly _groups: _angular_core.Signal<ClxNotificationGroup[]>;
     protected readonly _groupLabelClass: _angular_core.Signal<string>;
-    protected readonly _linkClass: _angular_core.Signal<string>;
     protected readonly _unreadRailClass: _angular_core.Signal<string>;
     protected readonly _unreadDotClass: _angular_core.Signal<string>;
     protected readonly _detailClass: _angular_core.Signal<string>;
@@ -2533,7 +2557,7 @@ declare class ClxNotificationComponent {
     private _dayLabel;
     protected _timeOf(iso: string): string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ClxNotificationComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ClxNotificationComponent, "clx-notification", never, { "items": { "alias": "items"; "required": true; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "categoryTab": { "alias": "categoryTab"; "required": false; "isSignal": true; }; "triggerVariant": { "alias": "triggerVariant"; "required": false; "isSignal": true; }; "triggerSize": { "alias": "triggerSize"; "required": false; "isSignal": true; }; "triggerIcon": { "alias": "triggerIcon"; "required": false; "isSignal": true; }; "badgeColor": { "alias": "badgeColor"; "required": false; "isSignal": true; }; }, { "itemClick": "itemClick"; "markRead": "markRead"; "markAllRead": "markAllRead"; "delete": "delete"; "deleteAllRead": "deleteAllRead"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ClxNotificationComponent, "clx-notification", never, { "items": { "alias": "items"; "required": true; "isSignal": true; }; "categoryTab": { "alias": "categoryTab"; "required": false; "isSignal": true; }; "buttonColor": { "alias": "buttonColor"; "required": false; "isSignal": true; }; "buttonVariant": { "alias": "buttonVariant"; "required": false; "isSignal": true; }; "buttonSize": { "alias": "buttonSize"; "required": false; "isSignal": true; }; "buttonIcon": { "alias": "buttonIcon"; "required": false; "isSignal": true; }; "badgeColor": { "alias": "badgeColor"; "required": false; "isSignal": true; }; "tabsColor": { "alias": "tabsColor"; "required": false; "isSignal": true; }; "border": { "alias": "border"; "required": false; "isSignal": true; }; "borderColor": { "alias": "borderColor"; "required": false; "isSignal": true; }; }, { "itemClick": "itemClick"; "markRead": "markRead"; "markAllRead": "markAllRead"; "delete": "delete"; "deleteAllRead": "deleteAllRead"; }, never, never, true, never>;
 }
 
 declare class ClxAlertComponent implements OnInit, OnDestroy {
@@ -2698,14 +2722,24 @@ declare class ClxTabDirective {
 declare class ClxTabsComponent {
     private readonly _themeSvc;
     readonly tabs: _angular_core.InputSignal<ClxTabItem[]>;
+    /** Legacy single-color override — still the shared fallback for both activeTextColor and
+     *  underlineColor when neither of those is set, so existing callers keep working unchanged. */
     readonly clxColor: _angular_core.InputSignal<ClxColorInput | undefined>;
+    /** Active tab's text/icon/badge color — falls back to clxColor, then the theme's
+     *  tabs.activeTextColor (then primaryColor), when unset. */
+    readonly activeTextColor: _angular_core.InputSignal<ClxColorInput | undefined>;
+    /** Active tab's bottom underline color — independent of activeTextColor, falls back to
+     *  clxColor, then the theme's tabs.underlineColor (then primaryColor), when unset. */
+    readonly underlineColor: _angular_core.InputSignal<ClxColorInput | undefined>;
     readonly activeTab: _angular_core.ModelSignal<string>;
-    protected readonly _clxColor: _angular_core.Signal<ClxColorInput>;
+    private readonly _style;
+    protected readonly _activeTextColor: _angular_core.Signal<ClxColorInput>;
+    protected readonly _underlineColorResolved: _angular_core.Signal<ClxColorInput>;
     protected readonly _panels: _angular_core.Signal<readonly ClxTabDirective[]>;
     protected readonly _underlineClass: _angular_core.Signal<string>;
     protected _badgeClass(tabId: string): string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ClxTabsComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ClxTabsComponent, "clx-tabs", never, { "tabs": { "alias": "tabs"; "required": true; "isSignal": true; }; "clxColor": { "alias": "clxColor"; "required": false; "isSignal": true; }; "activeTab": { "alias": "activeTab"; "required": false; "isSignal": true; }; }, { "activeTab": "activeTabChange"; }, ["_panels"], never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ClxTabsComponent, "clx-tabs", never, { "tabs": { "alias": "tabs"; "required": true; "isSignal": true; }; "clxColor": { "alias": "clxColor"; "required": false; "isSignal": true; }; "activeTextColor": { "alias": "activeTextColor"; "required": false; "isSignal": true; }; "underlineColor": { "alias": "underlineColor"; "required": false; "isSignal": true; }; "activeTab": { "alias": "activeTab"; "required": false; "isSignal": true; }; }, { "activeTab": "activeTabChange"; }, ["_panels"], never, true, never>;
 }
 
 type ClxTreeSize = 'sm' | 'md' | 'lg';
@@ -3826,10 +3860,16 @@ interface ClxResolvedPaginationStyle {
     shadow: ClxTableShadow;
     bordered: boolean;
 }
+interface ClxResolvedTabsStyle {
+    activeTextColor: ClxColorInput;
+    underlineColor: ClxColorInput;
+}
 interface ClxResolvedNotificationStyle {
     severityColors: Required<ClxNotificationSeverityColors>;
     unreadColor: ClxColorInput;
+    tabsColor: ClxColorInput;
     size: ClxNotificationSize;
+    border: boolean;
     borderColor: ClxColorInput;
     radius: ClxThemeConfig['borderRadius'];
     titleWeight: ClxFontWeight;
@@ -3878,6 +3918,10 @@ declare class ClxThemeService {
     /** Resolved style for ClxPaginationComponent — falls back to primaryColor / no shadow /
      *  bordered. Per-instance `[color]` input still takes precedence over this theme-wide default. */
     readonly paginationStyle: _angular_core.Signal<ClxResolvedPaginationStyle>;
+    /** Resolved style for ClxTabsComponent — activeTextColor and underlineColor each fall back to
+     *  primaryColor independently when unset. Per-instance inputs on clx-tabs still take
+     *  precedence over this theme-wide default. */
+    readonly tabsStyle: _angular_core.Signal<ClxResolvedTabsStyle>;
     /** Resolved style for ClxNotificationComponent — severity colors fall back to built-in
      *  green/amber/sky/red, unreadColor to primaryColor, borderColor to listBorderColor then
      *  primaryColor, radius to the app-wide borderRadius. Per-instance inputs on clx-notification
@@ -4020,4 +4064,4 @@ declare class ClxToastService {
 }
 
 export { CLX_ADDON_BORDER, CLX_ADDON_TEXT, CLX_ALERT_OPTIONS, CLX_ALERT_RESOLVE, CLX_BG_ADDON, CLX_BG_DISABLED, CLX_BG_ICON_WRAP, CLX_BG_SECTION, CLX_BG_SURFACE, CLX_BORDER_DEFAULT, CLX_BORDER_DISABLED, CLX_BORDER_MEDIUM, CLX_COLOR_HEX, CLX_COLOR_HEX_100, CLX_COLOR_MAP, CLX_FONT_CATALOG, CLX_MODAL_ANIM_CONFIG, CLX_MODAL_DATA, CLX_MODAL_REF, CLX_OPTION_DISABLED, CLX_PLACEHOLDER, CLX_RADIO_GROUP, CLX_RADIUS_MAP, CLX_TEXT_BODY, CLX_TEXT_DISABLED, CLX_TEXT_HEADING, CLX_TEXT_HINT, CLX_TEXT_IDLE, CLX_TEXT_INPUT, CLX_TEXT_LABEL, CLX_TEXT_OPTION, CLX_TEXT_SUBTITLE, CLX_TEXT_TITLE, CLX_THEME_CONFIG, CLX_THEME_DEFAULTS, CLX_TOAST_DEFAULTS, ClxAlertComponent, ClxAlertService, ClxAnimateDirective, ClxAnimateGroupDirective, ClxAnimateService, ClxAppLayoutComponent, ClxAvatarComponent, ClxBadgeComponent, ClxBrandComponent, ClxButtonComponent, ClxButtonGroupComponent, ClxCardBodyDirective, ClxCardComponent, ClxCardFooterDirective, ClxCardHeaderActionsDirective, ClxCardHeaderDirective, ClxCarouselComponent, ClxCarouselDirective, ClxCartComponent, ClxCartSummaryDrawer, ClxCellDirective, ClxCheckboxComponent, ClxCollapseComponent, ClxColorPickerComponent, ClxColumnDefDirective, ClxDateRangePickerComponent, ClxDatepickerComponent, ClxDrawerComponent, ClxDrawerService, ClxEditorComponent, ClxEditorLinkModalComponent, ClxFabComponent, ClxFilterPanelComponent, ClxHeaderCellDirective, ClxIconComponent, ClxInputComponent, ClxListComponent, ClxListItemComponent, ClxMenuComponent, ClxMenuItemComponent, ClxMenuItemTrailingDirective, ClxModalComponent, ClxModalService, ClxNativeOverlayService, ClxNavGroupComponent, ClxNotificationComponent, ClxNumberComponent, ClxOtpComponent, ClxPageEmptyComponent, ClxPageHeaderComponent, ClxPageHeaderTitleDirective, ClxPageNotFoundComponent, ClxPageServerErrorComponent, ClxPageUnauthorizedComponent, ClxPaginationComponent, ClxProductComponent, ClxProductDetailComponent, ClxProductQuickViewComponent, ClxProfileComponent, ClxProgressBarComponent, ClxRadioComponent, ClxRadioGroupComponent, ClxRatingComponent, ClxSearchComponent, ClxSelectComponent, ClxSkeletonComponent, ClxSliderComponent, ClxSocialIconComponent, ClxSpinnerComponent, ClxStatCardComponent, ClxStepComponent, ClxStepperComponent, ClxSwitchComponent, ClxTabDirective, ClxTableActionsComponent, ClxTableComponent, ClxTabsComponent, ClxTagComponent, ClxTextareaComponent, ClxThemeService, ClxTimelineComponent, ClxTimelineItemComponent, ClxTimepickerComponent, ClxToastComponent, ClxToastContainerComponent, ClxToastService, ClxTooltipComponent, ClxTooltipDirective, ClxTreeComponent, ClxUploadComponent, ClxWishlistComponent, ClxWizardComponent, TIMEPICKER_SIZE_MAP, parseColorInput, provideCodexlyTheme, resolveColor, resolveContainerRadius, resolveRadius };
-export type { ClxAlertButtonOptions, ClxAlertOptions, ClxAlertResult, ClxAlertType, ClxAnimateAttentionSeeker, ClxAnimateBackEntrance, ClxAnimateBackExit, ClxAnimateBouncingEntrance, ClxAnimateBouncingExit, ClxAnimateConfig, ClxAnimateDefaults, ClxAnimateEvent, ClxAnimateFadingEntrance, ClxAnimateFadingExit, ClxAnimateFlipper, ClxAnimateLightspeed, ClxAnimateName, ClxAnimateRotatingEntrance, ClxAnimateRotatingExit, ClxAnimateSlidingEntrance, ClxAnimateSlidingExit, ClxAnimateSpecial, ClxAnimateTrigger, ClxAnimateZoomingEntrance, ClxAnimateZoomingExit, ClxAvatarContentType, ClxBadgeVariant, ClxBrandSize, ClxButtonColor, ClxButtonGroupShape, ClxButtonVariant, ClxCardPadding, ClxCardShadow, ClxCardTitleZoneStyle, ClxCardVariant, ClxCarouselAspectRatio, ClxCarouselConfig, ClxCartItem, ClxCartSummaryData, ClxCellContext, ClxCheckboxVariant, ClxCollapseDivider, ClxCollapseSize, ClxColor, ClxColorInput, ClxColorPickerFormat, ClxColorPickerSize, ClxColorResolved, ClxColorTokens, ClxCouponResult, ClxDateRange, ClxDateRangePickerSize, ClxDateRangePickerStatus, ClxDatepickerSize, ClxDatepickerStatus, ClxDrawerButtonOptions, ClxDrawerConfig, ClxDrawerPosition, ClxDrawerRef, ClxDrawerSize, ClxEditorSize, ClxEditorTool, ClxEditorToolbarGroup, ClxExistingFile, ClxFabItem, ClxFabPosition, ClxFilterChangeEvent, ClxFilterField, ClxFilterFieldType, ClxFilterOption, ClxFilterValue, ClxFilterValues, ClxFontFamily, ClxFontOption, ClxFontWeight, ClxFormControlsTheme, ClxInputSize, ClxInputStatus, ClxInputType, ClxListItem, ClxListItemLabelZoneStyle, ClxListSize, ClxListVariant, ClxModalButtonOptions, ClxModalConfig, ClxModalRef, ClxModalSize, ClxNavZoneStyle, ClxNotificationItem, ClxNotificationSeverity, ClxNotificationSeverityColors, ClxNotificationSize, ClxNotificationTheme, ClxNumberSize, ClxNumberVariant, ClxOtpSize, ClxPageChangeEvent, ClxPageHeaderTextSize, ClxPageHeaderZoneStyle, ClxPageSizeChangeEvent, ClxPaginationSize, ClxPaginationTheme, ClxProduct, ClxProductDescription, ClxProductDetailData, ClxProductLayout, ClxProductQuickViewData, ClxProductQuickViewResult, ClxProductSize, ClxProductSpec, ClxProfileMenuItem, ClxProgressBarSize, ClxProgressBarVariant, ClxRadioVariant, ClxResolvedCardTitleZoneStyle, ClxResolvedListItemLabelZoneStyle, ClxResolvedNavZoneStyle, ClxResolvedNotificationStyle, ClxResolvedPageHeaderZoneStyle, ClxResolvedPaginationStyle, ClxResolvedTableStyle, ClxResolvedTimelineTitleZoneStyle, ClxReview, ClxRippleItem, ClxSelectOption, ClxSelectSize, ClxShade, ClxShape, ClxSize, ClxSkeletonVariant, ClxSliderSize, ClxSocialPlatform, ClxSpecOption, ClxSpecType, ClxSpinnerColor, ClxSpinnerVariant, ClxStatMetric, ClxStepperOrientation, ClxStepperSize, ClxStepperStatus, ClxStepperStep, ClxTabItem, ClxTableColumn, ClxTablePageEvent, ClxTableSelectionEvent, ClxTableShadow, ClxTableSort, ClxTableSortEvent, ClxTableTheme, ClxTagShape, ClxTagSize, ClxTagVariant, ClxTextareaResize, ClxTextareaSize, ClxTextareaStatus, ClxThemeConfig, ClxThemeMode, ClxTimelineLineStyle, ClxTimelineMode, ClxTimelineSize, ClxTimelineTitleZoneStyle, ClxTimepickerSize, ClxTimepickerStatus, ClxToastAction, ClxToastEntry, ClxToastOptions, ClxToastPosition, ClxToastType, ClxTooltipPosition, ClxTooltipSize, ClxTreeExpandEvent, ClxTreeNode, ClxTreeSelectEvent, ClxTreeSize, ClxTreeVariant, ClxTrendDirection, ClxUploadError, ClxUploadItemAction, ClxUploadItemActionResolver, ClxUploadPreviewItem, ClxUploadSize, ClxVariation, ClxWishlistItem, ClxWishlistPageChangeEvent, ClxWizardColor, ClxWizardOrientation, ClxWizardStepStatus, NativeOverlayRef, SparkPoint };
+export type { ClxAlertButtonOptions, ClxAlertOptions, ClxAlertResult, ClxAlertType, ClxAnimateAttentionSeeker, ClxAnimateBackEntrance, ClxAnimateBackExit, ClxAnimateBouncingEntrance, ClxAnimateBouncingExit, ClxAnimateConfig, ClxAnimateDefaults, ClxAnimateEvent, ClxAnimateFadingEntrance, ClxAnimateFadingExit, ClxAnimateFlipper, ClxAnimateLightspeed, ClxAnimateName, ClxAnimateRotatingEntrance, ClxAnimateRotatingExit, ClxAnimateSlidingEntrance, ClxAnimateSlidingExit, ClxAnimateSpecial, ClxAnimateTrigger, ClxAnimateZoomingEntrance, ClxAnimateZoomingExit, ClxAvatarContentType, ClxBadgeVariant, ClxBrandSize, ClxButtonColor, ClxButtonGroupShape, ClxButtonVariant, ClxCardPadding, ClxCardShadow, ClxCardTitleZoneStyle, ClxCardVariant, ClxCarouselAspectRatio, ClxCarouselConfig, ClxCartItem, ClxCartSummaryData, ClxCellContext, ClxCheckboxVariant, ClxCollapseDivider, ClxCollapseSize, ClxColor, ClxColorInput, ClxColorPickerFormat, ClxColorPickerSize, ClxColorResolved, ClxColorTokens, ClxCouponResult, ClxDateRange, ClxDateRangePickerSize, ClxDateRangePickerStatus, ClxDatepickerSize, ClxDatepickerStatus, ClxDrawerButtonOptions, ClxDrawerConfig, ClxDrawerPosition, ClxDrawerRef, ClxDrawerSize, ClxEditorSize, ClxEditorTool, ClxEditorToolbarGroup, ClxExistingFile, ClxFabItem, ClxFabPosition, ClxFilterChangeEvent, ClxFilterField, ClxFilterFieldType, ClxFilterOption, ClxFilterValue, ClxFilterValues, ClxFontFamily, ClxFontOption, ClxFontWeight, ClxFormControlsTheme, ClxInputSize, ClxInputStatus, ClxInputType, ClxListItem, ClxListItemLabelZoneStyle, ClxListSize, ClxListVariant, ClxModalButtonOptions, ClxModalConfig, ClxModalRef, ClxModalSize, ClxNavZoneStyle, ClxNotificationItem, ClxNotificationSeverity, ClxNotificationSeverityColors, ClxNotificationSize, ClxNotificationTheme, ClxNumberSize, ClxNumberVariant, ClxOtpSize, ClxPageChangeEvent, ClxPageHeaderTextSize, ClxPageHeaderZoneStyle, ClxPageSizeChangeEvent, ClxPaginationSize, ClxPaginationTheme, ClxProduct, ClxProductDescription, ClxProductDetailData, ClxProductLayout, ClxProductQuickViewData, ClxProductQuickViewResult, ClxProductSize, ClxProductSpec, ClxProfileMenuItem, ClxProgressBarSize, ClxProgressBarVariant, ClxRadioVariant, ClxResolvedCardTitleZoneStyle, ClxResolvedListItemLabelZoneStyle, ClxResolvedNavZoneStyle, ClxResolvedNotificationStyle, ClxResolvedPageHeaderZoneStyle, ClxResolvedPaginationStyle, ClxResolvedTableStyle, ClxResolvedTabsStyle, ClxResolvedTimelineTitleZoneStyle, ClxReview, ClxRippleItem, ClxSelectOption, ClxSelectSize, ClxShade, ClxShape, ClxSize, ClxSkeletonVariant, ClxSliderSize, ClxSocialPlatform, ClxSpecOption, ClxSpecType, ClxSpinnerColor, ClxSpinnerVariant, ClxStatMetric, ClxStepperOrientation, ClxStepperSize, ClxStepperStatus, ClxStepperStep, ClxTabItem, ClxTableColumn, ClxTablePageEvent, ClxTableSelectionEvent, ClxTableShadow, ClxTableSort, ClxTableSortEvent, ClxTableTheme, ClxTabsTheme, ClxTagShape, ClxTagSize, ClxTagVariant, ClxTextareaResize, ClxTextareaSize, ClxTextareaStatus, ClxThemeConfig, ClxThemeMode, ClxTimelineLineStyle, ClxTimelineMode, ClxTimelineSize, ClxTimelineTitleZoneStyle, ClxTimepickerSize, ClxTimepickerStatus, ClxToastAction, ClxToastEntry, ClxToastOptions, ClxToastPosition, ClxToastType, ClxTooltipPosition, ClxTooltipSize, ClxTreeExpandEvent, ClxTreeNode, ClxTreeSelectEvent, ClxTreeSize, ClxTreeVariant, ClxTrendDirection, ClxUploadError, ClxUploadItemAction, ClxUploadItemActionResolver, ClxUploadPreviewItem, ClxUploadSize, ClxVariation, ClxWishlistItem, ClxWishlistPageChangeEvent, ClxWizardColor, ClxWizardOrientation, ClxWizardStepStatus, NativeOverlayRef, SparkPoint };