@smart-cloud/ai-kit-ui 1.1.4 → 1.1.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@smart-cloud/ai-kit-ui",
-  "version": "1.1.4",
+  "version": "1.1.5",
   "type": "module",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",

package/src/ShadowBoundary.tsx

@@ -18,6 +18,8 @@ export type ShadowBoundaryProps = {
   /** ID of the element inside the shadow root used as the portal target. */
   rootElementId: string;
 
+  /** Variation of the shadow boundary behavior. */
+  variation?: "default" | "modal";
   /**
    * Where to create the shadow root:
    * - "local": attach shadow to this component's host element (keeps layout positioning).
@@ -106,6 +108,7 @@ export function ShadowBoundary({
   children,
   rootElementId,
   mode = "local",
+  variation = "default",
   overlayRootId = "ai-kit-overlay-root",
 }: ShadowBoundaryProps) {
   const hostRef = useRef<HTMLDivElement | null>(null);
@@ -144,8 +147,6 @@ export function ShadowBoundary({
         overlayHost.style.inset = "0";
         overlayHost.style.width = "0";
         overlayHost.style.height = "0";
-        overlayHost.style.zIndex = "2147483647"; // max z-index
-        overlayHost.style.pointerEvents = "none";
 
         doc.body.appendChild(overlayHost);
       }
@@ -154,6 +155,11 @@ export function ShadowBoundary({
       host = hostRef.current;
     }
 
+    if (variation === "modal") {
+      host.style.zIndex = "2147483647"; // max z-index
+      host.style.pointerEvents = "none";
+    }
+
     // 2) Ensure shadow root
     const shadow = host.shadowRoot ?? host.attachShadow({ mode: "open" });
 

package/src/withAiKitShell.tsx

@@ -162,6 +162,7 @@ export function withAiKitShell<P extends object>(
     return (
       <ShadowBoundary
         mode={variation === "modal" && !showOpenButton ? "overlay" : "local"}
+        variation={variation}
         overlayRootId="ai-kit-overlay-root"
         stylesheets={stylesheets}
         innerCSS={innerCSS}