@invisibleloop/pulse 0.1.23 → 0.1.29

package/docs/public/dist/components--pullquote.boot-Q2WMNAZU.js

@@ -1,22 +0,0 @@
-import{a as t,b as d}from"./runtime-ZJ4FXT5O.js";import{sb as o}from"./runtime-UVPXO4IR.js";import"./runtime-VMJA3Z4N.js";import"./runtime-QFURDKA2.js";import{a as n,h as l}from"./runtime-L2HNXIHW.js";import{a as i,b as c}from"./runtime-B73WLANC.js";var{prev:u,next:r}=n("/components/pullquote"),s={route:"/components/pullquote",meta:{title:"Pullquote \u2014 Pulse Docs",description:"Styled blockquote component for Pulse UI.",styles:["/pulse-ui.css","/docs.css"]},state:{},view:()=>d({currentHref:"/components/pullquote",prev:u,next:r,name:"pullquote",description:"Styled blockquote with an accent left border and optional attribution. Use it to highlight key quotes or testimonials within body content.",content:`
-
-      <h2 class="doc-h2" id="basic">Basic</h2>
-      ${t(o({quote:"Design is not just what it looks like and feels like. Design is how it works.",cite:"Steve Jobs, co-founder of Apple"}),`pullquote({
-  quote: 'Design is not just what it looks like and feels like. Design is how it works.',
-  cite:  'Steve Jobs, co-founder of Apple',
-})`)}
-
-      <h2 class="doc-h2" id="large">Large</h2>
-      ${t(o({quote:"Simplicity is the ultimate sophistication.",cite:"Leonardo da Vinci",size:"lg"}),`pullquote({
-  quote: 'Simplicity is the ultimate sophistication.',
-  cite:  'Leonardo da Vinci',
-  size:  'lg',
-})`)}
-
-      <h2 class="doc-h2" id="no-cite">Without attribution</h2>
-      ${t(o({quote:"Good design makes a product understandable."}),`pullquote({
-  quote: 'Good design makes a product understandable.',
-})`)}
-
-      ${l(["Prop","Type","Default",""],[["<code>quote</code>","string","\u2014","The quote text \u2014 escaped automatically"],["<code>cite</code>","string","\u2014","Attribution text \u2014 rendered in a <code>&lt;figcaption&gt;</code>"],["<code>size</code>","<code>md | lg</code>","<code>md</code>","Controls the font size of the quote text"],["<code>class</code>","string","\u2014",""]])}
-    `})};var e=document.getElementById("pulse-root");e&&!e.dataset.pulseMounted&&(e.dataset.pulseMounted="1",i(s,e,window.__PULSE_SERVER__||{},{ssr:!0}),c(e,i));var k=s;export{k as default};

package/docs/public/dist/components--radio.boot-TJRDQ2OL.js

