docs-i18n 0.9.2 → 0.11.0

package/template/content/docs-i18n/en/deployment.md

@@ -107,22 +107,31 @@ jobs:
 │  Development (local)                                      │
 │                                                          │
 │  docs-i18n admin ──→ Pre-built Node.js server (port 3456)│
-│  docs-i18n site  ──→ Vite dev server (port 3000)         │
+│  docs-i18n site  ──→ Pre-built Node.js server (port 3000)│
+│  docs-i18n site --custom ──→ Vite dev server (port 3000) │
 │                      ↕ reads content/ + .cache/           │
 └──────────────────────────────────────────────────────────┘
 
 ┌──────────────────────────────────────────────────────────┐
 │  Production (Cloudflare Workers)                          │
 │                                                          │
-│  docs-i18n site build ──→ .output/                       │
-│  docs-i18n site upload ──→ D1 (translations)             │
-│  docs-i18n site deploy ──→ CF Workers (SSR)              │
+│  docs-i18n site upload ──→ D1 (content + translations)   │
+│  DOCS_I18N_CF=1 vite build ──→ CF Workers bundle         │
+│  wrangler deploy ──→ CF Workers (SSR + D1)               │
 │                                                          │
-│  Request → Worker → fetch EN content → D1 translate      │
-│                   → SSR render → response                │
+│  Request → Worker → D1 content → SSR render → response   │
+│                     CF Assets serves static files         │
 └──────────────────────────────────────────────────────────┘
 ```
 
+### Site startup modes
+
+| Mode | Command | Speed | Use case |
+| --- | --- | --- | --- |
+| Pre-built | `docs-i18n site` | Instant (<1s) | Default for local dev, reads filesystem |
+| Custom/dev | `docs-i18n site --custom` | ~3s | When you need Vite HMR or custom components |
+| CF Workers | `DOCS_I18N_CF=1 vite build` + `wrangler deploy` | Production | SSR on the edge with D1 |
+
 ## Admin Dashboard
 
 The admin dashboard is pre-built and requires no additional dependencies. It runs as a local Node.js server.
@@ -135,88 +144,96 @@ npx docs-i18n admin --port 4000
 
 It reads your `docs-i18n.config.ts` to discover projects, versions, and languages.
 
-## Runtime Translation with D1
+## Deploying to Cloudflare Workers
 
-For SSR sites that fetch markdown at runtime (e.g., TanStack Start on Cloudflare Workers), docs-i18n provides a lightweight runtime translator that queries Cloudflare D1 for cached translations.
+The documentation site can be deployed to Cloudflare Workers for production SSR with edge performance. Content is served from D1, static assets from CF Assets.
 
-### How it works
+### Step-by-step deployment
 
-The `createTranslator` function from `docs-i18n/serve` creates a translator instance. When `translate()` is called:
+#### 1. Create a D1 database
 
-1. The markdown is parsed into AST nodes using the same parser as the CLI.
-2. Translatable nodes' MD5 keys are collected.
-3. A batch query is sent to D1 to look up all translations for the given language.
-4. The content is reassembled: translated nodes use the D1 cache value, untranslated nodes fall back to the original English text.
-
-### Setup
+```bash
+wrangler d1 create docs-i18n-db
+```
 
-#### 1. Export translations to D1
+Note the `database_id` from the output.
+
+#### 2. Create `wrangler.jsonc` in your project root
+
+```jsonc
+{
+  "name": "my-docs-site",
+  "compatibility_date": "2025-01-01",
+  "compatibility_flags": ["nodejs_compat_v2"],
+  "main": "./app/worker.ts",
+  "assets": {
+    "directory": "dist/client"
+  },
+  "d1_databases": [
+    {
+      "binding": "DB",
+      "database_name": "docs-i18n-db",
+      "database_id": "your-database-id-here"
+    }
+  ]
+}
+```
 
-First, translate your content using the CLI as normal. Then export the SQLite cache to D1. You can use Wrangler to create a D1 database and import the translations:
+#### 3. Upload content to D1
 
 ```bash
-# Create a D1 database
-wrangler d1 create docs-translations
+docs-i18n site upload --db docs-i18n-db
+```
 
-# Export the translations table from your local SQLite
-sqlite3 .cache/translations.db ".dump translations" > translations.sql
+This walks your `content/` directory and inserts all markdown files + config into the D1 database.
 
-# Import into D1
-wrangler d1 execute docs-translations --file=translations.sql
+#### 4. Build for CF Workers
+
+```bash
+DOCS_I18N_CF=1 docs-i18n site build
 ```
 
-Make sure the D1 database has the same `translations` table schema:
-
-```sql
-CREATE TABLE IF NOT EXISTS translations (
-  lang       TEXT NOT NULL,
-  key        TEXT NOT NULL,
-  value      TEXT NOT NULL,
-  created_at INTEGER NOT NULL DEFAULT (unixepoch()),
-  updated_at INTEGER NOT NULL DEFAULT (unixepoch()),
-  PRIMARY KEY (lang, key)
-);
+The `DOCS_I18N_CF=1` flag enables the `@cloudflare/vite-plugin`, producing a CF Workers-compatible bundle instead of a Node.js one.
+
+#### 5. Deploy
+
+```bash
+wrangler deploy
 ```
 
-#### 2. Use the translator in your Worker
+Your site is now live on `https://your-worker.workers.dev`.
 
-```ts
-import { createTranslator } from 'docs-i18n/serve';
+### How it works
 
-const translator = createTranslator();
+- **Worker entry** (`app/worker.ts`): Receives requests, injects the D1 binding into `globalThis.__D1_DB`, then delegates to TanStack Start's server entry for SSR.
+- **Content loading**: The server auto-detects D1 via `globalThis.__D1_DB`. When available, it uses `createD1Loader` instead of the filesystem loader.
+- **Static assets**: CSS, JS, fonts, and images are served directly by CF Assets from `dist/client/`.
+- **SSR**: Full server-side rendering with streamed HTML responses. The markdown rendering uses `dangerouslySetInnerHTML` as a fallback on CF Workers (since `html-react-parser`'s DOM-based parser isn't available), with full client-side hydration.
 
-// In your request handler (e.g., TanStack Start server function):
-export async function getTranslatedDoc(
-  repo: string,
-  branch: string,
-  filePath: string,
-  lang: string,
-  env: { DB: D1Database },
-) {
-  // Fetch the English markdown from GitHub
-  const enMarkdown = await fetchFromGitHub(repo, branch, filePath);
+### Performance
 
-  // If the requested language is English, return as-is
-  if (lang === 'en') return enMarkdown;
+- D1 content queries typically complete in <10ms.
+- Worker startup time is ~15-20ms (cold start).
+- Static assets are served from CF's edge CDN with long cache headers.
+- SSR responses include full HTML content for SEO and fast initial render.
 
-  // Translate using D1 cache
-  const translated = await translator.translate(enMarkdown, lang, env.DB);
-  return translated;
-}
-```
+## Runtime Translation with D1
 
