From 71800187bb0353849dfe2679542065e043b318d6 Mon Sep 17 00:00:00 2001
From: Scott Rhamy <scott@rhamy.com>
Date: Wed, 17 Dec 2025 18:52:27 -0500
Subject: [PATCH 1/3] more-custom-icons

- Relates to Getting Started Page.
- updated tabs to use custom icons for shadcn-svelte, skeleton, svelteux, daisyui, unocss and vanilla CSS (defined in vite.config.ts.
- added reference to unocss start project (coming separate PR).
- sliglt update of copy text to note unocss.
---
 docs/src/routes/docs/getting-started/+page.md | 21 ++++++++++++++-----
 docs/vite.config.ts                           | 11 +++++++++-
 2 files changed, 26 insertions(+), 6 deletions(-)

diff --git a/docs/src/routes/docs/getting-started/+page.md b/docs/src/routes/docs/getting-started/+page.md
index 18d4f11bc..755225d9e 100644
--- a/docs/src/routes/docs/getting-started/+page.md
+++ b/docs/src/routes/docs/getting-started/+page.md
@@ -1,7 +1,6 @@
 <script lang="ts">
 	import { Button, Icon } from 'svelte-ux';
 
-	import A from '$lib/markdown/components/a.svelte';
 	import Code from '$lib/components/Code.svelte';
   import Example from '$lib/components/Example.svelte';
 	import Steps from '$lib/components/Steps.svelte';
@@ -16,6 +15,13 @@
 	import VSCodeIconBUN from '~icons/vscode-icons/file-type-bun';
 	import VSCodeIconDeno from '~icons/vscode-icons/file-type-deno';
 	import VSCodeIconYarn from '~icons/vscode-icons/file-type-yarn';
+	import VSCodeIconCSS from '~icons/vscode-icons/file-type-css';
+	import CustomSvelteUX from '~icons/custom-brands/svelteux';
+	import CustomDaisyUI from '~icons/custom-brands/daisyUI';
+	import CustomTailwindCSS from '~icons/custom-brands/tailwindcss';
+	import CustomShadCNSvelte from '~icons/custom-brands/shadcnsvelte';
+	import CustomSkeleton from '~icons/custom-brands/skeleton';
+	import CustomUnoCSS from '~icons/custom-brands/unocss';
 
 	const appcss = `.lc-root-container {
 	/* Default marks color when not using explicit color or color scale */
@@ -37,7 +43,7 @@ let bundlerIndex = 0;
 
 LayerChart can be used standlone, or integrates nicely with other frameworks and design systems.
 
-Provides built-in first class support for <A href="https://tailwindcss.com/" target="_blank">tailwindcss 4</A>, but is completely optional and also works seamlessly with regular CSS and inline styles.
+Provides built-in first class support for <a href="https://tailwindcss.com/" target="_blank"> <Icon data={CustomTailwindCSS} class="inline-block align-middle" /> tailwindcss 4</a>, but is completely optional. It also works seamlessly with regular CSS via inline styles and <a href="https://unocss.dev/" target="_blank"><Icon data={CustomUnoCSS} class="inline-block align-middle" /> unoCSS</a>.
 
 <Steps>
 	<Step title={`Create a new project or <a href="#git-up-and-running-even-quicker">git a project</a>`} >
@@ -94,6 +100,7 @@ Provides built-in first class support for <A href="https://tailwindcss.com/" tar
 				</p>
 				<Tabs
 					keys={['shadcn-svelte', 'Skeleton 3', 'Skeleton 4', 'Svelte UX', 'DaisyUI 5']}
+					icons={[CustomShadCNSvelte, CustomSkeleton, CustomSkeleton, CustomSvelteUX, CustomDaisyUI]}
 					classes={{ root: 'mt-4', content: 'p-0' }}
 				>
 					{#snippet content(value)}
@@ -147,7 +154,7 @@ Provides built-in first class support for <A href="https://tailwindcss.com/" tar
 
 Starter [project repos](https://github.com/techniq/layerchart/tree/next/examples) are available for popular UI frameworks.
 
-<Tabs keys={["shadcn-svelte","Skeleton", "Svelte UX", "daisyUI", "Standalone CSS"]} classes={{content: 'h-[120px] [&_a]:text-primary [&_a:hover]:underline'}} activeClass="bg-surface-200 border-b-surface-200">
+<Tabs keys={["shadcn-svelte", "Skeleton", "Svelte UX", "daisyUI", "UnoCSS", "Vanilla CSS"]} icons={[CustomShadCNSvelte,CustomSkeleton,CustomSvelteUX,CustomDaisyUI,CustomUnoCSS, VSCodeIconCSS]} classes={{content: 'h-[120px] [&_a]:text-primary [&_a:hover]:underline'}} activeClass="bg-surface-200 border-b-surface-200">
 {#snippet content(value)}
 {#if value === 0}
 
@@ -172,10 +179,14 @@ Starter [project repos](https://github.com/techniq/layerchart/tree/next/examples
 {:else if value === 3}
 <div><a href="https://daisyui.com/", target="_blank">Daisy UI</a></div>
 <div class='pt-2'>v5:
-{@render githubButton('dauilyui-5')}
+{@render githubButton('daisyui-5')}
 {@render stackBlitzButton('daisyui-5')}</div>
 {:else if value === 4}
-<div class='pt-2'>Standalone CSS: {@render githubButton('standalone')}
+<div><a href="https://unocss.dev/" target="_blank">UnoCSS</a></div>
+<div class='pt-2'>
+v1: {@render githubButton('unoCSS')}{@render stackBlitzButton('unocss-1')}</div>
+{:else if value === 5}
+<div class='pt-2'>Vanilla CSS: {@render githubButton('standalone')}
 {@render stackBlitzButton('standalone')}</div>
 {/if}
 {/snippet}
diff --git a/docs/vite.config.ts b/docs/vite.config.ts
index 5b3834cf1..e8c014065 100644
--- a/docs/vite.config.ts
+++ b/docs/vite.config.ts
@@ -16,7 +16,16 @@ export default defineConfig({
 			customCollections: {
 				'custom-brands': {
 					bluesky: `<svg xmlns="http://www.w3.org/2000/svg" width="1.3em" height="1.3em" viewBox="0 0 24 24"><!-- Icon from Huge Icons by Hugeicons - undefined --><path fill="currentColor" d="M15.492 22.082c-1.58 0-2.78-1.8-3.5-3.28c-.72 1.47-1.92 3.28-3.5 3.28c-2.43 0-5.25-2.87-5.25-4.75c0-1.2.66-2.02 1.48-2.59c-1.55-.6-2.57-1.87-2.96-3.76c-.44-2.22-1-6.17.26-7.7c.38-.46.89-.7 1.48-.7c3.45 0 6.97 5.18 8.5 7.74c1.53-2.55 5.05-7.74 8.5-7.74c.59 0 1.1.24 1.48.7c1.26 1.53.7 5.48.26 7.7c-.39 1.89-1.41 3.16-2.96 3.76c.82.56 1.48 1.39 1.48 2.59c0 1.88-2.82 4.75-5.25 4.75zm-3.5-6c.32 0 .61.21.71.51c.54 1.61 1.8 3.98 2.79 3.98c1.65 0 3.75-2.2 3.75-3.25c0-1.78-3.31-2.25-3.34-2.26a.744.744 0 0 1-.65-.83c.05-.41.41-.7.83-.66c2.68.3 4.21-.65 4.68-2.91c.62-3.13.65-5.72.05-6.45a.37.37 0 0 0-.32-.15c-2.71 0-6.2 5.08-7.83 8.08c-.13.24-.39.4-.66.4s-.53-.14-.66-.38l-.01-.02c-1.63-3-5.12-8.08-7.83-8.08c-.14 0-.23.04-.32.15c-.59.73-.57 3.32.05 6.45c.47 2.25 2 3.2 4.68 2.9c.42-.04.78.25.83.66s-.24.78-.65.83c-.03 0-3.34.48-3.34 2.26c0 1.05 2.1 3.25 3.75 3.25c.99 0 2.25-2.38 2.79-3.98c.1-.31.39-.51.71-.51z" color="currentColor"/></svg>`,
-					discord: `<svg xmlns="http://www.w3.org/2000/svg" width="1.3em" height="1.3em" viewBox="0 0 24 24"><path d="M 9 4 C 9 4 8.5733125 4.0039062 8.3203125 4.0039062 L 8.3183594 4.0039062 C 7.4503594 4.0039062 6.1811406 4.3226094 5.2441406 4.5996094 C 4.3761406 4.8556094 3.6552344 5.4479531 3.2402344 6.2519531 C 2.4062344 7.8649531 1.166625 11.064 1.015625 16 C 0.995625 16.67 0.9921875 17.261719 0.9921875 17.261719 C 3.7341875 19.674719 8.2167969 20 8.2167969 20 L 9 18.65625 C 9 18.65625 10.653 19.019531 12 19.019531 L 12.013672 19.019531 C 13.360672 19.019531 15.013672 18.65625 15.013672 18.65625 L 16 20 C 16 20 21.251672 18.929531 23.013672 17.019531 C 23.016672 11.507531 21.664391 7.9808125 20.775391 6.2578125 C 20.360391 5.4538125 19.637531 4.8556094 18.769531 4.5996094 C 17.832531 4.3226094 16.564313 4.0039062 15.695312 4.0039062 C 15.442312 4.0039062 15 4 15 4 L 14.001953 5.1425781 C 14.001953 5.1425781 12.686625 4.9882812 12.015625 4.9882812 L 12 4.9882812 C 11.329 4.9882812 10.013672 5.1425781 10.013672 5.1425781 L 9 4 z M 8.3203125 5.5039062 L 8.328125 5.5039062 L 8.890625 6.1386719 L 9.4101562 6.7246094 L 10.189453 6.6328125 C 10.664453 6.5768125 11.576625 6.4882812 12.015625 6.4882812 C 12.492625 6.4882812 13.484172 6.5928125 13.826172 6.6328125 L 14.611328 6.7265625 L 15.132812 6.1308594 L 15.677734 5.5039062 L 15.695312 5.5039062 C 16.229312 5.5039062 17.195703 5.6990625 18.345703 6.0390625 C 18.824703 6.1810625 19.214359 6.5023125 19.443359 6.9453125 C 20.185359 8.3823125 21.407813 11.473422 21.507812 16.357422 C 20.405812 17.174422 18.266953 17.901359 16.626953 18.318359 L 16.414062 18.027344 C 17.536899 17.564441 18.267578 17.107422 18.267578 17.107422 L 17.482422 15.830078 C 17.482422 15.830078 14.704667 17.490234 12 17.490234 C 9.2953333 17.490234 6.5175781 15.830078 6.5175781 15.830078 L 5.7324219 17.107422 C 5.7324219 17.107422 6.4729164 17.575843 7.6210938 18.044922 L 7.4199219 18.388672 C 6.1029219 18.168672 4.0319531 17.630922 2.5019531 16.544922 C 2.5049531 16.390922 2.5086719 16.219922 2.5136719 16.044922 C 2.6576719 11.309922 3.8652656 8.3084531 4.5722656 6.9394531 C 4.8002656 6.5004531 5.1899219 6.1791094 5.6699219 6.0371094 C 6.8189219 5.6971094 7.7843125 5.5039063 8.3203125 5.5039062 z M 8.5 10 A 1.5 2 0 0 0 8.5 14 A 1.5 2 0 0 0 8.5 10 z M 15.5 10 A 1.5 2 0 0 0 15.5 14 A 1.5 2 0 0 0 15.5 10 z" fill="currentColor"></path></svg>`
+					discord: `<svg xmlns="http://www.w3.org/2000/svg" width="1.3em" height="1.3em" viewBox="0 0 24 24"><path d="M 9 4 C 9 4 8.5733125 4.0039062 8.3203125 4.0039062 L 8.3183594 4.0039062 C 7.4503594 4.0039062 6.1811406 4.3226094 5.2441406 4.5996094 C 4.3761406 4.8556094 3.6552344 5.4479531 3.2402344 6.2519531 C 2.4062344 7.8649531 1.166625 11.064 1.015625 16 C 0.995625 16.67 0.9921875 17.261719 0.9921875 17.261719 C 3.7341875 19.674719 8.2167969 20 8.2167969 20 L 9 18.65625 C 9 18.65625 10.653 19.019531 12 19.019531 L 12.013672 19.019531 C 13.360672 19.019531 15.013672 18.65625 15.013672 18.65625 L 16 20 C 16 20 21.251672 18.929531 23.013672 17.019531 C 23.016672 11.507531 21.664391 7.9808125 20.775391 6.2578125 C 20.360391 5.4538125 19.637531 4.8556094 18.769531 4.5996094 C 17.832531 4.3226094 16.564313 4.0039062 15.695312 4.0039062 C 15.442312 4.0039062 15 4 15 4 L 14.001953 5.1425781 C 14.001953 5.1425781 12.686625 4.9882812 12.015625 4.9882812 L 12 4.9882812 C 11.329 4.9882812 10.013672 5.1425781 10.013672 5.1425781 L 9 4 z M 8.3203125 5.5039062 L 8.328125 5.5039062 L 8.890625 6.1386719 L 9.4101562 6.7246094 L 10.189453 6.6328125 C 10.664453 6.5768125 11.576625 6.4882812 12.015625 6.4882812 C 12.492625 6.4882812 13.484172 6.5928125 13.826172 6.6328125 L 14.611328 6.7265625 L 15.132812 6.1308594 L 15.677734 5.5039062 L 15.695312 5.5039062 C 16.229312 5.5039062 17.195703 5.6990625 18.345703 6.0390625 C 18.824703 6.1810625 19.214359 6.5023125 19.443359 6.9453125 C 20.185359 8.3823125 21.407813 11.473422 21.507812 16.357422 C 20.405812 17.174422 18.266953 17.901359 16.626953 18.318359 L 16.414062 18.027344 C 17.536899 17.564441 18.267578 17.107422 18.267578 17.107422 L 17.482422 15.830078 C 17.482422 15.830078 14.704667 17.490234 12 17.490234 C 9.2953333 17.490234 6.5175781 15.830078 6.5175781 15.830078 L 5.7324219 17.107422 C 5.7324219 17.107422 6.4729164 17.575843 7.6210938 18.044922 L 7.4199219 18.388672 C 6.1029219 18.168672 4.0319531 17.630922 2.5019531 16.544922 C 2.5049531 16.390922 2.5086719 16.219922 2.5136719 16.044922 C 2.6576719 11.309922 3.8652656 8.3084531 4.5722656 6.9394531 C 4.8002656 6.5004531 5.1899219 6.1791094 5.6699219 6.0371094 C 6.8189219 5.6971094 7.7843125 5.5039063 8.3203125 5.5039062 z M 8.5 10 A 1.5 2 0 0 0 8.5 14 A 1.5 2 0 0 0 8.5 10 z M 15.5 10 A 1.5 2 0 0 0 15.5 14 A 1.5 2 0 0 0 15.5 10 z" fill="currentColor"></path></svg>`,
+					tailwindcss:
+						`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 54 33"><g clip-path="url(#prefix__clip0)"><path fill="#38bdf8" fill-rule="evenodd" d="M27 0c-7.2 0-11.7 3.6-13.5 10.8 2.7-3.6 5.85-4.95 9.45-4.05 2.054.513 3.522 2.004 5.147 3.653C30.744 13.09 33.808 16.2 40.5 16.2c7.2 0 11.7-3.6 13.5-10.8-2.7 3.6-5.85 4.95-9.45 4.05-2.054-.513-3.522-2.004-5.147-3.653C36.756 3.11 33.692 0 27 0zM13.5 16.2C6.3 16.2 1.8 19.8 0 27c2.7-3.6 5.85-4.95 9.45-4.05 2.054.514 3.522 2.004 5.147 3.653C17.244 29.29 20.308 32.4 27 32.4c7.2 0 11.7-3.6 13.5-10.8-2.7 3.6-5.85 4.95-9.45 4.05-2.054-.513-3.522-2.004-5.147-3.653C23.256 19.31 20.192 16.2 13.5 16.2z" clip-rule="evenodd"/></g><defs><clipPath id="prefix__clip0"><path fill="#fff" d="M0 0h54v32.4H0z"/></clipPath></defs></svg>`
+							.replace(/\s+/g, ' ')
+							.trim(),
+					svelteux: `<svg xmlns="http://www.w3.org/2000/svg" version="1.1" style="display: block;" viewBox="0 0 2048 2048" width="20" height="20" preserveAspectRatio="none"><path transform="translate(0,0)" fill="rgb(196,128,238)" d="M 1014 268.483 C 1026.15 268.43 1038.3 268.492 1050.45 268.67 C 1086.69 269.342 1120.44 273.69 1156.01 280.267 C 1307.06 308.35 1445.31 383.645 1550.85 495.311 C 1701.76 653.086 1783.45 864.575 1777.78 1082.83 C 1774.37 1298.07 1685.54 1503.13 1530.85 1652.84 C 1418.67 1760.2 1274.26 1832.45 1119.84 1853.11 C 1095.49 1856.37 1061.85 1859.17 1037.38 1858.62 C 990.543 1857.41 961.187 1857.12 913.238 1849.57 C 765.784 1825.02 629.337 1756.04 522.137 1651.86 C 366.841 1502.66 277.558 1297.62 274.123 1082.3 C 269.018 863.904 350.882 652.427 501.705 494.393 C 638.804 353.315 816.551 271.452 1014 268.483 z M 1056.25 1750.33 C 1224.25 1742 1379.03 1662.83 1491.38 1538.9 C 1616.77 1401.04 1681.99 1218.85 1672.57 1032.73 C 1663.44 847.985 1585.33 669.818 1447.75 544.236 C 1325.21 432.392 1164.58 368.936 997.649 377.435 C 820.641 388.603 670.53 464.459 552.976 597.463 C 431.492 737.1 369.443 918.715 380.087 1103.49 C 403.02 1465.26 684.38 1762.67 1056.25 1750.33 z"/><path transform="translate(0,0)" fill="rgb(196,128,238)" d="M 842.259 884.321 C 852.193 883.469 879.922 884.841 888.336 889.949 C 892.472 896.018 899.965 919.369 904.577 928.407 C 916.036 950.865 930.317 972.427 945.727 992.379 C 963.715 1015.67 983.335 1039.08 1002.66 1061.19 C 1014.01 1075.03 1029.9 1088.27 1040.79 1102.18 C 1064.21 1132.1 1090.75 1160.09 1115.1 1188.81 C 1138.63 1216.56 1157.72 1259.32 1165.68 1294.28 C 1168.44 1306.39 1167.9 1322.84 1168.07 1335.27 C 1167.07 1399.57 1124.87 1453.49 1082.38 1497.82 C 1068.6 1512.19 1055.47 1527.62 1040.52 1541.07 C 1036.01 1545.12 1034.92 1547.1 1029.03 1546.9 C 1024.89 1544.84 1022.81 1541.4 1019.87 1537.68 C 1008.61 1523.43 998.232 1508.62 987.25 1494.16 C 964.243 1464.2 941.011 1434.42 917.557 1404.81 C 895.865 1377.26 873.832 1349.68 850.643 1323.3 C 839.95 1311.13 821.165 1298.16 808.347 1287.14 C 780.592 1263.26 747.718 1232.01 725.924 1202.91 C 707.46 1178.26 690.685 1132.7 686.067 1102.95 C 678.569 1054.66 689.753 998.589 719.912 959.383 C 752.641 916.836 788.946 892.392 842.259 884.321 z M 1055.55 1469.59 C 1059.94 1469.66 1058.12 1470.35 1061.34 1467.8 C 1064.67 1461.37 1065.65 1447.64 1066.72 1439.9 C 1073.78 1388.87 1070.76 1334.48 1057.16 1284.74 C 1040.44 1223.59 988.144 1186.91 943.088 1147.15 C 920.52 1127.23 898.478 1106.82 876.12 1086.68 C 855.812 1068.34 838.56 1044.33 819.916 1024.3 C 815.975 1020.07 795.729 1000.17 794.942 996.297 C 793.492 989.165 802.155 966.995 805.884 959.812 C 811.054 949.914 817.518 940.746 825.105 932.552 C 833.766 923.299 859.006 906.497 859.787 900.628 L 858.333 900.247 C 836.053 904.012 813.592 916.54 800.811 935.222 C 779.395 966.524 770.738 1005.71 777.492 1042.81 C 792.749 1126.61 856.724 1178.83 920.591 1227.39 C 929.336 1234.04 938.078 1242.82 946.357 1248.81 C 987.781 1278.81 1027.83 1303.53 1047.07 1353.75 C 1058.16 1382.71 1058.17 1408.5 1056.66 1439.05 C 1056.18 1448.68 1053.63 1460.2 1055.55 1469.59 z"/><path transform="translate(0,0)" fill="rgb(196,128,238)" d="M 1030.13 555.689 C 1044.73 563.818 1092.25 641.704 1106.24 660.321 C 1141.7 707.521 1172.36 756.666 1214.77 798.774 C 1251.79 835.525 1296.11 861.168 1327.05 903.812 C 1410.6 1012.6 1376.02 1197.32 1227.26 1225.68 C 1214.09 1228.32 1187.22 1226.67 1173.49 1224.6 C 1169.42 1217.07 1163.76 1201.3 1160.09 1192.59 C 1153.68 1177.53 1146.18 1162.95 1137.68 1148.97 C 1124.91 1127.83 1109.28 1110.32 1093.21 1091.68 C 1065.45 1059.47 1036.64 1028.04 1008.53 996.1 C 993.946 979.233 979.635 962.136 965.598 944.815 C 922.521 892.173 884.578 840.539 888.821 767.873 C 891.767 717.407 918.963 672.23 949.935 633.374 C 957.878 623.409 972.541 611.947 981.317 602.318 C 997.233 584.857 1012.49 571.216 1030.13 555.689 z M 1260.09 1103.96 C 1260.03 1136.44 1250.07 1160.21 1227.43 1183.94 C 1217.1 1194.77 1202.64 1200.86 1194.27 1208.6 C 1195.51 1210.5 1199.47 1210.78 1201.87 1211.14 C 1227.48 1204.38 1249.54 1189.72 1262.13 1166.44 C 1311.79 1074.64 1255.22 980.609 1187.04 917.63 C 1170.18 902.057 1151.13 889.885 1133.54 875.283 C 1073.14 830.28 1005.87 789.244 1001.12 705.741 C 1000.7 698.283 999.858 634.125 998.271 632.768 C 978.183 681.091 981.53 776.219 1000.87 825.164 C 1030.45 900.019 1094.39 937.622 1150.66 989.963 C 1163.72 1002.11 1175.68 1015.78 1187.9 1028.86 L 1235.68 1079.73 C 1242.92 1087.54 1253.88 1096.57 1260.09 1103.96 z"/></svg>`,
+					shadcnsvelte: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" class="size-4"><rect width="256" height="256" fill="none"/><line x1="208" y1="128" x2="128" y2="208" fill="none" stroke="#EB4F27" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"/><line x1="192" y1="40" x2="40" y2="192" fill="none" stroke="#EB4F27" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"/></svg>`,
+					skeleton: `<svg width="40px" height="40px" viewBox="0 0 40 40" class="size-4 fill-white transition-transform duration-200 bg-transparent"><path fill-rule="evenodd" d="M19.855 10.21c5.07 0 9.398 1.736 12.495 4.588l.057-.017c.388-.12.72-.244.994-.37.879-.406 2.032-1.236 3.46-2.492-.232 2.188-.48 3.794-.747 4.818a19.306 19.306 0 0 1-.662 1.994 15.855 15.855 0 0 1 1.707 4.672c1.221 6.057-.871 8.735-5.727 10.23.037.18.065.373.086.58.173 1.772-.733 4.633-1.82 4.633-.716 0-1.181-.986-1.68-2.426-.155 1.666-.923 3.58-1.813 3.58-.958 0-1.467-1.767-2.21-4.022C23.618 37.75 23.05 40 22.046 40c-1.02 0-.46-3.177-2.181-4.523-8.721.47-16.057-2.718-16.057-11.916 0-1.693.405-3.346 1.147-4.88-.132-.257-.255-.51-.37-.761-.58-1.264-1.275-3.176-2.085-5.737 2.074 1.53 3.665 2.442 4.772 2.735.11.029.226.055.346.077 2.906-2.879 7.248-4.785 12.237-4.785ZM17.82 22.62c-2.947 0-5.336 2.294-5.336 5.124 0 2.83 2.389 5.124 5.336 5.124 2.946 0 5.335-2.294 5.335-5.124 0-2.76-2.27-5.009-5.115-5.12Zm7.573 6.4c-.891 0-1.362 1.883-1.362 2.727 0 .66.224 1.024.589 1.09.885.082.615-1.194 1.056-1.194.47 0 1.02 1.305 1.48 1.128.547-.322.338-1.024.149-1.578-.665-1.394-1.02-2.173-1.912-2.173Zm5.801-6.7c-2.03 0-3.676 2.014-3.676 4.5 0 2.485 1.646 4.5 3.676 4.5 2.03 0 3.677-2.015 3.677-4.5 0-2.486-1.646-4.5-3.677-4.5ZM18.5 25a3 3 0 1 1-.5 5.958 3 3 0 0 0 0-5.917c.162-.027.33-.041.5-.041ZM31 24c1.38 0 2.5 1.343 2.5 3s-1.12 3-2.5 3c-.171 0-.339-.02-.5-.06 1.141-.278 2-1.489 2-2.94 0-1.451-.859-2.662-2-2.94.161-.04.329-.06.5-.06Zm.284-18.586.324.207c.146.093.19.288.096.434l-2.39 3.655a.314.314 0 0 1-.433.093l-.324-.207a.314.314 0 0 1-.095-.434l2.39-3.655a.314.314 0 0 1 .432-.093Zm-23.177.554 1.94 2.75c.1.141.066.337-.076.437l-.319.22a.314.314 0 0 1-.435-.077l-1.94-2.749a.314.314 0 0 1 .076-.438l.318-.22a.314.314 0 0 1 .436.077ZM20.683 0l.58 4.826 2.146-2.385.06 5.942-.426-.094c-1.242-.273-2.369-.41-3.379-.41a9.635 9.635 0 0 0-2.821.399l-.474.143.382-7.432 1.967 3.675L20.683 0Z"></path></svg>`,
+					daisyUI: `<svg xmlns="http://www.w3.org/2000/svg" aria-label="daisyUI logomark" viewBox="0 0 450 450" fill="none"><g data-name="bg"><g opacity=".7"><path d="M148.425 40.167c-5.725 8.432-10.275 18.214-13.273 29.347a93.022 93.022 0 0 1-65.638 65.639c-11.133 2.997-20.916 7.547-29.348 13.273-11.952-62.513 45.746-120.21 108.259-108.26Z" fill="#FFD819"/><path d="M40.167 148.425c1.914 10.011 5.614 20.146 11.366 30.138a93.022 93.022 0 0 1 0 92.827c-5.752 9.992-9.453 20.126-11.366 30.138-52.654-35.753-52.654-117.35 0-153.103Z" fill="#FFE029"/><path d="M148.425 409.786c-5.725-8.432-10.275-18.215-13.273-29.348A93.02 93.02 0 0 0 69.514 314.8c-11.133-2.998-20.916-7.548-29.348-13.274-11.952 62.513 45.746 120.211 108.259 108.26Z" fill="#FFC141"/><path d="M301.528 409.785c-10.011-1.914-20.145-5.614-30.137-11.366a93.021 93.021 0 0 0-92.827 0c-9.992 5.752-20.127 9.453-30.138 11.366 35.752 52.654 117.35 52.654 153.102 0Z" fill="#FFB655"/><path d="M409.787 301.527c-8.432 5.726-18.214 10.275-29.347 13.273a93.022 93.022 0 0 0-65.639 65.639c-2.997 11.132-7.547 20.915-13.273 29.347 62.512 11.951 120.21-45.747 108.259-108.259Z" fill="#FFB35B"/><path d="M409.787 148.426c-1.914 10.011-5.614 20.145-11.367 30.137a93.026 93.026 0 0 0 0 92.827c5.753 9.992 9.453 20.126 11.367 30.137 52.653-35.752 52.653-117.348 0-153.101Z" fill="#FFB656"/><path d="M301.528 40.166c5.726 8.433 10.276 18.215 13.273 29.348a93.025 93.025 0 0 0 65.639 65.639c11.133 2.997 20.915 7.547 29.347 13.272C421.738 85.913 364.04 28.216 301.528 40.166Z" fill="#FFC042"/><path d="M148.426 40.167c10.011 1.914 20.145 5.614 30.137 11.367a93.022 93.022 0 0 0 92.827 0c9.992-5.753 20.126-9.453 30.137-11.367-35.753-52.653-117.349-52.653-153.101 0Z" fill="#FFCE2A"/></g><path fill-rule="evenodd" clip-rule="evenodd" d="M135.155 69.514c2.997-11.133 7.547-20.916 13.273-29.348 10.01 1.914 20.145 5.614 30.136 11.367a93.022 93.022 0 0 0 92.827 0c9.992-5.753 20.127-9.453 30.138-11.367 5.726 8.432 10.276 18.215 13.273 29.348a93.022 93.022 0 0 0 65.639 65.638c11.132 2.998 20.915 7.547 29.347 13.273-1.914 10.011-5.614 20.146-11.367 30.137a93.023 93.023 0 0 0 0 92.828c5.753 9.991 9.453 20.126 11.367 30.137-8.432 5.726-18.215 10.275-29.347 13.273a93.022 93.022 0 0 0-65.639 65.638c-2.997 11.133-7.547 20.916-13.273 29.348-10.011-1.914-20.146-5.614-30.138-11.367a93.026 93.026 0 0 0-92.827 0c-9.991 5.753-20.126 9.453-30.136 11.367-5.726-8.432-10.276-18.215-13.273-29.348A93.022 93.022 0 0 0 69.516 314.8c-11.133-2.998-20.916-7.548-29.348-13.274 1.914-10.01 5.614-20.145 11.366-30.136a93.024 93.024 0 0 0 0-92.828c-5.752-9.991-9.452-20.125-11.366-30.136 8.432-5.726 18.215-10.276 29.348-13.274a93.022 93.022 0 0 0 65.639-65.638Z" fill="url(#a)"/></g><rect x="313.369" y="252.866" width="31.301" height="15.65" rx="7.825" transform="rotate(60 313.369 252.866)" fill="#FFA17A"/><rect x="293.808" y="252.866" width="31.301" height="15.65" rx="7.825" transform="rotate(60 293.808 252.866)" fill="#FFA17A"/><rect x="154.911" y="252.866" width="31.301" height="15.65" rx="7.825" transform="rotate(60 154.911 252.866)" fill="#FFAB89"/><rect x="135.348" y="252.866" width="31.301" height="15.65" rx="7.825" transform="rotate(60 135.348 252.866)" fill="#FFAB89"/><rect x="296.044" y="164.833" width="31.301" height="15.65" rx="7.825" transform="rotate(15 296.044 164.833)" fill="#FFA17A"/><rect x="123.752" y="172.934" width="31.301" height="15.65" rx="7.825" transform="rotate(-15 123.752 172.934)" fill="#FFAB89"/><g data-name="mouth" stroke-width="12" stroke-linecap="round"><path d="M207.872 252.866c4.127 4.572 11.447 7.825 17.607 7.825 6.159 0 13.479-3.253 17.606-7.825" stroke="#8B2C0C" stroke-opacity=".05"/><path d="M207.872 250.91c4.127 4.572 11.447 7.825 17.607 7.825 6.159 0 13.479-3.253 17.606-7.825" stroke="#D05B34"/></g><g data-name="eye-open"><g data-name="left"><rect x="125.037" y="192.221" width="31.301" height="15.65" rx="7.825" transform="rotate(45 125.037 192.221)" fill="#000"/><rect x="117.882" y="196.134" width="58.689" height="58.689" rx="29.344" fill="#000"/><rect x="117.882" y="198.089" width="58.689" height="58.689" rx="29.344" fill="#000" fill-opacity=".05"/><path fill-rule="evenodd" clip-rule="evenodd" d="M125.086 233.301c3.223-9.117 11.918-15.649 22.139-15.649 10.222 0 18.917 6.533 22.14 15.652-3.223 9.116-11.919 15.648-22.139 15.648-10.222 0-18.918-6.533-22.14-15.651Z" fill="#784012"/><path fill-rule="evenodd" clip-rule="evenodd" d="M166.831 238.399a23.364 23.364 0 0 0 3.873-12.921c0-12.965-10.511-23.476-23.476-23.476s-23.475 10.511-23.475 23.476c0 4.28 1.145 8.293 3.146 11.748 4.201-6.359 11.412-10.555 19.603-10.555 8.685 0 16.269 4.717 20.329 11.728Z" fill="#000" fill-opacity=".35"/><rect x="133.532" y="211.784" width="27.388" height="27.388" rx="13.694" fill="#000"/><circle cx="140.814" cy="211.609" r="11.738" fill="#fff"/><circle cx="162.848" cy="227.64" r="5.869" fill="#fff"/><circle cx="155.525" cy="239.853" r="3.913" fill="#fff"/></g><g data-name="right"><rect x="337.181" y="203.288" width="31.301" height="15.65" rx="7.825" transform="rotate(135 337.181 203.288)" fill="#000"/><rect x="274.385" y="198.09" width="58.689" height="58.689" rx="29.344" fill="#000" fill-opacity=".05"/><rect x="274.385" y="196.134" width="58.689" height="58.689" rx="29.344" fill="#000"/><path fill-rule="evenodd" clip-rule="evenodd" d="M281.629 233.41c3.035-9.451 11.896-16.29 22.355-16.29 10.182 0 18.849 6.482 22.102 15.544-3.035 9.45-11.897 16.29-22.355 16.29-10.182 0-18.85-6.482-22.102-15.544Z" fill="#784012"/><path fill-rule="evenodd" clip-rule="evenodd" d="M323.862 237.557a23.362 23.362 0 0 0 3.342-12.078c0-12.965-10.511-23.476-23.476-23.476s-23.475 10.511-23.475 23.476c0 4.589 1.317 8.87 3.593 12.487 4.105-6.829 11.586-11.397 20.134-11.397 8.376 0 15.728 4.387 19.882 10.988Z" fill="#000" fill-opacity=".35"/><rect x="290.035" y="211.785" width="27.388" height="27.388" rx="13.694" fill="#000"/><circle cx="297.318" cy="211.609" r="11.738" fill="#fff"/><circle cx="319.352" cy="227.64" r="5.869" fill="#fff"/><circle cx="312.029" cy="239.853" r="3.913" fill="#fff"/></g></g><defs><radialGradient id="a" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="rotate(45 -28.286 68.29) scale(522.888)"><stop stop-color="#FFE600"/><stop offset="1" stop-color="#FFA573"/></radialGradient></defs></svg>`,
+					unocss: `<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 220 220" fill="none"><path d="M117.444 167.888C117.444 140.273 139.83 117.888 167.444 117.888V117.888C195.058 117.888 217.444 140.273 217.444 167.888V167.888C217.444 195.502 195.058 217.888 167.444 217.888V217.888C139.83 217.888 117.444 195.502 117.444 167.888V167.888Z" fill="#858585"/><path d="M117.444 53C117.444 25.3858 139.83 3 167.444 3V3C195.058 3 217.444 25.3858 217.444 53V98C217.444 100.761 215.205 103 212.444 103H122.444C119.683 103 117.444 100.761 117.444 98V53Z" fill="#CCCCCC"/><path d="M102 167.888C102 195.502 79.6142 217.888 52 217.888V217.888C24.3858 217.888 2 195.502 2 167.888L2.00001 122.888C2.00001 120.126 4.23859 117.888 7.00001 117.888L97 117.888C99.7614 117.888 102 120.126 102 122.888L102 167.888Z" fill="#4D4D4D"/><script xmlns="" id="vsc-settings-data">{"audioBoolean":false,"blacklist":"www.instagram.com\ntwitter.com\nvine.co\nimgur.com\nteams.microsoft.com\n","controllerButtonSize":14,"controllerOpacity":0.3,"defaultLogLevel":4,"displayKeyCode":86,"enabled":true,"forceLastSavedSpeed":false,"keyBindings":[{"action":"slower","force":false,"key":83,"predefined":true,"value":0.1},{"action":"faster","force":false,"key":68,"predefined":true,"value":0.1},{"action":"rewind","force":false,"key":90,"predefined":true,"value":10},{"action":"advance","force":false,"key":88,"predefined":true,"value":10},{"action":"reset","force":false,"key":82,"predefined":true,"value":1.8},{"action":"fast","force":false,"key":71,"predefined":true,"value":1.8},{"action":"display","force":false,"key":86,"predefined":true,"value":0}],"lastSpeed":1,"logLevel":3,"rememberSpeed":false,"speeds":{"https://cdn.openai.com/ctf-cdn/20250805_GPT-5_ArtCard_1920x1080_16x9_DZ_v20.mp4":1},"startHidden":false,"version":"0.5.3"}</script><script xmlns=""/></svg>`
 				}
 			}
 		}) /*, devtoolsJson()*/

