@cossistant/react 0.0.1

package/support/support-CMoDLQoC.css

@@ -0,0 +1,408 @@
+
+@custom-variant dark (&:is(.dark *));
+
+@layer base {
+	.cossistant {
+		@apply border-co-border;
+		@apply scroll-smooth;
+
+		color-scheme: inherit;
+
+		/* Typeface tokens */
+		--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))
+		);
+
+		/* 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-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))
+		);
+
+		/* Neutral shades derived from the background */
+		--co-background-50-mix: color-mix(
+			in oklch,
+			var(--co-background-base) 98%,
+			var(--co-foreground-base)
+		);
+		--co-background-100-mix: color-mix(
+			in oklch,
+			var(--co-background-base) 97%,
+			var(--co-foreground-base)
+		);
+		--co-background-200-mix: color-mix(
+			in oklch,
+			var(--co-background-base) 96%,
+			var(--co-foreground-base)
+		);
+		--co-background-300-mix: color-mix(
+			in oklch,
+			var(--co-background-base) 95%,
+			var(--co-foreground-base)
+		);
+		--co-background-400-mix: color-mix(
+			in oklch,
+			var(--co-background-base) 94%,
+			var(--co-foreground-base)
+		);
+		--co-background-500-mix: color-mix(
+			in oklch,
+			var(--co-background-base) 93%,
+			var(--co-foreground-base)
+		);
+		--co-background-600-mix: color-mix(
+			in oklch,
+			var(--co-background-base) 92%,
+			var(--co-foreground-base)
+		);
+
+		/* Muted tones */
+		--co-muted-mix: color-mix(
+			in oklch,
+			var(--co-background-base) 85%,
+			var(--co-foreground-base)
+		);
+		--co-muted-foreground-mix: color-mix(
+			in oklch,
+			var(--co-foreground-base) 70%,
+			white
+		);
+
+		/* Public tokens consumed by Tailwind theme */
+		--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);
+
+		/* Accent palette */
+		--co-pink: var(--co-theme-pink, oklch(76.3% 0.152 354));
+		--co-yellow: var(--co-theme-yellow, oklch(86.4% 0.144 99));
+		--co-blue: var(--co-theme-blue, oklch(72.5% 0.132 241));
+		--co-orange: var(--co-theme-orange, oklch(74.5% 0.166 50));
+
+		/* Status colors */
+		--co-destructive: var(--co-theme-destructive, oklch(57.7% 0.245 27.325));
+		--co-destructive-foreground: var(
+			--co-theme-destructive-foreground,
+			oklch(57.7% 0.245 27.325)
+		);
+		--co-success: var(--co-theme-success, oklch(71.7% 0.18 142));
+		--co-success-foreground: var(
+			--co-theme-success-foreground,
+			oklch(26.5% 0.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% 0.144 99));
+		--co-warning-foreground: var(
+			--co-theme-warning-foreground,
+			oklch(41.4% 0.071 99)
+		);
+	}
+
+	.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))
+		);
+		--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: color-mix(
+			in oklch,
+			var(--co-background-base) 55%,
+			var(--co-foreground-base)
+		);
+		--co-muted-foreground-mix: color-mix(
+			in oklch,
+			var(--co-foreground-base) 65%,
+			white
+		);
+
+		--co-background-50-mix: color-mix(
+			in oklch,
+			var(--co-background-base) 98%,
+			var(--co-foreground-base)
+		);
+		--co-background-100-mix: color-mix(
+			in oklch,
+			var(--co-background-base) 96%,
+			var(--co-foreground-base)
+		);
+		--co-background-200-mix: color-mix(
+			in oklch,
+			var(--co-background-base) 94%,
+			var(--co-foreground-base)
+		);
+		--co-background-300-mix: color-mix(
+			in oklch,
+			var(--co-background-base) 92%,
+			var(--co-foreground-base)
+		);
+		--co-background-400-mix: color-mix(
+			in oklch,
+			var(--co-background-base) 90%,
+			var(--co-foreground-base)
+		);
+		--co-background-500-mix: color-mix(
+			in oklch,
+			var(--co-background-base) 88%,
+			var(--co-foreground-base)
+		);
+		--co-background-600-mix: color-mix(
+			in oklch,
+			var(--co-background-base) 86%,
+			var(--co-foreground-base)
+		);
+
+		--co-pink: var(--co-theme-pink, oklch(84.2% 0.109 354));
+		--co-yellow: var(--co-theme-yellow, oklch(90.3% 0.111 99));
+		--co-blue: var(--co-theme-blue, oklch(79.8% 0.089 241));
+		--co-orange: var(--co-theme-orange, oklch(68.2% 0.194 50));
+
+		--co-destructive: var(--co-theme-destructive, oklch(39.6% 0.141 25.723));
+		--co-destructive-foreground: var(
+			--co-theme-destructive-foreground,
+			oklch(63.7% 0.237 25.331)
+		);
+		--co-success: var(--co-theme-success, oklch(60% 0.15 142));
+		--co-success-foreground: var(
+			--co-theme-success-foreground,
+			oklch(85% 0.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% 0.111 99));
+		--co-warning-foreground: var(
+			--co-theme-warning-foreground,
+			oklch(85% 0.1 99)
+		);
+	}
+}
+
+@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 {
+			animation-delay: 0ms;
+		}
+		.animation-delay-200 {
+			animation-delay: 200ms;
+		}
+		.animation-delay-400 {
+			animation-delay: 400ms;
+		}
+
+		@keyframes bounce-dot {
+			0%,
+			80%,
+			100% {
+				transform: translateY(0);
+			}
+			40% {
+				transform: translateY(-6px);
+			}
+		}
+
+		.dot-bounce-1 {
+			animation: bounce-dot 1.4s infinite;
+			animation-delay: 0s;
+		}
+
+		.dot-bounce-2 {
+			animation: bounce-dot 1.4s infinite;
+			animation-delay: 0.16s;
+		}
+
+		.dot-bounce-3 {
+			animation: bounce-dot 1.4s infinite;
+			animation-delay: 0.32s;
+		}
+	}
+}
+
+
+/*# sourceMappingURL=support-CMoDLQoC.css.map*/

