@brightspot/ui 1.3.0 → 1.4.0

package/dist/util/onVisible.d.ts

@@ -0,0 +1,3 @@
+import type { CallbackFunction, Selectors } from './onFind.js';
+export declare function onVisible<E extends Element>(selectors: Selectors, callback: CallbackFunction<E>): void;
+//# sourceMappingURL=onVisible.d.ts.map

package/dist/util/onVisible.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"onVisible.d.ts","sourceRoot":"","sources":["../../src/util/onVisible.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAK9D,wBAAgB,SAAS,CAAC,CAAC,SAAS,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,gBAAgB,CAAC,CAAC,CAAC,QAqB/F"}

package/dist/util/onVisible.js

@@ -0,0 +1,22 @@
+import onFind from './onFind.js';
+let calledIndex = 0;
+export function onVisible(selectors, callback) {
+    const calledId = `_ovc${calledIndex++}`;
+    const observer = new IntersectionObserver(changes => {
+        for (const change of changes) {
+            if (change.isIntersecting) {
+                const element = change.target;
+                const elementClasses = element.classList;
+                if (!elementClasses.contains(calledId)) {
+                    elementClasses.add(calledId);
+                    observer.unobserve(element);
+                    callback(element);
+                }
+            }
+        }
+    });
+    onFind(selectors, element => {
+        observer.observe(element);
+    });
+}
+//# sourceMappingURL=onVisible.js.map

package/dist/util/onVisible.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"onVisible.js","sourceRoot":"","sources":["../../src/util/onVisible.ts"],"names":[],"mappings":"AACA,OAAO,MAAM,MAAM,aAAa,CAAA;AAEhC,IAAI,WAAW,GAAG,CAAC,CAAA;AAEnB,MAAM,UAAU,SAAS,CAAoB,SAAoB,EAAE,QAA6B;IAC9F,MAAM,QAAQ,GAAG,OAAO,WAAW,EAAE,EAAE,CAAA;IAEvC,MAAM,QAAQ,GAAG,IAAI,oBAAoB,CAAC,OAAO,CAAC,EAAE;QAClD,KAAK,MAAM,MAAM,IAAI,OAAO,EAAE,CAAC;YAC7B,IAAI,MAAM,CAAC,cAAc,EAAE,CAAC;gBAC1B,MAAM,OAAO,GAAG,MAAM,CAAC,MAAM,CAAA;gBAC7B,MAAM,cAAc,GAAG,OAAO,CAAC,SAAS,CAAA;gBAExC,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC;oBACvC,cAAc,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAA;oBAC5B,QAAQ,CAAC,SAAS,CAAC,OAAO,CAAC,CAAA;oBAC3B,QAAQ,CAAC,OAAY,CAAC,CAAA;gBACxB,CAAC;YACH,CAAC;QACH,CAAC;IACH,CAAC,CAAC,CAAA;IAEF,MAAM,CAAC,SAAS,EAAE,OAAO,CAAC,EAAE;QAC1B,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,CAAA;IAC3B,CAAC,CAAC,CAAA;AACJ,CAAC"}

package/dist/util/previousUntil.d.ts

@@ -0,0 +1,2 @@
+export declare function previousUntil(elem: Element, selector: string): Element | null;
+//# sourceMappingURL=previousUntil.d.ts.map

package/dist/util/previousUntil.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"previousUntil.d.ts","sourceRoot":"","sources":["../../src/util/previousUntil.ts"],"names":[],"mappings":"AAGA,wBAAgB,aAAa,CAAC,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,GAAG,OAAO,GAAG,IAAI,CAe7E"}

package/dist/util/previousUntil.js

@@ -0,0 +1,21 @@
+/* Loops through the previous siblings of a DOM element
+   and returns the first element which matches the selector.
+   If no match is found null is returned. */
+export function previousUntil(elem, selector) {
+    if (elem.previousElementSibling !== null) {
+        elem = elem.previousElementSibling;
+    }
+    while (elem) {
+        if (elem.matches(selector)) {
+            return elem;
+        }
+        if (elem.previousElementSibling !== null) {
+            elem = elem.previousElementSibling;
+        }
+        else {
+            break;
+        }
+    }
+    return null;
+}
+//# sourceMappingURL=previousUntil.js.map

