feat: добавить поддержку 20 framework exact modes

Добавлены exact modes:
- vue@vite и vue@webpack
- nuxt@vite и nuxt@webpack
- svelte@vite, svelte@webpack и sveltekit@vite
- angular@application и angular@webpack
- astro@vite
- solid@vite, solid@webpack и solid-start@vite
- preact@vite и preact@webpack
- qwik@vite
- lit@vite и lit@webpack
- alpine@vite и alpine@webpack

Для каждого mode реализованы изолированный adapter, нативный
framework-компонент, declarations, manifest, CSS и внешний asset URL.

Добавлены production integration-стенды с генерацией, typecheck,
сборкой и Playwright-проверкой рендера спрайта и Viewer.

Обновлены Viewer, RU/EN-гайды, README, technical reference и AI skills.
Итоговая матрица включает 29 exact modes.

Проверки:
- 48 unit-тестов
- 29 integration E2E-тестов

integration/apps/sveltekit/package.json

@@ -4,9 +4,9 @@
   "version": "0.0.0",
   "type": "module",
   "scripts": {
-    "sprites": "svg-sprites --mode legacy .",
+    "sprites": "svg-sprites src/sprite/svg-sprite.config.ts",
     "typecheck": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
-    "build": "npm run sprites && svelte-kit sync && vite build",
+    "build": "npm run sprites && svelte-kit sync && svelte-check --tsconfig ./tsconfig.json && vite build",
     "dev": "npm run sprites && vite dev",
     "start": "node build/index.js"
   },

integration/apps/sveltekit/src/routes/+page.svelte

@@ -1,17 +1,43 @@
+<script>
+  import { IconsIcon } from '../sprite/index.js'
+
+  const viewerSources = [
+    () => import('../sprite/.svg-sprite/svg-sprite.manifest.js'),
+  ]
+
+  /** @param {HTMLElement & { sources: unknown; viewerTitle: string }} node */
+  function connectViewer(node) {
+    let connected = true
+    void import('@gromlab/svg-sprites/viewer/element').then(() => {
+      if (!connected) return
+      node.sources = viewerSources
+      node.viewerTitle = 'SvelteKit Vite Viewer'
+    })
+
+    return {
+      destroy() {
+        connected = false
+      },
+    }
+  }
+</script>
+
 <svelte:head>
   <title>SvelteKit sprite fixture</title>
 </svelte:head>
 
 <main>
   <h1>SvelteKit</h1>
-  <svg
+  <IconsIcon
     data-testid="icon"
     data-app="sveltekit"
+    icon="check"
     aria-label="Check icon"
-    viewBox="0 0 24 24"
-  >
-    <use href="/sprites/icons.sprite.svg#check"></use>
-  </svg>
+    width="64"
+    height="64"
+    style="--icon-color-1: #16a34a"
+  />
+  <gromlab-sprite-viewer use:connectViewer></gromlab-sprite-viewer>
 </main>
 
 <style>
@@ -26,9 +52,8 @@
     padding: 40px;
   }
 
-  [data-testid='icon'] {
-    width: 64px;
-    height: 64px;
-    color: #16a34a;
+  gromlab-sprite-viewer {
+    display: block;
+    margin-top: 32px;
   }
 </style>

integration/apps/sveltekit/src/sprite/.gitignore

@@ -0,0 +1,2 @@
+# @generated by @gromlab/svg-sprites. Do not edit.
+/.svg-sprite/

integration/apps/sveltekit/src/sprite/index.d.ts

@@ -0,0 +1 @@
+export * from './.svg-sprite/index.js'

integration/apps/sveltekit/src/sprite/index.js

@@ -0,0 +1 @@
+export * from './.svg-sprite/index.js'

integration/apps/sveltekit/src/sprite/svg-sprite.config.ts

@@ -0,0 +1,8 @@
+import { defineSpriteConfig } from '@gromlab/svg-sprites'
+
+export default defineSpriteConfig({
+  mode: 'sveltekit@vite',
+  name: 'icons',
+  input: '../../../../fixtures/icons/check.svg',
+  generatedNotice: false,
+})

integration/apps/sveltekit/src/type-probe.ts

@@ -0,0 +1,9 @@
+import type { ComponentProps } from 'svelte'
+import { IconsIcon } from './sprite/index.js'
+import type { IconsIconName, IconsIconProps } from './sprite/index.js'
+
+const icon: IconsIconName = 'check'
+const inferred: ComponentProps<typeof IconsIcon> = { icon, role: 'img' }
+const declared: IconsIconProps = inferred
+
+void declared

integration/apps/sveltekit/svg-sprites.config.ts

@@ -1,11 +0,0 @@
-export default {
-  output: 'static/sprites',
-  preview: false,
-  sprites: [
-    {
-      name: 'icons',
-      input: '../../fixtures/icons',
-      format: 'symbol',
-    },
-  ],
-}