@invisibleloop/pulse 0.20.5 → 0.20.7

package/src/mcp/server.js

@@ -455,15 +455,12 @@ Import from \`@invisibleloop/pulse/ui\`. Always include \`/pulse-ui.css\` in \`m
 | \`card\` | \`title\`, \`content\`, \`footer\`, \`variant\` (default/elevated/bordered/flat/glass/tinted) |
 | \`feature\` | \`icon\`, \`title\`, \`description\`, \`level\`, \`center\` |
 | \`stat\` | \`label\`, \`value\`, \`change\`, \`trend\`, \`center\` |
-| \`testimonial\` | \`quote\`, \`name\`, \`role\`, \`rating\` |
 | \`cta\` | \`title\`, \`subtitle\`, \`actions\` (HTML slot), \`eyebrow\` |
 | \`footer\` | \`logo\`, \`logoHref\`, \`links\`, \`legal\`, \`columns\` |
 | \`input\` | \`name\`, \`label\`, \`type\`, \`required\`, \`error\` |
 | \`modal\` | \`id\`, \`title\`, \`content\`, \`footer\` — always in DOM, never conditional |
-| \`displayHeading\` | \`text\`, \`level\`, \`tracking\` — editorial large type |
-| \`sectionLabel\` | \`eyebrow\`, \`heading\`, \`level\`, \`rule\` — editorial section divider |
-| \`pullquote\` | \`quote\`, \`cite\`, \`size\` |
-| \`entryList\` | \`items\` ([{meta, title, description}]), \`metaLabel\` — tabular editorial list |
+| \`heading\` | \`text\`, \`level\`, \`size\` |
+| \`pullquote\` | \`quote\`, \`cite\`, \`size\`, \`variant\` (default/editorial) |
 
 ---
 
@@ -1593,9 +1590,7 @@ Work through every item. Fix anything that fails. Refer to the spec source at ${
   - \`.hero\`, \`.-hero\`, \`__hero\` → should use \`hero()\` component
   - \`.card\`, \`.product-card\`, \`.service-card\` → should use \`card()\` component
   - Any two-column image + text layout → should use \`media()\` component
-  - \`.banner\`, \`.strip\`, \`.bar\` → should use \`banner()\` component
   - \`.feature\`, \`.feature-card\` → should use \`feature()\` component
-  - \`.testimonial\` → should use \`testimonial()\` component
 
   **Before flagging a pattern match**, ask: *can the \`hero()\` (or relevant) component actually reproduce this layout?* If the design uses full-viewport height, custom gradient glows, clamp-scaled display type, asymmetric layout, or other features the component doesn't support — that is a **creative override**, not a violation. Check the auto-checked items above: if "creative override declared" is shown, these checks are advisory only and Lighthouse is the pass bar.
 
@@ -1804,7 +1799,8 @@ const ARCHETYPES = {
     description: 'Data-rich admin or analytics page with metrics, charts, and tabular data',
     stateHint:   "{ period: 'week', loading: false }",
     serverHint:  "{ stats: async (ctx) => fetchStats(), rows: async (ctx) => fetchRows() }",
-    scaffold: `import { nav, stat, card, grid, barChart, table, section, container, badge, empty, spinner } from '@invisibleloop/pulse/ui'
+    scaffold: `import { nav, stat, card, grid, table, section, container, badge, empty, spinner } from '@invisibleloop/pulse/ui'
+import { barChart } from '@invisibleloop/pulse/charts'
 
 export default {
   route: '/dashboard',
@@ -1841,7 +1837,7 @@ export default {
 
   landing: {
     keywords:    ['landing', 'marketing', 'homepage', 'product', 'saas', 'startup', 'website', 'launch', 'hero', 'promotional'],
-    components:  ['nav', 'hero', 'feature', 'stat', 'pricing', 'testimonial', 'cta', 'footer', 'grid', 'section', 'container', 'button', 'appBadge'],
+    components:  ['nav', 'hero', 'feature', 'stat', 'cta', 'footer', 'grid', 'section', 'container', 'button', 'appBadge'],
     description: 'Marketing or product landing page with hero, features, and calls to action',
     stateHint:   'null — purely server-rendered, no client state needed',
     serverHint:  'none — all content is static in the view',
@@ -2120,7 +2116,7 @@ export default {
 
   profile: {
     keywords:    ['profile', 'user page', 'bio', 'portfolio', 'about', 'member', 'author', 'personal page', 'public profile'],
-    components:  ['nav', 'avatar', 'card', 'stat', 'badge', 'grid', 'section', 'container', 'button', 'timeline', 'prose'],
+    components:  ['nav', 'avatar', 'card', 'stat', 'badge', 'grid', 'section', 'container', 'button', 'prose'],
     description: 'User or entity profile page with metadata and activity',
     stateHint:   'null — purely server-rendered',
     serverHint:  "{ user: async (ctx) => getUser(ctx.params.id), activity: async (ctx) => getActivity(ctx.params.id) }",
@@ -2164,11 +2160,24 @@ export default {
 
   pricing: {
     keywords:    ['pricing', 'plans', 'subscription', 'tiers', 'billing', 'upgrade', 'compare', 'packages'],
-    components:  ['nav', 'pricing', 'feature', 'cta', 'accordion', 'footer', 'section', 'grid', 'button', 'badge'],
+    components:  ['nav', 'card', 'grid', 'feature', 'cta', 'accordion', 'footer', 'section', 'button', 'badge'],
     description: 'Pricing page with plan comparison, feature lists, and upgrade CTA',
     stateHint:   "{ billing: 'monthly' } — for toggle between monthly/annual",
     serverHint:  'none — content is typically static',
-    scaffold: `import { nav, pricing, cta, accordion, footer, section, container, button } from '@invisibleloop/pulse/ui'
+    scaffold: `import { nav, card, grid, cta, accordion, footer, section, container, button, badge, iconCheck } from '@invisibleloop/pulse/ui'
+
+const plan = (p) => card({
+  variant: p.featured ? 'elevated' : 'bordered',
+  content: \`
+    \${p.featured ? badge({ label: 'Most popular' }) : ''}
+    <h3 class="u-text-xl u-font-bold u-mt-2">\${p.name}</h3>
+    <p class="u-text-3xl u-font-bold u-mt-2">\${p.price}<span class="u-text-sm u-text-muted">\${p.period}</span></p>
+    <ul class="u-mt-4 u-flex u-flex-col u-gap-2">
+      \${p.features.map(f => \`<li class="u-flex u-gap-2 u-items-center">\${iconCheck({ size: 16 })} \${f}</li>\`).join('')}
+    </ul>
+  \`,
+  footer: p.cta,
+})
 
 export default {
   route: '/pricing',
@@ -2186,13 +2195,11 @@ export default {
       \${section({ content: container({ content: \`
         <h1 class="u-text-4xl u-font-bold u-text-center u-mb-2">Simple pricing</h1>
         <p class="u-text-center u-text-muted u-mb-8">No hidden fees. Cancel any time.</p>
-        \${pricing({
-          plans: [
-            { name: 'Free',  price: '\$0',  period: 'forever', features: ['Feature A', 'Feature B'], cta: button({ label: 'Get started', variant: 'secondary' }) },
-            { name: 'Pro',   price: '\$12', period: '/month',  features: ['Everything in Free', 'Feature C', 'Feature D'], featured: true, cta: button({ label: 'Start free trial' }) },
-            { name: 'Team',  price: '\$49', period: '/month',  features: ['Everything in Pro', 'Feature E', 'Unlimited seats'], cta: button({ label: 'Contact sales', variant: 'secondary' }) },
-          ]
-        })}
+        \${grid({ cols: 3, content: [
+          { name: 'Free',  price: '\$0',  period: '/forever', features: ['Feature A', 'Feature B'], cta: button({ label: 'Get started', variant: 'secondary' }) },
+          { name: 'Pro',   price: '\$12', period: '/month',  features: ['Everything in Free', 'Feature C', 'Feature D'], featured: true, cta: button({ label: 'Start free trial' }) },
+          { name: 'Team',  price: '\$49', period: '/month',  features: ['Everything in Pro', 'Feature E', 'Unlimited seats'], cta: button({ label: 'Contact sales', variant: 'secondary' }) },
+        ].map(plan).join('') })}
         \${accordion({ items: [
           { title: 'Can I cancel any time?', content: 'Yes — no lock-in, cancel from your account settings.' },
           { title: 'What payment methods do you accept?', content: 'Visa, Mastercard, Amex, and PayPal.' },
@@ -3038,15 +3045,15 @@ Accepts antiStyle ("what should this NOT look like?") and inspiration (a site or
     if (vibe) {
       lines.push(`- [ ] Vibe: \`meta.vibe: '${vibe}'\` — sets data-vibe on body, activating geometry/type presets`)
       const vibeGuide = {
-        warm:       'Pair with rounded imagery (photoCard with tilt), warmer accent tones, section variant: paper or alt',
+        warm:       'Pair with rounded imagery (uiImage with rounded corners), warmer accent tones, section variant: paper or alt',
         editorial:  'Use layout: overlap on hero for dramatic imagery. Serif headings via --font-display. section variant: diagonal for transitions.',
-        playful:    'gallery with rounded images, photoCard with tilt, marquee for social proof, bright accent',
+        playful:    'grid of uiImage with rounded corners, bright accent, raw HTML marquee-style strip if needed (creative override)',
         minimal:    'hero align: left (no center), section variant: spotlight, clean whitespace, monochrome palette',
         bold:       'hero gradient with strong color, large stat components, section variant: dark for contrast sections',
         brutalist:  'raw section wrappers, oversized heading with zero padding, no shadows, high contrast accent (red/lime)',
-        retro:      'decorate(pattern: "dots") backgrounds, badge eyebrows, thick dividers, earthy amber/cream palette',
-        corporate:  'feature grid with checkmarks, testimonial with company name+logo, trust logo marquee, stat bar',
-        neon:       'section(variant: "spotlight") for glow sections, codeWindow for terminal/API examples, stat with glowing accent',
+        retro:      'badge eyebrows, thick dividers, earthy amber/cream palette, raw HTML dot-pattern background (creative override)',
+        corporate:  'feature grid with checkmarks, card() with logo+quote for testimonials, stat bar',
+        neon:       'section(variant: "spotlight") for glow sections, raw HTML terminal/API code block (creative override) for dev examples, stat with glowing accent',
         paper:      'pullquote prominently, prose with generous line-height, avatar for author, container(size: "sm")',
       }
       if (vibeGuide[vibe]) lines.push(`  **${vibe} component suggestions:** ${vibeGuide[vibe]}`)