package/dist/util/previousUntil.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"previousUntil.js","sourceRoot":"","sources":["../../src/util/previousUntil.ts"],"names":[],"mappings":"AAAA;;4CAE4C;AAC5C,MAAM,UAAU,aAAa,CAAC,IAAa,EAAE,QAAgB;IAC3D,IAAI,IAAI,CAAC,sBAAsB,KAAK,IAAI,EAAE,CAAC;QACzC,IAAI,GAAG,IAAI,CAAC,sBAAsB,CAAA;IACpC,CAAC;IACD,OAAO,IAAI,EAAE,CAAC;QACZ,IAAI,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC;YAC3B,OAAO,IAAI,CAAA;QACb,CAAC;QACD,IAAI,IAAI,CAAC,sBAAsB,KAAK,IAAI,EAAE,CAAC;YACzC,IAAI,GAAG,IAAI,CAAC,sBAAsB,CAAA;QACpC,CAAC;aAAM,CAAC;YACN,MAAK;QACP,CAAC;IACH,CAAC;IACD,OAAO,IAAI,CAAA;AACb,CAAC"}

package/dist/util/repaint.d.ts

@@ -0,0 +1,3 @@
+import type { UnknownFunction } from './types.js';
+export declare function repaint(fn: UnknownFunction): UnknownFunction;
+//# sourceMappingURL=repaint.d.ts.map

package/dist/util/repaint.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"repaint.d.ts","sourceRoot":"","sources":["../../src/util/repaint.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,YAAY,CAAA;AAGjD,wBAAgB,OAAO,CAAC,EAAE,EAAE,eAAe,GAAG,eAAe,CAa5D"}

package/dist/util/repaint.js

@@ -0,0 +1,14 @@
+/* eslint-disable prefer-rest-params */
+export function repaint(fn) {
+    let requestId;
+    return function () {
+        if (requestId) {
+            window.cancelAnimationFrame(requestId);
+        }
+        requestId = window.requestAnimationFrame(() => {
+            requestId = undefined;
+            fn.apply(this, [...arguments]);
+        });
+    };
+}
+//# sourceMappingURL=repaint.js.map

package/dist/util/repaint.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"repaint.js","sourceRoot":"","sources":["../../src/util/repaint.ts"],"names":[],"mappings":"AAEA,uCAAuC;AACvC,MAAM,UAAU,OAAO,CAAC,EAAmB;IACzC,IAAI,SAA6B,CAAA;IAEjC,OAAO;QACL,IAAI,SAAS,EAAE,CAAC;YACd,MAAM,CAAC,oBAAoB,CAAC,SAAS,CAAC,CAAA;QACxC,CAAC;QAED,SAAS,GAAG,MAAM,CAAC,qBAAqB,CAAC,GAAG,EAAE;YAC5C,SAAS,GAAG,SAAS,CAAA;YACrB,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,GAAG,SAAS,CAAC,CAAC,CAAA;QAChC,CAAC,CAAC,CAAA;IACJ,CAAC,CAAA;AACH,CAAC"}

package/dist/util/rtc.d.ts

@@ -0,0 +1,10 @@
+import type { JSONValue } from './types.js';
+declare let rtc: {
+    initialize: (state: string, data: JSONValue, callback: () => void) => void;
+    restore: (state: string, data: JSONValue, callback: () => void) => void;
+    receive: (broadcast: string, callback: (data: JSONValue) => void) => void;
+    receiveOnce: (broadcast: string, callback: () => void) => void;
+    execute: (action: string, data: JSONValue) => void;
+};
+export default rtc;
+//# sourceMappingURL=rtc.d.ts.map

package/dist/util/rtc.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rtc.d.ts","sourceRoot":"","sources":["../../src/util/rtc.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAA;AAc3C,QAAA,IAAI,GAAG,EAAE;IACP,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,IAAI,KAAK,IAAI,CAAA;IAC1E,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,IAAI,KAAK,IAAI,CAAA;IACvE,OAAO,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,KAAK,IAAI,CAAA;IACzE,WAAW,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,IAAI,KAAK,IAAI,CAAA;IAC9D,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,KAAK,IAAI,CAAA;CACnD,CAAA;AA0ND,eAAe,GAAG,CAAA"}

package/dist/util/rtc.js

