angular-tailwind-components 1.4.0 → 1.5.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,6 +1,6 @@
1
1
  {
2
2
  "name": "angular-tailwind-components",
3
- "version": "1.4.0",
3
+ "version": "1.5.0",
4
4
  "files": [
5
5
  "fesm2022",
6
6
  "types",
@@ -1,4 +1,4 @@
1
- @import "tailwindcss";
1
+ @import 'tailwindcss';
2
2
 
3
3
  /*
4
4
  * Tailwind v4 @source:
@@ -9,82 +9,110 @@
9
9
  @source "../**/*.html";
10
10
  @source "../**/*.ts";
11
11
 
12
+ /*
13
+ * `defineTheme({ colors: { primary: 'indigo', … } })` points semantic tokens at `var(--color-<palette>-*)`.
14
+ * Tailwind only emits `--color-<palette>-*` for palettes referenced in scanned content unless we safelist
15
+ * them here (see https://tailwindcss.com/docs/detecting-classes-in-source-files#safelisting-specific-utilities).
16
+ */
17
+ @source inline("bg-slate-{50,{100..900..100},950}");
18
+ @source inline("bg-gray-{50,{100..900..100},950}");
19
+ @source inline("bg-zinc-{50,{100..900..100},950}");
20
+ @source inline("bg-neutral-{50,{100..900..100},950}");
21
+ @source inline("bg-stone-{50,{100..900..100},950}");
22
+ @source inline("bg-red-{50,{100..900..100},950}");
23
+ @source inline("bg-orange-{50,{100..900..100},950}");
24
+ @source inline("bg-amber-{50,{100..900..100},950}");
25
+ @source inline("bg-yellow-{50,{100..900..100},950}");
26
+ @source inline("bg-lime-{50,{100..900..100},950}");
27
+ @source inline("bg-green-{50,{100..900..100},950}");
28
+ @source inline("bg-emerald-{50,{100..900..100},950}");
29
+ @source inline("bg-teal-{50,{100..900..100},950}");
30
+ @source inline("bg-cyan-{50,{100..900..100},950}");
31
+ @source inline("bg-sky-{50,{100..900..100},950}");
32
+ @source inline("bg-blue-{50,{100..900..100},950}");
33
+ @source inline("bg-indigo-{50,{100..900..100},950}");
34
+ @source inline("bg-violet-{50,{100..900..100},950}");
35
+ @source inline("bg-purple-{50,{100..900..100},950}");
36
+ @source inline("bg-fuchsia-{50,{100..900..100},950}");
37
+ @source inline("bg-pink-{50,{100..900..100},950}");
38
+ @source inline("bg-rose-{50,{100..900..100},950}");
39
+
12
40
  /*
13
41
  * Angular Tailwind Components — Design System
14
42
  * Customizable theme tokens via Tailwind v4 @theme directive
15
43
  */
16
44
 
17
45
  @theme {
18
- /* ===== Colors — Primary ===== */
19
- --color-primary-50: oklch(0.97 0.01 250);
20
- --color-primary-100: oklch(0.94 0.03 250);
21
- --color-primary-200: oklch(0.88 0.06 250);
22
- --color-primary-300: oklch(0.79 0.10 250);
23
- --color-primary-400: oklch(0.68 0.15 250);
24
- --color-primary-500: oklch(0.55 0.20 250);
25
- --color-primary-600: oklch(0.48 0.22 250);
26
- --color-primary-700: oklch(0.40 0.19 250);
27
- --color-primary-800: oklch(0.34 0.15 250);
28
- --color-primary-900: oklch(0.28 0.12 250);
29
- --color-primary-950: oklch(0.20 0.08 250);
46
+ /* ===== Colors — Primary (default: Tailwind blue scale) ===== */
47
+ --color-primary-50: var(--color-blue-50);
48
+ --color-primary-100: var(--color-blue-100);
49
+ --color-primary-200: var(--color-blue-200);
50
+ --color-primary-300: var(--color-blue-300);
51
+ --color-primary-400: var(--color-blue-400);
52
+ --color-primary-500: var(--color-blue-500);
53
+ --color-primary-600: var(--color-blue-600);
54
+ --color-primary-700: var(--color-blue-700);
55
+ --color-primary-800: var(--color-blue-800);
56
+ --color-primary-900: var(--color-blue-900);
57
+ --color-primary-950: var(--color-blue-950);
30
58
 
31
- /* ===== Colors — Neutral / Surface ===== */
32
- --color-surface-50: oklch(0.985 0.002 250);
33
- --color-surface-100: oklch(0.97 0.004 250);
34
- --color-surface-200: oklch(0.93 0.006 250);
35
- --color-surface-300: oklch(0.87 0.008 250);
36
- --color-surface-400: oklch(0.71 0.01 250);
37
- --color-surface-500: oklch(0.55 0.014 250);
38
- --color-surface-600: oklch(0.45 0.012 250);
39
- --color-surface-700: oklch(0.37 0.01 250);
40
- --color-surface-800: oklch(0.27 0.008 250);
41
- --color-surface-900: oklch(0.21 0.006 250);
42
- --color-surface-950: oklch(0.13 0.004 250);
59
+ /* ===== Colors — Neutral / neutral (default: Tailwind slate) ===== */
60
+ --color-neutral-50: var(--color-slate-50);
61
+ --color-neutral-100: var(--color-slate-100);
62
+ --color-neutral-200: var(--color-slate-200);
63
+ --color-neutral-300: var(--color-slate-300);
64
+ --color-neutral-400: var(--color-slate-400);
65
+ --color-neutral-500: var(--color-slate-500);
66
+ --color-neutral-600: var(--color-slate-600);
67
+ --color-neutral-700: var(--color-slate-700);
68
+ --color-neutral-800: var(--color-slate-800);
69
+ --color-neutral-900: var(--color-slate-900);
70
+ --color-neutral-950: var(--color-slate-950);
43
71
 
44
- /* ===== Colors — Semantic ===== */
45
- --color-success-50: oklch(0.97 0.02 155);
46
- --color-success-100: oklch(0.93 0.04 155);
47
- --color-success-200: oklch(0.86 0.08 155);
48
- --color-success-300: oklch(0.77 0.14 155);
49
- --color-success-400: oklch(0.66 0.18 155);
50
- --color-success-500: oklch(0.55 0.20 155);
51
- --color-success-600: oklch(0.47 0.18 155);
52
- --color-success-700: oklch(0.40 0.15 155);
53
- --color-success-800: oklch(0.34 0.12 155);
54
- --color-success-900: oklch(0.28 0.09 155);
72
+ /* ===== Colors — Semantic (Tailwind default palettes) ===== */
73
+ --color-success-50: var(--color-green-50);
74
+ --color-success-100: var(--color-green-100);
75
+ --color-success-200: var(--color-green-200);
76
+ --color-success-300: var(--color-green-300);
77
+ --color-success-400: var(--color-green-400);
78
+ --color-success-500: var(--color-green-500);
79
+ --color-success-600: var(--color-green-600);
80
+ --color-success-700: var(--color-green-700);
81
+ --color-success-800: var(--color-green-800);
82
+ --color-success-900: var(--color-green-900);
55
83
 
56
- --color-warning-50: oklch(0.98 0.02 85);
57
- --color-warning-100: oklch(0.95 0.05 85);
58
- --color-warning-200: oklch(0.90 0.10 85);
59
- --color-warning-300: oklch(0.83 0.15 85);
60
- --color-warning-400: oklch(0.78 0.18 85);
61
- --color-warning-500: oklch(0.72 0.19 85);
62
- --color-warning-600: oklch(0.62 0.17 85);
63
- --color-warning-700: oklch(0.52 0.14 85);
64
- --color-warning-800: oklch(0.44 0.11 85);
65
- --color-warning-900: oklch(0.37 0.08 85);
84
+ --color-warning-50: var(--color-amber-50);
85
+ --color-warning-100: var(--color-amber-100);
86
+ --color-warning-200: var(--color-amber-200);
87
+ --color-warning-300: var(--color-amber-300);
88
+ --color-warning-400: var(--color-amber-400);
89
+ --color-warning-500: var(--color-amber-500);
90
+ --color-warning-600: var(--color-amber-600);
91
+ --color-warning-700: var(--color-amber-700);
92
+ --color-warning-800: var(--color-amber-800);
93
+ --color-warning-900: var(--color-amber-900);
66
94
 
67
- --color-danger-50: oklch(0.97 0.02 25);
68
- --color-danger-100: oklch(0.94 0.04 25);
69
- --color-danger-200: oklch(0.88 0.08 25);
70
- --color-danger-300: oklch(0.79 0.14 25);
71
- --color-danger-400: oklch(0.68 0.18 25);
72
- --color-danger-500: oklch(0.55 0.22 25);
73
- --color-danger-600: oklch(0.48 0.20 25);
74
- --color-danger-700: oklch(0.40 0.17 25);
75
- --color-danger-800: oklch(0.34 0.13 25);
76
- --color-danger-900: oklch(0.28 0.10 25);
95
+ --color-danger-50: var(--color-red-50);
96
+ --color-danger-100: var(--color-red-100);
97
+ --color-danger-200: var(--color-red-200);
98
+ --color-danger-300: var(--color-red-300);
99
+ --color-danger-400: var(--color-red-400);
100
+ --color-danger-500: var(--color-red-500);
101
+ --color-danger-600: var(--color-red-600);
102
+ --color-danger-700: var(--color-red-700);
103
+ --color-danger-800: var(--color-red-800);
104
+ --color-danger-900: var(--color-red-900);
77
105
 
78
- --color-info-50: oklch(0.97 0.02 220);
79
- --color-info-100: oklch(0.94 0.04 220);
80
- --color-info-200: oklch(0.88 0.08 220);
81
- --color-info-300: oklch(0.79 0.14 220);
82
- --color-info-400: oklch(0.68 0.18 220);
83
- --color-info-500: oklch(0.55 0.20 220);
84
- --color-info-600: oklch(0.48 0.18 220);
85
- --color-info-700: oklch(0.40 0.15 220);
86
- --color-info-800: oklch(0.34 0.12 220);
87
- --color-info-900: oklch(0.28 0.09 220);
106
+ --color-info-50: var(--color-sky-50);
107
+ --color-info-100: var(--color-sky-100);
108
+ --color-info-200: var(--color-sky-200);
109
+ --color-info-300: var(--color-sky-300);
110
+ --color-info-400: var(--color-sky-400);
111
+ --color-info-500: var(--color-sky-500);
112
+ --color-info-600: var(--color-sky-600);
113
+ --color-info-700: var(--color-sky-700);
114
+ --color-info-800: var(--color-sky-800);
115
+ --color-info-900: var(--color-sky-900);
88
116
 
89
117
  /* ===== Typography ===== */
90
118
  --font-sans: 'Inter', ui-sans-serif, system-ui, -apple-system, sans-serif;
@@ -114,7 +142,7 @@
114
142
  --shadow-md: 0 4px 6px -1px oklch(0 0 0 / 0.07), 0 2px 4px -2px oklch(0 0 0 / 0.07);
115
143
  --shadow-lg: 0 10px 15px -3px oklch(0 0 0 / 0.08), 0 4px 6px -4px oklch(0 0 0 / 0.08);
116
144
  --shadow-xl: 0 20px 25px -5px oklch(0 0 0 / 0.08), 0 8px 10px -6px oklch(0 0 0 / 0.08);
117
- --shadow-2xl: 0 25px 50px -12px oklch(0 0 0 / 0.20);
145
+ --shadow-2xl: 0 25px 50px -12px oklch(0 0 0 / 0.2);
118
146
 
119
147
  /* ===== Transitions ===== */
120
148
  --transition-timing-default: cubic-bezier(0.4, 0, 0.2, 1);
@@ -152,7 +152,7 @@ declare class TailwindInput extends TailwindComponent implements ControlValueAcc
152
152
  /** Placeholder text */
153
153
  readonly placeholder: _angular_core.InputSignal<string>;
154
154
  /** Input type */
155
- readonly type: _angular_core.InputSignal<"number" | "text" | "search" | "password" | "email" | "tel" | "url">;
155
+ readonly type: _angular_core.InputSignal<"number" | "search" | "text" | "password" | "email" | "tel" | "url">;
156
156
  /** Size variant */
157
157
  readonly size: _angular_core.InputSignal<TailwindSize>;
158
158
  /** Whether the input is readonly */
@@ -496,7 +496,7 @@ declare class TailwindToggle extends TailwindComponent implements ControlValueAc
496
496
 
497
497
  declare class TailwindBadge extends TailwindComponent {
498
498
  /** Color variant */
499
- readonly variant: _angular_core.InputSignal<"primary" | TailwindSeverity | "neutral">;
499
+ readonly variant: _angular_core.InputSignal<"primary" | "neutral" | TailwindSeverity>;
500
500
  /** Size variant */
501
501
  readonly size: _angular_core.InputSignal<TailwindSize>;
502
502
  /** Show a dot indicator */
@@ -784,7 +784,7 @@ declare class TailwindPagination extends TailwindComponent {
784
784
  }
785
785
 
786
786
  declare class TailwindTag extends TailwindComponent {
787
- readonly variant: _angular_core.InputSignal<"primary" | TailwindSeverity | "neutral">;
787
+ readonly variant: _angular_core.InputSignal<"primary" | "neutral" | TailwindSeverity>;
788
788
  readonly computedClasses: _angular_core.Signal<string>;
789
789
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailwindTag, never>;
790
790
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<TailwindTag, "tailwind-tag", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
@@ -1115,7 +1115,7 @@ declare class TailwindToolbar extends TailwindComponent {
1115
1115
  /** Emitted when a non-disabled, non-divider menu entry is activated. */
1116
1116
  readonly onMenuSelect: _angular_core.OutputEmitterRef<TailwindMenuItem>;
1117
1117
  readonly menuContainerClasses: _angular_core.Signal<"min-w-0 flex-1 flex flex-row flex-wrap items-center gap-1" | "min-w-0 flex-1 flex flex-col gap-1.5 overflow-y-auto min-h-0">;
1118
- readonly menuItemButtonClasses: _angular_core.Signal<"inline-flex shrink-0 items-center justify-center gap-1.5 rounded-md px-3 py-1.5 text-sm font-medium text-surface-700 hover:bg-surface-100 hover:text-surface-900 disabled:opacity-50 disabled:cursor-not-allowed transition-colors cursor-pointer border-0 bg-transparent" | "inline-flex w-full items-center gap-2 rounded-md px-3 py-3 text-left text-sm font-medium text-surface-700 hover:bg-surface-100 hover:text-surface-900 disabled:opacity-50 disabled:cursor-not-allowed transition-colors cursor-pointer border-0 bg-transparent">;
1118
+ readonly menuItemButtonClasses: _angular_core.Signal<"inline-flex shrink-0 items-center justify-center gap-1.5 rounded-md px-3 py-1.5 text-sm font-medium text-neutral-700 hover:bg-neutral-100 hover:text-neutral-900 disabled:opacity-50 disabled:cursor-not-allowed transition-colors cursor-pointer border-0 bg-transparent" | "inline-flex w-full items-center gap-2 rounded-md px-3 py-3 text-left text-sm font-medium text-neutral-700 hover:bg-neutral-100 hover:text-neutral-900 disabled:opacity-50 disabled:cursor-not-allowed transition-colors cursor-pointer border-0 bg-transparent">;
1119
1119
  readonly rootClasses: _angular_core.Signal<string>;
1120
1120
  selectMenuItem(item: TailwindMenuItem): void;
1121
1121
  /** True when `label` is a non-empty string after trim (icon-only entries omit or blank `label`). */
@@ -1262,9 +1262,23 @@ declare const TAILWIND_COMPONENTS_SIZE: InjectionToken<TailwindSize>;
1262
1262
  */
1263
1263
  declare const TAILWIND_PAGINATION_SUMMARY: InjectionToken<string>;
1264
1264
 
1265
+ /** Semantic color groups used by library components (maps to `--color-<name>-<shade>`). */
1266
+ type TailwindThemeSemantic = 'primary' | 'neutral' | 'success' | 'warning' | 'danger' | 'info';
1267
+ /** Shade keys aligned with Tailwind default scales and this library’s `@theme` tokens. */
1268
+ type TailwindThemeColorShade = '50' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900' | '950';
1269
+ /**
1270
+ * Values for each `colors` entry in {@link TailwindDefineThemeConfig} (exported type name).
1271
+ *
1272
+ * - **String:** Tailwind palette family name (lowercase), e.g. `'indigo'` for utilities like `bg-indigo-600`.
1273
+ * See the [Tailwind color reference](https://tailwindcss.com/docs/colors) for all built-in names and previews.
1274
+ * Each semantic shade is mapped to `var(--color-<name>-<shade>)`.
1275
+ * - **Object:** `Partial<Record<shade, string>>` with explicit CSS colors per shade (`'50'` … `'950'`).
1276
+ */
1277
+ type TailwindThemeSeverityColor = string | Partial<Record<TailwindThemeColorShade, string>>;
1278
+
1265
1279
  /**
1266
1280
  * Optional app-wide values for library `InjectionToken`s.
1267
- * Pass only the keys you need; {@link provideTailwindComponents} registers matching `Provider`s.
1281
+ * Pass only the keys you need; {@link defineTheme} registers matching `Provider`s.
1268
1282
  */
1269
1283
  interface TailwindComponentsConfig {
1270
1284
  /** Maps to {@link TAILWIND_ICON_SIZE} (default icon pixel size when omitted). */
@@ -1275,17 +1289,41 @@ interface TailwindComponentsConfig {
1275
1289
  componentsSize?: TailwindSize;
1276
1290
  /** Maps to {@link TAILWIND_PAGINATION_SUMMARY}. */
1277
1291
  paginationSummary?: string;
1292
+ }
1293
+ interface TailwindDefineThemeColors {
1294
+ primary?: TailwindThemeSeverityColor;
1295
+ neutral?: TailwindThemeSeverityColor;
1296
+ success?: TailwindThemeSeverityColor;
1297
+ warning?: TailwindThemeSeverityColor;
1298
+ danger?: TailwindThemeSeverityColor;
1278
1299
  /**
1279
- * Maps to {@link TAILWIND_MODAL_DATA}.
1280
- * Normally each `ModalService.open()` supplies this per dialog; use at app scope only if you need a global fallback (modal `open` still overrides in the dialog injector when data is passed).
1300
+ * Alias for {@link TailwindDefineThemeColors.danger}; writes the same `--color-danger-*` variables.
1301
+ * Ignored when `danger` is set.
1281
1302
  */
1282
- modalData?: unknown;
1303
+ error?: TailwindThemeSeverityColor;
1304
+ info?: TailwindThemeSeverityColor;
1305
+ }
1306
+ interface TailwindDefineThemeConfig extends TailwindComponentsConfig {
1307
+ /** Overrides semantic colors on `:root` at startup (browser only). */
1308
+ colors?: TailwindDefineThemeColors;
1283
1309
  }
1310
+
1284
1311
  /**
1285
- * Registers environment-scoped providers for the tokens corresponding to each set field on `config`.
1286
- * Add the result to `bootstrapApplication(..., { providers: [...] })` or `ApplicationConfig.providers` without spreading.
1312
+ * Registers environment-scoped providers for library injection tokens only (no theme `colors`).
1313
+ * Prefer {@link defineTheme}, which registers the same tokens when set plus optional CSS variables.
1314
+ *
1315
+ * @deprecated Use {@link defineTheme} with the same fields (`iconSize`, `datetimeLanguage`, etc.).
1287
1316
  */
1288
1317
  declare function provideTailwindComponents(config: TailwindComponentsConfig): EnvironmentProviders;
1318
+ /**
1319
+ * Registers environment-scoped library defaults: optional **injection tokens** from {@link TailwindComponentsConfig}
1320
+ * plus an app initializer that applies optional **`colors`** on
1321
+ * `document.documentElement` in the browser. Add as a single entry in `providers` (no spread).
1322
+ *
1323
+ * Palette **strings** (e.g. `'indigo'`) rely on `--color-indigo-*` existing in the CSS bundle; the
1324
+ * library stylesheet safelists Tailwind’s default palette names for that reason.
1325
+ */
1326
+ declare function defineTheme(config: TailwindDefineThemeConfig): EnvironmentProviders;
1289
1327
 
1290
1328
  declare class TailwindModalRef<R = any> {
1291
1329
  private _closeFn;
@@ -1298,5 +1336,5 @@ declare class TailwindModalRef<R = any> {
1298
1336
  _getResult(): R | undefined;
1299
1337
  }
1300
1338
 
1301
- export { TAILWIND_COMPONENTS_SIZE, TAILWIND_DATETIME_LANGUAGE, TAILWIND_HEROICON_NAMES, TAILWIND_ICON_SIZE, TAILWIND_MODAL_DATA, TAILWIND_PAGINATION_SUMMARY, TW_TABLE_SORT_DIR_ATTR, TW_TABLE_SORT_KEY_ATTR, TailwindAccordion, TailwindAccordionItem, TailwindAlert, TailwindBadge, TailwindBreadcrumb, TailwindButton, TailwindCard, TailwindCheckbox, TailwindDatePicker, TailwindDateTimePicker, TailwindDivider, TailwindDrawer, TailwindIcon, TailwindInput, TailwindInputOtp, TailwindMenu, TailwindMessage, TailwindMeter, TailwindModal, TailwindModalRef, TailwindModalService, TailwindNotification, TailwindPagination, TailwindProgressBar, TailwindRadioGroup, TailwindSelect, TailwindSkeleton, TailwindSlider, TailwindSortHeaderDirective, TailwindSpinner, TailwindStep, TailwindStepper, TailwindTab, TailwindTabGroup, TailwindTable, TailwindTableRowDirective, TailwindTableRowDirective as TailwindTableRowTemplateDirective, TailwindTag, TailwindTextarea, TailwindTimePicker, TailwindTitle, TailwindToast, TailwindToastService, TailwindToggle, TailwindToolbar, TailwindTooltip, TailwindTooltipDirective, TailwindUpload, provideTailwindComponents };
1302
- export type { Pagination, TailwindBreadcrumbItem, TailwindButtonKind, TailwindColor, TailwindComponentsConfig, TailwindHeroicon, TailwindIconSize, TailwindMenuItem, TailwindMeterSegment, TailwindModalConfig, TailwindOption, TailwindOptionGroup, TailwindPosition, TailwindSeverity, TailwindShape, TailwindSize, TailwindSliderValue, TailwindTableSortHost, TailwindTitleTag, TailwindToastConfig, TailwindToastItem };
1339
+ export { TAILWIND_COMPONENTS_SIZE, TAILWIND_DATETIME_LANGUAGE, TAILWIND_HEROICON_NAMES, TAILWIND_ICON_SIZE, TAILWIND_MODAL_DATA, TAILWIND_PAGINATION_SUMMARY, TW_TABLE_SORT_DIR_ATTR, TW_TABLE_SORT_KEY_ATTR, TailwindAccordion, TailwindAccordionItem, TailwindAlert, TailwindBadge, TailwindBreadcrumb, TailwindButton, TailwindCard, TailwindCheckbox, TailwindDatePicker, TailwindDateTimePicker, TailwindDivider, TailwindDrawer, TailwindIcon, TailwindInput, TailwindInputOtp, TailwindMenu, TailwindMessage, TailwindMeter, TailwindModal, TailwindModalRef, TailwindModalService, TailwindNotification, TailwindPagination, TailwindProgressBar, TailwindRadioGroup, TailwindSelect, TailwindSkeleton, TailwindSlider, TailwindSortHeaderDirective, TailwindSpinner, TailwindStep, TailwindStepper, TailwindTab, TailwindTabGroup, TailwindTable, TailwindTableRowDirective, TailwindTableRowDirective as TailwindTableRowTemplateDirective, TailwindTag, TailwindTextarea, TailwindTimePicker, TailwindTitle, TailwindToast, TailwindToastService, TailwindToggle, TailwindToolbar, TailwindTooltip, TailwindTooltipDirective, TailwindUpload, defineTheme, provideTailwindComponents };
1340
+ export type { Pagination, TailwindBreadcrumbItem, TailwindButtonKind, TailwindColor, TailwindComponentsConfig, TailwindDefineThemeColors, TailwindDefineThemeConfig, TailwindHeroicon, TailwindIconSize, TailwindMenuItem, TailwindMeterSegment, TailwindModalConfig, TailwindOption, TailwindOptionGroup, TailwindPosition, TailwindSeverity, TailwindShape, TailwindSize, TailwindSliderValue, TailwindTableSortHost, TailwindThemeColorShade, TailwindThemeSemantic, TailwindThemeSeverityColor, TailwindTitleTag, TailwindToastConfig, TailwindToastItem };