@revvue/embed 0.0.0-beta.2 → 0.0.0-beta.4

package/dist/package/package.mjs

@@ -16,6 +16,12 @@ function refreshIframe(iframe) {
 	}
 }
 //#endregion
+//#region src/core/iframe-messages.ts
+var IFRAME_MESSAGES = {
+	close: "rvv-embed-close",
+	focus: "rvv-embed-focus"
+};
+//#endregion
 //#region src/core/create-iframe.ts
 function getIframeSrc() {
 	return "http://localhost:5173/";
@@ -31,13 +37,52 @@ function createIframe(_options) {
 	iframe.id = embedId;
 	const refresh = () => refreshIframe(iframe);
 	const focus = () => {
-		iframe.contentWindow?.postMessage("rvv-embed-focus", "*");
+		iframe.contentWindow?.postMessage(IFRAME_MESSAGES.focus, "*");
+	};
+	const onMessage = (handler) => {
+		const listener = (event) => {
+			if (event.source !== iframe.contentWindow) return;
+			handler(event.data);
+		};
+		window.addEventListener("message", listener);
+		return () => window.removeEventListener("message", listener);
 	};
 	return {
 		iframe,
 		focus,
 		refresh,
-		embedId
+		embedId,
+		onMessage
+	};
+}
+//#endregion
+//#region src/utils/create-closing-guard.ts
+function createClosingGuard() {
+	let cancelClose = null;
+	function isClosing() {
+		return cancelClose !== null;
+	}
+	function scheduleClose(element, onDone) {
+		const abortController = new AbortController();
+		element.addEventListener("transitionend", () => {
+			cancelClose = null;
+			onDone();
+		}, {
+			signal: abortController.signal,
+			once: true
+		});
+		cancelClose = () => {
+			abortController.abort();
+			cancelClose = null;
+		};
+	}
+	function cancelPendingClose() {
+		cancelClose?.();
+	}
+	return {
+		isClosing,
+		scheduleClose,
+		cancelPendingClose
 	};
 }
 //#endregion
@@ -72,6 +117,26 @@ function onEscape(callback) {
 	});
 }
 //#endregion
