@umituz/atomic-next 1.8.0 → 1.8.2

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.
Files changed (8) hide show
  1. package/README.md +439 -44
  2. package/dist/index.d.mts +199 -523
  3. package/dist/index.d.ts +199 -523
  4. package/dist/index.js +1 -1
  5. package/dist/index.js.map +1 -1
  6. package/dist/index.mjs +1 -1
  7. package/dist/index.mjs.map +1 -1
  8. package/package.json +1 -1
package/dist/index.d.mts CHANGED
@@ -7,406 +7,84 @@ import Image from 'next/image';
7
7
  import Link from 'next/link';
8
8
  import { LucideProps, LucideIcon } from 'lucide-react';
9
9
 
10
- declare const AtomicColors: {
11
- readonly primary: "#9333EA";
12
- readonly primaryLight: "#A855F7";
13
- readonly primaryDark: "#7C3AED";
14
- readonly secondary: "#EC4899";
15
- readonly secondaryLight: "#F472B6";
16
- readonly secondaryDark: "#DB2777";
17
- readonly accent: "#F59E0B";
18
- readonly accentLight: "#FBBF24";
19
- readonly accentDark: "#D97706";
20
- readonly gray50: "#FAFAFA";
21
- readonly gray100: "#F4F4F5";
22
- readonly gray200: "#E4E4E7";
23
- readonly gray300: "#D4D4D8";
24
- readonly gray400: "#A1A1AA";
25
- readonly gray500: "#71717A";
26
- readonly gray600: "#52525B";
27
- readonly gray700: "#3F3F46";
28
- readonly gray800: "#27272A";
29
- readonly gray900: "#18181B";
30
- readonly success: "#10B981";
31
- readonly successLight: "#34D399";
32
- readonly successDark: "#059669";
33
- readonly warning: "#F59E0B";
34
- readonly warningLight: "#FBBF24";
35
- readonly warningDark: "#D97706";
36
- readonly error: "#EF4444";
37
- readonly errorLight: "#F87171";
38
- readonly errorDark: "#DC2626";
39
- readonly info: "#3B82F6";
40
- readonly infoLight: "#60A5FA";
41
- readonly infoDark: "#2563EB";
42
- readonly background: "#FFFFFF";
43
- readonly backgroundSecondary: "#F9FAFB";
44
- readonly surface: "#FFFFFF";
45
- readonly surfaceSecondary: "#F3F4F6";
46
- readonly textPrimary: "#18181B";
47
- readonly textSecondary: "#52525B";
48
- readonly textTertiary: "#A1A1AA";
49
- readonly textDisabled: "#D4D4D8";
50
- readonly textInverse: "#FFFFFF";
51
- readonly transparent: "transparent";
52
- readonly current: "currentColor";
53
- readonly black: "#000000";
54
- readonly white: "#FFFFFF";
55
- };
56
- declare const ColorUtils: {
57
- withAlpha: (color: string, alpha: number) => string;
58
- hexToRgb: (hex: string) => {
59
- r: number;
60
- g: number;
61
- b: number;
62
- } | null;
63
- hexToHsl: (hex: string) => {
64
- h: number;
65
- s: number;
66
- l: number;
67
- } | null;
68
- };
10
+ /**
11
+ * CSS Variables for Web/Next.js usage
12
+ * These are the only color exports needed for atomic-next package
13
+ */
69
14
  declare const AtomicColorsCss: {
70
- readonly '--atomic-primary': "#9333EA";
71
- readonly '--atomic-primary-light': "#A855F7";
72
- readonly '--atomic-primary-dark': "#7C3AED";
73
- readonly '--atomic-secondary': "#EC4899";
74
- readonly '--atomic-secondary-light': "#F472B6";
75
- readonly '--atomic-secondary-dark': "#DB2777";
76
- readonly '--atomic-accent': "#F59E0B";
77
- readonly '--atomic-accent-light': "#FBBF24";
78
- readonly '--atomic-accent-dark': "#D97706";
79
- readonly '--atomic-gray-50': "#FAFAFA";
80
- readonly '--atomic-gray-100': "#F4F4F5";
81
- readonly '--atomic-gray-200': "#E4E4E7";
82
- readonly '--atomic-gray-300': "#D4D4D8";
83
- readonly '--atomic-gray-400': "#A1A1AA";
84
- readonly '--atomic-gray-500': "#71717A";
85
- readonly '--atomic-gray-600': "#52525B";
86
- readonly '--atomic-gray-700': "#3F3F46";
87
- readonly '--atomic-gray-800': "#27272A";
88
- readonly '--atomic-gray-900': "#18181B";
89
- readonly '--atomic-success': "#10B981";
90
- readonly '--atomic-success-light': "#34D399";
91
- readonly '--atomic-success-dark': "#059669";
92
- readonly '--atomic-warning': "#F59E0B";
93
- readonly '--atomic-warning-light': "#FBBF24";
94
- readonly '--atomic-warning-dark': "#D97706";
95
- readonly '--atomic-error': "#EF4444";
96
- readonly '--atomic-error-light': "#F87171";
97
- readonly '--atomic-error-dark': "#DC2626";
98
- readonly '--atomic-info': "#3B82F6";
99
- readonly '--atomic-info-light': "#60A5FA";
100
- readonly '--atomic-info-dark': "#2563EB";
101
- readonly '--atomic-background': "#FFFFFF";
102
- readonly '--atomic-background-secondary': "#F9FAFB";
103
- readonly '--atomic-surface': "#FFFFFF";
104
- readonly '--atomic-surface-secondary': "#F3F4F6";
105
- readonly '--atomic-text-primary': "#18181B";
106
- readonly '--atomic-text-secondary': "#52525B";
107
- readonly '--atomic-text-tertiary': "#A1A1AA";
108
- readonly '--atomic-text-disabled': "#D4D4D8";
109
- readonly '--atomic-text-inverse': "#FFFFFF";
15
+ readonly '--atomic-primary': string;
16
+ readonly '--atomic-primary-light': string;
17
+ readonly '--atomic-primary-dark': string;
18
+ readonly '--atomic-secondary': string;
19
+ readonly '--atomic-secondary-light': string;
20
+ readonly '--atomic-secondary-dark': string;
21
+ readonly '--atomic-accent': string;
22
+ readonly '--atomic-accent-light': string;
23
+ readonly '--atomic-accent-dark': string;
24
+ readonly '--atomic-gray-50': string;
25
+ readonly '--atomic-gray-100': string;
26
+ readonly '--atomic-gray-200': string;
27
+ readonly '--atomic-gray-300': string;
28
+ readonly '--atomic-gray-400': string;
29
+ readonly '--atomic-gray-500': string;
30
+ readonly '--atomic-gray-600': string;
31
+ readonly '--atomic-gray-700': string;
32
+ readonly '--atomic-gray-800': string;
33
+ readonly '--atomic-gray-900': string;
34
+ readonly '--atomic-success': string;
35
+ readonly '--atomic-success-light': string;
36
+ readonly '--atomic-success-dark': string;
37
+ readonly '--atomic-warning': string;
38
+ readonly '--atomic-warning-light': string;
39
+ readonly '--atomic-warning-dark': string;
40
+ readonly '--atomic-error': string;
41
+ readonly '--atomic-error-light': string;
42
+ readonly '--atomic-error-dark': string;
43
+ readonly '--atomic-info': string;
44
+ readonly '--atomic-info-light': string;
45
+ readonly '--atomic-info-dark': string;
46
+ readonly '--atomic-background': string;
47
+ readonly '--atomic-background-secondary': string;
48
+ readonly '--atomic-surface': string;
49
+ readonly '--atomic-surface-secondary': string;
50
+ readonly '--atomic-text-primary': string;
51
+ readonly '--atomic-text-secondary': string;
52
+ readonly '--atomic-text-tertiary': string;
53
+ readonly '--atomic-text-disabled': string;
54
+ readonly '--atomic-text-inverse': string;
110
55
  };