-#### 3. Bind D1 in wrangler.toml
+For non-English content, docs-i18n provides runtime translation assembly. The site loads English source from D1, then assembles translated content by looking up cached translations.
 
-```toml
-[[d1_databases]]
-binding = "DB"
-database_name = "docs-translations"
-database_id = "your-database-id"
-```
+### How it works
+
+1. The English markdown is loaded from the D1 `content` table.
+2. For non-English requests, the `assemble()` function from `docs-i18n` parses the markdown into nodes and looks up translations by MD5 key in the `translations` table.
+3. Translated nodes use the cached value; untranslated nodes fall back to the original English text.
+4. The assembled content is rendered via SSR.
+
+### Uploading translations
 
-### Performance considerations
+After running `docs-i18n translate` locally, upload the translation cache to D1:
+
+```bash
+docs-i18n site upload --db docs-i18n-db
+```
 
-- The translator uses a single batch query to D1, so latency scales with the number of translatable nodes (typically under 50ms for a standard documentation page).
-- English content (`lang === 'en'`) short-circuits immediately without parsing or querying.
-- The parser runs on every request since the English source is fetched at runtime. For heavy traffic, consider caching the translated output at the edge.
-- Untranslated nodes gracefully fall back to English, so partial translations work without errors.
+This uploads both content files and the translation cache (sources + translations tables).

package/template/dist/client/assets/{Doc-CGhUfH9r.js → Doc-BKO69_nz.js}

@@ -1 +1 @@
-import{z as C,o as E,j as e,r as l,s as W,t as A}from"./main-C8MldI1o.js";import{u as S,a as L,b as T}from"./DocsLayout-CoPL9BM9.js";import{B as O,r as U,F as $,M as V,a as _}from"./MarkdownHeadingContext-CwDqQdSh.js";const G=C("FoldHorizontal",[["path",{d:"M2 12h6",key:"1wqiqv"}],["path",{d:"M22 12h-6",key:"1eg9hc"}],["path",{d:"M12 2v2",key:"tus03m"}],["path",{d:"M12 8v2",key:"1woqiv"}],["path",{d:"M12 14v2",key:"8jcxud"}],["path",{d:"M12 20v2",key:"1lh1kg"}],["path",{d:"m19 9-3 3 3 3",key:"12ol22"}],["path",{d:"m5 15 3-3-3-3",key:"1kdhjc"}]]);const J=C("UnfoldHorizontal",[["path",{d:"M16 12h6",key:"15xry1"}],["path",{d:"M8 12H2",key:"1jqql6"}],["path",{d:"M12 2v2",key:"tus03m"}],["path",{d:"M12 8v2",key:"1woqiv"}],["path",{d:"M12 14v2",key:"8jcxud"}],["path",{d:"M12 20v2",key:"1lh1kg"}],["path",{d:"m19 15 3-3-3-3",key:"wjy7rq"}],["path",{d:"m5 9-3 3 3 3",key:"j64kie"}]]);function K(i,n){for(const t of i.sections){for(const r of t.children)if(r.to===n)return t.label;if(t.frameworks){for(const r of t.frameworks)for(const o of r.children)if(o.to===n)return t.label}}return null}function P({config:i,headings:n}){const{_splat:t,framework:r}=E({strict:!1}),o=r?`framework/${r}/${t}`:t,h=o?K(i,o):null;return h?e.jsx(O,{section:h,headings:n,tocHiddenBreakpoint:"lg"}):null}function ee({title:i,content:n,repo:t,branch:r,filePath:o,shouldRenderToc:h=!0,colorFrom:H,colorTo:N,textColor:q,config:w,footer:B,framework:g,isFallback:D=!1,locale:y}){const{headings:u,markup:R}=l.useMemo(()=>U(n),[n]),{framework:v}=E({strict:!1}),j=S(),M=l.useMemo(()=>{const s=g||v||j.currentFramework||"react";return typeof s=="string"?s.toLowerCase():s},[g,v,j.currentFramework]),f=h&&u.length>1,b=l.useRef(null),[z,I]=l.useState([]),m=l.useRef({});let c=!1,k;try{const s=L();c=s.isFullWidth,k=s.setIsFullWidth}catch{}return l.useEffect(()=>{const s=x=>{m.current=x.reduce((a,d)=>(a[d.target.id]=d,a),m.current);const p=[];Object.keys(m.current).forEach(a=>{const d=m.current[a];d.isIntersecting&&p.push(d)}),p.length>=1&&I(p.map(a=>a.target.id))},F=new IntersectionObserver(s,{rootMargin:"0px",threshold:.2});return Array.from(b.current?.querySelectorAll("h2[id], h3[id], h4[id], h5[id], h6[id]")??[]).forEach(x=>F.observe(x)),()=>F.disconnect()},[u]),e.jsxs("div",{className:"flex-1 min-h-0 flex flex-col pt-4 lg:pt-6 xl:pt-8",children:[D&&y&&e.jsx($,{locale:y}),e.jsxs("div",{className:A("w-full flex mx-auto max-w-[768px]",(f||c)&&"max-w-full"),children:[e.jsxs("div",{className:"flex flex-col w-full min-w-0",children:[w&&e.jsx("div",{className:"mb-3",children:e.jsx(P,{config:w,headings:f?u:void 0})}),e.jsx(V,{title:i,repo:t,branch:r,filePath:o,htmlMarkup:R,containerRef:b,currentFramework:M,customComponents:W.components,titleBarActions:k?e.jsx("button",{onClick:()=>k(!c),className:"p-2 mr-4 text-gray-600 hover:text-gray-800 dark:text-gray-400 dark:hover:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-700 rounded-lg transition-colors shrink-0 hidden [@media(min-width:1535px)]:inline-flex",title:c?"Constrain width":"Expand width",children:c?e.jsx(G,{className:"w-4 h-4"}):e.jsx(J,{className:"w-4 h-4"})}):null}),B??e.jsx(T,{})]}),f&&e.jsx("div",{className:"pl-4 w-32 lg:w-36 xl:w-44 2xl:w-56 3xl:w-64 shrink-0 hidden lg:block transition-all",children:e.jsx(_,{headings:u,activeHeadings:z,colorFrom:H,colorTo:N,textColor:q,currentFramework:M})})]})]})}export{ee as D};
+import{z as C,o as E,j as e,r as l,s as W,t as A}from"./main-DqZtiCro.js";import{u as S,a as L,b as T}from"./DocsLayout-BGugXxEQ.js";import{B as O,r as U,F as $,M as V,a as _}from"./MarkdownHeadingContext-CdvUDZFU.js";const G=C("FoldHorizontal",[["path",{d:"M2 12h6",key:"1wqiqv"}],["path",{d:"M22 12h-6",key:"1eg9hc"}],["path",{d:"M12 2v2",key:"tus03m"}],["path",{d:"M12 8v2",key:"1woqiv"}],["path",{d:"M12 14v2",key:"8jcxud"}],["path",{d:"M12 20v2",key:"1lh1kg"}],["path",{d:"m19 9-3 3 3 3",key:"12ol22"}],["path",{d:"m5 15 3-3-3-3",key:"1kdhjc"}]]);const J=C("UnfoldHorizontal",[["path",{d:"M16 12h6",key:"15xry1"}],["path",{d:"M8 12H2",key:"1jqql6"}],["path",{d:"M12 2v2",key:"tus03m"}],["path",{d:"M12 8v2",key:"1woqiv"}],["path",{d:"M12 14v2",key:"8jcxud"}],["path",{d:"M12 20v2",key:"1lh1kg"}],["path",{d:"m19 15 3-3-3-3",key:"wjy7rq"}],["path",{d:"m5 9-3 3 3 3",key:"j64kie"}]]);function K(i,n){for(const t of i.sections){for(const r of t.children)if(r.to===n)return t.label;if(t.frameworks){for(const r of t.frameworks)for(const o of r.children)if(o.to===n)return t.label}}return null}function P({config:i,headings:n}){const{_splat:t,framework:r}=E({strict:!1}),o=r?`framework/${r}/${t}`:t,h=o?K(i,o):null;return h?e.jsx(O,{section:h,headings:n,tocHiddenBreakpoint:"lg"}):null}function ee({title:i,content:n,repo:t,branch:r,filePath:o,shouldRenderToc:h=!0,colorFrom:H,colorTo:N,textColor:q,config:w,footer:B,framework:g,isFallback:D=!1,locale:y}){const{headings:u,markup:R}=l.useMemo(()=>U(n),[n]),{framework:v}=E({strict:!1}),j=S(),M=l.useMemo(()=>{const s=g||v||j.currentFramework||"react";return typeof s=="string"?s.toLowerCase():s},[g,v,j.currentFramework]),f=h&&u.length>1,b=l.useRef(null),[z,I]=l.useState([]),m=l.useRef({});let c=!1,k;try{const s=L();c=s.isFullWidth,k=s.setIsFullWidth}catch{}return l.useEffect(()=>{const s=x=>{m.current=x.reduce((a,d)=>(a[d.target.id]=d,a),m.current);const p=[];Object.keys(m.current).forEach(a=>{const d=m.current[a];d.isIntersecting&&p.push(d)}),p.length>=1&&I(p.map(a=>a.target.id))},F=new IntersectionObserver(s,{rootMargin:"0px",threshold:.2});return Array.from(b.current?.querySelectorAll("h2[id], h3[id], h4[id], h5[id], h6[id]")??[]).forEach(x=>F.observe(x)),()=>F.disconnect()},[u]),e.jsxs("div",{className:"flex-1 min-h-0 flex flex-col pt-4 lg:pt-6 xl:pt-8",children:[D&&y&&e.jsx($,{locale:y}),e.jsxs("div",{className:A("w-full flex mx-auto max-w-[768px]",(f||c)&&"max-w-full"),children:[e.jsxs("div",{className:"flex flex-col w-full min-w-0",children:[w&&e.jsx("div",{className:"mb-3",children:e.jsx(P,{config:w,headings:f?u:void 0})}),e.jsx(V,{title:i,repo:t,branch:r,filePath:o,htmlMarkup:R,containerRef:b,currentFramework:M,customComponents:W.components,titleBarActions:k?e.jsx("button",{onClick:()=>k(!c),className:"p-2 mr-4 text-gray-600 hover:text-gray-800 dark:text-gray-400 dark:hover:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-700 rounded-lg transition-colors shrink-0 hidden [@media(min-width:1535px)]:inline-flex",title:c?"Constrain width":"Expand width",children:c?e.jsx(G,{className:"w-4 h-4"}):e.jsx(J,{className:"w-4 h-4"})}):null}),B??e.jsx(T,{})]}),f&&e.jsx("div",{className:"pl-4 w-32 lg:w-36 xl:w-44 2xl:w-56 3xl:w-64 shrink-0 hidden lg:block transition-all",children:e.jsx(_,{headings:u,activeHeadings:z,colorFrom:H,colorTo:N,textColor:q,currentFramework:M})})]})]})}export{ee as D};