From 685d2f3a9f9331718e05a1e2dcaee883b57a5ec2 Mon Sep 17 00:00:00 2001
From: Sean Lynch <techniq35@gmail.com>
Date: Thu, 18 Dec 2025 11:21:10 -0500
Subject: [PATCH 2/3] Replace custom tailwindcss and unocss icons with vscode
 iconset

---
 docs/src/routes/docs/getting-started/+page.md | 8 ++++----
 docs/vite.config.ts                           | 7 +------
 2 files changed, 5 insertions(+), 10 deletions(-)

diff --git a/docs/src/routes/docs/getting-started/+page.md b/docs/src/routes/docs/getting-started/+page.md
index 755225d9e..c22e0ce3a 100644
--- a/docs/src/routes/docs/getting-started/+page.md
+++ b/docs/src/routes/docs/getting-started/+page.md
@@ -16,12 +16,12 @@
 	import VSCodeIconDeno from '~icons/vscode-icons/file-type-deno';
 	import VSCodeIconYarn from '~icons/vscode-icons/file-type-yarn';
 	import VSCodeIconCSS from '~icons/vscode-icons/file-type-css';
+	import VscodeIconsFileTypeTailwind from '~icons/vscode-icons/file-type-tailwind'
+	import VscodeIconsFileTypeUnocss from '~icons/vscode-icons/file-type-unocss'
 	import CustomSvelteUX from '~icons/custom-brands/svelteux';
 	import CustomDaisyUI from '~icons/custom-brands/daisyUI';
