@xsolla/xui-core 0.185.6 → 0.186.1

package/index.mjs

@@ -4579,6 +4579,7 @@ var themeConfig = (mode = "dark", productContext = defaultProductContext) => {
           maxWidth: 680,
           overlayColor: "rgba(0, 0, 0, 0.75)",
           portalPadding: 20,
+          /** @deprecated Layering is contextual now; see OVERLAY_LAYER_BASE / useOverlayLayer. */
           zIndex: 1e3
         };
       },
@@ -4603,6 +4604,7 @@ var themeConfig = (mode = "dark", productContext = defaultProductContext) => {
         stepperContentGap: 8,
         scrimColor: "rgba(0, 0, 0, 0.75)",
         animationDuration: 300,
+        /** @deprecated Layering is contextual now; see MODAL_LAYER_STEP / useOverlayLayer. */
         zIndex: 1e3
       }),
       sidebar: () => ({
@@ -4629,6 +4631,7 @@ var themeConfig = (mode = "dark", productContext = defaultProductContext) => {
         popoverMinWidth: 180,
         popoverMaxWidth: 240,
         popoverShadow: "0 2px 25px rgba(7, 7, 8, 0.15)",
+        /** @deprecated Layering is contextual now; see useOverlayLayer / LAYER_OFFSET. */
         popoverZIndex: 1e3,
         transitionWidth: "0.25s ease-in-out",
         transitionFadeIn: "opacity 0.15s ease-in-out 0.1s",
@@ -4880,12 +4883,35 @@ var useIdFallback = () => {
 var useId = hasReactUseId ? React3.useId : useIdFallback;
 var ModalIdContext = createContext(null);
 var useModalId = () => useContext(ModalIdContext);
+var OVERLAY_LAYER_BASE = 1e3;
+var LAYER_OFFSET = {
+  /** Trigger-anchored value lists: dropdown, select, multi-select, autocomplete. */
+  popover: 200,
+  /** context-menu and its consumers (status-dropdown). */
+  menu: 100,
+  /** tooltip, toggletip. */
+  tooltip: 300
+};
+var MODAL_LAYER_STEP = 1e3;
+var TOAST_LAYER = 9999;
+var OverlayLayerContext = createContext(OVERLAY_LAYER_BASE);
+var OverlayLayerProvider = OverlayLayerContext.Provider;
+var useOverlayLayer = () => useContext(OverlayLayerContext);
+var ModalStackContext = createContext(0);
+var ModalStackProvider = ModalStackContext.Provider;
+var useModalStackDepth = () => useContext(ModalStackContext);
 export {
   DISPLAY_SCALE_STEPS,
   FontLoader,
+  LAYER_OFFSET,
   MOBILE_MAX_WIDTH,
+  MODAL_LAYER_STEP,
   ModalIdContext,
+  ModalStackProvider,
+  OVERLAY_LAYER_BASE,
+  OverlayLayerProvider,
   SCALE_STEPS,
+  TOAST_LAYER,
   TypographyStyleLoader,
   XUIProvider,
   breakpoints,
@@ -4919,6 +4945,8 @@ export {
   useDesignSystem,
   useId,
   useModalId,
+  useModalStackDepth,
+  useOverlayLayer,
   useResolvedTheme
 };
 //# sourceMappingURL=index.mjs.map