codexly-ui 0.1.24 → 0.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,13 +1,19 @@
1
1
  {
2
2
  "name": "codexly-ui",
3
- "version": "0.1.24",
3
+ "version": "0.2.0",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^21.0.0",
6
6
  "@angular/core": "^21.0.0",
7
7
  "@angular/router": "^21.0.0",
8
8
  "@angular/forms": "^21.0.0",
9
9
  "@angular/cdk": "^21.0.0",
10
- "rxjs": "^7.0.0"
10
+ "rxjs": "^7.0.0",
11
+ "chart.js": "^4.5.1"
12
+ },
13
+ "peerDependenciesMeta": {
14
+ "chart.js": {
15
+ "optional": true
16
+ }
11
17
  },
12
18
  "dependencies": {
13
19
  "tslib": "^2.3.0"
@@ -23,6 +29,10 @@
23
29
  ".": {
24
30
  "types": "./types/codexly-ui.d.ts",
25
31
  "default": "./fesm2022/codexly-ui.mjs"
32
+ },
33
+ "./charts": {
34
+ "types": "./types/codexly-ui-charts.d.ts",
35
+ "default": "./fesm2022/codexly-ui-charts.mjs"
26
36
  }
27
37
  },
28
38
  "module": "fesm2022/codexly-ui.mjs",
