@middag-io/react 0.12.0 → 0.13.0

package/README.md

@@ -2,12 +2,12 @@
 
 Shared React UI library for the MIDDAG ecosystem. Consumed by Moodle (`local_middag`) and WordPress host plugins via Inertia.js.
 
-**[Live Demo](https://middag-react-mock.pages.dev)** | **[Documentation](https://ui-docs.middag.io)**
+**[Live Demo](https://ui-demo.middag.io)** | **[Documentation](https://ui-docs.middag.io)**
 
 ## Stack
 
 - React 19, TypeScript, Tailwind CSS v4
-- Inertia.js (peer dependency -- all hosts use Inertia)
+- Inertia.js (peer dependency — all hosts use Inertia)
 - ReUI components (Radix-based)
 - TanStack Table, @xyflow/react, @dnd-kit
 
@@ -67,7 +67,7 @@ Both editions deliver the same runtime code. Community is sufficient for buildin
 import { ContractPage, registerDefaults } from '@middag-io/react';
 import type { PageContract } from '@middag-io/react';
 
-// Register core shells, layouts, and all 17 blocks
+// Register core shells, layouts, and all 17 blocks (5 lazy-loaded)
 registerDefaults();
 
 // Render a contract-driven page
@@ -76,18 +76,18 @@ registerDefaults();
 
 ### Selective registration (IIFE consumers)
 
-WordPress and other IIFE consumers should import only the blocks they need to avoid bundling heavy dependencies (@xyflow/react, @dnd-kit) via `inlineDynamicImports`:
+WordPress and other IIFE consumers should import only the blocks they need to avoid bundling heavy dependencies (@xyflow/react, @dnd-kit, zod, react-hook-form) via `inlineDynamicImports`:
 
 ```tsx
 import {
-  ContractPage,
   registerShell, registerLayout, registerBlock,
-  AdminShell, StackLayout, DashboardLayout,
+  ProductShell, StackLayout, SidebarLayout, DashboardLayout,
   DenseTableBlock, MetricCardBlock, EmptyStateBlock,
 } from '@middag-io/react';
 
-registerShell('admin', AdminShell);
+registerShell('product', ProductShell);
 registerLayout('stack', StackLayout);
+registerLayout('sidebar', SidebarLayout);
 registerLayout('dashboard', DashboardLayout);
 registerBlock('dense_table', DenseTableBlock);
 registerBlock('metric_card', MetricCardBlock);
@@ -168,8 +168,8 @@ import { I18nProvider } from '@middag-io/react';
 
 ```
 src/
-  app/           # ContractPage, registries, providers, LazyBlock
-  base/          # Shells, layouts, blocks, hooks, theme, partials
+  app/           # ContractPage, registries (shell/layout/block), providers, LazyBlock
+  base/          # Shells, layouts, blocks, hooks, theme, form, partials, registries (field/icon/cell)
   components/
     reui/        # ReUI primitives (Radix-based, source of truth)
     examples/    # ReUI component examples (synced from registry)
@@ -304,7 +304,7 @@ The package includes a CLI for bootstrapping and maintaining the UI layer in con
 
 The mock SPA is deployed automatically to Cloudflare Pages on every push to `main`.
 
-**Live URL:** `https://middag-react-mock.pages.dev`
+**Live URL:** `https://ui-demo.middag.io`
 
 ### First-time setup
 
@@ -314,10 +314,10 @@ The mock SPA is deployed automatically to Cloudflare Pages on every push to `mai
    ```
 
 2. Add repository secrets in GitHub (`Settings > Secrets and variables > Actions`):
-    - `CLOUDFLARE_API_TOKEN` -- API token with "Cloudflare Pages: Edit" permission
-    - `CLOUDFLARE_ACCOUNT_ID` -- your Cloudflare account ID (found in dashboard URL or Workers & Pages overview)
+   - `CLOUDFLARE_API_TOKEN` — API token with "Cloudflare Pages: Edit" permission
+   - `CLOUDFLARE_ACCOUNT_ID` — your Cloudflare account ID (found in dashboard URL or Workers & Pages overview)
 
-3. Push to `main` -- the `deploy-mock.yml` workflow runs automatically.
+3. Push to `main` — the `deploy-mock.yml` workflow runs automatically.
 
 ### Manual deploy (local)
 
@@ -346,4 +346,4 @@ npx wrangler pages deploy dist-mock --project-name=middag-react-mock
 
 ## License
 
-Private -- MIDDAG proprietary.
+Private — MIDDAG proprietary.