@agentxjs/ui 1.6.0 → 1.8.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.
Files changed (6) hide show
  1. package/dist/globals.css +35 -81
  2. package/dist/index.css +32 -34
  3. package/dist/index.d.ts +132 -108
  4. package/dist/index.js +8466 -826
  5. package/dist/index.js.map +76 -16
  6. package/package.json +10 -3
package/dist/globals.css CHANGED
@@ -1,103 +1,57 @@
1
1
  @layer base {
2
2
  :root {
3
- /* Backgrounds - Neutral slate tones (60% of UI) */
4
3
  --background: 0 0% 100%;
5
- --foreground: 222.2 47.4% 11.2%;
6
-
7
- /* Card & Popover - Elevated surfaces */
8
- --card: 210 40% 98%;
9
- --card-foreground: 222.2 47.4% 11.2%;
4
+ --foreground: 222.2 84% 4.9%;
5
+ --card: 0 0% 100%;
6
+ --card-foreground: 222.2 84% 4.9%;
10
7
  --popover: 0 0% 100%;
11
- --popover-foreground: 222.2 47.4% 11.2%;
12
-
13
- /* Primary - Computational intelligence (Blue) - 30% of UI */
14
- --primary: 199.1 88.7% 48.3%; /* #0284c7 - blue-600 */
15
- --primary-foreground: 0 0% 100%;
16
-
17
- /* Secondary - Generative creativity (Amber) - 10% of UI */
18
- --secondary: 37.7 92.1% 50.2%; /* #f59e0b - amber-500 */
8
+ --popover-foreground: 222.2 84% 4.9%;
9
+ --primary: 221.2 83.2% 53.3%;
10
+ --primary-foreground: 210 40% 98%;
11
+ --secondary: 210 40% 96.1%;
19
12
  --secondary-foreground: 222.2 47.4% 11.2%;
20
-
21
- /* Muted - Subtle backgrounds */
22
- --muted: 210 40% 96.1%; /* slate-100 */
13
+ --muted: 210 40% 96.1%;
23
14
  --muted-foreground: 215.4 16.3% 46.9%;
24
-
25
- /* Accent - Interactive highlights (Orange) */
26
- --accent: 24.6 95% 53.1%; /* #f97316 - orange-500 */
15
+ --accent: 210 40% 96.1%;
27
16
  --accent-foreground: 222.2 47.4% 11.2%;
28
-
29
- /* Destructive - Error states */
30
- --destructive: 0 84.2% 60.2%; /* #ef4444 - red-500 */
17
+ --destructive: 0 84.2% 60.2%;
31
18
  --destructive-foreground: 210 40% 98%;
32
-
33
- /* Borders & Inputs */
34
- --border: 214.3 31.8% 91.4%; /* slate-200 */
19
+ --border: 214.3 31.8% 91.4%;
35
20
  --input: 214.3 31.8% 91.4%;
36
- --ring: 199.1 88.7% 48.3%; /* blue-600 - focus ring */
37
-
38
- /* Border radius */
39
- --radius: 0.375rem; /* 6px - md */
40
-
41
- /* Success state */
42
- --success: 142.1 76.2% 36.3%; /* #16a34a - green-600 */
43
- --success-foreground: 0 0% 100%;
44
-
45
- /* Warning state */
46
- --warning: 45.4 93.4% 47.5%; /* #ca8a04 - yellow-600 */
47
- --warning-foreground: 222.2 47.4% 11.2%;
48
-
49
- /* Info state */
50
- --info: 199.1 88.7% 48.3%; /* blue-600 */
51
- --info-foreground: 0 0% 100%;
21
+ --ring: 221.2 83.2% 53.3%;
22
+ --radius: 0.5rem;
23
+ --chart-1: 12 76% 61%;
24
+ --chart-2: 173 58% 39%;
25
+ --chart-3: 197 37% 24%;
26
+ --chart-4: 43 74% 66%;
27
+ --chart-5: 27 87% 67%;
52
28
  }
53
29
 
54
30
  .dark {
55
- /* Backgrounds - Dark slate tones */
56
- --background: 222.2 47.4% 11.2%; /* slate-900 */
31
+ --background: 222.2 84% 4.9%;
57
32
  --foreground: 210 40% 98%;
58
-
59
- /* Card & Popover */
60
- --card: 217.2 32.6% 17.5%; /* slate-800 */
33
+ --card: 222.2 84% 4.9%;
61
34
  --card-foreground: 210 40% 98%;
62
- --popover: 222.2 47.4% 11.2%;
35
+ --popover: 222.2 84% 4.9%;
63
36
  --popover-foreground: 210 40% 98%;
64
-
65
- /* Primary - Lighter blue for dark mode */
66
- --primary: 199.1 88.7% 58.3%; /* #38bdf8 - blue-400 */
37
+ --primary: 217.2 91.2% 59.8%;
67
38
  --primary-foreground: 222.2 47.4% 11.2%;
68
-
69
- /* Secondary - Lighter amber for dark mode */
70
- --secondary: 37.7 92.1% 60.2%; /* #fbbf24 - amber-400 */
71
- --secondary-foreground: 222.2 47.4% 11.2%;
72
-
73
- /* Muted */
39
+ --secondary: 217.2 32.6% 17.5%;
40
+ --secondary-foreground: 210 40% 98%;
74
41
  --muted: 217.2 32.6% 17.5%;
75
42
  --muted-foreground: 215 20.2% 65.1%;
76
-
77
- /* Accent - Lighter orange for dark mode */
78
- --accent: 24.6 95% 63.1%; /* #fb923c - orange-400 */
79
- --accent-foreground: 222.2 47.4% 11.2%;
80
-
81
- /* Destructive */
82
- --destructive: 0 72.2% 50.6%; /* #f87171 - red-400 */
43
+ --accent: 217.2 32.6% 17.5%;
44
+ --accent-foreground: 210 40% 98%;
45
+ --destructive: 0 62.8% 30.6%;
83
46
  --destructive-foreground: 210 40% 98%;
84
-
85
- /* Borders & Inputs */
86
- --border: 217.2 32.6% 27.5%; /* slate-700 */
87
- --input: 217.2 32.6% 27.5%;
88
- --ring: 199.1 88.7% 58.3%; /* blue-400 */
89
-
90
- /* Success */
91
- --success: 142.1 70.6% 45.3%; /* #22c55e - green-500 */
92
- --success-foreground: 0 0% 100%;
93
-
94
- /* Warning */
95
- --warning: 45.4 93.4% 57.5%; /* #eab308 - yellow-500 */
96
- --warning-foreground: 222.2 47.4% 11.2%;
97
-
98
- /* Info */
99
- --info: 199.1 88.7% 58.3%; /* blue-400 */
100
- --info-foreground: 222.2 47.4% 11.2%;
47
+ --border: 217.2 32.6% 17.5%;
48
+ --input: 217.2 32.6% 17.5%;
49
+ --ring: 224.3 76.3% 48%;
50
+ --chart-1: 220 70% 50%;
51
+ --chart-2: 160 60% 45%;
52
+ --chart-3: 30 80% 55%;
53
+ --chart-4: 280 65% 60%;
54
+ --chart-5: 340 75% 55%;
101
55
  }
102
56
  }
