@a4ui/core 0.10.2 → 0.11.1

package/dist/lib/motion.d.ts

@@ -1,4 +1,6 @@
+import { animate, inView, scroll, stagger, spring } from 'motion';
 import { Accessor } from 'solid-js';
+export { animate, inView, scroll, stagger, spring };
 /**
  * Snapshot of the user's reduced-motion preference at call time. Not
  * reactive to preference changes mid-session (matches theme.ts's one-shot
@@ -46,11 +48,8 @@ export declare function setMotionForced(on: boolean): void;
  */
 export declare function motionReduced(): boolean;
 /**
- * Tweens a numeric signal toward `target()` using requestAnimationFrame +
- * an ease-out curve (solid-motionone/@motionone don't expose spring easing
- * yet, and this needs to interpolate a plain number rather than a DOM
- * property, so it's a small hand-rolled WAAPI-adjacent tween for KPI count-up).
- * Jumps straight to the target under prefers-reduced-motion.
+ * Tweens a numeric signal toward `target()` with Motion's `animate` (ease-out),
+ * for KPI count-ups. Jumps straight to the target under reduced motion.
  *
  * @example
  * ```tsx
@@ -59,3 +58,37 @@ export declare function motionReduced(): boolean;
  * ```
  */
 export declare function createCountUp(target: Accessor<number>, durationMs?: number): Accessor<number>;
+/**
+ * Fade + slide an element in on mount with Motion (ease-out), respecting
+ * reduced motion (a no-op then). Call it from a ref/onMount; use `delay` to
+ * stagger a row.
+ *
+ * @example
+ * ```tsx
+ * let el!: HTMLDivElement
+ * onMount(() => animateIn(el, { delay: 0.1 }))
+ * return <div ref={el}>…</div>
+ * ```
+ */
+export declare function animateIn(el: Element, opts?: {
+    y?: number;
+    duration?: number;
+    delay?: number;
+}): void;
+/**
+ * Reveal an element the first time it scrolls into view (fade + slide up), using
+ * Motion's `inView`. Reveals once (won't re-flash on re-entry) and is a no-op
+ * under reduced motion (the element stays visible). Returns a stop function.
+ *
+ * @example
+ * ```tsx
+ * let el!: HTMLDivElement
+ * onMount(() => revealOnScroll(el, { amount: 0.3 }))
+ * return <section ref={el}>…</section>
+ * ```
+ */
+export declare function revealOnScroll(el: Element, opts?: {
+    y?: number;
+    duration?: number;
+    amount?: number;
+}): () => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@a4ui/core",
-  "version": "0.10.2",
+  "version": "0.11.1",
   "description": "A4ui — Spatial Glass design system & component library for SolidJS (Kobalte behavior + Tailwind glass tokens + motion).",
   "type": "module",
   "license": "MIT",
@@ -106,8 +106,7 @@
     "@tanstack/solid-virtual": "^3.13.33",
     "clsx": "^2.1.1",
     "lucide-solid": "^1.23.0",
-    "solid-motionone": "^1.0.4",
-    "solid-transition-group": "^0.3.0",
+    "motion": "^12.42.2",
     "tailwind-merge": "^3.6.0"
   },
   "devDependencies": {