@cossistant/react 0.0.13 → 0.0.14

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,7 +1,7 @@
1
1
  {
2
2
  "name": "@cossistant/react",
3
3
  "type": "module",
4
- "version": "0.0.13",
4
+ "version": "0.0.14",
5
5
  "private": false,
6
6
  "author": "Cossistant team",
7
7
  "description": "Headless React SDK for building AI-powered support/chat widgets. Hooks + primitives, WS-driven, TypeScript-first. Next.js-ready, Tailwind optional.",
@@ -88,8 +88,8 @@
88
88
  "*.css"
89
89
  ],
90
90
  "dependencies": {
91
- "@cossistant/core": "0.0.13",
92
- "@cossistant/types": "0.0.13",
91
+ "@cossistant/core": "0.0.14",
92
+ "@cossistant/types": "0.0.14",
93
93
  "class-variance-authority": "^0.7.1",
94
94
  "clsx": "^2.1.1",
95
95
  "nanoid": "^5.1.5",
@@ -15,7 +15,7 @@ type AvatarImageProps = Omit<React$1.ImgHTMLAttributes<HTMLImageElement>, "src"
15
15
  * Controlled `<img>` that syncs its loading status back to the avatar context
16
16
  * so fallbacks know when to display.
17
17
  */
18
- declare const AvatarImage: React$1.ForwardRefExoticComponent<Omit<React$1.ImgHTMLAttributes<HTMLImageElement>, "src" | "alt"> & {
18
+ declare const AvatarImage: React$1.ForwardRefExoticComponent<Omit<React$1.ImgHTMLAttributes<HTMLImageElement>, "alt" | "src"> & {
19
19
  src: string;
20
20
  alt?: string;
21
21
  asChild?: boolean;
@@ -9,70 +9,45 @@
9
9
 
10
10
  @layer base {
11
11
  .cossistant {
12
- @apply border-co-border;
13
12
  @apply scroll-smooth;
14
13
 
15
14
  color-scheme: inherit;
16
15
 
17
16
  /* Typeface tokens */
18
- --co-font-sans: var(
19
- --co-theme-font-sans,
20
- var(--font-sans, "Geist", "Inter", sans-serif)
21
- );
17
+ --co-font-sans: var(--co-theme-font-sans, "Geist", "Inter", sans-serif);
22
18
  --co-font-mono: var(
23
19
  --co-theme-font-mono,
24
- var(--font-mono, "Geist Mono", "Inter Mono", monospace)
25
- );
26
-
27
- --co-border-color: var(
28
- --co-theme-border-color,
29
- var(--color-border, oklch(92.2% 0 0))
20
+ "Geist Mono",
21
+ "Inter Mono",
22
+ monospace
30
23
  );
31
24
 
32
25
  /* Core surfaces */
33
- --co-radius: var(--co-theme-radius, var(--radius, 0.625rem));
34
- --co-background-base: var(
35
- --co-theme-background,
36
- var(--background, oklch(99% 0 0))
37
- );
38
- --co-foreground-base: var(
39
- --co-theme-foreground,
40
- var(--foreground, oklch(14.5% 0 0))
41
- );
42
- --co-popover-base: var(
43
- --co-theme-popover,
44
- var(--popover, var(--co-background-base))
45
- );
26
+ --co-radius: var(--co-theme-radius, 0.625rem);
27
+ --co-background-base: var(--co-theme-background, oklch(99% 0 0));
28
+ --co-foreground-base: var(--co-theme-foreground, oklch(14.5% 0 0));
29
+ --co-popover-base: var(--co-theme-popover, var(--co-background-base));
46
30
  --co-popover-foreground-base: var(
47
31
  --co-theme-popover-foreground,
48
- var(--popover-foreground, var(--co-foreground-base))
49
- );
50
- --co-primary-base: var(
51
- --co-theme-primary,
52
- var(--primary, oklch(20.5% 0 0))
32
+ var(--co-foreground-base)
53
33
  );
34
+ --co-primary-base: var(--co-theme-primary, oklch(20.5% 0 0));
54
35
  --co-primary-foreground-base: var(
55
36
  --co-theme-primary-foreground,
56
- var(--primary-foreground, oklch(98.5% 0 0))
57
- );
58
- --co-secondary-base: var(
59
- --co-theme-secondary,
60
- var(--secondary, oklch(97% 0 0))
37
+ oklch(98.5% 0 0)
61
38
  );
39
+ --co-secondary-base: var(--co-theme-secondary, oklch(97% 0 0));
62
40
  --co-secondary-foreground-base: var(
63
41
  --co-theme-secondary-foreground,
64
- var(--secondary-foreground, oklch(20.5% 0 0))
65
- );
66
- --co-border-base: var(--co-theme-border, var(--border, oklch(92.2% 0 0)));
67
- --co-input-base: var(--co-theme-input, var(--input, oklch(92.2% 0 0)));
68
- --co-ring-base: var(--co-theme-ring, var(--ring, var(--co-primary-base)));
69
- --co-accent-base: var(
70
- --co-theme-accent,
71
- var(--accent, var(--co-primary-base))
42
+ oklch(20.5% 0 0)
72
43
  );
44
+ --co-border-base: var(--co-theme-border, oklch(92.2% 0 0));
45
+ --co-input-base: var(--co-theme-input, oklch(92.2% 0 0));
46
+ --co-ring-base: var(--co-theme-ring, var(--co-primary-base));
47
+ --co-accent-base: var(--co-theme-accent, var(--co-primary-base));
73
48
  --co-accent-foreground-base: var(
74
49
  --co-theme-accent-foreground,
75
- var(--accent-foreground, var(--co-primary-foreground-base))
50
+ var(--co-primary-foreground-base)
76
51
  );
77
52
 
78
53
  /* Neutral shades derived from the background */
@@ -162,13 +137,10 @@
162
137
  --co-primary-foreground: var(--co-primary-foreground-base);
163
138
  --co-secondary: var(--co-secondary-base);
164
139
  --co-secondary-foreground: var(--co-secondary-foreground-base);
165
- --co-muted: var(
166
- --co-theme-muted,
167
- var(--muted, var(--co-muted-mix, oklch(97% 0 0)))
168
- );
140
+ --co-muted: var(--co-theme-muted, var(--co-muted-mix, oklch(97% 0 0)));
169
141
  --co-muted-foreground: var(
170
142
  --co-theme-muted-foreground,
171
- var(--muted-foreground, var(--co-muted-foreground-mix, oklch(55.6% 0 0)))
143
+ var(--co-muted-foreground-mix, oklch(55.6% 0 0))
172
144
  );
173
145
  --co-border: var(--co-border-base);
174
146
  --co-input: var(--co-input-base);
@@ -203,57 +175,78 @@
203
175
  --co-theme-warning-foreground,
204
176
  oklch(41.4% 0.071 99)
205
177
  );
178
+
179
+ /* Tailwind theme mapping - scoped to widget */
180
+ @theme inline {
181
+ --font-co-sans: var(--co-font-sans);
182
+ --font-co-mono: var(--co-font-mono);
183
+ --color-co-background: var(--co-background);
184
+ --color-co-background-50: var(--co-background-50);
185
+ --color-co-background-100: var(--co-background-100);
186
+ --color-co-background-200: var(--co-background-200);
187
+ --color-co-background-300: var(--co-background-300);
188
+ --color-co-background-400: var(--co-background-400);
189
+ --color-co-background-500: var(--co-background-500);
190
+ --color-co-background-600: var(--co-background-600);
191
+
192
+ --color-co-foreground: var(--co-foreground);
193
+
194
+ --color-co-primary: var(--co-primary);
195
+ --color-co-primary-foreground: var(--co-primary-foreground);
196
+ --color-co-secondary: var(--co-secondary);
197
+ --color-co-secondary-foreground: var(--co-secondary-foreground);
198
+ --color-co-muted: var(--co-muted);
199
+ --color-co-muted-foreground: var(--co-muted-foreground);
200
+ --color-co-border: var(--co-border);
201
+ --color-co-input: var(--co-input);
202
+ --color-co-ring: var(--co-ring);
203
+ --radius-co: var(--co-radius);
204
+
205
+ /* custom colors */
206
+ --color-co-pink: var(--co-pink);
207
+ --color-co-yellow: var(--co-yellow);
208
+ --color-co-blue: var(--co-blue);
209
+ --color-co-orange: var(--co-orange);
210
+
211
+ /* status colors */
212
+ --color-co-destructive: var(--co-destructive);
213
+ --color-co-destructive-foreground: var(--co-destructive-foreground);
214
+ --color-co-success: var(--co-success);
215
+ --color-co-success-foreground: var(--co-success-foreground);
216
+ --color-co-neutral: var(--co-neutral);
217
+ --color-co-neutral-foreground: var(--co-neutral-foreground);
218
+ --color-co-warning: var(--co-warning);
219
+ --color-co-warning-foreground: var(--co-warning-foreground);
220
+ }
206
221
  }
207
222
 
208
223
  .dark .cossistant,
209
224
  .cossistant[data-color-scheme="dark"] {
210
- /* Provide dark defaults without overriding host tokens */
211
- --co-background-base: var(
212
- --co-theme-background,
213
- var(--background, oklch(15.5% 0 0))
214
- );
215
- --co-foreground-base: var(
216
- --co-theme-foreground,
217
- var(--foreground, oklch(98.5% 0 0))
218
- );
219
- --co-border-color: var(
220
- --co-theme-border-color,
221
- var(--color-border, oklch(26.9% 0 0))
222
- );
223
- --co-popover-base: var(
224
- --co-theme-popover,
225
- var(--popover, oklch(14.5% 0 0))
226
- );
225
+ /* Dark mode defaults */
226
+ --co-background-base: var(--co-theme-background, oklch(15.5% 0 0));
227
+ --co-foreground-base: var(--co-theme-foreground, oklch(98.5% 0 0));
228
+ --co-popover-base: var(--co-theme-popover, oklch(14.5% 0 0));
227
229
  --co-popover-foreground-base: var(
228
230
  --co-theme-popover-foreground,
229
- var(--popover-foreground, oklch(98.5% 0 0))
230
- );
231
- --co-primary-base: var(
232
- --co-theme-primary,
233
- var(--primary, oklch(98.5% 0 0))
231
+ oklch(98.5% 0 0)
234
232
  );
233
+ --co-primary-base: var(--co-theme-primary, oklch(98.5% 0 0));
235
234
  --co-primary-foreground-base: var(
236
235
  --co-theme-primary-foreground,
237
- var(--primary-foreground, oklch(20.5% 0 0))
238
- );
239
- --co-secondary-base: var(
240
- --co-theme-secondary,
241
- var(--secondary, oklch(26.9% 0 0))
236
+ oklch(20.5% 0 0)
242
237
  );
238
+ --co-secondary-base: var(--co-theme-secondary, oklch(26.9% 0 0));
243
239
  --co-secondary-foreground-base: var(
244
240
  --co-theme-secondary-foreground,
245
- var(--secondary-foreground, oklch(98.5% 0 0))
246
- );
247
- --co-border-base: var(--co-theme-border, var(--border, oklch(26.9% 0 0)));
248
- --co-input-base: var(--co-theme-input, var(--input, oklch(26.9% 0 0)));
249
- --co-ring-base: var(--co-theme-ring, var(--ring, var(--co-primary-base)));
250
- --co-accent-base: var(
251
- --co-theme-accent,
252
- var(--accent, var(--co-primary-base))
241
+ oklch(98.5% 0 0)
253
242
  );
243
+ --co-border-base: var(--co-theme-border, oklch(26.9% 0 0));
244
+ --co-input-base: var(--co-theme-input, oklch(26.9% 0 0));
245
+ --co-ring-base: var(--co-theme-ring, var(--co-primary-base));
246
+ --co-accent-base: var(--co-theme-accent, var(--co-primary-base));
254
247
  --co-accent-foreground-base: var(
255
248
  --co-theme-accent-foreground,
256
- var(--accent-foreground, var(--co-primary-foreground-base))
249
+ var(--co-primary-foreground-base)
257
250
  );
258
251
 
259
252
  --co-muted-mix: color-mix(
@@ -328,48 +321,6 @@
328
321
  }
329
322
  }
330
323
 
331
- @theme inline {
332
- --font-co-sans: var(--co-font-sans);
333
- --font-co-mono: var(--co-font-mono);
334
- --color-co-background: var(--co-background);
335
- --color-co-background-50: var(--co-background-50);
336
- --color-co-background-100: var(--co-background-100);
337
- --color-co-background-200: var(--co-background-200);
338
- --color-co-background-300: var(--co-background-300);
339
- --color-co-background-400: var(--co-background-400);
340
- --color-co-background-500: var(--co-background-500);
341
- --color-co-background-600: var(--co-background-600);
342
-
343
- --color-co-foreground: var(--co-foreground);
344
-
345
- --color-co-primary: var(--co-primary);
346
- --color-co-primary-foreground: var(--co-primary-foreground);
347
- --color-co-secondary: var(--co-secondary);
348
- --color-co-secondary-foreground: var(--co-secondary-foreground);
349
- --color-co-muted: var(--co-muted);
350
- --color-co-muted-foreground: var(--co-muted-foreground);
351
- --color-co-border: var(--co-border);
352
- --color-co-input: var(--co-input);
353
- --color-co-ring: var(--co-ring);
354
- --radius-co: var(--co-radius);
355
-
356
- /* custom colors */
357
- --color-co-pink: var(--co-pink);
358
- --color-co-yellow: var(--co-yellow);
359
- --color-co-blue: var(--co-blue);
360
- --color-co-orange: var(--co-orange);
361
-
362
- /* status colors */
363
- --color-co-destructive: var(--co-destructive);
364
- --color-co-destructive-foreground: var(--co-destructive-foreground);
365
- --color-co-success: var(--co-success);
366
- --color-co-success-foreground: var(--co-success-foreground);
367
- --color-co-neutral: var(--co-neutral);
368
- --color-co-neutral-foreground: var(--co-neutral-foreground);
369
- --color-co-warning: var(--co-warning);
370
- --color-co-warning-foreground: var(--co-warning-foreground);
371
- }
372
-
373
324
  @layer utilities {
374
325
  .cossistant {
375
326
  .animation-delay-0 {
@@ -411,4 +362,4 @@
411
362
  }
412
363
 
413
364
 
414
- /*# sourceMappingURL=support-DfYemt9I.css.map*/
365
+ /*# sourceMappingURL=support-D0JydWRx.css.map*/
@@ -0,0 +1 @@
1
+ {"version":3,"file":"support-D0JydWRx.css","names":[],"sources":["../../src/support/support.css"],"sourcesContent":["/*\n* This indicates to tailwind to\n* compile classes from Cossistant with the host tailwind config\n*/\n@source \"./components\";\n@source \"./pages\";\n\n@custom-variant dark (&:is(.dark *));\n\n@layer base {\n\t.cossistant {\n\t\t@apply scroll-smooth;\n\n\t\tcolor-scheme: inherit;\n\n\t\t/* Typeface tokens */\n\t\t--co-font-sans: var(--co-theme-font-sans, \"Geist\", \"Inter\", sans-serif);\n\t\t--co-font-mono: var(\n\t\t\t--co-theme-font-mono,\n\t\t\t\"Geist Mono\",\n\t\t\t\"Inter Mono\",\n\t\t\tmonospace\n\t\t);\n\n\t\t/* Core surfaces */\n\t\t--co-radius: var(--co-theme-radius, 0.625rem);\n\t\t--co-background-base: var(--co-theme-background, oklch(99% 0 0));\n\t\t--co-foreground-base: var(--co-theme-foreground, oklch(14.5% 0 0));\n\t\t--co-popover-base: var(--co-theme-popover, var(--co-background-base));\n\t\t--co-popover-foreground-base: var(\n\t\t\t--co-theme-popover-foreground,\n\t\t\tvar(--co-foreground-base)\n\t\t);\n\t\t--co-primary-base: var(--co-theme-primary, oklch(20.5% 0 0));\n\t\t--co-primary-foreground-base: var(\n\t\t\t--co-theme-primary-foreground,\n\t\t\toklch(98.5% 0 0)\n\t\t);\n\t\t--co-secondary-base: var(--co-theme-secondary, oklch(97% 0 0));\n\t\t--co-secondary-foreground-base: var(\n\t\t\t--co-theme-secondary-foreground,\n\t\t\toklch(20.5% 0 0)\n\t\t);\n\t\t--co-border-base: var(--co-theme-border, oklch(92.2% 0 0));\n\t\t--co-input-base: var(--co-theme-input, oklch(92.2% 0 0));\n\t\t--co-ring-base: var(--co-theme-ring, var(--co-primary-base));\n\t\t--co-accent-base: var(--co-theme-accent, var(--co-primary-base));\n\t\t--co-accent-foreground-base: var(\n\t\t\t--co-theme-accent-foreground,\n\t\t\tvar(--co-primary-foreground-base)\n\t\t);\n\n\t\t/* Neutral shades derived from the background */\n\t\t--co-background-50-mix: color-mix(\n\t\t\tin oklch,\n\t\t\tvar(--co-background-base) 98%,\n\t\t\tvar(--co-foreground-base)\n\t\t);\n\t\t--co-background-100-mix: color-mix(\n\t\t\tin oklch,\n\t\t\tvar(--co-background-base) 97%,\n\t\t\tvar(--co-foreground-base)\n\t\t);\n\t\t--co-background-200-mix: color-mix(\n\t\t\tin oklch,\n\t\t\tvar(--co-background-base) 96%,\n\t\t\tvar(--co-foreground-base)\n\t\t);\n\t\t--co-background-300-mix: color-mix(\n\t\t\tin oklch,\n\t\t\tvar(--co-background-base) 95%,\n\t\t\tvar(--co-foreground-base)\n\t\t);\n\t\t--co-background-400-mix: color-mix(\n\t\t\tin oklch,\n\t\t\tvar(--co-background-base) 94%,\n\t\t\tvar(--co-foreground-base)\n\t\t);\n\t\t--co-background-500-mix: color-mix(\n\t\t\tin oklch,\n\t\t\tvar(--co-background-base) 93%,\n\t\t\tvar(--co-foreground-base)\n\t\t);\n\t\t--co-background-600-mix: color-mix(\n\t\t\tin oklch,\n\t\t\tvar(--co-background-base) 92%,\n\t\t\tvar(--co-foreground-base)\n\t\t);\n\n\t\t/* Muted tones */\n\t\t--co-muted-mix: color-mix(\n\t\t\tin oklch,\n\t\t\tvar(--co-background-base) 85%,\n\t\t\tvar(--co-foreground-base)\n\t\t);\n\t\t--co-muted-foreground-mix: color-mix(\n\t\t\tin oklch,\n\t\t\tvar(--co-foreground-base) 70%,\n\t\t\twhite\n\t\t);\n\n\t\t/* Public tokens consumed by Tailwind theme */\n\t\t--co-background: var(--co-background-base);\n\t\t--co-background-50: var(\n\t\t\t--co-theme-background-50,\n\t\t\tvar(--co-background-50-mix, oklch(92% 0 0))\n\t\t);\n\t\t--co-background-100: var(\n\t\t\t--co-theme-background-100,\n\t\t\tvar(--co-background-100-mix, oklch(93% 0 0))\n\t\t);\n\t\t--co-background-200: var(\n\t\t\t--co-theme-background-200,\n\t\t\tvar(--co-background-200-mix, oklch(94% 0 0))\n\t\t);\n\t\t--co-background-300: var(\n\t\t\t--co-theme-background-300,\n\t\t\tvar(--co-background-300-mix, oklch(95% 0 0))\n\t\t);\n\t\t--co-background-400: var(\n\t\t\t--co-theme-background-400,\n\t\t\tvar(--co-background-400-mix, oklch(96% 0 0))\n\t\t);\n\t\t--co-background-500: var(\n\t\t\t--co-theme-background-500,\n\t\t\tvar(--co-background-500-mix, oklch(97% 0 0))\n\t\t);\n\t\t--co-background-600: var(\n\t\t\t--co-theme-background-600,\n\t\t\tvar(--co-background-600-mix, oklch(98% 0 0))\n\t\t);\n\n\t\t--co-foreground: var(--co-foreground-base);\n\t\t--co-popover: var(--co-popover-base);\n\t\t--co-popover-foreground: var(--co-popover-foreground-base);\n\t\t--co-primary: var(--co-primary-base);\n\t\t--co-primary-foreground: var(--co-primary-foreground-base);\n\t\t--co-secondary: var(--co-secondary-base);\n\t\t--co-secondary-foreground: var(--co-secondary-foreground-base);\n\t\t--co-muted: var(--co-theme-muted, var(--co-muted-mix, oklch(97% 0 0)));\n\t\t--co-muted-foreground: var(\n\t\t\t--co-theme-muted-foreground,\n\t\t\tvar(--co-muted-foreground-mix, oklch(55.6% 0 0))\n\t\t);\n\t\t--co-border: var(--co-border-base);\n\t\t--co-input: var(--co-input-base);\n\t\t--co-ring: var(--co-ring-base);\n\t\t--co-accent: var(--co-accent-base);\n\t\t--co-accent-foreground: var(--co-accent-foreground-base);\n\n\t\t/* Accent palette */\n\t\t--co-pink: var(--co-theme-pink, oklch(76.3% 0.152 354));\n\t\t--co-yellow: var(--co-theme-yellow, oklch(86.4% 0.144 99));\n\t\t--co-blue: var(--co-theme-blue, oklch(72.5% 0.132 241));\n\t\t--co-orange: var(--co-theme-orange, oklch(74.5% 0.166 50));\n\n\t\t/* Status colors */\n\t\t--co-destructive: var(--co-theme-destructive, oklch(57.7% 0.245 27.325));\n\t\t--co-destructive-foreground: var(\n\t\t\t--co-theme-destructive-foreground,\n\t\t\toklch(57.7% 0.245 27.325)\n\t\t);\n\t\t--co-success: var(--co-theme-success, oklch(71.7% 0.18 142));\n\t\t--co-success-foreground: var(\n\t\t\t--co-theme-success-foreground,\n\t\t\toklch(26.5% 0.052 142.7)\n\t\t);\n\t\t--co-neutral: var(--co-theme-neutral, oklch(60.8% 0 0));\n\t\t--co-neutral-foreground: var(\n\t\t\t--co-theme-neutral-foreground,\n\t\t\toklch(25.6% 0 0)\n\t\t);\n\t\t--co-warning: var(--co-theme-warning, oklch(86.4% 0.144 99));\n\t\t--co-warning-foreground: var(\n\t\t\t--co-theme-warning-foreground,\n\t\t\toklch(41.4% 0.071 99)\n\t\t);\n\n\t\t/* Tailwind theme mapping - scoped to widget */\n\t\t@theme inline {\n\t\t\t--font-co-sans: var(--co-font-sans);\n\t\t\t--font-co-mono: var(--co-font-mono);\n\t\t\t--color-co-background: var(--co-background);\n\t\t\t--color-co-background-50: var(--co-background-50);\n\t\t\t--color-co-background-100: var(--co-background-100);\n\t\t\t--color-co-background-200: var(--co-background-200);\n\t\t\t--color-co-background-300: var(--co-background-300);\n\t\t\t--color-co-background-400: var(--co-background-400);\n\t\t\t--color-co-background-500: var(--co-background-500);\n\t\t\t--color-co-background-600: var(--co-background-600);\n\n\t\t\t--color-co-foreground: var(--co-foreground);\n\n\t\t\t--color-co-primary: var(--co-primary);\n\t\t\t--color-co-primary-foreground: var(--co-primary-foreground);\n\t\t\t--color-co-secondary: var(--co-secondary);\n\t\t\t--color-co-secondary-foreground: var(--co-secondary-foreground);\n\t\t\t--color-co-muted: var(--co-muted);\n\t\t\t--color-co-muted-foreground: var(--co-muted-foreground);\n\t\t\t--color-co-border: var(--co-border);\n\t\t\t--color-co-input: var(--co-input);\n\t\t\t--color-co-ring: var(--co-ring);\n\t\t\t--radius-co: var(--co-radius);\n\n\t\t\t/* custom colors */\n\t\t\t--color-co-pink: var(--co-pink);\n\t\t\t--color-co-yellow: var(--co-yellow);\n\t\t\t--color-co-blue: var(--co-blue);\n\t\t\t--color-co-orange: var(--co-orange);\n\n\t\t\t/* status colors */\n\t\t\t--color-co-destructive: var(--co-destructive);\n\t\t\t--color-co-destructive-foreground: var(--co-destructive-foreground);\n\t\t\t--color-co-success: var(--co-success);\n\t\t\t--color-co-success-foreground: var(--co-success-foreground);\n\t\t\t--color-co-neutral: var(--co-neutral);\n\t\t\t--color-co-neutral-foreground: var(--co-neutral-foreground);\n\t\t\t--color-co-warning: var(--co-warning);\n\t\t\t--color-co-warning-foreground: var(--co-warning-foreground);\n\t\t}\n\t}\n\n\t.dark .cossistant,\n\t.cossistant[data-color-scheme=\"dark\"] {\n\t\t/* Dark mode defaults */\n\t\t--co-background-base: var(--co-theme-background, oklch(15.5% 0 0));\n\t\t--co-foreground-base: var(--co-theme-foreground, oklch(98.5% 0 0));\n\t\t--co-popover-base: var(--co-theme-popover, oklch(14.5% 0 0));\n\t\t--co-popover-foreground-base: var(\n\t\t\t--co-theme-popover-foreground,\n\t\t\toklch(98.5% 0 0)\n\t\t);\n\t\t--co-primary-base: var(--co-theme-primary, oklch(98.5% 0 0));\n\t\t--co-primary-foreground-base: var(\n\t\t\t--co-theme-primary-foreground,\n\t\t\toklch(20.5% 0 0)\n\t\t);\n\t\t--co-secondary-base: var(--co-theme-secondary, oklch(26.9% 0 0));\n\t\t--co-secondary-foreground-base: var(\n\t\t\t--co-theme-secondary-foreground,\n\t\t\toklch(98.5% 0 0)\n\t\t);\n\t\t--co-border-base: var(--co-theme-border, oklch(26.9% 0 0));\n\t\t--co-input-base: var(--co-theme-input, oklch(26.9% 0 0));\n\t\t--co-ring-base: var(--co-theme-ring, var(--co-primary-base));\n\t\t--co-accent-base: var(--co-theme-accent, var(--co-primary-base));\n\t\t--co-accent-foreground-base: var(\n\t\t\t--co-theme-accent-foreground,\n\t\t\tvar(--co-primary-foreground-base)\n\t\t);\n\n\t\t--co-muted-mix: color-mix(\n\t\t\tin oklch,\n\t\t\tvar(--co-background-base) 55%,\n\t\t\tvar(--co-foreground-base)\n\t\t);\n\t\t--co-muted-foreground-mix: color-mix(\n\t\t\tin oklch,\n\t\t\tvar(--co-foreground-base) 65%,\n\t\t\twhite\n\t\t);\n\n\t\t--co-background-50-mix: color-mix(\n\t\t\tin oklch,\n\t\t\tvar(--co-background-base) 98%,\n\t\t\tvar(--co-foreground-base)\n\t\t);\n\t\t--co-background-100-mix: color-mix(\n\t\t\tin oklch,\n\t\t\tvar(--co-background-base) 96%,\n\t\t\tvar(--co-foreground-base)\n\t\t);\n\t\t--co-background-200-mix: color-mix(\n\t\t\tin oklch,\n\t\t\tvar(--co-background-base) 94%,\n\t\t\tvar(--co-foreground-base)\n\t\t);\n\t\t--co-background-300-mix: color-mix(\n\t\t\tin oklch,\n\t\t\tvar(--co-background-base) 92%,\n\t\t\tvar(--co-foreground-base)\n\t\t);\n\t\t--co-background-400-mix: color-mix(\n\t\t\tin oklch,\n\t\t\tvar(--co-background-base) 90%,\n\t\t\tvar(--co-foreground-base)\n\t\t);\n\t\t--co-background-500-mix: color-mix(\n\t\t\tin oklch,\n\t\t\tvar(--co-background-base) 88%,\n\t\t\tvar(--co-foreground-base)\n\t\t);\n\t\t--co-background-600-mix: color-mix(\n\t\t\tin oklch,\n\t\t\tvar(--co-background-base) 86%,\n\t\t\tvar(--co-foreground-base)\n\t\t);\n\n\t\t--co-pink: var(--co-theme-pink, oklch(84.2% 0.109 354));\n\t\t--co-yellow: var(--co-theme-yellow, oklch(90.3% 0.111 99));\n\t\t--co-blue: var(--co-theme-blue, oklch(79.8% 0.089 241));\n\t\t--co-orange: var(--co-theme-orange, oklch(68.2% 0.194 50));\n\n\t\t--co-destructive: var(--co-theme-destructive, oklch(39.6% 0.141 25.723));\n\t\t--co-destructive-foreground: var(\n\t\t\t--co-theme-destructive-foreground,\n\t\t\toklch(63.7% 0.237 25.331)\n\t\t);\n\t\t--co-success: var(--co-theme-success, oklch(60% 0.15 142));\n\t\t--co-success-foreground: var(\n\t\t\t--co-theme-success-foreground,\n\t\t\toklch(85% 0.12 142)\n\t\t);\n\t\t--co-neutral: var(--co-theme-neutral, oklch(50% 0 0));\n\t\t--co-neutral-foreground: var(--co-theme-neutral-foreground, oklch(85% 0 0));\n\t\t--co-warning: var(--co-theme-warning, oklch(90.3% 0.111 99));\n\t\t--co-warning-foreground: var(\n\t\t\t--co-theme-warning-foreground,\n\t\t\toklch(85% 0.1 99)\n\t\t);\n\t}\n}\n\n@layer utilities {\n\t.cossistant {\n\t\t.animation-delay-0 {\n\t\t\tanimation-delay: 0ms;\n\t\t}\n\t\t.animation-delay-200 {\n\t\t\tanimation-delay: 200ms;\n\t\t}\n\t\t.animation-delay-400 {\n\t\t\tanimation-delay: 400ms;\n\t\t}\n\n\t\t@keyframes bounce-dot {\n\t\t\t0%,\n\t\t\t80%,\n\t\t\t100% {\n\t\t\t\ttransform: translateY(0);\n\t\t\t}\n\t\t\t40% {\n\t\t\t\ttransform: translateY(-6px);\n\t\t\t}\n\t\t}\n\n\t\t.dot-bounce-1 {\n\t\t\tanimation: bounce-dot 1.4s infinite;\n\t\t\tanimation-delay: 0s;\n\t\t}\n\n\t\t.dot-bounce-2 {\n\t\t\tanimation: bounce-dot 1.4s infinite;\n\t\t\tanimation-delay: 0.16s;\n\t\t}\n\n\t\t.dot-bounce-3 {\n\t\t\tanimation: bounce-dot 1.4s infinite;\n\t\t\tanimation-delay: 0.32s;\n\t\t}\n\t}\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA"}
package/support.css CHANGED
@@ -1,2 +1,2 @@
1
1
  /*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
2
- @layer base{.cossistant{border-color:var(--co-border);scroll-behavior:smooth;color-scheme:normal;--co-font-sans:var(--co-theme-font-sans,var(--font-sans,"Geist","Inter",sans-serif));--co-font-mono:var(--co-theme-font-mono,var(--font-mono,"Geist Mono","Inter Mono",monospace));--co-border-color:var(--co-theme-border-color,var(--color-border,oklch(92.2% 0 0)));--co-radius:var(--co-theme-radius,var(--radius,.625rem));--co-background-base:var(--co-theme-background,var(--background,oklch(99% 0 0)));--co-foreground-base:var(--co-theme-foreground,var(--foreground,oklch(14.5% 0 0)));--co-popover-base:var(--co-theme-popover,var(--popover,var(--co-background-base)));--co-popover-foreground-base:var(--co-theme-popover-foreground,var(--popover-foreground,var(--co-foreground-base)));--co-primary-base:var(--co-theme-primary,var(--primary,oklch(20.5% 0 0)));--co-primary-foreground-base:var(--co-theme-primary-foreground,var(--primary-foreground,oklch(98.5% 0 0)));--co-secondary-base:var(--co-theme-secondary,var(--secondary,oklch(97% 0 0)));--co-secondary-foreground-base:var(--co-theme-secondary-foreground,var(--secondary-foreground,oklch(20.5% 0 0)));--co-border-base:var(--co-theme-border,var(--border,oklch(92.2% 0 0)));--co-input-base:var(--co-theme-input,var(--input,oklch(92.2% 0 0)));--co-ring-base:var(--co-theme-ring,var(--ring,var(--co-primary-base)));--co-accent-base:var(--co-theme-accent,var(--accent,var(--co-primary-base)));--co-accent-foreground-base:var(--co-theme-accent-foreground,var(--accent-foreground,var(--co-primary-foreground-base)));--co-background-50-mix:var(--co-background-base)}@supports (color:color-mix(in lab, red, red)){.cossistant{--co-background-50-mix:color-mix(in oklch,var(--co-background-base)98%,var(--co-foreground-base))}}.cossistant{--co-background-100-mix:var(--co-background-base)}@supports (color:color-mix(in lab, red, red)){.cossistant{--co-background-100-mix:color-mix(in oklch,var(--co-background-base)97%,var(--co-foreground-base))}}.cossistant{--co-background-200-mix:var(--co-background-base)}@supports (color:color-mix(in lab, red, red)){.cossistant{--co-background-200-mix:color-mix(in oklch,var(--co-background-base)96%,var(--co-foreground-base))}}.cossistant{--co-background-300-mix:var(--co-background-base)}@supports (color:color-mix(in lab, red, red)){.cossistant{--co-background-300-mix:color-mix(in oklch,var(--co-background-base)95%,var(--co-foreground-base))}}.cossistant{--co-background-400-mix:var(--co-background-base)}@supports (color:color-mix(in lab, red, red)){.cossistant{--co-background-400-mix:color-mix(in oklch,var(--co-background-base)94%,var(--co-foreground-base))}}.cossistant{--co-background-500-mix:var(--co-background-base)}@supports (color:color-mix(in lab, red, red)){.cossistant{--co-background-500-mix:color-mix(in oklch,var(--co-background-base)93%,var(--co-foreground-base))}}.cossistant{--co-background-600-mix:var(--co-background-base)}@supports (color:color-mix(in lab, red, red)){.cossistant{--co-background-600-mix:color-mix(in oklch,var(--co-background-base)92%,var(--co-foreground-base))}}.cossistant{--co-muted-mix:var(--co-background-base)}@supports (color:color-mix(in lab, red, red)){.cossistant{--co-muted-mix:color-mix(in oklch,var(--co-background-base)85%,var(--co-foreground-base))}}.cossistant{--co-muted-foreground-mix:var(--co-foreground-base)}@supports (color:color-mix(in lab, red, red)){.cossistant{--co-muted-foreground-mix:color-mix(in oklch,var(--co-foreground-base)70%,white)}}.cossistant{--co-background:var(--co-background-base);--co-background-50:var(--co-theme-background-50,var(--co-background-50-mix,oklch(92% 0 0)));--co-background-100:var(--co-theme-background-100,var(--co-background-100-mix,oklch(93% 0 0)));--co-background-200:var(--co-theme-background-200,var(--co-background-200-mix,oklch(94% 0 0)));--co-background-300:var(--co-theme-background-300,var(--co-background-300-mix,oklch(95% 0 0)));--co-background-400:var(--co-theme-background-400,var(--co-background-400-mix,oklch(96% 0 0)));--co-background-500:var(--co-theme-background-500,var(--co-background-500-mix,oklch(97% 0 0)));--co-background-600:var(--co-theme-background-600,var(--co-background-600-mix,oklch(98% 0 0)));--co-foreground:var(--co-foreground-base);--co-popover:var(--co-popover-base);--co-popover-foreground:var(--co-popover-foreground-base);--co-primary:var(--co-primary-base);--co-primary-foreground:var(--co-primary-foreground-base);--co-secondary:var(--co-secondary-base);--co-secondary-foreground:var(--co-secondary-foreground-base);--co-muted:var(--co-theme-muted,var(--muted,var(--co-muted-mix,oklch(97% 0 0))));--co-muted-foreground:var(--co-theme-muted-foreground,var(--muted-foreground,var(--co-muted-foreground-mix,oklch(55.6% 0 0))));--co-border:var(--co-border-base);--co-input:var(--co-input-base);--co-ring:var(--co-ring-base);--co-accent:var(--co-accent-base);--co-accent-foreground:var(--co-accent-foreground-base);--co-pink:var(--co-theme-pink,oklch(76.3% .152 354));--co-yellow:var(--co-theme-yellow,oklch(86.4% .144 99));--co-blue:var(--co-theme-blue,oklch(72.5% .132 241));--co-orange:var(--co-theme-orange,oklch(74.5% .166 50));--co-destructive:var(--co-theme-destructive,oklch(57.7% .245 27.325));--co-destructive-foreground:var(--co-theme-destructive-foreground,oklch(57.7% .245 27.325));--co-success:var(--co-theme-success,oklch(71.7% .18 142));--co-success-foreground:var(--co-theme-success-foreground,oklch(26.5% .052 142.7));--co-neutral:var(--co-theme-neutral,oklch(60.8% 0 0));--co-neutral-foreground:var(--co-theme-neutral-foreground,oklch(25.6% 0 0));--co-warning:var(--co-theme-warning,oklch(86.4% .144 99));--co-warning-foreground:var(--co-theme-warning-foreground,oklch(41.4% .071 99))}.dark .cossistant,.cossistant[data-color-scheme=dark]{--co-background-base:var(--co-theme-background,var(--background,oklch(15.5% 0 0)));--co-foreground-base:var(--co-theme-foreground,var(--foreground,oklch(98.5% 0 0)));--co-border-color:var(--co-theme-border-color,var(--color-border,oklch(26.9% 0 0)));--co-popover-base:var(--co-theme-popover,var(--popover,oklch(14.5% 0 0)));--co-popover-foreground-base:var(--co-theme-popover-foreground,var(--popover-foreground,oklch(98.5% 0 0)));--co-primary-base:var(--co-theme-primary,var(--primary,oklch(98.5% 0 0)));--co-primary-foreground-base:var(--co-theme-primary-foreground,var(--primary-foreground,oklch(20.5% 0 0)));--co-secondary-base:var(--co-theme-secondary,var(--secondary,oklch(26.9% 0 0)));--co-secondary-foreground-base:var(--co-theme-secondary-foreground,var(--secondary-foreground,oklch(98.5% 0 0)));--co-border-base:var(--co-theme-border,var(--border,oklch(26.9% 0 0)));--co-input-base:var(--co-theme-input,var(--input,oklch(26.9% 0 0)));--co-ring-base:var(--co-theme-ring,var(--ring,var(--co-primary-base)));--co-accent-base:var(--co-theme-accent,var(--accent,var(--co-primary-base)));--co-accent-foreground-base:var(--co-theme-accent-foreground,var(--accent-foreground,var(--co-primary-foreground-base)));--co-muted-mix:var(--co-background-base)}@supports (color:color-mix(in lab, red, red)){.dark .cossistant,.cossistant[data-color-scheme=dark]{--co-muted-mix:color-mix(in oklch,var(--co-background-base)55%,var(--co-foreground-base))}}.dark .cossistant,.cossistant[data-color-scheme=dark]{--co-muted-foreground-mix:var(--co-foreground-base)}@supports (color:color-mix(in lab, red, red)){.dark .cossistant,.cossistant[data-color-scheme=dark]{--co-muted-foreground-mix:color-mix(in oklch,var(--co-foreground-base)65%,white)}}.dark .cossistant,.cossistant[data-color-scheme=dark]{--co-background-50-mix:var(--co-background-base)}@supports (color:color-mix(in lab, red, red)){.dark .cossistant,.cossistant[data-color-scheme=dark]{--co-background-50-mix:color-mix(in oklch,var(--co-background-base)98%,var(--co-foreground-base))}}.dark .cossistant,.cossistant[data-color-scheme=dark]{--co-background-100-mix:var(--co-background-base)}@supports (color:color-mix(in lab, red, red)){.dark .cossistant,.cossistant[data-color-scheme=dark]{--co-background-100-mix:color-mix(in oklch,var(--co-background-base)96%,var(--co-foreground-base))}}.dark .cossistant,.cossistant[data-color-scheme=dark]{--co-background-200-mix:var(--co-background-base)}@supports (color:color-mix(in lab, red, red)){.dark .cossistant,.cossistant[data-color-scheme=dark]{--co-background-200-mix:color-mix(in oklch,var(--co-background-base)94%,var(--co-foreground-base))}}.dark .cossistant,.cossistant[data-color-scheme=dark]{--co-background-300-mix:var(--co-background-base)}@supports (color:color-mix(in lab, red, red)){.dark .cossistant,.cossistant[data-color-scheme=dark]{--co-background-300-mix:color-mix(in oklch,var(--co-background-base)92%,var(--co-foreground-base))}}.dark .cossistant,.cossistant[data-color-scheme=dark]{--co-background-400-mix:var(--co-background-base)}@supports (color:color-mix(in lab, red, red)){.dark .cossistant,.cossistant[data-color-scheme=dark]{--co-background-400-mix:color-mix(in oklch,var(--co-background-base)90%,var(--co-foreground-base))}}.dark .cossistant,.cossistant[data-color-scheme=dark]{--co-background-500-mix:var(--co-background-base)}@supports (color:color-mix(in lab, red, red)){.dark .cossistant,.cossistant[data-color-scheme=dark]{--co-background-500-mix:color-mix(in oklch,var(--co-background-base)88%,var(--co-foreground-base))}}.dark .cossistant,.cossistant[data-color-scheme=dark]{--co-background-600-mix:var(--co-background-base)}@supports (color:color-mix(in lab, red, red)){.dark .cossistant,.cossistant[data-color-scheme=dark]{--co-background-600-mix:color-mix(in oklch,var(--co-background-base)86%,var(--co-foreground-base))}}.dark .cossistant,.cossistant[data-color-scheme=dark]{--co-pink:var(--co-theme-pink,oklch(84.2% .109 354));--co-yellow:var(--co-theme-yellow,oklch(90.3% .111 99));--co-blue:var(--co-theme-blue,oklch(79.8% .089 241));--co-orange:var(--co-theme-orange,oklch(68.2% .194 50));--co-destructive:var(--co-theme-destructive,oklch(39.6% .141 25.723));--co-destructive-foreground:var(--co-theme-destructive-foreground,oklch(63.7% .237 25.331));--co-success:var(--co-theme-success,oklch(60% .15 142));--co-success-foreground:var(--co-theme-success-foreground,oklch(85% .12 142));--co-neutral:var(--co-theme-neutral,oklch(50% 0 0));--co-neutral-foreground:var(--co-theme-neutral-foreground,oklch(85% 0 0));--co-warning:var(--co-theme-warning,oklch(90.3% .111 99));--co-warning-foreground:var(--co-theme-warning-foreground,oklch(85% .1 99))}}@layer utilities{.cossistant .animation-delay-0{animation-delay:0s}.cossistant .animation-delay-200{animation-delay:.2s}.cossistant .animation-delay-400{animation-delay:.4s}.cossistant .dot-bounce-1{animation:1.4s infinite bounce-dot}.cossistant .dot-bounce-2{animation:1.4s .16s infinite bounce-dot}.cossistant .dot-bounce-3{animation:1.4s .32s infinite bounce-dot}}
2
+ @layer base{.cossistant{scroll-behavior:smooth;color-scheme:normal;--co-font-sans:var(--co-theme-font-sans,"Geist","Inter",sans-serif);--co-font-mono:var(--co-theme-font-mono,"Geist Mono","Inter Mono",monospace);--co-radius:var(--co-theme-radius,.625rem);--co-background-base:var(--co-theme-background,oklch(99% 0 0));--co-foreground-base:var(--co-theme-foreground,oklch(14.5% 0 0));--co-popover-base:var(--co-theme-popover,var(--co-background-base));--co-popover-foreground-base:var(--co-theme-popover-foreground,var(--co-foreground-base));--co-primary-base:var(--co-theme-primary,oklch(20.5% 0 0));--co-primary-foreground-base:var(--co-theme-primary-foreground,oklch(98.5% 0 0));--co-secondary-base:var(--co-theme-secondary,oklch(97% 0 0));--co-secondary-foreground-base:var(--co-theme-secondary-foreground,oklch(20.5% 0 0));--co-border-base:var(--co-theme-border,oklch(92.2% 0 0));--co-input-base:var(--co-theme-input,oklch(92.2% 0 0));--co-ring-base:var(--co-theme-ring,var(--co-primary-base));--co-accent-base:var(--co-theme-accent,var(--co-primary-base));--co-accent-foreground-base:var(--co-theme-accent-foreground,var(--co-primary-foreground-base));--co-background-50-mix:var(--co-background-base)}@supports (color:color-mix(in lab, red, red)){.cossistant{--co-background-50-mix:color-mix(in oklch,var(--co-background-base)98%,var(--co-foreground-base))}}.cossistant{--co-background-100-mix:var(--co-background-base)}@supports (color:color-mix(in lab, red, red)){.cossistant{--co-background-100-mix:color-mix(in oklch,var(--co-background-base)97%,var(--co-foreground-base))}}.cossistant{--co-background-200-mix:var(--co-background-base)}@supports (color:color-mix(in lab, red, red)){.cossistant{--co-background-200-mix:color-mix(in oklch,var(--co-background-base)96%,var(--co-foreground-base))}}.cossistant{--co-background-300-mix:var(--co-background-base)}@supports (color:color-mix(in lab, red, red)){.cossistant{--co-background-300-mix:color-mix(in oklch,var(--co-background-base)95%,var(--co-foreground-base))}}.cossistant{--co-background-400-mix:var(--co-background-base)}@supports (color:color-mix(in lab, red, red)){.cossistant{--co-background-400-mix:color-mix(in oklch,var(--co-background-base)94%,var(--co-foreground-base))}}.cossistant{--co-background-500-mix:var(--co-background-base)}@supports (color:color-mix(in lab, red, red)){.cossistant{--co-background-500-mix:color-mix(in oklch,var(--co-background-base)93%,var(--co-foreground-base))}}.cossistant{--co-background-600-mix:var(--co-background-base)}@supports (color:color-mix(in lab, red, red)){.cossistant{--co-background-600-mix:color-mix(in oklch,var(--co-background-base)92%,var(--co-foreground-base))}}.cossistant{--co-muted-mix:var(--co-background-base)}@supports (color:color-mix(in lab, red, red)){.cossistant{--co-muted-mix:color-mix(in oklch,var(--co-background-base)85%,var(--co-foreground-base))}}.cossistant{--co-muted-foreground-mix:var(--co-foreground-base)}@supports (color:color-mix(in lab, red, red)){.cossistant{--co-muted-foreground-mix:color-mix(in oklch,var(--co-foreground-base)70%,white)}}.cossistant{--co-background:var(--co-background-base);--co-background-50:var(--co-theme-background-50,var(--co-background-50-mix,oklch(92% 0 0)));--co-background-100:var(--co-theme-background-100,var(--co-background-100-mix,oklch(93% 0 0)));--co-background-200:var(--co-theme-background-200,var(--co-background-200-mix,oklch(94% 0 0)));--co-background-300:var(--co-theme-background-300,var(--co-background-300-mix,oklch(95% 0 0)));--co-background-400:var(--co-theme-background-400,var(--co-background-400-mix,oklch(96% 0 0)));--co-background-500:var(--co-theme-background-500,var(--co-background-500-mix,oklch(97% 0 0)));--co-background-600:var(--co-theme-background-600,var(--co-background-600-mix,oklch(98% 0 0)));--co-foreground:var(--co-foreground-base);--co-popover:var(--co-popover-base);--co-popover-foreground:var(--co-popover-foreground-base);--co-primary:var(--co-primary-base);--co-primary-foreground:var(--co-primary-foreground-base);--co-secondary:var(--co-secondary-base);--co-secondary-foreground:var(--co-secondary-foreground-base);--co-muted:var(--co-theme-muted,var(--co-muted-mix,oklch(97% 0 0)));--co-muted-foreground:var(--co-theme-muted-foreground,var(--co-muted-foreground-mix,oklch(55.6% 0 0)));--co-border:var(--co-border-base);--co-input:var(--co-input-base);--co-ring:var(--co-ring-base);--co-accent:var(--co-accent-base);--co-accent-foreground:var(--co-accent-foreground-base);--co-pink:var(--co-theme-pink,oklch(76.3% .152 354));--co-yellow:var(--co-theme-yellow,oklch(86.4% .144 99));--co-blue:var(--co-theme-blue,oklch(72.5% .132 241));--co-orange:var(--co-theme-orange,oklch(74.5% .166 50));--co-destructive:var(--co-theme-destructive,oklch(57.7% .245 27.325));--co-destructive-foreground:var(--co-theme-destructive-foreground,oklch(57.7% .245 27.325));--co-success:var(--co-theme-success,oklch(71.7% .18 142));--co-success-foreground:var(--co-theme-success-foreground,oklch(26.5% .052 142.7));--co-neutral:var(--co-theme-neutral,oklch(60.8% 0 0));--co-neutral-foreground:var(--co-theme-neutral-foreground,oklch(25.6% 0 0));--co-warning:var(--co-theme-warning,oklch(86.4% .144 99));--co-warning-foreground:var(--co-theme-warning-foreground,oklch(41.4% .071 99))}.dark .cossistant,.cossistant[data-color-scheme=dark]{--co-background-base:var(--co-theme-background,oklch(15.5% 0 0));--co-foreground-base:var(--co-theme-foreground,oklch(98.5% 0 0));--co-popover-base:var(--co-theme-popover,oklch(14.5% 0 0));--co-popover-foreground-base:var(--co-theme-popover-foreground,oklch(98.5% 0 0));--co-primary-base:var(--co-theme-primary,oklch(98.5% 0 0));--co-primary-foreground-base:var(--co-theme-primary-foreground,oklch(20.5% 0 0));--co-secondary-base:var(--co-theme-secondary,oklch(26.9% 0 0));--co-secondary-foreground-base:var(--co-theme-secondary-foreground,oklch(98.5% 0 0));--co-border-base:var(--co-theme-border,oklch(26.9% 0 0));--co-input-base:var(--co-theme-input,oklch(26.9% 0 0));--co-ring-base:var(--co-theme-ring,var(--co-primary-base));--co-accent-base:var(--co-theme-accent,var(--co-primary-base));--co-accent-foreground-base:var(--co-theme-accent-foreground,var(--co-primary-foreground-base));--co-muted-mix:var(--co-background-base)}@supports (color:color-mix(in lab, red, red)){.dark .cossistant,.cossistant[data-color-scheme=dark]{--co-muted-mix:color-mix(in oklch,var(--co-background-base)55%,var(--co-foreground-base))}}.dark .cossistant,.cossistant[data-color-scheme=dark]{--co-muted-foreground-mix:var(--co-foreground-base)}@supports (color:color-mix(in lab, red, red)){.dark .cossistant,.cossistant[data-color-scheme=dark]{--co-muted-foreground-mix:color-mix(in oklch,var(--co-foreground-base)65%,white)}}.dark .cossistant,.cossistant[data-color-scheme=dark]{--co-background-50-mix:var(--co-background-base)}@supports (color:color-mix(in lab, red, red)){.dark .cossistant,.cossistant[data-color-scheme=dark]{--co-background-50-mix:color-mix(in oklch,var(--co-background-base)98%,var(--co-foreground-base))}}.dark .cossistant,.cossistant[data-color-scheme=dark]{--co-background-100-mix:var(--co-background-base)}@supports (color:color-mix(in lab, red, red)){.dark .cossistant,.cossistant[data-color-scheme=dark]{--co-background-100-mix:color-mix(in oklch,var(--co-background-base)96%,var(--co-foreground-base))}}.dark .cossistant,.cossistant[data-color-scheme=dark]{--co-background-200-mix:var(--co-background-base)}@supports (color:color-mix(in lab, red, red)){.dark .cossistant,.cossistant[data-color-scheme=dark]{--co-background-200-mix:color-mix(in oklch,var(--co-background-base)94%,var(--co-foreground-base))}}.dark .cossistant,.cossistant[data-color-scheme=dark]{--co-background-300-mix:var(--co-background-base)}@supports (color:color-mix(in lab, red, red)){.dark .cossistant,.cossistant[data-color-scheme=dark]{--co-background-300-mix:color-mix(in oklch,var(--co-background-base)92%,var(--co-foreground-base))}}.dark .cossistant,.cossistant[data-color-scheme=dark]{--co-background-400-mix:var(--co-background-base)}@supports (color:color-mix(in lab, red, red)){.dark .cossistant,.cossistant[data-color-scheme=dark]{--co-background-400-mix:color-mix(in oklch,var(--co-background-base)90%,var(--co-foreground-base))}}.dark .cossistant,.cossistant[data-color-scheme=dark]{--co-background-500-mix:var(--co-background-base)}@supports (color:color-mix(in lab, red, red)){.dark .cossistant,.cossistant[data-color-scheme=dark]{--co-background-500-mix:color-mix(in oklch,var(--co-background-base)88%,var(--co-foreground-base))}}.dark .cossistant,.cossistant[data-color-scheme=dark]{--co-background-600-mix:var(--co-background-base)}@supports (color:color-mix(in lab, red, red)){.dark .cossistant,.cossistant[data-color-scheme=dark]{--co-background-600-mix:color-mix(in oklch,var(--co-background-base)86%,var(--co-foreground-base))}}.dark .cossistant,.cossistant[data-color-scheme=dark]{--co-pink:var(--co-theme-pink,oklch(84.2% .109 354));--co-yellow:var(--co-theme-yellow,oklch(90.3% .111 99));--co-blue:var(--co-theme-blue,oklch(79.8% .089 241));--co-orange:var(--co-theme-orange,oklch(68.2% .194 50));--co-destructive:var(--co-theme-destructive,oklch(39.6% .141 25.723));--co-destructive-foreground:var(--co-theme-destructive-foreground,oklch(63.7% .237 25.331));--co-success:var(--co-theme-success,oklch(60% .15 142));--co-success-foreground:var(--co-theme-success-foreground,oklch(85% .12 142));--co-neutral:var(--co-theme-neutral,oklch(50% 0 0));--co-neutral-foreground:var(--co-theme-neutral-foreground,oklch(85% 0 0));--co-warning:var(--co-theme-warning,oklch(90.3% .111 99));--co-warning-foreground:var(--co-theme-warning-foreground,oklch(85% .1 99))}}@layer utilities{.cossistant .animation-delay-0{animation-delay:0s}.cossistant .animation-delay-200{animation-delay:.2s}.cossistant .animation-delay-400{animation-delay:.4s}.cossistant .dot-bounce-1{animation:1.4s infinite bounce-dot}.cossistant .dot-bounce-2{animation:1.4s .16s infinite bounce-dot}.cossistant .dot-bounce-3{animation:1.4s .32s infinite bounce-dot}}
package/tailwind.css CHANGED
@@ -9,70 +9,45 @@
9
9
 
10
10
  @layer base {
11
11
  .cossistant {
12
- @apply border-co-border;
13
12
  @apply scroll-smooth;
14
13
 
15
14
  color-scheme: inherit;
16
15
 
17
16
  /* Typeface tokens */
18
- --co-font-sans: var(
19
- --co-theme-font-sans,
20
- var(--font-sans, "Geist", "Inter", sans-serif)
21
- );
17
+ --co-font-sans: var(--co-theme-font-sans, "Geist", "Inter", sans-serif);
22
18
  --co-font-mono: var(
23
19
  --co-theme-font-mono,
24
- var(--font-mono, "Geist Mono", "Inter Mono", monospace)
25
- );
26
-
27
- --co-border-color: var(
28
- --co-theme-border-color,
29
- var(--color-border, oklch(92.2% 0 0))
20
+ "Geist Mono",
21
+ "Inter Mono",
22
+ monospace
30
23
  );
31
24
 
32
25
  /* Core surfaces */
33
- --co-radius: var(--co-theme-radius, var(--radius, 0.625rem));
34
- --co-background-base: var(
35
- --co-theme-background,
36
- var(--background, oklch(99% 0 0))
37
- );
38
- --co-foreground-base: var(
39
- --co-theme-foreground,
40
- var(--foreground, oklch(14.5% 0 0))
41
- );
42
- --co-popover-base: var(
43
- --co-theme-popover,
44
- var(--popover, var(--co-background-base))
45
- );
26
+ --co-radius: var(--co-theme-radius, 0.625rem);
27
+ --co-background-base: var(--co-theme-background, oklch(99% 0 0));
28
+ --co-foreground-base: var(--co-theme-foreground, oklch(14.5% 0 0));
29
+ --co-popover-base: var(--co-theme-popover, var(--co-background-base));
46
30
  --co-popover-foreground-base: var(
47
31
  --co-theme-popover-foreground,
48
- var(--popover-foreground, var(--co-foreground-base))
49
- );
50
- --co-primary-base: var(
51
- --co-theme-primary,
52
- var(--primary, oklch(20.5% 0 0))
32
+ var(--co-foreground-base)
53
33
  );
34
+ --co-primary-base: var(--co-theme-primary, oklch(20.5% 0 0));
54
35
  --co-primary-foreground-base: var(
55
36
  --co-theme-primary-foreground,
56
- var(--primary-foreground, oklch(98.5% 0 0))
57
- );
58
- --co-secondary-base: var(
59
- --co-theme-secondary,
60
- var(--secondary, oklch(97% 0 0))
37
+ oklch(98.5% 0 0)
61
38
  );
39
+ --co-secondary-base: var(--co-theme-secondary, oklch(97% 0 0));
62
40
  --co-secondary-foreground-base: var(
63
41
  --co-theme-secondary-foreground,
64
- var(--secondary-foreground, oklch(20.5% 0 0))
65
- );
66
- --co-border-base: var(--co-theme-border, var(--border, oklch(92.2% 0 0)));
67
- --co-input-base: var(--co-theme-input, var(--input, oklch(92.2% 0 0)));
68
- --co-ring-base: var(--co-theme-ring, var(--ring, var(--co-primary-base)));
69
- --co-accent-base: var(
70
- --co-theme-accent,
71
- var(--accent, var(--co-primary-base))
42
+ oklch(20.5% 0 0)
72
43
  );
44
+ --co-border-base: var(--co-theme-border, oklch(92.2% 0 0));
45
+ --co-input-base: var(--co-theme-input, oklch(92.2% 0 0));
46
+ --co-ring-base: var(--co-theme-ring, var(--co-primary-base));
47
+ --co-accent-base: var(--co-theme-accent, var(--co-primary-base));
73
48
  --co-accent-foreground-base: var(
74
49
  --co-theme-accent-foreground,
75
- var(--accent-foreground, var(--co-primary-foreground-base))
50
+ var(--co-primary-foreground-base)
76
51
  );
77
52
 
78
53
  /* Neutral shades derived from the background */
@@ -162,13 +137,10 @@
162
137
  --co-primary-foreground: var(--co-primary-foreground-base);
163
138
  --co-secondary: var(--co-secondary-base);
164
139
  --co-secondary-foreground: var(--co-secondary-foreground-base);
165
- --co-muted: var(
166
- --co-theme-muted,
167
- var(--muted, var(--co-muted-mix, oklch(97% 0 0)))
168
- );
140
+ --co-muted: var(--co-theme-muted, var(--co-muted-mix, oklch(97% 0 0)));
169
141
  --co-muted-foreground: var(
170
142
  --co-theme-muted-foreground,
171
- var(--muted-foreground, var(--co-muted-foreground-mix, oklch(55.6% 0 0)))
143
+ var(--co-muted-foreground-mix, oklch(55.6% 0 0))
172
144
  );
173
145
  --co-border: var(--co-border-base);
174
146
  --co-input: var(--co-input-base);
@@ -203,57 +175,78 @@
203
175
  --co-theme-warning-foreground,
204
176
  oklch(41.4% 0.071 99)
205
177
  );
178
+
179
+ /* Tailwind theme mapping - scoped to widget */
180
+ @theme inline {
181
+ --font-co-sans: var(--co-font-sans);
182
+ --font-co-mono: var(--co-font-mono);
183
+ --color-co-background: var(--co-background);
184
+ --color-co-background-50: var(--co-background-50);
185
+ --color-co-background-100: var(--co-background-100);
186
+ --color-co-background-200: var(--co-background-200);
187
+ --color-co-background-300: var(--co-background-300);
188
+ --color-co-background-400: var(--co-background-400);
189
+ --color-co-background-500: var(--co-background-500);
190
+ --color-co-background-600: var(--co-background-600);
191
+
192
+ --color-co-foreground: var(--co-foreground);
193
+
194
+ --color-co-primary: var(--co-primary);
195
+ --color-co-primary-foreground: var(--co-primary-foreground);
196
+ --color-co-secondary: var(--co-secondary);
197
+ --color-co-secondary-foreground: var(--co-secondary-foreground);
198
+ --color-co-muted: var(--co-muted);
199
+ --color-co-muted-foreground: var(--co-muted-foreground);
200
+ --color-co-border: var(--co-border);
201
+ --color-co-input: var(--co-input);
202
+ --color-co-ring: var(--co-ring);
203
+ --radius-co: var(--co-radius);
204
+
205
+ /* custom colors */
206
+ --color-co-pink: var(--co-pink);
207
+ --color-co-yellow: var(--co-yellow);
208
+ --color-co-blue: var(--co-blue);
209
+ --color-co-orange: var(--co-orange);
210
+
211
+ /* status colors */
212
+ --color-co-destructive: var(--co-destructive);
213
+ --color-co-destructive-foreground: var(--co-destructive-foreground);
214
+ --color-co-success: var(--co-success);
215
+ --color-co-success-foreground: var(--co-success-foreground);
216
+ --color-co-neutral: var(--co-neutral);
217
+ --color-co-neutral-foreground: var(--co-neutral-foreground);
218
+ --color-co-warning: var(--co-warning);
219
+ --color-co-warning-foreground: var(--co-warning-foreground);
220
+ }
206
221
  }
207
222
 
208
223
  .dark .cossistant,
209
224
  .cossistant[data-color-scheme="dark"] {
210
- /* Provide dark defaults without overriding host tokens */
211
- --co-background-base: var(
212
- --co-theme-background,
213
- var(--background, oklch(15.5% 0 0))
214
- );
215
- --co-foreground-base: var(
216
- --co-theme-foreground,
217
- var(--foreground, oklch(98.5% 0 0))
218
- );
219
- --co-border-color: var(
220
- --co-theme-border-color,
221
- var(--color-border, oklch(26.9% 0 0))
222
- );
223
- --co-popover-base: var(
224
- --co-theme-popover,
225
- var(--popover, oklch(14.5% 0 0))
226
- );
225
+ /* Dark mode defaults */
226
+ --co-background-base: var(--co-theme-background, oklch(15.5% 0 0));
227
+ --co-foreground-base: var(--co-theme-foreground, oklch(98.5% 0 0));
228
+ --co-popover-base: var(--co-theme-popover, oklch(14.5% 0 0));
227
229
  --co-popover-foreground-base: var(
228
230
  --co-theme-popover-foreground,
229
- var(--popover-foreground, oklch(98.5% 0 0))
230
- );
231
- --co-primary-base: var(
232
- --co-theme-primary,
233
- var(--primary, oklch(98.5% 0 0))
231
+ oklch(98.5% 0 0)
234
232
  );
233
+ --co-primary-base: var(--co-theme-primary, oklch(98.5% 0 0));
235
234
  --co-primary-foreground-base: var(
236
235
  --co-theme-primary-foreground,
237
- var(--primary-foreground, oklch(20.5% 0 0))
238
- );
239
- --co-secondary-base: var(
240
- --co-theme-secondary,
241
- var(--secondary, oklch(26.9% 0 0))
236
+ oklch(20.5% 0 0)
242
237
  );
238
+ --co-secondary-base: var(--co-theme-secondary, oklch(26.9% 0 0));
243
239
  --co-secondary-foreground-base: var(
244
240
  --co-theme-secondary-foreground,
245
- var(--secondary-foreground, oklch(98.5% 0 0))
246
- );
247
- --co-border-base: var(--co-theme-border, var(--border, oklch(26.9% 0 0)));
248
- --co-input-base: var(--co-theme-input, var(--input, oklch(26.9% 0 0)));
249
- --co-ring-base: var(--co-theme-ring, var(--ring, var(--co-primary-base)));
250
- --co-accent-base: var(
251
- --co-theme-accent,
252
- var(--accent, var(--co-primary-base))
241
+ oklch(98.5% 0 0)
253
242
  );
243
+ --co-border-base: var(--co-theme-border, oklch(26.9% 0 0));
244
+ --co-input-base: var(--co-theme-input, oklch(26.9% 0 0));
245
+ --co-ring-base: var(--co-theme-ring, var(--co-primary-base));
246
+ --co-accent-base: var(--co-theme-accent, var(--co-primary-base));
254
247
  --co-accent-foreground-base: var(
255
248
  --co-theme-accent-foreground,
256
- var(--accent-foreground, var(--co-primary-foreground-base))
249
+ var(--co-primary-foreground-base)
257
250
  );
258
251
 
259
252
  --co-muted-mix: color-mix(
@@ -328,48 +321,6 @@
328
321
  }
329
322
  }
330
323
 
331
- @theme inline {
332
- --font-co-sans: var(--co-font-sans);
333
- --font-co-mono: var(--co-font-mono);
334
- --color-co-background: var(--co-background);
335
- --color-co-background-50: var(--co-background-50);
336
- --color-co-background-100: var(--co-background-100);
337
- --color-co-background-200: var(--co-background-200);
338
- --color-co-background-300: var(--co-background-300);
339
- --color-co-background-400: var(--co-background-400);
340
- --color-co-background-500: var(--co-background-500);
341
- --color-co-background-600: var(--co-background-600);
342
-
343
- --color-co-foreground: var(--co-foreground);
344
-
345
- --color-co-primary: var(--co-primary);
346
- --color-co-primary-foreground: var(--co-primary-foreground);
347
- --color-co-secondary: var(--co-secondary);
348
- --color-co-secondary-foreground: var(--co-secondary-foreground);
349
- --color-co-muted: var(--co-muted);
350
- --color-co-muted-foreground: var(--co-muted-foreground);
351
- --color-co-border: var(--co-border);
352
- --color-co-input: var(--co-input);
353
- --color-co-ring: var(--co-ring);
354
- --radius-co: var(--co-radius);
355
-
356
- /* custom colors */
357
- --color-co-pink: var(--co-pink);
358
- --color-co-yellow: var(--co-yellow);
359
- --color-co-blue: var(--co-blue);
360
- --color-co-orange: var(--co-orange);
361
-
362
- /* status colors */
363
- --color-co-destructive: var(--co-destructive);
364
- --color-co-destructive-foreground: var(--co-destructive-foreground);
365
- --color-co-success: var(--co-success);
366
- --color-co-success-foreground: var(--co-success-foreground);
367
- --color-co-neutral: var(--co-neutral);
368
- --color-co-neutral-foreground: var(--co-neutral-foreground);
369
- --color-co-warning: var(--co-warning);
370
- --color-co-warning-foreground: var(--co-warning-foreground);
371
- }
372
-
373
324
  @layer utilities {
374
325
  .cossistant {
375
326
  .animation-delay-0 {
@@ -1 +0,0 @@
1
- {"version":3,"file":"support-DfYemt9I.css","names":[],"sources":["../../src/support/support.css"],"sourcesContent":["/*\n* This indicates to tailwind to\n* compile classes from Cossistant with the host tailwind config\n*/\n@source \"./components\";\n@source \"./pages\";\n\n@custom-variant dark (&:is(.dark *));\n\n@layer base {\n\t.cossistant {\n\t\t@apply border-co-border;\n\t\t@apply scroll-smooth;\n\n\t\tcolor-scheme: inherit;\n\n\t\t/* Typeface tokens */\n\t\t--co-font-sans: var(\n\t\t\t--co-theme-font-sans,\n\t\t\tvar(--font-sans, \"Geist\", \"Inter\", sans-serif)\n\t\t);\n\t\t--co-font-mono: var(\n\t\t\t--co-theme-font-mono,\n\t\t\tvar(--font-mono, \"Geist Mono\", \"Inter Mono\", monospace)\n\t\t);\n\n\t\t--co-border-color: var(\n\t\t\t--co-theme-border-color,\n\t\t\tvar(--color-border, oklch(92.2% 0 0))\n\t\t);\n\n\t\t/* Core surfaces */\n\t\t--co-radius: var(--co-theme-radius, var(--radius, 0.625rem));\n\t\t--co-background-base: var(\n\t\t\t--co-theme-background,\n\t\t\tvar(--background, oklch(99% 0 0))\n\t\t);\n\t\t--co-foreground-base: var(\n\t\t\t--co-theme-foreground,\n\t\t\tvar(--foreground, oklch(14.5% 0 0))\n\t\t);\n\t\t--co-popover-base: var(\n\t\t\t--co-theme-popover,\n\t\t\tvar(--popover, var(--co-background-base))\n\t\t);\n\t\t--co-popover-foreground-base: var(\n\t\t\t--co-theme-popover-foreground,\n\t\t\tvar(--popover-foreground, var(--co-foreground-base))\n\t\t);\n\t\t--co-primary-base: var(\n\t\t\t--co-theme-primary,\n\t\t\tvar(--primary, oklch(20.5% 0 0))\n\t\t);\n\t\t--co-primary-foreground-base: var(\n\t\t\t--co-theme-primary-foreground,\n\t\t\tvar(--primary-foreground, oklch(98.5% 0 0))\n\t\t);\n\t\t--co-secondary-base: var(\n\t\t\t--co-theme-secondary,\n\t\t\tvar(--secondary, oklch(97% 0 0))\n\t\t);\n\t\t--co-secondary-foreground-base: var(\n\t\t\t--co-theme-secondary-foreground,\n\t\t\tvar(--secondary-foreground, oklch(20.5% 0 0))\n\t\t);\n\t\t--co-border-base: var(--co-theme-border, var(--border, oklch(92.2% 0 0)));\n\t\t--co-input-base: var(--co-theme-input, var(--input, oklch(92.2% 0 0)));\n\t\t--co-ring-base: var(--co-theme-ring, var(--ring, var(--co-primary-base)));\n\t\t--co-accent-base: var(\n\t\t\t--co-theme-accent,\n\t\t\tvar(--accent, var(--co-primary-base))\n\t\t);\n\t\t--co-accent-foreground-base: var(\n\t\t\t--co-theme-accent-foreground,\n\t\t\tvar(--accent-foreground, var(--co-primary-foreground-base))\n\t\t);\n\n\t\t/* Neutral shades derived from the background */\n\t\t--co-background-50-mix: color-mix(\n\t\t\tin oklch,\n\t\t\tvar(--co-background-base) 98%,\n\t\t\tvar(--co-foreground-base)\n\t\t);\n\t\t--co-background-100-mix: color-mix(\n\t\t\tin oklch,\n\t\t\tvar(--co-background-base) 97%,\n\t\t\tvar(--co-foreground-base)\n\t\t);\n\t\t--co-background-200-mix: color-mix(\n\t\t\tin oklch,\n\t\t\tvar(--co-background-base) 96%,\n\t\t\tvar(--co-foreground-base)\n\t\t);\n\t\t--co-background-300-mix: color-mix(\n\t\t\tin oklch,\n\t\t\tvar(--co-background-base) 95%,\n\t\t\tvar(--co-foreground-base)\n\t\t);\n\t\t--co-background-400-mix: color-mix(\n\t\t\tin oklch,\n\t\t\tvar(--co-background-base) 94%,\n\t\t\tvar(--co-foreground-base)\n\t\t);\n\t\t--co-background-500-mix: color-mix(\n\t\t\tin oklch,\n\t\t\tvar(--co-background-base) 93%,\n\t\t\tvar(--co-foreground-base)\n\t\t);\n\t\t--co-background-600-mix: color-mix(\n\t\t\tin oklch,\n\t\t\tvar(--co-background-base) 92%,\n\t\t\tvar(--co-foreground-base)\n\t\t);\n\n\t\t/* Muted tones */\n\t\t--co-muted-mix: color-mix(\n\t\t\tin oklch,\n\t\t\tvar(--co-background-base) 85%,\n\t\t\tvar(--co-foreground-base)\n\t\t);\n\t\t--co-muted-foreground-mix: color-mix(\n\t\t\tin oklch,\n\t\t\tvar(--co-foreground-base) 70%,\n\t\t\twhite\n\t\t);\n\n\t\t/* Public tokens consumed by Tailwind theme */\n\t\t--co-background: var(--co-background-base);\n\t\t--co-background-50: var(\n\t\t\t--co-theme-background-50,\n\t\t\tvar(--co-background-50-mix, oklch(92% 0 0))\n\t\t);\n\t\t--co-background-100: var(\n\t\t\t--co-theme-background-100,\n\t\t\tvar(--co-background-100-mix, oklch(93% 0 0))\n\t\t);\n\t\t--co-background-200: var(\n\t\t\t--co-theme-background-200,\n\t\t\tvar(--co-background-200-mix, oklch(94% 0 0))\n\t\t);\n\t\t--co-background-300: var(\n\t\t\t--co-theme-background-300,\n\t\t\tvar(--co-background-300-mix, oklch(95% 0 0))\n\t\t);\n\t\t--co-background-400: var(\n\t\t\t--co-theme-background-400,\n\t\t\tvar(--co-background-400-mix, oklch(96% 0 0))\n\t\t);\n\t\t--co-background-500: var(\n\t\t\t--co-theme-background-500,\n\t\t\tvar(--co-background-500-mix, oklch(97% 0 0))\n\t\t);\n\t\t--co-background-600: var(\n\t\t\t--co-theme-background-600,\n\t\t\tvar(--co-background-600-mix, oklch(98% 0 0))\n\t\t);\n\n\t\t--co-foreground: var(--co-foreground-base);\n\t\t--co-popover: var(--co-popover-base);\n\t\t--co-popover-foreground: var(--co-popover-foreground-base);\n\t\t--co-primary: var(--co-primary-base);\n\t\t--co-primary-foreground: var(--co-primary-foreground-base);\n\t\t--co-secondary: var(--co-secondary-base);\n\t\t--co-secondary-foreground: var(--co-secondary-foreground-base);\n\t\t--co-muted: var(\n\t\t\t--co-theme-muted,\n\t\t\tvar(--muted, var(--co-muted-mix, oklch(97% 0 0)))\n\t\t);\n\t\t--co-muted-foreground: var(\n\t\t\t--co-theme-muted-foreground,\n\t\t\tvar(--muted-foreground, var(--co-muted-foreground-mix, oklch(55.6% 0 0)))\n\t\t);\n\t\t--co-border: var(--co-border-base);\n\t\t--co-input: var(--co-input-base);\n\t\t--co-ring: var(--co-ring-base);\n\t\t--co-accent: var(--co-accent-base);\n\t\t--co-accent-foreground: var(--co-accent-foreground-base);\n\n\t\t/* Accent palette */\n\t\t--co-pink: var(--co-theme-pink, oklch(76.3% 0.152 354));\n\t\t--co-yellow: var(--co-theme-yellow, oklch(86.4% 0.144 99));\n\t\t--co-blue: var(--co-theme-blue, oklch(72.5% 0.132 241));\n\t\t--co-orange: var(--co-theme-orange, oklch(74.5% 0.166 50));\n\n\t\t/* Status colors */\n\t\t--co-destructive: var(--co-theme-destructive, oklch(57.7% 0.245 27.325));\n\t\t--co-destructive-foreground: var(\n\t\t\t--co-theme-destructive-foreground,\n\t\t\toklch(57.7% 0.245 27.325)\n\t\t);\n\t\t--co-success: var(--co-theme-success, oklch(71.7% 0.18 142));\n\t\t--co-success-foreground: var(\n\t\t\t--co-theme-success-foreground,\n\t\t\toklch(26.5% 0.052 142.7)\n\t\t);\n\t\t--co-neutral: var(--co-theme-neutral, oklch(60.8% 0 0));\n\t\t--co-neutral-foreground: var(\n\t\t\t--co-theme-neutral-foreground,\n\t\t\toklch(25.6% 0 0)\n\t\t);\n\t\t--co-warning: var(--co-theme-warning, oklch(86.4% 0.144 99));\n\t\t--co-warning-foreground: var(\n\t\t\t--co-theme-warning-foreground,\n\t\t\toklch(41.4% 0.071 99)\n\t\t);\n\t}\n\n\t.dark .cossistant,\n\t.cossistant[data-color-scheme=\"dark\"] {\n\t\t/* Provide dark defaults without overriding host tokens */\n\t\t--co-background-base: var(\n\t\t\t--co-theme-background,\n\t\t\tvar(--background, oklch(15.5% 0 0))\n\t\t);\n\t\t--co-foreground-base: var(\n\t\t\t--co-theme-foreground,\n\t\t\tvar(--foreground, oklch(98.5% 0 0))\n\t\t);\n\t\t--co-border-color: var(\n\t\t\t--co-theme-border-color,\n\t\t\tvar(--color-border, oklch(26.9% 0 0))\n\t\t);\n\t\t--co-popover-base: var(\n\t\t\t--co-theme-popover,\n\t\t\tvar(--popover, oklch(14.5% 0 0))\n\t\t);\n\t\t--co-popover-foreground-base: var(\n\t\t\t--co-theme-popover-foreground,\n\t\t\tvar(--popover-foreground, oklch(98.5% 0 0))\n\t\t);\n\t\t--co-primary-base: var(\n\t\t\t--co-theme-primary,\n\t\t\tvar(--primary, oklch(98.5% 0 0))\n\t\t);\n\t\t--co-primary-foreground-base: var(\n\t\t\t--co-theme-primary-foreground,\n\t\t\tvar(--primary-foreground, oklch(20.5% 0 0))\n\t\t);\n\t\t--co-secondary-base: var(\n\t\t\t--co-theme-secondary,\n\t\t\tvar(--secondary, oklch(26.9% 0 0))\n\t\t);\n\t\t--co-secondary-foreground-base: var(\n\t\t\t--co-theme-secondary-foreground,\n\t\t\tvar(--secondary-foreground, oklch(98.5% 0 0))\n\t\t);\n\t\t--co-border-base: var(--co-theme-border, var(--border, oklch(26.9% 0 0)));\n\t\t--co-input-base: var(--co-theme-input, var(--input, oklch(26.9% 0 0)));\n\t\t--co-ring-base: var(--co-theme-ring, var(--ring, var(--co-primary-base)));\n\t\t--co-accent-base: var(\n\t\t\t--co-theme-accent,\n\t\t\tvar(--accent, var(--co-primary-base))\n\t\t);\n\t\t--co-accent-foreground-base: var(\n\t\t\t--co-theme-accent-foreground,\n\t\t\tvar(--accent-foreground, var(--co-primary-foreground-base))\n\t\t);\n\n\t\t--co-muted-mix: color-mix(\n\t\t\tin oklch,\n\t\t\tvar(--co-background-base) 55%,\n\t\t\tvar(--co-foreground-base)\n\t\t);\n\t\t--co-muted-foreground-mix: color-mix(\n\t\t\tin oklch,\n\t\t\tvar(--co-foreground-base) 65%,\n\t\t\twhite\n\t\t);\n\n\t\t--co-background-50-mix: color-mix(\n\t\t\tin oklch,\n\t\t\tvar(--co-background-base) 98%,\n\t\t\tvar(--co-foreground-base)\n\t\t);\n\t\t--co-background-100-mix: color-mix(\n\t\t\tin oklch,\n\t\t\tvar(--co-background-base) 96%,\n\t\t\tvar(--co-foreground-base)\n\t\t);\n\t\t--co-background-200-mix: color-mix(\n\t\t\tin oklch,\n\t\t\tvar(--co-background-base) 94%,\n\t\t\tvar(--co-foreground-base)\n\t\t);\n\t\t--co-background-300-mix: color-mix(\n\t\t\tin oklch,\n\t\t\tvar(--co-background-base) 92%,\n\t\t\tvar(--co-foreground-base)\n\t\t);\n\t\t--co-background-400-mix: color-mix(\n\t\t\tin oklch,\n\t\t\tvar(--co-background-base) 90%,\n\t\t\tvar(--co-foreground-base)\n\t\t);\n\t\t--co-background-500-mix: color-mix(\n\t\t\tin oklch,\n\t\t\tvar(--co-background-base) 88%,\n\t\t\tvar(--co-foreground-base)\n\t\t);\n\t\t--co-background-600-mix: color-mix(\n\t\t\tin oklch,\n\t\t\tvar(--co-background-base) 86%,\n\t\t\tvar(--co-foreground-base)\n\t\t);\n\n\t\t--co-pink: var(--co-theme-pink, oklch(84.2% 0.109 354));\n\t\t--co-yellow: var(--co-theme-yellow, oklch(90.3% 0.111 99));\n\t\t--co-blue: var(--co-theme-blue, oklch(79.8% 0.089 241));\n\t\t--co-orange: var(--co-theme-orange, oklch(68.2% 0.194 50));\n\n\t\t--co-destructive: var(--co-theme-destructive, oklch(39.6% 0.141 25.723));\n\t\t--co-destructive-foreground: var(\n\t\t\t--co-theme-destructive-foreground,\n\t\t\toklch(63.7% 0.237 25.331)\n\t\t);\n\t\t--co-success: var(--co-theme-success, oklch(60% 0.15 142));\n\t\t--co-success-foreground: var(\n\t\t\t--co-theme-success-foreground,\n\t\t\toklch(85% 0.12 142)\n\t\t);\n\t\t--co-neutral: var(--co-theme-neutral, oklch(50% 0 0));\n\t\t--co-neutral-foreground: var(--co-theme-neutral-foreground, oklch(85% 0 0));\n\t\t--co-warning: var(--co-theme-warning, oklch(90.3% 0.111 99));\n\t\t--co-warning-foreground: var(\n\t\t\t--co-theme-warning-foreground,\n\t\t\toklch(85% 0.1 99)\n\t\t);\n\t}\n}\n\n@theme inline {\n\t--font-co-sans: var(--co-font-sans);\n\t--font-co-mono: var(--co-font-mono);\n\t--color-co-background: var(--co-background);\n\t--color-co-background-50: var(--co-background-50);\n\t--color-co-background-100: var(--co-background-100);\n\t--color-co-background-200: var(--co-background-200);\n\t--color-co-background-300: var(--co-background-300);\n\t--color-co-background-400: var(--co-background-400);\n\t--color-co-background-500: var(--co-background-500);\n\t--color-co-background-600: var(--co-background-600);\n\n\t--color-co-foreground: var(--co-foreground);\n\n\t--color-co-primary: var(--co-primary);\n\t--color-co-primary-foreground: var(--co-primary-foreground);\n\t--color-co-secondary: var(--co-secondary);\n\t--color-co-secondary-foreground: var(--co-secondary-foreground);\n\t--color-co-muted: var(--co-muted);\n\t--color-co-muted-foreground: var(--co-muted-foreground);\n\t--color-co-border: var(--co-border);\n\t--color-co-input: var(--co-input);\n\t--color-co-ring: var(--co-ring);\n\t--radius-co: var(--co-radius);\n\n\t/* custom colors */\n\t--color-co-pink: var(--co-pink);\n\t--color-co-yellow: var(--co-yellow);\n\t--color-co-blue: var(--co-blue);\n\t--color-co-orange: var(--co-orange);\n\n\t/* status colors */\n\t--color-co-destructive: var(--co-destructive);\n\t--color-co-destructive-foreground: var(--co-destructive-foreground);\n\t--color-co-success: var(--co-success);\n\t--color-co-success-foreground: var(--co-success-foreground);\n\t--color-co-neutral: var(--co-neutral);\n\t--color-co-neutral-foreground: var(--co-neutral-foreground);\n\t--color-co-warning: var(--co-warning);\n\t--color-co-warning-foreground: var(--co-warning-foreground);\n}\n\n@layer utilities {\n\t.cossistant {\n\t\t.animation-delay-0 {\n\t\t\tanimation-delay: 0ms;\n\t\t}\n\t\t.animation-delay-200 {\n\t\t\tanimation-delay: 200ms;\n\t\t}\n\t\t.animation-delay-400 {\n\t\t\tanimation-delay: 400ms;\n\t\t}\n\n\t\t@keyframes bounce-dot {\n\t\t\t0%,\n\t\t\t80%,\n\t\t\t100% {\n\t\t\t\ttransform: translateY(0);\n\t\t\t}\n\t\t\t40% {\n\t\t\t\ttransform: translateY(-6px);\n\t\t\t}\n\t\t}\n\n\t\t.dot-bounce-1 {\n\t\t\tanimation: bounce-dot 1.4s infinite;\n\t\t\tanimation-delay: 0s;\n\t\t}\n\n\t\t.dot-bounce-2 {\n\t\t\tanimation: bounce-dot 1.4s infinite;\n\t\t\tanimation-delay: 0.16s;\n\t\t}\n\n\t\t.dot-bounce-3 {\n\t\t\tanimation: bounce-dot 1.4s infinite;\n\t\t\tanimation-delay: 0.32s;\n\t\t}\n\t}\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA"}