codexly-ui 0.10.113 → 0.11.0

package/package.json

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

package/types/codexly-ui.d.ts

@@ -1755,7 +1755,7 @@ declare class ClxEditorComponent implements AfterViewInit, OnDestroy, ControlVal
     protected readonly _color: _angular_core.Signal<ClxColorInput>;
     readonly size: _angular_core.InputSignal<ClxEditorSize | undefined>;
     protected readonly _editorSize: _angular_core.Signal<ClxEditorSize>;
-    readonly status: _angular_core.InputSignal<"error" | "default" | "success">;
+    readonly status: _angular_core.InputSignal<"success" | "error" | "default">;
     readonly statusMessage: _angular_core.InputSignal<string>;
     readonly hint: _angular_core.InputSignal<string>;
     readonly disabled: _angular_core.InputSignal<boolean>;
@@ -2035,6 +2035,38 @@ interface ClxPaginationTheme {
     /** Whether the pagination wrapper shows its outer border. Falls back to true. */
     bordered?: boolean;
 }
+type ClxNotificationSize = Extract<ClxSize, 'sm' | 'md' | 'lg'>;
+/** Deliberately independent from the app-wide dangerColor/successColor/warningColor: those
+ *  already drive buttons/alerts/toasts, and a notification's category color (e.g. "system
+ *  events are blue") is a different concern that shouldn't move just because someone retunes
+ *  a destructive-button color elsewhere. Each falls back to a sensible built-in default
+ *  (green/amber/sky/red) when unset. */
+interface ClxNotificationSeverityColors {
+    success?: ClxColorInput;
+    warning?: ClxColorInput;
+    info?: ClxColorInput;
+    error?: ClxColorInput;
+}
+interface ClxNotificationTheme {
+    /** Per-severity icon/badge color — see ClxNotificationSeverityColors for fallbacks. */
+    severityColors?: ClxNotificationSeverityColors;
+    /** Unread-row accent (left rail + title dot) — falls back to primaryColor when unset. */
+    unreadColor?: ClxColorInput;
+    /** Row density. Falls back to 'md'. */
+    size?: ClxNotificationSize;
+    /** 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. */
+    radius?: ClxThemeConfig['borderRadius'];
+    /** Row title weight override — falls back to 600 (700 while unread) when unset. Font family
+     *  always inherits the app-wide fontFamily; only weight is themeable per zone, same as every
+     *  other text zone in this config (pageHeaderTitle, listItemLabel, etc). */
+    titleWeight?: ClxFontWeight;
+    /** Row detail/body text color — falls back to the default text-clx-text-muted class when unset. */
+    detailColor?: ClxColorInput;
+    /** Day-group label ("Hoy", "Ayer") weight override — falls back to 700 when unset. */
+    groupLabelWeight?: ClxFontWeight;
+}
 interface ClxThemeConfig {
     /** Default accent color for all components (buttons, inputs, checkboxes…) */
     primaryColor: ClxColorInput;
@@ -2078,6 +2110,8 @@ interface ClxThemeConfig {
     table?: ClxTableTheme;
     /** ClxPaginationComponent global style override — see ClxPaginationTheme for per-field fallbacks */
     pagination?: ClxPaginationTheme;
+    /** ClxNotificationComponent global style override — see ClxNotificationTheme for per-field fallbacks */
+    notification?: ClxNotificationTheme;
     /** ClxCardComponent border color (outlined/elevated variants) — falls back to primaryColor when unset */
     cardBorderColor?: ClxColorInput;
     /** ClxListComponent divider/border color — falls back to primaryColor when unset */
@@ -2411,6 +2445,80 @@ declare class ClxDrawerComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ClxDrawerComponent, "clx-drawer", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "showClose": { "alias": "showClose"; "required": false; "isSignal": true; }; "confirmButton": { "alias": "confirmButton"; "required": false; "isSignal": true; }; "cancelButton": { "alias": "cancelButton"; "required": false; "isSignal": true; }; "showCancelButton": { "alias": "showCancelButton"; "required": false; "isSignal": true; }; }, { "confirmClick": "confirmClick"; "cancelClick": "cancelClick"; }, never, ["[clx-drawer-title]", "*", "[clx-drawer-footer]"], true, never>;
 }
 
