@cossistant/react 0.0.13 → 0.0.16

package/support/{support-DfYemt9I.css → support-BQhCt9Za.css}

@@ -5,74 +5,50 @@
 @source "./components";
 @source "./pages";
 
-@custom-variant dark (&:is(.dark *));
+@plugin 'tailwind-scrollbar';
 
 @layer base {
 	.cossistant {
-		@apply border-co-border;
 		@apply scroll-smooth;
+		@apply text-co-primary;
 
 		color-scheme: inherit;
 
 		/* Typeface tokens */
-		--co-font-sans: var(
-			--co-theme-font-sans,
-			var(--font-sans, "Geist", "Inter", sans-serif)
-		);
+		--co-font-sans: var(--co-theme-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))
+			"Geist Mono",
+			"Inter Mono",
+			monospace
 		);
 
 		/* Core surfaces */
-		--co-radius: var(--co-theme-radius, var(--radius, 0.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-radius: var(--co-theme-radius, 0.625rem);
+		--co-background-base: var(--co-theme-background, oklch(99% 0 0));
+		--co-foreground-base: var(--co-theme-foreground, oklch(20.5% 0 0));
+		--co-popover-base: var(--co-theme-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))
+			var(--co-foreground-base)
 		);
+		--co-primary-base: var(--co-theme-primary, oklch(14.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))
+			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,
-			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))
+			oklch(14.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(--accent-foreground, var(--co-primary-foreground-base))
+			var(--co-primary-foreground-base)
 		);
 
 		/* Neutral shades derived from the background */
@@ -162,13 +138,10 @@
 		--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: var(--co-theme-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)))
+			var(--co-muted-foreground-mix, oklch(55.6% 0 0))
 		);
 		--co-border: var(--co-border-base);
 		--co-input: var(--co-input-base);
@@ -203,57 +176,78 @@
 			--co-theme-warning-foreground,
 			oklch(41.4% 0.071 99)
 		);
+
+		/* Tailwind theme mapping - scoped to widget */
+		@theme inline {
+			--font-co-sans: var(--co-font-sans);
+			--font-co-mono: var(--co-font-mono);
+			--color-co-background: var(--co-background);
+			--color-co-background-50: var(--co-background-50);
+			--color-co-background-100: var(--co-background-100);
+			--color-co-background-200: var(--co-background-200);
+			--color-co-background-300: var(--co-background-300);
+			--color-co-background-400: var(--co-background-400);
+			--color-co-background-500: var(--co-background-500);
+			--color-co-background-600: var(--co-background-600);
+
+			--color-co-foreground: var(--co-foreground);
+
+			--color-co-primary: var(--co-primary);
+			--color-co-primary-foreground: var(--co-primary-foreground);
+			--color-co-secondary: var(--co-secondary);
+			--color-co-secondary-foreground: var(--co-secondary-foreground);
+			--color-co-muted: var(--co-muted);
+			--color-co-muted-foreground: var(--co-muted-foreground);
+			--color-co-border: var(--co-border);
+			--color-co-input: var(--co-input);
+			--color-co-ring: var(--co-ring);
+			--radius-co: var(--co-radius);
+
+			/* custom colors */
+			--color-co-pink: var(--co-pink);
+			--color-co-yellow: var(--co-yellow);
+			--color-co-blue: var(--co-blue);
+			--color-co-orange: var(--co-orange);
+
+			/* status colors */
+			--color-co-destructive: var(--co-destructive);
+			--color-co-destructive-foreground: var(--co-destructive-foreground);
+			--color-co-success: var(--co-success);
+			--color-co-success-foreground: var(--co-success-foreground);
+			--color-co-neutral: var(--co-neutral);
+			--color-co-neutral-foreground: var(--co-neutral-foreground);
+			--color-co-warning: var(--co-warning);
+			--color-co-warning-foreground: var(--co-warning-foreground);
+		}
 	}
 
 	.dark .cossistant,
 	.cossistant[data-color-scheme="dark"] {
-		/* Provide dark defaults without overriding host tokens */
-		--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))
-		);
+		/* Dark mode defaults */
+		--co-background-base: var(--co-theme-background, oklch(15.5% 0 0));
+		--co-foreground-base: var(--co-theme-foreground, oklch(95% 0 0));
+		--co-popover-base: var(--co-theme-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))
+			oklch(95% 0 0)
 		);
