@revvue/embed-react 0.0.0-beta.1

package/README.md

@@ -0,0 +1 @@
+# `embed-react`

package/dist/css/dialog.css

@@ -0,0 +1 @@
+@layer tokens{:root{--rvv-z-index:10001;--rvv-color-background:#fff;--rvv-color-foreground:#151426;--rvv-shadow-base:0 2px 12px 0 #0000001a;--rvv-shadow-base-hover:0 2px 12px 0 #0003;--radius-base:10px;--rvv-button-color:var(--rvv-color-foreground);--rvv-button-text-color:#fff}}.rvv-button{all:unset;box-sizing:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;z-index:var(--rvv-z-index);-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;gap:8px;font-family:inherit;line-height:1;display:inline-flex;position:fixed}.rvv-button--trigger{background-color:var(--rvv-button-color);box-shadow:var(--rvv-shadow-base);color:var(--rvv-button-text-color);white-space:nowrap;border-radius:100px;padding:12px 20px;font-size:15px;font-weight:500;transition:transform .15s,box-shadow .15s;bottom:24px}.rvv-button--trigger[data-position=right]{right:24px}.rvv-button--trigger[data-position=left]{left:24px}.rvv-button--trigger:hover{color:var(--rvv-button-text-color);transform:scale(1.05)}.rvv-button--trigger:active,.rvv-button--trigger:hover{box-shadow:var(--rvv-shadow-base-hover)}.rvv-button--trigger:active{transform:scale(.95)}.rvv-button:has(.rvv-button-icon):not(:has(.rvv-button-label)){aspect-ratio:1;border-radius:50%;padding:14px}.rvv-button-icon{flex-shrink:0;justify-content:center;align-items:center;font-size:1.15em;display:inline-flex;position:relative}.rvv-button-icon svg{fill:currentColor;width:1em;height:1em}.rvv-button-icon--close,.rvv-button-icon--open{justify-content:center;align-items:center;transition:opacity .2s,transform .2s;display:inline-flex}.rvv-button-icon--close{opacity:0;position:absolute;inset:0;transform:rotate(45deg)scale(.5)}.rvv-button[data-open=true] .rvv-button-icon--open{opacity:0;transform:rotate(-45deg)scale(.5)}.rvv-button[data-open=true] .rvv-button-icon--close{opacity:1;transform:rotate(0)scale(1)}.rvv-button-label{flex:1 0 auto}@media (width<=480px){.rvv-button{bottom:16px}.rvv-button[data-position=right]{right:16px}.rvv-button[data-position=left]{left:16px}}dialog.rvv-dialog{border-radius:var(--radius-base);opacity:0;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);transition:opacity .2s ease,transform .2s ease,display allow-discrete .2s,overlay allow-discrete .2s;background:0 0;border:none;margin:auto;padding:0;overflow:visible;transform:scale(.96)translateY(10px)}dialog.rvv-dialog[open]{opacity:1;transform:scale(1)translateY(0)}@starting-style{dialog.rvv-dialog[open]{opacity:0;transform:scale(.96)translateY(10px)}}dialog.rvv-dialog::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;transition:opacity .2s ease,display allow-discrete .2s,overlay allow-discrete .2s;background:#00000080}dialog.rvv-dialog[open]::backdrop{opacity:1}@starting-style{dialog.rvv-dialog[open]::backdrop{opacity:0}}.rvv-dialog-wrapper{background-color:var(--rvv-color-background);border-radius:var(--radius-base);box-shadow:var(--rvv-shadow-base);overflow:hidden}.rvv-dialog-wrapper iframe{border:none;width:100%;height:100%;display:block}@media (width<=480px){dialog.rvv-dialog{border-radius:0;max-width:100vw;max-height:100dvh;margin:0}.rvv-dialog-wrapper{border-radius:0;width:100vw;height:100dvh}}

package/dist/css/drawer.css

@@ -0,0 +1 @@
+@layer tokens{:root{--rvv-z-index:10001;--rvv-color-background:#fff;--rvv-color-foreground:#151426;--rvv-shadow-base:0 2px 12px 0 #0000001a;--rvv-shadow-base-hover:0 2px 12px 0 #0003;--radius-base:10px;--rvv-button-color:var(--rvv-color-foreground);--rvv-button-text-color:#fff}}.rvv-button{all:unset;box-sizing:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;z-index:var(--rvv-z-index);-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;gap:8px;font-family:inherit;line-height:1;display:inline-flex;position:fixed}.rvv-button--trigger{background-color:var(--rvv-button-color);box-shadow:var(--rvv-shadow-base);color:var(--rvv-button-text-color);white-space:nowrap;border-radius:100px;padding:12px 20px;font-size:15px;font-weight:500;transition:transform .15s,box-shadow .15s;bottom:24px}.rvv-button--trigger[data-position=right]{right:24px}.rvv-button--trigger[data-position=left]{left:24px}.rvv-button--trigger:hover{color:var(--rvv-button-text-color);transform:scale(1.05)}.rvv-button--trigger:active,.rvv-button--trigger:hover{box-shadow:var(--rvv-shadow-base-hover)}.rvv-button--trigger:active{transform:scale(.95)}.rvv-button:has(.rvv-button-icon):not(:has(.rvv-button-label)){aspect-ratio:1;border-radius:50%;padding:14px}.rvv-button-icon{flex-shrink:0;justify-content:center;align-items:center;font-size:1.15em;display:inline-flex;position:relative}.rvv-button-icon svg{fill:currentColor;width:1em;height:1em}.rvv-button-icon--close,.rvv-button-icon--open{justify-content:center;align-items:center;transition:opacity .2s,transform .2s;display:inline-flex}.rvv-button-icon--close{opacity:0;position:absolute;inset:0;transform:rotate(45deg)scale(.5)}.rvv-button[data-open=true] .rvv-button-icon--open{opacity:0;transform:rotate(-45deg)scale(.5)}.rvv-button[data-open=true] .rvv-button-icon--close{opacity:1;transform:rotate(0)scale(1)}.rvv-button-label{flex:1 0 auto}@media (width<=480px){.rvv-button{bottom:16px}.rvv-button[data-position=right]{right:16px}.rvv-button[data-position=left]{left:16px}}.rvv-drawer{pointer-events:none;z-index:var(--rvv-z-index);background-color:#0000;transition:background-color .35s;position:fixed;inset:0}.rvv-drawer.open{pointer-events:auto;background-color:#0006}.rvv-drawer.open .rvv-drawer-wrapper{transform:translate(0)}.rvv-drawer-wrapper{background-color:var(--rvv-color-background);transition:transform .35s cubic-bezier(.4,0,.2,1);position:absolute;top:0;bottom:0;right:0;overflow:hidden;transform:translate(100%);box-shadow:-4px 0 24px #0000001f}.rvv-drawer-wrapper iframe{border:none;width:100%;height:100%;display:block}@media (width<=480px){.rvv-drawer-wrapper{width:100vw}}

package/dist/css/popover.css

@@ -0,0 +1 @@
+@layer tokens{:root{--rvv-z-index:10001;--rvv-color-background:#fff;--rvv-color-foreground:#151426;--rvv-shadow-base:0 2px 12px 0 #0000001a;--rvv-shadow-base-hover:0 2px 12px 0 #0003;--radius-base:10px;--rvv-button-color:var(--rvv-color-foreground);--rvv-button-text-color:#fff}}.rvv-button{all:unset;box-sizing:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;z-index:var(--rvv-z-index);-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;gap:8px;font-family:inherit;line-height:1;display:inline-flex;position:fixed}.rvv-button--trigger{background-color:var(--rvv-button-color);box-shadow:var(--rvv-shadow-base);color:var(--rvv-button-text-color);white-space:nowrap;border-radius:100px;padding:12px 20px;font-size:15px;font-weight:500;transition:transform .15s,box-shadow .15s;bottom:24px}.rvv-button--trigger[data-position=right]{right:24px}.rvv-button--trigger[data-position=left]{left:24px}.rvv-button--trigger:hover{color:var(--rvv-button-text-color);transform:scale(1.05)}.rvv-button--trigger:active,.rvv-button--trigger:hover{box-shadow:var(--rvv-shadow-base-hover)}.rvv-button--trigger:active{transform:scale(.95)}.rvv-button:has(.rvv-button-icon):not(:has(.rvv-button-label)){aspect-ratio:1;border-radius:50%;padding:14px}.rvv-button-icon{flex-shrink:0;justify-content:center;align-items:center;font-size:1.15em;display:inline-flex;position:relative}.rvv-button-icon svg{fill:currentColor;width:1em;height:1em}.rvv-button-icon--close,.rvv-button-icon--open{justify-content:center;align-items:center;transition:opacity .2s,transform .2s;display:inline-flex}.rvv-button-icon--close{opacity:0;position:absolute;inset:0;transform:rotate(45deg)scale(.5)}.rvv-button[data-open=true] .rvv-button-icon--open{opacity:0;transform:rotate(-45deg)scale(.5)}.rvv-button[data-open=true] .rvv-button-icon--close{opacity:1;transform:rotate(0)scale(1)}.rvv-button-label{flex:1 0 auto}@media (width<=480px){.rvv-button{bottom:16px}.rvv-button[data-position=right]{right:16px}.rvv-button[data-position=left]{left:16px}}.rvv-popover{background-color:var(--rvv-color-background);border-radius:var(--radius-base);box-shadow:var(--rvv-shadow-base);opacity:0;transform-origin:100% 100%;max-width:100%;transition:opacity .15s ease,transform .15s ease,display allow-discrete .15s,overlay allow-discrete .15s;z-index:var(--rvv-z-index);display:none;position:fixed;bottom:96px;right:16px;overflow:hidden;transform:translateY(6px)scale(.99)}.rvv-popover.open{opacity:1;display:flex;transform:translateY(0)scale(1)}@starting-style{.rvv-popover.open{opacity:0;transform:translateY(6px)scale(.99)}}.rvv-popover iframe{border:none;width:100%;min-height:100%}.rvv-popover-wrapper{width:100%;min-width:360px;min-height:400px}@media (width<=480px){.rvv-popover{border-radius:var(--radius-base) var(--radius-base) 0 0;transform-origin:bottom;min-width:0;bottom:0;left:0;right:0;width:100%!important}}

package/dist/css/widget.css

@@ -0,0 +1 @@
+@layer tokens{:root{--rvv-z-index:10001;--rvv-color-background:#fff;--rvv-color-foreground:#151426;--rvv-shadow-base:0 2px 12px 0 #0000001a;--rvv-shadow-base-hover:0 2px 12px 0 #0003;--radius-base:10px;--rvv-button-color:var(--rvv-color-foreground);--rvv-button-text-color:#fff}}.rvv-widget{background-color:var(--rvv-color-background);border-radius:var(--radius-base);box-shadow:var(--rvv-shadow-base);height:100%;min-height:inherit;width:100%;position:relative;overflow:hidden}.rvv-widget iframe{height:100%;min-height:inherit;border:none;width:100%;display:block}

package/dist/package.cjs

@@ -0,0 +1,173 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+let _revvue_embed = require("@revvue/embed");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/dialog/build-stable-deps.ts
+function buildStableDeps$3(props) {
+	return [
+		props.tenant,
+		props.type,
+		props.app,
+		props.formId,
+		props.width,
+		props.height
+	];
+}
+//#endregion
+//#region src/components/dialog/dialog.tsx
+var Dialog = (0, react.forwardRef)(function Dialog(props, ref) {
+	const instanceRef = (0, react.useRef)(null);
+	(0, react.useImperativeHandle)(ref, () => ({
+		open: () => void instanceRef.current?.open(),
+		close: () => void instanceRef.current?.close(),
+		toggle: () => void instanceRef.current?.toggle(),
+		refresh: () => void instanceRef.current?.refresh(),
+		focus: () => void instanceRef.current?.focus()
+	}), []);
+	(0, react.useEffect)(() => {
+		const instance = (0, _revvue_embed.createDialog)(props);
+		instanceRef.current = instance;
+		return () => {
+			instance.unmount();
+			instanceRef.current = null;
+		};
+	}, [...buildStableDeps$3(props)]);
+	return null;
+});
+//#endregion
+//#region src/components/drawer/build-stable-deps.ts
+function buildStableDeps$2(props) {
+	return [
+		props.tenant,
+		props.type,
+		props.app,
+		props.formId,
+		props.width,
+		props.height,
+		props.label,
+		props.icon,
+		props.position,
+		props.color,
+		props.textColor,
+		props.autoOpen,
+		props.autoOpenDelay
+	];
+}
+//#endregion
+//#region src/components/drawer/drawer.tsx
+var Drawer = (0, react.forwardRef)(function Drawer(props, ref) {
+	const instanceRef = (0, react.useRef)(null);
+	(0, react.useImperativeHandle)(ref, () => ({
+		open: () => void instanceRef.current?.open(),
+		close: () => void instanceRef.current?.close(),
+		toggle: () => void instanceRef.current?.toggle(),
+		refresh: () => void instanceRef.current?.refresh(),
+		focus: () => void instanceRef.current?.focus()
+	}), []);
+	(0, react.useEffect)(() => {
+		const instance = (0, _revvue_embed.createDrawer)(props);
+		instanceRef.current = instance;
+		return () => {
+			instance.unmount();
+			instanceRef.current = null;
+		};
+	}, [...buildStableDeps$2(props)]);
+	return null;
+});
+//#endregion
+//#region src/components/popover/build-stable-deps.ts
+function buildStableDeps$1(props) {
+	return [
+		props.tenant,
+		props.type,
+		props.app,
+		props.formId,
+		props.width,
+		props.height,
+		props.label,
+		props.icon,
+		props.position,
+		props.color,
+		props.textColor,
+		props.autoOpen,
+		props.autoOpenDelay
+	];
+}
+//#endregion
+//#region src/components/popover/popover.tsx
+/**
+* Renders an embedded Revvue form/chat as a floating popover button.
+*
+* The component manages no DOM of its own — it delegates entirely to the
+* `createPopover` factory, which appends the button and panel to `document.body`.
+* Use the forwarded ref to imperatively open, close, or toggle the popover.
+*
+* @example
+* ```tsx
+* const ref = useRef<PopoverRef>(null)
+*
+* <Popover ref={ref} tenant="acme" app="chat" type="popover" label="Chat with us" />
+*
+* <button onClick={() => ref.current?.open()}>Open popover</button>
+* ```
+*/
+var Popover = (0, react.forwardRef)(function Popover(props, ref) {
+	const instanceRef = (0, react.useRef)(null);
+	(0, react.useImperativeHandle)(ref, () => ({
+		open: () => void instanceRef.current?.open(),
+		close: () => void instanceRef.current?.close(),
+		toggle: () => void instanceRef.current?.toggle(),
+		refresh: () => void instanceRef.current?.refresh(),
+		focus: () => void instanceRef.current?.focus()
+	}), []);
+	(0, react.useEffect)(() => {
+		const instance = (0, _revvue_embed.createPopover)(props);
+		instanceRef.current = instance;
+		return () => {
+			instance.unmount();
+			instanceRef.current = null;
+		};
+	}, [...buildStableDeps$1(props)]);
+	return null;
+});
+//#endregion
+//#region src/components/widget/build-stable-deps.ts
+function buildStableDeps(props) {
+	return [
+		props.tenant,
+		props.type,
+		props.app,
+		props.formId,
+		props.width,
+		props.height
+	];
+}
+//#endregion
+//#region src/components/widget/widget.tsx
+var Widget = (0, react.forwardRef)(function Widget({ className, style, ...props }, ref) {
+	const containerRef = (0, react.useRef)(null);
+	const instanceRef = (0, react.useRef)(null);
+	(0, react.useImperativeHandle)(ref, () => ({
+		refresh: () => void instanceRef.current?.refresh(),
+		focus: () => void instanceRef.current?.focus()
+	}), []);
+	(0, react.useEffect)(() => {
+		if (!containerRef.current) return;
+		const instance = (0, _revvue_embed.createWidget)(props, containerRef.current);
+		instanceRef.current = instance;
+		return () => {
+			instance.unmount();
+			instanceRef.current = null;
+		};
+	}, [...buildStableDeps(props)]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		ref: containerRef,
+		className,
+		style
+	});
+});
+//#endregion
+exports.Dialog = Dialog;
+exports.Drawer = Drawer;
+exports.Popover = Popover;
+exports.Widget = Widget;

package/dist/package.mjs

@@ -0,0 +1,169 @@
+import { createDialog, createDrawer, createPopover, createWidget } from "@revvue/embed";
+import { forwardRef, useEffect, useImperativeHandle, useRef } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/dialog/build-stable-deps.ts
+function buildStableDeps$3(props) {
+	return [
+		props.tenant,
+		props.type,
+		props.app,
+		props.formId,
+		props.width,
+		props.height
+	];
+}
+//#endregion
+//#region src/components/dialog/dialog.tsx
+var Dialog = forwardRef(function Dialog(props, ref) {
+	const instanceRef = useRef(null);
+	useImperativeHandle(ref, () => ({
+		open: () => void instanceRef.current?.open(),
+		close: () => void instanceRef.current?.close(),
+		toggle: () => void instanceRef.current?.toggle(),
+		refresh: () => void instanceRef.current?.refresh(),
+		focus: () => void instanceRef.current?.focus()
+	}), []);
+	useEffect(() => {
+		const instance = createDialog(props);
+		instanceRef.current = instance;
+		return () => {
+			instance.unmount();
+			instanceRef.current = null;
+		};
+	}, [...buildStableDeps$3(props)]);
+	return null;
+});
+//#endregion
+//#region src/components/drawer/build-stable-deps.ts
+function buildStableDeps$2(props) {
+	return [
+		props.tenant,
+		props.type,
+		props.app,
+		props.formId,
+		props.width,
+		props.height,
+		props.label,
+		props.icon,
+		props.position,
+		props.color,
+		props.textColor,
+		props.autoOpen,
+		props.autoOpenDelay
+	];
+}
+//#endregion
+//#region src/components/drawer/drawer.tsx
+var Drawer = forwardRef(function Drawer(props, ref) {
+	const instanceRef = useRef(null);
+	useImperativeHandle(ref, () => ({
+		open: () => void instanceRef.current?.open(),
+		close: () => void instanceRef.current?.close(),
+		toggle: () => void instanceRef.current?.toggle(),
+		refresh: () => void instanceRef.current?.refresh(),
+		focus: () => void instanceRef.current?.focus()
+	}), []);
+	useEffect(() => {
+		const instance = createDrawer(props);
+		instanceRef.current = instance;
+		return () => {
+			instance.unmount();
+			instanceRef.current = null;
+		};
+	}, [...buildStableDeps$2(props)]);
+	return null;
+});
+//#endregion
+//#region src/components/popover/build-stable-deps.ts
+function buildStableDeps$1(props) {
+	return [
+		props.tenant,
+		props.type,
+		props.app,
+		props.formId,
+		props.width,
+		props.height,
+		props.label,
+		props.icon,
+		props.position,
+		props.color,
+		props.textColor,
+		props.autoOpen,
+		props.autoOpenDelay
+	];
+}
+//#endregion
+//#region src/components/popover/popover.tsx
+/**
+* Renders an embedded Revvue form/chat as a floating popover button.
+*
+* The component manages no DOM of its own — it delegates entirely to the
+* `createPopover` factory, which appends the button and panel to `document.body`.
+* Use the forwarded ref to imperatively open, close, or toggle the popover.
+*
+* @example
+* ```tsx
+* const ref = useRef<PopoverRef>(null)
+*
+* <Popover ref={ref} tenant="acme" app="chat" type="popover" label="Chat with us" />
+*
+* <button onClick={() => ref.current?.open()}>Open popover</button>
+* ```
+*/
+var Popover = forwardRef(function Popover(props, ref) {
+	const instanceRef = useRef(null);
+	useImperativeHandle(ref, () => ({
+		open: () => void instanceRef.current?.open(),
+		close: () => void instanceRef.current?.close(),
+		toggle: () => void instanceRef.current?.toggle(),
+		refresh: () => void instanceRef.current?.refresh(),
+		focus: () => void instanceRef.current?.focus()
+	}), []);
+	useEffect(() => {
+		const instance = createPopover(props);
+		instanceRef.current = instance;
+		return () => {
+			instance.unmount();
+			instanceRef.current = null;
+		};
+	}, [...buildStableDeps$1(props)]);
+	return null;
+});
+//#endregion
+//#region src/components/widget/build-stable-deps.ts
+function buildStableDeps(props) {
+	return [
+		props.tenant,
+		props.type,
+		props.app,
+		props.formId,
+		props.width,
+		props.height
+	];
+}
+//#endregion
+//#region src/components/widget/widget.tsx
+var Widget = forwardRef(function Widget({ className, style, ...props }, ref) {
+	const containerRef = useRef(null);
+	const instanceRef = useRef(null);
+	useImperativeHandle(ref, () => ({
+		refresh: () => void instanceRef.current?.refresh(),
+		focus: () => void instanceRef.current?.focus()
+	}), []);
+	useEffect(() => {
+		if (!containerRef.current) return;
+		const instance = createWidget(props, containerRef.current);
+		instanceRef.current = instance;
+		return () => {
+			instance.unmount();
+			instanceRef.current = null;
+		};
+	}, [...buildStableDeps(props)]);
+	return /* @__PURE__ */ jsx("div", {
+		ref: containerRef,
+		className,
+		style
+	});
+});
+//#endregion
+export { Dialog, Drawer, Popover, Widget };

package/dist/types/components/dialog/build-stable-deps.d.ts

@@ -0,0 +1,3 @@
+import { DialogProps } from './dialog';
+export declare function buildStableDeps(props: DialogProps): (string | number | undefined)[];
+//# sourceMappingURL=build-stable-deps.d.ts.map

package/dist/types/components/dialog/build-stable-deps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"build-stable-deps.d.ts","sourceRoot":"","sources":["../../../../src/components/dialog/build-stable-deps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,wBAAgB,eAAe,CAAC,KAAK,EAAE,WAAW,mCAEjD"}

package/dist/types/components/dialog/dialog.d.ts

@@ -0,0 +1,6 @@
+import { Dialog as DialogInstance, createDialog } from '@revvue/embed';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export type DialogProps = Parameters<typeof createDialog>[0];
+export type DialogRef = Omit<DialogInstance, "unmount">;
+export declare const Dialog: ForwardRefExoticComponent<DialogProps & RefAttributes<DialogRef>>;
+//# sourceMappingURL=dialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../../src/components/dialog/dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,eAAe,CAAC;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAE,KAAK,yBAAyB,EAAc,KAAK,aAAa,EAA0C,MAAM,OAAO,CAAC;AAG/H,MAAM,MAAM,WAAW,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC;AAC7D,MAAM,MAAM,SAAS,GAAG,IAAI,CAAC,cAAc,EAAE,SAAS,CAAC,CAAC;AAExD,eAAO,MAAM,MAAM,EAAE,yBAAyB,CAAC,WAAW,GAAG,aAAa,CAAC,SAAS,CAAC,CA4BpF,CAAC"}

package/dist/types/components/dialog/index.d.ts

@@ -0,0 +1,2 @@
+export * from './dialog';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/dialog/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/dialog/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}

package/dist/types/components/drawer/build-stable-deps.d.ts

@@ -0,0 +1,3 @@
+import { DrawerProps } from './drawer';
+export declare function buildStableDeps(props: DrawerProps): (string | number | boolean | undefined)[];
+//# sourceMappingURL=build-stable-deps.d.ts.map

package/dist/types/components/drawer/build-stable-deps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"build-stable-deps.d.ts","sourceRoot":"","sources":["../../../../src/components/drawer/build-stable-deps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,wBAAgB,eAAe,CAAC,KAAK,EAAE,WAAW,6CAgBjD"}

package/dist/types/components/drawer/drawer.d.ts

@@ -0,0 +1,6 @@
+import { Drawer as DrawerInstance, createDrawer } from '@revvue/embed';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export type DrawerProps = Parameters<typeof createDrawer>[0];
+export type DrawerRef = Omit<DrawerInstance, "unmount">;
+export declare const Drawer: ForwardRefExoticComponent<DrawerProps & RefAttributes<DrawerRef>>;
+//# sourceMappingURL=drawer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../../../src/components/drawer/drawer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,eAAe,CAAC;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAE,KAAK,yBAAyB,EAAc,KAAK,aAAa,EAA0C,MAAM,OAAO,CAAC;AAG/H,MAAM,MAAM,WAAW,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC;AAC7D,MAAM,MAAM,SAAS,GAAG,IAAI,CAAC,cAAc,EAAE,SAAS,CAAC,CAAC;AAExD,eAAO,MAAM,MAAM,EAAE,yBAAyB,CAAC,WAAW,GAAG,aAAa,CAAC,SAAS,CAAC,CA4BpF,CAAC"}

package/dist/types/components/drawer/index.d.ts

@@ -0,0 +1,2 @@
+export * from './drawer';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/drawer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/drawer/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}

package/dist/types/components/index.d.ts

@@ -0,0 +1,5 @@
+export * from './dialog';
+export * from './drawer';
+export * from './popover';
+export * from './widget';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC"}

package/dist/types/components/popover/build-stable-deps.d.ts

@@ -0,0 +1,3 @@
+import { PopoverProps } from './popover';
+export declare function buildStableDeps(props: PopoverProps): (string | number | boolean | undefined)[];
+//# sourceMappingURL=build-stable-deps.d.ts.map

package/dist/types/components/popover/build-stable-deps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"build-stable-deps.d.ts","sourceRoot":"","sources":["../../../../src/components/popover/build-stable-deps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAE9C,wBAAgB,eAAe,CAAC,KAAK,EAAE,YAAY,6CAoBlD"}

package/dist/types/components/popover/index.d.ts

@@ -0,0 +1,2 @@
+export * from './popover';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/popover/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/popover/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC"}

package/dist/types/components/popover/popover.d.ts

@@ -0,0 +1,29 @@
+import { Popover as PopoverInstance, createPopover } from '@revvue/embed';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+/**
+ * All options accepted by the underlying `createPopover` factory.
+ * Derived from the factory signature so it stays in sync automatically.
+ */
+export type PopoverProps = Parameters<typeof createPopover>[0];
+/**
+ * Imperative handle exposed via `ref` on the `<Popover>` component.
+ */
+export type PopoverRef = Omit<PopoverInstance, "unmount">;
+/**
+ * Renders an embedded Revvue form/chat as a floating popover button.
+ *
+ * The component manages no DOM of its own — it delegates entirely to the
+ * `createPopover` factory, which appends the button and panel to `document.body`.
+ * Use the forwarded ref to imperatively open, close, or toggle the popover.
+ *
+ * @example
+ * ```tsx
+ * const ref = useRef<PopoverRef>(null)
+ *
+ * <Popover ref={ref} tenant="acme" app="chat" type="popover" label="Chat with us" />
+ *
+ * <button onClick={() => ref.current?.open()}>Open popover</button>
+ * ```
+ */
+export declare const Popover: ForwardRefExoticComponent<PopoverProps & RefAttributes<PopoverRef>>;
+//# sourceMappingURL=popover.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../../src/components/popover/popover.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,eAAe,CAAC;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,KAAK,yBAAyB,EAAc,KAAK,aAAa,EAA0C,MAAM,OAAO,CAAC;AAG/H;;;GAGG;AACH,MAAM,MAAM,YAAY,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC;AAE/D;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,eAAe,EAAE,SAAS,CAAC,CAAC;AAE1D;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,OAAO,EAAE,yBAAyB,CAAC,YAAY,GAAG,aAAa,CAAC,UAAU,CAAC,CA+BvF,CAAC"}

package/dist/types/components/widget/build-stable-deps.d.ts

@@ -0,0 +1,3 @@
+import { WidgetProps } from './widget';
+export declare function buildStableDeps(props: WidgetProps): (string | number | undefined)[];
+//# sourceMappingURL=build-stable-deps.d.ts.map

package/dist/types/components/widget/build-stable-deps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"build-stable-deps.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/build-stable-deps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,wBAAgB,eAAe,CAAC,KAAK,EAAE,WAAW,mCAEjD"}

package/dist/types/components/widget/index.d.ts

@@ -0,0 +1,2 @@
+export * from './widget';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/widget/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}

package/dist/types/components/widget/widget.d.ts

@@ -0,0 +1,11 @@
+import { Widget as WidgetInstance, createWidget } from '@revvue/embed';
+import { CSSProperties, ForwardRefExoticComponent, RefAttributes } from 'react';
+export type WidgetProps = Parameters<typeof createWidget>[0] & {
+    /** CSS class applied to the widget container div. */
+    className?: string;
+    /** Inline styles applied to the widget container div. */
+    style?: CSSProperties;
+};
+export type WidgetRef = Omit<WidgetInstance, "unmount">;
+export declare const Widget: ForwardRefExoticComponent<WidgetProps & RefAttributes<WidgetRef>>;
+//# sourceMappingURL=widget.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"widget.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/widget.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,eAAe,CAAC;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,yBAAyB,EAAc,KAAK,aAAa,EAA0C,MAAM,OAAO,CAAC;AAGnJ,MAAM,MAAM,WAAW,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC,CAAC,CAAC,GAAG;IAC7D,qDAAqD;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yDAAyD;IACzD,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,IAAI,CAAC,cAAc,EAAE,SAAS,CAAC,CAAC;AAExD,eAAO,MAAM,MAAM,EAAE,yBAAyB,CAAC,WAAW,GAAG,aAAa,CAAC,SAAS,CAAC,CA4BnF,CAAC"}

package/dist/types/index.d.ts

@@ -0,0 +1,2 @@
+export * from './components';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}

package/package.json

@@ -0,0 +1,62 @@
+{
+  "name": "@revvue/embed-react",
+  "version": "0.0.0-beta.1",
+  "private": false,
+  "type": "module",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org",
+    "access": "public"
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/types/index.d.ts",
+      "import": "./dist/package.mjs",
+      "require": "./dist/package.cjs"
+    },
+    "./css/popover.css": "./dist/css/popover.css",
+    "./css/drawer.css": "./dist/css/drawer.css",
+    "./css/widget.css": "./dist/css/widget.css",
+    "./css/dialog.css": "./dist/css/dialog.css"
+  },
+  "main": "./dist/package.cjs",
+  "module": "./dist/package.mjs",
+  "types": "./dist/types/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "vite build && node scripts/copy-css.mjs",
+    "dev": "vite build --watch",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "lint": "biome lint ./src",
+    "check-types": "tsc --noEmit"
+  },
+  "peerDependencies": {
+    "react": ">=17",
+    "react-dom": ">=17"
+  },
+  "peerDependenciesMeta": {
+    "react-dom": {
+      "optional": true
+    }
+  },
+  "dependencies": {
+    "@revvue/embed": "workspace:*"
+  },
+  "devDependencies": {
+    "@repo/typescript-config": "workspace:*",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.1.0",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "@vitejs/plugin-react": "^6.0.1",
+    "@vitest/coverage-v8": "^4.1.5",
+    "jsdom": "^26.1.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "vite": "^8.0.10",
+    "vite-plugin-dts": "^4.5.4",
+    "vitest": "^4.1.5"
+  }
+}