+//#region src/utils/open-state-store/open-state-store.ts
+function createOpenStateStore(initial = false) {
+	let state = initial;
+	const listeners = /* @__PURE__ */ new Set();
+	return {
+		getState: () => state,
+		setState(next) {
+			if (state === next) return;
+			state = next;
+			for (const listener of listeners) listener();
+		},
+		subscribe(listener) {
+			listeners.add(listener);
+			return () => {
+				listeners.delete(listener);
+			};
+		}
+	};
+}
+//#endregion
 //#region src/utils/set-element-size.ts
 var getValueWithUnits = (value) => {
 	if (typeof value === "string" && !value.match(/^[0-9]+$/)) return value;
@@ -84,6 +149,7 @@ var setElementSize = (element, { width, height }) => {
 };
 //#endregion
 //#region src/factories/create-dialog/create-dialog.ts
+var noop$3 = () => {};
 function createDialogElement() {
 	const container = document.createElement("dialog");
 	container.classList.add("rvv-dialog");
@@ -98,15 +164,18 @@ function unmountElement$2(element) {
 	element.remove();
 }
 function createDialog(options, element) {
+	const store = createOpenStateStore();
 	if (!is.browser()) return {
-		toggle: () => {},
-		open: () => {},
-		close: () => {},
-		unmount: () => {},
-		refresh: () => {},
-		focus: () => {}
+		toggle: noop$3,
+		open: noop$3,
+		close: noop$3,
+		unmount: noop$3,
+		refresh: noop$3,
+		focus: noop$3,
+		isOpen: store.getState,
+		subscribe: store.subscribe
 	};
-	const { iframe, refresh, focus } = createIframe(options);
+	const { iframe, refresh, focus, onMessage } = createIframe(options);
 	const container = element ?? document.body;
 	const dialog = createDialogElement();
 	const wrapper = createDialogWrapper();
@@ -122,21 +191,35 @@ function createDialog(options, element) {
 			onEscape(close);
 		}
 	};
+	const guard = createClosingGuard();
 	function open() {
-		if (is.open(wrapper)) return;
+		if (is.open(wrapper)) {
+			if (guard.isClosing()) {
+				guard.cancelPendingClose();
+				store.setState(true);
+				return;
+			}
+			return;
+		}
 		dialog.append(wrapper);
 		dialog.showModal();
+		store.setState(true);
 	}
 	function close() {
 		if (!is.open(wrapper)) return;
 		dialog.close();
-		unmountElement$2(wrapper);
+		guard.scheduleClose(dialog, () => unmountElement$2(wrapper));
+		store.setState(false);
 	}
 	function toggle() {
 		is.open(wrapper) ? close() : open();
 	}
+	const removeOnMessageHandler = onMessage((msg) => {
+		if (msg === IFRAME_MESSAGES.close) close();
+	});
 	function unmount() {
 		unmountElement$2(dialog);
+		removeOnMessageHandler();
 	}
 	return {
 		toggle,
@@ -144,59 +227,14 @@ function createDialog(options, element) {
 		close,
 		unmount,
 		refresh,
-		focus
-	};
-}
-//#endregion
-//#region src/utils/built-button/built-button.ts
-var defaultIcon = `
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-square-icon lucide-message-square"><path d="M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z"/></svg>`;
-var closeIcon = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x-icon lucide-x"><path d="M18 6 6 18"/><path d="m6 6 12 12"/></svg>`;
-function buildDefaultIcons() {
-	const openEl = document.createElement("span");
-	openEl.classList.add("rvv-button-icon--open");
-	openEl.innerHTML = defaultIcon;
-	const closeEl = document.createElement("span");
-	closeEl.classList.add("rvv-button-icon--close");
-	closeEl.innerHTML = closeIcon;
-	return {
-		openEl,
-		closeEl
-	};
-}
-function buildButtonElement(options) {
-	const button = document.createElement("button");
-	button.classList.add("rvv-button", "rvv-button--trigger");
-	button.setAttribute("type", "button");
-	button.dataset.position = options.position ?? "right";
-	button.dataset.open = "false";
-	if (options.color) button.style.setProperty("--rvv-button-color", options.color);
-	if (options.textColor) button.style.setProperty("--rvv-button-text-color", options.textColor);
-	const iconWrapper = document.createElement("span");
-	iconWrapper.classList.add("rvv-button-icon");
-	iconWrapper.setAttribute("aria-hidden", "true");
-	if (options.label) {
-		const labelEl = document.createElement("span");
-		labelEl.classList.add("rvv-button-label");
-		labelEl.textContent = options.label;
-		button.append(labelEl);
-	}
-	if (options.icon) iconWrapper.innerHTML = options.icon;
-	else if (!options.label) {
-		const { openEl, closeEl } = buildDefaultIcons();
-		iconWrapper.append(openEl, closeEl);
-	}
-	if (iconWrapper.childNodes.length > 0) button.append(iconWrapper);
-	function setOpen(isOpen) {
-		button.dataset.open = String(isOpen);
-	}
-	return {
-		el: button,
-		setOpen
+		focus,
+		isOpen: store.getState,
+		subscribe: store.subscribe
 	};
 }
 //#endregion
 //#region src/factories/create-drawer/create-drawer.ts
+var noop$2 = () => {};
 function createDrawerElement() {
 	const container = document.createElement("div");
 	container.classList.add("rvv-drawer");
@@ -211,15 +249,18 @@ function unmountElement$1(element) {
 	element.remove();
 }
 function createDrawer(options, element) {
+	const store = createOpenStateStore();
 	if (!is.browser()) return {
-		toggle: () => {},
-		open: () => {},
-		close: () => {},
-		unmount: () => {},
-		refresh: () => {},
-		focus: () => {}
+		toggle: noop$2,
+		open: noop$2,
+		close: noop$2,
+		unmount: noop$2,
+		refresh: noop$2,
+		focus: noop$2,
+		isOpen: store.getState,
+		subscribe: store.subscribe
 	};
-	const { iframe, refresh, focus } = createIframe(options);
+	const { iframe, refresh, focus, onMessage } = createIframe(options);
 	const container = element ?? document.body;
 	const drawer = createDrawerElement();
 	const wrapper = createDrawerWrapper();
@@ -229,49 +270,106 @@ function createDrawer(options, element) {
 	});
 	container.append(drawer);
 	wrapper.append(iframe);
-	const { autoOpen = false, autoOpenDelay = 0 } = options;
-	let setButtonOpen = () => {};
-	const { el: buttonEl, setOpen } = buildButtonElement(options);
-	setButtonOpen = setOpen;
-	buttonEl.addEventListener("click", () => toggle());
-	document.body.append(buttonEl);
 	iframe.onload = (event) => {
 		if (event?.isTrusted) {
 			drawer.classList.add("open");
 			onEscape(close);
 		}
 	};
+	const guard = createClosingGuard();
 	function open() {
-		if (is.open(wrapper)) return;
+		if (is.open(wrapper)) {
+			if (guard.isClosing()) {
+				guard.cancelPendingClose();
+				drawer.classList.add("open");
+				store.setState(true);
+				return;
+			}
+			return;
+		}
 		drawer.append(wrapper);
-		setButtonOpen(true);
+		store.setState(true);
 	}
 	function close() {
 		if (!is.open(wrapper)) return;
-		unmountElement$1(wrapper);
 		drawer.classList.remove("open");
-		setButtonOpen(false);
+		store.setState(false);
+		guard.scheduleClose(drawer, () => unmountElement$1(wrapper));
 	}
 	function toggle() {
 		is.open(wrapper) ? close() : open();
 	}
+	const removeOnMessageHandler = onMessage((msg) => {
+		if (msg === IFRAME_MESSAGES.close) close();
+	});
 	function unmount() {
-		buttonEl?.remove();
 		unmountElement$1(drawer);
+		removeOnMessageHandler();
 	}
-	if (autoOpen) if (autoOpenDelay > 0) setTimeout(() => open(), autoOpenDelay);
-	else open();
 	return {
 		toggle,
 		open,
 		close,
 		unmount,
 		refresh,
-		focus
+		focus,
+		isOpen: store.getState,
+		subscribe: store.subscribe
+	};
+}
+//#endregion
+//#region src/utils/icons.ts
+var chatIcon = `
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-square-icon lucide-message-square"><path d="M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z"/></svg>`;
+var closeIcon = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x-icon lucide-x"><path d="M18 6 6 18"/><path d="m6 6 12 12"/></svg>`;
+//#endregion
+//#region src/utils/built-button/built-button.ts
+function buildDefaultIcons() {
+	const openEl = document.createElement("span");
+	openEl.classList.add("rvv-button-icon--open");
+	openEl.innerHTML = chatIcon;
+	const closeEl = document.createElement("span");
+	closeEl.classList.add("rvv-button-icon--close");
+	closeEl.innerHTML = closeIcon;
+	return {
+		openEl,
+		closeEl
+	};
+}
+function buildButtonElement(options) {
+	const button = document.createElement("button");
+	button.classList.add("rvv-button", "rvv-button--trigger");
+	button.setAttribute("type", "button");
+	button.dataset.position = options.position ?? "right";
+	button.dataset.open = "false";
+	if (options.color) button.style.setProperty("--rvv-button-color", options.color);
+	if (options.textColor) button.style.setProperty("--rvv-button-text-color", options.textColor);
+	const iconWrapper = document.createElement("span");
+	iconWrapper.classList.add("rvv-button-icon");
+	iconWrapper.setAttribute("aria-hidden", "true");
+	if (options.label) {
+		const labelEl = document.createElement("span");
+		labelEl.classList.add("rvv-button-label");
+		labelEl.textContent = options.label;
+		button.append(labelEl);
+	}
+	if (options.icon) iconWrapper.innerHTML = options.icon;
+	else if (!options.label) {
+		const { openEl, closeEl } = buildDefaultIcons();
+		iconWrapper.append(openEl, closeEl);
+	}
+	if (iconWrapper.childNodes.length > 0) button.append(iconWrapper);
+	function setOpen(isOpen) {
+		button.dataset.open = String(isOpen);
+	}
+	return {
+		el: button,
+		setOpen
 	};
 }
 //#endregion
 //#region src/factories/create-popover/create-popover.ts
+var noop$1 = () => {};
 function createPopoverElement() {
 	const container = document.createElement("div");
 	container.classList.add("rvv-popover");
@@ -286,15 +384,18 @@ function unmountElement(element) {
 	element.remove();
 }
 function createPopover(options, element) {
+	const store = createOpenStateStore();
 	if (!is.browser()) return {
-		toggle: () => {},
-		close: () => {},
-		open: () => {},
-		unmount: () => {},
-		refresh: () => {},
-		focus: () => {}
+		toggle: noop$1,
+		close: noop$1,
+		open: noop$1,
+		unmount: noop$1,
+		refresh: noop$1,
+		focus: noop$1,
+		isOpen: store.getState,
+		subscribe: store.subscribe
 	};
-	const { iframe, refresh, focus } = createIframe(options);
+	const { iframe, refresh, focus, onMessage } = createIframe(options);
 	const container = element ?? document.body;
 	const popover = createPopoverElement();
 	const wrapper = createPopoverWrapper();
@@ -304,12 +405,17 @@ function createPopover(options, element) {
 	});
 	container.append(popover);
 	wrapper.append(iframe);
-	const { autoOpen = false, autoOpenDelay = 0 } = options;
-	let setButtonOpen = () => {};
-	const { el: buttonEl, setOpen } = buildButtonElement(options);
-	setButtonOpen = setOpen;
-	buttonEl.addEventListener("click", () => toggle());
-	document.body.append(buttonEl);
+	const { autoOpen = false, autoOpenDelay = 0, trigger = "default" } = options;
+	let setButtonOpen = noop$1;
+	let unmountButton = noop$1;
+	if (trigger === "default") {
+		const { el: buttonEl, setOpen } = buildButtonElement(options);
+		buttonEl.classList.add("rvv-button--trigger-popover");
+		setButtonOpen = setOpen;
+		buttonEl.addEventListener("click", () => toggle());
+		document.body.append(buttonEl);
+		unmountButton = () => buttonEl.remove();
+	}
 	function toggle() {
 		is.open(wrapper) ? close() : open();
 	}
@@ -319,20 +425,35 @@ function createPopover(options, element) {
 			onEscape(close);
 		}
 	};
+	const guard = createClosingGuard();
 	function open() {
-		if (is.open(wrapper)) return;
+		if (is.open(wrapper)) {
+			if (guard.isClosing()) {
+				guard.cancelPendingClose();
+				popover.classList.add("open");
+				store.setState(true);
+				return;
+			}
+			return;
+		}
 		popover.append(wrapper);
 		setButtonOpen(true);
+		store.setState(true);
 	}
 	function close() {
 		if (!is.open(wrapper)) return;
 		popover.classList.remove("open");
 		setButtonOpen(false);
-		popover.addEventListener("transitionend", () => unmountElement(wrapper), { once: true });
+		store.setState(false);
+		guard.scheduleClose(popover, () => unmountElement(wrapper));
 	}
+	const removeOnMessageHandler = onMessage((msg) => {
+		if (msg === IFRAME_MESSAGES.close) close();
+	});
 	function unmount() {
-		buttonEl?.remove();
+		unmountButton();
 		unmountElement(popover);
+		removeOnMessageHandler();
 	}
 	if (autoOpen) if (autoOpenDelay > 0) setTimeout(() => open(), autoOpenDelay);
 	else open();
@@ -342,16 +463,19 @@ function createPopover(options, element) {
 		open,
 		unmount,
 		refresh,
-		focus
+		focus,
+		isOpen: store.getState,
+		subscribe: store.subscribe
 	};
 }
 //#endregion
 //#region src/factories/create-widget/create-widget.ts
+var noop = () => {};
 function createWidget(options, element) {
 	if (!is.browser()) return {
-		unmount: () => {},
-		refresh: () => {},
-		focus: () => {}
+		unmount: noop,
+		refresh: noop,
+		focus: noop
 	};
 	const { iframe, refresh, focus } = createIframe(options);
 	const container = element ?? document.body;

package/dist/package/types/core/button-options.d.ts

@@ -1,4 +1,17 @@
 export interface ButtonOptions {
+    /**
+     * Controls whether the factory mounts its own default trigger button.
+     *
+     * - `"default"` (default): the factory builds and appends a styled `<button>`
+     *   to `document.body`. This is the right choice for vanilla CDN consumers.
+     * - `"none"`: the factory skips button creation entirely. The consumer is
+     *   responsible for rendering their own trigger and wiring it to
+     *   `open()` / `close()` / `toggle()`. Use this in React or any framework
+     *   that wants to own the trigger element.
+     *
+     * @default "default"
+     */
+    trigger?: "default" | "none";
     /**
      * Text label displayed inside the button.
      * @default "Open"

package/dist/package/types/core/button-options.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button-options.d.ts","sourceRoot":"","sources":["../../../../src/core/button-options.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,aAAa;IAC5B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAE5B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB"}
+{"version":3,"file":"button-options.d.ts","sourceRoot":"","sources":["../../../../src/core/button-options.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,aAAa;IAC5B;;;;;;;;;;;OAWG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAE7B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAE5B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB"}

package/dist/package/types/core/create-iframe.d.ts

@@ -1,10 +1,12 @@
 import { EmbedOptions } from './app-options';
+import { IframeMessage } from './iframe-messages';
 type CreateIframeOptions = {} & EmbedOptions;
 export declare function createIframe(_options: CreateIframeOptions): {
     iframe: HTMLIFrameElement;
     focus: () => void;
     refresh: () => void;
     embedId: `${string}-${string}-${string}-${string}-${string}`;
+    onMessage: (handler: (message: IframeMessage) => void) => (() => void);
 };
 export {};
 //# sourceMappingURL=create-iframe.d.ts.map

package/dist/package/types/core/create-iframe.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"create-iframe.d.ts","sourceRoot":"","sources":["../../../../src/core/create-iframe.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAElD,KAAK,mBAAmB,GAAG,EAAE,GAAG,YAAY,CAAC;AAM7C,wBAAgB,YAAY,CAAC,QAAQ,EAAE,mBAAmB;;;;;EAoBzD"}
+{"version":3,"file":"create-iframe.d.ts","sourceRoot":"","sources":["../../../../src/core/create-iframe.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,EAAmB,KAAK,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAExE,KAAK,mBAAmB,GAAG,EAAE,GAAG,YAAY,CAAC;AAM7C,wBAAgB,YAAY,CAAC,QAAQ,EAAE,mBAAmB;;;;;yBAmB5B,CAAC,OAAO,EAAE,aAAa,KAAK,IAAI,KAAG,CAAC,MAAM,IAAI,CAAC;EAU5E"}

package/dist/package/types/core/embed-types.d.ts

@@ -4,9 +4,21 @@ export type EmbedWidget = {
     refresh: () => void;
     focus: () => void;
 };
+/**
+ * Subscriber callback signature compatible with React's `useSyncExternalStore`.
+ * The store calls every registered listener whenever open state flips.
+ */
+export type EmbedStateListener = () => void;
 export type EmbedFloating = EmbedWidget & {
     open: () => void;
     close: () => void;
     toggle: () => void;
+    /** Returns the current open state synchronously. Stable reference. */
+    isOpen: () => boolean;
+    /**
+     * Register a listener that fires after every open/close transition.
+     * Returns an unsubscribe function. Compatible with `useSyncExternalStore`.
+     */
+    subscribe: (listener: EmbedStateListener) => () => void;
 };
 //# sourceMappingURL=embed-types.d.ts.map

package/dist/package/types/core/embed-types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"embed-types.d.ts","sourceRoot":"","sources":["../../../../src/core/embed-types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAEnE,MAAM,MAAM,WAAW,GAAG;IACxB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,WAAW,GAAG;IACxC,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB,CAAC"}
+{"version":3,"file":"embed-types.d.ts","sourceRoot":"","sources":["../../../../src/core/embed-types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAEnE,MAAM,MAAM,WAAW,GAAG;IACxB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,kBAAkB,GAAG,MAAM,IAAI,CAAC;AAE5C,MAAM,MAAM,aAAa,GAAG,WAAW,GAAG;IACxC,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,sEAAsE;IACtE,MAAM,EAAE,MAAM,OAAO,CAAC;IACtB;;;OAGG;IACH,SAAS,EAAE,CAAC,QAAQ,EAAE,kBAAkB,KAAK,MAAM,IAAI,CAAC;CACzD,CAAC"}

package/dist/package/types/core/iframe-messages.d.ts

@@ -0,0 +1,6 @@
+export declare const IFRAME_MESSAGES: {
+    readonly close: "rvv-embed-close";
+    readonly focus: "rvv-embed-focus";
+};
+export type IframeMessage = (typeof IFRAME_MESSAGES)[keyof typeof IFRAME_MESSAGES];
+//# sourceMappingURL=iframe-messages.d.ts.map

package/dist/package/types/core/iframe-messages.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"iframe-messages.d.ts","sourceRoot":"","sources":["../../../../src/core/iframe-messages.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe;;;CAGlB,CAAC;AAEX,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,OAAO,eAAe,CAAC,CAAC"}

package/dist/package/types/factories/create-dialog/create-dialog.d.ts

@@ -1,5 +1,6 @@
 import { EmbedOptions } from '../../core/app-options';
 import { EmbedFloating } from '../../core/embed-types';
+import { Public } from '../../utils/brand-types';
 export type Dialog = EmbedFloating;
-export declare function createDialog(options: EmbedOptions, element?: HTMLElement): Dialog;
+export declare function createDialog(options: Public<EmbedOptions>, element?: HTMLElement): Dialog;
 //# sourceMappingURL=create-dialog.d.ts.map

package/dist/package/types/factories/create-dialog/create-dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"create-dialog.d.ts","sourceRoot":"","sources":["../../../../../src/factories/create-dialog/create-dialog.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAE3D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAK5D,MAAM,MAAM,MAAM,GAAG,aAAa,CAAC;AAkBnC,wBAAgB,YAAY,CAAC,OAAO,EAAE,YAAY,EAAE,OAAO,CAAC,EAAE,WAAW,GAAG,MAAM,CAwDjF"}
+{"version":3,"file":"create-dialog.d.ts","sourceRoot":"","sources":["../../../../../src/factories/create-dialog/create-dialog.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAE3D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAE5D,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAOtD,MAAM,MAAM,MAAM,GAAG,aAAa,CAAC;AAoBnC,wBAAgB,YAAY,CAAC,OAAO,EAAE,MAAM,CAAC,YAAY,CAAC,EAAE,OAAO,CAAC,EAAE,WAAW,GAAG,MAAM,CA8EzF"}

package/dist/package/types/factories/create-drawer/create-drawer.d.ts

@@ -1,6 +1,6 @@
 import { EmbedOptions } from '../../core/app-options';
-import { ButtonOptions } from '../../core/button-options';
 import { EmbedFloating } from '../../core/embed-types';
+import { Public } from '../../utils/brand-types';
 export type Drawer = EmbedFloating;
-export declare function createDrawer(options: EmbedOptions & ButtonOptions, element?: HTMLElement): Drawer;
+export declare function createDrawer(options: Public<EmbedOptions>, element?: HTMLElement): Drawer;
 //# sourceMappingURL=create-drawer.d.ts.map

package/dist/package/types/factories/create-drawer/create-drawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"create-drawer.d.ts","sourceRoot":"","sources":["../../../../../src/factories/create-drawer/create-drawer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE/D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAM5D,MAAM,MAAM,MAAM,GAAG,aAAa,CAAC;AAkBnC,wBAAgB,YAAY,CAAC,OAAO,EAAE,YAAY,GAAG,aAAa,EAAE,OAAO,CAAC,EAAE,WAAW,GAAG,MAAM,CA2EjG"}
+{"version":3,"file":"create-drawer.d.ts","sourceRoot":"","sources":["../../../../../src/factories/create-drawer/create-drawer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAE3D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAE5D,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAOtD,MAAM,MAAM,MAAM,GAAG,aAAa,CAAC;AAoBnC,wBAAgB,YAAY,CAAC,OAAO,EAAE,MAAM,CAAC,YAAY,CAAC,EAAE,OAAO,CAAC,EAAE,WAAW,GAAG,MAAM,CA8EzF"}

package/dist/package/types/factories/create-popover/create-popover.d.ts

@@ -1,6 +1,7 @@
 import { EmbedOptions } from '../../core/app-options';
 import { ButtonOptions } from '../../core/button-options';
 import { EmbedFloating } from '../../core/embed-types';
+import { Public } from '../../utils/brand-types';
 export type Popover = EmbedFloating;
-export declare function createPopover(options: EmbedOptions & ButtonOptions, element?: HTMLElement): Popover;
+export declare function createPopover(options: Public<EmbedOptions> & ButtonOptions, element?: HTMLElement): Popover;
 //# sourceMappingURL=create-popover.d.ts.map

package/dist/package/types/factories/create-popover/create-popover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"create-popover.d.ts","sourceRoot":"","sources":["../../../../../src/factories/create-popover/create-popover.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE/D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAM5D,MAAM,MAAM,OAAO,GAAG,aAAa,CAAC;AAkBpC,wBAAgB,aAAa,CAAC,OAAO,EAAE,YAAY,GAAG,aAAa,EAAE,OAAO,CAAC,EAAE,WAAW,GAAG,OAAO,CA6EnG"}
+{"version":3,"file":"create-popover.d.ts","sourceRoot":"","sources":["../../../../../src/factories/create-popover/create-popover.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE/D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAE5D,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAQtD,MAAM,MAAM,OAAO,GAAG,aAAa,CAAC;AAoBpC,wBAAgB,aAAa,CAAC,OAAO,EAAE,MAAM,CAAC,YAAY,CAAC,GAAG,aAAa,EAAE,OAAO,CAAC,EAAE,WAAW,GAAG,OAAO,CA0G3G"}

package/dist/package/types/factories/create-widget/create-widget.d.ts

@@ -1,5 +1,6 @@
 import { EmbedOptions } from '../../core/app-options';
 import { EmbedWidget } from '../../core/embed-types';
+import { Public } from '../../utils/brand-types';
 export type Widget = EmbedWidget;
-export declare function createWidget(options: EmbedOptions, element?: HTMLElement): Widget;
+export declare function createWidget(options: Public<EmbedOptions>, element?: HTMLElement): Widget;
 //# sourceMappingURL=create-widget.d.ts.map

package/dist/package/types/factories/create-widget/create-widget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"create-widget.d.ts","sourceRoot":"","sources":["../../../../../src/factories/create-widget/create-widget.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAE3D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAI1D,MAAM,MAAM,MAAM,GAAG,WAAW,CAAC;AAEjC,wBAAgB,YAAY,CAAC,OAAO,EAAE,YAAY,EAAE,OAAO,CAAC,EAAE,WAAW,GAAG,MAAM,CA2BjF"}
+{"version":3,"file":"create-widget.d.ts","sourceRoot":"","sources":["../../../../../src/factories/create-widget/create-widget.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAE3D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAItD,MAAM,MAAM,MAAM,GAAG,WAAW,CAAC;AAIjC,wBAAgB,YAAY,CAAC,OAAO,EAAE,MAAM,CAAC,YAAY,CAAC,EAAE,OAAO,CAAC,EAAE,WAAW,GAAG,MAAM,CA2BzF"}

package/dist/package/types/package.d.ts

@@ -5,4 +5,5 @@ export * from './core/common';
 export * from './core/embed-apps';
 export * from './core/embed-types';
 export * from './factories';
+export type { Public } from './utils/brand-types';
 //# sourceMappingURL=package.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"package.d.ts","sourceRoot":"","sources":["../../../src/package.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,uBAAuB,CAAC;AACtC,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,aAAa,CAAC"}
+{"version":3,"file":"package.d.ts","sourceRoot":"","sources":["../../../src/package.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,uBAAuB,CAAC;AACtC,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,aAAa,CAAC;AAC5B,YAAY,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/package/types/utils/brand-types.d.ts

@@ -1,4 +1,11 @@
 export type Brand<T, B extends string> = T & {
     __brand: B;
 };
+type Unbranded<T> = {
+    [K in keyof T]: T[K] extends string & {
+        __brand: unknown;
+    } ? string : T[K];
+};
+export type Public<T> = T extends unknown ? Unbranded<T> : never;
+export {};
 //# sourceMappingURL=brand-types.d.ts.map

package/dist/package/types/utils/brand-types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"brand-types.d.ts","sourceRoot":"","sources":["../../../../src/utils/brand-types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,KAAK,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,IAAI,CAAC,GAAG;IAAE,OAAO,EAAE,CAAC,CAAA;CAAE,CAAC"}
+{"version":3,"file":"brand-types.d.ts","sourceRoot":"","sources":["../../../../src/utils/brand-types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,KAAK,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,IAAI,CAAC,GAAG;IAAE,OAAO,EAAE,CAAC,CAAA;CAAE,CAAC;AAM5D,KAAK,SAAS,CAAC,CAAC,IAAI;KACjB,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,MAAM,GAAG;QAAE,OAAO,EAAE,OAAO,CAAA;KAAE,GAAG,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC;CAC3E,CAAC;AAKF,MAAM,MAAM,MAAM,CAAC,CAAC,IAAI,CAAC,SAAS,OAAO,GAAG,SAAS,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC"}