@revvue/embed-react 0.0.0-beta.3 → 0.0.0-beta.5

package/dist/package.mjs

@@ -1,11 +1,181 @@
 "use client";
 import { createDialog, createDrawer, createPopover, createWidget } from "@revvue/embed";
-import { forwardRef, useEffect, useImperativeHandle, useRef } from "react";
+import { cloneElement, isValidElement, memo, useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";
-//#region src/components/dialog/build-stable-deps.ts
+//#region src/internal/slot.tsx
+/**
+* Radix-style `asChild` slot. Clones the single React element child and merges
+* trigger-related props onto it. The child's own props win for non-handler
+* fields (so a consumer's `className` is preserved alongside ours), and event
+* handlers are composed (the child handler runs first, then the slot handler —
+* so consumers can call `event.preventDefault()` to skip our `toggle` call).
+*
+* Throws synchronously if `children` is not a single React element so the
+* misuse is obvious in development.
+*/
+function Slot({ children, ...slotProps }) {
+	if (!isValidElement(children)) throw new Error("`asChild` requires exactly one React element as a child.");
+	const child = children;
+	const childProps = child.props;
+	const merged = {
+		...slotProps,
+		...childProps
+	};
+	if (slotProps.onClick || childProps.onClick) merged.onClick = (event) => {
+		childProps.onClick?.(event);
+		if (!event.defaultPrevented) slotProps.onClick?.(event);
+	};
+	if (slotProps.className || childProps.className) merged.className = [childProps.className, slotProps.className].filter(Boolean).join(" ");
+	if (slotProps.style || childProps.style) merged.style = {
+		...slotProps.style,
+		...childProps.style
+	};
+	return cloneElement(child, merged);
+}
+//#endregion
+//#region src/internal/create-floating-bindings.tsx
+/**
+* Builds a `{ useEmbed, Embed }` pair for a floating embed (drawer, dialog,
+* popover). The hook owns mount/unmount + open-state subscription; the
+* component is a thin wrapper that renders a default `<button>` trigger and
+* spreads `getTriggerProps()` onto it.
+*/
+function createFloatingBindings({ factory, buildStableDeps }) {
+	function useEmbed(props) {
+		const instanceRef = useRef(null);
+		const [isOpen, setIsOpen] = useState(false);
+		useEffect(() => {
+			const instance = factory(props);
+			instanceRef.current = instance;
+			setIsOpen(instance.isOpen());
+			const unsubscribe = instance.subscribe(() => {
+				setIsOpen(instance.isOpen());
+			});
+			return () => {
+				unsubscribe();
+				instance.unmount();
+				instanceRef.current = null;
+			};
+		}, [...buildStableDeps(props)]);
+		const handlers = useMemo(() => ({
+			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()
+		}), []);
+		const getTriggerProps = useCallback(() => ({
+			type: "button",
+			onClick: () => handlers.toggle(),
+			"aria-expanded": isOpen,
+			"aria-haspopup": "dialog"
+		}), [handlers, isOpen]);
+		return useMemo(() => ({
+			...handlers,
+			isOpen,
+			getTriggerProps
+		}), [
+			handlers,
+			isOpen,
+			getTriggerProps
+		]);
+	}
+	return {
+		useEmbed,
+		Embed: memo(function FloatingEmbed(props) {
+			const { asChild, children, className, style, onClick, ref, ...embedProps } = props;
+			const { getTriggerProps, focus, close, open, toggle, refresh } = useEmbed(embedProps);
+			const trigger = getTriggerProps();
+			const composedOnClick = (event) => {
+				onClick?.(event);
+				if (!event.defaultPrevented) trigger.onClick?.(event);
+			};
+			useImperativeHandle(ref, () => ({
+				close,
+				focus,
+				open,
+				refresh,
+				toggle
+			}), [
+				focus,
+				close,
+				open,
+				toggle,
+				refresh
+			]);
+			if (asChild) return /* @__PURE__ */ jsx(Slot, {
+				type: trigger.type,
+				onClick: composedOnClick,
+				className,
+				style,
+				"aria-expanded": trigger["aria-expanded"],
+				"aria-haspopup": trigger["aria-haspopup"],
+				children
+			});
+			return /* @__PURE__ */ jsx("button", {
+				type: trigger.type,
+				onClick: composedOnClick,
+				className,
+				style,
+				"aria-expanded": trigger["aria-expanded"],
+				"aria-haspopup": trigger["aria-haspopup"],
+				children
+			});
+		})
+	};
+}
+//#endregion
+//#region src/internal/create-widget-bindings.tsx
+/**
+* Builds a `{ useEmbed, Embed }` pair for an inline widget. Unlike floating
+* embeds, widgets need a host element — the hook returns a `containerRef` the
+* consumer must attach to a DOM node, and the component does that for you by
+* rendering a `<div>`.
+*/
+function createWidgetBindings({ factory, buildStableDeps }) {
+	function useEmbed(props) {
+		const containerRef = useRef(null);
+		const instanceRef = useRef(null);
+		useEffect(() => {
+			if (!containerRef.current) return;
+			const instance = factory(props, containerRef.current);
+			instanceRef.current = instance;
+			return () => {
+				instance.unmount();
+				instanceRef.current = null;
+			};
+		}, [...buildStableDeps(props)]);
+		const handlers = useMemo(() => ({
+			refresh: () => void instanceRef.current?.refresh(),
+			focus: () => void instanceRef.current?.focus()
+		}), []);
+		return useMemo(() => ({
+			...handlers,
+			containerRef
+		}), [handlers]);
+	}
+	return {
+		useEmbed,
+		Embed: memo(function WidgetEmbed(props) {
+			const { className, style, ref, ...embedProps } = props;
+			const { containerRef, focus, refresh } = useEmbed(embedProps);
+			useImperativeHandle(ref, () => ({
+				focus,
+				refresh
+			}), [focus, refresh]);
+			return /* @__PURE__ */ jsx("div", {
+				ref: containerRef,
+				className,
+				style
+			});
+		})
+	};
+}
+//#endregion
+//#region src/bindings/dialog/build-stable-deps.ts
 function buildStableDeps$3(props) {
 	return [
-		props.tenant,
+		props.tenantId,
 		props.type,
 		props.app,
 		props.formId,
@@ -14,127 +184,112 @@ function buildStableDeps$3(props) {
 	];
 }
 //#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;
+//#region src/bindings/dialog/dialog.ts
+var bindings$3 = createFloatingBindings({
+	factory: (props) => createDialog(props),
+	buildStableDeps: buildStableDeps$3
 });
+var useDialog = bindings$3.useEmbed;
+var Dialog = bindings$3.Embed;
 //#endregion
-//#region src/components/drawer/build-stable-deps.ts
+//#region src/bindings/drawer/build-stable-deps.ts
+/**
+* Identity props — when any of these change between renders the embed instance
+* is torn down and re-created. Keep this in lockstep with the props the
+* underlying `createDrawer` actually consumes; cosmetic React-only props
+* (className/style) must not appear here.
+*/
 function buildStableDeps$2(props) {
 	return [
-		props.tenant,
+		props.tenantId,
 		props.type,
 		props.app,
 		props.formId,
 		props.width,
-		props.height,
-		props.label,
-		props.icon,
-		props.position,
-		props.color,
-		props.textColor,
-		props.autoOpen,
-		props.autoOpenDelay
+		props.height
 	];
 }
 //#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;
+//#region src/bindings/drawer/drawer.ts
+var bindings$2 = createFloatingBindings({
+	factory: (props) => createDrawer(props),
+	buildStableDeps: buildStableDeps$2
 });
+/**
+* Hook form. Use when you want full control over the trigger element.
+*
+* @example
+* ```tsx
+* const drawer = useDrawer({ tenantId, app: "chat", type: "drawer" });
+* return <button {...drawer.getTriggerProps()}>Chat</button>;
+* ```
+*/
+var useDrawer = bindings$2.useEmbed;
+/**
+* Component form. Renders a `<button>` trigger that opens the drawer.
+* Use `asChild` to delegate to your own button component (Radix-style).
+*
+* @example
+* ```tsx
+* <Drawer tenantId={tenantId} app="chat" type="drawer">Chat</Drawer>
+* ```
+*/
+var Drawer = bindings$2.Embed;
 //#endregion
-//#region src/components/popover/build-stable-deps.ts
+//#region src/bindings/popover/build-stable-deps.ts
+/**
+* Popover stable deps intentionally exclude button-styling props
+* (label/icon/color/textColor/position) — those are not consumed by the
+* embed factory in headless mode (`trigger: 'none'`); the React component
+* renders its own trigger element. autoOpen/autoOpenDelay still affect the
+* panel and are tracked.
+*/
 function buildStableDeps$1(props) {
 	return [
-		props.tenant,
+		props.tenantId,
 		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
+//#region src/bindings/popover/popover.ts
+var bindings$1 = createFloatingBindings({
+	factory: (props) => createPopover({
+		...props,
+		trigger: "none"
+	}),
+	buildStableDeps: buildStableDeps$1
+});
 /**
-* 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.
+* Hook form. Use when you want to render your own trigger element.
 *
 * @example
 * ```tsx
-* const ref = useRef<PopoverRef>(null)
-*
-* <Popover ref={ref} tenant="acme" app="chat" type="popover" label="Chat with us" />
+* const popover = usePopover({ tenantId, app: "chat", type: "popover" });
+* return <button {...popover.getTriggerProps()}>Chat</button>;
+* ```
+*/
+var usePopover = bindings$1.useEmbed;
+/**
+* Component form. Renders a `<button>` trigger that toggles the popover.
+* Use `asChild` to delegate to your own button (Radix-style).
 *
-* <button onClick={() => ref.current?.open()}>Open popover</button>
+* @example
+* ```tsx
+* <Popover tenantId={tenantId} app="chat" type="popover">Chat</Popover>
 * ```
 */
-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;
-});
+var Popover = bindings$1.Embed;
 //#endregion
-//#region src/components/widget/build-stable-deps.ts
+//#region src/bindings/widget/build-stable-deps.ts
 function buildStableDeps(props) {
 	return [
-		props.tenant,
+		props.tenantId,
 		props.type,
 		props.app,
 		props.formId,
@@ -143,28 +298,31 @@ function buildStableDeps(props) {
 	];
 }
 //#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
-	});
+//#region src/bindings/widget/widget.ts
+var bindings = createWidgetBindings({
+	factory: (props, element) => createWidget(props, element),
+	buildStableDeps
 });
+/**
+* Hook form. Returns a `containerRef` you must attach to a host element
+* (typically a `<div>`) plus the imperative API.
+*
+* @example
+* ```tsx
+* const widget = useWidget({ tenantId, app: "chat", type: "widget" });
+* return <div ref={widget.containerRef} className="my-host" />;
+* ```
+*/
+var useWidget = bindings.useEmbed;
+/**
+* Component form. Renders the host `<div>` for you and accepts `className`
+* and `style` for layout.
+*
+* @example
+* ```tsx
+* <Widget tenantId={tenantId} app="chat" type="widget" className="h-full w-full" />
+* ```
+*/
+var Widget = bindings.Embed;
 //#endregion
-export { Dialog, Drawer, Popover, Widget };
+export { Dialog, Drawer, Popover, Widget, useDialog, useDrawer, usePopover, useWidget };

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

@@ -0,0 +1,5 @@
+import { createDialog } from '@revvue/embed';
+type DialogHookProps = Parameters<typeof createDialog>[0];
+export declare function buildStableDeps(props: DialogHookProps): (string | number | undefined)[];
+export {};
+//# sourceMappingURL=build-stable-deps.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"build-stable-deps.d.ts","sourceRoot":"","sources":["../../../../src/bindings/dialog/build-stable-deps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAElD,KAAK,eAAe,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC;AAE1D,wBAAgB,eAAe,CAAC,KAAK,EAAE,eAAe,mCAErD"}

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

@@ -0,0 +1,5 @@
+import { createDialog } from '@revvue/embed';
+export type DialogProps = Parameters<typeof createDialog>[0];
+export declare const useDialog: (props: import('@revvue/embed').Public<import('@revvue/embed').EmbedOptions>) => import('../..').UseFloatingResult;
+export declare const Dialog: import('react').ComponentType<import('@revvue/embed').Public<import('@revvue/embed').EmbedOptions> & import('../..').FloatingComponentProps>;
+//# sourceMappingURL=dialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../../src/bindings/dialog/dialog.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAI7C,MAAM,MAAM,WAAW,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC;AAO7D,eAAO,MAAM,SAAS,oHAAoB,CAAC;AAC3C,eAAO,MAAM,MAAM,8IAAiB,CAAC"}

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

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

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

@@ -0,0 +1,11 @@
+import { createDrawer } from '@revvue/embed';
+type DrawerHookProps = Parameters<typeof createDrawer>[0];
+/**
+ * Identity props — when any of these change between renders the embed instance
+ * is torn down and re-created. Keep this in lockstep with the props the
+ * underlying `createDrawer` actually consumes; cosmetic React-only props
+ * (className/style) must not appear here.
+ */
+export declare function buildStableDeps(props: DrawerHookProps): (string | number | undefined)[];
+export {};
+//# sourceMappingURL=build-stable-deps.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"build-stable-deps.d.ts","sourceRoot":"","sources":["../../../../src/bindings/drawer/build-stable-deps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAElD,KAAK,eAAe,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC;AAE1D;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,eAAe,mCAErD"}

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

@@ -0,0 +1,24 @@
+import { createDrawer } from '@revvue/embed';
+/** Props accepted by `useDrawer` and the `<Drawer>` component (embed-side). */
+export type DrawerProps = Parameters<typeof createDrawer>[0];
+/**
+ * Hook form. Use when you want full control over the trigger element.
+ *
+ * @example
+ * ```tsx
+ * const drawer = useDrawer({ tenantId, app: "chat", type: "drawer" });
+ * return <button {...drawer.getTriggerProps()}>Chat</button>;
+ * ```
+ */
+export declare const useDrawer: (props: import('@revvue/embed').Public<import('@revvue/embed').EmbedOptions>) => import('../..').UseFloatingResult;
+/**
+ * Component form. Renders a `<button>` trigger that opens the drawer.
+ * Use `asChild` to delegate to your own button component (Radix-style).
+ *
+ * @example
+ * ```tsx
+ * <Drawer tenantId={tenantId} app="chat" type="drawer">Chat</Drawer>
+ * ```
+ */
+export declare const Drawer: import('react').ComponentType<import('@revvue/embed').Public<import('@revvue/embed').EmbedOptions> & import('../..').FloatingComponentProps>;
+//# sourceMappingURL=drawer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../../../src/bindings/drawer/drawer.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAI7C,+EAA+E;AAC/E,MAAM,MAAM,WAAW,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC;AAO7D;;;;;;;;GAQG;AACH,eAAO,MAAM,SAAS,oHAAoB,CAAC;AAE3C;;;;;;;;GAQG;AACH,eAAO,MAAM,MAAM,8IAAiB,CAAC"}

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

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

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

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

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

@@ -0,0 +1,10 @@
+import { PopoverProps } from './popover';
+/**
+ * Popover stable deps intentionally exclude button-styling props
+ * (label/icon/color/textColor/position) — those are not consumed by the
+ * embed factory in headless mode (`trigger: 'none'`); the React component
+ * renders its own trigger element. autoOpen/autoOpenDelay still affect the
+ * panel and are tracked.
+ */
+export declare function buildStableDeps(props: PopoverProps): (string | number | boolean | undefined)[];
+//# sourceMappingURL=build-stable-deps.d.ts.map

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

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

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

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

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

@@ -0,0 +1,42 @@
+import { createPopover } from '@revvue/embed';
+type CreatePopoverProps = Parameters<typeof createPopover>[0];
+/**
+ * Distributive variant of TS's built-in `Omit`. Required here because
+ * `CreatePopoverProps` is a union (chat vs. form), and a non-distributive
+ * `Omit<Union, K>` collapses to the *common* keys of the union — silently
+ * dropping discriminated fields like `formId` that only exist on one branch.
+ */
+type DistributiveOmit<T, K extends keyof T> = T extends unknown ? Omit<T, K> : never;
+type StrippedButtonKeys = "trigger" | "label" | "icon" | "color" | "textColor" | "position";
+/**
+ * Popover props for the React API. Excludes button-styling and `trigger`
+ * options — the React component renders its own `<button>` element, so the
+ * embed factory is always invoked with `trigger: 'none'` and the
+ * label/icon/color/textColor/position fields would be silently ignored.
+ *
+ * `autoOpen` and `autoOpenDelay` are kept because they control panel behaviour
+ * that has nothing to do with the trigger.
+ */
+export type PopoverProps = DistributiveOmit<CreatePopoverProps, StrippedButtonKeys>;
+/**
+ * Hook form. Use when you want to render your own trigger element.
+ *
+ * @example
+ * ```tsx
+ * const popover = usePopover({ tenantId, app: "chat", type: "popover" });
+ * return <button {...popover.getTriggerProps()}>Chat</button>;
+ * ```
+ */
+export declare const usePopover: (props: PopoverProps) => import('../..').UseFloatingResult;
+/**
+ * Component form. Renders a `<button>` trigger that toggles the popover.
+ * Use `asChild` to delegate to your own button (Radix-style).
+ *
+ * @example
+ * ```tsx
+ * <Popover tenantId={tenantId} app="chat" type="popover">Chat</Popover>
+ * ```
+ */
+export declare const Popover: import('react').ComponentType<PopoverProps & import('../..').FloatingComponentProps>;
+export {};
+//# sourceMappingURL=popover.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../../src/bindings/popover/popover.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAI9C,KAAK,kBAAkB,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC;AAE9D;;;;;GAKG;AACH,KAAK,gBAAgB,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,CAAC,IAAI,CAAC,SAAS,OAAO,GAAG,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,KAAK,CAAC;AAErF,KAAK,kBAAkB,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,GAAG,WAAW,GAAG,UAAU,CAAC;AAE5F;;;;;;;;GAQG;AACH,MAAM,MAAM,YAAY,GAAG,gBAAgB,CAAC,kBAAkB,EAAE,kBAAkB,CAAC,CAAC;AAOpF;;;;;;;;GAQG;AACH,eAAO,MAAM,UAAU,4DAAoB,CAAC;AAE5C;;;;;;;;GAQG;AACH,eAAO,MAAM,OAAO,sFAAiB,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"build-stable-deps.d.ts","sourceRoot":"","sources":["../../../../src/bindings/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/bindings/widget/index.d.ts.map

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

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

@@ -0,0 +1,24 @@
+import { createWidget } from '@revvue/embed';
+export type WidgetProps = Parameters<typeof createWidget>[0];
+/**
+ * Hook form. Returns a `containerRef` you must attach to a host element
+ * (typically a `<div>`) plus the imperative API.
+ *
+ * @example
+ * ```tsx
+ * const widget = useWidget({ tenantId, app: "chat", type: "widget" });
+ * return <div ref={widget.containerRef} className="my-host" />;
+ * ```
+ */
+export declare const useWidget: (props: import('@revvue/embed').Public<import('@revvue/embed').EmbedOptions>) => import('../..').UseWidgetResult;
+/**
+ * Component form. Renders the host `<div>` for you and accepts `className`
+ * and `style` for layout.
+ *
+ * @example
+ * ```tsx
+ * <Widget tenantId={tenantId} app="chat" type="widget" className="h-full w-full" />
+ * ```
+ */
+export declare const Widget: import('react').ComponentType<import('@revvue/embed').Public<import('@revvue/embed').EmbedOptions> & import('../..').WidgetComponentProps>;
+//# sourceMappingURL=widget.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"widget.d.ts","sourceRoot":"","sources":["../../../../src/bindings/widget/widget.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAI7C,MAAM,MAAM,WAAW,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC;AAO7D;;;;;;;;;GASG;AACH,eAAO,MAAM,SAAS,kHAAoB,CAAC;AAE3C;;;;;;;;GAQG;AACH,eAAO,MAAM,MAAM,4IAAiB,CAAC"}

package/dist/types/index.d.ts

@@ -1,2 +1,3 @@
-export * from './components';
+export * from './bindings';
+export type { FloatingComponentProps, UseFloatingResult, UseWidgetResult, WidgetComponentProps } from './internal';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAG3B,YAAY,EAAE,sBAAsB,EAAE,iBAAiB,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC"}