czero 0.2.0 → 0.2.5

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 (62) hide show
  1. package/README.md +209 -209
  2. package/dist/cli/index.js +970 -72
  3. package/dist/components.css +2158 -1913
  4. package/dist/react/core/component-defaults.d.ts.map +1 -1
  5. package/dist/react/core/types/config.d.ts +161 -2
  6. package/dist/react/core/types/config.d.ts.map +1 -1
  7. package/dist/react/index.cjs +695 -12
  8. package/dist/react/index.cjs.map +1 -1
  9. package/dist/react/index.d.ts +138 -11
  10. package/dist/react/index.js +693 -13
  11. package/dist/react/index.js.map +1 -1
  12. package/dist/react/react/components/button.d.ts +1 -0
  13. package/dist/react/react/components/button.d.ts.map +1 -1
  14. package/dist/react/react/components/data-table.d.ts +39 -0
  15. package/dist/react/react/components/data-table.d.ts.map +1 -0
  16. package/dist/react/react/components/input.d.ts +5 -2
  17. package/dist/react/react/components/input.d.ts.map +1 -1
  18. package/dist/react/react/components/modal.d.ts +44 -0
  19. package/dist/react/react/components/modal.d.ts.map +1 -0
  20. package/dist/react/react/components/search-input.d.ts +13 -0
  21. package/dist/react/react/components/search-input.d.ts.map +1 -0
  22. package/dist/react/react/components/status-badge.d.ts +11 -0
  23. package/dist/react/react/components/status-badge.d.ts.map +1 -0
  24. package/dist/react/react/components/tabs.d.ts +42 -7
  25. package/dist/react/react/components/tabs.d.ts.map +1 -1
  26. package/dist/react/react/index.d.ts +4 -1
  27. package/dist/react/react/index.d.ts.map +1 -1
  28. package/dist/reset.css +6 -15
  29. package/dist/styles.css +2244 -2008
  30. package/package.json +93 -92
  31. package/dist/cli-new/cli/build-css.d.ts +0 -19
  32. package/dist/cli-new/cli/build-css.js +0 -88
  33. package/dist/cli-new/cli/generators/button.d.ts +0 -9
  34. package/dist/cli-new/cli/generators/button.js +0 -224
  35. package/dist/cli-new/cli/generators/card.d.ts +0 -9
  36. package/dist/cli-new/cli/generators/card.js +0 -104
  37. package/dist/cli-new/cli/generators/checkbox.d.ts +0 -6
  38. package/dist/cli-new/cli/generators/checkbox.js +0 -163
  39. package/dist/cli-new/cli/generators/index.d.ts +0 -10
  40. package/dist/cli-new/cli/generators/index.js +0 -40
  41. package/dist/cli-new/cli/generators/input.d.ts +0 -9
  42. package/dist/cli-new/cli/generators/input.js +0 -231
  43. package/dist/cli-new/cli/generators/switch.d.ts +0 -6
  44. package/dist/cli-new/cli/generators/switch.js +0 -156
  45. package/dist/cli-new/cli/generators/utilities.d.ts +0 -9
  46. package/dist/cli-new/cli/generators/utilities.js +0 -150
  47. package/dist/cli-new/cli/index.d.ts +0 -8
  48. package/dist/cli-new/cli/index.js +0 -288
  49. package/dist/cli-new/cli/token-resolver.d.ts +0 -44
  50. package/dist/cli-new/cli/token-resolver.js +0 -137
  51. package/dist/cli-new/cli/utils/deep-merge.d.ts +0 -15
  52. package/dist/cli-new/cli/utils/deep-merge.js +0 -41
  53. package/dist/cli-new/cli/validate-config.d.ts +0 -19
  54. package/dist/cli-new/cli/validate-config.js +0 -151
  55. package/dist/cli-new/src/core/component-defaults.d.ts +0 -7
  56. package/dist/cli-new/src/core/component-defaults.js +0 -467
  57. package/dist/cli-new/src/core/types/config.d.ts +0 -489
  58. package/dist/cli-new/src/core/types/config.js +0 -5
  59. package/dist/cli-new/src/presets/index.d.ts +0 -44
  60. package/dist/cli-new/src/presets/index.js +0 -194
  61. package/dist/react/react/lib/cn.d.ts +0 -7
  62. package/dist/react/react/lib/cn.d.ts.map +0 -1
