lion-make 0.3.0 → 0.4.0

package/guidelines/Guidelines.md

@@ -1,8 +1,8 @@
-# lion-make — Mondrian Design System
+# lion-make Design System
 
 ## What This System Is
 
-lion-make is a **zone-locked CMS design system** modeled on the Mondrian layout engine. It is not a free-composition component library. Every page is divided into fixed zones — Header, Hero, General Content, Anklet, Footer — and each zone accepts only its designated content types. This is the system's single most important structural rule.
+lion-make is a **zone-locked CMS design system**. It is not a free-composition component library. Every page is divided into fixed zones — Header, Hero, General Content, Anklet, Footer — and each zone accepts only its designated content types. This is the system's single most important structural rule.
 
 **Do not invent components, layouts, or structures outside the defined content types. If it is not in this system, it does not exist here.**
 
@@ -28,6 +28,22 @@ Use these defaults for every design decision unless a prompt overrides them expl
 
 ---
 
+## Mandatory Bootstrap
+
+**Every page must be wrapped in `<LionMakeProvider>`.** This component injects all design tokens (CSS custom properties), the Source Sans Pro font, and structural CSS for every component class. Without it, no tokens resolve, no layout works, and no font loads.
+
+```tsx
+import { LionMakeProvider } from 'lion-make'
+
+<LionMakeProvider>
+  {/* your entire page here */}
+</LionMakeProvider>
+```
+
+This is the very first thing to generate. Do not render any lion-make component outside of `<LionMakeProvider>`.
+
+---
+
 ## Non-Negotiable Principles
 
 1. **Zone lock.** Content types belong to exactly one zone. A hero component in the footer is invalid. Check `composition/zones.md` if unsure.

package/guidelines/content-types/footer/anklet.md

@@ -2,7 +2,7 @@
 
 **Zone:** Anklet — its own dedicated zone directly above the Footer zone. Not part of the Footer zone itself.
 
-> **Note on placement:** Mondrian documents the Anklet under the "Footer" section of the guide, but architecturally it occupies its own zone (`data-zone="anklet"`) between General Content and the Footer. It is not nested inside a `Section zone="footer"`.
+> **Note on placement:** The Anklet is grouped under the "Footer" section of the guide, but architecturally it occupies its own zone (`data-zone="anklet"`) between General Content and the Footer. It is not nested inside a `Section zone="footer"`.
 
 ## Description
 

package/guidelines/content-types/footer/overview.md

@@ -89,7 +89,7 @@ import {
 - [compliance.md](./compliance.md)
 - [legal-links.md](./legal-links.md)
 
-Legacy docs (pre-Mondrian naming — kept for reference):
+Legacy docs (earlier naming — kept for reference):
 - [disclaimer.md](./disclaimer.md)
 - [disclosure.md](./disclosure.md)
 - [compliance-block.md](./compliance-block.md)

package/guidelines/content-types/header/top-level-navigation.md

@@ -6,7 +6,7 @@
 
 The global navigation menu — the primary wayfinding element across all pages. Renders as a horizontal link bar with optional dropdown sub-menus. Every page must include exactly one `TopLevelNavigation`.
 
-Supports one level of dropdown children. Deeper nesting is not supported in Mondrian.
+Supports one level of dropdown children. Deeper nesting is not supported.
 
 ## Props
 

package/guidelines/content-types/hero/overview.md

@@ -72,5 +72,5 @@ import { Section, CTAHeroBlock } from 'lion-make'
 - [multi-hero.md](./multi-hero.md)
 - [not-available-hero-block.md](./not-available-hero-block.md)
 
-Legacy (pre-Mondrian generic stub — kept for backward compatibility):
+Legacy (generic stub — kept for backward compatibility):
 - [hero-variants.md](./hero-variants.md)

package/guidelines/discovery.md

@@ -136,6 +136,8 @@ Common failure modes and how to avoid them:
 
 | Task | Where to look |
 |---|---|
+| "How do I bootstrap the design system?" | Wrap everything in `<LionMakeProvider>` from `lion-make` — first, before anything else |
+|---|---|
 | "What can I put in the hero?" | `guidelines/content-types/hero/overview.md` |
 | "Which hero type should I use?" | `guidelines/content-types/hero/overview.md` → decision tree |
 | "What props does CTAHeroBlock take?" | `guidelines/content-types/hero/cta-hero-block.md` + `src/components/hero/CTAHeroBlock.tsx` |

package/guidelines/setup.md

@@ -37,6 +37,26 @@ Or in CSS:
 @import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,600,700');
 ```
 
+## Required: LionMakeProvider
+
+**Wrap every page in `<LionMakeProvider>` before rendering anything else.** It injects all CSS tokens, the Source Sans Pro font, and structural CSS automatically — no separate CSS imports needed in Figma Make.
+
+```tsx
+import { LionMakeProvider } from 'lion-make'
+
+export function Page() {
+  return (
+    <LionMakeProvider>
+      {/* everything else goes here */}
+    </LionMakeProvider>
+  )
+}
+```
+
+If you skip this, CSS custom properties will not resolve, the font will not load, and all components will render unstyled.
+
+---
+
 ## Import Components
 
 Components are organized by zone. Import only what you need.
@@ -91,6 +111,7 @@ import {
 
 ```tsx
 import {
+  LionMakeProvider,
   PageForehead,
   Section,
   Container,
@@ -111,6 +132,7 @@ import {
 
 export function Page() {
   return (
+    <LionMakeProvider>
     <PageForehead>
 
       <Section zone="header">
@@ -160,6 +182,7 @@ export function Page() {
       </Section>
 
     </PageForehead>
+    </LionMakeProvider>
   )
 }
 ```

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "lion-make",
-  "version": "0.3.0",
-  "description": "Mondrian-based design system for Figma Make — zone-locked layout system with CSS design tokens and React component stubs.",
+  "version": "0.4.0",
+  "description": "Zone-locked CMS design system for Figma Make — structured layout system with CSS design tokens and React component stubs.",
   "type": "module",
   "main": "./dist/lion-make.umd.cjs",
   "module": "./dist/lion-make.js",
@@ -45,7 +45,7 @@
   "keywords": [
     "design-system",
     "figma-make",
-    "mondrian",
+    "zone-locked",
     "react",
     "lion-make"
   ],