@twentyfirstmedia/ui-core 0.1.1 → 0.2.0

package/dist/index.d.ts

@@ -1,7 +1,9 @@
 export { cx, durationToken, initials, reduced } from "./cx.js";
 export { formatNumber, formatPercent, formatMoney, formatDate, LOCALE, CURRENCY, WEEK_START, } from "./format.js";
-export { UIProvider, useUI, type UIProviderProps, type UIContextValue, type Kit, type Theme, type Density, } from "./provider.js";
+export { UIProvider, useUI, type UIProviderProps, type UIContextValue, type Kit, type Theme, type Density, type Motion, } from "./provider.js";
 export { Portal } from "./portal.js";
+export { startViewTransition, useMotion } from "./motion.js";
+export { usePresence, leaving, type Presence } from "./presence.js";
 export { THEME_VARS, THEME_PRESETS, themeCss, themeStyle, parseThemeCss, brandTheme, foregroundFor, type ThemeVar, type ThemeValues, type ThemeInput, type ThemeCssOptions, } from "./theme.js";
 export { FOCUSABLE, useControlled, useId, useKeepInView, useScrollFocus, useMounted, useOutside, useTrap, useWidth, } from "./hooks.js";
 export { toast, subscribeToasts, getToasts, getServerToasts, type ToastOptions, type ToastData, type ToastTone, } from "./toast-store.js";

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,aAAa,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAC/D,OAAO,EACL,YAAY,EACZ,aAAa,EACb,WAAW,EACX,UAAU,EACV,MAAM,EACN,QAAQ,EACR,UAAU,GACX,MAAM,aAAa,CAAC;AACrB,OAAO,EACL,UAAU,EACV,KAAK,EACL,KAAK,eAAe,EACpB,KAAK,cAAc,EACnB,KAAK,GAAG,EACR,KAAK,KAAK,EACV,KAAK,OAAO,GACb,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EACL,UAAU,EACV,aAAa,EACb,QAAQ,EACR,UAAU,EACV,aAAa,EACb,UAAU,EACV,aAAa,EACb,KAAK,QAAQ,EACb,KAAK,WAAW,EAChB,KAAK,UAAU,EACf,KAAK,eAAe,GACrB,MAAM,YAAY,CAAC;AACpB,OAAO,EACL,SAAS,EACT,aAAa,EACb,KAAK,EACL,aAAa,EACb,cAAc,EACd,UAAU,EACV,UAAU,EACV,OAAO,EACP,QAAQ,GACT,MAAM,YAAY,CAAC;AACpB,OAAO,EACL,KAAK,EACL,eAAe,EACf,SAAS,EACT,eAAe,EACf,KAAK,YAAY,EACjB,KAAK,SAAS,EACd,KAAK,SAAS,GACf,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,KAAK,QAAQ,EAAE,MAAM,YAAY,CAAC;AACnE,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,WAAW,CAAC;AACjD,cAAc,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,aAAa,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAC/D,OAAO,EACL,YAAY,EACZ,aAAa,EACb,WAAW,EACX,UAAU,EACV,MAAM,EACN,QAAQ,EACR,UAAU,GACX,MAAM,aAAa,CAAC;AACrB,OAAO,EACL,UAAU,EACV,KAAK,EACL,KAAK,eAAe,EACpB,KAAK,cAAc,EACnB,KAAK,GAAG,EACR,KAAK,KAAK,EACV,KAAK,OAAO,EACZ,KAAK,MAAM,GACZ,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,eAAe,CAAC;AACpE,OAAO,EACL,UAAU,EACV,aAAa,EACb,QAAQ,EACR,UAAU,EACV,aAAa,EACb,UAAU,EACV,aAAa,EACb,KAAK,QAAQ,EACb,KAAK,WAAW,EAChB,KAAK,UAAU,EACf,KAAK,eAAe,GACrB,MAAM,YAAY,CAAC;AACpB,OAAO,EACL,SAAS,EACT,aAAa,EACb,KAAK,EACL,aAAa,EACb,cAAc,EACd,UAAU,EACV,UAAU,EACV,OAAO,EACP,QAAQ,GACT,MAAM,YAAY,CAAC;AACpB,OAAO,EACL,KAAK,EACL,eAAe,EACf,SAAS,EACT,eAAe,EACf,KAAK,YAAY,EACjB,KAAK,SAAS,EACd,KAAK,SAAS,GACf,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,KAAK,QAAQ,EAAE,MAAM,YAAY,CAAC;AACnE,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,WAAW,CAAC;AACjD,cAAc,uBAAuB,CAAC"}