-	import CustomTailwindCSS from '~icons/custom-brands/tailwindcss';
 	import CustomShadCNSvelte from '~icons/custom-brands/shadcnsvelte';
 	import CustomSkeleton from '~icons/custom-brands/skeleton';
-	import CustomUnoCSS from '~icons/custom-brands/unocss';
 
 	const appcss = `.lc-root-container {
 	/* Default marks color when not using explicit color or color scale */
@@ -43,7 +43,7 @@ let bundlerIndex = 0;
 
 LayerChart can be used standlone, or integrates nicely with other frameworks and design systems.
 
-Provides built-in first class support for <a href="https://tailwindcss.com/" target="_blank"> <Icon data={CustomTailwindCSS} class="inline-block align-middle" /> tailwindcss 4</a>, but is completely optional. It also works seamlessly with regular CSS via inline styles and <a href="https://unocss.dev/" target="_blank"><Icon data={CustomUnoCSS} class="inline-block align-middle" /> unoCSS</a>.
+Provides built-in first class support for <a href="https://tailwindcss.com/" target="_blank"> <Icon data={VscodeIconsFileTypeTailwind} class="inline-block align-middle" /> tailwindcss 4</a>, but is completely optional. It also works seamlessly with regular CSS via inline styles and <a href="https://unocss.dev/" target="_blank"><Icon data={VscodeIconsFileTypeUnocss} class="inline-block align-middle" /> unoCSS</a>.
 
 <Steps>
 	<Step title={`Create a new project or <a href="#git-up-and-running-even-quicker">git a project</a>`} >
@@ -154,7 +154,7 @@ Provides built-in first class support for <a href="https://tailwindcss.com/" tar
 
 Starter [project repos](https://github.com/techniq/layerchart/tree/next/examples) are available for popular UI frameworks.
 
-<Tabs keys={["shadcn-svelte", "Skeleton", "Svelte UX", "daisyUI", "UnoCSS", "Vanilla CSS"]} icons={[CustomShadCNSvelte,CustomSkeleton,CustomSvelteUX,CustomDaisyUI,CustomUnoCSS, VSCodeIconCSS]} classes={{content: 'h-[120px] [&_a]:text-primary [&_a:hover]:underline'}} activeClass="bg-surface-200 border-b-surface-200">
+<Tabs keys={["shadcn-svelte", "Skeleton", "Svelte UX", "daisyUI", "UnoCSS", "Vanilla CSS"]} icons={[CustomShadCNSvelte,CustomSkeleton,CustomSvelteUX,CustomDaisyUI,VscodeIconsFileTypeUnocss,VSCodeIconCSS]} classes={{content: 'h-[120px] [&_a]:text-primary [&_a:hover]:underline'}} activeClass="bg-surface-200 border-b-surface-200">
 {#snippet content(value)}
 {#if value === 0}
 
diff --git a/docs/vite.config.ts b/docs/vite.config.ts
index e8c014065..6b62ca46e 100644
--- a/docs/vite.config.ts
+++ b/docs/vite.config.ts
@@ -17,15 +17,10 @@ export default defineConfig({
 				'custom-brands': {
 					bluesky: `<svg xmlns="http://www.w3.org/2000/svg" width="1.3em" height="1.3em" viewBox="0 0 24 24"><!-- Icon from Huge Icons by Hugeicons - undefined --><path fill="currentColor" d="M15.492 22.082c-1.58 0-2.78-1.8-3.5-3.28c-.72 1.47-1.92 3.28-3.5 3.28c-2.43 0-5.25-2.87-5.25-4.75c0-1.2.66-2.02 1.48-2.59c-1.55-.6-2.57-1.87-2.96-3.76c-.44-2.22-1-6.17.26-7.7c.38-.46.89-.7 1.48-.7c3.45 0 6.97 5.18 8.5 7.74c1.53-2.55 5.05-7.74 8.5-7.74c.59 0 1.1.24 1.48.7c1.26 1.53.7 5.48.26 7.7c-.39 1.89-1.41 3.16-2.96 3.76c.82.56 1.48 1.39 1.48 2.59c0 1.88-2.82 4.75-5.25 4.75zm-3.5-6c.32 0 .61.21.71.51c.54 1.61 1.8 3.98 2.79 3.98c1.65 0 3.75-2.2 3.75-3.25c0-1.78-3.31-2.25-3.34-2.26a.744.744 0 0 1-.65-.83c.05-.41.41-.7.83-.66c2.68.3 4.21-.65 4.68-2.91c.62-3.13.65-5.72.05-6.45a.37.37 0 0 0-.32-.15c-2.71 0-6.2 5.08-7.83 8.08c-.13.24-.39.4-.66.4s-.53-.14-.66-.38l-.01-.02c-1.63-3-5.12-8.08-7.83-8.08c-.14 0-.23.04-.32.15c-.59.73-.57 3.32.05 6.45c.47 2.25 2 3.2 4.68 2.9c.42-.04.78.25.83.66s-.24.78-.65.83c-.03 0-3.34.48-3.34 2.26c0 1.05 2.1 3.25 3.75 3.25c.99 0 2.25-2.38 2.79-3.98c.1-.31.39-.51.71-.51z" color="currentColor"/></svg>`,
 					discord: `<svg xmlns="http://www.w3.org/2000/svg" width="1.3em" height="1.3em" viewBox="0 0 24 24"><path d="M 9 4 C 9 4 8.5733125 4.0039062 8.3203125 4.0039062 L 8.3183594 4.0039062 C 7.4503594 4.0039062 6.1811406 4.3226094 5.2441406 4.5996094 C 4.3761406 4.8556094 3.6552344 5.4479531 3.2402344 6.2519531 C 2.4062344 7.8649531 1.166625 11.064 1.015625 16 C 0.995625 16.67 0.9921875 17.261719 0.9921875 17.261719 C 3.7341875 19.674719 8.2167969 20 8.2167969 20 L 9 18.65625 C 9 18.65625 10.653 19.019531 12 19.019531 L 12.013672 19.019531 C 13.360672 19.019531 15.013672 18.65625 15.013672 18.65625 L 16 20 C 16 20 21.251672 18.929531 23.013672 17.019531 C 23.016672 11.507531 21.664391 7.9808125 20.775391 6.2578125 C 20.360391 5.4538125 19.637531 4.8556094 18.769531 4.5996094 C 17.832531 4.3226094 16.564313 4.0039062 15.695312 4.0039062 C 15.442312 4.0039062 15 4 15 4 L 14.001953 5.1425781 C 14.001953 5.1425781 12.686625 4.9882812 12.015625 4.9882812 L 12 4.9882812 C 11.329 4.9882812 10.013672 5.1425781 10.013672 5.1425781 L 9 4 z M 8.3203125 5.5039062 L 8.328125 5.5039062 L 8.890625 6.1386719 L 9.4101562 6.7246094 L 10.189453 6.6328125 C 10.664453 6.5768125 11.576625 6.4882812 12.015625 6.4882812 C 12.492625 6.4882812 13.484172 6.5928125 13.826172 6.6328125 L 14.611328 6.7265625 L 15.132812 6.1308594 L 15.677734 5.5039062 L 15.695312 5.5039062 C 16.229312 5.5039062 17.195703 5.6990625 18.345703 6.0390625 C 18.824703 6.1810625 19.214359 6.5023125 19.443359 6.9453125 C 20.185359 8.3823125 21.407813 11.473422 21.507812 16.357422 C 20.405812 17.174422 18.266953 17.901359 16.626953 18.318359 L 16.414062 18.027344 C 17.536899 17.564441 18.267578 17.107422 18.267578 17.107422 L 17.482422 15.830078 C 17.482422 15.830078 14.704667 17.490234 12 17.490234 C 9.2953333 17.490234 6.5175781 15.830078 6.5175781 15.830078 L 5.7324219 17.107422 C 5.7324219 17.107422 6.4729164 17.575843 7.6210938 18.044922 L 7.4199219 18.388672 C 6.1029219 18.168672 4.0319531 17.630922 2.5019531 16.544922 C 2.5049531 16.390922 2.5086719 16.219922 2.5136719 16.044922 C 2.6576719 11.309922 3.8652656 8.3084531 4.5722656 6.9394531 C 4.8002656 6.5004531 5.1899219 6.1791094 5.6699219 6.0371094 C 6.8189219 5.6971094 7.7843125 5.5039063 8.3203125 5.5039062 z M 8.5 10 A 1.5 2 0 0 0 8.5 14 A 1.5 2 0 0 0 8.5 10 z M 15.5 10 A 1.5 2 0 0 0 15.5 14 A 1.5 2 0 0 0 15.5 10 z" fill="currentColor"></path></svg>`,
-					tailwindcss:
-						`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 54 33"><g clip-path="url(#prefix__clip0)"><path fill="#38bdf8" fill-rule="evenodd" d="M27 0c-7.2 0-11.7 3.6-13.5 10.8 2.7-3.6 5.85-4.95 9.45-4.05 2.054.513 3.522 2.004 5.147 3.653C30.744 13.09 33.808 16.2 40.5 16.2c7.2 0 11.7-3.6 13.5-10.8-2.7 3.6-5.85 4.95-9.45 4.05-2.054-.513-3.522-2.004-5.147-3.653C36.756 3.11 33.692 0 27 0zM13.5 16.2C6.3 16.2 1.8 19.8 0 27c2.7-3.6 5.85-4.95 9.45-4.05 2.054.514 3.522 2.004 5.147 3.653C17.244 29.29 20.308 32.4 27 32.4c7.2 0 11.7-3.6 13.5-10.8-2.7 3.6-5.85 4.95-9.45 4.05-2.054-.513-3.522-2.004-5.147-3.653C23.256 19.31 20.192 16.2 13.5 16.2z" clip-rule="evenodd"/></g><defs><clipPath id="prefix__clip0"><path fill="#fff" d="M0 0h54v32.4H0z"/></clipPath></defs></svg>`
-							.replace(/\s+/g, ' ')
-							.trim(),
 					svelteux: `<svg xmlns="http://www.w3.org/2000/svg" version="1.1" style="display: block;" viewBox="0 0 2048 2048" width="20" height="20" preserveAspectRatio="none"><path transform="translate(0,0)" fill="rgb(196,128,238)" d="M 1014 268.483 C 1026.15 268.43 1038.3 268.492 1050.45 268.67 C 1086.69 269.342 1120.44 273.69 1156.01 280.267 C 1307.06 308.35 1445.31 383.645 1550.85 495.311 C 1701.76 653.086 1783.45 864.575 1777.78 1082.83 C 1774.37 1298.07 1685.54 1503.13 1530.85 1652.84 C 1418.67 1760.2 1274.26 1832.45 1119.84 1853.11 C 1095.49 1856.37 1061.85 1859.17 1037.38 1858.62 C 990.543 1857.41 961.187 1857.12 913.238 1849.57 C 765.784 1825.02 629.337 1756.04 522.137 1651.86 C 366.841 1502.66 277.558 1297.62 274.123 1082.3 C 269.018 863.904 350.882 652.427 501.705 494.393 C 638.804 353.315 816.551 271.452 1014 268.483 z M 1056.25 1750.33 C 1224.25 1742 1379.03 1662.83 1491.38 1538.9 C 1616.77 1401.04 1681.99 1218.85 1672.57 1032.73 C 1663.44 847.985 1585.33 669.818 1447.75 544.236 C 1325.21 432.392 1164.58 368.936 997.649 377.435 C 820.641 388.603 670.53 464.459 552.976 597.463 C 431.492 737.1 369.443 918.715 380.087 1103.49 C 403.02 1465.26 684.38 1762.67 1056.25 1750.33 z"/><path transform="translate(0,0)" fill="rgb(196,128,238)" d="M 842.259 884.321 C 852.193 883.469 879.922 884.841 888.336 889.949 C 892.472 896.018 899.965 919.369 904.577 928.407 C 916.036 950.865 930.317 972.427 945.727 992.379 C 963.715 1015.67 983.335 1039.08 1002.66 1061.19 C 1014.01 1075.03 1029.9 1088.27 1040.79 1102.18 C 1064.21 1132.1 1090.75 1160.09 1115.1 1188.81 C 1138.63 1216.56 1157.72 1259.32 1165.68 1294.28 C 1168.44 1306.39 1167.9 1322.84 1168.07 1335.27 C 1167.07 1399.57 1124.87 1453.49 1082.38 1497.82 C 1068.6 1512.19 1055.47 1527.62 1040.52 1541.07 C 1036.01 1545.12 1034.92 1547.1 1029.03 1546.9 C 1024.89 1544.84 1022.81 1541.4 1019.87 1537.68 C 1008.61 1523.43 998.232 1508.62 987.25 1494.16 C 964.243 1464.2 941.011 1434.42 917.557 1404.81 C 895.865 1377.26 873.832 1349.68 850.643 1323.3 C 839.95 1311.13 821.165 1298.16 808.347 1287.14 C 780.592 1263.26 747.718 1232.01 725.924 1202.91 C 707.46 1178.26 690.685 1132.7 686.067 1102.95 C 678.569 1054.66 689.753 998.589 719.912 959.383 C 752.641 916.836 788.946 892.392 842.259 884.321 z M 1055.55 1469.59 C 1059.94 1469.66 1058.12 1470.35 1061.34 1467.8 C 1064.67 1461.37 1065.65 1447.64 1066.72 1439.9 C 1073.78 1388.87 1070.76 1334.48 1057.16 1284.74 C 1040.44 1223.59 988.144 1186.91 943.088 1147.15 C 920.52 1127.23 898.478 1106.82 876.12 1086.68 C 855.812 1068.34 838.56 1044.33 819.916 1024.3 C 815.975 1020.07 795.729 1000.17 794.942 996.297 C 793.492 989.165 802.155 966.995 805.884 959.812 C 811.054 949.914 817.518 940.746 825.105 932.552 C 833.766 923.299 859.006 906.497 859.787 900.628 L 858.333 900.247 C 836.053 904.012 813.592 916.54 800.811 935.222 C 779.395 966.524 770.738 1005.71 777.492 1042.81 C 792.749 1126.61 856.724 1178.83 920.591 1227.39 C 929.336 1234.04 938.078 1242.82 946.357 1248.81 C 987.781 1278.81 1027.83 1303.53 1047.07 1353.75 C 1058.16 1382.71 1058.17 1408.5 1056.66 1439.05 C 1056.18 1448.68 1053.63 1460.2 1055.55 1469.59 z"/><path transform="translate(0,0)" fill="rgb(196,128,238)" d="M 1030.13 555.689 C 1044.73 563.818 1092.25 641.704 1106.24 660.321 C 1141.7 707.521 1172.36 756.666 1214.77 798.774 C 1251.79 835.525 1296.11 861.168 1327.05 903.812 C 1410.6 1012.6 1376.02 1197.32 1227.26 1225.68 C 1214.09 1228.32 1187.22 1226.67 1173.49 1224.6 C 1169.42 1217.07 1163.76 1201.3 1160.09 1192.59 C 1153.68 1177.53 1146.18 1162.95 1137.68 1148.97 C 1124.91 1127.83 1109.28 1110.32 1093.21 1091.68 C 1065.45 1059.47 1036.64 1028.04 1008.53 996.1 C 993.946 979.233 979.635 962.136 965.598 944.815 C 922.521 892.173 884.578 840.539 888.821 767.873 C 891.767 717.407 918.963 672.23 949.935 633.374 C 957.878 623.409 972.541 611.947 981.317 602.318 C 997.233 584.857 1012.49 571.216 1030.13 555.689 z M 1260.09 1103.96 C 1260.03 1136.44 1250.07 1160.21 1227.43 1183.94 C 1217.1 1194.77 1202.64 1200.86 1194.27 1208.6 C 1195.51 1210.5 1199.47 1210.78 1201.87 1211.14 C 1227.48 1204.38 1249.54 1189.72 1262.13 1166.44 C 1311.79 1074.64 1255.22 980.609 1187.04 917.63 C 1170.18 902.057 1151.13 889.885 1133.54 875.283 C 1073.14 830.28 1005.87 789.244 1001.12 705.741 C 1000.7 698.283 999.858 634.125 998.271 632.768 C 978.183 681.091 981.53 776.219 1000.87 825.164 C 1030.45 900.019 1094.39 937.622 1150.66 989.963 C 1163.72 1002.11 1175.68 1015.78 1187.9 1028.86 L 1235.68 1079.73 C 1242.92 1087.54 1253.88 1096.57 1260.09 1103.96 z"/></svg>`,
 					shadcnsvelte: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" class="size-4"><rect width="256" height="256" fill="none"/><line x1="208" y1="128" x2="128" y2="208" fill="none" stroke="#EB4F27" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"/><line x1="192" y1="40" x2="40" y2="192" fill="none" stroke="#EB4F27" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"/></svg>`,
 					skeleton: `<svg width="40px" height="40px" viewBox="0 0 40 40" class="size-4 fill-white transition-transform duration-200 bg-transparent"><path fill-rule="evenodd" d="M19.855 10.21c5.07 0 9.398 1.736 12.495 4.588l.057-.017c.388-.12.72-.244.994-.37.879-.406 2.032-1.236 3.46-2.492-.232 2.188-.48 3.794-.747 4.818a19.306 19.306 0 0 1-.662 1.994 15.855 15.855 0 0 1 1.707 4.672c1.221 6.057-.871 8.735-5.727 10.23.037.18.065.373.086.58.173 1.772-.733 4.633-1.82 4.633-.716 0-1.181-.986-1.68-2.426-.155 1.666-.923 3.58-1.813 3.58-.958 0-1.467-1.767-2.21-4.022C23.618 37.75 23.05 40 22.046 40c-1.02 0-.46-3.177-2.181-4.523-8.721.47-16.057-2.718-16.057-11.916 0-1.693.405-3.346 1.147-4.88-.132-.257-.255-.51-.37-.761-.58-1.264-1.275-3.176-2.085-5.737 2.074 1.53 3.665 2.442 4.772 2.735.11.029.226.055.346.077 2.906-2.879 7.248-4.785 12.237-4.785ZM17.82 22.62c-2.947 0-5.336 2.294-5.336 5.124 0 2.83 2.389 5.124 5.336 5.124 2.946 0 5.335-2.294 5.335-5.124 0-2.76-2.27-5.009-5.115-5.12Zm7.573 6.4c-.891 0-1.362 1.883-1.362 2.727 0 .66.224 1.024.589 1.09.885.082.615-1.194 1.056-1.194.47 0 1.02 1.305 1.48 1.128.547-.322.338-1.024.149-1.578-.665-1.394-1.02-2.173-1.912-2.173Zm5.801-6.7c-2.03 0-3.676 2.014-3.676 4.5 0 2.485 1.646 4.5 3.676 4.5 2.03 0 3.677-2.015 3.677-4.5 0-2.486-1.646-4.5-3.677-4.5ZM18.5 25a3 3 0 1 1-.5 5.958 3 3 0 0 0 0-5.917c.162-.027.33-.041.5-.041ZM31 24c1.38 0 2.5 1.343 2.5 3s-1.12 3-2.5 3c-.171 0-.339-.02-.5-.06 1.141-.278 2-1.489 2-2.94 0-1.451-.859-2.662-2-2.94.161-.04.329-.06.5-.06Zm.284-18.586.324.207c.146.093.19.288.096.434l-2.39 3.655a.314.314 0 0 1-.433.093l-.324-.207a.314.314 0 0 1-.095-.434l2.39-3.655a.314.314 0 0 1 .432-.093Zm-23.177.554 1.94 2.75c.1.141.066.337-.076.437l-.319.22a.314.314 0 0 1-.435-.077l-1.94-2.749a.314.314 0 0 1 .076-.438l.318-.22a.314.314 0 0 1 .436.077ZM20.683 0l.58 4.826 2.146-2.385.06 5.942-.426-.094c-1.242-.273-2.369-.41-3.379-.41a9.635 9.635 0 0 0-2.821.399l-.474.143.382-7.432 1.967 3.675L20.683 0Z"></path></svg>`,
-					daisyUI: `<svg xmlns="http://www.w3.org/2000/svg" aria-label="daisyUI logomark" viewBox="0 0 450 450" fill="none"><g data-name="bg"><g opacity=".7"><path d="M148.425 40.167c-5.725 8.432-10.275 18.214-13.273 29.347a93.022 93.022 0 0 1-65.638 65.639c-11.133 2.997-20.916 7.547-29.348 13.273-11.952-62.513 45.746-120.21 108.259-108.26Z" fill="#FFD819"/><path d="M40.167 148.425c1.914 10.011 5.614 20.146 11.366 30.138a93.022 93.022 0 0 1 0 92.827c-5.752 9.992-9.453 20.126-11.366 30.138-52.654-35.753-52.654-117.35 0-153.103Z" fill="#FFE029"/><path d="M148.425 409.786c-5.725-8.432-10.275-18.215-13.273-29.348A93.02 93.02 0 0 0 69.514 314.8c-11.133-2.998-20.916-7.548-29.348-13.274-11.952 62.513 45.746 120.211 108.259 108.26Z" fill="#FFC141"/><path d="M301.528 409.785c-10.011-1.914-20.145-5.614-30.137-11.366a93.021 93.021 0 0 0-92.827 0c-9.992 5.752-20.127 9.453-30.138 11.366 35.752 52.654 117.35 52.654 153.102 0Z" fill="#FFB655"/><path d="M409.787 301.527c-8.432 5.726-18.214 10.275-29.347 13.273a93.022 93.022 0 0 0-65.639 65.639c-2.997 11.132-7.547 20.915-13.273 29.347 62.512 11.951 120.21-45.747 108.259-108.259Z" fill="#FFB35B"/><path d="M409.787 148.426c-1.914 10.011-5.614 20.145-11.367 30.137a93.026 93.026 0 0 0 0 92.827c5.753 9.992 9.453 20.126 11.367 30.137 52.653-35.752 52.653-117.348 0-153.101Z" fill="#FFB656"/><path d="M301.528 40.166c5.726 8.433 10.276 18.215 13.273 29.348a93.025 93.025 0 0 0 65.639 65.639c11.133 2.997 20.915 7.547 29.347 13.272C421.738 85.913 364.04 28.216 301.528 40.166Z" fill="#FFC042"/><path d="M148.426 40.167c10.011 1.914 20.145 5.614 30.137 11.367a93.022 93.022 0 0 0 92.827 0c9.992-5.753 20.126-9.453 30.137-11.367-35.753-52.653-117.349-52.653-153.101 0Z" fill="#FFCE2A"/></g><path fill-rule="evenodd" clip-rule="evenodd" d="M135.155 69.514c2.997-11.133 7.547-20.916 13.273-29.348 10.01 1.914 20.145 5.614 30.136 11.367a93.022 93.022 0 0 0 92.827 0c9.992-5.753 20.127-9.453 30.138-11.367 5.726 8.432 10.276 18.215 13.273 29.348a93.022 93.022 0 0 0 65.639 65.638c11.132 2.998 20.915 7.547 29.347 13.273-1.914 10.011-5.614 20.146-11.367 30.137a93.023 93.023 0 0 0 0 92.828c5.753 9.991 9.453 20.126 11.367 30.137-8.432 5.726-18.215 10.275-29.347 13.273a93.022 93.022 0 0 0-65.639 65.638c-2.997 11.133-7.547 20.916-13.273 29.348-10.011-1.914-20.146-5.614-30.138-11.367a93.026 93.026 0 0 0-92.827 0c-9.991 5.753-20.126 9.453-30.136 11.367-5.726-8.432-10.276-18.215-13.273-29.348A93.022 93.022 0 0 0 69.516 314.8c-11.133-2.998-20.916-7.548-29.348-13.274 1.914-10.01 5.614-20.145 11.366-30.136a93.024 93.024 0 0 0 0-92.828c-5.752-9.991-9.452-20.125-11.366-30.136 8.432-5.726 18.215-10.276 29.348-13.274a93.022 93.022 0 0 0 65.639-65.638Z" fill="url(#a)"/></g><rect x="313.369" y="252.866" width="31.301" height="15.65" rx="7.825" transform="rotate(60 313.369 252.866)" fill="#FFA17A"/><rect x="293.808" y="252.866" width="31.301" height="15.65" rx="7.825" transform="rotate(60 293.808 252.866)" fill="#FFA17A"/><rect x="154.911" y="252.866" width="31.301" height="15.65" rx="7.825" transform="rotate(60 154.911 252.866)" fill="#FFAB89"/><rect x="135.348" y="252.866" width="31.301" height="15.65" rx="7.825" transform="rotate(60 135.348 252.866)" fill="#FFAB89"/><rect x="296.044" y="164.833" width="31.301" height="15.65" rx="7.825" transform="rotate(15 296.044 164.833)" fill="#FFA17A"/><rect x="123.752" y="172.934" width="31.301" height="15.65" rx="7.825" transform="rotate(-15 123.752 172.934)" fill="#FFAB89"/><g data-name="mouth" stroke-width="12" stroke-linecap="round"><path d="M207.872 252.866c4.127 4.572 11.447 7.825 17.607 7.825 6.159 0 13.479-3.253 17.606-7.825" stroke="#8B2C0C" stroke-opacity=".05"/><path d="M207.872 250.91c4.127 4.572 11.447 7.825 17.607 7.825 6.159 0 13.479-3.253 17.606-7.825" stroke="#D05B34"/></g><g data-name="eye-open"><g data-name="left"><rect x="125.037" y="192.221" width="31.301" height="15.65" rx="7.825" transform="rotate(45 125.037 192.221)" fill="#000"/><rect x="117.882" y="196.134" width="58.689" height="58.689" rx="29.344" fill="#000"/><rect x="117.882" y="198.089" width="58.689" height="58.689" rx="29.344" fill="#000" fill-opacity=".05"/><path fill-rule="evenodd" clip-rule="evenodd" d="M125.086 233.301c3.223-9.117 11.918-15.649 22.139-15.649 10.222 0 18.917 6.533 22.14 15.652-3.223 9.116-11.919 15.648-22.139 15.648-10.222 0-18.918-6.533-22.14-15.651Z" fill="#784012"/><path fill-rule="evenodd" clip-rule="evenodd" d="M166.831 238.399a23.364 23.364 0 0 0 3.873-12.921c0-12.965-10.511-23.476-23.476-23.476s-23.475 10.511-23.475 23.476c0 4.28 1.145 8.293 3.146 11.748 4.201-6.359 11.412-10.555 19.603-10.555 8.685 0 16.269 4.717 20.329 11.728Z" fill="#000" fill-opacity=".35"/><rect x="133.532" y="211.784" width="27.388" height="27.388" rx="13.694" fill="#000"/><circle cx="140.814" cy="211.609" r="11.738" fill="#fff"/><circle cx="162.848" cy="227.64" r="5.869" fill="#fff"/><circle cx="155.525" cy="239.853" r="3.913" fill="#fff"/></g><g data-name="right"><rect x="337.181" y="203.288" width="31.301" height="15.65" rx="7.825" transform="rotate(135 337.181 203.288)" fill="#000"/><rect x="274.385" y="198.09" width="58.689" height="58.689" rx="29.344" fill="#000" fill-opacity=".05"/><rect x="274.385" y="196.134" width="58.689" height="58.689" rx="29.344" fill="#000"/><path fill-rule="evenodd" clip-rule="evenodd" d="M281.629 233.41c3.035-9.451 11.896-16.29 22.355-16.29 10.182 0 18.849 6.482 22.102 15.544-3.035 9.45-11.897 16.29-22.355 16.29-10.182 0-18.85-6.482-22.102-15.544Z" fill="#784012"/><path fill-rule="evenodd" clip-rule="evenodd" d="M323.862 237.557a23.362 23.362 0 0 0 3.342-12.078c0-12.965-10.511-23.476-23.476-23.476s-23.475 10.511-23.475 23.476c0 4.589 1.317 8.87 3.593 12.487 4.105-6.829 11.586-11.397 20.134-11.397 8.376 0 15.728 4.387 19.882 10.988Z" fill="#000" fill-opacity=".35"/><rect x="290.035" y="211.785" width="27.388" height="27.388" rx="13.694" fill="#000"/><circle cx="297.318" cy="211.609" r="11.738" fill="#fff"/><circle cx="319.352" cy="227.64" r="5.869" fill="#fff"/><circle cx="312.029" cy="239.853" r="3.913" fill="#fff"/></g></g><defs><radialGradient id="a" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="rotate(45 -28.286 68.29) scale(522.888)"><stop stop-color="#FFE600"/><stop offset="1" stop-color="#FFA573"/></radialGradient></defs></svg>`,
-					unocss: `<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 220 220" fill="none"><path d="M117.444 167.888C117.444 140.273 139.83 117.888 167.444 117.888V117.888C195.058 117.888 217.444 140.273 217.444 167.888V167.888C217.444 195.502 195.058 217.888 167.444 217.888V217.888C139.83 217.888 117.444 195.502 117.444 167.888V167.888Z" fill="#858585"/><path d="M117.444 53C117.444 25.3858 139.83 3 167.444 3V3C195.058 3 217.444 25.3858 217.444 53V98C217.444 100.761 215.205 103 212.444 103H122.444C119.683 103 117.444 100.761 117.444 98V53Z" fill="#CCCCCC"/><path d="M102 167.888C102 195.502 79.6142 217.888 52 217.888V217.888C24.3858 217.888 2 195.502 2 167.888L2.00001 122.888C2.00001 120.126 4.23859 117.888 7.00001 117.888L97 117.888C99.7614 117.888 102 120.126 102 122.888L102 167.888Z" fill="#4D4D4D"/><script xmlns="" id="vsc-settings-data">{"audioBoolean":false,"blacklist":"www.instagram.com\ntwitter.com\nvine.co\nimgur.com\nteams.microsoft.com\n","controllerButtonSize":14,"controllerOpacity":0.3,"defaultLogLevel":4,"displayKeyCode":86,"enabled":true,"forceLastSavedSpeed":false,"keyBindings":[{"action":"slower","force":false,"key":83,"predefined":true,"value":0.1},{"action":"faster","force":false,"key":68,"predefined":true,"value":0.1},{"action":"rewind","force":false,"key":90,"predefined":true,"value":10},{"action":"advance","force":false,"key":88,"predefined":true,"value":10},{"action":"reset","force":false,"key":82,"predefined":true,"value":1.8},{"action":"fast","force":false,"key":71,"predefined":true,"value":1.8},{"action":"display","force":false,"key":86,"predefined":true,"value":0}],"lastSpeed":1,"logLevel":3,"rememberSpeed":false,"speeds":{"https://cdn.openai.com/ctf-cdn/20250805_GPT-5_ArtCard_1920x1080_16x9_DZ_v20.mp4":1},"startHidden":false,"version":"0.5.3"}</script><script xmlns=""/></svg>`
+					daisyUI: `<svg xmlns="http://www.w3.org/2000/svg" aria-label="daisyUI logomark" viewBox="0 0 450 450" fill="none"><g data-name="bg"><g opacity=".7"><path d="M148.425 40.167c-5.725 8.432-10.275 18.214-13.273 29.347a93.022 93.022 0 0 1-65.638 65.639c-11.133 2.997-20.916 7.547-29.348 13.273-11.952-62.513 45.746-120.21 108.259-108.26Z" fill="#FFD819"/><path d="M40.167 148.425c1.914 10.011 5.614 20.146 11.366 30.138a93.022 93.022 0 0 1 0 92.827c-5.752 9.992-9.453 20.126-11.366 30.138-52.654-35.753-52.654-117.35 0-153.103Z" fill="#FFE029"/><path d="M148.425 409.786c-5.725-8.432-10.275-18.215-13.273-29.348A93.02 93.02 0 0 0 69.514 314.8c-11.133-2.998-20.916-7.548-29.348-13.274-11.952 62.513 45.746 120.211 108.259 108.26Z" fill="#FFC141"/><path d="M301.528 409.785c-10.011-1.914-20.145-5.614-30.137-11.366a93.021 93.021 0 0 0-92.827 0c-9.992 5.752-20.127 9.453-30.138 11.366 35.752 52.654 117.35 52.654 153.102 0Z" fill="#FFB655"/><path d="M409.787 301.527c-8.432 5.726-18.214 10.275-29.347 13.273a93.022 93.022 0 0 0-65.639 65.639c-2.997 11.132-7.547 20.915-13.273 29.347 62.512 11.951 120.21-45.747 108.259-108.259Z" fill="#FFB35B"/><path d="M409.787 148.426c-1.914 10.011-5.614 20.145-11.367 30.137a93.026 93.026 0 0 0 0 92.827c5.753 9.992 9.453 20.126 11.367 30.137 52.653-35.752 52.653-117.348 0-153.101Z" fill="#FFB656"/><path d="M301.528 40.166c5.726 8.433 10.276 18.215 13.273 29.348a93.025 93.025 0 0 0 65.639 65.639c11.133 2.997 20.915 7.547 29.347 13.272C421.738 85.913 364.04 28.216 301.528 40.166Z" fill="#FFC042"/><path d="M148.426 40.167c10.011 1.914 20.145 5.614 30.137 11.367a93.022 93.022 0 0 0 92.827 0c9.992-5.753 20.126-9.453 30.137-11.367-35.753-52.653-117.349-52.653-153.101 0Z" fill="#FFCE2A"/></g><path fill-rule="evenodd" clip-rule="evenodd" d="M135.155 69.514c2.997-11.133 7.547-20.916 13.273-29.348 10.01 1.914 20.145 5.614 30.136 11.367a93.022 93.022 0 0 0 92.827 0c9.992-5.753 20.127-9.453 30.138-11.367 5.726 8.432 10.276 18.215 13.273 29.348a93.022 93.022 0 0 0 65.639 65.638c11.132 2.998 20.915 7.547 29.347 13.273-1.914 10.011-5.614 20.146-11.367 30.137a93.023 93.023 0 0 0 0 92.828c5.753 9.991 9.453 20.126 11.367 30.137-8.432 5.726-18.215 10.275-29.347 13.273a93.022 93.022 0 0 0-65.639 65.638c-2.997 11.133-7.547 20.916-13.273 29.348-10.011-1.914-20.146-5.614-30.138-11.367a93.026 93.026 0 0 0-92.827 0c-9.991 5.753-20.126 9.453-30.136 11.367-5.726-8.432-10.276-18.215-13.273-29.348A93.022 93.022 0 0 0 69.516 314.8c-11.133-2.998-20.916-7.548-29.348-13.274 1.914-10.01 5.614-20.145 11.366-30.136a93.024 93.024 0 0 0 0-92.828c-5.752-9.991-9.452-20.125-11.366-30.136 8.432-5.726 18.215-10.276 29.348-13.274a93.022 93.022 0 0 0 65.639-65.638Z" fill="url(#a)"/></g><rect x="313.369" y="252.866" width="31.301" height="15.65" rx="7.825" transform="rotate(60 313.369 252.866)" fill="#FFA17A"/><rect x="293.808" y="252.866" width="31.301" height="15.65" rx="7.825" transform="rotate(60 293.808 252.866)" fill="#FFA17A"/><rect x="154.911" y="252.866" width="31.301" height="15.65" rx="7.825" transform="rotate(60 154.911 252.866)" fill="#FFAB89"/><rect x="135.348" y="252.866" width="31.301" height="15.65" rx="7.825" transform="rotate(60 135.348 252.866)" fill="#FFAB89"/><rect x="296.044" y="164.833" width="31.301" height="15.65" rx="7.825" transform="rotate(15 296.044 164.833)" fill="#FFA17A"/><rect x="123.752" y="172.934" width="31.301" height="15.65" rx="7.825" transform="rotate(-15 123.752 172.934)" fill="#FFAB89"/><g data-name="mouth" stroke-width="12" stroke-linecap="round"><path d="M207.872 252.866c4.127 4.572 11.447 7.825 17.607 7.825 6.159 0 13.479-3.253 17.606-7.825" stroke="#8B2C0C" stroke-opacity=".05"/><path d="M207.872 250.91c4.127 4.572 11.447 7.825 17.607 7.825 6.159 0 13.479-3.253 17.606-7.825" stroke="#D05B34"/></g><g data-name="eye-open"><g data-name="left"><rect x="125.037" y="192.221" width="31.301" height="15.65" rx="7.825" transform="rotate(45 125.037 192.221)" fill="#000"/><rect x="117.882" y="196.134" width="58.689" height="58.689" rx="29.344" fill="#000"/><rect x="117.882" y="198.089" width="58.689" height="58.689" rx="29.344" fill="#000" fill-opacity=".05"/><path fill-rule="evenodd" clip-rule="evenodd" d="M125.086 233.301c3.223-9.117 11.918-15.649 22.139-15.649 10.222 0 18.917 6.533 22.14 15.652-3.223 9.116-11.919 15.648-22.139 15.648-10.222 0-18.918-6.533-22.14-15.651Z" fill="#784012"/><path fill-rule="evenodd" clip-rule="evenodd" d="M166.831 238.399a23.364 23.364 0 0 0 3.873-12.921c0-12.965-10.511-23.476-23.476-23.476s-23.475 10.511-23.475 23.476c0 4.28 1.145 8.293 3.146 11.748 4.201-6.359 11.412-10.555 19.603-10.555 8.685 0 16.269 4.717 20.329 11.728Z" fill="#000" fill-opacity=".35"/><rect x="133.532" y="211.784" width="27.388" height="27.388" rx="13.694" fill="#000"/><circle cx="140.814" cy="211.609" r="11.738" fill="#fff"/><circle cx="162.848" cy="227.64" r="5.869" fill="#fff"/><circle cx="155.525" cy="239.853" r="3.913" fill="#fff"/></g><g data-name="right"><rect x="337.181" y="203.288" width="31.301" height="15.65" rx="7.825" transform="rotate(135 337.181 203.288)" fill="#000"/><rect x="274.385" y="198.09" width="58.689" height="58.689" rx="29.344" fill="#000" fill-opacity=".05"/><rect x="274.385" y="196.134" width="58.689" height="58.689" rx="29.344" fill="#000"/><path fill-rule="evenodd" clip-rule="evenodd" d="M281.629 233.41c3.035-9.451 11.896-16.29 22.355-16.29 10.182 0 18.849 6.482 22.102 15.544-3.035 9.45-11.897 16.29-22.355 16.29-10.182 0-18.85-6.482-22.102-15.544Z" fill="#784012"/><path fill-rule="evenodd" clip-rule="evenodd" d="M323.862 237.557a23.362 23.362 0 0 0 3.342-12.078c0-12.965-10.511-23.476-23.476-23.476s-23.475 10.511-23.475 23.476c0 4.589 1.317 8.87 3.593 12.487 4.105-6.829 11.586-11.397 20.134-11.397 8.376 0 15.728 4.387 19.882 10.988Z" fill="#000" fill-opacity=".35"/><rect x="290.035" y="211.785" width="27.388" height="27.388" rx="13.694" fill="#000"/><circle cx="297.318" cy="211.609" r="11.738" fill="#fff"/><circle cx="319.352" cy="227.64" r="5.869" fill="#fff"/><circle cx="312.029" cy="239.853" r="3.913" fill="#fff"/></g></g><defs><radialGradient id="a" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="rotate(45 -28.286 68.29) scale(522.888)"><stop stop-color="#FFE600"/><stop offset="1" stop-color="#FFA573"/></radialGradient></defs></svg>`
 				}
 			}
 		}) /*, devtoolsJson()*/