@@ -0,0 +1,184 @@
+import { BroadcastChannel, createLeaderElection } from 'broadcast-channel';
+import { v4 as uuidv4 } from 'uuid';
+import { Socket } from './Socket.js';
+const isV5Enabled = window.BRIGHTSPOT?.ui?.cms?.enableV5UI === true;
+const autoUpdatesEnabled = window.BRIGHTSPOT?.ui?.cms?.enableAutomaticUpdates === true;
+// Events that will be blocked when automatic updates are disabled in V5 UI.
+// All other events will continue to be processed normally.
+const BLOCKED_EVENTS = [
+    'com.psddev.cms.tool.page.content.PublishBroadcast',
+    'com.psddev.assign.AssignmentRtcBroadcast',
+    'com.psddev.cms.conversation.PostBroadcast',
+    'brightspot.liveblog.LiveBlogPostRtcBroadcast',
+];
+let rtc;
+if (window.DISABLE_RTC || !document.documentElement.dataset.userId) {
+    // Fake methods that do nothing when the RTC is disabled.
+    rtc = {
+        initialize: function () { },
+        restore: function () { },
+        receive: function () { },
+        receiveOnce: function () { },
+        execute: function () { },
+    };
+}
+else {
+    const BROADCAST = 'broadcast';
+    const CALLBACK = 'callback';
+    const CONNECT = 'connect';
+    const DISCONNECT = 'connect';
+    const EXECUTE = 'execute';
+    const RESTORE = 'restore';
+    // End restoring state by triggering callbacks.
+    const broadcastCallbacks = {};
+    const triggerBroadcastCallbacks = (broadcast, data) => {
+        if (isV5Enabled && !autoUpdatesEnabled && BLOCKED_EVENTS.includes(broadcast)) {
+            // Skip this blocked event when automatic updates are disabled
+            return;
+        }
+        for (const callback of broadcastCallbacks[broadcast] ?? []) {
+            callback(data);
+        }
+    };
+    const endRestore = (restoreCallback, broadcasts) => {
+        for (const { broadcast, data } of broadcasts ?? []) {
+            triggerBroadcastCallbacks(broadcast, data);
+        }
+        if (restoreCallback) {
+            restoreCallback(broadcasts);
+        }
+    };
+    // Start restoring state when not a leader.
+    const callbackIdPrefix = `${uuidv4()}-`;
+    let callbackIdIndex = 0;
+    const channel = new BroadcastChannel('brightspot-rtc');
+    const startRestore = (message, callback) => {
+        const newCallbackId = callbackIdPrefix + ++callbackIdIndex;
+        // [OC] Set up to trigger callbacks when the state restore is done.
+        const listener = ({ type, callbackId, broadcasts, }) => {
+            if (type === CALLBACK && callbackId === newCallbackId) {
+                channel.removeEventListener('message', listener);
+                endRestore(callback, broadcasts);
+            }
+        };
+        channel.addEventListener('message', listener);
+        // Trigger a send on the leader at [LS].
+        channel.postMessage({ type: RESTORE, message, callbackId: newCallbackId });
+    };
+    // Receive messages from the leader.
+    const restores = [];
+    const broadcastOnceCallbacks = {};
+    channel.addEventListener('message', ({ type, broadcast, data }) => {
+        if (type === CONNECT) {
+            // [OR] When the leader connects, restore states.
+            for (const { message, callback } of restores) {
+                startRestore(message, callback);
+            }
+        }
+        else if (type === BROADCAST) {
+            // [OB] Trigger broadcast callbacks.
+            triggerBroadcastCallbacks(broadcast, data);
+        }
+    });
+    // Make sure that there's only one connection to the server.
+    let socket;
+    const restore = (message, callback) => {
+        socket.send(message, (broadcasts) => {
+            endRestore(callback, broadcasts);
+        });
+    };
+    createLeaderElection(channel)
+        .awaitLeadership()
+        .then(() => {
+        socket = new Socket(`${window.ROOT_PATH}/_rtc`);
+        // [LS] Send a message on behalf of other windows.
+        channel.addEventListener('message', ({ type, message, callbackId }) => {
+            if (type === DISCONNECT || type === EXECUTE) {
+                socket.send(message);
+            }
+            else if (type === RESTORE) {
+                socket.send(message, broadcasts => {
+                    // Trigger a callback on other windows at [OC].
+                    channel.postMessage({ type: CALLBACK, callbackId, broadcasts });
+                });
+            }
+        });
+        socket.connect({
+            onConnect: () => {
+                // Restore states on the other windows at [OR].
+                channel.postMessage({ type: CONNECT });
+                // Restore states on the leader.
+                for (const { message, callback } of restores) {
+                    restore(message, callback);
+                }
+            },
+            onReceive: ({ broadcast, data }) => {
+                if (broadcast && data) {
+                    // Broadcast to the other windows at [OB].
+                    channel.postMessage({ type: BROADCAST, broadcast, data });
+                    // Trigger broadcast callbacks on the leader.
+                    triggerBroadcastCallbacks(broadcast, data);
+                    // Check if this event should be blocked when automatic updates are disabled in V5 UI
+                    if (!(isV5Enabled && !autoUpdatesEnabled && BLOCKED_EVENTS.includes(broadcast))) {
+                        for (const callback of broadcastOnceCallbacks[broadcast] ?? []) {
+                            callback(data);
+                        }
+                    }
+                }
+            },
+        });
+    });
+    rtc = {
+        initialize: function (state, data, callback) {
+            rtc.restore(state, data, callback);
+            window.addEventListener('unload', () => {
+                const message = {
+                    type: 'disconnect',
+                    className: state,
+                    data: data,
+                };
+                if (socket) {
+                    socket.send(message, callback, true);
+                }
+                else {
+                    // Send the action to the leader at [LS].
+                    channel.postMessage({ type: DISCONNECT, message });
+                }
+            });
+        },
+        restore: function (state, data, callback) {
+            const message = { type: 'restore', className: state, data };
+            restores.push({ type: RESTORE, message, callback });
+            if (socket) {
+                restore(message, callback);
+            }
+            else {
+                startRestore(message, callback);
+            }
+        },
+        receive: function (broadcast, callback) {
+            if (callback) {
+                ;
+                (broadcastCallbacks[broadcast] ??= []).push(callback);
+            }
+        },
+        receiveOnce: function (broadcast, callback) {
+            if (callback) {
+                ;
+                (broadcastOnceCallbacks[broadcast] ??= []).push(callback);
+            }
+        },
+        execute: function (action, data) {
+            const message = { type: 'execute', className: action, data };
+            if (socket) {
+                socket.send(message);
+            }
+            else {
+                // Send the action to the leader at [LS].
+                channel.postMessage({ type: EXECUTE, message });
+            }
+        },
+    };
+}
+export default rtc;
+//# sourceMappingURL=rtc.js.map

