@bysages/solid 0.0.0 → 0.1.1

package/README.md

@@ -4,11 +4,11 @@
 ![npm downloads](https://img.shields.io/npm/dw/@bysages/solid)
 ![npm license](https://img.shields.io/npm/l/@bysages/solid)
 
-> By Sages Elements for Solid — 70+ accessible component families, headless by construction, dressed by the paper-and-ink style layer.
+> By Sages Elements for Solid — 90+ accessible component families, headless by construction, dressed by the paper-and-ink style layer.
 
 ## Features
 
-- 🧩 **70+ families** — actions, forms, overlays, navigation, data, layout, and an AI conversation family on ai-sdk formats
+- 🧩 **90+ families** — actions, forms, overlays, navigation, data, layout, and an AI conversation family on ai-sdk formats
 - 🏛️ **Headless inside** — interaction, state, ARIA, and positioning come from proven headless state machines; wrappers add API narrowing and style injection, no DOM of their own
 - 🎨 **Token-styled** — every visual value is a CSS custom property from `@bysages/core`; light/dark, accent pigments, contrast and density tiers are data, never hardcoded styles
 - 📦 **Container-driven** — components respond to `@container`, not the viewport; the same component composes in a sidebar, a card, or a page
@@ -33,13 +33,13 @@ bun add @bysages/solid @bysages/core
 
 ## Quick Start
 
-Import the token stylesheet once, theme the document, then use the components:
+Theme the document, then use the components — the component import
+carries the whole token layer in with it:
 
 ```tsx
 // index.tsx
-import "@bysages/tokens/css";
 import { render } from "solid-js/web";
-import { applyTheme } from "@bysages/core";
+import { applyTheme } from "@bysages/solid";
 import { Dialog } from "@bysages/solid";
 
 applyTheme({ mode: "system", accent: "ink" });