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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@smart-cloud/ai-kit-ui",
-  "version": "1.1.4",
+  "version": "1.1.6",
   "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,7 +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);
@@ -253,6 +255,8 @@ export function ShadowBoundary({
         outline: "none",
         boxShadow: "none",
         backgroundColor: "transparent",
+        zIndex:
+          variation === "modal" ? "var(--ai-kit-position-z-index)" : "auto",
       }}
     >
       {portalTarget && shadowRoot && emotionCache

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}