@joewinke/jatui 0.2.12 → 0.2.13

package/dist/showcase/generative/manifest.js

@@ -1,89 +1,37 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
-    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-var CACHE = new Map();
+const CACHE = new Map();
 /**
  * Fetch and validate the asset manifest for a given assetId.
  * Returns null if the manifest is missing or malformed.
  * Results are memoised for the lifetime of the page.
  */
-export function loadManifest(assetId_1) {
-    return __awaiter(this, arguments, Promise, function (assetId, baseUrl) {
-        var cacheKey, url, res, data, _a;
-        var _b;
-        if (baseUrl === void 0) { baseUrl = ''; }
-        return __generator(this, function (_c) {
-            switch (_c.label) {
-                case 0:
-                    cacheKey = "".concat(baseUrl, "/").concat(assetId);
-                    if (CACHE.has(cacheKey))
-                        return [2 /*return*/, (_b = CACHE.get(cacheKey)) !== null && _b !== void 0 ? _b : null];
-                    _c.label = 1;
-                case 1:
-                    _c.trys.push([1, 4, , 5]);
-                    url = "".concat(baseUrl, "/gen/").concat(assetId, "/manifest.json");
-                    return [4 /*yield*/, fetch(url)];
-                case 2:
-                    res = _c.sent();
-                    if (!res.ok) {
-                        CACHE.set(cacheKey, null);
-                        return [2 /*return*/, null];
-                    }
-                    return [4 /*yield*/, res.json()];
-                case 3:
-                    data = _c.sent();
-                    if (!isValidManifest(data)) {
-                        CACHE.set(cacheKey, null);
-                        return [2 /*return*/, null];
-                    }
-                    CACHE.set(cacheKey, data);
-                    return [2 /*return*/, data];
-                case 4:
-                    _a = _c.sent();
-                    CACHE.set(cacheKey, null);
-                    return [2 /*return*/, null];
-                case 5: return [2 /*return*/];
-            }
-        });
-    });
+export async function loadManifest(assetId, baseUrl = '') {
+    const cacheKey = `${baseUrl}/${assetId}`;
+    if (CACHE.has(cacheKey))
+        return CACHE.get(cacheKey) ?? null;
+    try {
+        const url = `${baseUrl}/gen/${assetId}/manifest.json`;
+        const res = await fetch(url);
+        if (!res.ok) {
+            CACHE.set(cacheKey, null);
+            return null;
+        }
+        const data = await res.json();
+        if (!isValidManifest(data)) {
+            CACHE.set(cacheKey, null);
+            return null;
+        }
+        CACHE.set(cacheKey, data);
+        return data;
+    }
+    catch {
+        CACHE.set(cacheKey, null);
+        return null;
+    }
 }
 function isValidManifest(data) {
     if (!data || typeof data !== 'object')
         return false;
-    var m = data;
+    const m = data;
     return (typeof m.assetId === 'string' &&
         typeof m.active === 'string' &&
         Array.isArray(m.variants) &&
@@ -91,7 +39,6 @@ function isValidManifest(data) {
         m.palette.length > 0);
 }
 /** Build the asset base path for a given assetId + hash. */
-export function assetPath(assetId, hash, baseUrl) {
-    if (baseUrl === void 0) { baseUrl = ''; }
-    return "".concat(baseUrl, "/gen/").concat(assetId, "/").concat(hash);
+export function assetPath(assetId, hash, baseUrl = '') {
+    return `${baseUrl}/gen/${assetId}/${hash}`;
 }

package/dist/showcase/scroll/scrollProgress.js

@@ -10,54 +10,52 @@ import { scroll, supportsScrollTimeline } from 'motion';
  *   <div use:scrollProgress style="width: calc(var(--scroll-progress) * 100%)">
  *   <div use:scrollProgress={{ varName: '--depth', container: panelEl }}>
  */
-export function scrollProgress(node, opts) {
-    if (opts === void 0) { opts = {}; }
-    var reduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
+export function scrollProgress(node, opts = {}) {
+    const reduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
     if (reduced)
         return {};
-    var _a = opts.varName, varName = _a === void 0 ? '--scroll-progress' : _a, container = opts.container, _b = opts.axis, axis = _b === void 0 ? 'y' : _b;
+    const { varName = '--scroll-progress', container, axis = 'y' } = opts;
     // Prefer native ScrollTimeline for compositor-thread perf when available
     if (supportsScrollTimeline() && !container) {
         try {
             // @ts-ignore — ScrollTimeline is not in lib.dom yet
-            var timeline = new ScrollTimeline({ source: document.documentElement, axis: axis });
+            const timeline = new ScrollTimeline({ source: document.documentElement, axis });
             // Animate a dummy MotionValue-style target via WAAPI
             node.style.setProperty(varName, '0');
-            var anim_1 = node.animate({ '--jatui-scroll-noop': ['0', '1'] }, {
+            const anim = node.animate({ '--jatui-scroll-noop': ['0', '1'] }, {
                 // @ts-ignore
-                timeline: timeline,
+                timeline,
                 fill: 'both'
             });
             // Mirror progress via rAF while ScrollTimeline doesn't yet expose a direct hook
-            var rafId_1;
-            var tick_1 = function () {
-                var _a;
-                if (anim_1.currentTime != null) {
-                    var effect = anim_1.effect;
-                    var t = effect ? ((_a = effect.getComputedTiming().progress) !== null && _a !== void 0 ? _a : 0) : 0;
+            let rafId;
+            const tick = () => {
+                if (anim.currentTime != null) {
+                    const effect = anim.effect;
+                    const t = effect ? (effect.getComputedTiming().progress ?? 0) : 0;
                     node.style.setProperty(varName, String(t));
                 }
-                rafId_1 = requestAnimationFrame(tick_1);
+                rafId = requestAnimationFrame(tick);
             };
-            rafId_1 = requestAnimationFrame(tick_1);
+            rafId = requestAnimationFrame(tick);
             return {
-                destroy: function () {
-                    cancelAnimationFrame(rafId_1);
-                    anim_1.cancel();
+                destroy() {
+                    cancelAnimationFrame(rafId);
+                    anim.cancel();
                     node.style.removeProperty(varName);
                 }
             };
         }
-        catch (_c) {
+        catch {
             // fall through to motion scroll()
         }
     }
     // Fallback: motion scroll() — JS-thread but cross-browser
-    var stop = scroll(function (progress) {
+    const stop = scroll((progress) => {
         node.style.setProperty(varName, String(progress));
-    }, container ? { container: container, axis: axis } : { axis: axis });
+    }, container ? { container, axis } : { axis });
     return {
-        destroy: function () {
+        destroy() {
             stop();
             node.style.removeProperty(varName);
         }

package/dist/showcase/scroll/scrollReveal.js

@@ -11,34 +11,31 @@ import { cubicBezier } from 'motion-utils';
  *   <div use:scrollReveal>…</div>
  *   <ul use:scrollReveal={{ stagger: 60 }}>…</ul>
  */
-export function scrollReveal(node, opts) {
-    if (opts === void 0) { opts = {}; }
-    var _a = opts.y, y = _a === void 0 ? 16 : _a, _b = opts.once, once = _b === void 0 ? true : _b, _c = opts.amount, amount = _c === void 0 ? 0.15 : _c, _d = opts.margin, margin = _d === void 0 ? '-10px' : _d, staggerMs = opts.stagger;
-    var reduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
-    var targets = staggerMs != null ? Array.from(node.children) : [node];
+export function scrollReveal(node, opts = {}) {
+    const { y = 16, once = true, amount = 0.15, margin = '-10px', stagger: staggerMs } = opts;
+    const reduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
+    const targets = staggerMs != null ? Array.from(node.children) : [node];
     if (reduced) {
-        for (var _i = 0, targets_1 = targets; _i < targets_1.length; _i++) {
-            var t = targets_1[_i];
+        for (const t of targets) {
             t.style.opacity = '1';
             t.style.transform = 'none';
         }
         return {};
     }
     // Prime targets to start state
-    for (var _e = 0, targets_2 = targets; _e < targets_2.length; _e++) {
-        var t = targets_2[_e];
+    for (const t of targets) {
         t.style.opacity = '0';
-        t.style.transform = "translateY(".concat(y, "px)");
+        t.style.transform = `translateY(${y}px)`;
     }
-    var enterDuration = parseDuration(opts.duration != null
-        ? "".concat(opts.duration, "ms")
+    const enterDuration = parseDuration(opts.duration != null
+        ? `${opts.duration}ms`
         : getComputedStyle(document.documentElement).getPropertyValue('--motion-enter').trim() || '200ms');
-    var glide = parseGlide(getComputedStyle(document.documentElement)
+    const glide = parseGlide(getComputedStyle(document.documentElement)
         .getPropertyValue('--motion-glide')
         .trim());
-    var stop = inView(node, function () {
-        targets.forEach(function (t, i) {
-            animateMini(t, { opacity: [0, 1], transform: ["translateY(".concat(y, "px)"), 'translateY(0px)'] }, {
+    const stop = inView(node, () => {
+        targets.forEach((t, i) => {
+            animateMini(t, { opacity: [0, 1], transform: [`translateY(${y}px)`, 'translateY(0px)'] }, {
                 duration: enterDuration / 1000,
                 ease: glide,
                 delay: staggerMs != null ? (i * staggerMs) / 1000 : 0
@@ -46,9 +43,9 @@ export function scrollReveal(node, opts) {
         });
         if (once)
             stop();
-    }, { amount: amount, margin: margin });
+    }, { amount, margin: margin });
     return {
-        destroy: function () {
+        destroy() {
             stop();
         }
     };
@@ -61,9 +58,9 @@ function parseDuration(value) {
     return 200;
 }
 function parseGlide(css) {
-    var m = css.match(/cubic-bezier\(([^)]+)\)/);
+    const m = css.match(/cubic-bezier\(([^)]+)\)/);
     if (m) {
-        var _a = m[1].split(',').map(Number), x1 = _a[0], y1 = _a[1], x2 = _a[2], y2 = _a[3];
+        const [x1, y1, x2, y2] = m[1].split(',').map(Number);
         return cubicBezier(x1, y1, x2, y2);
     }
     return cubicBezier(0.16, 1, 0.3, 1); // --motion-glide fallback

package/dist/stores/commandPalette.js

@@ -1,35 +1,23 @@
 /* commandPalette.svelte.js generated by Svelte v5.53.11 */
 import * as $ from 'svelte/internal/client';
 
-var __spreadArray = this && this.__spreadArray || function (to, from, pack) {
-	if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-		if (ar || !(i in from)) {
-			if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-
-			ar[i] = from[i];
-		}
-	}
-
-	return to.concat(ar || Array.prototype.slice.call(from));
-};
-
-var RECENT_KEY = 'jatui:cmd-palette:recent';
-var MAX_RECENT = 8;
+const RECENT_KEY = 'jatui:cmd-palette:recent';
+const MAX_RECENT = 8;
 
 function createCommandPaletteStore() {
-	var open = $.state(false);
-	var groups = $.state($.proxy([]));
-	var recentIds = $.state($.proxy([]));
+	let open = $.state(false);
+	let groups = $.state($.proxy([]));
+	let recentIds = $.state($.proxy([]));
 
 	// Load recent from localStorage on first access
 	function loadRecent() {
 		if (typeof localStorage === 'undefined') return;
 
 		try {
-			var raw = localStorage.getItem(RECENT_KEY);
+			const raw = localStorage.getItem(RECENT_KEY);
 
 			$.set(recentIds, raw ? JSON.parse(raw) : [], true);
-		} catch(_a) {
+		} catch {
 			$.set(recentIds, [], true);
 		}
 	}
@@ -39,19 +27,13 @@ function createCommandPaletteStore() {
 
 		try {
 			localStorage.setItem(RECENT_KEY, JSON.stringify(ids));
-		} catch(_a) {
+		} catch {
 			// ignore storage errors
 		}
 	}
 
 	function recordRecent(id) {
-		var updated = __spreadArray(
-			[id],
-			$.safe_get(recentIds).filter(function (r) {
-				return r !== id;
-			}),
-			true
-		).slice(0, MAX_RECENT);
+		const updated = [id, ...$.get(recentIds).filter((r) => r !== id)].slice(0, MAX_RECENT);
 
 		$.set(recentIds, updated, true);
 		saveRecent(updated);
@@ -59,26 +41,24 @@ function createCommandPaletteStore() {
 
 	return {
 		get open() {
-			return $.safe_get(open);
+			return $.get(open);
 		},
 
 		get groups() {
-			return $.safe_get(groups);
+			return $.get(groups);
 		},
 
 		get recentIds() {
-			return $.safe_get(recentIds);
+			return $.get(recentIds);
 		},
 
 		registerCommands(groupLabel, items) {
-			var existing = $.safe_get(groups).find(function (g) {
-				return g.label === groupLabel;
-			});
+			const existing = $.get(groups).find((g) => g.label === groupLabel);
 
 			if (existing) {
 				existing.items = items;
 			} else {
-				$.set(groups, __spreadArray(__spreadArray([], $.safe_get(groups), true), [{ label: groupLabel, items }], false), true);
+				$.set(groups, [...$.get(groups), { label: groupLabel, items }], true);
 			}
 		},
 
@@ -98,19 +78,11 @@ function createCommandPaletteStore() {
 		},
 
 		getRecentItems() {
-			var allItems = $.safe_get(groups).flatMap(function (g) {
-				return g.items;
-			});
-
-			return $.safe_get(recentIds).map(function (id) {
-				return allItems.find(function (i) {
-					return i.id === id;
-				});
-			}).filter(function (i) {
-				return !!i;
-			});
+			const allItems = $.get(groups).flatMap((g) => g.items);
+
+			return $.get(recentIds).map((id) => allItems.find((i) => i.id === id)).filter((i) => !!i);
 		}
 	};
 }
 
-export var commandPalette = createCommandPaletteStore();
+export const commandPalette = createCommandPaletteStore();

package/dist/stores/confirmDialog.js

@@ -1,36 +1,36 @@
 /* confirmDialog.svelte.js generated by Svelte v5.53.11 */
 import * as $ from 'svelte/internal/client';
 
-var pending = $.state(null);
+let pending = $.state(null);
 
 export function getPending() {
-	return $.safe_get(pending);
+	return $.get(pending);
 }
 
 export function showConfirm(options) {
 	// If a dialog is already open, cancel it first.
-	if ($.safe_get(pending)) {
-		$.safe_get(pending).resolve(false);
+	if ($.get(pending)) {
+		$.get(pending).resolve(false);
 	}
 
-	return new Promise(function (resolve) {
+	return new Promise((resolve) => {
 		$.set(pending, { options, resolve }, true);
 	});
 }
 
 export function confirmDialog() {
-	if (!$.safe_get(pending)) return;
+	if (!$.get(pending)) return;
 
-	var p = $.safe_get(pending);
+	const p = $.get(pending);
 
 	$.set(pending, null);
 	p.resolve(true);
 }
 
 export function cancelDialog() {
-	if (!$.safe_get(pending)) return;
+	if (!$.get(pending)) return;
 
-	var p = $.safe_get(pending);
+	const p = $.get(pending);
 
 	$.set(pending, null);
 	p.resolve(false);

package/dist/stores/inputDialog.js

@@ -1,36 +1,36 @@
 /* inputDialog.svelte.js generated by Svelte v5.53.11 */
 import * as $ from 'svelte/internal/client';
 
-var pending = $.state(null);
+let pending = $.state(null);
 
 export function getPendingInput() {
-	return $.safe_get(pending);
+	return $.get(pending);
 }
 
 export function showInput(options) {
 	// If a dialog is already open, cancel it first.
-	if ($.safe_get(pending)) {
-		$.safe_get(pending).resolve(null);
+	if ($.get(pending)) {
+		$.get(pending).resolve(null);
 	}
 
-	return new Promise(function (resolve) {
+	return new Promise((resolve) => {
 		$.set(pending, { options, resolve }, true);
 	});
 }
 
 export function submitInput(value) {
-	if (!$.safe_get(pending)) return;
+	if (!$.get(pending)) return;
 
-	var p = $.safe_get(pending);
+	const p = $.get(pending);
 
 	$.set(pending, null);
 	p.resolve(value);
 }
 
 export function cancelInput() {
-	if (!$.safe_get(pending)) return;
+	if (!$.get(pending)) return;
 
-	var p = $.safe_get(pending);
+	const p = $.get(pending);
 
 	$.set(pending, null);
 	p.resolve(null);

package/dist/stores/toast.js

@@ -1,53 +1,30 @@
 /* toast.svelte.js generated by Svelte v5.53.11 */
 import * as $ from 'svelte/internal/client';
 
-var __spreadArray = this && this.__spreadArray || function (to, from, pack) {
-	if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-		if (ar || !(i in from)) {
-			if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-
-			ar[i] = from[i];
-		}
-	}
-
-	return to.concat(ar || Array.prototype.slice.call(from));
-};
-
-var nextId = 0;
-var toasts = $.state($.proxy([]));
+let nextId = 0;
+let toasts = $.state($.proxy([]));
 
 export function getToasts() {
-	return $.safe_get(toasts);
+	return $.get(toasts);
 }
 
 export function showToast(options) {
-	var _a, _b;
-	var id = ++nextId;
+	const id = ++nextId;
 
-	var toast = {
+	const toast = {
 		id,
-		type: (_a = options.type) !== null && _a !== void 0 ? _a : 'info',
+		type: options.type ?? 'info',
 		message: options.message,
 		action: options.action,
-		durationMs: (_b = options.durationMs) !== null && _b !== void 0 ? _b : 5000,
+		durationMs: options.durationMs ?? 5000,
 		onUndo: options.onUndo
 	};
 
-	$.set(toasts, __spreadArray(__spreadArray([], $.safe_get(toasts), true), [toast], false), true);
+	$.set(toasts, [...$.get(toasts), toast], true);
 
-	return {
-		dismiss() {
-			return dismissToast(id);
-		}
-	};
+	return { dismiss: () => dismissToast(id) };
 }
 
 export function dismissToast(id) {
-	$.set(
-		toasts,
-		$.safe_get(toasts).filter(function (t) {
-			return t.id !== id;
-		}),
-		true
-	);
+	$.set(toasts, $.get(toasts).filter((t) => t.id !== id), true);
 }

package/dist/transitions/glide.js

@@ -1,6 +1,6 @@
 // direction taxonomy after animista.net (Ana Travas, BSD-2-Clause site license); keyframes re-authored on jatui motion tokens
 /** Map from direction → [dx, dy] unit vector for the entrance travel. */
-var ORIGIN_VECTOR = {
+const ORIGIN_VECTOR = {
     center: [0, 0],
     top: [0, -1],
     tr: [1, -1],
@@ -21,38 +21,42 @@ var ORIGIN_VECTOR = {
  *
  * Reduced-motion: opacity fade only (no translate, scale, or blur).
  */
-export function glide(node, params) {
-    if (params === void 0) { params = {}; }
-    var _a = params.from, from = _a === void 0 ? 'bottom' : _a, _b = params.distance, distance = _b === void 0 ? 16 : _b, scale = params.scale, _c = params.blur, blur = _c === void 0 ? false : _c, _d = params.duration, duration = _d === void 0 ? 200 : _d, _e = params.delay, delay = _e === void 0 ? 0 : _e;
-    var prefersReduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
-    var _f = ORIGIN_VECTOR[from], ux = _f[0], uy = _f[1];
+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 [ux, uy] = ORIGIN_VECTOR[from];
     // Entrance start state — element travels FROM this position TO its natural position
-    var tx = prefersReduced ? 0 : ux * distance;
-    var ty = prefersReduced ? 0 : uy * distance;
-    var s = (!prefersReduced && scale !== undefined) ? scale : 1;
-    var blurPx = (!prefersReduced && blur) ? 4 : 0;
+    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
-        var invP = 1 - progress;
-        var x = tx * invP;
-        var y = ty * invP;
-        var sc = 1 - (1 - s) * invP;
-        var b = blurPx * invP;
-        var t = "translate(".concat(x, "px, ").concat(y, "px)");
+        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(".concat(sc, ")");
-        var filter = b > 0 ? "blur(".concat(b.toFixed(1), "px)") : '';
-        return { transform: t, filter: filter };
+            t += ` scale(${sc})`;
+        const filter = b > 0 ? `blur(${b.toFixed(1)}px)` : '';
+        return { transform: t, filter };
     }
     return {
-        delay: delay,
-        duration: duration,
-        easing: function (t) { return t; }, // easing applied via CSS var below
-        css: function (t) {
+        delay,
+        duration,
+        easing: (t) => t, // easing applied via CSS var below
+        css(t) {
             // t: 0 = start, 1 = end (for `in:`; Svelte inverts for `out:`)
-            var _a = buildTransform(t), transform = _a.transform, filter = _a.filter;
+            const { transform, filter } = buildTransform(t);
             // Apply the glide easing via CSS transition so the CSS var is honored
-            return "\n\t\t\t\topacity: ".concat(t, ";\n\t\t\t\ttransform: ").concat(transform, ";\n\t\t\t\t").concat(filter ? "filter: ".concat(filter, ";") : '', "\n\t\t\t\ttransition-timing-function: var(--motion-glide, cubic-bezier(0.16, 1, 0.3, 1));\n\t\t\t");
+            return `
+				opacity: ${t};
+				transform: ${transform};
+				${filter ? `filter: ${filter};` : ''}
+				transition-timing-function: var(--motion-glide, cubic-bezier(0.16, 1, 0.3, 1));
+			`;
         },
     };
 }

package/dist/types/booking.js

@@ -1,7 +1,7 @@
 // Booking System Types
 // Generic types for scheduling/booking UI components
 // Day of week helpers
-export var DAYS_OF_WEEK = [
+export const DAYS_OF_WEEK = [
     'Sunday',
     'Monday',
     'Tuesday',
@@ -10,14 +10,14 @@ export var DAYS_OF_WEEK = [
     'Friday',
     'Saturday'
 ];
-export var DAYS_SHORT = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];
+export const DAYS_SHORT = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];
 // Location type display
-export var LOCATION_LABELS = {
+export const LOCATION_LABELS = {
     remote: 'Video Call',
     phone: 'Phone Call',
     in_person: 'In Person'
 };
-export var LOCATION_ICONS = {
+export const LOCATION_ICONS = {
     remote: 'video',
     phone: 'phone',
     in_person: 'map-pin'