103
57
 
package/dist/index.css CHANGED
@@ -2,59 +2,57 @@
2
2
  @layer base {
3
3
  :root {
4
4
  --background: 0 0% 100%;
5
- --foreground: 222.2 47.4% 11.2%;
6
- --card: 210 40% 98%;
7
- --card-foreground: 222.2 47.4% 11.2%;
5
+ --foreground: 222.2 84% 4.9%;
6
+ --card: 0 0% 100%;
7
+ --card-foreground: 222.2 84% 4.9%;
8
8
  --popover: 0 0% 100%;
9
- --popover-foreground: 222.2 47.4% 11.2%;
10
- --primary: 199.1 88.7% 48.3%;
11
- --primary-foreground: 0 0% 100%;
12
- --secondary: 37.7 92.1% 50.2%;
9
+ --popover-foreground: 222.2 84% 4.9%;
10
+ --primary: 221.2 83.2% 53.3%;
11
+ --primary-foreground: 210 40% 98%;
12
+ --secondary: 210 40% 96.1%;
13
13
  --secondary-foreground: 222.2 47.4% 11.2%;
14
14
  --muted: 210 40% 96.1%;
15
15
  --muted-foreground: 215.4 16.3% 46.9%;
16
- --accent: 24.6 95% 53.1%;
16
+ --accent: 210 40% 96.1%;
17
17
  --accent-foreground: 222.2 47.4% 11.2%;
18
18
  --destructive: 0 84.2% 60.2%;
19
19
  --destructive-foreground: 210 40% 98%;
20
20
  --border: 214.3 31.8% 91.4%;
21
21
  --input: 214.3 31.8% 91.4%;
22
- --ring: 199.1 88.7% 48.3%;
23
- --radius: .375rem;
24
- --success: 142.1 76.2% 36.3%;
25
- --success-foreground: 0 0% 100%;
26
- --warning: 45.4 93.4% 47.5%;
27
- --warning-foreground: 222.2 47.4% 11.2%;
28
- --info: 199.1 88.7% 48.3%;
29
- --info-foreground: 0 0% 100%;
22
+ --ring: 221.2 83.2% 53.3%;
23
+ --radius: .5rem;
24
+ --chart-1: 12 76% 61%;
25
+ --chart-2: 173 58% 39%;
26
+ --chart-3: 197 37% 24%;
27
+ --chart-4: 43 74% 66%;
28
+ --chart-5: 27 87% 67%;
30
29
  }
31
30
 
32
31
  .dark {
33
- --background: 222.2 47.4% 11.2%;
32
+ --background: 222.2 84% 4.9%;
34
33
  --foreground: 210 40% 98%;
35
- --card: 217.2 32.6% 17.5%;
34
+ --card: 222.2 84% 4.9%;
36
35
  --card-foreground: 210 40% 98%;
37
- --popover: 222.2 47.4% 11.2%;
36
+ --popover: 222.2 84% 4.9%;
38
37
  --popover-foreground: 210 40% 98%;
39
- --primary: 199.1 88.7% 58.3%;
38
+ --primary: 217.2 91.2% 59.8%;
40
39
  --primary-foreground: 222.2 47.4% 11.2%;
41
- --secondary: 37.7 92.1% 60.2%;
42
- --secondary-foreground: 222.2 47.4% 11.2%;
40
+ --secondary: 217.2 32.6% 17.5%;
41
+ --secondary-foreground: 210 40% 98%;
43
42
  --muted: 217.2 32.6% 17.5%;
44
43
  --muted-foreground: 215 20.2% 65.1%;
45
- --accent: 24.6 95% 63.1%;
46
- --accent-foreground: 222.2 47.4% 11.2%;
47
- --destructive: 0 72.2% 50.6%;
44
+ --accent: 217.2 32.6% 17.5%;
45
+ --accent-foreground: 210 40% 98%;
46
+ --destructive: 0 62.8% 30.6%;
48
47
  --destructive-foreground: 210 40% 98%;
49
- --border: 217.2 32.6% 27.5%;
50
- --input: 217.2 32.6% 27.5%;
51
- --ring: 199.1 88.7% 58.3%;
52
- --success: 142.1 70.6% 45.3%;
53
- --success-foreground: 0 0% 100%;
54
- --warning: 45.4 93.4% 57.5%;
55
- --warning-foreground: 222.2 47.4% 11.2%;
56
- --info: 199.1 88.7% 58.3%;
57
- --info-foreground: 222.2 47.4% 11.2%;
48
+ --border: 217.2 32.6% 17.5%;
49
+ --input: 217.2 32.6% 17.5%;
50
+ --ring: 224.3 76.3% 48%;
51
+ --chart-1: 220 70% 50%;
52
+ --chart-2: 160 60% 45%;
53
+ --chart-3: 30 80% 55%;
54
+ --chart-4: 280 65% 60%;
55
+ --chart-5: 340 75% 55%;
58
56
  }
59
57
  }
60
58