alabit-ui 0.1.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/dist/foundations/tokens/tokens.css +214 -0
- package/dist/index.cjs +30164 -0
- package/dist/index.d.cts +2384 -0
- package/dist/index.d.ts +2384 -0
- package/dist/index.js +29654 -0
- package/dist/server.cjs +649 -0
- package/dist/server.js +622 -0
- package/package.json +65 -0
|
@@ -0,0 +1,214 @@
|
|
|
1
|
+
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
|
|
2
|
+
:root, :host {
|
|
3
|
+
--primary: oklch(0.5129 0.2617 275.2468);
|
|
4
|
+
--primary-foreground: oklch(0.998 0.001 275);
|
|
5
|
+
--destructive: oklch(0.62 0.24 25);
|
|
6
|
+
--destructive-foreground: oklch(0.99 0.001 25);
|
|
7
|
+
--radius: 0.875rem;
|
|
8
|
+
--radius-2xl: calc(var(--radius) * 1.8);
|
|
9
|
+
--radius-4xl: calc(var(--radius) * 2.6);
|
|
10
|
+
--shadow-sm: 0 2px 6px -3px var(--foreground);
|
|
11
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
12
|
+
--shadow-sm: 0 2px 6px -3px color-mix(in oklch, var(--foreground) 18%, transparent);
|
|
13
|
+
}
|
|
14
|
+
--shadow-md: 0 8px 22px -12px var(--foreground);
|
|
15
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
16
|
+
--shadow-md: 0 8px 22px -12px color-mix(in oklch, var(--foreground) 28%, transparent);
|
|
17
|
+
}
|
|
18
|
+
--shadow-xl: 0 24px 46px -20px var(--foreground);
|
|
19
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
20
|
+
--shadow-xl: 0 24px 46px -20px color-mix(in oklch, var(--foreground) 38%, transparent);
|
|
21
|
+
}
|
|
22
|
+
--shadow-2xl: 0 40px 80px -30px var(--foreground);
|
|
23
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
24
|
+
--shadow-2xl: 0 40px 80px -30px color-mix(in oklch, var(--foreground) 46%, transparent);
|
|
25
|
+
}
|
|
26
|
+
--shadow-overlay: 0 26px 80px -30px var(--foreground);
|
|
27
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
28
|
+
--shadow-overlay: 0 26px 80px -30px color-mix(in oklch, var(--foreground) 40%, transparent);
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
@layer base {
|
|
32
|
+
html {
|
|
33
|
+
scroll-behavior: smooth;
|
|
34
|
+
scroll-padding-top: 120px;
|
|
35
|
+
}
|
|
36
|
+
:root {
|
|
37
|
+
--background: oklch(0.985 0.008 275);
|
|
38
|
+
--foreground: oklch(0.145 0.02 275);
|
|
39
|
+
--card: oklch(1 0 0);
|
|
40
|
+
--card-foreground: var(--foreground);
|
|
41
|
+
--popover: oklch(1 0 0);
|
|
42
|
+
--popover-foreground: var(--foreground);
|
|
43
|
+
--muted: color-mix(in srgb, oklch(0.5129 0.2617 275.2468) 6%, oklch(0.95 0.02 275));
|
|
44
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
45
|
+
--muted: color-mix(in oklch, var(--primary) 6%, oklch(0.95 0.02 275));
|
|
46
|
+
}
|
|
47
|
+
--muted-foreground: var(--foreground);
|
|
48
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
49
|
+
--muted-foreground: color-mix(in oklch, var(--foreground) 60%, transparent);
|
|
50
|
+
}
|
|
51
|
+
--accent: oklch(0.5129 0.2617 275.2468);
|
|
52
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
53
|
+
--accent: color-mix(in oklch, var(--primary) 14%, var(--background));
|
|
54
|
+
}
|
|
55
|
+
--accent-foreground: var(--primary);
|
|
56
|
+
--border: var(--foreground);
|
|
57
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
58
|
+
--border: color-mix(in oklch, var(--foreground) 8%, transparent);
|
|
59
|
+
}
|
|
60
|
+
--input: var(--foreground);
|
|
61
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
62
|
+
--input: color-mix(in oklch, var(--foreground) 9%, transparent);
|
|
63
|
+
}
|
|
64
|
+
--bubble-radius: var(--radius-2xl);
|
|
65
|
+
--bubble-shadow: var(--shadow-md);
|
|
66
|
+
--bubble-bg-default: var(--primary);
|
|
67
|
+
--bubble-fg-default: var(--primary-foreground);
|
|
68
|
+
--bubble-bg-secondary: oklch(0.5129 0.2617 275.2468);
|
|
69
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
70
|
+
--bubble-bg-secondary: color-mix(in oklch, var(--primary) 12%, var(--card));
|
|
71
|
+
}
|
|
72
|
+
--bubble-fg-secondary: var(--card-foreground);
|
|
73
|
+
--bubble-bg-muted: var(--muted);
|
|
74
|
+
--bubble-fg-muted: var(--muted-foreground);
|
|
75
|
+
--bubble-bg-tinted: oklch(0.5129 0.2617 275.2468);
|
|
76
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
77
|
+
--bubble-bg-tinted: color-mix(in oklch, var(--primary) 7%, var(--card));
|
|
78
|
+
}
|
|
79
|
+
--bubble-fg-tinted: var(--card-foreground);
|
|
80
|
+
--bubble-bg-outline: transparent;
|
|
81
|
+
--bubble-fg-outline: var(--card-foreground);
|
|
82
|
+
--bubble-border-outline: var(--border);
|
|
83
|
+
--bubble-bg-destructive: var(--destructive);
|
|
84
|
+
--bubble-fg-destructive: var(--destructive-foreground);
|
|
85
|
+
--reaction-pill-radius: var(--radius-4xl);
|
|
86
|
+
--reaction-pill-bg: var(--card);
|
|
87
|
+
--reaction-pill-fg: var(--card-foreground);
|
|
88
|
+
--reaction-pill-border: var(--border);
|
|
89
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
90
|
+
--reaction-pill-border: color-mix(in oklch, var(--border) 100%, transparent);
|
|
91
|
+
}
|
|
92
|
+
--reaction-pill-shadow: var(--shadow-sm);
|
|
93
|
+
--reaction-pill-shadow-hover: var(--shadow-md);
|
|
94
|
+
--reaction-pill-active-bg: var(--reaction-accent);
|
|
95
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
96
|
+
--reaction-pill-active-bg: color-mix(in oklch, var(--reaction-accent) 10%, var(--card));
|
|
97
|
+
}
|
|
98
|
+
--reaction-pill-active-fg: var(--reaction-accent);
|
|
99
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
100
|
+
--reaction-pill-active-fg: color-mix(in oklch, var(--reaction-accent) 75%, var(--card-foreground));
|
|
101
|
+
}
|
|
102
|
+
--reaction-pill-active-border: var(--reaction-accent);
|
|
103
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
104
|
+
--reaction-pill-active-border: color-mix(in oklch, var(--reaction-accent) 55%, transparent);
|
|
105
|
+
}
|
|
106
|
+
--reaction-pill-active-ring: var(--reaction-accent);
|
|
107
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
108
|
+
--reaction-pill-active-ring: color-mix(in oklch, var(--reaction-accent) 28%, transparent);
|
|
109
|
+
}
|
|
110
|
+
--reaction-bar-bg: var(--card);
|
|
111
|
+
--reaction-bar-border: var(--border);
|
|
112
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
113
|
+
--reaction-bar-border: color-mix(in oklch, var(--border) 85%, transparent);
|
|
114
|
+
}
|
|
115
|
+
--reaction-bar-shadow: var(--shadow-xl);
|
|
116
|
+
--reaction-picker-bg: var(--card);
|
|
117
|
+
--reaction-picker-border: var(--border);
|
|
118
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
119
|
+
--reaction-picker-border: color-mix(in oklch, var(--border) 85%, transparent);
|
|
120
|
+
}
|
|
121
|
+
--reaction-picker-shadow: var(--shadow-2xl);
|
|
122
|
+
--reaction-accent: var(--primary);
|
|
123
|
+
--overlay-bg: var(--card);
|
|
124
|
+
--overlay-foreground: var(--card-foreground);
|
|
125
|
+
--overlay-border: var(--border);
|
|
126
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
127
|
+
--overlay-border: color-mix(in oklch, var(--border) 85%, transparent);
|
|
128
|
+
}
|
|
129
|
+
--overlay-shadow: var(--shadow-overlay);
|
|
130
|
+
color-scheme: light;
|
|
131
|
+
}
|
|
132
|
+
.dark {
|
|
133
|
+
color-scheme: dark;
|
|
134
|
+
--ring: color-mix(in srgb, oklch(0.5129 0.2617 275.2468) 40%, oklch(1 0 0));
|
|
135
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
136
|
+
--ring: color-mix(in oklch, var(--primary) 40%, oklch(1 0 0));
|
|
137
|
+
}
|
|
138
|
+
--secondary: oklch(0.66 0.16 252);
|
|
139
|
+
--secondary-foreground: oklch(0.98 0.01 260);
|
|
140
|
+
--background: oklch(0.12 0.018 275);
|
|
141
|
+
--foreground: oklch(0.97 0.012 275);
|
|
142
|
+
--card: oklch(0.165 0.022 275);
|
|
143
|
+
--card-foreground: var(--foreground);
|
|
144
|
+
--popover: var(--card);
|
|
145
|
+
--popover-foreground: var(--foreground);
|
|
146
|
+
--muted: color-mix(in srgb, oklch(0.5129 0.2617 275.2468) 12%, oklch(0.19 0.03 275));
|
|
147
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
148
|
+
--muted: color-mix(in oklch, var(--primary) 12%, oklch(0.19 0.03 275));
|
|
149
|
+
}
|
|
150
|
+
--muted-foreground: var(--foreground);
|
|
151
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
152
|
+
--muted-foreground: color-mix(in oklch, var(--foreground) 62%, transparent);
|
|
153
|
+
}
|
|
154
|
+
--accent: oklch(0.5129 0.2617 275.2468);
|
|
155
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
156
|
+
--accent: color-mix(in oklch, var(--primary) 20%, var(--background));
|
|
157
|
+
}
|
|
158
|
+
--accent-foreground: oklch(1 0 0);
|
|
159
|
+
--border: var(--foreground);
|
|
160
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
161
|
+
--border: color-mix(in oklch, var(--foreground) 12%, transparent);
|
|
162
|
+
}
|
|
163
|
+
--input: var(--foreground);
|
|
164
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
165
|
+
--input: color-mix(in oklch, var(--foreground) 14%, transparent);
|
|
166
|
+
}
|
|
167
|
+
--success-foreground: oklch(0.14 0.03 160);
|
|
168
|
+
--warning-foreground: oklch(0.16 0.03 60);
|
|
169
|
+
--chart-1: oklch(0.57 0.28 276);
|
|
170
|
+
--chart-2: oklch(0.78 0.145 220);
|
|
171
|
+
--chart-3: oklch(0.77 0.13 180);
|
|
172
|
+
--chart-4: oklch(0.81 0.16 85);
|
|
173
|
+
--chart-5: oklch(0.68 0.20 20);
|
|
174
|
+
--bubble-bg-secondary: oklch(0.5129 0.2617 275.2468);
|
|
175
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
176
|
+
--bubble-bg-secondary: color-mix(in oklch, var(--primary) 22%, var(--card));
|
|
177
|
+
}
|
|
178
|
+
--bubble-bg-tinted: oklch(0.5129 0.2617 275.2468);
|
|
179
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
180
|
+
--bubble-bg-tinted: color-mix(in oklch, var(--primary) 18%, var(--card));
|
|
181
|
+
}
|
|
182
|
+
--bubble-border-outline: var(--border);
|
|
183
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
184
|
+
--bubble-border-outline: color-mix(in oklch, var(--border) 100%, transparent);
|
|
185
|
+
}
|
|
186
|
+
--bubble-shadow: 0 10px 24px -12px oklch(0 0 0 / 55%);
|
|
187
|
+
--reaction-pill-active-bg: var(--reaction-accent);
|
|
188
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
189
|
+
--reaction-pill-active-bg: color-mix(in oklch, var(--reaction-accent) 22%, var(--card));
|
|
190
|
+
}
|
|
191
|
+
--reaction-pill-active-fg: var(--card-foreground);
|
|
192
|
+
--reaction-bar-border: var(--border);
|
|
193
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
194
|
+
--reaction-bar-border: color-mix(in oklch, var(--border) 100%, transparent);
|
|
195
|
+
}
|
|
196
|
+
--reaction-picker-border: var(--border);
|
|
197
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
198
|
+
--reaction-picker-border: color-mix(in oklch, var(--border) 100%, transparent);
|
|
199
|
+
}
|
|
200
|
+
--overlay-border: var(--border);
|
|
201
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
202
|
+
--overlay-border: color-mix(in oklch, var(--border) 100%, transparent);
|
|
203
|
+
}
|
|
204
|
+
--overlay-shadow: 0 36px 100px -40px oklch(0 0 0 / 68%);
|
|
205
|
+
}
|
|
206
|
+
:root,
|
|
207
|
+
.dark {
|
|
208
|
+
color: var(--foreground);
|
|
209
|
+
background-color: var(--background);
|
|
210
|
+
}
|
|
211
|
+
* {
|
|
212
|
+
border-color: var(--border, currentColor);
|
|
213
|
+
}
|
|
214
|
+
}
|