package/dist/index.js

@@ -2,6 +2,8 @@ export { cx, durationToken, initials, reduced } from "./cx.js";
 export { formatNumber, formatPercent, formatMoney, formatDate, LOCALE, CURRENCY, WEEK_START, } from "./format.js";
 export { UIProvider, useUI, } from "./provider.js";
 export { Portal } from "./portal.js";
+export { startViewTransition, useMotion } from "./motion.js";
+export { usePresence, leaving } from "./presence.js";
 export { THEME_VARS, THEME_PRESETS, themeCss, themeStyle, parseThemeCss, brandTheme, foregroundFor, } from "./theme.js";
 export { FOCUSABLE, useControlled, useId, useKeepInView, useScrollFocus, useMounted, useOutside, useTrap, useWidth, } from "./hooks.js";
 export { toast, subscribeToasts, getToasts, getServerToasts, } from "./toast-store.js";

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,aAAa,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAC/D,OAAO,EACL,YAAY,EACZ,aAAa,EACb,WAAW,EACX,UAAU,EACV,MAAM,EACN,QAAQ,EACR,UAAU,GACX,MAAM,aAAa,CAAC;AACrB,OAAO,EACL,UAAU,EACV,KAAK,GAMN,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EACL,UAAU,EACV,aAAa,EACb,QAAQ,EACR,UAAU,EACV,aAAa,EACb,UAAU,EACV,aAAa,GAKd,MAAM,YAAY,CAAC;AACpB,OAAO,EACL,SAAS,EACT,aAAa,EACb,KAAK,EACL,aAAa,EACb,cAAc,EACd,UAAU,EACV,UAAU,EACV,OAAO,EACP,QAAQ,GACT,MAAM,YAAY,CAAC;AACpB,OAAO,EACL,KAAK,EACL,eAAe,EACf,SAAS,EACT,eAAe,GAIhB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,UAAU,EAAiB,MAAM,YAAY,CAAC;AACnE,OAAO,EAAE,IAAI,EAAkB,MAAM,WAAW,CAAC;AACjD,cAAc,uBAAuB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,aAAa,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAC/D,OAAO,EACL,YAAY,EACZ,aAAa,EACb,WAAW,EACX,UAAU,EACV,MAAM,EACN,QAAQ,EACR,UAAU,GACX,MAAM,aAAa,CAAC;AACrB,OAAO,EACL,UAAU,EACV,KAAK,GAON,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,OAAO,EAAiB,MAAM,eAAe,CAAC;AACpE,OAAO,EACL,UAAU,EACV,aAAa,EACb,QAAQ,EACR,UAAU,EACV,aAAa,EACb,UAAU,EACV,aAAa,GAKd,MAAM,YAAY,CAAC;AACpB,OAAO,EACL,SAAS,EACT,aAAa,EACb,KAAK,EACL,aAAa,EACb,cAAc,EACd,UAAU,EACV,UAAU,EACV,OAAO,EACP,QAAQ,GACT,MAAM,YAAY,CAAC;AACpB,OAAO,EACL,KAAK,EACL,eAAe,EACf,SAAS,EACT,eAAe,GAIhB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,UAAU,EAAiB,MAAM,YAAY,CAAC;AACnE,OAAO,EAAE,IAAI,EAAkB,MAAM,WAAW,CAAC;AACjD,cAAc,uBAAuB,CAAC"}