111
- type AtomicColor = keyof typeof AtomicColors;
112
- type AtomicColorValue = typeof AtomicColors[AtomicColor];
113
56
 
114
- declare const AtomicSpacing: {
115
- readonly unit: 8;
116
- readonly xxs: 4;
117
- readonly xs: 8;
118
- readonly sm: 12;
119
- readonly md: 16;
120
- readonly lg: 24;
121
- readonly xl: 32;
122
- readonly xxl: 40;
123
- readonly xxxl: 48;
124
- readonly huge: 64;
125
- readonly buttonPaddingX: 16;
126
- readonly buttonPaddingY: 12;
127
- readonly cardPadding: 24;
128
- readonly cardMargin: 16;
129
- readonly listItemPadding: 16;
130
- readonly listItemSpacing: 8;
131
- readonly inputPaddingX: 16;
132
- readonly inputPaddingY: 12;
133
- readonly modalPadding: 24;
134
- readonly sectionPadding: 32;
135
- };
136
- declare const SpacingUtils: {
137
- get: (name: keyof typeof AtomicSpacing) => number;
138
- rem: (name: keyof typeof AtomicSpacing) => string;
139
- px: (name: keyof typeof AtomicSpacing) => string;
140
- margin: {
141
- all: (value: keyof typeof AtomicSpacing) => {
142
- margin: string;
143
- };
144
- top: (value: keyof typeof AtomicSpacing) => {
145
- marginTop: string;
146
- };
147
- right: (value: keyof typeof AtomicSpacing) => {
148
- marginRight: string;
149
- };
150
- bottom: (value: keyof typeof AtomicSpacing) => {
151
- marginBottom: string;
152
- };
153
- left: (value: keyof typeof AtomicSpacing) => {
154
- marginLeft: string;
155
- };
156
- horizontal: (value: keyof typeof AtomicSpacing) => {
157
- marginLeft: string;
158
- marginRight: string;
159
- };
160
- vertical: (value: keyof typeof AtomicSpacing) => {
161
- marginTop: string;
162
- marginBottom: string;
163
- };
164
- };
165
- padding: {
166
- all: (value: keyof typeof AtomicSpacing) => {
167
- padding: string;
168
- };
169
- top: (value: keyof typeof AtomicSpacing) => {
170
- paddingTop: string;
171
- };
172
- right: (value: keyof typeof AtomicSpacing) => {
173
- paddingRight: string;
174
- };
175
- bottom: (value: keyof typeof AtomicSpacing) => {
176
- paddingBottom: string;
177
- };
178
- left: (value: keyof typeof AtomicSpacing) => {
179
- paddingLeft: string;
180
- };
181
- horizontal: (value: keyof typeof AtomicSpacing) => {
182
- paddingLeft: string;
183
- paddingRight: string;
184
- };
185
- vertical: (value: keyof typeof AtomicSpacing) => {
186
- paddingTop: string;
187
- paddingBottom: string;
188
- };
189
- };
190
- gap: (value: keyof typeof AtomicSpacing) => {
191
- gap: string;
192
- };
193
- };
57
+ /**
58
+ * CSS Variables for Web/Next.js usage
59
+ * These are the only spacing exports needed for atomic-next package
60
+ */
194
61
  declare const AtomicSpacingCss: {
195
- readonly '--atomic-spacing-unit': "8px";
196
- readonly '--atomic-spacing-xxs': "4px";
197
- readonly '--atomic-spacing-xs': "8px";
198
- readonly '--atomic-spacing-sm': "12px";
199
- readonly '--atomic-spacing-md': "16px";
200
- readonly '--atomic-spacing-lg': "24px";
201
- readonly '--atomic-spacing-xl': "32px";
202
- readonly '--atomic-spacing-xxl': "40px";
203
- readonly '--atomic-spacing-xxxl': "48px";
204
- readonly '--atomic-spacing-huge': "64px";
205
- readonly '--atomic-button-padding-x': "16px";
206
- readonly '--atomic-button-padding-y': "12px";
207
- readonly '--atomic-card-padding': "24px";
208
- readonly '--atomic-card-margin': "16px";
209
- readonly '--atomic-list-item-padding': "16px";
210
- readonly '--atomic-list-item-spacing': "8px";
211
- readonly '--atomic-input-padding-x': "16px";
212
- readonly '--atomic-input-padding-y': "12px";
213
- readonly '--atomic-modal-padding': "24px";
214
- readonly '--atomic-section-padding': "32px";
62
+ readonly '--atomic-spacing-unit': `${number}px`;
63
+ readonly '--atomic-spacing-xxs': `${number}px`;
64
+ readonly '--atomic-spacing-xs': `${number}px`;
65
+ readonly '--atomic-spacing-sm': `${number}px`;
66
+ readonly '--atomic-spacing-md': `${number}px`;
67
+ readonly '--atomic-spacing-lg': `${number}px`;
68
+ readonly '--atomic-spacing-xl': `${number}px`;
69
+ readonly '--atomic-spacing-xxl': `${number}px`;
70
+ readonly '--atomic-spacing-xxxl': `${number}px`;
71
+ readonly '--atomic-spacing-huge': `${number}px`;
72
+ readonly '--atomic-button-padding-x': `${number}px`;
73
+ readonly '--atomic-button-padding-y': `${number}px`;
74
+ readonly '--atomic-card-padding': `${number}px`;
75
+ readonly '--atomic-card-margin': `${number}px`;
76
+ readonly '--atomic-list-item-padding': `${number}px`;
77
+ readonly '--atomic-list-item-spacing': `${number}px`;
78
+ readonly '--atomic-input-padding-x': `${number}px`;
79
+ readonly '--atomic-input-padding-y': `${number}px`;
80
+ readonly '--atomic-modal-padding': `${number}px`;
81
+ readonly '--atomic-section-padding': `${number}px`;
215
82
  };
216
- type AtomicSpacingKey = keyof typeof AtomicSpacing;
217
- type AtomicSpacingValue = typeof AtomicSpacing[AtomicSpacingKey];
218
83
 
