@joewinke/jatui 0.27.1 → 0.29.0

package/dist/transitions/glide.js

@@ -1,4 +1,5 @@
-// direction taxonomy after animista.net (Ana Travas, BSD-2-Clause site license); keyframes re-authored on jatui motion tokens
+import { MOTION_LEVEL_TRAVEL } from '../motion/level';
+import { resolveMotionTiming } from '../motion/transitions';
 /** Map from direction → [dx, dy] unit vector for the entrance travel. */
 const ORIGIN_VECTOR = {
     center: [0, 0],
@@ -19,44 +20,38 @@ const ORIGIN_VECTOR = {
  *
  * <div in:glide={{ from: 'bottom' }} out:glide={{ from: 'bottom' }}>…</div>
  *
- * Reduced-motion: opacity fade only (no translate, scale, or blur).
+ * Level-aware (jatui-j6833): duration, delay and travel scale with the
+ * surface's `data-motion` level and ease on the `--motion-glide` curve.
+ * Reduced-motion: duration 0 — the element lands in its end state.
  */
 export function glide(node, params = {}) {
-    const { from = 'bottom', distance = 16, scale, blur = false, duration = 200, delay = 0, } = params;
-    const prefersReduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
+    const { from = 'bottom', distance, scale, blur = false } = params;
+    const { ctx, delay, duration, easing } = resolveMotionTiming(node, params, {
+        duration: 'enter',
+        easing: 'glide'
+    });
     const [ux, uy] = ORIGIN_VECTOR[from];
+    const travel = distance === undefined
+        ? ctx.travel
+        : distance * (ctx.travel / MOTION_LEVEL_TRAVEL.standard);
     // Entrance start state — element travels FROM this position TO its natural position
-    const tx = prefersReduced ? 0 : ux * distance;
-    const ty = prefersReduced ? 0 : uy * distance;
-    const s = (!prefersReduced && scale !== undefined) ? scale : 1;
-    const blurPx = (!prefersReduced && blur) ? 4 : 0;
-    function buildTransform(progress) {
-        // progress goes 0 → 1 on enter; Svelte reverses for exit
-        const invP = 1 - progress;
-        const x = tx * invP;
-        const y = ty * invP;
-        const sc = 1 - (1 - s) * invP;
-        const b = blurPx * invP;
-        let t = `translate(${x}px, ${y}px)`;
-        if (s !== 1)
-            t += ` scale(${sc})`;
-        const filter = b > 0 ? `blur(${b.toFixed(1)}px)` : '';
-        return { transform: t, filter };
-    }
+    const tx = ux * travel;
+    const ty = uy * travel;
+    const s = !ctx.reduced && scale !== undefined ? scale : 1;
+    const blurPx = !ctx.reduced && blur ? 4 : 0;
     return {
         delay,
         duration,
-        easing: (t) => t, // easing applied via CSS var below
+        easing,
         css(t) {
-            // t: 0 = start, 1 = end (for `in:`; Svelte inverts for `out:`)
-            const { transform, filter } = buildTransform(t);
-            // Apply the glide easing via CSS transition so the CSS var is honored
-            return `
-				opacity: ${t};
-				transform: ${transform};
-				${filter ? `filter: ${filter};` : ''}
-				transition-timing-function: var(--motion-glide, cubic-bezier(0.16, 1, 0.3, 1));
-			`;
+            // t: 0 = start, 1 = end (for `in:`; Svelte inverts for `out:`), already eased
+            const invP = 1 - t;
+            let transform = `translate(${tx * invP}px, ${ty * invP}px)`;
+            if (s !== 1)
+                transform += ` scale(${1 - (1 - s) * invP})`;
+            const b = blurPx * invP;
+            return (`opacity: ${Math.min(1, Math.max(0, t))}; transform: ${transform};` +
+                (b > 0 ? ` filter: blur(${b.toFixed(1)}px);` : ''));
         },
     };
 }

package/dist/utils/sound.d.ts

@@ -1,3 +1,9 @@
+/**
+ * Legacy sound API (pre-semantic). Kept source-compatible, but every call now
+ * routes through the shared preferences store and player in `../sound`, so
+ * old call sites obey volume, categories, quiet hours and the hidden-tab rule
+ * too. New code: `import { playSound, getSoundPreferences } from '../../../dist'`.
+ */
 export declare function isSoundEnabled(): boolean;
 export declare function setSoundEnabled(enabled: boolean): void;
 export declare function registerSound(name: string, dataUri: string): Promise<void>;

package/dist/utils/sound.js

@@ -1,62 +1,20 @@
-let ctx = null;
-const buffers = new Map();
-const STORAGE_KEY = 'jatui-sound-enabled';
-function getContext() {
-    if (ctx)
-        return ctx;
-    try {
-        ctx = new AudioContext();
-        return ctx;
-    }
-    catch {
-        return null;
-    }
-}
+/**
+ * Legacy sound API (pre-semantic). Kept source-compatible, but every call now
+ * routes through the shared preferences store and player in `../sound`, so
+ * old call sites obey volume, categories, quiet hours and the hidden-tab rule
+ * too. New code: `import { playSound, getSoundPreferences } from '../../../dist'`.
+ */
+import { getSoundPlayer } from '../sound/player';
+import { getSoundPreferences } from '../sound/preferences';
 export function isSoundEnabled() {
-    if (typeof localStorage === 'undefined')
-        return false;
-    return localStorage.getItem(STORAGE_KEY) === 'true';
+    return getSoundPreferences().get().enabled;
 }
 export function setSoundEnabled(enabled) {
-    if (typeof localStorage === 'undefined')
-        return;
-    localStorage.setItem(STORAGE_KEY, String(enabled));
+    getSoundPreferences().set({ enabled });
 }
 export async function registerSound(name, dataUri) {
-    const audioCtx = getContext();
-    if (!audioCtx)
-        return;
-    try {
-        const base64 = dataUri.split(',')[1];
-        const binary = atob(base64);
-        const bytes = new Uint8Array(binary.length);
-        for (let i = 0; i < binary.length; i++)
-            bytes[i] = binary.charCodeAt(i);
-        const buffer = await audioCtx.decodeAudioData(bytes.buffer);
-        buffers.set(name, buffer);
-    }
-    catch {
-        // Silently ignore decode failures — clip may not be supported in this browser
-    }
+    await getSoundPlayer().register(name, dataUri);
 }
 export function play(name, options = {}) {
-    if (!isSoundEnabled())
-        return;
-    const audioCtx = getContext();
-    if (!audioCtx)
-        return;
-    const buffer = buffers.get(name);
-    if (!buffer)
-        return;
-    // Resume suspended context (browser autoplay policy requires user gesture first)
-    if (audioCtx.state === 'suspended') {
-        audioCtx.resume().catch(() => { });
-    }
-    const source = audioCtx.createBufferSource();
-    const gain = audioCtx.createGain();
-    gain.gain.value = options.volume ?? 0.15;
-    source.buffer = buffer;
-    source.connect(gain);
-    gain.connect(audioCtx.destination);
-    source.start();
+    getSoundPlayer().play(name, options);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@joewinke/jatui",
-  "version": "0.27.1",
+  "version": "0.29.0",
   "private": false,
   "description": "Shared Svelte 5 component library for JAT projects",
   "type": "module",