@@ -0,0 +1,36 @@
1
+ import * as node_modules_chart_js_dist_types_utils from 'node_modules/chart.js/dist/types/utils';
2
+ import * as chart_js from 'chart.js';
3
+ import { ChartType, ChartData, ChartOptions } from 'chart.js';
4
+ import * as _angular_core from '@angular/core';
5
+ import { AfterViewInit, OnDestroy, ElementRef } from '@angular/core';
6
+
7
+ type ClxChartType = Extract<ChartType, 'line' | 'bar' | 'pie' | 'doughnut' | 'radar' | 'polarArea'>;
8
+ interface ClxChartOptions {
9
+ type: ClxChartType;
10
+ data: ChartData;
11
+ options?: ChartOptions;
12
+ height?: number | string;
13
+ loading?: boolean;
14
+ ariaLabel?: string;
15
+ }
16
+
17
+ declare class ClxChartComponent implements AfterViewInit, OnDestroy {
18
+ canvasRef: ElementRef<HTMLCanvasElement>;
19
+ type: _angular_core.InputSignal<ClxChartType>;
20
+ data: _angular_core.InputSignal<ChartData<keyof chart_js.ChartTypeRegistry, (number | [number, number] | chart_js.Point | chart_js.BubbleDataPoint | null)[], unknown>>;
21
+ options: _angular_core.InputSignal<node_modules_chart_js_dist_types_utils._DeepPartialObject<chart_js.CoreChartOptions<keyof chart_js.ChartTypeRegistry> & chart_js.ElementChartOptions<keyof chart_js.ChartTypeRegistry> & chart_js.PluginChartOptions<keyof chart_js.ChartTypeRegistry> & chart_js.DatasetChartOptions<keyof chart_js.ChartTypeRegistry> & chart_js.ScaleChartOptions<keyof chart_js.ChartTypeRegistry>>>;
22
+ height: _angular_core.InputSignal<string | number>;
23
+ ariaLabel: _angular_core.InputSignal<string | undefined>;
24
+ loading: _angular_core.InputSignal<boolean>;
25
+ private _chart?;
26
+ private _injector;
27
+ _hostHeight: _angular_core.Signal<string | number>;
28
+ ngAfterViewInit(): void;
29
+ private _createChart;
30
+ ngOnDestroy(): void;
31
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<ClxChartComponent, never>;
32
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<ClxChartComponent, "clx-chart", never, { "type": { "alias": "type"; "required": true; "isSignal": true; }; "data": { "alias": "data"; "required": true; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
33
+ }
34
+
35
+ export { ClxChartComponent };
36
+ export type { ClxChartOptions, ClxChartType };
@@ -1,10 +1,7 @@
1
1
  import * as _angular_core from '@angular/core';
2
- import { TemplateRef, AfterContentInit, OnDestroy, OnInit, QueryList, Signal, AfterViewInit, ElementRef, InjectionToken, Provider, OnChanges, SimpleChanges } from '@angular/core';
2
+ import { TemplateRef, AfterContentInit, OnDestroy, OnInit, QueryList, Signal, ElementRef, AfterViewInit, InjectionToken, Provider, OnChanges, SimpleChanges } from '@angular/core';
3
3
  import * as codexly_ui from 'codexly-ui';
4
4
  import { FormControl, ControlValueAccessor, FormGroup } from '@angular/forms';
5
- import * as node_modules_chart_js_dist_types_utils from 'node_modules/chart.js/dist/types/utils';
6
- import * as chart_js from 'chart.js';
7
- import { ChartType, ChartData, ChartOptions } from 'chart.js';
8
5
  import * as _angular_cdk_overlay from '@angular/cdk/overlay';
9
6
  import { ConnectedPosition } from '@angular/cdk/overlay';
10
7
  import { Observable } from 'rxjs';
@@ -106,7 +103,7 @@ declare class ClxStatCardComponent {
106
103
  readonly metric: _angular_core.InputSignal<ClxStatMetric>;
107
104
  readonly chartData: _angular_core.InputSignal<number[]>;
108
105
  readonly color: _angular_core.InputSignal<ClxColorInput>;
109
- readonly layout: _angular_core.InputSignal<"vertical" | "horizontal" | "bar">;
106
+ readonly layout: _angular_core.InputSignal<"horizontal" | "vertical" | "bar">;
110
107
  protected readonly _hostClass: _angular_core.Signal<string>;
111
108
  protected readonly _barHeights: _angular_core.Signal<number[]>;
112
109
  protected readonly _iconBg: _angular_core.Signal<string>;
@@ -116,7 +113,7 @@ declare class ClxStatCardComponent {
116
113
  protected readonly _gradId: _angular_core.Signal<string>;
117
114
  protected readonly _trendColor: _angular_core.Signal<"red" | "green" | "slate">;
118
115
  protected readonly _trendArrowIcon: _angular_core.Signal<"arrow_upward" | "arrow_downward" | "remove">;
119
- protected readonly _trendTextClass: _angular_core.Signal<"text-red-500" | "text-green-500" | "text-slate-400">;
116
+ protected readonly _trendTextClass: _angular_core.Signal<"text-green-500" | "text-red-500" | "text-slate-400">;
120
117
  protected readonly _trendIcon: _angular_core.Signal<"remove" | "arrow_outward" | "south_east">;
121
118
  protected readonly _formattedValue: _angular_core.Signal<string>;
122
119
  protected readonly _points: _angular_core.Signal<SparkPoint[]>;
@@ -382,7 +379,7 @@ declare class ClxTreeComponent {
382
379
  icon: "xs" | "sm" | "md";
383
380
  indent: string;
384
381
  }>;
385
- protected readonly _indentPx: _angular_core.Signal<16 | 24 | 20>;
382
+ protected readonly _indentPx: _angular_core.Signal<16 | 20 | 24>;
386
383
  protected readonly _rootClass: _angular_core.Signal<string>;
387
384
  protected _isExpanded(id: string | number): boolean;
388
385
  protected _isSelected(id: string | number): boolean;
@@ -904,7 +901,7 @@ declare class ClxButtonGroupComponent {
904
901
  readonly label: _angular_core.InputSignal<string>;
905
902
  readonly shape: _angular_core.InputSignal<ClxButtonGroupShape>;
906
903
  readonly attached: _angular_core.InputSignal<boolean>;
907
- readonly orientation: _angular_core.InputSignal<"vertical" | "horizontal">;
904
+ readonly orientation: _angular_core.InputSignal<"horizontal" | "vertical">;
908
905
  protected readonly _groupClass: _angular_core.Signal<string>;
909
906
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<ClxButtonGroupComponent, never>;
910
907
  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>;
@@ -1003,11 +1000,11 @@ declare class ClxBadgeComponent {
1003
1000
  private readonly _themeSvc;
1004
1001
  readonly variant: _angular_core.InputSignal<ClxBadgeVariant>;
1005
1002
  readonly color: _angular_core.InputSignal<ClxColorInput | undefined>;
1006
- readonly size: _angular_core.InputSignal<"sm" | "md" | "xs" | undefined>;
1003
+ readonly size: _angular_core.InputSignal<"xs" | "sm" | "md" | undefined>;
1007
1004
  readonly shape: _angular_core.InputSignal<ClxShape | undefined>;
1008
1005
  readonly positioned: _angular_core.InputSignal<boolean>;
1009
1006
  protected readonly _color: _angular_core.Signal<ClxColorInput>;
1010
- protected readonly _size: _angular_core.Signal<"sm" | "md" | "xs">;
1007
+ protected readonly _size: _angular_core.Signal<"xs" | "sm" | "md">;
1011
1008
  protected readonly _shape: _angular_core.Signal<ClxShape>;
1012
1009
  protected readonly _hostClass: _angular_core.Signal<string>;
1013
1010
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<ClxBadgeComponent, never>;
@@ -1018,10 +1015,10 @@ declare class ClxButtonComponent {
1018
1015
  private readonly _themeSvc;
1019
1016
  readonly variant: _angular_core.InputSignal<ClxButtonVariant>;
1020
1017
  readonly color: _angular_core.InputSignal<ClxColorInput | undefined>;
1021
- readonly size: _angular_core.InputSignal<"sm" | "md" | "lg" | "xxs" | "xs" | undefined>;
1018
+ readonly size: _angular_core.InputSignal<"xxs" | "xs" | "sm" | "md" | "lg" | undefined>;
1022
1019
  readonly shape: _angular_core.InputSignal<ClxShape | undefined>;
1023
1020
  protected readonly _color: _angular_core.Signal<ClxColorInput>;
1024
- protected readonly _size: _angular_core.Signal<"sm" | "md" | "lg" | "xxs" | "xs">;
1021
+ protected readonly _size: _angular_core.Signal<"xxs" | "xs" | "sm" | "md" | "lg">;
1025
1022
  protected readonly _shape: _angular_core.Signal<ClxShape>;
1026
1023
  readonly loading: _angular_core.InputSignal<boolean>;
1027
1024
  readonly disabled: _angular_core.InputSignal<boolean>;
@@ -1192,34 +1189,6 @@ declare class ClxTimelineItemComponent {
1192
1189
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<ClxTimelineItemComponent, "clx-timeline-item", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": true; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "time": { "alias": "time"; "required": false; "isSignal": true; }; "last": { "alias": "last"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
1193
1190
  }
1194
1191
 
1195
- type ClxChartType = Extract<ChartType, 'line' | 'bar' | 'pie' | 'doughnut' | 'radar' | 'polarArea'>;
1196
- interface ClxChartOptions {
1197
- type: ClxChartType;
1198
- data: ChartData;
1199
- options?: ChartOptions;
1200
- height?: number | string;
1201
- loading?: boolean;
1202
- ariaLabel?: string;
1203
- }
1204
-
1205
- declare class ClxChartComponent implements AfterViewInit, OnDestroy {
1206
- canvasRef: ElementRef<HTMLCanvasElement>;
1207
- type: _angular_core.InputSignal<ClxChartType>;
1208
- data: _angular_core.InputSignal<ChartData<keyof chart_js.ChartTypeRegistry, (number | chart_js.Point | [number, number] | chart_js.BubbleDataPoint | null)[], unknown>>;
1209
- options: _angular_core.InputSignal<node_modules_chart_js_dist_types_utils._DeepPartialObject<chart_js.CoreChartOptions<keyof chart_js.ChartTypeRegistry> & chart_js.ElementChartOptions<keyof chart_js.ChartTypeRegistry> & chart_js.PluginChartOptions<keyof chart_js.ChartTypeRegistry> & chart_js.DatasetChartOptions<keyof chart_js.ChartTypeRegistry> & chart_js.ScaleChartOptions<keyof chart_js.ChartTypeRegistry>>>;
1210
- height: _angular_core.InputSignal<string | number>;
1211
- ariaLabel: _angular_core.InputSignal<string | undefined>;
1212
- loading: _angular_core.InputSignal<boolean>;
1213
- private _chart?;
1214
- private _injector;
1215
- _hostHeight: _angular_core.Signal<string | number>;
1216
- ngAfterViewInit(): void;
1217
- private _createChart;
1218
- ngOnDestroy(): void;
1219
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<ClxChartComponent, never>;
1220
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<ClxChartComponent, "clx-chart", never, { "type": { "alias": "type"; "required": true; "isSignal": true; }; "data": { "alias": "data"; "required": true; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
1221
- }
1222
-
1223
1192
  type ClxCheckboxVariant = 'solid' | 'outline';
1224
1193
 
1225
1194
  declare class ClxCheckboxComponent implements ControlValueAccessor {
@@ -1658,7 +1627,7 @@ declare class ClxEditorComponent implements AfterViewInit, OnDestroy, ControlVal
1658
1627
  protected readonly _color: _angular_core.Signal<ClxColorInput>;
1659
1628
  readonly size: _angular_core.InputSignal<ClxEditorSize | undefined>;
1660
1629
  protected readonly _editorSize: _angular_core.Signal<ClxEditorSize>;
1661
- readonly status: _angular_core.InputSignal<"default" | "error" | "success">;
1630
+ readonly status: _angular_core.InputSignal<"error" | "default" | "success">;
1662
1631
  readonly statusMessage: _angular_core.InputSignal<string>;
1663
1632
  readonly hint: _angular_core.InputSignal<string>;
1664
1633
  readonly disabled: _angular_core.InputSignal<boolean>;
@@ -1877,7 +1846,7 @@ declare class ClxRadioGroupComponent implements ControlValueAccessor {
1877
1846
  readonly resolvedColor: _angular_core.Signal<ClxColorInput>;
1878
1847
  readonly variant: _angular_core.InputSignal<ClxRadioVariant>;
1879
1848
  readonly size: _angular_core.InputSignal<"sm" | "md" | "lg">;
1880
- readonly direction: _angular_core.InputSignal<"vertical" | "horizontal">;
1849
+ readonly direction: _angular_core.InputSignal<"horizontal" | "vertical">;
1881
1850
  readonly disabled: _angular_core.InputSignal<boolean>;
1882
1851
  /** Current selected value — readable by child clx-radio via injection */
1883
1852
  readonly _value: _angular_core.WritableSignal<unknown>;
@@ -2815,7 +2784,7 @@ declare class ClxAnimateDirective implements OnInit, OnChanges {
2815
2784
  readonly delay: _angular_core.InputSignalWithTransform<number, number>;
2816
2785
  readonly repeat: _angular_core.InputSignal<number | "infinite" | undefined>;
2817
2786
  readonly easing: _angular_core.InputSignal<string | undefined>;
2818
- readonly fillMode: _angular_core.InputSignal<"none" | "both" | "forwards" | "backwards" | undefined>;
2787
+ readonly fillMode: _angular_core.InputSignal<"none" | "forwards" | "backwards" | "both" | undefined>;
2819
2788
  readonly once: _angular_core.InputSignalWithTransform<boolean, boolean>;
2820
2789
  readonly threshold: _angular_core.InputSignalWithTransform<number, number>;
2821
2790
  readonly animationStart: _angular_core.OutputEmitterRef<void>;
@@ -3090,5 +3059,5 @@ declare class ClxPageEmptyComponent {
3090
3059
  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>;
3091
3060
  }
3092
3061
 
3093
- 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 };
3094
- 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 };
3062
+ 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, 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 };
3063
+ 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, 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 };