package/dist/motion.d.ts

@@ -0,0 +1,13 @@
+import { type Motion } from "./provider.js";
+/**
+ * Runs `update` (a route change, a tab switch, new data) as a view transition: the old page fades
+ * out and the new one rises in, in the kit's motion. Falls back to a plain update where the
+ * browser has no view transitions or motion is off.
+ */
+export declare function startViewTransition(update: () => void | Promise<void>): Promise<void>;
+/**
+ * The motion level in effect: "off" while the reader asks for reduced motion or the nearest
+ * provider turns motion off, otherwise the provider's level ("standard" by default).
+ */
+export declare function useMotion(): Motion;
+//# sourceMappingURL=motion.d.ts.map

package/dist/motion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"motion.d.ts","sourceRoot":"","sources":["../src/motion.ts"],"names":[],"mappings":"AAGA,OAAO,EAAS,KAAK,MAAM,EAAE,MAAM,eAAe,CAAC;AAEnD;;;;GAIG;AACH,wBAAsB,mBAAmB,CAAC,MAAM,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,CAkB3F;AAED;;;GAGG;AACH,wBAAgB,SAAS,IAAI,MAAM,CAalC"}

package/dist/motion.js

@@ -0,0 +1,44 @@
+"use client";
+import { useEffect, useState } from "react";
+import { reduced } from "./cx.js";
+import { useUI } from "./provider.js";
+/**
+ * Runs `update` (a route change, a tab switch, new data) as a view transition: the old page fades
+ * out and the new one rises in, in the kit's motion. Falls back to a plain update where the
+ * browser has no view transitions or motion is off.
+ */
+export async function startViewTransition(update) {
+    const doc = typeof document === "undefined" ? undefined : document;
+    const start = doc?.startViewTransition;
+    if (!doc || !start || reduced()) {
+        await update();
+        return;
+    }
+    try {
+        await start.call(doc, update).finished;
+    }
+    catch {
+        // an interrupted transition still ran the update
+    }
+}
+/**
+ * The motion level in effect: "off" while the reader asks for reduced motion or the nearest
+ * provider turns motion off, otherwise the provider's level ("standard" by default).
+ */
+export function useMotion() {
+    const { motion } = useUI();
+    const [off, setOff] = useState(false);
+    useEffect(() => {
+        if (typeof window === "undefined" || !window.matchMedia)
+            return;
+        const mq = window.matchMedia("(prefers-reduced-motion: reduce)");
+        const on = () => setOff(mq.matches);
+        on();
+        mq.addEventListener("change", on);
+        return () => mq.removeEventListener("change", on);
+    }, []);
+    if (off)
+        return "off";
+    return motion ?? "standard";
+}
+//# sourceMappingURL=motion.js.map

package/dist/motion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"motion.js","sourceRoot":"","sources":["../src/motion.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AACb,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAClC,OAAO,EAAE,KAAK,EAAe,MAAM,eAAe,CAAC;AAEnD;;;;GAIG;AACH,MAAM,CAAC,KAAK,UAAU,mBAAmB,CAAC,MAAkC;IAC1E,MAAM,GAAG,GAAG,OAAO,QAAQ,KAAK,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC;IACnE,MAAM,KAAK,GACT,GAKD,EAAE,mBAAmB,CAAC;IACvB,IAAI,CAAC,GAAG,IAAI,CAAC,KAAK,IAAI,OAAO,EAAE,EAAE,CAAC;QAChC,MAAM,MAAM,EAAE,CAAC;QACf,OAAO;IACT,CAAC;IACD,IAAI,CAAC;QACH,MAAM,KAAK,CAAC,IAAI,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC,QAAQ,CAAC;IACzC,CAAC;IAAC,MAAM,CAAC;QACP,iDAAiD;IACnD,CAAC;AACH,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,SAAS;IACvB,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,CAAC;IAC3B,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,OAAO,MAAM,KAAK,WAAW,IAAI,CAAC,MAAM,CAAC,UAAU;YAAE,OAAO;QAChE,MAAM,EAAE,GAAG,MAAM,CAAC,UAAU,CAAC,kCAAkC,CAAC,CAAC;QACjE,MAAM,EAAE,GAAG,GAAG,EAAE,CAAC,MAAM,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC;QACpC,EAAE,EAAE,CAAC;QACL,EAAE,CAAC,gBAAgB,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;QAClC,OAAO,GAAG,EAAE,CAAC,EAAE,CAAC,mBAAmB,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;IACpD,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,IAAI,GAAG;QAAE,OAAO,KAAK,CAAC;IACtB,OAAO,MAAM,IAAI,UAAU,CAAC;AAC9B,CAAC"}

