@botonic/webviews 2.37.0 → 2.38.1

package/lib/components/content/index.d.ts

@@ -1,3 +1,5 @@
 export { WebviewBody, type WebviewBodyProps } from './webview-body';
+export { WebviewDialog, type WebviewDialogProps } from './webview-dialog';
+export { WebviewFooter, type WebviewFooterProps } from './webview-footer';
 export { WebviewFrame, type WebviewFrameProps } from './webview-frame';
 export { WebviewHeader, type WebviewHeaderProps } from './webview-header';

package/lib/components/content/webview-body/webview-body.d.ts

@@ -3,5 +3,11 @@ export interface WebviewBodyProps {
     children: ReactNode;
     className?: string;
     variant?: 'default' | 'padded' | 'scrollable';
+    /**
+     * When true, marks the body inert — removed from the interaction and
+     * accessibility tree. Used by templates to isolate background content while
+     * a modal dialog is open (e.g. a submission confirmation overlay).
+     */
+    inert?: boolean;
 }
-export declare function WebviewBody({ children, className, variant, }: WebviewBodyProps): import("react/jsx-runtime").JSX.Element;
+export declare function WebviewBody({ children, className, variant, inert, }: WebviewBodyProps): import("react/jsx-runtime").JSX.Element;

package/lib/components/content/webview-dialog/index.d.ts

@@ -0,0 +1 @@
+export { WebviewDialog, type WebviewDialogProps } from './webview-dialog';

package/lib/components/content/webview-dialog/webview-dialog.d.ts

@@ -0,0 +1,27 @@
+import { ReactNode } from 'react';
+export interface WebviewDialogProps {
+    open: boolean;
+    variant?: 'default' | 'success';
+    /** Accessible name for the dialog. */
+    label: string;
+    /** Content rendered inside the dialog card. */
+    children?: ReactNode;
+    className?: string;
+    /**
+     * Called when the user attempts to dismiss the dialog via Escape.
+     * When omitted, Escape is suppressed (the dialog cannot be dismissed
+     * by keyboard — appropriate for auto-dismissing success dialogs).
+     */
+    onEscape?: () => void;
+}
+/**
+ * Reusable webview-level dialog overlay.
+ *
+ * Renders a backdrop, an accessible `role="dialog"` with `aria-modal`,
+ * moves focus into the dialog on open, traps Tab while open, and
+ * restores focus to the previously focused element on close.
+ *
+ * Visual appearance is driven by `--webview-dialog-*` tokens so
+ * templates can override the look without touching the component.
+ */
+export declare function WebviewDialog({ open, variant, label, children, className, onEscape, }: WebviewDialogProps): import("react/jsx-runtime").JSX.Element | null;

package/lib/components/content/webview-footer/index.d.ts

@@ -0,0 +1 @@
+export { WebviewFooter, type WebviewFooterProps } from './webview-footer';

package/lib/components/content/webview-footer/webview-footer.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+export interface WebviewFooterProps {
+    children: ReactNode;
+    className?: string;
+    /**
+     * When true, marks the footer inert — removed from the interaction and
+     * accessibility tree. Used by templates to isolate background controls while
+     * a modal dialog is open (e.g. a submission confirmation overlay).
+     */
+    inert?: boolean;
+}
+export declare function WebviewFooter({ children, className, inert, }: WebviewFooterProps): import("react/jsx-runtime").JSX.Element;

package/lib/components/index.d.ts

@@ -1 +1 @@
-export { WebviewBody, type WebviewBodyProps, WebviewFrame, type WebviewFrameProps, WebviewHeader, type WebviewHeaderProps, } from './content';
+export { WebviewBody, type WebviewBodyProps, WebviewDialog, type WebviewDialogProps, WebviewFooter, type WebviewFooterProps, WebviewFrame, type WebviewFrameProps, WebviewHeader, type WebviewHeaderProps, } from './content';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@botonic/webviews",
-  "version": "2.37.0",
+  "version": "2.38.1",
   "type": "module",
   "types": "./index.d.ts",
   "module": "./index.js",
@@ -12,10 +12,10 @@
     }
   },
   "dependencies": {
-    "@botonic/core": "2.37.0",
-    "@botonic/shared": "2.37.0",
-    "@botonic/webchat-core": "2.37.0",
-    "@lilara/foundations": ">=0.11.2",
+    "@botonic/core": "2.38.1",
+    "@botonic/shared": "2.38.1",
+    "@botonic/webchat-core": "2.38.1",
+    "@lilara/foundations": ">=0.11.8",
     "class-variance-authority": "^0.7.0",
     "react": "18.3.1"
   },