From 48e9794b296806554e3ed678b8795cea16fdd901 Mon Sep 17 00:00:00 2001
From: dev <info@activething.com>
Date: Sat, 6 Jun 2026 02:28:41 +0200
Subject: [PATCH] =?UTF-8?q?perf(eidos):=20code-split=20final=2010=20recipe?=
 =?UTF-8?q?s=20=E2=80=94=20index.css=20is=20foundation-only=20(Phase=203?=
 =?UTF-8?q?=20batch=205=20+=20Phase=204)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

table tree-view tree-grid feed virtual-list virtual-grid announce
clipboard drag-drop words.

words (the 55 KB recipe) composes via mounted eidos components
(Button×5, Icon×7, NumberField×3, ColorPicker×1, TextArea files), so
their recipes load on mount — no extra imports needed. Verified: words
content/toolbar styled, mounted button 26px/radius 6px.

index.css now holds ONLY the foundation: base.css + archetypes + events
+ the 10 layout primitives (box/flex/grid/stack/group/wrap/container/
section/aspect-ratio/auto-grid, kept because they're used pervasively and
recipes layer on them).

FINAL: monolith 850,879→335,100 raw / 113,489→54,429 gz — −515 KB raw /
−59 KB gz off EVERY page, landing at the base.css floor. A 5-component
page now ships ~54 KB foundation + a few KB of chunks instead of 113.5 KB
flat. check 0 errors.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 src/uix/eidos/components/announce/announce.svelte      |  1 +
 src/uix/eidos/components/clipboard/clipboard.svelte    |  1 +
 src/uix/eidos/components/drag-drop/drag-drop.svelte    |  1 +
 src/uix/eidos/components/feed/feed.svelte              |  1 +
 src/uix/eidos/components/table/table.svelte            |  1 +
 src/uix/eidos/components/tree-grid/tree-grid.svelte    |  1 +
 src/uix/eidos/components/tree-view/tree-view.svelte    |  1 +
 .../eidos/components/virtual-grid/virtual-grid.svelte  |  1 +
 .../eidos/components/virtual-list/virtual-list.svelte  |  1 +
 src/uix/eidos/components/words/words.svelte            |  1 +
 src/uix/eidos/index.css                                | 10 ----------
 11 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/uix/eidos/components/announce/announce.svelte b/src/uix/eidos/components/announce/announce.svelte
index 4e936917f..dd1df7d79 100644
--- a/src/uix/eidos/components/announce/announce.svelte
+++ b/src/uix/eidos/components/announce/announce.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+	import './announce.css';
 	/**
 	 * Eidos `<Announce>` — thin wrapper around soma's `Announce.Provider`.
 	 * Announce is a pure ARIA service (live regions for screen reader
diff --git a/src/uix/eidos/components/clipboard/clipboard.svelte b/src/uix/eidos/components/clipboard/clipboard.svelte
index 498cf3f87..7f2f28d73 100644
--- a/src/uix/eidos/components/clipboard/clipboard.svelte
+++ b/src/uix/eidos/components/clipboard/clipboard.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+	import './clipboard.css';
 	/**
 	 * Eidos `<Clipboard>` — visual wrapper around soma's
 	 * `Clipboard.Provider`. Drops a thin context for the Trigger /
diff --git a/src/uix/eidos/components/drag-drop/drag-drop.svelte b/src/uix/eidos/components/drag-drop/drag-drop.svelte
index a4e5e95ce..3beb8a976 100644
--- a/src/uix/eidos/components/drag-drop/drag-drop.svelte
+++ b/src/uix/eidos/components/drag-drop/drag-drop.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+	import './drag-drop.css';
 	/**
 	 * Eidos `<DragDrop>` — visual wrapper around soma's `DragDrop.Provider`.
 	 * Sets a color/size context for descendants.
diff --git a/src/uix/eidos/components/feed/feed.svelte b/src/uix/eidos/components/feed/feed.svelte
index 53b45a343..b6dd9471b 100644
--- a/src/uix/eidos/components/feed/feed.svelte
+++ b/src/uix/eidos/components/feed/feed.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+	import './feed.css';
 	/**
 	 * Eidos `<Feed>` — visual wrapper around soma's `Feed.Provider`.
 	 * Wraps the `<div role="feed">` in a `<div data-feed-root>` that
diff --git a/src/uix/eidos/components/table/table.svelte b/src/uix/eidos/components/table/table.svelte
index a8e6f0e5e..6493b7a5c 100644
--- a/src/uix/eidos/components/table/table.svelte
+++ b/src/uix/eidos/components/table/table.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+	import './table.css';
 	/**
 	 * Eidos `<Table>` — visual wrapper around soma's `Table.Provider`.
 	 *
diff --git a/src/uix/eidos/components/tree-grid/tree-grid.svelte b/src/uix/eidos/components/tree-grid/tree-grid.svelte
index dc0eacb45..85d09f351 100644
--- a/src/uix/eidos/components/tree-grid/tree-grid.svelte
+++ b/src/uix/eidos/components/tree-grid/tree-grid.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+	import './tree-grid.css';
 	/**
 	 * Eidos `<TreeGrid>` — visual wrapper around soma's `TreeGrid.Provider`.
 	 *
diff --git a/src/uix/eidos/components/tree-view/tree-view.svelte b/src/uix/eidos/components/tree-view/tree-view.svelte
index cd3a788a0..813bf03c8 100644
--- a/src/uix/eidos/components/tree-view/tree-view.svelte
+++ b/src/uix/eidos/components/tree-view/tree-view.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+	import './tree-view.css';
 	/**
 	 * Eidos `<TreeView>` — visual wrapper around soma's `TreeView.Provider`.
 	 *
diff --git a/src/uix/eidos/components/virtual-grid/virtual-grid.svelte b/src/uix/eidos/components/virtual-grid/virtual-grid.svelte
index b66ace9c8..22195f7e6 100644
--- a/src/uix/eidos/components/virtual-grid/virtual-grid.svelte
+++ b/src/uix/eidos/components/virtual-grid/virtual-grid.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+	import './virtual-grid.css';
 	/**
 	 * Eidos `<VirtualGrid>` — visual wrapper around soma's `VirtualGrid.Provider`.
 	 */
diff --git a/src/uix/eidos/components/virtual-list/virtual-list.svelte b/src/uix/eidos/components/virtual-list/virtual-list.svelte
index 64c601299..7faeef8ac 100644
--- a/src/uix/eidos/components/virtual-list/virtual-list.svelte
+++ b/src/uix/eidos/components/virtual-list/virtual-list.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+	import './virtual-list.css';
 	/**
 	 * Eidos `<VirtualList>` — visual wrapper around soma's `VirtualList.Provider`.
 	 * Wraps the provider in `<div data-virtual-list-root>` for chrome.
diff --git a/src/uix/eidos/components/words/words.svelte b/src/uix/eidos/components/words/words.svelte
index 861c6bd3b..f127ede15 100644
--- a/src/uix/eidos/components/words/words.svelte
+++ b/src/uix/eidos/components/words/words.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+	import './words.css';
 	/**
 	 * Eidos `<Words>` — visual wrapper over the headless Words editor.
 	 *
diff --git a/src/uix/eidos/index.css b/src/uix/eidos/index.css
index a478476b4..6fa0529f4 100644
--- a/src/uix/eidos/index.css
+++ b/src/uix/eidos/index.css
@@ -78,13 +78,3 @@
 @import './components/section/section.css';
 @import './components/aspect-ratio/aspect-ratio.css';
 @import './components/auto-grid/auto-grid.css';
-@import './components/words/words.css';
-@import './components/table/table.css';
-@import './components/tree-view/tree-view.css';
-@import './components/tree-grid/tree-grid.css';
-@import './components/feed/feed.css';
-@import './components/virtual-list/virtual-list.css';
-@import './components/virtual-grid/virtual-grid.css';
-@import './components/announce/announce.css';
-@import './components/clipboard/clipboard.css';
-@import './components/drag-drop/drag-drop.css';