From 48f2f98bd65fd3756c86c249d81167740c78615d Mon Sep 17 00:00:00 2001
From: Sean Lynch <techniq35@gmail.com>
Date: Thu, 18 Dec 2025 11:32:40 -0500
Subject: [PATCH 3/3] Install @iconify-json/logos iconset and use for tailwind
 (more vibrant) and unocss (for consisistency).  Remove `<Icon>` component
 wrapper and use icon component directly.  Refine some wording

---
 docs/package.json                             |  1 +
 docs/src/routes/docs/getting-started/+page.md | 10 +++----
 pnpm-lock.yaml                                | 28 +++++++++++++------
 3 files changed, 25 insertions(+), 14 deletions(-)

diff --git a/docs/package.json b/docs/package.json
index 766097c32..401ff3519 100644
--- a/docs/package.json
+++ b/docs/package.json
@@ -29,6 +29,7 @@
 		"@eslint/compat": "^1.4.1",
 		"@eslint/js": "^9.39.2",
 		"@fontsource-variable/inter": "^5.2.8",
+		"@iconify-json/logos": "^1.2.10",
 		"@iconify-json/lucide": "^1.2.81",
 		"@iconify-json/simple-icons": "^1.2.63",
 		"@iconify-json/vscode-icons": "^1.2.37",
