@nation-a/ui 0.11.3 → 0.11.4

package/dist/index.cjs

@@ -5919,7 +5919,7 @@ const dialogRecipe = sva({
       top: "0",
       left: "0",
       width: "100vw",
-      zIndex: "overlay",
+      zIndex: "popover",
       pointerEvents: "auto",
       _open: {
         animation: "backdrop-in"
@@ -14551,7 +14551,7 @@ const styles = {
     pointerEvents: "none"
   },
   backdrop: {
-    zIndex: 1,
+    zIndex: "overlay",
     position: "fixed",
     top: 0,
     left: 0,
@@ -14564,7 +14564,7 @@ const styles = {
     WebkitTapHighlightColor: "transparent"
   },
   container: {
-    zIndex: 2,
+    zIndex: "modal",
     position: "absolute",
     left: 0,
     bottom: 0,
@@ -14640,7 +14640,7 @@ const Sheet$1 = React.forwardRef(
       ...reduceMotion ? REDUCED_MOTION_TWEEN_CONFIG : tweenConfig
     };
     const y = useMotionValue(windowHeight);
-    const zIndex2 = useTransform(y, (value) => value + 2 >= windowHeight ? -1 : (style == null ? void 0 : style.zIndex) ?? 9999);
+    const zIndex2 = useTransform(y, (value) => value + 2 >= windowHeight ? -1 : (style == null ? void 0 : style.zIndex) ?? 1300);
     const visibility = useTransform(y, (value) => value + 2 >= windowHeight ? "hidden" : "visible");
     const callbacks = React.useRef({
       onOpenStart,
@@ -14949,7 +14949,8 @@ const bottomSheetRecipe = sva({
     container: {
       backgroundColor: "surface.layer_1",
       boxShadow: "md",
-      background: "surface.layer_1"
+      background: "surface.layer_1",
+      zIndex: "modal"
     },
     header: {
       display: "flex",
@@ -14967,11 +14968,13 @@ const bottomSheetRecipe = sva({
       backgroundColor: "surface.layer_1",
       borderTopLeftRadius: 20,
       borderTopRightRadius: 20,
-      boxShadow: "overlay"
+      boxShadow: "overlay",
+      zIndex: "modal"
     },
     backdrop: {
       backgroundColor: "shadow.overlay",
-      opacity: 0.5
+      opacity: 0.5,
+      zIndex: "overlay"
     }
   },
   variants: {