codexly-ui 0.24.0 → 0.25.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "codexly-ui",
-  "version": "0.24.0",
+  "version": "0.25.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<"sm" | "md" | "xxs" | "xs" | "lg" | undefined>;
+    readonly size: _angular_core.InputSignal<"xxs" | "xs" | "sm" | "md" | "lg" | undefined>;
     protected readonly _color: _angular_core.Signal<ClxColorInput>;
-    protected readonly _size: _angular_core.Signal<"sm" | "md" | "xxs" | "xs" | "lg">;
+    protected readonly _size: _angular_core.Signal<"xxs" | "xs" | "sm" | "md" | "lg">;
     protected readonly _markup: _angular_core.Signal<SafeHtml>;
     protected readonly _hostClass: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ClxSocialIconComponent, never>;
@@ -166,11 +166,11 @@ 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<"sm" | "md" | "xxs" | "xs" | "lg" | undefined>;
+    readonly size: _angular_core.InputSignal<"xxs" | "xs" | "sm" | "md" | "lg" | undefined>;
     readonly shape: _angular_core.InputSignal<ClxShape | undefined>;
     private readonly _tableActionsColor;
     protected readonly _color: _angular_core.Signal<ClxColorInput>;
-    protected readonly _size: _angular_core.Signal<"sm" | "md" | "xxs" | "xs" | "lg">;
+    protected readonly _size: _angular_core.Signal<"xxs" | "xs" | "sm" | "md" | "lg">;
     protected readonly _shape: _angular_core.Signal<ClxShape>;
     readonly loading: _angular_core.InputSignal<boolean>;
     readonly disabled: _angular_core.InputSignal<boolean>;