+		--co-primary-base: var(--co-theme-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))
+			oklch(14.5% 0 0)
 		);
+		--co-secondary-base: var(--co-theme-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))
+			oklch(95% 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(--accent-foreground, var(--co-primary-foreground-base))
+			var(--co-primary-foreground-base)
 		);
 
 		--co-muted-mix: color-mix(
@@ -328,48 +322,6 @@
 	}
 }
 
-@theme inline {
-	--font-co-sans: var(--co-font-sans);
-	--font-co-mono: var(--co-font-mono);
-	--color-co-background: var(--co-background);
-	--color-co-background-50: var(--co-background-50);
-	--color-co-background-100: var(--co-background-100);
-	--color-co-background-200: var(--co-background-200);
-	--color-co-background-300: var(--co-background-300);
-	--color-co-background-400: var(--co-background-400);
-	--color-co-background-500: var(--co-background-500);
-	--color-co-background-600: var(--co-background-600);
-
-	--color-co-foreground: var(--co-foreground);
-
-	--color-co-primary: var(--co-primary);
-	--color-co-primary-foreground: var(--co-primary-foreground);
-	--color-co-secondary: var(--co-secondary);
-	--color-co-secondary-foreground: var(--co-secondary-foreground);
-	--color-co-muted: var(--co-muted);
-	--color-co-muted-foreground: var(--co-muted-foreground);
-	--color-co-border: var(--co-border);
-	--color-co-input: var(--co-input);
-	--color-co-ring: var(--co-ring);
-	--radius-co: var(--co-radius);
-
-	/* custom colors */
-	--color-co-pink: var(--co-pink);
-	--color-co-yellow: var(--co-yellow);
-	--color-co-blue: var(--co-blue);
-	--color-co-orange: var(--co-orange);
-
-	/* status colors */
-	--color-co-destructive: var(--co-destructive);
-	--color-co-destructive-foreground: var(--co-destructive-foreground);
-	--color-co-success: var(--co-success);
-	--color-co-success-foreground: var(--co-success-foreground);
-	--color-co-neutral: var(--co-neutral);
-	--color-co-neutral-foreground: var(--co-neutral-foreground);
-	--color-co-warning: var(--co-warning);
-	--color-co-warning-foreground: var(--co-warning-foreground);
-}
-
 @layer utilities {
 	.cossistant {
 		.animation-delay-0 {
@@ -411,4 +363,4 @@
 }
 
 
-/*# sourceMappingURL=support-DfYemt9I.css.map*/
+/*# sourceMappingURL=support-BQhCt9Za.css.map*/

package/support/support-BQhCt9Za.css.map

@@ -0,0 +1 @@
+{"version":3,"file":"support-BQhCt9Za.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@plugin 'tailwind-scrollbar';\n\n@layer base {\n\t.cossistant {\n\t\t@apply scroll-smooth;\n\t\t@apply text-co-primary;\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(20.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(14.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(14.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(95% 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(95% 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(14.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(95% 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;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/types.d.ts

@@ -0,0 +1,28 @@
+import React from "react";
+
+//#region src/support/types.d.ts
+
+/**
+ * Props for custom Bubble slot component
+ */
+type BubbleSlotProps = {
+  className?: string;
+};
+/**
+ * Props for custom Container slot component
+ */
+type ContainerSlotProps = {
+  className?: string;
+  children: React.ReactNode;
+  position?: "top" | "bottom";
+  align?: "right" | "left";
+};
+/**
+ * Props for custom Router slot component
+ */
+type RouterSlotProps = {
+  children?: React.ReactNode;
+};
+//#endregion
+export { BubbleSlotProps, ContainerSlotProps, RouterSlotProps };
+//# sourceMappingURL=types.d.ts.map

package/support/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../src/support/types.ts"],"sourcesContent":[],"mappings":";;;;;;AAKA;AAOY,KAPA,eAAA,GAOkB;EAUlB,SAAA,CAAA,EAAA,MAAe;;;;;KAVf,kBAAA;;YAED,KAAA,CAAM;;;;;;;KAQL,eAAA;aACA,KAAA,CAAM"}

package/support/types.js

@@ -0,0 +1 @@
+export {  };

package/support.css

@@ -1,2 +1,2 @@
 /*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
-@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}}
+@layer base{.cossistant{scroll-behavior:smooth;color:var(--co-primary);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(20.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(14.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(14.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(95% 0 0));--co-popover-base:var(--co-theme-popover,oklch(14.5% 0 0));--co-popover-foreground-base:var(--co-theme-popover-foreground,oklch(95% 0 0));--co-primary-base:var(--co-theme-primary,oklch(98.5% 0 0));--co-primary-foreground-base:var(--co-theme-primary-foreground,oklch(14.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(95% 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))}*{scrollbar-color:initial;scrollbar-width:initial}}@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

@@ -5,74 +5,50 @@
 @source "./components";
 @source "./pages";
 
-@custom-variant dark (&:is(.dark *));
+@plugin 'tailwind-scrollbar';
 
 @layer base {
 	.cossistant {
-		@apply border-co-border;
 		@apply scroll-smooth;
+		@apply text-co-primary;
 
 		color-scheme: inherit;
 
 		/* Typeface tokens */
-		--co-font-sans: var(
-			--co-theme-font-sans,
-			var(--font-sans, "Geist", "Inter", sans-serif)
-		);
+		--co-font-sans: var(--co-theme-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))
+			"Geist Mono",
+			"Inter Mono",
+			monospace
 		);
 
 		/* Core surfaces */
-		--co-radius: var(--co-theme-radius, var(--radius, 0.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-radius: var(--co-theme-radius, 0.625rem);
+		--co-background-base: var(--co-theme-background, oklch(99% 0 0));
+		--co-foreground-base: var(--co-theme-foreground, oklch(20.5% 0 0));
+		--co-popover-base: var(--co-theme-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))
+			var(--co-foreground-base)
 		);
+		--co-primary-base: var(--co-theme-primary, oklch(14.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))
+			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,
-			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))
+			oklch(14.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(--accent-foreground, var(--co-primary-foreground-base))
+			var(--co-primary-foreground-base)
 		);
 
 		/* Neutral shades derived from the background */