package/dist/util/rtc.js.map

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

package/dist/util/storage.d.ts

@@ -0,0 +1,6 @@
+export declare const storage: {
+    get: (key: string) => string | null;
+    set: (key: string, value: string) => void;
+    toggle: (key: string, force?: boolean) => boolean;
+};
+//# sourceMappingURL=storage.d.ts.map

package/dist/util/storage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"storage.d.ts","sourceRoot":"","sources":["../../src/util/storage.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,OAAO;eACP,MAAM;eAEN,MAAM,SAAS,MAAM;kBAElB,MAAM,UAAU,OAAO;CAatC,CAAA"}

package/dist/util/storage.js

@@ -0,0 +1,18 @@
+const ls = window.localStorage;
+export const storage = {
+    get: (key) => ls.getItem(key),
+    set: (key, value) => ls.setItem(key, value),
+    toggle: (key, force) => {
+        if (typeof force === 'undefined') {
+            force = !ls.getItem(key);
+        }
+        if (force) {
+            ls.setItem(key, '1');
+        }
+        else {
+            ls.removeItem(key);
+        }
+        return force;
+    },
+};
+//# sourceMappingURL=storage.js.map

package/dist/util/storage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"storage.js","sourceRoot":"","sources":["../../src/util/storage.ts"],"names":[],"mappings":"AAAA,MAAM,EAAE,GAAG,MAAM,CAAC,YAAY,CAAA;AAE9B,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,GAAG,EAAE,CAAC,GAAW,EAAE,EAAE,CAAC,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC;IAErC,GAAG,EAAE,CAAC,GAAW,EAAE,KAAa,EAAE,EAAE,CAAC,EAAE,CAAC,OAAO,CAAC,GAAG,EAAE,KAAK,CAAC;IAE3D,MAAM,EAAE,CAAC,GAAW,EAAE,KAAe,EAAE,EAAE;QACvC,IAAI,OAAO,KAAK,KAAK,WAAW,EAAE,CAAC;YACjC,KAAK,GAAG,CAAC,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,CAAA;QAC1B,CAAC;QAED,IAAI,KAAK,EAAE,CAAC;YACV,EAAE,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,CAAA;QACtB,CAAC;aAAM,CAAC;YACN,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC,CAAA;QACpB,CAAC;QAED,OAAO,KAAK,CAAA;IACd,CAAC;CACF,CAAA"}