package/dist/presence.d.ts

@@ -0,0 +1,18 @@
+export interface Presence {
+    /** Render the layer: while open and while it plays its exit. */
+    mounted: boolean;
+    /** The layer is leaving: it carries `data-closing` (exit animation) and is inert. */
+    closing: boolean;
+}
+/**
+ * Keeps a layer (menu, popover, dialog, drawer, toast) in the page for `--dur-exit` after it
+ * closes, so it can animate out. With motion off, reduced motion or no exit duration it leaves at
+ * once, as before.
+ */
+export declare function usePresence(open: boolean): Presence;
+/** Props for the layer's root while it leaves. */
+export declare function leaving(closing: boolean): {
+    "data-closing"?: "";
+    inert?: boolean;
+};
+//# sourceMappingURL=presence.d.ts.map

package/dist/presence.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"presence.d.ts","sourceRoot":"","sources":["../src/presence.ts"],"names":[],"mappings":"AAIA,MAAM,WAAW,QAAQ;IACvB,gEAAgE;IAChE,OAAO,EAAE,OAAO,CAAC;IACjB,qFAAqF;IACrF,OAAO,EAAE,OAAO,CAAC;CAClB;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,IAAI,EAAE,OAAO,GAAG,QAAQ,CAoCnD;AAED,kDAAkD;AAClD,wBAAgB,OAAO,CAAC,OAAO,EAAE,OAAO,GAAG;IAAE,cAAc,CAAC,EAAE,EAAE,CAAC;IAAC,KAAK,CAAC,EAAE,OAAO,CAAA;CAAE,CAElF"}

package/dist/presence.js

@@ -0,0 +1,49 @@
+"use client";
+import { useEffect, useRef, useState } from "react";
+import { durationToken, reduced } from "./cx.js";
+/**
+ * Keeps a layer (menu, popover, dialog, drawer, toast) in the page for `--dur-exit` after it
+ * closes, so it can animate out. With motion off, reduced motion or no exit duration it leaves at
+ * once, as before.
+ */
+export function usePresence(open) {
+    const [mounted, setMounted] = useState(open);
+    const [closing, setClosing] = useState(false);
+    const timer = useRef(null);
+    useEffect(() => {
+        if (timer.current) {
+            clearTimeout(timer.current);
+            timer.current = null;
+        }
+        if (open) {
+            setMounted(true);
+            setClosing(false);
+            return;
+        }
+        if (!mounted)
+            return;
+        const ms = reduced() ? 0 : durationToken("--dur-exit", 0);
+        if (ms <= 0) {
+            setMounted(false);
+            setClosing(false);
+            return;
+        }
+        setClosing(true);
+        timer.current = setTimeout(() => {
+            timer.current = null;
+            setMounted(false);
+            setClosing(false);
+        }, ms);
+        // eslint-disable-next-line react-hooks/exhaustive-deps -- only the open state drives this
+    }, [open]);
+    useEffect(() => () => {
+        if (timer.current)
+            clearTimeout(timer.current);
+    }, []);
+    return { mounted: mounted || open, closing: closing && !open };
+}
+/** Props for the layer's root while it leaves. */
+export function leaving(closing) {
+    return closing ? { "data-closing": "", inert: true } : {};
+}
+//# sourceMappingURL=presence.js.map

