@invisibleloop/pulse 0.1.28 → 0.1.29

package/docs/public/dist/components--fileupload.boot-NIKVTTPD.js

@@ -1,52 +0,0 @@
-import{a as e,b as m}from"./runtime-ZJ4FXT5O.js";import{ob as t}from"./runtime-UVPXO4IR.js";import"./runtime-VMJA3Z4N.js";import"./runtime-QFURDKA2.js";import{a as s,h as n,i as r}from"./runtime-L2HNXIHW.js";import{a as i,b as d}from"./runtime-B73WLANC.js";var{prev:u,next:f}=s("/components/file-upload"),c={route:"/components/file-upload",meta:{title:"File Upload \u2014 Pulse Docs",description:"Drag-and-drop file upload zone component for Pulse UI.",styles:["/pulse-ui.css","/docs.css"]},state:{fileName:"",fileSize:""},mutations:{setFile:(o,p)=>{let l=p.target.files[0];return l?{fileName:l.name,fileSize:(l.size/1024).toFixed(1)+" KB"}:{fileName:"",fileSize:""}}},view:o=>m({currentHref:"/components/file-upload",prev:u,next:f,name:"fileUpload",description:'Drag-and-drop upload zone with a hidden <code>&lt;input type="file"&gt;</code>. Clicking or dropping files opens the picker. Requires <code>pulse-ui.js</code> for drag highlighting and click-to-open behaviour.',content:`
-
-      <h2 class="doc-h2" id="basic">Basic</h2>
-      ${e(t({name:"file",label:"Upload file",hint:"PNG, JPG, PDF up to 10 MB",event:"change:setFile"})+(o.fileName?`<p class="u-mt-3 u-text-sm">Selected: <strong>${o.fileName}</strong> (${o.fileSize})</p>`:""),"fileUpload({ name: 'file', label: 'Upload file', hint: 'PNG, JPG, PDF up to 10 MB', event: 'change:setFile' })",{col:!0})}
-
-      <h2 class="doc-h2" id="accept">Accepted file types</h2>
-      ${e(t({name:"avatar",label:"Profile photo",accept:"image/*",hint:"PNG or JPG"}),"fileUpload({ name: 'avatar', label: 'Profile photo', accept: 'image/*', hint: 'PNG or JPG' })",{col:!0})}
-
-      <h2 class="doc-h2" id="multiple">Multiple files</h2>
-      ${e(t({name:"docs",label:"Attachments",multiple:!0,hint:"Select one or more files"}),"fileUpload({ name: 'docs', label: 'Attachments', multiple: true, hint: 'Select one or more files' })",{col:!0})}
-
-      <h2 class="doc-h2" id="error">Error state</h2>
-      ${e(t({name:"file",label:"Upload file",error:"File must be under 10 MB"}),"fileUpload({ name: 'file', label: 'Upload file', error: 'File must be under 10 MB' })",{col:!0})}
-
-      <h2 class="doc-h2" id="disabled">Disabled</h2>
-      ${e(t({name:"file",label:"Upload file",disabled:!0,hint:"Uploads are currently unavailable"}),"fileUpload({ name: 'file', label: 'Upload file', disabled: true, hint: 'Uploads are currently unavailable' })",{col:!0})}
-
-      <h2 class="doc-h2" id="with-action">Reading the file in an action</h2>
-      <p class="u-mb-4 u-text-sm u-color-muted">Use the component inside a <code>&lt;form data-action="..."&gt;</code>. The file is available in FormData under <code>name</code>.</p>
-      ${e(t({name:"attachment",label:"Attachment",accept:".pdf,.doc,.docx",required:!0}),`// view
-\`<form data-action="upload" class="u-flex u-flex-col u-gap-4">
-  \${fileUpload({ name: 'attachment', label: 'Attachment', accept: '.pdf,.doc,.docx', required: true })}
-  \${button({ label: 'Upload', type: 'submit', variant: 'primary' })}
-</form>\`
-
-// action
-upload: {
-  onStart: (state) => ({ status: 'loading' }),
-  run: async (state, serverState, formData) => {
-    const file = formData.get('attachment') // File object
-    // process file...
-  },
-  onSuccess: (state) => ({ status: 'success' }),
-  onError:   (state, err) => ({ status: 'error', message: err.message }),
-}`,{col:!0})}
-
-      <h2 class="doc-h2" id="with-mutation">Live file name via mutation</h2>
-      <p class="u-mb-4 u-text-sm u-color-muted">Use <code>event: 'change:mutationName'</code> to capture the selected filename in state immediately \u2014 without a form submission.</p>
-      ${e(t({name:"photo",label:"Photo",event:"change:setFile",accept:"image/*"}),`// state
-{ fileName: '' }
-
-// mutation \u2014 e.target.files[0] gives the File object
-setFile: (state, e) => ({ fileName: e.target.files[0]?.name ?? '' })
-
-// view
-fileUpload({ name: 'photo', label: 'Photo', accept: 'image/*', event: 'change:setFile' })
-\${state.fileName ? \`<p class="u-mt-2 u-text-sm">\${state.fileName}</p>\` : ''}`,{col:!0})}
-
-      ${r("note","The file object itself cannot be stored in Pulse state \u2014 state must be serialisable. Store the filename or a preview URL (via <code>URL.createObjectURL</code>) instead, and upload the file in an action via FormData.")}
-
-      ${n(["Prop","Type","Default",""],[["<code>name</code>","string","\u2014","Field name \u2014 file available in FormData under this key"],["<code>label</code>","string","\u2014","Visible label text"],["<code>hint</code>","string","\u2014","Helper text, e.g. accepted types and max size"],["<code>error</code>","string","\u2014","Validation error message"],["<code>accept</code>","string","\u2014","Accepted MIME types or extensions, e.g. <code>image/*</code> or <code>.pdf,.docx</code>"],["<code>multiple</code>","boolean","false","Allow selecting multiple files"],["<code>required</code>","boolean","false",""],["<code>disabled</code>","boolean","false",""],["<code>event</code>","string","\u2014","data-event on the input \u2014 use <code>change:mutationName</code> to capture file selection in state"],["<code>id</code>","string","\u2014","Override the generated <code>id</code>"],["<code>class</code>","string","\u2014",""]])}
-    `})};var a=document.getElementById("pulse-root");a&&!a.dataset.pulseMounted&&(a.dataset.pulseMounted="1",i(c,a,window.__PULSE_SERVER__||{},{ssr:!0}),d(a,i));var N=c;export{N as default};

package/docs/public/dist/components--footer.boot-EYUK5FRG.js

@@ -1,14 +0,0 @@
-import{a as s,b as n}from"./runtime-ZJ4FXT5O.js";import{_a as a}from"./runtime-UVPXO4IR.js";import"./runtime-VMJA3Z4N.js";import"./runtime-QFURDKA2.js";import{a as l,h as r}from"./runtime-L2HNXIHW.js";import{a as e,b as i}from"./runtime-B73WLANC.js";var{prev:c,next:p}=l("/components/footer"),t={route:"/components/footer",meta:{title:"Footer \u2014 Pulse Docs",description:"Accessible site footer with logo slot, navigation links, and legal text.",styles:["/pulse-ui.css","/docs.css"]},state:{},view:()=>n({currentHref:"/components/footer",prev:c,next:p,name:"footer",description:"Accessible site footer with logo slot, navigation links, and legal text. Handles responsive stacking, hover states, and focus styles automatically.",content:`
-      ${s(a({logo:"MyApp",logoHref:"/",links:[{label:"Docs",href:"/docs"},{label:"Pricing",href:"/pricing"},{label:"Blog",href:"/blog"},{label:"GitHub",href:"https://github.com"}],legal:"\xA9 2026 MyApp Ltd."}),`footer({
-  logo:     'MyApp',
-  logoHref: '/',
-  links: [
-    { label: 'Docs',    href: '/docs'    },
-    { label: 'Pricing', href: '/pricing' },
-    { label: 'GitHub',  href: 'https://github.com' },
-  ],
-  legal: '\xA9 2026 MyApp Ltd.',
-})`)}
-
-      ${r(["Prop","Type","Default",""],[["<code>logo</code>","string (HTML)","\u2014","Raw HTML slot \u2014 SVG, img, or text"],["<code>logoHref</code>","string","'/'","Logo link destination"],["<code>links</code>","array","[]","[{label, href}] \u2014 footer navigation links"],["<code>legal</code>","string","\u2014","Copyright / legal text"]])}
-    `})};var o=document.getElementById("pulse-root");o&&!o.dataset.pulseMounted&&(o.dataset.pulseMounted="1",e(t,o,window.__PULSE_SERVER__||{},{ssr:!0}),i(o,e));var v=t;export{v as default};

package/docs/public/dist/components--grid.boot-URDQVDDR.js

@@ -1,59 +0,0 @@
-import{a as t,b as u}from"./runtime-ZJ4FXT5O.js";import{Ca as n,Ha as r,Ia as c,Pa as o,c as i}from"./runtime-UVPXO4IR.js";import"./runtime-VMJA3Z4N.js";import"./runtime-QFURDKA2.js";import{a as d,h as p}from"./runtime-L2HNXIHW.js";import{a,b as m}from"./runtime-B73WLANC.js";var{prev:h,next:f}=d("/components/grid"),e=g=>`<div style="background:var(--surface-2);border:1px solid var(--border);border-radius:6px;padding:1.25rem;text-align:center;color:var(--muted)">${g}</div>`,l={route:"/components/grid",meta:{title:"Grid \u2014 Pulse Docs",description:"Grid component for Pulse UI.",styles:["/pulse-ui.css","/docs.css"]},state:{},view:()=>u({currentHref:"/components/grid",prev:h,next:f,name:"grid",description:"Responsive CSS grid. Collapses to a single column on mobile. Direct children of the content slot become grid items \u2014 no wrapper needed.",content:`
-      <h2 class="doc-h2" id="cols">Column counts</h2>
-      <p>Use <code>cols</code> to set the number of columns. All layouts collapse to one column on mobile.</p>
-
-      <h3 class="doc-h3">2 columns</h3>
-      ${t(o({cols:2,content:e("Left")+e("Right")}),"grid({ cols: 2, content: left + right })")}
-
-      <h3 class="doc-h3">3 columns (default)</h3>
-      ${t(o({cols:3,content:e("One")+e("Two")+e("Three")}),"grid({ cols: 3, content: items.join('') })")}
-
-      <h3 class="doc-h3">4 columns</h3>
-      ${t(o({cols:4,content:e("A")+e("B")+e("C")+e("D")}),"grid({ cols: 4, content: items.join('') })")}
-
-      <h2 class="doc-h2" id="gap">Gap sizes</h2>
-      <p>Control spacing between items with <code>gap: 'sm' | 'md' | 'lg'</code>. Default is <code>'md'</code>.</p>
-
-      <h3 class="doc-h3">Small gap</h3>
-      ${t(o({cols:3,gap:"sm",content:e("One")+e("Two")+e("Three")}),"grid({ cols: 3, gap: 'sm', content: items.join('') })")}
-
-      <h3 class="doc-h3">Large gap</h3>
-      ${t(o({cols:3,gap:"lg",content:e("One")+e("Two")+e("Three")}),"grid({ cols: 3, gap: 'lg', content: items.join('') })")}
-
-      <h2 class="doc-h2" id="with-components">With components</h2>
-      <p>Grid accepts any HTML string as content \u2014 pass other component outputs directly.</p>
-
-      <h3 class="doc-h3">Feature grid</h3>
-      ${t(o({cols:3,content:[c({icon:"\u26A1",title:"Fast",description:"Sub-100ms server responses with streaming SSR."}),c({icon:"\u{1F512}",title:"Secure",description:"Security headers on every response, including errors."}),c({icon:"\u{1F3AF}",title:"Simple",description:"No build step, no virtual DOM, no dependencies."})].join("")}),`grid({
-  cols: 3,
-  content: features.map(f => feature(f)).join(''),
-})`)}
-
-      <h3 class="doc-h3">Stat grid</h3>
-      ${t(o({cols:4,content:[n({label:"Monthly users",value:"24.8k",change:"+12%",trend:"up"}),n({label:"Revenue",value:"$18.2k",change:"+8.4%",trend:"up"}),n({label:"Churn rate",value:"2.1%",change:"\u22120.3%",trend:"down"}),n({label:"Uptime",value:"99.98%",change:"0.0%",trend:"neutral"})].join("")}),`grid({
-  cols: 4,
-  content: stats.map(s => stat(s)).join(''),
-})`)}
-
-      <h3 class="doc-h3">Testimonial grid</h3>
-      ${t(o({cols:3,content:[r({quote:"Shipped our redesign in a weekend. No boilerplate, no config hell.",name:"Alex Morgan",role:"CTO at Launchpad",rating:5}),r({quote:"The streaming SSR makes our pages feel instant. Lighthouse is happy.",name:"Sara Kim",role:"Lead Engineer, Orbit",rating:5}),r({quote:"Finally a UI kit that doesn't fight the platform. Just HTML.",name:"Dan Okafor",role:"Founder, Stackly",rating:5})].join("")}),`grid({
-  cols: 3,
-  content: testimonials.map(t => testimonial(t)).join(''),
-})`)}
-
-      <h3 class="doc-h3">Card grid</h3>
-      ${t(o({cols:3,gap:"md",content:[i({title:"Getting started",content:'<p style="color:var(--muted);margin:0">Install and run your first Pulse app in under five minutes.</p>',footer:'<span class="ui-badge">Guide</span>'}),i({title:"Components",content:'<p style="color:var(--muted);margin:0">30+ accessible, composable UI primitives ready to drop in.</p>',footer:'<span class="ui-badge">Reference</span>'}),i({title:"Deployment",content:'<p style="color:var(--muted);margin:0">Static hosting, Node servers, or edge runtimes \u2014 one build.</p>',footer:'<span class="ui-badge">Deploy</span>'})].join("")}),`grid({
-  cols: 3,
-  content: docs.map(d => card({
-    title:   d.title,
-    content: \`<p>\${d.summary}</p>\`,
-    footer:  badge({ label: d.tag }),
-  })).join(''),
-})`)}
-
-      <h2 class="doc-h2" id="1col">Single column</h2>
-      <p>Use <code>cols: 1</code> for a stacked list with consistent spacing \u2014 useful for form sections or timelines.</p>
-      ${t(o({cols:1,gap:"sm",content:e("Step one")+e("Step two")+e("Step three")}),"grid({ cols: 1, gap: 'sm', content: steps.join('') })")}
-
-      ${p(["Prop","Type","Default",""],[["<code>content</code>","string (HTML)","\u2014","Raw HTML slot \u2014 direct children are grid items"],["<code>cols</code>","number","3","1 \xB7 2 \xB7 3 \xB7 4"],["<code>gap</code>","string","'md'","'sm' \xB7 'md' \xB7 'lg'"]])}
-    `})};var s=document.getElementById("pulse-root");s&&!s.dataset.pulseMounted&&(s.dataset.pulseMounted="1",a(l,s,window.__PULSE_SERVER__||{},{ssr:!0}),m(s,a));var C=l;export{C as default};

package/docs/public/dist/components--heading.boot-BPQKU43E.js

@@ -1,44 +0,0 @@
-import{a as t,b as d}from"./runtime-ZJ4FXT5O.js";import{c as r,ub as e}from"./runtime-UVPXO4IR.js";import"./runtime-VMJA3Z4N.js";import"./runtime-QFURDKA2.js";import{a as n,h as i}from"./runtime-L2HNXIHW.js";import{a as l,b as c}from"./runtime-B73WLANC.js";var{prev:h,next:u}=n("/components/heading"),a={route:"/components/heading",meta:{title:"Heading \u2014 Pulse Docs",description:"Styled semantic heading component for Pulse UI.",styles:["/pulse-ui.css","/docs.css"]},state:{},view:()=>d({currentHref:"/components/heading",prev:h,next:u,name:"heading",description:"Styled semantic heading. Renders the correct HTML tag (<code>h1</code>\u2013<code>h6</code>) with consistent typography tokens. Use this instead of raw heading tags so you get the right visual style without remembering utility classes.",content:`
-
-      <h2 class="doc-h2" id="levels">All levels</h2>
-      <p>Each level has a default visual size. The semantic tag and visual size are independent \u2014 see <a href="#size-override">size override</a> below.</p>
-      ${t([1,2,3,4,5,6].map(s=>e({level:s,text:`Heading level ${s}`})).join(""),`heading({ level: 1, text: 'Page title' })
-heading({ level: 2, text: 'Section title' })
-heading({ level: 3, text: 'Subsection' })
-heading({ level: 4, text: 'Card heading' })
-heading({ level: 5, text: 'Label' })
-heading({ level: 6, text: 'Caption' })`,{col:!0})}
-
-      <h2 class="doc-h2" id="size-override">Size override</h2>
-      <p>The <code>size</code> prop lets you use a different visual scale than the default for that level. Useful when you need the correct semantic structure for SEO or accessibility but want a different visual weight.</p>
-      ${t([e({level:2,text:"Semantic h2, looks like h4",size:"xl"}),e({level:3,text:"Semantic h3, extra large",size:"4xl"})].join(""),`// h2 for structure, but visually smaller
-heading({ level: 2, text: 'Related articles', size: 'xl' })
-
-// h3 that needs to be visually prominent
-heading({ level: 3, text: 'Featured', size: '4xl' })`,{col:!0})}
-
-      <h2 class="doc-h2" id="color">Color</h2>
-      ${t([e({level:3,text:"Default colour"}),e({level:3,text:"Muted \u2014 for secondary labels",color:"muted"}),e({level:3,text:"Accent \u2014 for highlights",color:"accent"})].join(""),`heading({ level: 3, text: 'Default colour' })
-heading({ level: 3, text: 'Muted \u2014 for secondary labels', color: 'muted' })
-heading({ level: 3, text: 'Accent \u2014 for highlights', color: 'accent' })`,{col:!0})}
-
-      <h2 class="doc-h2" id="spacing">Spacing</h2>
-      <p><code>heading()</code> adds no margin. Use <code>u-mt-*</code> and <code>u-mb-*</code> utility classes to control spacing in context.</p>
-      ${t(r({content:`
-          ${e({level:2,text:"Account settings",class:"u-mb-2"})}
-          <p class="u-text-muted u-text-sm">Manage your profile and preferences.</p>
-        `}),`card({ content: \`
-  \${heading({ level: 2, text: 'Account settings', class: 'u-mb-2' })}
-  <p class="u-text-muted u-text-sm">Manage your profile and preferences.</p>
-\`})`,{col:!0})}
-
-      <h2 class="doc-h2" id="balance">Preventing orphans</h2>
-      <p>When a heading wraps across lines, the last line can be left with a single short word \u2014 an orphan. The <code>balance</code> prop adds <code>text-wrap: balance</code>, which distributes text evenly across all lines so no word is stranded.</p>
-      ${t([e({level:2,text:"The quick brown fox jumps over the lazy dog tonight"}),e({level:2,text:"The quick brown fox jumps over the lazy dog tonight",balance:!0})].join('<p class="u-text-muted u-text-sm u-mt-2 u-mb-4">\u2191 without balance \u2014 \u2193 with balance: true</p>'),`// Without \u2014 last line may have a single word
-heading({ level: 2, text: 'The quick brown fox jumps over the lazy dog tonight' })
-
-// With \u2014 text distributed evenly across lines
-heading({ level: 2, text: 'The quick brown fox jumps over the lazy dog tonight', balance: true })`,{col:!0})}
-
-      ${i(["Prop","Type","Default",""],[["<code>level</code>","number (1\u20136)","2","Controls both the HTML tag and the default visual size"],["<code>text</code>","string","\u2014","Heading text \u2014 escaped automatically"],["<code>size</code>","<code>xs | sm | base | lg | xl | 2xl | 3xl | 4xl</code>","\u2014","Override the visual font size independently of the semantic level. Defaults: h1=4xl, h2=3xl, h3=2xl, h4=xl, h5=base, h6=sm"],["<code>color</code>","<code>default | muted | accent</code>","<code>default</code>","Text colour token"],["<code>balance</code>","boolean","<code>false</code>","Adds <code>text-wrap: balance</code> \u2014 prevents orphaned words on the last line when the heading wraps"],["<code>class</code>","string","\u2014","Extra classes \u2014 use for spacing utilities such as <code>u-mb-4</code>"]])}
-    `})};var o=document.getElementById("pulse-root");o&&!o.dataset.pulseMounted&&(o.dataset.pulseMounted="1",l(a,o,window.__PULSE_SERVER__||{},{ssr:!0}),c(o,l));var w=a;export{w as default};

package/docs/public/dist/components--hero.boot-4RAPRGAB.js

@@ -1,17 +0,0 @@
-import{a as t,b as d}from"./runtime-ZJ4FXT5O.js";import{Ga as r,Ma as s}from"./runtime-UVPXO4IR.js";import"./runtime-VMJA3Z4N.js";import"./runtime-QFURDKA2.js";import{a as l,h as a}from"./runtime-L2HNXIHW.js";import{a as o,b as n}from"./runtime-B73WLANC.js";var{prev:p,next:c}=l("/components/hero"),i={route:"/components/hero",meta:{title:"Hero \u2014 Pulse Docs",description:"Hero component for Pulse UI.",styles:["/pulse-ui.css","/docs.css"]},state:{},view:()=>d({currentHref:"/components/hero",prev:p,next:c,name:"hero",description:"Full-width hero section. The <code>actions</code> slot accepts any combination of <code>button()</code> and <code>appBadge()</code> calls. Set <code>align: 'left'</code> for a split-layout hero. Use <code>size: 'sm'</code> for inner-page headers that don't need the full vertical padding.",content:`
-      ${t(r({eyebrow:"Now available",title:"The app your phone deserves",subtitle:"Beautifully simple. Ridiculously fast. Available on iOS and Android.",actions:s({store:"apple",href:"#"})+" "+s({store:"google",href:"#"})}),`hero({
-  eyebrow:  'Now available',
-  title:    'The app your phone deserves',
-  subtitle: 'Beautifully simple. Ridiculously fast.',
-  actions:  appBadge({ store: 'apple',  href: appStoreUrl }) +
-            appBadge({ store: 'google', href: playStoreUrl }),
-})`)}
-
-      ${t(r({title:"Blog",subtitle:"Thoughts on building for the web.",size:"sm"}),`hero({
-  title:    'Blog',
-  subtitle: 'Thoughts on building for the web.',
-  size:     'sm',
-})`)}
-
-      ${a(["Prop","Type","Default",""],[["<code>eyebrow</code>","string","\u2014","Small label above the title"],["<code>title</code>","string","\u2014",""],["<code>subtitle</code>","string","\u2014",""],["<code>actions</code>","string (HTML)","\u2014","Raw HTML slot"],["<code>align</code>","string","'center'","'center' or 'left'"],["<code>size</code>","string","'md'","'md' (5rem padding) or 'sm' (2.5rem top, no bottom) \u2014 use sm for inner-page headers"]])}
-    `})};var e=document.getElementById("pulse-root");e&&!e.dataset.pulseMounted&&(e.dataset.pulseMounted="1",o(i,e,window.__PULSE_SERVER__||{},{ssr:!0}),n(e,o));var v=i;export{v as default};

package/docs/public/dist/components--icons.boot-ZITNU5JP.js

@@ -1,68 +0,0 @@
-import{a as n,b as x}from"./runtime-ZJ4FXT5O.js";import{$ as ln,A as b,B as X,C as l,D as V,E as C,F as N,G as O,H as Z,I as _,Ia as o,J as W,K as j,L as J,M as t,N as K,O as z,P as Q,Q as Y,R as nn,S as en,T as on,U as cn,V as an,W as rn,X as tn,Y as d,Z as sn,_ as S,a as i,aa as dn,ba as pn,ca as mn,da as un,e as P,ea as p,f as U,fa as gn,g as $,ga as fn,h as D,ha as hn,i as M,ia as bn,j as L,ja as Cn,k as A,ka as zn,l as q,la as Sn,m as E,ma as wn,n as H,na as vn,o as T,oa as yn,p as I,pa as m,q as R,qa as e,r as c,ra as kn,s as g,sa as xn,t as a,ta as Pn,u as B,ua as Un,v as r,va as $n,w as f,wa as Dn,x as F,y as G,z as h}from"./runtime-UVPXO4IR.js";import"./runtime-VMJA3Z4N.js";import"./runtime-QFURDKA2.js";import{a as v,h as y}from"./runtime-L2HNXIHW.js";import{a as u,b as k}from"./runtime-B73WLANC.js";var{prev:En,next:Hn}=v("/components/icons"),Tn=[{group:"Navigation & Direction",icons:[{name:"iconArrowLeft",fn:P},{name:"iconArrowRight",fn:U},{name:"iconArrowUp",fn:$},{name:"iconArrowDown",fn:D},{name:"iconChevronLeft",fn:M},{name:"iconChevronRight",fn:L},{name:"iconChevronUp",fn:A},{name:"iconChevronDown",fn:q},{name:"iconExternalLink",fn:E},{name:"iconMenu",fn:H},{name:"iconX",fn:T},{name:"iconMoreHorizontal",fn:I},{name:"iconMoreVertical",fn:R}]},{group:"Status",icons:[{name:"iconCheck",fn:c},{name:"iconCheckCircle",fn:g},{name:"iconXCircle",fn:a},{name:"iconAlertCircle",fn:B},{name:"iconAlertTriangle",fn:r},{name:"iconInfo",fn:f}]},{group:"Actions",icons:[{name:"iconPlus",fn:F},{name:"iconMinus",fn:G},{name:"iconEdit",fn:h},{name:"iconTrash",fn:b},{name:"iconCopy",fn:X},{name:"iconSearch",fn:l},{name:"iconFilter",fn:V},{name:"iconDownload",fn:C},{name:"iconUpload",fn:N},{name:"iconRefresh",fn:O},{name:"iconSend",fn:Z}]},{group:"UI Controls",icons:[{name:"iconEye",fn:_},{name:"iconEyeOff",fn:W},{name:"iconLock",fn:j},{name:"iconUnlock",fn:J},{name:"iconSettings",fn:t},{name:"iconBell",fn:K}]},{group:"People & Communication",icons:[{name:"iconUser",fn:z},{name:"iconUsers",fn:Q},{name:"iconMail",fn:Y},{name:"iconMessageSquare",fn:nn}]},{group:"Navigation & Pages",icons:[{name:"iconHome",fn:en},{name:"iconMapPin",fn:Dn},{name:"iconLogOut",fn:on},{name:"iconLogIn",fn:cn}]},{group:"Content & Files",icons:[{name:"iconFile",fn:an},{name:"iconImage",fn:rn},{name:"iconLink",fn:tn},{name:"iconCode",fn:d},{name:"iconCalendar",fn:sn},{name:"iconClock",fn:S},{name:"iconBookmark",fn:ln},{name:"iconTag",fn:dn}]},{group:"Media & Rating",icons:[{name:"iconPlay",fn:pn},{name:"iconPause",fn:mn},{name:"iconVolume",fn:un},{name:"iconStar",fn:p},{name:"iconHeart",fn:gn}]},{group:"Devices",icons:[{name:"iconPhone",fn},{name:"iconGamepad",fn:hn}]},{group:"Hand Pointers",icons:[{name:"iconHandPointUp",fn:bn},{name:"iconHandPointDown",fn:Cn},{name:"iconHandPointLeft",fn:zn},{name:"iconHandPointRight",fn:Sn}]},{group:"Misc",icons:[{name:"iconGlobe",fn:yn},{name:"iconShield",fn:m},{name:"iconZap",fn:e},{name:"iconTrendingUp",fn:kn},{name:"iconTrendingDown",fn:xn},{name:"iconLoader",fn:Pn},{name:"iconGrid",fn:Un},{name:"iconBug",fn:$n}]},{group:"Theme",icons:[{name:"iconSun",fn:wn},{name:"iconMoon",fn:vn}]}];function In(){return Tn.map(({group:Mn,icons:Ln})=>`
-    <h3 class="doc-h3" style="margin-top:2rem">${Mn}</h3>
-    <div class="icon-grid">
-      ${Ln.map(({name:An,fn:qn})=>`
-        <div class="icon-grid-item">
-          <div class="icon-grid-preview">${qn({size:20})}</div>
-          <span class="icon-grid-name">${An}</span>
-        </div>
-      `).join("")}
-    </div>
-  `).join("")}var w={route:"/components/icons",meta:{title:"Icons \u2014 Pulse Docs",description:"Built-in icon set for Pulse UI.",styles:["/pulse-ui.css","/docs.css"]},state:{},view:()=>x({currentHref:"/components/icons",prev:En,next:Hn,name:"icons",description:'55 curated icons. All are pure functions returning an SVG string \u2014 no external library, no DOM dependency, tree-shakeable. Style: 24\xD724 viewBox, <code>stroke="currentColor"</code>, compatible with any colour token.',content:`
-
-      <h2 class="doc-h2" id="usage">Usage</h2>
-      <p>Import the icon functions you need alongside other components. Call each as a function \u2014 optionally pass <code>size</code> and <code>class</code>.</p>
-      ${n('<div style="display:flex;gap:1rem;align-items:center;flex-wrap:wrap">'+c({size:20})+l({size:20})+z({size:20})+p({size:20})+e({size:20})+t({size:20})+"</div>",`import { iconCheck, iconSearch, iconUser } from '@invisibleloop/pulse/ui'
-
-// Default size (16px)
-iconCheck()
-
-// Custom size
-iconSearch({ size: 20 })
-
-// With extra class
-iconUser({ size: 20, class: 'u-text-accent' })`)}
-
-      <h2 class="doc-h2" id="with-button">With button</h2>
-      <p>Pass an icon into the <code>icon</code> prop of <code>button()</code>.</p>
-      ${n('<div style="display:flex;gap:.75rem;flex-wrap:wrap;align-items:center">'+i({label:"Download",variant:"primary",icon:C({size:14})})+i({label:"Edit",variant:"secondary",icon:h({size:14})})+i({label:"Delete",variant:"danger",icon:b({size:14})})+i({label:"Search",variant:"ghost",icon:l({size:14})})+"</div>",`button({ label: 'Download', variant: 'primary',   icon: iconDownload({ size: 14 }) })
-button({ label: 'Edit',     variant: 'secondary', icon: iconEdit({ size: 14 }) })
-button({ label: 'Delete',   variant: 'danger',    icon: iconTrash({ size: 14 }) })
-button({ label: 'Search',   variant: 'ghost',     icon: iconSearch({ size: 14 }) })`)}
-
-      <h2 class="doc-h2" id="with-feature">With feature</h2>
-      <p>Icons compose naturally into the <code>feature()</code> icon slot.</p>
-      ${n('<div style="display:grid;grid-template-columns:repeat(3,1fr);gap:1rem">'+o({icon:e({size:20}),title:"Fast",description:"Streaming SSR. No build step."})+o({icon:m({size:20}),title:"Secure",description:"Security headers on every response."})+o({icon:d({size:20}),title:"Simple",description:"Plain JS objects, no JSX."})+"</div>",`feature({ icon: iconZap({ size: 20 }),    title: 'Fast',   description: '...' })
-feature({ icon: iconShield({ size: 20 }), title: 'Secure', description: '...' })
-feature({ icon: iconCode({ size: 20 }),   title: 'Simple', description: '...' })`)}
-
-      <h2 class="doc-h2" id="background">Background</h2>
-      <p>Add <code>bg: 'circle'</code> or <code>bg: 'square'</code> to wrap the icon in a tinted background. Use <code>bgColor</code> to pick the colour \u2014 defaults to <code>'accent'</code>.</p>
-
-      <h3 class="doc-h3">Circle</h3>
-      ${n('<div style="display:flex;gap:1rem;align-items:center;flex-wrap:wrap">'+e({size:20,bg:"circle",bgColor:"accent"})+c({size:20,bg:"circle",bgColor:"success"})+r({size:20,bg:"circle",bgColor:"warning"})+a({size:20,bg:"circle",bgColor:"error"})+t({size:20,bg:"circle",bgColor:"muted"})+"</div>",`iconZap({          size: 20, bg: 'circle', bgColor: 'accent'  })
-iconCheck({        size: 20, bg: 'circle', bgColor: 'success' })
-iconAlertTriangle({ size: 20, bg: 'circle', bgColor: 'warning' })
-iconXCircle({      size: 20, bg: 'circle', bgColor: 'error'   })
-iconSettings({     size: 20, bg: 'circle', bgColor: 'muted'   })`)}
-
-      <h3 class="doc-h3">Square (rounded)</h3>
-      ${n('<div style="display:flex;gap:1rem;align-items:center;flex-wrap:wrap">'+e({size:20,bg:"square",bgColor:"accent"})+c({size:20,bg:"square",bgColor:"success"})+r({size:20,bg:"square",bgColor:"warning"})+a({size:20,bg:"square",bgColor:"error"})+t({size:20,bg:"square",bgColor:"muted"})+"</div>","iconZap({ size: 20, bg: 'square', bgColor: 'accent' })")}
-
-      <h3 class="doc-h3">With feature()</h3>
-      <p>Pairs naturally with the <code>feature()</code> icon slot at larger sizes.</p>
-      ${n('<div style="display:grid;grid-template-columns:repeat(3,1fr);gap:1rem">'+o({icon:e({size:22,bg:"square",bgColor:"accent"}),title:"Fast",description:"Streaming SSR, zero config."})+o({icon:m({size:22,bg:"square",bgColor:"success"}),title:"Secure",description:"Security headers by default."})+o({icon:d({size:22,bg:"square",bgColor:"muted"}),title:"Simple",description:"Plain JS objects, no JSX."})+"</div>",`feature({ icon: iconZap({    size: 22, bg: 'square', bgColor: 'accent'  }), title: 'Fast',   description: '...' })
-feature({ icon: iconShield({ size: 22, bg: 'square', bgColor: 'success' }), title: 'Secure', description: '...' })
-feature({ icon: iconCode({   size: 22, bg: 'square', bgColor: 'muted'   }), title: 'Simple', description: '...' })`)}
-
-      <h2 class="doc-h2" id="colour">Colour</h2>
-      <p>Icons inherit <code>color</code> from their parent \u2014 use utility classes or CSS tokens to tint them.</p>
-      ${n(`<div style="display:flex;gap:1.25rem;align-items:center"><span class="u-text-accent">${p({size:20})}</span><span class="u-text-green">${g({size:20})}</span><span class="u-text-red">${a({size:20})}</span><span class="u-text-yellow">${r({size:20})}</span><span class="u-text-blue">${f({size:20})}</span><span class="u-text-muted">${S({size:20})}</span></div>`,'<span class="u-text-accent">${iconStar({ size: 20 })}</span>\n<span class="u-text-green">${iconCheckCircle({ size: 20 })}</span>\n<span class="u-text-red">${iconXCircle({ size: 20 })}</span>\n<span class="u-text-yellow">${iconAlertTriangle({ size: 20 })}</span>')}
-
-      <h2 class="doc-h2" id="all-icons">All icons</h2>
-      <p>Click any icon name to copy the import.</p>
-
-      ${In()}
-
-      ${y(["Prop","Type","Default",""],[["<code>size</code>","number","16","Width and height in px"],["<code>class</code>","string","\u2014","Extra CSS classes (on wrapper when <code>bg</code> is set, otherwise on the SVG)"],["<code>bg</code>","string","\u2014","'circle' \xB7 'square' \u2014 wraps the icon in a tinted background"],["<code>bgColor</code>","string","'accent'","'accent' \xB7 'success' \xB7 'warning' \xB7 'error' \xB7 'muted'"]])}
-    `})};var s=document.getElementById("pulse-root");s&&!s.dataset.pulseMounted&&(s.dataset.pulseMounted="1",u(w,s,window.__PULSE_SERVER__||{},{ssr:!0}),k(s,u));var Zn=w;export{Zn as default};

package/docs/public/dist/components--image.boot-XEEGHQZF.js

@@ -1,19 +0,0 @@
-import{a as o,b as s}from"./runtime-ZJ4FXT5O.js";import{rb as t}from"./runtime-UVPXO4IR.js";import"./runtime-VMJA3Z4N.js";import"./runtime-QFURDKA2.js";import{a as c,h as r}from"./runtime-L2HNXIHW.js";import{a as i,b as d}from"./runtime-B73WLANC.js";var{prev:n,next:p}=c("/components/image"),a={route:"/components/image",meta:{title:"Image \u2014 Pulse Docs",description:"Responsive image component with optional aspect-ratio crop and caption for Pulse UI.",styles:["/pulse-ui.css","/docs.css"]},state:{},view:()=>s({currentHref:"/components/image",prev:n,next:p,name:"uiImage",description:'Responsive image component. Supports aspect-ratio cropping with <code>object-fit: cover</code>, optional caption, and rounded corners. Always uses <code>loading="lazy"</code> and <code>decoding="async"</code>.',content:`
-
-      <h2 class="doc-h2" id="ratio">With aspect ratio</h2>
-      <p>Set <code>ratio</code> to constrain the image to a fixed aspect ratio. The image fills the crop area with <code>object-fit: cover</code>.</p>
-      ${o(t({src:"https://picsum.photos/seed/pulse1/800/450",alt:"Mountain landscape at dusk",ratio:"16/9"}),"uiImage({ src: '/img/photo.jpg', alt: 'Mountain landscape at dusk', ratio: '16/9' })",{col:!0})}
-
-      <h2 class="doc-h2" id="rounded">Square and rounded</h2>
-      ${o(`<div style="max-width:200px;margin:0 auto">${t({src:"https://picsum.photos/seed/pulse2/400/400",alt:"Profile photo",ratio:"1/1",rounded:!0})}</div>`,"uiImage({ src: '/img/avatar.jpg', alt: 'Profile photo', ratio: '1/1', rounded: true })",{col:!0})}
-
-      <h2 class="doc-h2" id="caption">With caption</h2>
-      ${o(t({src:"https://picsum.photos/seed/pulse3/800/600",alt:"Aerial view of a coastal town",ratio:"4/3",caption:"Aerial view of Porto, Portugal. Photo by Jo\xE3o Silva."}),`uiImage({
-  src:     '/img/photo.jpg',
-  alt:     'Aerial view of a coastal town',
-  ratio:   '4/3',
-  caption: 'Aerial view of Porto, Portugal. Photo by Jo\xE3o Silva.',
-})`,{col:!0})}
-
-      ${r(["Prop","Type","Default",""],[["<code>src</code>","string","\u2014","Image source URL"],["<code>alt</code>","string","\u2014","Alt text \u2014 required for accessibility"],["<code>caption</code>","string","\u2014","Renders a <code>&lt;figcaption&gt;</code> below the image"],["<code>ratio</code>","string","\u2014","CSS aspect-ratio string e.g. <code>'16/9'</code>, <code>'4/3'</code>, <code>'1/1'</code>. When set, the image fills the crop area with <code>object-fit: cover</code>."],["<code>rounded</code>","boolean","false","Applies full border-radius to the image wrap"],["<code>width</code>","number","\u2014","Sets the <code>width</code> attribute on the <code>&lt;img&gt;</code>"],["<code>height</code>","number","\u2014","Sets the <code>height</code> attribute on the <code>&lt;img&gt;</code>"],["<code>class</code>","string","\u2014",""]])}
-    `})};var e=document.getElementById("pulse-root");e&&!e.dataset.pulseMounted&&(e.dataset.pulseMounted="1",i(a,e,window.__PULSE_SERVER__||{},{ssr:!0}),d(e,i));var b=a;export{b as default};

package/docs/public/dist/components--input.boot-SGASZG5K.js

@@ -1,7 +0,0 @@
-import{a as i,b as n}from"./runtime-ZJ4FXT5O.js";import{d as o}from"./runtime-UVPXO4IR.js";import"./runtime-VMJA3Z4N.js";import"./runtime-QFURDKA2.js";import{a as d,h as r}from"./runtime-L2HNXIHW.js";import{a as t,b as l}from"./runtime-B73WLANC.js";var{prev:c,next:s}=d("/components/input"),a={route:"/components/input",meta:{title:"Input \u2014 Pulse Docs",description:"Input component for Pulse UI.",styles:["/pulse-ui.css","/docs.css"]},state:{},view:()=>n({currentHref:"/components/input",prev:c,next:s,name:"input",description:"The label and error are wired up automatically \u2014 <code>for</code>/<code>id</code> and <code>aria-describedby</code> are set from <code>name</code>. You don't need to manage ids yourself.",content:`
-      ${i(o({name:"email1",label:"Email address",type:"email",placeholder:"you@example.com"})+o({name:"email2",label:"Email address",type:"email",value:"bad@",error:"Enter a valid email address"})+o({name:"search",label:"Search",placeholder:"Filter by name\u2026",hint:"Results update as you type"}),`input({ name: 'email',  label: 'Email address', type: 'email', placeholder: 'you@example.com' })
-input({ name: 'email',  label: 'Email address', error: 'Enter a valid email address', value: state.email })
-input({ name: 'search', label: 'Search', placeholder: 'Filter by name\u2026', hint: 'Results update as you type' })`,{col:!0})}
-
-      ${r(["Prop","Type","Default",""],[["<code>name</code>","string","\u2014","Also used as id base: <code>field-{name}</code>"],["<code>label</code>","string","\u2014",""],["<code>type</code>","string","text","Any valid HTML input type"],["<code>placeholder</code>","string","\u2014",""],["<code>value</code>","string","\u2014","Pre-filled value \u2014 escaped automatically"],["<code>error</code>","string","\u2014",'Triggers <code>aria-invalid</code> and <code>role="alert"</code>'],["<code>hint</code>","string","\u2014","Helper text below the input"],["<code>required</code>","boolean","false","Adds <code>required</code>, <code>aria-required</code>, and a visual asterisk"],["<code>disabled</code>","boolean","false",""],["<code>id</code>","string","\u2014","Override the generated id"],["<code>attrs</code>","object","{}","Extra attributes on the <code>&lt;input&gt;</code> element"]])}
-    `})};var e=document.getElementById("pulse-root");e&&!e.dataset.pulseMounted&&(e.dataset.pulseMounted="1",t(a,e,window.__PULSE_SERVER__||{},{ssr:!0}),l(e,t));var v=a;export{v as default};

package/docs/public/dist/components--list.boot-W3XC5MHD.js

@@ -1,55 +0,0 @@
-import{a as t,b as c}from"./runtime-ZJ4FXT5O.js";import{vb as e}from"./runtime-UVPXO4IR.js";import"./runtime-VMJA3Z4N.js";import"./runtime-QFURDKA2.js";import{a as d,h as i}from"./runtime-L2HNXIHW.js";import{a as o,b as n}from"./runtime-B73WLANC.js";var{prev:a,next:p}=d("/components/list"),r={route:"/components/list",meta:{title:"List \u2014 Pulse Docs",description:"Styled ordered and unordered list component for Pulse UI.",styles:["/pulse-ui.css","/docs.css"]},state:{},view:()=>c({currentHref:"/components/list",prev:a,next:p,name:"list",description:"Styled unordered or ordered list with consistent spacing and colour tokens. Use this instead of raw <code>&lt;ul&gt;</code> / <code>&lt;ol&gt;</code>. Items are HTML strings \u2014 other components can be passed as items.",content:`
-
-      <h2 class="doc-h2" id="unordered">Unordered</h2>
-      ${t(e({items:["Streaming SSR on every page","Security headers by default","Zero client-side dependencies","Lighthouse 100 out of the box"]}),`list({
-  items: [
-    'Streaming SSR on every page',
-    'Security headers by default',
-    'Zero client-side dependencies',
-    'Lighthouse 100 out of the box',
-  ],
-})`,{col:!0})}
-
-      <h2 class="doc-h2" id="ordered">Ordered</h2>
-      ${t(e({ordered:!0,items:["Create a new Pulse project","Add your pages to <code>src/pages/</code>","Run <code>pulse dev</code> to start the server","Deploy when ready"]}),`list({
-  ordered: true,
-  items: [
-    'Create a new Pulse project',
-    'Add your pages to src/pages/',
-    'Run pulse dev to start the server',
-    'Deploy when ready',
-  ],
-})`,{col:!0})}
-
-      <h2 class="doc-h2" id="gap">Gap</h2>
-      <p>Control vertical spacing between items with the <code>gap</code> prop.</p>
-      ${t(`<div class="u-flex u-gap-8">
-          <div>
-            <p class="u-text-muted u-text-sm u-mb-2">xs</p>
-            ${e({gap:"xs",items:["Design","Build","Ship"]})}
-          </div>
-          <div>
-            <p class="u-text-muted u-text-sm u-mb-2">sm (default)</p>
-            ${e({gap:"sm",items:["Design","Build","Ship"]})}
-          </div>
-          <div>
-            <p class="u-text-muted u-text-sm u-mb-2">md</p>
-            ${e({gap:"md",items:["Design","Build","Ship"]})}
-          </div>
-        </div>`,`list({ gap: 'xs', items: [...] })
-list({ gap: 'sm', items: [...] })  // default
-list({ gap: 'md', items: [...] })`,{col:!0})}
-
-      <h2 class="doc-h2" id="rich-items">Items with markup</h2>
-      <p>Items are HTML strings \u2014 pass any markup including other components. Always escape user data before including it in item strings.</p>
-      ${t(e({items:["<strong>spec.state</strong> \u2014 initial client state, deep-cloned on mount","<strong>spec.mutations</strong> \u2014 synchronous state updates","<strong>spec.actions</strong> \u2014 async operations with lifecycle hooks","<strong>spec.server</strong> \u2014 server-side data fetchers"]}),`list({
-  items: [
-    '<strong>spec.state</strong> \u2014 initial client state',
-    '<strong>spec.mutations</strong> \u2014 synchronous state updates',
-    '<strong>spec.actions</strong> \u2014 async operations with lifecycle hooks',
-    '<strong>spec.server</strong> \u2014 server-side data fetchers',
-  ],
-})`,{col:!0})}
-
-      ${i(["Prop","Type","Default",""],[["<code>items</code>","string[]","\u2014","Array of HTML strings for each list item \u2014 escape user data before passing"],["<code>ordered</code>","boolean","<code>false</code>","<code>false</code> renders <code>&lt;ul&gt;</code>, <code>true</code> renders <code>&lt;ol&gt;</code>"],["<code>gap</code>","<code>xs | sm | md</code>","<code>sm</code>","Vertical spacing between items"],["<code>class</code>","string","\u2014","Extra classes on the list element"]])}
-    `})};var s=document.getElementById("pulse-root");s&&!s.dataset.pulseMounted&&(s.dataset.pulseMounted="1",o(r,s,window.__PULSE_SERVER__||{},{ssr:!0}),n(s,o));var x=r;export{x as default};

package/docs/public/dist/components--media.boot-5VFIETZO.js

@@ -1,13 +0,0 @@
-import{a as i,b as s}from"./runtime-ZJ4FXT5O.js";import{Qa as d,Ua as m,a as c}from"./runtime-UVPXO4IR.js";import"./runtime-VMJA3Z4N.js";import"./runtime-QFURDKA2.js";import{a as r,h as n}from"./runtime-L2HNXIHW.js";import{a as t,b as a}from"./runtime-B73WLANC.js";var{prev:l,next:p}=r("/components/media"),o={route:"/components/media",meta:{title:"Media \u2014 Pulse Docs",description:"Media component for Pulse UI.",styles:["/pulse-ui.css","/docs.css"]},state:{},view:()=>s({currentHref:"/components/media",prev:l,next:p,name:"media",description:"Two-column image + text layout. Stacks vertically on mobile. Set <code>reverse</code> to alternate image position for multi-block feature sections.",content:`
-      ${i(m({image:'<div style="background:var(--ui-surface-2);border:1px solid var(--ui-border);border-radius:8px;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;color:var(--ui-muted);font-size:.875rem">Screenshot</div>',content:d({gap:"md",content:'<h3 style="font-size:1.25rem;font-weight:700;color:var(--ui-text);margin:0">One-tap controls</h3><p style="color:var(--ui-muted);margin:0">Tap to flap. Chippy Bird takes seconds to learn and a lifetime to conquer.</p>'+c({label:"Download",href:"#"})})}),`media({
-  image:   \`<img src="\${screenshot}" alt="App screenshot">\`,
-  content: stack({ gap: 'md', content:
-    '<h3>One-tap controls</h3>' +
-    '<p>Tap to flap.</p>' +
-    button({ label: 'Download', href: appStoreUrl })
-  }),
-  reverse: false,
-})`)}
-
-      ${n(["Prop","Type","Default",""],[["<code>image</code>","string (HTML)","\u2014","Raw HTML slot \u2014 img, figure, SVG, or styled div"],["<code>content</code>","string (HTML)","\u2014","Raw HTML slot"],["<code>reverse</code>","boolean","false","Puts text left, image right"],["<code>align</code>","string","'center'","'center' \xB7 'start'"],["<code>gap</code>","string","'md'","'sm' \xB7 'md' \xB7 'lg'"]])}
-    `})};var e=document.getElementById("pulse-root");e&&!e.dataset.pulseMounted&&(e.dataset.pulseMounted="1",t(o,e,window.__PULSE_SERVER__||{},{ssr:!0}),a(e,t));var w=o;export{w as default};

package/docs/public/dist/components--modal.boot-RZUYXBN2.js

@@ -1,47 +0,0 @@
-import{a as i,b as g}from"./runtime-ZJ4FXT5O.js";import{Ra as l,Wa as o,Xa as t,a as r}from"./runtime-UVPXO4IR.js";import"./runtime-VMJA3Z4N.js";import"./runtime-QFURDKA2.js";import{a as c,h as a,i as d}from"./runtime-L2HNXIHW.js";import{a as n,b as m}from"./runtime-B73WLANC.js";var{prev:p,next:u}=c("/components/modal"),s={route:"/components/modal",meta:{title:"Modal \u2014 Pulse Docs",description:"Modal dialog component for Pulse UI.",styles:["/pulse-ui.css","/docs.css"]},state:{},view:()=>g({currentHref:"/components/modal",prev:p,next:u,name:"modal / modalTrigger",description:"A <code>&lt;dialog&gt;</code>-based modal with backdrop, animated open/close, and keyboard dismiss. The Pulse runtime handles open and close natively \u2014 no extra script needed.",content:`
-      ${i(l({justify:"center",content:t({target:"demo-modal",label:"Open modal"})+o({id:"demo-modal",title:"Confirm action",content:'<p style="color:var(--ui-muted);margin:0">Are you sure you want to delete this item? This action cannot be undone.</p>',footer:r({label:"Cancel",variant:"secondary",type:"submit"})+r({label:"Delete",variant:"danger"})})}),`// Render the dialog somewhere on the page
-modal({
-  id:      'confirm-delete',
-  title:   'Confirm action',
-  content: '<p>Are you sure? This cannot be undone.</p>',
-  footer:
-    button({ label: 'Cancel', variant: 'secondary' }) +
-    button({ label: 'Delete', variant: 'danger' }),
-})
-
-// Open it with a trigger button (or any element with data-dialog-open)
-modalTrigger({ target: 'confirm-delete', label: 'Delete item', variant: 'danger' })`)}
-
-      <h3 class="doc-h3" id="sizes"><a href="#sizes" class="heading-anchor">Sizes</a></h3>
-      ${i(l({gap:"sm",justify:"center",content:t({target:"demo-sm",label:"Small",variant:"secondary",size:"sm"})+t({target:"demo-lg",label:"Large",variant:"secondary",size:"sm"})+o({id:"demo-sm",title:"Small modal",size:"sm",content:'<p style="color:var(--ui-muted);margin:0">A compact dialog for quick confirmations.</p>'})+o({id:"demo-lg",title:"Large modal",size:"lg",content:'<p style="color:var(--ui-muted);margin:0">Use large modals for forms, rich content, or detail views that need more space.</p>'})}),"modal({ id: 'my-modal', title: 'Large modal', size: 'lg', content: '...' })")}
-
-      ${a(["Prop","Type","Default",""],[["<code>id</code>","string","\u2014","Unique ID \u2014 required for triggers to target this dialog"],["<code>title</code>","string","\u2014",""],["<code>level</code>","number","2","Heading tag for the title (1\u20136). Visual style is unchanged."],["<code>content</code>","string (HTML)","\u2014","Body HTML"],["<code>footer</code>","string (HTML)","\u2014","Footer HTML \u2014 typically button() calls"],["<code>size</code>","<code>sm | md | lg | xl</code>","<code>md</code>",""],["<code>class</code>","string","\u2014",""]])}
-
-      <h3 class="doc-h3" id="trigger-props"><a href="#trigger-props" class="heading-anchor">modalTrigger props</a></h3>
-
-      ${a(["Prop","Type","Default",""],[["<code>target</code>","string","\u2014","The modal's <code>id</code>"],["<code>label</code>","string","<code>Open</code>",""],["<code>variant</code>","<code>primary | secondary | ghost | danger</code>","<code>primary</code>",""],["<code>size</code>","<code>sm | md | lg</code>","<code>md</code>",""],["<code>class</code>","string","\u2014",""]])}
-
-      <h3 class="doc-h3" id="custom-trigger"><a href="#custom-trigger" class="heading-anchor">Custom triggers</a></h3>
-      <p class="doc-body">Any element with <code>data-dialog-open="&lt;id&gt;"</code> opens the dialog when clicked. Use <code>data-dialog-close</code> on any element inside or outside the dialog to close it programmatically:</p>
-      <pre class="code-block"><code>&lt;button data-dialog-open="my-modal"&gt;Open&lt;/button&gt;
-&lt;button data-dialog-close&gt;Cancel&lt;/button&gt;</code></pre>
-      ${d("tip",'The dialog also closes on ESC, backdrop click, and <code>&lt;form method="dialog"&gt;</code> submit \u2014 all native browser behaviour, no JavaScript needed.')}
-
-      <h3 class="doc-h3" id="forms-inside"><a href="#forms-inside" class="heading-anchor">Forms inside a modal</a></h3>
-      <p class="doc-body"><code>modal()</code> wraps all content in <code>&lt;form method="dialog"&gt;</code> for native close behaviour. You <strong>cannot nest a <code>&lt;form data-action="..."&gt;</code> inside it</strong> \u2014 browsers silently discard nested forms, so the action will never fire.</p>
-      <p class="doc-body">When a modal button needs to trigger a Pulse action, place the form <em>outside</em> the modal and use the HTML <code>form</code> attribute to associate the button with it:</p>
-      <pre class="code-block"><code>// The action form lives outside the modal \u2014 hidden, no visible fields needed
-&lt;form id="delete-form" data-action="deleteAccount" style="display:none"&gt;&lt;/form&gt;
-
-\${modal({
-  id:      'confirm-delete',
-  title:   'Delete account?',
-  content: '&lt;p&gt;This cannot be undone.&lt;/p&gt;',
-  footer:
-    // type="submit" with no form= closes the modal natively (submits &lt;form method="dialog"&gt;)
-    button({ label: 'Cancel',         variant: 'secondary', type: 'submit' }) +
-    // form="delete-form" associates this button with the external form \u2192 fires the action
-    button({ label: 'Confirm delete', variant: 'danger', attrs: { form: 'delete-form', type: 'submit' } }),
-})}</code></pre>
-      ${d("note","The hidden form needs no visible fields. <code>onStart</code> receives <code>state</code> and <code>formData</code> \u2014 read anything you need from state directly.")}
-    `})};var e=document.getElementById("pulse-root");e&&!e.dataset.pulseMounted&&(e.dataset.pulseMounted="1",n(s,e,window.__PULSE_SERVER__||{},{ssr:!0}),m(e,n));var C=s;export{C as default};

package/docs/public/dist/components--nav.boot-ODBOHU7O.js

@@ -1,33 +0,0 @@
-import{a as s,b as d}from"./runtime-ZJ4FXT5O.js";import{La as t,a as o}from"./runtime-UVPXO4IR.js";import"./runtime-VMJA3Z4N.js";import"./runtime-QFURDKA2.js";import{a as i,h as a}from"./runtime-L2HNXIHW.js";import{a as l,b as r}from"./runtime-B73WLANC.js";var{prev:c,next:p}=i("/components/nav"),n={route:"/components/nav",meta:{title:"Nav \u2014 Pulse Docs",description:"Nav component for Pulse UI.",styles:["/pulse-ui.css","/docs.css"]},state:{},view:()=>d({currentHref:"/components/nav",prev:c,next:p,name:"nav",description:"Sticky-capable site header with logo, navigation links, and an optional CTA button. On mobile (&lt; 640px) links collapse behind a burger button \u2014 clicking it reveals an overlay panel that sits on top of page content without pushing it down. Wired automatically by <code>pulse-ui.js</code>.",content:`
-      ${s(t({logo:"<strong>MyApp</strong>",logoHref:"/",links:[{label:"Features",href:"#features"},{label:"Pricing",href:"#pricing"},{label:"FAQ",href:"#faq"}],action:o({label:"Download",size:"sm"}),sticky:!1}),`nav({
-  logo:     '<strong>MyApp</strong>',
-  logoHref: '/',
-  links: [
-    { label: 'Features', href: '#features' },
-    { label: 'Pricing',  href: '#pricing'  },
-    { label: 'FAQ',      href: '#faq'      },
-  ],
-  action: button({ label: 'Download', size: 'sm' }),
-  sticky: true,
-})`)}
-
-      <h2 class="doc-h2" id="mobile">Mobile view</h2>
-      <p>At &lt; 640px the links and action are hidden and replaced with a burger button. The panel opens as an overlay \u2014 no layout shift.</p>
-
-      <div class="demo-phone demo-mobile-nav">
-        <div class="demo-phone-statusbar"><div class="demo-phone-pill"></div></div>
-        ${t({logo:"<strong>MyApp</strong>",logoHref:"/",links:[{label:"Features",href:"#features"},{label:"Pricing",href:"#pricing"},{label:"FAQ",href:"#faq"}],action:o({label:"Download",size:"sm"})})}
-        <div class="demo-phone-content"><p>Tap the burger to open the overlay</p></div>
-      </div>
-
-      <h2 class="doc-h2" id="burger-left">Burger on the left</h2>
-      <p>Set <code>burgerAlign: 'left'</code> to place the burger before the logo \u2014 common in app-style layouts.</p>
-
-      <div class="demo-phone demo-mobile-nav">
-        <div class="demo-phone-statusbar"><div class="demo-phone-pill"></div></div>
-        ${t({logo:"<strong>MyApp</strong>",logoHref:"/",links:[{label:"Features",href:"#features"},{label:"Pricing",href:"#pricing"},{label:"FAQ",href:"#faq"}],action:o({label:"Download",size:"sm"}),burgerAlign:"left"})}
-        <div class="demo-phone-content"><p>Burger on the left \u2014 logo stays right</p></div>
-      </div>
-
-      ${a(["Prop","Type","Default",""],[["<code>logo</code>","string (HTML)","\u2014","Raw HTML slot \u2014 SVG, img, or text"],["<code>logoHref</code>","string","'/'",""],["<code>links</code>","array","[]","<code>{ label, href }[]</code>"],["<code>action</code>","string (HTML)","\u2014","Raw HTML slot \u2014 shown in desktop bar and mobile menu"],["<code>sticky</code>","boolean","false","position: sticky with backdrop blur"],["<code>burgerAlign</code>","string","'right'","'right' or 'left' \u2014 mobile burger position"]])}
-    `})};var e=document.getElementById("pulse-root");e&&!e.dataset.pulseMounted&&(e.dataset.pulseMounted="1",l(n,e,window.__PULSE_SERVER__||{},{ssr:!0}),r(e,l));var k=n;export{k as default};

package/docs/public/dist/components--pricing.boot-4AQ4ZVBY.js

@@ -1,21 +0,0 @@
-import{a as o,b as p}from"./runtime-ZJ4FXT5O.js";import{Ja as t,a as e}from"./runtime-UVPXO4IR.js";import"./runtime-VMJA3Z4N.js";import"./runtime-QFURDKA2.js";import{a,e as d,h as c}from"./runtime-L2HNXIHW.js";import{a as r,b as s}from"./runtime-B73WLANC.js";var{prev:l,next:g}=a("/components/pricing"),n={route:"/components/pricing",meta:{title:"Pricing \u2014 Pulse Docs",description:"Pricing component for Pulse UI.",styles:["/pulse-ui.css","/docs.css"]},state:{},view:()=>p({currentHref:"/components/pricing",prev:l,next:g,name:"pricing",description:"Single plan card with a feature list and CTA. Set <code>highlighted: true</code> on the recommended plan \u2014 it gets an accent border and a floating <code>badge</code> label.",content:`
-      ${o(t({name:"Pro",price:"$9",period:"/month",description:"For growing teams",features:["Unlimited pages","Priority support","Custom domain"],highlighted:!0,badge:"Most popular",action:e({label:"Get started",fullWidth:!0})}),`pricing({
-  name:        'Pro',
-  price:       '$9',
-  period:      '/month',
-  description: 'For growing teams',
-  features:    ['Unlimited pages', 'Priority support', 'Custom domain'],
-  highlighted: true,
-  badge:       'Most popular',
-  action:      button({ label: 'Get started', fullWidth: true }),
-})`,{col:!0})}
-
-      ${d("multi-plan","Multi-plan layout")}
-      ${o('<div class="ui-pricing-grid ui-pricing-grid--cols-3">'+t({name:"Free",price:"$0",period:"/month",description:"For personal projects",features:["3 pages","Community support"],action:e({label:"Get started",variant:"secondary",fullWidth:!0})})+t({name:"Pro",price:"$9",period:"/month",description:"For growing teams",features:["Unlimited pages","Priority support","Custom domain"],highlighted:!0,badge:"Most popular",action:e({label:"Get started",fullWidth:!0})})+t({name:"Team",price:"$29",period:"/month",description:"For large organisations",features:["Everything in Pro","SSO","SLA"],action:e({label:"Get started",variant:"secondary",fullWidth:!0})})+"</div>",`<div class="ui-pricing-grid ui-pricing-grid--cols-3">
-  \${pricing({ name: 'Free',  price: '$0',  ... })}
-  \${pricing({ name: 'Pro',   price: '$9',  highlighted: true, badge: 'Most popular', ... })}
-  \${pricing({ name: 'Team',  price: '$29', ... })}
-</div>`)}
-
-      ${c(["Prop","Type","Default",""],[["<code>name</code>","string","\u2014",""],["<code>level</code>","number","3","Heading tag for the plan name (1\u20136). Visual style is unchanged."],["<code>price</code>","string","\u2014",'Formatted string \u2014 e.g. "$9", "Free"'],["<code>period</code>","string","\u2014",'e.g. "/month", "/year"'],["<code>description</code>","string","\u2014",""],["<code>features</code>","string[]","[]","List of feature strings"],["<code>action</code>","string (HTML)","\u2014","Raw HTML slot \u2014 typically a button()"],["<code>highlighted</code>","boolean","false","Accent border + elevated appearance"],["<code>badge</code>","string","\u2014","Floating label above the card"]])}
-    `})};var i=document.getElementById("pulse-root");i&&!i.dataset.pulseMounted&&(i.dataset.pulseMounted="1",r(n,i,window.__PULSE_SERVER__||{},{ssr:!0}),s(i,r));var v=n;export{v as default};

package/docs/public/dist/components--progress.boot-GHAGYZOK.js

@@ -1,30 +0,0 @@
-import{a as o,b as d}from"./runtime-ZJ4FXT5O.js";import{Qa as a,hb as e}from"./runtime-UVPXO4IR.js";import"./runtime-VMJA3Z4N.js";import"./runtime-QFURDKA2.js";import{a as l,h as n}from"./runtime-L2HNXIHW.js";import{a as t,b as c}from"./runtime-B73WLANC.js";var{prev:u,next:i}=l("/components/progress"),s={route:"/components/progress",meta:{title:"Progress \u2014 Pulse Docs",description:"Progress bar component for Pulse UI.",styles:["/pulse-ui.css","/docs.css"]},state:{},view:()=>d({currentHref:"/components/progress",prev:u,next:i,name:"progress",description:'Horizontal progress bar with determinate and indeterminate states. Correct <code>role="progressbar"</code> and ARIA attributes are set automatically.',content:`
-
-      <h2 class="doc-h2" id="default">Default</h2>
-      ${o(a({gap:"md",content:e({value:25})+e({value:50})+e({value:75})+e({value:100})}),`progress({ value: 25  })
-progress({ value: 50  })
-progress({ value: 75  })
-progress({ value: 100 })`,{col:!0})}
-
-      <h2 class="doc-h2" id="label">With label and value</h2>
-      <p>Set <code>showLabel</code> and <code>showValue</code> to render text above the bar.</p>
-      ${o(a({gap:"lg",content:e({value:68,label:"Storage used",showLabel:!0,showValue:!0})+e({value:32,label:"Upload complete",showLabel:!0,showValue:!0})}),`progress({ value: 68, label: 'Storage used',    showLabel: true, showValue: true })
-progress({ value: 32, label: 'Upload complete', showLabel: true, showValue: true })`,{col:!0})}
-
-      <h2 class="doc-h2" id="variants">Variants</h2>
-      ${o(a({gap:"md",content:e({value:80,variant:"accent"})+e({value:80,variant:"success"})+e({value:80,variant:"warning"})+e({value:80,variant:"error"})}),`progress({ value: 80, variant: 'accent'  })
-progress({ value: 80, variant: 'success' })
-progress({ value: 80, variant: 'warning' })
-progress({ value: 80, variant: 'error'   })`,{col:!0})}
-
-      <h2 class="doc-h2" id="sizes">Sizes</h2>
-      ${o(a({gap:"md",content:e({value:60,size:"sm"})+e({value:60,size:"md"})+e({value:60,size:"lg"})}),`progress({ value: 60, size: 'sm' })
-progress({ value: 60, size: 'md' })
-progress({ value: 60, size: 'lg' })`,{col:!0})}
-
-      <h2 class="doc-h2" id="indeterminate">Indeterminate</h2>
-      <p>Omit <code>value</code> when the total duration is unknown \u2014 the bar animates continuously.</p>
-      ${o(e({label:"Loading\u2026"}),"progress({ label: 'Loading\u2026' })   // no value = indeterminate",{col:!0})}
-
-      ${n(["Prop","Type","Default",""],[["<code>value</code>","number","\u2014","Current value. Omit for indeterminate."],["<code>max</code>","number","100",""],["<code>label</code>","string","\u2014","Sets <code>aria-label</code> and the visible label when <code>showLabel</code> is true"],["<code>showLabel</code>","boolean","false","Render label text above the bar"],["<code>showValue</code>","boolean","false","Render percentage above the bar (right-aligned)"],["<code>variant</code>","<code>accent | success | warning | error</code>","<code>accent</code>",""],["<code>size</code>","<code>sm | md | lg</code>","<code>md</code>",".25rem / .5rem / 1rem"],["<code>class</code>","string","\u2014",""]])}
-    `})};var r=document.getElementById("pulse-root");r&&!r.dataset.pulseMounted&&(r.dataset.pulseMounted="1",t(s,r,window.__PULSE_SERVER__||{},{ssr:!0}),c(r,t));var z=s;export{z as default};