package/support/support-CMoDLQoC.css.map

@@ -0,0 +1 @@
+{"version":3,"file":"support-CMoDLQoC.css","names":[],"sources":["../../src/support/support.css"],"sourcesContent":["@import \"tailwindcss\";\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":";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"}

package/support/support.js

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

package/support/text/index.d.ts

@@ -0,0 +1,35 @@
+import { SupportLocale, SupportTextContentOverrides, SupportTextDefinitions, SupportTextKey, SupportTextResolvedFormatter, SupportTextVariables } from "./locales/keys.js";
+import React from "react";
+import * as react_jsx_runtime4 from "react/jsx-runtime";
+
+//#region src/support/text/index.d.ts
+type SupportTextProviderProps<Locale extends string = SupportLocale> = {
+  children: React.ReactNode;
+  locale?: Locale;
+  content?: SupportTextContentOverrides<Locale>;
+};
+declare function SupportTextProvider<Locale extends string = SupportLocale>({
+  children,
+  locale,
+  content
+}: SupportTextProviderProps<Locale>): react_jsx_runtime4.JSX.Element;
+declare function useSupportText(): SupportTextResolvedFormatter;
+type OptionalVariablesProp<K extends SupportTextKey> = SupportTextDefinitions[K]["variables"] extends undefined ? {
+  variables?: undefined;
+} : "optional" extends keyof SupportTextDefinitions[K] ? SupportTextDefinitions[K]["optional"] extends true ? {
+  variables?: SupportTextVariables<K>;
+} : {
+  variables: SupportTextVariables<K>;
+} : {
+  variables: SupportTextVariables<K>;
+};
+type TextProps<K extends SupportTextKey, As extends keyof React.JSX.IntrinsicElements = "span"> = OptionalVariablesProp<K> & {
+  textKey: K;
+  as?: As;
+} & Omit<React.ComponentPropsWithoutRef<As>, "children">;
+declare const Text: <K extends SupportTextKey, As extends keyof React.JSX.IntrinsicElements = "span">(props: TextProps<K, As> & {
+  ref?: React.ComponentPropsWithRef<As>["ref"];
+}) => React.ReactElement | null;
+//#endregion
+export { type SupportLocale, type SupportTextContentOverrides, type SupportTextKey, SupportTextProvider, type SupportTextVariables, Text, useSupportText };
+//# sourceMappingURL=index.d.ts.map

package/support/text/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/support/text/index.tsx"],"sourcesContent":[],"mappings":";;;;;KAwBK,iDAAiD;EAAjD,QAAA,EACM,KAAA,CAAM,SADZ;EAAwB,MAAA,CAAA,EAEnB,MAFmB;SAAyB,CAAA,EAG3C,2BAH2C,CAGf,MAHe,CAAA;;AAE5C,iBAOM,mBAPN,CAAA,eAAA,MAAA,GAOkD,aAPlD,CAAA,CAAA;EAAA,QAAA;EAAA,MAAA;EAAA;AAAA,CAAA,EAWP,wBAXO,CAWkB,MAXlB,CAAA,CAAA,EAWyB,kBAAA,CAAA,GAAA,CAAA,OAXzB;AAC6B,iBA+EvB,cAAA,CAAA,CA/EuB,EA+EL,4BA/EK;KAwFlC,qBAxFM,CAAA,UAwF0B,cAxF1B,CAAA,GAyFV,sBAzFU,CAyFa,CAzFb,CAAA,CAAA,WAAA,CAAA,SAAA,SAAA,GAAA;EAA2B,SAAA,CAAA,EAAA,SAAA;AAMtC,CAAA,GAAgB,UAAA,SAAA,MAqFa,sBArFM,CAqFiB,CArFjB,CAAA,GAsF9B,sBAtF8B,CAsFP,CAtFO,CAAA,CAAA,UAAA,CAAA,SAAA,IAAA,GAAA;EAAA,SAAA,CAAA,EAuFf,oBAvFe,CAuFM,CAvFN,CAAA;;WAClC,EAuFkB,oBAvFlB,CAuFuC,CAvFvC,CAAA;;WAEA,EAsFiB,oBAtFjB,CAsFsC,CAtFtC,CAAA;;KAwFI,SAvFF,CAAA,UAwFQ,cAxFR,EAAA,WAAA,MAyFe,KAAA,CAAM,GAAA,CAAI,iBAzFzB,GAAA,MAAA,CAAA,GA0FC,qBA1FD,CA0FuB,CA1FvB,CAAA,GAAA;SAAgC,EA2FzB,CA3FyB;EAAA,EAAA,CAAA,EA4F7B,EA5F6B;AAqEnC,CAAA,GAwBI,IAxBY,CAwBP,KAAA,CAAM,wBAxBmB,CAwBM,EAxBN,CAAA,EAAA,UAAA,CAAA;AAS7B,cAwCQ,IAxCR,EAAA,CAAqB,UAyCf,cAzCe,EAAA,WAAA,MA0CR,KAAA,CAAM,GAAA,CAAI,iBA1CF,GAAA,MAAA,CAAA,CAAA,KAAA,EA4ClB,SA5CkB,CA4CR,CA5CQ,EA4CL,EA5CK,CAAA,GAAA;EAAA,GAAA,CAAA,EA4CS,KAAA,CAAM,qBA5Cf,CA4CqC,EA5CrC,CAAA,CAAA,KAAA,CAAA;MA6CrB,KAAA,CAAM,YA7C0B,GAAA,IAAA"}

package/support/text/index.js

@@ -0,0 +1,71 @@
+import { supportTextDefinitions } from "./locales/keys.js";
+import { buildLocaleChain, createTextUtils, evaluateMessage, normalizeOverrides, resolveMessage } from "./runtime.js";
+import { useSupport } from "../../provider.js";
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/support/text/index.tsx
+const SupportTextRuntimeContext = React.createContext(null);
+function SupportTextProvider({ children, locale, content }) {
+	const { website, availableHumanAgents, availableAIAgents, visitor } = useSupport();
+	const [isHydrated, setIsHydrated] = React.useState(false);
+	React.useEffect(() => {
+		setIsHydrated(true);
+	}, []);
+	const localeChain = React.useMemo(() => buildLocaleChain([locale, visitor?.locale]), [locale, visitor?.locale]);
+	const normalizedOverrides = React.useMemo(() => normalizeOverrides(content), [content]);
+	const utils = React.useMemo(() => createTextUtils(localeChain[0] ?? "en", isHydrated), [localeChain, isHydrated]);
+	const textContext = React.useMemo(() => ({
+		website,
+		visitor: visitor ?? null,
+		humanAgents: availableHumanAgents,
+		aiAgents: availableAIAgents
+	}), [
+		website,
+		visitor,
+		availableHumanAgents,
+		availableAIAgents
+	]);
+	const format = ((key, variables) => {
+		const definition = supportTextDefinitions[key];
+		if (definition.variables !== void 0 && !("optional" in definition && definition.optional === true) && variables === void 0) throw new Error(`Missing variables for text key "${key}".`);
+		const resolved = resolveMessage(key, localeChain, normalizedOverrides);
+		return evaluateMessage(key, resolved, variables, textContext, utils);
+	});
+	const value = React.useMemo(() => ({
+		format,
+		locale: localeChain[0] ?? "en"
+	}), [
+		localeChain,
+		normalizedOverrides,
+		textContext,
+		utils
+	]);
+	return /* @__PURE__ */ jsx(SupportTextRuntimeContext.Provider, {
+		value,
+		children
+	});
+}
+function useSupportText() {
+	const context = React.useContext(SupportTextRuntimeContext);
+	if (!context) throw new Error("useSupportText must be used within SupportTextProvider");
+	return context.format;
+}
+function TextInner(props, forwardedRef) {
+	const { textKey, variables, as,...rest } = props;
+	const format = useSupportText();
+	const Component = as ?? "span";
+	const content = variables !== void 0 ? format(textKey, variables) : format(textKey);
+	return React.createElement(Component, {
+		...rest,
+		ref: forwardedRef,
+		"data-key-name": textKey,
+		children: content
+	});
+}
+const Text = React.forwardRef(TextInner);
+Text.displayName = "SupportText";
+
+//#endregion
+export { SupportTextProvider, Text, useSupportText };
+//# sourceMappingURL=index.js.map

package/support/text/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/support/text/index.tsx"],"sourcesContent":["/** biome-ignore-all lint/correctness/useExhaustiveDependencies: dependencies are intentionally managed */\n/** biome-ignore-all lint/correctness/noChildrenProp: children prop is needed for React.createElement */\nimport React from \"react\";\n\nimport { useSupport } from \"../../provider\";\nimport {\n\ttype SupportLocale,\n\ttype SupportTextContentOverrides,\n\ttype SupportTextContext,\n\ttype SupportTextDefinitions,\n\ttype SupportTextKey,\n\ttype SupportTextProviderValue,\n\ttype SupportTextResolvedFormatter,\n\ttype SupportTextVariables,\n\tsupportTextDefinitions,\n} from \"./locales/keys\";\nimport {\n\tbuildLocaleChain,\n\tcreateTextUtils,\n\tevaluateMessage,\n\tnormalizeOverrides,\n\tresolveMessage,\n} from \"./runtime\";\n\ntype SupportTextProviderProps<Locale extends string = SupportLocale> = {\n\tchildren: React.ReactNode;\n\tlocale?: Locale;\n\tcontent?: SupportTextContentOverrides<Locale>;\n};\n\nconst SupportTextRuntimeContext =\n\tReact.createContext<SupportTextProviderValue | null>(null);\n\nexport function SupportTextProvider<Locale extends string = SupportLocale>({\n\tchildren,\n\tlocale,\n\tcontent,\n}: SupportTextProviderProps<Locale>) {\n\tconst { website, availableHumanAgents, availableAIAgents, visitor } =\n\t\tuseSupport();\n\tconst [isHydrated, setIsHydrated] = React.useState(false);\n\n\tReact.useEffect(() => {\n\t\tsetIsHydrated(true);\n\t}, []);\n\n\tconst localeChain = React.useMemo(\n\t\t() => buildLocaleChain([locale, visitor?.locale]),\n\t\t[locale, visitor?.locale]\n\t);\n\n\tconst normalizedOverrides = React.useMemo(\n\t\t() => normalizeOverrides(content),\n\t\t[content]\n\t);\n\n\tconst utils = React.useMemo(\n\t\t() => createTextUtils(localeChain[0] ?? \"en\", isHydrated),\n\t\t[localeChain, isHydrated]\n\t);\n\n\tconst textContext = React.useMemo<SupportTextContext>(\n\t\t() => ({\n\t\t\twebsite,\n\t\t\tvisitor: visitor ?? null,\n\t\t\thumanAgents: availableHumanAgents,\n\t\t\taiAgents: availableAIAgents,\n\t\t}),\n\t\t[website, visitor, availableHumanAgents, availableAIAgents]\n\t);\n\n\tconst format = ((key: SupportTextKey, variables?: unknown) => {\n\t\tconst definition = supportTextDefinitions[key];\n\t\tconst requiresVariables =\n\t\t\tdefinition.variables !== undefined &&\n\t\t\t!(\"optional\" in definition && definition.optional === true);\n\n\t\tif (requiresVariables && variables === undefined) {\n\t\t\tthrow new Error(`Missing variables for text key \"${key}\".`);\n\t\t}\n\n\t\tconst resolved = resolveMessage(key, localeChain, normalizedOverrides);\n\t\treturn evaluateMessage(\n\t\t\tkey,\n\t\t\tresolved,\n\t\t\tvariables as SupportTextVariables<typeof key>,\n\t\t\ttextContext,\n\t\t\tutils\n\t\t);\n\t}) as SupportTextResolvedFormatter;\n\n\tconst value = React.useMemo<SupportTextProviderValue>(\n\t\t() => ({\n\t\t\tformat,\n\t\t\tlocale: localeChain[0] ?? \"en\",\n\t\t}),\n\t\t[localeChain, normalizedOverrides, textContext, utils]\n\t);\n\n\treturn (\n\t\t<SupportTextRuntimeContext.Provider value={value}>\n\t\t\t{children}\n\t\t</SupportTextRuntimeContext.Provider>\n\t);\n}\n\nexport function useSupportText(): SupportTextResolvedFormatter {\n\tconst context = React.useContext(SupportTextRuntimeContext);\n\tif (!context) {\n\t\tthrow new Error(\"useSupportText must be used within SupportTextProvider\");\n\t}\n\n\treturn context.format;\n}\n\ntype OptionalVariablesProp<K extends SupportTextKey> =\n\tSupportTextDefinitions[K][\"variables\"] extends undefined\n\t\t? { variables?: undefined }\n\t\t: \"optional\" extends keyof SupportTextDefinitions[K]\n\t\t\t? SupportTextDefinitions[K][\"optional\"] extends true\n\t\t\t\t? { variables?: SupportTextVariables<K> }\n\t\t\t\t: { variables: SupportTextVariables<K> }\n\t\t\t: { variables: SupportTextVariables<K> };\n\ntype TextProps<\n\tK extends SupportTextKey,\n\tAs extends keyof React.JSX.IntrinsicElements = \"span\",\n> = OptionalVariablesProp<K> & {\n\ttextKey: K;\n\tas?: As;\n} & Omit<React.ComponentPropsWithoutRef<As>, \"children\">;\n\nfunction TextInner<\n\tK extends SupportTextKey,\n\tAs extends keyof React.JSX.IntrinsicElements = \"span\",\n>(\n\tprops: TextProps<K, As>,\n\tforwardedRef: React.ComponentPropsWithRef<As>[\"ref\"]\n) {\n\tconst { textKey, variables, as, ...rest } = props as TextProps<K, As>;\n\tconst format = useSupportText();\n\tconst Component = (as ?? \"span\") as As;\n\tconst content =\n\t\tvariables !== undefined\n\t\t\t? format(textKey, variables as SupportTextVariables<K>)\n\t\t\t: format(textKey);\n\n\treturn React.createElement(Component, {\n\t\t...rest,\n\t\tref: forwardedRef,\n\t\t\"data-key-name\": textKey,\n\t\tchildren: content,\n\t});\n}\n\nexport const Text = React.forwardRef(TextInner) as <\n\tK extends SupportTextKey,\n\tAs extends keyof React.JSX.IntrinsicElements = \"span\",\n>(\n\tprops: TextProps<K, As> & { ref?: React.ComponentPropsWithRef<As>[\"ref\"] }\n) => React.ReactElement | null;\n\n(Text as { displayName?: string }).displayName = \"SupportText\";\n\nexport type {\n\tSupportLocale,\n\tSupportTextContentOverrides,\n\tSupportTextKey,\n\tSupportTextVariables,\n} from \"./locales/keys\";\n"],"mappings":";;;;;;;AA8BA,MAAM,4BACL,MAAM,cAA+C,KAAK;AAE3D,SAAgB,oBAA2D,EAC1E,UACA,QACA,WACoC;CACpC,MAAM,EAAE,SAAS,sBAAsB,mBAAmB,YACzD,YAAY;CACb,MAAM,CAAC,YAAY,iBAAiB,MAAM,SAAS,MAAM;AAEzD,OAAM,gBAAgB;AACrB,gBAAc,KAAK;IACjB,EAAE,CAAC;CAEN,MAAM,cAAc,MAAM,cACnB,iBAAiB,CAAC,QAAQ,SAAS,OAAO,CAAC,EACjD,CAAC,QAAQ,SAAS,OAAO,CACzB;CAED,MAAM,sBAAsB,MAAM,cAC3B,mBAAmB,QAAQ,EACjC,CAAC,QAAQ,CACT;CAED,MAAM,QAAQ,MAAM,cACb,gBAAgB,YAAY,MAAM,MAAM,WAAW,EACzD,CAAC,aAAa,WAAW,CACzB;CAED,MAAM,cAAc,MAAM,eAClB;EACN;EACA,SAAS,WAAW;EACpB,aAAa;EACb,UAAU;EACV,GACD;EAAC;EAAS;EAAS;EAAsB;EAAkB,CAC3D;CAED,MAAM,WAAW,KAAqB,cAAwB;EAC7D,MAAM,aAAa,uBAAuB;AAK1C,MAHC,WAAW,cAAc,UACzB,EAAE,cAAc,cAAc,WAAW,aAAa,SAE9B,cAAc,OACtC,OAAM,IAAI,MAAM,mCAAmC,IAAI,IAAI;EAG5D,MAAM,WAAW,eAAe,KAAK,aAAa,oBAAoB;AACtE,SAAO,gBACN,KACA,UACA,WACA,aACA,MACA;;CAGF,MAAM,QAAQ,MAAM,eACZ;EACN;EACA,QAAQ,YAAY,MAAM;EAC1B,GACD;EAAC;EAAa;EAAqB;EAAa;EAAM,CACtD;AAED,QACC,oBAAC,0BAA0B;EAAgB;EACzC;GACmC;;AAIvC,SAAgB,iBAA+C;CAC9D,MAAM,UAAU,MAAM,WAAW,0BAA0B;AAC3D,KAAI,CAAC,QACJ,OAAM,IAAI,MAAM,yDAAyD;AAG1E,QAAO,QAAQ;;AAoBhB,SAAS,UAIR,OACA,cACC;CACD,MAAM,EAAE,SAAS,WAAW,GAAI,GAAG,SAAS;CAC5C,MAAM,SAAS,gBAAgB;CAC/B,MAAM,YAAa,MAAM;CACzB,MAAM,UACL,cAAc,SACX,OAAO,SAAS,UAAqC,GACrD,OAAO,QAAQ;AAEnB,QAAO,MAAM,cAAc,WAAW;EACrC,GAAG;EACH,KAAK;EACL,iBAAiB;EACjB,UAAU;EACV,CAAC;;AAGH,MAAa,OAAO,MAAM,WAAW,UAAU;AAO/C,AAAC,KAAkC,cAAc"}