@@ -162,13 +138,10 @@
 		--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: var(--co-theme-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)))
+			var(--co-muted-foreground-mix, oklch(55.6% 0 0))
 		);
 		--co-border: var(--co-border-base);
 		--co-input: var(--co-input-base);
@@ -203,57 +176,78 @@
 			--co-theme-warning-foreground,
 			oklch(41.4% 0.071 99)
 		);
+
+		/* Tailwind theme mapping - scoped to widget */
+		@theme inline {
+			--font-co-sans: var(--co-font-sans);
+			--font-co-mono: var(--co-font-mono);
+			--color-co-background: var(--co-background);
+			--color-co-background-50: var(--co-background-50);
+			--color-co-background-100: var(--co-background-100);
+			--color-co-background-200: var(--co-background-200);
+			--color-co-background-300: var(--co-background-300);
+			--color-co-background-400: var(--co-background-400);
+			--color-co-background-500: var(--co-background-500);
+			--color-co-background-600: var(--co-background-600);
+
+			--color-co-foreground: var(--co-foreground);
+
+			--color-co-primary: var(--co-primary);
+			--color-co-primary-foreground: var(--co-primary-foreground);
+			--color-co-secondary: var(--co-secondary);
+			--color-co-secondary-foreground: var(--co-secondary-foreground);
+			--color-co-muted: var(--co-muted);
+			--color-co-muted-foreground: var(--co-muted-foreground);
+			--color-co-border: var(--co-border);
+			--color-co-input: var(--co-input);
+			--color-co-ring: var(--co-ring);
+			--radius-co: var(--co-radius);
+
+			/* custom colors */
+			--color-co-pink: var(--co-pink);
+			--color-co-yellow: var(--co-yellow);
+			--color-co-blue: var(--co-blue);
+			--color-co-orange: var(--co-orange);
+
+			/* status colors */
+			--color-co-destructive: var(--co-destructive);
+			--color-co-destructive-foreground: var(--co-destructive-foreground);
+			--color-co-success: var(--co-success);
+			--color-co-success-foreground: var(--co-success-foreground);
+			--color-co-neutral: var(--co-neutral);
+			--color-co-neutral-foreground: var(--co-neutral-foreground);
+			--color-co-warning: var(--co-warning);
+			--color-co-warning-foreground: var(--co-warning-foreground);
+		}
 	}
 
 	.dark .cossistant,
 	.cossistant[data-color-scheme="dark"] {
-		/* Provide dark defaults without overriding host tokens */
-		--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))
-		);
+		/* Dark mode defaults */
+		--co-background-base: var(--co-theme-background, oklch(15.5% 0 0));
+		--co-foreground-base: var(--co-theme-foreground, oklch(95% 0 0));
+		--co-popover-base: var(--co-theme-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))
+			oklch(95% 0 0)
 		);