diff --git a/docs/src/routes/docs/getting-started/+page.md b/docs/src/routes/docs/getting-started/+page.md
index c22e0ce3a..4bd3b2de6 100644
--- a/docs/src/routes/docs/getting-started/+page.md
+++ b/docs/src/routes/docs/getting-started/+page.md
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { Button, Icon } from 'svelte-ux';
+	import { Button } from 'svelte-ux';
 
 	import Code from '$lib/components/Code.svelte';
   import Example from '$lib/components/Example.svelte';
@@ -16,8 +16,8 @@
 	import VSCodeIconDeno from '~icons/vscode-icons/file-type-deno';
 	import VSCodeIconYarn from '~icons/vscode-icons/file-type-yarn';
 	import VSCodeIconCSS from '~icons/vscode-icons/file-type-css';
-	import VscodeIconsFileTypeTailwind from '~icons/vscode-icons/file-type-tailwind'
-	import VscodeIconsFileTypeUnocss from '~icons/vscode-icons/file-type-unocss'
+	import LogosTailwindcssIcon from '~icons/logos/tailwindcss-icon'
+	import LogosUnocss from '~icons/logos/unocss'
 	import CustomSvelteUX from '~icons/custom-brands/svelteux';
 	import CustomDaisyUI from '~icons/custom-brands/daisyUI';
 	import CustomShadCNSvelte from '~icons/custom-brands/shadcnsvelte';