@@ -1,489 +0,0 @@
1
- /**
2
- * CZero Configuration Types
3
- * TypeScript interfaces for the extended configuration system
4
- */
5
- export interface SizeVariants<T> {
6
- sm?: T;
7
- md?: T;
8
- lg?: T;
9
- }
10
- export interface StateConfig {
11
- opacity?: string;
12
- transform?: string;
13
- shadow?: string;
14
- bg?: string;
15
- color?: string;
16
- borderColor?: string;
17
- scale?: string;
18
- }
19
- export interface FocusStateConfig extends StateConfig {
20
- ringWidth?: string;
21
- ringOffset?: string;
22
- ringColor?: string;
23
- }
24
- export interface StatesConfig {
25
- hover?: StateConfig;
26
- focus?: FocusStateConfig;
27
- active?: StateConfig;
28
- disabled?: StateConfig;
29
- }
30
- export interface VariantConfig {
31
- bg?: string;
32
- color?: string;
33
- borderColor?: string;
34
- borderWidth?: string;
35
- shadow?: string;
36
- textDecoration?: string;
37
- hover?: StateConfig;
38
- }
39
- export interface AnimationConfig {
40
- duration?: string;
41
- timing?: string;
42
- keyframes?: Record<string, Record<string, string>>;
43
- }
44
- export interface AnimationsConfig {
45
- loading?: AnimationConfig;
46
- hover?: AnimationConfig;
47
- [key: string]: AnimationConfig | undefined;
48
- }
49
- export interface ResponsiveConfig {
50
- sm?: Partial<ComponentTokensBase>;
51
- md?: Partial<ComponentTokensBase>;
52
- lg?: Partial<ComponentTokensBase>;
53
- xl?: Partial<ComponentTokensBase>;
54
- }
55
- export interface ComponentTokensBase {
56
- customCSS?: string;
57
- }
58
- export interface ButtonTokens extends ComponentTokensBase {
59
- height?: SizeVariants<string>;
60
- paddingX?: SizeVariants<string>;
61
- gap?: string;
62
- fontSize?: SizeVariants<string> | string;
63
- fontWeight?: string;
64
- borderRadius?: string;
65
- borderWidth?: string;
66
- iconSize?: SizeVariants<string>;
67
- transition?: string;
68
- states?: StatesConfig;
69
- variants?: Record<string, VariantConfig>;
70
- animations?: AnimationsConfig;
71
- responsive?: ResponsiveConfig;
72
- }
73
- export interface InputTokens extends ComponentTokensBase {
74
- height?: SizeVariants<string>;
75
- paddingX?: SizeVariants<string>;
76
- fontSize?: SizeVariants<string> | string;
77
- borderRadius?: string;
78
- borderWidth?: string;
79
- borderColor?: string;
80
- bg?: string;
81
- color?: string;
82
- placeholderColor?: string;
83
- iconSize?: string;
84
- iconColor?: string;
85
- iconSpacing?: string;
86
- states?: {
87
- focus?: {
88
- borderColor?: string;
89
- shadow?: string;
90
- };
91
- error?: {
92
- borderColor?: string;
93
- focusShadow?: string;
94
- };
95
- disabled?: {
96
- opacity?: string;
97
- cursor?: string;
98
- };
99
- };
100
- responsive?: ResponsiveConfig;
101
- }
102
- export interface TextareaTokens extends ComponentTokensBase {
103
- minHeight?: string;
104
- paddingX?: SizeVariants<string>;
105
- paddingY?: SizeVariants<string>;
106
- fontSize?: SizeVariants<string> | string;
107
- borderRadius?: string;
108
- borderWidth?: string;
109
- borderColor?: string;
110
- bg?: string;
111
- color?: string;
112
- placeholderColor?: string;
113
- states?: StatesConfig;
114
- responsive?: ResponsiveConfig;
115
- }
116
- export interface CardTokens extends ComponentTokensBase {
117
- padding?: string;
118
- borderRadius?: string;
119
- borderWidth?: string;
120
- borderColor?: string;
121
- bg?: string;
122
- shadow?: string;
123
- header?: {
124
- paddingBottom?: string;
125
- borderWidth?: string;
126
- marginBottom?: string;
127
- };
128
- title?: {
129
- fontSize?: string;
130
- fontWeight?: string;
131
- color?: string;
132
- };
133
- description?: {
134
- fontSize?: string;
135
- color?: string;
136
- };
137
- footer?: {
138
- paddingTop?: string;
139
- marginTop?: string;
140
- borderWidth?: string;
141
- gap?: string;
142
- };
143
- responsive?: ResponsiveConfig;
144
- }
145
- export interface BadgeTokens extends ComponentTokensBase {
146
- paddingX?: SizeVariants<string>;
147
- paddingY?: SizeVariants<string>;
148
- fontSize?: SizeVariants<string>;
149
- fontWeight?: string;
150
- borderRadius?: string;
151
- variants?: Record<string, VariantConfig>;
152
- responsive?: ResponsiveConfig;
153
- }
154
- export interface SwitchTokens extends ComponentTokensBase {
155
- width?: SizeVariants<string>;
156
- height?: SizeVariants<string>;
157
- thumbSize?: SizeVariants<string>;
158
- thumbOffset?: string;
159
- borderRadius?: string;
160
- bgUnchecked?: string;
161
- bgChecked?: string;
162
- thumbBg?: string;
163
- thumbShadow?: string;
164
- transition?: string;
165
- states?: StatesConfig;
166
- responsive?: ResponsiveConfig;
167
- }
168
- export interface CheckboxTokens extends ComponentTokensBase {
169
- size?: SizeVariants<string>;
170
- iconSize?: SizeVariants<string>;
171
- borderRadius?: string;
172
- borderWidth?: string;
173
- borderColor?: string;
174
- bg?: string;
175
- checkedBg?: string;
176
- checkedBorderColor?: string;
177
- indicatorColor?: string;
178
- labelFontSize?: string;
179
- labelGap?: string;
180
- states?: StatesConfig;
181
- responsive?: ResponsiveConfig;
182
- }
183
- export interface RadioTokens extends ComponentTokensBase {
184
- size?: string;
185
- indicatorSize?: string;
186
- borderWidth?: string;
187
- borderColor?: string;
188
- bg?: string;
189
- checkedBorderColor?: string;
190
- indicatorBg?: string;
191
- labelFontSize?: string;
192
- labelGap?: string;
193
- states?: StatesConfig;
194
- responsive?: ResponsiveConfig;
195
- }
196
- export interface SelectTokens extends ComponentTokensBase {
197
- height?: SizeVariants<string>;
198
- paddingX?: SizeVariants<string>;
199
- fontSize?: SizeVariants<string> | string;
200
- borderRadius?: string;
201
- borderWidth?: string;
202
- borderColor?: string;
203
- bg?: string;
204
- color?: string;
205
- iconSize?: string;
206
- states?: StatesConfig;
207
- content?: {
208
- bg?: string;
209
- borderRadius?: string;
210
- shadow?: string;
211
- padding?: string;
212
- };
213
- item?: {
214
- paddingX?: string;
215
- paddingY?: string;
216
- borderRadius?: string;
217
- hoverBg?: string;
218
- };
219
- responsive?: ResponsiveConfig;
220
- }
221
- export interface LabelTokens extends ComponentTokensBase {
222
- fontSize?: string;
223
- fontWeight?: string;
224
- color?: string;
225
- requiredColor?: string;
226
- }
227
- export interface AlertTokens extends ComponentTokensBase {
228
- paddingX?: string;
229
- paddingY?: string;
230
- borderRadius?: string;
231
- borderWidth?: string;
232
- titleFontSize?: string;
233
- titleFontWeight?: string;
234
- contentFontSize?: string;
235
- variants?: Record<string, VariantConfig>;
236
- responsive?: ResponsiveConfig;
237
- }
238
- export interface TooltipTokens extends ComponentTokensBase {
239
- paddingX?: string;
240
- paddingY?: string;
241
- fontSize?: string;
242
- borderRadius?: string;
243
- bg?: string;
244
- color?: string;
245
- shadow?: string;
246
- offset?: string;
247
- }
248
- export interface ProgressTokens extends ComponentTokensBase {
249
- height?: SizeVariants<string>;
250
- borderRadius?: string;
251
- bg?: string;
252
- barColors?: Record<string, string>;
253
- transition?: string;
254
- }
255
- export interface SkeletonTokens extends ComponentTokensBase {
256
- bg?: string;
257
- borderRadius?: string;
258
- animationDuration?: string;
259
- }
260
- export interface SpinnerTokens extends ComponentTokensBase {
261
- size?: SizeVariants<string>;
262
- borderWidth?: SizeVariants<string>;
263
- color?: string;
264
- trackColor?: string;
265
- animationDuration?: string;
266
- }
267
- export interface TabsTokens extends ComponentTokensBase {
268
- listBorderWidth?: string;
269
- listBorderColor?: string;
270
- triggerPaddingX?: string;
271
- triggerPaddingY?: string;
272
- triggerFontSize?: string;
273
- triggerFontWeight?: string;
274
- triggerColor?: string;
275
- triggerActiveColor?: string;
276
- triggerActiveBorderColor?: string;
277
- contentPadding?: string;
278
- states?: StatesConfig;
279
- responsive?: ResponsiveConfig;
280
- }
281
- export interface DialogTokens extends ComponentTokensBase {
282
- overlayBg?: string;
283
- contentBg?: string;
284
- contentBorderRadius?: string;
285
- contentShadow?: string;
286
- contentMaxWidth?: string;
287
- contentPadding?: string;
288
- closeBtnSize?: string;
289
- titleFontSize?: string;
290
- titleFontWeight?: string;
291
- descriptionFontSize?: string;
292
- descriptionColor?: string;
293
- responsive?: ResponsiveConfig;
294
- }
295
- export interface DropdownMenuTokens extends ComponentTokensBase {
296
- contentBg?: string;
297
- contentBorderRadius?: string;
298
- contentShadow?: string;
299
- contentPadding?: string;
300
- contentMinWidth?: string;
301
- itemPaddingX?: string;
302
- itemPaddingY?: string;
303
- itemBorderRadius?: string;
304
- itemFontSize?: string;
305
- itemHoverBg?: string;
306
- separatorColor?: string;
307
- separatorMargin?: string;
308
- }
309
- export interface AccordionTokens extends ComponentTokensBase {
310
- borderRadius?: string;
311
- borderWidth?: string;
312
- borderColor?: string;
313
- itemBorderWidth?: string;
314
- triggerPadding?: string;
315
- triggerFontWeight?: string;
316
- triggerHoverBg?: string;
317
- contentPadding?: string;
318
- iconSize?: string;
319
- states?: StatesConfig;
320
- }
321
- export interface TableTokens extends ComponentTokensBase {
322
- borderRadius?: string;
323
- borderWidth?: string;
324
- borderColor?: string;
325
- headerBg?: string;
326
- headerFontWeight?: string;
327
- cellPaddingX?: string;
328
- cellPaddingY?: string;
329
- rowHoverBg?: string;
330
- stripedBg?: string;
331
- }
332
- export interface AvatarTokens extends ComponentTokensBase {
333
- size?: SizeVariants<string>;
334
- fontSize?: SizeVariants<string>;
335
- borderRadius?: string;
336
- bg?: string;
337
- color?: string;
338
- }
339
- export interface SeparatorTokens extends ComponentTokensBase {
340
- color?: string;
341
- thickness?: string;
342
- }
343
- export interface BreadcrumbTokens extends ComponentTokensBase {
344
- fontSize?: string;
345
- color?: string;
346
- activeColor?: string;
347
- separatorColor?: string;
348
- gap?: string;
349
- }
350
- export interface CodeTokens extends ComponentTokensBase {
351
- fontSize?: string;
352
- fontFamily?: string;
353
- bg?: string;
354
- color?: string;
355
- paddingX?: string;
356
- paddingY?: string;
357
- borderRadius?: string;
358
- }
359
- export interface KbdTokens extends ComponentTokensBase {
360
- fontSize?: string;
361
- fontFamily?: string;
362
- bg?: string;
363
- color?: string;
364
- borderColor?: string;
365
- paddingX?: string;
366
- paddingY?: string;
367
- borderRadius?: string;
368
- shadow?: string;
369
- }
370
- export interface TagTokens extends ComponentTokensBase {
371
- paddingX?: SizeVariants<string>;
372
- paddingY?: SizeVariants<string>;
373
- fontSize?: SizeVariants<string>;
374
- fontWeight?: string;
375
- borderRadius?: string;
376
- gap?: string;
377
- variants?: Record<string, VariantConfig>;
378
- }
379
- export interface ToastTokens extends ComponentTokensBase {
380
- padding?: string;
381
- borderRadius?: string;
382
- shadow?: string;
383
- minWidth?: string;
384
- maxWidth?: string;
385
- titleFontWeight?: string;
386
- variants?: Record<string, VariantConfig>;
387
- }
388
- export interface ScrollAreaTokens extends ComponentTokensBase {
389
- scrollbarWidth?: string;
390
- scrollbarBg?: string;
391
- thumbBg?: string;
392
- thumbHoverBg?: string;
393
- thumbBorderRadius?: string;
394
- }
395
- export interface ContainerTokens extends ComponentTokensBase {
396
- maxWidth?: SizeVariants<string> & {
397
- xl?: string;
398
- "2xl"?: string;
399
- };
400
- paddingX?: string;
401
- }
402
- export interface StackTokens extends ComponentTokensBase {
403
- gap?: SizeVariants<string>;
404
- }
405
- export interface GridTokens extends ComponentTokensBase {
406
- gap?: SizeVariants<string>;
407
- }
408
- export interface ComponentsConfig {
409
- button?: ButtonTokens;
410
- input?: InputTokens;
411
- textarea?: TextareaTokens;
412
- card?: CardTokens;
413
- badge?: BadgeTokens;
414
- switch?: SwitchTokens;
415
- checkbox?: CheckboxTokens;
416
- radio?: RadioTokens;
417
- select?: SelectTokens;
418
- label?: LabelTokens;
419
- alert?: AlertTokens;
420
- tooltip?: TooltipTokens;
421
- progress?: ProgressTokens;
422
- skeleton?: SkeletonTokens;
423
- spinner?: SpinnerTokens;
424
- tabs?: TabsTokens;
425
- dialog?: DialogTokens;
426
- dropdownMenu?: DropdownMenuTokens;
427
- accordion?: AccordionTokens;
428
- table?: TableTokens;
429
- avatar?: AvatarTokens;
430
- separator?: SeparatorTokens;
431
- breadcrumb?: BreadcrumbTokens;
432
- code?: CodeTokens;
433
- kbd?: KbdTokens;
434
- tag?: TagTokens;
435
- toast?: ToastTokens;
436
- scrollArea?: ScrollAreaTokens;
437
- container?: ContainerTokens;
438
- stack?: StackTokens;
439
- grid?: GridTokens;
440
- }
441
- export interface ColorValue {
442
- light: string;
443
- dark: string;
444
- }
445
- export interface ColorTokens {
446
- bg?: ColorValue;
447
- fg?: ColorValue;
448
- primary?: ColorValue;
449
- primaryFg?: ColorValue;
450
- secondary?: ColorValue;
451
- secondaryFg?: ColorValue;
452
- muted?: ColorValue;
453
- mutedFg?: ColorValue;
454
- danger?: ColorValue;
455
- dangerFg?: ColorValue;
456
- success?: ColorValue;
457
- successFg?: ColorValue;
458
- warning?: ColorValue;
459
- warningFg?: ColorValue;
460
- border?: ColorValue;
461
- ring?: ColorValue;
462
- [key: string]: ColorValue | undefined;
463
- }
464
- export interface BreakpointsConfig {
465
- sm?: string;
466
- md?: string;
467
- lg?: string;
468
- xl?: string;
469
- }
470
- export interface CustomCSSConfig {
471
- before?: string;
472
- after?: string;
473
- }
474
- export interface CZeroConfig {
475
- color?: ColorTokens;
476
- radius?: Record<string, string>;
477
- shadow?: Record<string, string>;
478
- spacing?: Record<string, string>;
479
- typography?: {
480
- fontFamily?: string;
481
- size?: Record<string, string>;
482
- weight?: Record<string, string>;
483
- lineHeight?: Record<string, string>;
484
- };
485
- transition?: Record<string, string>;
486
- breakpoints?: BreakpointsConfig;
487
- components?: ComponentsConfig;
488
- customCSS?: CustomCSSConfig;
489
- }
@@ -1,5 +0,0 @@
1
- /**
2
- * CZero Configuration Types
3
- * TypeScript interfaces for the extended configuration system
4
- */
5
- export {};
@@ -1,44 +0,0 @@
1
- /**
2
- * CZero Theme Presets
3
- * Pre-built theme configurations users can extend
4
- */
5
- import type { CZeroConfig } from "../core/types/config";
6
- /**
7
- * Default preset - balanced, professional look
8
- */
9
- export declare const defaultPreset: Partial<CZeroConfig>;
10
- /**
11
- * Compact preset - tighter spacing, smaller sizes
12
- * Great for data-dense applications
13
- */
14
- export declare const compact: Partial<CZeroConfig>;
15
- /**
16
- * Comfortable preset - more spacing, larger touch targets
17
- * Great for mobile-first or accessibility-focused apps
18
- */
19
- export declare const comfortable: Partial<CZeroConfig>;
20
- /**
21
- * Rounded preset - increased border radius for a softer look
22
- */
23
- export declare const rounded: Partial<CZeroConfig>;
24
- /**
25
- * Sharp preset - no border radius for a modern, angular look
26
- */
27
- export declare const sharp: Partial<CZeroConfig>;
28
- /**
29
- * Minimal preset - reduced shadows, subtle borders
30
- */
31
- export declare const minimal: Partial<CZeroConfig>;
32
- /**
33
- * Vibrant preset - bolder colors, more pronounced effects
34
- */
35
- export declare const vibrant: Partial<CZeroConfig>;
36
- export declare const presets: {
37
- default: Partial<CZeroConfig>;
38
- compact: Partial<CZeroConfig>;
39
- comfortable: Partial<CZeroConfig>;
40
- rounded: Partial<CZeroConfig>;
41
- sharp: Partial<CZeroConfig>;
42
- minimal: Partial<CZeroConfig>;
43
- vibrant: Partial<CZeroConfig>;
44
- };