fiboui 2.1.0 → 2.2.0

package/README.md

@@ -1,8 +1,8 @@
-# FiboUI v2.1.0
+# FiboUI v2.2.0
 
 **A Flutter & SwiftUI-inspired React UI framework featuring a fluent builder API and fine-grained reactivity.**
 
-FiboUI brings chainable builders to React. Compose screens with `Column()`, `Row()`, `Button()`, and `signal()`. Builders **are** React elements — return them from components, nest them in JSX, and skip `.build()`.
+FiboUI brings chainable builders to React. Compose screens with `Column()`, `Row()`, `Button()`, and `signal()`. Builders **are** React elements — return them from functions and skip `.build()`. Prefer the fluent API (no JSX tags).
 
 ---
 
@@ -13,6 +13,8 @@ FiboUI brings chainable builders to React. Compose screens with `Column()`, `Row
 - **Fine-grained reactivity** — `signal()`, `computed()`, `createStore()`, `.bindSignal()`, `.observer()`.
 - **Multi-theme** — Material, Cupertino, and Web tokens with CSS variables.
 - **Type-safe** — TypeScript builders; `FiboChild` / `FiboChildren` describe child slots.
+- **Media queries** — `Box().padding(8).md({ padding: 16 }).lg({ padding: 24 })` compiles to CSS `@media`. `.responsive({ mobile, tablet, desktop })` still works (JS).
+- **CSS motion & scroll** — `Box().animate('fadeIn').ease('spring')`, `.onScroll('fadeIn')`, `.stagger(80)`, `.scrollProgress()`, `Presence(open).enter('fadeIn').exit('fadeOut')`. Default path is CSS (no rAF). See `docs/guide/animation.md`.
 
 ---
 
@@ -59,7 +61,7 @@ function Hello() {
 
 ### No `.build()`
 
-Builders are valid React elements (`isValidElement(Button('Go'))`). Use them as JSX children, return values, array items (`.key(id)`), props, or `React.createElement` arguments. `.build()` still exists and is deprecated.
+Builders are valid React elements (`isValidElement(Button('Go'))`). Return them from functions, nest them in `.children()`, or pass them as `React.createElement` arguments. `.build()` still exists and is deprecated.
 
 The event API on `Button` is **`.onPress`** (not `onClick`). `FiboBuilder.onClick` still exists for raw DOM handlers on any builder.
 

package/dist/{FineGrain-BTgNt7fN.js → FineGrain-6w615KQw.js}

@@ -1,11 +1,11 @@
 "use client";
 import s, { useRef as l, useEffect as p } from "react";
-import { i as x, r as m, E } from "./builder-6GkZlCaz.js";
+import { w as x, r as m, E } from "./builder-KLTu7nAI.js";
 function R({
   compute: e,
   as: n = "span",
-  className: i,
-  style: o,
+  className: o,
+  style: i,
   ...u
 }) {
   const r = x(), t = l(null), a = e();
@@ -15,7 +15,7 @@ function R({
       t.current && t.current.textContent !== c && (t.current.textContent = c);
     });
     return () => f.dispose();
-  }), [e, r]), s.createElement(n, { ref: t, className: i, style: o, ...u }, a);
+  }), [e, r]), s.createElement(n, { ref: t, className: o, style: i, ...u }, a);
 }
 function d(e, n) {
   return s.createElement(R, {