package/template/dist/client/assets/{DocsLayout-CoPL9BM9.js → DocsLayout-BGugXxEQ.js}

@@ -1,4 +1,4 @@
-import{z as L,r as n,B as K,o as I,j as e,S as Q,D as fe,L as E,q as w,t as b,E as xe,F as H,G as ge,M as U,C as J}from"./main-C8MldI1o.js";import{F as he}from"./Footer-4faHyha8.js";import{c as X}from"./react-C0klD_r9.js";const pe=L("ChevronLeft",[["path",{d:"m15 18-6-6 6-6",key:"1wnfg3"}]]);const ve=L("ChevronRight",[["path",{d:"m9 18 6-6-6-6",key:"mthhwq"}]]);const be=L("Tag",[["path",{d:"M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z",key:"vktsd0"}],["circle",{cx:"7.5",cy:"7.5",r:".5",fill:"currentColor",key:"kqv944"}]]);function we(r){if(typeof window>"u")return;const t=localStorage.getItem(r);if(t)try{const l=JSON.parse(t);if(!l.ttl)return l.value;if(new Date().getTime()>l.ttl){localStorage.removeItem(r);return}return l.value}catch{localStorage.removeItem(r);return}}function ke(r,t,l){const[a,s]=n.useState(t);return n.useEffect(()=>{const d=we(r);d!==void 0&&s(d)},[r]),n.useEffect(()=>{localStorage.setItem(r,JSON.stringify({value:a,ttl:null}))},[r,a,l]),[a,s]}function je(r){return r[r.length-1]}const Y=[{label:"React",value:"react",logo:"/images/frameworks/react-logo.svg",color:"bg-blue-500",fontColor:"text-sky-500"},{label:"Preact",value:"preact",logo:"/images/frameworks/preact-logo.svg",color:"bg-purple-500",fontColor:"text-purple-500"},{label:"Vue",value:"vue",logo:"/images/frameworks/vue-logo.svg",color:"bg-green-500",fontColor:"text-green-500"},{label:"Angular",value:"angular",logo:"/images/frameworks/angular-logo.svg",color:"bg-red-500",fontColor:"text-fuchsia-500"},{label:"Solid",value:"solid",logo:"/images/frameworks/solid-logo.svg",color:"bg-blue-600",fontColor:"text-blue-600"},{label:"Lit",value:"lit",logo:"/images/frameworks/lit-logo.svg",color:"bg-emerald-500",fontColor:"text-emerald-500"},{label:"Svelte",value:"svelte",logo:"/images/frameworks/svelte-logo.svg",color:"bg-orange-600",fontColor:"text-orange-600"},{label:"Qwik",value:"qwik",logo:"/images/frameworks/qwik-logo.svg",color:"bg-indigo-500",fontColor:"text-indigo-500"},{label:"Vanilla",value:"vanilla",logo:"/images/frameworks/js-logo.svg",color:"bg-yellow-500",fontColor:"text-yellow-500"}];function ye(r){return Y.filter(t=>r.includes(t.value))}function _({frameworks:r}){const t=Ce({frameworks:r}),l=t.available.find(a=>a.value===t.selected);return e.jsx(Q,{className:"w-full",icon:l?.logo?e.jsx("img",{src:l.logo,alt:l.label,className:"w-4 h-4"}):void 0,selected:t.selected,available:t.available,onSelect:t.onSelect})}const Ne=X(r=>({currentFramework:typeof document<"u"&&localStorage.getItem("framework")||void 0,setCurrentFramework:t=>{localStorage.setItem("framework",t),r({currentFramework:t})}}));function Ce({frameworks:r}){const t=O(r);return n.useMemo(()=>({label:"Framework",selected:r.includes(t.framework)?t.framework:"react",available:ye(r),onSelect:a=>{t.setFramework(a.value)}}),[r,t])}function O(r){const t=K(),{framework:l}=I({strict:!1}),a=Ne();let s=l||a.currentFramework||"react";s=r.includes(s)?s:"react";const d=n.useCallback(i=>{t({params:{framework:i}}),a.setCurrentFramework(i)},[a,t]);return n.useEffect(()=>{a.currentFramework||a.setCurrentFramework(s),l&&l!==a.currentFramework&&a.setCurrentFramework(l)}),{framework:s,setFramework:d}}function B({versions:r}){const t=Ie({versions:r});return e.jsx(Q,{className:"w-full",icon:e.jsx(be,{className:"w-3.5 h-3.5 opacity-60"}),selected:t.selected,available:t.available,onSelect:t.onSelect})}const Se=X(r=>({currentVersion:typeof document<"u"&&localStorage.getItem("version")||void 0,setCurrentVersion:t=>{localStorage.setItem("version",t),r({currentVersion:t})}}));function Fe(r){const t=K(),{version:l}=I({strict:!1}),a=Se();let s=l||a.currentVersion||"latest";s=r.includes(s)?s:"latest";const d=n.useCallback(i=>{t({params:{version:i}}),a.setCurrentVersion(i)},[a,t]);return n.useEffect(()=>{a.currentVersion||a.setCurrentVersion(s),l&&l!==a.currentVersion&&a.setCurrentVersion(l)}),{version:s,setVersion:d}}function Ie({versions:r}){const t=Fe(r);return n.useMemo(()=>{const a=r.reduce((s,d)=>(s.push({label:d,value:d}),s),[{label:"Latest",value:"latest"}]);return{label:"Version",selected:r.includes(t.version)?t.version:"latest",available:a,onSelect:s=>{t.setVersion(s.value)}}},[t,r])}function Me({menuConfig:r,activeItem:t,fullPathname:l,colorFrom:a,colorTo:s,frameworkLogo:d,version:i,onHover:y,onClick:N}){const f=[];r.forEach(c=>{f.push({label:c.label,isSection:!0}),c.children?.forEach(x=>{f.push({to:x.to,label:x.label,isSection:!1})})});const h=c=>{if(!c||c.startsWith("http"))return!1;if(c===t)return!0;if(c==="..")return l.match(/^\/[^/]+\/[^/]+\/?$/)!==null;if(c==="./framework")return l.includes("/docs/framework")&&!l.match(/\/docs\/framework\/[^/]+/);if(c.includes("/$libraryId")){const x=c.split("/docs/")[1];if(x&&l.includes(`/docs/${x}`))return!0}return!1};return e.jsxs("button",{type:"button",className:"flex flex-col gap-2 py-2 px-2 cursor-pointer h-full w-full focus:outline-none focus:ring-2 focus:ring-inset focus:ring-gray-400/50",onPointerEnter:y,onFocus:y,onClick:N,"aria-label":"Open documentation menu",children:[e.jsxs("div",{className:"flex flex-col gap-2 shrink-0",children:[e.jsx("div",{className:"flex items-center justify-center",children:e.jsx("span",{className:"flex items-center justify-center w-6 h-6",children:d?e.jsx("img",{src:d,alt:"",className:"w-4 h-4"}):e.jsx(U,{className:"w-3.5 h-3.5 opacity-60"})})}),e.jsx("div",{className:"flex items-center justify-center",children:e.jsx("span",{className:"flex items-center justify-center px-1 py-0.5 text-[9px] font-medium opacity-60 border border-gray-500/30 rounded",children:i})})]}),e.jsx("div",{className:"flex-1 flex flex-col gap-1 min-h-0",children:f.map((c,x)=>{const p=!c.isSection&&h(c.to);return e.jsx("div",{className:b("flex-1 min-h-[4px] max-h-[9px] min-w-[20px] rounded-sm",c.isSection?"w-full bg-current opacity-15":p?"ml-2 w-[calc(100%-0.5rem)]":"ml-2 w-[calc(100%-0.5rem)] bg-current opacity-[0.06]"),style:!c.isSection&&p?{backgroundImage:`linear-gradient(to right, ${w(a)}, ${w(s)})`}:void 0,title:typeof c.label=="string"?c.label:`Item ${x+1}`},x)})})]})}const Z=n.createContext(null),De=()=>{const r=n.useContext(Z);if(!r)throw new Error("useWidthToggle must be used within a WidthToggleProvider");return r},ee=n.createContext(null),Ve=()=>n.useContext(ee);function Ae(){const r=Ve();if(!r)return null;const{prevItem:t,nextItem:l,colorFrom:a,colorTo:s,textColor:d,docsBasePath:i}=r;return!t&&!l?null:e.jsxs("div",{className:"sticky flex items-stretch bottom-2 z-10 right-0 text-[10px] sm:text-xs md:text-sm print:hidden",children:[e.jsx("div",{className:"flex-1 flex justify-start",children:t?e.jsxs(J,{as:E,from:i,to:t.to,params:!0,className:"py-1 px-2 sm:py-2 sm:px-3 flex items-center gap-1 sm:gap-2",children:[e.jsx(pe,{className:"w-3 h-3 sm:w-4 sm:h-4"}),e.jsxs("div",{className:"flex flex-col",children:[e.jsx("span",{className:"hidden sm:block text-[10px] uppercase tracking-wider opacity-60 mb-0.5",children:"Previous"}),e.jsx("span",{className:"font-bold",children:t.label})]})]}):null}),e.jsx("div",{className:"flex-1 flex justify-end",children:l?e.jsxs(J,{as:E,from:i,to:l.to,params:!0,className:"py-1 px-2 sm:py-2 sm:px-3 flex items-center gap-1 sm:gap-2",children:[e.jsxs("div",{className:"flex flex-col items-end",children:[e.jsx("span",{className:"hidden sm:block text-[10px] uppercase tracking-wider opacity-60 mb-0.5",children:"Next"}),e.jsx("span",{className:"font-bold text-right bg-clip-text text-transparent",style:{backgroundImage:`linear-gradient(to right, ${w(a)}, ${w(s)})`},children:l.label})]}),e.jsx(ve,{className:"w-3 h-3 sm:w-4 sm:h-4",style:{color:w(d)}})]}):null})]})}const $e=({config:r,repo:t,frameworks:l,libraryId:a})=>{const s=O(l);return[{label:"Menu",children:[{label:"Home",to:".."},...l.length>1?[{label:"Frameworks",to:"./framework"}]:[],{label:e.jsxs("div",{className:"flex items-center gap-2",children:["GitHub ",e.jsx(ge,{className:"opacity-20"})]}),to:`https://github.com/${t}`}]},...r.sections.map(i=>{const N=i.frameworks?.find(h=>h.label===s.framework)?.children??[],f=[...(i.children??[]).map(h=>({...h,badge:"core"})),...N.map(h=>({...h,badge:s.framework}))];if(f.length!==0)return{label:i.label,children:f,collapsible:i.collapsible??!1,defaultCollapsed:i.defaultCollapsed??!1}})].filter(i=>i!==void 0)};function Te({colorFrom:r,colorTo:t,textColor:l,config:a,frameworks:s,versions:d,repo:i,children:y,version:N,isLandingPage:f=!1,docsBasePath:h="/$lang/$project/$version/docs"}){const{project:c}=I({strict:!1}),{_splat:x}=I({strict:!1}),p=$e({config:a,frameworks:s,repo:i,libraryId:c}),C=fe(),D=je(C),te=C.some(o=>o.pathname.includes("/examples/")),re=C.some(o=>o.pathname.includes("/docs/npm-stats")),A=n.useRef(null),T=n.useMemo(()=>p.flatMap(o=>o?.children),[p]),M=n.useMemo(()=>T.filter(o=>o&&!o.to.startsWith("http")),[T]),le=C.find(o=>o.pathname.includes("/docs"))?.pathname??"",R=D.pathname.replace(le+"/",""),z=M.findIndex(o=>o?.to===R),ae=M[z-1],se=M[z+1],oe=O(s),ne=Y.find(o=>o.value===oe.framework),[P,ie]=ke("docsFullWidth",!1),V=n.useMemo(()=>p.reduce((o,u,g)=>{const v=u.children.some(k=>k.to===x),m=`${g}:${String(u.label)}`;return o[m]=v?!0:typeof u.defaultCollapsed<"u"?!u.defaultCollapsed:!1,o},{}),[p,x]),[ce,q]=n.useState(V);n.useEffect(()=>{q(o=>{let u=!1;const g={...o};return Object.entries(V).forEach(([v,m])=>{if(!(v in g)){g[v]=m,u=!0;return}m&&!g[v]&&(g[v]=!0,u=!0)}),u?g:o})},[V]);const G=p.map((o,u)=>{const g=`${u}:${String(o.label)}`,v=e.jsxs(e.Fragment,{children:[o.collapsible?e.jsx("summary",{className:"text-[.8em] font-bold leading-4 px-2 ts-sidebar-label",children:o.label}):e.jsx("div",{className:"text-[.8em] font-bold leading-4 px-2 ts-sidebar-label",children:o.label}),e.jsx("div",{className:"h-2"}),e.jsx("ul",{className:"text-[.85em] leading-snug list-none",children:o?.children?.map((m,k)=>{const j="flex gap-2 items-center justify-between group px-2 py-1.5 rounded-lg hover:bg-gray-500/10 opacity-60 hover:opacity-100";return e.jsx("li",{children:m.to.startsWith("http")?e.jsx("a",{href:m.to,className:j,target:"_blank",rel:"noopener noreferrer",children:m.label}):e.jsx(E,{from:h,to:m.to,params:!0,onClick:()=>{A.current.removeAttribute("open")},preload:!1,activeOptions:{exact:!0,includeHash:!1,includeSearch:!1},className:"relative",children:W=>e.jsx("div",{className:b(j,W.isActive&&"opacity-100"),children:e.jsx("div",{className:b("w-full",W.isActive?"font-bold text-transparent bg-clip-text":""),style:W.isActive?{backgroundImage:`linear-gradient(to right, ${w(r)}, ${w(t)})`}:void 0,children:m.label})})})},k)})})]});return o.collapsible?e.jsx("details",{className:"[&>summary]:before:mr-1 [&>summary]:marker:text-[0.8em] [&>summary]:marker:leading-4 relative select-none",open:ce[g]??!1,onToggle:m=>{const k=m.currentTarget.open;q(j=>j[g]===k?j:{...j,[g]:k})},children:v},`group-${u}`):e.jsx("div",{className:"[&>summary]:before:mr-1 [&>summary]:marker:text-[0.8em] [&>summary]:marker:leading-4 relative select-none",children:v},`group-${u}`)}),de=e.jsx("div",{className:`md:hidden bg-white/50 sticky top-[var(--navbar-height)]
+import{z as L,r as n,B as K,o as I,j as e,S as Q,D as fe,L as E,q as w,t as b,E as xe,F as H,G as ge,M as U,C as J}from"./main-DqZtiCro.js";import{F as he}from"./Footer-DYh1AfWA.js";import{c as X}from"./react-qvbbiZob.js";const pe=L("ChevronLeft",[["path",{d:"m15 18-6-6 6-6",key:"1wnfg3"}]]);const ve=L("ChevronRight",[["path",{d:"m9 18 6-6-6-6",key:"mthhwq"}]]);const be=L("Tag",[["path",{d:"M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z",key:"vktsd0"}],["circle",{cx:"7.5",cy:"7.5",r:".5",fill:"currentColor",key:"kqv944"}]]);function we(r){if(typeof window>"u")return;const t=localStorage.getItem(r);if(t)try{const l=JSON.parse(t);if(!l.ttl)return l.value;if(new Date().getTime()>l.ttl){localStorage.removeItem(r);return}return l.value}catch{localStorage.removeItem(r);return}}function ke(r,t,l){const[a,s]=n.useState(t);return n.useEffect(()=>{const d=we(r);d!==void 0&&s(d)},[r]),n.useEffect(()=>{localStorage.setItem(r,JSON.stringify({value:a,ttl:null}))},[r,a,l]),[a,s]}function je(r){return r[r.length-1]}const Y=[{label:"React",value:"react",logo:"/images/frameworks/react-logo.svg",color:"bg-blue-500",fontColor:"text-sky-500"},{label:"Preact",value:"preact",logo:"/images/frameworks/preact-logo.svg",color:"bg-purple-500",fontColor:"text-purple-500"},{label:"Vue",value:"vue",logo:"/images/frameworks/vue-logo.svg",color:"bg-green-500",fontColor:"text-green-500"},{label:"Angular",value:"angular",logo:"/images/frameworks/angular-logo.svg",color:"bg-red-500",fontColor:"text-fuchsia-500"},{label:"Solid",value:"solid",logo:"/images/frameworks/solid-logo.svg",color:"bg-blue-600",fontColor:"text-blue-600"},{label:"Lit",value:"lit",logo:"/images/frameworks/lit-logo.svg",color:"bg-emerald-500",fontColor:"text-emerald-500"},{label:"Svelte",value:"svelte",logo:"/images/frameworks/svelte-logo.svg",color:"bg-orange-600",fontColor:"text-orange-600"},{label:"Qwik",value:"qwik",logo:"/images/frameworks/qwik-logo.svg",color:"bg-indigo-500",fontColor:"text-indigo-500"},{label:"Vanilla",value:"vanilla",logo:"/images/frameworks/js-logo.svg",color:"bg-yellow-500",fontColor:"text-yellow-500"}];function ye(r){return Y.filter(t=>r.includes(t.value))}function _({frameworks:r}){const t=Ce({frameworks:r}),l=t.available.find(a=>a.value===t.selected);return e.jsx(Q,{className:"w-full",icon:l?.logo?e.jsx("img",{src:l.logo,alt:l.label,className:"w-4 h-4"}):void 0,selected:t.selected,available:t.available,onSelect:t.onSelect})}const Ne=X(r=>({currentFramework:typeof document<"u"&&localStorage.getItem("framework")||void 0,setCurrentFramework:t=>{localStorage.setItem("framework",t),r({currentFramework:t})}}));function Ce({frameworks:r}){const t=O(r);return n.useMemo(()=>({label:"Framework",selected:r.includes(t.framework)?t.framework:"react",available:ye(r),onSelect:a=>{t.setFramework(a.value)}}),[r,t])}function O(r){const t=K(),{framework:l}=I({strict:!1}),a=Ne();let s=l||a.currentFramework||"react";s=r.includes(s)?s:"react";const d=n.useCallback(i=>{t({params:{framework:i}}),a.setCurrentFramework(i)},[a,t]);return n.useEffect(()=>{a.currentFramework||a.setCurrentFramework(s),l&&l!==a.currentFramework&&a.setCurrentFramework(l)}),{framework:s,setFramework:d}}function B({versions:r}){const t=Ie({versions:r});return e.jsx(Q,{className:"w-full",icon:e.jsx(be,{className:"w-3.5 h-3.5 opacity-60"}),selected:t.selected,available:t.available,onSelect:t.onSelect})}const Se=X(r=>({currentVersion:typeof document<"u"&&localStorage.getItem("version")||void 0,setCurrentVersion:t=>{localStorage.setItem("version",t),r({currentVersion:t})}}));function Fe(r){const t=K(),{version:l}=I({strict:!1}),a=Se();let s=l||a.currentVersion||"latest";s=r.includes(s)?s:"latest";const d=n.useCallback(i=>{t({params:{version:i}}),a.setCurrentVersion(i)},[a,t]);return n.useEffect(()=>{a.currentVersion||a.setCurrentVersion(s),l&&l!==a.currentVersion&&a.setCurrentVersion(l)}),{version:s,setVersion:d}}function Ie({versions:r}){const t=Fe(r);return n.useMemo(()=>{const a=r.reduce((s,d)=>(s.push({label:d,value:d}),s),[{label:"Latest",value:"latest"}]);return{label:"Version",selected:r.includes(t.version)?t.version:"latest",available:a,onSelect:s=>{t.setVersion(s.value)}}},[t,r])}function Me({menuConfig:r,activeItem:t,fullPathname:l,colorFrom:a,colorTo:s,frameworkLogo:d,version:i,onHover:y,onClick:N}){const f=[];r.forEach(c=>{f.push({label:c.label,isSection:!0}),c.children?.forEach(x=>{f.push({to:x.to,label:x.label,isSection:!1})})});const h=c=>{if(!c||c.startsWith("http"))return!1;if(c===t)return!0;if(c==="..")return l.match(/^\/[^/]+\/[^/]+\/?$/)!==null;if(c==="./framework")return l.includes("/docs/framework")&&!l.match(/\/docs\/framework\/[^/]+/);if(c.includes("/$libraryId")){const x=c.split("/docs/")[1];if(x&&l.includes(`/docs/${x}`))return!0}return!1};return e.jsxs("button",{type:"button",className:"flex flex-col gap-2 py-2 px-2 cursor-pointer h-full w-full focus:outline-none focus:ring-2 focus:ring-inset focus:ring-gray-400/50",onPointerEnter:y,onFocus:y,onClick:N,"aria-label":"Open documentation menu",children:[e.jsxs("div",{className:"flex flex-col gap-2 shrink-0",children:[e.jsx("div",{className:"flex items-center justify-center",children:e.jsx("span",{className:"flex items-center justify-center w-6 h-6",children:d?e.jsx("img",{src:d,alt:"",className:"w-4 h-4"}):e.jsx(U,{className:"w-3.5 h-3.5 opacity-60"})})}),e.jsx("div",{className:"flex items-center justify-center",children:e.jsx("span",{className:"flex items-center justify-center px-1 py-0.5 text-[9px] font-medium opacity-60 border border-gray-500/30 rounded",children:i})})]}),e.jsx("div",{className:"flex-1 flex flex-col gap-1 min-h-0",children:f.map((c,x)=>{const p=!c.isSection&&h(c.to);return e.jsx("div",{className:b("flex-1 min-h-[4px] max-h-[9px] min-w-[20px] rounded-sm",c.isSection?"w-full bg-current opacity-15":p?"ml-2 w-[calc(100%-0.5rem)]":"ml-2 w-[calc(100%-0.5rem)] bg-current opacity-[0.06]"),style:!c.isSection&&p?{backgroundImage:`linear-gradient(to right, ${w(a)}, ${w(s)})`}:void 0,title:typeof c.label=="string"?c.label:`Item ${x+1}`},x)})})]})}const Z=n.createContext(null),De=()=>{const r=n.useContext(Z);if(!r)throw new Error("useWidthToggle must be used within a WidthToggleProvider");return r},ee=n.createContext(null),Ve=()=>n.useContext(ee);function Ae(){const r=Ve();if(!r)return null;const{prevItem:t,nextItem:l,colorFrom:a,colorTo:s,textColor:d,docsBasePath:i}=r;return!t&&!l?null:e.jsxs("div",{className:"sticky flex items-stretch bottom-2 z-10 right-0 text-[10px] sm:text-xs md:text-sm print:hidden",children:[e.jsx("div",{className:"flex-1 flex justify-start",children:t?e.jsxs(J,{as:E,from:i,to:t.to,params:!0,className:"py-1 px-2 sm:py-2 sm:px-3 flex items-center gap-1 sm:gap-2",children:[e.jsx(pe,{className:"w-3 h-3 sm:w-4 sm:h-4"}),e.jsxs("div",{className:"flex flex-col",children:[e.jsx("span",{className:"hidden sm:block text-[10px] uppercase tracking-wider opacity-60 mb-0.5",children:"Previous"}),e.jsx("span",{className:"font-bold",children:t.label})]})]}):null}),e.jsx("div",{className:"flex-1 flex justify-end",children:l?e.jsxs(J,{as:E,from:i,to:l.to,params:!0,className:"py-1 px-2 sm:py-2 sm:px-3 flex items-center gap-1 sm:gap-2",children:[e.jsxs("div",{className:"flex flex-col items-end",children:[e.jsx("span",{className:"hidden sm:block text-[10px] uppercase tracking-wider opacity-60 mb-0.5",children:"Next"}),e.jsx("span",{className:"font-bold text-right bg-clip-text text-transparent",style:{backgroundImage:`linear-gradient(to right, ${w(a)}, ${w(s)})`},children:l.label})]}),e.jsx(ve,{className:"w-3 h-3 sm:w-4 sm:h-4",style:{color:w(d)}})]}):null})]})}const $e=({config:r,repo:t,frameworks:l,libraryId:a})=>{const s=O(l);return[{label:"Menu",children:[{label:"Home",to:".."},...l.length>1?[{label:"Frameworks",to:"./framework"}]:[],{label:e.jsxs("div",{className:"flex items-center gap-2",children:["GitHub ",e.jsx(ge,{className:"opacity-20"})]}),to:`https://github.com/${t}`}]},...r.sections.map(i=>{const N=i.frameworks?.find(h=>h.label===s.framework)?.children??[],f=[...(i.children??[]).map(h=>({...h,badge:"core"})),...N.map(h=>({...h,badge:s.framework}))];if(f.length!==0)return{label:i.label,children:f,collapsible:i.collapsible??!1,defaultCollapsed:i.defaultCollapsed??!1}})].filter(i=>i!==void 0)};function Te({colorFrom:r,colorTo:t,textColor:l,config:a,frameworks:s,versions:d,repo:i,children:y,version:N,isLandingPage:f=!1,docsBasePath:h="/$lang/$project/$version/docs"}){const{project:c}=I({strict:!1}),{_splat:x}=I({strict:!1}),p=$e({config:a,frameworks:s,repo:i,libraryId:c}),C=fe(),D=je(C),te=C.some(o=>o.pathname.includes("/examples/")),re=C.some(o=>o.pathname.includes("/docs/npm-stats")),A=n.useRef(null),T=n.useMemo(()=>p.flatMap(o=>o?.children),[p]),M=n.useMemo(()=>T.filter(o=>o&&!o.to.startsWith("http")),[T]),le=C.find(o=>o.pathname.includes("/docs"))?.pathname??"",R=D.pathname.replace(le+"/",""),z=M.findIndex(o=>o?.to===R),ae=M[z-1],se=M[z+1],oe=O(s),ne=Y.find(o=>o.value===oe.framework),[P,ie]=ke("docsFullWidth",!1),V=n.useMemo(()=>p.reduce((o,u,g)=>{const v=u.children.some(k=>k.to===x),m=`${g}:${String(u.label)}`;return o[m]=v?!0:typeof u.defaultCollapsed<"u"?!u.defaultCollapsed:!1,o},{}),[p,x]),[ce,q]=n.useState(V);n.useEffect(()=>{q(o=>{let u=!1;const g={...o};return Object.entries(V).forEach(([v,m])=>{if(!(v in g)){g[v]=m,u=!0;return}m&&!g[v]&&(g[v]=!0,u=!0)}),u?g:o})},[V]);const G=p.map((o,u)=>{const g=`${u}:${String(o.label)}`,v=e.jsxs(e.Fragment,{children:[o.collapsible?e.jsx("summary",{className:"text-[.8em] font-bold leading-4 px-2 ts-sidebar-label",children:o.label}):e.jsx("div",{className:"text-[.8em] font-bold leading-4 px-2 ts-sidebar-label",children:o.label}),e.jsx("div",{className:"h-2"}),e.jsx("ul",{className:"text-[.85em] leading-snug list-none",children:o?.children?.map((m,k)=>{const j="flex gap-2 items-center justify-between group px-2 py-1.5 rounded-lg hover:bg-gray-500/10 opacity-60 hover:opacity-100";return e.jsx("li",{children:m.to.startsWith("http")?e.jsx("a",{href:m.to,className:j,target:"_blank",rel:"noopener noreferrer",children:m.label}):e.jsx(E,{from:h,to:m.to,params:!0,onClick:()=>{A.current.removeAttribute("open")},preload:!1,activeOptions:{exact:!0,includeHash:!1,includeSearch:!1},className:"relative",children:W=>e.jsx("div",{className:b(j,W.isActive&&"opacity-100"),children:e.jsx("div",{className:b("w-full",W.isActive?"font-bold text-transparent bg-clip-text":""),style:W.isActive?{backgroundImage:`linear-gradient(to right, ${w(r)}, ${w(t)})`}:void 0,children:m.label})})})},k)})})]});return o.collapsible?e.jsx("details",{className:"[&>summary]:before:mr-1 [&>summary]:marker:text-[0.8em] [&>summary]:marker:leading-4 relative select-none",open:ce[g]??!1,onToggle:m=>{const k=m.currentTarget.open;q(j=>j[g]===k?j:{...j,[g]:k})},children:v},`group-${u}`):e.jsx("div",{className:"[&>summary]:before:mr-1 [&>summary]:marker:text-[0.8em] [&>summary]:marker:leading-4 relative select-none",children:v},`group-${u}`)}),de=e.jsx("div",{className:`md:hidden bg-white/50 sticky top-[var(--navbar-height)]
     max-h-[calc(100dvh-var(--navbar-height))] overflow-y-auto z-20 dark:bg-black/60 backdrop-blur-lg`,children:e.jsxs("details",{ref:A,id:"docs-details",className:"border-b border-gray-500/20",children:[e.jsxs("summary",{className:"py-2 px-4 flex gap-2 items-center",children:[e.jsxs("div",{className:"flex gap-2 items-center shrink-0 pr-2",children:[e.jsx(U,{className:"cursor-pointer"}),"Docs"]}),e.jsx("div",{className:"w-px h-6 bg-gray-300 dark:bg-gray-600 shrink-0"}),e.jsx("div",{className:"flex-1 flex items-center gap-2 min-w-0"})]}),e.jsxs("div",{className:"flex flex-col gap-4 p-4 overflow-y-auto border-t border-gray-500/20 bg-white/20 text-lg dark:bg-black/20",children:[e.jsxs("div",{className:"flex flex-col gap-1",children:[e.jsx(_,{frameworks:s}),e.jsx(B,{versions:d}),e.jsx(H,{})]}),G]})]})}),[$,S]=n.useState(!1),F=n.useRef(void 0),ue=xe({enabled:$&&typeof window<"u"&&window.innerWidth<1280,onClickOutside:()=>S(!1)}),me=e.jsxs(e.Fragment,{children:[e.jsx("div",{className:b("hidden md:flex xl:hidden flex-col overflow-hidden","sticky top-[var(--navbar-height)] h-[calc(100dvh-var(--navbar-height))]","z-10 border-r border-gray-500/20","bg-white/50 dark:bg-black/30","w-10"),children:e.jsx(Me,{menuConfig:p,activeItem:R,fullPathname:D.pathname,colorFrom:r,colorTo:t,frameworkLogo:ne?.logo,version:N,onHover:()=>{window.innerWidth<1280&&(clearTimeout(F.current),S(!0))},onClick:()=>{window.innerWidth<1280&&(clearTimeout(F.current),S(!0))}})}),e.jsx("div",{ref:ue,className:b("max-w-[250px] xl:max-w-[300px] 2xl:max-w-[400px]","flex-col overflow-hidden","h-[calc(100dvh-var(--navbar-height))] top-[var(--navbar-height)]","z-20 border-r border-gray-500/20","transition-all duration-300","hidden md:flex","md:fixed md:left-0 md:bg-white md:dark:bg-black/95 md:backdrop-blur-lg md:shadow-xl","xl:sticky xl:bg-transparent xl:dark:bg-transparent xl:backdrop-blur-none xl:shadow-none",!$&&"md:-translate-x-full xl:translate-x-0",$&&"md:translate-x-0"),onPointerEnter:o=>{o.pointerType!=="touch"&&window.innerWidth<1280&&clearTimeout(F.current)},onPointerLeave:o=>{o.pointerType!=="touch"&&window.innerWidth<1280&&(F.current=setTimeout(()=>{S(!1)},300))},children:e.jsxs("div",{className:"flex-1 flex flex-col overflow-y-auto",children:[e.jsxs("div",{className:"flex flex-col gap-1 p-4",children:[e.jsx(_,{frameworks:s}),e.jsx(B,{versions:d}),e.jsx(H,{})]}),e.jsx("div",{className:"flex-1 flex flex-col gap-4 text-base px-4 pt-0 pb-4",children:G})]})})]});return e.jsx(Z.Provider,{value:{isFullWidth:P,setIsFullWidth:ie},children:e.jsx(ee.Provider,{value:{prevItem:ae,nextItem:se,colorFrom:r,colorTo:t,textColor:l,docsBasePath:h},children:e.jsxs("div",{className:`
            md:min-h-[calc(100dvh-var(--navbar-height))]
            flex flex-col md:flex-row

package/template/dist/client/assets/{FileTabs-DsPkEUu7.js → FileTabs-4fZriOj4.js}

@@ -1 +1 @@
-import{r as n,j as e}from"./main-C8MldI1o.js";function c({tabs:t,children:o}){const s=n.useId(),d=n.Children.toArray(o),[l,i]=n.useState(t[0]?.slug??"");return t.length===0?null:e.jsxs("div",{className:"not-prose my-4",children:[e.jsx("div",{className:"flex items-center justify-start gap-0 overflow-x-auto overflow-y-hidden bg-gray-100 dark:bg-gray-900 border border-b-0 border-gray-500/20 rounded-t-md",children:t.map(r=>e.jsx("button",{type:"button",onClick:()=>i(r.slug),"aria-label":r.name,title:r.name,className:`px-3 py-1.5 text-sm font-medium transition-colors border-b-2 -mb-[1px] ${l===r.slug?"border-current text-current bg-white dark:bg-gray-950":"border-transparent text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-200 hover:bg-gray-200 dark:hover:bg-gray-800"}`,children:r.name},`${s}-${r.slug}`))}),e.jsx("div",{children:d.map((r,g)=>{const a=t[g];return a?e.jsx("div",{"data-tab":a.slug,hidden:a.slug!==l,className:"file-tabs-panel",children:r},`${s}-${a.slug}-panel`):null})})]})}export{c as FileTabs};
+import{r as n,j as e}from"./main-DqZtiCro.js";function c({tabs:t,children:o}){const s=n.useId(),d=n.Children.toArray(o),[l,i]=n.useState(t[0]?.slug??"");return t.length===0?null:e.jsxs("div",{className:"not-prose my-4",children:[e.jsx("div",{className:"flex items-center justify-start gap-0 overflow-x-auto overflow-y-hidden bg-gray-100 dark:bg-gray-900 border border-b-0 border-gray-500/20 rounded-t-md",children:t.map(r=>e.jsx("button",{type:"button",onClick:()=>i(r.slug),"aria-label":r.name,title:r.name,className:`px-3 py-1.5 text-sm font-medium transition-colors border-b-2 -mb-[1px] ${l===r.slug?"border-current text-current bg-white dark:bg-gray-950":"border-transparent text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-200 hover:bg-gray-200 dark:hover:bg-gray-800"}`,children:r.name},`${s}-${r.slug}`))}),e.jsx("div",{children:d.map((r,g)=>{const a=t[g];return a?e.jsx("div",{"data-tab":a.slug,hidden:a.slug!==l,className:"file-tabs-panel",children:r},`${s}-${a.slug}-panel`):null})})]})}export{c as FileTabs};

package/template/dist/client/assets/{Footer-4faHyha8.js → Footer-DYh1AfWA.js}

@@ -1,2 +1,2 @@
-import{j as e,C as t,L as r}from"./main-C8MldI1o.js";function a(){return e.jsxs(t,{className:`relative flex flex-col items-start justify-center gap-4 p-8
+import{j as e,C as t,L as r}from"./main-DqZtiCro.js";function a(){return e.jsxs(t,{className:`relative flex flex-col items-start justify-center gap-4 p-8
       max-w-(--breakpoint-lg) mx-auto text-sm`,children:[e.jsxs("div",{className:"grid gap-1 sm:grid-cols-2 md:grid-cols-3",children:[e.jsx("div",{children:e.jsx(r,{to:"/",children:"Home"})}),e.jsx("div",{children:e.jsx("a",{href:"https://github.com/tanstack",target:"_blank",rel:"noreferrer",children:"GitHub"})})]}),e.jsxs("div",{className:"text-center opacity-60",children:["© ",new Date().getFullYear()," TanStack"]})]})}export{a as F};

package/template/dist/client/assets/{FrameworkContent-Cxg_X_EP.js → FrameworkContent-rVvjxASn.js}

@@ -1 +1 @@
-import{o as u,j as e,r as d}from"./main-C8MldI1o.js";import{T as k}from"./MarkdownHeadingContext-CwDqQdSh.js";import"./react-C0klD_r9.js";function w(){if(!(typeof document>"u"))return localStorage.getItem("framework")||void 0}function j({codeBlocksByFramework:a,panelsByFramework:n}){const{framework:s}=u({strict:!1}),c=w(),o=(s||c||"react").toLowerCase(),t=a[o]||[],r=n[o];if(!r)return null;if(t.length===0)return e.jsx("div",{className:"framework-content",children:r});if(t.length===1)return e.jsx("div",{className:"framework-content",children:r});const m=t.map((i,f)=>({slug:`file-${f}`,name:i.title||"Untitled"})),l=d.Children.toArray(r);return e.jsx("div",{className:"framework-content",children:e.jsx(k,{tabs:m,children:l})})}export{j as FrameworkContent};
+import{o as u,j as e,r as d}from"./main-DqZtiCro.js";import{T as k}from"./MarkdownHeadingContext-CdvUDZFU.js";import"./react-qvbbiZob.js";function w(){if(!(typeof document>"u"))return localStorage.getItem("framework")||void 0}function j({codeBlocksByFramework:a,panelsByFramework:n}){const{framework:s}=u({strict:!1}),c=w(),o=(s||c||"react").toLowerCase(),t=a[o]||[],r=n[o];if(!r)return null;if(t.length===0)return e.jsx("div",{className:"framework-content",children:r});if(t.length===1)return e.jsx("div",{className:"framework-content",children:r});const m=t.map((i,f)=>({slug:`file-${f}`,name:i.title||"Untitled"})),l=d.Children.toArray(r);return e.jsx("div",{className:"framework-content",children:e.jsx(k,{tabs:m,children:l})})}export{j as FrameworkContent};