package/src/ui/index.js

@@ -33,9 +33,7 @@ export { empty }       from './empty.js'
 export { table }       from './table.js'
 export { hero }        from './hero.js'
 export { phoneFrame }  from './phone-frame.js'
-export { testimonial } from './testimonial.js'
 export { feature }     from './feature.js'
-export { pricing }     from './pricing.js'
 export { accordion }   from './accordion.js'
 export { nav }         from './nav.js'
 export { appBadge }    from './app-badge.js'
@@ -45,52 +43,27 @@ export { grid }        from './grid.js'
 export { stack }       from './stack.js'
 export { cluster }     from './cluster.js'
 export { divider }     from './divider.js'
-export { banner }        from './banner.js'
 export { media }         from './media.js'
 export { tooltip }       from './tooltip.js'
 export { modal, modalTrigger } from './modal.js'
-export { carousel }      from './carousel.js'
 export { cta }           from './cta.js'
-export { codeWindow }    from './code-window.js'
 export { footer }        from './footer.js'
-export { timeline, timelineItem } from './timeline.js'
 export { toggle }                from './switch.js'
 export { checkbox }              from './checkbox.js'
 export { radio, radioGroup }     from './radio.js'
 export { rating }                from './rating.js'
 export { spinner }               from './spinner.js'
 export { progress }              from './progress.js'