@@ -214,7 +214,7 @@ declare class ClxButtonGroupComponent {
     readonly label: _angular_core.InputSignal<string>;
     readonly shape: _angular_core.InputSignal<ClxButtonGroupShape>;
     readonly attached: _angular_core.InputSignal<boolean>;
-    readonly orientation: _angular_core.InputSignal<"vertical" | "horizontal">;
+    readonly orientation: _angular_core.InputSignal<"horizontal" | "vertical">;
     protected readonly _groupClass: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ClxButtonGroupComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ClxButtonGroupComponent, "clx-button-group", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "shape": { "alias": "shape"; "required": false; "isSignal": true; }; "attached": { "alias": "attached"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
@@ -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<"sm" | "md" | "xs" | undefined>;
+    readonly size: _angular_core.InputSignal<"xs" | "sm" | "md" | 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<"sm" | "md" | "xs">;
+    protected readonly _size: _angular_core.Signal<"xs" | "sm" | "md">;
     protected readonly _shape: _angular_core.Signal<ClxShape>;
     protected readonly _hostClass: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ClxBadgeComponent, never>;
@@ -1367,7 +1367,7 @@ declare class ClxRadioGroupComponent implements ControlValueAccessor {
     readonly resolvedColor: _angular_core.Signal<ClxColorInput>;
     readonly variant: _angular_core.InputSignal<ClxRadioVariant>;
     readonly size: _angular_core.InputSignal<"sm" | "md" | "lg">;
-    readonly direction: _angular_core.InputSignal<"vertical" | "horizontal">;
+    readonly direction: _angular_core.InputSignal<"horizontal" | "vertical">;
     readonly disabled: _angular_core.InputSignal<boolean>;
     /** Current selected value — readable by child clx-radio via injection */
     readonly _value: _angular_core.WritableSignal<unknown>;
@@ -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: "sm" | "md" | "xs";
+        size: "xs" | "sm" | "md";
         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<"sm" | "md" | "xxs" | "xs" | "lg">;
+    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. */
@@ -2949,6 +2949,66 @@ declare class ClxAlertComponent implements OnInit, OnDestroy {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ClxAlertComponent, "clx-alert", never, {}, {}, never, never, true, never>;
 }
 
+/** A delivery channel shown as a column — e.g. { key: 'app', label: 'App', icon: 'notifications' }. */
+interface ClxPreferenceChannel {
+    key: string;
+    label: string;
+    icon?: string;
+}
+/** The state of one item on one channel. available=false: the item never uses that channel, so no
+ *  switch is shown. locked: always on (e.g. a security notice), shown disabled with lockedReason. */
+interface ClxPreferenceChannelState {
+    available: boolean;
+    enabled: boolean;
+    locked?: boolean;
+    lockedReason?: string;
+}
+interface ClxPreferenceItem {
+    key: string;
+    label: string;
+    description?: string;
+    icon?: string;
+    /** Keyed by ClxPreferenceChannel.key — a channel missing here counts as not available. */
+    channels: Record<string, ClxPreferenceChannelState>;
+}
+interface ClxPreferenceGroup {
+    key: string;
+    label: string;
+    icon?: string;
+    items: ClxPreferenceItem[];
+}
+/** One switch flipped — a whole group's column when item is null. */
+interface ClxPreferenceChange {
+    group: string;
+    item: string | null;
+    channel: string;
+    enabled: boolean;
+}
+
+/** Per-item, per-channel on/off settings grouped in cards — notification settings ("avísame por App,
+ *  Correo o Push"), but any item × channel matrix fits. Each group's header has one switch per channel
+ *  that turns that whole column on or off; an item only shows switches on the channels it really uses
+ *  (an unavailable one shows a dash, so the columns stay aligned), and a locked channel stays on with
+ *  its reason as tooltip. On phones each item stacks its switches under its text, each with its own
+ *  channel label. Stateless: the host applies every (change) and feeds the new state back. */
+declare class ClxChannelPreferencesComponent {
+    readonly groups: _angular_core.InputSignal<ClxPreferenceGroup[]>;
+    readonly channels: _angular_core.InputSignal<ClxPreferenceChannel[]>;
+    readonly color: _angular_core.InputSignal<ClxColorInput | undefined>;
+    readonly variant: _angular_core.InputSignal<ClxCardVariant>;
+    readonly change: _angular_core.OutputEmitterRef<ClxPreferenceChange>;
+    private readonly _channelKeys;
+    protected stateOf(item: ClxPreferenceItem, channel: string): ClxPreferenceChannelState | undefined;
+    /** Items of the group that can be switched on this channel (available and not locked). */
+    private switchable;
+    protected groupHasChannel(group: ClxPreferenceGroup, channel: string): boolean;
+    protected groupEnabled(group: ClxPreferenceGroup, channel: string): boolean;
+    protected emitItem(group: ClxPreferenceGroup, item: ClxPreferenceItem, channel: string, enabled: boolean): void;
+    protected emitGroup(group: ClxPreferenceGroup, channel: string, enabled: boolean): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ClxChannelPreferencesComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ClxChannelPreferencesComponent, "clx-channel-preferences", never, { "groups": { "alias": "groups"; "required": false; "isSignal": true; }; "channels": { "alias": "channels"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, { "change": "change"; }, never, never, true, never>;
+}
+
 type ClxAlertType = 'success' | 'danger' | 'warning' | 'info' | 'confirm';
 type ClxAlertResult = boolean;
 interface ClxAlertButtonOptions {
@@ -3402,7 +3462,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<"sm" | "xxs" | "xs">;
+    protected readonly _itemSize: _angular_core.Signal<"xxs" | "xs" | "sm">;
     private readonly _sso;
     readonly _scrollStrategy: _angular_cdk_overlay.RepositionScrollStrategy;
     readonly _positions: ConnectedPosition[];
@@ -3656,7 +3716,7 @@ declare class ClxStatCardComponent {
     readonly metric: _angular_core.InputSignal<ClxStatMetric>;
     readonly chartData: _angular_core.InputSignal<number[]>;
     readonly color: _angular_core.InputSignal<ClxColorInput>;
-    readonly layout: _angular_core.InputSignal<"vertical" | "horizontal" | "bar" | "banner" | "corner">;
+    readonly layout: _angular_core.InputSignal<"horizontal" | "vertical" | "bar" | "banner" | "corner">;
     protected readonly _hostClass: _angular_core.Signal<string>;
     protected readonly _barHeights: _angular_core.Signal<number[]>;
     protected readonly _iconBg: _angular_core.Signal<string>;
@@ -3846,8 +3906,6 @@ interface ClxProduct {
     option_count?: number;
 }
 
-type ClxProductTag = 'new' | 'sale' | 'out-of-stock' | 'featured' | 'limited' | 'hot';
-
 /** Corner of the product image where a tag sits; tags sharing a corner stack. */
 type ClxTagPosition = 'TOP_LEFT' | 'TOP_RIGHT' | 'BOTTOM_LEFT' | 'BOTTOM_RIGHT';
 /** MANUAL = assigned per product (its code comes in ClxProduct.tags); the others are computed:
@@ -3928,16 +3986,18 @@ declare class ClxProductComponent {
      *  itself always reads cardBorderColor() regardless of variant — only whether it's shown at
      *  all, and whether a shadow accompanies it, changes. */
     readonly variant: _angular_core.InputSignal<ClxCardVariant>;
-    readonly imageFit: _angular_core.InputSignal<"cover" | "contain">;
+    readonly imageFit: _angular_core.InputSignal<"contain" | "cover">;
     readonly addToCart: _angular_core.OutputEmitterRef<ClxProduct>;
     readonly addToWishlist: _angular_core.OutputEmitterRef<ClxProduct>;
     readonly viewOptions: _angular_core.OutputEmitterRef<ClxProduct>;
-    protected readonly PRODUCT_TAG_LABEL: Record<ClxProductTag, string>;
-    protected readonly PRODUCT_TAG_COLOR: Record<ClxProductTag, codexly_ui.ClxColor>;
-    protected readonly PRODUCT_TAG_VARIANT: Record<ClxProductTag, codexly_ui.ClxBadgeVariant>;
     protected readonly _h: _angular_core.Signal<boolean>;
     protected readonly _sm: _angular_core.Signal<boolean>;
-    protected readonly _tags: _angular_core.Signal<ClxProductTag[]>;
+    protected readonly _tags: _angular_core.Signal<{
+        label: string;
+        color: ClxColorInput;
+        variant: codexly_ui.ClxBadgeVariant;
+        code: string;
+    }[]>;
     protected readonly _tagSvc: ClxProductTagService;
     protected readonly _badges: _angular_core.Signal<codexly_ui.ClxTagBadge[]>;
     protected readonly _disabled: _angular_core.Signal<boolean>;
@@ -3980,7 +4040,7 @@ declare class ClxProductComponent {
  */
 declare class ClxProductBadgesComponent {
     readonly badges: _angular_core.InputSignal<readonly ClxTagBadge[]>;
-    readonly size: _angular_core.InputSignal<"sm" | "md" | "xs">;
+    readonly size: _angular_core.InputSignal<"xs" | "sm" | "md">;
     readonly topRightOffset: _angular_core.InputSignal<string | undefined>;
     readonly bottomRightOffset: _angular_core.InputSignal<string | undefined>;
     protected readonly _corners: _angular_core.Signal<{
@@ -4018,6 +4078,9 @@ interface ClxVariation {
     name: string;
     description?: string;
     sale_price?: number;
+    /** This variation's discount when the host resolves it per variation (0 = none); undefined = the
+     *  product's has_discount / discount_percentage. */
+    discount_percentage?: number;
     sort_order: number;
     images: string[];
     in_stock: boolean;
@@ -4213,16 +4276,18 @@ declare class ClxProductDetailComponent {
      *  at all) — now reflects product().rating for real, with no-reviews-yet as its own copy rather
      *  than falsely implying a mediocre-but-real score. */
     protected readonly _ratingLabel: _angular_core.Signal<"Sin reseñas todavía" | "Excelente" | "Muy bueno" | "Bueno" | "Regular" | "Deficiente">;
-    /** p.tags is plain string[] (ClxProductDetailData isn't coupled to ClxProductTag), so lookups
-     *  guard against an unrecognized value instead of indexing the Record directly. */
-    private isKnownTag;
-    protected tagLabel(tag: string): string;
-    protected tagColor(tag: string): ClxColorInput;
-    protected tagVariant(tag: string): codexly_ui.ClxBadgeVariant;
-    /** discount_percentage is the primary source (matches this codebase's actual data model: the
-     *  percentage lives on the product, the price it applies to is sale_price/product_sale_price —
-     *  see listPrice() above). discount_price is only a fallback for a caller whose backend instead
-     *  stores a precomputed higher reference price to derive the percentage from. */
+    /** The built-in tags (shown until the host configures ClxProductTagService). */
+    protected readonly _tags: _angular_core.Signal<{
+        label: string;
+        color: ClxColorInput;
+        variant: codexly_ui.ClxBadgeVariant;
+        code: string;
+    }[]>;
+    /** The selected variation's own discount_percentage when the host sends one, else the product's
+     *  (it applies on top of the list price — see listPrice() above). discount_price is only a fallback
+     *  for a caller whose backend instead stores a precomputed higher reference price to derive the
+     *  percentage from. */
+    private readonly _discountPct;
     readonly discount: _angular_core.Signal<number>;
     /** The host's configured tags (ClxProductTagService) for the selected variation, over the gallery —
      *  the variation's own tags and settings when the host sends them, else the product's. */
@@ -4598,7 +4663,7 @@ declare class ClxSearchComponent implements ControlValueAccessor {
         padDefaultL: string;
         padDefaultR: string;
     }>;
-    protected readonly _buttonSize: _angular_core.Signal<"sm" | "md" | "xs" | "lg">;
+    protected readonly _buttonSize: _angular_core.Signal<"xs" | "sm" | "md" | "lg">;
     protected readonly _accentText: _angular_core.Signal<string>;
     protected readonly _wrapperClass: _angular_core.Signal<string>;
     protected readonly _inputClass: _angular_core.Signal<string>;
@@ -4958,14 +5023,18 @@ declare class ClxToastService {
     private readonly _appRef;
     private readonly _injector;
     private readonly _containers;
-    show(options: ClxToastOptions): void;
-    success(message: string, opts?: Partial<ClxToastOptions>): void;
-    error(message: string, opts?: Partial<ClxToastOptions>): void;
-    warning(message: string, opts?: Partial<ClxToastOptions>): void;
-    info(message: string, opts?: Partial<ClxToastOptions>): void;
+    /** Returns the toast's id — pass it to dismiss() to close it from code. */
+    show(options: ClxToastOptions): string;
+    success(message: string, opts?: Partial<ClxToastOptions>): string;
+    error(message: string, opts?: Partial<ClxToastOptions>): string;
+    warning(message: string, opts?: Partial<ClxToastOptions>): string;
+    info(message: string, opts?: Partial<ClxToastOptions>): string;
     /** Shows a toast built straight from a live ClxNotificationItem (e.g. on SSE arrival) — the same
      *  object already driving the notification panel/bell, no manual field mapping at the call site. */
     fromNotification(item: ClxNotificationItem, opts?: Partial<ClxToastOptions>): void;
+    /** Closes one toast, with its exit animation — e.g. a persistent prompt whose question was already
+     *  answered somewhere else. No-op when it's already gone. */
+    dismiss(id: string): void;
     dismissAll(): void;
     private _getOrCreateContainer;
     private _uid;
@@ -4973,5 +5042,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, 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, 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 };
+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, ClxChannelPreferencesComponent, 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, ClxPreferenceChange, ClxPreferenceChannel, ClxPreferenceChannelState, ClxPreferenceGroup, ClxPreferenceItem, 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 };