package/support/text/locales/en.d.ts

@@ -0,0 +1,7 @@
+import { SupportLocaleMessages } from "./keys.js";
+
+//#region src/support/text/locales/en.d.ts
+declare const en: SupportLocaleMessages;
+//#endregion
+export { en as default };
+//# sourceMappingURL=en.d.ts.map

package/support/text/locales/en.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"en.d.ts","names":[],"sources":["../../../../src/support/text/locales/en.tsx"],"sourcesContent":[],"mappings":";;;cAEM,IAAI"}

package/support/text/locales/en.js

@@ -0,0 +1,65 @@
+//#region src/support/text/locales/en.tsx
+const en = {
+	"common.actions.askQuestion": "Ask us a question",
+	"common.actions.attachFiles": "Attach files",
+	"common.actions.removeFile": ({ variables }) => `Remove ${variables.fileName}`,
+	"common.brand.watermark": "We run on",
+	"common.fallbacks.aiAssistant": "AI assistant",
+	"common.fallbacks.cossistant": "Cossistant",
+	"common.fallbacks.someone": "Someone",
+	"common.fallbacks.supportTeam": "Support",
+	"common.fallbacks.unknown": "Unknown",
+	"common.fallbacks.you": "You",
+	"common.labels.aiAgentIndicator": "AI agent",
+	"common.labels.supportOnline": "Support online",
+	"page.conversationHistory.showMore": ({ variables, utils }) => `+${utils.formatNumber(variables.count)} more`,
+	"page.conversationHistory.title": "Conversation history",
+	"page.home.greeting": ({ variables, context, utils }) => {
+		const period = utils.timeOfDay();
+		const phrases = {
+			morning: "morning",
+			afternoon: "afternoon",
+			evening: "evening"
+		};
+		const visitorName = variables?.visitorName || context.visitor?.contact?.name;
+		return `Good ${phrases[period.token]}${visitorName ? ` ${visitorName}` : ""}, How can we help?`;
+	},
+	"page.home.history.more": ({ variables, utils }) => {
+		const count = variables.count;
+		const noun = utils.pluralize(count, {
+			one: "conversation",
+			other: "conversations"
+		});
+		return `+ ${utils.formatNumber(count)} more ${noun}`;
+	},
+	"page.home.tagline": ({ variables, context, utils }) => {
+		const websiteName = variables?.websiteName || context.website?.name || "";
+		return websiteName ? `${utils.titleCase(websiteName)} support` : "Support";
+	},
+	"component.conversationButtonLink.fallbackTitle": "Untitled conversation",
+	"component.conversationButtonLink.lastMessage.agent": ({ variables }) => `${variables.name} - ${variables.time}`,
+	"component.conversationButtonLink.lastMessage.visitor": ({ variables }) => `You - ${variables.time}`,
+	"component.conversationButtonLink.typing": ({ variables }) => `${variables.name} is typing...`,
+	"component.conversationEvent.assigned": ({ variables }) => `${variables.actorName} assigned the conversation`,
+	"component.conversationEvent.unassigned": ({ variables }) => `${variables.actorName} unassigned the conversation`,
+	"component.conversationEvent.default": ({ variables }) => `${variables.actorName} performed an action`,
+	"component.conversationEvent.participantJoined": ({ variables }) => `${variables.actorName} joined the conversation`,
+	"component.conversationEvent.participantLeft": ({ variables }) => `${variables.actorName} left the conversation`,
+	"component.conversationEvent.participantRequested": ({ variables }) => `${variables.actorName} requested to join`,
+	"component.conversationEvent.priorityChanged": ({ variables }) => `${variables.actorName} changed the priority`,
+	"component.conversationEvent.reopened": ({ variables }) => `${variables.actorName} reopened the conversation`,
+	"component.conversationEvent.resolved": ({ variables }) => `${variables.actorName} resolved the conversation`,
+	"component.conversationEvent.statusChanged": ({ variables }) => `${variables.actorName} changed the status`,
+	"component.conversationEvent.tagAdded": ({ variables }) => `${variables.actorName} added a tag`,
+	"component.conversationEvent.tagRemoved": ({ variables }) => `${variables.actorName} removed a tag`,
+	"component.multimodalInput.placeholder": "Type your message...",
+	"component.multimodalInput.remove": ({ variables }) => `Remove ${variables.fileName}`,
+	"component.navigation.articles": "Articles",
+	"component.navigation.home": "Home",
+	"component.message.timestamp.aiIndicator": "• AI agent"
+};
+var en_default = en;
+
+//#endregion
+export { en_default as default };
+//# sourceMappingURL=en.js.map

