codexly-ui 0.22.1 → 0.23.1

package/package.json

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

package/types/codexly-ui.d.ts

@@ -141,9 +141,9 @@ declare class ClxSocialIconComponent {
     readonly platform: _angular_core.InputSignal<ClxSocialPlatform>;
     readonly variant: _angular_core.InputSignal<ClxButtonVariant>;
     readonly color: _angular_core.InputSignal<ClxColorInput | undefined>;
-    readonly size: _angular_core.InputSignal<"xxs" | "xs" | "sm" | "md" | "lg" | undefined>;
+    readonly size: _angular_core.InputSignal<"sm" | "md" | "lg" | "xxs" | "xs" | undefined>;
     protected readonly _color: _angular_core.Signal<ClxColorInput>;
-    protected readonly _size: _angular_core.Signal<"xxs" | "xs" | "sm" | "md" | "lg">;
+    protected readonly _size: _angular_core.Signal<"sm" | "md" | "lg" | "xxs" | "xs">;
     protected readonly _markup: _angular_core.Signal<SafeHtml>;
     protected readonly _hostClass: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ClxSocialIconComponent, never>;
@@ -166,17 +166,17 @@ declare class ClxButtonComponent {
      *  unusual background shade (bright yellow) where the variant's own resolved text color (white)
      *  reads poorly and a themed text tone is needed instead. */
     readonly textColor: _angular_core.InputSignal<ClxColorInput | undefined>;
-    readonly size: _angular_core.InputSignal<"xxs" | "xs" | "sm" | "md" | "lg" | undefined>;
+    readonly size: _angular_core.InputSignal<"sm" | "md" | "lg" | "xxs" | "xs" | undefined>;
     readonly shape: _angular_core.InputSignal<ClxShape | undefined>;
     private readonly _tableActionsColor;
     protected readonly _color: _angular_core.Signal<ClxColorInput>;
-    protected readonly _size: _angular_core.Signal<"xxs" | "xs" | "sm" | "md" | "lg">;
+    protected readonly _size: _angular_core.Signal<"sm" | "md" | "lg" | "xxs" | "xs">;
     protected readonly _shape: _angular_core.Signal<ClxShape>;
     readonly loading: _angular_core.InputSignal<boolean>;
     readonly disabled: _angular_core.InputSignal<boolean>;
     readonly block: _angular_core.InputSignal<boolean>;
     readonly icon: _angular_core.InputSignal<string | undefined>;
-    readonly iconPosition: _angular_core.InputSignal<"left" | "right">;
+    readonly iconPosition: _angular_core.InputSignal<"right" | "left">;
     readonly iconOnly: _angular_core.InputSignal<boolean>;
     readonly badge: _angular_core.InputSignal<string | number | undefined>;
     readonly badgeColor: _angular_core.InputSignal<ClxColorInput>;
@@ -226,13 +226,13 @@ declare class ClxBadgeComponent {
     private readonly _themeSvc;
     readonly variant: _angular_core.InputSignal<ClxBadgeVariant>;
     readonly color: _angular_core.InputSignal<ClxColorInput | undefined>;
-    readonly size: _angular_core.InputSignal<"xs" | "sm" | "md" | undefined>;
+    readonly size: _angular_core.InputSignal<"sm" | "md" | "xs" | undefined>;
     readonly shape: _angular_core.InputSignal<ClxShape | undefined>;
     readonly positioned: _angular_core.InputSignal<boolean>;
     /** Overrides the text color the variant derives from `color` ('white' | 'emerald-900'…). */
     readonly textColor: _angular_core.InputSignal<ClxColorInput | undefined>;
     protected readonly _color: _angular_core.Signal<ClxColorInput>;
-    protected readonly _size: _angular_core.Signal<"xs" | "sm" | "md">;
+    protected readonly _size: _angular_core.Signal<"sm" | "md" | "xs">;
     protected readonly _shape: _angular_core.Signal<ClxShape>;
     protected readonly _hostClass: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ClxBadgeComponent, never>;
@@ -314,7 +314,7 @@ declare class ClxCardComponent {
      *  product-cart-style layout) regardless of variant/color. */
     readonly border: _angular_core.InputSignal<boolean>;
     /** Per-instance border-radius override — falls back to the theme's global borderRadius when unset. */
-    readonly radius: _angular_core.InputSignal<"sm" | "md" | "lg" | "xl" | "none" | "full" | undefined>;
+    readonly radius: _angular_core.InputSignal<"none" | "sm" | "md" | "lg" | "xl" | "full" | undefined>;
     /** Auto-generated header icon (Material Symbols name) — shown in a rounded primary-subtle
      *  square next to headerTitle. Ignored when a manual [clxCardHeader] block is projected. */
     readonly icon: _angular_core.InputSignal<string | undefined>;
@@ -2492,7 +2492,7 @@ declare class ClxMenuComponent implements AfterViewInit {
     readonly style: _angular_core.InputSignal<ClxNavZoneStyle | undefined>;
     protected readonly _resolved: _angular_core.Signal<{
         color: codexly_ui.ClxColorInput;
-        size: "xs" | "sm" | "md";
+        size: "sm" | "md" | "xs";
         weight: codexly_ui.ClxFontWeight;
     }>;
     protected readonly _color: _angular_core.Signal<codexly_ui.ClxColorInput>;
@@ -2848,7 +2848,7 @@ declare class ClxNotificationComponent {
     } | undefined>;
     readonly buttonColor: _angular_core.InputSignal<ClxColorInput | undefined>;
     readonly buttonVariant: _angular_core.InputSignal<ClxButtonVariant>;
-    readonly buttonSize: _angular_core.InputSignal<"xxs" | "xs" | "sm" | "md" | "lg">;
+    readonly buttonSize: _angular_core.InputSignal<"sm" | "md" | "lg" | "xxs" | "xs">;
     readonly buttonIcon: _angular_core.InputSignal<string>;
     /** Unread-count badge color — falls back to the theme's notification.unreadColor (then
      *  primaryColor) when unset. */
@@ -3146,7 +3146,7 @@ declare class ClxTreeComponent {
         icon: "xs" | "sm" | "md";
         indent: string;
     }>;
-    protected readonly _indentPx: _angular_core.Signal<16 | 20 | 24>;
+    protected readonly _indentPx: _angular_core.Signal<20 | 16 | 24>;
     protected readonly _rootClass: _angular_core.Signal<string>;
     protected _isExpanded(id: string | number): boolean;
     protected _isSelected(id: string | number): boolean;
@@ -3201,11 +3201,6 @@ declare class ClxPaginationComponent {
     readonly sizeChange: _angular_core.OutputEmitterRef<ClxPageSizeChangeEvent>;
     private readonly _destroyRef;
     protected readonly _pageSizeCtrl: FormControl<number | null>;
-    /** True once the user has explicitly picked a pageSize from the select — after that, their
-     *  choice is respected even if a later filter shrinks totalItems below it. Until then, a
-     *  caller-provided default (e.g. 20) that exceeds a small totalItems is auto-corrected down
-     *  to the smallest available option, so the select never opens pre-selected on the largest value. */
-    private _userTouchedPageSize;
     constructor();
     protected readonly _size: _angular_core.Signal<ClxPaginationSize>;
     protected readonly _cfg: _angular_core.Signal<{
@@ -3407,7 +3402,7 @@ declare class ClxFabComponent {
     protected readonly _position: _angular_core.Signal<ClxFabPosition>;
     protected readonly _triggerClass: _angular_core.Signal<string>;
     /** Los botones de la pila de accesos van un paso más pequeños que el trigger. */
-    protected readonly _itemSize: _angular_core.Signal<"xxs" | "xs" | "sm">;
+    protected readonly _itemSize: _angular_core.Signal<"sm" | "xxs" | "xs">;
     private readonly _sso;
     readonly _scrollStrategy: _angular_cdk_overlay.RepositionScrollStrategy;
     readonly _positions: ConnectedPosition[];
@@ -3977,7 +3972,7 @@ declare class ClxProductComponent {
  */
 declare class ClxProductBadgesComponent {
     readonly badges: _angular_core.InputSignal<readonly ClxTagBadge[]>;
-    readonly size: _angular_core.InputSignal<"xs" | "sm" | "md">;
+    readonly size: _angular_core.InputSignal<"sm" | "md" | "xs">;
     readonly topRightOffset: _angular_core.InputSignal<string | undefined>;
     readonly bottomRightOffset: _angular_core.InputSignal<string | undefined>;
     protected readonly _corners: _angular_core.Signal<{
@@ -4478,11 +4473,53 @@ declare class ClxCartSummaryDrawer {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ClxCartSummaryDrawer, "clx-cart-summary-drawer", never, {}, {}, never, never, true, never>;
 }
 
+/** One row of clx-search's suggestions panel: a product (image, price as meta), a category / brand
+ *  shortcut (icon) or a past search. `data` is whatever the host needs back on select. */
+interface ClxSearchSuggestion {
+    id: string;
+    label: string;
+    sublabel?: string;
+    /** Thumbnail URL (products). */
+    image?: string;
+    /** Material Symbol when there's no image ("category", "history"…). */
+    icon?: string;
+    /** Right-aligned text, e.g. a price. */
+    meta?: string;
+    data?: unknown;
+}
+interface ClxSearchSuggestionGroup {
+    /** Identifies the group on select ("products", "categories"…). */
+    key: string;
+    title: string;
+    items: ClxSearchSuggestion[];
+}
+/** What the host feeds clx-search's panel for the current text. */
+interface ClxSearchSuggestions {
+    groups: ClxSearchSuggestionGroup[];
+    /** "¿Quisiste decir …?" — clicking it searches it. */
+    correction?: string | null;
+    /** Total results for the text — shows "Ver los N resultados". */
+    total?: number | null;
+}
+interface ClxSearchSuggestionSelect {
+    group: string;
+    item: ClxSearchSuggestion;
+}
+
 /** Storefront search bar — same color/size/CVA conventions as ClxInputComponent, but styled as
  *  one continuous pill (input fused with a solid search button) rather than a bordered field with
- *  a detached button, matching how e-commerce header search boxes are typically laid out. */
+ *  a detached button, matching how e-commerce header search boxes are typically laid out.
+ *
+ *  Optional autocomplete: the host listens to (queryChange) — the text, debounced, once it has
+ *  `minChars` — and feeds [suggestions] back (product rows with image and price, shortcuts, past
+ *  searches, a "¿Quisiste decir…?" correction, the result total). The panel opens under the bar,
+ *  supports ↑ ↓ Enter Esc, and reports picks through (suggestionSelect); Enter without a picked row,
+ *  the button, the correction and "Ver todos" emit (search). With [openOnFocus] the panel also shows
+ *  for an empty box (e.g. recent searches). */
 declare class ClxSearchComponent implements ControlValueAccessor {
     private readonly _themeSvc;
+    private readonly _el;
+    private readonly _sso;
     readonly color: _angular_core.InputSignal<ClxColorInput | undefined>;
     protected readonly _color: _angular_core.Signal<ClxColorInput>;
     /** Overrides only the search button's text color — see ClxButtonComponent's textColor input. */
@@ -4495,16 +4532,40 @@ declare class ClxSearchComponent implements ControlValueAccessor {
     readonly value: _angular_core.InputSignal<string>;
     /** Disabled state for standalone use (without FormControl) */
     readonly disabled: _angular_core.InputSignal<boolean>;
+    /** Autocomplete content for the current text; null = no panel. */
+    readonly suggestions: _angular_core.InputSignal<ClxSearchSuggestions | null>;
+    /** The host is fetching suggestions. */
+    readonly loading: _angular_core.InputSignal<boolean>;
+    /** (queryChange) waits this long after the last keystroke. */
+    readonly debounceMs: _angular_core.InputSignal<number>;
+    /** (queryChange) only from this many characters (0 = also for an empty box). */
+    readonly minChars: _angular_core.InputSignal<number>;
+    /** Show the panel when focusing an empty box (recent searches…). */
+    readonly openOnFocus: _angular_core.InputSignal<boolean>;
     readonly search: _angular_core.OutputEmitterRef<string>;
+    /** Debounced text for the host to fetch suggestions for ('' when cleared). */
+    readonly queryChange: _angular_core.OutputEmitterRef<string>;
+    readonly suggestionSelect: _angular_core.OutputEmitterRef<ClxSearchSuggestionSelect>;
     protected readonly _inputId: string;
     readonly _value: _angular_core.WritableSignal<string>;
     private readonly _cvaDisabled;
     private _cvaConnected;
     private readonly _cardDisabled;
+    private readonly _focused;
+    private readonly _dismissed;
+    private readonly _active;
+    protected readonly _panelWidth: _angular_core.WritableSignal<number>;
+    private _debounce?;
     protected readonly _disabled: _angular_core.Signal<boolean>;
+    readonly _scrollStrategy: _angular_cdk_overlay.RepositionScrollStrategy;
+    readonly _positions: ConnectedPosition[];
+    /** Flat list of the panel's rows, for ↑ ↓. */
+    private readonly _rows;
+    protected readonly _panelOpen: _angular_core.Signal<boolean>;
     private readonly _valueEffect;
     private _onChange;
     private _onTouched;
+    constructor();
     protected readonly _sizeConfig: _angular_core.Signal<{
         input: string;
         label: string;
@@ -4517,7 +4578,8 @@ declare class ClxSearchComponent implements ControlValueAccessor {
         padDefaultL: string;
         padDefaultR: string;
     }>;
-    protected readonly _buttonSize: _angular_core.Signal<"xs" | "sm" | "md" | "lg">;
+    protected readonly _buttonSize: _angular_core.Signal<"sm" | "md" | "lg" | "xs">;
+    protected readonly _accentText: _angular_core.Signal<string>;
     protected readonly _wrapperClass: _angular_core.Signal<string>;
     protected readonly _inputClass: _angular_core.Signal<string>;
     writeValue(val: string): void;
@@ -4525,10 +4587,18 @@ declare class ClxSearchComponent implements ControlValueAccessor {
     registerOnTouched(fn: () => void): void;
     setDisabledState(disabled: boolean): void;
     protected _handleInput(event: Event): void;
+    protected _handleFocus(): void;
     protected _handleBlur(): void;
+    protected _handleKeydown(event: KeyboardEvent): void;
+    protected _isActive(group: string, item: ClxSearchSuggestion): boolean;
+    protected _activate(group: string, item: ClxSearchSuggestion): void;
+    protected _select(group: string, item: ClxSearchSuggestion): void;
+    protected _searchFor(text: string): void;
+    protected _close(): void;
     protected _handleSubmit(): void;
+    private _emitQuery;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ClxSearchComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ClxSearchComponent, "clx-search", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "buttonTextColor": { "alias": "buttonTextColor"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "buttonLabel": { "alias": "buttonLabel"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "search": "search"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ClxSearchComponent, "clx-search", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "buttonTextColor": { "alias": "buttonTextColor"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "buttonLabel": { "alias": "buttonLabel"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "suggestions": { "alias": "suggestions"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "debounceMs": { "alias": "debounceMs"; "required": false; "isSignal": true; }; "minChars": { "alias": "minChars"; "required": false; "isSignal": true; }; "openOnFocus": { "alias": "openOnFocus"; "required": false; "isSignal": true; }; }, { "search": "search"; "queryChange": "queryChange"; "suggestionSelect": "suggestionSelect"; }, never, never, true, never>;
 }
 
 declare const CLX_TEXT_LABEL = "text-clx-text-label";
@@ -4884,4 +4954,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, ClxAlertListComponent, ClxAlertService, ClxAnimateDirective, ClxAnimateGroupDirective, ClxAnimateService, ClxAppLayoutComponent, ClxAvatarComponent, ClxBadgeComponent, ClxBrandComponent, ClxButtonComponent, ClxButtonGroupComponent, ClxCardBodyDirective, ClxCardComponent, ClxCardExpiryInputComponent, ClxCardFooterDirective, ClxCardHeaderActionsDirective, ClxCardHeaderDirective, ClxCardNumberInputComponent, ClxCardValidators, ClxCarouselComponent, ClxCarouselDirective, ClxCartComponent, ClxCartSummaryDrawer, ClxCellDirective, ClxCheckboxComponent, ClxCollapseComponent, ClxColorPickerComponent, ClxColumnDefDirective, ClxCopyTextComponent, ClxDateRangePickerComponent, ClxDatepickerComponent, ClxDrawerComponent, ClxDrawerService, ClxEditorComponent, ClxEditorImageModalComponent, ClxEditorLinkModalComponent, ClxFabComponent, ClxFilterPanelComponent, ClxHeaderCellDirective, ClxIconComponent, ClxInputComponent, ClxListComponent, ClxListItemComponent, ClxMaintenanceBannerComponent, ClxMenuComponent, ClxMenuItemComponent, ClxMenuItemTrailingDirective, ClxModalComponent, ClxModalService, ClxNativeOverlayService, ClxNavGroupComponent, ClxNotificationComponent, ClxNumberComponent, ClxOtpComponent, ClxPageEmptyComponent, ClxPageHeaderComponent, ClxPageHeaderTitleDirective, ClxPageMaintenanceComponent, ClxPageNotFoundComponent, ClxPageServerErrorComponent, ClxPageUnauthorizedComponent, ClxPaginationComponent, ClxProductBadgesComponent, ClxProductComponent, ClxProductDetailComponent, ClxProductQuickViewComponent, ClxProductTagService, ClxProfileComponent, ClxProgressBarComponent, ClxRadioComponent, ClxRadioGroupComponent, ClxRankedListComponent, ClxRatingComponent, ClxSearchComponent, ClxSelectComponent, ClxSkeletonComponent, ClxSliderComponent, ClxSocialIconComponent, ClxSpinnerComponent, ClxStatCardComponent, ClxStepComponent, ClxStepperComponent, ClxSwitchComponent, ClxTabDirective, ClxTableActionsComponent, ClxTableComponent, ClxTableProductCellComponent, ClxTableProgressCellComponent, ClxTableStatusCellComponent, ClxTabsComponent, ClxTagComponent, ClxTextareaComponent, ClxThemeService, ClxTimelineComponent, ClxTimelineItemComponent, ClxTimepickerComponent, ClxToastComponent, ClxToastContainerComponent, ClxToastService, ClxTooltipComponent, ClxTooltipDirective, ClxTreeComponent, ClxUploadComponent, ClxWidgetCardComponent, ClxWishlistComponent, ClxWizardComponent, TIMEPICKER_SIZE_MAP, detectClxCardBrand, formatClxTime, formatClxWindow, isClxCardExpired, parseColorInput, provideCodexlyTheme, resolveColor, resolveContainerRadius, resolveRadius };
-export type { ClxAlertButtonOptions, ClxAlertListItem, ClxAlertOptions, ClxAlertResult, ClxAlertSeverity, 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, ClxCardBrand, 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, ClxProgressBarSegment, ClxProgressBarSize, ClxProgressBarVariant, ClxRadioVariant, ClxRankedListItem, ClxResolvedCardTitleZoneStyle, ClxResolvedListItemLabelZoneStyle, ClxResolvedNavZoneStyle, ClxResolvedNotificationStyle, ClxResolvedPageHeaderZoneStyle, ClxResolvedPaginationStyle, ClxResolvedTableStyle, ClxResolvedTabsStyle, ClxResolvedTimelineTitleZoneStyle, ClxResolvedWizardStyle, 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, ClxTagBadge, ClxTagContext, ClxTagKind, ClxTagPosition, ClxTagShape, ClxTagSize, ClxTagStyle, 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, ClxWidgetCardState, ClxWidgetMenuAction, ClxWishlistItem, ClxWishlistPageChangeEvent, ClxWizardColor, ClxWizardOrientation, ClxWizardStepStatus, ClxWizardTheme, NativeOverlayRef, SparkPoint };
+export type { ClxAlertButtonOptions, ClxAlertListItem, ClxAlertOptions, ClxAlertResult, ClxAlertSeverity, 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, ClxCardBrand, 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, ClxProgressBarSegment, ClxProgressBarSize, ClxProgressBarVariant, ClxRadioVariant, ClxRankedListItem, ClxResolvedCardTitleZoneStyle, ClxResolvedListItemLabelZoneStyle, ClxResolvedNavZoneStyle, ClxResolvedNotificationStyle, ClxResolvedPageHeaderZoneStyle, ClxResolvedPaginationStyle, ClxResolvedTableStyle, ClxResolvedTabsStyle, ClxResolvedTimelineTitleZoneStyle, ClxResolvedWizardStyle, ClxReview, ClxRippleItem, ClxSearchSuggestion, ClxSearchSuggestionGroup, ClxSearchSuggestionSelect, ClxSearchSuggestions, 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, ClxTagBadge, ClxTagContext, ClxTagKind, ClxTagPosition, ClxTagShape, ClxTagSize, ClxTagStyle, 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, ClxWidgetCardState, ClxWidgetMenuAction, ClxWishlistItem, ClxWishlistPageChangeEvent, ClxWizardColor, ClxWizardOrientation, ClxWizardStepStatus, ClxWizardTheme, NativeOverlayRef, SparkPoint };