package/dist/presence.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presence.js","sourceRoot":"","sources":["../src/presence.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AACb,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AASjD;;;;GAIG;AACH,MAAM,UAAU,WAAW,CAAC,IAAa;IACvC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC7C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,KAAK,GAAG,MAAM,CAAuC,IAAI,CAAC,CAAC;IACjE,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;YAClB,YAAY,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;YAC5B,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC;QACvB,CAAC;QACD,IAAI,IAAI,EAAE,CAAC;YACT,UAAU,CAAC,IAAI,CAAC,CAAC;YACjB,UAAU,CAAC,KAAK,CAAC,CAAC;YAClB,OAAO;QACT,CAAC;QACD,IAAI,CAAC,OAAO;YAAE,OAAO;QACrB,MAAM,EAAE,GAAG,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC;QAC1D,IAAI,EAAE,IAAI,CAAC,EAAE,CAAC;YACZ,UAAU,CAAC,KAAK,CAAC,CAAC;YAClB,UAAU,CAAC,KAAK,CAAC,CAAC;YAClB,OAAO;QACT,CAAC;QACD,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,KAAK,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;YAC9B,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC;YACrB,UAAU,CAAC,KAAK,CAAC,CAAC;YAClB,UAAU,CAAC,KAAK,CAAC,CAAC;QACpB,CAAC,EAAE,EAAE,CAAC,CAAC;QACP,0FAA0F;IAC5F,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IACX,SAAS,CACP,GAAG,EAAE,CAAC,GAAG,EAAE;QACT,IAAI,KAAK,CAAC,OAAO;YAAE,YAAY,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IACjD,CAAC,EACD,EAAE,CACH,CAAC;IACF,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,OAAO,EAAE,OAAO,IAAI,CAAC,IAAI,EAAE,CAAC;AACjE,CAAC;AAED,kDAAkD;AAClD,MAAM,UAAU,OAAO,CAAC,OAAgB;IACtC,OAAO,OAAO,CAAC,CAAC,CAAC,EAAE,cAAc,EAAE,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;AAC5D,CAAC"}

package/dist/provider.d.ts

@@ -3,6 +3,13 @@ import { type ThemeInput, type ThemeValues } from "./theme.js";
 export type Kit = "halo" | "pro";
 export type Theme = "light" | "dark" | "system";
 export type Density = "compact" | "comfortable";