-export { barChart, lineChart, donutChart, sparkline } from './charts.js'
 export { slider }      from './slider.js'
 export { segmented }   from './segmented.js'
 export { fileUpload }  from './fileupload.js'
 export { breadcrumbs } from './breadcrumbs.js'
 export { stepper }     from './stepper.js'
 export { uiImage }     from './uiimage.js'
-export { gallery }       from './gallery.js'
-export { photoCard }     from './photo-card.js'
-export { productCard }   from './product-card.js'
-export { editorialHero } from './editorial-hero.js'
-export { imagePair }     from './image-pair.js'
-export { brandStatement } from './brand-statement.js'
-export { marquee }     from './marquee.js'
-export { serviceCard } from './service-card.js'
-export { contactRow }  from './contact-row.js'
-export { trustList }   from './trust-list.js'
-export { topStrip }    from './top-strip.js'
-export { statGrid }    from './stat-grid.js'
-export { decorate }    from './decorate.js'
 export { pullquote }   from './pullquote.js'
 export { prose }       from './prose.js'
 export { heading }     from './heading.js'
 
-// Editorial components
-export { entryList }      from './entry-list.js'
-export { displayHeading } from './display-heading.js'
-export { sectionLabel }   from './section-label.js'
-export { dropCap }        from './drop-cap.js'
-export { colophon }       from './colophon.js'
-export { list }        from './list.js'
 export {
   iconArrowLeft, iconArrowRight, iconArrowUp, iconArrowDown,
   iconChevronLeft, iconChevronRight, iconChevronUp, iconChevronDown,

package/src/ui/ui.test.js

@@ -20,21 +20,16 @@ import { avatar }      from './avatar.js'
 import { empty }       from './empty.js'
 import { table }       from './table.js'
 import { hero }        from './hero.js'
-import { testimonial } from './testimonial.js'
 import { feature }     from './feature.js'
-import { pricing }     from './pricing.js'
 import { accordion }   from './accordion.js'
 import { nav }         from './nav.js'
 import { appBadge }    from './app-badge.js'
-import { dropCap }     from './drop-cap.js'
-import { gallery }     from './gallery.js'
 import { container }   from './container.js'
 import { section }     from './section.js'
 import { grid }        from './grid.js'
 import { stack }       from './stack.js'
 import { cluster }     from './cluster.js'
 import { divider }     from './divider.js'
-import { banner }      from './banner.js'
 import { media }       from './media.js'
 import { fieldset }    from './fieldset.js'
 import { slider }     from './slider.js'
@@ -521,43 +516,6 @@ test('hero: escapes title and eyebrow', () => {
   assert.doesNotMatch(html, /<b>bad<\/b>/)
 })
 
-// ─── testimonial ─────────────────────────────────────────────────────────────
-
-test('testimonial: renders quote, name, role', () => {
-  const html = testimonial({ quote: 'Great app', name: 'Alice Smith', role: 'CEO' })
-  assert.match(html, /Great app/)
-  assert.match(html, /Alice Smith/)
-  assert.match(html, /CEO/)
-})
-
-test('testimonial: renders stars when rating provided', () => {
-  const html = testimonial({ quote: 'x', name: 'A', rating: 5 })
-  assert.match(html, /ui-testimonial-rating/)
-  assert.match(html, /★★★★★/)
-})
-
-test('testimonial: no stars when rating omitted', () => {
-  assert.doesNotMatch(testimonial({ quote: 'x', name: 'A' }), /ui-testimonial-rating/)
-})
-
-test('testimonial: renders initials when src omitted', () => {
-  const html = testimonial({ quote: 'x', name: 'Alice Smith' })
-  assert.match(html, /ui-testimonial-avatar--initials/)
-  assert.match(html, /AS/)
-})
-
-test('testimonial: renders img when src provided', () => {
-  const html = testimonial({ quote: 'x', name: 'Alice', src: '/photo.jpg' })
-  assert.match(html, /<img/)
-  assert.match(html, /photo\.jpg/)
-})
-
-test('testimonial: escapes quote and name', () => {
-  const html = testimonial({ quote: '<script>', name: '<b>X</b>' })
-  assert.doesNotMatch(html, /<script>/)
-  assert.doesNotMatch(html, /<b>X<\/b>/)
-})
-
 // ─── feature ─────────────────────────────────────────────────────────────────
 
 test('feature: renders title and description', () => {
@@ -578,43 +536,6 @@ test('feature: escapes title and description', () => {
   assert.doesNotMatch(html, /<b>bad<\/b>/)
 })
 
-// ─── pricing ─────────────────────────────────────────────────────────────────
-
-test('pricing: renders name, price, period', () => {
-  const html = pricing({ name: 'Pro', price: '$9', period: '/month' })
-  assert.match(html, /ui-pricing-name/)
-  assert.match(html, /\$9/)
-  assert.match(html, /\/month/)
-})
-
-test('pricing: renders feature list', () => {
-  const html = pricing({ name: 'x', price: 'Free', features: ['Unlimited pages', 'Support'] })
-  assert.match(html, /Unlimited pages/)
-  assert.match(html, /Support/)
-  assert.match(html, /ui-pricing-check/)
-})
-
-test('pricing: highlighted adds modifier class', () => {
-  assert.match(pricing({ name: 'x', price: 'x', highlighted: true }), /ui-pricing--highlighted/)
-})
-
-test('pricing: badge renders when provided', () => {
-  const html = pricing({ name: 'x', price: 'x', badge: 'Most popular' })
-  assert.match(html, /ui-pricing-badge/)
-  assert.match(html, /Most popular/)
-})
-
-test('pricing: action slot passes through raw HTML', () => {
-  const html = pricing({ name: 'x', price: 'x', action: '<button>Buy</button>' })
-  assert.match(html, /<button>Buy<\/button>/)
-})
-
-test('pricing: escapes name and description', () => {
-  const html = pricing({ name: '<script>', description: '<b>x</b>' })
-  assert.doesNotMatch(html, /<script>/)
-  assert.doesNotMatch(html, /<b>x<\/b>/)
-})
-
 // ─── accordion ───────────────────────────────────────────────────────────────
 
 test('accordion: renders details/summary', () => {
@@ -859,32 +780,6 @@ test('divider: escapes label', () => {
   assert.doesNotMatch(divider({ label: '<script>' }), /<script>/)
 })
 
-// ─── banner ──────────────────────────────────────────────────────────────────
-
-test('banner: renders content', () => {
-  assert.match(banner({ content: 'Now available' }), /Now available/)
-})
-
-test('banner: info variant by default', () => {
-  assert.match(banner({ content: '' }), /ui-banner--info/)
-})
-
-test('banner: promo variant adds class', () => {
-  assert.match(banner({ content: '', variant: 'promo' }), /ui-banner--promo/)
-})
-
-test('banner: warning variant adds class', () => {
-  assert.match(banner({ content: '', variant: 'warning' }), /ui-banner--warning/)
-})
-
-test('banner: unknown variant falls back to info', () => {
-  assert.match(banner({ content: '', variant: 'fancy' }), /ui-banner--info/)
-})
-
-test('banner: has role=banner', () => {
-  assert.match(banner({ content: '' }), /role="banner"/)
-})
-
 // ─── media ───────────────────────────────────────────────────────────────────
 
 test('media: renders image and content slots', () => {
@@ -1322,38 +1217,6 @@ test('uiImage: escapes src to prevent XSS', () => {
   assert.doesNotMatch(html, /<script>/)
 })
 
-test('dropCap: inline style carries only the dynamic font-size — alignment lives in CSS', () => {
-  // Regression: a relative inline line-height (lines * 0.8 → 2.4 for 3 lines)
-  // made the float box ~3x the glyph height, so serif caps floated below the
-  // opening line instead of top-aligning. line-height/float/margin now live in
-  // .ui-drop-cap-letter (pulse-ui.css) with a fixed ~cap-height value.
-  const html = dropCap({ letter: 'O', content: 'nce upon a time.' })
-  assert.match(html, /class="ui-drop-cap-letter"/)
-  assert.match(html, /style="font-size:3\.6em"/)
-  assert.doesNotMatch(html, /line-height/)
-  assert.doesNotMatch(html, /float:left/)
-})
-
-test('dropCap: lines option scales the font-size', () => {
-  const html = dropCap({ letter: 'O', content: 'nce.', lines: 5 })
-  assert.match(html, /style="font-size:6em"/)
-})
-
-test('gallery: images are lazy by default', () => {
-  const html = gallery({ images: [{ src: '/a.jpg', alt: 'A' }] })
-  assert.match(html, /loading="lazy"/)
-})
-
-test('gallery: lazy:false renders eager images', () => {
-  const html = gallery({ images: [{ src: '/a.jpg', alt: 'A' }], lazy: false })
-  assert.doesNotMatch(html, /loading="lazy"/)
-})
-
-test('dropCap: escapes letter and content', () => {
-  const html = dropCap({ letter: '<', content: '<script>alert(1)</script>' })
-  assert.doesNotMatch(html, /<script>/)
-})
-
 test('pulse-ui.css: form controls are at least 16px on touch devices (iOS focus-zoom)', () => {
   // iOS Safari zooms the page when a focused input's font-size is under 16px,
   // forcing the user to pinch back out. A (pointer: coarse) block must keep

package/types/charts.d.ts

@@ -0,0 +1,61 @@
+/**
+ * Pulse Charts — SVG chart components
+ * @invisibleloop/pulse/charts
+ *
+ * All components are pure functions: (props?) => HTML string.
+ * Import only what you need — no side effects on import.
+ */
+
+type ChartColor = 'accent' | 'success' | 'warning' | 'error' | 'blue' | 'muted'
+
+export interface ChartDataPoint {
+  label: string
+  value: number
+}
+export interface DonutDataPoint {
+  label:  string
+  value:  number
+  color?: string
+}
+
+export interface BarChartProps {
+  data?:       ChartDataPoint[]
+  height?:     number
+  color?:      ChartColor
+  showValues?: boolean
+  showGrid?:   boolean
+  gap?:        number
+  class?:      string
+}
+export function barChart(props?: BarChartProps): string
+
+export interface LineChartProps {
+  data?:      ChartDataPoint[]
+  height?:    number
+  color?:     ChartColor
+  area?:      boolean
+  showDots?:  boolean
+  showGrid?:  boolean
+  class?:     string
+}
+export function lineChart(props?: LineChartProps): string
+
+export interface DonutChartProps {
+  data?:      DonutDataPoint[]
+  size?:      number
+  thickness?: number
+  label?:     string
+  sublabel?:  string
+  class?:     string
+}
+export function donutChart(props?: DonutChartProps): string
+
+export interface SparklineProps {
+  data?:   number[]
+  width?:  number
+  height?: number
+  color?:  ChartColor
+  area?:   boolean
+  class?:  string
+}
+export function sparkline(props?: SparklineProps): string

package/types/ui.d.ts

@@ -14,7 +14,6 @@ type ButtonVariant = 'primary' | 'secondary' | 'ghost' | 'danger'
 type Size          = 'sm' | 'md' | 'lg'
 type AlertVariant  = 'info' | 'success' | 'warning' | 'error'
 type BadgeVariant  = 'default' | 'success' | 'warning' | 'error' | 'info'
-type ChartColor    = 'accent' | 'success' | 'warning' | 'error' | 'blue' | 'muted'
 
 // ---------------------------------------------------------------------------
 // Form controls
@@ -223,17 +222,6 @@ export interface PullquoteProps {
 }
 export function pullquote(props?: PullquoteProps): string
 
-export interface ListItem {
-  text:   string
-  href?:  string
-}
-export interface ListProps {
-  items?:    Array<string | ListItem>
-  ordered?:  boolean
-  class?:    string
-}
-export function list(props?: ListProps): string
-
 // ---------------------------------------------------------------------------
 // Navigation
 // ---------------------------------------------------------------------------
@@ -360,29 +348,6 @@ export interface FeatureProps {
 }
 export function feature(props?: FeatureProps): string
 
-export interface TestimonialProps {
-  quote?:    string
-  name?:     string
-  role?:     string
-  avatar?:   string
-  class?:    string
-}
-export function testimonial(props?: TestimonialProps): string
-
-export interface PricingTier {
-  name?:     string
-  price?:    string
-  period?:   string
-  features?: string[]
-  action?:   string
-  featured?: boolean
-}
-export interface PricingProps {
-  tiers?: PricingTier[]
-  class?: string
-}
-export function pricing(props?: PricingProps): string
-
 export interface CtaProps {
   heading?: string
   content?: string
@@ -391,13 +356,6 @@ export interface CtaProps {
 }
 export function cta(props?: CtaProps): string
 
-export interface BannerProps {
-  content?: string
-  variant?: AlertVariant
-  class?:   string
-}
-export function banner(props?: BannerProps): string
-
 // ---------------------------------------------------------------------------
 // Media
 // ---------------------------------------------------------------------------
@@ -421,12 +379,6 @@ export interface UiImageProps {
 }
 export function uiImage(props?: UiImageProps): string
 
-export interface CarouselProps {
-  items?:  string[]
-  class?:  string
-}
-export function carousel(props?: CarouselProps): string
-
 // ---------------------------------------------------------------------------
 // Interactive UI
 // ---------------------------------------------------------------------------
@@ -514,25 +466,9 @@ export interface FileUploadProps {
 export function fileUpload(props?: FileUploadProps): string
 
 // ---------------------------------------------------------------------------
-// Timeline & stepper
+// Stepper
 // ---------------------------------------------------------------------------
 
-export interface TimelineItemProps {
-  title?:   string
-  content?: string
-  date?:    string
-  icon?:    string
-  active?:  boolean
-  class?:   string
-}
-export function timelineItem(props?: TimelineItemProps): string
-
-export interface TimelineProps {
-  items?: string[]
-  class?: string
-}
-export function timeline(props?: TimelineProps): string
-
 export interface StepperStep {
   label:    string
   complete?: boolean
@@ -562,70 +498,6 @@ export interface FooterProps {
 }
 export function footer(props?: FooterProps): string
 
-export interface CodeWindowProps {
-  code?:     string
-  language?: string
-  filename?: string
-  class?:    string
-}
-export function codeWindow(props?: CodeWindowProps): string
-
-// ---------------------------------------------------------------------------
-// Charts
-// ---------------------------------------------------------------------------
-
-export interface ChartDataPoint {
-  label: string
-  value: number
-}
-export interface DonutDataPoint {
-  label:  string
-  value:  number
-  color?: string
-}
-
-export interface BarChartProps {
-  data?:       ChartDataPoint[]
-  height?:     number
-  color?:      ChartColor
-  showValues?: boolean
-  showGrid?:   boolean
-  gap?:        number
-  class?:      string
-}
-export function barChart(props?: BarChartProps): string
-
-export interface LineChartProps {
-  data?:      ChartDataPoint[]
-  height?:    number
-  color?:     ChartColor
-  area?:      boolean
-  showDots?:  boolean
-  showGrid?:  boolean
-  class?:     string
-}
-export function lineChart(props?: LineChartProps): string
-
-export interface DonutChartProps {
-  data?:      DonutDataPoint[]
-  size?:      number
-  thickness?: number
-  label?:     string
-  sublabel?:  string
-  class?:     string
-}
-export function donutChart(props?: DonutChartProps): string
-
-export interface SparklineProps {
-  data?:   number[]
-  width?:  number
-  height?: number
-  color?:  ChartColor
-  area?:   boolean
-  class?:  string
-}
-export function sparkline(props?: SparklineProps): string
-
 // ---------------------------------------------------------------------------
 // Icons
 // ---------------------------------------------------------------------------

package/docs/src/pages/components/banner.js

@@ -1,44 +0,0 @@
-import { renderComponentPage, demo } from '../../lib/component-page.js'
-import { prevNext } from '../../lib/nav.js'
-import { table } from '../../lib/layout.js'
-import { banner, stack } from '../../../../src/ui/index.js'
-
-const { prev, next } = prevNext('/components/banner')
-
-export default {
-  route: '/components/banner',
-  meta: {
-    title: 'Banner — Pulse Docs',
-    description: 'Banner component for Pulse UI.',
-    styles: ['/pulse-ui.css', '/docs.css'],
-  },
-  view: () => renderComponentPage({
-    currentHref: '/components/banner',
-    prev,
-    next,
-    name: 'banner',
-    description: 'Full-width announcement bar. Sits above the nav for promotions and launch announcements. The content slot accepts links and formatted text.',
-    content: `
-      ${demo(
-        stack({
-          gap: 'sm',
-          content:
-            banner({ variant: 'promo',   content: '🎉 Chippy Bird v2.0 is out — <a href="#" style="color:inherit;text-decoration:underline">see what\'s new</a>' }) +
-            banner({ variant: 'info',    content: 'Android support is coming soon. <a href="#" style="color:inherit;text-decoration:underline">Join the waitlist</a>' }) +
-            banner({ variant: 'warning', content: 'Scheduled maintenance Sunday 2–4am UTC.' }),
-        }),
-        `banner({ variant: 'promo', content:
-  '🎉 v2.0 is out — ' + button({ label: "See what's new", variant: 'ghost', size: 'sm', href: '/changelog' })
-})`
-      )}
-
-      ${table(
-        ['Prop', 'Type', 'Default', 'Description'],
-        [
-          ['<code>content</code>', 'string (HTML)', '—',      'Raw HTML slot'],
-          ['<code>variant</code>', 'string',        "'info'", "'info' · 'promo' · 'warning'"],
-        ]
-      )}
-    `,
-  }),
-}