+		--co-primary-base: var(--co-theme-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))
+			oklch(14.5% 0 0)
 		);
+		--co-secondary-base: var(--co-theme-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))
+			oklch(95% 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(--accent-foreground, var(--co-primary-foreground-base))
+			var(--co-primary-foreground-base)
 		);
 
 		--co-muted-mix: color-mix(
@@ -328,48 +322,6 @@
 	}
 }
 
-@theme inline {
-	--font-co-sans: var(--co-font-sans);
-	--font-co-mono: var(--co-font-mono);
-	--color-co-background: var(--co-background);
-	--color-co-background-50: var(--co-background-50);
-	--color-co-background-100: var(--co-background-100);
-	--color-co-background-200: var(--co-background-200);
-	--color-co-background-300: var(--co-background-300);
-	--color-co-background-400: var(--co-background-400);
-	--color-co-background-500: var(--co-background-500);
-	--color-co-background-600: var(--co-background-600);
-
-	--color-co-foreground: var(--co-foreground);
-
-	--color-co-primary: var(--co-primary);
-	--color-co-primary-foreground: var(--co-primary-foreground);
-	--color-co-secondary: var(--co-secondary);
-	--color-co-secondary-foreground: var(--co-secondary-foreground);
-	--color-co-muted: var(--co-muted);
-	--color-co-muted-foreground: var(--co-muted-foreground);
-	--color-co-border: var(--co-border);
-	--color-co-input: var(--co-input);
-	--color-co-ring: var(--co-ring);
-	--radius-co: var(--co-radius);
-
-	/* custom colors */
-	--color-co-pink: var(--co-pink);
-	--color-co-yellow: var(--co-yellow);
-	--color-co-blue: var(--co-blue);
-	--color-co-orange: var(--co-orange);
-
-	/* status colors */
-	--color-co-destructive: var(--co-destructive);
-	--color-co-destructive-foreground: var(--co-destructive-foreground);
-	--color-co-success: var(--co-success);
-	--color-co-success-foreground: var(--co-success-foreground);
-	--color-co-neutral: var(--co-neutral);
-	--color-co-neutral-foreground: var(--co-neutral-foreground);
-	--color-co-warning: var(--co-warning);
-	--color-co-warning-foreground: var(--co-warning-foreground);
-}
-
 @layer utilities {
 	.cossistant {
 		.animation-delay-0 {

package/utils/conversation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"conversation.d.ts","names":[],"sources":["../../src/utils/conversation.ts"],"sourcesContent":[],"mappings":";;;iBAagB,yBAAA,eAAwC"}
+{"version":3,"file":"conversation.d.ts","names":[],"sources":["../../src/utils/conversation.ts"],"sourcesContent":[],"mappings":";;;iBAmBgB,yBAAA,eAAwC"}