package/dist/util/transition.d.ts

@@ -0,0 +1,2 @@
+export declare function onTransitionsEnded(el: Element): Promise<PromiseSettledResult<Animation>[]>;
+//# sourceMappingURL=transition.d.ts.map

package/dist/util/transition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"transition.d.ts","sourceRoot":"","sources":["../../src/util/transition.ts"],"names":[],"mappings":"AAAA,wBAAgB,kBAAkB,CAAC,EAAE,EAAE,OAAO,8CAE7C"}

package/dist/util/transition.js

@@ -0,0 +1,4 @@
+export function onTransitionsEnded(el) {
+    return Promise.allSettled(el.getAnimations().map(animation => animation.finished));
+}
+//# sourceMappingURL=transition.js.map

package/dist/util/transition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"transition.js","sourceRoot":"","sources":["../../src/util/transition.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,kBAAkB,CAAC,EAAW;IAC5C,OAAO,OAAO,CAAC,UAAU,CAAC,EAAE,CAAC,aAAa,EAAE,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAA;AACpF,CAAC"}

package/dist/util/types.d.ts

@@ -0,0 +1,10 @@
+export type CSSAbsUnit = 'cm' | 'mm' | 'Q' | 'in' | 'pc' | 'pt' | 'px';
+export type CSSRelUnit = 'em' | 'ex' | 'ch' | 'rem' | 'lh' | 'rlh' | 'vw' | 'vh' | 'vmin' | 'vmax' | 'vb' | 'vi' | 'svw' | 'svh' | 'lvw' | 'lvh' | 'dvw' | 'dvh';
+export type CSSUnit = `${number}${CSSAbsUnit | CSSRelUnit}`;
+export type UnknownFunction = (...args: unknown[]) => unknown;
+export type JSONValue = JSONObject | JSONArray | string | number | boolean | null;
+export interface JSONObject {
+    [key: string]: JSONValue;
+}
+export type JSONArray = Array<JSONValue>;
+//# sourceMappingURL=types.d.ts.map

package/dist/util/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/util/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,GAAG,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AACtE,MAAM,MAAM,UAAU,GAClB,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,KAAK,GACL,IAAI,GACJ,KAAK,GACL,IAAI,GACJ,IAAI,GACJ,MAAM,GACN,MAAM,GACN,IAAI,GACJ,IAAI,GACJ,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,CAAA;AAET,MAAM,MAAM,OAAO,GAAG,GAAG,MAAM,GAAG,UAAU,GAAG,UAAU,EAAE,CAAA;AAC3D,MAAM,MAAM,eAAe,GAAG,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,OAAO,CAAA;AAC7D,MAAM,MAAM,SAAS,GAAG,UAAU,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,CAAA;AACjF,MAAM,WAAW,UAAU;IACzB,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,CAAA;CACzB;AACD,MAAM,MAAM,SAAS,GAAG,KAAK,CAAC,SAAS,CAAC,CAAA"}

package/dist/util/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/util/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/util/types.ts"],"names":[],"mappings":""}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@brightspot/ui",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "type": "module",
   "license": "UNLICENSED",
   "description": "A UI library for building Brightspot CMS components.",
@@ -35,6 +35,7 @@
     "@tailwindcss/container-queries": "^0.1.1",
     "@types/node": "^24.10.0",
     "@types/postcss-import": "^14.0.3",
+    "@types/uuid": "^8.3.0",
     "@wc-toolkit/storybook-helpers": "^10.0.0",
     "autoprefixer": "10.4.21",
     "css-loader": "^6.7.1",
@@ -65,8 +66,11 @@
     "webpack-merge": "^5.8.0"
   },
   "dependencies": {
+    "broadcast-channel": "^4.13.0",
     "lucide-static": "0.508.0",
-    "tailwindcss": "^3.4.13"
+    "tabbable": "6.2.0",
+    "tailwindcss": "^3.4.13",
+    "uuid": "^8.3.2"
   },
   "peerDependencies": {
     "lit": "^3.0.0"