+ Brand toolkit
+
+ {{ brand_name }}
+ {{ project_description }}
+
+
+
+
diff --git a/javascript/uitk-svelte/svelte.config.js.jinja b/javascript/uitk-svelte/svelte.config.js.jinja
new file mode 100644
index 0000000..d664bea
--- /dev/null
+++ b/javascript/uitk-svelte/svelte.config.js.jinja
@@ -0,0 +1,11 @@
+import adapter from '@sveltejs/adapter-static';
+
+/** @type {import('@sveltejs/kit').Config} */
+const config = {
+ kit: {
+ adapter: adapter({ fallback: '404.html' }),
+ prerender: { entries: ['*'] }
+ }
+};
+
+export default config;
diff --git a/javascript/uitk-svelte/tests/a11y/audit.spec.ts.jinja b/javascript/uitk-svelte/tests/a11y/audit.spec.ts.jinja
new file mode 100644
index 0000000..cc912a5
--- /dev/null
+++ b/javascript/uitk-svelte/tests/a11y/audit.spec.ts.jinja
@@ -0,0 +1,9 @@
+import AxeBuilder from '@axe-core/playwright';
+import { expect, test } from '@playwright/test';
+
+test('showcase has no serious or critical accessibility violations', async ({ page }) => {
+ await page.goto('/');
+ const results = await new AxeBuilder({ page }).withTags(['wcag2a', 'wcag2aa', 'wcag21a', 'wcag21aa']).analyze();
+ const violations = results.violations.filter((violation) => ['serious', 'critical'].includes(violation.impact ?? ''));
+ expect(violations).toEqual([]);
+});
diff --git a/javascript/uitk-svelte/tests/behavior/theme.spec.ts.jinja b/javascript/uitk-svelte/tests/behavior/theme.spec.ts.jinja
new file mode 100644
index 0000000..087d2e5
--- /dev/null
+++ b/javascript/uitk-svelte/tests/behavior/theme.spec.ts.jinja
@@ -0,0 +1,12 @@
+import { expect, test } from '@playwright/test';
+
+test('theme toggle persists the choice', async ({ page }) => {
+ await page.goto('/');
+ await page.evaluate(() => localStorage.removeItem('{{ project_name }}.theme'));
+ await page.reload();
+ const initial = await page.locator('html').getAttribute('data-theme');
+ await page.getByTestId('theme-toggle').click();
+ const expected = initial === 'dark' ? 'light' : 'dark';
+ await expect(page.locator('html')).toHaveAttribute('data-theme', expected);
+ expect(await page.evaluate(() => localStorage.getItem('{{ project_name }}.theme'))).toBe(expected);
+});
diff --git a/javascript/uitk-svelte/tests/visual/showcase.spec.ts.jinja b/javascript/uitk-svelte/tests/visual/showcase.spec.ts.jinja
new file mode 100644
index 0000000..5560ec3
--- /dev/null
+++ b/javascript/uitk-svelte/tests/visual/showcase.spec.ts.jinja
@@ -0,0 +1,6 @@
+import { expect, test } from '@playwright/test';
+
+test('showcase', async ({ page }) => {
+ await page.goto('/');
+ await expect(page).toHaveScreenshot('showcase.png', { fullPage: true });
+});
diff --git a/javascript/uitk-svelte/tsconfig.json.jinja b/javascript/uitk-svelte/tsconfig.json.jinja
new file mode 100644
index 0000000..4344710
--- /dev/null
+++ b/javascript/uitk-svelte/tsconfig.json.jinja
@@ -0,0 +1,14 @@
+{
+ "extends": "./.svelte-kit/tsconfig.json",
+ "compilerOptions": {
+ "allowJs": true,
+ "checkJs": true,
+ "esModuleInterop": true,
+ "forceConsistentCasingInFileNames": true,
+ "resolveJsonModule": true,
+ "skipLibCheck": true,
+ "sourceMap": true,
+ "strict": true,
+ "moduleResolution": "bundler"
+ }
+}
diff --git a/javascript/uitk-svelte/vite.config.ts.jinja b/javascript/uitk-svelte/vite.config.ts.jinja
new file mode 100644
index 0000000..1180a91
--- /dev/null
+++ b/javascript/uitk-svelte/vite.config.ts.jinja
@@ -0,0 +1,4 @@
+import { sveltekit } from '@sveltejs/kit/vite';
+import { defineConfig } from 'vite';
+
+export default defineConfig({ plugins: [sveltekit()] });
diff --git a/javascript/uitk-svelte/vitest.config.ts.jinja b/javascript/uitk-svelte/vitest.config.ts.jinja
new file mode 100644
index 0000000..a1bc41b
--- /dev/null
+++ b/javascript/uitk-svelte/vitest.config.ts.jinja
@@ -0,0 +1,9 @@
+import { defineConfig } from 'vitest/config';
+
+export default defineConfig({
+ test: {
+ include: ['src/**/*.test.ts'],
+ environment: 'jsdom',
+ setupFiles: ['./vitest.setup.ts']
+ }
+});
diff --git a/javascript/uitk-svelte/vitest.setup.ts.jinja b/javascript/uitk-svelte/vitest.setup.ts.jinja
new file mode 100644
index 0000000..0d50ddd
--- /dev/null
+++ b/javascript/uitk-svelte/vitest.setup.ts.jinja
@@ -0,0 +1,25 @@
+import { vi } from 'vitest';
+
+if (typeof globalThis.localStorage === 'undefined') {
+ const store = new Map