@@ -1,75 +0,0 @@
-import{a as e,b as s}from"./runtime-ZJ4FXT5O.js";import{db as t,eb as o,ya as p}from"./runtime-UVPXO4IR.js";import"./runtime-VMJA3Z4N.js";import"./runtime-QFURDKA2.js";import{a as i,h as l,i as n}from"./runtime-L2HNXIHW.js";import{a as d,b as c}from"./runtime-B73WLANC.js";var{prev:u,next:m}=i("/components/radio"),r={route:"/components/radio",meta:{title:"Radio \u2014 Pulse Docs",description:"Radio button and radio group components for Pulse UI.",styles:["/pulse-ui.css","/docs.css"]},state:{},view:()=>s({currentHref:"/components/radio",prev:u,next:m,name:"radio",description:"Custom-styled radio buttons with full keyboard and screen-reader support. Use <code>radio()</code> for a single option or <code>radioGroup()</code> for a semantic group inside a form.",content:`
-
-      <h2 class="doc-h2" id="group">Radio group</h2>
-      <p>The standard usage. <code>radioGroup()</code> renders a <code>&lt;fieldset&gt;</code> with a <code>&lt;legend&gt;</code> and marks the currently selected option via the <code>value</code> prop.</p>
-      ${e(o({name:"plan",legend:"Plan",value:"pro",options:[{value:"starter",label:"Starter"},{value:"pro",label:"Pro"},{value:"team",label:"Team"}]}),`radioGroup({
-  name:    'plan',
-  legend:  'Plan',
-  value:   state.plan,   // marks the selected option
-  options: [
-    { value: 'starter', label: 'Starter' },
-    { value: 'pro',     label: 'Pro'     },
-    { value: 'team',    label: 'Team'    },
-  ],
-})`,{col:!0})}
-
-      <h2 class="doc-h2" id="hints">Per-option hints</h2>
-      <p>Each option accepts a <code>hint</code> string for supporting copy below the label.</p>
-      ${e(o({name:"billing",legend:"Billing cycle",value:"annual",options:[{value:"monthly",label:"Monthly",hint:"Billed every month. Cancel any time."},{value:"annual",label:"Annual",hint:"Billed once a year. Save 20%."}]}),`radioGroup({
-  name:    'billing',
-  legend:  'Billing cycle',
-  value:   state.billing,
-  options: [
-    { value: 'monthly', label: 'Monthly', hint: 'Billed every month. Cancel any time.' },
-    { value: 'annual',  label: 'Annual',  hint: 'Billed once a year. Save 20%.'        },
-  ],
-})`,{col:!0})}
-
-      <h2 class="doc-h2" id="error">Error state</h2>
-      <p>Pass <code>error</code> to show a validation message below the group. The message is linked via <code>aria-describedby</code>.</p>
-      ${e(o({name:"size",legend:"Size",error:"Please select a size.",options:[{value:"sm",label:"Small"},{value:"md",label:"Medium"},{value:"lg",label:"Large"}]}),`radioGroup({
-  name:    'size',
-  legend:  'Size',
-  error:   server.errors.size,
-  options: [
-    { value: 'sm', label: 'Small'  },
-    { value: 'md', label: 'Medium' },
-    { value: 'lg', label: 'Large'  },
-  ],
-})`,{col:!0})}
-
-      <h2 class="doc-h2" id="disabled">Disabled options</h2>
-      <p>Set <code>disabled: true</code> on individual options, or pass <code>disabled</code> at the group level to disable all.</p>
-      ${e(o({name:"tier",legend:"Tier",value:"basic",options:[{value:"basic",label:"Basic"},{value:"pro",label:"Pro"},{value:"enterprise",label:"Enterprise",disabled:!0}]}),`radioGroup({
-  name:    'tier',
-  legend:  'Tier',
-  value:   state.tier,
-  options: [
-    { value: 'basic',      label: 'Basic'      },
-    { value: 'pro',        label: 'Pro'        },
-    { value: 'enterprise', label: 'Enterprise', disabled: true },
-  ],
-})`,{col:!0})}
-
-      <h2 class="doc-h2" id="gap">Gap</h2>
-      <p>Control spacing between options with <code>gap</code>: <code>'sm'</code> \xB7 <code>'md'</code> (default) \xB7 <code>'lg'</code>.</p>
-      ${e(o({name:"color",legend:"Colour",gap:"lg",value:"blue",options:[{value:"red",label:"Red"},{value:"blue",label:"Blue"},{value:"green",label:"Green"}]}),"radioGroup({ ..., gap: 'lg' })")}
-
-      <h2 class="doc-h2" id="single">Single radio</h2>
-      <p>Use <code>radio()</code> directly when you need to compose your own group layout \u2014 for example inside a <a href="/components/fieldset">fieldset</a> alongside other controls.</p>
-      ${e(p({legend:"Preferred contact",content:t({name:"contact",value:"email",label:"Email",checked:!0})+t({name:"contact",value:"phone",label:"Phone"})}),`fieldset({
-  legend:  'Preferred contact',
-  content:
-    radio({ name: 'contact', value: 'email', label: 'Email', checked: true }) +
-    radio({ name: 'contact', value: 'phone', label: 'Phone' }),
-})`,{col:!0})}
-
-      <h2 class="doc-h2" id="in-forms">In forms</h2>
-      ${n("note","Radio groups submit the selected <code>value</code> string under <code>name</code> in FormData. If nothing is selected, the field is absent from FormData. Read it in <code>action.onStart</code> or <code>action.run</code> via <code>formData.get('plan')</code>.")}
-
-      <h2 class="doc-h2" id="props-group">radioGroup() props</h2>
-      ${l(["Prop","Type","Default",""],[["<code>name</code>","string","\u2014","Shared <code>name</code> attribute for all inputs in the group"],["<code>legend</code>","string","\u2014","Group label \u2014 renders as a <code>&lt;legend&gt;</code>"],["<code>options</code>","array","<code>[]</code>","Array of <code>{ value, label, hint?, disabled? }</code>"],["<code>value</code>","string","\u2014","The currently selected value \u2014 marks the matching option as <code>checked</code>"],["<code>hint</code>","string","\u2014","Helper text below the group"],["<code>error</code>","string","\u2014","Validation error \u2014 linked via <code>aria-describedby</code>"],["<code>gap</code>","<code>sm | md | lg</code>","<code>md</code>","Spacing between options"],["<code>class</code>","string","\u2014",""]])}
-
-      <h2 class="doc-h2" id="props-radio">radio() props</h2>
-      ${l(["Prop","Type","Default",""],[["<code>name</code>","string","\u2014","Field name"],["<code>value</code>","string","\u2014","Submitted value when this option is selected"],["<code>label</code>","string","\u2014","Visible label"],["<code>checked</code>","boolean","false",""],["<code>disabled</code>","boolean","false",""],["<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",d(r,a,window.__PULSE_SERVER__||{},{ssr:!0}),c(a,d));var w=r;export{w as default};

package/docs/public/dist/components--rating.boot-QBAN6DEL.js

@@ -1,38 +0,0 @@
-import{a,b as l}from"./runtime-ZJ4FXT5O.js";import{c,fb as e}from"./runtime-UVPXO4IR.js";import"./runtime-VMJA3Z4N.js";import"./runtime-QFURDKA2.js";import{a as s,h as r,i as n}from"./runtime-L2HNXIHW.js";import{a as i,b as d}from"./runtime-B73WLANC.js";var{prev:m,next:u}=s("/components/rating"),o={route:"/components/rating",meta:{title:"Rating \u2014 Pulse Docs",description:"Star rating display and interactive input component for Pulse UI.",styles:["/pulse-ui.css","/docs.css"]},state:{},view:()=>l({currentHref:"/components/rating",prev:m,next:u,name:"rating",description:"Star rating component with two modes. Without <code>name</code>: a read-only display that supports half-star values. With <code>name</code>: an interactive radio group that submits the selected value in FormData \u2014 no JavaScript required.",content:`
-
-      <h2 class="doc-h2" id="display">Display (read-only)</h2>
-      <p>Omit <code>name</code> to render a read-only display. Pass <code>value</code> as a number \u2014 halves are supported.</p>
-      ${a('<div style="display:flex;flex-direction:column;gap:1rem;align-items:flex-start">'+e({value:5})+e({value:3.5})+e({value:2})+e({value:0})+"</div>",`rating({ value: 5   })   // 5 stars
-rating({ value: 3.5 })   // 3\xBD stars
-rating({ value: 2   })   // 2 stars
-rating({ value: 0   })   // empty`)}
-
-      <h2 class="doc-h2" id="sizes">Sizes</h2>
-      <p><code>'sm'</code> \xB7 <code>'md'</code> (default) \xB7 <code>'lg'</code></p>
-      ${a('<div style="display:flex;flex-direction:column;gap:1rem;align-items:flex-start">'+e({value:4,size:"sm"})+e({value:4,size:"md"})+e({value:4,size:"lg"})+"</div>",`rating({ value: 4, size: 'sm' })
-rating({ value: 4, size: 'md' })
-rating({ value: 4, size: 'lg' })`)}
-
-      <h2 class="doc-h2" id="interactive">Interactive</h2>
-      <p>Add <code>name</code> to render radio inputs. Hovering a star previews the selection; clicking locks it. The selected value is submitted in FormData.</p>
-      ${a(e({name:"score",label:"Your rating",value:3,size:"lg"}),"rating({ name: 'score', label: 'Your rating', value: state.score, size: 'lg' })")}
-
-      <h2 class="doc-h2" id="in-card">In a card</h2>
-      ${a('<div style="max-width:320px">'+c({title:"Noise-Cancelling Headphones",content:'<div style="display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem">'+e({value:4.5})+'<span style="color:var(--ui-muted);font-size:.85rem">4.5 \xB7 1,284 reviews</span></div><p style="color:var(--ui-muted);margin:0;font-size:.9rem">Crystal-clear audio with 40-hour battery life and adaptive noise cancellation.</p>'})+"</div>",`card({
-  title:   'Noise-Cancelling Headphones',
-  content:
-    '<div style="display:flex;align-items:center;gap:.75rem">' +
-      rating({ value: 4.5 }) +
-      '<span>4.5 \xB7 1,284 reviews</span>' +
-    '</div>' +
-    '<p>Crystal-clear audio...</p>',
-})`)}
-
-      <h2 class="doc-h2" id="disabled">Disabled</h2>
-      ${a(e({name:"locked",value:4,disabled:!0}),"rating({ name: 'locked', value: 4, disabled: true })")}
-
-      <h2 class="doc-h2" id="in-forms">In forms</h2>
-      ${n("note","The interactive rating submits the selected star count as a number string under <code>name</code> in FormData. Read it with <code>Number(formData.get('score'))</code>. If nothing is selected, the field is absent from FormData.")}
-
-      ${r(["Prop","Type","Default",""],[["<code>value</code>","number","0","Current rating. Supports 0.5 steps in display mode."],["<code>max</code>","number","5","Total number of stars"],["<code>name</code>","string","\u2014","Field name \u2014 enables interactive radio mode"],["<code>label</code>","string","\u2014","Accessible group label (interactive mode only)"],["<code>size</code>","<code>sm | md | lg</code>","<code>md</code>","1rem / 1.5rem / 2rem"],["<code>disabled</code>","boolean","false","Interactive mode only"],["<code>class</code>","string","\u2014",""]])}
-    `})};var t=document.getElementById("pulse-root");t&&!t.dataset.pulseMounted&&(t.dataset.pulseMounted="1",i(o,t,window.__PULSE_SERVER__||{},{ssr:!0}),d(t,i));var z=o;export{z as default};

package/docs/public/dist/components--search.boot-PXH5O5AG.js

@@ -1,17 +0,0 @@
-import{a as d,b as l}from"./runtime-ZJ4FXT5O.js";import{xa as o}from"./runtime-UVPXO4IR.js";import"./runtime-VMJA3Z4N.js";import"./runtime-QFURDKA2.js";import{a as c,h as n}from"./runtime-L2HNXIHW.js";import{a as t,b as r}from"./runtime-B73WLANC.js";var{prev:s,next:i}=c("/components/search"),a={route:"/components/search",meta:{title:"Search \u2014 Pulse Docs",description:"Search input component with icon, debounce binding, and clear button.",styles:["/pulse-ui.css","/docs.css"]},state:{},view:()=>l({currentHref:"/components/search",prev:s,next:i,name:"search",description:"A search input with a built-in icon and optional clear button. Handles the native browser cancel button, <code>data-event</code> binding, and debounce in one component. Use this instead of <code>input({ type: 'search' })</code>.",content:`
-      ${d(o({name:"q",label:"Search",placeholder:"Search products\u2026"})+o({name:"q2",label:"Search",placeholder:"Search\u2026",value:"lamp",clearEvent:"clearSearch",labelHidden:!0}),`search({ name: 'q', label: 'Search', placeholder: 'Search products\u2026' })
-
-// With value, clear button, and hidden label:
-search({
-  name:        'q',
-  label:       'Search',
-  labelHidden: true,
-  placeholder: 'Search\u2026',
-  value:       state.search,
-  event:       'input:setSearch',
-  debounce:    200,
-  clearEvent:  'clearSearch',
-})`,{col:!0})}
-
-      ${n(["Prop","Type","Default",""],[["<code>name</code>","string","\u2014","Field name and id base"],["<code>label</code>","string","\u2014","Label text \u2014 always provide for accessibility"],["<code>labelHidden</code>","boolean","false","Hides label visually; still read by screen readers"],["<code>placeholder</code>","string","\u2014",""],["<code>value</code>","string","\u2014","Current value \u2014 controls clear button visibility"],["<code>event</code>","string","\u2014","<code>data-event</code> binding, e.g. <code>'input:setSearch'</code>"],["<code>debounce</code>","number","200","Debounce delay in ms \u2014 only applied when <code>event</code> is set"],["<code>clearEvent</code>","string","\u2014","Click event for the \xD7 button \u2014 only shown when <code>value</code> is non-empty"],["<code>disabled</code>","boolean","false",""],["<code>id</code>","string","\u2014","Override generated id"],["<code>class</code>","string","\u2014","Extra classes on the wrapper"],["<code>attrs</code>","object","{}","Extra attributes on the <code>&lt;input&gt;</code>"]])}
-    `})};var e=document.getElementById("pulse-root");e&&!e.dataset.pulseMounted&&(e.dataset.pulseMounted="1",t(a,e,window.__PULSE_SERVER__||{},{ssr:!0}),r(e,t));var S=a;export{S as default};

package/docs/public/dist/components--section.boot-AQGIYHWW.js

@@ -1,12 +0,0 @@
-import{a as s,b as d}from"./runtime-ZJ4FXT5O.js";import{Na as o,Oa as n}from"./runtime-UVPXO4IR.js";import"./runtime-VMJA3Z4N.js";import"./runtime-QFURDKA2.js";import{a as r,h as c}from"./runtime-L2HNXIHW.js";import{a as t,b as a}from"./runtime-B73WLANC.js";var{prev:l,next:p}=r("/components/section"),i={route:"/components/section",meta:{title:"Section \u2014 Pulse Docs",description:"Vertical padding wrapper with optional background. Compose with container() for full-width background with constrained content.",styles:["/pulse-ui.css","/docs.css"]},state:{},view:()=>d({currentHref:"/components/section",prev:l,next:p,name:"section",description:"Vertical padding wrapper with optional background. Compose with <code>container()</code> for full-width background with constrained content.",content:`
-      ${s(n({eyebrow:"Why Pulse",title:"Built for speed.",subtitle:"Every page scores 100 on Lighthouse by design, not by optimisation.",align:"center",variant:"alt",content:o({size:"md",content:'<p style="text-align:center;color:var(--ui-muted)">Content goes here</p>'})})+n({variant:"dark",content:o({size:"md",content:'<p style="text-align:center;color:var(--ui-muted)">Dark background \xB7 no header</p>'})}),`section({
-  eyebrow:  'Why Pulse',
-  title:    'Built for speed.',
-  subtitle: 'Every page scores 100 on Lighthouse by design.',
-  align:    'center',
-  variant:  'alt',
-  content:  container({ size: 'lg', content: featureGrid }),
-})`)}
-
-      ${c(["Prop","Type","Default",""],[["<code>content</code>","string (HTML)","\u2014","Raw HTML slot"],["<code>variant</code>","string","'default'","'default' \xB7 'alt' \xB7 'dark'"],["<code>padding</code>","string","'md'","'sm' \xB7 'md' \xB7 'lg'"],["<code>id</code>","string","\u2014","Anchor id for nav links"],["<code>eyebrow</code>","string","\u2014","Small label above the title"],["<code>title</code>","string","\u2014","Section heading"],["<code>level</code>","number","2","Heading tag for the title (1\u20136). Visual style is unchanged."],["<code>subtitle</code>","string","\u2014","Supporting text beneath the heading"],["<code>align</code>","string","'left'","'left' \xB7 'center'"]])}
-    `})};var e=document.getElementById("pulse-root");e&&!e.dataset.pulseMounted&&(e.dataset.pulseMounted="1",t(i,e,window.__PULSE_SERVER__||{},{ssr:!0}),a(e,t));var v=i;export{v as default};

package/docs/public/dist/components--segmented.boot-BEVTKEJO.js

@@ -1,33 +0,0 @@
-import{a as t,b as m}from"./runtime-ZJ4FXT5O.js";import{Qa as c,nb as e}from"./runtime-UVPXO4IR.js";import"./runtime-VMJA3Z4N.js";import"./runtime-QFURDKA2.js";import{a as s,h as i,i as n}from"./runtime-L2HNXIHW.js";import{a,b as d}from"./runtime-B73WLANC.js";var{prev:r,next:u}=s("/components/segmented"),l={route:"/components/segmented",meta:{title:"Segmented \u2014 Pulse Docs",description:"iOS-style segmented control component for Pulse UI.",styles:["/pulse-ui.css","/docs.css"]},state:{},view:()=>m({currentHref:"/components/segmented",prev:r,next:u,name:"segmented",description:"iOS-style segmented control built from hidden radio inputs. The selected segment is highlighted via CSS \u2014 no JavaScript required.",content:`
-
-      <h2 class="doc-h2" id="basic">Basic</h2>
-      ${t(e({name:"period",value:"week",options:[{value:"day",label:"Day"},{value:"week",label:"Week"},{value:"month",label:"Month"}]}),`segmented({
-  name:  'period',
-  value: state.period,
-  options: [
-    { value: 'day',   label: 'Day'   },
-    { value: 'week',  label: 'Week'  },
-    { value: 'month', label: 'Month' },
-  ],
-})`)}
-
-      <h2 class="doc-h2" id="sizes">Sizes</h2>
-      ${t(c({gap:"md",content:e({name:"size-sm",value:"b",size:"sm",options:[{value:"a",label:"Small"},{value:"b",label:"Sizes"},{value:"c",label:"Here"}]})+e({name:"size-md",value:"b",size:"md",options:[{value:"a",label:"Medium"},{value:"b",label:"Default"},{value:"c",label:"Size"}]})+e({name:"size-lg",value:"b",size:"lg",options:[{value:"a",label:"Large"},{value:"b",label:"Size"},{value:"c",label:"Here"}]})}),`segmented({ name: 'view', value: 'b', size: 'sm', options: [...] })
-segmented({ name: 'view', value: 'b', size: 'md', options: [...] })
-segmented({ name: 'view', value: 'b', size: 'lg', options: [...] })`)}
-
-      <h2 class="doc-h2" id="ui-context">View toggle</h2>
-      <p>A common use case \u2014 toggling between Grid and List views.</p>
-      ${t(e({name:"layout",value:"grid",options:[{value:"grid",label:"Grid"},{value:"list",label:"List"}]}),`segmented({
-  name:    'layout',
-  value:   state.layout,
-  options: [
-    { value: 'grid', label: 'Grid' },
-    { value: 'list', label: 'List' },
-  ],
-})`)}
-
-      ${n("note","The segmented control submits the selected <code>value</code> string under <code>name</code> in FormData. Read it via <code>formData.get('period')</code> in <code>action.onStart</code> or <code>action.run</code>.")}
-
-      ${i(["Prop","Type","Default",""],[["<code>name</code>","string","\u2014","Field name \u2014 submitted in FormData"],["<code>options</code>","array","[]","Array of <code>{ value, label }</code>"],["<code>value</code>","string","\u2014","The currently selected value"],["<code>size</code>","<code>sm | md | lg</code>","<code>md</code>",""],["<code>disabled</code>","boolean","false","Disables all options"],["<code>class</code>","string","\u2014",""]])}
-    `})};var o=document.getElementById("pulse-root");o&&!o.dataset.pulseMounted&&(o.dataset.pulseMounted="1",a(l,o,window.__PULSE_SERVER__||{},{ssr:!0}),d(o,a));var w=l;export{w as default};

package/docs/public/dist/components--select.boot-47X5RHOC.js

@@ -1,10 +0,0 @@
-import{a as n,b as a}from"./runtime-ZJ4FXT5O.js";import{za as o}from"./runtime-UVPXO4IR.js";import"./runtime-VMJA3Z4N.js";import"./runtime-QFURDKA2.js";import{a as l}from"./runtime-L2HNXIHW.js";import{a as t,b as r}from"./runtime-B73WLANC.js";var{prev:i,next:c}=l("/components/select"),s={route:"/components/select",meta:{title:"Select \u2014 Pulse Docs",description:"Select component for Pulse UI.",styles:["/pulse-ui.css","/docs.css"]},state:{},view:()=>a({currentHref:"/components/select",prev:i,next:c,name:"select",description:"Options can be plain strings or <code>{ value, label }</code> objects. Pass <code>value</code> to mark the current selection.",content:`
-      ${n(o({name:"role",label:"Role",options:["Admin","Editor","Viewer"],value:"Editor"})+o({name:"status",label:"Status",options:[{value:"active",label:"Active"},{value:"paused",label:"Paused"}],error:"Please select a status"}),`select({ name: 'role', label: 'Role', options: ['Admin', 'Editor', 'Viewer'], value: state.role })
-select({
-  name:    'country',
-  label:   'Country',
-  options: [{ value: 'gb', label: 'United Kingdom' }, { value: 'us', label: 'United States' }],
-  value:   state.country,
-  required: true,
-})`,{col:!0})}
-    `})};var e=document.getElementById("pulse-root");e&&!e.dataset.pulseMounted&&(e.dataset.pulseMounted="1",t(s,e,window.__PULSE_SERVER__||{},{ssr:!0}),r(e,t));var E=s;export{E as default};

package/docs/public/dist/components--slider.boot-PSRRX7XL.js

@@ -1,47 +0,0 @@
-import{a as e,b as u}from"./runtime-ZJ4FXT5O.js";import{mb as t}from"./runtime-UVPXO4IR.js";import"./runtime-VMJA3Z4N.js";import"./runtime-QFURDKA2.js";import{a as r,h as l,i as s}from"./runtime-L2HNXIHW.js";import{a as i,b as d}from"./runtime-B73WLANC.js";var{prev:m,next:h}=r("/components/slider"),n={route:"/components/slider",meta:{title:"Slider \u2014 Pulse Docs",description:"Styled range input slider component for Pulse UI.",styles:["/pulse-ui.css","/docs.css"]},state:{brightness:100},mutations:{setBrightness:(o,c)=>({brightness:Number(c.target.value)})},view:o=>u({currentHref:"/components/slider",prev:m,next:h,name:"slider",description:"Styled range input with label, hint, and a CSS-driven fill gradient that tracks the thumb live as you drag.",content:`
-
-      <h2 class="doc-h2" id="basic">Basic</h2>
-      ${e(t({name:"volume",label:"Volume",showValue:!0}),"slider({ name: 'volume', label: 'Volume', showValue: true })",{col:!0})}
-
-      <h2 class="doc-h2" id="min-max-step">Min, max, step, and hint</h2>
-      ${e(t({name:"brightness",label:"Brightness",min:0,max:200,step:10,value:100,showValue:!0,hint:"Adjust display brightness (0\u2013200)"}),`slider({
-  name:      'brightness',
-  label:     'Brightness',
-  min:       0,
-  max:       200,
-  step:      10,
-  value:     100,
-  showValue: true,
-  hint:      'Adjust display brightness (0\u2013200)',
-})`,{col:!0})}
-
-      <h2 class="doc-h2" id="live-value">Live value in state</h2>
-      <p class="u-mb-4 u-text-sm u-color-muted">Use <code>data-event="change:mutationName"</code> to capture the value when the user releases the handle. The fill gradient always updates live \u2014 no mutation needed for that.</p>
-      ${e(`<div>
-          ${t({name:"brightness",label:"Brightness",value:o.brightness,min:0,max:200,step:10,showValue:!0,event:"change:setBrightness"})}
-        </div>`,`// state
-{ brightness: 100 }
-
-// mutation
-setBrightness: (state, e) => ({ brightness: Number(e.target.value) })
-
-// view
-slider({
-  name:      'brightness',
-  label:     'Brightness',
-  min:       0,
-  max:       200,
-  step:      10,
-  value:     state.brightness,
-  showValue: true,
-  event:     'change:setBrightness',
-})`,{col:!0})}
-
-      <h2 class="doc-h2" id="disabled">Disabled</h2>
-      ${e(t({name:"opacity",label:"Opacity",value:30,disabled:!0}),"slider({ name: 'opacity', label: 'Opacity', value: 30, disabled: true })",{col:!0})}
-
-      ${s("note",'The fill gradient updates live during drag automatically. To read the final value, either use <code>data-event="change:mutationName"</code> on the slider or submit it as part of a form \u2014 the value is available in FormData as a number string under <code>name</code>.')}
-      ${s("warning",'Do not use <code>data-event="input:mutationName"</code> on a slider. Pulse replaces <code>innerHTML</code> on every mutation, which interrupts the drag mid-gesture. Use <code>change</code> instead \u2014 it fires once when the user releases the handle.')}
-
-      ${l(["Prop","Type","Default",""],[["<code>name</code>","string","\u2014","Field name \u2014 submitted in FormData"],["<code>label</code>","string","\u2014","Visible label text"],["<code>min</code>","number","0","Minimum value"],["<code>max</code>","number","100","Maximum value"],["<code>step</code>","number","1","Step increment"],["<code>value</code>","number","50","Current value"],["<code>showValue</code>","boolean","false","Show current value live beside the label as you drag"],["<code>disabled</code>","boolean","false",""],["<code>hint</code>","string","\u2014","Helper text below the slider"],["<code>event</code>","string","\u2014","<code>data-event</code> binding, e.g. <code>change:mutationName</code>"],["<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(n,a,window.__PULSE_SERVER__||{},{ssr:!0}),d(a,i));var V=n;export{V as default};

package/docs/public/dist/components--spinner.boot-MZ5MO2OH.js

@@ -1,22 +0,0 @@
-import{a as n,b as l}from"./runtime-ZJ4FXT5O.js";import{Ra as i,a as s,gb as e}from"./runtime-UVPXO4IR.js";import"./runtime-VMJA3Z4N.js";import"./runtime-QFURDKA2.js";import{a as c,h as d}from"./runtime-L2HNXIHW.js";import{a as t,b as a}from"./runtime-B73WLANC.js";var{prev:p,next:m}=c("/components/spinner"),r={route:"/components/spinner",meta:{title:"Spinner \u2014 Pulse Docs",description:"Loading spinner component for Pulse UI.",styles:["/pulse-ui.css","/docs.css"]},state:{},view:()=>l({currentHref:"/components/spinner",prev:p,next:m,name:"spinner",description:"CSS-animated loading ring. No JavaScript required. Use to indicate background activity \u2014 inside buttons, next to labels, or as a full-area overlay.",content:`
-
-      <h2 class="doc-h2" id="sizes">Sizes</h2>
-      ${n(i({gap:"lg",align:"center",content:e({size:"sm"})+e({size:"md"})+e({size:"lg"})}),`spinner({ size: 'sm' })
-spinner({ size: 'md' })
-spinner({ size: 'lg' })`)}
-
-      <h2 class="doc-h2" id="colors">Colours</h2>
-      ${n(i({gap:"lg",align:"center",content:e({color:"accent"})+e({color:"muted"})+'<span style="background:var(--ui-accent);padding:.75rem;border-radius:var(--ui-radius);display:inline-flex">'+e({color:"white"})+"</span>"}),`spinner({ color: 'accent' })
-spinner({ color: 'muted'  })
-spinner({ color: 'white'  })`)}
-
-      <h2 class="doc-h2" id="in-button">Inside a button</h2>
-      <p>Pair with a <code>button()</code> to show loading state. Pass the spinner as the button's <code>icon</code> prop.</p>
-      ${n(s({label:"Saving",icon:e({size:"sm",color:"white"}),disabled:!0})+" "+s({label:"Loading",icon:e({size:"sm"}),variant:"secondary",disabled:!0}),`button({
-  label:    'Saving',
-  icon:     spinner({ size: 'sm', color: 'white' }),
-  disabled: state.loading,
-})`)}
-
-      ${d(["Prop","Type","Default",""],[["<code>size</code>","<code>sm | md | lg</code>","<code>md</code>","1rem / 1.5rem / 2.5rem"],["<code>color</code>","<code>accent | muted | white</code>","<code>accent</code>",""],["<code>label</code>","string","<code>Loading\u2026</code>",'Sets <code>aria-label</code> on the <code>role="status"</code> element'],["<code>class</code>","string","\u2014",""]])}
-    `})};var o=document.getElementById("pulse-root");o&&!o.dataset.pulseMounted&&(o.dataset.pulseMounted="1",t(r,o,window.__PULSE_SERVER__||{},{ssr:!0}),a(o,t));var S=r;export{S as default};

package/docs/public/dist/components--stack.boot-DI4NJXBF.js

@@ -1,9 +0,0 @@
-import{a as c,b as i}from"./runtime-ZJ4FXT5O.js";import{Qa as m,a as e}from"./runtime-UVPXO4IR.js";import"./runtime-VMJA3Z4N.js";import"./runtime-QFURDKA2.js";import{a,h as r}from"./runtime-L2HNXIHW.js";import{a as o,b as s}from"./runtime-B73WLANC.js";var{prev:l,next:d}=a("/components/stack"),n={route:"/components/stack",meta:{title:"Stack \u2014 Pulse Docs",description:"Stack component for Pulse UI.",styles:["/pulse-ui.css","/docs.css"]},state:{},view:()=>i({currentHref:"/components/stack",prev:l,next:d,name:"stack",description:"Flex column with consistent vertical gap. Replaces the common pattern of adding <code>margin-bottom</code> to every child element.",content:`
-      ${c(m({gap:"sm",content:e({label:"Primary action"})+e({label:"Secondary action",variant:"secondary"})+e({label:"Ghost action",variant:"ghost"})}),`stack({ gap: 'sm', align: 'start', content:
-  button({ label: 'Primary action' }) +
-  button({ label: 'Secondary action', variant: 'secondary' }) +
-  button({ label: 'Ghost', variant: 'ghost' })
-})`)}
-
-      ${r(["Prop","Type","Default",""],[["<code>content</code>","string (HTML)","\u2014","Raw HTML slot"],["<code>gap</code>","string","'md'","'xs' \xB7 'sm' \xB7 'md' \xB7 'lg' \xB7 'xl'"],["<code>align</code>","string","'stretch'","'stretch' \xB7 'start' \xB7 'center' \xB7 'end'"]])}
-    `})};var t=document.getElementById("pulse-root");t&&!t.dataset.pulseMounted&&(t.dataset.pulseMounted="1",o(n,t,window.__PULSE_SERVER__||{},{ssr:!0}),s(t,o));var k=n;export{k as default};

package/docs/public/dist/components--stat.boot-QMFUWBQT.js

@@ -1,9 +0,0 @@
-import{a as o,b as d}from"./runtime-ZJ4FXT5O.js";import{Ca as e}from"./runtime-UVPXO4IR.js";import"./runtime-VMJA3Z4N.js";import"./runtime-QFURDKA2.js";import{a as n,h as l}from"./runtime-L2HNXIHW.js";import{a,b as s}from"./runtime-B73WLANC.js";var{prev:c,next:u}=n("/components/stat"),r={route:"/components/stat",meta:{title:"Stat \u2014 Pulse Docs",description:"Stat component for Pulse UI.",styles:["/pulse-ui.css","/docs.css"]},state:{},view:()=>d({currentHref:"/components/stat",prev:c,next:u,name:"stat",description:"Numeric metric display with optional trend indicator. Use inside a <code>card()</code> or a flex/grid container for dashboard layouts.",content:`
-      ${o('<div style="display:flex;gap:2rem;flex-wrap:wrap">'+e({label:"Total users",value:"12,483",change:"+8.2%",trend:"up"})+e({label:"Bounce rate",value:"24%",change:"\u22123.1%",trend:"down"})+e({label:"Avg. session",value:"4m 12s"})+"</div>",`stat({ label: 'Total users',  value: '12,483', change: '+8.2%', trend: 'up'   })
-stat({ label: 'Bounce rate',  value: '24%',    change: '\u22123.1%', trend: 'down' })
-stat({ label: 'Avg. session', value: '4m 12s' })`)}
-      <p>The <code>center</code> prop centre-aligns the value, label, and change \u2014 useful in grids or dashboard cards.</p>
-      ${o('<div style="display:flex;gap:2rem;flex-wrap:wrap">'+e({label:"Total users",value:"12,483",change:"+8.2%",trend:"up",center:!0})+e({label:"Bounce rate",value:"24%",change:"\u22123.1%",trend:"down",center:!0})+e({label:"Avg. session",value:"4m 12s",center:!0})+"</div>","stat({ label: 'Total users', value: '12,483', change: '+8.2%', trend: 'up', center: true })")}
-
-      ${l(["Prop","Type","Default",""],[["<code>label</code>","string","\u2014",""],["<code>value</code>","string","\u2014",'Formatted value string \u2014 e.g. "2.4k", "98%"'],["<code>change</code>","string","\u2014",'Change label \u2014 e.g. "+12%", "\u22123"'],["<code>trend</code>","string","neutral","up \xB7 down \xB7 neutral"],["<code>center</code>","boolean","false","Centre-aligns value, label, and change"]])}
-    `})};var t=document.getElementById("pulse-root");t&&!t.dataset.pulseMounted&&(t.dataset.pulseMounted="1",a(r,t,window.__PULSE_SERVER__||{},{ssr:!0}),s(t,a));var w=r;export{w as default};

package/docs/public/dist/components--stepper.boot-34PP2NEV.js

@@ -1,22 +0,0 @@
-import{a as t,b as i}from"./runtime-ZJ4FXT5O.js";import{qb as s}from"./runtime-UVPXO4IR.js";import"./runtime-VMJA3Z4N.js";import"./runtime-QFURDKA2.js";import{a as c,h as n}from"./runtime-L2HNXIHW.js";import{a as r,b as a}from"./runtime-B73WLANC.js";var{prev:l,next:m}=c("/components/stepper"),o=["Account","Details","Payment","Review"],p={route:"/components/stepper",meta:{title:"Stepper \u2014 Pulse Docs",description:"Horizontal step progress indicator component for Pulse UI.",styles:["/pulse-ui.css","/docs.css"]},state:{},view:()=>i({currentHref:"/components/stepper",prev:l,next:m,name:"stepper",description:"Horizontal step progress indicator. Completed steps show a check icon; the active step has an accent border; upcoming steps are muted. A connector line between steps fills with accent colour as progress advances.",content:`
-
-      <h2 class="doc-h2" id="step1">Step 1 active</h2>
-      ${t(s({steps:o,current:0}),`stepper({
-  steps:   ['Account', 'Details', 'Payment', 'Review'],
-  current: 0,
-})`,{col:!0})}
-
-      <h2 class="doc-h2" id="step2">Step 2 active</h2>
-      ${t(s({steps:o,current:1}),`stepper({
-  steps:   ['Account', 'Details', 'Payment', 'Review'],
-  current: 1,
-})`,{col:!0})}
-
-      <h2 class="doc-h2" id="complete">All complete</h2>
-      ${t(s({steps:o,current:o.length}),`stepper({
-  steps:   ['Account', 'Details', 'Payment', 'Review'],
-  current: steps.length,   // past the last index = all complete
-})`,{col:!0})}
-
-      ${n(["Prop","Type","Default",""],[["<code>steps</code>","string[]","[]","Array of step label strings"],["<code>current</code>","number","0","0-based index of the active step. Pass <code>steps.length</code> to mark all steps complete."],["<code>class</code>","string","\u2014",""]])}
-    `})};var e=document.getElementById("pulse-root");e&&!e.dataset.pulseMounted&&(e.dataset.pulseMounted="1",r(p,e,window.__PULSE_SERVER__||{},{ssr:!0}),a(e,r));var y=p;export{y as default};

package/docs/public/dist/components--table.boot-FCQGSFIQ.js

@@ -1,11 +0,0 @@
-import{a as n,b as i}from"./runtime-ZJ4FXT5O.js";import{Fa as c,b as e}from"./runtime-UVPXO4IR.js";import{a}from"./runtime-VMJA3Z4N.js";import"./runtime-QFURDKA2.js";import{a as s}from"./runtime-L2HNXIHW.js";import{a as o,b as l}from"./runtime-B73WLANC.js";var{prev:m,next:u}=s("/components/table"),r={route:"/components/table",meta:{title:"Table \u2014 Pulse Docs",description:"Table component for Pulse UI.",styles:["/pulse-ui.css","/docs.css"]},state:{},view:()=>i({currentHref:"/components/table",prev:m,next:u,name:"table",description:'The scroll wrapper has <code>role="region"</code> and <code>tabindex="0"</code> so keyboard users can scroll horizontally on narrow screens. Row cells are raw HTML slots \u2014 wrap user-supplied values in <code>escHtml()</code> when building them.',content:`
-      ${n(c({caption:"Team members",headers:["Name","Role","Status"],rows:[[a("Alice Smith"),e({label:"Admin",variant:"info"}),e({label:"Active",variant:"success"})],[a("Bob Jones"),e({label:"Editor",variant:"default"}),e({label:"Active",variant:"success"})],[a("Carol White"),e({label:"Viewer",variant:"default"}),e({label:"Inactive",variant:"default"})]]}),`table({
-  caption: 'Team members',
-  headers: ['Name', 'Role', 'Status'],
-  rows: server.users.map(u => [
-    escHtml(u.name),
-    badge({ label: u.role,   variant: u.role === 'admin' ? 'info' : 'default' }),
-    badge({ label: u.status, variant: u.active ? 'success' : 'default'        }),
-  ]),
-})`)}
-    `})};var t=document.getElementById("pulse-root");t&&!t.dataset.pulseMounted&&(t.dataset.pulseMounted="1",o(r,t,window.__PULSE_SERVER__||{},{ssr:!0}),l(t,o));var T=r;export{T as default};

package/docs/public/dist/components--testimonial.boot-DWQPDKYG.js

@@ -1,11 +0,0 @@
-import{a as n,b as d}from"./runtime-ZJ4FXT5O.js";import{Ha as o}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 t,b as s}from"./runtime-B73WLANC.js";var{prev:m,next:c}=r("/components/testimonial"),i={route:"/components/testimonial",meta:{title:"Testimonial \u2014 Pulse Docs",description:"Testimonial component for Pulse UI.",styles:["/pulse-ui.css","/docs.css"]},state:{},view:()=>d({currentHref:"/components/testimonial",prev:m,next:c,name:"testimonial",description:"Customer quote card with star rating, avatar, and attribution. When <code>src</code> is omitted the avatar shows initials derived from <code>name</code>.",content:`
-      ${n('<div style="display:grid;grid-template-columns:1fr 1fr;gap:1.5rem">'+o({quote:"This is the fastest app I have ever used. It replaced three tools I was paying for.",name:"Alice Marsh",role:"Head of Product, Stride",rating:5})+o({quote:"Switched from the competition six months ago and have not looked back once.",name:"Ben Carter",role:"Founder, Loopback",rating:5})+"</div>",`testimonial({
-  quote:  'This is the fastest app I have ever used.',
-  name:   'Alice Marsh',
-  role:   'Head of Product, Stride',
-  rating: 5,
-  src:    user.avatarUrl,  // optional \u2014 falls back to initials
-})`)}
-
-      ${a(["Prop","Type","Default",""],[["<code>quote</code>","string","\u2014",""],["<code>name</code>","string","\u2014","Author name \u2014 also used for avatar initials"],["<code>role</code>","string","\u2014",""],["<code>src</code>","string","\u2014","Avatar image URL; omit to show initials"],["<code>rating</code>","number","0","1\u20135 stars; omit or set 0 to hide"]])}
-    `})};var e=document.getElementById("pulse-root");e&&!e.dataset.pulseMounted&&(e.dataset.pulseMounted="1",t(i,e,window.__PULSE_SERVER__||{},{ssr:!0}),s(e,t));var P=i;export{P as default};

package/docs/public/dist/components--textarea.boot-QVXLBOJ5.js

@@ -1,4 +0,0 @@
-import{a as l,b as s}from"./runtime-ZJ4FXT5O.js";import{Aa as o}from"./runtime-UVPXO4IR.js";import"./runtime-VMJA3Z4N.js";import"./runtime-QFURDKA2.js";import{a}from"./runtime-L2HNXIHW.js";import{a as t,b as n}from"./runtime-B73WLANC.js";var{prev:i,next:d}=a("/components/textarea"),r={route:"/components/textarea",meta:{title:"Textarea \u2014 Pulse Docs",description:"Textarea component for Pulse UI.",styles:["/pulse-ui.css","/docs.css"]},state:{},view:()=>s({currentHref:"/components/textarea",prev:i,next:d,name:"textarea",description:"Multi-line text input with label, hint, and error support. Wired up identically to <code>input</code> \u2014 <code>for</code>/<code>id</code> and <code>aria-describedby</code> are derived from <code>name</code>.",content:`
-      ${l(o({name:"bio",label:"Bio",placeholder:"Tell us about yourself\u2026",hint:"Max 500 characters",rows:3})+o({name:"note",label:"Note",value:"hello world",error:"Note is too long",rows:3}),`textarea({ name: 'bio',  label: 'Bio',  placeholder: 'Tell us about yourself\u2026', hint: 'Max 500 characters' })
-textarea({ name: 'note', label: 'Note', value: state.note, error: server.errors.note, rows: 6 })`,{col:!0})}
-    `})};var e=document.getElementById("pulse-root");e&&!e.dataset.pulseMounted&&(e.dataset.pulseMounted="1",t(r,e,window.__PULSE_SERVER__||{},{ssr:!0}),n(e,t));var h=r;export{h as default};

package/docs/public/dist/components--timeline.boot-26LN52P2.js

@@ -1,95 +0,0 @@
-import{a as e,b as m}from"./runtime-ZJ4FXT5O.js";import{$a as o,Ca as r,a as u,ab as t,b as a,c as l}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 s,b as p}from"./runtime-B73WLANC.js";var{prev:g,next:v}=d("/components/timeline"),b='<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>',h='<svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/></svg>',y='<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="12" y1="8" x2="12" y2="12"/><line x1="12" y1="16" x2="12.01" y2="16"/></svg>',c={route:"/components/timeline",meta:{title:"Timeline \u2014 Pulse Docs",description:"Timeline component for Pulse UI.",styles:["/pulse-ui.css","/docs.css"]},state:{},view:()=>m({currentHref:"/components/timeline",prev:g,next:v,name:"timeline",description:"Ordered sequence of events or steps connected by a line. Supports vertical (default) and horizontal orientations. Each item accepts a raw HTML content slot \u2014 pass any text, component, or markup.",content:`
-
-      <h2 class="doc-h2" id="vertical">Vertical (default)</h2>
-      <p>Steps flow downward. The connector line links each dot to the next.</p>
-      ${e(t({items:[{label:"Jan 2023",content:'<strong style="color:var(--ui-text)">Project kicked off</strong><p style="color:var(--ui-muted);margin:.25rem 0 0">Initial scope agreed with stakeholders. Repository created.</p>'},{label:"Mar 2023",content:'<strong style="color:var(--ui-text)">Alpha release</strong><p style="color:var(--ui-muted);margin:.25rem 0 0">Internal testing with 12 pilot users. Core features stable.</p>'},{label:"Jun 2023",content:'<strong style="color:var(--ui-text)">Public beta</strong><p style="color:var(--ui-muted);margin:.25rem 0 0">Open sign-up enabled. 400 users in first week.</p>'},{label:"Sep 2023",content:'<strong style="color:var(--ui-text)">v1.0 launched</strong><p style="color:var(--ui-muted);margin:.25rem 0 0">Billing live, docs published, ProductHunt launch.</p>'}]}),`timeline({
-  items: [
-    { label: 'Jan 2023', content: '<strong>Project kicked off</strong><p>Initial scope agreed.</p>' },
-    { label: 'Mar 2023', content: '<strong>Alpha release</strong><p>Internal testing with 12 pilot users.</p>' },
-    { label: 'Jun 2023', content: '<strong>Public beta</strong><p>Open sign-up enabled. 400 users in first week.</p>' },
-    { label: 'Sep 2023', content: '<strong>v1.0 launched</strong><p>Billing live, docs published.</p>' },
-  ],
-})`)}
-
-      <h2 class="doc-h2" id="horizontal">Horizontal</h2>
-      <p>Steps flow left to right \u2014 good for process flows or numbered stages.</p>
-      ${e(t({direction:"horizontal",items:[{label:"Step 1",content:'<p style="color:var(--ui-muted);margin:0;font-size:.85rem">Sign up</p>'},{label:"Step 2",content:'<p style="color:var(--ui-muted);margin:0;font-size:.85rem">Connect data</p>'},{label:"Step 3",content:'<p style="color:var(--ui-muted);margin:0;font-size:.85rem">Invite team</p>'},{label:"Step 4",content:'<p style="color:var(--ui-muted);margin:0;font-size:.85rem">Go live</p>'}]}),`timeline({
-  direction: 'horizontal',
-  items: [
-    { label: 'Step 1', content: '<p>Sign up</p>'      },
-    { label: 'Step 2', content: '<p>Connect data</p>' },
-    { label: 'Step 3', content: '<p>Invite team</p>'  },
-    { label: 'Step 4', content: '<p>Go live</p>'      },
-  ],
-})`)}
-
-      <h2 class="doc-h2" id="dot-colors">Dot colours</h2>
-      <p>Use <code>dotColor</code> to convey status: <code>'accent'</code> \xB7 <code>'success'</code> \xB7 <code>'warning'</code> \xB7 <code>'error'</code> \xB7 <code>'muted'</code>.</p>
-      ${e(t({items:[{dotColor:"success",label:"Deployed",content:'<p style="color:var(--ui-muted);margin:0">Production deploy completed successfully.</p>'},{dotColor:"success",label:"Tested",content:'<p style="color:var(--ui-muted);margin:0">All 92 tests passed. Coverage 98%.</p>'},{dotColor:"warning",label:"Review",content:'<p style="color:var(--ui-muted);margin:0">Awaiting sign-off from design lead.</p>'},{dotColor:"error",label:"Blocked",content:'<p style="color:var(--ui-muted);margin:0">Dependency on payment API not yet ready.</p>'},{dotColor:"muted",label:"Planned",content:'<p style="color:var(--ui-muted);margin:0">Mobile app release \u2014 Q1 2025.</p>'}]}),`timeline({
-  items: [
-    { dotColor: 'success', label: 'Deployed', content: '...' },
-    { dotColor: 'success', label: 'Tested',   content: '...' },
-    { dotColor: 'warning', label: 'Review',   content: '...' },
-    { dotColor: 'error',   label: 'Blocked',  content: '...' },
-    { dotColor: 'muted',   label: 'Planned',  content: '...' },
-  ],
-})`)}
-
-      <h2 class="doc-h2" id="icon-dots">Icon dots</h2>
-      <p>Pass any SVG or emoji as <code>dot</code>. The dot grows to accommodate the content and uses a tinted background matching its colour variant.</p>
-      ${e(t({items:[{dot:b,dotColor:"success",label:"Completed",content:'<strong style="color:var(--ui-text)">Onboarding</strong><p style="color:var(--ui-muted);margin:.2rem 0 0">Profile set up, preferences saved.</p>'},{dot:h,dotColor:"accent",label:"Milestone",content:'<strong style="color:var(--ui-text)">First 1,000 users</strong><p style="color:var(--ui-muted);margin:.2rem 0 0">Reached organically in 18 days.</p>'},{dot:y,dotColor:"warning",label:"Incident",content:'<strong style="color:var(--ui-text)">Partial outage</strong><p style="color:var(--ui-muted);margin:.2rem 0 0">CDN edge node failed \u2014 resolved in 4 minutes.</p>'}]}),`timeline({
-  items: [
-    {
-      dot:      checkSvg,
-      dotColor: 'success',
-      label:    'Completed',
-      content:  '<strong>Onboarding</strong><p>Profile set up, preferences saved.</p>',
-    },
-    {
-      dot:      starSvg,
-      dotColor: 'accent',
-      label:    'Milestone',
-      content:  '<strong>First 1,000 users</strong>',
-    },
-  ],
-})`)}
-
-      <h2 class="doc-h2" id="rich-content">Rich content slot</h2>
-      <p>The <code>content</code> slot accepts any HTML \u2014 including other Pulse components like <code>card()</code>, <code>badge()</code>, or <code>stat()</code>.</p>
-      ${e(t({items:[{dotColor:"success",label:"Q1 2024",content:l({title:"Series A closed",content:'<div style="display:flex;gap:1.5rem;flex-wrap:wrap">'+r({label:"Raised",value:"$4.2M"})+r({label:"Valuation",value:"$18M"})+r({label:"Investors",value:"6"})+"</div>"})},{dotColor:"accent",label:"Q3 2024",content:l({title:"Product launch",content:'<p style="color:var(--ui-muted);margin:0 0 .75rem">Shipped v1.0 to general availability. Three tiers, 14-day trial.</p><div style="display:flex;gap:.5rem;flex-wrap:wrap">'+a({label:"Launch",variant:"info"})+a({label:"Billing live",variant:"success"})+"</div>"})},{dotColor:"muted",label:"Q1 2025 (planned)",content:l({title:"Mobile apps",content:'<p style="color:var(--ui-muted);margin:0 0 .75rem">iOS and Android apps in development. Public beta planned.</p>'+u({label:"Join waitlist",size:"sm",variant:"secondary"})})}]}),`timeline({
-  items: [
-    {
-      dotColor: 'success',
-      label:    'Q1 2024',
-      content:  card({
-        title:   'Series A closed',
-        content: stat({ label: 'Raised', value: '$4.2M' }) + ...,
-      }),
-    },
-    {
-      dotColor: 'accent',
-      label:    'Q3 2024',
-      content:  card({
-        title:   'Product launch',
-        content: '<p>Shipped v1.0 to general availability.</p>' +
-                 badge({ label: 'Billing live', variant: 'success' }),
-      }),
-    },
-  ],
-})`)}
-
-      <h2 class="doc-h2" id="item-fn">Using timelineItem()</h2>
-      <p>Build items individually with <code>timelineItem()</code> and pass the joined HTML as <code>content</code>. Useful for dynamic or conditional lists.</p>
-      ${e(t({content:o({dotColor:"success",label:"Done",content:'<p style="color:var(--ui-muted);margin:0">Design system tokens agreed</p>'})+o({dotColor:"success",label:"Done",content:'<p style="color:var(--ui-muted);margin:0">Component library built</p>'})+o({dotColor:"accent",label:"Current",content:'<p style="color:var(--ui-muted);margin:0">Documentation in progress</p>'})+o({dotColor:"muted",label:"Next",content:'<p style="color:var(--ui-muted);margin:0">Public launch</p>'})}),`timeline({
-  content:
-    timelineItem({ dotColor: 'success', label: 'Done',    content: '...' }) +
-    timelineItem({ dotColor: 'success', label: 'Done',    content: '...' }) +
-    timelineItem({ dotColor: 'accent',  label: 'Current', content: '...' }) +
-    timelineItem({ dotColor: 'muted',   label: 'Next',    content: '...' }),
-})`)}
-
-      ${i(["Prop","Type","Default",""],[["<code>direction</code>","string","'vertical'","'vertical' \xB7 'horizontal'"],["<code>items</code>","array","[]","Array of <code>timelineItem</code> option objects"],["<code>content</code>","string (HTML)","\u2014","Raw HTML alternative to <code>items</code> \u2014 use with <code>timelineItem()</code>"]])}
-
-      <h3 class="doc-h3" style="margin-top:2rem">timelineItem() props</h3>
-      ${i(["Prop","Type","Default",""],[["<code>content</code>","string (HTML)","\u2014","Raw HTML body \u2014 accepts any component output"],["<code>label</code>","string","\u2014","Timestamp or step label (escaped)"],["<code>dot</code>","string (HTML)","\u2014","Raw HTML inside the dot \u2014 SVG or emoji; grows the dot to 2rem"],["<code>dotColor</code>","string","'accent'","'accent' \xB7 'success' \xB7 'warning' \xB7 'error' \xB7 'muted'"]])}
-    `})};var n=document.getElementById("pulse-root");n&&!n.dataset.pulseMounted&&(n.dataset.pulseMounted="1",s(c,n,window.__PULSE_SERVER__||{},{ssr:!0}),p(n,s));var M=c;export{M as default};

package/docs/public/dist/components--toggle.boot-IQQEI76S.js

@@ -1,29 +0,0 @@
-import{a as o,b as r}from"./runtime-ZJ4FXT5O.js";import{Qa as a,bb as e}from"./runtime-UVPXO4IR.js";import"./runtime-VMJA3Z4N.js";import"./runtime-QFURDKA2.js";import{a as n,h as s,i as c}from"./runtime-L2HNXIHW.js";import{a as i,b as l}from"./runtime-B73WLANC.js";var{prev:m,next:u}=n("/components/toggle"),d={route:"/components/toggle",meta:{title:"Toggle \u2014 Pulse Docs",description:"iOS-style switch toggle component for Pulse UI.",styles:["/pulse-ui.css","/docs.css"]},state:{},view:()=>r({currentHref:"/components/toggle",prev:m,next:u,name:"toggle",description:'iOS-style switch that renders a visually hidden <code>&lt;input type="checkbox"&gt;</code> with a custom track and thumb. No JavaScript required \u2014 state is read from FormData on submission.',content:`
-
-      <h2 class="doc-h2" id="default">Default</h2>
-      ${o(a({gap:"md",content:e({name:"notifications",label:"Email notifications"})+e({name:"updates",label:"Product updates",checked:!0})}),`toggle({ name: 'notifications', label: 'Email notifications' })
-toggle({ name: 'updates',       label: 'Product updates', checked: true })`,{col:!0})}
-
-      <h2 class="doc-h2" id="hint">With hint</h2>
-      <p>Use <code>hint</code> to add supporting text below the switch.</p>
-      ${o(a({gap:"lg",content:e({name:"marketing",label:"Marketing emails",hint:"Receive tips, product news, and special offers."})+e({name:"digest",label:"Weekly digest",hint:"A summary of activity sent every Monday morning.",checked:!0})}),`toggle({
-  name:    'marketing',
-  label:   'Marketing emails',
-  hint:    'Receive tips, product news, and special offers.',
-})
-toggle({
-  name:    'digest',
-  label:   'Weekly digest',
-  hint:    'A summary of activity sent every Monday morning.',
-  checked: true,
-})`,{col:!0})}
-
-      <h2 class="doc-h2" id="disabled">Disabled</h2>
-      ${o(a({gap:"md",content:e({name:"a",label:"Off and disabled",disabled:!0})+e({name:"b",label:"On and disabled",disabled:!0,checked:!0})}),`toggle({ name: 'a', label: 'Off and disabled', disabled: true })
-toggle({ name: 'b', label: 'On and disabled',  disabled: true, checked: true })`,{col:!0})}
-
-      <h2 class="doc-h2" id="in-forms">In forms</h2>
-      ${c("note","The switch submits as <code>'on'</code> under its <code>name</code> when checked. When unchecked, the field is absent from FormData entirely \u2014 the same behaviour as a native checkbox. Read it with <code>formData.get('name') === 'on'</code>.")}
-
-      ${s(["Prop","Type","Default",""],[["<code>name</code>","string","\u2014","Field name \u2014 submitted in FormData"],["<code>label</code>","string","\u2014","Visible label text"],["<code>checked</code>","boolean","false","Initial on/off state"],["<code>disabled</code>","boolean","false",""],["<code>hint</code>","string","\u2014","Helper text below the switch"],["<code>id</code>","string","\u2014","Override the generated <code>id</code>"],["<code>class</code>","string","\u2014",""]])}
-    `})};var t=document.getElementById("pulse-root");t&&!t.dataset.pulseMounted&&(t.dataset.pulseMounted="1",i(d,t,window.__PULSE_SERVER__||{},{ssr:!0}),l(t,i));var w=d;export{w as default};

package/docs/public/dist/components--tooltip.boot-LGHCO6NN.js

@@ -1,9 +0,0 @@
-import{a,b as l}from"./runtime-ZJ4FXT5O.js";import{Ra as c,Va as o,a as t}from"./runtime-UVPXO4IR.js";import"./runtime-VMJA3Z4N.js";import"./runtime-QFURDKA2.js";import{a as i,h as p}from"./runtime-L2HNXIHW.js";import{a as r,b as s}from"./runtime-B73WLANC.js";var{prev:d,next:m}=i("/components/tooltip"),n={route:"/components/tooltip",meta:{title:"Tooltip \u2014 Pulse Docs",description:"Tooltip component for Pulse UI.",styles:["/pulse-ui.css","/docs.css"]},state:{},view:()=>l({currentHref:"/components/tooltip",prev:d,next:m,name:"tooltip",description:"CSS-powered tooltip that wraps any element. No JavaScript required \u2014 the bubble appears on hover and <code>:focus-within</code>. Supports four placements.",content:`
-      ${a(c({gap:"lg",justify:"center",content:o({content:"This appears on top",position:"top",trigger:t({label:"Top",variant:"secondary"})})+o({content:"This appears below",position:"bottom",trigger:t({label:"Bottom",variant:"secondary"})})+o({content:"This appears to the left",position:"left",trigger:t({label:"Left",variant:"secondary"})})+o({content:"This appears to the right",position:"right",trigger:t({label:"Right",variant:"secondary"})})}),`tooltip({
-  content:  'This appears on top',
-  position: 'top',       // top | bottom | left | right
-  trigger:  button({ label: 'Hover me', variant: 'secondary' }),
-})`)}
-
-      ${p(["Prop","Type","Default",""],[["<code>content</code>","string","\u2014","Tooltip text (plain text only)"],["<code>trigger</code>","string (HTML)","\u2014","Raw HTML slot \u2014 the element the tooltip wraps"],["<code>position</code>","<code>top | bottom | left | right</code>","<code>top</code>",""],["<code>class</code>","string","\u2014",""]])}
-    `})};var e=document.getElementById("pulse-root");e&&!e.dataset.pulseMounted&&(e.dataset.pulseMounted="1",r(n,e,window.__PULSE_SERVER__||{},{ssr:!0}),s(e,r));var w=n;export{w as default};