@invisibleloop/pulse 0.1.28 → 0.1.30

package/docs/public/dist/auth.boot-IMAJAUPH.js

@@ -1,140 +0,0 @@
-import{a as o}from"./runtime-QFURDKA2.js";import{a as i,b as u,c as d,d as h,e,g as t,h as s,i as n}from"./runtime-L2HNXIHW.js";import{a as c,b as l}from"./runtime-B73WLANC.js";var{prev:p,next:A}=i("/auth"),a={route:"/auth",meta:{title:"Auth (Auth0) \u2014 Pulse Docs",description:"Integrating Auth0 OAuth authentication with Pulse using guard functions, ctx.setCookie, and raw response specs.",styles:["/docs.css"]},state:{},view:()=>u({currentHref:"/auth",prev:p,next:A,content:`
-      ${d("Auth (Auth0)")}
-      ${h("Pulse integrates with Auth0 \u2014 and any OAuth 2.0 provider \u2014 using plain HTTP redirects and a token exchange. No client-side auth SDK is required. Protected routes enforce access through <code>guard</code>, which runs before any data fetcher can execute.")}
-
-      ${n("info","No Auth0 SDK required. The OAuth flow is plain HTTP redirects and a token exchange fetch \u2014 no client-side library needed.")}
-
-      ${e("setup","Setup")}
-      <p>Register your application in Auth0 and note your credentials. Store them in environment variables \u2014 never hardcode them in specs.</p>
-      ${t(o(`# .env
-AUTH0_DOMAIN=your-tenant.auth0.com
-AUTH0_CLIENT_ID=your_client_id
-AUTH0_CLIENT_SECRET=your_client_secret
-AUTH0_CALLBACK_URL=http://localhost:3000/auth/callback`,"bash"))}
-
-      ${e("login","Login route")}
-      <p>The login route is a raw response spec that redirects the browser to Auth0's authorization endpoint.</p>
-      ${t(o(`// src/pages/auth/login.js
-const {
-  AUTH0_DOMAIN, AUTH0_CLIENT_ID, AUTH0_CALLBACK_URL
-} = process.env
-
-export default {
-  route: '/auth/login',
-  contentType: 'text/html',
-
-  render: (ctx) => {
-    const params = new URLSearchParams({
-      response_type: 'code',
-      client_id:     AUTH0_CLIENT_ID,
-      redirect_uri:  AUTH0_CALLBACK_URL,
-      scope:         'openid profile email',
-      state:         crypto.randomUUID(),
-    })
-    ctx.setHeader('Location', \`https://\${AUTH0_DOMAIN}/authorize?\${params}\`)
-    return { redirect: \`https://\${AUTH0_DOMAIN}/authorize?\${params}\` }
-  },
-}`,"js"))}
-
-      ${e("callback","Callback route")}
-      <p>Auth0 redirects back to <code>/auth/callback</code> with a <code>code</code> query parameter. The server exchanges it for tokens, sets a session cookie, and redirects to the app.</p>
-      ${t(o(`// src/pages/auth/callback.js
-const {
-  AUTH0_DOMAIN, AUTH0_CLIENT_ID,
-  AUTH0_CLIENT_SECRET, AUTH0_CALLBACK_URL
-} = process.env
-
-export default {
-  route: '/auth/callback',
-  contentType: 'text/html',
-
-  server: {
-    session: async (ctx) => {
-      const { code } = ctx.query
-      if (!code) return null
-
-      // Exchange auth code for tokens
-      const res = await fetch(\`https://\${AUTH0_DOMAIN}/oauth/token\`, {
-        method: 'POST',
-        headers: { 'Content-Type': 'application/json' },
-        body: JSON.stringify({
-          grant_type:    'authorization_code',
-          client_id:     AUTH0_CLIENT_ID,
-          client_secret: AUTH0_CLIENT_SECRET,
-          redirect_uri:  AUTH0_CALLBACK_URL,
-          code,
-        }),
-      })
-
-      if (!res.ok) return null
-      const { access_token, id_token } = await res.json()
-
-      // Set a secure session cookie with the access token
-      ctx.setCookie('session', access_token, {
-        httpOnly: true,
-        secure:   process.env.NODE_ENV === 'production',
-        sameSite: 'Lax',
-        maxAge:   86400, // 24 hours
-      })
-
-      return access_token
-    },
-  },
-
-  render: (ctx, server) => {
-    if (!server.session) return { redirect: '/auth/login' }
-    return { redirect: '/' }
-  },
-}`,"js"))}
-
-      ${e("logout","Logout route")}
-      <p>Clear the session cookie and redirect to Auth0's logout endpoint to invalidate the session there too.</p>
-      ${t(o(`// src/pages/auth/logout.js
-const { AUTH0_DOMAIN, AUTH0_CLIENT_ID } = process.env
-
-export default {
-  route: '/auth/logout',
-  contentType: 'text/html',
-
-  render: (ctx) => {
-    // Expire the session cookie
-    ctx.setCookie('session', '', { maxAge: 0 })
-
-    const returnTo = encodeURIComponent('http://localhost:3000')
-    return { redirect: \`https://\${AUTH0_DOMAIN}/v2/logout?client_id=\${AUTH0_CLIENT_ID}&returnTo=\${returnTo}\` }
-  },
-}`,"js"))}
-
-      ${e("guard","Protecting routes")}
-      <p>Use <code>guard</code> to verify the session token before any server data is fetched. For production, verify the JWT signature locally rather than calling Auth0 on every request.</p>
-      ${t(o(`// src/pages/dashboard.js
-export default {
-  route: '/dashboard',
-
-  guard: async (ctx) => {
-    if (!ctx.cookies.session) return { redirect: '/auth/login' }
-
-    // Optional: verify JWT signature for production
-    // const user = await verifyJwt(ctx.cookies.session)
-    // if (!user) return { redirect: '/auth/login' }
-  },
-
-  server: {
-    profile: async (ctx) => fetchUserProfile(ctx.cookies.session),
-  },
-
-  state: {},
-  view: (state, server) => \`
-    <main id="main-content">
-      <h1>Welcome, \${server.profile.name}</h1>
-    </main>
-  \`,
-}`,"js"))}
-
-      ${n("info","Guard runs before server data fetchers \u2014 if the session is invalid the profile fetch never happens.")}
-
-      ${e("ctx-reference","ctx reference")}
-      ${s(["Method","Description"],[["<code>ctx.cookies.session</code>","Read the session cookie set during OAuth callback"],["<code>ctx.setCookie(name, value, opts)</code>","Set a response cookie \u2014 used in callback and logout routes"],["<code>ctx.setHeader(name, value)</code>","Set an arbitrary response header"]])}
-
-      ${s(["setCookie option","Type","Description"],[["<code>httpOnly</code>","boolean","Prevents JS access \u2014 always use for session cookies"],["<code>secure</code>","boolean","HTTPS only \u2014 set <code>true</code> in production"],["<code>sameSite</code>",'<code>"Lax" | "Strict" | "None"</code>',"<code>Lax</code> works for most OAuth flows"],["<code>maxAge</code>","number","Lifetime in seconds \u2014 omit for session cookie"],["<code>path</code>","string","Defaults to <code>/</code>"],["<code>domain</code>","string","Scope to a domain \u2014 omit for current host"]])}
-    `})};var r=document.getElementById("pulse-root");r&&!r.dataset.pulseMounted&&(r.dataset.pulseMounted="1",c(a,r,window.__PULSE_SERVER__||{},{ssr:!0}),l(r,c));var y=a;export{y as default};

package/docs/public/dist/caching.boot-DVR6KDE7.js

@@ -1,53 +0,0 @@
-import{a as s}from"./runtime-QFURDKA2.js";import{a as i,b as n,c as l,d as h,e,g as c,h as a,i as t}from"./runtime-L2HNXIHW.js";import{a as d,b as u}from"./runtime-B73WLANC.js";var{prev:p,next:m}=i("/caching"),r={route:"/caching",meta:{title:"Caching \u2014 Pulse Docs",description:"HTTP cache headers, in-process server data caching, and asset caching in Pulse.",styles:["/docs.css"]},state:{},view:()=>n({currentHref:"/caching",prev:p,next:m,content:`
-      ${l("Caching")}
-      ${h("Pulse handles asset caching automatically \u2014 production bundles are content-hashed and served with immutable cache headers. Page caching is controlled declaratively in the spec: <code>serverTtl</code> for in-process data, <code>cache</code> for HTTP headers. Nothing is cached by default unless you declare it.")}
-
-      ${e("server-ttl","serverTtl \u2014 in-process data cache")}
-      <p><code>serverTtl</code> is a number of seconds to cache the result of <code>server.data()</code> in memory. Subsequent requests within the TTL window skip the async data fetch entirely and serve the cached result.</p>
-      ${c(s(`export default {
-  route: '/homepage',
-  serverTtl: 60,   // cache server data for 60 seconds
-  server: {
-    data: async () => ({
-      featured: await db.products.getFeatured(),
-      stats:    await analytics.getGlobalStats(),
-    }),
-  },
-}`,"js"))}
-      ${a(["Value","Behaviour"],[["<code>undefined</code> (default)","No caching \u2014 <code>server.data()</code> runs on every request"],["<code>0</code>","No caching (same as undefined)"],["<code>60</code>","Cache for 60 seconds \u2014 at most one database hit per minute"],["<code>3600</code>","Cache for 1 hour"]])}
-      ${t("note","The in-process cache is per-process and per-route. It is not shared across multiple server instances. Use a distributed cache (Redis, etc.) for cross-instance consistency.")}
-      ${t("warning","In development, setting a long <code>serverTtl</code> can mask stale data. Set it to <code>0</code> or omit it during development, and add it when deploying to production.")}
-
-      ${e("http-cache","cache \u2014 HTTP response headers")}
-      <p>The <code>cache</code> field controls the <code>Cache-Control</code> header sent with the page HTML response. This tells browsers and CDNs how to cache the response.</p>
-      ${c(s(`export default {
-  route: '/blog/:slug',
-  cache: {
-    public:               true,    // allow CDN/proxy caching
-    maxAge:               300,     // cache for 5 minutes
-    staleWhileRevalidate: 86400,   // serve stale for up to 24 hours while revalidating
-  },
-  // ...
-}`,"js"))}
-
-      ${e("cache-fields","Cache field reference")}
-      ${a(["Field","Type","Description"],[["<code>public</code>","<code>boolean</code>","If true, emits <code>public</code> \u2014 allows CDN/proxy caching. Default: <code>private</code>."],["<code>maxAge</code>","<code>number</code>","Seconds before the response is considered stale. Emits <code>max-age=N</code>."],["<code>staleWhileRevalidate</code>","<code>number</code>","Seconds to serve stale content while revalidating in the background. Emits <code>stale-while-revalidate=N</code>."]])}
-      ${c(s(`// private page \u2014 user-specific content
-cache: { public: false, maxAge: 0 }
-// \u2192 Cache-Control: private, no-store
-
-// public marketing page \u2014 cached at CDN
-cache: { public: true, maxAge: 3600, staleWhileRevalidate: 86400 }
-// \u2192 Cache-Control: public, max-age=3600, stale-while-revalidate=86400`,"js"))}
-
-      ${e("html-default","Default HTML caching")}
-      <p>By default, Pulse sends <code>Cache-Control: no-store</code> for all HTML responses. Users always see fresh content \u2014 stale HTML is never served from browser or proxy caches unless you explicitly declare a <code>cache</code> policy in the spec.</p>
-
-      ${e("asset-caching","Asset caching")}
-      <p>Static assets in <code>public/</code> receive <code>Cache-Control: max-age=3600</code> (one hour).</p>
-      <p>Production bundles in <code>public/dist/</code> receive <code>Cache-Control: public, max-age=31536000, immutable</code> (one year, immutable). This is guaranteed safe because bundle filenames include a content hash \u2014 code changes produce a new hash, and browsers fetch the updated file automatically. There is nothing to configure.</p>
-
-      ${e("dev-vs-prod","Development vs production")}
-      ${a(["Resource","Development","Production"],[["HTML pages","<code>no-store</code>","<code>no-store</code> (or your <code>cache</code> config)"],["Static assets (<code>/public/*</code>)","<code>max-age=3600</code>","<code>max-age=3600</code>"],["JS bundles (<code>/dist/*</code>)","N/A (source files served directly)","<code>immutable, max-age=31536000</code>"]])}
-      ${t("tip","For maximum performance, combine <code>serverTtl</code> for expensive database queries with a short <code>cache.maxAge</code> and a generous <code>cache.staleWhileRevalidate</code>. Users get fast responses; data stays reasonably fresh.")}
-    `})};var o=document.getElementById("pulse-root");o&&!o.dataset.pulseMounted&&(o.dataset.pulseMounted="1",d(r,o,window.__PULSE_SERVER__||{},{ssr:!0}),u(o,d));var C=r;export{C as default};

package/docs/public/dist/components--accordion.boot-3HVKMNWC.js

@@ -1,11 +0,0 @@
-import{a as i,b as a}from"./runtime-ZJ4FXT5O.js";import{Ka as c}from"./runtime-UVPXO4IR.js";import"./runtime-VMJA3Z4N.js";import"./runtime-QFURDKA2.js";import{a as n,h as r}from"./runtime-L2HNXIHW.js";import{a as o,b as s}from"./runtime-B73WLANC.js";var{prev:d,next:p}=n("/components/accordion"),t={route:"/components/accordion",meta:{title:"Accordion \u2014 Pulse Docs",description:"Accordion component for Pulse UI.",styles:["/pulse-ui.css","/docs.css"]},state:{},view:()=>a({currentHref:"/components/accordion",prev:d,next:p,name:"accordion",description:"Collapsible FAQ items built on native <code>&lt;details&gt;</code>/<code>&lt;summary&gt;</code> \u2014 no JavaScript required. The open/close animation is handled entirely by the browser.",content:`
-      ${i(c({items:[{question:"Is there a free plan?",answer:"Yes \u2014 the free plan includes up to 3 pages and community support, with no credit card required."},{question:"Can I cancel anytime?",answer:"Absolutely. There are no contracts or lock-in periods. Cancel from your account settings at any time."},{question:"Does it work on older devices?",answer:"The app supports iOS 14+ and Android 8+, covering over 97% of active devices."}]}),`accordion({
-  items: [
-    { question: 'Is there a free plan?',     answer: 'Yes \u2014 up to 3 pages, no card required.' },
-    { question: 'Can I cancel anytime?',     answer: 'No contracts. Cancel from your account.' },
-    { question: 'Works on older devices?',   answer: 'iOS 14+ and Android 8+.' },
-  ],
-})`)}
-
-      ${r(["Prop","Type","Default",""],[["<code>items</code>","array","[]","<code>{ question: string, answer: string }[]</code>"]])}
-    `})};var e=document.getElementById("pulse-root");e&&!e.dataset.pulseMounted&&(e.dataset.pulseMounted="1",o(t,e,window.__PULSE_SERVER__||{},{ssr:!0}),s(e,o));var q=t;export{q as default};

package/docs/public/dist/components--alert.boot-GCEXOZAC.js

@@ -1,6 +0,0 @@
-import{a as i,b as c}from"./runtime-ZJ4FXT5O.js";import{Ba as e}from"./runtime-UVPXO4IR.js";import"./runtime-VMJA3Z4N.js";import"./runtime-QFURDKA2.js";import{a as r}from"./runtime-L2HNXIHW.js";import{a as n,b as a}from"./runtime-B73WLANC.js";var{prev:s,next:d}=r("/components/alert"),o={route:"/components/alert",meta:{title:"Alert \u2014 Pulse Docs",description:"Alert component for Pulse UI.",styles:["/pulse-ui.css","/docs.css"]},state:{},view:()=>c({currentHref:"/components/alert",prev:s,next:d,name:"alert",description:'<code>error</code> and <code>warning</code> use <code>role="alert"</code> \u2014 screen readers announce them immediately. <code>info</code> and <code>success</code> use <code>role="status"</code> for a polite announcement.',content:`
-      ${i(e({variant:"info",content:"Your account is pending email verification."})+e({variant:"success",title:"Saved",content:"Your changes have been saved."})+e({variant:"warning",title:"Heads up",content:"This action cannot be undone."})+e({variant:"error",title:"Failed",content:"Something went wrong. Please try again."}),`alert({ variant: 'info',    content: 'Your account is pending email verification.' })
-alert({ variant: 'success', title: 'Saved',    content: 'Your changes have been saved.' })
-alert({ variant: 'warning', title: 'Heads up', content: 'This action cannot be undone.' })
-alert({ variant: 'error',   title: 'Failed',   content: escHtml(server.error) })`,{col:!0})}
-    `})};var t=document.getElementById("pulse-root");t&&!t.dataset.pulseMounted&&(t.dataset.pulseMounted="1",n(o,t,window.__PULSE_SERVER__||{},{ssr:!0}),a(t,n));var h=o;export{h as default};

package/docs/public/dist/components--app-badge.boot-DVT3GCHJ.js

@@ -1,6 +0,0 @@
-import{a as n,b as d}from"./runtime-ZJ4FXT5O.js";import{Ma as t}from"./runtime-UVPXO4IR.js";import"./runtime-VMJA3Z4N.js";import"./runtime-QFURDKA2.js";import{a as r,h as a}from"./runtime-L2HNXIHW.js";import{a as o,b as s}from"./runtime-B73WLANC.js";var{prev:i,next:l}=r("/components/app-badge"),p={route:"/components/app-badge",meta:{title:"App Badge \u2014 Pulse Docs",description:"App Badge component for Pulse UI.",styles:["/pulse-ui.css","/docs.css"]},state:{},view:()=>d({currentHref:"/components/app-badge",prev:i,next:l,name:"appBadge",description:"App Store and Google Play download buttons. Designed to sit in a <code>hero()</code> actions slot, or anywhere a download CTA is needed.",content:`
-      ${n('<div style="display:flex;gap:.75rem;flex-wrap:wrap">'+t({store:"apple",href:"#"})+t({store:"google",href:"#"})+"</div>",`appBadge({ store: 'apple',  href: appStoreUrl })
-appBadge({ store: 'google', href: playStoreUrl })`)}
-
-      ${a(["Prop","Type","Default",""],[["<code>store</code>","string","'apple'","'apple' or 'google'"],["<code>href</code>","string","'#'","Link to the app store listing"]])}
-    `})};var e=document.getElementById("pulse-root");e&&!e.dataset.pulseMounted&&(e.dataset.pulseMounted="1",o(p,e,window.__PULSE_SERVER__||{},{ssr:!0}),s(e,o));var B=p;export{B as default};

package/docs/public/dist/components--avatar.boot-PSW24EVA.js

@@ -1,5 +0,0 @@
-import{a as s,b as n}from"./runtime-ZJ4FXT5O.js";import{Da as e}from"./runtime-UVPXO4IR.js";import"./runtime-VMJA3Z4N.js";import"./runtime-QFURDKA2.js";import{a as r}from"./runtime-L2HNXIHW.js";import{a,b as i}from"./runtime-B73WLANC.js";var{prev:l,next:c}=r("/components/avatar"),o={route:"/components/avatar",meta:{title:"Avatar \u2014 Pulse Docs",description:"Avatar component for Pulse UI.",styles:["/pulse-ui.css","/docs.css"]},state:{},view:()=>n({currentHref:"/components/avatar",prev:l,next:c,name:"avatar",description:'When <code>src</code> is set, renders an <code>&lt;img&gt;</code> with <code>loading="lazy"</code>. Without <code>src</code>, shows initials derived from <code>alt</code>.',content:`
-      ${s('<div style="display:flex;gap:1rem;align-items:center">'+e({alt:"Alice Smith",size:"sm"})+e({alt:"Bob Jones",size:"md"})+e({alt:"Carol White",size:"lg"})+e({alt:"Dan Brown",size:"xl"})+"</div>",`avatar({ src: user.avatarUrl, alt: user.name, size: 'md' })
-avatar({ alt: 'Alice Smith' })          // renders initials "AS"
-avatar({ alt: 'Alice', initials: 'A' }) // explicit initials`)}
-    `})};var t=document.getElementById("pulse-root");t&&!t.dataset.pulseMounted&&(t.dataset.pulseMounted="1",a(o,t,window.__PULSE_SERVER__||{},{ssr:!0}),i(t,a));var h=o;export{h as default};

package/docs/public/dist/components--badge.boot-TYDY2RMK.js

@@ -1,7 +0,0 @@
-import{a as s,b as i}from"./runtime-ZJ4FXT5O.js";import{b as e}from"./runtime-UVPXO4IR.js";import"./runtime-VMJA3Z4N.js";import"./runtime-QFURDKA2.js";import{a as n}from"./runtime-L2HNXIHW.js";import{a as t,b as o}from"./runtime-B73WLANC.js";var{prev:l,next:d}=n("/components/badge"),r={route:"/components/badge",meta:{title:"Badge \u2014 Pulse Docs",description:"Badge component for Pulse UI.",styles:["/pulse-ui.css","/docs.css"]},state:{},view:()=>i({currentHref:"/components/badge",prev:l,next:d,name:"badge",description:"Inline status and label indicator. Five semantic variants cover the most common states.",content:`
-      ${s(e({label:"Default",variant:"default"})+" "+e({label:"Info",variant:"info"})+" "+e({label:"Success",variant:"success"})+" "+e({label:"Warning",variant:"warning"})+" "+e({label:"Error",variant:"error"}),`badge({ label: 'Default', variant: 'default' })
-badge({ label: 'Info',    variant: 'info'    })
-badge({ label: 'Success', variant: 'success' })
-badge({ label: 'Warning', variant: 'warning' })
-badge({ label: 'Error',   variant: 'error'   })`)}
-    `})};var a=document.getElementById("pulse-root");a&&!a.dataset.pulseMounted&&(a.dataset.pulseMounted="1",t(r,a,window.__PULSE_SERVER__||{},{ssr:!0}),o(a,t));var v=r;export{v as default};

package/docs/public/dist/components--banner.boot-EI5PZSZK.js

@@ -1,7 +0,0 @@
-import{a as s,b as c}from"./runtime-ZJ4FXT5O.js";import{Qa as m,Ta as t}from"./runtime-UVPXO4IR.js";import"./runtime-VMJA3Z4N.js";import"./runtime-QFURDKA2.js";import{a as r,h as a}from"./runtime-L2HNXIHW.js";import{a as e,b as i}from"./runtime-B73WLANC.js";var{prev:p,next:d}=r("/components/banner"),o={route:"/components/banner",meta:{title:"Banner \u2014 Pulse Docs",description:"Banner component for Pulse UI.",styles:["/pulse-ui.css","/docs.css"]},state:{},view:()=>c({currentHref:"/components/banner",prev:p,next:d,name:"banner",description:"Full-width announcement bar. Sits above the nav for promotions and launch announcements. The content slot accepts links and formatted text.",content:`
-      ${s(m({gap:"sm",content:t({variant:"promo",content:`\u{1F389} Chippy Bird v2.0 is out \u2014 <a href="#" style="color:inherit;text-decoration:underline">see what's new</a>`})+t({variant:"info",content:'Android support is coming soon. <a href="#" style="color:inherit;text-decoration:underline">Join the waitlist</a>'})+t({variant:"warning",content:"Scheduled maintenance Sunday 2\u20134am UTC."})}),`banner({ variant: 'promo', content:
-  '\u{1F389} v2.0 is out \u2014 ' + button({ label: "See what's new", variant: 'ghost', size: 'sm', href: '/changelog' })
-})`)}
-
-      ${a(["Prop","Type","Default",""],[["<code>content</code>","string (HTML)","\u2014","Raw HTML slot"],["<code>variant</code>","string","'info'","'info' \xB7 'promo' \xB7 'warning'"]])}
-    `})};var n=document.getElementById("pulse-root");n&&!n.dataset.pulseMounted&&(n.dataset.pulseMounted="1",e(o,n,window.__PULSE_SERVER__||{},{ssr:!0}),i(n,e));var x=o;export{x as default};

package/docs/public/dist/components--breadcrumbs.boot-SMA2E2GO.js

@@ -1,34 +0,0 @@
-import{a as r,b as d}from"./runtime-ZJ4FXT5O.js";import{pb as o}from"./runtime-UVPXO4IR.js";import"./runtime-VMJA3Z4N.js";import"./runtime-QFURDKA2.js";import{a as t,h as c}from"./runtime-L2HNXIHW.js";import{a as s,b as l}from"./runtime-B73WLANC.js";var{prev:n,next:m}=t("/components/breadcrumbs"),a={route:"/components/breadcrumbs",meta:{title:"Breadcrumbs \u2014 Pulse Docs",description:"Accessible breadcrumb navigation component for Pulse UI.",styles:["/pulse-ui.css","/docs.css"]},state:{},view:()=>d({currentHref:"/components/breadcrumbs",prev:n,next:m,name:"breadcrumbs",description:'Accessible breadcrumb navigation. The current page item renders as a <code>&lt;span&gt;</code> with <code>aria-current="page"</code>; all preceding items render as links.',content:`
-
-      <h2 class="doc-h2" id="basic">Basic</h2>
-      ${r(o({items:[{label:"Home",href:"/"},{label:"Products",href:"/products"},{label:"Sneakers"}]}),`breadcrumbs({
-  items: [
-    { label: 'Home',     href: '/' },
-    { label: 'Products', href: '/products' },
-    { label: 'Sneakers' },
-  ],
-})`)}
-
-      <h2 class="doc-h2" id="longer">Longer trail</h2>
-      ${r(o({items:[{label:"Home",href:"/"},{label:"Shop",href:"/shop"},{label:"Footwear",href:"/shop/footwear"},{label:"Sneakers",href:"/shop/footwear/sneakers"},{label:"Air Max 90"}]}),`breadcrumbs({
-  items: [
-    { label: 'Home',     href: '/' },
-    { label: 'Shop',     href: '/shop' },
-    { label: 'Footwear', href: '/shop/footwear' },
-    { label: 'Sneakers', href: '/shop/footwear/sneakers' },
-    { label: 'Air Max 90' },
-  ],
-})`)}
-
-      <h2 class="doc-h2" id="separator">Custom separator</h2>
-      ${r(o({separator:"\u203A",items:[{label:"Docs",href:"/docs"},{label:"Components",href:"/docs/components"},{label:"Breadcrumbs"}]}),`breadcrumbs({
-  separator: '\u203A',
-  items: [
-    { label: 'Docs',       href: '/docs' },
-    { label: 'Components', href: '/docs/components' },
-    { label: 'Breadcrumbs' },
-  ],
-})`)}
-
-      ${c(["Prop","Type","Default",""],[["<code>items</code>","array","[]","Array of <code>{ label, href }</code>. The last item should have no <code>href</code> \u2014 it becomes the current page."],["<code>separator</code>","string","'/'","Character rendered between items"],["<code>class</code>","string","\u2014",""]])}
-    `})};var e=document.getElementById("pulse-root");e&&!e.dataset.pulseMounted&&(e.dataset.pulseMounted="1",s(a,e,window.__PULSE_SERVER__||{},{ssr:!0}),l(e,s));var S=a;export{S as default};

package/docs/public/dist/components--button.boot-J54BQM2E.js

@@ -1,23 +0,0 @@
-import{a as t,b as s}from"./runtime-ZJ4FXT5O.js";import{E as b,H as u,a as e,f as d,x as c}from"./runtime-UVPXO4IR.js";import"./runtime-VMJA3Z4N.js";import"./runtime-QFURDKA2.js";import{a as i,h as r}from"./runtime-L2HNXIHW.js";import{a as n,b as l}from"./runtime-B73WLANC.js";var{prev:m,next:p}=i("/components/button"),a={route:"/components/button",meta:{title:"Button \u2014 Pulse Docs",description:"Button component for Pulse UI.",styles:["/pulse-ui.css","/docs.css"]},state:{},view:()=>s({currentHref:"/components/button",prev:m,next:p,name:"button",description:"Renders as <code>&lt;button&gt;</code> by default. Pass <code>href</code> to get an <code>&lt;a&gt;</code> that looks identical. All four variants are shown below.",content:`
-      ${t(e({label:"Primary",variant:"primary"})+e({label:"Secondary",variant:"secondary"})+e({label:"Ghost",variant:"ghost"})+e({label:"Danger",variant:"danger"}),`button({ label: 'Primary',   variant: 'primary'   })
-button({ label: 'Secondary', variant: 'secondary' })
-button({ label: 'Ghost',     variant: 'ghost'     })
-button({ label: 'Danger',    variant: 'danger'    })`)}
-
-      ${t(e({label:"Small",size:"sm"})+e({label:"Medium",size:"md"})+e({label:"Large",size:"lg"}),`button({ label: 'Small',  size: 'sm' })
-button({ label: 'Medium', size: 'md' })
-button({ label: 'Large',  size: 'lg' })`)}
-
-      ${t(e({label:"Download",icon:b({size:14})})+e({label:"New item",icon:c({size:14}),variant:"secondary"})+e({label:"Continue",iconAfter:d({size:14})})+e({label:"Send",iconAfter:u({size:14}),variant:"ghost"}),`import { iconDownload, iconPlus, iconArrowRight, iconSend } from '@invisibleloop/pulse/ui'
-
-button({ label: 'Download', icon: iconDownload({ size: 14 }) })
-button({ label: 'New item', icon: iconPlus({ size: 14 }),           variant: 'secondary' })
-button({ label: 'Continue', iconAfter: iconArrowRight({ size: 14 }) })
-button({ label: 'Send',     iconAfter: iconSend({ size: 14 }),      variant: 'ghost' })`)}
-
-      ${t(e({label:"Disabled",disabled:!0})+e({label:"Link",href:"/docs"})+e({label:"Submit",type:"submit",variant:"primary"}),`button({ label: 'Disabled', disabled: true })
-button({ label: 'Link',    href: '/docs'   })
-button({ label: 'Submit',  type: 'submit', variant: 'primary' })`)}
-
-      ${r(["Prop","Type","Default",""],[["<code>label</code>","string","\u2014","Visible text"],["<code>variant</code>","string","primary","primary \xB7 secondary \xB7 ghost \xB7 danger"],["<code>size</code>","string","md","sm \xB7 md \xB7 lg"],["<code>href</code>","string","\u2014","Renders <code>&lt;a&gt;</code> instead of <code>&lt;button&gt;</code>"],["<code>disabled</code>","boolean","false",""],["<code>type</code>","string","button","button \xB7 submit \xB7 reset"],["<code>icon</code>","string","\u2014","SVG HTML prepended inside"],["<code>iconAfter</code>","string","\u2014","SVG HTML appended inside"],["<code>fullWidth</code>","boolean","false",""],["<code>class</code>","string","\u2014","Extra classes appended to the element"],["<code>attrs</code>","object","{}","Extra HTML attributes (button only)"]])}
-    `})};var o=document.getElementById("pulse-root");o&&!o.dataset.pulseMounted&&(o.dataset.pulseMounted="1",n(a,o,window.__PULSE_SERVER__||{},{ssr:!0}),l(o,n));var P=a;export{P as default};

package/docs/public/dist/components--card.boot-PZGNDIB6.js

@@ -1,138 +0,0 @@
-import{a as e,b as c}from"./runtime-ZJ4FXT5O.js";import{Pa as n,a as s,b as i,c as t}from"./runtime-UVPXO4IR.js";import"./runtime-VMJA3Z4N.js";import"./runtime-QFURDKA2.js";import{a as l,h as d}from"./runtime-L2HNXIHW.js";import{a as o,b as u}from"./runtime-B73WLANC.js";var{prev:p,next:m}=l("/components/card"),r={route:"/components/card",meta:{title:"Card \u2014 Pulse Docs",description:"Card component for Pulse UI.",styles:["/pulse-ui.css","/docs.css"]},state:{},view:()=>c({currentHref:"/components/card",prev:p,next:m,name:"card",description:"<code>content</code> and <code>footer</code> are raw HTML slots \u2014 they pass through as-is. Wrap user-supplied values in <code>escHtml()</code> before composing them into the string.",content:`
-      ${e(t({title:"Recent activity",content:'<p class="u-text-muted u-text-sm" style="margin:0">No activity in the last 7 days.</p>',footer:s({label:"View all",href:"#",variant:"ghost",size:"sm"})}),`card({
-  title:   'Recent activity',
-  content: \`<p class="u-text-muted u-text-sm">No activity in the last 7 days.</p>\`,
-  footer:  button({ label: 'View all', href: '/activity', variant: 'ghost', size: 'sm' }),
-})`)}
-
-      <h2 class="doc-h2" id="image">With image</h2>
-      <p>Use <code>flush</code> to remove body padding, then add an image at the top and restore padding on the text content below it.</p>
-
-      ${e(t({flush:!0,content:`
-            <div class="u-rounded-md u-overflow-hidden" style="height:180px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;">
-              <span style="font-size:3rem">\u{1F304}</span>
-            </div>
-            <div class="u-p-5">
-              <p class="u-font-semibold u-mb-2" style="margin-top:0">Mountain retreat</p>
-              <p class="u-text-muted u-text-sm" style="margin:0">A peaceful escape in the highlands. Three nights, all-inclusive.</p>
-            </div>
-          `,footer:s({label:"Book now",href:"#",variant:"primary",size:"sm"})}),`card({
-  flush: true,
-  content: \`
-    <div class="u-rounded-md u-overflow-hidden" style="height:180px;background:...">
-      <img src="/img/retreat.jpg" alt="Mountain retreat" style="width:100%;height:100%;object-fit:cover">
-    </div>
-    <div class="u-p-5">
-      <p class="u-font-semibold u-mb-2">Mountain retreat</p>
-      <p class="u-text-muted u-text-sm">A peaceful escape in the highlands.</p>
-    </div>
-  \`,
-  footer: button({ label: 'Book now', href: '/book', variant: 'primary', size: 'sm' }),
-})`)}
-
-      <h2 class="doc-h2" id="badges">With badges</h2>
-      <p>Compose <code>badge()</code> inside <code>content</code> to show status labels or category tags.</p>
-
-      ${e(t({title:"API rate limits",content:`
-            <div class="u-flex u-gap-2 u-mb-4">
-              ${i({label:"Production",variant:"success"})}
-              ${i({label:"v2.1",variant:"info"})}
-            </div>
-            <p class="u-text-muted u-text-sm" style="margin:0">Requests are capped at 1,000/min per API key. Contact support to increase your limit.</p>
-          `,footer:`
-            <div class="u-flex u-gap-2">
-              ${s({label:"View docs",href:"#",variant:"ghost",size:"sm"})}
-              ${s({label:"Request increase",href:"#",variant:"secondary",size:"sm"})}
-            </div>
-          `}),`card({
-  title:   'API rate limits',
-  content: \`
-    <div class="u-flex u-gap-2 u-mb-4">
-      \${badge({ label: 'Production', variant: 'success' })}
-      \${badge({ label: 'v2.1',       variant: 'info' })}
-    </div>
-    <p class="u-text-muted u-text-sm">Requests are capped at 1,000/min per API key.</p>
-  \`,
-  footer: \`
-    \${button({ label: 'View docs',        href: '/docs',    variant: 'ghost',     size: 'sm' })}
-    \${button({ label: 'Request increase', href: '/contact', variant: 'secondary', size: 'sm' })}
-  \`,
-})`)}
-
-      <h2 class="doc-h2" id="metadata">With metadata row</h2>
-      <p>A flex row inside <code>content</code> works well for author, date, read-time and similar metadata.</p>
-
-      ${e(t({title:"Building with Pulse",content:`
-            <p class="u-text-muted u-text-sm u-mb-4">Learn how to scaffold a new project and ship your first spec-driven page in under ten minutes.</p>
-            <div class="u-flex u-gap-3" style="align-items:center;flex-wrap:wrap">
-              <div style="width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);flex-shrink:0"></div>
-              <span class="u-text-sm u-text-muted">Jane Smith</span>
-              <span class="u-text-sm u-text-muted">\xB7</span>
-              <span class="u-text-sm u-text-muted">Mar 15, 2024</span>
-              <span class="u-text-sm u-text-muted u-ml-auto">5 min read</span>
-            </div>
-          `,footer:s({label:"Read article \u2192",href:"#",variant:"ghost",size:"sm"})}),`card({
-  title:   'Building with Pulse',
-  content: \`
-    <p class="u-text-muted u-text-sm u-mb-4">Learn how to scaffold a new project...</p>
-    <div class="u-flex u-gap-3" style="align-items:center;flex-wrap:wrap">
-      <img src="/img/avatar.jpg" class="u-rounded-full" style="width:28px;height:28px" alt="">
-      <span class="u-text-sm u-text-muted">Jane Smith</span>
-      <span class="u-text-sm u-text-muted">\xB7</span>
-      <span class="u-text-sm u-text-muted">Mar 15, 2024</span>
-      <span class="u-text-sm u-text-muted u-ml-auto">5 min read</span>
-    </div>
-  \`,
-  footer: button({ label: 'Read article \u2192', href: '/blog/pulse', variant: 'ghost', size: 'sm' }),
-})`)}
-
-      <h2 class="doc-h2" id="stat">Stat / metric card</h2>
-      <p>Cards without a title work well as simple metric tiles. Use <code>grid()</code> to lay multiple cards out side by side.</p>
-
-      ${e(n({cols:3,gap:"sm",content:[t({content:'<p class="u-text-muted u-text-sm u-mb-1" style="margin-top:0">Total revenue</p><p class="u-text-3xl u-font-bold" style="margin:0">\xA348,295</p><p class="u-text-sm u-text-green u-mb-0" style="margin-top:.25rem">\u2191 12% this month</p>'}),t({content:'<p class="u-text-muted u-text-sm u-mb-1" style="margin-top:0">Active users</p><p class="u-text-3xl u-font-bold" style="margin:0">3,842</p><p class="u-text-sm u-text-muted u-mb-0" style="margin-top:.25rem">Across all plans</p>'}),t({content:'<p class="u-text-muted u-text-sm u-mb-1" style="margin-top:0">Churn rate</p><p class="u-text-3xl u-font-bold" style="margin:0">1.4%</p><p class="u-text-sm u-text-red u-mb-0" style="margin-top:.25rem">\u2191 0.2% vs last month</p>'})].join("")}),`grid({
-  cols: 3,
-  gap: 'sm',
-  content: [
-    card({
-      content: \`
-        <p class="u-text-muted u-text-sm u-mb-1">Total revenue</p>
-        <p class="u-text-3xl u-font-bold">\xA348,295</p>
-        <p class="u-text-sm u-text-green">\u2191 12% this month</p>
-      \`,
-    }),
-    card({ ... }),
-    card({ ... }),
-  ].join(''),
-})`)}
-
-      <h2 class="doc-h2" id="grid-inside">Grid inside a card</h2>
-      <p>Components compose freely \u2014 pass a <code>grid()</code> into a card's <code>content</code> slot for structured layouts inside a surface.</p>
-
-      ${e(t({title:"Plan comparison",content:n({cols:3,gap:"sm",content:[`<div class="u-text-center u-p-2">
-                <p class="u-font-semibold u-mb-1" style="margin-top:0">Starter</p>
-                <p class="u-text-2xl u-font-bold u-mb-1" style="margin:0">\xA30</p>
-                <p class="u-text-muted u-text-sm" style="margin:0">Up to 3 projects</p>
-              </div>`,`<div class="u-text-center u-p-2" style="border-left:1px solid var(--ui-border);border-right:1px solid var(--ui-border)">
-                <p class="u-font-semibold u-mb-1" style="margin-top:0;color:var(--ui-accent)">Pro</p>
-                <p class="u-text-2xl u-font-bold u-mb-1" style="margin:0">\xA312</p>
-                <p class="u-text-muted u-text-sm" style="margin:0">Unlimited projects</p>
-              </div>`,`<div class="u-text-center u-p-2">
-                <p class="u-font-semibold u-mb-1" style="margin-top:0">Enterprise</p>
-                <p class="u-text-2xl u-font-bold u-mb-1" style="margin:0">Custom</p>
-                <p class="u-text-muted u-text-sm" style="margin:0">SLA + support</p>
-              </div>`].join("")}),footer:s({label:"View full pricing",href:"#",variant:"ghost",size:"sm"})}),`card({
-  title:   'Plan comparison',
-  content: grid({
-    cols: 3,
-    gap: 'sm',
-    content: [
-      \`<div class="u-text-center u-p-2">...</div>\`,
-      \`<div class="u-text-center u-p-2">...</div>\`,
-      \`<div class="u-text-center u-p-2">...</div>\`,
-    ].join(''),
-  }),
-  footer: button({ label: 'View full pricing', href: '/pricing', variant: 'ghost', size: 'sm' }),
-})`)}
-
-      ${d(["Prop","Type","Default",""],[["<code>title</code>","string","\u2014","Escaped automatically"],["<code>level</code>","number","3","Heading tag for the title (1\u20136). Visual style is unchanged \u2014 use this to keep the document outline correct when the surrounding context already has an h2 or h3."],["<code>content</code>","string","\u2014","HTML string \u2014 not escaped"],["<code>footer</code>","string","\u2014","HTML string \u2014 not escaped"],["<code>flush</code>","boolean","false","Removes body padding \u2014 useful for full-bleed images or tables"],["<code>class</code>","string","\u2014",""]])}
-    `})};var a=document.getElementById("pulse-root");a&&!a.dataset.pulseMounted&&(a.dataset.pulseMounted="1",o(r,a,window.__PULSE_SERVER__||{},{ssr:!0}),u(a,o));var P=r;export{P as default};

package/docs/public/dist/components--carousel.boot-TP6LPFZZ.js

@@ -1,12 +0,0 @@
-import{a as r,b as l}from"./runtime-ZJ4FXT5O.js";import{Ya as t}from"./runtime-UVPXO4IR.js";import"./runtime-VMJA3Z4N.js";import"./runtime-QFURDKA2.js";import{a as d,h as a}from"./runtime-L2HNXIHW.js";import{a as s,b as n}from"./runtime-B73WLANC.js";var{prev:p,next:f}=d("/components/carousel");function e(c,u){return`<div style="height:220px;display:flex;align-items:center;justify-content:center;background:${c};border-radius:10px;font-size:1.1rem;font-weight:700;color:var(--ui-text)">${u}</div>`}var i={route:"/components/carousel",meta:{title:"Carousel \u2014 Pulse Docs",description:"Carousel / slider component for Pulse UI.",styles:["/pulse-ui.css","/docs.css"]},state:{},view:()=>l({currentHref:"/components/carousel",prev:p,next:f,name:"carousel",description:"CSS scroll-snap carousel with optional prev/next arrows and dot navigation. Touch / swipe friendly out of the box. Requires <code>pulse-ui.js</code> for button and dot interactivity.",content:`
-      ${r(t({slides:[e("var(--ui-surface-2)","Slide 1"),e("var(--ui-surface)","Slide 2"),e("var(--ui-surface-2)","Slide 3")]}),'carousel({\n  slides: [\n    `<div class="slide">Slide 1</div>`,\n    `<div class="slide">Slide 2</div>`,\n    `<div class="slide">Slide 3</div>`,\n  ],\n})')}
-
-      <h3 class="doc-h3" id="arrows-dots"><a href="#arrows-dots" class="heading-anchor">Arrows and dots</a></h3>
-      ${r(t({arrows:!0,dots:!1,slides:[e("var(--ui-surface-2)","Arrows only \u2014 Slide 1"),e("var(--ui-surface)","Arrows only \u2014 Slide 2")]}),`carousel({
-  slides: [ /* ... */ ],
-  arrows: true,
-  dots:   false,   // hide dot navigation
-})`)}
-
-      ${a(["Prop","Type","Default",""],[["<code>slides</code>","string[] (HTML)","[]","Array of raw HTML strings \u2014 one per slide"],["<code>arrows</code>","boolean","<code>true</code>","Show prev/next arrow buttons"],["<code>dots</code>","boolean","<code>true</code>","Show dot navigation (hidden when only one slide)"],["<code>class</code>","string","\u2014",""]])}
-    `})};var o=document.getElementById("pulse-root");o&&!o.dataset.pulseMounted&&(o.dataset.pulseMounted="1",s(i,o,window.__PULSE_SERVER__||{},{ssr:!0}),n(o,s));var b=i;export{b as default};

package/docs/public/dist/components--charts.boot-2EOYQWKL.js

@@ -1,108 +0,0 @@
-import{a as e,b as m}from"./runtime-ZJ4FXT5O.js";import{Ca as n,Pa as i,c as l,ib as t,jb as r,kb as u,lb as a}from"./runtime-UVPXO4IR.js";import"./runtime-VMJA3Z4N.js";import"./runtime-QFURDKA2.js";import{a as p,h as o}from"./runtime-L2HNXIHW.js";import{a as d,b as v}from"./runtime-B73WLANC.js";var{prev:g,next:f}=p("/components/charts"),c=[{label:"Jan",value:42},{label:"Feb",value:78},{label:"Mar",value:55},{label:"Apr",value:91},{label:"May",value:63},{label:"Jun",value:84}],h=[{label:"Mon",value:1200},{label:"Tue",value:1850},{label:"Wed",value:1540},{label:"Thu",value:2100},{label:"Fri",value:1760},{label:"Sat",value:890},{label:"Sun",value:720}],b={route:"/components/charts",meta:{title:"Charts \u2014 Pulse Docs",description:"Server-rendered SVG charts for Pulse UI.",styles:["/pulse-ui.css","/docs.css"]},state:{},view:()=>m({currentHref:"/components/charts",prev:g,next:f,name:"charts",description:"Server-rendered SVG charts \u2014 no JavaScript, no external library. Pure functions that return SVG strings, composable with any layout component. All colours use design tokens and respond to light/dark theme.",content:`
-
-      <h2 class="doc-h2" id="bar">Bar chart</h2>
-      <p>Vertical bars with optional grid, value labels, and a zero baseline. All colour variants available.</p>
-      ${e(t({data:c,color:"accent"}),`barChart({
-  data: [
-    { label: 'Jan', value: 42 },
-    { label: 'Feb', value: 78 },
-    { label: 'Mar', value: 55 },
-    { label: 'Apr', value: 91 },
-    { label: 'May', value: 63 },
-    { label: 'Jun', value: 84 },
-  ],
-  color: 'accent',
-})`)}
-
-      <h3 class="doc-h3">With value labels</h3>
-      ${e(t({data:c,color:"success",showValues:!0}),"barChart({ data, color: 'success', showValues: true })")}
-
-      <h3 class="doc-h3">Large dataset with tight gap</h3>
-      ${e(t({data:h,color:"blue",gap:.15}),"barChart({ data: traffic, color: 'blue', gap: 0.15 })")}
-
-      <h3 class="doc-h3">Negative values</h3>
-      ${e(t({data:[{label:"Q1",value:24},{label:"Q2",value:-8},{label:"Q3",value:41},{label:"Q4",value:-15}],color:"warning",showValues:!0}),`barChart({
-  data: [
-    { label: 'Q1', value:  24 },
-    { label: 'Q2', value: -8  },
-    { label: 'Q3', value:  41 },
-    { label: 'Q4', value: -15 },
-  ],
-  color: 'warning',
-  showValues: true,
-})`)}
-
-      <h2 class="doc-h2" id="line">Line chart</h2>
-      <p>Connected data points with optional dots, area fill, and grid lines.</p>
-      ${e(r({data:c,color:"accent"}),`lineChart({
-  data: [
-    { label: 'Jan', value: 42 },
-    ...
-  ],
-  color: 'accent',
-})`)}
-
-      <h3 class="doc-h3">With area fill</h3>
-      ${e(r({data:c,color:"accent",area:!0}),"lineChart({ data, color: 'accent', area: true })")}
-
-      <h3 class="doc-h3">No dots, area fill, success colour</h3>
-      ${e(r({data:h,color:"success",area:!0,showDots:!1}),"lineChart({ data, color: 'success', area: true, showDots: false })")}
-
-      <h2 class="doc-h2" id="donut">Donut chart</h2>
-      <p>Ring chart with multiple segments. Each item can override its colour. Pass <code>label</code> and <code>sublabel</code> for a centred annotation.</p>
-      ${e('<div style="display:flex;justify-content:center">'+u({label:"73%",sublabel:"satisfied",data:[{label:"Satisfied",value:73,color:"success"},{label:"Neutral",value:18,color:"muted"},{label:"Unsatisfied",value:9,color:"error"}]})+"</div>",`donutChart({
-  label:    '73%',
-  sublabel: 'satisfied',
-  data: [
-    { label: 'Satisfied',   value: 73, color: 'success' },
-    { label: 'Neutral',     value: 18, color: 'muted'   },
-    { label: 'Unsatisfied', value: 9,  color: 'error'   },
-  ],
-})`)}
-
-      <h3 class="doc-h3">Thinner ring</h3>
-      ${e('<div style="display:flex;justify-content:center">'+u({size:180,thickness:22,label:"4",sublabel:"segments",data:[{label:"A",value:40,color:"accent"},{label:"B",value:30,color:"blue"},{label:"C",value:20,color:"success"},{label:"D",value:10,color:"warning"}]})+"</div>",`donutChart({
-  size: 180, thickness: 22,
-  label: '4', sublabel: 'segments',
-  data: [
-    { label: 'A', value: 40, color: 'accent'  },
-    { label: 'B', value: 30, color: 'blue'    },
-    { label: 'C', value: 20, color: 'success' },
-    { label: 'D', value: 10, color: 'warning' },
-  ],
-})`)}
-
-      <h2 class="doc-h2" id="sparkline">Sparkline</h2>
-      <p>Minimal inline trend line \u2014 pass a plain array of numbers. Designed to sit alongside <code>stat()</code> tiles or inside table cells.</p>
-      ${e('<div style="display:flex;gap:.75rem;align-items:center;flex-wrap:wrap">'+a({data:[12,18,14,22,19,28,24,31],color:"accent",area:!0})+a({data:[31,24,28,19,22,14,18,12],color:"error",area:!0})+a({data:[12,18,14,22,19,28,24,31],color:"success",area:!1})+"</div>",`sparkline({ data: [12,18,14,22,19,28,24,31], color: 'accent', area: true })
-sparkline({ data: [31,24,28,19,22,14,18,12], color: 'error',  area: true })`)}
-
-      <h2 class="doc-h2" id="composition">Composition</h2>
-      <p>Charts compose with <code>card()</code>, <code>stat()</code>, <code>grid()</code> \u2014 drop any chart into any content slot.</p>
-      ${e(i({cols:2,gap:"md",content:l({title:"Monthly signups",content:t({data:c,color:"accent",height:180})})+l({title:"Daily traffic",content:r({data:h,color:"blue",area:!0,height:180})})}),`grid({
-  cols: 2,
-  content:
-    card({ title: 'Monthly signups', content: barChart({ data, height: 180 }) }) +
-    card({ title: 'Daily traffic',   content: lineChart({ data, color: 'blue', area: true, height: 180 }) }),
-})`)}
-
-      <h3 class="doc-h3">Sparkline in stat tiles</h3>
-      ${e(i({cols:3,gap:"md",content:l({content:n({label:"Revenue",value:"$18.2k",change:"+12%",trend:"up"})+`<div style="margin-top:.75rem">${a({data:[8,11,9,14,12,16,15,18],width:"100%",color:"success",area:!0})}</div>`})+l({content:n({label:"Users",value:"4,821",change:"+8.4%",trend:"up"})+`<div style="margin-top:.75rem">${a({data:[22,28,24,31,27,34,30,38],width:"100%",color:"accent",area:!0})}</div>`})+l({content:n({label:"Churn",value:"2.1%",change:"\u22120.3%",trend:"down"})+`<div style="margin-top:.75rem">${a({data:[8,6,7,5,6,4,5,3],width:"100%",color:"error",area:!0})}</div>`})}),`card({
-  content: stat({ label: 'Revenue', value: '$18.2k', change: '+12%', trend: 'up' }) +
-    \`<div style="margin-top:.75rem">\${sparkline({ data, color: 'success', area: true })}</div>\`,
-})`)}
-
-      <h2 class="doc-h2" id="props">Props</h2>
-
-      <h3 class="doc-h3">barChart()</h3>
-      ${o(["Prop","Type","Default",""],[["<code>data</code>","array","\u2014","<code>{ label, value }[]</code>"],["<code>height</code>","number","220","SVG height in px"],["<code>color</code>","string","'accent'","accent \xB7 success \xB7 warning \xB7 error \xB7 blue \xB7 muted"],["<code>showValues</code>","boolean","false","Value labels above each bar"],["<code>showGrid</code>","boolean","true","Horizontal grid lines"],["<code>gap</code>","number","0.25","Gap between bars as fraction 0\u20130.9"]])}
-
-      <h3 class="doc-h3" style="margin-top:2rem">lineChart()</h3>
-      ${o(["Prop","Type","Default",""],[["<code>data</code>","array","\u2014","<code>{ label, value }[]</code>"],["<code>height</code>","number","220","SVG height in px"],["<code>color</code>","string","'accent'","accent \xB7 success \xB7 warning \xB7 error \xB7 blue \xB7 muted"],["<code>area</code>","boolean","false","Fill area under the line"],["<code>showDots</code>","boolean","true","Dots at each data point"],["<code>showGrid</code>","boolean","true","Horizontal grid lines"]])}
-
-      <h3 class="doc-h3" style="margin-top:2rem">donutChart()</h3>
-      ${o(["Prop","Type","Default",""],[["<code>data</code>","array","\u2014","<code>{ label, value, color? }[]</code> \u2014 color per segment"],["<code>size</code>","number","200","Diameter in px"],["<code>thickness</code>","number","40","Ring thickness in px"],["<code>label</code>","string","\u2014","Large centre text"],["<code>sublabel</code>","string","\u2014","Smaller text below centre label"]])}
-
-      <h3 class="doc-h3" style="margin-top:2rem">sparkline()</h3>
-      ${o(["Prop","Type","Default",""],[["<code>data</code>","number[]","\u2014","Plain array of numbers"],["<code>width</code>","number","80","SVG width in px"],["<code>height</code>","number","32","SVG height in px"],["<code>color</code>","string","'accent'","accent \xB7 success \xB7 warning \xB7 error \xB7 blue \xB7 muted"],["<code>area</code>","boolean","false","Fill area under the line"]])}
-    `})};var s=document.getElementById("pulse-root");s&&!s.dataset.pulseMounted&&(s.dataset.pulseMounted="1",d(b,s,window.__PULSE_SERVER__||{},{ssr:!0}),v(s,d));var V=b;export{V as default};