Shared stores

import { onCleanup } from '@zidomjs/core';import { createStore } from '@zidomjs/store';export default function StoreDemo() {  const store = createStore({ passenger: 'Zidane', seat: '12A' });  onCleanup(() => store.dispose());  const summary = store.select(s => `${s.passenger} · ${s.seat}`);  return <div className="example-card">    <p>Shared state tracks individual top-level properties.</p>    <p className="demo-output">{summary}</p>    <div className="demo-actions">      <button onClick={() => store.set('seat', '14A')}>Seat 14A</button>      <button onClick={() => store.update('seat', old => old === '12A' ? '12B' : '12A')}>Toggle seat</button>      <button onClick={() => store.patch({ passenger: 'Zidane', seat: '12A' })}>Reset</button>    </div>  </div>;}