@joewinke/jatui 0.2.11 → 0.2.13

package/dist/actions/railNav.js

@@ -60,17 +60,6 @@
  *   3. Handle Left/Right in `onAction` and call `rail.bump(host)` on change:
  *        onAction: (id, dir, host) => { formData[id] = cycle(opts[id], …, dir); rail.bump(host); }
  */
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 // ─── Exported helpers ──────────────────────────────────────────────────────────
 /**
  * Cycle through `list`, returning the item `dir` steps from `current`.
@@ -84,40 +73,39 @@ var __assign = (this && this.__assign) || function () {
 export function cycle(list, current, dir) {
     if (list.length === 0)
         return current;
-    var i = list.indexOf(current);
+    const i = list.indexOf(current);
     // When `current` is not in the list, treat it as if we're at position -1
     // so that `dir=1` lands at index 0 (the first item) and `dir=-1` lands at
     // the last item — matching the "not found → start from the beginning" idiom.
-    var base = i === -1 ? -1 : i;
+    const base = i === -1 ? -1 : i;
     return list[(((base + dir) % list.length) + list.length) % list.length];
 }
 // ─── Internals ─────────────────────────────────────────────────────────────────
-var BUMP_DURATION_MS = 280;
-var RAIL_FOCUS_CLASS = 'rail-focus';
-var RAIL_CYCLED_CLASS = 'rail-cycled';
+const BUMP_DURATION_MS = 280;
+const RAIL_FOCUS_CLASS = 'rail-focus';
+const RAIL_CYCLED_CLASS = 'rail-cycled';
 function resolveOrder(opts) {
     return typeof opts.order === 'function' ? opts.order() : opts.order;
 }
 function resolveAttr(opts) {
-    var _a;
-    return (_a = opts.attr) !== null && _a !== void 0 ? _a : 'data-rail-id';
+    return opts.attr ?? 'data-rail-id';
 }
 /** Return all currently-rendered rung hosts in the rail order. */
 function resolveHosts(optsRef) {
-    var container = optsRef.current.container;
+    const { container } = optsRef.current;
     if (!container)
         return [];
-    var attr = resolveAttr(optsRef.current);
-    var order = resolveOrder(optsRef.current);
+    const attr = resolveAttr(optsRef.current);
+    const order = resolveOrder(optsRef.current);
     return order
-        .map(function (id) { return container.querySelector("[".concat(attr, "=\"").concat(id, "\"]")); })
+        .map((id) => container.querySelector(`[${attr}="${id}"]`))
         // checkVisibility() correctly returns false for elements inside a closed <details>
         // (browsers keep offsetParent non-null for those, so that check alone is insufficient).
         // Where checkVisibility is unavailable (jsdom, older engines) treat the rung as
         // visible — a rendered element in `order` is navigable by default; only the
         // closed-<details> case needs the extra exclusion, and that only exists in a
         // real layout engine.
-        .filter(function (el) { var _a, _b; return !!el && ((_b = (_a = el.checkVisibility) === null || _a === void 0 ? void 0 : _a.call(el)) !== null && _b !== void 0 ? _b : true); });
+        .filter((el) => !!el && (el.checkVisibility?.() ?? true));
 }
 /**
  * Focus the most appropriate control inside a rung host:
@@ -132,17 +120,17 @@ function resolveHosts(optsRef) {
  *  4. Last resort: focus the host itself (requires tabindex on the host).
  */
 function focusRailHost(host) {
-    var _a;
     if (host.matches('input,select,textarea,button,[contenteditable="true"],[tabindex]')) {
         host.focus();
         return;
     }
-    var inner = (_a = host.querySelector('[contenteditable="true"],input,select,textarea')) !== null && _a !== void 0 ? _a : host.querySelector('.sd-trigger,button');
-    (inner !== null && inner !== void 0 ? inner : host).focus();
+    const inner = host.querySelector('[contenteditable="true"],input,select,textarea') ??
+        host.querySelector('.sd-trigger,button');
+    (inner ?? host).focus();
 }
 function makeController(optsRef) {
-    var _currentRailId = '';
-    var _lastFocusedHost = null;
+    let _currentRailId = '';
+    let _lastFocusedHost = null;
     function applyFocusClass(host) {
         if (_lastFocusedHost && _lastFocusedHost !== host) {
             _lastFocusedHost.classList.remove(RAIL_FOCUS_CLASS);
@@ -157,14 +145,14 @@ function makeController(optsRef) {
         host.classList.remove(RAIL_CYCLED_CLASS);
         void host.offsetWidth; // reflow so the animation restarts on rapid presses
         host.classList.add(RAIL_CYCLED_CLASS);
-        setTimeout(function () { return host.classList.remove(RAIL_CYCLED_CLASS); }, BUMP_DURATION_MS);
+        setTimeout(() => host.classList.remove(RAIL_CYCLED_CLASS), BUMP_DURATION_MS);
     }
     function focus(id) {
-        var container = optsRef.current.container;
+        const { container } = optsRef.current;
         if (!container)
             return;
-        var attr = resolveAttr(optsRef.current);
-        var host = container.querySelector("[".concat(attr, "=\"").concat(id, "\"]"));
+        const attr = resolveAttr(optsRef.current);
+        const host = container.querySelector(`[${attr}="${id}"]`);
         if (host) {
             focusRailHost(host);
             applyFocusClass(host);
@@ -175,21 +163,20 @@ function makeController(optsRef) {
         }
     }
     function moveRung(dir) {
-        var _a;
-        var hosts = resolveHosts(optsRef);
+        const hosts = resolveHosts(optsRef);
         if (hosts.length === 0)
             return;
-        var attr = resolveAttr(optsRef.current);
-        var ids = hosts.map(function (h) { return h.getAttribute(attr); });
+        const attr = resolveAttr(optsRef.current);
+        const ids = hosts.map((h) => h.getAttribute(attr));
         // Anchor on the actually-focused rung first. Fall back to the last tracked
         // rung (covers focus parked on the container after an Escape pop-out).
-        var active = document.activeElement;
-        var activeFocused = (_a = (active === null || active === void 0 ? void 0 : active.closest("[".concat(attr, "]")))) === null || _a === void 0 ? void 0 : _a.getAttribute(attr);
-        var fromId = activeFocused && ids.includes(activeFocused) ? activeFocused : _currentRailId;
-        var pos = fromId ? ids.indexOf(fromId) : -1;
+        const active = document.activeElement;
+        const activeFocused = (active?.closest(`[${attr}]`))?.getAttribute(attr);
+        const fromId = activeFocused && ids.includes(activeFocused) ? activeFocused : _currentRailId;
+        let pos = fromId ? ids.indexOf(fromId) : -1;
         if (pos === -1)
             pos = dir === 1 ? -1 : hosts.length;
-        var next = (((pos + dir) % hosts.length) + hosts.length) % hosts.length;
+        const next = (((pos + dir) % hosts.length) + hosts.length) % hosts.length;
         focusRailHost(hosts[next]);
         applyFocusClass(hosts[next]);
         _currentRailId = ids[next];
@@ -197,10 +184,9 @@ function makeController(optsRef) {
     function refresh() {
         // Re-derive hosts; re-apply focus class if the current rung is still rendered
         // (DOM may have been reconstructed by Svelte's reactive updates).
-        var hosts = resolveHosts(optsRef);
-        var attr = resolveAttr(optsRef.current);
-        for (var _i = 0, hosts_1 = hosts; _i < hosts_1.length; _i++) {
-            var h = hosts_1[_i];
+        const hosts = resolveHosts(optsRef);
+        const attr = resolveAttr(optsRef.current);
+        for (const h of hosts) {
             if (h.getAttribute(attr) === _currentRailId) {
                 applyFocusClass(h);
                 return;
@@ -208,11 +194,10 @@ function makeController(optsRef) {
         }
     }
     function handleFocusin(event) {
-        var _a;
-        var attr = resolveAttr(optsRef.current);
-        var order = resolveOrder(optsRef.current);
-        var host = (_a = event.target) === null || _a === void 0 ? void 0 : _a.closest("[".concat(attr, "]"));
-        var id = host === null || host === void 0 ? void 0 : host.getAttribute(attr);
+        const attr = resolveAttr(optsRef.current);
+        const order = resolveOrder(optsRef.current);
+        const host = event.target?.closest(`[${attr}]`);
+        const id = host?.getAttribute(attr);
         // Only track rungs that are in the rail order. Tabbing into an off-rail
         // control (e.g. a description textarea) leaves the last real rung intact
         // so Up / Down can resume from it after the user tabs back out.
@@ -222,18 +207,17 @@ function makeController(optsRef) {
         }
     }
     function handleKeydown(event) {
-        var _a, _b, _c, _d, _e, _f, _g, _h;
-        var opts = optsRef.current;
-        var el = document.activeElement;
-        var tag = el === null || el === void 0 ? void 0 : el.tagName;
-        var isTextField = !!el &&
+        const opts = optsRef.current;
+        const el = document.activeElement;
+        const tag = el?.tagName;
+        const isTextField = !!el &&
             (tag === 'INPUT' || tag === 'TEXTAREA' || el.isContentEditable === true);
-        var isMultiline = !!el && (tag === 'TEXTAREA' || el.isContentEditable === true);
-        var hasMod = event.metaKey || event.ctrlKey || event.altKey;
+        const isMultiline = !!el && (tag === 'TEXTAREA' || el.isContentEditable === true);
+        const hasMod = event.metaKey || event.ctrlKey || event.altKey;
         // Modal trap — stop non-text keystrokes from bubbling to window-level page
         // listeners (e.g., a listNav attached to `window`). Text-field keystrokes
         // propagate normally so typing in the drawer doesn't interfere.
-        var trap = opts.trap !== false;
+        const trap = opts.trap !== false;
         if (trap && !isTextField)
             event.stopPropagation();
         // Escape cascade:
@@ -241,33 +225,33 @@ function makeController(optsRef) {
         //  2. focus inside a descendant control → pop back to container
         //  3. focus already on the container (or just popped) → call onEscape
         if (event.key === 'Escape' && !hasMod) {
-            var popoverOpen_1 = (_b = (_a = opts.isPopoverOpen) === null || _a === void 0 ? void 0 : _a.call(opts)) !== null && _b !== void 0 ? _b : false;
-            if (popoverOpen_1) {
+            const popoverOpen = opts.isPopoverOpen?.() ?? false;
+            if (popoverOpen) {
                 event.preventDefault();
-                (_c = opts.onPopoverEscape) === null || _c === void 0 ? void 0 : _c.call(opts);
+                opts.onPopoverEscape?.();
                 return true;
             }
-            var container = opts.container;
+            const { container } = opts;
             if (container && el && el !== container && container.contains(el)) {
                 event.preventDefault();
                 container.focus();
                 return true;
             }
             event.preventDefault();
-            (_d = opts.onEscape) === null || _d === void 0 ? void 0 : _d.call(opts);
+            opts.onEscape?.();
             return true;
         }
         // Rail motion — suppressed when a popover is open or a modifier is held.
-        var popoverOpen = (_f = (_e = opts.isPopoverOpen) === null || _e === void 0 ? void 0 : _e.call(opts)) !== null && _f !== void 0 ? _f : false;
+        const popoverOpen = opts.isPopoverOpen?.() ?? false;
         if (!hasMod && !popoverOpen) {
             // Vertical: ArrowDown / j step down; ArrowUp / k step up.
             // j / k are blocked in ANY text field; arrows are blocked only inside
             // multiline fields so the caret can still move line-by-line.
-            var goDown = event.key === 'ArrowDown' || event.key === 'j';
-            var goUp = event.key === 'ArrowUp' || event.key === 'k';
+            const goDown = event.key === 'ArrowDown' || event.key === 'j';
+            const goUp = event.key === 'ArrowUp' || event.key === 'k';
             if (goDown || goUp) {
-                var isVimKey = event.key === 'j' || event.key === 'k';
-                var blocked = isVimKey ? isTextField : isMultiline;
+                const isVimKey = event.key === 'j' || event.key === 'k';
+                const blocked = isVimKey ? isTextField : isMultiline;
                 if (!blocked) {
                     event.preventDefault();
                     moveRung(goDown ? 1 : -1);
@@ -279,14 +263,15 @@ function makeController(optsRef) {
             if ((event.key === 'ArrowLeft' || event.key === 'ArrowRight') &&
                 !isTextField) {
                 event.preventDefault();
-                var attr = resolveAttr(opts);
+                const attr = resolveAttr(opts);
                 // Prefer the element that actually has DOM focus, then fall back to
                 // the last tracked rung (focus parked on the container after pop-out).
-                var focusedHost = (_g = (el === null || el === void 0 ? void 0 : el.closest("[".concat(attr, "]")))) !== null && _g !== void 0 ? _g : (opts.container && _currentRailId
-                    ? opts.container.querySelector("[".concat(attr, "=\"").concat(_currentRailId, "\"]"))
-                    : null);
+                const focusedHost = (el?.closest(`[${attr}]`)) ??
+                    (opts.container && _currentRailId
+                        ? opts.container.querySelector(`[${attr}="${_currentRailId}"]`)
+                        : null);
                 if (focusedHost && opts.onAction) {
-                    var rungId = (_h = focusedHost.getAttribute(attr)) !== null && _h !== void 0 ? _h : '';
+                    const rungId = focusedHost.getAttribute(attr) ?? '';
                     opts.onAction(rungId, event.key === 'ArrowRight' ? 1 : -1, focusedHost);
                 }
                 return true;
@@ -295,13 +280,13 @@ function makeController(optsRef) {
         return false;
     }
     return {
-        handleKeydown: handleKeydown,
-        handleFocusin: handleFocusin,
-        moveRung: moveRung,
-        focus: focus,
-        refresh: refresh,
-        currentId: function () { return _currentRailId; },
-        bump: bump,
+        handleKeydown,
+        handleFocusin,
+        moveRung,
+        focus,
+        refresh,
+        currentId: () => _currentRailId,
+        bump,
     };
 }
 // ─── Composable ────────────────────────────────────────────────────────────────
@@ -316,7 +301,7 @@ function makeController(optsRef) {
  *   panel.addEventListener('focusin', (e) => rail.handleFocusin(e));
  */
 export function createRailNav(options) {
-    var ref = { current: options };
+    const ref = { current: options };
     return makeController(ref);
 }
 // ─── Action ────────────────────────────────────────────────────────────────────
@@ -331,10 +316,9 @@ export function createRailNav(options) {
  *     <div   data-rail-id="priority" tabindex="-1">…</div>
  *   </div>
  */
-export var railNav = function (node, initial) {
-    if (initial === void 0) { initial = { order: [] }; }
-    var ref = { current: __assign(__assign({}, initial), { container: node }) };
-    var controller = makeController(ref);
+export const railNav = (node, initial = { order: [] }) => {
+    const ref = { current: { ...initial, container: node } };
+    const controller = makeController(ref);
     function onKeydown(e) {
         controller.handleKeydown(e);
     }
@@ -344,12 +328,11 @@ export var railNav = function (node, initial) {
     node.addEventListener('keydown', onKeydown);
     node.addEventListener('focusin', onFocusin);
     return {
-        update: function (next) {
-            if (next === void 0) { next = { order: [] }; }
-            ref.current = __assign(__assign({}, next), { container: node });
+        update(next = { order: [] }) {
+            ref.current = { ...next, container: node };
             controller.refresh();
         },
-        destroy: function () {
+        destroy() {
             node.removeEventListener('keydown', onKeydown);
             node.removeEventListener('focusin', onFocusin);
         },

package/dist/actions/staggerEntrance.js

@@ -15,53 +15,49 @@
  *     {/each}
  *   </ul>
  */
-export function staggerEntrance(node, options) {
-    if (options === void 0) { options = {}; }
-    var _a = options.stepMs, stepMs = _a === void 0 ? 35 : _a, _b = options.maxTotalMs, maxTotalMs = _b === void 0 ? 250 : _b, _c = options.rise, rise = _c === void 0 ? 8 : _c;
-    var prefersReduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
-    var children = Array.from(node.children);
+export function staggerEntrance(node, options = {}) {
+    const { stepMs = 35, maxTotalMs = 250, rise = 8 } = options;
+    const prefersReduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
+    const children = Array.from(node.children);
     if (prefersReduced || children.length === 0) {
         // Render final state immediately — no animation
-        return { destroy: function () { } };
+        return { destroy() { } };
     }
     // Cap the per-item step so total time doesn't exceed maxTotalMs
-    var effectiveStep = children.length > 1
+    const effectiveStep = children.length > 1
         ? Math.min(stepMs, Math.floor(maxTotalMs / (children.length - 1)))
         : stepMs;
-    var duration = 200; // var(--motion-enter) = 200ms
+    const duration = 200; // var(--motion-enter) = 200ms
     // Set all children to their start state (opacity 0, risen)
-    for (var _i = 0, children_1 = children; _i < children_1.length; _i++) {
-        var child = children_1[_i];
+    for (const child of children) {
         child.style.opacity = '0';
-        child.style.transform = "translateY(".concat(rise, "px)");
+        child.style.transform = `translateY(${rise}px)`;
         child.style.transition = 'none';
     }
     // Trigger entrance in next frame so the start state has been painted
-    var rafId = requestAnimationFrame(function () {
-        children.forEach(function (child, i) {
-            var delay = i * effectiveStep;
-            child.style.transition = "opacity ".concat(duration, "ms var(--motion-glide) ").concat(delay, "ms, transform ").concat(duration, "ms var(--motion-glide) ").concat(delay, "ms");
+    const rafId = requestAnimationFrame(() => {
+        children.forEach((child, i) => {
+            const delay = i * effectiveStep;
+            child.style.transition = `opacity ${duration}ms var(--motion-glide) ${delay}ms, transform ${duration}ms var(--motion-glide) ${delay}ms`;
             child.style.opacity = '1';
             child.style.transform = 'translateY(0)';
         });
         // Clean up inline styles after all transitions complete
-        var totalMs = (children.length - 1) * effectiveStep + duration + 50;
-        var cleanupId = setTimeout(function () {
-            for (var _i = 0, children_2 = children; _i < children_2.length; _i++) {
-                var child = children_2[_i];
+        const totalMs = (children.length - 1) * effectiveStep + duration + 50;
+        const cleanupId = setTimeout(() => {
+            for (const child of children) {
                 child.style.opacity = '';
                 child.style.transform = '';
                 child.style.transition = '';
             }
         }, totalMs);
-        return function () { return clearTimeout(cleanupId); };
+        return () => clearTimeout(cleanupId);
     });
     return {
-        destroy: function () {
+        destroy() {
             cancelAnimationFrame(rafId);
             // Ensure children are visible if action is destroyed mid-animation
-            for (var _i = 0, children_3 = children; _i < children_3.length; _i++) {
-                var child = children_3[_i];
+            for (const child of children) {
                 child.style.opacity = '';
                 child.style.transform = '';
                 child.style.transition = '';

package/dist/actions/tooltip.js

@@ -16,81 +16,93 @@
  * Escape key hides the active tooltip.
  * Focus events (focusin/focusout) trigger alongside mouse hover.
  */
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var COOL_WINDOW_MS = 500;
-var GAP = 8;
-var tooltipEl = null;
-var lastHideTime = 0;
-var idCounter = 0;
+const COOL_WINDOW_MS = 500;
+const GAP = 8;
+let tooltipEl = null;
+let lastHideTime = 0;
+let idCounter = 0;
 function getOrCreatePortal() {
     if (tooltipEl)
         return tooltipEl;
     tooltipEl = document.createElement('div');
     tooltipEl.id = 'jatui-tooltip-portal';
-    tooltipEl.style.cssText = "\n\t\tposition: fixed;\n\t\ttop: 0; left: 0;\n\t\tpointer-events: none;\n\t\tz-index: 9999;\n\t";
+    tooltipEl.style.cssText = `
+		position: fixed;
+		top: 0; left: 0;
+		pointer-events: none;
+		z-index: 9999;
+	`;
     document.body.appendChild(tooltipEl);
     return tooltipEl;
 }
 function createBubble(text) {
-    var el = document.createElement('div');
+    const el = document.createElement('div');
     el.role = 'tooltip';
     el.textContent = text;
-    el.style.cssText = "\n\t\tposition: absolute;\n\t\tpadding: 4px 10px;\n\t\tborder-radius: 6px;\n\t\tfont-size: 0.8125rem;\n\t\tline-height: 1.4;\n\t\twhite-space: nowrap;\n\t\tmax-width: 240px;\n\t\twhite-space: normal;\n\t\tword-break: break-word;\n\t\tbackground: oklch(var(--b3, 20% 0 0));\n\t\tcolor: oklch(var(--bc, 95% 0 0));\n\t\tbox-shadow: 0 2px 6px oklch(0% 0 0 / 18%);\n\t\topacity: 0;\n\t\ttransform: translateY(4px);\n\t\ttransition:\n\t\t\topacity var(--motion-fast, 150ms) var(--motion-glide, cubic-bezier(0.16, 1, 0.3, 1)),\n\t\t\ttransform var(--motion-fast, 150ms) var(--motion-glide, cubic-bezier(0.16, 1, 0.3, 1));\n\t";
+    el.style.cssText = `
+		position: absolute;
+		padding: 4px 10px;
+		border-radius: 6px;
+		font-size: 0.8125rem;
+		line-height: 1.4;
+		white-space: nowrap;
+		max-width: 240px;
+		white-space: normal;
+		word-break: break-word;
+		background: oklch(var(--b3, 20% 0 0));
+		color: oklch(var(--bc, 95% 0 0));
+		box-shadow: 0 2px 6px oklch(0% 0 0 / 18%);
+		opacity: 0;
+		transform: translateY(4px);
+		transition:
+			opacity var(--motion-fast, 150ms) var(--motion-glide, cubic-bezier(0.16, 1, 0.3, 1)),
+			transform var(--motion-fast, 150ms) var(--motion-glide, cubic-bezier(0.16, 1, 0.3, 1));
+	`;
     // reduced-motion: remove transform, keep opacity fade
     el.dataset.tooltipBubble = '1';
     return el;
 }
 function positionBubble(bubble, anchor, placement) {
-    var rect = anchor.getBoundingClientRect();
-    var bw = bubble.offsetWidth;
-    var bh = bubble.offsetHeight;
-    var vw = window.innerWidth;
-    var vh = window.innerHeight;
-    var top;
-    var left;
-    var resolved = placement;
+    const rect = anchor.getBoundingClientRect();
+    const bw = bubble.offsetWidth;
+    const bh = bubble.offsetHeight;
+    const vw = window.innerWidth;
+    const vh = window.innerHeight;
+    let top;
+    let left;
+    let resolved = placement;
     // Compute primary position, then flip if needed
-    var placements = {
-        top: function () { return ({ top: rect.top - bh - GAP, left: rect.left + rect.width / 2 - bw / 2 }); },
-        bottom: function () { return ({ top: rect.bottom + GAP, left: rect.left + rect.width / 2 - bw / 2 }); },
-        left: function () { return ({ top: rect.top + rect.height / 2 - bh / 2, left: rect.left - bw - GAP }); },
-        right: function () { return ({ top: rect.top + rect.height / 2 - bh / 2, left: rect.right + GAP }); },
+    const placements = {
+        top: () => ({ top: rect.top - bh - GAP, left: rect.left + rect.width / 2 - bw / 2 }),
+        bottom: () => ({ top: rect.bottom + GAP, left: rect.left + rect.width / 2 - bw / 2 }),
+        left: () => ({ top: rect.top + rect.height / 2 - bh / 2, left: rect.left - bw - GAP }),
+        right: () => ({ top: rect.top + rect.height / 2 - bh / 2, left: rect.right + GAP }),
     };
-    var pos = placements[resolved]();
+    const pos = placements[resolved]();
     top = pos.top;
     left = pos.left;
     // Flip on viewport edge
     if (resolved === 'top' && top < 0) {
         resolved = 'bottom';
-        var p = placements.bottom();
+        const p = placements.bottom();
         top = p.top;
         left = p.left;
     }
     else if (resolved === 'bottom' && top + bh > vh) {
         resolved = 'top';
-        var p = placements.top();
+        const p = placements.top();
         top = p.top;
         left = p.left;
     }
     else if (resolved === 'left' && left < 0) {
         resolved = 'right';
-        var p = placements.right();
+        const p = placements.right();
         top = p.top;
         left = p.left;
     }
     else if (resolved === 'right' && left + bw > vw) {
         resolved = 'left';
-        var p = placements.left();
+        const p = placements.left();
         top = p.top;
         left = p.left;
     }
@@ -98,21 +110,21 @@ function positionBubble(bubble, anchor, placement) {
     left = Math.max(GAP, Math.min(left, vw - bw - GAP));
     top = Math.max(GAP, Math.min(top, vh - bh - GAP));
     // Rise direction depends on resolved placement
-    var riseY = resolved === 'bottom' ? -4 : 4;
-    bubble.style.setProperty('--tooltip-rise-y', "".concat(riseY, "px"));
-    bubble.style.top = "".concat(top, "px");
-    bubble.style.left = "".concat(left, "px");
+    const riseY = resolved === 'bottom' ? -4 : 4;
+    bubble.style.setProperty('--tooltip-rise-y', `${riseY}px`);
+    bubble.style.top = `${top}px`;
+    bubble.style.left = `${left}px`;
 }
 function isWarm() {
     return Date.now() - lastHideTime < COOL_WINDOW_MS;
 }
 export function tooltip(node, options) {
-    var opts = __assign({ placement: 'top', delayMs: 400 }, options);
-    var bubble = null;
-    var showTimer = null;
-    var tooltipId = "jatui-tt-".concat(++idCounter);
+    let opts = { placement: 'top', delayMs: 400, ...options };
+    let bubble = null;
+    let showTimer = null;
+    const tooltipId = `jatui-tt-${++idCounter}`;
     function show() {
-        var portal = getOrCreatePortal();
+        const portal = getOrCreatePortal();
         if (bubble) {
             // Already showing — update text and reposition
             bubble.textContent = opts.text;
@@ -146,12 +158,12 @@ export function tooltip(node, options) {
     function scheduleShow() {
         if (showTimer || bubble)
             return;
-        var delay = isWarm() ? 0 : opts.delayMs;
+        const delay = isWarm() ? 0 : opts.delayMs;
         if (delay === 0) {
             show();
         }
         else {
-            showTimer = setTimeout(function () {
+            showTimer = setTimeout(() => {
                 showTimer = null;
                 show();
             }, delay);
@@ -167,14 +179,14 @@ export function tooltip(node, options) {
     node.addEventListener('focusout', hide);
     document.addEventListener('keydown', handleKeydown);
     return {
-        update: function (next) {
-            opts = __assign({ placement: 'top', delayMs: 400 }, next);
+        update(next) {
+            opts = { placement: 'top', delayMs: 400, ...next };
             if (bubble) {
                 bubble.textContent = opts.text;
                 positionBubble(bubble, node, opts.placement);
             }
         },
-        destroy: function () {
+        destroy() {
             hide();
             node.removeEventListener('mouseenter', scheduleShow);
             node.removeEventListener('mouseleave', hide);

package/dist/assets/sounds/error.js

@@ -1,4 +1,4 @@
 // Source: https://github.com/kapishdima/soundcn/blob/main/registry/soundcn/sounds/error-buzz/error-buzz.ts
 // License: CC0 — Kenney (kenney.nl/assets/interface-sounds)
 // Error or destructive action
-export var errorSound = "data:audio/mpeg;base64,SUQzBAAAAAAAIlRTU0UAAAAOAAADTGF2ZjYyLjMuMTAwAAAAAAAAAAAAAAD/+1DAAAAAAAAAAAAAAAAAAAAAAABJbmZvAAAADwAAAAUAAATkAFVVVVVVVVVVVVVVVVVVVVVVVVV/f39/f39/f39/f39/f39/f39/f6qqqqqqqqqqqqqqqqqqqqqqqqqq1dXV1dXV1dXV1dXV1dXV1dXV1dX//////////////////////////wAAAABMYXZjNjIuMTEAAAAAAAAAAAAAAAAkAkAAAAAAAAAE5Ct0VKUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA//tQxAAABrBja7SRAAHpFK03MPAAAAADpAAQG24rFaPVBQCAYJG5znPz/b6NqcOBgZzv/QIBgYs7/6lBj4Ph///3cuH+c5c//+GAAQHa6AAAAASCUWIBQCyQJZStElAWcc9uAG+mh4XttXtzdiUNiuVScgn20gM5uFsLE6Fxhn+ooJIxfQBCzFUpjz1wPUomKsWXV38+X77GWGKcTC8hH7Co3sLLRijb/OSZ8+EokIpc0wKgoFjAlEQPHQa/EoSES2//LFVoN1sAAAFygDXWUv/7UsQFgArspWW9hAARbhFq6rKwAqVF/AdqejzEmlOy1F5XbkjDHJAIyEgPA+AKAqSGQaGguBULhCkD3qDWeB8DzUNJbb7lrlVWa/rjaIbq/7ygo9INWMicMl4dEirDxb3I3gAAAnMANIK2GREbZA8FCWtPoXkVeZzwrfKGDLmaM47+A5HoEIbi4gyFJy6Lmkkmkkdp1KkjzrddOq2w5zrn//3Nb8JPBk7SoFXc7lVA0eBoqdd2w6VOjw0oNAAAAAUKKBQgQAQAi/uhmyAnxM15//tSxAoADGU5Z5j2gAGGky63mPAAjm0TcAIi5zgBMLwtS483d1dBIkP8lB5jsGA/8YMkx5gGgOZ/+aKWbkcKh//iUBzyXNzyaf//5o0uMgOcvp///+hpqQJc3Bx3//EBlEuHxpKKAdn8DBSAiMlz2HZmqAgCAHn1q11bWu4/1m+IicMtXoeozcJYmSXkwOp65uK0nVEe7qD41qvYsXN5ILFBbn7x2zNszFuDq0bFoVg6sFiOvelwLQEx5WIgKdJSURXEINB2aJcjaCAKTlorySL/+1LEBYAL0Etrp72BUXuPKaqwkAD4DYLuOE5S4k4J4hxEGgahzphEVjuagsILJWXG/d9eq7/vOigiDq0gqDbknASNA0YvDQbJESwUU8kImtSMLJLDGicxMKiQe4VORi841zX1q6GfTvAYEAgAgvgaCLXAQXsZE6LXsnhdaMzDtOVL3drZqkuERpYLEy3TQoclLx9xjGMaRISEysTNRQilEiRbFCAg4DRXKuWCuInh0RA0DR46CoalUc7EUsGv9ySwNBxUis9ztQVJJbJBdbhcBv/7UsQEgAuknU+5iIARao9j256QAAGAgAAIlpEiPnR6OUh6uOfPDAyW+TEqJml80EGSJscj0FieQbVBbINzdM3A8AKYG0QGf80QNEIWLhZwPzBsSFx//wbOBc0IIixkmLI/hcOAmz/SlQBAADMWYATAD4rgqQAkAxJKukNQ0tpcVC9ep1DQ0/+SyJEijkVUKHEQqZWIhUKiaZCKWlUKFnyWayUrVQsuEoaiUNo8qGiwcEQdWCvWdWdg1PXeV///f2f7OJVMQU1FMy4xMDBVVVVV";
+export const errorSound = "data:audio/mpeg;base64,SUQzBAAAAAAAIlRTU0UAAAAOAAADTGF2ZjYyLjMuMTAwAAAAAAAAAAAAAAD/+1DAAAAAAAAAAAAAAAAAAAAAAABJbmZvAAAADwAAAAUAAATkAFVVVVVVVVVVVVVVVVVVVVVVVVV/f39/f39/f39/f39/f39/f39/f6qqqqqqqqqqqqqqqqqqqqqqqqqq1dXV1dXV1dXV1dXV1dXV1dXV1dX//////////////////////////wAAAABMYXZjNjIuMTEAAAAAAAAAAAAAAAAkAkAAAAAAAAAE5Ct0VKUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA//tQxAAABrBja7SRAAHpFK03MPAAAAADpAAQG24rFaPVBQCAYJG5znPz/b6NqcOBgZzv/QIBgYs7/6lBj4Ph///3cuH+c5c//+GAAQHa6AAAAASCUWIBQCyQJZStElAWcc9uAG+mh4XttXtzdiUNiuVScgn20gM5uFsLE6Fxhn+ooJIxfQBCzFUpjz1wPUomKsWXV38+X77GWGKcTC8hH7Co3sLLRijb/OSZ8+EokIpc0wKgoFjAlEQPHQa/EoSES2//LFVoN1sAAAFygDXWUv/7UsQFgArspWW9hAARbhFq6rKwAqVF/AdqejzEmlOy1F5XbkjDHJAIyEgPA+AKAqSGQaGguBULhCkD3qDWeB8DzUNJbb7lrlVWa/rjaIbq/7ygo9INWMicMl4dEirDxb3I3gAAAnMANIK2GREbZA8FCWtPoXkVeZzwrfKGDLmaM47+A5HoEIbi4gyFJy6Lmkkmkkdp1KkjzrddOq2w5zrn//3Nb8JPBk7SoFXc7lVA0eBoqdd2w6VOjw0oNAAAAAUKKBQgQAQAi/uhmyAnxM15//tSxAoADGU5Z5j2gAGGky63mPAAjm0TcAIi5zgBMLwtS483d1dBIkP8lB5jsGA/8YMkx5gGgOZ/+aKWbkcKh//iUBzyXNzyaf//5o0uMgOcvp///+hpqQJc3Bx3//EBlEuHxpKKAdn8DBSAiMlz2HZmqAgCAHn1q11bWu4/1m+IicMtXoeozcJYmSXkwOp65uK0nVEe7qD41qvYsXN5ILFBbn7x2zNszFuDq0bFoVg6sFiOvelwLQEx5WIgKdJSURXEINB2aJcjaCAKTlorySL/+1LEBYAL0Etrp72BUXuPKaqwkAD4DYLuOE5S4k4J4hxEGgahzphEVjuagsILJWXG/d9eq7/vOigiDq0gqDbknASNA0YvDQbJESwUU8kImtSMLJLDGicxMKiQe4VORi841zX1q6GfTvAYEAgAgvgaCLXAQXsZE6LXsnhdaMzDtOVL3drZqkuERpYLEy3TQoclLx9xjGMaRISEysTNRQilEiRbFCAg4DRXKuWCuInh0RA0DR46CoalUc7EUsGv9ySwNBxUis9ztQVJJbJBdbhcBv/7UsQEgAuknU+5iIARao9j256QAAGAgAAIlpEiPnR6OUh6uOfPDAyW+TEqJml80EGSJscj0FieQbVBbINzdM3A8AKYG0QGf80QNEIWLhZwPzBsSFx//wbOBc0IIixkmLI/hcOAmz/SlQBAADMWYATAD4rgqQAkAxJKukNQ0tpcVC9ep1DQ0/+SyJEijkVUKHEQqZWIhUKiaZCKWlUKFnyWayUrVQsuEoaiUNo8qGiwcEQdWCvWdWdg1PXeV///f2f7OJVMQU1FMy4xMDBVVVVV";