@@ -43,7 +43,7 @@ let bundlerIndex = 0;
 
 LayerChart can be used standlone, or integrates nicely with other frameworks and design systems.
 
-Provides built-in first class support for <a href="https://tailwindcss.com/" target="_blank"> <Icon data={VscodeIconsFileTypeTailwind} class="inline-block align-middle" /> tailwindcss 4</a>, but is completely optional. It also works seamlessly with regular CSS via inline styles and <a href="https://unocss.dev/" target="_blank"><Icon data={VscodeIconsFileTypeUnocss} class="inline-block align-middle" /> unoCSS</a>.
+Provides built-in first class support for <a href="https://tailwindcss.com/" target="_blank"> <LogosTailwindcssIcon  class="inline-block size-5" /> tailwindcss 4</a>, but is completely optional. The library also works seamlessly with vanilla CSS, inline styles, and <a href="https://unocss.dev/" target="_blank"><LogosUnocss class="inline-block size-4" /> unoCSS</a>.
 
 <Steps>
 	<Step title={`Create a new project or <a href="#git-up-and-running-even-quicker">git a project</a>`} >
@@ -154,7 +154,7 @@ Provides built-in first class support for <a href="https://tailwindcss.com/" tar
 
 Starter [project repos](https://github.com/techniq/layerchart/tree/next/examples) are available for popular UI frameworks.
 
-<Tabs keys={["shadcn-svelte", "Skeleton", "Svelte UX", "daisyUI", "UnoCSS", "Vanilla CSS"]} icons={[CustomShadCNSvelte,CustomSkeleton,CustomSvelteUX,CustomDaisyUI,VscodeIconsFileTypeUnocss,VSCodeIconCSS]} classes={{content: 'h-[120px] [&_a]:text-primary [&_a:hover]:underline'}} activeClass="bg-surface-200 border-b-surface-200">
+<Tabs keys={["shadcn-svelte", "Skeleton", "Svelte UX", "daisyUI", "UnoCSS", "Vanilla CSS"]} icons={[CustomShadCNSvelte,CustomSkeleton,CustomSvelteUX,CustomDaisyUI,LogosUnocss,VSCodeIconCSS]} classes={{content: 'h-[120px] [&_a]:text-primary [&_a:hover]:underline'}} activeClass="bg-surface-200 border-b-surface-200">
 {#snippet content(value)}
 {#if value === 0}
 
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index c79f8181e..de0ba7cea 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -72,6 +72,9 @@ importers:
       '@fontsource-variable/inter':
         specifier: ^5.2.8
         version: 5.2.8
+      '@iconify-json/logos':
+        specifier: ^1.2.10
+        version: 1.2.10
       '@iconify-json/lucide':
         specifier: ^1.2.81
         version: 1.2.81
@@ -723,7 +726,7 @@ importers:
         version: 1.2.81
       '@rollup/plugin-dsv':
         specifier: ^3.0.5
-        version: 3.0.5(rollup@2.79.2)
+        version: 3.0.5(rollup@4.53.3)
       '@sveltejs/adapter-auto':
         specifier: ^7.0.0
         version: 7.0.0(@sveltejs/kit@2.49.2(@sveltejs/vite-plugin-svelte@6.2.1(svelte@5.46.0)(vite@7.2.7(@types/node@24.10.1)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.21.0)(yaml@2.8.1)))(svelte@5.46.0)(vite@7.2.7(@types/node@24.10.1)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.21.0)(yaml@2.8.1)))
@@ -831,7 +834,7 @@ importers:
         version: 6.0.0
       rollup-plugin-visualizer:
         specifier: ^6.0.5
-        version: 6.0.5(rollup@2.79.2)
+        version: 6.0.5(rollup@4.53.3)
       shapefile:
         specifier: ^0.6.6
         version: 0.6.6
@@ -1465,6 +1468,9 @@ packages:
     resolution: {integrity: sha512-bV0Tgo9K4hfPCek+aMAn81RppFKv2ySDQeMoSZuvTASywNTnVJCArCZE2FWqpvIatKu7VMRLWlR1EazvVhDyhQ==}
     engines: {node: '>=18.18'}
 
+  '@iconify-json/logos@1.2.10':
+    resolution: {integrity: sha512-qxaXKJ6fu8jzTMPQdHtNxlfx6tBQ0jXRbHZIYy5Ilh8Lx9US9FsAdzZWUR8MXV8PnWTKGDFO4ZZee9VwerCyMA==}
+
   '@iconify-json/lucide@1.2.81':
     resolution: {integrity: sha512-6Kz/+SEuD5bkg0KImi0yFem9l6njKp4e1qF1LpQbgRfk7ngsJR/qjlB4y5rM8N1iKiDR/p19cqhmwZxyCWek+w==}
 
@@ -5558,6 +5564,10 @@ snapshots:
 
   '@humanwhocodes/retry@0.4.3': {}
 
+  '@iconify-json/logos@1.2.10':
+    dependencies:
+      '@iconify/types': 2.0.0
+
   '@iconify-json/lucide@1.2.81':
     dependencies:
       '@iconify/types': 2.0.0
@@ -5886,15 +5896,15 @@ snapshots:
     dependencies:
       cross-spawn: 7.0.6
 
-  '@rollup/plugin-dsv@3.0.5(rollup@2.79.2)':
+  '@rollup/plugin-dsv@3.0.5(rollup@4.53.3)':
     dependencies:
-      '@rollup/pluginutils': 5.1.2(rollup@2.79.2)
+      '@rollup/pluginutils': 5.1.2(rollup@4.53.3)
       '@types/d3-dsv': 3.0.7
       d3-dsv: 2.0.0
       strip-bom: 4.0.0
       tosource: 2.0.0-alpha.3
     optionalDependencies:
-      rollup: 2.79.2
+      rollup: 4.53.3
 
   '@rollup/plugin-node-resolve@13.3.0(rollup@2.79.2)':
     dependencies:
@@ -5918,13 +5928,13 @@ snapshots:
       estree-walker: 2.0.2
       picomatch: 2.3.1
 
-  '@rollup/pluginutils@5.1.2(rollup@2.79.2)':
+  '@rollup/pluginutils@5.1.2(rollup@4.53.3)':
     dependencies:
       '@types/estree': 1.0.8
       estree-walker: 2.0.2
       picomatch: 2.3.1
     optionalDependencies:
-      rollup: 2.79.2
+      rollup: 4.53.3
 
   '@rollup/rollup-android-arm-eabi@4.53.3':
     optional: true
@@ -8900,14 +8910,14 @@ snapshots:
       rollup: 2.79.2
       svelte: 4.2.20
 
-  rollup-plugin-visualizer@6.0.5(rollup@2.79.2):
+  rollup-plugin-visualizer@6.0.5(rollup@4.53.3):
     dependencies:
       open: 8.4.2
       picomatch: 4.0.3
       source-map: 0.7.6
       yargs: 17.7.2
     optionalDependencies:
-      rollup: 2.79.2
+      rollup: 4.53.3
 
   rollup@2.79.2:
     optionalDependencies: