@ -61,6 +61,14 @@
/* ── Component recipes ──────────────────────────────────────────────────── */
/* ── Component recipes ──────────────────────────────────────────────────── */
/* Layout primitives load first so component recipes can layer on top of them. */
/* Layout primitives load first so component recipes can layer on top of them. */
/ *
* Code-split components are intentionally NOT aggregated here : they import
* their own CSS from their ` . svelte ` , so Vite emits a per-component chunk that
* loads only when the component mounts . Do NOT re-add their ` @ import ` here or
* the CSS double-loads ( aggregate + chunk ) . Currently code-split :
* badge · card · image · password-field · s-text · s-text-virtual-list ·
* scroll-frames · skeleton · spinner · textarea
* /
@ import './components/box/box.css' ;
@ import './components/box/box.css' ;
@ import './components/flex/flex.css' ;
@ import './components/flex/flex.css' ;
@ import './components/grid/grid.css' ;
@ import './components/grid/grid.css' ;
@ -78,9 +86,6 @@
@ import './components/separator/separator.css' ;
@ import './components/separator/separator.css' ;
@ import './components/splitter/splitter.css' ;
@ import './components/splitter/splitter.css' ;
@ import './components/text/text.css' ;
@ import './components/text/text.css' ;
@ import './components/s-text/s-text.css' ;
@ import './components/s-text-virtual-list/s-text-virtual-list.css' ;
@ import './components/scroll-frames/scroll-frames.css' ;
@ import './components/heading/heading.css' ;
@ import './components/heading/heading.css' ;
@ import './components/display/display.css' ;
@ import './components/display/display.css' ;
@ import './components/code/code.css' ;
@ import './components/code/code.css' ;
@ -90,11 +95,8 @@
@ import './components/highlight/highlight.css' ;
@ import './components/highlight/highlight.css' ;
@ import './components/link/link.css' ;
@ import './components/link/link.css' ;
@ import './components/icon/icon.css' ;
@ import './components/icon/icon.css' ;
@ import './components/image/image.css' ;
@ import './components/avatar/avatar.css' ;
@ import './components/avatar/avatar.css' ;
@ import './components/badge/badge.css' ;
@ import './components/breadcrumb/breadcrumb.css' ;
@ import './components/breadcrumb/breadcrumb.css' ;
@ import './components/card/card.css' ;
@ import './components/toast/toast.css' ;
@ import './components/toast/toast.css' ;
@ import './components/dialog/dialog.css' ;
@ import './components/dialog/dialog.css' ;
@ import './components/alert-dialog/alert-dialog.css' ;
@ import './components/alert-dialog/alert-dialog.css' ;
@ -165,7 +167,3 @@
@ import './components/announce/announce.css' ;
@ import './components/announce/announce.css' ;
@ import './components/clipboard/clipboard.css' ;
@ import './components/clipboard/clipboard.css' ;
@ import './components/drag-drop/drag-drop.css' ;
@ import './components/drag-drop/drag-drop.css' ;
@ import './components/password-field/password-field.css' ;
@ import './components/textarea/textarea.css' ;
@ import './components/skeleton/skeleton.css' ;
@ import './components/spinner/spinner.css' ;