package/support/text/locales/en.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"en.js","names":["en: SupportLocaleMessages","phrases: Record<typeof period.token, string>"],"sources":["../../../../src/support/text/locales/en.tsx"],"sourcesContent":["import type { SupportLocaleMessages } from \"./keys\";\n\nconst en: SupportLocaleMessages = {\n\t\"common.actions.askQuestion\": \"Ask us a question\",\n\t\"common.actions.attachFiles\": \"Attach files\",\n\t\"common.actions.removeFile\": ({ variables }) =>\n\t\t`Remove ${variables.fileName}`,\n\t\"common.brand.watermark\": \"We run on\",\n\t\"common.fallbacks.aiAssistant\": \"AI assistant\",\n\t\"common.fallbacks.cossistant\": \"Cossistant\",\n\t\"common.fallbacks.someone\": \"Someone\",\n\t\"common.fallbacks.supportTeam\": \"Support\",\n\t\"common.fallbacks.unknown\": \"Unknown\",\n\t\"common.fallbacks.you\": \"You\",\n\t\"common.labels.aiAgentIndicator\": \"AI agent\",\n\t\"common.labels.supportOnline\": \"Support online\",\n\t\"page.conversationHistory.showMore\": ({ variables, utils }) =>\n\t\t`+${utils.formatNumber(variables.count)} more`,\n\t\"page.conversationHistory.title\": \"Conversation history\",\n\t\"page.home.greeting\": ({ variables, context, utils }) => {\n\t\tconst period = utils.timeOfDay();\n\t\tconst phrases: Record<typeof period.token, string> = {\n\t\t\tmorning: \"morning\",\n\t\t\tafternoon: \"afternoon\",\n\t\t\tevening: \"evening\",\n\t\t};\n\t\tconst visitorName =\n\t\t\tvariables?.visitorName || context.visitor?.contact?.name;\n\t\treturn `Good ${phrases[period.token]}${visitorName ? ` ${visitorName}` : \"\"}, How can we help?`;\n\t},\n\t\"page.home.history.more\": ({ variables, utils }) => {\n\t\tconst count = variables.count;\n\t\tconst noun = utils.pluralize(count, {\n\t\t\tone: \"conversation\",\n\t\t\tother: \"conversations\",\n\t\t});\n\t\treturn `+ ${utils.formatNumber(count)} more ${noun}`;\n\t},\n\t\"page.home.tagline\": ({ variables, context, utils }) => {\n\t\tconst websiteName = variables?.websiteName || context.website?.name || \"\";\n\t\tconst formatted = websiteName\n\t\t\t? `${utils.titleCase(websiteName)} support`\n\t\t\t: \"Support\";\n\t\treturn formatted;\n\t},\n\t\"component.conversationButtonLink.fallbackTitle\": \"Untitled conversation\",\n\t\"component.conversationButtonLink.lastMessage.agent\": ({ variables }) =>\n\t\t`${variables.name} - ${variables.time}`,\n\t\"component.conversationButtonLink.lastMessage.visitor\": ({ variables }) =>\n\t\t`You - ${variables.time}`,\n\t\"component.conversationButtonLink.typing\": ({ variables }) =>\n\t\t`${variables.name} is typing...`,\n\t\"component.conversationEvent.assigned\": ({ variables }) =>\n\t\t`${variables.actorName} assigned the conversation`,\n\t\"component.conversationEvent.unassigned\": ({ variables }) =>\n\t\t`${variables.actorName} unassigned the conversation`,\n\t\"component.conversationEvent.default\": ({ variables }) =>\n\t\t`${variables.actorName} performed an action`,\n\t\"component.conversationEvent.participantJoined\": ({ variables }) =>\n\t\t`${variables.actorName} joined the conversation`,\n\t\"component.conversationEvent.participantLeft\": ({ variables }) =>\n\t\t`${variables.actorName} left the conversation`,\n\t\"component.conversationEvent.participantRequested\": ({ variables }) =>\n\t\t`${variables.actorName} requested to join`,\n\t\"component.conversationEvent.priorityChanged\": ({ variables }) =>\n\t\t`${variables.actorName} changed the priority`,\n\t\"component.conversationEvent.reopened\": ({ variables }) =>\n\t\t`${variables.actorName} reopened the conversation`,\n\t\"component.conversationEvent.resolved\": ({ variables }) =>\n\t\t`${variables.actorName} resolved the conversation`,\n\t\"component.conversationEvent.statusChanged\": ({ variables }) =>\n\t\t`${variables.actorName} changed the status`,\n\t\"component.conversationEvent.tagAdded\": ({ variables }) =>\n\t\t`${variables.actorName} added a tag`,\n\t\"component.conversationEvent.tagRemoved\": ({ variables }) =>\n\t\t`${variables.actorName} removed a tag`,\n\t\"component.multimodalInput.placeholder\": \"Type your message...\",\n\t\"component.multimodalInput.remove\": ({ variables }) =>\n\t\t`Remove ${variables.fileName}`,\n\t\"component.navigation.articles\": \"Articles\",\n\t\"component.navigation.home\": \"Home\",\n\t\"component.message.timestamp.aiIndicator\": \"• AI agent\",\n};\n\nexport default en;\n"],"mappings":";AAEA,MAAMA,KAA4B;CACjC,8BAA8B;CAC9B,8BAA8B;CAC9B,8BAA8B,EAAE,gBAC/B,UAAU,UAAU;CACrB,0BAA0B;CAC1B,gCAAgC;CAChC,+BAA+B;CAC/B,4BAA4B;CAC5B,gCAAgC;CAChC,4BAA4B;CAC5B,wBAAwB;CACxB,kCAAkC;CAClC,+BAA+B;CAC/B,sCAAsC,EAAE,WAAW,YAClD,IAAI,MAAM,aAAa,UAAU,MAAM,CAAC;CACzC,kCAAkC;CAClC,uBAAuB,EAAE,WAAW,SAAS,YAAY;EACxD,MAAM,SAAS,MAAM,WAAW;EAChC,MAAMC,UAA+C;GACpD,SAAS;GACT,WAAW;GACX,SAAS;GACT;EACD,MAAM,cACL,WAAW,eAAe,QAAQ,SAAS,SAAS;AACrD,SAAO,QAAQ,QAAQ,OAAO,SAAS,cAAc,IAAI,gBAAgB,GAAG;;CAE7E,2BAA2B,EAAE,WAAW,YAAY;EACnD,MAAM,QAAQ,UAAU;EACxB,MAAM,OAAO,MAAM,UAAU,OAAO;GACnC,KAAK;GACL,OAAO;GACP,CAAC;AACF,SAAO,KAAK,MAAM,aAAa,MAAM,CAAC,QAAQ;;CAE/C,sBAAsB,EAAE,WAAW,SAAS,YAAY;EACvD,MAAM,cAAc,WAAW,eAAe,QAAQ,SAAS,QAAQ;AAIvE,SAHkB,cACf,GAAG,MAAM,UAAU,YAAY,CAAC,YAChC;;CAGJ,kDAAkD;CAClD,uDAAuD,EAAE,gBACxD,GAAG,UAAU,KAAK,KAAK,UAAU;CAClC,yDAAyD,EAAE,gBAC1D,SAAS,UAAU;CACpB,4CAA4C,EAAE,gBAC7C,GAAG,UAAU,KAAK;CACnB,yCAAyC,EAAE,gBAC1C,GAAG,UAAU,UAAU;CACxB,2CAA2C,EAAE,gBAC5C,GAAG,UAAU,UAAU;CACxB,wCAAwC,EAAE,gBACzC,GAAG,UAAU,UAAU;CACxB,kDAAkD,EAAE,gBACnD,GAAG,UAAU,UAAU;CACxB,gDAAgD,EAAE,gBACjD,GAAG,UAAU,UAAU;CACxB,qDAAqD,EAAE,gBACtD,GAAG,UAAU,UAAU;CACxB,gDAAgD,EAAE,gBACjD,GAAG,UAAU,UAAU;CACxB,yCAAyC,EAAE,gBAC1C,GAAG,UAAU,UAAU;CACxB,yCAAyC,EAAE,gBAC1C,GAAG,UAAU,UAAU;CACxB,8CAA8C,EAAE,gBAC/C,GAAG,UAAU,UAAU;CACxB,yCAAyC,EAAE,gBAC1C,GAAG,UAAU,UAAU;CACxB,2CAA2C,EAAE,gBAC5C,GAAG,UAAU,UAAU;CACxB,yCAAyC;CACzC,qCAAqC,EAAE,gBACtC,UAAU,UAAU;CACrB,iCAAiC;CACjC,6BAA6B;CAC7B,2CAA2C;CAC3C;AAED,iBAAe"}

package/support/text/locales/es.d.ts

@@ -0,0 +1,7 @@
+import { SupportLocaleMessages } from "./keys.js";
+
+//#region src/support/text/locales/es.d.ts
+declare const es: SupportLocaleMessages;
+//#endregion
+export { es as default };
+//# sourceMappingURL=es.d.ts.map