219
- declare const AtomicTypography: {
220
- readonly fontFamily: {
221
- readonly sans: readonly ["Inter", "system-ui", "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif"];
222
- readonly serif: readonly ["Charter", "Georgia", "Cambria", "Times New Roman", "Times", "serif"];
223
- readonly mono: readonly ["JetBrains Mono", "Fira Code", "Consolas", "Monaco", "Courier New", "monospace"];
224
- };
225
- readonly fontWeight: {
226
- readonly thin: 100;
227
- readonly light: 300;
228
- readonly regular: 400;
229
- readonly medium: 500;
230
- readonly semibold: 600;
231
- readonly bold: 700;
232
- readonly extrabold: 800;
233
- readonly black: 900;
234
- };
235
- readonly fontSize: {
236
- readonly displayLarge: 57;
237
- readonly displayMedium: 45;
238
- readonly displaySmall: 36;
239
- readonly headlineLarge: 32;
240
- readonly headlineMedium: 28;
241
- readonly headlineSmall: 24;
242
- readonly titleLarge: 22;
243
- readonly titleMedium: 16;
244
- readonly titleSmall: 14;
245
- readonly bodyLarge: 16;
246
- readonly bodyMedium: 14;
247
- readonly bodySmall: 12;
248
- readonly labelLarge: 14;
249
- readonly labelMedium: 12;
250
- readonly labelSmall: 11;
251
- };
252
- readonly lineHeight: {
253
- readonly none: 1;
254
- readonly tight: 1.25;
255
- readonly snug: 1.375;
256
- readonly normal: 1.5;
257
- readonly relaxed: 1.625;
258
- readonly loose: 2;
259
- };
260
- readonly letterSpacing: {
261
- readonly tighter: "-0.05em";
262
- readonly tight: "-0.025em";
263
- readonly normal: "0em";
264
- readonly wide: "0.025em";
265
- readonly wider: "0.05em";
266
- readonly widest: "0.1em";
267
- };
268
- };
269
- declare const TypographyUtils: {
270
- style: (config: {
271
- fontSize?: keyof typeof AtomicTypography.fontSize;
272
- fontWeight?: keyof typeof AtomicTypography.fontWeight;
273
- lineHeight?: keyof typeof AtomicTypography.lineHeight;
274
- letterSpacing?: keyof typeof AtomicTypography.letterSpacing;
275
- fontFamily?: keyof typeof AtomicTypography.fontFamily;
276
- color?: string;
277
- }) => {
278
- fontSize: string | undefined;
279
- fontWeight: 100 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | undefined;
280
- lineHeight: 1 | 2 | 1.25 | 1.375 | 1.5 | 1.625 | undefined;
281
- letterSpacing: "-0.05em" | "-0.025em" | "0em" | "0.025em" | "0.05em" | "0.1em" | undefined;
282
- fontFamily: string | undefined;
283
- color: string | undefined;
284
- };
285
- rem: (size: keyof typeof AtomicTypography.fontSize) => string;
286
- px: (size: keyof typeof AtomicTypography.fontSize) => string;
287
- };
288
- declare const AtomicTextStyles: {
289
- readonly displayLarge: {
290
- fontSize: string | undefined;
291
- fontWeight: 100 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | undefined;
292
- lineHeight: 1 | 2 | 1.25 | 1.375 | 1.5 | 1.625 | undefined;
293
- letterSpacing: "-0.05em" | "-0.025em" | "0em" | "0.025em" | "0.05em" | "0.1em" | undefined;
294
- fontFamily: string | undefined;
295
- color: string | undefined;
296
- };
297
- readonly displayMedium: {
298
- fontSize: string | undefined;
299
- fontWeight: 100 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | undefined;
300
- lineHeight: 1 | 2 | 1.25 | 1.375 | 1.5 | 1.625 | undefined;
301
- letterSpacing: "-0.05em" | "-0.025em" | "0em" | "0.025em" | "0.05em" | "0.1em" | undefined;
302
- fontFamily: string | undefined;
303
- color: string | undefined;
304
- };
305
- readonly displaySmall: {
306
- fontSize: string | undefined;
307
- fontWeight: 100 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | undefined;
308
- lineHeight: 1 | 2 | 1.25 | 1.375 | 1.5 | 1.625 | undefined;
309
- letterSpacing: "-0.05em" | "-0.025em" | "0em" | "0.025em" | "0.05em" | "0.1em" | undefined;
310
- fontFamily: string | undefined;
311
- color: string | undefined;
312
- };
313
- readonly headlineLarge: {
314
- fontSize: string | undefined;
315
- fontWeight: 100 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | undefined;
316
- lineHeight: 1 | 2 | 1.25 | 1.375 | 1.5 | 1.625 | undefined;
317
- letterSpacing: "-0.05em" | "-0.025em" | "0em" | "0.025em" | "0.05em" | "0.1em" | undefined;
318
- fontFamily: string | undefined;
319
- color: string | undefined;
320
- };
321
- readonly headlineMedium: {
322
- fontSize: string | undefined;
323
- fontWeight: 100 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | undefined;
324
- lineHeight: 1 | 2 | 1.25 | 1.375 | 1.5 | 1.625 | undefined;
325
- letterSpacing: "-0.05em" | "-0.025em" | "0em" | "0.025em" | "0.05em" | "0.1em" | undefined;
326
- fontFamily: string | undefined;
327
- color: string | undefined;
328
- };
329
- readonly headlineSmall: {
330
- fontSize: string | undefined;
331
- fontWeight: 100 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | undefined;
332
- lineHeight: 1 | 2 | 1.25 | 1.375 | 1.5 | 1.625 | undefined;
333
- letterSpacing: "-0.05em" | "-0.025em" | "0em" | "0.025em" | "0.05em" | "0.1em" | undefined;
334
- fontFamily: string | undefined;
335
- color: string | undefined;
336
- };
337
- readonly titleLarge: {
338
- fontSize: string | undefined;
339
- fontWeight: 100 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | undefined;
340
- lineHeight: 1 | 2 | 1.25 | 1.375 | 1.5 | 1.625 | undefined;
341
- letterSpacing: "-0.05em" | "-0.025em" | "0em" | "0.025em" | "0.05em" | "0.1em" | undefined;
342
- fontFamily: string | undefined;
343
- color: string | undefined;
344
- };
345
- readonly titleMedium: {
346
- fontSize: string | undefined;
347
- fontWeight: 100 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | undefined;
348
- lineHeight: 1 | 2 | 1.25 | 1.375 | 1.5 | 1.625 | undefined;
349
- letterSpacing: "-0.05em" | "-0.025em" | "0em" | "0.025em" | "0.05em" | "0.1em" | undefined;
350
- fontFamily: string | undefined;
351
- color: string | undefined;
352
- };
353
- readonly titleSmall: {
354
- fontSize: string | undefined;
355
- fontWeight: 100 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | undefined;
356
- lineHeight: 1 | 2 | 1.25 | 1.375 | 1.5 | 1.625 | undefined;
357
- letterSpacing: "-0.05em" | "-0.025em" | "0em" | "0.025em" | "0.05em" | "0.1em" | undefined;
358
- fontFamily: string | undefined;
359
- color: string | undefined;
360
- };
361
- readonly bodyLarge: {
362
- fontSize: string | undefined;
363
- fontWeight: 100 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | undefined;
364
- lineHeight: 1 | 2 | 1.25 | 1.375 | 1.5 | 1.625 | undefined;
365
- letterSpacing: "-0.05em" | "-0.025em" | "0em" | "0.025em" | "0.05em" | "0.1em" | undefined;
366
- fontFamily: string | undefined;
367
- color: string | undefined;
368
- };
369
- readonly bodyMedium: {
370
- fontSize: string | undefined;
371
- fontWeight: 100 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | undefined;
372
- lineHeight: 1 | 2 | 1.25 | 1.375 | 1.5 | 1.625 | undefined;
373
- letterSpacing: "-0.05em" | "-0.025em" | "0em" | "0.025em" | "0.05em" | "0.1em" | undefined;
374
- fontFamily: string | undefined;
375
- color: string | undefined;
376
- };
377
- readonly bodySmall: {
378
- fontSize: string | undefined;
379
- fontWeight: 100 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | undefined;
380
- lineHeight: 1 | 2 | 1.25 | 1.375 | 1.5 | 1.625 | undefined;
381
- letterSpacing: "-0.05em" | "-0.025em" | "0em" | "0.025em" | "0.05em" | "0.1em" | undefined;
382
- fontFamily: string | undefined;
383
- color: string | undefined;
384
- };
385
- readonly labelLarge: {
386
- fontSize: string | undefined;
387
- fontWeight: 100 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | undefined;
388
- lineHeight: 1 | 2 | 1.25 | 1.375 | 1.5 | 1.625 | undefined;
389
- letterSpacing: "-0.05em" | "-0.025em" | "0em" | "0.025em" | "0.05em" | "0.1em" | undefined;
390
- fontFamily: string | undefined;
391
- color: string | undefined;
392
- };
393
- readonly labelMedium: {
394
- fontSize: string | undefined;
395
- fontWeight: 100 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | undefined;
396
- lineHeight: 1 | 2 | 1.25 | 1.375 | 1.5 | 1.625 | undefined;
397
- letterSpacing: "-0.05em" | "-0.025em" | "0em" | "0.025em" | "0.05em" | "0.1em" | undefined;
398
- fontFamily: string | undefined;
399
- color: string | undefined;
400
- };
401
- readonly labelSmall: {
402
- fontSize: string | undefined;
403
- fontWeight: 100 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | undefined;
404
- lineHeight: 1 | 2 | 1.25 | 1.375 | 1.5 | 1.625 | undefined;
405
- letterSpacing: "-0.05em" | "-0.025em" | "0em" | "0.025em" | "0.05em" | "0.1em" | undefined;
406
- fontFamily: string | undefined;
407
- color: string | undefined;
408
- };
409
- };
84
+ /**
85
+ * CSS Variables for Web/Next.js usage
86
+ * These are the only typography exports needed for atomic-next package
87
+ */
410
88
  declare const AtomicTypographyCss: {
411
89
  readonly '--atomic-font-sans': string;
412
90
  readonly '--atomic-font-serif': string;
@@ -419,40 +97,34 @@ declare const AtomicTypographyCss: {
419
97
  readonly '--atomic-font-bold': string;
420
98
  readonly '--atomic-font-extrabold': string;
421
99
  readonly '--atomic-font-black': string;
422
- readonly '--atomic-text-display-large': "57px";
423
- readonly '--atomic-text-display-medium': "45px";
424
- readonly '--atomic-text-display-small': "36px";
425
- readonly '--atomic-text-headline-large': "32px";
426
- readonly '--atomic-text-headline-medium': "28px";
427
- readonly '--atomic-text-headline-small': "24px";
428
- readonly '--atomic-text-title-large': "22px";
429
- readonly '--atomic-text-title-medium': "16px";
430
- readonly '--atomic-text-title-small': "14px";
431
- readonly '--atomic-text-body-large': "16px";
432
- readonly '--atomic-text-body-medium': "14px";
433
- readonly '--atomic-text-body-small': "12px";
434
- readonly '--atomic-text-label-large': "14px";
435
- readonly '--atomic-text-label-medium': "12px";
436
- readonly '--atomic-text-label-small': "11px";
100
+ readonly '--atomic-text-display-large': `${number}px`;
101
+ readonly '--atomic-text-display-medium': `${number}px`;
102
+ readonly '--atomic-text-display-small': `${number}px`;
103
+ readonly '--atomic-text-headline-large': `${number}px`;
104
+ readonly '--atomic-text-headline-medium': `${number}px`;
105
+ readonly '--atomic-text-headline-small': `${number}px`;
106
+ readonly '--atomic-text-title-large': `${number}px`;
107
+ readonly '--atomic-text-title-medium': `${number}px`;
108
+ readonly '--atomic-text-title-small': `${number}px`;
109
+ readonly '--atomic-text-body-large': `${number}px`;
110
+ readonly '--atomic-text-body-medium': `${number}px`;
111
+ readonly '--atomic-text-body-small': `${number}px`;
112
+ readonly '--atomic-text-label-large': `${number}px`;
113
+ readonly '--atomic-text-label-medium': `${number}px`;
114
+ readonly '--atomic-text-label-small': `${number}px`;
437
115
  readonly '--atomic-leading-none': string;
438
116
  readonly '--atomic-leading-tight': string;
439
117
  readonly '--atomic-leading-snug': string;
440
118
  readonly '--atomic-leading-normal': string;
441
119
  readonly '--atomic-leading-relaxed': string;
442
120
  readonly '--atomic-leading-loose': string;
443
- readonly '--atomic-tracking-tighter': "-0.05em";
444
- readonly '--atomic-tracking-tight': "-0.025em";
445
- readonly '--atomic-tracking-normal': "0em";
446
- readonly '--atomic-tracking-wide': "0.025em";
447
- readonly '--atomic-tracking-wider': "0.05em";
448
- readonly '--atomic-tracking-widest': "0.1em";
121
+ readonly '--atomic-tracking-tighter': string;
122
+ readonly '--atomic-tracking-tight': string;
123
+ readonly '--atomic-tracking-normal': string;
124
+ readonly '--atomic-tracking-wide': string;
125
+ readonly '--atomic-tracking-wider': string;
126
+ readonly '--atomic-tracking-widest': string;
449
127
  };
450
- type AtomicFontSize = keyof typeof AtomicTypography.fontSize;
451
- type AtomicFontWeight = keyof typeof AtomicTypography.fontWeight;
452
- type AtomicLineHeight = keyof typeof AtomicTypography.lineHeight;
453
- type AtomicLetterSpacing = keyof typeof AtomicTypography.letterSpacing;
454
- type AtomicFontFamily = keyof typeof AtomicTypography.fontFamily;
455
- type AtomicTextStyle = keyof typeof AtomicTextStyles;
456
128
 
457
129
  declare const AtomicShadows: {
458
130
  readonly none: "none";
@@ -558,35 +230,35 @@ declare const BorderUtils: {
558
230
  }) => string;
559
231
  radiusCorners: {
560
232
  all: (radius: keyof typeof AtomicBorders.radius) => {
561
- borderRadius: "8px" | "4px" | "12px" | "16px" | "24px" | "0px" | "2px" | "6px" | "9999px";
233
+ borderRadius: "0px" | "2px" | "4px" | "6px" | "8px" | "12px" | "16px" | "24px" | "9999px";
562
234
  };
563
235
  top: (radius: keyof typeof AtomicBorders.radius) => {
564
- borderTopLeftRadius: "8px" | "4px" | "12px" | "16px" | "24px" | "0px" | "2px" | "6px" | "9999px";
565
- borderTopRightRadius: "8px" | "4px" | "12px" | "16px" | "24px" | "0px" | "2px" | "6px" | "9999px";
236
+ borderTopLeftRadius: "0px" | "2px" | "4px" | "6px" | "8px" | "12px" | "16px" | "24px" | "9999px";
237
+ borderTopRightRadius: "0px" | "2px" | "4px" | "6px" | "8px" | "12px" | "16px" | "24px" | "9999px";
566
238
  };
567
239
  right: (radius: keyof typeof AtomicBorders.radius) => {
568
- borderTopRightRadius: "8px" | "4px" | "12px" | "16px" | "24px" | "0px" | "2px" | "6px" | "9999px";
569
- borderBottomRightRadius: "8px" | "4px" | "12px" | "16px" | "24px" | "0px" | "2px" | "6px" | "9999px";
240
+ borderTopRightRadius: "0px" | "2px" | "4px" | "6px" | "8px" | "12px" | "16px" | "24px" | "9999px";
241
+ borderBottomRightRadius: "0px" | "2px" | "4px" | "6px" | "8px" | "12px" | "16px" | "24px" | "9999px";
570
242
  };
571
243
  bottom: (radius: keyof typeof AtomicBorders.radius) => {
572
- borderBottomLeftRadius: "8px" | "4px" | "12px" | "16px" | "24px" | "0px" | "2px" | "6px" | "9999px";
573
- borderBottomRightRadius: "8px" | "4px" | "12px" | "16px" | "24px" | "0px" | "2px" | "6px" | "9999px";
244
+ borderBottomLeftRadius: "0px" | "2px" | "4px" | "6px" | "8px" | "12px" | "16px" | "24px" | "9999px";
245
+ borderBottomRightRadius: "0px" | "2px" | "4px" | "6px" | "8px" | "12px" | "16px" | "24px" | "9999px";
574
246
  };
575
247
  left: (radius: keyof typeof AtomicBorders.radius) => {
576
- borderTopLeftRadius: "8px" | "4px" | "12px" | "16px" | "24px" | "0px" | "2px" | "6px" | "9999px";
577
- borderBottomLeftRadius: "8px" | "4px" | "12px" | "16px" | "24px" | "0px" | "2px" | "6px" | "9999px";
248
+ borderTopLeftRadius: "0px" | "2px" | "4px" | "6px" | "8px" | "12px" | "16px" | "24px" | "9999px";
249
+ borderBottomLeftRadius: "0px" | "2px" | "4px" | "6px" | "8px" | "12px" | "16px" | "24px" | "9999px";
578
250
  };
579
251
  topLeft: (radius: keyof typeof AtomicBorders.radius) => {
580
- borderTopLeftRadius: "8px" | "4px" | "12px" | "16px" | "24px" | "0px" | "2px" | "6px" | "9999px";
252
+ borderTopLeftRadius: "0px" | "2px" | "4px" | "6px" | "8px" | "12px" | "16px" | "24px" | "9999px";
581
253
  };
582
254
  topRight: (radius: keyof typeof AtomicBorders.radius) => {
583
- borderTopRightRadius: "8px" | "4px" | "12px" | "16px" | "24px" | "0px" | "2px" | "6px" | "9999px";
255
+ borderTopRightRadius: "0px" | "2px" | "4px" | "6px" | "8px" | "12px" | "16px" | "24px" | "9999px";
584
256
  };
585
257
  bottomRight: (radius: keyof typeof AtomicBorders.radius) => {
586
- borderBottomRightRadius: "8px" | "4px" | "12px" | "16px" | "24px" | "0px" | "2px" | "6px" | "9999px";
258
+ borderBottomRightRadius: "0px" | "2px" | "4px" | "6px" | "8px" | "12px" | "16px" | "24px" | "9999px";
587
259
  };
588
260
  bottomLeft: (radius: keyof typeof AtomicBorders.radius) => {
589
- borderBottomLeftRadius: "8px" | "4px" | "12px" | "16px" | "24px" | "0px" | "2px" | "6px" | "9999px";
261
+ borderBottomLeftRadius: "0px" | "2px" | "4px" | "6px" | "8px" | "12px" | "16px" | "24px" | "9999px";
590
262
  };
591
263
  };
592
264
  borderSides: {
@@ -1013,99 +685,103 @@ declare const AtomicDesignTokensCss: {
1013
685
  readonly '--atomic-font-bold': string;
1014
686
  readonly '--atomic-font-extrabold': string;
1015
687
  readonly '--atomic-font-black': string;
1016
- readonly '--atomic-text-display-large': "57px";
1017
- readonly '--atomic-text-display-medium': "45px";
1018
- readonly '--atomic-text-display-small': "36px";
1019
- readonly '--atomic-text-headline-large': "32px";
1020
- readonly '--atomic-text-headline-medium': "28px";
1021
- readonly '--atomic-text-headline-small': "24px";
1022
- readonly '--atomic-text-title-large': "22px";
1023
- readonly '--atomic-text-title-medium': "16px";
1024
- readonly '--atomic-text-title-small': "14px";
1025
- readonly '--atomic-text-body-large': "16px";
1026
- readonly '--atomic-text-body-medium': "14px";
1027
- readonly '--atomic-text-body-small': "12px";
1028
- readonly '--atomic-text-label-large': "14px";
1029
- readonly '--atomic-text-label-medium': "12px";
1030
- readonly '--atomic-text-label-small': "11px";
688
+ readonly '--atomic-text-display-large': `${number}px`;
689
+ readonly '--atomic-text-display-medium': `${number}px`;
690
+ readonly '--atomic-text-display-small': `${number}px`;
691
+ readonly '--atomic-text-headline-large': `${number}px`;
692
+ readonly '--atomic-text-headline-medium': `${number}px`;
693
+ readonly '--atomic-text-headline-small': `${number}px`;
694
+ readonly '--atomic-text-title-large': `${number}px`;
695
+ readonly '--atomic-text-title-medium': `${number}px`;
696
+ readonly '--atomic-text-title-small': `${number}px`;
697
+ readonly '--atomic-text-body-large': `${number}px`;
698
+ readonly '--atomic-text-body-medium': `${number}px`;
699
+ readonly '--atomic-text-body-small': `${number}px`;
700
+ readonly '--atomic-text-label-large': `${number}px`;
701
+ readonly '--atomic-text-label-medium': `${number}px`;
702
+ readonly '--atomic-text-label-small': `${number}px`;
1031
703
  readonly '--atomic-leading-none': string;
1032
704
  readonly '--atomic-leading-tight': string;
1033
705
  readonly '--atomic-leading-snug': string;
1034
706
  readonly '--atomic-leading-normal': string;
1035
707
  readonly '--atomic-leading-relaxed': string;
1036
708
  readonly '--atomic-leading-loose': string;
1037
- readonly '--atomic-tracking-tighter': "-0.05em";
1038
- readonly '--atomic-tracking-tight': "-0.025em";
1039
- readonly '--atomic-tracking-normal': "0em";
1040
- readonly '--atomic-tracking-wide': "0.025em";
1041
- readonly '--atomic-tracking-wider': "0.05em";
1042
- readonly '--atomic-tracking-widest': "0.1em";
1043
- readonly '--atomic-spacing-unit': "8px";
1044
- readonly '--atomic-spacing-xxs': "4px";
1045
- readonly '--atomic-spacing-xs': "8px";
1046
- readonly '--atomic-spacing-sm': "12px";
1047
- readonly '--atomic-spacing-md': "16px";
1048
- readonly '--atomic-spacing-lg': "24px";
1049
- readonly '--atomic-spacing-xl': "32px";
1050
- readonly '--atomic-spacing-xxl': "40px";
1051
- readonly '--atomic-spacing-xxxl': "48px";
1052
- readonly '--atomic-spacing-huge': "64px";
1053
- readonly '--atomic-button-padding-x': "16px";
1054
- readonly '--atomic-button-padding-y': "12px";
1055
- readonly '--atomic-card-padding': "24px";
1056
- readonly '--atomic-card-margin': "16px";
1057
- readonly '--atomic-list-item-padding': "16px";
1058
- readonly '--atomic-list-item-spacing': "8px";
1059
- readonly '--atomic-input-padding-x': "16px";
1060
- readonly '--atomic-input-padding-y': "12px";
1061
- readonly '--atomic-modal-padding': "24px";
1062
- readonly '--atomic-section-padding': "32px";
1063
- readonly '--atomic-primary': "#9333EA";
1064
- readonly '--atomic-primary-light': "#A855F7";
1065
- readonly '--atomic-primary-dark': "#7C3AED";
1066
- readonly '--atomic-secondary': "#EC4899";
1067
- readonly '--atomic-secondary-light': "#F472B6";
1068
- readonly '--atomic-secondary-dark': "#DB2777";
1069
- readonly '--atomic-accent': "#F59E0B";
1070
- readonly '--atomic-accent-light': "#FBBF24";
1071
- readonly '--atomic-accent-dark': "#D97706";
1072
- readonly '--atomic-gray-50': "#FAFAFA";
1073
- readonly '--atomic-gray-100': "#F4F4F5";
1074
- readonly '--atomic-gray-200': "#E4E4E7";
1075
- readonly '--atomic-gray-300': "#D4D4D8";
1076
- readonly '--atomic-gray-400': "#A1A1AA";
1077
- readonly '--atomic-gray-500': "#71717A";
1078
- readonly '--atomic-gray-600': "#52525B";
1079
- readonly '--atomic-gray-700': "#3F3F46";
1080
- readonly '--atomic-gray-800': "#27272A";
1081
- readonly '--atomic-gray-900': "#18181B";
1082
- readonly '--atomic-success': "#10B981";
1083
- readonly '--atomic-success-light': "#34D399";
1084
- readonly '--atomic-success-dark': "#059669";
1085
- readonly '--atomic-warning': "#F59E0B";
1086
- readonly '--atomic-warning-light': "#FBBF24";
1087
- readonly '--atomic-warning-dark': "#D97706";
1088
- readonly '--atomic-error': "#EF4444";
1089
- readonly '--atomic-error-light': "#F87171";
1090
- readonly '--atomic-error-dark': "#DC2626";
1091
- readonly '--atomic-info': "#3B82F6";
1092
- readonly '--atomic-info-light': "#60A5FA";
1093
- readonly '--atomic-info-dark': "#2563EB";
1094
- readonly '--atomic-background': "#FFFFFF";
1095
- readonly '--atomic-background-secondary': "#F9FAFB";
1096
- readonly '--atomic-surface': "#FFFFFF";
1097
- readonly '--atomic-surface-secondary': "#F3F4F6";
1098
- readonly '--atomic-text-primary': "#18181B";
1099
- readonly '--atomic-text-secondary': "#52525B";
1100
- readonly '--atomic-text-tertiary': "#A1A1AA";
1101
- readonly '--atomic-text-disabled': "#D4D4D8";
1102
- readonly '--atomic-text-inverse': "#FFFFFF";
709
+ readonly '--atomic-tracking-tighter': string;
710
+ readonly '--atomic-tracking-tight': string;
711
+ readonly '--atomic-tracking-normal': string;
712
+ readonly '--atomic-tracking-wide': string;
713
+ readonly '--atomic-tracking-wider': string;
714
+ readonly '--atomic-tracking-widest': string;
715
+ readonly '--atomic-spacing-unit': `${number}px`;
716
+ readonly '--atomic-spacing-xxs': `${number}px`;
717
+ readonly '--atomic-spacing-xs': `${number}px`;
718
+ readonly '--atomic-spacing-sm': `${number}px`;
719
+ readonly '--atomic-spacing-md': `${number}px`;
720
+ readonly '--atomic-spacing-lg': `${number}px`;
721
+ readonly '--atomic-spacing-xl': `${number}px`;
722
+ readonly '--atomic-spacing-xxl': `${number}px`;
723
+ readonly '--atomic-spacing-xxxl': `${number}px`;
724
+ readonly '--atomic-spacing-huge': `${number}px`;
725
+ readonly '--atomic-button-padding-x': `${number}px`;
726
+ readonly '--atomic-button-padding-y': `${number}px`;
727
+ readonly '--atomic-card-padding': `${number}px`;
728
+ readonly '--atomic-card-margin': `${number}px`;
729
+ readonly '--atomic-list-item-padding': `${number}px`;
730
+ readonly '--atomic-list-item-spacing': `${number}px`;
731
+ readonly '--atomic-input-padding-x': `${number}px`;
732
+ readonly '--atomic-input-padding-y': `${number}px`;
733
+ readonly '--atomic-modal-padding': `${number}px`;
734
+ readonly '--atomic-section-padding': `${number}px`;
735
+ readonly '--atomic-primary': string;
736
+ readonly '--atomic-primary-light': string;
737
+ readonly '--atomic-primary-dark': string;
738
+ readonly '--atomic-secondary': string;
739
+ readonly '--atomic-secondary-light': string;
740
+ readonly '--atomic-secondary-dark': string;
741
+ readonly '--atomic-accent': string;
742
+ readonly '--atomic-accent-light': string;
743
+ readonly '--atomic-accent-dark': string;
744
+ readonly '--atomic-gray-50': string;
745
+ readonly '--atomic-gray-100': string;
746
+ readonly '--atomic-gray-200': string;
747
+ readonly '--atomic-gray-300': string;
748
+ readonly '--atomic-gray-400': string;
749
+ readonly '--atomic-gray-500': string;
750
+ readonly '--atomic-gray-600': string;
751
+ readonly '--atomic-gray-700': string;
752
+ readonly '--atomic-gray-800': string;
753
+ readonly '--atomic-gray-900': string;
754
+ readonly '--atomic-success': string;
755
+ readonly '--atomic-success-light': string;
756
+ readonly '--atomic-success-dark': string;
757
+ readonly '--atomic-warning': string;
758
+ readonly '--atomic-warning-light': string;
759
+ readonly '--atomic-warning-dark': string;
760
+ readonly '--atomic-error': string;
761
+ readonly '--atomic-error-light': string;
762
+ readonly '--atomic-error-dark': string;
763
+ readonly '--atomic-info': string;
764
+ readonly '--atomic-info-light': string;
765
+ readonly '--atomic-info-dark': string;
766
+ readonly '--atomic-background': string;
767
+ readonly '--atomic-background-secondary': string;
768
+ readonly '--atomic-surface': string;
769
+ readonly '--atomic-surface-secondary': string;
770
+ readonly '--atomic-text-primary': string;
771
+ readonly '--atomic-text-secondary': string;
772
+ readonly '--atomic-text-tertiary': string;
773
+ readonly '--atomic-text-disabled': string;
774
+ readonly '--atomic-text-inverse': string;
1103
775
  };
1104
776
 
1105
777
  declare function cn(...inputs: ClassValue[]): string;
1106
778
 
779
+ /**
780
+ * Web/Next.js button variants using class-variance-authority
781
+ * For React Native equivalent, see AtomicButton.tsx.template with StyleSheet-based variants
782
+ */
1107
783
  declare const buttonVariants: (props?: ({
1108
- variant?: "primary" | "secondary" | "outline" | "ghost" | "link" | "destructive" | "default" | "brand" | null | undefined;
784
+ variant?: "outline" | "primary" | "secondary" | "ghost" | "link" | "destructive" | "default" | "brand" | null | undefined;
1109
785
  size?: "sm" | "lg" | "default" | "icon" | null | undefined;
1110
786
  } & class_variance_authority_dist_types.ClassProp) | undefined) => string;
1111
787
  interface AtomicButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
@@ -1126,7 +802,7 @@ declare const textVariants: (props?: ({
1126
802
  variant?: "xs" | "small" | "large" | "caption" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "body" | "lead" | "muted" | "label" | null | undefined;
1127
803
  color?: "primary" | "secondary" | "success" | "warning" | "error" | "info" | "default" | "muted" | null | undefined;
1128
804
  align?: "left" | "right" | "center" | "justify" | null | undefined;
1129
- weight?: "black" | "thin" | "light" | "medium" | "semibold" | "bold" | "extrabold" | "normal" | null | undefined;
805
+ weight?: "thin" | "medium" | "normal" | "light" | "bold" | "black" | "semibold" | "extrabold" | null | undefined;
1130
806
  } & class_variance_authority_dist_types.ClassProp) | undefined) => string;
1131
807
  interface AtomicTextProps extends Omit<React$1.HTMLAttributes<HTMLElement>, 'color'>, VariantProps<typeof textVariants> {
1132
808
  /** Render as a different element */
@@ -1163,7 +839,7 @@ declare const AtomicAvatarFallback: React$1.ForwardRefExoticComponent<Omit<Avata
1163
839
  } & class_variance_authority_dist_types.ClassProp) | undefined) => string> & React$1.RefAttributes<HTMLSpanElement>>;