+/** Category a notification belongs to — drives its icon color (see ClxNotificationTheme.severityColors)
+ *  and lets consumers filter/group by meaning rather than by raw backend `type` strings. */
+type ClxNotificationSeverity = 'success' | 'warning' | 'info' | 'error';
+/** A single notification row — the component is "dumb": it only renders what it's given via
+ *  input() and emits intent (markRead/delete/click) outward. Callers own fetching, real-time
+ *  updates (SSE/polling) and persistence. */
+interface ClxNotificationItem {
+    id: string;
+    severity: ClxNotificationSeverity;
+    /** Material Symbols icon name — falls back to a sensible default per severity when omitted. */
+    icon?: string;
+    title: string;
+    detail?: string;
+    read: boolean;
+    /** ISO 8601 timestamp — the component derives both the day-group header ("Hoy", "Ayer", a date)
+     *  and the row's displayed time from this. */
+    createdAt: string;
+    /** Opaque payload the caller can use to navigate/act on itemClick — never read by the component. */
+    actionUrl?: string;
+}
+
+interface ClxNotificationGroup {
+    label: string;
+    items: ClxNotificationItem[];
+}
+/** "Dumb" panel: renders whatever list of items it's given via `items()` and emits intent
+ *  (itemClick/markRead/markAllRead/delete/deleteAllRead) outward — it never fetches, persists,
+ *  or connects to a real-time source itself. Callers (e.g. codexly-app's NotificationService,
+ *  backed by SSE) own that and just feed the current list in. Meant to be projected inside
+ *  clx-drawer's body, same as any other content. */
+declare class ClxNotificationComponent {
+    private readonly _themeSvc;
+    readonly items: _angular_core.InputSignal<ClxNotificationItem[]>;
+    readonly color: _angular_core.InputSignal<ClxColorInput | undefined>;
+    readonly size: _angular_core.InputSignal<ClxNotificationSize | 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 _filter: _angular_core.WritableSignal<"all" | "unread">;
+    private readonly _style;
+    protected readonly _color: _angular_core.Signal<ClxColorInput>;
+    protected readonly _resolvedSize: _angular_core.Signal<ClxNotificationSize>;
+    protected readonly _sizeTokens: _angular_core.Signal<{
+        row: string;
+        iconWrap: string;
+        iconSize: codexly_ui.ClxSize;
+        title: string;
+        detail: string;
+        time: string;
+    }>;
+    protected readonly _unreadCount: _angular_core.Signal<number>;
+    protected readonly _readCount: _angular_core.Signal<number>;
+    private readonly _visibleItems;
+    protected readonly _groups: _angular_core.Signal<ClxNotificationGroup[]>;
+    protected readonly _wrapClass: _angular_core.Signal<string>;
+    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>;
+    protected _titleClass(item: ClxNotificationItem): string;
+    protected _iconWrapClass(item: ClxNotificationItem): string;
+    protected _defaultIcon(severity: ClxNotificationItem['severity']): string;
+    protected _open(item: ClxNotificationItem): void;
+    protected _countBadgeClass(tab: 'all' | 'unread'): string;
+    private _severityColor;
+    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; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "itemClick": "itemClick"; "markRead": "markRead"; "markAllRead": "markAllRead"; "delete": "delete"; "deleteAllRead": "deleteAllRead"; }, never, never, true, never>;
+}
+
 declare class ClxAlertComponent implements OnInit, OnDestroy {
     private readonly _opts;
     private readonly _resolve;
@@ -3700,6 +3808,16 @@ interface ClxResolvedPaginationStyle {
     shadow: ClxTableShadow;
     bordered: boolean;
 }
+interface ClxResolvedNotificationStyle {
+    severityColors: Required<ClxNotificationSeverityColors>;
+    unreadColor: ClxColorInput;
+    size: ClxNotificationSize;
+    borderColor: ClxColorInput;
+    radius: ClxThemeConfig['borderRadius'];
+    titleWeight: ClxFontWeight;
+    detailColor?: ClxColorInput;
+    groupLabelWeight: ClxFontWeight;
+}
 type ClxThemeMode = 'light' | 'dark' | 'system';
 declare class ClxThemeService {
     private readonly _isBrowser;
@@ -3742,6 +3860,11 @@ 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 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
+     *  still take precedence over this theme-wide default. */
+    readonly notificationStyle: _angular_core.Signal<ClxResolvedNotificationStyle>;
     /** Resolved text color for solid primary/secondary buttons — undefined means "let
      *  resolveColor() auto-pick white/dark-800 based on shade", same as today. */
     buttonTextColor(role: 'primary' | 'secondary'): ClxColorInput | undefined;
@@ -3878,5 +4001,5 @@ declare class ClxToastService {
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<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, 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, ClxNumberSize, ClxNumberVariant, ClxOtpSize, ClxPageChangeEvent, ClxPageHeaderTextSize, ClxPageHeaderZoneStyle, ClxPageSizeChangeEvent, ClxPaginationSize, ClxPaginationTheme, ClxProduct, ClxProductDescription, ClxProductDetailData, ClxProductLayout, ClxProductQuickViewData, ClxProductQuickViewResult, ClxProductSize, ClxProductSpec, ClxProfileMenuItem, ClxProgressBarSize, ClxProgressBarVariant, ClxRadioVariant, ClxResolvedCardTitleZoneStyle, ClxResolvedListItemLabelZoneStyle, ClxResolvedNavZoneStyle, 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 { 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 };