diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
new file mode 100644
index 0000000..bab007b
--- /dev/null
+++ b/.github/workflows/ci.yml
@@ -0,0 +1,68 @@
+name: CI
+
+on: [push, pull_request]
+
+permissions:
+  contents: read
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    strategy:
+      fail-fast: false
+      matrix:
+        node-version: [22.x]
+        astro-version: ["3", "4", "5", "6"]
+        include:
+          - astro-version: "3"
+            node-adapter: "@astrojs/node@^6"
+          - astro-version: "4"
+            node-adapter: "@astrojs/node@^8"
+          - astro-version: "5"
+            node-adapter: "@astrojs/node@^9"
+          - astro-version: "6"
+            node-adapter: "@astrojs/node@^10"
+
+    steps:
+    - uses: actions/checkout@v4
+
+    - name: Install pnpm
+      uses: pnpm/action-setup@v4
+    - name: Use Node.js ${{ matrix.node-version }}
+      uses: actions/setup-node@v4
+      with:
+        node-version: ${{ matrix.node-version }}
+        cache: 'pnpm'
+
+    - name: Install dependencies
+      run: pnpm install --frozen-lockfile
+
+    - name: Build
+      run: pnpm build
+
+    - name: Pack the package
+      run: |
+        cd imagekit-astro
+        pnpm pack
+
+    - name: Setup test-app with packed package and target Astro version
+      run: |
+        cd test-app
+        pnpm remove @imagekit/astro || true
+        pnpm add ../imagekit-astro/imagekit-astro-*.tgz
+        pnpm add astro@${{ matrix.astro-version }}
+        pnpm add ${{ matrix.node-adapter }}
+
+    - name: Install Playwright
+      run: |
+        cd test-app
+        pnpm exec playwright install --with-deps
+
+    - name: Run E2E tests
+      run: |
+        cd test-app
+        pnpm test:e2e
+      env:
+        CI: true
+        ASTRO_VERSION: ${{ matrix.astro-version }}
diff --git a/.github/workflows/publish.yml b/.github/workflows/publish.yml
new file mode 100644
index 0000000..7314db0
--- /dev/null
+++ b/.github/workflows/publish.yml
@@ -0,0 +1,52 @@
+name: Publish
+
+on:
+  release:
+    types: [published]
+
+permissions:
+  contents: read
+  id-token: write
+
+jobs:
+  publish:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+
+      - name: Install pnpm
+        uses: pnpm/action-setup@v4
+
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 20
+          registry-url: https://registry.npmjs.org/
+          cache: 'pnpm'
+
+      - name: Install
+        run: pnpm install --frozen-lockfile
+
+      - name: Build SDK
+        run: pnpm --filter @imagekit/astro build
+
+      - name: Stage README and LICENSE into package
+        run: |
+          cp README.md imagekit-astro/README.md
+          cp LICENSE imagekit-astro/LICENSE
+
+      - name: NPM Publish
+        working-directory: imagekit-astro
+        run: |
+          npm whoami
+          VERSION=$(node -p "require('./package.json').version")
+          # Stable versions go to "latest", pre-release versions go to "beta"
+          if [[ "$VERSION" =~ ^[^-]+$ ]]; then
+            NPM_TAG="latest"
+          else
+            NPM_TAG="beta"
+          fi
+          echo "Publishing $VERSION with $NPM_TAG tag."
+          npm publish --tag $NPM_TAG --access public --provenance
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.npm_token }}
+          CI: true
diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..0952345
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,29 @@
+# Dependencies
+node_modules/
+
+# Build output
+dist/
+
+# IDE
+.vscode/
+.idea/
+*.swp
+*.swo
+
+# OS
+.DS_Store
+Thumbs.db
+
+# Environment
+.env
+.env.local
+.env.*.local
+
+# Astro
+.astro/
+
+# Test artifacts
+test-results/
+playwright-report/
+coverage/
+imagekit-astro/imagekit-astro-*.tgz
diff --git a/.npmrc b/.npmrc
new file mode 100644
index 0000000..cf04042
--- /dev/null
+++ b/.npmrc
@@ -0,0 +1,2 @@
+shamefully-hoist=true
+strict-peer-dependencies=false
diff --git a/LICENSE b/LICENSE
new file mode 100644
index 0000000..3007f73
--- /dev/null
+++ b/LICENSE
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) ImageKit Private Limited 2025
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/README.md b/README.md
index e8c6ce5..8a862f7 100644
--- a/README.md
+++ b/README.md
@@ -1 +1,127 @@
-Imagekit Astro
+[<img width="250" alt="ImageKit.io" src="https://raw.githubusercontent.com/imagekit-developer/imagekit-javascript/master/assets/imagekit-light-logo.svg"/>](https://imagekit.io)
+
+# ImageKit.io Astro SDK
+
+[![npm version](https://img.shields.io/npm/v/@imagekit/astro)](https://www.npmjs.com/package/@imagekit/astro)
+[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
+[![Twitter Follow](https://img.shields.io/twitter/follow/imagekitio?label=Follow&style=social)](https://twitter.com/ImagekitIo)
+
+## Introduction
+
+ImageKit Astro SDK plugs ImageKit.io into Astro's built-in image pipeline. It allows you to:
+
+- Render images with Astro's `<Image />` and `<Picture />` components, served from ImageKit with automatic optimization, responsive `srcset`, and lazy loading.
+- Apply real-time transformations (resize, crop, focus, quality, format) using URL parameters.
+- Apply AI-powered transformations such as background removal, generative fill, and smart cropping via the `transformation` prop.
+- Render optimized `<Video />` tags backed by ImageKit.
+- Generate OpenGraph / Twitter Card meta tags pointing to ImageKit URLs with the `<OgImage>` component (or the `getOgImageUrl()` helper for custom layouts).
+- Generate server-side upload authentication parameters with `getUploadAuthParams()`.
+
+## How it works
+
+The SDK ships as an Astro **integration** that registers a custom **image service**. Once added to `astro.config.mjs`, it takes over Astro's image pipeline for the whole site — `<Image />`, `<Picture />`, `getImage()`, and even markdown `![]()` images all flow through it.
+
+The service is **host-aware**. For each image, it inspects the `src` and routes the request to one of two backends:
+
+1. **ImageKit fast-path** — when `src` is an ImageKit URL (your `urlEndpoint` host, any `additionalEndpoints` host, or a bare path like `"folder/photo.jpg"`), the service builds an ImageKit URL with the requested transformations and points the browser at `https://ik.imagekit.io/...` directly. No server processing, no `/_image` round-trip — just a CDN-cached URL with `?tr=...` parameters.
+
+2. **Sharp fallback** — when `src` is a local Astro asset (`import` of an image, or markdown `![](../foo.jpg)`) or an absolute URL on a non-ImageKit host (e.g. an allow-listed third-party domain), the service delegates to Astro's bundled sharp service. The image is processed at build time (or on-demand by Astro's `/_image` endpoint in SSR) exactly as if you had no integration installed.
+
+This means you can drop the integration into an existing Astro project without breaking any of its existing local-asset usage. Local assets keep working via sharp; ImageKit URLs get the full ImageKit treatment.
+
+## Installation
+
+```bash
+npm install @imagekit/astro
+```
+
+If you call `upload()` (or other helpers) from `@imagekit/javascript` directly in your code, also add it to your project so strict package managers (e.g. pnpm) can resolve it:
+
+```bash
+npm install @imagekit/javascript
+```
+
+## TypeScript support
+
+The SDK is written in TypeScript and ships with full type definitions. The integration uses Astro's [`injectTypes()`](https://docs.astro.build/en/reference/integrations-reference/#injecttypes-option) helper to register ImageKit-specific props (`urlEndpoint`, `transformation`, `queryParameters`, `transformationPosition`) on the `Astro.CustomImageProps` namespace, so `<Image />`, `<Picture />`, and `getImage()` get full autocomplete and type-checking for these props.
+
+Run `astro sync` (or start the dev server) once after installing so Astro picks up the injected types. For editor support in `.astro` files, install the [Astro VS Code extension](https://marketplace.visualstudio.com/items?itemName=astro-build.astro-vscode); for type-checking from the CLI, use [`@astrojs/check`](https://www.npmjs.com/package/@astrojs/check).
+
+## Loading images from your ImageKit Media Library
+
+You can use [Astro Content Collections](https://docs.astro.build/en/guides/content-collections/) together with the [`@imagekit/nodejs`](https://www.npmjs.com/package/@imagekit/nodejs) SDK to power gallery/listing pages directly from your ImageKit Media Library, without hand-maintaining a list of URLs.
+
+Install the Node SDK as a dev dependency (it's only used at build time):
+
+```bash
+npm install -D @imagekit/nodejs
+```
+
+Define a collection backed by `client.assets.list()`. The Node SDK returns an array of `File | Folder` objects directly, so pass `type: 'file'` to exclude folders and `fileType: 'image'` to limit results to images. Shape each entry as `{ id, ...data }` — Astro's content layer treats the top-level `id` as the entry key and validates everything else against your `schema`:
+
+```ts
+// src/content.config.ts
+import { defineCollection } from 'astro:content';
+import { z } from 'astro/zod';
+import ImageKit from '@imagekit/nodejs';
+import type { Files } from '@imagekit/nodejs/resources/files/files';
+
+const client = new ImageKit({
+  privateKey: import.meta.env.IMAGEKIT_PRIVATE_KEY,
+});
+
+const gallery = defineCollection({
+  loader: async () => {
+    const assets = await client.assets.list({
+      type: 'file',       // exclude folders
+      fileType: 'image',  // only image files
+      skip: 0,
+      limit: 50,
+    });
+
+    return assets
+      .filter((asset): asset is Files.File =>
+        asset.type === 'file' && !!asset.fileId && !!asset.url
+      )
+      .map((asset) => ({
+        id: asset.fileId ?? '',
+        url: asset.url ?? '',
+        width: asset.width ?? 0,
+        height: asset.height ?? 0,
+        name: asset.name ?? '',
+        tags: asset.tags ?? [],
+      }));
+  },
+  schema: z.object({
+    url: z.string().url(),
+    width: z.number(),
+    height: z.number(),
+    name: z.string(),
+    tags: z.array(z.string()),
+  }),
+});
+
+export const collections = { gallery };
+```
+
+After adding the collection, run `astro sync` (or start the dev server) so Astro generates the collection types used by `getCollection()`.
+
+Render with `<Image>` from `astro:assets` — the integration's image service generates the IK CDN URL with the correct transformations:
+
+```astro
+---
+import { Image } from 'astro:assets';
+import { getCollection } from 'astro:content';
+
+const photos = await getCollection('gallery');
+---
+{photos.map(({ data }) => (
+  <Image src={data.url} width={data.width} height={data.height} alt={data.name} />
+))}
+```
+
+> Keep your `privateKey` in a server-only env var (e.g. `IMAGEKIT_PRIVATE_KEY` in `.env`, never prefixed with `PUBLIC_`). Collection loaders run at build time (or in SSR endpoints), never in the browser.
+
+## Documentation
+
+Refer to the ImageKit [official documentation](https://imagekit.io/docs/integration/astro) for setup instructions, configuration options, and the full API reference.
diff --git a/imagekit-astro/.gitignore b/imagekit-astro/.gitignore
new file mode 100644
index 0000000..951cc11
--- /dev/null
+++ b/imagekit-astro/.gitignore
@@ -0,0 +1,6 @@
+# Build output
+dist/
+
+# Staged at publish time from monorepo root
+README.md
+LICENSE
diff --git a/imagekit-astro/astro.d.ts b/imagekit-astro/astro.d.ts
new file mode 100644
index 0000000..c508840
--- /dev/null
+++ b/imagekit-astro/astro.d.ts
@@ -0,0 +1,13 @@
+/// <reference types="astro/client" />
+
+declare module '*.astro' {
+  const component: (props: any) => any;
+  export default component;
+}
+
+declare module 'virtual:@imagekit/astro/config' {
+  export const urlEndpoint: string;
+  export const transformationPosition: 'path' | 'query';
+  const config: { urlEndpoint: string; transformationPosition: 'path' | 'query' };
+  export default config;
+}
diff --git a/imagekit-astro/index.ts b/imagekit-astro/index.ts
new file mode 100644
index 0000000..36e3c50
--- /dev/null
+++ b/imagekit-astro/index.ts
@@ -0,0 +1,9 @@
+// Components
+export { default as Video } from './src/components/Video.astro';
+export { default as OgImage } from './src/components/OgImage.astro';
+
+// Helpers
+export { getOgImageUrl } from './src/helpers';
+
+// Types - Astro SDK types
+export type { OgImageProps, OgImageUrlOptions, VideoProps } from './src/types/index';
diff --git a/imagekit-astro/package-lock.json b/imagekit-astro/package-lock.json
new file mode 100644
index 0000000..f37ffe0
--- /dev/null
+++ b/imagekit-astro/package-lock.json
@@ -0,0 +1,266 @@
+{
+  "name": "@imagekit/astro",
+  "version": "1.0.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "@imagekit/astro",
+      "version": "1.0.0",
+      "license": "MIT",
+      "dependencies": {
+        "@imagekit/javascript": "^5.1.0"
+      },
+      "devDependencies": {
+        "astro": "^5.11.0",
+        "tsup": "^8.4.0"
+      },
+      "peerDependencies": {
+        "astro": ">=3.2.0"
+      }
+    },
+    "../node_modules/.pnpm/@imagekit+javascript@5.3.0/node_modules/@imagekit/javascript": {
+      "version": "5.3.0",
+      "license": "MIT",
+      "devDependencies": {
+        "@babel/cli": "^7.10.5",
+        "@babel/core": "^7.10.5",
+        "@babel/plugin-proposal-class-properties": "^7.18.6",
+        "@babel/plugin-proposal-optional-chaining": "^7.21.0",
+        "@babel/plugin-transform-optional-chaining": "^7.25.9",
+        "@babel/preset-env": "^7.10.4",
+        "@babel/preset-typescript": "^7.13.0",
+        "@babel/register": "^7.14.5",
+        "@rollup/plugin-babel": "^5.2.0",
+        "@rollup/plugin-json": "^4.1.0",
+        "@rollup/plugin-node-resolve": "^8.4.0",
+        "@rollup/plugin-typescript": "^8.2.1",
+        "@types/node": "^15.6.1",
+        "babel-plugin-transform-class-properties": "^6.24.1",
+        "chai": "^4.2.0",
+        "codecov": "^3.8.3",
+        "formdata-node": "2.1.0",
+        "mocha": "^7.0.1",
+        "nyc": "^15.1.0",
+        "regenerator-runtime": "^0.13.9",
+        "rollup": "^2.22.0",
+        "rollup-plugin-cleanup": "^3.2.1",
+        "rollup-plugin-commonjs": "^10.1.0",
+        "rollup-plugin-terser": "^6.1.0",
+        "sinon": "^8.1.1",
+        "ts-node": "^10.0.0",
+        "typescript": "^4.3.2",
+        "web-file-polyfill": "^1.0.1"
+      }
+    },
+    "../node_modules/.pnpm/astro@5.18.1_@types+node@20.19.39_rollup@4.60.1_typescript@5.9.3_yaml@2.8.3/node_modules/astro": {
+      "version": "5.18.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@astrojs/compiler": "^2.13.0",
+        "@astrojs/internal-helpers": "0.7.6",
+        "@astrojs/markdown-remark": "6.3.11",
+        "@astrojs/telemetry": "3.3.0",
+        "@capsizecss/unpack": "^4.0.0",
+        "@oslojs/encoding": "^1.1.0",
+        "@rollup/pluginutils": "^5.3.0",
+        "acorn": "^8.15.0",
+        "aria-query": "^5.3.2",
+        "axobject-query": "^4.1.0",
+        "boxen": "8.0.1",
+        "ci-info": "^4.3.1",
+        "clsx": "^2.1.1",
+        "common-ancestor-path": "^1.0.1",
+        "cookie": "^1.1.1",
+        "cssesc": "^3.0.0",
+        "debug": "^4.4.3",
+        "deterministic-object-hash": "^2.0.2",
+        "devalue": "^5.6.2",
+        "diff": "^8.0.3",
+        "dlv": "^1.1.3",
+        "dset": "^3.1.4",
+        "es-module-lexer": "^1.7.0",
+        "esbuild": "^0.27.3",
+        "estree-walker": "^3.0.3",
+        "flattie": "^1.1.1",
+        "fontace": "~0.4.0",
+        "github-slugger": "^2.0.0",
+        "html-escaper": "3.0.3",
+        "http-cache-semantics": "^4.2.0",
+        "import-meta-resolve": "^4.2.0",
+        "js-yaml": "^4.1.1",
+        "magic-string": "^0.30.21",
+        "magicast": "^0.5.1",
+        "mrmime": "^2.0.1",
+        "neotraverse": "^0.6.18",
+        "p-limit": "^6.2.0",
+        "p-queue": "^8.1.1",
+        "package-manager-detector": "^1.6.0",
+        "piccolore": "^0.1.3",
+        "picomatch": "^4.0.3",
+        "prompts": "^2.4.2",
+        "rehype": "^13.0.2",
+        "semver": "^7.7.3",
+        "shiki": "^3.21.0",
+        "smol-toml": "^1.6.0",
+        "svgo": "^4.0.0",
+        "tinyexec": "^1.0.2",
+        "tinyglobby": "^0.2.15",
+        "tsconfck": "^3.1.6",
+        "ultrahtml": "^1.6.0",
+        "unifont": "~0.7.3",
+        "unist-util-visit": "^5.0.0",
+        "unstorage": "^1.17.4",
+        "vfile": "^6.0.3",
+        "vite": "^6.4.1",
+        "vitefu": "^1.1.1",
+        "xxhash-wasm": "^1.1.0",
+        "yargs-parser": "^21.1.1",
+        "yocto-spinner": "^0.2.3",
+        "zod": "^3.25.76",
+        "zod-to-json-schema": "^3.25.1",
+        "zod-to-ts": "^1.2.0"
+      },
+      "bin": {
+        "astro": "astro.js"
+      },
+      "devDependencies": {
+        "@astrojs/check": "0.9.6",
+        "@playwright/test": "1.57.0",
+        "@types/aria-query": "^5.0.4",
+        "@types/common-ancestor-path": "^1.0.2",
+        "@types/cssesc": "^3.0.2",
+        "@types/debug": "^4.1.12",
+        "@types/dlv": "^1.1.5",
+        "@types/hast": "^3.0.4",
+        "@types/html-escaper": "3.0.4",
+        "@types/http-cache-semantics": "^4.0.4",
+        "@types/js-yaml": "^4.0.9",
+        "@types/picomatch": "^3.0.2",
+        "@types/prompts": "^2.4.9",
+        "@types/semver": "^7.7.1",
+        "@types/yargs-parser": "^21.0.3",
+        "astro-scripts": "0.0.14",
+        "cheerio": "1.1.2",
+        "eol": "^0.10.0",
+        "expect-type": "^1.3.0",
+        "fs-fixture": "^2.11.0",
+        "mdast-util-mdx": "^3.0.0",
+        "mdast-util-mdx-jsx": "^3.2.0",
+        "node-mocks-http": "^1.17.2",
+        "parse-srcset": "^1.0.2",
+        "rehype-autolink-headings": "^7.1.0",
+        "rehype-slug": "^6.0.0",
+        "rehype-toc": "^3.0.2",
+        "remark-code-titles": "^0.1.2",
+        "rollup": "^4.55.1",
+        "sass": "^1.97.2",
+        "typescript": "^5.9.3",
+        "undici": "^6.23.0",
+        "unified": "^11.0.5",
+        "vitest": "^3.2.4"
+      },
+      "engines": {
+        "node": "18.20.8 || ^20.3.0 || >=22.0.0",
+        "npm": ">=9.6.5",
+        "pnpm": ">=7.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/astrodotbuild"
+      },
+      "optionalDependencies": {
+        "sharp": "^0.34.0"
+      }
+    },
+    "../node_modules/.pnpm/tsup@8.5.1_postcss@8.5.8_typescript@5.9.3_yaml@2.8.3/node_modules/tsup": {
+      "version": "8.5.1",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "bundle-require": "^5.1.0",
+        "cac": "^6.7.14",
+        "chokidar": "^4.0.3",
+        "consola": "^3.4.0",
+        "debug": "^4.4.0",
+        "esbuild": "^0.27.0",
+        "fix-dts-default-cjs-exports": "^1.0.0",
+        "joycon": "^3.1.1",
+        "picocolors": "^1.1.1",
+        "postcss-load-config": "^6.0.1",
+        "resolve-from": "^5.0.0",
+        "rollup": "^4.34.8",
+        "source-map": "^0.7.6",
+        "sucrase": "^3.35.0",
+        "tinyexec": "^0.3.2",
+        "tinyglobby": "^0.2.11",
+        "tree-kill": "^1.2.2"
+      },
+      "bin": {
+        "tsup": "dist/cli-default.js",
+        "tsup-node": "dist/cli-node.js"
+      },
+      "devDependencies": {
+        "@microsoft/api-extractor": "^7.50.0",
+        "@rollup/plugin-json": "6.1.0",
+        "@swc/core": "1.10.18",
+        "@types/debug": "4.1.12",
+        "@types/node": "22.13.4",
+        "@types/resolve": "1.20.6",
+        "bumpp": "^10.0.3",
+        "flat": "6.0.1",
+        "postcss": "8.5.2",
+        "postcss-simple-vars": "7.0.1",
+        "prettier": "3.5.1",
+        "resolve": "1.22.10",
+        "rollup-plugin-dts": "6.1.1",
+        "sass": "1.85.0",
+        "strip-json-comments": "5.0.1",
+        "svelte": "5.19.9",
+        "svelte-preprocess": "6.0.3",
+        "terser": "^5.39.0",
+        "ts-essentials": "10.0.4",
+        "tsup": "8.3.6",
+        "typescript": "5.7.3",
+        "vitest": "3.0.6",
+        "wait-for-expect": "3.0.2"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "@microsoft/api-extractor": "^7.36.0",
+        "@swc/core": "^1",
+        "postcss": "^8.4.12",
+        "typescript": ">=4.5.0"
+      },
+      "peerDependenciesMeta": {
+        "@microsoft/api-extractor": {
+          "optional": true
+        },
+        "@swc/core": {
+          "optional": true
+        },
+        "postcss": {
+          "optional": true
+        },
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@imagekit/javascript": {
+      "resolved": "../node_modules/.pnpm/@imagekit+javascript@5.3.0/node_modules/@imagekit/javascript",
+      "link": true
+    },
+    "node_modules/astro": {
+      "resolved": "../node_modules/.pnpm/astro@5.18.1_@types+node@20.19.39_rollup@4.60.1_typescript@5.9.3_yaml@2.8.3/node_modules/astro",
+      "link": true
+    },
+    "node_modules/tsup": {
+      "resolved": "../node_modules/.pnpm/tsup@8.5.1_postcss@8.5.8_typescript@5.9.3_yaml@2.8.3/node_modules/tsup",
+      "link": true
+    }
+  }
+}
diff --git a/imagekit-astro/package.json b/imagekit-astro/package.json
new file mode 100644
index 0000000..b0a4fe7
--- /dev/null
+++ b/imagekit-astro/package.json
@@ -0,0 +1,61 @@
+{
+  "name": "@imagekit/astro",
+  "version": "1.0.0",
+  "type": "module",
+  "license": "MIT",
+  "description": "Astro SDK for ImageKit.io - optimized image & video delivery with transformations",
+  "types": "./dist/index.d.ts",
+  "keywords": [
+    "imagekit",
+    "astro",
+    "astro-component",
+    "image",
+    "video",
+    "optimization",
+    "transformation",
+    "responsive"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./integration": {
+      "types": "./dist/integration.d.ts",
+      "default": "./dist/integration.js"
+    },
+    "./helpers": {
+      "types": "./dist/helpers.d.ts",
+      "default": "./dist/helpers.js"
+    },
+    "./server": {
+      "types": "./dist/server.d.ts",
+      "default": "./dist/server.js"
+    },
+    "./image-service": {
+      "types": "./dist/imagekit-service.d.ts",
+      "default": "./dist/imagekit-service.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "dist",
+    "index.ts",
+    "src"
+  ],
+  "scripts": {
+    "dev": "tsup --watch",
+    "build": "tsup"
+  },
+  "dependencies": {
+    "@imagekit/javascript": "^5.1.0"
+  },
+  "peerDependencies": {
+    "astro": ">=3.2.0"
+  },
+  "devDependencies": {
+    "@types/node": "^20.19.39",
+    "astro": "^5.11.0",
+    "tsup": "^8.4.0"
+  }
+}
diff --git a/imagekit-astro/src/components/OgImage.astro b/imagekit-astro/src/components/OgImage.astro
new file mode 100644
index 0000000..9159718
--- /dev/null
+++ b/imagekit-astro/src/components/OgImage.astro
@@ -0,0 +1,59 @@
+---
+import { getOgImageUrl } from '../helpers';
+import type { OgImageProps } from '../types/index';
+
+interface Props extends OgImageProps {}
+
+const {
+  src,
+  alt,
+  title,
+  ogTitle,
+  twitterTitle,
+  description,
+  ogDescription,
+  twitterDescription,
+  twitterCard = 'summary_large_image',
+  type = 'website',
+  width = 1200,
+  height = 630,
+  urlEndpoint,
+  transformation = [],
+  queryParameters,
+  transformationPosition,
+} = Astro.props;
+
+const resolvedOgTitle = ogTitle ?? title;
+const resolvedTwitterTitle = twitterTitle ?? title;
+const resolvedOgDescription = ogDescription ?? description;
+const resolvedTwitterDescription = twitterDescription ?? description;
+
+if (!resolvedOgTitle && !resolvedTwitterTitle) {
+  throw new Error(
+    '[<OgImage>] A title is required. Provide one of: title, ogTitle, or twitterTitle.',
+  );
+}
+
+const imageUrl = getOgImageUrl({
+  src,
+  urlEndpoint,
+  transformation,
+  queryParameters,
+  transformationPosition,
+  width,
+  height,
+});
+---
+{resolvedOgTitle && <meta property="og:title" content={resolvedOgTitle} />}
+{resolvedOgDescription && <meta property="og:description" content={resolvedOgDescription} />}
+<meta property="og:type" content={type} />
+<meta property="og:image" content={imageUrl} />
+<meta property="og:image:secure_url" content={imageUrl} />
+<meta property="og:image:width" content={String(width)} />
+<meta property="og:image:height" content={String(height)} />
+{alt && <meta property="og:image:alt" content={alt} />}
+{resolvedTwitterTitle && <meta name="twitter:title" content={resolvedTwitterTitle} />}
+{resolvedTwitterDescription && <meta name="twitter:description" content={resolvedTwitterDescription} />}
+<meta name="twitter:card" content={twitterCard} />
+<meta name="twitter:image" content={imageUrl} />
+{alt && <meta name="twitter:image:alt" content={alt} />}
diff --git a/imagekit-astro/src/components/Video.astro b/imagekit-astro/src/components/Video.astro
new file mode 100644
index 0000000..9c03ab4
--- /dev/null
+++ b/imagekit-astro/src/components/Video.astro
@@ -0,0 +1,45 @@
+---
+import { buildSrc } from '@imagekit/javascript';
+import { getImageKitConfig } from '../lib/imagekit';
+import type { VideoProps } from '../types/index';
+
+interface Props extends VideoProps {}
+
+const {
+  src,
+  urlEndpoint,
+  transformation = [],
+  queryParameters,
+  transformationPosition,
+  class: className,
+  ...restProps
+}: Props = Astro.props;
+
+// Resolve ImageKit configuration.
+// Priority: prop > integration config (astro.config.mjs) > env vars.
+const config = getImageKitConfig({ urlEndpoint, transformationPosition });
+
+// Build the video URL.
+// Note: width/height props are HTML attributes only; they are NOT applied as
+// ImageKit transformations. To resize the video, pass them via `transformation`.
+const videoSrc = buildSrc({
+  src,
+  urlEndpoint: config.urlEndpoint,
+  transformation,
+  queryParameters,
+  transformationPosition: config.transformationPosition,
+});
+
+// Build the class name
+let videoClassName = 'astro-imagekit-video';
+if (className) {
+  videoClassName = `${videoClassName} ${className}`;
+}
+---
+
+<video
+  src={videoSrc}
+  class={videoClassName}
+  {...restProps}
+/>
+
diff --git a/imagekit-astro/src/components/index.ts b/imagekit-astro/src/components/index.ts
new file mode 100644
index 0000000..4ed151b
--- /dev/null
+++ b/imagekit-astro/src/components/index.ts
@@ -0,0 +1,2 @@
+export { default as Video } from './Video.astro';
+export { default as OgImage } from './OgImage.astro';
diff --git a/imagekit-astro/src/constants/sizes.ts b/imagekit-astro/src/constants/sizes.ts
new file mode 100644
index 0000000..ddeae8d
--- /dev/null
+++ b/imagekit-astro/src/constants/sizes.ts
@@ -0,0 +1,5 @@
+/** Default OG image width */
+export const OG_IMAGE_WIDTH = 1200;
+
+/** Default OG image height */
+export const OG_IMAGE_HEIGHT = 630;
diff --git a/imagekit-astro/src/helpers/index.ts b/imagekit-astro/src/helpers/index.ts
new file mode 100644
index 0000000..46b01e0
--- /dev/null
+++ b/imagekit-astro/src/helpers/index.ts
@@ -0,0 +1,37 @@
+import { buildSrc } from '@imagekit/javascript';
+import { OG_IMAGE_HEIGHT, OG_IMAGE_WIDTH } from '../constants/sizes';
+import { getImageKitConfig } from '../lib/imagekit';
+import type { OgImageUrlOptions } from '../types';
+
+/**
+ * Build the final ImageKit CDN URL for an Open Graph / social image.
+ *
+ * Returns just the URL string. Use this when you want to plug the URL into
+ * your own metadata system, or render `<meta>` tags by hand. For the
+ * common case, prefer the `<OgImage>` component, which renders the full
+ * set of OG/Twitter tags for you.
+ *
+ * ImageKit serves the optimal image format automatically based on the
+ * requesting client (no `format` option needed).
+ */
+export function getOgImageUrl(props: OgImageUrlOptions): string {
+  const {
+    src,
+    urlEndpoint,
+    transformation = [],
+    queryParameters,
+    transformationPosition,
+    width = OG_IMAGE_WIDTH,
+    height = OG_IMAGE_HEIGHT,
+  } = props;
+
+  const config = getImageKitConfig({ urlEndpoint, transformationPosition });
+
+  return buildSrc({
+    src,
+    urlEndpoint: config.urlEndpoint,
+    transformation: [...transformation, { width, height }],
+    queryParameters,
+    transformationPosition: config.transformationPosition,
+  });
+}
diff --git a/imagekit-astro/src/integration.ts b/imagekit-astro/src/integration.ts
new file mode 100644
index 0000000..8c9f80c
--- /dev/null
+++ b/imagekit-astro/src/integration.ts
@@ -0,0 +1,349 @@
+import type { AstroIntegration, RemotePattern } from 'astro';
+
+const IMAGEKIT_SERVICE_ENTRYPOINT = '@imagekit/astro/image-service';
+const ASTRO_DEFAULT_SERVICE_ENTRYPOINT = 'astro/assets/services/sharp';
+const DEFAULT_IMAGEKIT_HOSTNAME = 'ik.imagekit.io';
+const DEFAULT_PATHNAME = '/**';
+const VIRTUAL_CONFIG_ID = 'virtual:@imagekit/astro/config';
+const RESOLVED_VIRTUAL_CONFIG_ID = '\0' + VIRTUAL_CONFIG_ID;
+
+function imagekitConfigVitePlugin(resolved: {
+  urlEndpoint?: string;
+  transformationPosition?: 'path' | 'query';
+}) {
+  return {
+    name: '@imagekit/astro:virtual-config',
+    resolveId(id: string) {
+      if (id === VIRTUAL_CONFIG_ID) {
+        return RESOLVED_VIRTUAL_CONFIG_ID;
+      }
+      return null;
+    },
+    load(id: string) {
+      if (id !== RESOLVED_VIRTUAL_CONFIG_ID) {
+        return null;
+      }
+      const urlEndpoint = JSON.stringify(resolved.urlEndpoint ?? '');
+      const transformationPosition = JSON.stringify(
+        resolved.transformationPosition ?? 'query',
+      );
+      return `export const urlEndpoint = ${urlEndpoint};
+export const transformationPosition = ${transformationPosition};
+export default { urlEndpoint, transformationPosition };
+`;
+    },
+  };
+}
+
+export interface ImageKitIntegrationOptions {
+  /**
+   * The ImageKit URL endpoint. Used as the default when an `<Image>` is given
+   * a relative `src` and as an IK-eligible host for absolute URLs.
+   * If omitted, `IMAGEKIT_URL_ENDPOINT` is used.
+   */
+  urlEndpoint?: string;
+
+  /**
+   * Additional ImageKit URL endpoints (other accounts or custom domains).
+   * Their hosts are auto-added to `image.domains` and recognized as IK-eligible
+   * by the image service, so absolute URLs on those hosts get IK transformations
+   * applied (without being rewritten to the primary `urlEndpoint`).
+   *
+   * For non-ImageKit hosts you want Astro to optimize via the default sharp
+   * service, add them to `image.domains` / `image.remotePatterns` in your
+   * `astro.config.mjs` directly.
+   */
+  additionalEndpoints?: string[];
+
+  /**
+   * Position of the transformation string in the URL.
+   */
+  transformationPosition?: 'path' | 'query';
+}
+
+interface ParsedEndpoint {
+  hostname: string;
+  protocol?: string;
+  port?: string;
+}
+
+function normalizeHostname(input: string): string {
+  return input.trim().toLowerCase();
+}
+
+function parseEndpoint(urlEndpoint: string): ParsedEndpoint | undefined {
+  if (!urlEndpoint) {
+    return undefined;
+  }
+
+  try {
+    const parsed = new URL(urlEndpoint);
+    return {
+      hostname: normalizeHostname(parsed.hostname),
+      protocol: parsed.protocol.replace(':', '') || undefined,
+      port: parsed.port || undefined,
+    };
+  } catch {
+    return undefined;
+  }
+}
+
+function uniqStrings(values: string[]): string[] {
+  return Array.from(
+    new Set(values.map((value) => normalizeHostname(value)).filter(Boolean)),
+  );
+}
+
+function patternKey(pattern: Partial<RemotePattern>): string {
+  return [
+    pattern.protocol ?? '',
+    pattern.hostname ?? '',
+    pattern.port ?? '',
+    pattern.pathname ?? '',
+  ].join('|');
+}
+
+function uniqPatterns(patterns: Partial<RemotePattern>[]): Partial<RemotePattern>[] {
+  const seen = new Set<string>();
+  const result: Partial<RemotePattern>[] = [];
+
+  for (const pattern of patterns) {
+    const key = patternKey(pattern);
+    if (seen.has(key)) {
+      continue;
+    }
+    seen.add(key);
+    result.push(pattern);
+  }
+
+  return result;
+}
+
+function normalizeDomainList(values: unknown): string[] {
+  if (!Array.isArray(values)) {
+    return [];
+  }
+
+  return values.filter((value): value is string => typeof value === 'string');
+}
+
+function normalizePatternList(values: unknown): Partial<RemotePattern>[] {
+  if (!Array.isArray(values)) {
+    return [];
+  }
+
+  return values.filter((value): value is Partial<RemotePattern> => {
+    if (!value || typeof value !== 'object') {
+      return false;
+    }
+
+    const candidate = value as Record<string, unknown>;
+    return (
+      typeof candidate.hostname === 'string' ||
+      typeof candidate.pathname === 'string' ||
+      typeof candidate.protocol === 'string' ||
+      typeof candidate.port === 'string'
+    );
+  });
+}
+
+function asRecord(value: unknown): Record<string, unknown> {
+  if (!value || typeof value !== 'object') {
+    return {};
+  }
+
+  return value as Record<string, unknown>;
+}
+
+function asString(value: unknown): string | undefined {
+  return typeof value === 'string' ? value : undefined;
+}
+
+function getDefaultRemotePatterns(endpoint?: ParsedEndpoint): Partial<RemotePattern>[] {
+  const patterns: Partial<RemotePattern>[] = [
+    {
+      protocol: 'https',
+      hostname: DEFAULT_IMAGEKIT_HOSTNAME,
+      pathname: DEFAULT_PATHNAME,
+    },
+  ];
+
+  if (endpoint?.hostname) {
+    patterns.push({
+      protocol: endpoint.protocol ?? 'https',
+      hostname: endpoint.hostname,
+      port: endpoint.port,
+      pathname: DEFAULT_PATHNAME,
+    });
+  }
+
+  return uniqPatterns(patterns);
+}
+
+export default function imagekit(
+  options: ImageKitIntegrationOptions = {},
+): AstroIntegration {
+  return {
+    name: '@imagekit/astro',
+    hooks: {
+      'astro:config:setup': ({ config, updateConfig, logger }) => {
+        const imageConfig = config.image ?? {};
+        const imageConfigRecord = asRecord(imageConfig);
+        const existingService = asRecord(imageConfigRecord.service);
+        const existingServiceConfig = asRecord(existingService.config);
+        const existingEntrypoint =
+          typeof existingService.entrypoint === 'string'
+            ? existingService.entrypoint
+            : undefined;
+
+        const resolvedUrlEndpoint =
+          options.urlEndpoint ??
+          asString(existingServiceConfig.urlEndpoint) ??
+          import.meta.env?.IMAGEKIT_URL_ENDPOINT;
+
+        const resolvedTransformationPosition =
+          options.transformationPosition ??
+          (existingServiceConfig.transformationPosition === 'path' ||
+          existingServiceConfig.transformationPosition === 'query'
+            ? existingServiceConfig.transformationPosition
+            : undefined);
+
+        const endpoint = resolvedUrlEndpoint
+          ? parseEndpoint(resolvedUrlEndpoint)
+          : undefined;
+
+        if (resolvedUrlEndpoint && !endpoint) {
+          logger.warn(
+            `Could not parse urlEndpoint "${resolvedUrlEndpoint}" as a URL. Make sure it includes the protocol (e.g. "https://ik.imagekit.io/your_id"). The endpoint host will not be added to image.domains/remotePatterns.`,
+          );
+        }
+
+        const additionalEndpoints = (options.additionalEndpoints ?? [])
+          .map((url) => {
+            const parsed = parseEndpoint(url);
+            if (!parsed) {
+              logger.warn(
+                `Could not parse additionalEndpoints entry "${url}" as a URL. Skipping.`,
+              );
+            }
+            return parsed;
+          })
+          .filter((e): e is ParsedEndpoint => Boolean(e));
+
+        const ikHosts = uniqStrings([
+          DEFAULT_IMAGEKIT_HOSTNAME,
+          ...(endpoint?.hostname ? [endpoint.hostname] : []),
+          ...additionalEndpoints.map((e) => e.hostname),
+        ]);
+
+        const mergedDomains = uniqStrings([
+          ...normalizeDomainList(imageConfigRecord.domains),
+          ...ikHosts,
+        ]);
+
+        const mergedRemotePatterns = uniqPatterns([
+          ...normalizePatternList(imageConfigRecord.remotePatterns),
+          ...getDefaultRemotePatterns(endpoint),
+          ...additionalEndpoints.flatMap((e) => getDefaultRemotePatterns(e)),
+        ]);
+
+        // Only carry forward keys we recognize. Any leftover keys from a
+        // previous image service config (e.g. sharp's `limitInputPixels`)
+        // would not make sense for this service.
+        const nextServiceConfig: Record<string, unknown> = {};
+
+        if (resolvedUrlEndpoint) {
+          nextServiceConfig.urlEndpoint = resolvedUrlEndpoint;
+        }
+
+        if (resolvedTransformationPosition) {
+          nextServiceConfig.transformationPosition = resolvedTransformationPosition;
+        }
+
+        nextServiceConfig.imagekitHosts = ikHosts;
+
+        if (
+          existingEntrypoint &&
+          existingEntrypoint !== IMAGEKIT_SERVICE_ENTRYPOINT &&
+          existingEntrypoint !== ASTRO_DEFAULT_SERVICE_ENTRYPOINT
+        ) {
+          logger.warn(
+            `Overriding image.service.entrypoint (${existingEntrypoint}) with ${IMAGEKIT_SERVICE_ENTRYPOINT}.`,
+          );
+        }
+
+        if (!resolvedUrlEndpoint) {
+          logger.warn(
+            'No ImageKit urlEndpoint found. Set IMAGEKIT_URL_ENDPOINT, or pass urlEndpoint to imagekit().',
+          );
+        }
+
+        updateConfig({
+          image: {
+            domains: mergedDomains,
+            remotePatterns: mergedRemotePatterns,
+            service: {
+              entrypoint: IMAGEKIT_SERVICE_ENTRYPOINT,
+              config: nextServiceConfig,
+            },
+          },
+          vite: {
+            plugins: [
+              imagekitConfigVitePlugin({
+                urlEndpoint: resolvedUrlEndpoint,
+                transformationPosition: resolvedTransformationPosition,
+              }),
+            ],
+          },
+        });
+      },
+
+      // Augment Astro's <Image>/<Picture>/getImage() prop types with
+      // ImageKit-specific props so users get autocomplete and type safety.
+      // injectTypes() requires Astro >= 4.4; older versions skip this gracefully.
+      // https://docs.astro.build/en/reference/integrations-reference/#injecttypes-option
+      'astro:config:done': ({ injectTypes }) => {
+        if (typeof injectTypes !== 'function') {
+          return;
+        }
+        injectTypes({
+          filename: 'imagekit-image-props.d.ts',
+          content: `import type { Transformation } from '@imagekit/javascript';
+
+declare module 'virtual:@imagekit/astro/config' {
+  export const urlEndpoint: string;
+  export const transformationPosition: 'path' | 'query';
+  const config: { urlEndpoint: string; transformationPosition: 'path' | 'query' };
+  export default config;
+}
+
+declare global {
+  namespace Astro {
+    interface CustomImageProps {
+      /** Override the ImageKit URL endpoint for this image. */
+      urlEndpoint?: string;
+      /**
+       * Array of ImageKit transformations applied after Astro's built-in
+       * width/height/fit/position/quality mappings. Later items take precedence.
+       * @see https://imagekit.io/docs/image-transformation
+       */
+      transformation?: Transformation[];
+      /** Extra query parameters appended to the generated URL. */
+      queryParameters?: Record<string, string | number>;
+      /**
+       * Position of the transformation string in the URL.
+       * - \`'query'\` (default): appended as \`?tr=...\`
+       * - \`'path'\`: inserted in the URL path as \`tr:...\`
+       */
+      transformationPosition?: 'path' | 'query';
+    }
+  }
+}
+
+export {};
+`,
+        });
+      },
+    },
+  };
+}
diff --git a/imagekit-astro/src/lib/imagekit.ts b/imagekit-astro/src/lib/imagekit.ts
new file mode 100644
index 0000000..990ad12
--- /dev/null
+++ b/imagekit-astro/src/lib/imagekit.ts
@@ -0,0 +1,55 @@
+
+import {
+  urlEndpoint as integrationUrlEndpoint,
+  transformationPosition as integrationTransformationPosition,
+} from 'virtual:@imagekit/astro/config';
+
+/**
+ * ImageKit configuration options.
+ * Can be passed as props to override values resolved from the integration
+ * config (`astro.config.mjs`) or environment variables.
+ */
+export interface ImageKitConfig {
+  /**
+   * The URL endpoint for your ImageKit account.
+   * Get it from https://imagekit.io/dashboard/url-endpoints
+   */
+  urlEndpoint: string;
+
+  /**
+   * Position of the transformation string in the URL.
+   * - `'query'` (default): appended as `?tr=...`
+   * - `'path'`: inserted in the URL path as `tr:...`
+   */
+  transformationPosition?: 'path' | 'query';
+}
+
+/**
+ * Resolves ImageKit configuration.
+ *
+ * Priority:
+ *   1. Per-call overrides (props)
+ *   2. Integration config from `astro.config.mjs` (via virtual module)
+ *   3. `IMAGEKIT_URL_ENDPOINT` env var
+ *
+ * @throws {Error} If no urlEndpoint is available from any source.
+ */
+export function getImageKitConfig(overrides?: Partial<ImageKitConfig>): ImageKitConfig {
+  const urlEndpoint =
+    overrides?.urlEndpoint ||
+    integrationUrlEndpoint ||
+    import.meta.env.IMAGEKIT_URL_ENDPOINT;
+
+  if (!urlEndpoint) {
+    throw new Error(
+      'An ImageKit URL endpoint is required. Pass urlEndpoint to the imagekit() integration in astro.config.mjs, set IMAGEKIT_URL_ENDPOINT, or pass urlEndpoint as a prop.'
+    );
+  }
+
+  return {
+    urlEndpoint,
+    transformationPosition:
+      overrides?.transformationPosition ?? integrationTransformationPosition ?? 'query',
+  };
+}
+
diff --git a/imagekit-astro/src/server/index.ts b/imagekit-astro/src/server/index.ts
new file mode 100644
index 0000000..11078e7
--- /dev/null
+++ b/imagekit-astro/src/server/index.ts
@@ -0,0 +1,2 @@
+export { getUploadAuthParams } from "./uploadAuth";
+export type { AuthResponse, GenerateAuthOptions } from "./uploadAuth";
diff --git a/imagekit-astro/src/server/uploadAuth.ts b/imagekit-astro/src/server/uploadAuth.ts
new file mode 100644
index 0000000..771d62a
--- /dev/null
+++ b/imagekit-astro/src/server/uploadAuth.ts
@@ -0,0 +1,61 @@
+import crypto from "crypto";
+const DEFAULT_TIME_DIFF = 60 * 30; // 30 minutes
+
+export interface GenerateAuthOptions {
+  privateKey: string;
+  publicKey: string;
+  token?: string;
+  expire?: number;
+}
+
+export interface AuthResponse {
+  token: string;
+  signature: string;
+  expire: number;
+  publicKey: string;
+}
+
+/**
+ * This function generates the authentication parameters required for uploading files to ImageKit.
+ * It is intended to be used on the server-side only.
+ * 
+ * @param {GenerateAuthOptions} options - The options for generating the authentication parameters.
+ * @param {string} options.privateKey - The private key for your ImageKit account.
+ * @param {string} options.publicKey - The public key for your ImageKit account.
+ * @param {string} [options.token] - An optional token. If not provided, a new UUID will be generated.
+ * @param {number} [options.expire] - An optional expiration time in seconds. If not provided, it defaults to 30 minutes from the current time.
+ * @returns {AuthResponse} - The authentication parameters including token, signature, and expiration time.
+ */
+export const getUploadAuthParams = ({
+  token,
+  expire,
+  publicKey,
+  privateKey,
+}: GenerateAuthOptions): AuthResponse => {
+  // Optional: add a runtime check so that if the function ever runs on the client, it fails early.
+  if (typeof window !== "undefined") {
+    throw new Error("getUploadAuthParams is a server-side only function.");
+  }
+
+  if (!privateKey || !publicKey) {
+    throw new Error("privateKey and publicKey are required");
+  }
+
+  const defaultExpire = Math.floor(Date.now() / 1000) + DEFAULT_TIME_DIFF;
+  const authResponse = {
+    token: token || crypto.randomUUID(),
+    expire: expire || defaultExpire,
+  };
+
+  const signature = crypto
+    .createHmac("sha1", privateKey)
+    .update(authResponse.token + String(authResponse.expire))
+    .digest("hex");
+
+  return {
+    expire: Number(authResponse.expire),
+    token: authResponse.token,
+    signature,
+    publicKey,
+  };
+};
diff --git a/imagekit-astro/src/services/imagekit-service.ts b/imagekit-astro/src/services/imagekit-service.ts
new file mode 100644
index 0000000..fb62a9f
--- /dev/null
+++ b/imagekit-astro/src/services/imagekit-service.ts
@@ -0,0 +1,327 @@
+import type { LocalImageService, ImageTransform, AstroConfig } from 'astro';
+import { buildSrc } from '@imagekit/javascript';
+import type { Transformation } from '@imagekit/javascript';
+import sharpService from 'astro/assets/services/sharp';
+
+/**
+ * Mirrors Astro's internal `UnresolvedSrcSetValue` (not exported from the
+ * public `astro` entry). Astro's pipeline fills in `url` later by calling
+ * `getURL` on the returned `transform`.
+ */
+type UnresolvedSrcSetValue = {
+  transform: ImageTransform;
+  descriptor?: string;
+  attributes?: Record<string, any>;
+};
+
+/**
+ * Astro `ImageTransform` augmented with the ImageKit-specific props
+ * declared on `Astro.CustomImageProps` via the integration's `injectTypes`.
+ */
+type IKImageTransform = ImageTransform & {
+  urlEndpoint?: string;
+  transformation?: Transformation[];
+  queryParameters?: Record<string, string | number>;
+  transformationPosition?: 'path' | 'query';
+  densities?: Array<number | `${number}x`>;
+  widths?: number[];
+};
+
+export interface ImageKitServiceConfig {
+  /**
+   * The URL endpoint for your ImageKit account.
+   * Get it from https://imagekit.io/dashboard/url-endpoints
+   */
+  urlEndpoint: string;
+
+  /**
+   * Position of the transformation string in the URL.
+   * - `'query'` (default): appended as `?tr=...`
+   * - `'path'`: inserted in the URL path as `tr:...`
+   */
+  transformationPosition?: 'path' | 'query';
+
+  /**
+   * Hostnames recognized as ImageKit endpoints. Absolute URLs whose host
+   * matches one of these are treated as IK URLs (transformations applied
+   * directly). All other srcs are delegated to Astro's default sharp service.
+   *
+   * Populated automatically by the integration from `urlEndpoint` and
+   * `additionalEndpoints`.
+   */
+  imagekitHosts?: string[];
+}
+
+/**
+ * Astro quality presets mapped to ImageKit quality (0-100).
+ *
+ * Aligned with Astro's sharp service defaults
+ * (https://docs.astro.build/en/reference/image-service-reference/).
+ */
+const QUALITY_PRESETS: Record<string, number> = {
+  low: 25,
+  mid: 50,
+  high: 75,
+  max: 100,
+};
+
+/**
+ * Resolves the ImageKit config from the service config and per-image overrides.
+ *
+ * Priority: per-image prop > integration service config > env vars.
+ *
+ * @throws {Error} If no urlEndpoint can be resolved.
+ */
+function resolveConfig(
+  options: IKImageTransform,
+  imageConfig: AstroConfig['image'],
+): { urlEndpoint: string; transformationPosition: 'path' | 'query' } {
+  const config = (imageConfig.service.config ?? {}) as Partial<ImageKitServiceConfig>;
+  const urlEndpoint =
+    options.urlEndpoint ||
+    config.urlEndpoint ||
+    import.meta.env?.IMAGEKIT_URL_ENDPOINT;
+
+  if (!urlEndpoint) {
+    throw new Error(
+      '[@imagekit/astro] An ImageKit URL endpoint is required. Pass urlEndpoint to the imagekit() integration in astro.config.mjs, set IMAGEKIT_URL_ENDPOINT, or pass urlEndpoint as a prop on <Image>.',
+    );
+  }
+
+  return {
+    urlEndpoint,
+    transformationPosition:
+      options.transformationPosition ?? config.transformationPosition ?? 'query',
+  };
+}
+
+/**
+ * Resolves quality (preset string or number) to an ImageKit quality value.
+ */
+function resolveQuality(quality: ImageTransform['quality']): number | undefined {
+  if (quality === undefined || quality === null) return undefined;
+  if (typeof quality === 'number') return quality;
+  const num = Number.parseInt(String(quality), 10);
+  if (!Number.isNaN(num)) return num;
+  return QUALITY_PRESETS[String(quality)];
+}
+
+/**
+ * Builds the IK transformation chain from Astro `ImageTransform` options.
+ *
+ * Ordering matches imagekit-next:
+ *   [ ...userTransformation, { width, quality, crop: 'at_max' } ]
+ *
+ * The trailing chain step always uses `crop: at_max` so that:
+ *   - srcset variants never upscale beyond the source image
+ *   - base src behaves consistently with its variants
+ *
+ * `height` is intentionally omitted from the final step — `at_max` preserves
+ * the source's aspect ratio, so passing height is redundant and can produce
+ * unexpected results if the requested aspect ratio doesn't match the source.
+ *
+ * Astro's `fit` and `position` props are intentionally ignored — `at_max`
+ * preserves aspect ratio and there's no crop/focus to apply on top of it.
+ * Users who need cropping or focus should pass them via `transformation`.
+ */
+function buildIKTransformations(options: IKImageTransform): Transformation[] {
+  const result: Transformation[] = [];
+
+  // 1. User-supplied transformations come first.
+  if (Array.isArray(options.transformation) && options.transformation.length > 0) {
+    result.push(...options.transformation);
+  }
+
+  // 2. Final chain step: width / quality / at_max crop.
+  const finalStep: Transformation = { crop: 'at_max' };
+  if (options.width) finalStep.width = Math.round(options.width);
+
+  const quality = resolveQuality(options.quality);
+  if (quality !== undefined) finalStep.quality = quality;
+
+  result.push(finalStep);
+
+  return result;
+}
+
+/**
+ * Determines whether a `src` should be handled by the ImageKit service.
+ *
+ * Eligible:
+ *   - Bare paths or filenames (e.g. `'foo.jpg'`, `'folder/bar.png'`).
+ *   - Root-relative paths that don't look like Vite-emitted local assets.
+ *   - Absolute URLs whose host matches a known IK host (canonical, custom
+ *     domain, or any `additionalEndpoints` host).
+ *
+ * Not eligible (→ delegated to sharp):
+ *   - Vite/Astro local asset paths: `/_astro/...`, `/@fs/...`, `/@id/...`.
+ *   - Absolute URLs on hosts not in the IK host set.
+ *   - `data:` / `blob:` URLs.
+ */
+function isImageKitSrc(src: string, ikHosts: string[]): boolean {
+  if (!src) return false;
+  if (src.startsWith('data:') || src.startsWith('blob:')) return false;
+  if (
+    src.startsWith('/_astro/') ||
+    src.startsWith('/@fs/') ||
+    src.startsWith('/@id/')
+  ) {
+    return false;
+  }
+  if (/^https?:\/\//i.test(src)) {
+    try {
+      const u = new URL(src);
+      return ikHosts.includes(u.hostname.toLowerCase());
+    } catch {
+      return false;
+    }
+  }
+  // Bare paths: assume IK (will be resolved against urlEndpoint).
+  return true;
+}
+
+function getIKHosts(imageConfig: AstroConfig['image']): string[] {
+  const config = (imageConfig.service.config ?? {}) as Partial<ImageKitServiceConfig>;
+  const hosts = Array.isArray(config.imagekitHosts) ? config.imagekitHosts : [];
+  // Always include the canonical host as a safety net.
+  return Array.from(new Set([...hosts, 'ik.imagekit.io'].map((h) => h.toLowerCase())));
+}
+
+const service: LocalImageService = {
+  validateOptions(options: ImageTransform, imageConfig: AstroConfig['image']) {
+    const src = typeof options.src === 'string' ? options.src : options.src.src;
+    // For non-IK srcs, defer to sharp's validation (handles format clamping,
+    // local-asset dimension inference, etc.).
+    if (!isImageKitSrc(src, getIKHosts(imageConfig))) {
+      return sharpService.validateOptions!(options, imageConfig);
+    }
+    // For IK srcs, just round dimensions — IK handles the rest server-side.
+    if (options.width) options.width = Math.round(options.width);
+    if (options.height) options.height = Math.round(options.height);
+    return options;
+  },
+
+  getURL(options: ImageTransform, imageConfig: AstroConfig['image']) {
+    const opts = options as IKImageTransform;
+    const src = typeof opts.src === 'string' ? opts.src : opts.src.src;
+
+    if (!isImageKitSrc(src, getIKHosts(imageConfig))) {
+      return sharpService.getURL!(options, imageConfig);
+    }
+
+    const { urlEndpoint, transformationPosition } = resolveConfig(opts, imageConfig);
+
+    return buildSrc({
+      src,
+      urlEndpoint,
+      transformation: buildIKTransformations(opts),
+      queryParameters: opts.queryParameters,
+      transformationPosition,
+    });
+  },
+
+  getHTMLAttributes(options: ImageTransform, imageConfig: AstroConfig['image']) {
+    const opts = options as IKImageTransform;
+    const srcStr = typeof opts.src === 'string' ? opts.src : opts.src.src;
+
+    if (!isImageKitSrc(srcStr, getIKHosts(imageConfig))) {
+      return sharpService.getHTMLAttributes!(options, imageConfig);
+    }
+
+    // Strip props we consume or that would otherwise leak as invalid HTML attrs:
+    // - src is replaced with our generated URL
+    // - quality/background are baked into the URL
+    // - fit/position are intentionally ignored by the service
+    // - format is intentionally ignored (use `transformation: [{ format: ... }]` to force one)
+    // - inferSize is intentionally ignored (external services don't fetch remote images for dimensions)
+    // - densities/widths/layout are Astro-internal (would render as invalid HTML attrs)
+    // - urlEndpoint/transformation/queryParameters/transformationPosition are IK config
+    // Everything else (width, height, sizes, alt, class, style, loading, etc.) passes through.
+    const {
+      src,
+      format,
+      quality,
+      densities,
+      widths,
+      fit,
+      position,
+      layout,
+      background,
+      inferSize,
+      urlEndpoint,
+      transformation,
+      queryParameters,
+      transformationPosition,
+      ...nonIKAttributes
+    } = options as IKImageTransform & {
+      format?: unknown;
+      fit?: unknown;
+      position?: unknown;
+      layout?: unknown;
+      background?: unknown;
+      inferSize?: unknown;
+    };
+
+    return {
+      ...nonIKAttributes,
+      loading: nonIKAttributes.loading ?? 'lazy',
+      decoding: nonIKAttributes.decoding ?? 'async',
+    };
+  },
+
+  /**
+   * Build one srcset entry per requested width. Astro fills in the `url`
+   * for each entry by calling `getURL(transform)` (see
+   * `astro/dist/assets/internal.js`). `layout` is already converted to
+   * `widths` upstream by Astro's `getImage`, so only `widths`/`densities`
+   * need handling here.
+   */
+  getSrcSet(options: ImageTransform, imageConfig: AstroConfig['image']): UnresolvedSrcSetValue[] {
+    const opts = options as IKImageTransform;
+    const src = typeof opts.src === 'string' ? opts.src : opts.src.src;
+
+    if (!isImageKitSrc(src, getIKHosts(imageConfig))) {
+      return sharpService.getSrcSet!(options, imageConfig) as UnresolvedSrcSetValue[];
+    }
+
+    const { width, height, densities, widths } = opts;
+
+    const targets: Array<{ w: number; descriptor: string }> = [];
+
+    if (widths?.length) {
+      for (const w of widths) targets.push({ w, descriptor: `${Math.round(w)}w` });
+    } else if (densities?.length && width) {
+      for (const d of densities) {
+        const factor = typeof d === 'number' ? d : Number.parseFloat(String(d));
+        targets.push({ w: width * factor, descriptor: `${factor}x` });
+      }
+    }
+
+    const aspectRatio = width && height ? width / height : undefined;
+
+    return targets.map(({ w, descriptor }) => ({
+      transform: {
+        ...opts,
+        width: Math.round(w),
+        height: aspectRatio ? Math.round(w / aspectRatio) : height,
+      },
+      descriptor,
+      attributes: {},
+    }));
+  },
+
+  // --- Local-service hooks (delegated to sharp) ---
+  //
+  // We register as a `LocalImageService` so Astro's `/_image` endpoint
+  // accepts requests for non-IK srcs (local assets, foreign hosts in
+  // `image.domains`/`remotePatterns`). These hooks only fire when our
+  // `getURL` returned a `/_image?...` URL — which only happens for
+  // sharp-delegated srcs. IK URLs go straight to `ik.imagekit.io` and
+  // never hit `/_image`, so this is purely additive.
+  parseURL: sharpService.parseURL,
+  transform: sharpService.transform,
+  propertiesToHash: sharpService.propertiesToHash,
+};
+
+export default service;
+
diff --git a/imagekit-astro/src/types/index.ts b/imagekit-astro/src/types/index.ts
new file mode 100644
index 0000000..5dcb771
--- /dev/null
+++ b/imagekit-astro/src/types/index.ts
@@ -0,0 +1,100 @@
+import type { Transformation } from '@imagekit/javascript';
+import type { HTMLAttributes } from 'astro/types';
+
+/**
+ * Props for the Video component.
+ *
+ * Extends standard HTML `<video>` attributes with ImageKit-specific options.
+ * `src` is required and overridden to be a string (relative IK path or
+ * absolute URL). All other HTML video attributes (controls, autoplay, loop,
+ * muted, poster, preload, etc.) are typed via Astro's `HTMLAttributes`.
+ */
+export interface VideoProps extends Omit<HTMLAttributes<'video'>, 'src'> {
+  /** Relative path or absolute URL of the video in your ImageKit account */
+  src: string;
+
+  /**
+   * ImageKit URL endpoint. Overrides the value from
+   * `imagekit({ urlEndpoint })` in `astro.config.mjs` and
+    * `IMAGEKIT_URL_ENDPOINT` env var.
+   */
+  urlEndpoint?: string;
+
+  /** Array of ImageKit transformations to apply */
+  transformation?: Transformation[];
+
+  /** Additional query parameters to append to the URL */
+  queryParameters?: Record<string, string | number>;
+
+  /** Position of transformation string in URL: 'path' or 'query' (default) */
+  transformationPosition?: 'path' | 'query';
+}
+
+/**
+ * Options for generating OpenGraph and Twitter Card meta tags.
+ *
+ * The output format is delegated to ImageKit's automatic format selection
+ * (it serves WebP/AVIF based on the requesting client's `Accept` header), so
+ * there is no explicit `format` option here.
+ */
+export interface OgImageUrlOptions {
+  /** Relative path or absolute URL of the image */
+  src: string;
+
+  /**
+   * ImageKit URL endpoint. Overrides the value from
+   * `imagekit({ urlEndpoint })` in `astro.config.mjs` and
+    * `IMAGEKIT_URL_ENDPOINT` env var.
+   */
+  urlEndpoint?: string;
+
+  /** Array of ImageKit transformations to apply */
+  transformation?: Transformation[];
+
+  /** Additional query parameters to append to the URL */
+  queryParameters?: Record<string, string | number>;
+
+  /** Position of transformation string in URL */
+  transformationPosition?: 'path' | 'query';
+
+  /** OG image width. Default: 1200 */
+  width?: number;
+
+  /** OG image height. Default: 630 */
+  height?: number;
+}
+
+/**
+ * Props for the `<OgImage>` component. Extends `OgImageUrlOptions` with the
+ * fields needed to render the full set of OG/Twitter `<meta>` tags.
+ */
+export interface OgImageProps extends OgImageUrlOptions {
+  /** Alt text. Emitted as both `og:image:alt` and `twitter:image:alt`. */
+  alt?: string;
+
+  /** OpenGraph object type. Default: `'website'` */
+  type?: 'website' | 'article' | 'book' | 'profile' | (string & {});
+
+  /** Shared title used for OG and Twitter when specific titles are not set */
+  title?: string;
+
+  /** OpenGraph title. Falls back to `title`. */
+  ogTitle?: string;
+
+  /** Twitter title. Falls back to `title`. */
+  twitterTitle?: string;
+
+  /** Shared description used for OG and Twitter when specific descriptions are not set */
+  description?: string;
+
+  /** OpenGraph description. Falls back to `description`. */
+  ogDescription?: string;
+
+  /** Twitter description. Falls back to `description`. */
+  twitterDescription?: string;
+
+  /** Twitter card type. Default: `'summary_large_image'` */
+  twitterCard?: 'summary' | 'summary_large_image' | 'app' | 'player';
+}
+
+
diff --git a/imagekit-astro/tsconfig.json b/imagekit-astro/tsconfig.json
new file mode 100644
index 0000000..8e4e578
--- /dev/null
+++ b/imagekit-astro/tsconfig.json
@@ -0,0 +1,8 @@
+{
+  "extends": "astro/tsconfigs/strict",
+  "include": ["index.ts", "src", "astro.d.ts"],
+  "exclude": ["dist"],
+  "compilerOptions": {
+    "outDir": "./dist"
+  }
+}
diff --git a/imagekit-astro/tsup.config.ts b/imagekit-astro/tsup.config.ts
new file mode 100644
index 0000000..948f595
--- /dev/null
+++ b/imagekit-astro/tsup.config.ts
@@ -0,0 +1,28 @@
+import { defineConfig } from 'tsup'
+
+export default defineConfig({
+  entry: {
+    'index': './index.ts',
+    'integration': './src/integration.ts',
+    'helpers': './src/helpers/index.ts',
+    'server': './src/server/index.ts',
+    'imagekit-service': './src/services/imagekit-service.ts',
+  },
+  format: ['esm'],
+  dts: true,
+  clean: true,
+  bundle: true,
+  sourcemap: true,
+  minify: false,
+  external: [
+    'astro',
+    'astro:assets',
+    '@imagekit/javascript',
+    'virtual:@imagekit/astro/config',
+    /\.astro$/,
+  ],
+  // Copy .astro source files into dist so the relative imports kept by
+  // tsup (e.g. `./src/components/Video.astro`) resolve correctly when the
+  // built `dist/index.js` is consumed from the published package.
+  onSuccess: 'rm -rf dist/src && cp -R src dist/src',
+})
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..1061aa5
--- /dev/null
+++ b/package.json
@@ -0,0 +1,23 @@
+{
+  "name": "imagekit-astro-monorepo",
+  "private": true,
+  "license": "MIT",
+  "keywords": [
+    "astro-component",
+    "imagekit",
+    "image",
+    "images",
+    "video",
+    "optimization"
+  ],
+  "scripts": {
+    "dev": "pnpm -r dev",
+    "build": "pnpm -r build",
+    "test:all-versions": "./scripts/test-all-versions.sh",
+    "test:all-versions:update": "./scripts/test-all-versions.sh --update"
+  },
+  "devDependencies": {
+    "typescript": "^5.5.4"
+  },
+  "packageManager": "pnpm@9.5.0"
+}
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
new file mode 100644
index 0000000..f04b8cc
--- /dev/null
+++ b/pnpm-lock.yaml
@@ -0,0 +1,4512 @@
+lockfileVersion: '9.0'
+
+settings:
+  autoInstallPeers: true
+  excludeLinksFromLockfile: false
+
+importers:
+
+  .:
+    devDependencies:
+      typescript:
+        specifier: ^5.5.4
+        version: 5.9.3
+
+  imagekit-astro:
+    dependencies:
+      '@imagekit/javascript':
+        specifier: ^5.1.0
+        version: 5.3.0
+    devDependencies:
+      '@types/node':
+        specifier: ^20.19.39
+        version: 20.19.39
+      astro:
+        specifier: ^5.11.0
+        version: 5.18.1(@types/node@20.19.39)(rollup@4.60.1)(typescript@5.9.3)(yaml@2.8.3)
+      tsup:
+        specifier: ^8.4.0
+        version: 8.5.1(postcss@8.5.8)(typescript@5.9.3)(yaml@2.8.3)
+
+  test-app:
+    dependencies:
+      '@astrojs/node':
+        specifier: ^9.5.5
+        version: 9.5.5(astro@5.18.1(@types/node@20.19.39)(rollup@4.60.1)(typescript@5.9.3)(yaml@2.8.3))
+      '@imagekit/astro':
+        specifier: workspace:*
+        version: link:../imagekit-astro
+      '@imagekit/javascript':
+        specifier: ^5.1.0
+        version: 5.3.0
+      astro:
+        specifier: ^5.18.1
+        version: 5.18.1(@types/node@20.19.39)(rollup@4.60.1)(typescript@5.9.3)(yaml@2.8.3)
+    devDependencies:
+      '@astrojs/check':
+        specifier: ^0.9.8
+        version: 0.9.8(prettier@3.8.1)(typescript@5.9.3)
+      '@playwright/test':
+        specifier: ^1.40.1
+        version: 1.59.1
+      '@types/node':
+        specifier: ^20.0.0
+        version: 20.19.39
+      typescript:
+        specifier: ^5.9.3
+        version: 5.9.3
+
+packages:
+
+  '@astrojs/check@0.9.8':
+    resolution: {integrity: sha512-LDng8446QLS5ToKjRHd3bgUdirvemVVExV7nRyJfW2wV36xuv7vDxwy5NWN9zqeSEDgg0Tv84sP+T3yEq+Zlkw==}
+    hasBin: true
+    peerDependencies:
+      typescript: ^5.0.0
+
+  '@astrojs/compiler@2.13.1':
+    resolution: {integrity: sha512-f3FN83d2G/v32ipNClRKgYv30onQlMZX1vCeZMjPsMMPl1mDpmbl0+N5BYo4S/ofzqJyS5hvwacEo0CCVDn/Qg==}
+
+  '@astrojs/internal-helpers@0.7.6':
+    resolution: {integrity: sha512-GOle7smBWKfMSP8osUIGOlB5kaHdQLV3foCsf+5Q9Wsuu+C6Fs3Ez/ttXmhjZ1HkSgsogcM1RXSjjOVieHq16Q==}
+
+  '@astrojs/language-server@2.16.6':
+    resolution: {integrity: sha512-N990lu+HSFiG57owR0XBkr02BYMgiLCshLf+4QG4v6jjSWkBeQGnzqi+E1L08xFPPJ7eEeXnxPXGLaVv5pa4Ug==}
+    hasBin: true
+    peerDependencies:
+      prettier: ^3.0.0
+      prettier-plugin-astro: '>=0.11.0'
+    peerDependenciesMeta:
+      prettier:
+        optional: true
+      prettier-plugin-astro:
+        optional: true
+
+  '@astrojs/markdown-remark@6.3.11':
+    resolution: {integrity: sha512-hcaxX/5aC6lQgHeGh1i+aauvSwIT6cfyFjKWvExYSxUhZZBBdvCliOtu06gbQyhbe0pGJNoNmqNlQZ5zYUuIyQ==}
+
+  '@astrojs/node@9.5.5':
+    resolution: {integrity: sha512-rtU2BGU5u3SfGURpANfMxVzCIoR86MkaN05ncza9rbtuMKJ/XnRJt/BbyVknDbOJ71hoci0SIsJwKcJR8vvi/A==}
+    peerDependencies:
+      astro: ^5.17.3
+
+  '@astrojs/prism@3.3.0':
+    resolution: {integrity: sha512-q8VwfU/fDZNoDOf+r7jUnMC2//H2l0TuQ6FkGJL8vD8nw/q5KiL3DS1KKBI3QhI9UQhpJ5dc7AtqfbXWuOgLCQ==}
+    engines: {node: 18.20.8 || ^20.3.0 || >=22.0.0}
+
+  '@astrojs/telemetry@3.3.0':
+    resolution: {integrity: sha512-UFBgfeldP06qu6khs/yY+q1cDAaArM2/7AEIqQ9Cuvf7B1hNLq0xDrZkct+QoIGyjq56y8IaE2I3CTvG99mlhQ==}
+    engines: {node: 18.20.8 || ^20.3.0 || >=22.0.0}
+
+  '@astrojs/yaml2ts@0.2.3':
+    resolution: {integrity: sha512-PJzRmgQzUxI2uwpdX2lXSHtP4G8ocp24/t+bZyf5Fy0SZLSF9f9KXZoMlFM/XCGue+B0nH/2IZ7FpBYQATBsCg==}
+
+  '@babel/helper-string-parser@7.27.1':
+    resolution: {integrity: sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-validator-identifier@7.28.5':
+    resolution: {integrity: sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/parser@7.29.2':
+    resolution: {integrity: sha512-4GgRzy/+fsBa72/RZVJmGKPmZu9Byn8o4MoLpmNe1m8ZfYnz5emHLQz3U4gLud6Zwl0RZIcgiLD7Uq7ySFuDLA==}
+    engines: {node: '>=6.0.0'}
+    hasBin: true
+
+  '@babel/types@7.29.0':
+    resolution: {integrity: sha512-LwdZHpScM4Qz8Xw2iKSzS+cfglZzJGvofQICy7W7v4caru4EaAmyUuO6BGrbyQ2mYV11W0U8j5mBhd14dd3B0A==}
+    engines: {node: '>=6.9.0'}
+
+  '@capsizecss/unpack@4.0.0':
+    resolution: {integrity: sha512-VERIM64vtTP1C4mxQ5thVT9fK0apjPFobqybMtA1UdUujWka24ERHbRHFGmpbbhp73MhV+KSsHQH9C6uOTdEQA==}
+    engines: {node: '>=18'}
+
+  '@emmetio/abbreviation@2.3.3':
+    resolution: {integrity: sha512-mgv58UrU3rh4YgbE/TzgLQwJ3pFsHHhCLqY20aJq+9comytTXUDNGG/SMtSeMJdkpxgXSXunBGLD8Boka3JyVA==}
+
+  '@emmetio/css-abbreviation@2.1.8':
+    resolution: {integrity: sha512-s9yjhJ6saOO/uk1V74eifykk2CBYi01STTK3WlXWGOepyKa23ymJ053+DNQjpFcy1ingpaO7AxCcwLvHFY9tuw==}
+
+  '@emmetio/css-parser@0.4.1':
+    resolution: {integrity: sha512-2bC6m0MV/voF4CTZiAbG5MWKbq5EBmDPKu9Sb7s7nVcEzNQlrZP6mFFFlIaISM8X6514H9shWMme1fCm8cWAfQ==}
+
+  '@emmetio/html-matcher@1.3.0':
+    resolution: {integrity: sha512-NTbsvppE5eVyBMuyGfVu2CRrLvo7J4YHb6t9sBFLyY03WYhXET37qA4zOYUjBWFCRHO7pS1B9khERtY0f5JXPQ==}
+
+  '@emmetio/scanner@1.0.4':
+    resolution: {integrity: sha512-IqRuJtQff7YHHBk4G8YZ45uB9BaAGcwQeVzgj/zj8/UdOhtQpEIupUhSk8dys6spFIWVZVeK20CzGEnqR5SbqA==}
+
+  '@emmetio/stream-reader-utils@0.1.0':
+    resolution: {integrity: sha512-ZsZ2I9Vzso3Ho/pjZFsmmZ++FWeEd/txqybHTm4OgaZzdS8V9V/YYWQwg5TC38Z7uLWUV1vavpLLbjJtKubR1A==}
+
+  '@emmetio/stream-reader@2.2.0':
+    resolution: {integrity: sha512-fXVXEyFA5Yv3M3n8sUGT7+fvecGrZP4k6FnWWMSZVQf69kAq0LLpaBQLGcPR30m3zMmKYhECP4k/ZkzvhEW5kw==}
+
+  '@emnapi/runtime@1.9.2':
+    resolution: {integrity: sha512-3U4+MIWHImeyu1wnmVygh5WlgfYDtyf0k8AbLhMFxOipihf6nrWC4syIm/SwEeec0mNSafiiNnMJwbza/Is6Lw==}
+
+  '@esbuild/aix-ppc64@0.25.12':
+    resolution: {integrity: sha512-Hhmwd6CInZ3dwpuGTF8fJG6yoWmsToE+vYgD4nytZVxcu1ulHpUQRAB1UJ8+N1Am3Mz4+xOByoQoSZf4D+CpkA==}
+    engines: {node: '>=18'}
+    cpu: [ppc64]
+    os: [aix]
+
+  '@esbuild/aix-ppc64@0.27.7':
+    resolution: {integrity: sha512-EKX3Qwmhz1eMdEJokhALr0YiD0lhQNwDqkPYyPhiSwKrh7/4KRjQc04sZ8db+5DVVnZ1LmbNDI1uAMPEUBnQPg==}
+    engines: {node: '>=18'}
+    cpu: [ppc64]
+    os: [aix]
+
+  '@esbuild/android-arm64@0.25.12':
+    resolution: {integrity: sha512-6AAmLG7zwD1Z159jCKPvAxZd4y/VTO0VkprYy+3N2FtJ8+BQWFXU+OxARIwA46c5tdD9SsKGZ/1ocqBS/gAKHg==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [android]
+
+  '@esbuild/android-arm64@0.27.7':
+    resolution: {integrity: sha512-62dPZHpIXzvChfvfLJow3q5dDtiNMkwiRzPylSCfriLvZeq0a1bWChrGx/BbUbPwOrsWKMn8idSllklzBy+dgQ==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [android]
+
+  '@esbuild/android-arm@0.25.12':
+    resolution: {integrity: sha512-VJ+sKvNA/GE7Ccacc9Cha7bpS8nyzVv0jdVgwNDaR4gDMC/2TTRc33Ip8qrNYUcpkOHUT5OZ0bUcNNVZQ9RLlg==}
+    engines: {node: '>=18'}
+    cpu: [arm]
+    os: [android]
+
+  '@esbuild/android-arm@0.27.7':
+    resolution: {integrity: sha512-jbPXvB4Yj2yBV7HUfE2KHe4GJX51QplCN1pGbYjvsyCZbQmies29EoJbkEc+vYuU5o45AfQn37vZlyXy4YJ8RQ==}
+    engines: {node: '>=18'}
+    cpu: [arm]
+    os: [android]
+
+  '@esbuild/android-x64@0.25.12':
+    resolution: {integrity: sha512-5jbb+2hhDHx5phYR2By8GTWEzn6I9UqR11Kwf22iKbNpYrsmRB18aX/9ivc5cabcUiAT/wM+YIZ6SG9QO6a8kg==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [android]
+
+  '@esbuild/android-x64@0.27.7':
+    resolution: {integrity: sha512-x5VpMODneVDb70PYV2VQOmIUUiBtY3D3mPBG8NxVk5CogneYhkR7MmM3yR/uMdITLrC1ml/NV1rj4bMJuy9MCg==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [android]
+
+  '@esbuild/darwin-arm64@0.25.12':
+    resolution: {integrity: sha512-N3zl+lxHCifgIlcMUP5016ESkeQjLj/959RxxNYIthIg+CQHInujFuXeWbWMgnTo4cp5XVHqFPmpyu9J65C1Yg==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@esbuild/darwin-arm64@0.27.7':
+    resolution: {integrity: sha512-5lckdqeuBPlKUwvoCXIgI2D9/ABmPq3Rdp7IfL70393YgaASt7tbju3Ac+ePVi3KDH6N2RqePfHnXkaDtY9fkw==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@esbuild/darwin-x64@0.25.12':
+    resolution: {integrity: sha512-HQ9ka4Kx21qHXwtlTUVbKJOAnmG1ipXhdWTmNXiPzPfWKpXqASVcWdnf2bnL73wgjNrFXAa3yYvBSd9pzfEIpA==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [darwin]
+
+  '@esbuild/darwin-x64@0.27.7':
+    resolution: {integrity: sha512-rYnXrKcXuT7Z+WL5K980jVFdvVKhCHhUwid+dDYQpH+qu+TefcomiMAJpIiC2EM3Rjtq0sO3StMV/+3w3MyyqQ==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [darwin]
+
+  '@esbuild/freebsd-arm64@0.25.12':
+    resolution: {integrity: sha512-gA0Bx759+7Jve03K1S0vkOu5Lg/85dou3EseOGUes8flVOGxbhDDh/iZaoek11Y8mtyKPGF3vP8XhnkDEAmzeg==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [freebsd]
+
+  '@esbuild/freebsd-arm64@0.27.7':
+    resolution: {integrity: sha512-B48PqeCsEgOtzME2GbNM2roU29AMTuOIN91dsMO30t+Ydis3z/3Ngoj5hhnsOSSwNzS+6JppqWsuhTp6E82l2w==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [freebsd]
+
+  '@esbuild/freebsd-x64@0.25.12':
+    resolution: {integrity: sha512-TGbO26Yw2xsHzxtbVFGEXBFH0FRAP7gtcPE7P5yP7wGy7cXK2oO7RyOhL5NLiqTlBh47XhmIUXuGciXEqYFfBQ==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@esbuild/freebsd-x64@0.27.7':
+    resolution: {integrity: sha512-jOBDK5XEjA4m5IJK3bpAQF9/Lelu/Z9ZcdhTRLf4cajlB+8VEhFFRjWgfy3M1O4rO2GQ/b2dLwCUGpiF/eATNQ==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@esbuild/linux-arm64@0.25.12':
+    resolution: {integrity: sha512-8bwX7a8FghIgrupcxb4aUmYDLp8pX06rGh5HqDT7bB+8Rdells6mHvrFHHW2JAOPZUbnjUpKTLg6ECyzvas2AQ==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [linux]
+
+  '@esbuild/linux-arm64@0.27.7':
+    resolution: {integrity: sha512-RZPHBoxXuNnPQO9rvjh5jdkRmVizktkT7TCDkDmQ0W2SwHInKCAV95GRuvdSvA7w4VMwfCjUiPwDi0ZO6Nfe9A==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [linux]
+
+  '@esbuild/linux-arm@0.25.12':
+    resolution: {integrity: sha512-lPDGyC1JPDou8kGcywY0YILzWlhhnRjdof3UlcoqYmS9El818LLfJJc3PXXgZHrHCAKs/Z2SeZtDJr5MrkxtOw==}
+    engines: {node: '>=18'}
+    cpu: [arm]
+    os: [linux]
+
+  '@esbuild/linux-arm@0.27.7':
+    resolution: {integrity: sha512-RkT/YXYBTSULo3+af8Ib0ykH8u2MBh57o7q/DAs3lTJlyVQkgQvlrPTnjIzzRPQyavxtPtfg0EopvDyIt0j1rA==}
+    engines: {node: '>=18'}
+    cpu: [arm]
+    os: [linux]
+
+  '@esbuild/linux-ia32@0.25.12':
+    resolution: {integrity: sha512-0y9KrdVnbMM2/vG8KfU0byhUN+EFCny9+8g202gYqSSVMonbsCfLjUO+rCci7pM0WBEtz+oK/PIwHkzxkyharA==}
+    engines: {node: '>=18'}
+    cpu: [ia32]
+    os: [linux]
+
+  '@esbuild/linux-ia32@0.27.7':
+    resolution: {integrity: sha512-GA48aKNkyQDbd3KtkplYWT102C5sn/EZTY4XROkxONgruHPU72l+gW+FfF8tf2cFjeHaRbWpOYa/uRBz/Xq1Pg==}
+    engines: {node: '>=18'}
+    cpu: [ia32]
+    os: [linux]
+
+  '@esbuild/linux-loong64@0.25.12':
+    resolution: {integrity: sha512-h///Lr5a9rib/v1GGqXVGzjL4TMvVTv+s1DPoxQdz7l/AYv6LDSxdIwzxkrPW438oUXiDtwM10o9PmwS/6Z0Ng==}
+    engines: {node: '>=18'}
+    cpu: [loong64]
+    os: [linux]
+
+  '@esbuild/linux-loong64@0.27.7':
+    resolution: {integrity: sha512-a4POruNM2oWsD4WKvBSEKGIiWQF8fZOAsycHOt6JBpZ+JN2n2JH9WAv56SOyu9X5IqAjqSIPTaJkqN8F7XOQ5Q==}
+    engines: {node: '>=18'}
+    cpu: [loong64]
+    os: [linux]
+
+  '@esbuild/linux-mips64el@0.25.12':
+    resolution: {integrity: sha512-iyRrM1Pzy9GFMDLsXn1iHUm18nhKnNMWscjmp4+hpafcZjrr2WbT//d20xaGljXDBYHqRcl8HnxbX6uaA/eGVw==}
+    engines: {node: '>=18'}
+    cpu: [mips64el]
+    os: [linux]
+
+  '@esbuild/linux-mips64el@0.27.7':
+    resolution: {integrity: sha512-KabT5I6StirGfIz0FMgl1I+R1H73Gp0ofL9A3nG3i/cYFJzKHhouBV5VWK1CSgKvVaG4q1RNpCTR2LuTVB3fIw==}
+    engines: {node: '>=18'}
+    cpu: [mips64el]
+    os: [linux]
+
+  '@esbuild/linux-ppc64@0.25.12':
+    resolution: {integrity: sha512-9meM/lRXxMi5PSUqEXRCtVjEZBGwB7P/D4yT8UG/mwIdze2aV4Vo6U5gD3+RsoHXKkHCfSxZKzmDssVlRj1QQA==}
+    engines: {node: '>=18'}
+    cpu: [ppc64]
+    os: [linux]
+
+  '@esbuild/linux-ppc64@0.27.7':
+    resolution: {integrity: sha512-gRsL4x6wsGHGRqhtI+ifpN/vpOFTQtnbsupUF5R5YTAg+y/lKelYR1hXbnBdzDjGbMYjVJLJTd2OFmMewAgwlQ==}
+    engines: {node: '>=18'}
+    cpu: [ppc64]
+    os: [linux]
+
+  '@esbuild/linux-riscv64@0.25.12':
+    resolution: {integrity: sha512-Zr7KR4hgKUpWAwb1f3o5ygT04MzqVrGEGXGLnj15YQDJErYu/BGg+wmFlIDOdJp0PmB0lLvxFIOXZgFRrdjR0w==}
+    engines: {node: '>=18'}
+    cpu: [riscv64]
+    os: [linux]
+
+  '@esbuild/linux-riscv64@0.27.7':
+    resolution: {integrity: sha512-hL25LbxO1QOngGzu2U5xeXtxXcW+/GvMN3ejANqXkxZ/opySAZMrc+9LY/WyjAan41unrR3YrmtTsUpwT66InQ==}
+    engines: {node: '>=18'}
+    cpu: [riscv64]
+    os: [linux]
+
+  '@esbuild/linux-s390x@0.25.12':
+    resolution: {integrity: sha512-MsKncOcgTNvdtiISc/jZs/Zf8d0cl/t3gYWX8J9ubBnVOwlk65UIEEvgBORTiljloIWnBzLs4qhzPkJcitIzIg==}
+    engines: {node: '>=18'}
+    cpu: [s390x]
+    os: [linux]
+
+  '@esbuild/linux-s390x@0.27.7':
+    resolution: {integrity: sha512-2k8go8Ycu1Kb46vEelhu1vqEP+UeRVj2zY1pSuPdgvbd5ykAw82Lrro28vXUrRmzEsUV0NzCf54yARIK8r0fdw==}
+    engines: {node: '>=18'}
+    cpu: [s390x]
+    os: [linux]
+
+  '@esbuild/linux-x64@0.25.12':
+    resolution: {integrity: sha512-uqZMTLr/zR/ed4jIGnwSLkaHmPjOjJvnm6TVVitAa08SLS9Z0VM8wIRx7gWbJB5/J54YuIMInDquWyYvQLZkgw==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [linux]
+
+  '@esbuild/linux-x64@0.27.7':
+    resolution: {integrity: sha512-hzznmADPt+OmsYzw1EE33ccA+HPdIqiCRq7cQeL1Jlq2gb1+OyWBkMCrYGBJ+sxVzve2ZJEVeePbLM2iEIZSxA==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [linux]
+
+  '@esbuild/netbsd-arm64@0.25.12':
+    resolution: {integrity: sha512-xXwcTq4GhRM7J9A8Gv5boanHhRa/Q9KLVmcyXHCTaM4wKfIpWkdXiMog/KsnxzJ0A1+nD+zoecuzqPmCRyBGjg==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [netbsd]
+
+  '@esbuild/netbsd-arm64@0.27.7':
+    resolution: {integrity: sha512-b6pqtrQdigZBwZxAn1UpazEisvwaIDvdbMbmrly7cDTMFnw/+3lVxxCTGOrkPVnsYIosJJXAsILG9XcQS+Yu6w==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [netbsd]
+
+  '@esbuild/netbsd-x64@0.25.12':
+    resolution: {integrity: sha512-Ld5pTlzPy3YwGec4OuHh1aCVCRvOXdH8DgRjfDy/oumVovmuSzWfnSJg+VtakB9Cm0gxNO9BzWkj6mtO1FMXkQ==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [netbsd]
+
+  '@esbuild/netbsd-x64@0.27.7':
+    resolution: {integrity: sha512-OfatkLojr6U+WN5EDYuoQhtM+1xco+/6FSzJJnuWiUw5eVcicbyK3dq5EeV/QHT1uy6GoDhGbFpprUiHUYggrw==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [netbsd]
+
+  '@esbuild/openbsd-arm64@0.25.12':
+    resolution: {integrity: sha512-fF96T6KsBo/pkQI950FARU9apGNTSlZGsv1jZBAlcLL1MLjLNIWPBkj5NlSz8aAzYKg+eNqknrUJ24QBybeR5A==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [openbsd]
+
+  '@esbuild/openbsd-arm64@0.27.7':
+    resolution: {integrity: sha512-AFuojMQTxAz75Fo8idVcqoQWEHIXFRbOc1TrVcFSgCZtQfSdc1RXgB3tjOn/krRHENUB4j00bfGjyl2mJrU37A==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [openbsd]
+
+  '@esbuild/openbsd-x64@0.25.12':
+    resolution: {integrity: sha512-MZyXUkZHjQxUvzK7rN8DJ3SRmrVrke8ZyRusHlP+kuwqTcfWLyqMOE3sScPPyeIXN/mDJIfGXvcMqCgYKekoQw==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [openbsd]
+
+  '@esbuild/openbsd-x64@0.27.7':
+    resolution: {integrity: sha512-+A1NJmfM8WNDv5CLVQYJ5PshuRm/4cI6WMZRg1by1GwPIQPCTs1GLEUHwiiQGT5zDdyLiRM/l1G0Pv54gvtKIg==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [openbsd]
+
+  '@esbuild/openharmony-arm64@0.25.12':
+    resolution: {integrity: sha512-rm0YWsqUSRrjncSXGA7Zv78Nbnw4XL6/dzr20cyrQf7ZmRcsovpcRBdhD43Nuk3y7XIoW2OxMVvwuRvk9XdASg==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [openharmony]
+
+  '@esbuild/openharmony-arm64@0.27.7':
+    resolution: {integrity: sha512-+KrvYb/C8zA9CU/g0sR6w2RBw7IGc5J2BPnc3dYc5VJxHCSF1yNMxTV5LQ7GuKteQXZtspjFbiuW5/dOj7H4Yw==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [openharmony]
+
+  '@esbuild/sunos-x64@0.25.12':
+    resolution: {integrity: sha512-3wGSCDyuTHQUzt0nV7bocDy72r2lI33QL3gkDNGkod22EsYl04sMf0qLb8luNKTOmgF/eDEDP5BFNwoBKH441w==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [sunos]
+
+  '@esbuild/sunos-x64@0.27.7':
+    resolution: {integrity: sha512-ikktIhFBzQNt/QDyOL580ti9+5mL/YZeUPKU2ivGtGjdTYoqz6jObj6nOMfhASpS4GU4Q/Clh1QtxWAvcYKamA==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [sunos]
+
+  '@esbuild/win32-arm64@0.25.12':
+    resolution: {integrity: sha512-rMmLrur64A7+DKlnSuwqUdRKyd3UE7oPJZmnljqEptesKM8wx9J8gx5u0+9Pq0fQQW8vqeKebwNXdfOyP+8Bsg==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [win32]
+
+  '@esbuild/win32-arm64@0.27.7':
+    resolution: {integrity: sha512-7yRhbHvPqSpRUV7Q20VuDwbjW5kIMwTHpptuUzV+AA46kiPze5Z7qgt6CLCK3pWFrHeNfDd1VKgyP4O+ng17CA==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [win32]
+
+  '@esbuild/win32-ia32@0.25.12':
+    resolution: {integrity: sha512-HkqnmmBoCbCwxUKKNPBixiWDGCpQGVsrQfJoVGYLPT41XWF8lHuE5N6WhVia2n4o5QK5M4tYr21827fNhi4byQ==}
+    engines: {node: '>=18'}
+    cpu: [ia32]
+    os: [win32]
+
+  '@esbuild/win32-ia32@0.27.7':
+    resolution: {integrity: sha512-SmwKXe6VHIyZYbBLJrhOoCJRB/Z1tckzmgTLfFYOfpMAx63BJEaL9ExI8x7v0oAO3Zh6D/Oi1gVxEYr5oUCFhw==}
+    engines: {node: '>=18'}
+    cpu: [ia32]
+    os: [win32]
+
+  '@esbuild/win32-x64@0.25.12':
+    resolution: {integrity: sha512-alJC0uCZpTFrSL0CCDjcgleBXPnCrEAhTBILpeAp7M/OFgoqtAetfBzX0xM00MUsVVPpVjlPuMbREqnZCXaTnA==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [win32]
+
+  '@esbuild/win32-x64@0.27.7':
+    resolution: {integrity: sha512-56hiAJPhwQ1R4i+21FVF7V8kSD5zZTdHcVuRFMW0hn753vVfQN8xlx4uOPT4xoGH0Z/oVATuR82AiqSTDIpaHg==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [win32]
+
+  '@imagekit/javascript@5.3.0':
+    resolution: {integrity: sha512-jMptcXxQlg7BfZxVS9E2azkjfVieaKZD851XJSQLlR6kzoCg1HTTDscwUwdpHDpmt2MkTdGazo+BrsnxHrlyzA==}
+
+  '@img/colour@1.1.0':
+    resolution: {integrity: sha512-Td76q7j57o/tLVdgS746cYARfSyxk8iEfRxewL9h4OMzYhbW4TAcppl0mT4eyqXddh6L/jwoM75mo7ixa/pCeQ==}
+    engines: {node: '>=18'}
+
+  '@img/sharp-darwin-arm64@0.34.5':
+    resolution: {integrity: sha512-imtQ3WMJXbMY4fxb/Ndp6HBTNVtWCUI0WdobyheGf5+ad6xX8VIDO8u2xE4qc/fr08CKG/7dDseFtn6M6g/r3w==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@img/sharp-darwin-x64@0.34.5':
+    resolution: {integrity: sha512-YNEFAF/4KQ/PeW0N+r+aVVsoIY0/qxxikF2SWdp+NRkmMB7y9LBZAVqQ4yhGCm/H3H270OSykqmQMKLBhBJDEw==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [x64]
+    os: [darwin]
+
+  '@img/sharp-libvips-darwin-arm64@1.2.4':
+    resolution: {integrity: sha512-zqjjo7RatFfFoP0MkQ51jfuFZBnVE2pRiaydKJ1G/rHZvnsrHAOcQALIi9sA5co5xenQdTugCvtb1cuf78Vf4g==}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@img/sharp-libvips-darwin-x64@1.2.4':
+    resolution: {integrity: sha512-1IOd5xfVhlGwX+zXv2N93k0yMONvUlANylbJw1eTah8K/Jtpi15KC+WSiaX/nBmbm2HxRM1gZ0nSdjSsrZbGKg==}
+    cpu: [x64]
+    os: [darwin]
+
+  '@img/sharp-libvips-linux-arm64@1.2.4':
+    resolution: {integrity: sha512-excjX8DfsIcJ10x1Kzr4RcWe1edC9PquDRRPx3YVCvQv+U5p7Yin2s32ftzikXojb1PIFc/9Mt28/y+iRklkrw==}
+    cpu: [arm64]
+    os: [linux]
+
+  '@img/sharp-libvips-linux-arm@1.2.4':
+    resolution: {integrity: sha512-bFI7xcKFELdiNCVov8e44Ia4u2byA+l3XtsAj+Q8tfCwO6BQ8iDojYdvoPMqsKDkuoOo+X6HZA0s0q11ANMQ8A==}
+    cpu: [arm]
+    os: [linux]
+
+  '@img/sharp-libvips-linux-ppc64@1.2.4':
+    resolution: {integrity: sha512-FMuvGijLDYG6lW+b/UvyilUWu5Ayu+3r2d1S8notiGCIyYU/76eig1UfMmkZ7vwgOrzKzlQbFSuQfgm7GYUPpA==}
+    cpu: [ppc64]
+    os: [linux]
+
+  '@img/sharp-libvips-linux-riscv64@1.2.4':
+    resolution: {integrity: sha512-oVDbcR4zUC0ce82teubSm+x6ETixtKZBh/qbREIOcI3cULzDyb18Sr/Wcyx7NRQeQzOiHTNbZFF1UwPS2scyGA==}
+    cpu: [riscv64]
+    os: [linux]
+
+  '@img/sharp-libvips-linux-s390x@1.2.4':
+    resolution: {integrity: sha512-qmp9VrzgPgMoGZyPvrQHqk02uyjA0/QrTO26Tqk6l4ZV0MPWIW6LTkqOIov+J1yEu7MbFQaDpwdwJKhbJvuRxQ==}
+    cpu: [s390x]
+    os: [linux]
+
+  '@img/sharp-libvips-linux-x64@1.2.4':
+    resolution: {integrity: sha512-tJxiiLsmHc9Ax1bz3oaOYBURTXGIRDODBqhveVHonrHJ9/+k89qbLl0bcJns+e4t4rvaNBxaEZsFtSfAdquPrw==}
+    cpu: [x64]
+    os: [linux]
+
+  '@img/sharp-libvips-linuxmusl-arm64@1.2.4':
+    resolution: {integrity: sha512-FVQHuwx1IIuNow9QAbYUzJ+En8KcVm9Lk5+uGUQJHaZmMECZmOlix9HnH7n1TRkXMS0pGxIJokIVB9SuqZGGXw==}
+    cpu: [arm64]
+    os: [linux]
+
+  '@img/sharp-libvips-linuxmusl-x64@1.2.4':
+    resolution: {integrity: sha512-+LpyBk7L44ZIXwz/VYfglaX/okxezESc6UxDSoyo2Ks6Jxc4Y7sGjpgU9s4PMgqgjj1gZCylTieNamqA1MF7Dg==}
+    cpu: [x64]
+    os: [linux]
+
+  '@img/sharp-linux-arm64@0.34.5':
+    resolution: {integrity: sha512-bKQzaJRY/bkPOXyKx5EVup7qkaojECG6NLYswgktOZjaXecSAeCWiZwwiFf3/Y+O1HrauiE3FVsGxFg8c24rZg==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [arm64]
+    os: [linux]
+
+  '@img/sharp-linux-arm@0.34.5':
+    resolution: {integrity: sha512-9dLqsvwtg1uuXBGZKsxem9595+ujv0sJ6Vi8wcTANSFpwV/GONat5eCkzQo/1O6zRIkh0m/8+5BjrRr7jDUSZw==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [arm]
+    os: [linux]
+
+  '@img/sharp-linux-ppc64@0.34.5':
+    resolution: {integrity: sha512-7zznwNaqW6YtsfrGGDA6BRkISKAAE1Jo0QdpNYXNMHu2+0dTrPflTLNkpc8l7MUP5M16ZJcUvysVWWrMefZquA==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [ppc64]
+    os: [linux]
+
+  '@img/sharp-linux-riscv64@0.34.5':
+    resolution: {integrity: sha512-51gJuLPTKa7piYPaVs8GmByo7/U7/7TZOq+cnXJIHZKavIRHAP77e3N2HEl3dgiqdD/w0yUfiJnII77PuDDFdw==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [riscv64]
+    os: [linux]
+
+  '@img/sharp-linux-s390x@0.34.5':
+    resolution: {integrity: sha512-nQtCk0PdKfho3eC5MrbQoigJ2gd1CgddUMkabUj+rBevs8tZ2cULOx46E7oyX+04WGfABgIwmMC0VqieTiR4jg==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [s390x]
+    os: [linux]
+
+  '@img/sharp-linux-x64@0.34.5':
+    resolution: {integrity: sha512-MEzd8HPKxVxVenwAa+JRPwEC7QFjoPWuS5NZnBt6B3pu7EG2Ge0id1oLHZpPJdn3OQK+BQDiw9zStiHBTJQQQQ==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [x64]
+    os: [linux]
+
+  '@img/sharp-linuxmusl-arm64@0.34.5':
+    resolution: {integrity: sha512-fprJR6GtRsMt6Kyfq44IsChVZeGN97gTD331weR1ex1c1rypDEABN6Tm2xa1wE6lYb5DdEnk03NZPqA7Id21yg==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [arm64]
+    os: [linux]
+
+  '@img/sharp-linuxmusl-x64@0.34.5':
+    resolution: {integrity: sha512-Jg8wNT1MUzIvhBFxViqrEhWDGzqymo3sV7z7ZsaWbZNDLXRJZoRGrjulp60YYtV4wfY8VIKcWidjojlLcWrd8Q==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [x64]
+    os: [linux]
+
+  '@img/sharp-wasm32@0.34.5':
+    resolution: {integrity: sha512-OdWTEiVkY2PHwqkbBI8frFxQQFekHaSSkUIJkwzclWZe64O1X4UlUjqqqLaPbUpMOQk6FBu/HtlGXNblIs0huw==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [wasm32]
+
+  '@img/sharp-win32-arm64@0.34.5':
+    resolution: {integrity: sha512-WQ3AgWCWYSb2yt+IG8mnC6Jdk9Whs7O0gxphblsLvdhSpSTtmu69ZG1Gkb6NuvxsNACwiPV6cNSZNzt0KPsw7g==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [arm64]
+    os: [win32]
+
+  '@img/sharp-win32-ia32@0.34.5':
+    resolution: {integrity: sha512-FV9m/7NmeCmSHDD5j4+4pNI8Cp3aW+JvLoXcTUo0IqyjSfAZJ8dIUmijx1qaJsIiU+Hosw6xM5KijAWRJCSgNg==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [ia32]
+    os: [win32]
+
+  '@img/sharp-win32-x64@0.34.5':
+    resolution: {integrity: sha512-+29YMsqY2/9eFEiW93eqWnuLcWcufowXewwSNIT6UwZdUUCrM3oFjMWH/Z6/TMmb4hlFenmfAVbpWeup2jryCw==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [x64]
+    os: [win32]
+
+  '@jridgewell/gen-mapping@0.3.13':
+    resolution: {integrity: sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==}
+
+  '@jridgewell/resolve-uri@3.1.2':
+    resolution: {integrity: sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==}
+    engines: {node: '>=6.0.0'}
+
+  '@jridgewell/sourcemap-codec@1.5.5':
+    resolution: {integrity: sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==}
+
+  '@jridgewell/trace-mapping@0.3.31':
+    resolution: {integrity: sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==}
+
+  '@oslojs/encoding@1.1.0':
+    resolution: {integrity: sha512-70wQhgYmndg4GCPxPPxPGevRKqTIJ2Nh4OkiMWmDAVYsTQ+Ta7Sq+rPevXyXGdzr30/qZBnyOalCszoMxlyldQ==}
+
+  '@playwright/test@1.59.1':
+    resolution: {integrity: sha512-PG6q63nQg5c9rIi4/Z5lR5IVF7yU5MqmKaPOe0HSc0O2cX1fPi96sUQu5j7eo4gKCkB2AnNGoWt7y4/Xx3Kcqg==}
+    engines: {node: '>=18'}
+    hasBin: true
+
+  '@rollup/pluginutils@5.3.0':
+    resolution: {integrity: sha512-5EdhGZtnu3V88ces7s53hhfK5KSASnJZv8Lulpc04cWO3REESroJXg73DFsOmgbU2BhwV0E20bu2IDZb3VKW4Q==}
+    engines: {node: '>=14.0.0'}
+    peerDependencies:
+      rollup: ^1.20.0||^2.0.0||^3.0.0||^4.0.0
+    peerDependenciesMeta:
+      rollup:
+        optional: true
+
+  '@rollup/rollup-android-arm-eabi@4.60.1':
+    resolution: {integrity: sha512-d6FinEBLdIiK+1uACUttJKfgZREXrF0Qc2SmLII7W2AD8FfiZ9Wjd+rD/iRuf5s5dWrr1GgwXCvPqOuDquOowA==}
+    cpu: [arm]
+    os: [android]
+
+  '@rollup/rollup-android-arm64@4.60.1':
+    resolution: {integrity: sha512-YjG/EwIDvvYI1YvYbHvDz/BYHtkY4ygUIXHnTdLhG+hKIQFBiosfWiACWortsKPKU/+dUwQQCKQM3qrDe8c9BA==}
+    cpu: [arm64]
+    os: [android]
+
+  '@rollup/rollup-darwin-arm64@4.60.1':
+    resolution: {integrity: sha512-mjCpF7GmkRtSJwon+Rq1N8+pI+8l7w5g9Z3vWj4T7abguC4Czwi3Yu/pFaLvA3TTeMVjnu3ctigusqWUfjZzvw==}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@rollup/rollup-darwin-x64@4.60.1':
+    resolution: {integrity: sha512-haZ7hJ1JT4e9hqkoT9R/19XW2QKqjfJVv+i5AGg57S+nLk9lQnJ1F/eZloRO3o9Scy9CM3wQ9l+dkXtcBgN5Ew==}
+    cpu: [x64]
+    os: [darwin]
+
+  '@rollup/rollup-freebsd-arm64@4.60.1':
+    resolution: {integrity: sha512-czw90wpQq3ZsAVBlinZjAYTKduOjTywlG7fEeWKUA7oCmpA8xdTkxZZlwNJKWqILlq0wehoZcJYfBvOyhPTQ6w==}
+    cpu: [arm64]
+    os: [freebsd]
+
+  '@rollup/rollup-freebsd-x64@4.60.1':
+    resolution: {integrity: sha512-KVB2rqsxTHuBtfOeySEyzEOB7ltlB/ux38iu2rBQzkjbwRVlkhAGIEDiiYnO2kFOkJp+Z7pUXKyrRRFuFUKt+g==}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@rollup/rollup-linux-arm-gnueabihf@4.60.1':
+    resolution: {integrity: sha512-L+34Qqil+v5uC0zEubW7uByo78WOCIrBvci69E7sFASRl0X7b/MB6Cqd1lky/CtcSVTydWa2WZwFuWexjS5o6g==}
+    cpu: [arm]
+    os: [linux]
+
+  '@rollup/rollup-linux-arm-musleabihf@4.60.1':
+    resolution: {integrity: sha512-n83O8rt4v34hgFzlkb1ycniJh7IR5RCIqt6mz1VRJD6pmhRi0CXdmfnLu9dIUS6buzh60IvACM842Ffb3xd6Gg==}
+    cpu: [arm]
+    os: [linux]
+
+  '@rollup/rollup-linux-arm64-gnu@4.60.1':
+    resolution: {integrity: sha512-Nql7sTeAzhTAja3QXeAI48+/+GjBJ+QmAH13snn0AJSNL50JsDqotyudHyMbO2RbJkskbMbFJfIJKWA6R1LCJQ==}
+    cpu: [arm64]
+    os: [linux]
+
+  '@rollup/rollup-linux-arm64-musl@4.60.1':
+    resolution: {integrity: sha512-+pUymDhd0ys9GcKZPPWlFiZ67sTWV5UU6zOJat02M1+PiuSGDziyRuI/pPue3hoUwm2uGfxdL+trT6Z9rxnlMA==}
+    cpu: [arm64]
+    os: [linux]
+
+  '@rollup/rollup-linux-loong64-gnu@4.60.1':
+    resolution: {integrity: sha512-VSvgvQeIcsEvY4bKDHEDWcpW4Yw7BtlKG1GUT4FzBUlEKQK0rWHYBqQt6Fm2taXS+1bXvJT6kICu5ZwqKCnvlQ==}
+    cpu: [loong64]
+    os: [linux]
+
+  '@rollup/rollup-linux-loong64-musl@4.60.1':
+    resolution: {integrity: sha512-4LqhUomJqwe641gsPp6xLfhqWMbQV04KtPp7/dIp0nzPxAkNY1AbwL5W0MQpcalLYk07vaW9Kp1PBhdpZYYcEw==}
+    cpu: [loong64]
+    os: [linux]
+
+  '@rollup/rollup-linux-ppc64-gnu@4.60.1':
+    resolution: {integrity: sha512-tLQQ9aPvkBxOc/EUT6j3pyeMD6Hb8QF2BTBnCQWP/uu1lhc9AIrIjKnLYMEroIz/JvtGYgI9dF3AxHZNaEH0rw==}
+    cpu: [ppc64]
+    os: [linux]
+
+  '@rollup/rollup-linux-ppc64-musl@4.60.1':
+    resolution: {integrity: sha512-RMxFhJwc9fSXP6PqmAz4cbv3kAyvD1etJFjTx4ONqFP9DkTkXsAMU4v3Vyc5BgzC+anz7nS/9tp4obsKfqkDHg==}
+    cpu: [ppc64]
+    os: [linux]
+
+  '@rollup/rollup-linux-riscv64-gnu@4.60.1':
+    resolution: {integrity: sha512-QKgFl+Yc1eEk6MmOBfRHYF6lTxiiiV3/z/BRrbSiW2I7AFTXoBFvdMEyglohPj//2mZS4hDOqeB0H1ACh3sBbg==}
+    cpu: [riscv64]
+    os: [linux]
+
+  '@rollup/rollup-linux-riscv64-musl@4.60.1':
+    resolution: {integrity: sha512-RAjXjP/8c6ZtzatZcA1RaQr6O1TRhzC+adn8YZDnChliZHviqIjmvFwHcxi4JKPSDAt6Uhf/7vqcBzQJy0PDJg==}
+    cpu: [riscv64]
+    os: [linux]
+
+  '@rollup/rollup-linux-s390x-gnu@4.60.1':
+    resolution: {integrity: sha512-wcuocpaOlaL1COBYiA89O6yfjlp3RwKDeTIA0hM7OpmhR1Bjo9j31G1uQVpDlTvwxGn2nQs65fBFL5UFd76FcQ==}
+    cpu: [s390x]
+    os: [linux]
+
+  '@rollup/rollup-linux-x64-gnu@4.60.1':
+    resolution: {integrity: sha512-77PpsFQUCOiZR9+LQEFg9GClyfkNXj1MP6wRnzYs0EeWbPcHs02AXu4xuUbM1zhwn3wqaizle3AEYg5aeoohhg==}
+    cpu: [x64]
+    os: [linux]
+
+  '@rollup/rollup-linux-x64-musl@4.60.1':
+    resolution: {integrity: sha512-5cIATbk5vynAjqqmyBjlciMJl1+R/CwX9oLk/EyiFXDWd95KpHdrOJT//rnUl4cUcskrd0jCCw3wpZnhIHdD9w==}
+    cpu: [x64]
+    os: [linux]
+
+  '@rollup/rollup-openbsd-x64@4.60.1':
+    resolution: {integrity: sha512-cl0w09WsCi17mcmWqqglez9Gk8isgeWvoUZ3WiJFYSR3zjBQc2J5/ihSjpl+VLjPqjQ/1hJRcqBfLjssREQILw==}
+    cpu: [x64]
+    os: [openbsd]
+
+  '@rollup/rollup-openharmony-arm64@4.60.1':
+    resolution: {integrity: sha512-4Cv23ZrONRbNtbZa37mLSueXUCtN7MXccChtKpUnQNgF010rjrjfHx3QxkS2PI7LqGT5xXyYs1a7LbzAwT0iCA==}
+    cpu: [arm64]
+    os: [openharmony]
+
+  '@rollup/rollup-win32-arm64-msvc@4.60.1':
+    resolution: {integrity: sha512-i1okWYkA4FJICtr7KpYzFpRTHgy5jdDbZiWfvny21iIKky5YExiDXP+zbXzm3dUcFpkEeYNHgQ5fuG236JPq0g==}
+    cpu: [arm64]
+    os: [win32]
+
+  '@rollup/rollup-win32-ia32-msvc@4.60.1':
+    resolution: {integrity: sha512-u09m3CuwLzShA0EYKMNiFgcjjzwqtUMLmuCJLeZWjjOYA3IT2Di09KaxGBTP9xVztWyIWjVdsB2E9goMjZvTQg==}
+    cpu: [ia32]
+    os: [win32]
+
+  '@rollup/rollup-win32-x64-gnu@4.60.1':
+    resolution: {integrity: sha512-k+600V9Zl1CM7eZxJgMyTUzmrmhB/0XZnF4pRypKAlAgxmedUA+1v9R+XOFv56W4SlHEzfeMtzujLJD22Uz5zg==}
+    cpu: [x64]
+    os: [win32]
+
+  '@rollup/rollup-win32-x64-msvc@4.60.1':
+    resolution: {integrity: sha512-lWMnixq/QzxyhTV6NjQJ4SFo1J6PvOX8vUx5Wb4bBPsEb+8xZ89Bz6kOXpfXj9ak9AHTQVQzlgzBEc1SyM27xQ==}
+    cpu: [x64]
+    os: [win32]
+
+  '@shikijs/core@3.23.0':
+    resolution: {integrity: sha512-NSWQz0riNb67xthdm5br6lAkvpDJRTgB36fxlo37ZzM2yq0PQFFzbd8psqC2XMPgCzo1fW6cVi18+ArJ44wqgA==}
+
+  '@shikijs/engine-javascript@3.23.0':
+    resolution: {integrity: sha512-aHt9eiGFobmWR5uqJUViySI1bHMqrAgamWE1TYSUoftkAeCCAiGawPMwM+VCadylQtF4V3VNOZ5LmfItH5f3yA==}
+
+  '@shikijs/engine-oniguruma@3.23.0':
+    resolution: {integrity: sha512-1nWINwKXxKKLqPibT5f4pAFLej9oZzQTsby8942OTlsJzOBZ0MWKiwzMsd+jhzu8YPCHAswGnnN1YtQfirL35g==}
+
+  '@shikijs/langs@3.23.0':
+    resolution: {integrity: sha512-2Ep4W3Re5aB1/62RSYQInK9mM3HsLeB91cHqznAJMuylqjzNVAVCMnNWRHFtcNHXsoNRayP9z1qj4Sq3nMqYXg==}
+
+  '@shikijs/themes@3.23.0':
+    resolution: {integrity: sha512-5qySYa1ZgAT18HR/ypENL9cUSGOeI2x+4IvYJu4JgVJdizn6kG4ia5Q1jDEOi7gTbN4RbuYtmHh0W3eccOrjMA==}
+
+  '@shikijs/types@3.23.0':
+    resolution: {integrity: sha512-3JZ5HXOZfYjsYSk0yPwBrkupyYSLpAE26Qc0HLghhZNGTZg/SKxXIIgoxOpmmeQP0RRSDJTk1/vPfw9tbw+jSQ==}
+
+  '@shikijs/vscode-textmate@10.0.2':
+    resolution: {integrity: sha512-83yeghZ2xxin3Nj8z1NMd/NCuca+gsYXswywDy5bHvwlWL8tpTQmzGeUuHd9FC3E/SBEMvzJRwWEOz5gGes9Qg==}
+
+  '@types/debug@4.1.13':
+    resolution: {integrity: sha512-KSVgmQmzMwPlmtljOomayoR89W4FynCAi3E8PPs7vmDVPe84hT+vGPKkJfThkmXs0x0jAaa9U8uW8bbfyS2fWw==}
+
+  '@types/estree@1.0.8':
+    resolution: {integrity: sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==}
+
+  '@types/hast@3.0.4':
+    resolution: {integrity: sha512-WPs+bbQw5aCj+x6laNGWLH3wviHtoCv/P3+otBhbOhJgG8qtpdAMlTCxLtsTWA7LH1Oh/bFCHsBn0TPS5m30EQ==}
+
+  '@types/mdast@4.0.4':
+    resolution: {integrity: sha512-kGaNbPh1k7AFzgpud/gMdvIm5xuECykRR+JnWKQno9TAXVa6WIVCGTPvYGekIDL4uwCZQSYbUxNBSb1aUo79oA==}
+
+  '@types/ms@2.1.0':
+    resolution: {integrity: sha512-GsCCIZDE/p3i96vtEqx+7dBUGXrc7zeSK3wwPHIaRThS+9OhWIXRqzs4d6k1SVU8g91DrNRWxWUGhp5KXQb2VA==}
+
+  '@types/nlcst@2.0.3':
+    resolution: {integrity: sha512-vSYNSDe6Ix3q+6Z7ri9lyWqgGhJTmzRjZRqyq15N0Z/1/UnVsno9G/N40NBijoYx2seFDIl0+B2mgAb9mezUCA==}
+
+  '@types/node@20.19.39':
+    resolution: {integrity: sha512-orrrD74MBUyK8jOAD/r0+lfa1I2MO6I+vAkmAWzMYbCcgrN4lCrmK52gRFQq/JRxfYPfonkr4b0jcY7Olqdqbw==}
+
+  '@types/unist@3.0.3':
+    resolution: {integrity: sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q==}
+
+  '@ungap/structured-clone@1.3.0':
+    resolution: {integrity: sha512-WmoN8qaIAo7WTYWbAZuG8PYEhn5fkz7dZrqTBZ7dtt//lL2Gwms1IcnQ5yHqjDfX8Ft5j4YzDM23f87zBfDe9g==}
+
+  '@volar/kit@2.4.28':
+    resolution: {integrity: sha512-cKX4vK9dtZvDRaAzeoUdaAJEew6IdxHNCRrdp5Kvcl6zZOqb6jTOfk3kXkIkG3T7oTFXguEMt5+9ptyqYR84Pg==}
+    peerDependencies:
+      typescript: '*'
+
+  '@volar/language-core@2.4.28':
+    resolution: {integrity: sha512-w4qhIJ8ZSitgLAkVay6AbcnC7gP3glYM3fYwKV3srj8m494E3xtrCv6E+bWviiK/8hs6e6t1ij1s2Endql7vzQ==}
+
+  '@volar/language-server@2.4.28':
+    resolution: {integrity: sha512-NqcLnE5gERKuS4PUFwlhMxf6vqYo7hXtbMFbViXcbVkbZ905AIVWhnSo0ZNBC2V127H1/2zP7RvVOVnyITFfBw==}
+
+  '@volar/language-service@2.4.28':
+    resolution: {integrity: sha512-Rh/wYCZJrI5vCwMk9xyw/Z+MsWxlJY1rmMZPsxUoJKfzIRjS/NF1NmnuEcrMbEVGja00aVpCsInJfixQTMdvLw==}
+
+  '@volar/source-map@2.4.28':
+    resolution: {integrity: sha512-yX2BDBqJkRXfKw8my8VarTyjv48QwxdJtvRgUpNE5erCsgEUdI2DsLbpa+rOQVAJYshY99szEcRDmyHbF10ggQ==}
+
+  '@volar/typescript@2.4.28':
+    resolution: {integrity: sha512-Ja6yvWrbis2QtN4ClAKreeUZPVYMARDYZl9LMEv1iQ1QdepB6wn0jTRxA9MftYmYa4DQ4k/DaSZpFPUfxl8giw==}
+
+  '@vscode/emmet-helper@2.11.0':
+    resolution: {integrity: sha512-QLxjQR3imPZPQltfbWRnHU6JecWTF1QSWhx3GAKQpslx7y3Dp6sIIXhKjiUJ/BR9FX8PVthjr9PD6pNwOJfAzw==}
+
+  '@vscode/l10n@0.0.18':
+    resolution: {integrity: sha512-KYSIHVmslkaCDyw013pphY+d7x1qV8IZupYfeIfzNA+nsaWHbn5uPuQRvdRFsa9zFzGeudPuoGoZ1Op4jrJXIQ==}
+
+  acorn@8.16.0:
+    resolution: {integrity: sha512-UVJyE9MttOsBQIDKw1skb9nAwQuR5wuGD3+82K6JgJlm/Y+KI92oNsMNGZCYdDsVtRHSak0pcV5Dno5+4jh9sw==}
+    engines: {node: '>=0.4.0'}
+    hasBin: true
+
+  ajv-draft-04@1.0.0:
+    resolution: {integrity: sha512-mv00Te6nmYbRp5DCwclxtt7yV/joXJPGS7nM+97GdxvuttCOfgI3K4U25zboyeX0O+myI8ERluxQe5wljMmVIw==}
+    peerDependencies:
+      ajv: ^8.5.0
+    peerDependenciesMeta:
+      ajv:
+        optional: true
+
+  ajv@8.18.0:
+    resolution: {integrity: sha512-PlXPeEWMXMZ7sPYOHqmDyCJzcfNrUr3fGNKtezX14ykXOEIvyK81d+qydx89KY5O71FKMPaQ2vBfBFI5NHR63A==}
+
+  ansi-align@3.0.1:
+    resolution: {integrity: sha512-IOfwwBF5iczOjp/WeY4YxyjqAFMQoZufdQWDd19SEExbVLNXqvpzSJ/M7Za4/sCPmQ0+GRquoA7bGcINcxew6w==}
+
+  ansi-regex@5.0.1:
+    resolution: {integrity: sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==}
+    engines: {node: '>=8'}
+
+  ansi-regex@6.2.2:
+    resolution: {integrity: sha512-Bq3SmSpyFHaWjPk8If9yc6svM8c56dB5BAtW4Qbw5jHTwwXXcTLoRMkpDJp6VL0XzlWaCHTXrkFURMYmD0sLqg==}
+    engines: {node: '>=12'}
+
+  ansi-styles@4.3.0:
+    resolution: {integrity: sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==}
+    engines: {node: '>=8'}
+
+  ansi-styles@6.2.3:
+    resolution: {integrity: sha512-4Dj6M28JB+oAH8kFkTLUo+a2jwOFkuqb3yucU0CANcRRUbxS0cP0nZYCGjcc3BNXwRIsUVmDGgzawme7zvJHvg==}
+    engines: {node: '>=12'}
+
+  any-promise@1.3.0:
+    resolution: {integrity: sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==}
+
+  anymatch@3.1.3:
+    resolution: {integrity: sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==}
+    engines: {node: '>= 8'}
+
+  argparse@2.0.1:
+    resolution: {integrity: sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==}
+
+  aria-query@5.3.2:
+    resolution: {integrity: sha512-COROpnaoap1E2F000S62r6A60uHZnmlvomhfyT2DlTcrY1OrBKn2UhH7qn5wTC9zMvD0AY7csdPSNwKP+7WiQw==}
+    engines: {node: '>= 0.4'}
+
+  array-iterate@2.0.1:
+    resolution: {integrity: sha512-I1jXZMjAgCMmxT4qxXfPXa6SthSoE8h6gkSI9BGGNv8mP8G/v0blc+qFnZu6K42vTOiuME596QaLO0TP3Lk0xg==}
+
+  astro@5.18.1:
+    resolution: {integrity: sha512-m4VWilWZ+Xt6NPoYzC4CgGZim/zQUO7WFL0RHCH0AiEavF1153iC3+me2atDvXpf/yX4PyGUeD8wZLq1cirT3g==}
+    engines: {node: 18.20.8 || ^20.3.0 || >=22.0.0, npm: '>=9.6.5', pnpm: '>=7.1.0'}
+    hasBin: true
+
+  axobject-query@4.1.0:
+    resolution: {integrity: sha512-qIj0G9wZbMGNLjLmg1PT6v2mE9AH2zlnADJD/2tC6E00hgmhUOfEB6greHPAfLRSufHqROIUTkw6E+M3lH0PTQ==}
+    engines: {node: '>= 0.4'}
+
+  bail@2.0.2:
+    resolution: {integrity: sha512-0xO6mYd7JB2YesxDKplafRpsiOzPt9V02ddPCLbY1xYGPOX24NTyN50qnUxgCPcSoYMhKpAuBTjQoRZCAkUDRw==}
+
+  base-64@1.0.0:
+    resolution: {integrity: sha512-kwDPIFCGx0NZHog36dj+tHiwP4QMzsZ3AgMViUBKI0+V5n4U0ufTCUMhnQ04diaRI8EX/QcPfql7zlhZ7j4zgg==}
+
+  boolbase@1.0.0:
+    resolution: {integrity: sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==}
+
+  boxen@8.0.1:
+    resolution: {integrity: sha512-F3PH5k5juxom4xktynS7MoFY+NUWH5LC4CnH11YB8NPew+HLpmBLCybSAEyb2F+4pRXhuhWqFesoQd6DAyc2hw==}
+    engines: {node: '>=18'}
+
+  bundle-require@5.1.0:
+    resolution: {integrity: sha512-3WrrOuZiyaaZPWiEt4G3+IffISVC9HYlWueJEBWED4ZH4aIAC2PnkdnuRrR94M+w6yGWn4AglWtJtBI8YqvgoA==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+    peerDependencies:
+      esbuild: '>=0.18'
+
+  cac@6.7.14:
+    resolution: {integrity: sha512-b6Ilus+c3RrdDk+JhLKUAQfzzgLEPy6wcXqS7f/xe1EETvsDP6GORG7SFuOs6cID5YkqchW/LXZbX5bc8j7ZcQ==}
+    engines: {node: '>=8'}
+
+  camelcase@8.0.0:
+    resolution: {integrity: sha512-8WB3Jcas3swSvjIeA2yvCJ+Miyz5l1ZmB6HFb9R1317dt9LCQoswg/BGrmAmkWVEszSrrg4RwmO46qIm2OEnSA==}
+    engines: {node: '>=16'}
+
+  ccount@2.0.1:
+    resolution: {integrity: sha512-eyrF0jiFpY+3drT6383f1qhkbGsLSifNAjA61IUjZjmLCWjItY6LB9ft9YhoDgwfmclB2zhu51Lc7+95b8NRAg==}
+
+  chalk@5.6.2:
+    resolution: {integrity: sha512-7NzBL0rN6fMUW+f7A6Io4h40qQlG+xGmtMxfbnH/K7TAtt8JQWVQK+6g0UXKMeVJoyV5EkkNsErQ8pVD3bLHbA==}
+    engines: {node: ^12.17.0 || ^14.13 || >=16.0.0}
+
+  character-entities-html4@2.1.0:
+    resolution: {integrity: sha512-1v7fgQRj6hnSwFpq1Eu0ynr/CDEw0rXo2B61qXrLNdHZmPKgb7fqS1a2JwF0rISo9q77jDI8VMEHoApn8qDoZA==}
+
+  character-entities-legacy@3.0.0:
+    resolution: {integrity: sha512-RpPp0asT/6ufRm//AJVwpViZbGM/MkjQFxJccQRHmISF/22NBtsHqAWmL+/pmkPWoIUJdWyeVleTl1wydHATVQ==}
+
+  character-entities@2.0.2:
+    resolution: {integrity: sha512-shx7oQ0Awen/BRIdkjkvz54PnEEI/EjwXDSIZp86/KKdbafHh1Df/RYGBhn4hbe2+uKC9FnT5UCEdyPz3ai9hQ==}
+
+  chokidar@4.0.3:
+    resolution: {integrity: sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA==}
+    engines: {node: '>= 14.16.0'}
+
+  chokidar@5.0.0:
+    resolution: {integrity: sha512-TQMmc3w+5AxjpL8iIiwebF73dRDF4fBIieAqGn9RGCWaEVwQ6Fb2cGe31Yns0RRIzii5goJ1Y7xbMwo1TxMplw==}
+    engines: {node: '>= 20.19.0'}
+
+  ci-info@4.4.0:
+    resolution: {integrity: sha512-77PSwercCZU2Fc4sX94eF8k8Pxte6JAwL4/ICZLFjJLqegs7kCuAsqqj/70NQF6TvDpgFjkubQB2FW2ZZddvQg==}
+    engines: {node: '>=8'}
+
+  cli-boxes@3.0.0:
+    resolution: {integrity: sha512-/lzGpEWL/8PfI0BmBOPRwp0c/wFNX1RdUML3jK/RcSBA9T8mZDdQpqYBKtCFTOfQbwPqWEOpjqW+Fnayc0969g==}
+    engines: {node: '>=10'}
+
+  cliui@8.0.1:
+    resolution: {integrity: sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==}
+    engines: {node: '>=12'}
+
+  clsx@2.1.1:
+    resolution: {integrity: sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==}
+    engines: {node: '>=6'}
+
+  color-convert@2.0.1:
+    resolution: {integrity: sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==}
+    engines: {node: '>=7.0.0'}
+
+  color-name@1.1.4:
+    resolution: {integrity: sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==}
+
+  comma-separated-tokens@2.0.3:
+    resolution: {integrity: sha512-Fu4hJdvzeylCfQPp9SGWidpzrMs7tTrlu6Vb8XGaRGck8QSNZJJp538Wrb60Lax4fPwR64ViY468OIUTbRlGZg==}
+
+  commander@11.1.0:
+    resolution: {integrity: sha512-yPVavfyCcRhmorC7rWlkHn15b4wDVgVmBA7kV4QVBsF7kv/9TKJAbAXVTxvTnwP8HHKjRCJDClKbciiYS7p0DQ==}
+    engines: {node: '>=16'}
+
+  commander@4.1.1:
+    resolution: {integrity: sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==}
+    engines: {node: '>= 6'}
+
+  common-ancestor-path@1.0.1:
+    resolution: {integrity: sha512-L3sHRo1pXXEqX8VU28kfgUY+YGsk09hPqZiZmLacNib6XNTCM8ubYeT7ryXQw8asB1sKgcU5lkB7ONug08aB8w==}
+
+  confbox@0.1.8:
+    resolution: {integrity: sha512-RMtmw0iFkeR4YV+fUOSucriAQNb9g8zFR52MWCtl+cCZOFRNL6zeB395vPzFhEjjn4fMxXudmELnl/KF/WrK6w==}
+
+  consola@3.4.2:
+    resolution: {integrity: sha512-5IKcdX0nnYavi6G7TtOhwkYzyjfJlatbjMjuLSfE2kYT5pMDOilZ4OvMhi637CcDICTmz3wARPoyhqyX1Y+XvA==}
+    engines: {node: ^14.18.0 || >=16.10.0}
+
+  cookie-es@1.2.3:
+    resolution: {integrity: sha512-lXVyvUvrNXblMqzIRrxHb57UUVmqsSWlxqt3XIjCkUP0wDAf6uicO6KMbEgYrMNtEvWgWHwe42CKxPu9MYAnWw==}
+
+  cookie@1.1.1:
+    resolution: {integrity: sha512-ei8Aos7ja0weRpFzJnEA9UHJ/7XQmqglbRwnf2ATjcB9Wq874VKH9kfjjirM6UhU2/E5fFYadylyhFldcqSidQ==}
+    engines: {node: '>=18'}
+
+  crossws@0.3.5:
+    resolution: {integrity: sha512-ojKiDvcmByhwa8YYqbQI/hg7MEU0NC03+pSdEq4ZUnZR9xXpwk7E43SMNGkn+JxJGPFtNvQ48+vV2p+P1ml5PA==}
+
+  css-select@5.2.2:
+    resolution: {integrity: sha512-TizTzUddG/xYLA3NXodFM0fSbNizXjOKhqiQQwvhlspadZokn1KDy0NZFS0wuEubIYAV5/c1/lAr0TaaFXEXzw==}
+
+  css-tree@2.2.1:
+    resolution: {integrity: sha512-OA0mILzGc1kCOCSJerOeqDxDQ4HOh+G8NbOJFOTgOCzpw7fCBubk0fEyxp8AgOL/jvLgYA/uV0cMbe43ElF1JA==}
+    engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0, npm: '>=7.0.0'}
+
+  css-tree@3.2.1:
+    resolution: {integrity: sha512-X7sjQzceUhu1u7Y/ylrRZFU2FS6LRiFVp6rKLPg23y3x3c3DOKAwuXGDp+PAGjh6CSnCjYeAul8pcT8bAl+lSA==}
+    engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0}
+
+  css-what@6.2.2:
+    resolution: {integrity: sha512-u/O3vwbptzhMs3L1fQE82ZSLHQQfto5gyZzwteVIEyeaY5Fc7R4dapF/BvRoSYFeqfBk4m0V1Vafq5Pjv25wvA==}
+    engines: {node: '>= 6'}
+
+  cssesc@3.0.0:
+    resolution: {integrity: sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==}
+    engines: {node: '>=4'}
+    hasBin: true
+
+  csso@5.0.5:
+    resolution: {integrity: sha512-0LrrStPOdJj+SPCCrGhzryycLjwcgUSHBtxNA8aIDxf0GLsRh1cKYhB00Gd1lDOS4yGH69+SNn13+TWbVHETFQ==}
+    engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0, npm: '>=7.0.0'}
+
+  debug@4.4.3:
+    resolution: {integrity: sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==}
+    engines: {node: '>=6.0'}
+    peerDependencies:
+      supports-color: '*'
+    peerDependenciesMeta:
+      supports-color:
+        optional: true
+
+  decode-named-character-reference@1.3.0:
+    resolution: {integrity: sha512-GtpQYB283KrPp6nRw50q3U9/VfOutZOe103qlN7BPP6Ad27xYnOIWv4lPzo8HCAL+mMZofJ9KEy30fq6MfaK6Q==}
+
+  defu@6.1.7:
+    resolution: {integrity: sha512-7z22QmUWiQ/2d0KkdYmANbRUVABpZ9SNYyH5vx6PZ+nE5bcC0l7uFvEfHlyld/HcGBFTL536ClDt3DEcSlEJAQ==}
+
+  depd@2.0.0:
+    resolution: {integrity: sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==}
+    engines: {node: '>= 0.8'}
+
+  dequal@2.0.3:
+    resolution: {integrity: sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==}
+    engines: {node: '>=6'}
+
+  destr@2.0.5:
+    resolution: {integrity: sha512-ugFTXCtDZunbzasqBxrK93Ik/DRYsO6S/fedkWEMKqt04xZ4csmnmwGDBAb07QWNaGMAmnTIemsYZCksjATwsA==}
+
+  detect-libc@2.1.2:
+    resolution: {integrity: sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==}
+    engines: {node: '>=8'}
+
+  deterministic-object-hash@2.0.2:
+    resolution: {integrity: sha512-KxektNH63SrbfUyDiwXqRb1rLwKt33AmMv+5Nhsw1kqZ13SJBRTgZHtGbE+hH3a1mVW1cz+4pqSWVPAtLVXTzQ==}
+    engines: {node: '>=18'}
+
+  devalue@5.7.0:
+    resolution: {integrity: sha512-qCvc8m7cImp1QDCsiY+C2EdSBWSj7Ucfoq87scSdYboDiIKdvMtFbH1U2VReBls6WMhMaUOoK3ZJEDNG/7zm3w==}
+
+  devlop@1.1.0:
+    resolution: {integrity: sha512-RWmIqhcFf1lRYBvNmr7qTNuyCt/7/ns2jbpp1+PalgE/rDQcBT0fioSMUpJ93irlUhC5hrg4cYqe6U+0ImW0rA==}
+
+  diff@8.0.4:
+    resolution: {integrity: sha512-DPi0FmjiSU5EvQV0++GFDOJ9ASQUVFh5kD+OzOnYdi7n3Wpm9hWWGfB/O2blfHcMVTL5WkQXSnRiK9makhrcnw==}
+    engines: {node: '>=0.3.1'}
+
+  dlv@1.1.3:
+    resolution: {integrity: sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==}
+
+  dom-serializer@2.0.0:
+    resolution: {integrity: sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==}
+
+  domelementtype@2.3.0:
+    resolution: {integrity: sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==}
+
+  domhandler@5.0.3:
+    resolution: {integrity: sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==}
+    engines: {node: '>= 4'}
+
+  domutils@3.2.2:
+    resolution: {integrity: sha512-6kZKyUajlDuqlHKVX1w7gyslj9MPIXzIFiz/rGu35uC1wMi+kMhQwGhl4lt9unC9Vb9INnY9Z3/ZA3+FhASLaw==}
+
+  dset@3.1.4:
+    resolution: {integrity: sha512-2QF/g9/zTaPDc3BjNcVTGoBbXBgYfMTTceLaYcFJ/W9kggFUkhxD/hMEeuLKbugyef9SqAx8cpgwlIP/jinUTA==}
+    engines: {node: '>=4'}
+
+  ee-first@1.1.1:
+    resolution: {integrity: sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==}
+
+  emmet@2.4.11:
+    resolution: {integrity: sha512-23QPJB3moh/U9sT4rQzGgeyyGIrcM+GH5uVYg2C6wZIxAIJq7Ng3QLT79tl8FUwDXhyq9SusfknOrofAKqvgyQ==}
+
+  emoji-regex@10.6.0:
+    resolution: {integrity: sha512-toUI84YS5YmxW219erniWD0CIVOo46xGKColeNQRgOzDorgBi1v4D71/OFzgD9GO2UGKIv1C3Sp8DAn0+j5w7A==}
+
+  emoji-regex@8.0.0:
+    resolution: {integrity: sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==}
+
+  encodeurl@2.0.0:
+    resolution: {integrity: sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg==}
+    engines: {node: '>= 0.8'}
+
+  entities@4.5.0:
+    resolution: {integrity: sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==}
+    engines: {node: '>=0.12'}
+
+  entities@6.0.1:
+    resolution: {integrity: sha512-aN97NXWF6AWBTahfVOIrB/NShkzi5H7F9r1s9mD3cDj4Ko5f2qhhVoYMibXF7GlLveb/D2ioWay8lxI97Ven3g==}
+    engines: {node: '>=0.12'}
+
+  es-module-lexer@1.7.0:
+    resolution: {integrity: sha512-jEQoCwk8hyb2AZziIOLhDqpm5+2ww5uIE6lkO/6jcOCusfk6LhMHpXXfBLXTZ7Ydyt0j4VoUQv6uGNYbdW+kBA==}
+
+  esbuild@0.25.12:
+    resolution: {integrity: sha512-bbPBYYrtZbkt6Os6FiTLCTFxvq4tt3JKall1vRwshA3fdVztsLAatFaZobhkBC8/BrPetoa0oksYoKXoG4ryJg==}
+    engines: {node: '>=18'}
+    hasBin: true
+
+  esbuild@0.27.7:
+    resolution: {integrity: sha512-IxpibTjyVnmrIQo5aqNpCgoACA/dTKLTlhMHihVHhdkxKyPO1uBBthumT0rdHmcsk9uMonIWS0m4FljWzILh3w==}
+    engines: {node: '>=18'}
+    hasBin: true
+
+  escalade@3.2.0:
+    resolution: {integrity: sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==}
+    engines: {node: '>=6'}
+
+  escape-html@1.0.3:
+    resolution: {integrity: sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==}
+
+  escape-string-regexp@5.0.0:
+    resolution: {integrity: sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw==}
+    engines: {node: '>=12'}
+
+  estree-walker@2.0.2:
+    resolution: {integrity: sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==}
+
+  estree-walker@3.0.3:
+    resolution: {integrity: sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==}
+
+  etag@1.8.1:
+    resolution: {integrity: sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==}
+    engines: {node: '>= 0.6'}
+
+  eventemitter3@5.0.4:
+    resolution: {integrity: sha512-mlsTRyGaPBjPedk6Bvw+aqbsXDtoAyAzm5MO7JgU+yVRyMQ5O8bD4Kcci7BS85f93veegeCPkL8R4GLClnjLFw==}
+
+  extend@3.0.2:
+    resolution: {integrity: sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==}
+
+  fast-deep-equal@3.1.3:
+    resolution: {integrity: sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==}
+
+  fast-uri@3.1.0:
+    resolution: {integrity: sha512-iPeeDKJSWf4IEOasVVrknXpaBV0IApz/gp7S2bb7Z4Lljbl2MGJRqInZiUrQwV16cpzw/D3S5j5Julj/gT52AA==}
+
+  fdir@6.5.0:
+    resolution: {integrity: sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==}
+    engines: {node: '>=12.0.0'}
+    peerDependencies:
+      picomatch: ^3 || ^4
+    peerDependenciesMeta:
+      picomatch:
+        optional: true
+
+  fix-dts-default-cjs-exports@1.0.1:
+    resolution: {integrity: sha512-pVIECanWFC61Hzl2+oOCtoJ3F17kglZC/6N94eRWycFgBH35hHx0Li604ZIzhseh97mf2p0cv7vVrOZGoqhlEg==}
+
+  flattie@1.1.1:
+    resolution: {integrity: sha512-9UbaD6XdAL97+k/n+N7JwX46K/M6Zc6KcFYskrYL8wbBV/Uyk0CTAMY0VT+qiK5PM7AIc9aTWYtq65U7T+aCNQ==}
+    engines: {node: '>=8'}
+
+  fontace@0.4.1:
+    resolution: {integrity: sha512-lDMvbAzSnHmbYMTEld5qdtvNH2/pWpICOqpean9IgC7vUbUJc3k+k5Dokp85CegamqQpFbXf0rAVkbzpyTA8aw==}
+
+  fontkitten@1.0.3:
+    resolution: {integrity: sha512-Wp1zXWPVUPBmfoa3Cqc9ctaKuzKAV6uLstRqlR56kSjplf5uAce+qeyYym7F+PHbGTk+tCEdkCW6RD7DX/gBZw==}
+    engines: {node: '>=20'}
+
+  fresh@2.0.0:
+    resolution: {integrity: sha512-Rx/WycZ60HOaqLKAi6cHRKKI7zxWbJ31MhntmtwMoaTeF7XFH9hhBp8vITaMidfljRQ6eYWCKkaTK+ykVJHP2A==}
+    engines: {node: '>= 0.8'}
+
+  fsevents@2.3.2:
+    resolution: {integrity: sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==}
+    engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
+    os: [darwin]
+
+  fsevents@2.3.3:
+    resolution: {integrity: sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==}
+    engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
+    os: [darwin]
+
+  get-caller-file@2.0.5:
+    resolution: {integrity: sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==}
+    engines: {node: 6.* || 8.* || >= 10.*}
+
+  get-east-asian-width@1.5.0:
+    resolution: {integrity: sha512-CQ+bEO+Tva/qlmw24dCejulK5pMzVnUOFOijVogd3KQs07HnRIgp8TGipvCCRT06xeYEbpbgwaCxglFyiuIcmA==}
+    engines: {node: '>=18'}
+
+  github-slugger@2.0.0:
+    resolution: {integrity: sha512-IaOQ9puYtjrkq7Y0Ygl9KDZnrf/aiUJYUpVf89y8kyaxbRG7Y1SrX/jaumrv81vc61+kiMempujsM3Yw7w5qcw==}
+
+  h3@1.15.11:
+    resolution: {integrity: sha512-L3THSe2MPeBwgIZVSH5zLdBBU90TOxarvhK9d04IDY2AmVS8j2Jz2LIWtwsGOU3lu2I5jCN7FNvVfY2+XyF+mg==}
+
+  hast-util-from-html@2.0.3:
+    resolution: {integrity: sha512-CUSRHXyKjzHov8yKsQjGOElXy/3EKpyX56ELnkHH34vDVw1N1XSQ1ZcAvTyAPtGqLTuKP/uxM+aLkSPqF/EtMw==}
+
+  hast-util-from-parse5@8.0.3:
+    resolution: {integrity: sha512-3kxEVkEKt0zvcZ3hCRYI8rqrgwtlIOFMWkbclACvjlDw8Li9S2hk/d51OI0nr/gIpdMHNepwgOKqZ/sy0Clpyg==}
+
+  hast-util-is-element@3.0.0:
+    resolution: {integrity: sha512-Val9mnv2IWpLbNPqc/pUem+a7Ipj2aHacCwgNfTiK0vJKl0LF+4Ba4+v1oPHFpf3bLYmreq0/l3Gud9S5OH42g==}
+
+  hast-util-parse-selector@4.0.0:
+    resolution: {integrity: sha512-wkQCkSYoOGCRKERFWcxMVMOcYE2K1AaNLU8DXS9arxnLOUEWbOXKXiJUNzEpqZ3JOKpnha3jkFrumEjVliDe7A==}
+
+  hast-util-raw@9.1.0:
+    resolution: {integrity: sha512-Y8/SBAHkZGoNkpzqqfCldijcuUKh7/su31kEBp67cFY09Wy0mTRgtsLYsiIxMJxlu0f6AA5SUTbDR8K0rxnbUw==}
+
+  hast-util-to-html@9.0.5:
+    resolution: {integrity: sha512-OguPdidb+fbHQSU4Q4ZiLKnzWo8Wwsf5bZfbvu7//a9oTYoqD/fWpe96NuHkoS9h0ccGOTe0C4NGXdtS0iObOw==}
+
+  hast-util-to-parse5@8.0.1:
+    resolution: {integrity: sha512-MlWT6Pjt4CG9lFCjiz4BH7l9wmrMkfkJYCxFwKQic8+RTZgWPuWxwAfjJElsXkex7DJjfSJsQIt931ilUgmwdA==}
+
+  hast-util-to-text@4.0.2:
+    resolution: {integrity: sha512-KK6y/BN8lbaq654j7JgBydev7wuNMcID54lkRav1P0CaE1e47P72AWWPiGKXTJU271ooYzcvTAn/Zt0REnvc7A==}
+
+  hast-util-whitespace@3.0.0:
+    resolution: {integrity: sha512-88JUN06ipLwsnv+dVn+OIYOvAuvBMy/Qoi6O7mQHxdPXpjy+Cd6xRkWwux7DKO+4sYILtLBRIKgsdpS2gQc7qw==}
+
+  hastscript@9.0.1:
+    resolution: {integrity: sha512-g7df9rMFX/SPi34tyGCyUBREQoKkapwdY/T04Qn9TDWfHhAYt4/I0gMVirzK5wEzeUqIjEB+LXC/ypb7Aqno5w==}
+
+  html-escaper@3.0.3:
+    resolution: {integrity: sha512-RuMffC89BOWQoY0WKGpIhn5gX3iI54O6nRA0yC124NYVtzjmFWBIiFd8M0x+ZdX0P9R4lADg1mgP8C7PxGOWuQ==}
+
+  html-void-elements@3.0.0:
+    resolution: {integrity: sha512-bEqo66MRXsUGxWHV5IP0PUiAWwoEjba4VCzg0LjFJBpchPaTfyfCKTG6bc5F8ucKec3q5y6qOdGyYTSBEvhCrg==}
+
+  http-cache-semantics@4.2.0:
+    resolution: {integrity: sha512-dTxcvPXqPvXBQpq5dUr6mEMJX4oIEFv6bwom3FDwKRDsuIjjJGANqhBuoAn9c1RQJIdAKav33ED65E2ys+87QQ==}
+
+  http-errors@2.0.1:
+    resolution: {integrity: sha512-4FbRdAX+bSdmo4AUFuS0WNiPz8NgFt+r8ThgNWmlrjQjt1Q7ZR9+zTlce2859x4KSXrwIsaeTqDoKQmtP8pLmQ==}
+    engines: {node: '>= 0.8'}
+
+  import-meta-resolve@4.2.0:
+    resolution: {integrity: sha512-Iqv2fzaTQN28s/FwZAoFq0ZSs/7hMAHJVX+w8PZl3cY19Pxk6jFFalxQoIfW2826i/fDLXv8IiEZRIT0lDuWcg==}
+
+  inherits@2.0.4:
+    resolution: {integrity: sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==}
+
+  iron-webcrypto@1.2.1:
+    resolution: {integrity: sha512-feOM6FaSr6rEABp/eDfVseKyTMDt+KGpeB35SkVn9Tyn0CqvVsY3EwI0v5i8nMHyJnzCIQf7nsy3p41TPkJZhg==}
+
+  is-docker@3.0.0:
+    resolution: {integrity: sha512-eljcgEDlEns/7AXFosB5K/2nCM4P7FQPkGc/DWLy5rmFEWvZayGrik1d9/QIY5nJ4f9YsVvBkA6kJpHn9rISdQ==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+    hasBin: true
+
+  is-fullwidth-code-point@3.0.0:
+    resolution: {integrity: sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==}
+    engines: {node: '>=8'}
+
+  is-inside-container@1.0.0:
+    resolution: {integrity: sha512-KIYLCCJghfHZxqjYBE7rEy0OBuTd5xCHS7tHVgvCLkx7StIoaxwNW3hCALgEUjFfeRk+MG/Qxmp/vtETEF3tRA==}
+    engines: {node: '>=14.16'}
+    hasBin: true
+
+  is-plain-obj@4.1.0:
+    resolution: {integrity: sha512-+Pgi+vMuUNkJyExiMBt5IlFoMyKnr5zhJ4Uspz58WOhBF5QoIZkFyNHIbBAtHwzVAgk5RtndVNsDRN61/mmDqg==}
+    engines: {node: '>=12'}
+
+  is-wsl@3.1.1:
+    resolution: {integrity: sha512-e6rvdUCiQCAuumZslxRJWR/Doq4VpPR82kqclvcS0efgt430SlGIk05vdCN58+VrzgtIcfNODjozVielycD4Sw==}
+    engines: {node: '>=16'}
+
+  joycon@3.1.1:
+    resolution: {integrity: sha512-34wB/Y7MW7bzjKRjUKTa46I2Z7eV62Rkhva+KkopW7Qvv/OSWBqvkSY7vusOPrNuZcUG3tApvdVgNB8POj3SPw==}
+    engines: {node: '>=10'}
+
+  js-yaml@4.1.1:
+    resolution: {integrity: sha512-qQKT4zQxXl8lLwBtHMWwaTcGfFOZviOJet3Oy/xmGk2gZH677CJM9EvtfdSkgWcATZhj/55JZ0rmy3myCT5lsA==}
+    hasBin: true
+
+  json-schema-traverse@1.0.0:
+    resolution: {integrity: sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==}
+
+  jsonc-parser@2.3.1:
+    resolution: {integrity: sha512-H8jvkz1O50L3dMZCsLqiuB2tA7muqbSg1AtGEkN0leAqGjsUzDJir3Zwr02BhqdcITPg3ei3mZ+HjMocAknhhg==}
+
+  jsonc-parser@3.3.1:
+    resolution: {integrity: sha512-HUgH65KyejrUFPvHFPbqOY0rsFip3Bo5wb4ngvdi1EpCYWUQDC5V+Y7mZws+DLkr4M//zQJoanu1SP+87Dv1oQ==}
+
+  kleur@3.0.3:
+    resolution: {integrity: sha512-eTIzlVOSUR+JxdDFepEYcBMtZ9Qqdef+rnzWdRZuMbOywu5tO2w2N7rqjoANZ5k9vywhL6Br1VRjUIgTQx4E8w==}
+    engines: {node: '>=6'}
+
+  kleur@4.1.5:
+    resolution: {integrity: sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ==}
+    engines: {node: '>=6'}
+
+  lilconfig@3.1.3:
+    resolution: {integrity: sha512-/vlFKAoH5Cgt3Ie+JLhRbwOsCQePABiU3tJ1egGvyQ+33R/vcwM2Zl2QR/LzjsBeItPt3oSVXapn+m4nQDvpzw==}
+    engines: {node: '>=14'}
+
+  lines-and-columns@1.2.4:
+    resolution: {integrity: sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==}
+
+  load-tsconfig@0.2.5:
+    resolution: {integrity: sha512-IXO6OCs9yg8tMKzfPZ1YmheJbZCiEsnBdcB03l0OcfK9prKnJb96siuHCr5Fl37/yo9DnKU+TLpxzTUspw9shg==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+
+  longest-streak@3.1.0:
+    resolution: {integrity: sha512-9Ri+o0JYgehTaVBBDoMqIl8GXtbWg711O3srftcHhZ0dqnETqLaoIK0x17fUw9rFSlK/0NlsKe0Ahhyl5pXE2g==}
+
+  lru-cache@11.3.2:
+    resolution: {integrity: sha512-wgWa6FWQ3QRRJbIjbsldRJZxdxYngT/dO0I5Ynmlnin8qy7tC6xYzbcJjtN4wHLXtkbVwHzk0C+OejVw1XM+DQ==}
+    engines: {node: 20 || >=22}
+
+  magic-string@0.30.21:
+    resolution: {integrity: sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==}
+
+  magicast@0.5.2:
+    resolution: {integrity: sha512-E3ZJh4J3S9KfwdjZhe2afj6R9lGIN5Pher1pF39UGrXRqq/VDaGVIGN13BjHd2u8B61hArAGOnso7nBOouW3TQ==}
+
+  markdown-table@3.0.4:
+    resolution: {integrity: sha512-wiYz4+JrLyb/DqW2hkFJxP7Vd7JuTDm77fvbM8VfEQdmSMqcImWeeRbHwZjBjIFki/VaMK2BhFi7oUUZeM5bqw==}
+
+  mdast-util-definitions@6.0.0:
+    resolution: {integrity: sha512-scTllyX6pnYNZH/AIp/0ePz6s4cZtARxImwoPJ7kS42n+MnVsI4XbnG6d4ibehRIldYMWM2LD7ImQblVhUejVQ==}
+
+  mdast-util-find-and-replace@3.0.2:
+    resolution: {integrity: sha512-Tmd1Vg/m3Xz43afeNxDIhWRtFZgM2VLyaf4vSTYwudTyeuTneoL3qtWMA5jeLyz/O1vDJmmV4QuScFCA2tBPwg==}
+
+  mdast-util-from-markdown@2.0.3:
+    resolution: {integrity: sha512-W4mAWTvSlKvf8L6J+VN9yLSqQ9AOAAvHuoDAmPkz4dHf553m5gVj2ejadHJhoJmcmxEnOv6Pa8XJhpxE93kb8Q==}
+
+  mdast-util-gfm-autolink-literal@2.0.1:
+    resolution: {integrity: sha512-5HVP2MKaP6L+G6YaxPNjuL0BPrq9orG3TsrZ9YXbA3vDw/ACI4MEsnoDpn6ZNm7GnZgtAcONJyPhOP8tNJQavQ==}
+
+  mdast-util-gfm-footnote@2.1.0:
+    resolution: {integrity: sha512-sqpDWlsHn7Ac9GNZQMeUzPQSMzR6Wv0WKRNvQRg0KqHh02fpTz69Qc1QSseNX29bhz1ROIyNyxExfawVKTm1GQ==}
+
+  mdast-util-gfm-strikethrough@2.0.0:
+    resolution: {integrity: sha512-mKKb915TF+OC5ptj5bJ7WFRPdYtuHv0yTRxK2tJvi+BDqbkiG7h7u/9SI89nRAYcmap2xHQL9D+QG/6wSrTtXg==}
+
+  mdast-util-gfm-table@2.0.0:
+    resolution: {integrity: sha512-78UEvebzz/rJIxLvE7ZtDd/vIQ0RHv+3Mh5DR96p7cS7HsBhYIICDBCu8csTNWNO6tBWfqXPWekRuj2FNOGOZg==}
+
+  mdast-util-gfm-task-list-item@2.0.0:
+    resolution: {integrity: sha512-IrtvNvjxC1o06taBAVJznEnkiHxLFTzgonUdy8hzFVeDun0uTjxxrRGVaNFqkU1wJR3RBPEfsxmU6jDWPofrTQ==}
+
+  mdast-util-gfm@3.1.0:
+    resolution: {integrity: sha512-0ulfdQOM3ysHhCJ1p06l0b0VKlhU0wuQs3thxZQagjcjPrlFRqY215uZGHHJan9GEAXd9MbfPjFJz+qMkVR6zQ==}
+
+  mdast-util-phrasing@4.1.0:
+    resolution: {integrity: sha512-TqICwyvJJpBwvGAMZjj4J2n0X8QWp21b9l0o7eXyVJ25YNWYbJDVIyD1bZXE6WtV6RmKJVYmQAKWa0zWOABz2w==}
+
+  mdast-util-to-hast@13.2.1:
+    resolution: {integrity: sha512-cctsq2wp5vTsLIcaymblUriiTcZd0CwWtCbLvrOzYCDZoWyMNV8sZ7krj09FSnsiJi3WVsHLM4k6Dq/yaPyCXA==}
+
+  mdast-util-to-markdown@2.1.2:
+    resolution: {integrity: sha512-xj68wMTvGXVOKonmog6LwyJKrYXZPvlwabaryTjLh9LuvovB/KAH+kvi8Gjj+7rJjsFi23nkUxRQv1KqSroMqA==}
+
+  mdast-util-to-string@4.0.0:
+    resolution: {integrity: sha512-0H44vDimn51F0YwvxSJSm0eCDOJTRlmN0R1yBh4HLj9wiV1Dn0QoXGbvFAWj2hSItVTlCmBF1hqKlIyUBVFLPg==}
+
+  mdn-data@2.0.28:
+    resolution: {integrity: sha512-aylIc7Z9y4yzHYAJNuESG3hfhC+0Ibp/MAMiaOZgNv4pmEdFyfZhhhny4MNiAfWdBQ1RQ2mfDWmM1x8SvGyp8g==}
+
+  mdn-data@2.27.1:
+    resolution: {integrity: sha512-9Yubnt3e8A0OKwxYSXyhLymGW4sCufcLG6VdiDdUGVkPhpqLxlvP5vl1983gQjJl3tqbrM731mjaZaP68AgosQ==}
+
+  micromark-core-commonmark@2.0.3:
+    resolution: {integrity: sha512-RDBrHEMSxVFLg6xvnXmb1Ayr2WzLAWjeSATAoxwKYJV94TeNavgoIdA0a9ytzDSVzBy2YKFK+emCPOEibLeCrg==}
+
+  micromark-extension-gfm-autolink-literal@2.1.0:
+    resolution: {integrity: sha512-oOg7knzhicgQ3t4QCjCWgTmfNhvQbDDnJeVu9v81r7NltNCVmhPy1fJRX27pISafdjL+SVc4d3l48Gb6pbRypw==}
+
+  micromark-extension-gfm-footnote@2.1.0:
+    resolution: {integrity: sha512-/yPhxI1ntnDNsiHtzLKYnE3vf9JZ6cAisqVDauhp4CEHxlb4uoOTxOCJ+9s51bIB8U1N1FJ1RXOKTIlD5B/gqw==}
+
+  micromark-extension-gfm-strikethrough@2.1.0:
+    resolution: {integrity: sha512-ADVjpOOkjz1hhkZLlBiYA9cR2Anf8F4HqZUO6e5eDcPQd0Txw5fxLzzxnEkSkfnD0wziSGiv7sYhk/ktvbf1uw==}
+
+  micromark-extension-gfm-table@2.1.1:
+    resolution: {integrity: sha512-t2OU/dXXioARrC6yWfJ4hqB7rct14e8f7m0cbI5hUmDyyIlwv5vEtooptH8INkbLzOatzKuVbQmAYcbWoyz6Dg==}
+
+  micromark-extension-gfm-tagfilter@2.0.0:
+    resolution: {integrity: sha512-xHlTOmuCSotIA8TW1mDIM6X2O1SiX5P9IuDtqGonFhEK0qgRI4yeC6vMxEV2dgyr2TiD+2PQ10o+cOhdVAcwfg==}
+
+  micromark-extension-gfm-task-list-item@2.1.0:
+    resolution: {integrity: sha512-qIBZhqxqI6fjLDYFTBIa4eivDMnP+OZqsNwmQ3xNLE4Cxwc+zfQEfbs6tzAo2Hjq+bh6q5F+Z8/cksrLFYWQQw==}
+
+  micromark-extension-gfm@3.0.0:
+    resolution: {integrity: sha512-vsKArQsicm7t0z2GugkCKtZehqUm31oeGBV/KVSorWSy8ZlNAv7ytjFhvaryUiCUJYqs+NoE6AFhpQvBTM6Q4w==}
+
+  micromark-factory-destination@2.0.1:
+    resolution: {integrity: sha512-Xe6rDdJlkmbFRExpTOmRj9N3MaWmbAgdpSrBQvCFqhezUn4AHqJHbaEnfbVYYiexVSs//tqOdY/DxhjdCiJnIA==}
+
+  micromark-factory-label@2.0.1:
+    resolution: {integrity: sha512-VFMekyQExqIW7xIChcXn4ok29YE3rnuyveW3wZQWWqF4Nv9Wk5rgJ99KzPvHjkmPXF93FXIbBp6YdW3t71/7Vg==}
+
+  micromark-factory-space@2.0.1:
+    resolution: {integrity: sha512-zRkxjtBxxLd2Sc0d+fbnEunsTj46SWXgXciZmHq0kDYGnck/ZSGj9/wULTV95uoeYiK5hRXP2mJ98Uo4cq/LQg==}
+
+  micromark-factory-title@2.0.1:
+    resolution: {integrity: sha512-5bZ+3CjhAd9eChYTHsjy6TGxpOFSKgKKJPJxr293jTbfry2KDoWkhBb6TcPVB4NmzaPhMs1Frm9AZH7OD4Cjzw==}
+
+  micromark-factory-whitespace@2.0.1:
+    resolution: {integrity: sha512-Ob0nuZ3PKt/n0hORHyvoD9uZhr+Za8sFoP+OnMcnWK5lngSzALgQYKMr9RJVOWLqQYuyn6ulqGWSXdwf6F80lQ==}
+
+  micromark-util-character@2.1.1:
+    resolution: {integrity: sha512-wv8tdUTJ3thSFFFJKtpYKOYiGP2+v96Hvk4Tu8KpCAsTMs6yi+nVmGh1syvSCsaxz45J6Jbw+9DD6g97+NV67Q==}
+
+  micromark-util-chunked@2.0.1:
+    resolution: {integrity: sha512-QUNFEOPELfmvv+4xiNg2sRYeS/P84pTW0TCgP5zc9FpXetHY0ab7SxKyAQCNCc1eK0459uoLI1y5oO5Vc1dbhA==}
+
+  micromark-util-classify-character@2.0.1:
+    resolution: {integrity: sha512-K0kHzM6afW/MbeWYWLjoHQv1sgg2Q9EccHEDzSkxiP/EaagNzCm7T/WMKZ3rjMbvIpvBiZgwR3dKMygtA4mG1Q==}
+
+  micromark-util-combine-extensions@2.0.1:
+    resolution: {integrity: sha512-OnAnH8Ujmy59JcyZw8JSbK9cGpdVY44NKgSM7E9Eh7DiLS2E9RNQf0dONaGDzEG9yjEl5hcqeIsj4hfRkLH/Bg==}
+
+  micromark-util-decode-numeric-character-reference@2.0.2:
+    resolution: {integrity: sha512-ccUbYk6CwVdkmCQMyr64dXz42EfHGkPQlBj5p7YVGzq8I7CtjXZJrubAYezf7Rp+bjPseiROqe7G6foFd+lEuw==}
+
+  micromark-util-decode-string@2.0.1:
+    resolution: {integrity: sha512-nDV/77Fj6eH1ynwscYTOsbK7rR//Uj0bZXBwJZRfaLEJ1iGBR6kIfNmlNqaqJf649EP0F3NWNdeJi03elllNUQ==}
+
+  micromark-util-encode@2.0.1:
+    resolution: {integrity: sha512-c3cVx2y4KqUnwopcO9b/SCdo2O67LwJJ/UyqGfbigahfegL9myoEFoDYZgkT7f36T0bLrM9hZTAaAyH+PCAXjw==}
+
+  micromark-util-html-tag-name@2.0.1:
+    resolution: {integrity: sha512-2cNEiYDhCWKI+Gs9T0Tiysk136SnR13hhO8yW6BGNyhOC4qYFnwF1nKfD3HFAIXA5c45RrIG1ub11GiXeYd1xA==}
+
+  micromark-util-normalize-identifier@2.0.1:
+    resolution: {integrity: sha512-sxPqmo70LyARJs0w2UclACPUUEqltCkJ6PhKdMIDuJ3gSf/Q+/GIe3WKl0Ijb/GyH9lOpUkRAO2wp0GVkLvS9Q==}
+
+  micromark-util-resolve-all@2.0.1:
+    resolution: {integrity: sha512-VdQyxFWFT2/FGJgwQnJYbe1jjQoNTS4RjglmSjTUlpUMa95Htx9NHeYW4rGDJzbjvCsl9eLjMQwGeElsqmzcHg==}
+
+  micromark-util-sanitize-uri@2.0.1:
+    resolution: {integrity: sha512-9N9IomZ/YuGGZZmQec1MbgxtlgougxTodVwDzzEouPKo3qFWvymFHWcnDi2vzV1ff6kas9ucW+o3yzJK9YB1AQ==}
+
+  micromark-util-subtokenize@2.1.0:
+    resolution: {integrity: sha512-XQLu552iSctvnEcgXw6+Sx75GflAPNED1qx7eBJ+wydBb2KCbRZe+NwvIEEMM83uml1+2WSXpBAcp9IUCgCYWA==}
+
+  micromark-util-symbol@2.0.1:
+    resolution: {integrity: sha512-vs5t8Apaud9N28kgCrRUdEed4UJ+wWNvicHLPxCa9ENlYuAY31M0ETy5y1vA33YoNPDFTghEbnh6efaE8h4x0Q==}
+
+  micromark-util-types@2.0.2:
+    resolution: {integrity: sha512-Yw0ECSpJoViF1qTU4DC6NwtC4aWGt1EkzaQB8KPPyCRR8z9TWeV0HbEFGTO+ZY1wB22zmxnJqhPyTpOVCpeHTA==}
+
+  micromark@4.0.2:
+    resolution: {integrity: sha512-zpe98Q6kvavpCr1NPVSCMebCKfD7CA2NqZ+rykeNhONIJBpc1tFKt9hucLGwha3jNTNI8lHpctWJWoimVF4PfA==}
+
+  mime-db@1.54.0:
+    resolution: {integrity: sha512-aU5EJuIN2WDemCcAp2vFBfp/m4EAhWJnUNSSw0ixs7/kXbd6Pg64EmwJkNdFhB8aWt1sH2CTXrLxo/iAGV3oPQ==}
+    engines: {node: '>= 0.6'}
+
+  mime-types@3.0.2:
+    resolution: {integrity: sha512-Lbgzdk0h4juoQ9fCKXW4by0UJqj+nOOrI9MJ1sSj4nI8aI2eo1qmvQEie4VD1glsS250n15LsWsYtCugiStS5A==}
+    engines: {node: '>=18'}
+
+  mlly@1.8.2:
+    resolution: {integrity: sha512-d+ObxMQFmbt10sretNDytwt85VrbkhhUA/JBGm1MPaWJ65Cl4wOgLaB1NYvJSZ0Ef03MMEU/0xpPMXUIQ29UfA==}
+
+  mrmime@2.0.1:
+    resolution: {integrity: sha512-Y3wQdFg2Va6etvQ5I82yUhGdsKrcYox6p7FfL1LbK2J4V01F9TGlepTIhnK24t7koZibmg82KGglhA1XK5IsLQ==}
+    engines: {node: '>=10'}
+
+  ms@2.1.3:
+    resolution: {integrity: sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==}
+
+  muggle-string@0.4.1:
+    resolution: {integrity: sha512-VNTrAak/KhO2i8dqqnqnAHOa3cYBwXEZe9h+D5h/1ZqFSTEFHdM65lR7RoIqq3tBBYavsOXV84NoHXZ0AkPyqQ==}
+
+  mz@2.7.0:
+    resolution: {integrity: sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==}
+
+  nanoid@3.3.11:
+    resolution: {integrity: sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==}
+    engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
+    hasBin: true
+
+  neotraverse@0.6.18:
+    resolution: {integrity: sha512-Z4SmBUweYa09+o6pG+eASabEpP6QkQ70yHj351pQoEXIs8uHbaU2DWVmzBANKgflPa47A50PtB2+NgRpQvr7vA==}
+    engines: {node: '>= 10'}
+
+  nlcst-to-string@4.0.0:
+    resolution: {integrity: sha512-YKLBCcUYKAg0FNlOBT6aI91qFmSiFKiluk655WzPF+DDMA02qIyy8uiRqI8QXtcFpEvll12LpL5MXqEmAZ+dcA==}
+
+  node-fetch-native@1.6.7:
+    resolution: {integrity: sha512-g9yhqoedzIUm0nTnTqAQvueMPVOuIY16bqgAJJC8XOOubYFNwz6IER9qs0Gq2Xd0+CecCKFjtdDTMA4u4xG06Q==}
+
+  node-mock-http@1.0.4:
+    resolution: {integrity: sha512-8DY+kFsDkNXy1sJglUfuODx1/opAGJGyrTuFqEoN90oRc2Vk0ZbD4K2qmKXBBEhZQzdKHIVfEJpDU8Ak2NJEvQ==}
+
+  normalize-path@3.0.0:
+    resolution: {integrity: sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==}
+    engines: {node: '>=0.10.0'}
+
+  nth-check@2.1.1:
+    resolution: {integrity: sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==}
+
+  object-assign@4.1.1:
+    resolution: {integrity: sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==}
+    engines: {node: '>=0.10.0'}
+
+  ofetch@1.5.1:
+    resolution: {integrity: sha512-2W4oUZlVaqAPAil6FUg/difl6YhqhUR7x2eZY4bQCko22UXg3hptq9KLQdqFClV+Wu85UX7hNtdGTngi/1BxcA==}
+
+  ohash@2.0.11:
+    resolution: {integrity: sha512-RdR9FQrFwNBNXAr4GixM8YaRZRJ5PUWbKYbE5eOsrwAjJW0q2REGcf79oYPsLyskQCZG1PLN+S/K1V00joZAoQ==}
+
+  on-finished@2.4.1:
+    resolution: {integrity: sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==}
+    engines: {node: '>= 0.8'}
+
+  oniguruma-parser@0.12.1:
+    resolution: {integrity: sha512-8Unqkvk1RYc6yq2WBYRj4hdnsAxVze8i7iPfQr8e4uSP3tRv0rpZcbGUDvxfQQcdwHt/e9PrMvGCsa8OqG9X3w==}
+
+  oniguruma-to-es@4.3.5:
+    resolution: {integrity: sha512-Zjygswjpsewa0NLTsiizVuMQZbp0MDyM6lIt66OxsF21npUDlzpHi1Mgb/qhQdkb+dWFTzJmFbEWdvZgRho8eQ==}
+
+  p-limit@6.2.0:
+    resolution: {integrity: sha512-kuUqqHNUqoIWp/c467RI4X6mmyuojY5jGutNU0wVTmEOOfcuwLqyMVoAi9MKi2Ak+5i9+nhmrK4ufZE8069kHA==}
+    engines: {node: '>=18'}
+
+  p-queue@8.1.1:
+    resolution: {integrity: sha512-aNZ+VfjobsWryoiPnEApGGmf5WmNsCo9xu8dfaYamG5qaLP7ClhLN6NgsFe6SwJ2UbLEBK5dv9x8Mn5+RVhMWQ==}
+    engines: {node: '>=18'}
+
+  p-timeout@6.1.4:
+    resolution: {integrity: sha512-MyIV3ZA/PmyBN/ud8vV9XzwTrNtR4jFrObymZYnZqMmW0zA8Z17vnT0rBgFE/TlohB+YCHqXMgZzb3Csp49vqg==}
+    engines: {node: '>=14.16'}
+
+  package-manager-detector@1.6.0:
+    resolution: {integrity: sha512-61A5ThoTiDG/C8s8UMZwSorAGwMJ0ERVGj2OjoW5pAalsNOg15+iQiPzrLJ4jhZ1HJzmC2PIHT2oEiH3R5fzNA==}
+
+  parse-latin@7.0.0:
+    resolution: {integrity: sha512-mhHgobPPua5kZ98EF4HWiH167JWBfl4pvAIXXdbaVohtK7a6YBOy56kvhCqduqyo/f3yrHFWmqmiMg/BkBkYYQ==}
+
+  parse5@7.3.0:
+    resolution: {integrity: sha512-IInvU7fabl34qmi9gY8XOVxhYyMyuH2xUNpb2q8/Y+7552KlejkRvqvD19nMoUW/uQGGbqNpA6Tufu5FL5BZgw==}
+
+  path-browserify@1.0.1:
+    resolution: {integrity: sha512-b7uo2UCUOYZcnF/3ID0lulOJi/bafxa1xPe7ZPsammBSpjSWQkjNxlt635YGS2MiR9GjvuXCtz2emr3jbsz98g==}
+
+  pathe@2.0.3:
+    resolution: {integrity: sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==}
+
+  piccolore@0.1.3:
+    resolution: {integrity: sha512-o8bTeDWjE086iwKrROaDf31K0qC/BENdm15/uH9usSC/uZjJOKb2YGiVHfLY4GhwsERiPI1jmwI2XrA7ACOxVw==}
+
+  picocolors@1.1.1:
+    resolution: {integrity: sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==}
+
+  picomatch@2.3.2:
+    resolution: {integrity: sha512-V7+vQEJ06Z+c5tSye8S+nHUfI51xoXIXjHQ99cQtKUkQqqO1kO/KCJUfZXuB47h/YBlDhah2H3hdUGXn8ie0oA==}
+    engines: {node: '>=8.6'}
+
+  picomatch@4.0.4:
+    resolution: {integrity: sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==}
+    engines: {node: '>=12'}
+
+  pirates@4.0.7:
+    resolution: {integrity: sha512-TfySrs/5nm8fQJDcBDuUng3VOUKsd7S+zqvbOTiGXHfxX4wK31ard+hoNuvkicM/2YFzlpDgABOevKSsB4G/FA==}
+    engines: {node: '>= 6'}
+
+  pkg-types@1.3.1:
+    resolution: {integrity: sha512-/Jm5M4RvtBFVkKWRu2BLUTNP8/M2a+UwuAX+ae4770q1qVGtfjG+WTCupoZixokjmHiry8uI+dlY8KXYV5HVVQ==}
+
+  playwright-core@1.59.1:
+    resolution: {integrity: sha512-HBV/RJg81z5BiiZ9yPzIiClYV/QMsDCKUyogwH9p3MCP6IYjUFu/MActgYAvK0oWyV9NlwM3GLBjADyWgydVyg==}
+    engines: {node: '>=18'}
+    hasBin: true
+
+  playwright@1.59.1:
+    resolution: {integrity: sha512-C8oWjPR3F81yljW9o5OxcWzfh6avkVwDD2VYdwIGqTkl+OGFISgypqzfu7dOe4QNLL2aqcWBmI3PMtLIK233lw==}
+    engines: {node: '>=18'}
+    hasBin: true
+
+  postcss-load-config@6.0.1:
+    resolution: {integrity: sha512-oPtTM4oerL+UXmx+93ytZVN82RrlY/wPUV8IeDxFrzIjXOLF1pN+EmKPLbubvKHT2HC20xXsCAH2Z+CKV6Oz/g==}
+    engines: {node: '>= 18'}
+    peerDependencies:
+      jiti: '>=1.21.0'
+      postcss: '>=8.0.9'
+      tsx: ^4.8.1
+      yaml: ^2.4.2
+    peerDependenciesMeta:
+      jiti:
+        optional: true
+      postcss:
+        optional: true
+      tsx:
+        optional: true
+      yaml:
+        optional: true
+
+  postcss@8.5.8:
+    resolution: {integrity: sha512-OW/rX8O/jXnm82Ey1k44pObPtdblfiuWnrd8X7GJ7emImCOstunGbXUpp7HdBrFQX6rJzn3sPT397Wp5aCwCHg==}
+    engines: {node: ^10 || ^12 || >=14}
+
+  prettier@3.8.1:
+    resolution: {integrity: sha512-UOnG6LftzbdaHZcKoPFtOcCKztrQ57WkHDeRD9t/PTQtmT0NHSeWWepj6pS0z/N7+08BHFDQVUrfmfMRcZwbMg==}
+    engines: {node: '>=14'}
+    hasBin: true
+
+  prismjs@1.30.0:
+    resolution: {integrity: sha512-DEvV2ZF2r2/63V+tK8hQvrR2ZGn10srHbXviTlcv7Kpzw8jWiNTqbVgjO3IY8RxrrOUF8VPMQQFysYYYv0YZxw==}
+    engines: {node: '>=6'}
+
+  prompts@2.4.2:
+    resolution: {integrity: sha512-NxNv/kLguCA7p3jE8oL2aEBsrJWgAakBpgmgK6lpPWV+WuOmY6r2/zbAVnP+T8bQlA0nzHXSJSJW0Hq7ylaD2Q==}
+    engines: {node: '>= 6'}
+
+  property-information@7.1.0:
+    resolution: {integrity: sha512-TwEZ+X+yCJmYfL7TPUOcvBZ4QfoT5YenQiJuX//0th53DE6w0xxLEtfK3iyryQFddXuvkIk51EEgrJQ0WJkOmQ==}
+
+  radix3@1.1.2:
+    resolution: {integrity: sha512-b484I/7b8rDEdSDKckSSBA8knMpcdsXudlE/LNL639wFoHKwLbEkQFZHWEYwDC0wa0FKUcCY+GAF73Z7wxNVFA==}
+
+  range-parser@1.2.1:
+    resolution: {integrity: sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==}
+    engines: {node: '>= 0.6'}
+
+  readdirp@4.1.2:
+    resolution: {integrity: sha512-GDhwkLfywWL2s6vEjyhri+eXmfH6j1L7JE27WhqLeYzoh/A3DBaYGEj2H/HFZCn/kMfim73FXxEJTw06WtxQwg==}
+    engines: {node: '>= 14.18.0'}
+
+  readdirp@5.0.0:
+    resolution: {integrity: sha512-9u/XQ1pvrQtYyMpZe7DXKv2p5CNvyVwzUB6uhLAnQwHMSgKMBR62lc7AHljaeteeHXn11XTAaLLUVZYVZyuRBQ==}
+    engines: {node: '>= 20.19.0'}
+
+  regex-recursion@6.0.2:
+    resolution: {integrity: sha512-0YCaSCq2VRIebiaUviZNs0cBz1kg5kVS2UKUfNIx8YVs1cN3AV7NTctO5FOKBA+UT2BPJIWZauYHPqJODG50cg==}
+
+  regex-utilities@2.3.0:
+    resolution: {integrity: sha512-8VhliFJAWRaUiVvREIiW2NXXTmHs4vMNnSzuJVhscgmGav3g9VDxLrQndI3dZZVVdp0ZO/5v0xmX516/7M9cng==}
+
+  regex@6.1.0:
+    resolution: {integrity: sha512-6VwtthbV4o/7+OaAF9I5L5V3llLEsoPyq9P1JVXkedTP33c7MfCG0/5NOPcSJn0TzXcG9YUrR0gQSWioew3LDg==}
+
+  rehype-parse@9.0.1:
+    resolution: {integrity: sha512-ksCzCD0Fgfh7trPDxr2rSylbwq9iYDkSn8TCDmEJ49ljEUBxDVCzCHv7QNzZOfODanX4+bWQ4WZqLCRWYLfhag==}
+
+  rehype-raw@7.0.0:
+    resolution: {integrity: sha512-/aE8hCfKlQeA8LmyeyQvQF3eBiLRGNlfBJEvWH7ivp9sBqs7TNqBL5X3v157rM4IFETqDnIOO+z5M/biZbo9Ww==}
+
+  rehype-stringify@10.0.1:
+    resolution: {integrity: sha512-k9ecfXHmIPuFVI61B9DeLPN0qFHfawM6RsuX48hoqlaKSF61RskNjSm1lI8PhBEM0MRdLxVVm4WmTqJQccH9mA==}
+
+  rehype@13.0.2:
+    resolution: {integrity: sha512-j31mdaRFrwFRUIlxGeuPXXKWQxet52RBQRvCmzl5eCefn/KGbomK5GMHNMsOJf55fgo3qw5tST5neDuarDYR2A==}
+
+  remark-gfm@4.0.1:
+    resolution: {integrity: sha512-1quofZ2RQ9EWdeN34S79+KExV1764+wCUGop5CPL1WGdD0ocPpu91lzPGbwWMECpEpd42kJGQwzRfyov9j4yNg==}
+
+  remark-parse@11.0.0:
+    resolution: {integrity: sha512-FCxlKLNGknS5ba/1lmpYijMUzX2esxW5xQqjWxw2eHFfS2MSdaHVINFmhjo+qN1WhZhNimq0dZATN9pH0IDrpA==}
+
+  remark-rehype@11.1.2:
+    resolution: {integrity: sha512-Dh7l57ianaEoIpzbp0PC9UKAdCSVklD8E5Rpw7ETfbTl3FqcOOgq5q2LVDhgGCkaBv7p24JXikPdvhhmHvKMsw==}
+
+  remark-smartypants@3.0.2:
+    resolution: {integrity: sha512-ILTWeOriIluwEvPjv67v7Blgrcx+LZOkAUVtKI3putuhlZm84FnqDORNXPPm+HY3NdZOMhyDwZ1E+eZB/Df5dA==}
+    engines: {node: '>=16.0.0'}
+
+  remark-stringify@11.0.0:
+    resolution: {integrity: sha512-1OSmLd3awB/t8qdoEOMazZkNsfVTeY4fTsgzcQFdXNq8ToTN4ZGwrMnlda4K6smTFKD+GRV6O48i6Z4iKgPPpw==}
+
+  request-light@0.5.8:
+    resolution: {integrity: sha512-3Zjgh+8b5fhRJBQZoy+zbVKpAQGLyka0MPgW3zruTF4dFFJ8Fqcfu9YsAvi/rvdcaTeWG3MkbZv4WKxAn/84Lg==}
+
+  request-light@0.7.0:
+    resolution: {integrity: sha512-lMbBMrDoxgsyO+yB3sDcrDuX85yYt7sS8BfQd11jtbW/z5ZWgLZRcEGLsLoYw7I0WSUGQBs8CC8ScIxkTX1+6Q==}
+
+  require-directory@2.1.1:
+    resolution: {integrity: sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==}
+    engines: {node: '>=0.10.0'}
+
+  require-from-string@2.0.2:
+    resolution: {integrity: sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==}
+    engines: {node: '>=0.10.0'}
+
+  resolve-from@5.0.0:
+    resolution: {integrity: sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==}
+    engines: {node: '>=8'}
+
+  retext-latin@4.0.0:
+    resolution: {integrity: sha512-hv9woG7Fy0M9IlRQloq/N6atV82NxLGveq+3H2WOi79dtIYWN8OaxogDm77f8YnVXJL2VD3bbqowu5E3EMhBYA==}
+
+  retext-smartypants@6.2.0:
+    resolution: {integrity: sha512-kk0jOU7+zGv//kfjXEBjdIryL1Acl4i9XNkHxtM7Tm5lFiCog576fjNC9hjoR7LTKQ0DsPWy09JummSsH1uqfQ==}
+
+  retext-stringify@4.0.0:
+    resolution: {integrity: sha512-rtfN/0o8kL1e+78+uxPTqu1Klt0yPzKuQ2BfWwwfgIUSayyzxpM1PJzkKt4V8803uB9qSy32MvI7Xep9khTpiA==}
+
+  retext@9.0.0:
+    resolution: {integrity: sha512-sbMDcpHCNjvlheSgMfEcVrZko3cDzdbe1x/e7G66dFp0Ff7Mldvi2uv6JkJQzdRcvLYE8CA8Oe8siQx8ZOgTcA==}
+
+  rollup@4.60.1:
+    resolution: {integrity: sha512-VmtB2rFU/GroZ4oL8+ZqXgSA38O6GR8KSIvWmEFv63pQ0G6KaBH9s07PO8XTXP4vI+3UJUEypOfjkGfmSBBR0w==}
+    engines: {node: '>=18.0.0', npm: '>=8.0.0'}
+    hasBin: true
+
+  sax@1.6.0:
+    resolution: {integrity: sha512-6R3J5M4AcbtLUdZmRv2SygeVaM7IhrLXu9BmnOGmmACak8fiUtOsYNWUS4uK7upbmHIBbLBeFeI//477BKLBzA==}
+    engines: {node: '>=11.0.0'}
+
+  semver@7.7.4:
+    resolution: {integrity: sha512-vFKC2IEtQnVhpT78h1Yp8wzwrf8CM+MzKMHGJZfBtzhZNycRFnXsHk6E5TxIkkMsgNS7mdX3AGB7x2QM2di4lA==}
+    engines: {node: '>=10'}
+    hasBin: true
+
+  send@1.2.1:
+    resolution: {integrity: sha512-1gnZf7DFcoIcajTjTwjwuDjzuz4PPcY2StKPlsGAQ1+YH20IRVrBaXSWmdjowTJ6u8Rc01PoYOGHXfP1mYcZNQ==}
+    engines: {node: '>= 18'}
+
+  server-destroy@1.0.1:
+    resolution: {integrity: sha512-rb+9B5YBIEzYcD6x2VKidaa+cqYBJQKnU4oe4E3ANwRRN56yk/ua1YCJT1n21NTS8w6CcOclAKNP3PhdCXKYtQ==}
+
+  setprototypeof@1.2.0:
+    resolution: {integrity: sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==}
+
+  sharp@0.34.5:
+    resolution: {integrity: sha512-Ou9I5Ft9WNcCbXrU9cMgPBcCK8LiwLqcbywW3t4oDV37n1pzpuNLsYiAV8eODnjbtQlSDwZ2cUEeQz4E54Hltg==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+
+  shiki@3.23.0:
+    resolution: {integrity: sha512-55Dj73uq9ZXL5zyeRPzHQsK7Nbyt6Y10k5s7OjuFZGMhpp4r/rsLBH0o/0fstIzX1Lep9VxefWljK/SKCzygIA==}
+
+  sisteransi@1.0.5:
+    resolution: {integrity: sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg==}
+
+  smol-toml@1.6.1:
+    resolution: {integrity: sha512-dWUG8F5sIIARXih1DTaQAX4SsiTXhInKf1buxdY9DIg4ZYPZK5nGM1VRIYmEbDbsHt7USo99xSLFu5Q1IqTmsg==}
+    engines: {node: '>= 18'}
+
+  source-map-js@1.2.1:
+    resolution: {integrity: sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==}
+    engines: {node: '>=0.10.0'}
+
+  source-map@0.7.6:
+    resolution: {integrity: sha512-i5uvt8C3ikiWeNZSVZNWcfZPItFQOsYTUAOkcUPGd8DqDy1uOUikjt5dG+uRlwyvR108Fb9DOd4GvXfT0N2/uQ==}
+    engines: {node: '>= 12'}
+
+  space-separated-tokens@2.0.2:
+    resolution: {integrity: sha512-PEGlAwrG8yXGXRjW32fGbg66JAlOAwbObuqVoJpv/mRgoWDQfgH1wDPvtzWyUSNAXBGSk8h755YDbbcEy3SH2Q==}
+
+  statuses@2.0.2:
+    resolution: {integrity: sha512-DvEy55V3DB7uknRo+4iOGT5fP1slR8wQohVdknigZPMpMstaKJQWhwiYBACJE3Ul2pTnATihhBYnRhZQHGBiRw==}
+    engines: {node: '>= 0.8'}
+
+  string-width@4.2.3:
+    resolution: {integrity: sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==}
+    engines: {node: '>=8'}
+
+  string-width@7.2.0:
+    resolution: {integrity: sha512-tsaTIkKW9b4N+AEj+SVA+WhJzV7/zMhcSu78mLKWSk7cXMOSHsBKFWUs0fWwq8QyK3MgJBQRX6Gbi4kYbdvGkQ==}
+    engines: {node: '>=18'}
+
+  stringify-entities@4.0.4:
+    resolution: {integrity: sha512-IwfBptatlO+QCJUo19AqvrPNqlVMpW9YEL2LIVY+Rpv2qsjCGxaDLNRgeGsQWJhfItebuJhsGSLjaBbNSQ+ieg==}
+
+  strip-ansi@6.0.1:
+    resolution: {integrity: sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==}
+    engines: {node: '>=8'}
+
+  strip-ansi@7.2.0:
+    resolution: {integrity: sha512-yDPMNjp4WyfYBkHnjIRLfca1i6KMyGCtsVgoKe/z1+6vukgaENdgGBZt+ZmKPc4gavvEZ5OgHfHdrazhgNyG7w==}
+    engines: {node: '>=12'}
+
+  sucrase@3.35.1:
+    resolution: {integrity: sha512-DhuTmvZWux4H1UOnWMB3sk0sbaCVOoQZjv8u1rDoTV0HTdGem9hkAZtl4JZy8P2z4Bg0nT+YMeOFyVr4zcG5Tw==}
+    engines: {node: '>=16 || 14 >=14.17'}
+    hasBin: true
+
+  svgo@4.0.1:
+    resolution: {integrity: sha512-XDpWUOPC6FEibaLzjfe0ucaV0YrOjYotGJO1WpF0Zd+n6ZGEQUsSugaoLq9QkEZtAfQIxT42UChcssDVPP3+/w==}
+    engines: {node: '>=16'}
+    hasBin: true
+
+  thenify-all@1.6.0:
+    resolution: {integrity: sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==}
+    engines: {node: '>=0.8'}
+
+  thenify@3.3.1:
+    resolution: {integrity: sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==}
+
+  tiny-inflate@1.0.3:
+    resolution: {integrity: sha512-pkY1fj1cKHb2seWDy0B16HeWyczlJA9/WW3u3c4z/NiWDsO3DOU5D7nhTLE9CF0yXv/QZFY7sEJmj24dK+Rrqw==}
+
+  tinyexec@0.3.2:
+    resolution: {integrity: sha512-KQQR9yN7R5+OSwaK0XQoj22pwHoTlgYqmUscPYoknOoWCWfj/5/ABTMRi69FrKU5ffPVh5QcFikpWJI/P1ocHA==}
+
+  tinyexec@1.0.4:
+    resolution: {integrity: sha512-u9r3uZC0bdpGOXtlxUIdwf9pkmvhqJdrVCH9fapQtgy/OeTTMZ1nqH7agtvEfmGui6e1XxjcdrlxvxJvc3sMqw==}
+    engines: {node: '>=18'}
+
+  tinyglobby@0.2.15:
+    resolution: {integrity: sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ==}
+    engines: {node: '>=12.0.0'}
+
+  toidentifier@1.0.1:
+    resolution: {integrity: sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==}
+    engines: {node: '>=0.6'}
+
+  tree-kill@1.2.2:
+    resolution: {integrity: sha512-L0Orpi8qGpRG//Nd+H90vFB+3iHnue1zSSGmNOOCh1GLJ7rUKVwV2HvijphGQS2UmhUZewS9VgvxYIdgr+fG1A==}
+    hasBin: true
+
+  trim-lines@3.0.1:
+    resolution: {integrity: sha512-kRj8B+YHZCc9kQYdWfJB2/oUl9rA99qbowYYBtr4ui4mZyAQ2JpvVBd/6U2YloATfqBhBTSMhTpgBHtU0Mf3Rg==}
+
+  trough@2.2.0:
+    resolution: {integrity: sha512-tmMpK00BjZiUyVyvrBK7knerNgmgvcV/KLVyuma/SC+TQN167GrMRciANTz09+k3zW8L8t60jWO1GpfkZdjTaw==}
+
+  ts-interface-checker@0.1.13:
+    resolution: {integrity: sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==}
+
+  tsconfck@3.1.6:
+    resolution: {integrity: sha512-ks6Vjr/jEw0P1gmOVwutM3B7fWxoWBL2KRDb1JfqGVawBmO5UsvmWOQFGHBPl5yxYz4eERr19E6L7NMv+Fej4w==}
+    engines: {node: ^18 || >=20}
+    hasBin: true
+    peerDependencies:
+      typescript: ^5.0.0
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
+  tslib@2.8.1:
+    resolution: {integrity: sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==}
+
+  tsup@8.5.1:
+    resolution: {integrity: sha512-xtgkqwdhpKWr3tKPmCkvYmS9xnQK3m3XgxZHwSUjvfTjp7YfXe5tT3GgWi0F2N+ZSMsOeWeZFh7ZZFg5iPhing==}
+    engines: {node: '>=18'}
+    hasBin: true
+    peerDependencies:
+      '@microsoft/api-extractor': ^7.36.0
+      '@swc/core': ^1
+      postcss: ^8.4.12
+      typescript: '>=4.5.0'
+    peerDependenciesMeta:
+      '@microsoft/api-extractor':
+        optional: true
+      '@swc/core':
+        optional: true
+      postcss:
+        optional: true
+      typescript:
+        optional: true
+
+  type-fest@4.41.0:
+    resolution: {integrity: sha512-TeTSQ6H5YHvpqVwBRcnLDCBnDOHWYu7IvGbHT6N8AOymcr9PJGjc1GTtiWZTYg0NCgYwvnYWEkVChQAr9bjfwA==}
+    engines: {node: '>=16'}
+
+  typesafe-path@0.2.2:
+    resolution: {integrity: sha512-OJabfkAg1WLZSqJAJ0Z6Sdt3utnbzr/jh+NAHoyWHJe8CMSy79Gm085094M9nvTPy22KzTVn5Zq5mbapCI/hPA==}
+
+  typescript-auto-import-cache@0.3.6:
+    resolution: {integrity: sha512-RpuHXrknHdVdK7wv/8ug3Fr0WNsNi5l5aB8MYYuXhq2UH5lnEB1htJ1smhtD5VeCsGr2p8mUDtd83LCQDFVgjQ==}
+
+  typescript@5.9.3:
+    resolution: {integrity: sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==}
+    engines: {node: '>=14.17'}
+    hasBin: true
+
+  ufo@1.6.3:
+    resolution: {integrity: sha512-yDJTmhydvl5lJzBmy/hyOAA0d+aqCBuwl818haVdYCRrWV84o7YyeVm4QlVHStqNrrJSTb6jKuFAVqAFsr+K3Q==}
+
+  ultrahtml@1.6.0:
+    resolution: {integrity: sha512-R9fBn90VTJrqqLDwyMph+HGne8eqY1iPfYhPzZrvKpIfwkWZbcYlfpsb8B9dTvBfpy1/hqAD7Wi8EKfP9e8zdw==}
+
+  uncrypto@0.1.3:
+    resolution: {integrity: sha512-Ql87qFHB3s/De2ClA9e0gsnS6zXG27SkTiSJwjCc9MebbfapQfuPzumMIUMi38ezPZVNFcHI9sUIepeQfw8J8Q==}
+
+  undici-types@6.21.0:
+    resolution: {integrity: sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ==}
+
+  unified@11.0.5:
+    resolution: {integrity: sha512-xKvGhPWw3k84Qjh8bI3ZeJjqnyadK+GEFtazSfZv/rKeTkTjOJho6mFqh2SM96iIcZokxiOpg78GazTSg8+KHA==}
+
+  unifont@0.7.4:
+    resolution: {integrity: sha512-oHeis4/xl42HUIeHuNZRGEvxj5AaIKR+bHPNegRq5LV1gdc3jundpONbjglKpihmJf+dswygdMJn3eftGIMemg==}
+
+  unist-util-find-after@5.0.0:
+    resolution: {integrity: sha512-amQa0Ep2m6hE2g72AugUItjbuM8X8cGQnFoHk0pGfrFeT9GZhzN5SW8nRsiGKK7Aif4CrACPENkA6P/Lw6fHGQ==}
+
+  unist-util-is@6.0.1:
+    resolution: {integrity: sha512-LsiILbtBETkDz8I9p1dQ0uyRUWuaQzd/cuEeS1hoRSyW5E5XGmTzlwY1OrNzzakGowI9Dr/I8HVaw4hTtnxy8g==}
+
+  unist-util-modify-children@4.0.0:
+    resolution: {integrity: sha512-+tdN5fGNddvsQdIzUF3Xx82CU9sMM+fA0dLgR9vOmT0oPT2jH+P1nd5lSqfCfXAw+93NhcXNY2qqvTUtE4cQkw==}
+
+  unist-util-position@5.0.0:
+    resolution: {integrity: sha512-fucsC7HjXvkB5R3kTCO7kUjRdrS0BJt3M/FPxmHMBOm8JQi2BsHAHFsy27E0EolP8rp0NzXsJ+jNPyDWvOJZPA==}
+
+  unist-util-remove-position@5.0.0:
+    resolution: {integrity: sha512-Hp5Kh3wLxv0PHj9m2yZhhLt58KzPtEYKQQ4yxfYFEO7EvHwzyDYnduhHnY1mDxoqr7VUwVuHXk9RXKIiYS1N8Q==}
+
+  unist-util-stringify-position@4.0.0:
+    resolution: {integrity: sha512-0ASV06AAoKCDkS2+xw5RXJywruurpbC4JZSm7nr7MOt1ojAzvyyaO+UxZf18j8FCF6kmzCZKcAgN/yu2gm2XgQ==}
+
+  unist-util-visit-children@3.0.0:
+    resolution: {integrity: sha512-RgmdTfSBOg04sdPcpTSD1jzoNBjt9a80/ZCzp5cI9n1qPzLZWF9YdvWGN2zmTumP1HWhXKdUWexjy/Wy/lJ7tA==}
+
+  unist-util-visit-parents@6.0.2:
+    resolution: {integrity: sha512-goh1s1TBrqSqukSc8wrjwWhL0hiJxgA8m4kFxGlQ+8FYQ3C/m11FcTs4YYem7V664AhHVvgoQLk890Ssdsr2IQ==}
+
+  unist-util-visit@5.1.0:
+    resolution: {integrity: sha512-m+vIdyeCOpdr/QeQCu2EzxX/ohgS8KbnPDgFni4dQsfSCtpz8UqDyY5GjRru8PDKuYn7Fq19j1CQ+nJSsGKOzg==}
+
+  unstorage@1.17.5:
+    resolution: {integrity: sha512-0i3iqvRfx29hkNntHyQvJTpf5W9dQ9ZadSoRU8+xVlhVtT7jAX57fazYO9EHvcRCfBCyi5YRya7XCDOsbTgkPg==}
+    peerDependencies:
+      '@azure/app-configuration': ^1.8.0
+      '@azure/cosmos': ^4.2.0
+      '@azure/data-tables': ^13.3.0
+      '@azure/identity': ^4.6.0
+      '@azure/keyvault-secrets': ^4.9.0
+      '@azure/storage-blob': ^12.26.0
+      '@capacitor/preferences': ^6 || ^7 || ^8
+      '@deno/kv': '>=0.9.0'
+      '@netlify/blobs': ^6.5.0 || ^7.0.0 || ^8.1.0 || ^9.0.0 || ^10.0.0
+      '@planetscale/database': ^1.19.0
+      '@upstash/redis': ^1.34.3
+      '@vercel/blob': '>=0.27.1'
+      '@vercel/functions': ^2.2.12 || ^3.0.0
+      '@vercel/kv': ^1 || ^2 || ^3
+      aws4fetch: ^1.0.20
+      db0: '>=0.2.1'
+      idb-keyval: ^6.2.1
+      ioredis: ^5.4.2
+      uploadthing: ^7.4.4
+    peerDependenciesMeta:
+      '@azure/app-configuration':
+        optional: true
+      '@azure/cosmos':
+        optional: true
+      '@azure/data-tables':
+        optional: true
+      '@azure/identity':
+        optional: true
+      '@azure/keyvault-secrets':
+        optional: true
+      '@azure/storage-blob':
+        optional: true
+      '@capacitor/preferences':
+        optional: true
+      '@deno/kv':
+        optional: true
+      '@netlify/blobs':
+        optional: true
+      '@planetscale/database':
+        optional: true
+      '@upstash/redis':
+        optional: true
+      '@vercel/blob':
+        optional: true
+      '@vercel/functions':
+        optional: true
+      '@vercel/kv':
+        optional: true
+      aws4fetch:
+        optional: true
+      db0:
+        optional: true
+      idb-keyval:
+        optional: true
+      ioredis:
+        optional: true
+      uploadthing:
+        optional: true
+
+  vfile-location@5.0.3:
+    resolution: {integrity: sha512-5yXvWDEgqeiYiBe1lbxYF7UMAIm/IcopxMHrMQDq3nvKcjPKIhZklUKL+AE7J7uApI4kwe2snsK+eI6UTj9EHg==}
+
+  vfile-message@4.0.3:
+    resolution: {integrity: sha512-QTHzsGd1EhbZs4AsQ20JX1rC3cOlt/IWJruk893DfLRr57lcnOeMaWG4K0JrRta4mIJZKth2Au3mM3u03/JWKw==}
+
+  vfile@6.0.3:
+    resolution: {integrity: sha512-KzIbH/9tXat2u30jf+smMwFCsno4wHVdNmzFyL+T/L3UGqqk6JKfVqOFOZEpZSHADH1k40ab6NUIXZq422ov3Q==}
+
+  vite@6.4.2:
+    resolution: {integrity: sha512-2N/55r4JDJ4gdrCvGgINMy+HH3iRpNIz8K6SFwVsA+JbQScLiC+clmAxBgwiSPgcG9U15QmvqCGWzMbqda5zGQ==}
+    engines: {node: ^18.0.0 || ^20.0.0 || >=22.0.0}
+    hasBin: true
+    peerDependencies:
+      '@types/node': ^18.0.0 || ^20.0.0 || >=22.0.0
+      jiti: '>=1.21.0'
+      less: '*'
+      lightningcss: ^1.21.0
+      sass: '*'
+      sass-embedded: '*'
+      stylus: '*'
+      sugarss: '*'
+      terser: ^5.16.0
+      tsx: ^4.8.1
+      yaml: ^2.4.2
+    peerDependenciesMeta:
+      '@types/node':
+        optional: true
+      jiti:
+        optional: true
+      less:
+        optional: true
+      lightningcss:
+        optional: true
+      sass:
+        optional: true
+      sass-embedded:
+        optional: true
+      stylus:
+        optional: true
+      sugarss:
+        optional: true
+      terser:
+        optional: true
+      tsx:
+        optional: true
+      yaml:
+        optional: true
+
+  vitefu@1.1.3:
+    resolution: {integrity: sha512-ub4okH7Z5KLjb6hDyjqrGXqWtWvoYdU3IGm/NorpgHncKoLTCfRIbvlhBm7r0YstIaQRYlp4yEbFqDcKSzXSSg==}
+    peerDependencies:
+      vite: ^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0
+    peerDependenciesMeta:
+      vite:
+        optional: true
+
+  volar-service-css@0.0.70:
+    resolution: {integrity: sha512-K1qyOvBpE3rzdAv3e4/6Rv5yizrYPy5R/ne3IWCAzLBuMO4qBMV3kSqWzj6KUVe6S0AnN6wxF7cRkiaKfYMYJw==}
+    peerDependencies:
+      '@volar/language-service': ~2.4.0
+    peerDependenciesMeta:
+      '@volar/language-service':
+        optional: true
+
+  volar-service-emmet@0.0.70:
+    resolution: {integrity: sha512-xi5bC4m/VyE3zy/n2CXspKeDZs3qA41tHLTw275/7dNWM/RqE2z3BnDICQybHIVp/6G1iOQj5c1qXMgQC08TNg==}
+    peerDependencies:
+      '@volar/language-service': ~2.4.0
+    peerDependenciesMeta:
+      '@volar/language-service':
+        optional: true
+
+  volar-service-html@0.0.70:
+    resolution: {integrity: sha512-eR6vCgMdmYAo4n+gcT7DSyBQbwB8S3HZZvSagTf0sxNaD4WppMCFfpqWnkrlGStPKMZvMiejRRVmqsX9dYcTvQ==}
+    peerDependencies:
+      '@volar/language-service': ~2.4.0
+    peerDependenciesMeta:
+      '@volar/language-service':
+        optional: true
+
+  volar-service-prettier@0.0.70:
+    resolution: {integrity: sha512-Z6BCFSpGVCd8BPAsZ785Kce1BGlWd5ODqmqZGVuB14MJvrR4+CYz6cDy4F+igmE1gMifqfvMhdgT8Aud4M5ngg==}
+    peerDependencies:
+      '@volar/language-service': ~2.4.0
+      prettier: ^2.2 || ^3.0
+    peerDependenciesMeta:
+      '@volar/language-service':
+        optional: true
+      prettier:
+        optional: true
+
+  volar-service-typescript-twoslash-queries@0.0.70:
+    resolution: {integrity: sha512-IdD13Z9N2Bu8EM6CM0fDV1E69olEYGHDU25X51YXmq8Y0CmJ2LNj6gOiBJgpS5JGUqFzECVhMNBW7R0sPdRTMQ==}
+    peerDependencies:
+      '@volar/language-service': ~2.4.0
+    peerDependenciesMeta:
+      '@volar/language-service':
+        optional: true
+
+  volar-service-typescript@0.0.70:
+    resolution: {integrity: sha512-l46Bx4cokkUedTd74ojO5H/zqHZJ8SUuyZ0IB8JN4jfRqUM3bQFBHoOwlZCyZmOeO0A3RQNkMnFclxO4c++gsg==}
+    peerDependencies:
+      '@volar/language-service': ~2.4.0
+    peerDependenciesMeta:
+      '@volar/language-service':
+        optional: true
+
+  volar-service-yaml@0.0.70:
+    resolution: {integrity: sha512-0c8bXDBeoATF9F6iPIlOuYTuZAC4c+yi0siQo920u7eiBJk8oQmUmg9cDUbR4+Gl++bvGP4plj3fErbJuPqdcQ==}
+    peerDependencies:
+      '@volar/language-service': ~2.4.0
+    peerDependenciesMeta:
+      '@volar/language-service':
+        optional: true
+
+  vscode-css-languageservice@6.3.10:
+    resolution: {integrity: sha512-eq5N9Er3fC4vA9zd9EFhyBG90wtCCuXgRSpAndaOgXMh1Wgep5lBgRIeDgjZBW9pa+332yC9+49cZMW8jcL3MA==}
+
+  vscode-html-languageservice@5.6.2:
+    resolution: {integrity: sha512-ulCrSnFnfQ16YzvwnYUgEbUEl/ZG7u2eV27YhvLObSHKkb8fw1Z9cgsnUwjTEeDIdJDoTDTDpxuhQwoenoLNMg==}
+
+  vscode-json-languageservice@4.1.8:
+    resolution: {integrity: sha512-0vSpg6Xd9hfV+eZAaYN63xVVMOTmJ4GgHxXnkLCh+9RsQBkWKIghzLhW2B9ebfG+LQQg8uLtsQ2aUKjTgE+QOg==}
+    engines: {npm: '>=7.0.0'}
+
+  vscode-jsonrpc@8.2.0:
+    resolution: {integrity: sha512-C+r0eKJUIfiDIfwJhria30+TYWPtuHJXHtI7J0YlOmKAo7ogxP20T0zxB7HZQIFhIyvoBPwWskjxrvAtfjyZfA==}
+    engines: {node: '>=14.0.0'}
+
+  vscode-languageserver-protocol@3.17.5:
+    resolution: {integrity: sha512-mb1bvRJN8SVznADSGWM9u/b07H7Ecg0I3OgXDuLdn307rl/J3A9YD6/eYOssqhecL27hK1IPZAsaqh00i/Jljg==}
+
+  vscode-languageserver-textdocument@1.0.12:
+    resolution: {integrity: sha512-cxWNPesCnQCcMPeenjKKsOCKQZ/L6Tv19DTRIGuLWe32lyzWhihGVJ/rcckZXJxfdKCFvRLS3fpBIsV/ZGX4zA==}
+
+  vscode-languageserver-types@3.17.5:
+    resolution: {integrity: sha512-Ld1VelNuX9pdF39h2Hgaeb5hEZM2Z3jUrrMgWQAu82jMtZp7p3vJT3BzToKtZI7NgQssZje5o0zryOrhQvzQAg==}
+
+  vscode-languageserver@9.0.1:
+    resolution: {integrity: sha512-woByF3PDpkHFUreUa7Hos7+pUWdeWMXRd26+ZX2A8cFx6v/JPTtd4/uN0/jB6XQHYaOlHbio03NTHCqrgG5n7g==}
+    hasBin: true
+
+  vscode-nls@5.2.0:
+    resolution: {integrity: sha512-RAaHx7B14ZU04EU31pT+rKz2/zSl7xMsfIZuo8pd+KZO6PXtQmpevpq3vxvWNcrGbdmhM/rr5Uw5Mz+NBfhVng==}
+
+  vscode-uri@3.1.0:
+    resolution: {integrity: sha512-/BpdSx+yCQGnCvecbyXdxHDkuk55/G3xwnC0GqY4gmQ3j+A+g8kzzgB4Nk/SINjqn6+waqw3EgbVF2QKExkRxQ==}
+
+  web-namespaces@2.0.1:
+    resolution: {integrity: sha512-bKr1DkiNa2krS7qxNtdrtHAmzuYGFQLiQ13TsorsdT6ULTkPLKuu5+GsFpDlg6JFjUTwX2DyhMPG2be8uPrqsQ==}
+
+  which-pm-runs@1.1.0:
+    resolution: {integrity: sha512-n1brCuqClxfFfq/Rb0ICg9giSZqCS+pLtccdag6C2HyufBrh3fBOiy9nb6ggRMvWOVH5GrdJskj5iGTZNxd7SA==}
+    engines: {node: '>=4'}
+
+  widest-line@5.0.0:
+    resolution: {integrity: sha512-c9bZp7b5YtRj2wOe6dlj32MK+Bx/M/d+9VB2SHM1OtsUHR0aV0tdP6DWh/iMt0kWi1t5g1Iudu6hQRNd1A4PVA==}
+    engines: {node: '>=18'}
+
+  wrap-ansi@7.0.0:
+    resolution: {integrity: sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==}
+    engines: {node: '>=10'}
+
+  wrap-ansi@9.0.2:
+    resolution: {integrity: sha512-42AtmgqjV+X1VpdOfyTGOYRi0/zsoLqtXQckTmqTeybT+BDIbM/Guxo7x3pE2vtpr1ok6xRqM9OpBe+Jyoqyww==}
+    engines: {node: '>=18'}
+
+  xxhash-wasm@1.1.0:
+    resolution: {integrity: sha512-147y/6YNh+tlp6nd/2pWq38i9h6mz/EuQ6njIrmW8D1BS5nCqs0P6DG+m6zTGnNz5I+uhZ0SHxBs9BsPrwcKDA==}
+
+  y18n@5.0.8:
+    resolution: {integrity: sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==}
+    engines: {node: '>=10'}
+
+  yaml-language-server@1.20.0:
+    resolution: {integrity: sha512-qhjK/bzSRZ6HtTvgeFvjNPJGWdZ0+x5NREV/9XZWFjIGezew2b4r5JPy66IfOhd5OA7KeFwk1JfmEbnTvev0cA==}
+    hasBin: true
+
+  yaml@2.7.1:
+    resolution: {integrity: sha512-10ULxpnOCQXxJvBgxsn9ptjq6uviG/htZKk9veJGhlqn3w/DxQ631zFF+nlQXLwmImeS5amR2dl2U8sg6U9jsQ==}
+    engines: {node: '>= 14'}
+    hasBin: true
+
+  yaml@2.8.3:
+    resolution: {integrity: sha512-AvbaCLOO2Otw/lW5bmh9d/WEdcDFdQp2Z2ZUH3pX9U2ihyUY0nvLv7J6TrWowklRGPYbB/IuIMfYgxaCPg5Bpg==}
+    engines: {node: '>= 14.6'}
+    hasBin: true
+
+  yargs-parser@21.1.1:
+    resolution: {integrity: sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==}
+    engines: {node: '>=12'}
+
+  yargs@17.7.2:
+    resolution: {integrity: sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==}
+    engines: {node: '>=12'}
+
+  yocto-queue@1.2.2:
+    resolution: {integrity: sha512-4LCcse/U2MHZ63HAJVE+v71o7yOdIe4cZ70Wpf8D/IyjDKYQLV5GD46B+hSTjJsvV5PztjvHoU580EftxjDZFQ==}
+    engines: {node: '>=12.20'}
+
+  yocto-spinner@0.2.3:
+    resolution: {integrity: sha512-sqBChb33loEnkoXte1bLg45bEBsOP9N1kzQh5JZNKj/0rik4zAPTNSAVPj3uQAdc6slYJ0Ksc403G2XgxsJQFQ==}
+    engines: {node: '>=18.19'}
+
+  yoctocolors@2.1.2:
+    resolution: {integrity: sha512-CzhO+pFNo8ajLM2d2IW/R93ipy99LWjtwblvC1RsoSUMZgyLbYFr221TnSNT7GjGdYui6P459mw9JH/g/zW2ug==}
+    engines: {node: '>=18'}
+
+  zod-to-json-schema@3.25.2:
+    resolution: {integrity: sha512-O/PgfnpT1xKSDeQYSCfRI5Gy3hPf91mKVDuYLUHZJMiDFptvP41MSnWofm8dnCm0256ZNfZIM7DSzuSMAFnjHA==}
+    peerDependencies:
+      zod: ^3.25.28 || ^4
+
+  zod-to-ts@1.2.0:
+    resolution: {integrity: sha512-x30XE43V+InwGpvTySRNz9kB7qFU8DlyEy7BsSTCHPH1R0QasMmHWZDCzYm6bVXtj/9NNJAZF3jW8rzFvH5OFA==}
+    peerDependencies:
+      typescript: ^4.9.4 || ^5.0.2
+      zod: ^3
+
+  zod@3.25.76:
+    resolution: {integrity: sha512-gzUt/qt81nXsFGKIFcC3YnfEAx5NkunCfnDlvuBSSFS02bcXu4Lmea0AFIUwbLWxWPx3d9p8S5QoaujKcNQxcQ==}
+
+  zwitch@2.0.4:
+    resolution: {integrity: sha512-bXE4cR/kVZhKZX/RjPEflHaKVhUVl85noU3v6b8apfQEc1x4A+zBxjZ4lN8LqGd6WZ3dl98pY4o717VFmoPp+A==}
+
+snapshots:
+
+  '@astrojs/check@0.9.8(prettier@3.8.1)(typescript@5.9.3)':
+    dependencies:
+      '@astrojs/language-server': 2.16.6(prettier@3.8.1)(typescript@5.9.3)
+      chokidar: 4.0.3
+      kleur: 4.1.5
+      typescript: 5.9.3
+      yargs: 17.7.2
+    transitivePeerDependencies:
+      - prettier
+      - prettier-plugin-astro
+
+  '@astrojs/compiler@2.13.1': {}
+
+  '@astrojs/internal-helpers@0.7.6': {}
+
+  '@astrojs/language-server@2.16.6(prettier@3.8.1)(typescript@5.9.3)':
+    dependencies:
+      '@astrojs/compiler': 2.13.1
+      '@astrojs/yaml2ts': 0.2.3
+      '@jridgewell/sourcemap-codec': 1.5.5
+      '@volar/kit': 2.4.28(typescript@5.9.3)
+      '@volar/language-core': 2.4.28
+      '@volar/language-server': 2.4.28
+      '@volar/language-service': 2.4.28
+      muggle-string: 0.4.1
+      tinyglobby: 0.2.15
+      volar-service-css: 0.0.70(@volar/language-service@2.4.28)
+      volar-service-emmet: 0.0.70(@volar/language-service@2.4.28)
+      volar-service-html: 0.0.70(@volar/language-service@2.4.28)
+      volar-service-prettier: 0.0.70(@volar/language-service@2.4.28)(prettier@3.8.1)
+      volar-service-typescript: 0.0.70(@volar/language-service@2.4.28)
+      volar-service-typescript-twoslash-queries: 0.0.70(@volar/language-service@2.4.28)
+      volar-service-yaml: 0.0.70(@volar/language-service@2.4.28)
+      vscode-html-languageservice: 5.6.2
+      vscode-uri: 3.1.0
+    optionalDependencies:
+      prettier: 3.8.1
+    transitivePeerDependencies:
+      - typescript
+
+  '@astrojs/markdown-remark@6.3.11':
+    dependencies:
+      '@astrojs/internal-helpers': 0.7.6
+      '@astrojs/prism': 3.3.0
+      github-slugger: 2.0.0
+      hast-util-from-html: 2.0.3
+      hast-util-to-text: 4.0.2
+      import-meta-resolve: 4.2.0
+      js-yaml: 4.1.1
+      mdast-util-definitions: 6.0.0
+      rehype-raw: 7.0.0
+      rehype-stringify: 10.0.1
+      remark-gfm: 4.0.1
+      remark-parse: 11.0.0
+      remark-rehype: 11.1.2
+      remark-smartypants: 3.0.2
+      shiki: 3.23.0
+      smol-toml: 1.6.1
+      unified: 11.0.5
+      unist-util-remove-position: 5.0.0
+      unist-util-visit: 5.1.0
+      unist-util-visit-parents: 6.0.2
+      vfile: 6.0.3
+    transitivePeerDependencies:
+      - supports-color
+
+  '@astrojs/node@9.5.5(astro@5.18.1(@types/node@20.19.39)(rollup@4.60.1)(typescript@5.9.3)(yaml@2.8.3))':
+    dependencies:
+      '@astrojs/internal-helpers': 0.7.6
+      astro: 5.18.1(@types/node@20.19.39)(rollup@4.60.1)(typescript@5.9.3)(yaml@2.8.3)
+      send: 1.2.1
+      server-destroy: 1.0.1
+    transitivePeerDependencies:
+      - supports-color
+
+  '@astrojs/prism@3.3.0':
+    dependencies:
+      prismjs: 1.30.0
+
+  '@astrojs/telemetry@3.3.0':
+    dependencies:
+      ci-info: 4.4.0
+      debug: 4.4.3
+      dlv: 1.1.3
+      dset: 3.1.4
+      is-docker: 3.0.0
+      is-wsl: 3.1.1
+      which-pm-runs: 1.1.0
+    transitivePeerDependencies:
+      - supports-color
+
+  '@astrojs/yaml2ts@0.2.3':
+    dependencies:
+      yaml: 2.8.3
+
+  '@babel/helper-string-parser@7.27.1': {}
+
+  '@babel/helper-validator-identifier@7.28.5': {}
+
+  '@babel/parser@7.29.2':
+    dependencies:
+      '@babel/types': 7.29.0
+
+  '@babel/types@7.29.0':
+    dependencies:
+      '@babel/helper-string-parser': 7.27.1
+      '@babel/helper-validator-identifier': 7.28.5
+
+  '@capsizecss/unpack@4.0.0':
+    dependencies:
+      fontkitten: 1.0.3
+
+  '@emmetio/abbreviation@2.3.3':
+    dependencies:
+      '@emmetio/scanner': 1.0.4
+
+  '@emmetio/css-abbreviation@2.1.8':
+    dependencies:
+      '@emmetio/scanner': 1.0.4
+
+  '@emmetio/css-parser@0.4.1':
+    dependencies:
+      '@emmetio/stream-reader': 2.2.0
+      '@emmetio/stream-reader-utils': 0.1.0
+
+  '@emmetio/html-matcher@1.3.0':
+    dependencies:
+      '@emmetio/scanner': 1.0.4
+
+  '@emmetio/scanner@1.0.4': {}
+
+  '@emmetio/stream-reader-utils@0.1.0': {}
+
+  '@emmetio/stream-reader@2.2.0': {}
+
+  '@emnapi/runtime@1.9.2':
+    dependencies:
+      tslib: 2.8.1
+    optional: true
+
+  '@esbuild/aix-ppc64@0.25.12':
+    optional: true
+
+  '@esbuild/aix-ppc64@0.27.7':
+    optional: true
+
+  '@esbuild/android-arm64@0.25.12':
+    optional: true
+
+  '@esbuild/android-arm64@0.27.7':
+    optional: true
+
+  '@esbuild/android-arm@0.25.12':
+    optional: true
+
+  '@esbuild/android-arm@0.27.7':
+    optional: true
+
+  '@esbuild/android-x64@0.25.12':
+    optional: true
+
+  '@esbuild/android-x64@0.27.7':
+    optional: true
+
+  '@esbuild/darwin-arm64@0.25.12':
+    optional: true
+
+  '@esbuild/darwin-arm64@0.27.7':
+    optional: true
+
+  '@esbuild/darwin-x64@0.25.12':
+    optional: true
+
+  '@esbuild/darwin-x64@0.27.7':
+    optional: true
+
+  '@esbuild/freebsd-arm64@0.25.12':
+    optional: true
+
+  '@esbuild/freebsd-arm64@0.27.7':
+    optional: true
+
+  '@esbuild/freebsd-x64@0.25.12':
+    optional: true
+
+  '@esbuild/freebsd-x64@0.27.7':
+    optional: true
+
+  '@esbuild/linux-arm64@0.25.12':
+    optional: true
+
+  '@esbuild/linux-arm64@0.27.7':
+    optional: true
+
+  '@esbuild/linux-arm@0.25.12':
+    optional: true
+
+  '@esbuild/linux-arm@0.27.7':
+    optional: true
+
+  '@esbuild/linux-ia32@0.25.12':
+    optional: true
+
+  '@esbuild/linux-ia32@0.27.7':
+    optional: true
+
+  '@esbuild/linux-loong64@0.25.12':
+    optional: true
+
+  '@esbuild/linux-loong64@0.27.7':
+    optional: true
+
+  '@esbuild/linux-mips64el@0.25.12':
+    optional: true
+
+  '@esbuild/linux-mips64el@0.27.7':
+    optional: true
+
+  '@esbuild/linux-ppc64@0.25.12':
+    optional: true
+
+  '@esbuild/linux-ppc64@0.27.7':
+    optional: true
+
+  '@esbuild/linux-riscv64@0.25.12':
+    optional: true
+
+  '@esbuild/linux-riscv64@0.27.7':
+    optional: true
+
+  '@esbuild/linux-s390x@0.25.12':
+    optional: true
+
+  '@esbuild/linux-s390x@0.27.7':
+    optional: true
+
+  '@esbuild/linux-x64@0.25.12':
+    optional: true
+
+  '@esbuild/linux-x64@0.27.7':
+    optional: true
+
+  '@esbuild/netbsd-arm64@0.25.12':
+    optional: true
+
+  '@esbuild/netbsd-arm64@0.27.7':
+    optional: true
+
+  '@esbuild/netbsd-x64@0.25.12':
+    optional: true
+
+  '@esbuild/netbsd-x64@0.27.7':
+    optional: true
+
+  '@esbuild/openbsd-arm64@0.25.12':
+    optional: true
+
+  '@esbuild/openbsd-arm64@0.27.7':
+    optional: true
+
+  '@esbuild/openbsd-x64@0.25.12':
+    optional: true
+
+  '@esbuild/openbsd-x64@0.27.7':
+    optional: true
+
+  '@esbuild/openharmony-arm64@0.25.12':
+    optional: true
+
+  '@esbuild/openharmony-arm64@0.27.7':
+    optional: true
+
+  '@esbuild/sunos-x64@0.25.12':
+    optional: true
+
+  '@esbuild/sunos-x64@0.27.7':
+    optional: true
+
+  '@esbuild/win32-arm64@0.25.12':
+    optional: true
+
+  '@esbuild/win32-arm64@0.27.7':
+    optional: true
+
+  '@esbuild/win32-ia32@0.25.12':
+    optional: true
+
+  '@esbuild/win32-ia32@0.27.7':
+    optional: true
+
+  '@esbuild/win32-x64@0.25.12':
+    optional: true
+
+  '@esbuild/win32-x64@0.27.7':
+    optional: true
+
+  '@imagekit/javascript@5.3.0': {}
+
+  '@img/colour@1.1.0':
+    optional: true
+
+  '@img/sharp-darwin-arm64@0.34.5':
+    optionalDependencies:
+      '@img/sharp-libvips-darwin-arm64': 1.2.4
+    optional: true
+
+  '@img/sharp-darwin-x64@0.34.5':
+    optionalDependencies:
+      '@img/sharp-libvips-darwin-x64': 1.2.4
+    optional: true
+
+  '@img/sharp-libvips-darwin-arm64@1.2.4':
+    optional: true
+
+  '@img/sharp-libvips-darwin-x64@1.2.4':
+    optional: true
+
+  '@img/sharp-libvips-linux-arm64@1.2.4':
+    optional: true
+
+  '@img/sharp-libvips-linux-arm@1.2.4':
+    optional: true
+
+  '@img/sharp-libvips-linux-ppc64@1.2.4':
+    optional: true
+
+  '@img/sharp-libvips-linux-riscv64@1.2.4':
+    optional: true
+
+  '@img/sharp-libvips-linux-s390x@1.2.4':
+    optional: true
+
+  '@img/sharp-libvips-linux-x64@1.2.4':
+    optional: true
+
+  '@img/sharp-libvips-linuxmusl-arm64@1.2.4':
+    optional: true
+
+  '@img/sharp-libvips-linuxmusl-x64@1.2.4':
+    optional: true
+
+  '@img/sharp-linux-arm64@0.34.5':
+    optionalDependencies:
+      '@img/sharp-libvips-linux-arm64': 1.2.4
+    optional: true
+
+  '@img/sharp-linux-arm@0.34.5':
+    optionalDependencies:
+      '@img/sharp-libvips-linux-arm': 1.2.4
+    optional: true
+
+  '@img/sharp-linux-ppc64@0.34.5':
+    optionalDependencies:
+      '@img/sharp-libvips-linux-ppc64': 1.2.4
+    optional: true
+
+  '@img/sharp-linux-riscv64@0.34.5':
+    optionalDependencies:
+      '@img/sharp-libvips-linux-riscv64': 1.2.4
+    optional: true
+
+  '@img/sharp-linux-s390x@0.34.5':
+    optionalDependencies:
+      '@img/sharp-libvips-linux-s390x': 1.2.4
+    optional: true
+
+  '@img/sharp-linux-x64@0.34.5':
+    optionalDependencies:
+      '@img/sharp-libvips-linux-x64': 1.2.4
+    optional: true
+
+  '@img/sharp-linuxmusl-arm64@0.34.5':
+    optionalDependencies:
+      '@img/sharp-libvips-linuxmusl-arm64': 1.2.4
+    optional: true
+
+  '@img/sharp-linuxmusl-x64@0.34.5':
+    optionalDependencies:
+      '@img/sharp-libvips-linuxmusl-x64': 1.2.4
+    optional: true
+
+  '@img/sharp-wasm32@0.34.5':
+    dependencies:
+      '@emnapi/runtime': 1.9.2
+    optional: true
+
+  '@img/sharp-win32-arm64@0.34.5':
+    optional: true
+
+  '@img/sharp-win32-ia32@0.34.5':
+    optional: true
+
+  '@img/sharp-win32-x64@0.34.5':
+    optional: true
+
+  '@jridgewell/gen-mapping@0.3.13':
+    dependencies:
+      '@jridgewell/sourcemap-codec': 1.5.5
+      '@jridgewell/trace-mapping': 0.3.31
+
+  '@jridgewell/resolve-uri@3.1.2': {}
+
+  '@jridgewell/sourcemap-codec@1.5.5': {}
+
+  '@jridgewell/trace-mapping@0.3.31':
+    dependencies:
+      '@jridgewell/resolve-uri': 3.1.2
+      '@jridgewell/sourcemap-codec': 1.5.5
+
+  '@oslojs/encoding@1.1.0': {}
+
+  '@playwright/test@1.59.1':
+    dependencies:
+      playwright: 1.59.1
+
+  '@rollup/pluginutils@5.3.0(rollup@4.60.1)':
+    dependencies:
+      '@types/estree': 1.0.8
+      estree-walker: 2.0.2
+      picomatch: 4.0.4
+    optionalDependencies:
+      rollup: 4.60.1
+
+  '@rollup/rollup-android-arm-eabi@4.60.1':
+    optional: true
+
+  '@rollup/rollup-android-arm64@4.60.1':
+    optional: true
+
+  '@rollup/rollup-darwin-arm64@4.60.1':
+    optional: true
+
+  '@rollup/rollup-darwin-x64@4.60.1':
+    optional: true
+
+  '@rollup/rollup-freebsd-arm64@4.60.1':
+    optional: true
+
+  '@rollup/rollup-freebsd-x64@4.60.1':
+    optional: true
+
+  '@rollup/rollup-linux-arm-gnueabihf@4.60.1':
+    optional: true
+
+  '@rollup/rollup-linux-arm-musleabihf@4.60.1':
+    optional: true
+
+  '@rollup/rollup-linux-arm64-gnu@4.60.1':
+    optional: true
+
+  '@rollup/rollup-linux-arm64-musl@4.60.1':
+    optional: true
+
+  '@rollup/rollup-linux-loong64-gnu@4.60.1':
+    optional: true
+
+  '@rollup/rollup-linux-loong64-musl@4.60.1':
+    optional: true
+
+  '@rollup/rollup-linux-ppc64-gnu@4.60.1':
+    optional: true
+
+  '@rollup/rollup-linux-ppc64-musl@4.60.1':
+    optional: true
+
+  '@rollup/rollup-linux-riscv64-gnu@4.60.1':
+    optional: true
+
+  '@rollup/rollup-linux-riscv64-musl@4.60.1':
+    optional: true
+
+  '@rollup/rollup-linux-s390x-gnu@4.60.1':
+    optional: true
+
+  '@rollup/rollup-linux-x64-gnu@4.60.1':
+    optional: true
+
+  '@rollup/rollup-linux-x64-musl@4.60.1':
+    optional: true
+
+  '@rollup/rollup-openbsd-x64@4.60.1':
+    optional: true
+
+  '@rollup/rollup-openharmony-arm64@4.60.1':
+    optional: true
+
+  '@rollup/rollup-win32-arm64-msvc@4.60.1':
+    optional: true
+
+  '@rollup/rollup-win32-ia32-msvc@4.60.1':
+    optional: true
+
+  '@rollup/rollup-win32-x64-gnu@4.60.1':
+    optional: true
+
+  '@rollup/rollup-win32-x64-msvc@4.60.1':
+    optional: true
+
+  '@shikijs/core@3.23.0':
+    dependencies:
+      '@shikijs/types': 3.23.0
+      '@shikijs/vscode-textmate': 10.0.2
+      '@types/hast': 3.0.4
+      hast-util-to-html: 9.0.5
+
+  '@shikijs/engine-javascript@3.23.0':
+    dependencies:
+      '@shikijs/types': 3.23.0
+      '@shikijs/vscode-textmate': 10.0.2
+      oniguruma-to-es: 4.3.5
+
+  '@shikijs/engine-oniguruma@3.23.0':
+    dependencies:
+      '@shikijs/types': 3.23.0
+      '@shikijs/vscode-textmate': 10.0.2
+
+  '@shikijs/langs@3.23.0':
+    dependencies:
+      '@shikijs/types': 3.23.0
+
+  '@shikijs/themes@3.23.0':
+    dependencies:
+      '@shikijs/types': 3.23.0
+
+  '@shikijs/types@3.23.0':
+    dependencies:
+      '@shikijs/vscode-textmate': 10.0.2
+      '@types/hast': 3.0.4
+
+  '@shikijs/vscode-textmate@10.0.2': {}
+
+  '@types/debug@4.1.13':
+    dependencies:
+      '@types/ms': 2.1.0
+
+  '@types/estree@1.0.8': {}
+
+  '@types/hast@3.0.4':
+    dependencies:
+      '@types/unist': 3.0.3
+
+  '@types/mdast@4.0.4':
+    dependencies:
+      '@types/unist': 3.0.3
+
+  '@types/ms@2.1.0': {}
+
+  '@types/nlcst@2.0.3':
+    dependencies:
+      '@types/unist': 3.0.3
+
+  '@types/node@20.19.39':
+    dependencies:
+      undici-types: 6.21.0
+
+  '@types/unist@3.0.3': {}
+
+  '@ungap/structured-clone@1.3.0': {}
+
+  '@volar/kit@2.4.28(typescript@5.9.3)':
+    dependencies:
+      '@volar/language-service': 2.4.28
+      '@volar/typescript': 2.4.28
+      typesafe-path: 0.2.2
+      typescript: 5.9.3
+      vscode-languageserver-textdocument: 1.0.12
+      vscode-uri: 3.1.0
+
+  '@volar/language-core@2.4.28':
+    dependencies:
+      '@volar/source-map': 2.4.28
+
+  '@volar/language-server@2.4.28':
+    dependencies:
+      '@volar/language-core': 2.4.28
+      '@volar/language-service': 2.4.28
+      '@volar/typescript': 2.4.28
+      path-browserify: 1.0.1
+      request-light: 0.7.0
+      vscode-languageserver: 9.0.1
+      vscode-languageserver-protocol: 3.17.5
+      vscode-languageserver-textdocument: 1.0.12
+      vscode-uri: 3.1.0
+
+  '@volar/language-service@2.4.28':
+    dependencies:
+      '@volar/language-core': 2.4.28
+      vscode-languageserver-protocol: 3.17.5
+      vscode-languageserver-textdocument: 1.0.12
+      vscode-uri: 3.1.0
+
+  '@volar/source-map@2.4.28': {}
+
+  '@volar/typescript@2.4.28':
+    dependencies:
+      '@volar/language-core': 2.4.28
+      path-browserify: 1.0.1
+      vscode-uri: 3.1.0
+
+  '@vscode/emmet-helper@2.11.0':
+    dependencies:
+      emmet: 2.4.11
+      jsonc-parser: 2.3.1
+      vscode-languageserver-textdocument: 1.0.12
+      vscode-languageserver-types: 3.17.5
+      vscode-uri: 3.1.0
+
+  '@vscode/l10n@0.0.18': {}
+
+  acorn@8.16.0: {}
+
+  ajv-draft-04@1.0.0(ajv@8.18.0):
+    optionalDependencies:
+      ajv: 8.18.0
+
+  ajv@8.18.0:
+    dependencies:
+      fast-deep-equal: 3.1.3
+      fast-uri: 3.1.0
+      json-schema-traverse: 1.0.0
+      require-from-string: 2.0.2
+
+  ansi-align@3.0.1:
+    dependencies:
+      string-width: 4.2.3
+
+  ansi-regex@5.0.1: {}
+
+  ansi-regex@6.2.2: {}
+
+  ansi-styles@4.3.0:
+    dependencies:
+      color-convert: 2.0.1
+
+  ansi-styles@6.2.3: {}
+
+  any-promise@1.3.0: {}
+
+  anymatch@3.1.3:
+    dependencies:
+      normalize-path: 3.0.0
+      picomatch: 2.3.2
+
+  argparse@2.0.1: {}
+
+  aria-query@5.3.2: {}
+
+  array-iterate@2.0.1: {}
+
+  astro@5.18.1(@types/node@20.19.39)(rollup@4.60.1)(typescript@5.9.3)(yaml@2.8.3):
+    dependencies:
+      '@astrojs/compiler': 2.13.1
+      '@astrojs/internal-helpers': 0.7.6
+      '@astrojs/markdown-remark': 6.3.11
+      '@astrojs/telemetry': 3.3.0
+      '@capsizecss/unpack': 4.0.0
+      '@oslojs/encoding': 1.1.0
+      '@rollup/pluginutils': 5.3.0(rollup@4.60.1)
+      acorn: 8.16.0
+      aria-query: 5.3.2
+      axobject-query: 4.1.0
+      boxen: 8.0.1
+      ci-info: 4.4.0
+      clsx: 2.1.1
+      common-ancestor-path: 1.0.1
+      cookie: 1.1.1
+      cssesc: 3.0.0
+      debug: 4.4.3
+      deterministic-object-hash: 2.0.2
+      devalue: 5.7.0
+      diff: 8.0.4
+      dlv: 1.1.3
+      dset: 3.1.4
+      es-module-lexer: 1.7.0
+      esbuild: 0.27.7
+      estree-walker: 3.0.3
+      flattie: 1.1.1
+      fontace: 0.4.1
+      github-slugger: 2.0.0
+      html-escaper: 3.0.3
+      http-cache-semantics: 4.2.0
+      import-meta-resolve: 4.2.0
+      js-yaml: 4.1.1
+      magic-string: 0.30.21
+      magicast: 0.5.2
+      mrmime: 2.0.1
+      neotraverse: 0.6.18
+      p-limit: 6.2.0
+      p-queue: 8.1.1
+      package-manager-detector: 1.6.0
+      piccolore: 0.1.3
+      picomatch: 4.0.4
+      prompts: 2.4.2
+      rehype: 13.0.2
+      semver: 7.7.4
+      shiki: 3.23.0
+      smol-toml: 1.6.1
+      svgo: 4.0.1
+      tinyexec: 1.0.4
+      tinyglobby: 0.2.15
+      tsconfck: 3.1.6(typescript@5.9.3)
+      ultrahtml: 1.6.0
+      unifont: 0.7.4
+      unist-util-visit: 5.1.0
+      unstorage: 1.17.5
+      vfile: 6.0.3
+      vite: 6.4.2(@types/node@20.19.39)(yaml@2.8.3)
+      vitefu: 1.1.3(vite@6.4.2(@types/node@20.19.39)(yaml@2.8.3))
+      xxhash-wasm: 1.1.0
+      yargs-parser: 21.1.1
+      yocto-spinner: 0.2.3
+      zod: 3.25.76
+      zod-to-json-schema: 3.25.2(zod@3.25.76)
+      zod-to-ts: 1.2.0(typescript@5.9.3)(zod@3.25.76)
+    optionalDependencies:
+      sharp: 0.34.5
+    transitivePeerDependencies:
+      - '@azure/app-configuration'
+      - '@azure/cosmos'
+      - '@azure/data-tables'
+      - '@azure/identity'
+      - '@azure/keyvault-secrets'
+      - '@azure/storage-blob'
+      - '@capacitor/preferences'
+      - '@deno/kv'
+      - '@netlify/blobs'
+      - '@planetscale/database'
+      - '@types/node'
+      - '@upstash/redis'
+      - '@vercel/blob'
+      - '@vercel/functions'
+      - '@vercel/kv'
+      - aws4fetch
+      - db0
+      - idb-keyval
+      - ioredis
+      - jiti
+      - less
+      - lightningcss
+      - rollup
+      - sass
+      - sass-embedded
+      - stylus
+      - sugarss
+      - supports-color
+      - terser
+      - tsx
+      - typescript
+      - uploadthing
+      - yaml
+
+  axobject-query@4.1.0: {}
+
+  bail@2.0.2: {}
+
+  base-64@1.0.0: {}
+
+  boolbase@1.0.0: {}
+
+  boxen@8.0.1:
+    dependencies:
+      ansi-align: 3.0.1
+      camelcase: 8.0.0
+      chalk: 5.6.2
+      cli-boxes: 3.0.0
+      string-width: 7.2.0
+      type-fest: 4.41.0
+      widest-line: 5.0.0
+      wrap-ansi: 9.0.2
+
+  bundle-require@5.1.0(esbuild@0.27.7):
+    dependencies:
+      esbuild: 0.27.7
+      load-tsconfig: 0.2.5
+
+  cac@6.7.14: {}
+
+  camelcase@8.0.0: {}
+
+  ccount@2.0.1: {}
+
+  chalk@5.6.2: {}
+
+  character-entities-html4@2.1.0: {}
+
+  character-entities-legacy@3.0.0: {}
+
+  character-entities@2.0.2: {}
+
+  chokidar@4.0.3:
+    dependencies:
+      readdirp: 4.1.2
+
+  chokidar@5.0.0:
+    dependencies:
+      readdirp: 5.0.0
+
+  ci-info@4.4.0: {}
+
+  cli-boxes@3.0.0: {}
+
+  cliui@8.0.1:
+    dependencies:
+      string-width: 4.2.3
+      strip-ansi: 6.0.1
+      wrap-ansi: 7.0.0
+
+  clsx@2.1.1: {}
+
+  color-convert@2.0.1:
+    dependencies:
+      color-name: 1.1.4
+
+  color-name@1.1.4: {}
+
+  comma-separated-tokens@2.0.3: {}
+
+  commander@11.1.0: {}
+
+  commander@4.1.1: {}
+
+  common-ancestor-path@1.0.1: {}
+
+  confbox@0.1.8: {}
+
+  consola@3.4.2: {}
+
+  cookie-es@1.2.3: {}
+
+  cookie@1.1.1: {}
+
+  crossws@0.3.5:
+    dependencies:
+      uncrypto: 0.1.3
+
+  css-select@5.2.2:
+    dependencies:
+      boolbase: 1.0.0
+      css-what: 6.2.2
+      domhandler: 5.0.3
+      domutils: 3.2.2
+      nth-check: 2.1.1
+
+  css-tree@2.2.1:
+    dependencies:
+      mdn-data: 2.0.28
+      source-map-js: 1.2.1
+
+  css-tree@3.2.1:
+    dependencies:
+      mdn-data: 2.27.1
+      source-map-js: 1.2.1
+
+  css-what@6.2.2: {}
+
+  cssesc@3.0.0: {}
+
+  csso@5.0.5:
+    dependencies:
+      css-tree: 2.2.1
+
+  debug@4.4.3:
+    dependencies:
+      ms: 2.1.3
+
+  decode-named-character-reference@1.3.0:
+    dependencies:
+      character-entities: 2.0.2
+
+  defu@6.1.7: {}
+
+  depd@2.0.0: {}
+
+  dequal@2.0.3: {}
+
+  destr@2.0.5: {}
+
+  detect-libc@2.1.2:
+    optional: true
+
+  deterministic-object-hash@2.0.2:
+    dependencies:
+      base-64: 1.0.0
+
+  devalue@5.7.0: {}
+
+  devlop@1.1.0:
+    dependencies:
+      dequal: 2.0.3
+
+  diff@8.0.4: {}
+
+  dlv@1.1.3: {}
+
+  dom-serializer@2.0.0:
+    dependencies:
+      domelementtype: 2.3.0
+      domhandler: 5.0.3
+      entities: 4.5.0
+
+  domelementtype@2.3.0: {}
+
+  domhandler@5.0.3:
+    dependencies:
+      domelementtype: 2.3.0
+
+  domutils@3.2.2:
+    dependencies:
+      dom-serializer: 2.0.0
+      domelementtype: 2.3.0
+      domhandler: 5.0.3
+
+  dset@3.1.4: {}
+
+  ee-first@1.1.1: {}
+
+  emmet@2.4.11:
+    dependencies:
+      '@emmetio/abbreviation': 2.3.3
+      '@emmetio/css-abbreviation': 2.1.8
+
+  emoji-regex@10.6.0: {}
+
+  emoji-regex@8.0.0: {}
+
+  encodeurl@2.0.0: {}
+
+  entities@4.5.0: {}
+
+  entities@6.0.1: {}
+
+  es-module-lexer@1.7.0: {}
+
+  esbuild@0.25.12:
+    optionalDependencies:
+      '@esbuild/aix-ppc64': 0.25.12
+      '@esbuild/android-arm': 0.25.12
+      '@esbuild/android-arm64': 0.25.12
+      '@esbuild/android-x64': 0.25.12
+      '@esbuild/darwin-arm64': 0.25.12
+      '@esbuild/darwin-x64': 0.25.12
+      '@esbuild/freebsd-arm64': 0.25.12
+      '@esbuild/freebsd-x64': 0.25.12
+      '@esbuild/linux-arm': 0.25.12
+      '@esbuild/linux-arm64': 0.25.12
+      '@esbuild/linux-ia32': 0.25.12
+      '@esbuild/linux-loong64': 0.25.12
+      '@esbuild/linux-mips64el': 0.25.12
+      '@esbuild/linux-ppc64': 0.25.12
+      '@esbuild/linux-riscv64': 0.25.12
+      '@esbuild/linux-s390x': 0.25.12
+      '@esbuild/linux-x64': 0.25.12
+      '@esbuild/netbsd-arm64': 0.25.12
+      '@esbuild/netbsd-x64': 0.25.12
+      '@esbuild/openbsd-arm64': 0.25.12
+      '@esbuild/openbsd-x64': 0.25.12
+      '@esbuild/openharmony-arm64': 0.25.12
+      '@esbuild/sunos-x64': 0.25.12
+      '@esbuild/win32-arm64': 0.25.12
+      '@esbuild/win32-ia32': 0.25.12
+      '@esbuild/win32-x64': 0.25.12
+
+  esbuild@0.27.7:
+    optionalDependencies:
+      '@esbuild/aix-ppc64': 0.27.7
+      '@esbuild/android-arm': 0.27.7
+      '@esbuild/android-arm64': 0.27.7
+      '@esbuild/android-x64': 0.27.7
+      '@esbuild/darwin-arm64': 0.27.7
+      '@esbuild/darwin-x64': 0.27.7
+      '@esbuild/freebsd-arm64': 0.27.7
+      '@esbuild/freebsd-x64': 0.27.7
+      '@esbuild/linux-arm': 0.27.7
+      '@esbuild/linux-arm64': 0.27.7
+      '@esbuild/linux-ia32': 0.27.7
+      '@esbuild/linux-loong64': 0.27.7
+      '@esbuild/linux-mips64el': 0.27.7
+      '@esbuild/linux-ppc64': 0.27.7
+      '@esbuild/linux-riscv64': 0.27.7
+      '@esbuild/linux-s390x': 0.27.7
+      '@esbuild/linux-x64': 0.27.7
+      '@esbuild/netbsd-arm64': 0.27.7
+      '@esbuild/netbsd-x64': 0.27.7
+      '@esbuild/openbsd-arm64': 0.27.7
+      '@esbuild/openbsd-x64': 0.27.7
+      '@esbuild/openharmony-arm64': 0.27.7
+      '@esbuild/sunos-x64': 0.27.7
+      '@esbuild/win32-arm64': 0.27.7
+      '@esbuild/win32-ia32': 0.27.7
+      '@esbuild/win32-x64': 0.27.7
+
+  escalade@3.2.0: {}
+
+  escape-html@1.0.3: {}
+
+  escape-string-regexp@5.0.0: {}
+
+  estree-walker@2.0.2: {}
+
+  estree-walker@3.0.3:
+    dependencies:
+      '@types/estree': 1.0.8
+
+  etag@1.8.1: {}
+
+  eventemitter3@5.0.4: {}
+
+  extend@3.0.2: {}
+
+  fast-deep-equal@3.1.3: {}
+
+  fast-uri@3.1.0: {}
+
+  fdir@6.5.0(picomatch@4.0.4):
+    optionalDependencies:
+      picomatch: 4.0.4
+
+  fix-dts-default-cjs-exports@1.0.1:
+    dependencies:
+      magic-string: 0.30.21
+      mlly: 1.8.2
+      rollup: 4.60.1
+
+  flattie@1.1.1: {}
+
+  fontace@0.4.1:
+    dependencies:
+      fontkitten: 1.0.3
+
+  fontkitten@1.0.3:
+    dependencies:
+      tiny-inflate: 1.0.3
+
+  fresh@2.0.0: {}
+
+  fsevents@2.3.2:
+    optional: true
+
+  fsevents@2.3.3:
+    optional: true
+
+  get-caller-file@2.0.5: {}
+
+  get-east-asian-width@1.5.0: {}
+
+  github-slugger@2.0.0: {}
+
+  h3@1.15.11:
+    dependencies:
+      cookie-es: 1.2.3
+      crossws: 0.3.5
+      defu: 6.1.7
+      destr: 2.0.5
+      iron-webcrypto: 1.2.1
+      node-mock-http: 1.0.4
+      radix3: 1.1.2
+      ufo: 1.6.3
+      uncrypto: 0.1.3
+
+  hast-util-from-html@2.0.3:
+    dependencies:
+      '@types/hast': 3.0.4
+      devlop: 1.1.0
+      hast-util-from-parse5: 8.0.3
+      parse5: 7.3.0
+      vfile: 6.0.3
+      vfile-message: 4.0.3
+
+  hast-util-from-parse5@8.0.3:
+    dependencies:
+      '@types/hast': 3.0.4
+      '@types/unist': 3.0.3
+      devlop: 1.1.0
+      hastscript: 9.0.1
+      property-information: 7.1.0
+      vfile: 6.0.3
+      vfile-location: 5.0.3
+      web-namespaces: 2.0.1
+
+  hast-util-is-element@3.0.0:
+    dependencies:
+      '@types/hast': 3.0.4
+
+  hast-util-parse-selector@4.0.0:
+    dependencies:
+      '@types/hast': 3.0.4
+
+  hast-util-raw@9.1.0:
+    dependencies:
+      '@types/hast': 3.0.4
+      '@types/unist': 3.0.3
+      '@ungap/structured-clone': 1.3.0
+      hast-util-from-parse5: 8.0.3
+      hast-util-to-parse5: 8.0.1
+      html-void-elements: 3.0.0
+      mdast-util-to-hast: 13.2.1
+      parse5: 7.3.0
+      unist-util-position: 5.0.0
+      unist-util-visit: 5.1.0
+      vfile: 6.0.3
+      web-namespaces: 2.0.1
+      zwitch: 2.0.4
+
+  hast-util-to-html@9.0.5:
+    dependencies:
+      '@types/hast': 3.0.4
+      '@types/unist': 3.0.3
+      ccount: 2.0.1
+      comma-separated-tokens: 2.0.3
+      hast-util-whitespace: 3.0.0
+      html-void-elements: 3.0.0
+      mdast-util-to-hast: 13.2.1
+      property-information: 7.1.0
+      space-separated-tokens: 2.0.2
+      stringify-entities: 4.0.4
+      zwitch: 2.0.4
+
+  hast-util-to-parse5@8.0.1:
+    dependencies:
+      '@types/hast': 3.0.4
+      comma-separated-tokens: 2.0.3
+      devlop: 1.1.0
+      property-information: 7.1.0
+      space-separated-tokens: 2.0.2
+      web-namespaces: 2.0.1
+      zwitch: 2.0.4
+
+  hast-util-to-text@4.0.2:
+    dependencies:
+      '@types/hast': 3.0.4
+      '@types/unist': 3.0.3
+      hast-util-is-element: 3.0.0
+      unist-util-find-after: 5.0.0
+
+  hast-util-whitespace@3.0.0:
+    dependencies:
+      '@types/hast': 3.0.4
+
+  hastscript@9.0.1:
+    dependencies:
+      '@types/hast': 3.0.4
+      comma-separated-tokens: 2.0.3
+      hast-util-parse-selector: 4.0.0
+      property-information: 7.1.0
+      space-separated-tokens: 2.0.2
+
+  html-escaper@3.0.3: {}
+
+  html-void-elements@3.0.0: {}
+
+  http-cache-semantics@4.2.0: {}
+
+  http-errors@2.0.1:
+    dependencies:
+      depd: 2.0.0
+      inherits: 2.0.4
+      setprototypeof: 1.2.0
+      statuses: 2.0.2
+      toidentifier: 1.0.1
+
+  import-meta-resolve@4.2.0: {}
+
+  inherits@2.0.4: {}
+
+  iron-webcrypto@1.2.1: {}
+
+  is-docker@3.0.0: {}
+
+  is-fullwidth-code-point@3.0.0: {}
+
+  is-inside-container@1.0.0:
+    dependencies:
+      is-docker: 3.0.0
+
+  is-plain-obj@4.1.0: {}
+
+  is-wsl@3.1.1:
+    dependencies:
+      is-inside-container: 1.0.0
+
+  joycon@3.1.1: {}
+
+  js-yaml@4.1.1:
+    dependencies:
+      argparse: 2.0.1
+
+  json-schema-traverse@1.0.0: {}
+
+  jsonc-parser@2.3.1: {}
+
+  jsonc-parser@3.3.1: {}
+
+  kleur@3.0.3: {}
+
+  kleur@4.1.5: {}
+
+  lilconfig@3.1.3: {}
+
+  lines-and-columns@1.2.4: {}
+
+  load-tsconfig@0.2.5: {}
+
+  longest-streak@3.1.0: {}
+
+  lru-cache@11.3.2: {}
+
+  magic-string@0.30.21:
+    dependencies:
+      '@jridgewell/sourcemap-codec': 1.5.5
+
+  magicast@0.5.2:
+    dependencies:
+      '@babel/parser': 7.29.2
+      '@babel/types': 7.29.0
+      source-map-js: 1.2.1
+
+  markdown-table@3.0.4: {}
+
+  mdast-util-definitions@6.0.0:
+    dependencies:
+      '@types/mdast': 4.0.4
+      '@types/unist': 3.0.3
+      unist-util-visit: 5.1.0
+
+  mdast-util-find-and-replace@3.0.2:
+    dependencies:
+      '@types/mdast': 4.0.4
+      escape-string-regexp: 5.0.0
+      unist-util-is: 6.0.1
+      unist-util-visit-parents: 6.0.2
+
+  mdast-util-from-markdown@2.0.3:
+    dependencies:
+      '@types/mdast': 4.0.4
+      '@types/unist': 3.0.3
+      decode-named-character-reference: 1.3.0
+      devlop: 1.1.0
+      mdast-util-to-string: 4.0.0
+      micromark: 4.0.2
+      micromark-util-decode-numeric-character-reference: 2.0.2
+      micromark-util-decode-string: 2.0.1
+      micromark-util-normalize-identifier: 2.0.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+      unist-util-stringify-position: 4.0.0
+    transitivePeerDependencies:
+      - supports-color
+
+  mdast-util-gfm-autolink-literal@2.0.1:
+    dependencies:
+      '@types/mdast': 4.0.4
+      ccount: 2.0.1
+      devlop: 1.1.0
+      mdast-util-find-and-replace: 3.0.2
+      micromark-util-character: 2.1.1
+
+  mdast-util-gfm-footnote@2.1.0:
+    dependencies:
+      '@types/mdast': 4.0.4
+      devlop: 1.1.0
+      mdast-util-from-markdown: 2.0.3
+      mdast-util-to-markdown: 2.1.2
+      micromark-util-normalize-identifier: 2.0.1
+    transitivePeerDependencies:
+      - supports-color
+
+  mdast-util-gfm-strikethrough@2.0.0:
+    dependencies:
+      '@types/mdast': 4.0.4
+      mdast-util-from-markdown: 2.0.3
+      mdast-util-to-markdown: 2.1.2
+    transitivePeerDependencies:
+      - supports-color
+
+  mdast-util-gfm-table@2.0.0:
+    dependencies:
+      '@types/mdast': 4.0.4
+      devlop: 1.1.0
+      markdown-table: 3.0.4
+      mdast-util-from-markdown: 2.0.3
+      mdast-util-to-markdown: 2.1.2
+    transitivePeerDependencies:
+      - supports-color
+
+  mdast-util-gfm-task-list-item@2.0.0:
+    dependencies:
+      '@types/mdast': 4.0.4
+      devlop: 1.1.0
+      mdast-util-from-markdown: 2.0.3
+      mdast-util-to-markdown: 2.1.2
+    transitivePeerDependencies:
+      - supports-color
+
+  mdast-util-gfm@3.1.0:
+    dependencies:
+      mdast-util-from-markdown: 2.0.3
+      mdast-util-gfm-autolink-literal: 2.0.1
+      mdast-util-gfm-footnote: 2.1.0
+      mdast-util-gfm-strikethrough: 2.0.0
+      mdast-util-gfm-table: 2.0.0
+      mdast-util-gfm-task-list-item: 2.0.0
+      mdast-util-to-markdown: 2.1.2
+    transitivePeerDependencies:
+      - supports-color
+
+  mdast-util-phrasing@4.1.0:
+    dependencies:
+      '@types/mdast': 4.0.4
+      unist-util-is: 6.0.1
+
+  mdast-util-to-hast@13.2.1:
+    dependencies:
+      '@types/hast': 3.0.4
+      '@types/mdast': 4.0.4
+      '@ungap/structured-clone': 1.3.0
+      devlop: 1.1.0
+      micromark-util-sanitize-uri: 2.0.1
+      trim-lines: 3.0.1
+      unist-util-position: 5.0.0
+      unist-util-visit: 5.1.0
+      vfile: 6.0.3
+
+  mdast-util-to-markdown@2.1.2:
+    dependencies:
+      '@types/mdast': 4.0.4
+      '@types/unist': 3.0.3
+      longest-streak: 3.1.0
+      mdast-util-phrasing: 4.1.0
+      mdast-util-to-string: 4.0.0
+      micromark-util-classify-character: 2.0.1
+      micromark-util-decode-string: 2.0.1
+      unist-util-visit: 5.1.0
+      zwitch: 2.0.4
+
+  mdast-util-to-string@4.0.0:
+    dependencies:
+      '@types/mdast': 4.0.4
+
+  mdn-data@2.0.28: {}
+
+  mdn-data@2.27.1: {}
+
+  micromark-core-commonmark@2.0.3:
+    dependencies:
+      decode-named-character-reference: 1.3.0
+      devlop: 1.1.0
+      micromark-factory-destination: 2.0.1
+      micromark-factory-label: 2.0.1
+      micromark-factory-space: 2.0.1
+      micromark-factory-title: 2.0.1
+      micromark-factory-whitespace: 2.0.1
+      micromark-util-character: 2.1.1
+      micromark-util-chunked: 2.0.1
+      micromark-util-classify-character: 2.0.1
+      micromark-util-html-tag-name: 2.0.1
+      micromark-util-normalize-identifier: 2.0.1
+      micromark-util-resolve-all: 2.0.1
+      micromark-util-subtokenize: 2.1.0
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-extension-gfm-autolink-literal@2.1.0:
+    dependencies:
+      micromark-util-character: 2.1.1
+      micromark-util-sanitize-uri: 2.0.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-extension-gfm-footnote@2.1.0:
+    dependencies:
+      devlop: 1.1.0
+      micromark-core-commonmark: 2.0.3
+      micromark-factory-space: 2.0.1
+      micromark-util-character: 2.1.1
+      micromark-util-normalize-identifier: 2.0.1
+      micromark-util-sanitize-uri: 2.0.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-extension-gfm-strikethrough@2.1.0:
+    dependencies:
+      devlop: 1.1.0
+      micromark-util-chunked: 2.0.1
+      micromark-util-classify-character: 2.0.1
+      micromark-util-resolve-all: 2.0.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-extension-gfm-table@2.1.1:
+    dependencies:
+      devlop: 1.1.0
+      micromark-factory-space: 2.0.1
+      micromark-util-character: 2.1.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-extension-gfm-tagfilter@2.0.0:
+    dependencies:
+      micromark-util-types: 2.0.2
+
+  micromark-extension-gfm-task-list-item@2.1.0:
+    dependencies:
+      devlop: 1.1.0
+      micromark-factory-space: 2.0.1
+      micromark-util-character: 2.1.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-extension-gfm@3.0.0:
+    dependencies:
+      micromark-extension-gfm-autolink-literal: 2.1.0
+      micromark-extension-gfm-footnote: 2.1.0
+      micromark-extension-gfm-strikethrough: 2.1.0
+      micromark-extension-gfm-table: 2.1.1
+      micromark-extension-gfm-tagfilter: 2.0.0
+      micromark-extension-gfm-task-list-item: 2.1.0
+      micromark-util-combine-extensions: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-factory-destination@2.0.1:
+    dependencies:
+      micromark-util-character: 2.1.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-factory-label@2.0.1:
+    dependencies:
+      devlop: 1.1.0
+      micromark-util-character: 2.1.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-factory-space@2.0.1:
+    dependencies:
+      micromark-util-character: 2.1.1
+      micromark-util-types: 2.0.2
+
+  micromark-factory-title@2.0.1:
+    dependencies:
+      micromark-factory-space: 2.0.1
+      micromark-util-character: 2.1.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-factory-whitespace@2.0.1:
+    dependencies:
+      micromark-factory-space: 2.0.1
+      micromark-util-character: 2.1.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-util-character@2.1.1:
+    dependencies:
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-util-chunked@2.0.1:
+    dependencies:
+      micromark-util-symbol: 2.0.1
+
+  micromark-util-classify-character@2.0.1:
+    dependencies:
+      micromark-util-character: 2.1.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-util-combine-extensions@2.0.1:
+    dependencies:
+      micromark-util-chunked: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-util-decode-numeric-character-reference@2.0.2:
+    dependencies:
+      micromark-util-symbol: 2.0.1
+
+  micromark-util-decode-string@2.0.1:
+    dependencies:
+      decode-named-character-reference: 1.3.0
+      micromark-util-character: 2.1.1
+      micromark-util-decode-numeric-character-reference: 2.0.2
+      micromark-util-symbol: 2.0.1
+
+  micromark-util-encode@2.0.1: {}
+
+  micromark-util-html-tag-name@2.0.1: {}
+
+  micromark-util-normalize-identifier@2.0.1:
+    dependencies:
+      micromark-util-symbol: 2.0.1
+
+  micromark-util-resolve-all@2.0.1:
+    dependencies:
+      micromark-util-types: 2.0.2
+
+  micromark-util-sanitize-uri@2.0.1:
+    dependencies:
+      micromark-util-character: 2.1.1
+      micromark-util-encode: 2.0.1
+      micromark-util-symbol: 2.0.1
+
+  micromark-util-subtokenize@2.1.0:
+    dependencies:
+      devlop: 1.1.0
+      micromark-util-chunked: 2.0.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-util-symbol@2.0.1: {}
+
+  micromark-util-types@2.0.2: {}
+
+  micromark@4.0.2:
+    dependencies:
+      '@types/debug': 4.1.13
+      debug: 4.4.3
+      decode-named-character-reference: 1.3.0
+      devlop: 1.1.0
+      micromark-core-commonmark: 2.0.3
+      micromark-factory-space: 2.0.1
+      micromark-util-character: 2.1.1
+      micromark-util-chunked: 2.0.1
+      micromark-util-combine-extensions: 2.0.1
+      micromark-util-decode-numeric-character-reference: 2.0.2
+      micromark-util-encode: 2.0.1
+      micromark-util-normalize-identifier: 2.0.1
+      micromark-util-resolve-all: 2.0.1
+      micromark-util-sanitize-uri: 2.0.1
+      micromark-util-subtokenize: 2.1.0
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+    transitivePeerDependencies:
+      - supports-color
+
+  mime-db@1.54.0: {}
+
+  mime-types@3.0.2:
+    dependencies:
+      mime-db: 1.54.0
+
+  mlly@1.8.2:
+    dependencies:
+      acorn: 8.16.0
+      pathe: 2.0.3
+      pkg-types: 1.3.1
+      ufo: 1.6.3
+
+  mrmime@2.0.1: {}
+
+  ms@2.1.3: {}
+
+  muggle-string@0.4.1: {}
+
+  mz@2.7.0:
+    dependencies:
+      any-promise: 1.3.0
+      object-assign: 4.1.1
+      thenify-all: 1.6.0
+
+  nanoid@3.3.11: {}
+
+  neotraverse@0.6.18: {}
+
+  nlcst-to-string@4.0.0:
+    dependencies:
+      '@types/nlcst': 2.0.3
+
+  node-fetch-native@1.6.7: {}
+
+  node-mock-http@1.0.4: {}
+
+  normalize-path@3.0.0: {}
+
+  nth-check@2.1.1:
+    dependencies:
+      boolbase: 1.0.0
+
+  object-assign@4.1.1: {}
+
+  ofetch@1.5.1:
+    dependencies:
+      destr: 2.0.5
+      node-fetch-native: 1.6.7
+      ufo: 1.6.3
+
+  ohash@2.0.11: {}
+
+  on-finished@2.4.1:
+    dependencies:
+      ee-first: 1.1.1
+
+  oniguruma-parser@0.12.1: {}
+
+  oniguruma-to-es@4.3.5:
+    dependencies:
+      oniguruma-parser: 0.12.1
+      regex: 6.1.0
+      regex-recursion: 6.0.2
+
+  p-limit@6.2.0:
+    dependencies:
+      yocto-queue: 1.2.2
+
+  p-queue@8.1.1:
+    dependencies:
+      eventemitter3: 5.0.4
+      p-timeout: 6.1.4
+
+  p-timeout@6.1.4: {}
+
+  package-manager-detector@1.6.0: {}
+
+  parse-latin@7.0.0:
+    dependencies:
+      '@types/nlcst': 2.0.3
+      '@types/unist': 3.0.3
+      nlcst-to-string: 4.0.0
+      unist-util-modify-children: 4.0.0
+      unist-util-visit-children: 3.0.0
+      vfile: 6.0.3
+
+  parse5@7.3.0:
+    dependencies:
+      entities: 6.0.1
+
+  path-browserify@1.0.1: {}
+
+  pathe@2.0.3: {}
+
+  piccolore@0.1.3: {}
+
+  picocolors@1.1.1: {}
+
+  picomatch@2.3.2: {}
+
+  picomatch@4.0.4: {}
+
+  pirates@4.0.7: {}
+
+  pkg-types@1.3.1:
+    dependencies:
+      confbox: 0.1.8
+      mlly: 1.8.2
+      pathe: 2.0.3
+
+  playwright-core@1.59.1: {}
+
+  playwright@1.59.1:
+    dependencies:
+      playwright-core: 1.59.1
+    optionalDependencies:
+      fsevents: 2.3.2
+
+  postcss-load-config@6.0.1(postcss@8.5.8)(yaml@2.8.3):
+    dependencies:
+      lilconfig: 3.1.3
+    optionalDependencies:
+      postcss: 8.5.8
+      yaml: 2.8.3
+
+  postcss@8.5.8:
+    dependencies:
+      nanoid: 3.3.11
+      picocolors: 1.1.1
+      source-map-js: 1.2.1
+
+  prettier@3.8.1: {}
+
+  prismjs@1.30.0: {}
+
+  prompts@2.4.2:
+    dependencies:
+      kleur: 3.0.3
+      sisteransi: 1.0.5
+
+  property-information@7.1.0: {}
+
+  radix3@1.1.2: {}
+
+  range-parser@1.2.1: {}
+
+  readdirp@4.1.2: {}
+
+  readdirp@5.0.0: {}
+
+  regex-recursion@6.0.2:
+    dependencies:
+      regex-utilities: 2.3.0
+
+  regex-utilities@2.3.0: {}
+
+  regex@6.1.0:
+    dependencies:
+      regex-utilities: 2.3.0
+
+  rehype-parse@9.0.1:
+    dependencies:
+      '@types/hast': 3.0.4
+      hast-util-from-html: 2.0.3
+      unified: 11.0.5
+
+  rehype-raw@7.0.0:
+    dependencies:
+      '@types/hast': 3.0.4
+      hast-util-raw: 9.1.0
+      vfile: 6.0.3
+
+  rehype-stringify@10.0.1:
+    dependencies:
+      '@types/hast': 3.0.4
+      hast-util-to-html: 9.0.5
+      unified: 11.0.5
+
+  rehype@13.0.2:
+    dependencies:
+      '@types/hast': 3.0.4
+      rehype-parse: 9.0.1
+      rehype-stringify: 10.0.1
+      unified: 11.0.5
+
+  remark-gfm@4.0.1:
+    dependencies:
+      '@types/mdast': 4.0.4
+      mdast-util-gfm: 3.1.0
+      micromark-extension-gfm: 3.0.0
+      remark-parse: 11.0.0
+      remark-stringify: 11.0.0
+      unified: 11.0.5
+    transitivePeerDependencies:
+      - supports-color
+
+  remark-parse@11.0.0:
+    dependencies:
+      '@types/mdast': 4.0.4
+      mdast-util-from-markdown: 2.0.3
+      micromark-util-types: 2.0.2
+      unified: 11.0.5
+    transitivePeerDependencies:
+      - supports-color
+
+  remark-rehype@11.1.2:
+    dependencies:
+      '@types/hast': 3.0.4
+      '@types/mdast': 4.0.4
+      mdast-util-to-hast: 13.2.1
+      unified: 11.0.5
+      vfile: 6.0.3
+
+  remark-smartypants@3.0.2:
+    dependencies:
+      retext: 9.0.0
+      retext-smartypants: 6.2.0
+      unified: 11.0.5
+      unist-util-visit: 5.1.0
+
+  remark-stringify@11.0.0:
+    dependencies:
+      '@types/mdast': 4.0.4
+      mdast-util-to-markdown: 2.1.2
+      unified: 11.0.5
+
+  request-light@0.5.8: {}
+
+  request-light@0.7.0: {}
+
+  require-directory@2.1.1: {}
+
+  require-from-string@2.0.2: {}
+
+  resolve-from@5.0.0: {}
+
+  retext-latin@4.0.0:
+    dependencies:
+      '@types/nlcst': 2.0.3
+      parse-latin: 7.0.0
+      unified: 11.0.5
+
+  retext-smartypants@6.2.0:
+    dependencies:
+      '@types/nlcst': 2.0.3
+      nlcst-to-string: 4.0.0
+      unist-util-visit: 5.1.0
+
+  retext-stringify@4.0.0:
+    dependencies:
+      '@types/nlcst': 2.0.3
+      nlcst-to-string: 4.0.0
+      unified: 11.0.5
+
+  retext@9.0.0:
+    dependencies:
+      '@types/nlcst': 2.0.3
+      retext-latin: 4.0.0
+      retext-stringify: 4.0.0
+      unified: 11.0.5
+
+  rollup@4.60.1:
+    dependencies:
+      '@types/estree': 1.0.8
+    optionalDependencies:
+      '@rollup/rollup-android-arm-eabi': 4.60.1
+      '@rollup/rollup-android-arm64': 4.60.1
+      '@rollup/rollup-darwin-arm64': 4.60.1
+      '@rollup/rollup-darwin-x64': 4.60.1
+      '@rollup/rollup-freebsd-arm64': 4.60.1
+      '@rollup/rollup-freebsd-x64': 4.60.1
+      '@rollup/rollup-linux-arm-gnueabihf': 4.60.1
+      '@rollup/rollup-linux-arm-musleabihf': 4.60.1
+      '@rollup/rollup-linux-arm64-gnu': 4.60.1
+      '@rollup/rollup-linux-arm64-musl': 4.60.1
+      '@rollup/rollup-linux-loong64-gnu': 4.60.1
+      '@rollup/rollup-linux-loong64-musl': 4.60.1
+      '@rollup/rollup-linux-ppc64-gnu': 4.60.1
+      '@rollup/rollup-linux-ppc64-musl': 4.60.1
+      '@rollup/rollup-linux-riscv64-gnu': 4.60.1
+      '@rollup/rollup-linux-riscv64-musl': 4.60.1
+      '@rollup/rollup-linux-s390x-gnu': 4.60.1
+      '@rollup/rollup-linux-x64-gnu': 4.60.1
+      '@rollup/rollup-linux-x64-musl': 4.60.1
+      '@rollup/rollup-openbsd-x64': 4.60.1
+      '@rollup/rollup-openharmony-arm64': 4.60.1
+      '@rollup/rollup-win32-arm64-msvc': 4.60.1
+      '@rollup/rollup-win32-ia32-msvc': 4.60.1
+      '@rollup/rollup-win32-x64-gnu': 4.60.1
+      '@rollup/rollup-win32-x64-msvc': 4.60.1
+      fsevents: 2.3.3
+
+  sax@1.6.0: {}
+
+  semver@7.7.4: {}
+
+  send@1.2.1:
+    dependencies:
+      debug: 4.4.3
+      encodeurl: 2.0.0
+      escape-html: 1.0.3
+      etag: 1.8.1
+      fresh: 2.0.0
+      http-errors: 2.0.1
+      mime-types: 3.0.2
+      ms: 2.1.3
+      on-finished: 2.4.1
+      range-parser: 1.2.1
+      statuses: 2.0.2
+    transitivePeerDependencies:
+      - supports-color
+
+  server-destroy@1.0.1: {}
+
+  setprototypeof@1.2.0: {}
+
+  sharp@0.34.5:
+    dependencies:
+      '@img/colour': 1.1.0
+      detect-libc: 2.1.2
+      semver: 7.7.4
+    optionalDependencies:
+      '@img/sharp-darwin-arm64': 0.34.5
+      '@img/sharp-darwin-x64': 0.34.5
+      '@img/sharp-libvips-darwin-arm64': 1.2.4
+      '@img/sharp-libvips-darwin-x64': 1.2.4
+      '@img/sharp-libvips-linux-arm': 1.2.4
+      '@img/sharp-libvips-linux-arm64': 1.2.4
+      '@img/sharp-libvips-linux-ppc64': 1.2.4
+      '@img/sharp-libvips-linux-riscv64': 1.2.4
+      '@img/sharp-libvips-linux-s390x': 1.2.4
+      '@img/sharp-libvips-linux-x64': 1.2.4
+      '@img/sharp-libvips-linuxmusl-arm64': 1.2.4
+      '@img/sharp-libvips-linuxmusl-x64': 1.2.4
+      '@img/sharp-linux-arm': 0.34.5
+      '@img/sharp-linux-arm64': 0.34.5
+      '@img/sharp-linux-ppc64': 0.34.5
+      '@img/sharp-linux-riscv64': 0.34.5
+      '@img/sharp-linux-s390x': 0.34.5
+      '@img/sharp-linux-x64': 0.34.5
+      '@img/sharp-linuxmusl-arm64': 0.34.5
+      '@img/sharp-linuxmusl-x64': 0.34.5
+      '@img/sharp-wasm32': 0.34.5
+      '@img/sharp-win32-arm64': 0.34.5
+      '@img/sharp-win32-ia32': 0.34.5
+      '@img/sharp-win32-x64': 0.34.5
+    optional: true
+
+  shiki@3.23.0:
+    dependencies:
+      '@shikijs/core': 3.23.0
+      '@shikijs/engine-javascript': 3.23.0
+      '@shikijs/engine-oniguruma': 3.23.0
+      '@shikijs/langs': 3.23.0
+      '@shikijs/themes': 3.23.0
+      '@shikijs/types': 3.23.0
+      '@shikijs/vscode-textmate': 10.0.2
+      '@types/hast': 3.0.4
+
+  sisteransi@1.0.5: {}
+
+  smol-toml@1.6.1: {}
+
+  source-map-js@1.2.1: {}
+
+  source-map@0.7.6: {}
+
+  space-separated-tokens@2.0.2: {}
+
+  statuses@2.0.2: {}
+
+  string-width@4.2.3:
+    dependencies:
+      emoji-regex: 8.0.0
+      is-fullwidth-code-point: 3.0.0
+      strip-ansi: 6.0.1
+
+  string-width@7.2.0:
+    dependencies:
+      emoji-regex: 10.6.0
+      get-east-asian-width: 1.5.0
+      strip-ansi: 7.2.0
+
+  stringify-entities@4.0.4:
+    dependencies:
+      character-entities-html4: 2.1.0
+      character-entities-legacy: 3.0.0
+
+  strip-ansi@6.0.1:
+    dependencies:
+      ansi-regex: 5.0.1
+
+  strip-ansi@7.2.0:
+    dependencies:
+      ansi-regex: 6.2.2
+
+  sucrase@3.35.1:
+    dependencies:
+      '@jridgewell/gen-mapping': 0.3.13
+      commander: 4.1.1
+      lines-and-columns: 1.2.4
+      mz: 2.7.0
+      pirates: 4.0.7
+      tinyglobby: 0.2.15
+      ts-interface-checker: 0.1.13
+
+  svgo@4.0.1:
+    dependencies:
+      commander: 11.1.0
+      css-select: 5.2.2
+      css-tree: 3.2.1
+      css-what: 6.2.2
+      csso: 5.0.5
+      picocolors: 1.1.1
+      sax: 1.6.0
+
+  thenify-all@1.6.0:
+    dependencies:
+      thenify: 3.3.1
+
+  thenify@3.3.1:
+    dependencies:
+      any-promise: 1.3.0
+
+  tiny-inflate@1.0.3: {}
+
+  tinyexec@0.3.2: {}
+
+  tinyexec@1.0.4: {}
+
+  tinyglobby@0.2.15:
+    dependencies:
+      fdir: 6.5.0(picomatch@4.0.4)
+      picomatch: 4.0.4
+
+  toidentifier@1.0.1: {}
+
+  tree-kill@1.2.2: {}
+
+  trim-lines@3.0.1: {}
+
+  trough@2.2.0: {}
+
+  ts-interface-checker@0.1.13: {}
+
+  tsconfck@3.1.6(typescript@5.9.3):
+    optionalDependencies:
+      typescript: 5.9.3
+
+  tslib@2.8.1:
+    optional: true
+
+  tsup@8.5.1(postcss@8.5.8)(typescript@5.9.3)(yaml@2.8.3):
+    dependencies:
+      bundle-require: 5.1.0(esbuild@0.27.7)
+      cac: 6.7.14
+      chokidar: 4.0.3
+      consola: 3.4.2
+      debug: 4.4.3
+      esbuild: 0.27.7
+      fix-dts-default-cjs-exports: 1.0.1
+      joycon: 3.1.1
+      picocolors: 1.1.1
+      postcss-load-config: 6.0.1(postcss@8.5.8)(yaml@2.8.3)
+      resolve-from: 5.0.0
+      rollup: 4.60.1
+      source-map: 0.7.6
+      sucrase: 3.35.1
+      tinyexec: 0.3.2
+      tinyglobby: 0.2.15
+      tree-kill: 1.2.2
+    optionalDependencies:
+      postcss: 8.5.8
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - jiti
+      - supports-color
+      - tsx
+      - yaml
+
+  type-fest@4.41.0: {}
+
+  typesafe-path@0.2.2: {}
+
+  typescript-auto-import-cache@0.3.6:
+    dependencies:
+      semver: 7.7.4
+
+  typescript@5.9.3: {}
+
+  ufo@1.6.3: {}
+
+  ultrahtml@1.6.0: {}
+
+  uncrypto@0.1.3: {}
+
+  undici-types@6.21.0: {}
+
+  unified@11.0.5:
+    dependencies:
+      '@types/unist': 3.0.3
+      bail: 2.0.2
+      devlop: 1.1.0
+      extend: 3.0.2
+      is-plain-obj: 4.1.0
+      trough: 2.2.0
+      vfile: 6.0.3
+
+  unifont@0.7.4:
+    dependencies:
+      css-tree: 3.2.1
+      ofetch: 1.5.1
+      ohash: 2.0.11
+
+  unist-util-find-after@5.0.0:
+    dependencies:
+      '@types/unist': 3.0.3
+      unist-util-is: 6.0.1
+
+  unist-util-is@6.0.1:
+    dependencies:
+      '@types/unist': 3.0.3
+
+  unist-util-modify-children@4.0.0:
+    dependencies:
+      '@types/unist': 3.0.3
+      array-iterate: 2.0.1
+
+  unist-util-position@5.0.0:
+    dependencies:
+      '@types/unist': 3.0.3
+
+  unist-util-remove-position@5.0.0:
+    dependencies:
+      '@types/unist': 3.0.3
+      unist-util-visit: 5.1.0
+
+  unist-util-stringify-position@4.0.0:
+    dependencies:
+      '@types/unist': 3.0.3
+
+  unist-util-visit-children@3.0.0:
+    dependencies:
+      '@types/unist': 3.0.3
+
+  unist-util-visit-parents@6.0.2:
+    dependencies:
+      '@types/unist': 3.0.3
+      unist-util-is: 6.0.1
+
+  unist-util-visit@5.1.0:
+    dependencies:
+      '@types/unist': 3.0.3
+      unist-util-is: 6.0.1
+      unist-util-visit-parents: 6.0.2
+
+  unstorage@1.17.5:
+    dependencies:
+      anymatch: 3.1.3
+      chokidar: 5.0.0
+      destr: 2.0.5
+      h3: 1.15.11
+      lru-cache: 11.3.2
+      node-fetch-native: 1.6.7
+      ofetch: 1.5.1
+      ufo: 1.6.3
+
+  vfile-location@5.0.3:
+    dependencies:
+      '@types/unist': 3.0.3
+      vfile: 6.0.3
+
+  vfile-message@4.0.3:
+    dependencies:
+      '@types/unist': 3.0.3
+      unist-util-stringify-position: 4.0.0
+
+  vfile@6.0.3:
+    dependencies:
+      '@types/unist': 3.0.3
+      vfile-message: 4.0.3
+
+  vite@6.4.2(@types/node@20.19.39)(yaml@2.8.3):
+    dependencies:
+      esbuild: 0.25.12
+      fdir: 6.5.0(picomatch@4.0.4)
+      picomatch: 4.0.4
+      postcss: 8.5.8
+      rollup: 4.60.1
+      tinyglobby: 0.2.15
+    optionalDependencies:
+      '@types/node': 20.19.39
+      fsevents: 2.3.3
+      yaml: 2.8.3
+
+  vitefu@1.1.3(vite@6.4.2(@types/node@20.19.39)(yaml@2.8.3)):
+    optionalDependencies:
+      vite: 6.4.2(@types/node@20.19.39)(yaml@2.8.3)
+
+  volar-service-css@0.0.70(@volar/language-service@2.4.28):
+    dependencies:
+      vscode-css-languageservice: 6.3.10
+      vscode-languageserver-textdocument: 1.0.12
+      vscode-uri: 3.1.0
+    optionalDependencies:
+      '@volar/language-service': 2.4.28
+
+  volar-service-emmet@0.0.70(@volar/language-service@2.4.28):
+    dependencies:
+      '@emmetio/css-parser': 0.4.1
+      '@emmetio/html-matcher': 1.3.0
+      '@vscode/emmet-helper': 2.11.0
+      vscode-uri: 3.1.0
+    optionalDependencies:
+      '@volar/language-service': 2.4.28
+
+  volar-service-html@0.0.70(@volar/language-service@2.4.28):
+    dependencies:
+      vscode-html-languageservice: 5.6.2
+      vscode-languageserver-textdocument: 1.0.12
+      vscode-uri: 3.1.0
+    optionalDependencies:
+      '@volar/language-service': 2.4.28
+
+  volar-service-prettier@0.0.70(@volar/language-service@2.4.28)(prettier@3.8.1):
+    dependencies:
+      vscode-uri: 3.1.0
+    optionalDependencies:
+      '@volar/language-service': 2.4.28
+      prettier: 3.8.1
+
+  volar-service-typescript-twoslash-queries@0.0.70(@volar/language-service@2.4.28):
+    dependencies:
+      vscode-uri: 3.1.0
+    optionalDependencies:
+      '@volar/language-service': 2.4.28
+
+  volar-service-typescript@0.0.70(@volar/language-service@2.4.28):
+    dependencies:
+      path-browserify: 1.0.1
+      semver: 7.7.4
+      typescript-auto-import-cache: 0.3.6
+      vscode-languageserver-textdocument: 1.0.12
+      vscode-nls: 5.2.0
+      vscode-uri: 3.1.0
+    optionalDependencies:
+      '@volar/language-service': 2.4.28
+
+  volar-service-yaml@0.0.70(@volar/language-service@2.4.28):
+    dependencies:
+      vscode-uri: 3.1.0
+      yaml-language-server: 1.20.0
+    optionalDependencies:
+      '@volar/language-service': 2.4.28
+
+  vscode-css-languageservice@6.3.10:
+    dependencies:
+      '@vscode/l10n': 0.0.18
+      vscode-languageserver-textdocument: 1.0.12
+      vscode-languageserver-types: 3.17.5
+      vscode-uri: 3.1.0
+
+  vscode-html-languageservice@5.6.2:
+    dependencies:
+      '@vscode/l10n': 0.0.18
+      vscode-languageserver-textdocument: 1.0.12
+      vscode-languageserver-types: 3.17.5
+      vscode-uri: 3.1.0
+
+  vscode-json-languageservice@4.1.8:
+    dependencies:
+      jsonc-parser: 3.3.1
+      vscode-languageserver-textdocument: 1.0.12
+      vscode-languageserver-types: 3.17.5
+      vscode-nls: 5.2.0
+      vscode-uri: 3.1.0
+
+  vscode-jsonrpc@8.2.0: {}
+
+  vscode-languageserver-protocol@3.17.5:
+    dependencies:
+      vscode-jsonrpc: 8.2.0
+      vscode-languageserver-types: 3.17.5
+
+  vscode-languageserver-textdocument@1.0.12: {}
+
+  vscode-languageserver-types@3.17.5: {}
+
+  vscode-languageserver@9.0.1:
+    dependencies:
+      vscode-languageserver-protocol: 3.17.5
+
+  vscode-nls@5.2.0: {}
+
+  vscode-uri@3.1.0: {}
+
+  web-namespaces@2.0.1: {}
+
+  which-pm-runs@1.1.0: {}
+
+  widest-line@5.0.0:
+    dependencies:
+      string-width: 7.2.0
+
+  wrap-ansi@7.0.0:
+    dependencies:
+      ansi-styles: 4.3.0
+      string-width: 4.2.3
+      strip-ansi: 6.0.1
+
+  wrap-ansi@9.0.2:
+    dependencies:
+      ansi-styles: 6.2.3
+      string-width: 7.2.0
+      strip-ansi: 7.2.0
+
+  xxhash-wasm@1.1.0: {}
+
+  y18n@5.0.8: {}
+
+  yaml-language-server@1.20.0:
+    dependencies:
+      '@vscode/l10n': 0.0.18
+      ajv: 8.18.0
+      ajv-draft-04: 1.0.0(ajv@8.18.0)
+      prettier: 3.8.1
+      request-light: 0.5.8
+      vscode-json-languageservice: 4.1.8
+      vscode-languageserver: 9.0.1
+      vscode-languageserver-textdocument: 1.0.12
+      vscode-languageserver-types: 3.17.5
+      vscode-uri: 3.1.0
+      yaml: 2.7.1
+
+  yaml@2.7.1: {}
+
+  yaml@2.8.3: {}
+
+  yargs-parser@21.1.1: {}
+
+  yargs@17.7.2:
+    dependencies:
+      cliui: 8.0.1
+      escalade: 3.2.0
+      get-caller-file: 2.0.5
+      require-directory: 2.1.1
+      string-width: 4.2.3
+      y18n: 5.0.8
+      yargs-parser: 21.1.1
+
+  yocto-queue@1.2.2: {}
+
+  yocto-spinner@0.2.3:
+    dependencies:
+      yoctocolors: 2.1.2
+
+  yoctocolors@2.1.2: {}
+
+  zod-to-json-schema@3.25.2(zod@3.25.76):
+    dependencies:
+      zod: 3.25.76
+
+  zod-to-ts@1.2.0(typescript@5.9.3)(zod@3.25.76):
+    dependencies:
+      typescript: 5.9.3
+      zod: 3.25.76
+
+  zod@3.25.76: {}
+
+  zwitch@2.0.4: {}
diff --git a/pnpm-workspace.yaml b/pnpm-workspace.yaml
new file mode 100644
index 0000000..491bab4
--- /dev/null
+++ b/pnpm-workspace.yaml
@@ -0,0 +1,3 @@
+packages:
+  - "imagekit-astro"
+  - "test-app"
diff --git a/scripts/test-all-versions.sh b/scripts/test-all-versions.sh
new file mode 100755
index 0000000..703ee59
--- /dev/null
+++ b/scripts/test-all-versions.sh
@@ -0,0 +1,149 @@
+#!/usr/bin/env bash
+#
+# Run E2E tests (or update snapshots) against multiple Astro major versions.
+#
+# Usage:
+#   ./scripts/test-all-versions.sh              # run tests for all versions
+#   ./scripts/test-all-versions.sh --update     # update snapshots for all versions
+#   ./scripts/test-all-versions.sh --versions 3 5  # only test Astro 3 and 5
+#   ./scripts/test-all-versions.sh --update --versions 4  # update snapshots for Astro 4 only
+#
+set -euo pipefail
+
+REPO_ROOT="$(cd "$(dirname "$0")/.." && pwd)"
+TEST_APP_DIR="$REPO_ROOT/test-app"
+PKG_DIR="$REPO_ROOT/imagekit-astro"
+
+# --- Parse arguments ---
+UPDATE_SNAPSHOTS=false
+VERSIONS=()
+
+while [[ $# -gt 0 ]]; do
+  case "$1" in
+    --update)
+      UPDATE_SNAPSHOTS=true
+      shift
+      ;;
+    --versions)
+      shift
+      while [[ $# -gt 0 && ! "$1" =~ ^-- ]]; do
+        VERSIONS+=("$1")
+        shift
+      done
+      ;;
+    *)
+      echo "Unknown option: $1"
+      echo "Usage: $0 [--update] [--versions 3 4 5 6]"
+      exit 1
+      ;;
+  esac
+done
+
+# Default: all supported versions
+if [[ ${#VERSIONS[@]} -eq 0 ]]; then
+  VERSIONS=("3" "4" "5" "6")
+fi
+
+# --- Adapter lookup ---
+get_adapter() {
+  local v="$1"
+  case "$v" in
+    3) echo "@astrojs/node@^6" ;;
+    4) echo "@astrojs/node@^8" ;;
+    5) echo "@astrojs/node@^9" ;;
+    6) echo "@astrojs/node@^10" ;;
+    *) echo "@astrojs/node@latest" ;;
+  esac
+}
+
+# --- Build & pack the package once ---
+echo "==> Building @imagekit/astro..."
+(cd "$PKG_DIR" && pnpm build)
+
+echo "==> Packing @imagekit/astro..."
+(cd "$PKG_DIR" && pnpm pack)
+TARBALL=$(ls "$PKG_DIR"/imagekit-astro-*.tgz | head -1)
+
+if [[ ! -f "$TARBALL" ]]; then
+  echo "ERROR: tarball not found in $PKG_DIR"
+  exit 1
+fi
+
+echo "   Tarball: $TARBALL"
+
+# --- Save original test-app deps so we can restore later ---
+ORIG_PACKAGE_JSON=$(cat "$TEST_APP_DIR/package.json")
+
+restore_deps() {
+  echo "==> Restoring original test-app/package.json..."
+  echo "$ORIG_PACKAGE_JSON" > "$TEST_APP_DIR/package.json"
+  (cd "$TEST_APP_DIR" && pnpm install --silent --no-frozen-lockfile 2>/dev/null) || true
+  # Clean up tarball
+  rm -f "$PKG_DIR"/imagekit-astro-*.tgz
+}
+trap restore_deps EXIT
+
+# --- Install Playwright browsers (once) ---
+echo "==> Installing Playwright browsers..."
+(cd "$TEST_APP_DIR" && pnpm exec playwright install --with-deps)
+
+# --- Run for each version ---
+FAILED_VERSIONS=()
+
+echo "********************************************"
+echo "     Running tests for versions: ${VERSIONS[*]}"
+echo "********************************************"
+
+  
+for VERSION in "${VERSIONS[@]}"; do
+  ADAPTER=$(get_adapter "$VERSION")
+  echo ""
+  echo "============================================"
+  echo "  Astro $VERSION  (adapter: $ADAPTER)"
+  echo "============================================"
+
+  # Install version-specific deps
+  echo "==> Installing astro@$VERSION and $ADAPTER in test-app..."
+  (
+    cd "$TEST_APP_DIR"
+    pnpm remove --silent @imagekit/astro 2>/dev/null || true
+    # Clear pnpm's cached extracted copies of the local tarball — pnpm keys
+    # by tarball path, not content, so an updated rebuild of the same
+    # filename would otherwise be silently reused.
+    rm -rf "$REPO_ROOT/node_modules/.pnpm/@imagekit+astro"*
+    rm -rf "$TEST_APP_DIR/node_modules/@imagekit/astro"
+    pnpm add --silent "$TARBALL"
+    pnpm remove --silent "@astrojs/node" 2>/dev/null || true
+    pnpm add --silent "astro@$VERSION"
+    pnpm add --silent "$ADAPTER"
+  )
+
+  # Choose test command
+  if $UPDATE_SNAPSHOTS; then
+    TEST_CMD="pnpm test:e2e-update"
+  else
+    TEST_CMD="pnpm test:e2e"
+  fi
+
+  echo "==> Running: ASTRO_VERSION=$VERSION $TEST_CMD"
+  if (cd "$TEST_APP_DIR" && ASTRO_VERSION="$VERSION" $TEST_CMD); then
+    echo "==> Astro $VERSION: PASSED"
+  else
+    echo "==> Astro $VERSION: FAILED"
+    FAILED_VERSIONS+=("$VERSION")
+  fi
+done
+
+# --- Summary ---
+echo ""
+echo "============================================"
+echo "  Summary"
+echo "============================================"
+echo "  Versions tested: ${VERSIONS[*]}"
+
+if [[ ${#FAILED_VERSIONS[@]} -eq 0 ]]; then
+  echo "  Result: ALL PASSED"
+else
+  echo "  Failed: ${FAILED_VERSIONS[*]}"
+  exit 1
+fi
diff --git a/test-app/.env.example b/test-app/.env.example
new file mode 100644
index 0000000..c4dd1bf
--- /dev/null
+++ b/test-app/.env.example
@@ -0,0 +1,5 @@
+# Server-only (used by /api/upload-auth)
+IMAGEKIT_PRIVATE_KEY=your_private_key_here
+
+# Exposed to the browser (must be PUBLIC_-prefixed in Astro)
+PUBLIC_IMAGEKIT_PUBLIC_KEY=your_public_key_here
diff --git a/test-app/.gitignore b/test-app/.gitignore
new file mode 100644
index 0000000..fc1ed99
--- /dev/null
+++ b/test-app/.gitignore
@@ -0,0 +1,22 @@
+# Dependencies
+node_modules/
+
+# Build output
+dist/
+.astro/
+
+# Test results
+test-results/
+
+# Playwright
+.playwright/
+
+# IDE
+.idea/
+.vscode/
+
+# OS
+.DS_Store
+
+#secrets
+.env
diff --git a/test-app/README.md b/test-app/README.md
new file mode 100644
index 0000000..810134d
--- /dev/null
+++ b/test-app/README.md
@@ -0,0 +1,61 @@
+# @imagekit/astro Test App
+
+This is a demo Astro application for testing the `@imagekit/astro` package.
+
+## Pages
+
+- `/` - Home page with navigation links
+- `/videos` - Test cases for the `Video` component
+- `/images` - Test cases for the `Image` component
+
+## Running the App
+
+```bash
+# From the test-app directory
+pnpm install
+pnpm dev
+```
+
+Then open http://localhost:4321
+
+## Configuration
+
+The test app uses the `@imagekit/astro` integration with a Node adapter in `astro.config.mjs`:
+
+```js
+import { defineConfig } from 'astro/config';
+import node from '@astrojs/node';
+import imagekit from '@imagekit/astro/integration';
+
+export default defineConfig({
+  output: 'server',
+  integrations: [imagekit()],
+  adapter: node({
+    mode: 'standalone',
+  }),
+});
+```
+
+When using the `@imagekit/astro` package in your own project, you need to add the integration to your Astro config. The Node adapter is required for server-side features like upload authentication.
+
+## Running Tests
+
+```bash
+# Run E2E tests
+pnpm test:e2e
+
+# Update snapshots
+pnpm test:e2e-update
+```
+
+## Uploading Files
+
+This demo shows how to implement file uploading in an Astro application using `@imagekit/astro`.
+
+### Implementation Steps
+
+1. **Server-side**: Create an API endpoint (e.g., `src/pages/api/upload-auth.ts`) that uses `getUploadAuthParams` from `@imagekit/astro/server` to generate authentication parameters.
+2. **Client-side**: Use the `upload` function from [`@imagekit/javascript`](https://www.npmjs.com/package/@imagekit/javascript) to upload files. Fetch the authentication parameters from your API endpoint before calling `upload`.
+
+See `/upload` for a live demo.
+
diff --git a/test-app/astro.config.mjs b/test-app/astro.config.mjs
new file mode 100644
index 0000000..af05aca
--- /dev/null
+++ b/test-app/astro.config.mjs
@@ -0,0 +1,20 @@
+import { defineConfig } from 'astro/config';
+import node from '@astrojs/node';
+import imagekit from '@imagekit/astro/integration';
+
+export default defineConfig({
+  output: 'server',
+  integrations: [
+    imagekit({
+      urlEndpoint: 'https://ik.imagekit.io/demo/',
+      additionalEndpoints: ['https://ik.imgkit.net'],
+    }),
+  ],
+  adapter: node({
+    mode: 'standalone',
+  }),
+  image: {
+    layout: 'constrained',
+    domains: ['placehold.co']
+  }
+});
diff --git a/test-app/e2e/__snapshot__/astro-3/images.spec.ts/Image-page-renders-correctly-1.txt b/test-app/e2e/__snapshot__/astro-3/images.spec.ts/Image-page-renders-correctly-1.txt
new file mode 100644
index 0000000..af016ec
--- /dev/null
+++ b/test-app/e2e/__snapshot__/astro-3/images.spec.ts/Image-page-renders-correctly-1.txt
@@ -0,0 +1 @@
+<div class="container"> <h1>Image Component Tests</h1> <p>Image uses Astro's built-in Image component for optimized image delivery with ImageKit transformations. The <code>urlEndpoint</code> is configured globally in <code>astro.config.mjs</code>; cases below only pass it explicitly when overriding it.</p> <!-- Basic image (urlEndpoint comes from astro.config.mjs) --> <div class="example"> <h3>Basic image (urlEndpoint from integration config)</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-10" alt="Basic image" width="10" height="10" loading="lazy" decoding="async"> </div> <!-- urlEndpoint prop override --> <div class="example"> <h3>urlEndpoint prop override</h3> <img src="https://ik.imagekit.io/demo2/default-image.jpg?tr=c-at_max,w-300" alt="Image with urlEndpoint override" width="300" height="300" loading="lazy" decoding="async"> </div> <!-- Image with leading slash in src --> <div class="example"> <h3>Leading slash in src</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300" alt="Image with leading slash" width="300" height="300" loading="lazy" decoding="async"> </div> <!-- Absolute URL src --> <div class="example"> <h3>Absolute URL src (urlEndpoint ignored, transformations still applied)</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300" alt="Absolute URL src" width="300" height="300" loading="lazy" decoding="async"> </div> <!-- Image with transformation --> <div class="example"> <h3>Transformation prop</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=h-100,w-100:c-at_max,w-300" alt="With transformation" width="300" height="300" loading="lazy" decoding="async"> </div> <!-- Image with queryParameters --> <div class="example"> <h3>queryParameters prop</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?version=v1&amp;tr=h-100,w-100:c-at_max,w-300" alt="Image with queryParameters" width="300" height="300" loading="lazy" decoding="async"> </div> <!-- Responsive image with sizes --> <div class="example"> <h3>Responsive image with sizes</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300" alt="Responsive image with sizes" sizes="(max-width: 600px) 100vw, 50vw" width="300" height="300" loading="lazy" decoding="async"> </div> <!-- Responsive image with fixed sizes --> <div class="example"> <h3>Responsive image with fixed sizes (300px)</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300" alt="Responsive image with fixed sizes" sizes="300px" width="300" height="300" loading="lazy" decoding="async"> </div> <!-- Image with custom class --> <div class="example"> <h3>Custom class</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300" alt="Image with custom class" class="custom-class" width="300" height="300" loading="lazy" decoding="async"> </div> <!-- Lazy loading eager --> <div class="example"> <h3>loading="eager"</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300" alt="Image with loading eager" loading="eager" width="300" height="300" decoding="async"> </div> <!-- Transformation position path --> <div class="example"> <h3>transformationPosition="path"</h3> <img src="https://ik.imagekit.io/demo/tr:c-at_max,w-300/default-image.jpg" alt="Image with path transformation" width="300" height="300" loading="lazy" decoding="async"> </div> <!-- Transformation position path with custom transformations --> <div class="example"> <h3>transformationPosition="path" + custom transformations</h3> <img src="https://ik.imagekit.io/demo/tr:h-100,w-100:c-at_max,w-300/default-image.jpg" alt="Image with path transformation + custom transformations" width="300" height="300" loading="lazy" decoding="async"> </div> <!-- Image with data attributes --> <div class="example"> <h3>Data attributes</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300" alt="Image with data attributes" data-testid="test-image" data-custom="value" width="300" height="300" loading="lazy" decoding="async"> </div> <!-- Image with multiple transformations --> <div class="example"> <h3>Multiple chained transformations</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=w-200,h-200:rt-90:bl-5:c-at_max,w-300" alt="Image with multiple chained transformations" width="300" height="300" loading="lazy" decoding="async"> </div> <!-- ASTRO IMAGE COMPONENT SPECIFIC PROPS --> <h2>Astro Image Component Props</h2> <p>The following tests verify that Astro's built-in Image component props work correctly with Image.</p> <!-- Image with format prop --> <div class="example"> <h3>format="avif" ignored</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300" alt="Image with AVIF format" width="300" height="300" loading="lazy" decoding="async"> </div> <!-- Image with quality prop (preset) --> <div class="example"> <h3>quality="high"</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300,q-75" alt="Image with high quality preset" width="300" height="300" loading="lazy" decoding="async"> </div> <!-- Image with quality prop (number) --> <div class="example"> <h3>quality=50</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300,q-50" alt="Image with numeric quality" width="300" height="300" loading="lazy" decoding="async"> </div> <!-- Image with decoding prop --> <div class="example"> <h3>decoding="sync"</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300" alt="Image with sync decoding" decoding="sync" width="300" height="300" loading="lazy"> </div> <!-- Image with fetchpriority prop --> <div class="example"> <h3>fetchpriority="high"</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300" alt="Image with high fetch priority" fetchpriority="high" width="300" height="300" loading="lazy" decoding="async"> </div> <!-- Image with densities prop --> <div class="example"> <h3>densities=[1.5, 2] (requires layout="none" to override config default)</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-450 1.5x, https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-600 2x" alt="Image with density srcset" width="300" height="300" loading="lazy" decoding="async"> </div> <!-- Image with widths prop --> <div class="example"> <h3>widths=[240, 540, 720]</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-240 240w, https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-540 540w, https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-720 720w" alt="Image with specific widths srcset" sizes="(max-width: 360px) 240px, (max-width: 720px) 540px, 720px" width="300" height="300" loading="lazy" decoding="async"> </div> <!-- Image with layout="constrained" --> <div class="example"> <h3>layout="constrained"</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300" alt="Image with constrained layout" width="300" height="300" loading="lazy" decoding="async"> </div> <!-- Image with layout="full-width" --> <div class="example"> <h3>layout="full-width"</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300" alt="Image with full-width layout" width="300" height="300" loading="lazy" decoding="async"> </div> <!-- Image with layout="fixed" --> <div class="example"> <h3>layout="fixed"</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300" alt="Image with fixed layout" width="300" height="300" loading="lazy" decoding="async"> </div> <!-- Image with layout="none" (turns off responsive srcset) --> <div class="example"> <h3>layout="none" (responsive off)</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300" alt="Image with responsive off" width="300" height="300" loading="lazy" decoding="async"> </div> <!-- Image with priority prop --> <div class="example"> <h3>priority (eager loading shorthand)</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300" alt="Image with priority flag" priority="true" width="300" height="300" loading="lazy" decoding="async"> </div> <!-- Image with style attribute --> <div class="example"> <h3>Inline style</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300" alt="Image with inline style" style="border: 3px solid red; border-radius: 10px;" width="300" height="300" loading="lazy" decoding="async"> </div> <!-- Image with id attribute --> <div class="example"> <h3>id attribute</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300" alt="Image with id" id="my-image-id" width="300" height="300" loading="lazy" decoding="async"> </div> <!-- Quality boundary: 0 --> <div class="example" data-test-id="edge-quality-0"> <h3>Quality = 0 (minimum)</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300,q-0" alt="quality 0" width="300" height="300" loading="lazy" decoding="async"> </div> <!-- Quality boundary: 100 --> <div class="example" data-test-id="edge-quality-100"> <h3>Quality = 100 (maximum)</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300,q-100" alt="quality 100" width="300" height="300" loading="lazy" decoding="async"> </div> <!-- Format: webp --> <div class="example" data-test-id="edge-format-webp"> <h3>Format = webp</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300" alt="webp format" width="300" height="300" loading="lazy" decoding="async"> </div> <!-- Format: avif --> <div class="example" data-test-id="edge-format-avif"> <h3>Format = avif</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300" alt="avif format" width="300" height="300" loading="lazy" decoding="async"> </div> <!-- Format: svg --> <div class="example" data-test-id="edge-format-svg"> <h3>Format = svg</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300" alt="svg format" width="300" height="300" loading="lazy" decoding="async"> </div> <!-- Multiple complex transformations --> <div class="example" data-test-id="edge-complex-transformations"> <h3>Multiple complex transformations</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=w-200,h-200:rt-45:bl-10:q-50:overlayText-WATERMARK:c-at_max,w-300" alt="complex transformations" width="300" height="300" loading="lazy" decoding="async"> </div> <!-- transformationPosition path with transformations --> <div class="example" data-test-id="edge-transform-position-path"> <h3>transformationPosition="path" + transformations</h3> <img src="https://ik.imagekit.io/demo/tr:w-200,h-200:q-75:c-at_max,w-300/default-image.jpg" alt="transformation path position" width="300" height="300" loading="lazy" decoding="async"> </div> <!-- transformationPosition query with complex query params --> <div class="example" data-test-id="edge-transform-position-query"> <h3>transformationPosition="query" + queryParameters</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?version=v1&amp;custom=param&amp;tr=w-200,h-200:c-at_max,w-300" alt="transformation query position" width="300" height="300" loading="lazy" decoding="async"> </div> <!-- Quality as string preset --> <div class="example" data-test-id="edge-quality-preset-low"> <h3>Quality preset = "low"</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300,q-25" alt="quality low preset" width="300" height="300" loading="lazy" decoding="async"> </div> <!-- Quality as string preset mid --> <div class="example" data-test-id="edge-quality-preset-mid"> <h3>Quality preset = "mid"</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300,q-50" alt="quality mid preset" width="300" height="300" loading="lazy" decoding="async"> </div> <!-- Quality as string preset max --> <div class="example" data-test-id="edge-quality-preset-max"> <h3>Quality preset = "max"</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300,q-100" alt="quality max preset" width="300" height="300" loading="lazy" decoding="async"> </div> <!-- SHARP DELEGATION: non-IK srcs are routed through Astro's bundled sharp service. --> <h2>Sharp delegation (non-ImageKit srcs)</h2> <p>The following cases use srcs that are not ImageKit URLs. The integration delegates them to Astro's default sharp service, so they're served via Astro's <code>/_image</code> endpoint instead of being rewritten to <code>ik.imagekit.io</code>.</p> <!-- Local imported asset (Vite-emitted /_astro/ path) --> <div class="example" data-test-id="sharp-local-import"> <h3>Local imported asset (sharp)</h3> <img src="/_image?href=%2F_astro%2Fhero.d25e9c19.jpg&amp;w=300&amp;f=webp" alt="Local hero image processed by sharp" width="300" height="200" loading="lazy" decoding="async"> </div> <!-- Allow-listed external URL (in image.domains) --> <div class="example" data-test-id="sharp-external-allowed"> <h3>Allow-listed external URL (sharp)</h3> <img src="/_image?href=https%3A%2F%2Fplacehold.co%2F600x400&amp;w=600&amp;h=400&amp;f=webp" alt="External URL on an allow-listed host, processed by sharp" width="600" height="400" loading="lazy" decoding="async"> </div> </div>
\ No newline at end of file
diff --git a/test-app/e2e/__snapshot__/astro-3/md.spec.ts/Markdown-page-renders-correctly-1.txt b/test-app/e2e/__snapshot__/astro-3/md.spec.ts/Markdown-page-renders-correctly-1.txt
new file mode 100644
index 0000000..2db57f0
--- /dev/null
+++ b/test-app/e2e/__snapshot__/astro-3/md.spec.ts/Markdown-page-renders-correctly-1.txt
@@ -0,0 +1,12 @@
+<div class="container">
+<h2 id="imagekit-url-primary-endpoint-host">ImageKit URL (primary endpoint host)</h2>
+<p><img src="https://ik.imagekit.io/demo/default-image.jpg" alt="Imagekit URL"></p>
+<h2 id="custom-ik-domain-additionalendpoints-host">Custom IK domain (additionalEndpoints host)</h2>
+<p><img src="https://ik.imgkit.net/demo/default-image.jpg" alt="Another custom IK URL"></p>
+<h2 id="local-imported-asset-delegated-to-sharp">Local imported asset (delegated to sharp)</h2>
+<p><img alt="Local hero asset" src="/_image?href=%2F_astro%2Fhero.d25e9c19.jpg&amp;f=webp" width="640" height="427" loading="lazy" decoding="async"></p>
+<h2 id="allow-listed-external-url-delegated-to-sharp">Allow-listed external URL (delegated to sharp)</h2>
+<p><img src="https://placehold.co/600x400" alt="Allowed external URL"></p>
+<h2 id="non-allow-listed-external-url-rendered-as-is-by-astro">Non-allow-listed external URL (rendered as-is by Astro)</h2>
+<p><img src="https://not-allowed-external-as-is.com/creatives/4a3a37e5-f135-4fdd-877f-488570c9d4bb/default.jpg?tr=cm-pad_resize,w-900" alt="Not allowed external URL"></p>
+</div>
\ No newline at end of file
diff --git a/test-app/e2e/__snapshot__/astro-3/videos.spec.ts/Videos-page-renders-correctly-1.txt b/test-app/e2e/__snapshot__/astro-3/videos.spec.ts/Videos-page-renders-correctly-1.txt
new file mode 100644
index 0000000..ebcad38
--- /dev/null
+++ b/test-app/e2e/__snapshot__/astro-3/videos.spec.ts/Videos-page-renders-correctly-1.txt
@@ -0,0 +1 @@
+<div class="container"> <h1>Video Component Tests</h1> <!-- Basic video with urlEndpoint prop --> <div class="example"> <h3>Basic Video with urlEndpoint prop</h3> <video src="https://ik.imagekit.io/demo/sample-video.mp4" class="astro-imagekit-video" title="Video with urlEndpoint prop" height="300" width="300" controls=""></video> </div> <!-- Video with leading slash in src --> <div class="example"> <h3>Video with leading slash in src</h3> <video src="https://ik.imagekit.io/demo/sample-video.mp4" class="astro-imagekit-video" title="Video with leading slash" height="300" width="300" controls=""></video> </div> <!-- Video with transformations --> <div class="example"> <h3>Video with transformations</h3> <video src="https://ik.imagekit.io/demo/sample-video.mp4?tr=h-100,w-100" class="astro-imagekit-video" title="Video with transformations" height="300" width="300" controls=""></video> </div> <!-- urlEndpoint override --> <div class="example"> <h3>Video with different urlEndpoint</h3> <video src="https://ik.imagekit.io/demo2/sample-video.mp4?tr=h-100,w-100" class="astro-imagekit-video" title="Video with urlEndpoint override" height="300" width="300" controls=""></video> </div> <!-- transformationPosition="path" --> <div class="example"> <h3>Video with transformationPosition="path"</h3> <video src="https://ik.imagekit.io/demo/tr:h-100,w-100/sample-video.mp4" class="astro-imagekit-video" title="Video with path transformation" height="300" width="300" controls=""></video> </div> <!-- Video with custom class --> <div class="example"> <h3>Video with custom class</h3> <video src="https://ik.imagekit.io/demo/sample-video.mp4" class="astro-imagekit-video custom-video-class" title="Video with custom class" height="300" width="300" controls=""></video> </div> <!-- Video with queryParameters --> <div class="example"> <h3>Video with queryParameters</h3> <video src="https://ik.imagekit.io/demo/sample-video.mp4?version=v2" class="astro-imagekit-video" title="Video with queryParameters" height="300" width="300" controls=""></video> </div> <!-- Video with chained transformations --> <div class="example"> <h3>Video with chained transformations</h3> <video src="https://ik.imagekit.io/demo/sample-video.mp4?tr=w-200,h-200:q-80" class="astro-imagekit-video" title="Video with chained transformations" height="300" width="300" controls=""></video> </div> <!-- Video without controls (for autoplay scenarios) --> <div class="example"> <h3>Video without controls (autoplay, muted, loop)</h3> <video src="https://ik.imagekit.io/demo/sample-video.mp4" class="astro-imagekit-video" title="Autoplay video" height="200" width="300" autoplay="" muted="true" loop=""></video> </div> <!-- transformationPosition="path" with transformations --> <div class="example" data-test-id="video-edge-transform-path"> <h3>transformationPosition="path" with transformations</h3> <video src="https://ik.imagekit.io/demo/tr:w-200,h-200/sample-video.mp4" class="astro-imagekit-video" title="path transformation position" width="300" height="300" controls=""></video> </div> <!-- transformationPosition="query" with queryParameters --> <div class="example" data-test-id="video-edge-transform-query"> <h3>transformationPosition="query" + queryParameters</h3> <video src="https://ik.imagekit.io/demo/sample-video.mp4?version=v2&amp;custom=value" class="astro-imagekit-video" title="query transformation position" width="300" height="300" controls=""></video> </div> <!-- All HTML video attributes together --> <div class="example" data-test-id="video-edge-all-attributes"> <h3>All HTML attributes combined</h3> <video src="https://ik.imagekit.io/demo/sample-video.mp4" class="astro-imagekit-video" title="all attributes" width="300" height="300" controls="" autoplay="" loop="" muted="true" preload="metadata" crossorigin="anonymous" data-test="custom-attribute"></video> </div> </div>
\ No newline at end of file
diff --git a/test-app/e2e/__snapshot__/astro-4/images.spec.ts/Image-page-renders-correctly-1.txt b/test-app/e2e/__snapshot__/astro-4/images.spec.ts/Image-page-renders-correctly-1.txt
new file mode 100644
index 0000000..f40bbd0
--- /dev/null
+++ b/test-app/e2e/__snapshot__/astro-4/images.spec.ts/Image-page-renders-correctly-1.txt
@@ -0,0 +1 @@
+<div class="container"> <h1>Image Component Tests</h1> <p>Image uses Astro's built-in Image component for optimized image delivery with ImageKit transformations. The <code>urlEndpoint</code> is configured globally in <code>astro.config.mjs</code>; cases below only pass it explicitly when overriding it.</p> <!-- Basic image (urlEndpoint comes from astro.config.mjs) --> <div class="example"> <h3>Basic image (urlEndpoint from integration config)</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-10" alt="Basic image" width="10" height="10" loading="lazy" decoding="async"> </div> <!-- urlEndpoint prop override --> <div class="example"> <h3>urlEndpoint prop override</h3> <img src="https://ik.imagekit.io/demo2/default-image.jpg?tr=c-at_max,w-300" alt="Image with urlEndpoint override" width="300" height="300" loading="lazy" decoding="async"> </div> <!-- Image with leading slash in src --> <div class="example"> <h3>Leading slash in src</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300" alt="Image with leading slash" width="300" height="300" loading="lazy" decoding="async"> </div> <!-- Absolute URL src --> <div class="example"> <h3>Absolute URL src (urlEndpoint ignored, transformations still applied)</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300" alt="Absolute URL src" width="300" height="300" loading="lazy" decoding="async"> </div> <!-- Image with transformation --> <div class="example"> <h3>Transformation prop</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=h-100,w-100:c-at_max,w-300" alt="With transformation" width="300" height="300" loading="lazy" decoding="async"> </div> <!-- Image with queryParameters --> <div class="example"> <h3>queryParameters prop</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?version=v1&amp;tr=h-100,w-100:c-at_max,w-300" alt="Image with queryParameters" width="300" height="300" loading="lazy" decoding="async"> </div> <!-- Responsive image with sizes --> <div class="example"> <h3>Responsive image with sizes</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300" alt="Responsive image with sizes" sizes="(max-width: 600px) 100vw, 50vw" width="300" height="300" loading="lazy" decoding="async"> </div> <!-- Responsive image with fixed sizes --> <div class="example"> <h3>Responsive image with fixed sizes (300px)</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300" alt="Responsive image with fixed sizes" sizes="300px" width="300" height="300" loading="lazy" decoding="async"> </div> <!-- Image with custom class --> <div class="example"> <h3>Custom class</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300" alt="Image with custom class" class="custom-class" width="300" height="300" loading="lazy" decoding="async"> </div> <!-- Lazy loading eager --> <div class="example"> <h3>loading="eager"</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300" alt="Image with loading eager" loading="eager" width="300" height="300" decoding="async"> </div> <!-- Transformation position path --> <div class="example"> <h3>transformationPosition="path"</h3> <img src="https://ik.imagekit.io/demo/tr:c-at_max,w-300/default-image.jpg" alt="Image with path transformation" width="300" height="300" loading="lazy" decoding="async"> </div> <!-- Transformation position path with custom transformations --> <div class="example"> <h3>transformationPosition="path" + custom transformations</h3> <img src="https://ik.imagekit.io/demo/tr:h-100,w-100:c-at_max,w-300/default-image.jpg" alt="Image with path transformation + custom transformations" width="300" height="300" loading="lazy" decoding="async"> </div> <!-- Image with data attributes --> <div class="example"> <h3>Data attributes</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300" alt="Image with data attributes" data-testid="test-image" data-custom="value" width="300" height="300" loading="lazy" decoding="async"> </div> <!-- Image with multiple transformations --> <div class="example"> <h3>Multiple chained transformations</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=w-200,h-200:rt-90:bl-5:c-at_max,w-300" alt="Image with multiple chained transformations" width="300" height="300" loading="lazy" decoding="async"> </div> <!-- ASTRO IMAGE COMPONENT SPECIFIC PROPS --> <h2>Astro Image Component Props</h2> <p>The following tests verify that Astro's built-in Image component props work correctly with Image.</p> <!-- Image with format prop --> <div class="example"> <h3>format="avif" ignored</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300" alt="Image with AVIF format" width="300" height="300" loading="lazy" decoding="async"> </div> <!-- Image with quality prop (preset) --> <div class="example"> <h3>quality="high"</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300,q-75" alt="Image with high quality preset" width="300" height="300" loading="lazy" decoding="async"> </div> <!-- Image with quality prop (number) --> <div class="example"> <h3>quality=50</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300,q-50" alt="Image with numeric quality" width="300" height="300" loading="lazy" decoding="async"> </div> <!-- Image with decoding prop --> <div class="example"> <h3>decoding="sync"</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300" alt="Image with sync decoding" decoding="sync" width="300" height="300" loading="lazy"> </div> <!-- Image with fetchpriority prop --> <div class="example"> <h3>fetchpriority="high"</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300" alt="Image with high fetch priority" fetchpriority="high" width="300" height="300" loading="lazy" decoding="async"> </div> <!-- Image with densities prop --> <div class="example"> <h3>densities=[1.5, 2] (requires layout="none" to override config default)</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-450 1.5x, https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-600 2x" alt="Image with density srcset" width="300" height="300" loading="lazy" decoding="async"> </div> <!-- Image with widths prop --> <div class="example"> <h3>widths=[240, 540, 720]</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-240 240w, https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-540 540w, https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-720 720w" alt="Image with specific widths srcset" sizes="(max-width: 360px) 240px, (max-width: 720px) 540px, 720px" width="300" height="300" loading="lazy" decoding="async"> </div> <!-- Image with layout="constrained" --> <div class="example"> <h3>layout="constrained"</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300" alt="Image with constrained layout" width="300" height="300" loading="lazy" decoding="async"> </div> <!-- Image with layout="full-width" --> <div class="example"> <h3>layout="full-width"</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300" alt="Image with full-width layout" width="300" height="300" loading="lazy" decoding="async"> </div> <!-- Image with layout="fixed" --> <div class="example"> <h3>layout="fixed"</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300" alt="Image with fixed layout" width="300" height="300" loading="lazy" decoding="async"> </div> <!-- Image with layout="none" (turns off responsive srcset) --> <div class="example"> <h3>layout="none" (responsive off)</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300" alt="Image with responsive off" width="300" height="300" loading="lazy" decoding="async"> </div> <!-- Image with priority prop --> <div class="example"> <h3>priority (eager loading shorthand)</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300" alt="Image with priority flag" priority="true" width="300" height="300" loading="lazy" decoding="async"> </div> <!-- Image with style attribute --> <div class="example"> <h3>Inline style</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300" alt="Image with inline style" style="border: 3px solid red; border-radius: 10px;" width="300" height="300" loading="lazy" decoding="async"> </div> <!-- Image with id attribute --> <div class="example"> <h3>id attribute</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300" alt="Image with id" id="my-image-id" width="300" height="300" loading="lazy" decoding="async"> </div> <!-- Quality boundary: 0 --> <div class="example" data-test-id="edge-quality-0"> <h3>Quality = 0 (minimum)</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300,q-0" alt="quality 0" width="300" height="300" loading="lazy" decoding="async"> </div> <!-- Quality boundary: 100 --> <div class="example" data-test-id="edge-quality-100"> <h3>Quality = 100 (maximum)</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300,q-100" alt="quality 100" width="300" height="300" loading="lazy" decoding="async"> </div> <!-- Format: webp --> <div class="example" data-test-id="edge-format-webp"> <h3>Format = webp</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300" alt="webp format" width="300" height="300" loading="lazy" decoding="async"> </div> <!-- Format: avif --> <div class="example" data-test-id="edge-format-avif"> <h3>Format = avif</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300" alt="avif format" width="300" height="300" loading="lazy" decoding="async"> </div> <!-- Format: svg --> <div class="example" data-test-id="edge-format-svg"> <h3>Format = svg</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300" alt="svg format" width="300" height="300" loading="lazy" decoding="async"> </div> <!-- Multiple complex transformations --> <div class="example" data-test-id="edge-complex-transformations"> <h3>Multiple complex transformations</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=w-200,h-200:rt-45:bl-10:q-50:overlayText-WATERMARK:c-at_max,w-300" alt="complex transformations" width="300" height="300" loading="lazy" decoding="async"> </div> <!-- transformationPosition path with transformations --> <div class="example" data-test-id="edge-transform-position-path"> <h3>transformationPosition="path" + transformations</h3> <img src="https://ik.imagekit.io/demo/tr:w-200,h-200:q-75:c-at_max,w-300/default-image.jpg" alt="transformation path position" width="300" height="300" loading="lazy" decoding="async"> </div> <!-- transformationPosition query with complex query params --> <div class="example" data-test-id="edge-transform-position-query"> <h3>transformationPosition="query" + queryParameters</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?version=v1&amp;custom=param&amp;tr=w-200,h-200:c-at_max,w-300" alt="transformation query position" width="300" height="300" loading="lazy" decoding="async"> </div> <!-- Quality as string preset --> <div class="example" data-test-id="edge-quality-preset-low"> <h3>Quality preset = "low"</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300,q-25" alt="quality low preset" width="300" height="300" loading="lazy" decoding="async"> </div> <!-- Quality as string preset mid --> <div class="example" data-test-id="edge-quality-preset-mid"> <h3>Quality preset = "mid"</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300,q-50" alt="quality mid preset" width="300" height="300" loading="lazy" decoding="async"> </div> <!-- Quality as string preset max --> <div class="example" data-test-id="edge-quality-preset-max"> <h3>Quality preset = "max"</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300,q-100" alt="quality max preset" width="300" height="300" loading="lazy" decoding="async"> </div> <!-- SHARP DELEGATION: non-IK srcs are routed through Astro's bundled sharp service. --> <h2>Sharp delegation (non-ImageKit srcs)</h2> <p>The following cases use srcs that are not ImageKit URLs. The integration delegates them to Astro's default sharp service, so they're served via Astro's <code>/_image</code> endpoint instead of being rewritten to <code>ik.imagekit.io</code>.</p> <!-- Local imported asset (Vite-emitted /_astro/ path) --> <div class="example" data-test-id="sharp-local-import"> <h3>Local imported asset (sharp)</h3> <img src="/_image?href=%2F_astro%2Fhero.CfX7EzL3.jpg&amp;w=300&amp;f=webp" alt="Local hero image processed by sharp" width="300" height="200" loading="lazy" decoding="async"> </div> <!-- Allow-listed external URL (in image.domains) --> <div class="example" data-test-id="sharp-external-allowed"> <h3>Allow-listed external URL (sharp)</h3> <img src="/_image?href=https%3A%2F%2Fplacehold.co%2F600x400&amp;w=600&amp;h=400&amp;f=webp" alt="External URL on an allow-listed host, processed by sharp" width="600" height="400" loading="lazy" decoding="async"> </div> </div>
\ No newline at end of file
diff --git a/test-app/e2e/__snapshot__/astro-4/md.spec.ts/Markdown-page-renders-correctly-1.txt b/test-app/e2e/__snapshot__/astro-4/md.spec.ts/Markdown-page-renders-correctly-1.txt
new file mode 100644
index 0000000..1e9362f
--- /dev/null
+++ b/test-app/e2e/__snapshot__/astro-4/md.spec.ts/Markdown-page-renders-correctly-1.txt
@@ -0,0 +1,12 @@
+<div class="container">
+<h2 id="imagekit-url-primary-endpoint-host">ImageKit URL (primary endpoint host)</h2>
+<p><img src="https://ik.imagekit.io/demo/default-image.jpg" alt="Imagekit URL"></p>
+<h2 id="custom-ik-domain-additionalendpoints-host">Custom IK domain (additionalEndpoints host)</h2>
+<p><img src="https://ik.imgkit.net/demo/default-image.jpg" alt="Another custom IK URL"></p>
+<h2 id="local-imported-asset-delegated-to-sharp">Local imported asset (delegated to sharp)</h2>
+<p><img src="/_image?href=%2F_astro%2Fhero.CfX7EzL3.jpg&amp;f=webp" alt="Local hero asset" width="640" height="427" loading="lazy" decoding="async"></p>
+<h2 id="allow-listed-external-url-delegated-to-sharp">Allow-listed external URL (delegated to sharp)</h2>
+<p><img src="https://placehold.co/600x400" alt="Allowed external URL"></p>
+<h2 id="non-allow-listed-external-url-rendered-as-is-by-astro">Non-allow-listed external URL (rendered as-is by Astro)</h2>
+<p><img src="https://not-allowed-external-as-is.com/creatives/4a3a37e5-f135-4fdd-877f-488570c9d4bb/default.jpg?tr=cm-pad_resize,w-900" alt="Not allowed external URL"></p>
+</div>
\ No newline at end of file
diff --git a/test-app/e2e/__snapshot__/astro-4/videos.spec.ts/Videos-page-renders-correctly-1.txt b/test-app/e2e/__snapshot__/astro-4/videos.spec.ts/Videos-page-renders-correctly-1.txt
new file mode 100644
index 0000000..ebcad38
--- /dev/null
+++ b/test-app/e2e/__snapshot__/astro-4/videos.spec.ts/Videos-page-renders-correctly-1.txt
@@ -0,0 +1 @@
+<div class="container"> <h1>Video Component Tests</h1> <!-- Basic video with urlEndpoint prop --> <div class="example"> <h3>Basic Video with urlEndpoint prop</h3> <video src="https://ik.imagekit.io/demo/sample-video.mp4" class="astro-imagekit-video" title="Video with urlEndpoint prop" height="300" width="300" controls=""></video> </div> <!-- Video with leading slash in src --> <div class="example"> <h3>Video with leading slash in src</h3> <video src="https://ik.imagekit.io/demo/sample-video.mp4" class="astro-imagekit-video" title="Video with leading slash" height="300" width="300" controls=""></video> </div> <!-- Video with transformations --> <div class="example"> <h3>Video with transformations</h3> <video src="https://ik.imagekit.io/demo/sample-video.mp4?tr=h-100,w-100" class="astro-imagekit-video" title="Video with transformations" height="300" width="300" controls=""></video> </div> <!-- urlEndpoint override --> <div class="example"> <h3>Video with different urlEndpoint</h3> <video src="https://ik.imagekit.io/demo2/sample-video.mp4?tr=h-100,w-100" class="astro-imagekit-video" title="Video with urlEndpoint override" height="300" width="300" controls=""></video> </div> <!-- transformationPosition="path" --> <div class="example"> <h3>Video with transformationPosition="path"</h3> <video src="https://ik.imagekit.io/demo/tr:h-100,w-100/sample-video.mp4" class="astro-imagekit-video" title="Video with path transformation" height="300" width="300" controls=""></video> </div> <!-- Video with custom class --> <div class="example"> <h3>Video with custom class</h3> <video src="https://ik.imagekit.io/demo/sample-video.mp4" class="astro-imagekit-video custom-video-class" title="Video with custom class" height="300" width="300" controls=""></video> </div> <!-- Video with queryParameters --> <div class="example"> <h3>Video with queryParameters</h3> <video src="https://ik.imagekit.io/demo/sample-video.mp4?version=v2" class="astro-imagekit-video" title="Video with queryParameters" height="300" width="300" controls=""></video> </div> <!-- Video with chained transformations --> <div class="example"> <h3>Video with chained transformations</h3> <video src="https://ik.imagekit.io/demo/sample-video.mp4?tr=w-200,h-200:q-80" class="astro-imagekit-video" title="Video with chained transformations" height="300" width="300" controls=""></video> </div> <!-- Video without controls (for autoplay scenarios) --> <div class="example"> <h3>Video without controls (autoplay, muted, loop)</h3> <video src="https://ik.imagekit.io/demo/sample-video.mp4" class="astro-imagekit-video" title="Autoplay video" height="200" width="300" autoplay="" muted="true" loop=""></video> </div> <!-- transformationPosition="path" with transformations --> <div class="example" data-test-id="video-edge-transform-path"> <h3>transformationPosition="path" with transformations</h3> <video src="https://ik.imagekit.io/demo/tr:w-200,h-200/sample-video.mp4" class="astro-imagekit-video" title="path transformation position" width="300" height="300" controls=""></video> </div> <!-- transformationPosition="query" with queryParameters --> <div class="example" data-test-id="video-edge-transform-query"> <h3>transformationPosition="query" + queryParameters</h3> <video src="https://ik.imagekit.io/demo/sample-video.mp4?version=v2&amp;custom=value" class="astro-imagekit-video" title="query transformation position" width="300" height="300" controls=""></video> </div> <!-- All HTML video attributes together --> <div class="example" data-test-id="video-edge-all-attributes"> <h3>All HTML attributes combined</h3> <video src="https://ik.imagekit.io/demo/sample-video.mp4" class="astro-imagekit-video" title="all attributes" width="300" height="300" controls="" autoplay="" loop="" muted="true" preload="metadata" crossorigin="anonymous" data-test="custom-attribute"></video> </div> </div>
\ No newline at end of file
diff --git a/test-app/e2e/__snapshot__/astro-5/images.spec.ts/Image-page-renders-correctly-1.txt b/test-app/e2e/__snapshot__/astro-5/images.spec.ts/Image-page-renders-correctly-1.txt
new file mode 100644
index 0000000..b352c59
--- /dev/null
+++ b/test-app/e2e/__snapshot__/astro-5/images.spec.ts/Image-page-renders-correctly-1.txt
@@ -0,0 +1 @@
+<div class="container"> <h1>Image Component Tests</h1> <p>Image uses Astro's built-in Image component for optimized image delivery with ImageKit transformations. The <code>urlEndpoint</code> is configured globally in <code>astro.config.mjs</code>; cases below only pass it explicitly when overriding it.</p> <!-- Basic image (urlEndpoint comes from astro.config.mjs) --> <div class="example"> <h3>Basic image (urlEndpoint from integration config)</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-10" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-10 10w, https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-20 20w" alt="Basic image" width="10" height="10" loading="lazy" decoding="async" fetchpriority="auto" sizes="(min-width: 10px) 10px, 100vw" style="--fit: contain; --pos: top left;" data-astro-image="constrained"> </div> <!-- urlEndpoint prop override --> <div class="example"> <h3>urlEndpoint prop override</h3> <img src="https://ik.imagekit.io/demo2/default-image.jpg?tr=c-at_max,w-300" srcset="https://ik.imagekit.io/demo2/default-image.jpg?tr=c-at_max,w-300 300w, https://ik.imagekit.io/demo2/default-image.jpg?tr=c-at_max,w-600 600w" alt="Image with urlEndpoint override" width="300" height="300" loading="lazy" decoding="async" fetchpriority="auto" sizes="(min-width: 300px) 300px, 100vw" style="--fit: cover; --pos: center;" data-astro-image="constrained"> </div> <!-- Image with leading slash in src --> <div class="example"> <h3>Leading slash in src</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300 300w, https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-600 600w" alt="Image with leading slash" width="300" height="300" loading="lazy" decoding="async" fetchpriority="auto" sizes="(min-width: 300px) 300px, 100vw" style="--fit: cover; --pos: center;" data-astro-image="constrained"> </div> <!-- Absolute URL src --> <div class="example"> <h3>Absolute URL src (urlEndpoint ignored, transformations still applied)</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300 300w, https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-600 600w" alt="Absolute URL src" width="300" height="300" loading="lazy" decoding="async" fetchpriority="auto" sizes="(min-width: 300px) 300px, 100vw" style="--fit: cover; --pos: center;" data-astro-image="constrained"> </div> <!-- Image with transformation --> <div class="example"> <h3>Transformation prop</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=h-100,w-100:c-at_max,w-300" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=h-100,w-100:c-at_max,w-300 300w, https://ik.imagekit.io/demo/default-image.jpg?tr=h-100,w-100:c-at_max,w-600 600w" alt="With transformation" width="300" height="300" loading="lazy" decoding="async" fetchpriority="auto" sizes="(min-width: 300px) 300px, 100vw" style="--fit: cover; --pos: center;" data-astro-image="constrained"> </div> <!-- Image with queryParameters --> <div class="example"> <h3>queryParameters prop</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?version=v1&amp;tr=h-100,w-100:c-at_max,w-300" srcset="https://ik.imagekit.io/demo/default-image.jpg?version=v1&amp;tr=h-100,w-100:c-at_max,w-300 300w, https://ik.imagekit.io/demo/default-image.jpg?version=v1&amp;tr=h-100,w-100:c-at_max,w-600 600w" alt="Image with queryParameters" width="300" height="300" loading="lazy" decoding="async" fetchpriority="auto" sizes="(min-width: 300px) 300px, 100vw" style="--fit: cover; --pos: center;" data-astro-image="constrained"> </div> <!-- Responsive image with sizes --> <div class="example"> <h3>Responsive image with sizes</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300 300w, https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-600 600w" alt="Responsive image with sizes" sizes="(max-width: 600px) 100vw, 50vw" width="300" height="300" loading="lazy" decoding="async" fetchpriority="auto" style="--fit: cover; --pos: center;" data-astro-image="constrained"> </div> <!-- Responsive image with fixed sizes --> <div class="example"> <h3>Responsive image with fixed sizes (300px)</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300 300w, https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-600 600w" alt="Responsive image with fixed sizes" sizes="300px" width="300" height="300" loading="lazy" decoding="async" fetchpriority="auto" style="--fit: cover; --pos: center;" data-astro-image="constrained"> </div> <!-- Image with custom class --> <div class="example"> <h3>Custom class</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300 300w, https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-600 600w" alt="Image with custom class" width="300" height="300" loading="lazy" decoding="async" fetchpriority="auto" sizes="(min-width: 300px) 300px, 100vw" style="--fit: cover; --pos: center;" data-astro-image="constrained" class="custom-class"> </div> <!-- Lazy loading eager --> <div class="example"> <h3>loading="eager"</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300 300w, https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-600 600w" alt="Image with loading eager" loading="eager" width="300" height="300" decoding="async" fetchpriority="auto" sizes="(min-width: 300px) 300px, 100vw" style="--fit: cover; --pos: center;" data-astro-image="constrained"> </div> <!-- Transformation position path --> <div class="example"> <h3>transformationPosition="path"</h3> <img src="https://ik.imagekit.io/demo/tr:c-at_max,w-300/default-image.jpg" srcset="https://ik.imagekit.io/demo/tr:c-at_max,w-300/default-image.jpg 300w, https://ik.imagekit.io/demo/tr:c-at_max,w-600/default-image.jpg 600w" alt="Image with path transformation" width="300" height="300" loading="lazy" decoding="async" fetchpriority="auto" sizes="(min-width: 300px) 300px, 100vw" style="--fit: cover; --pos: center;" data-astro-image="constrained"> </div> <!-- Transformation position path with custom transformations --> <div class="example"> <h3>transformationPosition="path" + custom transformations</h3> <img src="https://ik.imagekit.io/demo/tr:h-100,w-100:c-at_max,w-300/default-image.jpg" srcset="https://ik.imagekit.io/demo/tr:h-100,w-100:c-at_max,w-300/default-image.jpg 300w, https://ik.imagekit.io/demo/tr:h-100,w-100:c-at_max,w-600/default-image.jpg 600w" alt="Image with path transformation + custom transformations" width="300" height="300" loading="lazy" decoding="async" fetchpriority="auto" sizes="(min-width: 300px) 300px, 100vw" style="--fit: cover; --pos: center;" data-astro-image="constrained"> </div> <!-- Image with data attributes --> <div class="example"> <h3>Data attributes</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300 300w, https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-600 600w" alt="Image with data attributes" data-testid="test-image" data-custom="value" width="300" height="300" loading="lazy" decoding="async" fetchpriority="auto" sizes="(min-width: 300px) 300px, 100vw" style="--fit: cover; --pos: center;" data-astro-image="constrained"> </div> <!-- Image with multiple transformations --> <div class="example"> <h3>Multiple chained transformations</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=w-200,h-200:rt-90:bl-5:c-at_max,w-300" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=w-200,h-200:rt-90:bl-5:c-at_max,w-300 300w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-200,h-200:rt-90:bl-5:c-at_max,w-600 600w" alt="Image with multiple chained transformations" width="300" height="300" loading="lazy" decoding="async" fetchpriority="auto" sizes="(min-width: 300px) 300px, 100vw" style="--fit: cover; --pos: center;" data-astro-image="constrained"> </div> <!-- ASTRO IMAGE COMPONENT SPECIFIC PROPS --> <h2>Astro Image Component Props</h2> <p>The following tests verify that Astro's built-in Image component props work correctly with Image.</p> <!-- Image with format prop --> <div class="example"> <h3>format="avif" ignored</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300 300w, https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-600 600w" alt="Image with AVIF format" width="300" height="300" loading="lazy" decoding="async" fetchpriority="auto" sizes="(min-width: 300px) 300px, 100vw" style="--fit: cover; --pos: center;" data-astro-image="constrained"> </div> <!-- Image with quality prop (preset) --> <div class="example"> <h3>quality="high"</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300,q-75" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300,q-75 300w, https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-600,q-75 600w" alt="Image with high quality preset" width="300" height="300" loading="lazy" decoding="async" fetchpriority="auto" sizes="(min-width: 300px) 300px, 100vw" style="--fit: cover; --pos: center;" data-astro-image="constrained"> </div> <!-- Image with quality prop (number) --> <div class="example"> <h3>quality=50</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300,q-50" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300,q-50 300w, https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-600,q-50 600w" alt="Image with numeric quality" width="300" height="300" loading="lazy" decoding="async" fetchpriority="auto" sizes="(min-width: 300px) 300px, 100vw" style="--fit: cover; --pos: center;" data-astro-image="constrained"> </div> <!-- Image with decoding prop --> <div class="example"> <h3>decoding="sync"</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300 300w, https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-600 600w" alt="Image with sync decoding" decoding="sync" width="300" height="300" loading="lazy" fetchpriority="auto" sizes="(min-width: 300px) 300px, 100vw" style="--fit: cover; --pos: center;" data-astro-image="constrained"> </div> <!-- Image with fetchpriority prop --> <div class="example"> <h3>fetchpriority="high"</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300 300w, https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-600 600w" alt="Image with high fetch priority" fetchpriority="high" width="300" height="300" loading="lazy" decoding="async" sizes="(min-width: 300px) 300px, 100vw" style="--fit: cover; --pos: center;" data-astro-image="constrained"> </div> <!-- Image with densities prop --> <div class="example"> <h3>densities=[1.5, 2] (requires layout="none" to override config default)</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-450 1.5x, https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-600 2x" alt="Image with density srcset" width="300" height="300" loading="lazy" decoding="async" fetchpriority="auto"> </div> <!-- Image with widths prop --> <div class="example"> <h3>widths=[240, 540, 720]</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-240 240w, https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-540 540w, https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-720 720w" alt="Image with specific widths srcset" sizes="(max-width: 360px) 240px, (max-width: 720px) 540px, 720px" width="300" height="300" loading="lazy" decoding="async" fetchpriority="auto" style="--fit: cover; --pos: center;" data-astro-image="constrained"> </div> <!-- Image with layout="constrained" --> <div class="example"> <h3>layout="constrained"</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300 300w, https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-600 600w" alt="Image with constrained layout" width="300" height="300" loading="lazy" decoding="async" fetchpriority="auto" sizes="(min-width: 300px) 300px, 100vw" style="--fit: cover; --pos: center;" data-astro-image="constrained"> </div> <!-- Image with layout="full-width" --> <div class="example"> <h3>layout="full-width"</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-640 640w, https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-750 750w, https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-828 828w, https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-1080 1080w, https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-1280 1280w, https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-1668 1668w, https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-2048 2048w, https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-2560 2560w" alt="Image with full-width layout" width="300" height="300" loading="lazy" decoding="async" fetchpriority="auto" sizes="100vw" style="--fit: cover; --pos: center;" data-astro-image="full-width"> </div> <!-- Image with layout="fixed" --> <div class="example"> <h3>layout="fixed"</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300 300w, https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-600 600w" alt="Image with fixed layout" width="300" height="300" loading="lazy" decoding="async" fetchpriority="auto" sizes="300px" style="--fit: cover; --pos: center;" data-astro-image="fixed"> </div> <!-- Image with layout="none" (turns off responsive srcset) --> <div class="example"> <h3>layout="none" (responsive off)</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300" alt="Image with responsive off" width="300" height="300" loading="lazy" decoding="async" fetchpriority="auto"> </div> <!-- Image with priority prop --> <div class="example"> <h3>priority (eager loading shorthand)</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300 300w, https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-600 600w" alt="Image with priority flag" width="300" height="300" loading="eager" decoding="sync" fetchpriority="high" sizes="(min-width: 300px) 300px, 100vw" style="--fit: cover; --pos: center;" data-astro-image="constrained"> </div> <!-- Image with style attribute --> <div class="example"> <h3>Inline style</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300 300w, https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-600 600w" alt="Image with inline style" style="--fit: cover; --pos: center; border: 3px solid red; border-radius: 10px;" width="300" height="300" loading="lazy" decoding="async" fetchpriority="auto" sizes="(min-width: 300px) 300px, 100vw" data-astro-image="constrained"> </div> <!-- Image with id attribute --> <div class="example"> <h3>id attribute</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300 300w, https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-600 600w" alt="Image with id" id="my-image-id" width="300" height="300" loading="lazy" decoding="async" fetchpriority="auto" sizes="(min-width: 300px) 300px, 100vw" style="--fit: cover; --pos: center;" data-astro-image="constrained"> </div> <!-- Quality boundary: 0 --> <div class="example" data-test-id="edge-quality-0"> <h3>Quality = 0 (minimum)</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300,q-0" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300,q-0 300w, https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-600,q-0 600w" alt="quality 0" width="300" height="300" loading="lazy" decoding="async" fetchpriority="auto" sizes="(min-width: 300px) 300px, 100vw" style="--fit: cover; --pos: center;" data-astro-image="constrained"> </div> <!-- Quality boundary: 100 --> <div class="example" data-test-id="edge-quality-100"> <h3>Quality = 100 (maximum)</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300,q-100" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300,q-100 300w, https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-600,q-100 600w" alt="quality 100" width="300" height="300" loading="lazy" decoding="async" fetchpriority="auto" sizes="(min-width: 300px) 300px, 100vw" style="--fit: cover; --pos: center;" data-astro-image="constrained"> </div> <!-- Format: webp --> <div class="example" data-test-id="edge-format-webp"> <h3>Format = webp</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300 300w, https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-600 600w" alt="webp format" width="300" height="300" loading="lazy" decoding="async" fetchpriority="auto" sizes="(min-width: 300px) 300px, 100vw" style="--fit: cover; --pos: center;" data-astro-image="constrained"> </div> <!-- Format: avif --> <div class="example" data-test-id="edge-format-avif"> <h3>Format = avif</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300 300w, https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-600 600w" alt="avif format" width="300" height="300" loading="lazy" decoding="async" fetchpriority="auto" sizes="(min-width: 300px) 300px, 100vw" style="--fit: cover; --pos: center;" data-astro-image="constrained"> </div> <!-- Format: svg --> <div class="example" data-test-id="edge-format-svg"> <h3>Format = svg</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300 300w, https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-600 600w" alt="svg format" width="300" height="300" loading="lazy" decoding="async" fetchpriority="auto" sizes="(min-width: 300px) 300px, 100vw" style="--fit: cover; --pos: center;" data-astro-image="constrained"> </div> <!-- Multiple complex transformations --> <div class="example" data-test-id="edge-complex-transformations"> <h3>Multiple complex transformations</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=w-200,h-200:rt-45:bl-10:q-50:overlayText-WATERMARK:c-at_max,w-300" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=w-200,h-200:rt-45:bl-10:q-50:overlayText-WATERMARK:c-at_max,w-300 300w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-200,h-200:rt-45:bl-10:q-50:overlayText-WATERMARK:c-at_max,w-600 600w" alt="complex transformations" width="300" height="300" loading="lazy" decoding="async" fetchpriority="auto" sizes="(min-width: 300px) 300px, 100vw" style="--fit: cover; --pos: center;" data-astro-image="constrained"> </div> <!-- transformationPosition path with transformations --> <div class="example" data-test-id="edge-transform-position-path"> <h3>transformationPosition="path" + transformations</h3> <img src="https://ik.imagekit.io/demo/tr:w-200,h-200:q-75:c-at_max,w-300/default-image.jpg" srcset="https://ik.imagekit.io/demo/tr:w-200,h-200:q-75:c-at_max,w-300/default-image.jpg 300w, https://ik.imagekit.io/demo/tr:w-200,h-200:q-75:c-at_max,w-600/default-image.jpg 600w" alt="transformation path position" width="300" height="300" loading="lazy" decoding="async" fetchpriority="auto" sizes="(min-width: 300px) 300px, 100vw" style="--fit: cover; --pos: center;" data-astro-image="constrained"> </div> <!-- transformationPosition query with complex query params --> <div class="example" data-test-id="edge-transform-position-query"> <h3>transformationPosition="query" + queryParameters</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?version=v1&amp;custom=param&amp;tr=w-200,h-200:c-at_max,w-300" srcset="https://ik.imagekit.io/demo/default-image.jpg?version=v1&amp;custom=param&amp;tr=w-200,h-200:c-at_max,w-300 300w, https://ik.imagekit.io/demo/default-image.jpg?version=v1&amp;custom=param&amp;tr=w-200,h-200:c-at_max,w-600 600w" alt="transformation query position" width="300" height="300" loading="lazy" decoding="async" fetchpriority="auto" sizes="(min-width: 300px) 300px, 100vw" style="--fit: cover; --pos: center;" data-astro-image="constrained"> </div> <!-- Quality as string preset --> <div class="example" data-test-id="edge-quality-preset-low"> <h3>Quality preset = "low"</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300,q-25" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300,q-25 300w, https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-600,q-25 600w" alt="quality low preset" width="300" height="300" loading="lazy" decoding="async" fetchpriority="auto" sizes="(min-width: 300px) 300px, 100vw" style="--fit: cover; --pos: center;" data-astro-image="constrained"> </div> <!-- Quality as string preset mid --> <div class="example" data-test-id="edge-quality-preset-mid"> <h3>Quality preset = "mid"</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300,q-50" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300,q-50 300w, https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-600,q-50 600w" alt="quality mid preset" width="300" height="300" loading="lazy" decoding="async" fetchpriority="auto" sizes="(min-width: 300px) 300px, 100vw" style="--fit: cover; --pos: center;" data-astro-image="constrained"> </div> <!-- Quality as string preset max --> <div class="example" data-test-id="edge-quality-preset-max"> <h3>Quality preset = "max"</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300,q-100" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300,q-100 300w, https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-600,q-100 600w" alt="quality max preset" width="300" height="300" loading="lazy" decoding="async" fetchpriority="auto" sizes="(min-width: 300px) 300px, 100vw" style="--fit: cover; --pos: center;" data-astro-image="constrained"> </div> <!-- SHARP DELEGATION: non-IK srcs are routed through Astro's bundled sharp service. --> <h2>Sharp delegation (non-ImageKit srcs)</h2> <p>The following cases use srcs that are not ImageKit URLs. The integration delegates them to Astro's default sharp service, so they're served via Astro's <code>/_image</code> endpoint instead of being rewritten to <code>ik.imagekit.io</code>.</p> <!-- Local imported asset (Vite-emitted /_astro/ path) --> <div class="example" data-test-id="sharp-local-import"> <h3>Local imported asset (sharp)</h3> <img src="/_image?href=%2F_astro%2Fhero.CfX7EzL3.jpg&amp;w=300&amp;h=200&amp;f=webp&amp;fit=cover&amp;position=center" srcset="/_image?href=%2F_astro%2Fhero.CfX7EzL3.jpg&amp;w=300&amp;h=200&amp;f=webp&amp;fit=cover&amp;position=center 300w, /_image?href=%2F_astro%2Fhero.CfX7EzL3.jpg&amp;w=600&amp;h=400&amp;f=webp&amp;fit=cover&amp;position=center 600w" alt="Local hero image processed by sharp" loading="lazy" decoding="async" fetchpriority="auto" sizes="(min-width: 300px) 300px, 100vw" style="--fit: cover; --pos: center;" data-astro-image="constrained" width="300" height="200"> </div> <!-- Allow-listed external URL (in image.domains) --> <div class="example" data-test-id="sharp-external-allowed"> <h3>Allow-listed external URL (sharp)</h3> <img src="/_image?href=https%3A%2F%2Fplacehold.co%2F600x400&amp;w=600&amp;h=400&amp;f=webp&amp;fit=cover&amp;position=center" srcset="/_image?href=https%3A%2F%2Fplacehold.co%2F600x400&amp;w=600&amp;h=400&amp;f=webp&amp;fit=cover&amp;position=center 600w, /_image?href=https%3A%2F%2Fplacehold.co%2F600x400&amp;w=640&amp;h=427&amp;f=webp&amp;fit=cover&amp;position=center 640w, /_image?href=https%3A%2F%2Fplacehold.co%2F600x400&amp;w=750&amp;h=500&amp;f=webp&amp;fit=cover&amp;position=center 750w, /_image?href=https%3A%2F%2Fplacehold.co%2F600x400&amp;w=828&amp;h=552&amp;f=webp&amp;fit=cover&amp;position=center 828w, /_image?href=https%3A%2F%2Fplacehold.co%2F600x400&amp;w=1080&amp;h=720&amp;f=webp&amp;fit=cover&amp;position=center 1080w, /_image?href=https%3A%2F%2Fplacehold.co%2F600x400&amp;w=1200&amp;h=800&amp;f=webp&amp;fit=cover&amp;position=center 1200w" alt="External URL on an allow-listed host, processed by sharp" infersize="false" loading="lazy" decoding="async" fetchpriority="auto" sizes="(min-width: 600px) 600px, 100vw" style="--fit: cover; --pos: center;" data-astro-image="constrained" width="600" height="400"> </div> </div>
\ No newline at end of file
diff --git a/test-app/e2e/__snapshot__/astro-5/md.spec.ts/Markdown-page-renders-correctly-1.txt b/test-app/e2e/__snapshot__/astro-5/md.spec.ts/Markdown-page-renders-correctly-1.txt
new file mode 100644
index 0000000..af3fea4
--- /dev/null
+++ b/test-app/e2e/__snapshot__/astro-5/md.spec.ts/Markdown-page-renders-correctly-1.txt
@@ -0,0 +1,12 @@
+<div class="container">
+<h2 id="imagekit-url-primary-endpoint-host">ImageKit URL (primary endpoint host)</h2>
+<p><img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-1000" alt="Imagekit URL" width="1000" height="1000" loading="lazy" decoding="async" fetchpriority="auto" sizes="(min-width: 1000px) 1000px, 100vw" style="" data-astro-image="constrained" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-640 640w, https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-750 750w, https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-828 828w, https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-1000 1000w"></p>
+<h2 id="custom-ik-domain-additionalendpoints-host">Custom IK domain (additionalEndpoints host)</h2>
+<p><img src="https://ik.imgkit.net/demo/default-image.jpg?tr=c-at_max,w-1000" alt="Another custom IK URL" width="1000" height="1000" loading="lazy" decoding="async" fetchpriority="auto" sizes="(min-width: 1000px) 1000px, 100vw" style="" data-astro-image="constrained" srcset="https://ik.imgkit.net/demo/default-image.jpg?tr=c-at_max,w-640 640w, https://ik.imgkit.net/demo/default-image.jpg?tr=c-at_max,w-750 750w, https://ik.imgkit.net/demo/default-image.jpg?tr=c-at_max,w-828 828w, https://ik.imgkit.net/demo/default-image.jpg?tr=c-at_max,w-1000 1000w"></p>
+<h2 id="local-imported-asset-delegated-to-sharp">Local imported asset (delegated to sharp)</h2>
+<p><img src="/_image?href=%2F_astro%2Fhero.CfX7EzL3.jpg&amp;w=640&amp;h=427&amp;f=webp" alt="Local hero asset" loading="lazy" decoding="async" fetchpriority="auto" sizes="(min-width: 640px) 640px, 100vw" style="" data-astro-image="constrained" width="640" height="427" srcset="/_image?href=%2F_astro%2Fhero.CfX7EzL3.jpg&amp;w=640&amp;h=427&amp;f=webp 640w"></p>
+<h2 id="allow-listed-external-url-delegated-to-sharp">Allow-listed external URL (delegated to sharp)</h2>
+<p><img src="/_image?href=https%3A%2F%2Fplacehold.co%2F600x400&amp;w=600&amp;h=400&amp;f=webp" alt="Allowed external URL" loading="lazy" decoding="async" fetchpriority="auto" sizes="(min-width: 600px) 600px, 100vw" style="" data-astro-image="constrained" width="600" height="400" srcset="/_image?href=https%3A%2F%2Fplacehold.co%2F600x400&amp;w=600&amp;h=400&amp;f=webp 600w"></p>
+<h2 id="non-allow-listed-external-url-rendered-as-is-by-astro">Non-allow-listed external URL (rendered as-is by Astro)</h2>
+<p><img src="https://not-allowed-external-as-is.com/creatives/4a3a37e5-f135-4fdd-877f-488570c9d4bb/default.jpg?tr=cm-pad_resize,w-900" alt="Not allowed external URL"></p>
+</div>
\ No newline at end of file
diff --git a/test-app/e2e/__snapshot__/astro-5/videos.spec.ts/Videos-page-renders-correctly-1.txt b/test-app/e2e/__snapshot__/astro-5/videos.spec.ts/Videos-page-renders-correctly-1.txt
new file mode 100644
index 0000000..a0674cd
--- /dev/null
+++ b/test-app/e2e/__snapshot__/astro-5/videos.spec.ts/Videos-page-renders-correctly-1.txt
@@ -0,0 +1 @@
+<div class="container"> <h1>Video Component Tests</h1> <!-- Basic video with urlEndpoint prop --> <div class="example"> <h3>Basic Video with urlEndpoint prop</h3> <video src="https://ik.imagekit.io/demo/sample-video.mp4" class="astro-imagekit-video" title="Video with urlEndpoint prop" height="300" width="300" controls=""></video> </div> <!-- Video with leading slash in src --> <div class="example"> <h3>Video with leading slash in src</h3> <video src="https://ik.imagekit.io/demo/sample-video.mp4" class="astro-imagekit-video" title="Video with leading slash" height="300" width="300" controls=""></video> </div> <!-- Video with transformations --> <div class="example"> <h3>Video with transformations</h3> <video src="https://ik.imagekit.io/demo/sample-video.mp4?tr=h-100,w-100" class="astro-imagekit-video" title="Video with transformations" height="300" width="300" controls=""></video> </div> <!-- urlEndpoint override --> <div class="example"> <h3>Video with different urlEndpoint</h3> <video src="https://ik.imagekit.io/demo2/sample-video.mp4?tr=h-100,w-100" class="astro-imagekit-video" title="Video with urlEndpoint override" height="300" width="300" controls=""></video> </div> <!-- transformationPosition="path" --> <div class="example"> <h3>Video with transformationPosition="path"</h3> <video src="https://ik.imagekit.io/demo/tr:h-100,w-100/sample-video.mp4" class="astro-imagekit-video" title="Video with path transformation" height="300" width="300" controls=""></video> </div> <!-- Video with custom class --> <div class="example"> <h3>Video with custom class</h3> <video src="https://ik.imagekit.io/demo/sample-video.mp4" class="astro-imagekit-video custom-video-class" title="Video with custom class" height="300" width="300" controls=""></video> </div> <!-- Video with queryParameters --> <div class="example"> <h3>Video with queryParameters</h3> <video src="https://ik.imagekit.io/demo/sample-video.mp4?version=v2" class="astro-imagekit-video" title="Video with queryParameters" height="300" width="300" controls=""></video> </div> <!-- Video with chained transformations --> <div class="example"> <h3>Video with chained transformations</h3> <video src="https://ik.imagekit.io/demo/sample-video.mp4?tr=w-200,h-200:q-80" class="astro-imagekit-video" title="Video with chained transformations" height="300" width="300" controls=""></video> </div> <!-- Video without controls (for autoplay scenarios) --> <div class="example"> <h3>Video without controls (autoplay, muted, loop)</h3> <video src="https://ik.imagekit.io/demo/sample-video.mp4" class="astro-imagekit-video" title="Autoplay video" height="200" width="300" autoplay="" muted="" loop=""></video> </div> <!-- transformationPosition="path" with transformations --> <div class="example" data-test-id="video-edge-transform-path"> <h3>transformationPosition="path" with transformations</h3> <video src="https://ik.imagekit.io/demo/tr:w-200,h-200/sample-video.mp4" class="astro-imagekit-video" title="path transformation position" width="300" height="300" controls=""></video> </div> <!-- transformationPosition="query" with queryParameters --> <div class="example" data-test-id="video-edge-transform-query"> <h3>transformationPosition="query" + queryParameters</h3> <video src="https://ik.imagekit.io/demo/sample-video.mp4?version=v2&amp;custom=value" class="astro-imagekit-video" title="query transformation position" width="300" height="300" controls=""></video> </div> <!-- All HTML video attributes together --> <div class="example" data-test-id="video-edge-all-attributes"> <h3>All HTML attributes combined</h3> <video src="https://ik.imagekit.io/demo/sample-video.mp4" class="astro-imagekit-video" title="all attributes" width="300" height="300" controls="" autoplay="" loop="" muted="" preload="metadata" crossorigin="anonymous" data-test="custom-attribute"></video> </div> </div>
\ No newline at end of file
diff --git a/test-app/e2e/__snapshot__/astro-6/images.spec.ts/Image-page-renders-correctly-1.txt b/test-app/e2e/__snapshot__/astro-6/images.spec.ts/Image-page-renders-correctly-1.txt
new file mode 100644
index 0000000..54f7ec1
--- /dev/null
+++ b/test-app/e2e/__snapshot__/astro-6/images.spec.ts/Image-page-renders-correctly-1.txt
@@ -0,0 +1 @@
+<div class="container"> <h1>Image Component Tests</h1> <p>Image uses Astro's built-in Image component for optimized image delivery with ImageKit transformations. The <code>urlEndpoint</code> is configured globally in <code>astro.config.mjs</code>; cases below only pass it explicitly when overriding it.</p> <!-- Basic image (urlEndpoint comes from astro.config.mjs) --> <div class="example"> <h3>Basic image (urlEndpoint from integration config)</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-10" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-10 10w, https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-20 20w" alt="Basic image" width="10" height="10" loading="lazy" decoding="async" sizes="(min-width: 10px) 10px, 100vw" data-astro-image="constrained" data-astro-image-fit="contain" data-astro-image-pos="top-left" style="object-position: top left"> </div> <!-- urlEndpoint prop override --> <div class="example"> <h3>urlEndpoint prop override</h3> <img src="https://ik.imagekit.io/demo2/default-image.jpg?tr=c-at_max,w-300" srcset="https://ik.imagekit.io/demo2/default-image.jpg?tr=c-at_max,w-300 300w, https://ik.imagekit.io/demo2/default-image.jpg?tr=c-at_max,w-600 600w" alt="Image with urlEndpoint override" width="300" height="300" loading="lazy" decoding="async" sizes="(min-width: 300px) 300px, 100vw" data-astro-image="constrained" data-astro-image-fit="cover" data-astro-image-pos="center" style="object-position: center"> </div> <!-- Image with leading slash in src --> <div class="example"> <h3>Leading slash in src</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300 300w, https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-600 600w" alt="Image with leading slash" width="300" height="300" loading="lazy" decoding="async" sizes="(min-width: 300px) 300px, 100vw" data-astro-image="constrained" data-astro-image-fit="cover" data-astro-image-pos="center" style="object-position: center"> </div> <!-- Absolute URL src --> <div class="example"> <h3>Absolute URL src (urlEndpoint ignored, transformations still applied)</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300 300w, https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-600 600w" alt="Absolute URL src" width="300" height="300" loading="lazy" decoding="async" sizes="(min-width: 300px) 300px, 100vw" data-astro-image="constrained" data-astro-image-fit="cover" data-astro-image-pos="center" style="object-position: center"> </div> <!-- Image with transformation --> <div class="example"> <h3>Transformation prop</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=h-100,w-100:c-at_max,w-300" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=h-100,w-100:c-at_max,w-300 300w, https://ik.imagekit.io/demo/default-image.jpg?tr=h-100,w-100:c-at_max,w-600 600w" alt="With transformation" width="300" height="300" loading="lazy" decoding="async" sizes="(min-width: 300px) 300px, 100vw" data-astro-image="constrained" data-astro-image-fit="cover" data-astro-image-pos="center" style="object-position: center"> </div> <!-- Image with queryParameters --> <div class="example"> <h3>queryParameters prop</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?version=v1&amp;tr=h-100,w-100:c-at_max,w-300" srcset="https://ik.imagekit.io/demo/default-image.jpg?version=v1&amp;tr=h-100,w-100:c-at_max,w-300 300w, https://ik.imagekit.io/demo/default-image.jpg?version=v1&amp;tr=h-100,w-100:c-at_max,w-600 600w" alt="Image with queryParameters" width="300" height="300" loading="lazy" decoding="async" sizes="(min-width: 300px) 300px, 100vw" data-astro-image="constrained" data-astro-image-fit="cover" data-astro-image-pos="center" style="object-position: center"> </div> <!-- Responsive image with sizes --> <div class="example"> <h3>Responsive image with sizes</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300 300w, https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-600 600w" alt="Responsive image with sizes" sizes="(max-width: 600px) 100vw, 50vw" width="300" height="300" loading="lazy" decoding="async" data-astro-image="constrained" data-astro-image-fit="cover" data-astro-image-pos="center" style="object-position: center"> </div> <!-- Responsive image with fixed sizes --> <div class="example"> <h3>Responsive image with fixed sizes (300px)</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300 300w, https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-600 600w" alt="Responsive image with fixed sizes" sizes="300px" width="300" height="300" loading="lazy" decoding="async" data-astro-image="constrained" data-astro-image-fit="cover" data-astro-image-pos="center" style="object-position: center"> </div> <!-- Image with custom class --> <div class="example"> <h3>Custom class</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300 300w, https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-600 600w" alt="Image with custom class" width="300" height="300" loading="lazy" decoding="async" sizes="(min-width: 300px) 300px, 100vw" data-astro-image="constrained" data-astro-image-fit="cover" data-astro-image-pos="center" style="object-position: center" class="custom-class"> </div> <!-- Lazy loading eager --> <div class="example"> <h3>loading="eager"</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300 300w, https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-600 600w" alt="Image with loading eager" loading="eager" width="300" height="300" decoding="async" sizes="(min-width: 300px) 300px, 100vw" data-astro-image="constrained" data-astro-image-fit="cover" data-astro-image-pos="center" style="object-position: center"> </div> <!-- Transformation position path --> <div class="example"> <h3>transformationPosition="path"</h3> <img src="https://ik.imagekit.io/demo/tr:c-at_max,w-300/default-image.jpg" srcset="https://ik.imagekit.io/demo/tr:c-at_max,w-300/default-image.jpg 300w, https://ik.imagekit.io/demo/tr:c-at_max,w-600/default-image.jpg 600w" alt="Image with path transformation" width="300" height="300" loading="lazy" decoding="async" sizes="(min-width: 300px) 300px, 100vw" data-astro-image="constrained" data-astro-image-fit="cover" data-astro-image-pos="center" style="object-position: center"> </div> <!-- Transformation position path with custom transformations --> <div class="example"> <h3>transformationPosition="path" + custom transformations</h3> <img src="https://ik.imagekit.io/demo/tr:h-100,w-100:c-at_max,w-300/default-image.jpg" srcset="https://ik.imagekit.io/demo/tr:h-100,w-100:c-at_max,w-300/default-image.jpg 300w, https://ik.imagekit.io/demo/tr:h-100,w-100:c-at_max,w-600/default-image.jpg 600w" alt="Image with path transformation + custom transformations" width="300" height="300" loading="lazy" decoding="async" sizes="(min-width: 300px) 300px, 100vw" data-astro-image="constrained" data-astro-image-fit="cover" data-astro-image-pos="center" style="object-position: center"> </div> <!-- Image with data attributes --> <div class="example"> <h3>Data attributes</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300 300w, https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-600 600w" alt="Image with data attributes" data-testid="test-image" data-custom="value" width="300" height="300" loading="lazy" decoding="async" sizes="(min-width: 300px) 300px, 100vw" data-astro-image="constrained" data-astro-image-fit="cover" data-astro-image-pos="center" style="object-position: center"> </div> <!-- Image with multiple transformations --> <div class="example"> <h3>Multiple chained transformations</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=w-200,h-200:rt-90:bl-5:c-at_max,w-300" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=w-200,h-200:rt-90:bl-5:c-at_max,w-300 300w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-200,h-200:rt-90:bl-5:c-at_max,w-600 600w" alt="Image with multiple chained transformations" width="300" height="300" loading="lazy" decoding="async" sizes="(min-width: 300px) 300px, 100vw" data-astro-image="constrained" data-astro-image-fit="cover" data-astro-image-pos="center" style="object-position: center"> </div> <!-- ASTRO IMAGE COMPONENT SPECIFIC PROPS --> <h2>Astro Image Component Props</h2> <p>The following tests verify that Astro's built-in Image component props work correctly with Image.</p> <!-- Image with format prop --> <div class="example"> <h3>format="avif" ignored</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300 300w, https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-600 600w" alt="Image with AVIF format" width="300" height="300" loading="lazy" decoding="async" sizes="(min-width: 300px) 300px, 100vw" data-astro-image="constrained" data-astro-image-fit="cover" data-astro-image-pos="center" style="object-position: center"> </div> <!-- Image with quality prop (preset) --> <div class="example"> <h3>quality="high"</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300,q-75" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300,q-75 300w, https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-600,q-75 600w" alt="Image with high quality preset" width="300" height="300" loading="lazy" decoding="async" sizes="(min-width: 300px) 300px, 100vw" data-astro-image="constrained" data-astro-image-fit="cover" data-astro-image-pos="center" style="object-position: center"> </div> <!-- Image with quality prop (number) --> <div class="example"> <h3>quality=50</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300,q-50" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300,q-50 300w, https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-600,q-50 600w" alt="Image with numeric quality" width="300" height="300" loading="lazy" decoding="async" sizes="(min-width: 300px) 300px, 100vw" data-astro-image="constrained" data-astro-image-fit="cover" data-astro-image-pos="center" style="object-position: center"> </div> <!-- Image with decoding prop --> <div class="example"> <h3>decoding="sync"</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300 300w, https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-600 600w" alt="Image with sync decoding" decoding="sync" width="300" height="300" loading="lazy" sizes="(min-width: 300px) 300px, 100vw" data-astro-image="constrained" data-astro-image-fit="cover" data-astro-image-pos="center" style="object-position: center"> </div> <!-- Image with fetchpriority prop --> <div class="example"> <h3>fetchpriority="high"</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300 300w, https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-600 600w" alt="Image with high fetch priority" fetchpriority="high" width="300" height="300" loading="lazy" decoding="async" sizes="(min-width: 300px) 300px, 100vw" data-astro-image="constrained" data-astro-image-fit="cover" data-astro-image-pos="center" style="object-position: center"> </div> <!-- Image with densities prop --> <div class="example"> <h3>densities=[1.5, 2] (requires layout="none" to override config default)</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-450 1.5x, https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-600 2x" alt="Image with density srcset" width="300" height="300" loading="lazy" decoding="async"> </div> <!-- Image with widths prop --> <div class="example"> <h3>widths=[240, 540, 720]</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-240 240w, https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-540 540w, https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-720 720w" alt="Image with specific widths srcset" sizes="(max-width: 360px) 240px, (max-width: 720px) 540px, 720px" width="300" height="300" loading="lazy" decoding="async" data-astro-image="constrained" data-astro-image-fit="cover" data-astro-image-pos="center" style="object-position: center"> </div> <!-- Image with layout="constrained" --> <div class="example"> <h3>layout="constrained"</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300 300w, https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-600 600w" alt="Image with constrained layout" width="300" height="300" loading="lazy" decoding="async" sizes="(min-width: 300px) 300px, 100vw" data-astro-image="constrained" data-astro-image-fit="cover" data-astro-image-pos="center" style="object-position: center"> </div> <!-- Image with layout="full-width" --> <div class="example"> <h3>layout="full-width"</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-640 640w, https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-750 750w, https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-828 828w, https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-1080 1080w, https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-1280 1280w, https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-1668 1668w, https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-2048 2048w, https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-2560 2560w" alt="Image with full-width layout" width="300" height="300" loading="lazy" decoding="async" sizes="100vw" data-astro-image="full-width" data-astro-image-fit="cover" data-astro-image-pos="center" style="object-position: center"> </div> <!-- Image with layout="fixed" --> <div class="example"> <h3>layout="fixed"</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300 300w, https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-600 600w" alt="Image with fixed layout" width="300" height="300" loading="lazy" decoding="async" sizes="300px" data-astro-image="fixed" data-astro-image-fit="cover" data-astro-image-pos="center" style="object-position: center"> </div> <!-- Image with layout="none" (turns off responsive srcset) --> <div class="example"> <h3>layout="none" (responsive off)</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300" alt="Image with responsive off" width="300" height="300" loading="lazy" decoding="async"> </div> <!-- Image with priority prop --> <div class="example"> <h3>priority (eager loading shorthand)</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300 300w, https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-600 600w" alt="Image with priority flag" width="300" height="300" loading="eager" decoding="sync" fetchpriority="high" sizes="(min-width: 300px) 300px, 100vw" data-astro-image="constrained" data-astro-image-fit="cover" data-astro-image-pos="center" style="object-position: center"> </div> <!-- Image with style attribute --> <div class="example"> <h3>Inline style</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300 300w, https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-600 600w" alt="Image with inline style" style="border: 3px solid red; border-radius: 10px; object-position: center" width="300" height="300" loading="lazy" decoding="async" sizes="(min-width: 300px) 300px, 100vw" data-astro-image="constrained" data-astro-image-fit="cover" data-astro-image-pos="center"> </div> <!-- Image with id attribute --> <div class="example"> <h3>id attribute</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300 300w, https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-600 600w" alt="Image with id" id="my-image-id" width="300" height="300" loading="lazy" decoding="async" sizes="(min-width: 300px) 300px, 100vw" data-astro-image="constrained" data-astro-image-fit="cover" data-astro-image-pos="center" style="object-position: center"> </div> <!-- Quality boundary: 0 --> <div class="example" data-test-id="edge-quality-0"> <h3>Quality = 0 (minimum)</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300,q-0" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300,q-0 300w, https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-600,q-0 600w" alt="quality 0" width="300" height="300" loading="lazy" decoding="async" sizes="(min-width: 300px) 300px, 100vw" data-astro-image="constrained" data-astro-image-fit="cover" data-astro-image-pos="center" style="object-position: center"> </div> <!-- Quality boundary: 100 --> <div class="example" data-test-id="edge-quality-100"> <h3>Quality = 100 (maximum)</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300,q-100" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300,q-100 300w, https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-600,q-100 600w" alt="quality 100" width="300" height="300" loading="lazy" decoding="async" sizes="(min-width: 300px) 300px, 100vw" data-astro-image="constrained" data-astro-image-fit="cover" data-astro-image-pos="center" style="object-position: center"> </div> <!-- Format: webp --> <div class="example" data-test-id="edge-format-webp"> <h3>Format = webp</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300 300w, https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-600 600w" alt="webp format" width="300" height="300" loading="lazy" decoding="async" sizes="(min-width: 300px) 300px, 100vw" data-astro-image="constrained" data-astro-image-fit="cover" data-astro-image-pos="center" style="object-position: center"> </div> <!-- Format: avif --> <div class="example" data-test-id="edge-format-avif"> <h3>Format = avif</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300 300w, https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-600 600w" alt="avif format" width="300" height="300" loading="lazy" decoding="async" sizes="(min-width: 300px) 300px, 100vw" data-astro-image="constrained" data-astro-image-fit="cover" data-astro-image-pos="center" style="object-position: center"> </div> <!-- Format: svg --> <div class="example" data-test-id="edge-format-svg"> <h3>Format = svg</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300 300w, https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-600 600w" alt="svg format" width="300" height="300" loading="lazy" decoding="async" sizes="(min-width: 300px) 300px, 100vw" data-astro-image="constrained" data-astro-image-fit="cover" data-astro-image-pos="center" style="object-position: center"> </div> <!-- Multiple complex transformations --> <div class="example" data-test-id="edge-complex-transformations"> <h3>Multiple complex transformations</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=w-200,h-200:rt-45:bl-10:q-50:overlayText-WATERMARK:c-at_max,w-300" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=w-200,h-200:rt-45:bl-10:q-50:overlayText-WATERMARK:c-at_max,w-300 300w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-200,h-200:rt-45:bl-10:q-50:overlayText-WATERMARK:c-at_max,w-600 600w" alt="complex transformations" width="300" height="300" loading="lazy" decoding="async" sizes="(min-width: 300px) 300px, 100vw" data-astro-image="constrained" data-astro-image-fit="cover" data-astro-image-pos="center" style="object-position: center"> </div> <!-- transformationPosition path with transformations --> <div class="example" data-test-id="edge-transform-position-path"> <h3>transformationPosition="path" + transformations</h3> <img src="https://ik.imagekit.io/demo/tr:w-200,h-200:q-75:c-at_max,w-300/default-image.jpg" srcset="https://ik.imagekit.io/demo/tr:w-200,h-200:q-75:c-at_max,w-300/default-image.jpg 300w, https://ik.imagekit.io/demo/tr:w-200,h-200:q-75:c-at_max,w-600/default-image.jpg 600w" alt="transformation path position" width="300" height="300" loading="lazy" decoding="async" sizes="(min-width: 300px) 300px, 100vw" data-astro-image="constrained" data-astro-image-fit="cover" data-astro-image-pos="center" style="object-position: center"> </div> <!-- transformationPosition query with complex query params --> <div class="example" data-test-id="edge-transform-position-query"> <h3>transformationPosition="query" + queryParameters</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?version=v1&amp;custom=param&amp;tr=w-200,h-200:c-at_max,w-300" srcset="https://ik.imagekit.io/demo/default-image.jpg?version=v1&amp;custom=param&amp;tr=w-200,h-200:c-at_max,w-300 300w, https://ik.imagekit.io/demo/default-image.jpg?version=v1&amp;custom=param&amp;tr=w-200,h-200:c-at_max,w-600 600w" alt="transformation query position" width="300" height="300" loading="lazy" decoding="async" sizes="(min-width: 300px) 300px, 100vw" data-astro-image="constrained" data-astro-image-fit="cover" data-astro-image-pos="center" style="object-position: center"> </div> <!-- Quality as string preset --> <div class="example" data-test-id="edge-quality-preset-low"> <h3>Quality preset = "low"</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300,q-25" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300,q-25 300w, https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-600,q-25 600w" alt="quality low preset" width="300" height="300" loading="lazy" decoding="async" sizes="(min-width: 300px) 300px, 100vw" data-astro-image="constrained" data-astro-image-fit="cover" data-astro-image-pos="center" style="object-position: center"> </div> <!-- Quality as string preset mid --> <div class="example" data-test-id="edge-quality-preset-mid"> <h3>Quality preset = "mid"</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300,q-50" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300,q-50 300w, https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-600,q-50 600w" alt="quality mid preset" width="300" height="300" loading="lazy" decoding="async" sizes="(min-width: 300px) 300px, 100vw" data-astro-image="constrained" data-astro-image-fit="cover" data-astro-image-pos="center" style="object-position: center"> </div> <!-- Quality as string preset max --> <div class="example" data-test-id="edge-quality-preset-max"> <h3>Quality preset = "max"</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300,q-100" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-300,q-100 300w, https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-600,q-100 600w" alt="quality max preset" width="300" height="300" loading="lazy" decoding="async" sizes="(min-width: 300px) 300px, 100vw" data-astro-image="constrained" data-astro-image-fit="cover" data-astro-image-pos="center" style="object-position: center"> </div> <!-- SHARP DELEGATION: non-IK srcs are routed through Astro's bundled sharp service. --> <h2>Sharp delegation (non-ImageKit srcs)</h2> <p>The following cases use srcs that are not ImageKit URLs. The integration delegates them to Astro's default sharp service, so they're served via Astro's <code>/_image</code> endpoint instead of being rewritten to <code>ik.imagekit.io</code>.</p> <!-- Local imported asset (Vite-emitted /_astro/ path) --> <div class="example" data-test-id="sharp-local-import"> <h3>Local imported asset (sharp)</h3> <img src="/_image?href=%2F_astro%2Fhero.CfX7EzL3.jpg&amp;w=300&amp;h=200&amp;f=webp&amp;fit=cover&amp;position=center" srcset="/_image?href=%2F_astro%2Fhero.CfX7EzL3.jpg&amp;w=300&amp;h=200&amp;f=webp&amp;fit=cover&amp;position=center 300w, /_image?href=%2F_astro%2Fhero.CfX7EzL3.jpg&amp;w=600&amp;h=400&amp;f=webp&amp;fit=cover&amp;position=center 600w" alt="Local hero image processed by sharp" loading="lazy" decoding="async" sizes="(min-width: 300px) 300px, 100vw" data-astro-image="constrained" data-astro-image-fit="cover" data-astro-image-pos="center" style="object-position: center" width="300" height="200"> </div> <!-- Allow-listed external URL (in image.domains) --> <div class="example" data-test-id="sharp-external-allowed"> <h3>Allow-listed external URL (sharp)</h3> <img src="/_image?href=https%3A%2F%2Fplacehold.co%2F600x400&amp;w=600&amp;h=400&amp;f=webp&amp;fit=cover&amp;position=center" srcset="/_image?href=https%3A%2F%2Fplacehold.co%2F600x400&amp;w=600&amp;h=400&amp;f=webp&amp;fit=cover&amp;position=center 600w, /_image?href=https%3A%2F%2Fplacehold.co%2F600x400&amp;w=640&amp;h=427&amp;f=webp&amp;fit=cover&amp;position=center 640w, /_image?href=https%3A%2F%2Fplacehold.co%2F600x400&amp;w=750&amp;h=500&amp;f=webp&amp;fit=cover&amp;position=center 750w, /_image?href=https%3A%2F%2Fplacehold.co%2F600x400&amp;w=828&amp;h=552&amp;f=webp&amp;fit=cover&amp;position=center 828w, /_image?href=https%3A%2F%2Fplacehold.co%2F600x400&amp;w=1080&amp;h=720&amp;f=webp&amp;fit=cover&amp;position=center 1080w, /_image?href=https%3A%2F%2Fplacehold.co%2F600x400&amp;w=1200&amp;h=800&amp;f=webp&amp;fit=cover&amp;position=center 1200w" alt="External URL on an allow-listed host, processed by sharp" infersize="false" loading="lazy" decoding="async" sizes="(min-width: 600px) 600px, 100vw" data-astro-image="constrained" data-astro-image-fit="cover" data-astro-image-pos="center" style="object-position: center" width="600" height="400"> </div> </div>
\ No newline at end of file
diff --git a/test-app/e2e/__snapshot__/astro-6/md.spec.ts/Markdown-page-renders-correctly-1.txt b/test-app/e2e/__snapshot__/astro-6/md.spec.ts/Markdown-page-renders-correctly-1.txt
new file mode 100644
index 0000000..fd83daa
--- /dev/null
+++ b/test-app/e2e/__snapshot__/astro-6/md.spec.ts/Markdown-page-renders-correctly-1.txt
@@ -0,0 +1,12 @@
+<div class="container">
+<h2 id="imagekit-url-primary-endpoint-host">ImageKit URL (primary endpoint host)</h2>
+<p><img src="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-1000" alt="Imagekit URL" width="1000" height="1000" loading="lazy" decoding="async" sizes="(min-width: 1000px) 1000px, 100vw" data-astro-image="constrained" data-astro-image-pos="center" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-640 640w, https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-750 750w, https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-828 828w, https://ik.imagekit.io/demo/default-image.jpg?tr=c-at_max,w-1000 1000w"></p>
+<h2 id="custom-ik-domain-additionalendpoints-host">Custom IK domain (additionalEndpoints host)</h2>
+<p><img src="https://ik.imgkit.net/demo/default-image.jpg?tr=c-at_max,w-1000" alt="Another custom IK URL" width="1000" height="1000" loading="lazy" decoding="async" sizes="(min-width: 1000px) 1000px, 100vw" data-astro-image="constrained" data-astro-image-pos="center" srcset="https://ik.imgkit.net/demo/default-image.jpg?tr=c-at_max,w-640 640w, https://ik.imgkit.net/demo/default-image.jpg?tr=c-at_max,w-750 750w, https://ik.imgkit.net/demo/default-image.jpg?tr=c-at_max,w-828 828w, https://ik.imgkit.net/demo/default-image.jpg?tr=c-at_max,w-1000 1000w"></p>
+<h2 id="local-imported-asset-delegated-to-sharp">Local imported asset (delegated to sharp)</h2>
+<p><img src="/_image?href=%2F_astro%2Fhero.CfX7EzL3.jpg&amp;w=640&amp;h=427&amp;f=webp" alt="Local hero asset" loading="lazy" decoding="async" sizes="(min-width: 640px) 640px, 100vw" data-astro-image="constrained" data-astro-image-pos="center" width="640" height="427" srcset="/_image?href=%2F_astro%2Fhero.CfX7EzL3.jpg&amp;w=640&amp;h=427&amp;f=webp 640w"></p>
+<h2 id="allow-listed-external-url-delegated-to-sharp">Allow-listed external URL (delegated to sharp)</h2>
+<p><img src="/_image?href=https%3A%2F%2Fplacehold.co%2F600x400&amp;w=600&amp;h=400&amp;f=webp" alt="Allowed external URL" loading="lazy" decoding="async" sizes="(min-width: 600px) 600px, 100vw" data-astro-image="constrained" data-astro-image-pos="center" width="600" height="400" srcset="/_image?href=https%3A%2F%2Fplacehold.co%2F600x400&amp;w=600&amp;h=400&amp;f=webp 600w"></p>
+<h2 id="non-allow-listed-external-url-rendered-as-is-by-astro">Non-allow-listed external URL (rendered as-is by Astro)</h2>
+<p><img src="https://not-allowed-external-as-is.com/creatives/4a3a37e5-f135-4fdd-877f-488570c9d4bb/default.jpg?tr=cm-pad_resize,w-900" alt="Not allowed external URL"></p>
+</div>
\ No newline at end of file
diff --git a/test-app/e2e/__snapshot__/astro-6/videos.spec.ts/Videos-page-renders-correctly-1.txt b/test-app/e2e/__snapshot__/astro-6/videos.spec.ts/Videos-page-renders-correctly-1.txt
new file mode 100644
index 0000000..a0674cd
--- /dev/null
+++ b/test-app/e2e/__snapshot__/astro-6/videos.spec.ts/Videos-page-renders-correctly-1.txt
@@ -0,0 +1 @@
+<div class="container"> <h1>Video Component Tests</h1> <!-- Basic video with urlEndpoint prop --> <div class="example"> <h3>Basic Video with urlEndpoint prop</h3> <video src="https://ik.imagekit.io/demo/sample-video.mp4" class="astro-imagekit-video" title="Video with urlEndpoint prop" height="300" width="300" controls=""></video> </div> <!-- Video with leading slash in src --> <div class="example"> <h3>Video with leading slash in src</h3> <video src="https://ik.imagekit.io/demo/sample-video.mp4" class="astro-imagekit-video" title="Video with leading slash" height="300" width="300" controls=""></video> </div> <!-- Video with transformations --> <div class="example"> <h3>Video with transformations</h3> <video src="https://ik.imagekit.io/demo/sample-video.mp4?tr=h-100,w-100" class="astro-imagekit-video" title="Video with transformations" height="300" width="300" controls=""></video> </div> <!-- urlEndpoint override --> <div class="example"> <h3>Video with different urlEndpoint</h3> <video src="https://ik.imagekit.io/demo2/sample-video.mp4?tr=h-100,w-100" class="astro-imagekit-video" title="Video with urlEndpoint override" height="300" width="300" controls=""></video> </div> <!-- transformationPosition="path" --> <div class="example"> <h3>Video with transformationPosition="path"</h3> <video src="https://ik.imagekit.io/demo/tr:h-100,w-100/sample-video.mp4" class="astro-imagekit-video" title="Video with path transformation" height="300" width="300" controls=""></video> </div> <!-- Video with custom class --> <div class="example"> <h3>Video with custom class</h3> <video src="https://ik.imagekit.io/demo/sample-video.mp4" class="astro-imagekit-video custom-video-class" title="Video with custom class" height="300" width="300" controls=""></video> </div> <!-- Video with queryParameters --> <div class="example"> <h3>Video with queryParameters</h3> <video src="https://ik.imagekit.io/demo/sample-video.mp4?version=v2" class="astro-imagekit-video" title="Video with queryParameters" height="300" width="300" controls=""></video> </div> <!-- Video with chained transformations --> <div class="example"> <h3>Video with chained transformations</h3> <video src="https://ik.imagekit.io/demo/sample-video.mp4?tr=w-200,h-200:q-80" class="astro-imagekit-video" title="Video with chained transformations" height="300" width="300" controls=""></video> </div> <!-- Video without controls (for autoplay scenarios) --> <div class="example"> <h3>Video without controls (autoplay, muted, loop)</h3> <video src="https://ik.imagekit.io/demo/sample-video.mp4" class="astro-imagekit-video" title="Autoplay video" height="200" width="300" autoplay="" muted="" loop=""></video> </div> <!-- transformationPosition="path" with transformations --> <div class="example" data-test-id="video-edge-transform-path"> <h3>transformationPosition="path" with transformations</h3> <video src="https://ik.imagekit.io/demo/tr:w-200,h-200/sample-video.mp4" class="astro-imagekit-video" title="path transformation position" width="300" height="300" controls=""></video> </div> <!-- transformationPosition="query" with queryParameters --> <div class="example" data-test-id="video-edge-transform-query"> <h3>transformationPosition="query" + queryParameters</h3> <video src="https://ik.imagekit.io/demo/sample-video.mp4?version=v2&amp;custom=value" class="astro-imagekit-video" title="query transformation position" width="300" height="300" controls=""></video> </div> <!-- All HTML video attributes together --> <div class="example" data-test-id="video-edge-all-attributes"> <h3>All HTML attributes combined</h3> <video src="https://ik.imagekit.io/demo/sample-video.mp4" class="astro-imagekit-video" title="all attributes" width="300" height="300" controls="" autoplay="" loop="" muted="" preload="metadata" crossorigin="anonymous" data-test="custom-attribute"></video> </div> </div>
\ No newline at end of file
diff --git a/test-app/e2e/__snapshot__/astro-default/images.spec.ts/Image-page-renders-correctly-1.txt b/test-app/e2e/__snapshot__/astro-default/images.spec.ts/Image-page-renders-correctly-1.txt
new file mode 100644
index 0000000..b863ad6
--- /dev/null
+++ b/test-app/e2e/__snapshot__/astro-default/images.spec.ts/Image-page-renders-correctly-1.txt
@@ -0,0 +1 @@
+<div class="container" data-astro-cid-3762csus=""> <h1 data-astro-cid-3762csus="">Image Component Tests</h1> <p data-astro-cid-3762csus="">Image uses Astro's built-in Image component for optimized image delivery with ImageKit transformations.</p> <!-- Basic image with urlEndpoint prop --> <div class="example" data-astro-cid-3762csus=""> <h3 data-astro-cid-3762csus="">1. Basic Image with urlEndpoint prop</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=w-640,c-at_max" alt="Image with urlEndpoint prop" data-astro-cid-3762csus="true" loading="lazy" decoding="async" fetchpriority="auto" width="300" height="300" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=w-384,c-at_max 1x, https://ik.imagekit.io/demo/default-image.jpg?tr=w-640,c-at_max 2x" class="astro-imagekit-image"> </div> <!-- Image with leading slash in src --> <div class="example" data-astro-cid-3762csus=""> <h3 data-astro-cid-3762csus="">2. Image with leading slash in src</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=w-640,c-at_max" alt="Image with leading slash" data-astro-cid-3762csus="true" loading="lazy" decoding="async" fetchpriority="auto" width="300" height="300" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=w-384,c-at_max 1x, https://ik.imagekit.io/demo/default-image.jpg?tr=w-640,c-at_max 2x" class="astro-imagekit-image"> </div> <!-- Image with transformation --> <div class="example" data-astro-cid-3762csus=""> <h3 data-astro-cid-3762csus="">3. Image with transformation</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=h-100,w-100:w-640,c-at_max" alt="With transformation" data-astro-cid-3762csus="true" loading="lazy" decoding="async" fetchpriority="auto" width="300" height="300" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=h-100,w-100:w-384,c-at_max 1x, https://ik.imagekit.io/demo/default-image.jpg?tr=h-100,w-100:w-640,c-at_max 2x" class="astro-imagekit-image"> </div> <!-- Image with queryParameters --> <div class="example" data-astro-cid-3762csus=""> <h3 data-astro-cid-3762csus="">4. Image with queryParameters</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?version=v1&amp;tr=h-100,w-100:w-640,c-at_max" alt="Image with queryParameters" data-astro-cid-3762csus="true" loading="lazy" decoding="async" fetchpriority="auto" width="300" height="300" srcset="https://ik.imagekit.io/demo/default-image.jpg?version=v1&amp;tr=h-100,w-100:w-384,c-at_max 1x, https://ik.imagekit.io/demo/default-image.jpg?version=v1&amp;tr=h-100,w-100:w-640,c-at_max 2x" class="astro-imagekit-image"> </div> <!-- Responsive image with sizes --> <div class="example" data-astro-cid-3762csus=""> <h3 data-astro-cid-3762csus="">5. Responsive image with sizes</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=w-3840,c-at_max" alt="Responsive image with sizes" data-astro-cid-3762csus="true" loading="lazy" decoding="async" fetchpriority="auto" width="300" height="300" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=w-384,c-at_max 384w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-640,c-at_max 640w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-750,c-at_max 750w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-828,c-at_max 828w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-1080,c-at_max 1080w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-1200,c-at_max 1200w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-1920,c-at_max 1920w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-2048,c-at_max 2048w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-3840,c-at_max 3840w" sizes="(max-width: 600px) 100vw, 50vw" class="astro-imagekit-image"> </div> <!-- Responsive image with fixed sizes --> <div class="example" data-astro-cid-3762csus=""> <h3 data-astro-cid-3762csus="">6. Responsive image with fixed sizes (300px)</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=w-3840,c-at_max" alt="Responsive image with fixed sizes" data-astro-cid-3762csus="true" loading="lazy" decoding="async" fetchpriority="auto" width="300" height="300" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=w-16,c-at_max 16w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-32,c-at_max 32w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-48,c-at_max 48w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-64,c-at_max 64w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-96,c-at_max 96w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-128,c-at_max 128w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-256,c-at_max 256w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-384,c-at_max 384w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-640,c-at_max 640w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-750,c-at_max 750w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-828,c-at_max 828w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-1080,c-at_max 1080w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-1200,c-at_max 1200w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-1920,c-at_max 1920w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-2048,c-at_max 2048w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-3840,c-at_max 3840w" sizes="300px" class="astro-imagekit-image"> </div> <!-- Non-responsive image --> <div class="example" data-astro-cid-3762csus=""> <h3 data-astro-cid-3762csus="">7. Non-responsive image (responsive=false)</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg" alt="Non-responsive image" data-astro-cid-3762csus="true" loading="lazy" decoding="async" fetchpriority="auto" width="300" height="300" class="astro-imagekit-image"> </div> <!-- Image with custom class --> <div class="example" data-astro-cid-3762csus=""> <h3 data-astro-cid-3762csus="">8. Image with custom class</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=w-640,c-at_max" alt="Image with custom class" data-astro-cid-3762csus="true" loading="lazy" decoding="async" fetchpriority="auto" width="300" height="300" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=w-384,c-at_max 1x, https://ik.imagekit.io/demo/default-image.jpg?tr=w-640,c-at_max 2x" class="astro-imagekit-image custom-class"> </div> <!-- Lazy loading eager --> <div class="example" data-astro-cid-3762csus=""> <h3 data-astro-cid-3762csus="">9. Image with loading="eager"</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=w-640,c-at_max" alt="Image with loading eager" loading="eager" data-astro-cid-3762csus="true" decoding="async" fetchpriority="auto" width="300" height="300" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=w-384,c-at_max 1x, https://ik.imagekit.io/demo/default-image.jpg?tr=w-640,c-at_max 2x" class="astro-imagekit-image"> </div> <!-- Transformation position path --> <div class="example" data-astro-cid-3762csus=""> <h3 data-astro-cid-3762csus="">10. Image with transformationPosition="path"</h3> <img src="https://ik.imagekit.io/demo/tr:w-640,c-at_max/default-image.jpg" alt="Image with path transformation" data-astro-cid-3762csus="true" loading="lazy" decoding="async" fetchpriority="auto" width="300" height="300" srcset="https://ik.imagekit.io/demo/tr:w-384,c-at_max/default-image.jpg 1x, https://ik.imagekit.io/demo/tr:w-640,c-at_max/default-image.jpg 2x" class="astro-imagekit-image"> </div> <!-- Transformation position path with custom transformations --> <div class="example" data-astro-cid-3762csus=""> <h3 data-astro-cid-3762csus="">11. Image with transformationPosition="path" + custom transformations</h3> <img src="https://ik.imagekit.io/demo/tr:h-100,w-100:w-640,c-at_max/default-image.jpg" alt="Image with path transformation + custom transformations" data-astro-cid-3762csus="true" loading="lazy" decoding="async" fetchpriority="auto" width="300" height="300" srcset="https://ik.imagekit.io/demo/tr:h-100,w-100:w-384,c-at_max/default-image.jpg 1x, https://ik.imagekit.io/demo/tr:h-100,w-100:w-640,c-at_max/default-image.jpg 2x" class="astro-imagekit-image"> </div> <!-- Custom device breakpoints --> <div class="example" data-astro-cid-3762csus=""> <h3 data-astro-cid-3762csus="">12. Image with custom deviceBreakpoints</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=w-640,c-at_max" alt="Image with custom device breakpoints" data-astro-cid-3762csus="true" loading="lazy" decoding="async" fetchpriority="auto" width="300" height="300" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=w-320,c-at_max 1x, https://ik.imagekit.io/demo/default-image.jpg?tr=w-640,c-at_max 2x" class="astro-imagekit-image"> </div> <!-- Custom image breakpoints --> <div class="example" data-astro-cid-3762csus=""> <h3 data-astro-cid-3762csus="">13. Image with custom imageBreakpoints</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=w-600,c-at_max" alt="Image with custom image breakpoints" data-astro-cid-3762csus="true" loading="lazy" decoding="async" fetchpriority="auto" width="300" height="300" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=w-400,c-at_max 1x, https://ik.imagekit.io/demo/default-image.jpg?tr=w-600,c-at_max 2x" class="astro-imagekit-image"> </div> <!-- Image with data attributes --> <div class="example" data-astro-cid-3762csus=""> <h3 data-astro-cid-3762csus="">14. Image with data attributes</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=w-640,c-at_max" alt="Image with data attributes" data-testid="test-image" data-custom="value" data-astro-cid-3762csus="true" loading="lazy" decoding="async" fetchpriority="auto" width="300" height="300" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=w-384,c-at_max 1x, https://ik.imagekit.io/demo/default-image.jpg?tr=w-640,c-at_max 2x" class="astro-imagekit-image"> </div> <!-- Image with multiple transformations --> <div class="example" data-astro-cid-3762csus=""> <h3 data-astro-cid-3762csus="">15. Image with multiple chained transformations</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=w-200,h-200:rt-90:bl-5:w-640,c-at_max" alt="Image with multiple chained transformations" data-astro-cid-3762csus="true" loading="lazy" decoding="async" fetchpriority="auto" width="300" height="300" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=w-200,h-200:rt-90:bl-5:w-384,c-at_max 1x, https://ik.imagekit.io/demo/default-image.jpg?tr=w-200,h-200:rt-90:bl-5:w-640,c-at_max 2x" class="astro-imagekit-image"> </div> <!-- ASTRO IMAGE COMPONENT SPECIFIC PROPS --> <h2 data-astro-cid-3762csus="">Astro Image Component Props</h2> <p data-astro-cid-3762csus="">The following tests verify that Astro's built-in Image component props work correctly with Image.</p> <!-- Image with format prop --> <div class="example" data-astro-cid-3762csus=""> <h3 data-astro-cid-3762csus="">16. Image with format="avif"</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=f-avif:w-640,c-at_max" alt="Image with AVIF format" data-astro-cid-3762csus="true" loading="lazy" decoding="async" fetchpriority="auto" width="300" height="300" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=f-avif:w-384,c-at_max 1x, https://ik.imagekit.io/demo/default-image.jpg?tr=f-avif:w-640,c-at_max 2x" class="astro-imagekit-image"> </div> <!-- Image with quality prop (preset) --> <div class="example" data-astro-cid-3762csus=""> <h3 data-astro-cid-3762csus="">17. Image with quality="high"</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=q-80:w-640,c-at_max" alt="Image with high quality preset" data-astro-cid-3762csus="true" loading="lazy" decoding="async" fetchpriority="auto" width="300" height="300" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=q-80:w-384,c-at_max 1x, https://ik.imagekit.io/demo/default-image.jpg?tr=q-80:w-640,c-at_max 2x" class="astro-imagekit-image"> </div> <!-- Image with quality prop (number) --> <div class="example" data-astro-cid-3762csus=""> <h3 data-astro-cid-3762csus="">18. Image with quality=50</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=q-50:w-640,c-at_max" alt="Image with numeric quality" data-astro-cid-3762csus="true" loading="lazy" decoding="async" fetchpriority="auto" width="300" height="300" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=q-50:w-384,c-at_max 1x, https://ik.imagekit.io/demo/default-image.jpg?tr=q-50:w-640,c-at_max 2x" class="astro-imagekit-image"> </div> <!-- Image with decoding prop --> <div class="example" data-astro-cid-3762csus=""> <h3 data-astro-cid-3762csus="">19. Image with decoding="sync"</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=w-640,c-at_max" alt="Image with sync decoding" decoding="sync" data-astro-cid-3762csus="true" loading="lazy" fetchpriority="auto" width="300" height="300" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=w-384,c-at_max 1x, https://ik.imagekit.io/demo/default-image.jpg?tr=w-640,c-at_max 2x" class="astro-imagekit-image"> </div> <!-- Image with fetchpriority prop --> <div class="example" data-astro-cid-3762csus=""> <h3 data-astro-cid-3762csus="">20. Image with fetchpriority="high"</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=w-640,c-at_max" alt="Image with high fetch priority" fetchpriority="high" data-astro-cid-3762csus="true" loading="lazy" decoding="async" width="300" height="300" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=w-384,c-at_max 1x, https://ik.imagekit.io/demo/default-image.jpg?tr=w-640,c-at_max 2x" class="astro-imagekit-image"> </div> <!-- Image with densities prop --> <div class="example" data-astro-cid-3762csus=""> <h3 data-astro-cid-3762csus="">21. Image with densities=[1.5, 2]</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=w-300,c-at_max" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=w-450,c-at_max 1.5x, https://ik.imagekit.io/demo/default-image.jpg?tr=w-600,c-at_max 2x" alt="Image with density srcset" data-astro-cid-3762csus="true" loading="lazy" decoding="async" fetchpriority="auto" width="300" height="300" class="astro-imagekit-image"> </div> <!-- Image with widths prop --> <div class="example" data-astro-cid-3762csus=""> <h3 data-astro-cid-3762csus="">22. Image with widths=[240, 540, 720]</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=w-3840,c-at_max" alt="Image with specific widths srcset" data-astro-cid-3762csus="true" loading="lazy" decoding="async" fetchpriority="auto" width="300" height="300" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=w-240,c-at_max 240w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-540,c-at_max 540w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-640,c-at_max 640w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-720,c-at_max 720w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-750,c-at_max 750w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-828,c-at_max 828w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-1080,c-at_max 1080w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-1200,c-at_max 1200w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-1920,c-at_max 1920w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-2048,c-at_max 2048w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-3840,c-at_max 3840w" sizes="(max-width: 360px) 240px, (max-width: 720px) 540px, 720px" class="astro-imagekit-image"> </div> <!-- Image with layout="constrained" --> <div class="example" data-astro-cid-3762csus=""> <h3 data-astro-cid-3762csus="">23. Image with layout="constrained"</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=w-3840,c-at_max" alt="Image with constrained layout" data-astro-cid-3762csus="true" loading="lazy" decoding="async" fetchpriority="auto" style="--fit: cover; --pos: center; object-fit: cover; object-position: center; max-width: 100%;" data-astro-image="constrained" width="300" height="300" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=w-640,c-at_max 640w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-750,c-at_max 750w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-828,c-at_max 828w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-1080,c-at_max 1080w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-1200,c-at_max 1200w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-1920,c-at_max 1920w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-2048,c-at_max 2048w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-3840,c-at_max 3840w" sizes="(min-width: 300px) 300px, 100vw" class="astro-imagekit-image"> </div> <!-- Image with layout="full-width" --> <div class="example" data-astro-cid-3762csus=""> <h3 data-astro-cid-3762csus="">24. Image with layout="full-width"</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=w-6016,c-at_max" alt="Image with full-width layout" data-astro-cid-3762csus="true" loading="lazy" decoding="async" fetchpriority="auto" style="--fit: cover; --pos: center; object-fit: cover; object-position: center; width: 100%;" data-astro-image="full-width" width="300" height="300" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=w-640,c-at_max 640w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-640,c-at_max 640w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-750,c-at_max 750w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-750,c-at_max 750w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-828,c-at_max 828w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-828,c-at_max 828w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-960,c-at_max 960w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-1080,c-at_max 1080w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-1080,c-at_max 1080w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-1200,c-at_max 1200w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-1280,c-at_max 1280w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-1668,c-at_max 1668w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-1920,c-at_max 1920w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-1920,c-at_max 1920w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-2048,c-at_max 2048w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-2048,c-at_max 2048w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-2560,c-at_max 2560w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-3200,c-at_max 3200w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-3840,c-at_max 3840w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-3840,c-at_max 3840w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-4480,c-at_max 4480w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-5120,c-at_max 5120w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-6016,c-at_max 6016w" sizes="100vw" class="astro-imagekit-image"> </div> <!-- Image with layout="fixed" --> <div class="example" data-astro-cid-3762csus=""> <h3 data-astro-cid-3762csus="">25. Image with layout="fixed"</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=w-3840,c-at_max" alt="Image with fixed layout" data-astro-cid-3762csus="true" loading="lazy" decoding="async" fetchpriority="auto" style="--fit: cover; --pos: center; object-fit: cover; object-position: center;" data-astro-image="fixed" width="300" height="300" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=w-300,c-at_max 300w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-600,c-at_max 600w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-640,c-at_max 640w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-750,c-at_max 750w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-828,c-at_max 828w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-1080,c-at_max 1080w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-1200,c-at_max 1200w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-1920,c-at_max 1920w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-2048,c-at_max 2048w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-3840,c-at_max 3840w" sizes="300px" class="astro-imagekit-image"> </div> <!-- Image with fit prop --> <div class="example" data-astro-cid-3762csus=""> <h3 data-astro-cid-3762csus="">26. Image with fit="contain"</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=w-3840,c-at_max" alt="Image with contain fit" data-astro-cid-3762csus="true" loading="lazy" decoding="async" fetchpriority="auto" style="--fit: contain; --pos: center; object-fit: contain; object-position: center; max-width: 100%;" data-astro-image="constrained" width="300" height="300" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=w-640,c-at_max 640w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-750,c-at_max 750w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-828,c-at_max 828w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-1080,c-at_max 1080w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-1200,c-at_max 1200w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-1920,c-at_max 1920w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-2048,c-at_max 2048w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-3840,c-at_max 3840w" sizes="(min-width: 300px) 300px, 100vw" class="astro-imagekit-image"> </div> <!-- Image with position prop --> <div class="example" data-astro-cid-3762csus=""> <h3 data-astro-cid-3762csus="">27. Image with position="top left"</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=w-3840,c-at_max" alt="Image with top left position" data-astro-cid-3762csus="true" loading="lazy" decoding="async" fetchpriority="auto" style="--fit: cover; --pos: top left; object-fit: cover; object-position: top left; max-width: 100%;" data-astro-image="constrained" width="300" height="300" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=w-640,c-at_max 640w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-750,c-at_max 750w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-828,c-at_max 828w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-1080,c-at_max 1080w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-1200,c-at_max 1200w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-1920,c-at_max 1920w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-2048,c-at_max 2048w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-3840,c-at_max 3840w" sizes="(min-width: 300px) 300px, 100vw" class="astro-imagekit-image"> </div> <!-- Image with priority prop --> <div class="example" data-astro-cid-3762csus=""> <h3 data-astro-cid-3762csus="">28. Image with priority (eager loading shorthand)</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=w-640,c-at_max" alt="Image with priority flag" data-astro-cid-3762csus="true" loading="eager" decoding="sync" fetchpriority="high" width="300" height="300" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=w-384,c-at_max 1x, https://ik.imagekit.io/demo/default-image.jpg?tr=w-640,c-at_max 2x" class="astro-imagekit-image"> </div> <!-- Image with style attribute --> <div class="example" data-astro-cid-3762csus=""> <h3 data-astro-cid-3762csus="">29. Image with inline style</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=w-640,c-at_max" alt="Image with inline style" style="border: 3px solid red; border-radius: 10px;" data-astro-cid-3762csus="true" loading="lazy" decoding="async" fetchpriority="auto" width="300" height="300" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=w-384,c-at_max 1x, https://ik.imagekit.io/demo/default-image.jpg?tr=w-640,c-at_max 2x" class="astro-imagekit-image"> </div> <!-- Image with id attribute --> <div class="example" data-astro-cid-3762csus=""> <h3 data-astro-cid-3762csus="">30. Image with id attribute</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=w-640,c-at_max" alt="Image with id" id="my-image-id" data-astro-cid-3762csus="true" loading="lazy" decoding="async" fetchpriority="auto" width="300" height="300" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=w-384,c-at_max 1x, https://ik.imagekit.io/demo/default-image.jpg?tr=w-640,c-at_max 2x" class="astro-imagekit-image"> </div> <!-- PROPERTY CONFLICT TESTS --> <h2 data-astro-cid-3762csus="">Property Conflict Tests (Invalid Combinations)</h2> <p data-astro-cid-3762csus="">Per Astro docs: These property combinations should not be used together. Testing graceful handling.</p> <!-- densities + layout conflict --> <div class="example" data-test-id="conflict-densities-layout" data-astro-cid-3762csus=""> <h3 data-astro-cid-3762csus="">31. CONFLICT: densities + layout (densities should be ignored)</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=w-3840,c-at_max" alt="Conflict: densities + layout" data-astro-cid-3762csus="true" loading="lazy" decoding="async" fetchpriority="auto" style="--fit: cover; --pos: center; object-fit: cover; object-position: center; max-width: 100%;" data-astro-image="constrained" width="300" height="300" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=w-640,c-at_max 640w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-750,c-at_max 750w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-828,c-at_max 828w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-1080,c-at_max 1080w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-1200,c-at_max 1200w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-1920,c-at_max 1920w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-2048,c-at_max 2048w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-3840,c-at_max 3840w" sizes="(min-width: 300px) 300px, 100vw" class="astro-imagekit-image"> </div> <!-- densities + widths conflict --> <div class="example" data-test-id="conflict-densities-widths" data-astro-cid-3762csus=""> <h3 data-astro-cid-3762csus="">32. CONFLICT: densities + widths (only one should be used)</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=w-300,c-at_max" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=w-450,c-at_max 1.5x, https://ik.imagekit.io/demo/default-image.jpg?tr=w-600,c-at_max 2x" alt="Conflict: densities + widths" data-astro-cid-3762csus="true" loading="lazy" decoding="async" fetchpriority="auto" width="300" height="300" sizes="(max-width: 360px) 240px, (max-width: 720px) 540px, 720px" class="astro-imagekit-image"> </div> <!-- widths without sizes --> <div class="example" data-test-id="conflict-widths-no-sizes" data-astro-cid-3762csus=""> <h3 data-astro-cid-3762csus="">33. CONFLICT: widths without sizes (sizes required)</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=w-640,c-at_max" alt="Conflict: widths without sizes" data-astro-cid-3762csus="true" loading="lazy" decoding="async" fetchpriority="auto" width="300" height="300" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=w-540,c-at_max 1x, https://ik.imagekit.io/demo/default-image.jpg?tr=w-640,c-at_max 2x" class="astro-imagekit-image"> </div> <!-- layout=fixed + widths --> <div class="example" data-test-id="conflict-fixed-widths" data-astro-cid-3762csus=""> <h3 data-astro-cid-3762csus="">34. CONFLICT: layout=fixed + widths (fixed layout shouldn't vary widths)</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=w-3840,c-at_max" alt="Conflict: layout=fixed + widths" data-astro-cid-3762csus="true" loading="lazy" decoding="async" fetchpriority="auto" style="--fit: cover; --pos: center; object-fit: cover; object-position: center;" data-astro-image="fixed" width="300" height="300" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=w-240,c-at_max 240w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-540,c-at_max 540w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-640,c-at_max 640w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-720,c-at_max 720w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-750,c-at_max 750w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-828,c-at_max 828w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-1080,c-at_max 1080w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-1200,c-at_max 1200w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-1920,c-at_max 1920w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-2048,c-at_max 2048w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-3840,c-at_max 3840w" sizes="(max-width: 360px) 240px, (max-width: 720px) 540px, 720px" class="astro-imagekit-image"> </div> <!-- layout=none + responsive prop --> <div class="example" data-test-id="conflict-none-layout-responsive" data-astro-cid-3762csus=""> <h3 data-astro-cid-3762csus="">35. CONFLICT: layout=none + responsive=true (none disables responsiveness)</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=w-640,c-at_max" alt="Conflict: layout=none + responsive" data-astro-cid-3762csus="true" loading="lazy" decoding="async" fetchpriority="auto" width="300" height="300" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=w-384,c-at_max 1x, https://ik.imagekit.io/demo/default-image.jpg?tr=w-640,c-at_max 2x" class="astro-imagekit-image"> </div> <!-- VALID PROPERTY COMBINATIONS --> <h2 data-astro-cid-3762csus="">Valid Property Combinations</h2> <p data-astro-cid-3762csus="">These property combinations work correctly together.</p> <!-- widths + sizes valid --> <div class="example" data-test-id="valid-widths-sizes" data-astro-cid-3762csus=""> <h3 data-astro-cid-3762csus="">36. VALID: widths + sizes (responsive with explicit widths)</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=w-3840,c-at_max" alt="Valid: widths + sizes" data-astro-cid-3762csus="true" loading="lazy" decoding="async" fetchpriority="auto" width="300" height="300" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=w-240,c-at_max 240w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-540,c-at_max 540w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-640,c-at_max 640w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-720,c-at_max 720w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-750,c-at_max 750w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-828,c-at_max 828w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-1080,c-at_max 1080w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-1200,c-at_max 1200w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-1920,c-at_max 1920w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-2048,c-at_max 2048w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-3840,c-at_max 3840w" sizes="(max-width: 360px) 240px, (max-width: 720px) 540px, 720px" class="astro-imagekit-image"> </div> <!-- densities alone valid --> <div class="example" data-test-id="valid-densities-alone" data-astro-cid-3762csus=""> <h3 data-astro-cid-3762csus="">37. VALID: densities alone (density-based srcset)</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=w-300,c-at_max" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=w-450,c-at_max 1.5x, https://ik.imagekit.io/demo/default-image.jpg?tr=w-600,c-at_max 2x" alt="Valid: densities alone" data-astro-cid-3762csus="true" loading="lazy" decoding="async" fetchpriority="auto" width="300" height="300" class="astro-imagekit-image"> </div> <!-- layout=constrained + format + quality valid --> <div class="example" data-test-id="valid-layout-format-quality" data-astro-cid-3762csus=""> <h3 data-astro-cid-3762csus="">38. VALID: layout=constrained + format + quality</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=f-webp:q-80:w-3840,c-at_max" alt="Valid: layout + format + quality" data-astro-cid-3762csus="true" loading="lazy" decoding="async" fetchpriority="auto" style="--fit: cover; --pos: center; object-fit: cover; object-position: center; max-width: 100%;" data-astro-image="constrained" width="300" height="300" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=f-webp:q-80:w-640,c-at_max 640w, https://ik.imagekit.io/demo/default-image.jpg?tr=f-webp:q-80:w-750,c-at_max 750w, https://ik.imagekit.io/demo/default-image.jpg?tr=f-webp:q-80:w-828,c-at_max 828w, https://ik.imagekit.io/demo/default-image.jpg?tr=f-webp:q-80:w-1080,c-at_max 1080w, https://ik.imagekit.io/demo/default-image.jpg?tr=f-webp:q-80:w-1200,c-at_max 1200w, https://ik.imagekit.io/demo/default-image.jpg?tr=f-webp:q-80:w-1920,c-at_max 1920w, https://ik.imagekit.io/demo/default-image.jpg?tr=f-webp:q-80:w-2048,c-at_max 2048w, https://ik.imagekit.io/demo/default-image.jpg?tr=f-webp:q-80:w-3840,c-at_max 3840w" sizes="(min-width: 300px) 300px, 100vw" class="astro-imagekit-image"> </div> <!-- layout=full-width with responsive --> <div class="example" data-test-id="valid-fullwidth-responsive" data-astro-cid-3762csus=""> <h3 data-astro-cid-3762csus="">39. VALID: layout=full-width with responsive props</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=w-6016,c-at_max" alt="Valid: layout full-width" data-astro-cid-3762csus="true" loading="lazy" decoding="async" fetchpriority="auto" style="--fit: cover; --pos: center; object-fit: cover; object-position: center; width: 100%;" data-astro-image="full-width" width="300" height="300" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=w-640,c-at_max 640w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-640,c-at_max 640w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-750,c-at_max 750w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-750,c-at_max 750w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-828,c-at_max 828w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-828,c-at_max 828w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-960,c-at_max 960w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-1080,c-at_max 1080w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-1080,c-at_max 1080w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-1200,c-at_max 1200w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-1280,c-at_max 1280w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-1668,c-at_max 1668w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-1920,c-at_max 1920w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-1920,c-at_max 1920w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-2048,c-at_max 2048w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-2048,c-at_max 2048w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-2560,c-at_max 2560w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-3200,c-at_max 3200w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-3840,c-at_max 3840w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-3840,c-at_max 3840w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-4480,c-at_max 4480w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-5120,c-at_max 5120w, https://ik.imagekit.io/demo/default-image.jpg?tr=w-6016,c-at_max 6016w" sizes="100vw" class="astro-imagekit-image"> </div> <!-- responsive + ImageKit breakpoints --> <div class="example" data-test-id="valid-responsive-breakpoints" data-astro-cid-3762csus=""> <h3 data-astro-cid-3762csus="">40. VALID: responsive=true + ImageKit breakpoints</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=w-600,c-at_max" alt="Valid: responsive + breakpoints" data-astro-cid-3762csus="true" loading="lazy" decoding="async" fetchpriority="auto" width="300" height="300" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=w-320,c-at_max 1x, https://ik.imagekit.io/demo/default-image.jpg?tr=w-600,c-at_max 2x" class="astro-imagekit-image"> </div> <!-- EDGE CASE TESTS --> <h2 data-astro-cid-3762csus="">Edge Case Tests</h2> <p data-astro-cid-3762csus="">Testing extreme values and boundary conditions.</p> <!-- Minimal dimensions 1px x 1px --> <div class="example" data-test-id="edge-minimal-dimensions" data-astro-cid-3762csus=""> <h3 data-astro-cid-3762csus="">41. Minimal dimensions (1px × 1px)</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=w-16,c-at_max" alt="minimal 1x1" data-astro-cid-3762csus="true" loading="lazy" decoding="async" fetchpriority="auto" width="1" height="1" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=w-16,c-at_max 1x" class="astro-imagekit-image"> </div> <!-- Extreme aspect ratio 1:1000 --> <div class="example" data-test-id="edge-extreme-ratio-tall" data-astro-cid-3762csus=""> <h3 data-astro-cid-3762csus="">42. Extreme aspect ratio (1:1000)</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=w-32,c-at_max" alt="1:1000 aspect ratio" data-astro-cid-3762csus="true" loading="lazy" decoding="async" fetchpriority="auto" width="10" height="10000" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=w-16,c-at_max 1x, https://ik.imagekit.io/demo/default-image.jpg?tr=w-32,c-at_max 2x" class="astro-imagekit-image"> </div> <!-- Extreme aspect ratio 1000:1 --> <div class="example" data-test-id="edge-extreme-ratio-wide" data-astro-cid-3762csus=""> <h3 data-astro-cid-3762csus="">43. Extreme aspect ratio (1000:1)</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=w-3840,c-at_max" alt="1000:1 aspect ratio" data-astro-cid-3762csus="true" loading="lazy" decoding="async" fetchpriority="auto" width="10000" height="10" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=w-3840,c-at_max 1x" class="astro-imagekit-image"> </div> <!-- Quality boundary: 0 --> <div class="example" data-test-id="edge-quality-0" data-astro-cid-3762csus=""> <h3 data-astro-cid-3762csus="">44. Quality = 0 (minimum)</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=q-0:w-640,c-at_max" alt="quality 0" data-astro-cid-3762csus="true" loading="lazy" decoding="async" fetchpriority="auto" width="300" height="300" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=q-0:w-384,c-at_max 1x, https://ik.imagekit.io/demo/default-image.jpg?tr=q-0:w-640,c-at_max 2x" class="astro-imagekit-image"> </div> <!-- Quality boundary: 100 --> <div class="example" data-test-id="edge-quality-100" data-astro-cid-3762csus=""> <h3 data-astro-cid-3762csus="">45. Quality = 100 (maximum)</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=q-100:w-640,c-at_max" alt="quality 100" data-astro-cid-3762csus="true" loading="lazy" decoding="async" fetchpriority="auto" width="300" height="300" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=q-100:w-384,c-at_max 1x, https://ik.imagekit.io/demo/default-image.jpg?tr=q-100:w-640,c-at_max 2x" class="astro-imagekit-image"> </div> <!-- Format: webp --> <div class="example" data-test-id="edge-format-webp" data-astro-cid-3762csus=""> <h3 data-astro-cid-3762csus="">46. Format = webp</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=f-webp:w-640,c-at_max" alt="webp format" data-astro-cid-3762csus="true" loading="lazy" decoding="async" fetchpriority="auto" width="300" height="300" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=f-webp:w-384,c-at_max 1x, https://ik.imagekit.io/demo/default-image.jpg?tr=f-webp:w-640,c-at_max 2x" class="astro-imagekit-image"> </div> <!-- Format: avif --> <div class="example" data-test-id="edge-format-avif" data-astro-cid-3762csus=""> <h3 data-astro-cid-3762csus="">47. Format = avif</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=f-avif:w-640,c-at_max" alt="avif format" data-astro-cid-3762csus="true" loading="lazy" decoding="async" fetchpriority="auto" width="300" height="300" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=f-avif:w-384,c-at_max 1x, https://ik.imagekit.io/demo/default-image.jpg?tr=f-avif:w-640,c-at_max 2x" class="astro-imagekit-image"> </div> <!-- Format: svg --> <div class="example" data-test-id="edge-format-svg" data-astro-cid-3762csus=""> <h3 data-astro-cid-3762csus="">48. Format = svg</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=f-svg:w-640,c-at_max" alt="svg format" data-astro-cid-3762csus="true" loading="lazy" decoding="async" fetchpriority="auto" width="300" height="300" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=f-svg:w-384,c-at_max 1x, https://ik.imagekit.io/demo/default-image.jpg?tr=f-svg:w-640,c-at_max 2x" class="astro-imagekit-image"> </div> <!-- Multiple complex transformations --> <div class="example" data-test-id="edge-complex-transformations" data-astro-cid-3762csus=""> <h3 data-astro-cid-3762csus="">49. Multiple complex transformations</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=w-200,h-200:rt-45:bl-10:q-50:overlayText-WATERMARK:w-640,c-at_max" alt="complex transformations" data-astro-cid-3762csus="true" loading="lazy" decoding="async" fetchpriority="auto" width="300" height="300" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=w-200,h-200:rt-45:bl-10:q-50:overlayText-WATERMARK:w-384,c-at_max 1x, https://ik.imagekit.io/demo/default-image.jpg?tr=w-200,h-200:rt-45:bl-10:q-50:overlayText-WATERMARK:w-640,c-at_max 2x" class="astro-imagekit-image"> </div> <!-- transformationPosition path with transformations --> <div class="example" data-test-id="edge-transform-position-path" data-astro-cid-3762csus=""> <h3 data-astro-cid-3762csus="">50. transformationPosition="path" + transformations</h3> <img src="https://ik.imagekit.io/demo/tr:w-200,h-200:q-75:w-640,c-at_max/default-image.jpg" alt="transformation path position" data-astro-cid-3762csus="true" loading="lazy" decoding="async" fetchpriority="auto" width="300" height="300" srcset="https://ik.imagekit.io/demo/tr:w-200,h-200:q-75:w-384,c-at_max/default-image.jpg 1x, https://ik.imagekit.io/demo/tr:w-200,h-200:q-75:w-640,c-at_max/default-image.jpg 2x" class="astro-imagekit-image"> </div> <!-- transformationPosition query with complex query params --> <div class="example" data-test-id="edge-transform-position-query" data-astro-cid-3762csus=""> <h3 data-astro-cid-3762csus="">51. transformationPosition="query" + queryParameters</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?version=v1&amp;custom=param&amp;tr=w-200,h-200:w-640,c-at_max" alt="transformation query position" data-astro-cid-3762csus="true" loading="lazy" decoding="async" fetchpriority="auto" width="300" height="300" srcset="https://ik.imagekit.io/demo/default-image.jpg?version=v1&amp;custom=param&amp;tr=w-200,h-200:w-384,c-at_max 1x, https://ik.imagekit.io/demo/default-image.jpg?version=v1&amp;custom=param&amp;tr=w-200,h-200:w-640,c-at_max 2x" class="astro-imagekit-image"> </div> <!-- Large width boundary test --> <div class="example" data-test-id="edge-large-width" data-astro-cid-3762csus=""> <h3 data-astro-cid-3762csus="">52. Large width (5000px)</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=w-3840,c-at_max" alt="5000px width" data-astro-cid-3762csus="true" loading="lazy" decoding="async" fetchpriority="auto" width="5000" height="5000" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=w-3840,c-at_max 1x" class="astro-imagekit-image"> </div> <!-- Quality as string preset --> <div class="example" data-test-id="edge-quality-preset-low" data-astro-cid-3762csus=""> <h3 data-astro-cid-3762csus="">53. Quality preset = "low"</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=q-30:w-640,c-at_max" alt="quality low preset" data-astro-cid-3762csus="true" loading="lazy" decoding="async" fetchpriority="auto" width="300" height="300" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=q-30:w-384,c-at_max 1x, https://ik.imagekit.io/demo/default-image.jpg?tr=q-30:w-640,c-at_max 2x" class="astro-imagekit-image"> </div> <!-- Quality as string preset mid --> <div class="example" data-test-id="edge-quality-preset-mid" data-astro-cid-3762csus=""> <h3 data-astro-cid-3762csus="">54. Quality preset = "mid"</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=q-50:w-640,c-at_max" alt="quality mid preset" data-astro-cid-3762csus="true" loading="lazy" decoding="async" fetchpriority="auto" width="300" height="300" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=q-50:w-384,c-at_max 1x, https://ik.imagekit.io/demo/default-image.jpg?tr=q-50:w-640,c-at_max 2x" class="astro-imagekit-image"> </div> <!-- Quality as string preset max --> <div class="example" data-test-id="edge-quality-preset-max" data-astro-cid-3762csus=""> <h3 data-astro-cid-3762csus="">55. Quality preset = "max"</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=q-100:w-640,c-at_max" alt="quality max preset" data-astro-cid-3762csus="true" loading="lazy" decoding="async" fetchpriority="auto" width="300" height="300" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=q-100:w-384,c-at_max 1x, https://ik.imagekit.io/demo/default-image.jpg?tr=q-100:w-640,c-at_max 2x" class="astro-imagekit-image"> </div> <!-- Responsive with custom device breakpoints edge case --> <div class="example" data-test-id="edge-device-breakpoints" data-astro-cid-3762csus=""> <h3 data-astro-cid-3762csus="">56. Responsive with extreme device breakpoints</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=w-5000,c-at_max" alt="device breakpoints" data-astro-cid-3762csus="true" loading="lazy" decoding="async" fetchpriority="auto" width="300" height="300" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=w-384,c-at_max 1x, https://ik.imagekit.io/demo/default-image.jpg?tr=w-5000,c-at_max 2x" class="astro-imagekit-image"> </div> <!-- Responsive with custom image breakpoints edge case --> <div class="example" data-test-id="edge-image-breakpoints" data-astro-cid-3762csus=""> <h3 data-astro-cid-3762csus="">57. Responsive with extreme image breakpoints</h3> <img src="https://ik.imagekit.io/demo/default-image.jpg?tr=w-640,c-at_max" alt="image breakpoints" data-astro-cid-3762csus="true" loading="lazy" decoding="async" fetchpriority="auto" width="300" height="300" srcset="https://ik.imagekit.io/demo/default-image.jpg?tr=w-640,c-at_max 1x" class="astro-imagekit-image"> </div> </div>
\ No newline at end of file
diff --git a/test-app/e2e/__snapshot__/astro-default/videos.spec.ts/Videos-page-renders-correctly-1.txt b/test-app/e2e/__snapshot__/astro-default/videos.spec.ts/Videos-page-renders-correctly-1.txt
new file mode 100644
index 0000000..65b0d6a
--- /dev/null
+++ b/test-app/e2e/__snapshot__/astro-default/videos.spec.ts/Videos-page-renders-correctly-1.txt
@@ -0,0 +1 @@
+<div class="container" data-astro-cid-73ne5lbz=""> <h1 data-astro-cid-73ne5lbz="">Video Component Tests</h1> <!-- Basic video with urlEndpoint prop --> <div class="example" data-astro-cid-73ne5lbz=""> <h3 data-astro-cid-73ne5lbz="">Basic Video with urlEndpoint prop</h3> <video src="https://ik.imagekit.io/demo/sample-video.mp4" class="astro-imagekit-video" title="Video with urlEndpoint prop" height="300" width="300" controls="" data-astro-cid-73ne5lbz="true"></video> </div> <!-- Video with leading slash in src --> <div class="example" data-astro-cid-73ne5lbz=""> <h3 data-astro-cid-73ne5lbz="">Video with leading slash in src</h3> <video src="https://ik.imagekit.io/demo/sample-video.mp4" class="astro-imagekit-video" title="Video with leading slash" height="300" width="300" controls="" data-astro-cid-73ne5lbz="true"></video> </div> <!-- Video with transformations --> <div class="example" data-astro-cid-73ne5lbz=""> <h3 data-astro-cid-73ne5lbz="">Video with transformations</h3> <video src="https://ik.imagekit.io/demo/sample-video.mp4?tr=h-100,w-100" class="astro-imagekit-video" title="Video with transformations" height="300" width="300" controls="" data-astro-cid-73ne5lbz="true"></video> </div> <!-- Video with all props --> <div class="example" data-astro-cid-73ne5lbz=""> <h3 data-astro-cid-73ne5lbz="">Video with all HTML attributes</h3> <video src="https://ik.imagekit.io/demo/sample-video.mp4" class="astro-imagekit-video" title="Video with all props" height="300" width="300" controls="" autoplay="" loop="" muted="" preload="none" poster="https://ik.imagekit.io/demo/default-image.jpg" data-astro-cid-73ne5lbz="true"></video> </div> <!-- urlEndpoint override --> <div class="example" data-astro-cid-73ne5lbz=""> <h3 data-astro-cid-73ne5lbz="">Video with different urlEndpoint</h3> <video src="https://ik.imagekit.io/demo2/sample-video.mp4?tr=h-100,w-100" class="astro-imagekit-video" title="Video with urlEndpoint override" height="300" width="300" controls="" data-astro-cid-73ne5lbz="true"></video> </div> <!-- transformationPosition="path" --> <div class="example" data-astro-cid-73ne5lbz=""> <h3 data-astro-cid-73ne5lbz="">Video with transformationPosition="path"</h3> <video src="https://ik.imagekit.io/demo/tr:h-100,w-100/sample-video.mp4" class="astro-imagekit-video" title="Video with path transformation" height="300" width="300" controls="" data-astro-cid-73ne5lbz="true"></video> </div> <!-- Video with custom class --> <div class="example" data-astro-cid-73ne5lbz=""> <h3 data-astro-cid-73ne5lbz="">Video with custom class</h3> <video src="https://ik.imagekit.io/demo/sample-video.mp4" class="astro-imagekit-video custom-video-class" title="Video with custom class" height="300" width="300" controls="" data-astro-cid-73ne5lbz="true"></video> </div> <!-- Video with queryParameters --> <div class="example" data-astro-cid-73ne5lbz=""> <h3 data-astro-cid-73ne5lbz="">Video with queryParameters</h3> <video src="https://ik.imagekit.io/demo/sample-video.mp4?version=v2" class="astro-imagekit-video" title="Video with queryParameters" height="300" width="300" controls="" data-astro-cid-73ne5lbz="true"></video> </div> <!-- Video with chained transformations --> <div class="example" data-astro-cid-73ne5lbz=""> <h3 data-astro-cid-73ne5lbz="">Video with chained transformations</h3> <video src="https://ik.imagekit.io/demo/sample-video.mp4?tr=w-200,h-200:q-80" class="astro-imagekit-video" title="Video with chained transformations" height="300" width="300" controls="" data-astro-cid-73ne5lbz="true"></video> </div> <!-- Video without controls (for autoplay scenarios) --> <div class="example" data-astro-cid-73ne5lbz=""> <h3 data-astro-cid-73ne5lbz="">Video without controls (autoplay, muted, loop)</h3> <video src="https://ik.imagekit.io/demo/sample-video.mp4" class="astro-imagekit-video" title="Autoplay video" height="200" width="300" autoplay="" muted="" loop="" data-astro-cid-73ne5lbz="true"></video> </div> <!-- EDGE CASE TESTS --> <h2 data-astro-cid-73ne5lbz="">Edge Case Tests</h2> <p data-astro-cid-73ne5lbz="">Testing extreme values and boundary conditions for video component.</p> <!-- Minimal dimensions 1px x 1px --> <div class="example" data-test-id="video-edge-minimal" data-astro-cid-73ne5lbz=""> <h3 data-astro-cid-73ne5lbz="">Minimal dimensions (1px × 1px)</h3> <video src="https://ik.imagekit.io/demo/sample-video.mp4" class="astro-imagekit-video" title="minimal video 1x1" width="1" height="1" controls="" data-astro-cid-73ne5lbz="true"></video> </div> <!-- Large dimensions --> <div class="example" data-test-id="video-edge-large" data-astro-cid-73ne5lbz=""> <h3 data-astro-cid-73ne5lbz="">Large dimensions (4000px × 2000px)</h3> <video src="https://ik.imagekit.io/demo/sample-video.mp4" class="astro-imagekit-video" title="large video" width="4000" height="2000" controls="" data-astro-cid-73ne5lbz="true"></video> </div> <!-- Extreme aspect ratio tall --> <div class="example" data-test-id="video-edge-ratio-tall" data-astro-cid-73ne5lbz=""> <h3 data-astro-cid-73ne5lbz="">Extreme aspect ratio (1:500)</h3> <video src="https://ik.imagekit.io/demo/sample-video.mp4" class="astro-imagekit-video" title="tall aspect ratio" width="10" height="5000" controls="" data-astro-cid-73ne5lbz="true"></video> </div> <!-- Extreme aspect ratio wide --> <div class="example" data-test-id="video-edge-ratio-wide" data-astro-cid-73ne5lbz=""> <h3 data-astro-cid-73ne5lbz="">Extreme aspect ratio (500:1)</h3> <video src="https://ik.imagekit.io/demo/sample-video.mp4" class="astro-imagekit-video" title="wide aspect ratio" width="5000" height="10" controls="" data-astro-cid-73ne5lbz="true"></video> </div> <!-- Multiple complex transformations --> <div class="example" data-test-id="video-edge-complex-transformations" data-astro-cid-73ne5lbz=""> <h3 data-astro-cid-73ne5lbz="">Multiple complex transformations</h3> <video src="https://ik.imagekit.io/demo/sample-video.mp4?tr=w-200,h-200:rt-90:q-50:ar-16-9" class="astro-imagekit-video" title="complex transformations" width="300" height="300" controls="" data-astro-cid-73ne5lbz="true"></video> </div> <!-- transformationPosition="path" with transformations --> <div class="example" data-test-id="video-edge-transform-path" data-astro-cid-73ne5lbz=""> <h3 data-astro-cid-73ne5lbz="">transformationPosition="path"</h3> <video src="https://ik.imagekit.io/demo/tr:w-200,h-200/sample-video.mp4" class="astro-imagekit-video" title="path transformation position" width="300" height="300" controls="" data-astro-cid-73ne5lbz="true"></video> </div> <!-- transformationPosition="query" with queryParameters --> <div class="example" data-test-id="video-edge-transform-query" data-astro-cid-73ne5lbz=""> <h3 data-astro-cid-73ne5lbz="">transformationPosition="query" + queryParameters</h3> <video src="https://ik.imagekit.io/demo/sample-video.mp4?version=v2&amp;custom=value" class="astro-imagekit-video" title="query transformation position" width="300" height="300" controls="" data-astro-cid-73ne5lbz="true"></video> </div> <!-- All HTML video attributes together --> <div class="example" data-test-id="video-edge-all-attributes" data-astro-cid-73ne5lbz=""> <h3 data-astro-cid-73ne5lbz="">All HTML attributes combined</h3> <video src="https://ik.imagekit.io/demo/sample-video.mp4" class="astro-imagekit-video" title="all attributes" width="300" height="300" controls="" autoplay="" loop="" muted="" preload="metadata" crossorigin="anonymous" data-test="custom-attribute" data-astro-cid-73ne5lbz="true"></video> </div> </div>
\ No newline at end of file
diff --git a/test-app/e2e/images.spec.ts b/test-app/e2e/images.spec.ts
new file mode 100644
index 0000000..422c16c
--- /dev/null
+++ b/test-app/e2e/images.spec.ts
@@ -0,0 +1,17 @@
+import { test, expect } from "@playwright/test";
+
+test("Image page renders correctly", async ({ page }) => {
+  await page.goto("/images");
+
+  // Scroll to the bottom to trigger lazy loading
+  await page.evaluate(() => {
+    window.scrollTo(0, document.body.scrollHeight);
+  });
+
+  await page.waitForTimeout(2000);
+
+  const container = page.locator(".container");
+  const outputHtml = await container.evaluate((el) => el.outerHTML);
+
+  expect(outputHtml).toMatchSnapshot();
+});
diff --git a/test-app/e2e/md.spec.ts b/test-app/e2e/md.spec.ts
new file mode 100644
index 0000000..3d2d938
--- /dev/null
+++ b/test-app/e2e/md.spec.ts
@@ -0,0 +1,16 @@
+import { test, expect } from "@playwright/test";
+
+test("Markdown page renders correctly", async ({ page }) => {
+  await page.goto("/md");
+
+  await page.evaluate(() => {
+    window.scrollTo(0, document.body.scrollHeight);
+  });
+
+  await page.waitForTimeout(2000);
+
+  const container = page.locator(".container");
+  const outputHtml = await container.evaluate((el) => el.outerHTML);
+
+  expect(outputHtml).toMatchSnapshot();
+});
diff --git a/test-app/e2e/og.spec.ts b/test-app/e2e/og.spec.ts
new file mode 100644
index 0000000..d8ab253
--- /dev/null
+++ b/test-app/e2e/og.spec.ts
@@ -0,0 +1,61 @@
+import { test, expect } from "@playwright/test";
+
+test("OG page emits expected meta tags", async ({ page }) => {
+  await page.goto("/og");
+
+  const IK_URL = "https://ik.imagekit.io/demo/default-image.jpg?tr=w-1200,h-630";
+  const ALT = "Default ImageKit demo image";
+
+  await expect(page.locator('meta[property="og:title"]')).toHaveAttribute(
+    "content",
+    "Hello from @imagekit/astro",
+  );
+  await expect(page.locator('meta[property="og:type"]')).toHaveAttribute(
+    "content",
+    "article",
+  );
+  await expect(page.locator('meta[property="og:image"]')).toHaveAttribute(
+    "content",
+    IK_URL,
+  );
+  await expect(
+    page.locator('meta[property="og:image:secure_url"]'),
+  ).toHaveAttribute("content", IK_URL);
+  await expect(page.locator('meta[property="og:image:width"]')).toHaveAttribute(
+    "content",
+    "1200",
+  );
+  await expect(page.locator('meta[property="og:image:height"]')).toHaveAttribute(
+    "content",
+    "630",
+  );
+  await expect(page.locator('meta[property="og:image:alt"]')).toHaveAttribute(
+    "content",
+    ALT,
+  );
+
+  await expect(page.locator('meta[name="twitter:card"]')).toHaveAttribute(
+    "content",
+    "summary_large_image",
+  );
+  await expect(page.locator('meta[name="twitter:title"]')).toHaveAttribute(
+    "content",
+    "Hello from @imagekit/astro",
+  );
+  await expect(page.locator('meta[name="twitter:image"]')).toHaveAttribute(
+    "content",
+    IK_URL,
+  );
+  await expect(page.locator('meta[name="twitter:image:alt"]')).toHaveAttribute(
+    "content",
+    ALT,
+  );
+
+  // Helper-built escape hatch URL — full match
+  await expect(
+    page.locator('meta[property="og:image:secondary"]'),
+  ).toHaveAttribute(
+    "content",
+    "https://ik.imagekit.io/demo/default-image.jpg?tr=bl-5:w-1200,h-630",
+  );
+});
diff --git a/test-app/e2e/videos.spec.ts b/test-app/e2e/videos.spec.ts
new file mode 100644
index 0000000..a552be0
--- /dev/null
+++ b/test-app/e2e/videos.spec.ts
@@ -0,0 +1,17 @@
+import { test, expect } from "@playwright/test";
+
+test("Videos page renders correctly", async ({ page }) => {
+  await page.goto("/videos");
+
+  // Scroll to the bottom to trigger lazy loading
+  await page.evaluate(() => {
+    window.scrollTo(0, document.body.scrollHeight);
+  });
+
+  await page.waitForTimeout(2000);
+
+  const container = page.locator(".container");
+  const outputHtml = await container.evaluate((el) => el.outerHTML);
+
+  expect(outputHtml).toMatchSnapshot();
+});
diff --git a/test-app/package.json b/test-app/package.json
new file mode 100644
index 0000000..16ca023
--- /dev/null
+++ b/test-app/package.json
@@ -0,0 +1,25 @@
+{
+  "name": "test-app",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "astro dev",
+    "build": "astro build",
+    "start": "npm run build && astro preview",
+    "preview": "astro preview",
+    "test:e2e": "playwright test",
+    "test:e2e-update": "playwright test --update-snapshots"
+  },
+  "dependencies": {
+    "@astrojs/node": "^9.5.5",
+    "@imagekit/astro": "workspace:*",
+    "@imagekit/javascript": "^5.1.0",
+    "astro": "^5.18.1"
+  },
+  "devDependencies": {
+    "@astrojs/check": "^0.9.8",
+    "@playwright/test": "^1.40.1",
+    "@types/node": "^20.0.0",
+    "typescript": "^5.9.3"
+  }
+}
diff --git a/test-app/playwright.config.ts b/test-app/playwright.config.ts
new file mode 100644
index 0000000..8947664
--- /dev/null
+++ b/test-app/playwright.config.ts
@@ -0,0 +1,59 @@
+import { defineConfig, devices } from "@playwright/test";
+import path from "path";
+
+// Use process.env.PORT by default and fallback to port 4321
+const PORT = process.env.PORT || 4321;
+
+// Astro major version for per-version snapshot directories (set by CI matrix)
+const ASTRO_VERSION = process.env.ASTRO_VERSION || 'default';
+
+// Set webServer.url and use.baseURL with the location of the WebServer respecting the correct set port
+const baseURL = `http://localhost:${PORT}`;
+
+// Reference: https://playwright.dev/docs/test-configuration
+export default defineConfig({
+  // Timeout per test
+  timeout: 30 * 1000,
+  // Test directory
+  testDir: path.join("e2e"),
+  // If a test fails, retry it additional 2 times
+  retries: 2,
+  // Artifacts folder where screenshots, videos, and traces are stored.
+  outputDir: "test-results/",
+
+  // Single template for all assertions
+  snapshotPathTemplate: `{testDir}/__snapshot__/astro-${ASTRO_VERSION}/{testFilePath}/{arg}{ext}`,
+
+  // Run your local dev server before starting the tests:
+  // https://playwright.dev/docs/test-advanced#launching-a-development-web-server-during-the-tests
+  webServer: {
+    command: "npm run start",
+    url: baseURL,
+    timeout: 120 * 1000,
+    reuseExistingServer: !process.env.CI,
+  },
+
+  use: {
+    // Use baseURL so to make navigations relative.
+    // More information: https://playwright.dev/docs/api/class-testoptions#test-options-base-url
+    baseURL,
+
+    // Retry a test if its failing with enabled tracing. This allows you to analyze the DOM, console logs, network traffic etc.
+    // More information: https://playwright.dev/docs/trace-viewer
+    // trace: "retry-with-trace",
+
+    // All available context options: https://playwright.dev/docs/api/class-browser#browser-new-context
+    // contextOptions: {
+    //   ignoreHTTPSErrors: true,
+    // },
+  },
+
+  projects: [
+    {
+      name: "Desktop Chrome",
+      use: {
+        ...devices["Desktop Chrome"],
+      },
+    },
+  ],
+});
diff --git a/test-app/src/assets/hero.jpg b/test-app/src/assets/hero.jpg
new file mode 100644
index 0000000..56fb86b
Binary files /dev/null and b/test-app/src/assets/hero.jpg differ
diff --git a/test-app/src/env.d.ts b/test-app/src/env.d.ts
new file mode 100644
index 0000000..acef35f
--- /dev/null
+++ b/test-app/src/env.d.ts
@@ -0,0 +1,2 @@
+/// <reference path="../.astro/types.d.ts" />
+/// <reference types="astro/client" />
diff --git a/test-app/src/pages/api/upload-auth.ts b/test-app/src/pages/api/upload-auth.ts
new file mode 100644
index 0000000..41d5c1a
--- /dev/null
+++ b/test-app/src/pages/api/upload-auth.ts
@@ -0,0 +1,36 @@
+import type { APIRoute } from 'astro';
+import { getUploadAuthParams } from '@imagekit/astro/server';
+
+export const prerender = false;
+
+export const GET: APIRoute = async () => {
+  try {
+    const authParams = getUploadAuthParams({
+      privateKey: import.meta.env.IMAGEKIT_PRIVATE_KEY,
+      publicKey: import.meta.env.PUBLIC_IMAGEKIT_PUBLIC_KEY,
+    });
+    return new Response(JSON.stringify(authParams), {
+      status: 200,
+      headers: { 'Content-Type': 'application/json' },
+    });
+  } catch (error) {
+    console.error('Error generating upload auth params:', error);
+    if (import.meta.env.CI) {
+      const dummyAuthParams = {
+        token: 'dummy-token',
+        signature: 'dummy-signature',
+        expire: Math.floor(Date.now() / 1000) + 30 * 60, // 30 minutes from now
+        publicKey: import.meta.env.PUBLIC_IMAGEKIT_PUBLIC_KEY || 'dummy-public-key',
+      };
+      console.warn('Using dummy auth params for CI environment');
+      return new Response(JSON.stringify(dummyAuthParams), {
+        status: 200,
+        headers: { 'Content-Type': 'application/json' },
+      });
+    }
+    return new Response(JSON.stringify({ error: 'Failed to generate auth params' }), {
+      status: 500,
+      headers: { 'Content-Type': 'application/json' },
+    });
+  }
+};
diff --git a/test-app/src/pages/images.astro b/test-app/src/pages/images.astro
new file mode 100644
index 0000000..9fc03de
--- /dev/null
+++ b/test-app/src/pages/images.astro
@@ -0,0 +1,540 @@
+---
+import { Image } from 'astro:assets';
+import heroImage from '../assets/hero.jpg';
+---
+
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Image Tests</title>
+</head>
+<body>
+  <div class="container">
+    <h1>Image Component Tests</h1>
+    <p>Image uses Astro's built-in Image component for optimized image delivery with ImageKit transformations. The <code>urlEndpoint</code> is configured globally in <code>astro.config.mjs</code>; cases below only pass it explicitly when overriding it.</p>
+
+    <!-- Basic image (urlEndpoint comes from astro.config.mjs) -->
+    <div class="example">
+      <h3>Basic image (urlEndpoint from integration config)</h3>
+      <Image
+        src="default-image.jpg"
+        alt="Basic image"
+        width={10}
+        height={10}
+        fit="contain"
+        position='top left'
+      />
+    </div>
+
+    <!-- urlEndpoint prop override -->
+    <div class="example">
+      <h3>urlEndpoint prop override</h3>
+      <Image
+        urlEndpoint="https://ik.imagekit.io/demo2/"
+        src="/default-image.jpg"
+        alt="Image with urlEndpoint override"
+        width={300}
+        height={300}
+      />
+    </div>
+
+    <!-- Image with leading slash in src -->
+    <div class="example">
+      <h3>Leading slash in src</h3>
+      <Image
+        src="/default-image.jpg"
+        alt="Image with leading slash"
+        width={300}
+        height={300}
+      />
+    </div>
+
+    <!-- Absolute URL src -->
+    <div class="example">
+      <h3>Absolute URL src (urlEndpoint ignored, transformations still applied)</h3>
+      <Image
+        src="https://ik.imagekit.io/demo/default-image.jpg"
+        alt="Absolute URL src"
+        width={300}
+        height={300}
+      />
+    </div>
+
+    <!-- Image with transformation -->
+    <div class="example">
+      <h3>Transformation prop</h3>
+      <Image
+        src="/default-image.jpg"
+        alt="With transformation"
+        transformation={[{ height: 100, width: 100 }]}
+        width={300}
+        height={300}
+      />
+    </div>
+
+    <!-- Image with queryParameters -->
+    <div class="example">
+      <h3>queryParameters prop</h3>
+      <Image
+        src="/default-image.jpg"
+        alt="Image with queryParameters"
+        queryParameters={{
+          version: "v1",
+        }}
+        transformation={[{ height: 100, width: 100 }]}
+        width={300}
+        height={300}
+      />
+    </div>
+
+    <!-- Responsive image with sizes -->
+    <div class="example">
+      <h3>Responsive image with sizes</h3>
+      <Image
+        src="/default-image.jpg"
+        alt="Responsive image with sizes"
+        sizes="(max-width: 600px) 100vw, 50vw"
+        width={300}
+        height={300}
+      />
+    </div>
+
+    <!-- Responsive image with fixed sizes -->
+    <div class="example">
+      <h3>Responsive image with fixed sizes (300px)</h3>
+      <Image
+        src="/default-image.jpg"
+        alt="Responsive image with fixed sizes"
+        sizes="300px"
+        width={300}
+        height={300}
+      />
+    </div>
+
+    <!-- Image with custom class -->
+    <div class="example">
+      <h3>Custom class</h3>
+      <Image
+        src="/default-image.jpg"
+        alt="Image with custom class"
+        class="custom-class"
+        width={300}
+        height={300}
+      />
+    </div>
+
+    <!-- Lazy loading eager -->
+    <div class="example">
+      <h3>loading="eager"</h3>
+      <Image
+        src="/default-image.jpg"
+        alt="Image with loading eager"
+        loading="eager"
+        width={300}
+        height={300}
+      />
+    </div>
+
+    <!-- Transformation position path -->
+    <div class="example">
+      <h3>transformationPosition="path"</h3>
+      <Image
+        src="/default-image.jpg"
+        alt="Image with path transformation"
+        transformationPosition="path"
+        width={300}
+        height={300}
+      />
+    </div>
+
+    <!-- Transformation position path with custom transformations -->
+    <div class="example">
+      <h3>transformationPosition="path" + custom transformations</h3>
+      <Image
+        src="/default-image.jpg"
+        alt="Image with path transformation + custom transformations"
+        transformationPosition="path"
+        transformation={[{ height: 100, width: 100 }]}
+        width={300}
+        height={300}
+      />
+    </div>
+
+    <!-- Image with data attributes -->
+    <div class="example">
+      <h3>Data attributes</h3>
+      <Image
+        src="/default-image.jpg"
+        alt="Image with data attributes"
+        data-testid="test-image"
+        data-custom="value"
+        width={300}
+        height={300}
+      />
+    </div>
+
+    <!-- Image with multiple transformations -->
+    <div class="example">
+      <h3>Multiple chained transformations</h3>
+      <Image
+        src="/default-image.jpg"
+        alt="Image with multiple chained transformations"
+        transformation={[
+          { width: 200, height: 200 },
+          { rotation: 90 },
+          { blur: 5 }
+        ]}
+        width={300}
+        height={300}
+      />
+    </div>
+
+    <!-- ASTRO IMAGE COMPONENT SPECIFIC PROPS -->
+    <h2>Astro Image Component Props</h2>
+    <p>The following tests verify that Astro's built-in Image component props work correctly with Image.</p>
+
+    <!-- Image with format prop -->
+    <div class="example">
+      <h3>format="avif" ignored</h3>
+      <Image
+        src="/default-image.jpg"
+        alt="Image with AVIF format"
+        format="avif"
+        width={300}
+        height={300}
+      />
+    </div>
+
+    <!-- Image with quality prop (preset) -->
+    <div class="example">
+      <h3>quality="high"</h3>
+      <Image
+        src="/default-image.jpg"
+        alt="Image with high quality preset"
+        quality="high"
+        width={300}
+        height={300}
+      />
+    </div>
+
+    <!-- Image with quality prop (number) -->
+    <div class="example">
+      <h3>quality=50</h3>
+      <Image
+        src="/default-image.jpg"
+        alt="Image with numeric quality"
+        quality={50}
+        width={300}
+        height={300}
+      />
+    </div>
+
+    <!-- Image with decoding prop -->
+    <div class="example">
+      <h3>decoding="sync"</h3>
+      <Image
+        src="/default-image.jpg"
+        alt="Image with sync decoding"
+        decoding="sync"
+        width={300}
+        height={300}
+      />
+    </div>
+
+    <!-- Image with fetchpriority prop -->
+    <div class="example">
+      <h3>fetchpriority="high"</h3>
+      <Image
+        src="/default-image.jpg"
+        alt="Image with high fetch priority"
+        fetchpriority="high"
+        width={300}
+        height={300}
+      />
+    </div>
+
+    <!-- Image with densities prop -->
+    <div class="example">
+      <h3>densities=[1.5, 2] (requires layout="none" to override config default)</h3>
+      <Image
+        src="/default-image.jpg"
+        alt="Image with density srcset"
+        densities={[1.5, 2]}
+        layout="none"
+        width={300}
+        height={300}
+      />
+    </div>
+
+    <!-- Image with widths prop -->
+    <div class="example">
+      <h3>widths=[240, 540, 720]</h3>
+      <Image
+        src="/default-image.jpg"
+        alt="Image with specific widths srcset"
+        widths={[240, 540, 720]}
+        sizes="(max-width: 360px) 240px, (max-width: 720px) 540px, 720px"
+        width={300}
+        height={300}
+      />
+    </div>
+
+    <!-- Image with layout="constrained" -->
+    <div class="example">
+      <h3>layout="constrained"</h3>
+      <Image
+        src="/default-image.jpg"
+        alt="Image with constrained layout"
+        layout="constrained"
+        width={300}
+        height={300}
+      />
+    </div>
+
+    <!-- Image with layout="full-width" -->
+    <div class="example">
+      <h3>layout="full-width"</h3>
+      <Image
+        src="/default-image.jpg"
+        alt="Image with full-width layout"
+        layout="full-width"
+        width={300}
+        height={300}
+      />
+    </div>
+
+    <!-- Image with layout="fixed" -->
+    <div class="example">
+      <h3>layout="fixed"</h3>
+      <Image
+        src="/default-image.jpg"
+        alt="Image with fixed layout"
+        layout="fixed"
+        width={300}
+        height={300}
+      />
+    </div>
+
+    <!-- Image with layout="none" (turns off responsive srcset) -->
+    <div class="example">
+      <h3>layout="none" (responsive off)</h3>
+      <Image
+        src="/default-image.jpg"
+        alt="Image with responsive off"
+        layout="none"
+        width={300}
+        height={300}
+      />
+    </div>
+
+    <!-- Image with priority prop -->
+    <div class="example">
+      <h3>priority (eager loading shorthand)</h3>
+      <Image
+        src="/default-image.jpg"
+        alt="Image with priority flag"
+        priority
+        width={300}
+        height={300}
+      />
+    </div>
+
+    <!-- Image with style attribute -->
+    <div class="example">
+      <h3>Inline style</h3>
+      <Image
+        src="/default-image.jpg"
+        alt="Image with inline style"
+        style="border: 3px solid red; border-radius: 10px;"
+        width={300}
+        height={300}
+      />
+    </div>
+
+    <!-- Image with id attribute -->
+    <div class="example">
+      <h3>id attribute</h3>
+      <Image
+        src="/default-image.jpg"
+        alt="Image with id"
+        id="my-image-id"
+        width={300}
+        height={300}
+      />
+    </div>
+
+    <!-- Quality boundary: 0 -->
+    <div class="example" data-test-id="edge-quality-0">
+      <h3>Quality = 0 (minimum)</h3>
+      <Image
+        src="/default-image.jpg"
+        alt="quality 0"
+        quality={0}
+        width={300}
+        height={300}
+      />
+    </div>
+
+    <!-- Quality boundary: 100 -->
+    <div class="example" data-test-id="edge-quality-100">
+      <h3>Quality = 100 (maximum)</h3>
+      <Image
+        src="/default-image.jpg"
+        alt="quality 100"
+        quality={100}
+        width={300}
+        height={300}
+      />
+    </div>
+
+    <!-- Format: webp -->
+    <div class="example" data-test-id="edge-format-webp">
+      <h3>Format = webp</h3>
+      <Image
+        src="/default-image.jpg"
+        alt="webp format"
+        format="webp"
+        width={300}
+        height={300}
+      />
+    </div>
+
+    <!-- Format: avif -->
+    <div class="example" data-test-id="edge-format-avif">
+      <h3>Format = avif</h3>
+      <Image
+        src="/default-image.jpg"
+        alt="avif format"
+        format="avif"
+        width={300}
+        height={300}
+      />
+    </div>
+
+    <!-- Format: svg -->
+    <div class="example" data-test-id="edge-format-svg">
+      <h3>Format = svg</h3>
+      <Image
+        src="/default-image.jpg"
+        alt="svg format"
+        format="svg"
+        width={300}
+        height={300}
+      />
+    </div>
+
+    <!-- Multiple complex transformations -->
+    <div class="example" data-test-id="edge-complex-transformations">
+      <h3>Multiple complex transformations</h3>
+      <Image
+        src="/default-image.jpg"
+        alt="complex transformations"
+        transformation={[
+          { width: 200, height: 200 },
+          { rotation: 45 },
+          { blur: 10 },
+          { quality: 50 },
+          { overlayText: "WATERMARK" }
+        ]}
+        width={300}
+        height={300}
+      />
+    </div>
+
+    <!-- transformationPosition path with transformations -->
+    <div class="example" data-test-id="edge-transform-position-path">
+      <h3>transformationPosition="path" + transformations</h3>
+      <Image
+        src="/default-image.jpg"
+        alt="transformation path position"
+        transformationPosition="path"
+        transformation={[{ width: 200, height: 200 }, { quality: 75 }]}
+        width={300}
+        height={300}
+      />
+    </div>
+
+    <!-- transformationPosition query with complex query params -->
+    <div class="example" data-test-id="edge-transform-position-query">
+      <h3>transformationPosition="query" + queryParameters</h3>
+      <Image
+        src="/default-image.jpg"
+        alt="transformation query position"
+        transformationPosition="query"
+        transformation={[{ width: 200, height: 200 }]}
+        queryParameters={{
+          version: "v1",
+          custom: "param"
+        }}
+        width={300}
+        height={300}
+      />
+    </div>
+
+    <!-- Quality as string preset -->
+    <div class="example" data-test-id="edge-quality-preset-low">
+      <h3>Quality preset = "low"</h3>
+      <Image
+        src="/default-image.jpg"
+        alt="quality low preset"
+        quality="low"
+        width={300}
+        height={300}
+      />
+    </div>
+
+    <!-- Quality as string preset mid -->
+    <div class="example" data-test-id="edge-quality-preset-mid">
+      <h3>Quality preset = "mid"</h3>
+      <Image
+        src="/default-image.jpg"
+        alt="quality mid preset"
+        quality="mid"
+        width={300}
+        height={300}
+      />
+    </div>
+
+    <!-- Quality as string preset max -->
+    <div class="example" data-test-id="edge-quality-preset-max">
+      <h3>Quality preset = "max"</h3>
+      <Image
+        src="/default-image.jpg"
+        alt="quality max preset"
+        quality="max"
+        width={300}
+        height={300}
+      />
+    </div>
+
+    <!-- SHARP DELEGATION: non-IK srcs are routed through Astro's bundled sharp service. -->
+    <h2>Sharp delegation (non-ImageKit srcs)</h2>
+    <p>The following cases use srcs that are not ImageKit URLs. The integration delegates them to Astro's default sharp service, so they're served via Astro's <code>/_image</code> endpoint instead of being rewritten to <code>ik.imagekit.io</code>.</p>
+
+    <!-- Local imported asset (Vite-emitted /_astro/ path) -->
+    <div class="example" data-test-id="sharp-local-import">
+      <h3>Local imported asset (sharp)</h3>
+      <Image
+        src={heroImage}
+        alt="Local hero image processed by sharp"
+        width={300}
+      />
+    </div>
+
+    <!-- Allow-listed external URL (in image.domains) -->
+    <div class="example" data-test-id="sharp-external-allowed">
+      <h3>Allow-listed external URL (sharp)</h3>
+      <Image
+        src="https://placehold.co/600x400"
+        alt="External URL on an allow-listed host, processed by sharp"
+        width={600}
+        height={400}
+        inferSize={false}
+      />
+    </div>
+
+  </div>
+</body>
+</html>
diff --git a/test-app/src/pages/index.astro b/test-app/src/pages/index.astro
new file mode 100644
index 0000000..ca8ff4e
--- /dev/null
+++ b/test-app/src/pages/index.astro
@@ -0,0 +1,63 @@
+---
+---
+
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>@imagekit/astro Test App</title>
+  <style>
+    body {
+      font-family: system-ui, sans-serif;
+      max-width: 800px;
+      margin: 0 auto;
+      padding: 40px 20px;
+    }
+    h1 {
+      color: #333;
+    }
+    ul {
+      list-style: none;
+      padding: 0;
+    }
+    li {
+      margin-bottom: 15px;
+    }
+    a {
+      display: inline-block;
+      padding: 12px 24px;
+      background: #0066cc;
+      color: white;
+      text-decoration: none;
+      border-radius: 6px;
+      font-weight: 500;
+    }
+    a:hover {
+      background: #0055aa;
+    }
+    p {
+      color: #666;
+      margin-top: 30px;
+    }
+  </style>
+</head>
+<body>
+  <h1>@imagekit/astro Test App</h1>
+  <p>Select a test page:</p>
+  <ul>
+    <li><a href="/images">Image Component Tests</a></li>
+    <li><a href="/videos">Video Component Tests</a></li>
+    <li><a href="/og">OG Image Tags (&lt;OgImage&gt;)</a></li>
+    <li><a href="/md">Markdown Image Test</a></li>
+  </ul>
+
+  <hr style="margin: 40px 0; border: 0; border-top: 1px solid #eee;" />
+
+  <h2>Demo Features</h2>
+  <ul>
+    <li><a href="/upload" style="background: #28a745;">File Upload Demo</a></li>
+  </ul>
+
+</body>
+</html>
diff --git a/test-app/src/pages/md.md b/test-app/src/pages/md.md
new file mode 100644
index 0000000..47ad05b
--- /dev/null
+++ b/test-app/src/pages/md.md
@@ -0,0 +1,32 @@
+---
+layout: null
+title: Markdown image test
+---
+
+# Markdown image test
+
+This page verifies that `![alt](url)` in `.md` files is processed by Astro's image pipeline and routed through the `@imagekit/astro` image service.
+
+<div class="container">
+
+## ImageKit URL (primary endpoint host)
+
+![Imagekit URL](https://ik.imagekit.io/demo/default-image.jpg)
+
+## Custom IK domain (additionalEndpoints host)
+
+![Another custom IK URL](https://ik.imgkit.net/demo/default-image.jpg)
+
+## Local imported asset (delegated to sharp)
+
+![Local hero asset](../assets/hero.jpg)
+
+## Allow-listed external URL (delegated to sharp)
+
+![Allowed external URL](https://placehold.co/600x400)
+
+## Non-allow-listed external URL (rendered as-is by Astro)
+
+![Not allowed external URL](https://not-allowed-external-as-is.com/creatives/4a3a37e5-f135-4fdd-877f-488570c9d4bb/default.jpg?tr=cm-pad_resize,w-900)
+
+</div>
diff --git a/test-app/src/pages/og.astro b/test-app/src/pages/og.astro
new file mode 100644
index 0000000..caa5717
--- /dev/null
+++ b/test-app/src/pages/og.astro
@@ -0,0 +1,60 @@
+---
+import { OgImage, getOgImageUrl } from '@imagekit/astro';
+
+// Compute one URL via the helper to demonstrate the escape hatch
+const customUrl = getOgImageUrl({
+  src: '/default-image.jpg',
+  width: 1200,
+  height: 630,
+  transformation: [{ blur: 5 }],
+});
+---
+
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>OG Image Test</title>
+
+  <!-- Case 1: full options (component) -->
+  <OgImage
+    src="/default-image.jpg"
+    title="Hello from @imagekit/astro"
+    description="A demo of <OgImage> — single image URL used for both OG and Twitter, format auto-selected by ImageKit."
+    alt="Default ImageKit demo image"
+    type="article"
+  />
+
+  <!-- Case 2: helper escape hatch (rendered by hand) -->
+  <meta property="og:image:secondary" content={customUrl} />
+</head>
+<body>
+  <h1>&lt;OgImage&gt; Output</h1>
+  <p class="note">View source to see the generated &lt;meta&gt; tags injected into the page &lt;head&gt;.</p>
+
+  <h2>Helper-built secondary URL</h2>
+  <pre>{customUrl}</pre>
+
+  <style>
+    body {
+      font-family: system-ui, sans-serif;
+      max-width: 900px;
+      margin: 0 auto;
+      padding: 40px 20px;
+    }
+    pre {
+      background: #f6f8fa;
+      border: 1px solid #ddd;
+      border-radius: 6px;
+      padding: 12px;
+      overflow-x: auto;
+      font-size: 13px;
+    }
+    .note {
+      color: #666;
+      font-size: 14px;
+    }
+  </style>
+</body>
+</html>
diff --git a/test-app/src/pages/upload.astro b/test-app/src/pages/upload.astro
new file mode 100644
index 0000000..5a66af6
--- /dev/null
+++ b/test-app/src/pages/upload.astro
@@ -0,0 +1,170 @@
+---
+// src/pages/upload.astro
+---
+
+<html lang="en">
+<head>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <title>ImageKit Upload Demo</title>
+  <style>
+    body {
+      font-family: system-ui, sans-serif;
+      max-width: 800px;
+      margin: 0 auto;
+      padding: 40px 20px;
+      color: #333;
+    }
+    h1 {
+      color: #333;
+    }
+    .back-link {
+      display: inline-block;
+      margin-bottom: 20px;
+      color: #0066cc;
+      text-decoration: none;
+      font-size: 0.9rem;
+    }
+    .back-link:hover {
+      text-decoration: underline;
+    }
+    .upload-container {
+      margin-bottom: 30px;
+      padding: 20px;
+      border: 1px solid #eee;
+      border-radius: 8px;
+      background: #fafafa;
+    }
+    #file-input {
+      margin-right: 10px;
+    }
+    #upload-btn {
+      display: inline-block;
+      padding: 10px 24px;
+      background: #0066cc;
+      color: white;
+      border: none;
+      border-radius: 6px;
+      font-weight: 500;
+      cursor: pointer;
+      transition: background 0.2s;
+    }
+    #upload-btn:hover {
+      background: #0055aa;
+    }
+    #upload-btn:disabled {
+      background: #ccc;
+      cursor: not-allowed;
+    }
+    #status {
+      margin-top: 20px;
+      font-weight: 500;
+    }
+    .status-success {
+      color: #28a745;
+    }
+    .status-error {
+      color: #dc3545;
+    }
+    #result {
+      margin-top: 20px;
+      background: #f4f4f4;
+      padding: 15px;
+      border-radius: 4px;
+      min-height: 50px;
+      overflow-x: auto;
+      font-family: monospace;
+      font-size: 14px;
+      white-space: pre-wrap;
+      word-break: break-all;
+    }
+    .image-preview {
+      margin-top: 20px;
+      display: flex;
+      flex-wrap: wrap;
+      gap: 1em;
+    }
+    .image-preview img {
+      max-width: 20em;
+      height: auto;
+      border: 1px solid #eee;
+      border-radius: 4px;
+    }
+  </style>
+</head>
+<body>
+  <a href="/" class="back-link">&larr; Back to Home</a>
+  <h1>ImageKit Upload Demo</h1>
+  
+  <div class="upload-container">
+    <input type="file" id="file-input" />
+    <button id="upload-btn">Upload</button>
+  </div>
+
+  <div id="status"></div>
+  <div id="result-container">
+    <p style="margin-bottom: 0;"> Upload result: </p>
+    <pre id="result"></pre>
+    <div id="image-preview"></div>
+  </div>
+
+  <script>
+    import { upload } from '@imagekit/javascript';
+
+    const fileInput = document.getElementById('file-input') as HTMLInputElement;
+    const uploadBtn = document.getElementById('upload-btn') as HTMLButtonElement;
+    const result = document.getElementById('result') as HTMLPreElement;
+    const status = document.getElementById('status') as HTMLDivElement;
+    const imagePreview = document.getElementById('image-preview') as HTMLDivElement;
+
+    uploadBtn.addEventListener('click', async () => {
+      const file = fileInput.files?.[0];
+      if (!file) {
+        status.textContent = 'Please select a file first.';
+        status.className = 'status-error';
+        return;
+      }
+
+      status.textContent = 'Uploading...';
+      status.className = '';
+      result.textContent = '';
+
+      try {
+        // Fetch auth params from your server endpoint
+        const res = await fetch('/api/upload-auth');
+        if (!res.ok) {
+          throw new Error(`Failed to fetch auth params: ${res.statusText}`);
+        }
+        const authParams = await res.json();
+
+        // Note: In a real app, you'd use the actual public key from your env
+        // For this demo, we assume it's available or provided.
+        // Since we can't easily access import.meta.env on client in this specific way without config,
+        // we'll use a placeholder or assume it's passed.
+        // However, for the demo to work, we need the public key.
+        // Let's assume the user has configured it.
+        
+        const response = await upload({
+          file,
+          fileName: file.name,
+          publicKey: import.meta.env.PUBLIC_IMAGEKIT_PUBLIC_KEY,
+          ...authParams,
+        });
+
+        status.textContent = 'Upload successful!';
+        status.className = 'status-success';
+        result.textContent = JSON.stringify(response, null, 2);
+        const img = document.createElement('img');
+        img.src = `${response.url}?tr=orig-true`;
+        img.alt = 'Uploaded Image';
+        imagePreview.appendChild(img);
+      } catch (error) {
+        console.error(error);
+        status.textContent = 'Upload failed.';
+        status.className = 'status-error';
+        result.textContent = error instanceof Error ? error.message : String(error);
+      }
+    });
+  </script>
+</body>
+</html>
diff --git a/test-app/src/pages/videos.astro b/test-app/src/pages/videos.astro
new file mode 100644
index 0000000..ecd9e93
--- /dev/null
+++ b/test-app/src/pages/videos.astro
@@ -0,0 +1,198 @@
+---
+import { Video } from '@imagekit/astro';
+---
+
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Video Tests</title>
+</head>
+<body>
+  <div class="container">
+    <h1>Video Component Tests</h1>
+
+    <!-- Basic video with urlEndpoint prop -->
+    <div class="example">
+      <h3>Basic Video with urlEndpoint prop</h3>
+      <Video
+        src="sample-video.mp4"
+        title="Video with urlEndpoint prop"
+        height={300}
+        width={300}
+        controls
+      />
+    </div>
+
+    <!-- Video with leading slash in src -->
+    <div class="example">
+      <h3>Video with leading slash in src</h3>
+      <Video
+        src="/sample-video.mp4"
+        title="Video with leading slash"
+        height={300}
+        width={300}
+        controls
+      />
+    </div>
+
+    <!-- Video with transformations -->
+    <div class="example">
+      <h3>Video with transformations</h3>
+      <Video
+        src="sample-video.mp4"
+        title="Video with transformations"
+        transformation={[{ height: 100, width: 100 }]}
+        height={300}
+        width={300}
+        controls
+      />
+    </div>
+
+    <!-- urlEndpoint override -->
+    <div class="example">
+      <h3>Video with different urlEndpoint</h3>
+      <Video
+        urlEndpoint="https://ik.imagekit.io/demo2/"
+        src="sample-video.mp4"
+        title="Video with urlEndpoint override"
+        height={300}
+        width={300}
+        transformation={[{ height: 100, width: 100 }]}
+        controls
+      />
+    </div>
+
+    <!-- transformationPosition="path" -->
+    <div class="example">
+      <h3>Video with transformationPosition="path"</h3>
+      <Video
+        urlEndpoint="https://ik.imagekit.io/demo/"
+        src="sample-video.mp4"
+        title="Video with path transformation"
+        transformationPosition="path"
+        height={300}
+        width={300}
+        transformation={[{ height: 100, width: 100 }]}
+        controls
+      />
+    </div>
+
+    <!-- Video with custom class -->
+    <div class="example">
+      <h3>Video with custom class</h3>
+      <Video
+        urlEndpoint="https://ik.imagekit.io/demo/"
+        src="sample-video.mp4"
+        title="Video with custom class"
+        class="custom-video-class"
+        height={300}
+        width={300}
+        controls
+      />
+    </div>
+
+    <!-- Video with queryParameters -->
+    <div class="example">
+      <h3>Video with queryParameters</h3>
+      <Video
+        urlEndpoint="https://ik.imagekit.io/demo/"
+        src="sample-video.mp4"
+        title="Video with queryParameters"
+        queryParameters={{
+          version: "v2",
+        }}
+        height={300}
+        width={300}
+        controls
+      />
+    </div>
+
+    <!-- Video with chained transformations -->
+    <div class="example">
+      <h3>Video with chained transformations</h3>
+      <Video
+        urlEndpoint="https://ik.imagekit.io/demo/"
+        src="sample-video.mp4"
+        title="Video with chained transformations"
+        transformation={[
+          { width: 200, height: 200 },
+          { quality: 80 },
+        ]}
+        height={300}
+        width={300}
+        controls
+      />
+    </div>
+
+    <!-- Video without controls (for autoplay scenarios) -->
+    <div class="example">
+      <h3>Video without controls (autoplay, muted, loop)</h3>
+      <Video
+        urlEndpoint="https://ik.imagekit.io/demo/"
+        src="sample-video.mp4"
+        title="Autoplay video"
+        height={200}
+        width={300}
+        autoplay
+        muted
+        loop
+      />
+    </div>
+
+    <!-- transformationPosition="path" with transformations -->
+    <div class="example" data-test-id="video-edge-transform-path">
+      <h3>transformationPosition="path" with transformations</h3>
+      <Video
+        urlEndpoint="https://ik.imagekit.io/demo/"
+        src="sample-video.mp4"
+        title="path transformation position"
+        transformationPosition="path"
+        transformation={[{ width: 200, height: 200 }]}
+        width={300}
+        height={300}
+        controls
+      />
+    </div>
+
+    <!-- transformationPosition="query" with queryParameters -->
+    <div class="example" data-test-id="video-edge-transform-query">
+      <h3>transformationPosition="query" + queryParameters</h3>
+      <Video
+        urlEndpoint="https://ik.imagekit.io/demo/"
+        src="sample-video.mp4"
+        title="query transformation position"
+        transformationPosition="query"
+        queryParameters={{
+          version: "v2",
+          custom: "value"
+        }}
+        width={300}
+        height={300}
+        controls
+      />
+    </div>
+
+    <!-- All HTML video attributes together -->
+    <div class="example" data-test-id="video-edge-all-attributes">
+      <h3>All HTML attributes combined</h3>
+      <Video
+        urlEndpoint="https://ik.imagekit.io/demo/"
+        src="sample-video.mp4"
+        title="all attributes"
+        width={300}
+        height={300}
+        controls
+        autoplay
+        loop
+        muted
+        preload="metadata"
+        crossorigin="anonymous"
+        data-test="custom-attribute"
+      />
+    </div>
+
+  </div>
+</body>
+</html>
diff --git a/test-app/tsconfig.json b/test-app/tsconfig.json
new file mode 100644
index 0000000..051dd7d
--- /dev/null
+++ b/test-app/tsconfig.json
@@ -0,0 +1,8 @@
+{
+  "extends": "astro/tsconfigs/strict",
+  "compilerOptions": {
+    "skipLibCheck": true,
+    "types": ["node"]
+  },
+  "include": ["src/**/*", "src/env.d.ts"]
+}