codexly-ui 0.1.21 → 0.1.22

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "codexly-ui",
-  "version": "0.1.21",
+  "version": "0.1.22",
   "peerDependencies": {
     "@angular/common": "^21.0.0",
     "@angular/core": "^21.0.0",

package/types/codexly-ui.d.ts

@@ -116,7 +116,7 @@ declare class ClxStatCardComponent {
     protected readonly _gradId: _angular_core.Signal<string>;
     protected readonly _trendColor: _angular_core.Signal<"red" | "green" | "slate">;
     protected readonly _trendArrowIcon: _angular_core.Signal<"arrow_upward" | "arrow_downward" | "remove">;
-    protected readonly _trendTextClass: _angular_core.Signal<"text-green-500" | "text-red-500" | "text-slate-400">;
+    protected readonly _trendTextClass: _angular_core.Signal<"text-red-500" | "text-green-500" | "text-slate-400">;
     protected readonly _trendIcon: _angular_core.Signal<"remove" | "arrow_outward" | "south_east">;
     protected readonly _formattedValue: _angular_core.Signal<string>;
     protected readonly _points: _angular_core.Signal<SparkPoint[]>;
@@ -474,22 +474,20 @@ declare class ClxAlertComponent implements OnInit, OnDestroy {
     private readonly _resolve;
     private readonly _animate;
     private readonly _el;
-    private readonly _themeSvc;
     private readonly _zone;
     constructor();
     private get _type();
-    private get _isConfirm();
     protected readonly _icon: _angular_core.WritableSignal<string>;
+    protected readonly _iconBg: _angular_core.WritableSignal<string>;
+    protected readonly _iconColor: _angular_core.WritableSignal<string>;
+    protected readonly _progressColor: _angular_core.WritableSignal<string>;
     protected readonly _title: _angular_core.WritableSignal<string>;
     protected readonly _message: _angular_core.WritableSignal<string>;
     protected readonly _showCancel: _angular_core.WritableSignal<boolean>;
-    protected readonly _iconBg: _angular_core.Signal<string>;
-    protected readonly _iconColor: _angular_core.Signal<string>;
-    protected readonly _progressColor: _angular_core.Signal<string>;
     protected readonly _confirmText: _angular_core.WritableSignal<string>;
-    protected readonly _confirmColor: _angular_core.Signal<codexly_ui.ClxColorInput>;
+    protected readonly _confirmColor: _angular_core.WritableSignal<codexly_ui.ClxColorInput>;
     protected readonly _cancelText: _angular_core.WritableSignal<string>;
-    protected readonly _cancelColor: _angular_core.Signal<codexly_ui.ClxColorInput>;
+    protected readonly _cancelColor: _angular_core.WritableSignal<codexly_ui.ClxColorInput>;
     protected readonly _cancelVariant: _angular_core.WritableSignal<ClxButtonVariant>;
     protected readonly _timerTotal: _angular_core.WritableSignal<number>;
     protected readonly _progressPct: _angular_core.WritableSignal<number>;
@@ -681,8 +679,6 @@ interface ClxSelectOption {
     value: string | number;
     label: string;
     disabled?: boolean;
-    /** Renders the option label using this font family, for font-picker selects */
-    previewFontFamily?: string;
 }
 
 type PageItem = {
@@ -890,7 +886,7 @@ declare class ClxAvatarComponent {
     protected readonly _contentType: _angular_core.Signal<ClxAvatarContentType>;
     protected readonly _initials: _angular_core.Signal<string>;
     protected readonly _iconSize: _angular_core.Signal<ClxSize>;
-    protected readonly _shapeClass: _angular_core.Signal<"rounded-full" | "rounded-xl">;
+    protected readonly _shapeClass: _angular_core.Signal<"rounded-xl" | "rounded-full">;
     protected readonly _colorClass: _angular_core.Signal<string>;
     protected readonly _textClass: _angular_core.Signal<string>;
     protected readonly _hostClass: _angular_core.Signal<string>;
@@ -1003,11 +999,11 @@ 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>;
     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>;
@@ -1018,10 +1014,10 @@ declare class ClxButtonComponent {
     private readonly _themeSvc;
     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>;
     readonly shape: _angular_core.InputSignal<ClxShape | 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 _shape: _angular_core.Signal<ClxShape>;
     readonly loading: _angular_core.InputSignal<boolean>;
     readonly disabled: _angular_core.InputSignal<boolean>;
@@ -1658,7 +1654,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<"default" | "error" | "success">;
     readonly statusMessage: _angular_core.InputSignal<string>;
     readonly hint: _angular_core.InputSignal<string>;
     readonly disabled: _angular_core.InputSignal<boolean>;
@@ -1966,8 +1962,6 @@ declare class ClxSelectComponent implements ControlValueAccessor {
     protected readonly _activeColor: Signal<ClxColorInput>;
     private readonly _el;
     private readonly _sso;
-    private readonly _isBrowser;
-    private readonly _loadedFonts;
     readonly _scrollStrategy: _angular_cdk_overlay.RepositionScrollStrategy;
     constructor();
     private _onChange;
@@ -1991,7 +1985,6 @@ declare class ClxSelectComponent implements ControlValueAccessor {
     protected readonly _filteredOptions: Signal<ClxSelectOption[]>;
     protected readonly _showAsyncPlaceholder: Signal<boolean>;
     protected readonly _displayValue: Signal<string>;
-    protected readonly _displayFontFamily: Signal<string | null>;
     protected readonly _overlayWidth: Signal<number>;
     protected readonly _labelClass: Signal<string>;
     protected readonly _hintClass: Signal<string>;
@@ -2005,7 +1998,6 @@ declare class ClxSelectComponent implements ControlValueAccessor {
     protected _optionClass(opt: ClxSelectOption): string;
     protected _togglePanel(): void;
     private _openPanel;
-    private _loadPreviewFont;
     protected _closePanel(): void;
     protected _selectOption(opt: ClxSelectOption): void;
     protected _deselect(value: string | number): void;
@@ -2322,29 +2314,24 @@ declare class ClxWizardComponent implements AfterContentInit {
 declare class ClxAppLayoutComponent implements OnInit, OnDestroy {
     private readonly _zone;
     private readonly _document;
-    private readonly _el;
     readonly activeColor: _angular_core.InputSignal<ClxColorInput | undefined>;
     readonly _sidebarOpen: _angular_core.WritableSignal<boolean>;
     readonly collapsed: _angular_core.WritableSignal<boolean>;
     readonly _hovered: _angular_core.WritableSignal<boolean>;
-    readonly _isMobile: _angular_core.WritableSignal<boolean>;
+    private readonly _isMobile;
     readonly collapsedChange: _angular_core.OutputEmitterRef<boolean>;
     readonly expandedChange: _angular_core.OutputEmitterRef<boolean>;
+    constructor();
     protected readonly _showBackdrop: _angular_core.Signal<boolean>;
     readonly _isExpanded: _angular_core.Signal<boolean>;
     protected readonly _sidebarCls: _angular_core.Signal<string>;
-    private _nativeSetTimeout;
-    private _nativeClearTimeout;
     private _mql;
     private _mqlListener;
-    private _resizeTimer;
-    private _resizeListener;
-    private _mouseEnterFn;
-    private _mouseLeaveFn;
-    private _sidebarEl;
     ngOnInit(): void;
     ngOnDestroy(): void;
     _toggleCollapsed(): void;
+    _onSidebarEnter(): void;
+    _onSidebarLeave(): void;
     toggleSidebar(): void;
     openSidebar(): void;
     closeSidebar(): void;
@@ -2374,7 +2361,9 @@ declare class ClxMenuItemComponent {
         exact: boolean;
     }>;
     readonly itemClick: _angular_core.OutputEmitterRef<void>;
+    private readonly _inheritedColor;
     private readonly _resolvedColor;
+    inheritColor(c: ClxColorInput): void;
     private readonly _geom;
     protected readonly _iconCls: _angular_core.Signal<string>;
     protected readonly _idleCls: _angular_core.Signal<string>;
@@ -2383,7 +2372,7 @@ declare class ClxMenuItemComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ClxMenuItemComponent, "clx-menu-item", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "nested": { "alias": "nested"; "required": false; "isSignal": true; }; "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; "routerLink": { "alias": "routerLink"; "required": false; "isSignal": true; }; "routerLinkActiveOptions": { "alias": "routerLinkActiveOptions"; "required": false; "isSignal": true; }; }, { "itemClick": "itemClick"; }, never, never, true, never>;
 }
 
-declare class ClxMenuComponent implements AfterViewInit {
+declare class ClxMenuComponent implements AfterContentInit, AfterViewInit {
     private readonly _themeSvc;
     readonly label: _angular_core.InputSignal<string>;
     readonly icon: _angular_core.InputSignal<string>;
@@ -2397,6 +2386,7 @@ declare class ClxMenuComponent implements AfterViewInit {
     }>;
     readonly _isExpanded: _angular_core.WritableSignal<boolean>;
     private readonly _rla?;
+    private readonly _childItems;
     private readonly _destroyRef;
     constructor();
     ngAfterViewInit(): void;
@@ -2405,18 +2395,18 @@ declare class ClxMenuComponent implements AfterViewInit {
     protected readonly NAV_CHILDREN_WRAPPER = "grid transition-all duration-300 ease-in-out";
     protected readonly NAV_CHILDREN_INNER = "overflow-hidden";
     protected readonly NAV_CHILDREN_LIST = "ml-6 py-1 space-y-0.5";
+    ngAfterContentInit(): void;
+    private _syncChildren;
     protected _toggle(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ClxMenuComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ClxMenuComponent, "clx-menu", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; "routerLink": { "alias": "routerLink"; "required": false; "isSignal": true; }; "routerLinkActiveOptions": { "alias": "routerLinkActiveOptions"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ClxMenuComponent, "clx-menu", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; "routerLink": { "alias": "routerLink"; "required": false; "isSignal": true; }; "routerLinkActiveOptions": { "alias": "routerLinkActiveOptions"; "required": false; "isSignal": true; }; }, {}, ["_childItems"], ["*"], true, never>;
 }
 
 declare class ClxNavGroupComponent {
     readonly label: _angular_core.InputSignal<string>;
     readonly collapsed: _angular_core.InputSignal<boolean>;
-    readonly color: _angular_core.InputSignal<ClxColorInput | undefined>;
-    readonly labelClass: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ClxNavGroupComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ClxNavGroupComponent, "clx-nav-group", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ClxNavGroupComponent, "clx-nav-group", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 interface ClxProfileMenuItem {
@@ -2542,8 +2532,9 @@ declare class ClxTableComponent<T = any> {
     protected readonly _emptyDescription: _angular_core.Signal<string>;
     protected readonly _allSelected: _angular_core.Signal<boolean>;
     protected _isSelected(item: T): boolean;
-    protected readonly _headerCellClassMap: _angular_core.Signal<Map<string, string>>;
-    protected readonly _dataCellClassMap: _angular_core.Signal<Map<string, string>>;
+    protected _getAlignClass(align: 'left' | 'center' | 'right'): string;
+    protected _getHeaderCellClass(col: ClxTableColumn<T>): string;
+    protected _getDataCellClass(col: ClxTableColumn<T>): string;
     protected _getCellValue(item: T, key: string): unknown;
     protected _handleSort(key: string): void;
     protected _handleSelectAll(checked: boolean): void;
@@ -2691,18 +2682,9 @@ declare class ClxCartSummaryDrawer {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ClxCartSummaryDrawer, "clx-cart-summary-drawer", never, {}, {}, never, never, true, never>;
 }
 
-type ClxFontFamily = 'Roboto' | 'Inter' | 'Poppins' | 'Plus Jakarta Sans' | 'Nunito' | 'DM Sans' | 'Geist' | 'Lato' | 'Montserrat' | 'Open Sans' | 'Work Sans' | 'Manrope' | 'Sora' | 'Outfit' | 'Rubik' | 'Source Sans 3' | 'Space Grotesk' | 'Merriweather' | 'Playfair Display' | 'Lora' | 'PT Serif' | 'Caveat' | 'Dancing Script' | 'Cinzel' | 'Berkshire Swash' | 'JetBrains Mono' | 'Orbitron' | 'UnifrakturMaguntia' | 'Pirata One' | 'Press Start 2P' | 'Bungee';
-interface ClxFontOption {
-    label: string;
-    value: ClxFontFamily;
-    googleUrl: string;
-}
-declare const CLX_FONT_CATALOG: ClxFontOption[];
 interface ClxThemeConfig {
     /** Default accent color for all components (buttons, inputs, checkboxes…) */
     primaryColor: ClxColorInput;
-    /** Color used for secondary actions (cancel, close buttons) */
-    secondaryColor: ClxColorInput;
     /** Color used for destructive actions and error states */
     dangerColor: ClxColorInput;
     /** Color used for success confirmations */
@@ -2711,22 +2693,12 @@ interface ClxThemeConfig {
     warningColor: ClxColorInput;
     /** Neutral color for surfaces, nav idle states */
     neutralColor: ClxColorInput;
-    /** Base text color applied across the app */
-    textColor: ClxColorInput;
-    /** Sidebar nav-group label color override — falls back to neutralColor when unset */
-    sidebarGroupColor?: ClxColorInput;
-    /** Sidebar top-level menu color override — falls back to primaryColor when unset */
-    sidebarMenuColor?: ClxColorInput;
-    /** Sidebar menu-item color override — falls back to primaryColor when unset */
-    sidebarItemColor?: ClxColorInput;
     /** Default border-radius style applied to all components */
     borderRadius: 'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
     /** Default size for all form/interactive components */
     defaultSize: Extract<ClxSize, 'sm' | 'md' | 'lg'>;
     /** Default shape for buttons, badges, tags */
     defaultShape: Extract<ClxShape, 'rounded' | 'pill'>;
-    /** Body font family — must be one of CLX_FONT_CATALOG values */
-    fontFamily: ClxFontFamily;
 }
 declare const CLX_RADIUS_MAP: Record<ClxThemeConfig['borderRadius'], string>;
 /** Returns the Tailwind class for a form-control radius */
@@ -2916,19 +2888,10 @@ declare class ClxThemeService {
     readonly mode: _angular_core.Signal<ClxThemeMode>;
     readonly config: _angular_core.Signal<ClxThemeConfig>;
     readonly isDark: _angular_core.Signal<boolean>;
-    /** Color to apply to clx-nav-group labels — falls back to neutralColor */
-    readonly sidebarGroupColor: _angular_core.Signal<ClxColorInput>;
-    /** Color to apply to top-level clx-menu — falls back to primaryColor */
-    readonly sidebarMenuColor: _angular_core.Signal<ClxColorInput>;
-    /** Color to apply to clx-menu-item — falls back to primaryColor */
-    readonly sidebarItemColor: _angular_core.Signal<ClxColorInput>;
     constructor();
     setMode(mode: ClxThemeMode): void;
     setConfig(patch: Partial<ClxThemeConfig>): void;
     toggle(): void;
-    private _applyColorVar;
-    private _applyTextColor;
-    private _applyFont;
     private _loadMode;
     private _getSystemDark;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ClxThemeService, never>;
@@ -3094,5 +3057,5 @@ declare class ClxPageEmptyComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ClxPageEmptyComponent, "clx-page-empty", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "ctaLabel": { "alias": "ctaLabel"; "required": false; "isSignal": true; }; "ctaIcon": { "alias": "ctaIcon"; "required": false; "isSignal": true; }; "ctaColor": { "alias": "ctaColor"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "cta": "cta"; }, never, never, true, never>;
 }
 
-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, ClxCardHeaderDirective, ClxCarouselComponent, ClxCarouselDirective, ClxCartComponent, ClxCartSummaryDrawer, ClxCellDirective, ClxChartComponent, ClxCheckboxComponent, ClxColorPickerComponent, ClxColumnDefDirective, ClxDateRangePickerComponent, ClxDatepickerComponent, ClxDrawerComponent, ClxDrawerService, ClxEditorComponent, ClxEditorLinkModalComponent, ClxFilterPanelComponent, ClxHeaderCellDirective, ClxIconComponent, ClxInputComponent, ClxListComponent, ClxListItemComponent, ClxMenuComponent, ClxMenuItemComponent, ClxModalComponent, ClxModalService, ClxNavGroupComponent, ClxNumberComponent, ClxPageEmptyComponent, ClxPageNotFoundComponent, ClxPageServerErrorComponent, ClxPageUnauthorizedComponent, ClxPaginationComponent, ClxProductComponent, ClxProductDetailComponent, ClxProfileComponent, ClxProgressBarComponent, ClxRadioComponent, ClxRadioGroupComponent, ClxRatingComponent, ClxSelectComponent, ClxSkeletonComponent, ClxSliderComponent, ClxSpinnerComponent, ClxStatCardComponent, ClxStepComponent, ClxStepperComponent, ClxSwitchComponent, ClxTabDirective, 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, ClxButtonColor, ClxButtonGroupShape, ClxButtonVariant, ClxCardPadding, ClxCardShadow, ClxCardVariant, ClxCarouselAspectRatio, ClxCarouselConfig, ClxCartItem, ClxCartSummaryData, ClxCellContext, ClxChartOptions, ClxChartType, ClxCheckboxVariant, ClxColor, ClxColorInput, ClxColorPickerFormat, ClxColorPickerSize, ClxColorResolved, ClxColorTokens, ClxCouponResult, ClxDateRange, ClxDateRangePickerSize, ClxDateRangePickerStatus, ClxDatepickerSize, ClxDatepickerStatus, ClxDrawerButtonOptions, ClxDrawerConfig, ClxDrawerRef, ClxDrawerSize, ClxEditorSize, ClxEditorTool, ClxEditorToolbarGroup, ClxFilterChangeEvent, ClxFilterField, ClxFilterFieldType, ClxFilterOption, ClxFilterValue, ClxFilterValues, ClxFontFamily, ClxFontOption, ClxInputSize, ClxInputStatus, ClxInputType, ClxListItem, ClxListSize, ClxListVariant, ClxModalButtonOptions, ClxModalConfig, ClxModalRef, ClxModalSize, ClxNumberSize, ClxNumberVariant, ClxPageChangeEvent, ClxPageSizeChangeEvent, ClxPaginationSize, ClxProduct, ClxProductDescription, ClxProductDetailData, ClxProductLayout, ClxProductSize, ClxProductSpec, ClxProfileMenuItem, ClxProgressBarSize, ClxProgressBarVariant, ClxRadioVariant, ClxReview, ClxRippleItem, ClxSelectOption, ClxSelectSize, ClxShade, ClxShape, ClxSize, ClxSkeletonVariant, ClxSliderSize, ClxSpecOption, ClxSpecType, ClxSpinnerColor, ClxSpinnerVariant, ClxStatMetric, ClxStepperOrientation, ClxStepperSize, ClxStepperStatus, ClxStepperStep, ClxTabItem, ClxTableColumn, ClxTablePageEvent, ClxTableSelectionEvent, ClxTableSort, ClxTableSortEvent, ClxTagShape, ClxTagSize, ClxTagVariant, ClxTextareaResize, ClxTextareaSize, ClxTextareaStatus, ClxThemeConfig, ClxThemeMode, ClxTimelineLineStyle, ClxTimelineMode, ClxTimelineSize, ClxTimepickerSize, ClxTimepickerStatus, ClxToastAction, ClxToastEntry, ClxToastOptions, ClxToastPosition, ClxToastType, ClxTooltipPosition, ClxTooltipSize, ClxTreeExpandEvent, ClxTreeNode, ClxTreeSelectEvent, ClxTreeSize, ClxTreeVariant, ClxTrendDirection, ClxUploadError, ClxUploadSize, ClxVariation, ClxWishlistItem, ClxWishlistPageChangeEvent, ClxWizardColor, ClxWizardOrientation, ClxWizardStepStatus, 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_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, ClxCardHeaderDirective, ClxCarouselComponent, ClxCarouselDirective, ClxCartComponent, ClxCartSummaryDrawer, ClxCellDirective, ClxChartComponent, ClxCheckboxComponent, ClxColorPickerComponent, ClxColumnDefDirective, ClxDateRangePickerComponent, ClxDatepickerComponent, ClxDrawerComponent, ClxDrawerService, ClxEditorComponent, ClxEditorLinkModalComponent, ClxFilterPanelComponent, ClxHeaderCellDirective, ClxIconComponent, ClxInputComponent, ClxListComponent, ClxListItemComponent, ClxMenuComponent, ClxMenuItemComponent, ClxModalComponent, ClxModalService, ClxNavGroupComponent, ClxNumberComponent, ClxPageEmptyComponent, ClxPageNotFoundComponent, ClxPageServerErrorComponent, ClxPageUnauthorizedComponent, ClxPaginationComponent, ClxProductComponent, ClxProductDetailComponent, ClxProfileComponent, ClxProgressBarComponent, ClxRadioComponent, ClxRadioGroupComponent, ClxRatingComponent, ClxSelectComponent, ClxSkeletonComponent, ClxSliderComponent, ClxSpinnerComponent, ClxStatCardComponent, ClxStepComponent, ClxStepperComponent, ClxSwitchComponent, ClxTabDirective, 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, ClxButtonColor, ClxButtonGroupShape, ClxButtonVariant, ClxCardPadding, ClxCardShadow, ClxCardVariant, ClxCarouselAspectRatio, ClxCarouselConfig, ClxCartItem, ClxCartSummaryData, ClxCellContext, ClxChartOptions, ClxChartType, ClxCheckboxVariant, ClxColor, ClxColorInput, ClxColorPickerFormat, ClxColorPickerSize, ClxColorResolved, ClxColorTokens, ClxCouponResult, ClxDateRange, ClxDateRangePickerSize, ClxDateRangePickerStatus, ClxDatepickerSize, ClxDatepickerStatus, ClxDrawerButtonOptions, ClxDrawerConfig, ClxDrawerRef, ClxDrawerSize, ClxEditorSize, ClxEditorTool, ClxEditorToolbarGroup, ClxFilterChangeEvent, ClxFilterField, ClxFilterFieldType, ClxFilterOption, ClxFilterValue, ClxFilterValues, ClxInputSize, ClxInputStatus, ClxInputType, ClxListItem, ClxListSize, ClxListVariant, ClxModalButtonOptions, ClxModalConfig, ClxModalRef, ClxModalSize, ClxNumberSize, ClxNumberVariant, ClxPageChangeEvent, ClxPageSizeChangeEvent, ClxPaginationSize, ClxProduct, ClxProductDescription, ClxProductDetailData, ClxProductLayout, ClxProductSize, ClxProductSpec, ClxProfileMenuItem, ClxProgressBarSize, ClxProgressBarVariant, ClxRadioVariant, ClxReview, ClxRippleItem, ClxSelectOption, ClxSelectSize, ClxShade, ClxShape, ClxSize, ClxSkeletonVariant, ClxSliderSize, ClxSpecOption, ClxSpecType, ClxSpinnerColor, ClxSpinnerVariant, ClxStatMetric, ClxStepperOrientation, ClxStepperSize, ClxStepperStatus, ClxStepperStep, ClxTabItem, ClxTableColumn, ClxTablePageEvent, ClxTableSelectionEvent, ClxTableSort, ClxTableSortEvent, ClxTagShape, ClxTagSize, ClxTagVariant, ClxTextareaResize, ClxTextareaSize, ClxTextareaStatus, ClxThemeConfig, ClxThemeMode, ClxTimelineLineStyle, ClxTimelineMode, ClxTimelineSize, ClxTimepickerSize, ClxTimepickerStatus, ClxToastAction, ClxToastEntry, ClxToastOptions, ClxToastPosition, ClxToastType, ClxTooltipPosition, ClxTooltipSize, ClxTreeExpandEvent, ClxTreeNode, ClxTreeSelectEvent, ClxTreeSize, ClxTreeVariant, ClxTrendDirection, ClxUploadError, ClxUploadSize, ClxVariation, ClxWishlistItem, ClxWishlistPageChangeEvent, ClxWizardColor, ClxWizardOrientation, ClxWizardStepStatus, SparkPoint };