1164
840
 
1165
841
  declare const imageVariants: (props?: ({
1166
- rounded?: "sm" | "md" | "lg" | "xl" | "none" | "full" | null | undefined;
842
+ rounded?: "none" | "sm" | "md" | "lg" | "xl" | "full" | null | undefined;
1167
843
  aspectRatio?: "auto" | "square" | "video" | "portrait" | "landscape" | null | undefined;
1168
844
  objectFit?: "none" | "contain" | "fill" | "cover" | "scale-down" | null | undefined;
1169
845
  objectPosition?: "bottom" | "left" | "right" | "top" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | "center" | null | undefined;
@@ -1215,7 +891,7 @@ declare const AtomicInput: React$1.ForwardRefExoticComponent<AtomicInputProps &
1215
891
 
1216
892
  declare const spinnerVariants: (props?: ({
1217
893
  size?: "xs" | "sm" | "lg" | "xl" | "xxl" | "default" | null | undefined;
1218
- color?: "primary" | "secondary" | "success" | "warning" | "error" | "white" | "default" | "muted" | null | undefined;
894
+ color?: "primary" | "secondary" | "success" | "warning" | "error" | "default" | "white" | "muted" | null | undefined;
1219
895
  } & class_variance_authority_dist_types.ClassProp) | undefined) => string;
1220
896
  interface AtomicSpinnerProps extends Omit<React$1.SVGProps<SVGSVGElement>, 'color'>, VariantProps<typeof spinnerVariants> {
1221
897
  /** Loading text to display alongside spinner */
@@ -1231,7 +907,7 @@ declare const AtomicPageSpinner: React$1.ForwardRefExoticComponent<Omit<Omit<Ato
1231
907
  declare const AtomicInlineSpinner: React$1.ForwardRefExoticComponent<Omit<Omit<AtomicSpinnerProps, "inline">, "ref"> & React$1.RefAttributes<SVGSVGElement>>;
1232
908
 
1233
909
  declare const badgeVariants: (props?: ({
1234
- variant?: "secondary" | "success" | "warning" | "info" | "outline" | "gray" | "destructive" | "default" | null | undefined;
910
+ variant?: "outline" | "secondary" | "success" | "warning" | "info" | "gray" | "destructive" | "default" | null | undefined;
1235
911
  size?: "sm" | "lg" | "default" | null | undefined;
1236
912
  shape?: "default" | "square" | "rounded" | null | undefined;
1237
913
  } & class_variance_authority_dist_types.ClassProp) | undefined) => string;
@@ -1261,9 +937,9 @@ declare const AtomicCountBadge: React$1.ForwardRefExoticComponent<Omit<AtomicBad
1261
937
  } & React$1.RefAttributes<HTMLDivElement>>;
1262
938
 
1263
939
  declare const linkVariants: (props?: ({
1264
- variant?: "primary" | "secondary" | "button" | "ghost" | "destructive" | "default" | "underline" | "muted" | null | undefined;
940
+ variant?: "button" | "primary" | "secondary" | "ghost" | "destructive" | "default" | "underline" | "muted" | null | undefined;
1265
941
  size?: "sm" | "lg" | "xl" | "default" | null | undefined;
1266
- weight?: "medium" | "semibold" | "bold" | "normal" | null | undefined;
942
+ weight?: "medium" | "normal" | "bold" | "semibold" | null | undefined;
1267
943
  } & class_variance_authority_dist_types.ClassProp) | undefined) => string;
1268
944
  interface AtomicLinkProps extends Omit<React$1.ComponentProps<typeof Link>, 'className'>, VariantProps<typeof linkVariants> {
1269
945
  className?: string;
@@ -1507,4 +1183,4 @@ declare const useAtomicTheme: () => AtomicThemeProviderContextProps;
1507
1183
 
1508
1184
  declare const VERSION = "1.1.0";
1509
1185
 
1510
- export { AnimationUtils, AtomicAlertType, type AtomicAlertTypeType, AtomicAlignment, type AtomicAlignmentType, type AtomicAnimationDuration, type AtomicAnimationEasing, AtomicAnimationPresets, type AtomicAnimationRotate, type AtomicAnimationScale, AtomicAnimationState, type AtomicAnimationStateType, AtomicAnimations, AtomicAnimationsCss, AtomicAvatar, AtomicAvatarFallback, AtomicAvatarImage, type AtomicAvatarProps, AtomicBadge, type AtomicBadgeProps, type AtomicBorderRadius, type AtomicBorderStyle, type AtomicBorderWidth, AtomicBorders, AtomicBordersCss, AtomicBreakpoint, type AtomicBreakpointType, AtomicButton, type AtomicButtonProps, AtomicButtonSpinner, AtomicButtonVariant, type AtomicButtonVariantType, AtomicCard, AtomicCardContent, type AtomicCardContentProps, AtomicCardDescription, type AtomicCardDescriptionProps, AtomicCardFooter, type AtomicCardFooterProps, AtomicCardHeader, type AtomicCardHeaderProps, type AtomicCardProps, AtomicCardTitle, type AtomicCardTitleProps, AtomicCardVariant, type AtomicCardVariantType, AtomicCheckbox, type AtomicCheckboxProps, type AtomicColor, type AtomicColorValue, AtomicColorVariant, type AtomicColorVariantType, AtomicColors, AtomicColorsCss, AtomicCountBadge, AtomicDesignTokensCss, AtomicDirection, type AtomicDirectionType, AtomicDiv, type AtomicDivProps, AtomicEnumUtils, type AtomicFontFamily, type AtomicFontSize, type AtomicFontWeight, AtomicFormFieldState, type AtomicFormFieldStateType, AtomicIcon, type AtomicIconProps, AtomicImage, type AtomicImageProps, AtomicInlineSpinner, AtomicInput, type AtomicInputProps, AtomicInputVariant, type AtomicInputVariantType, type AtomicLetterSpacing, type AtomicLineHeight, AtomicLink, type AtomicLinkProps, AtomicLoadingState, type AtomicLoadingStateType, AtomicModalSize, type AtomicModalSizeType, AtomicOrientation, type AtomicOrientationType, AtomicPageSpinner, AtomicPosition, type AtomicPositionType, type AtomicShadowKey, type AtomicShadowValue, AtomicShadows, AtomicShadowsCss, AtomicSize, type AtomicSizeType, AtomicSpacing, AtomicSpacingCss, type AtomicSpacingKey, type AtomicSpacingValue, AtomicSpinner, type AtomicSpinnerProps, AtomicStatus, AtomicStatusBadge, type AtomicStatusType, AtomicSwitch, type AtomicSwitchProps, AtomicTag, type AtomicTagProps, AtomicText, type AtomicTextProps, type AtomicTextStyle, AtomicTextStyles, AtomicTextVariant, type AtomicTextVariantType, AtomicThemeMode, type AtomicThemeModeType, AtomicThemeProvider, type AtomicThemeProviderContextProps, type AtomicThemeProviderProps, AtomicTypography, AtomicTypographyCss, BorderUtils, ColorUtils, ShadowUtils, SpacingUtils, TypographyUtils, VERSION, avatarFallbackVariants, avatarImageVariants, avatarVariants, badgeVariants, buttonVariants, cardContentVariants, cardDescriptionVariants, cardFooterVariants, cardHeaderVariants, cardTitleVariants, cardVariants, cn, imageVariants, inputVariants, linkVariants, spinnerVariants, textVariants, useAtomicTheme };
1186
+ export { AnimationUtils, AtomicAlertType, type AtomicAlertTypeType, AtomicAlignment, type AtomicAlignmentType, type AtomicAnimationDuration, type AtomicAnimationEasing, AtomicAnimationPresets, type AtomicAnimationRotate, type AtomicAnimationScale, AtomicAnimationState, type AtomicAnimationStateType, AtomicAnimations, AtomicAnimationsCss, AtomicAvatar, AtomicAvatarFallback, AtomicAvatarImage, type AtomicAvatarProps, AtomicBadge, type AtomicBadgeProps, type AtomicBorderRadius, type AtomicBorderStyle, type AtomicBorderWidth, AtomicBorders, AtomicBordersCss, AtomicBreakpoint, type AtomicBreakpointType, AtomicButton, type AtomicButtonProps, AtomicButtonSpinner, AtomicButtonVariant, type AtomicButtonVariantType, AtomicCard, AtomicCardContent, type AtomicCardContentProps, AtomicCardDescription, type AtomicCardDescriptionProps, AtomicCardFooter, type AtomicCardFooterProps, AtomicCardHeader, type AtomicCardHeaderProps, type AtomicCardProps, AtomicCardTitle, type AtomicCardTitleProps, AtomicCardVariant, type AtomicCardVariantType, AtomicCheckbox, type AtomicCheckboxProps, AtomicColorVariant, type AtomicColorVariantType, AtomicColorsCss, AtomicCountBadge, AtomicDesignTokensCss, AtomicDirection, type AtomicDirectionType, AtomicDiv, type AtomicDivProps, AtomicEnumUtils, AtomicFormFieldState, type AtomicFormFieldStateType, AtomicIcon, type AtomicIconProps, AtomicImage, type AtomicImageProps, AtomicInlineSpinner, AtomicInput, type AtomicInputProps, AtomicInputVariant, type AtomicInputVariantType, AtomicLink, type AtomicLinkProps, AtomicLoadingState, type AtomicLoadingStateType, AtomicModalSize, type AtomicModalSizeType, AtomicOrientation, type AtomicOrientationType, AtomicPageSpinner, AtomicPosition, type AtomicPositionType, type AtomicShadowKey, type AtomicShadowValue, AtomicShadows, AtomicShadowsCss, AtomicSize, type AtomicSizeType, AtomicSpacingCss, AtomicSpinner, type AtomicSpinnerProps, AtomicStatus, AtomicStatusBadge, type AtomicStatusType, AtomicSwitch, type AtomicSwitchProps, AtomicTag, type AtomicTagProps, AtomicText, type AtomicTextProps, AtomicTextVariant, type AtomicTextVariantType, AtomicThemeMode, type AtomicThemeModeType, AtomicThemeProvider, type AtomicThemeProviderContextProps, type AtomicThemeProviderProps, AtomicTypographyCss, BorderUtils, ShadowUtils, VERSION, avatarFallbackVariants, avatarImageVariants, avatarVariants, badgeVariants, buttonVariants, cardContentVariants, cardDescriptionVariants, cardFooterVariants, cardHeaderVariants, cardTitleVariants, cardVariants, cn, imageVariants, inputVariants, linkVariants, spinnerVariants, textVariants, useAtomicTheme };