+/** How surfaces paint: solid (the default) or glass, translucent over what is behind them. */
+export type Surface = "solid" | "glass";
+/**
+ * How much things move: "standard" (the kit's own motion), "expressive" (longer, staggered page
+ * entrances, more travel; Pro stays crisp) or "off". A reduced-motion setting always means "off".
+ */
+export type Motion = "off" | "standard" | "expressive";
 export interface UIProviderProps {
     /** Which kit's CSS applies (sets `data-kit`). Only matters when both kits are loaded (`themes.css`). */
     kit?: Kit;
@@ -22,6 +29,19 @@ export interface UIProviderProps {
      * per mode. For a fixed theme, CSS is simpler (see `themeCss`); this is for runtime brands.
      */
     tokens?: ThemeValues | ThemeInput;
+    /**
+     * `"glass"` turns every top-level surface (Panel, Card, Dock, map legend and controls) and every
+     * floating layer (menus, popovers, dialogs, drawers) inside into translucent glass, for UI that
+     * floats over a map, a 3D scene, video or photos (sets `data-surface`). Single surfaces take
+     * `surface="glass"` themselves; `surface="solid"` on one opts it out.
+     */
+    surface?: Surface;
+    /**
+     * Motion level for everything inside (sets `data-motion`): `"standard"` (default), `"expressive"`
+     * for orchestrated page entrances, or `"off"`, e.g. for a setting in your app. The reader's
+     * reduced-motion setting always turns motion off.
+     */
+    motion?: Motion;
     className?: string;
     style?: CSSProperties;
     children?: ReactNode;
@@ -30,6 +50,8 @@ export interface UIContextValue {
     kit: Kit | undefined;
     theme: Theme | undefined;
     density: Density | undefined;
+    surface: Surface | undefined;
+    motion: Motion | undefined;
     /** Element portals render into (null: document.body). */
     portalRoot: HTMLElement | null;
 }

package/dist/provider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"provider.d.ts","sourceRoot":"","sources":["../src/provider.tsx"],"names":[],"mappings":"AACA,OAAO,EAOL,KAAK,aAAa,EAClB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAAc,KAAK,UAAU,EAAE,KAAK,WAAW,EAAE,MAAM,YAAY,CAAC;AAC3E,MAAM,MAAM,GAAG,GAAG,MAAM,GAAG,KAAK,CAAC;AACjC,MAAM,MAAM,KAAK,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;AAChD,MAAM,MAAM,OAAO,GAAG,SAAS,GAAG,aAAa,CAAC;AAEhD,MAAM,WAAW,eAAe;IAC9B,wGAAwG;IACxG,GAAG,CAAC,EAAE,GAAG,CAAC;IACV,wEAAwE;IACxE,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,qGAAqG;IACrG,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,KAAK,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IAC/B;;;;OAIG;IACH,MAAM,CAAC,EAAE,WAAW,GAAG,UAAU,CAAC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,cAAc;IAC7B,GAAG,EAAE,GAAG,GAAG,SAAS,CAAC;IACrB,KAAK,EAAE,KAAK,GAAG,SAAS,CAAC;IACzB,OAAO,EAAE,OAAO,GAAG,SAAS,CAAC;IAC7B,yDAAyD;IACzD,UAAU,EAAE,WAAW,GAAG,IAAI,CAAC;CAChC;AASD,qDAAqD;AACrD,wBAAgB,KAAK,IAAI,cAAc,CAEtC;AA0BD,wBAAgB,UAAU,CAAC,CAAC,EAAE,eAAe,+BA6D5C"}
+{"version":3,"file":"provider.d.ts","sourceRoot":"","sources":["../src/provider.tsx"],"names":[],"mappings":"AACA,OAAO,EAOL,KAAK,aAAa,EAClB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAAc,KAAK,UAAU,EAAE,KAAK,WAAW,EAAE,MAAM,YAAY,CAAC;AAC3E,MAAM,MAAM,GAAG,GAAG,MAAM,GAAG,KAAK,CAAC;AACjC,MAAM,MAAM,KAAK,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;AAChD,MAAM,MAAM,OAAO,GAAG,SAAS,GAAG,aAAa,CAAC;AAChD,8FAA8F;AAC9F,MAAM,MAAM,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC;AACxC;;;GAGG;AACH,MAAM,MAAM,MAAM,GAAG,KAAK,GAAG,UAAU,GAAG,YAAY,CAAC;AAEvD,MAAM,WAAW,eAAe;IAC9B,wGAAwG;IACxG,GAAG,CAAC,EAAE,GAAG,CAAC;IACV,wEAAwE;IACxE,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,qGAAqG;IACrG,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,KAAK,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IAC/B;;;;OAIG;IACH,MAAM,CAAC,EAAE,WAAW,GAAG,UAAU,CAAC;IAClC;;;;;OAKG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,cAAc;IAC7B,GAAG,EAAE,GAAG,GAAG,SAAS,CAAC;IACrB,KAAK,EAAE,KAAK,GAAG,SAAS,CAAC;IACzB,OAAO,EAAE,OAAO,GAAG,SAAS,CAAC;IAC7B,OAAO,EAAE,OAAO,GAAG,SAAS,CAAC;IAC7B,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,yDAAyD;IACzD,UAAU,EAAE,WAAW,GAAG,IAAI,CAAC;CAChC;AAWD,qDAAqD;AACrD,wBAAgB,KAAK,IAAI,cAAc,CAEtC;AA0BD,wBAAgB,UAAU,CAAC,CAAC,EAAE,eAAe,+BA4E5C"}

package/dist/provider.js

@@ -6,6 +6,8 @@ const UIContext = createContext({
     kit: undefined,
     theme: undefined,
     density: undefined,
+    surface: undefined,
+    motion: undefined,
     portalRoot: null,
 });
 /** Current kit, theme, density and portal target. */
@@ -38,9 +40,16 @@ function useDarkMode(theme, kit, enabled) {
 }
 const isThemeInput = (t) => "light" in t || "dark" in t || "radius" in t;
 export function UIProvider(p) {
+    const parent = useUI();
     const scope = p.scope ?? "document";
+    // a nested provider keeps what it does not set itself
+    const kit = p.kit ?? parent.kit;
+    const theme = p.theme ?? parent.theme;
+    const density = p.density ?? parent.density;
+    const surface = p.surface ?? parent.surface;
+    const motion = p.motion ?? parent.motion;
     const perMode = !!p.tokens && isThemeInput(p.tokens);
-    const dark = useDarkMode(p.theme, p.kit, perMode);
+    const dark = useDarkMode(theme, kit, perMode);
     const vars = useMemo(() => {
         if (!p.tokens)
             return undefined;
@@ -80,12 +89,17 @@ export function UIProvider(p) {
         set("data-kit", p.kit);
         set("data-theme", p.theme);
         set("data-density", p.density);
-    }, [scope, p.kit, p.theme, p.density]);
+        set("data-surface", p.surface);
+        set("data-motion", p.motion);
+    }, [scope, p.kit, p.theme, p.density, p.surface, p.motion]);
     const [portalRoot, setPortalRoot] = useState(null);
-    const ctx = useMemo(() => ({ kit: p.kit, theme: p.theme, density: p.density, portalRoot }), [p.kit, p.theme, p.density, portalRoot]);
+    const ctx = useMemo(() => ({ kit, theme, density, surface, motion, portalRoot }), [kit, theme, density, surface, motion, portalRoot]);
+    // Derived colours (glass, hover shades, Pro's scale) are worked out where data-theme sits. A
+    // subtree with its own tokens needs data-theme too, or they would keep the outer values.
+    const subtreeTheme = p.theme ?? (vars ? (theme ?? (kit === "pro" ? "dark" : "system")) : undefined);
     const content = p.children;
     if (scope === "subtree") {
-        return (_jsx(UIContext.Provider, { value: ctx, children: _jsxs("div", { className: p.className, style: vars ? { ...vars, ...p.style } : p.style, "data-kit": p.kit, "data-theme": p.theme, "data-density": p.density, children: [content, _jsx("div", { ref: setPortalRoot, "data-tf-portal": "" })] }) }));
+        return (_jsx(UIContext.Provider, { value: ctx, children: _jsxs("div", { className: p.className, style: vars ? { ...vars, ...p.style } : p.style, "data-kit": p.kit, "data-theme": subtreeTheme, "data-density": p.density, "data-surface": p.surface, "data-motion": p.motion, children: [content, _jsx("div", { ref: setPortalRoot, "data-tf-portal": "" })] }) }));
     }
     return _jsx(UIContext.Provider, { value: ctx, children: content });
 }

package/dist/provider.js.map

@@ -1 +1 @@
-{"version":3,"file":"provider.js","sourceRoot":"","sources":["../src/provider.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"provider.js","sourceRoot":"","sources":["../src/provider.tsx"],"names":[],"mappings":"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"}