Next Preview Work Final

docs/components/stat.md

@@ -140,41 +140,6 @@ const ReactiveDemo = () => {
 $mount(ReactiveDemo, '#demo-reactive');
 ```
 
-### With Trend Indicators
-
-<div class="card bg-base-200 border border-base-300 shadow-sm my-6">
-  <div class="card-body">
-    <h3 class="card-title text-sm uppercase opacity-50 mb-4">Live Demo</h3>
-    <div id="demo-trends" class="bg-base-100 p-6 rounded-xl border border-base-300 grid grid-cols-1 md:grid-cols-3 gap-4"></div>
-  </div>
-</div>
-
-```javascript
-const TrendsDemo = () => {
-  return Div({ class: 'grid grid-cols-1 md:grid-cols-3 gap-4' }, [
-    Stat({
-      label: 'Weekly Sales',
-      value: '$12,345',
-      desc: Div({ class: 'text-success' }, '↗︎ 15% increase'),
-      icon: Span({ class: 'text-2xl' }, '📈')
-    }),
-    Stat({
-      label: 'Bounce Rate',
-      value: '42%',
-      desc: Div({ class: 'text-error' }, '↘︎ 3% from last week'),
-      icon: Span({ class: 'text-2xl' }, '📉')
-    }),
-    Stat({
-      label: 'Avg. Session',
-      value: '4m 32s',
-      desc: Div({ class: 'text-warning' }, '↗︎ 12 seconds'),
-      icon: Span({ class: 'text-2xl' }, '⏱️')
-    })
-  ]);
-};
-$mount(TrendsDemo, '#demo-trends');
-```
-
 ### Multiple Stats in Row
 
 <div class="card bg-base-200 border border-base-300 shadow-sm my-6">